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

Автор: Пользователь скрыл имя, 17 Марта 2012 в 13:46, курсовая работа

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

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

Содержание

Введение 2

1. Программы векторной графики 4

1.1. Corel Draw 8-9 6
1.2. Adobe Illustrator 6 7
1.3. Micrografx Designer 7 8
1.4. Macromedia FreeHand 7 10
1.5. Corel Xara 1.5 11
1.6. Canvas 5 12
1.7. Fractal Design Expression 14
1.8. Сравнения характеристик программ 15

2. Форматы файлов компьютерной графики 19

3. Основной принцип построения графических объектов 22

4. Применение векторной графики 23

5. Векторная графика в интернете 25

Заключение 28

Список используемых источников информации

Работа содержит 1 файл

ref_5493_parta_ua.doc

— 522.00 Кб (Скачать)

Первый, и пока единственный, пакет иллюстративной графики, позволяющий редактировать растровые изображения на уровне пикселей, Canvas теперь пополнен новыми мощными инструментами создания и редактировани растровых изображений. Хотя такие средства несколько лет назад могли считаться превосходными, сегодня они не выдерживают сравнения с аналогичными средствами в Corel Photo-Paint, Macromedia xRes и Micrografx Picture Publisher, которые все совместимы с технологией OLE и входят в качестве составных компонентов в более крупные графические комплексы, содержащие также программы рисования. Теперь в Canvas предусмотрены фильтры изображений и инструменты для настройки цветовых каналов, но в отличие от FreeHand отсутствуют внешние модули Photoshop (хотя он и позволяет работать с некоторыми из них) или специальные эффекты, как в CorelDraw.

Canvas не имеет внешнего модуля для Web-браузеров, но может экспортировать как GIF-, так и JPEG-файлы. Однако при выполнении наших тестов Canvas потерял одно из двух окон с текстом, а в растровых файлах цвета были смешаны, хотя мы и не назначали смешения цветов. Для работ с интенсивной графикой, а также для вывода на печать и на страницы Web (Deneba утверждает, что вскоре она предложит три бесплатных внешних модуля, которые можно будет получить из ее узла Web) мы рекомендуем обратить внимание на другие продукты, рассмотренные в этом обзоре. Но если основная ваша задача состоит в подготовке технических иллюстраций, то Canvas может оказаться очень полезной программой, предоставляющей возможности улучшить оформление подобных материалов.

 

1.7. Fractal Design Expression

 

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

Если такие программы, как CorelXara и Designer, предоставляют возможность градиентной закраски вдоль линии, то Expression открывает перед вами новые горизонты, позволяя рассматривать линию или контур как направляющую для размещения нового изображения. Если говорить в терминах Expression, в его основу положена концепция Skeleton Stroke, представляющая линию каркас (skeleton) и любое графическое изображение как "штрих" (stroke). Представьте жилки листа в виде линии/каркаса, а форму листа и его раскраску - в виде графического изображения/штриха. Рисование листьев становится простым делом и сводится к рисованию линий.

Тайны каркасов и штрихов

В ходе тестирования мы вначале воспользовались удачно реализованными в Expression инструментальными средствами рисования, чтобы получить изображение гитары. Очертания гитары мы передали с помощью градиентного многоцветного закрашивания, а для изображения внутренней ее части применили золотистую градиентную закраску. Инструментальное средство определения штриха позволило нам преобразовать изображение гитары в графический элемент (Graphical Element) Skeleton Stroke. Выбрав его из визуального набора Stroke Warehouse и проведя линию, мы нарисовали "скелет" гитары. Искривляя линию, мы искривляли гитару. Рисуя прямоугольник, растягивали изображение гитары внутри его контура.

Создавая точки привязки для базовой части и грифа гитары, мы могли вытянуть ее, не лишая при этом узнаваемости. Воспользовавшись другими приемами, мы превратили гитару в повторяемый элемент, а когда нарисовали окружность, то на экране появились три идеально изогнутые вдоль этого контура гитары. Мы создали также несколько "ключевых" кадров анимации, перемещая точки, пока гитара не стала напоминать живое существо. После этого Expression сформировал "промежуточные" кадры, каждым из которых можно пользоваться как "штрихом". Вы можете вывести эти кадры Multi-View Strokes как анимацию в виде файла AVI или в виде последовательно пронумерованных растровых изображений.

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

