Все о фотошопе

Все для фотошоп - видео уроки, плагины, PSD шаблоны, рамки, клипАрты - все бесплатно!

В закладки | Написать администрации



Скачивай без регистрации, обсуждай, добавляй свое

Навигация

    - Новости
    - Правила сайта
    - О проекте
    - Faq

PS Материалы

    - Картинки
    - Обои
    - Кисти
    - Макросы
    - Стили
    - Формы
    - Текстуры
    - Плагины
    - Рамки
    - PSD
    - Иконки
    - Шрифты
    - Патерны
    - Клипарты
    - Аватары

Программы

    - Графика
    - 3Dmax
    - Mac OS X
    - Разное

Уроки и книги

    - Видео уроки
    - Photoshop CS2
    - Photoshop CS3
    - 3DS MAX
    - Учебники

Шаблоны

    - Joomla
    - TemplateMonster
    - BoxedArt
    - DataLifeEngine
    - WordPress
    - Другие

3D материалы

    - 3D материалы





Уроки, Photoshop CS2: Урок: Замаскированная навигация
Опубликовал: WeLcOmE tO My LiFe   Теги: ---   

В этом Фотошоп уроке будем создавать вот такую замаскированную навигацию.

Шаг 1.

Откройте новый документ 460x190 пикселей, с черным фоном. Сделайте овальное выделение с помощью инструмента , создайте новый слой и заполните выделение серым цветом (C1C1C1).

Перейдите в меню Выделение - Растушевка (select > feather), установите параметр 2 пикселя.
Снова меню выделение - модификация - сжать (Select > Modify > Contract) установите параметр 5 пикс.
Заполните выделение белым цветом.

a) б)

Шаг 2.

Выберите инструмент , установите радиус скругления 30 и нарисуйте фигуру как на рисунке (цвет для фигуры - E5E5E5)

a) б)

Шаг 3.

Примените стиль "Внутренняя тень" к слою с новой фигурой.

Слейте два слоя вместе.

Шаг 4.

Дублируйте слой с кнопкой несколько раз, а потом слейте все кнопки в один слой Ctrl + E.
Снова дублируйте слой уже с рядом кнопок.


Шаг 5.

Примените к верхнему слою кнопок стиль "Наложение текстуры/Перекрытие узора". Кликните по стрелочке и выберите набор "Природные узоры". Найдите там узор "Листья плюща".

и


Шаг 6.

После применения стиля кнопки станут выглядеть вот так:


Шаг 7.

Измените режим наложения верхнему слою на "Multiply" (Умножение), и уменьшите непрозрачность до 75%.

Шаг 8.

Возьмите инструмент , из открывающегося списка выберите фигуру кленового листа. Нарисуйте один листик белого цвета под слоями с кнопками.


Шаг 9.

Дублируйте слой с листком несколько раз и раскидайте его по верху кнопок. Слейте листья в один слой.

Шаг 10.

Дублируйте слой с листьями, отразите его по вертикали (edit > transform > flip vertical/ редактирование - трансформация - отразить по вертикали).
Теперь объедините два слоя с листьями в один.

Шаг 11.

Примените слою с листьями тот же стиль.

и

Шаг 12.

Вот что у вас должно получиться:

Шаг 13.

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

Шаг 14.

Напишите на кнопках текст белым цветом. Настройки:

Тексту примените стиль "Тень":

Результат:


Шаг 15.

Измените режим наложения текстовому слою на Overlay (Перекрытие) и уменьшите прозрачность на 80%

Шаг 16.

Зажмите Ctrl и кликните по слою с текстом - появится выделение.
Перейдите в меню Выделение - Модификация - Расширить (select > modify > expand). Установите 1 пиксель.

Создайте новый слой под текстовым и заполните его темно-зеленым (585E3C).

Шаг 17.

Уменьшите прозрачность темно-зеленого слоя до 60%

ГОТОВО!



Похожие новости:


Раздел: Уроки, Photoshop CS2 | авг 3 | Просмотров: 2651

Авторизация

  
 
  

Регистрация | Забыли пароль?



загрузка...


Наши партнеры

 


Статистика

Rambler's Top100


загрузка...
На нашем сайте представлены лучшие ресурсы в помощь дизайнерам и специалистам, которые профессионально занимаются рекламой и продвижением товаров, услуг, созданием графических объектов. Уроки и обучающие материалы любого уровня – для специалистов и тех, кто только начал изучение загадочного мира рекламы, и ищет способы воздействия на аудиторию, свой индивидуальный стиль. Динамика современного мира заставляет нас держать руку на пульсе модных тенденций современного искусства рекламы и дизайна. Наш сайт был создан в 2007 году, и обширная коллекция обучающих и демонстрационных видеоматериалов постоянно пополняется новыми ресурсами. Обучающие программы по работе с 3D – изображениями, различные версии программ Photoshop, инструменты работы в CorelDraw и многая другая полезная информация – иконки, коллекция разнообразных шрифтов, клипарты и паттерны, материалы для работы с анимацией, Вы можете бесплатно скачать на нашем сайте. Уроки любой степени сложности помогут вам освоить новейшие дизайнерские тенденции, а представленные шаблоны – воплотить в жизнь самые смелые, креативные идеи. Вы расширите рамки обыденности, почерпнете новые, эксклюзивные идеи для развития своего личностного и творческого потенциала! Мы работаем для Вас, чтобы сделать Ваш мир ярче, а профессиональные качества совершенными.
Главная  |  Правила сайта  |  Контакты администрации  |  RSS канал  |  Статистика      Copyright © 2007-2010г. Design.Ru-Deluxe.Ru