С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » Текстовый эффект в виде дорожного полотна в Фотошопе

Текстовый эффект в виде дорожного полотна в Фотошопе

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

 

Предварительный просмотр

 

 

Примечание

 

Программное обеспечение, используемое в этом уроке - Adobe Photoshop CS6, но вы так же можете использовать другие версии начиная от CS3.

 

Ресурсы 


Gun metal 
Asphalt and Lines Patterns 
Grunge Scratches 

 

Шаг 1

 


Создайте новый документ размером в 1156 на 864 пикселей. Измените основной цвет на # 464646 и цвет фона на # 0c0c0c. Выберите инструмент Градиент (Gradient Tool) и на панели управления выбранным инструментом выберите тип градиента Радиальный градиент (Radial Gradient). Затем нажмите мышью и перетащите из центра документа к одному из углов, чтобы создать фон градиентом.

 

 

Напишите текст в белом исполнении крупным жирным шрифтом. Шрифт, используемый здесь -Arial Black. Еще одна вещь, имейте это в виду, чем больше размер текста букв, тем уже будет выглядеть улица, если не менять размер холста.

 

 

Шаг 2

 

Как только вы закончите с изменениями текста, выберите инструмент Перо (Pen Tool). На панели управления выбранным инструментом выберите вариант Контур (Path). Кликните по цифре и создайте опорную точку, перетащите мышь чтобы создать кривую.

 

 

Создайте кривую как показано на изображении ниже. Не беспокойтесь о том, что ваш контур не совсем совершенен, мы будем работать над ним немного.

 

 

Выберите инструмент Стрелка (Direct Selection Tool), а затем начните изменение контура. Вы можете перетащить опорную точку, чтобы переместить его вокруг, или вы можете нажать на точки направления, а затем перемещать их, чтобы изменить ориентацию кривой, или перетащить их наружу и внутрь, чтобы сделать кривую шире или уже. Вы так же можете добавлять и удалять опорные точки.


 

 

Контур должен выглядеть гладким.

 

 

Шаг 3

 

Выберите инструмент Кисть (Brush Tool) и откройте панель кистей (перейдите в меню Окно> Кисть (Window> Brush)). Выберите круглую кисть, установите её размер в 125 пикселей, и Интервалы (Spacing) до 1%.

 

 

Измените основной цвет на # 636363, создайте новый слой поверх слоя с текстом и назовите его «Stroke», а затем сделайте текстовый слой невидимым (нажав на иконку глаза рядом с ним), и выберите инструмент Стрелка (Direct Selection Tool).

 

 

Щелкните правой кнопкой мыши по контуру и в контекстном меню выберите команду Выполнить обводку контура (Stroke Path). Затем из выпадающего меню выберите кисть и снимите галочку Имитировать нажим (Simulate Pressure).

 

 

Вот, что должно у вас получиться.

 

 

Шаг 4

 

Дважды щелкните по слою «Stroke», чтобы применить следующие стили слоя:

 

- Тиснение (Bevel and Emboss): измените стиль на Обводящее тиснение (Stroke Emboss), Глубина (Depth) до 215, установите галочку Сглаживание (Anti-aliased), измените Режим подсветки (Highlight Mode) на Линейный осветлитель (Linear Dodge (Add)), а его цвет на # b6b6b6.

 

 

- Контур (Contour): Выберите Кольцо (Ring) и установите галочку Сглаживание (Anti-aliased).

 

 

- Текстура (Texture): Выберите узор «Gun Metal» и измените значение Глубина (Depth) до 1000%.

 

 

- Обводка (Stroke): Просто измените размер до 2.

 

 

- Наложение узора (Pattern Overlay): Выберите узор «Asfalto3» из пакета шаблонов, а также изменить масштаб до 25%.

 

 

- Тень (Drop Shadow): измените Размах (Spread) до 17 и Размер (Size) до 16.

 

 

Это всё создаст основной эффект асфальтовой дороги.

 

 

Шаг 5

 

Выберите инструмент Кисть (Brush Tool), выполните все действия как показано на изображении ниже.

 

 

Выберите кисть размером в 10 пикселей, затем откройте панель кистей.

 

 

В настройках Динамика формы (Shape Dynamics) для Колебание угла (Angle Jitter) измените Управление (Control) на Направление (Direction). В результате кисть будет вращаться в направлении контура (кривой), так что он будет поддерживать одинаковую толщину вдоль него.

 

 

Измените основной цвет на # d0c801, создайте новый слой поверх всех слоев и назовите его «Center Stripes», а затем раскрасьте контур кистью.

 

 

Теперь выберите инструмент Ластик (Eraser Tool), выберите квадратную кисть размером в 24 пикселей, затем откройте панель кистей. Измените Интервалы (Spacing) до 380%.

 

 

В настройках Динамика формы (Shape Dynamics) для Колебание угла (Angle Jitter) измените Управление (Control) на Направление (Direction).

 

 

Выполните обводку контура с помощью инструмента Ластик (Eraser Tool). Для этого щелкните правой кнопкой мыши по контуру и в контекстном меню выбрать команду Выполнить обводку контура (Stroke Path), затем выберите Ластик (Eraser Tool) вместо кисти из выпадающего меню. 

 

Если вы довольны результатом, выберите инструмент Стрелка (Direct Selection Tool), а затем нажмите клавишу Enter, чтобы избавиться от контура.

 

 

Это создаст дорожную разметку. Теперь вы увидите, что есть проблема, а именно пересечение разметки. Таким образом вы можете просто стереть эту часть. Мы исправим это в конце урока.

 

 

Измените Режим наложения (Blend mode) для слоя «Center Stripes» на Осветление основы (Color Dodge) и снизьте Непрозрачность (Opacity) до 80%. 

 

 

Шаг 6

 

Зажмите клавишу Ctrl и кликните по пиктограмме слоя «Stroke», чтобы создать выделение.

 

 

Откройте панель Контуры (Paths) (Окно> Контуры (Window> Paths)), затем нажмите и удерживайте клавишу Alt, и нажмите на значок внизу панели Сделать из выделенной области рабочий контур (Make work path from selection).

 

В диалоговом окне для значения допуска установите на 0,5.

 

 

Выделение в настоящее время преобразовано в рабочий контур. Создайте новый слой поверх всех слоев и назовите его «Side Stripes».

 

 

Измените основной цвет на # e1e1e1, а затем снова выполните обводку контура той же кистью размером в 10 пикселей. Нажмите клавишу Enter на клавиатуре, чтобы избавиться от рабочего контура, а затем сделайте выделение из слоя «Stroke» еще раз. Перейдите в меню Выделение> Инверсия (Select> Inverse), а затем нажмите клавишу Delete для удаления внешней части края полосы.

 

 

Перейдите в меню Выделение> Отменить выделение (Select> Deselect), а затем измените Режим наложения (Blend Mode) слоя «Side Stripes» на Яркий свет (Vivid Light).

 

 

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

 

 

Шаг 7

 

Это сложная часть, в которой мы исправим пересечение дорожной разметки. Используйте инструмент Перо (Pen Tool), чтобы создать кривую между двумя точками, где происходит пересечение. Создайте контур от центра начальной точки до центра конечной точки.

 

 

Обведите контур пяти пиксельной квадратной кистью (для Колебание угла (Angle Jitter) измените Управление (Control) на Направление (Direction)). Вам может понадобиться настроить контур или изменить размер кисти пару раз. Так что не торопитесь, и обведитет все стороны там, где есть перекрытия.

 

 

Кликните по слою «Center Stripes», затем используйте жесткую круглую кисть для инструмента Ластик (Eraser Tool), чтобы удалить желтые полосы, которые пересекаются с белыми.

 

 

У Вас не должно быть перекрывающихся частей.

 

 

Единственное, что осталось, это пустое место, где должны быть желтые линии.

 

Сотрите все желтые полосы, которые находятся под пустым местом, а затем создайте контур и снова добавьте их, как вы делали в шаге 5.

 

 

Вот, что должно у вас получиться.

 

 

Шаг 8

 

Последнее, что нужно добавить, это некоторую тень, чтобы создать иллюзию, что верхняя часть на самом деле находится выше. Выберите инструмент Перо (Pen Tool) и на панели управления выбранным инструментом выберите фигуру. Создайте фигуру, которая охватывает площадь верхней улицы, и сделать её как можно более точно.

Кроме того, продлите её немного больше по бокам (сверху и снизу, как показано на изображении ниже) так, чтобы тень не была добавлена в нежелательных областях.  Вы можете уменьшить непрозрачность слоя с фигурой, чтобы увидеть оригинальное четкое изображение.

 

 

Убедитесь в том, что вы точно проследили исходную кривую.

 

 

Как только кривая создана, зажмите клавишу Ctrl и кликните по пиктограмме слоя «Stroke», чтобы создать выделение, затем зажмите комбинацию клавиш Alt + Ctrl и кликните по пиктограмме слоя-фигуры, чтобы вычесть его из выделения.

 

Создайте новый слой поверх всех слоев и назовите его «Shadow», а затем сделайте слой-форму невидимым.

 

 

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

 

 

Отмените выделение когда закончите с тенью.

 



Шаг 9

 

Поместите текстуру выше фонового слоя, а затем измените её Режим наложения (Blend Mode) на Мягкий свет (Soft Light).

 

 

Внизу панели слоев нажмите кнопку Создать корректирующий слой или новый слой-заливку (Create new fill or adjustment layer) и выберите Карта градиента (Gradient Map).

 

 

Поместите корректирующий слой поверх всех слоев, измените его Режим наложения (Blend Mode) на Цвет (Color) и снизьте непрозрачность до 20%. Затем выберите градиент от фиолетового до оранжевого, он есть в Photoshop по умолчанию.

 

 

Вот и все!

 

 

Урок по теме - Эффект магмы для текста в Фотошопе

 


Автор урока: textuts.com

 

Переводчик урока: Ирина Шипилова 

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



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 25.05.2013
  •   Просмотров: 3208
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

Помощь сайту
Если вам нравится у нас на сайте, и мы вам помогли, вы можете внесите свой вклад в его развитие, пожертвовав любую сумму на один из кошельков:

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки