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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Если остались вопросы – спрашивай в комментариях. Поможем.

Я приготовил урок, который поможет вам создать символическую ленточку в Adobe Illustrator, которую вы сможете использовать не только в связи с борьбой со СПИДом, но и для любых других целей, где вам может понадобиться векторная ленточка.

Шаг 1.

Создайте новый документ в Иллюстраторе . Далее используя Инструмент Прямоугольник - Rectangle Tool (M) нарисуйте небольшой прямоугольник. Теперь перейдите в меню Эффект > Деформация > Арка (Effects > Warp > Arch) и примените следующие настройки:

- выберите пункт По горизонтали (Horizontal)

- Изгиб (Bend): 79%

Раздел Искажение

- По горизонтали (Horizontal): 0%

- По вертикали (Vertical): 12%

Шаг 2.

Расширьте вашу фигуру перейдя в меню Объект > Разобрать оформление (Object > Expand Appearance). Далее используя Инструмент Выделение - Selection Tool (V) немного сузьте фигуру. В итоге мы получили петлю нашей ленточки.

Шаг 3.

Теперь используйте Инструмент Перо - Pen Tool (P) . Начиная с верхнего левого угла петли, нарисуйте форму ленты по направлению вправо вниз, можете немного изогнуть форму ближе к концу. Форма, представленная в уроке, состоит из четырех узлов.

Шаг 4.

Скопируйте созданную форму Ctrl + C > Ctrl + V , чтобы сделать левую часть ленточки. Отразите ее по вертикали, для этого выделите форму, кликните правой кнопкой мыши выберите Трансформировать > Зеркальное отражение (Transform > Reflect) и в открывшемся окне выберите пункт Ось: Вертикальная (Axis: Vertical)

Шаг 5.

Используйте Инструмент Перо+ - Add Anchor Point Tool (+ ), чтобы добавить узел посередине нижней части правой и левой части ленточек (см. рисунок). Далее возьмите Инструмент Прямое выделение - Direct Selection Tool (А) и сместите только что добавленные узлы внутрь, чтобы сделать зубчики на концах ленты.

Шаг 6.

Выделите верхнюю маленькую часть ленты и откройте панель Градиент (Gradient), добавьте Линейный градиент (Linear Gradient) в качестве заливки формы. Я сделал градиент из 3 цветов, расположив их в 5 точках на линии градиентной заливки. Вот использованные цвета по порядку: #5C0404, #ED1C24, #F37359, #ED1C24, #6B2326.

Шаг 7.

На панели Слои (Layers) переместите часть ленты, которая идет справа налево выше двух других фигур. Далее примените к ней в качестве заливкииз следующих цветов (в порядке размещения на шкале градиента): #BE2127, #ED1C24, #F2674D, #ED1C24, #921518.

Выставьте значение Угол (Angle): 54.7°.

Шаг 8.

Выберите вторую часть ленточки и примените еще один Линейный градиент (Linear Gradient) из следующих цветов (в порядке размещения на шкале градиента): #BE2127, #ED1C24, #F26762, #ED1C24, #811F21, #EE3524

Выставьте значение Угол (Angle): -24.6°.

Шаг 9.

Сгруппируйте все три фигуры (Ctrl + G) и в меню выберите Эффект > Стилизация > Тень (Effect > Stylize > Drop Shadow)

Режим наложения: Умножение (Multiply);

Непрозрачность (Opacity): 30%;

Сдвиг по оси Х (Х Offset): 20 пунктов;

Сдвиг по оси Y (Y Offset): - 3 пункта;

Размытие (Blur): 6 пунктов

Цвет (Color): #44383B

Шаг 10.

Нарисуйте квадрат по размеру монтажной области (Artboard) и поместите его на задний план (Shift + Ctrl + [ ). Примените в качестве заливки Радиальный градиент (Radial Gradient) от цвета #F3F0E1 к цвету #353542. Отредактируйте радиус так, как считаете нужным.

Шаг 11. Изменение цвета ленточки

Если вам понадобится сделать эту ленточку другого цвета, это очень просто. Выделите нужный объект, затем перейдите в меню Редактирование > Редактировать цвета > Перекрасить графический объект (Edit > Edit Colors > Recolor Artwork) . Поставьте галочку в окошке Перекрасить объект (Recolor Artwork) и далее начинайте изменять каждый цвет по отдельности. Старайтесь выбирать подобные по яркости цветовые оттенки для замены, т.е. темные цвета заменяйте темными, а светлые – светлыми.