Основы цифровой графики и цвета в Adobe

Греческие философы-пифагорейцы утверждали, что весь мир — число. И если в отношении всего мира, возможно, философы и преувеличивали значение числа, то в отношении компьютерных технологий они оказались безусловно правы: весь компьютерный мир — число.

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

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

Знакомство с основами цифровой графики и цвета поможет понять принципы кодирования графической информации и лучше использовать все возможности программы Adobe Illustrator для более адекватной реализации своих творческих замыслов.

Векторная графика

Программа Adobe Illustrator является редактором изображений, состоящих в своей основе из объектов — векторных контуров, которым присваиваются параметры обводок и параметры заливок. Контуры, в свою очередь, описываются математическими формулами, в частности, используется так называемая кривая Безье, названная в честь французского математика Пьера Бе-зье (Р. Bezier), который применял математические кривые и поверхности в процессе конструирования кузова автомобиля Рено.

Кривая Безье

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

R(t) = Po(l-t)3 + Pit(l-t)2 + Pzt^l-t) + P3t3, где 0 <; t <. 1.

Общий вид элементарной кривой представлен на рис. 4-1. Такую кривую можно построить, если известны координаты четырех точек, называемых контрольными. Из четырех контрольных точек кривая проходит только через две, поэтому эти точки иначе называются опорными (иначе они называются узлами (node), поскольку «связывают» элементарные кривые друг с другом, чтобы образовать единый сложный контур). Две другие контрольные точки не лежат на кривой, но их расположение определяет кривизну кривой, поэтому эти точки иначе называются управляющими точками, а линии, соединяющие управляющую и опорную точки, — управляющей линией (в просторечии их именуют «рычагами»).

Рис. 4-1. Общий вид элементарной кривой Безье

Кривая Безье является гладкой кривой, то есть она не имеет разрывов и непрерывно заполняет отрезок между начальной и конечной точками.

Кривая начинается в первой опорной точке, касаясь отрезка своей управляющей линии, и заканчивается в последней опорной точке, также касаясь отрезка своей управляющей линии. Это позволяет гладко соединять две кривые Безье друг с другом: управляющие линии располагаются вдоль одной прямой (рис. 4-2).

Кривая лежит в выпуклой оболочке, создаваемой управляющими линиями (рис. 4-3). Это свидетельствует о стабильности («благонравном поведении») кривой.

Рис. 4-2. Гладкое соединение двух кривых Безье

Рис. 4-3. Выпуклая оболочка кривой Безье

Сривая Безье симметрична, то есть она сохраняет свою форму, если изме-шть направление вектора кривой на противоположный («поменять местами» начальную и конечную опорные точки). Применение это свойство на-юдит при создании составных контуров. Смотрите об этом в главе 7.

<ривая Безье, используя математический язык, «аффинно инвариантна», то :сть она сохраняет свою форму при масштабировании (рис. 4-4). На этом '.войстве зиждется вся свобода векторной графики.

юли существует только две контрольные точки (опорные точки) или управ-[яющие линии коллинеарны (лежат на одной прямой), кривая превращается ) прямой отрезок.

Изменение положения хотя бы одной из контрольных точек ведет к изменению формы всей кривой Безье. Это свойство — источник бесконечного разнообразия форм векторных объектов.

Из множества таких элементарных кривых составляется контур произвольной формы и произвольной сложности (ограничения появляются в конкретных приложениях и конкретных технических системах).

Свойства векторной графики

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

У векторной графики достаточно много достоинств.

Она экономна в плане объемов дискового пространства, необходимого для хранения изображений: это связано с тем, что сохраняется не само изображение, а только некоторые основные данные, используя которые программа всякий раз воссоздает изображение заново. Кроме того, описание цветовых характеристик не сильно увеличивает размер файла.

Объекты векторной графики легко трансформируются и ими несложно манипулировать, что не оказывает практически никакого влияния на качество изображения.

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

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

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

Однако, с другой стороны, векторная графика может показаться чрезмерно жестковатой, «фанерной». Она действительно ограничена в чисто живописных средствах, в программах векторной графики практически невозможно (или необыкновенно трудоемко) создавать фотореалистические изображения.

Кроме того, векторный принцип описания изображения не позволяет автоматизировать ввод графической информации, как это делает сканер или цифровая фотокамера для точечной графики.

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

Точечная графика

Принцип кодирования графической информации в точечной (растровой, битовой) графике сильно отличается от векторной.

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

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

Достоинств у точечной графики, как ни странно, не слишком много.

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

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

Однако точечной графике присущи и существенные недостатки.

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

Конечно, потом эти значения можно изменить, но, как правило, это приводит к тем или иным погрешностям, да и нельзя это делать многократно и в широком диапазоне.

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

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

белый снежный пейзаж с одинокой фигуркой вдалеке, или сцена рок-концерта с обилием цвета и форм. Если три параметра одинаковы — размер файла (без сжатия) будет практически одинаков.

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

Можно даже сказать, что точечную графику легче деформировать, чем трансформировать.

Поэтому в программах точечной графики большинство фильтров (всевозможные шумы, размытия, волны, ряби) если к ним приглядеться, не что иное, как сознательное искажение, то есть искажение, возведенное в принцип, а художественный эффект — это просто прием отвлечения внимания. Например, в программу Adobe Photoshop 4.0 включено около ста фильтров, половина из них представлена и в программе Adobe Illustrator (см. главу 12).

Графика точечная или векторная

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

С такими изображениями работают точечные графические редакторы, например, Adobe Photoshop. Такие изображения получаются в результате работы команды Rasterize... (Растрировать...) в программе Adobe Illustrator.

Векторная графика оперирует математическими объектами, которые независимы от параметров внешнего устройства (монитора, принтера) (рис. 4-6).

Рис. 4-5. Точечное изображение и его фрагмент при большом увеличении

Рис. 4-6. Векторное изображение и его фрагмент при большом увеличении

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

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

Точечные изображения хороши для создания фотореалистических изображений с тонкими цветовыми переходами.

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

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

Цветовые модели и цветовой охват

Мир, окружающий человека, воспринимается по большей части цветным. Цвет имеет не только информационную, но и эмоциональную составляющую. Человеческий глаз — очень тонкий инструмент, но к сожалению, восприятие цвета субъективно. Очень трудно передать другому человеку свое ощущение цвета.

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

В программе Adobe Illustrator для присвоения цветовых параметров объектам можно использовать несколько цветовых моделей в зависимости от задачи. Эти модели различаются по принципам описания единого цветового пространства, существующего в объективном мире.

Цветовая модель RGB

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

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

Модель, в основе которой лежат указанные цвета, носит название цветовой модели RGB — по первым буквам английских слов Red (Красный), Green (Зеленый), Blue (Синий).

Эта модель представляется в виде трехмерной системы координат (рис. 4-7). Каждая координата отражает вклад соответствующей составляющей в конкретный цвет в диапазоне от нуля до максимального значения. В результате получается некий куб, внутри которого и «находятся» все цвета, образуя цветовое пространство.

Рис. 4-7. Цветовая модель RGB представляется в виде трехмерного графика, у которого нулевая точка — черный цвет

Важно отметить особенные точки и линии этой модели.

• Начало координат: в этой точке все составляющие равны нулю, излучение отсутствует, а это равносильно темноте, т. е. это — точка черного цвета.

• Точка, ближайшая к зрителю: в этой точке все составляющие имеют максимальное значение, что дает белый цвет.

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