V. Форматы графических файлов

Форматграфического файла – это способ организации информации внутри файла. Какой формат имеет файл – это отражается в названии файла (в виде расширения имени файла). Так, файлы рисунок.bmp, рисунок.gif, рисунок.jpg имеют соответственно форматы: bmp, gif, jpg.

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

1. Критерии выбора формата файла

Проблема всех изображений – прямая зависимость: чем выше качество изображения (его разрешение, цветность), тем больше объем его файла (в байтах). А если файл имеет большой объём, он занимает много места на диске, `не подходит` для Интернета и электронных продуктов, возникают трудности при его передаче по сети и пр.

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

КАКОЙ ФОРМАТ ВЫБРАТЬ?

1. Формат нужно выбирать в зависимости от назначения изображения (для печати, для экранного представления и Интернет, или для временного рабочего хранения):

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

● Изображения для печати (полиграфии) не надо постоянно передавать с одного ПК на другой, поэтому объём файла большого значения не имеет. Зато потери качества недопустимы, при распечатке это очень заметно. Поэтому подходят форматы со сжатием без потерь качества или вообще без сжатия.

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

2. При выборе формата также учитывают:

количество цветов, цветовых переходов в изображении (рисунок это или фото),

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

возможно ли преобразование изображения из одного формата в другой.

2. Методы сжатия информации
(используемые в разных форматах файлов)

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

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

Процедура сжатия объёма файла называется оптимизацией.

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

Методы сжатия бывает 2х видов – с потерей качества изображения и без потерь.

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

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

Конечно, сжатие с потерями эффективнее (даёт большую степень сжатия).

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

Таблица 3

Формат файла Метод сжатия Влияние на качество
GIF LZW без потерь
PNG Deflate без потерь
JPEG JPEG с потерями
BMP RLE(редко) без потерь
TIFF без сжатия,LZW,RLE,ZIP,JPEG без потерь
PSD RLE без потерь
TGA RLE без потерь

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

LZW даёт большее сжатие, чем RLE (но работает медленнее).

RLE (Run Length Encoding - групповое кодирование). Есть разные варианты алгоритма RLE.

1й - самый простой (применен в формате файлов PCX). 2й даёт большую степень сжатия (применяется в форматах TIFF, TGA); в формате TIFF он называется PackBits и применяется по желанию (если в окне сохранения файла отметить þ PackBits).

LZW (Lempel-Ziv-Welch) назван по именам изобретателей (Лемпель, Зив, Велч); разработан в 1984.
Применяется в форматах GIF, TIFF.

В чем идея сжатия? Эти методы относят к LZ-алгоритмам сжатия (LZW, RLE, LZ77), использующим словарныйметодсжатия. Он основан на поиске в рисунке одноцветных областей. Они имеют одинаковые, повторяемые коды. Алгоритм эти повторяемые коды-цвета рисунка (фразы) заменяет на короткие № (индексы), и заносит эти индексы в словарь. В итоге сжатие выполняется заменой длинных повторяемых кодов цветов (фраз) их короткими индексами из словаря. Чем больше одноцветных областей, тем больше эффект сжатия

Алгоритмы LZ используют и в программах архивации данных.

● Deflate– метод сжатия без потерь, очень эффективный (используется в формате PNG). Deflate – разновидность словарного метода LZ 77.

● JPEG(как метод сжатия; не путать с JPEG как форматом файла) – это метод сжатия с потерями, эффективно сжимает фото (до 200 раз!).

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

 
  V. Форматы графических файлов - student2.ru

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

● Форматы растровых изображений (см. также Главу 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), в центре - само изображение, снизу - информационная строка. В любом месте окна (чаще справа) могут располагаться палитры (с дополнит. опциями для выбранного инструмента или команды).

       
  V. Форматы графических файлов - student2.ru
 
   
 

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

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

I. ВЫДЕЛЕНИЕ ОБЛАСТЕЙ в Photoshop

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

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

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

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

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

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

Настройки инструмента Прямоугольное выделение (Rectangular) V. Форматы графических файлов - student2.ru .

Включите инструмент V. Форматы графических файлов - student2.ru . Чтоб выделить область на рисунке, надо щелкнуть по рисунку и при нажатой кнопке мыши очертить область под выделение.

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

Чтобы залить выделенную область каким-либо цветом, надо потом выбрать инструмент Заливка V. Форматы графических файлов - student2.ru и щелкнуть в выделенную область.

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

V. Форматы графических файлов - student2.ru

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

n Настройки V. Форматы графических файлов - student2.ru означают: а) при включенной 1й настройке V. Форматы графических файлов - student2.ru выделяется область, если потом выделить другую область, прежнее выделение исчезнет; б) при 2й настройке V. Форматы графических файлов - student2.ru если повторно выделять области, они будут добавляться к уже имеющемуся выделению; в) при 3й настройке V. Форматы графических файлов - student2.ru если повторно выделять области, они будут вычитаться из имеющегося выделения.

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

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

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

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

