Меню


 
  Категории каталога
Заработок в сети [4] Раскрутка сайта [4]
Обзор игр [27] Уроки по FotoShop [42]
Разное [342] Новости софта [10]
Новости игр [14]


 
  Опрос
Что вы чаще всего качаете с интеренета
Всего ответов: 91


 
  Реклама





 
Главная » Статьи » Уроки по FotoShop [ Добавить статью ]

Лого для сайта

Сложное лого цветка

Рисуем симпатичное лого с нуля.

Шаг 1

Создайте новый документ размером 500х500 и залейте его темно-серым, например, #6A6A6A

Шаг 2

Создайте новый слой. Поставьте цвет переднего плана #6A6A6A и фон #252525

complex-cluster2_1.jpg

Теперь выберете elliptical marquee tool и  выделите область где-нибудь на документе, удерживая Shift, чтобы создать ровный круг:

complex-cluster2_2.jpg

Теперь выберите Gradient Fill tool и установите следующие настройки:

complex-cluster2_3.jpg

Теперь заполните выделение снизу доверху таким образом:

complex-cluster2_4.jpg

Шаг 3

Оставив активной выделенную область, создайте новый слой и зайдите в Select->Modify->Contract, там поставьте 8 пикселей (это число зависит от того, насколько большгим у вас получился первый круг):

complex-cluster3_1.jpg

Теперь снова выберите gradient tool с теми же настройками, но на этот раз вам нужно заполнить выделение сверху донизу так, чтобы градиент был обратным предыдущему. Нажмите Ctrl + D, чтобы снять выделение.

Результат:

complex-cluster3_2.jpg

Шаг 4

Теперь кликните дважды на этом слое и примените следующие blending options:

Outer Glow:

complex-cluster4_1.jpg

Bevel & Emboss:

complex-cluster4_2.jpg

Stroke:

complex-cluster4_3.jpg

Результат:

complex-cluster4_4.jpg

Шаг 5

Создайте новый слой, выберите снова elliptical marquee tool и создайте такое выделение:

complex-cluster5_1.jpg

Поставьте цвет вашего переднего плана на белый (#FFFFFF), выберите gradient fill tool и установите ‘foreground to transparent‘:

complex-cluster5_2.jpg

Залейте выделение белым прозрачным градиентом, снизу доверху, вот так:

complex-cluster5_3.jpg

Нажмите Ctrl + D, чтобы снять выделение.

Нажмите Ctrl + G, чтобы сгруппировать этот и предыдущий слои.

Результат:

complex-cluster5_4.jpg

Теперь поменяйте blending option этого слоя на ‘overlay‘ и снизьте непрозрачность дo 30 процентов:

complex-cluster5_5.jpg

Результат:

complex-cluster5_6.jpg

Примечание: Посмотрев на то, что у вас уже получилось, вы увидите, что результат очень подошел бы в качестве кнопки для использования в каком-нибудь вашем интерфейсе.

complex-cluster5_7.jpg

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

Шаг 6

Теперь мы должны объединить слои. Спуститесь до фонового слоя и нажмите на маленькую иконку в виде глаза, чтобы спрятать его:

complex-cluster6_1.jpg

Это должно скрыть фоновый слой, когда вы сделаете это, кликните на слой прямо над фоновым слоем, чтобы активировать его и затем идите в Layer->Merge Visible, чтобы объединить все видимые слои.

Ваша палитра слоев должна выглядеть приблизительно так:

complex-cluster6_2.jpg

Далее кликните на маленькую иконку в виде глаза на фоновом слое, чтобы включить его видимость.

Шаг 7

Теперь будет легко. Далее кликните слой прямо над фоновым слоем снова, чтобы активировать его. Нажмите V либо на move tool на палитре инструментов.

Удерживая Shift и Alt, нажмите на штуку наподобие кнопки, что мы сделали и переместите её влево от оригинала, размещая их так близко, как только можно, но не располагая их один над другим.

complex-cluster7_1.jpg

Снова, удерживая Shift и Alt и переместите ещё оджну копию кнопки над ними так, чтобы у вас вышло три фигуры, расположенные бок о бок, вот так:

complex-cluster7_2.jpg

Нажмите Ctrl + E два раза, чтобы объединить все три слоя. Ваша палитра слоев должна теперь выглядеть так:

complex-cluster7_3.jpg

Шаг 8

Выберите снова move tool, зажмите Shift + Alt и переместите копию трех кнопок вниз, выравнивая края так, как только это возможно:

complex-cluster8.jpg

Снова объедините эти слои с предыдущим слоем, нажав Ctrl + E один раз.

Шаг 9

Теперь передвиньте набор из шести кнопок ближе к центру документа, наверх так, как это сделал я. Вы можете сделать это используя move tool, либо же нажав Ctrl + A, чтобы выбрать все слои и также используя кнопки Align:

complex-cluster9_1.jpg

Результат:

complex-cluster9_2.jpg

Шаг 10

Нажмите Ctrl + A, чтобы выбрать весь документ.

Зайдите в Filter->Distort->Polar Coordinates и примените следующие настройки:

complex-cluster10_1.jpg

Результат:

complex-cluster10_2.jpg

Шаг 11

Теперь нажмите Ctrl + J, чтобы продублировать слой.

Зайдите в Edit->Transform->Flip Vertically

Нажмите ‘V‘, чтобы выбрать снова move tool и переместить продублированный слой немного вверх, как я это сделал здесь:

complex-cluster11.jpg

Шаг 12

Нажмите Ctrl + E, чтобы объединить эти два слоя.

Нажмите Ctrl + J, чтобы продублировать этот слой.

Зайдите в Edit->Transform->Rotate 90CCW

Нажмите Ctrl + E, чтобы объединить эти два слоя и работа окончена!

Результат:

Сложное лого цветка

Пара финальных штрихов:

Вот ещё один пример использования этой техники в разных цветах и добавлением разных фоновых эффектов:

complex-clusterfin.jpg

Категория: Уроки по FotoShop | Добавил: denisus (14.04.2009)
Просмотров: 1214 | Комментарии: 1 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
  Поиск


 
  Друзья сайта


 
  Счётчик

Онлайн всего: 1
Гостей: 1
Пользователей: 0