Основной элемент растровой графики. Электронный учебник по курсу "повышение квалификации руководящих работников, специалистов и преподавателей вуза в области икт". Достоинства растровой графики

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

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

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

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

Таблица 1. Связь между линейным размером иллюстрации и размером файла

Таблица 2. Связь между размером иллюстрации (в пикселях) и размером отпечатка (в мм)

Цветовое разрешение и цветовые модели

При работе с цветом используются понятия цветовое разрешение (его еще называют глубиной цвета) и цветовая модель. Цветовое разрешение определяет метод кодирования цветовой информации, и от него зависит то, сколько цветов на экране может отображаться одновременно. Для кодирования двухцветного (черно-белого) изображения достаточно выделить по одному биту на представление цвета каждого пикселя. Выделение одного байта позволяет закодировать 256 различных цветовых оттенков. Два байта (16 битов) позволяют определить 65 536 различных цветом. Этот режим называется High Color. Если для кодирования цвета используются три байта (24 бита), возможно одновременное отображение 16,5 млн цветов. Этот режим называется True Color.

Цвета в природе редко являются простыми. Большинство цветовых оттенков образуется смешением основных цветов. Способ разделения цветового оттенка на составляющие компоненты называется цветовой моделью. Существует много различных типов цветовых моделей, но в компьютерной графике, как правило, применяется не более трех. Эти модели известны под названиями: RGB, CMYK и HSB. Цветовая модель RGB наиболее проста для понимания и очевидна. В этой модели работают мониторы и бытовые телевизоры. Любой цвет считается состоящим из трех основных компонентов: красного (Red), зеленого (Green) и синего (Blue). Эти цвета называются основными. Считается также, что при наложении одного компонента на другой яркость суммарного цвета увеличивается. Совмещение трех компонентов дает нейтральный цвет (серый), который при большой яркости стремится к белому цвету. Это соответствует тому, что мы наблюдаем на экране монитора, поэтому данную модель применяют всегда, когда готовится изображение, предназначенное для воспроизведения на экране. Если изображение проходит компьютерную обработку в графическом редакторе, то его тоже следует представить в этой модели. В графических редакторах имеются средства для преобразования изображений из одной цветовой модели в другую.

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

Нетрудно догадаться, что чем меньше яркость, тем темнее оттенок. Поэтому в аддитивной модели центральная точка, имеющая нулевые значения компонентов (0, 0, 0), имеет черный цвет (отсутствие свечения экрана монитора). Белому цвету соответствуют максимальные значения составляющих (255, 255, 255). Модель RGB является аддитивной, а ее компоненты -- красный, зеленый и синий -- называют основными цветами.

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

* голубой (cyan)=белый?красный=зеленый+синий;

* пурпурный (magenta)=белый?зеленый=красный+синий;

* желтый (yellow)=белый?синий=красный+зеленый.

Эти три цвета называются дополнительными, потому что они дополняют основные цвета до белого.

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

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

Некоторые графические редакторы позволяют работать с цветовой моделью HSB. Если модель RGB наиболее удобна для компьютера, а модель CMYK -- для типографий, то модель HSB наиболее удобна для человека. Она проста и интуитивно понятна. В модели HSB тоже три компонента: оттенок цвета (Hue), насыщенность цвета (Saturation) и яркость цвета (Brightness). Регулируя эти три компонента, можно получить столь же много произвольных цветов, как и при работе с другими моделями.

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

Цветовая палитра -- это таблица данных, в которой хранится информация о том, каким кодом закодирован тот или иной цвет. Эта таблица создается и хранится вместе с графическим файлом. Самый удобный для компьютера способ кодирования цвета -- 24-разрядный, True Color. В этом режиме на кодирование каждой цветовой составляющей R (красной), G (зеленой) и В (синей) отводится по одному байту (8 битов). Яркость каждой составляющей выражается числом от 0 до 255, и любой цвет из 16,5 миллионов компьютер может воспроизвести по трем кодам. В этом случае цветовая палитра не нужна, поскольку в трех байтах и так достаточно информации о цвете конкретного пикселя.

Существенно сложнее обстоит дело, когда изображение имеет только 256 цветов, кодируемых одним байтом. В этом случае каждый цветовой оттенок представлен одним числом, причем это число выражает не цвет пикселя, а индекс цвета (его номер). Сам же цвет разыскивается по этому номеру в сопроводительной цветовой палитре, приложенной к файлу. Такие цветовые палитры еще называют индексными палитрами. Разные изображения могут иметь разные цветовые палитры. Например, в одном изображении зеленый цвет может кодироваться индексом 64, а в другом изображении этот индекс может быть отдан розовому цвету. Если воспроизвести изображение с "чужой" цветовой палитрой, то зеленая елка на экране может оказаться розовой. В тех случаях, когда цвет изображения закодирован двумя байтами (режим High Color), на экране возможно изображение 65 тысяч цветов. Разумеется, это не все возможные цвета, а лишь одна двести пятьдесят шестая доля общего непрерывного спектра красок, доступного в режиме True Color. В таком изображении каждый двухбайтный код тоже выражает какой-то цвет из общего спектра. Но в данном случае нельзя приложить к файлу индексную палитру, в которой было бы записано, какой код какому цвету соответствует, поскольку в этой таблице было бы 65 тысяч записей и ее размер составил бы сотни тысяч байтов. Вряд ли есть смысл прикладывать к файлу таблицу, которая может быть по размеру больше самого файла. В этом случае используют понятие фиксированной палитры. Ее не надо прикладывать к файлу, поскольку в любом графическом файле, имеющем шестнадцатиразрядное кодирование цвета, один и тот же код всегда выражает один и тот же цвет.

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

