Окно в мир дизайна и компьютерной графики

В этом небольшом уроке мы научимся создавать логотип для своего сайта в форме листочка.
Примерное время выполнения: 10 минут
Сложность: Легко
Используя Photoshop Preset Shapes мы начнем делать изумительное лого в стиле Web 2.0.

1)Начнем с того, что сделаем листок в новом файле с помощью Photoshop Presets Shapes, и основным цветом #40b309

2)Идем в Layer->Layer Style->Gradient, и выполняем все, что нарисовано на картинке ниже:

3)Сейчас сделаем стебелёк листочка, для этого берем Pen Tool, и выделяем его, потом закрасим цветом, я взял за основу этот цвет: #389e08

3.1)Вот приближение выделения

4)Что бы сделать эффект «Web 2.0.» мы используем градиент. Создадим новый слой,
после этого жмем CTRL+Click на первом слое с листочком (этим мы его выделяем). Потом используя White to Transparent (С белого до прозрачного) градиент, сделаем градиент с наклоном в 120 º, сверху вниз, как показано на рисунке ниже.

5)Поменяем blending options (режим смешивания) на режим Overlay, у вас должно получиться что-то вроде этого:

6)Сделаем новый слой. Берем Eliptical Marquee Tool и выделяем верхнюю часть листочка так, как показано на рисунке.

7)Сделаем градиент сверху вниз, под углом в 90º, используя при этом тип градиента White to Transparent (С белого до прозрачного).

8) Снимем выделение (Ctrl+D), и поменяем режим смешивания на Soft Light, у вас должно получиться что-то вроде этого:

9)Создадим новый слой, и жмем Ctrl+Click на слое с листочком, идем Select -> Modify -> Contract с настройкой в 1 px, потом идем Edit -> Stroke и ставим такие настройки:

10)Меняем blending options (режим смешивания) на режим Soft Light, и у вас должно получиться что-то вроде этого:

11)Возвращаемся к первому слою и ставим Drop Shadow, так как показано на рисунке:

12)Теперь к своему логотипу вы можете добавить произвольный текст, автор взял оранжевый цвет – #FE6601 и серый – #333333.

Скачать PSD исходник к уроку (10 зеркал)
Размер psd исходника: 28kb

Перевод урока malish
Автор урока: photoshoplovr
Специально для: flashripper.net