Як я можу досягти ефекту різкого піксельного ідеального обведення у Photoshop?


16

Я працюю над піксельним мистецтвом у стилі ретро для відеоігри. Мені хотілося б додати межу навколо спрайту, але мені потрібно, щоб вона була різкою і "піксельною ідеальною". Використання ефекту обведення Photoshop здається очевидним вибором, але, на жаль, Photoshop робить фантазійне згладжування і додає додаткові пікселі там, де я не хочу їх:

введіть тут опис зображення (Збільшення зображення до 400%)

Верхня межа зображення створена за допомогою обведення Photoshop (розмір: 1px, положення: Зовні).

Нижню межу зображення вручну малювали інструментом олівця.

Нижній ефект - це той, за яким я готую, але я намагаюся його досягти, не маючи вручну малювати його інструментом олівця. Чи є спосіб змусити ефект «Інсульту» вести себе таким чином? Або є інший метод, який я міг би використовувати для автоматизації цього ефекту?


У вас є доступ до феєрверків? Це кращий інструмент для такого типу робіт. Заперечуючи те, що для цієї резолюції роботи я взагалі не морочуся штрихами, а просто використовую інструмент для олівця, щоб намалювати його.
DA01

Використовуйте інструмент для олівця. @ DA01 Adobe, на жаль, вбив феєрверки.
Біллі Керр

@BillyKerr так, здається, програмні поради не старіють. :)
DA01

Відповіді:


13

Дійсно простий спосіб досягти різкого удару - це стиль шару тіньового шару (так, ви правильно це прочитали).

Різкий удар в Photoshop

Топ Goomba - ваш приклад. Нижня Goomba - це та сама бітова карта, але замаскована штрихом, доданим як стиль шару тіньового шару. Хитрість виправити це - спеціальна крива контуру.

Спеціальна крива контуру

Те ж саме можна зробити зі стилем зовнішнього шару світіння. І тепер ви можете легко нанести це на будь-який шар.


чи має значення встановлення кута?
horatio

4
Коли відстань дорівнює 0, кут значення не має.
Марк Едвардс

Досить розумне рішення щодо використання штрихів! Це працює дуже добре, ніколи не замислюючись про використання контурів!
bigp

Слово ..... Я б ніколи не думав використовувати тіні для краплі. Це чудово працювало і для мене, і для того ж самого додатка.
Nungster

4

Для цього ви можете дотримуватися цієї процедури:

  1. Перетворіть ваш шар на розумний об’єкт, таким чином ви зможете зробити кілька копій шару, які автоматично синхронізуються щодо вмісту
  2. Зробіть чотири копії цього розумного об’єкта ( не використовуючи функцію «Новий розумний об’єкт через копію»; це зробить окремі розумні об’єкти, ми хочемо, щоб вони тут були встановлені)
  3. Відрегулюйте положення кожної з чотирьох копій, натискаючи на них кожен піксель у чотирьох напрямках (тобто одна вгору, одна вниз, одна вліво та одна справа)
  4. Згрупуйте чотири копії в групу на палітрі шарів
  5. Додайте суцільний кольоровий шар синього кольору (обведення), розташуйте його над групою
  6. Клацніть клавішею Alt, натисніть на розділову лінію між групою та синім шаром, щоб перетворити групу на відсічну маску для синього шару

Результат:

Шари Спрайт

Ви можете завантажити файл Photoshop CS6 тут .

Цей прийом можна легко адаптувати, щоб він також включав пікселі у всіх 8 напрямках, просто повторивши вищезазначені кроки вдруге (ще 4 шари) та перемістивши їх один піксель по діагоналі у чотирьох діагональних напрямках.


1

Відповідь Лассе хороша. Однак, залежно від налаштувань, шар налаштування Постеризація, встановлений на 2, може потрапити туди за один крок. Це обов'язково варто спробувати.

Нанесення вашого файлу, один колір на шар, обов'язково потрапить до вас за допомогою Posterize.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.