Стоит ли тратить время на теорию?

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

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

Разница между растровой и векторной графикой

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

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

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

Преимущества и недостатки

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

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

Области применения

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

Форматы растровой графики

Вспомним, что информация об изображении в нашем случае кодируется с помощью точек. Единицей измерения в этой кодировке служит пиксел. Это - наименьшая точка, которую невозможно поделить ни в отношении размера, ни в отношении цвета.

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

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

Основным отличием между форматами остается способ сохранения информации. Рассмотрим наиболее распространенные.

BMP

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

TIFF

Достаточно громоздкий в масштабах цифровых хранилищ, однако просто незаменимый при выводе информации на печать. В отличие от BMP он поддерживает возможность информации. Причем для этого можно использовать не один, а несколько разных алгоритмов. Однако если вы не работаете в отрасли полиграфической печати или хотя бы какого-то издательства, серьезная мощность этого формата вам особо не понадобится.

GIF

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

JPEG

Наиболее популярный формат. И это вполне заслуженно. Любые графические редакторы растровой графики без сомнения поддерживают этот формат. Он был разработан с конкретной целью - избавиться от ограничений, налагаемых сжатием GIF-файлов. в этом формате достигает коэффициента в 100 единиц. Это большой показатель. Однако у такого сжатия все-таки есть свои недостатки - происходит некоторая потеря данных, и не исключено, что сохраненное изображение станет несколько размытым. Так как этот формат попросту откидывает информацию, которую считает незначительной, всегда существует риск искажения некоторых деталей.

JPEG 2000

Улучшенный вариант ранней версии. Информация об изображении сжимается еще более компактно, а потерь в качестве стало значительно меньше. Чаще всего этот формат используется для хранения фотографий на жестком диске компьютера и на просторах интернета. Однако следует помнить, что если вы будете неоднократно сохранять одно и то же изображение в форматах JPEG или JPEG 2000, оно каждый раз будет терять частички информации, и в конечном итоге вы получите значительно искаженную, по сравнению с оригиналом, картинку.

PNG

Значительно улучшенный по качеству собрат формата GIF. Сохранив буквально все преимущества своего предшественника, он лишен его недостатков. Используется как для так и в дизайне веб-страниц. Кроме того, PNG, в отличие от GIF, официально находится в свободном доступе.

PSD

Растровая графика в формате PSD обрабатывается исключительно в программе Adobe Photoshop. Это внутренний пакет этой программы. Он поддерживает работу со слоями редактируемого изображения.

CDR

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

Редакторы растровой графики

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

Наиболее популярной среди пользователей на данный момент является программа Adobe Photoshop, в простонародье именуемая просто "Фотошопом". Эта разработка, по сути, монополизировала работу с растровыми изображениями в среде специалистов по дизайну. Однако программа эта платная и стоит она не так мало. Поэтому начали появляться разработки других компаний. Некоторые из них уже получили достаточно широкое применение.

Что до самого "Фотошопа", то это никак не отразилось на его популярности. программы достаточно простой, а в разнообразных видеокурсах и самоучителях недостатка не наблюдается.

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

Графический редактор GIMP

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

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

Графический редактор Corel DRAW

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

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

Бесплатные графические редакторы

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

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

Для более серьезных работ подойдет Picasa. Этот редактор заточен под использование в компьютерных сетях. Его новые возможности позволят вам еще проще оформлять свои страницы в социальных сетях. А встроенные эффекты для редактирования не разочаруют даже искушенного специалиста.

Еще одна интересная программа - это Paint.NET. Она очень похожа по своим функциям и возможностям на Adobe Photoshop. А используемые в Paint.NET инструменты могут составить серьезную конкуренцию упомянутому коммерческому аналогу.

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

Понятие растрового изображения

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

Каждое изображение имеет фиксированное количество пикселов. Их вы можете видеть на экране монитора, большинство из которых отображают примерно от 70 до 100 пикселей на 1 дюйм (фактическое количество зависит от вашего монитора и настройки самого экрана).

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

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

Размер изображения и его разрешение

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

Чем больше разрешение, тем меньше размер пиксела и тем больше их приходится на 1 дюйм, и соответственно тем лучше качество картинки.

Разрешение подбирается для каждого изображения индивидуально и зависит от того, где Вы планируете его использовать:

