Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


Изюминка нашего сайта в том, что все файлы хранятся на наших серверах, поэтому Вы получаете круглосуточный доступ ко всем файлам по прямым ссылкам без регистрации! С нашим сайтом Вы забудете про файлообменники!


Урок По Рисованию Всевозможных Лент И Ленточек


Урок По Рисованию Всевозможных Лент И Ленточек


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 добавить немного теней темной полупрозрачной широкой круглой кистью с мягким краем – на закруглениях ленты, на загибах, внутри петелек.
Вот что получилось в итоге:

Урок По Рисованию Всевозможных Лент И Ленточек


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

Автор: HelgaArt


Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

комментарии (3)

#1 написал: rowingman | 23 марта 2010 14:40
     

битый архив по ссылке
#2 написал: alinaani | 24 января 2011 13:02
     

И все еще не исправлен!
#3 написал: DeNRiX | 24 января 2011 14:13
     

Так как архив был битым, я выложил урок иллюстрациями и подробным описанием, думаю так проблем не будет.
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.