Создание информационного листка(буклета) в Adobe Photoshop и Adobe Illustrator

Создание информационного буклета в Adobe
Photoshop и Adobe Illustrator

2-е издание, исправленное

Платонова Н.С.

Национальный Открытый Университет “ИНТУИТ”
2016

2

УДК [004.422.8:519.67](07)
ББК 18
П37
Создание информационного листка(буклета) в Adobe Photoshop и Adobe Illustrator / Платонова Н.С. M.: Национальный Открытый Университет “ИНТУИТ”, 2016 (Лицей информационных технологий)
ISBN 978-5-9963-0038-9

Данный курс призван дать учащимся основные навыки оформления графических объектов
средствами графических редакторов и применения на практике знаний по цветовому решению и
композиции.
В курсе дается понимание принципов построения и хранения изображений, изучаются форматы
графических файлов и целесообразность их использования при работе с различными графическими
программами и задачами применения графики. Описываются основные приемы рисования и
редактирования растровой и векторной графики, с использованием инструментов редактора Adobe
Illustrator. Дается общие понятия о предпечатной подготовке материалов. Учащиеся знакомятся с
программой Adobe Acrobat и ее основными приемами работы с документами.

(c) ООО “ИНТУИТ.РУ”, 2009-2016
(c) Платонова Н.С., 2009-2016

3

Типы компьютерной графики. Основные понятия растровой
графики. Цветовые модели

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

Цели занятия

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

Содержание занятия

Существует разделение на несколько типов компьютерной графики. Мы рассмотрим
подробно два из них:

векторные изображения
растровые (или пиксельные, или битовые)

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

Рис. 1.1. Растровые и векторные графические изображения относятся к различным
типам компьютерной графики

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

Векторные изображения применяют при создании чертежей, графиков, схем, карт; с

4

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

Такие изображения создаются в специальных программах - векторных редакторах,
например Adobe Illustrator, Adobe Flash, Corel Draw, Autodesk Autocad и других.
Поскольку векторные изображения описываются уравнениями, мы не можем увидеть
их в “настоящем” виде.

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

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

Битовые графические изображения, называемые также растровыми, “обязаны своим
существованием “мелким дискретным элементам, образующим распознаваемое
изображение.

Рис. 1.2.  Пример мозаики из камня

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

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

Ярким образцом растрового изображения является цифровая фотография.

5

Как и векторные, растровые изображения создаются и редактируются в программах растровых редакторах, таких, как Adobe Photoshop, Corel Photopaint, Microsoft Paint и
других.

Рассмотрим основные понятия пиксельной (растровой) графики подробнее.

Пиксел (pixel), являющийся сокращением от picture element (элемент картинки) наименьший единый элемент растровой графики. (В живой речи слово употребляется в
двух вариантах - “пиксел” и “пиксель”. В литературе чаще встречается “пиксел”.)

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

Для определения понятия разрешения необходимо выбрать единицу длины; чаще всего
используют британскую - дюйм (inch), равный 2,54 cм. Можно рассматривать и
метрическую систему, но эта система не прижилась среди специалистов, поэтому
фактически не используется.

Число пикселов на единицу длины называется разрешением изображения (image
resolution), и его количественной единицей считается ppi (pixels per inch - пикселы на
дюйм).

Изображение с большим разрешением содержит больше пикселов (и меньшего
размера), чем у изображения с меньшим разрешением (и большего размера).

Для лучшего усвоения понятия разрешения можно предложить учащимся небольшую
задачу:

5 клеточек в тетради по длине приблизительно равны одному дюйму; отметьте
полоску из пяти клеток и закрасьте одну клеточку. Если размер пиксела будет
размером с эту клеточку, какое будет разрешение у этого изображения? (5ppi)
Еще раз отметьте такую же полоску и закрасьте квадратик в четверть клеточки.
Как изменилось разрешение? Каково оно? Как изменился размер пиксела? (10 ppi,
разрешение изменилось в 2 раза, размер пиксела - в 4 раза)

Разрешение показывает, сколько пикселов содержится в одном линейном дюйме, и,
если известны размеры изображения, можно точно сказать, сколько пикселов в нем
содержится. Например, если изображение имеет размер 1 дюйм на 1 дюйм, а
разрешение изображения равно 8 ppi, можно заключить, что все изображение содержит
64 пиксела. Если разрешение - 16 ppi, изображение этого же размера должно содержать
256 пикселов. При этом размер пиксела уменьшается в 4 раза.

Ни 8, ни 16 пикселов на дюйм не могут обеспечить качественное изображение. Такое
разрешение слишком мало для человеческого зрения. На (рис. 1.3.) показаны линейка в
один дюйм и согласование числа пикселов с разрешением изображения. Обратите
внимание, что крайнее правое изображение было создано с разрешением 72 ppi 
6

разрешением экранов мониторов - и выглядит прекрасно. Это наименьшее разрешение,
при котором наш глаз различает “картинку” как единое целое, а не “набор
квадратиков”, при просмотре с расстояния “работы с книгой или компьютером”.

8 ppi
16 ppi
72 ppi

Рис. 1.3. Разрешение растрового изображения выражено в количестве пикселов на
дюйм (ррi)

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

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

