Поиск


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


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

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

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

Фриланс

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

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

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

RSS кнопка

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

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

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

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

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

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

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

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

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

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

1

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

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

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

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

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

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

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

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

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

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

Page Rank и ТИЦ сайта

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

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

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

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

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

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

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

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

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

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

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

QR-код

Вход



Главная » 2011 » Май » 23 » Навигация для сайта в Photoshop
16:38
Навигация для сайта в Photoshop





ШАГ 1

    С помощью инструмента, Прямоугольник со скругленными углами, рисуем фигуру как показано на рисунке.




ШАГ 2

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







    Вот результат.




ШАГ 3

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




ШАГ 4

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






ШАГ 5

   С помощью инструмента Прямоугольник со скругленными углами создаем область активной кнопки (фигура 2).



ШАГ 6

    Слой с Фигурой 2 помещаем под слой с текстом.



    Уменьшаем непрозрачность слоя до 50%.



ШАГ 7

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




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


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

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

sitemap

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


Категория: Уроки photoshop | Просмотров: 1006 |  Теги: Ученые создали эмоционального робот, Уроки фотошоп, уроки фотошопа, Навигацыя для сайта 
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вверх