Основы работы в Adobe Photoshop CS5

Основы работы в Adobe Photoshop CS5 Автор: В.П. Молочков Информация о курсе Курс посвящен последней версии Photoshop– самой популярной программы для работы с растровой графикой. В курсе просто и доступно изложены базовые сведения об основах Adobe Photoshop CS5. Читатель освоит большое количество практических примеров и упражнений, в которых рассказывается обо всех средствах, которые дает программа в руки дизайнера или фотографа для решения самых разнообразных задач. В издании имеется множество наглядных иллюстраций. Курс написан для всех, кто работает или собирается работать с цифровыми изображениями на компьютере. Лекции 1. Adobe Photoshop CS5 для дизайнера и фотографа Adobe Photoshop CS5 - последняя версия легендарного графического редактора. Сам перевод названия программы "Фотомагазин" говорит о том, что это программа для фотографов. Программное обеспечение Adobe® Photoshop® CS5, соответствует мировым стандартам, позволяет создавать профессиональные изображения на высшем уровне. В новой версии вы сможете рисовать реалистичные иллюстрации, быстро создавать эффектные изображения HDR, устранять шумы, добавлять зернистость и настраивать виньетирование с помощью самых современных инструментов для обработки фотографий. В лекциях мы не будем глубоко вникать в теорию компьютерной графики, а заострим внимание на практике работы с фотоизображениями. 2. Начало работы, интерфейс Photoshop CS5 В этом разделе мы приступим к изучению программы и рассмотрим ее интерфейс. 3. Инструменты выделения, каналы и маски. Фотомонтажи Растровые изображения в отличие от векторных, нелегко разгруппировать, то есть разъединить на составляющие и обособить. Чтобы вырезать отдельный объект из растровой группы, его сначала надо обтравить по контуру, другими словами - выделить. После этого мы получим возможность манипулировать выделенными областями изображения. Photoshop располагает богатым набором средств выделения, среди которых инструменты выделения Marquee (Область), Lasso (Лассо), Magic Wand (Волшебная палочка); инструменты выделения контуров (Path Tools); специальная команда Color Range (Цветовой ряд); особый режим выделения Quick Mask (Быстрая маска). Поговорим об этом подробнее. 4. Инструменты цветокоррекции и ретуширования. Слои Вы познакомитесь с базовыми представлениями о теории цвета на ПК, а также узнаете основные приемы коррекции изображений в графическом редакторе Adobe Photoshop. 5. Шрифт и текст. Фильтры в Photoshop CS5 Шрифт и текст - фундаментальный понятия для любой работы дизайнера. Шрифт в широком смысле слова - это средство передачи информации. В более узком аспекте элемент дизайна документа. Однако шрифт, по своей природе, это не только упорядоченная графическая форма определенной системы письма, но и средство эстетического и художественного оформления носителя информации. Именно эта его функция и представляет интерес с точки зрения дизайна. 6. 1

Подключаемые фильтры Фильтры к Photoshop по умолчанию находятся по маршруту C:\Program Files\Adobe\Adobe Photoshop CS3\Plug-Ins\Filters. После копирования подключаемых фильтров по этому маршруту в меню Filter (Фильтры) вы увидите новые, только что установленные фильтры для обработки изображений. Хорошо зарекомендовали себя такие проверенные временем наборы фильтров как Kai's Photo Tools и Eye Candy. Описание всех фильтров заняло бы слишком много места, поэтому мы остановимся лишь на наиболее популярных из них. 7. Photoshop и веб-дизайн Adobe Photoshop не только признанный лидер среди растровых редакторов для редактирования компьютерной живописи и фото, но также одна из лучших программ для создания и обработки иллюстраций для Сети. 8. Вывод изображения на печать В этой лекции рассматриваются операции, которые непосредственно относятся к созданию в Photoshop CS5 печатного документа.

2

1. Лекция: Adobe Photoshop CS5 для дизайнера и фотографа Adobe Photoshop CS5 - последняя версия легендарного графического редактора. Сам перевод названия программы "Фотомагазин" говорит о том, что это программа для фотографов. Программное обеспечение Adobe® Photoshop® CS5, соответствует мировым стандартам, позволяет создавать профессиональные изображения на высшем уровне. В новой версии вы сможете рисовать реалистичные иллюстрации, быстро создавать эффектные изображения HDR, устранять шумы, добавлять зернистость и настраивать виньетирование с помощью самых современных инструментов для обработки фотографий. В лекциях мы не будем глубоко вникать в теорию компьютерной графики, а заострим внимание на практике работы с фотоизображениями.

Содержание     

    

         

Основные понятия компьютерной графики Разрешение изображения Глубина цвета Изменение разрешения путем интерполяции изображения Форматы графических файлов o Растровые форматы  BMP  TIFF  PSD  GIF  JPEG  PNG o Векторные графические форматы  WMF  AI Инструменты растровой графики Особенности растровой графики Инструментальные средства растровых редакторов Выделения Инструменты выделения в Adobe Photoshop o Маски o Каналы Фильтры Пример 1.1. Делаем рамку для фото фильтрами Инструменты ретуширования Инструменты ретуширования в Adobe Photoshop Тоновая коррекция изображения. Уровни и гистограммы Кривые Яркость/Контрастность Цветовая коррекция и цветовой баланс Цветовой тон/Насыщеннность Работа со слоями

Основные понятия компьютерной графики Для того, чтобы работать с Adobe Photoshop не механически, а с пониманием своих действий, пользователь должен иметь некоторые общие (базовые) представления о 3

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

Разрешение изображения Растровые изображения формируется из совокупности крошечных элементов, называемых пикселями. Пиксель является основным кирпичиком растровых изображений и это единица принята в компьютерной графике, подобно тому, как метр, килограмм и литр приняты для измерений в повседневной жизни. Количество пикселей в изображении определяет его разрешение. Пиксели часто называют точками, тогда разрешение измеряется в dpi (dot per inch), то есть в количестве точек на дюйм. Примечание В компьютерной литературе существует путаница в терминах и некоторые из авторов разрешение мониторов измеряют в dpi (dot per inch), сканеров в ppi (pixel per inch) пиксель на дюйм, а принтеров в lpi (line per inch) - линий на дюйм. Другие же авторы книг разрешение любого изображения, не зависимо от способа его получения измеряют только в dpi. Если вдуматься, то становится очевидным, что чем выше разрешение, тем большее количество пикселей содержит изображение и тем большим количеством деталей (то есть - качеством) такое изображение характеризуется. С другой стороны, более высокое разрешение изображение прямо связано с большим размером файла такого изображения. Поэтому установка величины разрешения зависит от целей и задач компьютерного художника и для конкретной работы будет разной. Например, веб-дизайнеры обычно работают с изображениями 72-96 dpi, в то время как полиграфисты предпочитают разрешения изображений от 300 dpi и выше (рис. 1.1).

Рис. 1.1. Изображение высокого разрешения слева (файл 977 Кб) и низкого разрешения справа (файл 41 Кб)

4

Глубина цвета В черно-белых изображениях уровни яркости представляются в виде оттенков серого цвета, а в цветных изображениях эти уровни проявляются в виде различных цветовых тонов. При этом очевидно, что черно-белая фотография воспринимается как менее качественная по сравнению с фотографией цветной. Иначе говоря, чем больше оттенков цвета в изображении, тем выше его яркостное (цветовое) разрешение, называемое глубиной цвета, и тем большее число уровней яркости (цветов) будет содержать файл такого изображения. Новый термин Глубина цвета характеризует число воспроизводимых градаций яркости пикселя в чернобелых изображениях и количество отображаемых цветов в цветном изображении. Для примера на рис. 1.2 показано одно и то же изображение, но с разной глубиной цвета: в два цвета сверху, и в 256 оттенков серого снизу. Из этой иллюстрации наглядно видно, что чем выше число воспроизводимых градаций яркости пикселя в черно-белых изображениях (и количество отображаемых цветов в цветном изображении), тем качество растрового изображения выше.

Рис. 1.2. Одно и то же изображение, но с разной глубиной цвета С точки зрения цветовой глубины растровые изображения можно разбить на несколько типов: Для монохромного черно-белого (Black and White) изображения используются только два типа ячеек: черные и белые. Поэтому для запоминания каждого пикселя требуется только 1 бит памяти компьютера. Такие изображения часто называются 1-битовыми 5

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

6

Рис. 1.4. Способы интерполяции изображений в Adobe Photoshop При интерполяции по соседним (Nearest Neighbor) для добавляемого программой пикселя берется значение пикселя соседнего с ним. То есть, если соседний пиксель красный, то и программа увеличивает разрешение изображения добавлением красного пикселя. В случае билинейной (Bilinear) интерполяции графический редактор берет среднее цветовое значение пикселов с каждой стороны от вновь создаваемого. Например, между красным и белым цветом появится розовый. Бикубическая (Bicubic) интерполяция усредняется значение группы не только непосредственно граничащих, но и всех соседних пикселов. Какой диапазон пикселов выбирается для усреднения и по какому алгоритму это усреднение происходит - этим отличаются способы бикубической интерполяции. На иллюстрации выше мы видим три варианта бикубической интерполяции в Adobe Photoshop. Примечание Разрешение изображения, полученное с помощью программной интерполяции всегда хуже реального (физического) разрешения, так как искусственное добавление пикселей снижает качество изображения (происходит потеря мелких его деталей). Иначе говоря, чем сильнее трансформируется изображение, тем больше оно деградирует.

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

 

хранящие изображение в растровом виде (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 алгоритма сжатия, выполняемого практически без потери информации; 8



возможности выполнения предварительного цветоделения. Данная функция реализуется путем записи результатов цветоделения в отдельный файл в цветовой модели 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 и более раз. Однако, сжатие данных по этому алгоритму добавляет в изображение искажения, которые являются необратимыми и при 9

многократном повторном сохранении данных в этом формате заметно ухудшают качество изображения. При сохранении данных существует компромисс между размером выходного файла и его качеством. Существует разновидность сжатия по алгоритму 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 и является ее родным форматом. Данный формат широко используется в 10

офисных пакетах типа 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).

11

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

Инструментальные средства растровых редакторов Особенностью растровых программ (и одним из их отличий от векторных) является широкий спектр разнообразных инструментов редактирования уже готовых изображений с целью улучшения их качества и их обработки под конкретные цели и задачи пользователя. Иначе говоря, растровый редактор, как правило, не создает изображения с нуля. Зато полученный с цифровой видеокамеры или сканера снимок с передержкой можно легко скорректировать, уменьшив интенсивности цветовых значений пикселей. Также, при необходимости красную, зеленую и синюю компоненты можно изменять раздельно, чтобы получить наилучший цветовой баланс. А если изображение снято не в фокусе, то растровый редактор позволит увеличить резкость, и, наоборот, четкие, контрастные изображения можно размыть. К фундаментальным инструментам растровой графики относятся такие инструменты обработки изображений, как:      

инструменты выделения, каналы и маски; инструменты ретуширования; гистограммы и кривые; инструменты для цветовой (цветовой баланс) и тоновой коррекции (уровни); фильтры (спецэффекты); слои.

Кроме перечисленных инструментальных средств, в состав растровых редакторов входит большое количество компьютерных инструментов, аналогичных реальным инструментам художника: Аэрограф, Кисть, Карандаш, Ластик, Текст, Перо, Лупа и так далее. 12

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

Инструменты выделения в Adobe Photoshop По принципу формирования выделенных областей все инструменты выделения можно разделить на четыре группы: 

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

Рис. 1.6. Инструменты геометрического выделения в Adobe Photoshop 

инструменты выделения от руки, например, Lasso (Лассо). Такие инструменты используются для выделения объектов сложной формы путем их обводки (рис. 1.7).

Рис. 1.7. Инструменты из группы Лассо 

инструменты выделения контуров, например, Pen (Перо). Пером можно создать замкнутый контур, который затем легко превращается в выделение (рис. 1.8).

13

Рис. 1.8. Инструменты из группы Перо 

цветочувствительные инструменты выделения, в которых выделенная область изображения определяется цветом изображения. К ним относятся инструмент Волшебная палочка и ряд команд из меню Select (Выделение). В основе работы этих инструментов лежит назначение двух параметров: базового цвета и диапазона цветов, близких к базовому.

Маски Термины "маска" и "выделение" взаимосвязаны: выделенная область доступна для редактирования, а область изображения закрытая маской от редактирования защищена. Новый термин Маски - это один из базовых инструментов профессиональных растровых редакторов. Всякая маска включает в себя два типа областей: непрозрачные и прозрачные. Первые (непрозрачные) используются для защиты закрываемых ими частей изображений или объектов от нежелательных изменений. Они, собственно, и выполняют функцию маскирования. Прозрачные области можно рассматривать как отверстия в маске. Их используют для выделения фрагментов изображения или объекта, которые собираются модифицировать. Маска является изображением, которое создается в модели Grayscale (Градации серого) и помещается поверх другого изображения, защищая его от изменений. Для любого пикселя маски значение оттенка серого цвета можно изменять в пределах 256 градаций серого (от 0 до 255). Область маски со значением цвета пикселей, равного 0 (черный), полностью защищает изображение от изменений (она и служит маской). Область, пиксели которой имеют значение 255 (белый), полностью открыта для проведения изменений. Остальная (серая) часть маски частично прозрачна.

Каналы В растровом редакторе есть два типа каналов: цветовые и альфа-каналы. Количество цветовых каналов определяется количеством базовых цветов в используемой цветовой модели. Так, изображение в формате Grayscale имеет один канал, в цветовой модели RGB - три канала, а в модели CMYK - четыре канала. В Photoshop доступ к ним реализуется с помощью палитры Channels (Каналы), для отображения которой необходимо выбрать команду Window (Окно) | Channels (Показать каналы) - рис. 1.9.

14

Рис. 1.9. Палитра Каналы растрового редактора Adobe Photoshop Наряду с цветовыми каналами в растровых редакторах возможно использование альфаканалов, тесно связанных с понятием маски - каждый такой канал представляет собой маску. Говоря иными словами, создание маски приводит к одновременному и автоматическому созданию альфа-канала, в который помещается изображение этой маски. Для работы с альфа-каналами предусмотрен ряд инструментальных средств, доступ к которым осуществляется с помощью набора кнопок, размещенных в нижней части палитры Channels (Каналы).

Фильтры Фильтры представляют собой небольшие программы, которые (подобно макросам и скриптам) выполняют заранее установленную последовательность команд. При этом они автоматически вычисляют значения и характеристики каждого пикселя изображения и затем модифицируют их в соответствии с новыми значениями. Большинство фильтров (filters) предназначено для имитации реальных эффектов. Например, группа художественных эффектов позволяет имитировать самые разнообразные виды живописи (масло, акварель и т. п.) и стили разных художников. Большинство современных графических программ поддерживает подключаемые фильтры других фирм (plug-ins). Их использование расширяет функциональные возможности графического редактора.

Пример 1.1. Делаем рамку для фото фильтрами Вероятно, что слово "альфа канал" все же пока вам не понятно и пугает вас. Тем не менее, в этом примере мы увидим, что даже не умеющий работать в Photoshop пользователь может легко и быстро создать альфа-канал и маску. А пошаговая инструкция для этого будет такая: Командой Файл | Открыть загрузите в программу любое изображение из имеющихся в вашем компьютере. Найдите среди инструментов геометрического выделения инструмент Rectangular Marquee (Прямоугольная область) и выделите им на изображении прямоугольную область (рис. 1.10).

15

Рис. 1.10. На изображении выделена прямоугольная рамка Выполните команду Select (Выделение) | Inverse (Инвертировать выделение). Теперь выделенная и защищенная области поменялись местами: функции выделенной области выполняет рамка, а бывшее прямоугольное выделение становится не редактируемым. Примените к выделению какой-либо фильтр, например, командой Фильтр | Текстура | Витраж. В результате прозрачная часть маски будет деформирована фильтром и образует художественную рамочку для нашей фотографии.

16

Рис. 1.11. Применение к выделению фильтра Витраж Для завершения примера снимите выделение с помощью команды Select (Выделение) Deselect (Убрать выделение). Подобным приемом можно создавать фоторамки различной толщины и узора, а если выбрать не прямоугольное выделение, а овальное, то рамки круглые и овальные (рис. 1.12).

17

Рис. 1.12. Овальная рамка с помощью фильтров Photoshop

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

Инструменты ретуширования в Adobe Photoshop Инструменты клонирования (Cloning Tools) предназначены для копирования деталей из одного места изображения (неповрежденного) в другое (поврежденное). Типичным примером такого инструмента является Stamp (Штамп). Клонирование штампом рекомендуется применять для удаления царапин и пятен - рис. 1.13.

Рис. 1.13. Инструменты группы Штамп

18

Инструменты размытия (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 бит). Смысл тоновой коррекции фотоизображения состоит в придании фотографии максимального динамического диапазона за счет настройки яркости и контрастности изображения. Для оценки и коррекции яркости и контрастности изображения (его тоновой коррекции) в редакторе используются гистограммы. 19

Новый термин Гистограмма - столбчатая диаграмма, отображающая количество пикселей изображения (по вертикали), имеющих заданный уровень яркости (по горизонтали). В другой формулировке гистограммой называется график, отображающий распределение пикселей изображения по яркости. При построении этого графика по оси X откладываются значения яркостей в диапазоне от 0 (черный) до 255 (белый), а по оси Y - количество пикселей, имеющих соответствующее значение яркости. Специалисту в компьютерной графике анализ гистограмм позволяет понять, какие тоновые области изображения нуждаются в коррекции, и в какой именно (рис. 1.16).

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

Нормальные изображения характеризуются наивысшим качеством, то есть равномерным распределением тонов по всем трем областям: светам, средним тонам и теням. Итак, гистограммой называется график, отображающий распределение пикселей изображения по яркости. Инструмент Гистограмма (Histogram) позволяет оценить динамический диапазон изображения, то есть разницу между его самым ярким и самым темным участком (разброс между минимальной и максимальной яркостью изображения). Другими словами, с помощью гистограммы вы также можете определить, какие тоновые области доминируют: тени (темные области), света (светлые области) или средние тона. В Adobe Photoshop проверка динамического диапазона изображения выполняется командой Изображение | Коррекция | Уровни. В Adobe Photoshop инструментом коррекция гистограммы является инструмент Уровни (Levels). С помощью Уровней (за счет изменения яркости и контрастности изображения) можно изображение сделать более светлым или более темным, то есть улучшить его динамический диапазон. Иначе говоря, с помощью гистограмм вы можете оценить качество изображения, а с помощью уровней это качество улучшить. Для работы с гистограммой в уровнях имеется инструмент Установка точки черного, инструмент Установка точки серого и инструмент Установка точки белого. В соответствии с гистограммой тоновую характеристику изображения можно отнести к одному из трех типов: светлому, темному или нормальному. Точка белого - это самая яркая светлая точка изображения. Соответственно, точка черного - точка изображения с минимальной яркостью (самая черная). Серая точка находится между белой и черной. Итак, набор из трех пипеток предназначен для установки значений белой и черной точек и значения коэффициента гаммы путем указания их непосредственно на редактируемом изображении с помощью выбора соответствующей пипетки. Помимо пипеток, управляющих точками, уровни имеют ползунки-треугольники между крайними треугольниками, характеризующими значение светов и теней изображения, расположен третий треугольник, который предназначен для управления яркостью в области средних тонов изображения. Этот элемент управления в растровой графике имеет специальное название - коэффициент гамма, а действия выполняемые путем перемещения среднего треугольника, называют настройкой гаммы. Установка значения этого параметра меньше 1 (это значение задается по умолчанию), приводит к затемнению изображения и, наоборот, больше 1 - к осветлению изображения в области средних тонов. В обоих случаях происходит изменение контрастности изображения. Новый термин Гамма - коэффициент контраста в средних тонах изображения. Параметрами раздела Выходные уровни (Output Levels) можно управлять точно так же, как и входными параметрами. Однако в отличие от них, здесь перемещение левого треугольника приводит к осветлению более темных пикселов (теней), и, наоборот, перемещение правого треугольника затемняет более светлые пикселы (света). Нажатие кнопки Авто (Auto) является альтернативой выполнения специальной команды Авто Уровни (Auto Levels). Оно приводит к запуску процедуры автоматической тоновой

21

коррекции, сущность которой состоит в отбрасывании заранее установленного количества самых светлых и самых темных пикселов изображения. Список Канал (Channel) предоставляет доступ к любому цветовому каналу с помощью раскрывающегося списка. С его помощью вы можете выполнять настройки входных и выходных значений яркости отдельно для каждого канала раздельно. Примечание Смысл тоновой коррекции состоит в придании изображению максимального динамического диапазона, что в свою очередь это напрямую связано с настройкой яркости изображения. Однако не только гистограммы и уровни служат для оценки и коррекции яркости и контрастности изображения (его тоновой коррекции). Photoshop предоставляет широкий набор подобных средств, среди которых можно отметить инструменты Кривые (Curves), Яркость (Brightness) и Контраст (Contrast).

Кривые Для вызова этого инструментального средства в Photoshop используется команда Изображение (Image) | Коррекция (Adjust) | Кривые (Curves) или соответствующая ей комбинация клавиш Ctrl+M. По принципу действия команда Кривые близка к команде Уровни, но только здесь для настройки яркости изображения вместо гистограммы используется инструментальное средство, известное под именем настроечная кривая в виде прямой линии с наклоном 45 градусов. Если кривая в исходном состоянии не изменена, то все входные (исходные) и выходные (отредактированные) пиксели имеют идентичные значения яркости - рис. 1.17.

22

Рис. 1.17. Инструмент Кривые Кривая (curve) - это график, с помощью которого осуществляется преобразование спектрального диапазона исходного изображения (входные данные) к спектральному диапазону скорректированного изображения (выходные данные). Если в инструменте Уровни для настройки яркости используются только три области (света, тени и средние тона), то в инструменте Кривая вы меняете контраст одновременно во многих яркостных диапазонах изображения. В этом главное отличие этих инструментов, один из которых более тонкий, а другой - грубее. Устанавливая наклон кривой более 45 градусов (выпуклая кривая вверх), вы расширяете диапазон тонов или цветов, входящих в соответствующие области изображения, делая его контрастнее и светлее. Наоборот, установка вогнутой вниз кривой приводит к сужению диапазона тонов и, как следствие, - к уменьшению контраста и затемнению изображения. Совет Используйте вогнутые настроечные кривые для исправления недостаточной экспозиции (недостаток деталей в тенях) и выпуклые - для избыточной экспозиции (недостаток деталей в светах). Большая часть элементов управления (пипеток и ползунков) окна диалога Кривые (Curves) не отличается от уже рассмотренного ранее окна диалога Уровни (Levels). Поэтому имеет смысл остановиться только на новых элементах. Это кнопка свободного рисования кривых (Draw to Modify the curve) с изображением карандаша. Если в обычном режиме редактирование формы кривой производится путем установки на кривой до 16 точек и последующего перетаскивания их с помощью мыши, то с использованием инструмента Freehand (Свободная) вы можете нарисовать с помощью мыши любую форму настроечной кривой. После окончания рисования нажмите на кнопку Плавный (Smooth) для сглаживания острых углов кривой.

Яркость/Контрастность Команда Яркость (Brightness)/Контрастность (Contrast) используется для одновременной коррекции яркости и контраста изображения, то есть не раздельной настройкой каждого из трех тональных диапазонов (теней, средних тонов и светов), а коррекции сразу всего изображения. И хотя это средство не обладает гибкостью и возможностями рассмотренных ранее инструментов Кривые (Curves) и Уровни (Levels), зато оно выигрывает в простоте и быстроте своей работы. Для изучения возможностей окна диалога Яркость/Контрастность (Brightness-Contrast) воспользуемся конкретным примером. Приведенное для этой цели изображение кота на рис. 1.18 имеет чрезмерно высокую контрастность, и низкую яркость, и, следовательно, плохую проработку деталей в тенях и светах. Попытаемся эти недостатки исправить.

23

Рис. 1.18. Кот неяркий и избыточно контрастный Для тоновая коррекция такого изображения выполните команду Изображение (Image) | Коррекция (Adjust) | Яркость/Контрастность (Brightness/Contrast). При этом открывается окно диалога Яркость/Контрастность (Brightness/Contrast) - рис. 1.19.

Рис. 1.19. Окно диалога Яркость/Контрастность (Brightness/Contrast) Перемещая движок параметра Яркость (Brightness) вправо (повышая яркость), установите его значение до оптимальной величины яркости вашего изображения. Переместите движок параметра Контрастность (Contrast) влево до оптимального значения с целью снижения контраста изображения. Оцените полученный результат в окне активного изображения. Если он вас удовлетворяет, нажмите на кнопку OK (рис. 1.20).

24

Рис. 1.20. Исходное изображение отредактировано

Цветовая коррекция и цветовой баланс Цветокоррекция - изменение цветовых параметров пикселей (яркости, контрастности, цветового тона, насыщенности) с целью достижения оптимального цвета изображения. В Photoshop для цветокоррекции используются команды: Баланс цветов (Color balance) и Оттенок/Насыщение (Hue/Saturation). Баланс цветов (Color balance) это соотношение цветов в изображении. Регулировка цветового баланса позволяет усилить или ослабить один цвет за счет другого дополнительного (комплиментарного ему). Например, красный цвет комплиментарен (противоположен на цветовом круге) голубому, зеленый - пурпурному, желтый - синему. В основе коррекции цвета с помощью команды Баланс цветов (Color balance) лежит уменьшение величины избыточной цветовой составляющей за счет усиления ее комплиментарного цвета. Увеличение красного цвета приводит к уменьшению голубого и, наоборот, снижение красного увеличивает содержание в изображении голубого цвета. Инструмент Цветовой баланс (Color balance) служит для цветовой коррекции всего изображения, хотя при необходимости вы можете использовать его и для коррекции выделенных областей изображения.

Цветовой тон/Насыщеннность Эти термины относятся к цветовой модели HSL и поэтому можно управлять цветовыми характеристиками изображения путем настройки цветовых компонентов этой модели: 25

Цветовой тон (Hue), Насыщенность (Saturation) и Яркость (Lightness). Настроечное окно вызывается командой Изображение | Коррекция | Цветовой тон/Насыщенность или комбинацией клавиш Ctrl+U (рис. 1.21).

Рис. 1.21. Окно Цветовой тон/Насыщенность В этом окне: 









