Модуль 2. Основы дизайна и печати изображений

Определения и обозначения

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

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

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

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

Как это устроено

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

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

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

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

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

Сравнение растровой и векторной графики

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

Разбор задач

Размер фотографии для плаката

Условие. Фотография имеет размер 2400 × 3000 пикселей, её нужно напечатать с разрешением 300 пикселей на дюйм. Требуется найти ширину и высоту отпечатка в дюймах. Здесь размеры по горизонтали и вертикали нужно вычислить отдельно, поскольку у изображения два измерения.

1. Записываем правило: размер отпечатка в дюймах равен размеру изображения в пикселях, делённому на разрешение печати.
2. Находим ширину: 2400 ÷ 300 = 8 дюймов.
3. Находим высоту: 3000 ÷ 300 = 10 дюймов.

Ответ. Отпечаток получится размером 8 × 10 дюймов. Делить нужно именно каждый размер в пикселях на одно и то же разрешение, потому что оно показывает число пикселей на каждом дюйме бумаги. Если требуется плакат большего размера, следует проверить, хватит ли исходных пикселей для приемлемой чёткости.

Размытый логотип на баннере

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

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

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

Фотография и логотип на одной странице

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

1. Фотографию выбираем растровую: она передаёт мелкие детали и множество оттенков. Проверяем её размеры в пикселях и разрешение при выбранном физическом размере.
2. Логотип предпочтительно использовать в векторном виде, чтобы он оставался чётким при изменении масштаба. Если доступен только растр, проверяем, достаточно ли в нём пикселей для нужного размера.
3. Размещаем оба изображения на странице и открываем предварительный просмотр. Проверяем, помещаются ли они, не обрезаны ли края и достаточно ли хорошо выглядит фотография.

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

Типичные ошибки

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

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

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

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

Связь с другими темами

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

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

Что запомнить

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