Сделать домашней|Добавить в избранное
 
 
» » Создание кнопок в Фотошоп

Создание кнопок в Фотошоп

Автор: adminok от 18-04-2014, 12:56
Действие 1
Создайте документ 512 на 512 pxl.Нарисуйте прямоугольник с округлёнными краями радиусом 75 pxl. Задайте цвет - #5d5d5d. Откройте стиль слоя и примените наложение градиента от черного к белому с непрозрачностью 75%.

Создание кнопок в Фотошоп


Действие 2
Создайте копию слоя и примените к нему трансформацию. Сделайте копию немного меньше оригинала. Удалите для копии стиль слоя, добавьте тень и наложите угловой градиент. К последнему вызовите редактор и установите следующие цвета: #d8d8d8, #8e8e8e, #a5a4a4. Теперь на своё усмотрение подвигайте маркеры. Получится примерно вот так:

Создание кнопок в Фотошоп


Действие 3
Залейте новый слой радиальным градиентом от белого к чёрному. Держите ALT и перенесите векторную маску с предыдущего слоя. Установите «Экран» в стилях слоя.

Действие 4
Нарисуйте ещё один округлённый прямоугольник с цветом #2a2a2a и радиусом 75 pxl. Нарисуйте два круга, зажав Shift. Выберите Объединить фигуры в режиме контура.

Создание кнопок в Фотошоп


Добавьте Внутреннюю тень, Тиснение и Обводку.

Создание кнопок в Фотошоп


После чего получиться вот так.

Создание кнопок в Фотошоп


Действие 5
Создайте копию слоя, но удалите с ней стили. Примените трансформацию и сделайте копию не 2% меньше.

Создание кнопок в Фотошоп


Установите для фигуры цвет - #5d5d5d. Сделайте пропорциональное положение меньшего круга относительно большего.

Создание кнопок в Фотошоп


Добавьте стили следующие слоя:

Создание кнопок в Фотошоп


Действие 6
Нужно добавить для эффекта металлическую текстуру. Создайте новый слой и залейте его чёрным цветом. Потом добавьте Шум, используя меню Фильтр. Через это же меню добавьте Радиальное размытие кольцевым методом и наилучшим качеством.

Действие 7
Выберите опцию Уровни из раздела Коррекция в меню Изображение. Поместите чёрный ползунок ближе к центру, что приведёт к тому, что волны станут ярче. Переместите векторную маску, удерживая Alt. Круговые волны окажутся внутри иконки.

Создание кнопок в Фотошоп


Выберите инструмент Выделение Контура и выберите из действия 4 контур облака. Скопируйте его в векторную маску круговых волн. Установите режим – Вычесть переднюю фигуру.

Создание кнопок в Фотошоп


Теперь вставьте облачко из пятого действия, установите режим Объединить фигуры. Измените Режим смешивания на Экран

Действие 8
Создайте ещё один слой. Переместите его в самый низ и нарисуйте эллипс. Залейте его чёрным цветом. Примените Размытие по Гауссу, что бы смягчить тень.

Создание кнопок в Фотошоп



Вот и всё. Именно так создаются подобные кнопки.

Создание кнопок в Фотошоп
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Комментарии:

Оставить комментарий
 
 
Яндекс.Метрика