Рисуем бейдж в фотошоп

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

Шаг 1. Создадим рабочий файл 400х400 пикселей (CTRL+N), зальем пространство линейным градиентом (G).

Рисуем бейдж в фотошоп

Шаг 2. Создадим форму бейджа. Пусть это будет многоконечная звезда. Создаем новый слой (Shift+CTRL+N). Выбираем Polygon Tool (U), указываем количество сторон (sides) 30 и настроиваем polygon option.

Рисуем бейдж в фотошоп

Указываем в панели инструментов желаемый тип заливки и создаем звезду.

Рисуем бейдж в фотошоп

Шаг 3. Немного украсим получившуюся звезду. Нажимаем правую кнопку мыши на слое со звездой, выбираем blending options и заполняем данные как на табличках ниже.

Рисуем бейдж в фотошопРисуем бейдж в фотошопРисуем бейдж в фотошоп

Должно получиться следующее:

Рисуем бейдж в фотошоп

Шаг 4. Придадим форме объем. Копируем слой с бейджем. С нажатой клавишей CTRL нажимаем мышкой на новый слой, должна выделиться звезда. Выполняем команду select > modify > contract, ставим значение 3. Звезда чуть уменьшится. Слегка поворачиваем звезду и смешаем ее влево или вправо. Затем в свойствах слоя выбираем Overlay и прозрачность уменьшаем до 70%.

Рисуем бейдж в фотошоп

Шаг 5. Копируем слой с которым мы только что работали и повторяем select > modify > contract, ставим значение 3. Затем заливаем звезду белым.

Рисуем бейдж в фотошоп

Шаг 6. Выбираем Polygonal Lasso Tool, пересекаем весь бейдж по диагонали и замыкаем лассо, затем нажимаем клавишу Delete.

Рисуем бейдж в фотошоп

В свойствах слоя выбираем Soft Light и уменьшаем прозрачность (Opacity) до 30%.

Рисуем бейдж в фотошоп

Рисуем бейдж в фотошоп

Бейдж готов. Пишем на нем текст, добавляем к тексту тень (drop shadow) синего цвета и получаем законченое решение.

Рисуем бейдж в фотошоп

Источник: Fotoeffekty.ru – онлайн фоторедактор и уроки фотошоп

1 КОММЕНТАРИЙ
  1. Хреново. Картинки не прогружаются. Смысла нет в статье

ОСТАВЬТЕ КОММЕНТАРИЙ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь

ПОХОЖИЕ СТАТЬИ