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





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

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


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

Подсказка

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

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

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


Дорожный знак


Шаг 1
Создайте новый документ размером 540х400 пикселей с разрешением 72 ppi. Если вы используете другие размеры холста, то настройки стилей слоя тоже нужно будет изменить. Установите цвет заливки - #003888 и цвет фона - #3a7abe. Инструментом Градиент (Gradient Tool) сделайте линейную заливку градиентом сверху вниз:


Дорожный знак


Шаг 2
Создайте новый слой (Create New Layer) и назовите его “Post”. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте тонкое выделение на всю высоту холста, как показано ниже. Ширина моего выделения равна 25 пикселям. Перейдите в меню Окно»Инфо (Window > Info), чтобы проследить за размерами.


Дорожный знак


Шаг 3
Установите цвет заливки и фона #babab0 и #87877d соответственно. Залейте выделение цветом заливки (Alt+Backspace) и примените фильтр Добавить шум (Add Noise Filter) с настройками, показанными ниже. Не убирайте выделение пока.


Дорожный знак


Шаг 4
Создайте новый слой (Create New Layer) и назовите его “Post Shadow”, установите цвета по умолчанию (D). Выберите инструмент Градиент (Gradient Tool) и в настройках сверху установите цвет – от заливки к прозрачному, тип – линейный.


Дорожный знак


Шаг 5
Справа протяните градиент влево до середины (это создаст тень на правой стороне). Потом протяните градиент слева на четверть ширины. Удерживайте Shift при когда протягиваете градиент, чтобы сделать прямую заливку.


Дорожный знак


Шаг 6
Установите Режим наложения этого слоя с градиентами – Darker Color и установите Заливку (Fill) – 30%.


Дорожный знак


Шаг 7
Создайте новый слой и назовите его “Post Highlight”, установите цвет заливки – белый, настройте градиент, как показано ниже (тип – зеркальный), и сделайте заливку из центра к одной из сторон наполовину.


Дорожный знак


Шаг 8
Установите Режим наложения – Замена светлым (Blending Mode – Lighten) и Заливку (Fill) слоя – 45%.


Дорожный знак


Шаг 9
Создайте новый слой “Post Distressing” над слоем “Post”, выберите гранжевую кисть и чёрным цветом обрисуйте края прямоугольника, чтобы создавать реалистичный металл (но вы можете этого не делать, если хотите, чтобы шеста, на котором крепиться знак, был чистым). Потом установите Режим наложения этого слоя – Затемнение основы (Blending Mode – Color Burn) и Заливку (Fill) слоя – 50%.


Дорожный знак


Шаг 10
Объедините все слои шеста в группу и назовите её “Post”. Пора переходить к знаку. Создайте новый слой (Create New Layer) и назовите его “Sign Background”:


Дорожный знак


Шаг 11
Установите цвет заливки - #dfdfdf и выберите инструмент Произвольная фигура (Custom Shape Tool), фигура - "Sign 6". Удерживая Shift, создайте фигуру (размер - 240х240 пикселей).


Дорожный знак


Шаг 12
Примените к слою с этой фигурой стиль Тиснение (Layer Style - Bevel and Emboss):

Стиль – Внутренний скос, Метод – Жёсткая огранка, Режим подсветки – Осветление, Режим тени – Умножение):


Дорожный знак


Шаг 13
Сделайте выделение слоя с фигурой (Ctrl+Click), создайте новый слой “Sign Colors” и примените Сжатие (Modify – Contract) со значением 6 пикселей. Залейте выделение цветом #071c4c. Потом снимите выделение (Ctrl+D).


Дорожный знак


Шаг 14
Верхняя часть щита должна быть красной и её нужно отделить. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение высотой 6 пикселей, как показано ниже (эта линия будет разделять цвета). Поместите выделение в нужное место и нажмите Delete.


Дорожный знак


Шаг 15
В палитре слоёв кликните на иконке Сохранить прозрачность пикселей. Это позволит нам обрисовывать слой, не влияя на пиксели, которые уже существуют на слое.
Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение верхней части щита и залейте его цветом #800900. Заметьте, что наше выделение выходит за пределы щита, но благодаря активированной функции сохранения прозрачности, цвет появился только на щите. Снимите выделение (Ctrl+D).


Дорожный знак


