.
Дата публикации: 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%.

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



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



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

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

Bizneshost.by - Открыть интернет магазин сантехники - Hosty.by - Виды ставок на спорт - ставки на Total - Презентация вашего дизайнерского шедевра - Абстрактный световой эффект при помощи кистей - Межсимвольный и межстрочный интервал - Zizor.org - Сияющий хромированный текст - Изменение культуры компании: пробуждение интереса к аналитике - ✔Блокирование со стороны IT -персонала - Советы по графическому дизайну - Графический и HTML-текст - Цвета на Web-страницах -


Hosting Ukraine
Hosting Ukraine


Предложить

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

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

×