Главная » Уроки » Уроки по веб-дизайну:
Перевод основных меню в Adobe Photoshop

Шоколадно-карамельный стиль, панель навигации для сайта
1. Начнем с создания прямоугольной области, как на рисунке, используя custom shape tool.
Шоколадно-карамельный стиль

2. Откроем окно стилей слоя и выставим следующие параметры:
Шоколадно-карамельный стиль

Шоколадно-карамельный стиль

Шоколадно-карамельный стиль

Шоколадно-карамельный стиль

В результате должна получиться примерно такая картинка:
Шоколадно-карамельный стиль

3. Создайте на новом слое прямоугольную область с закругленными краями (rounded rectangle shape tool) и примените к нему стиль предыдущего слоя.
Шоколадно-карамельный стиль

4. Двойной клик - окно стилей слоя. Измените параметры в "satin" как показано на рисунке.
Шоколадно-карамельный стиль

Получим такую картинку:
Шоколадно-карамельный стиль

5. Продублируйте слой с кнопкой нужное число раз
Шоколадно-карамельный стиль

6. Выделите слои с кнопками и рамкой и объедините их в один.
7. Зайдите в меню Filter->Liquify и инструментом forward warp tool сделайте подобные "наплывы" для имитации шоколадного эффекта.
Шоколадно-карамельный стиль

Получим такую картинку:
Шоколадно-карамельный стиль

8. Продублируйте слой. Примените к новому слою фильтр texture->mosaic tiles с такими параметрами:
Шоколадно-карамельный стиль

9. Измените тип смешения слоя на "Difference" и уменьшите прозрачность.
10. И в завершение сделайте надписи на ваших кнопках.
Шоколадно-карамельный стиль

Автор перевода - SancheZ86.
Оригинал урока - http://www.photoshopbuddy.com/
Перевод основных меню в Adobe Photoshop

Сообщить о проблемном уроке

Категория: Уроки по веб-дизайну: | Добавил: To4kA (02.10.2007)
Просмотров: 3158 | Рейтинг: 3.7/3
Всего комментариев: 0
Имя *:
Email:
Код *: