Инструменты рисования и заливка

В работе дизайнера обработка сканированных изображений — обязательный этап подготовки макета. Исходными материалами могут быть любые изо­бражения, и все они сканируются с целью последующей обработки в про­грамме точечной графики. Значительная часть работы выполняется инстру­ментами рисования. Кроме того, Photoshop можно использовать и для создания изображения прямо на экране компьютера. В этом случае инстру­менты рисования просто незаменимы. В этой главе вы познакомитесь с приемами рисования в Photoshop. Художественные навыки в данном случае не важны, поскольку ваше задание — просто раскрасить черно-белый рису­нок (сканированный набросок).

Примечание

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

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

1. Откройте файл suprised.tif. Увеличьте масштаб фрагмента изображения и внимательно рассмотрите его. В документе есть лишь черные и белые пикселы. Для того чтобы раскрасить изображение фотографа, необходи­мо перевести это изображение в полноцветный режим, обычно использу­ется режимRGB.

2. Откройте списокModeменюImage. ПунктRGBColor, как и другие пункты полноцветных режимов, пока недоступен, но эта операция может быть проведена в два приема: сначала из черно-белого изображения по­лучают изображение в оттенках серого, а затем переводят его в RGB. Вы­берите из списка пунктGrayscale....

3. В открывшемся диалоговом окне Photoshop предлагает при смене режима заодно и уменьшить изображение. Оставьте размер рисунка неизменным, введя в поле значение 1. Пользуясь этим окном, вы можете уменьшать размер иллюстрации максимум в 16 раз.

4. Перед вами — изображение в оттенках серого. В менюImage/Mode вари антGrayscale отмечен галочкой. В таком режиме вы можете работать, используя только оттенки серого (скажем, ретушировать фотографии).

5. Однако в работе вы будете использовать цвет. Конвертируйте документ в режимRGB, выбрав соответствующий пункт из спискаMode менюImage(теперь он доступен).

6. Сохраните документ.

Применение цвета и заливки Фоновый и основной цвет

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

1. Выберите инструментBrush. Щелкните на свободном месте изображения и буксируйте курсор. За курсором тянется толстая черная линия с размы­тыми краями, похожая на мазок кистью. Тем же цветом будут рисовать и другие инструменты. Отпустите кнопку мыши — линия прерывается.

2. Поменяйте основной цвет. Для этого щелкните на его образце в палитре ин­струментов, а затем выберите какой-нибудь цвет в диалоговом окнеColorPicker. Закройте диалоговое окно. Образец цвета соответственно поменялся.

3. Проведите один-два штриха новым цветом (можете использовать разные инструменты рисования).

4. Поработайте с фоновым цветом. Выберите инструментEraser. Подведите курсор к созданному вами штриху. Щелкните и буксируйте курсор, ими­тируя движения ластика. Там, где проходит курсор, изображение исчеза­ет, заменяясь фоновым (белым) цветом.

5. Замените белый цвет фона на какой-нибудь яркий. Для этого в палитре инструментов щелкните на пиктограмме фонового цвета (backgroundcolor) и выберите ярко-красный цвет в диалоговом окне ColorPicker. Закройте диалоговое окно.

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

7. Тем же цветом окрасится выделенная область после удаления ее содержи­мого. Проверьте это, выделив прямоугольную область и выбрав команду Clear.

8. Вернитесь к сохраненному документу с помощью командыRevert менюFile

В процессе работы вам придется очень часто менять основной и фоновый цвета.

ПалитраSwatches

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

1. Откройте менюWindow, выберите командуShowSwatches. На экране — палитра с образцами цвета, принятыми в программе AdobePhotoshopno умолчанию (рис. 6.1). При перемещении курсора над образцами цвета, он принимает форму пипетки. Щелчок на образце производит выбор основ­ного цвета, а щелчок с нажатой клавишей <Alt> — выбор фонового цвета.

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

Сглаживание и растушевка

Без сглаживания выделенная область имеет четкую границу (пиксел либо выделен, либо нет). При последующих операциях (заливке, вырезании) выделенные пикселы подвергаются воздействиям, остальные остаются без из­менения. Сглаживание делает границы выделенных областей чуть размыты­ми. По обе стороны сглаженной области выделена лишь часть граничных пикселов. В результате граница области становится гладкой, без некрасивых "ступенек". Сравнение заливки сглаженной и обычной выделенной области. Режим сглаживания может быть применен при выде­лении инструментами группыLasso, MagicWand, EllipticalMarquee. Для включения этого режима нужно установить флажокAnti-aliased в палитре Options. Необходимо помнить, что режим сглаживания можно применить лишь к вновь создаваемым областям.

Кроме инструментов выделения областей, режим сглаживания может быть установлен для текста и для инструментаLine. Сглаженные и обычные текст и линия.

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

Заливка выбранным цветом

1. Выберите инструментMagicWand-

2. Выделите с его помощью рубашку фотографа. В палитреOptions при этом должен быть установлен флажокAnti-aliased.

3. Установите в качестве основного ярко-зеленый цвет.

4. В менюEdit выберите пунктFill....

5. В диалоговом окне (рис. 6.3) необходимо определить параметры заливки. В верхней части находится раскрывающийся списокContents. Выберите в ' нем пунктForegroundColor. Другие пункты списка позволяют залить об­ласть фоновым цветом —BackgroundColor, узором —Pattern, вернуть ее в то из предыдущих состояний, которое отмечено пиктограммойHistoryBrush в палитреHistory, залить черным, серым или белым цветом. 

6. В полеBlending находятся два списка. Поле со списком Mode служит для определения режима наложения пикселов заливки. Подготовленная к за­ливке область может уже иметь некий цвет или изображение. Пикселы нового цвета могут по-разному взаимодействовать с уже существующими. В самом простом случае новые пикселы полностью замещают старые. Такому режиму наложения соответствует вариантNormal. Его и нужно выбрать. В поле Opacity установите значение 100%. При уменьшении этого значения заливка становится все более прозрачной, и сквозь нее будет просвечивать первоначальный цвет заливаемой области.

7. Нажмите кнопку ОК. Рубашка окрашена (рис. 6.4).

8. ИнструментомMagicWand выделите руки, ноги и голову фотографа.

9. В палитреSwatches выберите телесный цвет.

10. Выполните командуFill.... Возможно, вам покажется, что заливка слишком яркая. В программе предусмотрена заливка областей полупро­зрачным цветом. При этом только часть пикселов приобретают цвет за­ливки, а другие сохраняют исходный цвет.

11. Уменьшим непрозрачность заливки. Тогда через нее будет просвечивать белый фон, и силуэт станет более светлым. В диалоговом окне устано­вите значение непрозрачности 80%. Нажмите кнопку ОК.

ПалитраColor

ПалитраSwatches позволяет выбрать только уже определенные в ней цвета. Для доступа ко всему цветовому пространству существует палитраColor. С ее помощью создаются новые цвета.

На ней представлены цветовые шкалы, соответствующие выбранной в па­литре цветовой модели. Рядом со шкалами — цифровые данные, описы­вающие основной или фоновый цвет в установленной цветовой модели.

Внимание!

Цветовая модель изображения и шкалы в палитреColor не связаны между со­бой! Вы можете менять вид палитры, отображая цвет в различных моделях, от этого модель изображения меняться не будет. Для смены модели отображения цвета щелкните на соответствующей команде-переключателе меню палитрыцвета отображаются в модели RGB, и в меню палитры активен пунктRGBsliders. Если активизировать пунктWebColorSliders, то шкалы оста­нутся в модели RGB, но выбор цвета будет ограничен 216 цветами Web-па­литры.

1. Откройте палитруColor. Для смены цветовой модели откройте меню па­литры, нажав на треугольную стрелку справа. Поставьте переключатель на модель RGB

2. Буксируйте курсор по этой полосе. Текущий выбор цвета одновременно отображаете на палитре инструментов, в цветовых полосках и в квадрате основною цвета палитрыColor.

3. Два квадрата (один под другим) справа от полосок отображают основной

и фоновый цвета (как в палитре инструментов) Активный цвет выделяется двойной рамкой. Выбор цвета осуществляется буксировкой ползунков цветовых компонентов. Выберите светло-коричневый цвет, установив ползунки в положение R — 200, G — 130, В — 0.

4. Этим цветом окрасьте шорты фотографа, предварительно выделив область инструментомMagicWand. Используйте клавиатурное сочетание <Alt>+<Backspace> которое соответствует наиболее частому типу заливки — непрозрачным основным цветом в нормальном режиме. Оставьте область выделенной. 

5. Работая с палитройColor, вы можете использовать установки цвета в любой модели. Выберите вариантCMYKSliders. Теперь на палитре четыре полоски, позволяющие выставить параметры цвета в модели CMYK. Создайте темно-желтый цвет со следующими характеристиками. С — 10, М - 29, Y - 200, К - 0.

Примечание

Если созданный цвет выходит за рамки цветового охвата CMYK об этом пре­дупреждает восклицательный знак в левом нижнем углу палитры Color так же как в диалоговом окне ColorPicker. Если вы работаете с цветовыми шкалами в режиме WebColorSliders, в этой области палитры появляется предупреждение о выходе цвета за пределы цветовой палитры Web.

Широкая полоса в нижней части также предназначена для выбора цвета. По умолчанию на ней представлено цветовое пространство RGB.

1. Подведите курсор к полосе. Он примет вид пипетки, которой вы сможете "взять пробу" интересующего вас цвета.

2. Установите курсор в синей области полосы и щелкните кнопкой мыши. Текущим стал цвет, на который вы указали.

3. Вид полосы может меняться. Для этого предназначена группа команд-переключателей в меню палитры. По умолчанию активен пунктRGBSpectrum. Выберите пунктCMYKSpectrum. Теперь полоса включает цве­та охвата CMYK.

4. Поэкспериментируйте с видом полосы. Возможно, вам покажется удоб­ным отображать в ней серую шкалу (GrayscaleRamp), или оттенки вы­бранного цвета (CurrentRamp). Если установить переключательMakeRampWebSafe внизу меню палитры, то цветовая полоса будет в любом режиме включать только цвета, входящие в Web-палитру. 

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

1. Выберите командуModify менюSelect. Из списка выберите пунктCon­tract.... Вы уменьшите площадь выделенной области, передвинув ее гра­ницы внутрь на заданную величину.

2. В единственном поле диалогового окна введите число 8. Это количество пикселов, на которое нужно сжать границу области. Нажмите кнопку ОК. Выделенная область уменьшилась.

Совет

3. Выберите командуFeather... менюSelect. В диалоговом окне введите ве­личину растушевки — 8 пикселов.

4. Нажмите кнопку ОК. Границы выделе­ния изменились, они стали более плав­ными.

5. Залейте выделенную область создан­ным вами темно-желтым цветом. Кон­туры заливки нечеткие, новый цвет плавно переходит в предыдущий. На рис- 6.8 представлен результат.

6. Сохраните документ. 

Сохранение цвета

Для того чтобы впоследствии можно было использовать созданный вами цвет, его следует поместить в палитруSwatches и сохранить.

1. Выберите палитруSwatches.

2. Поместите курсор на серую область в нижней части палитры, курсор примет форму инструментаPaintBucket — ведро с краской. Это значит, что вы можете добавить в каталог новый цвет.

3. Щелкните мышью. В нижней части палитрыSwatches появился новый квадратик, цвет которого совпадает с основным цветом. Если в ячейке щелкнуть мышью с одновременным нажатием клавиш <Shift>-<Alt>, то новый квадратик цвета появится перед текущей ячейкой. Таким образом вы можете добавить в палитру любой цвет, который нужен вам для работы.

4. Для замены существующего цвета на другой, нажмите клавишу <Shift> (при этом курсор также примет форму ведра с краской) и щелкните мышью на том цвете, который вы хотите заменить. Выберите новый основной цвет и замените им предыдущий в каталоге.

5. Чтобы удалить цвет из палитрыSwatches, нажмите клавишу <Ctrl> (при этом курсор примет форму ножниц), щелкните мышью в ячейке с цве­том, предназначенном для удаления. Удалите экспериментальный цвет.

При выходе из программы AdobePhotoshop текущее состояние палитры Swatches фиксируется в файле установок Photoshop. Текущее состояние можно сохранить под определенным именем с помощью меню палитры. Откройте его и выберите командуSaveSwatches.... В стандартном диалоговом окнеSave нужно присвоить имя файлу (файл с расширением асо) и указать нужный путь. Photoshop комплектуется несколькими палит­рами, они хранятся в папке \Photoshop\Goodies\ColorPalettes, однако соб­ственную палитру вы можете сохранить где угодно.

Для загрузки палитры (созданной вами или из комплекта Photoshop) исполь­зуйте командуReplaceSwatches.... В этом случае текущая палитра заменяется сохраненным набором цветов. Если требуется слить текущий и сохраненный наборы цветов, существует командаLoadSwatches....

Если же ваши эксперименты с каталогом цветов были неудачны, в любой мо­мент можно вернуться с стандартному каталогу Photoshop командойResetSwatches.

ИнструментPaintBucket

Выполнить заливку можно разными способами. Кроме команды меню су­ществует специальный инструментPaintBucket, очень удобный тем, что при его применении часто нет нужды создавать выделенную область. Принцип его действия такой же, как у инструментаMagicWand: щелчок инструмен­томPaintBucket на изображении приводит к автоматическому выбору близ­ких по цвету пикселов вокруг данной точки. Одновременно происходит и заливка выбранной области основным цветом. В палитреOptions для этого инструмента можно выбрать степень непрозрачности заливки (Opacity), режим наложения пикселов и допуск (Tolerance), то есть степень близости цветов пикселов, подлежащих выбору и заливке. Заливка может проводиться в режиме сглаживания. Для этого установите флажокAnti-aliased. С помощьюPaintBucket можно заливать области основным цветом или узором. Для регулирования содержимого заливки предназначен список Contents. В положенииForeground происходит заливка основным цветом, в положенииPattern — заранее определенным узором. 

1. Выберите в палитреSwatches темно-голубой цвет.

2. Выберите инструментPaintBucket. В палитре параметров оставьте значе­ние допуска по умолчанию. Установите флажокAnti-aliased Значение Opacity пока оставьте 100%. Вполе Contentsвыберите Foreground.

3. Подведите курсор к подметке ботинка фотографа. Курсор принимает форму ведра с краской. Щелкните мышью, и подметка будет окрашена. Так же окрасьте и вторую подметку.

4. Задайте в палитреOptions значение непрозрачности, равное 35%. Щелк­ните поочередно на верхней части обоих ботинок. Они окрасились в бо­лее светлый цвет.

5. Для последующей работы необходимо, чтобы внутри фигурки вообще не было белой заливки, поэтому окрасьте голубым цветом со значением не­прозрачности 5% глаз фотографа и оба носка.

6. Сохраните документ.

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

1. В палитреOptions установите флажокContiguous, если он снят.

2. Выберите коричневый цвет в качестве основного и щелкните на руке фо­тографа. Как и следовало ожидать, объект приобрел коричневую заливку.

3. Отмените последнее действие и снимите флажокContiguous в палитре.

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

Примечание

В зависимости от величины допуска, задаваемой в поле Tolerance палитры Options для инструмента PaintBucket площадь заливки неоднородно окра­шенной области будет меняться. Поэкспериментируйте с этой величиной, за­ливая инструментом PaintBucket шорты фотографа каким-нибудь хорошо видимым цветом. При этом меняйте допуск от 200 до 0. Затем верните изобра­жение в исходное состояние.

Инструмент Eyedropper

Этот инструмент предназначен для установки цвета совпадающего с цветом любой точки изображения. С его помощью можно очень точно установить основной цвет при обработке иллюстраций.

1. Выберите инструментEyedropper. Поместите курсор на футболку фото­графа и щелкните мышью. Этим вы произвели выбор основного цвета. В палитре инструментов образец основного цвета стал зеленым. 

Примечание

Действие инструмента действительно сродни действию обычной пипетки. Оно заключается во взятии пробы цвета в определенной точке изображения и пре­вращении этой пробы в основной цвет. Вы уже использовали этот принцип при выборе цвета в палитреColors.

2. Теперь нажмите левую кнопку мыши при выбранном инструментеEye­dropper и буксируйте курсор по изображению. Обратите внимание на из­менение основного цвета по мере продвижения курсора.

Примечание

Эти изменения отражаются также и в палитреInfo. В любой момент вы можете увидеть соотношение цветовых компонентов в меняющемся цвете и координа­ты курсора.

3. Щелкните курсором на светлой части шортов для установки светло-коричневого основного цвета.

Пипеткой можно выбрать основной цвет не только в текущем документе или палитрах, но и в любом открытом документе.

1. Откройте документ island.jpg. Сделайте активным документ suprised.tif.

2. Выберите инструментEyedropper и щелкните им в области моря доку­мента island.j'pg. Основной цвет стал сине-зеленым, однако активным ос­тался документ suprised.tif.

В палитреOptions инструмента содержится только один параметр — размер области, усредненный цвет которой берется в качестве пробы цвета. Воз­можны варианты:PointSample — точный цвет пиксела, 3 by 3 Average и 5 by 5 Average — соответственно усреднение цвета области 3 на 3 и 5 на 5 пиксе­лов вокруг точки щелчка.

ПалитраBrushes

Перейдем к рассмотрению рисующих инструментов программы. Это Paint­brush, Airbrush, Pencil и, с известными оговорками, Eraser и его модифика­ции — MagicEaser и BackgroundEraser. Кроме того, к рисующим можно отнести ArtHistoryBrush, новый инструмент Photoshop. Какой бы рисующий инструмент вы ни использовали, вам всегда потребуется пара палитр: Brushes и Options.

Совет

Для работы с рисующими инструментами удобно разделить эти палитры В данном случае и размер кисти, и другие параметры инструмента всегда будут у вас перед глазами

1. Выполните командуShowBrushes, или щелкните на вкладке соответст­вующей палитры ПалитраBrushes предоставляет набор кистей круглой формы разных размеров (рис 6-11). Выделенной (активной) считается кисть, окруженная прямоугольником.

2. Если теперь выбрать инструментPaintbrush, перевести курсор в окно до­кумента и буксировать его, вы получите линию с толщиной, равной вы­бранной кисти. Попробуйте разные кисти. 

Кисти могут иметь разную форму и размер Вместе с программой AdobePhotoshop поставляется три дополнительных набора кистей — квадратные (SquareBlushes), с мягкими краями (DropShadowBrushes), и декоративные кисти произвольной формы (AssortedBrushes). Все они хранятся в папке Photoshop\Goodies\Brushes. Наборы кистей имеют расширение abr. Наборы кистей могут быть пополнены пользованием. Кроме того, можно создавать и собственные наборы.

1. Для загрузки набора кистей выберите командуLoadBrushes... меню па­литры.

2. В появившемся диалоговом окне откройте папку Photoshop\Goodies\ Brushes и выберите файл AssortedBrushesabr. Нажмите кнопкуOK. В палитру кистей добавлены новые элементы (декоративные кисти). Не­смотря на экстравагантную форму этих кистей, они иногда применяются в сеансах Photoshop.

4. ЗначениеSpacing определяет расстояние между соседними штрихами в мазке и задается в процентах от диаметра кисти. Если снять этот флажок кисть станет чувствительной к скорости перемещения (попытка имита­ции реальной кисти), и быстрый мазок может получаться с пробелами. Установите значение 100% для ползункаSpacing. Получилась круглая кисть с мягкими краями диаметром 50 пикселов.

5. Для получения овальной кисти следует обратиться еще к двум парамет­рам. В полеRoimdness установите значение 40%. Форма кисти из круглой стала эллиптической, о чем свидетельствуют окно просмотра справа и окно управления слева. В окне управления можно менять форму кисти интерактивно, перемещая любую из активных точек на окружности.

6. В полеAngle установите значение 45 градусов. Этот параметр определяет угол наклона оси кисти, и его также можно установить интерактивно, вращая стрелку на схеме слева. Данный параметр имеет значение только для эллиптических кистей.

7. После выбора параметров нажмите кнопку ОК.

В палитре появилась новая кисть, которая вполне может приго­диться вам для работы. Включите инструментPaintbrush и попробуйте пори­совать такой кистью.

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

1. Нажмите на палитре инструментов кнопку переключения основного и фонового цвета по умолчанию, чтобы установить в качестве основного цвета черный, а в качестве фонового — белый цвет. Создайте на полях изображения овальную область длиной примерно 0,25 см и залейте ее основным цветом.

2. Скопируйте овал и поместите копию вертикально вниз. Направляющи­ми отметьте середину созданной фигуры.

3. Выделите оба овала. Скопируйте их и разместите копию под углом 60° вправо относительно вертикальной оси. Наложите копию на перво­начальное изображение овалов. Создайте копию еще раз и разверните ее на 60° влево. Наложите копию овалов на изображение.

4. Выделите круглую область в центре цветка. Выберите команду Feather и задайте значение растушевки 2 пиксела. КомандойClear удалите содер­жимое выделенной области.

5. Выделите прямоугольную область, в центре которой будет созданный цветок. В меню палитрыBrushes выберите командуDefineBrush.

