Круглая кнопка в стиле web 2.0.

1.                 
Создать
новое изображение размером 600х400, цвет фона – белый.
2.                 
Создать
новый слой и назвать с1 (слои, создать слой, размер 600х400, цвет –
прозрачный). Рисуем круг 200х200, используя 
эллиптическое выделение.
3.                  Установить
цвет переднего плана – серый(333333) и фона – белый (ffffff).

4.                 
Создать
градиент, используя инструмент Градиент. Градиент  должен быть инвертированным (развернутым),
радиальной формы, смещение равно 20, сверху вниз.
5.                 
Уменьшить
выделение на 25пикс. «Выделение/Уменьшить…»
6.                 
Создать
градиент с настройками, как в п.2, но снизу вверх.
7.                 
Создать
новый слой, назвать с2 (слои, создать слой, размер 600х400, цвет – прозрачный).
8.                 
Уменьшить
выделение на 5 пикс., затем залить 
выделение синим цветом (3d9fb7).
9.                 
Установить
цвет переднего плана aff6f2.
10.             
Создать
градиент, радиальной формы, «основной впрозрачный», не инвертированный,
смещением в 20, начинаться он должен немного выше от низа выделения, вверх.
11.             
Добавить
немного  белого цвета снизу: установить
белый цвет переднего плана, взять кисть, размытую, (CircleFuzzy диаметром 19),
масштаб — 10 с прозрачностью кисти равной 70%. Кликните один раз левой кнопкой
в нижней части цветного круга.

12.             
Создать
внутреннюю тень. Создать новый слой, назовите его с3. Увеличить область
выделения на 1пикс. (Выделение-Увеличить…). Залить выделение черным цветом,
используя полоскую заливку. Установить растушевку  20пикс. (Выделение-Растушевать…). Нажать
Delete. Снять выделение (Выделение-Снять).Сделать тень
четче, для этого продублировать  слой. (Слой,
создать копию слоя
) объединить с предыдущим.
13.             
Создать
глянец. Создать  новый слой и назвать его
с4. Создать выделение в том месте, где будет «глянец». Установить белый цвет
переднего плана (ffffff). Создать градиент «основной в прозрачный», смещение 0,
линейной формы сверху вниз.
14.             
Изменить
прозрачность слоя на 75%.
15.             
Добавить
текст. Написать текст. «ЕND» Verdana размером 60.
16.             
Добавить
тексту тень. (Фильтры-Свет и тень-Отбрасываемая тень). Установить смещение по Х
и по Y равное 0.
17.             

Сделать
тень вокруг объекта. Выбрать слой  «с1».
Примените к нему фильтр, как было сделано ранее с текстом.

18.             
Размыть
тени. Два слоя с тенями необходимо объединить в один. В диалоге слоев выбрать
верхний слой с тенью. Правый клик и выбрать « Объединить с предыдущим».
19.             
Добавить
размытия по Гауссу (Фильтры-Размывание-Гауссово размывание) радиусом 2.

20.             
Все
слои представлены на рисунке.

Ответить

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.