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