• если вы планируете использовать его для размещения в Интернете, то разрешение выбирается 72 ppi, поскольку основным критерием для Интернета является скорость загрузки изображений, а не их изумительное качество, именно поэтому выбираются соответствующие форматы сохранения файлов, где качество стоит далеко не на первом месте.
• если вы захотите напечатать изображение, то разрешение должно быть гораздо больше чем 72 ppi. Так, для того чтобы распечатать изображение в хорошем качестве разрешение его должно быть в диапазоне 150-300 ppi. Это основное требование для фототипографий, печатающих журналы, каталоги и малоформатную продукцию (буклеты, флаеры, рекламные листовки).

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

Размер изображения в растровой графике — это физический размер файла, в котором хранится это изображение. Он пропорционален размеру изображения в пикселах.

Программа Photoshop показывает соотношение между размером изображения и его разрешением. Это можно просмотреть, открыв диалоговое окно «Размер изображения», находящееся в меню «Изображение». При внесении изменений в одну из данных величин все остальные автоматически будут приведены в соответствии с измененной.

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

• размер изображения в пикселях
• битовая глубина
• цветовое пространство
• разрешение изображения

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

Форматы растровых изображений

К самым распространенным форматам растровых изображений относятся:

• JPEG, JPG

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

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

Программы для работы с растровой графикой

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

• Adobe Photoshop
• Adobe Fireworks
• Corel Photo-Paint
• Corel Paint Shop Pro
• Corel Painter
• Paint

Как по мне, то редактор Adobe Photoshop – является самой лучшей из программ.

По сравнению от этого типа графики, векторная графика также имеет немало достоинств. Давайте их рассмотрим.

Что такое векторные изображения

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

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

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

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

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

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

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

С другой стороны, векторное изображение может быть довольно легко преобразовано в растровое. Этот процесс называется растрированием. Также, при преобразовании Вы можете указать любое разрешение будущего растрового изображения.

Векторные форматы

К самым распространенным форматам вектора относятся:

• AI (Adobe Illustrator);
• CDR (CorelDRAW);
• CMX (Corel валютный);
• SVG (масштабируемая векторная графика);
• CGM Computer Graphics Metafile;
• DXF AutoCAD.

Самые популярные программы для работы с векторами: Adobe Illustrator, CorelDRAW и Inkscape.

Так чем же отличаются векторные и растровые изображения?

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

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

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

Растровые изображения обладают множеством характеристик, которые должны быть фиксированы компьютером. Размеры изображения и расположение пикселей в нем - это две основные характеристики, которые файл растровых изображений должен сохранить, чтобы создать картинку. Еще одна – цвет . Например, изображение описывается конкретным расположением и цветом каждой точки сетки, что создает изображение примерно так как в мозаике.

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

Глубина кодируется 24 bit на точку – это примерно 16 500 000 цветов. Этот режим называют «Настоящий цвет» . Кодирование в 16 bit на точку позволяет различать 65 536 оттенков цвета. Этот режим получил название «Качественный цвет» . Кодирование в 8 bit на точку позволяет различить всего 256 оттенков цвета. Этот режим известен как «Фиксированные цвета» . Эти понятия непосредственно связаны со второй группой понятий «Цветовые форматы» , о которых мы будем говорить на следующих уроках.

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

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

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

Таким образом, растровое представление обычно используют при сканировании и обработке графических изображений с большим количеством деталей и оттенков, например, фотографий, при создании изображений для использования в других программах, в частности для передачи другим пользователям по сети Internet , при создании различных художественных эффектов, которые возможны благодаря специальным программным фильтрам. Самые известные программы растровой графики — Adobe Photoshop и Corel PHOTO-PAINT .

В каких случаях лучше использовать растровую графику?

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

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

Пиксель характеризуется не только цветом, но и прозрачностью при наложении элементов друг на друга. В случае, когда растровое изображение состоит из одного слоя, его можно сравнить с витражом, состоящим из небольших квадратных цветных стекол, или же с узором, вышитым крестиком. Растровые форматы файлов предназначены исключительно для сохранения растровых изображений. К числу наиболее популярных относятся следующие: BMP , PCX , TIFF , CPT , PSD , GIF и JPEG .

Форматы СРТ и PSD используют для сохранения многослойных изображений, а форматы GIF и JPEG применяют главным образом при работе в Internet , (они обеспечивают приемлемое качество изображений при небольших размерах файлов). В зависимости от того, какую обработку изображения планируется выполнить, может возникнуть потребность представления его в том или ином виде (растровом или векторном). Для преобразования растровых изображений в векторные и наоборот используются соответствующие функции программ векторной графики, а также специализированные программы трассировки Adobe Streamline 4.0 , CorelTRACE 9 . Операция трассировки заключается в формировании в автоматическом или ручном режиме векторного изображения, являющегося копией исходного растрового. Создаваемое изображение состоит из отдельных векторных объектов, раскрашенных определенными цветами и расположенных определенным образом друг относительно друга. Операция преобразования векторного изображения в растровое называется растрированием.