# Создание круглой кнопки

_Дата публикации: 02.11.2012_\
_Автор: VVV_

Создаем **круг с радиальной заливкой** от светлых тонов (снаружи) до темных (внутри)

![Создание круглой кнопки](https://3509733485-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNBJVG3cmfRWlXSp7-0%2F-LNBJY-TF8AwDtgZP5AZ%2F-LNBJeagRUWg4n58ut56%2F1.gif?generation=1537805044538512\&alt=media)

Делаем уменьшенную **копию круга** и окрашиваем его в белый

![Создание круглой кнопки](https://3509733485-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNBJVG3cmfRWlXSp7-0%2F-LNBJY-TF8AwDtgZP5AZ%2F-LNBJeaiV18de5-u5VcY%2F2.gif?generation=1537805043507655\&alt=media)

**Кривим** белый круг

![Создание круглой кнопки](https://3509733485-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNBJVG3cmfRWlXSp7-0%2F-LNBJY-TF8AwDtgZP5AZ%2F-LNBJeakqcawrwxkxtaN%2F3.gif?generation=1537805044857108\&alt=media)

и **придаем форму** большого блика

![Создание круглой кнопки](https://3509733485-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNBJVG3cmfRWlXSp7-0%2F-LNBJY-TF8AwDtgZP5AZ%2F-LNBJeamJKSDU6rSxesE%2F4.gif?generation=1537805044144454\&alt=media)

Применяем линейную прозрачность к белой кривой

![Создание круглой кнопки](https://3509733485-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNBJVG3cmfRWlXSp7-0%2F-LNBJY-TF8AwDtgZP5AZ%2F-LNBJeaoXSvhDVpoZ7Qg%2F5.gif?generation=1537805044780116\&alt=media)

А для пущей убедительности ставим блеск следующим образом: копируем «большой блик», уменьшаем его и удаляем нижний, правый узел. Остается немного подправить линии чтоб получилось, что-то вроде этого:

![Создание круглой кнопки](https://3509733485-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNBJVG3cmfRWlXSp7-0%2F-LNBJY-TF8AwDtgZP5AZ%2F-LNBJeaqc1P10TZwd5Ug%2F6.gif?generation=1537805046546901\&alt=media)

Для того, чтоб посадить нашу кнопку на поверхность можно применить контур (темного тона) к кругу с радиальной заливкой, то есть к нижнему кругу который мы сделали первым:

![Создание круглой кнопки](https://3509733485-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNBJVG3cmfRWlXSp7-0%2F-LNBJY-TF8AwDtgZP5AZ%2F-LNBJeasgs-w9hVvmiPe%2F7.gif?generation=1537805044588907\&alt=media)

А для того чтоб подвесить кнопку над поверхностью создаем имитацию тени при помощи инструмента Blend Tool:

![Создание круглой кнопки](https://3509733485-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNBJVG3cmfRWlXSp7-0%2F-LNBJY-TF8AwDtgZP5AZ%2F-LNBJeauzJJhebVlDE5A%2F8.gif?generation=1537805044990869\&alt=media)

А делается эта тень следующим образом: создаем овал цвета фона (в нашем случае белого) главное не забудьте, применить к овалу цвет фона, даже если он будет белым

![Создание круглой кнопки](https://3509733485-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNBJVG3cmfRWlXSp7-0%2F-LNBJY-TF8AwDtgZP5AZ%2F-LNBJeawp5o-Ycu5IbzY%2F9.gif?generation=1537805044637541\&alt=media)

Делаем уменьшенную копию овала "цвета фона" и затемняем его при помощи черного. Так например если у вас цвет фона белый (C0 M0 Y0 K0)\* то добавляя черного (K), например 10%, мы получим серый (C0 M0 Y0 K10), а если у вас сложный фон - например (C0 M10 Y10 K0), то процедура ничем не меняется кроме результата - (C0 M10 Y10 K10) цвет получится не серым а темно-розовым.

![Создание круглой кнопки](https://3509733485-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNBJVG3cmfRWlXSp7-0%2F-LNBJY-TF8AwDtgZP5AZ%2F-LNBJeayR_mX0BoXJEF1%2F10.gif?generation=1537805045558087\&alt=media)

Применяем к овалам инструмент Blend Tool

![Создание круглой кнопки](https://3509733485-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNBJVG3cmfRWlXSp7-0%2F-LNBJY-TF8AwDtgZP5AZ%2F-LNBJeb-4AyAg8xQBmgD%2F11.gif?generation=1537805044819886\&alt=media)

Не забудьте убрать контур иначе получиться не совсем то, что хотелось

А вот и результат наших стараний

![Создание круглой кнопки](https://3509733485-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LNBJVG3cmfRWlXSp7-0%2F-LNBJY-TF8AwDtgZP5AZ%2F-LNBJeb1VWmf-MVyFxbl%2F12.gif?generation=1537805045648012\&alt=media)

* (CMYK)- цветовая модель используемая в полиграфии, где C - голубой, M - пурпурный Y - желтый K - черный.
