3. Виды форматов графических файлов

Перечень форматов графических файлов:

● Форматы растровых изображений (см. также Главу 3):

BMP, DIB, RLE, CAM, CLP, CPT, CUR, DCM, DCX, IFF, IMG, JPEG (JP2), GIF, FIF, KDC, LBM, LWF, MrSID, KDC, PBM, PIC, PGM, PNG (APNG), PSD, RAS, RAW, RBS, PCD, PCX, PIC, PIX, Scitex CT (.set), SUN, STING, TGA, TIFF, XPM, др.

● Форматы векторных изображений:

CDR*, XAR, AI*, SVG*, SWF и FLA, EPS*, PICT*, FH7* и др.,

метафайлы: WMF, EMF, PDF, CGM; OLE-объекты; Excel-, DXF-, HPGL-, PLT-графика, файлы Adobe Table Editor, рисунки Lotus PIC и пр.

(помеченные*, могут соединять векторные и растровые представления).

● Форматы анимационных изображений и видео:

- FLA / SWF, FLC, FLI, FLM, ANI, DAT, MJPEG, MVE, BIC, SMR, TDDD.

- GIF (Gif - для хранения простой растровой анимации из нескольких кадров).

Для сложной анимации используют векторную Flash-технологию и её форматы FLA (внутренний формат редактора Flash, т.е. в формате .fla сохраняют рабочие версии файлов) и SWF (формат для готовой flash-анимации, т.е. swf-файлы - скомпилированные оптимизированные файлы анимации, готовые для размещения в Интернете).

- APNG – новый формат растровой анимации (т.е. растровый формат PNG усовершенствовали, добавив возможность поддержки анимации).

Глава 2. Графический редактор adobe photoshop

Программа, в основном, служит для редактирования готовых изображений: для монтажа, коллажей, ретуши, изменение цветности и т.д. Поэтому все команды и инструменты нацелены именно на редактирование изображений, а не на создание новых (хотя возможности для этого тоже есть).

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

Рис. 7. Панель инструментов Photoshop

В начале работы нужно настроить параметры файла: размер, разрешение, цветовую модель - они задаются исходя из цели работы. Если рисунок готовится к печати, нужно использовать цветовой режим CMYK, с высоким разрешением (не менее 300 dpi), изображение должно быть реальных размеров. Если изображение подготавливается для показа на экране (презентация, web-сайт и т.д.), то разрешение лучше устанавливать экранное (96 dpi), режим RGB.

I. Выделение областей в Photoshop

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

В Photoshop есть следующие инструменты выделения: Прямоугольное выделение и Овальное , Лассо , Волшебная палочка .

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

можно сохранять, потом загружать. 1. Простейшие приемы выделения ЗАДАНИЕ. Создание нового изображения. Познакомимся с выделением областей на примере пустого документа с белым фоном. Чтоб его создать, нажмите в меню Файл /Новый (или Ctrl+N). В появившемся окне можно задать:  размеры изображения (в пикселях или в см). Если в буфере обмена есть рисунок (его раньше скопировали командой Копировать), то программа в этом окне предложит размеры нового изображения как размеры этого рисунка.  разрешение (в пикселях на дюйм);  цветовой режим (Bitmap – черно-белый режим как чертеж; режим черно-белое фото; цветной режим RGB, CMYK или Lab),

 фон (белый, прозрачный или цвет фона - задаётся на панели инструментов).

Создайте новый цветной рисунок 1010 см, разрешения 72 ppi, фон - белый.

Настройки инструмента Прямоугольное выделение (Rectangular) .

Включите инструмент . Чтоб выделить область на рисунке, надо щелкнуть по рисунку и при нажатой кнопке мыши очертить область под выделение.

Если при выделении удерживать нажатой клавишу Shift, выделится квадрат, а если Alt – прямоугольник будет выделяться от центра, а не от угла.

Чтобы залить выделенную область каким-либо цветом, надо потом выбрать инструмент Заливка и щелкнуть в выделенную область.

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

  Настройка Растушевка границ (Feather). Дело в том, что любая точка рисунка (пиксель) может быть выделена частично, например, на 80%. Если залить цветом частично выделенные пиксели, их новый цвет будет состоять на 80% из цвета заливки и на 20% из прежнего цвета этих пикселей.

Поэтому, если для инструмента выделения назначить Растушевку границ (например =10 пикс), потом выделить им область и залить её цветом, то область зальётся цветом, но контур выделения шириной в 10 пикс. зальется не полностью –

Рис. 1

будет плавный переход от границы выделенной области к фону рисунка (рис. 1 справа). Плавный переход на границе (шириной в 10 пикс.) получился, т.к. там пиксели закрасились не на 100%, а плавно от 100 до 0%.

ЗАДАНИЕ. Создадим и сравним 2 прямоугольника – без Растушевки его границ и с Растушевкой.

1) Включите инструмент , назначьте Растушевку =0. Выделите на рисунке прямоугольную область. Включите инструмент Заливка и щелкните внутри выделенной области (она зальётся текущим цветом, контур области будет четкий, как рис. 1 слева).

2) Теперь для инструмента в поле Растушевка введите 10. Опять выделите на рисунке прямоуг. область и тоже залейте её. Поняли разницу (рис. 1)?

Совет: можно растушевать выделенную область после ее создания, нажав в меню Выделение /Растушевать (Select /Feather).

  Настройка Стиль выделения. На панели свойств для выбора есть 3 стиля:

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

• Заданный размер – позволяет установить точные размеры области выделения (в полях Ширина и Высота, в пикселях или сантиметрах)

• Заданные пропорции – используют, если надо выделять прямоугольники с заданным соотношением сторон (соотношение задаётся числами в полях Ширина и Высота, для квадрата числа должны быть равны). Например, 1:1 – .

ЗАДАНИЕ. Используя инструмент , сделаем из 1го фото 2. Откройте файл с фото: нажмите в меню Файл /Открыть. Появится окно Открыть, там найдите и откройте папку `Лб 1`, в строке `Тип файла` выберите тип `JPG`. Появится список фото из папки `Лб 1`. Выделите и откройте фото `2 человека.jpg`  Инструментом выделите левую половину фото (парня).

 В меню выберите команду: Редактирование /Копировать.

 Создайте новый рисунок: нажмите Файл/Новый. Откроется окно `Новый`:

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

 Нажмите в меню Редактирование /Вставить.

 Сохраните новое фото: Файл /Сохранить. Откроется окно. Там в строке Формат выберите `JPG`, а в строке `Имя файла` введите `Парень`.

 Аналогично поступите с правой частью фото, чтоб создать фото девушки.

  Настройки означают: а) при включенной 1^й настройке выделяется область, если потом выделить другую область, прежнее выделение исчезнет; б) при 2^й настройке если повторно выделять области, они будут добавляться к уже имеющемуся выделению; в) при 3^й настройке если повторно выделять области, они будут вычитаться из имеющегося выделения.

Добавлять к выделению новые области можно также путём нажатия при выделе

нии клавиши Shift. Чтоб отнять из выделения область - удерживая Alt. Так, с помощью 2 и 3-ей настроек можно подправлять первоначальное выделение объекта, создавать сложные выделения (для выделения фигурных объектов).

ЗАДАНИЕ. Сделайте выделение, как на рис. выше (к первоначальному квадратному выделению добавьте выделение 2го квадрата).

ЗАДАНИЕ. Если удалить содержимое выделенной области (клавишей Delete), то эта область зальётся цветом, который назначен как фоновый. Задайте на панели инструментов фоновый цвет зеленый. Инструментом выделите прямоугольник, нажав Delete, удалите содержимое выделения. Прямоугольник станет зеленым

Настройки инструмента Овальное выделение .

  Кроме уже известных параметров (растушевка, стиль), рассмотрим настройку Сглаживание (Anti-aliasing, Не грубо). Т.к. рисунок состоит из отдельных точек, то после заливки края эллипса выглядят как ступеньки лесенки (не сглажены). Если перед выделением отметить  Сглаживание, к краю эллипса добавятся соседние пиксели, они обеспечат плавный переход и иллюзию непрерывной границы овала.

  Заодно изучим операцию Обводка контура. Если выделить любую область и в меню нажать Редактирование /Выполнить обводку, то контур выделения окрасится в заданный цвет.

ЗАДАНИЕ. Создадим и сравним 2 контура – без и со Сглаживанием.

а) Включите инструмент , установите для него Растушевку =0 и снимите флажок  Сглаживание. Выделите овал. Обведите его черным цветом: нажмите в меню Редактирование /Выполнить обводку (Edit / Stroke). Откроется окно, где для обводки контура можно задать её ширину, цвет, расположение (внутри, по центру или снаружи контура). Задайте и нажмите Ок

б) Теперь для инструмента установите флажок  Сглаживание. Выделите такую же область и также обведите ее. Сравните два контура (при увеличении масштаба отображения).

ЗАДАНИЕ. Создание виньетки: обрамление фото (рамка) будет плавно переходить в фон. Откройте в папке Фото для виньетки любое фото Включите инструмент и на панели настроек в поле Pacтушевка задайте 15-20 пикс. (чем больше, тем шире растушевка). Выделите на фото овальную область для рамки

• Поменяйте местами выделенную область и невыделенную (за пределами рамки), т.е. сделайте инверсию выделения (содержимое внутри овальной области станет невыделенным, а выделится всё что за пределами овала). Для этого нажмите Выделить /Инверсия (Select / Inverse).

• Удалите выделенную часть клавишей Delete. Она зальётся цветом фона, с плавным переходом от фото к фону. (Если цвет фона не устраивает, перед нажатием Delete поменяйте цвет фон на панели инструментов).

Снимите выделение: Выделение /Убрать выделение (или Ctrl+D).

Перемещение и копирование выделенной области.

