Воскресенье, 24.11.2024, 20:35
Главная
Регистрация
Вход
Дизайнер, твоё место здесь!!!
Приветствую Вас Гость | RSS
Категории каталога
Ретуширование и обработка фотографи [53]
Уроки по обработке фото, добавление на фото различных спецэффектов, ретуширование
Уроки по веб-дизайну [19]
Создание элементов веб-дизайна, кнопки, меню, лого, иконки
Уроки текст-эффектов [18]
Создание текстовых эффектов, различных надписей
Уроки спец-эффектов [11]
Создание интересных коллажей из фото и картин. Уроки Adobe Photoshop по созданию различных спецэффектов, абстракций
Уроки по рисованию в фотошопе [0]
Уроки Adobe Image Ready [1]
Cоздание анимаций
Видео уроки [2]
Меню сайта
Наш опрос
Оцените мой сайт
Всего ответов: 95
Главная » Статьи » 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 + клик на ваш слой кнопку  ,появилось выделение, а затем перейдите на слой с градиентом и продублируйте слой. Первоначальный слой с градиетом удаляете.

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

 

Категория: Уроки по веб-дизайну | Добавил: VOLDEMORT (10.10.2008)
Просмотров: 935 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email *:
Код *:
Форма входа
Поиск
Друзья сайта
Статистика

| Altuha © 2008 | |