Шаг 16
Теперь опустите слой с шестом, на котором крепится щит, вниз, чтобы его не было видно сверху.


Дорожный знак


Шаг 17
Создайте новый слой (Create New Layer) над слоем “Sign Colors” и назовите его “Sign Colors Highlight”. Выберите инструмент Градиент (Gradient Tool), тип – линейный, в настройках сверху установите цвет – от заливки к прозрачному. Протяните градиент от края щита к его центру.


Дорожный знак


Шаг 18
Сделайте выделение слоя “Sign Colors” и к слою “Sign Colors Highlight” добавьте слой-маску (Layer Mask). Установите Режим наложения – Осветление основы (Blending Mode – Color Dodge) и Заливку (Fill) – 40%. Свечение останется только на щите.


Дорожный знак


Шаг 19
Теперь нужно написать кое-что на знаке. Перейдите на слой “Sign Colors”, чтобы все последующие текстовые слои были над ним. Установите цвет заливки - #dfdfdf и выберите инструмент Горизонтальный текст (Horizontal Type Tool), шрифт – “Arial”, жирный (bold), размер верхнего текста – 34pt, нижнего – 140. Я также настроил трекинг, чтобы расстояние между буквами было более подходящим.


Дорожный знак


Шаг 20
На знак нужно добавить несколько болтов. Создайте новый слой “Bolt Bottom” и инструментом Овальная область (Elliptical Marquee Tool) создайте круглое выделение диаметров 10 пикселей. Залейте его светло-серым цветом, который мы использовали в предыдущем шаге, и примените эти стили:

Отбрасывание тени (Режим – Умножение):


Дорожный знак


Тиснение (Стиль – Внутренний скос, Метод – Плавный, Режим подсветки – Осветление, Режим тени – Умножение):


Дорожный знак

Дорожный знак


Шаг 21
Создайте ещё один слой “Bolt Top” и тем же инструментом выделения создайте 5-пиксельное выделение в середине болта, залейте его цветом #9a9a9a и примените эти стили:

Отбрасывание тени (Режим – Умножение):


Дорожный знак


Внутреннее свечение (Режим – Нормальный, Метод – Мягкий):


Дорожный знак


Тиснение (Стиль – Внутренний скос, Метод – Плавный, Режим подсветки – Осветление, Режим тени – Умножение):


Дорожный знак

Дорожный знак


Шаг 22
Сделайте копию обоих слоёв с болтом и расположите второй болт сверху. Используйте для этого инструмент Перемещение (Move Tool) и удерживайте Shift, чтобы поднять второй болт прямо над первым.


Дорожный знак


Шаг 23
Создадим небольшую тень под знаком. В группе “Post” создайте новый слой “Sign Shadow” над всеми слоями группы. Сделайте выделение слоя “Post” и инструментом Кисть (Brush Tool) нарисуйте тень под знаком. Потом уберите выделение (Ctrl+D).


Дорожный знак


Шаг 24
Мы почти закончили, осталось добавить облака на небо позади знака.
Создайте новый слой “Clouds” над фоновым слоем. Установите цвета по умолчанию (D) и примените фильтр Облака (Clouds Filter). Перейдите в меню Уровни (Levels) и сведите ползунки так, чтобы придать больше контрастности.


Дорожный знак


Шаг 25
Сделайте выделение всего холста (Ctrl+A) и вырежьте его (Ctrl+X). Облака исчезнут. Перейдите в палитру каналов и создайте новый канал “Alpha 1”, выберите его и вставьте облака (Ctrl+V). Можете убрать выделение (Ctrl+D).


Дорожный знак


Шаг 26
Сделайте выделение канала с облаками (Ctrl+Click). У вас появится странное выделение, в основном будет выделена белая часть облаков. Кликните на канале RGB, чтобы появились другие цвета. Потом вернитесь в палитру слоёв и залейте выделение белым цветом в слое “Clouds”. Потом снимите выделение (Ctrl+D).
Чтобы добавить больше глубины облакам, сделайте копию слоя с ними и установите её Режим наложения – Мягкий свет (Blending Mode – Soft Light), Заливка (Fill) – 80%.


Дорожный знак


Я добавил ещё пару знаков и слоган.


Дорожный знак



PSD файл можете скачать здесь.



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

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

Ваше Имя

Ваш E-mail

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

Введите код: