Создаём меню в стиле web 2.0

Ещё один урок по создании графики для сайта, на этот раз создадим более нужную вещь для сайта, чем в предыдущем уроке. Это будет вот такая менюшка:

Открываем всем любимую программу Photoshop и создаём новый документ (Файл => Новый) размерами 650px ширина и 300px высота.

Делаем красивый задний фон. Создаем новый слой (на палитре слои кликаем на вторую справа иконку). Берём инструмент заливка (нажмите G), теперь выбирите основной цвет #2dc6f7. Потом возьмите инструмент Кисть (нажмите В), поменяйте основной цвет на #6ad7fa, щёлкните правой кнопкой на документе и быбирите кисть «Мягкую Круглую», поставьте Главный диаметр 350пикселей и щёлкните по центру документа. Вот что вышло:

Берём инструмент прямоугольник со скруглёнными углами (клавиша U). В верхней панели ставим радиус 15 пикселей. И рисуем по центру документа нашу менюшку. У меня получилось так:

Теперь нужно придать стиль этой основе меню. Я буду использовать мои любимые цвета, они хорошо сочитаются. Поэтому Вы выбирайте градиент какой хотите, либо спишите у меня ;). Идём в настройки слоя (два раза по нему кликните).

Настройки градиента:

Ну и вот собственно результат:

Теперь Вам надо написать предпологаемый текст меню, я написал наобум, первое что пришло в голову:)

По идее всё, но не тут то было ;), надо ж ещё сделать картинку, которая будет меняться при наведении мыши на ссылку. Давайте приступим. Берём опять Прямоугольник со скруглёнными углами и рисуем как на картинке.

Вновь созданному слою придаём стили: сначала цвет внешнего свечения ставим #59d0f5, потом смотрим внутреннее свечение на картинке:

Ну и градиент

И последним этапом нам надо сделать Фильтр => Размытие => Размытие по Гауссу. Поиграйтесь с параметрами, сделайте как нравиться, я например, поставил 10 пикселей

Если что-то не получается, пишите в комментах, помогу!

----------------------------------------
Монетизация
-------------------------------------------

знакомства с девушкой