Создание RSS кнопки в фотошопе
Сегодня представляю Вашему вниманию уважаемые пользователи пошаговые рекомендации по созданию стеклянной RSS кнопки.

Шаг 1

В первую очередь следует создать документ, у которого разрешение должно быть 72 dpi, а размер- 512х512 pi . Затем находим на панели инструмента кнопку Эллипс (Elipse) и рисуем овал.



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


На следующем этапе следует уменьшить заливку (Fill) слоя овала до 0%.

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

"Создание RSS кнопки в фотошопе" />


Далее в параметрах наложения – наложение градиента (BlendingOptions- GradientOverlay) по двойному щелчку мышки выбираем цвет настройки.

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


В результате должно получиться затемненное пятно на месте нарисованного Эллипса. Выглядеть оно должно как на рисунке.

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


Шаг 2

На следующем этапе опять с помощью кнопочки Эллипса чуть выше нашего затемненного пятна рисуем круг, с использованием заливки цвета #F36523

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


Далее с помощью параметров наложения – Внутренняя тень и Обводка (BlendingOptions- InnerShadow и Blending Options - Stroke) корректируем цвет нашего круга в соответствии с настройками, которые указаны на рисунках, причем заливку слоя (Fill) выставляем 0%.

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


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


В результате у нас получается оттененный оранжевый круг по краям

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


Шаг 3

На следующем этапе опять рисуем внутри круг по меньше

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


Этот круг закрашиваем с помощью параметра «Наложение градиента», устанавливая настройки

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


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


Шаг 4

Затем рисуем еще один круг внутри уже нарисованного, но меньшего размера. Его нужно преобразить с помощью инструмента “Стрелка” (DirectSelectionTool(A)) в фигуру как на рисунке

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


Далее с помощью параметра Внутреннее свечение (BlendingOptions - Inner Glow) закрашиваем полученную фигуру, указывая настройки данного параметра

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


Заливку слоя (Fill) выставляем 0% в результате получается круг

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


Шаг 5

Следующий круг рисуется цветом #F36523. Его следует нарисовать чуть смещенным влево и вниз

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


Затем используя клавишу Alt и зажав ее, рисуем еще один круг

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


Для заливки слоя (Fill) выставляем параметры

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


В результате получаем круг

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


Шаг 6

С помощью специального инструмента Эллипс (Ellipse Too) рисуем на уже нарисованном большом круге два маленьких таких же как на рисунке

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


Выбираем цвет для их закраски под номером #FEDB8A.
На следующем этапе выбираем инструмент Прямоугольник со скруглёнными углами ( Rounded Rectangle Too) в параметры радиуса ставим 30px и рисуем линию.

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


Шаг 7

Далее с помощью инструмента ”Перо + (Добавить опорную точку) (Add Anchior Point Tool) по центру нарисованной линии добавляем две опорные точки, а с помощью инструмента Стрелка и Выделение контура (DirectSelectionTool (A) и ConvertPointTool) формируем фигуру, такую же как на рисунке

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


Переносим полученную фигуру на наш рисунок с кругом

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


К перенесенной фигуре применяем параметры наложения - Наложение градиента (BlendingOptions - GradientOverlay)

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


Изменяем градиент

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


В результате у нас получается круг

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


Шаг 8

И последний шаг. Нужно скопировать полученную фигуру, увеличить и наложить чуть выше на наш рисунок. В результате получается отличная кнопка.

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


Источник: dobetutorialz.com
Переведено специально для 8ART.RU


  • 30 января 2012 23:42
  • Комментов: 0
  • Леха
  • Группа: Гости

Стильно!
  • 2 сентября 2012 20:58
  • Комментов: 0

Отличный гайд по созданию кнопки RSS, вот сижу пробую учусь, с радиусами пока кривовато у меня выходит. А так вроде бы получается кнопочка, ну ничего, главное побольше практики.
Информация
Комментировать статьи на нашем сайте возможно только в течении 10 дней со дня публикации.