Настройки инструмента Овальное выделение V. Форматы графических файлов - student2.ru .

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

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

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

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

б) Теперь для инструмента V. Форматы графических файлов - student2.ru установитефлажок þ Сглаживание. Выделите такую же область и также обведите ее. Сравните два контура (при увеличении масштаба отображения).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

V. Форматы графических файлов - student2.ru

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

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

n Смежные пиксели (Contiguous, Непрерывный) – если поставить флажок V. Форматы графических файлов - student2.ru , выделится одна непрерывная область (например, синего цвета) там, где вы щелкнули. Если сбросить флажок o, выделятся все области синего цвета во всем изображении.

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

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

вые. Для этого выделив инструментом V. Форматы графических файлов - student2.ru 1й фрагмент, далее удерживайте Shift и щелкайте по другим, которые надо добавить к выделению.

– Для перемещения включите инструмент Перемещение V. Форматы графических файлов - student2.ru , щелкните по выделенным следам и при нажатой кнопке мыши переместите следы вправо

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

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

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

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

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

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

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

– Включите инструмент Перемещение V. Форматы графических файлов - student2.ru и переместите букет вправо.

4. ВЫВОДЫ: что можно делать с выделенной областью?

· удалять (клавишей Delete);

· перемещать только контур выделения, не изменяя самого рисунка
(перетаскивать мышкой при включенном инструменте выделения);

· перемещать выделенный фрагментрисунка
(включить инструмент Перемещение и переместить);

· копировать (так же, как и перемещать, но ещё удерживать Alt);

· трансформировать - масштабировать, искажать, поворачивать и пр.
(нажав в меню Редактирование / Трансформация).

V. Форматы графических файлов - student2.ru Также в верхней строке меню Photoshop есть команда Выделение.

V. Форматы графических файлов - student2.ru

Она открывает подменю с операциями – что можно делать с выделенной областью:

· отменить выделение (или Ctrl+D);

· инвертировать выделение (Инверсия) – выделенная область станет невыделенной, и наоборот - что за пределами выделения, станет выделенным;

· растушевать границу выделения на
заданное число пикселей (Растушевка);

· выделить границу заданной толщины (нажав Модификация /Граница);

· расширить или сжать выделенную область на заданное количество пикселей (Модификация /Расширить или Сжать);

· сгладитьграницу
(нажав Модификация /Оптимизация);

· расширить, включив в выделение смежные пиксели по цвету (в пределах допуска Волшебной палочки) –
нажав Смежные пиксели;

· подобные оттенки выделить– включить в выделение все (не только соседние!) пиксели в пределах допуска Волшебной палочки);

· сохранить выделенную область.

Выделение сохранится в спец. альфа-канал – черно-белый полутоновой рисунок, который изображает выделение. В нём каждый пиксель имеет оттенок от 0 (черный, не выделен) до 255 (белый, выделен полностью);

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

II. ИНСТРУМЕНТЫ РИСОВАНИЯ. ВЫБОР ЦВЕТА

V. Форматы графических файлов - student2.ru 1. Выбор цвета.

2. Инструменты Кисть, Карандаш, Штамп узоров, Ластик.

3. Инструменты Заливка, Градиент.

1. Выбор цвета.В Photoshop используется 2 цвета - основной
и фоновый. Их устанавливают на панели инструментов, внизу:основной цвет – в верхнем квадрате, фоновый – в нижнем.

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

Щелчок по квадрату открывает окно Сборщик цветов для выбора нового цвета.