6. В палитре кистей появилась новая кисть, которая, правда, представлена в окошке из-за своего значительного размера только частично. Для того чтобы кисть уместилась в окошке палитры, исходный рисунок надо уменьшить примерно в три раза.

7. Выделите область футболки инструментомMagicWand.

8. Выберите инструментPaintbrush и кисть-цветок в палитре кистей. В ка­честве основного выберите ярко-красный цвет. Щелкните кистью в пределах выделенной области. На футболке появился красный цветочек.

9. Поочередно выбирая яркие цвета в палитреSwatches, украсьте одежду фотографа. Обратите внимание, что при попадании кисти на край выделенной области она оставляет частичный "отпечаток".

10. Сохраните документ.

Модификация кисти

1. Результаты следующих действий не нужно сохранять в документе. Вы­делите на палитре кистей созданную вами любую круглую или овальную кисть.

2. Откройте меню палитры и выберите командуBrushOptions.... На экране появляется диалоговое окноBrushOptions, аналогичное окну NewBrush. 'В этом окне можно изменить любые свойства выбранной кисти,

Снимите флажокSpacing для данной кисти. Нажмите кнопку ОК.

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

Совет

Рисующим инструментом можно создать пунктирную линию. Для этого нужно увеличить параметрSpacing в диалоговом окнеBrushOptions, чтобы его зна­чение было больше 100%. Тогда при буксировке курсора рисующего инстру­мента между мазками кисти получатся равномерные пробелы.

5. Параметры декоративных и стандартных округлых кистей отличаются. Чтобы убедиться в этом, щелкните дважды на кисти в форме цветка. Собственно, в диалоговом окне остался один цифровой параметр — Spacing, который, как вы помните, задает в процентах от диаметра кисти расстояние между соседними штрихами в мазке.

Удаление кисти

1. Если вы сочтете, что данная кисть вам никогда не потребуется, выделите ее и выберите команду меню палитры кистейDeleteBrush.

2. Если ваши эксперименты были не очень успешными и привели к потере ценных кистей, вы всегда можете вернуться к палитреBrushes по умол­чанию. Для этого следует выбрать команду меню палитрыResetBrushes. В диалоговом окне вам предлагается выбор: заменить текущие кисти на кисти по умолчанию или совместить их в одной палитре. Для замены вам следует нажать кнопку ОК, а для совмещения — кнопкуAppend.

Рисующие инструменты

Работа со всеми инструментами этого типа весьма сходна. Для создания штриха выбирается диаметр и форма кисти в палитреBrushes, с которой вы уже научились работать. Каждый из инструментов имеет свои особые пара­метры. Они определяются в палитреOptions. Инструменты рисованияPaint­brush, Airbrush, Pencil используют для штриха основной цвет. Инструменты группыEraser заменяют существующий цвет пикселов изображения на другой. Наконец, инструментArtHistoryBrush использует в работе цвета самого изображения.

ИнструментPaintbrush

Рассмогрим возможности уже знакомого вам инструмента. В палитре Op­tions для инструментаPaintbrush можно определить режим наложения пикселов (в верхнем левом списке, пока оставьте в положении Normal), задать непрозрачность штриха в полеOpacity. Кроме того, можно создавать зату­хающие мазки определенной длины, тогда в пределах одного штриха цвет будет постепенно сходить на нет или заменяться на фоновый.

Раскрасим кистью обувь фотографа. Чтобы штрихи не выходили за границу рисунка, предварительно выберите оба ботинка. На рис. 6.17 приведены этапы работы- Разумеется, вы можете раскрасить ботинки и по-другому, единственное условие — обязательно поэкспериментируйте с разными па­раметрами инструментаPaintbrush.

Совет

Для рисования вертикальных и горизонтальных линий удерживайте клавишу <Shift> до начала рисования. Если же удержать эту клавишу уже после щелчка инструментом на рисунке, можно рисовать прямые линии под любым углом. 

1. Выберите темно-голубой основной цвет.. Задайте в полеOpacity значение 80%. В палитреBrushes выберите третью слева кисть во втором ряду.

2. Нарисуйте штрихи вдоль подошв ботинок, получился темный кант.

3. Установите в полеFade значение 15. В спискеFadeto выберите пункт Transparent. Проведите несколько штрихов от границ выделения к цен­тру, имитируя объем. Как видите, штрихи получаются затухающими. Чем больше значение в полеFade, тем длиннее штрих.

4. Установите флажокWetEdges. Этот режим имитирует эффект акварели, краска "растекается" к краям линии. Нанесите полоски на ботинки. Со­храните документ.

5. Используя декоративную кисть в форме группы точек, нарисуйте фото­графу оранжевым цветом веснушки. Для этого установите непрозрачность равную 50%. Не забудьте предварительно выделить голову человечка.

ИнструментAirbrush

ИнструментAirbrush имитирует работу распыляющего устройства. Это дает возможность "напылять" цвет, то есть наносить его без резко очерченных границ. У компьютерного аэрографа, как и у его реального прототипа, интенсивность окрашивания зависит от времени нанесения цвета. Отсюда тре­бование — "быстро, но точно". Если выполненный вами мазок (результат рисования за время нажатия кнопки мыши) вам не нравится, то, не мешкая, используйте командуUndo из менюEdit или нажмите клавиши <Ctrl>+<Z>.

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

1. Для того чтобы отрегулировать "напор струи", перемещайте бегунок по полоскеPressure. Установите значение 40%

2. Для того чтобы наносить штрихи или мазки определенной длины, вклю­чите опциюFade и в цифровом поле установите значение 20. В списке на этой же строке выберите вариантTransparent.

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

ИнструментPencil

ИнструментPencil предназначен для рисования произвольных линий с четкими границами. Для этого инструмента можно также задавать длину штриха, степень непрозрачности, режим наложения. У инструментаPencil есть специфический режим, также включаемый в палитреOptions. Он называется AutoErase и позволяет получить следующий результат. При рисовании в области, окрашенной в основной цвет, инструментPencil приобретает функцию инструментаEraser и стирает изображение, оставляя после себя фоно­вый цвет. При рисовании в области, окрашенной в любой другой цвет, инструмент рисует, как ему и положено, основным цветом.

1. Выберите основным черный цвет

2. Активизируйте инструментPencil. Из палитры кистей выберите третью слева в верхнем ряду

3 Аккуратно работая карандашом, нарисуйте недостающий ремешок к фо­тоаппарату (рис. 6.19) Сохраните документ

Выполнение цветовой растяжки

Инструмент Gradient

Инструменты группыGradient (рис 6.20) незаменимы для создания плавных цветовых переходов (растяжек) В новой версии программы Photoshop в данной группе присутствуют пять инструментов, предназначенных для вы­полнения цветовых растяжек разной формы. В палитреOptions определяют­ся свойства градиентов — режимы наложения в верхнем списке, непрозрач­ность в полеOpacity, тип градиента (то есть, собственно, какие цвета будут участвовать в заливке) в спискеGradient. В градиенте могут быть использо­ваны основные цвета документа (например, тип градиентаForegroundtoBackground), прозрачности (например.ForegroundtoTransparent) или зара­нее определенные цвета В комплект Photoshop входят несколько красивых предопределенных градиентов

