Inkscape: первый векторный рисунок
💻 Информатика · 7 класс
От создания объектов до сохранения SVG и экспорта готовой картинки.
Из чего состоит векторный рисунок
Inkscape — редактор векторной графики. Векторный объект описывается геометрией и оформлением: например, у прямоугольника есть размеры, положение, заливка и обводка. При увеличении масштаба редактор заново отображает границы по этому описанию. У растровой фотографии уже задана сетка пикселей: увеличение не создаёт недостающие подробности.
Редактор подходит для схем, значков, плакатов и иллюстраций. Он позволяет добавить фотографию, но от этого фотография не становится векторной. В одном документе могут находиться фигуры, контуры, редактируемый текст и импортированные изображения.
Практикум: карточка школьного кружка
- Создайте новый документ. Найдите границу страницы: именно она задаёт удобную область для будущей карточки.
- Инструментом прямоугольника нарисуйте светлый фон. Задайте заливку, а ненужную обводку отключите через диалог «Заливка и обводка».
- Нарисуйте круг — будущий значок. Переключитесь на инструмент выделения и переместите его в левую часть карточки.
- Добавьте текст «Кружок робототехники». Изменяйте размер шрифта инструментом текста, пока надпись остаётся редактируемой.
- Если фон закрыл надпись, измените порядок наложения объектов: фон должен находиться ниже текста. Положение слева или справа на странице само по себе не определяет порядок наложения.
- Выделите значок и надпись, сгруппируйте их. Теперь они перемещаются вместе, сохраняя взаимное расположение.
- Сохраните исходный документ как SVG. Затем экспортируйте страницу в PNG для вставки в обычный документ или сообщение.
Это два разных результата. SVG нужен для дальнейшего редактирования объектов. PNG хранит итоговое растровое изображение выбранного размера. Если требуется исправить слово на карточке, откройте исходный SVG, измените надпись и выполните экспорт ещё раз.
Как проверить результат
После сохранения закройте и снова откройте SVG. Убедитесь, что текст можно редактировать, фон не заслоняет объекты, а значок и надпись перемещаются согласованно. Откройте PNG отдельно: проверьте, что края карточки не обрезаны и мелкие буквы читаются при обычном масштабе.
Задания
- Почему растянутая маленькая фотография остаётся размытой внутри SVG?
- Как сохранить возможность изменить надпись и одновременно получить картинку для презентации?
- После группировки буквы и значок сохранили разные цвета. Ошибка ли это?
Ответы и объяснения
1. Фото остаётся растром с исходным количеством пикселей. Формат окружающего документа не добавляет детали фотографии. 2. Сохранить SVG с текстовыми объектами и отдельно экспортировать PNG подходящего размера. 3. Нет. Группа связывает объекты для совместной работы, но не превращает их в одну одноцветную фигуру.
Типичные ошибки
Изменение масштаба просмотра принимают за изменение размера рисунка; вместо исходника сохраняют только PNG; пытаются выделить надпись, закрытую верхним объектом. Для проверки различайте масштаб окна, геометрические размеры объектов и размеры экспортируемого изображения.