Поиск


Случайные темы


Html словарь для начинающих

Делаем юзербар в Photoshop

Причины неудачного продвижения сайта

Новая страничка Ошибка 404 для uCoz

HDR эффект при помощи Photoshop

Page Rank и ТИЦ сайта

Дизайн в стиле WEB 2.0

Постер в стиле хоуп

Как выбрать домен для сайта?

Как бесплатно создать сайт

Фриланс

Кнопка для сайта "Добавить в закладки"

Гранжевый штамп при помощи Photoshop

Как правильно создать robots.txt

Страница 404 для Ucoz

Навигация для сайта в Photoshop

1

RSS кнопка для сайта

Кнопка "Оставьте свой отзыв"

Twitter как средство продвижения сайта

Мета-теги - залог успешного сайта

Продвижение сайта своими руками

Как увеличить посещаемость сайта бесплатно

Винтажный эффект в фотошоп

Кнопка "Download" для сайта

Подборка бесплатных иконок Социальных сетей для Вашего сайта (PSD)

Горячие клавиши Photoshop

RSS кнопка

Словарь веб-мастера

Тиснение на металле в Photoshop

Как увеличить скорость загрузки сайта

Страничка Чаво на фриланс-сайте

Неплохой текстовый эффект

Что такое DoFollow блоги?

Создание кисти из рисунка в Photoshop

Коллаж в стиле Polaroid

Бесплатная раскрутка сайта ссылками

Бумажный скотч в фотошоп

Выбор CMS для сайта

Поисковая панель для сайта

Стильная кнопка "Download now" в Photoshop

QR-код

Вход



Блог

Главная » 2011 » Август » 18 » Поисковая панель для сайта
17:50
Поисковая панель для сайта
<h1>Поисковая панель для сайта</h1>





    Создание поисковой панели для сайта.

ШАГ 1

    Инструментом "Прямоугольник со скругленными углами" Создаём основу для поисковой панели.



ШАГ 2

     Создаём часть для ввода текста и кнопку запуска поиска. Инструментом "Прямоугольное выделение" выделяем некоторую часть на основе и нажимаем кнопку DELETE.



     У нас получилось две фигуры.



ШАГ 3

    Приминяем стили слоя Наложение градиента и Обводку к первой фигуре.









ШАГ 4

    Создаём строку для ввода текста. Для этого используем инструмент "Прямоугольник".




ШАГ 5

    Приминяем стили слоя для Фигуры 2.




ШАГ 6

    Добавляем значок поиска. Для этого используем кисть.

Даную кисть возможно скачать на страничке с уроком.

СКАЧАТЬ КИСТЬ




ШАГ 7

    Добавляем текст.




ШАГ 8

    Приминяем обводку для текста и символа.



    Смотрим на результат.



    

Данный урок подготовлен для Вас командой сайта http://webgraph.at.ua

Рекомендуем посмотреть:

sitemap

Главная страница


Просмотров: 745 | Добавил: Web-master | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вверх