1.3 Обзор графического по

Как известно, web-графика бывает растровой и векторной.

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

Важными характеристиками изображения являются:

• количество пикселей — количество цветов. Может указываться отдельно количество пикселей по ширине и высоте (1024×768, 640×480, …);

• количество используемых цветов или глубина цвета;

• цветовое пространство (цветовая модель) RGB, CMYK, XYZ, YCbCr и др.

• разрешение — справочная величина, говорящая о рекомендуемом размере пикселя изображения.

Достоинства растровой графики:

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

• Распространённость — растровая графика используется сейчас практически везде: от маленьких значков до плакатов.

• Высокая скорость обработки сложных изображений, если не нужно масштабирование.

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

Недостатки растровой графики:

• Большой размер файлов с простыми изображениями.

• Невозможность идеального масштабирования.

• Невозможность вывода на печать на плоттер.

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

Преимущества векторного способа описания графики над растровой графикой:

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

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

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

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

Фундаментальные недостатки векторной графики:

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

• Перевод векторной графики в растр достаточно прост. Но обратного пути, как правило, нет — трассировка растра, при том что требует значительных вычислительных мощностей и времени, не всегда обеспечивает высокое качество векторного рисунка.

• Преимущество векторной картинки — масштабируемость — пропадает, когда начинаем иметь дело с особо малыми разрешениями графики (например, иконки 32×32 или 16×16). Чтобы не было «грязи», картинку под такие разрешения приходится подгонять вручную.

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

Для работы с растровой графикой существуют несколько программ.

SAI или PaintTool SAI, предназначена для цифрового рисования и разработанную японской компанией SYSTEMAX.

Особенности программы:

• Небольшая по размеру программа, стартующая за считанные секунды;

• Полная поддержка графического планшета;

• Большая скорость работы;

• Почти все горячие клавиши взяты из AdobePhotoshop плюс свои сочетания;

• Сглаживание пера и высокая интерполяция штриха;

• Поворот холста;

• Высокое качество рендеринга картинки;

Рисование:

Существует 8 инструментов: выделение лассо, выделение «волшебной палочкой», прямоугольное выделение, пипетка, масштабирование, поворот холста, перемещение холста и перемещения слоя.

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

Поддержка сторонних текстур кистей и текстур холста, которые можно делать собственноручно.

CorelPainter.

Функции:

• Имитация традиционных средств живописи (карандаш, пастель, масляные краски, акварель, аэрограф; в сумме около 200 инструментов и их вариаций).

• Цифровые средства живописи (около 200 разнообразных кистей и эффектов), система работы со слоями и их наложением, маски, каналы цвета.

• Вспомогательные инструменты (ластик, мастихин, осветлитель, затемнитель и т. п.).

• Виртуальная палитра смешивания цветов.

• Виртуальный холст с выбором типа бумаги (например, ретро) и т.д.

• Также есть возможность настраивать текущие инструменты/средства или создавать свои собственные.

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

GNU ImageManipulationProgram или GIMP -  растровый графический редактор, программа для создания и обработки растровой графики. Частично поддерживается векторная графика.

Краткий обзор возможностей:

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

Таблица 1.1 – Способы реализации операций в GIMP

Вид операций	Реализация в GIMP
Расширяемость	Присутствует. Дистрибутив GIMP включает в себя более 200 расширений. Кроме того, можно подключать внешние модули, которых в Сети насчитывается более 100.
Рисование	Кисть, карандаш, аэрограф, штамп. Все инструменты рисования гибко настраиваются (толщина линий, форма, прозрачность и др.).
Слои	Присутствуют. Кроме того, допускается редактирование отдельных каналов. Есть поддержка альфа-канала.
Текст	Вы можете работать с текстом с помощью стандартного инструмента, а также рисовать художественные эмблемы с помощью специальных сценариев.
Анимация	Присутствует. Вы можете работать с кадрами анимации как с отдельными слоями изображения.
Выделение	Прямоугольник, эллипс, свободное, рассеянное и "разумное" выделение, кривые Безье.
Преобразование	Вращение, масштабирование, наклон и отражение.
Работа с экспозицией	Кривые, гистограмма и традиционные регуляторы. Присутствуют автоматические режимы, позволяющие "улучшать" изображения одним щелчком кнопки мыши.
Откат	Неограниченное количество раз.
Конвертирование RAW	Реализуется с помощью расширений.
Работа со сканером и планшетом	Через драйвера. Стандартно.
Фильтры	Присутствуют. Кроме того, GIMP поддерживает язык Script-Fu, позволяющий создавать новые инструменты на основе группы фильтров. В дистрибутив включено немало готовых сценариев.
Пакетная обработка	Присутствует. Реализуется через пользовательские сценарии.

Разумеется, встает резонный вопрос: а чем же лучше AdobePhotoshop? Рассмотрим основные преимущества платного продуктав таблице 1.2.

Таблица 1.2 – Сравнительная характеристика AdobePhotoshop и GIMP

Функция, присутствующая в AdobePhotoshop	Ситуация в GIMP
Поддержка цветовых профилей	Появится в следующей стабильной ветке 2.4. Нестабильные версии 2.3.x уже имеют поддержку цветовых профилей
Цветовое пространство CMYK	Реализуется с помощью расширения Separate
Инструмент, устраняющий эффект красных глаз	Отсутствует. Необходимо исправлять вручную, выделяя овальную область и понижая в ней яркость красного канала. Впрочем, есть специальное расширение, работающее, однако, крайне примитивно.
Инструмент "Магнитное Лассо", позволяющего производить интеллектуальное выделение БЕЗ нажатия клавиш мыши.	Аналог отсутствует. Можно пользоваться инструментом "Выделение форм", расставляя точки, между которыми программа находит оптимальный путь для выделения.
Инструмент "Восстанавливающая кисть" для удаления мелких дефектов (например, прыщи на лице)	Аналог отсутствует. Приходится довольствоваться инструментом "Штамп".
Мощные плагины, разработанные известными фото-брендами (Kodak, PhaseOne и др.)	Мощность - "субъективный" параметр, но стоит заметить, что разработкой расширений для GIMP крупные компании не занимаются.

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

Приведём краткое описание данных инструментов.

Инструмент «Перемещение»

Инструмент перемещения используется для смещения слоёв, выделений, контуров и направляющих, а также работает с текстовыми слоями. Для перемещения документов необходимо нажать и удерживая левую клавишу мышки перемещать курсор по документу.

Инструмент «Слои»

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

Инструмент «Кисть»

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

Инструмент «Ластик»

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

Инструмент «Заливка»

«Заливка» выполняет заливку области, близкой по цвету к пикселам, на которых вы щелкаете. Область можно также залить фоновым цветом или узором.

Инструмент «Масштаб»

Инструмент «Масштаб» увеличивает или уменьшает изображение.

Инструмент «TypeTool»

Это инструмент, представляющий собой набор векторных объектов и математических фигур для определения символов шрифта.