В этом уроке автор представил решения, которые он обычно использует в работе, результат будет по настоящему холодным, абстрактным и стильным логотипом фото – магазина, подобно тому, что принадлежит автору (psdvault.com).

В целом урок написан не спроста, в нынешнее время наблюдается потрясающий спрос на привлекательные логотипы для веб-сайтов/блогов, тем более, что широкополосная сеть становится всё более доступной для населения.

В разработке мы будем использовать Pen Tool, различные варианты настройки изображения, инструмент Free Transformation Tool, использовать слои и их смешивание, а так же фильтры.

Автор искренне надеется, что вы получите удовольствие от этой работы.

Вот предварительный результат:









Что ж, давайте начинать!

Шаг 1

Создадим новый документ размером 1200 х 600 px (Замечу, что вы можете использовать любой размер, который по вашему мнению подходит вашему проекту, этот размер стоит использовать исключительно в рамках урока). Залейте черным цветом задний план (background).

Создайте новый слой, назовите его «Radial Gradient Fill», используйте инструмент Gradient Tool (G), в настройках установите Radial Fill, а теперь примените его к новому слою, как показано ниже. (Применить вы можете любой понравившийся вам цвет, это не существенно).



Теперь создайте новый слой, с именем «Angle Gradient Fill», разместите его над слоём «Radial Gradient Fill» и установите режим смешивания слоёв в «overlay».

Теперь используем прямоугольное выделение (Rectangular Marquee Tool), что бы выделить область в центре нашего документа, к выделению применим Gradient Tool (G) (Выберите цвет от белого к прозрачному), теперь применим градиент как показано на картинке ниже:



Шаг 2

Создайте дубликат слоя «Angle Gradient Fill», убедитесь, что режим смешивания установлен как «overlay», примените Edit > Transform > Flip Horizontal и отразите слой горизонтально. Объедините оба слоя. Убедитесь, что режим смешивания установлен в «overlay» после слияния.

Примените «Drop Shadow» с настройками указанными ниже:



Теперь уменьшаем непрозрачность слоя «Radial Gradient Fill» до 60%, результат ниже:



Теперь создадим новый, промежуточный слой между предыдущими двумя слоями, назовём его «Centre light». Возьмите большую, мягкую, круглую кисть (600px в данном случае), установите белый цвет на первый план и нарисуйте большую точку в центре слоя.



Режим слоя установите в «overlay», и вы получите следующий результат:



Шаг 3

На этом этапе автор решил придать изображению немного больше глубины и объёмности. Выбираем слой «Angle gradient fill», нажимаем Ctrl + T, правым кликом по изображению выбираем «perspective» и преобразовываем слой, как показано ниже:



Результат после создания перспективы:



Шаг 4

Теперь создаём новый слой, называем его «shineline», применяем Pen Tool, для создания «пути», как показано ниже: (Тем кто не умеет пользоваться этим инструментом рекомендуется найти уроки по векторной графике в Photoshop. Для режима создания пути, инструментом Pen Tool необходимо выбрать режим Paths, в настройках инструмента)



После создания «кривой» необходимо перейти к меню, правым щелчком мыши и выбрать режим «stroke path», в котором указать, чем прорисовать кривую, выбираем кисть (brush). (Этот режим использует настройки кисти заданные в данный момент, удостоверьтесь, что вы заранее выбрали маленькую, круглую, мягкую кисть, а так же убедитесь, что включен режим «simulate pressure»).

Результат:



Шаг 5

Дублируем слой «Shineline» несколько раз, после чего используем Free Transformation Tool, в котором мы используем rotate, distort, resize к новым слоям, создавая множество линий:



Теперь объединим наши слои и дублируем полученный слой ещё несколько раз, снова используем Free Transformation Tool, что бы получить ещё больше линий:



Ещё раз дублируем слитый слой и применяем к нему Gaussian Blur (Filter -> Blur -> Gaussian Blur), со следующими настройками:



Мы должны получить следующий эффект:



Шаг 6

Создаём новый слой, называем его «shining dots» (Сияющие точки), загрузите выделение слоя «shineline» (Клик по иконке слоя, с зажатым Ctrl), нажмите правую кнопку мыши и в открывшемся окне выберите Make Work Path:



Выберите 0,5 пикселей tolerance для пути. Теперь используем мягкую, круглую кисть размером 3px со следующими динамическими настройками:







Также убедитесь, что вы установили режим «Smoothing» (Сглаживания).

Теперь на слое «shining dots» покрасьте путь этой кистью, и вы увидите следующий эффект:



Шаг 7

Теперь можно добавить немного дыма у основания линий. Что бы сделать это нам необходимо создать новый слой, используя инструмент Lasso Tool, с растушевкой в 40 пикселей (Параметр Feather), выделить необходимую область, а за тем применить Filter > Render > Cloud. (Необходимо установить цвета – передний план белый, задний черный).



Кроме того, автор рекомендует применить Len Flare, со следующими настройками:



Теперь изменяем режим слоя на «overlay», получаем эффект:



Наконец мы разместим название и навигацию:



Хорошо, именно для этого создавался данный урок, конечно вы можете двигаться дальше, добавляя другие эффекты и применяя другие решения, можно изменить цветовую гамму с помощью цветового баланса.

Пример:



Альтернативные версии:





Успехов вам!

Оригинал (Англ.): www.psdvault.com.