перемещение движка Цветовой тон (Hue) осуществляется по периметру цветового круга в диапазоне от -180 до 180 градусов. После установки конкретного значения данного параметра происходит автоматическое смещение всех цветов изображения на заданную величину путем прибавления ее к градусному эквиваленту каждого цвета; перемещение движка Насыщенность (Saturation) вправо позволяет изменять значение этого параметра от 0 (исходное) до 100 процентов (чистый цвет без примеси серого компонента); перемещение вправо - от 0 до -100 градусов (цвет исчезает, превращаясь в оттенок серого); параметр Яркость (Lightness) используется для подстройки яркости изображения в диапазоне от -100 процентов (все цвета превращаются в черный цвет) до 100 процентов (цвета исчезают, превращаясь в белый цвет); верхняя и нижняя цветовые полоски выполняют функцию окна предварительного просмотра, отображая соответственно исходный и измененный спектр изображения; список Редактировать (Edit) включает в себя шесть комплиментарных цветовых каналов и составной канал (Все). Выбор одного из шести базовых цветов позволяет выполнить настройки перечисленных цветовых параметров отдельно для каждого диапазона цветов независимо от других, что дает в ваши руки инструмент для тонкой настройки всего изображения. Установка варианта Master (Все) предназначена для применения выполненных вами настроек одновременно ко всему цветовому диапазону изображения;

26



флажок Тонирование (Colorize) предназначен для реализации одной из двух возможных технологий: раскрашивания черно-белого изображения одним из цветовых оттенков или для перекрашивания цветного изображения путем преобразования всей гаммы цветов в набор оттенков одного цвета.

Работа со слоями Представьте себе, что у вас на столе несколько кусков стекла (или прозрачных полиэтиленовых пленок, или бумажных калек), наложенных друг на друга. На каждом стекле вы что-то нарисовали специальным фломастером и теперь смотрите на все это сверху. Считайте, что стекла - это и есть слои. Результирующее изображение при этом получается как сумма изображений на слоях. В графических редакторах слой (layer) - дополнительный холст для рисования. Каждый слой изображения повторяет параметры основного изображения (размеры, разрешение, цветовую модель, число каналов). Соответственно, пропорционально количеству используемых слоев возрастает размер файла изображения. Совет Не увлекайтесь созданием большого числа слоев без необходимости. Два слоя в 2 раза увеличат размер файла исходного изображения, три слоя - в 3 раза. Слой можно сделать невидимым или полупрозрачным. Слои в многослойном изображении можно поменять местами или часть слоев удалить. Применение слоев расширяет возможности в работе с цифровыми изображениями. Внимание Сохранить рисунок со слоями можно только в некоторых специальных графических форматах, например, PSD или TIFF. Для работы со слоями в Adobe Photoshop есть специальная палитра, которую вы можете вызвать с помощью команды Window (Окно) | Layers (Показать Слои) - рис. 1.22.

27

Рис. 1.22. Палитра Слои (Layers) На палитре Layers отображается список всех слоев, с их названиями, миниатюрами изображений и специальными пиктограммами. Ниже приведено название и назначение некоторых атрибутов этой палитры. В области Закрепить расположены атрибуты блокировки слоев, позволяющие блокировать прозрачность, цвет и положение слоя. Пиктограмма с изображением глаза (Show/Hide) управляет доступностью слоя для редактирования. Щелкните на ней, чтобы скрыть или показать слой в окне изображения. Если на палитре рядом со слоем изображен глаз, это значит, что слой включен. По поводу кнопки New layer style (Добавить стиль слоя) следует заметить, что стиль это набор параметров для слоя, который может быть быстро применен к лежащим на нем объектам.

28

Щелчок на пиктограмме New layer (Создать новый слой) приводит к созданию нового слоя.

29

2. Лекция: Начало работы, интерфейс Photoshop CS5 В этом разделе мы приступим к изучению программы и рассмотрим ее интерфейс.

Содержание 

        

Интерфейс (элементы главного окна) графического редактора o Панель управления и главное меню o Палитра инструментов o Панель атрибутов инструментов o Плавающие палитры o Строка состояния Начало работы. Основные параметры изображения Adobe Bridge Инструменты цифрового рисования и закрашивания Adobe Photoshop CS5 Инструменты и приемы для рисования o Кисть и карандаш Другие кисти… Пример 2.1. Используем Восстанавливающую кисть o Рисование ластиком Инструменты группы Прямоугольник Инструменты заливки изображений Пример 2.2. Применяем инструменты заливки на практике (Рамка для фото заливкой узором)

30

31

Интерфейс (элементы главного окна) графического редактора При запуске Adobe Photoshop вы увидите главное окно программы, показанное на рис. 2.1.

Рис. 2.1. Интерфейс Adobe Photoshop

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

Рис. 2.2. Панель управления Рассмотрим кнопки Панели управления. Для запуска дополнительной программы для удобного просмотра фотографий в верхней части интерфейса есть кнопка под названием "Запустить Bridge". Данная функция позволяет непосредственно в окне CS5 открыть программу-библиотеку, с помощью которой можно удобно просматривать и сортировать все фото и видео файлы, находящиеся на вашем компьютере. 32

Кнопка под названием "Просмотреть вспомогательные элементы" предназначена для создания более удобной работы с графикой путем установки линейки, сетки и направляющих. Далее находится выпадающий список "Масштаб", который позволяет задавать нужный для отображения на экране размер изображения. При нажатии на нее появляется на выбор четыре пункта: 25 %, 50 %, 100 % и 200 %. При этом в данном элементе можно самостоятельно указать нужный процент масштабирования. В случае, если вы открыли несколько документов, то при работе с ними очень удобно использовать меню "Упорядочить документы", т.к. благодаря нему можно выбрать разные варианты отображения окон с открытыми изображениями. Например, есть команды "Расположить вертикально" или "Расположить в сетке", а функция "Актуальные пиксели", которая позволяет отображать документы по очередности в соответствии с размерами картинок, вообще в некоторых случаях просто незаменима. Также полезна команда под названием "Показать во весь экран", которая позволяет подогнать картинку таким образом, чтобы она полностью поместилась на рабочей области программы. Далее рассмотрим инструмент "Режимы экрана". Их всего три: "Стандартное окно", "Целый экран с главным меню" и "Целый экран". Если выбрать один из последних двух режимов, то пространство рабочей области программы будет увеличено за счет скрытия некоторых или всех панелей соответственно. Кстати, как мы уже писали выше, для переключения между режимами можно использовать горячую клавишу Tab. В CS5 можно решать различные задачи с помощью разнообразных инструментов, но иногда бывает сложно переключаться от одного набора панелей и палитр другому. Именно для решения этого вопроса разработчиками программы Adobe Photoshop CS5 и была создана панель под названием "Основная рабочая среда", которая предназначена для выбора рабочей среды. С ее помощью процесс работы в фотошопе значительно упрощается. Данная панель имеет наборы инструментов, которые предназначены для определенного вида работы с картинками. В каждый из наборов включены самые необходимые и часто используемые параметры и панели, которые собственно и позволяют достигать требуемых результатов, как при обработке фотографий, так при создании анимированных изображений или 3D-графики. Рассмотрим их более детально: 





 

Рабочая среда "Дизайн". Имеет набор палитры цветов, а также панель с оформлением текстовых символов, которые имеют всевозможные настройки вида шрифта и его расположения. Рабочая среда "Рисование" в основном имеет наборы кистей и инструментов, которые предназначены для рисования. Также в данной среде включена и палитра цветов. Рабочая среда "Фотография" имеет все необходимые элементы для редактирования фото, например, такие как панели: "Коррекция", "Операции" и "История". Рабочая среда "Движение" предназначена для удобного создания анимированных картинок. Рабочая среда "3D" пригодится вам в работе с 3D-объектами.

33

Есть и другие рабочие среды, однако мы описали только самые интересные. Стоит отметить, что вы также можете управлять рабочими средами, т.е. создавать новые либо удалять уже имеющиеся. Главное меню CS5 имеет стандартный вид, который присутствует в аналогичном исполнении не только у большинства графических редакторов, но и вообще у любых программ, созданных для работы на операционных системах семейства Windows - рис. 2.3.

Рис. 2.3. Главное меню Adobe Photoshop CS5 Пункт "Файл", который содержит основные команды по открытию, созданию, сохранению, закрытию графических документов, а также функции для импорта, печати и т.д.. Этим пунктом меню приходится пользоваться в основном в начале и конце работы, так как большинство его команд связаны с созданием, открытием и сохранением файлов. Далее идет пункт "Редактирование", который содержит команды, предназначенные для выполнения основных операций над изображением, например, такие, как: копирование, вырезание, вставка, заливка, масштабирование, трансформирование и т.д.. Здесь находятся основные команды редактирования, многие из которых есть и в других программах, например, Undo (Отменить), Paste (Вставить), Сору (Копировать) и т. д. В конце данного списка находятся команды для настройки клавиатурных сокращений, а также для изменения установок самого Adobe Photoshop CS5. Следующим идет пункт "Изображение". В этом подменю главного меню сосредоточены команды для работы с изображением. Здесь можно задать режим картинки, например, RGB или Grayscale, откорректировать уровни, контраст, изменить размеры фото и многое другое. Затем идет следующая группа меню - "Слои". Команды данного пункта позволяют делать операции со слоями, а именно создавать, удалять изменять параметры, упорядочивать, объединять и применять различные эффекты. Команды пункта "Выделение" - подменю для создания и редактирования выделений. Позволяют инвертировать выделение, задать цветовой диапазон, уточнить край, а также сохранять и загружать выделенные области. Команды групп "Фильтр" предназначены для налаживания различных эффектов для изображений. Например, выбрав один из фильтров картинку можно размыть, исказить, добавить ей резкости, наложить штрихи и т.д. Инструмент "Анализ" позволяет сделать подробный анализ изображения, например, топографической карты. В Photoshop Extended можно определить и рассчитать расстояние, периметр, площадь и другие размеры. Возможность записи нужных данных в вычислительные логи и экспорт этих данных, включая показания гистограммы, в таблицу для дальнейшего анализа. Так, использование Маркера Масштаба (Scale Marker) позволяет легко масштабировать добавляемый в изображение графический объект, а инструмент Счетчик (Count tool) дает возможность легко и точно рассчитать данные объектов или их деталей в изображениях научного характера. Инструмента Count tool

34

устраняет необходимость выполнять вычисления вручную или полагаться на визуальные оценки изменений. Пункт "3D" служит для работы с трехмерными объектами. В CS5 есть возможность простого создания и добавления разнообразных 3D объектов в 2D изображения, возможность редактирования существующих текстур на трехмерных моделях непосредственно в Photoshop Extended, немедленная визуализация результата. Photoshop Extended поддерживает общепринятые 3D форматы, включая 3DS, OBJ, U3D, KMZ и COLLADA, таким образом, вы можете импортировать, рассматривать и работать с большинством трехмерных моделей. Пункт "Просмотр" содержит группу команд, позволяющих изменять способ отображения картинки, режима экрана, а также таких дополнительных элементов, как линейки и направляющие. Команды пункта "Окно" позволяют показывать/скрывать все окна, которые есть в программе. Заключительным является пункт "Справка". Команды данной группы позволяют открывать документацию по работе с Adobe Photoshop.

Палитра инструментов В палитре (ящике) инструментов находятся те инструменты, ради которых, собственно, графический редактор и создавался (рис. 2.4).

Рис. 2.4. Палитра инструментов (повернуто) Панель инструментов можно сделать одной колонкой или двумя (как обычно). Обратите внимание на то, что на кнопках многих инструментов нарисованы маленькие черные треугольники. Это значит, что за ними скрывается всплывающая панель с дополнительными инструментами, альтернативными основному. Все инструменты Photoshop условно можно разделить на четыре группы:    

инструменты рисования и закрашивания; инструменты для выделения и перемещения выделенных областей; инструменты редактирования и ретуши изображений; текстовые инструменты.

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

35

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

Рис. 2.5. Панель параметров для инструмента Кисть

Плавающие палитры Палитры представляют собой расположенные в правой части интерфейса программы окна, в которых сгруппированы некоторые из элементов управления Photoshop. Палитры могут быть зафиксированы, минимизированы в иконки или перенесены за пределы окна. Примечание Палитры называют "плавающие", потому, что размещение палитр не статично. Вы можете менять палитры местами, добавлять или убирать их. Но об этом будет рассказано позднее. Отображать все палитры на экране одновременно не всегда целесообразно, так как они зачастую излишне загромождают рабочее пространство экрана. Поэтому ненужные вам для текущей работы палитры вы всегда можете спрятать. Восстановить все палитры, представленные на экране по умолчанию, можно с помощью команды Window (Окно) | Workspace (Рабочая область) | Default Workspace (Восстановить расположение палитр по умолчанию). Итак, палитра (palette) - способ вывода и управления информацией посредством специальных окон, которые можно перемещать, сворачивать, разворачивать и убирать. Photoshop содержит несколько таких палитр. Палитры снабжены закладками (вкладками). На палитре Color (Цвет) отображены значения текущих цветов переднего и заднего плана, которые можно отредактировать перемещением ползунков соответствующих компонентов цветовой модели. Вкладка Swatches (Образцы) этой палитры содержит набор доступных для использования цветов и позволяет добавлять в набор новые и удалить ненужные цвета. Вкладка Styles (Стили) содержит варианты заливок рабочей области (рис. 2.6).

Рис. 2.6. Палитра Color (Цвет)

36

В палитре History (История) программа фиксирует каждый шаг редактирования изображения. Здесь отображаются все операции, проделанные вами с помощью инструментов и команд графического редактора (рис. 2.7).

Рис. 2.7. Палитра История В палитре Layers (Слои) перечислены все слои изображения, начиная с верхнего и кончая фоновым. Эту палитру используют для определения параметров слоев (рис. 2.8).

Рис. 2.8. Палитра Слои Вкладка Channels (Каналы) этой палитры предназначена для создания и редактирования каналов. Вкладка Paths (Контуры) содержит список всех созданных пользователем контуров.

Строка состояния Вдоль нижней границы окна программы находится особая полоса, которая называется строкой состояния (status bar) (рис. 2.9). Она предназначена для отображения информации о текущем файле, масштабе изображения и об активном в данный момент инструменте. В ней могут также предлагаться подсказки пользователю в его работе. 37

Рис. 2.9. Строка состояния

Начало работы. Основные параметры изображения При работе с изображением важно знать его основные параметры. Давайте познакомимся с инструментальными средствами Photoshop, предназначенными для работы с файлами изображений. Используя команду File (Файл) | Open (Открыть), откройте любое изображение. После загрузки файла в левом нижнем углу строки состояния отобразятся цифры (например, 100%), что говорит о масштабе изображения на экране. Наберите в этом поле 50% и нажмите клавишу Enter. Вы увидите изменение масштаба картинки до половины ее реального размера. Правее поля масштаба изображения в строке состояния отображается размер активного изображения в килобайтах (Кбайт). Информацию о файле изображения можно вывести командой Image (Изображение) | Image Size (Размер Изображения) - (рис. 2.10).

Рис. 2.10. Окно диалога Размер изображения Поле Pixel Dimensions (Размерность) данного окна показывает размер графического файла в килобайтах и его ширину (width) и высоту (height) в пикселях (pixels). В разделе Размерность печатного оттиска (Document Size) этого окна выводятся размеры отпечатка конкретного изображения на принтере в различных единицах измерения. Имеется возможность управлять размером изображения. О разрешении (Resolution) и интерполяции (Resample image) мы уже говорили ранее и здесь повторяться не будем. 38

Adobe Bridge Название этой утилиты переводится с английского как "мост" - это справедливо, так как она действительно объединяет все приложения пакета в единый комплекс и помогает им обмениваться данными между собой. В первую очередь эта утилита является файловым менеджером, но не просто аналогом проводника с функцией предпросмотра файлов. Bridge может просматривать файлы всех распространенных графических форматов, документы PDF, в том числе многостраничные, рисунки, созданные в Illustrator. В эту утилиту встроены поиск, сортировка, присвоение метаданных и пакетная обработка в приложениях CS5. Вы можете применять Bridge чтобы просматривать, редактировать, открывать файлы, включая документы не-Adobe приложений. Все метданные документа при этом можно просмотреть во всплывающих подсказках, в панели (палитре) метаданных. При желании вы можете создавать в Bridge свои аналоги "Избранного" виртуальные папки с коллекциями документов, не меняя при этом их физического расположения на диске. Присутствуют все необходимые для файлового менеджера функции, такие как перемещение, копирование, удаление документов, несколько специализированных - поворот (вращение) изображений, пакетное переименование файлов, использование метаданных при импорте фотографий с цифровых камер программа поддерживает множество моделей фотоаппаратов разных производителей. Наконец-то известная программа ACDSee приобрела себе достойного конкурента. Можно просматривать SWF и PDF файлы. Последние могут быть открыты индивидуально или целым документом. Вы можете также выбрать размер и разрешение перед открытием PDF документа в Photoshop. Среди прочих возможностей программы - облегченная загрузка изображений с цифровых камер командой Файл-Получить фотографии с камеры - рис. 2.11.

Рис. 2.11. Диалоговое окно получения изображений с цифровой фотокамеры 39

Как и сам Photoshop, так и сопутствующая ему утилита Adobe Bridge CS5 содержит плавающие палитры, обеспечивающие различную функциональность этой программы. Например, палитра Просмотр содержит полную информацию о снятом фотографом изображении (рис. 2.12).

Рис. 2.12. Пример просмотра изображения с отображением его метаданных На этом рисунке вкладка Metadata (Метаданные) - для просмотра и редактирования XMP-метаданных, а вкладка Keywords (Ключевые слова) - для назначения файлам ключевых слов (они также сохраняются, как XMP-поля), что в дальнейшем облегчает поиск и сортировку таких документов.

Инструменты цифрового рисования и закрашивания Adobe Photoshop CS5 Далее мы ближе узнаем палитру инструментов графического редактора, рассмотрев ее инструменты более детально и проделав несколько практических примеров и упражнений.

40

Инструменты и приемы для рисования Перед рассказом о рисовании и заливке стоит отметить, что в ящике инструментов Photoshop имеется блок управления цветом. Этот инструмент выглядит как черный и

белый квадраты, наложенные друг на друга увидим следующее (рис. 2.13).

. Если щелкнуть на нем мышью, то

Рис. 2.13. Блок управления цветом на панели инструментов Adobe Photoshop По умолчанию цвет фона - белый (нижний квадрат), а основной - черный (верхний квадрат). Если щелкнуть по одному из этих квадратов, то на экране появиться палитра выбора цветов, в которой можно задать новый цвет переднего или заднего плана. Если щелкнуть на маленькие квадратики в нижнем левом углу, то произойдет сброс назначенного пользователем цвета и вернется цвет по умолчанию. Если нажать на маленькую двунаправленную стрелочку в верхнем углу - цвет фона и основной поменяются местами.

Кисть и карандаш Для рисования линиями в программе имеются специальные инструменты (рис. 2.14). Все они используют при рисовании основной цвет (цвет переднего плана), но создают линии разной толщины и фактуры.

41

Рис. 2.14. Инструменты Кисть и Карандаш Инструменты Pencil (Карандаш) и Paintbrush (Кисть) вы можете взять непосредственно из ящика инструментов. Инструмент Airbrush (Аэрограф) - это разновидность кисти в режиме аэрографа и выбирается Аэрограф на палитре атрибутов инструмента Кисть. Все три инструмента рисуют разные линии: карандаш рисует линию с четкими краями, кисть всегда более или менее размыта, аэрограф производит серию мелких пятнышек-брызг. Электронными инструментами можно рисовать также, как и реальными, но есть и особенности. Если вы хотите кистью или карандашом сделать прямую линию, то, щелкните, а затем отпустите кнопку мыши в ее начале и, держа нажатой клавишу Shift, щелкните в ее конце. Если вести линию мышью при нажатой клавише Shift, она будет идти строго горизонтально или вертикально (рис. 2.15). Если вы для рисования в Photoshop подключите графический планшет, то можно будет рисовать каллиграфически (с нажимом).

Рис. 2.15. Примерно так рисуют цифровой кистью Форма кисти, то есть форма следа, который кисть оставляет за собой, выбирается в палитре (свитке) кистей на панели атрибутов этого инструмента (рис. 2.16). На этой палитре можно поменять Diameter (Диаметр) кисти (в пикселях) и ее Hardness (Жесткость), то есть степень размытия следа кисти. Нужно знать, что если кисть имеет эллиптическую форму, то диаметр определяет ее большую ось, а чем меньше жесткость, тем больше размытие кисти.

42

Рис. 2.16. Вкладка Brush (Кисть) на Панели атрибутов для кистей С помощью кнопки Наборы кистей можно загрузить в программу новые кисти, флажки позволяют включить, для выбранной вами кисти режим Wet Media Brushes (Влажные края), когда рисунок получается как бы нарисованным на мокрой бумаге или, например, переключить кисть в режим аэрографа.

Другие кисти… В Adobe Photoshop есть много различных кистей, но не все из них относятся к инструментам рисования. Так, например, инструмент History Brush Tool (Архивная кисть) можно использовать как способ отмены операций, т.е. для восстановления фрагментов различных прошлых состояний изображения (рис. 2.17). Эта кисть возвращает состояние изображения назад по его истории. По своему функционированию инструмент аналогичен команде Undo (Отменить), но имеет более широкий спектр возможностей. Инструмент Art History Brush Tool (Архивная художественная кисть) делает то же самое, но при этом она может несколько видоизменять изображение, заполняя изображение стилизованными мазками.

Рис. 2.17. Архивные кисти

43

Другая группа кистей предназначена для восстановления более раннего состояния изображения (рис. 2.18). Это кисти для ретуширования изображений.

Рис. 2.18. Подгруппа инструмента Восстанавливающая кисть Healing brush Tool (Восстанавливающая кисть) в ручном режиме, а Spot Healing Brush Tool (Точечная восстанавливающая кисть) в автоматическом режиме корректируют изображение с учетом цвета и структуры рисунка. Patсh Tool (Заплатка) ставит заплатки на изображение и как и Healing brush делает это с учетом цвета и структуры изображения (аналог клонирующего штампа). Red Eye Tool (Замена цвета) заменяет выбранный цвет на корректирующий. Например, убирает "красные глаза" на фотографии. Давайте сказанное просмотрим на практическом примере.

Пример 2.1. Используем Восстанавливающую кисть Инструмент Healing brush (Восстанавливающая кисть) позволяет исправлять дефекты в изображении с учетом их окружения и подобно инструментам клонирования, этот инструмент можно использовать с целью копирования участков изображения. Однако, в отличие от штампа, инструмент Healing Brush учитывает структуру, освещение, тени обрабатываемой области изображения. Покажем это на примере. 1. Откройте изображение для ретуши и активируйте инструмент Healing Brush. 2. Укажите источник для клонирования, нажав Alt + левую кнопку мыши в соответствующем месте изображения. Затем проведите инструментом по участкам изображения, требующим восстановления. 3. Проделайте эту процедуру несколько раз. Результат показан на рис. 2.19.

Рис. 2.19. Исходное (слева) и обработанное восстанавливающей кистью (справа) изображения 44

Примечание Этот же пример можно было бы выполнить при помощи инструмента Patch (Заплатка). Подобно Healing brush (Восстанавливающая кисть), инструмент Patch (Заплатка) учитывает структуру, освещение и тени обрабатываемой области изображения. Работают этим инструментом так: активируется инструмент Patch, выделяется соседняя с татуировкой область ноги, в палитре атрибутов инструмента (Оptions) устанавливается переключатель Destination (Назначение), выделенным хорошим участком кожи, как заплаткой, закрываем татуировку. И так несколько раз подряд.

Рисование ластиком Ластик тоже можно отнести к инструментам рисования и этот инструмент существует в трех разновидностях (рис. 2.20).

Рис. 2.20. Инструменты группы Ластик Eraser Tool (Ластик) - рисует фоновым цветом в однослойном изображении, на фоновом слое многослойного изображения или на слое, для которого заблокирована прозрачность. На остальных слоях делает прозрачными те пиксели, по которым он проходит. Ластик может рисовать, как Brush (Кисть), Pencil (Карандаш) или Block (Блок), причем форму и размер кисти вы можете выбирать так же, как и для этих инструментов. Кроме того, он может удалять изображение квадратными блоками размером в 15 экранных пикселей. Режим работы ластика выбирается на панели его свойств в свитке Mode (Режим) - рис. 2.21. Величина непрозрачности означает степень удаления цвета. Задается она с помощью ползунка Opacity (Непрозрачность). При 100 %-ной непрозрачности, цвет удаляется полностью, в результате чего получается чистый фоновый цвет или полностью прозрачный пиксель. Что такое Flow (Нажим) уже говорили. Если установить флажок Erase to History (Восстановить историю), а затем провести ластиком по изображению, то во всех режимах можно стирать изображение до состояния, записанного в палитре History (История).

Рис. 2.21. Атрибуты настройки ластика Magic Eraser Tool (Волшебный ластик) - работает по тому же принципу, что и волшебная палочка: находит пиксели того же цвета, на котором вы щелкнули, и окрашивает их фоновым цветом или делает прозрачными, в зависимости от слоя. Для настройки волшебного ластика вы можете менять диапазон цвета в поле Tolerance (Допуск), включать и выключать сглаживание с помощью флажка Anti-aliased (Сглаженный).

45

Background Eraser Tool (Фоновый ластик) - представляет собой гибрид обычного и волшебного ластика. Он тоже сравнивает цвета с цветом пикселя, на котором щелкнули, и делает пиксели этого цвета прозрачными (внутри кисти). Как правило, он используется, чтобы обрабатывать края объектов. Этот режим работы ластика находится в списке Ограничения. Во время работы с фоновым ластиком можно включить режим, при котором основной цвет остается неизменным, даже если он окажется в центре указателя. Для этого установите флажок Foreground Color (Основной цвет).

Инструменты группы Прямоугольник Инструменты рисования графических примитивов из группы инструментов Rectangle Tool (Прямоугольник) показаны на рис. 2.22.

Рис. 2.22. Инструменты рисования графических примитивов из группы инструментов Прямоугольник Здесь находятся инструменты Custom Shape (Произвольная фигура), Line (Линия), Polygon (Многоугольник), Ellipse (Эллипс), Rounded Rectangle (Прямоугольник со скругленными углами) и просто Rectangle Tool (Прямоугольник). Разобраться с этими инструментами совсем несложно - сделайте это самостоятельно.

Инструменты заливки изображений Эти инструменты приведены на рис. 2.23.

Рис. 2.23. Инструменты заливки Paint Bucket (Заливка) - заливает изображение цветом или текстурой. Параметры инструмента расположены на палитре атрибутов этого инструмента. Здесь в списке заливок можно выбрать, что именно использовать в качестве заливки: Foreground (Основной цвет) - цвет переднего плана или Pattern (Узор), то есть, заливку текстурой. Список Mode (Режим) определяет режим наложения пикселей при применении данного инструмента. Флажок Anti-alias (Сглаживание) служит для смягчения неровностей краев заливки. Установка флажка Contiguous (Смежные пиксели) определяет, заливать ли по цветовой близости только соседние пиксели или пиксели на всем изображении. Ползунок Opacity (Непрозрачность) позволяет регулировать степень прозрачности заливки. 