В окне можно сделать следующее: · выбрать нужный цвет, щелкнув мышкой в нужном месте палитры; · задать цвет путём введения значений составляющих цвета в режиме RGB, CMYK, HSB или Lab (см. ниже), · задать цвет путём введения RGB-кода цвета в 16-ричном виде (в поле #___), · получить предупреждение (знаком V. Форматы графических файлов - student2.ru ) - цвет не входит в диапазон модели CMYK - не может быть напечатан V. Форматы графических файлов - student2.ru

(щелкнув по V. Форматы графических файлов - student2.ru , можно выбрать ближайший цвет, входящий в цвета CMYK).

· получить предупреждение (знаком V. Форматы графических файлов - student2.ru ) – цвет не входит в безопасную web-палитру (щелкнув по V. Форматы графических файлов - student2.ru , можно выбрать ближайший цвет из web-палитры).

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

В этом режиме цвет каждого пикселя образуется путём смешения 3х цветов - R,G,B (Red, Green, Blue - красный, зеленый, синий). Многообразие цветов получается, т.к. каждый из 3х составляющих цвета (R, G, B) может принимать разные значения яркости - от 0 до 255. Эти 3 числа и вводят в окне Сборщика цветов, когда надо задать точный оттенок цвета.

Цвет в режиме RGBможно ещё задать, если ввести в поле V. Форматы графических файлов - student2.ru RGB-код цвета:
каждая из 3х составляющих цвета (R, G, B) задаётся двузначным 16-ричным числом.

Цвета задают в режиме CMYK, когда рисунок готовят для печати. В этом режиме цвет каждого пикселя образуется из 4х составляющих цветов – C,M,Y,K. Каждый из них тоже может принимать разные значения яркости.

В режиме HSBцвет пикселя составляется из H -тона, S - насыщенности, B - яркости.

В режиме Labцвет пикселя составляется из L -яркости, a, b - цвет. параметров.

Инструмент Пипетка(Eye­dropper).Если на фото уже есть нужный цвет, инструментом Пипетка V. Форматы графических файлов - student2.ru можно щелкнуть на фото по нему - и этот цвет задастся как основной (если удерживать Alt - как фоновый цвет). Пипетку можно временно включить при работе любого инструмента, нажав Alt.

2. Инструменты Карандаш,Кисть. Эти инструментысвязаны с одной кнопкой. V. Форматы графических файлов - student2.ru

Карандаш V. Форматы графических файлов - student2.ruнаносит резкие чертёжные линии (твердость 100%). Поэтому его удобно использовать для изменения цвета отдельных пикселей рисунка.

Вверху, на панели настроек кнопка V. Форматы графических файлов - student2.ru даёт выбрать диаметр (размер) инструмента, форму мазка, твердость. А у Кисти V. Форматы графических файлов - student2.ruесть ещё много настроек, их можно изменить, щелкнув кнопку V. Форматы графических файлов - student2.ru вверху на панели настроек, справа.

ЗАДАНИЕ: сделайте, чтоб у кисти ширина мазка уменьшалась. V. Форматы графических файлов - student2.ru

Создайте новый рисунок (нажав Файл /Новый) 300´500 пикс., фон белый.

Включите Кисть V. Форматы графических файлов - student2.ru, возьмите форму с ровными краями V. Форматы графических файлов - student2.ru . Вызовите настройки Кисти, щелкнув вверху по V. Форматы графических файлов - student2.ru . В настройках выберите слева раздел þ Динамика формы. Справа в поле Управление выберите режим Переход (илиСглаживание, Затухание), рядом введите количество шагов, за которое

диаметр кисти уменьшается до 0. Нарисуйте мазки. ЗАДАНИЕ: настроим точечные линии. Возьмите Кисть с ровными краями. Отключите раздел Динамика фор­мы, щелкните по разделу Форма кисти. Включи- V. Форматы графических файлов - student2.ru

те внизу опцию Интервал, настройте интервал выше 110. Нанесите мазки (а).

Возьмите Кисть с мягкими краями V. Форматы графических файлов - student2.ru . Включите слева опцию Шум - мазки будут разбрызгиваться по краям (б).

Включите опцию Мокрые края (Шум отключите) - по краям будет темнее (в).

ЗАДАНИЕ: настроим пунктирные чертежные линии. Включите Карандаш V. Форматы графических файлов - student2.ru. Вызовите настройки, щелкнув по V. Форматы графических файлов - student2.ru . В настройках в разделе Форма кисти задайте Форма (скругление)=10%, Интервал 1000%. Нарисуйте линию, держа Shift

V. Форматы графических файлов - student2.ru Чем выше задать Форму, тем реже будут штрихи пунктира.

Если Угол задать выше 00, штрихи будут повернуты. ЗАДАНИЕ: Художественные кисти. Настроим, чтобы Кисть наносила мазки в форме фигур (звезды, листья, цветы и пр. - см. справа). Вверху, на панели настроек V. Форматы графических файлов - student2.ru

Кисти щелкните кнопку V. Форматы графических файлов - student2.ru . Откроется панель; прокрутите её - увидите разные формы кистей; выбирайте фигурные формы и наносите ими мазки.

Можно открыть другие наборы кистей: в этой же панели настроек, вверху нажмите кнопку V. Форматы графических файлов - student2.ru . Откроется меню, там другие наборы кистей (так, вызовите набор Special Effect Brushes). Чтоб настроить кисти по умолчанию, нажмите `Сбросить кисти`.

ЗАДАНИЕ: создайте творческую композицию кистями разных форм (в том числе художественными). Примеры работ см. в презентации.

Инструмент Штамп узоров V. Форматы графических файлов - student2.ru– используют, чтоб мазки кисти заливались не одним цветом, а узором. Попробуйте: включите V. Форматы графических файлов - student2.ru, на горизонтальной панели настроек, в поле Кисть задайте размер и форму кисти (как обычной Кисти); в поле Модель выберите узор, которым будет рисовать кисть.

Инструмент Ластик (Eraser) V. Форматы графических файлов - student2.ru для стирания. На панели настроек можно выбрать 3 режима: Кисть, Карандаш, квадратный Блок. Фактически Ластик - один из 3х перечисленных инструментов, рисующий фоновым цветом.

Если рисунок имеет прозрачный фон, Ластик делает пиксели прозрачными.

Наши рекомендации