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

Красивые кнопки навигации

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

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

Красивые кнопки навигации
Выберите инструмент Lasso (клавиша L) и сделайте выделение, как на рисунке ниже. Залейте его любым цветом (выберите цвет и нажмитеAlt+F).

clean_menu_buttons_02.gif

Теперь кликните правой кнопкой мыши на этом слое и выберите пунктBlending Options. Примените к кнопке следующие стили (цвета градиента: от #DCE5EE к #FFFFFF; цвет Stroke#778AAB):

clean_menu_buttons_03.gif

clean_menu_buttons_04.gif

Вот, как сейчас выглядит наша кнопка:

clean_menu_buttons_05.gif

Поздравляю, основа для кнопки сделана! Теперь давайте добавим стрелку. Нажмите клавишу U и выберите стрелку по вкусу.

clean_menu_buttons_06.gif

clean_menu_buttons_07.gif

Создайте новый слой, на него добавьте стрелку (путь). Затем, зажав клавишу Ctrl, кликните на этом слое, чтобы выделить его содержимое. Создайте новый слой на основе выделения (Ctrl+J) и заполните его любым цветом (я использовал #89B8E9). В меню Blending Oprions для этого слоя задайте следующие параметры:

clean_menu_buttons_08.gif

Также, добавьте однопиксельный Stroke цветом #747A88. Теперь давайте добавим текст. Я использовал шрифт Blue Highway цвета#747A88.

clean_menu_buttons_09.gif

Теперь Вы можете сгруппировать все эти слои (выделить их, зажав Shiftи нажать Ctrl+G) и скопировать их нужное количество раз, чтобы получить несколько разных кнопок для Вашего меню

clean_menu_buttons_10.gif

Вот, например, что получилось у меня:

Красивые кнопки навигации

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