С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » Создание круглой металлической кнопки в Фотошопе

Создание круглой металлической кнопки в Фотошопе

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

 

Шаг 1

 

Начните с создания нового документа и добавления темного фона. Затем выберите инструмент Эллипс (Ellipse) и создайте круг. Это будет боковая часть кнопки.

 

 

Шаг 2

 

Теперь давайте добавим немного цвета и тени на наш круг. Перейдите в меню Слои> Стили слоя> Наложение градиента (Layer> Layer Styles> Gradient Overlay) и добавьте темный градиент, затем перейти к стилю Тень (Drop Shadow) и добавьте сильную темную тень под формой. Нажмите OK.

 

 

Шаг 3


 

Возьмите инструмент Эллипс (Ellipse) снова и создайте еще один круг поверх первого, но так, чтобы нижний край первого круга немного был виден.

 

 

Шаг 4

 

Перейдите в меню Слои> Стили слоя> Внутренняя (Layer> Layer Styles> Inner Shadow) и добавьте значения, как показано на изображении ниже. Не нажимайте пока OK.

 

 

Шаг 5

 

Перейдите к стилю Наложение градиента (Gradient Overlay) и добавить полосатый градиент на вашу форме. Градиент состоит из белого и оттенков серого цвета. Чтобы установить новый цвет просто нажмите на пустое место и выберите цвет. Нажмите OK.

 

 

Шаг 6

 


Возьмите инструмент Эллипс (Ellipse) снова и создайте небольшой круг по верхней части кнопки. Измените Режим наложения (Blend Mode) на Умножение (Multiply) и добавьте стиль слоя Внутренняя тень (Inner Shadow). Нажмите OK.

 

 

Шаг 7

 

Вы также можете добавить небольшую форму поверх маленького круга. Теперь ваша металлическая кнопка готова к использованию!

 

 

Урок по теме - Стильная кнопка для вашего сайта

 


Автор урока: http://photoshoptutorials.wizapps.org

 

Переводчик урока: Ирина Шипилова 

Ссылка на источник



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 14.06.2013
  •   Просмотров: 6005
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Олег (02.07.2013 | 00:07)

Просто охренительно), другого ничего не могу сказать

Юлия (03.07.2013 | 11:18)

Очень полезный урок! Спасибо!

Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

Помощь сайту
Если вам нравится у нас на сайте, и мы вам помогли, вы можете внесите свой вклад в его развитие, пожертвовав любую сумму на один из кошельков:

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки