DesignJunkie.ru - Видеоуроки, Шаблоны, Photoshop, КНИГИ / УЧЕБНИКИ, Фотографии, Креатив, Графика

В этом уроке мы научимся делать замечательную, стильную, коммерческую WEB 2.0 кнопку для нашего сайта! Читаем дальше... 

Создайте новый документ и на новом слое нарисуйте скругленный (углы 5px) прямоугольник.

Теперь примените к слою эти стили:

Добавим кнопке красоты. Есть один эффект, который почти всегда работает отлично - диагональные линии. Я добавил белых линий на нижнюю половину кнопки и понизил непрозрачность их слоя до 25%:

Теперь перейдем к столь популярному в последнее время веб 2.0 значку. Он смотрится очень эффектно. Выберите инструмент Polygon Shape:

Добавим к значку некоторых стилей:

Пришло время расположить значок над кнопкой. Я поместил его слева. Кроме того, я добавил значку блеска. Затем я выделил его часть при помощи Elliptical Marquee с параметром Feather на 10 и нажал DELETE, чтобы добавить эффект рассеяности.

Наш значок должен нести в себе какую-нибудь смысловую нагрузку. Для реализации этой затеи добавим на него немного текстовой информации. Он идеально подойдет для инфо о цене или скидке. Этим мы и воспользуемся. Я выбрал шрифт Impact и добавил к нему градиента и тени:

Вот, что у меня получилось:

Кнопку я заполнил текстом:

• 14/02/2012 02:40 - Все видео курсы от Евгения Попова и Зинаиды Лукьяновой по созданию сайтов и освоению Adobe Photoshop
• 23/10/2011 04:06 - Скачать ACTIONS для ADOBE PHOTOSHOP
• 19/10/2011 06:22 - Taviskaron's Tisque Texture pack
• 19/10/2011 06:02 - Taviskaron's Grimmar Texture pack
• 19/10/2011 05:54 - Taviskaron's Argellary Texture pack

• 23/06/2008 15:05 - Создание тени.
• 19/06/2008 01:19 - 3D всплески на ваших фотографиях.
• 19/06/2008 00:26 - Винтажные облака.
• 18/06/2008 21:13 - Рисуем дерево фантазий!

• 09/06/2008 00:44 - 100+ уроков Photoshop. Чать I
• 28/05/2008 23:22 - Иллюстрированные уроки Adobe Photoshop
• 17/05/2008 23:01 - Коллаж “исчезновение”