Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Лого в стиле сериала «Очень странные дела» в Adobe Photoshop

28 октября 2016 | Опубликовано в Уроки | 1 Комментарий »

Стиль 80-х популярен как никогда. Это подтверждает и популярность сериала от Netflix  "Очень странные дела" (Stranger Things). В нем стилистика этого времени выдержана идеально, и вы можете окунуться в нее с головой. Одна из вещей, которая поддерживает эту атмосферу — логотип сериала. Сегодня мы сделаем лого в этом же стиле в Photoshop.

 

Шаг 1

Откройте Photoshop и создайте новый документ размером 1920×900 px. После этого залейте фоновый слой градиентом, используя цвета #000000 и #303030, Растяните градиент под наклоном.

Tutorial: Stranger Things Logo

Шаг 2

В меню выберите Filter > Blur > Gaussian blur/Фильтр>Размытие>Размытие по Гауссу, и укажите радиус в 100 px.

Tutorial: Stranger Things Logo

Шаг 3

Создайте новый слой поверх остальных, и залейте его цветом #d91f26. Смените режим наложения на Multiply/Умножение.

Tutorial: Stranger Things Logo

Tutorial: Stranger Things Logo

Шаг 4

Добавим текст. В уроке использован шрифт Benguiat, однако он платный. Вы же можете использовать любой шрифт, который нравится вам. Лучше если шрифт будет жирным и с засечками. Введите текст в две строки так, чтобы верхняя была шире нижней. Укажите тексту черный цвет (#000000).

Tutorial: Stranger Things Logo

Шаг 5

Сгруппируйте текст. Укажите группе с текстом стиль слоя Stroke/Обовдка толщиной в 10px и цвета #d91f26.

Tutorial: Stranger Things Logo

Шаг 6

В группе текста создайте три узких прямоугольника с закругленными углами и разместите их как показано на картинке ниже. Дублируйте группу и сделайте копию невидимой — мы вернемся к ней позже.

Tutorial: Stranger Things Logo

Шаг 7

Создайте новый слой под видимой группой и залейте его цветом #000000.

Tutorial: Stranger Things Logo

Шаг 8

Объедините/Merge группу со слоем черного цвета.

Tutorial: Stranger Things Logo

Шаг 9

Укажите слою blending mode/режим наложения Color Dodge/Осветление основы.

Tutorial: Stranger Things Logo

Шаг 10

Дублируйте слой и укажите копии режим наложения Overlay/Перекрытие.

Tutorial: Stranger Things Logo

Шаг 11

Верните видимость группе, которую мы создавали ранее. Укажите ей более тонкую обводку — вместо 10px — 8px. Создайте новый слой над группой.

Tutorial: Stranger Things Logo

Шаг 12

Объедините новый слой с группой. В меню выберите filter > blur > gaussian blur/Фильтр>Размытие>Размытие по Гауссу. Укажите радиус в 1px.

Tutorial: Stranger Things Logo

Шаг 13

Укажите слою режим наложения Color Dogde/Осветление основы и снизьте Opacity/Непрозрачность до 50%.

Tutorial: Stranger Things Logo

Шаг 14

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

Tutorial: Stranger Things Logo

Шаг 15

Укажите штрихам Размытие по Гауссу с радиусом в 100px.

Tutorial: Stranger Things Logo

Шаг 16

Укажите слою режим наложения Color Dodge/Осветление основы и Opacity/Непрозрачность в 30%.

Tutorial: Stranger Things Logo

Шаг 17

Объедините все видимые слои и дублируйте получившийся слой.

Tutorial: Stranger Things Logo

Tutorial: Stranger Things Logo

Шаг 18

Выберите верхний слой и в меню выберите filter > noise > add noise/Фильтр>Шум>Добавить шум. Настройте параметры как показано ниже.

Tutorial: Stranger Things Logo

Шаг 19

Укажите слою режим наложения Overlay/Перекрытие и Opacity/Непрозрачность в 70%.

Tutorial: Stranger Things Logo

Результат

Tutorial: Stranger Things Logo

Автор урока abduzeedo

Перевод — Дежурка

Смотрите также:




Комментарии

[an error occurred while processing the directive]


[an error occurred while processing the directive]