В отличие от всех других программ этого обзора Expression работает только с художественно оформленным, а не с обычным, состоящим из абзацев текстом. Нам пришлось вводить свой текст прямо в Expression и при этом мы смогли установить только шрифт, выравнивание и интерлиньяж. Поскольку возможность уменьшени межбуквенного расстояния не предусмотрена, мы были рады, что текст располагался вдоль криволинейной направляющей изящно и буквы на накладывались друг на друга. Когда мы импортировали файл Adobe Illustrator, то получили графику без текста; Expression не импортирует файлы EPS, подобные файлу нашего логотипа SoundBoard. Кроме того, Expression не позволяет устанавливать масштаб или чертить размерные линии; вы не можете определить истинные размеры объекта или расстояние между объектами. В Expression просто не предусмотрены средства создания технических иллюстраций.

Управление цветом в Expression ограничено возможностями калибровки его системы согласовании цветов по отношению к системе, примененной в Adobe Illustrator и более старых версиях Photoshop и CorelDraw. Хотя печатать изображения можно непосредственно из Expression, фирма Fractal Design рекомендует создать растровый файл вашего изображения и перенести его в один из указанных пакетов для печати на принтере, если вы реализуете цветоделение CMYK. Мы выполняли печать непосредственно из Expression, разрешив ему преобразовать наше изображение в растровую форму с разрешением 200 точка/дюйм (чтобы сохранить прозрачность) перед пересылкой на принтер. Для получения правильного черного цвета Expression потребовалось несколько попыток.

Скудны средства для непосредственного вывода на страницы Web. Нам хотелось бы получить анимационные файлы GIF из Multi-View Strokes пакета Expression, но удалось создать только последовательные файлы JPEG. Действительно, Expression не имеет средств экспорта GIF, но превосходно справился с файлом JPEG, который мы успешно экспортировали.

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

 

1.8. Сравнения характеристик программ

 

Таб. №1. Соответствие решаемой задаче: Пакеты иллюстративной графики

Adobe Illustrator

Canvas 5

Corel Draw

Corel Xara 1.5

Fractal Design Expression

Macromedia FreeHand 7

Micrografx Designer 7

Функциональные возможности

Художественная иллюстрация

Приемлемо

Приемлемо

Отлично

Отлично

Хорошо

Хорошо

Хорошо

Техническая иллюстрация

N/A

Отлично

Хорошо

N/A

N/A

N/A

Отлично

Цветная печать

Отлично

Хорошо

Хорошо

Хорошо

Приемлемо

Отлично

Хорошо

Подготовка страниц Web

N/A

N/A

Хорошо

Отлично

Приемлемо

Отлично

Хорошо

Простота применения

Художественная иллюстрация

Плохо

Приемлемо

Отлично

Отлично

Отлично

Хорошо

Хорошо

Техническая иллюстрация

N/A

Хорошо

Хорошо

N/A

N/A

N/A

Отлично

Цветная печать

Хорошо

Хорошо

Плохо

Хорошо

Плохо

Отлично

Хорошо

Подготовка страниц Web

N/A

N/A

Хорошо

Отлично

Плохо

Отлично

Хорошо

 

N/A - неприменимо. Данное изделие не предоставляет такой возможности.

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

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

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

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

Большая часть наших тестов выполнялась на машинах Micron Millenia Pentium/133, оснащенных 64-Мбайт ОЗУ, 2-Гбайт НЖМД, графическими адаптерами MGA Millennium фирмы Matrox Graphics с 4-Мбайт памятью, 20-дюйм мониторами FlexScan T2-20 фирмы EIZO Nanao Technologies и 6x8-дюйм графическими планшетами Wacom Technology ArtZII.[1]

 

Табл. №2. Сводка характеристик. Пакеты программ иллюстративной графики

+ да, - нет

Adobe Illustrator

Canvas 5

Corel Draw

Corel Xara 1.5

Fractal Design Expression 1.0

Macromedia FreeHand 7

Micrografx Designer 7