Существует возможность создания пользовательских градиентов с любым количеством фиксированных промежуточных цветов и чередованием про­зрачных и непрозрачных участков градиентной заливки Новые варианты гра­диентных заливок можно сохранять для дальнейшего применения. Чтобы определенная в градиенте прозрачность работала, необходимо установить флажокTransparency. Для более гладкого цветового перехода установите фла­жокDither. При установленном флажкеReverse порядок цветов в растяжке меняется на обратный В нижней части палитры расположено окно просмотра градиента и кнопкаEdit..., нажатие которой открывает диалоговое окно ре­дактирования градиента Рассмотрим применение градиентных заливок.

1. Выделите левое поле шляпы. В качестве основного цвета выберите тем­но-желтый.

2. Выберите инструментRadialGradient. В палитре параметров установите следующие значения: режим наложенияNormal, непрозрачность 100%, тип градиентаForegroundtoTransparent. Установите все флажки.

3. Поместите курсор мыши в верхнюю левую часть выделенной области, на­жмите левую кнопку мыши, и перемещайте ее вправо и вниз. За курсором тянется тонкая прямая линия. Чем она длиннее, тем шире градиент. Бук­сируйте курсор примерно на 1 см. Отпустите кнопку мыши. Поле шляпы окрашено градиентом, причем переходом от прозрачного к основному цве­ту (был установлен флажокReverse). На рис. 6.21 — вид области после за­ливки, также отмечена длина и направление линии градиента.

4. Выделите правое поле шляпы.

5. Выберите инструментDiamondMarquee. Основной цвет — темно-корич­невый, фоновый — темно-желтый. Типградиента — Foreground to Back­ground,установлентолькофлажок Dither.

6. Щелкните курсором посередине левой границы выделенной области и ведите его по горизонтали почти до правой границы. Отпустите кнопку мыши (рис. 6.22).

7. Тулью шляпы раскрасьте с применением инструментаAngleGradient. Выделите нужную область, потом выберите инструмент. В палитре пара­метров оставьте значения неизменными.

8. Щелкните мышью в верхней части тульи и ведите курсор к правому "холмику" на шляпе. Опустив мышь, полюбуйтесь на результат (рис. 6.23). Сохраните документ.

Создание нового градиента

2. Перед вами диалоговое окно для редактирования градиентов (рис. 6.24). В верхней части окна находится список доступных градиентов. Первый градиент осуществляет переход между основным и фоновым цветом, вто­рой — от основного цвета к прозрачному. Остальные градиенты имеют фиксированные цвета переходов. Выберитеградиент Foreground to Back­ground.Нижнюю часть занимает полоса предварительного просмотра, сейчас на ней отражен переход от текущего основного цвета к фоновому.

3. Каждый градиент определяется, во-первых, цветами перехода (в данном случае от основного к фоновому), а во-вторых, переходами прозрачности. Эти две характеристики задаются отдельно. При помощи переключателя, расположенного ниже списка градиентов, вы можете определить, с какой из них вы будете работать. В положенииAdjustColor в диалоговом окне появляются инструменты для работы с цветами, а в положенииAdjustTransparency — инструменты для работы с переходами прозрачности. По­ставьте переключатель в положениеAdjustColor.

4. Рассмотрим инструменты работы с цветами градиента. Ниже переключа­теля располагается рабочая полоса. На ней помещены ползунки, отме­чающие цвета. Сейчас слева помещен ползунок, помеченный буквой F (Foreground), справа — ползунок с буквой В (Background). Сверху над ра­бочей полосой находится еще один ползунок в виде маленького ромба. Он показывает положение средней точки, то есть точки градиента, в ко­тором соотношение соседних цветов перехода одинаково. Положение цветовых ползунков и ползунка средней точки легко изменить. Можно добавлять и удалять ползунки цветов, а также менять их значения.

5. Прежде чем вы сделаете это, создайте копию градиента, чтобы случайно не испортить уже имеющийся В правой части сверху вниз расположены кнопки команд Нажмите кнопкуDuplicate. В диалоговом окне задайте имя для градиента, например, MY_GRADIENT. Новый градиент сразу станет активным.

Примечание

Кнопки команд в правой части диалогового окна вполне обычны и не должны вызвать у вас никаких затруднений. С их помощью можно создать новый гради­ент — кнопка New , переименовать имеющийся — Rename, удалить выбран­ный градиент— Remove, дублировать— Duplicate, сохранить данную группу градиентов в отдельном файле — Save... и загрузить дополнительную группу градиентов, скажем, созданных вашим приятелем, — Load...

6. Чтобы изменить положение ползунков цвета или средней точки, просто буксируйте их в нужную сторону. Обратите внимание, как меняется изо­бражение градиента. Отбуксируйте правый ползунок несколько влево (рис 6.25, о). При этом средняя точка смещается пропорционально.

Совет

Для точного смещения градиента используйте полеLocation. В нем задается значение смещения ползунка в процентах от длины рабочей полосы

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

8. Для удаления ползунка нужно оттащить его от полосы. Удаление по­влечет за собой потерю данного перехода цвета. Удалите добавленный ползунок.

9. Для установки типа ползунков предназначена группа элементов внизу рабочей полосы. Слева расположены три кнопки с пиктограммами пол­зунков, одна из них активна (нажата). Левая кнопка соответствует пол­зунку фиксированного цвета, средняя — основного цвета, правая — фо­нового цвета (рис. 6.25, в). В зависимости от того, какая из кнопок активна, вновь создаваемый ползунок будет иметь именно соответст­вующее значение цвета. Нажмите кнопку фиксированного цвета.

10. Выберите фиксированный цвет. Для этого щелкните на маленьком цве­товом поле рядом с кнопками. В диалоговом окнеColorPicker выберите ярко-фиолетовый цвет и нажмите кнопку ОК. Ползунок на кнопке ок­расился в выбранный цвет. Создайте ползунок данного цвета в правой части рабочей полосы (рис. 6.25, г).

11.Задайте этот цвет для уже имеющегося ползунка. Щелкните на левом ползунке. Его "носик" окрасился в черный цвет, ползунок стал актив­ным (рис. 6,25, д). Теперь нажмите кнопку фиксированного цвета. Нуж­ный цвет перехода получен! Принцип создания и редактирования цвета ползунков аналогичен и для кнопок фонового и основного цветов с той лишь разницей, что эти цвета нельзя изменить непосредственно из диа­логового окнаGradientEditor. В момент создания растяжки вместо них будут подставлены текущие основной и фоновый цвета.

12. На рабочей полосе имеются три ползунка. Изменим цвет среднего пол­зунка несколько другим способом. Выберите его и щелкните на малень­ком цветовом поле. В диалоговом окнеColorPicker выберите ярко-зеленый цвет и нажмите кнопку ОК. Ползунок на кнопке окрасился в выбранный цвет. Заметьте, что фиксированный цвет кнопки в левой части окна остался фиолетовым.

13. Теперь поработайте с переходом прозрачности. Поставьте переключа­тель в нижней части списка градиентов в положениеAdjustTransparency. Вид элементов окна изменился. Рабочая полоса окрашена теперь в чер­ный цвет, соответствующий отсутствию прозрачности градиента. Справа и слева имеются два ползунка прозрачности и между ними — ползунок средней точки. Для каждого из ползунков можно задать параметр про­зрачности в полеOpacity от 0 до 100%.

14. Приемы работы с ползунками прозрачности такие же, как при работе с цветом. Создайте три ползунка на равном расстоянии друг от друга так чтобы рабочая полоса оказалась поделена ими на четыре равные части. Для левого и правого из созданных ползунков задайте значениеOpacity0% (полная прозрачность, отсутствие цвета градиента). Для среднего регулятора оставьте значение 100% (непрозрачная заливка градиента цветом). Полюбуйтесь на результат работы, он отражается в полосе про­смотра внизу диалогового окна. Сравните вид рабочей полосы и полосы просмотра (рис. 6.25, е).

15. Теперь осталось выделить область ленточки на шляпе и залить ее соз­данным градиентом, как показано на рис. 6.26.

16. Сохраните документ.

ИнструментEraser

В общем случае этот инструмент также можно отнести к рисующим. Он имеет несколько параметров, которые определяются в палитреOptions. Для ластика задаются следующие величины: его тип в верхнем списке (каран­даш, кисть, аэрограф, блок), непрозрачность, длина штриха в полеFade... steps, наличие мокрых краев, и специальный режимErasetoHistory, пре­вращающий инструментEraser в инструментMagicEraser. Применение ластика в этом режиме приводит к появлению в стираемой области изобра­жения не фонового цвета, а предыдущих состояний палитрыHistory. Какое из состояний будет "проявляться", зависит от положения пиктограммыHis­toryBrush в палитреHistory, то есть ластик действует подобно инструменту HistoryBrush.

1. Выберите инструментEraser из палитры инструментов. Установите для него типPaintbrush. Инструмент при этом будет оставлять след фонового цвета с мягкими, как у инструментаBrush, краями. В полеOpacity уста­новите величину 80%.

2. Выберите кисть большого размера. Проведите несколько раз этой кистью по изображению фотоаппарата, чтобы ослабить его цвет (рис. 6.27).

3. Попробуйте другие свойства ластика, затем верните изображение в преж­нее состояние.

В группу Eraser также входят два специальных инструмента — MagicEraser иBackgroundEraser. Они предназначены для автоматического удаления об­ластей близких цветов из иллюстрации. Поскольку оба эти инструмента ра­ботают со слоями изображения, мы рассмотрим их в главе 8, посвященной слоям.

Работа с контурами Определение контура

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

§Контур описывается не битовой картой, а лишь несколькими формулами. Места на диске эта информация занимает крайне мало.

§Контур не распадается на отдельные элементы (точки), а остается еди­ным объектом.

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

§Векторный контур — это превосходная возможность создания кривых сложной формы с последующей прорисовкой ("обводкой") их с помощью любых инструментов, имеющихся в программе AdobePhotoshop.

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

Таким образом, Photoshop позволяет использовать преимущества векторной графики при обработке точечных изображений-

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

§Начальная и конечная — узлы сегмента или якорные точки (anchorpoints). Они определяют положение начала и конца сегмента.

§Две направляющие точки (directionpoints), определяющие длину и поло­жение направляющих линий (directionlines). Эти направляющие влияют на степень кривизны сегмента. Направляющие линии всегда направлены по касательной к контуру.

Изменение формы осуществляется перемещением как узлов, так и связан­ных с ними направляющих линий.

Группа инструментов Реп

Инструменты группыPen позволяют создавать, выделять и редактировать контуры.

§Pen позволяет строить контуры в виде прямых или гладких кривых ли­ний, задавая якорные точки и регулируя направляющие.

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

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

§AddAnchorPoint предназначен для добавления в контур новых узлов (точек привязки).

§DeleteAnchorPoint действует противоположным образом: удаляет из кон­тура ненужные узлы (точки привязки).

§DirectSelection позволяет выделять узлы контура выборочно или все це­ликом.

§ConvertPoint изменяет характер узла (точки привязки), что позволяет преобразовывать прямолинейные сегменты в криволинейные и наоборот.

Создание прямолинейного контура

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

1. Выберите в палитре инструментовPen и щелкните мышью в правом нижнем углу верхней части фотоаппарата, установив первую якорную точку (рис. 6.29, а).

2. Отпустив кнопку мыши, двигайте курсор вниз (по линии рисунка), за­тем еще раз щелкните мышью для получения второй якорной точки (рис 6.29, б). Так же создайте еще две якорные точки.

3. Для замыкания контура подведите курсор к начальной точке (рис. 6,30) Рядом с курсором появится кружок. Щелкните мышью, и контур замк­нется (фигура 1).

4. Создайте незамкнутый контур (фигура 2). Щелкните мышью в правом верхнем углу фотоаппарата. Установите вторую якорную точку в левом верхнем углу (рис. 6.31, а) Для того чтобы оставить контур незамкнутым, необходимо еще раз щелкнуть мышью на пиктограмме инструмента Pen в палитре инструментов.

Примечание

Другой способ закончить контур без его замыкания — щелкнуть мышью на лю­бом месте рисунка при нажатой клавише <Alt>.

5. Продолжите контур фигуры 2. Для этого подведите курсор к одной из конечных якорных точек и щелкните на ней. Линия продолжается

6. Подведите курсор к следующему углу. Теперь он оказался поблизости от фигуры 1. При этом инструментPen автоматически заменяется на инстру­ментAddAnchorPoint, и вместо продолжения контура фигуры 2 вы полу­чаете дополнительную якорную точку на контуре фигуры 1. Чтобы заставить программу продолжать построение фигуры 2 (сохранять активность инструментаPen), нажмите и удерживайте клавишу <Shift>. Продолжайте строить фигуру 2 до полного замыкания контура (рис 6.31, б)

Палитра Paths

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

В основной части палитры отображаются все существующие в документе контуры. В окне документа видим только активный контур, который под­свечен синим в палитре. Меню палитры предоставляет доступ к операциям с контурами. Наиболее часто используемые операции вынесены в виде пик­тограмм в нижнюю часть палитрыPaths и предназначены для заливки кон­тура, прорисовки линии контура, превращения контура в выделенную об­ласть и наоборот, создания и удаления контура.

Рабочий контур. Сохранение контура. Новый контур

1. Откройте палитруPaths. В ней имеется только одна строка контура, со­держащая только что нарисованные фигуры. Обе они являются частями одного контура Photoshop, или субконтурами. При построении контур получает временное имяWorkPath и называется рабочим.

2. По свойствам рабочий контур похож на быструю маску. Он предназначен для временного хранения контура и не сохраняется автоматически. Сде­лайте его неактивным, щелкнув мышью на свободном поле палитры. Контур перестал отображаться в окне документа. Если теперь начать ри­совать новый контур, то вновь создаваемый заменит собой предыдущий, в документе появится другой рабочий контур. Верните активность конту­ру, и он вновь появится в окне документа.

3. Чтобы сохранить контур для дальнейшей работы, нужно дать ему имя (снова аналогия с масками). Щелкните дважды на строке рабочего кон­тура. В диалоговом окне программа предложит имя для нового контура — Path 1. Оставьте это имя.

Совет

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

4. Для создания нового контура щелкните мышью на пиктограммеCreatenewpath в палитреPaths. В палитре появилась новая активная строка. По умолчанию второй контур называется Path 2.

Построение криволинейного контура

1. На текущий момент активен контур Path 2. Щелкните инструментомPenна внешней части линзы объектива фотоаппарата (рис. 6.33, а). Не от­пуская кнопки мыши, буксируйте курсор влево. Из якорной точки выходят две направляющие. Поместите направляющие точки так, как показано на рис- 6.33, а.

2. Отпустите кнопку мыши, затем щелкните на правой стороне линзы. Создай­те еще две направляющие, на этот раз ведущие вниз и вверх (рис. 6.33, 6) В момент построения контура вы можете сразу определить его форму поскольку она изменяется согласно перемещению направляющих точек.

3. Тем же способом продолжите субконтур до замыкания (рис. 6.33, в).

Совет

Для построения контура с прямыми сегментами нужно, установив якорную точку, опустить кнопку мыши. Затем снова щелкнуть мышью в данной точке. В этом случае из якорной точки выйдет лишь одна направляющая, и вместо криволиней­ных сегментов вы получите прямолинейные Пример такого контура — на рис 6.34. 

4. Построим субконтур, сочетающий прямые и криволинейные сегменты. Щелкните мышью на обводке цилиндрической части объектива, там где объектив прикрепляется к корпусу аппарата (рис 6 35, а)

5. Затем щелкните посередине обводки закругленной части цилиндра. Вы­тяните из якорной точки направляющие до получения плавного изгиба

6. Щелкните на противоположной стороне закругления. Поставьте еще од­ну якорную точку, создав прямой сегмент, потом еще одну криволиней­ную, затем снова прямолинейную и замкните субконтур (рис. 6 35, б). В нем четыре криволинейных сегмента и два прямых.

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

Редактирование контуров

Инструменты группыPaths на палитре инструментов применяются для ре­дактирования (изменения) контуров. При редактировании векторных объек­тов последовательность работы аналогична работе с точечными изображе­ниями: сначала надо выделить объект, затем произвести изменение. Впрочем, выделение объектов заметно проще. Чаще всего инструмент выде­ления совмещает в себе и другие функции. Операции с контурами иллюст­рируются на рис. 6.37. Ниже дано описание приемов работы.

1. Выберите инструментDirectSelection, который используется для выделе­ния узлов контура, а также для перемещения узлов и точек направляю­щих линий.

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

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

Совет

Если с помощью инструментаDirectSelection выбрать несколько якорных то­чек (для этого нужно окружить их выделительной рамкой или выбирать по оче­реди, удерживая клавишу <Shift>), то смещаться будут одновременно все вы­бранные узлы. Если выбрать один или несколько узлов и нажать клавишу <Delete>, то узел будет удален вместе с прилегающими к нему сегментами. Та­ким образом можно разомкнуть контур.

4. Если вы случайно создали сегмент не той конфигурации, то, применив инструмент ConvertPoint, это легко исправить. Щелкните этим инстру­ментом в любой якорной точке Направляющие исчезли, узел контура стал прямолинейным (рис 6.37, в) Если в поле щелчка не отпускать кнопку мыши, а буксировать курсор в сторону, то из этого узла потянут­ся направляющие, и он станет криволинейным (рис 6.37, г)

5. Для добавления узла щелкните в нем инструментомAddAnchorPoint

(рис 6 37, д). При этом на месте щелчка появится новый узел с направ­ляющими Положение направляющих и направляющих точек определя­ется формой сегмента, в который добавлен узел. Сделайте активным кон­тур Path 2. Добавьте два узла, как показано на рисунке.

6 Обратная операция — удаление узла — производится инструментом DeleteAnchorPoint (рис 6 37, е) Щелкните в узле этим инструментом и он исчезнет. Заметьте, что новый сегмент будет определяться оставшими­ся узлами, и поэтому может изменить форму. Для тренировки добавьте, а затем удалите узел.

7. Завершите подгонку контуров до состояния, изображенного на рис. 6.38. Сохраните документ.

Операции с контурами

Субконтур или весь активный контур несложно скопировать (рис. 6.39).

1. Активен контур Path 2. Выделите инструментомDirectSelection нужный субконтур (внешнюю обводку объектива). Затем нажмите и удержите клавишу <Alt>. Рядом со стрелкой появится знак плюс.

Совет

Для выделения всего субконтура нужно выделить один из узлов инструментом DirectSelection. Затем нажмите и сразу отпустите клавишу <Alt>

2. Буксируйте курсор. За ним потянется копия выбранного субконтура. Оттащите ее подальше и отпустите кнопку мыши. Субконтуры, их части и контуры целиком можно подвергать любым трансформациям — накло­нять, вращать, отражать и др. Действия с контурами аналогичны дейст­виям с выделенными областями.

Совет

Для копирования контура целиком с получением нового контура в палитре бук­сируйте нужную строку палитры к пиктограммеCreatenewpath. Имя нового контура будет состоять из имени предыдущего и приставкиcopy Контуры и субконтуры так же, как и выделенные области, можно копировать через буфер обмена командамиCut и Paste.

3. Выделите оба овальных субконтура Откройте менюEdit. Вместо коман­ды FreeTransform вы увидите командуFreeTransformPath. Выберите ее. Клавиатурное сокращение <Ctrl>+<T> действует и в этом случае, пере­водя активные контуры в режим трансформирования,

4. Вокруг обоих субконтуров появилась знакомая вам рамка режима транс­формирования (рис 6.40) Немного наклоните ее и дважды щелкните в пределах области. Оба эллипса несколько наклонены.

5. Выделите второй эллипс. Переведите его в режим трансформирования. Уменьшите эллипс и переместите оба эллипса так, как показано на рис. 6.41. Выйдите из режима трансформирования.

Свободное рисование контура

С помощью инструмента FreeFormPen постройте плавный контур, обозна­чающий толщину линзы объектива Работа с этим инструментом похожа на выделение областей инструментов Lasso.

1. Сделайте активным контурPath 2.

2. Щелкните курсором в начальной точке (рис. 6.42, а). Буксируйте курсор вдоль линии объектива, создавая его "толщину". По мере продвижения инструмента автоматически будут проставляться якорные точки. Затем создайте вторую половинку контура, аккуратно обводя линию объектива. Замкните контур.

3. Отпустите кнопку мыши. Контур завершен. Остается только отредакти­ровать его якорные точки для достижения сходства с рис 6 42,б.

4. Сотрите инструментомEraser все изображение первичного эскиза фото­аппарата. В следующих главах вы узнаете, как восстановить его в улуч­шенном виде с помощью контуров.

Обводка контура

В программах векторной графики контур, оформленный в виде объекта, яв­ляется конечным результатом работы. Объекту можно присвоить параметры заливки и параметры самого контура (толщину, цвет а в некоторых про­граммах и текстуру). В программе AdobePhotoshop контур в изображение не входит, его функции сугубо вспомогательные. Чтобы полученный контур "попал" в изображение, он должен быть "обведен" каким-нибудь рисующим инструментом, то есть конвертирован из векторного в точечное представле­ние со всеми вытекающими последствиями. Но прежде необходимо решить, с помощью какого инструмента обводить контур (например, с помощью кисти) и определить его параметры: толщину, цвет и т. д.

