Если фотографии не хватает романтики, летящие перья выглядят гораздо естественнее стикеров. Этот урок создаёт кисть-перо с нуля: импортирует исходник, придаёт ему форму свободным трансформированием, определяет как кисть и настраивает динамику так, чтобы каждое перо ложилось под своим углом и размером. Online PS сохраняет наборы кистей, поэтому их можно использовать и позже.
① Выберите подходящее изображение
Откройте Online PS (zaixianps.cc) и выберите объект, в позе которого есть движение (прыжок, поворот, взмах) — так перья будут смотреться естественнее.
Советы: достаточно ровный однотонный фон упростит смешивание перьев.
Совет: объект можно сначала вырезать инструментом Быстрое выделение (W), положить его на отдельный слой и рисовать перья поверх.
② Откройте файл в Online PS
① В рабочей области Online PS нажмите Файл → Открыть (или Ctrl+O)
② Выберите исходную фотографию и подтвердите.
Совет: проверьте, что изображение не меньше 800 px по ширине, иначе тонкие детали перьев рассыпятся.
Если вы хотите держать все материалы в одном файле, перо вы перетащите туда чуть позже.
③ Подготовьте материал с пером и создайте кисть
3.1 Импортируйте материал с пером
Снова воспользуйтесь Файл → Открыть, чтобы открыть PNG пера с прозрачным фоном (или нарисуйте простое перо сами в Online PS).
3.2 Свободное трансформирование → Деформация
Выделите слой с пером, нажмите Ctrl+T (Свободное трансформирование) → нажмите значок «Деформация» на панели параметров и тяните или скручивайте, пока перо не примет естественную, летящую форму.
Совет: правая кнопка → Показать сетку, чтобы растяжение оставалось симметричным.
3.3 Определите кисть
- Убедитесь, что слой с пером растрирован (правая кнопка по слою → Растрировать); иначе пункт «Новая кисть» останется недоступным.
- Выберите Кисть (B) на левой панели инструментов, затем нажмите маленький треугольник рядом с «Набор кистей» на панели параметров → «Новая кисть».
- В диалоге отметьте «Использовать форму слоя» и «Сохранить прозрачность», задайте имя вроде «Feather-01» и подтвердите.
Теперь перо — пользовательская кисть. Дальше вы только настраиваете параметры кисти и можете нарисовать несколько перьев одним мазком.
④ Настройте динамику кисти-пера
Откройте панель настроек кисти (F5 или правая кнопка по инструменту «Кисть» → Настройки кисти…). Вот ключевые значения, с которых стоит начать:
| Параметр | Рекомендуемое значение | Примечания |
|---|---|---|
| Динамика формы → Колебание угла | 30-45° | Даёт каждому перу свой наклон и более естественный вид. |
| Рассеивание → Рассеивание | 20-30% | Слегка смещает положение перьев при каждом мазке. |
| Колебание размера | 30-50% | Меняет размер перьев. |
| Динамика формы → Направление | 0° (сохранять исходное направление) | Включите параметр «По контуру», если хотите, чтобы перья изгибались вдоль контура. |
| Динамика цвета → Соотношение «Основной/Фоновый» | 100% основного | Задаёт цвет пера по основному цвету. |
| Нажим | 85 % | Сохраняет плавность градиента мазка. |
| Непрозрачность | 80 % | Придаёт краям пера лёгкую полупрозрачность. |
Выбор основного и фонового цвета:
- Основной: мягкий бледно-серый, светло-коричневый или слегка сине-зелёный тон, который сочетается со светом или одеждой объекта на исходной фотографии.
- Фоновый: по умолчанию оставьте прозрачным.
Для перьев нескольких цветов сначала нарисуйте слой бледно-белых перьев, продублируйте слой, смените основной цвет и рисуйте снова. Получите несколько цветов, не пересоздавая кисть.
⑤ Нарисуйте перья
- Создайте новый пустой слой над исходной фотографией и назовите его «Перья».
- Выберите кисть-перо и задайте размер ([ / ]) под подходящую длину пера — обычно 30-80 px в зависимости от размера изображения.
- Щёлкайте или тяните по нужным областям; один мазок может дать 3-7 перьев в зависимости от «Рассеивания» и «Колебания размера».
- Чтобы у перьев был шлейф, удерживайте Shift и тяните в пределах одного мазка, рисуя плавно изогнутый путь.
- Если перо оказалось не там, отмените действие Ctrl+Z или продублируйте слой с перьями и деформируйте его снова (Ctrl+T → Деформация).
Краткая шпаргалка по сочетаниям:
• Ctrl+Z / Ctrl+Shift+Z – отменить / повторить
• Ctrl+Alt+Z – шаг назад (по одному шагу, вплоть до самого начала)
• Alt+Backspace – сбросить основной цвет на стандартный чёрный (быстрое переключение цвета).
⑥ Добавьте свет и тень (стили слоя)
Выделите слой «Перья» → дважды щёлкните по нему, чтобы открыть панель стилей слоя. Основную работу делают два стиля:
① Тень
- Режим наложения: Умножение
- Цвет: тёмно-серый или цвет, соответствующий источнику света на исходной фотографии
- Угол: по направлению света (например, 120°)
- Смещение: 10-20 px
- Размах: 5-15 px
- Размер: 30-50 px
- Непрозрачность: 30-45%
② Внутренняя тень
- Режим наложения: Перекрытие
- Цвет: чуть более тёмный оттенок из той же гаммы (например, тёмно-коричневый)
- Тот же угол, что у тени, чтобы усилить ощущение объёма
- Меньшие «Смещение» и «Размер» (5-10 px)
- Непрозрачность: 15-25%
Чтобы перья казались легче, будто по ним скользит свет, добавьте Внешнее свечение:
- Режим наложения: Осветление (или Замена светлым)
- Цвет: бледно-белый или светло-золотой
- Размер: 20-40 px
- Непрозрачность: 20-30%
Совет: отметьте «Просмотр» внизу слева на панели стилей слоя и переключайте его, чтобы сравнить изображение с эффектом и без него.
⑦ Скройте исходную фотографию для чистой проверки
На панели «Слои» выключите значок глаза у исходной фотографии и оставьте видимым только слой с перьями — сразу видно, естественно ли выглядят свет и тень.
Совет: поместите исходную фотографию и перья в одну группу и переключайте значок глаза у группы, чтобы показывать или скрывать оба слоя сразу, а не щёлкать по двум слоям.
⑧ Экспортируйте готовое изображение
- Если нужно сохранить прозрачный фон (постеры, веб-графика), выберите Файл → Экспортировать как → PNG и обязательно отметьте «Прозрачность» (PNG-24).
- Для прямого использования в вебе или соцсетях экспортируйте в JPEG (качество 80-90%) или WebP.
- Перед экспортом проверьте итоговый размер в Изображение → Размер изображения, чтобы слишком большой файл не замедлил страницу.
- Настоятельно рекомендуется: сохранить ещё и PSD (Файл → Сохранить как → .psd), чтобы позже открыть его, подвинуть перья или поправить освещение.
Источники
- Официальная документация Adobe Photoshop
- HTML5 и современная обработка изображений на фронтенде
- Online PS