Кнопка с бортиками

Автор: Topol Понедельник, Апрель 16th, 2012 Нет комментариев

Рубрика: Дизайн

Сейчас мы сделаем очень симпатичную и достаточно простую кнопочку.

1 Вначале как всегда создаём новый файл с прозрачным фоном. Выделяем круглую область, удерживая shift, и заливаем её синим цветом.
2 Уровень — Стиль Уровня — Новые скосы и выступы
Стиль  — внутренняя фаска
Глубина — 141%
Направление — вверх
Размер — 10
Мягче — 0
3 Теперь создаём новый слой командой Уровень — новый — уровень. И на этом уровне рисуем такую же окружность, как первая, но радиусом на 5 пикселей меньше.P.S. Это можно сделать вручную «на глаз». А можно после добавления стиля к первому слою, уменьшить выделение на 5 пикселей (Выбор — Изменить — Контракт). А дальше залить это выделение синим цветом на втором уровне.

Слева на рисунке я показал только второй слой с маленьким кругом.

4 Добавляем стиль ко второму слою.

  1. Уровень — Стиль Уровня — Новые скосы и выступы
    Стиль  — внутренняя фаска
    Глубина  — 181%
    Направление — вниз
    Размер — 10
    Мягче — 1
    Для больше реалистичности добавьте ещё какую-нибудь текстуру.
  2. Уровень — Стиль Уровня — Внутренняя тень
    Матовость — 75
    Угол — 120
    Дистанция — 5
    Индуктивный элемент — 0
    Размер — 5

В результате у нас получатся 2 синих круга. Благодаря тому, что направления скосов и выступов у них разные (у одного — вниз, а у другого — вверх), то создаётся иллюзия объемности.

5 Осталось самое простое. Выбираем в панели инструментов фигуру пользователя и заливаем понравившейся формой второй слой. Вот, что должно у вас получиться.

 

Источник: webcorp.ru

Оставить комментарий

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты