Сегодня мы с вами нарисуем иконку. На иконке будет изображена медаль. Изображение будет выполнено во флэт стиле.

Как нарисовать иконку- медаль

Запускаем редактор и задаем размеры документа 256 х 256 пикселей. В свойства документа попадаем shift+ctrl+D. В открывшемся окне в поле Другой размер указываем ширину и высоту 256 пикселей. Единицы измерения устанавливаем в px.

В панели слоев удалите все слои, нажав на знак минус. Можно рисовать.

Шаг 1.

Инструментом Рисовать круги, эллипсы и дуги (F5) рисуем круг. В качестве заливки задаем сплошную (цвет указан ниже) и отменяем обводку.

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

Шаг 2

Теперь добавим звезду. Для этого используем инструмент Рисовать звезды и многоугольники (*). Переключатель инструмента установите Звезды, количество лучей- 5. У звезды отмените заливку, а обводку контура сделайте белым цветом.

Ленту для звезды следующим образом.

Инструментом Рисовать кривые Безье и прямые линии (Shift+F6) нарисуйте уголок и подберите толщину.

Далее применяем Контур- оконтурить обводку. Выделяем верхние узлы и выравниваем по горизонтали.

Аналогичным образом рисуем внутри ленты белого цвета еще один контур темного цвета 373748. Таким образом мы получаем ленту, состоящую из двух цветов.

Медаль с лентой можно сгруппировать Ctrl+G и выровнять относительно иконки. Медаль готова.

Шаг 3.

Завершаем нашу несложную работу. Под медаль давайте уложим тень. Сначала создайте копию большого круга Ctrl+D. Затем кривыми создаем контур как показано ниже.

В качестве заливки для этого контура задайте любой сплошной цвет или градиент. После применения операции с контурами цвет все равно изменится на цвет круга и мы будем задавать его заново.

Далее выделяем последний контур и копию круга, а затем применяем Контур- пересечение. Для полученного фрагмента в качестве заливки задаем линейный градиент. Цвет для верхней точки градиента указываем 373748. Для нижней точки градиента непрозрачность устанавливаем в 0. Ну вот и тень появилась.

Ну и в завершении рисуем окружность белого цвета. Диаметр задаем немного меньше диаметра большого круга иконки. Без этой окружности иконка выглядит незавершенной.

Ну вот и все. Осталось экспортировать изображение в png. Для этого используем Файл- экспортировать в png.

А здесь очередной урок создания иконок. Посмотрите, как можно нарисовать иконку телефона