Урок Photoshop: рисуем гусиное перо

Примерно 14 минут чтения

Главная/ Уроки PS/ Урок Photoshop: рисуем гусиное перо

Перо кажется сложным, пока не разбить его на четыре части: градиентный фон, тело из эллипса и «Пера», текстура пера из своей кисти, блики и тени из стилей слоя. Если делать по порядку, всё просто, и весь процесс можно пройти в Online PS.

  1. 1

    Создайте фон и чёрно-белый градиент

    1️⃣ Новый холст (рекомендуем 800 × 800 px), фон — чёрный.

    2️⃣ На панели «Слои» щёлкните правой кнопкой по слою → Новый слой-заливка → Градиент.

    3️⃣ Выберите линейный градиент от чёрного к белому, режим «Свой», угол 90°; протяните градиент так, чтобы он уходил слева направо.

    4️⃣ Смените режим наложения градиентного слоя на Overlay («Перекрытие») и непрозрачность примерно на 30% — получится мягкий, дымчатый фон.

  2. 2

    Нарисуйте контур пера

    1. ① Нарисуйте тело пера «Эллипсом»
      • На панели инструментов выберите инструмент «Эллипс» (U) → нарисуйте эллипс примерно размером с перо.
      • Инструментом «Добавить опорную точку» (Shift+P) подправьте верхний и нижний концы — сделайте их острее или шире.
      • Нажмите Ctrl+Enter (Mac ⌘+Enter), чтобы превратить фигуру в выделение.
      • Задайте белый цвет переднего плана и выберите Редактирование → Выполнить заливку (или Alt+Delete), чтобы залить белым.
      • Выделение → Выделение → Модификация → Растушёвка, радиус около 5 px, затем Ctrl+D, чтобы снять выделение.
    2. ② Нарисуйте стержень (центральный ствол) «Свободным пером»
      • На панели инструментов выберите инструмент «Перо» (P) → переключитесь на «Свободное перо» (на панели параметров смените «Фигура» на «Контур»).
      • Дважды щёлкните, чтобы нарисовать тонкую прямую линию: начните от низа эллипса и закончите примерно на треть за его краем.
      • Снова нажмите Ctrl+Enter, чтобы преобразовать в выделение, и залейте белым.
      • Выделение → Редактирование → Выполнить заливку; затем объедините два слоя (Ctrl+E) в «Слой 1».
    3. ③ Нарисуйте разрывы пера «Пером»
      • Снова выделите «Слой 1» и «Пером» нарисуйте неровные ветвящиеся контуры вдоль внешнего края пера.
      • После каждого сегмента сначала добавьте опорную точку на контуре (Alt+клик), чтобы замкнуть подконтур.
      • Ctrl+Enter → Выделение → Инверсия → Delete, чтобы убрать внутреннюю часть.
      • Когда закончите, нажмите Ctrl+T, чтобы выйти из выделения.
      • Повторяйте, пока не закончите каждую «бородку» пера.
  3. 3

    Сделайте свою кисть (текстура пера)

    1️⃣ Создайте новый слой 5 × 5 px с прозрачным фоном.

    2️⃣ Возьмите инструмент «Карандаш» (B), цвет — чёрный, и поставьте несколько точек (расположение любое — нужен зернистый вид).

    3️⃣ Затем выберите Редактирование → Определить набор кистей и назовите кисть FeatherDust.

    4️⃣ Выберите кисть на «Слое 1», задайте размер около 30%–45%, жёсткость 0 и нажим 20%, затем легко пройдитесь по краям и кончику пера — получится естественная пушистая текстура.

  4. 4

    Добавьте стили слоя к «Слою 1»

    Выделите «Слой 1» → fx (стиль слоя) → «Тиснение» и задайте:

    Стиль: Внутренний скос
Метод: Плавный
Глубина: 100%
Направление: Вверх
Размер: 5 px
Смягчение: 0 px
Режим подсветки: Осветление, цвет белый
Режим тени: Умножение, цвет чёрный

    Затем щёлкните «Внешнее свечение»:

    Цвет: #fff
Режим наложения: Перекрытие
Непрозрачность: 75%
Размер: 10 px
Диапазон: Снаружи
  5. 5

    Создайте тень пера

    1. Дублируйте «Слой 1» (Ctrl+J) — получится «Слой 1 copy».
    2. С выделенной копией залейте всё перо чёрным инструментом «Заливка» (G).
    3. Нажмите Ctrl+T и слегка сдвиньте вниз или вправо (небольшое смещение имитирует направление света), затем подтвердите.
    4. Затем Фильтр → Размытие → Размытие по Гауссу с радиусом 2 px.
    5. Поставьте непрозрачность слоя 50% — получится мягкая падающая тень.
  6. 6

    Добавьте «Наложение градиента» и завершите

    Выделите «Слой 1» → fx → «Наложение градиента».

    В открывшейся панели:

    • Стиль: Линейный
    • Угол: 90° (подгоняйте по вкусу)
    • Цвет: на ваш выбор — металлическое золото #f1c40f → #e67e22 или мягкий сине-фиолетовый #8e44ad → #3498db, оба варианта хороши
    • Непрозрачность: 100%
    • Режим наложения: «Перекрытие» или «Мягкий свет» (по вкусу)

    Когда всё готово, у вас есть гусиное перо, которое можно перетаскивать, дублировать и экспортировать в PNG.

Советы:
• В Online PS почти все сочетания клавиш совпадают с Photoshop, и их знание сильно экономит время.
• Чтобы «бородки» выглядели естественнее, используйте Выделение → Модификация → Расширить/Сжать, а перед удалением снова «Растушёвку».
• При экспорте выбирайте Файл → Экспортировать как → PNG (прозрачный), чтобы перо можно было положить на любой фон.

Источники

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