Регистратор макрокоманд/Сервер OLE/Клиент OLE

+ + +

- + +

+ + +

- + -

- - -

- + -

- + +

Цветовые модели

CMYK

CMYK, HSL, RGB

CIE lab, CMY, CMYK, HSB, HSL, RGB, YIQ

CMYK, HSV, RGB

CMYK, HSL, RGB

CMYK, HSL, RGB

CMYK, HSL, RGB

Управление иллюстративной графикой

Связать/Скрыть объекты

+ +

+ -

- -

- -

- -

+ -

+ +

Связать/Скрыть слои

- -

+ +

+ +

+ +

+ +

+ +

+ +

Оригинал-макеты страниц/Шаблоны

- +

+ +

+ +

- +

- -

- +

+ +

Перемещение объектов между слоями/Диспетчер объектов

- -

+ -

+ +

- -

+ -

+ -

+ -

Характеристики объектов/Данные объектов

- -

+ -

+ +

- -

- -

+ -

+ +

Стили объектов/Стили текста/Связанные цвета

- - -

+ + -

+ + +

- - +

- - -

+ + -

+ + +

Инструментарий для создания иллюстраций

Фаски, скругленные углы и соединения в ус

+

+

+

+

+

+

+

Растровые/Фрактальные/Векторные заполнения

- - +

+ - +

+ + +

+ - +

- - +

- - +

+ - +

Градиентные/Прозрачные*/PostScript заполнения

- - +

+ - -

+ + +

+ + -

+ + -

+ - +

+ - -

Каллиграфические/Параллельные/Размерные линии

- - -

- + +

+ - +

- - -

- - -

+ - -

+ + +

Программируемые соединительные линии

-

+

+

-

-

-

-

Градиентные линии/Элементы текстуры естественных материалов

- -

+ -

- -

+ -

+ +

- -

+ -

Инструментарий для манипуляции объектами и растровыми изображениями

Выравнивание/Распределение объектов

--

+ +

+ +

+ +

+ +

+ +

+ +

Выравнивание объектов относительно базовой линии/сетки

+ +

+ +

+ +

+ +

- +

+ +

+ +

Привязка объектов к объектам/узлам

- +

+ +

+ +

+ +

- +

- +

+ +

Объединение/Разъединение/Отсечение объектов

- - -

+ + -

+ + +

+ + +

- + +

+ + +

+ + +

Смешивание/Огибание объектов

+ -

+ +

+ +

+ +

+ -

+ +

+ +

Логические операции/Слияние объектов

- -

+ +

+ +

+ +

+ -

+ +

+ +

Фаски/Экструзия/Перспектива

- - -

- + -

+ + +

- - +

- - +

- + +

- + +

Нанесение растрового изображения на объект/Нанесение объекта (маски) на объект

+ +

- +

+ +

+ -

- +

+ +

+ +

Редактирование/Манипулирование растровыми изображениями

- -

+ +

+ +

- +

- -

- +

- +

Маскирование растровых цветовых каналов/Копирование цветных растровых изображений

- -

- -

+ +

- +

- -

- +

+ +

Двумерные эффекты/Трехмерные эффекты/Внешние модули PhotoShop для растровых изображений

- - -

- - -

+ + +

+ - -

- - -

- - +

+ - +

Обработка текста

Трекинг/Кернинг/Интерлиньяж

+ + +

+ + +

+ + +

+ + +

- - +

+ + +

+ + +

Разливка текста между рамками/внутри объектов

+ +

+ +

+ +

- -

- -

+ +

+ +

Размещение текста вдоль линии/Огибание объектов текстом

+ +

+ + (с одной стороны)

+ +

+ -

+ -

+ +

+ +

Установка колонок/Буллиты

- -

+ +

+ +

+ -

- -

+ -

- -

Графика

Экспорт выбранных объектов/Экспорт размеров/Разрешения

- + +

+ + +

+ + +

+ + +

- + +

+ - +

+ + +

Импорт файлов AI/EPS/WMF

+ + +

+ + +

+ + +

+ + +

+ + +

+ + +

+ + +

Импорт файлов CDR/DXF/PDF

- + -

+ + +

+ + +

+ - -

+ - -

