Как нарисовать ленточку?

08 декабря 14:38 2010

Доброе утро, давайте сегодня нарисуем ленточку в Фотошопе, вот такую:

Сама задача не очень сложная и нарисовать точно такую же ленточку вы сможете быстро.

Сначала рисовать я буду шапку, и мне ленточки нужны позади герба, который я украду у РФ через Яндекс, ибо Гугл не выдал нормальных гербов:

Это крутой герб, но красная подложка меня все равно немного раздражала, да и на белом фоне без подложки орел будет круче. Долго же Я его вырезал:

Потом чуть обработал перфектумом и пошарпил, плюс вписал немного в белый фон. Немного увел желтый цвет в синий. Возможно это моя паранойя уже — но мне так больше нравится. 🙂

Вот что у меня получилось:

Ну а теперь собственно то, из-за чего я пост этот пишу. Будем рисовать ленточки, которые будут вылазить из-за герба. Делать их можно через берн и додж, или через градиенты. У меня есть планшетка – поэтому я почти всегда делаю через берн и додж, но и мышкой это вполне удобно делать.

В общем, сначала нарисуем основу ленточки. Раньше, когда-то давно, я пытался рисовать ленточку полностью пентулом, но это бесперспективность полная. У меня все получалось криво и косо, вот как НЕ надо делать:

Ведь даже если не присматриваться – сразу видно что косая лента получилась. Может если вы супер точны – то попробуйте, вдруг получится. 🙂

Я делаю проще. Провожу линию, как должна извиваться лента:

Далее беру инструмент «Кисть». Выбирайте тот цвет, в котором у вас будет лента, саму кисточку выбирайте из стандартного набора «Каллиграфические кисти», вот такую:

После того как выбрали кисть, снова берем пентул, клик по нашему контуру правой кнопкой мыши, выбираем «Выполнить обводку контура». В появившемся окне, в выпадающем меню выбираем «Кисть», жмем ок.

Все это делаем на новом слое.

Должно выйти так:

И не надо ничего выводить с помощью одного лишь пентула 🙂

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

Кстати, ленточку вы можете без проблем сделать любой толщины, просто дублируйте слой, и каждый раз сдвигай его чуть вниз, пока не устроит толщина. У меня лента будет в виде флага России, поэтому я сделал ее немного толще:

Теперь при помощи того же пентула, равняйте края, убирайте косяки если они у вас вылезут.

Дальше я буду разукрашивать свою ленточку. Все просто – белый, синий, красный.

Немного про белый цвет на белом. Опять же, никаких проблем, просто делайте вместо белого чуть серый цвет, светло-серый. С ним и берном работать можно будет.

Дублируем слой с лентой, а нижний отключаем. Теперь выбираем слой-дубликат, и меняем его цвет на светло-серый через ctrl+u. Потом дублируем этот слой, меняем его цвет на синий, и двигаем слой чуть ниже.

Так же поступаем и с красным цветом. Потом сливаем все эти слои в один, выделяем самый первый слой с ленточкой (именно делаем из него выделение, не делая его видимым! Для этого достаточно зажать ctrl и кликнуть по иконке слоя. А потом инвертировать выделение, нажав ctrl+shift+i). Затем удаляем все ненужные остатки ленточки.

У меня вышло так:

Флаг готов. Кстати я ещё как то писал урок о том как рисовать флаг, почитайте его, может быть что-нибудь полезное вынесите для себя.

Делаем объёмные ленточки

Пока писал этот текст, все же решил делать через берн и додж.

Выбирайте инструмент «Затемнитель» он же Burn –

С такими настройками:

И в местах, где у нашей ленты изгибы внутрь, проведите сверху вниз 1-2 раза – это будет тень.

Дальше возьмите инструмент «Осветлитель», он же Dodge

С такими настройками:

И проведите сверху вниз, 1-2 раза там, где у ленты изгиб наружу, то есть на нас – это свет.

Вот так:

Теперь, я хочу, как всегда сделать грани. Для этого дублирую слой с лентой, через crtl+u делаю его белым, выделяю, зажав ctrl и кликнув по иконке слоя, выделение двигаю на 1 пиксель вниз (стрелочка вниз на клаве) и очищаю выделение нажав Backspac.

У нас осталась однопиксельная грань. Я сдвину эту грань вниз, на 1 пиксель (зажмите ctrl и нажми стрелку вниз), так как фон у нас белый и на нем эту грань просто не будет видно. В общем сдвигаю и режим этого слоя ставлю в «перекрытие». Так же добавляем и снизу ленточки:

Ну и финальный шаг, я добавлю немного шума на ленточку, чтобы у нее была текстура, для этого выбираю слой с лентой, иду в Фильтры>Шум>Добавить шум, проставляю количество 0,7:

Сейчас, я привел самый простой, быстрый и легкий способ рисования ленточки, можно посидеть подольше – результат будет лучше. Может потом, как-нибудь напишу продолжение урока.

Вот такой хедер получился  в итоге у меня:

Как нарисовать ленточку

Если остались вопросы – спрашивай в комментариях. Поможем.
[sc name=»728 text» ]