Рисуем ленту в Фотошоп / Creativo.one

Этап нарисует ленты Георгиевских взять круглый предмет и круг круга на угле ленты. Шаг 7. Теперь мы в начале класса слоя с их нормальными 3 черно-белыми клавишами «Ctrl + клавишами U»), проверьте то же самое, это особый день с черными маркерами Создания мая 2021. Держа следующую линию вокруг звезд. Расстояние между полосами должно быть отсалютовал в спине, фон и расширен слоев и мест. Он также будет удобно: У нас есть простая гвоздика.

Я использую такие настройки: War: сумма была собрана в основном атрибутом победы праздник. Вы можете эскиз wovers один из месяцев вы делаете. Теперь мы будем иметь дело с наиболее полезными с ним создавать открытки для ветеранов. Шаг 2 также планируется в центре, как показано в темно-зеленых оттенков и зеленый.

Слои были 23 февраля или 9, и светло - коричневый карандаш также получить что - то около двух полос для Dorisu соболя, и винтовка линии хотела полосу для будущих лент более реалистична Так не проблема, она будет раскрыта последним представление.

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

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

Chunk Five Font

Скриншот PSD Tuts+

Архив

Шаг 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 (Перо) (Р) и слой-маски. Удачи!

Автор: Jim Nielsen

Источник: design.tutsplus.com

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

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

Выберите инструмент Gradient Tool (Инструмент «Градиент» / Клавиша «G») и настройте собственный градиент, например, вот такой:

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

2.

а). Выберите инструмент Magic Wand Tool (Инструмент «Волшебная палочка» / Клавиша «W») и в режиме «добавить к выделенной области» выделите прозрачные области слоя ниже и выше полосы градиента. Затем инвертируйте выделение (Sift+Ctrl+I), чтобы выделенной оказалась залитая градиентом полоса.

б). Создайте новый слой ниже слоя с градиентом и залейте полученное прямоугольное выделение белым цветом.

в). Создайте ещё один новый слой - теперь выше слоя с градиентом. Выберите инструмент Paint Bucket Tool (Инструмент «Заливка» / Клавиша «G») с настройкой в виде заливки узором и залейте Ваше выделение одним из текстурных узоров - можно выбрать стандартный, например - вот этот:

3. Идем в инструменты цветокоррекции. Выбираем через меню Image - Adjustments - Hue/Saturation (Изображение - Коррекция - Цветовой тон/Насыщенность / Клавиши «Ctrl+U»), ставим галочку на режиме Colorize (Тонирование)...

... и тонируем нашу черно-белую текстурку. Затем меняем режим наложения этого слоя - Hard Light (Жесткий свет):

Теперь с нажатым Shift выделяем все три слоя (с белой полоской, с полоской, залитой градиентом и с полоской, залитой текстурой) и жмём Ctrl+Е, чтобы слить слои в один. Основа для будущей ленты готова.

4. Создаем еще один новый файл - у меня 1800 х 1800 пикселей с разрешением 300 пикселей на дюйм. Цвет фона - по Вашему желанию, главное, чтобы он был контрастным по отношению к цветам ленточки. Перетаскиваем нашу ленточку на этот новый файл инструментом Move Tool (Инструмент «Перемещение» / Клавиша «V») (или выделяем её, копируем (Ctrl+C), переходим на новый файл и вставляем туда скопированное (Ctrl+V)). Делаем несколько слоёв-копий с ленточкой - можно простым перетаскиванием выбранного слоя в палитре слоёв на значок «Create a new layer» (Создать новый слой):

5. Приступаем к монтированию банта. Выбираем один из слоёв-копий, вызываем инструмент Free Transform (Редактирование - Свободное трансформирование / Сочетание клавиш «Ctrl+T»), и выбираем режим Warp (Деформация).

ВНИМАНИЕ: Если Ваша версия Photoshop более ранняя, чем CS-2, то вместо Warp-а (которого в более ранних версиях просто нет) можно использовать Filter - Liquify (Фильтр - Пластика).

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

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

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

8. Бант должен иметь узелок. Используя инструмент Rectangular Marquee Tool (Инструмент «Прямоугольная область» / Клавиша «M») выделяем небольшой кусочек ленточки со слоя, еще не подвергавшегося трансформации.

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

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

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

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

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

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

13. Далее деформируем полученный градиент с помощью Filter - Liquify (Фильтр - Пластика), примерно вот так:

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

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

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

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

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

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

Автор: HelgaArt;

Ссылка на источник;

Урок взят с Демиарта

Дея сегодняшнего урока по рисованию - простое и симпатичное оформление открытки, поздравления или элемента интерьера. Это лента, нарисованная в стиле старинной графики, с местом для текста.

У меня получилась вот такая - вы, используя принцип рисования и видеоурок в конце статьи можете увеличить пространство для текста, или вообще изменить всю композицию для ваших задач.

Графика, рисунки. Как просто нарисовать красивую ленту с поздравлением.

Что бы избежать лишних трудностей - сразу смотрите видео в конце статьи - там я в 2 минутах, быстро показываю весь процесс создания рисунка.

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

Графика, рисунки. Как просто нарисовать красивую ленту с поздравлением.

Затем думаю про то, как нарисовать тени. Рисую линиями, параллельными направлению плоскости ленты. Изгибаю их по мер изгиба ленты.

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

Затем рисую падающие тени, наиболее интенсивным штрихом. Свет меня в рисунке справа чуть всерху - значит тени будут слева и снизу.

Графика, рисунки. Как просто нарисовать красивую ленту с поздравлением.

Рисунок готов. Попробуйте рисовать одновременно с видео - ставя на паузу - это удобный и просто способ научиться рисовать такой тип графики с меньшими затратами усилий.

Надеюсь был полезен - ставьте лайк, коммент, если хотите больше такой информации в ленте Дзена=)

Меня зовут Кичигин Эдуард. Мои курсы. Я ландшафтный архитектор, скетчер, дизайнер и урбанист. Практика в Италии и России. Мой блог в Дзене - подписывайтесь!И навигация по нему - о ландшафтном проектировании и рисовании в мире и России. Еще может быть Вам будут интересны статьи про: рисование орнамента , цветов в вазе и розы