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

Как быстро сделать кнопку

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

<sape_index>В данном уроке мы попробуем быстро сделать кнопку. Вот, что у нас получилось.

Создайте новый документ размером 100 x 100 пикселей и залейте фон белым цветом (#FFFFFF).
Создайте новый слой, возьмите elliptical Marquee tool и сделайте выделение фиксированного размера: 75 px x 75px:

Закрасьте выделение любым цветом, т.к. позже мы добавим градиент.
Правый щелчок мышкой по слою с кругом и выберите Blending Options. Примените следующие настройки: Drop Shadow:

Inner Shadow:

Gradient Overlay:

У вас получиться следующее:

Необходимо дублировать основной слой, чтобы создавать и изменять стили слоя. Чтобы дублировать слой, просто правый щелчок мышкой по слою и выберите Duplicate layer. Теперь у вас два основных слоя.
Примените следующие стили слоя к дубликату. (Просто измените/добавьте следующие стили слоя, а остальные не надо изменять или удалять.)
Inner Shadow:

Inner Glow:

Stroke:

У вас получиться следующее:

Теперь при активном дублированном слое зажмите Ctrl и щелкните по слою, чтобы загрузить выделение:

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

Получиться:

Создайте новый слой и затем залейте его белым цветом:

Уменьшите opacity до 48% и затем измените Blend mode на Soft Light:

Дублируйте слой и затем зайдите в Edit > Transform > Rotate 180, таким образом мы получим две дуги на изображении:

Поместите новую дугу внизу круга как на рисунке:

Вы можете использовать данную кнопку множеством способов, вот несколько:

 

 

 

АВТОРСКИЕ ПРАВА
Источник: 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