Инструмент Gradient (Градиент) создает заливку с плавным переходом между несколькими цветами. Свойства градиентной заливки задаются на панели атрибутов (параметров) этого инструмента (рис. 2.24). 46

Рис. 2.24. Панель атрибутов инструмента Градиент Здесь имеется:     

список Mode (Режим) для выбора режима наложения пикселей в градиенте; ползунок Opacity (Непрозрачность) для регулировки непрозрачности градиента; флажок Reverse (Инверсия) для обращения (перевертывания) градиента; флажок Dither (Дизеринг) позволяет разбавлять цвета и тем самым имитировать большее количество цветов; флажок Transparency (Прозрачность) устанавливает режим использования или не использования прозрачности градиента.

Если на этой панели открыть список образцов градиентной заливки и щелкнуть мышью на любом из образцов, то откроется окно Gradient Editor (Редактор градиентов), позволяющее градиенты модифицировать (рис. 2.25).

Рис. 2.25. Редактор градиентов Перечислим параметры градиента, находящиеся в этом диалоговом окне. Раздел Presets (Наборы) содержит готовые градиенты. Их можно загружать командой Load (Загрузить) и сохранять командой Save (Сохранить). 47

В поле Name (Имя) можно написать имя градиента, изменив имя градиента по умолчанию. В списке Gradient Type (Тип) выбирают тип градиента. Есть два варианта: Noise (Шум) и Solid (Однородный цвет). Шум почти не используется, большинство задач решается при помощи градиента однородных цветов. Параметр Smoothness (Гладкость) задает мягкость перехода цветов в градиенте. Под списком Гладкость находятся ползунки прозрачности, ограничивающие прозрачность градиентной заливки. Переход между цветами обозначается ограничителем, расположенным под цветовой полосой. Изменяя положение цветовых ограничителей и средних точек, добавляя новые либо удаляя ненужные, вы сможете создать необходимый градиент. Добавить цветовой ограничитель можно, щелкнув мышью в необходимом месте вдоль нижней части цветовой полосы. Если же необходимо удалить ненужный цветовой ограничитель, просто передвиньте его за пределы полосы с цветовыми переходами. Ограничитель исчезнет, а цветовая полоса преобразуется в соответствии с новыми условиями.

Пример 2.2. Применяем инструменты заливки на практике (Рамка для фото - заливкой узором) В этом примере мы увидим как заливку основным цветом и узором можно использовать для создания фоторамки. Для начала откройте любое фотоизображение в программе Adobe Photoshop и инструментом Прямоугольная или Овальная область произведите выделение части изображения в виде рамки (рис. 2.26).

Рис. 2.26. Выделение части изображения рамкой 48

Далее выполните команду Select (Выделение) | Инверсия (Inverse) для того, чтобы сформировать "тело" для будущей фоторамки. Нажмите на клавиатуре клавишу Delete для удаления выделенной части изображения (рис. 2.27).

Рис. 2.27. Заготовка для рамки готова Теперь активируйте инструмент Paint Bucket (Заливка) и залейте рамку узором. И последнее: командой Select (Выделение) | Deselect (Отменить выделение) удалите "марширующих муравьев" из изображения (рис. 2.28).

49

Рис. 2.28. Рамка готова

50

3. Лекция: Инструменты Фотомонтажи

выделения,

каналы

и

маски.

Растровые изображения в отличие от векторных, нелегко разгруппировать, то есть разъединить на составляющие и обособить. Чтобы вырезать отдельный объект из растровой группы, его сначала надо обтравить по контуру, другими словами - выделить. После этого мы получим возможность манипулировать выделенными областями изображения. Photoshop располагает богатым набором средств выделения, среди которых инструменты выделения Marquee (Область), Lasso (Лассо), Magic Wand (Волшебная палочка); инструменты выделения контуров (Path Tools); специальная команда Color Range (Цветовой ряд); особый режим выделения Quick Mask (Быстрая маска). Поговорим об этом подробнее.

Содержание 





Выделение и трансформация областей o Манипуляции с выделенными областями o Совместные инструменты Move и Hand Пример 3.1. Используем Magic Wand o Формирование выделений с помощью контуров o Инструменты для работы с контурами o Маски Пример 3.2. Работаем с маской o Каналы o Выделение цветовых диапазонов o Замена цветов

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

51

Рис. 3.1. Пример обработки выделения кистью Для выделения областей правильной геометрической формы имеется четыре инструмента, которые собраны под одной кнопкой в верхнем левом углу палитры инструментов (рис. 3.2).

Рис. 3.2. Инструменты для выделения областей правильной формы Первый из них Rectangle Marquee (Прямоугольная область) выделяет прямоугольную область (или квадрат), второй Elliptical Marquee (Овальная область) - эллиптическую (или круг), третий Single Row Marquee (Горизонтальная строка) - строку высотой в один пиксель и шириной во все изображение, четвертый Single Column Marquee 52

(Вертикальная строка) - один столбец шириной в 1 пиксель и высотой во все изображение. Теперь познакомимся с другой группой инструментов, которая служит для выделения областей произвольной формы (рис. 3.3).

Рис. 3.3. Инструменты выделения из группы Лассо С помощью инструмента Lasso (Лассо) можно вручную обвести область выделения любой формы. Для этого щелкните на пустом месте и ведите указатель, не отпуская кнопки мыши - за ним потянется линия, повторяющая движение указателя мыши. Когда лассо целиком охватит нужную область изображения, совместите начальную и конечную точки и отпустите кнопку мыши. Создание выделения будет завершено. Если выделение можно сделать посредством прямых линий, то вам на помощь придет второй инструмента этой группы - Polygonal Lasso (Прямолинейное лассо). Для точной обводки объекта удобно применять полуавтоматический инструмент называемый Magnetic Lasso (Магнитное лассо). Однако он хорошо работает только в случае наличия четких границ между растровыми объектами. Работа этого инструмента основана на способности программы находить место наибольшего контраста. То есть, вы обводите контур объекта, а программа в заданных пределах коридора, по которому прошел указатель, находит место наибольшего контраста и проводит там линию выделения. Совет По мере того, как вы ведете контур объекта, щелкая мышью, на линии выделения появляются все новые точки. Если ваша рука дрогнула и программа проведет выделение неточно, то верните указатель мыши до места, где линия пошла не туда, затем нажмите на клавишу Delete. Ошибочная часть траектории будет удалена. Для настройки Магнитного лассо взгляните на панель свойств данного инструмента (рис. 3.4).

Рис. 3.4. Атрибуты магнитного лассо Основные настройки на этой панели такие: 



в поле Feather (Растушевка) можно установить значение данного параметра в пределах от 1 до 250 пикселей. Это нужно, чтобы смягчить слишком резкий край объекта, при выделении: приграничные пиксели фона и объекта как бы перемешиваются (размываются); флажок Anti-alias (Сглаживание) нам уже знаком;

53



 

в свитке Width (Ширина) задается ширина коридора, в котором программа автоматически ищет границу между объектами. Для малоконтрастных объектов вам придется уменьшить эту ширину до нескольких пикселей и более тщательно прокладывать путь для магнитного лассо. Для контрастных объектов коридор может быть шире и работать можно быстрее; в поле Contrast (Контраст) выберите минимальный контраст между цветами, чтобы программа сочла его границей. По умолчанию задано значение 10 %; величина Frequency (Частота) определяет, насколько часто программа расставляет фиксированные точки. Чем больше объект, тем больше можно сделать эту величину.

Особо стоит сказать о кнопке Refine edge (Уточнить край) - рис. 3.5.

Рис. 3.5. Окно Refine edge (Уточнить край) В Photoshop CS5 вы можете использовать Refine Edge для получения хорошего чистого края выделения, без шума, неровностей и смазанностей. Инструмент является аналогом каналов и масок, но работает быстрее, а устроен проще. Инструменты группы Лассо в основном применяют для создания выделений на неоднородном фоне. Если фон однороден, то удобнее использовать инструмент Magic Wand (Волшебная палочка). Результат выделения этим инструментом во многом зависит от настройки инструмента по параметру Tolerance (Допуск). Он задает цветовой 54

диапазон выделения Волшебной палочкой, то есть то, насколько может отличаться оттенок от заданного цвета, чтобы его сочли тем же самым цветом. В свитке Tolerance (Допуск) по умолчанию задано значение 32 (рис. 3.6).

Рис. 3.6. Панель свойств инструмента Волшебная палочка Вообще значение допуска может лежать в диапазоне от 0 до 256 (по числу оттенков, которое может передать полутоновое изображение). Когда Photoshop сравнивает цвета соседних пикселей, на самом деле он сравнивает их яркости во всех каналах. Если разница между яркостями пикселей меньше допуска, он считает, что они одного цвета. Если флажок Contiguous (Смежные пиксели) на панели свойств установлен, то Photoshop выделяет только одну неразрывную область. Программа проверяет пиксели, граничащие с пикселем, на котором вы щелкнули. Найдя среди них пиксели того же цвета, она проверяет их соседей, и так далее. Когда она обнаружит, что выделенная область окружена пикселями другого цвета, поиск прекратится. Если флажок Contiguous (Смежные пиксели) снят, то Photoshop проверяет все пиксели изображения, независимо от того, граничат они с первым пикселем или нет. В итоге выделяются все области, и даже отдельные пиксели того же цвета. Иначе говоря, Волшебная палочка в режиме Contiguous (Смежные пиксели) выделяет соседние пиксели похожего цвета. Степень близости оттенков одного цвета определяется параметром настройки Tolerance (Допуск). При работе, как со всеми видами лассо, так и с волшебной палочкой на панели управления по умолчанию установлен флажок Anti-alias (Сглаживание). В этом режиме в местах, где граница выделения проходит наклонно, выполняется сглаживание, чтобы ступеньки наклонной линии стали менее заметны. Как правило, этот флажок следует оставлять и не снимать его. И с Лассо, и с Волшебной палочкой возможны логические (булевы) операции с выделенными областями (сложения, вычитания и пересечения областей) - рис. 3.7.

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

55

Инструмент Quick Selection (Быстрое Выделение) расположен в одной группе с Волшебной палочкой, но в отличие от нее позволяет производить быстрое выделение объекта на неоднородном фоне. Панель свойств этого инструмента показана на рис. 3.8.

Рис. 3.8. Панель свойств инструмента Quick Selection (Быстрое Выделение) Пользоваться этим инструментом очень просто. Выбирается Brush (Кисть) подходящего размера, соизмеримого с выделяемым объектом. Нажмите мышкой на выделяемой место, затем перейдите на новый участок вашего изображения и вновь щелкните на другой области. Вы увидите, как выделение охватит и эту область тоже. Выделение получается не ручным, а автоматическим. Точность настройки границ выделения достигается использованием инструмента Refine edge (Усовершенствованные Края). В качестве примера на рис. 3.9 показано выделение, сделанное этим инструментом в считанные секунды всего за несколько щелчков мышки.

Рис. 3.9. Выделение объекта из неоднородного фона инструментом Quick Selection (Быстрое Выделение)

