Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

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



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


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

Шаг 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%.

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


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



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



Ссылка на источник урока

написал : Вера

Длинный и сложный урок. Чтобы применить каждый градиент к отдельному месту, у вас стоит контур на каждом фрагменте, нужно каждый раз выделять новое место? Как то попроще нельзя?

---------------


Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: