Рисуем иконки в Inkscape

Редактор векторной графики Inkscape  – превосходный инструмент для создания иконок. Как правило, необходимы иконки нескольких размеров. Эта проблема решается путем использования формата SVG, поскольку масштабируемый графический формат позволяет увеличивать или уменьшать рисунок до необходимого размера без потери качества.

Создаем файл для иконки
Для этого откроем Inkscape и выберем: «Файл > Создать > icon_32x32», затем «Вид > Сетка».
Сетка необходима, чтобы помочь создать квадратную иконку размером 32 х 32 пикселя. При экспорте изображения сетка не будет отображаться. Сохраняем файл.
Перед началом работы новый файл, как и последующие изменения, лучше всего сохранять. Выбираем меню «Файл > Сохранить как». Так вы не потеряете свои наработки, если ваш компьютер вдруг решит, что пора отдохнуть.

Предпросмотр иконки
Если вы собираетесь экспортировать изображение в растровый формат и хотите наблюдать за иконкой в процессе создания, то в Inkscape есть функция предпросмотра.
Доступен предпросмотр иконки в нескольких размерах: 16 х 16, 24 х 24, 32 х 32, 48 х 48, 128 х 128. Включить его можно следующим образом: «Вид > Просмотреть как значок».

Начало работы
Сделаем простую иконку с радиоприемником.Начнем с круга на заднем плане. Выбираем инструмент «Круг» на панели инструментов слева.
Круг нарисовали, теперь поменяем его цвет. Для этого необходимо кликнуть правой кнопкой мышки по изображению и выбрать «Заливка и обводка» либо с помощью меню «Объект > Заливка и обводка».
В поле RGBA необходимо ввести HTML обозначение цвета. В нашем случае – это ff7f00ff. Вы можете выбрать любой другой цвет, меняя курсоры или цифровые значения справа.
Если у вашего круга есть обводка (линия по краю круга), то сейчас самое время ее убрать. В диалоговом окне «Заливка и обводка» выбираем вкладку «Стиль обводки» и ставим значение 0 пикселей. Когда вы станете довольны цветом своего круга, закройте диалоговое окно. Читать далее…

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

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

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

*

code