Урок PS: красивый эффект пера

Одно перо можно вырастить из одних только фильтров. Начните с прямоугольника, фильтром «Ветер» разлохматьте края, «Размытием в движении» придайте естественность, «Полярными координатами» согните в дугу, а потом продублируйте и отразите, чтобы собрать целую форму. В Online PS порядок этой цепочки фильтров имеет значение.

1. 1. Новый холст и заливка фона

   Откройте Online PS (zaixianps.cc), Файл → Новый, размер на ваш выбор. Затем залейте фон чёрным (#000000) инструментом «Заливка» (G).

2. 2. Нарисуйте базовый прямоугольник (грубую форму пера)

   • Создайте новый пустой слой (Ctrl+Shift+N).
   • Выберите инструмент «Прямоугольник» (U) и нарисуйте длинный узкий прямоугольник — от его ширины зависит длина пера.
   • В панели параметров задайте заливку белой (#FFFFFF), а обводку — нет.

3. 3. Фильтр «Ветер» → придайте прямоугольнику текстуру пера

   Меню Фильтр → Стилизация → Ветер, выберите «Справа». Повторите 2–3 раза, пока не появятся неровные «волокна пера».

   Совет: после каждого прохода нажимайте Ctrl+D, чтобы снять выделение.

4. 4. Размытие в движении — сделайте перо естественным

   Меню Фильтр → Размытие → Размытие в движении, с такими настройками:

   Угол: 0°   // совпадает с направлением прямоугольника
   Смещение: 80–120 (подгоняется под размер холста)
                           

   Этот шаг слегка наклоняет «волокна».

5. 5. Свободное трансформирование (поворот на 90°) и перенос вниз

   Нажмите Ctrl+T (свободное трансформирование), введите 90° в поле в левом верхнем углу, подтвердите, а затем перетащите фигуру в самый низ холста инструментом «Перемещение».

6. 6. Полярные координаты — превратите прямое перо в дугу

   Меню Фильтр → Искажение → Полярные координаты, выберите «Прямоугольные в полярные».

7. 7. Ещё раз свободное трансформирование и обрезка нужного участка

   Снова нажмите Ctrl+T, поверните перо под нужным углом и подправьте искажение (хорошо работает команда «Деформация» в контекстном меню). Затем выделите нужную область инструментом «Прямоугольная область».

8. 8. Инверсия и удаление лишнего

   Нажмите Shift+Ctrl+I (или Shift+⌘+I), чтобы инвертировать выделение, а затем удалите лишние пиксели клавишей Delete.

9. 9. Дублирование и отражение по горизонтали — основа из двух половин

   • Щёлкните правой кнопкой в панели «Слои» → «Дублировать».
   • Выделив копию, нажмите Ctrl+T → щёлкните «Отразить по горизонтали» на верхней панели.
   • Перенесите отражённый слой на другую сторону; две половины вместе образуют целое перо.

10. 10. Нарисуйте стержень (прямоугольник + заливка)

    • На том же слое нарисуйте тонкий длинный прямоугольник инструментом «Прямоугольник» и расположите его у основания пера.
    • Нажмите Shift+F5, чтобы открыть панель «Заливка», и залейте белым.
    • Когда закончите, снимите выделение через Ctrl+D.

11. 11. Объедините слои и согните перо инструментом «Наклон»

    • Выделите два слоя (тело пера и стержень) и нажмите Ctrl+E, чтобы объединить их в один.
    • Нажмите Ctrl+T ещё раз, щёлкните правой кнопкой → «Наклон» и подберите горизонтальный/вертикальный наклон, чтобы перо плавно изогнулось.

12. 12. (Необязательно) Добавьте цветовой градиент

    Если хочется подкрасить перо:

    • Добавьте ещё один пустой слой над слоем пера.
    • Возьмите инструмент «Градиент» (G), выберите понравившийся градиент и протяните линейный или радиальный.
    • Примените к слою градиента Ctrl+Alt+G (создать обтравочную маску), чтобы цвет проявлялся только внутри пера.

13. 13. Готово! Экспортируйте работу

    Файл → Экспортировать как → PNG (или JPG), затем сохраните.

    Если хотите продолжить редактирование, сохраните ещё и .psd (Файл → Сохранить как PSD), чтобы открыть его позже.

Источники

• Официальная документация Adobe Photoshop
• HTML5 и принципы современной обработки изображений на фронтенде
• Online PS