понедельник, 4 августа 2014 г.

Adobe Illustrator против CorelDRAW

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

Первым моим местом работы был цех по производству наружной рекламы и по совместительству типография. На тот момент это был начинающий бизнес с одним компьютером, на котором работал один из владельцев. Мне пришлось ходить на работу со своим ноутбуком - чего не сделаешь ради драгоценного опыта и возможности войти в русло профессиональной деятельности. Мой начальник в то время работал, с давно устаревшим и лишённым всякой поддержки Free Hand, компании Macromedia (смотри справку). Я же стал работать с Adobe Illustrator, который мне был предоставлен со всеми правами и легальным серийным номером.

За пол года я в значительной степени привык к работе с Иллюстратором и считал, что прочие продукты подобного рода значительно уступают данному приложению в удобстве и качестве программного кода. Так моё мнение стало предвзятым и таковым оставалось много лет. За это время я успел сменить несколько работодателей и мест работы, среди которых были типографии, производство наружной рекламы и вывесок, студия дизайна и разработки веб-приложений, рекламное агентство. Постепенно я стал сталкиваться с редактором CorelDRAW. От отсутствия опыта работы с программой, я плевался и задавался вопросом: "Почему этот противный Corel?".

Теперь, когда два года подряд в повседневной работе я пользуюсь именно CorelDRAW, а выполняя работы, как фрилансер Adobe Illustrator у меня есть ответы на многие вопросы, кроме одного: "Что же, всё таки лучше?".

Попробуем разобраться в этом вместе с Вами, при помощи несложной таблицы:


Параметр Adobe Illustrator CorelDraw
Нагрузка на систему - +
Цена - +
Совместимость + -
Файловая поддержка + -
Баги + -
Функционал + -
Мягкость / Чувствительность + -
Простота - +

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

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

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

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

Как график я владею одинаково хорошо обеими программами, но покупая векторный редакторы, отдал бы предпочтение Adobe Illustrator. Мой главный довод звучал бы примерно так:

При покупке CorelDRAW экономия очевидна лишь на первый взгляд. Купив Corel, придётся купить отдельно Photoshop, а это более чем половина цены целого пакете Adobe Creative Suite 6 Design Standard, куда так же включён Illustrator.

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

Совместимость программного обеспечения и файловая поддержка, как не странно, но так же уперается в стену под названием "время - деньги". Всё дело в том, что CorelDRAW не всегда корректно открывает файлы .PDF и .EPS созданные при помощи Illustrator, а это значительно затрудняет файлообмен с другими компаниями, работу со стоковыми изображениями, большинство из которых предоставляется именно в формате .EPS.

Adobe Illustrator в отличии от CorelDRAW отличается глубокой интеграцией, не только с Photoshop, но и с другими продуктами корпорации. Хорошим примером является плотное взаимодействие Illustrator с Flash - при импорте файла .AI в среду Флеш, можно получить не просто исходное изображение, а и всю структуру слоёв. Такой высокий уровень совместимости позволяет быстро и без лишних проволочек решать поставленные задачи. Так же Иллюстратор без проблем открывает, корректно закрытые (созданные) файлы любых графических форматов, включая .CDR.

Таким образом мы охватили сразу две строки из таблицы, продолжим...

Баги или ошибки программного кода, это всегда не приятно, особенно если Ваши пальцы ещё не научились без вашего ведома нажимать CTRL+S (сохранить). Мне доводилось работать в различных условиях и на машинах различной мощности, как с Adobe Illustrator, так и с CorelDRAW. Стабильности Иллюстратора можно только позавидовать, даже на маломощном компьютере, когда на улице +40, а в помещении работает один вентилятор, программа справлялась с тяжёлыми (большого размера) файлами, чего не скажешь о Corel.

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

CorelDRAW уникальная программа, я знаком с ней, начиная с десятой версии, сегодня на официальном сайте продаётся семнадцатая. От версии к версии одни ошибки сменяют другие, однако есть и такие, без которых не возможно представить себе Corel. Главным багом я считаю внезапное закрытие программы без всяких видимых на то причин - просто выбивает и всё, и если Вы вовремя не сохранились, это ваши проблемы (видимо так считают разработчики). Самая соль этого бага, что закрытие программы (15, 16, 17 версии), чаще всего происходит во время сохранения.

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

В четырнадцатой, в один "прекрасный момент" Corel перестаёт показывать курсор текста, выделение объекта, и прочие распознавательные знаки в рабочем пространстве. Так же версия номер четырнадцать отличается отказом обозначать выделение, при попытке выбрать один символ из написанного текста.

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

Функциональность программы и её мягкость / чувствительность к деталям, даёт возможность дизайнеру творить, превращая компьютерную графику в искусство. Обе программы имеют один и тот же базовый комплект инструментов и функций, но если капнуть глубже, то Corel значительно уступает Illustrator в наборе функций и качестве их работы.

Приведу по одному примеру отсутствия נинструмента и инструмента с недостатками.

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

Инструмент создающий 3D эффект. Если посмотреть на одинаковые картинки созданные при помощи данного инструмента в Иллюстраторе и CorelDRAW, то отличия будут видны не вооружённым взглядом. Adobe Illustrator создаёт практически идеальную форму, в то время как Корел "рубит топором из дерева".

