Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Серебристая кнопочка

Alex | 5.03.2014 | нет комментариев

Вот что должно получиться в итоге:

Создайте новый документ размерами 300х300 px. Залейте фон цветом #102633.
Создайте новый слой и назовите его «button shape». Выберите View > Rules. Проверьте, чтобы View > Snap to > Document Bounds было отмечено, и потяните горизонтальную направляющую вниз до середины документа. Сделайте тоже самое и для вертикальной направляющей.
Теперь у вас должна быть точка пересечения точно по середине документа.
Нарисуйте круг используя Ellipse Tool и зажимая shift. (цвета сбросьте «D»)

Сверху на панели выберите «Subtract From Shape Area» и вырежьте внутреннюю часть круга.

Сверху на панели выберите «Add to shape area» и нарисуйте новый круг как на примере выше.

Правый клик на слое с кругом и выберите Rasterize. Дальше выберите Layer > Layer style > Blending Options (или просто двойной клик по слою) и примените следующие установки к этому слою:

выберите текстуру Satin из списка;

Вот как должно выглядеть:

Создайте новый слой и нарисуйте новый круг. Примените Gradient Overlay к этому слою от #618BA0 к #183346.

Сtrl + клик на слое с градиентом. (Load selection). Пока выделение активно создайте новый слой и назовите его «outline» и добавьте к нему чёрную обводку толщиной 2px и location = inside (Edit > Stroke).

Filter > Blur > Gaussian Blur (радиус = 3) Создайте круглое выделение на новом слое (Light spot) используя Ellipse Marquee Tool.
Сверху на панели выберите «Subtract From Selection Area» и вырежьте верхнюю часть круга.
Залейте выделение светлым оттенком. Выберите Filter > Blur > Gaussian Blur (радиус = 7).

Ctrl + клик на слое с градиентным кругом. Select > Modify > Contract (3px).
Создайте новый слой. Залейте выделение линейным white/transparent (от белого к прозрачному) градиентом. Поставьте Opacity слоя на 13%.

Добавьте какой-нибудь символ или буквы на этот новый слой. Я использовал Custom shape Tool и Vector Mask с радиальным (black/white) градиентом. и применил к слою такие настройки:

Создайте новый слой. Сделайте круглое выделение при помощи Ellipse Marquee Tool.
Сверху на панели выберите «Subtract From Selection Area» и вырежьте верхнюю часть круга. Залейте светлым оттенком. Поставьте Opacity 18%.

Создайте новый слой. Нарисуйте два круга и залейте их белым цветом. Выберите Filter > Blur > Gaussian Blur (радиус = 8). Выставите прозрачность примерно 45%.

Продублируйте слой с белыми пятнами (Ctrl+J) и трансформируйте этот слой.

Ctrl + клик на слое с градиентом. Сверху на панели выберите «Subtract From Selection Area» и вырежьте две части из круга как на рисунке ниже. Заполните светлым оттенком (Opacity 14%) на новом слое. Добавьте Vector Mask. Залейте её линейным black/white градиентом.

Ctrl + клик на слое «button shape». Select > Modify > Contract (5-7px). Select > Modify > Feather (4-6). Залейте выделение белым цветом на новом слое. Opacity – 70%.

Сделайте два белых круга (opacity – 20%), трансформируйте их:
- Edit > Transform > Warp.
- Edit > Free Transform.

Добавьте сверкание на новом слое, используя кисточку из «assorted brushes».

Всё! Ура! готово! в итоге у вас должно получиться что-то близкое к этому:

Серебристая кнопочка

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий

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

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB