Страница 1 из 11
Форум » Adobe Photoshop » Уроки для Photoshop » красивое оформление полей ввода (часть 1 - рисуем)
красивое оформление полей ввода
Reddy Дата: Воскресенье, 10.04.2011, 22:48 | Сообщение # 1
Reddy
Новичок
Сообщений: 129
Репутация: 14
Страна: Латвия
Статус: 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
спец по кнопачкам
 
Форум » Adobe Photoshop » Уроки для Photoshop » красивое оформление полей ввода (часть 1 - рисуем)
Страница 1 из 11
Поиск:
Rambler's Top100 Рейтинг@Mail.ru Яндекс.Метрика
Полное или частичное копирование материалов только с указанием гиперссылки на www.otherside.ws

© 2010-2017 Other Side | Хостинг от uCoz