Манипуляции с выделенными областями Если надо выделить несколько неоднородных по цвету объектов на однородном фоне, то проще всего выделить весь фон волшебной палочкой, а затем инвертировать выделение командой Select (Выделение) | Inverse (Инверсия). При этом выделенная и невыделенная области меняются местами. Для одновременного выделения нескольких областей можно выделять их при нажатой клавише Shift. При этом каждое новое выделение будет суммироваться с предыдущим (это удобно, чтобы добавлять к выделению небольшие кусочки объекта, которые были 56

пропущены магнитным лассо или волшебной палочкой. Рядом с указателем выделения в этом режиме появляется знак "+". Другой вариант - включить режим сложения областей, щелкнув на кнопке Add to selection (Добавление к выделенной области) на панели управления (свойств). В этом случае для возврата в обычный режим выделения щелкните на кнопке New Selection (Новое выделение). Включить режим вычитания областей можно, щелкнув на кнопке Subtract from Selection (Вычитание из выделенной области) панели управления. В этом режиме новая выделенная область вычитается из уже выделенной. Режим является обратным предыдущему и каждая последующая область выделяется при нажатой клавише Alt. Рядом с указателем выделения при этом появляется знак "-". Теперь щелкните на панели управления на кнопке Intersect with Selection (Пересечение с выделенной областью). В этом режиме выделенной остается только общая часть новой и ранее выделенной областей. При этом выделение второй области происходит при нажатых клавишах Alt+Shift. Рядом с указателем выделения в этом режиме появляется знак "x". Выделенные области можно также масштабировать, вращать, зеркально отражать, перекашивать, искажать и менять их перспективу. Все эти операции выполняются командами меню Select (Выделение) | Transform Selection (Трансформировать выделенную область). В режиме трансформации вокруг выделенной области или вокруг нескольких областей образуется габаритная рамка с маркерами-манипуляторами, а в ее центре - точка в виде мишени. Все преобразования выполняются относительно этой фиксированной точки, которая остается на месте при выполнении операции (рис. 3.10).

Рис. 3.10. Рамка трансформации выделения Панель управления для режима трансформации выделения показана на рис. 3.11.

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

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

Совместные инструменты Move и Hand Совместно с инструментами выделения часто используется инструмент Move (Перемещение) для передвижения выделенного объекта или слоя и похожий на него инструмент Hand (Рука). Последний обычно используется при работе в крупном масштабе, когда все изображение в пределах рабочей зоны Photoshop не помещается. Он перемещает все изображение в пределах окна для просмотра документа и изменяет его размеры (при использовании клавиш Ctrl (увеличение масштаба) и Alt (уменьшение масштаба). Двойное нажатие клавиши мыши на инструменте Hand (Рука) размещает изображение в границах экрана.

Пример 3.1. Используем Magic Wand Познакомимся с работой инструмента Волшебная палочка на практическом примере создания несложного фотомонтажа (коллажа). Вашей задачей будет выделение фрагмента изображения с последующим его переносом на другое изображение (новый фон). Поэтому для выполнения этого примера вам понадобятся два изображения: исходное (рис. 3.12) и фон (рис. 3.13). Важно, что в исходном изображении девушка расположена на однородном фоне, что собственно и позволяет нам пользоваться для работы инструментом Волшебная палочка.

Рис. 3.12. Исходное изображение для вырезания и вклеивания 58

Наша задача - отделить девушку от фона, а затем поместить его на другой фон (березки).

Рис. 3.13. Изображение (фон), на которое мы должны вставить девушку Для начала определимся, какую из девушек будем использовать в монтаже и откадрируем ее инструментом Crop (Кадрирование) - рис. 3.14.

Рис. 3.14. Кадрирование объекта монтажа произведено Нажмите на палитре инструментов на кнопку Волшебная палочка. Как мы уже отмечали выше, для настройки атрибутов этого инструмента следует использовать его контекстную панель свойств. В данном случае на начальном этапе мы воспользуемся установками, назначенными по умолчанию.

59

Переместите курсор на изображение фона вокруг девушки и щелкните левой кнопкой мыши. Практически весь фон сразу попадает в выделенную инструментом Волшебная палочка область, поскольку содержит однородный белый цвет, резко контрастирующий с силуэтом самой девушки. Если вы откадрируете неточно, то, возможно, останется невыделенными несколько небольших фрагментов. Их можно добавить к основному выделению, удерживая клавишу Shift. Напомним, что при нажатии на Shift возле курсора появится небольшой значок (+), который указывает на то, что теперь выделяемые нами области будут суммироваться с предыдущими нашими выделениями, сливаясь с ними. При этом на панели свойств автоматически окажется нажатой кнопка Add to selection (Добавить к выделению) - рис. 3.15.

Рис. 3.15. Добавление к выделению новых областей Выберите команду Select (Выделение) | Inverse (Инверсия). Если результатом ваших предыдущих действий было выделение фона, то последней командой вы инвертируете выделение фона в выделение девушки, так как операция инверсии меняет местами выделенные и не выделенные области. Выполните команду Edit (Правка) | Copy (Копировать). Изображение девушки будет отделено от фона и скопировано в буфер обмена (clipboard). Откройте (или активизируйте, если оно уже открыто) изображение березовой рощи и выполните команду Edit (Правка) | Paste (Вставить). В результате изображение девушки будет помещено на новый слой Layer 1, расположенный поверх фона. Совет

60

Для перемещения вклеенного таким образом используйте инструмент Move (Перемещение), а для приведения масштаба девушки к масштабу фона примените команду Edit (Редактирование) | Free transform (Свободное трансформирование). Нажмите клавишу Enter для прекращения трансформации и закончите работу над вашим произведением - рис. 3.16.

Рис. 3.16. Простой монтаж завершен Итак, с помощью инструмента Волшебная палочка вы создали простейший монтаж изображений (коллаж), а именно - вырезали объект и вклеили его в новое изображение. Для корректного завершения примера осталось объедините слои с помощью команды Layer (Слой) | Flatten Image (Объединить), а затем сохраните результирующее изображение в файле Collage.jpg командой File (Файл) | (Save As (Сохранить Как). Пример более сложного коллажа приведен на рис. 3.17. Вы можете попробовать подобный монтаж сделать самостоятельно на основе своих домашних фотографий.

61

Рис. 3.17. Пример выполнения более сложного фотомонтажа (коллажа)

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

узловые точки (anchor points); направляющие точки (direction points); рычаги, т.е. направляющие линии (direction lines); линейные сегменты (straight segments); точки перегиба (smooth anchor points); криволинейные сегменты.

Направляющие точки и рычаги позволяют управлять степенью кривизны сегментов, соединяющихся в узловой (опорной) точке, сглаживать углы контуров, точно обводить криволинейные поверхности. Контур, у которого конечная точка не совпадает с начальной, называют открытым. Те, у которых эти точки совпадают, называются закрытыми. Таким образом, работа с контурами это большой отдельный разговор, который, по большому счету, следует вести в книге о векторных графических редакторам. Мы же только заметим, что в растровом редакторе Photoshop тоже есть векторные инструменты и это позволяет ему конкурировать с такими апологетами векторной графики, как CorelDRAW или Illustrator, реально приближаясь к ним по возможностям создания

62

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

Инструменты для работы с контурами На рис. 3.18 приведены инструменты группы Pen (Перо).

Рис. 3.18. Инструменты группы Pen (Перо) предназначено для создания контуров. После выбора этого Pen (Перо) инструмента нажатие мыши позволяет установить в месте положения курсора опорную точку. Последовательное перемещение пера в сочетании с одновременным нажатием кнопки мыши создает контур с линейными сегментами; Freeform Pen позволяет рисовать контур от руки (как карандашом); (Свободное перо) Add Anchor Point используется для добавления новых опорных точек в уже существующий контур. Это очень удобный инструмент, который (Добавить создавать контуры методом последовательного опорную точку) позволяет приближения. То есть сначала, с помощью обычного инструмента Перо, грубо очерчивают контур по наиболее характерным точкам. Затем меняют инструмент на Add Anchor point и для уточнения контура вставляют дополнительные промежуточные опорные точки; Delete Anchor для удаления опорных точек из контура. При совместном Point (Удалить использовании с клавишей Alt он позволяет выделить сразу все точки опорную точку) контура, создает копию контура и позволяет переместить ее в новую позицию; Convert Point используется для изменения свойств опорных узловых точек путем преобразования гладкой точки в угловую и наоборот. Если инструмент (Угол) установить на опорную точку, то он отображается как острый угол. Кроме инструментов, для работы с контурами в Photoshop имеется специальная палитра Paths (Контуры) которая вызывается через меню Window (Окно) | Paths (Контуры) рис. 3.19. На этой палитре текст Work Path (Векторная маска) в данной иллюстрации находится рядом с контуром объекта (фигуры снеговика), который при желании легко можно превратить в выделение.

63

Рис. 3.19. Палитра Paths (Контуры) Рассмотренные выше инструменты в совокупности позволяют сформировать контур практически любой сложности. Однако, оценить все возможности, предоставляемые Photoshop в работе с контурами, можно только на конкретных примерах. Для создания выделения из контура нажмите на кнопку Load path as a selection (Загрузить контур как выделенную область) на палитре Path (Контуры). Параметры выполнения данной команды можно оставить по умолчанию. Теперь с помощью команд Edit (Редактирование) | Copy (Копировать) и Edit (Редактирование) | Paste (Вставить) вы можете вклеить вырезанное из фона изображение на любой новый фон - рис. 3.20.

64

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

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

65

Пример 3.2. Работаем с маской Поясним все сказанное выше о масках на практическом примере, выполненном в Adobe Photoshop. Суть данного примера: иногда нам нужно точно выделить какую-то часть изображения, но если контур для выделения достаточно сложен, то инструменты Волшебная палочка, Лассо или Перо не подходят для этой цели. В качестве примера такой ситуации можно указать на изображение, приведенное на рис. 3.21.

Рис. 3.21. Исходное изображение для работы над примером Здесь создание выделения женской прически представляет собой сложную задачу в силу следующих обстоятельств:  

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

Для подобных случаев в Adobe Photoshop существует более удобный способ выделения выделение с помощью инструмента Quick Mask (Быстрая маска). Итак, приступим к выполнению примера. Загрузите изображение, которое мы будем использовать для работы. 66

Нажмите дважды на кнопку Edit in Quick Mask Mode (Редактирование в режиме Быстрая маска), расположенную внизу панели инструментов для вызова окна диалога Quick Mask Options (Параметры Быстрой маски), предназначенного для установки опций режима быстрой маски (рис. 3.22).

Рис. 3.22. Окно диалога для настройки атрибутов быстрой маски В этом окне: 





параметр Непрозрачность (Opacity), позволяет создавать полупрозрачные маски, которые обеспечивают частичное применение эффектов преобразований к определенным участкам изображения; в области Color Indicates (Показывать цветом) режимы Masked Areas (Маскированные области) и Selected Areas (Выделенные области) инверсны друг другу: в первом случаем можно работать с объектом, а во втором - с фоном; в режиме быстрой маски мы будем рисовать Кистью цветом, который вы выбрали в поле Color (Цвет). Цвет маски по умолчанию красный, но его можно изменить, что актуально, если цвет маски одинаков с цветом объекта или фона.

В нашем случае все параметры можно принять предлагаемыми по умолчанию. Теперь займемся прической девушки. Нажмем на кнопку Edit in Quick Mask Mode (Редактирование в режиме Быстрая маска) один раз, чтобы вызвать соответствующий режим работы программы. Сначала обведем кистью подходящего размера контур, а затем закрасим весь объект цветом маски. Чем точнее вы обведете контур, тем лучше получите конечный результат. Совет Не волнуйтесь, если при обводке контура вы захватили лишние области. Это можно исправить позже при помощи Ластика. Нажмите кнопку Edit in Standart Mode (Редактирование в стандартном режиме) для превращения закрашенной области в выделение. Все - работа окончена (рис. 3.23), хотя времени на такую работу (благодаря использованию быстрой маски) затрачено совсем немного!

67

Рис. 3.23. Сложный контур успешно выделен и перенесен на новый фон

Каналы Из изложенного выше материалы вы, должно быть, уже поняли, что маски и выделенные области это почти синонимы. Почти, потому что выделенная область становится маской, когда вы сохраняете ее для постоянного пользования. Маски сохраняются в альфаканалах. Как уже говорилось, создание маски приводит к одновременному и автоматическому созданию альфа-канала, в который помещается изображение этой маски. Новый термин Альфа-каналы это специальные каналы в палитре Channels (Каналы) для хранения масок. Маски это полутонового изображения, где белый цвет это выделенная область, а черный цвет - остальная, маскированная, часть изображения. Растушевка и другие, частично выделенные места представляются в маске серыми полутонами. Чтобы сохранить текущее выделение в новом альфа-канале, щелкните в палитре Каналы на кнопке Save Selection as Channel (Сохранить выделенную область в новом канале). По умолчанию новому каналу дается имя Alpha 1 (Альфа 1) - рис. 3.24.

68

Рис. 3.24. Кнопка создания альфа-канала Чтобы сохранить выделение в существующем альфа-канале, выберите команду меню Select (Выделение) | Save Selection (Сохранить выделенную область). В результате выполнения этой команды появиться диалоговое окно, представленное на рис. 3.25).

69

Рис. 3.25. Окно сохранения выделения Здесь в списке Document (Документ) выберите имя документа. В списке Channel (Канал) выберите имя канала, в который вы хотите записать новое выделение. Для записи в новый канал выберите строку New (Новый). В этом случае в поле Name (Имя) вы можете дать ему имя, отличное от стандартного. При записи выделения в уже существующий альфа-канал выберите способ записи, щелкнув на соответствующем переключателе в поле Operation (Операция): New Channel (Новый канал) Add to Channel (Добавить к каналу) Subtract from Channel (Вычесть из канала) Intersect with Channel (Пересечься с каналом)

новое выделение записывается на место старого; новое выделение добавляется к старому; новое выделение вычитается из старого; в альфа-канал записывается область пересечения старого и нового выделения.

В следующий раз, когда вы откроете документ с сохраненной маской, вам не придется с самого начала выделять ту же область. Вы сможете ее просто загрузить. Для этого выделите строку с альфа-каналом и щелкните на кнопке Load Channel as Selection (Загрузить канала как выделение).

Выделение цветовых диапазонов В Photoshop имеется удобное средство для выделения областей по заданному диапазону цвета (аналог волшебной палочки). Давайте познакомимся с этим инструментом поближе. Откройте имеющееся в вашей домашней коллекции изображение и выполните команду Select (Выделение) | Color Range (Цветовой диапазон). В открывшемся в результате выполнения данной команды окне в списке Select (Выделить) выберите Sampled Colors (По образцам). В свитке Selection Preview (Просмотр выделения) выберите Quick Mask (Быстрая маска). Включите переключатель Selection (Выделение), чтобы видеть в окне предварительного просмотра выделенные области (они будут белыми на черном фоне) рис. 3.26. Нам нужно инструментом Color Range (Цветовой диапазон) произвести отделение объектов от фона.

70

Рис. 3.26. Оригинальное (исходное) изображение Щелкните в окне документа на темном участке фона левой кнопкой мыши - фон выделится (в окне просмотра он будет белым, а в окне документа Photoshop это место очистится от красной пленки - рис. 3.27.

Рис. 3.27. Окно инструмента Color Range (Цветовой диапазон) 71

В нашем случае мы выделили фон за один щелчок мыши, так как фон однороден. Если фон разнороден, то следует щелкнуть на средней кнопке Add to Sample (Добавление оттенков) с пипеткой, стоящей рядом со значком плюс. Теперь новые выбранные области будут добавляться к старому выделению. Щелкните в оставшихся невыделенными местах, чтобы выделить весь фон. Совет Чтобы лучше видеть, что выделилось, а что нет, выберите в списке Selection Preview (Просмотр) режим Grayscale (Серая шкала). Затем выберите в том же списке значение White Matte (Белая подложка). В этом режиме лучше видно, не выделились ли лишние цвета. При необходимости создания более точного выделения попробуйте изменить положение ползунка Fuzziness (Разброс). Завершает вашу работу нажатие на кнопку ОК. Выделение фона будет произведено, а для выделения объекта следует произвести инверсию. Теперь можно выделенный объект поместить на новый фон - рис. 3.28.

Рис. 3.28. Объект выделен из фона инструментом Цветовой диапазон

Замена цветов Команда Replace Color (Заменить цвет) создает временную маску вокруг заданных цветов, а затем заменяет их другими цветами. Принцип работы команды во многом схож с командой Color Range (Цветовой диапазон). Давайте посмотрим действие этой команды на примере. Откройте графический файл (рис. 3.29).

72

Рис. 3.29. Исходное изображение Выберите команду Image (Изображение) | Adjustments (Коррекция) | Replace Color (Заменить цвет). В возникшем в результате выполнения команды окне установите переключатель Selection (Выделение), чтобы видеть в окне предварительного просмотра маску. Установите флажок Preview (Предварительный просмотр), чтобы видеть, как настройка цвета будет отражаться на изображении. Инструментом Пипетка щелкните на самом темном месте фона. Часть фона выделилась. Если вы щелкните не фон, а цветок, то будет производиться не замена цвета фона, а замена цвета цветка - рис. 3.30.

73

Рис. 3.30. Пример замены цвета объекта Выберите среднюю пипетку Add to Sample (Добавление оттенков) и щелкните ей на соседнем участке фона, несколько раз, пока почти весь фон не станет белым. Увеличьте значение ползунка Fuzziness (Разброс). Если после этого еще остались невыделенные участки, щелкните на них пипеткой со значком плюс. Меняя положение ползунков Hue (Цветовой тон), Saturation (Насыщенность) и Lightness (Яркость) вы можете изменить цвет фона в широком диапазоне цветов.

74

4. Лекция: Инструменты цветокоррекции и ретуширования. Слои Вы познакомитесь с базовыми представлениями о теории цвета на ПК, а также узнаете основные приемы коррекции изображений в графическом редакторе Adobe Photoshop.

Содержание      

     

Свет и цвет Цветовые модели Система управления цветом Коррекция изображений на компьютере Совместные инструменты Пример 4.1. Выполнения компьютерной ретуши фотоизображения o Этап 1. Поворот и новое кадрирование изображения o Этап 2. Анализ гистограммы и устранение глобальных технических дефектов o Этап 3. Устраняем крупные и мелкие пятна o Этап 4. Устранение на фотографии царапин и трещин o Этап 5. Увеличение резкости изображения с помощью фильтров o Этап 6. Создаем фоторамку Цветная ретушь изображений. Особые приемы коррекции цвета Пример 4.2. Цветокоррекция фотографии с помощью настройки яркости и контраста Пример 4.3. Устранение дефекта "красные глаза" Работа со слоями Использование палитры Слои Пример 4.4. Работаем с многослойным изображением o Шаг 1. Определяемся с фоном o Шаг 2. Добавляем изображение птицы o Шаг 3. Добавляем рыбу

Свет и цвет Как в жизни, так и в компьютерной графике, для того чтобы увидеть цвет, нужны:   

источник света (не темнота); освещаемый источником света объект; приемник света (глаз).

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

объект биологический. Воздействие электромагнитных волн на рецепторы глаза человека и определяет его реакцию на свет и цвет. Все, что мы видим в окружающем нас пространстве, либо излучает свет, либо его отражает. Излученный цвет - это свет, испускаемый активным источником. Тут все довольно просто: красный фонарь светит красным цветом, желтый прожектор - желтым. Сложнее обстоят дела с отраженным светом. Так, если вы осветите белым цветом листок белой бумаги, то бумага будет выглядеть белой. Но что произойдет, если осветить зеленую бумагу красным цветом? Бумага будет восприниматься глазом не зеленой, а черной, потому что падающие на нее красный цвет она не отражает, а поглощает. Бытовым подтверждением этого факта является пример того, что на улице при свете солнца цвет вашей одежды воспринимается более ярким и чистым, чем дома при свете настольной лампы. Иными словами, свет объекта зависит от источника света. В технике спектральный состав источника цвета часто ассоциируется с понятием цветовой температуры, выраженной в градусах Кельвина. Цветовая температура (которую иногда называют оттенком цвета) определяет чистоту цвета. С физической точки зрения свет можно охарактеризовать двумя параметрами: энергией (яркостью) и длиной волны (цветностью). Яркость (интенсивность) пропорциональна сумме энергий всех составляющих цветового спектра света. Цветность, связана с доминирующими длинами волн в этом спектре.

Цветовые модели Субъективность в восприятии цвета при обработке изображений на компьютере крайне нежелательна. Поэтому в современных компьютерных программах манипуляции с цветом осуществляются с помощью цветовых моделей и режимов. Цветовые модели (цветовые пространства) предоставляют собой математические средства для определения (описания) цвета на компьютере. Большинство компьютерных цветовых моделей основано на использовании трех основных цветов. Каждому основному цвету присваивается определенное значение цифрового кода, после чего все остальные цвета определяются как комбинация основных цветов. Например, в цветовой модели RGB цветовой сигнал R255G000B000 представляет красный цвет. Типы цветовых моделей: CMYK, RGB, HLS, Lab, YCC и другие. В аддитивной цветовой модели RGB цвет получается путем сложения лучей света разных цветов: красного (Red), зеленого (Green) и синего (Blue) цвета. На основе смешивания этих базовых цветов можно получить практически весь спектр видимых цветов. При одновременном смешивания трех чистых цветов получается белый цвет. RGB-модель можно представить в виде куба, где на оси, соединяющей точки с координатами (R, G, B) = (0, 0, 0) и (R, G, B) = (255, 255, 255), расположены различные градации серого, для которых значения красной, зеленой и синей составляющих одинаковы. Полезно знать следующие уравнения цвета:     

Зеленый+Синий=Голубой Зеленый+Красный=Желтый Красный+Синий=Пурпурный Зеленый+Синий+Красный=Белый Голубой+Желтый+Пурпурный=Черный

На подобных уравнениях базируются цветовые инструменты Photoshop (рис. 4.1). 76

Рис. 4.1. Окно инструмента Color Balance (Цветовой баланс) Теперь становится наглядно и понятно правило коррекции цветового разбаланса в изображении. Если изображение имеет излишне синий оттенок (Blue), то следует увеличить желтую составляющую (Yellow), поскольку желтый поглощает синие составляющие. Соответственно, избыточность зеленого цвета (Green) можно скорректировать увеличением пурпурной составляющей (Magenta), а избыточность красного цвета (Red) - увеличением голубой составляющей (Cyan). В основе субтрактивной цветовой модели CMYK лежит использование трех цветов: голубого (Cyan), пурпурного (Magenta) и желтого (Yellow). Теоретически при смешивании этих цветов на белой бумаге в равной пропорции получается идеальный черный цвет. Примечание В аббревиатуре модели CMYK используется буква "К" (последняя буква слова Black) для того, чтобы избежать путаницы, поскольку в английском языке с буквы "B" начинается не только слово Black (черный), но и слово Blue (синий). Если RGB модель ориентирована на излучающие свет устройства (монитор, сканер и другие), то модель CMYK "привязана" к печатающим устройствам и активно используется в полиграфии. Иначе говоря, обе цветовые модели аппаратно77

ориентированны (аппаратно-зависимы). Для устранения аппаратной зависимости была разработана перцепционная (интуитивная) цветовая модель HSB (Hue - цветовой тон, Saturation - насыщенность, Brightness - яркость). Она позволяет описывать цвета интуитивно ясным способом и наряду с RGB и CMYK, представлена в большинстве современных графических пакетов. В HSB-модели все цвета определяются с помощью комбинации трех базовых параметров: цветовой тон (Н), насыщенность (S), яркость (B). Под цветовым тоном (оттенком) понимается свет с доминирующей длиной волны. В графическом представлении этой модели каждый цветовой тон занимает определенное положение на цветовом круге и характеризуется величиной угла в диапазоне от 0 до 360 градусов. Обычно для красного цвета берется угол 00, для чисто зеленого - 120 градусов и для чисто синего - 240 градусов. На цветовом круге каждый цвет расположен напротив дополняющего его (комплиментарного) цвета, причем он находится между цветами, с помощью которых получен. Например, сложение желтого и голубого цветов дает зеленый. Таким образом, на цветовом круге зеленый цвет должен располагаться между желтым и голубым - рис. 4.2.

Рис. 4.2. Расположение цветов на цветовом круге Примечание На цветовом круге наглядно отображено: чтобы усилить в изображении какой-либо цвет, нужно ослабить дополняющий его цвет (расположенный напротив него на цветовом круге). Например, чтобы изменить общее цветовое содержание изображения в сторону зеленого цвета, следует снизить в нем содержание пурпурного (красного) цвета. Именно на этом принципе основана цветовая коррекция изображения. 78

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

Система управления цветом Важным условием правильного функционирования системы управления цветом является наличие математического описания цветовых пространств всех устройств, участвующих в процессе преобразования цвета. Такое математическое описание получило название цветового профиля устройства (профайл или ICC-профиль). Обычно профили создаются фирмами-изготовителями устройств либо разработчиками программного обеспечения. Новый термин ICC-профиль устройства - это файл с расширением ICM, в котором хранится математическое описание цветового диапазона (охвата) конкретного устройства. Для Windows XP профили хранятся в папке windows\system32\spool\drivers\color (рис. 4.3).

Рис. 4.3. Цветовые профили для конкретного пользователя ПК

79

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

Коррекция изображений на компьютере Ретушью называется изменение (коррекция) фотоизображений с целью устранения их дефектов. Photoshop предоставляет в ваше распоряжение целое семейство инструментов для ретуширования цифровых изображений. Некоторые из инструментов локального (местного) ретуширования показаны на рис. 4.4 - 4.6.

Рис. 4.4. Инструменты из группы Осветлитель В этом окне: Dodge (Осветлитель) для осветления областей и увеличения яркости изображения; Burn (Затемнитель) для затемнения областей и уменьшения яркости изображения; меняет насыщенность (контраст) изображения. Sponge (Губка)

Рис. 4.5. Инструменты из группы Размытие В этом окне: Blur (Размытие) смягчает границы между объектами; Sharpen (Резкость) увеличивает четкость изображения; размазывает (растушевывает) цвет. Finger (Палец) Инструмент Штамп (Stamp) существует в двух вариантах: Clone Stamp (Штамп) и Pattern Stamp (Узорчатый штамп). Первый вариант предоставляет возможность создания точных копий элементов изображения, а второй - цветовых образцов (рис. 4.6).

Рис. 4.6. Инструменты из группы Штамп Алгоритм использования инструмента Штамп включает следующую последовательность шагов:

80

 



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

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

Рис. 4.7. Инструменты из группы Пипетка Инструмент Пипетка существует в двух вариантах: Eyedropper (Пипетка) и Color Sampler (Цветовой эталон). Первый вариант пипетки позволяет переопределять основной и фоновый цвета, а второй - брать образцы цвета в любых открытых изображениях. Инструмент Ruler (Измерение) помогает вычислить расстояние между любыми двумя точками в пределах рабочей области редактируемого изображения. Данная величина отображается на палитре Info (Информация) после того, как вы указали инструментом начальную и конечную точки. 

Инструмент Zoom (Масштаб) позволят получать документы на экране в увеличенном или в уменьшенном виде. Кроме того, вы можете ввести числовое значение масштаба в процентах в поле, расположенное в левом нижнем углу главного окна. Текущий масштаб отображения указывается в заголовке окна документа. Двойное нажатие клавиши мыши на инструменте Масштаб устанавливает масштаб изображения в 100%. Нажатие комбинации клавиш Ctrl+"" или Ctrl+"+" приводит, соответственно, к уменьшению или увеличению масштаба.

81

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

Рис. 4.8. Оригинальная фотография для ретуши На снимке из домашнего фотоальбома мы видим неудачное кадрирование, пятна, трещины, измятость фото и другие недостатки. Начнем поэтапное исправление перечисленных дефектов.

Этап 1. Поворот и новое кадрирование изображения Мы видим, что снимок примерно на 2 градуса повернут против часовой стрелки. Для исправления дефекта выполним команду Image (Изображение) | Rotate Canvas (Повернуть холст) | Arbitrary (Произвольно) и выберем угол (Angle) 2 градуса по часовой (CW) - рис. 4.9.

82

Рис. 4.9. Окно команды Повернуть холст Для удаление второстепенных деталей изображения, случайно попавших в кадр, нажмите на клавишу "C" для активизации инструмента Crop (Рамка). Затем нажмите на кнопку мыши и очертите область изображения, содержащую сюжетно важную часть фотографии и нажмите Enter. Снимок будет обрезан (рис. 4.10).

Рис. 4.10. Поворот и кадрирование произведены

Этап 2. Анализ гистограммы и устранение глобальных технических дефектов Выберите команду Image (Изображение) | Adjustments (Коррекция) | Levels (Уровни) на экране появляется окно диалога Histogram (Гистограмма) - рис. 4.11.

83

Рис. 4.11. Окно диалога Histogram (Гистограмма) Из анализа гистограммы видно, что поскольку фотография со временем выцвела, то она содержит дефекты, связанные с отсутствием областей светов и теней, то есть требуется коррекция по яркости изображения. Для коррекции этого типа дефекта воспользуемся автоматическим режимом работы инструмента Levels (Уровни). Для его реализации необходимо лишь нажать мышью на кнопку Auto (Авто). Это приводит к преобразованию наиболее темных пикселей в черные, а самых светлых - в белые (рис. 4.12).

84

Рис. 4.12. Снимок после его коррекции инструментом Уровни Обратите внимание на существенное изменение тональности фотографии: вуаль исчезла, появились черные и белые области, повысился контраст, все изображение стало более сочным (ярким и контрастным).

Этап 3. Устраняем крупные и мелкие пятна Большие пятна на фотографии удобно убирать инструментом Marquee (Область). Для этого выберите один инструментов - Elliptical Selection (Овальная область) или Rectangular Selection (Прямоугольная область), входящих в группу инструментов Marquee (Область), и выделите с их помощью фрагмент хорошо изображенного фона (без пятен). Затем, используя команду Edit (Редактирование) | Copy (Копировать) скопируйте его в буфер обмена (clipboard). Выберите команду Edit (Редактирование) | Paste (Вставить) для создания дубля области хорошего фона и, используя инструмент Move (Перемещение), перетащите его на место пятна. В результате пятно маскируется областью хорошего фона, поскольку пока область "правильного" фона как бы висит над дефектом в отдельном слое, расположенном поверх фонового слоя. После завершения операции устранения крупных пятен на фотографии выполните команду Layer (Слой) | Flatten Image (Выполнить сведение) или нажмите соответствующую ей комбинацию клавиш Ctrl+E. Последняя команда совмещает (интегрирует) все созданные в процессе работы слои с фоновым слоем. Для ретуши мелких пятен следует воспользоваться инструментом Smudge (Палец) с целью удаления мелких дефектов путем их размазывания. Выберите на панели графики инструменте Smudge (Палец) и выполните настройку его атрибутов с помощью панели свойств: задайте режим (Mode) - Normal (Нормальный), снимите флажок Finger Painting (Рисование пальцем), установите значение параметра Pressure 85

(Интенсивность) равным 50% и выберите из списка Brush (Кисть) кисть, соизмеримую с размером пятен. Выполните инструментом Smudge удаление пятен на снимке путем их растушевки (размазывания). Мелкие пятна можно удалять также инструментом Blur (Размытие).

Этап 4. Устранение на фотографии царапин и трещин Будем считать, что с глобальными дефектами вы справились. Теперь пора перейти к коррекции локальных дефектов. Начнем с трещины на фуражке офицера. Для начала подберите удобный для работы масштаб изображения, комбинируя нажатие комбинаций клавиш Ctrl+"+" (увеличение масштаба) и Ctrl+"-" (уменьшение масштаба). Теперь нажмите на панели инструментов кнопку Clone Stamp (Штамп) для активизации этого инструмента. Установите на панели свойств этого инструмента значения его атрибутов: Opacity (Непрозрачность) - 100%, режим клонирования (Mode) - Normal (Нормальный) и выберите небольшую мягкую кисть из раскрывающегося списка Brush. Удерживая клавишу Alt, щелкните мышью (курсор принимает форму крестика) на фрагменте "хорошей" области изображения, расположенного в непосредственной близости с дефектной областью. Этим вы устанавливаете источник изображения. Затем отпустите клавишу Alt и щелкните мышью на области царапины. На участок царапины, который вы указали мышью, накладывается выбранный вами источник изображения, исправляя данный дефект. Если во время работы штампом вы выполнили неверный шаг, то воспользуйтесь возможностью отката. Для этого выберите команду Edit (Редактирование) | Undo (Шаг назад) или используйте комбинацию клавиш . Таким же способом или используя знакомый вам инструмент Восстанавливающая кисть можно устранить на фотографии практически все пятна, царапины и трещины. Помимо этого, некоторые тени на фуражке имеет смысл осветлить инструментом Осветлитель. Конечный результат этого этапа работы показан на рис. 4.13.

86

Рис. 4.13. На снимке удалены царапины и пятна

Этап 5. Увеличение резкости изображения с помощью фильтров Исходная фотография сама по себе была не достаточно резкой. Теперь же, после применения различных инструментов в ходе ее коррекции, она стала еще более размытой. Поэтому следующий этап нашей работы будет посвящен повышению резкости фотографии. Для обработки изображения фильтром, повышающим контраст, выполните команду Filter (Фильтр) | (Sharpen (Резкость) | (Sharpen (Сделать четче). Этот фильтр не имеет окна диалога с настройками, поэтому результат применения фильтра непосредственно отображается на изображении. В результате видим, что контуры темных объектов как бы выделились на светлом фоне и общая четкость изображения немного возросла. Если резкость кажется вам недостаточной, повторите команду для ее усиления. Попробуйте также варианты фильтров Unsharp Mask (Контурная резкость) и Sharpen Edges (Резкие границы) - возможно, что они дадут еще более качественные результаты, чем однократное применение фильтра Sharpen (Сделать четче).

Этап 6. Создаем фоторамку Закончить работу можно созданием рамки к фотографии. Это можно выполнить средствами Photoshop, но мы воспользуемся программой Frame Master, которую можно скачать с сайта производителя www.galleriasoftware.com. Программа настолько проста, что не требует каких-либо объяснений. Одна из рамок, сделанных в этой программе, приведена на рис. 4.14.

87

Рис. 4.14. Работа над примером завершена

Цветная ретушь изображений. Особые приемы коррекции цвета Коррекция цвета всегда была одной из наиболее сложных работ. Каждый может посмотреть на изображение и сказать, что с ним что-то не так, но не все могут увидеть, что именно неправильно. Для того, чтобы провести цветокоррекцию, вы должны сначала поставить диагноз, то есть выяснить, в чем проблема. При этом можно руководствоваться следующими правилами. Вы должны обратить внимание на цвета, которые выглядят грязными. Например, чтобы достичь хорошего зеленого (green) цвета, необходимо смешать образующие его составляющие голубой (cyan) и желтый (yellow). Если же вы введете еще и пурпурный (magenta) цвет, то зеленый цвет из-за этого лишнего компонента начинает выглядеть нечистым. Для выполнения цветовой коррекции изображения в этом случае достаточно просто удалить или уменьшить количество пурпурного цвета. Следующий момент - оценка качества "памятных" цветов. Так, небо должно быть синее, трава - зеленая. Цвета, которые вы ожидаете видеть - это цвета по памяти. Поэтому, если вы хотите, чтобы ваша фотография смотрелась лучше, попытайтесь исправить сначала цвета, которые помните. И, наконец, иногда для улучшения фотографии необязательно выполнить коррекцию цвета. Когда изображение испытывает недостаток деталей в областях теней и светов - достаточно только улучшить яркость и контраст.

Пример 4.2. Цветокоррекция фотографии с помощью настройки яркости и контраста В начале этой лекции говорилось о цветовой модели HSB из идеологии которой напрямую следует, что, меняя B (Brightness - яркость) мы можем производить цветовую коррекцию изображения. В этом примере мы познакомимся с еще одним инструментом цветокоррекция изображений с помощью настройки яркости и контраста. Исходное 88

изображение, требующее коррекции, показано на рис. 4.15. На нем явно не хватает яркости и контраста, и картинка воспринимается не цветной, а серой, как в дымке тумана.

Рис. 4.15. Оригинальное изображение Выполните команду Image (Изображение) | Brightness/Contrast (Яркость/Контраст) - рис. 4.16.

Adjustments

(Коррекция)

|

Рис. 4.16. Окно Яркость/Контраст для нашего изображения Поочередно передвинем оба ползунки вправо, наблюдая наилучший результат цветокоррекции, посредством установки флажка Просмотр. При достижении максимального качества изображения нажмите на кнопку ОК (рис. 4.17).

89

Рис. 4.17. Изображение скорректировано

Пример 4.3. Устранение дефекта "красные глаза" Дефект "красные глаза" достаточно распространен среди фотографов, использующих дешевые бытовые камеры. В Adobe Photoshop для решения этой проблемы существует отдельный (специальный инструмент), называемый Red Eye Tool. Пользоваться им очень просто. На рис. 4.18 показано исходное изображение для цветовой коррекции, на котором в результате съемки с фотовспышкой образовался дефект фотоизображения, именуемый фотографами "глаз вампира".

90

Рис. 4.18. Фотоизображение с дефектом "красные глаза" Активируйте кнопку Red Eye Tool и с помощью рамки, создаваемой этим инструментом поочередно обведите каждый глаз девушки - дефект "красные глаза" исчезнет. Атрибуты настройки этого инструмента имеют только два параметра: ползунок Pupil Size (Размер зрачка) и ползунок Darken Amount (Сила затемнения) - рис. 4.19. Их значения следует подбирать экспериментально.

Рис. 4.19. Панель свойств инструмента Red Eye

Работа со слоями Слои - один из главных инструментов растровой графики. Они представляют собой отдельные фрагменты из общей картины изображения, как бы нарисованные на кусках прозрачной пленки и наложенные одно поверх другого. Такая организация изображения предоставляет пользователю возможность редактирования отдельных элементов изображения в графическом редакторе независимо друг от друга. Вы можете изменять содержимое любого слоя, не затрагивая при этом объекты, расположенные на других слоях. Сохранить рисунок со слоями можно только в некоторых специальных форматах, например, PSD или TIF. В то же время, популярные для публикации в Интернет форматы JPEG и GIF работу со слоями не поддерживают. Photoshop позволяет выполнять над слоями самые разнообразные операции: создавать, удалять, копировать, регулировать 91

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

Использование палитры Слои Для работы со слоями есть специальная палитра Layers (Слои), своеобразный командный пункт для управления слоями. На ней отображаются все слои изображения в виде пиктограмм, начиная с верхнего и кончая самым нижним фоновым слоем (background). Для практического знакомства со слоями в Photoshop выполните команду File (Файл) | New (Новый), затем нажмите на кнопку ОК. Программа автоматически создает документ, первоначально состоящий только из одного слоя - фонового (background). По умолчанию фоновый цвет - белый. Фон может быть любого цвета либо прозрачным (transparent). В последнем случае он называется Layer 1 (Слой 1). Прозрачный фон позволяет видеть лежащий под ним (нижний) слой. Чтобы создать в палитре Layers (Слои) прозрачный слой - щелкните на кнопке Create a new layer (Создать новый слой) - рис. 4.20.

Рис. 4.20. Так выглядит прозрачный слой Давайте рассмотрим в качестве примера некое многослойное изображение, состоящее из трех слоев и фона (рис. 4.21). При наложении этих слоев друг на друга и получается итоговая картинка. Как видим, в самом верхнем слое "пачки слоев" расположен Прямоугольник.

92

Рис. 4.21. Пример многослойного изображения На палитре Layers (Слои) вы всегда можете изменить порядок следования слоев, перетащив, например, верхний слой под нижний. Для этого нужно захватить слой (установить на него курсор, нажать и удерживать левую кнопку мыши), перетащить его к новому месту локализации и отпустить кнопку мыши. Так, на рис. 4.22 мы поменяли местами слои, поместив в верхний слой Многоугольник - вид исходной стопки слоев изменился соответственно.

93

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

94

Рис. 4.23. Вид многослойного изображения после удаления двух слоев

Пример 4.4. Работаем с многослойным изображением Для того, чтобы лучше освоиться в мире многослойных изображений, мы проделаем на практике ряд полезных команд. Посмотрите на рис. 4.24.

95

Рис. 4.24. Многослойный коллаж и соответствующая ему палитра слоев Показанное здесь изображение содержит четыре слоя: Слой 4 (Fish) Слой 3 (Bird) Слой 2 (Fisherman) Слой 1 (Lake) Фон - задний план (Landscape)

самый верхний слой с изображением рыбы; слой с изображением птицы; слой с изображением рыбака; слой с изображением озера; самый нижний слой (фон).

Ниже мы покажем, как можно создать подобное изображение.

Шаг 1. Определяемся с фоном Для создания заднего плана автор использовал фотографию озера (1) и изображение рыбака (2), а затем посредством команд Edit (Редактирование) | Copy (Скопировать) и Edit (Редактирование) | Paste (Вставить) вклеил слой рыбака на слой озера. Этим приемом был создан фон (3) - рис. 4.25.

96

Рис. 4.25. Сложение двух изображений для получения третьего изображения Ползунок Непрозрачность при этом был выставлен в положение 43%.

Шаг 2. Добавляем изображение птицы В исходном изображении птица расположена на однородном фоне (рис. 4.26), поэтому ее легко вырезать из фона инструментом Magic Wand (Волшебная палочка). Это мы уже проходили.

97

Рис. 4.26. Исходное изображение птицы После вырезания чайки из неба выполним команду Edit (Редактирование) | Copy (Копировать) для копирования птицы (без неба) в буфер обмена (clipboard). Затем командой Edite (Редактирование) | Paste (Вставить) вставим птицу в новый слой поверх изображения рыбака и ландшафта. Затем, для придания суммарному изображению большей реалистичности, в палитре Layers (Слои) для слоя с птицей мы установили значение ползунка Opacity (Прозрачность) на уровне 30%, а в списке режимов наложения слоев (Set the blanding Mode) выбрали вариант Darken (Замена темным). При этом контуры птицы получились мягкими и она естественно вписалась в общую стопку слоев (рис. 4.27). Предлагаемый здесь вариант Darken (Замена темным) не является единственно возможным. Неплохой результат можно получить и когда чайка вписана в другие слои в режиме Normal (Нормальный), предлагаемом программой по умолчанию.

Рис. 4.27. Птица вклеена на фон в режиме наложения слоев 98

Варианты наложения слоев (Multiply, Soft Light, Overly и другие) определяют, каким образом пиксели активного слоя взаимодействуют с пикселями других слоев, расположенных под ними. В Photoshop имеются следующие варианты наложения слоев: это режим, используемый по умолчанию. Здесь пиксели наносимого цвета замещают пиксели исходного цвета; в данном случае результирующий цвет получается путем случайной подстановки базового или накладываемого цвета в зависимости от степени непрозрачности в каждой точке изображения; считывает цветовую информацию в каждом из каналов и умножает Multiply значение базового цвета на значение накладываемого цвета. (умножение) Результирующий цвет всегда получается более темным. Умножение любого цвета на черный дает черный. Умножение любого цвета на белый оставляет его без изменений. При многократном нанесении любого цвета (кроме белого и черного) каждый последующий штрих или мазок дает более темный цвет; считывает цветовую информацию в каждом из каналов и перемножает Screen инвертированные значения базового и накладываемого цветов. (осветление) Результирующий цвет всегда получается более светлым. В этом режиме наложение черного цвета не изменяет исходное изображение. Наложение белого цвета дает белый; дублирует режим Умножение или Осветление в зависимости от Overlay базового цвета. Наносимые образцы или цвета перекрывают (перекрытие) существующие пиксели, сохраняя света и тени базового цвета. Сам базовый цвет не заменяется, а смешивается с накладываемым цветом, передавая яркость или затененность оригинала; Soft Light затемняет или осветляет пиксели в зависимости от накладываемого цвета. Эффект подобен освещению изображения пучком рассеянного (мягкий свет) света. Если накладываемый цвет (источник света) окажется ярче, чем 50-процентный серый, то изображение будет осветляться так же, как при использовании инструмента Осветлитель. Если же накладываемый цвет окажется темнее, чем 50-процентный серый, то изображение будет затемняться так же, как при использовании инструмента Затемнитель. Рисование чистым белым или чистым черным цветом делает фрагменты изображения более светлыми или более темными, но при этом не позволяет получить чистый белый или чистый черный цвет; Hard Light дублирует режим Умножение или Осветление в зависимости от накладываемого цвета. Эффект подобен освещению изображения (жесткий свет) пучком яркого направленного света. Если накладываемый цвет (источник света) окажется ярче, чем 50-процентный серый, то изображение будет осветляться так же, как в режиме Осветление. Если накладываемый цвет окажется темнее, чем 50-процентный серый, то изображение будет затемняться так же, как в режиме Умножение. Это позволяет добавлять в изображение тени. Рисование чисто белым или чисто черным дает соответственно чистый белый или чистый черный цвет; Color Dodge считывает цветовую информацию в каждом из каналов и перемножает инвертированные значения базового светлого и накладываемого (осветление цветов. Результирующий цвет всегда получается более светлым. В основы) Normal (нормальный) Dissolve (растворение)

99

этом режиме наложение черного цвета не изменяет исходное изображение. Наложение белого цвета дает белый; Color Burn считывает цветовую информацию в каждом из каналов и перемножает инвертированные значения базового темного и накладываемого (затемнение цветов. Результирующий цвет всегда получается более темным. В этом основы) режиме наложение белого цвета не изменяет исходное изображение. Наложение черного цвета дает черный; Darken (замена считывает цветовую информацию в каждом канале и из двух цветов (базового и накладываемого) выбирает более темный. Цвет пикселей, темным) оказавшихся светлее накладываемого цвета, изменяется; более темные пиксели оригинала не перекрашиваются; Lighten (замена считывает цветовую информацию в каждом канале и из двух цветов (базового и накладываемого) выбирает более светлый. Цвет пикселей, светлым) оказавшихся темнее накладываемого цвета, изменяется; более светлые пиксели остаются без изменений; считывает цветовую информацию в каждом канале и вычитает Difference значение базового цвета из значения накладываемого цвета или (разница) наоборот, в зависимости от того, какой цвет имеет большую яркость; похож на режим Разница, однако создает более мягкие эффекты. В Exclusion этом режиме наложение белого цвета инвертирует базовый цвет; (исключение) наложение черного цвета не изменяет оригинал; Hue (цветовой в качестве результирующего создает цвет, для которого значения яркости и насыщенности берутся от базового цвета, а цветовой тон - от тон) накладываемого; Color (цветность) результирующий цвет приобретает яркость от базового цвета, а насыщенность и цветовой тон - от накладываемого цвета. В этом режиме в изображении сохраняется баланс серого цвета. Он удобен для раскрашивания монохромных изображений и подкрашивания цветных; результирующий цвет приобретает насыщенность и цветовой тон от Luminosity базового цвета, а яркость - от накладываемого. Этот режим по своему (яркость) действию является противоположным режиму Цветность.

Шаг 3. Добавляем рыбу На этом этапе работы вставим в создаваемый коллаж рыбу (рис. 4.28).

Рис. 4.28. Изображение вклеиваемой в коллаж щуки

100

Изображение было вырезано инструментом Лассо из оригинала, показанного на рис. 4.29, а затем повернуто и трансформировано.

Рис. 4.29. Оригинал щуки для фотомонтажа Процедура монтажа рыбы полностью аналогична процедуре монтажа птицы. Все. Наш коллаж готов (рис. 4.30).

101

Рис. 4.30. После вклейки рыбы на холст коллаж готов Завершить процесс можно командой командой Layer (Слой) | Выполнить сведение (Flatten Image), которая объединит все слои в один общий (Задний план). Примечание Для более тонкого вклеивания объектов рекомендуется использовать инструменты ретуширования изображений.

102

5. Лекция: Шрифт и текст. Фильтры в Photoshop CS5 Шрифт и текст - фундаментальный понятия для любой работы дизайнера. Шрифт в широком смысле слова - это средство передачи информации. В более узком аспекте элемент дизайна документа. Однако шрифт, по своей природе, это не только упорядоченная графическая форма определенной системы письма, но и средство эстетического и художественного оформления носителя информации. Именно эта его функция и представляет интерес с точки зрения дизайна.

Содержание              

Форматы шрифтовых файлов Классификация шрифтов Атрибуты шрифта и текста o Гарнитура и начертание шрифта Советы по работе со шрифтами Инструменты для работы с текстом в Photoshop Примеры шрифтовых работ в программе Adobe Photoshop Пример 5.1. Создание текста с тенью Пример 5.2. Создание эффекта 3D текста Пример 5.3. Рисуем печать-экслибрис Пример 5.4. Панорама Знакомимся с фильтрами Классификация фильтров в Adobe Photoshop CS5 Математические алгоритмы применения фильтров к изображению Пример 5.5. Применение фильтров к тексту

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

103

Векторные шрифты могут легко масштабироваться путем изменения пропорций между точками, которые в свою очередь, изменяют длину линий, соединяющих эти точки. При увеличении размера векторные шрифты не теряют плавность линий. Наиболее популярны векторные шрифты корпорации Adobe Systems, разработавшей стандарт Adobe Type 1 (или Post Script), и Microsoft Corp., создавшей формат Microsoft Тruе Туре. Оба стандарта имеют свои достоинства, что привело к их параллельному сосуществованию. Шрифт Microsoft True Type состоит из одного файла *.ttf. В Windows шрифты True Type размещаются в папке Windows\Fonts. Установить, удалить, просмотреть такой шрифт без особого труда сможет любой пользователь ОС Windows. Шрифт Adobe Type 1 (Post Script) состоит из двух компонентов: растрового *.pfm (экранного) и векторного *.pfb (принтерного) файлов (либо из файлов *.pfb, *.afm и *.inf). С такими шрифтами обычно работают только профессионалы, а управлять ими удобнее при помощи специальной программы - Adobe Type Manager Delux (АТМ). Использование кривых более высокого порядка и обуславливает основные преимущества PostScript шрифтов перед TrueType. Иначе говоря, символы PostScript шрифта являются более гладкими, чем TrueType. Из сказанного выше следует, что для полиграфических работ шрифты Adobe Type 1 (или Post Script) - лучше. Для Internet - документов предпочтительнее использование Microsoft Тruе Type. Операционная система Windows поддерживает два формата шрифтов - растровый (*.FON), и векторный TrueType (*.TTF). В Windows формату True Type отдается предпочтение. Как уже говорилось выше, растровые шрифты (*.FON) - это точечные изображения, хорошо приспособленные для быстрого вывода на экран. Обычно это служебные шрифты, которые использует для своих нужд сам компьютер. В составе Windows, по умолчанию, поставляется пять базовых растровых шрифтов: MS Serif, MS Sans Serif, Courier, Small Fonts и Symbol. При желании их число можно увеличить путем установки дополнительных fon-шрифтов. Векторные шрифты True Type (*.TTF) шрифты хранятся в виде математических линий (векторов), и эту информацию Windows может использовать для построения шрифта произвольного масштаба. Даже будучи увеличенными, во много раз, векторные шрифты не теряют своего внешнего вида и остаются гладкими. В составе Windows по-умолчанию поставляется большое количество шрифтов True Type, включая такие популярные группы как Arial, Courier New, и Times New Roman, каждая из которых содержит несколько шрифтов различных стилей (обычный, курсив, полужирный и полужирный курсив). Что касается источников появления шрифтов на вашем ПК, то шрифты, как и прочие программные продукты, продаются изготовителями. Основные производители шрифтов: Adobe, Bitstream, The International Typeface Corporation, Microsoft, Monotype, Letraset Online, Linotype, Type Market, ParaType. Часто большие коллекции шрифтов поставляются вместе с некоторыми графическими, издательскими или офисными программами.

104

Классификация шрифтов Все компьютерные шрифты условно можно разделить на 4 группы:    

шрифты с засечками (антиква - serif), шрифты без засечек (гротески - sans serif), шрифты декоративные (decorative), в том числе и рукописные (script), шрифты символьные (symbol).

Российская классификация по ГОСТ 3489-71 и 72 разделяет шрифты на 6 групп, однако фактически все гарнитуры снова можно представить в 4 основные, уже упомянутые, группы. Группа 1. Шрифты с засечками (serif) Засечки, или серифы - горизонтальные элементы окончания основных (иногда соединительных) штрихов имеют самую разнообразную форму: прямоугольную, изогнутую, клювообразную и т.п. Эти шрифты воспринимаются глазом наиболее быстро, и поэтому часто используются для набора большого, объемного текста. Характерный шрифт из этой группы - Times. Шрифты с засечками также называют антиквенными, то есть античными. Группа 2. Шрифты без засечек (sans serif - гротески, рубленые или брусковые) В шрифтах без засечек (sans-serif) отсутствуют завершающие элементы на концах штрихов. Название sans-serif происходит от французского sans - без. Типичный представитель этой группы шрифтов - шрифт Arial. Рубленые заголовочные шрифты обычно имеют более толстые, чем серифы, штрихи и хорошо смотрятся в крупном кегле. Шрифты без засечек, читаются медленнее антиквенных, однако заголовки, набранные этими шрифтами смотрятся более эффектно, кроме того, на устройствах с низкой разрешающей способностью (например - на мониторах) такой шрифт читается легче. Группа 3. Шрифты декоративные или свободного стиля (Decorative) К этому классу относятся все остальные шрифты. К ним можно отнести рукописные, специальные, рекламные, художественные и прочие шрифты, которые нельзя отнести к первым двум группам. Декоративные шрифты имеют произвольный рисунок символов и применяются в основном как элементы дизайна. Чаще всего декоративные шрифты используют в заголовках. Использование подобных шрифтов в качестве основного текста является дизайнерской ошибкой, так как они неудобочитаемы. Группа 4. Символьные шрифты (Symbol) Особое место занимают так называемые символьные шрифты, которые вместо букв содержат различные знаки, рисунки и т. д. и применяются, конечно, не для набора текста, а для создания графических объектов или формул.

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

105

Текст (от лат. textus ткань, соединение) - любая записанная посредством шрифта речь (литературное произведение, сочинение, документ). Стиль текста - совокупность всех параметров оформления текста, присущих данному его отрезку. Атрибуты стиля текста включают следующие понятия, как: гарнитура шрифта, начертание, кегль, интерлиньяж, межбуквенный просвет, междусловный пробел, выключка, отступ первой строки, втяжка (отступы справа и слева), межабзацные отбивки, другие приемы оформления (рис. 5.1).

Рис. 5.1. Пример нескольких атрибутов шрифта Примечание Кегль и интерлиньяж оценивают в пунктах. 1 пункт равен 1/72 дюйма, то есть 0,352 мм.

Гарнитура и начертание шрифта Гарнитура шрифта (Type family) - совокупность шрифтов, объединенных общими стилевыми признаками, отличными от других шрифтов. Это как бы семья шрифтов, т.е. совокупность вариантов шрифта с общими стилевыми особенностями знаков, имеющее собственное наименование и отличающиеся различной насыщенностью, пропорциями, наклоном и стилем. Шрифты одной гарнитуры могут иметь различные начертания. Начертание (Type face) - комплект строчных и прописных знаков, цифр, знаков препинания, спецзнаков и символов шрифта в пределах одной гарнитуры, но отличные насыщенностью, пропорциями, контрастностью и наклоном знаков. Для каждого конкретного шрифта существует несколько вариантов начертания: светлое (light), суперсветлое (extra light), полужирное (demi bold), супержирное (extra bold), сжатое 106

(compressed или condensed) и так далее. Наиболее распространенные начертания - Normal (обычный), Bold (полужирный), Italic (курсив или наклонный). При наборе математических, химических и других формул часто используются индексы. Индекс - это атрибут символа и он может быть задан, как и прочие атрибуты текста. Кнопки Superscript (верхний индекс) и Subscript (нижний индекс) изменяют кегль символа и перемещают его в положение соответствующего индекса. При работе с текстом важную роль играет понятие абзац - часть текста, связанная смысловым единством и выделенная отступом первой строчки. От больших блоков, не расчлененных на абзацы, читательское восприятие притупляется. Выделяя значимые части текста, абзац выполняет роль своеобразного акцента, активно воздействующего на внимание человека. Обычно новый абзац текста начинается отступом первой строки, при котором перед первой буквой строки вставляется пробел определенной величины. Отступ первой строки (абзацный отступ) может быть положительным (в этом случае первая строка сдвигается вправо относительно всех остальных строк абзаца) или отрицательным (первая строка выходит влево за край основного текста, то есть все строки абзаца, начиная со второй, смещаются относительно первой строки вправо на некое фиксированное расстояние). Кроме того, абзац может вовсе не иметь абзацного отступа. Выключка (Justified) или выравнивание отражает расположение текста относительно вертикальных границ листа. Наиболее часто используется выключка по левому краю, по правому краю, по центру или по ширине. Отметим, что выравнивание не имеет смысла для отдельных символов, так как это атрибут абзаца. Выравнивание может быть задано для каждого абзаца отдельно. Для того чтобы придать абзацу нужное выравнивание, текст нужно предварительно выделить.

Советы по работе со шрифтами Эмпирически установлено, что при работе с текстом и шрифтами рекомендуется придерживаться следующих правил: 

  

  



в цветных публикациях назначайте фону и тексту контрастные цвета: темные буквы на темном фоне, равно как и светлые буквы, на светлом фоне читаются с трудом; проверяйте контрастность текста и фона, переключаясь в градации серого; стиль шрифта должен соответствовать содержанию шрифтового документа. Так, глупо использовать в наборе детских книг старославянские шрифты; избегайте раздражающего сочетания ярких цветов в деловых документах. Например, сочетание желтого с красным очень эффектно для продукции с ярлыком "New!", но такое цветовое решение для оформления повседневных надписей неуместно; общепринятым стандартом является применение гарнитур с засечками для основного текста и рубленых или декоративных - для заголовков; избегайте одинаковых гарнитур для заголовков и основного текста: для выделения заголовков и подзаголовков применяйте более жирное начертание; длинные строки имеет смысл верстать в две или более колонок. Для удобочитаемости текста, оформленного кеглем 10, оптимальная длина строки примерно 85 мм; для удобочитаемости текста важную роль играют поля. Например, в классическом книгопечатанье поля занимают около 50% площади страницы.

107

Инструменты для работы с текстом в Photoshop Для ввода текста используется специальный инструмент Text (Текст), активизируемый нажатием соответствующей кнопки в панели инструментов или путем нажатия клавиши T. Однако в большинстве случаев работа с надписями состоит не только из их непосредственного ввода, а также из задания параметров (атрибутов) вводимого вами текста. Для этих целей используется панель свойств инструмента Text (Текст), отображаемая сразу же после выбора этого инструмента - рис. 5.2.

Рис. 5.2. Панель свойств инструмента Текст Ниже приведены пояснения к названиям элементов управления этой панели. Выбор установок инструментов позволяет задавать следующие параметры: Horizontally Orient Text Для создания слоя обычного текста, направленного по горизонтали. Данный режим установлен по умолчанию. (Горизонтальный текст) Пишем тем цветом, который установлен в качестве основного (цвета переднего плана); Vertically Orient Text Позволяет создавать обычный текст, написанный сверху вниз; (Вертикальный текст). Create a horizontally mask or Применяется для создания выделений из литер текста, selection (Горизонтальный написанного по горизонтали; текст-маска). Create a vertically mask or Инструмент создает выделенный текст, направленный по selection (Вертикальный вертикали. текст-маска). Список Set the font family (Установить гарнитуру шрифта) содержит набор всех доступных шрифтов. Чтобы изменить гарнитуру шрифта, выделите текстовый объект, а затем выберите из списка другую гарнитуру. Список Set the font style (Установить начертание) предназначен для выбора стиля написания текста (полужирный, курсив, подчеркнутый или другой). Список Set the font size (Установить размер) служит для установки кегля (размера) шрифта выбором из набора значений или путем непосредственного ввода в числовое поле. В том случае, если имеющиеся размеры вам не подходят, то можно воспользоваться командой Edit (Редактирование) | Free Transform (Свободная трансформация) и изменить как размер, так и отражение шрифта - рис. 5.3.

108

Рис. 5.3. Свободная трансформация текста Список Set the anti-aliasing mode (Установить сглаживание) используется для улучшение качества отображения литер мелкого текста. Иначе говоря, здесь вы указываете способ избавления от ступенчатости шрифтов. По умолчанию, предлагается вариант Smooth (Плавное), что вполне приемлемо. Выключка текста предлагается в трех вариантах: Left align text (Выравнивание по Выравнивает выделенный абзац текста отдельную строку текста по левому краю; левому краю). Center text (Выравнивание текста по Выравнивает выделенный абзац текста отдельную строку текста по центру; центру). Right align text (Выравнивание Выравнивает выделенный абзац текста отдельную строку текста по правому краю. текста по правому краю).

или или или

Поле с образцом цвета Set the text color (Установить цвет текста) необходимо для выбора цвета текста. По умолчанию используется тот цвет, который у вас определен основным цветом или цветом переднего плана (Foreground color). Кнопка Warp Text (Деформация текста) - инструмент предлагающий 15 вариантов его искажений (рис. 5.4).

109

искривления

текста,

Рис. 5.4. Пример деформации текста дугой Пользоваться инструментом Warp Text (Деформация текста) достаточно просто: наберите текст, затем нажмите на кнопку для вызова окна диалога Warp Text (Деформация текста) и установите в нем атрибут Style (Стиль) - стиль искривления текста. Все стили деформации текста поддаются настройке с помощью трех ползунков: Bend (Изгиб) Horizontal Distortion (Горизонтальное искривление) Vertical Distort (Вертикальное искривление)

110

настраивает степень закругления текста; искажение текста в горизонтальном направлении; искажение текста в вертикальном направлении.

Если при наборе текста вы на Панели свойств нажмете на кнопку Show the Character

and Paragraph Palettes (Включить палитры) , то осуществляется вызов двух палитр - Character (Символ) и Paragraph (Абзац), предназначенных для форматирования текста (рис. 5.5).

Рис. 5.5. Палитра Символ/Абзац Точно такие палитры имеются во многих издательских пакетах (Page Maker, InDesign), поскольку они существенно расширяют возможности пользователя в работе с текстом, дополняя панель свойств новыми возможностями.

Примеры шрифтовых работ в программе Adobe Photoshop Изучив теоретические представления о шрифте и тексте, давайте рассмотрим несколько примеров работы со шрифтом и текстом в программе Adobe Photoshop.

Пример 5.1. Создание текста с тенью Выполните команду File (Файл) | New (Создать) и установите размер "холста" для работы 800 на 600 пикселей (рис. 5.6). Остальные параметры этого окна оставьте без изменений (с настройками по умолчанию).

111

Рис. 5.6. Задаем параметры рабочего листа Активируйте на панели инструментов инструмент Horizontal Type Tool (Горизонтальный текст) и наберите любой текст, выбрав его параметры на панели свойств этого инструмента. Мы использовали гарнитуру Arial Black, кегль 72 pt, цвет шрифта - черный. Выделите весь текст Волшебной палочкой, а затем нажмите на клавиатуре 5 раз клавишу "стрелка вверх" и 5 раз клавишу "стрелка вправо" - этим вы произведете перемещение текста на 5 пикселей влево и на 5 пикселей вверх (рис. 5.7).

Рис. 5.7. Иллюстрация момента смещения текста вверх и вправо Выберите основной цвет - оранжевый и кистью произведите закрашивание выделения. Работу над примером завершите командой Select (Выделение) | Deselect (Отменить выделение) - рис. 5.8.

Рис. 5.8. Текст с тенью создан

112

Пример 5.2. Создание эффекта 3D текста В этом примере вы познакомитесь с использованием инструмента Create a mask or selection (Создать текст-маску) для создания эффекта тиснения, то есть выдавленных (объемных) букв. 1. Создайте заготовку нового изображения, выбрав команду File (Файл) | New (Новый). Так мы создали новое изображение (документ) с белым цветом фона. 2. Выберите в панели инструментов инструмент Horizontal Type Mask Tool (Горизонтальный текст-маска). Затем напечатайте любую надпись. Пусть это, например, будет слово ARIAL BLACK. 3. Превратите текстовую маску в выделение. Для этого щелкните мышью на любом из инструментов в палитре инструментов (кроме инструмента Текст) - рис. 5.9.

Рис. 5.9. Шрифт превращен в выделение Чтобы вы могли применить эффекты слоя, выполните команду Layer (Слой) | New (Новый) | Layer via copy (Скопировать на новый слой) или нажмите комбинацию клавиш CTRL+J. Смысл этой команды в создании нового слоя Layer 1, который становится активным. Примечание Пункт 4 можно выполнить другим способом - с помощью копирования содержимого выделенной области (Ctrl+C) с последующей вклейкой (Ctrl+V). 4. После выполнения указанной выше команды выделенный текст исчезнет. Не пугайтесь - все правильно! Теперь мы можем применить эффекты слоя. 5. Выполните команду Layer (Слой) | Layer Style (Стиль слоя) | Bevel and Emboss (Тиснение) - откроется окно диалога Layer Style (Стиль слоя) с установленным в нем флажком Bevel and Emboss (Тиснение) - рис. 5.10.

113

Рис. 5.10. Окно диалога Layer Style (Стиль слоя) В этом окне в поле Blending Options: Default (Параметры наложения: по умолчанию) имеются следующие флажки: Drop Shadow Inner Shadow Outher Glow Inner Glow Contour Texture Satin Color Overlay Gradient Overlay Pattern Overlay Stroke

тень; внутренняя тень; внешнее свечение; внутреннее свечение; контур; текстура; глянец; наложение цвета; наложение градиента; перекрытие узора; обводка.

Параметры тиснения здесь задаются двумя полями. В поле Structure (Структура) можно настроить Style (Стиль), Technique (Метод), Deph (Глубину), Direction (Направление), Size (Размер) и Soften (Смягчение) тиснения. В поле Shading (Затененность) настраиваются такие параметры, как Angle (Угол), Altitude (Высота), Gloss Contour (Контур глянца), Highlight Mode (Режим подсветки), Opasity (Непрозрачность), Shadow mode (Режим тени), Use Global Light (Глобальное освещение) и Anti-aliased (Сглаживание). Меняя настройки тиснения вы сможете получать различные параметры рельефа и объема вашего текста, например, как на рис. 5.11. 114

Рис. 5.11. Эффект выдавленных букв получен (вариант) Примечание Используя инструмент Horizontal Type Mask Tool (Горизонтальный текст-маска) можно легко и быстро создавать шрифт, вырезанный из изображения. Пример такого шрифта и изображения, из которого он вырезан приведены на рис. 5.12 и рис. 5.13.

Рис. 5.12. Шрифт на основе изображения - текстуры

Рис. 5.13. Изображение (текстура) для вырезания из него шрифта

Пример 5.3. Рисуем печать-экслибрис В этом примере мы изучим на практике несколько новых инструментов для работы с текстом в Adobe Photoshop и создадим печать (штамп), который вы можете использовать, например, для своих личных книг. Откроем изображение или документ, на котором мы хотим поставить штамп (рис. 5.14).

115

Рис. 5.14. Исходное изображение

Выбираем на панели инструментов инструмент Custom Shape Tool (Обычные формы), а на панели атрибутов (свойств) этого инструмента находим форму данного инструмента в виде окружности. Нажмите на кнопку Starbust Color Target (Корзина цветов) и проконтролируйте, чтобы в палитре стилей был выбран Default Style (Стиль по умолчанию), а затем задайте желаемый цвет для вашего штампа. Параметры нашего круга приведены на рис. 5.15.

Рис. 5.15. Окно выбора цвета и стиля

116

Удерживая клавишу Shift, рисуем круг. Далее дублируем его, нажав комбинацию клавиш , что соответствует команде Layer via Copy (Создание слоя копированием) и выполняем сочетание клавиш , что соответствует выполнению команды Free Transform (Свободная трансформация), затем уменьшаем второй (внутренний) круг, удерживая клавишу Alt и потянув за угловой маркер (смещая его к центру) - рис. 5.16. После нажатия на клавишу Enter маркеры исчезнут.

Рис. 5.16. Момент создания внутреннего круга

На Палитре инструментов выбираем инструмент Path Selection Tool (Выделение контура) и указываем им наш внутренний (маленький) круг, обозначив тем самым маршрут для дальнейшего нанесения на печать текста. Активируем инструмент Horizontal Type Tool (Горизонтальный текст) и щелкаем мышкой на внутреннем круге. Теперь пишем текст. Получается то, что в векторных программах называется "Текст по кривой". Однако, желательно этот текст оторвать от внутреннего круга, поэтому снова выбираем

Path Selection Tool 117

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

Рис. 5.17. Теперь текст оторван от внутреннего круга печати Теперь мы чуть-чуть усложним наш экслибрис (печать, штамп). Для этого на Панели атрибутов инструмента Custom Shape Tool (Обычные формы) выберем инструмент Line Shape Tool (Линия) и устанановим параметр Wight (Ширина) равным 4 пиксела. На внутреннем круге проводим две параллельные линии, а между ними пишем текст. В своем примере я сделал надпись К.П.Н. (кандидат педагогических наук с написав этот текст вне печати, а затем переместить его инструментом Move Tool (Перемещение) и повернув его как надо инструментом Free Transform (Свободная трансформация) - рис. 5.18.

118

Рис. 5.18. Текст написан и повернут В принципе, это все. Пример закончен (рис. 5.19).

Рис. 5.19. Личная печать-экслибрис готова Палитра слоев при этом будет выглядеть примерно так (рис. 5.20):

119

Рис. 5.20. Вид палитры Слои (Вариант) Чтобы печать выглядела более естественно - можно еще над ней потрудиться. Но это уже для вашей самостоятельной работы. Удачи!

Пример 5.4. Панорама В Photoshop CS5, есть средство автоматизации панорам. Средство это основано на инструменте Auto-Align Layers (Авто выравнивание слоев), в котором программа может анализировать края изображений для того, чтобы выровнять слои и создавать бесшовные соединения из нескольких разных кадров. На рис. 5.21 показано три исходных изображения, которые мы "склеим", хотя таких изображений может быть гораздо больше.

120

Рис. 5.21. Исходные снимки для панорамы Сборка и склейка фотоизображений выполняется командой File (Файл) | Automate (Автоматизация) | Photomerge (Объединение фото). Выполните команду и кнопкой Browse (Обзор) загрузите исходные изображения (рис. 5.22).

121

Рис. 5.22. Окно Photomerge (Объединение фото) В этом окне команда Auto-Blend Layers (Автоматическое смешение слоев) позволяет выявить самый гладкий способ совместить несколько изображений в одно. Она создает Маску слоя, для бесшовной интеграции изображений, которую вы потом сможете изменять. Для выполнения этой команды нужно в поле Layout (Порядок) установить переключатель Auto (Автоматически), а также активировать флажок Advanced Blending (Расширенное смешение) - тогда панорама будет создана автоматически. Если склейку доверить самой программе, т.е. установить переключатель Auto (Автоматически), то результат будет таким (рис. 5.23).

Рис. 5.23. Склейка трех изображений в режиме Auto (Автоматически) Для достижения наилучшего результата можно попробовать остальные варианты работы, результат будет примерно таким (рис. 5.24).

122

Рис. 5.24. Бесшовная склейка трех изображений вместе произведена Примечание Справедливости ради следует заметить, что не только Photoshop может делать панорамы. Для этого существует ряд специализированных программ, например, Panorama Factory (http://www.panoramafactory.com/).

Знакомимся с фильтрами Большинство современных графических программ поддерживает возможность применения фильтров, разработанных третьими фирмами под стандарт Adobe Photoshop. Эти подключаемые к Photoshop модули (фильтры) других фирм называются подключаемыми (plug-ins). Их использование расширяет функциональные возможности базовой программы.

Классификация фильтров в Adobe Photoshop CS5 Фильтры представляют собой небольшие программы, выполняющие заранее установленную последовательность команд. Они автоматически вычисляют значения и характеристики каждого пикселя изображения и затем модифицируют их в соответствии с новыми значениями по определенному алгоритму. Например, при применении к изображению фильтра Размывка движением (Motion Blur) идет анализ значений всех входящих в изображение пикселей и сдвиг этих значений в определенном направлении для создания иллюзии размытия изображения в результате его движения. Большинство фильтров (filters или plug-ins) предназначено для создания специальных эффектов, например, имитации мозаики или живописного стиля "поинтилизм" (рисование точками), а с помощью трехмерных фильтров двухмерные графические программы способны трансформировать плоское двухмерное изображение в объемное. Группа художественных эффектов позволяет за считанные минуты превратить обычную фотографию в произведение живописи. При этом вы можете имитировать самые разнообразные виды живописи (масло, акварель и т. п.) и стили работы различных художников. В Adobe Photoshop все фильтры подразделяются на условные группы: Texture (Текстура) добавляют в изображение текстурную основу; используются для придания изображению художественных Artistic (Художественные) эффектов с целью стилизации изображения под стили работы различных художников; имитируют работу различных реальных инструментов художника; Pixelate (Пикселизация) выполняют геометрическое искажение изображений и используются Distort 123

для создания трехмерных и других эффектов искажения изображения; добавляют или удаляют пиксели со случайными цветовыми Noise (Шум) значениями и особым образом смягчают изображение в выделенной области. Вы можете использовать фильтры группы Noise (Шум) для исправления таких дефектов изображения, как пыль и царапины; преобразуют выделенную область в различные виды нерезких Blur (Размытие) разрытий и может быть использован, например, после применения рисующих инструментов, чтобы сделать внесенные в изображение изменения не столь очевидными; генерируют мягкий узор с помощью случайных величин. Это Render фильтры Clouds (Облака), Difference Clouds (Облака с (Освещение) наложением), Lens Flare (Блик), Lighting Effects (Эффекты освещения), Texture Fill (Текстурный фон); Sharpen (Резкость) повышают четкость изображений за счет усиления контраста между соседними пикселями; служат для создания различных художественных эффектов в Sketch (Эскиз) изображении. Например, для снимка кошки (рис. 5.25) была применена команда Фильтр | Эскиз | Уголь (рис. 5.26). (Деформация)

Рис. 5.25. Исходное изображение

124

Рис. 5.26. Исходное изображение, стилизованное под рисунок углем создают ярко выраженные стилистические эффекты за счет смещения Stylize (Стилизация) пикселейв и повышения контраста в изображении; Video (Видео) включают такие фильтры, как Color NTSC (National Television Standards Committee) и De-Interlace (Построчная развертка), которые характерны при работе с видеоизображениями и смягчают движущиеся изображения путем удаления из чересстрочного видеокадра четных или нечетных строк.

Математические алгоритмы применения фильтров к изображению В компьютерной графике цифровое изображение представляет собой набор чисел и, меняя эти числа определенным образом, можно прийти к удивительным и полезным спецэффектам. Автор ограничен рамками книги и не имеет возможности показать идеологию работы всех фильтров Photoshop. Поэтому, для иллюстрации сказанного, ограничимся рассмотрением алгоритмов (принципов) работы только двух фильтров: 



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

125

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

Рис. 5.27. Условная матрица чисел 3x3 Итак, предположим, что в центре этой матрицы находится пиксель, который будет преобразован фильтром. Тогда его новое значение будет выстроено в соответствии с его цветом и цветом окружающих его восьми пикселей, который подвергаются фильтрации (умножению и сложению) их цветовых значений. Поскольку фильтрация происходит для каждого пикселя оригинального изображения, то процесс преобразования оригинального изображения фильтром требует времени и значительных ресурсов ПК. Для фильтра Blur (Размытие) каждый из коэффициентов фильтрации меньше 1, а их сумма составляет 1. Это означает, что каждый пиксель поглощает что-то из цветов соседей, но полная яркость изображения остается неизменной (если сумма коэффициентов больше 1, яркость увеличится; если меньше 1, яркость уменьшится). При подготовке к размыванию цифровое изображение считывается в память компьютера в виде красного, зеленого и синего компонентов цвета каждого пикселя. Ядро размывания размером 3x3 применяется к красному, зеленому и синему компонентам цвета каждого пикселя изображения. Значение цвета пикселя, который, находится в центре матрицы, вычисляется умножением соответствующего весового коэффициента на соответствующее ему значения цвета в изображении с последующим суммированием результатов. Итоговое изображение получается размытым по сравнению с оригиналом потому, что цвет каждого пикселя выравнивался (усреднялся) благодаря влиянию соседей. Степень размывания можно увеличить разными способами, например, изменением размера ядра установкой параметра Радиус (Radius) размытия - рис. 5.28.

126

Рис. 5.28. Размытие по Гауссу изменением радиуса ядра матрицы Для фильтра Sharpen (Резкость) центральный коэффициент больше 1, а окружающие его значения являются отрицательными числами, сумма которых на единицу меньше центрального коэффициента. Таким образом, достигается увеличение существующего контраста между цветом пикселя и цветами его соседей. В этом случае при преобразовании изображения меняется четкость изображения: она не уменьшается, как при размытии, а наоборот - увеличивается. При обработке каждого пикселя в изображении с помощью фильтра Sharpen (Резкость) также используется ядро резкости размером 3x3. Красная, зеленая и синяя цветовые составляющие обрабатываются отдельно и позже объединяются, чтобы сформировать 24-битное значение цвета. Отрицательные коэффициенты вокруг центра ядра увеличивают контраст между центральным пикселем и соседями. Зону резкости изображения можно менять разными способами, например, изменением размера ядра посредством перемены параметра Радиус (Radius) - рис. 5.29.

127

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

Пример 5.5. Применение фильтров к тексту В этом примере в результате применения фильтров к тексту мы получим контурные буквы с оригинальным размытием.

128

Для выполнения данного примера в программе Adobe Photoshop командой File (Файл) | New (Новый) создайте лист RGB c белым фоном. Инструментом Горизонтальный текст напишите какой-нибудь текст, например, слоган (рекламный лозунг). Мы использовали в этом примере гарнитуру Arial Black, кегль 72 pt и написали черным цветом текст ЗНАНИЕ-СИЛА! Чтобы работа с фильтрами стала доступна переключитесь с инструмента текст на любой другой инструмент (не текст). Теперь выполните команду Filter (Фильтр) | Stylize (Стилизация) | Find Edges (Выделение краев). Далее Photoshop выбросит окно, в котором предложит растрировать текстовый слой нажатием на кнопку ОК согласитесь (рис. 5.30). Без растрирования текста использовать для него фильтры невозможно.

Рис. 5.30. Окно-предупреждение Photoshop Далее выполните команду Select (Выделение) | Color Range (Цветовой диапазон) и пипеткой выберите белый фон рядом с вашим текстом на экране ПК (ОК) - рис. 5.31. После нажатия в этом окне на кнопку ОК произойдет выделение (маскирование) текста.

129

Рис. 5.31. Результат выполнения команды Color Range (Цветовой диапазон) Далее проделайте команду Select (Выделение) | Inverse (Инверсия) и комбинацией клавиш скопируйте выделенный текст в буфер памяти ПК. Создайте новый слой командой Layer (Слой) | New (Новый) | Layer (Слой) - рис. 5.32, а затем вставьте текст из буфера в этот новый слой командой Edit (Правка) | Paste (Вставить) или стандартной комбинацией клавиш .

Рис. 5.32. Окно создания нового слоя для текста Теперь на палитре слоев (рис. 5.33) вернитесь к предыдущему текстовому слою и выполните размытие изображения текста командой Filter (Фильтр) | Blur (Размытие) | Gaussian Blur (размытие по Гауссу) со значением параметра примерно 3,0.

130

Рис. 5.33. Палитра Слои Создаваемый нами эффект усилится, если сдвинуть верхний слой текста относительно нижнего инструментом Move Tool (Перемещение) - рис. 5.34.

Рис. 5.34. Результат выполнения примера

131

6. Лекция: Подключаемые фильтры Фильтры к Photoshop по умолчанию находятся по маршруту C:\Program Files\Adobe\Adobe Photoshop CS3\Plug-Ins\Filters. После копирования подключаемых фильтров по этому маршруту в меню Filter (Фильтры) вы увидите новые, только что установленные фильтры для обработки изображений. Хорошо зарекомендовали себя такие проверенные временем наборы фильтров как Kai's Photo Tools и Eye Candy. Описание всех фильтров заняло бы слишком много места, поэтому мы остановимся лишь на наиболее популярных из них.

Содержание            

Kai's Photo Tools KPT Equalizer KPT Gel KPT Goo KPT Lens Flare KPT Materializer KPT Projector KPT Reaction KPT Sky Effects KPT Turbulence Eye Candy Пример 6.1. Изучаем фильтр Vanishing Point (Исправление перспективы)

Kai's Photo Tools Набор Kai's Photo Tools (КРТ) предоставляет в наше распоряжение десять оригинальных фильтров для обработки декоративной изображений. Сайт производителя фильтров расположен в Сети по адресу www.metacreations.com.

KPT Equalizer Фильтр Equalizer (Эквалайзер) управляет резкостью и контрастностью изображения (рис. 6.1). С помощью него можно усилить резкость изображения, убрать шум, получить эффект свечения краев. Фильтр довольно сложен в его настройке, но основная идея такова: каждый из девяти настроечных ползунков эквалайзера увеличивает или уменьшает яркость отдельной группы пикселей.

132

Рис. 6.1. Пример настройки фильтра KPT Equalizer

KPT Gel Фильтр позволяет покрывать все изображение или отдельные его части различными жидкими гелями, вплоть до фрактальных (рис. 6.2). Вы можете управлять цветом, прозрачностью, смешиванием и освещением геля, что иногда дает интересные художественные эффекты.

Рис. 6.2. Один из двух наборов гелей фильтра KPT Gel 133

KPT Goo Этот шаржевый фильтр, позволяющий вам создавать анимированные первоапрельские шутки (рис. 6.3).

Рис. 6.3. Пример шаржа фотомодели Однако вы можете выполнить не только статичный, но и динамичный шарж, поскольку фильтр Goo создает на основе исходного статичного изображения видеофайл в формате AVI. С помощью инструментов фильтра фотографию и отдельные ее элементы можно скручивать, растягивать, увеличивать их или уменьшать в размерах. После каждого такого действия необходимо щелкнуть на пустом месте в окне Animation (Анимация), и тем самым создать анимационный кадр. Просмотреть готовое видео можно с помощью кнопки Preview (Предварительный просмотр). Для того чтобы сохранить результат на диске, щелкните на кнопке Output (Выход) - откроется диалоговое окно Make Movie (Создание видео) - рис. 6.4.

134

Рис. 6.4. Окно Make Movie (Создание видео) Щелкнув на стрелке рядом с полем Settings (Установки), можно выбрать алгоритм сжатия видео. Поле File Location (Размещение файла) позволяет выбрать папку, в которой будет сохранен результат обработки изображения. Ползунок Size (Размер) управляет размером видео. Нажав на круг с галочкой (аналог кнопки 0К), можете сохранить результат на диск.

KPT Lens Flare Фильтр содержит большой набор настроек для управления бликами. Вы можете настроить цвет, интенсивность и размер блика, а окно Reflection (Отражение) изменяет тип линзы, с помощью которой создается блик (рис. 6.5).

Рис. 6.5. Пример использования фильтра KPT Lens Flare

KPT Materializer Фильтр служит для имитации пластиковых и металлических текстур (рис. 6.6).

135

Рис. 6.6. Пример применения фильтра KPT Materializer к изображению Практически он может быть полезен, например, для создания фонов. Окно Materiale (Материал) управляет свойствами материала, окно 3-D Lighting (3D Освещение) определяет его освещение, a окно Texture (Текстура) изменяет настройки текстуры изображения.

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

136

Рис. 6.7. Окно настроек фильтра KPT Projector

KPT Reaction Фильтр Reaction содержит большой набор текстурным масок, меняющих фактуру исходного изображения (рис. 6.8).

137

Рис. 6.8. Пример воздействия на пейзаж фильтра KPT Reaction

KPT Sky Effects Это своеобразный генератор ландшафтов. Вы можете имитировать пустыню или синее небо с радугой (рис. 6.9).

138

Рис. 6.9. Создаем ландшафт с радугой Фильтр довольно сложен в управлении. В верхней части слева находится окно просмотра итогового изображения. С помощью изображений фотоаппаратов в нижней части этого окна можно управлять углом наклона и обзора ландшафта. Кнопки Sky (Небо) и Ground (Земля) изменяют цвет неба и земли, ползунок Rainbow (Радуга) - степень интенсивности радуги. Окна Sun (Солнце) и Moon (Луна) предназначены для редактирования положения солнца и луны относительно смотрящего. Нижняя часть окна Sky Effects полностью посвящена настройке облаков и тумана (их плотности, размерам, формам и так далее).

KPT Turbulence Этот фильтр предназначен для создания художественных анимационных искажений изображений. После подбора параметров ряби изображения задайте длительность анимации, нажмите на кнопку Output (Выход) и ваш фильм готов! (рис. 6.10).

139

Рис. 6.10. Пример нескольких кадров анимации изображения чайки

Eye Candy Пакет фильтров Eye Candy был выпущен фирмой Alien Skin Software и включает в себя 22 фильтра для работы с изображениями и создания различных эффектов. Адрес производителя - http://www.alienskin.com. Фильтр Antimatter (Антиматерия) производит инверсию яркости изображения, но в отличие от аналогичного в Photoshop фильтра Invert (Инверсия), он не затрагивает уровни цветового тона и насыщенности, оставляя их неизменными (рис. 6.11). В другом переводе название этого фильтра звучит как "Антивещество".

Рис. 6.11. Фильтр Antimatter (Антиматерия) 140

Фильтр Chrome (Хромирование) позволяет создать эффект металла для имитации хромированных и других металлических поверхностей. Пример металлической рамки, созданной этим фильтром, показан на рис. 6.12.

Рис. 6.12. Металлическая рамка, созданная фильтром Chrome (Хромирование) Фильтр Fire (Пламя) позволяет создать натуралистичный эффект пламени, которым полыхает выбранная вами область изображения. Иначе говоря, здесь, как и в остальных фильтрах, перед применением к изображению фильтра следует выделить область, на которую будет действовать фильтр (рис. 6.13). По умолчанию Fire создает огонь с использованием желтого, оранжевого и красного цветов. Если же вы хотите сделать, например, синее пламя газовой горелки, то перейдите на вкладку Color (Цвет) и снимите флажок с поля Natural Spectrum (Естественный спектр).

141

Рис. 6.13. Окно настройки фильтра Fire (Пламя) Не надо думать, что подобный фильтр - это чистая математика. Он может иметь и эффектное практическое применение в дизайне, как, например, на рис. 6.14.

142

Рис. 6.14. Пример использования фильтра Fire (Пламя) для текста Фильтр Fur (Мех) позволяет разместить на изображении случайно расположенные клочья меха. Форма этих пучков меха и расстояния между ними задаются при помощи элементов настройки окна данного фильтра (рис. 6.15). Помимо имитации ворсистых поверхностен, с помощью этого фильтра можно создать морозные узоры на стекле.

143

Рис. 6.15. Окно настройки фильтра Fur (Мех) Фильтр Glass (Стекло) позволяет наложить на выделенную область или на все изображение слой цветного стекла, имеющего ровные, с аккуратной фаской края. Эффект стеклянной поверхности достигается в фильтре путем имитации трех физических явлений: рефракции, фильтрации света и зеркального отражения. Все эти параметры можно менять ползунками настройки фильтра (рис. 6.16).

144

Рис. 6.16. Окно настройки фильтра Glass (Стекло) Фильтр HSB Noise (Шум HSB) позволяет добавлять к выбранной области шум, изменяя цветовой тон, насыщенность, яркость и степень прозрачности области выбора. Этот фильтр работает только в режиме RGB (рис. 6.17).

145

Рис. 6.17. Пример применения фильтра HSB Noise (Шум HSB) к изображению Фильтр Jiggle (Встряска) производит тип искажения, основанный на помещении в изображение случайно расположенных дефектов. Выделенная область может выглядеть кипящей, сделанной из желе или в виде осколков стекла (рис. 6.18).

Рис. 6.18. Пример применения фильтра Jiggle (Встряска) к выделению Фильтр Bevel Boss (Скошенный барельеф) позволяет придать области выбора вид барельефа или создать впечатление, что она приподнята над остальным изображением. 146

Эффект фаски достигается за счет добавления светов и теней (рис. 6.19). Фильтр можно применять, например, в веб-дизайне для создания объемных кнопок.

Рис. 6.19. Применение к выделению фильтра Bevel Boss (Наружная фаска) Фильтр Smoke (Дым) позволяет создавать разнообразные эффекты клубов дыма в заданной вами области изображения. Для работы фильтра необходимо предварительно выбрать область воздействия эффекта ее выделением (рис. 6.20).

Рис. 6.20. Пример фильтра Smoke (Дым) или "Старик Хотабыч колдует" Интерфейс фильтра Swirl (Воронка) приведен на рис. 6.21. Фильтр позволяет разместить на изображении случайно разбросанные водяные воронки (водовороты). Форма этих водяных воронок и расстояния между ними являются настраиваемыми. 147

Рис. 6.21. Интерфейс фильтра Swirl (Воронка) Фильтр Water Drops (Капли воды) производит случайное размещение капель воды в пределах области изображения, указанной пользователем посредством ее выделения. Иллюзия капель воды достигается посредством трех настраиваемых ползунков: рефракции, фильтрации света и зеркального отражения (рис. 6.22).

Рис. 6.22. Фильтр Water Drops (Капли воды) Фильтр Weave (Ткань) придает области выделения фактуру ткани. Можно выбирать ширину и цвет полос и зазоров, к полосам ткани можно добавлять текстуры (рис. 6.23).

148

Рис. 6.23. Фильтр Weave (Ткань) Фильтр Marble (Мрамор) - инструмент для создания мраморных фоновых текстур (рис. 6.24).

Рис. 6.24. Имитация мрамора посредством фильтра Marble (Мрамор) Фильтр Melt (Плавка) представляет собой генератор подтеков и растеканий, стилизующий изображение под его размытие дождем. Дает неплохие эффекты при 149

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

Рис. 6.25. Изменение портрета фильтром Melt (Плавка) Фильтр Star (Звезда) рисует поверх изображения настраиваемую звездочку. Передвигая ползунки, можно менять местоположение звезды, ее размер, цвет, количество лучей и прозрачность (рис. 6.26).

Рис. 6.26. Иногда фильтр Star бывает просто необходим Как нетрудно догадаться, с помощью фильтра Wood (Дерево) можно получить деревянную текстуру, похожую на настоящую древесину. Wood - прекрасный инструмент для создания древесных текстур (рис. 6.27).

150

Рис. 6.27. Интерфейс фильтра Wood (Дерево) Итак, мы вкратце рассмотрели творческие инструменты, именуемые как фильтры. Какие из них вам использовать, а какие - нет, решайте сами. Поле для экспериментов здесь безгранично.

Пример 6.1. перспективы)

Изучаем

фильтр

Vanishing

Point

(Исправление

Рассмотрим довольно сложный, но интересный фильтр в Photoshop CS, называемый Vanishing Point (Исправление перспективы). В своей первой версии это был вариант клонирующего штампа с возможностью автоматической трансформации клонируемого изображения. Теперь этой умный, учитывающий эффект перспективы инструмент стал еще более нужным для дизайнеров. Можно изменять углы планов, вставлять текстуры и наблюдать, как они изгибаются в проекциях. Проиллюстрируем работу обновленного фильтра на примере. На рис. 6.28 показано исходное изображение для нашей работы.

Рис. 6.28. Оригинальное изображение для выполнения примера

151

Добавим с помощью фильтра еще одно окно в это изображение и сделаем это с учетом перспективы. Для этого выполним команду Filter (Фильтр) | Vanishing Point (Исправление перспективы). В появившемся окне фильтра выберите инструмент Create Plane Tool (Создать плоскость) и очертите им копируемую область как показано на рис. 6.29.

Рис. 6.29. Область клонирования выбрана Теперь активируйте инструмент Stamp Tool (Штамп), удерживая Alt, щелкните им по выбранной области, а затем начните рисовать на белой стене справа. Новое окно появиться в этом месте с учетом тональности изображения и перспективы (рис. 6.30). Окно не просто механически откопируется фильтром, а откопируется умно, с учетом его перспективных искажений.

152

Рис. 6.30. Пример перспективного клонирования выполнен

153

7. Лекция: Photoshop и веб-дизайн Adobe Photoshop не только признанный лидер среди растровых редакторов для редактирования компьютерной живописи и фото, но также одна из лучших программ для создания и обработки иллюстраций для Сети.

Содержание     

 

Цветовое кодирование для Интернет. Шестнадцатеричные веб-цвета Пример 7.1. Перевод RGB цветов в шестнадцатеричную систему счисления (HEX) Преобразование изображения в режим Indexed Color o Сжатые форматы графический файлов (GIF, JPEG, PNG) Оптимизация изображения для Сети в программе Adobe Photoshop Деление изображения на ломтики o Разрезание изображений на фрагменты o Организация гиперссылок o Оптимизация ломтиков o Карта ссылок Что такое GIF - анимация? Пример 7.2. Создание анимации для Интернет o Шаг 1. Подготовка изображений для анимации o Шаг 2. Создаем многослойное изображение o Шаг 3. Анимируем изображения o Шаг 4 - Создание переходов между кадрами o Шаг 5 - Оптимизация и сохранение анимации

Разработчики из Adobe с каждой новой версией вводят в программу все большие возможности, ориентированные на Web-дизайнеров. Это, например, такие возможности Adobe Photoshop, как:  

   

фильтры экспорта в основные графические форматы (GIF, JPEG, PNG) для World Wide Web; специальная (безопасная) палитра цветов, обеспечивающая их одинаковую передачу на компьютерах разных платформ, то есть с разными операционными систем, браузерами и техническими (аппаратными) возможностями; возможность оптимизации изображений для их размещения в Интернет; карты ссылок (image map); ролловеры; другие возможности.

Примечание На английском языке интерактивные элементы дизайна web страниц, сочетающие использование графики и скриптов, называются rollovers (roll over = перекатываться, переворачиваться). Ролловер представляет собой несколько (до четырех) изображений, связанных с определенными событиями. При возникновении вышеперечисленных событий браузер заменяет одно из этих изображений другим. С каждым событием ассоциируется одно изображение. Обработкой этих событий, их регистрацией и загрузкой изображений занимается сценарий JavaScript. Простейший пример ролловера - кнопка, меняющая свой цвет в зависимости от того, нажата она или отжата. 154

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

Цветовое кодирование для Интернет. Шестнадцатеричные веб-цвета Мы уже знаем, что монитор для отображения цветов на экране компьютера использует цветовую модель RGB (Red, Green, Blue, т.е. Красный, Зеленый, Синий). Для Интернет отображаемые браузером цвета кодируются с помощью HTML тегов в шестнадцатеричной системе счисления. В системе координат RGB черный цвет представляется последовательностью 000, 000, 000, а белый - 255, 255, 255. Шестнадцатеричные цвета представляют собой наборы из трех двузначных шестнадцатеричных чисел. Каждое отдельное число соответствует значениям R, G и В, общее количество символов в наборе равно шести. Например, 000000 соответствует черному. Другое крайнее значение - FFFFFF, т. е. максимальная интенсивность всех трех цветов соответствует белому цвету. Итак, в веб-дизайне цвет задается в шестнадцатеричной системе счисления шестью цифрами (от 0 до F). Первые две цифры - красный цвет, следующие две цифры - зеленый цвет, а последние две цифры - синий цвет.

Пример 7.1. Перевод RGB цветов в шестнадцатеричную систему счисления (HEX) Один и тот же цвет может показываться в разных браузерах по-своему. Это связано со способом отображения графики, когда браузер работает со свой собственной палитрой и не может показать цвет, который у него в палитре отсутствует. В этом случае цвет заменяется сочетанием пикселей других, близких к нему, цветов, имитирующих заданный. Для того, чтобы представляемые цвета были корректно отображены у всех пользователей ПК разработана специальная Безопасная сетевая палитра цветов (Websafe Palette), содержащая 256 цветов. Использование изображений в этой палитре цветов гарантирует одинаковый показ цветов изображения на любых ПК. Иначе говоря, изображения для показа в Интернет, в идеале (теоретически), должны соответствовать этой палитре. Тогда цвета будут восприниматься другими пользователями точно так же, как видите их вы. Новый термин Веб-цветами называются такие цвета, когда для каждой составляющей RGB устанавливается одно из шести значений HEX. Общее количество цветов из всех возможных сочетаний дает палитру веб-цветов. Эта палитра идентична (синоним) палитре безопасных (индексированных) цветов. Пример веб-цвета - #35СС68. Предположим, что на изображении имеется оттенок зеленого цвета, определяемый в цветовой модели RGB числами 0, 255, 133. Переведем это число в шестнадцатеричную систему счисления, используемую для кодирования цветов в Интернет. Для пересчета из цветовой модели RGB (DEC) в цветовую систему Index Color (HEX) удобно использовать калькулятор Windows в инженерном режиме. В результате вычислений получим следующие числа: RGB 0 DEC = 00 HEX, RGB 255 DEC = FF HEX, 155

RGB133 DEC = 85 HEX, где DEC и HEX - обозначение десятичной и шестнадцатеричной систем счисления чисел. Итак, RGB 0, 255, 133 DEC = HEX 00, FF, 85 = #00FF85.

Преобразование изображения в режим Indexed Color Практически для того, чтобы перевести ваше графическое изображение в программе Adobe Photoshop в палитру безопасных цветов (в режим Indexed Color), нужно выполнить следующую последовательность действий: Откройте любое изображение в программе Adobe Photoshop и командой Image (Изображение) | Mode (Режим) убедитесь, что изображение находится в режиме RGB. Выполните команду Image (Изображение) | Mode (Режим) | Indexed Color (Индексированные цвета) - рис. 7.1. Примечание При преобразовании многослойного изображения в режим Indexed Color все слои будут объединены командой Flatten Image.

Рис. 7.1. Окно Indexed Color Далее выберите один из следующих пунктов в списке Palette (Палитра): если изображение содержит 256 или меньше цветов. При этом ни один цвет оригинала не будет удален; System Mac OS если собираетесь экспортировать файл в приложение, которое (Системная Mac OS) воспринимает только палитру Макентош, установленную по умолчанию; System Windows если собираетесь экспортировать изображение в приложения на платформе Windows; (Системная Windows) если намереваетесь загружать файл в Сеть. Эта опция ограничивает Web (Сетевая) набор цветов изображения тем множеством, которое доступно в Exact (Точная)

156

большинстве Web-браузеров; чтобы создать таблицу цветов, равномерно распределенных по Uniform спектру. При этом не учитываются преобладающие цвета (Равномерная) изображения; Local (Локальная) выбирается так, чтобы создать таблицу цветов на основе только тех цветов, которые входят в изображение или в зависимости от того, какие цвета желательно сохранить при преобразовании изображения в режим Indexed Color; использует специальную таблицу цветов, созданную заранее на Master основе группы изображений; (Специальная) Custom (По выбору чтобы создать собственную палитру. При желании отредактируйте таблицу цветов и щелкните на кнопке ОК; пользователя) чтобы использовать палитру, применявшуюся в предыдущем Previous преобразовании, если оно выполнялось. (Предыдущая) Из этих вариантов мы остановимся на палитре Web (Сетевая). Тем не менее, когда из миллионов цветов делаешь сотни, то, как видно из иллюстрации (рис. 7.2) потери качества не избежать. Качество исходного изображения при его индексировании заметно ухудшилось.

Рис. 7.2. Исходное изображение (слева) и изображение, после преобразования его цветов в Web Palette (справа) Несколько улучшить изображение в безопасной палитре цветов можно, если в списке Dither (Дизеринг) выбрать подходящий вариант дизеринга, то есть попробовать все способы размытия изображения: Diffusion (Диффузия), Pattern (Текстура), Noise (Шум) и выбрать наилучший. Новый термин

157

Дизеринг (Размытие) это перемешивание двух цветов из палитры для имитации третьего. Данный метод используется, когда необходимо, чтобы изображение с ограниченным количеством цветов (256 или менее) содержало большее количество оттенков. Обычно он применяется к изображениям с плавным переходом цветов, чтобы увеличить диапазон используемых оттенков, но в жизни ничего не дается даром, и поэтому после применения данного метода изображение может покрыться точками. Примечание Актуальность перевода изображений в безопасную палитру цветов была высока на заре Интернет. Сегодня подобная задача не является первостепенной, так как сегодня вы практически не найдете в Интернет пользователя, который работает на мониторе, показывающем не более 256 цветов.

Сжатые форматы графический файлов (GIF, JPEG, PNG) Популярный в Сети формат GIF (Graphics Interchange Format - Формат обмена графическими данными) - это формат для изображений, содержащих 256 или менее цветов. Он использует алгоритм сжатия LZW (Lempel-Ziv-Welch) с хорошей степенью сжатия. Формат поддерживает прозрачность и чересстрочное отображение. Формат GIF следует использовать для изображений, создаваемых в графических редакторах программным путем (диаграммы, рисунки, текст и т.д.). Формат пригоден для создания анимационных эффектов, так как GIF позволяет хранить в одном файле несколько изображений, а браузеры могут их поочередно демонстрировать. Для каждого изображения можно указать время его демонстрации. Если каждое из изображений, хранящееся в файле GIF, представляет фазу анимации, то браузер покажет маленький "фильм". Эта особенность формата GIF нашла широкое применение в Web-дизайне. Особенно часто анимированные изображения используются в баннерах (от английского banner, плакат). GIF использует 256 цветов и эффективно сжимает сплошные цветные области, при этом сохраняя детали изображения без потерь. Может содержать прозрачные области. Поэтому формат широко используется для создания анимированных рисунков, может содержать текст, логотипы, иллюстрации с четкими краями, изображения с прозрачными участками. Формат JPEG (Joint Photographic Experts Group - Объединенная экспертная группа по фотографии) - это масштабируемый упакованный формат, обеспечивающий высокую степень сжатия с очень небольшим снижением качества изображения. Формат JPEG может быть наилучшим вариантом для точной передачи изображений с плавным переходом цветов, то есть для изображений фотографического типа. Это любое изображение с количеством цветов более 256 (фото со сканера, цифровой фотокамеры, компакт диска и т.д.). Исходя из того, что JPEG объединяет в себе хорошую степень сжатия и незначительную потерю качества, он является идеальным форматом для среды Web-сайта. JPEG использует 16,7 миллионов цветов, поддерживает чересстрочную развертку. Область применения формата в Сети - любое изображение с количеством цветов более 256 - фотографии; рисунки, содержащие прозрачные участки; рисунки с большим количеством цветов и четкими краями изображений. Оба формата (как GIF, так и JPEG) поддерживают чересстрочную развертку, т.е. загрузка таких форматов осуществляется через несколько строк и на экране по мере загрузки границы изображения становится более четкими. Преимущество формата JPEG заключается в том, что он сжимает 24-битное изображение так же эффективно, как формат GIF сжимает 8-битное. Недостатки JPEG состоят в следующем: JPEG - не самый 158

лучший вариант для изображений, содержащих однотонные области или текст, так как подобный метод сжатия вносит заметные искажения в изображения такого типа. Невозможность создания полноцветных изображений с прозрачными участками в рамках форматов GIF и JPEG привела к появлению формата PNG. Этот формат сохраняет всю цветовую информацию и один альфа-канал изображения. В формате PNG-8 максимально возможное количество цветов оптимизированного изображения - 256, этот формат похож на GIF. В формате PNG-24 у изображения могут быть миллионы цветов, этот формат, в свою очередь, похож на JPEG. В форматах PNG используется метод сжатия без потерь данных. Оба формата PNG могут сохранять полупрозрачные области (например, смягченные растушеванные границы), используя метод под названием альфапрозрачность. В этом случае у точки может быть 256 уровней непрозрачности, начиная с полной прозрачности и заканчивая полной непрозрачностью. Формат PNG занимает промежуточное положение между GIF и JPEG. Однако в формате PNG-8 нельзя создать анимацию (в формате GIF можно), а файлы в формате PNG-24 больше по размеру аналогичных JPEG-файлов. Формат PNG-8 аналогичен GIF, однако поддерживается не всеми программами. Использует улучшенный формат сжатия данных. Формат PNG-24 аналогичен JPEG, поддерживает 16 миллионов цветов. Подобно формату JPEG, сохраняет яркость и оттенки цветов в фотографиях. Подобно GIF сохраняет детали изображения, как, например, в простых рисунках, логотипах, или иллюстрациях. После сравнения основных графических форматов для веб-страниц, можно сделать вывод о том, что идеального (универсального) графического формата не существует, поскольку каждый призван решать строго определенный круг задач. Как правило, на веб-странице многоцветные изображения, такие, как фотографии, сохраняются в формате JPEG. Формат PNG-24 также годится для фотографий, однако, в отличие от JPEG, этот формат занимает больше места. PNG-24 рекомендуется для работы с полноцветными изображениями содержащих многоуровневую прозрачность. Иллюстрации с малым количеством цветов, четкими линиями или мелкими деталями, например, содержащие текст, должны быть оптимизированы в формате GIF или PNG-8.

Оптимизация изображения для Сети в программе Adobe Photoshop Предположим, что в программе Adobe Photoshop вы командой Файл | Импортировать получили цифровое изображение со сканера с разрешением 300 dpi и сохранили его с родным для этой программы расширением *.PSD. Полученное изображение непригодно для использования в Интернет, поскольку данный графический файл по меркам Сети имеет слишком большой размер за счет избыточного качества изображения. В этом практическом примере мы займемся его оптимизацией, а затем экспортируем в один из графических форматов, поддерживаемых браузерами. Таким образом, мы подготовим сканированное изображение для его применения в Интернет. Для открытого в программе Adobe Photoshop оригинального изображения выполните команду File (Файл) | Save For Web (Сохранить для Веб) и в окне Save For Web перейдите на вкладку Original (Оригинал). В нашем случае сканированное оригинальное изображение girl.psd имеет размер 5,49 Мб. Теперь перейдите на вкладку Optimized (Оптимизация). Перед вами результат оптимизации изображения в соответствии с параметрами, установленными в данном окне по умолчанию. Изменение этих параметров приведет к немедленному обновлению изображения на вкладке Optimized в окне документа. Поскольку у нас фотография, то в 159

списке Optimized file format (Оптимизированный формат файла) имеет смысл выбрать формат JPEG. Перемещайте ползунок Quality справа (высокое качество) налево (низкое качество) до тех пор, пока не заметите появления нежелательных артефактов (искажений) изображения. Мы установили ползунок в положение 30%, что соответствует среднему качеству изображения. Совет Если незначительные артефакты остались, то их можно попробовать удалить размыванием изображения с помощью ползунка Blur (Размытие). Следите за тем, чтобы изображение не слишком потеряло в резкости. Перейдите на вкладку 2-Up в окне документа (рис. 7.3).

Рис. 7.3. Окно Save For Web (Сохранить для Веб), вкладка 2-Up Перед вами одновременно оригинал (слева) и оптимизированное изображение (справа). Имея перед глазами результат одновременно двух вариантов оптимизации, вы можете выбрать наиболее подходящий. При сравнении вариантов можно воспользоваться функцией предварительного просмотра изображения в браузере. Для этого следует нажать в нижней правой части окна кнопку Preview in Default Browser (Просмотр в браузере) она открывает список браузеров, установленных на вашем компьютере. При нажатии этой кнопки Adobe Photoshop автоматически создаст временный оптимизированный файл изображения и необходимый для его демонстрации HTML-код, который и загрузит в браузер. 160

Взгляните на строку состояния в окне документа. Там отображается текущий размер оптимизированного нами файла (93,25 Кбайт) и оценка времени его загрузки (34 сек) при скорости модема (28,8 Кбит/сек). Итак, в результате оптимизации мы получили весьма существенный выигрыш в размере файла, сохранив приемлемое качество изображения. Но наилучшим ли способом проведена оптимизация? Может быть лучше использовать форматы PNG или GIF? Рассмотрите этот вариант самостоятельно.

Деление изображения на ломтики Операция разрезания изображения на ломтики состоит в том, что изображение делится на отдельные зоны. На Web-страницах такие изображения, поделенные на ломтики, часто используются для организации меню. Щелчок в разных участках изображения приводит в действие различные гипертекстовые ссылки. Ломтики, создаваемые при помощи инструмента Slice (Раскройка) можно создавать, выделять, редактировать и просматривать как в программе ImageReady, так и в программе Photoshop.

Разрезание изображений на фрагменты В Photoshop можно делить изображение на фрагменты (ломтики) и назначать каждому такому ломтику свою гиперссылку, то есть можно превращать участки изображения в кнопки. Для практического знакомства с ломтиками проделайте следующее:  



откройте изображение, которое вы собираетесь разделить на ломтики; включите режим отображения кусочков нажатием кнопки Slice Tool (Раскройка) на палитре инструментов. Даже если вы не трогали этим инструментом изображение, то все равно появляется специальная метка о том, что теперь изображение разрезано на один "кусок" Об этом говорит окаймляющая его рамка с порядковым номером фрагмента 01 и специальной пиктограммой фрагмента; нажмите на левую кнопку мыши и инструментом Slice (Раскройка) обведите, как рамкой, левые часы, затем отпустите кнопку мыши. Вы определили фрагмент, который хотели бы иметь в виде отдельного изображения (и файла) - рис. 7.4;

Рис. 7.4. Процесс разрезания изображения на ломтики Примечание Фрагменты, созданные пользователем (пользовательский - 01) и автоматические (02), имеют разные свойства. Программа не может изменить расположение и размер тех фрагментов, которые создал пользователь. За размером и размещением автоматических 161

фрагментов следит сама программа. Если вы измените размер пользовательского фрагмента, то все соседние автоматические фрагменты сами изменятся таким образом, чтобы не возникало "дырок" (перекрывания областей). Автоматические фрагменты имеют в левом верхнем пиктограммы серого цвета, а пользовательские - других цветов, то есть автоматические фрагменты отображаются более приглушенными цветами, чем пользовательские. Границы между автоматическими фрагментами отображаются линией с маркерами, а между пользовательскими - сплошной линией. Давайте продолжим пример и углубим наши сведения о работой над ломтиками на практике: 







выберите на палитре инструментов инструмент Slice Select Tool (Выделение фрагмента). Он используется для уточнения размеров и положения фрагментов (ломтиков); щелкните курсором мыши в пределах созданного вами фрагмента 01. Этот фрагмент будет выделен. Изображение внутри выделенного фрагмента, будь он автоматическим или пользовательским, всегда показывается в оригинальной цветовой гамме. Его рамка приобрела восемь маркеров-манипуляторов, которые используются для масштабирования; перетащите правый боковой манипулятор рамки немного вправо. Пользовательский ломтик при этом увеличиться по горизонтали, а автоматический ломтик справа станет уже. Верните пользовательскому ломтику исходный размер. Автоматические ломтики скорректирует сама программа; щелкните курсором мыши в пределах правого автоматического ломтика. Изображение внутри ломтика станет ярким, ломтик будет выделен. Обратите внимание, что рамка автоматического ломтика не имеет манипуляторов, поскольку его размер устанавливается программой; автоматический ломтик можно преобразовать в пользовательский. Выделите автоматический ломтик 02 и из контекстного меню, открывающегося щелчком курсором с помощью правой кнопки мыши выберите команду Promote to User Slice (Преобразовать в пользовательский). Фрагмент приобретет манипуляторы масштабирования (маркеры), и пиктограммы в его левом верхнем углу перекрасились в синий цвет, а это говорит о том, что автоматический ломтик стал пользовательским.

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

162

Рис. 7.5. Вид палитры Slice Options (Параметры фрагмента) Список Type (Тип) задает тип фрагмента. В большинстве случаев это тип Image (Изображение), но возможен и альтернативный вариант No Image (Без изображения), который предполагает отсутствие изображения на месте выбранного фрагмента. Такое "пустое" место (в HTML-коде это пустая ячейка таблицы) может быть заполнено произвольным текстом на фоне со сплошной заливкой. Цвет заливки определяется списком Фон в левом нижнем углу палитры. Для типа Image (Изображение) цвет, выбранный в списке Фон, используется для заполнения прозрачных областей фрагмента. В поле Name (Имя) вводится имя выделенного фрагмента. Поскольку придумывание индивидуальных имен фрагментам в большинстве случаев не имеет смысла, то можно оставить то имя, которое фрагменту назначила сама программа. Для каждого фрагмента может быть определена единственная гипертекстовая ссылка, которая вводится в поле URL палитры Slice Options (Параметры фрагмента). Список Target (Цель), расположенный ниже, позволяет определить фрейм, в котором появится ресурс, задаваемый ссылкой. Иначе говоря, запись в поле Target (Цель) сообщает браузеру, в какой HTML-фрейм загрузить содержимое ссылки и какие HTMLфреймы сохранить. В нашем случае для выделенного ломтика с именем (номером) 989.02 в поле URL мы ввели адрес гиперссылки www.adobe.come. Это будет имя документа, который откроется в браузере по щелчку на этом фрагменте. В поле Message (Текст сообщения) вводится текстовое сообщение, которое будет отображаться в строке состояния браузера, когда курсор мыши окажется на выбранном фрагменте. Одновременно с этим на экране ПК будет показан текст "Сайт фирмы Adobe", введенный в поле Alt Tag (Альтернативный текст).

163

Для того, чтобы увидеть результат наших действий в браузере, выполните команду ОК, затем команду File (Файл) | Save for web (Сохранить для Web), далее откройте сохраненный документ (у нас это файл 989.html) в браузере - рис. 7.6.

Рис. 7.6. Предпросмотр ломтика 2.01 в Internet Explorer Как видим, программа сама сгенерировала HTML-код и превратила выделенное нами изображение в гиперкнопку.

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

Рис. 7.7. Изображение разрезано на четыре фрагмента

164

Выполните команду Файл | Сохранить для Web и перейдите на вкладку Optimize (Оптимизация) в окне документа. В палитре Optimize (Оптимизация) выберите формат GIF, в списке ниже - палитру Selective (Выбор), режим сглаживания Diffusion (Диффузия) и степень размытия (Dither) равной 88%, количество цветов равным 128 рис. 7.8.

Рис. 7.8. Настройки палитры Optimize Удерживая нажатой клавишу Shift, выделите мышкой все фрагменты изображения (0104). Спрячьте границы фрагментов нажатием клавиши на клавиатуре и посмотрите на результат оптимизации. Функция Preview in Default Browser позволяет протестировать сборку изображения и гиперссылки на нем еще до экспорта вашей работы в HTML-код. При предварительном просмотре ссылок изображений в браузере границ фрагментов не должно быть видно. Ниже изображения вы увидите HTML-код, сгенерированный программой Adobe Photoshop. Когда изображение разрезано и ссылки назначены, можно сохранить его фрагменты в отдельные оптимизированные файлы и получить HTML-код для сборки ломтиков в браузере командой Save (Сохранить) - рис. 7.9.

165

Рис. 7.9. Окно сохранения результатов нашей работы В поле Тип файла выберите вариант HTML and Images, этот вариант включает сохранение кода, необходимого для сборки фрагментов и функционирования ссылок, в HTML-документ и сохранение изображений. Список Settings (Установки) оставьте с установками по умолчанию. В списке Slices (Ломтики) вы можете выбрать для сохранения все ломтики или только выделенные (Selected Slices). При этом необходимо предварительно выделить с помощью инструмента Slice Select те фрагменты, которые вы хотите сохранить. Нажмите на кнопку Сохранить (Save) - программа сохранит HTML-документ в выбранную папку под именем, которое было введено в поле File name (Имя файла) диалогового окна Save Optimized As.

Карта ссылок Изображения на Web-страницах, созданные описанным выше образом, часто используются как карта ссылок (image map). Щелчки курсором мыши в окне браузера на различных участках такого изображения приводят к загрузке разных адресов страниц (URL). Однако, для создания карт ссылок обычно используют не Photoshop, а Image Ready. Когда карта ссылок определена, функция Preview in (Предварительный просмотр) позволяет протестировать карту ссылок еще до ее экспорта HTML-кода и самого изображения на локальный диск. После того, как карта ссылок оттестирована и найдены параметры оптимизации изображения, можно выполнить команду File (Файл) | Save Optimized As (Сохранить оптимизированное как). После выбора параметров сохранения карты ссылок и нажатия кнопки Сохранить (Save), файлы графических фрагментов и HTML-код будут сохранены на диск. 166

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

Что такое GIF - анимация? Выше мы познакомились с графическим форматом GIF (Graphics Interchange Format), который является собственностью известной компании CompuServe Inc., имеющей исключительное право на переопределение, видоизменение или модификацию этого формата. Одной из особенностей формата GIF является то, что он позволяет создавать простую анимацию - чередующиеся кадры. Конечно, это не сравнимо с полноценными форматами хранения анимации (такими как AVI), но зато даѐт возможность создать компактный симпатичный ролик - например, для баннера. Широкое распространение анимированный GIF получил в Интернет: стоит только набрать любой адрес, и вашему взору предстанет ряд рекламных баннеров, заставок, логотипов и других "двигающихся" изображений, выполненных в формате GIF. Они, безусловно, вносят определенное разнообразие и оживление в Web-страницы, но многие, увлекшись созданием анимированных изображений, к сожалению, забывают следить за их размерами. Если размер файла окажется слишком велик, это может вызвать раздражение у посетителя вашей страницы, работающего через телефонную линию (модем), которому просто надоест ждать, пока ваша анимация загрузится. Для создания анимаций на основе GIF-файлов существует немало специальных редакторов, называемых GIF-аниматорами. Бесплатные пробные (или бета-версии) этих аниматоров, а также других подобных им редакторов можно найти по следующим адресам в Интернет: www.freeware.ru, www.listsoft.ru, www.winfiles.com, www.tucows.com, www.nonags.com, www.thefreesite.com, www.mediabuilder.com, www.fileworld.com. В предыдущих версиях в Photoshop входила программа ImageReady, которая представляла собой мощный WISIWYG-редактор для создания сайтов. Эти два продукта были объединены вместе еще в пятой версии Photoshop. В ImageReady возможно:     

cоздание анимационных GIF-изображений; cоздание интерактивных элементов навигации: кнопок и панелей; оптимизация изображений при экспорте в форматы, принятые в Internet; создание карт ссылок и ролловеров на основе изображений; многое другое.

Итак, в прежних версиях Photoshop приложение ImageReady, ориентированное на вебдизайн, поставлялось вместе с Фотошопом. В последней версии Photoshop убрана клавиша быстрого перехода между этими программами и большинство возможностей ImageReady 167

импортированы в Photoshop CS3. В частности, это касается и анимации изображений. Ранее она выполнялась в ImageReady, а теперь ее можно сделать непосредственно в Photoshop CS3. Примечание Говоря об особенностях Photoshop CS3 для www, следует отметить, что в прежних версиях программы существовала команда File (Файл) | Automate (Автоматизация) | Web Photo gallery (Фотогалерея Web). Команда автоматически создавала галерею изображений для Интернет. Для веб-мастеров, поддерживающих и обновляющих большие галереи (например, на фотосайтах), вопрос автоматизации обработки и подготовки фотографий является одним из важнейших. К сожалению, в Photoshop CS3 теперь такой возможности по непонятным причинам теперь нет.

Пример 7.2. Создание анимации для Интернет

Шаг 1. Подготовка изображений для анимации Предварительная работа по подготовке изображений заключается в их кадрировании, настройке по тону, цвету и прочим параметрам. Фотографии могут быть из разных источников и их необходимо сделать примерно одного размера. Обычно все фотографии приводятся к единому типоразмеру по одной стороне (обычно по высоте). Часто в левый верхний угол снимка помещают водяные знаки или надписи. Завершает этот шаг уже знакомая нам команда оптимизацией для веба (Save for Web & Devices…). В нашем примере мы поступим следующим образом. Возьмем несколько фотоснимков цветов и поместим их в папку Flowers. Затем загрузим все изображения в Photoshop и командой File (Файл) | Automate (Автоматизация) | Fit Image (Изменить размерность) приведем фотографии к размеру 800 x 600 пикселей (рис. 7.10).

Рис. 7.10. Окно команды Fit Image (Изменить размерность) 168

Далее все изображения конвертируем из формата JPEG в формат GIF. Это можно сделать по-разному, например, командой File (Файл) | Save for Web & Devises (Сохранить для веб и девайсов) - рис. 7.11.

Рис. 7.11. Окно Save for Web & Devises (Сохранить для веб и девайсов), вкладка Optimized (Оптимизировать)

Шаг 2. Создаем многослойное изображение Принцип создания анимации в Photoshop следующий. Вы рисуете покадрово всю анимацию, располагая каждый новый кадр на новом слое. Для просмотра многослойного рисунка в виде анимационного ролика (1 слой = 1 кадр) нужно в каждом кадре скрыть ненужные в данный момент слои. Задав задержку для каждого кадра, получим слайд-шоу. Далее оптимизируем результирующий GIF-файл. В нашем примере мы рисовать ничего не будем, а создадим GIF-файл как "букет" из разных цветов. Откройте первое изображение цветка и выполните на него наложение остальных изображений (рис. 7.12). Это можно проделать командами Select (Выделить) | All (Все), Edit (Правка) | Copy (Копировать) и Edit (Правка) | Paste (Вставить).

169

Рис. 7.12. Многослойное изображение создано

Шаг 3. Анимируем изображения Выполните команду Window (Окно) | Animation (Анимация) - в нижней части интерфейса Photoshop появиться окно управления анимацией (рис. 7.13).

Рис. 7.13. Окно управления анимацией в Photoshop Используя на палитре анимации кнопку Duplicates selected frames (Продубливовать выделенные кадры), а на палитре слоев кнопку Indicates layer visibility (Индикатор видимости слоя) поместите все цветы на палитру Animation (Анимация) - рис. 7.14.

Рис. 7.14. Цветы размещены для анимирования Теперь на палитре Animation (Анимация) вы можете видеть очерѐдность кадров вашей анимации. Если кадры стоят неправильно, то исправить проблему можно здесь же, просто поменяв кадры местами, для чего нужно произвести буксировку выделенного вами кадра в нужное место мышкой непосредственно на палитре анимации. Проиграть анимацию можно нажатием кнопки Plays animation (Проиграть анимацию). Вероятно, вы не будете довольны результатом, т.к. кадры сменяются слишком быстро. Временной интервал между кадрами можно изменять. Для этого нажмите правую кнопку 170

мыши на надписи "0 sec" ниже каждого кадра, и выберите один из предлагаемых интервалов (рис. 7.15).

Рис. 7.15. Набор значений для демонстрации кадров анимации Если вас не устраивают предлагаемые интервалы то, выбрав пункт Other (Другой) вы сможете установить свой собственный интервал (в качестве разделителя используется запятая, а не точка). В данном примере мы установили интервал в 1 секунду, а в списке количества проигрывания - выбрали вариант Forever (Всегда).

Шаг 4 - Создание переходов между кадрами Когда вы попробуете проиграть получившийся анимационный ролик, то увидите, что кадры будут меняться скачками. Для создания плавного перехода между кадрами есть специальная кнопка Tweens animation frames (Сглаживание кадров анимации). При помощи этого инструмента создаются плавные переходы из одного состояния в другое (морфинг изображений). Это не уникальный инструмент. Перетекание одного изображения в другое создают многие редакторы, например, CorelDRAW. В нашем примере мы воспользуемся этой кнопкой и добавим на каждый исходный кадр по 3 перехода (рис. 7.16). При этом программа берет два соседних изображения и создает из них заданное количество промежуточных кадров с состояниями слоев, которые интерполируются, исходя из двух изначальных.

Рис. 7.16. Добавление на кадр трех переходов 171

В меню окна Tween (Сглаживание) вы можете видеть количество промежуточных кадров и три флажка - Position (Положение), Opacity (Прозрачность) и Effects (Эфекты). Флаг Position (Положение) необходим для задания смещения каждого кадра относительно предыдущего. Opacity (Прозрачность) задает прозрачность перехода кадров. Effects - это эффекты. Теперь, после сглаживания кадров анимации, мы получили плавный морфинг перехода предыдущего кадра в последующий.

Шаг 5 - Оптимизация и сохранение анимации Делается оптимизация размера анимационного файла при помощи специальной опции, а именно: на палитре Animation (Анимация) нажмите на кнопку справа вверху, активируйте из контекстного меню строку Optimize Animation (Оптимизация анимации) как на рис. 7.17 и выполните команду OK.

Рис. 7.17. Строка команды Optimize Animation (Оптимизация анимации) Для сохранения результата нашей работы в виде GIF - файла выполните команду File (Файл) | Save for Web & Devises (Сохранить для веб и девайсов) и после нажатия на кнопку Save в списке Тип файла укажите Image only (*gif) - рис. 7.18.

172

Рис. 7.18. Окно сохранения GIF анимации

173

8. Лекция: Вывод изображения на печать В этой лекции рассматриваются операции, которые непосредственно относятся к созданию в Photoshop CS5 печатного документа.

Содержание             

Основные представления о цветной печати Цветоделение Типографский растр Что такое PostScript-драйвер принтера? Разрешение и линеатура растра Муар Треппинг и печать с наложением Пример 8.1. Задания треппинга в Adobe Photoshop Создание печатного документа в Adobe Photoshop Настройка параметров печати Photoshop CS5 Настройка параметров принтера Положение и масштаб изображений Другие элементы настройки окна Печать

Основные представления о цветной печати Ранее говорилось о том, что аддитивная RGB-модель неприемлема для печати, поскольку обыкновенные краски не излучают. Противоположная ей цветовая субстрактивная модель CMYK построена на восприятии человеком отраженного света и когда мы смотрим на бумагу, то информацию о ее цвете мы получаем из отраженного света. Следовательно, модель CMYK по своей идеологии лучше подходит для цветной печати, чем RGB. Новый термин Цветная печать - способ воспроизведения на бумаге (ткани или другом материале) многокрасочных изображений. Выполняется с помощью специальных фотоформ (клише), число которых соответствует числу печатных красок. Так, при трехцветной печати применяют три основные краски: жѐлтую, голубую и пурпурную (CMY). Для передачи тѐмных цветов этих красок (или их оттенков) недостаточно и приходится прибегать к четвертой краске - чѐрной (blacK). В этих случаях печать называется четырехцветной (CMYK). Многокрасочный оттиск получают последовательным переносом соответствующей краски с формы (клише) на лист бумаги с точным совмещением границ изображения. Печатание выполняется на много- или однокрасочных печатных машинах в один или несколько приѐмов (прогонов). Профессиональная полиграфическая печать документов предполагает использование в макете растрированных и цветоделенных иллюстраций.

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

(сепарации) называется цветоделением. При этом любой цвет в оригинале представляется сочетанием базовых цветов, взятых в разных пропорциях. Новый термин Цветоделение есть разделение цветов изображения на формы (или пленки) для печати на типографском станке (ФНА). Другими словами, цветоделение разбивает цвета на составляющие, что необходимо для печати публикации в типографии. При совмещении базовых цветов все цвета публикации комбинируются и образуют на печатном оттиске композитное изображение. Цветоделение происходит следующим образом: исходный оригинал освещается белым светом, между оригиналом и экспонируемой фотопленкой последовательно устанавливают светофильтры. Красный светофильтр генерирует Голубую (Cyan) сепарацию, зеленый фильтр - пурпурную (Magenta), синий фильтр используется, чтобы генерировать Желтую (Yellow) сепарацию. Черная сепарация получается путем совмещения всех трех.

Типографский растр При печати цветоделенные формы (сепарации) переносятся на бумагу базовой краской одного цвета - полутоновыми растрами. Новый термин Растр - периодически (линейно) или хаотически (стохастически) повторяющихся набор точек различной величины, создающих иллюзию плавных полутоновых переходов. Если под увеличением рассмотреть отпечатанное в типографии изображение, то видно, что оно - точечное, т.е. состоит из растровых точек. В линейном растре точки равноудалены. При популярном сегодня частотно-модулированном (стохастическим) растрировании точки растровой сетки располагаются на разном расстоянии друг от друга. Таким образом, при печати изображение растрируется. В компьютерных издательских системах растрирование проводят с использованием аппаратных и программных средств. Растрирование - обязательный элемент печати. В подавляющем большинстве случаев задача растеризации возлагается на само устройство вывода - PostScript принтер или фотонаборный автомат (ФНА). Растеризатор встроен в интерпретатор языка описания страниц PostScript, используемого типографским принтером. Новый термин Фотонаборные автоматы - дорогостоящие и сложные устройства, покупку которых может позволить себе не каждое издательство. Все фотонаборные автоматы используют язык PostScript и имеют в несколько раз более высокое разрешение печати, чем лучшие принтеры. Для вывода оригинал-макетов некоторые издательства обращаются к услугам сервис-бюро, специализирующихся на предпечатной (допечатной) подготовке изданий. При растровой печати печатание оттисков производится с формы, на которой изображения состоят из растровых печатающих элементов. В полиграфии используются различные формы растровых точек, но наиболее традиционная и широко распространенная - круглая. Когда растровая точка черная, то для передачи полутонов (оттенков) используется изменение размеров точек растра и расстояний между ними. 175

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

Что такое PostScript-драйвер принтера? Для типографии оригинал-макет должен быть представлен на прозрачной пленке в натуральную величину. Вывод документа на пленку осуществляется с помощью фотонаборного автомата - аналога лазерного PostScript принтера с разрешением порядка 3600 dpi. PostScript - это формат, который часто используется для подготовки файлов, предназначенных для профессиональной печати. PostScript-драйвер принтера сообщает операционной системе Windows, как перевести публикацию на язык PostScript. Новый термин PostScript (Пост скрипт) - язык высокого уровня для описания страниц, стандартный командный язык управления фотонаборными аппаратами. Постскрипт - разработка компании Adobe Systems. Является стандартом де-факто в области издательских систем. Позволяет детально описать характеристики и расположение любых элементов, таких как шрифты, линии, изображения, кривые и т.д., на странице издания для отображения на экране дисплея или устройстве вывода, оборудованном интерпретатором языка PostScript. При создании файла PostScript все объекты публикации, включая разметку, иллюстрации и шрифты, преобразуется в PostScript - язык, который PostScript-принтеры используют для печати графики высокого разрешения. Спецификации PostScript лицензированы практически всеми производителями лазерных принтеров и фотонаборных автоматов, а также разработчиками программного обеспечения для издательских систем и подготовки документов. Windows содержит PostScript-драйверы многих из принтеров и такой PostScript-драйвер можно установить, даже не имея PostScript-принтера как реального устройства в наличии. Перечислим достоинства, которыми обладают только PostScript-принтеры:   



можно задавать параметры растрирования при печати: линеатуры и углы растрирования для каждой выводимой формы; непосредственная загрузка в принтер шрифтов Type 1. При печати на прочих принтерах шрифты будут преобразованы в контуры (переведены в кривые); адекватное отображение инверсного текста. Для прочих принтеров требуется установить режим печати шрифтов как графики, что значительно увеличивает время печати и требует больших ресурсов принтера; высокая точность и отсутствие погрешностей при выводе на печать повернутых и искаженных изображений. Можно печатать в произвольным масштабе, зеркально, и по несколько сверстанных страниц на одном листе.

176

Разрешение и линеатура растра Цифра, указываемая в паспорте принтера как разрешение (например, 300 dpi), представляет собой количество реальных точек, которое может напечатать принтер на единичном отрезке длиной 1 дюйм. Количество растровых точек, приходящихся на единицу длины (шаг сетки растра), также имеет свою единицу измерения, называемую линиатурой. Линиатура измеряется в линиях на дюйм (lpi, lines per inch). Для формирования растра требуются множество точек разного размера, и, следовательно, линиатура растрового изображения всегда меньше разрешения принтера. Новый термин Линиатура растра - число растровых элементов в 1 сантиметре (или 1 дюйме), т.е. плотность полиграфического растра. Это параметр, характеризующий растровую структуру количеством линий на единицу длины. Линеатура измеряется в "линиях на дюйм" (lpi) - по международной шкале или в "линиях на сантиметр" - по отечественной. Переводной коэффициент - 2,54 (150 lpi = 59 л/см). В компьютерном растрировании чаще используются единицы измерения линиатуры в линиях на дюйм. При повышении линиатуры растра менее заметной становится растровая структура изображения и лучше воспроизводятся мелкие детали изображения. Очевидно, что от линиатуры растра зависит видимое качество иллюстраций. Чем выше линиатура, тем менее заметны образующие растр точки, и отпечаток ближе к оригиналу. Большинство газетных иллюстраций печатается с растром 75 lpi, а журнальных - 133 lpi (133 точки в каждой строке изображения).

Муар Растрирование имеет два аспекта: пространственная частота растра определяет тоновый диапазон и уровень детальности, достижимый в окончательном отпечатанном изображении, а угол поворота растра определяет объем информации, которую должно содержать изображение для получения хорошего качества печати. Простейшим случаем цветной печати является использование плашечных цветов. В этом случае каждый из плашечных цветов изображения выводится на отдельную пленку. При работе с плашечными цветами фактически выполняется растрирование, при котором интенсивность цвета уменьшается пропорционально интенсивности точек полутонового растра. Традиционно угол наклона при печати монохромных документов и печати плашечными цветами составляет 45° - это значение обеспечивает наилучшую маскировку (скрытие) линейной структуры растра, что проверено на практике. Более сложным является цветоделение полноцветных документов. При этом для представления всех цветов используются четыре краски модели CMY(K), называемые также триадными. Такие документы выводятся с помощью фотонаборного автомата на четыре пленки, соответствующие базовым цветам этой модели. Каждый из них растрируется отдельно с различными углами наклона растровой сетки. Стандартными считаются углы 15 градусов для голубого, 75 градусов для пурпурного, 0 градусов для желтого и 45 градусов для черного цветов. Такие углы наклона растров базовых цветов при печати триадными (CMYK) красками позволяют образовать нормальный оттиск и избежать возникновения муара. Иначе говоря, при такой величине углов пятна, формирующие напечатанные изображения, глаз наблюдателя легче смешивает, как бы сливая их вместе и растровая структура изображения менее заметна.

177

Принятые по умолчанию углы наклона растров, соответствующих базовым триадным цветам, подобраны на основе многолетнего опыта, и для их изменения нужны очень весомые причины. Если эти углы наклона растров не согласованы, то на изображении появляется муар (интерференционный паразитный узор - брак цветовоспроизведения). В конечном итоге углы наклона растров должны быть подобраны так, чтобы точки базовых цветов группировались в виде полиграфических розеток. Каждую такую розетку можно рассматривать как некую точку цветного растра, образующую цвет в данной точке изображения. Так, например, при цветной печати "узор" из 16-ти пурпурных точек, 16-ти жѐлтых и 32-х пустых (то есть белых) по законам смешения цветов дадут светлый оранжевый цвет.

Треппинг и печать с наложением Для успешной печати в типографии цветных изданий часто необходима особая стадия подготовки макета - треппинг, т.е. взаимное перекрывание элементов на странице, необходимое для компенсации погрешностей совмещения (приводки) печатных форм и клише на типографском станке. При отсутствии треппинга между смежными цветами могут возникать белые или цветные зазоры. Этот способ печати, как и печать с наложением, применятся для компенсации механических погрешностей печатного станка. Новый термин Треппинг (Trapping) - процесс компенсации неточности приводки при печати, в результате которой могут появиться зазоры между пересекающимися объектами. Треппинг заключается в создании узкой полоски смешения цветов на границе объектов разного цвета. Другими словами, треппинг - это незначительное растягивание одного из смежных объектов разных цветов, так что граничащие цвета немного накладываются. Возникающий при наложении третий цвет будет ближе к более темному из них. Форма объекта может от этого слегка исказиться. Самыми простыми приемами треппинга являются сжатие (choking), или внутренний треппинг, и растяжение (spreading), или внешний треппинг. Сжимается или растягивается, как правило, цветовой объект, более светлый. Если перекрывающий объект светлее фона, делается внешний треппинг, а если фон светлее объекта, в фоновом цвете цвета немного стягиваются внутрь - внутренний треппинг. Итак, при печати в несколько красок нужно, чтобы цвета располагались друг относительно друга точно, то есть были приведены. Треппинг - один из способов выполнения приводки. Он применяется для улучшения качества печати на печатных машинах. Печатная машина является механическим устройством. Печатный лист, проходя через машину, растягивается, деформируется при нанесении на него краски, может двигаться неравномерно, смещаться в стороны. Причем в каждом конкретном случае искажения при печати могут быть разными. Если вы проведете треппинг публикации, то возникающие при такой цветной печати дефекты будут не так заметны. Второй способ компенсации погрешности приводки форм - печать с наложением (Overprint). Если мы для иллюстрации назначим объекту обводку, т.е. присвоим атрибут печати с наложением с помощью команды Overprint, то обводка будет печататься вдоль границы объектов. Этим и достигается устранение неточной приводки форм. Overprint (печать поверх или печать с наложением) применяется при печати объектов и текста на цветном фоне. Этот способ эффективен при печати черных или темных объектов поверх светлых объектов, а также при печати мелких объектов. 178

Пример 8.1. Задания треппинга в Adobe Photoshop Чтобы задать треппинг в этой программе проделайте следующие команды: 1. Откройте ваше RGB изображение в Adobe Photoshop. 2. Командой Image (Изображение) | Mode (Режим) | CMYK Color (Модель CMYK) конвертируйте ваше изображение к печати в цветовую модель CMYK. 3. Выполните команду Image (Изображение) | Trap (Треппинг) и задайте ширину треппинга (Width-Ширина) и его размерность (Trap Units-Единицы треппинга) рис. 8.1.

Рис. 8.1. Окно Trap (Треппинг) в программе Adobe Photoshop Примечание Если вы собираетесь печатать изображение для домашних целей, то величину треппинга в программе можно оставить по умолчанию. При подготовке изображения к профессиональной типографской печати желательно перед нажатием на кнопку ОК в окне Trap (Треппинг) проконсультироваться с экспертом сервисного бюро или типографии. Иначе говоря, если вы не специалист и вам требуется выполнить грамотное цветоделение и трепинг изображений, то бюро полиграфических услуг (сервисное бюро, сервис-центр) может выполнить для вас эту работу. Такие бюро предоставляют различные услуги, например, сканирование и допечатную проверку изданий, что позволяет подготовить публикации к печати на типографском оборудовании. Обычно такие бюро есть в крупных городах, где имеется спрос на подобные услуги.

Создание печатного документа в Adobe Photoshop Большинство домашних пользователей Photoshop ограничиваются печатью изображений на цветном струйном принтере. Для простейших типов изображения, таких, как чернобелый рисунок, используется только один цвет, выбранный из оттенков серого. Такие изображения можно печатать на домашнем лазерном принтере. При профессиональной типографской печати изображения, содержащие более одного цвета, необходимо выводить на отдельные печатные формы: одна форма под каждый цвет. Как уже отмечалось выше, данный процесс, именуемый цветоделением, обычно сводится к печати чернилами основных четырех цветов CMYK-палитры: голубой, пурпурный, желтый и черный. Photoshop позволяет пользователю задавать параметры формирования печатных форм. Детализация напечатанного изображения зависит от разрешения самого изображения (в пикселах на дюйм) и разрешения принтера (в точках на дюйм). Пользователи, не являющиеся типографскими работниками или сотрудниками студий печати, как правило, используют для печати настольные принтеры, а не устройства фотовывода. Разрешение большинства струйных принтеров приблизительно составляет от 300 до 600 точек на дюйм. Разрешение большинства настольных домашних лазерных принтеров PostScript составляет 600 точек на дюйм, а разрешение профессиональных устройств фотовывода PostScript - 1200 точек на дюйм или выше. 179

В Photoshop CS5 имеются следующие команды вывода на печать: Выводит диалоговое окно "Печать", в котором можно просмотреть общий вид изображения и задать параметры. Настроенные пользователем параметры печати сохраняются как новые значения по умолчанию при нажатии кнопки "Готово" или "Печать". Печать одного Осуществляет печать одного экземпляра изображения без открытия диалогового окна настройки печати экземпляра Печать

Настройка параметров печати Photoshop CS5 Выберите меню "Файл" - "Печатать..." - рис. 8.2.

Рис. 8.2. Окно Печать Далее:   

Выберите принтер, число копий и ориентацию бумаги. Задайте положение и размер изображения в соответствии с выбранным размером и ориентацией бумаги. Задайте параметры "Управление цветом" и "Вывод", которые можно найти в раскрывающемся меню в верхнем правом углу (рис. 8.3).

180

Рис. 8.3. Допечатные параметры вывода В завершение выполните одно из следующих действий.   

Чтобы вывести изображение на печать, нажмите на кнопку "Печать". Чтобы закрыть диалоговое окно без сохранения настроек, нажмите на кнопку "Отмена". Чтобы закрыть диалоговое окно и сохранить заданные настройки, нажмите на кнопку "Готово".

Примечание При получении предупреждения о превышении изображением размеров печати, нажмите кнопку "Отмена", выберите меню "Файл" - "Печатать..." и установите флажок "Подогнать под формат листа". Чтобы изменить размеры бумаги и настройки макета страницы, перейдите на вкладку "Параметры печати", затем повторите печать изображения.

Настройка параметров принтера В диалоговом окне "Печать" нажмите на кнопку "Параметры печати" рис. 8.4.

181

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

Положение и масштаб изображений Положение и размер изображения можно скорректировать с помощью параметров диалогового окна "Печать". Затененная рамка по краям страницы обозначает поля; область печати изображается белым цветом - рис. 8.5.

182

Рис. 8.5. Диалоговое окно Печать В данном окне:  

  

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

Другие элементы настройки окна Печать В данном окне в списке Printer (Принтер) выбирается тип принтера, на котором будет напечатан документ. В счетчике Copies (Копии) указывается нужное количество твердых копий (отпечатков) выводимого на принтер документа. В области Position (Положение) находятся: флажок Center Image включает режим расположения изображения в центре листа; (По центру) поле Тор (Сверху) служит для ввода расстояния между верхними краями области изображения и листа бумаги (в единицах измерения, выбранных в списке справа); 183

поле Left (Слева) поле (Размерность)

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

В области Scaled Print Size (Размеры печатного оттиска) расположены: флажок Scale to Fit Media (Подогнать под формат листа) поле Scale (Масштаб) поле Height (Высота) поле Width (Ширина) поле Unit (Размерность)

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

Под текстом Print Resolution (Разрешение принтера) расположены следующие флажки: Mach Print Color для включения цвета консоли (печати); (Аналоговая цветопроба) флажок Show Bounding служит для включения режима отображения прямоугольной Box (Показать рамки вокруг изображения (с четырьмя угловыми ограничительную рамку) маркерами), позволяющей регулировать положение и масштаб изображения на печатном листе посредством буксировки границ изображения мышью; флажок Print Selected Area необходим для вывода на печать только выделенной области (Печатать выделенную растрового документа. область) При выборе в списке пункта Color Management (Управление цветом): переключатель Document осуществляет подключение режима возможного применения при печати собственного цветового профиля активного (Документ) растрового документа; переключатель Proof включает режим возможного применения экранного цветового профиля, выбранного ранее с помощью одной из (Пробный) команд подменю Proof Setup (Варианты цветопробы) меню View (Просмотр); раскрывающийся список предоставляет пользователю выбор режима цветового Color Handling управления с помощью следующих четырех пунктов: (Управление цветом) Let Printer Determine печать цветных оттисков с со стороны Colors (Позволить управлением пользователем принтеру определить используемого принтера; цвета) Let Photoshop Determine печать цветных оттисков под Colors (Позволить управлением выбранного в списке 184

Profile цветового Photoshop определить Printer профиля; цвета) Separations (Разделения) печать документа в режиме цветоделения; No Color Management печать цветных оттисков без (Без управления цветом) цветового управления. Список Printer Profile позволяет пользователю выставить цветовой профиль для используемого им принтера; (Профиль) Список Rendering Intent нужен для выбора алгоритма изменения величин базовых цветовых параметров печатаемого изображения при переходе (Цель рендера) из одного цветового пространства в другое; Флажок Black Point служит для включения режима компенсации тоновых отклонений, которые появляются в изображении при переходе Compensation из одного цветового пространства а другое; (Использовать компенсацию черной точки) Список Proof Setup нужен для применения к документу цветового профиля, Preset (Пресет пробной выбираемого с помощью следующих двух пунктов: настройки) профиль, Current Custom Setup экранный подключенный ранее с помощью (Текущая команды Custom (Заказной) пользовательская подменю Proof Setup (Варианты настройка) цветопробы) меню View (Просмотр); Working CMYK профиль по умолчанию для цветовой модели CMYK. (Рабочий CMYK) Флажок Simulate Paper подключает режим имитации Color (Симулировать печати на бумаге светло-серого цвета; цвет бумаги) Флажок Simulate Slack подключает режим печати темных изображения темноInk (Симулировать участков серым цветом, а не абсолютно черные чернила) черным; Информационная область предназначена для вывода контекстной подсказки, Description (Описание) относящейся к тому параметру окна, на котором находится указатель. Если в списке Color Management (Управление цветом) выбрать строчку Output (Вывод), то в поле Printing Marks (Метки печати) находятся следующие флажки: флажок Calibration Bars включает режим вывода калибровочных шкал, предназначенных для проверки точности отображения (Калибровочные шкалы) полутонов при печати; флажок Registration Marks включает режим вывода меток приводки, используемых для совмещения цветов при типографской печати; (Метки приводки) флажок Corner Crop Marks включает режим вывода меток обрезки, расположенных по углам печатаемого изображения; (Угловые метки обреза) флажок Center Crop Marks включает режим вывода меток обрезки по серединам 185

сторон прямоугольной области изображения; (Боковые метки обреза) флажок Description включает режим печати служебной информации о файле растрового документа, заданной с помощью команды File (Описание) Info (Сведения о файле) из меню File (Файл); флажок Labels включает режим печати над изображением названия файла растрового документа; (Маркировка) флажок Emulsion Down включает режим печати изображения с зеркальным разворотом по горизонтали, используемым при печати с (Эмульсия вниз) цветоделением; флажок Negative (Негатиы) включает режим печати изображения в негативе. Кнопка Background (Фон) нужна для выбора в диалоговом окне Select Background Color (Палитра цветов) цвета фона, на котором будет печататься изображение; Кнопка Border (Граница) задает толщину черной рамки (в диапазоне от 0 до 10 пунктов), которой будет обведено изображение; Кнопка Bleed (В обрез) задает величины смешения меток обрезки во внутрь изображения (в диапазоне от 0 до 3,13 мм); Кнопка Screens (Растры) определяет настройки параметров растров, используемых при печати с цветоделением; Кнопка Transfer (Передача) необходима для регулировки зависимостей между уровнями черного цвета в пикселях печатаемого и исходного изображений в режиме печати с цветоделением; Флажок Interpolation включает режим повышения качества печатаемого изображения, имеющего низкое разрешение, путем (Интерполяция) уменьшения его размеров; Флажок Include Vector Data включает режим высококачественной печати содержимого (Включить векторные текстовых слоев и слоев заливки многослойного растрового документа; данные) В списке Encoding осуществляется выбор типа внутренней кодировки принтера PostScript, определяющей скорость выполнения (Кодировка) операции печати. Снизу в окне находятся следующие кнопки: кнопка Print (Печать) кнопка Cancel (Отмена) кнопка Done (Готово) Примечание

вызывающая уже знакомое нам диалоговое окно команды Print (Печать) из меню File (Файл); для восстановления исходных параметров настроек с закрытием окна Print (Печать); для сохранения текущих параметров настроек с закрытием окна Print (Печать).

В этой лекции читатель столкнулся с большим количеством специальный полиграфических терминов, которые требуют серьезных комментариев с иллюстрациями. При необходимости обстоятельного объяснения этих понятий читатель может обратиться к книге В.П. Молочкова "Издательство на компьютере. Самоучитель". - Изд.: BHV., С.712.

186