ГЛАВНАЯ ФОРУМ F.A.Q ПРАВИЛА КОНТАКТЫ
Всё для Adobe Photoshop - photoshop-free.ru
Добро пожаловать в мир Adobe Photoshop! На сайте Вы можете найти уроки для фотошопа, файлы для фотошопа,принять участие в конкурсах,скачать Adobe Photoshop[cs2,сs3,cs4]. На форуме Вы можете задать любой вопрос и быстро получить на него ответ, в перерывах между Photoshop'ом - просто пообщаться на любые темы.
Каталог файлов Уроки для фотошопа Фотоальбом
Логин:
Пароль:
Забыл пароль · Регистрация |
RSS Файл-хостинг

Категории каталога

НАВИГАЦИЯ ПО САЙТУ

ОБЛАКО ТЕГОВ

png фоторамка детская psd фотошоп рамочка photo девушка любовь шаблон для фотошопа женский Рамка для фото цветы рамка template Кисти(Brushes) рамка для фотошопа frame рамки лето clipart романтика Клипарт скачать 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
Добавил: To4kA Изменить репутацию Вручить награду
Название материала : Рисуем кнопки для web
Дата добавления материала: 24.09.2008 , 15:22 , Среда
Просмотров : 1719
Источник: http://www.pssimply.com/photoshop/2/sleek-button.html
Категории: Уроки по веб-дизайну:
Рейтинг: 4.0/3
Как добавить сайт в закладки/избранное?
Chrome
Mozilla Firefox
Opera
Еxplorer


Написать администрации сайта

E-mail отправителя *:
Тема письма *:
Ссылка на страницу *:
Комментарии:
Защитный код *:

 
  Всего комментариев: 0
 

Имя*:
Email:


  

=)
Код *:

ПОИСК

НА ПРАВАХ РЕКЛАМЫ

ЧАТ

ДРУЗЬЯ САЙТА






Примеры: google, google.com,photoshop-free.ru

Каталог сайтов
Переход на портал www.ottocom.ru
Раскрутка сайта, Оптимизация сайта, Продвижение сайта, Реклама!

СТАТИСТИКА САЙТА


Где то тут
Онлайн всего: 6
Гостей: 6
Пользователей: 0



Яндекс цитирования
Анализ сайта Каталог-Молдова - Ranker, Statistics

статистика
WOlist.ru - каталог качественных сайтов Рунета

ПОМОЩЬ НОВИЧКУ
 
Rambler's Top100
Вход | Регистрация | Контакты
При использовании любых материалов с сайта ссылка на http://photoshop-free.ru/ обязательна!
Хостинг от uCoz | Все для Adobe Photoshop. Кисти(Brushes) , стили(Styles) , клипарт(Kliparts) , действия(Actions) , фигуры(Shapes), шрифты (Fonts) , текстуры (Textures) , градиенты (Gradients) бесплатно, виньетки, шаблоны для фотомонтажа, иконки , рамки!