Создаём кнопку RSS

Главная » Уроки фотошоп» Уроки по созданию графики для сайта в Фотошопе

2010-12-05, 21:44
В этом уроке создадим красивую стеклянную RSS кнопкудля сайта.

Создаём новый документ размером 512x512px и разрешением 72 dpi Инструментом Эллипс ( Ellipse)рисуем вот такой овал:

Уменьшаем Fill (Заливку) слоя до 0%:

Выбираем BlendingOptions- GradientOverlay (Параметры наложения - наложение градиента) (кликните два раза по слою) ставим настройки как на рисунке:

Результат должен быть примерно такой:

Выбираем Инструмент Эллипс и рисуем круг, как показано ниже. Цвет #F36523.

Переходим BlendingOptions- InnerShadow (Параметры наложения - Внутренняя Тень) и выставляем такие настройки:

Blending Options - Stroke (Параметры наложения - Обводка)

Заливку (Fill) слоя ставим 0%.Результат должен быть таким:

Рисуем ещё один круг:

Применяем к слою параметр Наложение градиента:

Редактор градиента:

Рисуем ещё один круг меньшего размера и с помощью инструмента DirectSelectionTool(A) (Инструмент Стрелка) из круга делаем такую фигуру:

Выбираем BlendingOptions - Inner Glow (Параметры наложения - Внутреннее свечение) со следующими параметрами:

Fill(Заливка): 0%. Результат должен быть такой:

Далее рисуем ещё один круг с цветом #F36523, немного смещённый влево и вниз относительно основного большого круга.

С зажатой клавишей Alt рисуем ещё круг, как показано на рисунке.

Для слоя ставим следующие параметры:

Должно быть нечто такое:

Инструментом Ellipse Tool(U)(Эллипс) рисуем два маленьких круга цветом #FEDB8A.




Теперь выбираем инструмент Rounded Rectangle Tool (U)(Прямоугольник со скруглёнными углами). Радиус ставим 30px.

1.Рисуем линию

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

Размещаем элемент на нашей кнопке

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

Редактирование градиента:

Почти готово!

Копируем слой с фигурой, немного увеличиваем его и размещаем вот так:


Желаю успехов !

Всегда для Вас: photoshoplesson.ru

У Вас возникло желание показать результаты Ваших трудов ? Выложите свои работы на наш форум !

Уважаемые посетители сайта, потратившие время на просмотр этого урока . Нам очень хотелось бы знать понравился ли он вам и был ли он вам полезен. Не поленитесь оставить комментарий . Заранее спасибо.

ПОХОЖИЕ УРОКИ:


Категория: Уроки по созданию графики для сайта в Фотошопе | Добавил: CoMish | Теги: кнопка, графика
Просмотров: 4175 | Рейтинг: 3.8/4
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]