Photoshop CS2, стань профессионалом! Самоучитель 5469011291

463 31 56MB

Russian Pages 477 Year 2006

Report DMCA / Copyright

DOWNLOAD FILE

Polecaj historie

Photoshop CS2, стань профессионалом! Самоучитель
 5469011291

Citation preview

,

Александр Кириленко

PhotoshopCS2

стань профессионалом!

Москва • Санкт-Петербург • Нижний Новгород • Воронеж Новосибирск • Ростов-на-Дону • Екатеринбург • Самара Киев • Харьков • Минск 2QD6

ББК 32.973-044.4 УДК 004.92 К43

К43

Кириленко А. П. Photoshop CS2 — стань профессионалом! Самоучитель. — СПб.: Питер; Киев: Издательская группа BHV, 2006. — 477 с : ил. ISBN 5-469-01129-1 ISBN 966-552-175-6 Книга предназначена для всех, кто хочет овладеть самой новой версией программы Photoshop — CS2, — от начинающих дизайнеров до пользователей, работающих с цифровыми фотографиями. В доступной форме подробно рассмотрены используемые для обработки графических изображений средства (все инструменты программы, слои, каналы, маски и фильтры). К достоинствам данного издания следует отнести и то, что в книге детально изложен материал о теории цвета, рассмотрены способы ретуши фотографий, а также вопросы, касающиеся предпечатной подготовки изображений, вывода их на принтер и размещения в Интернете.

ББК 32.973-044.4 УДК 004.92

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

ISBN 966-552-175-6 ISBN 5-469-01129-1

О Издательская группа BHV, Киев, 2006 © ЗАО Издательский дом «Питер», 2006

Краткое содержание Введение

13

Занятие 1. Знакомство с программой Photoshop

15

Занятие 2. Первые шаги

36

Занятие 3. Создание изображений

54

Занятие 4. Выделенные области и контуры

79

Занятие 5. Редактирование изображений

102

Занятие 6. Работа с текстом

124

Занятие 7. Работа с цветом

146

Занятие 8. Командные методы коррекции цвета

167

Занятие 9. Слои

193

Занятие 10. Маски. Коррекция изображений

223

Занятие 11. Фильтры

247

Занятие 12. Форматы файлов

313

Занятие 13. Импорт и экспорт данных

337

Занятие 14. Печать

358

Занятие 15. Настройки программы Photoshop

386

Занятие 16. Программа ImageReady

412

Занятие 17. Заключительный практикум

440

Алфавитный указатель

472

Содержание Введение

13

ЗАНЯТИЕ 1. Знакомство с программой Photoshop

15

Инсталляция программы Требования к компьютеру Упражнение 1. Установка программы Интерфейс программы Упражнение 2. Вызов команд из главного меню Упражнение 3. Использование панели инструментов Работа с документами Упражнение 4. Открытие документов Упражнение 5. Просмотр изображений Упражнение 6. Создание и сохранение документов Упражнение 7. Работа с несколькими окнами Подведение итогов

16 16 17 22 23 24 26 26 29 31 34 35

ЗАНЯТИЕ 2. Первые шаги

36

Векторная и растровая графика Начальные сведения о слоях Упражнение 1. Использование выделенных областей и слоев Упражнение 2. Работа со слоями Отмена действий Упражнение 3. Палитра History Выделенные области и управление ими Упражнение 4. Создание выделенных областей Упражнение 5. Создание комбинированных областей Упражнение б. Коррекция выделенных областей Упражнение 7. Перемещение выделенных областей Подведение итогов

37 38 39 41 44 45 46 46 48 51 52 53

ЗАНЯТИЕ 3. Создание изображений

54

Рисование Упражнение 1. Инструмент Brush Упражнение 2. Художественные кисти

55 55 58

Содержание 5 Упражнение 3. Инструмент Pencil Упражнение 4. Инструмент Eraser Упражнение 5. Инструмент Background Eraser Упражнение 6. Инструмент Magic Eraser Заливка Упражнение 7. Заливка сплошным цветом Упражнение 8. Градиентный переход Подведение итогов

69 70 71 73 74 74 76 78

ЗАНЯТИЕ 4. Выделенные области и контуры

79

Выделенные области изображения Упражнение 1. Инструмент Lasso Упражнение 2. Инструмент Magnetic Lasso Упражнение 3. Инструмент Polygonal Lasso Упражнение 4. Инструмент Magic Wand Контуры Упражнение 5. Создание контуров Корректирование кривых Упражнение 6. Редактирование контуров Упражнение 7. Выделение части контуров Упражнение 8. Дополнительные возможности контуров Упражнение 9. Создание контуров методом рисования Стандартные фигуры и контуры Упражнение 10. Созданиестандартныхфигур Упражнение 11. Использование линий Упражнение 12. Применение набора заготовок для создания фигур Подведение итогов

80 80 82 84 85 86 87 88 89 90 92 94 95 96 98 99 101

ЗАНЯТИЕ 5. Редактирование изображений

Ю2

Трансформирование изображений Упражнение 1. Простейшие операции трансформирования Упражнение 2. Наклон, искажение и перспектива Упражнение 3. Деформирование изображения Упражнение 4. Создание эффекта тени для изображений Дополнительные свойства трансформирования Трансформирование контуров, выделенных областей и нескольких изображений Изменение размеров изображений Упражнение 5. Кадрирование изображений Размер и разрешение изображения Изменение размеров холста

103 103 104 107 109 110 110 111 111 ИЗ 115

6

Содержание

Выравнивание и распределение Упражнение 6. Выравнивание изображений Распределение объектов Позиционирование и привязка Упражнение 7. Применение направляющих и привязка изображений Упражнение 8. Использование сетки Упражнение 9. «Умные» направляющие Дополнительные параметры привязки и отображения Подведение итогов

117 117 118 119 119 121 122 123 123

ЗАНЯТИЕ 6. Работа с текстом

124

Ввод и редактирование текста Упражнение 1. Ввод обычного текста и его редактирование Упражнение 2. Работа с блочным текстом Упражнение 3. Установка параметров абзаца для вертикального текста Упражнение 4. Использование контуров для создания блоков текста Упражнение 5. Размещение текста вдоль контура Дополнительные возможности редактирования текста Упражнение 6. Проверка орфографии, поиск и замена текста Упражнение 7. Преобразование вертикального и горизонтального текста Упражнение 8. Расстановка переносов Эффекты, применяемые к тексту Упражнение 9. Искажение и трансформирование текста Упражнение 10. Текст как выделенная область Конвертирование и растрирование текста Подведение итогов

125 127 131 134 135 135 136 137 138 140 142 142 143 145 145

ЗАНЯТИЕ 7. Работа с цветом

146

Теория цвета Цветовые модели и цветовые режимы Переход из одной цветовой модели в другую Выбор цвета Упражнение 1. Диалоговое окно Color Picker Упражнение 2. Палитра Color Упражнение 3. Палитра Swatches Упражнение 4. Инструмент Eyedropper Инструменты тоновой и цветовой коррекции Тоновые участки изображения Упражнение 5. Инструмент Dodge Упражнение 6. Инструмент Burn Упражнение 7. Инструмент Sponge Подведение итогов

147 147 153 155 155 157 158 160 161 161 162 164 165 166

Содержание 7 ЗАНЯТИЕ 8. Командные методы коррекции цвета

167

Тоновая коррекция Упражнение 1. Гамма-коррекция Упражнение 2. Метод тоновых кривых Изменение баланса теней и света Тоновая настройка и настройка контраста Линейная коррекция Цветовая коррекция Упражнение 3. Цветовая коррекция с помощью кривых Упражнение 4. Метод цветового баланса Упражнение 5. Метод изменения тона Упражнение б. Метод сопоставления цветов Упражнение 7. Метод замены цвета Упражнение 8. Коррекция выбранного цвета Упражнение 9. Коррекция с помощью светофильтра Упражнение 10. Выбор варианта коррекции Команда Exposure Автоматическая коррекция Эффекты цветокоррекции Эффект Invert Эффект Equalize Эффект Threshold Эффект Posterize Подведение итогов

168 168 172 175 177 177. 179 179 180 181 183 184 186 187 188 189 190 190 190 191 191 191 192

ЗАНЯТИЕ 9. Слои

193

Типы слоев Упражнение 1. Создание наборов слоев и группирование слоев Упражнение 2. Заливочные слои Упражнение 3. Корректирующие слои Упражнение 4. Контурные слои Автовыделение слоев Композиции слоев Стили слоев Упражнение 5. Стиль Drop Shadow Упражнение 6. Стиль Inner Shadow Упражнение 7. Стиль Outer Glow Упражнение 8. Стиль Inner Glow Упражнение 9. Стиль Bevel and Emboss Упражнение 10. Стиль Satin

194 194 197 199 200 200 201 203 204 206 207 208 210 212

8

Содержание

Упражнение 11. Стили Color Overlay, Gradient Overlay, Pattern Overlay Упражнение 12. Стиль Stroke Упражнение 13. Наборы стилей Режимы наложения слоев Подведение итогов

213 214 215 217 222

ЗАНЯТИЕ 10. Маски и коррекция изображений

223

Создание масок Упражнение 1. Быстрые маски Упражнение 2. Альфа-каналы Упражнение 3. Маски слоя Упражнение 4. Векторные маски Упражнение 5. Маски отсечения Ретуширование изображений Упражнение 6. Инструмент Clone Stamp Упражнение 7. Инструмент Pattern Clone Stamp Упражнение 8. Инструмент Healing Brush Упражнение 9. Инструмент Patch Упражнение 10. Инструмент Color Replacement Упражнение 11. Инструмент Smudge Инструмент Red Eye Восстановление утерянной информации Упражнение 12. Создание цветного изображения на основе черно-белого Упражнение 13. Инструмент History Brush Упражнение 14. Инструмент Art History Brush Упражнение 15. Создание снимков состояния Подведение итогов

224 224 226 227 230 231 232 232 234 235 237 238 240 241 241 241 243 244 245 246

ЗАНЯТИЕ 1 1 . ФИЛЬТРЫ

247

Фильтры размытия и резкости Фильтры размытия прямого действия Упражнение 1. Фильтры Motion Blur и Radial Blur Упражнение 2. Фильтры Smart Blur и Gaussian Blur Упражнение 3. Фильтр Lens Blur Фильтры Box Blur, Surface Blur и Shape Blur Упражнение 4. Фильтры группы Sharpen Художественные фильтры Фильтры группы Artistic Фильтры группы Brush Stroke Фильтры группы Sketch

248 248 248 250 252 254 255 257 259 266 270

Содержание 9 Деструктивные фильтры Фильтры группы Distort Фильтры группы Noise Фильтры визуализации Фильтры группы Pixelate Фильтры группы Render Фильтры стилизации Фильтры группы Stylize Фильтры группы Texture Дополнительные фильтры Фильтры группы Other Фильтры группы Video Другие фильтры Фильтры сторонних производителей Краткое описание некоторых групп фильтров Упражнение 5. Установка фильтра Подведение итогов

277 277 285 288 288 292 294 294 299 302 302 305 306 310 310 311 312

ЗАНЯТИЕ 12. Форматы файлов

313

Форматы файлов, предназначенные для печати Упражнение 1. Формат EPS Упражнение 2. Форматы DCS 1.0 и DCS 2.0 Упражнение 3. Формат TIFF Упражнение 4. Формат PDF Дополнительные графические форматы Упражнение 5. Формат BMP Упражнение б. Формат PCX Упражнение 7. Формат Photoshop Raw Упражнение 8. Формат PXR Упражнение 9. Формат SCT Упражнение 10. Формат TGA Упражнение 11. Формат PICT Форматы файлов, используемые для публикации в Веб Упражнение 12. Формат JPEG Упражнение 13. Формат GIF Упражнение 14. Формат PNG Взвешенная оптимизация Подведение итогов

314 315 317 318 319 322 322 323 324 324 325 325 326 326 326 330 334 335 336

10

Содержание

ЗАНЯТИЕ 13. Импорт и экспорт данных

337

Импорт данных 338 Копирование данных 338 Использование команды Place 339 Импортирование путем открытия документов 341 Упражнение 1. Импорт файлов формата PCD 342 Упражнение 2. Сканирование как метод импортирования 343 Импортирование изображений из цифровых камер 346 Экспорт данных 348 Упражнение 3. Экспорт контуров в Adobe Illustrator 348 Упражнение 4. Экспортирование прозрачных областей в файлы формата EPS....349 Упражнение 5. Экспортирование изображений в файлы формата ZoomView 351 Экспортирование нескольких документов в одну PDF-презентацию 353 Особенности экспорта дуплексных изображений 355 Подведение итогов 357 ЗАНЯТИЕ 1 4 . Печать

358

Основные понятия Цветоделение Растрирование Язык PostScript Печать Муар Растискивание при печати Ограничение по количеству краски Разрешение изображения и линиатура растра Настройки цветоделения Настройки растискивания Настройки характеристик красок Настройки CMYK Растрирование в Photoshop Упражнение 1. Линейное растрирование Упражнение 2. ЧМ-растрирование Треппинг Упражнение 3. Выполнение треппинга в Photoshop Печать на принтере Упражнение 4. Настройки печати Упражнение 5. Печать с предварительным просмотром Подведение итогов

359 359 360 362 363 363 363 364 364 365 366 367 368 369 369 373 374 375 376 376 380 385

Содержание 1 1 З А Н Я Т И Е 1 5 . Н а с т р о й к и п р о г р а м м ы Photoshop

386

Настройки просмотра

387

Режимы экрана

387

Дополнительные режимы отображения

388

Предварительный просмотр результатов цветоделения

388

Использование гамма-предупреждения

388

Информационные настройки

389

Создание аннотаций

389

Добавление информации о файле

390

Система управления цветом

391

Общие сведения

391

Настройки цветопроб

393

Настройки системы управления цветом

394

Программные настройки

398

Общие настройки

399

Оперирование файлами

401

Указатель мыши и отображение документа

403

Прозрачность и гамма-предупреждение

404

Единицы измерения и линейки

405

Направляющие, сетка и фрагменты

406

Подключаемые модули и временные диски

408

Память и кэш

409

Текст

410

Подведение итогов

411

ЗАНЯТИЕ 16. Программа ImageReady

412

Анимация

413

Упражнение 1. Создание анимированного изображения

413

Упражнение 2. Использование промежуточной анимации

418

Оптимизация анимации

419

Работа с фрагментами изображения

421

Упражнение 3. Фрагментирование изображений

421

Упражнение 4. Создание карт ссылок

426

Настройки экспорта

428

Интерактивные элементы

433

Упражнение 5. Обработка событий

433

Настройки программы ImageReady

435

Общие настройки

436

Фрагменты

436

12

Содержание

Карты ссылок Оптимизация Подведение итогов

438 438 439

ЗАНЯТИЕ 17. Заключительный практикум

440

Заливки и текстуры Упражнение 1. Создание радуги Упражнение 2. Создание мемориальной доски Коррекция изображений Упражнение 3. Монтаж изображений Упражнение 4. Цветовая коррекция Упражнение 5. Выделение изображения с контуром сложной формы Упражнение 6. Использование фильтра Vanishing Point Эффекты, используемые для текста Упражнение 7. Создание транспаранта Упражнение 8. Другие текстовые эффекты Эффекты объема Упражнение 8. Создание объемного изображения Упражнение 9. Закручивание угла страницы Использование масок Упражнение 10. Создание рамок с использованием маски слоя Автоматизация действий Упражнение последнее. Запись и воспроизведение действий Подведение итогов ,

441 441 443 445 445 446 451 453 456 456 459 461 461 465 467 467 469 470 471

Алфавитный указатель

472 •

-

Введение Наиболее популярным редактором графических изображений, вне всякого сомнения, является программа Photoshop, разработанная известным производителем графических программных продуктов - компанией Adobe Systems Incorporated. За время, прошедшее с момента появления первой версии (1990 год), Photoshop стал не просто мощной средой, без которой трудно представить работу современного фотографа, художника, дизайнера, а стандартом в области программного обеспечения, предназначенного для обработки изображений. Поскольку существуют версии программы для всех наиболее распространенных операционных систем, пользователь может работать с изображениями, созданными в любой из них. Особое внимание при создании Photoshop уделялось обработке цифровых фотографий, которые столь популярны среди фотографов — как профессионалов, так и любителей. Многочисленными разработчиками были созданы подключаемые модули, которые делают Photoshop одним из лучших инструментов для решения самых разнообразных задач. Следует отметить, что описываемый в этой книге графический редактор Photoshop CS2 является частью набора программных продуктов Creative Suite (творческий набор) — отсюда и буквы CS в его названии. Входящие в набор известные продукты компании Adobe, такие как ImageReady, InDesign, Illustrator и Version Cue, составляют интегрированный программный комплекс, включающий функции и инструменты для выполнения любых издательских задач. Premium-версия Creative Suite дополнена программами GoLive и Acrobat. Новейшая (девятая) версия популярной программы Photoshop располагает самыми современными инструментами и средствами обработки изображений. Графический редактор был усовершенствован, появились дополнительные инструменты и фильтры, значительно расширились функции обработки фотографий и видеоматериалов. Предлагаемый вашему вниманию самоучитель включает 17 занятий, которые содержат несложные упражнения, описывающие методику выполнения той или иной операции. Многочисленные рисунки помогут вам ориентироваться в интерфейсе Photoshop и контролировать правильность производимых действий. В книге подробно рассматриваются главные особенности программы — от основ ее интерфейса до возможностей корректировки цвета и управления им. В занятиях 1, 2 описан порядок инсталляции программы, рассказывается о характерных отличиях ее интерфейса, принципах работы с документами. Вы узнаете о растровой и векторной графике, получите начальные сведения о слоях и выделенных областях. Упражнения, представленные на занятии 3, помогут вам приобрести элементарные навыки работы с инструментами рисования и заливки. Ознакомившись с материалом занятия 4, вы освоите способы построения выделенных областей, контуров и стандартных фигур.

1 4 Введение Занятия 5 и 6 посвящены трансформированию изображений - изменению их размеров, выравниванию, распределению, позиционированию, а также работе с текстом. На занятиях 7 и 8 речь идет о теории цвета, инструментах и методах цветовой коррекции. Обратите внимание: в упражнениях не только показано, как работают те или иные методы, но и объясняется, в каких случаях их лучше применять. Из занятия 9 вы узнаете много интересного о слоях, а именно об их типах, о режимах наложения слоев и применении их стилей, а из занятия 10 — о масках и ретушировании изображений. Описание всех применяемых фильтров - мощнейших средств Photoshop — тема занятия 11. На занятии 12 рассказывается, с какими форматами файлов позволяет работать рассматриваемая программа. Однако прежде чем приступать к обработке графического изображения, его нужно каким-то образом получить. Поэтому занятие 13 посвящено импорту и экспорту данных (в том числе и их сканированию). Об особенностях процесса вывода изображений на печать вообще и в Photoshop в частности речь идет на занятии 14. Вы узнаете, как осуществляется растрирование, цветоделение, треппинг, печать изображения на бумаге и на пленке, управление этим процессом. Занятие 15 посвящено настройкам Photoshop, а занятие 16 — описанию программы ImageReady. Изучая материал, изложенный в книге, следуя приведенным в упражнениях инструкциям, вы очень быстро научитесь самостоятельно выполнять весь комплекс операций по созданию и редактированию изображений (изменение размеров и цветов, ретуширование, добавление эффектов и т. п.), а закрепить полученные знания вам поможет занятие 17. На этом сугубо практическом занятии наряду с прочей полезной информацией вы получите указания относительно создания наиболее часто используемых эффектов.

Соглашения, принятые в книге Чтобы облегчить восприятие материала, текст упражнений организован в виде нумерованной последовательности шагов. В тексте много врезок «ПРИМЕЧАНИЕ», «СОВЕТ» и «ВНИМАНИЕ», назначение которых - сконцентрировать внимание на важном вопросе. Названия всех элементов интерфейса, а также имена файлов и папок выделены специальным шрифтом.

От издательства Ваши замечания, предложения и вопросы отправляйте электронной почтой по адресу: [email protected] (издательство «Питер», компьютерная редакция). Мы будем рады узнать ваше мнение. Информацию о книгах издательств «Питер» и «Издательская группа BHV» вы найдете на веб-сайтах http://www.piter.com и http://www.bhv.kiev.ua.

!

ЗАНЯТИЕ 1

Знакомство с программой Photoshop

ТЕМА ЗАНЯТИЯ Данное занятие является ознакомительным. Вы узнаете, как инсталлировать программу, и выясните некоторые особенности этого процесса, а затем познакомитесь с окном Photoshop CS2 (или же Photoshop 9.0 — это одно и то же) и с основными инструментами графического редактора. На этом занятии будут рассмотрены следующие вопросы: • инсталляция программы; • окно приложения, строка меню; • панель инструментов и палитры; • работа с файлами.

16 Занятие 1. Знакомство с программой Photoshop Вам, наверное, не раз приходилось слышать, что Photoshop — самый лучший графический редактор. Он необычайно популярен как среди начинающих пользователей, так и среди профессионалов. А чтобы вы знали, в каких именно случаях пригодится данная программа, на этом занятии будут рассмотрены задачи, которые она позволяет успешно решать. Итак, с помощью Photoshop вы сможете рисовать новые изображения либо стилизовать существующие, заниматься фотомонтажом, корректировать и восстанавливать фотографии.

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

Требования к компьютеру Первым делом необходимо отметить, что новая версия программы - Adobe Photoshop CS2 — будет работать под управлением операционной системы Windows 2000 с инсталлированным пакетом обновлений Service Pack 3 и более поздними версиями Windows. Иными словами, для работы не подойдут операционные системы Windows 95/98/Ме. Второе условие касается аппаратного обеспечения компьютера: чтобы нормально работать, а не мучаться в ожидании завершения процесса обработки очередной операции (а их только для одного документа может потребоваться великое множество), рекомендуется иметь современный компьютер. Минимальными требованиями для Photoshop CS2 являются следующие: процессор Pentium II с частотой 450 МГц, 512 Мбайт оперативной памяти, 500 Мбайт свободного места на жестком диске. Разрешение монитора лучше установить равным 1024x768. СОВЕТ Если размер экрана монитора составляет 17 дюймов и более, следует установить разрешение 1024x768 — такой размер диагонали достаточен для работы с указанным разрешением. Если же вы используете 15-дюймовый монитор, нужно опытным путем подобрать подходящий вариант, установив сначала разрешение 1024x768, а затем — 800x600.

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

Инсталляция программы 1 7

Упражнение 1. Установка программы Теперь приступим к процессу инсталляции программы Photoshop CS2. Возможно, программа заархивирована и представляет собой единственный файл, который, скорее всего, называется Photoshop_CS2_tryout.zip — по крайней мере, так он называется у самого производителя, компании Adobe. Исходя из названия (tryout можно перевести как пробный), программа предлагается для бесплатного использования в течение определенного срока (30 дней), далее продукт необходимо зарегистрировать. Имеющийся zip-файл необходимо разархивировать, после чего среди прочих файлов вы найдете файл Setup.exe, который и необходимо запустить. 1. После запуска файла Setup.exe откроется окно Adobe Photoshop CS2 (рис. 1.1). В данном окне нужно будет указать язык программы. Выбор у вас небольшой — из предложенных в списке Select a language (Выберите язык) языков вы, скорее всего, можете выбрать только установленный по умолчанию North American English (северо-американский английский) или идущий следующим International English (международный английский) — разница небольшая (в данном учебнике за основу взят северо-американский вариант — перевод на русский дается для всех элементов меню). Щелкните на кнопке ОК - во втором окне появится лицензионное соглашение (рис. 1.2). В следующем окне выберите язык отображения лицензионного соглашения. Поскольку русского языка в списке не окажется, большинство из вас, скорее всего, выберет английский (English US). После этого щелкните на кнопке Accept (Принять).

Adobe e PhotoshoptS2 See lct a a lnguage. i North Amercan Engsilh

Рис. 1.1. Первое окно установки программы Photoshop

2. В следующем окне (рис. 1.3) предлагаются различного рода ознакомительные материалы, ссылки на которые представлены в виде списка. Конечно,

1 8 Занятие 1. Знакомство с программой Photoshop есть возможность продолжить установку — щелкните на ссылке Install Photoshop CS2 (Установить Photoshop CS2). Aripbe Photoshop CS2 - License Agreement Lc i ense Agreement : •'..,.. To contn i ue, youroustaccept the End-User Lciense Agreement. • pe l ase see l ct fie alnguage you woid Bke to use to read the agreement. See lct Language: ^ Engsilh (US) ADOBE Software License Agreement NOTICE TO USER: PLEASE READ THIS AOREEMENT CAREFULLY BY COPYING, INSTALLING OR USING ALL OR AN Y PORTION OF THE SOFTWARE YOUACCEPTAaTHE TERMS AND CONDITIONS OF THIS AGREEMENT, INCLUDING, IN PARTICULAR THE LIMITATIONS ON: USE CONTAINED IN SECTION 2, TRANSFERABIUTY IN SECTION A; WARRANTY IN SECTIONS 6 AND 7; LIABILITY IN SECTION 8, AND SPECIFIC PROVISIONS AND EXCEPTIONS IN SECTION 14. YOU AGREE THAT THIS AOREEMENT IS UKE ANY WRITTEN NEGOTIATED AGREEMENT SIGNED BY YOU. THIS AOREEMENT IS ENFORCEABLE AGAINST YOU AND ANY LEOAL ENTITY THAT OBTAINED THE SOFTWARE AND ON WHOSE BEHALF IT IS USED: FOR EXAMPLE, IF APPLICABLE, YOUR EMPLOYER. IF YOU DO NOT AGREE TO THE TERMS OF THIS AGREEMENT, DO NOT USE THE SOFTWARE. VISIT HTTrVAVWWAD0BE.COM FCR TERMS OF AND LIMITATIONS ON RETURNING THE

Рис. 1.2. Втрое окно установки — лицензионное соглашение £ Adobe Photoshop CS2

Adobe*Photoshop*cs2 Install Photoshop CS2 •Щ: Photoshop At A Glance Щ Photoshop New Features Ш See it h Action (video clips) ф

Tips a Tricks

fj

Adobe DNG Converter

•*§> Explore CD Contents

Always Show Autoplay ДО Read License Agreement

Quit

Рис. 1.З. Третье окно установки

3. Теперь, наконец, на экране монитора появится окно, в котором выводится приглашение к установке (рис. 1.4) — щелкайте на кнопке Next (Следую-

i Инсталляция программы 19 щий). Снова откроется окно с лицензионным соглашением, которое нужно принять, чтобы двигаться дальше. 1

Adobe Photoshop CS2 - Setup Welcome to the InstaHShteld Wizard for Adobe Photoshop CS2 The Instafchidd(R) Wzlatd wil install Adobe photbshopC ' SZon your computer, то continue, cSckWexE.

::

,.

WARNING: This program is protected by .copyright law and international treaties. •:

Cancel

Рис. 1.4. Окно с приглашением к установке программы

4. В следующем окне (рис. 1.5) необходимо указать свое имя и выбрать один из вариантов установки: при наличии серийного номера продукта выберите переключатель I have a serial number, install full version (Есть серийный номер, установить полную версию), в противном случае придется довольствоваться 30-дневной пробной версией (выбирается переключатель Install 30-day trial version (Установить 30-дневную пробную версию)). Далее, как обычно, щелкните на кнопке Next (Далее). Ill Adobe Photoshop CS2 - Setup C



u

s

t

o

m

e

r

§

I

n

f

o

r

m

a

t

i

o

n

:•:•• T

:

-

h

.

.

"

"

••".

e

P

-

f

h

6

o

t

l

Q

l

^

. • • : • . • . : '

.

o

o

w

i

p

'

U

s

O

r

n

g

C

5

e

g

i

2

r

a

N

n

n


'~ 1>йС--' .:

Л* "..•"о," 1

ш 10%

Doc

3SJ,«/0 bytes

]»i •••

Рис, 1.19. Документ с прозрачным фоном

4. С окнами документов в Photoshop можно произвести такие же действия, как с окнами документов любого другого приложения среды Windows: свернуть, уменьшить/увеличить, закрыть. Для этого используются три стандартные кнопки, расположенные в правом верхнем углу документа. Кроме того, закрыть документ вы можете посредством команды File • Close (Файл • Закрыть) или комбинации клавиш Ctrl+W. Если открыто несколько документов, можно закрыть все окна сразу, вызвав команду Close All (Закрыть все) либо нажав клавиши Alt+Ctrl+W. В нашем примере открыто несколько окон, но вы не будете их закрывать, а поучитесь работать с несколькими документами в окне одной программы. 5. Создавая новый документ, можно сохранить все выбранные параметры холста как шаблон (к сожалению, в Photoshop шаблон может быть только один). Для этого снова выполните команду создания документа, в открывшемся диалоговом окне выберите уже знакомые вам параметры холста по своему усмотрению и щелкните на кнопке Save Preset (Сохранить шаблон). Теперь отобразится диалоговое окно New Document Preset (Шаблон нового документа), показанное на рис. 1.20. Укажите имя шаблона (например, 10 cmxl5 cm). Дополнительные параметры шаблона определяются состоянием флажков, расположенных ниже поля ввода имени. Поскольку вы еще не знаете назначения данных параметров, оставьте все флажки установленными. Щелкните на кнопке ОК, после чего

Работа с документами 3 3 шаблон будет создан и сохранен. Для создания документа на основе шаблона щелкните на кнопке ОК в окне New (Создать). Закройте документ. New Document Preset Presetfeme:1100 px X 742 px :-• Include In Saved Settings; 0 Content : M ; SProfile

— •'••'••

13 Bit Depth В Pixel Aspect Ratio

"'',{• j Values not Included in the saved preset Ч Ь / wit default to their last used value.

Рис. 1.20. Диалоговое окно New Document Preset

6. Поучитесь открывать шаблон. Сначала, как и при создании нового документа, вызовите команду File • New (Файл • Создать). Найдите в списке Presets (Шаблоны) созданный на предыдущем шаге шаблон, выберите его и щелкните на кнопке ОК. 7. Закройте документ и вернитесь к диалоговому окну New (Создать). Еще раз откройте список Presets (Шаблоны) и посмотрите на его содержимое. Среди многих его элементов есть те, которые вам знакомы. Например, стандартные форматы бумаги: А4, A3; стандартные разрешения экрана: 640x480, 800x600, 1024x768; менее известные форматы бумаги: В5, В4, ВЗ. Для того чтобы удалить созданный шаблон, выберите его в списке Presets (Шаблоны) и щелкните на кнопке Delete Preset (Удалить шаблон). 8. Снова создайте новый документ и попробуйте сохранить его. Сохранение документов в программе Photoshop идентично сохранению документов в любом Windows-приложении, нужно учесть только несколько моментов. Для обычного сохранения используется команда File • Save (Файл • Сохранить), клавиатурный эквивалент которой — Ctrl+S. В данный момент эта команда недоступна, поскольку в файле не было произведено никаких изменений. Но вы можете воспользоваться командой File • Save As (Файл • Сохранить как) или клавишами Ctrl+Shift+S, для того чтобы присвоить новое имя документу или выбрать для него новую папку (рис. 1.21). Щелкните на кнопке ОК в диалоговом окне Save As (Сохранить как), откроется окно Photoshop Format Options (Параметры форматирования Photoshop), показанное на рис. 1.22. В нем содержится информация о том, что по умолчанию установлен флажок Maximize compatibility (Максимальная совместимость) для обеспечения наилучшей совместимости файлов Photoshop с другими приложениями и с последующими версиями самой программы Photoshop. Здесь также сообщается, что отменить появление данного окна можно в настройках программы. ПРИМЕЧАНИЕ Команда File • Save for Web (Файл • Сохранить для Веб), клавиатурный эквивалент которой — Alt+Ctrl+Shift+S, будет рассмотрена позже.

34

Занятие 1. Знакомство с программой Photoshop

Savejn: ; '{jj2 m i ages My Recent Щ Documents |i

Desktop

|

My Documents i

;

t

*

|

У

:

и

5 ...

.Я : ::

.:.: • : *. - Н с0. :•, *

к 1 • . .

:.

.••

,

Г

:;:

-s •

:i: :

:

;

:

ш ш


>

г s i ш \ ш ' Ишз

:

;: :

и; ,;:

•i:

8

>

i

;

г t

1 •





:

%

: *

t !

"

;

S

; ptKetS. • •., .• •. ': . . . { Cancel

1 '

:

. • • • : . . :

Рис. 2.15. Изменение величины скругления выделенной области в окне Feather Selection

4 8 Занятие 2. Первые шаги Еще раз задайте значение 10 и обратите внимание, что указанная величина будет добавлена к уже существующему значению радиуса скругления (иными словами, произойдет сложение величин). К сожалению, «распрямить» скругленный прямоугольник путем ввода соответствующего значения уже не удастся. Для этого необходимо выделить область заново либо воспользоваться палитрой History (События). ПРИМЕЧАНИЕ Диалоговое окно Feather Selection (Сгладить выделение) позволяет задавать скругление углов в пределах от 0,2 до 250 пикселов.

4. Теперь вы научитесь создавать выделенные области заданных размеров (либо область фиксированных размеров, либо область заданных пропорций). Для того чтобы создать область фиксированных размеров выберите в списке Style (Стиль) панели свойств элемент Fixed Size (Фиксированный размер) и задайте размеры в полях Width (Ширина) и Height (Высота). Выделенную область в данном случае рисовать не нужно — достаточно щелкнуть мышью в пределах холста, и на нем появится выделенная область. Место щелчка соответствует левому верхнему углу этой области. Если требуется создать область заданных пропорций, выберите элемент Fixed Aspect Ratio (Пропорции) в том же списке. Только в данном случае в полях Width (Ширина) и Height (Высота) указываются не размеры будущей области, а ее пропорции. Например, если в поле Width (Ширина) ввести значение 1, а в поле Height (Высота) - значение 2, то будет создана прямоугольная область, у которой высота в два раза больше, чем ширина (кстати, это еще один способ рисования квадрата: установите в обоих полях значение 1 и рисуйте область — она будет квадратной). ПРИМЕЧАНИЕ Щелкнув на кнопке с двумя направленными в противоположные стороны стрелками, находящейся между списком и полем ширины, вы поменяете местами значения ширины и высоты.

Все вышеизложенное относится также к инструменту Elliptical Marquee (Эллиптическое выделение). Единственным дополнением является флажок Anti-aliased (Сглаживание), после установки которого форма выделенной области становится более гладкой.

Упражнение 5. Создание комбинированных областей В этом упражнении вы попробуете создать выделенные области более сложной формы, используя рассмотренные ранее инструменты Rectangular Marquee (Прямоугольное выделение) и Elliptical Marquee (Эллиптическое выделение). Вы уже знаете, что при работе над новой областью ранее созданная область исчезает, то есть теоретически на холсте не могут одновременно находиться две выделенные области. Но для каждого правила существуют исключения. Попробуем реализовать сказанное на практике.

!

i Выделенные области и управление ими 4 9

1. Создайте новый документ размером 10x15 см. В верхней части холста сформируйте выделенную область в форме окружности. Перед тем как рисовать вторую область, активизируйте кнопку Add to selection (Добавить к выделению) на панели свойств. Использование этой функции позволит объединить области в одно целое. 2. Для создания новой области в форме окружности установите указатель мыши в левой нижней части выделенной области (рис. 2.16). Нарисуйте выделенную область в форме окружности примерно таких же размеров, как и верхняя. Поскольку нажата кнопка Add to Selection (Добавить к выделению), у вас должна получиться «восьмерка». Возможно, она будет не очень правильной формы, поскольку пока что вы выполняете рисование «на глаз», без применения средств точного задания размеров. Немного позже вы сможете это исправить.

'.

Рис. 2.16. Рисование восьмерки

3. Нарисуйте кольцо. Отмените выделение, оставшееся от предыдущего задания, и снова создайте выделенную область в форме окружности. Щелкните на кнопке Subtract from selection (Исключение выделения) и нарисуйте вторую область, несколько меньшего размера, внутри первой (рис. 2.17, слева). На первый взгляд, ничего не произошло - одна выделенная область находится внутри другой. Активизируйте инструмент Paint Bucket (Заливка), выберите любой цвет и щелкните инструментом в пределах внутренней окружности. Как видите, заливка не выполняется. Теперь щелкните в промежутке между внутренней и внешней окружностями — область будет залита выбранным вами цветом (рис. 2.17, справа). Все объясняется просто. Поскольку была активизирована функция исключения, или вычитания, области, при создании внутренней выделенной области «вырезалась» часть выделенного пространства внешней области, вследствие чего внутренняя часть стала невыделенной. 4. Выполните еще один пример на «вычитание». На новом холсте (старый можете закрыть, не сохраняя) создайте прямоугольную выделенную область.

5 0 Занятие 2. Первые шаги Активизируйте кнопку Subtract from selection (Исключение выделения) и нарисуйте вторую прямоугольную область так, чтобы она частично захватывала первую (рис. 2.18, слева). Полученная область будет результатом вычитания общей части двух областей из первой области (рис. 2.18, справа).

1

Рис. 2.17. Рисование «кольца»

Рис. 2.18. «Вычитание» прямоугольных областей

ПРИМЕЧАНИЕ В режиме Subtract from selection (Исключение выделения) попытка создания второй области, не имеющей точек пересечения с первой, ни к чему не приведет. На экране останется только первоначальная выделенная область.

5. Последний режим комбинирования областей, который будет рассмотрен, — Intersect with selection (Пересечение областей). Как понятно из его названия, результирующей областью будет общая часть двух областей выделения. Для наглядности создадим изображение выделенной области в форме сектора. Используя палитру History (События), отмените все действия, сделанные в предыдущем пункте, и создайте выделенную область в форме прямоугольника. Активизируйте инструмент Elliptical Marquee (Эллиптическое выделение) и щелкните на кнопке Intersect with selection (Пересечение областей). Создайте область в форме окружности, начиная рисовать за пределами левого верхнего угла прямоугольника. Окружность не должна пересекать нижний и правый углы прямоугольника (рис. 2.19, слева). В результате у вас получится сектор (рис. 2.19, справа).

" • • , _

!

у'

;*/

Рис. 2.19. Этапы рисования сектора

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

Выделенные области и управление ими 5 1

Упражнение б. Коррекция выделенных областей Созданные выделенные области можно корректировать, если результаты выделения вас не устроят. Не всегда созданная область имеет требуемую форму, поэтому иногда коррективы просто необходимы. Также может понадобиться создать дополнительную область на основе существующей. Более того, при наличии известной доли фантазии, используя лишь инструменты коррекции, можно даже создавать готовые изображения. 1. Попробуйте сжать границы выделенной области. Зачастую данную операцию используют для коррекции выделенной области, когда необходимо отсечь края выделенного изображения, если они нечеткие или имеют другой, нежелательный, цветовой оттенок. Сжатие границ выделенной области позволяет равномерно уменьшить область на заданную величину. Но сейчас вы будете использовать эту возможность для других целей. Создайте холст размером 10x15 см и примерно по центру нарисуйте выделенную область в форме квадрата. Если область сдвинулась относительно центра, переместите ее с помощью инструмента Move (Движение). Залейте область любым понравившимся цветом. Выполните команду Select • Modify • Contract (Выделение • Модифицировать • Сжать). В открывшемся диалоговом окне Contract Selection (Уменьшить выделение) в поле Contract by (Уменьшить на) введите значение 20 и щелкните на кнопке ОК. Вы получите выделенную область меньших размеров, расположенную параллельно предыдущей. Залейте новую область (уже другим цветом) и снова откройте диалоговое окно Contract Selection (Уменьшить выделение). Повторите описанную процедуру несколько раз для получения нужного числа квадратов (рис. 2.20).

Рис. 2.20. Рисование квадратов

2. Попрактикуйтесь в расширении выделенной области. Эта возможность может пригодиться, например, когда изображение сложной формы недостаточно точно выделено теми инструментами, которые позволяют производить такую операцию (не охвачены нечеткие края изображения и т. п.). Для расширения границ области используется команда Select • Modify • Expand (Выделение • Модифицировать • Расширить). Примените ее к своим квадратам, изменяя выделение в обратном порядке. ПРИМЕЧАНИЕ Выделенную область можно расширить или сузить на 1-100 пикселов.

5 2 Занятие 2. Первые шаги 3. Команда Smooth (Сглаживание) того же подменю Modify (Модифицировать) практически не отличается от рассмотренной команды Feather (Сглаживание) для инструментов создания областей. Разница заключается лишь в том, что ее используют для уже созданных областей - это гораздо удобнее, чем рисовать область заново. Примените ее к прямоугольной выделенной области. ПРИМЕЧАНИЕ Значение сглаживания можно изменять в пределах от 1 до 100 пикселов.

4. Последней командой подменю Modify (Модифицировать) является команда Border (Расширить). Ее очень удобно использовать при создании всевозможных рамок или «оконтуривания» изображений. Для того чтобы освоить эту функцию, нарисуйте выделенную область в форме эллипса и залейте ее цветом (пользуйтесь тем же холстом 10x15 см). Выполните команду Select • Modify • Border (Выделение • Модифицировать • Расширить) и в поле Width (Ширина) открывшегося диалогового окна Border Selection (Рамка выделения) установите значение 10, после чего щелкните на кнопке ОК. Залив выделенную область цветом, вы получите рамку. ПРИМЕЧАНИЕ Размеры рамки можно изменять в пределах от 1 до 200 пикселов.

___

Итак, вы научились выделять области и корректировать их форму и размер. Теперь более подробно рассмотрим инструмент перемещения.

Упражнение 7. Перемещение выделенных областей Все созданные изображения можно перемещать по холсту и даже частично выносить за его пределы. Принцип действия инструмента перемещения напрямую связан с принципом работы с выделенными областями. Можно сказать, что при наличии выделенной области инструмент перемещения будет применяться только к тем элементам, которые находятся внутри этой области; при ее отсутствии будут перемещаться все изображения на слое. 1. Создайте на холсте несколько изображений, не пересекающихся друг с другом (прямоугольник, эллипс, окружность). 2. После выполнения заливки последней выделенной области не снимайте выделение, а активизируйте инструмент Move (Перемещение) и передвиньте изображение в произвольном направлении. 3. Теперь снимите выделение. Начните передвигать инструментом Move (Перемещение) любое изображение. Независимо от того, где вы расположили указатель на холсте, будут перемещаться все изображения, точнее, будет двигаться весь слой. Теперь вы увидели разницу в перемещении изображений при наличии выделенной области и при ее отсутствии.

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

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

ЗАНЯТИЕ 3

Создание изображений

ТЕМА ЗАНЯТИЯ На этом занятии вы узнаете об основных инструментах рисования и заливки программы Photoshop. Многие инструменты, а также операции, которые выполняются с их помощью, имеют физические аналоги, используемые при создании обычных рисунков. Поэтому не удивительно, что среди инструментов программы встречаются знакомые всем кисть, карандаш, ластик и др. Будут рассмотрены следующие вопросы: рисование; удаление элементов изображений; операция заливки.

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

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

Упражнение 1. Инструмент Brush Инструмент Brush (Кисть), как понятно из его названия, предназначен для имитации рисования кистью. Однако его возможности гораздо шире, поскольку этот инструмент обладает большим количеством дополнительных настроек. С некоторыми из них вы познакомитесь, выполнив данное упражнение. 1. Создайте новый документ. Для наглядности в окне New (Создать) назначьте холсту белый фон. Активизируйте инструмент Brush (Кисть) и проведите на холсте линию. Это всего лишь один из режимов работы кисти. Перейдем к рассмотрению параметров, определяющих режимы работы данного инструмента. 2. Прежде всего следует задать цвет кисти. Эту установку легко изменять, используя те же приемы, что и при выборе цвета для заливки выделенной области (об этом шла речь на предыдущем занятии). Выберите другой цвет кисти. 3. Далее необходимо выбрать форму кисти. Используйте для этого список Brush (Кисть), расположенный на панели свойств (рис. 3.1), которая отображается

5 6 Занятие 3. Создание изображений после активизации инструмента Brush (Кисть). Выберите понравившуюся вам кисть из верхней части списка и, не закрывая его, переместите указатель в пределы холста. (Чтобы закрыть список, нужно щелкнуть на холсте или за его пределами либо на стрелке списка.) Теперь вы можете оценить внешний вид кисти. •» j Brushi Master Diameter

Hardness!

j

I

! Mod«! ! Normal

Opacity! ; 100% ; М ! flow: j 1004

13 px

15%

1

Рис. З.1. Панель свойств инструмента Brush

4. Размер кисти можно задать вручную, перемещая ползунок Master Diameter (Диаметр). Выберите диаметр кисти (толщину); при этом в поле, расположенном рядом, будет отображаться соответствующее числовое значение. 5. С помощью ползунка Hardness (Жесткость) можно изменить степень размытия краев кисти (чем меньше значение жесткости, введенное в этом поле, тем более размытыми будут края кисти). Для наглядности сравните кисти, имеющие различные значения жесткости, нарисовав линии с жесткостью 100, 50 и 20 %. Диаметр выберите равным примерно 50 пикселам. Как видите, каждая последующая линия получается несколько тоньше, хотя диаметр вы не меняете. Причем первая линия образуется путем наложения окружностей выбранного диаметра кисти. Это связано со значением параметра Flow (Поток), поле ввода которого расположено тут же на панели свойств. Установите значение этого параметра равным 100 %, и края линии будут более четкими. Все эти линии показаны на рис. 3.2. Если установить параметр Flow (Поток) равным 10 %, можно получить хорошее объемное изображение (рис. 3.3). 6. Для того чтобы линии, созданные с помощью кисти, были прямыми, удерживайте при рисовании нажатой клавишу Shift. Правда, это касается только линий, проводимых под углами 0 и 90°. Есть еще один способ создания прямых линий с помощью кисти. Попробуйте создать изображение подобное тому, что представлено на рис. 3.3. Сначала нарисуйте треугольник, нанося линии следующим способом: укажите точку на холсте (это начало линии), нажав и удерживая клавишу Shift, поставьте вторую точку в месте окончания линии.

Рисование 5 7 Затем, не отпуская клавишу Shift, замкните треугольник. Таким же образом создайте три луча внутри. В том месте, где линию необходимо прервать, отпустите клавишу Shift и снова добавьте начальную точку.

Рис. 3.2. Внешний вид кисти при различных значениях параметров Hardness и Flow

Рис. 3.3. «Объемное» изображение

7. Дополнительной возможностью, доступной при работе с «обычной» кистью, является использование различных режимов наложения. Режимы наложения слоев будут рассматриваться несколько позже, а пока, немного забегая вперед, попытайтесь проверить один из режимов на практике. Задание состоит в том, чтобы нарисовать «пушистую» рамку вокруг изображения. Создайте новый документ, нарисуйте на нем прямоугольную область и залейте ее цветом. Затем выполните команду Select • Modify • Border (Выделить • Модифицировать • Рамка). В открывшемся диалоговом окне Border Selection (Выделение рамки) задайте размер рамки равным 15 пикселам. 8. Активизируйте инструмент Brush (Кисть), выберите стандартную кисть в списке Brush (Кисть), задав для нее размер, соответствующий размеру рамки (примерно 15 пикселов). В списке Mode (Режим) выберите элемент Dissolve (Раствор) и, не меняя заданный ранее цвет заливки, аккуратно «обрисуйте» рамку кистью. Теперь «коврик» готов (рис. 3.4).

Рис. 3.4. Результат использования режима Dissolve при рисовании кистью

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

5 8 Занятие 3. Создание изображений

Упражнение 2. Художественные кисти Художественные кисти, как уже говорилось, содержат в себе элементы рисунков. Вы можете создавать, например, множественные изображения кленовых листьев, поскольку в программе предусмотрена кисть, содержащая их готовые изображения. Вам нужно только научиться правильно применять такие инструменты. 1. Активизируйте палитру Brushes (Кисти), щелкнув на ее вкладке, которая находится в правом верхнем углу окна программы. С этой целью можно также использовать клавишу F5. Сама палитра и команды ее всплывающего меню (рис. 3.5) предоставляют большие возможности для выбора и редактирования кистей. Dock to Pae l te Weli Expanded Ve iw New Brush Preset,. Ce lar Brush Controsl Reset AH Locked Setn i gs Cop> Ji'Muft iij. (Mm Took Rename Brush,. Dee lte Brush Text Onyl Large Thumbnali Smal Ls it Large Ls it Stroke Thumbnali Preset Manager. Reset Brushes,. Load Brushes,. Save Brushes.. Repalce Brushes. Assorted Brushes Basci Br ushes Cag ilraphc i Brushes Drop Shadow Brushes Dry Medai Brushes Faux Fn isih Brushes Natural 8rushes 2 Natural Brushes Speca il Efect Brushes Square Brushes Thcik Heavy Brushes Wet Medai Brushes Рис. З.5. Меню палитры Brushes ПРИМЕЧАНИЕ Вкладка палитры при разрешении 800x600 пикселов на мониторе не отображается. В этом случае для ее вызова пользуйтесь командой Window • Brushes (Окно • Кисти) или клавишей F5.

2. Прежде всего измените вид представления кистей в палитре. Для этого откройте меню палитры, щелкнув на кнопке с треугольником, и выберите команду Small Thumbnails (Мелкие значки) вместо установленной по умолчанию команды Stroke Thumbnail (Строчные значки). Так вы сможете увидеть гораздо большее количество кистей одновременно. Вы также можете пред-

Рисование 5 9 ставить палитру в виде отдельного окна — для этого достаточно потянуть за закладку палитры (именно там, где написано слово Brushes) и отпустить ее в любом месте экрана в пределах холста (только не в области команд меню и панели инструментов). 3. Для того чтобы на палитре Brushes (Кисти) просмотреть параметры кистей и иметь возможность их изменять, активизируйте вкладку Brush Tip Shape (Ярлык формы кисти) (рис. 3.6).

Brush Presets Bruih Tip ShapeQ Shape Dynamc is j~~| Scatering

ИНН

[В Texture

GOual Brush

;

SCofor Dynamics [pother Dynamics

Q Airbrush E5 Smoothing QP"* 0 ^^ Texture

24

27

39

46

59

17

23

36

44

60

26

33

42

55

70

134

74

95

29 :

e

a

14

ш &

12

Ш Ш Ш e

[EJWrt Edges

14 •» 11

и ш

f

192

В 74 px

П Hip «П РЫ Angl»: fo« Roundness! [ 100%

Spacing

Рис. З.6. Параметры кисти

После активизации команды обратите внимание на нижнюю часть списка. Здесь во всем многообразии представлены художественные кисти различных форм и размеров, хотя и это еще далеко не все — программа предоставляет возможность загрузить дополнительные наборы кистей, но об этом будет рассказано несколько позже. Пока попробуйте рисовать теми инструментами, какие у вас есть. 4. Активизируйте кисть Scattered Maple Leaves (Разбросанные кленовые листья) и проведите ею по холсту. Вы увидите ряд близко расположенных листьев. Однако изображение не обязательно должно выглядеть именно так. Как уже говорилось, кисти можно настраивать. Подвигайте ползунок Diameter (Диаметр) — расстояние между листьями будет изменяться. И это еще не все. Существует также возможность настроек отдельных групп кистей, чем мы сейчас и займемся.

6 0 Занятие 3. Создание изображений 5. Открыв вкладку Scattering (Рассеивание), вы получите возможность настраивать различные параметры (рис. 3.7). Передвиньте ползунок Scatter (Рассеять) вправо на небольшое расстояние. После этого листья, беспорядочно располагаясь, будут появляться не только в месте проведения линии, но и на значительном удалении от нее. Создается впечатление, что листья расползаются по холсту. Управляет этим «расползанием» именно ползунок Scatter (Рассеять).

Brush Presets

Scater

0 Both Axes

Brush Tp i Shape .;. , |v] Shape Dynamcis :jgj' 0Texture . ы

Control: joff

- 33S% V

Count

П Dual Brush

[ 3 Color Dynamics

1

Count Jitter Control: ioff

4

1

1 S T V

0 Other Dynamics П Noise • Wet Edges Q Airbrush 0 Smoothing Г~] Protect Texture

Рис. З.7. Палитра Brushes после выбора группы параметров Scattering

Степенью рассеивания можно управлять — чем больше значение, устанавливаемое с помощью ползунка Scatter (Рассеять), тем дальше будут «расползаться» элементы активной кисти (в рассматриваемом случае листья). Нарисуйте две линии при различных значениях данного параметра. Направление распространения элементов кисти относительно линии рисования зависит от состояния флажка Both Axes (Обе оси). Если он сброшен, элементы будут располагаться перпендикулярно линии рисования, при установленном же флажке — в радиальном направлении. Попробуйте нарисовать линии, когда флажок сброшен, а затем - когда установлен, причем для наглядности сделайте эти линии изогнутыми. 6. В списке Control (Контроль) вы можете выбрать вариант рассеивания: при выделении элемента Fade (Затухание) происходит уменьшение толщины линии до минимального значения за указанное количество шагов (это значение

Рисование 6 1 устанавливается в диапазоне от 1 до 999). Выберите элемент Fade (Затухание), установите в поле значение 100 и нарисуйте линию. Попробуйте также рисовать линии с другими значениями этого параметра. Учтите, что чем ниже значение, тем меньше изменяется толщина линии в процессе рисования. Остальные три элемента списка — Pen Presure (Давление пера), Pen Tilt (Наклон пера) и Stylus Wheel (Колесико пера) — позволяют регулировать угол поворота элементов кисти в зависимости от давления пера, угла его наклона и позиции координатного манипулятора при использовании графического планшета. Так что эти элементы имеет смысл выбирать только при наличии подключенного к компьютеру графического планшета. ПРИМЕЧАНИЕ Если вы активизируете любой из трех названных элементов списка Control (Контроль), рядом со списком появится треугольник с восклицательным знаком внутри, сигнализирующий о том, что рисование в таком режиме не даст требуемого эффекта. При выборе режима Off (Выключить) любой контроль над параметром Scattering (Рассеивание) отключается.

7. Плотность, то есть количество элементов кисти на единицу интервала, задайте с помощью ползунка Count (Количество). Используя ползунок Count Jitter (Дрожание количества), определите степень случайности появления элементов кисти на каждом участке линии рисования (рис. 3.8). Если задать значение 0, элементы будут располагаться равномерно (с учетом вышеперечисленных параметров); значение 100 % будет указывать на высшую степень случайности расположения элементов. Кроме того, влиять на случайность появления элементов можно с помощью списка Control (Контроль). Его элементы и их назначение те же, что и в списке, находящемся в окне выше.

Рис. 3.8. Результат рисования кистью Scattered Maple Leaves

8. Для рассмотрения следующей группы параметров активизируйте кисть Grass (Трава) с изображением стеблей растений. Чтобы вновь отобразить весь набор кистей, щелкните на вкладке Brush Presets (Заготовки кистей) в верхней части окна. Выбрав кисть, активизируйте закладку Shape Dynamics (Динамические формы). Теперь палитра будет выглядеть так, как показано на рис. 3.9. Рассмотрим параметры этой группы.

6 2 Занятие 3. Создание изображений

Size Jitter B

r

u

s

h

B

r

u

s

h

T

i

p

S

h

a

p

El Scatering П Texture

e

Controti jcff

Q

v

MinipriurTi Di-arneter

.

.J

. 1 3%

"I

^j'

О Dual Brush

||

0 Color Dynamics $j%

Angle Jitter

) 3 Other Dynamics . Ц*

^

{ 10%

,*ч

i

Control! '[off



£

]

P

W

e

A

t

i

E

r

b

r

d

u

g

s

e

s

h

уП Smoothing

Controf:| Off

QProtect Text

Minimum Roundness J О

Fli

P * Jitter

..У'| i :

• Flip Y Jittfe

aJ

*

!.

Рис. З.9. Группа Shape Dynamics палитры Brushes

9. Изменяя положение ползунка Size Jitter (Дрожание размера), задайте пределы изменения размеров элементов кисти при рисовании. Самое большое значение, задаваемое с помощью этого ползунка, соответствует максимально возможной разнице в размерах элементов. При установке нулевого значения все элементы кисти будут иметь одинаковый размер. 10. В списке Control (Контроль) выберите режим динамического изменения размеров. Элементы данного списка подробно описаны выше. Изменяя положение ползунка Minimum Diameter (Минимальный диаметр), можно задать минимальный размер элемента кисти в процентах относительно самого большого размера. 11. С помощью ползунка Tilt Scale (Масштаб наклона), задайте высоту рисунка в зависимости от угла поворота рисуемой линии. Этот ползунок доступен только в том случае, если в списке Control (Контроль) выбран элемент Pen Tilt (Наклон пера). С помощью ползунка Angle Jitter (Дрожание угла) задается разброс углов поворотов элементов кисти. Элементы находящегося рядом списка Control (Контроль) позволяют контролировать этот процесс: при выборе элемента Fade (Затухание) диапазон разброса углов поворотов элементов постепенно уменьшается за указанное количество шагов. Чтобы наглядно представить этот процесс, нарисуйте две линии. Для первой установите значение Angle Jitter (Дрожание угла) равным 10 %, а значение Fade (Затухание) равным 1; для второй — 10 % и 10 соответственно. Разница очевидна.

Рисование 6 3 Чтобы отрегулировать угол поворота элементов в зависимости от давления пера, угла его наклона или позиции координатного манипулятора, следует выбрать элемент Pen Pressure (Давление пера), Pen Tilt (Наклон пера) или Stylus Wheel (Колесико Пера) соответственно. Еще раз напомним, что все эти элементы будут доступны только при подключении к компьютеру графического планшета. 12. С помощью ползунка Roundness Jitter (Дрожание скругления) задайте диапазон скругления элементов кисти (в нашем случае это будет, скорее, некоторое сжатие по вертикали). Список Control (Контроль) позволяет различными способами влиять на этот процесс. 13. Изменяя положение ползунка Minimum Roundness (Минимальное скругление), задайте соотношение между минимально и максимально сжатыми элементами. Наибольший эффект будет достигнут при установке значения 50 %. С помощью флажков Flip X Jitter (Обратить дрожание по оси X) и Flip Y Jitter (Обратить дрожание по оси Y) можно задать зеркальное отражение части элементов кисти в горизонтальной и вертикальной плоскости соответственно. Пример использования инструмента Brush (Кисть) в режиме Grass (Трава) приведен на рис. 3.10.

Рис. 3.10. Результат рисования кистью Grass

14. Применение параметров следующей группы - Texture (Текстуры) — хорошо рассматривать, используя какой-либо фон. Поэтому создайте новый документ с белым фоном и активизируйте в палитре Brushes (Кисти) группу параметров Texture (Текстуры), показанную на рис. 3.11. Сама текстура выбирается в списке, расположенном в верхней части палитры. Сразу же следует отметить, что изображение, полученное после рисования кистью на холсте, не будет идентично рисунку выбранной вами текстуры. Кисть использует лишь текстуру, но не само изображение. Поэтому для наглядности примените стандартную кисть круглой формы и выберите подходящую текстуру, например «шахматку». Зарисуйте часть холста кистью. Вы видите, что кисть рисует с использованием выбранной текстуры, цвета соответствуют тем, что выбраны в панели инструментов; при этом можно еще и менять масштаб текстуры с помощью ползунка Scale (Масштаб).

6 4 Занятие 3. Создание изображений

Brush Tip Shape [£} Shape Dynamcis Ш Scattering

Scale

О Dual Brush

b3 Texture Each Tip

П^| Color Dynamics

Model1 Hard Mix

~(pl Other Dynamics

Dfepth

Q Wet Edges

Minirrnjm Depth

П Airbrush

:

Q Smoothing Г*"| Protect Texture

Depth Jitter

0%

Control; Off

I ~

Рис. 3.11. Группа Texture палитры Brushes

15. Если вам необходимо инвертировать текстуру, то есть произвести процесс, аналогичный превращению негатива в позитив, установите флажок Invert (Инвертировать). Состояние флажка Texture Each Tip (Текстурировать каждый кончик) определяет, будет ли программа формировать изображение на краях линии. Установка флажка наиболее эффективна для мелкомасштабной текстуры. Также имейте в виду, что управлять степенью воздействия текстуры — группой параметров Depth (Глубина) — вы сможете только в том случае, если флажок Texture Each Tip (Текстурировать каждый кончик) установлен. В списке Mode (Режим) можно указать режим наложения цвета кисти и текстуры. Режимы наложения будут рассмотрены позже, а сейчас просто выберите любой вариант. Значение, заданное с помощью ползунка Depth (Глубина), определяет, в какой степени цвет кисти перекрывает текстуру. При минимальном значении (0) цвет кисти полностью скроет текстуру. 16. С помощью ползунка Minimum Depth (Минимальная глубина) задайте степень минимального перекрытия текстуры цветом кисти. Использование параметра Depth Jitter (Глубина дрожания) позволяет задать степень неравномерности перекрытия текстуры цветом кисти на разных участках рисунка. На рис. 3.12 приведен пример использования инструмента Brush (Кисть) с применением текстуры.

Рисование 6 5

!

., ..... Рис. 3.12. Результат рисования кистью с использованием текстуры

17. Параметры группы Dual Brush (Двойственная кисть) лучше всего рассматривать, используя кисть Flowing star (Плавающая звезда). Найдите и активизируйте эту кисть, а затем выделите закладку Dual Brush (Двойственная кисть), как показано на рис. 3.13.

Brush Tip Shape 0 Shape Dynamc is В Scattering exture olor Dynamics О Other Dynamics Q Noise : О Wet Edges О Airbrush 0 Smoothing О Protect Tsiture

14

24

11

% 1?

14

26

/ 112

У 134

•# %

* 33

46

% 36

% 44

•A

60

;o

42 ?4

%

г?

ш 192

Diameter

f Use Sampe l Size3 ! 29 pi J

Spacing

__ \U% |

Scatter Count

DSothAxes " [i

Рис. 3.13. Элементы группы Dual Brush

Сначала попробуйте нарисовать линию кистью с установленными по умолчанию параметрами. Вы увидите, что «звездочки» расположены слишком близко одна к другой. Используя параметры группы Dual Brush (Двойственная кисть), можно несколько изменить плотность элементов кисти и некоторые другие параметры. Назначение ползунка Diameter (Диаметр) понятно из его названия — это размер кисти. Весьма неплохого эффекта можно добиться, просто изменяя

6 6 Занятие 3. Создание изображений диаметр кисти. При значительном увеличении ее размера (больше 50 пикселов) края звездочек обрезаются, получается что-то вроде гирлянды. 18. С помощью параметра Spacing (Разрядка) устанавливают плотность расположения элементов кисти. Для уменьшения плотности увеличьте значение данного параметра. Изменяя значение параметра Scatter (Разброс), вы можете управлять процессом распределения элементов вдоль линии рисования. Чем больше значение, тем больший диапазон изменения расстояния, на которое удалены элементы от линии рисования, будет задан. Важно учитывать состояние флажка Both Axes (Обе оси). Если он установлен, элементы будут располагаться в радиальном направлении. На результат будут влиять значения параметров Spacing (Разрядка) и Scatter (Разброс). Если же флажок сброшен, разброс элементов будет происходить перпендикулярно линии рисования. При таком способе элементы больше расходятся в стороны, и полоса получается гораздо шире. Наконец, применяя параметр Count (Количество), вы можете изменять плотность расположения элементов кисти на различных участках создаваемой линии. Пример работы инструмента Brush (Кисть) при использовании кисти Flowing Star (Плавающая звезда) показан на рис. 3.14.

Рис. 3.14. Результат рисования кистью Flowing Star

19. Для рассмотрения параметров следующей группы, Color Dynamics (Цветовая динамика), показанной на рис. 3.15, форма кисти особого значения не имеет, но лучше использовать стандартную кисть. На панели инструментов измените цвет обоих образцов цвета. Чтобы лучше понять материал, выберите контрастные цвета, например синий и желтый. 20. С помощью ползунка Foreground/Background Jitter (Дрожание основного/фонового цвета) определите, как цвет должен варьироваться между основным и фоновым. Движение ползунка влево смещает цветовой диапазон в сторону основного цвета и наоборот. Управлять вариацией цвета поможет также уже рассмотренный список Control (Контроль). Ползунки Hue Jitter (Разброс тона), Saturation Jitter (Разброс насыщенности) и Brightness Jitter (Разброс яркости) позволяют определить, в каком диапазоне будут варьироваться тон, насыщенность и яркость соответственно. Например, если задать максимальное значение параметра Brightness Jitter (Разброс

Рисование 6 7 яркости) и при этом все остальные ползунки установить в крайнее левое положение, цвет кисти будет изменяться от белого (максимум яркости) к темно-серому (минимум яркости). Установка минимального значения этого параметра приведет к тому, что рисунок, созданный кистью, будет одноцветным.

Brush Tip Shape E3 Shape Dynsmc is E3 Scatering pTj&Ujrt El'Du-el Brush Brightness Jitter

[3 Other Dynamc is • Nosie • Wet Edges . О Airbrush E3 Smoothing Q Protect Texture

•4s**,

Рис. 3.15. Элементы группы Color Dynamics

21. Измените положение последнего ползунка этой группы, Purity (Чистота), чтобы увеличить насыщенность цвета. Установка минимального значения (-100 %) делает изображение полностью обесцвеченным, а самого большого (+100 %) — приводит к максимальной насыщенности цвета изображения. Линия, которую вы видите на рис. 3.16, создана инструментом Brush (Кисть) с использованием перечисленных выше настроек группы Color Dynamics (Цветовая динамика).

Рис. 3.16. Линия, созданная с использованием настроек группы Color Dynamics

6 8 Занятие 3. Создание изображений 22. Параметры группы Other Dynamics (Другая динамика), показанные на рис. 3.17, будут рассмотрены на примере кисти Scattered Leaves (Разбросанные листья). yix)

1 Brushes Brush Presets Brush Tip Shape jyj Scattering {3 Dual Brush 0 Color Dynamc is I a Other Dynaim • Nosie D Wet Edges

Opacity Jitter

; o%

Controli ! off g

V-::

Flow fitter

;

| o%

Control! 1 off

j

>

V i1

S' ft tt

П Airbrush 0 Smoothing

M

[33 Protect Texture

&

:





"

.

.

.

.

i

Рис. 3.17. Элементы группы Other Dynamics

Прежде чем переходить к работе с параметрами этой группы, следует откорректировать некоторые другие параметры. В группе Dual Brush (Двойственная кисть) увеличьте диаметр кисти до 70 %, параметр Spacing (Разрядка) установите равным не менее 100 %, Scatter (Разброс) — равным 0, a Count (Количество) — 1. Теперь выполните заливку любой части холста каким-либо светлым цветом и создайте новый слой, на котором вы будете рисовать кистью. 23. Перейдем к рассмотрению параметров. Ползунок Opacity Jitter (Разброс непрозрачности) определяет, как будет варьироваться непрозрачность элементов кисти (она не может быть выше значения непрозрачности, указанного на панели свойств). Выбрав один из элементов списка Control (Контроль), вы можете влиять на эти настройки. Изменяя положение ползунка Flow Jitter (Дрожание потока), определите значение частоты появления потока элементов кисти (которое не должно превышать значение, указанное на панели свойств). Пример использования кисти Scattered Leave (Разбросанные листья) приведен на рис. 3.18.

Рисование 6 9

Рис. 3.18. Результат рисования кистью Scattered Leave

В остальных группах вы не можете задать дополнительные параметры, их можно только активизировать или отключить, устанавливая или сбрасывая соответствующие флажки. Установка флажка Noise (Шум) позволяет добавить немного шума по краям линии; действие этого элемента лучше всего видно при выборе стандартной кисти с размытыми краями. Чтобы увидеть разницу, нарисуйте две линии: одну, когда этот флажок сброшен, а другую когда он установлен. 24. С помощью флажка Wet Edges (Мокрые края) создайте эффект мокрых краев линий кисти. Поэкспериментируйте, выбрав ту же кисть, что и в предыдущем примере. Флажок Airbrush (Аэрограф) действует так же, как аналогичный параметр на панели свойств. Установка и сбрасывание флажка Smoothing (Сглаживание) позволяет включать и отключать режим сглаживания. Флажок Protect Texture (Защита текстуры) используется для того, чтобы всем заготовкам кистей назначить одинаковую текстуру и одно значение ее масштаба. Теперь вы умеете использовать параметры кистей и можете переходить к изучению следующего инструмента.

Упражнение 3. Инструмент Pencil Инструмент Pencil (Карандаш) очень похож на инструмент Brush (Кисть), и несмотря на различное функциональное назначение, большинство настроек кисти применимо к карандашу. Для активизации инструмента Pencil (Карандаш), находящегося в одной группе с инструментом Brush (Кисть), можно использовать клавишу быстрого вызова В. При этом отображается панель свойств кисти, но в несколько усеченном виде (рис. 3.19). 'I

:

j *

':

' J *

Г" •

j_

"""

'Brush:

.'"""''•

} '

»

:

i

" Mode:

™ - ~ — — — Г

_™_ Normal

V i

:

'"'

.'

:••—•—;

.zizzfi

Opacity: i 100% >Л ! •

•;••

_i

A u t o Erase ;

Рис. 3.19. Панель свойств инструмента Pencil

Теперь на панели отсутствуют параметр Flow (Поток) и кнопка Airbrush (Аэрограф), однако появился флажок Auto Erase (Автоудаление), установка которого позволяет стирать нарисованное изображение (точнее, окрашивать фоновым цветом), не производя смены инструмента.

7 0 Занятие 3. Создание изображений 1. Создайте новый документ с белым фоном и в качестве фонового цвета также задайте белый. Активизируйте инструмент Pencil (Карандаш), установите флажок Auto Erase (Автоудаление), нарисуйте линию, а затем проведите по ней указателем. У вас создастся впечатление, что линия стирается (рис. 3.20), но на самом деле это не совсем так.

ч

Щ

Ш

£-i

К

;! WVWV*

wP

J. и ft ft fc .: • a

Ш

юоок

Рис. 3.20. Вместо стирания линия окрашивается фоновым цветом

2. Создайте новый слой. Нарисуйте на нем линию, а затем сотрите ее часть инструментом Pencil (Карандаш). Теперь отключите режим просмотра фонового слоя, и вы увидите, что на самом деле линия закрашивается фоновым (белым) цветом. Замените фоновый цвет другим, например синим, и линия будет «стираться» синим цветом. За исключением описанных особенностей, рисование карандашом идентично рисованию кистью. Для работы с инструментом Pencil (Карандаш) вы также можете использовать палитру Brushes (Кисти), правда, она имеет меньшее количество образцов. ПРИМЕЧАНИЕ Конечно, далеко не все являются хорошими художниками, и в процессе рисования каждый может совершить ошибку. К счастью, в программе Photoshop есть все необходимые инструменты и команды для выполнения практически любых действий по редактированию созданных вами или загруженных в программу изображений.

Упражнение 4. Инструмент Eraser Для того чтобы стирать созданные изображения, гораздо удобнее использовать инструменты группы Eraser (Ластик). Они действительно стирают элементы изображения, а не закрашивают их фоновым цветом. Кнопка этого инструмента (точнее, группы из трех инструментов) с изображением ластика находится на панели слева от инструмента Paint Bucket (Заливка). 1. Активизируйте инструмент Eraser (Ластик). Для этого можно использовать быструю клавишу Е. Посмотрите на панель свойств инструмента, показанную на рис. 3.21. Все параметры, кроме Erase to History (Удаление в журнал событий), который будет описан позже, вам уже знакомы по работе с инструментом Brush (Кисть). Обратите внимание, что список Mode (Режим) отличается от аналогичного списка инструмента Brush (Кисть). Brushi

*.';.» : I Mod»: 'Brush 13 ; ;

§Ш\ Opacity: 100% > 1 Flow: 100% > iii . • .-1 I

Рис. 3.21. Панель свойств инструмента Eraser

£2 ErasetoHistory

Рисование 7 1 2. Раскройте список Mode (Режим), содержащий элементы, которые соответствуют трем режимам стирания изображений. Больше всего по принципу действия похожим на ластик является режим Block (Блок). Выберите этот режим. Судя по внешнему виду панели свойств, никаких дополнительных параметров инструмент Eraser (Ластик) не имеет. 3. Если выбрать режим Pencil (Карандаш) или Brush (Кисть), ластик приобретет свойства карандаша или кисти соответственно, при этом будут доступны все параметры, которые можно выбрать для этих инструментов рисования. Единственная разница состоит в том, что ластик будет стирать, а не рисовать изображение. Попробуйте поработать в режиме Brush (Кисть). Установите его для инструмента Eraser (Ластик) и в палитре Brushes (Кисти) выберите какую-либо художественную кисть, например Maple leaf (Кленовый лист). Сделайте несколько «мазков», и вы увидите, что ластик «стирает листьями». Теперь перейдем к рассмотрению возможностей другого инструмента удаления — Background Eraser (Фоновый ластик).

Упражнение 5. Инструмент Background Eraser Активизируйте инструмент Background Eraser (Фоновый ластик), который находится в той же группе, что и обычный ластик. По своим возможностям эти инструменты несколько различаются. Посмотрите на панель свойств инструмента Background Eraser (Фоновый ластик), показанную на рис. 3.22. В списке Brush (Кисть) можно выбрать не только диаметр инструмента, но также его жесткость, форму и некоторые другие параметры. Все пункты списка Brush (Кисть) уже знакомы вам по художественным кистям.

т

*

;

B r u s h :

'

т

!

: ^ £ t g * *

Ц{*

Lrrwts:

: C o n t i g u o u s

V

Tolerance

5 0 ^

*

О

Protect F o r e g r o u n d

C o l o r

j



Рис. 3.22. Панель свойств инструмента Background Eraser

Список Limits (Пределы) вы видите впервые. Пункты этого списка, перечисленные далее, дают возможность наложить некоторые ограничения на процесс стирания. •

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



Contiguous (Смежный) - убирает пикселы фонового цвета и пикселы цвета, смежного с ним.



Find Edges (Найти границы) - кроме стирания фонового цвета стирает похожие пикселы соседних областей, сохраняя более резкие края изображений.

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

7 2 Занятие 3. Создание изображений Кроме того, существенное влияние на режим стирания оказывает значение, установленное с помощью кнопок группы Sampling (Выбор). •

Sampling: Continuous (Выбор: непрерывно) - диапазон смежных цветов продолжает увеличиваться в процессе стирания.



Sampling: Once (Выбор: один раз) — позволяет стирать только цвет, на котором вы щелкнули инструментом в самом начале (для переопределения цвета отпустите кнопку мыши и щелкните инструментом на новом цвете).



Sampling: Background Swatch (Выбор: фоновый образец) — позволяет инструменту стирать только текущий фоновый цвет (помните при этом о допуске).

Установка флажка Protect Foreground Color (Защитить основной цвет) позволяет запретить стирание цвета, который в определенный момент будет являться фоновым. Фоновым ластиком очень удобно пользоваться в режиме Once (Один раз) для стирания фона, который трудно выделить. 1. Откройте файл Vacation.tif. Выберите в списке Limits (Пределы) элемент Discontiguous (Несмежный), а затем в списке Sampling (Выбор) — элемент Once (Один раз). 2. Удалив фон вокруг пальмы, вы увидите, что на саму пальму инструмент Background Eraser (Фоновый ластик) не действует (рис. 3.23). 3. Откройте файл Palm Tree.tif. Установите в списке Limits (Пределы) режим Find Edges (Найти границы), а в списке Sampling (Выбор) оставьте режим Once (Один раз) — при таких установках хорошо удалять изображение неба на границе с морем (рис. 3.24). Для удаления неба около пальмы воспользуйтесь установками из пункта 1.

Рис. 3.23. Изображение пальмы до и после использования ластика

Рис. 3.24. Результат стирания в режиме Find Edges

Теперь перейдем к изучению возможностей инструмента Magic Eraser (Волшебный ластик).

Рисование 7 3

Упражнение 6. Инструмент Magic Eraser Последний инструмент стирания, Magic Eraser (Волшебный ластик), удаляет пикселы выбранного цвета (или делает их прозрачными). Наиболее удобно использовать этот инструмент в тех случаях, когда необходимо одним щелчком удалить однородный цвет. Панель свойств инструмента Magic Eraser (Волшебный ластик) представлена на рис. 3.25. w

i Toe l rance) < 32 : 0 Anti-alias i ^Contiguous Q Sampe l All Layers ! Opacity: ' 100% Рис. 3.25. Панель свойств инструмента Magic Eraser

Диапазон удаляемых цветов зависит от значения параметра Tolerance (Допуск). Чем больше значение допуска, тем больший диапазон цветов попадет в область удаления (относительно цвета, на котором вы щелкнете инструментом). Установка флажка Anti-aliased (Сглаживание) позволяет сделать края стертых областей более гладкими. При установке флажка Contiguous (Смежный) будут удалены только пикселы, смежные с теми, на которых был выполнен щелчок (в пределах установленного допуска); в противном случае будут удалены все пикселы в пределах установленного допуска. Если уменьшить значение в поле Opacity (Непрозрачность), пикселы не будут удалены, а станут прозрачными. Чем больше значение, введенное в этом поле, тем меньше значение прозрачности; при максимальном значении пикселы будут удалены. Установка флажка Sample All Layers (Выбрать со всех слоев) приводит к тому, что этот ластик применяется ко всем слоям одновременно. Теперь перейдем к практическим действиям. 1. Откройте файл Lake.tif, который хранится в папке Samples. 2. Активизируйте инструмент Magic Eraser (Волшебный ластик), установите значение 70 в поле Tolerance (Допуск), сбросьте флажок Contiguous (Смежный) и щелкните в области неба. Вы увидите, что вместе с небом удалена часть пикселов на изображении воды. Происходит это потому, что программа удаляет все пикселы в пределах установленного допуска. 3. Можно, конечно, поэкспериментировать с величиной допуска, но получить приемлемый результат будет довольно трудно — либо удаляется часть изображения, либо остается не удаленной часть фона. Попробуйте удалить фон, установив флажок Contiguous (Смежный). При указанном значении допуска небо должно быть аккуратно удалено, если вы щелкнете где-то посредине между горами и верхним краем изображения. Изображение из файла Lake.tif после удаления фона инструментом Magic Eraser (Волшебный ластик) показано на рис. 3.26. В первом случае флажок Contiguous (Смежный) был сброшен, во втором — установлен. Значение в поле Tolerance (Допуск) в обоих случаях одинаково.

7 4 Занятие 3. Создание изображений

Рис. 3.26. Результат стирания инструментом Magic Eraser

Итак, вы научились пользоваться всеми инструментами группы Eraser (Ластик) и сможете выбрать подходящий инструмент для стирания наиболее удобным и быстрым способом в каждом конкретном случае. Теперь можно переходить к инструментам заливки.

Заливка Об одном из инструментов заливки — Paint Bucket (Заливка) — уже рассказывалось ранее. Сейчас вы рассмотрите его подробнее, а также изучите еще один инструмент, позволяющий выполнять заливку.

Упражнение 7. Заливка сплошным цветом До сих пор, применяя инструмент Paint Bucket (Заливка), вы выполняли простую последовательность действий: активизировать инструмент — выбрать цвет — залить область. Но возможности этого инструмента значительно шире, и в этом вы убедитесь на практике. 1. Активизируйте инструмент Paint Bucket (Заливка). Обратите внимание на список Fill (Заливка) панели свойств, показанной на рис. 3.27. В нем можно выбрать два способа заливки. Первый вам уже известен — это вариант Foreground (Основной), или заливка основным цветом (выбирается с помощью верхнего цветового квадрата панели инструментов). Второй способ, который требует детального рассмотрения, — это вариант Pattern (Узор), или заливка узором. " • •

7 | [Foreground V

:

v

O

p

a

c

i

t

y

:

'

1

0

I

T

o

l

e

r

a

n

c

e

:

[

2

5

5

]

0

A

f

>

t

i

-

*

Рис. 3.27. Панель свойств инструмента Paint Bucket

l

i

a

s

.

S

C

o

n

t

i

g

u

o

u

i

' Заливка 75 2. Выберите элемент Pattern (Узор) в списке Fill (Заливка) панели свойств. Рядом с этим списком сразу же отобразится список Pattern (Узор), в котором можно выбрать понравившийся узор. Теперь создайте прямоугольную или эллиптическую область, снова активизируйте инструмент Paint Bucket (Заливка) и заполните выделенную область узором. 3. Для заливки вы можете не только воспользоваться узорами, представленными в списке, но и создать свои собственные. В качестве примера попробуйте создать узор на основе заготовок фигур. Активизируйте инструмент Custom Shape (Пользовательская форма), расположенный в одной группе с инструментом Line (Линия), а затем откройте список Shape (Форма) на панели свойств. После этого отобразится окно с образцами. 4. Используя кнопку со стрелкой, указывающей вправо, активизируйте всплывающее меню этого окна и выберите подменю Animals (Животные), затем среди образцов — рисунок, на котором изображен кот. 5. Нарисуйте кота, сделав изображение не слишком маленьким и не слишком большим по сравнению с размерами холста. 6. Активизируйте инструмент Rectangular Marquee (Прямоугольное выделение) и выделите прямоугольную область вокруг изображения таким образом, чтобы оно располагалось посредине. 7. Выполните команду Edit • Define Pattern (Правка • Определить узор). Откроется диалоговое окно Pattern Name (Имя узора), показанное на рис. 3.28. Здесь следует указать название узора (можно также использовать предложенное по умолчанию). Щелкните на кнопке ОК, и созданный узор будет добавлен в общий список. Pattern Name

Рис. 3.28. Диалоговое окно Pattern Name

8. Нажмите клавишу Delete, чтобы удалить изображение кота, и отмените выделение области, активизировав команду Select • Deselect (Выделить • Снять выделение) или нажав клавиши Ctrl+D. 9. Вновь активизируйте инструмент Paint Bucket (Заливка), раскройте список Pattern (Узор), выберите в нем созданную заливку и щелкните инструментом в любом месте холста. Теперь весь холст будет закрашен узором. 10. Еще больше возможностей для выбора типа заливки предоставляет диалоговое окно Fill (Заливка), приведенное на рис. 3.29. Откройте его, вызвав команду Edit • Fill (Правка • Заливка).

7 6 Занятие 3. Создание изображений

v Content: Use:

:

o

r

e

g

r

o

u

n

•1111111ИГ1 :. £j^2] .... .de: I Normal 1 Opacity; 1100 [::% .

'

-

:





••••

•'.

'

:

:

:

.



:

:

,

:



••y-;i •

:

Рис. 3.29. Диалоговое окно Fill

С помощью списка данного окна можно выбрать не только заливку узором или основным цветом, но также фоновым цветом (нижний из двух цветовых квадратов на панели инструментов), черным, белым и 50 %-м серым. Кроме того, здесь предусмотрена возможность выбора элемента History (События), но о нем будет рассказано позже. 11. Теперь рассмотрим еще несколько параметров панели свойств. В поле Tolerance (Допуск) определите, как будет выполняться заливка инструментом Paint Bucket (Заливка) с другими цветами холста, если таковые имеются (диапазон значений от 0 до 255). Чем больше введенное значение, тем в меньшей степени оказывают влияние на заливку другие цвета, присутствующие в окрашиваемой области. Иными словами, если задать максимальное значение, инструмент закрасит весь холст (естественно, при отсутствии областей выделения). Если вам необходимо произвести с помощью инструмента Paint Bucket (Заливка) заливку на всех слоях, установите флажок All Layers (Все слои).

Упражнение 8. Градиентный переход Еще одна интересная возможность, предоставляемая программой, — заливка с помощью градиентного перехода. Градиентом называется плавный переход от одного цвета к другому. В некоторых случаях таких переходов может быть несколько, иногда они могут быть не совсем плавными — все зависит от параметров градиента. Сейчас вы на практике увидите, как создаются и редактируются градиентные переходы. 1. Активизируйте инструмент Gradient (Градиент). 2. Инструментом Rectangular Marquee (Прямоугольное выделение) выделите на холсте область. Снова активизируйте инструмент Gradient (Градиент) и протяните курсор от одного края выделенной области к другому. Обратите внимание, что при этом на экране отображается линия — направление градиента — с двумя маркерами в точках начала и окончания градиента. Отпустите мышь, и область будет залита текущим градиентом. 3. Кроме того, вы можете залить выделенную область любым из имеющихся в наличии градиентов, все они находятся в списке левой части панели свойств

Заливка 7 7 (рис. 3.30). Выберите любой градиент и повторите операцию заливки. Как видите, новый градиент полностью перекрывает предыдущий.

Рис. 3.30. Окно выбора заготовок градиента

4. Теперь поучитесь создавать собственный градиент. Вернитесь в окно с параметрами стандартных градиентов (см. рис. 3.30) и щелкните на стрелке, находящейся в правом верхнем углу окна. В появившемся на экране всплывающем меню выберите команду New Gradient (Новый градиент). Отобразится показанное на рис. 3.31 окно Gradient Name (Имя градиента). Введите в нем имя градиента и щелкните на кнопке ОК. Сверните предыдущее окно, щелкнув мышью в любом месте за его пределами.

Рис. 3.31. Диалоговое окно Gradient Name

5. Следующая задача — отредактировать созданный градиент. Двойным щелчком на списке градиентов в панели свойств откройте диалоговое окно Gradient Editor (Редактор градиента). Щелкните на ярлыке только что созданного градиента (он располагается в списке последним). Редактирование будет происходить в нижней части окна. Цвет градиента задается ползунками нижней части полосы. Их количество определяется числом цветовых переходов в градиенте. Чтобы применить цвет ползунка, щелкните на нем, после чего станет доступно поле Color (Цвет) в нижней части окна. Вы можете выбрать цвет из списка; все представленные в нем команды, кроме User Color (Пользовательский цвет), вам хорошо знакомы. Кроме того, можно щелкнуть на цветном прямоугольнике и выбрать цвет в окне Color Picker (Выбор цвета), которое вам также уже знакомо. Рассмотренная ранее команда User Color (Пользовательский цвет) позволяет выбрать любой цвет из имеющихся на холсте. При активизации данной команды указатель примет вид пипетки, с помощью которой и будет производиться выбор. 6. Изменить количество цветовых переходов можно путем удаления или добавления ползунка. Чтобы удалить ползунок, переместите его вниз с помощью мыши, а чтобы добавить — щелкните мышью в нужном месте под цветовой полосой (но не на ней!).

7 8 Занятие 3. Создание изображений Посредством передвижения ползунка устанавливают долю выбранного цвета (и соседнего с ним) в градиенте, а позиции расположенных между ними ползунков, имеющих форму ромбов, определяют долю какого-либо цвета относительно соседнего с ним, но никак не влияют на долю остальных цветов градиента. 7. Верхние ползунки «отвечают» за прозрачность градиентной заливки. Укажите требуемую величину прозрачности, введя соответствующее значение в поле Opacity (Непрозрачность), которое становится доступным при щелчке на верхнем ползунке. Перемещение ползунков верхней части полосы осуществляется таким же образом, как и перемещение нижних ползунков. 8. Выполните настройки и сохраните созданный градиент, щелкнув на кнопке Save (Сохранить). Загрузка новых градиентов может быть выполнена после щелчка на кнопке Load (Загрузить). Полный список наборов градиентов вы можете увидеть во всплывающем меню окна градиентов. 9. Итак, градиент создан, теперь вы можете использовать на практике различные его виды. На панели свойств они представлены пятью кнопками, расположенными справа от списка градиентов. Здесь можно выбрать один из следующих видов градиента: Linear (Линейный), Radial (Радиальный), Angle (Конический), Reflected (Рефлекторный) и Diamond (Ромбический). Обратите внимание: все градиенты, кроме первого, создаются начиная от центра. Иначе говоря, начальный цвет градиента (находящийся в левой части палитры) сосредоточен вокруг начальной точки рисования, остальные цвета расходятся от него в разные стороны. Попрактикуйтесь с каждым видом градиента, последовательно выбирая каждый из них. Интересные эффекты можно получить, используя прозрачность градиента. При наложении нескольких градиентов они перекрываются лишь частично, и комбинация градиентов, особенно при различных значениях прозрачности, выглядит очень красиво. Такие эффекты можно попробовать комбинировать с другими эффектами, но этот материал будет рассмотрен в книге несколько позже.

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

„, 1

ЗАНЯТИЕ 4

Выделенные области и контуры

ТЕМА ЗАНЯТИЯ На этом занятии вы закончите изучение средств созда/»

л

т->1

,

1

ния выделенных областей в программе Photoshop, а также познакомитесь с новыми способами выделения изображений, используемыми для этого инструментами и их настройками. Здесь будут рассмотрены следующие вопросы: • инструменты группы Lasso; • инструмент Magic Wand; • способы создания областей с использованием контуров; • стандартные фигуры; • построение контуров.

8 0 Занятие 4. Выделенные области и контуры На данном занятии помимо инструментов создания областей будут также рассмотрены инструменты создания и редактирования контуров, которые являются еще одним средством выделения фрагментов изображений. Контуры несколько отличаются по своим свойствам от выделенных областей. Но в конечном итоге контуры все равно преобразуются в выделенную область. Впрочем, существует и возможность обратного преобразования. Но обо всем по порядку — вначале закончим изучение выделенных областей, затем перейдем к контурам.

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

Упражнение 1. Инструмент Lasso С помощью группы инструментов Lasso (Лассо) можно создавать выделенные области произвольной формы, рисуя их «от руки». Эта задача, конечно, более сложная, чем создание областей заданной формы, но выполнив ряд упражнений, вы освоите данную возможность. В группу инструментов Lasso (Лассо) входят три инструмента: Lasso (Лассо), Polygonal Lasso (Многоугольное лассо) и Magnetic Lasso (Магнитное лассо). Первый из них отображается на панели инструментов по умолчанию. Для активизации указанных инструментов можете использовать быструю клавишу L Рассмотрим эти инструменты в процессе работы с готовыми изображениями из файла Ducky.tif, находящегося в папке Samples. 1. Откройте файл Ducky.tif и активизируйте инструмент Lasso (Лассо). С его помощью можно создавать области произвольной фр формы, выделяя их «от руки», подобно рисованию карандашом. Давайте проверим действие инструмента на изображении утенка. Для удобства увеличьте масштаб и попробуйте аккуратно обвести клюв утенка. Расположите указатель так, чтобы кончик «нитки» инструмента попадал на границу клюва (в любом месте), и начинайте рисовать. После того как вы вернетесь в точку начала рисования, отпустите кнопку мыши. Скорее всего, результат не будет впечатляющим, поскольку несмотря на старания могут быть допущены неточности (рис. 4.1). 2. Некоторые погрешности можно исправить. Щелкните, например, на кнопке Add to selection (Добавить к выделению), действие которой абсолютно идентично действию одноименной кнопки в панелях свойств инструментов создания прямоугольной и эллиптической областей, и попробуйте дорисовать не попавшие в область выделения детали клюва (на нашем рисунке они находятся в левой верхней части клюва). Или, активизировав кнопку Subtract from selection (Вычесть из выделения), попытайтесь убрать лишние участки. Но все же выделение областей легче выполнять с помощью другого инстру-

Выделенные области изображения 8 1 мента, о котором будет рассказано позже, а инструмент Lasso (Лассо) использовать для рисования.

Рис. 4.1. Выделенная область содержит неточности

3. Создайте новый документ, не закрывая предыдущий рисунок. Попробуйте нарисовать кляксу. Прежде чем приступать к выполнению этой задачи, установите в поле Feather (Сглаживание) значение 10. Функция сглаживания позволяет сгладить острые углы или неровные края выделенной области. Чем больше значение, заданное в поле Feather (Сглаживание), тем более заметным будет сглаживание. 4. Начинайте рисовать, не особенно заботясь о том, чтобы изображение было гладким — эта задача решена правильно заданным значением в поле Feather (Сглаживание). В левой части рис. 4.2 показано изображение в момент рисования, а в правой - после отпускания кнопки мыши. Как видите, использование функции сглаживания позволяет исправить неточности рисования.

: Рис. 4.2. Применение сглаживания при рисовании инструментом Lasso

5. Теперь приступите к рисованию цветка. Создайте новый документ размером 10x15 см и активизируйте инструмент Lasso (Лассо). Попробуйте изобразить цветок, лежащий на плоскости. Для этого верхние лепестки сделайте немного

8 2 Занятие 4. Выделенные области и контуры меньшего размера, чем нижние. Перед началом рисования установите значение параметра Feather (Сглаживание) равным 2 (слишком большое значение приведет к тому, что цветок станет похожим на кляксу). Как и при выполнении предыдущего задания, не очень старайтесь сделать линии плавными (рис. 4.3). 6. Активизируйте инструмент Paint Bucket (Заливка) и залейте выделенную область каким-либо цветом, например белым. Снимите выделение, выберите инструмент Elliptical Marquee (Эллиптическое выделение) и нарисуйте овал. Залейте его другим цветом, скажем желтым. Теперь рисунок готов. При желании можете нарисовать стебель, используя инструмент создания прямоугольной области. Прежде чем рисовать стебель создайте новый слой и расположите его ниже текущего. Это необходимо для того, чтобы стебель не перекрывал лепестки, либо во избежание появления зазора между ним и лепестками. 7. Нарисуйте на новом слое прямоугольную выделенную область соответствующего размера и залейте ее зеленым цветом, затем снимите выделение (рис. 4.4). Конечно, гораздо лучшую картинку можно получить, взяв готовое изображение цветка, но чтобы научиться рисовать, нужно освоить на практике работу с инструментами.

я К;

иш ш

ш



я ;

1щ •

V С:

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

1 ш1 i 1 Ж j

•'

:'••••'•

•;

'



••'

'

••'

•••:



!

%

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

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

Упражнение 2. Инструмент Magnetic Lasso Суть работы инструмента Magnetic Lasso (Магнитное лассо) заключается в создании выделенной области на границе контрастных областей. Выделять область указателем придется вам, а программа будет корректировать контур, перемещая его на границы контрастных областей. Этот инструмент лучше всего использовать в том случае, когда границы выделяемой области контрастируют с соседними участками, а на нашем рисунке клюв как раз достаточно контрастен по отношению к остальному изображению. Продолжите работу с файлом Ducky.tif.

I Выделенные области изображения 8 3 1. Активизируйте инструмент Magnetic Lasso (Магнитное лассо), подведите указатель к границе клюва, щелкните мышью и начинайте выделение, стараясь придерживаться границ контура. Инструмент сам откорректирует кривую. Заканчивая рисовать контур, подведите указатель как можно ближе к начальному узлу. Когда контур замкнется, возле указателя в правом нижнем углу появится изображение маленького круга. Теперь щелкните мышью, и выделенная область будет создана (рис. 4.5). В процессе рисования вы увидите, что программа расставляет на контуре узлы привязки, которые впоследствии можно будет использовать для корректировки выделенной области.

Рис. 4.5. Выделение области инструментом Magnetic Lasso

2. Для более качественной работы данного инструмента, как и любого другого, необходимо правильно установить его параметры. Если клюв утенка выделен недостаточно корректно, измените значение параметра Edge Contrast (Контрастность границ). Чем больше значение, введенное в это поле, тем большая контрастность должна быть у изображений цветов, чтобы инструмент на нее «реагировал». В нашем случае не выделены углы клюва из-за пониженной контрастности в этих участках. Уменьшите значение в поле Edge Contrast (Контрастность границ) до 5 %. 3. В поле Width (Ширина) панели свойств задайте ширину области, в пределах которой инструмент будет «искать» контрастную границу, равной 5 пикселам. С помощью параметра Frequency (Частота) определите, с какой частотой будут расставлены узлы привязки, о которых говорилось выше, — увеличьте его значение примерно до 80. Попробуйте выделить клюв еще раз — теперь углы должны попасть в пределы выделенной области. Как видите, инструмент Magnetic Lasso (Магнитное лассо) является более гибким, чем инструменты создания прямоугольной и эллиптической областей, и его использование дает возможность создавать выделенные области, имеющие сложную форму. Теперь рассмотрим последний инструмент группы Lasso (Лассо) — Polygonal Lasso (Многоугольное лассо).

8 4 Занятие 4. Выделенные области и контуры

Упражнение 3. Инструмент Polygonal Lasso Для того чтобы понять принцип действия инструмента Polygonal Lasso (Многоугольное лассо), вам нужно будет выделить изображение буквы N. 1. Откройте файл Layer Comps.psd. 2. Активизируйте инструмент Polygonal Lasso (Многоугольное лассо) и щелкните на одном из ууглов буквы. Перемещайте указатель по букве, и за у р у ним потянется след — контур будущей области. Щелкните на том месте изображения, где должен быть угол многоугольника, определяющего выделенную область, и продолжайте выделение до тех пор, пока контур не замкнется (рис. 4.6).

Рис. 4.6. Построение выделенной области инструментом Polygonal Lasso

Работая с инструментом Polygonal Lasso (Многоугольное лассо), удобно использовать графический планшет. При его наличии вы можете активизировать кнопку Use tablet pressure to change pen width (Использовать давление на планшет для изменения толщины пера) — в этом случае, чем сильнее вы давите пером на планшет, тем меньше ширина области, в пределах которой инструмент будет искать контрастную границу (аналогично параметру Width (Ширина)). При отсутствии графического планшета состояние кнопки Use tablet pressure to change pen width (Использовать давление на планшет для изменения толщины пера) значения не имеет. Все инструменты панели свойств вам уже знакомы, они были рассмотрены при описании предыдущих инструментов данной группы. Вы закончили изучение инструментов группы Lasso (Лассо) и научились выделять области изображений. Но в программе существует для этого еще один инструмент, причем с его помощью можно (при определенных условиях) производить выделение области одним щелчком.

Выделенные области изображения 8 5

Упражнение 4. Инструмент Magic Wand Инструмент Magic Wand (Волшебная палочка) является очень удобным и наиболее часто используемым средством выделения. Суть его работы сводится к выделению смежных пикселов, имеющих подобные цвета. Диапазон сходства цветов определяется настройками инструмента. 1. Создайте новый документ и с помощью инструмента Lasso (Лассо) выделите область произвольной формы. Активизируйте инструмент Paint Bucket (Заливка) и залейте созданную область цветом. Снимите выделение. Для того чтобы снова выделить область, не пользуясь возможностью отмены действий, активизируйте инструмент Magic Wand (Волшебная палочка) либо нажмите клавишу W. Щелкните в любой части созданного изображения, и вы увидите, что оно выделено целиком. Это объясняется тем, что данное изображение содержит только один цвет, а «волшебная палочка» предназначена для выделения пикселов нескольких близких цветов. 2. Теперь выполните задание посложнее - выделите область, содержащую большее количество цветов. Откройте файл Dune.tif папки Samples и попробуйте выделить изображение дюны. Щелкните «волшебной палочкой» в любом месте изображения, например в светлой части дюны, — будет выделена лишь незначительная часть рисунка. Снимите выделение. В данном случае нужно вначале изменить заданные по умолчанию параметры инструмента выделения, а уже затем переходить непосредственно к выделению. 3 Посмотрите на панель свойств инструмента Magic Wand, показанную на рис. 4.7. Основной параметр «волшебной палочки» - Tolerance (Допуск). С его помощью определяется диапазон цветов, доступных при выделении инструментом (точкой отсчета является пиксел, на котором будет выполнен щелчок). Этот параметр изменяется в пределах от 0 до 255. Значение 0 указывает на то, что пикселы, имеющие тот же цвет, что и пиксел, на котором вы щелкаете, попадут в область выделения (возможно, это будет всего лишь один пиксел). Установка максимального значения, 255, позволит вам выделить все изображение сразу, независимо от того, где выполнен щелчок. Для выделения дюны задайте величину поля Tolerance (Допуск) равной примерно 50. Работая с «волшебной палочкой», трудно указывать точное значение, поскольку многое зависит от того, где вы щелкнете мышью. ~*\ "

\ Л -h '•** *tl I Toler-artce: [To^ 1 0AnS-alias Q Contiguous Q Sample All layers :;

Рис. 4.7. Панель свойств инструмента Magic Wand

4. Сбросьте флажок Contiguous (Смежные). Когда он установлен, производится выборка только смежных пикселов или же некоторые участки изображения могут не попасть в выделенную область. Флажок Anti-aliased (Сглаживание) оставьте установленным, тогда область выделения получится более гладкой и плавной. 5. Задав все параметры, щелкните вначале на темной части дюны, где-то на не слишком затемненном участке. Пусть вас не смущает, что при этом на темной

8 6 Занятие 4. Выделенные области и контуры части дюны могут остаться невыделенные участки (рис. 4.8, слева). Активизируйте инструмент создания прямоугольной выделенной области. Включите режим сложения областей, щелкнув на кнопке Add to selection (Добавить к выделению) либо удерживая клавишу Shift, и заключите невыделенную область в прямоугольник (рис. 4.8, справа). Теперь осталось выделить светлую часть дюны.

Рис. 4.8. Выделение дюны

Вновь активизируйте инструмент Magic Wand (Волшебная палочка), перейдите в режим сложения областей и щелкните в любом месте светлой части дюны. Скорее всего, в результате вся дюна будет выделена. В противном случае попробуйте отменить последнее действие и вновь щелкнуть на светлой части дюны либо просто увеличьте значение параметра Tolerance (Допуск) примерно до 70. В данной ситуации это допустимо, поскольку цвета неба и песка существенно отличаются. Теперь самостоятельно попробуйте выделить небо, не выделяя при этом дюну. Подберите такое значение в поле Tolerance (Допуск), чтобы небо можно было выделить одним щелчком инструмента выделения. Небольшая подсказка: щелкайте «волшебной палочкой» на средних по насыщенности участках неба. Вы получили в свое распоряжение еще один инструмент выделения — Magic Wand (Волшебная палочка). Как видите, он очень удобен в работе, поскольку область создается одним щелчком мыши, но, к сожалению, применение этого инструмента возможно не во всех ситуациях. Далее вы перейдете к изучению средств программы, используемых для очень точного выделения.

Контуры Один из способов выделения изображений или частей изображений в программе Photoshop осуществляется с использованием контуров (paths). Контур представляет собой замкнутую линию, которой обводится подлежащее выделению изображение. Главное преимущество контуров заключается в том, что их можно очень точно корректировать. Кроме того, Photoshop предоставляет в распоряжение

Контуры 87 пользователей дополнительные средства при работе с контурами. Выделенные области и контуры взаимно дополняют друг друга, их можно конвертировать в обе стороны. Решая вопрос о выборе метода, руководствуйтесь в первую очередь целесообразностью. Если изображение можно выделить одним щелчком инструмента Magic Wand (Волшебная палочка), то нет смысла прибегать к использованию контура. Если же область сложна для выделения, то здесь возможностей «волшебной палочки» недостаточно и необходимо строить контур.

Упражнение 5. Создание контуров Выполнив данное упражнение, вы научитесь применять контуры в качестве средства выделения изображений. Процесс выделения проходит в два этапа — построение и непосредственно выделение. Вначале контур необходимо построить (не обязательно очень точно), затем средствами редактирования нужно подогнать его форму под изображение. Попробуйте сделать это на практике. 1. Создайте новый документ и выберите для него белый фон. С помощью команды Window • Paths (Окно • Контуры) отобразите на экране палитру Paths (Контуры), показанную на рис. 4.9. Для построения контура активизируйте инструмент Реп (Перо), щелкнув на его значке в панели инструментов или нажав клавишу Р. Щелкните на кнопке Paths (Контуры) панели свойств и сначала постройте произвольный контур, а затем переходите к созданию реальных изображений.

ы. ш

Рис. 4.9. Палитра Paths

2. Щелкая на холсте инструментом Реп (Перо), постройте контур в виде многоугольника. В местах щелчков мышью программа расставит узлы контура и соединит их отрезками. Если вы строите замкнутый контур (а именно это обычно и требуется для выделения изображений), последний узел области должен совпадать с первым — при подведении указателя инструмента к начальному узлу около указателя должен появиться маленький кружок. Созданный контур отобразится в палитре Paths (Контуры) под именем Work Path (Рабочий контур). Построение контура — занятие довольно однообразное, гораздо интереснее редактировать контур. В Photoshop для этого предусмотрено несколько инструментов.

8 8 Занятие 4. Выделенные области и контуры 3. Активизируйте инструмент Path Selection (Выделение контура), щелкнув на его значке в панели инструментов либо нажав клавишу А. Этот инструмент служит для глобального перемещения контура, то есть всего контура целиком. Второй инструмент данной группы, Direct Selection (Частичное выделение), предназначен для коррекции формы контура путем перемещения его узлов. Активизируйте инструмент и попробуйте перемещать узлы контура. Чтобы понять принцип действия следующего инструмента, вы должны получить некоторые теоретические знания.

Корректирование кривых Прежде чем вы начнете корректировать форму созданного контура, следует познакомиться с принципом, положенным в основу такой коррекции. В программе Photoshop, как и в других графических редакторах, контуры строятся на базе так называемых кривых Безье. Пьер Безье — французский математик, придумавший способ построения кривых, который используется при проектировании в автомобильной промышленности. Впоследствии оказалось, что данный принцип можно применить в компьютерных технологиях для построения кривых в программах растровой и особенно векторной графики. Суть теории кривых Безье заключается в следующем: любой сегмент кривой может быть описан с помощью двух управляющих линий, выходящих из каждого узла. На практике это означает, что кривая должна быть разбита на участки, ограниченные узлами (опорными точками), — это те узлы, с помощью которых вы строите контур (при рисовании контура узлы расставляются программой). Каждый участок кривой будет корректироваться отдельно с помощью двух управляющих линий (программа автоматически добавляет их к каждому узлу). Форма участка кривой зависит от длины управляющей линии и угла ее поворота. Управляющие линии «отвечают» за разные участки кривой, поскольку к каждому узлу примыкают два участка. Таким образом, один участок кривой редактируется двумя управляющими линиями, выходящими из разных узлов (рис. 4.10).

Рис. 4.10. Элементы кривой

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

Контуры 8 9

Упражнение 6. Редактирование контуров Итак, контур построен и теперь требуется его отредактировать. Этот процесс представляет собой изменение формы кривых с помощью управляющих линий. Попробуйте редактировать кривые уже созданного контура. Правда, пока никакие кривые на экране не видны, в наличии имеются только узлы контура, соединенные отрезками. 1. Активизируйте инструмент Convert Point (Редактор узлов), расположенный в одной группе с инструментом Реп (Перо). Заметьте, что быстрая клавиша вызова данного инструмента отсутствует. Для редактирования кривых вам требуются управляющие линии — их можно «вытащить» из узлов. Подведите указатель к любому из узлов контура и попытайтесь его переместить. Он останется на месте, но возле него появятся две управляющие линии. Не отпуская кнопку мыши, попробуйте их перемещать. Обратите внимание на то, что обе линии двигаются одновременно. Так будет происходить до тех пор, пока вы не отпустите кнопку мыши. Теперь начните двигать одну из управляющих линий (перемещать необходимо управляющую точку, находящуюся на конце линии), и вы увидите, что вторая остается неподвижной, — теперь каждую управляющую линию можно редактировать отдельно. Поэкспериментируйте, изменяя длину и угол поворота управляющих, и посмотрите, как они влияют на форму кривой. Еще раз обратите внимание на то, что участок, или сегмент, кривой регулируется двумя управляющими линиями, находящимися на разных границах сегмента. Из этого следует, что сегмент может быть откорректирован по-разному в различных частях, вплоть до придания ему S-образной формы (рис. 4.11).

Рис. 4.11. Варианты редактирования участка кривой ПРИМЕЧАНИЕ Заметьте, что редактируя каждую управляющую линию узла отдельно, вы делаете этот узел угловым, то есть в данном месте образуется резкий переход (угол). Если вам необходим плавный переход, так называемый гладкий узел, вам придется снова «вытащить» управляющие линии из узла инструментом Convert Point (Редактор узлов) и начать все сначала.

9 0 Занятие 4. Выделенные области и контуры 2. При редактировании контура может возникнет необходимость добавить к нему один или несколько узлов. Для этого активизируйте инструмент Add Anchor Point (Добавить узел), расположенный в одной группе с инструментом Реп (Перо). Затем щелкните мышью в нужном месте контура, и на нем сразу же появится новый узел. Удаление лишнего узла выполняется инструментом Delete Anchor Point (Удалить узел), также находящимся в одной группе с инструментом Реп (Перо). Активизируйте инструмент удаления и щелкните на лишнем узле. ПРИМЕЧАНИЕ Кривые можно создавать непосредственно при построении контуров. Для этого в процессе добавления нового узла сместите указатель в каком-либо направлении, не отпуская кнопку мыши. Отрезок превратится в кривую, а из узла появятся две управляющие,

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

Упражнение 7. Выделение части контуров Выделение реального изображения может быть достаточно трудоемким процессом — все зависит от формы изображения. Каждый изгиб требует создания дополнительного узла кривой, каждый новый узел означает дополнительное редактирование сегмента с помощью управляющих линий. Выполнив данное упражнение, вы научитесь уменьшать количество узлов кривой. 1. Откройте файл Ranch House.jpg из папки Samples. Вам нужно выделить изображение шляпы, используя минимальное количество узлов контура. Всегда старайтесь минимизировать количество узлов в контуре, поскольку каждый лишний узел — лишнее редактирование, при котором возможно дополнительное искажение формы. 2. Увеличьте масштаб изображения примерно до 300 %, чтобы увидеть все мелкие детали шляпы. Создайте контур, расставив узлы в следующих местах: • первый узел — на границе изгиба ближе к средине правой стороны шляпы; • второй узел — на краю очень мелкого изгиба внизу чуть левее средины; • третий узел — перед началом прямолинейного участка левой части шляпы; • четвертый узел — в конце этого участка; • пятый и шестой узлы - на границах верхнего прямолинейного участка; D седьмой узел — в том же месте, где первый. После расстановки всех узлов у вас должен получиться примерно такой контур, как контур, показанный на рис. 4.12. 3. «Растяните» окно документа по горизонтали, в противном случае при попытке вытянуть управляющую точку управляющей линии за пределы окна, его содержимое будет прокручиваться. Можете периодически переключать масштаб изображения между реальным и 300 %-м — при большом увеличении края шляпы выглядят нечетко, и вы рискуете просто не попасть в границы,

Контуры 9 1 а с другой стороны, мелкие детали невозможно увидеть при использовании реального масштаба. В первом узле верхнюю управляющую линию оставьте короткой — изгиб в этой части небольшой, и с остальной его частью справится соседняя управляющая линия. Вторую управляющую линию первого узла также сделайте недлинной, чтобы описать правый выступ. Закончите редактирование изгиба с помощью шестого узла — откорректируйте положение управляющих линий шестого и первого узлов таким образом, чтобы «попасть» в данный изгиб. Скорее всего, идеально это не получится, но ваша главная цель сейчас — научиться работать с кривыми, поэтому задача усложняется меньшим количеством узлов. Посредством управляющих второго узла откорректируйте нижнюю часть контура (рис. 4.13).

Рис. 4.12. Неотредактированный контур

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

5. Остальная работа не представляет большой сложности. Оставьте прямолинейным участок между третьим и четвертым узлами и подкорректируйте верхнюю часть контура. ПРИМЕЧАНИЕ Еще раз отметим, что при выполнении данного упражнения вы должны научиться работать с кривыми Безье, поэтому заданное условие, возможно, не соответствует действительности. Здесь можно было бы использовать большее количество узлов, но тогда работа кривых не была бы столь наглядной.

6. Контур создан, однако для того чтобы иметь возможность применять к данному объекту (шляпе) какие-либо действия, его нужно заключить в выделенную область. Процесс превращения контура в выделенную область довольно прост. Созданный вами контур отображается в палитре Paths (Контуры) под именем Work Path и является активным (поэтому он виден на экране). Убедившись в том, что контур активен, щелкните на стрелке, расположенной в правом верхнем углу палитры. В открывшемся меню выберите команду Make Selection (Создать выделение), после чего отобразится одноименное диалоговое окно (рис. 4.14).

9 2 Занятие 4. Выделенные области и контуры 7. В данном случае для редактирования доступен только параметр Feather Radius (Радиус скругления). С его помощью можно выполнить небольшое скругление углов или любых острых краев (если таковые имеются) в выделенной области. Это очень удобно при работе с гладкими контурами изображений, особенно если требуется выделить овальное изображение. Обычно стандартное значение радиуса скругления небольшое - от 1 до 3 пикселов, иначе выделенная область может быть слишком «закруглена». В нашем примере кривые контура сделаны плавными, поэтому можно обойтись минимальным значением радиуса. Введите в поле Feather Radius (Радиус скругления) значение 1 и во избежание появления неровных краев области оставьте установленным флажок Anti-aliased (Сглаживание). Щелкните на кнопке ОК, после чего выделенная область будет готова. Теперь выделенное изображение можно корректировать. Make Selection Eeather Radius: £§LJ

:•••• Operation ;•О О © О

New Selection &dd to Selectbn Subtract from Selection Intersect with Selection

Рис. 4.14. Диалоговое окно Make Selection ПРИМЕЧАНИЕ Команду Make Selection (Создать выделение) можно вызвать также из меню, появляющегося после щелчка правой кнопкой мыши на строке контура в палитре Paths (Контуры). Кроме того, можно использовать одноименную кнопку, расположенную в нижней части этой палитры.

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

Упражнение 8. Дополнительные возможности контуров Выполнив предлагаемое упражнение, вы освоите приемы сохранения, дублирования и заливки контуров, а также очерчивания их цветовым контуром. 1. Продолжите работу с открытым документом. Хотя вы превратили контур в выделенную область, он остался в документе, и ссылка на него по-прежнему есть в палитре Paths (Контуры). Активизировать имеющийся контур очень легко, достаточно щелкнуть на нем мышью. Используя клавиши Ctrl+D, можете также снять выделение области, поскольку она перекрывает имеющийся контур. Кроме корректировки, этот контур можно сохранять, копировать, удалять, заливать и «обводить». Чтобы сохранить контур, достаточно в меню палитры Paths (Контуры) выбрать команду Save Path (Сохранить контур), а затем в открывшемся одноименном диалоговом окне (рис. 4.15) указать имя контура.

Контуры 9 3

Name: j Path : Рис. 4.15. Диалоговое окно Save Path

ПРИМЕЧАНИЕ Создание нового контура означает автоматическое удаление предыдущего. Либо старый контур, если он был активен при создании нового контура, просто сливается с ним. Поэтому настоятельно рекомендуем вам сохранять контуры, присваивая им имена, так как это единственный способ хранения в одном документе нескольких контуров.

2. Скопировать можно только сохраненный контур, на активный контур эта возможность не распространяется. Для копирования откройте меню палитры и выберите команду Duplicate Path (Дублировать контур). Эта же команда доступна, если щелкнуть правой кнопкой мыши на строке контура в палитре Paths (Контуры). 3. Для удаления контура выделите скопированный контур и используйте один из четырех способов: вызовите команду Delete Path (Удалить контур) контекстного меню, щелкните на кнопке Delete current path (Удалить текущий контур) в правом нижнем углу палитры, перетащите строку контура на кнопку Delete current path (Удалить текущий контур) или выделите контур инструментом Path Selection (Выделение контура) и нажмите клавишу Delete (Удалить). 4. Очень полезными являются возможности заливки и «обводки» контуров. Для того чтобы залить контур цветом, активизируйте команду Fill Path (Залить контур) меню палитры Paths (Контуры). В открывшемся диалоговом окне Fill Path (Залить контур), показанном на рис. 4.16, выберите один из уже известных вам способов заливки. В этом окне можно задать значение радиуса сглаживания, о чем рассказывалось выше.

•Contents: Use; j Foreground Coo lr ютвш&т

• Be lndn ig Mode: I Normal Opactyi: \ o lo j Feather Radu is: E3 Ant-iaa ils Рис. 4.16. Диалоговое окно Fill Path

Ж №i,

94

Занятие 4. Выделенные области и контуры

5. Чтобы «обвести» контур, выберите команду Stroke Path (Обвести контур) меню палитры Paths (Контуры). После этого откроется диалоговое окно Stroke Paths (Обвести контур), показанное на рис. 4.17. Здесь можно выбрать инструмент обводки контура. Но прежде чем открывать окно, необходимо установить для будущего инструмента обводки параметры: цвет, толщину линии и некоторые другие.

Рис. 4.17. Диалоговое окно Stroke Path

6. В заключение остановимся на еще одной возможности при работе с контурами. В контур может быть преобразована выделенная область. Для выполнения такого преобразования выберите в меню палитры Paths (Контуры) команду Make Work Path (Создать рабочий контур) и в отобразившемся одноименном окне, показанном на рис. 4.18, укажите величину допуска, который определяет степень точности построения контура. Make Work Path

Рис. 4.18. Диалоговое окно Make Work Path

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

Упражнение 9. Создание контуров методом рисования Контуры, как и выделенные области, можно рисовать вручную, используя для этого инструмент Freedom Pen (Свободное перо) в разных режимах. 1. Откройте файл Ducky.tif. Вам предстоит выполнить то же задание, что и при создании выделенных областей с помощью инструментов Lasso (Лассо), — выделить клюв утенка. 2. Вначале сделайте это в режиме «свободного рисования». Активизируйте инструмент Freedom Pen (Свободное перо). Принцип его работы такой же, как

Стандартные фигуры и контуры 9 5 у инструмента Lasso (Лассо) - обводка части изображения вручную, — но получаемый результат другой. При работе с инструментом Lasso (Лассо) выделяется область, а при использовании инструмента Freedom Pen (Свободное перо) — контур. 3. На панели свойств установите флажок Magnetic (Магнитный). Вы получите в свое распоряжение «магнитное перо» - полный аналог инструмента Magnetic Lasso (Магнитное лассо). Выделите клюв утенка таким же способом, как вы выделяли его названным инструментом. ПРИМЕЧАНИЕ Контуры, созданные инструментом Freedom Pen (Свободное перо), в частности при установленном флажке Magnetic (Магнитный), редактируются так же, как и созданные инструментом Реп (Перо).

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

Стандартные фигуры и контуры Photoshop предоставляет в ваше распоряжение достаточно большой набор инструментов, предназначенных, в первую очередь, для работы с векторной графикой. Это инструменты создания всевозможных фигур. Помимо стандартных фигур, таких как прямоугольник, эллипс, многоугольник, существует также целый набор всевозможных заготовок практически на все случаи жизни. Важной особенностью при создании контура является возможность построения его в форме фигуры — достаточно лишь выбрать правильный режим. Для создания фигур в программе Photoshop предусмотрено три режима. Любой из них можно выбрать с помощью кнопок панели свойств. Активизируйте инструмент Rectangle (Прямоугольник) на панели инструментов либо воспользуйтесь клавишей быстрого вызова U. Теперь панель свойств будет выглядеть так, как показано на рис. 4.19.

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

Режимы рисования представлены первыми тремя кнопками панели свойств. После щелчка на кнопке Shape Layers (Контурный слой) программа будет создавать контурные слои (о них будет рассказано позже), выбор кнопки Path (Контуры) даст возможность создавать контуры в форме выбранной фигуры. При использовании последнего режима, Fill Pixels (Заливка пикселов), вы сможете получить обычные фигуры.

9 6 Занятие 4. Выделенные области и контуры

Упражнение 10. Создание стандартных фигур Рассмотрим свойства и параметры стандартных геометрических фигур, таких как прямоугольник, эллипс и многоугольник. 1. Активизируйте инструмент Rectangle (Прямоугольник). Включите режим Path (Контуры). Щелкните в той точке, с которой должно начинаться рисование, и, удерживая нажатой левую кнопку мыши, перемещайте указатель, пока не будет нарисована требуемая фигура. Отпустите кнопку мыши, и вы получите контур в форме прямоугольника. Теперь откройте палитру Paths (Контуры). Созданный контур отображается в ней под именем Work Path (Рабочий контур). Сам контур можно редактировать обычным для контура способом. 2. Если вы хотите получить фигуру с точными размерами или пропорциями, воспользуйтесь элементами управления, расположенными в окне Rectangle Options (Свойства прямоугольника), которое показано на рис. 4.20. Это окно отображается после щелчка на черном треугольнике, находящемся в самом конце панели свойств.

Rectangle Options (^Unconstrained I QpixedSize W: F : i (3Proportional W; ;

JHrfP Hi I

! ПРГОПП Canter ..j

~~j Snap to Pixels

I

Рис. 4.20. Окно Rectangle Options

По умолчанию выбран переключатель Unconstrained (Непропорциональный), то есть рисование происходит в произвольном режиме. Для того чтобы нарисовать прямоугольник с заданными размерами, введите соответствующие значения в поля W и Н, предварительно установив переключатель Fixed Size (Фиксированный размер). В нижних полях W и Н задаются пропорции по ширине и высоте, при этом должен быть установлен переключатель Proportional (Пропорциональный). Переключатель Square (Квадрат) выбирается в том случае, когда нужно нарисовать квадрат. Установка флажка From Centre (Из центра) приведет к тому, что рисование прямоугольника будет начато из центра. При установке флажка Snap to Pixels (Привязка по пикселам) края изображения (особенно углы) станут более четкими. Используя перечисленные возможности программы, нарисуйте несколько прямоугольников - с фиксированными размерами, пропорциями и т. д. 3. Для рисования прямоугольников со скругленными углами существует специальный инструмент - Rounded Rectangle (Скругленный прямоугольник). Параметры у него те же, что и у обычного прямоугольника, но добавлен еще радиус скругления углов. Его следует вводить в поле Radius (Радиус) окна, показанного на рис. 4.21.

Стандартные фигуры и контуры 9 7

Rounded Rectangle Options @Unconstrained Q Square Q Fixed Size W; ^Proportional siV; i LJFrom Center

]

'• .

]j

_J Snap to Pixels I

Рис. 4.21. Окно Rounded Rectangle Options

Эллипсы и окружности создаются по тому же принципу, но с помощью инструмента Ellipse (Эллипс). Окно для установки параметров в этом случае называется Ellipse Options (Свойства эллипса). Это окно представлено на рис. 4.22. Оно отличается от окна Rounded Rectangle Options (Свойства скругленного прямоугольника) тем, что на месте элемента Square (Квадрат) в нем расположен элемент Circle (Окружность), точнее, полностью он называется Circle (Draw diameter or radius). При обычном способе рисования окружности вы обозначаете диаметр; если же после начала процесса рисования нажать и удерживать клавишу Alt, то будет указан радиус. Иногда такое различие существенно, например, если нужно нарисовать окружность, зная, где находится ее центр. Чтобы понять разницу, попробуйте нарисовать изображение, используя обе возможности.

Ellipse Options (*) Unconstrained \J) Circle (draw diameter or radius) Size

v./; !



| О Proportional \ \_\ From Center Рис. 4.22. Окно Ellipse Options

5. Теперь создайте многоугольник. Если вы еще не меняли установки, попробуйте сделать это в режиме Fill Pixels (Заливка пикселов). Принцип О создания тот же — перемещайте указатель при нажатой кнопке мыши. Активируйте инструмент Polygon (Многоугольник) и нарисуйте фигуру, предварительно задав в поле Sides (Стороны) количество ее сторон. Некоторые параметры многоугольника можно изменять до начала процесса его создания. Часть параметров, отображаемых на панели свойств, вам уже знакома, например Opacity (Непрозрачность) и Anti-aliased (Сглаживание). Еще раз напомним, что, уменьшая значение в поле Opacity (Непрозрачность), вы делаете изображение более прозрачным, а после установки флажка Anti-aliased (Сглаживание) края изображения становятся более гладкими. Рассмотрим

9 8 Занятие 4. Выделенные области и контуры свойства, которые устанавливаются в окне Polygon Options (Свойства многоугольника). Отметим сразу, что это окно несколько отличается от трех предыдущих (рис. 4.23). -Polygon Options Radius: j Corners

Рис. 4.23. Окно Polygon Options

Поле Radius предназначено для указания точных величин — числовое значение, введенное в поле, задает радиус описанной окружности. Установка флажка Smooth Corners (Сглаживание углов) позволяет значительно сгладить углы многоугольника, а флажка — рисовать многоугольники в виде звезды. Установите флажок Star (Звезда) и введите в поле Sides (Стороны) значение 5. В результате вы получите обычную пятиконечную звезду. Активизация флажка Star (Звезда) открывает доступ к группе параметров, управляющих параметрами созданного с его помощью многоугольника: в поле Indent Sides by (Углублять стороны на) указывается значение глубины лучей (чем больше величина, тем более остроконечной будет звезда). С помощью установки флажка Smooth Indents (Сгладить углубления) можно добиться сглаживания внутренних углов (по аналогии с внешними). Мы описали параметры всех фигур и все режимы, кроме Shape Layers (Контурный слой), о котором речь пойдет позже.

Упражнение 11. Использование линий Инструмент Line (Линия) находится в той же группе инструментов, что и стандартные фигуры, поэтому найти его вам будет не сложно. 1. Активизируйте инструмент Line (Линия). Введите в поле Width (Шири\ на) значение 5 — это толщина будущей линии. Теперь нарисуйте ее. 2. Создайте линии под углами 0, 45 и 90°, для этого, удерживая клавишу Shift, перемещайте указатель приблизительно под требуемым углом. 3. Теперь создайте линии со стрелками. Для этого щелкните на стрелке, расположенной перед полем Width (Ширина), и откройте окно Arrowheads (Стрелки), показанное на рис. 4.24. Установка флажков Start (Начало) и/или End (Конец) позволяет поместить стрелки на соответствующих концах линий. Остальные параметры используются для того, чтобы регулировать форму стрелки.

Стандартные фигуры и контуры 9 9

Arrowheads • End Width:

Length! |_1000%__] Concavity: [ 0 % Рис. 4.24. Окно Arrowheads

В поле Width (Ширина) указывается ширина наконечника в процентном отношении к толщине линии (значение по умолчанию 500 % указывает, что ширина стрелки в пять раз больше толщины линии). То же самое относится к параметру Length (Длина) — задается длина наконечника относительно толщины линии. Последний параметр, Concavity (Вогнутость), определяет форму наконечника. Диапазон его значений от -50 до +50 %. Значение -50 % соответствует максимально вогнутому наконечнику, +50 - максимально выпуклому, а нулевое значение параметра означает ровную форму наконечника. Точно так же, как фигуры, линия может быть контуром. Для этого перед созданием линии необходимо щелкнуть на кнопке Paths (Контуры) панели свойств.

Упражнение 12. Применение набора заготовок для создания фигур Как уже говорилось ранее, Photoshop содержит большой набор'шаблонов различных фигур, что само по себе достаточно удобно, поскольку теперь вам не нужно создавать изображение или импортировать его из других приложений. 1. Для того чтобы воспользоваться библиотекой заготовок, активизируйте инструмент Custom Shape (Настраиваемая форма) и посмотрите на его пау раметры. Из списка Shape (Форма) панели свойств, показанного на рис. 4.25, выберите понравившуюся вам заготовку и нарисуйте ее на экране, как любую другую графическую фигуру.

Рис. 4.25. Заготовки в списке Shape

1 0 0 Занятие 4. Выделенные области и контуры 2. Щелкните на кнопке Geometry options (Геометрические параметры). Откроется окно Custom Shape Options (Параметры настраиваемой формы), показанное на рис. 4.26. Назначение представленных в нем элементов следующее: D Defined Proportions (Определенные пропорции) — с помощью данного переключателя можно нарисовать изображение сколь угодно большим или маленьким, но нельзя изменить его пропорции; Custom Shape Options 1 ©Unconstrained : QDeftned Proportions I QDefined S i ! e I Q Fixed Size

Wi j

^ | | |From Center Рис. 4.26. Окно Custom Shape Options

• Defined Size (Определенный размер) — после выбора этого переключателя создавать фигуру, протягивая указатель, бессмысленно, поскольку изображение будет иметь фиксированный размер, вам необходимо лишь щелкнуть мышью на холсте; D Fixed Size (Фиксированный размер) - установив данный переключатель, вы должны задать размеры в полях W и Н, но учтите, что при этом легко исказить пропорции заготовки; • Unconstrained (Непропорциональный) — переключатель задан по умолчанию, и никаких ограничений при создании фигуры нет; • From Center (Из центра) - если установлен этот флажок, фигура будет «растягиваться» от центра. 3. Снова вернитесь к списку Shape (Форма). Следующим заданием будет пополнение списка заготовок. Скорее всего, вы не удивитесь, узнав, что набор представленных в окне заготовок далеко не полный. Весь список можно увидеть, щелкнув на стрелке в правом углу окна, — он отобразится в нижней части окна. Заготовки разбиты на группы: Animals (Животные), Arrows (Стрелки), Banners (Баннеры) и т. д. Выберите любую из них, и Photoshop заменит набор заготовок, предварительно затребовав подтверждение (рис. 4.27). Впрочем, если щелкнуть на кнопке Append (Добавить), выбранный набор добавится к текущему.

Adobe Photqshop

iilii—F?-

•\ Repa l ce current shapes with the shapes from * Animals, csh? I.".. ~OK """"1 { Cancej ")[ Append Рис. 4.27. Окно подтверждения замены набора заготовок

Подведение итогов 1 0 1 4. Вы можете упростить задачу выбора набора заготовок, попросту отобразив в окне все группы одновременно. Для этого выделите элемент АН (Все) в списке Shape (Форма). Если такое количество заготовок покажется вам слишком большим, замените их заготовками, устанавливаемыми по умолчанию. Для этих целей в списке Shape (Форма) предусмотрен элемент Reset (Сброс). Использование остальных команд этой части меню — Load (Загрузить), Save (Сохранить), Replace Shapes (Заменить формы) — позволяет загрузить, сохранить или заменить текущие заготовки. Как и все предыдущие фигуры, заготовки могут быть размещены на холсте в виде контуров. Для этого достаточно щелкнуть на соответствующей кнопке. Теперь вы знакомы и с набором изображений-заготовок, которые могут стать существенным подспорьем в работе.

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

ЗАНЯТИЕ 5

Редактирование изображений

ТЕМА ЗАНЯТИЯ На предыдущем занятии вы освоили способы выделения изображений, а теперь научитесь их трансформировать и узнаете, какие эффекты можно получить, используя трансформирование. Здесь будут рассмотрены следующие вопросы: • инструменты и методы трансформирования; • эффекты трансформирования; • корректировка размеров холста; • средства выравнивания; • кадрирование изображений.

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

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

Упражнение 1. Простейшие операции трансформирования К простейшим операциям трансформирования можно отнести масштабирование и вращение. Попрактикуйтесь в выполнении этих действий. 1. Создайте документ с прозрачным фоновым слоем. На холсте выделите прямоугольную область, размер которой не превышает четверти холста, и разместите ее немного левее и ниже центра - таким образом вы оставите место на холсте для трансформирования. Залейте область цветом. Далее переходите к командам трансформирования. Все они содержатся в подменю (рис 5.1), которое открывается после вызова команды Edit • Transform (Правка • Трансформирование). Again Shift+Ctrl+T Scale Rotate Skew Distort Perspective Warp Rotate 180° Rotate 90° CW Rotate 90° CCW Flip Horizontal Flip Vertical Рис. 5.1. Команды подменю Transform меню Edit ВНИМАНИЕ Для того чтобы начатая операция трансформирования была завершена, по ее окончании необходимо нажать клавишу Enter. Если же вы хотите отменить выполнение начатой операции, нажмите клавишу Esc.

1 0 4 Занятие 5. Редактирование изображений 2. Активизируйте команду Edit • Transform • Scale (Правка • Трансформирование • Масштаб), предназначенную для масштабирования изображений. Эта операция осуществляется путем перемещения одного из восьми расположенных по краям изображения маркеров, которые появляются после вызова команды. Для увеличения рисунка перетащите маркер за пределы изображения, а для уменьшения — внутрь изображения. Перемещение верхнего/нижнего или левого/правого боковых маркеров приводит к растягиванию изображения по высоте либо ширине соответственно (то есть к непропорциональному изменению размера). Если вы хотите изменять масштаб пропорционально, при перемещении одного из угловых маркеров удерживайте нажатой клавишу Shift.

ПРИМЕЧАНИЕ После выполнения подобных операций всегда сначала отпускайте кнопку мыши и только затем — клавишу Shift.

То же самое можно сказать и об угловых маркерах, только при их перемещении изменяются как ширина, так и высота изображения. После выполнения всех манипуляций нажмите клавишу Enter для подтверждения трансформирования или Esc — для его отмены. 3. Отмените выполненные действия и вызовите команду Edit • Transform • Rotate (Правка • Трансформирование • Поворот). Теперь попробуйте поворачивать изображение. Если во время поворота удерживать нажатой клавишу Shift, изображение будет вращаться скачкообразно, каждый раз меняя угол поворота на 15°. Еще одна возможность — переместить центр вращения объекта (причем его можно даже вынести за пределы изображения). Переместите центр — маленькое изображение мишени в геометрическом центре фигуры — и начните поворачивать объект. Центр вращения легко вернуть на исходную позицию, для этого достаточно передвинуть его посредством мыши приблизительно к центру фигуры, и маркер сам займет прежнее место. Теперь вы знаете, как выполнять простейшие операции трансформирования и можете переходить к другим операциям, которые, помимо собственно трансформирования, позволяют также создавать спецэффекты.

Упражнение 2. Наклон, искажение и перспектива Далее ваша задача заключается в том, чтобы изучить оставшиеся команды трансформирования и, выполнив примеры, освоить создание различных эффектов с помощью этих команд.

Следующая операция - наклон изображения, который осуществляется с помощью команды Edit • Transform • Skew (Правка • Трансформирование • Наклон) Выполнить наклон можно по горизонтальной или вертикальной оси в зависимости от того, к какой части изображения вы подведете указатель. Позиционируйте указатель, а затем перемещайте его в направлении, указанном стрелками. Попробуйте выполнить простой пример с использованием этого эффекта, создав изображение папки с выпадающим из нее листом (рис. 5.2).

Трансформирование изображений 1 0 5



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

моугольную выделенную область, пропорции которой примерно соответствуют пропорциям папки, и залейте ее не слишком темным цветом. 2. Примените команду Edit • Stroke (Правка • Контур). В открывшемся диалоговом окне Stroke (Контур) выберите максимально темный (лучше всего черный) цвет обводки контура, щелкнув на образце Color (Цвет), а в поле Width (Ширина) установите толщину контура — 2 или 3 пиксела. Хотя этого пока не видно, папка обведена рамкой. Ни в коем случае не снимая выделения, сделайте копию изображения, переместив его немного в сторону при нажатых клавишах Shift+Ctrl+Alt. Выполните команду Edit • Transform • Skew (Правка • Трансформирование • Наклон). Отклоните прямоугольник немного вверх, чтобы итоговое изображение выглядело, как приоткрытая папка (см. рис. 5.2). Затем нажмите клавишу Enter. Теперь надо слегка сжать первую (лицевую) страницу обложки папки. Для этого активизируйте команду Edit • Transform • Scale (Правка • Трансформирование • Масштаб) и переместите правый центральный маркер на небольшое расстояние влево. Снова нажмите клавишу Enter, после чего можете снять выделение. Папка готова, осталось только «вложить» в нее лист бумаги. Конечно, все это можно было бы сделать на разных слоях, используя один слой для первой страницы обложки, второй - для четвертой (обратной) и третий — для листа бумаги. Но в этом упражнении попробуйте обойтись одним слоем. Создайте прямоугольную выделенную область, которая будет немного меньше по горизонтали, чем четвертая страница обложки, и будет начинаться чуть ниже верхнего края обложки, а заканчиваться немного ниже ее нижнего края. Активизируйте инструмент Paint Bucket (Заливка), убедитесь, что для него установлено значение параметра Tolerance (Допуск), принятое по умолчанию и равное 32, выберите для заливки белый цвет и щелкните инструментом сначала на пустой нижней части выделенной области, а затем в любом месте между правой границей выделенной области и краем первой страницы обложки. Теперь «лист бумаги» практически готов. Осталось только убрать тонкую полосу с контура, щелкнув инструментом Paint Bucket (Заливка) точно на ней. Основное назначение команды Distort (Искажение) - искажение изображения, но мы используем ее с другой целью: попробуем расположить папку в иной

1 0 6 Занятие 5. Редактирование изображений плоскости. Однако вначале все же нужно выполнить обычное искажение. Активизируйте команду Edit • Transform • Distort (Правка • Трансформирование • Искажение) и попробуйте перемещать маркеры. Обратите внимание на то, что никаких ограничений на перемещение любого из них не налагается. После этого нажмите клавишу Esc и сохраните изображение папки для следующего действия. 8. Снова выполните команду Edit • Transform • Distort (Правка • Трансформирование • Искажение) и переместите правый верхний маркер влево вниз. Левый нижний маркер потяните вправо вверх, а правый нижний маркер — влево вверх, примерно так, как показано на рис. 5.3. 9. Отмените последнее действие и, используя то же изображение папки, попробуйте создать эффект перспективы. Выполните команду Edit • Transform • Perspective (Правка • Трансформирование • Перспектива). Для создания эффекта переместите правый верхний маркер влево (внутрь рамки), а затем центральный верхний маркер — вправо. Чтобы усилить эффект перспективы, изображение необходимо сжать по вертикали, используя команду Edit • Transform • Scale (Правка • Трансформирование • Масштаб). Применение эффекта перспективы показано на рис. 5.4.

Рис. 5.3. Результат применения команды Distort

Рис. 5.4. Эффект перспективы

Если из всех перечисленных операций вас интересуют только две - масштабирование и вращение, — не обязательно вызывать соответствующие им команды Scale (Масштаб) и Rotate (Вращение), достаточно воспользоваться командой Free Transform (Свободное трансформирование) меню Edit (Правка), которая позволяет выполнить обе операции. Эту команду можно активизировать также с помощью клавиш Ctrl+T. Операции масштабирования, вращения и наклона выполняются посредством элементов панели свойств. В меню Edit (Правка) активизируйте одну из команд трансформирования. Проще всего вызвать команду Free Transform (Свободное трансформирование), поскольку это можно сделать с помощью клавиш Ctrl+T. В результате на панели свойств (рис. 5.5) появятся поля ввода — для выполнения трансформирования достаточно будет ввести в них нужные числовые значения.

Рис. 5.5. Панель свойств после активизации команды Free Transform

Трансформирование изображений 1 0 7 В полях X и Y можно задать точные координаты так называемой якорной точки рамки. Якорной точкой может быть один из девяти маркеров рамки (восемь маркеров и центральная точка — центр вращения). Выбор якорной точки осуществляется с помощью элементов области Reference point location (Положение точки). В полях W и Н указывают значения ширины и высоты (в процентах) для установки масштаба изображения. По умолчанию эти поля независимы: изменение ширины не влияет на высоту и наоборот. Но такое изменение можно сделать зависимым, достаточно лишь щелкнуть на кнопке Maintain aspect ratio (Сохранять пропорцию сторон), расположенной между этими двумя полями. Угол поворота вводится в поле Rotate (Вращение), а параметры наклона задаются в полях Н (по горизонтали) и V (по вертикали). Чтобы подтвердить трансформирование, щелкните на кнопке Commit transform (Подтвердить трансформирование), а чтобы отменить предварительные результаты — на кнопке Cancel transform (Отменить трансформирование). И конечно, нельзя не упомянуть о новшестве в программе Photoshop - возможности трансформировать изображения путем наложения специальной деформирующей сетки. Об этом вы узнаете подробнее в следующем упражнении.

Упражнение 3. Деформирование изображения Итак, что же собой представляет деформирование изображения с помощью специальной сетки. Представьте себе ровную поверхность из какого-нибудь пластического материала (наподобие пластилина или воска), на которую наложена сетка из тонкой металлической проволоки. У вас есть возможность приподнимать узлы этой сетки над поверхностью или вдавливать их - в результате рельеф поверхности соответствующим образом изменится. Новый вид искажения, появившийся в Photoshop CS2, предназначен для создания подобного эффекта. 1. Откройте файл Sunflower.psd и выделите изображение цветка (без стебля). Это легко можно сделать одним щелчком инструмента Magic Wand (Волшебная палочка). Установите допуск инструмента порядка 160-180 и щелкните на лепестке цветка, имеющего умеренную желтую окраску. Нежелательное выделение (например, на стебле или листьях) легко можно убрать с помощью инструмента Rectangle Marquee (Прямоугольное выделение), предварительно щелкнув на кнопке Subtract from selection (Исключить из выделения), находящейся на панели свойств. Точно так же участки, которые оказались невыделенными (например, в середине цветка), можно включить в выделенную область, воспользовавшись тем же инструментом Rectangle Marquee (Прямоугольное выделение), щелкнув при этом на кнопке Add to selection (Добавить к выделению). 2. Выполните команду Edit • Transform • Warp (Правка • Трансформирование • Деформация) — поверх выделенной области будет добавлена сетка и маркеры для ее редактирования. 3. На панели свойств, показанной на рис. 5.6, имеется набор готовых эффектов, так что вы можете не утруждать себя перемещением узлов сетки. Раскройте список Warp (Деформация) и поочередно попробуйте применить различные

1 0 8 Занятие 5. Редактирование изображений эффекты. К изображению, с которым вы работаете, удобно применить эффект Shell Lower (Оболочка вниз), нужно только немного подкорректировать параметры искажения. Warp:

Bend-i50,0 % i Hi i 0,0

Vt i 0,0 \% :

Рис. 5.6. Так выглядит панель свойств после включения режима деформирования

4. В поле Bend (Изгиб) уменьшите установленное по умолчанию значение изгиба (именно степень изогнутости изображения регулируется в этом поле — значения от -100 до 100 %) до 30 %. При желании можно также изменить степень искажения по горизонтали и по вертикали (поля Н (Гориз.) и V (Вертик.) соответственно; допустимые значения также лежат в диапазоне от -100 до 100). ПРИМЕЧАНИЕ Обратите внимание, что в ряде случаев искажение приводит к появлению ничем не заполненного пространства. Поскольку цветок и фон находятся на одном слое, придется заливать пустые места имеющимся фоном. Еще лучше в данном случае удалить фон и создать другой фон на новом слое.

5. Вернемся в исходную позицию. Попробуем теперь выполнить деформирование вручную. Для начала удалите фон, выделите цветок и снова выполните команду Edit • Transform • Warp (Правка • Трансформирование • Деформация). Возможностей для трансформирования очень много. Вы можете, например, сначала «поднять» внутренние линии сетки (рис. 5.7), затем «опустить» верхние угловые маркеры, выровняв верхнюю горизонтальную линию сетки так же, как вы редактировали контуры (рис. 5.8). Конечно, линию сетки не обязательно выравнивать идеально — смотрите на форму цветка и оставляйте то положение, которое вам больше нравится. Sunfo l wer-psd S 100» (Layer 1, RGB/8) is ж :;s is з s: ь s>: :s: ». a s a» is is. >:;. is ;;; ss я й s:

IflM

Рис. 5.7. Внутренние линии сетки подняты

Рис. 5.8. Угловые маркеры опущены, верхняя линия сетки выровнена

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

Трансформирование изображений

109

Упражнение 4. Создание эффекта тени для изображений В этом упражнении вы создадите эффект тени для изображения утенка. В качестве тени будет использоваться само изображение утенка, трансформированное соответствующим образом. 1. Откройте файл Ducky.tif из папки Samples. С помощью команды Layer • Duplicate Layer (Слой • Дублировать слой) или Duplicate Layer (Дублировать слой) всплывающего меню палитры Layers (Слои) сделайте копию фонового слоя, а затем удалите его. 2. Используя инструмент Magic Wand (Волшебная палочка), выделите вокруг утенка фон и удалите его. 3. Посредством команды Edit • Transform • Scale (Правка • Трансформирование • Масштаб) уменьшите изображение утенка и поместите его в левом нижнем углу холста. 4. Для формирования тени вам понадобится второй слой, поэтому создайте копию слоя. Сделайте активным нижний слой и выполните команду Edit • Transform • Perspective (Правка • Трансформирование • Перспектива). Создайте эффект перспективы, используя методику, описанную в предыдущем упражнении: правый верхний угловой маркер подвиньте влево, а центральный верхний маркер переместите вправо. После применения эффекта перспективы с помощью команды Scale (Масштаб) уменьшите изображение по вертикали, чтобы оно было подобно тени, лежащей на плоской поверхности. Перед трансформированием изображения просмотр верхнего слоя можно отключить (если он вам мешает). 5. Теперь выполните заливку изображения. Выделите с помощью «волшебной палочки» пространство вокруг утенка, затем примените команду Select • Inverse (Выделение • Инверсия). Когда утенок будет выделен, выберите с помощью панели инструментов цвет заливки (светло-серый), активизируйте инструмент Paint Bucket (Заливка), установите для него в поле Tolerance (Допуск) максимальное значение (255) и выполните заливку области. После этого снимите выделение. 6. Чтобы сделать изображение более реалистичным, попробуйте выполнить размывку тени. Активизируйте инструмент Blur (Размытие), затем в списке Brush (Кисть) панели свойств увеличьте размер используемой по умолчанию кисти до 100 пикселов, а в поле Strenght (Интенсивность) установите максимальное значение - 100 %. 7. Продолжайте выполнять те же действия до тех пор, пока результат размывки вас не удовлетворит. Сделайте видимым изображение верхнего слоя, если ранее вы его отключили. Готовое изображение представлено на рис. 5.9.

Рис. 5.9. Эффект тени

1 1 0 Занятие 5. Редактирование изображений Как видите, создать эффект тени довольно просто, необходимо лишь правильно трансформировать изображение. Далее будут рассмотрены другие свойства трансформирования.

Дополнительные свойства трансформирования К дополнительным свойствам трансформирования можно отнести возможность зеркального отображения изображений по горизонтали и по вертикали. Для реализации этих возможностей в программе предусмотрены команды Edit • Transform • Flip Horizontal (Правка • Трансформирование • Отражение по горизонтали) и Edit • Transform • Flip Vertical (Правка • Трансформирование • Отражение по вертикали). Кроме того, вам следует освоить команды поворота изображений на 180° и 90° по часовой стрелке и против нее. К сожалению, данные команды не имеют клавиатурных эквивалентов, что несколько затрудняет их выполнение. Наконец, следует упомянуть еще одну полезную команду — Edit • Transform • Again (Правка • Трансформирование • Снова), позволяющую повторить последнее трансформирование. Ее следует применять, если нужно, например, поэтапно поворачивать объект на несколько градусов. При этом удобно пользоваться клавиатурным эквивалентом команды — клавишами Ctrl+Shift+T, которые следует нажимать столько раз, сколько требуется для получения нужного результата.

Трансформирование контуров, выделенных областей и нескольких изображений Все рассмотренные ранее средства трансформирования применимы и к контурам. Их используют таким же образом, как и для изображениий. Следует создать контур, активизировать его инструментом Path Selection (Выделение контура), а затем в подменю Edit > Transform Path (Правка • Трансформировать контур) вызвать соответствующую команду. Команды трансформирования, кроме команд Distort (Искажение) и Perspective (Перспектива), можно применять не только ко всему контуру, но и к любому его участку. Но если для трансформирования контура его необходимо выделить с помощью инструмента Path Selection (Выделение контура), то выделение участка контура выполняется посредством инструмента Direct Selection (Частичное выделение), при этом необходимо удерживать клавишу Shift, отмечая каждый узел. В данном случае будет использоваться команда Transform Points (Трансформировать узлы) меню Edit (Правка). Выделенные области можно также трансформировать с помощью изменения масштаба и путем вращения. Для этого создайте выделенную область и выполните команду Select • Transform Selection (Выделение • Трансформирование выделения). Выделенная область будет заключена в рамку с маркерами, подобную той, которая появляется при трансформировании изображений. Вам остается лишь изменить положение соответствующих маркеров. Чтобы трансформировать одновременно несколько изображений без предварительного выделения, выполните команду Edit • Transform (Правка • Трансформирование). В этом случае активным должен быть слой, отличный от фонового. Вторая возможность выполнить данную операцию — установить флажок Show

Изменение размеров изображений 1 1 1 bounding box (Показать ограничивающую рамку) на панели свойств и воспользоваться инструментом Move (Перемещение).

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

Упражнение 5. Кадрирование изображений Часто приходится удалять из изображений, в частности фотографий, отдельные детали без применения средств выделения. Это могут быть, скажем, дефекты краев фотографии либо белые области по краям документа, появившиеся вследствие неправильного расположения фотографий при сканировании нескольких снимков одновременно (все фотографии можно отсканировать вместе, а затем отделить друг от друга и сохранить в виде отдельных файлов). Во всех подобных случаях неудобно выделять области и затем перетаскивать выделенное изображение на новый документ — лучше воспользоваться операцией, называемой кадрированием. Попробуете выполнить такую операцию на практике. 1. Откройте из папки Samples файл Vacation.tif, в котором находятся три фотографии. Ваша задача — разделить их и сохранить в виде отдельных файлов. 2. Активизируйте инструмент Crop (Обрезка). Можете использовать для этого быструю клавишу С. Начните работу с правой верхней фотографии. Создайте вокруг нее рамку, как при создании выделенной области. Рамка не обязательно должна точно соответствовать границам фотографии, поскольку в данном случае частью снимка можно пожертвовать. 3. Отпустите мышь, и вы увидите, что часть изображения, оказавшаяся вне рамки, затемнена, а на самой рамке появились восемь маркеров, с помощью которых можно корректировать ее размеры (рис. 5.10). При необходимости подкорректируйте размеры и положение рамки. Точно выполнить эти операции вам поможет палитра Info (Инфо) - она открывается после вызова команды Window • Info (Окно • Инфо) либо нажатия клавиши F8. В правом нижнем углу палитры в полях W и Н будут отображаться размеры рамки в заданных единицах измерения. ПРИМЕЧАНИЕ Обратите внимание, что в меню Window (Окно) была доступна только команда Info (Инфо). Всеми остальными командами вы не сможете воспользоваться до окончания операции кадрирования, то есть до нажатия клавиши Enter для подтверждения выполнения операции либо клавиши Esc для ее отмены.

4. Подтвердите операцию, нажав клавишу Enter. Сохраните фотографию в виде отдельного файла с другим именем, например Vacationl.tif. Теперь кадрирование необходимо проделать для двух оставшихся фотографий.

1 1 2 Занятие 5. Редактирование изображений

Рис. 5.10. Рамка кадрирования изображения

5. Откройте палитру History (События) и выберите первое действие (Open). Снова активизируйте инструмент Crop (Обрезка) и выполните кадрирование для следующей фотографии. Затем повторите все выполненные действия: сохраните фотографию под новым именем, вернитесь к первому действию и т. д. Для того чтобы ваша работа была безукоризненной, внимательно изучите все параметры инструмента Crop (Обрезка). В полях Widht (Ширина) и Height (Высота) панели свойств (рис. 5.11) задаются размеры изображения, которое получится после выполнения кадрирования. Например, если вы ввели в оба поля одинаковые значения, рамка будет квадратной. ; "fej. ' ', Width: [

|S i r Height: j

!.; Rusou l to i m |^

N pxies l vn i ch :



• •

;

i

;

i

1

i

;

i

1

1

1

v

[ .

F

r

o

n

t

I

m

a

g

e

]

[

p

e

a

r

1

!

Рис. 5.11. Панель свойств инструмента Crop

ПРИМЕЧАНИЕ Обратите внимание, что вы указываете не размер кадрирующей рамки, а размер изображения после кадрирования. Эти размеры могут существенно отличаться. Будьте внимательны, задавая размеры при кадрировании, — впоследствии могут возникнуть проблемы, связанные с разрешением и размерами документа (более подробно этот вопрос будет рассмотрен позже).

Поле Resolution (Разрешение) предназначено для установки величины разрешения кадрируемого изображения. Щелчок на кнопке Front Image (Переднее изображение) приводит к автоматическому вводу в поля Width (Ширина), Height (Высота) и Resolution (Разрешение) значений, относящихся к изображению. Кнопка Clear (Очистить) используется для удаления всех ранее введенных в указанные поля значений. Остальные параметры инструмента Crop (Обрезка) будут отображаться на панели свойств только после того, как вы нарисуете рамку обрезки. Сделайте это и посмотрите на панель свойств (рис. 5.12). С помощью переключателя Cropped Area (Зона обрезки) выбирается действие, которое нужно произвести с отсекаемой частью изображения: удалить (позиция Delete (Удаление) переключателя, установленная по умолчанию) либо сохранить (для этого следует выбрать позицию

I Изменение размеров изображений 1 1 3 Hide (Скрыть)). Во втором случае после выполнения кадрирования остальная часть изображения скрывается за пределами холста и будет видна, если подвигать изображение. {CroppedAf«ai ©Dee l te ©Hide i Bshield Co

Opactiy]

Рис. 5.12. Панель свойств инструмента Crop после того, как нарисована кадрирующая рамка

Переключатель Cropped Area (Зона обрезки) недоступен при работе с изображениями, содержащими только фоновый слой. Если вы все же решите выбрать позицию Hide (Скрыть), отмените кадрирование, сделайте копию фонового слоя, а сам фоновый слой удалите. Вторая часть панели свойств позволяет задать настройки экрана, закрывающего изображение, которое находится за пределами кадрирующей рамки. Цвет экрана выбирается с помощью кнопки Color (Цвет), при этом флажок Shield (Экран) должен быть установлен, а прозрачность экрана задается в поле Opacity (Непрозрачность). После снятия флажка Shield (Экран) область вне кадрирующей рамки затемняться не будет. Установка флажка Perspective (Перспектива) позволяет создать для кадрируемого изображения эффект перспективы. Теперь вы научились кадрировать изображение, осталось только освоить средства изменения размеров изображений без удаления каких-либо его частей. Но прежде чем рассматривать эти средства, необходимо изучить материал, касающийся взаимосвязи размеров изображения и его разрешения.

Размер и разрешение изображения Вопрос взаимовлияния размеров и разрешений лучше всего рассматривать, имея перед глазами конкретные цифры. Поэтому откройте файл Flower.psd и выполните команду Image • Image Size (Изображение • Размер изображения), после чего отобразится диалоговое окно Image Size (Размер изображения), показанное на рис. 5.13. Image 5>ize .:p~ Pixel Dimensions: 2,25M

w I

!

Width: j 1024

pixels

j

Height: i 768

pu-els

!

Width: I 36,12

cm

.!.. Height: \ 27,09

; ;cm

1 Resolution: i 72

1 OK

f

]

—~

S

j [ Auto... J

j i

pixels/inch

El Scale States : 0 Constrain Proportions 0Resample image; j Bicub

|*

Reset ]

>:' ":

Рис. 5.13. Диалоговое окно Image Size

1 1 4 Занятие 5. Редактирование изображений Здесь представлено по два поля для значений ширины и высоты. В верхних полях указан размер в пикселах, то есть количество по ширине и по высоте пикселов, формирующих изображение. Это и есть реальный размер изображения. В нижних полях указывается предполагаемый размер изображения после печати, который определяется разрешением. Напомним, что разрешением называется количество пикселов изображения, находящихся на единице длины (обычно 1 дюйм), и измеряется оно в пикселах на дюйм. То есть размер печатного изображения определяется как размер в пикселах, деленный на разрешение. Чтобы проверить сказанное, рассчитайте ширину напечатанного изображения: разделив 580 (ширина) на 72 (разрешение) и умножив на 2,54 (для перевода из дюймов в сантиметры), вы получите 20,46 см. Это и есть ширина изображения при печати. Из всего вышесказанного можно сделать вывод: при изменении разрешения изменяется размер изображения, выводимого на печать, и наоборот. А зачем вообще нужно менять разрешение? Дело в том, что разрешение изображения влияет на его качество. Для качественной цветной типографской печати необходимо разрешение 300 dpi, а файл Flower.psd имеет разрешение всего лишь 72 dpi (правда, этого вполне достаточно для графики, используемой в Веб). Возникает вопрос, каким образом можно увеличить разрешение до приемлемого значения. Программа Photoshop предоставляет для этого две возможности: вы можете применить так называемый ресемплинг (повторная выборка пикселов) либо просто изменить размеры изображения. Рассмотрим подробно оба варианта. При использовании ресемплинга (функция включена по умолчанию, в диалоговом окне Image Size (Размер изображения) установлен флажок Resample Image (Peceмплировать изображения)) программа удаляет или добавляет пикселы в соответствии со специальными алгоритмами (их перечень приведен ниже). Например, для увеличения ширины документа (поле Width (Ширина)) при условии, что разрешение остается неизменным, программе просто необходимо дорисовать недостающие пикселы. Это должно быть понятно: если программа определяет ширину документа в поле Width (Ширина) как 8,056 дюйма, то при разрешении 72 пиксела на дюйм изображение по ширине должно содержать 580 пикселов (8,056x72), что и подтверждается значением в поле Width (Ширина) области Pixel Dimension (Пиксельное измерение). Теперь попробуйте увеличить ширину до 10 дюймов. Очевидно, что теперь изображение по ширине должно содержать 720 пикселов (10x72). Откуда взять еще 140 пикселов? Программа просто создаст их и разместит между реальными пикселами, присваивая им усредненные цвета окружающих пикселов. То же самое происходит и при попытке увеличения разрешения. При уменьшении значений программа удаляет ненужные, с ее точки зрения, пикселы. И в том и в другом случае используются следующие алгоритмы ресемплирования. •

Nearest Neighbor (Ближайший сосед) - метод самый быстрый, но, к сожалению, не обеспечивающий должного качества. Его лучше использовать в изображениях, содержащих «рваные края», что позволит предотвратить появление резких границ и уменьшить размер файла. Метод можно использовать только при незначительном изменении размеров.



4 Изменение размеров изображений 1 1 5



Bilinear (Билинейный) — при добавлении пикселов используется усредненный цвет окружающих пикселов. Метод формирует изображения среднего качества. • Bicubic (Бикубический) — используется более сложный подсчет для определения цвета добавляемых пикселов. Метод более медленный, но и более эффективный, чем предыдущий. • Bicubic Smoother (Бикубический со сглаживанием) - метод, аналогичный предыдущему, но дает возможность получить более сглаженное изображение. • Bicubic Sharper (Бикубический с резкостью) - метод, также основанный на бикубическом, но в отличие от предыдущего, позволяет получить более резкое изображение. Итак, лучшим методом ресемплинга однозначно можно считать бикубический, при этом у вас есть возможность выбирать его модификации — со сглаживанием и с увеличением резкости. В любом случае ресемплингом нужно пользоваться с осторожностью, ведь даже незначительное увеличение размеров изображения порой приводит к существенному ухудшению качества (обычно изображение становится размытым). Чтобы исправить положение, часто прибегают к помощи фильтра Unsharpen Mask (Маска нерезкости) (фильтры рассматриваются на занятии 11). Для уменьшения размеров или разрешения ресемплингом можно пользоваться практически свободно. Второй способ изменения размеров не предполагает использования ресемплинга, а значит, количество пикселов изображения остается неизменным. В этом случае увеличение размеров изображения приводит к увеличению разрешения, и наоборот. Сбросьте флажок Resample image (Ресемплинг изображения) и увеличьте разрешение. Сразу же после этого размер изображения уменьшится, а значения, отображаемые в полях области Pixel Dimensions (Количество пикселов), не изменятся, так как редактированию не подлежат. Все логично, при увеличении разрешения пикселы размещаются плотнее друг к другу — общий размер изображения уменьшается, а количество пикселов остается неизменным. Таким образом, качественно напечатать файл Flower.psd можно только с размерами, не превышающими 4,91x3,35 см. Ресемплинг следует включать при уменьшении разрешения. В этом случае уменьшается размер файла, а кроме того, высокое разрешение изображения не всегда бывает целесообразным. В списке, расположенном рядом с флажком Resample Image (Ресемплинг изображения), можно выбрать один из трех способов ресемплинга изображений, наиболее качественным из которых (но и наиболее сложным для программы), как вы уже знаете, является метод Bicubic (Бикубический). Флажок Constrain Proportions (Удерживать пропорции) без особой необходимости не сбрасывайте. Его установка позволяет сохранять пропорции при изменении размеров изображения.

Изменение размеров холста Размеры холста, особенно если они не совпадают с размерами изображения, также необходимо корректировать. Это можно сделать в диалоговом окне Canvas Size (Размер холста), которое отображается после активизации команды Image • Canvas Size (Изображение • Размер холста). Окно показано на рис. 5.14.

1 1 6 Занятие 5. Редактирование изображений Новые размеры холста установить просто. Они задаются в полях Width (Ширина) и Height (Высота), после чего текущие размеры отображаются в верхней части окна (ошибиться практически невозможно). Сложнее выбрать направления изменения размера. Дело в том, что изменение размеров происходит во всех направлениях одинаково, например: при увеличении ширины холста на 20 пикселов он увеличится на 10 пикселов справа и на 10 пикселов слева. Для выбора направления изменения размеров предназначены кнопки области Anchor (Якорь). Так, если вы хотите уменьшить размер холста по высоте и отсечь только верхнюю часть холста, нажмите верхнюю центральную кнопку якоря.

Width; 36,12 on Height: 27,09 cm New Size: 2,25M v• Wjdth: j 36,12 Jfcm [Height: (27,09 il c m

v Si !

DRelative Anchor ^ " |

Canvas extension color: Background Рис. 5.14. Диалоговое окно Canvas Size

Размеры холста можно также изменять, указывая не абсолютные значения, а значения относительно текущих размеров. Установите флажок Relative (Относительно) и укажите положительное значение для увеличения холста и отрицательное — для его уменьшения. Кроме того, в программе предусмотрена возможность поворота холста на определенное количество градусов. Выполните команду Image • Rotate Canvas (Изображение • Повернуть холст) и в открывшемся окне выберите нужный вам вариант вращения и отражения. Здесь первые три позиции позволяют повернуть холст на 180 и 90° по часовой стрелке и против нее, а две последние команды служат для того, чтобы задать зеркальное отображение холста (вместе с содержимым) по горизонтали и по вертикали. Особенно удобно использовать вращение холста при обработке сканированных изображений. Чаще всего возникает необходимость повернуть такое изображение на 90 или 180°, если изображение в сканере перевернули «вверх ногами», либо выполнить небольшой поворот (в пределах 1-2°), когда фотография располагалась в сканере под небольшим углом.

Выравнивание и распределение 1 1 7

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

Упражнение 6. Выравнивание изображений Команды Photoshop позволяют выравнивать изображения как по вертикали, так и по горизонтали независимо от того, на каких слоях они находятся. Чтобы проще было понять материал, попробуйте выполнить различные варианты выравнивания, используя стандартные фигуры. 1. Создайте новый документ и нарисуйте несколько фигур, например прямоугольник, окружность, многоугольник, расположив каждую из них на отдельном слое. Разместите их беспорядочно. Для выполнения выравнивания активизируйте верхний слой и свяжите с ним два остальных. 2. Активизируйте инструмент Move (Перемещение) и посмотрите на панель свойств (рис. 5.15). Только при наличии связанных слоев или нескольких выделенных объектов будут доступны кнопки выравнивания панели свойств (шесть кнопок центральной части). sho» Transform Cor*ds Рис. 5.15. Панель свойств при активизации инструмента Move

3. Для выравнивания по вертикали воспользуйтесь одной из трех кнопок: Align top edges (Выровнять верхние края), Align vertical centers (Выровнять вертикальные центры) или Align bottom edges (Выровнять нижние края). В первом случае изображения будут выровнены по верхним краям, во втором случае на одном уровне будут находиться центральные (горизонтальные) оси изображений, в последнем случае выравниваются нижние края (рис. 5.16). Попробуйте на практике все три варианта, последовательно щелкнув на каждой кнопке.

Рис. 5.16. Выравнивание по вертикали

118 Занятие 5. Редактирование изображений 4. Отмените предыдущие действия и верните фигуры в первоначальное положение. Теперь попробуйте поработать с командами горизонтального выравнивания, используя последние три кнопки: Align left edges (Выровнять левые края), Align horizontal centers (Выровнять горизонтальные центры), Align right edges (Выровнять правые края). Принцип их действия тот же, что и кнопок выравнивания, рассмотренных в предыдущем пункте, только выравнивание происходит по горизонтали (рис. 5.17).

1 1 1 I1 1

Рис. 5.17. Выравнивание по горизонтали

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

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

Distribute top edges (Распределить по верхним краям) — между верхними краями распределяемых объектов устанавливаются одинаковые расстояния (рис. 5.18).

Рис. 5.18. Распределение по верхним краям

Позиционирование и привязка 1 1 9 Distribute vertical centers (Распределить по центру по вертикали) — задаются равные расстояния между центральными (горизонтальными) осями всех объектов. Обратите внимание на то, что расстояние между объектами визуально может казаться разным, особенно если размеры объектов по вертикали существенно отличаются (рис. 5.19).

Рис. 5.19. Распределение по центру по вертикали

Distribute bottom edges (Распределить по нижним краям) ные расстояния между нижними краями объектов.

определяются рав-

Распределение по горизонтали осуществляется также с помощью трех кнопок: Distribute left edges (Распределить по левым краям), Distribute right edges (Распределить по правым краям), Distribute horizontal centers (Распределить по центру по горизонтали). Относительно практической пользы функций распределения следует отметить, что чаще возникает необходимость разместить на равном удалении друг от друга объекты, но иногда может понадобиться и разместить на равном расстоянии центры объектов.

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

Упражнение 7. Применение направляющих и привязка изображений Направляющими называются условные горизонтальные или вертикальные линии, которые служат для разметки документа и привязки его элементов; на печать эти линии не выводятся. В Photoshop, как и в любой другой программе, направляющие «вытаскиваются» с помощью мыши из линеек: горизонтальные — из горизонтальной линейки, вертикальные — из вертикальной. Попробуйте «вытащить» направляющие — тонкие линии, по умолчанию окрашенные в синий цвет (рис. 5.20).

1 2 0 Занятие 5. Редактирование изображений W UnliUed-1 to ?00>' Даусг 1, RGB/0)

"nf

Рис. 5.20. Горизонтальная и вертикальная направляющие

1. Создайте новый документ и поместите на холст две направляющие: горизонтальную и вертикальную. 2. Чтобы точнее позиционировать направляющие, откройте палитру Info (Инфо) и активизируйте инструмент Move (Перемещение). Перемещайте направляющую до тех пор, пока в палитре Info (Инфо) не появится требуемое значение координат. 3. Любой объект может быть привязан к одной из направляющих с целью выравнивания относительно других объектов или для более точного позиционирования. Привязка возможна только при включенной команде Snap (Привязка) меню View (Вид) — клавиатурный аналог Shift+Ctrl+;. Создайте изображение прямоугольника, активизируйте команду привязки и начните перемещать прямоугольник в сторону одной из направляющих. Когда расстояние между направляющей и прямоугольником (определяемое настройками программы) станет совсем маленьким, прямоугольник «прилипнет» к ней, как к магниту. 4. Точное позиционирование направляющих возможно на этапе их создания. Выполните команду View > New Guide (Вид • Новая направляющая) и в открывшемся одноименном диалоговом окне (рис. 5.21) выберите тип направляющей (горизонтальная или вертикальная), а в поле Position (Позиция) задайте точную координату в установленных единицах измерения.

Рис. 5.21. Диалоговое окно New Guide

5. Во избежание случайного перемещения точно выставленных направляющих их можно заблокировать. Выполните команду View • Lock Guides (Вид • Блокировать направляющие) либо воспользуйтесь клавишами Alt+Ctrl+;, активизируйте инструмент Move (Перемещение) и попытайтесь передвинуть направляющие. Как видите, не изменяется даже внешний вид указателя мыши

Позиционирование и привязка 1 2 1 (обычно при подведении инструмента к направляющим указатель отображается в виде двунаправленной стрелки). Разблокируйте направляющие, еще раз выполнив команду View • Lock Guides (Вид • Блокировать направляющие) или нажав клавиши Alt+Ctrl+;. 6. Для того чтобы удалить направляющие, необходимо просто переместить их за границы холста. Захватите одну из них мышью и перемещайте до тех пор, пока она не покинет пределы холста. Если необходимо убрать все направляющие (особенно, когда их много), воспользуйтесь командой View • Clear Guides (Вид • Удалить направляющие). 7. Направляющие, как и любые другие средства разметки, можно временно убирать с экрана (при этом они не удаляются). Для этого активизируйте команду View • Show • Guides (Вид • Показать • Направляющие) либо нажмите клавиши Ctrl+;. Чтобы вернуть направляющие назад, еще раз выполните эти действия. Направляющие значительно облегчают редактирование изображений. С их помощью легко разместить объекты на требуемом расстоянии от краев холста и один от другого. Точность размещения повышается за счет наличия функции «прилипания» к направляющим.

Упражнение 8. Использование сетки Одним из средств позиционирования и выравнивания элементов является координатная сетка. Ее проще всего представить себе как разметку, нанесенную на поверхность бумаги (вспомните «миллиметровку»). Вам, конечно, понятно назначение миллиметровой бумаги — на ней очень удобно рисовать линии, поскольку не нужно прибегать к дополнительной разметке. То же самое происходит и в Photoshop, когда включена координатная сетка, вы имеете возможность «расчертить» холст линиями, не выводимыми на печать, и выбрать плотность линий в соответствии с собственными предпочтениями. Сетка отображается на экране после выполнения команды View • Show • Grid (Вид • Показать • Сетка) или нажатия клавиш Ctrl+" (рис. 5.22), а убирается после повторения этих действий. Так же, как и на миллиметровой бумаге, часть линий сетки имеет большую толщину. Частота основных и дополнительных линий сетки определяется настройками программы. й Dupky.tif s> 100* ffirw/Sl

Рис. 5.22. Так выглядит документ при включенной сетке

1 2 2 Занятие 5. Редактирование изображений Для того чтобы активизировать привязку объектов к сетке, следует вызвать команду View • Snap to • Grid (Вид • Привязать к • Сетка). 1. Создайте новый документ и отобразите координатную сетку. 2. Используя инструмент Rectangular Marquee (Прямоугольное выделение), создайте изображение прямоугольника и выполните его заливку с помощью инструмента Paint Bucket (Заливка). Посмотрите, как работает привязка к сетке: вначале перемещайте изображение при активной команде View • Snap to • Grid (Вид • Привязать к • Сетка), а затем — после ее отключения.

ПРИМЕЧАНИЕ Настройки сетки и направляющих подробно описаны в занятии 16.

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

Упражнение 9. «Умные» направляющие В Photoshop появились наконец так называемые умные направляющие (Smart Guides), которые уже давно существуют в другом продукте компании Adobe, программе Illustrator. Работать с ними просто — «умные» направляющие автоматически появляются на экране при рисовании и перемещении объекта в те моменты, когда он выравнивается относительно другого, уже существующего объекта. 1. Создайте документ размером 10x15 см. Активизируйте «умные» направляющие командой View • Show • Smart Guides (Вид • Показать • Умные направляющие). 2. На новом слое нарисуйте объект любой формы - воспользуйтесь инструментами рисования фигур (мы нарисовали многоугольник), установив режим рисования объектов Fill Pixels (Заполнить пикселы). 3. Создайте новый слой и начинайте рисовать фигуру другой формы, желательно внутри уже существующей фигуры - в этом случае направляющая может появиться уже в процессе рисования (рис. 5.23, а). 4. Начните перемещать вновь созданную фигуру (на рис. 5.23 это овал) — при выравнивании по центру или по краям рядом с многоугольником на экране начнут появляться «умные» направляющие (рис. 5.23, б, в). Поскольку у вас включена функция привязки, в момент появления направляющей вы можете отпустить кнопку мыши, и объекты будут идеально выровнены по краям или по центру. ПРИМЕЧАНИЕ Очень удобно с помощью «умных» направляющих выравнивать текст, особенно набранный мелким шрифтом — получается идеально. Выравнивание объектов происходит точно так же, как и в случае с текстом.

Подведение итогов 1 2 3

а

б е

Рис. 5.23. «Умные» направляющие при рисовании и перемещении объекта

Как видите, «умные» направляющие позволяют существенно облегчить процесс выравнивания объектов, достаточно лишь правильно расположить первый объект.

Дополнительные параметры привязки и отображения Помимо привязки к направляющей и линиям сетки, в Photoshop существует возможность привязывать изображения к границам документа. Для этого следует выполнить команду View • Snap to • Document Bounds (Вид • Привязать к • Границы документа). Теперь при приближении объекта к границам холста он будет к ним «прилипать». ПРИМЕЧАНИЕ Не забывайте отключать функцию привязки при выполнении операции кадрирования, особенно если кадрирующая рамка проходит рядом с границами документа или с направляющими. В противном случае направляющая будет «прилипать» к границам и в итоге располагаться не там, где вам нужно.

Отключить отображение всех средств выравнивания (направляющих, сетки, путей и т. д.) можно, убрав галочку напротив команды Extras (Дополнения) в меню View (Вид) или нажав клавиши Ctrl+H.

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

ЗАНЯТИЕ б

Работа с текстом

ТЕМА ЗАНЯТИЯ Программа Photoshop располагает множеством средств для работы с текстом. В частности, она позволяет осуществлять полноценное редактирование, вводить вертикальный текст, использовать все эффекты, применимые к изображению. Здесь будут рассмотрены следующие вопросы: • инструменты для ввода текста; • редактирование текста; • эффекты, применимые к тексту; • растрирование и обработка текста как растрового изображения.

Ввод и редактирование текста 1 2 5 Хотя Photoshop является программой растровой графики, по некоторым возможностям работы с текстом она не отстает от текстовых редакторов, а отдельные реализованные в ней средства обработки текста даже соответствуют возможностям программ верстки. Иными словами, средства Photoshop, обеспечивающие работу с текстом, очень разнообразны, поэтому требуют детального изучения. Возможно, поначалу этот материал покажется не очень интересным, поскольку вам придется усвоить достаточно большой объем технической информации, но затем последует более увлекательная работа по созданию применяемых к тексту эффектов.

Ввод и редактирование текста На этом занятии вы сначала освоите работу с инструментами ввода текста, а затем научитесь задавать параметры его редактирования. Прежде чем переходить к работе с текстом в Photoshop, следует изучить теоретический материал, касающийся типов шрифтов, используемых в программе. Эти знания необходимы в связи с тем, что имеются существенные различия в назначении текста (а ста/го быть, и используемых шрифтов) в документах Photoshop и документах, редактируемых в программах, подобных Word. Если текстовый документ обычно готовится для вывода на принтер, то у файла Photoshop иная конечная цель: рисунок Photoshop отдельно или в составе другого документа предназначен для печати в типографии. Этим и определяется разница в типах шрифтов, применяемых в документах. Вам предстоит познакомиться с тремя основными типами шрифтов, используемых в среде Windows. Системные шрифты

Системные шрифты используются операционной системой в текстах диалоговых окон, а также в меню и практически не имеют отношения к рассматриваемой теме. Стоит лишь отметить, что шрифты этого типа хранятся в папке C:/Windows/Fonts и имеют расширение .fon. Шрифты TrueType Шрифты TrueType широко используются в офисных программах и отлично подходят для документов, которые должны выводиться на печать. Описание гарнитур типа TrueType, каждая из которых содержит семейство шрифтов различного кегля, также обычно располагается в папке C:/Windows/Fonts. Файлы описания гарнитур шрифтов TrueType имеют расширение .ttf. Шрифты PostScript В издательском деле стандартной является шрифтовая технология PostScript, для используемых в ней шрифтов применяется еще название Typel. Данные шрифты являются масштабируемыми, они описываются с помощью языка PostScript. В нем предусмотрены специальные команды и математические уравнения, с помощью которых буква представляется не в виде набора точек, а как совокупность кривых, соответствующих ее контурам. Благодаря этому кегль шрифта можно изменять в очень больших пределах (от 4 до 650 пунктов). Главное неудобство PostScript-шрифта заключается в том, что он состоит как бы из двух частей:

1 2 6 Занятие 6. Работа с текстом экранного шрифта, являющегося на самом деле растровым, и принтерного. На экране такой шрифт отображается в растровом виде, а на печать выводится его PostScript-описание. Описание каждой PostScript-гарнитуры содержится в файлах четырех перечисленных ниже типов. •

.pfb (PostScript Font Binary) - в файле с таким расширением содержится описание контуров символов гарнитуры на языке PostScript, по которым процессор PostScript-принтера или печатной машины формирует соответствующие изображения.



.pfm (PostScript Font Metrics) — файл, имеющий такое расширение, содержит информацию, необходимую для внутренней работы системы Windows. В случае отсутствия файла имя гарнитуры не отображается в списке шрифтов. • .afm (Adobe Font Metrics) — файл с данным расширением предназначен для компьютеров Macintosh. •

.inf (Font Info) - файл с таким расширением содержит информацию, используемую в процессе установки шрифта.

В программе Photoshop шрифты Typel хранятся в папке Program Files/ Common Files/Adobe/Fonts. Для управления шрифтами такого типа (в том числе для установки дополнительных шрифтов, удаления имеющихся) необходима инсталляция специальной программы, например Adobe Type Manager (ATM). В списке шрифтовых гарнитур рядом с названиями шрифтов типа Typel в скобках указано обозначение Т1. Совсем недавно появились так называемые OpenType-шрифты, создаваемые компанией РагаТуре. Шрифты ОрепТуре - это своего рода гибрид, который содержит шрифтовые данные в форматах TrueType и PostScript. Главные достоинства шрифтов данного типа — кроссплатформенность (то есть возможность применения как в среде Windows, так и в среде Macintosh) и поддержка расширенной кодировки символов — Unicode. Шрифты ОрепТуре могут иметь расширение .ttf (шрифты, основанные на шрифтах TrueType) или .otf (так называемые чистые шрифты ОрепТуре). Шрифты типа Multiple Master не получили широкого распространения, но они все еще используются в продуктах компании Adobe. Каждый такой шрифт реализуется в виде двух файлов, имеющих расширения .mmm и .pfb (данный формат описывался для шрифтов PostScript). Владея информацией о шрифтах, можно приступать к изучению свойств текста. На первом этапе вы освоите инструменты ввода текста, а далее узнаете, как его редактировать, причем сначала познакомитесь со свойствами обычного текста, а затем перейдете к свойствам блочного. Вне зависимости от того, какой текст будет введен, программа Photoshop создаст для него отдельный текстовый слой. Особенность такого слоя заключается в том, что на нем не может находиться ничего, кроме текста. Ни один инструмент не будет работать с объектами этого слоя до тех пор, пока слой не подвергнется растрированию, то есть пока он не превратится в обычный набор растровых точек. Но об этом речь пойдет позже, а сейчас рассмотрим ввод обычного текста.

Ввод и редактирование текста 1 2 7

Упражнение 1. Ввод обычного текста и его редактирование Для ввода текста в программе предусмотрены четыре инструмента. Все они собраны в одну группу на панели инструментов. 1. Найдите на панели инструментов кнопку Horizontal Type (Горизонтальный текст). Обратите внимание на первые два инструмента группы: Horizontal Туре (Горизонтальный текст) — предназначен для ввода обычно- IT го текста (слева направо по горизонтали), Vertical Type (Вертикальный текст) - позволяет вводить текст по вертикали (слева направо и сверху вниз). Именно с этими инструментами вы сейчас будете работать. 2. Создайте новый документ, активизируйте инструмент Horizontal Type (Горизонтальный текст) и щелкните мышью в месте предполагаемого ввода текста, где должен появиться мигающий курсор. Прежде чем вводить текст, задайте его параметры. Некоторые из этих параметров можно изменить с помощью панели свойств (рис. 6.1). 3. Размер (кегль) шрифта выберите в списке Set the font size (Задать размер шрифта), а гарнитуру — в списке Set the font family (Задать гарнитуру шрифта).

Рис. 6.1. Панель свойств инструмента Horizontal Type ПРИМЕЧАНИЕ Шрифтом называется совокупность знаков, необходимых для воспроизведения текста на каком-либо языке. Набор шрифтов всех размеров и стилей начертания, но с одинаковым рисунком букв образует гарнитуру.

Следует заметить, что многие гарнитуры, установленные по умолчанию, не поддерживают русский язык, поэтому вам придется либо установить дополнительные шрифты, либо пользоваться скудным набором кириллических шрифтов, представленных в Photoshop. По внешнему виду шрифты разделяются на два больших класса — шрифты с засечками (serif) и шрифты без засечек (san serif), — примеры которых показаны на рис. 6.2. В шрифтах с засечками линии, формирующие символ, завершаются маленькими штрихами. Примером шрифта с засечками является Times New Roman, а шрифта без засечек — Arial. На рис. 6.3 представлены некоторые другие параметры шрифта.

ТЕКСТ ТЕКСТ Рис. 6.2. Шрифт с засечками и шрифт без засечек

4. Щелкнув на образце цвета Foreground Color (Основной цвет) панели инструментов, выберите цвет для текста и начинайте ввод.

1 2 8 Занятие 6. Работа с текстом

Рис. 6.3. Основные параметры шрифта

5. Как и в любом текстовом приложении, введенный текст можно редактировать. Выделите набранный текст. Это делается так же, как и в текстовых редакторах (например, в Word) — путем протягивания указателя вдоль текста при нажатой кнопке мыши. Измените рассмотренные выше параметры для выделенного текста (скажем, размер шрифта, гарнитуру, цвет и др.). 6. С помощью панели свойств измените начертание шрифта. Для этого выберите один из элементов списка Set the font style (Задать стиль шрифта): • Regular (Обычный) — обычное начертание шрифта, значение выбрано по умолчанию; D Italic (Курсив) — курсивное начертание; D Bold (Жирный) - полужирное начертание; • Bold Italic (Жирный курсив) — полужирное курсивное начертание. 7. Измените выравнивание текста (выключку), предварительно набрав несколько строк. Выделите весь текст и щелкните по очереди на трех кнопках выравнивания на панели свойств: Left align text (Выровнять текст влево), Center text (Центрировать текст), Right align text (Выровнять текст вправо). Обратите внимание на то, что выравнивание происходит относительно условной оси. Эта ось остается на месте, а текст перемещается в зависимости от выбранной вами выключки. 8. Выберите на панели свойств метод сглаживания, который будет применен к шрифту (рис. 6.4). Существуют следующие методы сглаживания, задаваемые путем выбора элементов списка Set the anti-aliasing method (Установить метод сглаживания): • Sharp (Резкое) — шрифт становится более массивным, с легким сглаживанием; обычно используется для шрифтов больших размеров без засечек; a Crisp (Жесткое) — шрифт становится менее массивным, но также отличается легким сглаживанием; лучше всего применять к шрифтам малых размеров без засечек;

Ввод и редактирование текста 1 2 9 • Strong (Сильное) — шрифт становится более массивным, отличается сильным сглаживанием; наиболее эффективен в случае применения к шрифтам малых размеров с засечками; • Smooth (Гладкое) — шрифт становится менее массивным, отличается сильным сглаживанием; чаще всего применяется к шрифтам крупных размеров с засечками; D None (Нет) — сглаживание отсутствует.

Рис. 6.4. Различные варианты сглаживания символов текста

9. Дополнительные параметры редактирования представлены на палитре Character (Символ), показанной на рис. 6.5. Откройте ее, щелкнув на кнопке Toggle the Character and Paragraph palettes (Включить палитры Character и Paragraph), находящейся на панели свойств справа. В данном упражнении вы будете работать только с элементами палитры Character (Символ), с помощью которых задают параметры символов.

chsrac(er

[ ArbaT

m . ^ •*gr-ph *^ V' : Regular

•к г

•К \ 12 рГ~~

! (Auto)

v Щ

ГГ f

ч|

шо%

«sip

0 j 100%

Color

Г

ТТ Тт Г

'• English: USA

%

1

¥

1 Sh»rp

v

Рис. 6.5. Палитра Character

10. В двух верхних списках этой палитры можно выбрать гарнитуру и начертание шрифта. Вам уже знаком список Set the Font size (Задать размер шрифта) —

1 3 0 Занятие 6. Работа с текстом как и в предыдущем случае, значение кегля выбирается из списка либо вводится в поле списка вручную (при отсутствии нужного значения). Следующий список Set the leading (Задать интерлиньяж) позволяет выбрать значение междустрочного расстояния, или интерлиньяж. Подобно кеглю шрифта интерлиньяж измеряется в пунктах. Установите стандартное значение интерлиньяжа, составляющее 120 % величины кегля шрифта. 11. Последними в этой группе параметров расположены списки, в которых можно задавать кернинг и трекинг. Чтобы задать величину трекинга, установите курсор между двумя символами текста и введите значение кернинга (или выберите его из списка) в поле Set the kerning between two characters (Задать кернинг между двумя символами). Одна единица кернинга соответствует 1/1000 М-пробела, поэтому выбранное, например, значение 200 будет соответствовать 1/5 М-пробела. Значение трекинга вводится в поле Set the tracking for selected characters (Задать трекинг для выделенных символов). ПРИМЕЧАНИЕ Кернингом называется величина зазора между парой символов. Кернинг измеряется в долях М-пробела, который равен ширине буквы М для данного кегля шрифта. Регулировка кернинга обычно осуществляется в шрифтах больших размеров с целью выравнивания промежутков между символами. Трекинг — это расстояние по горизонтали между символами текста, он также измеряется в долях М-пробела.

12. Палитра Character (Символ) разделена горизонтальной линией на две части. В нижней ее части находятся поля, в которых можно задавать масштаб шрифта по вертикали и по горизонтали. Увеличьте значение масштаба в поле Vertical scale (Вертикальный масштаб), и вы увидите, что текст станет вытянутым, уменьшите числовое значение в поле Horizontal scale (Горизонтальный масштаб), и текст сожмется по горизонтали. Прежде чем изменять масштаб, текст следует выделить. 13. Измените значение в поле Set the baseline shift (Задать смещение базовой линии). Это приведет к смещению базовой линии текста для выделенных символов (рис. 6.6). Если ввести в это поле положительное значение, базовая линия поднимется вверх, при вводе отрицательного значения — опустится вниз.

ТЕКСТ Рис. 6.6. Смещение базовой линии текста

ПРИМЕЧАНИЕ Базовой линией называется условная линия, на которой располагаются буквы текста. Ее аналог — линии в обычной школьной тетради.

Ввод и редактирование текста 1 3 1 Нижний ряд кнопок используется при создании так называемых эффектов текста. Для придания тексту того или иного эффекта выделите его фрагмент и щелкните на соответствующей кнопке. Чтобы отменить эффект, повторно щелкните на этой же кнопке. 14. С помощью кнопки Faux Italic (Ложный курсив) усильте курсивное начертание, а с помощью кнопки Faux Bold (Ложный жирный) — полужирное начертание. ПРИМЕЧАНИЕ Для обозначения курсива используются два термина — Italic и Oblique, первый применяется чаще.

15. Щелкните на кнопке All Caps (Все прописные), если вам нужно задать так называемый режим всех прописных - буквы текста будут набираться в верхнем регистре. Действие кнопки аналогично включению клавиши Caps Lock клавиатуры, но неоспоримым преимуществом использования данного режима является возможность его применения к уже набранному тексту. Режим набора текста капителью можно установить с помощью кнопки Small Caps (Строчные буквы) - в таком режиме все буквы имеют размер строчных, но по начертанию выглядят как заглавные (например, КАПИТЕЛЬ). 16. Верхний и нижний индексы используют для написания формул и расстановки сносок. Чтобы задать для текста верхний или нижний индекс, выделите его и щелкните на кнопке Superscript (Верхний индекс) или Subscript (Нижний индекс) соответственно. Назначение последних двух кнопок, Underline (Подчеркивание) и Strikethrough (Перечеркивание), — подчеркивание и перечеркивание текста (как обычно, перед применением эффектов текст необходимо выделить). 17. В раскрывающемся списке Set the language on selected characters for hyphenation and spelling (Задать язык проверки орфографии и переносов для выделенных символов) палитры Character (Символ) выберите язык, для которого будет произведена проверка орфографии и расстановка переносов. Большим достижением последней версии Photoshop является возможность проверки правописания и автоматической расстановки переносов для русского языка — достаточно выбрать данном списке элемент Russian (Русский). Теперь вы знакомы с основными возможностями редактирования обычного текста. Далее речь пойдет о блочном тексте и будут рассмотрены представленные в программе дополнительные параметры редактирования текста.

Упражнение 2. Работа с блочным текстом Многие параметры блочного текста применяются к абзацу, поэтому прежде чем начинать работу с блочным текстом, вы должны получить представление о том, что такое абзац. Абзацем принято считать часть текста, заключенную между двумя маркерами абзацев — непечатаемыми символами, которые вводятся при нажатии клавиши Enter. Обратите внимание на то, что принудительный разрыв

1 3 2 Занятие 6. Работа с текстом строки, создаваемый после нажатия клавиш Shift+ Enter, лишь переводит текст на новую строку, а новый абзац при этом не создается. Блочный текст отличается от обычного тем, что он вводится в пределах ограничивающей его области, или блока. Этот вид текста удобно использовать, в том случае, если нужно ввести текст в определенную область, не обязательно прямоугольную. Применяя обычный текст, пришлось бы каждый раз менять ширину строки, делать отступы слева или справа — в общем, постоянно решать проблемы на этапах ввода и редактирования текста. Возможность использования блочного текста позволяет сразу задать границы области и перейти непосредственно к вводу текста. 1. Активизируйте инструмент Horizontal Type (Горизонтальный текст). Прежде чем набирать текст, создайте блок. Это можно сделать двумя способами: протянуть инструмент по холсту (при этом границы блока будут отображаться в момент рисования) либо задать точные размеры будущего блока. При использовании второго варианта, удерживая нажатой клавишу Alt, сделайте двойной щелчок инструментом в той точке холста, где предположительно будет располагаться левый верхний угол блока. Затем в открывшемся диалоговом окне Paragraph Text Size (Размеры блока), показанном на рис. 6.7, задайте ширину и высоту будущего блока. Ввод текста в текстовый блок осуществляется обычным способом, но после этого текст всегда будет находиться в пределах ограничивающего его блока. Paragraph Text Size Width: ' 0 pt Height; [opt

Cancel

Рис. 6.7. Диалоговое окно Paragraph Text Size

2. Используя команду Window • Paragraph (Окно • Абзац), откройте палитру Paragraph (Абзац), представленную на рис. 6.8. Настройки данной палитры предназначены для редактирования параметров абзаца. С помощью ее верхних кнопок задают способ выравнивания.

Рис. 6.8. Палитра Paragraph

Ввод и редактирование текста 1 3 3 3. Наберите необходимое для формирования двух абзацев количество строк текста. В последние строки каждого абзаца включите лишь небольшое число символов. Выделите текст и, щелкнув на одной из первых трех кнопок, Left align text (Выровнять текст по левому краю), Center text (Выровнять текст по центру) или Right align text (Выровнять текст по правому краю), выберите выключку влево, по центру или вправо. 4. Отмените предыдущее действие. Оставив текст выделенным, щелкните на одной из кнопок второй группы, Justify last left (Последняя слева), Justify last centered (Последняя по центру) или Justify last right (Последняя справа), чтобы задать выключку по формату. В результате строки будут растягиваться между границами текстового блока так, чтобы оба края получились ровными. Единственное отличие между этими кнопками состоит в способе выравнивания последней строки каждого выделенного абзаца: в первом случае она выравнивается по левому краю, во втором — по центру, а в третьем — по правому краю. 5. Отмените предыдущее действие. Теперь примените к выделенному тексту режим полной выключки (когда последняя строка каждого абзаца растягивается на ширину блока независимо от количества содержащихся в ней символов), щелкнув на кнопке Justify all (Полная выключка). 6. В нижней части палитры Paragraph (Абзац) расположены поля для установки значений абзацного отступа и значений отступа текста от границ блока. Введите в поля Indent left margin (Минимальный отступ слева) и Indent right margin (Минимальный отступ справа) значения, которые будут определять величину отступа текста от левой и правой границ блока. 7. В поле Indent first line (Отступ первой строки) установите величину абзацного отступа, или красной строки, для первой строки каждого выделенного абзаца. 8. В поле Add space before paragraph (Добавить отступ перед абзацем) введите величину дополнительного отступа перед выделенными абзацами, а в поле Add space after paragraph (Добавить отступ после абзаца) задайте отступ после выделенных абзацев. Последний параметр палитры — флажок Hyphenation (Перенос) — позволяет активизировать функцию расстановки переносов для выбранного языка. В заключение следует отметить, что все параметры палитры Paragraph (Абзац), кроме кнопок установки выключки по формату, доступны и при работе с обычным текстом, только настраиваются они особым способом. Абзацный отступ применяется ко всем строкам текста независимо от размера выделенного фрагмента текста, и это выглядит как обычное смещение вправо на заданное количество пунктов. Примерно то же происходит и с другими параметрами. Ввод числовых значений в поля Indent left margin (Отступ слева) и Indent right margin (Отступ справа) приводит к смещению текста влево или вправо на заданное в полях расстояние. Причем смещение вправо (то есть отступ слева) будет выполняться только при выключке текста влево, а смещение влево (то есть отступ вправо) - при выключке текста вправо.

1 3 4 Занятие б. Работа с текстом

Упражнение 3. Установка параметров абзаца для вертикального текста Все рассмотренные свойства горизонтального текста в равной мере относятся и к вертикальному тексту. Следует только отметить некоторые особенности ввода текста и отличия в задаваемых параметрах абзаца. 1. Создайте новый документ, активизируйте инструмент Vertical Type (Вертикальный текст) и начните ввод текста. Текст будет вводиться сверху вниз и справа налево. Параметры символов вертикального текста останутся теми же, что и для горизонтального, поэтому если вы активизируете палитру Character (Символ), то не увидите практически никакой разницы. Единственное отличие заключается в том, что некоторые параметры, которые задавались для горизонтального текста, теперь следует задать для вертикального. Например, междустрочное расстояние у обычного текста измеряется по вертикали, а у вертикального — по горизонтали, это же касается еще нескольких параметров, таких как кернинг, трекинг и базовая линия текста. 2. С помощью инструмента Vertical Type (Вертикальный текст) создайте текстовый блок и введите в него текст. Теперь перейдите к палитре Paragraph (Абзац). Как видите, сейчас ее внешний вид (рис. 6.9) не такой, как при активизации инструмента Horizontal Type (Горизонтальный текст).

тшшттmmmm ШШ |Ch*r»cte •* Para

iji'nii in «IE

о pt

••

m 4i i

in

щ- El

in i

j Opt 0 Hyphenate

Рис. 6.9. Палитра Paragraph при работе с вертикальным текстом

Теперь выравнивание происходит не по левому и правому краям, а по верхнему и нижнему. Для этого используются кнопки Top align text (Выровнять текст по верхнему краю) и Bottom align text (Выровнять текст по нижнему краю). Центрирование текста осталось, но посредством кнопки Center text (Центрировать текст) оно также будет выполняться по вертикали. Остальные кнопки выравнивания можно применять для полной выключки вертикального текста, то есть растягивания его между верхними и нижними краями блока. Использование таких кнопок, как Justify last top (Последняя сверху), Justify last centered (Последняя по центру) и Justify last bottom (Последняя снизу), позволяет при полной выключке остальных строк текста выровнять последнюю строку каждого выделенного абзаца по верхнему краю, по центру и по нижнему краю соответственно (последней считается левая строка каждого абзаца). Кнопка Justify all (Полная выключка) служит для установки режима полной выключки, при котором последняя строка каждого абзаца растягивается по всей высоте блока независимо от количества содержащихся в ней символов.

Ввод и редактирование текста 1 3 5 Что касается отступов от границ блока, то в отличие от горизонтального для вертикального текста отступы задаются от верхней и нижней границ блока, абзацный отступ также задается от верхней границы блока.

Упражнение 4. Использование контуров для создания блоков текста Создавая текстовый блок с помощью инструментов Horizontal Text (Горизонтальный текст) и Vertical Text (Вертикальный текст), вы ограничиваете форму блока прямоугольником. Используя контуры, вы можете создавать блоки любой формы и затем их редактировать. 1. С помощью инструмента Реп (Перо) создайте замкнутый контур произвольной формы. Убедитесь, что для этого инструмента включен режим Paths (Контуры). 2. Активизируйте инструмент Horizontal Type (Горизонтальный текст) и щелкните в любом месте внутри замкнутого контура. На экране появится прямоугольная рамка блочного текста (рис. 6.10). Тем не менее текст будет вводиться только в пределах блока, созданного с помощью контура.

•\Hello! I'm Step an. т live in Й osko

Рис. 6.10. Контуры и рамка блока

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

Упражнение 5. Размещение текста вдоль контура В программе Photoshop текст можно располагать не только горизонтально и вертикально, но и вдоль контура любой формы. В качестве такового используется обычный контур, способы создания и редактирования которого вам уже знакомы. 1. Создайте новый документ, а в нем — контур любой формы. Активизируйте инструмент Horizontal Type (Горизонтальный текст).

1 3 6 Занятие 6. Работа с текстом 2. Щелкните инструментом на контуре в месте начала ввода текста и начинайте набирать текст, располагая его вдоль контура (рис. 6.11). 3. Отредактируйте текст тем же способом, что и обычный текст.

Рис. 6.11. Текст, расположенный вдоль контура

4. Помимо обычного редактирования, текст можно перемещать вдоль контура, перетаскивать на его противоположную сторону (внутреннюю или внешнюю). Для этого активизируйте инструмент Path selection (Выделение контура) или Direct selection (Частичное выделение) и подведите указатель инструмента ближе к началу текста (он отобразится в виде I-образного курсора, а рядом появится черная стрелка). Перетащите текст на противоположную сторону контура (рис. 6.12). 5. Если необходимо, отредактируйте контур, вдоль которого размещается текст, любым из известных вам способов.

Рис. 6.12. Варианты размещения текста вдоль контура

Теперь вам знакомы все варианты размещения текста на холсте, осталось рассмотреть дополнительные свойства текста.

Дополнительные возможности редактирования текста Вряд ли вы будете часто применять дополнительные свойства текста, тем не менее о них следует упомянуть. Это касается висячих строк, предлогов и союзов, лигатур, настроек выключек по формату, а также переносов. Данный материал при необходимости можно использовать как справочный. Дополнительные параметры выбираются в меню палитр Character (Символ) и Paragraph (Абзац). Кроме того, в программе предусмотрены средства проверки орфографии, выполнения поиска и замены текста.

Дополнительные возможности редактирования текста

137

Упражнение 6. Проверка орфографии, поиск и замена текста Поскольку в стандартном пакете программы средства проверки орфографии для русского языка отсутствуют, об этой возможности будет рассказано вкратце. 1. Выделите текст и выполните команду Edit • Check Spelling (Правка • Проверка орфографии). Язык для проверки выберите в палитре Character (Символ). Если программа найдет ошибки, откроется диалоговое окно Check Spelling (Проверка орфографии), показанное на рис. 6.13. Check Spelling

Not in Dictionary: ! Праверка Change To: 9 Проверка

I g n o r e

I g n o r e

All

Suggestions: C J i a n g e

Проверкой

C h a n g e

A[l

Проверке A_dd

Проверки Проверку ' 1ПиГСПП1ШЯП|'| L a n g u a g e :

R u s s i a n

Рис. 6.13. Диалоговое окно Check Spelling В поле Not in Dictionary (Нет в словаре) указывается слово с ошибкой, а в поле Change to (Заменить на) - вариант замены. Поле Suggestion (Предположения) содержит дополнительные варианты замены. После щелчка на кнопке Ignore (Пропустить), указанное слово будет пропущено, а после щелчка на кнопке Ignore All (Пропустить все) — проигнорированы все включения данного слова в тексте. Применение кнопки Change (Заменить) или Change All (Заменить все) позволяет сделать замену слова либо всех его включений в тексте. Кнопка Done (Готово) является аналогом кнопки ОК. Учтите, что вы сразу можете проверить текст на всех текстовых слоях, — достаточно лишь установить флажок Check All Layers (Проверить все слои). При желании вы можете добавить в словарь новое слово (отображаемое в списке Not in Dictionary (Нет в словаре)), для этого вам нужно щелкнуть на кнопке Add (Добавить). Кстати, язык проверки отображается в нижней части окна в подзаголовке Dictionary (Словарь). Для осуществления поиска и замены текста с помощью команды Edit • Find and Replace Text (Правка • Найти и заменить текст) откройте диалоговое окно Find and Replace Text (Найти и заменить текст), показанное на рис. 6.14. В поле Find What (Что искать) введите текст, который нужно заменить, а в поле Change

1 3 8 Занятие б. Работа с текстом То (Заменить на) - тот текст, который предлагается ввести. Дополнительные параметры задаются путем установки следующих флажков: о Whole Word Only (Слово целиком) - поиск указанного текста только в виде отдельного слова; • Case Sensitive (Чувствительный к регистру) — поисковая система становится восприимчивой к регистру просматриваемого вами текста, то есть тексты (одинаковые наборы символов), набранные прописными и строчными буквами, будут восприниматься поисковой системой как различные; • Search All Layers (Искать на всех слоях) — поиск и замена текста на всех текстовых слоях. Find And Replace Text Find Whet:

Done L .Fjnd Next

Changs* To: r

? DCasgSensitwe .; П Whole Word ONy

Change All ]

Рис. 6.14. Диалоговое окно Find And Replace Text

Поиск текста начинается, когда вы щелкаете на кнопке Find Next (Найти следующий), а его замена — после активизации кнопки Change (Заменить) или Change All (Заменить все). Щелкнув на кнопке Change/Find (Заменить/Найти), вы можете заменить найденный текст и найти следующий такой же набор символов.

Упражнение 7. Преобразование вертикального и горизонтального текста В этом упражнении вы освоите способы преобразования горизонтального текста в вертикальный и наоборот, а также научитесь поворачивать текст. 1. Отобразите на экране меню палитры Character (Символ) и выберите команду Change Text Orientation (Изменить ориентацию текста). Эта команда позволяет преобразовать горизонтальный текст в вертикальный и наоборот. Произвести замену ориентации текста можно также с помощью кнопки Change Text Orientation (Изменить ориентацию текста) панели свойств и путем замены команды Vertical (Вертикгшьный) командой Horizontal (Горизонтальный) подменю Layer • Туре (Слой • Текст). 2. Активизируйте инструмент Vertical Type (Вертикальный текст) и введите несколько символов текста. В меню палитры Edit (Правка) вызовите одну из команд подменю Transform (Трансформировать): Rotate 180° (Повернуть на 180°), Rotate 90° CW (Повернуть на 90° по часовой стрелке) или Rotate 90° CCW (Повернуть на 90° против часовой стрелки). 3. Изучите действие всех команд меню палитры Character (Символ), показанного на рис. 6.15. Команда Fractional Width (Фрагментарная ширина) оказывает влияние на отображение текста на экране. Вызовите эту команду, установив

Дополнительные возможности редактирования текста 1 3 9 флажок слева от нее. Расстояние между символами будет различным в зависимости от размеров конкретных символов. Обычно включение данного режима позволяет сделать отображаемый текст более читабельным. Однако при небольших размерах кегля шрифта (менее 20 пунктов) использование указанного режима приведет к тому, что некоторые символы будут сливаться или, напротив, возникнут дополнительные промежутки между ними. В таком случае флажок лучше отключить. D

v



o

C

h

S

t

c

k

a

a

t

n

n

o

g

d

P

e

a

a

T

r

d

l

e

e

x

V

e

t

t

e

t

r

W

O

t

i

r

c

i

a

e

e

l

l

n

R

l

t

o

a

t

m

i

a

o

n

n

A

l

i

g

n

m

e

n

t

ОрепТуре Faux Bold Faux Italic All Caps Small Caps Superscript Subscript Underline Strikethrough Fractional Widths System Layout Mo Break Reset Character

Рис. 6.15. Меню палитры Character

Отдельно следует сказать о подменю ОрепТуре (рис. 6.16). Оно будет доступно лишь в том случае, если вами выбран шрифт ОрепТуре. С помощью команд подменю вы сможете работать с лигатурами, дробями и др. Отметьте, что набор команд для каждого шрифта может отличаться. v* Standard Ligatures v> Contextual Alternates Discretionary Ligatures Swash Oidstyte 5tybUe Alternates Titling Alternates Ornaments Ordinals Fractions Рис. 6.16. Подменю ОрепТуре меню палитры Character

1 4 0 Занятие 6. Работа с текстом 4. Откройте в меню палитры Character (Символ) подменю ОрепТуре, предварительно выбрав шрифт ОрепТуре. Рассмотрим возможности заключенных в нем команд. Если вам необходимо использовать лигатуры выбранного шрифта, установите флажок возле команд Standart Ligatures (Стандартные лигатуры) и Discretionary Ligatures (Дискреционные лигатуры). Лигатура — знак, составленный из двух (или более) письменных знаков, например fi, fl, ff, ffi (стандартные лигатуры), ct, st, ft (дискреционные лигатуры). В русском языке лигатуры не используются. Вы можете также использовать старый стиль написания цифр - цифры в этом стиле немного короче букв, а элементы некоторых из них находятся ниже базовой линии текста. Возможность нумерации в старом стиле устанавливается посредством активизации команды Old Style (Старый стиль). Установив флажок Fractions (Дроби), вы можете получить более компактную форму записи дробей. Существует также возможность автоматической замены формы записи порядковых числительных, например, записи 1st, 2nd будут преобразованы в записи 1st, 2nd и т. д. Для этого необходимо установить флажок Ordinals (Порядковые числительные). Как видите, набор дополнительных функций достаточно разнообразен, и кое-что из этого разнообразия может использоваться для русского языка.

Упражнение 8. Расстановка переносов Некоторые параметры палитры Paragraph (Абзац), как и многие другие дополнительные возможности текста, к сожалению, нельзя применять к тексту на русском языке. Тем не менее вам следует иметь о них представление. 1. Активизируйте палитру Paragraph (Абзац) и, щелкнув на кнопке со стрелкой, указывающей вправо, откройте меню этой палитры. 2. Установив флажок возле команды Roman Hanging Punctuation (Висячие знаки пунктуации), определите расположение символов пунктуации, таких как точки, запятые, двойные и одинарные кавычки, апострофы, знаки переноса, длинные и короткие тире и т. п., относительно линии выравнивания текста. Когда флажок возле команды установлен, эти символы не выходят за пределы заданных отступов от правого и левого краев. При работе с блочным текстом установка флажка приводит к размещению висячих знаков препинания за пределами блока (в том случае, если висячий знак препинания является первым или последним в строке). При этом переносы расставляются более корректно, с соответствующим уплотнением текста. Будьте внимательны, программа, работая с русским текстом, имеет склонность к переносу висячих знаков препинания на новую строку, даже если перед таким знаком отсутствует пробел. 3. Активизируйте команду Justification (Выключка по формату) — откроется диалоговое окно Justification (Выключка), показанное на рис. 6.17. Выполните здесь

Дополнительные возможности редактирования текста 1 4 1 настройку параметров выключки по формату (это уже больше напоминает программу верстки, чем графический редактор). Justification Mn im i um

Desired Maxm i um ! OK 1 100% ^ord Spacing:i80% jj 1 3 3 % i L_ Cancel j 1 Letter Spacing: 0% fo% "j|o% glyph Scaling:j 100% J 1 0 0 % 100% 0Ereview Auto Leading:j 120% Рис. 6.17. Диалоговое окно Justification

Выравнивание по формату выполняется за счет увеличения или уменьшения интервалов между словами и символами. Значения, задаваемые в областях Word Spacing (Междусловный промежуток), Letter Spacing (Межсимвольный промежуток) и Glyph Scaling (Символьное масштабирование), определяют, каким образом будут корректироваться интервалы между словами и символами, а также степень масштабируемости самих символов при выравнивании строки по формату. Каждая из этих областей содержит три поля: • Minimum (Минимальный) — минимальный интервал между словами или символами; • Maximum (Максимальный) — максимальный предел межсимвольных или междусловных промежутков; a Desired (Желаемый) — желаемая величина промежутков. Для области Glyph Scaling (Символьное масштабирование) значениями вышеперечисленных полей определяется степень масштабирования по горизонтали. ПРИМЕЧАНИЕ Вводимые в поля значения выражаются в процентах от величины М-пробела. Для стандартных шрифтов, когда кегль составляет 10-12 пунктов, оптимальными считаются следующие установки: Minimum Word Spacing (Минимальный междусловный пробел) — 90 %, Desired Word Spacing (Желаемый междусловный пробел) — 100 %, Maximum Word Spacing (Максимальный междусловный пробел) — 150 %. Minimum Letter Spacing (Минимальный межсимвольный пробел) — 5 %, Desired Letter Spacing (Желаемый межсимвольный пробел) — 0 %, Maximum Letter Spacing (Максимальный межсимвольный пробел) — 10 %.

4. Если вам необходимо отредактировать параметры настройки переносов, вызовите команду Hyphenation (Перенос) и в открывшемся одноименном окне сделайте соответствующие установки (рис. 6.18). 5. В поле Longer Word Than (Слово длиннее чем) установите минимальную длину слова, которое может п,_л> разбито на слоги при переносе. В полях After First (После первых) и Before Last (Перед последними) задайте минимальное число символов в слове, после которых или перед которыми может ставиться знак переноса.

1 4 2 Занятие 6. Работа с текстом

• 0 Hyphenation !: Worcs Longer Than:! 5 ufter First: ] 2 j: ©store Last:: 2

[tetters : I letters j letters

Hyphen Urnlt; 12 I hyphens : Hyphenation Zone: I 3 pica I 0 Hyphenate Capitalized Words Рис. 6.18. Диалоговое окно Hyphenation

6. В поле Hyphen Limit (Лимит переносов) укажите максимальное количество символов переноса в одной строке текста. Значение поля Hyphenation zone (Зона переноса) определяет ширину области у границы правого отступа, в пределах которой возможен перенос. Флажок Hyphenation (Перенос) включает функцию расстановки переносов, а флажок Hyphenate Capitalized Words (Переносить слова из прописных) позволяет задать возможность переноса и для слов, написанных прописными буквами. Теперь можно приступить к рассмотрению эффектов, применимых к тексту.

Эффекты, применяемые к тексту До сих пор речь шла только о возможностях Photoshop как текстового редактора, сейчас же следует вспомнить о том, что это еще и программа по обработке растровой графики. Вы уже знаете, что вводимый в программе текст не является растровым изображением — используется обычный шрифт TrueType или PostScript, он же Typel. Для того чтобы применить к тексту те эффекты, которые применяются к растровой графике, его необходимо сделать растровым изображением. Поэтому сначала вы должны научиться использовать эффекты, применяемые к обычному тексту, а затем переходить к растру.

Упражнение 9. Искажение и трансформирование текста Трансформировать объекты вы уже умеете, а сейчас вы научитесь использовать функцию искажения текста. 1. Активизируйте инструмент Horizontal text (Горизонтальный текст), установите для шрифта крупный кегль и наберите небольшой по объему текст. На панели свойств щелкните на кнопке Create warped text (Создать деформированный текст). В списке Style (Стиль) открывшегося диалогового окна Warp Text (Деформировать текст), представленного на рис. 6.19, выберите способ деформирования и задайте необходимые дополнительные параметры.

Эффекты, применяемые к тексту 1 4 3 Warp Text Style:| О Arc ;

•|' j gend:

§j "~;

OK

©Horizontal О Vertical :

Reset Г

1+50 j %

\ Hcyljontal Distortion:



[%

I Vertical Distortion:

[o

j%

Рис. 6.19. Диалоговое окно Warp Text

2. В верхней части окна установите переключатель, определяющий общее направление изгиба: Horizontal (Горизонтальный) или Vertical (Вертикальный). 3. С помощью ползунка Bend (Изгиб) установите величину изгиба деформируемого текста — положительные и отрицательные значения позволяют задать направление изгиба. 4. Изменяя положение ползунков Horizontal Distortion (Горизонтальное искажение) и Vertical Distortion (Вертикальное искажение), задайте степень искажения по вертикали и по горизонтали. Положительные и отрицательные значения позволяют определить направление деформации. Попробуйте задать разные варианты деформации текста и посмотрите, какие при этом можно получить эффекты. 5. Трансформирование текста практически ничем не отличается от трансформирования изображений — выполняются те же действия с помощью тех же команд. Единственная разница состоит в том, что к тексту нельзя применить такие эффекты, как искажение и перспектива. Наберите текст и попробуйте применить к нему операцию трансформирования. Для этого вызовите команду Edit • Transform (Правка • Трансформирование) и выполните такие же действия, как при трансформировании объектов. Деформация текста позволяет создавать интересные эффекты достаточно простым способом, при этом остается возможность обычного трансформирования.

Упражнение 10. Текст как выделенная область В программе Photoshop текст может быть не только текстом в виде набора символов определенного шрифта, но и выделенной областью. Ваша задача при выполнении этого упражнения — создать именно такой текст. 1. Активизируйте инструмент Horizontal Type Mask (Маска горизонтального текста), выберите большой кегль и, если хотите, установите полужирное начертание. Начинайте набирать текст. Программа создаст так называемую маску текста — розовый фон (по умолчанию) с «прорезями» для букв. Но о масках будет рассказано несколько позже, а сейчас активизируйте

1 4 4 Занятие б. Работа с текстом любой другой инструмент, например Paint Bucket (Заливка), и вы получите выделенную область в форме букв текста. Залейте ее с помощью инструмента Paint Bucket (Заливка) и снимите выделение. 2. Инструмент заливки применять к выделенной области не обязательно — точно такие же буквы можно получить, набрав обычный текст. Поэтому несколько изменим условия упражнения. Не закрывая текущий документ, откройте другой, например файл Palm Tree.tif из папки Samples. 3. Активизируйте инструмент Vertical Type Mask (Маска вертикального текста), выберите шрифт, скажем Arial Black, задайте его размер — пример- +••-* но 80 пунктов, установите флажок Faux Bold (Ложный жирный) и наберите короткий текст (рис. 6.20). При переключении на другой инструмент вы получите выделенную область. Если требуется, переместите ее с помощью любого из инструментов создания выделенных областей. При необходимости выделенную область можно слегка трансформировать — увеличить буквы или сделать их несколько шире. 4. Откройте файл Vacation.tif. Теперь расположите холсты так, чтобы они не полностью перекрывали друг друга. Затем откройте документ Palm Tree.tif и активизируйте инструмент Move (Перемещение). Переместите выделенную область на холст документа Vacation.tif, расположив ее на одной из фотографий, например нижней. Как видно, изображение внутри выделенной области переместилось вместе с этой областью, поскольку был задействован инструмент перемещения.

Рис. 6.20. Результат использования инструмента Type Mask ПРИМЕЧАНИЕ Текст, создаваемый любым из инструментов группы Type Mask (Маска текста), доступен для редактирования только на начальном этапе. Как только вы переключите инструмент и на экране появится выделенная область, текст как таковой редактировать будет невозможно.

Подведение итогов 1 4 5

Конвертирование и растрирование текста Как уже говорилось ранее, слой, на котором размещается текст, не совсем обычный. Текстовый слой значительно отличается от изученных ранее типов слоев. На таком слое может размещаться только текст, редактируемый с помощью отдельной палитры, и никакие другие инструменты на нем действовать не будут. Для того чтобы с текстом можно было работать, как с обычным растровым изображением, его необходимо конвертировать в другую форму, иначе говоря, сделать не текстом (под текстом понимается набор символов определенной гарнитуры, начертания и т. д.). Для такого преобразования в Photoshop предусмотрены следующие способы: • выполнив команду Layer • Туре • Create Work Path (Слой • Текст • Создать рабочий контур), текст можно преобразовать в контур, к которому применили заливку, то есть залитый контур; • с помощью команды Layer • Туре • Convert to shape (Слой • Текст • Конвертировать в форму) текст можно преобразовать в форму. Любой текст, в том числе и конвертированный описанными выше способами, можно растрировать, то есть преобразовать в растровое изображение. В подменю Layer • Rasterize (Слой • Растрировать) находятся команды, которые позволяют выполнить различные виды растрирования: • Туре (Текст) — позволяет выполнить растрирование обычного текста; • Shape (Контур) и Vector Mask (Векторная маска) — доступны только при наличии формы или векторной маски на слое; предназначены для растрирования соответствующих объектов; • Fill Content (Содержимое заливки) — растрирует содержимое формы или векторной маски. Команды, располагаемые в нижней части окна, позволяют упростить процесс растрирования, они применяются ко всему слою сразу, либо к связанным слоям, либо ко всем слоям документа.



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

ЗАНЯТИЕ 7

Работа с цветом

ТЕМА ЗАНЯТИЯ Это и следующее занятия посвящены очень интересной теме - работе с цветом. На данном занятии вы получите необходимые сведения по теории цвета и узнаете о методах использования цвета в Photoshop, а также научитесь на практике выполнять цветовую и тоновую коррекцию. Здесь будут рассмотрены следующие вопросы: • теория цвета; • выбор цвета в программе Photoshop; • инструменты цветовой и тоновой коррекции.

Теория цвета 1 4 7 Возможности программы Photoshop по цветовой и тоновой обработке изображений огромны. Единственное ограничение касается резкости снимка — предусмотрены разные способы ее увеличения, но сделать качественным совершенно нерезкий снимок не представляется возможным. Еще с тех времен, когда компьютерная обработка снимков отсутствовала, а о цифровой фотографии никто даже и подумать не мог, существует неписаное правило: главное, чтобы снимок был достаточно резким, а все остальные эффекты можно «вытянуть». Конечно, коррекция применима не только к тем снимкам, которые нужно «вытягивать». Иногда требуется внести небольшие исправления в снимок, предназначенный для конкретного макета или необходима более глубокая корректировка снимка на всех этапах его создания: замысел-снимок-обработка-печать-сканирование. Кроме того, средства цветокоррекции позволяют создавать множество интересных эффектов. Но прежде чем приступать к освоению приемов цветокоррекции на практике, нужно получить некоторые сведения об объекте, с которым вы собираетесь работать, то есть о цвете. Поэтому вспомним некоторые положения теории цвета.

Теория цвета Конечно, каждый из вас имеет представление о том, что такое цвет. Вместе с тем без использования специальных физических терминов дать определение понятию «цвет» не так просто. Кроме того, восприятие цвета — сугубо индивидуальный процесс для каждого человека, к тому же он зависит от множества факторов, например внешней освещенности, типа поверхности рассматриваемого объекта и т. п. Еще одна сложность связана со способом оценки цвета, поскольку его невозможно измерить так, как измеряют массу или скорость. Вспомните, цвет, который вы видите, — это либо излучаемая объектом часть видимого светового спектра (когда вы имеете дело с источником освещения), либо отражаемая объектом часть того же видимого спектра (если речь идет об обычной поверхности). Однако применительно к компьютерным технологиям такое определение не подходит. Здесь для описания цвета необходимо использовать точные значения; с этой целью созданы цветовые модели.

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

1 4 8 Занятие 7. Работа с цветом Модель RGB Название модели складывается из первых букв основных цветов, которые ее составляют: красного (Red), зеленого (Green), синего (Blue). Любой цвет в модели RGB образуется путем смешения в различных пропорциях этих трех базовых цветов. Цвет в данной модели описывается тремя цифровыми значениями от О до 255. Таким образом, каждый цвет может иметь 256 оттенков. Это значение определяется глубиной цвета — максимальным количеством информации о цвете, которая может храниться в одной ячейке (28). Каждое цифровое значение определяет наличие конкретного базового цвета в итоговом цвете. Эти значения записываются в порядке, соответствующем названию модели: красный, зеленый и синий компоненты. К примеру, чистый красный цвет в модели RGB представляется как 255,0,0 (красная составляющая является максимальной, зеленая и синяя отсутствуют), зеленый цвет в цифровом виде представляется как 0,255,0, синий — как 0,0,255. Модель RGB является аддитивной, то есть описывает излучаемые цвета; чистый черный цвет представляется как 0,0,0 (ни один из цветов не излучается, доля всех составляющих равна нулю). Белый цвет соответствует максимуму излучения — уровень каждой составляющей максимальный, в цифровом виде цвет записывается следующим образом: 255,255,255. Нами рассмотрены только пять цветов (всего такая модель может описать более 16 млн цветов — 2563). Другие цвета можно получить, изменяя долю каждой составляющей с шагом в единицу. Так, задав максимальные уровни красной и зеленой составляющих, вы получите желтый цвет (255,255,0). В обычной трехмерной системе координат цветовую модель можно представить в виде куба (рис. 7.1).

Yellow Magenta

Cyan Рис. 7.1. Представление цветовой модели RGB

Здесь точка начала координат соответствует черному цвету (Black). В ближайшей к вам вершине куба точка максимального излучения является точкой белого цвета (White). Диагональ, соединяющая эти две точки, — шкала оттенков серого (Grayscale). Как и положено, 256 оттенков. Вершины куба, располагающиеся на осях, соответствуют красному, зеленому и синему цветам. В этих точках составляющие имеют максимальные значения. Наконец, оставшиеся три вершины соответствуют

Теория цвета 1 4 9 цветам, образованным путем смешивания пар основных цветов: красного с зеленым, красного с синим, зеленого с синим. Это желтый (Yellow), пурпурный (Magenta) и голубой (Cyan). Чуть позже вы увидите, почему на этих цветах акцентируется внимание. Цветовая модель RGB описывает цветовой диапазон таких устройств, как монитор и сканер. Модель CMYK В отличие от модели RGB, модель CMY описывает цвета, полученные в результате отражения света объектами, то есть в ее основе лежит другой принцип. Данная модель является субтрактивной (вычитающей), так как цвета в ней образуются путем вычитания из черного цвета базовых цветов: голубого (Cyan), пурпурного (Magenta) и желтого (Yellow). Они образуют так называемую полиграфическую триаду и называются триадными. В цветовой модели CMY уровень составляющих задается значениями в диапазоне от 0 до 100 % (величина 100 % в этой модели соответствует 255 единицам модели RGB). Поскольку цветовая модель CMY, по существу, является обратной модели RGB, то при смешивании двух субтрактивных цветов результирующий цвет оказывается более темным, чем исходные, а при смешивании всех трех составляющих должен получаться черный цвет. Соответственно белый цвет — это полное отсутствие краски (значения всех цветовых составляющих равны 0). В трехмерной системе координат цветовую модель CMY также можно представить в виде куба (рис. 7.2). с Blue Green

Red Y Рис. 7.2. Представление цветовой модели CMY

В точке начала координат уровни всех составляющих равны 0 — это белый цвет (White). Ближайшая к вам вершина куба — точка черного цвета (Black). В ней уровни всех трех составляющих имеют максимальные значения. Диагональ, соединяющая белую и черную точки, — шкала серого. В любой точке этой линии главные цвета смешаны в равной пропорции. То же самое можно было сказать и о предыдущей модели. Вершины куба, располагающиеся на осях, соответствуют чистым голубому (Cyan), пурпурному (Magenta) и желтому (Yellow) цветам. На остальных трех вершинах расположены цвета, которые образуются в результате смешивания пар базовых цветов: голубого и пурпурного, голубого и желтого, пурпурного и желтого. Это синий (Blue), зеленый (Green) и красный (Red).

1 5 0 Занятие 7. Работа с цветом Может показаться, что модель CMY больше всего подходит для печатной продукции — ведь мы видим цвет, отраженный от поверхности. Теоретически смесь трех базовых красок должна давать глубокий черный цвет, но в реальности так не получается, поскольку при смешивании данных красок образуется не черный, а грязно-коричневый цвет. Для устранения этого недостатка к трем краскам добавили четвертую, черную (Black), и цветовая модель получила название CMYK — Cyan, Magenta, Yellow, BlacK. В названии модели используется не первая буква слова Black, а последняя, чтобы не путать с цветом Blue модели RGB. Таким образом, черный цвет в модели CMYK имеет только одну составляющую — черную (0,0,0,100). Область применения цветовой модели CMYK — полноцветная печать. Именно с этой моделью работает большинство устройств печати. Модель HSB Цвет в модели HSB описывается с помощью трех параметров: тона, насыщенности и яркости. Тон — это конкретный оттенок цвета. Насыщенность характеризует его интенсивность, или чистоту. Яркость же зависит от количества черной краски, добавленной к данному цвету. Эту модель для наглядности можно представить в виде цилиндра, где длина окружности, образующей основание, соответствует параметру тона, радиус основания — оси изменения насыщенности, а высота боковой поверхности — оси изменения яркости (рис. 7.3). Н

S

В Рис. 7,3. Представление цветовой модели HSB

Значение цвета задается вектором, выходящим из центра окружности. Точка в центре соответствует белому цвету, а точки, расположенные на границе окружности,— чистым цветам. Направление вектора (в угловых градусах) определяет цветовой оттенок, а длина вектора — насыщенность цвета. Яркость цвета задается на отдельной оси. Таким образом, значение тона измеряется в градусах от 0 до 360, а значения насыщенности и яркости - в процентах от 0 до 100. Модель HSB согласуется с принципом восприятия цвета человеком и наиболее проста для понимания: сначала можно определить цветовой тон, а затем задать насыщенность и яркость. Но, к сожалению, эта модель не самая удобная для использования в издательских системах, поэтому на практике она применяется мало. Вместе

Теория цвета 1 5 1 с тем в Photoshop вы выбираете цвет, используя модель HSB, и при этом можете видеть в соответствующих полях цифровые значения моделей RGB и CMYK.

Модель Lab Цветовая модель Lab была разработана Международной комиссией по освещению (CIE) таким образом, чтобы в ней отсутствовали недостатки вышеописанных цветовых моделей. В частности, она создавалась как аппаратно-независимая модель, то есть определяющая цвета независимо от типа устройства (монитора, принтера и т. п.). Цвет в данной модели определяется тремя параметрами. Это освещенность — L и два хроматических компонента — а (диапазон изменения: от пурпурного до зеленого) и b (диапазон изменения: от синего до желтого). Освещенность изменяется в диапазоне от 0 до 100 %. Максимальное значение освещенности соответствует максимальной яркости цвета. Значения параметров а и b задаются числами, находящимися в пределах от -128 до 127.Такую цветовую модель, как и описанные ранее, можно представить как трехмерную (рис. 7.4).



/

а

Рис. 7.4. Представление цветовой модели Lab

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

Lab RGB -

CMYK

Рис. 7.5. Сравнительная характеристика цветовых моделей

152 Занятие 7. Работа с цветом Как вы видите, цветовые охваты моделей RGB и CMYK несколько отличаются: самые яркие цвета модели RGB невозможно передать с помощью цветовой модели CMYK, а для самых темных цветов модели CMYK нет аналогов в цветовой модели RGB. Высокоточные цветовые модели Чтобы достичь более высокого качества печати, чем при использовании цветовой модели CMYK, были созданы высокоточные цветовые модели. Они строятся путем добавления к четырем цветам модели CMYK дополнительных цветов (обычно двух). К таким моделям относятся Hexachrome и Big-Gamut CMYK. В модели Hexachrome печать осуществляется шестью цветами — к цветам модели CMYK добавлены зеленый (Green) и оранжевый (Orange). В системе Big-gamut CMYK предусмотрены дополнительные печатные формы для стандартных базовых цветов. Однако высокоточные цветовые модели не получили широкого распространения из-за сложности печати шестью цветами.

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

Режим Grayscale Данный режим позволяет передавать только 256 цветов, точнее оттенков серого. Изображения в таком режиме называются полутоновыми — здесь имеются в наличии черный и белый цвета, а между ними находятся 254 оттенка серого. Не путайте этот режим с черно-белым, так как в последнем используются только два цвета — белый и черный.

Режим Bitmap Этот режим является истинно черно-белым, поскольку изображение передается лишь двумя цветами — черным и белым. Макеты печатаются только черной краской, а эффекты полутонов создаются иным способом.

Режим Indexed Color Этот режим позволяет ограничивать количество цветов изображения до минимума — вплоть до одного цвета (максимальное количество цветов при этом ограничивается 256). Режим Indexed Color с успехом применяется при подготовке

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

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

Цвета для Веб При создании цветов, предназначенных для просмотра изображения в браузерах, используется та же цветовая модель RGB, только значения цветов в цифровом виде задаются иначе — согласно стандартам языка разметки страниц HTML. Принцип создания цвета остается тем же — каждая составляющая имеет 256 оттенков, только в стандартной модели RGB они записываются в десятичном виде (от 0 до 255), а в палитре веб-цветов они представлены в шестнадцатеричной форме (от 0 до FF). Суть от этого не меняется. Просто в шестнадцатеричной системе для представления чисел используются цифры от 0 до 9 и буквы от А до F. Нетрудно подсчитать, что число FF в шестнадцатеричной модели соответствует числу 255 — в десятичной. Поэтому палитра веб-цветов содержит те же 16,7 млн цветов, но есть небольшое отличие. В палитре веб-цветов лишь 256 цветов являются так называемыми безопасными, только они гарантированно будут корректно отображаться веб-браузерами. Остальные могут отображаться с искажениями. Кроме того, цвет, выбранный в программе Photoshop, и точно такой же цвет, заданный программно средствами языка HTML, присутствующие на одной вебстранице, в окне браузера могут выглядеть по-разному (при условии, что они не являются безопасными). В программе Photoshop предусмотрено предупреждение о выборе пользователем небезопасного цвета (об этом речь пойдет позже). Тем не менее небезопасные цвета также широко используются для создания вебграфики, поскольку ограничение 256 цветами не всегда может удовлетворить веб-дизайнера.

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

1 5 4 Занятие 7. Работа с цветом отобразить очень яркие цвета модели RGB, модель RGB, в свою очередь, не способна передать темные густые оттенки модели CMYK, поскольку природа цвета разная. Потери, вызванные конвертированием, невосполнимы. Так, если конвертировать созданное в цветовой модели RGB изображение в модель CMYK, часть цветов модели RGB, которые не может передать CMYK, будут преобразованы с искажениями. И при обратном переходе в RGB эти цвета восстановить не удастся. В Photoshop для наиболее точного преобразования цветов конвертирование осуществляется с использованием модели Lab, которая имеет наиболее широкий цветовой диапазон и полностью охватывает цвета всех цветовых моделей. В частности, преобразование из RGB в CMYK в Photoshop будет выглядеть как преобразование из RGB в Lab и только затем — в CMYK. Для конвертирования в требуемую модель выберите ее в подменю Mode (Режим) меню Image (Изображение). Больше никаких действий выполнять не нужно конвертирование с использованием модели Lab будет выполнено программой автоматически. В программе Photoshop изображения, представленные в разных цветовых моделях, отличаются количеством и названием каналов. Изображение в любой цветовой модели содержит один канал для каждой составляющей цвета данной цветовой модели. Таким образом, один канал содержит только изображения, содержащие соответствующий ему цвет или оттенки этого цвета. Отсюда следует, что в модели RGB присутствуют три канала (Red, Green, Blue), а в модели CMYK — четыре (Cyan, Magenta, Yellow и Black). Так, если в изображении в модели RGB нарисовать три квадрата — зеленый, красный и синий, то зеленый квадрат отобразится только в зеленом канале и т. д. А если создать желтый квадрат, то он будет отображаться в двух каналах — красном и зеленом, поскольку желтый цвет представляет собой смесь красного и зеленого. В Photoshop каналы отображаются в палитре Channels (Каналы). Фактически деление на каналы — это предварительный просмотр результатов цветоделения, необходимого для процесса типографской печати. Глубина цвета До сих пор мы все время оперировали цифрой 256. Именно такое количество оттенков одного цвета содержится в одном канале, поэтому оно рассматривалось как оптимальное для передачи цвета. Вспомните, режим Grayscale содержит 256 оттенков серого, в модели RGB каждая из трех составляющих может содержать до 256 оттенков. Иными словами, речь идет о восьмибитовом цвете (2 8 = 256) каждый канал (в модели RGB, например, красный, зеленый и синий каналы) мо8 жет содержать до 2 цветов. В этом случае говорят, что изображение имеет глубину цвета 8 бит/канал (битов на канал). Это именно та глубина цвета, с которой вам в основном придется работать. Но такой глубиной цвета возможности современной техники не ограничиваются. В частности, Photoshop позволяет работать с глубиной цвета 16 бит/канал, а начиная с нынешней версии — 32 бит/канал. Но нужна ли такая большая глубина цвета? Глубиной цвета 16 бит/канал обычно характеризуются высококачественные, зачастую профессиональные, снимки, и их обработка при меньшей глубине цвета приводит к существенной потере качества, но, с другой стороны, вывод на печать

Выбор цвета 1 5 5 подобных изображений именно с такой глубиной цвета имеет смысл только в случае, если устройство печати способно ее поддерживать. Изображения с глубиной цвета 32 бит/канал используются как источник света в трехмерных сценах — это уже отдельная область дизайна. В дальнейшем мы будем иметь дело только с изображениями, имеющими глубину цвета 8 бит/канал.

Выбор цвета В программе Photoshop предусмотрено множество способов выбора цвета. Один из них вам уже знаком — это способ, предполагающий использование диалогового окна Color Picker (Выбор цвета), показанного на рис. 7.6. Color Picker Selectforegroundcolor:

щ ;::: OK i

ш щ

[ ColoLibraries |

1

Iе _J:': OS: о \% r -: OS: — : ©Н: 0

0

№ i

OR: о s OG: О В:

DOnly Web: Coo l rs

сancel

0 "o""j

J t:oooooo |

OL:

0

Г



Ob: C: M: L l . j Y:. K: 90 |% •' 5

%

Рис. 7.6. Диалоговое окно Color Picker

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

Упражнение 1. Диалоговое окно Color Picker При работе с программой вам уже приходилось выбирать цвет, теперь вам предстоит усвоить некоторый теоретический материал. По умолчанию в окне Color Picker (Выбор цвета) отображены цвета палитры HSB — установлен переключатель Н (первая буква названия HSB). Тем не менее числовые значения отображаются в окне для каждой модели. Обратите внимание на то, что на экране можно отображать палитру любой цветовой модели, кроме CMYK. Для этой модели указывается числовое соответствие цвета, выбранного в другой модели. Вы можете выбрать любую модель для представления цвета, учитывая удобство работы с конкретной палитрой и руководствуясь собственным вкусом. Повторим, что по умолчанию установлен переключатель Н, обозначающий тон. Поэтому

1 5 6 Занятие 7. Работа с цветом при выборе цвета тоновая характеристика является главной. На узкой вертикальной цветовой шкале представлен весь цветовой диапазон, а в основном окне выбирается требуемый оттенок. Если такой метод вас не устраивает или вы просто хотите поэкспериментировать, выберите переключатель S. В данном случае выбор будет осуществляться по насыщенности цветов, и вертикальная цветовая шкала представляет именно эту характеристику, а диапазон цветов отображается в основном окне. Для выбора, например, слабонасыщенного цвета ползунок вертикальной цветовой шкалы необходимо переместить вниз, поскольку когда он находится в верхнем положении, можно выбрать только цвета с большой насыщенностью. То же самое можно сказать и о переключателе В (яркость) — при выборе цвета вы будете отталкиваться от его яркости. Путем подбора выберите для себя наиболее удобный метод. Главное — не забывать о несоответствии цветов различных моделей. При выборе цвета в соответствующих окнах отображаются числовые значения составляющих цвета для каждой из цветовых моделей. Здесь и могут возникнуть проблемы, поскольку при отсутствии выбираемого цвета в какой-либо из цветовых моделей «цифры» для него будут отображены некорректно. 1. Выберите в модели Lab какой-либо яркий цвет, пусть он будет иметь параметры L = 100, а - 0, b = -127. Чтобы их задать, перемещайте маркер выбора цвета либо введите данные вручную. Программа покажет значение этого цвета для модели RGB: 154,255,255. Запишите их, а затем смените цвет и введите в поля R, G и В предыдущие значения - 154,255,255. Посмотрите, какие значения программа отображает для модели Lab: 94,-31,-10. Это уже совсем другой цвет. Все дело в том, что для цвета модели Lab 100,0,-127 нет аналогов в других моделях, поэтому программа заменяет их ближайшими цветами. То же самое может произойти и в модели RGB. Установите переключатель R, выберите с помощью ползунка какой-либо яркий цвет, допустим, тот же голубой. Пусть выбранный цвет в модели RGB имеет параметры 167,255,255. Для модели CMYK программа отображает значения этого цвета как 27,0,6,0. Теперь смените цвет и посмотрите, как в действительности выглядит (приблизительно) цвет 27,0,6,0 - он гораздо темнее. То есть цвет 167,255,255 нельзя корректно передать в модели CMYK, он будет несколько темнее. Во избежание подобных ситуаций в программе предусмотрена возможность предупреждать пользователя о том, что его выбор неправильный. Если цвет выходит за пределы цветового диапазона модели CMYK, в правом верхнем углу окна, слева от кнопки Cancel (Отмена), появляется значок предупреждения с изображением восклицательного знака: он сигнализирует о выходе цвета за границы диапазона цветовой модели. Рядом с данным значком отображается цветовой квадрат с ближайшим корректным аналогом неправильно выбранного цвета. Вы можете остановить свой выбор на нем либо перемещать маркер выбора цвета до тех пор, пока значок не исчезнет. 2. Значок в виде куба, свидетельствующий о выходе цвета за пределы безопасной зоны веб-цветов, появляется гораздо чаще. Это не удивительно, ведь безопасных цветов всего 256. Если все же возникнет необходимость выбрать один

Выбор цвета 1 5 7 из таких веб-цветов, установите в диалоговом окне Color Picker (Выбор цвета) флажок Only Web Colors (Только цвета Веб). 3. Еще одна возможность, предоставляемая в диалоговом окне Color Picker (Выбор), - выбор плашечных цветов. Щелкните на кнопке Color Libraries (Библиотеки цветов), и вы увидите на экране одноименное диалоговое окно (рис. 7.7).

-

Рис. 7.7. Диалоговое окно Color Libraries

В раскрывающемся списке Book (Каталог) выберите одну из множества библиотек плашечных цветов, представленных в программе. Выбор цвета произведите в расположенной ниже области. В зависимости от выбранной библиотеки программа отобразит соответствующие значения цвета либо для модели Lab (как наиболее универсальной), либо для модели CMYK (как модели, предназначенной для печати). 4. Щелкнув на кнопке Picker (Выбор), вернитесь в окно Color Picker (Выбор). Как видите, в одном диалоговом окне цвет выбирается несколькими способами — исходя из конкретных условий, можно представить цветовую палитру поразному. Кроме того, есть возможность ограничить количество цветов до 256 специально для тех случаев, когда необходимо выбрать безопасный цвет Веб. Если вы щелкнете на кнопке Custom (Выбор) в диалоговом окне Custom Colors (Пользовательские цвета), то сможете выбрать плашечный цвет.

Упражнение 2. Палитра Color Для выбора нужного цвета вы можете также использовать палитру Color (Цвет), показанную на рис. 7.8. С данной палитрой удобнее всего работать, когда известны точные параметры выбираемого цвета. 1. Откройте палитру Color (Цвет), вызвав команду Window • Color (Окно • Цвет) или нажав клавишу F6. Для выбора цвета используйте цветовую шкалу или ползунки каждой составляющей цвета либо введите числовые значения в поля, находящиеся рядом с ползунками. Недостаток палитры состоит в том,

1 5 8 Занятие 7. Работа с цветом что выбирать цвет на цветовой шкале неудобно, достоинство — в легкости выбора цвета с помощью ползунков. Можно очень просто модифицировать оттенок, если вы знаете, какую из составляющих нужно менять. Еще один плюс — наличие дополнительных прямоугольников, позволяющих выбрать белый и черный цвета.

Color

Рис. 7.8. Палитра Color ПРИМЕЧАНИЕ Будьте внимательны при выборе черного цвета для модели CMYK. В Photoshop он имеет параметры 75,68,67,90, что для печати не совсем подходит. Лучше пользоваться стандартным значением черного (0,0,0,100) либо усиленного черного (100,0,0,100).

2. Для выбора цветов в другой цветовой модели откройте меню палитры Color (Цвет), нажав кнопку со стрелкой, указывающей вправо, и выберите нужную модель. Здесь представлены те же модели, которые есть в диалоговом окне Color Picker (Выбор цвета). 3. Особый интерес представляют команды нижней части меню данной палитры. С их помощью можно указать модель, цветовой диапазон которой будет отображаться на палитре. Интересно то, что для одной цветовой модели можно выбрать отображение спектра цветов другой модели. То есть, работая с цветовой моделью CMYK, вы можете выбирать цвета модели RGB. Правда, здесь, как и в окне Color Picker (Выбор), в случае выхода из цветового диапазона появляется значок предупреждения. При выборе модели CMYK установите также флажок возле команды CMYK Spectrum (Спектр CMYK) меню палитры Color (Цвет), чтобы в цветовой палитре отображался спектр цветов именно этой модели. Палитра Color (Цвет) предоставляет еще один способ для выбора цвета, который по сравнению с использованием диалогового окна Color Picker (Выбор цвета) имеет свои преимущества и недостатки. К преимуществам можно отнести возможность выбора спектра отображаемых цветов, к недостаткам — сложность выбора цвета в небольшой палитре, так как ее размеры изменить нельзя.

Упражнение 3. Палитра Swatches Палитра Swatches (Образцы), показанная на рис. 7.9, хранит различные наборы как плашечных, так и триадных цветов. В этом состоит ее удобство — определенный набор цветов всегда под рукой, а кроме того, предусмотрена возможность добавлять собственные цвета в каталог.

Выбор цвета 1 5 9

Рис. 7.9. Палитра Swatches

1. Откройте палитру Swatches (Образцы), используя команду Window • Swatches (Окно • Образцы). Для выбора цвета достаточно щелкнуть мышью на требуемом образце.

2. Щелкните на кнопке со стрелкой и в открывшемся окне палитры выберите набор цветов. Практически все представленные здесь наборы, за исключением нескольких веб-палитр, — это каталоги плашечных цветов.

3. Добавить цвет в палитру можно несколькими способами. В любом случае

сначала необходимо выбрать основной цвет одним из известных вам способов. Далее следует щелкнуть на небольшой серой полоске там, где заканчиваются образцы цветов, при этом указатель должен принять форму инструмента Paint Bucket (Заливка). Можно также открыть меню, щелкнув на кнопке со стрелкой, и выбрать в нем команду New Swatch (Новый образец). В открывшемся диалоговом окне (рис. 7.10) укажите имя нового цвета (можете оставить заданное по умолчанию) и щелкните на кнопке ОК.

Рис. 7.10. Диалоговое окно Color Swatch Name

Подробно следует рассмотреть дополнительные команды меню палитры. Команда Load (Загрузить) используется для загрузки нового набора цветов (то же самое можно сделать, выбрав набор цветов непосредственно во всплывающем меню). Практически того же (загрузки нового каталога) можно добиться с помощью команды Replace Swatches (Замена образцов), однако при этом текущий каталог будет удален из палитры. Активизировав команду Save Swatches (Сохранить образцы), можно сохранить собственный набор цветов с любым именем, то есть создать пользовательскую палитру. По умолчанию палитра сохраняется в папку, хранящую все наборы образцов (Color Swatches). Последняя команда этого меню - Reset Swatches (Сброс образцов) - применяется для того, чтобы вернуться к палитре, используемой по умолчанию. Палитра Swatches (Образцы) удобна при работе с небольшим определенным набором цветов — уже неоднократно использовавшийся цвет не нужно снова выбирать путем установки подходящих числовых параметров, достаточно просто щелкнуть на требуемом образце в палитре.

1 6 0 Занятие 7. Работа с цветом

Упражнение 4. Инструмент Eyedropper Инструменты Eyedropper (Пипетка) и Color Sampler (Образец цвета) используются для выбора любого цвета, имеющегося в открытых документах. 1. Вызовите инструмент Eyedropper (Пипетка) и щелкните в каком-либо месте на изображении. Выбранный таким образом цвет тут же отобразится как основной на панели инструментов, а если активна палитра Color (Цвет), то вы увидите его и в этой палитре. Перемещайте инструмент, не отпуская кнопку мыши, и цвет будет изменяться. Текущее значение цвета можно увидеть также в палитре Info (Инфо). 2. Активизируйте дополнительные параметры инструмента, щелкнув правой кнопкой мыши. В раскрывшемся меню укажите один из трех способов выбора цвета пипеткой. По умолчанию установлен вариант Point Sample (Точечный образец) — пипеткой выбирается цвет того пиксела, на котором она размещается. Два других варианта, 3 by 3 Average (Усредненный из 3x3) и 5 by 5 Average (Усредненный из 5x5), используются для выбора с помощью пипетки среднего значения цвета в области 3x3 или 5x5 пикселов. Такие варианты ; подходят, когда в этой области происходит незначительное изменение цвета и малейшая погрешность при установке пипетки в нужную позицию приведет к неправильному выбору цвета. 3. Теперь активизируйте инструмент Color Sampler (Сборщик образцов). С его помощью берут образцы цвета для их последующего сравнения. Таких образцов может быть не более четырех. Откройте палитру Info (Инфо) и выберите четыре образца цвета, их значения будут отображаться в палитре под номерами от 1 до 4 (рис. 7.11). S&visata^ Info • R

Д Y #1R ** Б #3R B

Ч

Ч||Ш*|:

С • #M У ! К 8-Ы

, 49% 34% 38% 2%

10,94 ' P.W 24,53 i l"! H 158 147 116

i #2R j ^s

67 105 . 61

| #4R ' J1 ^

*B

Б

115 193 232 133 157 159

Doc 3,01M/3,01M

Click m i age to place new color sampler. Use Ctrl for additional options. Рис. 7.11. Палитра Info при выборе пипеткой четырех образцов

Инструменты тоновой и цветовой коррекции 1 6 1 Дополнительные свойства цвета можно отобразить, щелкнув правой кнопкой мыши на выбранной точке. Во всплывающем меню установите цветовую модель, в которой будет отображаться значение цвета данной точки. Для удаления выбранной точки примените команду Delete (Удалить). Кроме того, любую из точек можно перемещать с помощью мыши. Инструмент Color Sampler (Сборщик образцов) вместе с палитрой Info (Информация) удобно использовать для определения цвета изображения — щелкая на холсте и глядя на палитру, можно выбирать требуемый цвет. Помимо этого, инструмент совместно с палитрой хорошо использовать для сравнения цветов различных участков изображения.

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

Тоновые участки изображения В любом растровом изображении условно можно выделить три тоновые области: тени, полутона и свет. Тени — это самые темные участки изображения, свет — наиболее яркие участки, а остальные области изображения, не попадающие ни в одну из двух названных категорий, относятся к полутонам. Это условное деление. Четкая граница между указанными областями отсутствует, но визуальные различия довольно существенны. Откройте, например, файл Palm Tree.tif и рассмотрите изображение. К теням здесь можно отнести узкую полоску грунта на прибрежной полосе, светом являются светлые участки моря и прибрежный песок, а также белые облака на небе. Все остальные области изображения являются полутонами. Выделение тоновых областей необходимо для правильного понимания некоторых функций цветокоррекции и наиболее эффективного их использования. Для наглядного представления тоновых областей постройте график. 1. Откройте документ Island Girl.jpg. 2. Выполните команду Image • Adjustment • Curves (Изображение • Настройка • Кривые) или воспользуйтесь клавишами Ctrl+M. После этого откроется диалоговое окно Curves (Кривые), показанное на рис. 7.12. О методах цветокоррекции, производимой в этом окне с помощью кривых, речь пойдет несколько позже, а сейчас вам нужен только график. Начало линии (левый нижний угол) соответствует самым темным точкам изображения, конец линии — самым светлым. Обратите внимание, что это верно только для цветовой модели RGB, а для модели CMYK все будет наоборот.

1 6 2 Занятие 7. Работа с цветом

Channel:1 RGB

OK Reset А

\

I Load,,,

Auto Options,., Input; Output;

13 Preview a

Рис. 7.12. Диалоговое окно Curves

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

Упражнение 5. Инструмент Dodge Работа с инструментом Dodge (Осветлитель), равно как и с другими инструментами этой группы, аналогична работе с инструментом Brush (Кисть): необходимо выбрать диаметр инструмента и рисовать на холсте. Только инструменты данной группы предназначены не для рисования, а для создания эффектов. В этом упражнении вы будете применять их на практике. 1. Откройте два файла: Palm Tree.tif и Island Girl.jpg. Активизируйте инструмент Dodge (Осветлитель), который находится непосредственно под инструментом Paint Bucket (Заливка), либо нажмите клавишу О и посмотрите на панель свойств (рис. 7.13). В списке Brush (Кисть) выберите размер кисти. : «,, » ; Brush: * - j Rings: Md i tones

V E>posut 5U-' I

Рис. 7.13. Панель свойств инструмента Dodge

2. Проведите инструментом по какому-либо темному участку изображения на холсте документа Island Girl.jpg. Вы увидите, что та часть рисунка, на которую

Инструменты тоновой и цветовой коррекции 163 воздействовал инструмент, осветлилась. Степень осветления зависит от значения параметра Exposure (Экспозиция) — чем большее значение установлено в этом поле, тем сильнее воздействие инструмента. После щелчка на кнопке Set to enable airbrush capabilities (Установить для активизации возможностей аэрографа) инструмент Dodge (Осветлитель) приобретет свойства аэрографа. Данное свойство подробно рассматривалось на занятии, посвященном рисованию. 3. Программа предоставляет возможность осветлить изображение с использованием различных тоновых режимов. Раскройте список Range (Диапазон), содержащий три элемента: Shadows (Тени), Midtones (Полутона) и Highlights (Свет). Согласно справочному руководству Photoshop режим Shadows (Тени) предназначен для осветления теней, режим Midtones (Полутона) — для осветления полутонов, а режим Highlights (Свет) — для осветления света. Но на практике все может выглядеть несколько иначе. 4. Вернемся к файлу Island Girl.jpg. Очевидно, что участками теней являются изображения переднего плана (девочка в лодке), их необходимо несколько осветлить. Логично было бы перевести инструмент Dodge (Осветлитель) в режим Shadows (Тени) и осветлить лицо девочки (при среднем значении Exposure (Экспозиция) - примерно 50 %). Попробуйте сделать это и посмотрите, что получится. В таком режиме лицо девочки осветляется слишком сильно (рис. 7.14). Что же происходит? Обратимся к уже знакомому вам диалоговому окну Curves (Кривые). Отмените последнее действие, затем откройте это окно и замерьте цвет лица инструментом Eyedropper (Пипетка). Нетрудно догадаться, что участки оттенков должны находиться в области теней, — это видно на графике. Маркер не выходит за пределы 20 %. Теперь закройте окно и осветлите лицо инструментом Dodge (Осветлитель) в режиме Highlights (Свет) со стандартным значением в поле Exposure (Экспозиция), примерно равным 50 %. В результате лицо станет слишком ярким и, более того, мутным. Вновь откройте окно Curves (Кривые) и замерьте цвет лица. Вы увидите, что осветленные участки теперь находятся в области света. Даже если вы уменьшите значение в поле Exposure (Экспозиция), изображение останется нечетким. Дело в том, что при добавлении теням яркости они становятся мутными. Именно таким путем можно добиться осветления в режиме Shadows (Тени). 5. Отмените все действия, затем в списке Range (Диапазон) выберите режим Highlights (Свет) и снова осветлите лицо. Теперь результат гораздо лучше (рис. 7.15). Посмотрев на график в окне Curves (Кривые), вы увидите, что маркер не выходит за пределы теней. Теперь теням не добавляется яркость, здесь несколько иной принцип работы. 6. Попробуйте аналогичным способом осветлить светлые участки изображения, например облака. Выберите режим Highlights (Свет) в списке Range (Диапазон) и осветлите изображение, при этом вы можете все время проводить замеры пипеткой в окне Curves (Кривые). В данном случае результат будет явно неудовлетворительным. Для наглядности все операции проводятся при одном и том же значении Exposure (Экспозиция). Отмените осветление и выберите

1 6 4 Занятие 7. Работа с цветом режим Shadows (Тени). После осветления облака станут белоснежными. Дело в том, что в первом случае инструмент еще больше осветляет самые яркие пикселы, а во втором он ищет наиболее темные пикселы среди достаточно светлого облака и осветляет в основном их, не затрагивая наиболее светлые участки. Это позволяет убрать синеватый оттенок облака и сделать его практически белым.



Рис. 7.14. Результат использования режима Shadows

Рис. 7.15. Результат использования режима Highlights

7. Поработайте теперь с изображением пальмы из файла Palm Tree.tif. Попробуйте осветлить листья дерева. Режим Shadows (Тени) здесь не подойдет из-за наличия достаточно темных участков в листве. Поэкспериментируйте в применении двух оставшихся режимов. При использовании режима Highlights (Свет) пальма получится с более насыщенными цветами, в режиме Midtones (Полутона) насыщенность цветов уменьшится, а яркость несколько увеличится. Выбор режима зависит от выполняемой задачи. Теперь посмотрите, как работает в тех же режимах инструмент, служащий для затемнения изображений.

Упражнение 6. Инструмент Burn Инструмент Burn (Затемнитель) используется для затемнения участков изображения. Работает он так же, как и предыдущий инструмент, только эффект его применения противоположный. Поскольку принцип работы инструмента ясен, выберите нужный режим. Это те же режимы, что и у инструмента Dodge (Осветлитель). 1. Активизируйте инструмент Burn (Затемнитель), находящийся в той же группе, что и инструмент Dodge (Осветлитель). Так же, как и при работе с предыдущим инструментом, затемняйте светлые участки в режиме Shadows (Тени) — получатся более глубокие сочные цвета вместо мутных пятен, как это бывает при использовании режима Highlights (Свет). Проанализируйте работу инструмента Burn (Затемнитель) в режиме Shadows (Тени) на светлых участках изображений. В файле Island Girl.jpg, например, облака можно

Инструменты тоновой и цветовой коррекции 1 6 5 затемнить так, чтобы они выглядели, как грозовые (рис. 7.16), а в файле Palm Tree.tif затемнение в таком режиме прибрежного песка позволяет сделать его цвет более насыщенным.

Ill %

Qsave as ciefaiits

Рис. 8.4. Диалоговое окно Auto Color Correction Options

Режим автоматической коррекции позволяет убирать крайние участки тонового диапазона, которые все равно невозможно правильно напечатать. 11 Осуществите настройку режима автоматической коррекции, выполнив требуемые установки в перечисленных ниже элементах управления. С помощью переключателя Algorithm (Алгоритм) задайте алгоритм, по которому программа будет выбирать «лишние» тона в изображении. а Алгоритм Enhance Monochromatic Contrast (Улучшение монохроматического контраста) служит для удаления лишних пикселов в каждом канале, то есть для каждой составляющей цвета. Такой метод позволяет делать свет ярче, а тени темнее. Забегая вперед, можно сказать, что метод автоматического контраста (Auto Contrast) работает по такому же алгоритму. • Алгоритм Enhance Per Channel Contrast (Улучшать контраст по каналам) позволяет максимизировать тоновый набор в каждом канале для увеличения резкости. Этот алгоритм также используется в методе автоуровней (Auto Levels).

1 7 2 Занятие 8. Командные методы коррекции цвета а Алгоритм Find Dark & Light Colors (Найти темные и светлые цвета) находит среднее значение между самыми темными и яркими пикселами, с помощью которого повышается контрастность изображения. Этот алгоритм используется также методом автоматической настройки цвета (Auto Color). 12. Установите флажок Snap Neutral Midtones (Привязка нейтральных полутонов), и программа будет автоматически находить усредненное значение возле нейтральных цветов, а затем настраивать значение гаммы для их создания. В полях Clip (Обрезка) областей Shadow (Тени) и Highlights (Свет) следует указать, какое количество белых и черных пикселов необходимо отсекать. По умолчанию в этом поле задано значение 0,1 % — это означает, что Photoshop будет считать белыми все уровни цветов, содержащих меньше 0,1 % пикселов. То же самое относится и к черному цвету. 13. Заданные параметры можно сохранить как настройки по умолчанию. Для этого установите флажок Save as default (Сохранить по умолчанию). Как видите, рассмотренный метод гамма-коррекции предоставляет довольно широкие возможности, он содержит большое количество настроек и благодаря использованию гистограммы является очень наглядным. Далее вы познакомитесь с тоновой коррекцией методом кривых.

Упражнение 2. Метод тоновых кривых Тоновая кривая — это график зависимости уровня изображения, полученного в результате тонового преобразования (выходной уровень), от уровня исходного изображения (входной уровень). Тоновые кривые являются универсальным инструментом, с их помощью можно изобразить любую операцию тоновой коррекции. Например, для линейных функций тоновая кривая представляет собой обыкновенную прямую; можно менять угол наклона (контраст) и высоту (яркость) такой прямой. Этот метод обладает наибольшими возможностями тоновой коррекции изображений. Использование кривых позволяет избирательно корректировать тоновый диапазон за счет возможности создания дополнительных точек корректировки. 1. Вновь откройте файл Island Girl.jpg. Теперь вы будете выполнять тоновую коррекцию методом кривых. 2. Откройте диалоговое окно Curves (Кривые), активизировав команду Image • Adjustments • Curves (Изображение • Настройки • Кривые) или нажав клавиши Ctrl+M. Это окно вам уже знакомо — вы использовали его для замеров с помощью пипетки. Теперь посмотрите, как выполняется собственно коррекция. 3. В основной части окна находится график распределения пикселов на различных тоновых участках. Он показывает зависимость яркости пикселов на выходе от яркости на входе. В точке начала координат яркость минимальная, дальше она возрастает на обеих шкалах. Чуть ниже графика, в полях Input (Входные) и Output (Выходные), эта зависимость отображается в числовом виде; чтобы это увидеть, протащите указатель мыши по кривой, не щелкая кнопкой. Если входной и выходной уровень одинаковы — график линейный.

Тоновая коррекция 1 7 3 4. Тоновая коррекция осуществляется путем изменения формы кривой. Если кривая поднимается, изображение становится светлее (выходная яркость превышает входную), а если опускается — темнее (утверждение действительно для модели RGB, в модели CMYK все наоборот). Попробуйте осветлить изображение, с которым вы сейчас работаете. Щелкните мышью примерно в центре кривой (на ней появится точка) и поднимайте кривую вверх до тех пор, пока не увидите, что изображение стало слишком светлым, затем постепенно опускайте кривую, пока не достигнете приемлемого результата. 5. Изображение стало светлее, но результат вряд ли может вас удовлетворить, поскольку главный элемент фотографии (лицо девочки) по-прежнему остается темным. Чтобы понять, почему так происходит, замерьте изображение пипеткой. Этот инструмент включается автоматически при открытии диалогового окна Curves (Кривые). Вы увидите, что пикселы находятся в области глубоких теней на начальном участке кривой, которая здесь мало сдвинулась относительно начального положения. Посмотрите на значения в полях Input (Входящие) и Output (Выходящие) - они мало отличаются друг от друга. 6. Понятно, что необходимо поднять именно эту часть кривой, оставив остальные на месте. Для этого, щелкнув мышью, немного опустите первую точку и задайте вторую точку примерно в первой четверти кривой. Задайте еще одну точку ближе к концу третьей четверти кривой. Такая точка нужна, чтобы зафиксировать этот участок кривой, поскольку когда вы начнете двигать первую часть кривой, форма кривой на данном участке также изменится. 7. Вернитесь ко второй точке и переместите ее так, чтобы изображение стало достаточно светлым. При необходимости подкорректируйте верхнюю часть кривой. В результате всех манипуляций у вас должен получиться примерно такой же график, как на рис. 8.5 (тут также указана последовательность расстановки точек).

Рис, 8.5. Форма кривой при редактировании файла Island girl

1 7 4 Занятие 8. Командные методы коррекции цвета Суть тоновой коррекции методом кривых заключается в изменении формы кривой, определяющей зависимость выходной яркости пикселов от входной яркости. Чтобы изменить форму кривой, на ней расставляются точки, определяющие границы отдельных сегментов, которые можно перемещать. Количество точек на кривой ограничивается только их плотностью на конкретном участке. Если плотность велика, новая точка задается вместо ближайшей к ней точки. Таким образом, их число остается неизменным. Удаление точки с кривой происходит путем ее перетаскивания за пределы кривой с помощью мыши. ПРИМЕЧАНИЕ Для того чтобы кривая приобрела прежнюю форму, необходимо удалить с нее все точки. Есть и более простой способ — нажмите клавишу Alt, после чего кнопка Cancel (Отмена) диалогового окна превратится в кнопку Reset (Сброс). Щелкните на этой кнопке, и кривая примет первоначальную форму.

8. После создания кривой ее можно сохранить, чтобы использовать в дальнейшем. Для этого щелкните на кнопке Save (Сохранить) в диалоговом окне Curves (Кривые), и по умолчанию кривая будет сохранена в папке Photoshop CS. Чтобы загрузить сохраненную кривую, щелкните на кнопке Load (Загрузить). ПРИМЕЧАНИЕ При обработке группы похожих снимков для тоновой коррекции каждого из них может понадобиться одна и та же кривая (возможно, с незначительными изменениями). В этом случае окно Curves (Кривые) удобнее открывать, используя клавиши Ctrl+Alt+M. При таком способе открытия окна оно отображается со всеми предыдущими настройками, которые немедленно применяются к текущему изображению.

9. Кроме перечисленных возможностей, в Photoshop предусмотрена еще одна — рисование кривых от руки. В диалоговом окне Curves (Кривые) активизируйте кнопку с изображением карандаша и нарисуйте во внутренней части окна кривую произвольной формы. Если необходимо, используйте кнопку Smooth (Сглаживание), чтобы сделать кривую более гладкой. Данную кнопку можно нажимать до тех пор, пока кривая не превратится в прямую линию. 10. Так же, как в окне Levels (Уровни), при корректировании с помощью кривых предусмотрена возможность выбора точек белого, серого и черного (подробно об этом говорилось в предыдущем упражнении). Выполните тоновую коррекцию, предварительно указав точку белого, — снимок станет более насыщенным. Точку черного не выбирайте, поскольку изображение содержит слишком много пикселов в тенях; установка точки черного приведет к сужению тонового диапазона — снимок станет слишком темным. Эту точку можно установить после выполнения коррекции, такая операция поможет уменьшить «провалы» тонов, возникшие вследствие растягивания тонового диапазона. Гистограммы до и после установки точки черного показаны на рис. 8.6. Как видите, метод кривых предоставляет больше возможностей по сравнению с методом уровней. Но и последний имеет преимущества — наличие гистограммы

Тоновая коррекция 1 7 5 изображения плюс возможность изменять глубину цветового диапазона путем перемещения точек черного и белого.

Channe:l ; RGB Input Le.sSs n

1 DO 255

Рис. 8.6. Гистограммы до и после установки точки черного

Изменение баланса теней и света Этот расширенный метод корректирования впервые представлен в Photoshop версии 8.0. Его удобно использовать, если нарушен баланс теней и света, особенно в тех случаях, когда фон изображения слишком темный или объекты переднего плана чересчур осветлены, вследствие того, что они находились во время съемки близко к фотовспышке. Метод подходит также для осветления изображений переднего плана при излишне освещенном заднем фоне. Преимущество данного метода состоит в том, что пикселы не просто освещаются или затемняются, — в этот процесс вовлекаются и ближайшие к ним пикселы, что позволяет отдельно корректировать тени и свет. По умолчанию параметры настроены на коррекцию излишне освещенного заднего плана. Попробуйте применить данный метод к изображению из файла Island Girl.jpg. Активизируйте команду Image • Adjustments • Shadow/Highlight (Изображение • Настройки • Тени/Свет), в результате чего откроется диалоговое окно Shadow/Highlight (Тени/Свет). По умолчанию оно отображается в таком виде, как показано на рис. 8.7, - для редактирования доступны только два параметра, причем редактирование сразу выполняется автоматически (тени осветлены на 50 %). Shadow/Hg i h light •;r Shadows '['Amount:,

\ Amount: IZ1 Preview О Show More Options

Рис. 8.7. Диалоговое окно Shadow/Highlights

1 7 6 Занятие 8. Командные методы коррекции цвета В таком виде процесс редактирования очень прост: ползунок области Shadow (Тени) используется для осветления тени, а ползунок области Highlight (Свет) для затемнения света. Если вы хотите получить больше возможностей при редактировании, установите флажок Show More Options (Показать больше параметров), находящийся в нижней части диалогового окна (рис. 8.8). Рассмотрим назначение остальных параметров и элементов управления. Shadow/Hfehg il ht

Radu i s:

E) Preve iw

; Amount: !:I.onal Width; i Radu i s: • ;•• Adu j stments j: Coo lr Correcto i n:

: Sack CIp: j 0.01 i%finiteClb: j 0,01 ':% s..]': Рис. 8.8. Окно Shadow/Highlights после установки флажка Show More Options

Tonal Width (Тоновая ширина) — применяется для контроля диапазона подлежащих корректировке тонов в тенях или свете. Уменьшение значения этого параметра приводит к тому, что диапазон корректирования сужается до самых темных пикселов в тенях или самых светлых в свете. Увеличение данного значения приводит к расширению диапазона корректируемых тонов. Значение Tonal Width (Тоновая ширина) выбирается для конкретного изображения. Необходимо только помнить, что излишнее расширение диапазона в тенях может привести к появлению ореола вокруг темных объектов. ПРИМЕЧАНИЕ Для параметра Tone Width (Тоновая ширина) по умолчанию установлено значение 50 %. Если вы считаете, что при осветлении темных изображений полутона или свет изменяются слишком сильно, уменьшите значение до 0. В таком случае будут освещаться только самые темные пикселы. С другой стороны, если необходимо осветлить полутона и свет так же, как и тени, увеличьте это значение до 100 %.

Тоновая коррекция 1 7 7 Radius (Радиус) — служит для определения размера области пикселов, которые будут считаться соседними по отношению к корректируемым. Оптимальная величина радиуса зависит от конкретного изображения. Попробуйте изменять величину радиуса: если она слишком большая, будет освещаться (или затемняться) все изображение, а не конкретный объект. Color Correction (Коррекция цвета) - позволяет настраивать цвет в тех участках изображения, которые подверглись тоновой коррекции. К примеру, если вы увеличили значение в поле Amount (Величина) области Shadows (Тени), то можете обесцветить самые темные участки изображения. Для того чтобы усилить или ослабить насыщенность цвета, необходимо подвигать ползунок Color Correction (Коррекция цвета). ПРИМЕЧАНИЕ Значение параметра Color Correction (Коррекция цвета) является относительным и зависит от степени изменения значения параметра Amount (Величина) в тенях или свете. Чем больше эти значения, тем в большей степени будет регулироваться цвет ползунком Color Correction (Коррекция цвета).



Brightness (Яркость) — отображается вместо ползунка Color Correction (Коррекция цвета) при работе с полутоновыми изображениями в режиме Grayscale. • Midtone Contrast (Полутоновый контраст) — используется для настройки контраста в полутонах. Увеличение значения параметра Midtone Contrast (Полутоновый контраст) приводит к увеличению контраста в полутонах, при этом происходит затемнение участков теней и осветление участков света. • Black Clip (Отсечение черного) и White Clip (Отсечение белого) - об этих параметрах подробно рассказывалось при рассмотрении окна Levels (Уровни). • Save As Default (Сохранить по умолчанию) — щелкнув на этой кнопке, можно сохранить заданные установки в качестве настроек по умолчанию. Как видите, в этом методе задействовано множество параметров, что обеспечивает большую гибкость при выполнении коррекции в каждой конкретной ситуации. Данный метод часто применяют для исправления ярко выраженных искажений тона.

Тоновая настройка и настройка контраста С помощью этих методов вы можете автоматически производить тоновую настройку и настройку контраста. Достаточно активизировать одну из команд — Image • Adjustments • Auto Levels (Изображение • Настройки • Автоуровни) или Image • Adjustments • Auto Contrast (Изображение • Настройки • Автоконтраст) — либо воспользоваться комбинацией клавиш Shift+Ctrl+L или Alt+ Shift+Ctrl+L соответственно, и программа сама выполнит корректировки. Алгоритмы, по которым происходит корректирование, были описаны ранее.

Линейная коррекция Линейная тоновая коррекция выполняется с помощью простейших линейных функций и реализуется в программе посредством команды Image • Adjustments • Brightness/Contrast (Изображение • Настройки • Яркость/Контраст). Это наиболее

1 7 8 Занятие 8. Командные методы коррекции цвета простой и удобный способ, обладающий, к сожалению, наименьшими возможностями. Данным методом рекомендуется пользоваться только для незначительной коррекции, поскольку существенное изменение яркости или контрастности приведет либо к сильному сужению тонового диапазона, либо к неоправданному его расширению, при этом в гистограмме появятся промежутки, свидетельствующие об отсутствии пикселов изображения на отдельных тоновых участках. Регулирование яркости и контрастности выполняется в показанном на рис. 8.9 диалоговом окне Brightness/Contrast (Яркость/Контраст), которое открывается с помощью команды Image • Adjustments • Brightness/Contrast (Изображение • Настройки • Яркость/Контраст). Brightness/Contrast tightness: Contrast:

®l I OK 1 1 JJZJ 1Reset J КЗ Preveiw

Рис. 8.9. Диалоговое окно Brightness/Contrast

Ползунок Brightness (Яркость) применяется для регулировки яркости, а ползунок Contrast (Контраст) — для управления контрастностью. Если вам все же необходимо существенно изменить яркость или контрастность изображения, воспользуйтесь методом кривых. На рис. 8.10 и 8.11 показано, как выполняются такие корректировки. Рассмотренный метод следует применять только в тех случаях, когда необходимо выполнить незначительную корректировку, а во всех остальных — лучше использовать окно Curves (Кривые) либо Levels (Уровни).

увеличение контраста

уменьшение контраста

Рис. 8.10. Форма кривых при увеличении и уменьшении контрастности

Цветовая коррекция 1 7 9 ' .

. : . . . • : ' : . .



.

.

.

.

1

1

л-1 jt

R

G

B

: • •

^

ж

Input: j 152 Output: J101 :

увеличение яркости уменьшение яркости Рис. 8.11. Форма кривых при увеличении и уменьшении яркости

Вы закончили изучение методов тоновой коррекции и можете переходить к коррекции цветов.

Цветовая коррекция Цветовая коррекция используется для изменения цветового решения изображений. Часто с помощью цветовой коррекции «доводят» изображения, то есть сдвигают цветовой диапазон в сторону теплых или холодных тонов, добавляют определенный цвет, например для усиления голубизны неба, и т. д. Могут быть любые варианты, но количество методов, предусмотренных в программе, ограничено. Сейчас вы перейдете к практическому изучению методов цветовой коррекции.

Упражнение 3. Цветовая коррекция с помощью кривых При использовании данного метода коррекция осуществляется в соответствующем цветовом канале для каждой составляющей — в модели RGB их три (красная, зеленая, синяя), в модели CMYK — четыре (голубая, пурпурная, желтая и черная). 1. Продолжите работу с файлом Island Girl.jpg. После осветления снимка становятся очевидными проблемы, связанные с цветовым балансом. Песок слишком блеклый, ему не хватает желтизны, если присмотреться, можно даже заметить присутствие зеленоватого оттенка. Кроме того, цвет снимка сдвинут в сторону синего, что особенно заметно на лице девочки. Можете убедиться в этом — откройте диалоговое окно Levels (Уровни) и выберите в списке Channels (Каналы) канал Blue (Синий). Гистограмма показывает всплеск в полутонах, который отсутствует в других каналах. Как поступить с голубым цветом, понятно — необходимо уменьшить синюю составляющую, то есть ослабить синий канал. Но что делать с желтым? Вспомните: желтый цвет в канале RGB представляет собой смесь красного и зеленого. Зеленый усиливать не нужно, поскольку в цвете песка и так присутствует нежелательный зеленоватый оттенок, следует усилить красный цвет либо ослабить синий.

180

Занятие 8. Командные методы коррекции цвета

2. Откройте диалоговое окно Curves (Кривые), в списке Channel (Каналы) выберите синий канал и немного ослабьте его, «выгнув» кривую вниз. Ослабляйте синий до тех пор, пока не получите нужный желтый цвет песка. Теперь перейдите в красный канал и немного усильте его, «выгнув» кривую вверх для ослабления синего и зеленого каналов и придания снимку более сочных тонов. 3. Попробуйте осуществить цветовую коррекцию для изображения в цветовой модели CMYK. Откройте файл Palm Tree.tif. Глядя на снимок, можно сказать, что желательно было бы сделать прибрежный песок более желтым. Но с использованием данного метода это выполнить не удастся — слишком много желтого в зеленом цвете моря, в чем легко убедиться, активизировав инструмент Eyedropper (Пипетка) и палитру Info (Инфо). Промеряйте цвет моря, особенно у прибрежной полосы. Палитра Info (Инфо) показывает наличие примерно 40 % желтого, то есть усиление желтого сделает насыщенным не только цвет песка, но и добавит желтый оттенок моря. Поэтому в данном случае лучше немного усилить черный канал (приподнять левую часть кривой — ту, которая не относится к листьям пальмы) и слегка ослабить голубой, преобладающий в снимке. Таким образом, метод кривых хорошо использовать не только для тоновой, но и для цветовой коррекции изображений. Также очень удобно применять его комплексно — сразу для двух видов коррекции.

Упражнение 4. Метод цветового баланса Возможно, данный метод более удобен, чем предыдущий, особенно для начинающих пользователей. Во-первых, корректировка выглядит несколько проще: никаких сложных форм кривых, только ползунки. Во-вторых, если методом кривых можно редактировать три составляющие (для модели RGB), то метод цветового баланса позволяет получить доступ к шести основным цветам и дает более наглядное представление об их взаимосвязи. 1. Откройте файл Island Girl.jpg и проведите тоновую коррекцию методом кривых либо с помощью уровней. После этого отобразите диалоговое окно Color Balance (Цветовой баланс), показанное на рис. 8.12, воспользовавшись для этого командой Image • Adjustments • Color Balance (Изображение • Настройки • Цветовой баланс) либо клавишами Ctrl+B.

;:

- Cbtor Balance • •••• • • ••••• Cttft-t^evefc: j 0 ]{ У-

Cyan • Magenta - ; ; Yellow :

^7V

•••• Tone Baience • О Shadow; • ©Mtfones \ 0 Preserve- Luminosity

Рис.

8.12. Диалоговое окно Color Balance

Цветовая коррекция 1 8 1 Как видите, с помощью рассматриваемого метода проще усилить желтый цвет, для этого достаточно потянуть нижний ползунок в сторону желтого (Yellow). Также очевидно, что, усиливая желтый цвет, вы одновременно ослабляете синий (Blue). Пары цветов (Cyan-Red, Magenta-Green, Yellow-Blue) специально подобраны так, чтобы крайние позиции ползунка соответствовали цветам, находящимся на противоположных сторонах цветового пространства. Посмотрите представление модели RGB (это материал предыдущего занятия) - указанные пары цветов находятся на противоположных вершинах куба. Именно поэтому усиление, например, зеленой составляющей приводит к ослаблению пурпурной, ведь цветовой баланс не может смещаться одновременно в две противоположные стороны. 2. Итак, корректирование цвета осуществляется с помощью ползунков, определяющих баланс между парами цветов. Но прежде чем менять положение ползунков, выберите тоновый диапазон, в котором вы будете производить коррекцию. С этой целью используйте уже знакомые вам переключатели области Tone Balance (Тоновый баланс), обозначающие три тоновых диапазона: тени, полутона и свет. В большинстве случаев необходимо установить флажок Preserve Luminosity (Сохранять яркость), что приведет к включению режима компенсации изменения яркости, которое происходит при изменении цветового баланса. 3. Для текущего примера выполните коррекцию в полутонах — усильте желтый и красный цвета. Не забудьте убедиться в том, что флажок Preview (Просмотр) установлен, — только так вы сможете увидеть изменения в документе непосредственно во время коррекции. Рассмотренный метод цветового баланса ввиду его простоты можно рекомендовать начинающим пользователям. Кроме того, по сравнению с методом кривых, он больше подходит для корректирования составляющих цвета, таких как Magenta (Пурпурный), Yellow (Желтый).

Упражнение 5. Метод изменения тона Данный метод удобно использовать при создании эффектов, когда глобальное изменение тона приводит к формированию нового, даже нетрадиционного, цветового решения для снимка. Этот метод также применяют, чтобы откорректировать какой-либо ярко выраженный цвет в изображении. 1. Откройте файл Fish.psd и с помощью команды Layer • Flatten Image (Слой • Склеить изображение) выполните сведение слоев. Вы видите, что нет необходимости выполнять цветовую коррекцию, поскольку это не фотография, и нельзя сказать, что какой-то цвет является неестественным. Попробуйте создать для данного снимка эффекты, основанные на изменении цветового баланса. 2. С помощью команды Image • Adjustments • Hue/Saturation (Изображение • Настройки • Тон/Насыщенность) или клавиш Ctrl+U откройте диалоговое окно Hue/Saturation (Тон/Насыщенность), показанное на рис. 8.13. Суть цветовой коррекции, выполняемой с помощью данного метода, заключается в замене одного цвета другим путем перемещения ползунка Hue (Тон). Как происхо-

1 8 2 Занятие 8. Командные методы коррекции цвета дит замена цвета, видно на двух цветовых шкалах в нижней части диалогового окна. Верхняя шкала, отображает цвет, который подвергается изменениям, а нижняя показывает результирующий цвет. Передвиньте ползунок в позицию +100 и посмотрите на шкалы. Программа заменила в документе красный цвет зеленым, зеленый — синим и т. д. Результат таких изменений виден на рисунке — рыбы стали зелеными, вода — пурпурной и т. п. Переместите ползунок в позицию -70 (примерно), теперь цветовой тон изменится «с точностью до наоборот»: вода станет зеленой, а рыбы — пурпурными.

i Master

Hue: Saturation: tartness: •'•*- .

/ +

|

roup 2

I Background

| Background I" РИС. 9.2. Набор слоев Group 1 в палитре слоев Рис. 9.3. Один набор слоев внутри другого

8. Уберите один слой из набора — сделайте его самостоятельным слоем путем перетаскивания за границы набора. Удаление набора осуществляется так же, как и удаление обычного слоя. Единственное отличие заключается в том, что при удалении набора необходимо определить, что делать с входящими в него слоями. Для решения этого вопроса используйте диалоговое окно Adobe Photoshop, которое открывается при попытке удаления набора (рис. 9.4). Adobe Photoshop Д « \



Delete the group "Group U Group and Contents

1



"



a

n

.

d

i

t

s

c

o

n

G

t

r

e

o

n

u

t

p

s

o

O

n

r

d

l

y

e

l

e

t

e

o

n

]

l

y

t

|

h

e

g

r

o

u

p

?

C

a

n

c

e

l

Рис. 9.4. Диалоговое окно Adobe Photoshop

9. Удалите один из наборов. В отобразившемся диалоговом окне Adobe Photoshop щелкните на кнопке Set Only (Только набор). При этом удалится только

1 9 6 Занятие 9. Спои набор, а сами слои, которые в него входят, удалены не будут. Если вы щелкните на кнопке Set and Contents (Набор и содержимое), то слои удалятся вместе с набором. Чтобы закрыть окно, щелкните на кнопке Cancel (Отмена). 10. Теперь сгруппируйте два слоя. Формирование макетных групп может пригодиться при создании эффектов. Макетная группа представляет собой набор слоев, и нижний слой служит маской для остальных. С помощью группировки слоев можно ограничить действие корректирующих слоев (о них будет рассказано ниже). Чтобы сгруппировать слои, нажмите клавишу Alt и расположите указатель мыши между строками слоев (каждый слой отображается на палитре Layers (Слои) в виде отдельной строки, в которой указано его имя) в палитре Layers (Слои). При этом указатель примет вид замка. Щелкните мышью, и слои будут сгруппированы, о чем свидетельствует стрелка, расположенная рядом с названием слоя (рис. 9.5).

Yeo l wRsh

.. ,

Рис. 9.5. Сгруппированные слои

Группирование можно также выполнить с помощью клавиш Ctrl+G, выделив при этом верхний из двух слоев (они группируются только попарно). Разгруппирование производится таким же образом, как группирование, только посредством клавиш Shift+Ctrl+G. Помимо группирования, слои можно склеивать, то есть делать из нескольких слоев один. Это может быть вызвано необходимостью упростить документ либо определено особенностями композиции, когда два различных изображения удобно располагать на одном слое. Кроме того, часто требуется склеить слои для сохранения документа в другом формате, не поддерживающем слои (подробно о форматах будет рассказано на занятии 12). Для склеивания слоев следует использовать одну из команд меню Layer (Слой). Таких команд три: Merge Down (Склеить с нижним), Merge Visible (Склеить видимые), Flatten Image (Выполнить сведение). Первая применяется для склеивания текущего слоя с ближайшим нижним слоем, вторая — для склеивания всех видимых на текущий момент слоев документа, а с помощью третьей выполняется преобразование всех слоев документа в фоновый слой. Навыки, полученные вами при выполнении данного упражнения, пригодятся вам в дальнейшем, когда вы изучите корректирующие слои, режимы наложения слоев и маски. Теперь перейдем к типам слоев. Вам уже известны два типа — обычный и текстовый. Вы знаете также о свойствах фонового слоя. В следующих упражнениях вы познакомитесь с другими тилами слоев. Однако учтите, что создание некоторых из них предполагает создание масок слоя, назначение которых — ограничивать полностью или частично видимость отдельных фрагментов слоя для создания всевозможных эффектов. Целесообразно построить работу следующим образом: вначале нужно рассмотреть все типы слоев, в том числе и те, к которым применяются маски, а уже на следующем занятии — научиться работать с масками.

Типы слоев 197

Упражнение 2. Заливочные слои Начиная с версии 6.0 в Photoshop появились заливочные слои. Их назначение состоит в преобразовании выделенной области в маску, расположенную на отдельном слое. Цель создания отдельного слоя - обеспечить возможность последующего корректирования маски. Рассмотрим способ создания такого слоя, а знакомство с методами корректирования маски отложим до следующего занятия, тем более что они одинаковы для разных типов слоев и даже различных типов масок. 1. Откройте файл Fish.psd. Отключите отображение трех верхних слоев (Bubbles, Liquified Bubbles и Small Bubbles). 2. Активизируйте слой Background (Фон) и щелкните на кнопке Create new fill or adjustment layer (Создать новый слой заливки или настраиваемый слой), которая находится в нижней части палитры. После этого откроется меню. Для создания заливочного слоя применяются три команды: Solid Color (Сплошной цвет), Gradient (Градиент) и Pattern (Узор). С помощью команды Solid Color (Сплошной цвет) производится заливка слоя однородным цветом. Выбор цвета осуществляется в уже знакомом вам диалоговом окне Color Picker (Выбор цвета), поэтому данный способ здесь не описан. После вызова команд Gradient (Градиент) и Pattern (Узор) происходит заливка градиентом и узором соответственно. Рассмотрим эти варианты. 3. Выберите в меню команду Pattern (Узор), в результате откроется диалоговое окно Pattern Fill (Заливка узором), показанное на рис. 9.6.

State] loo EJ gnk with Layer Рис. 9.6. Диалоговое окно Pattern Fill

В этом окне можно выбрать узор и задать для него масштаб. Из списка, расположенного в левой части этого окна, выберите узор Bubbles, а в поле Scale (Масштаб) задайте масштаб, равный примерно 70 %. Чтобы при перемещении слоя узор перемещался вместе с ним, оставьте установленным флажок Link with Layer (Связать со слоем). Далее щелкните на кнопке ОК, и новый слой отобразится в палитре Layers (Слои), представленной на рис. 9.7. 4. В поле Opacity (Непрозрачность) палитры Layers (Слои) уменьшайте значение непрозрачности до тех пор, пока изображение пузырьков не будет органично вписываться в структуру воды. 5. Снова щелкните на кнопке Create new fill or adjustment layer (Создать новый слой заливки или настраиваемый слой) и в открывшемся меню выберите команду Gradient (Градиент). Отобразится диалоговое окно Gradient Fill (Градиентная заливка), изображенное на рис. 9.8. Тип заливки определите с помощью списка Gradient (Градиент) - установка будет производиться в знакомом вам окне Gradient Editor (Редактор градиента). Выберите или создайте бело-голубой

1 9 8 Занятие 9. Слои градиент. Для этого в списке заготовок на панели инструментов предварительно задайте в качестве основного цвета голубой, а в качестве фонового — белый, тогда требуемый градиент с именем Foreground to Background (От основного к фоновому) отобразится в списке первым. Можете также выбрать следующий градиент, который называется Foreground to Transparent (От основного к прозрачному). О методике создания собственного градиента вы уже знаете из занятия 3.

шипишишштшиык. ! Normal v' Opan»l. 100% > Lock; О „ f f i Fli 100% » Group 1 CdorR H lish Yeo lwFtsh ':: •"• • ' • RsrA iD twFsih PtripslFsih : f f

H

шшшшШт

Backyrpurid

:

Рис. 9.7. Новый слой отображается в палитре Layers Gradient Fill : Qradent /Style i Linear '-*#.'.

Ш

ежи 1 Reset""]

Angie 0 r :• Scale | 100 :«|%: . Daeverse'••'•Qitlier 0 Align with l^yef Рис. 9.8. Диалоговое окно Gradient Fill

6. С помощью списка Style (Стиль) задайте для выбранного градиента тип Linear (Линейный). Угол направления градиента, который выбирается в области Angle (Угол), оставьте равным 90°, но если у вас синий цвет расположен сверху, а белый — снизу, «переверните» градиент путем установки флажка Reverse (Обратный). Для создания плавного градиента и во избежание возникновения эффекта «полосатости» установите флажок Dither (Сглаживание), хотя в данном случае заметить разницу «на глаз» трудно. 7. Щелкните на кнопке ОК, и новый слой отобразится в палитре слоев. Если вы выбрали непрозрачный градиент, уменьшите его непрозрачность, введя нужное значение в поле Opacity (Непрозрачность). Все свойства заливочных слоев вы рассмотрели, но широко их использовать сможете только после знакомства с масками.

Типы слоев

199

Упражнение 3. Корректирующие слои Использование корректирующих слоев позволяет выполнять тоновую и цветовую коррекцию, сохраняя результаты работы в виде отдельного слоя. Такой слой оказывает влияние на все лежащие ниже слои, поэтому при цветовой коррекции следует определить не только ее параметры, но и положение корректирующего слоя относительно других слоев. В этом и состоит преимущество применения данных слоев, по сравнению с проведением коррекции обычными способами. Вы можете создать несколько таких слоев и отображать их поочередно или в различных комбинациях, оценивая влияние каждого слоя на изображение. 1. Вновь откройте файл Fish.psd и активизируйте слой Background (Фон). В палитре Layers (Слои) щелкните на кнопке Create new fill or adjustment layer (Создать новый заливочный или корректирующий слой). В открывшемся меню расположены команды тоновой и цветовой коррекции, все они, за исключением последних двух, вам уже знакомы. Вызвать эти команды можно также из подменю Layer • New Adjustment Layer (Слой • Новый корректирующий слой). 2. Выберите один из методов коррекции, например метод изменения тона/насыщенности. В результате откроется окно Hue/Saturation (Тон/Насыщенность). Откорректировав цвет воды так, как это было описано на прошлом занятии, вы увидите, что настройки не влияют на остальные слои. Если понадобится применить коррекцию к другим объектам изображения, переместите корректирующий слой вверх. 3. При необходимости измените настройки коррекции. Для этого в палитре (Слои) сделайте двойной щелчок на значке корректирующего р Layers y ( ) рр слоя. После этого вновь откроется диалоговое окно Hue/ Saturation (Тон/Насыщенность) с установленными ранее параметрами. Сразу же после появления окна вы увидите корректирующий слой в палитре слоев (рис. 9.9).

Рис. 9.9. Корректирующий слой в палитре слоев

2 0 0 Занятие 9. Слои 4. Допустим, использование окна Hue/Saturation (Тон/Насыщенность) не привело к желаемым результатам, и вместо него нужно применить метод цветового баланса. Для вызова этого метода активизируйте команду Layer • Change Layer Contents (Слой • Изменить содержимое слоя), предварительно выделив в палитре Layers (Слои) корректирующий слой. В открывшемся меню выберите команду Color Balance (Цветовой баланс) — и можете корректировать изображение с помощью этого метода. 5. Для того чтобы действие корректирующего слоя распространялось только на соседний слой (нижний), сгруппируйте эти два слоя. Надеемся, что данное упражнение поможет вам по-новому взглянуть на возможности цветовой и тоновой коррекции — ведь намного удобней хранить результаты в виде отдельного слоя, поскольку так сохраняются все настройки коррекции и их можно подправить в любой момент. Но, к сожалению, корректирующие слои можно использовать не для всех видов тоновой и цветовой коррекции.

Упражнение 4. Контурные слои Слои такого типа образуются путем преобразования контуров. Контуры могут создаваться как с помощью уже известного вам инструмента Реп (Перо), так и при использовании режима Path (Контур). Последний способ и будет задействован для создания контурного слоя в данном упражнении. 1. Откройте файл Flower.psd и выберите верхний слой. 2. Активизируйте инструмент Custom Shape (Настраиваемая форма). В списке Shape (Форма) выделите элемент Nature (Природа), а среди заготовок — образец с изображением бабочки. 3. Прежде чем нарисовать бабочку, выберите для нее цвет (например, желтый), а на панели свойств установите режим рисования Shape layers (Контурные слои), щелкнув на одноименной кнопке. Теперь нарисуйте бабочку в верхнем левом углу холста. Новый слой сразу появится в палитре Layers (Слои). В поле Opacity (Непрозрачность) задайте прозрачность. Удобство использования корректирующего слоя состоит в том, что на нем можно редактировать форму изображения (в нашем случае бабочку). Как происходит изменение формы кривой вам уже известно, а о более широких возможностях работы с контурными слоями вы узнаете, изучив маски.

Автовыделение слоев Большим удобством последней версии программы Photoshop следует признать появившуюся возможность работы с объектами без предварительного выбора слоя. Если раньше необходимо было сначала в палитре Layers (Слои) выделить слой, на котором находится редактируемый объект, а уже затем перемещать, выделять, трансформировать его и т. п., то теперь вам достаточно просто щелкнуть на объекте, а программа автоматически активизирует нужный слой. При выполнении щелчка должен быть активен инструмент Move (Перемещение), в свойствах этого инструмента необходимо установить флажок Auto Select Layer (Автоматическое выделение слоя). Испытайте данную функцию на файле Fish.psd — активизи-

Типы слоев 2 0 1 руйте инструмент Move (Перемещение) и щелкайте на разных рыбках — вы увидите, как программа автоматически переключает слои (палитра Layers (Слои), естественно, должна присутствовать на экране). Точно так же можно поступать и со сгруппированными слоями, вам необходимо только установить флажок Auto Select Groups (Автоматическое выделение групп), в остальном — принцип тот же.

Композиции слоев Программа Photoshop позволяет использовать несколько версий одного и того же файла путем создания отдельных композиций. Такая возможность очень удобна при показе работы клиенту — все хранится в одном файле, и нужно только включать различные варианты. Работа с композициями осуществляется с помощью палитры Layer Comps (Композиции слоев), закладка которой находится в правом верхнем углу экрана рядом с закладками Tool Presets (Заготовки инструментов) и Brushes (Кисти). Щелкните на закладке Layer Comps (Композиции слоев), и на экране появится палитра (рис. 9.10).

*

»"• О . iiJ

I j...;;]

Рис. 9.10. Палитра Layer Comps

Новая композиция создается после щелчка на кнопке Create New Layer Comp (Создать новую композицию слоя) либо посредством вызова команды New Layer Comp (Новая композиция слоя). Как в том, так и в другом случае открывается диалоговое окно New Layer Comp (Новая композиция слоя), показанное на рис. 9.11. New I aynr Comp : i Layer Comp 1 Appyl To Layers: ClEositlon

Рис. 9.11. Диалоговое окно New Layer Comp

Вы можете сохранять композиции на основе видимости слоев (в каждой композиции виден определенный набор слоев), их местоположения (для различных

202

Занятие 9. Слои

композиций можно менять взаимное расположение слоев), а также применяемых к ним стилей (стили слоев — следующая тема). Для каждого варианта необходимо устанавливать флажки — Visibility (Видимость), Position (Позиция) и Appearance (Представление) соответственно. Для любой композиции можно добавить короткий комментарий, который вводится в поле Comment (Комментарий). И, конечно, имя композиции - оно вводится в поле Name (Имя). После щелчка на кнопке ОК новая композиция будет создана. Точно так же создается следующая композиция: устанавливается требуемый вид документа (делаются видимыми или невидимыми слои, меняется, при необходимости, их расположение, добавляются требуемые стили), затем выполняется щелчок на кнопке Create New Layer Comp (Создать новую композицию слоя) — и композиция готова. ПРИМЕЧАНИЕ Первая композиция не обязательно должна соответствовать текущему виду документа. Для отображения документа а его «основном» виде активизируйте строку Last Document State (Последнее состояние документа), отображаемую в верхней части палитры.

Чтобы просмотреть композицию, необходимо щелкнуть в маленьком квадратном окошке слева от ее названия — и в нем отобразится значок композиции (рис. 9.12). |ЗьТ

| Tool Р Layer Ccrnips i,n

I

LxtOerumentStite

П

t i t l « : '•••:.:' .•••.'

••

\ §* targe votives

\~

$> small vase

6 purple votives

"~

< ~+ .'iZiL. ML

Рис. 9.12, В данном случае активна композиция 6 purple votives

Комментарий, который вы добавляете к композиции, отобразится под ее названием — достаточно лишь щелкнуть на треугольной стрелке, находящейся левее названия композиции. Как уже говорилось, чтобы отобразить текущее состояние документа, нужно активизировать строку Last Document State (Последнее состояние документа). Попробуйте создавать композиции для файла Fish.psd. Например, в одной композиции сделайте невидимыми рыбок, в другой — пузырьки воды и т. п. Вы также можете посмотреть, как построены композиции в файле Layer Comps.psd. Для этого следует открыть файл и активизировать палитру Layer Comps (Композиции слоев). Композиции, так же, как и слои, подлежат копированию и удалению, вы уже сталкивались с подобного рода операциями. В палитре композиций (всплывающее меню) предусмотрены соответствующие команды. Отдельно следует сказать о необходимости обновления композиции. После корректировки композиции, например изменения набора видимых или невидимых слоев, порядка их расположе-

Стили слоев 2 0 3 ния, стилей слоев, внесенные изменения необходимо зафиксировать, иначе они не сохранятся для данной композиции. Чтобы обновить композицию, щелкните на кнопке Update Layer Comp (Обновить композицию слоя) или воспользуйтесь одноименной командой всплывающего меню. Никаких дополнительных действий выполнять не нужно — достаточно одного щелчка мышью. Вполне вероятно, что сейчас вы не в состоянии в полной мере оценить преимущество создания композиций, но со временем эта возможность вам обязательно пригодится.

Стили слоев Набор эффектов, примененных к конкретному слою, называется его стилем. Характерной особенностью стилей является то, что они применяются ко всему слою независимо от наличия или отсутствия выделенной области. Но учтите, использовать стили для фонового слоя невозможно. Стили слоя будут рассмотрены в порядке их расположения в меню. Хотя ждого стиля в программе предусмотрена отдельная команда меню, при любой из них будет открыто одно и то же диалоговое окно Layer Style слоя), показанное на рис. 9.13. Оно отображается после вызова команды стиля подменю Layer • Layer Style (Слой • Стиль слоя).

для кавыборе (Стиль любого

[J Drop Shadow [j Inner Shadow Q Outer < dinner So lw L*j Bevet and Embo

Рис. 9.13. Диалоговое окно Layer Style

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

204 Занятие 9. Слои

Упражнение 5. Стиль Drop Shadow Этот стиль используется для создания тени изображения. Чтобы задать его параметры, нужно установить флажок Drop Shadow (Внешняя тень) в диалоговом окне Layer Style (Стиль слоя), представленном на рис. 9.14, и перейти к одноименной вкладке, щелкнув на ее имени. 1. Обычно для создания тени вполне подходит режим наложения Multiple (Умножение), установленный по умолчанию в списке Blend Mode (Режим наложения). Поэкспериментируйте с другими режимами, возможно, вы подберете более подходящий для себя. Цвет тени выберите с помощью цветового квадрата, расположенного рядом со списком (лучше оставить черный), а ее прозрачность — с помощью ползунка Opacity (Непрозрачность). Drop Shadow . » ruKure glerid Mode; M u l t i p l y Qpaclfy: ? Angle: ( * 1

Z Z I ^ j Z . . 120

:; J>istancet i^~""-~~ Spread* j -•• Size; «J—— —

|75"

|%

1

|° [ v j U s e G l o b a l L i g h t \px

: 5 0 " > -

|5

|

; • j

\

|

JP*

у Contourt f4oisei Q



QAnti-alUsed ••

;-- f i j

Knocks Oyt Drop

Рис.

9.14.

)

%;

!

SKadow

Вкладка Drop Shadow диалогового окна Layer Style

2. Подберите угол падения тени в области Angle (Угол) либо введите значение в расположенное рядом поле. СОВЕТ Флажок Use Global Light (Использовать глобальное освещение) лучше оставить установленным, тогда и для других эффектов, для которых используется параметр Angle (Угол), будет задан тот же угол. Изменение угла для одного эффекта приведет к изменению угла для всех остальных эффектов. Настройку «глобального освещения» также можно выполнять в отдельном окне (рис. 9.15), которое открывается командой Layer • Layer Style • Global Light (Слой • Стиль слоя • Глобальное освещение).

Стили слоев 2 0 5

гбщуъ'шшшшяшшгш :• ?

Рис. 9.15. Диалоговое окно Global Light

3. С помощью ползунка Distance (Дистанция) выберите подходящее смещение тени относительно изображения. Используйте ползунок Spread (Распространение), если необходимо «растянуть» тень, и ползунок Size (Размер) — если нужно изменить ее размытость. 4. Для того чтобы трансформировать очертания контура тени, раскройте список Contour (Контур) и выберите один из его элементов. Посмотрите, как на форму контура влияют параметры Spread (Распространение) и Size (Размер). Помните, что для контура должен быть установлен флажок Anti-aliased (Сглаживание). 5. Добавьте шум для тени (искажения в виде мелких точек) с помощью ползунка Noise (Шум). 6. Поэкспериментируйте с параметрами тени и щелкните в диалоговом окне на кнопке ОК (рис. 9.16).

Рис. 9.16. Создание эффекта тени для изображения

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

Lock: Q' £ *J* в

Fill

>

; «8* Efects ф Drop Shadow

ti.

_!

a

Рис. 9.17. Внешний вид палитры слоев после создания эффекта слоя

206

Занятие 9. Слои

Чтобы получить доступ к параметрам эффекта слоя, щелкните на имени эффекта в палитре слоев. Отобразится диалоговое окно Layer Style (Стиль слоя) с установленными параметрами эффекта.

Упражнение 6. Стиль Inner Shadow Данный эффект сходен с предыдущим. Только создаваемая тень направлена внутрь изображения. При минимальных значениях параметров тени можно создавать эффект вдавливания, при изменении угла падения тени — трехсторонние рамки и т. д. 1. Откройте диалоговое окно Layer Style (Стиль слоя) и установите флажок Inner Shadow (Внутренняя тень). Если у вас отображается предыдущий эффект, отключите его, сбросив флажок Drop Shadow (Внешняя тень). На рис. 9.18 показано окно Layer Style (Стиль слоя) при включенном стиле Inner Shadow (Внутренняя тень). Параметры настроек внутренней тени точно такие же, как для внешней тени. Единственное отличие состоит в том, что вместо ползунка Spread (Распространение) используется ползунок Choke (Сжатие). Отличаются они только направлением действия: если применение ползунка Spread (Распространение) позволяет «растянуть» тень наружу, то с помощью ползунка Choke (Сжатие) ее можно «стянуть» внутрь.

• ;••• Inner Shadow XIUL tU'tt | "ц 1 Bland Mode:

: Opacity: ,-•: •-I

«

1

£№п.; в ! . j . . .

.

£

ChoUt J s»!

Or

• • ••. ••••--.

I B

1_L

Ми

; •• '••• -y~~~~

\Ъ !% ^Use Я о Ы Light

]

[ 5 ] p x L ° Z J ;

5

%

|PX

Quilitv 1—71 Contour; I jzm^X

^ LJAntt-aliasfid

Ndhe; V-

Рис. 9.18. Вкладка Inner Shadow диалогового окна Layer Style

2. Параметры, заданные в окне по умолчанию (для Distance (Расстояние) — 5 пикселов, для Size (Размер) — 5 пикселов), создают неплохой эффект вдавливания. Можете немного увеличить значение параметра Distance (Расстояние).

Стили слоев 2 0 7 3. Установите в поле Angle (Угол) угол падения тени 90°, так вы создадите эффект вдавливания с одной стороны. Задайте значение угла -90° — появится эффект выступа с одной стороны. Теперь, не меняя угла, увеличьте значение параметра Size (Размер), и внутри прямоугольника будет создан ореол из тени (рис. 9.19).

I

f •

;

?

"

V

:

V

'

:

!

'

.

' " • •

"

' • • •

f :

Рис. 9.19. Различные эффекты при использовании стиля Inner Shadow

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

Упражнение 7. Стиль Outer Glow Как понятно из названия, с помощью стиля Outer Glow (Внешнее свечение) создается эффект светящихся объектов. Лучше всего применять данный стиль для светлых объектов на темном фоне. 1. Создайте фон в виде черного прямоугольника. Затем активизируйте инструмент Horizontal Type (Горизонтальный текст) и введите текст OUTER GLOW. Буквы должны быть крупными, поэтому примените массивный шрифт, например Impact, и задайте большой размер символов. Кроме того, увеличьте значение трекинга так, чтобы промежуток между символами текста был достаточно большим. Цвет текста сделайте синим. 2. Понятно, что текст будет расположен на отдельном слое. Примените к данному слою стиль Outer Glow (Внешнее свечение). Для этого активизируйте текстовый слой в палитре слоев (если он не активен) и откройте диалоговое окно Layer Style (Стиль слоя), показанное на рис. 9.20. 3. Вы видите, что для эффекта свечения выбран режим наложения Screen (Экран) как наиболее подходящий. Но у вас есть возможность воспользоваться и другими режимами, в частности Light (Свет), Lighten (Осветление) или Linear Dodge (Линейное осветление). В отличие от ранее рассмотренных стилей, вы можете выбрать для свечения не только однородный цвет, но и градиентную растяжку, а также добавить шум с помощью ползунка Noise (Шум). Последний эффект пока не добавляйте, лучше увеличьте значения параметров Spread (Распространение) и Size (Размер) для усиления свечения. Сделайте это так, чтобы между буквами сохранились границы.

2 0 8 Занятие 9. Слои ....

.

• : : •

'

: : " . :

Blend Mode: i s c r e e n

-у?!

Opacity: < .

J

Noise: ?1



\%

'

in

1%

! i:

©|. i О Element; Technique! | S o ft e r

i^j

Spread;

j] j

.

.

• ' •• •

.'' •• !

•••••'

. • •



•.

'. '

: ;

'

;

'

Щ "

'

'

• '

'

•,

..•••• ' :

j , | '. v

\

РИС. 9.20. Элементы управления вкладки Outer Glow диалогового окна Layer Style

4. Выберите в списке Elements (Элемент) элемент Precise (Точнее). В отличие от режима Softer (Мягче), режим Precise (Точнее) позволяет создавать ореолы, которые выглядят несколько ярче и более точно соответствуют форме объекта, что важно для текста. 5. Так же, как и для предыдущих эффектов, выберите контур. Остальные два параметра используйте следующим образом: внешнее смещение ореола измените с помощью ползунка Range (Диапазон), а случайность распределения пикселов в свечении — посредством ползунка Jitter (Дрожание). 6. Не отключая свечения, дополнительно включите стиль Inner Shadow (Внутренняя тень), и вы получите эффект вдавленных букв на фоне свечения. В этом упражнении на примере текста вы научились создавать эффекты, используя стиль Outer Glow (Внешнее свечение) и комбинируя его со стилем Inner Shadow (Внутренняя тень). Конечно, такие эффекты можно применять не только к тексту (и не только в сочетании с эффектом внутренней тени), но и к другим объектам.

Упражнение 8. Стиль Inner Glow Точно так же, как в случае с эффектами тени, для света предусмотрены внешнее и внутреннее свечения. Параметры стиля Inner Glow (Внутреннее свечение) практически не отличаются от параметров стиля Outer Glow (Внешнее свечение), за исключением того, что добавлены переключатели области Source (Источник); это показано на рис. 9.21.

Стили слоев 2 0 9 с Glow • Blend Mode

1

;

Opacity

!

Noise

Screen

.^>

o f

V •

- •"

' -• - •

i о

"'

A

. ;*" Elements !

Technique

i:

:

£hak«

;

p

; V.':

I Softer

I

Quality Contour

T ~ 5 ~ l , ; € | I U

1 \

• •:•'•







"'/*:™—'--

: Range

] ' i i :•• '.

\

n :

| v i # |

p«r ::.......

',

i

Рис. 9.21. Элементы управления вкладки Inner Glow

1. Выполните те же действия, что и в предыдущем упражнении, только задайте для текста темный цвет, совпадающий с цветом фона. Примените к темным буквам эффект внутреннего свечения. Откорректируйте значения параметров Choke (Сжатие) и Size (Размер) так, чтобы естественный цвет букв остался лишь в центре (цвет должен быть размыт). Установите значение параметра Choke (Сжатие) равным примерно 30 %, а значение параметра Size (Размер) — в диапазоне 5-15 пикселов в зависимости от размера шрифта. 2. Полностью измените эффект — поменяйте направление распространения света, установив переключатель Source (Источник) в положение Center (Центр). Не меняя настроек, вы получите эффект растворения текста в черном фоне. С помощью переключателя Source (Источник) можно определить направление распространения света - либо к центру, либо к краям (рис. 9.22).

Рис. 9.22. Применение стиля Inner Glow к тексту: используется два различных направления света

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

2 1 0 Занятие 9. Слои

Упражнение 9. Стиль Bevel and Emboss Для достижения эффекта объема предназначен стиль Bevel and Emboss (Скос и рельеф). Следует отметить, что его применение приводит к созданию достаточно реалистичного объемного изображения. 1. Откройте диалоговое окно Layer Style (Слой стиля), показанное на рис. 9.23. Выберите подходящий тип рельефа в списке Style (Стиль). Здесь предусмотрены такие возможности: Outer Bevel (Внешний скос), Inner Bevel (Внутренний скос), Emboss (Рельеф), Pillow Emboss (Тиснение) и Stroke Emboss (Контурный рельеф). Для применения последнего рельефа необходимо вначале создать контурный стиль (об этом будет рассказано позже). 2. Программа позволяет имитировать скос, выполненный из разных материалов и различными инструментами. В списке Technique (Способ) выберите стиль скоса: Smooth (Гладкий), когда скос выглядит, как отлитый из пластика, либо один из стилей — Chisel Hard (Грубый резец) или Chisel Soft (Мягкий резец), — которые придают скосу вид обработанного резцом. 3. Для изменения направления выдавливания используйте переключатель Direction (Направление). Размер скосов изменяйте с помощью ползунка Size (Размер). Кроме того, скосы: можно сделать более сглаженными, увеличивая значения параметра Soften (Смягчение).

Bevel and Emboss — • • Structure ••• •• '••: Inner Bevel Щ

Technique! IS m o o t h gepthi -J- — Direction; ©Up

:

-

| шо i%

QDown

Size! Q*— :

~~— ' 5

|PX

Го

IPX

Soften! I >

Shading Angle! global Light >

Altitude!

1

-~ *" ! 30

г

""у""!

Gloss Contour! I ^ Я ' ' I t |

.

. ;.;•

• Highlight Mode! j S c r e e n Opac.ty:

,:.;.;

riAnti-aliased v

'

j

j

Shadow Mode: ! Multiply Opacity: . -

Рис. 19.23. Окно параметров стиля Bevel and Emboss

4. Выберите нужное значение угла падения света на объект, чтобы создать эффект теней.

Стили слоев

211

Учтите, что для рисования рельефных изображений существуют дополнительные команды по регулированию параметров областей, на которые падает свет, и областей, находящихся в тени: •

маркер редактирования позволяет изменять не только угол падения света в горизонтальной плоскости путем поворота маркера по горизонтали или ввода значения в поле Angle (Угол), но и угол падения света по вертикали, который задается путем изменения радиуса маркера либо ввода значения в поле Altitude (Высота);



в области Highlight Mode (Режим света) можно выбрать режим наложения, цвет и его прозрачность для «подсвеченной» части скосов;



область Shadow Mode (Режим теней) используется для установки тех же параметров, но для затененной части скоса.

Остальные параметры этой части окна вам уже известны. Группа Bevel and Emboss (Скос и рельеф) содержит две подгруппы: Contour (Контур) и Texture (Текстура). Знакомые вам параметры первой группы (рис. 9.24) используются для выбора формы контура. А параметры второй группы, представленные на рис. 9.25, служат для того, чтобы задать текстуру объемного изображения; подробно они будут рассмотрены далее. Contour - Elements Contour!

FjAntt-ajisssd

Рис. 9.24. Элементы управления вкладки Contour

1 j 1 S n a p o t O g n i r j : ! И J i 1 0 % ' • J _ + o i u _ % n ^Ivert 0n Lk iw h ti Layerj j

Elements Pattern: Scale: Depth:

Рис. 9.25. Элементы управления вкладки Texture

Выбор текстуры производится в списке Pattern (Узор). Используя кнопку Snap to Origin (Привязать к оригиналу), вы можете совместить края изображения и оригинала, с помощью ползунка Scale (Масштаб) — масштабировать текстуру, а посредством ползунка Depth (Глубина) — изменить глубину (объемность) текстуры. Инвертирование текстуры, когда яркие пикселы становятся темными, а темные — светлыми, происходит после установки флажка Invert (Инвертировать), а флажок Link with Layer (связать со слоем) позволяет «привязать» текстуру к слою.

2 1 2 Занятие 9. Слои Стиль Bevel and Emboss (Скос и рельеф) настолько многогранен, что о нем нельзя рассказать, используя какой-либо конкретный пример. Самостоятельно опробуйте его при создании объемных кнопок, вдавленных кнопок, объемного текста, объемных изображений с отверстиями и т. д.

Упражнение 10. Стиль Satin Использование эффекта Satin (Шелк) приводит к созданию на поверхности изображения муарового рисунка. Суть эффекта предельно проста: размытая копия изображения после настройки соответствующих параметров накладывается на само изображение. 1. Активизируйте вкладку Satin (Шелк) диалогового окна Layer Style (Стиль слоя). Все параметры этого окна (рис. 9.26) вам уже знакомы, только в поле Angle (Угол) на этот раз задается угол, под которым происходит смещение размытой копии. Satin -: Structure Blend Mode

Multiply

[so

Qp-acity Angle! 0 distance! a» Cor tour i

1 ——

'•J

; QI

-•••-•- —•••••• • 1 iA [_J Antt-atiased \£j Invert

Рис. 9.26. Элементы управления вкладки Satin

2. Попробуйте применить эффект Satin (Шелк) совместно с эффектом рельефа, при этом задайте для рельефа текстуру (рис. 9.27). Эффект Satin (Шелк) несложен в применении и легко позволяет сделать изображение «пятнистым». Как и все рассмотренные ранее стили, данный стиль можно комбинировать с любыми другими.

Рис. 9.27. Комбинирование стиля Satin с объемом и текстурой

Стили слоев 2 1 3

Упражнение 11. Стили Color Overlay, Gradient Overlay, Pattern Overlay Мы уже рассматривали такие действия, как наложение цвета, градиента и текстуры. Но в этом упражнении мы будем иметь дело с вариантами, которые имеют важные преимущества, — их очень легко редактировать, не выделяя при этом никаких объектов. Кроме того, параметры настроек сохраняются, что упрощает последующее применение такого же эффекта к другим изображениям. 1. Активизируйте вкладку Color Overlay (Наложение цвета) диалогового окна Layer Style (Стиль слоя), приведенного на рис. 9.28. : Color Overlay I r~~ Color ......-,,>........... | | Bland Mode; |Nom,| v § Ij opacity; zz.zzzzz:zzzzzz^zVXi

.......... -....-. _.,.— l%

'-] •.... ;

\\

Рис. 9.28. Элементы управления вкладки Color Overlay диалогового окна Layer Style

Помимо собственно цвета заливки вы можете выбрать режим наложения стиля и задать степень его прозрачности. 2. Сбросьте флажок в области Color Overlay (Наложение цвета) и установите флажок в области Gradient Overlay (Наложение градиента) так, как показано на рис. 9.29. Gradient Overlay 1B lendMade M^de |ф Send i|i | Noni ; Ogacity: Styles.asl? . ': OKl'~.'.'_...J 5

Cancel

[

uppend

|

Рис. 9.33. Диалоговое окно Adobe Photoshop

Чтобы произвести замену набора, щелкните на кнопке ОК, а для добавления нового набора стилей к текущему активизируйте кнопку Append (Добавить). Добавление стиля в набор Создаваемый стиль можно добавить в набор существующих стилей, сохранив его вместе с документом для последующего использования. Сохранение стиля выполнить очень просто — при создании стиля в диалоговом окне Layer Style (Стиль слоя) щелкните на кнопке New Style (Новый стиль). После этого откроется одноименное диалоговое окно (рис. 9.34).

Ш-

Name: I Style I

OK

0 Include Layer Effects О Include Layer Sending Options

Рис. 9.34. Диалоговое окно New Style

В поле Name (Имя) нужно указать имя стиля. Флажок Include Layer Effects (Включить эффекты слоя) следует оставить установленным, иначе стиль будет «пустым», то есть не будет содержать никаких эффектов. Установка флажка Include Layer Blending Options (Включить свойства режима наложения слоя) приведет к тому, что в стиль будут включены и сведения о режимах смешивания. Кроме того, новый стиль можно создать, щелкнув на кнопке Create New Style (Создать новый стиль) панели Style (Стиль) либо вызвав команду New Style (Новый стиль) меню палитры Style (Стиль).

Режимы наложения слоев 2 1 7

Режимы наложения слоев При обычном наложении слоев изображение на верхнем слое перекрывает изображения ниже лежащих слоев (при условии полной непрозрачности изображения верхнего слоя). Режимы наложения позволяют варьировать взаимодействие соседних слоев и добиваться необходимых эффектов путем выбора подходящего варианта. Режим наложения выбирают с помощью списка Set the blending mode for the layer (Задать режим наложения для слоя) палитры Layers (Слои). Необходимо отметить, что режимы наложения можно задавать не только для слоев, но и для большинства инструментов рисования и заливки. Для этих целей на палитре свойств инструментов предусмотрен список Mode (Режим). Далее будут рассмотрены все режимы наложения. При их описании используется следующая терминология. Под основным цветом подразумевается цвет изображения нижнего слоя. Смешивающий цвет — это цвет изображения слоя, к которому применяется режим наложения. А результирующим цветом называется цвет, получающийся в результате применения эффекта наложения. ПРИМЕЧАНИЕ При описании любого из режимов наложения всегда рассматриваются два слоя: тот, к которому применяется режим наложения, и тот, что находится под ним. Если удалить нижний слой, эффекты наложения исчезнут.

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

Рис. 9.35. Исходное, накладываемое и результирующее изображения в режиме Normal, 100 % непрозрачности

2 1 8 Занятие 9. Слои Режим Dissolve (Раствор), при установке которого создается эффект растворения частей изображения (рис. 9.36), вы уже применяли при рисовании кистью. Режим Behind (Позади) следует использовать для редактирования или рисования лишь на прозрачных участках слоя. Этот режим будет работать только в том случае, если сброшен флажок Lock Transparency (Блокировать прозрачность) в палитре Layers (Слои). Рисование в данном режиме аналогично рисованию на обратной стороне прозрачных областей ацетатной пленки (рис. 9.37).

Рис. 9.36. Изображение в режиме Dissolve

Рис. 9.37. Изображение в режиме Behind

При использовании режима Clear (Очистка) редактируемые или рисуемые пикселы изображения становятся прозрачными. Этот режим доступен для инструментов Paint Bucket (Заливка), Brush (Кисть), Pencil (Карандаш), Line (Линия) при включенном режиме рисования Fill Pixels (Заливка пикселов), а также для команд заливки и создания контуров. В списке свойств используемого слоя флажок Lock Transparency (Блокировать прозрачность) должен быть сброшен. Применяйте данный режим, если требуется удалить часть нижнего слоя точно по контуру изображения верхнего слоя (рис. 9.38). Следующие два режима можно условно объединить в одну группу с режимом затемнения, поскольку применение любого из них делает результирующий цвет более темным. Например, в режиме Darken (Затемнение) в качестве результирующего цвета выбирается цвет наиболее темных пикселов — светлые пикселы смешивающего цвета удаляются, а темные остаются без изменения. При использовании режима Multiply (Умножение) происходит умножение основного цвета на смешивающий. Результирующий цвет в этом случае всегда темнее. При умножении черного цвета получается черный цвет, а рисование белым цветом не дает никакого эффекта. Когда вы применяете для рисования цвет, отличный от белого или черного, результирующий цвет зависит от цвета лежащего ниже слоя, но он всегда более темный. Использование режимов группы Burn (Выжигание) позволяет увеличить контрастность изображения. Так, при работе в режиме Color Burn (Выжигание цвета) основной цвет затемняется, чтобы смешивающий цвет получился более контрастным, а смешивание с белым не дает никакого эффекта. Режимы следующей группы используются для осветления результирующего изображения. При выборе режима Lighten (Осветление) в качестве результирующе-

Режимы наложения слоев 2 1 9 го цвета выбирается цвет более светлых пикселов. Те пикселы, которые темнее, чем смешивающий цвет, удаляются, а более светлые пикселы остаются без изменений. В режиме Screen (Экран) инвертированные основной и смешивающий цвета умножаются, при этом результирующее изображение всегда является более светлым. Смешивание с черным не дает никакого эффекта, а при смешивании с белым всегда получается белый цвет. Режим Color Dodge (Осветлитель цвета) применяется для осветления основного цвета и увеличения контрастности смешивающего. Смешивание с черным не приводит к каким-либо изменениям. При использовании режима Linear Dodge (Линейное осветление) осветляется основной цвет и увеличивается яркость смешивающего цвета, а смешивание с черным не дает эффекта. Особо следует отметить режим наложения Overlay (Наложение). В данном случае узоры или цвета накладываются на существующие пикселы при сохранении света и тени базового цвета. Основной цвет не заменяется, а смешивается со смешивающим. Представить это довольно сложно, но на практике режим удобно использовать для объемных изображений — создается эффект выдавливания из-под лежащего ниже слоя. В качестве примера возьмите любое изображение и напишите сверху крупными буквами текст, который будет сформирован в виде отдельного слоя. Выберите для текста серый цвет, создайте эффект выдавливания, используя стиль Bevel and Emboss (Скос и рельеф), а затем примените к тексту режим Overlay (Наложение). Изображение будет выглядеть так, как будто оно выдавливается текстом (рис. 9.39).

Рис. 9.38. Изображение в режиме Clear

Рис. 9.39. Изображение в режиме Overlay

Применение режимов группы Light (Свет) позволяет затемнить либо осветлить цвета, в зависимости от смешивающего цвета. В режиме Soft Light (Мягкий свет), если смешивающий цвет светлее, чем 50 %-й серый, создается эффект применения к изображению инструмента Dodge (Осветлитель); если же смешивающий цвет темнее, чем 50 %-й серый, изображение затемняется, как при применении к нему инструмента Burn (Затемнение). При установке режима Hard Light (Жесткий свет) цвет также затемняется или осветляется в зависимости от смешивающего цвета, но условия несколько иные. Если смешивающий цвет светлее, чем 50 %-й серый, изображение осветляется,

2 2 0 Занятие 9. Слои как в режиме наложения Screen (Экран), — этот эффект может использоваться для освещения изображения. Если же смешивающий цвет темнее, чем 50 %-й серый, изображение затемняется, как в режиме Multiple (Умножение). Рисование чистым черным или белым дает чистый черный или белый цвет. Использование режима Vivid Light (Яркий свет) приводит к тому, что изображение осветляется или затемняется путем увеличения либо уменьшения контрастности (конечно, в зависимости от смешивающего цвета). Если смешивающий цвет светлее, чем 50 %-й серый, изображение осветляется путем уменьшения контрастности, если же он темнее, изображение, соответственно, затемняется путем увеличения контрастности. Следующий режим, Linear Light (Линейный свет), позволяет затемнять или осветлять цвета путем увеличения или уменьшения яркости в зависимости от смешивающего цвета. Когда смешивающий цвет светлее, чем 50 %-й серый, изображение осветляется посредством увеличения яркости, когда же смешивающий цвет темнее, изображение затемняется путем уменьшения яркости. С помощью последнего в этой группе режима, Pin Light (Закрепление света), можно заменить цвет в зависимости от смешивающего цвета. Если смешивающий цвет светлее, чем 50 %-й серый, более темные пикселы удаляются, а более светлые остаются без изменений; если же смешивающий цвет темнее, все наоборот. Режим удобен для применения специальных эффектов к изображению. Режимы наложения следующей группы позволяют выполнять смешивание цветов, причем составляющие результирующего цвета определяются цветами различных слоев. Например, режим Difference (Различие) может использоваться в двух вариантах: либо смешивающий цвет вычитается из основного, либо основной вычитается из смешивающего, в зависимости от того, какой из них более яркий. Смешивание с белым инвертирует цвет, а смешивание с черным не дает никакого эффекта. В режиме Exclusion (Исключение) смешивание происходит по сходному принципу, но результирующее изображение имеет более низкую контрастность. При смешивании с белым цвет инвертируется, а при смешивании с черным ничего не меняется. В режиме Hue (Тон) результирующий цвет будет иметь насыщенность и яркость основного цвета, а тон — смешивающего; в режиме Saturation (Насыщенность) результирующий цвет будет иметь яркость и тон основного цвета, а насыщенность — смешивающего; и наконец, в режиме Color (Цвет) результирующий цвет будет иметь яркость основного цвета, а тон и насыщенность — смешивающего. Такой метод позволяет сохранить уровень серого, он удобен в использовании и может применяться для колоризации монохромных изображений или «подцвечивания» цветных. При использовании режима Luminosity (Яркость) результирующий цвет будет иметь тон и насыщенность основного цвета, а яркость смешивающего. Эффект, создаваемый в этом режиме, противоположен эффекту режима Color (Цвет). На первый взгляд может показаться, что в программе предусмотрено слишком много режимов смешивания, но если разбить их на условные группы, то все станет понятнее. Одна группа режимов используется для затемнения цветов, другая —

Режимы наложения слоев 2 2 1 для затемнения либо осветления, в зависимости от условий, следующая группа применяется для смешивания цветов и т. д. Дополнительные режимы наложения Во всех вышеописанных режимах наложения можно применить дополнительные настройки, которые выбираются в окне Layer Style (Стиль слоя) при активизации группы Blending Options: Default (Свойства наложения: по умолчанию), показанной на рис. 9.40.

General Blending

••'•. Btend.Mo*

'

щ '• i". •

• £dge£jflP

kyf. v • ;•• •'•• О

Рис. 11.13. Действие фильтра Cutout и его параметры

2 6 0 Занятие 11. Фильтры Далее рассмотрим фильтр Dry Brush (Сухая кисть), который создает эффект рисования сухой кистью. Выделите фильтр в списке. Ползунок Brush Size (Размер кисти) служит для изменения размера кисти, ползунком Brush Detail (Деталировка кисти) изменяют деталировку, а с помощью ползунка Texture (Текстура) задают степень текстурирования. Параметры фильтра и пример его действия вы можете увидеть на рис. 11.14.

Рис. 11.14. Действие фильтра Dry Brush и его параметры

Примените фильтр Film Grain (Зернистость фотопленки), использующийся для создания эффекта зернистой фотографии. Величина зерна определяется значением параметра Grain (Зерно), посредством ползунка Highlight Area (Область света) задается степень освещенности участков, а ползунок Intensity (Интенсивность) служит для изменения общей освещенности. На рис. 11.15 показан пример действия фильтра, в диалоговом окне приведены его параметры.

Рис. 11.15. Действие фильтра Film Grain и его параметры

Художественные фильтры 2 6 1 Теперь рассмотрите фильтр Fresco (Фреска). Под его воздействием изображение темнеет и становится похожим на фреску (рис. 11.16). Параметры настроек те же, что и у фильтра Dry Brush (Сухая кисть).

Bf ush Retali

Рис. 11.16. Действие фильтра Fresco и его параметры

Назначение фильтра Neon Glow (Неоновое свечение) понятно из его названия. Ползунками Glow Size (Размер свечения) и Glow Brightness (Яркость свечения) задается сила свечения, а кнопка Glow Color (Цвет свечения) позволяет выбрать его цвет. На рис. 11.17 показан пример действия фильтра, в диалоговом окне отображены параметры фильтра.

Gtaw Btightrtess

Sow Color'В

Рис. 11.17. Действие фильтра Neon Glow и его параметры

Следующий фильтр, Paint Daubs (Рисунок маслом), имитирует живопись масляными красками. Параметры, которые регулируют рисование, — Brush Size (Размер кисти) и Sharpness (Резкость). Первый фильтр служит для изменения размера кисти, второй — для изменения резкости. Кроме того, в списке Brush Type (Тип

2 6 2 Занятие 11. Фильтры кисти) можно выбрать стиль рисования. Пример действия этого фильтра и его параметры представлены на рис. 11.18.

Рис. 11.18. Действие фильтра Paint Daubs и его параметры

Еще один фильтр этой группы, Palette Knife (Мастихин), используется для имитации живописи мастихином — стальной или роговой пластинкой в виде лопатки или ножа. Толщина линий изменяется с помощью ползунка Stroke Size (Размер контура), деталировка изображения увеличивается или уменьшается посредством ползунка Stroke Detail (Детали контура). Чтобы сделать линии более гладкими, следует указать достаточно большое значение параметра Softness (Смягчение). На рис. 11.19 показаны пример действия фильтра и его параметры. '• Pae l te Knfie Stroke Szie Stroke Detali

Рис. 11.19. Действие фильтра Palette Knife и его параметры

Фильтр Plastic Wrap (Полиэтиленовая упаковка) создает эффект наложения на изображение полиэтиленовой пленки. С помощью ползунка Highlight Strength (Мощность света) изменяется яркость «полиэтилена», служащего «упаковкой».

Художественные фильтры 2 6 3 Ползунком Detail (Деталировка) изменяется деталировка такой «упаковки», а ползунок Smoothness (Сглаживание) служит для изменения характера сглаживания ее линий. Пример действия фильтра представлен на рис. 11.20. Pa l stc i Wrap Hg i hg il ht Strength

Jl 15 i

Рис. 11.20. Действие фильтра Plastic Wrap и его параметры

Следующий фильтр в этой группе - Poster Edges (Плакатные линии). Он имитирует плакатный стиль (рис. 11.21) — контуры обводятся черным и детали становятся нечеткими. Параметры обводки изменяются ползунками Edge Thickness (Толщина линий) и Edge Intensity (Интенсивность обводки). Ползунок Posterization (Постеризация) используется для изменения количества цветов в изображении.

y

i

t

•P i oster Edges

Posterziaeo in

Рис. 11.21. Действие фильтра Poster Edges и его параметры

Имитация рисунка пастелью достигается за счет применения фильтра Rough Pastels (Грубая пастель). С помощью параметров Stroke Length (Длина штриха) и Stroke Detail (Деталировка штриха) изменяется длина штрихов рисунка и степень деталировки. Элементы нижней части окна позволяют изменять внешний вид холста. В списке Texture (Текстура) задается текстура холста. Она может имитировать

2 6 4 Занятие 11. Фильтры бруски — элемент Brick (Бруски), мешковину — элемент Burlap (Мешок), холст элемент Canvas (Холст) или песок - элемент Sandstone (Песок). Для выбранной текстуры можно изменить масштаб и рельефность с помощью ползунков Scaling (Масштабирование) и Relief (Рельеф). Направление света для холста выбирается в списке Light (Свет). На рис. 11.22 показан пример действия фильтра, в диалоговом окне отображены его параметры. -••j Rough Pastels : 5fo$s -length ;•;[••• strqte&etai

4

• ' '• f': - -.• Xexture:; • CanvasV j •• ':'• Seatn ig