Рисуем металлическую кнопку

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

1. Для начала создадим новый документ 400x400px с белым бэкграундом. Назовем слой " base".

2. Создадим новый слой (кликаем на панели слоев внизу по иконке белого листика), возьмем инструмент Elliptical Marwuee Tool, зажмем клавишу Shift и нарисуем круг и зальем его цветом #2F2F2F.



3. Не снимая выделения создадим еще одни слой, назовем его " Bevel", затем идем Select > Modify > Contract и укажем значение 2px. Далее идем Select > Feather и поставьте значение 5. Теперь залейте окружность цветом #5F5F5F.


4. Теперь цветом переднего плана сделайте белым, выберите инструмент Gradient, тип заливки "от цвета переднего плана к прозрачному" (foreground to transparent) и зайлейте выделение сверху вниз. Вот так это должно выглядеть:


5. Создайте еще один новый слой и назовите его " Orb base". Возьмите инструмент Elliptical Marquee Tool и сделайте еще одно выделение внутри существующего круга и залейте его #3D6D9C цветом.

[thumb][/thumb]

6. Создайте еще один слой и назовите его " Orb Inset" и поместите его под " Orb base". Ctrl+Click на иконке слоя " Orb base"для выделения объекта, перейдите на " Orb Inset" и залейте его черным цветом. Нам пока это не видно, т.к. он находится под верхним слоем, но скоро поймете для чего это :) Теперь перейдите в настройки Blending options слоя " Orb base"(двойной клик рядом с названием слоя). Перейдем на вкладку Inner Glow и выставим такие параметры, как показано на скриншоте:

[thumb][/thumb]

Затем на вкладку Inner Shadow:

[thumb][/thumb]

7. Перейдем на слой " Orb inset" и сделаем трансформацию Edit > Free Transform (или Ctrl+T) и введите в верхней части меню в параметрах отвечающих за ширину и высоту объекта W и H по 102%, как показано на скриншоте:

[thumb][/thumb]

8. Теперь зайдем в настройки стилей слоя Blending options на вкладку Gradient Overlay и выставим значения как на скриншоте:

[thumb][/thumb]

9. Далее Ctrl+Click по иконке слоя " Orb base", возьмем мягкую кисть 100px диаметром, цвет переднего плана установим в #3D6D9C и в верхнем меню в настройках кисти в качестве режима наложения выберем Linear Dodge, Opacity 30% и Flow 60. Теперь внизу круга нарисуем такой круг как на скриншоте, книзу пройдитесь несколько раз кистью, чтобы получиь ярко голубой цвет.

[thumb][/thumb]

10. Создайте еще один слой над слоем " Orb base" и назовите его " Orb reflection", возьмите инструмент Elliptical Marquee Tool и сделайте новую окружность, как показано на скриншоте. Зайлейте ее белым цветом, прозрачность слоя Opacity уменьшите до 30% (на палитре слоев), а режим наложения слоя измените на Overlay.

[thumb][/thumb]

11. Создаем еще один слой, назовем его " Orb reflection2", делаем окружность, как показано на скриншоте, заливаем белым цветом, прозрачность слоя Opacity понижаем до 40%, а режим наложения слоя меняем на Overlay.

[thumb][/thumb]

12. Осталось добавить текст и наша кнопка/логотип готова!



-Новое платье действует на женщину, как четыре стопки водки на мужчину. (Янина Ипохорская)

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

 
 

Опрос на сайте


Кисти
Шрифты
Рамки
Шаблоны
Градиенты


 
 

Случайный шаблон

Шаблон - Девушка в чёрном

Шаблон - Девушка в чёрном
 
 
Женщине ни в чем не отказывай ни в чем.
 
 

Градиенты

Набор градиентов для Фотошоп

Набор градиентов для Фотошоп Размер архива: 10.7mb

Градиенты для фотошопа - Танго ...

Градиенты для фотошопа - Танго Перед вами новый набор градиентов

Градиенты для фотошопа - Набор ...

Градиенты для фотошопа - Набор паттернов (Patterns) Набор градиентов для фотошопа, очень часто применяется в web-дизайне.

GRD Glossy

GRD Glossy 24 градиента для Photoshop с глянцевым эффектом.

Dooper Gradients Pack - Градие ...

Dooper Gradients Pack - Градиенты 6 отличных наборов градиентов для Adobe Photoshop.
 
 
 
 

Популярное

Рамка для фотошопа с орхидеями

Рамка для фотошопа с орхидеями Рамка для фото с орхидеямиPSD | 3661*2421 | 300 dpi | 35 MbАвтор: Окса ...

Шаблон для Photoshop "Бегущая от волны ...

Шаблон для Photoshop \Шаблон для Photoshop "Бегущая от волны"PSD | 1795x2551 | 300 ...

Сборник иконок интересного стиля

Сборник иконок интересного стиля Количество: 82Формат: ICO, PNGРазмер архива: 13.52 Мb

Кисти Photoshop

Кисти Photoshop Кисти Photoshop

Lily Brush Pack - Кисти для фотошопа - Л ...

Lily Brush Pack - Кисти для фотошопа - Лилии Пять наборов кистей для фотошопа с водными лилиямиABR | 6.66 mb

Заливки для Photoshop - Ice Patterns

Заливки для Photoshop - Ice Patterns Заливки для Photoshop - Ice Patterns

Отрисовки для фотошопа – Зверюшки

Отрисовки для фотошопа – Зверюшки Отрисовки для фотошопа - Зверюшки Формат: PSD, слои раздельно Разреш ...

Создание иконки iPhone 3g

Создание иконки iPhone 3g Шаблон иконки iPhone 3g, с помощью которого вы можете создать из любой ...
 
 

Друзья сайта

 
Warning: Unknown: open(/var/www/vesna/data/mod-tmp/sess_aad8ff51181168cd6c9bef823d7163e5, O_RDWR) failed: Нет такого файла или каталога (2) in Unknown on line 0 Warning: Unknown: Failed to write session data (files). Please verify that the current setting of session.save_path is correct (/var/www/vesna/data/mod-tmp) in Unknown on line 0