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

Кнопка для сайта – ОК

Anna | 14.05.2014 | нет комментариев

В этом фотошоп уроке вы узнаете, как нарисовать стильную серую кнопку с бликом.

1. Начните с создания нового документа, затем выберите “Rounded Rectangle Tool ( U) ” (радиус скругления 50 px) и сделайте форму подобно нижней.

2. Теперь её необходимо трансформировать. Для этого выберите “Direct Selection Tool“ кликнете по форме (появится 6 точек), затем щелкните по левой верхней точке, чтобы получилась ситуация как на нижнем рисунке. Используя стрелки управления вашей клавиатуры, переместите выбранную точку влево 9 раз (см. рисунок ниже). 
Проделайте такую операцию для всех 4-ёх аналогичных точек.

3. Необходимо создать еще несколько дополнительных точек, для этого выберите “Add Anchor Point Tool   и расположите их в середине всех 4-ёх сторон. Переместите эти точки как показано ниже.

4. Щелкните правой кнопкой мыши по слою с формой в панели слоев и выберите Layer > Layer Style > Blending Options (Слой – Стиль слоя – Параметры наложения)
Настройте указанные ниже стили слоя:

Внутренняя тень

Внешнее свечение:

Тиснение/объем:

Наложение цвета:

Наложение градиента:

У вас должен получиться такой результат:

5. Снова выберите  (радиус 40 px) и нарисуйте новую форму
серого цвета #484747.

6. Щелкните правой кнопкой мыши по слою с серой формой в панели слоев и выберите Layer>Layer Style>Blending Options (Слой – Стиль слоя – Параметры наложения)
Настройте указанные ниже стили слоя:

Тень:

Внутреннее свечение:

Обводка:

Вот результат:

7. Опять возьмите  (радиус 15 px) и нарисуйте
форму подобно нижней. Убедитесь, что цвет переднего плана #636363.

8. Щелкните правой кнопкой мыши по слою с новой формой в панели слоев и выберите Layer>Layer Style>Blending Options (Слой – Стиль слоя – Параметры наложения)

Настройте указанные ниже стили слоя:

Тень:

Внутреннее свечение:

Обводка:

Вот результат:

9. Снова возьмите  (радиус 15 px) и нарисуйте новую форму
светло-серого цвета #D5D5D6.

10. Щелкните правой кнопкой мыши по слою с последней формой в панели слоев и выберите “Blending Options” (Параметры наложения)
Настройте указанные ниже стили слоя:

Тень:

Внешнее свечение:

Внутреннее свечение:

У вас должен получиться такой результат:

11.Осталось лишь добавить блик и необходимый текст.
Чтобы сделать блик создайте новую форму белого цвета, уменьшите
непрозрачность (Opacity) слоя, затем, используя инструмент  Овальная область, выделите часть новой формы и нажмите “Delete“. Слой с текстом расположите под слоем с бликом. Вот окончательный вид вашей кнопки:

Источник: photoshop-master.ru

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