Как рисовать ленты карандашом. Быстрое и легкое создание лент

– праздник международного масштаба. Помнить и гордиться подвигами наших предков – долг каждого поколения. Именно поэтому в преддверии 9 Мая в школах и детских садах проводятся тематические занятия, в гости к малышам приходят ветераны, чтобы в подробностях о тех нелегких временах, которые им пришлось пережить. Детки, в свою очередь, спешат порадовать героев своими поделками и открытками, сделанными собственноручно.

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

Мастер класс: Как поэтапно нарисовать рисунок к 9 Мая для детей карандашом

Пример 1

Георгиевская ленточка – один из самых узнаваемых символов победы, как она выглядит знает каждый дошкольник. И поскольку без традиционной ленты не обходится ни одна тематическая открытка, начнем наш мастер класс, посвященный рисункам на 9 Мая для детей, именно с нее, рассказав, как поэтапно ее изобразить.

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

Пример 2

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

Можно пойти другим путем и нарисовать несколько цветочков на одном стебле.

Пример 3

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

Статьи по теме:

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

Необходимые материалы

Шаг 1. Создаем новый документ и называем его "Лента". В данном уроке использован размер 600х600 пикселей.

Шаг 2. Создаем новый слой и называем его "Фоновая текстура". Заливаем его каким-нибудь светлым цветом (я использовал #cccccc). Затем переходим Filter - Noise - Add Noise (Фильтр - Шум - Добавить шум) и добавляем немного шума, чтобы придать слою текстурности. Я использовал такие настройки:

Amount (Количество): 10%
Distribution (Распределение): Gaussian (По Гауссу)
Monochromatic (Монохромный): Активно

Уменьшаем opacity (непрозрачность) слоя "Фоновая текстура" до 15%.

Шаг 3. Теперь создадим прямоугольник , в котором будем рисовать ленту. Я использовал Rectangle Tool (Прямоугольник) (U) с фиксированным размером 300х200 пикселей.

Размещаем фигуру в центре полотна и называем слой "Обтравочная маска".

Шаг 4. Применяем стили слоя для "Обтравочной маски", чтобы добавить тень и обводку.

Шаг 5. Берем любое изображение (я использовал скриншот сайта PSD Tuts) и размещаем в центре рабочего полотна над слоем "Обтравочная маска", затем переходим Layer - Create Clipping Mask (Слой - Создать обтравочную маску).

Шаг 6. Теперь у нас готово изображение, на котором будет размещена лента. Инструментом Rectangle Tool (Прямоугольник) (U) рисуем основу для ленты. Поворачиваем ее на 35 градусов. Для этого используем Free Transform (Свободная трансофрмация). Данную функцию можно активировать комбинацией клавиш CTRL+T или через меню Edit - Free Transform (Редактирование - Свободная трансформация).

Убедитесь, что края ленты выходят за границы прямоугольника.
Цвет ленты на данный момент не имеет значения, так как позже мы применим градиентную заливку. Называем этот слой "Лента".

Шаг 7. Теперь мы создадим маску для слоя "Лента", которая скроет лишние области. Делаем следующее:

1. Удерживаем CTRL и кликаем по миниатюре слоя "Обтравочная маска". Это загрузит выделение прямоугольника.
2. Нам нужно, чтобы лента слегка выходила за границы прямоугольника, поэтому расширяем выделение на 4 пикселя командой Select - Modify - Expand (Выделение - Модификация - Расширить).
3. Далее выбираем слой "Лента" и создаем маску. Вы можете сделать это двумя способами:
а) Layer - Layer Mask - Reveal Selection (Слой - Слой-маска - Показать выделенные области)
б) Кликнуть на кнопку Add layer mask (Добавить слой-маску) внизу панели слоев

Шаг 8. Давайте добавим несколько стилей слоев для ленты, чтобы добавить тень, свет и текстурность.

Drop Shadow (Тень) (внешняя тень)
Inner Glow (Внутреннее свечение) (тестура)
Bevel and Emboss (Фаска и Тиснение) (свет на краях)
Gradient Overlay (Перекрытие градиентом) (цвет ленты)
Stroke (Обводка) (придаст краям ленты четкости)

Получаем вот такой результат:

Шаг 9. Теперь мы должны создать загнутые уголки на ленте. Помните, как мы расширяли выделение на 4 пикселя?

1. Создаём новый слой "Уголки" и размещаем над слоем "Фоновая текстура" и под "Обтравочной маской".
2. Выбираем темный цвет (я использовал #240500).
3. Берем кисть (В) размером примерно 9 пикселей с hardness (жесткость) 100%.

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

Чтобы лучше понять данный момент, посмотрите на изображение ниже. Вот так наш документ будет выглядеть, если мы уменьшим непрозрачность всех слоев, находящихся над "Уголками".

Шаг 10. Давайте добавим текст. Я использовал такие параметры:

Шрифт Chunk Five
24pt
Расстояние между буквами 75
Цвет #240500

Размещаем текст на ленте и поворачиваем на 35 градусов (используя трансформацию (CTRL+T), как в шаге 6). Теперь добавим стили слоев для текста.

У вас должно получиться примерно вот так:

Шаг 11. Сейчас мы добавим стежки на ленте. Берем Text Tool (Текст) (Т) и пишем пунктирную линию из дефисов. Затем меняем параметры текста:

Шрифт Chunk Five
13pt
Расстояние между буквами 200
Цвет #700404
Непрозрачность текстового слоя: 50%

Размещаем текст на ленте и поворачиваем на 35 градусов, как мы делали это в шагах 6 и 11. Затем добавляем стили слоя, чтобы придать стежкам реалистичности.

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

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

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

Финальное изображение
Это все! Теперь вы знаете, как создать простую ленту в Photoshop. Вы можете поэкспериментировать с другими параметрами и сменить цвет. Или создать закругленные края на ленте. Этого можно добиться с помощью Pen Tool (Перо) (Р) и слой-маски. Удачи!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создайте новый прозрачный слой (Ctrl+Shift+Alt+N).

Деформируем ленточку примерно вот так:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Финальный результат