Создаем в фотошопе круглую зеленую кнопку с надписью тиснением

11

12632
07-05-2011

Создаем в фотошопе круглую зеленую кнопку с надписью тиснениемСпасибо Premiumpixels за идею урока, в котором мы будем делать круглую зеленую кнопку с текстом. Сначала выберем текстуру для фона. Я выбрала уже готовую текстуру с очень симпатичным узором решеткой. Потом крупной кистью ставим светлое пятно в центре текстуры и меняем режим наложения. Потом создадим основу в виде круга и применим некоторые стили слоя. Потом положим тень под круг, размоем и слегка трансформируем ее. Далее напишем текст и применим к нему эффект тиснения.

Шаг 1.
Берем подходящую темную текстуру. Например такую.
Создаем в фотошопе круглую зеленую кнопку с надписью тиснением

Шаг 2.
Выбираем инструмент «Кисть» (Brush). Выбираем большую мягкую кисть диаметром 500, цвет белый. Кликаем мышкой в центре нашего документа.
Создаем в фотошопе круглую зеленую кнопку с надписью тиснением

Шаг 3.
Меняем режим наложения слоя на «Перекрытие» (Overlay). Ставим прозрачность слоя 75%.
Создаем в фотошопе круглую зеленую кнопку с надписью тиснением

Шаг 4.
На новом слое рисуем в середине круг.
Создаем в фотошопе круглую зеленую кнопку с надписью тиснением

Шаг 5.
Два раза щелкаем по слою в палитре слоев и открываем стиль слоя. Сначала выбираем закладку «Наложение градиента» (Gradien Overlay).
Создаем в фотошопе круглую зеленую кнопку с надписью тиснением

Шаг 6.
Потом закладку «Тень» (Drop Shadow). Настройки, как на рисунке ниже.
Создаем в фотошопе круглую зеленую кнопку с надписью тиснением

Шаг 7.
Потом закладку «Внутреннее свечение» (Inner Glow).
Создаем в фотошопе круглую зеленую кнопку с надписью тиснением

Шаг 8.
И наконец закладку «Тиснение» (Bevel and Emboss). Потом нажимаем ОК.
Создаем в фотошопе круглую зеленую кнопку с надписью тиснением

Шаг 9.
На новом слое, ниже слоя с кругом, рисуем овал, заливаем его черным цветом.
Создаем в фотошопе круглую зеленую кнопку с надписью тиснением

Шаг 10.
Выбираем в меню «Фильтр» (Filter) > «Размытие» (Blur) > «Размытие по Гауссу» (Gaussan Blur) со значением 5. После этого нажимам Ctrl+Т и трансформируем тень, как на рисунке ниже.
Создаем в фотошопе круглую зеленую кнопку с надписью тиснением

Шаг 11.
Уменьшаем прозрачность слоя с тенью до 50%.
Создаем в фотошопе круглую зеленую кнопку с надписью тиснением

Шаг 12.
Далее печатаем какой-нибудь текст. Цифра 5 написана шрифтом Staley — 100px, а текст Arial — 24px.
Создаем в фотошопе круглую зеленую кнопку с надписью тиснением

Шаг 13.
Открываем закладку «Тень» (Drop Shadow). Настройки, как на рисунке ниже.
Создаем в фотошопе круглую зеленую кнопку с надписью тиснением

Шаг 14.
Потом выбираем закладку «Внутренняя Тень» (Inner Shadow). Настройки, как на рисунке ниже.
Создаем в фотошопе круглую зеленую кнопку с надписью тиснением

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

  • Короткая ссылка на этот пост: https://www.designonstop.com/?p=3504
  • Поддержать DesingNonstop рублём!

Написать комментарий с помощью формы ВКонтакте

Комментариев 11 комментариев

отлично смотрится! спасибо за статью

ОтветитьОтветить

@Руслан:
Спасибо! ))

ОтветитьОтветить

Спасибо за урок!
Не знаю, чтобы я делал без Вашего блога)))

ОтветитьОтветить

@БонанЗа:
Спасибо большое! )))

ОтветитьОтветить

Спасибо, просто и со вкусом)) Теперь как и всегда, после таких уроков, все чаще и чаще на сайтах в сети начнут встречаться такие зеленые круглые ярлычки с датами, со словами «АКЦИЯ» и еще тому подобным))))

ОтветитьОтветить

@Николай:
Спасибо! Хотя мне кажется, что простые решения у нас не самые популярные, как ни странно. Но маркировать акции такими кнопочками действительно очень удобно )))

ОтветитьОтветить

Всё отлично, но русский фотошоп — может ну его нафиг?

ОтветитьОтветить

@Arkady Karlqvist:
Все хорошо, но назовите мне хоть одну причину, по которой я должна это сделать?

ОтветитьОтветить

Красивая бирочка+
А тень имхо проще рисовать большой мягкой кистью и потом трансформировать этот кружок, как душе угодно.

ОтветитьОтветить

@Yurlick:
Да, симпатичная. Можно и большой мягкой кистью. Это кому как удобнее ))

ОтветитьОтветить

@Николай: Полностью присоединяюсь =)))

ОтветитьОтветить

Написать комментарий с помощью обычной формы блога

Не пишите пожалуйста всякую ерунду и критику, все-равно все удалю. Спасибо за комментарий!

50 queries in 0,255 seconds.