
- •1. Лекция: Adobe Photoshop cs5 для дизайнера и фотографа
- •2. Лекция: Начало работы, интерфейс Photoshop cs5
- •3. Лекция: Инструменты выделения, каналы и маски. Фотомонтажи
- •Intersect with Channel (Пересечься с каналом)
- •4. Лекция: Инструменты цветокоррекции и ретуширования. Слои
- •5. Лекция: Шрифт и текст. Фильтры в Photoshop cs5
- •Vertically Orient Text (Вертикальный текст).
- •Vertical Distort (Вертикальное искривление)
- •Inner Shadow
- •Inner Glow
- •Video (Видео)
- •6. Лекция: Подключаемые фильтры
- •7. Лекция: Photoshop и веб-дизайн
- •8. Лекция: Вывод изображения на печать
Adobe Photoshop CS5 для дизайнера и фотографа
Adobe Photoshop CS5 - последняя версия легендарного графического редактора. Сам перевод названия программы "Фотомагазин" говорит о том, что это программа для фотографов. Программное обеспечение Adobe® Photoshop® CS5, соответствует мировым стандартам, позволяет создавать профессиональные изображения на высшем уровне. В новой версии вы сможете рисовать реалистичные иллюстрации, быстро создавать эффектные изображения HDR, устранять шумы, добавлять зернистость и настраивать виньетирование с помощью самых современных инструментов для обработки фотографий. В лекциях мы не будем глубоко вникать в теорию компьютерной графики, а заострим внимание на практике работы с фотоизображениями.
Начало работы, интерфейс Photoshop CS5
В этом разделе мы приступим к изучению программы и рассмотрим ее интерфейс.
Инструменты выделения, каналы и маски. Фотомонтажи
Растровые изображения в отличие от векторных, нелегко разгруппировать, то есть разъединить на составляющие и обособить. Чтобы вырезать отдельный объект из растровой группы, его сначала надо обтравить по контуру, другими словами - выделить. После этого мы получим возможность манипулировать выделенными областями изображения. Photoshop располагает богатым набором средств выделения, среди которых инструменты выделения Marquee (Область), Lasso (Лассо), Magic Wand (Волшебная палочка); инструменты выделения контуров (Path Tools); специальная команда Color Range (Цветовой ряд); особый режим выделения Quick Mask (Быстрая маска). Поговорим об этом подробнее.
Инструменты цветокоррекции и ретуширования. Слои
Вы познакомитесь с базовыми представлениями о теории цвета на ПК, а также узнаете основные приемы коррекции изображений в графическом редакторе Adobe Photoshop.
Шрифт и текст. Фильтры в Photoshop CS5
Шрифт и текст - фундаментальный понятия для любой работы дизайнера. Шрифт в широком смысле слова - это средство передачи информации. В более узком аспекте - элемент дизайна документа. Однако шрифт, по своей природе, это не только упорядоченная графическая форма определенной системы письма, но и средство эстетического и художественного оформления носителя информации. Именно эта его функция и представляет интерес с точки зрения дизайна.
Подключаемые фильтры
Фильтры к Photoshop по умолчанию находятся по маршруту C:\Program Files\Adobe\Adobe Photoshop CS3\Plug-Ins\Filters. После копирования подключаемых фильтров по этому маршруту в меню Filter (Фильтры) вы увидите новые, только что установленные фильтры для обработки изображений. Хорошо зарекомендовали себя такие проверенные временем наборы фильтров как Kai's Photo Tools и Eye Candy. Описание всех фильтров заняло бы слишком много места, поэтому мы остановимся лишь на наиболее популярных из них.
Photoshop и веб-дизайн
Adobe Photoshop не только признанный лидер среди растровых редакторов для редактирования компьютерной живописи и фото, но также одна из лучших программ для создания и обработки иллюстраций для Сети.
Вывод изображения на печать
В этой лекции рассматриваются операции, которые непосредственно относятся к созданию в Photoshop CS5 печатного документа.
1. Лекция: Adobe Photoshop cs5 для дизайнера и фотографа
Adobe Photoshop CS5 - последняя версия легендарного графического редактора. Сам перевод названия программы "Фотомагазин" говорит о том, что это программа для фотографов. Программное обеспечение Adobe® Photoshop® CS5, соответствует мировым стандартам, позволяет создавать профессиональные изображения на высшем уровне. В новой версии вы сможете рисовать реалистичные иллюстрации, быстро создавать эффектные изображения HDR, устранять шумы, добавлять зернистость и настраивать виньетирование с помощью самых современных инструментов для обработки фотографий. В лекциях мы не будем глубоко вникать в теорию компьютерной графики, а заострим внимание на практике работы с фотоизображениями.
Основные понятия компьютерной графики
Для того, чтобы работать с Adobe Photoshop не механически, а с пониманием своих действий, пользователь должен иметь некоторые общие (базовые) представления о характеристиках цифровых изображений. Настоящая глава посвящена характеристикам растровых изображений, определяющим его качество. Дело в том, что любое цифровое изображение на компьютере характеризуются набором его таких параметров, как размер, разрешение, формат и тип цветовой модели. Перечисленные параметры и определяют качество растрового изображения, а также размер (вес) графического файла.
Разрешение изображения
Растровые изображения формируется из совокупности крошечных элементов, называемых пикселями. Пиксель является основным кирпичиком растровых изображений и это единица принята в компьютерной графике, подобно тому, как метр, килограмм и литр приняты для измерений в повседневной жизни.
Количество пикселей в изображении определяет его разрешение. Пиксели часто называют точками, тогда разрешение измеряется в dpi (dot per inch), то есть в количестве точек на дюйм.
Примечание
В компьютерной литературе существует путаница в терминах и некоторые из авторов разрешение мониторов измеряют в dpi (dot per inch), сканеров в ppi (pixel per inch) - пиксель на дюйм, а принтеров в lpi (line per inch) - линий на дюйм. Другие же авторы книг разрешение любого изо aliражения, не зависимо от способа его получения измеряют только в dpi.
Если вдуматься, то становится очевидным, что чем выше разрешение, тем большее количество пикселей содержит изображение и тем большим количеством деталей (то есть - качеством) такое изображение характеризуется. С другой стороны, более высокое разрешение изображение прямо связано с большим размером файла такого изображения. Поэтому установка величины разрешения зависит от целей и задач компьютерного художника и для конкретной работы будет разной. Например, веб-дизайнеры обычно работают с изображениями 72-96 dpi, в то время как полиграфисты предпочитают разрешения изображений от 300 dpi и выше (рис. 1.1).
Рис. 1.1. Изображение высокого разрешения слева (файл 977 Кб) и низкого разрешения справа (файл 41 Кб)
Глубина цвета
В черно-белых изображениях уровни яркости представляются в виде оттенков серого цвета, а в цветных изображениях эти уровни проявляются в виде различных цветовых тонов. При этом очевидно, что черно-белая фотография воспринимается как менее качественная по сравнению с фотографией цветной. Иначе говоря, чем больше оттенков цвета в изображении, тем выше его яркостное (цветовое) разрешение, называемое глубиной цвета, и тем большее число уровней яркости (цветов) будет содержать файл такого изображения.
Новый термин
Глубина цвета характеризует число воспроизводимых градаций яркости пикселя в черно-белых изображениях и количество отображаемых цветов в цветном изображении.
Для примера на рис. 1.2 показано одно и то же изображение, но с разной глубиной цвета: в два цвета сверху, и в 256 оттенков серого снизу. Из этой иллюстрации наглядно видно, что чем выше число воспроизводимых градаций яркости пикселя в черно-белых изображениях (и количество отображолемых цветов в цветном изображении), тем качество растрового изображения выше.
Рис. 1.2. Одно и то же изображение, но с разной глубиной цвета
С точки зрения цветовой глубины растровые изображения можно разбить на несколько типов:
Для монохромного черно-белого (Black and White) изображения используются только два типа ячеек: черные и белые. Поэтому для запоминания каждого пикселя требуется только 1 бит памяти компьютера. Такие изображения часто называются 1-битовыми изображениями. Соответственно, их цветовая разрешающая способность будет равна 1 бит/пиксель.
В другом типе растровых изображений, называемом оттенки серого (Grayscale), на каждый пиксель выделяется до 8 бит информации. Это позволяет оперировать с комбинацией из 256 градаций яркости, перекрывающей весь диапазон оттенков серого от черного до белого. Пример десятиступенчатой шкалы оттенков серого приведен на рис. 1.3.
Рис. 1.3. Десять градаций серого цвета - от белого (100%) до черного (0%)
Для работы с изображениями, описание которых требует большого цветового разрешения, используются цветовые модели RGB, Lab и CMYK. В случае RGB-формата цвет каждого пикселя определяется комбинацией из трех цветов: красного, зеленого и голубого. В зависимости от назначения изображение может иметь 16 битовое, 24 битовое или 32 битовое цветовое разрешение (глубину цвета).
В CMYK-формате цвет каждого пикселя формируется с помощью четырех цветовых каналов: голубого, пурпурного, желтого и черного. Из-за наличия дополнительного канала цветовая модель CMYK содержит примерно на 25 процентов больше информации по сравнению с RGB-изображением.
Изменение разрешения путем интерполяции изображения
Если разрешение цифрового изображения, полученного посредством матрицы сканера (или цифровой фотокамеры) совпадает с числом светочувствительных элементов сканера (или камеры), то говорят о фактическом (аппаратном или физическом) разрешении. Однако как в аппаратуре оцифровки изображений, так и в графических программах предусмотрена возможность использования операции интерполяции (Resampling), то есть изменения разрешения, которая может быть реализована разными способами. Например, в программе Adobe Photoshop (рис. 1.4) реализованы три способа интерполяции - по соседним, билинейная и бикубическая.
Рис. 1.4. Способы интерполяции изображений в Adobe Photoshop
При интерполяции по соседним (Nearest Neighbor) для добавляемого программой пикселя берется значение пикселя соседнего с ним. То есть, если соседний пиксель красный, то и программа увеличивает разрешение изображения добавлением красного пикселя.
В случае билинейной (Bilinear) интерполяции графический редактор берет среднее цветовое значение пикселов с каждой стороны от вновь создаваемого. Например, между красным и белым цветом появится розовый.
Бикубическая (Bicubic) интерполяция усредняется значение группы не только непосредственно граничащих, но и всех соседних пикселов. Какой диапазон пикселов выбирается для усреднения и по какому алгоритму это усреднение происходит - этим отличаются способы бикубической интерполяции. На иллюстрации выше мы видим три варианта бикубической интерполяции в Adobe Photoshop.
Примечание
Разрешение изображения, полученное с помощью программной интерполяции всегда хуже реального (физического) разрешения, так как искусственное добавление пикселей снижает качество изображения (происходит потеря мелких его деталей). Иначе говоря, чем сильнее трансформируется изображение, тем больше оно деградирует.
Форматы графических файлов
Способ организации информации в графическом файле носит название его формата. Наряду с разрешением, формат файла также имеет отношение к качеству цифрового изображения. Поэтому знание файловых форматов и их возможностей является одним из важных моментов работы с компьютерной графикой в любом из ее направлений.
Все множество форматов, используемых для записи изображений, можно условно разделить на две категории:
• хранящие изображение в растровом виде (BMP, TIFF, PSD, JPEG, PNG, GIF);
• хранящие изображение в векторном виде (WMF, EPS, CDR, AI и другие).
Какому формату отдать предпочтение? Все зависит от ваших целей и задач. Самая общая рекомендация заключается в том, что лучше сохранять результаты работы в формате, который является родным для используемой вами программы. Например, в Photoshop это *.PSD, а в CorelDRAW это *.CDR.
Растровые форматы
Растровый файл представляет собой таблицу (bitmap), в каждой клетке которой установлен пиксель. Как правило, растровые форматы, предназначены для вывода на экран (не на печать), что актуально, например, в веб-дизайне. Растровые форматы отличаются друг от друга способностью нести дополнительную информацию (цветовые модели, каналы, слои, анимацию) и имеют различные возможности их сжатия.
BMP
Формат BMP (от слова bitmap) - это родной формат для графического редактора MS Paint. Он поддерживается всеми графическими редакторами, работающими под управлением операционной системы Windows. Может хранить данные только в цветовой модели RGB, не сохраняет в заголовке данные о разрешении файла, поэтому невозможно задать геометрию изображения (как, например, в TIFF). Из-за этих ограничений неприменим в полиграфии, и поддержка его осуществляется для совместимости со старыми программами и для конвертирования данных для других (не полиграфических) нужд. Предоставляет возможность применения сжатия информации по алгоритму RLE.
Примечание
Метод сжатия RLE (run length encoding - кодирование с переменной длиной строки) является одним из простейших. В основе его принципа действия заложен механизм поиска одинаковых пикселов в одной.
TIFF
Формат TIFF (tagged image file format, TIF) является одним их самых распространенных среди известных в настоящее время форматов. Ему доступен весь диапазон цветовых моделей - от монохромной до RGB и CMYK. Он был разработан совместно фирмами Aldus Corporation и Microsoft как универсальный открытый формат, допускающий модификации. Поэтому файл TIF-формата, созданный на IBM PC или совместимом компьютере, поддерживается операционной системой Macintosh и большинством Unix-подобных платформ. Он также поддерживается практически всеми основными пакетами растровой и векторной графики, программами редактирования и верстки текста. На сегодняшний день формат TIF является лучшим выбором при импорте растровой графики в векторные программы и издательские системы. Формат TIF поддерживает ряд дополнительных функций:
• использование дополнительных каналов (хранение альфа-каналов или каналов масок);
• использование сжатия. Это свойство позволяет уменьшать размеры файла до 50% от исходного с помощью LZW алгоритма сжатия, выполняемого практически без потери информации;
• возможности выполнения предварительного цветоделения. Данная функция реализуется путем записи результатов цветоделения в отдельный файл в цветовой модели CMYK, что упрощает последующую процедуру размещения файла изображения на странице и выводе документа на печать.
Примечание
Метод сжатия LZW (Lempel-Ziv-Welch) сжимает данные путем поиска одинаковых последовательностей во всем файле. Затем выявленные последовательности сохраняются в таблице, где им присваиваются более короткие маркеры (ключи).
PSD
PSD (Adobe Photoshop document) - это родной формат программы Adobe Photoshop. PSD позволяет сохранять изображеньзе с массой дополнительных атрибутов, включих все, что может сделать Photoshop. Хранит графическую информацию в самых различных форматах и цветовых моделях, сохраняет информацию о разрешении и габаритных размерах изображения, а также может хранить альфа каналы, маски и обтравочные контуры. Можно задавать произвольные цветовые модели (Duotone, Triotone, Quadrotone...). Хранит прозрачность и слои, а также векторные данные (Shape в новых версиях пакета). Структура данных в этом формате подразумевает безусловную компрессию по алгоритму, подобному LZW (без потерь качества). Поэтому сохранение и открытие файла в этом формате происходит несколько дольше, чем открытие несжатого аналога, и требуется больше памяти. Формат файла считается одним из стандартных форматов и используется всеми продуктами линейки Adobe, но не является кросс-платформенным или полностью переносимым и универсальным.
GIF
GIF (Graphics Interchange Format) - использует 8-битовый цвет и эффективно сжимает сплошные цветные области, при этом сохраняя детали изображения. Количество цветов в изображении может быть от 2 до 256, но это могут быть любые цвета из 24-битной палитры. Файл в формате GIF может содержать прозрачные участки. Если используется отличный от белого цвета фон, он будет проглядывать сквозь "дыры" в изображении. Поддерживает покадровую смену изображений, что делает формат популярным для создания баннеров и простой анимации. Для получения цветов, которые отсутствуют в палитре, возможно применение рассеивания (dithering), наложения периодической структуры (patttern) и домешивания шума (noise). GIF формат хранит изображения в цветовой модели RGB, заданные как индексированные цвета (Indexed color в Photoshop). При сохранении файла используется неухудшающая качество выходного изображения RLE или LZW-подобная компрессия.
JPEG
Joint Photographic Experts Group (*.JPEG, *.JPG) - формат для хранения растровых данных в цветовых моделях Grayscale, CMYK, RGB. Поддерживает сохранение информации о геометрических размерах изображения. Не поддерживает альфа-каналы. Также позволяет сохранять в изображении данные обтравочных контуров, которые используются для удаления нежелательного фона из изображения, при помещении его в верстку. Изображения в этом формате сжимаются по специальному алгоритму, который позволяет уменьшать размер выходного файла в 3, 5 и более раз. Однако, сжатие данных по этому алгоритму добавляет в изображение искажения, которые являются необратимыми и при многократном повторном сохранении данных в этом формате заметно ухудшают качество изображения. При сохранении данных существует компромисс между размером выходного файла и его качеством. Существует разновидность сжатия по алгоритму JPEG - Progressive JPEG, который сохраняет изображение в несколько этапов - в начале в самом низком разрешении, затем в более высоком и так до максимального. При сохранении файлов в формате JPEG всегда стоит выбирать максимальный уровень качества, и не хранить в этом виде рабочие или промежуточные файлы. Искажения, добавляемые компрессией JPEG, проявляются в виде кубической структуры или характерных "грязных" точек в местах контрастных переходов цветов. Особенно это заметно при поканальном просмотре изображения. Количество цветов в изображении - около 16 миллионов, что вполне достаточно для сохранения фотографического качества изображения.
PNG
PNG (portable network graphics) - данный формат был специально разработан для Сети. Предполагалось, что новый формат PNG сможет заменить GIF. В формате PNG реализовано: компрессия без потерь (в отличие от JPEG), чересстрочная загрузка interlacing и прозрачность фона - transparency, (как в GIF, правда, чересстрочность в PNG - 7-ми уровневая), передача цвета с глубиной цвета до 48 бит на пиксель плюс альфа-канал и гамма-индикатор. PNG реализует открытый, незапатентованный алгоритм сжатия данных, дающий, тем не менее, лучшие результаты, чем GIF. В отличие от GIF с его максимум 256 цветами, PNG позволяет хранить полноцветные изображения с 24 и даже 48 битами на пиксел. PNG реализует гораздо более эффективный алгоритм чересстрочности (которую в данном случае правильнее было бы называть "через-пиксельностью"). Достаточно сказать, что первый проход, дающий общее представление об изображении, занимает в PNG не одну восьмую исходного файла, как в GIF, а всего лишь одну шестьдесят четвертую - и тем не менее распознаваемость картинки при этом заметно лучше. PNG позволяет хранить полную информацию о степени прозрачности в каждой точке изображения в виде так называемого альфа-канала. Каждый пиксел PNG-файла, вне зависимости от его цвета и местоположения, может иметь любую градацию прозрачности - от нулевой (полная непрозрачность) до абсолютной невидимости. Одним из недостатков нового формата PNG явилась невозможность хранить несколько изображений в одном файле и создавать что-либо похожее на GIF- анимацию. Хоть и существуют специальные форматы, которые позволяют хранить не только анимацию, но и звуковое сопровождение к нему (форматы AVI, MPEG и другие), однако размер получившихся файлов этих форматов оказывается больше, чем у анимации, созданной в формате GIF (пусть и с чуть худшим качеством).
Векторные графические форматы
Векторы представляют собой математическое описание объектов относительно точки начала координат. То есть, чтобы компьютер нарисовал прямую линию, нужны координаты двух точек, которые связываются по кратчайшему пути. Для рисования дуги кроме координат двух точек необходимо задать еще и радиус и т. д. Таким образом, векторная иллюстрация - это набор геометрических примитивов. Большинство векторных форматов могут также содержать внедренные в файл растровые объекты или ссылку на растровый файл (технология OPI).
WMF
Windows MetaFile, Enhanced Metafile (*.WMF, *.EMF) использует графический язык Windows и является ее родным форматом. Данный формат широко используется в офисных пакетах типа MS Office, где все клипарты (которых свыше 50 тысяч) сохранены именно в нем. Можно хранить информацию следующего характера: узлы, кривые Безье, заливки, обводки. Предназначен для передачи векторных рисунков через буфер обмена (clipboard). Этот формат понимается практически всеми программами Windows, так или иначе связанными с векторной графикой. Однако, несмотря на кажущуюся простоту и универсальность, пользоваться форматом WMF стоит только в крайних случаях, так как формат WMF искажает цвет и не поддерживает ряда параметров, которые могут быть присвоены объектам в различных векторных редакторах. Кроме того, он не может содержать растровых объектов и не понимается очень многими програкиѼмами на Macintosh.
AI
Adobe Illustrator Document - родной формат файла для пакета Adobe Illustrator. Может содержать в себе как растровую, так и векторную информацию в цветовых моделях RGB и CMYK и, по сути, представляет из себя документ в формате PostScript с дополнительной информацией, специфичной для пакета верстки. Версии документов обратно совместимы, т.е. в пакете более новой версии всегда можно открыть документ, созданный в более старом пакете, но не наоборот. При сохранении файла а этом формате в его заголовок добавляется его уменьшенная копия для предварительного просмотра в формате TIFF или PICT (Preview). При сохранении файлов в данном формате можно указать версию пакета, в котором предполагается его открытие (по умолчанию - текущая версия или последняя версия сохранения), а также указать, нужно ли включать в состав сохраняемого файла все помещенные растровые объекты, или просто оставить ссылки на них (links). В первом случае размеры файла могут быть весьма значительными. Формат файла хорошо совместим во всех пакетах фирмы Adobe.
Инструменты растровой графики
Все графические редакторы делятся на два больших класса - растровые и векторные. Adobe Photoshop - программа растровая и отсюда вытекают все его возможности, достоинства и недостатки. Ниже мы рассмотрим главные инструменты характерные для любого растрового редактора. Это необходимо для того, чтобы, изучая Photoshop не просто нажимать на кнопки и клавиши, а понимать суть выполняемых при этом команд.
Особенности растровой графики
Растровая графика представляет изображения в виде массива (матрицы) цифр. Поэтому при большом увеличении все точечные изображения выглядят как мозаика (сетка), состоящая из мельчайших ячеек. Сама сетка получила название растровой карты (bitmap), а ее единичный элемент (как уже отмечалось ранее) называется пикселем. Поскольку пиксели малы, то границы между ними незаметны и глаз воспринимает пиксельную мозаику как одно целое изображение. Тем не менее, при увеличении растрового изображения (и это один из недостатков растровой графики) точечная структура растрового изображения становится очевидной. Дело в том, что при масштабировании растровых изображений возникают характерные ступенчатые искажения (aliasing). В большинстве растровых редакторов эту лесенку удается частично убрать за счет специальных приемов (anti-aliasing), но качество картинки от этого заметно снижается. Этот эффект особенно сильно проявляется при использовании растровых шрифтов (расширение FON), которые, в отличие от векторных (с расширением TTF) при увеличении становятся нечеткими (рис. 1.5).
Рис. 1.5. Aliasing растрового шрифта при его масштабировании
Говоря о достоинствах и недостатках растровой графики, следует заметить следующее. По своей сути все окружающие нас объекты человек видит на растровой основе: вряд ли кто воспринимает утренний туман над рекой как набор математических формул (векторов). Поэтому одним из достоинств растровой графики является простота ее понимания, восприятия человеком, а также простота оцифровки подобной информации аппаратными средствами - сканером, цифровой фотокамерой, монитором, принтером.
Однако растровые графические файлы очень объемны и тяжелы: как только вы попытаетесь отсканировать любую фотографию с максимальными разрешением и глубиной цвета, тут же эта картинка потребует для своего сохранения целый лазерный диск. Другой недостаток: при попытке повернуть растровый рисунок на некоторый угол четкие линии превращаются в ступеньки. То есть любые трансформации (повороты, масштабирование, наклоны) в точечной графике не бывают без искажений. То же относится и к тексту.
Инструментальные средства растровых редакторов
Особенностью растровых программ (и одним из их отличий от векторных) является широкий спектр разнообразных инструментов редактирования уже готовых изображений с целью улучшения их качества и их обработки под конкретные цели и задачи пользователя. Иначе говоря, растровый редактор, как правило, не создает изображения с нуля. Зато полученный с цифровой видеокамеры или сканера снимок с передержкой можно легко скорректировать, уменьшив интенсивности цветовых значений пикселей. Также, при необходимости красную, зеленую и синюю компоненты можно изменять раздельно, чтобы получить наилучший цветовой баланс. А если изображение снято не в фокусе, то растровый редактор позволит увеличить резкость, и, наоборот, четкие, контрастные изображения можно размыть.
К фундаментальным инструментам растровой графики относятся такие инструменты обработки изображений, как:
• инструменты выделения, каналы и маски;
• инструменты ретуширования;
• гистограммы и кривые;
• инструменты для цветовой (цветовой баланс) и тоновой коррекции (уровни);
• фильтры (спецэффекты);
• слои.
Кроме перечисленных инструментальных средств, в состав растровых редакторов входит большое количество компьютерных инструментов, аналогичных реальным инструментам художника: Аэрограф, Кисть, Карандаш, Ластик, Текст, Перо, Лупа и так далее.
Выделения
Растровое изображение нелегко разобрать на составляющие его компоненты, поэтому для создания, например, монтажей из отдельных фрагментов изображений каждый из них предварительно необходимо выделить. Такая работа, напоминает вырезание кусков изображений из бумаги ножницами и называется процессом выделения (обтравки) изображений.
Новый термин
Выделение (Selection) - это область, ограниченная замкнутым контуром выделения в виде подвижной пунктирной линии, которая отмечает часть изображения, доступную для редактирования. Выделенная часть изображения становится доступной для обработgn="и командами графического редактора.
Инструменты выделения в Adobe Photoshop
По принципу формирования выделенных областей все инструменты выделения можно разделить на четыре группы:
• геометрические, то есть использующие для построения выделений разнообразные геометрические формы (прямоугольную, эллиптическую). В Photoshop для этой цели используются четыре инструмента, входящих в состав раскрывающейся панели инструмента Marquee (Область) - рис. 1.6.
Рис. 1.6. Инструменты геометрического выделения в Adobe Photoshop
• инструменты выделения от руки, например, Lasso (Лассо). Такие инструменты используются для выделения объектов сложной формы путем их обводки (рис. 1.7).
Рис. 1.7. Инструменты из группы Лассо
• инструменты выделения контуров, например, Pen (Перо). Пером можно создать замкнутый контур, который затем легко превращается в выделение (рис. 1.8).
Рис. 1.8. Инструменты из группы Перо
• цветочувствительные инструменты выделения, в которых выделенная область изображения определяется цветом изображения. К ним относятся инструмент Волшебная палочка и ряд команд из меню Select (Выделение). В основе работы этих инструментов лежит назначение двух параметров: базового цмеета и диапазона цветов, близких к базовому.
Маски
Термины "маска" и "выделение" взаимосвязаны: выделенная область доступна для редактирования, а область изображения закрытая маской от редактирования защищена.
Новый термин
Маски - это один из базовых инструментов профессиональных растровых редакторов. Всякая маска включает в себя два типа областей: непрозрачные и прозрачные. Первые (непрозрачные) используются для защиты закрываемых ими частей изображений или объектов от нежелательных изменений. Они, собственно, и выполняют функцию маскирования. Прозрачные области можно рассматривать как отверстия в маске. Их используют для выделения фрагментов изображения или объекта, которые собираются модифицировать.
Маска является изображением, которое создается в модели Grayscale (Градации серого) и помещается поверх другого изображения, защищая его от изменений. Для любого пикселя маски значение оттенка серого цвета можно изменять в пределах 256 градаций серого (от 0 до 255). Область маски со значением цвета пикселей, равного 0 (черный), полностью защищает изображение от изменений (она и служит маской). Область, пиксели которой имеют значение 255 (белый), полностью открыта для проведения изменений. Остальная (серая) часть маски частично прозрачна.
Каналы
В растровом редакторе есть два типа каналов: цветовые и альфа-каналы. Количество цветовых каналов определяется количеством базовых цветов в используемой цветовой модели. Так, изображение в формате Grayscale имеет один канал, в цветовой модели RGB - три канала, а в модели CMYK - четыре канала. В Photoshop доступ к ним реализуется с помощью палитры Channels (Каналы), для отображения которой необходимо выбрать команду Window (Окно) | Channels (Показать каналы) - рис. 1.9.
Рис. 1.9. Палитра Каналы растрового редактора Adobe Photoshop
Наряду с цветовыми каналами в растровых редакторах возможно использование альфа-каналов, тесно связанных с понятием маски - каждый такой канал представляет собой маску. Говоря иными словами, создание маски приводит к одновременному и автоматическому созданию альфа-канала, в который помещается изображение этой маски. Для работы с альфа-каналами предусмотрен ряд инструментальных средств, доступ к которым осуществляется с помощью набора кнопок, размещенных в нижней части палитры Channels (Каналы).
Фильтры
Фильтры представляют собой небольшие программы, которые (подобно макросам и скриптам) выполняют заранее установленную последовательность команд. При этом они автоматически вычисляют значения и характеристики каждого пикселя изображения и затем модифицируют их в соответствии с новыми значениями. Большинство фильтров (filters) предназначено для имитации реальных эффектов. Например, группа художественных эффектов позволяет имитировать самые разнообразные виды живописи (масло, акварель и т. п.) и стили разных художников. Большинство современных графических программ поддерживает подключаемые фильтры других фирм (plug-ins). Их использование расширяет функциональные возможности графического редактора.
Пример 1.1. Делаем рамку для фото фильтрами
Вероятно, что слово "альфа канал" все же пока вам не понятно и пугает вас. Тем не менее, в этом примере мы увидим, что даже не умеющий работать в Photoshop пользователь может легко и быстро создать альфа-канал и маску. А пошаговая инструкция для этого будет такая:
Командой Файл | Открыть загрузите в программу любое изображение из имеющихся в вашем компьютере.
Найдите среди инструментов геометрического выделения инструмент Rectangular Marquee (Прямоугольная область) и выделите им на изображении прямоугольную область (рис. 1.10).
Рис. 1.10. На изображении выделена прямоугольная рамка
Выполните команду Select (Выделение) | Inverse (Инвертировать выделение). Теперь выделенная и защищенная области поменялись местами: функции выделенной области выполняет рамка, а бывшее прямоугольное выделение становится не редактируемым.
Примените к выделению какой-либо фильтр, например, командой Фильтр | Текстура | Витраж. В результате прозрачная часть маски будет деформирована фильтром и образует художественную рамочку для нашей фотографии.
Рис. 1.11. Применение к выделению фильтра Витраж
Для завершения примера снимите выделение с помощью команды Select (Выделение) - Deselect (Убрать выделение).
Подобным приемом можно создавать фоторамки различной толщины и узора, а если выбрать не прямоугольное выделение, а овальное, то рамки круглые и овальные (рис. 1.12).
Рис. 1.12. Овальная рамка с помощью фильтров Photoshop
Инструменты ретуширования
Ретушь (retouch) - коррекция изображения с целью устранения мелких дефектов, исправления тонального и цветового балансов. Традиционно инструменты ретуширования изображений предназначены для восстановления поврежденных изображений, например, для ретуши фотографий. Для дизайнеров в области рекламы основной целью ретуширования является украшение изображения, придание ему большего товарного вида. При ретуши обычно удаляются дефекты изображения (дефект "красные глаза", морщины на лице и так далее) и добавляются детали, украшающие изображение (элементы фотомонтажа, виньетки, текст и другие).
Инструменты ретуширования в Adobe Photoshop
Инструменты клонирования (Cloning Tools) предназначены для копирования деталей из одного места изображения (неповрежденного) в другое (поврежденное). Типичным примером такого инструмента является Stamp (Штамп). Клонирование штампом рекомендуется применять для удаления царапин и пятен - рис. 1.13.
Рис. 1.13. Инструменты группы Штамп
Инструменты размытия (Blur) и повышения резкости (Sharpen) позволяют соответственно локально снижать или усиливать контраст между пикселями изображения - рис. 1.14. Так, локальное ослабление нежелательных дефектов кожи человека (морщин, шрамов) маскирует их. Однако если дефекты значительные (крупная родинка, татуировка), то их лучше убирать не инструментами размытия, а штампом. Инструмент Smudge (Палец) сглаживает различия между соседними участками изображений, смягчая их границы. Это может быть важно, например, на границах фотомонтажа: если края вклеиваемого в монтаж объекта пройти инструментом Палец, то он более естественно впишется в фон.
Рис. 1.14. Инструменты локального размытия и резкости
Инструменты Dodge (Осветлитель) и Burn (Затемнитель) делают объекты более светлыми или более тусклыми. Эти средства предназначены для локальной (местной) коррекции освещенности или изменения значения яркости, чтобы выделить или скрыть некоторые детали - рис. 1.15.
Рис. 1.15. Инструменты локального изменения яркости изображения
Фильтры Adobe Photoshop служат для применения к изображению специальных эффектов, то есть они меняют изображение по специальному алгоритму. Несколько фильтров можно использовать для решения задач ретуширования:
• посредством фильтров Нерезкое маскирование (Unsharp mask) и группы Фильтры усиления краев (Edge-Sharpening filters) можно повышать контраст и подчеркивать детали изображения. Локальное использование их для целей ретуширования позволяет усилить одни детали изображения по сравнению с другими;
• группы фильтров Размытия (Blur) и Cмягчения (Soften) позволяют удалять дефекты сканирования и сглаживать второстепенные детали;
• за счет добавления шума в небольшую выделенную область с помощью фильтра Добавление шума (Noise) можно скрыть некоторые дефекты изображения (замаскировать нарушающие гармонию детали изображения).
Тоновая коррекция изображения. Уровни и гистограммы
В компьютерной графике тон это уровень (оттенок) цвета. Тоновое изображение имеет непрерывную шкалу градаций серого от белого до черного. Для одного цвета число таких градаций (ступеней) в цветовой модели RGB равно 256 (8 бит).
Смысл тоновой коррекции фотоизображения состоит в придании фотографии максимального динамического диапазона за счет настройки яркости и контрастности изображения. Для оценки и коррекции яркости и контрастности изображения (его тоновой коррекции) в редакторе используются гистограммы.
Новый термин
Гистограмма - столбчатая диаграмма, отображающая количество пикселей изображения (по вертикали), имеющих заданный уровень яркости (по горизонтали). В другой формулировке гистограммой называется график, отображающий распределение пикселей изображения по яркости. При построении этого графика по оси X откладываются значения яркостей в диапазоне от 0 (черный) до 255 (белый), а по оси Y - количество пикселей, имеющих соответствующее значение яркости.
Специалисту в компьютерной графике анализ гистограмм позволяет понять, какие тоновые области изображения нуждаются в коррекции, и в какой именно (рис. 1.16).
Рис. 1.16. Изображение и его гистограмма
При рассматривании гистограмм на светлом фотоизображении основная горка пикселей смещена вправо, на темном - влево, а в нормальном изображении она находится посередине гистограммы.
В светлом изображении все объекты ярко высвечены. Примером таких изображений могут служить фотографии ярко освещенных светлых предметов. Области теней и средних тонов таких изображений обычно содержат мало информативного материала и не представляют интереса.
В темном изображении многие важные детали скрыты (теряются) в теневых областях. Средние тона и света выделены слабо. Такие изображения получаются при фотосъемке в условиях недостаточной освещенности.
Нормальные изображения характеризуются наивысшим качеством, то есть равномерным распределением тонов по всем трем областям: светам, средним тонам и теням.
Итак, гистограммой называется график, отображающий распределение пикселей изображения по яркости. Инструмент Гистограмма (Histogram) позволяет оценить динамический диапазон изображения, то есть разницу между его самым ярким и самым темным участком (разброс между минимальной и максимальной яркостью изображения). Другими словами, с помощью гистограммы вы также можете определить, какие тоновые области доминируют: тени (темные области), света (светлые области) или средние тона. В Adobe Photoshop проверка динамического диапазона изображения выполняется командой Изображение | Коррекция | Уровни.
В Adobe Photoshop инструментом коррекция гистограммы является инструмент Уровни (Levels). С помощью Уровней (за счет изменения яркости и контрастности изображения) можно изображение сделать более светлым или более темным, то есть улучшить его динамический диапазон. Иначе говоря, с помощью гистограмм вы можете оценить качество изображения, а с помощью уровней это качество улучшить. Для работы с гистограммой в уровнях им(Hisется инструмент Установка точки черного, инструмент Установка точки серого и инструмент Установка точки белого. В соответствии с гистограммой тоновую характеристику изображения можно отнести к одному из трех типов: светлому, темному или нормальному.
Точка белого - это самая яркая светлая точка изображения. Соответственно, точка черного - точка изображения с минимальной яркостью (самая черная). Серая точка находится между белой и черной.
Итак, набор из трех пипеток предназначен для установки значений белой и черной точек и значения коэффициента гаммы путем указания их непосредственно на редактируемом изображении с помощью выбора соответствующей пипетки.
Помимо пипеток, управляющих точками, уровни имеют ползунки-треугольники между крайними треугольниками, характеризующими значение светов и теней изображения, расположен третий треугольник, который предназначен для управления яркостью в области средних тонов изображения. Этот элемент управления в растровой графике имеет специальное название - коэффициент гамма, а действия выполняемые путем перемещения среднего треугольника, называют настройкой гаммы. Установка значения этого параметра меньше 1 (это значение задается по умолчанию), приводит к затемнению изображения и, наоборот, больше 1 - к осветлению изображения в области средних тонов. В обоих случаях происходит изменение контрастности изображения.
Новый термин
Гамма - коэффициент контраста в средних тонах изображения.
Параметрами раздела Выходные уровни (Output Levels) можно управлять точно так же, как и входными параметрами. Однако в отличие от них, здесь перемещение левого треугольника приводит к осветлению более темных пикселов (теней), и, наоборот, перемещение правого треугольника затемняет более светлые пикселы (света).
Нажатие кнопки Авто (Auto) является альтернативой выполнения специальной команды Авто Уровни (Auto Levels). Оно приводит к запуску процедуры автоматической тоновой коррекции, сущность которой состоит в отбрасывании заранее установленного количества самых светлых и самых темных пикселов изображения.
Список Канал (Channel) предоставляет доступ к любому цветовому каналу с помощью раскрывающегося списка. С его помощью вы можете выполнять настройки входных и выходных значений яркости отдельно для каждого канала раздельно.
Примечание
Смысл тоновой коррекции состоит в придании изображению максимального динамического диапазона, что в свою очередь это напрямую связано с настройкой яркости изображения. Однако не только гистограммы и уровни служат для оценки и коррекции яркости и контрастности изображения (его тоновой коррекции). Photoshop предоставляет широкий набор подобных средств, среди которых можно отметить инструменты Кривые (Curves), Яркость (Brightness) и Контраст (Contrast).
Кривые
Для вызова этого инструментального средства в Photoshop используется команда Изображение (Image) | Коррекция (Adjust) | Кривые (Curves) или соответствующая ей комбинация клавиш Ctrl+M. По принципу действия команда Кривые близка к команде Уровни, но только здесь для настройки яркости изображения вместо гистограммы используется инструментальное средство, известное под именем настроечная кривая в виде прямой линии с наклоном 45 градусов. Если кривая в исходном состоянии не изменена, то все входные (исходные) и выходные (отредактированные) пиксели имеют идентичные значения яркости - рис. 1.17.
Рис. 1.17. Инструмент Кривые
Кривая (curve) - это график, с помощью которого осуществляется преобразование спектрального диапазона исходного изображения (входные данные) к спектральному диапазону скорректированного изображения (выходные данные).
Если в инструменте Уровни для настройки яркости используются только три области (света, тени и средние тона), то в инструменте Кривая вы меняете контраст одновременно во многих яркостных диапазонах изображения. В этом главное отличие этих инструментов, один из которых более тонкий, а другой - грубее.
Устанавливая наклон кривой более 45 градусов (выпуклая кривая вверх), вы расширяете диапазон тонов или цветов, входящих в соответствующие области изображения, делая его контрастнее и светлее. Наоборот, установка вогнутой вниз кривой приводит к сужению диапазона тонов и, как следствие, - к уменьшению контраста и затемнению изображения.
Совет
Используйте вогнутые настроечные кривые для исправления недостаточной экспозиции (недостаток деталей в тенях) и выпуклые - для избыточной экспозиции (недостаток деталей в светах).
Большая часть элементов управления (пипеток и ползунков) окна диалога Кривые (Curves) не отличается от уже рассмотренного ранее окна диалога Уровни (Levels). Поэтому имеет смысл остановиться только на новых элементах. Это кнопка свободного рисования кривых (Draw to Modify the curve) с изображением карандаша. Если в обычном режиме редактирование формы кривой производится путем установки на кривой до 16 точек и последующего перетаскивания их с помощью мыши, то с использованием инструмента Freehand (Свободная) вы можете нарисовать с помощью мыши любую форму настроечной кривой. После окончания рисования нажмите на кнопку Плавный (Smooth) для сглаживания острых углов кривой.
Яркость/Контрастность
Команда Яркость (Brightness)/Контрастность (Contrast) используется для одновременной коррекции яркости и контраста изображения, то есть не раздельной настройкой каждого из трех тональных диапазонов (теней, средних тонов и светов), а коррекции сразу всего изображения. И хотя это средство не обладает гибкостью и возможностями рассмотренных ранее инструментов Кривые (Curves) и Уровни (Levels), зато оно выигрывает в простоте и быстроте своей работы.
Для изучения возможностей окна диалога Яркость/Контрастность (Brightness-Contrast) воспользуемся конкретным примером. Приведенное дой я этой цели изображение кота на рис. 1.18 имеет чрезмерно высокую контрастность, и низкую яркость, и, следовательно, плохую проработку деталей в тенях и светах. Попытаемся эти недостатки исправить.
Рис. 1.18. Кот неяркий и избыточно контрастный
Для тоновая коррекция такого изображения выполните команду Изображение (Image) | Коррекция (Adjust) | Яркость/Контрастность (Brightness/Contrast). При этом открывается окно диалога Яркость/Контрастность (Brightness/Contrast) - рис. 1.19.
Рис. 1.19. Окно диалога Яркость/Контрастность (Brightness/Contrast)
Перемещая движок параметра Яркость (Brightness) вправо (повышая яркость), установите его значение до оптимальной величины яркости вашего изображения. Переместите движок параметра Контрастность (Contrast) влево до оптимального значения с целью снижения контраста изображения. Оцените полученный результат в окне активного изображения. Если он вас удовлетворяет, нажмите на кнопку OK (рис. 1.20).
Рис. 1.20. Исходное изображение отредактировано
Цветовая коррекция и цветовой баланс
Цветокоррекция - изменение цветовых параметров пикселей (яркости, контрастности, цветового тона, насыщенности) с целью достижения оптимального цвета изображения. В Photoshop для цветокоррекции используются команды: Баланс цветов (Color balance) и Оттенок/Насыщение (Hue/Saturation).
Баланс цветов (Color balance) это соотношение цветов в изображении. Регулировка цветового баланса позволяет усилить или ослабить один цвет за счет другого дополнительного (комплиментарнояео ему). Например, красный цвет комплиментарен (противоположен на цветовом круге) голубому, зеленый - пурпурному, желтый - синему. В основе коррекции цвета с помощью команды Баланс цветов (Color balance) лежит уменьшение величины избыточной цветовой составляющей за счет усиления ее комплиментарного цвета. Увеличение красного цвета приводит к уменьшению голубого и, наоборот, снижение красного увеличивает содержание в изображении голубого цвета. Инструмент Цветовой баланс (Color balance) служит для цветовой коррекции всего изображения, хотя при необходимости вы можете использовать его и для коррекции выделенных областей изображения.
Цветовой тон/Насыщеннность
Эти термины относятся к цветовой модели HSL и поэтому можно управлять цветовыми характеристиками изображения путем настройки цветовых компонентов этой модели: Цветовой тон (Hue), Насыщенность (Saturation) и Яркость (Lightness). Настроечное окно вызывается командой Изображение | Коррекция | Цветовой тон/Насыщенность или комбинацией клавиш Ctrl+U (рис. 1.21).
Рис. 1.21. Окно Цветовой тон/Насыщенность
В этом окне:
• перемещение движка Цветовой тон (Hue) осуществляется по периметру цветового круга в диапазоне от -180 до 180 градусов. После установки конкретного значения данного параметра происходит автоматическое смещение всех цветов изображения на заданную величину путем прибавления ее к градусному эквиваленту каждого цвета;
• перемещение движка Насыщенность (Saturation) вправо позволяет изменять значение этого параметра от 0 (исходное) до 100 процентов (чистый цвет без примеси серого компонента); перемещение вправо - от 0 до -100 градусов (цвет исчезает, превращаясь в оттенок серого);
• параметр Яркость (Lightness) используется для подстройки яркости изобр8">
• верхняя и нижняя цветовые полоски выполняют функцию окна предварительного просмотра, отображая соответственно исходный и измененный спектр изображения;
• список Редактировать (Edit) включает в себя шесть комплиментарных цветовых каналов и составной канал (Все). Выбор одного из шести базовых цветов позволяет выполнить настройки перечисленных цветовых параметров отдельно для каждого диапазона цветов независимо от других, что дает в ваши руки инструмент для тонкой настройки всего изображения. Установка варианта Master (Все) предназначена для применения выполненных вами настроек одновременно ко всему цветовому диапазону изображения;
• флажок Тонирование (Colorize) предназначен для реализации одной из двух возможных технологий: раскрашивания черно-белого изображения одним из цветовых оттенков или для перекрашивания цветного изображения путем преобразования всей гаммы цветов в набор оттенков одного цвета.
Работа со слоями
Представьте себе, что у вас на столе несколько кусков стекла (или прозрачных полиэтиленовых пленок, или бумажных калек), наложенных друг на друга. На каждом стекле вы что-то нарисовали специальным фломастером и теперь смотрите на все это сверху. Считайте, что стекла - это и есть слои. Результирующее изображение при этом получается как сумма изображений на слоях.
В графических редакторах слой (layer) - дополнительный холст для рисования. Каждый слой изображения повторяет параметры основного изображения (размеры, разрешение, цветовую модель, число каналов). Соответственно, пропорционально количеству используемых слоев возрастает размер файла изображения.
Совет
Не увлекайтесь созданием большого числа слоев без необходимости. Два слоя в 2 раза увеличат размер файла исходного изображения, три слоя - в 3 раза.
Слой можно сделать невидимым или полупрозрачным. Слои в многослойном изображении можно поменять местами или часть слоев удалить. Применение слоев расширяет возможности в работе с цифровыми изображениями.
Внимание
Сохранить рисунок со слоями можно только в некоторых специальных графических форматах, например, PSD или TIFF.
Для работы со слоями в Adobe Photoshop есть специальная палитра, которую вы можете вызвать с помощью команды Window (Окно) | Layers (Показать Слои) - рис. 1.22.
Рис. 1.22. Палитра Слои (Layers)
На палитре Layers отображается список всех слоев, с их названиями, миниатюрами изображений и специальными пиктограммами. Ниже приведено название и назначение некоторых атрибутов этой палитры.
В области Закрепить расположены атрибуты блокировки слоев, позволяющие блокировать прозрачность, цвет и положение слоя.
Пиктограмма с изображением глаза (Show/Hide) управляет доступностью слоя для редактирования. Щелкните на ней, чтобы скрыть или показать слой в окне изображения. Если на палитре рядом со слоем изображен глаз, это значит, что слой включен.
По поводу кнопки New layer style (Добавить стиль слоя) следует заметить, что стиль это набор параметров для слоя, который может быть быстро применен к лежащим на нем объектам.
Щелчок на пиктограмме New layer (Создать новый слой) приводит к созданию нового слоя.