Создаем стильную вывеску пивной «Beer House» используя Фотошоп

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

Photoshop для чайников Фотошоп с нуля в видеоформате Photoshop для фотографа
Финальный результат

Нам понадобиться текстура представляющая средневековые камни.

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Создадим новый слой, и зальем его используя инструмент (Инструмент «Заливка» / Клавиша «G») цветом (#001A35).

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Установите (Умножение).

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Берем инструмент (), что бы нарисовать первоначальный вид нашей вывески. Заполните выделение инструментом Paint Bucket Tool (G) (Инструмент «Заливка» / Клавиша «G»), любым цветом на ваш вкус (например #001A35).

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Вернитесь к темному слою с режимом наложения (Умножение), добавьте ему (Add leyer Mask), выберите инструмент () черного цвета, сотрите небольшую область вокруг нашей вывески.

Создаем стильную вывеску пивной «Beer House» используя Фотошоп
Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Дублируйте слой с вывеской, и инструментом Paint Bucket Tool (Инструмент «Заливка» / Клавиша «G»), залейте его, цветом (#FBAF5D ).

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Переместите дублированный слой под слой с вывеской.

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

И примените к нему (Фильтр - Размытие - Размытие по Гауссу).

Создаем стильную вывеску пивной «Beer House» используя Фотошоп
Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Устанавливаем режим наложения (Жесткий свет).

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Выберите следующие параметры () для слоя с вывеской (верхний слой).


(Слои - Стиль слоя - Тень);

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

(Слои - Стиль слоя - Внутренняя тень);

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Получилось:

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Найдите в Интернете текстуру представляющую собой доски.

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

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

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Зажмите Alt, и сделайте щелчок между слоями досок, и вывески (на ).

Создаем стильную вывеску пивной «Beer House» используя Фотошоп
Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Дублируйте слой вывески, и с помощью Free Transformee (Свободная трансформация / Ctrl+T) сделайте копию чуть меньше.

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

И примените следующие параметры для слоя ().


(Слои - Стиль слоя - Тень);

Создаем стильную вывеску пивной «Beer House» используя Фотошоп
Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Найдите в Интернете еще одну текстуру представляющую собой доски.


Вставьте текстуру на нашей картинке, делая соответствующие изменения на ее размерах и размещении, используя Free Transform (Свободная трансформация / Ctrl+T).

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Зажмите снова Alt, и сделайте щелчок между слоем текстуры и слоем, содержащим копию вывески (на палитре слоев).

Создаем стильную вывеску пивной «Beer House» используя Фотошоп
Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Создайте новый слой, и используйте стандартную мягкую кисть с непрозрачностью 10% (Opacity of 10%), для того что бы затемнить нижнюю часть вывески:

Создаем стильную вывеску пивной «Beer House» используя Фотошоп
Создаем стильную вывеску пивной «Beer House» используя Фотошоп

На следующем новом слое (создайте новый слой), с помощью () создадим рамку для вывески (сделайте выделение как на картинке).

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Щелкните правой кнопкой мышки в выделенной области, и выберите Stroke (Обводка).

Создаем стильную вывеску пивной «Beer House» используя Фотошоп
Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Для слоя с рамкой установите следующие параметры:


(Стиль слоя - Тиснение);

Создаем стильную вывеску пивной «Beer House» используя Фотошоп
Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Создайте новый слой, и используя выше упомянутую стандартную мягкую кисть, что бы сделать больше цвета. Цвет кисти становите #EBD29F, и непрозрачность 60% (Opacity of 10%).

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Установите режим наложения (Умножение).

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Вставьте текст на вывеске, использую следующие параметры (я использовал ).

Создаем стильную вывеску пивной «Beer House» используя Фотошоп
Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Параметры слоя: (Непрозрачность заливки) 0%.


(Слои - Стиль слоя - Тень);

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

(Слои - Стиль слоя - Внутренняя тень);

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

(Слои - Стиль слоя - Наложение цвета);

Создаем стильную вывеску пивной «Beer House» используя Фотошоп
Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Создайте новый слой и с помощью инструмента () нарисуйте кольцо (как показано на картинке), за которое мы позже подвесим вывеску.

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Щелкните правой кнопкой мышки в выделенной области, и выберите Stroke (Обводка).

Создаем стильную вывеску пивной «Beer House» используя Фотошоп
Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Параметры слоя:


(Стиль слоя - Тиснение);

Создаем стильную вывеску пивной «Beer House» используя Фотошоп
Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Сделайте копию слоя с кольцом, и с помощью () переместите его как показано на картинке:

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Создайте новый файл 100 x 100 px и 72 dpi, на котором нарисуем фрагмент цепи. Сперва, представим сегмент видимый полностью. Используем инструмент (Инструмент «Эллипс» / Клавиша «U»), представим внешние края цепи, затем зажав клавишу Alt, тем же инструментом мы сделаем отверстие с сделанном элементе.

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Параметры слоя:


(Слои - Стиль слоя - Внутреннее свечение);

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

(Стиль слоя - Тиснение);

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

(Слои - Стиль слоя - Глянец);

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

(Стиль слоя - Наложение градиента);

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Gradients parameters (Параметры градиента):

Создаем стильную вывеску пивной «Beer House» используя Фотошоп
Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Выберите теперь инструмент (Инструмент «Прямоугольник со скругленными углами» / Клавиша «U») с радиусом 15 px, что бы представить сегмент цепи перевернутой стороны.

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Сделайте копию слоя, и с помощью Free Transform (Свободная трансформация / Ctrl+T), переместите копию как показано ниже:

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Установите для сегментов перевернутой цепи, те же параметры слоя что использовали для первого сегмента:

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Теперь нужно растеризовать сегменты цепи. Зажав Ctrl, выделим слои с сегментами цепи (в ), и нажмем Ctrl+E (что бы стиль слои). Используя Free Transform (Свободное трансформирование / Ctrl+T), делаем фрагменты цепи более маленькими, и копируя слои с фрагментами , копируем слои цепи столько рас сколько будет нужно, и комбинируем в реальную цепь от кольца на вывеске, и выше, далее сливаем все слои цепи в один (зажмите Ctrl, выделите все слои с фрагментами цепи, и нажмите Ctrl+E). Сделайте копию цепи, и переместите ко второму кольцу на вывеске. Теперь вывеска висит на цепи.

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Слейте оба слоя цепи в один, и примените следующие параметры слоя:


(Слои - Стиль слоя - Тень);

Создаем стильную вывеску пивной «Beer House» используя Фотошоп
Создаем стильную вывеску пивной «Beer House» используя Фотошоп

В низу нажмите на Create new fill or adjustment layer (Создает новый корректирующий слой или слой-заливку) - Hue/Saturation (Цветовой тон/Насыщенность).

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Зажмите Alt, и сделайте щелчок между слоями Hue/Saturation (Цветовой тон/Насыщенность), и цепи (на палитре слоев).

Создаем стильную вывеску пивной «Beer House» используя Фотошоп
Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Создайте новый слой, и используйте стандартную кисть черного цвета с непрозрачностью 20% (Opacity of 20%).

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Зажмите Alt, и сделайте щелчок между только что созданным слоем на котором рисовали кисточкой, предыдущим слоем (на палитре слоев).

Создаем стильную вывеску пивной «Beer House» используя Фотошоп

Установите режим наложения (Точечный свет).


Вот и все.

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

Автор: ;

Перевод: ;

Уроки Фотошопа