Делаем вывод - плохая картинка, не довольный заказчик - не довольный заказчик, потеряно время и т.д.

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

Простота обращения, фактор довольно неоднозначный, но всё же я склоняюсь к мысли, что CorelDRAW программа, более простая в обращении, нежели её оппонент, но это лишь моё мнение. Описанию этого пункта я не буду уделять много времени и остановлюсь на фразе: "Дело привычки!".

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

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

Справка
Компания Macromedia, была продана корпарации Adobe Systems 19.04.2005 г. за три миллиарда четыреста десять миллионов долларов. В результате такого "слияния" прекратилась поддержка и дальнейшая разработка векторного редактора Free Hand. Занимавшего на то время лидирующие позиции среди инструментов графического дизайна.


воскресенье, 8 сентября 2013 г.

Cоздаём пиксельный (точечный) фон для сайта/блога

* Особые навыки и знание программы не обязательны!

Для работы нам понадобится Adobe Photoshop, любой версии (в данном случае я использовал Photoshop CS 5), а также капля терпения и 10-15 минут свободного времени.

1. Запускаем программу Photoshop

2. Создаём новый документ


а.   В главном (верхнем) меню программы переходим File > New
б.   В открывшемся окне устанавливаем необходимые нам параметры
в.   Выбираем на панели инструментов «Лупу» (Zoom) и увеличиваем (кликая по центру документа) на сколько позволяет программа 


3. Выбираем необходимый цвет и закрашиваем документ

а.   Выбираем цвет фона соответствующий дизайну сайта/блога


б.   На панели инструментов выбираем «Заливку» (Paint Bucket) и кликаем им на получившийся у нас квадрат

4. Рисуем точку в центре документа

а.   Создаём новый слой


или

б.   На панели инструментов выбираем инструмент «Карандаш» (Pencil)
в.   Выставляем толщину линии 1px 
г.   Выбираем белый (или любой другой цвет из палитры)


д.   Кликаем один раз в середину документа

                                                        Увеличить картику

5.
Устанавливаем прозрачность

а.   В верхней части панели «Слои» (Layers) передвигаем бегунок «Прозрачность» (Opacity) до нужного нам значения.

6. Сохраняем получившееся изображение

а.   Идём в главное (верхнее) меню программы File > Save for Web & Devices
б.   В верхней, правой части открывшегося окна, из выпадающего меню выбираем тип картинки, который мы хотим получить (в данном случае PNG-24)

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


                                                                  Увеличить картику


7. Готово. Теперь данный файл может служить фоновым изображением для любой web-страницы.

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



Дополнения и советы

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

   
Что такое "горячие клавиши?

Горячими клавишами называют комбинации кнопок на клавиатуре выполняющие различные функции для ускорения рабочего процесса. Практически все действия в программе Adobe Photoshop можно выполнять двумя способами: 1.) Ходить по вкладкам меню / по панели инструментов мышью, выберая необходимые функции для достижения требуемого результата; 2.)Переключаясь при помощи "горячих клавиш" переключатся между инструментами и выполнять действия не трогая лишний раз мышь, тем самым экономя драгоценное время.



  И так... "Горячие клавиши", которые можно использовать при выполнении данного урока:

  а.   Создаём новый документ (File > New) = Ctrl + N

  б.   Выбираем инструмент "Лупа" (Zoom) = Z

  в.   Выбираем инструмент "Заливка / Градиент" (Paint Bucket / Gradient) = G

  г.   Создаём новый слой (Layer) = Shift + Ctrl + N

  д.   Выбираем инструмент «Карандаш / Кисть» (Pencil / Brush) = B

  е.   Регулируем толщину кисти / карандаша = Ctrl + [ или Ctrl+] - работает
в версии CS 2 и выше

  ж.   Сброс цветов на стандартные (Чёрный и Белый) = D

  з.   Переключение между двумя выбранными цветами = X

  и.   Установка прозрачности = 1,2,3,4,5,6,7,8,9,0 - каждая из цифр соответствует десятикратному значению прозрачности слоя (Opacity), ноль означает 100%. Для установки промежуточных значений нажимайте две клавиши подряд, на пример для установки значения прозрачности 35% необходимо нажать кнопки 3 и 5. Управление прозрачностью с помощью клавиатуры может не срабатывать, если в момент переключения не выбран инструмент "Движение" (Move). Для быстрого выбора нажмите клавишу V, а за тем установите значение прозрачности.

  к.   Сохраняем документ для Web = Ctrl + Shift + Alt + S


 2.   Формат файла

   
Что такое PNG
и чем он отличается от других форматов?


  Почему мы сохранили файл именно в формате PNG?

  а.   Файлы более популярного JPG имеют свойство со временем портится (терять в качестве). Если же взять формат GIF, то PNG выгодно отличается от своего собрата качеством, хотя на такой маленькой картинке это можно и не заметить.

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

Стоит отметить, что скорость загрузки страницы влияет на выдачу в таких поисковых машинах, как Google, Яндекс, Bing и прочие.

Если сравнить три формата c одинаковым содержимым (конечным результатом нашего урока):

JPG
= 322 b
PNG = 120 b
GIF = 45 b


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

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

пятница, 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" обозначает версию программы, в которой был сохранён файл. Как правило, в редакторах более низкой версии, нежели указано в расширении, файл не открывается или открывается с различными погрешностями и неточностями.

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