Картинка «растровая»,
а графика «векторная».

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

Графический формат — это способ записи графической информации и делится он на векторный и растровый (подробней о них в следующей статье).

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

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

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

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

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

Считаем: 

10 см = 3,9 дюйма; 15 см = 5,9 дюймов.

По вертикали: 3,9 * 300 = 1170 точек.
По горизонтали: 5,9 * 300 = 1770 точек.

Итак, число пикселей растровой матрицы  1170 * 1770 =  2 070 900.

Теперь решим, сколько цветов мы хотим использовать. Для черно-белого изображения используют обычно 256 градаций серого цвета для каждого пикселя, или 1 байт. Получаем, что для хранения нашего изображения надо 2 070 900 байт или 1,97 Мб.

Для получения качественного цветного изображения надо не менее 256 оттенков для каждого базового цвета. В модели CMYK соответственно их 4: голубой, пурпурный, желтый и черный. Получаем общее количество байт – 4 на каждый пиксел. Соответственно, размер хранимого изображения возрастает в четыре раза и составляет 7,88 Мб.

Для создания макета для полиграфии фотографии сканируют с разрешением 600 dpi, следовательно, размер файла вырастает еще вчетверо.

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

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

Стартап...

«Рисовать» будем в Иллюстраторе.... или Фотошопе, а в чем разница, спросят некоторые. Действительно, в чем?

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

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

1. Растровая графика
2. Векторная графика
3. Трехмерная графика
4. Фрактальная графика
5. Символьная графика

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

• для растровой – Adobe Photoshop
• для векторной  – Adobe Illustrator
• трехмерную графику создаем в 3Ds Max или Maya
• для генерации фракталов будем использовать – UltraFractal

Ну и какой же дизайн без шрифтового оформления, в нашем случае это называется – типографика. Для работы со шрифтами мы будем использовать Adobe Type Manager Deluxe, данный программный продукт позволяет работать как со шрифтами Type 1 так и PostScript.

Приветствую!

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

Данный блог рассчитан на новичков в мире дизайна. Я расскажу, что такое графический дизайн, с чем его "едят" и как правильно всем этим пользоваться. Познакомлю вас с прикладными программами линейки Adobe, Corel, Pantone и многими другими, менее известными, но не менее полезными. Мы научимся делать: плакаты, календари, открытки, верстать журналы и книги, приглашения на свадьбы и дни рождения, поздравлять красиво своих любимых, все это и многое другое, своими руками и по всем канонам дизайна.

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

С наилучшими пожеланиями, Денис Сергеевич!