Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатика
ИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханика
ОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторика
СоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансы
ХимияЧерчениеЭкологияЭкономикаЭлектроника

Твоя кнопка

Читайте также:
  1. Анимированная кнопка для сайта
  2. Где у новичка «кнопка»?
  3. Глянцевая кнопка
  4. Женщина: где у нее кнопка?
  5. Изумрудная кнопка
  6. Кнопка на сайт "GO"!
  7. Кнопка переключения единиц измерения 7


Создаём новый документ размером 500 x 500 px.
Используя инструмент овальная форма нарисуйте две окружности как на рисунке:

Делаем ctrl+клик на слое с темным кругом (здесь "Stroke"), потом создаём новый слой (здесь "General Surface Glow") и заливаем выделение белым цветом. Берём Перо и рисуем форму как на рисунке:

Переходим к панели Path (Контур) и выбираем команду Load Path As Selection (Загрузить контур как выделенную область).

Сейчас идём в Select > Inverse (Выделение - Инвертировать), нажимаем Delete. Используя инструмент рисуем выделение как на рисунке:

Делаем активным слой "General Surface Glow", идём в Select > Feather (Выделение - Растушевка) со значением в 30 px. Нажимаем 2 раза Delete.

Рисуем ещё одно выделение как на рисунке:

Идём в Select > Feather (Выделение - Растушевка) со значением в 30 pxНажимаем 3 раза Delete.

После этого делаем ctrl+клик на слое "Stroke". Создаём новый слой, назовём его "Upper Left Glow", и заливаем выделение белым цветом.

Идём в Select > Modify > Contract (Выделение - Модификация - Сжать) со значением в 4 px.

Далее Select > Inverse (Выделение - Инвертировать). Жмём Delete.

Делаем ctrl+клик на слое "Upper Left Glow".
Используя передвигаем полученное выделение как показано на рисунке:

Ставим растушевку на 30 px. Далее инвертируем. Нажимаем 2 раза Delete.

Создаём новый слой, назовём его "Upper Conc Glow", в нём с помощью в левом верхнем углу нашей иконки рисуем маленький белый овал. Далее создаём ещё один слой, назовём его "Bottom Conc Glow", в нём так же рисуем маленький белый овал, но уже в правом нижнем углу, и снижаем прозрачность слоя до50-60%.

Делаем Ctrl+клик на слое "icon-bg" (красный круг), создаём новый слой - (здесь "Circular Glow"), и заливаем выделение белым цветом.

Сжимаем выделение на 20 px и нажимаем Delete.

С помощью рисуем форму как на рисунке:

Превращаем нашу форму в обычное выделение.

Далее инвертируем. Жмём Delete.

Делаем Ctrl+клик на слое "icon-bg", и сжимаем со значением в 15 px. После этого сделайте растушевку со значением в 30 px. Нажимаем Delete 2-3 раза.

Нажимаем сочетание клавиш Ctrl+T, и передвигаем слой "Circular Glow" как показано ниже:

Создаём новый слой между "General Surface Glow" и "Icon bg". На этом слое должна располагаться какая-нибудь буква или картинка, которую вы выбрали для данной иконки:

Объединяем все слои, с которыми только что работали, в группу Icon. Рисуем два одинаковых круга, верхний- чёрный (#000000), а нижний-серый (#8e8f91). Используя рисуем выделение как на рисунке:

Делаем растушевку на 30 px. Выбираем слой с чёрным кругом и нажимаем Delete 3 - 4 раза.

Нарисуйте ещё один круг, больше предыдущих, назовём этот слой- "border".

Залейте этот слой с помощью , цвета указаны на рисунке:

В завершение дублируем группу Icon, и сливаем с другими слоями.

Откройте окно добавления стилей слоя и примените слою "Icon" стиль Inner Shadow (Внутренняя тень).

Настройки вы видите ниже:

Эту иконку или кнопку вы можете изменять на свой вкус: добавлять стильные рамки, эффекты, менять цвет и т.д.


Дата добавления: 2015-07-24; просмотров: 75 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Лазурная кнопка| Глянцевая кнопка

mybiblioteka.su - 2015-2024 год. (0.008 сек.)