Поиск


Случайные темы


Html словарь для начинающих

Страница 404 для Ucoz

Как бесплатно создать сайт

RSS кнопка для сайта

Как увеличить скорость загрузки сайта

Неплохой текстовый эффект

RSS кнопка

Бесплатная раскрутка сайта ссылками

Кнопка "Download" для сайта

Twitter как средство продвижения сайта

Выбор CMS для сайта

Новая страничка Ошибка 404 для uCoz

Дизайн в стиле WEB 2.0

Постер в стиле хоуп

Что такое DoFollow блоги?

Причины неудачного продвижения сайта

Бумажный скотч в фотошоп

Словарь веб-мастера

Как выбрать домен для сайта?

Создание кисти из рисунка в Photoshop

Как увеличить посещаемость сайта бесплатно

Горячие клавиши Photoshop

Кнопка для сайта "Добавить в закладки"

Коллаж в стиле Polaroid

Поисковая панель для сайта

Стильная кнопка "Download now" в Photoshop

Страничка Чаво на фриланс-сайте

Кнопка "Оставьте свой отзыв"

Как правильно создать robots.txt

1

Продвижение сайта своими руками

Мета-теги - залог успешного сайта

Тиснение на металле в Photoshop

Делаем юзербар в Photoshop

HDR эффект при помощи Photoshop

Гранжевый штамп при помощи Photoshop

Фриланс

Винтажный эффект в фотошоп

Подборка бесплатных иконок Социальных сетей для Вашего сайта (PSD)

Навигация для сайта в Photoshop

Page Rank и ТИЦ сайта

QR-код

Вход



Блог

Главная » 2011 » Май » 11 » Кнопка "Download" для сайта
13:53
Кнопка "Download" для сайта



ШАГ 1

Для начала с помощью инструмента "Прямоугольник со скругленными углами" нужно создать прямоугольник и залить его белым цветом (фигура 1).


ШАГ 2

Далее таким же способом рисуем квадрат (фигура 2).



ШАГ 3

К фигуре 1 приминяем следущие стили слоя: Наложение градиента, Обводка, Тиснение, Тень.








Смотрим что у нас получилось


ШАГ 4

Теперь нам нудно применить стили слоя к фигуре 2.





Смотрим на результат


ШАГ 5

На новом слое нужно с помощью Кисти добавить символ на кнопку.
Даную кисть возможно скачать на страничке с уроком.






ШАГ 6

Приминяем стиль слоя Тиснения для символа.


ШАГ 7

Нужно добавить текст и применить к нему стиль слоя как в шаге №6.
Смотрим что у нас получилось.




Осталось только сохранить кнопку.



Данный урок подготовлен для Вас командой сайта http://webgraph.at.ua

Рекомендуем посмотреть:

sitemap

Главная страница


Просмотров: 753 | Добавил: Web-master | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вверх