.
Дата публикации: 08-10-2021 8:15:00

Создание текста в виде ленточки

Конечный результат:



Создание текста в виде ленточки



Примечание: в уроке используется старая версия Фотошопа.

Шаг 1


Создайте новый документ в Фотошопе (Ctrl + N) размером 700х200 пикселей. Выберите инструмент Перо (Pen Tool), с его помощью мы нарисуем буквы. Если у Вас нет желания и вдохновения создавать уникальные формы, используйте шрифт «Giddyup Std». Инструментом Горизонтальный текст (Horizontal Type Tool) напишите текст и заблокируйте текстовый слой. Инструментом Перо (Pen Tool) обрисуйте текст. Уберите заливку контура и добавьте обводку толщиной 0,25 пикселей (R=41 G=171 B=226).

Создание текста в виде ленточки



Шаг 2


Выделите контур и создайте их него 3D-объект (3D Extrude&Bevel;). Затем перейдите в меню Object > Expand Appearance. На панели Pathfinder нажмите на кнопку Unite. У Вас получится 7 фигур, как на скриншоте 3.

Создание текста в виде ленточки



Шаг 3


Включите «умные направляющие» и инструментом Перо (Pen Tool) создайте скругленные части ленты. Уберите заливку и обводку у этих элементов. Цвет загнутых элементов: R=41 G=171 B=226.

Создание текста в виде ленточки

 

Создание текста в виде ленточки

 

Создание текста в виде ленточки

 

Создание текста в виде ленточки

 

Создание текста в виде ленточки

 

Создание текста в виде ленточки

 

Создание текста в виде ленточки



Шаг 4


Выделите контуры и формы букв. На панели Pathfinder нажмите на кнопку Divide. Уделите формы без заливки. Результат должен быть таким, как на скриншоте 3.

Создание текста в виде ленточки



Шаг 5


Давайте добавим другие цвета. Начнём с буквы V. Создайте светло-синий градиент, как показано на скриншоте, и сохраните его. Назовите заготовку «Gradient 01». Добавьте градиент на букву, как показано ниже.

Создание текста в виде ленточки



Шаг 6


Создайте ещё один градиент «Gradient 02» и добавьте его на букву.

Создание текста в виде ленточки



Шаг 7


Третий градиент «Gradient 03». Location – 40% и 60%.

Создание текста в виде ленточки



Шаг 8


Продолжаем работать с буквой E.

Создание текста в виде ленточки

 

Создание текста в виде ленточки

 

Создание текста в виде ленточки



Шаг 9


Следующая буква:

Создание текста в виде ленточки

 

Создание текста в виде ленточки

 

Создание текста в виде ленточки



Шаг 10


Буква T:

Создание текста в виде ленточки

 

Создание текста в виде ленточки



Шаг 11


Буква O:

Создание текста в виде ленточки

 

Создание текста в виде ленточки

 

Создание текста в виде ленточки



Шаг 12


Буква R:

Создание текста в виде ленточки

 

Создание текста в виде ленточки

 

Создание текста в виде ленточки



Шаг 13


Буква S:

Создание текста в виде ленточки

 

Создание текста в виде ленточки

 

Создание текста в виде ленточки



Шаг 14


Добавим внешнюю обводку. Выделите все формы букв и создайте их копию. Выделите все копии и нажмите на кнопку Unite на панели Pathfinder. Полученный слой поместите под слои букв. Уберите заливку и добавьте чёрную обводку толщиной 5pt. Уменьшите непрозрачность до 3%.

Создание текста в виде ленточки



Конечный результат:



Создание текста в виде ленточки

#РЕКОМЕНДУЕМОЕ:

На страже качества данных: переход от опросов к использованию данных - Разработка программного обеспечения СКЭНД - Найдите время для разработки карты сайта - Спортивное питание Оксид азота, L-карнитин - Перевод Веб сайтов и документов - Выращивание рассады помидоров - Weblising.com - Adrenaline - Как собрать базу лояльных клиентов? - Дизайн пользовательского Web-интерфейса - Правила оформления блок-схемы сайта - Текст с множественной обводкой - Hosta.by - Increase -


Hosting Ukraine
Hosting Ukraine


Предложить

Дата Окончане проекта

Сумма проекта

×