Фотошоп для фотографа 2013

Рисуем стильную табличку с надписью используя Фотошоп

| Категория: Уроки по созданию дизайна в Фотошопе | Сложность урока: Средняя

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


Финальный результат

Рисуем стильную табличку с надписью используя Фотошоп

Приступаем к уроку Фотошопа


Шаг 1.


Создаем новый слой 500х250 px (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")), заливаем серым цветом (#474747).


Шаг 2.


Создаем крепления для таблички (т.e. две палочки на которых она будет висеть..), назовем его 1. Для этого мы создаем новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")), берем твердую кисть 5-6 px и рисуем две палочки черного цвета (одну подлине, другую покороче), чтоб они были ровные, удерживаем клавишу Shift. Получаем: ↓


Рисуем стильную табличку с надписью используя Фотошоп

Шаг 3.


К слою 1 применяем стили → Blending Options (Параметры наложения): ↓


Satin (Глянец): ↓

Рисуем стильную табличку с надписью используя Фотошоп

Bevel and Emboss (Тиснение и рельеф): ↓

Рисуем стильную табличку с надписью используя Фотошоп

Drop Shadow (Тень): ↓

Рисуем стильную табличку с надписью используя Фотошоп

Должно получиться так: ↓

Рисуем стильную табличку с надписью используя Фотошоп

Шаг 4.


Теперь создадим саму табличку.. Берем Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" ) и рисуем черный прямоугольник. Назовем слой 2. (прим. слой 2 должен находится выше слоя 1). Покрутим немного прямоугольник с помощью свободной трансформации (Free Transform (Свободное трансформирование / Сочетание клавиш "Ctrl + T" / Вызов через меню: "Edit > Free Transform" (Редактирование > Свободная трансформация))) и растеризуем его. Получаем: ↓


Рисуем стильную табличку с надписью используя Фотошоп

Шаг 5.


К слою 2 применяем стили → Blending Options (Параметры наложения): ↓


Satin (Глянец): ↓

Рисуем стильную табличку с надписью используя Фотошоп

Bevel and Emboss (Тиснение и рельеф): ↓

Рисуем стильную табличку с надписью используя Фотошоп

Шаг 6.


Создаем для нашей таблички царапины, грязь, etc. Вставляем текстуру, загружаем выделение слоя 2 (Ctrl+click по иконке слоя), жмем Ctrl+Shift+I (инвертировать выделение), далее Delete, затем Ctrl+D (снять выделение). Теперь наша текстура имеет форму таблички.. Обесцвечиваем нашу текстуру Image > Adjustments > Desaturate (Изображение > Настройки > Обесцветить / Сочетание клавиш "Shift+Ctrl+U") и применяем к ней стиль → Blending Options (Параметры наложения): ↓


Color Overlay (Наложение цвета): ↓

Рисуем стильную табличку с надписью используя Фотошоп

Рисуем стильную табличку с надписью используя Фотошоп

Шаг 7.


Создаем болты.. Рисуем в правом нижнем углу используя → Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша "U") маленький круг, цвет #3f3f3f. Применяем к нему стиль → Blending Options (Параметры наложения): ↓


Bevel and Emboss (Тиснение и рельеф)

Рисуем стильную табличку с надписью используя Фотошоп

Должно получится: ↓

Рисуем стильную табличку с надписью используя Фотошоп

Шаг 8.


Создаем с помощью Line Tool Инструмент - Линия (Инструмент Линия / Клавиша "U") две линии: черную и белую. Сводим их..


Рисуем стильную табличку с надписью используя Фотошоп

Шаг 9.


Загружаем выделение кружка (Ctrl+click по иконке слоя), жмем Ctrl+Shift+I (инвертировать выделение), далее активируем слой с линиями, Delete, затем Ctrl+D (снять выделение). Blending Options (Параметры наложения) меняем на Soft light (Мягкий свет). Получается: ↓


Рисуем стильную табличку с надписью используя Фотошоп

Шаг 10.


Сводим слой с кружком и линиями. Получившийся слой дублируем (Ctrl+J) три раза и размещаем их по остальным углам.


Шаг 11.


Пришло время добавить надпись. Пишем текст (я использовал шрифт Crass) инструмент → Horizontal Type Tool Инструмент - Горизонтальный текст (Инструмент "Горизонтальный текст" / Клавиша "T"). Немного покрутим его, под табличку (Free Transform (Свободное трансформирование / Сочетание клавиш "Ctrl + T" / Вызов через меню: "Edit > Free Transform" (Редактирование > Свободная трансформация))).


Рисуем стильную табличку с надписью используя Фотошоп

Шаг 12.


Создаем новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")) и добавляем грязи с помощью кистей (у кого нету я выложил картинку с грязью и прозрачным фоном, вы так же можете подобрать подобные кисти из сети самостоятельно). Жмем Ctrl+Alt+G (слой с грязью должен быть выше слоя с текстом). Так же я рестеризовал слой с текстом и с помощью Lasso Tool Инструмент - Лассо (Инструмент Лассо / Клавиша "L") отрезал небольшие кусочки..


Картинка с грязью: ↓

Рисуем стильную табличку с надписью используя Фотошоп

Финальный результат

Рисуем стильную табличку с надписью используя Фотошоп

Автор: T Jay;

Текст доработан командой сайта PhotoshopPro.ru