ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ В...
TRANSCRIPT
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ Федеральное государственное автономное образовательное учреждение высшего образования
«НАЦИОНАЛЬНЫЙ ИССЛЕДОВАТЕЛЬСКИЙ ТОМСКИЙ ПОЛИТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ»
Ю.С. Ризен, А.В. Шкляр
ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ В ДИЗАЙНЕ
ОСНОВЫ
Рекомендовано в качестве учебного пособия Редакционно‐издательским советом
Томского политехнического университета
Издательство Томского политехнического университета
2015
УДК 004.92(075.8) ББК 32.972.131.2я73
Р49
Ризен Ю.С. Р49 Информационные технологии в дизайне. Основы : учебное
пособие / Ю.С. Ризен, А.В. Шкляр ; Томский политехнический университет. – Томск : Изд-во Томского политехнического уни-верситета, 2015. – 148 с.
В пособии содержится основная информация о работе с цифровыми изображениями и средой Adobe Photoshop, представлены сведения о слоях и подробно рассмотрены режимы их наложения. Дано детальное описание ра-боты с инструментами, функциями цветокоррекции и корректирующими слоями, масками и т. д. Теоретический материал сопровождается наглядными примерами диалоговых окон, настроек и иллюстрациями поэтапной работы с инструментами.
Предназначено для студентов, обучающихся по направлению 54.03.01 «Дизайн» (бакалавриат) и 54.04.01 «Дизайн» (магистратура).
УДК 004.92(075.8) ББК 32.972.131.2я73
Рецензенты
Доктор технических наук, профессор заведующий кафедрой механики и графики ТУСУРа
Б.А. Люкшин
Доктор философских наук профессор кафедры дизайна Томского института бизнеса
М.С. Кухта
© ФГАОУ ВО НИ ТПУ, 2015 © Ризен Ю.С., Шкляр А.В., 2015 © Оформление. Издательство Томского политехнического университета, 2015
ОГЛАВЛЕНИЕ
ПРЕДИСЛОВИЕ ........................................................................................... 6
ВВЕДЕНИЕ .................................................................................................... 7
Глава 1. ОСНОВЫ РАБОТЫ В PHOTOSHOP ....................................... 8
Сведения о растровых изображениях ............................................. 8 Сведения о векторных изображениях ............................................ 8 Сочетание векторных и растровых изображений ......................... 9 Цветовые каналы .............................................................................. 9 Битовая глубина .............................................................................. 10 Поддержка в Photoshop изображений с глубиной 16 бит на канал ............................................................................................ 10 Преобразование битовой глубины ................................................ 11 Сведения о размерах в пикселах и о разрешении напечатанных изображений ........................................................... 11 Размер файла ................................................................................... 12 Ресамплинг ...................................................................................... 13 Открытие файлов ............................................................................ 15 Сохранение файла ........................................................................... 16 Сохранение больших документов ................................................. 16 Экспорт слоев в файлы .................................................................. 17 Выбор формата файлов .................................................................. 18 Сведения о сжатии файла .............................................................. 18 Рабочая среда Photoshop ................................................................ 19
Глава 2. СЛОИ............................................................................................. 20
Режимы наложения слоев (Blending Mode) ................................. 22
Глава 3. ГАЛЕРЕЯ ИНСТРУМЕНТОВ ................................................. 27
3.1. Инструменты выделения ................................................................ 32 Работа с выделенной областью ..................................................... 38 Кадрирование изображений .......................................................... 39 Исправление перспективных искажений ..................................... 42 Трансформация объектов (поворот и отражение) ....................... 43 Изменение размера холста ............................................................. 44 Создание рамки ............................................................................... 45
3
3.2. Работа с цветом ............................................................................... 45 Об основном и фоновом цвете ...................................................... 45 Выбор цветов в палитре инструментов ........................................ 46 Выбор цветов с помощью инструмента «Пипетка» .................... 46 Обзор палитры цветов Adobe ........................................................ 47 Выбор цвета с помощью палитры цветов .................................... 49
3.3. Кисти ................................................................................................ 50 Горячие клавиши в работе с кистями ........................................... 50 Палитра кистей (Brush Palette) ...................................................... 51
3.4. Узоры ................................................................................................ 59 Определение изображения в качестве подготовленного узора ................................................................... 60 Применение паттернов в Photoshop .............................................. 62 Наложение узора при помощи команды «Заливка» (Fill) .......... 62 Наложение узора в «Стилях слоя» ................................................ 63 Создание собственного узора в Фотошопе .................................. 64 Установка узоров в Фотошопе ...................................................... 65
3.5. Контуры ........................................................................................... 67 Создание выделений с помощью инструмента Pen (Перо) ........ 67 Настройки Пера .............................................................................. 68 Настройка панели Path в Фотошопе ............................................. 69 Преобразование контура в границу выделения ........................... 70 Точки и направляющие Пера (Pen Tool) ...................................... 70 Работа с инструментом «Перо» ..................................................... 71 Создание обтравочного пути для буквы R ................................... 72 Заливка векторных фигур, нарисованных Pen Tool .................... 76
Глава 4. ЦВЕТОКОРРЕКЦИЯ ................................................................. 77
Цветовой баланс ............................................................................. 77 Настройка цветового баланса (Color Balance) ............................. 78 Настройка цветового тона/насыщенности (Hue/Saturation) ....... 79 Обесцвечивание (Desaturate) ......................................................... 82 Замена цвета (Replace Color) ......................................................... 82 Выборочная коррекция цвета (Selective Color) ........................... 83 Микширование каналов (Channel Mixer) ..................................... 85 Работа с уровнями (Levels) ............................................................ 86 Работа с кривыми (Curves)............................................................. 95 S-образная и перевернутая S-образная кривые ........................... 96 Пустые участки тонального диапазона и гистограммы ............. 97 Исправление постеризации изображения с помощью кривых .. 98 Использование корректирующих слоев ..................................... 100
4
Глава 5. МАСКИ ....................................................................................... 106
Добавление слоя-маски, скрывающего часть слоя ................... 107 Создание и редактирование быстрой маски .............................. 108 О масках и альфа-каналах ............................................................ 111
ЗАКЛЮЧЕНИЕ ......................................................................................... 112
СПИСОК ЛИТЕРАТУРЫ ....................................................................... 113
Приложение 1. РАБОТА С ТЕКСТОМ В PHOTOSHOP .................. 116
О слоях текста ............................................................................... 116 Ввод текста .................................................................................... 116 Форматирование символов .......................................................... 120 Форматирование абзацев ............................................................. 123 Интерлиньяж и межбуквенные интервалы ................................ 127 О шрифтах ..................................................................................... 130 Применение сглаживания к текстовому слою ........................... 131 Масштабирование и вращение текста ........................................ 132 Создание текста вдоль или внутри контура ............................... 134 Ввод текста по контуру ................................................................ 135 Деформация текста и ее отмена .................................................. 137
Приложение 2. GIF-АНИМАЦИЯ ......................................................... 139
Пример 1: падающий снег ........................................................... 139 Пример 2: анимация блика .......................................................... 142
Приложение 3. ФОРМАТЫ ФАЙЛОВ ................................................. 144
Формат Photoshop (PSD) .............................................................. 144 Формат Photoshop EPS ................................................................. 144 Формат BMP .................................................................................. 145 Формат GIF .................................................................................... 145 Формат JPEG ................................................................................. 145 Формат больших документов (PSB) ........................................... 146 Формат PDF ................................................................................... 146 Формат PNG .................................................................................. 147 Формат TIFF .................................................................................. 147
5
ПРЕДИСЛОВИЕ
В настоящее время наблюдается активный процесс развития ин-форматизации, который характеризуется в первую очередь широким внедрением современных информационных технологий в различные сферы человеческой деятельности. Информатизация современного об-щества привела к изменению характера профессиональной деятельно-сти на основе внедрения в нее новых информационных технологий, в связи с этим изменился подход к подготовке специалиста в разных сфе-рах профессиональной деятельности.
Сфера информационных технологий в дизайне, компьютерной гра-фики – это удивительный симбиоз науки, творчества и технических до-стижений. В этой области сегодня существует много направлений, огромен перечень профессий, в которых применяются ее методы. В свя-зи с чем можно утверждать, что профессиональному дизайнеру необхо-димо владеть программными средствами и приемами работы с объекта-ми компьютерной графики (в первую очередь с изображениями, пред-ставленными в цифровом виде).
Данное учебное пособие является базовым в освоении компьютер-ной графики и позволяет понять основы информационных технологий в дизайне.
6
ВВЕДЕНИЕ
Если посмотреть вокруг – обложки журналов, рекламную печатную продукцию, газеты, рекламные ролики по телевидению, фильмы, кор-поративные презентации, Интернет – это все области применения ком-пьютерной графики, основу которой составляет работа с цифровыми изображениями. Большая часть этих изображений была создана, отре-туширована, исправлена, увеличена и обработана на компьютере. Часто более эффективно и экономически выгодно создавать изображения на компьютере, нежели использовать традиционные методы. Это связано с тем, что цифровые изображения проще хранить, тиражировать, улуч-шать и компоновать с текстами или другими видами информации. Со-временный мир немыслим без компьютерной обработки графической информации. Это необходимо не только профессионалам, создающим мультфильмы и спецэффекты, компьютерные игры и книжные иллю-страции. Деловая графика в офисе также становится все более привыч-ной. Компьютерная графика широко применяется для создания презен-тационных материалов и т. д., в связи с чем освоение информационных технологий в дизайне становится особенно актуальной задачей.
7
Глава 1. ОСНОВЫ РАБОТЫ В PHOTOSHOP
Сведения о растровых изображениях
В растровых изображениях для их представления используется прямоугольная сетка из элементов изображения (пикселов). Каждому пикселу соответствует определенное расположение и значение цвета. При работе с растровыми изображениями редактируются пикселы, а не объекты или фигуры. Растровые изображения − самый распространен-ный способ передачи таких нерастрированных изображений, как фото-графии или цифровые рисунки, поскольку он позволяет наиболее эф-фективно передавать тонкие градации цвета и тонов [1, 2].
Растровые изображения зависят от разрешения, то есть они содер-жат фиксированное количество пикселов. При сильном увеличении на экране или при печати с разрешением ниже первоначального теряются детали, а края становятся неровными.
Рис. 1. Пример растрового изображения с различной степенью увеличения
Иногда для хранения растровых изображений требуется много ме-ста на диске, поэтому для уменьшения размера файлов изображения ча-сто требуют сжатия. Например, перед импортом изображения в макет его сжимают в приложении, где оно было создано.
Сведения о векторных изображениях
Векторные изображения (иногда называемые векторными фигура-ми, или векторными объектами) состоят из линий и кривых, заданных векторами − математическими объектами, которые описывают изобра-жение в соответствии с его геометрическими характеристиками.
Векторные изображения можно свободно перемещать и изменять без потери детализации и четкости, поскольку такие изображения не за-висят от разрешения. Их края остаются четкими при изменении разме-ра, печати на принтере PostScript, сохранении в PDF-файле, а также при
8
импорте в приложение для работы с векторной графикой. Таким обра-зом, векторные изображения − это наилучший выбор для иллюстраций, которые выводятся на различные носители и размер которых приходит-ся часто изменять, например логотипы.
Сочетание векторных и растровых изображений
При использовании в одном документе сочетания векторных и растровых изображений следует помнить, что изображение не всегда выглядит одинаково на экране и на конечном носителе (отпечатанное в типографии или на принтере либо опубликованное на веб-странице) [4]. На качество итогового изображения влияют следующие факторы:
Прозрачность. Многочисленные эффекты реализуются в изобра-жениях с помощью частично прозрачных пикселов. Если изображение содержит прозрачные области, перед экспортом или печатью Photoshop выполняет процесс под названием сведение. В большинстве случаев процесс сведения по умолчанию работает превосходно. Но если изоб-ражение содержит сложные пересекающиеся области и должно быть выведено с высоким разрешением, то может потребоваться контроль-ный просмотр результатов сведения.
Разрешение изображения. Количество пикселов на дюйм (ppi) в растровом изображении. Использование слишком низкого разрешения при подготовке изображения для печати приводит к созданию чернови-ка − изображения с крупными, похожими на пятна пикселами. Исполь-зование слишком высокого разрешения (когда размер пикселов меньше минимального размера точки, которая может быть воспроизведена устройством вывода) увеличивает размер файла без повышения каче-ства итогового изображения и замедляет процесс печати.
Разрешение принтера и линиатура растра. Число точек на дюйм (dpi) и число линий на дюйм (lpi) в полутоновом растре. Соотношение между разрешением изображения, разрешением принтера и линиатурой растра определяет качество детализации отпечатанного изображения.
Цветовые каналы
Каждое изображение Photoshop содержит один или несколько ка-налов, каждый из которых хранит информацию о цветовых элементах изображения. Число используемых по умолчанию цветовых каналов изображения зависит от цветового режима. По умолчанию изображения в битовом режиме, режиме градаций серого, режиме дуотона и режиме индексированных цветов содержат один канал, изображения в режимах RGB и Lab содержат по три канала, а изображения в режиме CMYK −
9
четыре канала. Каналы можно добавлять в изображения всех типов, за исключением битовых.
Каналы цветных изображений являются в действительности полуто-новыми изображениями, каждое из которых представляет отдельный цве-товой компонент изображения. Например, изображение в режиме RGB содержит отдельные каналы для красного, зеленого и синего цветов [1, 3].
Помимо цветовых каналов, в изображение можно включить альфа-каналы, которые используются в качестве масок для сохранения и ре-дактирования выделений, а также каналы смесевой краски, которые ис-пользуются для добавления смесевых цветов при печати.
Битовая глубина
Битовая глубина определяет количество информации о цвете, до-ступное для каждого пиксела изображения. Чем больше битов инфор-мации о цвете выделено на каждый пиксел, тем больше количество до-ступных цветов и точнее их отображение. Например, изображение с би-товой глубиной 1 содержит пикселы с двумя возможными значениями цветов: черным и белым. Изображение с битовой глубиной 8 может со-держать 28, или 256, различных значений цвета. Изображения в режиме градаций серого с битовой глубиной 8 могут содержать 256 различных значений серого цвета.
RGB-изображения составлены из трех цветовых каналов. RGB-изображение c битовой глубиной 8 может содержать 256 различ-ных значений для каждого канала, то есть всего может быть представ-лено более 16 миллионов цветовых значений. RGB-изображения с 8-битными каналами иногда называют 24-битными изображениями (8 бит × 3 канала = 24 бита данных на каждый пиксел).
Кроме изображений с 8-битными каналами, Photoshop может обра-батывать изображения с 16- или 32-битными каналами. Изображения с 32-битными каналами называются также изображениями с расширен-ным динамическим диапазоном (HDR-изображениями).
Поддержка в Photoshop изображений с глубиной 16 бит на канал
Photoshop позволяет работать с изображениями с глубиной 16 бит на канал в следующих режимах:
в режиме градаций серого, режиме RGB, режиме CMYK, режиме Lab и многоканальном цветовом режиме;
при обработке 16-битных изображений могут использоваться все инструменты на панели инструментов (за исключением инструмента «Архивная художественная кисть»);
10
доступны команды коррекции цвета и тона изображения; при обработке изображений с 16 битами на канал можно исполь-
зовать как обычные, так и корректирующие слои; многие фильтры Photoshop можно использовать с 16-битными
изображениями.
Примечание. Чтобы воспользоваться определенными функциями Photoshop, такими как фильтры, изображение с 16 битами на канал можно преобразовать в изображение с 8 битами на канал. Рекомендуется создать копию оригинального файла при помощи команды «Сохранить как» и работать с копией изображе-ния, чтобы в оригинальном файле сохранилась полная информация о цвете с глуби-ной 16 бит на канал.
Преобразование битовой глубины
Чтобы выполнить преобразование между 8 и 16 битами на канал, в меню «Изображение» > «Режим» выберите пункт «16 бит/канал» или «8 бит/канал». Чтобы выполнить преобразование между 8 или 16 и 32 би-тами на канал, в меню «Изображение» > «Режим» выберите пункт «32 бит/канал».
Сведения о размерах в пикселах и о разрешении напечатанных изображений
Размеры в пикселах изменяют общее число пикселов по ширине и длине изображения. Разрешение является мерой четкости деталей раст-рового изображения и исчисляется в пикселах на дюйм (ppi). Чем боль-ше пикселов на дюйм, тем выше разрешение. В целом изображение с более высоким разрешением позволяет получить более высокое каче-ство при печати.
Photoshop позволяет увидеть соотношение между размером изоб-ражения и его разрешением в диалоговом окне «Размер изображения» (меню «Изображение» > «Размер изображения» или комбинация кла-виш Ctrl + Alt + I). Снимите параметр «Интерполяция», так как изме-нять объем данных изображения не требуется. Затем измените ширину, высоту или разрешение. При изменении одной из величин остальные будут приведены в соответствие с первой. Если выбран параметр «Ре-самплинг изображения», можно изменить разрешение, ширину и высоту изображения в соответствии с требованиями печати или вывода на экран [29].
11
Рис. 2. Одно и то же изображение при разрешении 72 и 300 ppi; увеличено до 200 %
Размер файла
Размер файла изображения − это физический размер файла, в кото-ром хранится изображение. Он измеряется в килобайтах (КБ), мегабай-тах (МБ) или гигабайтах (ГБ). Размер файла пропорционален размерам изображения в пикселах. Чем больше количество пикселов, тем деталь-нее изображение, получаемое при печати. Однако для их хранения тре-буется больший объем дискового пространства, а редактирование и пе-чать замедляются. Таким образом, при выборе разрешения необходимо найти компромисс между качеством изображения (которое должно со-держать все необходимые данные) и размером файла.
Другим фактором, влияющим на размер файла, является его фор-мат. Из-за различий в методах сжатия, используемых в форматах фай-лов GIF, JPEG, PNG и TIFF, размеры файлов при одинаковых размерах в пикселах могут сильно отличаться. Аналогично влияют на размер файла битовая глубина цвета и количество слоев и каналов.
Photoshop поддерживает максимальные размеры изображения в пикселах, равные 300 000 по горизонтали и вертикали. Это ограничение определяет предельно допустимые размеры и разрешение изображения на экране и при печати [5].
12
Рис. 3. Размеры в пикселах равны произведению размеров выходного документа на разрешение: А − исходные размеры и разрешение;
Б − уменьшение разрешения без изменения размеров в пикселах (без ресамплинга); В − уменьшение разрешения при неизменных размерах документа приводит
к увеличению размеров в пикселах (ресамплингу)
Ресамплинг
Ресамплинг изменяет объем данных изображения при изменении его размеров в пикселах либо разрешения. При даунсамплинге (умень-шении числа пикселов) изображение теряет часть информации. При ре-самплинге (увеличении числа пикселов, или увеличении разрешения) до-бавляются новые пикселы. Метод интерполяции определяет, каким об-разом удаляются или добавляются пикселы [1].
Не стоит забывать, что ресамплинг может привести к снижению качества изображения. Например, при ресамплинге изображения до большего размера в пикселах уменьшаются его детализация и резкость.
13
Применение фильтра «Контурная резкость» к изображению, подвергну-тому ресамплингу, может повысить резкость деталей изображения.
Избежать ресамплинга можно сканированием или созданием изоб-ражений с достаточно высоким разрешением. Для просмотра результа-тов изменения размеров в пикселах или печати цветопробы при различ-ных разрешениях выполните ресамплинг дубликата исходного файла.
Рис. 4. Ресамплинг пикселов: А − даунсамплинг; Б − без изменений; В − ресамплинг (выбранные пикселы отображаются
для каждого набора изображений)
Photoshop выполняет ресамплинг изображения при помощи мето-дов интерполяции, присваивая новым пикселам значения цвета, полу-ченные на основе значений цвета уже существующих пикселов. Ис-пользуемый метод можно выбрать в диалоговом окне «Размер изобра-жения» (см. рис. 3).
По соседним. Быстрый, но менее точный метод, который повторяет пикселы изображения. Этот метод используется в иллюстрациях, содер-жащих несглаженные края, для того чтобы сохранить четкие границы и
14
создать файл меньшего размера. Однако этот метод может создать зубча-тые края, которые станут заметными при искажении или масштабирова-нии изображения или проведении множества операций с выделением.
Билинейная. Этот метод добавляет новые пикселы, рассчитывая среднее значение цвета окружающих пикселов. Он дает результат сред-него качества.
Бикубическая. Более медленный, но и более точный метод, осно-ванный на анализе значений цвета окружающих пикселов. За счет ис-пользования более сложных вычислений бикубическая интерполяция дает более плавные цветовые переходы, чем интерполяция по соседним пикселам или билинейная интерполяция.
Бикубическая, глаже. Хороший метод для увеличения изображе-ний на основе бикубической интерполяции, разработанный специально для получения более гладких результатов.
Бикубическая, четче. Хороший метод для уменьшения размера изображения на основе бикубической интерполяции с повышенной рез-костью. Этот метод позволяет сохранить детали изображения, подверг-нутого ресамплингу. Если интерполяция «Бикубическая, четче» делает слишком резкими некоторые области изображения, попробуйте вос-пользоваться бикубической интерполяцией.
Примечание. Можно указать метод интерполяции, который будет приме-няться по умолчанию при ресамплинге данных изображения в Photoshop, для этого выберите пункты меню «Редактирование» > «Установки» > «Основные», а затем в меню «Интерполяция изображения» выберите метод.
Открытие файлов
Файлы можно открыть при помощи команд «Открыть» (меню «Файл» > «Открыть») и «Последние документы» (меню «Файл» > «По-следние документы», а затем выберите файл из подменю.
Примечание. Чтобы указать число файлов в меню «Последние документы», измените параметр «Длина списка последних файлов» в диалоговом окне «Обра-ботка файлов». Выберите меню «Редактирование» > «Установки» > «Обработка файлов»). Открыть файлы в программе Photoshop можно также из программ Adobe Bridge или Adobe Photoshop Lightroom.
При открытии некоторых файлов, таких как файлы Camera Raw и PDF, перед окончательным открытием в программе Photoshop можно указать параметры и функции в диалоговом окне. Кроме фотоснимков пользователи Photoshop Extended могут открывать и редактировать 3D-файлы, видеофайлы и последовательности изображений [30].
15
Примечание. Photoshop использует внешние модули для открытия и импорта большого числа форматов файлов. Если формат файла не отображается в диало-говом окне «Открыть» или в меню «Файл» > «Импортировать», то, возможно, необходимо установить специальный внешний модуль для этого формата.
Сохранение файла
Чтобы сохранить изменения в текущем файле, воспользуйтесь ко-мандой «Сохранить» («Файл» > «Сохранить»). Команда «Сохранить как...» позволяет сохранить изменения в другой файл:
1. Выберите команду «Файл» > «Сохранить как...». 2. Выберите формат в меню «Типы файлов». 3. Укажите имя и местоположение файла. 4. В диалоговом окне «Сохранить как...» выберите параметры со-
хранения. 5. Нажмите кнопку «Сохранить». Параметры сохранения файла (см. п. 4. последовательности сохра-
нения файла). В диалоговом окне «Сохранить как...» можно задать различные па-
раметры сохранения файла. Доступность параметров зависит от харак-теристик сохраняемого изображения и выбранного формата файла.
Как копия. Сохраняет копию файла, оставляя текущий файл от-крытым на рабочем столе.
Альфа-каналы. Сохраняет информацию об альфа-канале в данных изображения. Отключение этого параметра удаляет альфа-каналы из со-храненного изображения.
Слои. Сохраняет все слои в изображении. Если этот параметр от-ключен или недоступен, все видимые слои сводятся или совмещаются (в зависимости от выбранного формата).
Комментарии. Сохраняет комментарии к изображению. Миниатюра (Windows). Сохраняет данные миниатюры для файла. Для расширения файла используйте нижний регистр
(в Windows). Обеспечивает начертание расширения файла строчными буквами.
Сохранение больших документов
Photoshop поддерживает документы размером до 300 000 пикселов в любом измерении и предлагает три формата файлов для сохранения документов с изображениями любого размера и более чем 30 000 пиксе-лов [31]. Имейте в виду, что большинством других приложений, вклю-чая более ранние версии Photoshop, чем Photoshop CS, не могут обраба-тываться файлы, размер которых превышает 2 ГБ, либо изображения любого размера и более чем 30 000 пикселов.
16
Вызовите команду «Файл» > «Сохранить как...» и выберите один из следующих форматов файла:
Формат больших документов (PSB). Поддерживает документы с любым размером файла. В файлах PSB сохраняются все возможности Photoshop (хотя некоторые фильтры внешних модулей недоступны, если ширина или высота документа превышает 30 000 пикселов). В настоя-щее время файлы PSB поддерживаются только в Photoshop CS и более поздних версиях.
Photoshop Raw. Поддерживает документы любых размеров (по размерам в пикселах или по размерам файлов), но не поддерживает слои. Большие документы, сохраняемые в формате Photoshop Raw, сво-дятся.
TIFF. Поддерживает файлы размером до 4 ГБ. Документы, размер которых превышает 4 ГБ, не могут быть сохранены в формате TIFF.
Экспорт слоев в файлы
Можно экспортировать и сохранять слои как отдельные файлы с использованием множества различных форматов, включая PSD, BMP, JPEG, PDF, Targa и TIFF. Слои именуются автоматически по мере со-хранения. Можно задать параметры для управления генерацией имен.
1. Выберите «Файл» > «Сценарии» > «Экспортировать слои в файлы». 2. В диалоговом окне «Экспорт слоев в файлы» в разделе «Выход-
ная папка» нажмите кнопку «Обзор», чтобы выбрать место сохранения для экспортируемых файлов. По умолчанию создаваемые файлы сохра-няются в той же папке, где хранится исходный файл.
3. Введите имя в текстовом поле «Префикс имени файла», чтобы задать общее имя для файлов.
4. Выберите параметр «Только видимые слои», если необходимо экспортировать только те слои, для которых включена видимость на па-нели «Слои». Используйте этот параметр, если нет необходимости экс-портировать все слои. Отключите видимость для слоев, которые экс-портировать не нужно.
5. В меню «Тип файла» выберите формат файла. Задайте необхо-димые параметры.
6. Выберите параметр «Включить ICC-профиль», если необходимо встроить профиль рабочего пространства в экспортируемый файл. Этот параметр важен для рабочих потоков с цветовым профилем.
7. Нажмите кнопку «Выполнить».
17
Выбор формата файлов
Форматы графических файлов различаются способом представле-ния данных изображения (в пиксельном или векторном виде) и поддер-живают разные методы сжатия и функции Photoshop [9]. Чтобы сохра-нить все возможности Photoshop (слои, эффекты, маски и т. д.), сохра-ните экземпляр изображения в формате Photoshop (PSD).
Как и большинство форматов файлов, формат PSD поддерживает файлы размером до 2 ГБ. Файлы, размер которых превышает 2 ГБ, необходимо сохранять в формате Large Document Format (PSB), Photoshop Raw (только для сведенных изображений), TIFF (до 4 ГБ) или DICOM.
Стандартная битовая глубина изображений составляет 8 битов на канал. Использование следующих форматов позволяет обеспечить больший динамический диапазон для 16- или 32-битных изображений:
Форматы для 16-битных изображений (требуется команда «Сохранить как»: Photoshop, формат больших документов (PSB), Cineon, DICOM, IFF, JPEG, JPEG 2000, Photoshop PDF, Photoshop Raw, PNG, переносимый растровый формат и TIFF.
Примечание. Команда «Сохранить для Web и устройств» автоматически преобразует 16-битные изображения в 8-битные.
Форматы для 32-битных изображений (требуется команда «Сохранить как»): Photoshop, Large Document Format (PSB), OpenEXR, Portable Bitmap, Radiance и TIFF.
Сведения о сжатии файла
Многие файловые форматы используют сжатие для уменьшения размера файла битовых изображений. Методики сжатия без потерь позволяют выполнять сжатие файла без удаления деталей изображения или данных о цвете; методики сжатия с потерями искажают или уда-ляют детали. Ниже перечислены наиболее часто используемые методи-ки сжатия:
RLE (Run Length Encoding). Сжатие без потерь; поддерживается некоторыми обычными форматами файла в Windows.
LZW (Lemple-Zif-Welch). Сжатие без потерь; поддерживается фор-матами TIFF, PDF, GIF, а также PostScript. Наиболее подходящий вари-ант сжатия для изображений с большими областями одного цвета.
JPEG (Joint Photographic Experts Group). Сжатие с потерями; под-держивается форматами JPEG, TIFF, PDF, а также PostScript. Рекомен-дуется для нерастрированных изображений, например фотографий. JPEG использует сжатие с потерями. Чтобы задать качество изображе-
18
ния, выберите параметр в меню «Качество», передвиньте всплывающий ползунок «Качество» или введите значение от 0 до 12 в текстовое поле «Качество». Для получения наилучших результатов при печати выби-райте сжатие с максимальным качеством. Файлы JPEG можно печатать только на принтерах PostScript уровня 2 или выше, они не могут быть разделены на отдельные формы.
CCITT. Семейство методик сжатия без потерь для черно-белых изображений; поддерживается форматами файлов PDF и PostScript. (CCITT является аббревиатурой французского написания названия ко-митета «International Telegraph and Telekeyed Consultive Committee».)
ZIP. Сжатие без потерь; поддерживается форматами PDF и TIFF. Как и в случае с LZW, сжатие ZIP наиболее эффективно для изображе-ний, содержащих большие области одного цвета.
Рабочая среда Photoshop
Прежде чем начать работу в графическом редакторе Adobe Pho-toshop CS4 (или старше), необходимо познакомиться с рабочим про-странством программного продукта. Интерфейс Adobe Photoshop CS4 достаточно прост в освоении [34] и интуитивно понятен (рис. 5).
Рис. 5. Рабочее пространство Adobe Photoshop
В верхней части экрана расположены пункты меню; слева – панель быстрого доступа к инструментам; справа – окно предварительного просмотра, цветовая палитра и вкладки со списком слоев, цветовыми каналами и т. д.
19
Глава 2. СЛОИ
Для того чтобы начать работу, необходимо открыть любое изображе-ние с помощью меню «File-» > «Open» («Файл-» > «Открыть») или с по-мощью горячих клавиш Ctrl + O. После того как картинка появилась в ра-бочем окне Photoshop, обратите внимание на палитру слоев в правой ниж-ней части экрана (вкладка Layers, рис. 6). В случае, если эта вкладка отсут-ствует, откройте пункт меню Window (Окно) и поставьте галочку напротив слоев (Layers). То же самое можно сделать, нажав «горячую» клавишу F7.
На рис. 6 обозначены параметры работы со слоями: Активный слой. Активным слоем является тот слой, строчка кото-
рого выделена на палитре Layers. Работа инструментами осуществляется на выбранном слое. Команды цветокоррекции и фильтры воздействуют только на выделенный слой. Выделить слой можно выбором строчки на палитре или щелчком инструментом Move по изображению слоя в окне документа (при активной галочке Auto Select на панели свойств).
Слой Background. Практически любое изображение, открываемое в программе, содержит слой Background (Фон). Этот слой нельзя пере-мещать в открытом документе, и он всегда занимает нижнюю позицию в палитре.
Копирование слоя. Чтобы скопировать любой существующий слой, перетащите строчку с его именем на кнопку создания нового слоя в палитре. Либо щелкните по его строчке в палитре, чтобы он стал ак-тивным, и нажмите CTRL + J.
Создание нового слоя. Для создания нового слоя щелкните по со-ответствующей кнопке на палитре (вторая справа) или нажмите Ctrl+Shift+N. Только что созданный новый слой будет полностью про-зрачным до тех пор, пока вы не начнете рисовать на нем.
Переименование слоя. Для изменения имени слоя дважды щелк-ните по его названию на палитре и введите новое имя. При переимено-вании слоя Background он превращается в обычный слой.
Удаление слоя. Для удаления слоя перетащите соответствующую ему строчку в палитре на кнопку с изображением корзины.
Изменение порядка слоев. Самый верхний слой в палитре нахо-дится выше остальных и в документе. Чтобы изменить порядок следо-вания слоев, перетащите строчку слоя на другое место в палитре.
Видимость слоя. Для временного отключения видимости слоя щелкните по изображению глаза рядом с миниатюрой слоя. Повторный щелчок восстанавливает видимость.
20
Рис. 6. Палитра слоев Layers
Прозрачность и режим наложения слоя. Для каждого слоя мож-но установить свой уровень прозрачности и режим наложения, исполь-зуя поле Opacity (прозрачность) и выпадающий список режимов.
О режимах наложения слоев стоит сказать несколько слов отдель-но, поскольку их достаточно много, и разобраться с результатом ис-пользования этой опции можно только на практике.
21
Режимы наложения слоев (Blending Mode)
При наложении одного изображения на другое, верхнее может полно-стью перекрывать нижнее. При установке значения непрозрачности для верхнего изображения менее 100 %, нижний слой будет «просматриваться». Помимо этого возможны различные способы наложения слоев [6, 7, 8].
В процессе наложения имеют место три составляющие: исходный цвет − цвет пикселов основного рисунка, вносимый цвет − цвет пикселов накладываемой области, т. е.
пикселов другого слоя, результирующий цвет − цвет пикселов в результате наложения
исходных и вносимых пикселов. В табл. 1 приведены различные режимы наложения на примере слоя
с бабочкой (вносимый) и слоя с яблоком и зеленым фоном (исходный):
Таблица 1 Режимы наложения слоев
Normal (Нормальный) В этом режиме (он устанавливается по умолчанию) происходит полная замена исходного цвета на вноси-мый
Dissolve (Растворение) В этом режиме происходит замена исходного цвета на вносимый со случайным распределением и с учетом прозрачности. Чтобы увидеть действие этого режима, следует установить Opacity меньше 100 % (в данном случае непрозрачность слоя с яблоком равна 70 %)
Darken (Затемнение) В этом режиме происходит замена тех исходных цве-тов, которые светлее вносимого, а цвета, которые тем-нее вносимого, остаются без изменения
22
Multiply (Умножение) В этом режиме исходный и вносимый режим «пере-множаются», и результирующий цвет получается все-гда темнее исходного. Если вносится черный цвет, то результирующий тоже будет черным. Эффект напоми-нает результат действия темного маркера
Color Burn (Затемнение основы) В этом режиме происходит затемнение базовых цветов для того, чтобы отразить вносимый цвет. Вносимый белый цвет на результат не влияет
Linear Burn (Линейное затемнение) В этом режиме исходный цвет затемняется, чтобы со-ответствовать вносимому цвету по яркости. Вносимый белый цвет не оказывает влияния, а черный полностью заменяет исходный
Lighten (Осветление) В этом режиме происходит замена только тех исходных цветов, которые темнее вносимого, а цвета, которые светлее вносимого, остаются без изменения
Screen (Экранирование) В этом режиме исходный и вносимый режим «делят-ся», и результирующий цвет получается светлее исход-ного. Если вносится белый цвет, то результирующий тоже будет белым. Эффект напоминает действие отбе-ливающего вещества
23
Color Dodge (Осветление основы) В этом режиме происходит осветление базовых цветов для того, чтобы отразить вносимый цвет. Вносимый черный цвет на результат не влияет
Linear Dodge (Линейное осветление) В этом режиме исходный цвет осветляется, чтобы со-ответствовать вносимому цвету по яркости. Вносимый черный цвет не оказывает влияния, а белый полностью заменяет исходный
Overlay (Перекрытие) Этот режим усиливает цвет, как Multiply, или ослабляет цвет, как Screen, в зависимости от исходного цвета: вносимый цвет не заменяется, а накладывается на ис-ходный, сохраняя соотношение цветов и теней. Если вносится черный цвет, то результирующий тоже будет черным. То же самое будет и с белым цветом
Soft Light (Мягкий свет) Этот режим усиливает или ослабляет цвет в зависимо-сти от вносимого цвета (результат напоминает освеще-ние рассеянным светом). Если вносимый цвет светлее 50%-го серого, исходный цвет осветляется. Аналогич-но, если вносимый цвет темнее 50%-го серого, то ре-зультат затемняется
Hard Light (Жесткий свет) В этом режиме происходит усиление (затемнение) цве-та, как в режиме Multiply, или ослабление цвета, как в режиме Screen, в зависимости от вносимого цвета (ре-зультат напоминает освещение резким светом). Если вносимый цвет светлее 50%-го серого, исходный цвет осветляется идентично режиму Screen. Аналогично, ес-ли вносимый цвет темнее 50%-го серого, то результат затемняется идентично режиму Multiply. Режим очень удобен для создания теневых областей
24
Vivid Light (Четкий свет) В этом режиме происходит затемнение или осветление исходного цвета за счет усиления или уменьшения кон-траста, который зависит от вносимого цвета
Linear Light (Линейный свет) В этом режиме происходит осветление или затемнение исходных цветов за счет уменьшения или увеличения яркости, которая зависит от вносимого цвета
Pin Light (Направленный свет) В этом режиме происходит замена исходных цветов в зависимости от вносимого цвета
Hard Mix (Смесь) Этот режим объединяет эффекты, создаваемые режи-мами Hard Light и Vivid Light
Difference (Разница) В этом режиме результирующий цвет равняется разни-це в яркостях исходного и вносимого цветов
25
Exclusion (Исключение) Этот режим напоминает режим Difference, но действует мягче. При внесении белого цвета происходит инвер-тирование. Черный не оказывает влияние на базовый цвет
Hue (Цветовой тон) В этом режиме результирующий цвет получает цвето-вой тон вносимого цвета, но сохраняет значения насы-щенности (saturation) и яркости (luminosity) исходного цвета
Saturation (Насыщенность) В этом режиме результирующий цвет получает насы-щенность вносимого цвета, но сохраняет оттенок (hue) и яркость (luminosity) исходного
Color (Цветность) В этом режиме результирующий цвет получается с яр-костью (luminosity) исходного, но с цветовым тоном (hue) и насыщенностью (saturation) вносимого. Находит широкое применение для раскрашивания черно-белых изображений
Luminosity (Яркость) В этом режиме результирующий цвет получается с цве-товым тоном (hue) и насыщенностью (saturation) ис-ходного, но с яркостью вносимого. Режим по своему результату противоположен режиму Color
26
Глава 3. ГАЛЕРЕЯ ИНСТРУМЕНТОВ
При запуске Photoshop панель «Инструменты» появляется в левой части экрана. Некоторые инструменты панели «Инструменты» имеют параметры, отображающиеся в контекстно-зависимых панелях парамет-ров (рис. 7).
Можно развернуть некоторые инструменты, чтобы отобразить ин-струменты, скрытые под ними. Маленький треугольник в правом нижнем углу значка инструмента обозначает наличие скрытых инструментов [36].
Можно просмотреть информацию о любом инструменте, наведя на него курсор. Название инструмента отображается в подсказке под кур-сором.
Рис. 7. Обзор панели инструментов
27
Инструменты выделения
Группа инструментов
«Область» служит для выделения прямоугольных,
овальных областей, областей из одной строки
и одного столбца
Инструмент
«Перемещение» перемещает
выделенные области, слои и направляющие
Группа инструментов «Лассо»
служит для создания нарисованных от руки,
многоугольных (с прямыми краями) и «магнитных» (привязанных)
областей выделения
Инструмент «Быстрое выделение» позволяет быстро «нарисовать» выделенную область
с помощью регулируемого круглого кончика кисти
Инструмент «Волшебная палочка» выделяет области, окрашенные
сходным образом
Инструменты кадрирования и выделения фрагментов
Инструмент «Рамка» усекает изображения
Инструмент «Раскройка» создает фрагменты
Инструмент «Выделение
фрагмента» выделяет фрагменты
Инструменты ретуширования
Инструмент «Точечная
восстанавливающая кисть» удаляет пятна
и объекты
Инструмент «Восстанавливающая кисть» устраняет
дефекты изображения, закрашивая их образцами
или узорами
Инструмент «Заплатка» устраняет дефекты в выделенной области изображения
с помощью образца или узора
Инструмент «Красные глаза»
удаляет красные блики, вызванные
фотографированием со вспышкой
28
Инструмент «Штамп» служит для рисования с помощью образца изображения
Инструмент «Узорный штамп» служит для рисования
с помощью части изображения в качестве узора
Инструмент «Ластик» стирает пикселы
и восстанавливает части изображения до состояния на момент последнего
сохранения
Инструмент «Фоновый
ластик» путем перетаскивания стирает области изображения до прозрачности
Инструмент «Волшебный ластик» одним щелчком
стирает однотонно окрашенные области изображения до прозрачности
Инструмент «Размытие» смягчает
четкие края изображения
Инструмент
«Резкость» делает более резкими мягкие края
изображения
Инструмент «Палец» размазывает данные на изображении
Инструмент «Осветлитель»
осветляет области изображения
Инструмент «Затемнитель» делает более темными области
изображения
Инструмент «Губка» изменяет насыщенность
цвета в области
29
Инструменты раскраски
Инструмент «Кисть» наносит мазки кистью
Инструмент «Карандаш» рисует линии с четкими
краями
Инструмент «Замена
цвета» заменяет выбранный цвет другим
Инструмент
«Микс-кисть» моделирует реалистичные приемы
живописи, такие как смеше-ние цветов на холсте
и изменение влажности краски
Инструмент «Архивная кисть» рисует копию выбранного состояния или снимок в текущем окне изображения
Инструмент «Архивная художественная кисть» рисует стилизованные мазки, имитирующие различные художественные стили, с помощью выбранного состояния или снимка
Инструменты «Градиент» создают
прямолинейные, радиальные, конусовидные, зеркальные и ромбовидные переходы между цветами
Инструмент «Заливка» заполняет
основным цветом области, окрашенные сходным образом
Рисование и инструменты «Текст»
Инструмент «Выделение контура» выделяет фигуры или сегменты, отображая узловые точки, линии
направления и точки направления
Инструмент «Текст»
создает текст на изображении
Инструмент
«Текст-маска» создает области выделения в форме текста
30
Группа инструментов
«Перо» позволяет рисовать контуры с гладкими краями
Группа инструментов
«Фигура» и инструмент «Линия» рисуют фигуры и линии на обычном слое
или слое-фигуре
Инструмент
«Произвольная фигура» создает произвольные фигуры,
выбранные из списка заказных фигур
Инструменты комментариев, измерений и навигации
Инструмент «Рука»
перемещает изображение в пределах окна
Инструмент «Поворот вида» позволяет вращать
холст без внесения необратимых изменений
Инструмент «Масштаб» увеличивает или уменьшает масштаб изображения
Инструмент «Коммента-рий» используется для
добавления комментариев к изображению
Инструмент «Пипетка» служит для забора образцов
цвета в изображении
Инструмент «Цветовой эталон» отображает
значения цветов для одной, двух, трех или четырех
областей
Инструмент «Линейка»
измеряет расстояния, углы и определяет местоположение
Инструмент «Счетчик»
считает объекты изображения. (Только для Photoshop Extended)
31
3.1. Инструменты выделения
Инструменты выделения представляют 3 основные группы: 1) «Выделение» (Marque Tool) ; 2) «Лассо» (Lasso) ; 3) «Инструменты быстрого выделения» (Quick Selection, Magic
Wand) . Использование каждой из перечисленных групп имеет в конечном
счете одну цель – создание выделенной области, но делать выбор в пользу того или иного инструмента стоит в зависимости от поставлен-ной задачи.
1. Выделение (Marque Tool)
Rectangular / Elliptical Marquee Tool – прямоугольное / овальное выделение.
Single Row / Column Marquee Tool – строка или столбец шириной в 1 пиксель.
Использование клавиш при создании выделений (удерживание при очерчивании прямоугольной или овальной области):
Shift – позволяет сделать геометрически правильные выделения (квадрат, круг);
Alt − выделение расширяется от центра (того места, куда был по-ставлен курсор мыши);
Shift + Alt − соответственно, от центра расширяется геометрически правильное выделение.
Если хотя бы одна область выделения уже построена, то те же кла-виши позволяют осуществлять операции объединения, вычитания, пе-ресечения выделенных областей:
Shift − новое выделение добавится к существующему; Alt − новое выделение вычтется из существующего; Alt + Shift − новое выделение пересечется с существующим.
32
Панель свойств инструмента «Выделение» (Marque Tool) представ-лена на рис. 8:
Рис. 8. Панель свойств инструмента «Выделение» (Marque Tool)
2. Лассо (Lasso)
Lasso Tool – лассо; Polygonal Lasso Tool − многоугольное лассо; Magnetic Lasso Tool – магнитное лассо.
Обычно группой инструментов «Лассо» пользуются люди, при-
выкшие рисовать мышью или использующие графический планшет. Тем не менее эта группа инструментов бывает полезна и в ряде других случаев.
Если контур изображения состоит из множества прямых линий (например, пятиконечная звезда), то лучше использовать многоуголь-ное лассо (Polygonal Lasso). Этот инструмент идеально подходит для выделения геометрических форм и областей, состоящих из множества углов.
Магнитное лассо (Magnetic Lasso) попробует создать за пользова-теля выделенную область, изучив цвета пикселов, поверх которых про-ходит указатель мыши. Магнитное лассо работает лучше, когда между элементом, который необходимо выбрать, и областью вокруг него су-ществует довольно резкий контраст.
Лассо (Lasso) позволяет создавать выделенную область полностью в свободной форме, как если бы рисовали карандашом. Для выбора это-го инструмента необходимо щелкнуть по его кнопке на панели инстру-ментов или нажать клавишу L. Затем, нажав и удерживая кнопку мыши в позиции документа, откуда необходимо начать выделение, обвести желанный объект выделения, будто работа выполняется карандашом.
Как только рисование завершено и кнопка мыши отпущена, фото-шоп автоматически завершит выделенную область прямой линией (то есть если ее не завершили, установив указатель мыши на начальную точку), и выделенная область будет обозначена «бегающим» пункти-
33
ром. Если же какие-то отрезки контура необходимо сделать прямыми, то переход между инструментами Lasso и Polygonal Lasso во время ра-боты возможно выполнять с помощью клавиши Alt. Для того чтобы за-мкнуть выделение, необходимо: в режиме Lasso – просто отпустить клавишу мыши (контур замкнется автоматически), Polygonal Lasso –нажать Ctrl или выполнить двойной щелчок мышью.
Для инструмента многоугольное лассо (Polygonal Lasso) суще-ствуют дополнительные «горячие» клавиши:
Shift – создание сегмента под углом, кратным 45º; Панель параметров (атрибутов) предоставляет одинаковые элемен-
ты управления независимо от того, какой инструмент активен: Режим (Mode). Эти четыре кнопки (значки которых похожи на
листы бумаги) позволяют выбрать один из тех же режимов, которые предлагаются для большинства инструментов выделения:
Новая выделенная область (New); Добавить к выделенной области (Add to selection); Вычитание из выделенной области (Subtract from selection); Intersect with selection (Пересечение с выделенной областью).
Растушевка (Feather). Если вы хотите размыть края выделенной области, введите в это поле значение в пикселах. В противном случае растушевка не будет производиться.
Сглаживание (Anti-alias). Если установить этот флажок, про-грамма будет немного смягчать края выделенной области, делая ее ме-нее зубчатой.
Панель свойств инструмента Magnetic Lasso Tool (рис. 9) ничем не отличается от остальных в группе инструментов «Лассо», но для того, чтобы достичь лучших результатов, используя этот инструмент, требу-ется отрегулировать настройки на панели параметров.
Рис. 9. Панель свойств инструмента Magnetic Lasso Tool
Кроме обычных параметров, таких как режимы выделенных обла-стей, настроек растушевки и сглаживания, магнитное лассо позволяет также настроить следующие параметры:
Ширина (Width) определяет, насколько близко от края объекта должен находиться указатель мыши, чтобы выделился объект. Изна-чально в этом поле установлено значение 10 пикселов, но вы можете ввести число в диапазоне от 1 до 256. Используйте меньшее число при
34
попытке выделить край, состоящий из множества поворотов и углов, и более высокое значение для выделения области с достаточно гладкими краями.
Совет: можно изменить настройки ширины на 1 пиксел за шаг, об-водя контур, нажатием клавиш ] и [. Установить значение ширины на 1 можно, нажав сочетание клавиш Shift + [, а на 256 − нажав сочетание клавиш Shift + ].
Контрастность границ (Contrast) контролирует, насколько сильной должна быть разница в цвете между соседними пикселами, чтобы распознался край. Вы можете попытаться увеличить процентное соотношение, если хотите выбрать край, который не очень хорошо вид-но, но вам, возможно, повезет больше с другим инструментом выделе-ния. Если вы используете сочетания клавиш, увеличить или уменьшить значение данной настройки на один процент за шаг можно, нажав кла-вишу > или <. Нажмите сочетание клавиш Shift + > или Shift + <, чтобы установить значение на 1 % или 100 % соответственно.
Частота (Frequency) определяет, сколько опорных точек уста-навливает инструмент. Если вы выделяете область с множеством дета-лей, вам понадобится больше опорных точек, чем для гладких областей. Установка данного поля на 0 позволяет добавить всего несколько точек, а на 100 − множество. Изначально установленное значение 57, как пра-вило, оптимально. Нажмите клавишу ; или ‘ , чтобы увеличить или уменьшить этот параметр на 1 пункт соответственно. Добавьте к этим клавишам Shift, чтобы перескочить к значениям 1 и 100.
Изменение нажима приводит к изменению ширины пера (Use tablet pressure to change pen width). Если вы используете чувствитель-ный к давлению графический планшет, то активация этого параметра, кнопка которого выглядит как кончик пера с кругами вокруг него, поз-волит изменять настройки ширины, нажимая на планшет пером сильнее или слабее.
3. Инструменты быстрого выделения (Quick Selection, Magic Wand)
Quick Selection Tool – быстрое выделение; Magic Wand Tool – волшебная палочка.
Инструмент быстрое выделение (Quick Selection Tool) невероят-но прост в использовании и позволяет создавать сложные выделения несколькими мазками регулируемой кисти. При рисовании с помощью этого инструмента выделение распространяется на внешнюю сторону объекта, чтобы охватить пикселы, аналогичные по цвету тем, по кото-
35
рым проводят кистью. Он работает отлично, если контраст между тем, что необходимо выбрать, и остальной частью изображения достаточно сильно выражен, т. е., если цвет объектов, которые необходимо выде-лить, сильно отличается от цвета их фона, следует выбирать инструмент «Быстрое выделение». Активировав его, нужно один раз щелкнуть мы-шью по области, которую требуется выделить, или провести поверх нее указателем мыши, как будто в режиме рисования. Когда инструмент установлен в режим «Добавить к выделенной области», внутри указате-ля виден крошечный знак +. В этом режиме можно добавить область к уже выделенной или создать множественные выделенные области.
Панель параметров предлагает три режима: Новая выделенная область. Инструмент автоматически уста-
новлен на создание совершенно новой выделенной области, что очень удобно, так как весь смысл заключается как раз в ее создании.
Добавить к выделенной области. После того, как вы щелкнули мышью или сделали первый мазок кистью, автоматически происходит переход в режим «Добавить к выделенной области». Теперь программа добавит любые дополнительные области, по которым пользователь про-ведет кистью или щелкнет мышью.
Вычитание из выделенной области. Фотошоп может выбрать больше, чем на самом деле необходимо. Если возникла эта проблема, то следует выбрать этот режим, а затем провести кистью по области, кото-рая не нужна, чтобы ее исключить.
Примечание. Для максимально эффективного использования инструмента можно использовать сочетания клавиш, которые могут помочь ускорить процесс. Для перехода в режим «Добавить» нажмите и удерживайте клавишу Shift. Для пе-рехода в режим «Вычитание» нажмите и удерживайте клавишу Alt. Эти сочета-ния клавиш такие же, как и сочетания клавиш инструментов выделения области (Marque Tool).
Есть еще несколько опций инструмента «Быстрое выделение», о которых полезно знать:
Параметры кисти. Используйте более крупную кисть для выделе-ния больших, а кисть поменьше − для выделения мелких или труднодо-ступных мест. Как указывалось выше, достичь лучших результатов можно с помощью кисти с жесткой щетиной, а не с мягкой.
Образец со всех слоев (Sample all layers). Изначально данная настройка отключена. Это означает, что фотошоп учитывает только пикселы активного слоя. Если вы установите данный флажок, програм-ма будет использовать документ целиком и захватывать все подобные пикселы, независимо от того, на каком слое они находятся.
36
Усилить автоматически. Поскольку инструмент «Быстрое выде-ление» создает выделенные области очень быстро, их края могут в итоге выглядеть грубыми и несовершенными. Чтобы сделать это более тща-тельно, установите этот флажок. Эта функция сделает края более глад-кими, однако, если пользователь работает с очень большим файлом, он будет обрабатываться очень долго.
Волшебная палочка (Magic Wand) в Photoshop выделяет пиксели, полагаясь на тон и цвет. Когда пользователь кликает по участку изоб-ражения инструментом, Photoshop определяет тон и цвет участка, по ко-торому кликнули, и выделяет пиксели, имеющие те же самые значения цвета и яркости. Это делает Волшебную палочку (Magic Wand) неза-менимой при выделении цвета на больших участках. Для того чтобы понять, какие возможности у этого инструмента, необходимо разо-браться с панелью свойств, приведенной на рис. 10.
Рис. 10. Панель свойств инструмента «Волшебная палочка»
Параметр Допуск (Tolerance) говорит Photoshop, насколько разны-ми по тону и цвету могут быть пиксели, формирующие участок, кото-рый выбрали для включения в выделение. По умолчанию значение До-пуска (Tolerance) установлено на 32, это означает, что Photoshop выде-лит любые пиксели того же цвета, что и участок, по которому кликнули, и добавит к ним еще пикселей 32 различных оттенков темнее и 32 от-тенков ярче.
Вы можете устанавливать Допуск (Tolerance) на любое значение между 0 и 255. Чем выше значение, тем шире диапазон пикселей, кото-рые выделит Photoshop. Допуск (Tolerance), установленный на 255, вы-делит все изображение, поэтому следует обычно выбирать более низкие значения.
При отмеченном параметре Смежные пиксели (Contiguous), как это установлено по умолчанию, Photoshop будет выделять только те пиксели, которые входят в число приемлемых по цвету и цветовому диапазону, определяемым параметром Допуск (Tolerance). Любые пик-сели, располагаемые в пределах значений параметра Допуск (Tolerance), но отделенные от участка, по которому кликнули, пикселя-ми, не входящими в указанный диапазон, выделены не будут.
37
Работа с выделенной областью
Работа с выделениями не ограничивается созданием выделенной области, она включает в себя еще и ряд возможностей работы с уже со-зданным выделением. К таким возможностям относят контекстное ме-ню инструментов выделения и меню Select (Выделение).
Контекстное меню инструментов выделения (щелчок правой кноп-кой мыши внутри выделенной области при выбранном инструменте вы-деления) представлено на рис. 11.
Рис. 11. Контекстное меню инструментов выделения
Deselect (снятие выделения) также можно выполнить с помощью «горячих» клавиш CTRL+D или нажатием кнопки ESC.
Меню Select (Выделение) содержит подменю Modify (Изменить): Border (граница) – ширина выделенной полоски вокруг текущей
выделенной области; Smooth (сглаживание) – программа исследует вокруг каждого пик-
села границы квадрата со стороной, равной введенному значению ради-уса. Если большинство пикселей квадрата попадают в выделение, то и остальные включаются, а если большинство не попадает, то и попада-ющие в выделение исключаются;
Expand (расширить) – увеличение выделения на заданное количе-ство пикселей;
Contract (вычесть) – уменьшение выделения на заданное количе-ство пикселей;
Grow – включение в область выделения смежных с выделенными пикселей, удовлетворяющих условию допуска, введенного для Magic Wand;
38
Similar – расширяет выделенную область, включая в нее пиксели оттенков, удовлетворяющих условиям допуска;
Feather – растушевка границ выделенной области (станет видна при вырезании). Выбирается ширина края растушевки.
Основные функции работы с выделениями кратко описаны в табл. 2.
Таблица 2 Основные функции работы с выделениями
Залить выделение основ-ным/дополнительным цветом
ALT + Backspace CTRL + Backspace
Добавить новую область к выделению Удерживать Shift при построении Вычесть из выделения новую область Удерживать Alt при построении
Переместить выделенную область Выбрать инструмент выделения (из пер-вых 2-х групп), нажать кнопку мыши внутри выделенной области, переместить
Выделить все CTRL + A или Select – All Создать выделение по границе изобра-жения на слое
CTRL + Click на иконке слоя в палитре Layers.
Снять выделение CTRL + D, Select − Deselect Создать слой, скопировав выделенную область
CTRL + J
Создать растушевку границ выделен-ной области
ALT + CTRL + D, Select – Feather, Feather контекстного меню
Увеличить / уменьшить выделение Select – Modify – Expand / Contract Трансформировать выделение Select – Transform Selection Поменять выделенные и невыделенные области местами (инвертировать)
CTRL + SHIFT + I, Select − Inverse
Заливка / обводка выделения Fill / Stroke в контекстном меню Создание слоя из выделенной области Layer via copy / cut в контекстном меню
Кадрирование изображений
Кадрирование − это отсечение частей изображения с целью фоку-сирования или улучшения компоновки. Кадрировать изображение можно с помощью инструмента «Рамка» и команды «Кадрировать». Кроме того, отсекать пикселы можно командами «Выпрямить и кадри-ровать» и «Тримминг». Наиболее распространенным в использовании является инструмент «Рамка» (рис. 12).
Рис. 12. Использование инструмента «Рамка»
39
Кадрирование изображения с помощью инструмента «Рамка» (Crop)
1. Выберите инструмент «Рамка» . 2. (Необязательно). На панели выбора параметров задайте пара-
метры ресамплинга. 3. Чтобы кадрировать изображение без интерполяции (она отклю-
чена по умолчанию), убедитесь, что значение в текстовом поле «Разре-шение» на панели выбора параметров не задано. Для быстрой очистки всех текстовых полей нажмите кнопку «Очистить».
4. Для ресамплинга при кадрировании изображения укажите на па-нели выбора параметров значения высоты, ширины и разрешения. Что-бы поменять местами размеры высоты и ширины, щелкните значок «Меняет местами высоту и ширину» .
5. Для интерполирования какого-либо изображения по измерениям и разрешению другого изображения откройте это другое изображение, выберите инструмент «Рамка» и нажмите кнопку «Изображение» на панели выбора параметров. Затем вернитесь к изображению, которое нужно кадрировать.
При интерполяции во время кадрирования используется метод ин-терполяции по умолчанию, заданный в основных установках.
Примечание. Чтобы выбрать или создать набор интерполяции, щелкните треугольник рядом со значком инструмента «Рамка» на панели параметров.
6. Выделите область изображения, которую следует оставить. 7. При необходимости скорректируйте кадрируемую область. 8. Чтобы осуществить перемещение области, поместите курсор
внутрь ограничительной рамки и перетащите область. 9. Для масштабирования области перетащите соответствующую
рукоять. Для сохранения пропорций удерживайте клавишу «Shift» при перемещении угловой рукояти.
10. Чтобы повернуть область, переместите курсор за пределы ограничительной рамки (указатель превратится в изогнутую стрелку) и перетащите его. Чтобы переместить центр вращения области, перета-щите кружок, который находится в центре ограничительной рамки (в битовом режиме поворот области недоступен).
11. На панели параметров задайте следующие настройки: Отсеченная область − для сохранения области кадрирования в
файле изображения выберите параметр «Скрыть». Для того чтобы сде-лать скрытую область видимой, переместите изображение с помощью инструмента «Перемещение» (Move) . Чтобы стереть область кадри-рования, выберите параметр «Удалить» (Delete).
Примечание. Параметр «Скрыть» недоступен для изображений, которые содержат только слой фона. Фон необходимо преобразовать в обычный слой.
40
Обрезать наложение направляющей − выберите параметр «Пра-вило 1/3», чтобы добавить направляющие для размещения элементов композиции с шагом 1/3. Выберите параметр «Сетка», чтобы отобра-зить фиксированные направляющие, расстояние между которыми зави-сит от размера рамки.
Экран − экран кадрирования затеняет область изображения, кото-рая будет удалена или скрыта. Для выбранного экрана можно задать цвет и непрозрачность. Если экран не выделен, то изображение за пре-делами области кадрирования будет отображаться.
12. Выполните одно из следующих действий: чтобы завершить кадрирование, нажмите клавишу «Ввод»
(Enter), затем нажмите кнопку «Выполнить» на панели выбора пара-метров или дважды щелкните в кадрируемой области;
чтобы отменить операцию кадрирования, нажмите клавишу «Esc» на клавиатуре или кнопку «Отмена» на панели выбора параметров.
Кадрирование изображения с помощью команды «Кадрировать»
1. Часть изображения, которую нужно сохранить, выделяется с помощью инструмента выделения.
2. В меню «Изображение» (Image) выберите команду «Кадриро-вать» (Crop).
Кадрирование изображения с помощью команды «Тримминг» При кадрировании с помощью команды «Тримминг» нежелатель-
ные элементы удаляются иначе, чем с помощью команды «Кадриро-вать». Изображение можно кадрировать путем отсечения окружающих прозрачных пикселов или фоновых пикселов определенного цвета.
1. В меню «Изображение» (Image) выберите команду «Тримминг» (Trimming).
2. В диалоговом окне «Тримминг» выберите нужный параметр. При выборе параметра на основе «Прозрачных пикселов» удаля-
ется прозрачность по краям изображения и остается самое маленькое изображение, состоящее из непрозрачных пикселов.
При выборе параметра «Цвет верхнего левого пиксела» удаляет-ся область, цвет которой совпадает с цветом верхнего левого пиксела изображения.
При выборе параметра «Цвет нижнего правого пиксела» удаля-ется область, цвет которой совпадает с цветом нижнего правого пиксела изображения.
3. Выберите области изображения для удаления: сверху, снизу, слева или справа.
41
Исправление перспективных искажений
Один из параметров инструмента «Рамка» позволяет трансформи-ровать перспективу изображения. Преобразование перспективы полезно при работе с изображениями, содержащими трапецеидальные искаже-ния. Трапециевидное искажение возникает при фотографировании объ-екта с углового ракурса. Например, если высокое здание сфотографиро-вать с уровня земли, то верх здания будет казаться более узким, чем его основание. Для того чтобы исправить подобные перспективные искаже-ния, следует выбрать инструмент «Рамка» и установить режим кадри-рования, после чего выполнять следующие действия (рис. 13).
1. Поместите область кадрирования вокруг объекта. Объект не бу-дет прямоугольным, каким он был на исходном изображении. Перспек-тива изображения будет задаваться на основе краев этого объекта. Об-ласть можно указать примерно, поскольку позднее ее можно будет скорректировать.
Примечание. Следует обязательно выбрать объект, который на исходном изображении был прямоугольным, иначе Photoshop не выполнит нужное транс-формирование перспективы.
2. На панели выбора параметров выберите пункт «Перспектива» и при необходимости настройте остальные параметры.
3. С помощью угловых рукоятей совместите границы области кад-рирования с краями объекта. Таким образом определяется перспектива изображения, поэтому совмещение с краями объекта должно быть мак-симально точным.
Рис. 13. Шаги трансформирования перспективы
4. Расширить область кадрирования с сохранением перспективы можно с помощью боковых рукоятей.
Примечание. Не перемещайте центральную точку области кадрирования. Для коррекции перспективы центральная точка должна находиться в исходном по-ложении.
42
5. Выполните одно из следующих действий: нажмите клавишу «Ввод» (Enter), затем нажмите кнопку «Вы-
полнить» на панели выбора параметров или дважды щелкните в кад-рируемой области;
чтобы отменить операцию кадрирования, нажмите клавишу «Esc» на клавиатуре или кнопку «Отмена» на панели выбора параметров.
Трансформация объектов (поворот и отражение)
С помощью команд «Поворот изображения» (Rotate) можно пово-рачивать или отражать все изображение. Эти команды нельзя приме-нять к отдельным слоям, фрагментам слоев, контурам или границам выделенных областей. Повернуть выделенную область или слой можно с помощью команд «Трансформирование» или «Свободное трансфор-мирование».
В меню «Изображение» (Image) выберите пункт «Вращение изображения» (Rotate), затем в подменю выберите одну из приведен-ных ниже команд:
180° − поворот изображения на 180°; 90° по часовой − поворот изображения на 90° по часовой стрелке; 90° против часовой − поворот изображения на 90° против часовой
стрелки; произвольно − поворот изображения на указанный угол. При вы-
боре этого параметра в текстовом поле необходимо ввести угол от 359,99 до 359,99 градусов (в Photoshop можно задать поворот по часо-вой стрелке или против часовой стрелки с помощью параметров ПЧС или ПРЧС). Нажмите кнопку «ОК».
Примеры использования вращения изображения приведены на рис. 14.
Рис. 14. Поворот изображений: A − отразить по горизонтали; Б − исходное изображение; В − отразить по вертикали; Г − поворот на 90° против
часовой стрелки; Д − поворот на 180°;
Е − поворот на 90° по часовой стрелке
43
«Отразить холст по горизонтали» или «Отразить холст по вер-тикали» − отражает изображение относительно соответствующей оси.
Примечание. Поворот изображения является необратимым редактировани-ем, изменяющим фактическую информацию файла изображения. Если требуется повернуть изображение для просмотра без внесения необратимых изменений, ис-пользуется инструмент «Вращение».
Изменение размера холста
Размер холста − это полная редактируемая область изображения. С помощью команды «Размер холста» можно увеличить или уменьшить размер холста изображения. При увеличении размера холста добавляет-ся пространство вокруг существующего изображения. При уменьшении размера холста изображение обрезается. При увеличении размера хол-ста изображения с прозрачным фоном добавленная область будет про-зрачной. Если у изображения нет прозрачного фона, то цвет добавляе-мого холста будет определяться различными способами (рис. 15):
1. В меню «Изображение» выберите команду «Размер холста». 2. Выполните одно из следующих действий: введите размеры холста в полях «Ширина» (Width) и «Высота»
(Height). Во всплывающих меню рядом с полями ширины и высоты вы-берите нужные единицы измерения (пикселы, сантиметры и т. д.);
выберите параметр «Относительно» и введите величину, кото-рую следует добавить к текущему размеру холста или вычесть из него. Введите положительное число, чтобы увеличить, и отрицательное − чтобы уменьшить размер холста на заданную величину.
3. Для того чтобы получить узловую точку, щелкните по квадрату, показывающему нужное расположение существующего изображения на новом холсте.
4. Выберите нужный параметр в меню «Цвет расширения холста»: «Основной цвет» − заливка нового холста текущим основным
цветом; «Фон» − заливка нового холста текущим фоновым цветом; «Белый», «Черный» или «Серый» − заливка нового холста соот-
ветствующим цветом; «Другие» − выбор цвета для нового холста из палитры цветов.
Примечание. Кроме того, палитру цветов можно открыть, щелкнув по квадрату справа от меню «Цвет расширения холста». Меню «Цвет расширения холста» недоступно, если у изображения нет фона.
5. Нажмите кнопку «ОК».
44
Рис. 15. Оригинал холста и холст основного цвета, добавленный к правой части изображения
Создание рамки
Рамку для фотографии можно создать, увеличив размер холста и залив его каким-либо цветом.
Кроме того, создать стилизованную рамку для фотографии можно с помощью одной из предварительно записанных операций. Лучше все-го работать с копией фотографии:
1. Откройте панель «Операции» (Action). Выберите «Окно» (Win-dow) - > «Операции» (Action).
2. В меню панели «Операции» выберите пункт «Рамки» (Canvas Size).
3. Выберите из списка одну из операций для создания рамок. 4. Нажмите кнопку «Выполнить выделение» (Make Selection). При выполнении операции вокруг фотографии создается рамка.
3.2. Работа с цветом
Об основном и фоновом цвете
В Photoshop основной цвет используется для раскраски, заливки и обводки выделенных областей, а фоновый − для градиентной заливки и заполнения стираемых областей изображения. Основной и фоновый цве-та также используются некоторыми фильтрами специальных эффектов.
Новый основной или фоновый цвет можно назначить при помощи инструмента «Пипетка», панель «Цвет» или «Образцы» либо палитры
45
46
цветов Adobe. По умолчанию основной цвет черный, а фоновый − бе-лый (в альфа-канале по умолчанию основной цвет белый, а фоновый − черный).
Выбор цветов в палитре инструментов
Текущий основной цвет отображается в палитре инструментов в верхнем поле выбора цвета, а текущий фоновый цвет − в нижнем. Поля выбора основного и фонового цветов в палитре инструментов:
A. Значок «Цвета по умолчанию». B. Значок переключения цветов. C. Поле выбора основного цвета. D. Поле выбора фонового цвета. Чтобы изменить основной цвет, щелкните в палитре инструментов
верхнее поле и выберите новый цвет в палитре цветов Adobe. Чтобы изменить фоновый цвет, щелкните в палитре инструментов нижнее поле и выберите новый цвет в палитре цветов Adobe. Чтобы сделать основ-ной цвет фоновым и наоборот, щелкните в палитре цветов значок пере-ключения цветов. Чтобы восстановить основной и фоновый цвета в значение по умолчанию, щелкните в палитре цветов значок «Цвета по умолчанию».
Выбор цветов с помощью инструмента «Пипетка»
Инструмент «Пипетка» выбирает цвет и назначает его в качестве основного или фонового. Выбирать можно из активного изображения или из любой другой области экрана.
1. Выберите инструмент «Пипетка». 2. На панели параметров измените размер образца пипетки, выбрав
нужный вариант в меню «Размер образца». Образец точки. Считывает точное значение пиксела в месте щелчка. Среднее 3 × 3, Среднее 5 × 5, Среднее 11 × 11, Среднее 31 × 31,
Среднее 51 × 51, Среднее 101 × 101. Считывает среднее значение ука-занного количества пикселов в области щелчка (рис. 16).
Рис. 16. Выбор основного цвета с помощью
инструмента «Пипетка»
3. В меню «Образец» выберите один из следующих вариантов: Все слои. Образцы цвета берутся из всех слоев документа. Активный слой. Образец цвета берется из активного слоя. 4. Выполните одно из следующих действий: чтобы выбрать новый основной цвет, щелкните изображение.
Или поместите над изображением курсор, нажмите кнопку мыши и, не отпуская ее, проведите курсором по экрану. По мере движения поле вы-бора основного цвета будет динамически менять свой цвет. Отпустите кнопку мыши, чтобы зафиксировать выбор нового цвета;
чтобы выбрать новый фоновый цвет, щелкните изображение с нажатой клавишей «Alt» (Windows). Или поместите над изображением курсор и с нажатой кнопкой «Alt» (Windows) и нажатой кнопкой мыши проведите курсором по экрану. По мере движения поле выбора фоново-го цвета будет динамически менять свой цвет. Отпустите кнопку мыши, чтобы зафиксировать выбор нового цвета.
Примечание. Чтобы воспользоваться инструментом «Пипетка» временно для выбора основного цвета, во время использования любого инструмента рисова-ния нажмите и удерживайте клавишу «Alt» (Windows).
Обзор палитры цветов Adobe
В палитре цветов Adobe цвет выбирается с использованием четы-рех цветовых моделей: HSB, RGB, Lab и CMYK. Палитра позволяет вы-брать основной, фоновый и текстовый цвета, а также устанавливать це-левые цвета для различных инструментов, команд и параметров. Палит-ру цветов Adobe можно настроить на выбор только тех цветов, которые относятся к веб-палитре или к специальной цветовой системе. Пользо-ватели Photoshop Extended могут обращаться к палитре HDR (с высоким динамическим диапазоном), которая позволяет выбирать цвета для изображений HDR.
Поле цвета в палитре цветов Adobe отображает компоненты цвета в режимах HSB, RGB и Lab. Если известно точное числовое значение нужного цвета, его можно ввести в текстовые поля. Можно также поль-зоваться шкалой и просматривать выбор в поле цвета. При настройке цвета с помощью шкалы и поля цвета числовые значения изменяются соответствующим образом. Поле цвета справа от шкалы отображает в верхней половине отрегулированный цвет, а в нижней − исходный. Ес-ли цвет не является веб-совместимым цветом или выходит за преде-лы цветового охвата при печати (является непечатным), выдается пре-дупреждение .
47
Палитра цветов Adobe: A − выбранный цвет; B − исходный цвет; C − отрегулированный цвет; D − значок предупреждения о выходе за пределы цветового охвата; E − значок предупреждения о выходе цвета за пределы палитры веб- совместимых цветов; F − отображение только веб-совместимых цветов; G − поле цвета; H − ползунок цвета; I − значения цвета.
Примечание. При выборе цвета в палитре цветов Adobe одновременно отоб-
ражаются его числовые значения для режимов HSB, RGB, Lab и CMYK, а также значения в виде шестнадцатеричных цифр. Это позволяет увидеть, как цвет опи-сывается в различных цветовых моделях.
Photoshop использует по умолчанию палитру цветов Adobe, однако можно пользоваться и другой палитрой, указав ее в параметрах настройки. Например, можно использовать встроенную палитру цветов операционной системы или палитру стороннего разработчика.
Цвет можно выбрать, введя значения его компонентов в текстовых полях HSB, RGB и Lab либо используя шкалу и поле цвета. Цвет также можно выбирать за пределами окна палитры цветов Adobe. При пере-мещении курсора над окном документа он превращается в инструмент «Пипетка». И тогда можно выбрать цвет, щелкнув изображение. Вы-бранный цвет отображается в палитре цветов Adobe. Щелкнув изобра-
A B С D E
F G H I
48
жение и не отпуская кнопку мыши, пипетку можно переместить в лю-бое место на рабочем столе. Чтобы выбрать цвет, нужно отпустить кнопку мыши.
Выбор цвета с помощью палитры цветов
Выбор цвета в модели HSB. В цветовой модели HSB цветовой тон указывается в поле цвета как угол от 0° до 360°, который соответствует точке на цветовом круге. Насыщенность и яркость − в процентах. В по-ле цвета насыщенность цветового тона увеличивается слева направо, а яркость − снизу вверх.
1. В палитре цветов Adobe выберите параметр «H» и введите чис-ловое значение в текстовом поле «H» или выберите цветовой тон при помощи шкалы.
2. Настройте насыщенность и яркость, щелкая поле цвета, переме-щая круглый маркер или вводя числовые значения в полях «S» и «B».
3. Выберите параметр «S» или «B», чтобы отобразить в поле цвета насыщенность или яркость для дальнейшей настройки (необязательно).
Выбор цвета в модели RGB. Выберите цвет, указав его красный, зеленый и синий компоненты:
1. В палитре цветов Adobe введите числовые значения в текстовых полях «R», «G» и «B». Значения компонентов указываются в диапазоне от 0 до 255 (0 означает отсутствие цвета, а 255 − чистый цвет).
2. Чтобы визуально выбрать цвет при помощи шкалы и поля цвета, щелкните «R», «G» или «B» и затем выполните настройку.
Выбранный цвет отображается в шкале со значением 0 (отсутствие этого цвета) снизу и значением 255 (максимальный уровень этого цвета) сверху. Поле цвета отображает диапазон двух других компонентов: пер-вого по горизонтальной оси, а второго по вертикальной оси.
Выбор цвета в модели Lab. При выборе цвета в цветовой модели Lab значение «L» определяет светимость цвета. Значение «A» устанав-ливает, в какой степени этот цвет красный или зеленый. Значение «B» − в какой степени этот цвет синий или желтый. В палитре цветов Adobe введите значения параметров «L» (от 0 до 100), «A» и «B» (от −128 до +127). Для настройки цвета можно воспользоваться шкалой или по-лем цвета (необязательно).
Выбор цвета в модели CMYK. Цвет можно выбрать, указав зна-чение каждого из его компонентов в виде процентных значений голубо-го, пурпурного, желтого и черного. В палитре цветов Adobe введите процентные значения в полях «C», «M», «Y» и «K» или воспользуйтесь шкалой и полем цвета для выбора цвета.
49
Выбор цвета с указанием его шестнадцатеричного значения. Цвет можно выбрать, указав шестнадцатеричное значение, которое опре-деляет красный (R), зеленый (G) и синий (B) компоненты этого цвета. Три пары чисел выражают значения от 00 (минимальная светимость) до FF (максимальная светимость). Например, значение «000000» означает черный, «FFFFFF» − белый, а «FF0000» − красный цвет. В палитре цве-тов Adobe введите шестнадцатеричное значение в текстовом поле #.
3.3. Кисти
Горячие клавиши в работе с кистями
B – выбор инструмента Brush; [ ] – изменение размера кисти; 1 2 3 4 5 6 7 8 9 – изменение Opacity; Shift + (1 2 3 4 5 6 7 8 9) – изменение Flow; Shift +, Shift- − изменение режима наложения. Alt+Click – захват цвета с любого открытого документа. Нарисовать прямую линию: Click в первой точке, Shift-Click − во второй. С нажатой Shift – вертикальные или горизонтальные линии. D – сброс цветов (верхний квадратик черный, нижний белый, в режиме маски – наоборот). Х – поменять цвета местами. Ctrl + Backspace – залить слой дополнительным цветом (нижний квад-рат). Alt + Backspace – залить слой основным цветом (верхний квадрат). Создать свою кисть из открытого документа (выделенной области): Edit > Define Brush Preset. После выполнения команды новый образец появится в конце текущего набора кистей. Для сохранения нового набо-ра кистей в Preset Manager необходимо выделить нужные образцы и нажать Save Set. Наборы кистей хранятся в файлах с расширением *.abr. Text Only – Stroke Thumbnail – вид образцов кистей в списке. Preset Manager – вызов диалогового окна для редактирования наборов образцов. Reset Brushes – перезагрузить кисти (заменить текущий набор набором по умолчанию). Load Brushes – загрузить новый набор кистей. Save Brushes – сохранить текущий набор кистей в отдельном файле. Replace Brushes – заменить текущий набор кистей другим набором. Далее – перечень наборов кистей, поставляемых в комплекте с про-граммой.
50
Рис. 17. Список образцов кистей и меню
Палитра кистей (Brush Palette)
Палитра кистей находится в Панели настроек (Option Bar) слева в самом конце панели. Для ее быстрого вызова достаточно нажать клавишу F5 на клавиатуре. В появившемся диалоговом окне (рис. 18, а) слева находятся названия функций, справа − их настройки (рис. 18, б).
а б Рис. 18. Диалоговое окно с палитрой кистей
51
Brush Presets (Настройки кисти) − это библиотека кистей, а также возможность изменения диаметра кисти. В качестве примера можно вы-брать из библиотеки кисть Grass (Трава) и убрать слева все заданные для нее настройки.
Brush Tip Shape (Настройка формы кисти). Diameter (диаметр) − эта функция предоставляет возможность из-
менять диаметр кисти, но, в отличие от функции Master Diameter (Главный диаметр), она замеряет количество пикселей фигуры кисти и не позволяет увеличивать диаметр выше их значения (рис. 19, а). Кноп-ка Use sample size (Использовать размер образца) восстанавливает раз-мер по умолчанию для кисти.
Flip X (Отразить по X) отражает форму кисти по горизонтали, а Flip Y (Отразить по Y) отражает ее по вертикали, возможно использо-вание сразу двух параметров (рис. 19, б).
а б
Рис. 19. Настройка формы кисти
Параметр Angle (Угол) позволяет менять угол наклона кисти, а Roundness (Окружность) − форму кисти в пределах окружности (спра-ва) (рис. 20, а).
Когда эта окружность имеет правильную форму (100 %), то и кисть также имеет свойственную ей правильную форму, но если превратить эту окружность, к примеру, в овал, то кисть будет принимать форму в
52
пределах овала. Оба параметра можно вводить не только в числовом ва-рианте, но и применять на графических осях и окружности справа при помощи мыши.
Hardness (Жесткость) регулирует жесткость кисти, но данный па-раметр работает не со всеми кистями, особенно, если они сделаны из какого-либо изображения. Но со стандартными круглыми кистями он работает превосходно.
И последний параметр в этой группе – Spacing (Интервал) − опре-деляет расстояние между отпечатками кисти при рисовании. Чем боль-ше устанавливаемый процент, тем больше расстояние между отпечат-ками, и наоборот (рис. 20, б).
а б
Рис. 20. Угол наклона кисти и интервал
Shape Dynamics (Динамика формы). Данная группа настроек поз-воляет задавать настройки колебания размера, угла, окружности и от-ражения. Чем большее значение вы устанавливаете, тем произвольнее будут применяться параметры (рис. 21).
Size Jitter (Колебание размера) устанавливает колебание размера, на него влияет также параметр Minimum diameter (Минимальный диа-метр), он задает минимальный допустимый диаметр при колебаниях размера, если данный параметр устанавливать на 0 %, то колебание
53
размера будет производиться от максимально возможного (определяет-ся размером кисти) до минимально возможного, соответственно, чем больше установлено значение минимального диаметра, тем меньше бу-дет колебание размера (рис. 21, а).
Angle Jitter (Колебание угла) определяет колебание угла наклона. Чем меньше установлен процент угла, тем, соответственно, меньшее колебание, и наоборот (рис. 21, б).
Roundness Jitter (Колебание окружности) позволяет применять колебание формы кисти в пределах заданной окружности. Ограничение минимального диаметра окружности можно установить в параметре Minimum Roundness (Минимальная окружность), он работает так же, как и Minimum Diameter (Минимальный диаметр).
Flip X Jitter и Flip Y Jitter устанавливают произвольное колебание отражения по вертикали и горизонтали.
а б
Рис. 21. Динамика формы кисти
Функция Control (Управление), находящаяся под каждым парамет-ром. Принципы ее действия одинаковы для всех параметров. Если в вы-падающем меню стоит значение Off, то функция управления отключена. При выборе параметра Fade (Переход) вы можете установить плавность перехода колебания в появившемся окошке справа. Чем больше вы установите значение, тем плавнее будет переход.
54
Рис. 22. Колебание окружности
Параметр Pen Pressure (Нажим пера) доступен только при исполь-зовании планшета, с помощью этого параметра возможно установить чувствительность колебаний к нажиму пером на планшете. Если план-шет не поддерживает данную функцию, то рядом с ней слева появляется значок с восклицательным знаком, свидетельствующий о том, что дан-ный параметр недоступен. Параметр Pen Tilt (Наклон пера) также до-ступен только для планшета, при его активации колебание размера за-висит от наклона пера. Функция Stylus Wheel (Колесико) также рассчи-тана на пользование планшетом, колебание будет зависеть от положе-ния колесика.
55
Scattering (Рассеивание) определяет количество и размещение от-печатка кисти в документе (рис. 23).
Параметр Scatter (Разброс) определяет разброс отпечатка кисти в документе по оси Y, то есть при его применении разброс будет осу-ществляться вверх и вниз. Если вы активируете параметр Both Axes (Обе оси), то разброс отпечатка будет производиться по двум осям, то есть не только вверх и вниз, но и вправо и влево. Чем больше значение Scatter (Разброс), тем большим будет разброс отпечатка (рис. 23, а).
Параметр Count (Количество) определяет количество отпечатков в разбросе. Чем больше его значение, тем больше отпечатков кисти будет в разбросе (рис. 23, б).
Параметр Count Jitter (Колебание количества) определяет колеба-ние количества отпечатков. Минимальное количество ограничивается параметром Count (Количество), а максимальное – размером кисти.
а б
Рис. 23. Настройка параметра Scattering (Рассеивание)
Texture (Текстура). Данная функция позволяет применять тексту-ру к кисти (рис. 24).
Если флажок Texture Each Tip (Текстурировать каждый отпеча-ток) не отмечен, то текстура будет накладываться на всю область при-менения кисти, если отмечен, то текстура применяется к каждому отпе-чатку кисти отдельно (при этом становятся активными дополнитель-
56
ные возможности настройки). Параметр Scale (Масштаб) определяет масштаб применения текстуры к кисти.
Рис. 24. Текстура кисти
Параметр Mode (Режим) позволяет выбирать режим смешивания текстуры с цветом отпечатка кисти, работает подобно известным уже нам режимам смешивания. Параметр Depth (Глубина) увеличивает или уменьшает контрастность применения текстуры к отпечатку кисти. Па-раметр Minimum Depth (Минимальная глубина) определяет минимальное значение контраста для параметра Depth Jitter (Колебание глубины).
Dual Brush (Двойная кисть). Это очень интересный параметр, так как он позволяет создать отпечаток из двух кистей одновременно (рис. 25). В самом верху расположен параметр Mode (Режим), он поз-воляет выбрать режим смешивания кистей. Правее от него расположен параметр Flip (Отражение), его активация позволяет отразить приме-няемую кисть по оси Y. Далее представлена библиотека кистей, где
57
можно выбрать кисть. Все остальные параметры применяются к вы-бранной для смешивания кисти.
Рис. 25. Двойная кисть
Color Dynamics (Динамика цвета) – эта функция позволяет играть различными оттенками выбранных цветов при рисовании (рис. 26). Параметр Foreground/Background Jitter (Колебание переднего/заднего фона) определяет колебание цветов (а точнее оттенков) между вы-бранными цветами переднего и заднего фонов. Чем больше этот пока-затель, тем больше оттенков. Далее идут параметры колебания Hue (Цветового тона), Saturation (Насыщенности) и Brightness (Ярко-сти) и т. д.
Параметр Purity (Чистота цвета) увеличивает и уменьшает насыщенность цветов.
Функция Other Dynamics (Другая динамика) позволяет устанавли-вать колебания opacity (прозрачности) и flow (плотности) кисти.
58
Рис. 26. Динамика цвета кисти
3.4. Узоры
Узор (Pattern) − это изображение, которое повторяется или рас-кладывается в виде мозаики при его применении для заливки слоя или выделенной области. В комплекте с Photoshop идет множество готовых стилей узоров [14].
Предусмотрена возможность создавать новые узоры и сохранять их в библиотеках для использования с другими инструментами и команда-ми. Подготовленные узоры отображаются на всплывающих панелях на панели параметров для инструментов «Заливка», «Узорный штамп», «Восстанавливающая кисть» и «Заплатка», а также в диалоговом окне «Стиль слоя». Можно изменить способ отображения узоров на всплы-вающих панелях, выбирая вариант отображения во всплывающем меню панели. Предусмотрена также возможность управлять установками узо-ров с использованием диспетчера установок.
59
Определение изображения в качестве подготовленного узора
1. Воспользуйтесь инструментом «Прямоугольная область» на любом открытом изображении, чтобы выбрать область, предназначен-ную для применения в качестве узора. Параметру «Растушевка» должно быть присвоено значение 0 пикселов. Следует учитывать, что крупные изображения могут оказаться неудобными в использовании.
2. Выберите меню «Редактирование» > «Определить узор» (Edit > Define pattern).
3. Введите имя для узора в диалоговом окне «Имя узора» (Name).
Примечание. Если берется узор из одного изображения и применяется к дру-гому, Photoshop преобразовывает этот узор из одного цветового режима в другой.
Уже созданные узоры программы или заданные по умолчанию можно найти через функцию «Управление наборами». Доступ к набо-рам осуществляется через верхнее меню программы во вкладке «Редак-тирование» > «Управление наборами» (Edit > Preset Manager). По умолчанию, окно Управления (Preset Manager) отображает палитру ки-стей (Brushes).
В открывшемся диалоговом окне необходимо найти опцию «Тип набора» (Preset Type) и нажать на стрелочку вниз. Из выпадающего подменю выбрать параметр «Узоры» (Patterns), и появится набор по умолчанию (рис. 27).
Рис. 27. Набор узоров, заданный по умолчанию
Это не все узоры, которые есть в программе. Для того чтобы уви-деть их все, нужно перейти к наборам библиотек. Библиотека узоров представляет собой набор из 1 или более образцов, имеющих расшире-ние файла *.pat.
Для загрузки шаблонов библиотек необходимо нажать на стрелку справа в окне «Управление наборами». В выпадающем подменю есть список наборов различных узоров (рис. 28).
60
Рис. 28. Управление наборами
Выберите любой набор из списка и нажмите на него. После этого появится диалоговое окно, где у пользователя спросят, заменить ли те-кущие узоры выбранными (рис. 29).
Рис. 29. Диалоговое окно подключения узоров
Нажмите опцию «Добавить» (Append), если не хотите изменять предыдущие узоры, а просто хотите добавить выбранные сейчас.
Рис. 30. Добавление узоров из библиотеки
61
Применение паттернов в Photoshop
Существует несколько способов использования узоров.
Наложение узора при помощи команды «Заливка» (Fill)
Самый простой способ наложения паттерна заключается в запол-нении им выделенной области. Например, активируйте инструмент «Прямоугольное выделение» (Rectangular Marquee Tool (M)) и выде-лите участок любого размера на холсте. Затем перейдите в меню «Ре-дактирование» > «Выполнить заливку» (Edit > Fill (Shift + F5)) и в диа-логовом окне заливки в опции «Использовать» (Use) укажите параметр «Регулярный/Шаблон» (Pattern) (рис. 31).
Рис. 31. Использование узоров в заливке
Заливка узором позволяет использовать опцию «Заказной узор» (Custom Pattern). Нажмите на стрелку параметра и вызовите подменю с библиотеками паттернов, нажав стрелочку справа. Выбрав нужный набор или узор, кликните по нему и нажмите ОК, чтобы заполнить им выделение. Важным преимуществом наложения узора способом Залив-ки является и то, что данный узор может использоваться на отдельном слое, не затрагивая остальные слои документа.
Рисование узором при помощи инструментов «Заливка» (Paint Bucket Tool) и «Узорный штамп» (Pattern Stamp Tool). Если необхо-димо применить узор, рисуя им по холсту, используйте инструменты «Заливка» и «Узорный штамп». Активируйте их и настройте на приме-нение узоров, а не цвета в верхней панели программы.
62
Рис. 32. Настройка инструмента «Заливка»
Использование инструментов рисования при наложении узора удобно в том случае, если узор применяется нерегулярно. Такой способ дает больше контроля за процессом, особенно при наличии графическо-го планшета. Но рисование узором займет значительно больше времени, чем способ наложения узора при помощи команды «Заливка» или «Сти-ли слоя».
Наложение узора в «Стилях слоя»
Если необходимо применить узор для любого выбранного слоя, двойным кликом по миниатюре этого слоя откройте окно «Стили слоя» (Layer Style). Почти в самом низу располагается параметр «Наложение узора» (Pattern Overlay) (рис. 33). При его активации откроется диало-говое окно опции, где возможно выбрать необходимый паттерн и при-менить его к слою.
Этот способ требует от пользователя большей гибкости в исполь-зовании: можно скрывать, отображать, настраивать и удалять узор слоя, не затрагивая сам слой.
63
Рис. 33. Использование узоров в стилях слоя
Примечание. Чтобы отрегулировать положение узора на холсте, в парамет-ре «Наложение узора» активируйте флажок «Просмотр» (Preview), а затем поме-стите курсор мыши на холст и, удерживая ее нажатой, передвигайте паттерн в основном окне программы в любом направлении.
Создание собственного узора в Фотошопе
Создание своего узора является несложным процессом. Создавае-мый узор должен состоять из фигур только прямоугольной формы. Если будет использован круг, то программа будет рассматривать эту фигуру как прямоугольник (рис. 34).
Рис. 34. Создание узора
64
Чтобы создать узор, используйте инструмент «Прямоугольное вы-деление» (Rectangular Marquee Tool (M)) и выделите область, которую хотите поместить в узор. Затем перейдите во вкладку «Редактирование» > «Определить узор» (Edit > Define Pattern), чтобы определить выделен-ную область как паттерн, и присвойте ему имя в диалоговом окне (рис. 35).
Примечание. Правилом хорошего тона считается создание нового докумен-та (Ctrl + N) для своего узора.
Рис. 35. Определение узора
Установка узоров в Фотошопе
Если необходимо использовать нестандартные узоры, то загрузить их в программу довольно просто. Перейдите в «Редактирование» > «Управление наборами» (Edit > Preset Manager) и в диалоговом окне нажмите на функцию «Загрузить» (Load) справа. Помните, что узор должен иметь расширение *.раt, чтобы программа установила его. В от-крывшемся окне загрузки укажите место нахождения файла с узором и нажмите «Загрузить» (рис. 36).
65
Рис. 36. Установка узоров
Обычно узоры устанавливаются программой в папку по такому пу-ти: Adobe Photoshop [Photoshop Version] > Presets > Patterns.
Рис. 37. Директория (по умолчанию) установки узоров
66
3.5. Контуры
Создание выделений с помощью инструмента Pen (Перо)
Наиболее точные выделения можно создавать, используя инстру-мент «Pen» (Перо) .
С помощью этого инструмента создается векторный рабо-чий контур, который потом можно превратить в обычную гра-ницу выделения. Для того чтобы этим инструментом создавать именно рабочий контур, необходимо на панели свойств выбрать кнопку (рис. 38):
Рис. 38. Настройка свойств инструмента Pen Tool
Контур строится по принципу Безье, на основе узловых то-чек, управляющих отрезков и сегментов линий. После построе-ния контура его можно гибко отредактировать. Редактирование контура осуществляется следующими инструментами (рис. 39):
Рис. 39. Инструменты редактирования контура
Path Selection (Выделение контура) – выделить весь контур, переместить, масштабировать, вращать. Direct Selection (Направленное выделение) – выделение отдель-ного узла, сегмента и перемещение его с целью изменения фор-мы контура в данном фрагменте. Pen Tool − перо (кривая Безье). Free Form Pen Tool − аналог обычного «Пера», но отличается тем, что рисует как обычная кисть. То есть не дает никакой воз-можности настраивать направляющие.
Интересной настройкой инструмента является галочка Magnetic. Она находится на панели настроек выше и превращает «Перо» в Magnetic Lasso Tool (только векторный). Add Anchour Point Tool − добавляет точку на кривую. Pen Tool превра-щается в Add Anchour при простом наведении на кривую.
67
Delete Anchour Point Tool − удаляет ненужные точки кривых. «Перо» удаляет точки, превращаясь в Delete Anchour при наведении на точку. Convert Point Tool − позволяет перенастраивать с нуля направляющие точки. Готовые направляющие может растаскивать в разные стороны. Незаменимый инструмент, но требуется в два раза больше времени, ес-ли попытаться постоянно его выбирать. Значительно проще использо-вать ALT при выбранном «Пере» (Pen Tool).
Настройки Пера
Перед тем как учиться рисовать кривые, убедитесь, что на панели Настроек Windows > Options у вас стоят правильные значения. Выбе-рите Pen Tool и взгляните на панель наверху. В области режимов векто-ра должно стоять Path. В режимах сложных фигур должно стоять зна-чение Add to path area (+).
Рис. 40. Настройки инструмента Pen Tool
Режим Path создает векторные контуры в чистом виде. Эти конту-ры ни к чему не прикреплены. Они существуют вне зависимости от сло-ев. Другие два режима:
1. Layer Shape создает фигуру, в виде слоя с привязанной вектор-ной маской. И это единственный способ создания векторных фигур в Фотошопе.
68
2. Режим Fill Pixels создает растровые фигуры. Но при использова-нии Пера этот режим вообще заблокирован.
Режимы типа Add to path area (+) − вспомогательные режимы. Они созданы для того, чтобы рисовать сложные фигуры. Например, ре-жим Subtract from area (−) вырезает отверстия в контурах. Другие ре-жимы более специфичные, используются редко. А режим Add to path area (+) добавляет контуры друг к другу.
Настройка панели Path в Фотошопе
Pen Tool в режиме Path создает контуры, ко-торые существуют в отрыве от слоев. Находятся они в панели Path [35], но если не получается найти ее в своих панелях, откройте Windows > Path (Окно > Контур).
По устройству панель Path похожа на панель слоев, но работает немного иначе. В ней уже при-сутствует базовый слой Work Path. Это не обычный слой, а, скорее, временная область. Все отрисованные кривые в Фотошопе появляются на слое Work Path. И пока кривые остаются выделенными, слой Work Path сохраняет их для пользователя. Но стоит пользователю потерять выделенную кривую, как Work Path обнулится, а контур будет удален.
Рис. 41. Сохранение рабочего контура
Чтобы не терять выделенные контуры, лучше сразу сохранять их. Для сохранения нужно дважды кликнуть по слою Work Path. Тогда он предложит сохранить контур в отдельный «слой» (рис. 41). Другой ва-риант: нажмите на небольшую иконку на дне панели контуров Create New Path. Тогда панель создаст новый нестирающийся слой для конту-ров. Однако лучше работать так: когда нарисован новый контур, клик-нуть по Work Path и сохранить в новый слой. Таким образом контуры всегда будут на разных «слоях», что очень удобно.
69
Преобразование контура в границу выделения
Построенный контур должен быть замкнутым. Выберите инстру-мент Pen или любой из инструментов редактиро-вания контура. Щелкните правой кнопкой мыши внутри контура. В контекстном меню выберите строчку Make Selection (Создать выделение).
Появится диалоговое окно, в котором можно установить радиус растушевки и указать способ взаимодействия с предыдущим выделением. Если предыдущих выделений нет и растушевка не нуж-на, просто нажмите ОК.
Точки и направляющие Пера (Pen Tool)
Векторная кривая состоит из точек и направляющих. Точки и направляющие в различных программах имеют десятки названий и определений − от путей до якорей или просто точек. Тем не менее суть их во всех программах одинаковая: точка фиксирует координату, через которую должна пройти кривая. Направляющие регулируют направле-ние кривой, отталкиваясь от координат и других направляющих.
Рис. 42. Примеры направляющих
Направляющие путей направляют кривую определенным образом. В любом случае путь должен пройти через векторную точку, но направ-ляющая определяет, как именно кривая пройдет через точку (рис. 42). У направляющей в буквальном смысле есть путь «назад» и путь «впе-ред» (рис. 43).
Чем меньше точек, тем лучше: минимальное количество точек и умелая работа с направляющими позволяют создавать максимально гладкие векторные пути. С другой стороны, чем меньше точек, тем больше направляющие и тем сложнее, порой, правильно настроить век-торную кривую (рис. 44).
70
Рис. 43. Принципы работы с направляющими
Рис. 44. Правила построения направляющих
Работа с инструментом «Перо»
При работе с кривыми вы столкнетесь с разными видами точек и направляющих. В векторных программах эти различия контролируются в настройках. Но в Фотошопе для работы с вектором имеются только самые базовые инструменты. Можно сказать, что Фотошоп дает нам возможность работать с кривыми на самом базовом, элементарном уровне. Вот некоторые из разновидностей точек и направляющих, кото-рые могут повстречаться (рис. 45):
71
Точки с симметричными направляющими − направляющие такой точки симметричны и связанны. Изменение направляющей с одной сто-роны меняет направляющую с другой стороны.
Точки с одной направляющей − у точки активирована лишь одна направляющая.
Точки с ассиметричными (угловыми) − направляющие такой точ-ки не связаны вместе, они направлены в разные стороны, они разной длины. Такие точки используются для углов.
Точки без направляющих.
Рис. 45. Разновидности точек и направляющих
Создание обтравочного пути для буквы R
Для создания обтравочного пути необходимо кликнуть по нижней части буквы. Так как линия абсолютно прямая, направляющие здесь не нужны. Чтобы линия получилась абсолютно вертикальной, нажмите SHIFT (рис. 46, а). Теперь создайте еще две точки и протяните их направляющие так, чтобы векторный путь прошелся ровно по контуру буквы (рис. 46, б).
Затем поставьте третью извилистую направляющую, которая должна вести прямо внутрь буквы: главное, чтобы ее задняя часть ло-жилась на контур буквы (рис. 47, а). Нажмите ALT и захватите за тот ползунок направляющей, который ушел внутрь буквы. Передвиньте его так, как показано на картинке. Теперь угловая точка с несимметричны-ми направляющими. Заодно сразу можно поставить и следующую точ-ку. Нажатие ALT превращает «Перо» на время нажатия в Convert Point Tool, который создан для коррекции направляющих (рис. 47, б).
72
а б
Рис. 46. Работа с направляющими
а б
Рис. 47. Работа с угловой точкой с несимметричными направляющими
Понятно, что направляющие легко можно подправить: при вклю-ченном Pen Tool нажмите CTRL, немного уменьшите направляющую (рис. 48, а). Кстати, то же самое можно сделать, нажав ALT, но CTRL вызывает инструмент Direct Selection Tool, что позволяет подвинуть векторные точки. Также есть возможность поменять расположение век-торных направляющих, причем если направляющие точки уже разбиты, то можно редактировать их порознь друг от друга. Но если они связаны, то редактируются только симметрично друг другу. Чтобы разбить их, надо вызывать Convert Point Tool или нажать ALT. Следующим шагом необходимо довести точки до конца, для чего стоит воспользоваться CTRL и поменять расположение прежней точки, чтобы минимизиро-вать их количество.
Затем можно опять нажать ALT (рис. 48, б), но, вместо того чтобы захватить за направляющую, стоит кликнуть по точке.
Чтобы получить идеально горизонтальную линию, нажмите SHIFT и поставьте новую точку. Ясно, что в этом случае точке тоже нужна
73
только одна направляющая, для чего кликните ALT и вытяните направ-ляющую (рис. 49, а). Наведите Pen Tool на пустое место в кривой, и, ко-гда на иконке инструмента появится +, кликните. Таким же образом возможно удалять ненужные точки, наведя на них Pen Tool (рис. 49, б).
а б
Рис. 48. Редактирование направляющих
а б
Рис. 49. Корректировка направляющих
Когда точка поставлена, нажмите CTRL и исправьте расположение точек и направляющих, чтобы все было аккуратно. После завершения исправлений необходимо кликнуть «Пером» по последней точке (рис. 50), чтобы продолжить рисовать именно эту кривую, а не начать создавать новую. Сделать это нужно в том случае, если в ходе экспери-ментов потерялось выделение контура.
Далее нажмите SHIFT и поставьте последние точки. На этом от-резке работы нужно сохранить свой контур, чтобы случайно не поте-рять его, для чего стоит выполнить переход на панель Path, дважды кликнуть по контуру и вписать название (рис. 51). Контур сохранен.
74
Рис. 50. Завершение работы с контуром
Рис. 51. Сохранение контура
Теперь переключитесь в панели настроек на вырезающий режим Subtract, чтобы Фотошоп воспринимал новую фигуру как вырезающую отверстие из первой (рис. 52). После этого дорисуйте букву.
Рис. 52. Вырезающий режим Subtract
75
Заливка векторных фигур, нарисованных Pen Tool
Вместо заливки контуров можно залить содержание фигуры. Для этого вместо Fill Stroke необходимо выбрать Fill Path из выпадающего меню.
Рис. 53. Заливка фигур, созданных с помощью «Пера» (Pen Tool)
Но вместо этого можно сделать следующее: выделите вашу фигуру и зайдите в Layer > New Fill Layer > Solid Color. Получится слой с за-ливкой и векторной маской. Этот слой можно уменьшать и увеличивать без потери качества.
76
Глава 4. ЦВЕТОКОРРЕКЦИЯ
Сложность коррекции заключается в том, что изменение одного цвета влечет за собой изменение и других цветов. При этом объектив-ные критерии отсутствуют. Принципы тоновой коррекции достаточно просты по той причине, что можно оказывать влияние только на опре-деленный участок, например, только на цвета или полутона, не затраги-вая остальную часть диапазона [25].
Цветовой баланс
Специфика же работы с цветом заключается в том, что влияние, оказываемое на отдельный цветовой компонент, например, только на красную составляющую, обязательно отразится и на других. Поэтому следует иметь в виду, что в основе любой цветовой коррекции лежит настройка не отдельных цветов, а настройка баланса цветов. Из прин-ципа баланса проистекает дополнительная трудность: многообразие способов достижения одного и того же результата. Для того чтобы лег-че представлять взаимодействие цветовых компонентов, необходимо рассмотреть упрощенную схему цветового круга. Эта схема, с одной стороны, отображает взаимодействие цветовых моделей RGB и CMYK, а с другой − дает возможность наглядно представить взаимосвязь «ка-челей» цветового баланса. На схеме основные цвета моделей RGB и CMY находятся в такой зависимости: каждый цвет расположен напро-тив дополняющего (комплементарного) цвета; при этом он находится между цветами, с помощью которых получен. Например, сложение зе-
леного и красного цветов дает желтый. Чтобы усилить какой-либо цвет, нужно осла-
бить дополняющий его цвет (расположенный напро-тив него на цветовом круге). Например, чтобы изме-нить общее цветовое решение в сторону бирюзовых тонов, следует снизить в нем содержание красного цвета. Для уменьшения пурпурной составляющей можно уменьшить ее «напрямую», но лучше это
совместить с увеличением голубой и желтой составляющих, что, кстати, позволит сохранить общую насыщенность изображения. При любом влиянии на цветовой баланс надо учитывать, как это «отзовется» на всем цветовом пространстве. В связи с этим совершенно необходимо учитывать закономерности, вытекающие из этой схемы, которые сво-дятся к следующим способам:
77
Способ 1: цвета, лежащие на цветовом круге друг напротив друга (линия, соединяющая их, проходит через центр круга), взаимно связаны: уменьшение содержания одного цвета ведет к увеличению содержания противоположного цвета, и наоборот. Например, при увеличении со-держания голубого цвета (Cyan) уменьшается содержание красного цве-та (Red); при уменьшении содержания голубого цвета (Cyan) увеличи-вается содержание красного цвета (Red).
Способ 2: содержание определенного цвета можно изменить за счет влияния на соседние с изменяемым цвета. Например, чтобы уси-лить голубой цвет (Cyan), можно усилить зеленый (Green) и синий (Blue) цвета или, наоборот, ослабить пурпурный (Magenta) и желтый (Yellow) цвета.
Способ 3: можно объединить предыдущие способы. Чтобы увели-чить содержание определенного цвета, нужно уменьшить содержание цветов, соседних с противоположным, и наоборот. Например, чтобы усилить красный цвет (Red), достаточно ослабить зеленый (Green) и си-ний (Blue) цвета, или, чтобы усилить голубой цвет (Cyan), достаточно ослабить пурпурный (Magenta) и желтый (Yellow) цвета.
Следует обратить внимание на то, что во всех вышеприведенных примерах предполагалось влиять только на один цвет, а задействованы при этом могли быть все цвета.
Настройка цветового баланса (Color Balance)
Рис. 54. Диалоговое окно настройки цветового баланса
Описанная выше схема цветового баланса находит свое практиче-ское воплощение в команде Color Balance (Цветовой баланс) меню Image/Adjustments (Изображение/Коррекция) [23]. Диалоговое окно этой команды позволяет изменить цветовой баланс во всем изображе-нии, для избирательного управления цветом следует пользоваться дру-
78
гими командами, например, Hue/Saturation (Цветовой тон/Насыщен-ность), Replace Color (Заменить цвет) или Selective Color (Выборочная коррекция цвета).
Цветовой баланс устанавливается раздельно для светлых тонов (переключатель Highlights), средних тонов (переключатель Midtones) и теней (переключатель Shadows).
При работе с изображениями в цветовой модели RGB полезно включить флажок Preserve Luminosity (Сохранить яркость тонов), ко-торый препятствует изменению диапазона яркостей при изменении цве-тового баланса, это позволяет сохранить исходный тоновый диапазон изображения. Поле Color Levels (Уровни) и три полосы позволяют до-бавлять и убавлять цвета, названия которых вынесены на края полос. Для добавления цвета бегунок перемещают в сторону этого цвета, а для убавления − в противоположную от него сторону. В соответствии с пе-ремещением движков в цифровых полях над полосами отображаются величины изменения цвета для красного, зеленого и синего цветов в диапазоне от −100 до +100.
Рассмотрим действие этой команды на примере. Попробуем на изображении окрасить стеклянную вазу в голубой оттенок, сохранив общий баланс полутонов и теней. Для этого нужно в области светлых тонов (Highlights) добавить синего (Blue), что и показано на иллюстра-ции. Однако общий баланс цветов изменится. Чтобы убрать это измене-ние, нужно переключиться в область теней и убрать лишнее содержание синего цвета. Или добавить желтого, что на самом деле одно и то же, ведь синий и желтый цвета дополнительны друг другу.
Настройка цветового тона/насыщенности (Hue/Saturation)
Рис. 55. Диалоговое окно настройки цветового тона/насыщенности
79
Команда Hue/Saturation (Цветовой Тон/Насыщенность) [22] слу-жит для настройки цветового тона, насыщенности и яркости любого цветового компонента изображения на основе цветового круга (или упрощенной схемы, приведенной выше) (рис. 55). В списке Edit диало-гового окна Hue/Saturation (Цветовой Тон/Насыщенность) представле-ны шесть вариантов цветовых диапазонов аддитивной (RGB) и субтрак-тивной (CMYK) моделей в порядке цветового круга Reds (Красные), Yellows (Желтые), Greens (Зеленые), Cyans (Голубые), Blues (Синие), Magentas (Пурпурные) и полный диапазон Master (Все).
Полоса Hue (Цветовой тон) служит для установки нужного цвета с помощью движка или ввода значения в цифровое поле (в градусах цве-тового круга от −180 до +180). В нулевом положении отображается те-кущий цвет, от него и происходит отсчет, положительные значения обо-значают вращение по цветовому кругу по часовой стрелке, а отрица-тельные − против часовой стрелки.
Полоса Saturation (Насыщенность) используется для увеличения насыщенности, если перемещать бегунок вправо от нулевой точки, или для уменьшения, если перемещать бегунок влево. Перемещение движка в зависимости от текущего цвета идентично перемещению цвета от цен-тра или к центру цветового круга (диапазон изменения от −100 до +100).
Полоса Lightness (Яркость) используется для увеличения яркости, если перемещать бегунок вправо от нулевой точки, или для ее умень-шения, ее перемещать бегунок влево (диапазон изменения от 100 до +100). В реальных задачах она используется редко, так как с помощью других команд (Brightness/Contrast, Levels и т. д.) можно гораздо луч-ше настроить тоновый диапазон.
В нижней части диалогового окна расположены две цветовые спек-тральные полосы: верхняя отображает спектр до настройки, а нижняя после. При выборе одного из цветовых диапазонов между полосами по-являются движки настройки диапазона. Над полосами отображаются четыре числовых значения, отражающих положение маркеров относи-тельно верхней цветовой полосы: первое число − положение левого треугольника, второе число − положение левого вертикального маркера, третье число − положение правого вертикального маркера, четвертое число − положение правого треугольника. Центральная темная часть, ограниченная двумя вертикальными маркерами, перемещается для из-менения цветового диапазона. Белые вертикальные маркеры, ограничи-вающие центральную темную часть, перемещаются для настройки ши-рины исходного цветового диапазона. Увеличение ширины диапазона уменьшает область перехода, ограниченного треугольником, и наобо-рот. Светло-серые полосы по краям темной части перемещаются для
80
изменения диапазона без влияния на значение зоны перехода. Белые треугольники перемещаются для настройки значения зоны перехода, но без влияния на цветовой диапазон [25].
С клавишей Ctrl можно перемещать цветовые полосы для более удобной работы. Если в результате перемещения все маркеры переходят в другой цветовой диапазон, то первоначальный диапазон, выбранный в списке Edit, может изменить свое название, например, при выборе ва-рианта Yellows (Желтые), а затем при расширении его с включением диапазона красных цветов, название диапазона становится Red 2 (Крас-ные 2) и так далее до Red 6 (Красные 6). Для определения диапазона, исходя из конкретного цвета изображения, необходимо использовать инструмент Eyedropper (Пипетка). Инструмент со знаком «плюс» до-бавляет цвет в диапазон, инструмент со знаком «минус» удаляет его из диапазона. (Добавлять цвет можно и с помощью инструмента Eyedropper (Пипетка) при нажатой кнопке Shift, а удалять − при нажа-той кнопке Alt.)
Рис. 56. Тонирование
Флажок Colorize (Тонирование) используется для монохромного тонирования изображения (рис. 56). Проще говоря, преобразует изоб-ражение в оттенки одного цвета. При включении он устанавливает от-тенок в нулевое значение на цветовом круге (это красный цвет). При перемещении движка в полосе Hue (Цветовой тон) в нижней полосе отображается любой цвет из цветового круга. Изображение отображает-ся в градациях этого цвета. Данный способ можно широко применять для цветного тонирования (раскрашивания) черно-белых фотографий (если они сканированы в режиме градаций серого, их необходимо кон-вертировать в цветовую модель RGB).
81
Обесцвечивание (Desaturate)
Команда Image/Ajustments/Desaturate (Обесцвечиание) конверти-рует цветное изображение в полутоновое. Результат получается такой же, как и при переводе в режим Grayscale, за исключением того, что цветовая модель не меняется.
Замена цвета (Replace Color)
Команда Replace Color (Заменить цвет) позволяет вывести одно-именное диалоговое окно, с помощью которого выделить в изображе-нии области одного цвета, как это делает команда Select > Color Range (Выделение > Цветовой диапазон), затем заменить их на любой другой цвет (рис. 57). Однако маска, создаваемая этой командой, в отличие от команды Select > Color Range, не может быть трансформирована в вы-деленную область. При выходе из диалогового окна маска теряется.
Рис. 57. Диалоговое окно замены цвета
В поле Selection (Выделение) диалогового окна Replace Color (За-менить цвет) представлены окно просмотра и полоса Fuzziness (Раз-брос), которое определяет диапазон цветов, включаемых в область для замены. Переключатели Selection (Выделение) и Image (Изображение) определяют способ отображения в окне просмотра. Переключатель Selection (Выделение) служит для следующего представления областей изображения:
маскируемая область отображается черным цветом, область, содержащая цвет, соответствующий допуску, отобража-
ется белым цветом, частично маскируемые области − в градациях серого.
82
Переключатель Image (Изображение) выводит изображение или выделенную область в полноцветном варианте. Для того чтобы опреде-лить цвет или диапазон цветов, который будет заменен, можно исполь-зовать несколько способов.
Во-первых, можно воспользоваться инструментами Eyedropper (Пипетка), кнопки которых расположены справа. Простой пипеткой осуществляется первичный выбор заменяемого цвета. Пипетка с плю-сом позволяет добавить к уже выбранному цвету произвольное количе-ство других. Пипетка с минусом позволяет исключить любые цвета из уже выбранных. Осуществлять выбор можно на самом изображении в рабочем окне или в окне просмотра диалогового окна.
Во-вторых, добавлять и исключать цвета можно щелчком кнопки мыши при нажатой клавише Shift или Alt соответственно. После кро-потливого выделения области цвета можно приступать к определению цвета, который заменит выделенный. Для этого следует применять по-лосы Hue (Цветовой тон), Saturation (Насыщенность), Lightness (Яр-кость) поля Transform (Изменить). В приведенном примере зеленые листья ананаса были заменены на сиреневые.
Выборочная коррекция цвета (Selective Color)
Функция выборочной коррекции цвета характерна для профессио-нальных сканеров и программ для цветоделения, которые позволяют менять параметры отдельных групп цветов аддитивной и субтрактивной моделей [24, 25]. Выборочная коррекция основана на таблице, подобной приведенной ниже (табл. 3).
Таблица 3 Основы выборочной коррекции цвета, %
Красный Желтый Зеленый Голубой Синий ПурпурныйГолубой 0 0 95 95 99 26 Пурпурный 8 0 0 0 76 63 Желтый 55 100 100 0 5 0 Черный 0 0 0 0 0 0
Эта таблица отображает процентное содержание полиграфических красок, необходимых для печати каждой цветовой составляющей адди-тивной и субтрактивной моделей. Увеличивая или уменьшая значения процентных содержаний, можно изменять избирательно отдельную со-ставляющую без влияния на все остальные. Эта функция обычно ис-пользуется для того, чтобы, например, уменьшить удержание голубой составляющей в зеленой, но сохранить ее в синей составляющей. Как и другие команды цветокоррекции, она поможет «выправить» цветовой
83
дисбаланс и улучшить качество изображения. Воплощением такой функции в программе Adobe Photoshop является команда Selective Color (Выборочная коррекция цвета) меню Image/Adjustments (Изоб-ражение/Коррекция) (рис. 58). В списке Colors (Цвета) диалогового ок-на Selective Color (Выборочная коррекция цвета) представлены все со-ставляющие аддитивной и субтрактивной моделей, а также черный, се-рый и белый цвета: Reds (Красные), Yellows (Желтые), Greens (Зеле-ные), Cyans (Голубые), Blues (Синие), Magentas (Пурпурные), Whites (Белые), Neutrals (Нейтральные), Blacks (Черные). Изменение парамет-ров выбранного диапазона цветов осуществляют с помощью четырех полос, соответствующих составляющим цветовой модели CMYK: Cyan (Голубой), Magenta (Пурпурный), Yellow (Желтый) и Black (Черный).
Изменять параметры можно двумя способами, выбор которых осу-ществляется в поле Method (Коррекция). Коррекция с помощью пере-ключателя Relative (Относительная) изменяет текущие значения со-ставляющих цветовой модели CMYK в процентах к исходным значени-ям. Например, если исходное значение пурпурной краски составляло 50 % и было добавлено 10 %, то в результате получится не 60 %, а толь-ко 55 %, поскольку 10 % от 50 % равно 5 %. Следует иметь в виду, что белый цвет нельзя изменить методом относительной коррекции, по-скольку в белом цвете цветовой модели отсутствуют какие бы то ни бы-ло цветовые компоненты.
Коррекция с помощью переключателя Absolute (Абсолютная) до-бавляет или удаляет абсолютные значения составляющих цветовой мо-дели CMYK. Например, если исходное значение пурпурной краски со-ставляло 50 % и было добавлено 10 %, то в результате получится 60 %.
Рис. 58. Список цветов в диалоговом окне Selective Color
84
Микширование каналов (Channel Mixer)
Команда Channel Mixer (Микширование каналов) меню Image/Adjustments (Изображение/Коррекция) позволяет изменить изображение цветового канала путем смешивания текущих цветовых каналов (рис. 59). В результате можно получить изображение в градаци-ях серого (то есть изображение на базе одного цветового канала), ис-пользуя определенные процентные «вклады» других цветовых каналов. Полученное изображение будет легко тонировать.
Команда доступна только при активизации композитного канала в палитре Channels (Каналы) и только для цветовых моделей RGB и CMYK. В списке Output Channel (Целевой канал) диалогового окна Channel Mixer (Микширование каналов) представлены названия цвето-вых каналов данного изображения, выбор которого определяет базовый канал. В поле Source Channels (Исходные каналы) расположены движ-ки для каждого цветового канала, перемещение движка влево уменьша-ет «вклад» соответствующего канала в результирующее изображение, вправо − увеличивает его. Диапазон изменения от −200 до +200 %. От-рицательное значение инвертирует изображение, то есть добавляет определенный процент негативного изображения.
а б
Рис. 59. Микширование каналов: а − диалоговое окно Channel Mixer; б − замена синего канала зеленым
Движок в поле Constant (Константа) добавляет в канал определен-ное значение непрозрачности: отрицательные значения представляют собой черный канал, а положительные − белый канал. Флажок Monochrome (Монохромный) обеспечивает равные значения яркости во всех каналах, что создает изображение в градациях серого. Эта функция может пригодиться при работе с цветными изображениями, которые нужно наилучшим образом перевести в градации серого.
85
Также с помощью этой команды можно менять каналы местами. Посмотрите на изображения грибов. Они отличаются только тем, что зеленый и синий каналы поменялись местами.
Для этого была вызвана команда Channel Mixer и были проведены следующие действия. Выбран синий целевой канал (Output Channel − Blue), в нем содержание зеленого изменили с 0 на 100 %, а синего − со 100 на 0 %. Затем выбрали зеленый целевой канал (Output Channel − Green), в нем содержание зеленого изменили со 100 на 0 %, а синего − с 0 на 100 %. Тем самым зеленый и синий каналы поменялись своим со-держимым.
Работа с уровнями (Levels)
Гистограмма выглядит примерно так:
Рис. 60. Гистограмма фото
Яркостная гистограмма − это такой график, в котором по горизон-тали − яркость от нуля (абсолютно неяркий, черный) до максимума в 255 (абсолютно яркий, белый), а по вертикали − количество точек, име-ющих эту яркость [26, 27]. Таким образом:
а − для полностью черного снимка получим тонкий-тонкий стол-бик слева (много черных точек и никаких других), для полностью бело-го − столбик справа, для серого (128) − столбик посередине;
б − к примеру, для градиента − абсолютно плавного перехода с черного цвета на белый, получим на гистограмме ровный прямоуголь-ник, т. к. там одинаковое количество точек каждой яркости;
в − в большинстве реальных фотографий из реальной жизни по-лучим некую кривую. Если у нее есть видимый горб в левой части ги-стограммы, значит, в фотографии больше темных тонов, low key. Если в правой части − то значит, больше светлых тонов, high key;
г − если гистограмма не доходит до левого края, значит, в фото-графии нет полностью черного тона, а только серый; если не дотягивает до правого – значит, нет полностью белого. Если не дотягивает ни до того, ни до другого − значит, фотография в целом серая, вялая;
86
87
д − если горбик гистограммы выглядит состоящим из отдельных «зубчиков» с перерывами между ними, значит, в фотографии мало про-межуточных тонов, т. е. отдельных тонов в общем мало, фотография контрастная. Если горбик плавный − значит, фотография мягкая, с плавными переходами. Соляризованные фотографии (с предельно ма-лым количеством полутонов или без таковых вообще) выглядят как два-три-четыре тонких столбика всего. Т. е. есть точки первой, второй и третьей яркости, а промежуточных между ними − нет. Полностью гра-фичная фотография, только с черными и белыми тонами − два столбика: самый правый и самый левый.
Рис. 61. Фотография и ее гистограмма. Горбик в левой части оттого, что снимок в целом темный, low key. Маленькая горка справа соответствует тонам белых цветов
Цветная гистограмма − то же самое, что и яркостная, только строится отдельно для яркостей в каждом цветовом канале. Т. е. их три − красная, зеленая и синяя. И смысл в том же: гистограмма в красном ка-нале показывает, сколько есть точек с соответвующим значением в красном канале. Если красная гистограмма сбилась в кучу слева, значит, в фотографии в общем мало красных тонов, вся она в целом цианистая, если синяя − значит, фотография в целом желтовата и т. п. Если гисто-грамма синего цвета не доходит до правого края, значит, нет такой точ-ки на фотографии, у которой максимум в синем канале. Аналогично, ес-ли все три цветовые гистограммы не дотягивают ни до левого, ни до правого краев, значит, в фотографии мало насыщенных цветов. Фото-графия без насыщенных цветов − то, что на языке эмоций называется «блеклая».
Логарифмичность человеческого зрения (и слуха, и остальных чувств тоже) означает, что когда люди видят некую «ступеньку» ярко-
сти, то на самом деле это умножение, а не сложение. К примеру, кар-тинка полутонов для калибровки мониторов, которую публикуют на многих сайтах, воспринимается нами как ряд одинаковых «ступенечек». Люди визуально воспринимают этот ряд как арифметический, а он на самом деле − логарифмический.
Т. е. то, что мы видим как А + х = В, В + х = С, С + х = Е и т. п., на самом деле является А * х = В, В * х = С, С * х = Е и т. п.
Уровни. Когда в Фотошопе открывается диалоговое окно уровней (Levels, вызывается горячими клавишами Сtrl + L), пользователь видит гистограмму снимка (рис. 63). Под гистограммой − три движка. Справа − белый, слева − черный и серый − посередине.
Рис. 62. Фотография, ее яркостная гистограмма и гистограмма синего канала. Фотография имеет выраженный желтый колорит, поэтому в синем канале гистограмма существенно сдвинута влево
88
Рис. 63. Уровни в Adobe Photoshop
Правый край шкалы гистограммы − это точка максимальной ярко-сти (белая). Если гистограмма «не дотягивается» до правого края, значит, в фотографии нет белых точек. Сдвигая правый движок (белый) налево, пользователь говорит программе, что за белую теперь следует принять ту яркость, в которой остановлен движок, а все остальные уровни яркостей следует пересчитать логарифмически. Т. е. изначально движок стоял на 255, после чего был сдвинут на 200. Теперь все точки фотографии, кото-рые имели яркость 200 (если таковые были), будут иметь яркость 255, все, которые были 199, − где-то 253, и т. п. Т. е. программа пересчитает все уровни, даже если не было точек с какой-то яркостью.
Рис. 64. Сдвиг белого движка с 255 до 200 − осветление снимка с потерей деталей в светлых тонах
89
Самая правая точка гистограммы соответствует самой яркой точке фотографии. Если придвинуть правый (белый) движок к ней, то самая яркая точка фотографии станет абсолютно белой. А если пользователь будет продолжать двигать движок налево, то даже не самые яркие тона станут белыми. А те, которые останутся справа от движка, будут и по-давно белыми, т. е. несколько тонов превратятся в один, белый (рис. 64).
Рис. 65. Сдвиг правого движка до правого края гистограммы. Детали не теряются, т. к. в снимке нет точек, с яркостью больше 170.
Контраст снимка увеличиватся
Совершенно аналогично левый движок (черный) определяет, какой уровень фотографии станет абсолютно черным после обработки. Остальные пересчитываются логарифмически. Т. е. это означает, что его можно сдвигать внутрь, пока он не дойдет до левого края гисто-граммы, и это будет значить, что самый темный тон снимка станет аб-солютно черным. Двигая его дальше левого края гистограммы, пользо-ватель начинает терять детали в тенях, т. к. все тона, оставшиеся слева от движка, превращаются в один тон − черный.
Серый движок (посередине) определяет, какой тон будет средне-серым (128). Его можно двигать вправо или влево. Двигая его вправо, серыми становятся те тона, которые изначально были светлее серого, т. е. фотография затемняется. При этом происходит только перераспре-
90
деление тонов, где черный остается черным, белый − белым, а все про-межуточные тона становятся темнее. А когда ползунок сдвигают влево, серыми становятся те тона, которые были изначально темнее серого, т. е. фотография осветляется.
Справа от гистограммы есть еще три кнопки с пипетками. Пипетки − это альтернативный способ задать положение движков. Т. е. вместо сдвига правого (белого) движка до желаемого значения можно «взять» правую (белую) пипетку и «показать» на самом изображении, какой именно тон желательно превратить в белый. Это абсолютно аналогично сдвигу правого движка до яркости выбранной пользователем точки, что, в свою очередь, абсолютно то же самое, что вписать значение яркости выбранной пользователем точки в правое из окошек «Input Levels». Все три способа − запись числа в окошко, перемещение движка или указа-ние пипеткой − показывают, какой уровень следует принять за белый. Аналогично, средняя (серая) пипетка и среднее окошко соответствуют серому движку, а левая (черная) пипетка и левое окошко − черному движку.
Рис. 66. Сдвиг среднего движка с 1 до 1.3 − осветление снимка без потери деталей
Уровни и контраст. В изначальной фотографии было максимум 256 уровней яркости, от 0 до 255. Двигая правый и левый (белый и чер-ный) уровни, пользователь оставляет меньше яркостей, «отсекает» те,
91
что остались справа от движка, − они становятся белыми. Иными сло-вами, работая с правым и левым движками, пользователь невольно де-лает снимок контрастнее.
Если же пользователь двигает средний движок, например, вправо, то с контрастом происходит следующее: справа от движка становится меньше точек, которые надо распределить по половине диапазона, сле-довательно, там будет меньше уровней яркости, чем было до обработки. А слева − больше точек, которые тоже надо распределить по половине диапазона. Получается, что, затемняя фотографию (средний движок − направо), пользователь делает светлые тона контрастнее, а тени − мягче. Аналогично, осветляя фотографию (серый движок − налево), пользова-тель делает светлые тона мягче, а тени − контрастнее.
Иногда после такой обработки можно увидеть «зубчики» на новой гистограмме.
Выходные уровни. Под линейкой с тремя движками есть еще гра-диентная шкала и линейка с двумя движками. В данном случае говорит-ся, что белый надо занизить до того уровня, на который пользователь по-ставит правый движок. Соответственно левый движок показывает, каким станет бывший черный. После такой операции в фотографии не останет-ся полностью белых тонов, снимок станет более серым, более блеклым и более мягким, с большим количеством промежуточных тонов (рис. 67).
Рис. 67. Сдвиг выходного уровня с 255 до 218
92
Цветные уровни позволяют проводить вышеописанные операции с каждым из трех каналов отдельно. Это неплохой способ исправить (или изменить) баланс цветов. Например, на фотографии желтый отте-нок. Вероятнее всего, в гистограмме синего канала цвет не доходит до правого края гистограммы, а сбился в кучу в левой половине. Сдвигая правый движок примерно до края гистограммы, пользователь увеличит значение синего до 255 (абсолютный максимум) в тех точках, где оно было максимальное из всех имеющихся на фото. После описанной опе-рации со всеми каналами, цвета станут чище и нейтральнее, без выра-женных налетов (рис. 68).
Рис. 68. Усиление оранжевого колорита путем сдвига влево среднего движка в красном канале
Автоуровни (AutoLevels, вызывается горячими клавишами Сtrl + Shift + L) делают следующее: в каждом из цветовых каналов при-двигают правый движок к правой границе гистограммы, а левый − к ле-вой границе, т. е. «подчищают» цвета в снимке. Чаще всего это визу-ально улучшает снимок, особенно после сканирования неопытным пользователем. Цвета становятся визуально чище, снимок, чаще всего, − ярче и сочнее. Это потому, что теперь снимок использует весь доступ-ный диапазон яркостей, т. е. точка с максимумом красного теперь стала полностью красной и т. п. Точка, в которой все цвета были на максиму-ме по снимку, становится однотонной нейтральной.
93
Рис. 69. Снимок до и после операции «Автоуровни». Отчетливо видно, что операция чрезмерно повысила контраст
Но, как всегда, есть «но». Во-первых, если снимок имел выражен-ный колорит, то теперь он его иметь не будет, т. к. программа «растя-нет» гистограммы непроработанных цветовых уровней (рис. 70). Во-вторых, если снимок по определению не содержал каких-то тонов (тем-ных или светлых), то автоуровни его сведут на нет окончательно: если фотография состояла из серого цвета в белые крапинки, то теперь это будут белые крапинки на черном фоне, а если это были серые звезды на черном фоне, то теперь это будут белые звезды. В-третьих, использова-ние уровней увеличивает контраст, что не всегда необходимо.
Рис. 70. Автоуровни вычистили розовый закатный колорит снимка (самый яркий тон фотографии стал белым)
Еще одна проблема автоуровней − граничные значения: программа «не видит» гистограммы, сдвигая ползунки, пока не обнаружит какое-то количество тонов, которые слились, т. е. эта операция обладает некой погрешностью, и при ней некоторые полутона в цветах и тенях неиз-бежно теряются.
94
Работа с кривыми (Curves)
С помощью настройки Кривых пользователи могут: произвести тонкую цветокоррекцию цифровых изображений; настроить цвета изображения; настроить локальный контраст и тоновой баланс. При открытии интерфейса пользователь видит диалоговое окно,
представленное на рис. 71.
Рис. 71. Диалоговое окно Curves
Форму кривой можно изменять, выбрав один из инструментов по-строения − «Линии Безье» или «Карандаш». «Линии Безье» позволяют плавно изменять кривую, в то время как «Карандашом» мы создаем ли-нию заново. В подавляющем большинстве случаев при корректировке кривых используются «Линии Безье».
Точки, с левой нижней до правой верхней, влияют, соответственно, как показано на рис. 71: черный цвет, тени, полутона, блики и белые точки. Изменяя положения этих регионов, пользователь будет влиять на соответствующий тональный диапазон изображения. Если оставить ли-нию в центре, то тона останутся без изменения.
К изменению кривой следует приступать, кликнув примерно посе-редине линии. Это позволит создать «якорную точку», перемещение ко-торой изменит баланс на более светлый или темный, в зависимости от того, вверх или вниз ее переставят. Кривая должна быть плавной, резкие переходы линии сделают перепады цветов весьма заметными, более по-
95
степенное изменение яркости по обе стороны от базовой линии позво-ляет создать плавные и реалистичные настройки.
Важно отметить, однако, что пользователь не сможет увеличить контраст в одном регионе, не снизив его в другом. Кривые − это ин-струмент перераспределения контраста.
Кроме того, кривые − инструмент сохранения тональной иерархии. Это означает, что яркие участки изображения будут оставаться яркими даже после изменения, только величина яркости снизится.
S‐образная и перевернутая S‐образная кривые
Такой тип кривых используется наиболее часто. Глаз человека наиболее восприимчив к среднему тональному диапазону и чуть менее восприимчив к темному и светлому. S-образная кривая как раз и позво-ляет повысить контраст изображения, делая это в первую очередь в среднем диапазоне.
Рис. 72. Использование S-образной кривой
96
Простейший пример использования такой кривой можно посмот-реть на рис. 72.
Как показано, простейшее придание кривой S-образной формы со-вершенно меняет вид фотографии. S-образная кривая добавляет кон-траст в полутонах за счет теней и ярких участков, тогда как переверну-тая, или инверсная, S-curves имеет обратный эффект.
Пустые участки тонального диапазона и гистограммы
Одной из очень полезных и важных функций кривых является ис-правление пустых участков тонального диапазона − пустые края на гисто-грамме (в крайних областях черных и белых пикселей) или пробелы в се-редине гистограммы (в области теней, полутонов и бликов). Изображение может быть исправлено методом перемещения к центру крайних областей графика для исправления экспозиции. Это прекрасно видно на рис. 73.
Рис. 73. Исправление пустых участков тонального диапазона
97
Или, в случае, если есть пробелы между тональными пиками, то можно уменьшить контраст в определенных частях изображения − тем самым освобождая контраст, который будет использоваться в более за-метных областях изображения.
Исправление постеризации изображения с помощью кривых
Пара слов о понятии постеризации. Постеризация возникает, когда глубина цветности изображения упала настолько, что это проявилось визуально. Сам термин возник потому, что этот эффект похож на ре-зультат печати массового постера с ограниченным числом цветных чер-нил. Иными словами, при плавном изменении цвета вместо плавного перехода получаются скачки цвета.
Данный эффект хорошо просматривается на рис. 74.
Рис. 74. Исправление постеризации изображения
Примечание. Повышение контраста связано с увеличением угла наклона кри-вой относительно исходных 45 градусов, а снижение − с его уменьшением. Иными словами, чем круче кривая, тем выше контраст.
98
До сих пор речь шла о применении кривых к общим изменениям RGB-значения яркости. Но этот инструмент позволяет исправлять цве-товые оттенки на отдельных цветовых каналах.
Часто цвета в изображении бывают правильно сбалансированы, но в связи с имеющимися на снимке отражениями или источниками света на фото появляются нежелательные оттенки в тональной области. В этом случае изменение баланса белого или корректировка общего цвета может непреднамеренно повредить другие тона. Так что в этом случае лучше выборочно увеличить или уменьшить интенсивность цве-та на красном, зеленом или синем канале по отдельности для достиже-ния идеального баланса.
На данной диаграмме показывается, к чему приводит повышение или снижение диагональной линии на разных каналах:
Рис. 75. Работа с разными цветовыми каналами при использовании инструмента Curves
Повышение любого участка диагонали в красном канале приводит к увеличению содержания красного цвета на всем изображении. Пони-жение же линии повышает содержание голубого цвета. Соответственно, в зеленом канале − вверх − повышение концентрации зеленого, вниз − пурпурного; в синем канале − вверх − повышение содержания синего цвета, вниз − повышение желтого. Повышение уровня линии кривых в канале RGB (этот канал самый левый на рисунке) приводит к осветле-нию всего изображения, понижение линии − к затемнению.
Изображение RGB состоит из трех каналов − красного, зеленого и синего. В Фотошопе концентрация цвета в этих каналах показывается оттенками серого: чем темнее серый цвет, тем больше концентрация со-ответствующего цвета в канале на данном участке изображения. Вот пример, как сконцентрированы цвета в цветном изображении: слева − цветная картинка-образец, правее − ее красный канал, затем − зеленый и синий (рис. 76).
99
Рис. 76. Раскладка изображения по цветовым каналам
Увидеть, как выглядит интенсивность цветов в каналах, пользова-тель может, открыв палитру «Каналы» (Вкладка главного меню «Окно» -- > «Каналы», или Window -- > Channels).
Примечание. Если не требуется точной корректировки цвета, то коррекция цветового баланса может быть выполнена более простым способом: вкладка глав-ного меню «Изображение» -- > «Коррекция» -- > «Цветовой баланс» (Image -- > Adjustments -- > Color Balance).
Использование корректирующих слоев
Коррекцию кривыми можно также выполнять, используя корректи-рующие слои (Вкладка главного меню «Слой» -- > «Новый корректи-рующий слой» -- > «Кривые», или Layer -- > New Adjustment Layer -- > Curves). Также открыть такой слой можно, нажав соответствующую кнопку внизу палитры слоев, как показано на рис. 77.
Преимуществ у данного метода достаточно: к примеру, коррекция может быть применена только к одному каналу, что допускает после-дующее изменение остальных каналов и яркости в других корректиру-ющих слоях, также у корректирующего слоя могут быть изменены ре-жим наложения, прозрачность и заливка.
Как правило, обработка изображений редко включает в себя одну корректирующую операцию. Обычно приходится выполнять несколько действий. Например, сначала выполнить коррекцию с помощью Кри-вых (Curves), затем настроить Цветовой тон/Насыщенность (Hue/Saturation), изменить Яркость/Контрастность (Brightness/Contrast) и так далее. Все эти операции действуют на изображение разрушающе, поэтому несколько последовательно выполненных операций значитель-но ухудшают качество изображения.
100
Рис. 77. Использование корректирующего слоя Curves
Избежать этого можно, используя неразрушающее редактирование с помощью корректирующих слоев. Корректирующий слой не оказыва-ет непосредственного влияния на пиксели изображения. Преимуще-ством корректирующих слоев является также возможность подстройки параметров в любой момент.
Корректирующий слой можно создать несколькими способами. Первый способ: выбрать в меню Слой > Новый корректирую-
щий слой (Layer > New adjustment layer) и из выпадающего списка вы-брать нужный (рис. 78).
Рис. 78. Создание корректирующего слоя через меню
101
Второй способ: кликнуть на значок внизу палитры слоев и из вы-падающего списка выбрать нужный (рис. 79).
Рис. 79. Создание корректирующего слоя через палитру слоев
Чтобы в любой момент изменить параметры настройки корректи-рующего слоя, нужно дважды кликнуть на его миниатюре в палитре слоев. Откроется диалоговое окно, ничем не отличающееся от окна со-ответствующей команды. Для примера на рис. 80 показано окно настро-ек для корректирующего слоя «Кривые».
102
Рис. 80. Корректирующий слой «Кривые»
Следует обратить внимание, что при создании корректирующего слоя вместе с ним создается также и маска (рис. 81).
Рис. 81. Маска корректирующего слоя
103
Это позволяет производить выборочное редактирование отдельных областей с разной интенсивностью, путем создания и изменения маски (рисование по маске либо создание масок на основе выделений или ка-налов). Для примера показано редактирование цвета неба. Сначала небо выделяется любым способом, затем создается корректирующий слой «Кривые». При этом из выделения автоматически создается маска, скрывающая все, кроме неба.
Рис. 82. Пример работы с корректирующим слоем
Примечание. Цвета переднего и заднего плана перед созданием корректиру-ющего слоя нужно установить по умолчанию, нажав D.
Затем, изменяя форму кривых, добиваются нужного цвета и кон-траста.
Рис. 83. Создание нескольких корректирующих слоев
104
Можно создавать несколько различных корректирующих слоев. С помощью масок и изменения непрозрачности слоев обеспечива-
ется большая гибкость редактирования, недостижимая при применении обычных аналогичных команд.
Так как корректирующие слои являются обычными слоями (с не-которыми ограничениями), к ним применимы многие действия. Напри-мер, можно добиться сложных эффектов, изменяя режимы наложения корректирующих слоев. Также можно применять стили слоя, использо-вать параметр «Наложить если» (Blend if). Можно объединять корректи-рующие слои в группы и выполнять операции над группами.
Примечание. Для того чтобы произвести одинаковую коррекцию изображе-ний, снятых в одинаковых условиях, выполните коррекцию одного из них с необхо-димыми корректирующими слоями. Откройте остальные изображения. Затем вы-делите корректирующие слои и перетащите их на нужные изображения. Коррек-ция всех изображений будет выполнена.
105
Глава 5. МАСКИ
Маски могут быть использованы для скрытия областей верхнего слоя и отображения содержимого нижележащих слоев [10, 11]. Суще-ствует два типа масок.
Слой-маска представляет собой зависимое от разрешения бито-вое изображение, редактирование которого осуществляется с помощью инструментов рисования и выделения.
Векторные маски создаются с помощью инструментов групп «Перо» и «Фигура» и не зависят от разрешения изображения.
Слои-маски и векторные маски не разрушают изображение, то есть при последующем редактировании масок пикселы, которые ими скры-ты, не теряются.
Слой-маски и векторные маски отображаются в виде дополнитель-ных миниатюр на панели «Слои» справа от миниатюры слоя (рис. 84). Для слоя-маски данная миниатюра представляет собой канал градаций серого, создаваемый при ее добавлении. Миниатюра векторной маски представляет собой изображение контура, отсекающего содержимое слоя.
Примечание. Чтобы создать слой-маску или векторную маску на слое «Фон», его необходимо предварительно преобразовать в обычный слой (меню «Слой» > «Новый» > «Из фона»).
Рис. 84. Маскирование слоя: A − миниатюра слоя-маски; Б − миниатюра векторной маски; В − значок «Связать векторную маску»; Г − добавить маску
Слой-маска может быть настроен на вычитание из области слоя или на сложение с ним. Слой-маска представляет собой изображение в градациях серого. Таким образом, при его применении происходит скрытие областей черного цвета и полное отображение белых областей.
106
Остальные оттенки серого соответствуют различным уровням прозрачности.
Рис. 85. Фоновое изображение отрисовывается черным цветом, объекты − серым, а открытые места − белым цветом
Векторная маска создает в слое четко ограниченную фигуру. По-этому ее рекомендуется использовать для добавления элементов с четко прорисованными границами. После создания слоя с помощью вектор-ной маски к нему можно применить один или несколько стилей слоев, отредактировать их в случае необходимости и мгновенно получить кнопку, панель или другой декоративный веб-элемент [13].
Добавление слоя‐маски, скрывающего часть слоя
1. Добавьте новый слой с изображением, которое хотите совме-стить с исходным на панели «Слои».
2. Выделите новый слой (т. е. сделайте его активным). Нажмите кнопку «Создание маски» на палитре «Слои» (вни-
зу), чтобы создать маску, которая открывает выделенный фрагмент. 3. А) Возьмите инструмент «Градиент». На панели свойств в верх-
ней части экрана выполните настройку градиента следующим образом: от черного к белому или от белого к черному. Нанесите градиент на маску слоя.
Или 1. Создайте дубликат слоя на панели «Слои». 2. Выделите новый слой. Обесцветьте изображение (например, с помощью клавиш
Ctrl + Shift + Alt + B или Ctrl + U, поставив бегунок Saturation («Насы-щенность») в крайнее левое положение).
Нажмите кнопку «Создание маски» на палитре «Слои» (вни-зу), чтобы создать маску, которая открывает выделенный фрагмент.
107
3. Б) Возьмите инструмент «Кисть». На панели свойств инструмен-та (в верхней части экрана) настройте нужные жесткость и диаметр. В цветовой палитре (слева) поставьте активным (верхним квадратом) черный цвет. Прорисуйте кистью на маске слоя необходимые элементы.
Пункт «3А» обычно используется для создания плавных переходов между изображениями, совпадающими по размеру и наложенными одно на другое.
Пункт «3Б» применяют в тех случаях, когда необходимо на обес-цвеченном исходном изображении расставить акценты в цвете (т. е. сделать цветной лишь какую-то деталь, например, глаза).
Создание и редактирование быстрой маски
Чтобы воспользоваться режимом «Быстрая маска», сначала создай-те выделенную область, а затем добавьте или вычтите область для со-здания маски. Также можно полностью создать маску в режиме «Быст-рая маска» [11]. При помощи цвета различаются защищенные и неза-щищенные области. При выходе из режима «Быстрая маска» незащи-щенная область становится выделенной.
Примечание. Временные каналы появляются на панели «Каналы» во время работы в режиме «Быстрая маска». Однако все редактирование маски произво-дится в окне изображения.
1. При помощи любого инструмента выделения задайте часть изоб-ражения, которую нужно изменить.
2. Нажмите на панели инструментов кнопку режима «Быстрая маска» .
Цветовое наложение (похожее на цвет рубилита) покрывает и за-щищает области вне выделенного фрагмента. Выделенные области остаются незащищенными данной маской. По умолчанию защищенная область в режиме «Быстрая маска» обозначается красным наложением с 50 % непрозрачности (рис. 86).
3. Для редактирования маски выберите инструмент раскраски из палитры инструментов. Образцы из палитры инструментом автоматиче-ски становятся черно-белыми.
108
Рис. 86. Выделение в режиме «Стандартный» и режиме «Быстрая маска»: А − режим «Стандартный»; Б − режим «Быстрая маска»;
В − выделенные пикселы отмечаются белым цветом в миниатюре канала; Г − рубилитовое наложение защищает области вне выделенного фрагмента, невыделенные пикселы отображаются черным цветом в миниатюре канала
4. Воспользуйтесь белым цветом (рис. 87, Б) для выделения боль-шей части изображения (цветовое наложение будет удалено из таких областей). Воспользуйтесь черным цветом (рис. 87, В) для отмены вы-деления области (цветовое наложение появится в таких областях). При помощи серого или другого цвета можно создать полупрозрачную об-ласть, полезную для растушевки или сглаживания (полупрозрачные об-ласти могут казаться невыделенными после выхода из режима «Быстрая маска», но на самом деле это не так).
5. Нажмите кнопку режима «Стандартный» в палитре инстру-ментов для выключения режима быстрой маски и возвращения к исход-ному изображению. Граница выделенной области будет окружать не защищенную быстрой маской область.
Если в выделенную область преобразована растушеванная маска, то граница будет проходить через середину, между черными и белыми пикселами градиента маски. Граница выделенной области показывает переход между пикселами, которые выделены менее чем на 50 % и бо-лее чем на 50 %.
6. Внесите необходимые изменения в изображение. Изменения бу-дут применены только к выделенной области.
7. Выберите меню «Выделение» > «Отменить выделение» (горячие клавиши Ctrl + D) для отмены выделения либо сохраните выделенные области с помощью меню «Выделение» (Select) > «Сохранить выделен-ную область» (Save Selection).
109
Рис. 87. Раскраска в режиме «Быстрая маска»: А − исходное изображение и режим «Быстрая маска» с зеленым цветом, выбранным в качестве цвета маски; Б − раскраска белым цветом в режиме
«Быстрая маска» увеличивает выделенную область; В − раскраска черным цветом в режиме «Быстрая маска» уменьшает выделенную область
Рис. 88. Примеры масок: А − непрозрачная маска использовалась для защиты фона и редактирования
бабочки; Б − непрозрачная маска использовалась для защиты бабочки и изменения фонового цвета; В − полупрозрачная маска использовалась для изменения фонового
цвета и частичного изменения цвета бабочки
110
О масках и альфа‐каналах
При выделении части изображения невыделенная область стано-вится маскированной или защищенной от редактирования. Поэтому по-сле создания маски защищенные области изображения остаются нетро-нутыми при изменении цветов, применении фильтров и других эффек-тов. Также можно воспользоваться масками для сложного редактирова-ния изображения, например для постепенного применения цветовых эффектов или фильтров к изображению.
Маски хранятся в виде альфа-каналов. Масками и каналами явля-ются изображения в градациях серого, поэтому их можно редактировать точно так же, как и другие изображения, при помощи инструментов раскраски, инструментов редактирования или фильтров. Закрашенные черным цветом области являются защищенными, закрашенные белым области можно редактировать [12].
Воспользуйтесь режимом «Быстрая маска» для преобразования вы-деления во временную маску для упрощения редактирования. «Быстрая маска» появляется в виде цветного наложения с настраиваемой непро-зрачностью. «Быстрая маска» редактируется при помощи любого ин-струмента рисования или изменяется при помощи фильтра. После вы-хода из режима «Быстрая маска» маска преобразуется обратно в выде-ленную область изображения.
Чтобы сохранить выделенную область, ее можно поместить в аль-фа-канал. В альфа-каналах выделенные области хранятся в виде редак-тируемых масок в градациях серого на панели «Каналы» (рис. 89). Со-хранив один раз выделенную область в виде альфа-канала, можно впо-следствии загрузить ее в любое время либо даже применить для другого изображения.
Примечание. При помощи слоя-маски можно маскировать или скрывать ча-сти слоя.
Рис. 89. Выделенные области хранятся в виде альфа-каналов на панели «Каналы»
111
ЗАКЛЮЧЕНИЕ
Деятельность дизайнера связана с информационными технология-ми, которые служат ему универсальным инструментом художественно-эстетического оформления новых продуктов, предоставляют мощные научно-технические методы обработки рекламной и корпоративной ин-формации.
Учебная дисциплина «Информационные технологии в дизайне» необходима дизайнеру для практической деятельности по специально-сти. Курс «Информационные технологии в дизайне» входит в число дисциплин, обеспечивающих непрерывную компьютерную подготовку будущих дизайнеров. При разработке курса учитывалось, что в настоя-щее время стоит задача перехода на новую технологию проектирования. А эта задача требует современных методик обучения специалистов, в которых особое место занимают методы компьютерных технологий как нового инструмента проектирования. Полученные профессиональные компетенции используются при выполнении курсовых проектов и в ди-пломном проектировании, а также в будущей работе по специальности.
112
113
СПИСОК ЛИТЕРАТУРЫ
1. Келби С. Хитрости работы в Photoshop 7 / пер. с англ. – Москва : Издательский дом «Вильямс», 2004. – 288 с.
2. Мураховский В.И., Симонович С.В. Секреты цифрового фото. – Санкт-Петербург : Питер, 2005. – 144 с.
3. Уэйнманн Э., Лупекас П. Photoshop 7 Windows / пер. с англ. – Москва : ДМК Пресс, 2003. – 752 с.
4. Васильев В.Е., Морозов А.В. Компьютерная графика : учебное пособие. – Санкт-Петербург : СЗТУ, 2005. – 101 с.
5. Залогова Л.А. Компьютерная графика. Элективный курс: учеб-ное пособие. – Москва : БИНОМ. Лаборатория знаний, 2005. – 212 с.
6. Сподаренко И. Режимы наложения (смешивания) слоев. – Ре-жим доступа : http://takpro100.net.ua/beginer/178-blending.html
7. Скрынников И. Слои и режимы наложения в Photoshop. − Ре-жим доступа : http://fototips.ru/obrabotka/sloi-v-fotoshope-i-rezhimy-nalozheniya/
8. Adobe Community Help. Режимы наложения слоев. − Режим до-ступа : http://helpx.adobe.com/ru/photoshop/using/blending-modes.html
9. Компьютерная графика (растр, вектор, графические форматы). − Режим доступа : http://rosdesign.com/design/graf_kompofdesign.htm
10. Adobe Community Help. Маски слоя. − Режим доступа : http://helpx.adobe.com/ru/photoshop/using/masking-layers.html
11. Adobe Community Help. Быстрые маски. − Режим доступа : http://helpx.adobe.com/ru/photoshop/using/create-temporary-quick-mask.html
12. Adobe Community Help. Маски и альфа-каналы. − Режим доступа : http://helpx.adobe.com/ru/photoshop/using/saving-selections-alpha-channel- masks.html
13. Чавес К. Реальный мир Photoshop CS5 для фотографов : исполь-зование масок. – Режим доступа : http://www.peachpit.com/articles/ article.aspx?p=1661139
14. Adobe Community Help. Создание узоров. − Режим доступа : https://helpx.adobe.com/ru/photoshop/using/creating-patterns.html
15. Adobe Community Help. Создание текста. − Режим доступа : http://helpx.adobe.com/ru/photoshop/using/creating-type.html
16. Adobe Community Help. Редактирование текста. − Режим досту-па : http://helpx.adobe.com/ru/photoshop/using/editing-text.html
17. Adobe Community Help. Создание эффектов текста. − Режим до-ступа : http://helpx.adobe.com/ru/photoshop/using/creating-type-effects.html
114
18. Adobe Community Help. Шрифты. − Режим доступа : http://helpx.adobe.com/ru/photoshop/using/fonts.html
19. Adobe Community Help. Форматирование символов. − Режим доступа : http://helpx.adobe.com/ru/photoshop/using/formatting-characters.html
20. Adobe Community Help. Форматирование абзацев. − Режим до-ступа : http://helpx.adobe.com/ru/photoshop/using/formatting-paragraphs.html
21. Adobe Community Help. Интерлиньяж и межбуквенные интер-валы. − Режим доступа : http://helpx.adobe.com/ru/photoshop/using/line-character-spacing.html
22. Цветовой тон/Насыщенность. – Режим доступа : http://www.e-reading.link/chapter.php/1006730/40/Osnovy_raboty_v_Adobe_Photoshop_CS5.html
23. Цветовая коррекция и цветовой баланс. – Режим доступа : http://www.e-reading.link/chapter.php/1006730/39/Osnovy_raboty_v_ Adobe_ Photoshop_CS5.html
24. Adobe Community Help. Коррекция насыщенности цветов и цветового тона. – Режим доступа : https://helpx.adobe.com/ru/photoshop-elements/using/adjusting-color-saturation-hue-vibrance.html
25. Основные понятия цветовой коррекции. Цветовой баланс. – Ре-жим доступа : http://www.adobeps.ru/photoshop-lessons/48-osnovnye-ponjatija-cvetovojj-korrekcii.html
26. Уровни. – Режим доступа : http://akvis.com/ru/articles/levels-photoshop/levels.php
27. Меергус Г. Как работать с уровнями в Photoshop. – Режим до-ступа : http://photo-element.ru/photoshop/levels/levels.html
28. Adobe Community Help. Основные сведения об изображениях. – Режим доступа : http://helpx.adobe.com/ru/photoshop/using/image-essentials.html
29. Adobe Community Help. Размер изображения и разрешение. – Режим доступа : http://helpx.adobe.com/ru/photoshop/using/image-size-resolution.html
30. Adobe Community Help. Создание, открытие и импорт изобра-жений. – Режим доступа : http://helpx.adobe.com/ru/photoshop/using/ creating-opening-importing-images.html
31. Adobe Community Help. Сохранение изображений. – Режим до-ступа : http://helpx.adobe.com/ru/photoshop/using/saving-images.html
32. Adobe Community Help. Сохранение файлов в других графиче-ских форматах. – Режим доступа : http://helpx.adobe.com/ru/photoshop/ using/saving-files-graphics-formats.html
33. Adobe Community Help. Форматы файла. – Режим доступа : http://helpx.adobe.com/ru/photoshop/using/file-formats.html
34. Adobe Community Help. Основные сведения о рабочей среде. – Режим доступа : http://helpx.adobe.com/ru/photoshop/using/workspace-basics.html
35. Adobe Community Help. Панели и меню. – Режим доступа : http://helpx.adobe.com/ru/photoshop/using/panels-menus.html
36. Adobe Community Help. Галерея инструментов. – Режим досту-па : http://helpx.adobe.com/ru/photoshop/using/tools.html
115
ПРИЛОЖЕНИЕ 1 РАБОТА С ТЕКСТОМ В PHOTOSHOP
О слоях текста
При создании текста в панель «Слои» добавляется новый тексто-вый слой. После создания текстового слоя можно редактировать его и применять к нему команды слоев:
При внесении в текстовый слой изменений, которые потребуют его растрирования, Photoshop преобразует векторные контуры текста в пикселы. После растрирования текст не содержит векторных контуров, и его нельзя редактировать как текст.
Следующие изменения, внесенные в текстовый слой, сохраняют возможность его редактирования:
изменение ориентации текста; применение сглаживания краев; преобразование между началом набора и типом абзаца; создание рабочего контура из текста; применение команд трансформирования из меню «Редактирова-
ние», кроме команд «Перспектива» и «Искажение».
Примечание. Для трансформирования части текстового слоя его надо сна-чала растрировать;
использование стилей слоя; использование сочетаний клавиш для заливки; деформация текста в соответствии с различными фигурами.
Ввод текста
Существует три способа создания текста: в начале набора, в типе абзаца и вдоль контура [15, 16].
Начало набора представля-ет собой горизонтальную или вер-тикальную строку текста, начина-ющуюся в том месте изображения, где произведен щелчок мышью. Ввод текста в начале набора пред-ставляет собой верный способ до-бавить к изображению несколько слов.
116
Тип абзаца для управления потоком символов использует гра-ницы (либо по горизонтали, либо по вертикали). Ввод текста таким спо-собом удобен тогда, когда нужно создать несколько абзацев текста (например, при подготовке брошюры).
Текст вводится в начале набора (сверху) и в ограничительной рам-ке (снизу).
Текст по контуру располагается вдоль края открытого или за-крытого контура. При вводе текста по горизонтали символы появляются вдоль контура перпендикулярно нижней линии шрифта. При вводе тек-ста по вертикали символы появляются вдоль контура параллельно ниж-ней линии шрифта. В любом случае размещение текста следует направ-лению, в котором точки добавлялись к контуру.
Если введено больше текста, чем может уместиться в границах аб-заца или вдоль контура, на месте маркера в углу границы абзаца или в узловой точке в конце контура появляется небольшой прямоугольник или круг, содержащий внутри символ «плюс» (+).
Щелчок изображения инструментом «Текст» переводит этот ин-струмент в режим редактирования. В этом режиме доступен ввод и из-менение символов, а также другие команды из разных меню. Однако для некоторых операций необходимо сначала выполнить изменения в текстовом слое.
Ввод начала набора При вводе текста в начале набора каждая строка текста независи-
ма. Она расширяется и сжимается при редактировании, однако переход на следующую строку при этом не происходит. Вводимый текст появ-ляется в новом текстовом слое.
1. Выберите инструмент «Горизонтальный текст» Т или «Верти-кальный текст» ↓Т.
2. Щелкните изображение, чтобы установить курсор вставки тек-ста. Небольшая линия, проходящая через I-образный курсор, отмечает нижнюю линию шрифта для текста (воображаемую линию, на которую ложатся символы). Для вертикального текста нижняя линия шрифта отмечает центральную ось символов.
3. Выберите дополнительные параметры текста на панели пара-метров, панели «Символ» или панели «Абзац».
4. Введите символы. Чтобы начать новую строку, нажмите клави-шу «Ввод» (Windows).
Примечание. Можно также трансформировать начало набора, находясь в режиме редактирования. Нажмите и удерживайте клавишу «Ctrl» (Windows). Во-круг текста появится ограничительная рамка. Можно захватить маркер, чтобы изменить масштаб или наклон текста. Ограничительную рамку можно также вращать.
117
5. После окончания ввода и редактирования текста выполните одно из следующих действий:
Нажмите кнопку «Применить» на панели параметров. Нажмите кнопку «Ввод» в цифровой части клавиатуры. Нажмите сочетание клавиш «Ctrl» и «Ввод» (Windows). Выберите на панели инструментов любой инструмент или же
выберите любую доступную команду меню. Ввод типа абзаца При вводе типа абзаца текст переносится на новую строку таким
образом, чтобы уместиться в ограничительной рамке. Можно ввести не-сколько абзацев и выбрать параметр выключки абзацев.
Можно изменить размеры ограничительной рамки, в результате текст изменит свое расположение в выровненном прямоугольнике. Можно настроить ограничительную рамку при вводе текста или после того, как будет создан текстовый слой. При помощи ограничительной рамки можно также вращать, изменять масштаб или наклон текста.
1. Выберите инструмент «Горизонтальный текст» Т или «Верти-кальный текст» ↓Т.
2. Выполните одно из следующих действий: Перетащите курсор мыши по диагонали, чтобы задать ограничи-
тельную рамку для текста. При щелчке или перетаскивании удерживайте нажатой клавишу
«Alt» (Windows), чтобы вызвать диалоговое окно «Размер текстового блока». Введите значения ширины и высоты и нажмите кнопку «ОК».
3. Выберите дополнительные параметры текста на панели парамет-ров, панели «Символ», панели «Абзац» или в меню «Слой» > «Текст».
4. Введите символы. Чтобы начать новый абзац, нажмите клавишу «Ввод» (Windows). Если введено больше текста, чем может уместиться в ограничительной рамке, в ней появится значок переполнения .
5. При желании измените размеры, поверните или наклоните огра-ничительную рамку.
6. Произведите выполнение текстового слоя одним из следующих действий:
Нажмите кнопку «Применить» на панели параметров. Нажмите кнопку «Ввод» в цифровой части клавиатуры. Нажмите сочетание клавиш «Ctrl» и «Ввод» (Windows). Выберите на панели инструментов любой инструмент или же
выберите любую доступную команду меню. Вводимый текст появится в новом текстовом слое.
118
Изменение размера или трансформация ограничительной рам-ки текста
Отображение маркеров ограничительной рамки типа абзаца. При активном инструменте «Текст» выберите текстовый слой на панели «Слои» и щелкните в изображении область размещения текста.
Примечание. Можно также трансформировать начало набора, находясь в режиме редактирования. Удерживайте нажатой клавишу «Ctrl» (Windows), и во-круг текста появится ограничительная рамка.
Чтобы изменить размеры ограничительной рамки, установите кур-сор на ее границу (курсор примет форму двойной стрелки ) и перета-щите границу. Чтобы сохранить пропорции ограничительной рамки, удерживайте нажатой при этом клавишу «Shift».
Для вращения ограничительной рамки поместите курсор за ее пре-делами (курсор принимает форму изогнутой двунаправленной стрелки ) и перетащите рамку. Чтобы сделать поворот дискретным по 15°, удер-живайте нажатой клавишу «Shift». Чтобы изменить центр вращения, пе-ретащите при нажатой клавише «Ctrl» (Windows) центр вращения на новое место. Центр вращения может находиться и за пределами ограни-чительной рамки.
Чтобы наклонить ограничительную рамку, при нажатой клавише «Ctrl» (Windows) перетащите один из средних маркеров. Курсор пре-вращается в стрелку .
Рис. 90. Наклон текста с помощью ограничительной рамки
Чтобы изменить масштаб текста при изменении размеров ограни-чительной рамки, при перетаскивании углового маркера удерживайте нажатой клавишу «Ctrl» (Windows).
Чтобы изменить размер ограничительной рамки из центральной точки, при перетаскивании углового маркера удерживайте нажатой кла-вишу «Alt» (Windows).
Преобразование между началом набора и типом абзаца Чтобы выровнять текст в ограничительной рамке, можно преобра-
зовать начало набора в тип абзаца. И наоборот, чтобы сделать каждую
119
строку текста независимой от других, можно преобразовать тип абзаца в начало набора. При преобразовании из типа абзаца в начало набора в конец каждой строки текста добавляется символ возврата каретки (за исключением последней строки).
1. Выберите текстовый слой на панели «Слои». 2. Выберите «Текст» > «Преобразовать в короткий текст» или
«Текст» > «Преобразовать в блочный текст». (В версии CS5 эти коман-ды находятся в меню «Слой» > «Текст».)
Примечание. При преобразовании типа абзаца в начало набора все символы, выходящие за пределы ограничительной рамки, удаляются. Чтобы избежать это-го, перед началом преобразования настройте ограничительную рамку так, чтобы весь текст был виден.
Редактирование текста 1. Выберите инструмент «Горизонтальный текст» Т или «Верти-
кальный текст» ↓Т. 2. Выберите текстовый слой на панели «Слои» или щелкните текст
на изображении для автоматического выбора текстового слоя. 3. Поместите курсор вставки в текст и выполните одно из следую-
щих действий: щелкните, чтобы установить курсор вставки; выделите один или несколько символов, которые необходимо
редактировать. 4. Введите нужный текст. 5. На панели параметров выполните одно из следующих действий: нажмите кнопку «Сохранить» , чтобы применить изменения к
слою текста; нажмите кнопку «Отмена» или клавишу «Esc».
Форматирование символов
Можно задать атрибуты текста перед вводом символов или сбро-сить их, чтобы изменить внешний вид выделенных символов в тексто-вом слое. Прежде чем форматировать отдельные символы, их надо вы-делить [19]. Можно выделить один символ, диапазон символов или все символы в текстовом слое.
Выделение символов 1. Выберите инструмент «Горизонтальный текст» Т или «Верти-
кальный текст» ↓Т. 2. Выберите текстовый слой на панели «Слои» или щелкните текст
на изображении для автоматического выбора текстового слоя.
120
3. Поместите курсор вставки в текст и выполните одно из следую-щих действий:
перетаскиванием курсора мыши выделите один или несколько символов;
щелкните внутри текста начало выделения, а затем щелкните ко-нец выделяемого диапазона, удерживая нажатой клавишу «Shift»;
выберите меню «Выделение» > «Все», чтобы выбрать все симво-лы в слое;
дважды щелкните слово, чтобы выделить его. Трижды щелкните строку, чтобы выбрать ее. Четырежды щелкните абзац, чтобы выбрать его. Щелкните пять раз в любом месте текста, чтобы выбрать все сим-волы в ограничительной рамке;
для выделения символов с помощью клавиатуры, щелкните текст, а затем, удерживая нажатой клавишу «Shift», нажимайте клавиши со стрелками влево и вправо. Для выделения слов при помощи клавиа-туры, удерживая нажатыми клавиши «Shift» + «Ctrl» (Windows), нажи-майте клавиши со стрелками влево и вправо.
4. Чтобы выделить все символы в слое, не помещая в текст курсор вставки, выберите текстовый слой на панели «Слои», а затем дважды щелкните значок этого текстового слоя.
Примечание. Выделение и форматирование символов в текстовом слое пере-водит инструмент «Текст» в режим редактирования.
Обзор панели «Символ» Панель «Символ» содержит параметры, предназначенные для фор-
матирования символов. Некоторые параметры форматирования также доступны через панель параметров.
Панель «Символ» можно отобразить, выполнив следующие дей-ствия:
выберите меню «Окно» > «Символ» или щелкните ярлык панели «Символ», если панель видна, но не активна;
выберите инструмент «Текст» и нажмите кнопку «Панель» на панели параметров.
Чтобы установить параметр на панели «Символ», выберите значе-ние из всплывающего меню справа от параметра. Для изменения значе-ний числовых параметров можно воспользоваться стрелками вверх и вниз или же изменить значение непосредственно в текстовом поле. По-сле непосредственного изменения значения нажмите клавишу «Ввод», чтобы сохранить значение, «Shift» + «Ввод», чтобы сохранить и выде-лить его, или «Tab», чтобы сохранить значение и перейти к следующему полю панели.
121
Панель «Символ» A – гарнитура; Б – кегль; В − масштаб по вертикали; Г − задание «цумэ»; Д – трекинг; Е − смещение базовой линии; Ж – язык; З – начертание; И – интерлиньяж; К − масштаб по горизонтали; Л − кернинг В меню панели «Символ» можно получить доступ к дополнитель-
ным командам и параметрам. Чтобы воспользоваться этим меню, щелк-ните треугольник в правом верхнем углу панели.
Указание размера шрифта Размер шрифта определяет, насколько крупным текст будет вы-
глядеть в изображении [18]. По умолчанию единицей измерения для текста являются пункты. Один пункт PostScript составляет 1/72 дюйма на изображении с разрешающей способностью 72 ppi. Существует, од-нако, возможность переключения с единиц измерения PostScript на тра-диционные определения размеров точки. Единицу измерения размера шрифта по умолчанию можно изменить в области «Единицы измерения и линейки» диалогового окна «Установки».
Выбор размера шрифта: на панели «Символ» или на панели параметров введите или выберите новое значение параметра «Размер» . Чтобы использовать другую единицу измерения, введите ее («дюймы», «см», «мм», «пт», «пикс» или «пика») после значения в текстовом поле «Размер шрифта». Чтобы изменить единицу измерения для текста, выберите меню «Редактирование» > «Установки» > «Единицы измерения и линейки» (Windows) и выберите единицу измерения из меню «Текст».
Изменение цвета текста Введенный текст наносится текущим основным цветом, причем
этот цвет можно изменить до или после ввода текста. При редактирова-нии существующего текстового слоя можно изменить цвет как одного или нескольких выделенных символов, так и всего текста в слое. Вы-полните одно из следующих действий:
щелкните поле выбора цвета на панели параметров или панели «Символ» и выберите цвет с помощью палитры цветов;
122
используйте сочетания клавиш для заливки. Для заливки основ-ным цветом нажмите сочетание клавиш «Alt» и «Backspace» (Windows). Для заливки фоновым цветом нажмите комбинацию клавиш «Ctrl» и «Backspace» (Windows);
чтобы применить цвет, градиент или рисунок поверх существу-ющего цвета, примените к текстовому слою стиль «Перекрытие». Вы не можете применить оверлей слоя выборочно, он влияет на все символы в текстовом слое;
щелкните средство выбора основного цвета в палитре инстру-ментов и выберите цвет с помощью палитры цветов. Или же восполь-зуйтесь панелью «Цвет» или «Образцы». Если этот метод применяется для изменения цвета существующего текстового слоя, необходимо сна-чала выделить в нем символы.
Изменение цвета отдельных букв 1. Выберите инструмент «Горизонтальный текст» Т. 2. На панели «Слои» выберите слой, содержащий текст. 3. В окне документа выберите символы, которые вы хотите изме-
нить. 4. На панели параметров в верхней части рабочей области щелкни-
те образец цвета. 5. В палитре цветов определите нужный цветовой диапазон с по-
мощью треугольных шкал на спектре цветов, а затем щелкните нужный цвет в поле цвета. Выбранный цвет появится в палитре цветов в верхней половине образца цвета. Исходный цвет останется в нижней половине.
6. Нажмите кнопку «ОК». Новый цвет заменяет исходный на пане-ли параметров и в выделенных символах.
Примечание. Однако новый цвет выделенных символов будет не виден до тех пор, пока не будет отменено выделение.
Форматирование абзацев
В начале набора каждая строка представляет собой отдельный абзац. В типе абзаца каждый абзац может состоять из нескольких строк в зави-симости от размеров ограничительной рамки. Для настройки параметров форматирования одного или нескольких абзацев (или для всех абзацев слоя) можно выделить их и воспользоваться панелью «Абзац» [20].
Выберите инструмент «Горизонтальный текст» Т или «Верти-кальный текст» ↓Т.
Чтобы форматировать один абзац, щелкните его. Чтобы форматировать несколько абзацев, выделите диапазон аб-
зацев.
123
Чтобы форматировать все абзацы слоя, выделите текстовый слой на панели «Слои».
Обзор панели «Абзац» Панель «Абзац» используется для форматирования абзацев и коло-
нок. Чтобы отобразить панель, выберите меню «Окно» > «Абзац» или щелкните ярлык панели «Абзац», если она видна, но не активна. Можно
также выбрать инструмент «Текст» и нажать кнопку «Панель» на панели параметров.
Для задания числовых значений параметров на панели «Абзац» можно воспользоваться стрелками вверх и вниз или ввести значение непосредственно в текстовом поле. После непосредственного изменения значения нажмите клавишу «Ввод», чтобы сохранить значение, «Shift» + «Ввод», чтобы сохранить и выделить его, или «Tab», чтобы сохранить значение и перейти к следующему полю панели. Панель «Абзац»: A − выравнивание и выключка; Б − добавить отступ слева; В − добавить отступ слева в первой строке; Г − добавить отступ перед абзацем; Д – перенос; Е − добавить отступ справа; Ж − добавить отступ после абзаца.
В меню панели «Абзац» можно получить доступ к дополнительным
командам и параметрам. Чтобы воспользоваться этим меню, щелкните треугольник в правом верхнем углу панели.
Задание выравнивания Выравнивание текста производится к одному из краев абзаца (для
горизонтального текста − влево, по центру или вправо, для вертикаль-ного − вверх, по центру или вниз). Параметры выравнивания доступны только для типа абзаца.
1. Выполните одно из следующих действий: выделите текстовый слой, если надо изменить все абзацы в этом
слое; выделите только те абзацы, которые необходимо изменить. 2. На панели «Абзац» или на панели параметров щелкните пара-
метр выравнивания. Для горизонтального текста это следующие параметры. Выключка текста влево. Выравнивает текст влево, оставляя пра-
вый край абзаца неровным.
124
Выключка текста по центру. Выравнивает текст по центру, оставляя оба края абзаца неровными.
Выключка текста вправо. Выравнивает текст вправо, оставляя левый край абзаца неровным.
Для вертикального текста это следующие параметры. Выключка текста вверх. Выравнивает текст по верхнему краю,
оставляя нижний край абзаца неровным. Выключка текста по центру. Выравнивает текст по центру,
оставляя низ и верх абзаца неровными. Выключка текста по нижнему краю. Выравнивает текст по ниж-
нему краю, оставляя верхний край абзаца неровным. Указание выключки для типа абзаца Текст считается выключенным, если он выровнен с обеих сторон.
Можно произвести выключку всего текста абзаца, включая и послед-нюю строку, или же всего текста абзаца за исключением последней строки. Параметры, которые выбираются для выключки абзаца, опреде-ляют горизонтальные интервалы внутри строк и эстетическую привле-кательность текста на странице.
Параметры выключки доступны только для типа абзаца и опреде-ляют интервалы между словами, буквами и глифами. Параметры вы-ключки строки применимы только к символам латиницы. К двухбайто-вым символам китайских, японских и корейских шрифтов они не при-меняются.
1. Выполните одно из следующих действий: выделите текстовый слой, если надо изменить все абзацы в этом
слое; выделите только те абзацы, которые необходимо изменить. 2. На панели «Абзац» щелкните параметр выключки. Для горизонтального текста это следующие параметры: Выключка последней строки влево. Выравнивает все строки,
кроме последней, которая выравнивается по левой стороне. Выключка последней строки по центру. Выравнивает все строки,
кроме последней, которая выравнивается по центру. Выключка последней строки вправо. Выравнивает все строки,
кроме последней, которая выравнивается по правой стороне. Полная выключка. Выравнивает все строки, включая и послед-
нюю, которая также выравнивается. Для вертикального текста это следующие параметры: Выключка последней строки по верхнему краю. Выравнивает
все строки, кроме последней, которая выравнивается по верху.
125
Выключка последней строки по центру. Выравнивает все строки, кроме последней, которая выравнивается по центру.
Выключка последней строки по нижнему краю. Выравнивает все строки, кроме последней, которая выравнивается по нижней сто-роне.
Полная выключка. Выравнивает все строки, включая и послед-нюю, которая также выравнивается.
Примечание. Выключка текста (вправо, влево, по центру и полная) по конту-ру производится от курсора вставки и до конца контура.
Настройка межсловного и межбуквенного интервала при вы-ключке текста
Возможна точная настройка интервалов между словами и буквами и изменение размера символов. Настройка интервалов особенно полез-на для текста, выключенного по ширине, хотя возможна также и для невыровненного текста.
1. Выделите абзацы, которые необходимо изменить, или весь тек-стовый слой, если нужно изменить все абзацы этого слоя.
2. Выберите пункт «Выключка» в меню панели «Абзац». 3. Задайте значения параметров «Межсловные интервалы», «Меж-
буквенные интервалы» и «Масштаб глифа». Значения «Минимум» и «Максимум» определяют допустимый диапазон интервалов только для абзацев с выключкой. Значение параметра «Желаемые» определяется как для абзацев с выключкой, так и для абзацев без выключки.
Межсловный интервал. Интервал между словами, получающийся при сжатии пробелов. Значения параметра «Межсловный интервал» могут меняться от 0 до 1000 %. При значении 100 % между словами до-полнительный интервал не добавляется.
Межбуквенный интервал. Расстояние между буквами, включая значения кернинга и трекинга. Значения параметра «Межбуквенные интервалы» могут меняться в диапазоне от −100 до 500 %. При значе-нии 0 % дополнительный интервал между буквами не добавляется, а при 100 % добавляется интервал шириной с обычный пробел.
Масштаб глифов. Ширина символов (глиф − это любой символ шрифта). Значения могут меняться от 50 до 200 %. При значении 100 % высота символов не масштабируется.
Параметры интервалов всегда применяются ко всему абзацу. Чтобы настроить интервалы для нескольких символов, а не для всего абзаца, воспользуйтесь параметром «Трекинг».
126
Отступы абзацев
Отступ задает величину интервала между текстом и ограничи-тельной рамкой или линией, на которой размещается текст. Отступы действуют только для выделенных абзацев, поэтому для разных абзацев могут быть заданы разные отступы.
1. Выполните одно из следующих действий. выделите текстовый слой, если надо изменить все абзацы в этом
слое; выделите только те абзацы, которые необходимо изменить. 2. На панели «Абзац» введите значения параметров отступа. Отступ от левого края. Величина отступа от левого края абзаца.
Для вертикального текста этот параметр управляет отступом от верхне-го края абзаца.
Отступ от правого края. Величина отступа от правого края абза-ца. Для вертикального текста этот параметр управляет отступом от нижнего края абзаца.
Отступ первой строки. Величина отступа первой строки текста абзаца. Для горизонтального текста отступ первой строки определяется относительно отступа от левого края, для вертикального текста − отно-сительно отступа от верхнего края. Чтобы создать висячий отступ (вы-ступ), введите отрицательное значение.
Настройка интервалов между абзацами
1. Выделите абзацы, которые необходимо изменить, или весь тек-стовый слой, если нужно изменить все абзацы этого слоя. Если в абзац не установлен курсор и не выбран текстовый слой, настройка будет применяться к новому создаваемому тексту.
2. На панели «Абзац» настройте значения параметров «Добавить
отступ перед абзацем» и «Добавить отступ после абзаца» .
Интерлиньяж и межбуквенные интервалы
Настройка интерлиньяжа
Интерлиньяж − это вертикальный интервал между строками тек-ста. Для прямого шрифта интерлиньяж измеряется от базовой линии одной строки текста до базовой линии строки, расположенной над ней.
Базовая линия − это невидимая линия, по которой выравнивается нижний край большинства букв. К одному абзацу может быть примене-но несколько значений интерлиньяжа, однако общее значение будет определяться значением наибольшего из них [21].
127
Задание интерлиньяжа: 1. Выделите символы, которые надо изменить. Если текст не выде-
лен, интерлиньяж применяется к вновь создаваемому тексту. 2. На панели «Символ» задайте значение интерлиньяжа.
Рис. 91. Текст размером пять пунктов с интерлиньяжем в 6 пунктов (слева) и в 12 пунктов (справа)
Кернинг и трекинг Кернинг − это увеличение или уменьшение интервала между опре-
деленными парами символов. Трекинг − это расширение или сужение интервала между символа-
ми в выделенном тексте или во всем блоке текста. Кернинг текста можно настраивать автоматически с использовани-
ем метрического или оптического кернинга. При метрическом кернинге (называемом также автокернингом) используются пары литер, которые включены в большинство шрифтов. Эти пары литер содержат сведения о расстояниях между конкретными парами букв. Вот некоторые из них: LA, P, To, Tr, Ta, Tu, Te, Ty, Wa, WA, We, Wo, Ya и Yo. Метрический кернинг применяется по умолчанию, поэтому к конкретным парам букв кернинг применяется автоматически во время импорта или ввода.
Некоторые шрифты включают подробные спецификации кернинга. Однако если шрифт содержит только минимальные данные о кернинге или вообще их не содержит, либо если в слове или строке одновременно используются различные гарнитуры и кегли, может потребоваться при-менение оптического кернинга. При оптическом кернинге интервал между смежными символами подстраивается исходя из их формы.
128
Можно также воспользоваться ручным кернингом, что позволит идеально настроить расстояния между двумя соседними символами. Трекинг и ручной кернинг можно использовать вместе. Для этого сна-чала настраиваются отдельные пары букв, а затем блоки текста делают-ся более сжатыми или разреженными. Это не оказывает влияния на от-носительный кернинг пар букв.
Если поместить курсор вставки между двумя буквами, на панели «Символ» появляются значения кернинга. Аналогично этому при выде-лении слова или фрагмента текста на панели «Символ» появляются зна-чения трекинга.
Как трекинг, так и кернинг измеряются в тысячных долях em − единицы измерения, которая определяется относительно текущего раз-мера шрифта. Для шрифта размером 6 пунктов 1 em равен 6 пунктам. Для шрифта размером 10 пунктов 1 em равен 10 пунктам. Кернинг и трекинг строго пропорциональны текущему размеру шрифта.
Параметры кернинга и трекинга
А − исходный текст; Б − текст с оптическим кернингом; В − текст с установленным вручную кернингом между буквами «W» и «a»; Г − текст с трекингом; Д − совмещение кернинга и трекинга.
Примечание. Значения кернинга и трекинга применяются к текстам на япон-ском языке, но вообще эти параметры используются и для настройки межсим-вольного интервала между символами латиницы.
Подстройка кернинга. Выполните одно из следующих действий: Чтобы для выделенных символов использовалась информация о
кернинге, встроенная в шрифт, выберите в параметре «Кернинга» на панели «Символ» значение «Метрический».
129
Чтобы автоматически настроить расстояние между выбранными символами на основе их формы, выберите в параметре «Кернинг» на панели «Символ» значение «Оптический».
Чтобы настроить кернинг вручную, поместите курсор вставки между двумя символами и установите нужное значение параметра «Кернинг» на панели «Символ» (обратите внимание, что если выделен фрагмент текста, то произвести кернинг текста вручную невозможно, вместо этого настраивается трекинг). Чтобы уменьшить или увеличить кернинг между двумя символами, нажимайте комбинацию клавиш «Alt» + «Стрелка влево/вправо» (Windows).
Чтобы отключить кернинг для выделенных символов, установите параметр «Кернинг» на панели «Символ» в значение «0» (ноль).
Настройка трекинга: 1. Выберите диапазон символов или объект текста, который надо
настроить. 2. На панели «Символ» установите параметр «Трекинг». Смещение базовой линии Для смещения выделенных символов вверх или вниз относительно
базовой линии окружающего текста применяется параметр «Смещение базовой линии». Смещение базовой линии особенно полезно при руч-ной настройке фрагментов или настройке положения шрифта с пикто-граммами.
1. Выделите символы или текстовые объекты, которые необходимо изменить. Если текст не выделен, смещение применяется к вновь созда-ваемому тексту.
2. На панели «Символ» задайте параметр «Смещение базовой ли-нии». Положительные значения смещают базовую линию символа вы-ше, а отрицательные − ниже базовой линии остальной части строки.
Рис. 92. Текст с разными значениями смещения базовой линии
О шрифтах
Шрифт представляет собой полный набор символов (букв, цифр и других знаков), которые характеризуются общей высотой, шириной и начертанием. Пример: Adobe Garamond, полужирный, 10 пунктов.
130
Гарнитуры шрифта (часто называемые начертанием или семей-ством шрифтов) представляют собой наборы шрифтов, обладающих общим внешним видом и спроектированных для совместного примене-ния (например, Adobe Garamond).
Стиль шрифта − это вариант конкретного шрифта в гарнитуре. Обычно члены семейства шрифтов, имеющие в названии слово Roman или Plain (в разных гарнитурах по-разному), представляют собой базо-вый шрифт, который может включать в себя различные стили: обыч-ный, жирный, полужирный, курсив и полужирный курсив. Если в шрифте нужный стиль отсутствует, можно применить псевдостили: псевдополужирный, псевдокурсив, надстрочный и подстрочный индекс, все прописные и капитель.
В дополнение к символам, имеющимся на клавиатуре, гарнитура шрифта включает множество других символов. В эти символы могут входить лигатуры, дроби, каллиграфические символы, орнаменты, по-рядковые номера, заголовочные и стилистические варианты начертания, символы верхних и нижних индексов, старинные и прописные цифры.
Глиф − это специальная форма символа. В некоторых шрифтах у заглавной буквы «А» имеется несколько форм (например, каллиграфи-ческая или малая прописная).
Чтобы сделать шрифты доступными для Photoshop и других при-ложений Adobe, установите их в эту системную папку: Windows/Fonts.
Применение сглаживания к текстовому слою
Сглаживание позволяет получить символы текста с гладкой кром-кой, реализуя частичное заполнение краевых пикселов. В результате этого края текста смешиваются с фоном (рис. 93).
При подготовке текста, который будет отображаться на веб-странице, следует учесть, что сглаживание значительно увеличивает ко-личество цветов в исходном изображении. Это ограничивает возможно-сти по снижению размера файла изображения. Сглаживание может также вызвать появление на краях символов текста случайных цветов. Когда важно снизить размер файла и уменьшить количество цветов, может ока-заться предпочтительнее отказаться от сглаживания, несмотря на то, что в изображении останутся зубчатые края. Кроме того, следует рассмот-реть возможность использования шрифта большего размера, чем при вы-воде на печать. Шрифт большого размера в веб-изображениях легче чи-тается и позволяет лучше решить, следует ли применять сглаживание.
Примечание. При использовании сглаживания при малых размерах и низкой разрешающей способности (например, в веб-изображениях) текст может пока-заться неразборчивым. Чтобы повысить разборчивость, сбросьте флажок «Дроб-ная ширина» в меню панели «Символ».
131
Рис. 93. Сглаживание установлено в значение «Нет» (слева) и «Насыщенное» (справа)
1. Выберите текстовый слой на панели «Слои».
2. Установите параметр в меню сглаживания аа на панели парамет-ров или на панели «Символ». Или выберите меню «Слой» > «Текст», а затем выберите параметр во вложенном меню:
Без сглаживания. Сглаживание не применяется. Жесткое. Текст выводится с максимальной резкостью. Четкое. Текст выводится с большой резкостью. Насыщенное. Текст получается более отчетливым. Плавное. Текст получается более плавный.
Масштабирование и вращение текста
Настройка масштаба текста. Можно задать пропорцию между высотой и шириной текста относительно исходной ширины и высоты символов. Для немасштабированных символов эта величина имеет зна-чение 100 %. Некоторые гарнитуры включают настоящий широкий шрифт, символы которого специально разработаны с большей шири-ной, чем в обычном шрифте. Масштабирование приводит к визуально-му искажению символов текста, поэтому обычно предпочтительнее ис-пользовать шрифты, специально разработанные как узкие или широкие, если они доступны.
1. Выделите символы или текстовые объекты, которые необходимо изменить. Если текст не выделен, масштабирование применяется к вновь создаваемому тексту.
132
2. В палитре «Символ» задайте значения для параметра «Масштаб по вертикали» ↕Т или «Масштаб по горизонтали» Т.
Поворот текста. Выполните следующие действия: чтобы вра-щать текст, выберите текстовый слой и воспользуйтесь любой командой вращения или командой «Свободное трансформирование». Для типа аб-заца можно также выделить ограничительную рамку и воспользоваться маркером для вращения текста вручную.
Поворот символов вертикального текста. При работе с верти-кальным текстом символы можно поворачивать с шагом 90° (рис. 94). Повернутые символы отображаются вертикально, а неповернутые − бо-ком (перпендикулярно линии текста).
1. Выберите вертикальный текст, который необходимо поворачи-вать (или отменить поворот).
2. Выберите в меню панели «Символ» пункт «Стандартная верти-кальная ориентация». Флажок показывает, что параметр выбран.
Рис. 94. Исходный текст (слева) и текст без вертикального поворота (справа)
Изменение ориентации текстового слоя. Ориентация текстового слоя определяет направление линий текста относительно окна докумен-та (для начала набора) или ограничительной рамки (для типа абзаца). Если текстовый слой ориентирован вертикально, текст выводится свер-ху вниз. Если горизонтально − слева направо. Не путайте ориентацию текстового слоя с направлением символов в строке текста.
1. Выберите текстовый слой на панели «Слои». 2. Выполните одно из следующих действий: выберите инструмент «Текст» и нажмите кнопку «Ориентация
текста» на панели параметров;
133
выберите меню «Слой» > «Текст» > «Горизонтальный» или «Слой» > «Текст» > «Вертикальный»;
выберите пункт «Изменить ориентацию текста» в меню панели «Символ».
Растрирование текстового слоя. Некоторые команды и инстру-менты − средства раскраски и фильтры − для текстовых слоев недо-ступны. Перед их применением текст необходимо растрировать. Рас-трирование преобразует текстовый слой в обычный и делает его тек-стовое содержимое нередактируемым. Если выбрана команда или ин-струмент, которому требуется растрирование слоя, об этом выводится предупреждение. В некоторых предупреждениях есть кнопка «ОК», ко-торую можно нажать для растрирования слоя. Выделите текстовый слой и выберите меню «Слой» > «Растрировать» > «Текст».
Создание текста вдоль или внутри контура
Можно ввести текст, который будет располагаться вдоль рабочего контура, созданного пером или одним из инструментов фигур. При вво-де текста вдоль контура он следует в том направлении, в котором узло-вые точки добавлялись к контуру. При вводе горизонтального текста по контуру буквы располагаются перпендикулярно базовой линии. При вводе вертикального текста по контуру текст ориентирован параллельно базовой линии [16, 17].
Текст можно поместить внутри замкнутого контура. Однако в этом случае текст всегда имеет горизонтальную ориентацию, а разрыв строки происходит каждый раз при достижении границы контура. При перемещении контура или при изменении его формы связанный текст будет следовать новому местоположению и форме контура.
Рис. 95. Горизонтальный и вертикальный текст на незамкнутом контуре
134
Рис. 96. Горизонтальный и вертикальный текст на замкнутом контуре, созданном инструментом фигуры
Ввод текста по контуру
1. Выполните одно из следующих действий: выберите инструмент «Горизонтальный текст» Т или «Верти-
кальный текст» ↓Т. выберите инструмент «Горизонтальный текст-маска» или
«Вертикальный текст-маска» . 2. Установите курсор так, чтобы индикатор базовой линии инстру-
мента «Текст» находился на контуре, и щелкните его. После этого на контуре появляется курсор вставки.
3. Введите текст. Горизонтальный текст выводится вдоль контура перпендикулярно базовой линии. Вертикальный текст выводится вдоль контура параллельно базовой линии.
Примечание. Параметр «Отклонение от базовой линии» на панели «Символ» предоставляет больший контроль над вертикальным выравниванием по контуру. Например, в текстовом поле «Отклонение от базовой линии» можно ввести отри-цательную величину, что позволяет понизить текст.
Рис. 97. Индикатор базовой линии инструмента «Текст» (слева) и инструмент «Текст» с индикатором базовой линии на контуре (справа)
135
Перемещение или отражение текста по контуру. Выберите ин-струмент «Стрелка» или «Выделение контура» и переместите его на
текст. Курсор примет I-образную форму со стрелкой . Чтобы переме-стить текст, щелкните его и перетаскивайте вдоль контура. Будьте вни-мательны: не перетаскивайте поперек контура. Чтобы отразить текст на другую сторону контура, щелкните его и перетаскивайте поперек кон-тура.
Примечание. Чтобы переместить текст через контур без изменения направ-ления текста, воспользуйтесь параметром «Смещение базовой линии» на панели «Символ». Например, если имеется текст, который идет слева направо по внешней стороне окружности, то можно ввести отрицательное значение для параметра «Отклонение от базовой линии», чтобы текст сместился внутрь окружности.
Рис. 98. Применение инструментов «Стрелка» и «Выделение контура» для перемещения или отражения текста по контуру
Ввод текста внутри замкнутого контура: 1. Выберите инструмент «Горизонтальный текст» Т. 2. Поместите курсор внутри контура. 3. Когда курсор инструмента «Текст» будет окружен пунктирными
круглыми скобками , щелкните, чтобы вставить текст. Перемещение контура с текстом. Выберите инструмент «Выде-
ление контура» или «Перемещение» , затем щелкните контур и перетащите его на новое место. Если используется инструмент «Выде-ление контура», убедитесь в том, что курсор не принял I-образную фор-му со стрелкой и что текст не перемещается вдоль контура.
Изменение формы контура с текстом: 1. Выберите инструмент «Стрелка» . 2. Щелкните узловую точку на контуре и воспользуйтесь маркером
для изменения его формы.
136
Деформация текста и ее отмена
Текст можно деформировать, чтобы создать специальный эффект. Например, можно придать ему форму дуги или волны. Выбранный стиль деформации является атрибутом текстового слоя − его в любой момент можно изменить, при этом изменится и форма деформации. Па-раметры деформации предоставляют полное управление ориентацией и перспективой эффекта деформации.
Примечание. Нельзя деформировать текстовые слои, к которым применен формат «Псевдополужирный» или в которых используются шрифты без контур-ных данных (например, растровые шрифты).
Рис. 99. Пример текста, деформированного стилем «Рыба»
Деформация текста
1. Выберите текстовый слой. 2. Выполните одно из следующих действий: выберите инструмент «Текст» и нажмите кнопку «Создает де-
формированный текст» на панели параметров; выберите «Текст» > «Деформировать текст» (cs6); или «Слой» > «Текст» > «Деформировать текст» (cs5).
Примечание. Для деформации текста в текстовом слое можно воспользо-ваться командой «Деформация»: выберите меню «Редактирование» > «Трансфор-мирование контура» > «Деформация».
3. Выберите стиль деформации из всплывающего меню «Стиль». 4. Выберите ориентацию эффекта деформации − по горизонтали
или по вертикали.
137
5. При желании укажите значения дополнительных параметров де-формации:
параметр «Изгиб» указывает применяемую к слою степень де-формации;
параметры «Искажение по горизонтали» и «Искажение по верти-кали» придают деформации перспективу. Отмена деформации текста:
1. Выделите текстовый слой, к которому была применена деформа-ция.
2. Выберите инструмент «Текст» и нажмите кнопку «Деформация»
на панели параметров или выберите команду меню «Слой» > «Текст» > «Деформировать текст».
3. Выберите «Нет» во всплывающем меню «Стиль» и нажмите кнопку «ОК».
138
Приложение 2 GIF‐АНИМАЦИЯ
Тип анимации, доступный для создания в программе Adobe Pho-toshop, называется «покадровая анимация». Принцип этой анимации со-стоит в том, что документ формируется из нескольких изображений, ко-торые последовательно чередуются во времени. Такой документ можно сохранить в формате GIF. Создать анимацию можно несколькими спо-собами.
Пример 1: падающий снег
1. Откройте изображение, на ко-тором будет анимация падающего сне-га. Для создания анимации необходимо несколько слоев, на которых будут нарисованы снежинки. На каждом из этих слоев снежинки будут расположе-ны по-разному. В анимации эти слои будут показываться поочередно, и за счет этого будет возникать ощущение падающего снега.
2. Создайте новый слой, нажав кнопку Create A New Layer (Со-здать новый слой) внизу палитры Layers (Слои). В результате на палит-ре появится строчка нового слоя – Layer 1 (Слой 1).
3. Загрузите набор кистей. Выберите инструмент Brush (Кисть). На панели свойств раскройте выпадающий список образцов кистей и зайдите в меню управления образцами (рис. 100, а). В этом меню выбе-рите строчку Load Brushes (Загрузить кисти) и в появившемся окне вы-берите необходимый файл с расширением *.abr, после чего нажмите кнопку Load (Загрузить). Снова раскройте список образцов на панели свойств и в конце этого списка выберите подходящую кисть (рис. 100, б).
4. Настройте кисть. 5. Определите цвет для рисования. Снег обычно рисуют белым
цветом. Для быстрой установки белого цвета в качестве рисующего, нажмите сначала клавишу D (сброс цветов), а потом клавишу X (сме-нить цвета). На панели свойств установится белый цвет для рисования.
6. Прорисуйте первый слой снежинок, стараясь сделать так, что-бы снежинки распределялись довольно равномерно и не возникало больших скоплений снежинок или больших пустот.
139
7. Создайте еще три слоя снежинок. 8. Определите последовательность кадров. Выполните команду
Window – Animation (Окно – Анимация). Внизу экрана появится палит-ра Animation (рис. 101, а). Включите видимость слоя Layer 1, а види-мость остальных трех слоев со снежинками отключите (рис. 101, б).
а б
Рис. 100. Загрузка нового набора кистей
а б
Рис. 101. Первый кадр анимации
140
Теперь на палитре Animation создайте новый кадр с помощью кнопки Duplicate Selected Frame (Дублировать выбранный кадр). На па-литре создастся новая миниатюра изображения – второй кадр.
Далее включите видимость Layer 2, а слои Layer 1, Layer 3 и Layer 4 сделайте невидимыми.
Создайте новый кадр, включите видимость Layer 3, а Layer 1, Layer 2, Layer 4 – отключите.
Создайте новый кадр, включите видимость Layer 4, а Layer 1, Layer 2, Layer 3 – отключите.
В итоге должно получиться четыре кадра, на каждом из которых виден слой Background и один из слоев со снежинками.
9. Просмотрите анимацию. Для просмотра анимации нажмите кнопку Plays Animation (Проиграть анимацию), а для остановки проиг-рывания нажмите кнопку повторно (рис. 102, а). В случае, когда смена кадров слишком быстрая, остановите анимацию и выберите другое вре-мя под каждым из кадров – 0,1 секунды (рис. 102, б).
а б
Рис. 102. Настройка анимации
10. Сохраните документ в формате gif. Чтобы сохранить покад-ровую анимацию, выполните команду File – Save For Web & Devices (Файл – Сохранить для веб и устройств). В появившемся окне выберите вкладку Optimized. Установите формат файла – GIF, количество цветов в поле Colors (Цвета) – 256. Нажмите Save (Сохранить), после чего ани-мацию можно просмотреть в любой программе для просмотра графиче-ских файлов.
141
Рис. 103. Сохранение анимации
Пример 2: анимация блика
1. Откройте изображение, на котором будет создан слой с «бли-ком» − объектом, который будет осветлять изображение. Суть ани-мации будет в перемещении этого объекта за счет создания ряда кад-ров – промежуточных положений блика, которые будут чередоваться во времени.
2. Создайте слой с бликом. Создайте новый слой. Выберите инструмент Brush (Кисть) и установите белый цвет для рисования. На панели свойств выберите мягкую круг-лую кисть диаметром 50 пикселей. Нарисуйте кистью диагональный штрих. Измените режим наложения слоя на Overlay (Перекрытие).
3. Создайте первый и последний кадры. Выберите инструмент Move (Перемещение) и сместите слой с бли-
142
ком к левому краю документа. Вызовите палитру Animation и создайте новый кадр (рис. 104, а). Сместите слой с бликом к правому краю доку-мента, после чего на палитре Animation нажмите кнопку Tweens Anima-tion Frames (Создать промежуточные кадры) и в окне Tween укажите количество дополнительных кадров – 12 (рис. 104, б).
а б
Рис. 104. Настройка анимации для промежуточных кадров
4. Для всех кадров анимации укажите время проигрывания 0,1 секунды, а для последнего – 2 секунды (рис. 105).
5. Сохраните документ в формате GIF, используя функцию Save For Web & Devices (Сохранить для веб и устройств).
Рис. 105. Настройка времени проигрывания анимации
143
Приложение 3 ФОРМАТЫ ФАЙЛОВ
Формат Photoshop (PSD)
Формат Photoshop (PSD) является форматом файла по умолчанию, а также единственным форматом, кроме формата больших документов (PSB), поддерживающим все свойства Photoshop. Благодаря тесной ин-теграции между продуктами Adobe другие приложения Adobe способны напрямую импортировать файлы PSD с сохранением множества воз-можностей Photoshop.
При сохранении файла в формате PSD можно установить макси-мальную совместимость. При этом в файле сохраняется совмещенная версия многослойного изображения, благодаря чему оно может быть прочитано другими приложениями, включая предыдущие версии Photoshop. Этот формат также позволяет сохранить прежний вид доку-мента в случае появления новых версий Photoshop, в которых изменены некоторые свойства. Включение композитных версий позволяет намно-го быстрее загружать изображение и использовать его в программах, отличных от Photoshop, кроме того, эта функция может потребоваться, чтобы сделать изображение читаемым в других приложениях. 16-битные RGB-изображения и 32-битные RGB-изображения High Dynamic Range могут быть сохранены как файлы PSD.
Формат Photoshop EPS
Формат EPS (Encapsulated PostScript) может содержать как вектор-ную, так и растровую графику и поддерживается практически всеми программами обработки изображений, иллюстраций и верстки. Формат EPS используется для передачи изображений PostScript между прило-жениями. При открытии файла EPS, содержащего векторную графику, Photoshop растрирует изображение, преобразуя векторную графику в пикселы [32].
Формат EPS поддерживает цветовые форматы Lab, CMYK, RGB, индексированных цветов, градаций серого, дуотона и битовых цветовых режимов и не поддерживает альфа-каналы. EPS не поддерживает обтра-вочные контуры. Формат DCS (Desktop Color Separations) является вер-сией стандартного формата EPS, позволяющей сохранять цветоделение в CMYK-изображениях.
Примечание. Форматы EPS TIFF и EPS PICT соответствуют более ранним версиям Photoshop. Текущая версия Photoshop включает функции растрирования для открытия файлов, содержащих векторные данные.
144
Формат BMP
BMP − это формат изображения для операционной системы Windows. Изображения в этом формате могут быть как черно-белыми (1 байт/пиксел), так и цветными с глубиной до 24 бит (16,7 миллиона цветов). BMP является стандартным форматом изображения в Windows на DOS- и Windows-совместимых компьютерах. Формат BMP поддер-живает цветовые форматы RGB, индексированных цветов, градаций се-рого и битовый формат.
Формат GIF
Формат GIF (Graphics Interchange Format) − формат, обычно ис-пользуемый для отображения графики с индексированными цветами в документах HTML в Интернете и других сетевых службах. GIF пред-ставляет собой формат со сжатием LZW, предназначенный для миними-зации размера файла и сокращения времени передачи файла. Формат GIF сохраняет прозрачность в изображениях с индексированными цве-тами, однако он не поддерживает альфа-каналы.
Команда «Сохранить как...» позволяет сохранять изображения в режимах RGB, индексированных цветов, градаций серого и Bitmap непосредственно в формате CompuServe GIF (известном как GIF). Изоб-ражение автоматически преобразуется в режим индексированных цве-тов [33].
Примечание. Если изображение содержит 8 бит на канал, единственным возможным форматом является GIF (поскольку только он поддерживает 8 бит/канал).
Формат JPEG
Формат JPEG (формат Объединенной группы экспертов в области фотографии) широко используется для отображения фотографий и дру-гих нерастрированных изображений в HTML-документах в Интернете и других сетевых службах. Формат JPEG поддерживает цветовые форма-ты CMYK, RGB и градаций серого и не поддерживает прозрачность. В отличие от формата GIF, JPEG сохраняет всю информацию о цвете в RGB-изображении, однако сокращает размер файла путем выборочного удаления данных.
Изображение JPEG автоматически распаковывается при открытии. Более высокая степень сжатия приводит к снижению качества изобра-жения, а более низкая степень сжатия позволяет получить изображение лучшего качества. В большинстве случаев значение «Максимум» для параметра качества обеспечивает результат, неотличимый от исходного изображения.
145
Формат JPEG поддерживает только 8-битные изображения. При сохранении 16-битного изображения в этом формате Photoshop автома-тически понижает битовую глубину [33].
Формат больших документов (PSB)
Формат больших документов (PSB) поддерживает документы раз-мером до 300 000 пикселов в любом измерении. Этим форматом под-держиваются все свойства Photoshop, в том числе слои, эффекты и фильтры. (Если ширина или высота документа превышает 30 000 пиксе-лов, некоторые фильтры внешних модулей недоступны.)
Можно сохранять 32-битные RGB-изображения High Dynamic Range в формате PSB. В настоящее время документ, сохраненный в формате PSB, может быть открыт только в Photoshop CS или более поздней версии. Другими приложениями и более ранними версиями Photoshop нельзя открыть документы, сохраненные в формате PSB [31].
Примечание. Большинством других приложений и более ранними версиями Photoshop не поддерживаются документы с размером файла, превышающим 2 ГБ.
Формат PDF
Portable Document Format (PDF) представляет собой гибкий меж-платформенный формат файла, совместно используемый различными приложениями. В создаваемых файлах PDF точно отображаются и со-храняются шрифты, макеты страниц, векторная и растровая графика. Кроме того, файлы PDF могут содержать возможности поиска и навига-ции по электронному документу, например электронные ссылки. Фор-мат PDF поддерживает 16-битные RGB-изображения [33].
Примечание. Инструмент «Редактирование объектов» предназначен в ос-новном для внесения незначительных корректировок в изображения и объекты. Ре-дактирование изображений лучше выполнять в Photoshop до сохранения их в фор-мате PDF.
Photoshop распознает два типа PDF-файлов. Файлы Photoshop PDF. Создаются, если в диалоговом окне «Со-
хранить Adobe PDF» выбрана настройка «Сохранить возможность ре-дактирования в Photoshop».
Стандартные PDF-файлы. Создаются, если в диалоговом окне «Сохранить Adobe PDF» не выбрана настройка «Сохранить возмож-ность редактирования в Photoshop» или при сохранении с помощью других приложений. Стандартные PDF-файлы могут содержать не-сколько страниц и изображений. При открытии стандартного PDF-файла Photoshop растрирует векторную графику и текст, сохраняя пик-сельное содержимое.
146
Формат PNG
Формат PNG (Portable Network Graphics), разработанный в качестве не защищенной патентом альтернативы формату GIF, используется для сжатия без потерь и для отображения изображений в сети. В отличие от GIF, формат PNG поддерживает 24-битовые изображения и обеспечива-ет прозрачность фона без зубчатых краев, однако некоторыми веб-браузерами не поддерживаются изображения PNG. Формат PNG под-держивает цветовые форматы RGB, индексированных цветов, градаций серого и изображения в битовом режиме без альфа-каналов. Формат PNG сохраняет прозрачность в RGB-изображениях и изображениях в градациях серого [33].
Примечание. С помощью команды «Сохранить для Web и устройств» изоб-ражение можно также сохранить как один или несколько PNG-файлов.
Формат TIFF
TIFF − гибкий растровый (битовый) формат изображения, поддер-живаемый практически всеми приложениями рисования, редактирова-ния изображений и верстки [32].
Формат файлов тегированных изображений (TIFF, TIF) использу-ется для обмена файлами между приложениями и компьютерными платформами. TIFF − гибкий битовый формат изображения, поддержи-ваемый практически всеми приложениями рисования, редактирования изображений и верстки. Максимальный размер файла для документов TIFF составляет 4 ГБ.
Формат TIFF поддерживает изображения CMYK, RGB, Lab с ин-дексированными цветами и в градациях серого с альфа-каналами, а так-же изображения в битовом режиме без альфа-каналов. Photoshop может сохранять слои в файле TIFF, однако, если открыть этот файл в другом приложении, отображается только сведенное изображение. Photoshop может также сохранять примечания, прозрачные области и данные пи-рамид с переменной разрешающей способностью в формате TIFF.
В Photoshop файлы изображений TIFF имеют битовую глубину 8, 16 или 32 бит/канал. Можно сохранять 32-битные RGB-изображения High Dynamic Range в формате TIFF.
147
Учебное издание
РИЗЕН Юлия Сергеевна ШКЛЯР Алексей Викторович
ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ В ДИЗАЙНЕ
ОСНОВЫ
Учебное пособие
Научный редактор доктор технических наук
А.А. Захарова
Корректура В.Ю. Пановица Компьютерная верстка Ю.С. Ризен, В.П. Аршинова
Дизайн обложки Ю.С. Ризен, А.В. Шкляр
Подписано к печати 23.03.2015. Формат 60х84/16. Бумага «Снегурочка». Печать XEROX. Усл. печ. л. 8,61. Уч.‐изд. л. 7,78.
Заказ 226‐15. Тираж 50 экз.
Национальный исследовательский Томский политехнический университет Система менеджмента качества
Издательства Томского политехнического университета сертифицирована в соответствии с требованиями ISO 9001:2008
. 634050, г. Томск, пр. Ленина, 30 Тел./факс: 8(3822)56‐35‐35, www.tpu.ru