+ - +

+ + -

Импорт файлов PCX/PhotoCD/Pict (Macintosh)

- - +

+ + +

+ + +

+ + +

- - +

- - +

+ + +

Импорт файлов JPG/TGA/TIFF

- - -

+ + +

+ + +

+ + +

- - -

+ + +

+ + +

Экспорт файлов AI/EPS/WMF

+ + +

+ + -

+ + +

+ + +

+ + +

+ + +

+ + +

Экспорт файлов CDR/DXF/PDF

- + -

- + +

+ + +

+ - -

+ - -

- - +

+ + -

Экспорт файлов PCX/Pict (Macintosh)

+ +

+ -

+ +

+ +

- +

- +

+ +

Экспорт файлов JPG/TGA/TIFF

- - +

+ + +

+ + +

+ + +

+ + +

+ + +

+ + +

Работа с Web

Импорт стандартных GIF/прозрачных GIF/анимационных GIF-файлов

- - -

+ - -

+ + +

+ + +

- - -

+ + -

+ - -

Экспорт стандартных GIF/прозрачных GIF/анимационных GIF-файлов

- - -

+ - -

+ + -

+ + +

- - -

+ + -

+ - -

Экспорт навигационных карт с встроенными URL

-

-

+

-

-

-

-

Внешние модули браузера для векторного формата с присоединенными к объектам URL

-

-

-

+

-

+

+

Дополнительные возможности печати

Печать отдельных объектов/слоев/страниц

- - -

+ + +

+ + +

+ + +

- - N/A

+ + +

+ + +

Основные модели согласования цветов

Focoltone, Pantone, Toyo, Trumatch

Pantone, Toyo, Trumatch

Focoltone, Pantone, Toyo, Trumatch

Focoltone, Pantone

Отсутствуют

Focoltone, Pantone, Toyo, Trumatch

Pantone

Цветоделение

+

+

+

+

-

+

+

N/A - неприменимо. Данное изделие не предоставляет такой возможности.
* Прозрачное заполнение означает истинные яркие прозрачные заполнения с интерактивно задаваемыми уровнями прозрачности.
 

2. Форматы файлов компьютерной графики

 

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

Растровый файл устроен проще (для понимания, по крайней мере). Он представляет собой прямоугольную матрицу (bitmap), разделенную на маленькие квадратики - пиксели (pixel - picture element). Чем больше пикселей в каждом квадратном дюйме на матрице, тем выше разрешение файла. Данная структура характерна для всех растровых форматов. Различаются они способностью нести какую-либо дополнительную информацию, количеством информации о цвете, которую можно определить для каждого пикселя, способом архивации, другими особенностями.

BMP (Windows Device Independent Bitmap) Формат ВМР является родным форматом Windows, он поддерживается всеми графическими редакторами, работающими под ее управлением. Применяется для хранения растровых изображений, предназначенных для использования в Windows и, по сути, больше ни на что не пригоден. Способен хранить как индексированный (до 256 цветов), так и RGB-цвет (16.700.000 оттенков). Возможно, применение сжатия по принципу RLE, но делать это не рекомендуется, так как очень многие программы таких файлов не понимают (они могут иметь расширение .rle). Существует разновидность формата ВМР для операционной системы OS/2. На Macintosh BMP читается и пишется без всяких проблем Photoshop'ом.

WMF (Windows Metafile) Еще один родной формат Windows. Служит для передачи векторов через буфер обмена (Clipboard). Понимается практически всеми программами Windows, так или иначе связанными с векторной графикой. Однако, несмотря на кажущуюся простоту и универсальность, пользоваться форматом WMF стоит только в крайних случаях для передачи "голых" векторов. WMF искажает (!) цвет, не может сохранять ряд параметров, которые могут быть присвоены объектам в различных векторных редакторах, не понимается программами на Macintosh.

PICT (Macintosh QuickDraw Picture Format) Стандарт для буфера обмена Macintosh. Способен нести как растровую, так и векторную информацию. Поддерживается на Mac'e всеми программами. На РС имеет расширение .pic или .pct. PICT читается рядом программ, но работа с ним редко бывает простой и бесхитростной.

Информация о работе Векторная графика в интернете