Понедельник, 23.09.2024, 15:21
Приветствую Вас Гость | RSS

Графика для вебмастера

Каталог статей

Главная » Статьи » Кнопки для сайта

Социальные кнопки

Социальные кнопки серебристого цвета

При создании сайта многие вебмастера применяют свои индивидуальные кнопки социальных сетей. Предлагаю очень простой урок по созданию красивых серебристых кнопок, которые можно применить не только для социальных сетей. Приведу пример создания одной кнопки, а для остальных надо будет всего лишь поменять иконку и надпись. в  конечном результате кнопки будут иметь такой вид:
 
 
Запускаем программу Фотошоп и создаём новый документ произвольного размера. С помощью инструмента "Прямоугольник со скругленными углами" нарисуем заготовку будущей кнопки:
 
 
 
Теперь будем работать со стилями этого слоя. Выставьте настройки стилей так, как показано на рисунках ниже:
 
Тень:
 

Внутренняя тень:


 
Внутреннее свечение:
 
 
 
Глянец:
 
Наложение градиента:
 

 

Настройки градиента:

 

 
Наложение узора:
 
 
 
Обводка:
 
 
Далее вам необходимо найти нужную иконку и прописать необходимое название. Иконку скопируете и вставите с левой стороны, а справа напишете название социальной сети. В итоге у вас получится вот такая кнопка:
 
 
Работая со стилями слоя, можете поработать и получить другие эффекты.
Категория: Кнопки для сайта | Добавил: zuma307 (28.07.2015)
Просмотров: 345 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Меню сайта
Категории раздела
Кнопки для сайта [6]
Вертикальное меню [2]
Горизонтальное меню [2]
Шапка для сайта [2]
Создание баннера [1]
Создание логотипа [2]
Эффекты для текста [2]
Вход на сайт
Продажа сайтов
Магазин сайтов Top-Bit
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Copyright MyCorp © 2024
Создать бесплатный сайт с uCoz