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

В сегодняшнем уроке Фотошопа я покажу Вам, как быстро и легко нарисовать ленты в Photoshop. Начнём…

Что мы будем создавать

Вот такую ленту вы получите в конце урока

Создание левой стороны ленты

Итак начинаем, создаем новый документ (Ctrl + N ) размером 800 x 400 px с фоном/эффектами, которые Вам больше нравятся.

Пустой фон для создания ленты

Устанавливаем цвет переднего плана #656565, затем выделяем инструмент “Rectangle Tool ” (U ) со следующими настройками:

Выбираем настройки инструмента Rectangle Tool

На левой стороне нашего холста растягиваем прямоугольник.

Прямоугольник для левой стороны ленты

Теперь нам нужно растянуть второй прямоугольник, но вычесть его из исходного прямоугольника. Для этого выберите инструмент "Rectangle Tool " (U ), затем выберите параметр "Subtract From Shape Area " в верхней части панели настроек. После этого растягиваем второй прямоугольник поверх исходного прямоугольника, как только вы растянете его, вы должны будете увидеть часть, которая перекрывается и исчезает.

Быстрый совет:
Убедитесь что на слое выбраны пути (path ) перед вычитанием.

Рисуем левую часть ленты

Создание складки

С помощью инструмента “Rectangle Tool ” (U ) создаем маленький прямоугольник такой же высоты, каким будет кончик ленты, но не такой широкий, затем переходим в меню “Edit > Transform > Perspective ”. Перетаскиваем верхнюю левую угловую точку вниз, пока Вы не получите такое же изображение, как показано ниже:

Вот такие складки должны получиться

После того, как складка была создана, добавляем стиль gradient overlay на слой “Ribbon End Layer”, используя настройки, показанные ниже:

Применяем gradient overlay для слоя Ribbon End Layer

Теперь добавляем стиль слоя gradient overlay на слой “Fold Layer”, используя настройки, показанные ниже:

Применяем gradient overlay для слоя Fold Layer

Создание лицевой стороны ленты

С помощью инструмента “Rectangle Tool ” (U ) растягиваем прямоугольник такой же высоты, как
меньшая часть складки и такой длины, какой будет Ваша лента.

Теперь добавляем стиль слоя gradient overlay на слой the “Ribbon Layer”, используя настройки, показанные ниже:

У Вас должно получиться что-то похожее на это:

Добавление правой части ленты

Создание правого края ленты – это проще простого, выделяем слои “Left Ribbon End Layer” и “Left Ribbon Fold Layer”, затем нажимаем правой кнопкой мыши и переходим на пункт “Duplicate Layer(s) ”.

Быстрый совет:
Сделать множественное выделение можно, зажав кнопку CTRL на клавиатуре.

С выделенными дублированными слоями переходим в меню “Edit > Transform > Flip Horizontal ”. Теперь перетаскиваем прямоугольники по другую сторону ленты. Если у Вас включены настройки освещения global lighting settings Вы можете изменить угол градиента, так как это сделано с левой стороны.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ну, а теперь начнем создавать нашу георгиевскую ленточку. Откроем графический редактор Adobe Photoshop, создадим чистый холст с нужными нам размерами. Если Вам требуется разметка, значит задаем направляющие. После чего инструментом перо начнем создавать форму нашей ленты. Сначала нарисуем одну сторону ленты.

После того как форма одной стороны ленты создана, создадим вторую, но мы не будем ее рисовать мы просто скопируем ту, что уже создали и развернем ее по горизонтали. Для этого выделим слой с формой первой стороны и перетащим ее на пиктограмму внизу палитры слоев создать новый слой , либо идем в меню слой > создать дубликат слоя. После чего продублированный слой сделаем активным, отразим его по горизонтали. Отражение по горизонтали делаем следующим образом, идем в меню редактирование > трансформирование > отразить по горизонтали. Получим вот такой результат как на скриншоте ниже.

Ну и в заключение создания нашей формы георгиевской ленточки создадим соединение между двумя сторонами. Используем также инструмент перо.

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

По этому же принципу произведем наложение градиента и с остальными элементами ленты, меняя только оттенок градиента.

Форма георгиевской лены с основным цветом готова, теперь нанесем черные полосы. Используем тот же инструмент перо, создадим контур линии поверх нашего слоя с формой. Затем кликнем правой кнопкой мыши по контуру и выберем выполнить заливку контура, цвет у нас должен стоять черный.

После чего продублируем его два раза, откорректируем место расположения. И сольем эти три стоя с черной полоской в один. Далее выделим слой с формой ленты, на которую рисовали полосы при помощи нажатия клавиши Ctr l + клик мышью на пиктограмме слоя формы ленты. Перейдем опять на слой с черными полосками сделаем инверсию выделенной области нажав на клавиши Shift + Ctr l+ I . После чего нажимаем Delete в результате, удалим лишние куски черных полос, которые выходили за форму ленты.

Далее по такому же методу создадим черную полосу на других частях нашей ленты. Расположим полосы поверх наших слоев формы. Формы также установим в нужном порядке. Скриншот порядка и что должно получиться ниже.

Ну, вот лента готова осталось придать ей объема за счет света и тени. Нам понадобится кисть с мягкими краями и непрозрачностью в 15-20%, для теней будем использовать черный цвет для света — блика желтый (#f0d464).

Начнем с тени, для этого создадим новый слой над черными полосками, которые расположены над нижней полосой ленты. Далее нам нужно загрузить выделение нижней полосы, чтобы при создание теней у нас они не выходили за границы ленты. Для этого нажмем Ctr l + клик мышью по слою нижней формы ленты, у нас должно загрузиться выделение, перейдем на новый созданный слой тень и на нем начнем наносить мазки мягкой кистью черным цветом в местах, где у нас должна быть тень.

И в заключение таким же способом, как и тени, наносим свет — блик на нашу георгиевскую ленточку. Одно отличие слой создаем не над нижней полосой ленты, а над верхней.

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

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

Я приготовил урок, который поможет вам создать символическую ленточку в 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) и далее начинайте изменять каждый цвет по отдельности. Старайтесь выбирать подобные по яркости цветовые оттенки для замены, т.е. темные цвета заменяйте темными, а светлые – светлыми.