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

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

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

Главная » Каталог статей » Уроки по веб-дизайну:

 


  Рисуем кнопки для 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

АНГЛО-РУССКО-НЕМЕЦКИЙ ПЕРЕВОД ОСНОВНЫХ МЕНЮ В ФОТОШОПЕ
Режимы смешивания/Режимы наложения
Фотошоп для начинающих
Рейтинг: 3.2/4



Добавил: To4kA Изменить репутацию Вручить награду
Название материала : Рисуем кнопки для web
Дата добавления материала: 24.09.2008 , 15:22 , Среда
Просмотров : 2594
Источник: http://www.pssimply.com/photoshop/2/sleek-button.html
Категории: Уроки по веб-дизайну:
Другие новости по теме:
Как добавить сайт в закладки/избранное?
Chrome
Mozilla Firefox
Opera
Еxplorer


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

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

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

Имя*:
Email:


  

=)
Код *:

Компания AvtowebPRO. Предлагает разработка сайтов цена по низким ценам. Уникальное. продажа щенков в тюмени

ПОИСК

Поиск

ПОМОЩЬ НОВИЧКУ

ЧАТ

ДРУЗЬЯ САЙТА

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


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



 
Анализ сайта Каталог-Молдова - Ranker, Statistics

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


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