Звездочки для рейтинга

Как нарисовать для сайта собственные звездочки для рейтинга

Звездочки для рейтинга 1Звездочки для рейтинга 2Звездочки для рейтинга 3Звездочки для рейтинга 4

Создайте новый документ. background белого цвета, для foreground выберите цвет #FFC600. Возьмите инструмент Shape Tool

Звездочки для рейтинга 5

Удерживай Shift, нарисуйте большую звездочку.

Звездочки для рейтинга 6

Идем Layer->Rasterize->Shape. Берем Magic Wand Tool, кликаем на белую область звездочку. Удерживая Shift, кликаем по другим белым областям.

Звездочки для рейтинга 7

Создаем новый слой. Заполнеяем выделение цветом #FFF200. Снимаем выделение Ctrl+D. Склеиваем слои Ctrl+E (кроме background).

Звездочки для рейтинга 8

Звездочки для рейтинга 9

Жмем Ctrl+T. Удерживая Shift, уменьшаем размер звездочки где-то до 35px. Нажимаем Enter, чтобы применить трансформацию.

Звездочки для рейтинга 10

Идем Layer->Layer Style->Stroke, применяем stroke в 1px и цвет #895E26. Выбираем Drop shadows. Наша полная звезда готова.

Звездочки для рейтинга 11

Теперь создадим пустую звездочу. Ctrl+клик по слою с готовой звезов. Ctrl+C, создаем новый слой, Ctrl+V. Ctrl+D, чтобы снять выделение.

Звездочки для рейтинга 12

Теперь сделаем половину звездочки. Для этого дублируем слой с пустой звезочкой, берем Rectangular Marquee Tool и выделяем половину звездочки. Нажимаем Delete.

Звездочки для рейтинга 13

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

Звездочки для рейтинга 14

Теперь вы можете использовать эти звездочки в рейтинговой системе.

Звездочки для рейтинга 15Звездочки для рейтинга 16Звездочки для рейтинга 17Звездочки для рейтинга 18

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *