Чтение онлайн

Рис. 1.1. Изображение обезьяны в растровом (слева) и векторном (справа) виде.

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

СОВЕТ

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

Растровая графика

Как вы, наверное, уже прочитали во вступлении, Photoshop CS – это редактор (причем лучший) растровой графики. Следовательно, этому способу представления изображений стоит уделить особое внимание, что мы и сделаем.

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

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

Растровое изображение выстраивается из элементарных «кирпичиков» разных цветов, называемых пикселами. Вы наверняка видели мозаику на стенах зданий. Если отойти от них на определенное расстояние, то перестаешь замечать, что изображение выложено из кусочков. Аналогичная ситуация и с растровой картинкой. Возьмем любое изображение, выберем небольшой фрагмент и увеличим его в 20 раз (масштаб – 2000 %, рис. 1.2).

Рис. 1.2. Результат увеличения фрагмента изображения в 20 раз.

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

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

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

Чтобы несколько систематизировать рассмотрение растровой графики, определим ее основные понятия.

1.2. Основные понятия растровой графики

Пиксел

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

СОВЕТ

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

Bitmap (Битовая карта)

Вскоре вы столкнетесь с одноименным понятием (Bitmap) в Photoshop. Однако это вовсе не одно и то же. Там этот термин обозначает одну из цветовых моделей, в нашем случае он имеет более широкое значение. Битовая карта – синоним понятия «растровое изображение». Во многих программах (к примеру, 3ds max) слово bitmap употребляется в значении «использовать растровую картинку», и это необходимо запомнить.

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

Resolution (Разрешение)

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

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

Снизу утеряны все мелкие детали, переходы цветов резкие, одним словом, изображение не подходит для использования. А ведь изменили только разрешение! И, обратите внимание, что мы можем заметить? Правильно, пикселы!

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

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

И вот в чем причина. Монитор ведь тоже обладает собственным разрешением. Посмотрите его в свойствах дисплея в Control Panel (Панель управления). Для 14-дюймовых мониторов это, как правило, 800 на 600 пикселов, для 15– и 17-дюймовых – 1024 на 768, у больших, соответственно, разрешение повышается. Обратите внимание, что мы говорим о нормальном разрешении, при котором монитор работает оптимально, а вовсе не о максимально поддерживаемом. Итак, представим, что ваш 17-дюймовый монитор работает в режиме 1024 на 768. Следовательно, его линейное разрешение – 72 пиксела на дюйм. Стандартное изображение, как правило, имеет аналогичное разрешение. Нетрудно догадаться, что оно будет отображено на вашем мониторе с реальными размерами.

Рис. 1.3. Изображение с высоким (сверху) и низким (снизу) разрешением.

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

С разрешением непосредственно связан и размер графического файла. Арифметика тут несложная. Чем больше разрешение, тем больше пикселов, а, следовательно, увеличивается и размер файла. Посчитаем, к примеру, сколько будет занимать картинка размером 100 на 100 пикселов в 24-битном цвете (то есть на описание каждого пиксела уходит 24 бит). 100 x 100 = 10 000 (общее количество пикселов), умножаем это число на 24 и получаем 240 000 байт (или 23 Кбайт).

СОВЕТ

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