Выпукло — вогнутая кнопка любой формы

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

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

Это способ придания объемности основан на использовании градиентной заливки. Форма кнопки значения не имеет.

1 Создаём новый документ с прозрачным фоном. Дальше выбираем круговое выделение и выделяем эллипс. Извините за излишнюю тавтологию. Дальше заливаем его градиентом от белого к синему.
2 Не снимая выделения, уменьшаем его на 2-4 пикселя. Выбор — Изменить — Контракт. (Выделение — Изменить — Сжать). После Правка — Преобразование — Вращение 180˚ .
 3 Вот, что должно в итоге получиться. Кнопка получается вогнутой.
4 Осталось добавить только текст. Выбирайте красивый шрифт и напишите текст кнопки.
5 Оформите текст в виде Выпуклости (горизонтально, изгиб +8, горизонтальное искажение +1, вертикальное искажение 0), нажав на в панели опций. (Окно — Опции, должен стоять флажок)
6 А теперь придадим эффекты слою с текстом.

  1. Уровень — Стиль Уровня — Новые скосы и выступы
    Стиль — внутренняя фаска
    Глубина — 1
    Направление — Вверх
    Размер — 0
    Мягче — 0
  2. Уровень — Стиль Уровня — Отбрасывание тени
    Матовость — 100
    Угол — 135
    Дистанция — 5
    Разброс — 0
    Размер — 3
  3. Уровень — Стиль Уровня — Штрих
    Размер — 1
    Позиция — вне
    Матовость — 100
  4. Уровень — Стиль Уровня — Оверлей градиента
    Матовость — 100
    Стиль — линейный
    Угол — 90
    Масштаб — 81
    Градиент —

Вот вроде бы и всё. Но вы можете экспериментировать со стилем уровня сколько угодно. Уверяю, у вас получатся необычные результаты.

 1 Если выполнить первый пункт наоборот, то есть залить не от белого к синему, а от синего к белому (а дальше всё делать также), то кнопка получится выпуклой. Но качество границы кнопочки здесь немного хромает.

 

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

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

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

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