Создаем иконку - щит средствами Photoshop

Создаем иконку - щит средствами Photoshop width=

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


1. Создаем новый файл произвольного размера. Я создаю привычный для себя 450-450.
2. Рисуем щит. Для этого я использовал стандартный инструмент, который идет дефолтом во всех фотошоп.

3. Применяем к нашему щиту настройки смешивания. BlendingOptions - Stroke:
Position - Inside
Size - 8px

4. Кисточкой мягкой делаем подобное пятнышко. Предварительно выделив CTRL контур щита. рисуем на новом слое. Дальше Настраиваем прозрачность.

5. Теперь создаем новый слой предварительно повторно создав контур щита. Отсекаем выделение. До примерно следующего:

6. Заливаем градиентом от белого к прозрачного. далее настраиваем прозрачность слоя.

7. Создаем новый слой. Рисуем значок по центру. Выставляем Fill - 0%
8. Переходим в настройки смешивания - BlendingOptions



Градиент делаем так:

9. Помещаем нашу иконку над слоем щита, подняв вверх белые блики.

10. По аналогии с пунктом 5 создадим справа блик вдоль щита. также настроив его прозрачность. все наша иконка готова:

Создаем иконку - щит средствами Photoshop
Tecno Next-Gen Bezelless Concept Phone, POVA 8 Pro 5G Tonino…
После дебюта модульного концепт-смартфона TECNO на MWC 2026 компания не останавливается в поиске новых ре…
Американцы научились направлять солнечные лучи ночью…
Американский стартап Reflect Orbital получил разрешение Федеральной комиссии по связи США на запуск перво…
На IFA 2026 бренд Dreame представили экшен-камеры и 3D-принт…
На выставке IFA 2026 мировой бренд Dreame демонстрирует очередной этап расширения своей глобальной экосис…
МегаОбзор
ЭЛ № ФС 77 - 68301. Выходные данные СМИ МегаОбзор
2006-2026
© MegaObzor