Воскресенье, 24.11.2024, 20:56
Главная
Регистрация
Вход
Дизайнер, твоё место здесь!!!
Приветствую Вас Гость | RSS
Категории каталога
Ретуширование и обработка фотографи [53]
Уроки по обработке фото, добавление на фото различных спецэффектов, ретуширование
Уроки по веб-дизайну [19]
Создание элементов веб-дизайна, кнопки, меню, лого, иконки
Уроки текст-эффектов [18]
Создание текстовых эффектов, различных надписей
Уроки спец-эффектов [11]
Создание интересных коллажей из фото и картин. Уроки Adobe Photoshop по созданию различных спецэффектов, абстракций
Уроки по рисованию в фотошопе [0]
Уроки Adobe Image Ready [1]
Cоздание анимаций
Видео уроки [2]
Меню сайта
Наш опрос
Оцените мой сайт
Всего ответов: 95
Главная » Статьи » Photoshop » Уроки по веб-дизайну

Гелевые кнопки
Шаг 1: Создание рабочей области:

Сделайте новый слой, а затем возьмите Ваш инструмент Овальная область (Elliptical Marquee) и нарисуйте круг:

изображение 1

Шаг 2: Добавить  цвета:

 заполните круг цветом, # 333333:

изображение 2

Шаг 3: применить фильтры:

  Теперь применяем некоторые стили слоя. Далее применяем эти параметры:

  Тень( Drop Shadow):

изображение 3

Наложение градиента(Gradient Overlay)

изображение 4

Обводка(Stroke)


изображение 5

Вот что должно получится

изображение 6

Шаг 4: Создание Inner Circle:

Теперь надо сделать внутренний круг. Выбираем слой с нашим кругом удерживая CTRL кликаем по слою в панели словев:

изображение 7

  Далее идем в выделения - модификация - сжатие  (Select > Modify > Contract. В  окошке выставляем 7px:

изображение 8

Наш крук уменьшился и должен выглядеть вот так:

изображение 9

   Сделайте новый слой. И заполните наше выделение цветом #0664FF

изображение 10

Теперь применяем к нашему слою стили:

Тиснение (Bevel and Emboss):

изображение 11

   Наложение градиента(Gradient Overlay):

изображение 12

Обводка(Stroke):

изображение 13

Вот так должна выглядеть наша картинка :

изображение 14

  Шаг 5: 

Теперь дорисуем нашу кнопочку добавив несколько эффектов. Берем иструмент Овальная область (Elliptical Marquee) и нарисуем овал как на картинке :

изображение 15

Теперь удерживая ALT убераем с верху нашего овала лишнюю часть овала. Смотрите на рисунок:

изображение 16

Должно получится как на рисунке.

изображение 17

  Создайте новый слой и заполните наше выделение белым цветом # FFFFFF:

изображение 18

  Непрозрачность слоя выставляем 29% таким образом:

изображение 19

OПосле этого вы должны получить такой результат:

изображение 20

Что бы наш блик стал более правдоподобным берем инструмент ластик и удаляем лишнее. Должно получится как на рисунке.


Гель кнопку Учебник: конечный результат

Категория: Уроки по веб-дизайну | Добавил: VOLDEMORT (10.10.2008)
Просмотров: 964 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email *:
Код *:
Форма входа
Поиск
Друзья сайта
Статистика

| Altuha © 2008 | |