Глянцевая иконка загрузки

15 февраля 2014 · Глеб Х. · «Мир Фотошопа»

Конечный результат:

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) и залейте фоновый слой цветом #303030, используя инструмент Paint Bucket Tool (G). Инструментом Ellipse Tool (U) создайте круг цветом #bcbcbc. Он должен быть расположен в центре холста. Для этого расположите курсор в центре холста, зажмите Alt + Shift и после этого создавайте круг. Назовите слой «ring 1».

Шаг 2

Создайте копию слоя «ring 1» (Ctrl + J). Активируйте режим Free Transform (Ctrl + T) и уменьшите немного копию. Удерживайте Shift, чтобы сохранить пропорции. Назовите слой «ring 2».

Выделите слой «ring 2» (удерживая Ctrl, кликните на миниатюре слоя). Перейдите в меню Select → Modify → Expand и установите радиус на 3 пикселя. К слою «ring 1» добавьте маску. В большом круге будет вырезано отверстие.

Шаг 3

К обоим слоям «ring» нужно применить стили, показанные ниже. Использование градиента на внешнем кольце поможет создать объёмность. Его можно использовать и для внутренней части при условии, что создаются контрастные градиенты. Стиль Inner Glow создать тень вокруг внутреннего круга и визуально приподнимет его.

Шаг 4

Выделите слой «ring 2», создайте новый слой и протяните градиент сверху вниз. Установите режим наложения Hard Light. Уберите выделение при помощи клавиш Ctrl + D.

Шаг 5

На новом слое создайте ещё один круг и примените к нему стили слоя «ring 2». Назовите новый слой «ring 3».

Шаг 6

Создайте копию слоя «ring 3» (Ctrl + J) и назовите его «fill». Заполните круг цветом #446fce и измените стили.

Шаг 7

Создайте копию слоя «fill» и уменьшите её заливку до 0%. Назовите слой «highlighting ring». Примените стили, показанные ниже.

Шаг 8

Создайте новый слой «highlight brush». Установите его режим наложения на Soft Light и белой мягкой кистью осветлите верхнюю часть синего круга.

Шаг 9

Выберите инструмент Custom Shape Tool (U) и выберите форму стрелки. Создайте стрелку, удерживая клавишу Shift. Активируйте режим Free Transform (Ctrl + T) и направьте её вниз. Создайте копию стрелки (Ctrl + J), уменьшите её в режиме Free Transform (Ctrl + T) и расположите, как показано на скриншоте.

Шаг 10

Объедините обе стрелки в один слой «arrows» (Ctrl + E). Примените стили, показанные ниже.

Шаг 11

Сейчас мы добавим световое отражение. Создайте новый слой «glossy». Инструментом Pen Tool (P) нарисуйте белую фигуру, как показано ниже. Уменьшите непрозрачность до 30%.

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

Шаг 12

Под всеми слоями кнопки создайте новый слой. Мягкой кистью нарисуйте тень под кнопкой.

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».

Переведено с сайта psd.tutsplus.com, автор перевода указан в начале урока.