Тоновая заливка¶

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

¶История

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

С развитием типографского дела в XIX веке тоновая заливка стала стандартным элементом оформления: для печати карт, планов и технических чертежей использовали сплошные цветные поля, наносимые литографским способом. В середине XX века, с распространением офсетной печати, появилась возможность точного воспроизведения заливок с заданными цветовыми характеристиками (например, по шкале Pantone).

Ключевой перелом произошёл в 1980-х годах с внедрением персональных компьютеров и программ для растровой и векторной графики. В программах вроде Adobe Photoshop и CorelDRAW инструмент «Заливка» (Paint Bucket) позволил мгновенно заполнять области цветом, а в векторных редакторах (Adobe Illustrator, Inkscape) тоновая заливка стала базовым свойством замкнутого контура. С этого момента тоновая заливка перестала быть ручным трудом и превратилась в стандартную функцию графического ПО.

¶Виды тоновой заливки

В зависимости от среды и способа создания различают несколько видов тоновой заливки:

¶По способу нанесения

• Ручная заливка — выполняется кистью, валиком, аэрографом или тампоном. Характерна для живописи, декоративно-прикладного искусства и ручной графики.
• Механическая заливка — наносится типографским способом (офсет, трафаретная печать) или с помощью плоттера.
• Цифровая заливка — создаётся программными средствами: растровыми или векторными редакторами.

¶По цветовым характеристикам

• Монохромная заливка — один цвет (например, чёрный, белый, оттенок серого). Используется в чертежах, схемах, штриховых рисунках.
• Цветная заливка — любой цвет из палитры (RGB, CMYK, Pantone). Применяется в дизайне, иллюстрации, картографии.
• Заливка полутоном — заполнение области одним из оттенков серого, от самого светлого до чёрного. Часто встречается в чёрно-белой графике и архитектурных планах.

¶По отношению к контуру

• Заливка внутри замкнутого контура — заполняется только область, ограниченная линией. Стандартный режим в векторных редакторах.
• Заливка с обводкой — контур остаётся видимым, а внутренняя область заливается цветом.
• Заливка без контура — область заполняется цветом, границы не обозначены линией.

¶Применение

Тоновая заливка используется в различных областях, где требуется визуальное выделение, кодирование или упрощение восприятия информации.

¶Графический дизайн и иллюстрация

В дизайне тоновая заливка — один из основных инструментов для создания плакатов, логотипов, упаковки и веб-графики. Она позволяет быстро задать фон, выделить текстовые блоки или создать цветовые акценты. В иллюстрации заливка применяется для заполнения персонажей, объектов и фоновых элементов, особенно в стиле «плоского» дизайна (flat design).

¶Архитектурная и инженерная графика

На чертежах и планах тоновая заливка используется для обозначения различных материалов, функциональных зон или этапов строительства. Например, на планах зданий заливкой выделяют помещения с разным назначением (жилые, технические, общественные), а на генеральных планах — зелёные зоны, дороги, водоёмы. В соответствии с ГОСТ 21.501-2018 «Система проектной документации для строительства. Правила выполнения рабочей документации архитектурных и конструктивных решений», тоновая заливка может применяться для обозначения сечений, разрезов и материалов.

¶Картография

На топографических и тематических картах тоновая заливка служит для отображения количественных и качественных характеристик территорий. Например, на физических картах заливкой показывают высоту над уровнем моря (гипсометрическая окраска), на политических — границы государств, на климатических — температурные зоны. В российской картографии используются стандартные цветовые шкалы, регламентированные Росреестром.

¶Полиграфия

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

¶Веб-дизайн и пользовательские интерфейсы

В цифровых интерфейсах тоновая заливка задаётся с помощью CSS-свойства background-color для HTML-элементов. Она используется для фона страниц, кнопок, карточек, меню и других компонентов. В веб-дизайне тоновая заливка — основа для создания контрастных и читаемых интерфейсов, а также для реализации цветовых схем бренда.

¶Технические аспекты

¶В растровой графике

В растровых редакторах (например, Adobe Photoshop, GIMP) тоновая заливка реализуется инструментом «Заливка» (Paint Bucket Tool) или командой «Выполнить заливку». При использовании инструмента «Заливка» программа анализирует цвет пикселя в точке клика и заменяет все смежные пиксели с близким цветом на заданный. Параметр «Допуск» (Tolerance) определяет, насколько сильно могут отличаться соседние цвета, чтобы быть заменёнными. Высокий допуск приводит к заливке большей области, низкий — только к строго совпадающим оттенкам.

¶В векторной графике

В векторных редакторах (Adobe Illustrator, CorelDRAW, Inkscape) тоновая заливка — это свойство замкнутого контура. Для задания заливки достаточно выбрать объект и указать цвет в палитре. Векторная заливка всегда равномерна и не зависит от разрешения, что делает её идеальной для логотипов, иконок и печатной продукции. Векторные редакторы также поддерживают заливку с использованием цветовых моделей RGB, CMYK, HSB и Pantone.

¶В веб-технологиях

В CSS тоновая заливка задаётся свойством background-color. Значение может быть указано в виде:

• имени цвета (например, red, blue);
• шестнадцатеричного кода (#FF0000);
• RGB-функции (rgb(255, 0, 0));
• HSL-функции (hsl(0, 100%, 50%)).

Для полупрозрачных заливок используется rgba() или hsla() с параметром альфа-канала.

¶Отличие от смежных понятий

• Градиентная заливка — плавный переход между двумя или более цветами, в отличие от равномерной тоновой заливки.
• Текстурная заливка — заполнение области повторяющимся узором или изображением, а не одним цветом.
• Штриховка — заполнение области параллельными линиями или перекрёстными штрихами, создающими иллюзию тона; в отличие от тоновой заливки, штриховка не является сплошной.
• Растровая заливка — в полиграфии: имитация полутона с помощью точек разного размера или частоты; тоновая заливка в этом контексте — сплошное нанесение краски.

¶Интересные факты

• В полиграфии сплошная тоновая заливка больших площадей (например, на обложках книг) требует особого контроля: при офсетной печати возможны дефекты в виде «полос» или «муара», если заливка выполнена с ошибками.
• В компьютерных играх ранних поколений (например, на платформах NES и Sega Genesis) тоновая заливка использовалась для создания фонов и объектов из-за ограниченной палитры и производительности.
• В архитектурной графике России до середины XX века тоновая заливка выполнялась акварелью или тушью с размывкой, что требовало высокой квалификации чертёжника.
• В современных векторных редакторах существует функция «живая заливка» (Live Paint), позволяющая заливать цветом области, образованные пересекающимися линиями, без необходимости создавать замкнутые контуры.

¶Источники

1. ГОСТ 21.501-2018 «Система проектной документации для строительства. Правила выполнения рабочей документации архитектурных и конструктивных решений».
2. Adobe Photoshop User Guide: «Filling and stroking selections, layers, and paths» (Adobe Inc., 2023).
3. W3C CSS Color Module Level 4 (World Wide Web Consortium, 2022).
4. Основы композиции и графики: учебное пособие / под ред. В. И. Жуковского. — М.: Архитектура-С, 2015.
5. Картография: учебник для вузов / под ред. А. М. Берлянта. — М.: Аспект Пресс, 2016.