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

Рисуем кнопки для web


Создание кнопки.
- Откройте новый документ 640 * 480 пикселей.
- Создать новый слой.
- Выберите прямоугольник с округленными краями(Rounded Rectangle Too) , нарисуйте выделение 150 * 30 пикселей.
- Select pen tool, right click and select "Make selection" now you've got a rectangle selection. - Выберите инструмент перо(pen tool), щелкните правой кнопкой мыши и выберите "Make selection"(образовать выделенную область).
- Заполнить цветом # 0452CA  (или другого цвета вы хотите).
-Теперь у Вас синяя кнопка.



Стиль слоя
Щелкните правой кнопкой мыши на кнопке слой, а затем выберите вариант тиснение(Bevel and emboss).
- Select Bevel and emboss, set size =2, soften = 2, hilight mod opacity =50, shadow mode opacity = 25 and click ok! (установить размер = 2, смягчить = 2,  непрозрачность = 50, теневой режим непрозрачности = 25 и нажмите кнопку OK!)




- Создать новый слой, затем выберите  Rectagular Marquee tool(прямоугольная область).
- Нарисуйте  как на изображение выше.
- Выбор инструмента Градиент(Gradient Tool), выберите белый цвет с прозрачным (смотрите рисунок), и на верхней панели выбераем зеркальный градиент
- Применяем градиент к картинки от верхней части к нижней.
- Нажмите Ctrl + D чтобы отменить выделение, измените немного непрозрачность.
- Теперь нам нужно убрать лишнее. Нажимаем Ctrl + клик на ваш слой кнопку  ,появилось выделение, а затем перейдите на слой с градиентом и продублируйте слой. Первоначальный слой с градиетом удаляете.

Все наша кнопка готова!




Перевод To4kA
Перевод основных меню в Adobe Photoshop

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



Источник: http://www.pssimply.com/photoshop/2/sleek-button.html
Категория: Уроки по веб-дизайну: | Добавил: To4kA (24.09.2008)
Просмотров: 4995 | Рейтинг: 3.2/4
Всего комментариев: 0
dth="100%" cellspacing="1" cellpadding="2" class="commTable">
Имя *: Email:
Код *: