Цифры в виде дороги с разметкой

18 марта 2014 · Глеб Х. · «Мир Фотошопа»

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

Ресурсы урока:

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 1156х864 пикселя. Выберите цвета #464646 и #0c0c0c на панели инструментов. Выберите инструмент Gradient Tool (G) и протяните радиальный градиент из центра холста.

Инструментом Horizontal Type Tool (T) напишите цифру 20 шрифтом «Arial Black». Эти цифры мы будем использовать в качестве основы для рисования контуров. Количество букв, цифры тоже имеет значение. Чем их больше, тем уже будут дорожки, и Вам придётся увеличивать размер холста.

Шаг 2

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

Не старайтесь создать идеальную линию с первого раза, главное сейчас — это основная форма.

Выберите инструмент Direct Selection Tool (A) и поправьте форму контура. Двигайте опорные точки и тяните за рычажки, чтобы изменить форму линий. При необходимости можно добавить или удалить опорные точки.

Контурная линия должна быть плавной.

Шаг 3

Выберите инструмент Brush Tool (B), откройте панель кистей (F5) и настройте так:

Выберите цвет #636363, создайте новый слой (Ctrl + Shift + Alt + N) и назовите его «Stroke», выключите текстовый слой и выберите инструмент Direct Selection Tool.

Кликните правой кнопкой мыши на контуре и выберите пункт Stroke Path. В появившемся окне выберите Brush.

Результат:

Шаг 4

Кликните дважды на слоя «Stroke», чтобы открыть окно стилей. Настройте так:

Шаг 5

Через верхнюю панель загрузите набор кистей «Square brushes». Когда выйдет сообщение с вопросом о замене кистей, выберите вариант Append.

Выберите 10-пиксельную квадратную кисть.

Откройте панель кистей (F5) и настройте Shape Dynamics.

Выберите цвет #d0c801, создайте новый слой «Center Stripes» и обведите контур квадратной кистью. Для обводки контура, нажмите Enter при активном инструменте Brush Tool.

Выберите инструмент Eraser Tool (E), выберите для него 24-пиксельную квадратную кисть. Настройте Spacing в Brush Tip Shape.

Обвдеите контур ластиком. Сделайте это через контекстное меню. В появившемся окне о выборе инструмента для обводки выберите Eraser. Измените значение параметра Spacing, если Вам не понравится расстояние между линиями.

Когда закончите, выберите инструмент Direct Selection Tool и нажмите Enter, чтобы удалить контур.

Обратите внимание, что в месте пересечения контурной линии у нас появилась небольшая проблема. Сотрите линии в этом месте, мы исправить здесь всё позже.

Установите режим наложения слоя «Center Stripes» на Color Dodge и уменьшите непрозрачность до 80%. Разметка будет выглядеть реалистичнее.

Шаг 6

Выделите слой «Stroke» (удерживая Ctrl, кликните на миниатюре слоя).

Перейдите в панель контуров (Window → Paths), зажмите клавишу Alt и кликните на иконке Make work path from selection внизу. В появившемся окне введите значение 0,5 пикселя. Выделение будет преобразовано в рабочий контур.

Вернитесь к панели слоёв и создайте новый слой «Side Stripes».

Выберите цвет #e1e1e1 и обведите контур 10-пиксельной квадратной кистью. Удалите контур (Enter) и снова выделите слой «Stroke». Инвертируйте выделение (Ctrl + Shift + I) и нажмите клавишу Delete, чтобы удалить внешнюю часть обводки.

Уберите выделение (Ctrl + D) и установите режим наложения слоя «Side Stripes» на Vivid Light.

Ластиком сотрите участки обводки у краёв холста.

Шаг 7

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

Обведите контур 5-пиксельной квадратной кистью. В настройках кисти нужно заранее установите Angle Jitter Control на Direction. Обведите края пересекающихся дорог.

Перейдите на слой «Center Stripes» и жёстким ластиком сотрите жёлтую линию, которая пересекается с белой.

Результат должен быть таким:

Теперь нужно заполнить пустоту на верхней дороге. Снова нарисуйте контурную линию.

Обведите её жёлтой кистью.

Шаг 8

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

Контур должен точно повторить кривизну дороги.

Выделите слой «Stroke», затем зажмите Alt + Shift и кликните на слое «Shape 1». Создайте новый слой на самом верху и назовите его «Shadow». Слой с чёрной фигурой выключите.

Выберите мягкую кисть и нарисуйте тень там, где она должна быть. Мы расширили стороны дороги, чтобы тень даже краем не покрыла верхнюю дорогу.

Уберите выделение, когда закончите.

Шаг 9

Вставьте текстуру с царапинами и расположите её над фоновым слоем. Установите режим наложения Мягкий свет (Soft Light).

На самом верху создайте корректирующий слой Gradient Map.

Установите режим наложения Color и уменьшите непрозрачность до 20%.

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

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

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

Переведено с сайта textuts.com, автор перевода указан в начале урока.