Idea Transcript
РОССИЙСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ НЕФТИ И ГАЗА ИМ. И.М.ГУБКИНА Кафедра информатики
СИДОРОВ В.В., НАДИРАДЗЕ И.А., БУХАРОВА Н.И.
Методические указания по созданию и коррекции компьютерной графики Методы и средства пакета Adobe Photoshop
Для студентов, аспирантов.и слушателей факультета повышения квалификации
Москва 2010г.
РОССИЙСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ НЕФТИ И ГАЗА ИМ. И.М.ГУБКИНА Кафедра информатики
СИДОРОВ В.В., НАДИРАДЗЕ И.А., БУХАРОВА Н.И.
Методические указания по созданию и коррекции компьютерной графики Методы и средства пакета Adobe Photoshop
Для студентов, аспирантов.и слушателей факультета повышения квалификации
Москва 2010г.
УДК 681.3 Сидоров В.В., Надирадзе И.А., Бухарова Н.И. Методические указания по созданию и коррекции компьютерной графики. Методы и средства пакета Adobe Photoshop. – М.: РГУ нефти и газа им. И.М. Губкина, 2010. -46с.:ил. Настоящие методические указания предназначены для студентов и аспирантов, а также слушателей факультета повышения квалификации преподавателей университета и позволяют читателям войти в увлекательный и необходимый мир компьютерной графики. Сегодня основным направлением методических разработок является создание электронных книг и тестов, оформление личных и специализированных сайтов. Все эти работы требуют безупречного оформления с применением компьютерных графических иллюстраций современного профессионального уровня. Настоящая работа и очные курсы по этой теме, организованные кафедрой информатики, помогут ускорить овладение этим тонким мастерством. Несмотря на ограниченные объемы в работе содержится описание как базовых, так и многих профессиональных технологий и примеров. Пособие разработано в результате чтения курса для преподавателей и сотрудников в рамках инновационной образовательной программы университета.
©Российский государственный университет нефти и газа им. И.М. Губкина, 2010.
ОСНОВЫ PHOTOSHOP Растровое изображение представляет собой мозаичное полотно с квадратными ячейками. Одна ячейка такого полотна называется пикселем. Количество пикселов на единицу длины (дюйм, см) экрана или принтера определяет разрешение устройства, где находится изображение. Пусть 1 квадратный дюйм экрана или бумаги разделён на 72 дискрета по высоте и ширине. Цвет всего такого квадратика – одинаков, хотя в него может входить не одна точка поверхности экрана. Число 72 является разрешением. Чем выше разрешение, тем качественнее изображение. При печати разрешение экрана надо согласовать с принтером и не делать его больше возможности принтера. При работе с экраном разрешение обычно равно 72. Увеличение разрешения экрана увеличит размер файла, но вид изображения при печати может не улучшиться. Кроме разрешения растровое изображение еще характеризуется глубиной пикселей и цветовой моделью. Глубина пиксела - это длина двоичного кода цвета пиксела. Она может быть равна 8, 24 или 32. В такой двоичной форме хранится код цвета. При 8 битовой структуре кода можно использовать 256 разных чисел-кодов 256-и цветов. В 24 битовой это уже ,более 1млн. цветов. Цветовая модель. Цветовая модель определяется принципом, по которому передается окраска пиксела. Самая распространенная на сегодняшний день модель RGB, которая предназначена для передачи цвета на монитор. Если рассматривать ее несколько упрощенно, то каждый пиксель имеет три цветовые составляющие или канала: Red (красный), Green (зеленый) и Blue (синий). Как с их помощью создается такое огромное количество цветов? Представьте себе, что у вас есть желтое и синее прозрачные стекла. Что будет, если вы наложите одно на другое и посмотрите на свет? Конечно, все окрасится в зеленый цвет. Примерно так же действует и эта цветовая схема. Огромное количество реализуемых цветов достигается благодаря тому, что каждый канал имеет степень яркости, от 0 до 255: 0 — минимальная яркость, отсутствие этого цвета в пикселе, 255 — максимальная. То есть пиксель, описанный как R0G0B0, есть абсолютно черный цвет, R255G255B255 — абсолютно белый, а, например, R0G0B255 — абсолютно синий. При печати реализуется другая цветовая модель CMYK, когда разные чернила или порошки смешиваются. Слой (layer). Слои в компьютерной графике можно представьте себе как множество тонких стеклянных пластинок, на которых нарисованы разные объекты. Если наложить их друг на друга, то получится новое изображение. В Photoshop можно работать с изображениями, имеющими 10-15 и более слоев. 4
Выделение (selection). Выделение — это область, которую пользователь обозначает как подвластную редактированию. Выделение отмечается на экране анимированной пунктирной линией. Выделение бывает сплошным и состоящим из нескольких областей. Кроме того выделение может иметь резкие и размытые границы. а также быть не одинаковым по плотности заполнения частицами изображения. Дополнительный канал, или альфа-канал (alpha-channel). Прежде уточним понятие канала. Канал это часть изображения относящаяся к одному из 3-х базовых цветов модели RGB. Альфа-канал нe имеет отношения к цветовым каналам. Это оригинальная форма выделения, в которой белым цветом обозначаются выделенные пиксели, черным — невыделенные, а серым — частично выделенные. Выделение, созданное на альфа канале можно сохранить и позже вновь загрузить для дальнейшей работы. Режимы наложения пикселов – (blend mode) – определяют действие композиции цветов фонового и накладываемого пикселов в различных операциях рисования.
Интерфейс 2
3
5 6
1 4
1. Рабочее пространство в центре окна, где располагаются окна с рисунками. 2. Меню в верней части окна программы. 3. Линейка свойств выбранного инструмента или рабочего пространства в целом – расположена под меню. 4. Панель инструментов (Tools) расположена вдоль левой стороны окна. 5. Палитры - многослойные окна команд, сгруппированных по видам работ. Палитры располагаются в правой части окна программы. На рисунке выше видны цветовая (Color) палитра, слоев (Layers) и истории 5
(History), которая раскрыта из вертикального стека (6) управляющих кнопок палитр.
Об установках цвета Можно назначить цвет фона рисунка–Background и цвет рисования Foreground для заливок фигур и их обводок. Для этого внизу панели инструментов имеется два цветовых квадратика. Щелчок на любом квадратике установки цвета вызовет диалог, где видна суть цветовых моделей:
С помощью этого диалога проследим за численными характеристиками модели HSB. Такая модель чаще других фигурирует в командах работы с цветом. Hue –цвет измеряется в градусах, потому что радугу цветов можно изобразить в пространстве круга. В точке круга с 0 градусов находится красный цвет. Почти тот же цвет при градусах =359. Такой круг в указанном диалоге растянут по вертикали. При перемещении слайдера вдоль такого радужного пространства параметр H модели HSB меняется в интервале 0-360 град. Saturation- Насыщенность – чем больше белого в цвете, тем меньше насыщенность. Параметр равен 0, когда цвет почти белый Brightness –Яркость или присутствие серого. Чем его меньше, тем больше яркость. В диалоге, приведенном выше имеются радио-кнопки, отвечающие за один из параметров Выберите кнопку Saturation, что означает – этот параметр фиксирован. Двигайтесь по горизонтали панно цветов. Меняется цвет под курсором и параметр Hue. Сместитесь по вертикали . Изменится параметр Brightness. Последите, как меняются величины Red, Green, Blue в модели RGB при аналогичном движении по панно цветов. Так же исследуйте модель CMYK. 6
P.S. В командах Image/Adjustments встречаются другие единицы измерения параметров. Именно они часто звучат в книгах при описании примеров. Яркость изменяется слайдером в интервале +-150, контрастность +-50.
Базовые инструменты и операции Можно поделить на группы: Рисования – кисти, формы, текст, перо Маркировки и перемещения Коррекции изображения (ластик, резак, затемнитель, губка, резкость, штампы-клоны) Сервисные – установка цвета, работа с историей документа, заменитель цвета, создание контуров, линейка размера, режим быстрой маски. Инструменты рисования создают : кривые и прямые линии, формы, тексты. Основными свойствами этих инструментов являются:
форма, прозрачность и сила потока краски в мазке (поток);
цвет рисующего инструмента и
режим наложения краски, т.е. вид взаимодействия цветов инструмента и области рисования.
Если выбран инструмент, имеющий разнообразие форм рабочего мазка (кисти), то на линейке свойств будет присутствовать раскрывающийся список кистей (brush). В правом верхнем углу списка имеется кнопка со стрелкой вправо. При её нажатии открывается список готовых наборов кистей и способов их подключения. При небольшом опыте работы лучше не выбирать из этого списка ничего, кроме пунктов, меняющих вид представления кистей (третий раздел сверху). Расширенный вариант палитры кистей находится на стеке палитр справа на рабочем окне. Здесь к выбранной уже форме кисти можно добавить и шум, и динамику цвета, и текстуру в мазке и т.д. Все эти добавления редактируются в редакторе, который появляется, когда свойство отмечено и выбрано левой кнопкой мыши в левой части окна настроек кистей. Ниже приведены два наиболее применимых динамических параметра кисти, появляющиеся в правой части редактора настроек кистей:
7
Jitter – “генератор”. Это качество дополняет размер, угол и округлость краев кисти и означает степень варьирования перечисленных параметров в процессе рисования. Control -“управление”. Значение этого параметра определяет включено или нет действие jitter, а также качество мазка, например давление или наклон кисти, при котором возникнет изменение обещанного диалогом параметра. Остальные параметры следует экспериментировать. Практическая работа Создайте новый рисунок 400*400 пикселей с разрешением 72, фон белый Определите цвет заливки и фона (желтый и голубой) Определите форму черты из выпадающего списка кистей и прочертите ломанную линию путем щелчков мыши в угловых точках при нажатой Shift. Маркируйте прямоугольник. Возьмите ластик и протрите дыру в прямоугольнике (получим голубую черту) Выберите карандаш из блока кистей и порисуйте кривую (не отрывая мышь) и ломаную (щелчками мыши с Shift в узлах ломаной) Раскройте палитру истории документа, походите по нему мышью ничего не меняя, а затем выберите пункт «протирания» дыры и с этого пункта измените цвет фона на малиновый и снова «протрите» дыру. Получите малиновую черту. Среди инструментов наиболее применимы две группы: перемещения и маркировки. Именно их мы рассмотрим первыми. Остальные инструменты и команды будут описаны по мере выполнения определенной работы над рисунком. Например лечащие кисти и штампы потребуются для ретуширования 8
фотографий, а команды регулировок цвета, контрастности и яркости употребляются как при создании интересных эффектов в новых рисунках так и при цветовой коррекции фотографий.
Инструмент перемещения Move (Перемещение). Инструмент, с помощью которого можно передвигать различные части изображения: слои, выделенные части изображения, фигуры. Вызывается горячей клавишей V. Параметры инструмента перемещения, расположенные на панели свойств следующие. • Auto-Select (Автовыбор) — включает режим автоматического выбора группы или слоя; - Group (Группа) — при наличии нескольких групп слоев вы сможете переключаться от одной группы к другой, щелкнув кнопкой мыши на содержимом слоя из нужной группы в области изображения; 9
- Layer (Слой) — если у вас есть несколько слоев, на каждом из которых отображен какой-либо рисунок, то щелчок на нем в видимой части изображения переключит слои, и вы будете двигать уже слой с выбранным вами объектом. • Show Transform Controls (Показать ограничивающую рамку) — создает вокруг выделенной части изображения прямоугольную рамку, с помощью которой его можно растянуть, сдвинуть, повернуть (так же как в графике Word) . По сути, так просто выполняется команда Edit \ Free Transform… • Инструменты выделения К ним относится набор инструментов, расположенных в верхней части панели Tools, в том числе: выделение прямоугольное, эллиптическое, лассо, магнитное лассо, выделение строки и столбца размером в 1 пиксель, быстрое выделение и волшебная палочка. Кроме этого, для выделения эффективна команда Select\Color Range - выделить область по заданному цвету. Ниже приведены общие параметры маркирующих инструментов, которые появляются на панели свойств (под главным меню) при выполнении маркировки. New selection Новое выделение, при этом маркированные ранее области исчезают. Add to selection (Добавить к выделению) — обозначенная область добавится к существующему выделению. Применяется очень часто. Аналог на клавиатуре — нажатая клавиша Shift. Subtract from selection (Удалить из выделения) — исключает выделяемую область из выделения. Клавиатурный эквивалент — нажатая клавиша Alt Intersect with selection (Выделить пересечение) — выделяет область пересечения старого и нового выделения. В принципе, достаточно полезная возможность. • Feather (Растушевка) — изменяет выделение таким образом, что по его краям появляется область частично выделенных пикселов. Это позволяет реализовать множество эффектов (например, плавный переход объекта в фон). • Anti-alias (Сглаживание) — сглаживание выделения создается за счет области частично выделенных пикселов. Снимать флажок следует только при необходимости и УМЕНИИ очень точного выделения. • Style (Стиль) — задает способ выделения: 10
• Normal (Обычный) —вы свободно выделяете то, что хотите; • Fixed Ratio (Фиксированный коэффициент) — заданные пропорции области выделения, то есть если будет задано отношение 1:1, то область получится квадратной; • Fixed Size (Фиксированный размер) — создается область выделения заданного размера. •
Refine Edge (Улучшенные края) — эта команда предназначена для усовершенствования краев выделения с целью получения точной и качественной обводки объекта. Команда реализована для всех маркировок в двух вариантах: 1. в виде кнопки на панели свойств и 2. как пункт главного меню SELECT. В диалоге этой команды Радиус- увеличивает радиус выделения в областях с мягкими переходами, Контрастность – отвечает за резкость краев попадающих в выделенную область, Feather (Растушевка)- задает прозрачность краев выделения, Contract\Expand – сжать –расширить область выделения.
Настройки Refine Edge действует только после отработки диалога этой команды. Если диалог не открывался сразу после маркировки, то все сделанные ранее его установки на качество выделения не влияют. Ниже описаны особые свойства некоторых инструментов выделения. Для инструмента быстрого выделения • Auto – Enchance –автоуточнение выделенных краев и граница формируется с учетом тоновых переходов. Для волшебной палочки (ВП) • Tolerance - допуск сходства выделяемых пикселов по цветовому коду; • Contiguous - при выделении будут задействованы только смежные пиксели (для волшебной палочки) • Sample All – для выделения используются все видимые слои • На работу ВП влияет установка размера инструмента пипетки для выбора цвета (такая странная связь). Для магнитного лассо кроме параметров Feather (Растушевка), Anti-alias (Сглаживание), есть еще: • Width -ширина рабочего мазка 11
• Contrast –яркость на которую должны отличаться пиксели чтобы между ними прошла граница выделения • Frequency –частота опорных точек маркировки. Если детали мелкие, то параметр д.б. побольше. • Tablet pressure –кнопка на линейке свойств. Для перьевых инструментов параметр характеризует нажим пера. Операции с рамкой выделения • Select \ Deselect - отменить, т.е. скрыть дорожку выделения, • Select \ Inverse - инвертировать выделение, • Select \ Reselect (или командой View\Show\Select Edges ) восстановить последнее выделение. • Select \ Transform Selection -трансформировать. При выполнении команды на панели свойств появится кнопка свободной трансформации, при нажатии которой накладывается сетка на выделенную область и узлы сетки подвижны. Можно выполнить поворот рамки выделения, поместив мышь над углом выделенной области. Операции с выделенным фрагментом рисунка Выполняются командой Edit \ Free Transform или Edit \Transform… Фрагмент при перемещении оставляет “дыру” на рисунке, а при копировании и последующей вставке – автоматически возникает новый слой. Операции трансформации требуют подтверждения кнопкой –галочкой или отмены кнопкой - перечеркнутый кружок на правой стороне панели свойств. Практическая работа 1. На созданном выше документе опробуйте выделение всеми показанными ранее инструментами. 2. Опробуйте трансформацию выделения, перемещение и поворот рамки, перемещение и поворот маркированного объекта. Почувствуйте разницу в этих операциях.. 3. Откройте файл Camomile.jpg или другой рисунок с цветами. 4. Опробуйте по очереди инструменты волшебной палочки и быстрого выделения цветка. 5. Для волшебной палочки варьируйте параметры согласно приведенной ниже таблицы. Tolerance 50 50
Contiguous +
Tolerance 100 100 12
Contiguous +
6. Маркируйте цветок. Копируйте и вставьте его несколько раз. На палитре слоев будут возникать строки с иконками новых слоев. 7. На каждом слое модифицируйте цветок поворотом, сдвигом, перемещением и опробуйте команду Image\Adjustment\Hue-Saturation. Получите букет цветных ромашек.. 8. Если имеется электронная версия методических занятий, откройте файл Восход исх.jpg1. Маркируйте небо волшебной палочкой. Снимите маркировку и маркируйте небо быстрым выделением и командой Select \ Color Range. На занятии с рисунком проводится преобразование так, чтобы на нем появилось восходящее солнце и соответственно изменилось освещение всех объектов рисунка. 9. Поработайте аналогичным образом с файлом Закат-исх.psd или с другим похожим рисунком. Ниже приведен снимок папки с файлами, используемыми в курсе при изучении описанного выше материала.
СРЕДСТВА РИСОВАНИЯ Палитра Brushes (Кисти) Кисти (Brushes) в Photoshop -это основной инструмент рисования. Главный параметр кисти – форма отпечатка. Существуют наборы кистей, имеющих 1
Иначе найдите другое изображение природы, где есть небо и выполните наши рекомендации. 13
тематический рисунок мазка. Например: Marcs_birds - птички, Paint_horses –лошади, Tropical Butterflies - бабочки и др. Список активных наборов кистей можно изменять через раскрывающееся меню палитры кистей на панели свойств (на рисунке ниже отмечено кружком 1). Те же действия можно выполнить и выбрав позицию Brush на кнопочном стеке палитр в правом верхнем участке рабочего пространства. В этом случае список появляется при нажатии кнопки с тремя горизонтальными черточками (кружок 2) .
1 2
Остановимся на изучении диалога, показанного на правой стороне рабочего пространства. На левой стороне диалога находится список регулируемых качеств кисти. При выборе какого-либо из них мышью, на правой стороне – детализированные настройки именно выбранного качества. Список наиболее употребляемых настроек приведен в таблице ниже. Выберите какую-либо кисть и на поле нового документа или слоя с белым фоном опробуйте вариации показанных ниже свойств. Название качества Brush Tip Shape –форма кисти
Его основные настройки Angle- угол наклона кисти, Roundness-округлость, Hardness –жесткость (степень размытия краев) Spacing – интервал между отпечатками, в % от диаметра отпечатка ореола. Сплошная линия получится когда Spacing=100
Shape Dynamic Способность кисти менять свой образ в процессе рисования, например черта может утоньшаться к концу. Size Jitter 14
–вариации размера, Control –позволяет указать особые условия изменения параметра, в блоке которого находится Control или (OFF): Fade –затухание, Pen Pressure –сила нажима, а также прокрутки и направления черты. Minimum diametr-минимальный диаметр при вариациях, Tilt Scaleстепень возможного скоса, Angle Jitter –вариации угла наклона мазка Scatteringрассеивание
Scatter-амплитуда рассеивания, Both Axes – по обеим осям, Count- количество брызг, count Jitter –вариации количества
Textureтекстура
Задаются Scale-масштаб, Texture Each Tip-включаются регулировки Mode-цветоналожения и Dept-глубины прорисовки текстуры
Dual Brushдвойная кисть
Кисть, выбранная ранее на панели свойств и та, что выбирается в диалоге данной настройки накладываются одна на другую. Здесь устанавливаются диаметр, расстояния, разброс мазков выбранной здесь кисти. Она превалирует над первой, т.е. той, что установлена на панели свойств, как бы «клипирует» ее.
Сolor Dynamics -Динамика цвета
Задаются пределы изменения цветов переднего плана и фона, тоновые вариации, насыщенности и яркости, а также чистота –Purity цветов
Other Dynamics
Вариации потока и непрозрачности
Noise
В отпечаток кисти добавляется шум –зернистость мазка.
Кисть можно создать из любого нарисованного и обязательно маркированного участка рисунка командой меню Edit \ Define Custom Brush. Только такая кисть не сохранит своего разноцветия, а оставит в последствии отпечаток цвета Foreground. На очных занятиях выполняется создание кисти для рисования пузырьков воды. В основе этого действия рисование формы отпечатка,
15
настройка свойств кисти: разброса мазков, изменение размеров, цвета и прозрачности по мере рисования. Подробно методика изложена в раздаточных материалах курса. Мы показали начало создания и итог ее применения.
Рисование фигур Геометрические фигуры Это фигуры с заполнением и обводкой, которые рисуются следующими способами: 1. Маркировкой нужной по форме области с последующими её заливкой и обводкой командами меню Edit \Fill и Edit \Stroke. 2. Рисованием фигуры инструментами группы Rectangle Tool. Здесь кроме формы фигуры можно определить режим работы инструмента. Они определяются на панели свойств кнопками , где: 1 2 3 рисуется Shape Layers – фигура в виде векторного объекта, рисуется только контур фигуры, так называемый путь (о них позже) рисуется плоская фигура без обводки, с заливкой цветом Foreground. Обводку такой фигуры можно сделать только после маркировки.
Путь (или контур) Путь - это объект векторной графики. Исходно, в момент создания, это тонкая линия черного цвета, которая имеет несколько регулируемых узлов. Позже контур можно окрасить по контуру и залить внутри, если он замкнут. Создание пути Осуществляется одним из следующих способов: 1. Инструментом “перо”. Таким путем создается прямолинейный или криволинейный контуры. 2. Инструментом форм (второй режим инструментов ShapeTool (прямоугольник, эллипс и др.). 3. Преобразованием выделения в путь. Для этого надо перейти на страницу Path и воспользоваться командой Make work path from selection.
16
Редактирование пути Путь можно просто выбрать и переместить. Для этого - черная стрелка Path Selection Tool на панели инструментов. Если на рисунке несколько контуров, то их можно выровнять всеми известными вариантами. Для редактирования, т.е. перемещения, изменения кривизны узлов - инструмент Direct Selection Tool. Для добавления и удаления узлов – соответствующие варианты инструмента Перо. Контуры можно комбинировать, т.е. как бы группировать. Контуры можно сохранять и удалять. Для этого – меню страницы Path и команды Save (Delete)Path. Заливка контура выполняется командой Fill Path палитры Path. Обводка контура заданной линией выполняется командой КМ Stroke Path палитры Path. Контур можно превратить в выделенную область командой Make Selection КМ палитры Path. Команда имеет диалог, где устанавливается размер растушевки выделения. Контурное творение можно сохранить, как пользовательскую форму. Для этого – команда меню Edit \Define Custom Shape. Создайте новый документ и опробуйте описанные выше приемы работы.
Отмена действий Выполняется либо одной из команд пункта Edit главного меню, либо с помощью палитры History (она открывается верхней кнопкой стека управляющих кнопок)
Команды меню для отмены действий 1. Edit / Undo, 2. Edit/Redo, 17
3. Edit/Step back – последовательно отменять операции одну за другой 4. Edit/Step Forward – последовательно возвращать отмененные ранее действия
Средства отмены в палитре History Палитра History хранит список записей отдельных состояний рисунка, так что можно перемещаться по этому списку и таким образом выбирать нужное старое состояние рисунка.
Палитра имеет средство управления - собственное меню, в котором есть пункт History Options. Здесь отметим пункт Allow Non-Linear History (Определить историю нелинейной). Можно остановиться на каком-то состоянии и выполнить удаление нажав на корзинку в строке состояния палитры History. Если история линейна, то удалятся все строки палитры следующие за удаляемой. Если история нелинейная, то следующие строки не удаляются. Можно понравившееся состояние сохранить и вернуться к нему даже после большого количества изменений рисунка. Общее число хранимых состояний =20 и это регулируется в предустановках программы (меню Edit\Preference\General)
Слои Слой графического документа подобен стеклу, на которое частями нанесен рисунок. Изображение на слое можно редактировать и перемещать независимо от других составляющих рисунка. С помощью слоев можно достигнуть иллюзии глубины изображения. Слои можно менять местами между собой, скрывать, блокировать от изменений, группировать (аналогично объектам в векторной графики) и сливать с другими слоями. Управление слоями осуществляется с помощью команд пункта меню Layer и палитры слоев. 18
Палитра слоев На палитре слоев каждый слой имеет свою строку. Строка именована и это имя легко изменить. Палитра оснащена контекстным и встроенным меню, которое раскрывается полосатой кнопкой в ее правом верхнем углу, а также управляющими кнопками, расположенными в ее нижней части, в том числе 1-связь слоев, 2-вызов диалога стиля слоя, 3-добавление маски к слою, 4-создание нового заливочного или корректирующего слоя, 5-создание новой группы слоев, 5-создание простого слоя и 6-корзина.
На первой линии палитры - список режимов смешения цветов слоев и их непрозрачность. Долее - кнопки блокировок от изменений: непрозрачных участков, рисованного, от перемещений и всего. При назначении блокировки на полосе слоя появляется значок «замочек». Вдоль линейки слоя могут располагаться значки: глаз управляет видимостью слоя, fx- появляется, если к слою применен стиль. цепь - означает, что слой связан либо с другим слоем, либо с объектом (векторным рисунком) который разместился на этом слое. 1
2
3
4
5
6
7
Слои можно менять местами. Для этого достаточно их буксировать мышью на палитре или выполнить команду Layer\Arrange из главного или контекстного меню. Изображения на слоях можно соединять в одно, т.е. выполнить одну из команд Merge Layers из главного или контекстного меню. При работе со слоями актуальным является способ смешения цветов слоев. Выбор такого способа выполняется из раскрывающегося списка на палитре слоев. Окончательный итог смешения цветов трудно предугадать, поэтому каждый раз надо ставить эксперимент или окрашивать рисунок другими, более предсказуемыми методами. Слои могут содержать не только части общего рисунка, но и настройки, влияющие на изображение нижних слоев. Такие слои называются корректирующими или заливочными. 19
Операции со слоями Выполняются с помощью команд меню или управляющими кнопками палитры слоев (в нижней части), а также аналогичными командами пункта меню Layer . Действия со слоями можно разделить на группы:
создания слоев разного назначения, оформления слоев стилями, маскирование слоев, перемещение и слияние слоев, другие возможности.
Создание слоев Повторим, что слои бывают простые, корректирующие и заливочные. Простой слой создается либо управляющей кнопкой в нижней части палитры слоев, либо командой Layer\New… Корректирующий слой несет на себе только регулировки цвета нижних слоев. Тип такого слоя соответствует виду регулировки, которую он выполняет. Поэтому список типов корректирующих слоев почти повторяет подменю команды Image\Adjustment… Создается такой слой командой Layer\ New Adjustment Layer \ тип регулировки. Удобство этого механизма в том, что рисунок не страдает от опытов и можно создать несколько вариантов регулировок, а позже отобрать лучшую, отключив ненужные. В показанном справа рисунке с помощью одного такого слоя для птиц (их надо маркировать) типа Levels (уровень белого =218, серого=0,8) и 2-х (для бликов) типа Hue-Saturation серые блики воды превратились в лунную дорожку1. Заливочные слои также выполняют косметическую роль, только по части окраски нижележащего слоя.
1
Файл birds с корректирующими слоями.psd 20
Стили слоев Стиль слоя аналогичен понятию стиля в пакете Word. В стиль входит набор эффектов, примененных к рисунку: теней, свечения, рельефа и других. Стиль распространяется на весь рисунок слоя в целом, заметим, НЕ ВЗИРАЯ НА ВЫДЕЛЕНИЕ, но считаясь с маской если она есть на слое. Диалог настройки стилей имеет вид:
Стиль назначается командой Layer\Style\Blending Options. Ниже описаны эффекты, входящие в стиль. Каждый эффект имеет собственную страницу настроек: Drop Shadow
Тень с параметрами Structure-где определяются цвет, прозрачность, размер и местоположение тени, форма границы и шумы в тени
Inner Shadow
Тень внутрь объекта
Outer Glow
Внешнее свечение
Inner Glow
Внутреннее свечение
Bevel and Emboss
Осветляются и затемняются отдельные участки изображения, создавая ощущение рельефности. Параметры эффекта Style, Structure, Shading-затенение. Опции эффекта – контур вокруг объекта и текстурное покрытие объекта, которые в свою очередь имеют регулировки.
Satin
Эффект такой игры света и теней, что объект кажется шелковым
Color overlay
Перекраска объекта в ровный цвет
Gradient
Параметры градиента – непрозрачность, вид, масштабиро21
Overlay
вание. Вид градиента можно выбрать, открыв окно редактора градиента.
Pattern Overlay
Наложение узора
Stroke
обводка
После наложения стиля на слой на палитре слоев под полосой настроенного стиля появляются строчки с перечислением использованных эффектов. В редакторе стилей обратите внимание на флажок Use Global Light – он позволяет сделать эффекты с тенями и рельефами общими для всех слоев. Применение слоистости и стилей может существенно улучшить такие качества рисунка, как четкость и цветовой баланс. Примеры работы со слоями Найдите нечеткую фотографию человека в костюме. Выполните дублирование фонового слоя, затем к копии примените команду Image \...\Desaturate, фильтр Sharpen и смешение двух слоев в режиме Soft Light для верхнего слоя. Четкость и тон фотографии должны улучшиться. Найдите фотографию летнего пейзажа и попробуйте к нему добавить радугу Для этого создайте новый слой и примените к нему градиентную, с рисунком радуги, достаточно прозрачную заливку. Лишнее в такой заливке удалите ластиком.. Используя такие эффекты стиля как тени, свечение, рельефа и контура можно из простого круга радиусом 1см. сделать жемчужину.
22
КОРРЕКЦИЯ ИЗОБРАЖЕНИЙ Одно из важнейших предназначений программы Photoshop - коррекция изображений. Все варианты приемов коррекции можно разделить на две группы: 1. Перемещением пикселей рисунка (копированием, растиранием и т.п.) иначе такой комплекс изменений называется ретушированием. 2. Изменением цветовой гаммы рисунка. В материале, изложенном выше для работы с рисунком применялись простые, известные по другим графическим программам инструменты. Для выполнения тонких операций коррекции рисунка, предлагаем познакомиться с эксклюзивными возможностями пакета.
Новое в маркировке и маскировании Режим быстрой маски (БМ) Режим БМ предназначен для выполнения маркировки с помощью средств окрашивания, т.е. кистью и заливкой. В этом случае точность маркировки практически не ограничена. Включение режима БМ осуществляется кнопкой, расположенной под цветовыми квадратиками на панели Tools. Режим позволяет зарисовать кистью либо выделенную область, т.е. доступную для операций, либо маскированную, т.е. закрытую от воздействий. В зависимости от выбранного вида работы режима то, что будет зарисовываться окрашивается красным цветом. Выбор режима БМ производится в диалоге, который вызывается двойным щелчком на кнопке быстрой маски.
При нажатии кнопки Быстрой маски, автоматически установится цвет рисования Foreground = черный и Background = белый. Когда включается быстрая маска, на странице Каналы палитры Layers появится строка с названием Quick Mask- новый так называемый Альфа23
канал, где на время работы в режиме БМ хранится выделение. После смены режима и включения его повторно, образуется уже другой Alfa-канал. Если выделение может позже пригодиться, его надо сохранить Select \Save Selection сразу после выхода из режима. Черной жесткой кистью в режиме БМ закрасили область – будущее выделение Режим БМ включен
После выхода из режима, обработанная область обозначится выделением. Заметим, что при выборе режима БМ область работы имеет параметр Opacity. Его величина влияет только на видимость области под инструментом рисования в режиме БМ. После выхода из режима БМ этот параметр не скажется на плотности полученной маркировки на этом участке.
Плотное выделение, которое создавалось в режиме БМ. Мы сохранили его командой Select \ Save Selection.
Плотность (непрозрачность) выделения, сделанного в режиме БМ зависит только от мягкости и прозрачности наносящего краску инструмента.
Это выделение бледнее предыдущего – маркировка не плотная. Черная кисть имела низкую жесткость.
На рисунке выше видны два альфа-канала на палитре каналов. Верхний БМ-1 и нижний Quick Mask. Последний канал сейчас активен, поэтому в строке канала видна маркированная неплотно и потому серая область. После выхода из режима и сохранения селектирования эта же строка станет черно белой и ничто не подскажет о рыхлости маркировки. 24
Альфа канал можно создать, работая прямо на палитре каналов и НЕ В РЕЖИМЕ БМ. На управляющей строке внизу палитры каналов есть кнопка для создания нового канала. Сначала он будет окрашен полностью в черный цвет, что означает – ничего не выделено. Активируя строку канала на палитре, можно закрасить белым (плотное выделение) или серым (рыхлое выделение) нужную область выделения рисунка. Но в этом случае будет не видно, что Вы маркируете. И все же такой прием имеет место применения. В режиме быстрой маски нанесение черной краски на целевую область можно производить и градиентной заливкой, как показано ниже.
Ярко розовый
Opacity=70 Черный
Opacity=0
Бледно розовый
Черный
После выхода из режима БМ такая область выделения имеет вид прямоугольника, который накроет только верхнюю половину рисунка, хотя внизу маркировка тоже есть, но она размыта. Применение режима БМ упростит окрашивание черно-белой фотографии.
Маскировка слоев Речь идет об области рисунка, защищенной от изменений. Чтобы обозначить эту область создают маску. Существует 3 способа создания маски слоя: 1. из маркировки, 2. векторные маски, 3. клип-маски. 25
Маска слоя на основе маркировки Создается командой Layer /Layer Mask. При выборе этой команды придется определить вариант маски, в том числе Reveal Selection или Hide Selection. Маска первого варианта, оставит открытой для редактирования маркированную область. Маска второго варианта, наоборот, защитит от редактирования выделенную область и откроет остальную часть рисунка. После создания маски слоя на его строке в палитре слоев появляется иконка собственно маски. В дальнейшей работе со слоем надо следить за активностью иконки именно слоя, а не его маски, иначе художество будет запрещено, и будет перерисовываться собственно область маски. При активности иконки маски пользователь может ее рисовать в области рисунка, учитывая, что черный цвет рисования маски закрывает область от редактирования, а белый –открывает. Маску можно нарисовать, применив черно-белую градиентную заливку. Такой прием эффективен при создании теней1 >>> Маску можно удалить либо отбуксировав ее на корзину, либо командой удаления из меню палитры слоев. Маска слоя по команде Paste into Можно создать маску слоя на основе маркировки и отличным от описанной команды способом. Расскажем об этом на примере. Пусть имеется некий пейзаж с довольно скучным изображением неба. Задумаем вставить на это небо облачность, но так, чтобы она не задела нижнюю часть рисунка. Найдем другое фото с облаками на небе. Маркируем прямоугольно облачную часть неба и копируем ее в буфер. Теперь точно маркируем только небо на исходном фото. Сделать это можно командой Select\Color Range. В диалоге команды при разбросе цветов ~ 40-45 надо прощелкать пиккером в режиме плюс область неба пока оно полностью не маркируется. Теперь выполняем команду Edit\Paste into. На панели Layers в слое с небом автоматически возникнет значок маски слоя. Она создалась командой Paste into автоматически по форме инверсии выделенного неба. Небо попадает на отдельный слой и просматривается на основном рисунке через маркировку. 1
Тень на земле 2-й этап.psd 26
Пора открыть фоновый слой и установить режим смешения цветов наших слоев.1 На рисунке мы применили режим High Light. Векторная маска При работе с рисунком в Photoshop может возникнуть необходимость скрыть часть изображения и сделать ее прозрачной для просмотра нижележащих слоев. Один из способов решения этой задачи - векторная маска слоя. Она создается из контура. После создания контура, надо выполнить команду Layers\Vector Mask\ Current Path. В результате все содержимое слоя, кроме контура, исчезнет, т.е. маскируется. Маска и то, что она закрывает располагаются на одном слое, но имеют отдельные иконки. Векторную маску можно удалить или дезактивировать (командами КМ слоя). При этом слой заполняется содержимым контура полностью.
На рисунке слева маска активна, в центре –дезактивирована (ее иконка перечеркнута). На палитре путей (рисунок справа) имеется строка векторной маски, позволяющая работать с маской как с контуром, т.е. выполнять обвод1
Маска слоя по Paste into-2.psd 27
ку и заполнение, превращать контур в маркировку. Клип-маска Часто определенную художником форму, например лист дерева, фрукт или одежду требуется заполнить частью какого-либо рисунка. В этом случае применяют клип-маску. Заполнение клипа нужно нарисовать на отдельном слое. Форму для клипа располагают на слое ниже заполнения и делают ее либо векторным объектом, либо рисуют на прозрачном фоне. После создания обеих частей клипа надо активировать верхний из двух слоев и из меню палитры слоев выполнить команду create Clip Mask. В результате верхний рисунок окажется обрезанным по форме. Ниже в прямоугольнике - рисунок для клипа.
Форма клипа, в нашем случае залитый краской круг, находится на прозрачном слое ниже слоя с текстурой. После выполнения команды создания клип-маски для слоя с текстурой, на его строке появится стрелка связи со слоем формы. На приведеном рисунке выше в центре - вид результата. Заполнением клипа может быть не только сплошная область, а например, рисунок строчек на волейбольном мяче (полностью работа изложена в файле Текст в мяче.psd) Немаловажный фактор в клип-маске: режим наложения красок, участвующих в клипе слоев. Позже мы подробнее расскажем о цветовом смешении слоев.
Коррекция перемещением пикселей Речь идет о подрисовке или стирании отдельных участков рисунка, то есть о ретушировании. Приведем наиболее эффективные инструменты и методы, позволяющие ретушировать старые фотографии со следующими изъянами: 1. 2. 3. 4.
оторванные уголки, разрывы, пятна на лицах и одежде, желтизна бумаги,
5. царапины, 6. неровные края, 7. низкая контрастность.
28
Среди инструментов стоит обратить внимание на группу кистей, выполняющих местное осветление, размывание, размазывание и т.д. Эти инструменты частично улучшат изображение, но не ликвидируют все неприятности и не восполнят утраты рисунка.
Для исправления 1,2,3 недостатков изображения рекомендуем следующие 3 метода. Первый метод основан на копировании выбранного как “образец” участка на целевое место. Для этого используются инструменты Сlone Stamp и Healing Brush. Техника их применения одинакова и состоит в следующем. При нажатой Alt щелчком мыши отмечается точка-образец. Следующий щелчок мыши с последующим ее движением по испорченным участкам вызовет перенос изображения с образца на целевые места. Оба инструмента имеют настройку – флажок Aligned. При включенном флажке копируемый участок следует за инструментом на фиксированном расстоянии. При отключенном флажке положение образца после каждого отжатия и нажатия мыши на новом месте восстанавливается. Разница действия названных инструментов в том, что Healing Brush при копировании еще и смешивает текстуру источника по цвету и яркости с пикселями целевого участка. Такая кисть имеет радиус чувствительности = 10 пикселей. Результат ретуши таким способом можно нанести на новый слой. Для этого в параметрах инструмента надо установить либо Use All Layers, либо Current & Below. Второй метод использует Spot Healing Brush, который затягивает на исправляемое место пиксели, прилегающие к мазку инструмента. Все такие пиксели анализируются и наносятся только оптимальные по алгоритму программы. Инструмент нужно использовать точечными щелчками на «больных» маленьких участках при размере отпечатка кисти больше такого участка. Третий метод состоит в использовании инструмента Patch. Самый распространенный метод таков. Маркируется раненная область любым доступным методом и выбирается инструмент при включенном флажке Source на панели опций. Захватывается маркированная область нажатой мышью и переме29
щается туда, откуда хотелось бы получить заплатку на маркированное место. Желтизна черно-белого изображения исправляется командой Image \ Adjustment \ Desaturatе, царапины – применением фильтра Noise \ Dast Scratches, неровные края – Image \ Сrop, яркость и контрастность - командой Image \ Adjustment \ Brightness-Contrast1.
Коррекция изображений по цвету Цвет каждой точки или пикселя рисунка в зависимости от цветовой модели имеет несколько координат разложения. Будем далее иметь в виду только цветовую модель RGB, когда цвет точки разлагается на красный, зеленый и синий цвет. Такие составляющие цвета представлены в Photoshop соответствующими каналами. С помощью палитры каналов можно, включив какойлибо один из 3-х каналов посмотреть распределение выбранного цвета на рисунке. Главное, каждый цветовой канал можно регулировать, т.е. менять соотношения белого, серого и основного цвета в точках рисунка. Регулировку канала целесообразно проводить на фоне полноцветного рисунка. Для выполнения этого существует специальная команда Image \ Adjustment \ Canal Mixer – смешение каналов.
Смешение каналов Для примера рассмотрим канал Red. Создайте новый с белым фоном документ. Установите цвет переднего плана равный RGB=200,0,0 (или HSB=0,100,78). Создайте новый прозрачный слой и жесткой кистью нанесите черту установленным цветом (красным). На этом же слое прочертите зеленую (R=0,G=200,B=0) линию. Вызовите команду смешения каналов Image \ Adjustment\Canal Mixer и в появившемся диалоге установите Output Cannel = RED (на рисунке ниже средний диалог). В области рисунка мышь примет 1
Старое фото- испр.psd 30
форму пиккера. Одновременно активируйте палитру Info. Здесь будет отражаться структура цвета рабочей точки рисунка, т.е. точки, где находится пиккер.
Строка Red диалога соответствует состоянию красного цвета в рабочей точке. Исходно диалог принимает состояние красного в рабочей точке за 100%. В нашем примере в рабочей точке Red=200 и это отражено на палитре Info. Движение вправо движка Red диалога до 127% увеличивает красный до 255 на Info (200*1,27=255). Выше R=255 в этой точке уже не может быть. При установке в диалоге красного = 50%, палитра Info покажет в рабочей точке старое и новое значение красного: R 200/100, где 100=0,5*200. Что делают движки Green и Blue в диалоге регулировки красного? Чтобы это понять, переведем пиккер на зеленую полосу (на Info здесь Green=200) и сместим движок Green к +50%. На рисунке зеленая полоса пожелтеет, что свидетельствует о добавлении красного на этом участке. На палитре Info видим следующее: R=0/100, что означает: в текущей точке красного было 0, а стало 100=0,5*200. Итак, смещение движка зеленого соответствует количеству КРАСНОГО (красный канал) в процентах от бывшего здесь зеленого, добавленного к указанной пиккером точке. Остальные составляющие точки на Info сейчас не изменились: G=200/200, B=0/0. Передвижения синего движка будут указывать на количество красного, добавляемого к синим точкам рисунка. Ниже приводим фото пейзажа у которого выполнены раздельные корректировки 3-х цветовых каналов.
Смешение каналов часто реализуется с помощью корректирующих слоев. 31
Работа с уровнями и тоновой кривой Гистограмма это диаграмма, по оси Х которой отложены 255 уровней яркости, а по оси У – частота встречаемости соответствующего оттенка пикселей, составляющих цифровую фотографию. Гистограмма характеризует экспозицию рисунка, но в командах регулировки уровней (Image\..Levels или Adjustment layer\Levels) фигурирует как инструмент. В диалоге команд диаграмма оснащена движками, позволяющими сужать или расширять входной, намеченный к изменению диапазон яркости. В нижней части диалога имеется поле состояния уровней на выходе, т.е. после смещения входных движков. Диапазон яркостей точек рисунка, который намечаем растянуть.
Соответствие исходных и после регулировки яркостей на рисунке. Ранее не очень белые точки станут белыми и т.д.
На рисунке движок самого светлого тона сдвинут влево, т.е. к серым тонам. На выходе эти и более светлые точки получат полный белый цвет. Средний движок тоже сдвинулся влево, что означает: теперь средне серыми на выходе станут более темные исходные точки. В итоге рисунок осветлится. Действие регулировки уровней близко по смыслу к работе с тоновой кривой - Image \ Adjustment \ Curve. Диалог этой команды (слева) в сравнении с диалогом регулировки уровней (в центре) приведен ниже. Повышаем общую яркость т.е. уменьшаем число полутонов в тенях:
Исходное состояние ТК
32
Уменьшаем общую яркость т.е. расширяем полутона в тенях
Увеличиваем контрастность или сужаем область белый÷черный
На очном семинаре с помощью тоновой кривой канала Green пальма в холле1 стала зеленой.
1
Holl.psd, 33
Регулировка тоновой кривой RGB явно улучшает качество изображения:1
Регулировка света и тени Один из эффективных методов регулировки уровней светлых и темных участков команда Image/Adjustment/Shadow-Highlight. В ее диалоге можно напрямую указать количество темных (и светлых) пикселей, которые нужно осветлить (затемнить). К этому добавляется параметр ширины зоны яркостей, которая подвергнется изменению и ряд других. Примером работы такой коррекции могут служить две приведенные ниже фотографии2.
1 2
Streett.psd Свет и тени-1.psd, Тени и свет-негр.psd 34
Замена цвета Представьте себе фотографию, на которой есть объект неподходящего цвета1. Надо его перекрасить. Выполните команду Image \ Adjust..\ Replace Color. Мышью – пипеткой со знаком +, появившейся в открытом диалоге, укажите на цвет объекта прямо на макете диалога (в нашем примере это дом). Область заменяемого цвета при каждом щелчке пипеткой будет увеличиваться.. Если в этом процессе захватываются такие же цвета на соседних объектах, то можно уменьшить допустимый разброс цвета, параметр Fuzziness, или предварительно маркировать объект перекраски. Теперь поработайте нижними движками диалога и в поле Result увидите цвет, в который перекрасится объект.
Смешение слоев Раньше мы отмечали, что слои могут накладываться друг на друга с разными способами смешения красок. Ниже коротко перечислим ряд способов смешения: Overlay -
верхний слой накладывается на нижний так, что полутона в светах и тенях сохраняются. Там где верхний слой имеет яркость>50 происходит увеличение яркости, а где яркость