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

Кнопка с отражением

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

В этом уроке по web графике мы нарисуем кнопку с отражением.

1. Создайте новый документ(Ctrl+N) с белым фоном. Используя Elliptical Marquee Tool“, сделайте такое выделение:

2. Создайте новый слой (Layer/New или Ctrl+N+Shift) и залейте его каким-нибудь цветом. Назовите его “button” (кнопка).

3. Используя “Dodge Tool“ , создайте внутреннее свечение, как на рисунке:

4. Создайте еще одно выделение, используя .
Создайте новый слой и назовите его “border” (обводка).

5. Заполните его цветом и расположите под слоем “button”.

6. Пройдите в Layer/Layer style/Gradient overlay (Слой – Стиль слоя – Наложение градиента), используйте такие настройки:

7.   Layer/Layer style/Stroke (Слой – Стиль слоя – Обводка).

8. Layer/Layer style/Drop shadow (Слой – Стиль слоя – Тень).

9. Выберите слой “button” и пройдите в  Layer/Layer style/Inner shadow (Слой – Стиль слоя – Внутренняя тень).

11. Создайте новую круглую форму .

12. Уменьшите непрозрачность (Opacity) слоя до 8%.

13. Создайте новую форму в виде окон. Окошки можно нарисовать с помощью  фигуры прямоугольника. Объедините 4 окна в один слой. Дублируйте его.

14. Удерживая “Ctrl”, щелкните по слою “button”.

15. Пройдите в меню Filter/Distort/Spherize (Фильтр – Искажение – Сферизация). Повторите действие фильтра.

Выберите слой с копией окна и сделайте с ним то же самое. Объедините слои с окнами.

16. Уменьшите Непрозрачность до 15% и Режим наложения на Overlay (Перекрытие):

17. Подкорректируйте окна с помощью мягкого ластика. Кнопка готова!

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

Оставить комментарий

Ваш 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