пятница, 11 января 2013 г.

Компьютерная графика общий обзор

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

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

Читая далее, Вы узнаете:

Что такое растровая графика
Что такое векторная графика
Отличия и преимущества растра и вектора
Немного о цветовых палитрах
Основные форматы графических файлов


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

Растровая графика
Самым распространённым и пожалуй самым профессиональным инструментом работы с растровыми изображениями без всякого сомнения была и уже на протяжении многих лет остаётся программа
Photoshop, разработанная компанией Adobe. Более подробно Photoshop мы рассмотрим в следующих статьях.

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

.
jpg  или .jpeg
.
tiff
.
png
.
gif
.
bmp
.
psd


Векторная графика
Векторная графика создаётся при помощи различных программ именуемых векторными редакторами. Наиболее используемыми редакторами в профессиональном мире являются:

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

Coral Draw - так же является одной из популярнейших программ используемых для создания компьютерной графики, несмотря на некоторые неудобства и редкий диссонанс между ним и другими графическими редакторами, в том числе и Photoshop. Corel применяется в основном в компаниях по созданию всякого рода вывесок и знаков, оставаясь на рынке графического программного обеспечения в виду своей примитивности и несостоятельности, как конкурента.

Free Hand - несмотря на то что компания Macromedia давно прекратила своё существование, будучи купленной Adobe в связи с высокой конкурентной способностью и качеством выпускаемой продукции, программа по сей день пользуется не малым спросом среди профессионалов.

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

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

.
ai
.
crd
.fhd, .fh8, fh9, fh10, fh11
.eps
.pdf

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

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

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

Если проводить грубую параллель сравнений, то можно сказать что векторная графика, при правильной работе, более гибкая, нежели растровая. Самой распространённой ошибкой (чаще заказчика) является увеличение / требование увеличить растровое изображение, чего ни в коем случае нельзя делать. В случае настойчивого требования заказчика: "Ты же график, что не можешь увеличить!?" - вежливо объясняем, что увеличение фотографии (например) приведёт к потере качества и пикселизации, а за тем делаем то, что от нас требуют, т.к. клиент всегда прав, а ответственность за не качественный продукт мы с себя уже сняли. И так из вышесказанного мы делаем заключение,
  что растровые изображения при увеличении теряют качество, а значит увеличивать их нельзя.

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

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

1. Цветовая гамма на экране сильно отличается от полученной во время печати. Чаще всего такая проблема возникает из-за неправильного определения цветовой палитры для рабочего документа. Для печатной продукции самым распространённым набором цветов стал
CMYK:

C - cyan - синий, M - magenta – розовый (пурпурный), Y - yellow - жёлтый, K - black - чёрный.

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

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

R - red - красный, G - green - зелёный, B - blue – синий

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

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

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

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

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

Grayscale – не сколько популярная, сколько иногда назойлива. Данная палитра содержит в себе все оттенки серого и иногда при создании документа случайно устанавливается, как набор цветов по умолчанию. Не зная о существовании таковой палитры можно долго ломать голову над вопросом "Почему я не могу изменить цвет, того или иного элемента?".

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


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

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

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

1. Формат
JPG - это растровый формат а, следовательно, изображения, хранящиеся в нём нив коем случае нельзя увеличивать. При значительном уменьшении картинка так же теряет в качестве - теряется чёткость, но это поправимо, в отличии от потери качества при увеличении.

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

.BMP или Bitmap
Формат, предназначенный для хранения растровых изображений. Данный тип был разработан компанией
Microsoft и предназначался для изображений составляющих графическую оболочку как Windows, так и других программ. BMP может содержать, как полно объёмную (без применения протоколов сжатия), так и сжатую (сторонними протоколами, на пример JPG/JPEG или PNG) графическую информацию. Практическое применение формат BMP, по-прежнему находит в графических интерфейсах программ разработанных компанией Microsoft, а так же других разработчиков. Его можно встретить в дизайне некоторых сайтов, что случается всё реже. Безусловно, есть и другие сферы применения BMP, но, на мой взгляд, это основные.

.PNG
Очень, с моей точки зрения, практичный и полезный растровый формат. Его главным преимуществом перед
JPG, а они можно сказать сводные братья, является способность хранить в себе изображения с прозрачным фоном, а так же долговечность, т.к. JPG имеет свойство, со временем утрачивать первоначальный вид. К сожалению PNG не очень приспособлен для хранения сложных изображений, на пример фотографий, но идеально подходит для любого элемента веб-дизайна. Формат PNG довольно молод, о чём можно судить хотя бы из того, что браузер Internet Explorer 6 наотрез отказывался правильно отображать файлы этого типа, содержащие изображения с прозрачностью.

- 6!? - скажете Вы.
- Да это прошлый век!


И будете правы, но не совсем, т.к. и сегодня, в конце 2012го года есть пользователи всемирной паутины, использующие
Internet Explorer 6, но это уже другая история...
Ещё одной особенностью рассматриваемого формата является то, что это абсолютно компьютерный формат, не предназначенный никоим образом для вывода на профессиональную печать. Главным образом потому, что PNG не поддерживает палитру цветов CMYK.

.GIF
Среди растровых форматов
GIF единственный, который может содержать не только статические изображения, но и простую покадровую анимацию. Файл формата GIF не предназначен для хранения сложных изображений, что я не считаю недостатком, т.к. данный формат был разработан с целью оставаться относительно лёгким, даже в случае использования анимации. В отличии от других растровых форматов, использующих для сохранения палитру цветов RGB или CMYK, GIF работает с более простым набором цветов - Web colors,содержащая всего 256 различных оттенков.

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

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

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

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

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

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

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

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

.AI
Рабочий файл векторной программы
Adobe Illustrator. Программа более поздней версии может открывать файлы более ранних версий. К сожалению, на оборот это не работает.

.CDR
Рабочий файл векторного редактора
CorelDRAW. Насколько мне известно, версия программы при помощи, которой был сохранён файл, при его открытии большой роли не играет.

.FHD, .FH8, .FH9 и т.д.
Рабочие файлы программы
FreeHand. Число, которое заменяет в некоторых случаях букву "D" обозначает версию программы, в которой был сохранён файл. Как правило, в редакторах более низкой версии, нежели указано в расширении, файл не открывается или открывается с различными погрешностями и неточностями.

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

Комментариев нет:

Отправить комментарий

Ваше мнение очень важно для меня, оставьте пожалуйста свой комментарий...