Необходимо убедить учащихся в существовании физических ограничений на этот
размер (ячейки монитора, точки на бумаге, возможностей нашего зрения).

Разрешающая способность экрана

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

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

Экранная матрица монитора может быть разной размерности (в пикселах): 640.480,
800.600, 1024.768, 1600.1200… Поскольку сам экран физически не меняется, то при
использовании видеокарты с большим разрешением размер ячейки будет меньше, а
детальность изображения - выше.

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

Программы пиксельной графики и Web-браузеры отображают пикселы изображения

7

при помощи пикселов экрана: если разрешение документа совпадает с разрешением
экрана, то отображение на экране будет отображаться “пиксел в пиксел”.

Если у документа разрешение превышает экранное, то при масштабе 100%
отображаться документ будет в несколько раз увеличенным. Например, изображение с
разрешением 144 ppi на экране монитора будет в два раза больше, чем изображение с
разрешением 72 ppi, даже если их геометрический размер будет одинаковым.

Считается правильным готовить изображения для показа на экране монитора
(презентации, web-странички, анимация и видео) с разрешением 72 ppi или 96 ppi.
Большее разрешение в этом случае не даст улучшения качества картинки, а только
увеличит ее размер и объем файла.

Разрешение принтера

Разрешение принтера связано с количеством точек на дюйм (dots per inch - dpi),
которые он может воспроизводить при печати.

Лазерные и струйные принтеры имеют техническое разрешение от 600 до 1200 dpi и
годятся для распечатки тоновых изображений с разрешением от 150 до 300ppi.

Зависимость между техническим разрешением принтера и разрешением изображения
отличается в 4 раза. Если вы точно знаете, что ваш струйный цветной принтер имеет
разрешение 800 dpi, значит изображение для печати на этом принтере должно иметь
разрешение 200 ppi.

При рассмотрении разрешения изображения для печати на принтере полезно ответить
на следующие вопросы:

1. Если фотография скачана со странички Интернета, на каком принтере ее качество

будет лучше - с техническими параметрами 600 dpi или 1200 dpi? (Одинаково
некачественно, т. к. ее разрешение 72 ppi, что мало для печати на принтере)

2. Если изображение подготовлено с разрешением 150 ppi, на каком принтере его

качество будет лучше - с техническими параметрами 600 dpi или 1200 dpi?
(Одинаково)

3. Если изображение подготовлено с разрешением 300 ppi, на каком принтере его

качество будет лучше - с техническими параметрами 600 dpi или 1200 dpi? (На
втором принтере, т. к. его характеристики позволяют напечатать данное
изображение с лучшим качеством)

4. Если изображение подготовлено с разрешением 600 ppi, на каком принтере его

качество будет лучше - с техническими параметрами 600 dpi или 1200 dpi? (На
втором принтере, т. к. его характеристики позволяют напечатать данное
изображение с лучшим качеством, но при этом увеличение объема файла в 4 раза
не является оправданным. Качество печати не будет отличаться от печати
изображения с разрешением в 300 ppi)

8

Полиграфическая печать

Полиграфическая печать полутоновых или цветных изображений возможна только с
использованием технологии растрирования, которая преобразует уровни тона
изображения в совокупность растровых точек различной площади. Более темным
участкам изображения соответствуют более крупные растровые точки, более светлым более мелкие. Частота растровых точек в одном изображении поддерживается
неизменной и измеряется числом линий на дюйм (lines per inch - lpi). Частота растра
иначе называется линиатурой растра. Качество полиграфического оттиска зависит от
многих факторов, но в немалой степени - от разрешения изображения и линиатуры
растра. Соотношение между этими двумя параметрами можно определить следующей
формулой: для печати изображения используется разрешение, превышающее
линиатуру выводного устройства в 1,5-2 раза.

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

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

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

Таким образом, все компьютерные изображения можно разделить по целям
использования и выделить приоритетные размеры разрешения изображения в
зависимости от этих целей (рис. 1.4.).

Изображения для монитора
- 72 ppi, 96 ppi

Изображения для печати на
принтере - 150-300 ppi

Полиграфическая
печать - 300 ppi

Рис. 1.4. Все растровые изображения можно условно разделить по целевому
использованию

9

Пиксел обладает двумя отличительными характеристиками:

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

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

Понятие глубины цвета - это чистая метафора. Специалисты, которые ввели в оборот
это понятие, представили мысленно, как дополнительные битовые матрицы
информации располагаются “как бы в глубину”.

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

Единица глубины цвета - b/p (бит на пиксел).

Типы изображений по глубине цвета

Установка глубины цвета необходима в начале работы с изображением и определяет
его тип и количество возможных оттенков тона (цвета).

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

Компьютерная

палитра

Цветовая
глубина

Цветовой режим в Photoshop,

пояснения
Пример

Черно-белое
(2 цвета)

1 b/p
Штриховой рисунок (BITMAP)
Глубина цвета у черно-белой
штриховой графики равна 1 биту,
поэтому такую графику иногда
называют “однобитовой”.
Единственный бит информации
может указывать состояние
“включено” или “отключено”. Это
означает, что существует два
возможных цвета - белый (ток
включен) или черный (ток отключен)

10