Как я могу добиться четкого пиксельного эффекта идеального удара в Photoshop?


16

Я работаю над пиксельной графикой в ​​стиле ретро для видеоигр. Я хотел бы иметь возможность добавить границу вокруг спрайта, но мне нужно, чтобы она была четкой и "идеальной по пикселям". Использование эффекта «Обводка» в Photoshop кажется очевидным выбором, но, к сожалению, Photoshop делает некоторые изящные сглаживания и добавляет дополнительные пиксели там, где они мне не нужны:

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

Верхняя граница изображения была создана с помощью обводки Photoshop (размер: 1 пиксель, позиция: снаружи).

Нижняя граница изображения была нарисована вручную с помощью карандаша.

Нижний эффект - тот, который мне нужен, но я пытаюсь добиться этого без необходимости рисовать его вручную с помощью карандаша. Есть ли способ заставить эффект Stroke вести себя таким образом? Или есть другой метод, который я мог бы использовать для автоматизации этого эффекта?


У вас есть доступ к фейерверкам? Это лучший инструмент для этого типа работы. За исключением того, что для такого разрешения работы я бы вообще не беспокоился об обводках, а просто использовал карандашный инструмент, чтобы нарисовать его.
DA01

Используйте карандашный инструмент. @ DA01 Adobe, к сожалению, убил Фейерверк.
Билли Керр

@BillyKerr да, похоже, программный совет не стареет. :)
DA01

Ответы:


13

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

Резкий инсульт в фотошопе

Вершина Гумба - твой пример. Нижний Goomba - это то же растровое изображение, но замаскированное с помощью обводки, добавленной в качестве стиля слоя с тенью. Хитрость в том, чтобы сделать это правильно - это пользовательская кривая контура.

Пользовательская контурная кривая

То же самое можно сделать со стилем внешнего слоя свечения. И теперь вы можете легко применить это к любому слою.


значение угла имеет значение?
Горацио

4
Когда расстояние равно 0, угол не имеет значения.
Марк Эдвардс

Довольно умный обходной путь к использованию Strokes! Это работает очень хорошо, никогда не думал об использовании контуров!
bigp

Слово ..... Я бы никогда не подумал использовать тени. Это прекрасно сработало и для меня в том же приложении.
Nungster

4

Для этого вы можете выполнить следующую процедуру:

  1. Превратите свой слой в смарт-объект, таким образом, вы можете сделать несколько копий слоя, которые автоматически синхронизируются с содержимым
  2. Сделайте четыре копии этого смарт-объекта ( не используя функцию «Новый смарт-объект через копирование», это создаст отдельные смарт-объекты, мы хотим, чтобы они были созданы здесь)
  3. Отрегулируйте положение каждой из четырех копий, подталкивая их каждый пиксель в четырех направлениях (т. Е. Одну вверх, одну вниз, одну влево и одну вправо)
  4. Сгруппируйте четыре копии в группу в палитре слоев
  5. Добавьте синий (цвет обводки) слой сплошного цвета, поместите его над группой
  6. Удерживая клавишу «Alt», щелкните разделительную линию между группой и синим слоем, чтобы превратить группу в обтравочную маску для синего слоя.

Результат:

Слои эльф

Вы можете скачать файл Photoshop CS6 здесь .

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


1

Ответ Лассе хороший. Однако, в зависимости от ваших настроек, корректирующий слой Posterize, установленный на 2, может привести вас туда за один шаг. Это определенно стоит попробовать.

Слои вашего файла, один цвет на слой, определенно доставят вас туда, используя Posterize.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.