Обводка, заливка и цвет

Одна и та же фигура может выглядеть по-разному. Изменение цвета внутри фигуры, линии по её краю и прозрачности помогает сделать изображение читаемым. В этом уроке ты создашь собственный цветовой плакат в Inkscape и объяснишь каждое изменение.

Что именно меняем

В § 22.3–22.4 учебника В. М. Котова и А. И. Лапо (2025), с. 155–157 различаются обводка и заливка. Обводка — линия, ограничивающая фигуру. У неё задают цвет, толщину и стиль: сплошной, пунктирный или штрихпунктирный. Для линий можно добавлять стрелки (маркеры). Заливка закрашивает внутреннюю область фигуры. Она бывает сплошным цветом, градиентом или декоративной текстурой.

Проверь себя: если жёлтый прямоугольник имеет толстый бирюзовый край, что является заливкой, а что — обводкой? Заливка занимает середину; обводка идёт по границе.

Как задать свойства в Inkscape

Выдели объект. Открой Объект → Заливка и обводка. В окне отдельно выбери заливку, цвет обводки и её стиль. В палитре обычный щелчок по образцу меняет заливку, а Shift + щелчок меняет цвет обводки. Красный крестик в начале палитры означает отсутствие цвета для выбранного свойства: без Shift убирается заливка, с Shift — обводка. Проверь результат на самом объекте, прежде чем продолжить.

В диалоге можно выбрать цветовую модель RGB и изменять числовые значения красного, зелёного и синего компонентов. Прозрачность делает часть изображения видимой через другой объект. Различай прозрачность цвета и общую непрозрачность объекта: в задании учебника оба параметра встречаются отдельно. Не оценивай точность RGB по распечатке: на разных экранах и принтерах цвет может выглядеть по-разному.

Когда нужен градиент

Цветовой градиент — плавный переход одного цвета в другой. Линейный градиент меняется вдоль прямой, радиальный расходится от центра. В инструменте «Градиент» выбери вид и укажи, применяется он к заливке или к обводке. Направление и длину перехода меняют перетаскиванием управляющих линий; каждый цвет настраивают в своей опорной точке. Новую точку можно добавить двойным щелчком на линии градиента, выбранную удалить клавишей Delete.

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

Пипетка и заливка области

Инструмент «Пипетка» берёт цвет с уже нарисованной части изображения и применяет его к выбранному объекту. Это удобно, когда нужны согласованные цвета. Инструмент «Заливка» создаёт заливку замкнутой области. Он выполняет другую задачу, чем настройка заливки уже выбранной векторной фигуры. Проверь, какой объект появился после его применения.

Практика: цветовой плакат

Создай на новой странице три самостоятельные фигуры: прямоугольник, круг и ещё одну выбранную тобой фигуру. Это твоя композиция, а не копия иллюстрации. Назначь прямоугольнику сплошную заливку и заметную обводку. Измени толщину или стиль обводки. Кругу задай линейный градиент из двух выбранных цветов: проверь обе опорные точки. Третьей фигуре задай радиальный градиент либо, если времени мало, перенеси цвет Пипеткой с другого объекта. Сделай один объект частично прозрачным так, чтобы перекрытие было видно. Сохрани файл как plakat_имя.svg.

Самопроверка: можно ли отдельно показать, где в SVG обводка и заливка? Есть ли два различимых типа перехода или объяснённый выбор Пипетки? Видно ли перекрытие с прозрачностью? Если компьютер один на пару, создайте один общий SVG: первый ученик строит фигуры и меняет обводку, второй настраивает градиент и прозрачность; затем каждый объясняет партнёру своё действие и сдаёт отдельный билет. Для бумажного маршрута возьми чистый лист A4: нарисуй три перекрывающиеся фигуры, подпиши край и внутреннюю область, обозначь точки линейного перехода и центр радиального, штриховкой покажи прозрачность. Бумажный рисунок проверяет понятия, но не навык работы в редакторе.

После урока

Отдельный выходной билет выполни без подсказок и сдай до разбора. Если перепутал свойства, открой карточку помощи и повтори действие на новом объекте. В конце § 22 учебника, на с. 158, вопросы 6–9 спрашивают об обводке, заливке и градиенте. Домашняя карточка возвращает к ним и даёт новый пример. Упражнения учебника на с. 159–162 предлагают разные способы заливки и точные настройки цвета: их можно использовать для тренировки после основного плаката.