1. Установите текущим инструментPaintbrush. Выберите вторую кисть в верхнем ряду. Основной цвет — черный.

2. Активен контур Path 1 Щелкните мышью на пиктограммеStrokespathwithforegroundcolor палитрыPaths. Активный контур обведен черным цветом (рис. 6 43, а) В качестве инструмента для обводки выбран по­следний из активных инструментов рисования с заданными вами харак­теристиками.

3. Команда обводки контура есть и в меню палитры. Переведите активность на контур Path 2. Из меню палитры выберите командуStrokePath... В диалоговом окне выберите инструмент, которым будет обведен контур — Paintbrush.

4. Нажмите кнопку ОК. Контур обведен тонкой черной линией (рис. 6.43, б)

Примечание

Для обводки выделенных субконтуров также может быть использована пикто­граммаStrokespathwithforegroundcolor или меню палитры. Команда меню при выбранном субконтуре меняет вид наStrokeSubpath...

Заливка контура

1. Сделайте активным контур Path 1. Выберите в качестве основного цвета

светло-серый, а цвета фона — темно-серый.

2. Выберите один из замкнутых субконтуров, щелкнув на нем инструмен­томDirectSelection. Удерживая клавишу <Shift>, выберите второй замк­нутый контур.

3. Щелкнитенапиктограмме Fill path with foreground colorвпалитре Paths. Оба субконтура окрасились в серый цвет (рис. 6.44).

4. Сделайте активным контур Path 2. Выберите четыре замкнутых субконту­ра. В меню палитры выберите командуFillPath....

5. Диалоговое окно заливки контура предлагает несколько параметров за­ливки, все они вам уже известны. Выберите для заливки фоновый цвет, остальные параметры оставьте по умолчанию. Нажмите кнопку ОК. Ре­зультат представлен на рис. 6.45.

Совет

Обратите внимание на заливку пересекающихся субконтуров Path 2 — внут­ренний субконтур не окрашивается выбранной заливкой. Он образует "дырку", сквозь которую виден первоначальный цвет области контура (в данном случае белый).

Получение выделенной области из контура

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

1. Выделите контур верхней крышки фотоаппарата (рис. 6.46, а). Щелкните на пиктограммеLoadspathasaselection палитры контуров. По границе контура появилась выделенная область. Залейте ее линейной градиентной заливкой от черного к прозрачному (рис. 6.46, б). Местоположение ли­нии градиента также показано на рисунке.

2. Тем же способом создайте выделенную область боковой стенки фотоап­парата. Не отменяя выделения, сделанного в пункте 2, выберите контур толщины объектива. В меню палитры контуров выберите командуMakeSelection.... В диалоговом окне (рис. 6.47, а) вы видите уже знакомые па­раметры растушевки и сглаживания. С помощью выбора переключателя задается тип взаимодействия вновь создаваемой области с уже имеющей­ся в документе. Выберите положение переключателя NewSelection. 

Примечание

Установка переключателяNewSelection отменяет предыдущие выделения, переключателяAddtoSelection складывает старую и новую области, пере­ключателяSubtractfromSelection — отнимает новое выделение из старого, как бы вырезая общую область, а переключателя IntersectwithSelection — оставляет выделенной лишь область пересечения областей.

3. Заполните образовавшуюся выделенную область (рис. 6.47, б) градиентом от светло-серого к прозрачному. Тип и направление градиента подберите сами.

4. Тем же способом залейте соответствующими градиентами замкнутые суб­контуры второго контура (Path 2). На рис. 6.48, а для заливки выбраны линейный (труба объектива и линия толщины линзы), конический (обод линзы), круговой (линза объектива) субконтуры.

5. Закончите обработку фотоаппарата, раскрасив его переднюю стенку (рис. 6.48, б), выбрав область инструментомMagicWand, а затем залив выделенную область градиентом типаReflectedGradient.

6. Не исключено, что вам захочется еще раз обвести контуры, чтобы обвод­ка была более четкой. Кроме того, вам придется подрисовать утраченные в процессе работы ремешки.

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

Это операция, обратная»рассмотренной в предыдущем разделе. Контур можно получить из любой выделенной области. Это удобно, если выделенная об­ласть имеет сложную форму.

1. Выделите инструментомMagicWand белое поле вокруг фигурки фото­графа. Не забудьте выделить фон около фотоаппарата. Инвертируйте вы­деление командойInverse менюSelect.

2. Выберите командуMakeWorkPath... меню палитры контуров.

3. В диалоговом окне программа предлагает ввести степень точности соответ­ствия создаваемого контура выделенной области (точное соответствие — минимальная величина в поле ввода). Введите в это поле величину 0,5 (это наименьшее значение). Нажмите кнопку ОК, и вы увидите результат рабо­ты. Фигурка обведена контуром, а в палитреPaths появилась новая строка с миниатюрой нового контура. Созданный контур является рабочим, то есть временным. Сохраните его в палитре под именем PHOTO.

Контуры обрезки

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

1. Откройте меню палитры и выберите командуClippingPath.... В диалого­вом окне выберите название контура, который будет обрезать изображе­ние (PHOTO). ПараметрFlatness характеризует степень точности воспро­изведения контура обрезки на печати. Чем это значение меньше, тем контур аккуратнее. Это поле можно оставить и вовсе не заполненным.

2. Нажмите кнопку ОК. Теперь файл имеет контур обрезки. Это можно увидеть, лишь импортировав сохраненный файл в другую программу. Если у вас есть программа PageMaker, проверьте наличие обрезки. При­мерный вид изображения после импорта в PageMaker представлен на рис 6.49. Не забудьте перед импортом сохранить файл изображения с внесенными изменениями.

Примечание

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

Кроме экспорта изображений с контуром обрезки, можно экспортировать и сами контуры в программуAdobeIllustrator. Для этого выберите коман­дуExport менюFile. В открывшемся списке выберите пунктPathstoIllustrator.... Диалоговое окно экспорта позволяет выбрать название контура для экспорта, задать имя файла (он будет иметь расширение ai, то есть яв­ляться файлом программы AdobeIllustrator) и путь для экспорта. Получен­ный файл можно открыть и редактировать, как обычный векторный файл.

Резюме

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

§Основой работы рисующих инструментов является используемый ими цвет. Инструменты рисования Photoshop используют одновременно два цвета — основной (Foreground) и фоновый (Background). Они могут быть определены с помощью диалоговых оконColorPicker, палитрColor и Swatches. Часто используемые цвета можно сохранить в палитре и опре­делить в качестве текущих в любой момент.

§Каждый инструмент рисования имеет свои особенности, отраженные в палитреOptions для текущего инструмента.

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

§ИнструментPen стоит на границе между векторной и точечной графи­кой. В Photoshop он выполняет роль таможни на этой границе: определя­ет, какая часть точечного изображения будет видна в программах верст­ки. Кроме того, инструмент иногда бывает полезен для обтравки объектов, имеющих правильные формы.

§     Особого внимания заслуживает инструментGradient. Заметим, что гради­ентные растяжки используются не только при раскраске изображений, но и при создании масок.