Рисуем ленту, бант., Авторский, стандартными инструментами ФШ

Предлагаю Вашему вниманию урок по рисованию всевозможных лент и
ленточек - скрученных, изогнутых, завязанных в бант. Используются
стандартные инструменты ФШ + Ваша собственная фантазия.

1.
Создайте новый файл - цвет фона неважен (у меня - белый), поскольку
работа будет вестись на дополнительных слоях. Размер файла
приблизительно 2000 х 600 пикселей, разрешение файла 300 пикселей на
дюйм. В принципе, размер можете ставить по желанию, а высокое
разрешение позволит добиться более качественного результата.
Создайте новый прозрачный слой.
Выберите инструмент "Заливка градиентом" и настройте собственный градиент, например, вот такой:



В
настройках непрозрачности градиента чередуйте бегунки со 100% и 0%
непрозрачности. Выберите в настройках линейный градиент и залейте этим
градиентом Ваш новый слой так, чтобы получилась вот такая
горизонтальная полоса:



2. а). Выберите инструмент
и в режиме "добавить к выделенной области" выделите прозрачные области
слоя ниже и выше полосы градиента. Затем инвертируйте выделение
(Sift+Ctrl+I), чтобы выделенной оказалась залитая градиентом полоса.
б). Создайте новый слой ниже слоя с градиентом и залейте полученное прямоугольное выделение белым цветом.
в).
Создайте ещё один новый слой - теперь выше слоя с градиентом. Выберите
заливку паттерном (узором) и залейте Ваше выделение одним из текстурных
узоров - можно выбрать стандартный, например - вот этот:





3. Идем в инструменты цветокоррекции. Выбираем Image - Adjustments - Hue/Saturation, ставим галочку на режиме Colorize...



...
и тонируем нашу черно-белую текстурку. Затем меняем режим наложения
этого слоя - у меня вместо Normal стоит режим Hard Light:



Теперь
с нажатым Sift выделяем все три слоя (с белой полоской, с полоской,
залитой градиентом и с полоской, залитой текстурой) и жмём Ctrl+Е,
чтобы слить слои в один. Основа для будущей ленты готова.

4.
Создаем еще один новый файл - у меня 1800 х 1800 пикселей с разрешением
300 пикселей на дюйм. Цвет фона - по Вашему желанию, главное, чтобы он
был контрастным по отношению к цветам ленточки. Перетаскиваем нашу
ленточку на этот новый файл инструментом
(или выделяем её, копируем (Ctrl+C), переходим на новый файл и
вставляем туда скопированное (Ctrl+V)). Делаем несколько слоёв-копий с
ленточкой - можно простым перетаскиванием выбранного слоя в палитре
слоёв на значок "Create a new layer" (создать новый слой):



5.
Приступаем к монтированию банта. Выбираем один из слоёв-копий,
подключаем трансформацию (Ctrl+T), и выбираем режим Warp (деформация).
ВНИМАНИЕ:
Если Ваша версия ФШ более ранняя, чем CS-2, то вместо Warp-а (которого
в более ранних версиях просто нет) можно использовать фильтр Liquify
(Пластика)
Деформируем ленточку примерно вот так:



6. Проделываем то же самое со следующим слоем, чтобы получить нижнюю часть петельки:



7.
По тому же принципу изгибаем следующие 2 слоя, чтобы получить вторую
сторону банта. "Лишние" куски лент выделяем и удаляем. Для удобства
дальнейшей работы объединяем слои, составляющие каждую петельку, в
группы. То есть создаём новую группу и на палитре слоёв перетаскиваем в
неё два слоя, составляющие одну из петелек банта. Затем создаём ещё
одну группу - перетаскиваем туда вторые два слоя. Бант вполне может
быть и попышнее - достаточно скопировать уже имеющиеся группы с
петельками, затем с помощью трансформации поворота, сдвига искажения и
перспективы (соответственно - Rotate, Skew, Distort и Perspective)
покрутить и погнуть получившиеся группы-петельки, разместив их примерно
вот так:



8.
Бант должен иметь узелок. Прямоугольным выделением выделяем небольшой
кусочек ленточки со слоя, еще не подвергавшегося трансформации



...копируем выделенное (Ctrl+C) и вклеиваем на новый слой (Ctrl+V). Полученный кусочек трансформируем, примерно вот так:



9.
Оставшийся не трансформированным последний слой с ленточкой дублируем.
Изгибаем с помощью трансформации каждую ленточку, чтобы получить
свободные концы ленты. Свой бант я решила сделать полупрозрачным, для
чего у каждого из полученных слоёв (и внутри групп в том числе) я меняю
режим наложения слоя с Normal на Hard Light (в зависимости от цвета
Вашего банта и цвета фона Вы можете выбрать какой-нибудь другой режим
наложения):



Теперь
оживляем наш бантик, чтобы ленты выглядели более реалистично. При
завязывании лента неизбежно сминается, собираясь в складочки. Добавим
складочек нашему бантику:

10. Создадим собственный чёрно-белый непрозрачный градиент, примерно вот такой:



продолжение ниже...

11. Заливаем этим градиентом в линейном режиме новый слой, созданный поверх всех имеющихся, примерно вот так:



12.
Слой с градиентом тонируем с помощью инструментов цветокоррекции,
например так же, как тонировали в самом начале урока слой с чёрно-белой
текстурой. Это делается, чтобы избежать чересчур резких теней в
складках. Меняем режим наложения на Multiply, чтобы видеть
расположенные ниже слои. Создаём копию слоя.



13. Далее деформируем полученный градиент с помощью фильтра Liquify, примерно вот так:



14.
Теперь с помощью трансформации разворачиваем слой и размещаем так,
чтобы будущие складочки совпали с одной из ленточек. Применяем к слою с
градиентом маску слоя и мягкой круглой кистью большого диаметра
закрашиваем на маске чёрным цветом всю ненужную часть слоя, после чего
можно подыскать другой режим наложения для складочек (я взяла Linear
Burn):





15.
Теперь на ваш выбор – или копируем уже деформированный слой с маской и
накладываем на оставшиеся фрагменты банта, или повторяем с
недеформированной копией слоя предыдущие 2 шага. Можно на одну и ту же
часть банта положить не один, а два или три слоя с градиентом,
развёрнутые и деформированные немножко по-разному + с разными режимами
наложения. Это позволит создать более интересную игру свето-теней на
складочках:



16.
Далее предлагаю создать парочку новых слоёв поверх всех имеющихся и
залить их новым непрозрачным линейным градиентом. Заливаем по диагонали
– например, один слой из верхнего левого угла в нижний правый, а второй
слой – из верхнего правого в нижний левый. Я сделала вот такой градиент
(внизу на скриншоте – кусочек палитры слоёв с иконками того, что на
этих слоях получится в результате):



17.
Ну, и остаётся еще раз воспользоваться сменой режимов наложения слоя.
На одном из полученных слоёв (верхнем) я поставила режим Hue, на втором
– Overlay. Можно еще подправить ластиком или с помощью маски слоя
неаккуратные краешки лент, слегка «размазавшиеся» во время
трансформации. Можно на отдельном слое в режиме Multiply добавить
немного теней темной полупрозрачной широкой круглой кистью с мягким
краем – на закруглениях ленты, на загибах, внутри петелек.
Вот что получилось в итоге:



Надеюсь, кому-нибудь этот урок пригодится. Желаю удачи и спасибо за внимание!