При выделении области (например, овала для рамки) иногда требуется сместить сам контур выделения. Как? Если область выделена и инструмент выделения остается активен, сам контур выделения можно мышкой сместить. Рисунок при этом не меняется.

Для точного перемещения выделенного объекта можно использовать не мышь, а стрелки клавиатуры ,  ,  ,  . За одно нажатие фрагмент переместится на 1 пиксель, а если удерживать Shift – на 5 пикселей.

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

Если в режиме перемещения удерживать нажатой клавишу Alt, выделенная

часть будет скопирована, а не вырезана. 2. Инструменты группы Лассо используют для выделения областей произвольной формы.  1й инструмент группы – Лассо – для

выделения им области надо просто обвести её мышью.

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

 3й инструмент - Магнитное лассо - для выделения объектов с четкими контрастными границами. При выделении линия выделения как бы сама `прилипает` к этим границам. Инструмент на панели настроек имеет 3 параметра:

• Ширина – ширина полосы, в которой ищется контрастная граница рисунка;

• Контраст от 1% до 100% – определяет, какой контраст имеет граница;

• Частота от 1 до 100 – частота узлов линии, определяет точность выделения.

Если при выделении кривая пошла не туда, чтоб удалить неверно установленные

последние узлы, нажмите Delete. ЗАДАНИЕ. Откройте файл `4_При­мени Лассо .ipg`. Выделите по очереди 3 фигуры и переместите вниз (рис.4). Для выделения используйте подходящие инструменты Лассо: `мышь` выделите инструментом и переместите вниз; коллаж `Футбол` выделите и переместите; `мак` выделите и переместите.

Совет: если при перемещении выделенной фигуры на прежнем месте от неё остался ореол (т.е. фигура выделилась не до конца), то отмените перемещение.

Затем расширьте выделение фигуры на 1 пиксель: нажмите Выделение / Модификация /Расширить на 1 пикс.

3. Инструмент Волшебная палочка (Magic Wand) – для выделения областей одного цвета (или близкого цвета). Так, если щелкнуть инструментом по синей точке, выделится вся область, залитая синим цветом. При включении инструмента на горизонтальной панели появятся его настройки:

  Допуск (Tolerance) – значение от 0 до 255. Чем большее число указать, тем больше оттенков указанного цвета будет выделяться. Так, указав допуск =1 и щелкнув по синему небу, выделится область, залитая лишь того синего оттенка, по которому щелкнули. Если указать допуск =40 выделятся более широкая область, охватив и синие участки, и светло-синие, и темно-синие. По умолчанию =32.

 Сглаживание (Anti-aliasing, Не грубо) - задаёт сглаживание границы выделения

 Смежные пиксели (Contiguous, Непрерывный) – если поставить флажок , выделится одна непрерывная область (например, синего цвета) там, где вы щелкнули. Если сбросить флажок , выделятся все области синего цвета во всем изображении.

 Режимы выделения. 4 настройки – такие есть у всех инструментов выделения. Их мы рассмотрели выше, для инструмента . Так, 2я кнопка позволяет к уже выделенной области добавлять области того цвета, по каким вы щелкаете (или при выделении удерживайте Shift). 3я кнопка позволяет от уже выделенной области отнимать области, по которым вы щелкаете (или при выделении удерживайте Alt).

ЗАДАНИЕ. Откройте файл `5_Примени В. палочку+ (след).jpg`. Выделите Волшебной палочкой два следа слева и переместите их вправо, как на рис. 5.  Чтобы сразу выделить все нужные фрагменты (2 следа), надо к текущему выделению добавлять но-

вые. Для этого выделив инструментом 1^й фрагмент, далее удерживайте Shift и щелкайте по другим, которые надо добавить к выделению.

 Для перемещения включите инструмент Перемещение , щелкните по выделенным следам и при нажатой кнопке мыши переместите следы вправо

 Правый след после перемещения поверните (выделите его и нажмите в меню Редактирование/ Трансформация /Поворот). Вокруг следа появится рамка. Ухватив угловой маркер рамки, поверните фигуру, в конце - Enter

ЗАДАНИЕ. Откройте файл 5_Примени В. палочку+.gif` Выделите Волш.палочкой 3 звезды слева и переместите вправо. Чтоб сразу 3 звезды выделить, можно: а) щелкнуть по 1й звезде, потом при нажатой Shift,

щелкать по остальным звездам; или

б) настроить на панели настроек для инструмента большое значение Допуска, например, в поле Допуск ввести 120. При таком большом допуске инструмент будет выделять за 1 щелчок мыши сразу несколько оттенков (т.е. одним щелчком сразу выделятся 3 звезды разных оттенков).

ЗАДАНИЕ. Откройте файл 6_Примени В.палочку-.gif. Выделим букет и переместим вправо. Букет – сложная пестрая фигура, но зато она стоит на одноцветном фоне.  При выделении сложных фигур на одноцветном фоне используйте прием:

–  выделите прямоугольник, в который входит вся фигура;

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

 Включите инструмент Перемещение и переместите букет вправо.