В сегодняшнем уроке мы создадим иконку текстового документа Word в редакторе inkscape. Иконку мы сохраним в формате SVG и PNG.

Рисуем иконку документа Word

Запускаем редактор и приступаем к работе.

Шаг 1.

Создаем документ 256 х 256 рх. Для этого открываем панель свойств документа и выставляем размеры.

Собственно говоря, выставлять размеры будущей иконки заранее не обязательно. Как и любой векторный редактор Inkscape позволяет масштабировать без потерь. Достаточно на последнем шаге работы в документе большего размера выделить изображение и в панели свойств изображения (не документа!) задать нужные размеры выделенной области.

Вытаскиваем направляющие. Пару горизонтальных и пару вертикальных. Еще одну направляющую разворачиваем под углом и размещаем справа вверху (В этом уроке можно почитать о работе с направляющими). Ниже показано, как нужно расположить направляющие.

Шаг 2.

Выбираем инструмент Рисовать прямоугольники и квадраты (F4) и рисуем прямоугольник синего цвета без обводки. Прилипание к направляющим позволит нарисовать прямоугольник нужного размера.

Переключаемся на инструмент Редактировать узлы контура и, с помощью круглого маркера, скругляем углы.

В завершении этого этапа выбираем радиальный градиент для заливки

И заливаем прямоугольник выбранным цветом.

Шаг 3.

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

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

Создадим загнутый уголок. Передвигаем направляющие как показано ниже

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

Шаг 4.

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

выделяем оба и применяем контур-разность.

Шаг 5.

На последнем этапе осталось добавить букву W. Выбираем подходящий шрифт, переключаемся на английский и печатаем. Используя маркеры увеличиваем размера.

Несколько линий можно нарисовать или с помощью кривых или с помощью рисования прямоугольников белого цвета без обводки (я рисовал именно так).

Сохраняем нашу работу в SVG. Если необходимо, изображение можно  импортировать в PNG (Файл- экспорт в PNG). Для сохранения в формате IСO можно воспользоваться каким-нибудь онлайн сервисом по конвертации.

Ну вот и готово. Иконка готова.

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