Воскресенье, 24.11.2024, 10:44
Massiveattack
Приветствую Вас Гость | RSS




Меню сайта
Наш опрос
Какие уроки вам более нужны?
Всего ответов: 166
Главная » 2008 » Сентябрь » 12 » Кнопка для вашего блога
Кнопка для вашего блога
18:22


В этом уроке Photoshop у вас получится вот такое стильное меню для блога.

Давайте начнем с создания нового документа, размеры 400*200 px.
Залейте его темно-серым цветом #7d7d7d.

Теперь, используя Rounded Rectangle Tool, нарисуйте такую форму любого цвета.

Примените к форме следующие настройки:

Вот, что у нас получилось:

Теперь, выделите форму: зажмите клавишу Сtrl и кликните по окошке слоя в панеле слоев (F7):


Нарисуйте вот такой градиент как показано ниже - называется от белого к прозрачному:

Возьмите инструмент (текст) с такими настройками и напишите, например, “about me” ("обо мне") и разместите его по центру кнопки:

Дублируйте слой с кнопкой, и назовите вторую кнопку, например, “pictures” ("картинки"):


Теперь, каким-нибудь способом мы должны показать, что одна из наших кнопок находится в активном состоянии.

Выберите инструмент фигура Custom Shape Tool, возьмите фигуру 10-ти конечной звезды, и нарисуйте эту форму на кнопке:


Примените к звезде вот такие настройки:

Должно получиться вот так:

Чтобы сделать еще лучше, давайте выделим звезду (снова нажмите Ctrl+клик по окошку со слоем), создайте новый слой , и примените к звездочке такой же бело-прозрачный градиент как мы делали с кнопкой.

Звездочка будет выступать в роли индикатора активности кнопки.

Таким образом вы можете создать столько кнопок, сколько захотите!

:)

До встречи на www.massiveattack.org.ua!
Просмотров: 542 | Добавил: AMDMeN2008 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Календарь новостей
«  Сентябрь 2008  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
2930
Поиск
Друзья сайта
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Copyright Massiveattack © 2024Хостинг от uCoz