| Reddy |
Дата: Воскресенье, 10.04.2011, 22:48 | Сообщение # 1 |
|
Новичок
Статус: Offline
|
Шагов: 4
Уровень: Простой
Дополнительные инструменты: Не требуются
Данный урок предназначен прежде всего для показа механизма создания подобных шаблонов для оформления полей ввода информации (поиск, вход пользователя, и прочее). Вы можете менять цвета, размер и эффекты на своё усмотрение.
01. Создаём в Adobe Photoshop новый документ нужного Вам размера и заливаем его любым цветом:
*В дальнейшем вы сможете менять цвет фона с помощью "Color Overlay"
Создадим ещё два слоя - для поля ввода и для кнопки поиска. С помощью инструмента "Rectangle tool" на каждом из слоёв выделяем две области (цвет заливки не важен):
02. Для первого слоя (поле ввода поискового запроса) применяем следующие стили:
Outer Glow (цвет должен быть такой же, как и в [i]Stroke):[/i]
Gradient Overlay (цвет градиента выбираете на своё усмотрение, от светлого к тёмному):
Stroke (цвет обводки выбираете на своё усмотрение):
В результате у нас получится симпатичное поле:
03. Теперь перейдём к следующему слою (кнопке), и применяем те же стили, но с другими значениями:
Outer Glow (цвет должен быть такой же, как и в [i]Stroke):[/i]
Gradient Overlay (цвет градиента выбираете на своё усмотрение, от тёмного к светлому):
Stroke (цвет обводки - самый светлый из [i]Gradient Overlay):[/i]
Поля для формы поиска готовы:
04. Финальный штрих - добавим надписи:
Если есть желание, то можно добавить какую-нибудь иконку в поле для ввода текста:
© www.otherside.ws |
|
спец по кнопачкам
|
|
|
|
|
