Текст
                    ОФИЦИАЛЬНЫМ
УЧЕБНЫЙ
КУРС М
Разработан экспертами компании Adobe' Adobe
Издательство ТРИУМФ

www.infanata.org УДК 004.982(075.4) ББК 82.973.264) 18.2я78-1 A21 Серия: -Официальный учебный курс» А21 Adobe" Photoshop" CS3 : официальный учебный курс : [пер. с англ.] — М. : ТРИУМФ, 2008. — 448 с. : ил. + CD-ROM. — (Серия «Официальный учебный курс»). — Парал. тит. л. англ. — ISBN 978-5-89392-311-7. Агентство CIP РГБ Вашему вниманию предлагается книга - официальный учебный курс по программе Adobe’ Photoshop" CS3. Книги из этой серии уникальны - они написаны и тщательно протестированы разработчиками фирмы Adobe". А кто же лучше них знает и может научить Вас работе с собственными программами! Полноцветная книга «Adobe" Photoshop* CS3. Официальный учебный курс» предназначена как начинающим, так и опытным пользователям, желающим научиться работать с Photoshop’ CS3 самым продуктивным образом. Серии простых, прекрасно подобранных пошаговых инструкций позволят Вам на практике освоить все инструменты Photoshop* CS3. Прочитав книгу, Вы быстро и легко станете настоящим мастером работы с Photoshop" CS3 и даже сможете подготовится для сдачи сертификационного экзамена Adobe®. К книге приложен компакт-диск, содержащий все уроки из книги. Authorized translation from the English language edition, entitled ADOBE PHOTOSHOP CS3 CLASSROOM IN A BOOK. 1 st Edition, ISBN 0321492021, by ADOBECREATIVE TEAM, published by Pearson Education, Inc, publishing as Adobe Press, Copyright © 2007 by Adobe Systems Incorporated and Its licensors. All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means, electron- ic or mechanical, including photocopying, recording or by any Information storage retrieval system, without permission from Pearson Education, Inc. RUSSIAN language edition published by TRIUMPH PUBLISHING (ООО «Издательство Триумф") Copyright © 2008. Авторизованный перевод англоязычного издания под названием ADOBE PHOTOSHOP CS3 CLASSROOM IN A BOOK, 1st Edition, ISBN 0321492021, by ADOBECREATIVE TEAM, published by Pearson Education, Inc, publishing as Adobe Press, Copyright © 2007 by Adobe Systems Incorporated and its licensors. Все права защищены. Никакая часть данной книги не может быть переделана или изменена в какой-либо форме, электронной или механической, включая фотокопирование, переписи на носители информации без разрешения Pearson Education, Inc. Русскоязычная версия, изданная ООО «Издательство Триумф-. Все права защищены © ООО «Издательство Триумф», 2008. ISBN 978-5-89392-311-7 © Обложка, серия, оформление ISBN 978-0-321-49202-9 (амер.) ООО «Издательство ТРИУМФ», 2008
Краткое содержание От авторов.....................................23 Приступим к работе.............................25 УРОК 1. Знакомство с рабочей областью..........35 УРОК 2. Основы фотокоррекции...................77 УРОК 3. Ретуширование и восстановление........101 УРОК 4. Работа с выделениями..................119 УРОК 5. Основы работы со слоями...............153 УРОК 6. Маски и каналы........................181 УРОК 7. Корректировка и улучшение цифровых фотографий............................217 УРОК 8. Текстовый дизайн......................251 УРОК 9. Приемы работы с векторной графикой....281 УРОК 10. Дополнительные приемы работы со слоями........................309 УРОК 11. Дополнительные приемы работы с композициями.................................337 УРОК 12. Подготовка файлов для web.............371 УРОК 13. Работа с научными изображениями.......397 УРОК 14. Создание и печать согласованным цветом.433
Содержание От авторов............................................23 Приступим к работе....................................25 О книге..................... 25 Что нового в этом издании.........25 Просмотр роликов ............... 26 Новые возможности программы Photoshop Extended ...... .....26 Что находится на CD ..............27 ©Предварительные требования...........................28 Установка программы Adobe Photoshop.29 । Запуск Adobe Photoshop......... 29 Чтобы запустить программу Adobe Photoshop в Windows......29 Чтобы запустить программу Adobe Photoshop в Mac OS:......29 Установка шрифтов книги «Официальный учебный курс»........29 Копирование файлов книги «Официальный учебный курс»........30 Восстановление исходных настроек..31 Чтобы сохранить текущие настройки цвета:...............31 Чтобы восстановить свои сохраненные настройки:.................... 32 Дополнительные ресурсы............32 Сертификация Adobe................33
www.infanata.org Adobe Photoshop CS3 УРОК 1. Знакомство с рабочей областью......................35 Обзор урока .................... 35 Начало работы в Adobe Photoshop ....36 Запуск Photoshop и открытие файла.36 Открытие файла с помощью программы Adobe Bridge...............38 Использование инструментов..........40 Выбор и использование инструмента из панели инструментов............ 40 Выбор и использование скрытого инструмента.........................43 Использование комбинаций клавиш для работы с инструментами..........44 Изменение выделенной области........46 Использование панели параметров инструмента и других палитр................49 Предварительный просмотр и открытие другого файла................49 Установка свойств инструмента на панели параметров инструмента........49 Использование палитр и меню палитр......51 Отмена действий в Photoshop............53 Отмена одного действия..................54 Отмена нескольких действий..............56 Использование контекстного меню.........58 Подробнее о палитрах и их расположении.......................59 Расширение и сворачивание палитр........60 Особые замечания о панели инструментов и панели параметров инструмента.........61 Настройка рабочей области..................62 Использование справки Photoshop............65
Содержание 9 Использование ключевых слов, ссылок и предметного указателя Help Viewer..67 Использование онлайновых сервисов Adobe........................ 69 Итоги............ ................... 74 Обзорные вопросы................. 74 Ответы на обзорные вопросы...........74 УРОК 2. Основы фотокоррекиии......................77 Обзор урока ................. 77 Стратегия ретуширования............77 Организация эффективной последовательности задач...... 77 Настройка процесса в соответствии с планируемым использованием изображения.................. 78 Разрешение и размер изображения......79 Начало работы........................80 Поворот и обрезка фотографии.........82 Создание автоматических настроек ....84 Ручная настройка тонового диапазона.86 Удаление цветового оттенка...........88 Замена цветов в изображении .........90 Настройка яркости инструментом Dodge (Осветлитель) ............... 92 Настройка насыщенности инструментом Sponge (Губка) .................... 93 Применение фильтра Unsharp Mask (Контурная резкость).................94 Сравнение результатов ручной и автоматической обработки ..........96
www.infanata.org 10 Adobe Photoshop CS3 Сохранение изображения для четырехцветной печати...........97 Итоги........................... 99 Обзорные вопросы.................99 Ответы на обзорные вопросы.......99 УРОК 3. Ретуширование и восстановление...........101 Обзор урока........................101 Начало работы......................101 Восстановление областей инструментом Clone Stamp (Штамп)................103 Использование инструмента Spot Healing Brush (Точечная восстанавливающая кисть) ..........104 Рисование инструментом Spot Healing Brush (Точечная восстанавливающая кисть) .104 Использование инструментов Healing Brush (Восстанавливающая кисть) и Patch (Заплатка).................106 Использование инструмента Healing Brush (Восстанавливающая кисть) для удаления изъянов.............................106 О снимках экрана и состояниях палитры History (История) ....................108 Создание снимка................ 109 Использование инструмента Patch (Заплатка)..................110 Использование инструмента History Brush (Архивная кисть) для выборочной повторной редакции.............. 112 Ретуширование в отдельном слое.....113 Использование инструмента Healing Brush (Восстанавливающая кисть) в дубликате слоя...................113
www.infanata.org Содержание Латание и смягчение с помощью отдельного слоя............... 115 Итоги............................ .117 Обзорные вопросы................ 117 Ответы на обзорные вопросы.........117 УРОК 4. Работа с выделениями.....................119 Обзор урока .................. 119 О выделениях и инструментах выделения.................... 119 Начало работы.................. 121 Выделение инструментом Magic Wand (Волшебная палочка) .-........ 122 Использование инструмента Magic Wand (Волшебная палочка) для выделения окрашенной области............ 122 Перемещение выделенной области....123 Комбинирование инструмента Magic Wand (Волшебная палочка) с другими инструментами выделения.....124 Работа с овальными и круглыми выделениями ............126 Перемещение рамки выделения по ходу ее создания........... 126 Перемещение выделенных пикселов с помощью горячих клавиш........127 Перемещение с помощью клавиш со стрелками.................. 128 Выделение от центральной точки..130 Перемещение и изменение пикселов в выделении ............... 131 Перемещение выделения с одновременным дублированием...132 Выделение инструментом Lasso (Лассо) ....134
www.infanata.org 12 Adobe Photoshop CS3 Вращение выделения....................136 Выделение инструментом Magnetic Lasso (Магнитное лассо)...137 Обрезка изображения и стирание внутри выделения ..........139 Создание быстрого выделения...........141 Изоляция и сохранение выделений....145 Создание мягкой отбрасываемой тени.147 Итоги................................ 150 Обзорные вопросы...................150 Ответы на обзорные вопросы.........150 УРОК 5. Основы работы со слоями..........153 Обзор урока.....................153 Общие сведения о слоях Начало работы....................154 Использование палитры Layers (Слои)...155 Переименование слоя и его копирование из одного файла в другой..........157 Просмотр отдельных слоев..........159 Выделение и удаление некоторых пикселов из слоя............... 159 Изменение порядка слоев..............161 Изменение непрозрачности и режима перехода слоя....................162 Связывание слоев..................164 Добавление градиентного слоя.....165 Добавление текста.................168 Применение к слою стиля..........170 Обновление эффекта слоя..........173 Добавление глубины с помощью падающей тени....................174
Содержание____________________________________________________13 Объединение слоев и сохранение файлов....... .........175 Итоги...............................179 Обзорные вопросы................179 Ответы на обзорные вопросы......179 УРОК 6. Маски и каналы.....................................181 Обзор урока ...................... 181 Работа с масками и каналами ........181 Начало работы................... ...182 Создание быстрой маски..............183 S Редактирование в режиме быстрой маски ..186 Расширение выделения стиранием маскированных областей..........186 Изъятие из выделения путем добавления маскированных областей..........188 Сохранение выделения как маски..........189 Просмотр каналов....................192 Настройка отдельных каналов.........194 Загрузка маски как выделения .......195 Применение фильтров к маске.........197 Применение эффектов с помощью градиентной маски...................198 Изменение размера холста............200 Извлечение текстуры бумаги .........201 Перемещение слоев между документами ..204 Изменение цвета с помощью слоя настройки ................ 205 Группирование и ограничение слоев ..207 Применение маски из сохраненного выделения......................... 209
www.infanata.org 14 Adobe Photoshop CS3 Использование текста в качестве маски ....210 Итоги............................. 214 Обзорные вопросы................214 Ответы на обзорные вопросы......214 УРОК 7. Корректировка и улучшение цифровых фотографий............................................217 Обзор урока...........................217 Начало работы......................218 Об исходных файлах, отснятых фотоаппаратом ........................220 Обработка исходных и файлов и снимков.......................... 221 Открытие исходных изображений снимков...........................221 Настройка баланса белого и экспозиции ...223 Усиление резкости.................225 Синхронизация настроек для нескольких изображений........225 Сохранение изменений настроек исходных снимков................226 Корректировка цифровых фотографий....229 Настройка теней/ярких областей..229 Корректировка эффекта красных глаз.231 Уменьшение шума изображения........232 Увеличение резкости границ.........234 Профессиональные приемы работы с фотографией..................235 Редактирование изображений с перспективой, сходящейся в точке....237 Определение сетки..................238 Редактирование объектов в изображении................... 240
www.inf an at a.org Содержание 15 Корректировка искажений изображения..242 Создание PDF-портфолио..............246 Итоги.............................. 249 Обзорные вопросы.............. 249 Ответы на обзорные вопросы......249 УРОК 8. Текстовый дизайн....................251 Обзор урока...........................251 Общие сведения о шрифтах Photoshop ....251 Начало работы........................ 252 Создание из текста отсекающей маски...253 Добавление направляющих для размещения текс та.............253 Добавление текста с привязкой в точке.254 Создание отсекающей маски и применение падающей тени......255 Создание из текста элемента дизайна.258 Использование интерактивных элементов управления форматированием..........261 Деформирование шрифта с привязкой в точке................ »........ 263 Оформление абзаца текста.............265 Использование направляющих для позиционирования текста......265 Добавление текста абзаца из комментария................. 266 Добавление двух последних строк текста...269 Добавление вертикального текста.270 Деформация слоя .......................271 Группирование слоев в смарт-объект.272 Деформирование с помощью смарт-объектов................. 273
16 Adobe Photoshop CS3 Итоги................................ЧП Обзорные вопросы................277 Ответы на обзорные вопросы......277 Танцы с текстом.....................278 УРОК 9. Приемы работы с векторной графикой..............281 Обзор урока..................... 281 Общие сведения о точечных изображениях и векторной графике.281 Общие сведения о путях и инструменте Реп (Перо).........282 Начало работы....................283 Использование путей в рисунке....285 Рисование контура фигуры...........286 Преобразование выделения в путь....289 Преобразование путей в выделения...290 Преобразование выделения в слой...292 Создание векторных объектов для фона ..294 Рисование масштабируемой фигуры...295 Снятие выделения с путей..........297 Общие сведения о слоях-фигурах....297 Вычитание фигур из слоя-фигуры....298 Работа с заданными пользовательскими фигурами..............................301 И м порти рован не и нтеллектуальн ых объектов......................... 303 Добавление заголовка..............303 Завершение........................304 Итоги................................307 Обзорные вопросы..................307 Ответы на обзорные вопросы........307
www.inf an at a.org Содержание УРОК 10. Дополнительные приемы работы со слоями..............................309 Обзор урока........................309 Начало работы......................309 Вырезание фигуры в слое............311 Настройка сетки фильтра Vanishing Point (Точка совмещения) .313 Создание собственных комбинаций клавиш..............................316 Помещение импортированного изображения ......................317 Применение фильтров к интеллектуальным объектам ......318 Добавление стиля слоя.............320 Помещение бокового изображения....321 Добавление дополнительных изображений на плоскость перспективы ..323 Создание слоя настройки ..........324 Использование композиций слоев....326 Управление слоями.................328 Сведение слоев многослойного изображения .................... 329 Объединение слоев и групп слоев...330 Штампование слоев.................331 Итоги.............................333 Обзорные вопросы...............333 Ответы на обзорные вопросы.....333 Клонирование кинофрагмента........334
www.infanata.org 18 Adobe Photoshop CS3 УРОК 11. Дополнительные приемы работы с композициями..............................................337 Обзор урока.........................337 Начало работы.......................337 Автоматизация выполнен ия многошаговой задачи.................338 Открытие и обрезка изображений..338 Подготовка к записи действия....340 Запись нового набора действий...341 Воспроизведение действия для отдельного файла...-........343 Воспроизведение действия в пакете.344 Применение интеллектуальных фильтров.......................... 345 Установка монтажа из четырех изображений..............347 Добавление направляющих.........347 Захват изображений в позицию....348 Сохранение выделенных областей..350 Ручная раскраска выделений в слое...352 Удаление цвета в выделении......352 Создание слоя и выбор режима смешивания...............354 Применение эффектов окрашивания.354 Объединение слоев...............356 Изменение цветового баланса ........356 Применение фильтров................ 358 Применение фильтра Paint Daubs (Масляная живопись).............359 Применение фильтра Twirl (Скручивание)............... 360
Содержание'9 Перемещение выделения .......361 Создание эффекта выемки .....362 Согласование цветовых схем изображений.............364 Итоги................................369 Обзорные вопросы...........369 Ответы на обзорные вопросы.369 УРОК 12. Подготовка файлов для web......................371 Обзор урока.........................371 Начало работы.......................372 Настройка рабочей области Web Design (web-дизайн) .............374 Создание срезов ....................375 Выделение срезов и настройка их параметров....................376 Создание кнопок навигации........377 Создание срезов на основе слоев.380 Создание анимации ..................382 Создание анимационного GIF-файла..382 Создание промежуточных кадров на основе изменения положения и непрозрачности слоев............384 Создание анимации на основе стиля слоя...........................386 Экспортирование HTML-файла и изображений......................388 Добавление интерактивности ........391 Итоги..............................395 Обзорные вопросы................395 Ответы на обзорные вопросы......395
20 Adobe Photoshop CS3 УРОК 13. Работа с научными изображениями....................397 Обзор урока.............................397 Начало работы...........................398 Просмотр и редактирование файлов в программе Adobe Bridge................399 Настройка режимов просмотра и областей Adobe Bridge ................399 Использование программы Bridge для организации и поиска элементов..403 Ранжирование и группирование изображений.........................406 Просмотр информации о файле.........409 Осветление и усиление насьпценности цвета в изображении.................410 Создание рамки лис та карты и рабочей области.......................411 Создание собственной рамки..............414 Измерение объектов и данные измерений ..417 Работа с инструментом Measurement (Измерение)................................417 -Г - ЯШ формы Г.’о . II 11’.'B p' iiiic р.н < UGiHini.. . .-)к< и<»рI ।»<• «\ 11.1.1 ।<.н II «м<-|к-|IIIII < 11 <1,111111 цоц<-р<.I о < <-'|<-iiii;i -. I 2 ’ Измерение объектов в перспективе с помощью фильтра Vanishing Point (Точка совмещения).............. 426 Добавление легенды......................428 Создание слайд-шоу .....................429 Итоги...................................431 Обзорные вопросы.................,..431 Ответы на обзорные вопросы..........431
Содержание 21 УРОК 14. Создание и печать согласованным цветом.........433 Обзор урока......................433 Воспроизведение цветов...........433 Начало работы....................436 Задание параметров управления цветом ..436 Пробная печать изображения ............437 Идентификация цветов, выпадающих из гаммы...............................439 Настройка изображения и печать пробного оттиска..............441 Сохранение изображения как цветоделения.......................443 Печать............................... 444 Печать полутонов................... 444 Итоги............................. 447 Обзорные вопросы................447 Ответы на обзорные вопросы......447

От авторов Добро пожаловать в книгу «Adobe Photoshop CS3. Официальный учебный курс». Если вы только что купили свою первую цифровую камеру и хотите освоить ос- новные приемы работы с мировым лидером графических приложений, или вы уже опытный дизайнер, проводящий шесть часов в день, работая с Photoshop, и хотите повысить эффективность работы, эта книга - для вас. В 14 уроках этой книги вы изучите все, начиная от создания художественных фо- токомпозиций. до обработки исходных файлов фотографий вашей камеры и под- готовки web-анимаций. Мы консолидировали содержимое книги с предыдущим изданием и предлагаем вам обновленный и удобный курс, который научит вас ос- новам работы с Photoshop. Выполняя лаконичные, полноцветные и исчерпываю- щие упражнения. вы попутно научитесь использовать множество новых впечатля- ющих возможностей, появившихся в версии Photoshop CS3. Вдобавок к этому мы включили в книгу несколько развлекательных разделов. Нап- ример, знаток Photoshop Рассел Браун (Russell Brown) покажет вам. как можно экс- периментировать с новейшими возможностями программы в своих фильмах QuickTime, включенных в компакт-диск книги. (Обязательно найдите эти фильмы надиске.) Кроме того, Джулиан Кост (Julieanne Kost), евангелист Photoshop, пред- ложит вам отличные советы опытного пользователя, а мы, со своей стороны, включили в книгу несколько дополнительных разделов для тех учеников, кто за- хочет освоить работу еще глубже. (Подробнее о новинках этого издания вы узнаете в введении к книге) Желаем вам удачи и приятного времяпровождения! Эндрю Фолкнер (Andrew Faulkner) и Джуди Волтере вон Алтеи (Judy Walthers von Alten)
Джон Нек (John Nack) Бренд-менеджер Photoshop компании Adobe Systems м Adobe Здравствуйте, любители Photoshop! Благодарим вас за приобретение книги "Adobe Photoshop CS3. Официальный учебный курс- - официального учебного курса са- мой популярной программы редактирования изображений. Я настоятельно рекомендую вам изучить эту книгу, поскольку в Heit описываются самые важные новшества программы Photoshop CS3. Например, в уроке 5 подробно описывается про- цедура слияния отдельных слоев изображения и создание компо- зиции за несколько шагов. В уроке 11 вы познакомитесь с так называемыми •интеллектуальными фильтрами". Другие уро- ки расскажут о новой функции зумирования дм эффективного отображения больших изображений в обозревателе интернета; рассмотрите окно Adobe Bride и диалог, предназначенный дм работы с RAW изображениями; а также узнаете о существова- нии революционной технологии дм создания трансформации объектов в перспективе. В программу Photoshop CS3 включено также множество других новых средств, и этот учебный курс поможет вам освоить их в кратчайшие сроки. Удачи в обучении и спасибо за приобретение книги!
Приступим к работе Программа Adobe® Photoshop® CS3, общепризнанный эталон для работы с цифро- выми изображениями, предлагает своим пользователям новый уровень возмож- I ностей, точности и контроля, а также новые мощные инструменты и усовершен- ствования. В программу Photoshop CS3 включена программа Adobe Bridge® CS3 - удобный файловый браузер, который позволяет ускорить выполнение повседнев- ных задач, а сама работа с ним доставляет эстетическое удовольствие. Программа Photoshop CS3 расширяет границы возможностей редактирования цифровых изображений и как никогда ранее упрощает процесс воплощения в действитель- ность ваших замыслов. О книге Книга “Adobe Photoshop CS3. Официальный учебный курс» входит в серию офи- циальных учебников, издаваемых компанией Adobe, посвященных работе с гра- фическими и издательскими программами этой компании. Уроки в книге спроек- тированы так, чтобы вы могли изучать их с любой скоростью. Если вы никогда не работали с Adobe Photoshop, то для полного овладения этой программой вам при- дется изучить ее основные концепции и функциональные средства. А если вам уже доводилось работать с программой Adobe Photoshop, то вы научитесь исполь- зовать многие дополнительные средства, в том числе те, что появились в послед- ней версии, и познакомитесь с разделами, посвященными подготовке изображе- ний к опубликованию в Интернете. Хотя в каждый урок включены пошаговые инструкции для выполнения конкрет- ных проектов, в них оставлен простор для исследований и экспериментов. Вы мо- жете изучать книгу от корки до корки, либо обратиться только к тем урокам, в ко- торых рассматриваются интересующие или нужные вам вопросы. В каждом уроке содержатся обзорные вопросы, охватывающие весь изученный материал. Что нового в этом издании В этом издании рассматривается множество новых возможностей, появившихся в программе Adobe Photoshop CS3, как. например, возможность Smart Filters (Ум- ные фильтры), позволяющая в любое время изменять параметры фильтров, кото- рые были применены к изображению; использование технологии Zoomify для де- тального просмотра и панорамирования изображений с высоким разрешением; возможность Align Content (Выравнивание содержимого), позволяющая выпол- нять выравнивание нескольких похожих слоев за один щелчок мыши. Кроме то- го, в уроках данной книги вы познакомитесь с новым инструментом Quick Selection (Быстрое выделение), с помощью которого можно создавать сложные выделения за один щелчок мыши; с новым, общим для всех продуктов семейства Creative Suite 3, интерфейсом; с улучшениями, затронувшими формат Camera Raw (Необработанный файл камеры), фильтр Vanishing Point (Точка совмещения) и программу Adobe Bridge.
www. infanata. org 26 Adobe Photoshop CS3 В новых уроках рассматриваются следующие вопросы: • Использование масок и каналов для создания максимально точных выделений и получения сложных композиционных изображений. • Новые методики работы со слоями, включая улучшения возможности Layer Comps (Композиции слоев). • Профессиональные методики наложения изображений, применяемые для точ- ного наложения изображений, их восстановления и подбора цветовых схем. • Подготовка файлов для опубликования в Интернете, включая создание сре- зов, ролловеров и GIF-анимации. • Работа с научными изображениями - измерение и улучшение данных изобра- жения. анализ изображений и их публикация. Помимо всего прочего, это издание переполнено дополнительной информацией по возможностям программы Photoshop и советами, как максимально эффективно работать с этим сложным приложением. Вы познакомитесь с программой Adobe® Lightroom™ - новым инструментом для профессиональных фотографов, призван- ным помочь в управлении, изменении и представлении большого объема цифро- вых фотографий. Кроме того, вы узнаете о лучших практиках организации, уп- равления и демонстрации ваших фотографий, а также о способах оптимизации изображений для опубликования в Интернете. На страницах этой книги вы най- дете советы и процедуры от двух экспертов компании Adobe: специалиста по программе Photoshop Джулиана Коста (Julieanne Kost) и творческого директора Рассела Брауна (Russell Brown). Просмотр роликов Непременно просмотрите ролики, размещенные в папке Movies на прилагаемом к книге компакт-диске. Около дюжины роликов, представленных на диске, демон- стрируют новые возможности программы Photoshop CS3 - начиная с нового ин- терфейса программы Photoshop и заканчивая использованием инструмента Quick Selection (Быстрое выделение), возможности Smart Filters (Умные фильтры) и всех тонкостей фильтра Vanishing Point (Точка совмещения). Вы даже сможете уз- нать, как самому клонировать и анимировать изображение, используя новый инструмент Clone Source (Клонирование источника), под безупречным руковод- ством эксперта корпорации Adobe Рассела Брауна. Соответствующие ролики, от- носящиеся к тому или иному уроку, обозначаются вот таким значком - Н. Наслаждайтесь! Новые возможности программы Photoshop Extended Некоторые главы издания книги «Adobe Photoshop. CS3 Официальный учебный курс» затрагивают ряд возможностей программы Adobe Photoshop CS3 Extended - версии с дополнительными функциями для специалистов, инженеров и ученых, и предназначенной для тех, кто занимается созданием специальных эффектов для видео или для архитектурных, научных или технических изображений.
www. inf an at. a. org Файлы уроков... и многое, многое другое Компакт-диск, прилагаемый к книге “Adobe Photoshop CS3. Офици- альный учебный курс», включает файлы уроков, которые потребуются вам для выполнения предлагаемых в книге упражнений, а также мно- гое другое. что поможет вам разобраться с возможностями программы Adobe Photoshop и более эффективно и просто использовать это при- % ложение. Представленная ниже диаграмма отражает содержимое ком- пакт-диска, она поможет вам находить нужные файлы. Что находится на диске CD **Последшш версия программы Apple QuickTime может Ныть загружена со страницы iload.
www.infanata.org 28 Adobe Photoshop CS3 Вот некоторые из возможностей программы Photoshop Extended: • Импортирование трехмерных изображений и видео с возможностью последу- ющего редактирования отдельных кадров или последовательности файлов изображений путем их окрашивания, клонирования, ретуширования или трансформаци и. • Измерительные и вычислительные инструменты, предназначенные для изме- рения любых областей, включая области неправильной формы, созданные с помощью инструментов Ruler (Линейка) или Selection (Выделение). Кроме то- го, можно определить высоту, ширину, площадь и периметр одного или нес- кольких изображений и сохранить выполненные измерения. Дополнительную информацию по использованию этих возможностей можно найти в уроке 13, «Работа с научными изображениями». • Наборы изображений, сохраняемые в виде интеллектуальных объектов (Smart Objects), позволяют объединить группу изображений с похожей структурой или общими базовыми точками и выполнить обработку сразу нескольких изображений, чтобы получить в результате композиционное изображение, из- бавившись, например, от нежелательных деталей или шума. • Анимационные возможности позволяют отображать длительность кадров и параметры анимации для слоев документа в режиме Timeline (Монтажный стол), что упрощает перемещение по кадрам, их редактирование и изменение длительности кадров для слоев. • Поддержка специализированных форматов файлов, например, DICOM - наи- более распространенный стандарт для хранения медицинских изображений; MATLAB - общее название высокоуровневого технического языка расчетов и интерактивной среды для разработки алгоритмов, визуализации и анализа данных и вычисления значений; 32-битные изображения с высоким разреше- нием - поддержка включает специальный диалог выбора HDR-цвета и возмож- ность рисования и создания слоев для 32-битных HDR-изображений. • Поддержка форматов файлов трехмерных (3D) изображений, включая форма- ты U3D, 3DS. OBJ. KMZ и Collada, создаваемые такими программами, как Adobe Acrobat 3D* версии 8, 3D Studio Max. Alias. Maya и Google Earth. Разместив трех- мерные модели на отдельных слоях, вы можете использовать инструменты программы Photoshop, предназначенные для работы с трехмерной графикой, для перемещения трехмерной модели или изменения ее масштаба, изменения освещения или режимов визуализации - например, чтобы изменить сплошной режим визуализации на каркасный. Предварительные требования Прежде чем приступать к чтению книги «Adobe Photoshop CS3. Официальный 1 учебный курс», вам следует приобрести навыки работы с компьютером и его опера- ционной системой. Вы должны уметь работать с мышью и стандартными меню и командами, а также открывать, сохранять и закрывать файлы. Если вам нужно зано- во просмотре ть эти технические приемы, обратитесь к документации, поставляе- мой с вашей операционной системой Microsoft® Windows' или Apple” Mac" OS X.
www.infanata.org Приступим к работе 29 Установка программы Adobe Photoshop Прежде чем начать изучение книги «Adobe Photoshop CS3. Официальный учеб- ный курс», убедитесь в том, что ваша система работает корректно и в ней уста- новлены все нужное оборудование и программы. Саму же программу Adobe Photoshop CS3 вам придется приобрести отдельно. Системные требования и под- робные инструкции по установке приложения можно найти в файле Adobe Photoshop CS3 Read Me на DVD-диске приложения или в Интернете по адресу www.adobe.com/support/. Программы Photoshop и Bridge используют одну и ту же программу установки. Установите приложения с дистрибутивного DVD-диска приложения Adobe Photoshop CS3 на свой жес ткий диск - запустить программу с компак т-диска невоз- можно. Следуйте инструкциям, отображаемым на экране. Перед началом установки программы убедитесь в наличии серийного номера. Запуск Adobe Photoshop Программа Photoshop запускается точно так же, как любое другое приложение. Чтобы запустить программу Adobe Photoshop в Windows: 1 Выберите в меню команду Пуск ♦ Все программы ♦ Adobe Photoshop CS3 (Stan ♦ All Programs ♦ Adobe Photoshop CSS). 2 Когда появится входная заставка, щелкните на кнопке Close (Закрыть). Чтобы запустить программу Adobe Photoshop в Mac OS: Откройте папку Applications/Adobe Photoshop CS3 и дважды щелкните мышью на значке программы Adobe Photoshop. 2 Когда появится входная заставка, щелкните на кнопке Close (.Закрыть). Установка шрифтов книги «Официальный учебный курс» Для того чтобы быть уверенным в том, что файлы уроков будут открываться в сис- теме с правильными шрифтами, вам нужно установить шрифты с прилагаемого к книге компакт-диска. Файлы шрифтов расположены в папке Fonts компакт-диска книги «Adobe Photoshop CS3. Официальный учебный курс». Если присутствую- щие в папке шрифты уже установлены в вашей системе, то повторно переустанав- ливать их не надо. Для установки шрифтов на жесткий диск компьютера выполните следующие действия: 1 Вставьте компакт-диск, прилагаемый к книге «Adobe Photoshop CS3. Офици- альный учебный курс» в дисковод CD-ROM. 2 Установите файлы шрифтов, используя обычную процедуру установки пгриф- тов для версии вашей операционной системы.
30 Adobe Photoshop CS3 В Windows: Перетащите шрифты из папки ...\Adobe\Fonts в общую папку шрифтов. Более подробные сведения об установке шрифтов в операционной системе Windows можно найти в текстовом файле ReadMe, расположенном в папке Fonts прилага- емого к книге компакт-диска. В Mac OS: Откройте папку Fonts прилагаемого к книге компакт-диска. Выделите все шриф- ты внутри этой папки и перетащите их в папку Library\Fonts жесткого диска ваше- го компьютера. Для установки шрифтов допускается перетаскивание нескольких файлов, но не допускается перетаскивание целой папки. Копирование файлов книги «Официальный учебный курс» На компакт-диске, прилагаемом к книге «Adobe Photoshop CS3. Официальный учебный курс», находятся папки, в которых содержатся электронные файлы всех уроков. Каждый урок помещен в отдельную папку, и для выполнения уроков вам нужно скопировать папки на жесткий диск своего компьютера. Чтобы сэконо- мить место надиске, вы можете по мере необходимости копировать на диск толь- ко ту папку, которая нужна для выполнения данного урока, а по окончании урока удалять палку с диска. Чтобы установить файлы книги «Официальный учебный курс»: 1 Вставьте в дисковод CD-ROM компакт-диск, прилагаемый к книге «Adobe Photoshop CS3. Официальный учебный курс». 2 Просмотрите содержимое компакт-диска и найдите папку Lessons. 3 Выполните одно из следующих действий: • Чтобы скопировать все уроки, перетащите мышью папку Lessons с компакт- диска на жесткий диск. • Чтобы скопировать только один урок, сначала создайте на жестком диске но- вую папку и назовите ее Lessons. Перетащите мышью папку (папки) нужного вам урока (уроков) с компакт-диска в папку Lessons жесткого диска. Если вы работаете в операционной системе Windows 2000. вам, возможно, потре- буется разблокировать файлы уроков. Если, работая в операционной системе Windows 2000, вы столкнетесь с заблокированными файлами, выполните шаг 4. 5 (Только в операционной системе Windows 2000) разблокируйте скопированные файлы: • Щелкните правой кнопкой мыши на папке, содержащей заблокированные файлы, например. Lessons, а затем выберите из контекстного меню команду Свойства (Properties). • Далее сбросьте в области Атрибуты (Attributes) диалога свойств файла флажок Только чтение (Read-only) и щелкните на кнопке Применить (Apply). • Установите в диалоге Подтверждение изменения атрибутов (Confirm Attributes Changes) флажок К этой папке и ко всем вложенным папкам и фай- лам (Apply changes to this folder, subfolders, and files).
Приступим к работе 31 В Затем щелкните на кнопке ОК, ч тобы закрыть диалог Подтверждение измене- ния атрибутов (Confirm Attributes Changes), и еще раз щелкните на кнопке ОК для закрытия диалога свойств файла. Последний шаг является необязательным для пользователей операционных сис- тем Windows ХР и Mac OS. Если по мере работы над уроками вы перезапишете файлы уроков, то можете восста- новить исходные файлы путем повторного копирования папки соответствующего урока с компакт-диска книги "Adobe Photoshop CS3. Официальный учебный курс» в папку Lesson на своем жестком диске. Восстановление исходных настроек Файлы предпочтений сохраняют настройки палитр и команд. Каждый раз при за- вершении работы с программой Adobe Photoshop, позиции палитр и настройки команд сохраняются в файле предпочтений. В указанном файле хранятся и все настройки диалога Preferences (Установки). В начале каждого урока книги вам будет предложено восстановить предпочтения, ' устанавливаемые по умолчанию, используя нажатие комбинации трех клавиш. Это действие удаляет любые параметры, установленные в диалоге Preferences ^Установки). Предпоч тения по умолчанию можно и не восстанавливать. Но в таком случае при- 1 готовьтесь к тому, что вид и работа инструментов, палитр и другие настройки ва- шей копии программы Photoshop CS3 могут не совпадать с описанными в книге и вам придется проявить находчивость при поиске нужных элементов. Учитывайте это обстоя тельство, и вы избежите затруднений при работе над уроками. Перед началом ознакомления с книгой необходимо выполнить простую процеду- ру сохранения установок калибровки монитора, которая описана в следующем разделе. Если вы еще не занимались калибровкой своего монитора, выполнять эту процедуру не надо. Сохранение параметров, выбранных вами в диалоге Preferences (Установки) вы- ходит за рамки данной книги. Если вы не уверены, что справитесь с этой задачей самостоятельно, обратитесь за помощью к своему сетевому администратору или ведите запись изменений настроек, а затем, после выполнения уроков, вручную восстановите их прежние значения. Чтобы сохранить текущие настройки цвета: 1 Запустите программу Adobe Photoshop. 2 Выберите в меню команду Edit ♦ Color Settings (Редактирование ♦ Настройка цветов). 3 Проверьте значение в раскрывающемся списке Settings (Настройки) диалога Color Settings (Настройка цветов). • Если выбран элемент списка Custom (Заказные), перейдите к выполнению 1 шага 4.
www. infanata. org 32 Adobe Photoshop CS3 • Если установлен любой другой параметр, отличный от Custom (Заказные), щелкните мышью на кнопке ОК. Выполнять оставшиеся шаги не нужно. 4 Щелкните мышью на кнопке Save (Сохранить). Будьте внимательны и щелкни- те мышью именно на кнопке Save (Сохранить), а иена кнопке ОК. 11а экране появится диалог Save (Сохранить). По умолчанию файлы настроек цве- та сохраняются в папке Settings (Настройки). Для файлов используется стандарт- ное расширение .csf (сокращение от color settings file - файл настроек цвета). 5 В поле ввода File Name (Имя файла) (Windows) или Save As (Сохранение) (Мас OS), введите с клавиатуры описательное имя ваших цветовых настроек и, не меняя расширение файла .csf, щелкните мышью на кнопке Save (Сохранить). 6 Введите в диалоге Color Settings Comment (Комментарий к цветовым установ- кам) любое текстовое описание, которое поможет вам в дальнейшем иденти- фицировать цветовые настройки. Укажите, например, дату, специфические настройки, название вашей рабочей группы. 7 Щелкните на кнопке ОК. чтобы закрыть диалог Color Settings Comment (Ком- ментарий к цветовым установкам), и еще раз щелкните мышью на кнопке ОК. чтобы закрыть диалог Color Settings (Настройка цветов). Чтобы восстановить свои сохраненные настройки: 1 Запустите программу Adobe Photoshop. 2 Выберите в меню команду Edit ♦ Color Settings (Редактирование ♦ Настройка цветов). 3 В раскрывающемся списке Settings (Настройки) диалога Color Settings (Наст- ройка цветов) выберите имя файла настроек цветов, созданного в предыду- щей операции. 4 Щелкните на кнопке ОК. Дополнительные ресурсы Книга «Adobe Photoshop CS3. Официальный учебный курс» никоим образом не заменяет документацию, предоставляемую программой Photoshop CS3, и не явля- ется всеобъемлющим справочником по всем возможностям этой программы. В книге поясняются только те команды и параметры, которые использованы в уроках. Исчерпывающую информацию о программных средствах можно найти в следующих источниках: • Интерактивная справка программы Photoshop CS3, откры ть которую можно с помощью команды меню Help ♦ Photoshop Help (Справка ♦ Справка по Photoshop). • Отпечатанные копии документации по программе Adobe Photoshop CS3 (сокра- щенной версии интерактивной справки) можно приобрести в Интернете по адресу www.adobe.com/go/buy_books.
Приступим к работе 33 | • web-ресурс Adobe Design Center (www.adobe.com/designcenter) содержит сот- ни учебных пособий от экспертов и авторов сообщества, а также содержатель- I ные статьи по дизайну и технологиям. г • На DVD-диске Adobe CS3 Video Workshop, поставляемом вместе с программой Adobe Photoshop CS3, находится 250 образовательных роликов по программе (Photoshop CS3 и другим продуктам линейки Adobe Creative Suite 3. Следующие ссылки могут также оказаться полезными: » Домашняя страница программы Photoshop CS3: www.adobe.com/products/ photoshop/. I • Форумы пользователей программы Photoshop для свободного обсуждения воп- росов, связанных с продуктами компании Adobe: www.adobe.com/support/ forums/. I • Web-pecypc Photoshop Exchange, предназначенный для обмена расширениями. I функциями, кодом и многим другим: www.adobe.com/cfusion/exchange/. I • Модули для программы Photoshop: www.adobe.com/products/plugins/photoshop/. • Обучающие ресурсы по программе Photoshop: www.adobe.com/products/ photoshop/training.html. Сертификация Adobe I Для оказания помощи пользователям продуктов Adobe в повышении профессио- В налыюго мастерства работы с продуктами этой компании действуют программы . обучения и сертификации. Существуют три уровня сертификации: г • Сертифицированный эксперт Adobe (АСЕ). I • Сертифицированный инструктор Adobe (ACI). )• Авторизованные обучающие центры Adobe (ААТС). Программ;) АСЕ (Adobe Certified Expert - Сертифицированный эксперт Adobe) предназначена для того, чтобы оценить пользователей-экспертов высокого уров- ня. Вы можете использовать сертификацию Adobe в качестве катализатора прод- 1 вижения по службе, поиска работы и улучшения своих навыков. Если вы являетесь экспертом уровня АСЕ. программа ACI (Adobe Certified Instructor - Сертифицированный инструктор Adobe) - следующий этап вашего совершен- ствования, с помощью нее вы получите доступ к более широкому диапазону ресур- L сов Adobe. Авторизованные центры обучения Adobe предлагают обучающие и тренировоч- [ ные курсы по продуктам Adobe под руководством только сертифицированных инструкторов Adobe. Каталог таких центров обучения можно найти на странице http://partners.adobe.com. I Более полную информацию о программах сертификации Adobe можно найти по I адресу www.adobe.com/support/certification/main.html.
• 5 .4~.W .4 в/Л|' Работая г программой Adobe Photoshop, «ы обнаружите, что для выполнения одной и той же задачи существует несколько путей. Чтобы добиться наилучшего использования широких возможностей редактиро- вания. заложенных в эту програм- му, вы да/жны в первую очередь нау- читься стремещаться по рабочей об ласти.
УРОК I. Знакомство с рабочей областью I Обзор урока I В этом уроке вы познакомитесь с тем, как выполнять следующие действия: I • Открывать файлы Adobe Photoshop. I • Выбирать и использовать некоторые инструменты на панели инструментов. • Устанавливать параметры для выбранного инструмента с помощью панели па- I раметров инструмента. • Использовать различные способы увеличения и уменьшения изображения. Д» Выбирать, организовывать и использовать палитры. I • Выбирать команды в меню палитры и в контекстных меню. К • Открывать и использовать палитру, пристыкованную к хранилищу палитр. • Отменя ть действия для исправления ошибок или создания нескольких вариан- I тов изображения. • Настраивать рабочее пространство. • Находить темы в справке программы Photoshop. Работа над уроком займет около полутора часов. Перед запуском программы I Adobe Photoshop найдите папку LessonOI на компакт-диске, прилагаемом к книге I «Adobe Photoshop CS3. Официальный учебный курс». Скопируйте эту папку в К папку Lessons, созданную вами на жестком диске для работы над проектами (или создайте эту папку сейчас). По мере работы над уроком исходные фалы будут пе- I резаппсаны. Если потребуется восстановить исходные файлы, скопируйте их за- I ново с компакт-диска, прилагаемого к книге «Adobe Photoshop CS3. Официаль- ный учебный курс».
www.infanata. org 36 Adobe Photoshop CS3 Начало работы в Adobe Photoshop Рабочая область программы Adobe Photoshop включает командные меню в верх- ней части экрана и различные инструменты и палитры для редактирования и добавления элементов в изображение. В меню можно добавлять команды и фильтры, устанавливая сменные модули независимых производителей (иногда эти модули называют «плагинами»). Программа Photoshop работает с растровой цифровой графикой, т.е. с тоновыми изображениями, преобразованными в серию маленьких квадратиков, или пиксе- лов (от английского «picture elements» - элементы картинок). Программа Photoshop позволяет работать и с векторной графикой. Векторные изображения - это рисунки, образованные гладкими линиями, сохраняющими свою четкость при масштабировании. В программе Photoshop можно создавать как собс твенные оригинальные иллюстрации, так и импортировать изображения в программ}’ из различных источников, таких как: • Фо тографии с цифровой камеры. • Коммерческие компакт-диски с цифровыми изображениями. • Отсканированные фотографии, диапозитивы, негативы, графика и другие до- кументы. • Захваченные видеоизображения. • Иллюстрации, созданные в графических редакторах. 2 о Более полную информацию о типах файлов, с которыми позволяет работать про- грамма Adobe Photoshop CS3, можно найти в теме -About file formats- («О форматах файлов-) интерактивной справки программы Photoshop. Запуск Photoshop и открытие файла Для начала работы запустите программ}' Adobe Photoshop и восстановите предпоч- тения. установленные по умолчанию. При самостоятельной работе не надо каждый раз восстанавливать предпочтения по умолчанию. Однако при работе с книгой восстанавливайте их каждый раз, чтобы то, что отображается на вашем экране, соответствовало описаниям урока. Подробности мож- но найти во введении, в разделе, посвященном восстановлению стандартных настроек программы Photoshop CS3. 1 Дважды щелкните мышью на значке программы Adobe Photoshop на рабочем столе компьютера, чтобы запустить программу, а затем сразу же нажмите ком- бинацию клавиш l+I^H~l+l[shiitl (Windows) или Command^Ootion+ll^l (Mac OS) для восстановления стандартных настроек программы. Если на вашем рабочем столе нет значка программы Photoshop, выберите коман- ду меню Пуск ♦ Все программы ♦ Adobe Photoshop CS3 (Start ♦ All Programs ♦ Adobe Photoshop CS3), либо посмотрите в папке Applications (Приложения) или в доке (Mac OS).
Знакомство с рабочей областью 2 Когда будет предложено, щелкните мышью на кнопке Yes (Да), чтобы подтвер- дить намерение удалить файл настроек, а потом щелкните мышью на кнопке Close (Закрыть), чтобы закрыть диалог Welcome Screen (Начальный экран). Рабочая область программы Photoshop появляется в таком виде, как это показано на рисунке ниже. Рабочая область, открываемая по умолчанию в программе Photoshop, состоит из Строки меню в верхней части окна программы, панели параметров инструмента под строкой меню, плавающей панели инструментов в левой части окна, плавающих палитр и одного или нескольких окон изображений, открываемых отдельно. Анало- гичный интерфейс применяется в программах Adobe Illustrator®, Adobe InDesign® и Hash® - поэтому, если вы научитесь работать с инструментами и палитрами в одном приложении, вы без труда сможете работать с ними и в других приложениях. Г-1 С помощью программы QuickTime просмотрите ролик New UI, чтобы получить общее представление о новом интерфейсе, применяемом в линейке продуктов CS3. Этот ролик находится в папке Movies на прилагаемом к книге «Adobe Photoshop CS3. Официальный учебный курс» компакт-диске и называется New Ul.mov. Чтобы открыть файл ролика, дважды щелкните на нем; после этого щелкните на кнопке Play (Воспро- изведение).
38 Adobe Photoshop CS3 3 Выберите команду меню File ♦ Open (Файл ♦ Открыть) и перейдите к папке Lessons/LessonOI. скопированной на винчестер с компакт-диска к книге «Adobe Photoshop CS3. Официальный учебный курс». 4 Выделите файл 01A_End.psd и щелкните мышью на кнопке Open (Открыть). Файл 01A_End.psd откроется в своем собственном окне, которое называют окном изображения. Файлы со словом End (end - конец (англ.)) в имени показывают ко- нечный результат выполнения проектов, к которому нужно стремиться при вы- полнении заданий. В открытом файле 01A_End.psd коллаж из старых купюр и мо- нет изменен таким образом, что одна из монет освещена, а остальная часть изоб- ражения выглядит затененной. 5 Выберите команду меню File ♦ Close (Файл ♦ Закрыть) или щелкните мышью на кнопке закрытия окна изображения, которая находится в строке заголовка документа, открытого в окне. (Не щелкайте мышью на кнопке закрытия про- граммы Photoshop.) Открытие файла с помощью программы Adobe Bridge В каждом уроке вы будете работать с разными исходными файлами. При необходи- мости можно сделать дополнительные копии этих файлов и сохранить их под други- ми именами или в других папках. Можно также работать с оригиналами исходных файлов, и если вам захочется начать все заново, скопируйте эти файлы с компакт- диска. В этом уроке вы будете работать над тремя разными исходными файлами. В предыдущей процедуре мы открыли файл классическим способом. Теперь от- кроем другой файл с помощью визуального файлового браузера Adobe Bridge - инструмента, ко торый облегчает поиск нужного файла.
www.infanata.org Знакомство с рабочей областью 1 Щелкните мышью на кнопке Go to Bridge (Перейти к Bridge) (а<) на панели параметрон инструмента. Ос помощью программы QuickTime просмотрите ролик Bridge Intro, чтобы получить общее представление о программе Adobe Bridge. Этот ролик находится в папке Movies на прилагаемом к книге -Adobe Photoshop CS3. Официальный учебный курс- компакт- диске и называется Bridge Intro, mov. Чтобы открыть файл ролика, дважды щелкните на нем: после этого щелкните на кнопке Play (Воспроизведение). На экране появится диалог программы Adobe Bridge с набором палитр, меню, кно- пок и панелей. 2 Запустить программу Adobe Bridge также можно, выбрав команду меню File ♦ Browse (Файл ♦ Обзор). Па панели Favorites (Избранное), расположенной в левом верхнем углу окна программы Bridge, найдите папку Lessons, которую вы скопировали с компакт-диска на жесткий диск вашего компьютера. Папка Lessons появится на панели Content (Содержимое). 3 На панели Favorites (Избранное) дважды щелкните мышью на папке Lessons, чтобы открыть ее; затем дважды щелкните на папке LessonO! . 4 Перетащите папку Lessons из панели Content (Содержимое) на панель Favorites (Избранное), расположенной в левом верхнем углу окна программы Bridge, чтобы добавить эту папку в список панели. (Можно также выделить злу папку и выбрать команду меню File ♦ Add То Favorites (Файл ♦ Добавить в изб- ранное.) Добавление файлов, папок, значков приложений и других часто ис- пользуемых элементов на панель Favorites (Избранное) обеспечивает быст- рый доступ к этим элементам. В центральной части окна программы Adobe Bridge появятся эскизы рисунков, хранящихся в этой папке.
www.infanata.org 40 Adobe Photoshop CS3 5 Выделите файл 01A_Start.psd на панели Contents (Содержимое) и откройте его, дважды щелкнув мышью на эскизе его изображения или воспользовав- шись командой File ♦ Open (Файл ♦ Открыть) строки меню окна программы Adobe Bridge. В окне программы Photoshop откроется файл 01A_Start.psd. Окно программы Adobe Bridge - это не просто удобный визуальный интерфейс для открытия файлов. Он имеет множество других функций и возможностей, ко- торые мы орассмотрим в уроке 13, «Работа с научными изображениями». Не закрывайте пока программу Adobe Bridge, поскольку она может вам понадобиться для поиска и открытия других файлов этого урока. Использование инструментов Программа Photoshop обеспечивает согласованный единый набор инструментов для создания сложных графических изображений, предназначенных для печати, опубликования в Интернете или быстрого просмотра. Чтобы перечислить все бо- гатство инструментов программы Photoshop и их настроек, потребовалась бы це- лая книга. Конечно, это было бы полезно, но не входит в задачи нашей книги. Вместо этого вы начнете приобретать опыт работы с программой Photoshop, ис- пользуя и настраивая по несколько инструментов в учебном проекте. Каждый урок будет знакомить вас с все новыми инструментами и способами их использо- вания, и к концу работы с книгой у вас накопится солидный багаж знаний, кото- рый послужит основой для дальнейшего исследования возможнос тей программы Photoshop. Выбор и использование инструмента из панели инструментов Панель инструментов - это длинная узкая палитра в левой части рабочей облас- ти. Панель инструментов содержит инструменты выделения, рисования и редак- тирования, кнопки выбора цветов переднего плана и фона и инструменты для просмотра изображений. Начнем знакомство с инструмента Zoom (Масштаб). Этот инструмент есть во мно- гих других приложениях компании Adobe, включая программы Illustrator. InDesign и Acrobat. Полный список инструментов, расположенных на панели инструментов, можно найти в конце этой главы. 1 Обратите внимание, что инструменты на панели инструментов, расположен- ной в левой части окна изображения, размещаются в одном столбце. Щелкни- те на кнопке с изображением двойной стрелки, находящейся прямо над па- нелью инс трументов, чтобы разместить инструменты в двух столбцах. Снова щелкните на этой кнопке, чтобы вернуться к размещению инструментов в од- ном столбце, что позволит более эффективно использовать пространство ра- бочей области.
www.infanata.org [Знакомство с рабочей областью 41 a.T. aj o. 2 Посмотрите на строку состояния в нижней части окна изображения. Обрати- те внимание на процентное отношение в нижнем левом углу. Оно указывает на I текущее увеличение вида изображения, то есть па масштаб. А. Масштабувеличения; В. Строка состояния В операционной системе Windows строка состояния находится в нижней части рабочей области программы Photoshop. 3 Подведите указатель мыши к небольшой кнопке со значком лупы на панели инструментов. Появится подсказка с названием инструмента и горячей клави- шей выбора этого инструмента.
www.infanata.org 42 Adobe Photoshop CS3 4 Выберите инструмент Zoom (Масштаб), щелкнув мышью на кнопке Zoom (Масштаб) (А ) панели инструментов или нажав клавишу клавиатуры |Г£]. Эта клавиша служит клавиатурным эквивалентом выбора инструмента Zoom (Масштаб). 5 Переместите указатель мыши на окно изображения. Обратите внимание, что указатель мыши теперь выглядит, как небольшая лупа со знаком плюс (+) в центре, 6 Щелкните мышью в любой части окна изображения. Изображение увеличится на заранее установленный уровень масштаба, которое отобразится в строке состояния вместо прежнего значения. То место, на кото- ром вы щелкнули инструментом Zoom (Масштаб), станет центром увеличенного изображения. При повторном щелчке мышью масштаб увеличится до следующе- го предустановленного уровня вплоть до максимального значения 3200% (Windows) или 1600% (Macintosh). 7 1(ажмите и удерживайте клавишу | А" | (Windows) или клавишу Option (Mac OS). Форма указателя мыши, свойственная инструменту Zoom (Масштаб), изменит- ся: в центре указателя появится значок минуса (—). Щелкните мышью на лю- бом месте изображения, а затем отпустите клавишу га или Option. Масштаб изображения уменьшится до меньшего предопределенного значения. Просмотрите на монеты в центре фотографии. Существуют и другие способы уменьшения масштаба. Например, на панели парамет- ров инструмента выберите режим инструмента Zoom In (Увеличение) (Q) или Zoom Out (Уменьшение) (). Или же выберите команду меню View * Zoom In (Вид ♦ Увели- чить) или View ♦ Zoom Out (Просмотр ♦ Уменьшить). Еще один способ - в строке сос- тояния ввести с клавиатуры нужный процент масштабирования и нажать клавишу Enter (Windows) или клавишу Return (Mac OS). 8 Нарисуйте инструментом Zoom (Масштаб) прямоугольник так, чтобы в него попало изображение французской монеты, которую нужно подсветить. Рисунок увеличится, и выделенная прямоугольником облас ть заполнит все окно изображения.
www. inf an at a. org Знакомство с рабочей областью 43 Вот вы и познакомились с тремя разными способами использования инструмента Zoom (Масштаб) для изменения масштаба изображения: щелчком указателя мы- ши, нажатием горячей клавиши при щелчке мышью и выделением нужной облас- ти. С помощью горячих клавиш можно управлять и многими другими инструмен- тами. В различных уроках этой книги у вас будет возможность испытать все эти приемы работы. Выбор и использование скрытого инструмента В программе Photoshop предусмотрено множество инструментов для редактиро- вания файлов изображений, однако в каждом сеансе работы обычно использует- ся лишь несколько из них. На панели инструментов неко торые инструменты соб- раны в группы, причем для каждой группы виден только один из инструментов, а ' детальные инструменты группы скрыты позади видимого инструмента. Маленький треугольник в нижнем правом углу кнопки указывает на то, что под данным инструментом есть и другие скрытые инструмен ты. i X 14 1 Наведите указатель мыши на кнопку второго сверху инструмента, расположен- ного на панели инструментов. На экране появится подсказка с названием I инструмента - Rectangular Marquee (Прямоугольная облас ть) (;_])- и соответ- I Ствующей горячей клавишей - (mJ. Выберите этот инструмент. 2 Выберите Инструмент Elliptical Marquee (Овальная область) (О), скрытый за I инструментом Rectangular Marquee (Прямоугольная область). Для выбора । инструмента воспользуйтесь одним из следующих приемов: • Щелкните па кнопке инструмента Rectangular Marquee (Прямоугольная область) и удерживайте ее. Когда появится открывающийся список скрытых инструмен- тов, выберите в нем инструмент Elliptical Marquee (Овальная область).
www. infanata. org Adobe Photoshop CS3 Удерживая нажатой клавишу И (Windows) или Option (Mac OS), щелкайте мышью на кнопке инструмента до тех пор. пока не появится инструмент Elliptical Marquee (Овальная область). Нажмите комбинацию клавиш ||?Ь'П1+П^1 Она переключает инструменты Rectangular Marquee (Прямоугольная область) и Elliptical Marquee (Овальная область). 3 Переместите указатель мыши в окно изображения. При этом указатель мыши примет форму перекрестия (-•-). Подведите указатель мыши к левой верхней стороне французской монеты. 4 Нажмите кнопку мыши и, удерживая ее нажатой, переместите указатель мыши вниз и вправо, нарисовав вокруг монеты эллиптическую рамку выделения. От- пустите киопу мыши. Появившаяся анимированная пунктирная линия означает, что область внутри нее выделена. Выделенная область становится единственной областью изображе- ния, которую можно редактировать. Область за пределами выделения защищена от изменений. 5 Подведите указатель мыши внутрь выделенной эллиптической области. Указа- тель приобретет вид стрелки с маленьким прямоугольником (k-). 6 Перетащите выделенную область так, чтобы французская монета оказалась точно в центре рамки выделения. При перетаскивании выделенной области двигаются лишь границы рамки выделе- ния, а не пикселы изображения. Для перемещения пикселов картинки необходи- мо использовать различные приемы работы, которые будут описаны чуть позднее. Дополнительную информацию о том, как выделять и передвигать выделенные об- ласти. можно найти в уроке 4, специально посвященном работе с выделениями. Использование комбинаций клавиш для работы с инструментами Многие инструменты работают с какими-либо ограничениями режима. Как пра- вило, эти режимы активируются удерживанием определенных клавиш клавиату- ры одновременно с перемещением инструмента мышью. Режимы работы некото- рых инструментов можно выбрать на напели параметров инструмента.
Знакомство с рабочей областью 45 Следующее задание - еще раз, с самого начала, выполнить выделение области с изображением французской монеты. На этот раз мы используем комбинацию кла- виш, ограничивающих форму рамки выделения правильной окружностью. В от- личие от эллипса, вы нарисуе те эту окружность от центра наружу, а не наоборот. 1 Убедитесь, что инструмент Elliptical Marquee (Овальная область) (О) все еще | выбран на панели инструментов. Снимите выделение, выполнив одно из сле- дующих действий: । • Щелкните мышью в любом месте изображения за пределами выбранной об- Vs ласти. г • Выбери те команду меню Select ♦ Deselect (Выделение ♦ Отменить выделение). • Нажмите комбинацию клавиш IIl+f^l (Windows) или Command+0 (Mac OS). 2 Установите указатель мыши в центре изображения французской монеты. 3 Удерживая комбинацию клавиш I А" |+Р^] (Windows) или Option* |lsn'tll (Mac OS), медленно тащите указатель мыши из центра монеты наружу, пока монета I целиком не окажется в окружности. м Осторожно отпустите сначала кнопку мыши, а затем клавиши клавиатуры. Если результат работы вас не устраивает, круглую рамку выделения можно пере- местить. Для этого установите указатель мыши внутри окружности и перетащите ее. Или же щелкните указателем мыши вне круглой рамки выделения, чтобы снять выделение. Затем попробуйте нарисовать рамку выделения еще раз. Если вы случайно отпустите раньше времени одну или обе клавиши, инструмент выпол- нит свое стандартное действие (нарисует эллипс от края, а не от центра). Однако если вы еще не успели отпустить кнопку мыши, просто заново нажмите комбинацию клавиш. Если же кнопка мыши уже отпущена, перейдите снова к первому шагу. 5 Дважды щелкните мышью на кнопке инструмента Zoom (Масштаб) (А.) на па- нели инструментов. Масштаб изображения вновь станет равным 100%. Если вся картинка не умещается в окне изображения, щелкните на кнопке Fit On Screen (Во весь экран) панели параметров инструмента. Обратите внимание, что даже после использования инструмента Zoom (Масш- таб) выделение остается активным.
www.infanata.org Adobe Photoshop CS3 Изменение выделенной области Чтобы подсветить изображение монеты, нужно затемнить оставшуюся часть фо- тографии вне выделенной области. Область вне границ выделения защищена от изменений. Для ее активизации нужно инвертировать выделение. Тогда изобра- жение монеты будет защищено от редактирования. 1 Выберите команду меню Select ♦ Inverse (Выделение ♦ Инверсия). Анимированная граница выделения вокруг французской монеты выглядит так же. как и прежде. Но обрати те внимание, что такая же граница появилась и вдоль всех краев изображения. Теперь выделенной оказалась вся остальная часть фо- тографии, и ее можно редактировать. Область внутри окружности не выделена и не может бы ть изменена, пока не отменено инвертированное выделение. А. Выделенная область (редактируемая); В. Неактивная область (защищена от изменений) 2 Выберите команду меню Image ♦ Adjustments ♦ Curves (Изображение ♦ Кор- рекция ♦ Кривые). ^7 В дальнейшем для открытия диалога Curves (Кривые) можно использовать комби- нацию клавиш Ctrl+M (Windows) или Command+M (Mac OS). Подсказка комбинации клавиш находится рядом с названием самой операции в подменю Adjustments (Кор- рекция). 3 В диалоге Curves (Кривые) убедитесь, что флажок Preview (Просмотр) уста- новлен. При необходимости передвиньте диалог Curves (Кривые) так, чтобы видеть само изображение. Если в диалоге установлен флажок Preview (Просмотр), то вы можете видеть ре- зультаты своих действий в окне изображения. При изменении установок меняет- ся и изображение. Это избавляет от постоянного открытия и закрытия диалогов во время экспериментирования с различными установками.
www.infanata.org Знакомство с рабочей областью 4 Перетаскивайте контрольную точку с верхнего правого угла графика прямо I вниз до тех пор, пока значение Output (Выход) не станет приблизительно рав- | ным 150. (Значение Input (Вход) должно оставаться без изменений.) По мере перемещения контрольной точки вниз, яркость выделенной области уменьшается. 5 Проверьте результат в окне изображения. Отрегулируйте значение Output I (Выход), увеличив или уменьшив его, пока не добьетесь желаемого результата. 6 Закройте диалог Curves (Кривые), щелкнув мышью на кнопке ОК. Е Выберите команду меню Select ♦ Deselect (Выделение ♦ Отменить выделе- ние), чтобы отменить текущее выделение. Рамка выделения исчезнете экрана. В Выполните одно из следующих действий: • Чтобы сохранить внесенные изменения, выберите команду меню File ♦ Save (Файл ♦ Сохранить), а затем File ♦ Close (Файл ♦ Закрыть). • Если вы хотите вернуться к исходной версии файла, выполните команду File ♦ Close (Файл ♦ Закрыть). Появится диалог с запросом на сохранение внесен- ных изменений. Щелкните мышью на кнопке No (Нет). • Если вам надо выполнить оба действия, описанных выше, выберите команду меню File ♦ Save As (Файл ♦ Сохранить как). Переименуйте файл или сохрани- те его в другой папке на вашем компьютере. Щелкните мышью на кнопке ОК. Выберите команду меню File ♦ Close (Файл ♦ Закрыть).
www.infanata.org 48 Adobe Photoshop CS3 Отменять текущее выделение в случае закрытия файла вовсе необязательно, пос- кольку отмена выделения в этом случае происходит автоматически. Поздравляем! Ваш первый проект в программе Photoshop завершен. Как вы видели, обработка изображений средствами диалога Curves (Кривые) достаточно сложна, однако особых затруднений не вызывает. О других настройках изображения расска- зывается во многих уроках этой книги. В частности, в уроках 2, 3 и 7 описываются приемы, эквивалентные работе фотографа в темной фотолаборатории: регулиров- ку' и устранение дефектов фотографий, ретуширование и коррекция цветов. Масштабирование и прокручивание в палитре Navigator (Навигатор) Использование палитры Navigator (Навигатор) - это еще один быстрый способ изменения уровня масштаба, особенно в тех случаях, когда точное значение уве- личения несущественно. Благодаря эскизу рисунка на этой палитре, вы всегда можете легко понять, какую часть рисунка вы просматриваете в окне изображе- ния. Палитра Navigator (Навигатор) - удобное средство перемещения внутри изображения. При перетаскивании ползункового регулятора, расположенного под эскизом изображения на палитре Navigator (Навигатор), вправо происходит увеличение масштаба изображения, а при перетаскивании ползункового регулятора влево - уменьшение масштаба. Жирный красный контур прямоугольника показывает ту область изображения, которая отображается в окне. Когда масштаб изображения достаточно велик, в окне изображения видна лишь небольшая часть рисунка. Чтобы посмотреть и другие области рисунка, перетаскивайте красный контур по эскизу. Это очень удобный способ контролировать, в какой части изображения вы находитесь, особенно при большом увеличении.
www.rnranala.org [Знакомство с рабочей областью 49 Использование панели параметров инструмента и других палитр У вас уже появился некоторый опыт работы с панелью параметров инструмента. В прошлом проекте вы видели, что на панели параметров инструмента Zoom (Масш- таб) есть элементы управления, изменяющие вид в текущем окне изображения. Да- лее вы чуть подробнее познакомитесь с заданием свойств инструментов в строке па- раметров инструментов, а также с использованием палитр и меню палитр. Предварительный просмотр и открытие другого файла В следующем проекте мы займемся созданием рекламной почтовой открытки для общественной программы. Но для начала давайте взглянем на конечный файл - созданием этого изображения вы будете заниматься в данном проекте. 1 Щелкните мышью на кнопке Go to Bridge (Перейти к Bridge) (а-), располо- | женпой на панели параметров инструмента. 2 На панели Favorites (Избранное) программы Adobe Bridge откройте папку Lessons/LessonOI. 3 Выберите файл 01B_End.psd в области просмотра эскизов изображений, что- бы его содержимое отобразилось на панели Preview (Просмотр). 4 Просмотрите изображение. Обратите внимание на текст в нижней части кар- [ тинки, расположенный на фоне песка. Pifcli In Monday й Huth Cleanup 1>а< Д 1 i 5 Выделите эскиз файла O1B_Start.psd и откройте его в программе Photoshop I двойным щелчком мыши. Установка свойств инструмента на панели параметров инструмента Пнальный файл 01 B_Start.psd уже открыт в программе Photoshop. Теперь можно выбрать харак терис тики текста, а затем набрать сообщение на клавиатуре. 1 На панели инструментов выберите инструмент Horizontal Туре (Горизонталь- I ный текст) (Т). Теперь кнопки и меню на панели параметров инструмента относятся к инструменту Horizontal Туре (Горизонтальный текст).
wmw. infanata. org 2 На панели параметров инструмента в открывающемся списке шрифтов выбе- рите любой шрифт, который вам нравится. (В нашем примере используется шрифт Adobe Garamond. но при желании можете использовать и любой дру- гой шрифт.) 3 Установите размер шрифта 38 pt (38 пунктов). Установить нужный размер можно двумя способами: либо ввести значение не- посредственно в текстовое поле размера шрифта и нажать клавишу llEnterl (Windows) или Return (Mac OS), либо перетаскивать указатель мыши, предвари- тельно щелкнув на надписи возле текстового поля и удерживая кнопку мыши. Кроме того, в открывающемся списке размеров шрифта можно выбрать один из стандартных размеров. При установке указателя мыши на метках числовых значений в большинстве пане- лей параметров инструментов, палитрах и диалогах программы Photoshop, появляется подобие ползункового элемента управления. Перетаскивание такого регулятора в пра- вую сторону приводит к увеличению значения, в левую сторону - к уменьшению значе- ния. Перетаскивание регулятора при нажатой клавише Alt (Windows) или Option (Mac) приводит к изменению значения небольшими шагами, перетаскивание же его при на- жатой клавише Shift - к изменению значения большими шагами. Т Цр< vjaa'sh«p ч; а 1 □ 4 Щелкните мышью в любом месте левой части изображения. Наберите слова Monday is Beach Cleanup Day (Понедельник - день уборки пляжа). .Monday is Reach Cleanup Day Текст набирается выбранным шриф том с указанным размером. 5 Выберите инструмент Move (Перемещение) (^) в правом верхнем углу пане- ли инструментов.
Знакомство с рабочей областью 51 iHe пытайтесь выбрать инструмент Move (Перемещение) нажатием горячей клавиши V, Ьюскольку в данный момент вы находитесь в режиме редактирования текста. Нажатие указанной клавиши приведет к появлению символа «V» в вашем тексте. 6 Наведите указатель инструмента Move (Перемещение) на набранный текст и I перетащите его на расплывчатый белый прямоугольник внизу картинки. Текст I должен располагаться но центру прямоугольника. Использование палитр и меню палитр Цвет текста вашего изображения совпадает с цветом переднего плана, установ- ленным в панели инструментов. По умолчанию он черный. Цвет текста в конеч- ном файле был изменен на темно-синий цвет, хорошо сочетающийся с другими цветами рисунка. Сейчас вы измените цвет текста на темно-синий, а затем и на В другой цвет. 1 На панели инструментов выберите инструмент Horizontal Туре (Горизонталь- на ный текст) (Т). 2 Протащите инструмент Horizontal Туре (Горизонтальный текст) с одного кон- ца текста до другого. В результате все слова фразы будут выделены. 3 В группе палитр Color (Цвет) щелкните мышью на вкладке Swatches (Образ- цы). чтобы вывести эту палитру на передний план данной группы.
52 Adobe Photoshop CS3 4 Выберите любой образец цвета. Выбранный цвет появится в трех местах: на значке Foreground Color (Основной цвет) панели инструментов, в образце цве- та текста на панели параметров инструмента и в самом набранном в изображе- нии тексте. (Выберите любой другой инструмент на панели инструментов. При перемещении указателя мыши над образцами цвета на вкладке Swatches (Образ- цы) форма указателя мыши приобретает вид пипетки. Установите конец пипетки над нужным цветом и выберите его. щелкнув мышью. Вот так просто в программе Photoshop можно выбирать разные цвета, хотя есть и другие способы. Тем не менее, для данного проекта нужно использовать точно оп- ределенные цвета, а чтобы упростить их поиск, следует изменить вид палитры Swatches (Образцы). 5 Выберите другой инструмент на панели инструмен тов, например, инструмент Move (Перемещение) (^*). чтобы отменить выбор инструмента Horizontal Туре (Горизонтальный текст). Щелкните мышью на кнопке со стрелкой (®) палитры Swatches (Образцы) и в открывшемся меню палитры выберите 6 Выберите инструмент Horizontal Туре (Горизонтальный текст) и вновь выдели- те весь текст, как описано в шагах 1 и 2. 7 На палитре Swatches (Образцы) прокрутите список образцов цветов вниз, чтобы найти цвет Light Violet Magenta (Светлый пурпурно-фиолетовый); выде- лите этот цвет.
www.Infanata.org Знакомство с рабочей областью 53 Текст станет светло-фиолетовым. 8 Выберите инструмент Hand (Рука) (О ) чтобы снять выделение с текста. I Щелкните мышью на значке Default Foreground and Background Colors (Цвет [ переднего и заднего плана по умолчанию) (]) па панели инструментов. Чер- I ный цвет станет цветом переднего плана. А Изменение значений цветов по умолчанию не повлияет на цвет текста, потому что текст уже не выделен. 9 Задание выполнено. Теперь файл можно закрыть. Файл можно просто сохра- I нить, закрыть без сохранения или же сохранить под другим именем или в дру- I гой папке. Вот так просто выполнен еще один проект. Отличная работа! Отмена действий в Photoshop |В совершенном мире никто и никогда не допускал бы ошибок. Никто бы никогда не выполнял неправильные действия. Все бы всегда отлично знали, при помощи каких действий воплотить желаемый идеальный дизайн в жизнь. В идеальном ми- ре никогда не приходилось бы возвращаться назад. А в реальном мире программа Photoshop предоставляет возможность сделать шаг назад, отменить действия и попробовать другие варианты. Следующий проект урока предоставит вам возможность свободно экспериментировать, ведь в любой момен т можно будет отменить произведенные действия. Кроме того, в этом проекте вы познакомитесь с работой со слоями. Слои - одно основных и наиболее мощных средств программы Photoshop. Существует много Видов слоев. Некоторые из них содержат изображения или цвета, другие - всего лишь взаимодействуют с нижележащими слоями. В файле данного проекта ис- пользуются слои обоих типов. Не волнуйтесь, что не вполне понимаете принци- пы работы со слоями. Это не помешает вам успешно выполнить проект. Более подробно использование слоев описано в уроках 5, «Основы работы со слоями», и 10, «Дополнительные приемы работы со слоями».
www.Infanata.org Adobe Photoshop CS3 Отмена одного действия Даже компьютерные новички быстро осваивают использование знакомой коман- ды Undo (Отменить). Как обычно, перед началом выполнения нового проекта, рассмотрим конечный результат. 1 Щелкните на кнопке Go to Bridge (Перейти к Bridge) ( ) панели параметров инструмента, а затем откройте папку Lessons/LessonOI. 2 Выберите файл 01 C_End.psd. чтобы увидеть результат выполнения урока, к ко- торому нужно стремиться. Рассмотрев изображение на панели Preview (Прос- мотр), дважды щелкните на эскизе этого файла, чтобы открыть файл в про- грамме Photoshop. 3 На палитре Layers (Слои) выделите слой Tie Designs (Дизайны галстуков). Обратите внимание на список слоев в палитре Layers (Слои). Слой Tie Design (Дизайн галстука) представляет собой отсекающую маску. Отсекающая маска в не- которой степени подобна выделению - она ограничивает область изображения, которую можно изменить. Отсекающая маска предотвратит случайную порчу не подлежащей изменению области изображения, поэтому вы можете смело рисо- вать на галстуке мужчины. Выбранным на данный момент является слой Tie Designs (Дизайны галстуков), поскольку' вы сейчас будете изменять именно его. 4 Выберите инструмент Brush (Кисть) (У) на панели инструментов или нажми- те клавишу Гв*|. 5 На панели параметров инструмента щелкните на элементе управления, опре- деляющего размер кисти, чтобы открыть палитру Brushes (Кисти). Прокрути- те список доступных кистей вниз и выберите кисть Soft Round 65 pixels (Мяг- кая круглая 65 пике.). (Название кисти появится как подсказка, если задержать указатель мыши над кистью.) Вы можете попробовать использовать и другую кисть, но для этого задания лучше выбрать кисть, по размеру близкую к 65 пикселам. Лучше, если размер кисти бу- дет находиться в пределах 45-75 пикселов.
Знакомство с рабочей областью 6 Установите указатель мыши над изображением. Указатель мыши приобретет I вид окружности выбранного на предыдущем шаге диаметра. Нарисуйте полос- ку в любой части оранжевого галстука. Не волнуйтесь, что зайдете за границы галстука. Кисть не нарисует ничего за пределами отсекающей маски галс тука. Ух! Полоска выглядит довольно мило, но галстук в горошек будет выглядеть еще лучше. Придется удалить нарисованную полоску. 7 Выберите команду меню Edit ♦ Undo Brush Tool (Редактирование ♦ Отменить: Инструмент «Кисть»), или нажмите комбинацию клавиш |1С1,|1+Г^~| (Windows) или Command+ПП (Mac OS). Действие инструмента Brush (Кисть) будет отменено. олоска исчезла и галстук вновь стал чисто оранжевым. дробнее работа с отсекающими масками рассматривается в уроке 6, «Маски и кана- », в уроке 8, «Текстовый дизайн», и в уроке 10, «Дополнительные приемы работы со
www. inf an at a. org 56 Adobe Photoshop CS3 Отмена нескольких действий Команда меню Undo (Отменить) удаляет лишь одно действие. Происходит это из- за того, что файлы Photoshop часто бывают очень большими и возможность отме- ны нескольких действий может потребовать большого объема памяти, а это. в свою очередь, снизит быстродействие программы. Однако с помощью палитры History (История) можно отменить сразу несколько действий. 1 Используйте прежние установки инструмента Brush (Кисть). Щелкните мышью на оранжевом галстуке (без полоски). Появится нарисованная размытая точка. 2 Щелкните еще несколько раз в разных местах галстука, создавая узор из точек. 3 Щелкните на значке палитры History (История) (i’), расположенном в верти- кальном столбце значков хранилища палитр. Хранилище палитр находится в правой части окна программы. На экране появится палитра History (История) и вы сможете увидеть ее содержимое. Протащите нижний правый угол палит- ры вниз, ч тобы изменить ее размеры и увидеть большее число действий. I** |v iKgJ
^Знакомство с рабочей областью 57 О s Изменить размер палитры History (История) можно также щелчком на кнопке свернуть/развернуть (Windows) или щелчком на зеленой кнопке масштаба (Mac OS) в строке заголовка палитры. Это действие изменит размер окна так, что станут види- мыми все текущие состояния предыстории. На палитре History (История) записываются все недавние действия, которые при- менялись к изображению. Текущее состояние выделено и находится внизу списка. 4 Выберите мышью одно из предыдущих действий на палитре History (Исто- рия). Посмотрите, как изменилось изображение: несколько более ранних г действий было отменено. I 019 мВ j tr^ j* Bruih Tool 5 Нарисуйте еще одну точку на галстуке инструментом Brush (Кисть). Обратит е внимание, что действия, которые находились ниже выбранного состо- яния, исчезли, и появилась новая запись. 6 Выберите команду меню Edit ♦ Undo Brush Tool (Редактирование ♦ Отменить: I Инструмен т «Кисть») или нажмите комбинацию клавиш _J*0 (Windows) или Command+fz | (Mac OS). Точка, нарисованная на предыдущем шаге, исчезнет. 1 Теперь в палитре History (История) вновь появились записи ранее отмененных действий. 7 Выберите самое нижнее состояние в списке палитры History (История). Изображение вновь стало таким, каким оно было после выполнения шага 2. По умолчанию палитра History (История) сохраняет только 20 последних действий. Это тоже своего рода компромисс в поисках баланса между гибкостью I и производительностью программы. Количество уровней в палитре History (Ис- тория) можно изменить. Выберите команду меню Edit ♦ Preferences ♦ Performance (Редактирование ♦ Установки ♦ Производительность) (Windows) или Photoshop ♦ Preferences ♦ Performance (Photoshop ♦ Установки ♦ Производитель- ность) (Mac OS). В появившемся диалоге найдите параметр History States (Исто- рия) и укажите число нужных записей.
www. infan at a. org 58 Adobe Photoshop CS3 Дополнительную информацию по использованию палитры History (История) можно найти в уроке 3, «Ретуширование и восстановление». Использование контекстного меню Контекстные меню - это небольшие меню, команды которых специфичны для элементов рабочей области. Их еще называют меню правой кнопки мыши или ме- | ию быстрого вызова. Обычно команды контекстного меню можно найти и в дру- | тих областях пользовательского интерфейса, но использование контекстного ме- । ню помогает сэкономить время. 1 Выберите инструмент Brush (Кисть) (jK) на панели инструментов, если он I еще не выбран. 2 В окне изображения щелкните правой кнопкой мыши (Windows) или нажмите клавишу II с'-г| | и щелкните мышью (Mac OS) в любом месте рисунка. Откроется контекстное меню инструмента Brush (Кисть). Конечно, контекстные меню бывают разными по своему содержанию. Меню мо- жет содержать команды или набор элементов управления по типу палитры. В на- шем случае откроется набор элементов управления. 3 Выберите кисть потоньше, например. Hard Round 9 pixels (Жесткая круглая 9 пике.). Чтобы найти нужную кисть, перемещайтесь по списку доступных кис- тей в контекстном меню вверх-вниз. 4 В окне изображения с помощью выбранной кисти нарисуйте на галстуке ма- ленькие точки. Щелчок мышью на любом месте рабочей области закроет контекстное меню. Если об- ласть галстука оказалась спрятана за контекстным меню инструмента Brush (Кисть), вызовите его в другом месте изображения или же дважды щелкните мышью на выбран- ной кисти. Контекстное меню закроется.
Знакомство с рабочей областью 5 Нарисуйте т очки по всему галстуку. 6 В случае необходимости для исправления ошибок используйте команду Undo I (Отменить) и палитру History (История). В ней можно возвращаться и перехо- | дить от действия к действию. ^Похвалите себя за созданный дизайн галстука и за успешное завершение еще од- ного проекта. Теперь можно выбрать команду меню File ♦ Save (Файл ♦ Сохра- нить) для сохранения результата работы. Чтобы сохранить файл под другим име- нем или в другой папке, выберите команду меню File ♦ Save As (Файл ♦ Сохранить как). Можно и просто закрыть файл без сохранения. Подробнее о палитрах и их расположении Палитры в программе Photoshop разнообразны и многофункциональны. Доволь- но редко в проектах необходимо видеть все палитры сразу. Вот почему они сгруп- Влированы, и некоторые палитры не открываются по умолчанию. Полный список всех палитр находится в меню Window (Окно). Активные палит- ры, находящиеся спереди в своих группах, отмечены в меню галочками рядом со своим названием. Чтобы открыть или закрыть палитру, установите или сбросьте • галочку рядом с ее названием в меню Window (Окно). Все палитры, включая панель параметров инструмента и панель инструментов, можно одновременно скрыть одним нажатием клавиши fc™1!. Чтобы вновь отк- рыть их. нажмите клавишу ЕЭ еще раз. Когда палитры скрыты, вдоль левого и правого края окна программы появляются тон- кие полупрозрачные полосы. При наведении указателя мыши на эти полосы на экране отображаются соответствующие скрытые палитры. При открытии палитры Brushes (Кисти) в проекте 01 C_Start.psd вам уже доводи- лось использовать хранилище палитр. Любую палитру можно вытащить из храни- лища палитр или, напротив, втащить ее туда. Это особенно удобно при работе с '-большими палитрами или с теми, которые нужно держать под рукой.
www. inf an at. a. org 60 Adobe Photoshop CS3] Для упорядочения палитр можно воспользоваться следующими приемами: • Чтобы переместить всю группу палитр, перетащите се за строку заголовка в другую часть рабочей области. • Ч тобы поместит!, палитру в другую группу, перетащите вкладку палитры в I группу пали тры так, чтобы она подсветилась черным контуром. Затем отпусти-; те кнопку мыши. Чтобы пристыковать палитру к хранилищу палитр в панели параметров инструмента, перетащите вкладку палитры к хранилищу палитр так. чтобы группа палитр подсветилась синим цветом. Расширение и сворачивание палитр Чтобы использовать рабочее пространство программы Photoshop более эффек- тивно, размеры палитр можно изменять, перетаскивая их границы или же щел- кая мышью для переключения между заранее установленными размерами: • Если вы хотите свернуть открытые палитры так, чтобы видимыми оставались только значки и названия палитр, щелкните на значке с изображением двух стрелок, направленных вправо, расположенном в верхней части серой стыко- вочной области над группой палитр. Чтобы развернуть палитру, щелкните на ее значке или на значке с изображением двойной стрелки. • Чтобы изменить высот)’ палитры, перетаскивайте мышью ее нижний правый угол. • Чтобы изменить ширину палитры или группы палитр, установите указатель мыши над левым верхним углом палитры или группы палитр; когда указатель мыши примет форму двунаправленной стрелки, перетащите его влево или вправо, чтобы расширить или сузить палитру соответственно.
www.infanata.org ^Знакомство с рабочей областью 61 i' iHstogren ;Wo I • Чтобы максимально расширить палитру и просмотреть как можно больше со- держащейся в ней информации, щелкните мышью на кнопке развернуть/свер- нуть (Windows) или на кнопке масштаба (Mac OS). Повторный щелчок свернет t всю группу палитр. J Сок» | Seethes JjSte. L СХ “ -------------------- ’ • Если вы хотите свернуть группу палитр так. чтобы видимыми оставались лишь I строка заголовка и вкладки, дважды щелкните мышью на вкладке палитры или К строке заголовка палитры. Щелкните дважды еще раз, чтобы восстановить I прежний размер. Меню палитры доступно даже в том случае, когда палитра V свернута. Обратите внимание, что вкладки различных палит р в группе палитр и кнопка ме- ню палитры остаются видимыми даже после сворачивания палитры. в программе Photoshop нельзя изменить размер (но можно свернуть) палитр Color (Цвет), Character (Символ) и Paragraph (Абзац). Особые замечания о панели инструментов и панели параметров инструмента Панель инструментов и панель параметров инструмента имеют некоторые общие характерис тики с другими палитрами: • Панель инструментов можно перетащить за его строку заголовка в другое мес- то рабочей области. Панель параметров инструмента тоже можно перемес- | тить. Для этого щелкните мышью по самому дальнем}’ левому краю панели и I перетащите её в нужное место. • Панель инструментов и панель параметров инструмента можно скрыть. Однако не все действия, применимые к палитрам, применимы к панели инст- рументов и панели параметров инструмента:
www.infanata.org 62 Adobe Photoshop CS3 • Нельзя сгруппировать панель инструментов или панель параметров инст- румента с другими палитрами. • Нельзя изменить размер панели инструментов или панели параметров инструмента. • Нельзя пристыковать панель инструментов к хранилищу палитр. (Совершен- но очевидно, что это относится и к панели параметров инструмента, посколь- ку хранилище палитр расположено внутри этой панели.) • В панели инструментов и панели параметров инструмента нет меню палитры. Настройка рабочей области Замечательно, что программа Photoshop предлагает так много способов управле- ния отображением и размещением панелей параметров инструментов и палитр, однако перетаскивание элементов по рабочей области с тем, чтобы в одном про- екте отображались одни палитры, а в другом - другие, может оказаться весьма трудоемкой задачей. К счастью, программа Photoshop позволяет осуществлять настройку рабочей области и задавать, какие палитры, инструменты и меню должны быть доступными в любое время. И действительно, программа Photoshop поставляется с несколькими предварительно настроенными рабочими областя- ми, предназначенными для выполнения различных типов задач: цветовая и тоно- вая коррекция, рисование и ретуширование и т.д. Давайте немного поэкспери- ментируем с ними. Чтобы выполнить предстоящее упражнение, откройте, если вы уже успели закрыть в кон- це предыдущего упражнения, файл 01 C_Start. psd или любой другой графический файл. 1 Выберите в меню команду Window ♦ Workspace ♦ Color and Tonal Correction (Окно ♦ Рабочая область ♦ Цветовая и тоновая коррекция). Если потребуется, щелкните для подтверждения выбора на кнопке Yes (Да). Если вы попробуете открывать, закрывать и перемещать палитры, то обнаружи- те, что программа Photoshop выстраивает плавающие палитры вдоль правого края рабочей области. В остальном же, как может показаться, в рабочей области нет никаких изменений. Однако, если внимательнее приглядеться, видно, что про- грамма Photoshop выделила цветом некоторые команды меню, часто используе- мые при цветовой или топовой коррекции. 2 Откройте меню Window (Окно) и, перемещаясь по другим меню, обратите вни- мание на то, что команды цветовой и тоновой коррекции выделены оранже- вым цветом. 3 Выберите в меню команду Window ♦ Workspace ♦ Web Design (Окно ♦ Рабочая область ♦ web-дизайн). Если потребуется, щелкните для подтверждения выбо- ра на кнопке Yes (Да). 4 Откройте меню Window (Окно) и, перемещаясь по другим меню, обрати те вни- мание на то, что команды, относящиеся к web-дизайну, выделены пурпурным цветом.
www. infanata. org Знакомство с рабочей областью 63 В тех случаях, когда стандартные наборы настроек рабочей области нам не подходят', вы можете самостоятельно настроит ь рабочую область для решения конкретных за- дач. Допустим, вы занимаетесь web-дизайном и не работаете с цифровым видео. 5 Раскройте меню Image (Изображение) и наведите указатель мыши на пункт Pixel Aspect Ratio (Попиксельная пропорция). Просмотрите список команд подменю. |Щ!Я| ley» Select Пег Analysis View Window Help Apply Image... Imagesize... Alt+Ctrt-H Canvas Size... AK+Ctrl+C Rotate Canvas DI/DVNTSC (0.9) D4/016 Standard (0.95) DI (OV PAL (1.066) В списке команд присутствует несколько форматов DV (цифрового видео), кото- рые совершенно не нужны большинству web-дизайнеров. 6 Выберите в меню команду Window ♦ Workspace ♦ Keyboard Shortcuts & Menus (Окно ♦ Рабочая область ♦ Комбинации горячих клавиш и меню). На экране появится диалог Keyboard Shortcuts & Menus (Комбинации горячих | клавиш и меню). Он позволяет управлять доступностью команд меню палитр и приложения, а также создавать произвольные комбинации горячих клавиш для вызова различных меню, палитр и инструментов. Например, вы можете скрыть | редко используемые команды или задать цветовое выделение наиболее важных для вас команд, чтобы сделать их более заметными. 7 На вкладке Menus (Меню) диалога Keyboard Shortcuts & Menus (Комбинации | горячих клавиш и меню) в открывающемся списке Menu For (Меню для) выбе- 1 рите значение Application Menus (Меню приложения). 8 Раскройте команды меню Image (Изображение), щелкнув мышью на связан- ном с ним треугольнике, направленном в правую сторону. | После раскрытия содержимого меню Image (Изображение) вы увидите его команды и подкоманды, включая команды Mode (Режим). Adjustments (Коррек- ция) и Duplicate (Создать дубликат). 9 Перейдите к пункту Pixel Aspect Ratio (Попиксельная пропорция) и, щелкая I мышыо на значках глаза, скройте все DV- и видеоформаты. Их всего восемь, на- чиная с формата D1/DV NTSC (0.9) и заканчивая форматом Anamorphic 2:1 (2).
www. infanata. org Adobe Photoshop । 10 Теперь поднимитесь по списку вверх, до команды Image ♦ Mode ♦ RGB Color (Изображение ♦ Режим ♦ Цвет RGB) и щелкните назначении None (Нет) поля Color (Цвет). Выберите в открывшемся меню значение Red (Красный). 11 Закройте диалог Keyboard Shortcuts & Menus (Комбинации горячих клавиш и меню), щелкнув мышью на кнопке ОК. 12 Теперь раскройте щелчком мыши меню Image (Изображение) и перейдите по списку несколько ниже. Команда Image ♦ Mode ♦ RGB Color (Изображение ♦ Ре- жим ♦ Цвет RGB) теперь выделена красным цветом, а в группе команд Pixel Aspect Ratio (Попиксельная пропорция) стали недоступными DV- и видеоформаты.
Для сохранения рабочей области Выберите в меню команду Window ♦ Workspace * Save Workspace (Окно ♦ Рабочая область ♦ Сохранить рабочую область). Введи- те в появившемся диалоге Save Workspace (Сохранить рабочую область) имя своего рабочего пространства, убедитесь в том, что установлены флажки Menus (Меню). Palette Locations (Расположение палитр) и Keyboard Shortcuts (Горячие сочетания клавиш), а потом щелкните на кнопке Save (Сохранить). После вы- полнения указанных операций ваша рабочая область появится в подменю Window • Workspace (Окно ♦ Рабочая область). 'Сейчас все же вернемся к стандартной конфигурации рабочей области. 13 Выберите в меню команду Window ♦ Workspace ♦ Default Workspace (Окно ♦ Рабочая область ♦ Рабочая область по умолчанию). Когда будет предложено. В щелкните на кнопке Don’t Save (Не сохранять), чтобы не сохранять измене К имя в файле меню. Использование справки Photoshop 'За более подробной информацией об использовании палитр, инструментов и дру- гих возможностей программы обращайтесь к интерактивной справке программы Photoshop. Справка содержит все темы, опубликованные в «Adobe Photoshop CS3 User Guide» (Руководство пользователя Adobe Photoshop CSS), и дополнительную информацию, не вошедшую в печатную версию. В справке Adobe Photoshop можно найти полный список всех горячих клавиш, подсказок, учебных пособий, а также объяснения понятий программ Photoshop и Adobe Bridge, описание функциональ- ных средств и другую информацию. Справка Photoshop легка в использовании. Тематические разделы можно искать различными способами:
www.infanata.org 66 Adobe Photoshop CS3 • Беглым просмотром таблицы содержания. • Поиском по ключевым словам. • Использованием предметного указателя.а • Переходом от раздела к разделу по тематически связанным ссылкам. В первую очередь просмотрите содержание справки на палитре Contents (Со- держание). 1 Выберите команду меню Help ♦ Photoshop Help (Справка ♦ Справка по Photoshop). В Windows можно открыть справку по программе Photoshop, нажав клавишу F1, а в Mac OS - нажав комбинацию клавиш Command*/. На экране появится окно Adobe Help Viewer (Справочная система Adobe). Темати- ческие разделы справочной системы появятся в левом фрейме указанного окна. 2 Прокрутите содержимое палитры Contents (Содержание), находящейся в ле- вой части окна справки, и бегло ознакомьтесь с ним. Содержимое справки раз- бито на темы, как главы в книге. 3 В верхней части списка тем щелкните мышью на значке «плюс» (+). располо- женном напротив темы Workspace, (Рабочее пространство), после чего от- кройте раздел Tools (Инструменты). 4 Щелкните на названии раздела «About Tools» (Об инструментах), чтобы выб- рать и просмотреть информацию по этой теме. Щелкните на ссылке View full size graphic» (Просмотреть полноразмерное изображение), чтобы отобразить рисунок, на котором показаны все инструменты с именами. Некоторые элементы справочного центра включают ссылки на смежные разде- лы. Ссылки представляются в виде синего подчеркнутого текста. Каждый раз, когда вы наводите указатель мыши на текстовую или графическую ссылку, он при-
Знакомство с рабочей областью нимает форму значка кисти руки с вытянутым указательным пальцем (<Ь ), а цвет текста становится красным. Чтобы переходить от одной темы к другой, щелкай- те мышью па текстовых ссылках. 5 При необходимости прокрутите текст вниз до пункта Related Information (До- полнительная информация) и щелкните на текстовой ссылке Selection tools gallery (Галерея инструментов выделения). 6 Чтобы прочитать информацию по оставшимся инструментам, щелкните раз или более на кнопке Next (Следующий). Использование ключевых слов, ссылок и предметного указателя Help Viewer Если найти нужную тему беглым просмотром страницы Contents (Содержание) ’Йеудается, воспользуйтесь поиском по ключевому слову. 1 Щелкните мышью на ноле ввода Search (Поиск). .2 Введите в этом текстовом поле ввода поиска ключевое слово, например, lasso К (лассо), и нажмите клавишу |lEnlei| или Return. Через некоторые время в левой панели появится список тем. Чтобы просмотреть любую из этих тем, щелкни- те мышью на ее названии. Для поиска тем можно воспользоваться и предметным указателем. 3 В верхней части левой панели щелкните мышью на кнопке Index (Предметный I указатель) («i»), чтобы отобразить содержание предметного указателя. В ле- вой верхней части панели появится список букв алфавита. 4 Щелкните мышью на какой-либо букве, например, Т. Появится предметный I указатель тем для этой буквы.
Темы и подтемы предметного указателя появляются в алфавитном порядке, как и предметный указатель книги. Чтобы увидеть все темы, начинающиеся па букву Т, прокрутите список вниз. 5 Чтобы открыть раздел, связанный с некоторой записью, щелкните мышью на этой записи. Если одному разделу соответствуют несколько записей, щелкните на значке «плюс» ([+]). чтобы просмотреть все записи, а потом выберите уже нужную запись. 6 После окончания просмотра щелкните на кнопке закрытия, расположенной в верхней части окна Adobe Help Viewer (Справочная система Adobe), или выбе- рите команду меню Adobe Help Viewer ♦ Quit Adobe Help Center (Справочная система Adobe ♦ Закрыть справочный центр Adobe) (Mac OS), чтобы закрыть справку программы Photoshop.
www.infanata.org | Знакомство с рабочей областью 69 {Использование онлайновых сервисов Adobe Онлайновые сервисы Adobe - это еще один способ получить информацию о про- грамме Adobe Photoshop и наиболее свежих обновлениях. За информацией о про- грамме Photoshop или других продуктах компании Adobe зайдите на web-сайт аме- риканской компании Adobe Systems (www.adobe.com). Для этого потребуются со- единение с Интернетом и установленный на компьютере web-браузер. Кроме то- го, вы можете установить режим автоматического отображения уведомлений о i выходе новых обновлений. Il Выберите в программе Photoshop команду меню Help ♦ Photoshop Online (Справка ♦ Photoshop в сети) или щелкните мышью на значке в верхней части | панели инструментов. | После выполнения указанных действий автоматически запустится используемый по умолчанию web-браузер, в котором отобразится страница программы | Photoshop американского web-сайта компании Adobe Systems. Исследуя этот сайт, вы найдете на нем много полезной информации: советы, описания процедур, га- лереи работ дизайнеров Adobe и художников, последние новости о программе, а также технические сведения и подсказки. Кроме того, вы можете получить ин- | формацию о других продуктах компании и просмотреть новости. । Теперь мы вернемся к программе Photoshop и установим режим автоматического | получения обновлений программного обеспечения. 2 Закройте свой браузер. 3 Вернитесь к программе Photoshop и выберите в меню команду Help ♦ Updates (Справка ♦ Обновления). Щелкните в открывшемся диалоге Adobe Updater I (Обновления Adobe) на кнопке Preferences (Настройки). 4 Далее установите в диалоге Adobe Updater Preferences (Настройки обновле- ний Adobe) флажок «Automatically check for updates every month» (Автомати- чески проверять обновления каждый месяц). Далее определите, должны ли об- новления загружаться автоматически, или же предварительно должны генери- 1 роваться уведомления. Если вы не выбрали ежемесячную автоматическую проверку обновлений, вы мо- жете самостоя тельно посещать web-сайт компании Adobe (см. шаг 1) и искать об- | новлепия к программе Photoshop. | 5 Для сохранения внесенных изменений щелкните на кнопке ОК. Поздравляем еще раз, первый урок завершен. Вот и состоялось знакомство с основами рабочей области программы Photoshop. I Теперь пора подробнее рассмотреть возможности программы Adobe Bridge или за- | бежать вперед и перейти к освоению основ создания и редактирования изобраЖе- j ний. Познакомившись с основами, вы можете выполнять уроки книги «Adobe Photoshop CS3. Официальный учебный курс» по порядку, или же выбирая наибо- | лее интересующие вопросы.
www. infanata. org 70 Adobe Photoshop CS3| Обзор панели инструментов однообразным фоном. изображения.
www.infanata.org Знакомство с рабочей областью Инструмент Brush (Кисть) рисует мазками ные стили рисования и используя выбранное состояния.
www. infanata. org 72 Adobe Photoshop CS3' Обзор панели инструментов (продолжение) Инструмент Blur (Раз- мытие) размывает рез- кие края изображения. Инструмент Burn (За- темнитель) затемняет области изображения. Инструмент Sponge (Губка) изменяет цвето- вое насыщение области изображения. ния контура делают ви- димыми опорные точки, направляющие линии и Rista U_________ Инструменты ввода текста создаю г надпи< на изображении направляющие точки в выделенных фигурах или сегментах.
www. inf an at. a. org Знакомство с рабочей областью Инструмент Hand (Рука) перемещает изображение в пределах его окна. Инструмент Zoom (Масштаб) увеличивает или уменьшает масштаб изображения. Панель инструментов программы Photoshop CS3 Move (V) - Перемещение Rectangular Marquee (М) Прямоугольная область Lasso (L) - Лассо Magic Wand (W) - Волшебная Crop (С) - Рамка Slice (К) - Раскройка Spot Healing Brush (J) - Точеч- ная восстанавливающая кисть Brush (В) - Кисть Clone Stamp (S) - Штамп History Brush (Y) - Архивная Eraser(E) - Ластик Gradient (G) - Градиент Blur (R) - Размытие Dodge (О) - Осветлитель Pen (P) - Перо Horizontal Type (T) - Горизон- тальный текст Path Selection (A) - Выделение контура Rectangle (U) - Прямоугольник Notes (N) - Комментарии Ruler (I) - Линейка Hand (H) - Рука Zoom (Z) - Масштаб
www.infanata.org Итоги Обзорные вопросы 1 Опишите два типа изображений, которые можно открывать в программе Photoshop. 2 Как открыть графический файл с помощью диалога программы Adobe Bridge? 3 Как выбрать инструмент в программе Photoshop? 4 Опишите два способа изменения вида изображения. 5 Каковы два способа получить дополнительную информацию о Photoshop? Ответы на обзорные вопросы 1 Вы можете сканировать и просматривать в программе результаты сканировав ния фотографий, пленок, негативов и рисунков, захватывать цифровое видео- изображение; импортировать рисунки, созданные в других графический программах. Кроме того, вы можете импортировать цифровые фотоснимки. 2 Дчя перехода к программе Adobe Bridge достаточно щелкнуть мышью на кнопке Go to Bridge (Перейти к Bridge), которая расположена на панели па- раметров инструментов программы Photoshop. Далее вам следует отыскать нужный файл и дважды щелкнуть мышью на его эскизе. 3 Чтобы выбрать инс трумент, можно щелкнуть на значке этого инструмента на панели инструментов, либо воспользоваться соответствующей горячей клави- шей. Выбранный инструмент остается активным до тех пор, пока не будет выб- ран другой инструмент. Чтобы выбрать скрытый инструмент, нужно использо- вать комбинацию горячих клавиш для переключения между инструментами. Чтобы открыть меню скрытых инструментов, можно также удерживать нажа- той кнопку мыши на значке инструмента в панели инструментов. 4 Чтобы увеличить или уменьшить масштаб изображения, либо поместить в рабочую область программы весь документ, нужно выбирать команды в ме- ню View (Просмотр). Чтобы увеличи ть или уменьшить изображение, нуж- но выбрать инструмент Zoom (Масштаб) и щелкать указателем мыши на изображении или выделять часть документа. Управлять видом отображения документа можно также с помощью палитры Navigator (Навигатор) или ком- бинаций горячих клавиш. 5 В справке Photoshop можно найти всю информацию из «Adobe Photoshop CS3 User Guide» (Руководство пользователя Adobe Photoshop CSS), а также список горячих клавиш, дополнительную информацию и цветные иллюст* рации. На web-странице компании Adobe Systems можно найти различную информацию о сервисах, продуктах и советы по работе с программой Photoshop.
Разработчики программы Adobe Photoshop предусмотрели разнообразные инструмен ты и команды, призванные улучшить каче- ство фотографических изображений. В этом уроке вы по шагам выпашите про цесс получения, изменения размеров и рету ширования фотографии, предназначенной для создания печатного макета. Этот же рабочий процесс применяется при саздании изображений для web.
УРОК 2. Основы фотокоррекиии Обзор урока В этом уроке вы узнаете, как делать следующее: » Выбирать правильное разрешение и размер изображения. К Исправлять и обрезать изображение. • Настраивать тоновый диапазон изображения. • Удалять цветовой оттенок из изображения с помощью команды Auto Color (Ав- гтоматическая цветовая коррекция). • Настраивать насыщенность и яркость изолированных областей изображения I с помощью инструментов Sponge (Губка) и Dodge (Осветлитель). • Применять фильтр Unsharp Mask (Контурная резкость) для финального про- I цесса фоторетуширования. • Сохранять файл Adobe Photoshop в формате, который можно использовать в I программе компоновки страниц. Выполнение этого урока займет от 45 минут до часа. Если нужно, удалите папку предыдущего урока со своего жесткого диска и скопируйте в него папку Lesson02. При необходимости восстановления исходных файлов скопируйте их с компакт- диска. прилагаемого к книге «Adobe Photoshop CS3. Официальный учебный курс». Стратегия ретуширования Программа Adobe Photoshop предлагает всеобъемлющий набор цветокорректиру- Ю1ЦИХ инструментов для настройки цвета и тона отдельных изображений. Вы мо- жете устранять проблемы с качеством цвета и тоновым диапазоном, появляющи- еся во время исходного фотографирования или сканирования изображения. Вы можете также устранить недостатки композиции и усилить общую фокусировку Изображения. Организация эффективной последовательности задач •В большинстве случаев процесс ретуширования состоит из следующих восьми ос- I новных шагов: • Дублирование исходного или отсканированного изображения. (Всегда рабо- I тайте с копией файла изображения, и тогда при необходимости вы всегда смо- I жете восстановить исходное изображение.)
www.infanata.org 78 Adobe Photoshop CS Проверка качества отсканированного изображения. Вы должны убедиться что разрешение изображения устраивает вас с точки зрения назначени изображения. • Обрезка изображения до конечного размера и ориен тации. • Устранение дефектов в отсканированных изображениях или фотография) (например, разрывов, пыли или пятен). • Настройка общей контрастности и тонового диапазона изображения. • Удаление всех цветовых оттенков. • Настройка цвета и тона в конкретных областях изображения для удаленш подсветок, промежуточных тонов и ненасыщенных цветов. • Усиление общей фокусировки изображения. Как правило, эти процессы необходимо выполнять в перечисленном выше по ряд ке. В противном случае результаты одного процесса могут стать причиной иеже дательных изменений в других аспектах изображения, что вынудит вас перед дать некоторую часть работы. Далее в этой книге вы научитесь работать со слоями настройки. Это еще один техн! ческий прием, который открывает широкие возможности для испытания различнь настроек параметров изображения, позволяющий откорректировать изображения 6t риска повреждения исходного изображения. Настройка процесса в соответствии с планируемым использованием изображения Приемы ретуширования, применяемые к изображению, отчасти зависят от того как вы собираетесь использовать изображение. Все. начиная от разрешения пр> начальном сканировании, до типа тонового диапазона и цветокоррекции, кото рое требует изображение, определяется назначением изображения - для черно белой публикации на газетной бумаге или для распространения полноцветно? версии по Интернету. Программа Photoshop поддерживает цветовой режим CMYK для подготовки изображения к печати с использованием составных цветов, а так же режим RGB и другие цветовые режимы, предназначенные для подготовка изображений к распространению через Интернет и через мобильные устройства Для иллюстрации применения техники ретуширования в этом уроке вы по шага» пройдете процесс корректировки фотографии, предназначенной для четырех цветной печатной публикации. Более полную информацию о цветовых режимах CMYK и RGB можно найти в уро ке 14. посвященном созданию согласованного цвета и печати этим цветом.
www.infanata.org Основы фотокоррекции Разрешение и размер изображения На первом шаге процесса ретуширования фотографии в программе Photoshop вы должны убедиться, что изображение имеет корректное разрешение. Гермин «разре- шение- соотносится с числом маленьких квадратиков, известных как пикселы, кото- рые описывают изображение и определяют его детализацию. Разрешение определя- ется размерами пикселов или числом пикселов по ширине и высоте изображения. Пикселы в фотографическом изобра. женин В компьютерной графике различают разрешения трех типов: Число пикселов на единицу длины изображения называют разрешением изобра- жения. которое обычно измеряют числом пикселов на дюйм (pixels per inch - ppi). Изображение с высоким разрешением состоит из большего числа пикселов (и. следовательно, файлы этих изображений характеризуются большими размера- ми), чем изображение тех же размеров, по с меныпим разрешением. Разрешение изображений в программе Photoshop может варьироваться от очень высокого раз- решения (300 ppi или выше) до низкого разрешения (72 ppi или 96 ppi). Число пикселов на единицу длины монитора характеризует разрешением мони- тора. которое обычно тоже измеряется в пикселах на дюйм (pixels per inch - ppi). Пикселы изображения напрямую преобразуются в пикселы монитора. Если в I .Программе Photoshop разрешение изображения выше, чем разрешение монитора, размеры изображения на экране будут выглядеть большими, чем заданные ему пе- чатные размеры. Например, когда вы отображаете на мониторе с разрешением 72 ppi изображение размерами 1x1 дюйм и разрешением 144 ppi. это изображе- ние заполнит на экране область размерами 2x2 дюйма. """ 4x6 дюйма при 72 ppi; В размер файла 364,5 100% жранный вид Г Кбайта 4x6 дюймов при 200 ppi; размер файла 100% жранный вид 2,75 Мбайта
Adobe Photoshop CSS Важно понимать, что означает выражение «100% вид» при отображении изображена на мониторе компьютера. Когда для отображения изображения на мониторе комльюп ра используется масштаб 100%, 1 пиксел изображения соответствует 1 пикселу мони- тора. В тех случаях, когда разрешение изображения не совпадает с разрешением мо- нитора, размер изображения (в дюймах, например) на мониторе может оказаты больше или меньше размера напечатанного изображения. Число точек краски на дюйм, создаваемых фотонаборным автоматом или лазер ным принтером при печати, определяет разрешение принтера, или выходное раз- решение. Разумеется, наилучшее качество, как правило, обеспечивают принтеры! высоким разрешением в сочетании с изображениями высокого разрешения. Под- ходящее разрешение для печатного изображения определяется как разрешением принтера, гак и экранной частотой, или числом линий на дюйм (lines per inch - Ipi) полутоновых растров, используемых для воспроизведения изображений. Помните, что чем выше разрешение изображения, тем больше размер файла и тем больше времени занимает загрузка файла из web. Чтобы задать разрешение изображения в фотографии, используемой для этого урока, мы следовали эмпирическому правилу компыо терной графики для цветных или полуто- новых изображений, предназначенных для печати на больших коммерческих принте1 рах: сканируйте при разрешении, в 1.5-2 раза превышающем экранную частоту, ис- пользуемую принтером. Поскольку журнал, в котором будет печататься изображение, использует экранную частоту, равную 133 Ipi, изображение было отсканировано при разрешении 200 ppi (133x1,5). Полную информацию о разрешении и размере изобра- жений можно найти в справке по программе Adobe Photoshop. Начало работы Изображение, с которым вы будете работать в этом уроке, представляет собой отсканированную фотографию. В данном сценарии вы будете подготавливать изображение к помещению в макет вымышленного журнала, создаваемого в программе Adobe InDesign®. Размеры конечного изображения на печатной стра- нице составят 2x3 дюйма. Вы начнете урок со сравнения исходного изображения и законченного. 1 Запустите программу Adobe Photoshop, а затем немедленно (не дожидаясь окон- чания загрузки программы) нажмите и удерживайте комбинацию клавиш psq.pn-FI (Windows) или Command+Qption-t-|lsh'fl| (Mac OS), чтобы восста- новить стандартные настройки программы. (Подробности можно найти во введении к книге.) 2 Когда будет предложено, щелкните на кнопке Yes (Да) для подтверждения на- мерения восстановить настройки, а затем щелкните на кнопке Close (За- крыть). чтобы закрыть начальный диалог программы. 3 Далее запустите программу Adobe Bridge, щелкнув мышью на кнопке Go to Bridge (Перейти к Bridge) ('*•), расположенной на панели параметров и нструме нтов.
.Основы фотокоррекции 4 Па панели Favorites (Избранное), расположенной в левом верхнем углу окна программы Adobe Bridge, щелкните мышью на папке Lessons (Уроки), а затем В дважды щелкните на папке Lesson02. В результате содержимое этой папки отобрази тся в области предварительного просмотра. S Убедитесь, что эскизы изображения обладают достаточным размером, чтобы их можно было нормально рассмотреть, и сравните файлы 02Start.psd и 02End.psd. Чтобы увеличить размеры эскизов изображений, перетащите пол- зунок элемента управления Thumbnail (Эскиз изображения), расположенного в нижней части окна программы Bridge, вправо. Обратите внимание на то, что исходное отсканированное изображение наклоне- но, сто цвета выглядят сравнительно тусклыми, и все изображение обладает крас- ‘ новатым оттенком. Кроме того, размеры исходной иллюстрации не соответству- ют требованиям журнала. Далее вы устраните все отмеченные недостатки, а нач- нете с выравнивания изображения и его обрезки. 6 Дважды щелкните мышью на эскизе файла 02Start.psd. чтобы открыть этот I файл в программе Photoshop. Если на экране появится сообщение об отсут- Ствии встроенного профиля, щелкните на кнопке ОК. чтобы закрыть его. 7 В меню программы Photoshop выберите команду File ♦ Save As (Файл ♦ Сохра- нить как) и сохраните начальный файл в той же папке, но под именем 02Working.psd. ['Помните, что при внесении в файл изображения необратимых изменений очень [.полезно работать именно над копией файла, а не его оригиналом. В гаком случае вы, допустив какую-либо фатальную ошибку, всегда можете начать работ}' с само- го начала над новой копией исходного файла.
www. infanata.org официальный евангелист Photonhoj). Вот два небольших, но очень полезных совета по использованию инструмента Crop (Рамка) (активируется клавишей С): Используйте инструмент Crop (Рамка) для добавления к любому изображению холста. Открыв рисунок в рабочей области программы Photoshop, расширьте путем перетаскивания указате- ля мыши окно изображения таким образом, чтобы за краями изображения появилось пустое серое пространство. Затем просто создайте с помощью инструмента Crop (Рамка) прямоу- гольную рамку выделения. После того, как вы отпустите левую кнопку мыши, вы сможете пе- ретащить маркеры рамки выделения за пределы области изображения. После применения обрезки (нажатием клавиши Enter или Return), область будет добавлена на холст и закраше- на фоновым цветом Используйте размеры одного изображения для обрезки другого. Откройте оба рисунка в про- грамме Photoshop, и активируйте изображение с требуемыми размерами обрезки. Далее вы- берите инструмент Crop (Рамка) и щелкните мышью на кнопке Front Image (Изображение) расположенной на панели параметров инструмента. В результате выполненных действий зна- чения высоты, ширины и разрешения изображения будут перенесены в соответствующие по- ля панели параметров инструмента. Далее переключитесь на изображение, которое требует- ся обрезать, и протащите по нему инструментом Crop (Рамка). Рамка выделения, создавае мая при перетаскивании инструмента, будет сохранять пропорции первого изображения После того, как вы отпустите левую кнопку мыши и примените обрезку, рисунок примет требу- емые значения ширины, высоты и разрешения. Поворот и обрезка фотографии В этом разделе вы используете инструмент Crop (Рамка) для т ого, чтобы обрезать и] масштабировать фотографию для этого урока так, чтобы она вмещалась в преднаэч начениое для нее пространство. Для обрезки изображения можно использовать ли- бо инструмент Crop (Рамка), либо команду Crop (Кадрироват ь), которые пеобрати-1 мо удаляют все пикселы, находящиеся вне области, выделенной для обрезки. 1 11а панели инструментов выберите инструмент Crop (Рамка) (tj. ). Затем на па- нели параметров инструмента (вверху рабочей области) введите размеры (в дюймах) конечного изображения: в поле Width (Ширина) введите значение 2 in (2 дюйма) и в поле Height (Высота) введите значение 3 in (3 дюйма).
www.infanata.org Основы фотокоррекции 2 Нарисуйте рамку выделения вокруг изображения. Не беспокойтесь, помести- лось ли в выделение все изображение или нет, поскольку далее вы настроите ,'.рамку выделения. Согда вы перемещаете указатель мыши во время рисования рамки выделения, она [Охраняет те пропорции, которые вы задали для конечного размера (2x8). Согда вы отпустите кнопку мыши, маска обрезки покрывает область вне Обрезае- мого выделения, и панель параметров инструмента теперь показывает парамет- ры маски обрезки. 3 На панели параметров инструмента убедитесь, что флажок Perspective (Пер- спектива) сброшен. 4 В окне изображения переведите указатель мыши вне рамки обрезки так. чтобы он принял форму двойной кривой стрелки (*}.). Перемещайте этот указатель мыши по часовой стрелке при нажатой левой кнопке мыши, поворачивая рамку I выделения, пока угол наклона рамки не совпадет с углом наклона изображения. [5 Помести те указатель мыши внутрь рамки обрезки и тащите рамку выделения, пока она не охватит все части картинки, которую вы хотите показать для соз- I дания привлекательного художественного результата. Если хотите, можно так- I же настроить размер рамки выделения, перетащив один из угловых маркеров. I Для перемещения рамки выделения с шагом в 1 пиксел можно использовать клавиши управления курсором.
Adobe Photoshop CS3 6 Нажмите клавишу |;Enl«| (Windows) или Return (Mac OS). Изображение будет вы- резано и заполнит окно изображения, причем это изображение выпрямлено, его размеры изменены, и оно обрезано соответственно вашим требованиям. © Чтобы отбросить граничную область вокруг края изображения, основываясь на прозрачности или цвете края, можно использовать команду Image ♦ Trim (Изобра- жение ♦ Тримминг). 7 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу. Создание автоматических настроек В программу Photoshop включено множество высокоэффективных средств авто- матической настройки, которые исправляют недостатки изображений без осо- бых усилий с вашей стороны. В них есть все, что может понадобиться при выпол- нении работ некоторых типов. Однако если вы хотите в большей степени конт- ролировать процесс, то вы можете воспользоваться некоторыми элементами управления и техническими средствами, имеющимися в программе Photoshop. Теперь, просто из спортивного интереса, вы для начала испытаете результаты применения к файлу урока некоторых автоматических настроек яркости. Несколько позже вы выполните эти же настройки вручную в другой копии изображения.
www.infanata.org Основы фотокоррекции 85 Если после завершения обрезки изображения в предыдущей процедуре вы не сохранили свои» работу, сделайте это сейчас, выбрав в меню команду File ♦ Save (Файл ♦ Сохранить). Выберите в меню команду Я1е ♦ Save As (Файл ♦ Сохранить как), присвойте ко- пии файла с обрезанным изображением имя 02Auto.psd и щелкните мышью на кнопке Save (Сохранить). Выберите в меню команду Image ♦ Adjustments ♦ Auto Color (Изображение ♦ Коррекция 4 Выберите в меню команду Image ♦ Adjustments ♦ Shadow/Highlight (Изображе- ние ♦ Коррекция ♦ Света/Тени). В диалоге Shadow/Highlight (Света/Тени) перетаскивайте ползунковые элемен- ты управления Highlight (Света) и Shadow (Тени) до тех пор, пока, по вашем)’ мнению, изображение станет выглядеть так. как вам нужно. Убедитесь, что в диалоге установлен флажок Preview (Просмотр), чтобы вы могли видеть изме- нения в изображении по ход)' работы.
86 Adobe Photoshop CS3; 6 Закройте диалог щелчком мыши на кнопке ОК и выберите в меню команд}' File ♦ Save (Файл ♦ Сохранить). 7 Закройте файл 02Auto.psd. Затем выберите в меню команду File ♦ Open Recent (Файл ♦ Последние документы) и выберите файл 02Working.psd в подменю не-| давно открывавшихся файлов. Ручная настройка тонового диапазона Тоновый диапазон изображения представляет степень контрастности, или дета- лизации. изображения и определяется распределением пикселов в изображении, от самых темных пикселов (черный) до самых светлых пикселов (белый). Сейчас вы будете корректировать контрастность изображения с помощью команды Levels (Уровни). В этом задании вы будете использовать график в диалоге Levels (Уровни), который представляет диапазон значений (темных и светлых). В этом графике есть элементы управления, которые позволяют настроить темные, светлые и средние тона, или гамму, изображения. Кроме того, вы будете справляться на палитре Histogram (Гис- тограмма), которая отображает полезную для вас информацию. Если только вы не хотите добиться какого-то особого эффекта, то идеальная гистограмма должна прос- тираться по всей ширине графика, причем ее средняя часть должна иметь равномер- ные пики и впадины, ко торые представляют данные соответствующих пикселов. 1 Выберите в меню команду Window ♦ Histogram (Окно ♦ Гистограмма) либо щелкните мышью на вкладке Histogram (Гистограмма) в группе палитр Navigator (Навигатор), чтобы вывести эту палитру на передний план. Щелкни- те на кнопке с изображением стрелки в правом верхнем углу палитры, чтобы отобразить меню палитры, в котором выберите команд} Expanded View (Рас- ширенный просмотр). 2 Выберите в меню команду Image ♦ Adjustments ♦ Levels (Изображение ♦ Кор- рекция ♦ Уровни), чтобы открыть диалог Levels (Уровни). 3 Убедитесь, что флажок Preview (Просмотр) установлен, затем, если нужно, отодвиньте диалог в сторону так, чтобы во время работы вы могли видеть ок- но изображения и палитру Histogram (Гистограмма). В диалоге Levels (Уровни) три треугольника под гистограммой представляют тем- ные тона (черный треугольник), светлые тона (белый треугольник) и промежу- точные тона, или гамму (серый треугольник). Если бы изображение имело цвета во всем диапазоне яркости, то график рас тянулся бы по всей ширине гистограм- мы. Обратите внимание, что сейчас графики в диалоге Levels (Уровни) и на палитре Histogram (Гистограмма) совпадают.
,;Основы фотокоррекции 87 А. Темные тона; В. Промежуточные тона, или гамма; С. Светлые тона -4 Перетащите левый треугольник вправо до той точки, в которой гистограмма указывает начало самых темных цветов. Когда вы перетаскиваете левый треугольник, значение в первом поле Input Levels .(Входные значения) (над гистограммой) изменяется, и попутно изменяется само изображение. На палитре Histogram (Гистограмма) левая часть графика теперь сжимается к краю рамки палитры. Это указывает на то. что значения самых тем- ных тонов сдвигаются в сторону черного цвета. Кроме того, вы можете изменять значения в поле Input Levels (Входные значения) с по- мощью указателя мыши. Для этого щелкните мышью в текстовом поле возле того зна- чения, которое хотите изменить, а затем перетаскивайте указатель мыши над словами "Input Levels" (Входные значения). 5 Перетащи те правый треугольник влево до той точки, в которой гистограмма 1 указывает начало самых светлых цветов. Снова обратите внимание на измене- ; ния значения в третьем поле Input Levels (Входные значения) и в изображении, а также на изменение формы графика на палитре Histogram (Гистограмма). 6 Перетащите средний треугольник на небольшое расстояние в направлении ле- вого края, чтобы осветлить промежуточные тона. Чтобы определить, насколько далеко следует перетащить средний треугольник, | наблюдайте за обновлением изображения в окне изображения и за изменениями I на палитре Histogram (Гистограмма).
vm. infanata. org Adobe Photoshop CS3 7 Когда вас удовлетворит вид изображения (в образце использованы значения в полях Input Levels (Входные значения), равные 25, 1,20 и 197), щелкните мышью на кнопке ОК, чтобы применить изменения. Затем сохраните работ)'. О команде Auto Contrast (Автоконтраст) Вы можете также настроить контрастность (темные и светлые тона) и общий цвет в изображении автоматически, используя команду Image ♦ Adjustments • Auto Contrast (Изображение ♦ Настройки ♦Автоконтраст). Настройка контраст- ности отображает самые темные и самые светлые пикселы в изображении чер- ным и белым цветами. Это преобразование заставляет светлые тона выглядеть более светлыми, а темные тона выглядеть более темными и может улучшить об- щий вид многих фотографических или тоновых изображений. (Команда Auto Contrast (Автоконтраст) не улучшает изображения с однородным цветом.) Команда Auto Contrast (Автоконтраст) отбрасывает 0,5% белых и черных пиксе- лов, то есть игнорирует первые 0,5% крайних значений с каждой стороны, ког- да определяет самые светлые и самые темные пикселы в изображении. Такое об- резание цветовых кодов гарантирует, что характерными областями изображе- ния будут области с цветовыми кодами белого и черного цветов, а не области с крайними значениями пикселов. Для данного проекта вы не будете использовать команду Auto Contrast (Автокон- траст), однако вы должны знать об этой возможности, чтобы уметь использо- вать ее в собственных проектах. Удаление цветового оттенка Некоторые изображения содержат цветовые оттенки (т.е. несбалансированные цвета), которые могут возникать во время сканирования либо уже существовать в исходном изображении. Данная фотография парка имеет красный о пенок. Что- бы исправить это. необходимо использовать команду Auto Color (Автоматическая цветовая коррекция).
Основы фотокоррекции 89 Чтобы увидеть цветовой оттенок на своем мониторе, вам нужен 24-битовый монитор (ко- торый может отображать миллионы цветов). В мониторах, которые могут отображать только 256 цветов (8-битовые), обнаружить цветовой оттенок трудно, а то и невозможно. 1 Выберите в меню команду Image ♦ Adjustments ♦ Auto Color (Изображение ♦ li Коррекция ♦ .Автоматическая цветовая коррекция). Обратите внимание на то. что красный оттенок исчез. 2 Выбери те в меню команду File ♦ Save (Файл ♦ Сохранить). О команде Auto Color (Автоматическая цветовая коррекция) и настройке автоматической коррекции Команда Auto Color (Автоматическая цветовая коррекция) настраивает контра- стность и цвет изображения путем поиска темных, промежуточных и светлых тонов в реальном изображении, а не в каналах гистограмм. Команда нейтрали- зует промежуточные тона и вырезает белые и черные пикселы, основываясь на значениях, устанавливаемых в диалоге Auto Correction Options (Параметры ав- томатической цветокоррекции). Диалог Auto Correction Options (Параметры автоматической цветокоррекции) позволяет автоматически настраивать тоновый диапазон изображения в целом, задавать проценты обрезки и назначать цветовые коды темным, промежуточ- ным и светлым тонам. Вы можете применить параметры либо во время одно- кратного использования диалога Levels (Уровни) или диалога Curves (Кривые), либо сохранить настройки для будущего использования команд Levels (Уров- ни), Auto Levels (Автоматическая коррекция уровней), Auto Contrast (Автокон- траст). Auto Color (Автоматическая цветовая коррекция) и Curves (Кривые). Чтобы открыть диалог Auto Correction Options (Параметры автоматической цветокоррекции), щелкните на кнопке Options (Параметры) в диалоге Levels (Уровни) или диалоге Curves (Кривые).
www.infanata.org Adobe Photoshop CS3J Замена цветов в изображении С помощью команды Replace Color (Заменить цвет) вы можете создавать времен-1 ные маски, основанные на конкретных цветах, а затем заменять эти цвета! (Маска изолирует область изображения, поэтому эти изменения влияют только на выделенную область, но не на остальное изображение.) Диалог Replace Color (Заменить цвет) содержит параметры для настройки компонентов Hue (Цвето- вой тон). Saturation (Насыщенность) и Lightness (Яркость) выделенной области. Параметр Hue (Цветовой тон) характеризует цвет. Saturation (Насыщенность) ха- рактеризует чистоту цвета, a Lightness (Яркость) указывает, сколько белого или черного цвета содержится в изображении. Сейчас вы используете команду Replace Color (Заменить цвет) для замены цвета одного из тюльпанов в иллюстрации, которую мы корректируем в этом уроке. 1 Выберите инструмент Rectangular Marquee (Прямоугольная область) (□) и нарисуйте рамку выделения вокруг желтого тюльпана, расположенного слева, на переднем плане изображения. Не старайтесь добиться точного выделения, однако убедитесь, что включили в него весь желтый цветок целиком. 2 Выберите в меню команду Image ♦ Adjustments ♦ Replace Color (Изображение ♦ Коррекция ♦ Заменить цвет). Откроется диалог Replace Color (Заменить цвет). По умолчанию область Selection (Выделение) отображает черный прямоугольник, представляющий те- кущее выделение. Обратите внимание на три инструмента-пипетки, присутствующие в диалоге Replace Color (Заменить цвет). Один из этих инструментов отбирает цвет; второй отбирает дополнительные цвета и добавляет их в цветовую выборку; третий инструмент отбирает цвета, которые он удаляет из цветовой выборки. А. Инструмент Eyedropper (Пипетка); В. Инструмент Add to Sample (Добавлениеоттенков); С. Инструмент Subtract from Sample (Пипетка-)
3 В диалоге Replace Color (Заменить цвет) выберите первый инструмент Eyedropper (Пипетка) () (отбор одного цвета) и щелкните мышью где-ни- будь на желтом тюльпане в окне изображения для того, чтобы выбрать этот цвет в качестве образца. 4 Далее выберите инструмент Add to Sample (Добавление оттенков) (X) и с его по- I мощью выделяйте остальные области тюльпана, пока весь цветок не выделится и I не подсветится в маске, отображаемой в диалоге Replace Color (Заменить цвет). 5 Повысьте немного уровень допуска маски перетаскиванием ползунка элемента Е управления Fuzziness (Разброс) до значения 45. |(Параметр Fuzziness (Разброс) контролирует степень, в которой родственные цве- та включаются в маску. 6 Если в отображении маски в диалоге окажутся какие-нибудь белые области. | которые не являются частью тюльпана, исправьте это сейчас: выберите I инструмент Subtract from Sample (Пипетка-) (X) и щелкайте мышью на этих I областях либо в окне изображения, либо в диалоге Replace Color (Заменить цвет), чтобы удалить большую часть белого цвета. (Не беспокойтесь, если в вы- । делении останется несколько таких пикселов.)
www.infanata.org 92 Adobe Photoshop CS 7 В группе элементов управления Replacement (Замена) диалога Replace Color (Заменить цвет) перетащите ползунок элемента управления Hue (Цветовой тон) до -40. ползунок Saturation (Насыщенность) до -10, а ползунок Lightness (Яркость) оставьте при значении 0. 40 Saturation: |-10 Lightness: По мере того, как вы изменяете значения, оттенок, насыщенность и яркость цве- та тюльпана изменяются, и рисунок тюльпана окрашивается красным цветом. 8 Примените изменения щелчком мыши на кнопке ОК, 9 Выберите в меню команду Select ♦ Deselect (Выделение ♦ Отменить выделе- ние), затем выберите в меню команду File ♦ Save (Файл ♦ Сохранить). Настройка яркости инструментом Dodge (Осветлитель) В этом разделе вы используете инструмент Dodge (Осветлитель), чтобы освет- лить подсветки и выявить детали скульптуры в изображении. В основу работы инструмента Dodge (Осветлитель) заложен традиционный прием фотографов: использование заднего освещения во время экспонирования с целью осветления области в изображении. 1 На панели инструментов выберите инструмент Dodge (Осветлитель) (*.). 2 На панели параметров инструмента установите следующие параметры: • В раскрывающейся палитре Brush (Кисть) выберите достаточно большую раз- мытую кисть, например, кисть диаметром 27 pixels (27 пикселов). Затем щелк- ните мышью вне палитры, чтобы закрыть ее. • В открывающемся списке Range (Диапазон) выберите значение Highlights (Света).
Основы фотокоррекции • Для параметра Exposure (Экспозиция) задайте значение 15%. Ring* ' Highlight D .....• * 3 Теперь, удерживая нажатой левую кнопку мыши, наносите вертикальные штри- I хи инструментом Dodge (Осветлитель) на скульптуру, чтобы выявить их детали. £ принципе, при работе инструментом Dodge (Осветлитель) использовать верти- кальные штрихи необязательно, просто так удобнее работать с данным конкрет- ным изображением. Если вы допустите ошибку или вам не поправятся результа- ты, выберите в меню команду Edit ♦ Undo (Правка ♦ Отменить) и попробуйте еще раз, пока не добьетесь нужного результата. насыщенности инструментом Sponge (Губка) Далее вы используете инструмент Sponge (Губка) для усиления насыщенности цвета тюльпанов. Изменяя насыщенность цвета, вы настраиваете его силу, или Истоту. Инструмент Sponge (Губка) полезен для создания тонких изменений на- сыщенности в конкретных областях изображения. 1 Выберите инструмент Sponge (Губка) (^ ). скрытый за инструментом Dodge (Осветлитель) (•.). 2 На панели параметров инструмента выберите следующие настройки: • В раскрывающейся палитре Brush (Кисть) снова выберите крупную размытую I кисть, например, кисть с диаметром 27 pixels (27 пикселов). • В открывающемся списке Mode (Режим) выберите значение Saturate (Новы- I сить насыщенность).
www. inf an at a. org Adobe Photoshop CS3 • В поле Flow (Нажим) установите значение 90%. Этот параметр задает интен- сивность эффекта насыщения. 3 Перетаскивайте инструмент Sponge (Губка) над цветами и листьями, чтобы усилить насыщенность их цвета. Чем больше вы будете работать инструмен- том над областью, тем более насыщенными становятся цвета. 4 Сохраните работу. Применение фильтра Unsharp Mask (Контурная резкость) Последний шаг, который вы сделаете при ретушировании фотографии, заключа- ется в применении фильтра Unsharp Mask (Контурная резкость), который настра-1 ивает контрастность деталей по краю и создает иллюзию лучше сфокусированно-' го изображения. 1 Выберите в меню команду Filter ♦ Sharpen ♦ Unsharp Mask (Фильтр ♦ Резкость ♦ I Контурная резкость). 2 В диалоге Unsharp Mask (Контурная резкость) убедитесь, что флажок Preview (Просмотр) установлен, чтобы вы могли видеть результаты в окне изображения. Вы можете перетаскивать изображение в области просмотра диалога, чтобы ви- деть различные части изображения, или использовать кнопки со значками плюс | ([+]) и минус (0) под эскизом изображения, чтобы увеличить или уменьшить I масштаб отображения. 3 Перетащите ползунок элемента управления Amount (Эффект) примерно до значения 62%. - Когда вы пробуете различные настройки, сбрасывайте и снова устанавливайте флажок Preview (Просмотр), чтобы видеть, как ваши изменения влияют на изобра- жение. Либо вы можете просто щелкнуть мышью на эскизе изображения в диалоге и удерживать кнопку мыши, чтобы временно выключать и включать фильтр. Если ваше изображение имеет большие размеры, использование эскиза в диалоге может быть более эффективным, поскольку в таком случае перерисовывается только малая об- ласть изображения.
www.infanata.org 95 4 Перетащите ползунок элемента управления Radius (Радиус), чтобы задать чис- I ло пикселов, окружающих граничные пикселы, которые будут оказывать влия- I ние на резкость. Чем выше разрешение, тем больше должно быть значение па- раметра Radius (Радиус). (Мы использовали значение 1,0 пиксела, устанавли- I ваемое по умолчанию,) 5 (Необязательный шаг) Вы можете также настроить параметр Threshold (Порог). Этол параметр определяет, насколько должны отличаться пикселы, подвергае- I мые воздействию фильтра, от окружающей области, чтобы они интерпретиро- I вались как граничные пикселы и, соответственно, обрабатывались фильтром Unsharp Mask (Контурная резкость). Применяемое по умолчанию значение па- К раметра Threshold (Порог), равное О, воздействует на все пикселы в изображе- нии. Попробуйте задать другое значение этого параметра, например, 4 или 5. 6 Когда вас удовлетворят результаты, щелкните мышью на кнопке ОК. чтобы применить фильтр Unsharp Mask (Контурная резкость). 7 Выберите в меню команду File ♦ Save (Файл ♦ Сохрани ть).
www.infanata.org 96 Adobe Photoshop CS3 О контурной резкости Нерезкое маскирование, или USM (Unsharp Masking), является традиционным приемом компоновки фильмов, используемым для заострения краев в изобра- жении. Фильтр Unsharp Mask (Контурная резкость) корректирует размывание границ, привносимое во время фотографирования, сканирования, изменения размеров или печати. Оно полезно для изображений, предназначенных как для печати, так и для онлайнового просмотра. Фильтр Unsharp Mask (Контурная резкость) локализуе т пикселы, которые отли- чаются от окружающих пикселов на то пороговое значение, которое вы задае- те, и увеличивает контрастность пикселов на заданную вами величину. Кроме того, вы можете задать радиус области, в которой сравнивается каждый пиксел. Эффекты фильтра Unsharp Mask (Контурная резкость) намного сильнее выра- жены на экране, чем при печати с высоким разрешением. Если вашей конечной целью является печать, попробуйте экспериментальным путем определить, ка- кие установки в диалоге лучше всего подходят для вашего изображения. Сравнение результатов ручной и автоматической обработки В начале этого урока вы настроили изображение с помощью автоматических' элементов управления цветом и гонами изображения. В остальной части урока вы усердно настраивали изображение вручную, пытаясь добиться специфических результатов. Теперь сравним то, что у нас получилось. 1 Выберите в меню команду File ♦ Open Recent (Файл ♦ Последние документы) и выберите в подменю файл 02Auto.psd, если он там есть. В противном случае вы- берите команду меню File ♦ Open (Файл ♦ Открыть), найдите папку' Lessons/Lesson02 и откройте этот файл. Если на экране появится сообщение об отсутствии встроенного профиля, щелкните па кнопке ОК, чтобы закрыть его. 2 Выберите в меню команду Window ♦ Arrange ♦ Tile Vertically (Окно ♦ Упорядо- чить ♦ По вертикали), чтобы открыть бок о бок окна изображений файлов 02Auto.psd и 02Working.psd. 3 Сравните визуально результаты работы. 4 Закройте файл 02Auto.psd. /Для некоторых людей применение команд автоматической настройки может ока- заться вполне достаточным. Для других людей, с более тонким визуальным восп- риятием, более подходит ручной путь настройки изображения. Наилучших ре- зультатов можно добиться тогда) когда вы хорошо осознаёте издержки обоих методов и можете выбрать такой подход, который наилучшим образом удовлетво- ряет требованиям конкретного проекта и изображения.
www. infanata.org Основы фотокоррекции 02Aulo.psd 02Working.psd Сохранение изображения для четырехиветной печати Прежде чем вы сохраните файл Photoshop для использования в четырехцветной публикации, вы должны изменить цветовой режим изображения на режим CMYK, чтобы корректно напечатать вашу публикацию четырьмя красками со- ставных цветов. Для изменения цветового режима изображения используется ко- манда Mode (Режим). |РГ Более полную информацию о цветовых режимах можно найти в справке программы Photoshop 1 Выберите в меню команду Image ♦ Mode ♦ CMYK Color (Изображение ♦ Режим ♦ CMYK). К Если для создания своих публикаций вы используете программу Adobe М InDesign, вы можете опустить остальной процесс и просто выбрать в меню I команду File ♦ Save (Файл ♦ Сохранить). Программа InDesign может импорти- ровать файлы программы Photoshop, поэтому нет необходимости конвертиро- В вать изображение в формат TIFF. Ю Если вы используете другое приложение компоновки, вы должны сохранить I фотографию в формате TIFF 2 Выберите в меню команду File ♦ Save As (Файл ♦ Сохранить как). 3 В диалоге Save As (Сохранить как) выберите значение TIFF в открывающемся I списке Format (Тип файлов). 4 Щелкните мышью на кнопке Save (Сохранить).
Adobe Photoshop Gj В диалоге TIFF Options (Параметры TIFF) выберите корректный для наше системы метод сжатия в облас ти Byte Order (Сжатие изображения) и щелки те мышью на кнопке ОК. Теперь изображение полностью ретушировано, сохранено и готово для поме ния в макет публикации. 9 о Дополнительные сведения о файловых форматах можно найти в справке програня мы Photoshop. PARIS
Обзорные вопросы 1 Что такое разрешение? 2 Как использовать инструмент Crop (Рамка) при ретушировании фотографий? 3 Как можно настроить тоновый диапазон изображения? 4 Что такое насыщенность и как ее можно настроить? 5 Как использовать в фотографии фильтр Unsharp Mask (Контурная резкость)? Ответы на обзорные вопросы 1 Термин «разрешение» указывает число пикселов, которые описывают изображение и определяют его детали. Известны три тина разрешения: раз- I решение изображения и разрешение монитора, измеряемые в пикселах на [ дюйм (pixels per inch - ppi), и разрешение принтера или выходное разреше- ние. измеряемое в точках краски на дюйм (dots per inch dpi). 2 Вы можете использовать инструмент Crop (Рамка) для обрезки, масштабиро- I вапия и выпрямления изображения. 3 Вы можете использовать черный, белый и серый треугольники в гистограм- ме диалога Levels (Уровни), чтобы управлять средней точкой, а также мес- ' том, откуда начинаются самые темные и самые светлые точки изображения, расширяя, таким образом, тоновый диапазон изображения, 4 Насыщенность характеризует интенсивность или чистоту цвета в изображе- нии. С помощью инструмента Sponge (Рубка) вы можете увеличить насыщен- I ность конкретной области изображения. Б Фильтр Unsharp Mask (Контурная резкость) настраивает контрастность гра- ничных элементов и создает иллюзию лучшей фокусировки изобвражения.
Н программу Photoshop включен мощ- ный набор инструментов клонирова- ния, превращающий ретуширование фотографий в простой и интуитивно понятный процесс. Благодаря техно- логии, лежащей в основе этих новых средств, даже мелкие исправления изображения лица человека выглядят настолько жизненными и естествен- ными., что изменения фотографии трудно обнаружить.
www.infanata.org РОК 3. и восстановление урока атом уроке вы узнаете, как делать следующее: ‘Использовать инструмент Clone Stamp (Штамп) для исключения из изображе- ния нежелательных частей. Использовать инструмент' Spot Healing Brush (Точечная восстанавливающая кисть) для восстановления дефектных областей фотографии. Использовать инструменты Healing Brush (Восстанавливающая кисть) и Patch (Заплатка) для смешивания исправлений. Вносить поправки в дублированный слой и настраивать его для создания есте- ственного вида. Возвращаться назад в пределах сеанса работы с помощью палитры History (История). Использовать инструмен т History Brush (Архивная кисть) для частичного вос- становления изображения в предыдущее состояние. 'Использовать снимки для сохранения ранних состояний вашей работы и со- поставления альтернативных подходов к обработке изображения. шолпение урока займет около 45 минут. Если нужно, удалите папку предыдуще- .урока со своего жесткого диска и скопируйте в него папку Lesson03. По мере боты над уроком вы перезапишете исходные файлы. Если вам нужно восстано- т> исходные файлы, скопируйте их с компакт-диска, прилагаемого к книге idobe Photoshop CS3. Официальный учебный курс». ачало работы этом уроке вы будете работать над тремя отдельными проектами., отредактиро- В три различные фотографии. В каждом проекте уйикальными способами ис- иьзуются различные инструменты ретуширования, поэтому вы станете свиде- лями силы и особых возможностей различных инструментов. 1 начнете с предварительного просмотра трех изображений, которые будете душировать в этом уроке. 'Запустите программу Adobe Photoshop, удерживая нажатой комбинацию кла- вши | °'" |+| д" |+|lShlft | (Windows) или Command+Option+[[Sh^] (Mac OS), чтобы вос- становить стандартные настройки программы. (Подробности можно найти во введении к книге.)
Adobe Photoshop CSS 2 В появившемся окне сообщения щелкните мышью на кнопке Yes (Да), чтобы подтвердить намерение переустановить настройки. Затем закройте диалсн Welcome Screen (Начальный экран) щелчком мыши на кнопке Close (Закрыть). 3 На панели параметров инструмента щелкните мышью на кнопке Go to Bridge (Перейти к Bridge) (), чтобы запустить программу Adobe Bridge. 4 На панели Favorites (Избранное) щелкните мышью на папке Lessons (Уроки), а затем дважды щелкните на эскизе папки Lesson03. чтобы просмотреть вхо дящие в нее файлы. Файлам присвоены имена 03A_End.psd, 03A_Start.psd. 03B_End.psd, 03B_Start.psd. 03C_End.psd и 03C_Start.psd. олба в японском стиле, установленного в саду, с наложенным полупрозрачным текс- том на переднем плане. Вы восстановите оторванный уголок отсканированно- го изображения, а затем удалите несколько отвлекающих внимание областей, в которых на заднем плане в траве видны поливочные приспособления. • Во втором проекте показан скалолаз, взбирающийся на скалу. Здесь вы очисти- те каменную стену возле скалолаза, удалив с поверхности скалы несколько граффити и старые болтовые отверстия. • Третий проект представляет собой портрет мужчины. Вы отретушируете портрет, удалив со лба и вокруг глаз мужчины несколько тонких морщинок. 5 Закончив просмотр файлов, дважды щелкните мышью на эскизе файла 03A_Start.psd, чтобы открыть это изображение в программе Photoshop. 6 Если нужно, увеличьте масштаб изображения до 10(1% и измените размеры ок- на изображения, чтобы видеть все изображение.
^Ретуширование и восстановление 7 Выберите команду меню File • Save As (Файл ♦ Сохранить как), назовите файл именем 03A_Working.psd и щелкните на кнопке Save (Сохранить). Это действие Н позволит избежать изменений в исходном файле. Восстановление областей инструментом Clone Stamp (Штамп) Инструмент Clone Stamp (Штамп) использует пикселы из одной области изобра- жения. чтобы заменить ими пикселы в другой области изображения. С помощью этого инструмента вы можете не только удалять нежелательные объекты из ва- ших изображений, но также заполнять отсутствующие области в фотографиях, Которые вы сканируете с поврежденных оригиналов. Вы начнете с заполнения оторванного уголка фотографии клонированным изображением травы из другой области картинки. 1 Выберите инструмент Clone Stamp (Штамп) (Ja ). 2 На панели параметров инструмента откройте всплывающую палитру Brush I (Кисть) и выберите кисть большого размера с мягкими краями, например, I кисть Soft Round 75 pixels (Мягкая круглая 75 пике.). Затем убедитесь, что на панели парамет ров инструмента установлен флажок Aligned (Выравнивание). 3 Поместите указатель инструмента Clone Stamp (Штамп) в центр изображения так, К чтобы он находился над травой на одном го- I ризонтальном уровне с верхним краем отор- ванного уголка. Затем нажмите и удерживай- I те клавишу | Д11 | (Windows) или Option (Мас I OS) так. чтобы указатель мыши выглядел как I перекрестие прицела, и щелкните мышью. I чтобы начать отбор образца или копирова- ние с этой части изображения. Отпустите । клавишу | Д11 | или Option. 4 Начиная от верхнего края оторванного уголка фотографии, перемещайте при । нажатой левой кнопке мыши инструмент Clone Stamp (Штамп) над недостаю- I щей областью изображения. Юбратиге внимание на перекрестие, появившееся справа от инструмента Clone Stamp (Штамп). Это перекрестие указывает ту область изображения, которая кло- нируется инструментом Clone Stamp (Штамп) при перемещении указателя мыши. 5 Отпустите кнопку мыши и переместите указатель мыши в другую область отсут- ствующего уголка, и снова начните клонировать область изображения.
104 Adobe Photoshop CS3 Обратите внимание, что перекрестие появляет- ся вновь не в исходной позиции отбора образца (шаг 3), а в том же положении относительно ука- зателя инструмента Clone Stamp (Штамп), кото- рое было при нанесении первого штриха. Так происходит потому, что вы установили флажок Aligned (Выравнивание), что заставляет перек- рестие выдерживать одно и то же положение от- носительно кисти, независимо от положения ис- ходной точки отбора образца. Если флажок Aligned (Выравнивание} сброшен, то когда вы наносите кистью несколь- ко штрихов, перекрестие всегда появляется в исходной точке отбора образца. Однако при перемещении указателя мыши перекрестие и кисть сохраняют одно и то же отно- сительное пространственное расположение (расстояние и направление), независимо от положения исходной точки отбора образца. 6 Продолжайте клонировать изображение травы, пока весь отсутствующий уго- лок изображения не будет заполнен. Если вы хотите, чтобы переход от восста- новленной поверхности травы к остальной части изображения выглядел естественно, можно настроить клонирование путем пе- рестановки области отбора образца (как вы делали на шаге 3) и повторного клонирова- ния. Либо попробуйте сбросить флажок Aligned (Выравнивание) и выполнить клони- рование еще раз. 7 Когда вы будете удовлетворены восстановленным изображением травы, выбе- рите в меню команд}’ File ♦ Save (Файл ♦ Сохранить). Использование инструмента Spot Healing Brush (Точечная восстанавливаюшая кисть) Следующим этапом будет удаление с правой стороны и из левого верхнего угла фотографии верхней части поливочных устройств. Это можно сделать с исполь- зованием инструмен та Clone Stamp (Штамп), однако применим другой. Для зак- рашивания поливочных устройств воспользуемся инструментом Spot Healing Brush (Точечная восстанавливающая кисть). Рисование инструментом Spot Healing Brush (Точечная восстанавливаюшая кисть) Инструмент Spot Healing Brush (Точечная восстанавливающая кисть) позволяет легко и быстро удалять пятна и другие дефекты фотографии. Он работает подоб- но инструмент}' Healing Brush (Восстанавливающая кисть), то есть осуществляет закрашивание на основе характеристик образцовых пикселов изображения или
Ретуширование и восстановление 105 узора, при этом сохраняется текстура, яркость, степень прозрачности и степень Затенения образцовых пикселов. Однако в отличие от инструмента Healing Brush (Восстанавливающая кисть), с которым мы познакомимся чуть позже, инструмент Spot Healing Brush (Точечная восстанавливающая кисть) не требует выделения образцового участка, он автоматически выбирает характеристики пикселов, окружающих ретушируемую область. । Инструмент Spot Healing Brush (Точечная восстанавливающая кисть) является от- личным средством ретуширования родинок и прыщей на портретных снимках, но и в нашем случае с поливочными устройствами в траве он придется как нельзя КТ;т,. едь в верхней части фотографии поверхность травы является достаточ- но равномерной и однородной. 1 Выберите на панели инструментов инструмент Spot Healing Brush (Точечная j восстанавливающая кисть) (^). 2 Далее увеличьте диаметр кисти до 30 пикселов в о ткрывающемся меню Brush В (Кисть) панели параметров инструментов. 3 Перетаскивайте инструмент Spot Healing Brush (Точечная восстанавливающая кисть) I по поливочному устройству в правой части I изображения, а затем проделайте то же са- I мое для поливочного устройства в левой час- ти изображения. Вы можете нанести один f или несколько штрихов. Продолжайте за- крашивание до достижения нужного резуль- 1 та га. Во время перетаскивания штрих внача- ' ле закрашивается темно серым цветом, одна- ко после освобождения левой кнопки мыши, ретушируемая область восстанавливается. Теперь нам остается добавить в проект одну маленькую деталь. 4 Установите щелчком мыши на палитре Layers (Слои) напротив слоя Yukimi I значок в виде глаза (9). чтобы в окне изображения появилась надпись. 5 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить), а потом закройте файл 03A_Working.psd.
www.iufanata.org 106 Adobe Photoshop CS Использование инструментов Healing Brush (Восстанавливающая кисть) и Patch (Заплатка) Возможности инструментов Healing Brush (Восстанавливающая кисть) и Pate (Заплатка) на голову выше возможностей инструментов Clone Stamp (Штамп) Spot Healing Brush (Точечная восстанавливающая кисть). Использование их спо- собности одновременно применять пикселы из одной области к другой области га смешивать их там позволяет создавать естественно выглядящие исправления в областях с неоднородным цветом или текстурой. В этом проекте вы внесете исправления в изображение каменной стены, удали! несколько граффити и болтовые отверстия, находящиеся на ее поверхности Из-за вариаций цвета, текстуры и освещенности скалы успешное восстановление поврежденных областей инструментом Clone Stamp (Штамп) было бы проблема тичио. К счастью, инструменты Healing Brush (Восстанавливающая кисть) I Patch (Заплатка) справляются с этим процессом без труда. Если вы хотите просмотреть версии этого изображения «до» и “после- правки, ис пользуйте окно программы Adobe Bridge, как описано в разделе «11ачало работы». Использование инструмента Healing Brush (Восстанавливающая кисть) для удаления изъянов Ваша первая задача состоит в удалении инициалов, пачкающих природную красо- ту' скалистой стены. 1 На панели параметров инструмента щелкните мышью па кнопке Go to Bridge (Перейти к Bridge) (»<), чтобы запусти ть программу Adobe Bridge. В окне про- граммы Adobe Bridge найдите и откройте двойным щелчком мыши файл 03B_Start.psd. 2 Выберите команду меню File ♦ Save As (Файл ♦ Сохранить как), назовите файл именем 03B_Working.psd и щелкните на кнопке Save (Сохранить), чтобы со- хранить рабочую версию исходного файла. Использование рабочей версии файла позволит вернуться к исходному файлу в любой момент времени. 3 В программе Photoshop выберите инструмент Zoom (Масштаб) (Ч) и щелкни- те мышью па инициалах DJ. которые нацарапаны на левой нижней области скалы, чтобы вы могли видеть эту область при увеличении около 200%. 4 На панели инструментов выберите инструмент Healing Brush (Восстанавлива- ющая кисть) скрытый под инструментом Spot Healing Brush (Точечная восстанавл и вающая кисть). 5 На панели параметров инструмента откройте щелчком мыши открывающуюся палитру Brush (Кисть). Затем перетаскиванием ползунка элемента управления или вводом с клавиатуры задайте значение параметра Diameter (Диаметр), равное 10 pixels (10 пике.). Закройте всплывающую палитру и убедитесь, что другие параметры на панели параметров инструмента ус тановлены на значе- ния по умолчанию: для параметра Mode (Режим) выбран пункт Normal (Нор- мальный), для параметра Source (Источник) установлен переключатель Sampled (Семплированный), а флажок Aligned (Выравнивание) сброшен.
www. inf an at. a. org ретуширование и восстановление 6 Нажмите и удерживайте клавишу И (Windows) или Option (Mac OS), и щслк- iiiiTc мышью на изображении скалы немного выше нацарапанного граффити, чтобы отобра ть образец этой части скалы. Отпустите клавишу I Д11 I Option. Г Начиная с положения над буквой D в граффити, закрасьте короткими штри- [ хами сверху вниз верхнюю часть буквы. шроцессе окрашивания обратите внимание па то, что область, только что закра- шенная кистью, временно выглядит так. как будто кисть не создает цвета, хорошо западающего с основным изображением. Однако, когда вы отпускаете кнопку |ышп, штрих кисти точно смешивается с остальной поверхностью скалы. I Продолжайте работу, используя короткие штрихи. Закрашивайте граффити. I начиная от верха и двигаясь вниз, до тех пор, пока не сможете более разли- I чить буквы граффити. Закончив удаление граффити, пристально рассмотрите поверхность скалы и об- ратите внимание, что на ней проявилась даже тонкая волосатость скалы, так что скала в изображении выглядит полностью восстановленной и естественной. 9 Уменьшите масштаб отображения до 100% и выберите в меню команду File ♦ Save (Файл ♦ Сохранить).
108 Adobe Photoshop CS3 О снимках экрана и состояниях палитры History (История) Занимаясь ретушированием, можно легко перестараться и отредактировать изображения чрезмерно, когда они перестают выглядеть реалистичными. Одной из защитных мер. которые вы можете предпринять, чтобы сохранить промежу- точные этапы работы в программе Photoshop, является создание снимков изобра- жения на разных стадиях работы. Когда вы работаете над файлом Photoshop, палитра History (История) автомати- чески записывает выполняемые вами действия. Состояния на палитре History (История) можно использовать подобно нескольким командам Undo (От- менить), чтобы восстановить изображение до предыдущих этапов в вашей рабо- те. Например, чтобы отменить последние шесть действий, Просто щелкните мышью па шесть пунктов выше текущего состояния на палитре History (История). Чтобы вернуть последнее состояние, прокрутите палитру History (I ктория) вниз и выберите состояние в самой нижней позиции списка. Число состояний, сохраняемых на палитре History (История), определяется пара- метром диалога Preferences (Установки) программы Photoshop. Установка по умолчанию ограничивает запись только 20 последними действиями. Когда вы вы- полняете дополнительные изменения, самые ранние состояния пропадают, а са- мые последние добавляются на палитру History (История). Когда вы выбираете на палитре History (История) более ранний шаг. окно изобра- жения возвращается к тому состоянию, в котором оно находилось на этой фазе. | Все последующие действия по-прежнему будут перечислены ниже на палитре. | Однако, если вы выберете более рапнее состояние в вашей работе, а затем внесе- I те новые изменения, все состояния, которые отображались после выделенного ' состояния, исчезают и заменяются новым состоянием. Снимки дают возможность испытывать различные технические приемы, а затем выбирать из них нужные. Обычно снимок делают на том этапе работы, который, как полагает дизайнер, нужно сохранить, по крайней мере, как базовую точку. Затем вы можете пробовать различные технические приемы, пока не достигнете । промежуточной завершенной фазы. Если на этой фазе вы сделаете другой снимок, он будет сохраняться на протяжении текущего сеанса работы надданным файлом.
Ретуширование и восстановление Затем вы можете вернуться к первому снимку и попробовать другие технические приемы и идеи для завершения изображения. Когда это будет закончено, вы може- те сделать третий снимок, вернуться к первому снимку' и сделать еще одну попытку. охранение множества предшествующих состояний и снимков занимает большой объ- ем оперативной памяти. Описанная выше техника работы не рекомендуется, когда вы сработаете с большими или сложными изображениями, например изображениями с ' Множеством слоев, поскольку это может снизить производительность. Если вы часто работаете со сложными изображениями, которые требуют максимального объема опе- ративной памяти, продумайте целесообразность уменьшения числа исторических со- ктряний путем изменения настроек программы Photoshop. Закончив экспериментировать, вы можете прокрутить палитру History (История) кее верхней части, где перечислены снимки. Затем вы можете по порядку выби- рать каждый из конечных снимков и сравнивать результаты. После того как вы найдете снимок, который понравится вам больше всех, вы мо- жете выбрать его, сохранить и закрыть файл. С этого момента ваши снимки и со- стояния палитры History (История) исчезнут навсегда. В файле программы Photoshop можно хранить журнал предыстории редактирования текстовую историю всего, что было сделано с файлом изображения. Более полную ин- формацию об этом можно найти в справке программы Photoshop. Создание снимка Поскольку вы удовлетворены результатами излечения изображения от меток граффит и, сейчас самое время сделать снимок. Этот снимок будет служить бази- сом для всех дальнейших экспериментов на всем протяжении сеанса. (Помните, что при закрытии файла снимки и состояния на палитре History (История) будут отброшены.) 1 Поскольку в этом сеансе группы палитр Navigator (Навигатор). Color (Цвет) и Layers (Слои) не понадобятся, закройте их. Очищенное пространство экрана I используйте для расширения палитры History (История) так, чтобы видеть как можно больше пунктов в этой палитре. Если нужно, прокрутите палитру History (История) вниз, чтобы увидеть последнее изменение, которое вы внес- & ли в изображение.
Adobe Photoshop Ct 2 На палитре History (История) выделите последнее состояние и щелкни: мышью на кнопке Create New Snapshot (Создать новый снимок) (00 ) в нижне части палитры History (История), чтобы создать снимок текущего состояния. Прокрутите до верхней части палитры History (История). Наверху пал появился новый снимок Snapshot 1 (Снимок 1). 4 Дважды щелкните мышью на словах Snapshot 1. введи те Post-graffiti и наз те клавишу |р"'а,1 (Windows) или клавишу Return (Mac OS), чтобы переимено снимок. Вы можете также создавать снимки более ранних стадий текущего сеанса работы, этого прокрутите палитру History (История) до нужного шага, выделите его и щелкг мышью на кнопке Create New Snapshot ( Создать новый снимок) в нижней части па ры. Переименуйте снимок и снова выделите этап, с которого хотите продолжать раб 5 Убедитесь, что в списке предыстории на палитре History (История) выдел либо снимок Post-graffiti, либо последнее состояние. Затем выберите в мет команду File ♦ Save (Файл ♦ Сохранить). Использование инструмента Patch (Заплатка) Инструмент Patch (Заплатка) сочетает возможности выделения инструметп Lasso (Лассо) со свойствами смешения цветов инструмента Healing Brush (Восст навливающая кисть). С помощью инструмен та Patch (Заплатка) вы можете выд| лить область, которую хотите использовать как источник (область, которую над исправить), или цель (область, используемая для выполнения исправления
Ретуширование и восстановление | Затем вы перетаскиваете инструментом Patch (Заплатка) рамку выделения на дру- гую часть изображения. Когда вы отпустите кнопку мыши, инструмент Patch (За- | платка) сделает свое дело. Рамка выделения остается активной над исправляемой областью, готовая к тому, чтобы ее перетащили снова либо на другую област ь, ко- торую нужно залатать (если установлен переключатель Destination (Назначе- | вне)), или в другое место отбора образца (если установлен переключатель Source I (Источник)). '.Возможно, прежде чем начать работу, вам придется увеличить изображение, что- бы лучше видеть детали. И На панели инструментов выберите инструмент Patch (Заплатка) (О), скры- тый за инструментом Healing Brush (Восстанавливающая кисть) (у' ). 2 Убедитесь, что на панели параметров инструмента установлен переключатель Source (Источник). 3 При нажатой левой кнопке мыши обведи те указат ель инструмента Patch (Заплат- ка) вокруг нескольких болтовых отверстий справа от скалолазки так, как если бы вы использовали инструмент Lasso (Лассо), затем отпустите кнопку мыши. 4 Перетащите выделение на неповрежденную область скалы, предпочтитель- I но (но не обязательно) на ту, цвет которой близок к цвету скалы вокруг болто- I вых отверстий. По мере перетаскивания изображение в исходной выделенной области совпадает с изображением в перетаскиваемом выделении. Однако, как только вы отпустите кнопку' мыши, цвет (но не текстура) в исправляемой области перенастраивается на исходную цветовую схему выделения. 5 Создайте новое выделение инструментом Patch (Заплатка) вокруг нескольких | других болтовых отверстий, а затем перетащите выделение к неповрежденной I области в изображении. Продолжайте латать изображение, пока не заместите I все пробоины к вашему удовлетворению. (Не забудьте отверстия с левой сто-
www. infanata. org 112 Adobe Photoshop CS3 6 Выберите в меню команду Select ♦ Deselect (Выделение ♦ Отменить выде- ление). 7 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить). Использование инструмента History Brush (Архивная кисть) для выборочной повторной редакции Даже с помощью самых лучших инструментов такое ретуширование фо тографий, при котором они выглядели бы совершенно естественно, является искусством, которое требует некоторой практики. Окиньте фотографию скалолазки крити< ческим взглядом. Не кажется ли вам, что некоторые области, где вы работали инструментами Healing Brush (Восстанавливающая кисть) или Patch (Заплатка), выглядят неестественно однородными или гладкими? Если да. то сейчас вы ис- правите этот недостаток с помощью другого инструмента - History Brush (Архив- ная кисть). Инструмент History Brush (Архивная кисть) подобен инструменту Clone Stamp (Штамп). Различие между ними состоит в том, что вместо использования в каче- стве источника заданной области (как делает инструмент Clone Stamp (Штамп)), инструмент History Brush (Архивная кисть) использует в качестве источника пре- дыдущее состояние. Преимущество инструмента History Brush (Архивная кисть) заключается в том. что вы можете восстанавливать ограниченные области изображения. Благодаря этому вы можете сохранить удачные эффекты ретуширования в некоторых областях изображения и восстановить другие, менее удачно ретушированные области, до их первоначального состояния, а затем предпринять вторую попытку редактирования. 1 На панели инструментов выберите инструмент History Brush (.Архивная кисть) (3s ). 2 Прокрутите палитр)’ History (История) вверх и щелкните мышью на пустом прямоугольнике возле снимка Post-graffiti, чтобы задать исходное состояние, которое инструмент History Brush (Архивная кисть) будет использовать для окрашивания. 3 Перетаскивайте инструмент History Brush (Архивная кисть) над областью, где были видны болтовые отвер- стия до того, как вы отредактировали их, чтобы на- чать восстановление этой части изображения до предыдущего состояния. По мере того, как вы кра- сите, в этой точке вновь появляются болтовые от- верстия. 4 Используя панель параметров инструмента, поэкспериментируйте с различ- ными настройками для инструмента History Brush (Архивная кисть), такими как Opacity (Непрозрачность) и Mode (Режим). Когда вы красите, обращайте внимание, как установки этих параметров влияют на вид скалы.
www.infanata.org ретуширование и восстановление 113 Если вам не понравятся результаты эксперимента, выберите в меню команду Edit ♦ Undo (Правка ♦ Отменить) либо щелкните мышью на более раннем действии в ижней части палитры History (История), чтобы вернуться к этому состоянию. 5 Продолжайте работать инструментами History Brush (Архивная кисть) и Patch I (Заплатка), пока вас не удовлетворит конечный вид изображения. 6 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить), затем выберите команду File ♦ Close (Файл ♦ Закрыть). Вы закончили работу над этим изображением. Ретуширование в отдельном слое К предыдущем проекте вы защищали свою работу по ретушированию путем ис- пользования снимков и инструмента History Brush (Архивная кисть). Другой спо- соб защиты исходного изображения заключается в выполнении работы по рету- шированию в дубликате слоя исходного изображения. В этом случае вы можете ретушировать дубликат слоя, а по окончании ретуширования - смешать оба слоя. Этот технический прием обычно улучшает результаты, поскольку отретуширо- ванная фотография выглядит более естественной и реалистичной. Использование инструмента Healing Brush (Восстанавливаюшая кисть) в дубликате слоя В этом проекте вы будете работать с фотопортретом. 1 Выберите в меню команду Window ♦ Workspace ♦ Reset Palette Locations (Ок- I но ♦ Рабочая область ♦ Восстановить расположение палитр), чтобы восстано- I вить стандартное расположение всех передвинутых, закрытых или перестро- I енных групп палитр. 2 На панели параметров инструмента щелкните мышью на кнопке Go to Bridge I (Перейти к Bridge) («»<). чтобы запустить программу Adobe Bridge. Затем дваж- I ды щелкните на эскизе файла 03C_Start.psd. чтобы открыть этот файл в прог- I рамме Photoshop. В Выберите команду меню File ♦ Save As (Файл ♦ Сохранить как), назовите файл именем 03C_Working.psd и щелкните на кнопке Save (Сохранить). ретуширование фотографии вы начнете с создания дубликата слоя. 4 На палитре Layers (Слои), нажав и удерживая клавишу | ** I (Windows) или Option (Mac OS), перетащите слой Background (Задний план) на кнопку Create a new layer (Создать новый слой) (Ш ) внизу палитры, чтобы создать дубликат I слоя. Дважды щелкните мышью на имени нового слоя, введите имя слоя Retouch (Ретушь) и нажмите клавишу llEn'ar| (Windows) или Return (Mac OS): ос- I тавьте слой Retouch выделенным.
www.intanata.org 5 На панели инструментов выберите инструмент Healing Brush (Восстаиавлива ющая кисть) (). который может скрываться за инструментом Patch (Заплат- ка) (О). 6 На панели параметров инструмента откройте вплывающую палитру Brush (Кисть) и установите диаметр кисти 12 pixels (12 пике.). Закроите палитру и ус- тановите флажок Aligned (Выравнивание). Остальным параметрам оставьте значения, назначенные по умолчанию: (для параметра Mode (Режим) выбрано значение Normal (Нормальный), для параметра Source (Источник) установлен переключатель Sampled (Семплированный)). • s• * ' ’ н...'• : | >. ; Обратите внимание на две горизонтальные морщины на лбу мужчины. (При не4 обходимости увеличьте масштаб, нажав комбинацию клавиш [И*' |-*-|Г^ро6ег1 (Windows) или Command+lf Нр06” I (Mac OS) и щелкая на изображении.) 7 Нажмите и удерживайте клавишу I А" | (Windows) или Option (Mac OS) и щелкни* те мышью на гладкой области лба в левой части изображения, чтобы задать точку отбора образца. Затем при нажатой левой кнопке мыши проведите инструментом Healing Brush (Восстанавливающая кисть) над нижней из двух морщин на лбу. По мере того, как вы перемещаете указатель мыши, закрашиваемые пикселы вы- глядят намного светлее, чем естественные тона кожи мужчины. Однако, когда вы отпустите кнопку мыши, цвета самостоятельно скорректируются так, что морщи- на скроется и кожа будет выглядеть совершенно естественной.
www.intanata.org Ретуширование и восстановление 115 8 Продолжайте красить инструментом Healing Brush (Восстанавливающая кисть) и удалите I верхнюю морщину на лбу и линию глубокой мор- Шины между бровями. Для сравнения результа- тов можете переключаться между состояниями I на палитре History (История). П Выберите команду File ♦ Save (Файл ♦ Сохра- I нить), чтобы сохранить результаты работы. ft; Н Попробуйте для корректировки этого изображения использовать инструмент Spot Healing Brush (Точечная восстанавливающая кисть), а потом сравните ре- зультаты. Латание и смягчение с помошью отдельного слоя .Сейчас вы продолжите косметическую работу над изображением лица, используя Инструмент Patch (Заплатка) и дубликат слоя (Retouch), созданного в предыду- щем разделе. Прежде чем начать, убедитесь, что на палитре Layers (Слои) выде- лен слой Retouch. 1 На панели инструментов выберите инструмент Patch (Заплатка) (О), скрытый за В Инструментом Healing Brush (Восстанавливающая кисть) (<^). Затем нарисуйте В рамку выделения вокруг морщин под правым глазом мужчины, за пределами очков. 2 Наведите инструмент Patch (Заплатка) внутрь выделенной области и перета- I щите эту область на гладкую область на лбу мужчины. Далее, используя эту же I технику, устраните морщины за пределами очков вокруг левого глаза и под оч- 1 ками у обоих глаз. 3 Продолжайте исправлять лицо мужчины инструментом Patch (Заплатка), пока большинство морщин не будет скрыто или, по крайней мере, смягчено. Когда В будут внесены последние исправления, если ранее вы увеличили масштаб I отображения, уменьшите масштаб, нажав комбинацию клавиш | А" |+|| пР°бел | I (Windows) или Qption+|[ П|Юбег I (Mac OS) и щелкая на изображении. [Особенно важно, чтобы косметические поправки на лице человека выглядели настолько естественными, насколько это возможно. Есть простой прием добить- ВЯ того, чтобы подправленные места не выглядели слишком гладкими или плас- тичными. Сейчас вы его примените.
www.infanata.org Adobe Photoshop CS! 4 На палитре Layers (Слои) измените значение параметра Opacity (Непрозра, ность) слоя Retouch до 65%. Теперь в изображении заметны следы самых глу боких морщин на коже, придавая улучшенному изображению убедительную реалистичность. 5 Чтобы лучше разглядеть разницу между исходным и откорректированным изображениями, отключайте и включайте видимость слоя Retouch щелчками мыши на значке глаза (9) для слоя. Взгляните на два числа на информационной панели, справа от значения масшта! ба. представленного в нижней части окна изображения. (Если вы не видите дм числа, щелкните на направленной вправо стрелке и выберите команду Show « Document Sizes (Показать ♦ Размер документа).) Первое число (у нас около 6.18 Мбайта) указывает, каким будет размер файла, если вы объедините его слои в один слой. Второе число (у нас около 12,4 Мбайта) указывает текущий размер двухслойного файла. Однако, если вы объедините слои изображения, вы не смей жете снова разделить его на два слоя. Поэтому объединяйте слои только тогда; когда точно уверены, что удовлетворены результатами ретуширования. 6 Выберите в меню команду Layer ♦ Flatten Image (Слой ♦ Выполнить сведение) или выберите команду Flatten Image (Выполнить сведение) в меню палитры. 7 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить). Теперь изображение имеет только один слой, комбинирующий неизмененный фон, и частично прозрачный ретушированный слой. Примите поздравления, вы завершили работу над этим уроком. Закройте все от] крытые файлы.
Итоги Обзорные вопросы 1 Опишите сходства и различия инструмента Clone Stamp (Штамп), инстру- мента Spot Healing Brush (Точечная восстанавливающая кисть), инструмента Healing Brush (Восстанавливающая кисть), инструмента Patch (Заплатка) и В инструмента History Brush (Архивная кисть). 2 Что такое снимок и чем он полезен? Ответы на обзорные вопросы 1 Инструмент Clone Stamp (Штамп), когда вы закрашиваете, инструмент дуб- ' лирует пикселы из другой области изображения. Вы можете задать область отбора пробы, удерживая нажатой клавишу I д" | (Windows) или Option (Мас OS) и щелкнув инструментом Clone Stamp (Штамп) в точке отбора пробы. Инструмент Spot Healing Brush (Точечная восстанавливающая кисть) устра- няет с фотографии прыщи и другие дефекты. Он автоматически выбирает и накладывает пикселы образца на подлежащие ретушированию участки ри- сунка или узора, сохраняя при этом текстуру, уровень яркости, уровень проз- рачности и затененности исходных пикселов. Инструмент Healing Brush (Восстанавливающая кисть) работает подобно инструменту Clone Stamp (Штамп), за тем исключением, что программа Photoshop рассчитывает смешивание отобранных пикселов и области окра- шивания. так что восстановление является особенно тонким и эффективным. Инструмент Patch (Заплатка) работает подобно инструменту Healing Brush I (Восстанавливающая кисть) за одним исключением. Для исправления дефе- ктной области вы не закрашиваете ее штрихами кисти, а рисуете рамку выде- ления вокруг дефектов, а затем перетаскиваете рамку выделения в неповреж- денную область. Инструмент History Brush (Архивная кисть) работает подобно инструменту Clone Stamp (Штамп), затем исключением, что он красит пикселами из преды- дущего состояния или снимка, выбранного вами на палитре History (История). 2 Снимок является временной записью конкретной стадии сеанса работы. Палитра History (История) сохраняет только ограниченное число действий. После исчерпания этого числа каждое новое действие, выполняемое вами, удаляет из палитры History (История) самый последний пункт. Однако если вы сделаете снимок на любом действии, имеющемся в списке палитры History (История), вы можете продолжать работу, начиная с этого или друго- го действия. Впоследствии в этом же сеансе вы можете вернуться к состоя- нию, записанному в снимок, выбрав данный снимок на палитре History (Ис- тория), независимо оттого, сколько изменений вы уже внесли к этому време- ни. Число сохраняемых снимков не ограничивается.
Умение выделять области в изобра жении имеет первостепенную вам кость - вы должны сначала выде- лить то, па что хотите воздей- ствовать. После того как вы создадите выделение, редактиро- ваться может только область внутри выделения. Области вне вы- деления защищены от изменений.
Работа с выделениями Обзор урока Нэтом уроке вы узнаете, как делать следующее: R Активировать конкретные области изображения с помощью различных инструментов. В Перемещать рамку выделения. п Перемещать и дублировать содержимое выделения. Экономить время и избегать лишних манипуляций с помощью нескольких I комбинаций клавиша-мышь. Б Отменять выделение. Б Ограничивать перемещение выделенной области. » Точно настраивать положение выделенной области с помощью клавиш со I стрелками. • Добавлять в выделение новые области и вычитать их из выделения. Поворачивать выделение. • Создавать сложные выделения с помощью нескольких инструментов выделения. • Стирать пикселы внутри выделения. Выполнение этого урока займет менее часа. Если нужно, удалите папку предыду- щего урока со своего жесткого диска и скопируйте в нее папку Lesson04. По мере работы над этим уроком вы перезапишете исходные файлы. Если вам нужно вос- становить исходные файлы, скопируйте их с компакт-диска, прилагаемого к кни- ге «Adobe Photoshop CS3. Официальный учебный курс». О выделениях и инструментах выделения ’Выделение области внутри изображения и внесение в неё изменений является двухэтапным процессом. В программе Photoshop вы сначала выделяете одним из инструментов выделения ту часть объекта, которую вам нужно изменить. Затем вы можете использовать другой инструмент для внесения изменений, например, для перемещения выделенных пикселов в другое местоположение или стирания пикселов в выделении. Вы можете создавать выделения, основанные на размере, форме и цвете, используя четыре основных набора инструментов - Rectangular Marquee (Прямоугольная область). Lasso (Лассо). Magic Wand (Волшебная палоч- ка) и Реп (Перо). После выделения вы можете вносить изменения только в выде- ленную область. Прочие области остаются незатронутыми.
www. inf an at. a. org Adobe Photoshop CS3 В этом уроке вы будете использовать для выделения только инструменты Rectangular Marquee (Прямоугольная область), Lasso (Лассо), Quick Selection (Быстрое выделе- ние) и Magic Wand (Волшебная палочка). Инструменты-перья рассматриваются далее, в уроке 9. целиком посвященном основным приемам работы с векторной графикой. А. Инструмент Rectangular Marquee (Прямоугольная область): В. Инструмент Move (Перемещение); С. Инструмент Lasso (Лассо); О. Инструмент Magic Wand (Волшебная палочка) Выбор наилучшего инструмента для выделения конкретной области нередко за- висит от характеристик этой области, например, от формы или цвета. Известны три типа выделений: Геометрические выделения. Для выделения в изображении прямоугольной об- ласти используется инструмент Rectangular Marquee (Прямоугольная область) (L;)- Инструмент Elliptical Marquee (Овальная область) (О) выделяет эллипти- ческие области (этот инструмент скрыт за инструментом Rectangular Marquee (Прямоугольная область)). Инструмент Single Row Marquee (Область (горизон- тальная строка)) (с“ ) и инструмент Single Column Marquee (Область (вертикаль- ная строка)) (в) позволяют выделять строку высотой в 1 пиксел или столбец ши- риной 1 пиксел соответственно. Произвольные выделения. Для создания выделения произвольной формы вы мо- жете переместить вокруг выделяемой области при нажатой левой кнопке мыши инструмент Lasso (Лассо) (Р). Инструмент Polygonal Lasso (Прямолинейное лассо) (V ) позволяет создать область выделения, ограниченную прямолинейны- ми сегментами. Для этого вы должны щелкать этим инструментом в точках вер- шин многоугольника, создавая в них точки привязки. Работа инструмента Magnetic Lasso (Магнитное лассо) (^) в программе Photoshop несколько напоми- нает работу двух других инструментов-лассо. Инструмент Magnetic Lasso (Mar нитное лассо) лучше всего подходит для выделения в тех случаях, когда выделяе- мая область контрастирует со своим окружением. Выделения, основанные на цвете. Инструмент Magic Wand (Волшебная палочка) ( Ч) выделяет части изображения, основываясь на схожести цветов соседних пикселов. Этот инструмент полезен для выделения областей необычной формы, окрашенных цветами заданного диапазона. Инструмент Quick Selection (Быстрое выделение) ( X ) позволяет быстро '«нарисовать» выделение, выполняя автомати- ческий поиск определенных границ изображения и следуя по ним.
Работа с выделениями 121 | Начало работы Вы начнете урок с просмотра законченного файла урока, чтобы увидеть изобра- жение. которое вы будете создавать по мере изучения инструментов выделения, тлеющихся в программе Photoshop. 11 Запустите программу Adobe Photoshop, а затем немедленно (не дожидаясь окон- чания загрузки программы) нажмите и удерживайте комбинацию клавиш I - 1*ПТк|й»1 (Windows) или Command+Option+ !5М1| (Mac OS), чтобы восста- новить стандартные настройки программы. (Подробности можно найти во [ введении к книге.) 12 Когда будет предложено, щелкните на кнопке Yes (Да) для подтверждения на- мерения восстановить настройки, а затем щелкните на кнопке Close (Зак- | рыть), чтобы закрыть начальный диалог программы. 3 Далее запустите программу Adobe Bridge, щелкнув мышью на кнопке Go to Bridge I (Перейти к Bridge) (Ы), расположенной на панели параме тров инструментов. 4 Щелкните на вкладке Folders (Папки), расположенной в левом верхнем углу У окна программы Adobe Bridge, чтобы отобразить ее содержимое. Щелкните мышью на папке Lessons (Уроки), а затем дважды щелкните на папке Lesson04 в области просмотра, чтобы увидеть содержимое этой папки. 5 Выберите файл 04End.psd и переключите свое внимание на область предвари- I тельного просмотра. Проект представляет собой коллаж объектов, включая кочан салата, помидор, :Морковь, перец, оливки, разделочную доску и логотип «Salads» (Салаты). Цель урока состоит в расстановке этих элементов, каждый из которых является частью Отсканированного изображения. Насколько «идеальна» такая композиция - воп- | рос вкуса, поэтому в этом уроке не описывается точное расположение элементов. Здесь нет «правильного» и «неправильного» размещения объектов. 6 Дважды щелкните мышью на эскизе файла 04Start.psd. чтобы открыт!, этот I файл в программе Photoshop. 17 В меню программы Photoshop выберите команду File ♦ Save As (Файл ♦ Сохра- нить как) и сохраните файл под именем 04Working.psd. Сохранив рабочую версию исходного файла, вам не придется беспокоиться о случайном измене- нии оригинала.
www.Infanata.org 122 Adobe Photoshop CS3 Выделение инструментом Magic Wand (Волшебная палочка) Инструмент Magic Wand (Волшебная палочка) позволяет создавать выделений простейшим способом. Вам достаточно просто щелкнуть этим инструментом на какой-либо точке в изображении, окрашенной конкретным цветом, и все области изображения, окрашенные этим цветом, немедленно выделяются. Такой метод наиболее эффективен для выделения области, окрашенной близкими друг друг? цветами, которая окружена областями, окрашенными другим цветом. После того; как вы создадите начальное выделение, можете добавлять или вычитать из него новые области с помощью инструмента Magic Wand (Волшебная палочка) и спе- циальных комбинаций клавиш. Чувствительность инструмента Magic Wand (Волшебная палочка) задается пара- метром Tolerance (Допуск). Установка этого параметра позволяет ограничить или расширить диапазон подобия цветов пикселов. Например, при значении допуска 32, которое устанавливается по умолчанию, выделяется тот цвет, на котором вы щелкнули инструментом, плюс 32 более светлых и 32 более темных тонов этого цвета. Идеальный уровень допуска зависит от диапазонов и вариаций цвета в изображении. Использование инструмента Magic Wand (Волшебная палочка) для выделения окрашенной области В нашем коллаже хорошим кандидатом для выделения инструментом Magic Wand (Волшебная палочка) является помидор в файле O4Start.psd (который сейчас дол« жен быть открыт). Действительно, изображение помидора состоит из двух сплошных цветов (красного и зеленого). Для коллажа, который вы будете созда- вать в этом уроке, вы должны выделить только помидор, а нс тень или окружаю- щий фон. 1 Выберите инструмент Magic Wand (Волшебная палочка) ( \ ). 2 Чтобы увеличить число близких тонов, которые будут выделяться инструмен- том, на панели параметров инструмента введите значение 100 в текстовое по- ле Tolerance (Допуск) или установите его с помощью мыши. ч J п--- " Tolerance: |100 | ЙАпп-aliai ^Contiguous Sample All Layers : 3 Используя инструмент Magic Wand (Волшебная палочка), щелкните мышью на красной части помидора. Большая его часть выделится. 4 Чтобы выделить остальную область помидора, нажмите клавишу II51,1111 и удер- живайте ее нажатой, чтобы возле указателя инструмента Magic Wand (Волшеб- ная палочка) появился знак плюса. Этот знак указывает, что в текущее выделе- ние будет добавлено все. на чем бы вы ни щелкнули мышью. Затем щелкните мышью на одной из невыделенных областей помидора - на зеленом хвостике.
www. infanat a.org ^Работа с выделениями I Клавишу Shift можно также использовать для добавления областей в выделение при использовании других инструментов выделения, например, инструментов-рамок или [инструмента Lasso (Лассо). Далее в этом уроке вы узнаете, как можно вычитать облас- I ти из выделения. При выделении в следующем задании кочана салата вы узнаете, как ^осуществляется вычитание из выделения. 5 Продолжайте добавлять в выделение, пока не будет выделен весь помидор. I Если вы случайно выделите область вне помидора, выберите в меню команду Edit ♦ Undo (Правка ♦ Отменить) и попробуйте еще раз. Оставьте выделение активным, чтобы использовать его в следующей процедуре. Перемещение выделенной области [После того как вы выделите область в изображении, любые вносимые изменения применяются только к тем пикселам, которые находятся внутри рамки выделе- ния. Остальная часть изображения этими изменениями не затрагивается. Для перемещения выделенной области изображения в другую часть композиции Используется инструмент Move (Перемещение). В однослойном изображении, [подобном тому, с которым вы сейчас работаете, перемещенные пикселы замеща- ют пикселы, расположенные под ними. Это .замещение обратимо до тех пор, по- ка вы не снимете выделение с перемещенных пикселов. Поэтому, прежде чем за- фиксировать перемещение, попробуйте переносить выделенные пикселы в раз- ные местоположения. 1 Если помидор еще не выделен, повторите предыдущую процедуру и выделите его. 2 Выберите инструмент Move (Перемещение) (). Обратите внимание, что по- I мидор остался выделенным. 3 Перетащите выделенную область (помидор) в левую нижнюю область колла- жа, так чтобы небольшая часть помидора перекрывала левый край разделоч- ной доски. 4 Выберите в меню команду Select ♦ Deselect (Выделение ♦ Отменить выделе- ние), а затем команду File ♦ Save (Файл ♦ Сохранить).
124 Adobe Photoshop CS В программе Photoshop случайно отменить выделение нелегко. Если инструмен выделения неактивен, то нечаянный щелчок мышью на изображении не снимае выделение активной области. Для того чтобы намеренно отменить выделение следует воспользоваться одним из следующих трех методов. Во первых, вы мож< те выбрать в меню команд)' Select ♦ Deselect (Выделение ♦ Отменить выделение во-вторых, можно воспользоваться комбинацией клавиш |ГС"' l+ll~^~| (Windows) ил Command+|f£j (Mac OS), и, наконец, можно щелкнуть где-нибудь вне выделения о; ним из инструментов выделения и начать новое выделение. Комбинирование инструмента Magic Wand (Волшебная палочка) с другими инструментами выделения Если вам нужно выделить многоцветную область, которая расположена на фоне имеющем другой цвет, то может оказаться намного легче выделить не сам объек' а его фон. В данном разделе вы испытаете этот нехитрый прием. 1 Выберите инструмент Rectangular Marquee (Прямоугольная область) (□). 2 Нарисуйте рамку выделения вокруг кочана салата. Убеди тесь, что между ко> чиками листьев кочана салата и краями рамки выделения в ваше выделение п< пала кромка белого фона. Начиная с этого момента, кочан салата и область белого фона выделены. Дале вы вычтете из выделения белую область, получив в результате выделение, соде[ жащее только кочан салата. 3 Выберите инструмент Magic Wand (Волшебная палочка), затем на панели раметров инструмента в поле Tolerance (Допуск) введите значение 32, что сузить диапазон цветов, выделяемых инструментом.
www.infanata.org Работа с выделениями 4 Нажмите и удерживайте клавишу Q (Windows) или Option (Mac OS). Возле указателя инструмента Magic Wand (Волшебная палочка) появится знак мину- са. Щелкните мышью где-нибудь на выделенной белой области фона внутри » рамки выделения. [Теперь выделение всех белых пикселов отменяется, оставляя точно выделенный рисунок кочана салата. 5 Выберите инструмент Move (Перемещение) (N-) и перетащите кочан салата в I левый верхний угол разделочной доски, чтобы примерно четверть кочана пе- I рекрывала се край. 6 Выберите в меню команду Select ♦ Deselect (Выделение ♦ Отменить выделе- I вне), затем сохраните свою работу. Джулиан Кост Ijulieannr Kosl) - официальные евангелист Photoshop. СОВЕТЫ ОТ ЕВАНГЕЛИСТА PHOTOSHOP Советы по работе с инструментом Move (Перемещение) Если вы перемещаете объекты внутри многослойного файла с помощью инструмента Move (Перемещение) и вам вдруг потребовалось выделить один из слоев, попробуйте следующий прием. Не отменяя выбора инструмента Move (Перемещение), переместите указатель мыши в любую область изображения, а потом щелкните правой кнопкой мыши (Windows), или зажав клавишу Ctrl кнопкой мыши (Mac OS). На экране появится контек- стное меню, содержащее список слоев, расположенных под указателем мыши. Выберите тот слой, который должен стать активным.
126 Adobe Photoshop C Работа с овальными и круглыми выделениями У вас уже есть опыт работы с инструментом Rectangular Marquee (Прямоугольная область), который вы использовали для выделения области, окружающей кочан салата. Теперь вы используете еще один инструмент создания рамки выделения. Самым полезным в этом разделе являются некоторые сведения о горячих клави шах, применение которых позволяет сэкономить время и избежать лишних мани пуляций. В этом разделе вы познакомитесь с приемами перемещения выделений,, пригодными для перемещения рамок выделения любой формы. Перемещение рамки выделения по ходу ее создания Выделение овальных и круглых областей может оказаться сложной задачей Не всегда очевидно, откуда следует начать протяжку инструмента выделения, по- этому иногда центр выделения может не совпасть с центром выделяемой облас ти, либо соотношение ширины и высоты выделенной области может оказаться) не тем, что вам нужно. В этой процедуре вы ознакомитесь с некоторыми приема- ми, позволяющими обойти такие проблемы, в том числе с парой комбинаций кла- виатура-мышь. которые намного облегчат вашу работу с программой Photoshop. Выполняя описанную ниже процедуру, тщательно следуйте указаниям об удержи- вании нажатой кнопки мыши или какой-либо клавиши на клавиатуре. Если вы слу- чайно отпустите кнопку мыши в неподходящий момент, просто начните процеду- ру заново, начиная с шага 1. 1 Выберите инструмент Zoom (Масш таб) (А) и щелкните мышью на тарелке с оливками в правом нижнем углу окна изображения столько раз. сколько нужно.1 для ее увеличения, по меньшей мере, до вида 100% (используйте вид при 200%. если при таком масштабе вся тарелка с оливками поместится в окно изображения на вашем экране). 2 Выберите инструмент Elliptical Marquee (Овальная область) ( 0 ), скрытый за инструментом Rectangular Marquee (Прямоугольная область). 3 Наведите указатель мыши на тарелку с оливками и переместите его по диаго- нали через овальную тарелку при нажатой левой кнопке мыши, чтобы создать выделение, но не отпускайте кнопку' мыши. Не тревожьтесь, если ваше выделе- ние пока что не совпадает с формой тарелки.
www.infanata.org ;Работа с выделениями 127 Если вы случайно отпустите кнопку мыши, нарисуйте выделение еще раз. В боль- шинстве случаев, в том числе и в этом, повое выделение замещает предыдущее. 4 Не отпуская кнопку мыши, нажмите и удерживайте клавиш}’ |[ | на клавиатуре К и перетащите выделение. Граница выделения движется по мере перетаскивания. К Осторожно отпустите клавиш}’ Il t1p°a*n I (по не кнопку мыши) и продолжайте та- 1 щить, пытаясь сделать размер и форму выделения как можно ближе совпадаю- [ щей с овальной тарелкой, на которой находятся оливки. Если необходимо, . нажмите и удерживайте клавишу If"00**” I и тащите, чтобы переместить рамку выделения в положение вокруг тарелки с оливками. Bfe обязательно включать в выделение абсолютно всю тарелку с оливками, однако убе- дитесь. что форма вашего выделения имеет такие же пропорции, что и у овальной та- Jpe/iKH, и что оливки свободно поместились в выделении. Если внутри рамки выделения 'Оливки выглядят так, будто они находятся в тарелке, значит все в порядке. 6 Когда граница выделения приобретет правильное положение и размер, отпус- I тите кнопку мыши. 7 Выберите в меню команду View ♦ Zoom Out (Просмотр ♦ Уменьшение), либо I воспользуйтесь ползунковым элементом управления на палитре Navigator (На- I вигатор) и уменьшите масштаб вида так. что увидеть все объекты изображения. Доставьте активными инструмент Elliptical Marquee (Овальная область) () и рам- ку выделения для продолжения работы в следующей процедуре. Перемещение выделенных пикселов с помощью горячих клавиш В этом разделе вы переместите тарелку с оливками на разделочную доску с по- мощы<> горячей клавиши. Горячая клавиша позволит вам временно активизиро- вать Инструмент Move (Перемещение), а не выбирать его с панели инструментов.
www.infanata.org 128 Adobe Photoshop S 1 Если тарелка с оливками все еще не выделена, повторите предыдущую пр цедуру и выделите ее. Оставьте инструмент Elliptical Marquee (Овальная область) (О) выбранным! панели инструментов. 2 Нажмите и удерживайте клавишу И (Windows) или Command (Mac OS) и i реместите указатель инструмента Elliptical Marquee (Овальная область) внуг выделения. Возле указателя мыши появится изображение ножниц (►х). У*®? вающее, что выделение будет вырезано из текущего местоположения. Когда вы используете горячую клавишу Ctrl (Windows) или Command (Mac OS) для вр менного переключения на инструмент Move (Перемещение), вам не нужно удержия нажатой клавишу клавиатуры нажатой после того, как вы начнете тащить. Инструме Move (Перемещение) останется активным даже после того, как вы отпустите кнок мыши. Программа Photoshop вернется к ранее выбранному инструменту, когда вы си мите выделение, щелкнув мышью вне выделения, либо применив команду Desele (Отменить выделение). 3 Перетащите овальную тарелку на разделочную доску, чтобы половина таре перекрывала правый нижний край доски. Чтобы переместить овальную та] ку в точное положение, вы используете другой прием. Отпустите кнопку ши. но не отменяйте выделение тарелки с оливками. Перемещение с помощью клавиш со стрелками Вы можете изменять положение выделенных пикселов, используя клавиши стрелками, чтобы сдвигать тарелку с оливками небольшими шагами - либо I пикселу, либо по 10 пикселов. Когда на панели инструментов активен инструмент выделения, клавиши со стр ками перемещают рамку выделения, но не содержимое выделения. Когда актив инструмент Move (Перемещение), клавиши со стрелками перемещают грани выделения и его содержимое. Прежде чем начать, убедитесь, что фиолетовая тарелка с оливками в окне изоб] жения все еще выделена.
www.infanata.org .с выделениями 129 1 На панели инструментов выберите инструмент Move (Перемещение) (►♦) и нес- колько раз нажмите клавишу ГП1 на клавиатуре, чтобы переместить овал вверх. Обратите внимание, что каждый раз. когда вы нажимаете клавишу со стрелкой на : своей клавиатуре, тарелка с оливками перемещается шагами по 1 пикселу. Попро- буйте нажимать другие клавиши со стрелками, чтобы увидеть, как они влияют на 2 Нажмите клавишу ЕВ И. удерживая ее нажатой, нажмите любую клавишу со стрелкой. Обратите внимание, что теперь выделение перемещается шагами ио 10 пикселов. Иногда граница вокруг выделенной области может отвлекать вас, когда вы регу- рируете положение выделения. Вы можете временно скрыть края выделения, без фактической отмены выделения, а затем, когда завершите подгонку, снова отоб- 3 Выбери re в меню команду View ♦ Show ♦ Selection Edges (Просмотр ♦ Пока- зать ♦ Границы выделенных областей) или View ♦ Extras (Просмотр ♦ Ведомо- гательные элементы).
130 Adobe Photoshop i 5 Выберите в меню команду Select ♦ Deselect (Выделение ♦ Отменить вы.да ние) либо нажмите комбинацию клавиш ||°’г' |+lf^~| (Windows) или Command+li (Mac OS). 6 Выберите команду меню File ♦ Save (Файл ♦ ('охранить), чтобы сохрани свою работ}’. Выделение от центральной точки В некоторых случаях эллиптические или прямоугольные выделения легче созде вать путем рисования выделения от центральной точки. Сейчас вы выдели те ло- готип, используя этот метод. Если нужно, прокрутите окно к центральной нижней области изображении где находится изображение логотипа. На панели инструментов выберите инструмент Zoom (Масштаб) ('-к ) и щелк- ‘ ните мышью на логотипе, чтобы поднять увеличение примерно до 300%. Убе- дитесь, что вы можете видеть весь логотип в окне изображения. На панели инструментов выберите инструмент Elliptical Marquee (Овальная область) (О). 5 Наведите указатель мыши примерно на центр логотипа. Нажмите кнопку мыши и начните тащить. Затем, не отпуская кнопку мыши, наж- мите и удерживайте клавишу И (Windows) или Option (Mac OS) и про,должайте] перемещать указатель мыши к наружном}’ краю логотипа, рисуя рамку выделения. Обратите внимание, что выделение центрируется относительно начальной точки] Q Чтобы нарисовать рамку выделения в форме точной окружности, вы можете также нажать и удерживать клавишу Shift. Если вы будете удерживать клавишу Shift при ис- пользовании инструмента Rectangular Marquee (Прямоугольная область), то вы ог- раничите форму рамки выделения точным квадратом. 6 Добившись выделения всего логотипа, сначала отпустите кнопку мыши, а за- тем отпустите клавишу I д" I или Option (а также клавишу |lShllll. если вы ее ис-1 пользовали). Не отменяйте выделение, поскольку вы будете использовать это выделение в следующей теме.
www.infanata.org |Работа с выделениями 131 7 Если нужно, настройте границу выделения, используя один из способов, рас- I смотренных выше. Если вы случайно отпустите клавишу или Option до то- го, как отпустили кнопку мыши, попытайтесь выделить логотип еще раз. Перемещение и изменение пикселов в выделении Сейчас вы переместите логотип к правому верхнему углу разделочной доски. (Затем вы измените цвет логотипа для создания впечатляющего эффекта. [’Прежде чем начать, убедитесь, что логотип все еще выделен. Если это не так, сно- йавыделите его, следуя процедуре из предыдущей темы. 1 Выберите в меню команду View ♦ Fit on Screen (Просмотр ♦ Показать во весь экран), для настройки увеличение так, чтобы все изображение поместилось К внутри окна изображения. 2 На панели инструментов выберите инструмент Move (Перемещение) (►*). 3 Поместите указатель мыши внутрь выделения логотипа. Указатель превращает- I ся в стрелку с парой ножниц (). указывая, что перетаскивание выделения вы- режет его из существующего .местоположения и передвинет в другую область. 4 Перетащите глобус в положение над изображением разделочной доски, нем- I ного левее ее правого верхнего края. Если вам нужно настроить положение I после того, как вы прекратили перетаскивание, просто начните перетаскива- I ние снова. Логотип остается выделенным на протяжении всего процесса. Б Выберите в меню команду Image ♦ Adjustments ♦ Invert (Изображение ♦ I Коррекция ♦ Инверсия).
www.Infanata.org 132 Adobe Photoshop C! Цвета, составляющие логотип, инвертируются, так что теперь логотип предста ляет собой фактически цветовой негатив оригинала. 6 Оставив логотип выделенным, выбери те в меню команду File ♦ Save (Файл Сохрани ть), чтобы сохрани ть свою работу. Перемещение выделения с одновременным дублированием Далее вы одновременно переместите и дублируете выделение. Если вы уже св ли выделение с изображения логотипа, выделите его вновь, используя прием! описанные выше. 1 Выберите, если нужно, инструмент Move (Перемещение) (), затем нажми! и удерживайте клавишу и (Windows) или Option (Mac OS), и поместите указ тель мыши внутри выделения логотипа. Указатель мыши превратится в дво! ную стрелку, которая указывает, что при перемещении выделения буде т созда дубликат перемещаемого изображения. 2 Продолжая удерживать клавишу I I или Option, перетащите дубликат лого'п па вниз и вправо, так ч тобы он оказался возле правого верхнего угла изображу ния разделочной доски. Вы можете позволить дубликат}' логотипа частили перекрыть оригинал логотипа. Отпустите кнопку мыши и клавишу Option, но не отменяйте выделение дубликата логотипа. 3 Выберите в меню команду Edit ♦ Transform ♦ Scale (Редактирование ♦ Гран< формирование ♦ Масштабирование), чтобы активизировать ограничивай щую рамку вокруг выделения. * 1 4 Нажмите клавишу lfshm| и, удерживая ее нажатой, перетащите одну из угловы точек, чтобы так увеличить логотип, что его размеры станут примерно на 505 больше, чем у оригинала. Затем нажмите клавишу ы (Windows) пли Retur (Mac OS), чтобы применить трансформацию и удалить ограничивающий npi моугольник. Обратите внимание, что рамка выделения тоже изменяет размеры и что скоппрс ванный логотип с измененными размерами остается выделенным. Нажатие кл; виши |lShWl ограничивает пропорции так, что форма укрупненного логотипа и искажается.
па с выделениями 133 5 Нажмите комбинацию клавиш (Windows) или Ilshwl+Option [ (Mac OS), и, удерживая ее нажатой, перетащите новую копию второго логоти- * па вниз и вправо. Держание нажатой клавиши ||5111111 при перемещении выделения ограничивает Направления движения углами, кратными 45. V Выберите команду меню Edit ♦ Transform ♦ Again (Правка ♦ Трансформирование ♦ Повторить снова), чтобы создать дубликат логотипа и увеличить его размеры едва раза по отношению к последней трансформации. 6 Повтори те шаги 3 и 4 для третьего логотипа, придав ему размеры примерно К вдвое большие, чем размеры первого логотипа. 7 Когда вае удовлетворят размер и положение третьего логотипа, выберите в ме- I ню команду Select ♦ Deselect (Выделение ♦ Отменить выделение), а затем команду File ♦ Save (Файл ♦ Сохранить). о Более полную информацию о работе с центральной точкой трансформации можно найти в теме «То set or move the reference point for a transformation- (Задание и переме- щение контрольных точек для трансформации) в справке программы Photoshop.
134 Adobe Photoshop CS3 Копирование выделений или слоев Для копирования выделений при их перетаскивании внутри изображений или между изображениями можно использовать инструмент Move (Перемещение). Выделения можно также копировать и перемещать с помощью команд Сору (Скопировать), Copy Merged (Скопировать совмещенные данные). Cut (Выре- зать) н Paste (Вклеить). Перетаскивание с помощью инструмента Move (Пере- мещение) разгружает оперативную память, поскольку в этом случае буфер обме- на не используется, как при выполнении команд Сору (Скопировать), Сору Merged (Скопировать совмещенные данные). Cut (Вырезать) и Paste (Вклеить). | Программы Photoshop и ImageReady содержат несколько команд копирования и вставки: • Команда Сору (Скопировать) копирует выделенную область на активном । слое. • Команда Copy Merged (Скопировать совмещенные данные) копируе т слитую | копию всех видимых слоев в выделенной области. • Команда Paste (Вклеить) вставляет вырезанное или скопированное выделе- ние в другую часть изображения или в другое изображение как новый слой. • Команда Paste Into (Вклеить в) вставляет вырезанное или скопированное вы- i деление внутрь другого выделения втом же самом изображении или в другом' изображении. Исходное выделение вставляется на новый слой, и граница целевого выделения преобразуется в слой-маску. Помни те, что когда выделение или слой вставляется в изображение с другим разрешением, вставленные данные сохраняют свои пиксельные размеры. Это может привести к тому, что в новом изображении вставленная часть будет вы- | глядеть непропорциональной. Чтобы перед копированием и вставкой уравнять размеры исходного и целевого изображений, воспользуйтесь командой Image Size (Размер изображения). Выделение инструментом Lasso (Лассо) Инструмен т Lasso (Лассо) можно использовать для создания выделения, которое требует как проведенных от руки, так и прямых линий. Сейчас вы выделите для коллажа морковь, используя инструмент Lasso (Лассо) именно таким способом. Чтобы использовать инструмен т Lasso (Лассо), переключаясь между прямыми и , произвольными линиями, необходима некоторая сноровка. Если при выделении I моркови вы допустите ошибку, просто снимите выделение и начните заново. I 1 Выберите инструмент Zoom (Масштаб) () и щелкните мышью на изображе- нии моркови столько раз, сколько нужно для увеличения изображения до 100%. Убедитесь, что в окне вы можете видеть все изображение моркови. I
www.infanata.org flora с выделениями 135 2 Выберите инструмент Lasso (Лассо) (P). При нажатой левой кнопке перемес- тите указатель мыши вокруг закругленного конца изображения, начиная отле- I вого нижнего угла, как можно точнее следуя форме моркови. Не отпускайте I кнопку мыши. 3 Нажмите и удерживайте клавишу | "" I (Windows) или Option (Mac OS), а затем отпустите кнопку мыши с тем, чтобы указатель инструмента Lasso (Лассо) за- менился на указатель инструмента Polygonal Lasso (Прямолинейное лассо) [ (V ) Не отпускайте клавишу I *" I (Windows) или Option (Mac OS). 4 Начните щелкать мышью вдоль края моркови, чтобы поместить другие точки I привязки, следуя контуру моркови. Не забудьте удерживать нажатой клавишу EJ или Option на протяжении всего процесса. Граница выделения автоматически растягивается между точками привязки, по- НОбнр резиновой ленте. В Когда вы достигнете конца моркови, нажмите и удерживайте нажатой кнопку мыши, затем отпустите клавишу I д" I или Option. Указатель мыши снова будет выглядеть, как значок инструмента Lasso (Лассо). В Аккуратно переместите указатель мыши вокруг конца моркови, удерживая на- I жатой кнопку мыши. 7 Когда вы закончите трассировку конца моркови и достигнете ее нижнего края. сначала нажмите и удерживайте клавишу И или Option, а затем отпустите I кнопку мыши и начните щелкать мышью вдоль нижнего края моркови. Про- I должайте трассировать морковь, пока не вернетесь к исходной точке выделе- I пня возле левого конца изображения. 8 Убедитесь, что последняя прямая линия пересекает начало выделения, отпус- I тите клавши' El или Option, а затем отпустите кнопку мыши. Теперь морковь В полностью выделена. Переходите к следующей процедуре, не снимая выделе- ния с моркови.
Врашение выделения До сих пор вы перемещали выделенные изображения и инвертировали цветш деленной области. Однако над выделением можно выполнить намного больше м; нипуляций. В следующей процедуре вы увидите, как легко повернуть выделении объект. Прежде чем начать, убедитесь, что изображение моркови выделено. 1 Выберите в меню команду View ♦ Fit on Screen (Просмотр ♦ Показать во вес экран), для изменения размеров окна изображения так. чтобы оно помеси лось в экран. 2 Нажмите и удерживайте клавишу 1Г01'11 (Windows) или Command (Mac OS). Зате перетащите выделенное изображение моркови на нижнюю часть разделочнс доски. 3 Выберите в меню команду Edit ♦ Transform ♦ Rotate (Гедактирование ♦ Транс-1 формирование ♦ Поворот). Морковь и рамка выделения заключаются в огра- ничивающий прямоугольник, а указатель мыши превращается в двунаправлен! ную стрелку (*}). Наведите указатель мыши на область вне ограничивающего прямоугольника и переместите указатель при нажатой левой кнопке мыши, чтобы повернуть! морковь на 45 градусов. Затем нажмите клавишу г>| (Windows) или Return (Mac OS), чтобы применить трансформацию.
www.infanata.org Работа с выделениями S Если нужно, выберите инструмент Move (Перемещение) (N-) и перетащите выделение, чтобы изменить положение моркови. Когда вы убедитесь, что до- вольны положением пера, выберите в меню команду Select ♦ Deselect (Выде- ление ♦ Отменить выделение). 6 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить). Выделение инструментом Magnetic Lasso (Магнитное лассо) В программе Photoshop инструмент Magnetic Lasso (Магнитное лассо) можно ис- пользовать для создания произвольных выделений областей с высококонтраст- ными краями. Когда вы рисуете рамку выделения инструментом Magnetic Lasso [Магнитное лассо), рамка выделения автоматически захватывается границей между контрастными краями областей. Вы можете также управлять путем шструмента, щелкая мышью для вставки произвольных точек привязки на гра- нице выделения. Сейчас, используя инструмент Magnetic Lasso (Магнитное лассо) для выделения Желтого перца, вы перемести те перец в центр разделочной доски. I Выберите инструмент Zoom (Масштаб) (Ч) и щелкните мышью на изображе- нии желтого перца, чтобы увеличить его до вида 300%. 2 Выберите инструмент Magnetic Lasso (Магнитное лассо) (^), скрытый за В инструментом Lasso (Лассо) (^-5). 3 Щелкните мышью один раз на левом краю желтого перца и начните трассиро- I вать его контур. Для этого перемещайте указатель инструмента Magnetic Lasso (Магнитное лассо) вокруг контура желтого перца, оставаясь I при движении как можно ближе к его краю. Даже если вы не нажимаете кнопку мыши, инструмент захватывает край и авто- 'Ul11' ски добавляет крепежиые точки.
Adobe Photoshop CS3 V Если вы замечаете, что инструмент следует недостаточно близко к краю, (напри- мер, в неконтрастных областях), вы можете вставлять свои собственные крепежные точки по краю изображения, щелкая кнопкой мыши в нужных местах. Вы можете до- бавить столько крепежных точек, сколько полагаете необходимым. Вы можете также удалить крепежные точки и вернуться назад по пути, нажимая клавишу Delete для каждой крепежной точки, которую хотите удалить. Затем возвратите указатель мыши обратно к последней оставшейся крепежной точке и продолжайте выделение. 4 Когда вы снова достигнете левого края желтого перца, щелкните дважда кнопкой мыши, чтобы заставить инструмент Magnetic Lasso (Магнитное лас со) вернуться к исходной точке, замыкая выделение. Либо переместит! инструмен г Magnetic Lasso (Магнитное лассо) над исходной точкой и щелкни те мышью один раз.
работа с выделениями имение краев выделения Вы можете смягчить резкие края выделения путем сглаживания («anti-aliasing») и путем размывания («feathering»). Сглаживание. Сглаживает зазубренные края выделения путем смягчения цвето- вого перехода между граничными и фоновыми пикселами. Поскольку изменя- ются только граничные пикселы, никакие детали не утрачиваются. Сглажива- ние полезно в том случае, когда для создания составных изображений применя- ются вырезание, копирование и вставка выделений. Сглаживание доступно для инструментов Lasso (Лассо). Polygonal Lasso (Пря- молинейное лассо). Magnetic Lasso (Магнитное лассо). Elliptical Marquee {Овальная область) и Magic Wand (Волшебная палочка). (Выберите инструмент, чтобы отобразить его панель параметров.) Прежде чем использовать эти I^инструменты, вы должны задать параметр сглаживания. После создания выде- ления добави ть сглаживание невозможно. Размывание. Размывает края путем построения граничного перехода между вы- делением и окружающими его пикселами. Это размывание может привести к не- которой утрате деталей на крае выделения. Вы можете задать размывание для инструментов выделения рамкой. Lasso (Лас- со). Polygonal Lasso (Прямолинейное лассо) или инструмента Magnetic Lasso (Магнитное лассо) либо во время использования инструмента, либо добавить размывание в существующее выделение. Эффекты размывания становятся на- глядно видимыми, когда вы перемещаете, вырезаете или копируете выделение. • Чтобы использовать сглаживание, выберите инструмент Lasso (Лассо), Polygonal Lasso (Прямолинейное лассо). Magnetic Lasso (Магнитное лассо). Elliptical Marquee (Овальная область) или Magic Wand (Волшебная палочка). I Установите флажок Anti-aliased (Сглаживание) на панели параметров В инструмента. • Чтобы задать размывание краев для инструмента выделения, выберите лю- { бой из инструментов-лассо или инструментов создания рамок выделения. I Введите нужное значение в поле Feather (Растушевка) на панели параметров инструмента. Это значение задает ширину размытого края и может изме- I няться в диапазоне от 1 до 250 пикселов. • Чтобы задать размывание края существующего выделения, выберите в меню I команду Select ♦ Feather (Выделение ♦ Растушевка). Введите значение в поле Feather Radius (Радиус растушевки) и щелкните на кнопке ОК. Обрезка изображения и стирание внутри выделения Теперь, когда композиция в целом завершена, вы обрежете изображение до ко- нечного размера, а затем удалите несколько обрывков фона, которые остались после перетаскивания выделений. Для обрезки изображения можно использо- вать либо инструмент Crop (Рамка), либо команду Crop (Кадрировать).
140 Adobe Photoshop OS Выберите инструмент Crop (Рамка) (tj ) либо нажмите клавишу QJ- чтобы, реключиться с текущего инструмента на инструмент Crop (Рамка). Затем, тащите его в диагональном направлении от левого верхнего угла к npat нижнему углу коллажа, чтобы подготовить обрезку. 1B04 При необходимости настройте рамку обрезки: Если вам нужно изменить положение рамки обрезки, поместите указатель м ши где-нибудь внутри рамки и перетащите ее. • Если вам нужно изменить размер рамки, перетащите маркер. 3 Когда вас удовлетворит расположение рамки, нажмите клавишу (Windows) или Return (Mac OS), чтобы вырезать изображение. Обрезанное изображение может содержать некоторые остатки серого фона, из i торого вы выделяли и перемещали фигуры. На следующем шаге вы исправите Э1 С помощью инструмента выделения рамкой или Lasso (Лассо) (Р) нарисуг рамку выделения вокруг области, с обрывком нежелательного серого фо Будьте внимательны и не захватите в выделение те изображения, которые
www.intanata.org работа с выделениями 141 5 На панели инструментов выберите инструмент Eraser (Ластик) (£?). затем I убедитесь, что на панели инструментов установлены стандартные образцы В цвета переднего плана и фона: черный цвет для переднего плана и белый цвет В для фона. Продолжайте выделять и стирать или удалять, пока не завершите удаление всех не- Вужных обрывков фона. Закончив, выберите в меню команду File ♦ Save (Файл ♦ Сохранить). Создание быстрого выделения Перед тем, как внести последние штрихи в композицию, вы воспользуетесь ВСтруменгом Quick Selection (Быстрое выделение), чтобы скорректировать цвет юркови. Инструмент Quick Selection (Быстрое выделение) позволяет быстро «на- тсова । ь» выделение, используя конец круглой кисти с изменяемым размером. Выберите инструмент Quick Selection (Быстрое выделение) ( К ) на панели инструментов. 2 На панели параметров инструмента откройте всплывающую палитру Brush | (Кисть) и установи те значение 21 для параметра Diameter (Диаметр). Устано- I вите флажок Sample All Layers (Использовать все слои), чтобы анализировать I пикселы всех видимых слоев, а не только пикселы выбранного слоя. - • М Ь-W* АН Lartri
142 Adobe Photoshop^ 3 Наведите указатель мыши на верхнюю часть моркови, щелкните и. удержу кнопку мыши, перетащите указатель вдоль центральной линии моркови до» нижнего конца. По мере перетаскивания указателя, границы выделения будр расширяться благодаря автоматическому поиску краев моркови и включен! найденных областей в выделение. Чтобы сохранить созданное выделение, вы скопируете его и вставите на новы слой. 4 Выберите команду меню Edit ♦ Сору (Правка ♦ Копировать), а затем комая Edit ♦ Paste (Правка ♦ Вставить). В списке слоев на палитре Layers (Слои) и; слоем Background (Задний план) появится новый слой с именем Layer 1. Дна ды щелкните мышью на имени этого слоя и присвойте слою новое имя - Carr (Морковь). Далее вы подкорректируете цвет моркови, чтобы доминирующим цветом был оранжевый, а не красный. 5 Выберите команду меню Image ♦ Adjustments ♦ Hue/Saturation (Изображение»: Коррекция ♦ Цветовой тои/Насыщенность). В появившемся диалоге' Hue/Saturation (Цветовой тон/Насыщенность) немного увеличьте значения параметров Hue (Цветовой тон) и Saturation (Насыщенность). (Мы использо- вали значение +5 для параметра Hue (Цветовой тон) и значение +10 для пара- метра Saturation (Насыщенность).)
н R С помощью программы QuickTime просмотрите ролик Quick Selection, чтобы полу- । чить общее представление о возможностях инструмента Quick Selection (Быстрое вы- | деление). Этот ролик находится в папке Movies на прилагаемом к книге «Adobe Photoshop CS3. Официальный учебный курс» компакт-диске и называется Quick | Selection, mov. Чтобы открыть файл ролика, дважды щелкните на нем; после этого щелкните на кнопке Play (Воспроизведение). Вы продолжите заниматься организацией композиции, сохранив выделения от- । дельных элементов этой композиции. В данном случае выделения будут независи- мы друг от друга и легко доступны для редактирования. Сейчас вы сохраните вы- | деление кочана салата. Края кочана салата имеют более сложную форм)', чем края метальных элементов этой композиции. Сначала вы выделите изображение коча- 1васалага, а затем настроите границы созданного выделения. | 6 На палитре Layers (Слои) выберите слой Background. 7 Используя инструмент Quick Selection (Быстрое выделение), протащите указа- В тель мыши по изображению кочана салата, чтобы выделить его. Поскольку В изображение кочана салата состоит из нескольких областей с различными пе- реходами, будет выделена только часть изображения.
www.infanata.org 144 Adobe Photoshop CS3 8 На панели параметров инструмента щелкните мышью на кнопке Add То Selection (Добавить в выделение) ( sj). Щелкните мышью около края изображения кочана салата, чтобы расширить o6j ласть выделения в соответствии с контурами края изображения. 9 Когда изображение кочана салата будет выделено целиком, щелкните на киоте ке Refine Edges (Улучшение краев) панели параметров инструмента. На экране появится диалог Refine Edges (Улучшение краев), содержащий пара, метры, которые позволяют улучшить края выделения путем их смягчения, размыв тия или расширения, или усиления их контрастности. Кроме того, вы можете отображать края выделения в виде маски или на фоне различных каше. м I—’ С помощью программы QuickTime просмотрите ролик Refine Edges, чтобы получить общее представление об этой возможности. Этот ролик находится в папке Movies на прилагаемом к книге «Adobe Photoshop CS3. Официальный учебный курс» компакт-дис- ке и называется Refine Edges, mov. Чтобы открыть файл ролика, дважды щелкните на нем; после этого щелкните на кнопке Play (Воспроизведение). 10 Чтобы создать мягкие края для тени, установите для параметра Feather (Размы- тие) значение 7 пикселов, а для параметра Expand (Расширение) - значение 5%. Благодаря расширению границ области выделения, тень, которую вы добавите в следующем упражнении, будет видна за краями объекта. 11 Выберите инструмент Zoom (Масштаб) в диалоге Refine Edges (Улучшение краев), после чего с помощью мыши начертите рамку вокруг кочана салата, чтобы увеличить масштаб отображения его краев. Вы посмотрите на тень, ко- торая будет добавлена к изображению кочана салата, на фоне одного из каше.
www.infanata.org Работа с выделениями 145 12 Щелкните на центральной кнопке Black Matte (Черное каше), расположенной в нижней части диалога. За выделением появится черный фон, а границы вы- В деления исчезнут. Если желаете, можете попробовать другие варианты предва- I рительного просмотра. 13 Еще больше увеличьте значение параметра Expand (Расширение), чтобы рас- ширить границы тени вокруг краев кочана салата. Мы использовали значе- В ние 30%. 14 Когда вы будете удовлетворены результатом изменений, щелкните на кнопке ОК. Вы проделали огромную работу по созданию и улучшению выделения. Поэтому, »чтобы не потерять результат ы работы, вы сохраните их. Другие способы сохране- ния выделений рассматриваются в уроке 6, «Маски и каналы». 15 Выберите команду меню Edit ♦ Сору (Правка ♦ Копировать), а затем команду Edit ♦ Paste (Правка ♦ Вставить), чтобы вставить выделение на новый слой. В На палитре Layers (Слои) дважды щелкните мышью на имени нового слоя и В присвойте слою имя Lettuce (Салат). Изоляция и сохранение выделений Сейчас вы выделите оставшиеся элементы и сохраните их выделения. Если в дальнейшем вы пожелаете вернуться к этим выделениям, это не составит никако- ТО труда. I1 На палитре Layers (Слои) выберите слой Background. На изображении, ис- В пользуя инструмент Quick Selection (Быстрое выделение), выделите изображе- I вне желтого перца. Будьте аккуратны при перетаскивании инструмента по зе- леному хвостику перца. Для добавления или удаления областей из выделения, создаваемого с помощью инструмента Quick Selection (Быстрое выделение), можно использовать комбина- ции клавиш. В процессе «рисования» инструментом удерживайте нажатой клави- ша [3 Windows) или Option (Mac OS) для удаления области из выделения; удер- живайте нажатой комбинацию клавиш | Д11 |/Option и |lShlfll для добавления облас- ти в выделение.
146 Adobe Photoshop! 2 Выберите команду меню Edit ♦ Сору (Правка ♦ Копировать), а затем кома Edit ♦ Paste (Правка ♦ Вставить), чтобы вставить изображение перца на нов слой. На палитре Layers (Слои) дважды щелкните мышью па имени нов слоя и присвойте слою имя Yellow Pepper (Желтый перец). 3 Повторите шаги 1 и 2 для изображений тарелки с оливками, помидора и лопЯ типа. Новым слоям присвойте имена Olives (Оливки). Tomato (Помидор) in Logo (Логотип) соответственно. 1а.< 1 I СЬагле!1 I Ра: hl /•- Л и ’ 4 Выберите команду меню File ♦ Save (Файл ♦ Сохранить). Сохранение выделений на отдельных слоях является хорошей практикой - осо- бенно в тех случаях, когда для создания выделения затрачено много времени и сил, - поскольку в дальнейшем вы без труда сможете обращаться к этим готовым выделениям.
147 Работа с выделениями i Создание мягкой отбрасываемой тени | Для завершения композиции вы добавите отбрасываемую тень позади овощей и логотипа. Добавление отбрасываемой тени сводится к простому добавлению эф- фекта слоя. 1 Ж палитре Layers (Слои) выделите слой Carrot. 2 В нижней части палитры Layers (Слои) щелкните на кнопке Add a Layer Style В (Добавить стиль слоя) (А) и в появившемся списке выберите значение Drop Shadow (Отбрасываемая тень). 3 На экране появится диалог Layer Style (Стиль слоя). Измените значения пара- .выбранный эффект на слой Lettuce, чтобы скопировать эффект па этот слой. Вот и все! Вы скопировали отбрасываемую тень.
www. infanat a. org 148 Adobe Photoshop Q 6 Повторите шаг 5. перетащив эффект Drop Shadow (Отбрасываемая тень) i слой Yellow Pepper при нажатой клавише | А11 | (Windows) или Option (Mac OS Повторите этот шаг для оставшихся слоев. Чтобы удалить эффект слоя, просто перетащите значок эффекта на кнопку' зина), расположенную в нижней части палитры Layers (Слои). 7 Выберите команду меню File ♦ Save (Файл свою работу. Отличная работа! Коллаж завершен.
www.infanata.org Работа с выделениями 149 Q Для быстрого создания отдельных иллюстраций из одного сканированного изображения следует использовать и команду Crop and Straighten Photos (Кадриро- вать и выпрямить фотографию). Наиболее качественными выходят рисунки с четко очерченными контурами и равномерным фоном, как, например, изображение файла 04Start.psd. Попробуйте открыть начальный файл 04Start.psd из папки Lesson04 и | выбрать команду File ♦ Automate ♦ Crop and Straighten Photos (Файл ♦ Автоматиза- « Кадрировать и выпрямить фотографию). В результате программа Photoshop авто- иашчески вырежет все рисунки и поместит их в отдельные файлы формата программы Photoshop. По окончании закройте все файлы без сохранения. /сходное изображение Выберите команду File ♦ Automate ♦ Crop and Straighten Photos (Фаш ♦ Автоматизация ♦ Кадрировать и выпрямить фотографию) Результат
нин.infanata.org Итоги Обзорные вопросы 1 Какую область изображения можно редактировать после создания выделен! 2 Как добавлять в выделение новые элементы и вычитать их? 3 Как переместить выделение по ходу его рисования? 4 Как при рисовании выделения инструментом Lasso (Лассо) можно зако чить рисование выделения так, чтобы гарантировать, что выделение буде иметь нужную вам форму? 5 Как инструмент Magic Wand (Волшебная палочка) определяет, какие облай изображения нужно выделить? Что такое допуск, и как он влияет на выделение 6 Как работает инструмент Quick Selection (Быстрое выделение)? Ответы на обзорные вопросы 1 Редактировать можно только выделенную область. 2 Чтобы добавить область в выделение, нажмите клавишу |lsnitl I. затем, удержи вая ее нажатой, переместите указатель мыши при нажатой левой кнопке мь ши или щелкните активным инструментом выделения на той области, коп рую хотите добавить в выделение. Чтобы вычесть область из выделени нажмите и удерживайте клавишу и (Windows) или Option (Mac OS), затем । переместите указатель мыши при нажатой левой кнопке или щелкните ак тивным инструментом выделения на той области, которую хотите удалить я выделения. 3 Чтобы изменить положение выделения, нажмите и удерживайте клавишу |[ Пробег I. и< не отпуская кнопку' мыши, перетащите рамку выделения. 4 Чтобы гарантировать нужную форму выделения, закончите выделение, пе- реместив указателем мыши через начальную точку выделения. Если вы нач? иете и закончите выделение в разных точках, то программа Photoshop нари- 1 сует прямую линию между начальной и конечной точками выделения. 5 Инструмент Magic Wand (Волшебная палочка) выделяет соседние пикселы, основываясь на схожести их цветов. Параметр Tolerance (Допуск) задает ко- личество цветовых тонов, которое будет выделено инструментом Magic Wand (Волшебная палочка). Чем выше значение параметра Tolerance (Допуск), тем больше тонов выделяет инструмент Magic Wand (Волшебная палочка). 6 Инструмент Quick Selection (Быстрое выделение) позволяет «рисовать» рас- ширяемые выделения, образуемые за счет автоматического поиска и повто- рения кон туров краев изображения.
пи/anj- 'h/IW^d/fuu. Флилиб Программа Adobe Photoshop nar помет изолировать различные части изображения на слоях. За- тем каждый аиЛ можно редакти ровсчпь как отдельный рисунок, что открывает неограниченные
www.infanata.org [УРОК 5. Основы работы co слоями Обзор урока В этом уроке вы узнаете, как делать следующее: | Распределять рисунок по слоям. [ Создавать, просматривать, скрывать и выделять слои. р Переставлять слои для изменения порядка рисунков в изображении. р Применять к слоям режимы перехода. р Связывать слои, чтобы работать над несколькими слоями одновременно. • Применять к слою градиент. м Добавлять в слой текст и применять к нему эффекты. f Сохранять копию файла с объединенными слоями. выполнение урока займет около часа. Если нужно, удалите папку предыдущего урока со своего жесткого диска и скопируйте в него папку Lesson05. По мере ра- боты над этим уроком вы перезапишете исходные файлы. Если вам нужно восста- новить исходные файлы, скопируйте их с компакт-диска, прилагаемого к книге «Adobe Photoshop CS3. Официальный учебный курс». Обшие сведения о слоях В программе Photoshop каждый файл содержит один или несколько слоев. Новые [файлы обычно создаются с фоновым слоем, который содержит цвет или изобра- [жение. видимые сквозь прозрачные области последующих слоев. Все новые слои | в изображении прозрачны, пока вы не добавите в них текст или рисунок (значе- ния пикселов). Работа со слоями аналогична помещению частей изображения на листы проз- рачной пленки: отдельные слои пленки можно редактировать, переставлять и дал ять, не затрагивая другие листы. Когда листы сложены в стопку, видим весь шсунок.
154 Adobe Photoshop I Начало работы Вы начнете урок с просмотра изображения завершенной композиции. 1 Запустите программу Adobe Photoshop, а затем немедленно (не дожидаясь око чания загрузки программы) нажмите и удерживайте комбинацию клави (Windows) или Command+ODtion+|lsm | (Mac OS), чтобы носа новить стандартные настройки программы. (Подробности можно найти| введении к книге.) 2 Когда будет предложено, щелкните па кнопке Yes (Да) для подтверждения г мерения восстановить настройки, а затем щелкните на кнопке Close (3; рыть), чтобы закрыть начальный диалог программы. 3 Далее откройте программу Adobe Bridge, щелкнув мышью на кнопке Go Bridge (Перейти к Bridge) (•>’), расположенной на панели параметр! инструментов. 4 Щелкните на вкладке Folders (Папки), а затем щелкните на папке Lesso (Уроки); дважды щелкните на папке Lesson05 и выберите файл 05End.psd д предварительного просмотра. Эта многослойная композиция представляет собой обложку' альбома. Вам пре, стоит самостоятельно создать такую же обложку, при этом вы научитесь созд вать, редактировать и управлять слоями. 5 Выделите, а потом дважды щелкните мышью на эскизе файла 05Start.psd. чТ бы открыть этот файл в программе Photoshop. 6 В меню программы Photoshop выберите команду File ♦ Save As (Файл ♦ Сохр нить как), присвойте файлу имя 05Working.psd и щелкните на кнопке Sau (Сохранить). Сохранив рабочую версию исходного файла, вам не придете беспокоиться о случайном изменении оригинала.
www.infanata.org | Основы работы со слоями 155 | Использование палитры Layers (Слои) Палитра Layers (Слои) отображает все слои с именами слоев и эскизами изобра- жении, помещенных на каждый слой. Вы можете использовать палитру Layers (Слои) для скрытия, перемещения, удаления, переименования и слияния слоев. | При редактировании слоев эскизы на палитре автоматически обновляются. 1 Если палитры Layers (Слои) нет в рабочей области, выберите в меню команду Window ♦ Layers (Окно ♦ Слои). На палитре Layers (Слои) для файла 05Working.psd перечислены пять слоев (пе- речисление идет сверх}' вниз): текстовый слой с названием 2, слой Shell (Улитка), слой Letter (Письмо), слой Paper Texture (Текстура бумаги) и слой Background (Задний план). 2 Сделайте путем выделения активным слой Background (Задний план), если он еще не выделен. Обратите внимание на эскиз и значки этого слоя: • Значок в виде замка (Q ) указывает на то, что слой защищен. • Значок в виде глаза (э) указывает на то, что слой видим в окне изображения. Если вы щелкните на этом значке, слой исчезнет из окна изображения. Q Команды контекстного меню позволяют скрывать или изменять размеры эскиза слоя. Щелкните правой кнопкой мыши (Windows) или щелкните мышью, удерживая нажатой клавишу Ctrl (Mac OS), на эскизе слоя на палитре Layers (Слои) и в открыв- шемся контекстном меню выберите команду No Thumbnails (Нет), Small Thumbnails (Маленькие), Medium Thumbnails (Средние) или Large Thumbnails (Большие).
www.infanata.org 156 Adobe Photoshop i Первой задачей в ходе выполнения этого проекта является добавление на облей ку старинной фотографии. Сейчас мы займемся именно этим. 3 Запустите программу Adobe Bridge, щелкнув мышью на кнопке Go to Bridge (П< рейти к Bridge) ( «*'). расположенной на панели параметров инструментов, и папке Lesson05 дважды щелкните на файле Photo.psd для его открытия в пр< грамме Photoshop. Палитра Layers (Слои) изменяется и отображает информацию и эскиз слоя дл файла Photo.psd. Как видите, в изображении Photo.psd есть только один ело) Layer 1 (Слой 1), но не Background (Задний план). Более полную информацию фоновом слое можно найти ниже, в разделе «О фоновом слое». О фоновом слое Когда вы создаете новое изображение с белым или цветным фоном, самом] нижнему изображению на палитре Layers (Слои) присваивается им) Background (Задний план). Изображение может иметь только один фоновьв' слой. Вы не можете изменить положение фонового слоя в пачке слоев, его ре жим перехода или непрозрачность. Однако вы можете преобразовать фон i обычный слой. Когда вы создаете новое изображение с прозрачным содержимым, изображе ние не имеет фонового слоя. Самый нижний слой не имеет таких ограничений которые налагаются на фоновый слой; вы можете перемещать слой в любое по ложеиие на палитре Layers (Слои), а также изменять его непрозрачность и ре жим перехода. Чтобы преобразовать фон в слой: 1 Дважды щелкните мышью на слое Background (Задний план) на палитре Layers (Слои), либо выберите в меню команду Layer ♦ New ♦ Layer Fron Background (Слой ♦ Новый ♦ Из заднего плана).
www.intanata.org । Основы работы co слоями 157 2 Установите нужные параметры слоя и переименуйте его. 3 Щелкните мышью на кнопке ОК. Чтобы преобразовать слой в фон: 1 Выделите слой на палитре Layers (Слои). 2 Выберите в меню команду Layer ♦ New ♦ Background From Layer (Слой ♦ Но- вый ♦ Скопировать на новый слой). Вы не можете создать фон путем присвоения обычному слою имени Background (Задний план) - вы должны использовать команду Background From Layer (Скопиро- вать на новый слой). Переименование слоя и его копирование из одного файла в другой Для создания нового слоя проще всего перетащить изображение из одного файла в другой файл. Независимо от того, перетаскивается слой из окна изображения исходного файла или из палитры Layers (Слои) этого файла, в конечном файле |воспроизводится только активный слой. Прежде чем начать работу, убедитесь, । что оба файла, 05Working.psd и Photo.psd. открыты, причем активен файл Photo, psd. Сначала присвойте слою Layer 1 (Слой 1) более осмысленное имя. [1 На палитре Layers (Слои) дважды щелкните мышью на имени слоя Layer 1 I (Слой I) и введите новое имя Photo (Фотография), а потом нажмите клавишу I |Еп|в,| (Windows) или Return (Mac OS). 2 Если нужно, растащите окна изображений файлов Photo.psd и 05Working.psd I так, чтобы вы могли видеть по крайней мере часть каждого изображения. За- I тем выделите изображение Photo.psd, чтобы файл этого изображения стал ак- I дивным файлом. 3 На панели инструментов выберите инструмент Move (Перемещение) (►*) и I наведите его куда-нибудь внутрь окна изображения Photo.psd. 4 Перетащите фотоизображение из файла Photo.psd и опустите его в окно I изображения файла 05Working.psd.
www.infanata.org Adobe Photoshop1 Слой Photo (Фотография) появится в окне изображения файла 05Working.| и его палитре Layers (Слои), между слоями Background (Задний план) и Pai texture (Текстура бумаги). 5 Закройте файл Photo.psd и не сохраняйте внесенные изменения. 9Если при перетаскивании изображения из одного файла в другой удерживать на- жатой клавишу Shift, то перетаскиваемое изображение автоматически центриру- ется в целевом окне изображения.
www.infanata.org {Основы работы co слоями 159 Просмотр отдельных слоев Как видно на палитре Layers (Слои), файл 05Working.psd содержит шесть слоев, Личем некоторые из них видимы, а некоторые скрыты. Значок глаза (•), край- ний слева от имени слоя на палитре, указывает, что этот слой видим. 1 Щелкните мышью на значке глаза (©) возле слоя Photo (Фотография), чтобы В скрыть фотографию. Щелкая мышью на этом значке в столбце Show/Hide Visibility (Отобра- зить/Скрыть слой), можно скрывать или показывать слой. 2 Щелкните мышью еще раз на столбце Show/Hide Visibility (Отобра- I зить/Скрыть слой), чтобы вновь показать фотографию. Выделение и удаление некоторых пикселов из слоя Обратите внимание, что когда вы перемещали фотографию в начальный файл, вы переместили также и белую область, окружающую фотографию. Эта непроз- I” ая область закрывает часть синего фона, поскольку слой фотографии нахо- дится выше фонового слоя. Сейчас вы используете инструмент Eraser (Ластик), чтобы удалить белую область 'Вокруг фотографии. I layers • 1 Chamefa Ipattw I .= HormJ w Орж*,! 100% > loakr □ J + A Hl: 100% ' i<* *'• □ - П1- | j P«w texture Btehgmnd 3 — A. C. -J Л * 1 Убедитесь, что слой Photo (Фотография) выделен. (Чтобы выделить слой, щелкните мышью на имени слоя в палитре Layers (Слои).) Стой подсвечивается, указывая на то, что данный слой является активным. 2 Чтобы сделать непрозрачные области в этом слое более явными, скройте все В слои, кроме слоя Photo (Фотография). Для этого нажмите и удерживайте кла- I вишу | д" | (Windows) или Option (Mac OS) и щелкните мышью на значке глаза (®) В слева от имени слоя Photo (Фотография).
160 Adobe Photoshop CS Изображения синего фона и других объектов исчезнут, и фотография отобразит ся на фоне в шахматную клетку. Шахматная клетка служит признаком прозрачных областей активного слоя. 3 Выберите инструмент Magic Eraser (Волшебный ластик) (»), скрытый за инструментом Eraser (Ластик) (<£'). Вы можете задать допуск для инструмента Magic Eraser (Волшебный ластик).! Если допуск слишком мал, инструмент Magic Eraser (Волшебный ластик) не уда- лит некоторые белые области вокруг фотографии. Если же допуск слишком ве- лик, инструмент Magic Eraser (Волшебный ластик) удалит некоторые области в изображении фотографии. 4 На панели параметров инструмента задайте значение 22 для параметра Tolerance (Допуск) либо с помощью указателя мыши, либо вводом с клавиату ры в текстовое поле. 5 В окне изображения щелкните мышью на белой области, окружающей фотр графи ю. Обратите внимание, что белая область заполняется шахматными клетками, кото- рые указывают, что теперь эта область тоже стала прозрачной.
www.infanata.org Основы работы co слоями 161 5 Снова включите видимость фона щелчком мыши на столбце Show/Hide Visibility (Отобразить/Скрыть слой) возле имени слоя. Теперь в том месте, где I стала прозрачной белая область в слое Photo (Фотография), видно изображе- I ние синего фона. порядка сдоев 1оследовательность, в которой выстроены слои в изображении, называется по- ядком расположения. Порядок расположения слоев определяет, что в изображе- нии будет видимо. Вы можете изменить порядок расположения, чтобы заставить екоторые части изображения отображаться перед другими слоями или за ними. Зейчас вЬ1 измените порядок слоев так, чтобы слой с фотоизображением перед- Инулся в положение перед другим изображением в файле, которое в настоящее фемя скрыто.
www.infanata.org Adobe Photoshop i 1 Раскройте слои Shell (Улитка), Letter (Письмо), Paper Texture (Текстура бум; ги), щелкнув мышью на столбце Show/Hide Visibility (Отобразить/Скрьп слой) возле имен этих слоев. Обратите внимание, что изображение фотографии частично закрыто изобра: ниями других слоев. Слой Photo (Фотография) расположен и ниже слоя 2, который является вершиной с ка. однако пока оставим этот слой скрытым. Мы вернемся к нему несколько позже. 2 На палитре Layers (Слои) перетащите слой Photo (Фотография) вверх, в поле жение между слоями Shell (Улитка) и Letter I Письмо) - наблюдайте за жирно линией, разделяющей слои в пачке, азатем отпустите кнопку мыши. В порядке слоев слой Photo (Фотография) переместился на два уровня вверх пачке слоев, и теперь фотография отображается поверх изображения письма страничной текстуры, по под слоями Shell (Улитка) и 2. W Управлять порядком расположения слоев в стеке можно также путем их выделе- ния в палитре Layers (Слои) и применения подкоманд команды Layer ♦ Arrange (Слой ♦ Монтаж): Bring to Front (На передний план). Bring Forward (Переложить вперед), Send to Back (На задний план) и Send Backward (Переложить назад). Изменение непрозрачности и режима перехода слоя Обратите внимание на то, что, слой с изображением смятого листа бумаги не прозрачен и блокирует синий фон слоя, лежащего ниже. Вы можете уменьшил непрозрачность любого слоя, что позволит видеть сквозь него другие слои. Вы можете также применить к слою различные режимы перехода, которые влия' ют на то, как цветовые пикселы в изображении смешиваются с пикселами в ело ях под ним. (В настоящее время установлен режим перехода Normal (Обычный).) Сейчас мы отредактируем слой Paper Texture (Текстура бумаги) таким образом, чтобы сквозь него просматривалось фоновое изображение.
www.infanata.org работы co слоями Выделив слой Paper Texture (Текстура бумаги) на палитре Layers (Слои), щелк- ните мышью на стрелке возле текстового поля Opacity (Непрозрачность) и пе- ретащите ползунковый регулятор до значения 50%. Кроме того, для установки значения непрозрачности можно навести указатель мыши на надпись Opacity, нажать кнопку мыши и перемещать указатель вправо и влево. Или же можно просто ввести значение в текстовое поле Opacity (Непрозрачность). арбражение слоя Paper Texture (Текстура бумаги) становится частично прозрач- йм, и вы можете видеть лежащие под ним слои. Обратите внимание, что изме- йше непрозрачности влияет только на область изображения слоя Paper texture Гекстура бумаги). Изображения письма, фотографии и ракушки остаются совер- енно непрозра ч и ы м и. Слева от параметра Opacity (Непрозрачность) на палитре Layers (Слои) из от- крывающегося списка режимов перехода, выберите пункт Luminosity (Свечение). [Переустановите значение параметра Opacity (Непрозрачность), изменив его на 75%.
www.infanata.org 164 Adobe Photoshop C 4 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить), чтобы сохрани свою работу. Более полную информацию о режимах перехода, включая описания и примерь можно найти в справке по программе Photoshop. Связывание слоев В некоторых случаях эффективный способ работы со слоями заключается в с зывании друг с другом двух или более родственных слоев. Путем связывания с ев вы можете перемещать и трансформировать оба слоя одновременно и. так образом, поддерживать выравнивание этих слоев относительно друг друга. Сейчас вы свяжете слои Photo (Фотография) и Letter (Письмо), а затем перем тите и масштабируете их как единое целое. 1 Выделите сначала в палитре Layers (Слои) слой Photo (Фотография), а поте зажав клавишу [[shift |. выделите щелчком мышью также и слой Letter (Письм, 2 Щелкнув на значке (»=) в правом верхнем углу палитры Layers (Слои), вьи рите в открывшемся меню палитры команду Link Layers (Связать слои) и щелкните на кнопке Link Layers (Связать слои), расположенной в нижней ч ти палитры. Возле имен обоих слоев на палитре Layers (Слои) появится значок связывания указывающий на то, что слои являются связанными. Сейчас вы одновременно измените масштаб обоих связанных слоев. 3 Нс отменяя выделения слоев в палитре Layers (Слои), выберите в меню ком: ду Edit ♦ Free Transform (Редактирование ♦ Свободное трансформировани Вокруг изображений в связанных слоях появится ограничивающий пря» угольник. 4 Нажмите клавишу |lsnm| и, удерживая ее нажатой, перетащи те внутрь углов маркер, чтобы уменьшить масштаб письма примерно на 20%.
Основы работы со слоями 5 Если нужно, поместите указатель мыши внутрь ограничивающего прямоуголь- I ника и перетащите фотографию и письмо в нижнюю левую часть окна изобра- I женил, чтобы проект соответствовал представленному ниже рисунку. 6 Нажмите клавиш' rd (Windows) или Return (Mac OS), чтобы применить изме- 1 нения, внесенные трансформацией. 7 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить). (Добавление градиентного слоя IНа следующей стадии вы создадите новый слой, не содержащий рисунка. (Добав- ление пустых слоев в файл можно сравнить с добавлением пустых листов прозрач- ной пленки в пачку изображений). Вы используете этот слой для создания эффек- та полупрозрачного градиента, который влияет на слои, уложенные ниже него. И На палитре Layers (Слои) щелкните мышью на слое Paper texture (Текстура бу- маги), чтобы сделать его активным слоем, затем щелкните на кнопке Create а new layer (Создает новый слой) (а) в нижней части палитры Layers (Слои).
www.infanata.org 166 Adobe Photoshop I Между слоем Paper texture (Текстура бумаги) и слоем Letter (Письмо) появи новый слой с именем Layer 1 (Слой 1). Вы можете также создать новый слой, выбрав команду New Layer (Новый слой) в ме палитры Layers (Слои) или команду Layer ♦ New ♦ Layer (Слой ♦ Новый ♦ Слой) в i ню программы Photoshop. 2 Щелкни те мышью дважды на имени слоя Layer 1 (Слой I), введите имя ел! Gradient (Градиент) и нажмите клавишу ||Еп|о,| (Windows) или Return (Мас чтобы переименовать слой. 3 На панели инструментов выберите инструмент Gradient (Градиент) (1Л). 4 Удостоверьтесь, что па панели параметров инструмента выделена (нажат кнопка Linear Gradient (Линейный градиент) (Ш), затем щелкните мышью: стрелке второго ноля на панели параметров инструмента, чтобы открыть* ню выбора градиента. 5 Выберите образец градиента Foreground to Transparent (От основного к пр< рачному), затем щелкните мышью в окне изображения, чтобы закрыть мег выбора градиента. Q Вместо образцов градиента можно вывести список имен различных градиент Для этого щелкните мышью на кнопке меню палитры ((*)) для окна выбора гради> та и выберите либо пункт Small List (Маленькие миниатюры и имена), либо Lai List (Большие миниатюры и имена). Можно также подержать указатель мыши над кизом градиента в окне выбора градиента, пока не появится всплывающая подск ка, сообщающая имя градиента.
6 Щелкните мышью на вкладке палитры Swatches (Образцы), чтобы перенести ее на передний план этой группы палитр, и выберите любой оттенок зеленого цвета, который вам понравится. 7 Убедитесь, что слой Gradient на палитре Layers (Слои) активен, и при нажатой ' левой кнопке мыши переместите инструмент Gradient (Градиент) от правого нижнего угла изображения до левого верхнего угла. Градиент распределяется по ширине слоя, начиная от зеленого цвета в правом j нижнем углу и постепенно переходя к прозрачности в левом верхнем углу. Гради- ент частично затемняет изображения текстуры и фона, слои которых лежат под слоем градиента. Сейчас вы измените режим перехода и уменьшите непрозрач- I ность. чтобы немного осветлить указанные элементы. 8 Убедившись в том, что слой Gradient все еще является активным, выберите из открывающегося меню Mode (Режим) палитры Layers (Слои) режим Multiply (Умножение) и измените непрозрачность для слоя Gradient на значение 75%, после чего щелкните на кнопке ОК. Сквозь градиент слои Paper texture (Текс- тура бумаги) и Background (Задний план) видны полностью.
168 Adobe Photoshop C! Добавление текста Теперь вы готовы создавать текст с помощью инструмента Horizontal Туре (Гори- зонтальный текст), который помещает текст на собственный отдельный слой Затем вы отредактируете текст и примените к текстовому слою специальный эффек^ 1 Снимите выделение со всех слоев в палитре Layers (Слои) путем щелчка: мытью за пределами названий слоев. Если в палитре Layers (Слои) отсутству- ет свободная область, расширьте ее, применив операцию перетаскивания. 2 Установите фоновый цвет черным, щелкнув мышью на маленьком двойном квадратике Default Foreground and Background Colors (Цвет переднего и задне го плана по умолчанию) (%) возле образцов цвета на панели инструментов. 3 На панели инструментов выберите инструмент Horizontal Туре (Горизонталь-^ ный текст) (Т). Затем на панели параметров инструмента выберите следую- щие параметры для инструмента Horizontal Туре (Горизонтальный текст): ' • Выберите в раскрывающемся списке Font (Задайте гарнитуру) шрифт засечка- ми (мы выбрали шрифт Adobe Garamond). • Выберите стиль шрифта (мы использовали Italic (Курсив)). • Введите в поле Size (Задайте кегль) размер шрифта (мы ввели значение 76 пунктов) и нажмите на клавиатуре клавишу ,lErilB,| (Windows) или Return (Mac OS). • В открывающемся списке Set the anti-aliasing method (Задайте метод сглажива- ния) (аа) выберите пункт Crisp (Четкое). • Выберите параметр выравнивания текста Right align (Выключка текста вира-
www.infanata.org [Основы работы co слоями 169 4 Щелкните мышью где-нибудь в правой верхней области окна изображения и I ведите слово Scrapbook (Альбом). Далее щелкните на кнопке Commit Any Current Edits (Применить текущую правку) ✓. Если вы обнаружите ошибку после того, как щелкнете мышью на изображении для вво- | да текста, просто нажмите клавишу Esc и повторите шаг 4. Теперь в палитре Layers (Слои) появился слои Scrapbook (Альбом) со значком Т, этот значок указывает на то, что слой является текстовым. Слой Scrapbook (Аль- бом ) расположен вверху пачки слоев. Текст вставляется в то место изображения, где был осуществлен щелчок мышью, однако это может быть не совсем то место, где бы вы хотели его видеть. 5 Выберите инструмент Move (Перемещение) () и перетащите текст Scrapbook таким образом, чтобы его опорная линия была выровнена по пра- | вому верхнему краю письма.
170 Adobe Photoshop Применение к слою стиля Вы можете улучшить слой путем добавления эффектов затенения («shadow»), ( пе- чения («glow»), скоса («bevel»), рельефности («emboss») или других специальных:: эффектов из коллекции готовых и редактируемых стилей слоя. Эти стили нетруд но применить и напрямую привязать к заданному вами слою. Подобно слоям, отдельные стили слоя можно скрывать щелчком мыши на значку глаза (®) на палитре Layers (Слои). Стили могут быть удалены в любой момен! времени, поскольку они не изменяют исходное изображение слоя. Можно также скопировать стиль слоя в другой слой путем перетаскивания эффекта на целевой слой. Сейчас вы выделите текст путем добавления скоса и падающей тени, после этой вам предстоит закрасить текст желтым цветом. 1 Убедитесь, что текстовый слой Scrapbook (.Альбом) все еще активен, выбери те в меню команд} Layer ♦ Layer Style ♦ Bevel and Emboss (Слой ♦ Стиль слоя ♦ Тиснение). (Перед открытием диалога Layer Style (Стиль слоя) может быть не- большая пауза.) Вы можете также открыть диалог Layer Style (Стиль слоя), щелкнув мышью на I кнопке Add A Layer Style (Добавить стиль слоя) (f*) в нижней части палитры Layers (Слои), а затем выбрать нужный стиль слоя, например, Bevel and Emboss (Тиснение) I в открывающемся списке. 2 В диалоге Layer Style (Стиль слоя) установите флажок Preview (Просмотр)Я отодвиньте диалог в сторону так, чтобы вы могли видеть текст Scrapbook (.Аль- бом) в окне изображения. 3 В группе элементов управления Structure (Структура) диалога убедитесь в том, что для параметра Style (Стиль) установлено значение Inner Bevel (Внутрен- ний скос), а для параметра Technique (Метод) - значение Smooth (Плавный) Далее задайте для параметра Depth ( Глубина) - значение 50%. для параметр Size (Размер) - 5 пунктов и для параметра Soften (Смягчение) - 0 пикселов
www.infanata.org >i работы co слоями В облас ти Direction (Направление) установите переключатель Up (Вверх). В левой области диалога Layer Style (Стиль слоя) щелкните мышью па пункте Drop Shadow (Тень), расположенном в верхней части списка Styles (Стили). В результате программа Photoshop автоматически установит флажок Drop Shadow (Тень) и отобразит параметры данного стиля. Эскиз в правой части ди- алога теперь включает эффект скоса и эффект стандартной падающей тени. Стандартные параметры падающей тени являются вполне приемлемыми, по- этому выберите теперь в списке Styles (Стили) пункт Color Overlay (Цветовое покрытие). В области Color Overlay (Наложение цвета) щелкните на цветовом образце, чтобы открыть диалог Color Picker (Палитра цветов), а потом выберите жел- тый цвет (мы выбрали следующие значения: R=255. G=218 и В=47). Закройте диалог Color Picker (Палитра цветов) и вернитесь к диалогу Layer Style (Стиль слоя), щелкнув на кнопке ОК. Проверьте, как выглядит надпись Scrapbook (.Альбом) в окне изображения. После этого щелкните на кнопке ОК. чтобы принять настройки и закрыть ди- алог Layer Style (Стиль слоя).
172 Adobe Photoshop i 8 На палитре Layers (Слои) обратите внимание на список эффектов, связанш эффекты. Остальные три строки поименованы по именам трех стилей, ко торые были применены к слою: Drop Shadow (Тень), Bevel and Emboss (Тиснение) и Color Overlay (Наложение цвета). Кроме того, возле имен этих трех стилей стоит значок видимости (*). Можно скрыть любой эффект слоя, щелкнув мышью на этом значке. Повторный щелчок мышью на значке видимости приводит к восста- новлению эффекта и самого этого значка. Можно скрыть все три стиля слоя, щелкнув мышью на значке глаза в слое Effects (Эффекты). 9 Прежде чем продолжить урок, убедитесь, что во всех четырех пунктах, вло- женных в слой Scrapbook (Альбом), установлены значки глаза. 10 Чтобы скрыть список стилей слоя, щелкните па стрелке Reveal Layer Effects (Открыть эффекты стиля).
Основы работы со слоями 173 Обновление эффекта слоя Эффекты слоя автоматически обновляются, когда вы вносите изменения в слой. Вы можете редактировать текст и наблюдать, как эффект слоя отслеживает изменения. 1 На палитре Layers (С лои) включите видимость текстового слоя 2 ( fit) и выде- I лите его, сделав активным. 2 На панели инструментов выберите инструмент Horizontal Туре (Горизонталь- I ный текст) (Т ). но пока что не щелкайте мышью на окне изображения. 3 На панели параметров инструмента установите значение размера шрифта I равным 255 пунктам и нажмите на клавиатуре клавишу |lEnls'l (Windows) или Return (Mac OS). Хотя вы не выделяли текст путем перетаскивания инструмента Туре (Текст) по текст) (как это принято в программах обработки текста), весь текст на слое 2 те- перь отображается символами размером 255 пунктов. 4 Используя инструмент Horizontal Туре (Горизонтальный текст), выделите цифру «2» и измените его на цифру «3». Обратите внимание, что форматирование текста и стили слоя автоматически Применяются и к изменяемому тексту. 5 Выберите инструмент Move (Перемещение) (N-) и перетащите цифру »3». I центрировав его по вертикали между текстом Scrapbook (.Альбом) и улиткой. . Вам необязательно после ввода цифру «3*>, щелкать на кнопке Commit Any Current Edits (Применить текущую правку) поскольку выбор инструмента Move (Перемещение) ) приводит к тому же эффекту. 6 Выберите в меню команд)’ File ♦ Save (Файл ♦ Сохранить).
www.infanata.org Adobe Photoshop CS3| Добавление глубины с помощью падающей тени Обложка почти готова, все элементы композиции правильно упорядочены. Для] завершения работы нам требуется добавить немного глубины к изображениям слоев Letter (Письмо). Photo (Фотография) и Shell (Улитка) с помощью простей! гпего эффекта падающей тени. 1 Выделите в палитре Layers (Слои) слой Letter (Письмо), щелкните на кнопку Add a Layer Style (Добавить стиль слоя), расположенной в нижней части па- литры, и выберите из открывающегося меню пункт Drop Shadow (Тень). 2 Далее установите в области Drop Shadow (Тень) диалога Layer Style (С.тшн» слоя) для параметра Opacity (Непрозрачность) значение 50%, для параметра Distance (Смещение) - 5 пунктов, для параметра Spread (Размах) - 5% и для па- раметра Size (Размер) - 10 пикселов. Далее щелкните на кнопке ОК. чтобы за- крыть диалог и применить эффект. Вместо создания эффектов падающей тени для изображений фотографии и уди ки скопируем уже созданный эффект падающей тени. 3 Зажмите клавишу | 111 | (Windows) или Option (Mac OS) и перетащите значок стиля слоя Drop Shadow (Тень) со слоя Letter (Письмо) на слой Photo (Фо- тография). 4 Повторите шаг 3 для добавления падающей тени к слою Shell (Улитка). 5 И. наконец, для того чтобы добавить еще немного глубины слою Shell (Улитка), дважды щелкните на связанном с ним значке стилей слоя, открыв тем самым диалог Layer Style (Стиль слоя). Далее выберите из списка стилей элемент Drop Shadow (Тень) и установите для параметра Size (Размер) значение 25 пунктов. Закройте диалоги и зафиксируйте изменения, щелкнув на кнопке ОК. Ваша итоговая композиция и палитра Layers (Слои) должны выглядеть так, как показано на предыдущем рисунке.
www.infanata.org Основы работы со слоями Объединение слоев и сохранение файлов Завершив редактирование всех сдоев в изображении, вы можете создать копию файла с объединенными слоями. Объединение слоев файла сливает их в единый фоновый слой. Однако нс следует объединять слои изображения до тех пор, пока вы не уверитесь, что довольны всеми своими дизайнерскими решениями. Поэто- му вместо того чтобы объединять слои исходного файла .psd, рекомендуем сохра- нить копию файла с нетронутыми слоями на тот случай, если вам впоследствии понадобится отредактировать слой. Чтобы понять, что дает объединение слоев, обратите внимание на два числа, ука- зывающие размер файла в строке состояния в нижней части окна изображения. Если размеры файла не отображаются в строке состояния, щелкните на кнопке со гтрелкой, расположенной в строке состояния, и в появившемся меню выберите коман- ду Show ♦ Document Sizes (Показать ♦ Размеры документа). | 100% «X 00С1 31»»-/7.е7М (^7^) I Первое число показывает, каким будет’ размер файла, если вы объедините слои в изображении. Второе число показывает размер файла без объединения слоев. IВ файле этого урока размер файла с объединенными слоями составил бы около 918,5 Кбайта, по текущий файл имеет намного больший размер - 8,78 Мбайта. Поэтому в данном случае объединение слоев изображения было бы весьма стоя- | щим делом.
www.infanata.org 176____________________________________________________Adobe Photoshop C 1 1 Если в настоящее время на панели инструментов выбран инструмент Horizontal Туре (Горизонтальный текст) (Т ), выберите любой другой инструмен т, ч тоб! быть уверенным, что вы более не находитесь в режиме редактирования reitc та. Выберите в меню команду File ♦ Save (Файл ♦ Сохранить) (если Эта комаг да доступна), чтобы гарантировать сохранение всех ваших изменений файла 2 Выберите в меню команду Image ♦ Duplicate (Изображение ♦ Создать дубликат); 3 В диалоге Duplicate Image (Создать дубликат изображения) введите имя файл 05Flat.psd и щелкните мышью на кнопке ОК. 4 Закройте окно файла 05Working.psd. оставив открытым только файд 05Flat.psd. 5 В меню палитры Layers (Слои) выберите команду Flatten Image (Выполнит сведение). 6 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить). Даже если вы выб- рали команду Save (Сохранить), а не Save As (Сохранить как), появляется диа- лог Save As (Сохранить как). 7 Выберите для сохранения папку Lessons/Lesson05 и щелкните мышью на кнопке Save (Сохранить), чтобы принять параметры по умолчанию и сохра- нить файл с объединенными слоями.
vnnr. infanata.org Основы работы co слоями 177 Теперь у вас сохранены две версии файла: файл с объединенными слоями и исходный файл, в котором все слои остались нетронутыми. Q Если вам нужно объединить только некоторые слои в файле, можно щелкнуть мышью на значке глаза, чтобы скрыть слои, которые вы не хотите объединять, а затем выбрать в меню палитры Layers (Слои) команду Merge Visible (Объединить видимые). О композициях слоев Композиции слоев позволяют мгновенно переключаться между различными ви- дами многослойного файла изображения. Композиция слоев предс тавляет собой просто описание параметров слоев на палитре Layers (Слои). После того, как вы определите одну композицию слоев, можно изменить на палитре Layers (Слои) сколько угодно параметров, а затем сохранить эту конфигурацию свойств слоев, (создав еще одну композицию слоев. После этого вы можете, переключаясь между этими двумя композициями слоев, быстро просмотреть оба варианта дизайна. Преимущество использования композиций слоев становится очевидным тогда, когда вы хотите, например, продемонстрировать клиенту множество возможных .Вариан тов дизайнерских решений. После создания нескольких композиций сло- ев вы сможете просматривать различные варианты дизайна без необходимости использования значков видимости и изменения свойств в палитре Layers (Слои). Допустим, вы разрабатываете дизайн некоторой брошюры, которая должна из- даваться на английском и французском языках. В этом случае вам необходимо (Создать в одном слое изображения французский текст, а в другом слое этого же изображения - английский текст. Далее для создания двух разных композиций слоен достаточно сделать видимым французский текст, скрыв английский вари- ант, а затем щелкнуть на кнопке Create New Layer Comp (Создать новую компози- цию слоев), расположенной в пали тре Layer Comps (Композиции слоев). После .этого нужно выполнить обратные действия: создать английскую композицию, для чего сделать видимым английский текст, скрыв французский вариант, и щелкнуть на кнопке Create New Layer Comp (Создать новую композицию слоев) Для просмотра разных композиций используются связанные с ними поля Apply Layer comp (Применить композицию слоев). Проявив немного воображения, вы можете представить себе, насколько стоящим с точки зрения экономии вре- мени будет являться такой подход для более сложных вариантов. Композиции слоев могут быть весьма удобными при работе с постоянно изменяющимися про- ектами. и когда требуется создать несколько версий одного итого же графичес- кого файла. Примите поздравления! Ваша работа над изображением обложки альбома завер- шена. В этом уроке мы только пригубили те обширные возможности, которые от- крывает перед вами владение искусством работы со слоями в программе Photoshop. По мере чтения книги вы будете почти в каждом уроке приобретать новый опыт и мастерство работы со слоями, особенно много полезной информации вы почерп- нете нз урока 10, который посвящен дополнительным приемам работы со слоями.
178 Adobe Photoshop CSj Дополнительное задание Если в целом прекрасный семейный портрет портят зажмуренные глаза и непр# вольные позы, избавьтесь от этих недостатков с помощью возможности Auto Align Layers (Автоматическое выравнивание слоев). Чтобы получить общее предстад ление об этой возможности, с помощью программы QuickTime просмотрите роли» Auto Align, который находится в папке Movies на прилагаемом к книге - Adobe Photoshop CS3. Официальный учебный курс» компакт-диске и называется Auto I Align.mov. Чтобы открыть файл ролика, дважды щелкните на нем; после этогоI щелкните на кнопке Play (Воспроизведение). 1 Откройте файл FamilyPhoto.PSD. находящийся в папке Lesson05. 2 На палитре Layers (Слои) включите и отключите видимость слоя Layer 2 I (Слой 2), чтобы увидеть две похожие фотографии. Когда оба слоя отображаю» ся на экране, на слое Layer 2 видно, что высокий мужчина в центре фотография зажмурил глаза, а две девочки в левой нижней части фотографии смотрят в сто I] рону. Вы сначала выровняете эти два снимка, а затем используете инструмент!I Eraser (Ластик), чтобы удалить на слое Layer 2 неудавшиеся детали изображения; | 3 Отобразите на экране оба слоя и выделите их, щелкнув мышью на слоях при нажатой клавише |lshil1|. Выберите в меню команду Edit ♦ Auto-Align Layers (Ре-1 дактирование ♦ Автоматическое выравнивание слоев); в появившемся диалоге! Auto-Align Layers (Автоматическое выравнивание слоев) оставьте используя мое по умолчанию положение Auto (Автоматически) переключателя Projection (Проекция) и щелкните на кнопке ОК. Теперь несколько раз щелкните мышью ] на значке глаза (®) возле слоя Layer 2. чтобы отключить и включить види-1 мость этого слоя и убедиться, что слои выровнены просто идеально. А теперь самое интересное! Вы удалите неудавшиеся детали фотографии. 4 Выберите инструмент Eraser (Ластик) на панели инструментов, а затем выбе- рите мягкую кисть размером 45 пунктов на панели параметров инструмента. I Начните удалять изображение с центра головы мужчины, зажмурившего глаза,I чтобы отобразить его улыбающееся лицо на нижнем слое. Повторите эту про-1 цедуру удаления для двух девочек, смотрящих в сторону, чтобы в конечном ито-1 ге их лица смотрели в камеру. Вы создали натуральный семейный снимок. I
Итоги 'Обзорные вопросы 1 В чем преимущество использования слоев? 2 Где в пачке слоев палитры Layers (Слои) появляются вновь созданные слои? 3 Как сделать так, чтобы рисунок на одном слое отображался поверх рисунка ' на другом слое? 4 Как можно одновременно манипулировать несколькими слоями? 5 Когда вы завершите свой рисунок, что вы можете сделать, чтобы минимизи- ровать размер файла без изменения качества или размеров рисунка? Ответы на обзорные вопросы *1 Слои позволяют редактировать различные части изображения как отдель- ные объекты. Кроме того, вы можете скрывать отдельные слои при работе над другими слоями, удаляя щелчком мыши значок глаза (9) для того слоя. И который хотите скрыть. 2 Новый слой всегда появляется сразу над активным слоем. 3 Вы можете заставить рисунок на одном слое отображаться над рисунком на другом слое путем перетаскивания слоев вверх и вниз в пачке слоев на палит- ре Layers (Слои), либо с помощью команд меню Layer • Arrange (Слой ♦ Мон- Il таж): Bring to Front (На передний план). Bring Forward (Переложить вперед), Send to Back (На задний план) и Send Backward (Переложить назад). Помни- п те, что положение слоя Background (Задний план) изменить невозможно. 4 Вы можете связать два слоя, которые хотите настраивать одновременно, вы- I делив сначала один из слоев на палитре Layers (Слои), а затем щелкнув на I квадратике слева от имени того слоя, с которым вы хотите его связать. После R связывания оба слоя можно совместно перемещать, вращать и изменять их I размеры. 5 Вы можете объединить слои в изображении в один фоновый слой. Полезно сохраня ть копии графических файлов со слоями перед объединением слоев, чтобы впоследствии в слои можно было вносить изменения.
ZenGarden Andrew Faulkner Маски в программе Adobe Photoshop используются <lw того, чтобы изаис роватъ конкретные части изобрази е пил и манипулировать ним. Маска подобии трафарету. Вырезанную часть можно изменять, но область, окружающая ее, защищена от измене ним. Вы можете создать временную маску для одноразового использования, либо сохранить маски для повторного использования.
www.infanata.org УРОК 6. Маски и каналы Обзор урока [ В этом уроке вы узнаете, как делать следующее: • Уточнять выделение с помощью быстрой маски. • Сохранять выделение как маску канала. I • Просматривать маску с помощью палитры Channels (Каналы). • Загружать сохраненную маску. • Применять к маске фильтры, эффекты и режимы смешивания. I • Перемещать изображение внутри маски. • Создавать слой-маску. • Рисовать в маске, чтобы модифицировать выделение. м Создавать сложные выделения с помощью команды Extract (Извлечь). Создавать и использовать градиентную маску. • Изолировать канал для выполнения специфических коррекций изображения. л Создавать высококачественные полутоновые изображения путем смешивания I каналов. Выполнение этого урока займет около полутора часов. Если нужно, удалите папку Предыдущего урока со своего жесткого диска и скопируйте в него папку Lesson06. По мере работы над этим уроком вы перезапишете исходные файлы. Если вам нужно будет восстановить исходные файлы, скопируйте их с компакт-диска, при- Ьгаемого к книге «Adobe Photoshop CS8. Официальный учебный курс». Работа с масками и каналами Маски позволяют изолировать и защищать части изображения. Примерно также Клейкая лента позволяет малярам защищать оконное стекло или витрину при ок- рашиваиии рамы. Когда вы создаете маску на основе выделения, невыделенная область маскируется, или защищается, от редактирования. С помощью масок вы ржете создавать и сохранять сложные трудоемкие выделения, а затем использо- ван. их повторно. Помимо этого, вы можете использовать маски для решения других сложных задач - например, чтобы применять к изображениям изменения цветов или эффекты фильтров.
182 Adobe Photoshop CS3 В программе Adobe Photoshop вы можете создавать временные маски, называемы быстрыми масками («quick masks»), либо постоянные маски, и сохранить их как специальные полутоновые каналы, называемые альфа-каналами. Кроме того программа Photoshop использует альфа-каналы для хранения цветовой информа- ции и информации о плашечном цвете изображения. В отличие от слоев, каналы не выводятся на печать. Для просмотра и работы с альфа-каналами используете) палитра Channels (Каналы). Ключевая концепция в маскировании заключается в том, что черный цвет скры- вает область, а белый - показывает. В реальной жизни предметы, состоящие из чисто черного и чисто белого цветов, встречаются очень редко. Поэтому оттен- ки серого цвета, в зависимости от его уровня, частично скрывают области изоб- ражения (значение 255 представляет черный цвет (область скрыта), а значение 0 - белый цвет (область отображена)). Начало работы Вы начнете урок с просмотра законченного изображения, которое будете созда- вать с помощью масок и каналов. 1 Запустите программу Adobe Photoshop, а затем немедленно (не дожидаясь окон- чания загрузки программы) нажмите и удерживайте комбинацию клавши |[Clll|+r*H-i-||shiii| (Windows) или Command+Option+|^3 (Mac OS), чтобы восста- новить стандартные настройки программы. (Подробности можно найти во введении к книге.) 2 В появившемся окне сообщения щелкните мышью на кнопке Yes (Да), ч тобы подтвердить намерение переустановить настройки, а затем закройте диалога Welcome Screen (Начальный экран) щелчком мыши па кнопке Close (Закрыть). | 3 На панели параметров инструмента щелкните мышью на кнопке Go to Bridge (Перейти к Bridge) ('«*<), чтобы открыть окно программы Adobe Bridge. 4 Щелкните на вкладке Folders (Папки), расположенной в левом верхнем углу окна программы Adobe Bridge. Найдите папку Lessons (Уроки), в которую вы скопировали файлы уроков с прилагаемого к книге «Adobe Photoshop CS3.I Официальный учебный курс» компакт-диска, и выделите ее. 5 Выберите команду меню File ♦ Add То Favorites (Файл ♦ Добавить в избранное), чтобы добавить папку Lessons на панель Favorites (Избранное), расположен- ную в левой части окна программы Adobe Bridge. Если папка Lessons уже добав- лена на панель Favorites (Избранное), в меню вместо команды Add То Favorites (Добавить в избранное) будет доступна команда Remove From Favorites (Уда- лить из избранного) и вы можете пропустить этот шаг. Помимо возможности доступа к папкам и файлам через панель Folders (Папки) су- ществует возможность добавления и последующего доступа к определенным папкам! и файлам через панель Favorites (Избранное). Вы также можете добавлять элемен-1 ты на панель Favorites (Избранное) из панели Content (Содержимое). Добавлении
www.infanata.org Маски и каналы файлов проектов, папок, значков приложений и других часто используемых элемен- тов на панель Favorites (Избранное) обеспечивает быстрый доступ к этим элементам. 6 На палитре Favorites (Избранное), расположенной в левой части окна програм- I мы Adobe Bridge, щелкните на элементе Lessons (Уроки), после чего дважды I щелкните на эскизе папки Lesson06. чтобы просмотреть входящие в нее файлы. 7 Выделите файл 06End.psd и посмотрите, как он выглядит в области предвари- I тельного просмотра. Ваша основная цель в этом уроке заключается в создании обложки книги с назва- нием <Zen Garden». Вы будете использовать несколько фотографий - статуи Буд- ды. японского храма и листа бамбуковой бумаги - и рельефный шрифт, а затем создадите маски, чтобы объединить все фотографии в одно изображение. Кроме того, вы создадите сложные выделения рваных краев бумаги, которая будет слу- жить фоном всей композиции. На последнем этапе вы добавите на обложку текст, который будет отображаться с учетом текс туры бумаги. 8 Дважды щелкните мышью на эскизе файла 06Start.psd. чтобы открыть его в I программе Photoshop. I Создание быстрой маски Вы начнете урок с преобразования рамки выделения во временную маску путем перехода в режим редактирования «быстрая маска». Далее вы преобразуете эту Временную быструю маску обратно в рамку выделения. Если вы не сохраните быструю маску, как более постоянную маску альфа-канала, временная маска будет потеряна после преобразования в выделение. 1 В меню программы Photoshop выберите команду File ♦ Save As (Файл ♦ Сохра- нить как) и сохраните файл под именем 06Working.psd. щелкнув на кнопке Save (Сохранить). Сохранив рабочую версию исходного файла, при необходимости вы в любой момент сможете вернуться к оригиналу. Вы начнете с создания маски для статут! Будды, чтобы отделить изображение ста- туи от существующего заднего плана и поместит!, его на новый задний план.
184 Adobe Photoshop CS3 2 На палитре Layers (Слои) щелкните на имени слоя Buddha (Будда), чтобы вы- делить этот слой. 3 На панели инструментов щелкните мышью на кнопке Edit in Quick Mask Mode j (Редактировать в режиме «Быстрая маска») (□). (По умолчанию до этого вы работали в стандартном режиме.) Кнопка перехода в стандартный режим редактирования: В. Кнопка изменения режима отображения В режиме быстрой маски вокруг выделяемого объекта появляется красное нало- жение, напоминающее рубилит - красную пленку, которая используется для мас- кирования изображения в традиционных фотоателье. Это наложение маскирует и защищает область, расположенную вне выделения. Вы можете применить изме- нения только к незащищенной области, которая видима и выделена. Также обра- тите внимание, что на палитре Layers (Слои) для отображения выделенного слоя используется более темный серый цвет - это означает, ч то вы находитесь в режи- ме быстрой маски. 4 На панели инструментов выберите инструмен т Brush (Кисть) (У ). 5 На панели параметров инструмента убедитесь, что для параметра Mode (Ре- жим) установлено значение Normal (Нормальный). Затем щелкните на кнопке с изображением стрелки, чтобы отобразить всплывающую палитру Brush (Кисть), и выберите кисть большого размера с мягкими краями, диаметром 65 пикселов. Щелкните за пределами палитры, чтобы закрыть ее.
www.intanata.org Маски и каналы 185 .6 Нарисуйте маску на изображении, удерживая нажатой левую кнопку мыши и не- | ремещая инструмент Brush (Кисть) вокруг нимба; размер кисти должен соответ- I ствовать ширине нимба. По мере перетаскивания инструмента Brush (Кисть) I на экране появляется красное наложение, представляющее создаваемую маску. По умолчанию в режиме быстрой маски программа Photoshop автоматически пере- водит в режим Grayscale (Градации серого). Цвет переднего плана по умолчанию становится черным, а цвет фона - белым. При использовании инструмента рисо- вания или редактирования в режиме быстрой маски имейте в виду следующее: В Рисование черным цветом вносит добавления в маску (красное наложение) и [ уменьшает выделенную область. Е Рисование белым цветом стирает маску (красное наложение) и расширяет вы- fl деленную область; Б Рисование серым цветом вносит частичное добавление в маску. R Продолжайте рисовать с помощью инструмента Brush (Кисть), чтобы доба- I вить в маску всю статую Будды. Не добавляйте задний план. Не беспокойтесь, если вы случайно нарисуете за пределами контура статуи. Вы детально настроите маску в следующем упражнении. 8 В группе палитр Layers (Слои) щелкните на вкладке палитры Channels (Кана- I лы). чтобы отобразить эту палитру на экране, или выберите команду меню Window ♦ Channels (Окно ♦ Каналы). При необходимости увеличьте высоту палитры, перетащив ее правый нижний угол, чтобы увидеть все содержимое I этой палитры.
www.Infanata.org 186 Adobe Photoshop CSS На палитре Channels (Каналы) перечисляются стандартные информационный цветовые каналы - канал CMYK для полноцветного просмотра изображения п от- дельные каналы для голубого (Cyan), пурпурного (Magenta), желтого (Yellow) и черного (Black) цветов. Вы можете скрывать или отображать отдельные цветовые каналы, щелкая мышью на значке глаза (9) в палитре Channels (Каналы). Когда видим CMYK-канал, значок глаза появляется также для веек четырех отдельных каналов, и наоборот. Если вы скроег один из индивидуальных каналов, значок глаза для составного канала (то есть CMYK канала) тоже исчезает. 9 Обратите внимание, что на палитре Channels (Каналы) созданная вамп быст рая маска представлена новым альфа-каналом с именем QuickMask (Быстрая маска). Помните, что этот канал является временным: если вы не сохраните быструю маску как выделение, она исчезнет сразу после того, как вы отмените выделение. Редактирование в режиме быстрой маски Далее вы детально настроите выделение статуи путем добавления или стирания частей в маскированной области. Для внесения изменений в быструю маску вы продолжите использовать инструмент Brush (Кисть). Преимущество редактиро вания выделения как маски заключается в том, что для модификации маски мож- но использовать почти все инструменты или фильтры. (Можно использовать да- же инструменты выделения.) Расширение выделения стиранием маскированных областей Вы продолжите работать в режиме быстрой маски. В режиме быстрой маски всё ; редактирование можно выполнять в окне изображения. 1 На панели параметров инструмента во всплывающей палитре Brush (Кисть) выберите кисть меньшего размера с мягкими краями, диаметром 45 пикселов. Q В этом уроке вы будете несколько раз переключаться между различными кистями. Для удобства быстрого отображения вариантов кистей щелкните на значке палитры Brushes (Кисти), расположенном в правом верхнем углу окна программы Photoshop, чтобы открыть эту палитру. Чтобы вновь представить палитру в виде значка, щелкни- те на кнопке с изображением двойной стрелки (»►), расположенной в правом верх- нем углу палитры. 2 Щелкните на значке Switch foreground and background colors (Переключение цветов переднего и заднего плана) (*1) над прямоугольниками выбора основ-: лого и фонового цветов. Чтобы удалить ненужные части маски, вы будете ри- совать белым цветом.
www.infanata.org Маски и каналы 187 3 Увеличьте масштаб отображения нимба Будды, используя комбинацию горя- чих клавиш. Для этого, нажав и удерживая комбинацию клавиш || пробел |+|| ст | I (Windows) или |[ пр06»11+Command (Mac OS), несколько раз щелкните мышью на изображении нимба. Закрасьте все части дерева по краям статуи, случайно попавшие в маску. Джулиан Korm (fulieitiinr Kost) - oifiuyiiiLWihiii евангелист Photoshop. СОВЕТЫ ОТ ЕВАНГЕЛИСТА PHOTOSHOP Комбинации горячих клавиш для инструмента Zoom (Масштаб) При редактировании изображения часто возникает необходимость увеличивать отдельные об- ласти с тем. чтобы было удобнее работать с мелкими элементами, а затем вновь уменьшать их для просмотра внесенных изменений на фоне всего изображения. Далее перечислены некото- рые комбинации горячих клавиш, которые ускоряют и облегчают задачу масштабирования. • Для временного выбора инструмента Zoom In (Увеличение) используйте комбинацию кла- виш Ctrl+Пробел (Windows) или Command+Пробел (Mac OS). По окончанию масштаби- рования отпустите указанную комбинацию клавиш и вернитесь к инструменту, который ис- пользовался ранее. • Для временного выбора инструмента Zoom Out (Уменьшение) используйте комбинацию клавиш Alt+Лробел (Windows) или Option+Пробел (Mac OS). По окончанию масштабиро- вания отпустите указанную комбинацию клавиш и вернитесь к инструменту, который ис- пользовался ранее. • Чтобы установить для изображения 100%-й масштаб, дважды щелкните мышью на инстру- менте Zoom (Масштаб), расположенном на панели инструментов. • Если требуется уменьшить некоторую область изображения, зажмите клавишу Alt (Windows) или Option (Mac OS), заменив инструмент Zoom In (Увеличение) инструментом Zoom Out (Уменьшение), а потом щелкните мышью в нужной части изображения. Каждый щелчок мышью при нажатой клавише Alt/Option приводит к уменьшению изображения на предопределенную величину. • Чтобы увеличить изображение, когда активным является любой из инструментов, достаточно воспользоваться комбинацией клавиш Ctrl++ (Windows) или Command++ (Mac OS), чтобы уменьшить изображение - комбинацией клавиш Ctrl+— (Windows) или Command+— (Mac OS). Если вы совершите ошибку и удалите из маски часть статуи, щелкните на знач- ке Switch foreground and background colors (Переключение цветов переднего и заднего плана) (*1) над прямоугольниками выбора основного и фонового цветов. После этого восстановите удаленную часть.
188 Adobe Photoshop CS U Комбинация горячих клавиш: нажмите клавишу X, чтобы переключить цвета пе- реднего и заднего плана, то есть цветом переднего плана сделать белый цвет, а цве- том заднего плана — черный, и наоборот. 6 Продолжайте удалять ненужные детали вдоль краев статуи или восстанавливап пропущенные части до тех пор. пока вы не будете удовлетворены результатами 7 На панели инструментов щелкните мышыо на кнопке Edit in Quick Mask Mode (Редактировать в режиме «Быстрая маска») (Q), чтобы вернуться в стандарт] ный режим, и посмотрите, как изменения в маске повлияли па выделенную об' ласть. Обратите внимание, что границы области выделения расширились, ох! ватив еще большую часть статуи. Q Чтобы более детально настроить края выделения, выберите кисть небольшого размера с твердыми краями и продолжайте добавлять или удалять области изобра- жения до тех пор, пока не добьетесь нужного результата. Или используйте инструмент Eraser (Ластик), чтобы удалить области, которые не должны входить в выделение. В ы делен ие, создан пос в режиме быстрой маски Если какая-нибудь область внутри статуи все еще выглядит невыделенной, это зная чит, что вы еще ие полностью стерли маску. Вы продолжите настраивать маску в следующих упражнениях. Изъятие из выделения путем добавления маскированных областей Возможно, по ходу работы вы стерли часть маски за краями изображения статуи.1 Это означает, что в выделение включена часть фона. Сейчас вы вернетесь в ре- жим быстрой маски и восстановите маску в этих граничных областях изображен иия статуи путем окрашивания черным цветом. 1 Щелкните мышыо на кнопке Edit in Quick Mask Mode (Редактировать в режиме!
Маски и каналы 189 I Нажмите клавишу fx|, чтобы переключить цвета переднего и заднего плана. В области, где отображаются прямоугольники выбора цветов переднего и зад- него плана, сверху должен отображаться прямоугольник черного цвета. Пом- ните, что в окне изображения окрашивание черным цветом вносит добавле- ния в красное наложение. I Во всплывающей палитре Brush (Кисть) выберите кисть небольшого размера с твердыми краями, диаметром, например, 9 или 13 пикселов. I Закрашивайте черным цветом, чтобы восстановить маску (красное наложе- ние) на каждой из областей фона, которые еще не защищены. Продолжай те работ}-, пока немаскированной останется только область внутри статуи, и вы будете полностью удовлетворены своей маской выделения. Помните, что по ходу работы вы можете увеличивать и уменьшать вид изображения, к также переключаться между стандартным режимом и режимом быстрой маски. шоме того, в режиме быстрой маски для удаления любого избыточного выделения йЬжно использовать инструмент Eraser (Ластик). Окрашивание черным цветом для восстановления маски 5 На панели инструментов щелкните на кнопке Edit in Quick Mask Mode (Редакти- ровать в режиме «Быстрая маска») (£J), для переключения в стандартный ре- жим редактирования, чтобы просмотреть законченное выделение статуи. 5 Дважды щелкните мышью на инструменте Hand (Рука) (О ), чтобы поместить на экран все изображение статуи. Сохранение выделения как маски Быстрые маски являются временными масками - они исчезают, как только вы снимаете выделение. Однако любое выделение можно сохранить как маску альфа- канала, и тогда ваша трудоемкая работа не пропадет, и вы сможете повторно ис- пользовать выделение в этом или последующем сеансе. Более того, альфа-каналы можно использовать даже в других файлах изображений Photoshop. Чтобы не путать каналы и слои, каналы можно представлять себе как вместилища Информации о цвете и выделениях в изображении, а слои - как вместилища ри- сунков и эффектов.
www.infanata.org 190 Adobe PhotoshopCg Если вы сохраните и закроете свой файл, пока работаете в режиме быстрой маски, то когда вы откроете файл в следующий раз, быстрая маска будет показана в свое! собственном канале. Однако если вы сохраните и закроете файл, находясь в стандар ном режиме, то когда вы откроете файл в следующий раз, быстрая маска исчезнет. 1 1 Не снимая выделения со статуи в окне изображения (находясь в стандартном ре- жиме). щелкните мышью на кнопке Save selection as channel (Сохраняет выделе», пую область в новом канале) (□) в нижней части палитры Channels (Каналы).- i Новый канал с именем Alpha 1 (Альфа I) появится внизу списка на палитре Channels (Каналы). Использование альфа-каналов Далее приведены полезные сведения об альфа-каналах: • Каждое изображение может содержать до 56 каналов, включая цветовые ка- налы и альфа-каналы. • Все каналы являются 8-битовыми полутоновыми изображениями, способны- ми отображать 256 градаций серого цвета. • Для каждого канала вы можете задать его имя, цвет, параметры маски и не- прозрачность. (Непрозрачность влияет на предварительный просмотр кана- ла, но не на изображение). • Все новые каналы имеют такие же размеры и число пикселов, как и исходное изображение. i • Вы можете редактировать маски в альфа-канале, используя инструменты ри- > сования и редактирования, а также фильтры. • Вы можете преобразовывать альфа-каналы в каналы плашечных цветов. 2 Дважды щелкните мышью на имени канала Alpha 1 и введите Statue (Статуя), чтобы переименовать канал, а затем нажмите на клавиатуре клавишу |!ЁПЯ (Windows) или Return (Mac OS).
Маски и каналы Если выделить созданный альфа-канал на палитре Channels (Каналы), программа Photoshop отобразит в окне изображения черно-белое представление соответству- ющего выделения и скроет все цветовые каналы. 3 Выберите в меню команду Select ♦ Deselect (Выделение ♦ Отменить выделе- ние), чтобы отменить выделение статуи. 4 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу. Работа с масками и комбинации горячих клавиш Далее приведены некоторые полезные сведения о масках и работе с ними: • Маски не деструктивны - это значит, что в процессе работы над изображени- ем вы можете вернуться и модифицировать маску, не теряя при этом пиксе- лы, которые она скрывала. • При редактировании маски обращайте внимание на цвет, выбранный на па- нели инструментов. Черный цвет скрывает закрашенную область, белый - открывает, а оттенки серого цвета частично скрывают или открывают закра- шенную область. Чем темнее серый цвет, тем сильнее будет скрыта закра- шенная область. • Чтобы отобразить содержимое слоя без эффектов маскирования, отключите маску, щелкнув на эскизе слой-маски при нажатой клавише |lShllll или выбрав команду меню Layer ♦ Layer Mask ♦ Disable (Слой ♦ Слой-маска ♦ Отклю- чить). Когда маска отключена, на палитре Layers (Слои) поверх эскиза слой- маски отображаются две пересекающиеся в форме буквы X красные линии. • Чтобы вновь включить маску, на палитре Layers (Слои) щелкните на эскизе слой-маски. поверх которой отображаются две пересекающиеся в форме бук- вы X красные линии, при нажатой клавише llShltl I или выберите команду ме- ню Layer ♦ Layer Mask ♦ Enable (Слой ♦ Слой-маска ♦ Включить). Если маска не появилась па палитре Layers (Слои), выберите команду меню Layer * Layer Mask ♦ Reveal All (Слой ♦ Слой-маска ♦ Отобразить все).
www.infanata.org 192 Adobe Photoshop C! Разорвите связь между слоями и масками, чтобы иметь возможность перем< щать их независимо друг от друга или изменять границы маски независим от слоя. Чтобы разорвать связь между слоем или группой и слой-маской ил) векторной маской, щелкните на значке связи между эскизами слоя и маски н палитре Layers (Слои). Чтобы восстановить связь, щелкните на промежутку между двумя эскизами. Чтобы преобразовать векторную маску в слой-маску, выделите слой, содер жащий векторную маску, которую вы хотите преобразовать, и выберип команду меню Layer ♦ Rasterize ♦ Vector Mask (Слой ♦ Растрировать ♦ Век торную маску). Однако обратите внимание, что, выполнив растеризации векторной маски, вы не сможете вернуться к исходному векторному объект) Просмотр каналов Теперь вы готовы составить фоновое изображение для обложки Книги, исполь маску для сокрытия нежелательных элементов. Вы начне те с просмотра кажд канала изображения, чтобы определить, какой из каналов обладает наиболыт контрастом для создаваемой маски. 1 Щелкнув на вкладке палитры Layers (Слои), перетащите ее в сторону, что извлечь из группы палитр и расположить рядом с палитрой Channels (Ка лы). При необходимости увеличьте размеры обеих палитр, чтобы вы бесп пятственно могли видеть все их содержимое. 2 На палитре Layers (Слои), удерживая нажатой клавишу I Д11 | (Windows) ил Option (Mac OS), щелкните на значке глаза (®) для слоя Background, чтоб скрыть все остальные слои. Выделите слой Background. 3 Щелкните на вкладке палитры Channels (Каналы), чтобы сделать эту палит] активной, после чего выделите канал CMYK, щелкнув на нем мышью. 4 На палитре Channels (Каналы) щелкните мышью на значке глаза для капа; Cyan (Голубой). Вы отключили составной канал и канал Cyan (Голубой), и т перь вы видите на экране композицию каналов Magenta (Пурпурный). Yello (Желтый) п Black (Черный).
Маски и каналы 193 Когда вы просматриваете комбинацию каналов, изображение получается цвет- ным. независимо от того, отображается ли в цвете каждый из этих каналов по от- Вельностп. Для отображения каналов можно использовать соответствующие цвета (красный, зеле- ный и синий: или голубой, пурпурный, желтый и черный). Для этого выберите команду I меню Edit • Preferences ♦ Interface (Редактирование * Установки ♦ Интерфейс) I (Windows) или Photoshop ♦ Preferences ♦ Interface (Photoshop ♦ Установки ♦ Интер- фейс) (Mac OS) и в появившемся диалоге установите флажок Show Channels In Color [(Отображать каналы в цвете). Отображение каналов в цвете помогает представить, в какой мере каждый из цветовых каналов влияет на составное изображение. Однако. Поскольку вы работаете с полутоновой информацией каналов, не включайте функцию тртображения каналов в цвете, чтобы не отвлекаться на ненужные детали. 5 Щелкните па значках глаза для каналов Magenta (Пурпурный) и Yellow (Жел- | тый), чтобы отключить отображение этих каналов. На экране останется види- мым только канал Black (Черный). (Невозможно отключить отображение всех | каналов изображения; по крайней мере, один канал должен всегда оставаться По отдельности каналы отображаются в оттенках серого цвета. Оттенки серого цвета позволяют оценить тональные значения составляющих цветов в каждом из Летовых каналов и решить, какой из каналов наилучшим образом подходит для Лрректировки.
www.infanata.org 194 Adobe Photoshop CT 6 На палитре Channels (Каналы) щелкните мышью на имени канала Yellow (Жел- тый), чтобы отключить отображение канала Black (Черный) и включить отоб ражеиие канала Yellow (Желтый), после чего оцените контраст изображения. Повторите этот шаг для каналов Magenta (Пурпурный) и Cyan (Голубой). Вы ищете канал, с помощью которого будет проще всего выделить голубой фон. Обратите внимание, что во всех каналах, кроме канала Cyan (ГЪлубой), па панели отображается вертикальная темная полоса. Канал Cyan (Голубой) представляет фон панели сплошным черным цветом. Сплошной черный цвет обладает наи- большим контрастом, поэтому для выделения голубого фона проще всего исполь- зовать канал Cyan (Голубой). Вы внесете изменения в настройку уровней канала, чтобы упростить процесс вы- деления фона. Настройка отдельных каналов Теперь, когда вы определили, что канал Cyan (ГЪлубой) является каналом с наи- большим контрастом, вы скопируете этот канал и выполните настройку его копии 1 На палитре Channels (Каналы) убедитесь, что в окне изображения отображает- ся только канал Cyan (Голубой). Перетащите канал Cyan (Голубой) па кнопку Create new channel (Создает новый канал) (aJ), расположенную в нижней части палитры Channels (Каналы), чтобы создать копию этого канала. На палитр! Channels (Каналы) появится новый канал с именем Cyan Сору (Копия голубого). Вы изолируете черные панели с помощью настройки уровней. 2 Выберите в меню команду Image ♦ Adjustments ♦ Levels (Изображение ♦ Коррек- ция ♦ Уровни), чтобы открыть диалог Levels (Уровни). Обратите внимание па практически ровную часть гис тограммы: сейчас вы изолируете эти значения. 3 Перетащите черный треугольник (темные области) вправо до той точки, где начинают выравниваться значения черного цвета с левой стороны гистограм мы; перетащите белый треугольник (светлые области) влево до той точки, где начинают выравниваться значения черного цвета с правой стороны гиста граммы. (Мы использовали значения 23. 1,00 и 45.) В результате на экране по-
195 Вы присвоите каналу осмысленное имя, чтобы обращаться к нему в дальнейшем. 4 На палитре Channels (Каналы) дважды щелкните мышью на имени канала Cyan Сору и введите новое имя Panel Mask (Маска панели). 5 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу. Загрузка маски как выделения Сейчас вы загрузите только что созданную маску канала как выделение, которое вы сможете преобразовать в слой-маску. Слой-маска позволяет изменять слой в пределах области выделения. 1 На палитре Layers (Слои) щелкните на значке глаза (®) для слоя Garden (Сад), чтобы отобразить этот слой на экране, а затем щелкните на его имени, чтобы выделить слой. 2 Выберите в меню команду Select ♦ Load Selection (Выделение ♦ Загрузить вы- I деленную область). В открывающемся списке Channel (Канал) появившегося I диалога Load Selection (Загрузка выделенной области) выберите значение Panel Mask. Установите флажок Invert (Инверсия), чтобы инвертировать об- [ ласть выделения, - маскироваться должны панели, а не фон. Щелкните мышью на кнопке ОК.
196 Adobe Photoshop 3 Не отменяя выделения, щелкните на кнопке Add Layer Mask (Добавит!, a маску) (О), расположенной в нижней части палитры Layers (Слои). чт< создать маску для выделенной области. Обратите внимание, что на палитре Channels (Каналы) отображается новый ка- нал с именем Garden Mask (Маска слоя Garden). До тех пор, пока на пали Layers (Слои) будет выделен слой Garden, на палитре Channels (Каналы) бу отображаться маска этого слоя. 4 На палитре Layers (Слои) щелкните на значке связи (Я ) между эскизами изоб жения и его маски, чтобы разорвать связь между изображением и маской. 5 Щелкните на эскизе изображения, чтобы сделать этот слой активным. Было бы неплохо иметь возможность перемещать храм внутри маски. 6 Выберите инструмент Move (Перемещение) (N-) на панели инструментов Не отменяя выделения, перетащите изображение внутри маски, чтобы вер хушка храма отображалась в верхней панели. 7 Когда вы будете удовлетворены видом изображения внутри маски, на палитре Layers (Слои) щелкните между эскизами изображения и слой-маски, чтобы восстановить связь между изображением и его маской. 8 Сохраните свою работу.
www.infanata.org Маски и каналы 197 Загрузка выделения в изображение с помощью горячих клавиш Вы можете повторно использовать предварительно сохраненное выделение пу- тем его загрузки в изображение. Для загрузки предварительного сохраненного выделения с помощью комбинаций горячих клавиш, откройте палитру Channels (Каналы) и выполните одно из следующих действий: • Выдели те альфа-канал, щелкните мышью на кнопке Load channel as selection I (Загружает содержимое канала как выделенную область) в нижней части I палитры, затем щелкните мышью на составном цветовом канале вблизи В верхней части палитры. В Перетащите канал. содержащий выделение, которое вы хотите загрузить, на I кнопку Load channel as selection (Загружает содержимое канала как выделен- I ную область). • Нажмите клавишу |Г°^' I (Windows) или Command (Mac OS) и, удерживая ее на- I жатой, щелкните мышью на канале, содержащем выделение, которое вам | нужно загрузить. • Чтобы добавить маску в существующее выделение, нажмите комбинацию I клавиш Р1'1 |+рим] (Windows) или Command*|lshltt| (Mac OS) и щелкните I мышью на канале. • Чтобы вычесть маску из существующего выделения, нажмите комбинацию [ клавиш 111 I (Windows) или Command+Option (Mac OS) и щелкните 1 мышью на канале. » Чтобы загрузить область пересечения сохраненного выделения и существу- ющего выделения, нажмите комбинацию клавиш ||01,11*1 А11 |+IIshin | (Windows) или Command+ODtion+ (Mac OS) и выберите канал. »именение фильтров к маске [следующем упражнении вы детально настроите выделение панелей, применив 1ьтр. Чтобы изолировать канал Cyan (Голубой), вы работали в режиме CMYK, ерь необходимо преобразовать изображение в режим RGB, чтобы иметь воз- кность применять к нему фильтры для цветовой модели RGB из диалога Filter lallery (Галерея фильтров). Для цветовой модели CMYK доступно ограниченное щсло фильтров: фильтры из диалога Filter Gallery (Галерея фильтров) могут при- меняться только к изображениям в цветовой модели RGB. Убедитесь, что на палитре Channels (Каналы) выделен составной канал CMYK.
198____________________________________________Adobe Photoshop CS3 2 Выберите команду меню Image ♦ Mode ♦ RGB (Изображение ♦ Режим ♦ RGB). В появившемся на экране предупреждении щелкните на кнопке Don’t Flatten (Не выполнять). Изображение будет преобразовано в режим RGB. Если на экране появится сообщение о возможных проблемах с совместимостью, щелк--: ните на кнопке ОК. 3 Выберите команду меню Filter ♦ Filter Gallery (Фильтр ♦ Галерея фильтров), чтобы открыть диалог Filter Gallery (Галерея фильтров). 4 В диалоге Filter Gallery (Галерея фильтров) щелкните на значке стрелки, распо- ложенном слева от папки Distort (Искажение), чтобы отобразить фильтры из этой папки. Затем щелкните на фильтре Glass (Стекло). Присвойте параметру Distortion (Искажение) значение 2, а параметру Smoothness (Смягчение) - зна- чение 4. чтобы создать такой эффект, будто на изображение смотрят через стекло в дождливый день. Щелкните на кнопке ОК. ИИИН1 Применение эффектов с помощью градиентной маски Теперь вы создадите градиентную маску; чтобы использовать ее для применения фильтра, постепенно переходящего в изображение. Помимо использования черного цвета для указания того, что скрыто, и белого) цвета для указания того, что выделено, вы можете окрашивать в канале также Я оттенками серого цвета, чтобы указать частичную прозрачность. Например, если вы окрашиваете в канале оттенком серого цвета, который находится примерно посередине между белым и черным цветом, то основное изображение становит- ся частично (на 50% и более) видимым. 1 На палитре Layers (Слои) щелкните на пустом прямоугольнике слева от слоя Writing (Письмо), чтобы отобразить слой с изображением тисненного брон- зой текста. Выделите этот слой, щелкнув на его имени. 2 В нижней части палитры Layers (Слои) щелкните на кнопке Add Layer Mask (Добавить слой-маску) (О ). чтобы добавить слой-маску для слоя Writing. 3 Выделите маску слоя Writing, щелкнув на ее эскизе. Вокруг эскиза слой-маски появится черная рамка - это значит, что в данный момент выделена маска, а не изображение. Вы будете применять эффект к маске, а не к изображению.
Маски и каналы 199 и Выберите инструмент Gradient (Градиент) (Л) на панели инструментов. I Убедитесь, что на панели параметров инструмента выбран линейный гради- епт, используемый по умолчанию, а в качестве образца выбран градиент White to Black (Белый, черный). 5 В окне изображения, нажав и удерживая клавишу |lShll4. протащите инструмент Gradient (Градиент) от центра левой части изображения вправо до места сое- I дннения стены с окном. Обратите внимание, что теперь на эскизе слой-маски I появился созданный градиент. изданный градиент откроет (там, где маска белого цвета) фильтр, который бу- дет применен к изображению слоя Writing, и постепенно скроет эффект (там. где маска черного цвета). Значения пикселов градиента, уменьшающиеся от 255 (чер- ный цвет) до 0 (белый цвет), открывают большее число элементов, находящихся под маской. Сейчас вы добавите фильтр к маске. » Убедитесь, что вокруг эскиза слой-маски по-прежнему отображается черная рам- I ка - это значит, что в окне изображения выделена слой-маска, а не изображение. 7 Выберите команду меню Filter ♦ Filter Gallery (Фильтр ♦ Галерея фильтров). I В появившемся диалоге Filter Gallery (Галерея фильтров) при необходимости I щелкните на значке стрелки, расположенном слева от папки Texture (Тексту- I ра). чтобы отобразить фильтры из этой папки. Затем щелкните на фильтре
www infanata.org Adobe Photoshop CS Mosaic Tiles (Мозаичные фрагменты) и настройте его параметры. (Для naj метра Tile Size (Размер фрагмента мозаики) мы использовали значение 18, да параметра Grout Width (Величина зазоров) - значение 4. а для параметр Lighten Grout (Яркость зазоров) - значение 1.) Щелкните па кнопке ОК. 8 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранит свою работу. Изменение размера холста Далее вы добавите в изображение область холста, чтобы можно было создать зад иий план для заголовка книги и имени автора. 1 Убедитесь, что на панели инструментов в качестве цвета заднего плана выбрав белый цвет. (Чтобы быстро выбрать белый цвет в качестве цвета заднего пла на, щелкните на кнопке Default Colors (Цвет переднего и заднего плана пс умолчанию) на панели инструментов, а затем нажмите клавишу 0. чтобы пе реключить ус тановленные цвета, - цветом заднего плана станет белый цвет.) 2 Выберите команду меню Image ♦ Canvas Size (Изображение ♦ Размер холста В появившемся диалоге Canvas Size (Размер холста) установите флажо Relative (Относительно), который указывает, что новые значения ширины высоты будут применяться к существующим размерам. Введите значеня 2 дюйма в поле ввода Height (Высота). В области Anchor (Расположение) щел1 ните на среднем квадрате в нижнем ряду, чтобы выполнить центрирована холста в этой точке. Щелкните на кнопке ОК.
Маски и каналы 201 Вы выполните пгаг 2 еще раз, чтобы добавить область колета в нижнюю часть изображения. 3 Выберите команду меню Image ♦ Canvas Size (Изобра- | жение ♦ Размер холста). В появившемся диалоге Canvas Size (Размер холста) убедитесь, что флажок Relative (Относительно) установлен, в поле ввода Height (Высота) введите значение 1 дюйм, а в области Anchor (Расположение) щелкните на среднем квадрате в верхнем ряду. Щелкните на кнопке ОК. Извлечение текстуры бумаги Вы добавите фоновое изображение рваной бумаги на только что созданный холст. Бумага была отсканирована на белом фоне. Одни из способов маскирова- ния сложных краев заключается в использовании команды Extract (Извлечь). Команда Extract (Извлечь) предоставляет изощренный способ изоляции объекта переднего плана от фона. Даже объекты с дымчатыми, запутанными или неопре- деленными краями могут быть вырезаны из их фонов с минимумом ручного труда. 1 Откройте окно программы Adobe Bridge, щелкнув мышью на кнопке Go to Bridge (Перейти к Bridge) () панели параметров инструмента, найдите файл 06Paper.psd. который должен находиться в папке Lessons/Lesson06. и дваж- ды щелкните мышью на эскизе этого файла, чтобы открыть файл в программе Photoshop. Вы начнете с изображения, которое состоит только из одного слоя. Чтобы ис- пользовать команду Extract (Извлечь), вы должны работать в слое. В данном слу- 1 чае, поскольку исходное изображение не имеет слоев, - то есть состоит только из ! слоя Background (Задний план), - команда Extract (Извлечь) заменит слой Background новым слоем. Изображение бумаги имеет такое же разрешение, как изображение в файле HeStart.psd. то есть 72 ppi. Чтобы избежать неожиданных результатов при комбиниро- вании элементов из других файлов, вы должны либо использовать файлы с одинаковым ^решением изображения, либо компенсировать разницу в разрешениях. Например, если исходное изображение имее т разрешение 72 ppi, а вы добавляете в него элемен г из изображения с разрешением 144 ppi, то добавляемый элемент появится с вдвое Попылим размером. Исчерпывающую информацию о различных разрешениях можно найти в теме «Pixel dimensions and image resolution» (О размерах пикселов и разреше- нии изображений) справки программы Photoshop. 2 Выберите в меню команду Filter ♦ Extract (Фильтр ♦ Извлечь). На экране поя- вится диалог Extract (Извлечь), в левой верхней области которого будет выб- ран инструмент Edge Highlighter (Подсветка краев) (/^ ). Диалог Extract (Извлечь) позволяет выделять края объекта, определять внутрен- нюю часть объекта и предварительно просматривать извлеченное изображение. Вы можете сколько угодно уточнять и предварительно просматривать результат
www.infanata.org Adobe Photoshop Cl Если нужно, вы можете изменить размеры диалога, перетаскивая его правь нижний угол. 3 В правой части диалога найдите параметр Brush Size (Размер кисти), а затем, если нужно, вводом с клавиатуры или с помощью ползункового регулятора ус- тановите значение 97 в текстовое поле этого параметра. 4 Используя инструмент Edge Highlighter (Подсветка краев), нарисуйте линию вдоль всех краев листа бумаги, чтобы нарисованная линия перекрывала края бумаги. Зеленый кон тур должен образовывать закры тую фигуру вокруг всего листа бумаги. Если вы допустите ошибку и подсветите больше, чем нужно, выберите в диалоге инструмент Eraser (Ластик) (^) и перетаскивайте инструмент над подсветкой в области предварительного просмотра. 5 Выберите инструмент Fill (Заливка) (), который расположен под инструмен- том Edge Highlighter (Подсветка краев). Затем щелкните мышыо внутри обве- денного контуром листа бумаги, ч тобы залить внутреннюю область. Прежде чем вы сможете просмотреть извлечение, вы должны определить внутреннюю область объекта. Стандартный цвет заливки (ярко-синий) хорошо контрастирует с цветом под- светки (зеленым). Если вам нужна большая контрастность с цветами изображе- ния. можно изменить любой из этих цветов с помощью открывающихся списков Highlight (Подсветка) и Fill (Заливка) в диалоге Extract (Извлечь).
www.infanata.org Маски и каналы 6 Щелкните на кнопке ОК, чтобы применить извлечение. На палитре Layers (Слои) появится новый слой Layer О (Слой 0). заменяющий слой Background. В окне изображения появится извлеченная область на фоне шахматного узора, который обозначает прозрачные области изображения. (После извлечения изображения вы можете также подчистить какие-нибудь лиш- ние края в изображении с помощью инструментов Background Eraser (Фоновый ластик) и History Brush (Архивная кисть). 7 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить I свою работу'. V Альтернативный способ создания сложных выделений заключается в выделении областей по цвету. Чтобы сделать это, выберите в меню команду Select ♦ Color Range (Выделение ♦ Цветовой диапазон). Затем используйте инструменты-пипетки в диало- | те Color Range (Цветовой диапазон), чтобы отобрать образцы цветов для вашего выде- ления. Цвета можно отбирать как из окна изображения, так и из окна предварительно- го просмотра. Уточнение выделения в диалоге Extract (Извлечь) Мтобы уточнить выделение, отредактируйте границы извлечения, используя та- кие приемы: • Переключайтесь между видами Original (Оригинал) и Extracted (Извлечен- ная область) с помощью меню Show (Показать).
204 Adobe Photoshop CS3 • Чтобы удалить заливку, щелкните мышыо на залитой области инструментом’ Fill (Заливка). • Чтобы удалить любую нежелательную подсветку, используйте инструмен Eraser (Ластик) (^) из панели инструментов диалога Extract (Извлечь). • Чтобы просмотреть цвета подсветки и заливки, установите флажки Show Highlight (Показать обводку) и Show Fill (Показать заливку). Чтобы скрыть эти цвета, сбросьте флажки. • Увеличьте вид вашего выделения, используя инструмент Zoom (Масштаб) е диалоге Extract (Извлечь). Тогда при редактировании вы сможете использа вать кисть меньшего размера, переключаясь, по необходимости, между инструментом Edge Highlighter (Подсветка краев) и инструментом Eraser (Ластик) для уточнения выделения. • Используйте для быстрого переключения между инструментами Edge Highlighter (Подсветка краев) и Eraser (Ластик), при условии, что один из них является активным, клавиши Г^~| (Edge Highlighter (Подсветка краев)) и Fl (Eraser (Ластик)). • Переключайтесь на кисти меньшего размера, вводя различные размеры кис- ти в текстовое поле Brush Size (Размер кисти), и продолжайте уточнять гра- ницы выделения с помощью инструмента Edge Highlighter (Подсветка кра- ев), либо стирая с помощью инструмента Eraser (Ластик). Перемещение слоев между документами Очень часто встречаются ситуации, когда необходимо переместить слои из одно го документа программы Photoshop в другой документ. Выполнить эту операцию' очень просто. В этом упражнении вы переместите извлеченную текстуру бумага; на композицию обложки книги, чтобы добавить фоновую текстуру. 1 Убедитесь, что в окне программы Photoshop отображаются оба изображена 06Working и Paper, а активным является изображение Paper. 2 Перетащите слой Layer О из палитры Layers (Слои) изображения Paper на центр изображения 06Working. На палитре Layers (Слои) изображения 06Working под верхним слоем Budha появится новый слой с именем Layer 1 (Слой 1). 3 На палитре Layers (Слои) переименуйте новый слой, выделив его имя и указав новое имя Paper (Бумага). 4 Выберите команду меню View ♦ Rulers (Просмотр ♦ Линейки). Перетащим направляющую линейки с верхней части документа на отметку 2' < дюйма. 1
www.infanata,org Маски и каналы 205 '.5 Выберите инструмент Move (Перемещение) (►+) на панели инструментов. I Переместите изображение бумаги, чтобы расположить его по центру вдоль I верхнего края обложки книги. Нижний край изображения бумаги должен | быть выровнен по направляющей, проходящей через отметку 21 । дюйма. Изменение цвета с помошью слоя настройки Сейчас вы создадите слой настройки, чтобы изменить цвет бумаги. 11 Убедитесь, что на палитре Layers (Слои) выделен слой Paper. 2 Щелкните мышью на кнопке Create New Fill Or Adjustment Layer (Создает новый корректирующий I слой или слой-заливку) (®) внизу палитры Layers К (Слои) и выберите значение Hue/Saturation (Цветовой тон/Насыщенность) в появившемся меню. 3 В появившемся диалоге Hue/Saturation (Цветовой I тон/Насыщенность) установите следующие значения, чтобы придать бумаге фиолетовый оттенок: -125 для I параметра Hue (Цветовой той). -56 для параметра Saturation (Насыщенность и -18 для параметра Lightness (Яркость). Щелкните на кнопке ОК.
www.infanata.org Adobe Photoshop! Все изображение приобрело фиолетовый оттенок. Вы можете ограничить об- ласть применения эффекта только изображением бумаги, создав ограничш щий слой. 4 Удерживая нажатой клавишу И (Windows) или Option (Mac OS), наведите ука- затель мыши на линию между слоем настройки Hue/Saturation (Цветовой тон/Насыщенность) и слоем Paper, чтобы вид указателя мыши сменился на значок двух пересекающихся кружков (<§). Затем щелкните мышью, чтобы создать ограничивающий слой. Па палитре Layers (Слои) эскизы слоя Hue/Saturation (Цветовой гон/Насыщена ность) сместятся вправо, а в образовавшемся промежутке появится изображение стрелки, указывающей на слой, находящийся под слоем Hue/Saturation (I (вето-1 вой тон/Насыщенность) в списке - в данном случае, это слой Paper, имя которой го подчеркнуто. Все это говорит о том, что слой Paper ограничен слоем настрой! ки, то есть эффект слоя настройки будет применяться только к этому слою. 5 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить
www.infanata.org Маски и каналы Группирование и ограничение слоев Вы завершите композицию, переупорядочив некоторые слои и добавив текст. и На палитре Layers (Слои) включите видимость слоя Buddha и выделите его. Убедитесь, что этот слой находится в самом верху списка слоев на палитре Layers (Слои). 2 На палитре Layers (Слои) выделите слой Paper и слой настройки Hue/Saturation (Цветовой тон/Насыщенность). Щелкните на значке (- = ) в I правом верхнем углу палитры Layers (Слои), чтобы отобразить меню этой I палитры, и в появившемся меню выберите команду New Group From Layers I (Создать группу из слоев). Назовите новую группу именем Top Paper (Бумага I сверху) и щелкните на кнопке ОК. Сейчас вы создадите дубликат этой группы слоев для нижней части обложки книги. 3 В меню палитры Layers (Сдои) выберите команду Duplicate Group (Создать дуб- I ликат группы). 4 В появившемся диалоге Duplicate Group (Создание дубликата группы) введите [значение Bottom Paper (Бумага снизу) в поле ввода Duplicate As (Имя дублика- та). Щелкните на кнопке ОК. 5 На палитре Layers (Слои) щелкните на треугольниках, расположенных рядом I со слоями Bottom Paper и Top Paper, чтобы отобразить их содержимое. Как ви- I Дите, слой Bottom Paper имеет такую же структуру, что и слой Top Paper. Более I того, слой Top Paper и его дубликат размещаются в одном и том же месте изоб- I ражения. Снова щелкните на треугольниках, чтобы скрыть содержимое слоев.
208 Adobe Photoshop CS3 На палитре Layers (Слои) щелкните на значке глаза для группы слоев Тор Paper, чтобы отключить отображение этой группы. Выделив слой Bottom Paper на палитре Layers (Слои), выберите команду меню! Edit ♦ Transform ♦ Rotate 180° (Редактирование ♦ Трансформирование ♦ Пово-1 Используйте инструмент Move (11еремещение) (N-) для перетаскивания пере-1 вернутого изображения бумаги в нижнюю часть композиции, чтобы верхняя] точка нижнего края изображения находилась примерно па отметке 6' дюйма! вертикальной линейки. 9 На палитре Layers (Слои) щелкните на столбце Show/Hide Visibility (Отобра-1 зить/Скрыть слой) для группы слоев Top Paper, чтобы вновь включить отоб- | раЖение этой группы. 10 Выберите команду меню View ♦ Rulers (Просмотр ♦ Линейки), чтобы скрыть! линейки.
www. infanata. org 1аски и каналы 209 Применение маски из сохраненного выделения Ймните ту красивую маску, которую вы создали в начале этого урока? Пришло время воспользоваться ею. чтобы замаскировать фоновое изображение. Выделите слой Buddha, находящийся в самом верху списка слоев на палитре Layers (Слои). I Выберите команду меню Select ♦ Load Selection (Выделение ♦ Загрузить выде- ! ленную область). В открывающемся списке Channel (Канал) появившегося ди- алога Load Selection (.Загрузка выделенной области) выберите значение Statue. Установите флажок Invert (Инверсия), чтобы инвертировать область выделения. Щелкните мышью на кнопке ОК. 3 Щелкните на кнопке Add Layer Mask (Добавить слой-маску) (КЯ ). расположен- ной в нижней части палитры Layers (Слои), чтобы создать маску для выделен- ной области и скрыть фон статуи. сверь вы видите, насколько полезной оказывается возможность применять сох- аненные альфа-каналы на разных этапах работы над изображением. мните, что вы можете изменять изображение внутри маски: в данном случае. I переместите маску и маскированное изображение вместе.
www.infanata.org 210 Adobe Photoshop СЯ| 4 He снимая выделения co слоя Buddha на палитре Layers (Слои), щелкните на I эскизе маски этого слоя, чтобы выделить маску. Обратите внимание, что йэ I палитре Channels (Каналы) выделен канал Statue. В окне изображения, не I пользуя инструмент Move (Перемещение), переместите маскированное изоЯ ражение так, чтобы верхняя точка нимба и постамент статуи выступали за I края бумаги примерно па половину дюйма. Сейчас вы настроите отображение статуи на бумаге. 5 На палитре Layers (Слои) выделите группу слоен Bottom Paper и перетащив ее вверх по списку, разместив над слоем Buddha. Это необходимо для того, что-1 бы бумага закрывала постамент статуи Будды. 6 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранив свою работу. Использование текста в качестве маски Точно так же, как вы маскируете области изображения с помощью выделений, вы можете выполнять маскирование с помощью текста. В этом упражнении вы отом разите исходную текстуру бумаги, применив текст для маскирования окрашенной бумаги. 1 Выберите инструмент Horizontal Туре (Горизонтальный текст) (Т) на панели инструментов. На панели параметров инструмента выберите шрифт Minion Pro Regular, метод выравнивания Center alignment (Выравнивание по центру) и размер 75 pt. Выберите черный цвет в качестве цвета текста. 2 Щелкните инструментом Horizontal Туре (Горизонтальный текст) в центра верхнего фонового изображения бумаги и введите фразу Zen Garden. 4 Удерживая нажатой клавишу EI (Windows) или Option (Мас OS), перетащите! слой Paper вверх, разместив его прямо над текстовым слоем Zen Garden. В ре- зультате этого действия над текстовым слоем появится копия слоя Paper.
www.infanata.org Маски и каналы Чтобы создать Ограничивающую группу на следующем шаге, вы должны вынести Этот слой с изображением бумаги из группы слоев. Можно ограничивать два слоя ^повременно. ио невозможно одновременно ограничивать группу слоев и слой. 5 Чтобы ограничить слой Paper Сору текстовым слоем Zen Garden, наведите ука- аатель мыши на линию между этими слоями и нажмите клавишу I д" | (Windows) I или Option (Mac OS), чтобы вид указателя мыши сменился на значок ограничи- I вающего слоя в форме двух пересекающихся кружков (*8); щелкните мышыо, I когда указатель мыши примет этот вид. 6 Сквозь буквы текста видна первоначальная золотистая текстура бумаги. Сей- I час вы немного приподнимите текст над поверхностью, применив эффект па- гаающей тени. 7 Чтобы создать эффект падающей тени, выделите текстовый слой Zen Garden. Щелкните на кнопке Add a layer style (Добавить стиль слоя) (f*), расположен- I ной в нижней части палитры Layers (Слои), и выберите в появившемся меню I команду Drop Shadow (Тень). В группе элементов управления Drop Shadow I (Тень) открывшегося диалога Layer Style (Стиль слоя) для параметра Blend Mode (Режим) установите значение Multiply (Умножение); параметру Distance I (Смещение) присвойте значение 12, параметру Spread (Размах) - значение 5, I а параметру Size (Размер) - значение 29. Щелкните на кнопке ОК.
Adobe Photoshop CS Если вы совершите ошибку, случайно добавив эффект Drop Shadow (Тень) к спою Paper Сору, просто перетащите этот эффект на текстовый слой Zen Garden Эффеп будет применен к текстовому слою. Чтобы завершить эту композицию, вы добавите имя автора (ваше имя) на ниж- нюю текстуру бумаги. 7 На палитре Layers ((Злой) убедитесь, что выделен верхний слой в списке слоево- новый текстовый слой будет создан над выделенным слоем. 8 Чтобы раскрасить текст, выберите инструмент Eyedropper (Пипетка) (f) на панели инструментов. Щелкните на светло-зеленом цвете изображения кус- 9 Выберите инструмент Horizontal Туре (Горизонтальный текст) (Т) на панели! инструментов. На панели параметров инструмента выберите шрифт Minion Pro Regular и размер 15 pt. 10 Щелкните инструментом Horizontal Туре (Горизонтальный текст) в цен нижнего изображения текстуры бумаги. Введите имя автора (ваше имя). I 11 Нажмите клавишу II01,11 (Windows) или Command (Mac OS), чтобы переключите ся на инструмен т Move (Перемещение), и перетащите текст в центр нижнего изображения бумаги. ZenGardeii*
www.infanata.org Маски и каналы 213 w.1ожка книги готова. 12 Выберите команду меню File ♦ Save (Файл ♦ Сохранить). №ызавершили этотурок. Хотя для того, чтобы чувствовать себя комфортно с исполь- манием каналов, нужна некоторая практика, вы освоили фундаментальные концеп- ции и приемы, которые необходимы, чтобы начать использовать маски и каналы. Маски и маскирование (Альфа-каналы, маски каналов, отсекающие маски, слой-маски, векторные маски - в чем отличие между ними? В некоторых случаях перечисленные маски являют- ся взаимозаменяемыми: маску канала можно преобразовать в слой-маску, слой- Ьаску в свою очередь можно преобразовать в векторную маску, и наоборот. Ниже приводится краткое описание каждого из типов масок, которое поможет вам не запутаться в этом многообразии. У различных типов масок есть и кое-что общее - все они хранят выделения и позволяют изменять изображение недес- труктивным образом, благодаря чему вы в любой момент времени можете вер- нуться к исходному изображению. • Альфа-канал - также называемый маской или выделением — это дополни- I тельный канал, добавляемый в изображение для хранения выделений в виде полутоновых изображений. Альфа-каналы можно добавлять в изображение I для создания и хранения масок. • Слой-маска - этот тип маски аналогичен альфа-каналу, но применяется к | конкретному слою. Слой-маска позволяет управлять видимостью областей 1 слоя. Слой-маска представляется пустым эскизом, расположенным справа от эскиза слоя на палитре Layers (Слои): черная рамка, окружающая эскиз мас- ки, сообщает о том, что в данный момент выделена маска, а не изображение. • Векторная маска по существу является слой-маской. состоящей из векторов, а не пикселов. Векторные маски не зависят от разрешения изображения, всегда ' имеют четкие края и создаются с помощью инструментов-перьев или инстру- > ментов фигур. Они не поддерживают прозрачность, поэтому их края не могут 1 быть размыты. Их эскизы выглядят точно так же, как эскизы слой-масок. • Отсекающая маска применяется к слою. Она позволяет ограничить влияние эффекта определенными слоями, а не всеми слоями, которые находятся ни- же данного слоя в стеке слоев. При использовании отсекающей маски слои i ограничиваются базовым слоем: изменяется только этот базовый слой. Эски- зы обрезаемого слоя смещены вправо, а в пространстве слева отображается прямоугольная стрелка, указывающая на нижний слой. Имя базового отсека- ющего слоя подчеркивается. • Маска канала ограничивает изменение определенного канала (например, голубого канала в CMYK-изображении). Маски канала полезны при создании сложных или окаймленных выделений или выделений с неопределенными краями. Маску канала можно создавать на основании доминирующего в изоб- ражении цвета или резко выраженного контраста в изолированном канале, например, между предметом и фоном. Альтернативой использованию маски канала является команда Extract (Извлечь), которая позволяет изолировать сложные объекты переднего плана от фона.
www.infanata.org Итоги Обзорные вопросы 1 В чем преимущество использования быстрой маски? 2 Что происходит с быстрой маской, когда вы снимаете с нее выделение? 3 Где сохраняется маска, когда вы сохраняете выделение как маску? 4 Каким образом можно отредактировать маску в канале после ее сохранения? 5 Чем каналы отличаются от слоев? 6 Как можно использовать команду' Extract (Извлечь) для изоляции в изобра- жении объекта с запутанными границами? Ответы на обзорные вопросы 1 Быстрые маски полезны для быстрого создания одноразовых выделений. Кроме того, использование быстрой маски является простым способом ре- дактирования выделения с помощью инструментов рисования. 2 Быстрая маска исчезает, когда вы снимае те с нее выделение. 3 Маски сохраняются в каналах, которые можно представить, как области хра- нения информации о цвете и выделении в изображении. 4 Вы можете рисовать маску прямо в канале, используя черный цвет, белый цвет и оттенки серого цвета. 5 Каналы используются как области для сохранения выделений. Если вы не отобразите канал явно, он не появляется в изображении или при печати. Слои можно использовать для изоляции разных частей изображения с тем, чтобы их можно было редактировать как отдельные объекты инструментами рисования или редактирования, или различными эффектами. 6 Сначала используйте команду Extract (Извлечь) для извлечения объекта и диа- лог Extract (Извлечь) для подсветки краев объекта. Затем определите внут- реннюю часть объекта и предварительно просмотрите извлечение. Приме- нение извлечения стирает фон до прозрачности, оставляя только извлечен- ный объект. Кроме того, вы можете использовать параметр Force Foreground (Окраска объекта), чтобы извлечь монохроматические или однородно окра- шенные объекты, базируясь на их преобладающем цвете.
персональная коллекция фотоснимков Цифровая фотография давно уже пер стала быть уделом профессионалов и широко используется обычными фото любителями. Если у вас есть коллекции цифровых изображений. собранная dm разных клиентов или проектов. либч которые вы хотите улучшить, упакв вить в архив и сохранить для потаи ков. программа Photoshop предоставим в ваше распоряжение набор всех необхи димых инструментов для импортири вания, редактирования и архивирови ния цифровых фотографий.
www.infanata.org У 1’ О К 7. Корректировка и улучшение цифровых фотографий Обзор урока В этом уроке вы узнаете, как делать следующее: в Обрабатывать изображение в патентованном формате цифрового фотоаппа- । рата и сохранять фотоснимки в виде цифрового негатива, соответствующего В отраслевым стандартам. • Выполнять типовые коррекции цифровой фотографии, включая удаление эффек- I та красных глаз и шумов, выявлять тени и повышать яркость отдельных деталей. 1» Корректировать визуальную перспективу объектов в изображении, используя I фильтр Vanishing Point (Точка совмещения). Ь Устранять искажения изображения, вносимые оптическим объективом. в Подготавливать PDF-презентацию из скорректированных изображений. п Использовать самые эффективные методы работы для организации, управле- I ния и сохранения изображений. К Также вы познакомитесь с программой Adobe Photoshop Lightroom™ - новым ком- I понентом линейки продуктов CS3, содержащим все необходимые инструменты для преобразования из патентованного формата цифрового фотоаппарата и Обработки изображения и позволяющим быстро просматривать десятки изоб- I ряжений, наносить авторские знаки и демонстрировать их. выполнение этого урока займет от полутора до двух часов. Если необходимо, уда- лите папку предыдущего урока с жесткого диска и скопируйте на жесткий диск папку Lessons/Lesson07. В процессе работы некоторые исходные файлы будут Крезаписаны. Если потребуется восстановить первоначальные файлы, скопи- руйте их повторно с компакт-диска, прилагаемого к книге.
www. infanata. org 218 Adobe Photoshop CS3M Начало работы В этом уроке вы будете работать с несколькими изображениям, чтобы узнать о под- I держке программой Photoshop обработки и редактирования исходных изображе- ний, отснятых цифровым фотоаппаратом, а также исследуете множество функ* II ций, которые позволякм’улучшать и очищать цифровые фотографии. Вы сохрани- I те каждое отредактированное изображение в папке Portfolio, и в конце данного II урока подготовите слайд-шоу в формате PDF. Этот урок вы начнете с просмотра ис- II ходных и скорректированных изображений в программе Adobe Bridge. 1 Запустите программу Photoshop, а затем сразу нажмите комбинацию клавиш 11 |[ci'i |+|~Zii~| + ||snifi| (Windows) или Command+Ootion+h|ll||| (Mac OS), чтобы 11 восстановить настройки по умолчанию. (Подробности можно найти во II введении к книге.) 2 При появлении запроса щелкните па кнопке Yes (Да), чтобы подтвердить II выполнение операции восстановления исходных настроек, а затем щелкните I на кнопке Close (Закрыть) в верхнем правом углу окна, чтобы закрыть диалог I приветствия. 3 Щелкните на кнопке Go to Bridge (Перейти к Br idge) (J*) на панели парамет- I ров инструментов, чтобы запустить программу Adobe Bridge. 4 Щелкните на вкладке Folders (Папки) в левом верхнем углу окна программы |1 Adobe Bridge, а затем щелкните на папке Lessons (Уроки); дважды щелкните на II папке Lesson07. чтобы отобразить ее содержимое в области просмотра. 5 Убедитесь, что изображение эскизов достаточно крупное, чтобы можно было хорошо рассмотреть изображения, после чего найдите файлы 07A_Start.crw и II 07A_End.psd. До корректировки После корректировки
www.infanata.org |Кррректировка и улучшение цифровых фотографий 219 Исходная фотография церкви, построенной в испанском стиле, содержится в не- мбработанном файле специального формата, расширение которого отличается от .psd — расширения файлов, с которыми до сих пор велась работа в этой книге. Снимок был сделан цифровым фотоаппаратом Rebel компании Canon. Формат создаваемых этим фотоаппаратом файлов защищен патентом Canon и имеет рас- ширение .crw. Вы обработаете исходные файлы изображения, чтобы сделать их ярче, резче и четче, а затем сохраните в формате цифрового негатива (DNG), со- Кветствующего отраслевым стандартам. 6 Найдите файлы 07B_Start.psd и 07B_End.psd. после чего внимательно рас- I смотрите их эскизы. До корректировки После корректировки В этом уроке вы внесёте несколько корректировок в портрет матери с сыном. Включая удаление затемнений, повышение яркости деталей, удаление эффекта Красных глаз и увеличение резкости изображения. № Найдите файлы 07C_Start.psd и 07C_End.psd. после чего внимательно рас- смотрите их эскизы. До корректировки После корректировки Вы отредактируете изображение этого фермерского дома, обшитого красной дос- кой. чтобы добавить окно и удалить праздничный венок, сохранив при выполне- шш коррекций точку совмещения перспективы. № Найдите файлы 07D_Start.psd и 07D_End.psd, после чего внимательно рас- I смотрите их эскизы.
Adobe Photoshop I J До корректировки После корректировки В этом изображении вы откорректируете бочкообразное искажение колонн, вно-1 симое объективом фотоаппарата. Об исходных файлах, отснятых фотоаппаратом Исходный файд, формируемый фотоаппаратом, содержит данные необработан! кого изображения, поступающие с фотодатчиков аппарата. Многие цифровые I фотоаппараты могут сохранять изображения в виде файлов специального форма- та. который зависит от типа аппарата. Преимущество необработанных файлов 1 фотоаппарата заключается в том. что они предоставляют фотографу контроль! над интерпретацией данных изображения, и ему не нужно полагаться на коррск-1 ции и преобразования, вносимые самой камерой. (В отличие от этого, когда для! сохранения отснятых фотографий используется формат JPEG, вся предварителмI пая обработка изображений выполняется вашей камерой.) Поскольку фотоаииа-1 рат ие выполняет какую-либо обработку изображения, вы можете задавать баланЛ белого, тоновый диапазон, контрастность, насыщенность цвета и резкость в! программе Photoshop. Необработанные файлы фотокамеры можно рассмалри-Я вать как фотонегативы. Чтобы добиться нужных результатов, вы можете в любоеI время вернуться назад и повторно обработать файл. Чтобы создать необработанные файлы фотоаппарата, необходимо настроить I цифровую камеру на сохранение изображений в ее собственном формате, кото-1 рый может быть защищен патентами. При загрузке исходного файла из фотоап-Я парата он будет иметь расширение, такое как .nef (для фотоаппаратов Nikon) или | .crw (для фотоаппаратов Canon). В программах Bridge или Photoshop можно обра-| батывать исходные файлы, полученные с помощью фотоаппаратов, входящих в I обширный список поддерживаемых цифровых камер компаний Canon. Kodak, I Leica, Nikon и других производителей. Вы можете даже одновременно обрабаты-1 вать несколько изображений. Затем можно экспортировать исходные файлы па- I тентованных форматов в файл формата DNG (Digital Negative- Цифровой нега-1 тив), который является открытым форматом компании Adobe и предназначен | для стандартизации исходных файлов с фотокамер, либо можно сохранить циф- ровые файлы в других форматах, таких как JPEG. TIFF it PSD.
www.infanata.org {Корректировка и улучшение цифровых фотографий । Диалог Camera Raw (Необработанный файл камеры) позволяет обрабатывать файлы, сохраненные в патентованных форматах поддерживаемых цифровых фо- I тоаппаратов. И хотя диалог Camera Raw (Необработанный файл камеры) позво- ляет открывать и редактировать файлы в формате цифрового фотоаппарата, он не может выполнять сохранение изображения в тот же формат. I Формат Photoshop Raw (расширение .raw) является файловым форматом, используе- мым для переноса изображений между приложениями и компьютерными платформа- ми. Не путайте этот формат с патентованными файловыми форматами цифровых фото- аппаратов. ъ Полный список фотокамер, исходные файлы которых можно обрабатывать в диа- логе Camera Raw (Необработанный файл камеры) можно найти на web-сайте Adobe по адресу www.adobe.com/products/photoshop/cameraraw.html. Обработка исходных файлов снимков При корректировках исходного изображения снимка таких как, выпрямление или , обрезка изображения, программы Photoshop и Bridge сохраняют исходные данные (необработанного файла снимка. Это позволяет редактирован, изображение требу- емым образом, экспортировать отредактированное изображение и сохранять при этом оригинал нетронутым для будущих применений или других корректировок. Открытие исходных изображений снимков । Программы Adobe Bridge и Adobe Photoshop позволяют открывать и обрабатывать несколько исходных изображений фотоснимков одновременно. В этих програм- мах используется идентичный диалог Camera Raw (Необработанный файл каме- ры). который предоставляет широкий набор настроек для корректировки балан- ' са белого, экспозиции, контраста, резкости, цветовых кривых и многого другого. , Если у вас есть несколько экспозиций одного и того же кадра, можно воспользо- ваться диалогом Camera Raw (Необработанный файл камеры) для обработки од- ного из изображений, а затем применить установленные параметры ко всем дру- гим снимкам. Вы выполните такую коррекцию в данном упражнении. 1 В программе Bridge перейдите к папке Lessons/Lesson07/Mission. содержащей I три снимка испанской церкви, которые вы просматривали в предыдущем уп- ражнении. 2 Нажмите клавишу II81,1111 и, не отпуская ее, щелкните на всех изображениях - MissionOI .crw. Mission02.crw и Mission03.crw, а затем выберите команду File ♦ Open in Camera Raw (Файл ♦ Открыть в Camera Raw).
www.infanata.org 222 Adobe Photoshop CS3M А. Эскиз пленки; В. Скрывает/отображает эскиз пленки; С. Кнопка переключения в полноэкранный режим: D. RGB-коды; Е. Палитры с параметрами настройки изображения; F. Гистограмма: G. Меню Settings (Параметры); Н. Регулировки масштаба; I. Щелкните, чтобы отобразить технологические параметры: J. Элементы управления перемещением по снимкам; К. Ползунковые регуляторы настроек. В диалоге Camera Raw (Необработанный файл камеры) отображается крупное 1 изображение первого необработанного снимка, а вдоль левой с тороны диалогиI располагается эскиз пленки, содержащий все открытые исходные изображения I снимков. На гистограмме в правом верхнем углу диалога отображается цветовой! диапазон первого изображения, и технологические параметры в нижней части ди-1 алога показывают для первого изображения цветовое пространство, глубину цве-1 та, размер и разрешение. Набор инструментов, расположенный в верхней части! диалогового окна, позволяет изменять масштаб и панораму изображения, выби- I рать цвета, обрезать, вращать и делать многое другое. Вкладки палитр, размещен- ные вдоль правой стороны диалога, позволяют настраивать для изображения ба- ланс белого, устанавливать цвета, оттенки, управлять деталями изображения, кор I ректировать дисторсию и выполнять калибровку камеры. Кроме того, вы можетё I выбрать существующий набор с предустановленными значениями параметров. I Вы исследуете эти настройки сейчас, редактируя файл первого изображения. I 3 Щелкните на кнопке с изображением стрелки вправо, под основной областью I предварительного просмотра — или прокручивайте «пленку» вниз и по очерк I ди выбирайте каждый эскиз — чтобы в цикле пройти по всем изображениям и I вернуться к снимку MissionOI .crw. 4 Убедитесь, что установлен флажок Preview (Просмотр), находящийся в верх- I ней части диалога, чтобы можно было в интерактивном режиме просматри* I вать коррекции, которые вы собираетесь сделать.
(Корректировка и улучшение цифровых фотографий 223 Настройка баланса белого и экспозиции Баланс белого в изображении отражает условия освещения, в которых делался снимок. Цифровая камера записывает баланс белого на момент фотографирова- ния. и именно этот баланс отображается в диалоге Camera Raw (Необработанный файл камеры) при предварительном просмотре изображения. Баланс белого состоит из двух компонентов. Первый компонент — это температу- ра, которая измеряется в градусах Кельвина и определяет уровень «холодности» или «теплоты» изображения — то есть, его холодных сине-зеленых тонов или теп- лых желто-красных тонов. Второй компонент —это тон, который компенсирует в изображении цветовые оттенки пурпурного и зеленого цвета. Обычно баланс белого, получаемый с помощью фотоаппарата, близок к опти- мальному. но вы можете изменить его. если он несколько отличается от требуемо- го. Изменение в изображении баланса белого представляет отличный вариант на- чала внесения корректировок. 1 Щелкните на вкладке палитры Basic (Основной) (0 ), расположенной в пра- вой части диалога под гистограммой, чтобы отобразить эту палитру на экране. В открывающемся списке White Balance (Баланс белого) выберите значение Cloudy (Облачный). »/«I Температура, соответствующая настройке Cloudy (Облачный) баланса белого, чуть теплее, чем для настройки Daylight (Дневной свет), и отлично подходит для данного изображения, которое снималось в облачный день. Q Чтобы сравнить различные настройки, выберите команду меню Edit ♦ Undo (Ре- дактирование ♦ Шаг назад) или нажмите комбинацию клавиш Ctrl+Z (Windows) или Command >Z (Mac OS).
www.infanata.org Adobe Photoshop CSS 2 Измените положение других ползунков на палитре Basic (Основной) следую щим образом: • Установите значение параметра Exposure (Экспозиция) равным +1.20. • Задайте параметр Brightness (Яркость) равным 50. • Задайте параметр Contrast (Контрастность) равным +29. • Задайте параметр Saturation (Насыщенность) равным -5. Эти настройки помогают усилить средние тона данного изображения, сделать вид изображения более рельефным и объемным без перенасыщения цветов. О гистограмме необработанных отснятых данных Гистограмма в верхнем правом углу диалога Camera Raw (Необработанный файл камеры) одновременно показывает красный (Red), зе- леный (Green) и синий (Blue) каналы прос- матриваемого изображения, причем гисто- грамма обновляется интерактивно по мере изменения любого из параметров. Над гис- тограммой отображаются RGB-коды для об- ласти, находящейся под курсором.
Корректировка и улучшение цифровых фотографий Усиление резкости 225 Далее вы увеличите резкость изображения, чтобы сделать заметным большее чис- ло деталей. 1 Увеличьте масштаб отображения верхней части центральной башни, чтобы можно было разглядеть отдельные детали (установите масштаб не менее 100%). При больших значениях резкости достигается большая проработанность деталей и границ в изображении этой церкви. Изменения, вносимые в диалоге Camera Raw (Необработанный файл камеры), не изменяют данные исходного файла в формате цифрового фотоаппарата. Изменен- ные параметры сохраняются в самом изображении либо в формате Camera Raw. либо в формате «побочных > ХМР-файлов (файлы, которые дополняют исходное изображение в файловом формате цифрового фотоаппарата и находятся с ним в од- ной папке). ХМР-файлы позволяют сохранять измененные параметры, когда файл изображения переносится на носитель информации или на другой компьютер. Синхронизация настроек для нескольких изображений Теперь, когда вы добились потрясающего вида этого одного изображения мис- сии. можно автоматически применить эти настройки необработанного снимка к другим двум изображениям миссии, которые фотографировались в то же время и в тех же условиях освещения. Вы выполните эту операцию с помощью команды Synchronize (Синхронизировать). 1 В левом верхнем углу диалога Camera Raw (Необработанный файл камеры) щелк- ните на кнопке Select АП (Выделить все), чтобы выделить все эскизы на «пленке-. 2 Щелкните на кнопке Synchronize (Синхронизировать).
www.infanata.org 226 Adobe Photoshop CS3 Появившийся диалог Synchronize (Синхронизация) позволяет выбрать парамет- ры, которые вы хотите синхронизировать для выделенных изображений. По умолчанию все параметры (за исключением Crop (Обрезка) и Spot Removal (Удаление пятен)) выбраны. Это подходит для нашего проекта, даже если бы все параметры не изменялись. 3 Щелкните на кнопке ОК. При синхронизации параметров для всех выделенных необработанных снимков их эскизы обновляются, отражая введенные изменения. При желании вы можете, щелкая мышью кнопках со стрелками, пройтись в цикле по изображениям, чтобы просмотреть в области просмотра выполненные корректировки. Сохранение изменений настроек исходных снимков При сохранении изменений решаются две задачи: во-первых, сохранение синхро- низированных изменений во всех трех изображениях, и затем сохранение одно- го изображения, MissionOI, для PDF-портфолио, который вы создадите далее в этом уроке. 1 Убедитесь, что все три изображения по-прежнему выделены в области «плен- ки» диалога Camera Raw (Необработанный файл камеры), и затем щелкните на кнопке Save Images (Сохранить изображения). 2 В появившемся диалоге Save Options (Параметры сохранения) выполните сле- дующие действия: • Выберите то же самое местоположение (папка Lessons/Lesson07/Mission). • В разделе параметров File Naming (Именование файла) оставьте Document Name в первом поле бланка. • Выберите команду Format ♦ JPEG (Формат ♦ JPEG) в раскрывающемся меню внизу диалога. • Щелкните на кнопке Save (Сохранить).
www.infanata.org Это приведет к сохранению исправленных изображений в виде JPEG-файлов с разрешением, уменьшенным до 72 dpi (точек на дюйм). Эти файлы можно по- слать друзьям и просматривать в Интернете. Файлам будут присвоены имена Mission01.jpg, Mission02.jpg и Mission03.jpg. Прежде чем разместить эти изображения в Интернете, возможно, вы захотите открыть их в программе Photoshop, чтобы изменить размеры изображений до 640x480 пиксе- лов. В настоящее время они намного больше, а полноразмерные изображения могут быть невидимы целиком на большинстве мониторов, и для их просмотра потребуется прибегать к прокрутке окна. Программа Bridge возвращает вас в диалог Camera Raw (Необработанный файл камеры) и показывает, сколько изображений было обработано при сохранении всех изображений. Эскизы файлов с расширением .crw по-прежнему отобража- ются в диалоге Camera Raw (Необработанный файл камеры), и теперь у вас есть как JPEG-версии, так и оригиналы, т.е. неизмененные исходные CRW-файлы изображений, которые можно продолжать редактировать или оставить на дру- гой раз. Сейчас вы сохраните копию изображения MissionOI в панке Portfolio, где будут сохраняться все изображения, входящие в ваш портфолио. 3 Выделите на «пленке» в левой части диалога Camera Raw (Необработанный файл камеры) только файл MissionOI .crw, щелкните на кнопке Open Image (Открыть изображение), чтобы открыть (отредактированное) исходное изоб- ражение в Photoshop. 4 Выберите команду меню File ♦ Save As (Файл ♦ Сохранить как). В диалоге Save As (Сохранить как) выберите Photoshop в качестве формата файла и сохрани- те данное изображение с именем Mission_Final.psd в папке Lesson07/Portfolio. щелкнув на кнопке Save (Сохранить). Затем закройте этот файл.
www.infanata.org 228 Adobe Photoshop CS О форматах файлов Во всех моделях цифровых фотоаппаратов для сохранения изображений ис- пользуется свой уникальный формат, однако изображения, сохраненные с ис- пользованием многих из этих форматов, могут быть загружены в диалог Camera Raw (Необработанный файл камеры) программы Photoshop. Диалог Camera Raw (Необработанный файл камеры) обрабатываег файлы камеры с использован» ем стандартных настроек, основанных на встроенных профилях поддерживай мых камер, и данных EXIF. При сохранении исходных файлов снимков предоставляется четыре варианта форматов файлов: DNG (выходной формат диалога Camera Raw (Необрабо тан- ный файл камеры)). JPEG. TIFF и PSD. Все эти форматы могут использоваться, для сохранения растрированиых тоновых RGB- и CMYK-изображений. Кроме того, все эти форматы (за исключением DNG) доступны также в диалогах Save (Сохранить) и Save As (Сохранить как) программы Photoshop. Формат DNG (Digital Negative - Цифровой негатив) компании Adobe содержит: исходные данные изображения, сформированные цифровым фотоаппаратом, а также метаданные, которые определяют назначение данных изображения. Фор мат DNG спроектирован как стандартный отраслевой формат для сохранения ис- ходных данных фотоснимков. Этот стандарт помогает фотографам в работе с разнообразными патентованными форматами фотоснимков и предоставляет им совместимый формат для архивирования. (Сохранять изображения в этом фор мате можно только в диалоге Camera Raw (Необработанный файл камеры).) I Форма т JPEG (Joint Photographic Experts Group - Объединенная группа эксперт тов по машинной обработке фотоизображений) обычно используется для про- смотра в Интернете фотографий и других тоновых RGB-изображений. Этот фор мат сохраняет всю цветовую информацию в изображении, ио за счет выборочг кого отбрасывания данных размер файла уменьшается. Чем больше степень сжатия, тем меньше качество изображения и наоборот. Формат TIFF (Tagged Image File Format — Теговый формат файлов изображений) используется для обмена файлами между приложениями и разными компьютер ными платформами. Формат TIFF является универсальным форматом, который поддерживается практически всеми приложениями рисования, редактирова- ния изображений и верстки. Кроме того, изображения в формате TIFF могут создавать практически все настольные сканеры. Формат программы Photoshop (PSD) является форматом файла, используемым по умолчанию. Благодаря тесной интеграции программных продуктов компа- нии Adobe, другие приложения компании Adobe, такие как Adobe Illustrator, Adobe InDesign и Adobe GoLive, могут напрямую импортировать PSD-файлы и сох- ранять многие возможности файлов Photoshop. Открыв файл, сохраненный в формате цифровой камеры, в программе Photoshop, вы сможете сохранить его не только в фирмачах JPEG, TIFF 11 PSD. но и в других форматах файлов. К таким форматам, совместимым с программой
www.infanata.org ^Корректировка и улучшение цифровых фотографий 229 I "Photoshop, относятся Large Document Format (PSB). Cineon. Photoshop Raw. PNG и Portable Bit Map. (Формат Photoshop Raw (RAW) является файловым форматом, предназиа чениьгм для переноса изображений межд) • различными приложениями и компьютерными платформами - не путайте этот формат с файловым форматом цифровой камеры.) Дополнительную информацию можно найти в справке npoi'- раммы Photoshop. ерь, когда вы ознакомились с тем, как обрабатывать исходные изображения мков, вы узнаете, как выполнять некоторые стандартные коррекции разных >ровых фотографий. >рректировка цифровых фотографий ограмма Photoshop обладает множеством возможностей, которые позволяют ко улучшать качество цифровых фотографий. Сюда относится возможность •оматического выделения деталей изображения в тенях и областях повышен- ной яркости, простое удаление эффекта красных глаз, уменьшение нежелатель- ных шумов в изображении и увеличение резкости изображения. Чтобы исследо- вать эти возможности, сейчас вы отредактируете другое цифровое изображение: портрет матери с сыном. Настройка теней/ярких областей Команда Shadow/Highlight (Света/Тени) предназначена для корректировки 8- и 16-битовых RGB-, CMYK- или Lab-фотографий, объекты которых располагаются на фоне сильного освещения или размыты из-за близости к фотовспышке. Наст- ройка также удобна для осветления тени на изображении, остальные части кото- рого хорошо освещены. В Щелкните на кнопке Go to Bridge (Перейти к Bridge) ('и* ). В окне программы Bridge на панели Folders (Папки) щелкните на папке Lessons (если она еще не [ выбрана), а затем дважды щелкните на папке Lesson07. Найдите изображение 07B_Start.psd и дважды щелкните на нем, чтобы открыть этот файл в програм- | ме Photoshop. 2 Выберите команду меню Image ♦ Adjustments ♦ Shadow/Highlight (Изображение ♦ Коррекция ♦ Света/Тени). Программа Photoshop автоматически применит к I изображению стандартные настройки, осветлит фон. но вы затем настроите
www.infanata.org Adobe Photoshop CS3 их, чтобы выделить больше деталей как в тенях, так и в областях повышенной яркости, а также усилите красный закат в небе. (Убедитесь, что в диалоге Shadow/Highlight (Света/Тени) установлен флажок Preview (Просмотр), что бы можно было просматривать эффект в окне изображения.) 3 В диалоге Shadow/Highlight (Света/Тени) установите флажок Show More Options (Дополнительные параметры) и выполните следующие настройки. • В разделе настроек Shadows (Тени) установите для параметра Amount (Коли- чество) значение 80% и для параметра Tonal Width (Ширина тонового диапазо- на) значение 65%. Оставьте значение параметра Radius (Радиус) равным 30 пикселам. • В разделе настроек Highlights (Света) установите для параметра Amount (Коли- чество) значение 5%. Оставьте значение параметра Tonal Width (Ширина тоно- вого диапазона) равным 50% и значение параметра Radius (Радиус) равным 30 пикселям. • В разделе настроек Adjustments (Коррекция) перетащите ползунок Color Corrections (Цветокоррекция) на значение +45. 4 Щелкните на кнопке ОК, чтобы ввести в действие выполненные изменения.
www.infanata.org Корректировка и улучшение цифровых фотографий 5 Выберите команду File ♦ Save (Файл ♦ Сохранить), введите новое имя файла 07B_Working.psd и щелкните на кнопке Save (Сохранить), чтобы сохранить I выполненную работу. Корректировка эффекта красных глаз Эффект красных глаз возникает при отражении от сетчатки снимаемого субъекта света фотовспышки. Обычно этот эффект присутствует на фотографиях людей, снятых в плохо освещенной комнате, поскольку в этих условиях зрачки широко откры ты. В программе Photoshop можно легко устранить эффект красных глаз. Да- лее вы удалите эффект красных глаз на фрагменте лица мальчика, присутствую- щего па фотографии матери и сына. Л Используя инструмент Zoom (Масштаб), очертите рамку' выделения вокруг глаз мальчика, чтобы увеличить масштаб их изображения. 2 Выберите инс трумент Red Eye (Красные глаза) ( » ). скрытый под инструмен- том Spot Healing Brush (Точечная восстанавливающая кисть). 3 На панели параметров инструмента оставьте значение параметра Pupil Size I (Размер зрачка) равным 50%. но измените значение параметра Darken Amount I (Величина затемнения) до 10%. Параметр Darken Amount (Величина затемне- ния) определяет, насколько темным должен быть зрачок. Так как глаза этого I мальчика голубые, желательно установить настройку Darken Amount (Величи- I на затемнения), соответствующую более светлому зрачку, по сравнению со I стандартной настройкой.
www.infanata.org Adobe Photoshop i 4 Щелкните на красной области изображения левого глаза мальчика, зате щелкните на красной области изображения в его правом глазе. Отражение св та на сетчатке исчезнет. 5 Верните масштаб изображения обратно к 100%, зажав клавишу | "" | (Windows) или Option (Mac OS) и щелкнув в окне изображения инструментом Zoom (Масштаб). 6 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить вы- полненную работу. Уменьшение шума изображения Следующая коррекция, которая будет выполняться на этом изображении, состо-' ит в уменьшении величины шума, содержащегося на фотографии. Шум изображе- ния — это случайные, посторонние пикселы, которые не относятся к деталям] изображения. Причинами появления шумов могут быть высокое значение пара- метра ISO в цифровом фотоаппарате, недостаточная экспозиция или съемка в темноте с большими выдержками затвора. Сканированные изображения могут содержать шум, причинами которого являются датчик сканирующего устройства или зернистость сканируемой пленки. Существует два типа шумов изображения: шумы сигнала яркости, являющиеся полутоновыми данными, придающие изображению зернистость или пятнис- тость, и шумы сигнала цветности, которые обычно проявляются на изображе- нии в виде цветовых искажений. Фильтр Reduce Noise (Уменьшение шума) про- граммы Photoshop может применяться для уменьшения шумов обоих типов в от- дельных цветовых каналах, сохраняя при этом детали краев. Кроме того, этот фильтр позволяет бороться с паразитными искажениями, появляющимися при JPEG-сжатии. Вы начнете с увеличения масштаба изображения неба, чтобы лучше разглядеть шумы па этой фотографии. 1 Используя инструмен т Zoom (Масштаб), щелкните в центре изображения неба над головой женщины и увеличьте масштаб приблизительно до 300%. Шумы на этой фотографии выглядят как пятнышки и неровности с неравномер- ной зернистостью в небе. Используя фильтр Reduce Noise (Уменьшение шума), можно смягчить и сгладить эту область, придав небу дополнительную глубину.
Корректировка и улучшение цифровых фотографий 233 •2 Выберите команду меню Filter ♦ Noise ♦ Reduce Noise (Фильтр ♦ Шум ♦ Умень- шение шума). 3 В диалоге Reduce Noise (Уменьшение шума) выполните следующие настройки: и Уменьшите значение параметра Strength (Интенсивность) до 5. (Параметр Strength (Интенсивность) управляет величиной шумов сигнала яркости.) в. Увеличьте значение параметра Preserve Details (Сохранить детали) до 70%. Оставьте ползунок Reduce Color Noise (Уменьшить цветовой шум) на значении 45%. Увеличьте значение параметра Sharpen Details (Резкость деталей) до 35%. м не надо устанавливать флажок Remove JPEG Artifact (Удалить искажения EG), так как это изображение сохранено в формате, отличном от JPEG, и поэ- му не имеет искажений JPEG-формата. 5ы удалить шум в отдельных каналах изображения, можно щелкнуть мышью на 7ке Advanced (Дополнительно), затем щелкнуть на вкладке Per Channel (Для кана- и установить те же параметры в каждом канале. '4 Чтобы ясно видеть результаты изменений, щелкните на кнопке со знаком I плюс, которая находится в нижней части диалога, для увеличения масштаба I приблизительно до 300%, а затем перетащи те изображение так, чтобы в области
234 Adobe Photoshop CS3 предварительного просмотра находился фрагмент неба. Щелкните в облас ти предварительного просмотра и удерживайте кнопку мыши нажатой, чтобы увидеть изображение, каким оно было до изменений, а затем отпустите кнопку мыши — в области предварительного просмотра отобразится изображение, со- держащее все изменения. Или проверьте, чтобы был установлен флажр! Preview (Просмотр), и просмотрите результаты корректировок в основном ок- ис изображения. 5 Щелкните на кнопке ОК. чтобы применить изменения и закрып. диалог Reduce Noise (Уменьшение шума), затем дважды щелкните на инструменте' Zoom (Масштаб), чтобы вернуться к масштабу изображения равному 100%. I 6 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить про- деланную работу. Увеличение резкости границ При уменьшении шума изображение может смягчаться, поэтому в качестве пос- ледней коррекции данной фотографии вы увеличите резкость изображения, что- бы повысить его четкость. В группе фильтров Sharpen (Резкость) программы Photoshop предлагается не- сколько фильтров, включая Sharpen (Резкость). Unsharp Mask (Контурная рез- кость). Sharpen Edges (Резкость на краях) и Smart Sharpen (Специальное обост- рение). Все эти фильтры фокусируют размытые изображения путем увеличения контраста соседних пикселей, но некоторые фильтры справляются с данной зада- чей лучше, чем другие фильтры, что помимо прочих причин зависит от того, тре- буется ли увеличить резкость всего изображения или только его части. Фильтр Smart Sharpen (Специальное обострение) повышает резкость изображения, од- новременно также уменьшая шумы, и позволяет указывать, к чему применяется фильтр: ко всему изображению, к его теням или к ярким областям. 1 Выберите команду меню Filter ♦ Sharpen ♦ Smart Sharpen (Фильтр ♦ Резкость♦ Специальное обострение). 2 В диалоге Smart Sharpen (Специальное обострение) выполните следующие настройки: • Уменьшите значение параметра Amount (Величина) до 40%. • Задайте значение параметра Radius (Радиус) равным 5 пикселам. • В раскрывающемся меню Remove (Удалить) выберите команду Lens Blur (Раз- мытость объектива). • Установите флажок More Accurate (Дополнительная точность). Q Дополнительные сведения по другим фильтрам группы Sharpen (Резкость) можно найти в справке по Photoshop.
www. infanata. org Корректировка и улучшение цифровых фотографий 235 * X К X -8- га о. I- с I" © 8- и 3 н 0 к© га о. 2 о X Q. X © 2 х < га х о х и и I о -8- о о. с Джэй Граам (Jay Graham) Джэй Граам работает фотографом уже более 22 лет. Он начал свою карьеру с проектирования и строи тель- ства домов по заказам владельцев. На сегодняшний ден ь клиентами Граама являются компании из различных индустрий: рекламной, архитектурной, печатной и туристической. С его портфолио можно ознакомиться в Интернете по адресу jaygraham.com. Все дело в хороших привычках Продуманная последовательность действий и хорошие привычки в работе будут постоянно приводить вас в восторг от цифровой фото- графии - ваши изображения будут блистать, а вы будете убережены от ночных кошмаров, связанных с потерей результатов упорного труда, которые вы никогда не копировали. Здесь дается краткое опи- сание основной последовательности действий при работе с цифро- выми изображениями - по этой теме написано великое множестве) книг - от профессионального фотографа с 22-летним стажем. Прие- мы, которые описывает Джэй Граам, - как настраивать камеру и уп- равлять процессом обработки цветов; какие форматы файлов ис- пользовать для хранения отснятого материала; как организовывать и управлять изображениями; как демонстрировать изображения кли- ентам, друзьям и членам семьи - помогут получить из отснятого ма- териала все, что только возможно. Граам использует программу Adobe Bridge дм организации тысяч изображений.
wm. inf anat a. org 236 Adobe Photoshop I «Чаше всего люли жалуются на то, что они теряют изображения - тле они нахолятся, что на них изображено?» - говорит Граам. - «Поэтому, именование файлов имеет особое значение». Начните с установки параметров вашей камеры формате файла Камеры, который содержит всю необходимую информацию об изображении. При Создавайте исходный материал наилучшего качества Переносите изображения на компьютер Для переноса изображений с камеры на компьютер используйте устройство считывания карт намят 1 вместо подключения камеры к компьютеру. Устройства считывания карт памяти не требуют, чтобы каме- Организовывайте свои файлы исполыгуемый при именовании файлов, будет сброшен и появятся файлы с одинаковыми именами, 1 Для переименования, присваивания ранга и добавления описаний метаданных к фотографиям, который вы собираетесь сохранить, используйте программу Adobe Bridge; удалите файлы, которые вам ие нужны. I Граам для именования своих файлов использует дату (и, возможно, название объекта). Он бы сохра- нил серию фотографий, снятых 12 декабря 2006 года па пляже Стинсон (Stinson), в папке с именем 20061212_Stinson-; все изображения внутри этой папки были бы названы последовательно - 2006_1212_01» или -001 • и гак далее. Он говорит: "Такой способ именования значительно упроща- ет размещение изображений на жестком диске-. Следуйте соглашению по именованию файлов в опе- рационной системе Windows, чтобы имена файлов были пригодны для использования па платформах, отличных от платформы Macintosh (максимальная длина имени файла 32 символа: в имени файла Преобразуйте изображения из файлового формата камеры в файловый формат Adobe Сохраняйте модифицированные файлы, хранящиеся в файловом формате цифрового фотоаппарата, в формате DNG Этот открытый формат может быть прочитан любым устройством, в отличие от многих патентованных форматов файлов цифровых фотоаппаратов. Храните оригинальное изображение Показывайте изображения клиентам и друзьям Выбирайте наилучший цветовой профиль для просмотра изображения па экране или для печати, а также определяйте окончательное разрешение изображения, влияющее на качество и размер файла. Для просмотра фотографий па экране монитора или для печати фотографий через Интернет исполгг Adobe 1998, чтобы воспроизвести изображения с разрешением ISO dpi и выше. Создавайте резервные копии своих изображений жесткий диск для автоматического создания резервных КОПИЙ-
Корректировка и улучшение цифровых фотографий 237 Параме тр Remove (Удалить) определяет алгоритм, используемый для увеличения (резкости изображения. Фильтр Unsharp Mask (Контурная резкость) использует алгоритм размытия по Гауссу. Алгоритм Lens Blur (Размытость объектива) опреде- " ляет границы и детали в изображении и обеспечивает более тонкую настройку резкости деталей, и приводит к меньшему числу «ореолов», возникающих в ре- зультате изменения резкости. Алгорит м Motion Blur (Размытие в движении) удаля- ет размытие. возникающее в результате перемещения камеры или объекта съем- ки. и имеет элемент управления Angle (Угол). При установке флажка More Accurate (Дополнительная точность) достигается бо- I лее точное увеличение резкости, но на это затрачивается больше времени. 3 Чтобы рассмотреть результаты применения фильтра Smart Sharpen (Специ- альное обострение), щелкните в области предварительного просмотра и удер- живайте кнопку мыши, затем отпустите кнопку мыши. Или попеременно уста- навливайте и сбрасывайте флажок Preview (Просмотр), просматривая резуль- даты в основном окне изображения. 4 Щелкните на кнопке ОК. чтобы применить внесенные изменения и закрыть I диалог Smart Sharpen (Специальное обострение). 5 Выберите команду меню File ♦ Save As (Файл ♦ Сохранить как). В диалоге Save As (Сохранить как) присвойте файлу имя Portrait_Final.psd. перейдите в папку Lesson07/Portfolio и сохраните файл. Затем закройте окно изображения. Поздравляем! Вы внесли в цифровую фотографию несколько типовых коррек- ций. Далее вы попробуете выполнить несколько необычную операцию — редакти- , рованне изображения с одновременным сохранением его перспективы. Редактирование изображений с перспективой, сходящейся в точке -Фильтр Vanishing Point (Точка совмещения) позволяет определять в изображении оскости перспективы, а затем окрашивать, клонировать и трансформировать >ражепия в соответствии с этой перспективой. Можно даже создать несколько
www.infanata.org 238 Adobe Photoshop CSS связанных друг с другом плоскостей путем разрыва ранее определенной плоско сти на несколько перпендикулярных плоскостей. Затем можно окрашивать, кло- нировать и трансформировать разные плоскости, и программа Photoshop автомз тически выполнит масштабирование и ориентацию выполненных редактиров? ний с надлежащей перспективой по всему изображению. Фильтр Vanishing Point (Точка совмещения) работает с изображениями, в кото- рых на каждый канал приходится 8-битов, и не работает с векторными рисунка- ми. Чтобы использовать этот фильтр, сначала создается сетка, определяющая перспективу; затем выполняется обычное редактирование изображения. Фильтр Vanishing Point (Точка совмещения) корректирует выполненное редактирование для определенной визуальной перспективы. Определение сетки В этом упражнении вы будете рабо тать с изображением дома, покрытого снегом. | Вы используете фильтр Vanishing Point (Точка совмещения), чтобы добавить на стену окно и удалить праздничный венок, одновременно сохраняя визуальную] перспективу. 1 Щелкните на кнопке Go to Bridge (Перейти к Bridge) (!<*'). В окне программы I Bridge на панели Folders (Папки) щелкните на папке Lessons (если она еще не выбрана), а затем дважды щелкните на папке Lesson07. Найдите изображение 07C_Start.psd и дважды щелкните на нем, чтобы открыть этот файл в програм- ме Photoshop. Вы начнете с определения сетки перспективы. Затем вы создадите четвертое ок- но и удалите праздничный венок. 2 Выберите команду меню Filter ♦ Vanishing Point (Фильтр ♦ Точка совмещения). Щелкните на кнопке ОК, если на экране появится предупреждение о том, что сохраненные плоскости были обновлены до текущей версии и после сохране- ния файла они не смогут быть откры ты в предыдущих версиях программы.
www.infanata.org Корректировка и улучшение цифровых фотографий 239 I Эскиз изображения появится в диалоге Vanishing Point (Точка совмещения), кото- рый предоставляет разнообразные инструменты и параметры для создания сетки перспективы. 3 Используя инструмент Create Plane (Создать плоскость) (т»), определите раз- I мер и форму плоскости перспективы, последовательно щелкая на каждой из че- I тырех угловых точках основной стены дома. Старайтесь щелкнуть в четырех уг- । лах, где красная наружная обшивка дома стыкуется с белой отделкой. В результа- те щелчков появится синий контур. Последний щелчок сделайте над растением, в правом нижнем углу. Когда вы закончите щелкать, программа Photoshop отоб- разит синюю сетку на плоскости, которую вы только что определили. Если вы сделали ошибку, например, если появится красная граница, а сетка перспек- тивы - нет, нажмите клавишу Delete и повторите попытку, или перетащите маркеры, чтобы исправить сетку. 4 Если необходимо, перетащите угловой или боковой маркер, чтобы скорректи- I ровать сетку.
www.infanata.org 240 Adobe Photoshop CSj Редактирование объектов в изображении Сейчас, когда сетка перспективы создана, можно выделить и переместить окно. I 1 На панели инструментов диалога Vanishing Point (Точка совмещения) выберЛ те инструмент Marquee (Область) (;!}). Обратите внимание, что подробная сетка исчезла из окна предварительного просмотра, ее заменил синий контуп сетки перспективы, который в меньшей степени отвлекает внимание. 2 Чтобы слегка размыть границы области, которую вы собираетесь выделить, установите значение 3 для параметра Feather (Растушевать), расположенной в верхней части диалога. Оставьте значение параметра Opacity (НепрозраЛ ность) равным 100 и Heal (Восстановление) равным Off (Выключено). Пара-1 метр Move Mode (Режим перемещения), для которого установлено значения Destination (Пункт назначения), должен быть затенен и недоступен. Параметр Heal (Восстановление) определяет, как выделение, клонирование или цвет- ной штрих смешивается с цветом, освещением и тенями окружающих пикселов,] При настройке Off (Выключено) не происходит смешения выделения или штриха с цве- том, освещением или тенью окружающих пикселов. Настройка Move Mode (Режим пе- ремещения) определяет поведение объекта при перемещении выделения. Значение] Destination (Пункт назначения) позволяет перемещать область выделения в любое' место изображения. Дополнительные сведения по этим параметрам содержатся в ин- терактивной справке по программе Photoshop. 3 Нарисуйте перетаскиванием мыши область выделения вокруг центрального ок- I на, так чтобы выделение было немного больше окна. Затем, удерживая нажатой I клавишу | А" | (Windows) или Option (Mac OS), нажмите и удерживайте клавишу! Ilshi|i I. чтобы сохранить выравнивание плоскости, и перетащите выделенную об-1 ласть вправо. Отпустите кнопку' мыши, когда скопированное окно расположит-! ся между правым окном и дальним краем стены. При перетаскивании програм-1 ма Photoshop масштабирует выделение в соответствии с перспективой стены.
www. infanata. org {Корректировка и улучшение цифровых фотографий 4 Для подготовки удаления венка со стены выберите инструмент Zoom (Масш- I таб) и протащите инструмент над тремя окнами с левого края, чтобы увели- В чить масштаб их отображения. 5 Переключитесь обратно на инструмент Marquee (Область) (;.;) и протащите В Инструмент, чтобы выделить пустую стену между двумя левыми окнами. 6 Еще раз нажмите клавишу | А" | (Windows) или Option (Mac OS) и. удерживая кла- I вишу |iShlll|. перетащите выделение стены между центральным и правым окном. I поверх венка. ' Хотя скопированное выделение сохраняет перспективу в своем новом местопо- I ложении. оно не закрывает весь венок. Часть венка по-прежнему видна на изобра- |Кении. Далее вы устраните этот недостаток. 7 Выберите инструмент Transform ( Трансформировать) (Kf). Обратите внима- | вне. что программа Photoshop теперь отображает маркеры на выделении 8 Перетащите трансформирующие маркеры, чтобы расширить выделение и зак- рыть венок. Если необходимо, используйте клавиши со стрелками, чтобы точ- Ь по установить форму и размер выделения и выровнять клонированные обши- ночные Дреки. В Сбросьте флажок Show Edges (Показать границы) и вернитесь к прежнему. I уменьшенному масштабу, чтобы просмотреть результаты проделанной работы. V Затем щелкните на кнопке ОК. чтобы применить фильтр Vanishing Point (Точ- ка совмещения). 10 Выберите команду меню File ♦ Save As (Файл ♦ Сохранить как). В диалоге Save As (Сохранит!, как) присвойте файлу имя Farmhouse_Final.psd и сохраните его в папке Lesson07/Portfolio. Затем закройте окно изображения. [Изображения с примененным фильтром Vanishing Point (Точка совмещения) должны [сохраняться как PSD-. TIFF- или JPEG-файлы, чтобы в изображении сохранилась ин- формация о плоскости перспективы. шее вы скорректируете изображение, которое содержит искажение, вносимое гьективом фотоаппарата.
Adobe Photoshop CS3| —I С помощью программы QuickTime просмотрите ролик Vanishing Point, чтобы полу- чить общее представление об этой возможности, позволяющей определять перс- пективу и работать с несколькими плоскостями. Этот ролик накодится в папке Movies на прилагаемом к книге «Adobe Photoshop CS3. Официальный учебный курс- компакт-диске и называется Vanishing Point, mov. Чтобы открыть файл ролика, дважды щелкните на нем; после этого щелкните на кнопке Play (Воспроизведение). Корректировка искажений изображения Фильтр Lens Correction (Коррекция дефекта объектива) устраняет распростра-1 пенные дефекты, вносимые объективом фотоаппарата, такие как бочкообразные! и подушкообразные искажения, хроматическая аберрация и виньетирование. Бочкообразное искажение — это дефект объектива, из-за которого прямые линии I изгибаются к краям изображения. Подушкообразное искажение — противополож- ный эффект, при котором прямые линии изгибаются внутрь. Хроматическая I аберрация проявляем ся как цветной ореол вдоль границ объектов изображения. Виньетирование возникает, когда края изображения, особенно углы, темнее Некоторые объективы создают эти дефекты в зависимости от используемого фо- кусного расстояния или позиций фокусировки. Настройки фильтра Lens Correction (Коррекция дефекта объектива) можно изменять в соответствии с фо- тоаппаратом, объективом и фокусным расстоянием, используемым при съемке^ Можно также использовать фильтр для поворота изображения или для исправле- ния искажения перспективы изображения, возникающего из-за вертикального или горизонтального наклона фотоаппарата. Сетка изображения, присутствуй щая в фильтре, упрощает эти корректировки и позволяет выполнять их более точно по сравнению с командой Transform (Трансформирование).
www.infanata. org Корректировка и улучшение цифровых фотографий 243 В этом упражнении вы скорректируете вносимое объективом искажение на изображении греческого храма. 1 Щелкните на кнопке Go to Bridge (Перейти к Bridge) (•'). В окне программы Bridge на палитре Favorites (Избранное) щелкните на папке Lessons (если * она еще не выбрана) и затем дважды щелкните на папке Lesson07. Найдите изображение 07D_Start.psd и дважды щелкните на нем, чтобы открыть эго изображение в программе Photoshop. Обратите внимание, как колонны изгибаются в сторону камеры и кажутся ис- кривленными. Это искажение возникло из-за того, что съемка выполнялась слиш- ком близко с помощью широкоугольного объектива. 2 Выберите команду меню Filter « Distort ♦ Lens Correction (Фильтр ♦ Искажение ♦ Коррекция дефекта объектива). Изображение появится в диалоге Lens Correction (Коррекция дефекта объектива) с крупным интерактивным эски- зом. слоем сетки выравнивания и параметрами в правой части окна. Эти пара- метры предназначены для удаления искажения, корректировки хроматичес- кой аберрации, удаления виньеток и трансформирования перспективы. 3 В диалоге Lens Correction (Коррекция дефекта объектива) выполните следую- щие настройки:
www. infanata. org 244 Adobe Photoshop CS • Перетащите ползунок Remove Distortion (Удалить искажение) приблизится но на значение +52.00, чтобы удалить бочкообразное искажение изображ ния. Пли выберите инструмент Remove Distortion (Удалить искажение) (у)) перетаскивайте его в области просмотра изображения, чтобы убрать искаж ние. наблюдая, когда ползунок Remove Distortion (Удалить искажение) дости нет значения +52.00. В результате этого действия изображение изогнется внутрь; следующие настро ки исправят эту проблему. При выполнении этих изменений наблюдайте за сеткой выравнивания, чтобы ув, деть, когда вертикальные колонны выпрямятся на изображении. • В раскрывающемся меню Edge (Граница) выберите команду Transpareni (Прозрачность), если она еще не выбрана. • Перетащите ползунок Scale (Масштабировать) на 146%. 4 Щелкните на кнопке ОК, чтобы применить введенные изменения и закрьг диалог Lens Correction (Коррекция дефекта объектива). Криволинейное ио жение, возникшее из-за использования широкоугольного объектива и низко угла съемки, устранено. 5 (Необязательный шаг) Чтобы просмотреть эффект внесенного изменения главном окне изображения, нажмите два раза комбинацию клавиш IIС|г| 1+Г (Windows) или Command'!?] (Mac OS), чтобы отменить и повторно примени- фильтр. Сейчас вы сохраните изображение для своего PDF-портфолио. 6 Выберите команду меню File ♦ Save As (Файл ♦ Сохранить как). В диалоге Sai As (Сохранить как) присвойте файлу имя Columns_Final.psd и сохраните его папке Lesson07/Portfolio. Затем закройте окно изображения.
www.infanata.org {Корректировка и улучшение цифровых фотографий 245 Программа Adobe Photoshop Lightroom Модульная и ориентированная на выполнение определенных задан программа Adobe Photoshop Lightroom представляет собой усовершенствованную среду обработки изображений - процесс обработки может начинаться с загрузки изображения № файловом формате цифрового фотоаппарата и заканчиваться печатью фо- ' (’Программа Adobe Photoshop Lightroom ускоряет работу профессиональных фо- Ийографов. поскольку опа объединяет в себе все необходимые инструменты для IVпреобразования и обработки изображений из файловых форматов цифровых | фотоаппаратов. Представьте, что программа Lightroom - это цифровое устрой- ство для просмотра изображений с подсветкой, - но на стероидах. Одним щелч- I ком мыши вы можете сделать так, чтобы панели управления и инструменты II растворились на заднем плане в режиме Lights-Out (Без огней), а в централь- I noii области появилось изображение. Используйте возможность Identity Plate L (Номерной знак), позволяющую нанести свой собственный авторский знак на I изображение и продемонстрировать свою работу. Возможности программы I, позволяют быстро просматривать тысячи изображений и мгновенно увеличи- вать детали изображения. J Программа Lightroom использует технологию Adobe Camera Raw, поддерживаю- I щую более 125 патентованных файловых форматов цифровых фотоаппаратов - Исключая форматы новейших моделей камер. Вы можете использовать програм- I му Lightroom с новейшими камерами, будучи уверенным, что файлы изображе- I нин будут распознаны не только сейчас, но и в будущем. Вот лишь некоторые из возможностей программы Lightroom: I • Интуитивно понятные инструменты корректировки изображений, включая 11 настройку градационной кривой для визуального изменения полутонов, те- Г ней и ярких областей. Раздел!.ные элементы управления оттенками изобра- И жеппя позволяют создавать более насыщенные черно-белые изображения - улучшен контроль над вносимыми изменениями и их применением к опреде- I ленным областям изображения па гистограмме.
www.infanata.org 246 Adobe Photoshop CSS • Экономящая время возможность преобразования и переименования импор- тированных файлов в формат Digital Negative (DNG) пли переименования и разделения их на группы по папке или дате. • Быстрый поиск изображений с использованием фильтров, шаблонов и различ- ных критериев поиска. • Возможности для демонстрации изображений в виде слайд-шоу с тенью, рамка- ми, авторскими знаками и на цветном фоне. Вы можете управлять размером и позицией изображений, а готовое слайд-шоу может быть представлено в фор- матах Adobe Flash®, Adobe Portable Document Format (PDF) и HTML. • Шаблоны обзорных листов при желании могут быть изменены с целью добавлю ния авторских знаков или создания произведения изобразительного искусства. Чтобы познакомиться с работами сообщества пользователей программы Lightroom, размещаемых на сайте компании Adobe, просмотрите слайд-шоу, пос- вященное этой программе, по адресу http://www.adobe.com/products/photo- shoplightroom/. Создание PDF-портфолио Из набора файлов Photoshop можно создать слайд-шоу в формате Adobe PDF или многостраничный PDF-документ, применив команду PDF Presentation (PDF-нрезен- тация) в программе Photoshop или Bridge и установив требуемые параметры. Можно выбрать в папке файлы, которые вы хотите включить в презентацию, или просто выделить папку для включения в презентацию всех файлов, хранящихся в ней. Теперь, после того, как вы создали портфолио изображений (в папке Portfolio), мож- но легко превратить их в слайд-шоу формата PDF для передачи клиентам и друзьям. 1 Щелкните на кнопке Go to Bridge (Перейти к Bridge) (,»»). В окне программы Bridge на палитре Favorites (Избранное) щелкните на папке Lessons (если она еще не выбрана) и перейдите в папку Lesson07/Portfolio. В папке Portfolio должны находиться следующие файлы: mission_final.psd, portrait final.psd, farmhouse final.psd и columns final.psd. 2 Выберите команду меню Tools ♦ Photoshop ♦ PDF Presentation (Инструменты • Photoshop ♦ PDF-презентация). В программе Photoshop откроется диалог PDF Presentation (PDF-презентация). Обратите внимание, что четыре файла из папки Portfolio уже отображаются в об ласти Source Files (Исходные файлы). 3 В диалоге PDF Presentation (PDF-презентация) выполните следующие действия: • В разделе настроек Output Options (Параметры вывода) выберите значение Presentation (Презентация). • В разделе настроек Presentation Options (Параметры презентации) установите флажок Advance Every (Смена кадров каждые) и оставьте значение, предлагае- мое по умолчанию, равное 5 секундам.
и улучшение цифровых фотографий 247 Установите флажок Loop after Last Page (Повтор после последней страницы). Из раскрывающегося меню Transition (Переход) выберите значение Wipe Right (Стирание вправо). Щелкните на кнопке Save (Сохранить). В появившемся диалоге Save ((’охранение) введите Photography_portfolio.pdf в качестве имени файла и укажите панк} Lesson07 в качестве места сохранения. (Не выбирайте папку Portfolio.) Затем щелкните на кнопке Save (Сохранить).
www.infanata.org 248 Adobe Photoshop C! 5 В диалоге Save Adobe PDF (Сохранение Adobe PDF) выполните следуют действия: • Выберите в раскрывающемся списке Adobe PDF Preset (Набор настроек Adol PDF) пункт Smallest File Size (Наименьший размер файла), чтобы созда' PDF-документ, оптимальный для просмотра па экране. • В разделе настроек Options (Параметры) установите флажок View PDF Aft Saving (Просмотр PDF после сохранения). • Щелкните на кнопке Save PDF (Сохранить PDF). Если в компьютере установлена программа Adobe Acrobat или Adobe Reader, открое тся автоматически и запустит презентацию слайд-шоу в формате PDF. 6 Когда слайд-шоу закончится, нажмите клавишу |{Esc|. чтобы вернуться в оС ное окно программы Acrobat. Затем выйдите из приложения Acrobat и ве[ тесь в программу Photoshop. Отличная работа! Вы успешно создали и продемонстрировали портфолио св работ.
Итоги Обзорные вопросы 1 Что происходит с изображениями, отснятыми цифровым фотоаппаратом, при их редактировании в программе Photoshop или Bridge? 2 В чем заключается преимущество файлового формата Adobe Digital Negative? 3 Как скорректировать эффект красных глаз в Photoshop? 4 Расскажите, как исправить распространенные дефекты объектива в про- I грамме Photoshop. Из-за чего возникаю т подобные дефекты? Ответы на обзорные вопросы 1 Файл, отснятый цифровым фотоаппаратом, содержит необработанные дан- ные изображения, поступающие с датчиков изображения цифрового фотоап- парата. Исходные файлы, отснятые фотоаппаратом, предоставляют фотогра- фам возможность управления преобразованием данных изображения вместо выполнения корректировок и преобразований средствами фотоаппарата. При внесении корректировок в исходное изображение, отснятое фотоаппаратом, программы Photoshop и Bridge сохраняют данные исходного файла, сформиро- ванного фотоаппаратом. Таким образом, вы можете редактировать изображе- ние любым требуемым образом, экспортировать его и при этом сохранять ори- гинал нетронутым для будущих применений и других корректировок. 2 Файловый формат DNG (Digital Negative - Цифровой негатив) компании Adobe сохраняет данные исходного изображения из цифрового фотоаппарата, а так- же метаданные, которые определяют назначение данных изображения. Фор- мат DNG - э го отраслевой стандарт, предназначенный для хранения данных ис- ходного изображения, отснятого цифровым фотоаппаратом. Этот стандарт по- могает фотографам работать с патентованными форма тами файлов цифровых фотоаппаратов и предоставляет совместимый формат архивирования. 3 Эффект красных глаз возникает, когда сетчатка снимаемого субъекта отража- ет свет фотовспышки. Чтобы удалить эффект красных глаз в Adobe Photoshop, увеличьте масштаб изображения глаз человека, выберите инструмент Red Eye (Красные глаза) и щелкните на области изображения красных глаз. Отра- жение красного света исчезнет. * Фильтр Lens Correction (Коррекция дефекта объектива) устраняет распрос т- раненные дефекты, вносимые объективом фотоаппарата, такие как бочкооб- разные и подушкообразные искажения, когда прямые линии изгибаются к краям изображения (бочкообразные) или внутрь изображения (подушкооб- разные); хроматическая аберрация проявляется как цветной ореол вдоль границ объектов изображения; и виньетирование, когда края изображения, особенно углы, темнее центра. Описанные дефекты могут возникнуть из-за неправильно установленного фокусного расстояния или позиции фокуси- ровки. или из-за вертикального или горизонтального наклона фотоаппарата.
Рисунки могут заменять тыся- чи слов, но иногда в графические композиции требуется помес- тить, по крайней мере, несколь- ко слов. К счастью, программа Photoshop содержит мощные текстовые инструменты, кото- рые позволяют с превосходной гибкостью и точностью добав- лять шрифт в изображения.
www.infanata.org УРОК 8. Текстовый дизайн Обзор урока В этом уроке вы узнаете, как делать следующее: • Использовать направляющие для размещения текста в композиции; • Создавать из текста отсекающую маску. • Объединять текстовый слой с другими слоями. • Применять к тексту стили слоя. • Просматривать семейства шрифтов в интерактивном режиме в целях выбора I шрифта для композиции. I Управлять текстом и его положением с помощью расширенных возможнос- тей, доступных на палитре текстового инструмента; I Изгибать слой вокруг трехмерного объекта. Выполнение этого урока займет около часа. Если необходимо, удалите папку пре- дыдущего урока с жесткого диска и скопируйте на жесткий диск папку LessonOB. В процессе работы над упражнениями этого урока некоторые исходные файлы будут перезаписаны. Если потребуется восстановить первоначальные файлы, ско- пируйте их повторно с компакт-диска, прилагаемого к книге. Обшие сведения о шрифтах Photoshop Шрифт в программе Photoshop состоит из математически описываемых фигур. Которые определяют форму букв, цифр и символов гарнитуры. Многие гарниту- рыдоступны в нескольких форматах, среди которых наиболее распространенны- ми являются шрифты Туре 1 или PostScript, TrueType и ОрепТуре (дополнительные сведения о формате ОрепТуре см. далее в этой главе). При добавлении шрифта в изображение в программе Photoshop знаки состоят из Пикселов и имеют такое же разрешение, как и файл изображения — при увеличе- нии масштаба отображения знаков видны зубчатые края. Тем не менее, контуры векторного шрифта сохраняются и используются в программе Photoshop при масштабировании или изменении размеров шрифта, сохранении PDF- и EPS-фай- лов, а также при печати изображения на PostScript-принтере. Благодаря этому Можно получать текст с четкими контурами, не зависящими от разрешения, при- генять к тексту эффекты и стили, а также изменять его форму и размер.
rnj. inf anat a. org 252 Adobe Photoshop I Начало работы В этом уроке вы будете работать над макетом этикетки для бутылки оливковояИ масла. Вы начнете с иллюстрации бутылки, созданной в векторном редактораИ Adobe Illustrator, а затем добавите и стилизуете шрифт в Photoshop, включая дефорД мирование текста в соответствии с формой трехмерного объекта. Работа начша- 11 ется с пустой этикетки, расположенной на слое, который находится над фоном в Я виде бутылки. Вы начнете выполнять урок с просмотра изображения готовой композиции. I 1 Запустите программу Photoshop и сразу нажмите комбинацию клавиш I |[С1п|+| ahi+||SHit| (Windows) или Command+ODtion+Р^П (Mac OS), чтобы восста-И повить настройки по умолчанию. (Подробнее этот вопрос рассматривается во введении к книге.) 2 В появившемся окне сообщения щелкните на кнопке Yes (Да), чтобы подтвер- дить выполнение операции восстановления исходных настроек, а затем щелк- ните на кнопке Close (Закрыть) в верхнем правом углу окна, чтобы закрыть ди- ’ алог приветствия. 3 Щелкните на кнопке Go to Bridge (Перейти к Bridge) ('«* ) на панели парамет- ров инструментов, чтобы запустить программу Adobe Bridge. 4 На панели Favorites (Избранное), расположенной в левом верхнем углу окна . программы Bridge, щелкните на папке Lessons, а затем дважды щелкните на папке Lesson08 в области просмотра, чтобы увидеть содержимое этой папки. 5 Выберите файл 08End.psd, чтобы он появился в центре панели Content (Содер- жимое). При необходимости расширьте палитру, перетащив правую разделителе ную полосу вправо, чтобы просматривать изображение в увеличенном масштабе.
^Текстовый дизайн 253 К Эта многослойная композиция представляет собой макет упаковки для нового сорта оливкового масла. В этом уроке вы будете выступать в качестве дизайнера. Создающего этикетку для продукта. Фигура бутылки была создана другим дизайне- ром в программе Adobe Illustrator. Ваша задача состоит в обработке текста в про- грамме Photoshop подготовке этикетки для презентации клиенту в целях ознаком- ления. Все необходимые настройки шрифта доступны в программе Photoshop, по- рому для выполнения данного проекта нет необходимости в использовании дру- гих приложений. 7 Выберите файл 08Start.psd и дважды щелкните на нем. чтобы открыть этот I файл в программе Photoshop. В Выберите команду меню File ♦ Save As (Файл ♦ Сохранить как) и переименуй- I те файл, присвоив ему имя OSWorking.psd. после чего щелкните на кнопке Save (Сохранить). Создание из текста отсекающей маски Отсекающая маска («clipping mask») — это объект или группа объектов, формы ко- торых маскирую т остальные части изображения так. что видны только те облас- ти. которые лежат внутри фигуры маскирующего объекта. В действительности (роисходит обрезка изображения в соответствии с формой объекта (или маски), программе Photoshop отсекающую маску можно создавать из фигур или букв. Фэтом упражнении вы используете буквы в качестве отсекающей маски, через ко- торую будет отображаться изображение, расположенное на другом слое. Добавление направляющих для размещения текста Файл OSWorking.psd содержит фоновый слой, на котором изображена бутылка, и слой Blank Label (Пустая этикетка), на котором будет находиться текст. Слой Blank Label (Пустая этикетка) является активным, и вы начнете работу на этом Вначале вы увеличите масштаб отображения рабочей области и используе- те направляющие линии для надлежащего размещения текста. I Выберите инструмент Zoom (Масштаб) (А) и протащите указатель через чер- [ ную и белую части пустой этикетки, чтобы увеличить масштаб отображения | области и отцентрировать ее в окне изображения. Повторяйте проделанную В операцию до тех пор, пока не будет получен крупный план области, и при ие- I Обходимости увеличьте размер окна изображения.
254_________________________________________________Adobe Photoshop CS3 j jB 2 Выберите команду меню View ♦ Rulers (Просмотр ♦ Линейки), чтобы вклю-1 чить отображение линеек вдоль левого и верхнего краев окна изображениям Затем перетащите вертикальную направляющую в центр этикетки (3,5 дюйма по горизонтали) и оставьте направляющую в этом месте. Добавление текста с привязкой в точке Теперь вы готовы добавить текст в композицию. Программа Photoshop позволяет 1 создавать горизонтальный или вертикальный текст в любом месте изображения. Вы можете вводить текст с привязкой в точке (букву, слово или строку) или текст I абзаца. В этом уроке вы используете обе разновидности текста, начав с текста с I привязкой в точке. 1 Убедитесь, что на палитре Layers (Слои) активизирован слой Blank Label (Пус- тая этикетка). Затем выберите инструмент Horizontal Туре ((оризонтальный 1 текст) (Т) и на панели параметров инструмента выполните следующие | действия: • Выберите из раскрывающегося меню Font Family (Семейство шрифтов) гарни-1 туру шрифта без засечек («sans serif»), такую как Myriad Pro. и из раскрывающе- I гося меню Font Style (Начертание) выберите начертание Bold (Полужирный). • Введите значение 79 pt в поле Size (Размер) и нажмите клавишу 1(Еп|8Г1 (Windows) I или Return (Mac OS). • Щелкните на кнопке Center text (Выравнивание текста по центру). 1Т -I VI д- I V . Д) □ 2 Щелкните на центральной направляющей в белой области этикетки, чтобы ус- . тановить точку вставки, и введите слово OLIO (Масло), набрав его заглавными буквами. Затем щелкните на кнопке Commit Any Current Edits (Применить теку- щую правку) (У ), расположенной на панели параметров инструмента.
www.infanata.org Текстовый дизайн 255 Слово -Olio» добавится на этикетку и появится на палитре Layers (Слои) в виде но- вого текстового слоя, OLIO. Текстовый слой можно редактировать и изменять так же, как и любой другой слой. Можно добавлять и изменять текст, изменять ориен- тацию текста, применять сглаживание, применять стили слоев и трансформации. Воздавать маски. Можно также перемещать, переупорядочивать, копировать и ре- агировать параметры текстового слоя так же, как и в случае любого другого слоя. 3 Нажмите клавишу ! ";,<l (Windows) или Command (Mac OS) и перетащите текст «OLIO», чтобы расположи ть его визуально по центру на вертикали в белом пря- В моугольнике. OUO 4 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу. Создание отсекающей маски и применение падающей тени По умолчанию в программе Photoshop для написания букв используется черный цвет. Нам нужно, чтобы буквы текста были залиты изображениями оливок, поэто- му далее вы используете буквы для создания отсекающей маски, через которую бу- дет видно изображение, расположенное на другом слое. и Щелкните на кнопке Go to Bridge (Перейти к Bridge) ( ) или воспользуйтесь В командой меню File ♦ Open (Файл ♦ Открыть), чтобы открыть в программе 1 Photoshop файл Olives.psd (находящийся в папке Lesson08). В программе I Photoshop расположите окна изображений так. чтобы можно было видеть их I все сразу, и убедитесь, что активно окно изображения, в котором открыт файл Olives.psd. 2 На палитре Layers (Слои) для изображения Olives.psd нажмите клавишу |lShltll В и, не отпуская ее, перетащите слой Background (Задний план) в центр файла OSWorking.psd. а затем отпустите кнопку мыши. При нажатии клавиши |lstlltl | во I время перетаскивания происходит центрирование изображения Olives.psd в I композиции.
www.infanata.org Adobe Photoshop CS3| На палитре Layers (Слои) файла 08Working.psd появится новый слой. Layer 1 (Слой 1). Этот новый слой содержит изображение оливок, которое вы использу* ете для отображения через текст. Но прежде, чем создать отсекающую маску для этого изображения, необходимо уменьшить изображение оливок, поскольку оно ] слишком велико для создаваемой композиции. 3 При выделенном слое Layer 1 (Слой 1) выберите команду меню Edit ♦ Transform ♦ Scale (Редактирование ♦ Трансформирование ♦ Масштабирование). 4 Захватите угловой маркер иа прямоугольнике, окаймляющем оливки, нажмите] клавишу ||snitt| и, не отпуская ее. перетащите маркер, чтобы уменьшит!, изобра- жение. Возможно, потребуется переместить курсор внутрь прямоугольника, затем перетащить изображение, чтобы отцентрировать его на этикетке. Измеч 1 ните размеры изображения оливок так, чтобы ширина этого изображения приблизительно совпадала с шириной белой этикетки. 5 Нажмите клавишу 1|Еп|вг| (Windows) или Return (Mac OS), чтобы применить пре- образование.
www. infanata. org Текстовый дизайн 257 6 Дважды щелкните на имени слоя Layer 1 (Слой 1) и измените его на Olives (Оливки). Затем нажмите клавишу ||Enter| или Return, либо щелкните вне имени I на палитре Layers (Слои), чтобы применить изменение. г7 Не снимая выделения со слоя Olives, выберите в меню палитры Layers (Слои) В команду Create Clipping Mask (Создать обтравочную маску). Duplicate Layer... Delete Layer New Croup... New Croup from Layers... Convert to Smart Object Layer Properties... Blending Options... s Отсекающую маску можно также создать, удерживая нажатой клавишу Alt (Windows) или Option (Mac OS) и щелкнув мышью между слоями Olives и OLIO. Теперь на этикетке сквозь буквы OLIO отображаются оливки. Небольшая стрелка слое Olives указывает на отсекающую маску. Далее вы добавите падающую тень, чтобы придать буквам объемност ь. 8 Выбери те текстовый слой OLIO, чтобы сделать его активным, а затем щелкни- I те на кнопке Add a layer style (Добавить стиль слоя) (А), расположенной в нижней части палитры Layers (Слои), и выберите из открывающегося меню команду Drop Shadow (Тень). 9 В диалоге Layer Style (Стиль слоя) измените значение параметра Opacity (Не- I прозрачность) до 35%. примите все остальные настройки по умолчанию и В щелкните на кнопке ОК.
www.infanata.org 258 Adobe Photoshop CS3 (W) 10 Выберите команду меню File ♦ Save (Файла ♦ Сохранить), чтобы сохранить вы- полненную работу, и закройте файл изображения Olives.psd. не сохраняя вне-; сенные изменения. Создание из текста элемента дизайна Далее, используя несложный типографский прием, вы добавите вертикальные линии, которые появятся сверху этикетки. Эти вертикальные линии должны быть абсолютно точно выровнены, поэтому вы используете заглавную букву «I» шрифта без засечек вместо создания, копирования и перемещения отдельных ли- ний. Кроме того, вы быстро и легко настроите размер «линий» и интервал между ними, воспользовавшись для этого палитрой Character (Символ). 1 Перетащите правый нижний угол палитры Layers (Слои), увеличив ее разме- ры, чтобы внизу палитры появилась пустая область. Щелкните на пустой об- ласти, чтобы отменить выделение всех слоев. 2 Выберите инструмент Horizontal Туре (Горизонтальный текст) (Т ). На панели параметров инструмента выполните следующие настройки: • Выберите шрифт без засечек, желательно узкий, например. Myriad Pro Condensed. • Установите размер равным 36 pt и нажмите клавишу' llEnla,| (Windows) или Return (Mac OS). • В раскрывающемся меню Set the anti-aliasing method (Задайте метод сглажива- ния) оставьте выбранным пункт Sharp (Резкое). • Выберите метод выравнивания Left align text (Выключка текс та влево). • Щелкните на образце цвета, чтобы открыть диалог Color Picker (Палитра цве- тов), в изображении оливок, видимых сквозь буквы OLIO, выберите темно-зе- леный цвет и щелкните на кнопке ОК. Т -т. | |Mwud ho |W) [Condtn.- | Д»|В6р« аа ' «игр Й4
www.infanata.org | Текстовый дизайн 259 3 Щелкните мышью в левом верхнем углу белого прямоугольника и, удерживая I нажатой клавишу |lShlltl. наберите 12 раз букву I. I Это приведет к созданию нового текстового слоя на палитре Layers (Слои). В Выберите инструмент Move (Перемещение) (►*), расположите его внутри прямоугольника и перетащите буквы так, чтобы их верх касался верхнего края белого прямоугольника. При вводе текста в окне изображения программы Photoshop, текстовый инструмент пе- реводится в режим редактирования. Прежде, чем можно будет выполнять другие [действия или использовать другие инструменты, необходимо зафиксировать редакти- рования, выполненные на слое — так, как вы сделали это с текстом OLIO, используя кнопку Commit Any Current Edits (Применить текущую правку) на строке параметров [инструментов. Выбор другого инструмента или слоя приводит к такому же результату, что [и щелчок на кнопке Commit Any Current Edits (Применить текущую правку). Завершить текущие редактирования невозможно с помощью нажатия клавиши Enter или Return, так как это действие просто приводит к созданию новой строки для набора текста. [Сейчас вы откорректируете трекинг (межбуквенные интервалы), чтобы немного [разд ви н уть “лини и ». 5 Откройте палитру Character (Символ), выбрав команду меню Window ♦ Character (Окно ♦ Символ). 6 Введите значение 40 в поле ввода Tracking (Трекинг) или протаскивайте указа- тель по метке трекинга, расположенной рядом с полем, чтобы задать требуе- ) мое значение.
www,infanata,org Adobe Photoshop CS2 C KA Джулиан Кост (julieannc Kost) - официальный мапгмигт Photoshop. СОВЕТЫ ОТ ЕВАНГЕЛИСТА PHOTOSHOP - Специальные приемы работы с текстовым инструментом • Щелкните текстовым инструментом Т в окне изображения при нажатой клавише Shift, чтобы создать новый текстовый слой — в случае, если курсор находится рядом с другим J блоком текста и программа Photoshop пытается автоматически выделить его. • Дважды щелкните на значке Т любого текстового слоя в палитре Layers (Слои), чтобы I выделить весь текст на этом слое. • После того как текст выделен, щелкните правой кнопкой мыши (Windows) или щелкните мышью при нажатой клавише Ctrl (Mac OS) на выделенном тексте, чтобы получить доступ и к контекстному меню. Выберите команду Check Spelling (Проверка орфографии) для Ц запуска проверки орфографии. Теперь настало время немного отодвинуть текст OLIO от вертикальных черточек. Чтобы откорректировать расположение текста, необходимо связать текстовый слой OLIO со слоем маски изображения оливок и переместить оба эти слои как единый объект. 7 Щелкните на слое Olives (Оливки), чтобы выбрать его, затем зажмите клавишу |fSt1ltl I и щелкните на текстовом слое OLIO, чтобы включить его в выделение. Потом выберите из раскрывающегося меню палитры Layers (Слои) команду Link Layers (Связать слои). Рядом с именами обоих слоев появится значок связи.
www.infanata.org iдизайн 8 Выберите инструмент Move (Перемещение) (К») и перетащите текст вниз, в I требуемое положение. Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работ}'. спользование интерактивных элементов фавления форматированием алитра Character (Символ) программы Photoshop содержит множество парамет- )в, помогающих придать тексту привлекательный внешний вид. Следует, одиа- ), отметить, что не все ее возможности по настройке текста и работа с соответ- гвующи.ми элементами управления очевидны. Например, это относится к специ- 1ыюму приему перетаскивания курсора по значку трекинга рядом с полем ввода ачения трекинга. В этом упражнении вы выполните выделение текста с по- ощыо еще одного дополнительного приема, позволяющего просматривать рифт на палитре Character (Символ). Щелкните на пустой области палитры Layers (Слои), чтобы отменить выделе- ние всех слоев. Выберите инструмент Horizontal Туре (Горизонтальный текст) (Т). На панели параметров инструмента выполните следующие действия: Щелкните мышью на кнопке Center text (Выравнивание текста по центру). Щелкните на прямоугольнике образца цвета. В открывшемся диалоге Color Picker (Палитра цветов) выберите ярко-красный цвет и закройте диалог щелч- ком мыши на кнопке ОК. 1этом этапе не стоит беспокоиться о гарнитуре шрифта и его размере. Щелкните мышью в пересечении черной полоски на этикегке и центральной направляющей. Чтобы случайно не начать редактировать текст OLIO, прежде чем щелкнуть, убедитесь, что указатель мыши окаймлен пунктирной линией ( - ). Это означает, что при вводе текста вы создадите новый текстовый слой. Введите текстовую строку EXTRA VIRGIN (ЭКСТРА ЧИСТОЕ), набирая текст заглавными буквами.
262 Adobe Photoshop CE Программа Photoshop записывает текст с применением той гарнитуры (и разм ра), которые были выбраны ранее. А что, если вы хотите использовать другу гарнитуру? Что, если вы не уверены, какую гарнитуру хотите выбрать? 5 Выделите в окне изображения текст EXTRA VIRGIN и на палитре Characti (Символ) щелкните мышью на названии шрифта в раскрывающемся меню Si the font family (Задайте гарнитуру). Название шрифта выделяется. 6 Нажимайте клавишу |ГП| или |[Л, чтобы в цикле пройти по списку доступны! шриф тов и просмотреть на экране, как программа Photoshop в интерактивно! режиме будет подставлять каждый шрифт в выделенную строку EXTRA VIRGIN 7 Завершив экспериментирование, выберите шрифт без засечек, который исполь зовался для ввода текста OLIO (мы использовали шрифт Myriad Pro), затем нажми те клавишу Е9 чтобы перейти в поле Set the font style (Задайте начертание). 8 Снова воспользуйтесь клавишами ГП| или ||Л. чтобы пройтись в цикле п< списку' доступных стилей (если они имеются) для выбора одного из них (мь выбрали стиль Bold (Полужирный)) и просмотреть в интерактивном режим) вид стилей в окне изображения. 9 Нажмите клавишу . чтобы перейти в поле Set the font size (Залайте кегль) и воспользуйтесь клавишами |~П| или 1ГП. чтобы установит!, размер шрифт! (кегль) равный 11 пунктам. ' Если при использовании клавиш |~П| или для изменения размера шрифта удерживать нажатой клавишу Shift, размер шрифта будет изменяться с шагом в 10 пунктов. 10 С помощью клавиши Ь*1***! перейдите в поле Tracking (Трекинг) и установит) значение трекинга равным 280. Для ввода значения нажимайте клавишу I t (удерживайте нажатой клавишу |fshW | при нажатии клавиши |~П|. чтобы увели чивать значение шагами в 100), или протаскивайте курсор по метке поля, что бы установить требуемое значение трекинга.
Текстовый дизайн | ШШ», 1 .= L*!**» В|*“ й т--о--3 й [*- й * И „ 3 it X ™ 4| |ои | ОНИ т т зт(тг|г'т, 1тТ£ l~>W USA Гр »J Яшр КГ I 11 Выберите инструмент Move (Перемещение) (N-) и перетащите текст EXTRA VIRGIN в центр темной полосы на этикетке. 12 Выберите команду File ♦ Save (Файл ♦ Сохранить), чтобы сохранить проделан- fl ную работу. , Деформирование шрифта с привязкой в точке Сейчас вы добавите на этикетку слова «Olive Oil» (Оливковое масло), а затем де- I формируете текст, чтобы сдела ть надпись более привлекательной. Деформирова- | вне позволяет придать тексту разнообразные формы, такие как дуга или волна. Стиль выбираемого деформирования является параметром текстового слоя, и I его можно изменять в любое время путем изменения общей формы деформации. Параметры деформирования предоставляют возможность точного управления ориентацией и перспективой эффекта деформации. К 1 Прокрутите или воспользуйтесь инструментом Hand (Рука) (О ) Для переме- I щения видимой области окна изображения так, чтобы оранжевая часть эти- fl кетки под черной полосой находилась в центре экрана. Увеличьте окно изображения, перетащив при необходимости правый нижний угол окна. 2 Щелкните на пустой области палитры Layers (Слои), чтобы отменить выделе- fl ние всех слоев. 3 Выберите инструмент Horizontal Туре (Горизонтальный текст) ( Т ) и выполни- fl те следующие действия на палитре Character (Символ): [ • Выберите стандартную гарнитуру с засечками («serif»), например. Adobe Garamond. I • Установите размер шрифта равным 40 пунктам. • Для трекинга установите значение 0. fl Выберите белый цвет. 4 Протащите инструмент Horizontal Туре (Горизонтальный текст) наискось в I верхней части оранжевого прямоугольника, чтобы создать текстовое поле, а I затем введите Olive Oil (Оливковое масло). Щелкните на кнопке Commit Any Current Edits (Применить текущую правку) (✓ ), расположенной на панели па- I раметров инструмента.
264 Adobe Photoshop i Слова появятся на этикетке, на новом слое Olive Oil (Оливковое масло), отображав емом на палитре Layers (Слои). 5 Щелкните правой кнопкой мыши (Windows) или щелкните мышью при нажа- той клавише О (Mac OS) на слое Olive Oil (Оливковое масло) на палитре Layers (Слои) и выберите в контекстном меню команду Warp Text (Деформиро- вать текст). 6 В раскрывающемся меню Style (Стиль) диалога Warp Text (Деформировать текст) выберите значение Wave (Волной) и установите переключатель Horizontal (Горизонтально). Для параметра Bend (Изгиб) установите значение +77%. для параметра Horizontal Distribution (Искажение по горизонтали) за- дайте значение -7%. а для параметра Vertical Distribution (Искажение по вер- тикали) задайте значение - 24%. Затем щелкните на кнопке ОК.
www.infanata.org зый дизайн 265 Horizontal Distortion: [f? | X Style riwivr fl ©Horizontal О Vertical Слова <Olive Oil» отобразятся на этикетке в форме волны. Оформление абзаца текста | Весь текст, введенный на этой этикетке до сих пор, представлял собой несколько отдельных слов или строк и являлся текстом с привязкой в точке. Однако часто во многих проектах требуются целые абзацы текста. В программе Photoshop можно [управлять видом полных абзацев текста; для выполнения сложных настроек абза- цев текста нет необходимости переключаться в специальные программы верстки. Использование направляющих для позиционирования текста Далее вы добавите в программе Photoshop абзац описательного текста на этикет- ку. Вы начнете с добавления в рабочую область нескольких направляющих, кото- рые помогут точно подогнать положение абзаца. 1 Перетащите две направляющие с левой вертикальной линейки, поместив пер- вую из них па отметке 2,5 дюйма и вторую на отметке 4,5 дюйма. 2 Перетащите две направляющие вниз с верхней горизонтальной линейки, по- местив первую из них па отметке 10,75 дюйма и вторую на отметке 13 дюймов.
www.infanata.org 266 Adobe Photoshop CS31 Добавление текста абзаиа из комментария Сейчас все готово для добавления текста. В реальных условиях разработки текст может предоставляться в виде текстового документа или в теле электронного письма, которое можно скопировать и вставить в программе Photoshop. Разумеем ся, текст можно ввести и вручную. Кроме того, если к файлу изображения прик- реплен комментарий (например, для составителя рекламных текстов), вы може- те легко добавить этот текст в рисунок. 1 Дважды щелкните мышью на желтом значке комментария в нижнем правом уг-1 лу окна изображения, чтобы открыть его содержимое. Чтобы увидеть открытый комментарий на экране, вам, возможно, потребуется изме- нить вид или прокрутить окно. 2 Протащите курсор, чтобы выделить весь текст в заметке, и затем нажмите ком-1 бинацию клавиш (Windows) или Command 'fTj (Mac OS), чтобы скопи- ровать текст в буфер обмена. Затем щелкните на кнопке Close (Закрыть), что-1 бы закрыть окно комментария. Прежде, чем вставить текст, задайте параметры шрифта. 3 Убедитесь, что на палитре Layers (Слои) никакие слои не выделены. 4 Выберите инструмент Horizontal Туре (Горизонтальный текст) (Т ) и выполни- i те следующие действия на палитре Character (Символ): • Выберите шрифт без засечек, например. Myriad Pro Regular. • Установите значение параметра Set the font size (Задайте кегль) равным 10 пунктам. • Для параметра Leading (Интерлиньяж) введите значение равное 24 пунк там. • Для трекинга установите значение 5. • Для параметра Color (Цве т) выберите черный цвет.
www.infanata,org | Текстовый дизайн 267 5 Щелкните на вкладке Paragraph (Абзац), чтобы переместить палитру Paragraph (Абзац) на передний план, и щелкните на кнопке Justify АП (Полная выключка) (). 16 Щелкните левой кнопкой мыши и, не отпуская ее. протащите инструмент Туре I (Текст), чтобы создать текстовый блок в соответствии с направляющими, уста- I новлеиными в предыдущем упражнении. Затем нажмите комбинацию клавиш M+FI (Windows) или Command+0 (Mac OS), чтобы вставить текст из буфе- ра обмена в текстовый блок. of olives tastes, smells, and look^ different. Even the same varieties have a different taste and aroma. Текст появится в окне изображения с заданными ранее стилями и будет заключен в Ограничивающий прямоугольник. В приведенном примере во второй снизу строке слова разделяют слишком большие пробелы, поэтому для улучшения внешнего вида текста вы устраните сейчас эти чрезмерно большие пробелы. Q Если изменить размеры ограничивающего прямоугольника, текст перестроится так, чтобы заполнить скорректированный блок. 7 Разместите инструмент Horizontal Туре (Горизонтальный текст) (Т) над вто- рой снизу строкой абзаца и трижды щелкните кнопкой мыши, чтобы выделить всю строк}'.
www.infanata.org 268 Adobe Photoshop CS3 8 Щелкните на вкладке Character (Символ), чтобы переместить палитру Character (Символ) на передний план, и задайте для параметра Tracking (Тре- кинг) значение 60. 9 На панели параметров инструмента щелкните на кнопке Commit Any Current Edits (Применить текущую правку) ( ✓ ). Сейчас абзац текста отображается в виде слоя с названием «Like fine wine...» (Подобно хорошему вину...). 10 Выберите команду File ♦ Save (Файл ♦ Сохранить), чтобы сохранить проделан- ную работу. Использование шрифтов ОрепТуре в программе Photoshop: дополнительные трюки с бутылками Шрифты ОрепТуре — это межплатформенный файловый формат шрифтов, раз- работанный совместно компаниями Adobe и Microsoft. Данный формат позво- ляет использовать один и тот же шрифт в компьютерах Macintosh и Windows - та- ким образом, при переносе файлов с одной платформы на другую не будет про- исходить замена шрифтов и не будет изменяться расположение текста. Формат ОрепТуре поддерживает расширенные наборы символов и разнообразные функции форматирования. Это в свою очередь обеспечивает более широкую лингвистическую поддержку и улучшенное управление элементами оформления. Программа Photoshop CS3 поддерживает шрифты ОрепТуре. а на компакт-диске, прилагаемом к этой книге «Adobe Photoshop CS3. Официальный учебный курс», содержится фильм в формате QuickTime, в котором более подробно показано применение шрифтов ОрепТуре в программе Photoshop. Файл называется ОрепТуре.mov и находится в папке Movies. Здесь приводят- ся лишь некоторые из основных положений. Меню ОрепТуре. Раскрывающееся меню палитры Character (Символ) содержит подменю ОрепТуре. в котором отобра- жаются все доступные функции для выбранного шрифта ОрепТуре, включая лигатуры (двойные буквы), альтерна- тивные символы и отдельные фрагменты символов. Пара- метры, закрашенные серым цветом, недоступны для соотве- тствующей гарнитуры; параметры, для которых установле- ны флажки, применяются к установленному шрифт}’. Дискреционные лигатуры. Чтобы добавить дискреционную лигатуру для двух букв шрифта ОрепТуре, например, для «th» в гарнитуре Bickham Script Standard, выберите их в окне изоб- ражения, а затем выберите в раскрывающемся меню палитры Character (Символ) команду меню ОрепТуре ♦ Discretionary Ligatures (ОрепТуре ♦ Дискреционные лигатуры).
269 | Q Если вам понадобится просмотреть варианты шрифтов ОрепТуре, прежде чем за- [ фиксировать их, воспользуйтесь палитрой Glyph (Глиф) программы Adobe Illustrator CS3. Сначала скопируйте свой текст в программе Photoshop и вставьте его в документ программы Illustrator. Затем откройте палитру Glyph (Глиф), выбрав команду меню Window ♦ Туре ♦ Glyphs (Окно ♦ Текст ♦ Глифы). Выделите текст, который хотите из- | менить, и в раскрывающемся меню Show (Показать) палитры выберите команду Alternates for Current Selection (Альтернативы для текущего выделения). Дважды щелкните на глифе, чтобы применить его и, когда это будет сделано, скопируйте и ! вставьте новый тексте файл Photoshop. Завитки. Добавление завитков или альтернативных символов выполняется так же: выделите букву, например, заглавную букву «Т» в гарнитуре Bickham Script и выберите команду меню ОрепТуре ♦ Swash (ОрепТуре ♦ Завиток), чтобы заме- нить обычную заглавную букву буквой «Т» с эффектным завитком. Ввод простых дробей. Введите простую дробь обычным путем (например, 1-косая черта-2), затем выделите символы и в меню палитры Character (Символ) выбери- те команд}' меню ОрепТуре ♦ Fractions (ОрепТуре ♦ Дроби). Программа Photoshop преобразует выделение к вид}', которым обычно записывают простые дроби. Добавление двух последних строк текста Вы почти закончили добавлять текст на этикетку. Осталось лишь добавить две до- июлнительные строки. 1 Не снимая выделения со слоя «Like fine wine...», щелкните внутри абзаца текс- та и затем перетащите маркер, расположенный на середине нижней стороны текстового блока, к нижнему краю этикетки. ?2 Поместите текстовый курсор в конец абзаца текста и нажмите клавишу |1Еп|е,| (Windows) или Return (Mac OS). 3 Введите 16 FL Ounces (16 унций). 4 Трижды щелкните мышью на введенной строке «16 FL Ounces». На палитре Character (Символ) установите размер шрифта равным 13 пунктам, а для пара- метра Baseline Shift (Смещение базовой линии) установите значение -10: этот параметр управляет смещением символов по вертикали относительно базовой I линии окружающего текста.
270 Adobe Photoshop CS3-] 5 На панели инструментов щелкните на кнопке Switch Colors (Переключение цветов переднего и заднего плана), чтобы выбрать для шрифта белый цвет. I 6 На палитре Paragraph (Абзац) щелкни те на кнопке выравнивания текста по центру (Д ). Затем щелкните на кнопке Commit Any Current Edits (Применить I текущую правку) ( ✓), расположенной на панели параметров инструмента. I of olives tastes, smells, and looks different. Even the same varieties Добавление вертикального текста Последняя строка текста будет вертикальной. 1 Снимите выделение со всех слоев в палитре Layers (Слои). Затем щелкните на | инструменте Horizontal Туре (Горизонтальный текст) (Т) и, не отпуская левой кнопки мыши, выберите инструмент’ Vertical Туре (Вертикальный текст) (ГГ), который скрыт за инструментом Horizontal Туре Горизонтальный текст). Протащите указатель в оранжевой области этикетки, расположенной справа от описательного текста, чтобы создать длинный, узкий текстовый блок. (Нач- ните с нижнего или верхнего правого угла, чтобы случайно не выделить абзац текста. 3 Введите строку PRODUCT OF ITALY (Сделано в Италии), набирая весь текст од- I ними заглавными буквами. 4 Выделите буквы и затем на палитре Character (Символ) выполните следующие I действия: • Выберите шрифт с засечками, например, Adobe Garamond. • Установите размер шрифта равным 8 пунктам. • Для параметра Tracking (Трекинг) задайте значение 300. • Выберите красный цвет.
Текстовый дизайн 271 5 Щелкните на кнопке Commit Any Current Edits (Применить текущую правку) В (✓). расположенной на панели параметров инструмента. Вертикальный текст I появится в виде слоя с названием PRODUCT OF ITALY (Сделано в Италии). Вос- I пользуйтесь инструментом Move (Перемещение) () и перетащите верти- I кальныи текст в центр, если это необходимо. Теперь вы немного почистите рисунок. 6 Щелкните на комментарии, чтобы выделить его. и затем щелкните на коммен- I тарин правой кнопкой мыши (Windows) или щелкните мышью при нажатой I клавише ^,| | (Mac OS) и в появившемся контекстном меню выберите команду Delete Note (Удалить комментарий), ч тобы удалить аннотацию. 7 Скройте направляющие. Для этого сначала выберите инструмент Hand В (Рука) (s2}>), а затем нажмите комбинацию клавиш |Г^'П+|!' | (Windows) или Command^ : I (Mac OS). Затем уменьшите масштаб отображения, чтобы прос- I мотреть проделанную работ}’. 8 Выберите команд)' File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работ}'. Деформация слоя Весь текст сейчас находится на этикетке, ио существует одна проблема: бутылка выглядит объемной, тогда как этикетка выглядит неправдоподобно плоской на круглой поверхности бутылки. Поэтому последний эффект, который вы примени- те. будет заключаться в деформировании этикетки и ее содержимого для дости- жения реалистичного соответствия с формой бутылки. Ранее в э том уроке вы деформировали слова Olive Oil» гак, чтобы буквы выгляде- ли волнистыми. Однако в этом упражнении вы примените деформирование к ою, а не к отдельным буквам. Чтобы сделать это, вы сгруппируете этикетку и стовые слои, а затем трансформируете новый сгруппированный слой с
272 Adobe Photoshop CS3 помощью функции Smart Objects (Смарт-объекты). Функция Smart Objects (Смарт-объекты) позволяет редактировать как содержимое слоя (текст), так и из- менять деформацию слоя даже после применения операции трансформирования. Группирование слоев в смарт-обьект Создание смарт-объекта является двухэтапным процессом. Сначала вы объедини- те текстовый слой OLIO и его отсекающую маску, а затем вы сгруппируете все слои этикетки в смарт-объект. 1 Щелкните на слое OLIO, чтобы выделить его на палитре Layers (Слои), затем нажмите клавишу Ц511^ I и, не отпуская ее, выберите также слой Olives. Затем в открывающемся меню палитры Layers (Слои) выберите команду Merge Layers (Объединить слои). Программа Photoshop объединит их в один слой. Olives. 2 Щелкните на палитре Layers (Слои) на слое Blank Label (Пустая этикетка), что- бы выбрать его. а затем нажмите клавишу |lShl111 и, не отпуская ее, щелкните на самом верхнем слое в пачке слоев. PRODUCT OF ITALY. Программа Photoshop , выберет эти два слоя и все слои, находящиеся между ними. Затем в раскрыва- ющемся меню палитры Layers (Слои) выберите команду Convert То Smart Object (Преобразовать в смарт-объект). Ф Чтобы отобразить контекстное меню с командами Merge Layers (Объединить слои) и Convert То Smart Object (Преобразовать в смарт-объект), щелкните правой кнопкой мыши (Windows) или щелкните левой кнопкой мыши при нажатой клавише Ctrl (Mac OS).
Программа Photoshop сгруппирует выбранные слои в один слой смарт-объекта. Название этого нового слоя совпадает с названием верхнего слоя прежнего набо- ра слоев, PRODUCT OF ITALY Деформирование с помошью смарт-объектов Сейчас вы деформируете слой смарт-объекта для достижения соответствия с кон- туром бутылки. Чтобы облегчить выполнение этой задачи, сделайте направляю- щие видимыми. Если направляющие не отображаются на экране, выберите команду меню View ♦ Show ♦ Guides (Просмотр ♦ Показать ♦ Направляющие). Затем увеличьте масштаб отображения этикетки. 2 Не снимая выделения со слоя PRODUCT OF ITALY, выберите команду меню Edit ♦ Transform ♦ Warp (Редактирование ♦ Трансформирование ♦ Искривление).
www.infanata.org Adobe Photoshop CSi Поверх слоя в окне изображения программой Photoshop накладывается сетка 3x3 с маркерами и линиями, которые можно перетаскивать для достижения требуе мого деформирования слоя. 3 Чтобы упростить применение деформирования, перетащите с горизонталь- ной линейки четыре горизонтальные направляющие. Поместите одну направ ляющую вверху этикетки и одну направляющую внизу этикетки. Затем помес- тите две дополнительные направляющие на четверть дюйма ниже каждой из этих направляющих. 4 Поочередно щелкните на центре каждой горизонтальной линии сети! и перетаз щите линию вниз на одну четвертую дюйма, чтобы создать изогнутую этикетку.: 5 Когда закончите выполнение деформирования, нажмите клавишу (Windows) или Return (Mac OS), чтобы применить выполненную трансформа- цию искривления. 6 Скройте видимые направляющие, выбрав инструмент Hand (Рука) (О) и на- жав комбинацию клавиш II01,11+ГП (Windows) или Command-* jJ (Mac OS). Затем дважды щелкните на инструменте Hand (Рука), чтобы увидеть на экране всю композицию бутылки. Поздравляем! Вы добавили и стилизовали весь текст па этикетке бутылки оливко- вого масла. Если вы хотите продолжить экспериментировать с возможностями смарт-объектов, перейдите далее к разделу «Дополнительное задание». В реаль- ных же условиях, сейчас вы объединили бы все слои и сохранили файл этого изображения для печати.
кетовый дизайн 275 Выберите команду меню File ♦ Save As (Файл ♦ Сохранить как) и сохраните файл под именем 08Start_flattened. Если вы сейчас сохраните версию изобра- жения со слоями, вы сможете вернуться к ней позднее, чтобы внести необхо- димые изменения - что вы и сделаете в конце дополнительного задания. Выберите команду меню Layer ♦ Flatten Image (Слой ♦ Выполнить сведение). Выберите команду меню File ♦ Save (Файл ♦ Сохранить), после чего закройте окно изображения.
276 Adobe Photoshop CS3 ? Дополнительное задание Сейчас вы можете воспользоваться всеми преимуществами, которые предоставь! ляет смарт-объект, выполняя редактирование содержимого этикетки и предок I тавляя программе Photoshop возможность автоматического обновления компози- I Пии с бутылкой. 1 Дважды щелкните на эскизе смарт-объекта PRODUCT OF ITALY па палитре Layers (Слои). (Если появится диалог смарт-объекта с предупреждением, просто щелкните на кнопке ОК.) Программа Photoshop откроет смарт-объект в отдельном окне. 2 Выберите инструмент Horizontal Туре (1оризонтальный текст) (Т) и в окне изоб- ражения смарт-объекта измените текст «16 FL Ounces» на 32 fl. ounces. Затем щелкните на кнопке Commit Any Current Edits (Применить текущую правку) (✓). 3 Щелкните па красной кнопке Close (Закрыть) и при появлении запроса щелк- ните на кнопке Yes (Да), чтобы сохранить изменения. Программа Photoshop возвращается к файлу изображения 08Start.psd, и обновле- ния, внесенные в смарт-объект, применяются к этикетке. Эту процедуру вы може- те повторять сколько угодно, внося дополнительные правки в рисунок без ухуд- шения качества изображения или трансформации. Для редактирования эффек- та деформирования вы можете в любое время, находясь в окне файла изображения 08Working.psd. выбрать команду меню Edit ♦ Transform ♦ Warp (Ре- дактирование ♦ Трансформирование ♦ Искривление), после чего продолжить редактирование эффекта деформирования, не опасаясь за рисунок.
www.infanata.org Итоги Обзорные вопросы 1 Как интерпретируется текст в программе Photoshop? 2 Какие сходства и различия существуют между текстовым слоем и другими I слоями в Photoshop? 3 Что такое отсекающая маска и как ее можно создать из текста? 4 Опишите два мало известных способа управления форматированием текста в Photoshop. Ответы на обзорные вопросы 1 Текст в программе Photoshop состоит из математических фигур, которые оп- ределяют формы букв, цифр и символов гарнитуры. При добавлении текста в изображение Photoshop текстовые символы составляются из пикселов и . имеют такое же разрешение, как и файл изображения. Тем не менее, конту- ры векторного текста сохраняются и используются в программе Photoshop при масштабировании текста или смене кегля, при сохранении текста в PDF или EPS-файле, а также при печати изображения на PostScript-приитере. 2 Текст, добавленный к изображению, отображается на палитре Layers (Слои) в виде текстового слоя, который можно редактировать и обрабатывать точ- но так же, как слой любого другого типа. Можно добавлять и править текст, изменять его ориентацию и применять сглаживание, а также перемещать, переупорядочивать, копировать слой, редактировать параметры слоя. 3 Отсекающая маска — это объект или группа объектов, фигуры которых мас- кируют остальную часть изображения так, что видимыми являются только области, находящиеся внутри фигуры маски. Буквы на любом текстовом слое могут преобразовываться в отсекающую маску путем выбора текстового слоя и слоя, который должен просматриваться сквозь буквы, после чего в раскры- вающемся меню палитры Layers (Слои) выбирается команда Create Clipping Mask (Создать обтравочную маску). 4 Выделите текст в окне изображения, после чего на палитре Character (Сим- вол) или на панели параметров текстового инструмента можно выполнять следующие действия: • Протаскивая указатель по меткам полей Set the font size (Задайте кегль), Leading (Интерлиньяж). Tracking (Трекинг), Kerning (Кернинг), Scaling I (Масштабирование) и Baseline Shift (Смещение базовой линии), установите требуемые значения параметров; • Выделите текст в окне изображения, щелкните мышью на имени шрифта в раскрывающемся меню Set the font family (Задайте гарнитуру) и нажимайте клавиши | Т и Т|, чтобы циклически перемещаться по списку доступных шрифтов и просматривать их в интерактивном режиме в окне изображения.
RETRO T9YZ В отличие от точечных изображен и й, векторные рисунки сохраняют отчетли- вые края при любом увеличении. Для уп- равления содержимым изображений Photoshop вы можете рисовать в них векторные фигуры и пути, а также до- бавлять векторные маски. В этом уроке вы познакомитесь с дополнительными способами применения векторных фигур и векторных масок.
www.infanata.org yr О К 9. Приемы работы с векторной графикой Обзор урока В этом уроке вы узнаете, как делать следующее: Fi> Различать точечную и векторную график}’. В* Рисовать прямолинейные и криволинейные пути с помощью инструмента | Реп (Перо). • Преобразовывать выделения в пути и пути в выделения. |« Сохранять контуры. К Рисовать и редактировать фигуры слоев. К* Рисовать произвольные фигуры слоев. I • Импортировать и редактировать интеллектуальные объекты из программы Illustrator. Выполнение урока займет около 90 минут. Если надо, удалите папку предыдущего урока со своего жесткого диска и скопируйте на него папку Lesson09. В процессе работы некоторые исходные файлы будут перезаписаны. Если потребуется вос- Ётановить первоначальные файлы, скопируйте их повторно с компакт-диска, филагаемого к книге «Adobe Photoshop CS3. Официальный учебный курс». Обшие сведения о точечных изображениях и векторной графике Прежде чем приступить к работе с векторными фигурами и векторными путями, важно понимать главные различия между двумя основными категориями компью- терной графики: точечными изображениями и векторной графикой. Вы можете использовать программу Photoshop для работы с любым из этих двух типов графи- ки; фактически, вы можете комбинировать точечные и векторные данные в од- ном файле изображения Photoshop. Точечные изображения, называемые еще растровыми изображениями, основаны на сетке цветов, известных, как пикселы. Каждому пикселу назначается точное местоположение и цветовой код. При работе с точечными изображениями вы ре- дактируете группы пикселов, а не объекты или фигуры. Поскольку точечные гра- фические изображения могут представлять тонкие градации оттенка и цвета, они хорошо подходят для тоновых изображений, таких как фотографии или рисунки.
www.infanata.org Adobe Photoshop CS3 созданные в программах подготовки цветных изображений. К недостаткам точеч- ных графических изображений относится то, что они состоят из конечного чис- ла пикселов. В результате этого они могут утрачивать детали и выглядеть за.зуб-1 репными в случаях, если их масштаб на экране увеличивается, либо они печатая ются при разрешении, меньшем, чем то, при котором их создавали. Векторные графические изображения создаются из линий и кривых, заданных | математическими объектами, называемыми векторами. Эти графические изобра-1 жения сохраняют свою четкость независимо от их перемещений, изменений раз-1 мера и цвета. Векторные графические изображения хорошо подходят для иллю- I страций, печати и такой графики, как логотипы, которая может быть масштаб» I рована до различных размеров. Логотип, растеризованный как точечный рисунок Обшие сведения о путях и инструменте Реп (Перо) В терминах программы Photoshop, путем называется контур векторной фигуры. К путям относятся любой контур или фигура, которые вы рисуете с помощью I инструмента Реп (Перо), инструмента Magnetic Реп (Магнитное перо) или I инструмента Freeform Реп (Свободное перо). Из всех этих инструментов инстру- I мент Реп (Перо) рисует пути с наибольшей точностью; инструмент Magnetic Реп (Магнитное перо) и инструмент Freeform Реп (Свободное перо) рисуют пути так, I как будто вы рисуете их карандашом на бумаге.
Приемы работы с векторной графикой 283 I । Джулиан Кост (/ulieanne Ko-tl) - официальный евангелист Photoshop. I СОВЕТЫ ОТ ЕВАНГЕЛИСТА PHOTOSHOP Для любого инструмента на панели инструментов задана одна из клавиш клавиатуры, которая I позволяет быстро его выбирать. Введите букву - получите инструмент. Например, чтобы выбрать инструмент Реп (Перо), нажмите на клавиатуре клавишу Р. Нажатие горячей клавиши I совместно с клавишей Shift приводит к переключению вложенных инструментов внутри 1 группы. Так, нажатие комбинации клавиш Shift+P переключает выбор инструмента между инструментами Реп (Перо) и Freeform Реп (Свободное перо). Пути могут быть открытыми и замкнутыми. Открытые пути (например, волнис- тые линии) имеют две отчетливо различимые концевые точки. Замкнутые пути (например, окружности) являются непрерывными. От типа пути, который вы ри- суете. зависит способ его выделения и настройки. При печати рисунка те пути, которые не были залиты или обведены, не печатают- ся. Так происходит потому, что пути являются векторными объектами, которые не содержат пикселов, в отличие от растровых фигур, рисуемых инструментом Pencil (Карандаш) и другими инструментами рисования. Начало работы Начнем урок с просмотра копии итогового варианта изображения, которое вам (предстоит создать - постера вымышленной компании по производству игрушек. ) 1 Запустите программу Adobe Photoshop, а затем немедленно (не дожидаясь окон- | чания загрузки программы) нажмите и удерживайте комбинацию клавиш I l+j ан shift | (Windows) или Command+Ootion+lfo'111 (Mac OS), чтобы восста- I ловить стандартные настройки программы. (Подробности можно найти во I введении к книге.) 2 В появившемся окне сообщения щелкните мышью на кнопке Yes (Да), чтобы I подтвердить намерение переустановить настройки. Затем закройте диалог Welcome Screen (Начальный экран) щелчком мыши на кнопке Close (Закрыть). 3 На панели параметров инструмента щелкните мышью на кнопке Go to Bridge I (Перейти к Bridge) («*), чтобы открыть окно программы Adobe Bridge.
284 Adobe Photoshop CS 4 На палитре Favorites (Избранное), расположенной плевом верхнем углу npi граммы Adobe Bridge, щелкните на папке Lessons (Уроки), после этого дважд! щелкните на папке Lesson09 в области просмотра эскизов. 5 Выделите файл 09End.psd, чтобы его изображение отобразилось в центр палитры Preview (Просмотр). Чтобы лучше рассмотреть рисунок, увеличил размер палитры, перетащив вниз ее нижний край. Чтобы создать такой постер, вам предстоит открыть изображение игрушечной космического корабля и попрактиковаться в создании путей и выделений с по- мощью инструмента Реп (Перо). В процессе выполнения урока вы познакомитесь с дополнительными приемами использования путей и векторных масок, а также с методами использования интеллектуальных объектов, когда будете создавать фоновые фигуры и текст. Если вы открываете файл 09End.psd в программе Photoshop, вам может быть предло-\ жено обновить текстовые слои. В таком случае щелкните мышью на кнопке Update (ОМ новить). Такое уведомление иногда появляется, когда файлы передаются между компЬЛ ютерами, в особенности, между компьютерами, работающими под управлением опе- рационных систем Windows и Mac OS. 6 После просмотра файла 09End.psd дважды щелкните мышью на эскизе файла Saucer.psd, чтобы открыть его в программе Photoshop. 7 Выберите команду меню File ♦ Save As (Файл ♦ Сохранить как), присвойтеI файлу имя 09Working.psd и щелкните на кнопке Save (Сохранить).
Приемы работы с векторной графикой 285 Использование путей в рисунке На ем с использования инструмента Реп (Перо), чтобы создать выделения в .фантастическом изображении летающей тарелки. Тарелка имеет длинные, глад- | кие, криволинейные края, которые было бы трудно выделить с помощью других Вы нарисуете вокруг изображения путь, а внутри изображения создадите еще два (Дуги. После того как вы нарисуете пути, вы преобразуете их в выделения. Затем вычтете одно выделение из другого, с тем, чтобы выделенным осталось только Изображение тарелки без звездного неба. Наконец, вы создадите новый слой из изображения тарелки и замените изображение, которое видно позади нее. Рисуя произвольный путь с помощью инструмента Реп (Перо), используйте для соз- дания нужной вам фигуры как можно меньшее число точек. Чем меньшее число то- чек вы используете, тем более гладкими будут кривые и рациональнее ваш файл. Правильное число точек Слишком много точек Создание путей с помошью инструмента Реп (Перо) Нструмент Реп (Перо) можно использовать для создания прямых или изогну- тых, замкнутых или незамкнутых путей. Если вы не знакомы с инструментом Реп (Перо), вначале он может показаться достаточно сложным. Вам будет легче освоить рисование инструментом Реп (Перо), если вы будете понимать назна- чение элементов пути и методы их создания инструментом Реп (Перо). i Прямолинейные пути создаются щелчками кнопкой мыши. Когда вы щелкаете мышью первый раз, вы устанавливаете начальную точку пути. После этого каж- дый раз, когда вы щелкаете мышью, между предыдущей точкой и текущей точ- | кой рисуется прямая линия. Для создания с помощью инструмента Реп (Перо) Ложного прямолинейного сегмента, продолжайте добавлять точки. ®1И требуется создать криволинейный путь, установите щелчком мыши точку рйвязки. потом, не отпуская левой кнопки, создайте для этой точки путем пе- яаскивания указателя мыши направляющую линию. Затем установите щелч-
www.infanata.org 286 Adobe Photoshop CS3 ком мыши новую точку привязки. Каждая направляющая линия заканчивается двумя направляющими точками. Позиции направляющих линий и направляю? щих точек определяют размер и форму криволинейного сегмента. Для измене? ния формы криволинейного участка сегмента достаточно переместить его нап- равляющие линии или направляющие точки. Гладкие кривые соединяются точками привязки, называемыми гладкими точка- ми. Резко изломанные пути соединяются угловыми точками. Когда вы перемеща- ете направляющую линию на гладкой точке, криволинейные сегменты по обе сто- роны от этой точки подстраиваются одновременно. Напротив, когда вы переме- щаете направляющую линию на угловой точке, подстраивается только та кривая,. которая находится по ту же самую сторону от точки, что и направляющая линия. Созданные сегменты путей и точки привязки можно перемещать как по отдели ности, так и группами. Если путь состоит из нескольких сегментов, вы можете перетаскивать отдельные точки привязки для настройки конкретных сегментом или же выделить все точки привязки для корректировки всего пути. Для выде-1 ления и редактирования точек привязки, сегментов и путей в целом используеи] ся инструмент Direct Selection (Стрелка) (>). Создание замкнутого пути отличается от создания незамкнутого пути способом, завершения пути. Для завершения незамкнутого пути следует выбрать на пане-1 ли инструментов инструмент Реп (Перо) (). Чтобы замкнуть путь, необходим навести инструмент Реп (Перо) на начальную точку пути и щелкнуть мышью.: Замыкание пути автоматически приводит и к его завершению. После замыкав! ния пути рядом с указателем инструмента Реп (Перо) появляется маленький; значок перекрестия х, указывающий на то, что следующий щелчок мышью при- ведет к созданию нового пути. Во время рисования путей на палитре Paths (Контуры) появляется временная область хранения Work Path (Рабочий контур). Весьма полезно сохранять рабо- чие пути, особенно, если вы работаете с несколькими отдельными путями в од- ' ном изображении. Если вы снимете выделение с существующего рабочего пути в палитре Paths (Контуры), а потом вновь начнете рисовать, исходный путь бу- дет утрачен, а вместо него появится новый рабочий путь. Чтобы сохранить ра- бочий путь, дважды щелкните мышью на нем в палитре Paths (Контуры), введи- те имя в диалоге Save Path (Сохранить контур), а потом щелкните на кнопке ОК. После сохранения путь останется выделенным на палитре Paths (Контуры). > Рисование контура фигуры В этой процедуре вы используете инструмент Реп (Перо) для соединения точек от точки А до точки N, а затем обратно до точки А. Вы установите несколько пря- молинейных сегментов, несколько гладких точек и несколько угловых точек. I Сначала вам предстоит настроить параметры инструмента Реп (Перо) и рабочей области, после этого вы создадите контур летающей тарелки, воспользовавшись:! шаблоном.
| Приемы работы с векторной графикой 287 1 Выберите на панели инструментов инструмент Реп (Перо) (ф). 2 Далее установите или выберите на панели параметров инструмента следую- I щие настройки: • На панели параметров инструмента щелкните на кнопке Paths (Контуры)( Ш ) • Щелкните мышью на стрелке, раскрывающей меню Geometry Options (Геомет- I рические параметры) и убедитесь, что в открывшейся палитре Pen Options (Параметры инструмента -Перо») сброшен флажок Rubber Band (Просмотр). • Убедитесь, что флажок Auto Add/Delete (Оптимизация) установлен. • Щелкните на кнопке Add to Path Area (Добавить к области контура) (й ). О • ЩИ1-1 } 4 J \ • а*ию«<я'о*е« .Jс а О Rubber Band А. Кнопки Paths (Контуры); В. Меню Geometry Options (Неметрические параметры); С. Кнопка Add to Path Area (Добавить к области контура) 3 Щелкните на вкладке палитры Paths (Контуры), чтобы вывести эту палитру на I передний план группы палитр Layers (Слои). I На палитре Paths (Контуры) отображаются эскизы путей, которые вы рисуете. Сейчас палитра пуста, поскольку вы еще ничего не делали. 4 Если нужно, увеличьте масштаб изображения, чтобы хорошо видеть помечен- ные буквами и красные точки на шаблоне фигуры, которые уже созданы для вас. I Убедитесь в том, что в окне изображения вмещается весь шаблон, а также не за- I будьте после масштабирования вновь активировать инструмент Реп (Перо). 5 Наведите указатель мыши на точку А и перетащи те его до красной точки, что- бы установить первую точку привязки и задать направление первой кривой. I Затем проделайте то же самое для точки В. Точку в углу кабины пилота (точка В) вы должны превратить в угловую точку, что- бы создать резкий переход между криволинейным сегментом и прямолинейным клиентом. 6 Нажмите клавишу | а" | (Windows) или Option (Mac OS) и щелкните мышью на I точке В. чтобы преобразовать гладкую точку в угловую точку путем удаления I одной из направляющих линий. 7 Щелкните мышью на точке С, чтобы установить прямолинейный сегмент (не I перетаскивайте указатель мыши). [Если при рисовании вы допустили ошибку, выберите в меню команду Edit ♦ Undo (Редактирование ♦ Отменить), чтобы отменить операцию. Затем продолжайте рисовать.
288 Adobe Photoshop CS3 Установка гладкой точки Преобразование гладкой в точке В точки в угловую точку 8 Щелкните мышыо на точке D и перетащите указатель мыши до красной точки Затем щелкните мышью наточке Е и перетащите указатель мыши вниз до крас ной точки. 9 Щелкните мышью на точке F. 10 Установите гладкие точки в точках G. Н и I, щелкал на этих точках и перетаски вал указатель мыши до соответствующих красных точек. 11 Щелкните мышыо на точке J. 12 Установите гладкие точки в точках К и L, щелкая на этих точках и неретас!® вал указатель мыши до соответствующих красных точек. 13 Щелкните мышыо на точке М. 14 Щелкните мышью на точке N. но не отпускайте кнопку мыши. Зажми те клав» шу | Д11 | (Windows) или Option (Mac OS) и перетащите указатель мыши от точки N до красной точки. Тем самым вы добавите одну направляющую линию к точ- ке привязки N. Отпустите кнопку мыши и клавишу О или Option. I 15 Наведите указатель мыши на точку А, так чтобы возле указателя мыши поя- вился небольшой кружок, и щелкните мышью, чтобы замкнуть путь. (Увидеть маленький кружок может быть затруднительно, поскольку изображение тем- ное и кружок неконтрастный.) Перетащите указатель мыши от точки А до красной точки, после чего отпустите кнопку мыши, чтобы нарисовать послед- нюю кривую. 16 На палитре Paths (Контуры) дважды щелкните мышью на слое Work Path (Рабо* I чий контур), введите имя пути Saucer (Тарелка) в появившемся диалоге Save Path (Сохранить контур) и щелкните мышью на кнопке ОК. чтобы сохранить путь. I
www.infanata.org <ы работы с векторной графикой 289 Выберите в меню команд) File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу. выделения в путь йчас вы создадите второй путь, используя другой способ. Сначала вы использу- еинструмент выделения, чтобы выделить сходно окрашенные области, а затем «образуете выделение в путь. (В путь можно преобразовать любое выделение, зданное инструментом выделения.) Щелкните мышью на вкладке палитры Layers (Слои), чтобы отобразить эту палитру на экране, а затем перетащите слой Template (Шаблон) на кнопку Delete Layer (Удаляет слой) в нижней части палитры. Этот слой более не нужен. Выберите инструмент Magic Wand (Волшебная палочка) ( \), скрытый под инструментом Quick Selection (Быстрое выделение), на панели инструментов. Убедитесь, что на панели параметров инструмента Magic Wand (Волшебная па- лочка) значение параметра Tolerance (Допуск) установлено равным 32. Осторожно щелкните мышью на черной области внутри одного из вертикаль- ных стабилизаторов тарелки. Нажмите клавишу |lshl111 и, удерживая ее нажатой, щелкните мышью внутри дру- гого стабилизатора, чтобы добавить в выделение и эту черную область.
www.infanata.org 6 Щелкните мышью на вкладке палитры Paths (Контуры), чтобы вывести палит ру Paths (Пути) на передний план. Затем щелкните мышью на кнопке Maki Work Path From Selection (Сделать из выделенной области рабочий контур (XX) в нижней части палитры. Выделения преобразуются в пути, и будет создан новый рабочий путь с н.менеы Work Path (Рабочий контур). 7 Дважды щелкните мышью на строке Work Path (Рабочий контур) и присвой^ пути имя Fins (Стабилизаторы). Затем щелкните мышью на кнопке ОК. чтобы сохранить путь. 8 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить), чтобы сохраш работу. Преобразование путей в выделения Точно так же, как вы можете преобразовывать границы выделения в пути, вы мо жете преобразовывать пути в выделения. Пути, обладая гладкими контурами, поз воляют вам создавать точные выделения. Сейчас, когда вы уже нарисовали пуп для изображения космического корабля и его стабилизаторов, вы преобразует! эти пути в выделение и примените к этому выделению фильтр. 1 На палитре Paths (Пути) щелкните мышью на пути Saucer (Тарелка), чтобы сделать его активным.
www.infanata.org Приемы работы с векторной графикой 291 2 Преобразуйте путь Saucer (Тарелка) в выделение любым из следующих способов: • В меню палитры Paths (Контуры) выберите команду Make Selection (Образо- вать выделенную область) и затем щелкните на кнопке ОК. чтобы закрыть по- I явившийся диалог. * Перетащите путь Saucer (Тарелка) на кнопку Load Path As Selection (Загрузить I контур как выделенную область) (С') в нижней части палитры Paths (Кон туры). Далее вы вычтете выделение Fins (Стабилизаторы) из выделения Saucer (Тарел- ка), с тем. чтобы вы могли видеть изменение фона сквозь пустые области стаби- йизаторов. V Чтобы преобразовать активный путь в выделение, просто щелкните на кнопке Load Path As Selection (Загрузить контур как выделенную область) ( Q), располо- ' женной в нижней части палитры Paths (Контуры). 3 На палитре Paths (Контуры) щелкните мышью на пути Fins (Стабилизаторы). I чтобы сделать его активным. Затем в меню палитры Paths (Контуры) выбери- I те команду Make Selection (Образовать выделенную область). 4 В группе элементов управления Operation (Операция) диалога Make Selection I (Образовать выделенную область) установите переключатель Subtract from Selection (Вычитание из выделенной области) и щелкните мышью на кнопке ОК
Путь Fins (Стабилизаторы) одновременно преобразуется в выделение и вычита- ется из выделения Saucer (Тарелка). Оставьте пути выделенными, поскольку вы будете использовать это выделение Я следующей процедуре. Преобразование выделения в слой В этом разделе мы покажем, как создание выделения с помощью инструмента Реп (Перо) может помочь добиться интересных эффектов в изображении. Поскольку I вы уже изолировали космический корабль, вы можете создать его точный дубли кат в новом слое. Затем вы скопируете этот слой в другой графический файл с фо- новым изображением постера. 1 Убеди тесь, что в окне изображения по прежнему виден контур выделения. Ес- ли вы сняли с него выделение, вам надо заново выполнить предыдущее упраж- нение, «Преобразование путей в выделения-. 2 Выберите в меню команду Layer ♦ New ♦ Layer Via Copy (Слой ♦ Новый ♦ Ско- пировать на новый слой). На палитре Layers (Слои) появится новый слой с именем Layer 1 (Слой 1). Эскиз I слоя Layer 1 (Слой 1) показывает, что этот слой состоит только из изображения] летающей тарелки и не содержит областей с изображением неба, имеющихся в исходном слое. 3 На палитре Layers (Слои) дважды щелкните мышыо на имени слоя Layer 1 (Слой 1), введите новое имя Saucer (Тарелка) и нажмите клавишу (Windows) или Return (Mac OS), чтобы переименовать слой. |нмт< jHowrtrs[дач >] ’ СЯ X Л. о е. U al а
www. infanata. org [Приемы работы с векторной графикой 293 и С помощью программы Adobe Bridge или командой меню File ♦ Орел (Файл ♦ Открыть) откройте файл 09Start.psd. находящийся в папке Lessons/ Lesson09. Этот файл Photoshop содержит изображение градуированного синего фона и пла- неты, расположенной в нижней части. 5 Если нужно, передвиньте окна изображений так, чтобы вы могли видеть, по I крайней мере, часть обоих окон. Saucer.psd и 09Start.psd. Убедитесь в том, । что на палитре Layers (Слои) для файла 09Start.psd нет никаких выделенных I слоев, после этого активируйте окно изображения Saucer.psd и выберите на палитре Layers (Слои) слой Saucer (Тарелка). 6 На панели инструментов выберите инструмент Move (Перемещение) (►*) и перетащите изображение из окна изображения Saucer.psd в окно изображе- ! ния 09Start.psd так, чтобы летающая тарелка отображалась на фоне неба. 7 Закройте файл Saucer.psd, оставив файл lOStart.psd открытым и активным. Теперь более точно подгоним местоположения летающей тарелки в фоновой об- ги постера. В На палитре Layers (Слои) выделите слой Saucer (Тарелка), а потом выберите команду меню Edit ♦ Free Transform (Редактирование ♦ Свободное трансфор- мирование).
www.infanata.org Adobe Photoshop । Вокруг летающей тарелки появится прямоугольная рамка. 9 Поместите указатель мыши рядом с какой-либо угловой точкой привязки и да бейтесь, чтобы он принял вид указателя вращения ( ), далее поверните изо( ражение летающей тарелки примерно на 20 градусов по часовой стрелке. Koi да будете удовлетворены результатом, нажмите клавишу |jEn|o,| (Windows) ши Return (Mac OS). Если вместо поворота вы случайно исказили изображение, нажмите комбинацию клавш СМ*. (точка) (Windows) или Command*, (точка) (Mac OS) и попробуйте еще раз. 10 Чтобы еще немного улучшить позицию летающей тарелки, убедитесь в то» что слой Saucer (Тарелка) все еще выделен, и с помощью инструмента Mov (Перемещение) перетащите тарелку так, чтобы она слегка перекрывала план ту, как показано на следующем рисунке. 11 Выберите в меню команду File ♦ Save As (Файл ♦ Сохранить как), приа файлу имя 09B_Working.psd и щелкните на кнопке Save (Сохранить). Создание векторных объектов для фона Многие постеры разрабатываются с тем, чтобы в последствии быть уменыпенш ми или увеличенными с сохранением четкости изображения. Для создания таки проектов удобно применять векторную графику. Далее вам предстоит создать ве: торные фигуры на основе путей и масок, которые позволят управлять тем, чт должно отображаться на постере. Поскольку создаваемые объекты будут векто] ными, в дальнейшем их можно будет масштабировать с сохранением качества всех деталей.
www. infanata. org Приемы работы с векторной графикой 295 Рисование масштабируемой фигуры 1чнем с создания белой фигуры причудливой формы, которая будет выступать Клостере в качестве декорации. 1 Выберите в меню команду View ♦ Rulers (Просмотр ♦ Линейки) для отображе- ния горизонтальных и вертикальных линеек. 2 Перетащите вкладку палитры Paths (Контуры) за пределы группы палитр Layers I (Слои) так, чтобы эта палитра стала самостоятельным объектом. Это нужно для I удобства, поскольку в этом упражнении нам предстоит достаточно часто обра- щаться как к палитре Layers (Слои), так и к палитре Paths (Контуры). 3 На палитре Layers (Слои) скройте все слои, щелкая мьппыо на соответствую- щих значках глаза, за исключением слоев Retro Shape Guide Layer (Направляю- щий слой для Retro Shape) и Background (Задний план), а потом щелчком мы- ши сделайте активным слой Background (Задний план). Заправляющий слой будет служить шаблоном во время рисования фигуры. Установите в качестве цветов переднего и заднего планов стандартные цвета (чер- ный и белый цвет соответственно), щелкнув мышью на значке Default Foreground and Background Colors (Цвет переднего и заднего плана по умолчанию) (), кото- рый расположен на панели инструментов (или нажмите клавишу |ПП). Далее поме- няйте местами цвета переднего плана и фона щелчком мыши на значке Switch Foreground and Background Colors (Переключение цветов переднего и заднего плана) () (или нажмите клавишу 0). Теперь цвет переднего плана - белый.
ты. inf anat a. org Adobe Photoshop I А. Кнопка Default Foreground and Background Colors (Цвет переднего и заднего плана по умолчанию); В. Кнопка Set foreground color (Выберипи' основной цвет): С. Кнопка Switch Foreground and Background Colors (Переключение цветов переднего и заднего мана); D. Кнопка Set background color (Выберите фоновый цвет) 5 Выберите на панели инструментов инструмент Реп (Перо) (ф). Далее пр верьте, чтобы на панели параметров инструмента была нажата кнопка Shaf Layers (Слой-фигура). > • J 6 Создайте фигуру, используя операцию перетаскивания. Следуйте ниже пс|: численным этапам: • Щелкните в точке а и создайте направляющую линию путем перетаскиваю указателя мыши при нажатой ее левой кнопке в направлении точки b и немн го левее. Отпустите левую кнопку мыши. • Щелкните в точке с и создайте направляющую линию путем перетаскиваю указателя мыши при нажатой ее левой кнопке в направлении точки d и чул чуть выше. Отпустите левую кнопку мыши. • Продолжайте таким же способом рисовать вокруг фигуры криволинейна сегменты до тех пор. пока не окажетесь снова в точке а. После этого щелки те на точке а, чтобы замкнуть путь. Если возникли проблемы, откройте заново изображение летающей тарелки и попра тикуйтесь в рисовании путей вокруг этого объекта, пока не привыкните рисовать крив линейные сегменты. Рекомендуем также прочитать вставку «Создание путей с п мощью инструмента Реп (Перо)» несколько ранее в этом уроке.
www.infanata.org 1бмы работы с векторной графикой 297 Юбратнте внимание на то, что в процессе рисования программа Photoshop автома- ически создала новый слой с именем Shape 1 (Фигура 1) на палитре Layers (Слои). 7 Дважды щелкните мышью на слое фигуры, переименуйте его в Retro Shape I (Фигура Retro) и нажмите клавишу |lEnlaf| (Windows) или Return (Mac OS). 8 Скройте слой Retro Shape Guide Layer (Направляющий слой для Retro Shape). I щелкнув мышью на связанном с ним значке глаза на палитре Layers (Слои). 9 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранит!. I свою работу. Снятие выделения с путей I Иногда необходимо снять выделение с путей, чтобы видеть соответствующую па- I нель параметров инструмента при выборе векторного инструмента. Кроме того, снятие выделения с путей может помочь вам увидеть некоторые эффекты, кото- * рые могут быть малозаметными, если путь подсвечен. Прежде чем перейти к сле- дующему разделу урока, вы должны убедиться, что со всех путей снято выделение. 1 Выберите инструмент Path Selection (Выделение контура) (Ч), который в нас- I тоящее время скрыт за инструментом Direct Selection (Стрелка) (%). 2 На панели параметров инструмента щелкните мышью па кнопке Dismiss Target Path (Применить) ( ✓). льтернативный способ снятия выделения с путей заключается в щелчке мышью на /устой области ниже путей на палитре Paths (Контуры). Обратите внимание на то, что рамка, разграничивающая белую фигуру и синий юн. представляет собой зернистый контур. То, что вы видите, и является пугем, он не выводится на печать. Такой контур является визуальным свидетельством то- го. что слой Retro Shape (Фигура Retro) все еще выделен. Обшие сведения о слоях-фигурах Ьюй-фигура состоит из двух компонентов: заливки и формы. Свойства заливки Определяют цвет (или цвета), узор и прозрачность слоя. Форма представляет со- бой слой-маску, определяющую области, в которых можно видеть заливку, и облас- ти, в которых заливка скрыта. В слое, который вы только что создали, заливкой служит белый цвет. Этот цвет видим внутри фигуры, которую вы нарисовали, и блокирован в оставшейся части изображения с тем, чтобы вы могли видеть небо на заднем плане. . На палитре Layers (Слои) слой с именем Retro Shape (Фигура Retro) расположен над слоем Background (Задний план), поскольку на момент начала рисования вы- делен был именно фоновый слой. Вместе с именем слоя представлены три йемента: два эскизных изображения и значок связи между ними.
www.infanata.org Adobe Photoshop CS А. Эскиз заливки; В. Значок связи слоя с маской; С. Эскиз векторной маски Левый эскиз показывает, что весь слой залит белым цветом переднего пла> Небольшой ползунок под эскизом не функционален, однако он символизиру что этот слой доступен для редактирования. Эскиз справа показывает векторную маску для слоя. Белая область в эскизе указь вает место в рисунке, где изображение видимо, а черная область показывает о( ласть, где изображение блокировано. Значок между двумя эскизами указывает, что этот слой и векторная маска связан] друг с другом. Вычитание фигур из слоя-фигуры После создания слоя-фигуры (векторного графического изображения) вы может задать параметры для вычитания новых фигур из этого векторного изображена. Кроме того, вы можете использовать инструмент Path Selection (Выделение конт ра) и инструмент Direct Selection (Стрелка), чтобы перемещать, изменять размер, и редактировать фигуры. Сейчас вы добавите немного живости в созданную фиг ру путем вычитания из нее фигуры звезды. Тогда сквозь удаленную область будс проглядывать звездное небо. Чтобы облегчить позиционирование звезды, вы буд, те использовать в качестве справки спой Star Guide Layer (Направляющий ело для Star), который уже создан для вас. В настоящее время этот слой скрыт. На палитре Layers (Слои) щелкните мышью на прямоугольнике, крайнем сл от имени слоя Star Guide Layer (Направляющий слой для звезды), чтобы ото( зить значок глаза (®) для этого слоя (но оставьте слой Retro Shape (Фиг Retro) выделенным). Теперь слой Star Guide стал видимым в окне изображен 2 На палитре Paths (Контуры) выделите путь Retro Shape Vector Mask пая маска Retro Shape).
мемы работы с векторной графикой 299 На панели инструментов выберите инструмент Polygon (Многоугольник) (О). скрытый за инструментом Rectangle (Прямоугольник) (Ы ). На панели параметров инструмента установите следующие параметры: В поле Sides (Стороны) введите значение 11. Щелкните мышью на кнопке Geometry Options (Геометрические параметры), помеченной стрелкой (непосредственно слева от поля Sides (Стороны)), что- бы открыть всплывающую палитру Polygon Options (Параметры инструмента «Многоугольник»). Установите флажок Star (Звезда) и введите значение 50% в поле Indent Sides By (Глубина лучей). Затем щелкните мышью вне палитры Polygon Options (Параметры многоугольника), чтобы закрыть ее. Щелкните на кнопке Subtract From Shape Area (Вычесть из области фигуры) (Г ) или нажмите на клавишу |~~| (дефис или минус), чтобы установить этот па- раметр с помощью горячей клавиши. Указатель инструмента Polygon (Много- угольник) теперь выглядит, как перекрестие с небольшим значком минуса (+.). Наведите перекрестие инструмента на центр оранжевой точки в центре оран- жевой окружности и перетащите указатель мыши вниз, пока лучи звезды не дойдут до края окружности.
1Ы работы с векторной графикой 299 На панели инструментов выберите инструмен т Polygon (Многоугольник) (О), скрытый за инструментом Rectangle (Прямоугольник) (Э). На панели параметров инструмента установите следующие параметры В поле Sides (Стороны) введите значение 11. Щелкните мышыо на кнопке Geometry Options (Теометрические параметры), помеченной стрелкой (непосредственно слева от поля Sides (Стороны)), что- бы открыть всплывающую палитру Polygon Options (Параметры инструмента «Многоугольник»). Установите флажок Star (Звезда) и введите значение 50% в поле Indent Sides By (Глубина лучей). Затем щелкните мышью вне палитры Polygon Options (Параметры многоугольника), ч тобы закрыть ее. J • Ola U a J J J j J \ л" ; PolVQO" Option i Щелкните на кнопке Subtract From Shape Area (Вычесть из области фигуры) (Г ) или нажмите на клавишу ГП (дефис или минус), чтобы установить этот па- раметр с помощью горячей клавиши. Указатель инструмен та Polygon (Много- угольник) теперь выглядит, как перекрестие с небольшим значком минуса (+-). i-CH Наведите перекрестие инструмента на центр оранжевой точки в центре оран- жевой окружности и перетащите указатель мыши вниз, пока лучи звезды не дойдут до края окружности.
www.infanata.org 300 Adobe Photoshop i Во время перетаскивания указателя мыши вы можете поворачивать звезду, смеь указатель мыши в сторону. Когда вы отпустите кнопку мыши, фигура звезды вырезается, а сквозь появившес отверстие просматривается изображение неба. Если бы в фоновом слое было д гое изображение, узор или цвет, вы бы увидели именно их внутри фигуры звезда Обратите внимание на то, что фигура звезды обведена зернистой линией, это ворит о том, что данная фигура в настоящий момент выделена. Другим свидете ством этого же факта является подсвеченный (обведенный белым контуром) кнз векторной маски Retro Shape на палитре Layers (Слои). 6 На палитре Layers (Слои) щелкните мышью на значке глаза для слоя Layer (Направляющий слой для звезды), чтобы скрыть его. Обратите внимание на то, как изменились эскизы на палитрах. На палитре La (Слои) левый эскиз остался таким, как был, но эскиз векторной маски на oi палитрах, Layers (Слои) и Paths (Контуры), показывает фигуру с вырезкой в > ме звезды. В ' п. -J е.
www.infanata.org Приемы работы с векторной графикой If Снимите выделение со звезды и нашей фигуры, выбрав инструмент Path Selection (Выделение контура) (•») и щелкнув на кнопке Dismiss Target Path I (Применить) ( ✓ ). которая расположена на панели параметров инструмента. В результате с путей будет снято выделение и зернистые линии исчезнут. При этом между синей и белой областью сохранится четкая граница. Кроме того, исчезнет подсветка с пути Retro Shape Vector Mask (Векторная маска Retro Shape) 1 на палитре Paths (Контуры). Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу. Работа с заданными пользовательскими фигурами Иругим способом использования фигур в рисовании является создание пользова- тельских или предопределенных фигур. Для добавления такой фигуры достаточ- но просто выбрать инструмент Custom Shape (Произвольная фигура), выбрать нужную фигуру из палитры Custom Shape (Произвольная фигура) и нарисовать ее (своем изображении. Попробуем сейчас воспользоваться этим способом для до- авления узора шахматной доски к фону постера магазина игрушек. Убедитесь. что на палитре Layers (Слои) выделен слой Retro Shape (Фигура Retro), и щелкните мышью на кнопке Create a new layer (Создает новый слой) (iJ). чтобы добавить и разместить поверх него новый слой. Дважды щелкните мышью на стандартном названии слоя Layer 1 (Слой 1). потом переименуйте . его в Pattern (Узор) и нажмите клавишу (Windows) или Return (Mac OS). R На панели инструментов выберите инструмент Custom Shape (Произвольная I фигура) (i? ), скрытый за инструментом Polygon (Многоугольник) (Q). На панели параметров инструмента щелкните мышью на стрелке в поле со спис- | ком Shape (Фигура), чтобы открыть палитру выбора пользовательских фигур. I Найдите шахматный узор внизу палитры выбора пользовательских фигур (с этой целью вам. возможно, придется несколько расширить палитру или вос- 1 пользоваться полосой прокрутки), и дважды щелкните на нем мышью, чтобы од- новременно выделить его и закрыть палитру выбора пользовательских фигур.
www.infanata.org 302 Adobe Photoshop) 5 На панели параметров инструмента щелкните на кнопке Fill Pixels (Выпол! заливку пикселов). 6 Убедитесь, что установлен белый цвет переднего плана (либо выберите эт цвет сейчас), затем нажмите клавишу Ни, удерживая ее нажатой, перелай те указатель мыши в окне изображения по диагонали, чтобы нарисовать № тановить размер изображения приблизительно равный двум дюймам. (Удер) ние клавиши |(511,111 сохраняет исходные пропорции фигуры.) 7 Добавьте в изображение пять экземпляров узора разного размера так, 41 ваша картинка совпадала с рисунком, изображенным ниже. Уменьшите на палитре Layers (Слои) степень непрозрачности слоя Pattern до 2
www.infanata.org Вриемы работы с векторной графикой 303 Мы завершили создание фона постера. 9 Сделайте вновь видимым слой Saucer (Тарелка), щелкнув мышыо на столбце Show/Hide Visibility (Отобразить/Скрыть слой) возле имени этого слоя, чтобы 1 посмотреть, как выглядит вся композиция. 10 Выбери те в меню команду File ♦ Save (Файл ♦ Сохранить), чтобы сохранить I свою работу. Импортирование интеллектуальных объектов Вюграмма Photoshop обеспечивает поддержку интеллектуальных объектов •small objects”), то есть вы можете импортировать векторные объекты из про- I граммы Adobe Illustrator и редактировать их затем в программе Photoshop без поте- ри качества. Независимо от того, как часто осуществляется масштабирование, кипение, скашивание и другие преобразования таких объектов, они всегда оста- ются четкими и сохраняют резкие контуры. Кроме того, допускается редактиро- ван! исходного интеллектуального объекта в программе Illustrator, и в этом слу- чае все изменения непременно будут отображаться в позиции размещения объек- П В графическом файле приложения Photoshop. Интеллектуальные объекты жратко рассматривались в уроке 8. Познакомимся с ними поближе, разместив в Изданном постере некоторый текст, который был создан в программе Illustrator. Добавление заголовка Мы создали для вас в программе Illustrator название магазина игрушек. Давайте до- бавим его в наш постер. I Убедитесь, что выделен слой Saucer (Тарелка), и выбери те в меню команду File ♦ Place (Файл ♦ Поместить). Перейдите к папке Lessons/Lesson09. выделите файл с именем title.ai и щелкните на кнопке Place (Поместить). В появившем- ся диалоге Place PDF (Поместить PDF) щелкните на кнопке ОК. IB результате выполненных действий текст Retro Toys (Игрушки Ретро) будет до- бавлен в центр композиции и окажется заключенным внутрь прямоугольной рам- Кб перемещаемыми узловыми точками. На палитре Layers (Слои) появится но- вый слой title (заголовок). В Перетащите добавленную надпись в правый верхний угол постера, а потом, за- жав клавишу расширьте с сохранением пропорций текстовый объект пу- тем перетаскивания таким образом, чтобы он занял всю верхнюю часть посте- I ра. как показано на рисунке ниже. По окончании, нажмите на клавиатуре кла- 1вишу ||b'ie,| (Windows) или Return (Mac OS) или щелкните мышью в панели параметров инструментов на кнопке Commit Transform (Выполнить размеще- [ ние) (✓). Когда вы зафиксируете изменения, эскиз слоя изменится, показав тем самым, что слой заголовка является интеллектуальным объектом.
304 Поскольку заголовок Retro Toys (Игрушки Ретро) является интеллектуальный объектом, вы, если хотите, можете продолжать редактирование его размера И формы. Для этого достаточно просто выделить слой, выбрать в меню команд Edit ♦ Free Transform (Редактирование ♦ Свободное трансформирование), полу- чив доступ к точкам привязки, и начать их перетаскивание. С этой же целью мож- но также выбрать инструмент Move (Перемещение) (), установить на панели параметров инструмента опцию Show Transform Controls (Показывать ограничив тельную рамку) и начать настройку этих точек. Завершение В .завершении мы очистим палитру Layers (Слои), удалив слои шаблонов. 1 Убедитесь, что на палитре Layers (Слои) видимыми являются только слои title (заголовок), Saucer (Тарелка), Pattern (Узор). Retro Shape (Фигура Retro) и Background (Задний план). 2 Выберите из открывающегося меню палитры Layers (Слои) команду Delete Hidden Layers (Удалить скрытые слои) и щелкните на кнопке Yes (Да), чтоби подтвердить удаление.
www.infanata.org Приемы работы с векторной графикой 305 3 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить), чтобы сохранить В свою работу. «Поздравляем! Вы закончили работу над постером. Теперь он должен выглядеть так. как показано на следующем рисунке. Заголовок будет обведен только в том В случае, если вы выполните дополнительное задание.
Теперь, изучив основные приемы рабо- ты со слоями, вы можете создавать в своем рисунке более сложные эффекты, используя слой-маски, группы путей, фильтры, слои настройки и дополни- тельные стили слоев. Кроме того, вы можете добавлять слои из других до- кументов.
www.Infanata.org УРОК 10. Дополнительные приемы работы со слоями Обзор урока В этом уроке вы узнаете, как делать следующее: I Импортировать слой из другого файла. . Ой юзать слой. I Создавать и изменять слой настройки. [ Применять к слоям трехмерные эффекты Vanishing Point (Точка совмещения). Создавать различные композиции слоев для демонстрации разработанных [изображений. ►Управлять слоями. [ Выполнять сведение слоев в многослойном изображении. Объединять и штамповать отдельные слои. ыполиение урока займет менее часа. Если нужно, удалите папку предыдущего рока со своего жесткого диска и скопируйте в него папку Lesson 10. По мере ра- боты над этим уроком вы перезапишете исходные файлы. Если вам нужно вос- становить исходные файлы, скопируйте их с компакт-диска, прилагаемого к кни- ге «Adobe Photoshop CS3. Официальный учебный курс». Начало работы В этом уроке вы объедините изображение, содержащее два слоя, с изображени- ем. содержащим четыре слоя, чтобы создать упаковку для сотового телефона. Вы создадите три различных многослойных дизайна, демонстрировать которые можно выборочно, используя композиции слоев. Вы приобретете опыт работы со слоями настройки, слоями-масками и фильтрами слоя. В уроке вы научитесь ос- новным приемам работы, и только практика может подсказать вам новые пути ффективного использования таких средств, как комбинирование множества фильтров, эффектов, свойств слоев и слоев-масок.
www. infanata. org Adobe Photoshop C 1 Запустите программу Adobe Photoshop, а затем немедленно (не дожидаясь ок мания загрузки программы) нажмите и удерживайте комбинацию клав 1[2Ед+1.д||.]+11^2!!11 (Windows) или Command+Option+Eill (Mac OS), чтобы носе (Подробности можно новить стандартные настройки программы. введении к книге.) 2 В появившемся окне сообщения щелкните мышыо на кнопке Yes (Да), ч бы подтвердить намерение переустановить настройки. Затем закройте, алог Welcome Screen (Начальный экран) щелчком мыши на кнопке Close (Закрыть). 3 На панели параметров инструмента щелкните мышыо на кнопке Go to Bridge (Перейти к Bridge) (а*), чтобы открыть диалог программы Adobe Bridge. На палитре Favorites (Избранное), рас положен н о й в правом верхнем углу 6Е на программы Bridge, щелкните на папке Lessons (Уроки), после чего два щелкните на папке LessonlO в области просмотра эскизов. 5 Выделите файл lOEnd.psd. чтобы его изображение отобразилось в цеш палитры Preview (Просмотр). Чтобы лучше рассмотреть рисунок, увелич: размер палитры, перетащив вниз ее нижний край. Вашей задачей в этом уроке является создание прототипа упаковки путем сб< изображений из других файлов, создания слоев в целевом изображении, добав ния перспективы и последующего усовершенствования дизайна. Вы создадите н колько композиций слоев, чтобы продемонстрировать дизайн вашему клиент}'. 6 Откройте файл 1OStart.psd в программе Photoshop двойным щелчком мыши на его эскизе. Выберите команду меню File ♦ Save As (Файл ♦ Сохранить как присвойте файлу имя lOWorking.psd и щелкните на кнопке Save (Сохранил 7 Перетащите вкладку палитры Layers (Слои) за пределы ее группы палитр так. чтобы эта палитра отображалась вверху рабочей области. Потяните указ! лем мыши вниз за угол палитры Layers (Слои), расширив ее так, чтобы вид без прокрутки не менее десяти слоев.
www.infanata.org Дополнительные приемы работы co слоями 311 Как видите, сейчас на палитре Layers (Слои) имеются три слоя, для двух из кото- рых включен режим видимости. В окне изображения отображается серая трех- иерная коробка, за которой виден задний план. Слой Full Art (Готовое изображе- ние) в данный момент скрыт. I 8 Выделите слой Full Art на палитре Layers (Слои). Обратите внимание, что хо- тя слой Full Art. и выделен на палитре, он по-прежнему остается скрытым. Вы- делите слой Full Art на палитре Layers (Слои). Обратите внимание, что хотя слой Full Art и выделен на палитре, он по-прежнему остается скрытым. Вырезание фигуры в слое Вы начнете построение композиции с открытия файла, содержащего одно из изображений, которые будут использованы для создания дизайна коробки. 1 Переключитесь в окно программы Adobe Bridge, щелкнув на кнопке Go to Bridge (Перейти к Bridge) () на панели параметров инструмента. 2 На панели Content (Содержимое) окна программы Bridge дважды щелкните на | эскизе файла Phone_art.psd. чтобы открыть его в программе Photoshop. Это од- • но из изображений, которое будет размещено на коробке. Этот файл содержит два слоя с именами Phone Art (Изображение телефона) и Mask (Маска). Вы обрежете изображение телефона таким образом, чтобы оно Вещалось внутри фигуры произвольной формы, созданной на слое Mask, кото- Р“" расположен ниже слоя Phone Art. Убедитесь, что на палитре Layers (Слои) слой Mask расположен ниже слоя Phone Art. Отсекающая фигура должна находиться ниже обрезаемого изобра- жения.
4 Убедитесь, что слой Phone Art выделен. Затем, удерживая нажатой клали И (Windows) или Option (Mac OS), расположите указатель мыши над линия между слоями Phone Art и Mask, чтобы указатель мыши принял вид значК изображением двух окружностей ("8), и щелкните левой кнопкой мыши. Эскиз обрезанного слоя Phone Art на палитре Layers (Слои) будет смещен вправ( а в пространстве слева появится прямоугольная стрелка, указывакмцая на ш ний слой, имя которого будет подчеркнуто. Вы импортируете это новое изображение в исходный файл проекта. Но сначала необходимо объединить все слои изображения в один слой. 5 Не снимая выделения со слоя Phone Art. щелкните на значке (•=) в правом верхнем углу палитры Layers (Слои), чтобы отобразить меню этой палитры. В появившемся меню палитры выберите команд) Merge Down (Объединить с предыдущим). ______• " • ‘«•ид-ьа "" ?
www.Infanata.org Дополнительные приемы работы co слоями 313 (Объединить слои изображения можно и другими способами, например, выбрав команду меню Merge Visible (Объединить видимые) либо в меню Layer (Слой), ли- бо в меню палитры Layers (Слои). Но не используйте команду меню Layer ♦ Flatten Image (Слой ♦ Выполнить сведение), поскольку эта команда удаляет прозрачность, созданную в данном файле. Сейчас вы увидите, насколько легко добавить изображение из другого файла пу- тем простого перетаскивания. 6 Перетащите объединенный слой Mask из палитры Layers (Слои) в окно I изображения lOWorking.psd. Слой появится над выделенным слоем (слоем Full Art. который вы выделили в конце предыдущего упражнения) в самом вер- I ху палитры Layers (Слои) файла lOWorking.psd. Изображение телефона отоб- I разится поверх коробки. 7 На палитре Layers (Слои) файла lOWorking.psd выделите имя слоя Mask и вве- дите новое имя Shape Art (Изображение фигуры), чтобы переименовать слой. к Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить I свою работу. I Закройте файл Phone art.psd, не сохраняя никаких изменений. Настройка сетки фильтра Vanishing Point (Точка совмещения) добавленное изображение телефона размещается поверх коробки - это не со- всем тот эффект, который мы хотим получить. Для получения желаемого резуль- ита необходимо отобразить изображение телефона в перспективе, чтобы оно обернуло» коробку. I Выделив слой Shape Art на палитре Layers (Слои), нажмите комбинацию кла- I вши ; ~:г |t||A| (Windows) или Command* [aJ (Mac OS), чтобы выделить все содер- I жимое слоя.
www.infanata.org 314 Adobe Photoshop!» 2 Нажмите комбинацию клавиш ([211I+0 (Windows) или Command *® (МасОЯ чтобы вырезать и сохранить содержимое слоя в буфере обмена. Теперь! экране видна только коробка без изображения. 3 Выберите команду меню Filter ♦ Vanishing Point (Фильтр ♦ Точка совмещен» На экране появится диалог Vanishing Point (Точка совмещения), позволяю!)» нарисовать плоскость перспективы, соответствующую размерам коробки. I 4 Используя инструмент Create Plane (Создать плоскость) (4»). щелкните в пр вом верхнем углу лицевой стороны коробки, чтобы приступить к определен! сетки. Определять плоскости перспективы проще всего в том случае, когда! изображении есть прямоугольный объект, который можно использовать в в честве подсказки. 5 Продолжайте рисовать плоскость, щелкая в каждом углу лицевой стороны i робки. Щелкните в последнем углу, чтобы завершить плоскость. Когда ши кость будет завершена, на лицевой стороне коробки появится сетка и авто) тически будет выбран инструмент Edit Plane (Редактирование плоскости) (lj Вы можете изменить размеры ячеек этой сетки в верхней части дналс Vanishing Point (Точка совмещения) или изменить размеры самой сетки, 1 пользуя инструмент Edit Plane (Редактирование плоскости).
www.infanata.org Дополнительные приемы работы co слоями 315 6 При необходимости воспользуйтесь инструментом Edit Plane (Редактирова- I ние плоскости), чтобы изменить положение угловых точек и настроить плос- I кость перспективы. (Сейчас вы растянете сетку на верхнюю и боковую сторону коробки, чтобы завер- шить создание плоскости перспективы. 7 Не отменяя выбор инструмента Edit Plane (Редактирование плоскости), на- жмите клавишу IIetrl I (Windows) или Command (Mac OS) и, удерживая ее, щелк- I ните на центральной точке верхней стороны сетки. Не отпуская левую кнопку мыши, перетащите указатель мыши в направлении заднего края верхней сто- роны коробки. В результате этого действия плоскость перспективы будет рас- I тянута на верхнюю сторону коробки, где появится сетка. Сетка на лицевой сто- роне коробки исчезнет, но останется синяя граница сетки. 8 При необходимости воспользуйтесь инструментом Edit Plane (Редактирова- I ние плоскости), чтобы изменить положение угловых точек вдоль верхней сто- I роны коробки. 9 Когда вас устроит размещение сетки, повторите шаги 7 и 8, чтобы растянуть I сетку на боковую сторону коробки. меры готовой сетки не обязательно должны в точности совпадать с размерами эбки. При применении перспективы ко многим плоскостям имеет смысл создавать от- дельный слой для каждой плоскости. Размещение результатов фильтра Vanishing Point (Точка совмещения) на отдельном слое позволяет сохранить исходное изобра- жение и управлять непрозрачностью слоя, его стилями и режимами смешивания.
www.infanata.org 316 Adobe Photoshops Теперь все готово для добавления изображения и применения к нему перспекЯ Ю Нажмите комбинацию клавиш |Г°“'I+Гу] (Windows) или Command+0 (МасО чтобы вставить содержимое буфера обмена на сетку. В результате этой one ции в диалоге Vanishing Point (Точка совмещения) будет автоматически] бран инструмент Marquee (Область). 11 Используя инструмент Marquee (Область) (;!). выделите вставленное изобр жение и перетащите его на центр передней плоскости перспективы, чтоб большая часть изображения размещалась на передней панели, но при этс края изображения «обертывали» коробку сверху и сбоку. Чтобы правила «обернуть» объект, важно разместить изображение на передней панели. 1 12 Когда вы будете удовлетворены размещением изображения на плоскости ш спективы, щелкните на кнопке ОК. свою работу. Создание собственных комбинаций клавиш В процессе работы над композицией данного урока вы будете добавлять песка ко изображений, созданных в программе Adobe Illustrator CS3. Чтобы сделать ва работу более эффективной, вы создадите комбинацию клавиш для функции Pls (Поместить).
рнительные приемы работы со слоями 317 Выберите команду меню Edit ♦ Keyboard Shortcuts (Правка ♦ Клавиатурные сокращения). На экране появится диалог Keyboard Shortcuts (Клавиатурные сокращения). В столбце Application Menu Command (Команда меню программы) щелкните на треугольнике слева от группы File (Файл), чтобы отобразить ее содержи- мое. Прокрутите список вниз, чтобы найти команду Place (Поместить), и вы- делите ее. Нажмите на клавиатуре клавишу F13, чтобы присвоить эту клавишу в качестве новой комбинации клавиш для команды. На экране появится сообщение, пре- дупреждающее о том. что клавиша F13 может быть назначена операциям, ко- торые аннулируют данную команду. Щелкните па кнопке Accept (Принять), а затем щелкните на кнопке ОК. lo/иешение импортированного изображения йчас вы воспользуетесь преимуществом комбинации клавиш, настроенной в (едыдущем упражнении, для добавления новых изображений на коробку мо- шльного телефона. Импортируемое изображение содержит слова ••ZX-’!e! cellu- Г», которые изначально были созданы с помощью инструмента Туре (Текст) в рограмме Illustrator, ио впоследствии преобразованные в графическое изображе- nie. Вы не сможете изменить текст с помощью инструмента Туре (Текст). Тем не инее, вам не придется беспокоиться о том, правильно ли отображается текст у «ей работающих с этим файлом, если у них на компьютере не установлен та- гай же шриф т. I Нажмите клавишу F13. чтобы открыть диалог Place (Поместить). Выберите файл ZX-Tel logo.ai в папке Lesson 10. Щелкните на кнопке Place (Поместить). На экране появится диалог Place PDF (Поместить PDF). I Не изменяя значения параметров, используемые по умолчанию, щелкните на кнопке ОК. чтобы импортировать файл.
318 Adobe Photoshop CS Команда Place (Поместить) добавляет в документ фотографию, рисунок или л бой другой файл в формате, поддерживаемом программой Photoshop, в виде ш теллектуального объекта. В предыдущем уроке упоминалось, что интеллектуальные объекты - это слои, я держащие данные растровых или векторных изображений, например, файл Photoshop или Illustrator. Интеллектуальные объекты сохраняют исходное содер жимое изображения вместе с его первоначальными характеристиками, позвав вам недеструктивно редактировать слой интеллектуального объекта. Вы можев изменять масштаб или положение, наклонять, вращать или деформировать и теллектуалызые объекты, не влияя на их четкие границы. 4 Перетащите логотип над лицевой стороной коробки, после чего перетащи] его угловые точки, чтобы изменить размеры логотипа. Ширина логотипа доля на приблизительно равняться ширине лицевой стороны коробки. Не беспокой тесь о точности: совсем скоро вы воспользуетесь фильтром Vanishing Point (Точ- ка совмещения), чтобы отобразить логотип в перспективе. 5 Когда вы будете удовлетворены расположением логотипа, нажмите клавишу 11Еп1е,1 или Return, чтобы поместить файл. Импортированное изображение появится в виде слоя ZX-Tel logo (Логотип ZX-Tel) в самом верху списка на палитре Layers (Слои). Значок, расположенный м правом нижнем углу эскиза слоя, говорит о том, что данный слой является ИнтелуI лектуальным объектом. 6 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохраним свою работу. Применение фильтров к интеллектуальным объектам Вы примените помещенный только что текст к трехмерной коробке, трансфом мируете его и стилизуете таким образом, чтобы он выглядел реалистичным ив перспективе. Сначала необходимо преобразовать векторные данные слоя Интел! лектуального объекта в пикселы. Растрирование интеллектуального объекта по- зволяет применять к нему фильтры и инструменты рисования.
www.Infanata.org приемы работы co слоями 319 На палитре Layers (Слои) щелкните правой кнопкой мыши (Windows) или щелкните левой кнопкой мыши, удерживая нажатой клавишу |[°<^ I (Mac OS), на имени слоя ZX-Tel logo и в появившемся контекстном меню выберите команду Rasterize Layer (Растрировать слой). Эта команда преобразует интеллектуаль- ный объект в плоский растровый слой. Нажмите комбинацию клавиш i'""' l+ГП (Windows) ил и Command+ГП (Mac OS), чтобы инвертировать цвет текста с черного на серый. После добавления на ко- робку текст серого цвета будет более читабельным. На палитре Layers (Слои), удерживая нажатой клавишу II с,~' I (Windows) или Command (Mac OS), щелкните мышью на значке слоя ZX-Tel logo, чтобы выде- лить этот слой. I Нажмите комбинацию клавиш Iе П+ПП (Windows) или Command+fx] (Mac OS), I чтобы вырезать и сохранить содержимое слоя в буфере обмена. i Выберите команду меню Filter ♦ Vanishing Point (Фильтр ♦ Точка совмещения), К чтобы вернуться к плоскости перспективы с трехмерной коробкой, на кото- I рук» нанесено изображение сотового телефона. вйчас вы примените фильтр к интеллектуальному объекту. Фильтры, примени- мые к интеллектуальным объектам, становятся интеллектуальными фильтрами Smart Filters), которые позволяют продолжать редактирование параметров
www.infanata.org 320 Adobe Photoshop M эффектов, не перезаписывая исходные данные изображения и не влияя на каче- ство изображения. При желании вы всегда можете вернуться к данным исходно- го изображения. 6 Нажмите комбинацию клавиш Л'г ]+|V| (Windows) или Command+|V| (MacOS),j чтобы вставить логотип на плоскость перспективы, а затем перетащите его в нужную позицию на лицевой стороне коробки. 7 Нажмите комбинацию клавиш (Windows) или Comm and- V^\ (MacCG чтобы отобразить опорные точки рамки свободной трансформации. ] стройте логотип, перетаскивая опорные точки, таким образом, чтобы он । ответствовал перспективе коробки. Нажав и удерживая клавишу I Wl I (Windows) или Option (Mac OS), перета (клонированную) копию логотипа вверх, чтобы расположить ее на eej стороне коробки. 9 Выберите команду меню File • Save (Файл ♦ Сохранить), чтобы сохрав свою работу. Добавление стиля слоя Сейчас вы добавите стиль слоя для придания логотипу объема. Стили слоя пре ставляют собой автоматические эффекты, которые можно применять к слою. I 1 На палитре Layers (Слои) выделите слой ZX-Tel logo. 2 Выберите команду меню Layer ♦ Layer Style ♦ Bevel and Emboss (Слой ♦ Стил слоя ♦ Тиснение). Не изменяя значения параметров по умолчанию в иояащ шемся диалоге Layer Style (Стиль слоя), щелкните на кнопке ОК.
www.infanata.org Дополнительные приемы работы co слоями Теперь оготип имеет резкие, глубокие края, придавая коробке дополнительный Объем. Помещение бокового изображения Чтобы запершить дизайн упаковки сотового телефона, вы добавите информацию товаре на боковую сторону коробки. I, Нажмите клавишу F13 и выберите файл Side Box Copy.ai в открывшемся диа- логе Place (Поместить). Щелкните на кнопке Place (Поместить). Не изменяя значения параметров, используемые по умолчанию, в появившемся диалоге Place PDF (Поместить PDF), щелкните на кнопке ОК. 2 Удерживая нажатой клавишу |15111(11. перетащите опорные точки рамки изобра- жения. чтобы уменьшить размеры изображения приблизительно до размеров боковой стороны коробки. Затем нажмите клавишу ll3 * 5^! (Windows) или Return (Mac OS), чтобы поместить изображение. 3 На палитре Layers ((Злой) щелкните правой кнопкой мыши (Windows) или (щелкните левой кнопкой мыши, удерживая нажатой клавишу |[01111 (Mac OS), на имени слоя Side Box Сору (Боковая информация о продукте) и в появившемся контекстном меню выберите команд} Rasterize Layer (Растрировать слой). №ы выделите текст и измените его цвет для улучшения удобочитаемости инфор-
www.infanata.org 322 4 Выберите инструмент Polygonal Lasso (Прямолинейное лассо) (V ). ckj за инструментом Lasso (Лассо), на панели инструментов. 5 Используя инструмент Polygonal Lasso (Прямолинейное лассо) (V1). шелка те кнопкой мыши, чтобы нарисовать рамку выделения вокруг верхнего блО1 текста. Затем, нажав и удерживая клавишу |lsnill|. нарисуйте другую рамку выд ленив вокруг нижнего блока текста, чтобы добавить его к предыдущему выд лению. График не должен быть включен в выделение. Вы использовали инструмент Polygonal Lasso (Прямолинейное лассо), посколы строки текста образуют фигуру не совсем правильной формы. Вы также могли и пользовать инструмент Rectangular Marquee (Прямоугольная область). 6 Нажмите комбинацию клавиш ||Сгг| 1+ГП (Windows) или Command-i ГП (Mac OS чтобы инвертировать цвет текста с черного на белый.
Исполнительные приемы работы со слоями 323 [Добавление дополнительных изображений на плоскость перспективы (Сейчас вы добавите информационный текст о товаре на трехмерную коробку. Н Выделив слои Side Box Сору на палитре Layers (Слои), нажмите комбинацию I клавиш II |-*-|Га~| (Windows) или Command+0 (Mac OS), чтобы выделить все со- держи мое этого слоя. 2 Нажмите комбинацию клавиш |гс™|+|Гх| (Windows) или Command+RI (MacOS), I чтобы вырезать и сохранить содержимое слоя в буфере обмена. 3 Выберите команду меню Filter • Vanishing Point (Фильтр ♦ Точка совмещения). 14 Нажмите комбинацию клавиш 1+Гу~| (Windows) или Command+fv] (Mac OS). I чтобы вставить изображение боковой информации на плоскость перспективы. Расположите изображение таким образом, чтобы оно уместилось на боко- I вой стороне коробки. При необходимости нажмите комбинацию клавиш I |cw 1+fFl (Windows) или Command* IT^I (Mac OS), чтобы отобразить опорные I точки рамки свободной т рансформации. Настройте изображение, перетаски- I вал опорные точки, таким образом, чтобы оно правильно разместилось на сто- I роне коробки. Когда вы будете удовлетворены внешним видом изображения боковой инфор- Н нации, щелкните на кнопке ОК. Теперь вы повторите описанные шаги еще раз. чтобы импортировать последнее Врбражение и добавить его на коробку, отображаемую в перспективе. Нажмите клавишу F13, выберите файл Special Offer.ai в открывшемся диалоге Place (Поместить) и щелкните на кнопке Place (Поместить). В появившемся шалоте щелкните на кнопке ОК. Уменьшите размеры изображения таким об- 'разом, чтобы его можно было разместить в левом нижнем углу лицевой с торо- ны коробки, и нажмите клавишу |1Еп|и,1 или Return, чтобы поместить файл. Раз- местите изображение в левом нижнем углу лицевой стороны коробки.
www.infanata.org 324 Adobe Photoshopfl 8 На палитре Layers (Слои) щелкните правой кнопкой мыши (Windows) или щи ните левой кнопкой мыши, удерживая нажатой клавишу If0-1,11 (Mac OS), наш ни слоя Special Offer (Специальное предложение) и в появившемся коня стном меню выберите команду Rasterize Layer (Растрировать слой). 9 Поместите слой Special Offer на коробку, отображаемую в перспективе, в полнив ту же последовательность действий, которую вы использовали для; бавления изображения телефона, текста и боковой информации о товаре:] На палитре Layers (Слои), удерживая нажатой клавишу |l" I (Windows) и Command (Mac OS), щелкните на эскизе слоя Special Offer, чтобы выделить! его содержимое. • Нажмите комбинацию клавиш l+fTl (Windows) или Command+0 (Maci чтобы вырезать и сохранить содержимое слоя в буфере обмена. Выберите команду меню Filter ♦ Vanishing Point (Фильтр ♦ Точка совмещег Нажмите комбинацию клавиш Г0' 1+ПЛ (Windows) или Command+0 (МасО! чтобы вставить содержимое буфера обмена. Разместите изображение в левом нижнем углу лицевой стороны коробки, i еле чего щелкните на кнопке ОК. 10 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохрани свою работу. Создание слоя настройки Чтобы улучшить реализм упаковки сотового телефона, вы добавите слой стройки для создания эффекта тени над боковой стороной коробки. Чтобы применить к изображению настройки цвета и тона без необратимого менения значений пикселов изображения, в изображение можно добавлять сл настройки. Например, если вы добавите в изображение слой настройки Со Balance (Цветовой баланс), вы можете сколько угодно экспериментиров;
www.infanata.org Дополнительные приемы работы co слоями 325 различными цветами, поскольку изменения происходят только в слое настрой- И. Если вы решите вернуться к исходным значениям пикселов, вы можете скрыт», или удалить слой настройки. Сейчас вы добавите слой настройки Levels (Уровни), чтобы увеличить тональ- ный диапазон области выделения, в результате чего увеличится общая контраст- [дость. Слой настройки влияет на все слои, лежащие под ним в пачке слоев изобра- жения. I На палитре Layers (Слои) выделите слой Side Box Copy. В Выберите инструмент Polygonal Lasso (Прямолинейное лассо) (V) на панели I инструментов и нарисуйте прямоугольную рамку выделения вокруг боковой I стороны коробки. К Выберите команду меню Layer ♦ New Adjustment Layer ♦ Levels (Слой ♦ Новый I корректирующий слой ♦ Уровни). В появившемся диалоге New Layer (Новый слой) введите значение Shadow (Тень) в поле ввода Name (Имя), чтобы При- H.своить имя этому слою настройки, и щелкните на кнопке ОК. R Убедитесь, что в диалоге Levels (Уровни) установлен флажок Preview (Про- I смотр). Перетащите правый ползунок параметра Output Levels (Выходные зна- чения) приблизительно до значения 210, чтобы уменьшить яркость выделен- I ной области, и щелкните на кнопке ОК. в Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить I свою работу.
www.infanata.org Adobe Photoshop! 6 Чтобы увидеть эффект, оказываемый слоем настройки на другие слои, вы: жете поэкспериментировать с изображением, щелкая на столбце Show/H Visibility (Отобразить/Скрыть слой) для слоя Side Сору. Закончив, обязан но верните видимость всех слоев. Добавлен слой настройки Shadow Исходное изображение слоя Side Box Copy Использование композиций слоев Теперь вы сохраните текущую конфигурацию в виде композиции слоев. Компе ции слоев позволяют легко переключаться между различными комбинация слоев и эффектов внутри одного файла Photoshop. Композиция слоев - ; моментальный снимок состояния палитры Layers (Слои). 1 Обратите внимание на ряд значков палитр в правой части экрана, рядом с s нилищем палитр. Щелкните на значке Layer Comps (Композиции слоев) ( или выберите команду Window ♦ Layer Comps (Окно ♦ Композиции слоев), ч бы откры ть палитру Layer Comps (Композиции слоев). 2 Щелкните на кнопке New Layer Comp (Создать новую композицию слоев), [ положенной в нижней части палитры Layer Comps (Композиции слоев). Вс рывшемся диалоге New Layer Comp (Новая композиция слоев) введите знг ние Black Box (Черная коробка) в поле ввода Name (Имя), а в поле вв' Comment (Комментарий) введите описание внешнего вида композиции слс 3D box, black top and side shape with full-color art ( Трехмерная коробка с ч ной верхней и боковой стороной и полноцветным изображением). Щелки: на кнопке ОК.
{Дополнительные приемы работы со слоями 327 Сейчас вы внесете несколько изменений и сохраните новый вид в другой компо- зиции слоев. 3 На палитре Layers (Слои) щелкните на значке глаза для слоя Black Box, чтобы I отключить его видимость. Щелкните на столбце Show/Hide Visibility (Отобра- I зить/Скрыть слой) для слоя Full Art, чтобы отобразить этот слой. 4 Щелкните на значке глаза для слоя Shape Art, чтобы отключить его видимость. Вы сохраните эту версию в новой композиции слоев. В Щелкните на кнопке New Layer Comp (Создать новую композицию слоев), рас- I положенной в нижней части палитры Layer Comps (Композиции слоев). В от- | крывшемся диалоге New Layer Comp (Новая композиция слоев) введите значе- I ине Full Image (Готовое изображение) в поле ввода Name (Имя), а в поле ввода I Comment (Комментарий) введите описание внешнего вида композиции слоев: I 3D box, blue top with full-color art (Трехмерная коробка с верхней стороной го- I лубого цвета и полноцветным изображением). Щелкните на кнопке ОК. I На палитре Layer Comps (Композиции слоев) щелкайте на значках видимости 1двух композиций слоев, чтобы поочередно отображать их на экране и опреде- лить различия между ними. Кроме того, композиции слоев можно использовать для сохранения позиции Mita в документе или внешнего вида слоя - например, примененный стиль слоя илй используемый режим смешивания. Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу.
328 Adobe Photoshop CS Управление слоями Вы узнали прекрасный способ представления различных вариантов дизайна ' па- ковки с помощью композиций слоев. Иногда также бывает полезно группирован слои по их содержимом)’. В этом упражнении вы организуете текстовые эдеме» ты и элементы изображения, создав для них отдельные группы. 1 На палитре Layers (Слои), удерживая нажатой клавишу (Windows) или Command (Mac OS), щелкните на слоях Special Offer, Side Box Copy и ZX-Tel logo, чтобы выделить их. 2 В правом верхнем углу палитры Layers (Слон) щелкните на значке меик) палитры и выберите команду New Group From Layers (( юздать новую группу из слоев). В появившемся диалоге New Group From Layers (Создание новой груп- пы из слоев) введите значение Box Туре (Текст с коробки) в поле ввода Name (Имя), после чего щелкните на кнопке ОК. 3 Удерживая нажатой клавишу |lShl111. щелкните па слое настройки Shadow, слоях Shape Art и Full Art с тем. чтобы выделить их на палитре, и повторите шаг 2. В появившемся диалоге New Group From Layers (Создание повой группы из слоев)
Дополнительные приемы работы со слоями 329 введите значение Box Artwork (Изображения с коробки) в поле ввода Name (Имя), после чего щелкните на кнопке ОК. Наборы слоев помогают организовывать и управлять отдельными слоями, объе- диняя их в группы. После создания набора слоев вы можете раскрывать его, что- бы увидеть слои, содержащиеся в наборе, или сворачивать, освобождая простран- ство на палитре. Внутри набора можно изменять порядок размещения слоев в пачке. Б Щелкните на значке глаза для каждой группы слоев, ч тобы отключить их ви- I димость и проверить, как сгруппированы слои. Щелкните на столбце Show/ Hide Visibility (Отобразить/Скрыть слой) для групп слоев, чтобы снова вклю- I чпть их видимость. Наборы слоев в функциональном плане во многом схожи с обычными слоями. Например, вы можете выделять, копировать и перемещать наборы слоев цели- В»|, а также применять атрибуты и маски сразу' ко всему набору. Любые измене- вня. вносимые на уровне набора слоев, применяются ко всем слоям этого набора. | Сведение слоев многослойного изображения I Каи и в предыдущих уроках книги, вам сейчас предстоит объединить слои Изображении. Когда вы объединяете слои в файле, все его слои сливаются в одни фоновый слой, что значительно уменьшает размер файла. Если вы планиру- ете дослать файл в типографию для пробной печати, желательно сохранит!, две |Версии файла - одну версию, содержащую все слои, ч тобы вы могли при необхо- димости отредактировать файл, и вторую версию, с объединенными слоями, для I отсылки в типографию. I I Во-первых, обратите внимание на значения в левом нижнем углу' окна прило- жепия. Если размер файла не показывается (например. Doc: 5.01М/31.8М I (Док.: 5,01 М/31,8 М)), щелкните мышыо на кнопке со стрелкой внизу окна и В выберите команду' Show ♦ Document Size (Показать ♦ Объем файла). I Первое число указывает примерный размер печатной версии файла Adobe Kutoshop. который он приобретет педеле объединения слоев. Число справа пока- пывает приблизительный размер файла документа таким, каким он является в плоящее время, когда содержит все слои и каналы.
www.infanata.org 330 Adobe Photoshop 2 Выберите в меню команду Image ♦ Duplicate (Изображение ♦ Создать ду кат), присвойте дубликату файла имя lOFinal.psd и щелкните мышыо па к ке ОК. 3 В меню палитры Layers (Слои) выберите команду Flatten Image (Выпол! сведение). Слои в файле lOFinal.psd объединяются в один фоновый слой, Теперь размеры файлов, показанные в левом нижнем углу рабочей области и окне изображения, одинаковы и равны меньшему из тех двух чисел, которо видели ранее (для наших файлов эти значения были 5,01 М/5,99 М). Обратите мание, что в результате сведения прозрачные области закрашены белым цвете 4 Выберите команду меню Edit ♦ Undo (Редактирование ♦ Отменить). Сейчас вы воспользуетесь другим способом объединения слоев и уменьшения мера файла. Объединение слоев и групп слоев В отличие от сведения слоев, объединение слоев позволяет выбирать лк слои, которые необходимо объединить или оставить нетронутыми. Вы объедините все элементы коробки, оставив не тронутыми только группу с Box Туре и слой Background. В этом случае вы всегда сможе те вернуться к фат повторно исполызовать слой Background и группу слоев Box Туре. 1 На палитре Layers (Слои) щелкните на значке глаза для группы слоев Box 1 чтобы скрыть все слои, входящие в эту группу. 2 Выделите группу слоев Box Art на палитре Layers (Слои). О s*n ..иь___:
www.infanata.org Дополнительные приемы работы co слоями 331 I Выберите команду меню Layer ♦ Merge Visible (Слой ♦ Объединить видимые). I Слои, которые входят в состав выделенной группы, но не отображаемые на I экране в текущий момент времени, останутся нетронутыми на палитре Layers I (Слои). I Выберите команду меню Edit ♦ Undo (Редактирование ♦ Отменить). Сейчас вы воспользуетесь еще одним способом объединения слоев и уменьшения размера файла. Штампование слоев Операция штампования слоев позволяет использовать преимущества операции Сведения слоев, но при этом оставлять часть слоев нетронутыми. Операция штам- пования объединяет два и более слоя и помещает объединенное изображение на вовый слой, оставляя другие слои нетронутыми. Эту возможность полезно приме- нять в том случае, когда необходимо использовать объединенное изображение, Во при этом для дальнейшей работы нужно оставить некоторые слои нетронутыми. 1 На палитре Layers (Слои) выберите слои, которые вы хотите объединить, вы- I делив группу слоев Box Artwork. и- | Удерживая нажатой клавишу | | (Windows) или Option (Mac OS), выберите I команду меню Layer ♦ Merge Group (Слой ♦ Объединить группу). На палитре Layers (Слои) появится новый слой, содержащий объединенное изображение.
www. infanata. org 332 Adobe Photoshop < И— 3 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить). В диалоге Save. (Сохранить как) щелкните мышью на кнопке Save (Сохранить), чтобы сох[ нить файл в формате Photoshop. Отличная работа! В процессе выполнения этого урока вы создали трехмерн составное изображение и попробовали различные способы сохранения готово изображения.
www. intanata. org Итоги Обзорные вопросы 1 Зачем используются наборы слоев? 2 Что такое отсекающие пути слоев? 3 Как работают слои настройки, и в чем преимущество использования слоя йастройки? 4 Что такое стили слоя? Зачем они используются? 5 Чем отличаются операции сведения, объединения и штампования слоев? КУтветы на обзорные вопросы В Наборы слоев помогают упорядочить слои и управлять ими. Например, вы 1 можете переместить все слои в наборе слоев, как группу, и применить к ним I атрибуты или маску, как к группе. 2 Отсекающий путь создается тогда, когда вы конфигурируете рисунок на ос- I новном слое, как маску для вышележащего слоя. В этом уроке вы использова- I ли слой Mask (Маска) (в виде фигуры произвольной формы) в качестве отсе- I кающего пути .via слоя Phone Art (Изображение телефона), поэтому изобра- жение сотового телефона появляется только в фигуре произвольной формы. 3 Слои настройки представляют собой специальный тип слоя Photoshop, кото- В рый работает только с настройками цвета и тона. Когда вы применяете слой I настройки, вы можете редактировать изображение повторно, не внося необ- I ратнмого изменения в цвета или тоновый диапазон изображения. 4 Стили слоя являются настраиваемыми эффектами, которые можно приме- I нять к слоям. Стили позволяют применять к слою изменения, которые В можно модифицировать или отменить в любое время. 5 При использовании операции сведения все слои изображения сливаются в В один фоновый слой, что значительно уменьшает размер файла. Операция I объединения слоев позволяет выбирать любые слои, которые необходимо I объединить; в результате все выделенные или видимые слои объединяются в В один слой. Операция штампования слоев позволяет использовать преиму- щества операции сведения слоев, по при этом оставлять часть слоев нетро- I нутыми; эта операция объединяет два и более слоя и помещает объединен- I ное изображение на новый слой, оставляя другие слои нетронутыми.
www.intanata.org Adobe Photoshop G * re Смотрите фильм! Ознакомьтесь с подробными пошагб ми инструкциями данного обучающе средства в QuickTime-фильме, котор записан па компакт-диске, прилагав к данной книге -Adobe Photoshop С Официальный учебный курс-. Ф1 фильма называется CloneSource.mov. находится в папке Movies/CloneSourt Дважды щелкните на файле; затем шел ните на кнопке Play (Воспронзведенщ Теперь используйте Photoshop для создания анимационных эффектов! Приветствую вас, энтузиасты программы Photoshop! Вместе с вами Рассел Браун, официальный помешанный профес- сор Photoshop. Вернувшись в свою лабораторию, я подготовь несколько забавных обучающих пособий по программе Photoshop^ которые заинтересуют создателей роликов и сумасшедших про- фессоров по всему земному шару. В этой врезке мы собрали наибо- лее яркие моменты из моей короткой видео-демонстрации, кото рую можно найти на прилагаемом к книге компакт-диске. Вы узнд
www.infanata.org мнительные приемы работы co слоями 335 1. Создание нового видео > программы Bridge найдите папку Movies/ >ource/Video Assets и дважды щелкните на SprayPaintStart.psd. чтобы открыть его в мме Photoshop. Этот файл Photoshop содер- импортированный ролик в формате QuickTime, ограмме Photoshop создайте новый видеослой, зав команду меню Layer ♦ Video Layer • New ik Video Layer (Слой • Видеослой • Создать не- пустой видеослой). Выделив новый слой, опре- <те пользовательскую кисть, открыв файл жит Brush Jpg в папке Video Assets. Выберите иду меню Edit ♦ Define Brush Presets (Редак- вание ♦ Определить установки кисти) и щелкни- I кнопке ОК 3. Отображение наложения и окрашивание распылением Готово для начала клонирования. На палитре ie Source (Клонирование источника) установите кок Show Overlay (Отобразить наложение). В где вы начнете наносить краску. Щелкните ।распылением.
Огромный набор фильтров. имеющихся программеAdobe Photoshop, помашет > образовывать заурядные изображения с мечательные образцы художественных и и с ровых произведений. Вы можете выби/ит фильтры, которые имитируют традшс онные художественные средства - нлп/> мер. акварель - либо вы можете выбира» из фильтров. которые размывают, изги<> ют. заостряют или фрагментирую» изображения. Вы можете варьировав внешний вид своего произведения не тан*1 применением фильтров, но и с помощью с.и» настройки и выбором режимов рисования
www.infanata.org Дополнительные приемы работы с композициями Обзор урока В этом уроке вы узнаете, как делать следующее: Записывать и воспроизводить действия для автоматического выполнения последовательности шагов. Добавлять направляющие для облегчения точного позиционирования и вы- равнивания изображений. Сохранять выделения и загружать их как маски. Применять цветовые эффекты только к немаскированным областям изобра- жения. ;• Добавлять слой настройки для корректировки цветов в выделении. • Применять к выделениям фильтры для создания различных эффектов. • Добавлять стили слоев для создания редактируемых спецэффектов. Выполнение этого урока займет около 90 минут. Если нужно, удалите папку пре- (ыдущего урока со своего жесткого диска и скопируйте в него папку Lesson/ Lesson 11. По мере работы над этим уроком вы перезапишете исходные файлы. Если вам понадобится восстановить исходные файлы, скопируйте их с компакт- диска. прилагаемого к книге «Adobe Photoshop CS3. Официальный учебный lypc. Начало работы Вы начнете урок с просмотра конечного файла этого урока, чтобы увидеть, чего вы должны достигнуть. I Запустите программу Adobe Photoshop, а затем немедленно (не дожидаясь окон- чания загрузки программы) нажмите и удерживайте комбинацию клавиш ____I.!l I • (Windows) или Command+Option+ЁЗ (Mac OS), чтобы восста- I повить стандартные настройки программы. (Подробности можно найти во I введении к книге.) 2 В появившемся окне сообщения щелкните мышью на кнопке Yes (Да), чтобы 1 подтвердить намерение переустановить настройки. Затем закройте диалог Welcome Screen (Начальный экран) щелчком мыши на кнопке Close (Закрыть).
www.infanata.org 338 Adobe Photoshop CSjj 3 На панели параметров инструмента щелкните мышыо на кнопке Go to Bridge (Перейти к Bridge) (“*), чтобы открыть окно программы Adobe Bridge. I 4 На палитре Favorites (Избранное), расположенной в левом верхнем углу окна программы Bridge, щелкните на папке Lessons (Уроки), после этого дважд щелкните на папке Lesson 11 в области просмотра эскизов. 5 Щелкните на эскизе файла 11A_End.psd, чтобы отобразить изображением панели Content (Содержимое). Если требуется взглянуть на него повпимател нее, увеличьте размеры палитры. Изображение в файле 11A_End.psd представляет собой фотомонтаж, составлен- ный из четырех изображений, к каждому из которых применен специальнъф фильтр или эффект. 6 Откроите двойным щелчком мыши файл 11Start.jpg. Автоматизация выполнения многошаговой задачи Действие («action») представляет собой набор из одной или нескольких комаД которые вы можете записать, а потом воспроизвести, применив эту последовя тельность команд к одному файлу или к пакету файлов. В этом разделе урока вы увидите, каким образом действия могут помочь вам сэкономить время путем при- менения многошагового процесса к четырем изображениям, которые вы будем использовать в этом проекте. Использование действий является одним из нескольких приемов, позволяюица автоматизировать выполнение рутинных задач в программе Adobe Photoshop. Чта бы больше узнать о записи действий, обратитесь к справке программы Photoshop. Открытие и обрезка изображений Вы начнете с открытия четырех файлов и подгонки их размеров. Поскольку в эти часть задачи вовлечен выбор вырезаемой части изображения, зависящий от эсте- тических соображений, вы выполните эти шаги вручную, вместо записи их 1 палитру Actions (Операции). 1 Откройте палитру Info (Инфо) в группе палитр Navigator (Навигатор) щелч- ком мыши на вкладке палитры.
Дополнительные приемы работы с композициями 339 '2 На панели инструментов выберите инструмент Crop (Рамка) (Ц ). Нажмите кла- HIIIII \ чтобы граничить форму рамку обрезки квадратом, и, удерживая ее j Нажатой, нарисуйте рамку вокруг слова «Flowers» (Цветы). Закончив рисование, . будьте внимательны: сначала отпустите кнопку мыши, а затем клавишу I 3 Проверьте значения ширины (W) и высоты (Н) на палитре Info (Инфо). Если I вы нарисовали правильный квадрат, то эти значения должны совпадать. 4 Если надо, внесите в выделение необходимые настройки, так чтобы слово •Flowers» было полностью выделено, а вырезающая рамка выделения была вы- ровнена по верхнему краю изображения: Если ширина и высота рамки выделения не совпадают, перетаскивайте угол рамки выделения указателем мыши до тех пор, пока размеры на палитре Info (Инфо) не совпадут. (Не удерживайте клавишу |lShilt|.) Чтобы переместить рамку, щелкните мышью внутри нее и перетаскивайте рам- ку, пока ие расположите ее надлежащим образом. Чтобы изменить размер рамки выделения, нажмите клавишу |fsh||1l и, удержи- вая ее нажатой, перетащите один из углов рамки, уменьшая и увеличивая раз- мер рамки. Чтобы отменить текущие результаты, нажмите клавишу ?Евс| иди щелкните на кнопке Cancel (Отменить) (®) на панели параметров инструмента, а затем (повторите шаги со второго по четвертый. ККогда вас устроит выделение вырезаемой области, дважды щелкните мышыо внутри вырезаемой области или нажмите клавишу 1Ё21211 (Windows) или Return I (Mac OS). Изображение будет вырезано. Вырезанное изображение
340 Adobe Photoshop СЯ Поскольку вы работаете с несколькими файлами, сейчас вы переименуете файл 11 Start.jpg, присвоив ему описательное имя, облегчающее идентификацию фай- ла. Вы также сохраните файл в формате программы Photoshop, поскольку вся раз, когда вы редактируете и перезаписываете файл в формате JPEG, качестве изображения ухудшается. 6 Выберите в меню команду File ♦ Save As (Файл ♦ Сохранить как), чтобы на экране появился диалог Save As (Сохранить как). В открывающемся списке Format (Формат) выберите значение Photoshop и сохраните вырезаний изображение в файле с именем Museum.psd в папке Lessonl 1. 7 В окне программы Adobe Bridge откройте три изображения в формате JPEG, находящихся в папке Lessonl 1: Flower_orange.jpg. Flower_white.jpg и Flower_yellow.jpg. 8 Выберите в меню команду File ♦ Save As (Файл ♦ Сохранить как), чтобы на- экране появился диалог Save As (Сохранить как). В открывающемся списке Format (Формат) выберите значение Photoshop и переименуйте файл Flower_orange.jpg в файл Orange.psd, сохранив его в папке Lessonl 1. Повто- рите этот шаг для файлов Flower_white.jpg и Flower_yellow.jpg, переименовав их в файлы White.psd и Yellow.psd соответственно. 9 Повторите действия 2-5 для всех файлов, которые вы только что открыт Для сохранения файлов применяйте команду File ♦ Save (Файл ♦ Сохраните! Необязательно добиваться одинаковых размеров всех вырезанных изображения Далее в этом уроке вы настроите размеры изображений. Вырезанные версии изображений желтого, белого и оранжевого цветков из JPEG-файлов Оставьте новые вырезанные файлы открытыми для выполнения дальней! процедур. Подготовка к записи действия Для записи, воспроизведения, редактирования и удаления отдельных действий' используется палитра Actions (Операции). Кроме того, палитра Actions (Опера- ции) используется для сохранения и загрузки файлов действий. Вы начнете вы- полнение этого задания с открытия нового документа и подготовки к записи но-1 вого действия па палитре Actions (Операции).
Дополнительные приемы работы с композициями 341 1 Щелкните мышыо на ярлычке вкладки Actions (Операции) на палитре History (История) или выберите в меню команду Window ♦ Actions (Окно ♦ Опера- ции), чтобы вывести палитру Actions (Операции) на передний план в ее груп- пе палитр. 2 На палитре Actions (Операции) щелкните мышью на кнопке Create new set (Создает новый набор) (Сз), расположенной в нижней части палитры. Либо вы можете создать новый набор, выбрав команду New Set (Новый набор) в ме- ню палитры Actions (Операции). 3 В диалоге New Set (Новый набор) введите имя набора Му Actions (Мои дейст- вия) и щелкните мышыо на кнопке ОК. 4 Выберите в меню Команду Window ♦ White.psd (Окно ♦ While.psd), чтобы акти- визировать файл White.psd. 5 Выберите инструмент Rectangular Marquee (Прямоугольная область) на пане- ли инструментов. Это действие приведет к отмене выбора инструмента Crop (Рамка), который в данном уроке вам больше не понадобится. Запись нового набора действий Для данного проекта вам надо, чтобы изображения имели одинаковые размеры, и каждое из них было окружено узкой белой рамкой. Сейчас вам предстоит вы- полнить эти задачи для изображения белого цветка. Вы выполните их путем уста- новки размеров изображения на конкретные значения в пикселах, а затем приме- ните к изображению окружающий контур. По ходу работы вы установите палит- ру Actions (Операции) на запись каждого шага процесса. В этой процедуре важно, чтобы вы закончили все шаги без перерыва. Если вы отвлече- тесь и вам понадобится начать заново, зайдите вперед до шага 10, чтобы остановить запись. Затем вы можете удалить действие путем его перетаскивания на кнопку Delete (Удаляет) ( Я) на палитре Actions (Операции). Чтобы удалить действия, примененные к изображению, используйте палитру History (История), чтобы удалить все действия после операции обрезки. Начните снова с шага 1. 1 На палитре Actions (Операции) щелкните мышью на кнопке Create new action (Создает новую операцию) () или выберите команду New Action (Новая опе- рация) в меню палитры Actions (Операции). 2 В диалоге New Action (Новая операция) введите Size & Stroke (Размер и штрих) в поле Name (Имя) и убедитесь, что во всплывающем меню Set (Набор) выбран пункт Му Actions (Мои действия). Затем щелкните на кнопке Record (Записать).
www.infanata.org 342 Adobe Photoshop CS3 He спешите и выполните всю эту процедуру аккуратно. Скорость вашей работы не яет на время, нужное для воспроизведения записанных действий. 3 Выберите в меню команду Image ♦ Image Size (Изображение ♦ Размер изобр жения). Убедитесь, что в нижней части диалога Image Size (Размер изображения) усга новлены флажки Constrain Proportions (Сохранить пропорции) и Resample Image (Интерполяция). Затем в поле Width (Ширина) введите значение 500и убедитесь, что в качестве единицы измерения выбраны пикселы. Затем щелк ните мышью на кнопке ОК. 5 6 Выберите в меню команду Select ♦ All (Выделение ♦ Все). Выберите в меню команду Edit ♦ Stroke (Редактирование ♦ Выполнить обводку В диалоге Stroke (Обводка) убедитесь в установке следующих параметров ш установите их сейчас: В поле Width (Ширина) оставьте значение 1 пиксел. В цветовом образце возле надписи Color (Цвет) используйте белый цвет либо щелкните мышыо на образце цвета, чтобы открыть диалог выбора цвета, вы- берите белый цвет (значения С. М. Y и К = О) и щелкните мышыо на кнопке ОК, чтобы закрыть диалог выбора цвета. В области Location (Позиция относительно границы) диалога оставьте уста- новленным переключатель Center (По центру). В группе элементов управления Blending (Наложение) в открывающемся спи- ске Mode (Режим) оставьте установку режима Normal (Нормальный), а в поле Opacity (Непрозрачность) оставьте значение 100%. Настройки о диалоге Stroke (Обводка) и ближний план результирующей рамки изображения
www.infanata.org Дополнительные приемы работы с композициями 343 8 Затем щелкните мышью на кнопке ОК, чтобы закрыть диалог Stroke (Обводка). 9 Выберите в меню команду Select ♦ Deselect (Выделение ♦ Отменить выде- ление). 10 На палитре Actions (Операции) щелкните мышью на кнопке Stop (Останавли- вает воспроизведение/запись) () в нижней части палитры, чтобы остано- вить запись шагов. Сохраните свою работу. [ Теперь ваши действия сохранены па палитре Actions (Операции). Вы можете [ щелкнуть мышью на стрелке слева от набора Му Actions, действия Size & Stroke (Размер и штрих) и слева от каждого шага, чтобы раскрывать или свертывать их, как вам удобнее. Раскрыв эти элементы, вы можете проверить каждый записан- ный шаг и конкретные настройки, выполненные вами. Закончив просмотр дей- । ствия. закройте шаги щелчками мыши на стрелках. Воспроизведение действия для отдельного файла । Теперь, когда вы записали процесс установки размеров изображения и характе- ристик обводки для изображения одуванчика, вы можете использовать действие для автоматической обработки других изображений. Вы примените действие Stroke & Size (Размер и штрих) к одном)' из трех других файлов изображений, ко- | торые вы вырезали ранее в этом разделе. 1 Если файлы Yellow.psd. Museum.psd и Orange.psd еще не открыты, восполь- I зуйтесь программой Adobe Bridge или выберите в меню команду File ♦ Open К (Файл ♦ Открыть) и откройте их сейчас. 2 Выберите в меню команду Window ♦ Document ♦ Orange.psd (Окно ♦ До- кумент ♦ Orange.psd), чтобы активизировать это изображение. 3 На палитре Actions (Операции) выделите действие Size & Stroke в наборе Му Actions и затем щелкните мышью на кнопке Play Selection (Выполняет актив- I нук» операцию или команду) (►). либо выберите команду Play (Воспроизведе- ние) в меню палитры Actions (Операции). к Размер изображения Orange.psd автоматически изменяется, и к нему применяет- ся штрих, так что теперь оно соответствует изображению White.psd в отношении | этих свойств. 4 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить).
www.infanata.org Воспроизведение действия в пакете Применение действий является процессом, позволяющим сэкономить время п выполнении рутинных задач с файлами, но этот же процесс позволяет допол! тельно рационализировать вашу работу путем применения действий ко всем > крытым файлам. В этом проекте у вас есть еще два файла, которым необходи изменить размеры и применить обводку, поэтому вы можете применить ваше томатизированное действие к ним обоим одновременно. 1 Закройте файлы White.psd и Orange.psd, сохранив, если будет предложено изменения. Убедитесь, что открыты только файлы Museum.psd и Yellow.psd. 2 Выберите в меню команду File ♦ Automate ♦ Batch (Файм ♦ Автоматизация ♦ Па кетная обработка). 3 В группе элементов управления Play (Выполнить) диалога Batch (Пакетная об работка) убедитесь, что в открывающемся списке Set (Набор) выбран набо] Му Actions, а в открывающемся списке Action (Операция) выбрано действш Size & Stroke. 4 В открывающемся списке Source (Источник) выберите пункт Opened F (Открытые файлы). 5 В открывающемся списке Destination (Назначение) оставьте пункт None сохранять) и щелкните мышыо на кнопке ОК. Действие применяется к изображениям музея и желтого цветка, так что файл1 приобретают одинаковые размеры и штрихи, окружающие их. 6 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить), а затем команду File Close (Файл ♦ Закрыть) для каждого из двух файлов.
www.infanata.org Дополнительные приемы работы с композициями 345 В этом упражнении вы обработали в пакете только два файла, вместо того чтобы вносить одни и те же изменения в каждый из них: удобство было ие слишком боль- шим. Однако создание и применение действий может сэкономить значительное время и усилия, когда вы работаете с десятками и даже с сотнями файлов, кото- рые требуют выполнения над ними какой-либо рутинной повторяющейся работы. 7 Щелкните на кнопке Close (Закрыть) вверху палитры Actions (Действия), что- бы закрыть эту палитру. Применение интеллектуальных фильтров В отличие от обычных фильтров, которые вносят изменения непосредственно в изображение, интеллектуальные фильтры являются недеструктивными: их мож- но настраивать, отключать или включать, а также удалять. Однако интеллекту- альные фильтры можно применять только к интеллектуальным объектам, поэто- му вы не сможете изменить слой интеллектуального объекта - вам будут доступны только параметры его интеллектуальных фильтров. 1 Используя программ}' Adobe Bridge, откройте изображение Background.jpg, на- ходящееся в папке Lesson 11. Сначала вы преобразуете изображение, которое будет использовано в качестве заднего плана, в интеллектуальный объект, а затем примените к нему несколько фильтров. 2 В программе Photoshop выберите команд}' Filter ♦ Convert For Smart Filters (Фильтр ♦ Преобразовать для интеллектуальных фильтров). Когда на экране появится предупреждение о том. что выбранный слой будет преобразован в интеллектуальный объект, щелкните на кнопке ОК. На палитре Layers (Слои) обратите внимание на значок в правом нижнем углу эс- киза слоя. Этот значок означает, что данный слой является интеллектуальным объектом. Теперь вы можете применять к изображению сколько угодно фильт- ров и изменять их параметры в любой момент времени. 3 Не снимая выделения со слоя изображения на палитре Layers (Слои), выбери- | те команду меню Filter ♦ Texture ♦ Stained Glass (Фильтр ♦ Текстура ♦ Витраж). В появившемся диалоге установите для параметра Cell Size (Размер ячейки) значение 11, для параметра Border Thickness (Толщина границ) - значение 1. а для параметра Light Intensity (Интенсивность света) - значение 3. Щелкните I на кнопке ОК.
346 На палитре Layers (Слои) появится слой интеллектуальных фильтров, располо- женный под слоем интеллектуального объекта, к которому эти фильтры быт применены. Справа от имени слоя, к которому применены фильтры, отобража- ется соответствующий значок. 4 Примените любой другой фильтр по вашему усмотрению. (Мы выбрали команду меню Filter ♦ Distort ♦ Glass (Фильтр ♦ Искажение ♦ Стекло) и уста- новили для параметра Distortion (Искажение) значение 9. для параметра Smoothness (Смягчение) - значение 3. для параметра Texture (Текстура) - зна- чение Frosted (Изморозь), а для параметра Scaling (Масштаб) - значение 100%.) Когда вы будете удовлетворены результатами, щелкните на кнопке ОК, Вы можете применять к одному слою различные или одни и те же интеллектуаль- ные фильтры, а также отключать и включать их. 5 На палитре Layers (Слои) дважды щелкните на интеллектуальном фильтре Glass (Стекло). В появившемся диалоге Filter (Фильтр) щелкните на эскизе фильтра Ocean Ripple (Океанские волны), установите желаемые значения па- раметров и щелкните на кнопке ОК. (Мы установили для параметров Ripple Size (Размер волн) и Magnitude (Сила волн) значение 9.)
www. intanata. org Исполнительные приемы работы с композициями 347 Обратите внимание, что имя интеллектуального фильтра на палитре Layers । (Слои) сменилось на имя только что выбранного фильтра, Ocean Ripple (Океан- ские волны). 6 На палитре Layers (Слои) перетащите интеллектуальный фильтр Stained Glass I (Витраж) вверх, чтобы расположить его над интеллектуальным фильтром Ocean Ripple (Океанские волны) и посмотреть, как изменится эффект. № Щелкните на значке глаза (») для интеллектуального фильтра Stained Glass I (Витраж), чтобы отключить этот фильтр. Вы можете применять любые фильтры (включая фильтры сторонних разработ- Lликов) - за исключением фильтров Extract (Извлечь). Liquify (Пластика). Pattern Maker (Конструктор узоров) и Vanishing Point (Точка совмещения) - в качестве ятеллекгуальных фильтров. Кроме того, в качестве интеллектуального фильтра пы можете применить и слой настройки Shadow/Highlight (Тень/Подсветка). Е8 Поэкспериментируйте с различными фильтрами, пока не найдете тот фильтр. I который вам понравится больше всего. Завершив экспериментирование, включите отображение интеллектуального I фильтра Stainded Glass (Витраж), щелкнув на столбце Show/Hide Visibility (Отобразить/Скрыть слой) слева от его имени. 10 Выберите в меню команду File ♦ Save As (Файл ♦ Сохранить как), чтобы на I экране появился диалог Save As (Сохранить как). В открывающемся списке । Format (Формат) выберите значение Photoshop и сохраните вырезанное I изображение в файле с именем 11 Working.psd в папке Lessonl 1. Не закрывай- I Те файл. Вы продолжите работать с ним в следующем упражнении. Нс помощью программы QuickTime просмотрите ролик Smart Filter, чтобы получить общее представление о применении недеструктивных фильтров. Этот ролик находится iпапке Movies на прилагаемом к книге «Adobe Photoshop CS3. Официальный учебный I орс» компакт-диске и называется Smart Filters.mov. Чтобы открыть файл ролика, диады щелкните на нем; после этого щелкните на кнопке Play (Воспроизведение). Установка монтажа из четырех изображений [Теперь, когда вы закончили подготовку четырех изображений, вы поместите их все вместе в новое составное изображение. Используя направляющие, вы сможе- мте точно выровнять изображения без малейшего усилия. Добавление направляющих Направляющие представляют собой непечатаемые линии, которые помогают .Выстраивать элементы в документе по горизонтали или по вертикали. Вы можете выбрать команду Snap То (Привязать к) с тем. чтобы направляющие вели себя, I как магниты: объекты, которые вы перетаскиваете в положения, близкие к на- правляющим, будут захватываться на место вдоль направляющей, когда вы отпус- тите кнопку мыши.
www.infanata.org 348 Adobe Photoshop CS3 1 Активизировав файл 11 Working.psd в окне программы Photoshop, выберите в меню команду View ♦ Rulers (Просмотр ♦ Линейки). По левому краю окна отоб- разится вертикальная линейка, а по верхнему краю окна отобразится горизон- тальная линейка. Если в качестве единиц измерения линеек выбраны не дюймы, выберите в меню коман- ду Edit ♦ Preferences • Units & Rulers (Редактирование ♦ Установки ♦ Единицы изме- рения и линейки) (Windows) или Photoshop ♦ Preferences ♦ Units & Rulers (Photoshop ♦ Установки ♦ Единицы измерения и линейки) (Mac OS). Затем выберите пункт Inches (Дюймы) в открывающемся списке Rulers (Линейки) и щелкните мышью на кнопке ОК 2 Если палитра Info (Инфо) скрыта, выберите в меню команду Window ♦ Info (Ок- но ♦ Инфо), чтобы перенести эту палитру на передний план соответствующей группы палитр. 3 Перетащите указатель мыши от горизонтальной линейки до середины окна изображения, наблюдая за палитрой Info (Инфо), чтобы видеть во время пере- таскивания значение координаты Y. Когда значение координаты Y станет рав- но 3.000 дюймам, отпустите кнопку мыши. Поперек середины окна изображе- ния появится направляющая голубого цвета. 4 Перетащите другую направляющую из вертикальной линейки до середины изображения и отпустите указатель мыши при X = 3.000 дюймов. 5 Выберите в меню команду View ♦ Snap То (Просмотр ♦ Привязать к) и убеди- тесь. что команда Guides (Направляющие) отмечена галочкой, либо выберите ее сейчас. 6 Выберите в меню команду View ♦ Rulers (Просмотр ♦ Линейки), чтобы снова скрыть линейки. Захват изображений в позицию Теперь, когда направляющие находятся на месте, вы готовы поместить в монтаж вырезанные изображения. 1 Выберите в меню команду File ♦ Open Recent • Museum.psd (Файл ♦ Послед- ние документы ♦ Museum.psd). В отдельном окне изображения открывается изображение музея. 2 На панели инструментов выберите инструмент Move (Перемещение) ()•
www.infanata.org Дополнительные приемы работы с композициями 349 3 Щелкните инструментом Move (Перемещение) где-нибудь на изображении му- зея и перетащите его из этого окна изображения в большее окно файла 11 Working.psd, затем отпустите кнопку мыши. Если на экране появится сооб- щение об отсутствующем цветовом профиле, щелкните на кнопке ОК. 4 Снова используя инструмент Move (Перемещение), перетащите изображение музея в левый верхний квадрат изображения так, чтобы его правый нижний угол захватился на место в точке пересечения двух направляющих в центре окна. На палитре Layers (Слои) вы заметите, что изображение музея находится на но- вом слое с именем Layer 1. 5 Выберите в меню команду Window ♦ Museum.psd (Окно ♦ Museum.psd), чтобы активизировать этот файл, а затем закройте его либо щелчком на кнопке Close (Закрыть) (|Х!), либо выбором команды меню File ♦ Close (Файл ♦ Закрыть). 6 Повторите шаги 1-5 для остальных трех вырезанных изображений, поместив изображение желтого цветка в правый верхний квадрат, изображение белого цветка в левый нижний квадрат, а изображение оранжевого цветка в правый нижний квадрат. Все изображения должны плотно поместиться относительно точки пересечения направлякмцих в центре окна. 7 Выберите в меню команду View ♦ Show ♦ Guides (Просмотр ♦ Показать ♦ На- правляющие), чтобы скрыть направляющие. 8 На палитре Layers (Слои) дважды щелкните на имени самого верхнего слоя и присвойте ему имя в соответствии с его изображением (например, «Yellow Flower» (Желтый цветок)). Повторите это действие для каждого изображе- ния. Присвойте слою Layer 0 имя Background (Задний план).
www.infanata.org 350 Adobe Photoshop CS3 Сохранение выделенных областей Далее вы выделите изображение фасада музея и сохраните само выделение. Далее в этом уроке вы используете сохраненное выделение для «раскрашивания» фасада музея и добавления специального эффекта. 1 На палитре Layers (Слои) выделите слой Museum (Музей). 2 На панели инструментов выберите инструмент Zoom (Масштаб) (А) и нари- суйте рамку выделения вокруг слова «Flowers», чтобы увеличить вид изображе- ния. Убедитесь, что в окне изображения вы можете видеть все буквы слова. 3 Выберите инструмент Magic Wand (Волшебная палочка) ( \), скрытый за инструментом Quick Selection (Быстрое выделение) на панели инструментов. На панели параметров инструмента для параметра Tolerance (Допуск) устано- вите значение 20 и убедитесь, что флажки Antialias (Сглаживание) и Contiguous (Смежные пикселы) установлены. 4 Щелкните на букве «F» в слове «Flowers». 5 Удерживая нажатой клавишу ||Shilll. щелкните на букве «1» в слове «Flowers». Продолжайте щелкать на буквах в слове «Flowers», удерживая нажатой клави- шу Н , до тех пор, пока не будут выделены все буквы слова. 6 Выберите в меню команду Select ♦ Save Selection (Выделение ♦ Сохранить вы- деленную область), а затем введите в поле Name (Имя) имя выделения Letters (Буквы) и щелкните мышыо на кнопке ОК, чтобы сохранить выделение в но- вом канале.
www.Infanata.org Дополнительные приемы работы с композициями 351 Дополнительное задание Хотя мы могли бы осуществить выравнивание четырех изображений с помощью центри- рованных направляющих, для достижения большей точности в выравнивании фотогра- фий и других объектов лучше всего использовать интеллектуальные направляющие линии. Используя свой рабочий файл в том виде, в котором он должен находиться после выполне- ния упражнения «Захват изображений в позицию», вы можете сейчас попробовать другой способ выравнивания фотографий или же продолжите выполнение у рока, а с предложен- ным методом познакомитесь позже. Выделите слой White Flower (Белый цве- ток) на палитре Layers (Слои). Далее с помощью инструмента Move (Переме- щение) перетащите его так, чтобы нару- шить порядок в выровненном изображе- нии. Повторите те же действия по отно- шению к слоям Yellow Flower (Желтый цветок) и Orange Flower (Оранжевый цветок). Далее выделите слой White Flower (Бе- лый цветок) на палитре Layers (Слои) и. зажав клавишу Shift, добавьте в выделе- ние слой Orange Flower (Оранжевый цветок). С помощью инструмента Move менно оба слоя в изображении таким об- разом. чтобы верхний край слоя белого цветка совпал с нижним краем изобра- 2 Выберите в меню команду View ♦ Show Smart Guides (Просмотр ♦ Показать Интеллектуальные направляющие). жения открытки. Выделите слой Orange Flower (Оранже- вый цветок) на палитре Layers (Слои) и с помощью того же инструмента Move (Перемещение) совместите левый край этого слоя с правым краем слоя белого цветка. После того, как изображения окажутся выровненными, на экране поя- вятся розовые интеллектуальные нап- Выделите слой Yellow Flower (Желтый цветок) на палитре Layers (Слои) и сов- местите его путем перетаскивания с тре- мя другими слоями, как показано на ри- сунке ниже. Интеллектуальные направля- ющие будут свидетельствовать о точном совмещении краев на этапах 3, 4 и 5. По окончании работы выйдите из режи- ма отображения интеллектуальных нап- равляющих, выбрав в меню команду View ♦ Show ♦ Smart Guides (Просмотр ♦ Показать ♦ Интеллектуальные направ- ляющие).
www.infanata.org 352 Adobe Photoshop CS3 7 Выберите в .меню команду Select ♦ Deselect (Выделение ♦ Отменить выделе- ние), чтобы снять выделение с букв слова «Flowers». 8 Чтобы увидеть сохраненное выделение, щелкните мышью на ярлыке палитры Channels (Каналы), чтобы открыть ее, и, если нужно, прокрутите окно вниз, чтобы найти канал Letters. Щелкайте мышыо поочередно на имени каждого канала, чтобы показать каналы масок в окне изображения. 9 Когда вы будете готовы продолжить работу, прокрутите окно палитры Channels (Каналы) до верха и щелкните мышыо на канале RGB. чтобы выде- лить его. Если нужно, щелкните на значке глаза (®>) для канала Letters, чтобы скрыть этот канал, а затем дважды щелкните на инструменте Hand (Рука) (О ), чтобы уменьшить масштаб отображения. Ручная раскраска выделений в слое Сейчас вы начнете добавлять в создаваемый монтаж специальные эффекты, а начнете с ручной раскраски фасада музея. В первую очередь вы раскрасите нало- женные буквы. Чтобы выделить фасад, вы создадите выделение с именем «wall» (стена). Затем вы удалите с выделения цвет, чтобы вы могли раскрасить его вруч- ную. Наконец, после добавления слоя над музеем, вы будете готовы применить новый цвет путем его добавления в новый слой. В этом случае, если вам не понра- вятся результаты, вы можете просто стереть слой и начать заново. Удаление цвета в выделении Сейчас вы используете команду Desaturate (Обесцветить), чтобы удалить цвет с фасада музея (десатурировать). Сатурация характеризует присутствие или отсут- ствие цвета в выделении. Когда вы обесцвечиваете в изображении выделенную область, вы создаете в ней эффект, подобный раскраске опенками серого цвета (полутонами), не оказывая влияния на цвета в других частях изображения.
www.infanata.org Дополнительные приемы работы с композициями 353 1 Щелкните на вкладке палитры Layers (Слои), чтобы отобразить эту палитру на I экране, а затем выделите слой Museum, на котором находится изображение I музея. 2 Создайте область выделения вокруг всего содержимого слоя с изображением I музея. Для этого щелкните на эскизе слоя, удерживая нажатой клавишу ||01,1 ] [ (Windows) или Command (Mac OS), на палитре Layers (Слои). 3 Чтобы не выделять белый контур изображения, выберите команду меню Select ♦ Modify ♦ Contract (Выделение ♦ Модификация ♦ Сжать). В появив- I шемся диалоге щелкните На кнопке ОК, чтобы сжать область выделения на I один пиксел - значение, используемое по умолчанию. Вы делаете это для того, I чтобы случайно не закрасить контур изображения в следующих упражнениях, I когда вы будете рисовать на слое. I Сейчас вы защитите области, которые не нужно обесцвечивать, загрузив выделе- ние Letters (Буквы) и вычтя загруженное выделение из выделения изображения I заднего плана. 4 Выберите в меню команду Select ♦ Load Selection (Выделение ♦ Загрузить вы- деленную область). В диалоге Load Selection (Загрузить выделенную область) i выберите значение Letters (Буквы) в открывающемся списке Channel (Канал). I установите переключатель Subtract From Selection (Вычесть из выделения) и В щелкните мышыо на кнопке ОК. Теперь вы переименуете объединенное выделение. 5 Выберите в меню команду Select ♦ Save Selection (Выделение ♦ Сохранить вы- I деленную область), а затем введите в поле Name (Имя) имя выделения Wall I (Стена) и щелкните мышыо на кнопке ОК. 6 Выберите в меню команду Image ♦ Adjustments ♦ Desaturate (Изображение ♦ I Коррекция ♦ Обесцветить). Из выделения удаляется цвет, 7 Выберите в меню команду Select ♦ Deselect (Выделение ♦ Отменить выделение). 8 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить), чтобы сохранить I свою работу. Если на экране появится предупреждение о несовместимости, В щелкните на кнопке ОК.
www.infanata.org Adobe Photoshop CS3 Создание слоя и выбор режима смешивания Сейчас для окрашивания обесцвеченного изображения фасада музея вы добавите новый слой и зададите для этого слоя режим смешивания. Путем окрашивания на отдельном слое вы не изменяете изображение необратимо. Это облегчает задачу, если вам не понравятся результаты и вы решите начать работу заново. Чтобы задать способ смешивания пикселов в слое с пикселами на других слоях, лежащих ниже, используются режимы смешивания слоя. Применяя режимы к от- дельным слоям, вы можете создавать мириады спецэффектов. 1 На палитре Layers (Слои) щелкните мышыо на кнопке Create a new layer (Созда- ет новый слой) (SJ), чтобы добавить в изображение новый слой, расположенный на палитре непосредственно над слоем Museum. Дважды щелкните мышью на имени нового слоя и введите имя Paint (Окраска), чтобы переименовать слой. 2 На палитре Layers (Слои), не снимая выделения со слоя Paint, выберите пункт Color (Цветность) в открывающемся меню режимов смешивания, которое на- ходится слева от текстового поля Opacity (Непрозрачность). В любое время, когда вам нужно убрать слой, вы можете на палитре Layers (Слои) пе- ретащить слой на кнопку Delete layer (Удаляет слой). Или просто выделите тот слой, который хотите удалить, и щелкните мышью на кнопке Delete layer (Удаляет слой) (9). После этого подтвердите удаление слоя, Вы можете использовать режим смешивания Color (Цветность) для изменения от тенка выделения, не оказывая влияния на подсветки и затенения. Это означает что вы можете применить множество цветовых опенков без изменения исход ных подсветок и затенений в изображении заднего плана. Применение эффектов окрашивания Чтобы приступить к окрашиванию, вы должны загрузить выделение с именек Wall, которое создали ранее. Путем использования канала Wall вы защищаете не выделенные области изображения при применении цветов, облегчая тем самыу окрашивание внутри контура выделения.
www.infanata. org Дополнительные приемы работы с композициями 355 1 Не снимая выделения со слоя Paint на палитре Layers (Слои), выберите в ме- ню команду Select ♦ Load Selection (Выделение ♦ Загрузить выделенную об- I ласть). 1В диалоге Load Selection (Загрузить выделенную область) обратите внимание на I то. что только что созданное вами изменение цветового режима тоже сохранено как выделение, называемое Paint Transparency (Прозрачность Paint). В этом диа- I логе выберите значение Wall в раскрывающемся меню Channel (Канал) и щелкни- i те мышью на кнопке ОК. 2 Выберите инст румент Brush (Кисть) (У) на панели инструментов. Затем на I панели параметров инструмента установите значение параметра Opacity (Пе- I прозрачность) около 50%. Q Изменяйте значение непрозрачности кисти нажатиями числовых клавиш на допол- нительной клавиатуре от О до 9. Клавиша 1 эквивалентна 10%, клавиша 9 эквивалент- на 90%, а клавиша 0 эквивалентна 100%. 3 Во всплывающей палитре Brush (Кисть) выберите крупную кисть с мягкими краями, например, кисть Soft Round 35 pixels (Мягкая круглая 35 пике.). Закройте палитру, щелкнув на пустой области панели параметров инструмента. 4 Удерживая нажатой клавишу И (Windows) или Option (Mac OS), чтобы времен- но переключиться на инструмент Eyedropper (Пипетка), щелкните на области I зеленого цвета в любом месте коллажа, чтобы выбрать цвет для рисования. И Перетаскивая кисть в окне изображения, закрасьте выбранным цветом буквы
Adobe Photoshop CS3 6 Снова воспользуйтесь инструментом Eyedropper (Пипетка), нажав и удержи- вая клавишу 1 Д11 | (Windows) или Option (Mac OS), и щелкните на желто-оранж& вом цвете па лепестках желтого цветка, чтобы выбрать этот цвет. Закрасьте выбранным цветом буквы «О» и «W». 7 Теперь выберите насыщенный оранжево-красный цвет на лепестках оранже- вого цветка, щелкнув кнопкой мыши принажатой клавише И (Windows) или Option (Mac OS). Закрасьте выбранным цветом буквы «F» и «L». Закрасив бук- вы, выберите цвет для изображения здания и закрасьте его. 8 Когда вас удовлетворят результаты, выберите в меню команду Select ♦ Deselect (Выделение ♦ Отменить выделение), а затем выберите в меню коман- ду File ♦ Save (Файл ♦ Сохранить). Объединение слоев Следующий шаг, объединение слоев, поможет вам поддерживать сравнительно небольшой размер файла. Однако после объединения вам будет нелегко вернуть-^ ся назад, чтобы восстановить изображение или начать процесс заново. Поэтому, прежде чем выбирать команду объединения, убедитесь, что вы довольны своими результатами. 1 Убедитесь, что на пали тре Layers (Слои) выделен слой Paint. 2 Выберите в меню команду Layer ♦ Merge Down (Слой ♦ Объединить с предыду- щим), чтобы слить слой Paint с нижележащим слоем Museum. Теперь два слоя объединены в единый слой с именем Museum. 3 Дважды щелкните мышыо на инструменте Hand (Рука) (О ) с тем, чтобы раз- местить весь монтаж в окне изображения, либо дважды щелкните мышыо на инструменте Zoom (Масштаб) ('А), чтобы установить масштаб изображения 100%. 4 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить). Изменение цветового баланса Теперь вы используете слой настройки для того, чтобы настроить цветовой ба- ланс изображения желтого цветка.
Дополнительные приемы работы с композициями 357 Замена цвета в канале или обычном слое необратимо изменяет пикселы на этом слое. Однако при использовании слоя наст ройки ваши изменения цвета или тона находятся только внутри слоя настройки и не изменяют ни одного пиксела в сло- ях под ним. Эффект таков, как будто бы вы смотрите на видимые слои сквозь слой настройки, расположенный над ними. Используя слои настройки, вы можете пробовать настройки цвета и тона без необратимого изменения пикселов в изображении. Кроме того, вы можете использовать слои настройки для того, что- бы воздействовать сразу на несколько слоев. 1 На палитре Layers (Слои), удерживая нажатой клавишу it I (Windows) или Command (Mac OS), щелкните на слое с изображением желтого цветка, чтобы выделить содержимое этого слоя. 2 Выберите команду меню Select ♦ Modify ♦ Contract (Выделение ♦ Модифика- ция ♦ Сжать). В появившемся диалоге щелкните на кнопке ОК. чтобы принять значение 1 рх. используемое по умолчанию. В результате белая граница изоб- ражения будет вычтена из выделения. 3 Выберите в меню команду Layer • New Adjustment Layer « Color Balance (Слой ♦ Новый корректирующий слой ♦ Цветовой баланс). 4 В диалоге New Layer (Новый слой) установите флажок Use Previous Layer to Create Clipping Mask (Использовать предыдущий слой для создания обтравоч- пой маски). Установка этого флажка гарантирует, что ваш слой настройки бу- дет оказывать влияние только на изображение желтого цветка, но не на осталь- ные три части монтажа. Затем щелкните мышыо на кнопке ОК, чтобы создать слой настройки со стандартным именем Color Balance 1 (Цветовой баланс 1). Открывается диалог Color Balance (Цветовой баланс), в котором вы можете из- менить смесь цветов в цветном изображении и выполнить общие корректиров- ки цвета. Когда вы настраиваете цветовой баланс, вы можете сохранить тот же самый тоновый баланс, как вы сделаете это здесь. Кроме того, вы можете сосре- доточить изменения на тенях, промежуточных тонах или подсветках. 5 Переместите диалог так, чтобы вы могли видеть цветок в окне изображения, и убедитесь, что флажок Preview (Просмотр) установлен. 6 Поэкспериментируйте, устанавливая различные значения параметров Color Levels (Уровни) для изображения, например, +12, +1 и -59.
Дополнительные приемы работы с композициями 359 • Если вы планируете печатать изображение на черно-белом принтере, преж- де чем применять фильтры, преобразуйте копию изображения в полутоно- вое изображение. Однако применение фильтра к цветному изображению, а затем преобразование изображения в полутоновое может привести к иному эффекту чем применение фильтра к полутоновой версии изображения. Применение фильтра Paint Daubs (Масляная живопись) Фильтр Paint Daubs (Масляная живопись) позволяет выбирать кисти различных размеров и типов - например, грубые, резкие, размытые или искрящиеся - и соз- давать эффект живописного изображения. 1 На палитре Layers (Слои), удерживая нажатой клавишу !lCtrl I (Windows) или Command (Mac OS), щелкните на эскизе слоя с изображением желтого цветка, чтобы выделить содержимое этого слоя. Убедитесь, что вы выделили слой с изображением, а не его слой настройки. Сейчас вы вычтете белую рамку изображения шириной в один пиксел из области выделения. 2 Выберите команд)’ меню Select ♦ Modify ♦ Contract (Выделение ♦ Модифика- ция ♦ Сжать). По умолчанию используется значение 1 рх. Щелкните на кноп- ке ОК, чтобы вычесть белую рамку изображения шириной в один пиксел из вы- деления. 3 Выберите команд)' меню Filter ♦ Artistic ♦ Paint Daubs (Фильтр ♦ Имитация ♦ Масляная живопись). В правом верхнем углу диалога Paint Daubs (Масляная живопись) установите для параметра Brush Size (Размер кисти) значение 8. для параметра Sharpness (Резкость) - значение 7, а в открывающемся списке Brush Туре (Кисть) выберите значение Simple (Простой). Затем щелкните на кнопке ОК. чтобы закрыть диалог.
www.infanata.org Adobe Photoshop CS3 Использование фильтров Чтобы использовать фильтр, выберите в меню Filter (Фильтр) команду соответ- ствующего подменю. При выборе фильтров вам могут помочь такие указания: • Последний выбиравшийся фильтр отображается в верхней части меню. • Фильтры применяются к активном}', видимому слою. • Фильтры не могут быть применены к изображениям в режиме Bitmap (Бито- вый формат) или к изображениям с индексированным цветом. • Некоторые фильтры работают только с изображениями RGB. • Некоторые фильтры полностью обрабатываются в оперативной памяти. • Сведения о фильтрах, которые могут применяться к изображениям с 16 и 32 битами на канал, можно найти в разделе «Using fillers» (Использование фильтров) справки программы Photoshop. Применение фильтра Twirl (Скручивание) Далее вы используете фильтр Twirl (Скручивание), чтобы создать такое впечатле- ние, будто белый цветок вращается. 1 На палитре Layers (Слои) выделите слой с изображением белого цветка. 2 На панели инструментов выберите инструмент Elliptical Marquee (Овальная область) (О), скрытый за инструментом Rectangular Marquee (Прямоуголь- ная область) ([_]). 3 Нажав и удерживая комбинацию клавиш 1РП+ГЧ (Windows) или ||Shih|+Qptjon (Mac OS) для создания круглой области выделения, протащите инструмент на- искось через изображение белого цветка так, чтобы выделить большую часть его лепестков, но в то же время так, чтобы рамка выделения не доходила до краев изображения. Выделение ограничивает в слое с изображением белого цветка ту область, на ко- торую будет оказывать воздействие фильтр. Если выделение слишком велико, то граница изображения тоже станет волнистой и начнет перекрывать другие квад- раты в монтаже. 4 Выберите в меню команду Filter ♦ Distort ♦ Twirl (Фильтр ♦ Искажение ♦ Скру- чивание). 5 В появившемся диалоге Twirl (Скручивание) введите значение 100 в поле вво- да Angle (Угол). Измените масштаб отображения, чтобы увидеть весь цветок целиком.
Дополнительные приемы работы с композициями 361 6 Когда результаты удовлетворят вас, щелкните мышью на кнопке ОК. 7 Выберите в меню команду Select ♦ Deselect (Выделение ♦ Отменить выделе- ние). затем команду File ♦ Save (Файл ♦ Сохранить), чтобы сохранить работ): Специфическую информацию по конкретным фильтрам можно найти в справке программы Photoshop. Джулиан Koon (Julieanne Kost) - официальный евангелист Photoshop. СОВЕТЫ ОТ ЕВАНГЕЛИСТА PHOTOSHOP Комбинации горячих клавиш для фильтров Познакомьтесь с комбинациями горячих клавиш, которые позволят вам сэкономить время при работе с фильтрами. • Чтобы снова применить недавно использованный фильтр с его последними настройками, нажмите комбинацию клавиш Ctrl+F (Windows) или Command+F (Mac OS); Чтобы отобразить диалог для последнего фильтра, который вы применяли, нажмите ком- бинацию клавиш Ctrl+Alt+F (Windows) или Command-^Option+F (Mac OS). Перемещение выделения Далее вам предстоит выполнить простое задание: переместить выделение букв в другую область изображения. Это действие подготавливает сцену для последней работы путем создания другого эффекта для изображения букв. 1 Выберите в меню команду Select ♦ Load Selection (Выделение ♦ Загрузить вы- деленную область). В диалоге Load Selection (Загрузить выделенную область) выберите значение Letters (Буквы) в открывающемся списке Channel (Канал). Щелкните мышыо на кнопке ОК.
www.infanata.org Adobe Photoshop CS3 2 Используя инструмент Zoom (Масштаб) (Ч), уменьшите масштаб для изобра- жения. чтобы отобразить его полностью на экране. 3 На панели инструментов выберите инструмент Rectangular Marquee (Прямо- угольная область) ([_;), который может быть скрыт за инструментом Elliptical Marquee (Овальная область) (О). 4 Наведите указатель мыши внутрь выделения букв, а затем перетащите рамку выделения (не буквы) в правый нижний квадрат, центрируя его над изображе- нием оранжевого цветка. Если вы хотите переместить рамку выделения точно под утлом 45°. начните пере- таскивание, а затем нажмите и удерживайте клавишу lSM|l. По окончании, отпус- тите сначала кнопку мыши, а потом клавишу |[Shl111. Будьте внимательны, чтобы не отменить выделение, поскольку оно понадобится вам в следующей процедуре. Создание эффекта выемки В этом задании вы используете ваше выделение и некоторые стили слоя, чтобы создать иллюзию выемки в изображении оранжевого цветка. Убедитесь, что вы- деление букв все еще активно. Если вы случайно отменили выделение, вы долж- ны начать процесс заново, начиная с раздела «Перемещение выделения». 1 На палитре Layers (Слои) щелкните мышью на слое Orange Flower (Оранже- вый цветок). 2 Выберите в меню команду Layer ♦ New ♦ Layer via Copy (Стой ♦ Новый ♦ Ско- пировать на новый слой), чтобы создать новый слой над исходным слоем Orange Flower, основываясь на объединенном выделении. Новый слой Layer 1 автоматически становится активным слоем на палитре Layers (Слои), и рамка выделения вокрут букв исчезает. Вы можете быстро создать рамку выделения вокруг слоя, щелкнув мышью на име- ни слоя на палитре Layers (Слои), удерживая при этом нажатой клавишу Ctrl (Windows) или Command (Mac OS). Вы можете испытать этот прием на новом слое, чтобы заста- вить рамку выделения вокруг букв появиться вновь. Прежде чем продолжить этот урок, выберите в меню команду Select ♦ Deselect (Выделение ♦ Отменить выделение).
www.infanata.org Дополнительные приемы работы с композициями 3 В нижней части палитры Layers (Слои) щелкните мышью на кнопке Add a layer style (Добавить стиль слоя) (/*). а затем выберите во всплывающем меню пункт Pattern Overlay (Перекрытие узора). 4 Если нужно, перетащите диалог Layer Style (Стиль слоя) в сторону, чтобы вы могли видеть как диалог, так и окно изображения. 5 Щелкните мышыо на стрелке в открывающемся списке Pattern (Узор) (это длинная узкая кнопка со стрелкой справа от эскиза), чтобы открыть окно выбо- ра узора. которое показывает небольшие эскизы имеющегося набора узоров. 6 Щелкните мышью на небольпюй кнопке со стрелкой в правой верхней облас- ти окна выбора узора (®), чтобы открыть меню, и выберите в нем команду Load Patterns (Загрузить узоры). 7 В диалоге Load (Загрузить) перейдите к папке Lessons/Lesson 11 и выделите файл Effects.pat. Щелкните мышью на кнопке Load (Загрузить). Когда диалог закроется, обратите внимание, что новый узор появляется как последний эс- киз в окне выбора узора.
364 Adobe Photoshop CS3 8 Выберите эскиз узора, который вы добавили на шаге 7. Этот узор заменяет выбранный по умолчанию узор внутри выделения букв. С этого момента вы м<у жете перетаскивать узор в окне изображения, чтобы настроить область узора, которая появляется в выделении - даже без закрытия диалога Layer Style (Стиль слоя). 9 В левой части диалога Layer Style (Стиль слоя), в области Styles (Стили), вы- берите стиль Inner Shadow (Внутренняя тень), чтобы добавить этот эффект в выделение, и настройте параметры стиля Inner Shadow (Внутренняя тень) в правой стороне диалога. (В примере для параметра Blend Mode (Режим) ис- пользовано значение Multiply (Умножение), для параметра Opacity (Непро- зрачность) - значение 100%, для параметра Angle (Угол) - значение 120. для па- раметра Distance (Смещение) - значение 5 рх. для параметра Choke (Стянуть) - значение 0%. а для параметра Size (Размер) использовано значение 5 рх.) 10 Вы можете продолжать экспериментировать с различными стилями и их на- стройками, пока не создадите интересный, по вашему мнению, результат. Ко- гда вас удовлетворят результаты, щелкните мышыо на кнопке ОК. 11 Выберите команду Ale ♦ Save (Файл ♦ Сохранить), чтобы сохранить работу. Согласование цветовых схем изображений В этом последнем разделе урока вы создадите новую версию файла с гармонич- ными цветовыми схемами четырех изображений путем сопоставления целевого изображения с доминирующими цветами в источнике. 1 Прокрутите палитру Layers (Слои) вниз до слоя Background (Задний план) и щелкните мышью на значке глаза (•), чтобы скрыть этот слой. Если слой Background (Задний план) выделен, снимите выделение, щелкнув мышыо на любом другом слое. 2 В меню палитры Layers (Слои) выберите команду Merge Visible (Объединить видимые). Список слоев на палитре Layers (Слои) сократился до двух пунктов: слоя Background (Задний план) и объединенного слоя, имя которого совпадает с име- нем того слоя, который был выделен вами в конце шага 1. Далее откроем документ, который будет выступать источником для настройки цветовых схем - файл 11A_End.psd. мы просматривали этот файл в начале урока. В нем все раздельные слои не содержат каких-либо исправлений.
www.infanata.org Дополнительные приемы работы с композициями 365 3 С помощью программы Adobe Bridge или команды меню File ♦ Open (файл ♦ Открыть) откройте файл 11A_End.psd из папки Lessonl 1. 4 Далее активизируйте изображение файла 11Working.psd и выберите в меню команду Image ♦ Adjustments ♦ Match Color (Изображение ♦ Коррекция ♦ По- добрать цвет). В открывшемся диалоге Match Color (Подобрать цвет) задайте следующие настройки: • Установите флажок Preview (Просмотр), если он сброшен. • В раскрывающемся меню Source (Источник) выберите пункт 11A_End.psd. • В раскрывающемся меню Layer (Слой) выберите слой Museum с изображением музея (как показано на эскизе справа от меню Source (Источник)). Присмотри- тесь, какой эффект это оказало на файл 11 Working.psd в окне изображения.
www.infanata.org 366 Adobe Photoshop CS3 • Поочередно выделяйте другие слои и изучайте результаты в окне изображе- ния. Кроме того, вы можете попытаться изменять параметры в группе элемен- тов управления Image Options (Параметры изображения), перемещая ползун- ковые регуляторы Luminance (Светимость), Color Intensity (Интенсивность цве- тов) и Fade (Ослабить), а также сбрасывая и устанавливая флажок Neutralize (Нейтрализовать). 5 Когда вы найдете сочетание параметров, которое покажется вам наилучшим с точки зрения однородности и привлекательности изображения, закройте диа- лог щелчком мыши на кнопке ОК. (Мы использовали изображение музея и стандартные настройки в группе элементов Image Options (Параметры изображения).) 6 На палитре Layers (Слои) снова откройте слой Background (Задний план), ус- тановив щелчком мыши значок глаза (9) для этого слоя. 7 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить). В диалоге Match Color (Подобрать цвет) можно выбрать любой другой файл- источник, создавая интересные, а подчас и необычные эффекты. Средство согла- сования цветов полезно также для решения некоторых задач цветокоррекции фо- тографий (например, изменения цвета кожи). Эта возможность также позволяет согласовывать цвета между различными слоями одного изображения. Более пол- ную информацию по этому вопросу можно найти в справке по программе Photoshop. На этом вы завершили урок 11, поэтому можете закрыть файлы 11 Working.psd и 11 AEnd.psd.
www.infanata.org мнительные приемы работы с композициями 367 Дополнительное задание (этом упражнении вы познакомитесь с простым способом создания рамки вокруг изображения. Вы (рсвратнтс изображение, которое создали в этом уроке (пли изображение из файла 11 A_End.psd). в (битовую марку. (Чтобы просмотреть готовое изображение, откройте файл 11B_End.psd. находя- New Layer (Новый слой) введите значение Montage (Монтаж) в поле ввода Name (Имя) и щелкните на кнопке ОК. Перетащи- те слой Montage вверх, чтобы расположить его над пустым слоем Border. Не снимая выделения со слоя Montage, вы- берите инструмент Magic Wand (Волшебная И Щелкните мышью на маленьком двойном I квадратике Default Foreground and Background Colors (Цвет переднего изадне- то плана по умолчанию) (®) на панели инструментов, чтобы для переднего плана на белой области холста вокруг изображения коллажа, чтобы выделить ее. Нажмите клави- шу Delete, чтобы удалить все. кроме изобра- жения коллажа. Снимите выделение. 2 Выберите команду меню Layer ♦ Flatten Image (Слой ♦ Выполнить сведение). 3 Выберите команду меню File ♦ Save As На палитре Layers (Слои) выделите пустой слой Border. Выберите команду меню View ♦ Rulers (Просмотр ♦ Линейки), чтобы отоб- разить вертикальную и горизонтальную ли- нейки. Используя инструмент Rectangular Marquee (Прямоугольная область) и лине- I под именем 11 Stamp.psd. 4 Выберите команду меню Image ♦ Canvas Size (Изображение ♦ Размер холста). В появившемся диалоге Canvas Size (Размер I холста) установите флажок Relative (Относи- тельно) и введите значение 2 дюйма в поля ввода Width (Ширина) и Height (Высота). Щелкните на кнопке ОК квадратную область выделения вокруг изоб- каждой стороны изображения. Выберите ко- манду меню View ♦ Rulers (Просмотр ♦ Ли- нейки), чтобы скрыть линейки. Выберите команду меню Edit ♦ Fill (Редакти- рование ♦ Выполнить заливку). В группе элементов управления Contents (Содержи- берите белый цвет, а затем щелкните на кноп- ке ОК, чтобы залить область выделения выб- ранным цветом. На палитре Layers (Слои), удерживая нажа- той клавишу Alt (Windows) или Option (Мас OS), щелкните на кнопке Create a new layer (Создает новый слой). В появившемся диало- Border (Рамка) в поле ввода Name (Имя) и щелкните на кнопке ОК Дважды щелкните на слое Background, чтобы преобразовать его в обычный слой. В появившемся диалоге на кнопке Add a layer style (Добавить стиль слоя), азатем выберите во всплывающем ме- ню команду Drop Shadow (Тень), чтобы при- менить к слою эффект падающей тени. Зна- чения параметров для эффекта тени не игра- ют большой роли, поскольку тень появится вокруг всего изображения. Щелкните на кнопке ОК. Чтобы создать рамку открытки, вы создадите путь, по краям которого доба- вите полукруглые выемки. 10 Выделите объект на слое Border. Для этого, нажав и сдерживая клавишу Ctrl (Windows) или Command (Mac OS), щелкните на эски- зе слоя Border на палитре Layers (Слои).
www.infanata.org 368 Adobe Photoshop CS3 11 Выберите инструмент Pen (Перо) на панели инструментов. Щелкните на вкладке палит- 14 В меню палитры Paths (Контуры) выберите команду Stroke Path (Выполнить обводку палитру на экране. Щелкните на значке в пра- вом верхнем углу палитры, чтобы отобразить ее меню. Выберите команду Make Work Path (Образовать рабочий контур). В появившем- ся диалоге Make Work Path (Образовать ра- бочий контур) введите значение 1 пиксел в поле ввода Tolerance (Допуск) и щелкните на кнопке ОК. шегося диалога Stroke Path (Выполнить (Ластик). Убедитесь, что флажок Simulate Pressure (Имитировать нажим) сброшен. Щелкните на кнопке ОК. инструмента щелкните на кнопке со стрелкой, расположенной возле образца кисти. В поя- вившейся палитре для параметра Master Diameter Плавный диаметр) установите зна- чение 50 рх. а для параметра Hardness (Жесткость) - значение 100%.Сейчас вы паст- По краям белой рамки слоя Border будут выреза- ны полукруги, имитируя форму почтовой марки. 13 В правой части окна изображения щелкните на значке палитры Brushes (Кисти), чтобы отобразить эту палитру на экране. В меню палитры выберите команду Expanded View палитры щелкните на элементе Brush Tip разить дополнительные параметры; в левом нижнем утлу палитры установите значение 200% для параметра Spacing (Интервалы). 16 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу.
Итоги Обзорные вопросы 1 Какова цель сохранения выделений? 2 Опишите один способ изоляции настроек цвета в изображении. 3 Опишите один способ удаления цвета из выделения или изображения для I создания эффекта полутонов. 4 Чем отличается использование интеллектуальных и обычных фильтров для применения эффектов к изображению? 5 Опишите, в каких случаях используется возможность Match Color (Подоб- рать цвет). Ответы на обзорные вопросы 1 Путем сохранения выделения вы можете создавать и повторно использовать | трудоемкие выделения и единообразно выделять рисунок в изображении. Вы можете также объединять выделения или создавать новые выделения путем добавления к существующим выделениям или вычитания из них. 2 Для того чтобы испытать изменения цвета, прежде чем необратимо приме- нить их к слою, вы можете использовать слой настройки. 3 Вы можете использовать команду Image ♦ Adjustments ♦ Desaturate (Изобра- жение ♦ Коррекция ♦ Обесцветить), чтобы десатурировать, то есть удалить цвет из выделения. 4 Интеллектуальные фильтры являются недеструктивными: их можно настра- | ивать, отключать или включать, а также удалять в любой момент времени. В I отличие от этого, обычные фильтры изменяют само изображение: после I применения обычного фильтра, его невозможно удалить. Однако интеллек- туальные фильтры можно применять только к интеллектуальным объектам, поэтому вы не сможете изменить слой интеллектуального объекта - вам бу- , дут доступны только параметры его интеллектуальных фильтров. 5 Возможнос ть Match Color (Подобрать цвет) можно использовать для согласо- I вания цветов между различными изображениями, например, чтобы изме- нить на фотографиях оттенки кожи лица - или согласовать цвета между раз- личными слоями одного изображения. Вы можете также использовать эту I возможность для создания необычных цветовых эффектов.
При посещении web-сайта или web-стра- ниц весьма забавно щелкнуть на изображе- нии и перейти на другой сайт или страни- цу, или активизировать встроенную ани- мацию. В этом уроке вы узнаете, как подготавливать файлы для web в программе Photoshop, создавая срезы, со- держащие ссылки на другие страницы или сайты, ролловеры и анимацию.
www.infanata.org УРОК 12. Подготовка файлов для web Обзор урока [ В этом уроке вы узнаете, как делать следующее: • Создавать срезы изображения с помощью инструмента Slice (Раскройка). • Отличать пользовательские срезы от автосрезов. • Создавать для пользовательских срезов ссылки на HTML-документы или дру- I гие ресурсы. и Определять состояния ролловеров для реагирования па действия мыши. • Просматривать эффекты ролловеров. • Использовать многослойные файлы формата GIF в качестве основы анимации. • Использовать палитры Layers (Слои) и Animation (Анимация) для создания I анимационных последовательностей. • Создавать анимации на основе изменения положения, видимости слоев и эффектов слоев. i • Вносить изменения в одиночные кадры, во множество кадров и во всю ани- мацию. • Использовать команду Tween (Создать промежуточные кадры) для создания плавных переходов между кадрами с различными настройками непрозрачно- I сти и положения слоев; I • Просматривать анимации в web-браузсре. | • Оптимизировать анимацию изображения для web и выбирать оптимальные I параметры сжатия. • Понимать отличия между оптимизациями в фор.матах GIF и JPEG. • Экспортировать файлы большого размера с высоким разрешением, размеры изображений которых превышают размеры экрана, для изменения масштаба отображения и панорамирования. Работа над этим уроком займет около 90 минут. Папку предыдущего урока можно удалить с жесткого диска и скопировать вместо нее папку Lessons/Lesson12. По мере работы над уроком начальные файлы будут перезаписаны. Если вам по- надобится восстановить исходные файлы, скопируйте их с компакт-диска, прила- гаемого к книге «Adobe Photoshop CS3. Официальный учебный курс». Кроме того, для выполнения заданий урока вам потребуется использовать какой- нибудь web-браузер: Netscape. Internet Explorer или Safari, однако при этом ' устанавливать соединение с Интернетом ие понадобится.
372 Adobe Photoshop CS3 Начало работы В этом уроке вы будете работать над графикой, предназначенной для создания до- машней страницы web-сайта испанского музея искусства. Вы добавите гипертекстовые ссылки к названиям разделов сайта, чтобы связать их с различными готовыми страницами сайта. Посетители web-сайта смогут щелкнуть на ссылке и открыть другую страницу, связанную с этой ссылкой. Кро- ме того, вы добавите ролловеры, которые позволяют изменять внешний вид web- страницы без фактического перехода пользователя на другую web-страницу, а также анимируете логотип музея Museo Arte, расположенный в левом верхнем углу страницы. Давайте сначала просмотрим готовую HTML-страницу, которую вам предстоит соз- дать. Некоторые области рисунка реагируют на действия мыши. Например, изоб- ражение меняет вид, когда указатель мыши «перекатывается» над некоторыми об- ластями рисунка или когда пользователь щелкает мышью на этих областях. 1 Запустите программу Adobe Photoshop и немедленно нажмите комбинацию кла- виш IIе1'11+| *n'|+||stiift| (Windows) или Command+Option+|[Shll|| (MacOS), чтобы вос- становить стандартные настройки программы. (Подробности можно найти во введении к книге.) 2 В появившемся окне сообщения щелкните мышью на кнопке Yes (Да), чтобы подтвердить намерение переустановить настройки. Затем закройте диалог Welcome Screen (Начальный экран) щелчком мыши на кнопке Close (Закрыть). 3 Па панели параметров инструмента щелкните мышью на кнопке Go to Bridge (Перейти к Bridge) (>*'), чтобы открыть окно программы Adobe Bridge. 4 На палитре Favorites (Избранное), расположенной в левом верхнем углу окна программы Bridge, щелкните на папке Lessons (Уроки), после этого дважды щелк- ните на эскизе папки Lessonl 2 в области предварительного просмотра, затем дважды щелкните на папке 12End и, наконец, дважды щелкните на папке site. 5 Щелкните правой кнопкой мыши (Windows) или, зажав клавишу IP1" |. щелкни- те мышью (Mac OS) на эскизе файла home.html и в появившемся контекстном меню выберите команду Open With (Открыть с помощью). Выберите web-брау- зер. с помощью которого будет открыт файл формата HTML. 6 Обратите внимание на анимированный логотип в левом верхнем углу страни- цы. Анимация логотипа воспроизводится один раз при открытии страницы в браузере. Если вы не увидели анимацию логотипа при открытии страницы в вашем браузере, ис- пользуйте соответствующие элементы управления браузера, чтобы обновить или пере- загрузить страницу.
www.infanata.org Подготовка файлов для web 373 7 Переместите указатель мыши над названиями разделов в левой части web-стра- ницы и над изображениями в центральной части. Обратите внимание на изме- нение внешнего вида указателя, когда изображение стрелки заменяется изоб- ражением руки с вытянутым указательным пальцем. 8 Щелкните на изображении ангела на центральном рисунке внизу страницы, чтобы открыть окно программы просмотра изображений Zoomify. Пощелкай- те на элементах управления программы Zoomify, чтобы познакомиться с воз- можностями программы по увеличению и уменьшению масштаба отображения. 9 Чтобы вернуться на домашнюю страницу сайта, закройте окно программы Zoomify. 10 Щелкните на любом другом изображении, чтобы просмотреть его в отдельном окне браузера. Завершив просмотр изображения, закройте окно браузера. 11 На домашней странице пощелкайте на названиях разделов, чтобы перейти на связанные страницы. Чтобы вернуться на домашнюю страницу, щелкните на названии «Museo Arte», расположенном прямо под логотипом в левом верх- нем углу страницы. 12 Завершив просмотр домашней страницы, закройте все окна web-браузера и пе- рейдите к окну программы Bridge.
www.infanata.org 374 Adobe Photoshop CS3 Во время просмотра вы увидели два разных типа ссылок: срезы (названия разде- лов в левой части страницы) и карты ссылок (изображения мальчика, буклета Spanish Masters и ангела). Срезами называются прямоугольные области изображения, которые определяют- ся на основе слоев, направляющих или точного выделения участков изображе- ния, а также при помощи инструмента Slice (Раскройка). 11ри создании в изобра- жении срезов программа Photoshop создает HTML-таблицы или каскадные таблицы стилей, описывающие расположение срезов. При желании вы можете создать и предварительно просмотреть HTML-документ, который содержит разрезанное изображение, наряду с HTML-таблицей или каскадной таблицей стилей. Вы также можете добавлять гипертекстовые ссылки к изображениям. Посети- тель web-сайта сможет щелкнуть на изображении, чтобы открыть связанную стра- ницу. В отличие от срезов, которые бывают только прямоугольными, карты ссы- лок могут обладать произвольными формами. Настройка рабочей области web Design (web-дизайн) Программа Photoshop, занимающая лидирующие позиции среди приложений для подготовки изображений для web-сайтов, предлагает несколько встроенных ба- зовых инструментов для создания HTML-файлов. Чтобы упростить доступ к этим инструментам при выполнении задач web-дизайна, вы можете изменить стан- дартное расположение палитр, панелей инструментов и окон, используя пред- определенные рабочие области программы Photoshop. 1 В окне программы Bridge щелкните два раза на кнопке Go Up (Вверх на один уровень) (AJ), чтобы перейти на два уровня вверх, и дважды щелкните на пап- ке 12Start. Дважды щелкните мышью на эскизе файла 12Start.psd. чтобы отк- рыть его в приложении Photoshop.
Подготовка файлов для web Сейчас вы настроите рабочую область и превратите открытый файл в функцио- нирующую web-страницу. 2 Выберите команду меню Window ♦ Workspace ♦ web Design (Окно ♦ Рабочая область ♦ web-дизайн). Когда на экране появится предупреждение о том, что будут изменены меню и комбинации клавиш, щелкните на кнопке Yes (Да). 3 Пощелкайте на различных элементах основного меню, чтобы увидеть коман- ды. выделенные фиолетовым цветом. Эти команды обычно используются при работе над web-дизайном. 4 Выберите команду меню File ♦ Save As (Файл ♦ Сохранить как) и сохраните I открытый файл под именем 12Working.psd. чтобы сохранить установленную I рабочую область. В появившемся диалоге убедитесь, что установлен флажок Maximize Compatibility (Максимизировать совместимость), и щелкните на I кнопке ОК. Создание срезов Когда прямоугольная область изображения определяется в качестве среза, про- грамма Photoshop создает HTML-таблицу, которая содержит этот срез и осуществ- ляет его выравнивание. Создав срезы, вы можете превратить их в кнопки, а затем ^программировать эти кнопки, чтобы создать функционирующую web-страницу. Вы не можете создать только один срез, если только вы не создаете специально ррез, включающий все изображение - бесполезная вещь, надо сказать, особенно |тывая, что они создаются автоматически. Каждый новый срез в области Сражения (так называемый пользовательский срез («user slice»)), приводит к оматпческому созданию других срезов - автосрезов («auto slices») - которые имают все оставшуюся область изображения.
www.infanata.org 376 Adobe Photoshop CS3 Выделение срезов и настройка их параметров Вы начнете работу с выделения уже созданного среза в файле 12Woking.psd. Мы создали первый срез для вас, чтобы он в точности соответствовал размерам ани- мационного изображения, которое будет добавлено к срезу в конце этого урока. 1 На панели инструментов выберите инструмент Slice Select (Выделение фраг- мента) (У'), скрытый за инструментом Slice (Раскройка). 2 В левом верхнем углу изображения щелкните на срезе с номером 01. который отображается в небольшом синем прямоугольнике. Вокруг среза появится зо- лотистая рамка, обозначающая, что данный срез является выделенным. Прямоугольник с номером 01 отображается в левом верхнем углу изображения; этот прямоугольник включает маленький значок, или знак отличал (badge), напо- минающий миниатюрные горы. Синий цвет значка указывает на то, что этот срез является пользовательским срезом, созданным в файле Start. Также обратите внимание на срезы с серыми прямоугольниками - 02, находя- щийся справа от среза 01. и 03, находящийся прямо под срезом 01. Серый цвет прямоугольников указывает на то, что это не пользовательские срезы, а автосре- зы, созданные в результате определения пользовательского среза. Значок указы- вает на то, что срез содержит графический объект. Описание различных симво- лов, используемых для обозначения среза, можно найти во врезке «О символах среза». 3 Используя инструмент Slice Select (Выделение фрагмента), дважды щелкните мышью на срезе 01. На экране появится диалог Slice Options (Параметры фрагмента). По умолчанию программа Photoshop присваивает каждому срезу имя на основе имени файла и номера среза, поэтому имя текущего среза чита- ется как 12Start_01. Срезы не особенно полезны до тех пор, пока для них не установлены параметры. Параметры срезов включают имя среза и адрес страницы, открываемой щелчком мыши на срезе. Для автосрезов тоже можно установить параметры, но в этом случае автосрезы будут автоматически превращены в пользовательские срезы.
Подготовка файлов для web 377 О символах среза Синие и серые символы среза, или знаки отличия, которые появляются в окне изображения программы Photoshop и в диалоге Save For Web And Devices (Сох- ранить для Web и устройств), могут стать вам хорошими помощниками, напоми- нающими о полезных вещах, если вы найдете время на их изучение. Каждый срез может содержать несколько символов. Ниже приводятся символы, появля- ющиеся при следующих условиях: • (ЕЯ) Номер среза. Номера назначаются слева направо и сверху вниз. • (ЕЯ) Срез относится к типу Image (Изображение). • (ЕЗ) Срез относится к типу No Image (Без изображения). • (ЕЛ) Срез основан на слое, т.е. создан из слоя. • (й) Срез связан с другими срезами (с целью оптимизации). 4 В диалоге Slice Options (Параметры фрагмента) введите следующую информа- цию: в поле Name (Имя) введите значение Logo Animation (Анимированный логотип), в поле URL (URL) введите символ #. Знак фунта (#) позволяет прове- рять функциональность кнопки, фактически не выполняя программирование ссылки. Эта возможность весьма полезна на ранних этапах web-дизайна, когда нужно увидеть внешний вид кнопки и ее поведение. 5 Щелкните на кнопке ОК, чтобы применить изменения. Далее в этом уроке вы создадите анимированную версию этого среза изображения, которая заменит исходный срез в готовом web-сайте. Создание кнопок навигации Теперь вы создадите срезы для кнопок навигации в левой части страницы, чтобы затем превратить их в ролловеры. Вы могли бы выделять каждую кнопку по от- дельности и устанавливать для нее параметры навигации. Но те же самые дейст- вия можно выполнить гораздо быстрее. 1 На панели инструментов переключитесь на инструмент Slice (Нарезка) или нажмите комбинацию клавиш Н+0. чтобы выбрать этот инструмент. Обратите внимание на появившиеся вокруг слов в левой части изображения го- лубые направляющие.
www.infanata.org 2 Используя направляющие, протащите инструмент Slice (Раскройка) по диаго- нали из левого верхнего угла, образован- ного направляющими, возле названия раздела «About Museo Arte» через текс- товую область до правого нижнего угла, возле названия раздела «Contact», что- бы включить в срез все пять названий разделов. В левом верхнем углу созданного среза 04 появится синий прямоугольник, похо- жий на прямоугольник для среза 01. Синий цвет отличает пользовательский срез | от автосреза. Серый прямоугольник первоначального автосреза 03 не изменился, но область изображения, включенная в срез 03. сократилась и теперь представляет собой не- i большой прямоугольник под текстом. Вокруг среза появится золотистая рамка, обозначающая границы среза и указы- вающая на то, что данный срез является выделенным. 3 Не отменяя выбор инструмента Slice (Нарезка), нажмите комбинацию кла- виш ||Shin |+1^1 _ чтобы переключиться на инструмент Slice Select (Выделение | фрагмента). Список доступных элементов для инструмента Slice (Нарезка) на панели параметров инструмента, расположенной над окном изображения, из- [ менится и появится ряд дополнительных кнопок выравнивания. Теперь вы нарежете выделенную часть изображения для пяти отдельных кнопок. | 4 Щелкните на кнопке Divide (Разделить фрагмент), расположенной на панели параметров инструмента над окном изображения. 5 В появившемся диалоге Divide Slice (Разделить фрагмент) установите флажок Divide Horizontally Into (Разделить по горизонтали на) и введите значение 5 в поле ввода Slices Down. Evenly Spaced (раскраивает вниз с равными интерва- лами). Щелкните на кнопке ОК. Теперь вы присвоите каждому срезу имя и добавите соответствующую ссылку. 6 Используя инструмент Slice Select (Выделение фрагмента), дважды щелкните на верхнем срезе, содержащем название раздела «About Museo Arte», чтобы открыть диалог Slice Options (Параметры фрагмента).
www. infanata. org Подготовка файлов для web 7 В диалоге Slice Options (Параметры фрагмента) введите значение About в по- ле ввода Name (Имя), в поле URL (L’RL.) введите about.html, а в поле Target (Цель) введите _self. (Обязательно введите знак нижнего подчеркивания пе- ред буквой «s».) Щелкните на кнопке ОК. Параметр Target (Цель) задает способ открытия связанного файла при щелчке .мышыо на данной ссылке. При использовании значения _self страница открыва- ется в том же фрейме, где была открыта исходная страница. 8 Повторите шаги 6 и 7 для оставшихся срезов, начав со второго среза сверху и используя следующие значения парамет ров: • Для второго среза сверху в диалоге Slice Options (Параметры фрагмента) вве- дите значение Tour в поле ввода Name (Имя), в поле URL (URL) введите tour.html. а в поле Target (Цель) введите _self. • Для третьего среза в диалоге Slice Options (Параметры фрагмента) введите значение Exhibits в поле ввода Name (Имя), в поле URL (URL) введите exhibits.html, а в поле Target (Цель) введите _self. • Для четвертого среза в диалоге Slice Options (Параметры фрагмента) введи- те значение Members в поле ввода Name (Имя), в поле URL (URL) введите members.html. а в поле Target (Цель) введите _self. • Для пятого среза в диалоге Slice Options (Параметры фрагмента) введите значение Contact в поле ввода Name (Имя), в поле URL (URL) введите contact.html, а в поле Target (Цель) введите _self. Важно! Имена HTML-страниц, вводимые в диалоге Slice Options (Параметры фрагмен- та), должны в точности совпадать с именами файлов готовых страниц сайта, на которые будут ссылаться кнопки. 9 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу'. о Если вас отвлекают индикаторы автосрезов, выберите инструмент Slice Select (Выделение фрагмента), а затем щелкните на кнопке Hide Auto Slices (Спрятать авто- матические фрагменты) на панели параметров инструмента. Также вы можете спрятать направляющие, выбрав команду меню View ♦ Show ♦ Guides (Просмотр ♦ Показать ♦ Направляющие) - в этом уроке они вам больше не понадобятся.
www. infanata. org Adobe Photoshop CS3 Создание срезов на основе слоев Вы можете создавать срезы на основе слоев вместо использования инструмента Slice (Раскройка). Преимущество использования слоев для создания срезов за- ключается в том, что программа Photoshop создает срезы на основе размеров слоя и включает все данные о пикселах в выбранном слое. При редактировании слоя, его перемещении или применении к нему какого-либо эффекта связанный с ним срез автоматически настраивается и включает новые пикселы. 1 На палитре Layers (Слои) выделите слой Image 1 (Изображение 1). Если вы не видите все содержимое палитры Layers (Слои), щелкните на вкладке этой палитры и перетащите ее за пределы хранилища палитр, а затем увеличьте размеры палитры, перетащив ее правый нижний угол. 2 Выберите команду меню Layer ♦ New Layer Based Slice (Слой ♦ Новый фрагмент из слоя). На изображении появится голубой прямоугольник с номе- ром 04. Номер среза соответствует положению среза среди других срезов изображения, начиная с левого верхнего угла изображения. 3 Используя инструмент Slice Select (Выделение фрагмента), дважды щелкните на новом срезе. В появившемся диалоге Slice Options (Параметры фрагмента) введите значение Image 1 в поле ввода Name (Имя), в поле URL (URL) введите image1.html, а в поле Target (Цель) введите _Ыапк. При использовании значе- ния _Ыапк для параметра Target (Цель) связанная страница будет открываться в новом окне web-браузера. Щелкните на кнопке ОК. Убедитесь, что введенные значения параметров в точности совпадают со значе- ниями, указанными в предыдущем шаге, - эго необходимо для того, чтобы свя- зать подготовленные нами страницы сданным срезом. Сейчас вы создадите другой срез для слоя Exhibit Info (Информация о выставке). 4 На палитре Layers (Слои) выделите слой Exhibit Info. 5 Выберите команду меню Layer ♦ New Layer Based Slice (Слой ♦ Новый фраг- мент из слоя). В окне изображения появится новый срез с номером 08. В окне изображения, используя инструмент Slice Select (Выделение фрагмента), дважды щелкните на только что созданном срезе. В появившемся диалоге Slice Options (Параметры фрагмента) введите значение Exhibit Info в поле ввода Name (Имя), в поле URL (URL) введите exhibitinfo.html, а в поле Target (Цель) введите _Ыапк. Щелкните на кнопке ОК.
www.infanata.org >дготовка файлов для web 381 Повторите шаги 4 и 5 для слоя Image 2. (Будет создай слой с номером 18.) В ди- алоге Slice Options (Параметры фрагмента) введите значение Card в иоле вво- да Name (Имя), в поле URL (URL) введите card.html, а в поле Target (Цель) вве- дите _Ыапк. Щелкните на кнопке ОК. эзможно, вы обратили внимание на то, что в полях диалога Slice Options (Пара- .тры фрагмента) вы задали для своих срезов всего три параметра, хотя число их >лыпе. Дополнительную информацию об этих параметрах можно найти в справ- ке программы Photoshop. 7 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу. Создание срезов Здесь описаны другие методы создания срезов, которые вы можете попробо- вать самостоятельно. • Вы можете создавать срезы No Image (Без изображения), а потом добавлять в них текст или HTML-код. Срезы такого типа могут включать фоновый цвет и сохраняются как отдельные части файлов .html. Основным преимуществом использования срезов No Image (Без изображения) в тексте является воз- можность редактирования текста в любом редакторе HTML, что отбрасывает необходимость возврата к программе Photoshop всякий раз, когда требуется отредактировать срез. Однако если при редактировании текст становится слишком объемным для среза, он разрывает таблицу HTML, и появляются не- желательные пробелы. • Если во время подготовки изображения вы создаете направляющие, то мож- но быстро разделить все изображение иа пользовательские срезы с помощью кнопки Slices From Guides (Фрагменты по направляющим), расположенной на панели параметров инструмента Slice (Раскройка). Однако этим способом I следует пользоваться с осторожностью, поскольку он удаляет все срезы, кото- рые были созданы ранее, и все параметры, установленные для этих срезов. К тому же, все срезы, созданные таким образом, являются пользовательски- ми, а вам, возможно, не понадобится так много пользовательских срезов. • Если необходимо создать срезы одинаковых размеров, с одинаковыми про- межутками между ними и выровненные по одной линии, попытайтесь соз- дать один пользовательский слой, который бы включал всю область пол- ностью. Затем используйте кнопку Divide (Разделить фрагмент), располо- 1 женную на панели параметров инструмента Slice Select (Выделение фрагмента), чтобы разделить исходный срез на необходимое количество вертикальных или горизонтальных рядов срезов. Е Чтобы отделить срез, созданный иа основе слоя, от соответствующего слоя, вы можете преобразовать его в пользовательский срез. Просто дважды щелк- । ните на срезе, используя инструмент Slice Select (Выделение фрагмента), и j установи те необходимые параметры.
382 Adobe Photoshop CS3 Создание анимаиии В программе Photoshop вы можете создать анимацию из одного изображения, ис- пользуя анимационные GIF-файлы. Анимационный GIF-файл представляет собой последовательность изображений, или кадров. Каждый кадр немного отличается от предыдущего кадра, создавая иллюзию движения, когда кадры просматрива- ются в быстрой последовательности - точно так же, как в фильмах. Вы можете создать анимацию несколькими способами: • С помощью кнопки Duplicates selected frame (Создать дубликат выделенного кадра) на палитре Animation (Анимация) создать анимационные кадры, затем с помощью палитры Layers (Слои) определить состояния изображения для каждого кадра. • Использовать команду Tween (Создать промежуточные кадры) для быстрого создания новых кадров, которые деформируют текст или изменяют непро- зрачность, положение или эффекты слоя. Тем самым создается иллюзия, что элемент в кадре движется или исчезает и снова появляется. • Путем открытия для создания анимации многослойного файла Adobe Photoshop или Adobe Illustrator, в котором каждый слой становится кадром. В этом уроке вы познакомитесь с первыми двумя способами. Файлы анимации выводятся либо как GIF-файлы, либо как фильмы QuickTime. Создание анимаций в форматах JPEG или PNG невозможно. Создание анимационного GIF-файла Чтобы добавить интересную деталь к web-странице, вы анимируете логотип Museo Arte, создав впечатление, будто он двигается в левом верхнем углу. Вы ани- мируете текст, используя совместно палитры Animation (Анимация) и Layers (Слои) и продолжая работать в области web Design (web-дизайи) (чтобы пере- ключиться на рабочую область web Design (web-дизайн), выберите команду меню Window ♦ Workspace ♦ web Design (Окно ♦ Рабочая область ♦ web-дизайн)). 1 I la палитре Layers (Слои) щелкните на значке треугольника для группы слоев Logo Animation, чтобы отобразить ее содержимое. Группа состоит из трех компо- нент: букв А и М, и текста Museo Arte, которые размещены на отдельных слоях. В начале создаваемой анимации на экране появятся две буквы, которые будут пе- ремещаться в заданную позицию. Когда буквы займут нужную позицию, они нач- нут светиться, а на экране появится заголовок Museo Arte. 2 Выберите в меню команду Window ♦ Animation (Окно ♦ Анимация), чтобы отоб- разить палитру Animation (Анимация) в левом нижнем углу окна изображения. Расширьте палитру Animation (Анимация), перетащив ее нижний правый угол, чтобы с пользой использовать доступное по горизонтали пространство рабо- чей области. (Необязательный шаг.) Палитру Animation (Анимация) можно придвинуть к окну изображения так, чтобы расположить элементы рабочей области ближе друг к другу.
Подготовка файлов для web 3 На палитре Animation (Анимация) щелкните мышью на кнопке Duplicates selected frame (Создать дубли- кат выделенного кадра) (al). На палитре Animation (Анимация) появится новый кадр, созданный на ос- нове предыдущего кадра. 4 На палитре Layers (Слои) выделите слой М. 5 Выберите инструмент Move (Перемещение) (►*) на панели инструментов. Перетащите изображение буквы М в левую часть окна изображения, удер- живая нажатой клавишу II8111111. чтобы ограничить перемещение горизонталь- ной линией. Нажимайте клавишу 11*~1 на клавиатуре, отодвигая букву М влево, до тех пор, пока на экране не останется лишь небольшая часть буквы. Будьте аккуратны, чтобы не вытащить букву полностью за пределы окна изобра- жения. 6 На палитре Layers (Слои) выделите слой А. В окне изображения, используя инструмент Move (Перемещение), перетащи- те изображение буквы А вертикально вверх - при необходимости нажмите и удерживайте клавишу |lShltl |. чтобы ограничить перемещение вертикальной ли- нией - до тех пор, пока на экране не останется лишь небольшая часть буквы. Другой способ анимации объектов заключается в изменении их непрозрачности; с течением времени они полностью исчезают. 8 На палитре Layers (Слои) выделите слой Museo Arte. Для параметра Opacity (Непрозрачность) этого слоя установите значение 0%. 9 На палитре Layers (Слои) выделите слой М и уменьшите значение параметра Opacity (Непрозрачность) этого слоя до 10%. Затем выделите слой А и умень- шите значение параметра Opacity (Непрозрачность) этого слоя до 10%.
www.infanata.org 384 Adobe Photoshop CS3 10 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу. Создание промежуточных кадров на основе изменения положения и непрозрачности слоев В этом разделе урока вы добавите кадры, представляющие промежуточные состо- яния изображения между двумя уже существующими кадрами. Когда вы изменяе- те положение, непрозрачность или эффекты любого слоя между двумя анимаци- онными кадрами, вы можете указать программе Photoshop создать любое количе- ство промежуточных кадров. Для начала необходимо сделать второй кадр исход- ным состоянием анимации. 1 На палитре Animation (Анимация) перетащите кадр 2 влево, на место кадра 1. Кадры в после- довательности будут незамедлительно переи- менованы. Сейчас вы добавите промежуточные кадры между этими двумя кадрами. 2 Убедитесь, что на палитре Animation (Анимация) выделен кадр 1, и затем щелк- ните на кнопке Tween (^ )(Создать промежуточные кадры) в нижней части палитры. 3 В диалоге Tween (Создание промежуточных кадров) установите следующие па- раметры (если они еще не установлены): • В открывающемся списке Tween With (Начать с) выберите значение Next Frame (Следующий кадр). • В текстовое поле Frames to Add (Добавить кадров) введите значение 5. • В группе элементов управления Layers (Слои) диалога установите переключа- тель АН Layers (Все слои). • Убедитесь, что в группе элементов управления Parameters (Атрибуты слоя) ди- алога все флажки установлены. 4 Щелкните на кнопке ОК. чтобы закрыть диалог.
www.Infanata.org Подготовка файлов для web 385 5 Чтобы просмотреть анимацию, щелкните на кнопке Play (Воспроизвести) в нижней части палитры Animation (Анимация). В окне изображения начнется воспроизведение анимации; при воспроизведении анимации могут быть замет- ны рывки, однако в вашем браузере анимация будет воспроизводиться плавно. Создание промежуточных кадров Команда Tween (Создать промежуточные кадры) используется для автоматичес- кого добавления или модификации последовательности кадров между двумя су- ществующими кадрами, плавно изменяя атрибуты слоев (положение, непроз- рачность или параметры эффектов) между новыми кадрами, для создания иллю- зии движения. Например, если вам надо, чтобы слой исчезал, установите значение непрозрачности слоя в начальном кадре, равным 100%; затем устано- вите значение непрозрачности этого же слоя в конечном кадре, равное 0%. Ког- да вы создаете промежуточные кадры между двумя кадрами, непрозрачность слоя в этих новых кадрах плавно снижается. Термин «tweening» (промежуточные кадры) происходит от слов «in betweening» (в промежутке), традиционного термина анимации, используемого для описа- ния данного процесса. Создание промежуточных кадров («tweening») значи- тельно снижает время, необходимое для создания анимационных эффектов, та- ких как появление и исчезновение или перемещение объекта по кадру. После создания промежуточных кадров вы можете редактировать их по отдельности. Если вы выделите один кадр, вы должны выбрать между созданием промежуточ- ных кадров с предыдущим кадром или с последующим кадром. Если вы выдели- те два смежных кадра, новые кадры добавляются между этими кадрами. Если вы выделите более двух кадров, существующие кадры между первым и последним выделенными кадрами заменяются созданными промежуточными кадрами.
www.infanata.org Adobe Photoshop CS3 Если вы выделите первый и последний кадры анимации, эти кадры интерпрети- руются, как смежные кадры, и промежуточные кадры добавляются после пос- леднего кадра. (Этот метод создания промежуточных кадров полезен, когда ани- мация установлена на многократное воспроизведение.) Вы не можете использовать несмежные кадры для создания промежуточных кадров. Создание анимации на основе стиля слоя Создавая промежуточные кадры в предыдущих разделах, вы. возможно, обратили внимание на флажок Effects (Эффекты) в диалоге Tween (Создание промежуточ- ных кадров). В этом разделе вы создадите анимацию на основе эффекта слоя или стиля слоя. Конечным результатом будет легкая вспышка света, которая появля- ется и исчезает за изображением букв М и А. 1 На палитре Animation (Анимация) выделите кадр 7 и создайте новый кадр с те- ми же параметрами, что и у кадра 7, щелкнув мышыо на кнопке Duplicates selected frame (Создать дубликат выделенного кадра). Оставьте кадр 8 вы- деленным. 2 На палитре Layers (Слои) выделите слой М. В открывающемся меню Add а layer style (Добавить стиль слоя) (f*) внизу палитры выберите стиль Outer Glow (Внешнее свечение). В появившемся диалоге Layer Style (Стиль слоя) ус- тановите следующие значения параметров: • В открывающемся списке Blend Mode (Режим) выберите значение Screen (Экран); • Для параметра Opacity (Непрозрачность) установите значение 55. а для пара- метра Spread (Размах) - значение 0%. • Для параметра Size (Размер) установите значение 5. • Чтобы определить цвет свечения, щелкните на образце цвета и выберите светло-желтый цвет в появившейся палитре цветов. 3 Щелкните на кнопке ОК. чтобы применить стиль к слою М. Сейчас вы скопи- руете этот эффект на слой А.
Подготовка файлов для web 387 4 На палитре Layers (Слои), удерживая нажатой клавишу I ** I (Windows) или Option (Mac OS), перетащите значок эффекта со слоя М на слой А. В резуль- тате выбранный эффект будет скопи- рован на слой А. Сейчас вы используете команду Tween (Создать промежуточные кадры) для создания анимации с помощью измене- ния скопированного эффекта, чтобы создавалось впечатление легкой вспыш- ки позади изображения букв в конце анимации. 5 На палитре Animation (Анимация) вы- делите кадр 7. Щелкните на кнопке Tween (Создать промежуточные кад- ры) в нижней части палитры. 6 В появившемся диалоге Tween (Создание промежуточных кадров) введите зна- чение 2 в поле ввода Frames to Add (Добавить кадров). Убедитесь, что в группе элементов управления Parameters (Параметры) установлен флажок Effects (Эффекты), и щелкните на кнопке ОК. 7 На палитре Animation (Анимация) выделите кадр 7, а затем создайте новый кадр 8 с теми же параметрами, что и у кадра 7, щелкнув мышью на кнопке Duplicates selected frame (Создать дубликат выделенного кадра). 8 Перетащите новый кадр 8 к концу палитры Animation (Анимация) так. чтобы он стал кадром 11. Сейчас вы настроите анимацию таким образом, сайте только один раз. чтобы она воспроизводилась на 9 Убедитесь, что в открывающемся списке внизу палитры Animation (Анимация) выбрано значение Once (Один раз). 10 Чтобы просмотреть анимацию, щелкните на кнопке Play (Воспроизвести) в нижней части палитры Animation (Анимация). 11 Выберите команду меню File ♦ Save (Файл ♦ (.охранить), чтобы сохранить свою работу:
www.infanata.org 388 Adobe Photoshop CS3 Экспортирование HTML-файла и изображений Подобно плотнику, который размечает кусок древесины перед тем, как придать ему желаемую форму, вы готовы создать окончательные срезы, определить ссыл- ки и экспортировать файл, представляющий собой HTML-страницу, отображаю- щую все срезы в виде единого целого. Чтобы обеспечить быстрое открытие web-страниц, размеры файлов изображе- ний, отображаемых на странице, должны быть минимальными. Программа Photoshop имеет встроенные инструменты, которые помогают определить мини- мальный размер каждого экспортируемого среза без потери качес тва изображе- ния. На практике можно применять следующее хорошее правило: используйте JPEG-сжат!ie для фотографических изображений с плавными переходами тонов, а GIF-сж;ггие - для изображений, в которых преобладают области одного цвета, - в случае с домашней страницей сайта этого урока к таким областям можно отне- сти все области вокруг трех основных изображений на странице. Для сравнения параметров и эффективности сжатия изображений с использова- нием различных форматов вы воспользуетесь диалогом Save For web and Devices (Сохранить для web и устройств) программы Photoshop. 1 Выберите команду меню File ♦ Save For web and Devices (Файл ♦ Сохранить для web). 2 В верхней части появившегося диалога Save For web and Devices (Сохранить для web и устройств) щелкните на вкладке 2-Up (2 варианта). 3 Выбери те в диалоге инструмент Slice Select (Выделение фрагмента) ('У') и вы- делите срез с номером 04 в левой части диалога. Обратите внимание на размер файла изображения в левом нижнем углу вкладки диалога. 4 При необходимости выберите в диалоге инструмент Hand , (Рука) и переместите изображение внутри диалога, выбрав о—- для себя подходящий вид. 5 В открывающемся списке Preset (Настройки) в правой час- ти диалога выберите значение JPEG Medium (JPEG средне- • - • -1 го качества). Обратите внимание на размер файла изобра- жения, отображаемый в левом нижнем углу вкладки диалога. Теперь вы посмотрите на настройки формата GIF для того же среза в правой час- ти вкладки 2-Up (2 варианта). 6 Используя инструмент Slice Select (Выделение фрагмента), выделите срез с номером 04 (портрет мальчика) в правой части диалога. В открывающемся списке Preset (Настройки) в правой части диалога выберите значение GIF 32 No Dither (GIF 32 без смешения цветов). Обратите внимание, что цветная область на портрете в правой части вкладки ди- алога выглядит более гладкой и постеризованной, хотя размеры файлов изобра- жений приблизительно одинаковы. Используя только что полученные знания, вы выберете сжатие, которое будет ис- пользовано для всех срезов на создаваемой странице.
www.infanata.org Подготовка файлов для web 389 7 Щелкните на вкладке Optimized (Оптимизированный) в левом верхнем углу диалога. 8 Используя инструмент Slice Select (Выделение фрагмента), щелкните на трех основных изображениях в области просмотра, удерживая нажатой клавишу ||Shih |. чтобы выделить их. В открывающемся списке Preset (Настройки) выбе- рите значение JPEG Medium (JPEG среднего качества). 9 Щелкните на всех оставшихся срезах в области просмотра, удерживая нажа- той клавишу |lShin I, чтобы выделить их. В открывающемся списке Preset (На- стройки) выберите значение GIF 64 Dithered (GIF 64 со смешением цветов). 10 Щелкните на кнопке Save (Сохранить) и в появившемся диалоге откройте папку Lesson 12/12Start/Museo, в которой хранятся все остальные изображе- ния и страницы сайта, на которые будут ссылаться созданные срезы. 11 В открывающемся списке Format (Тип файла) выберите значение HTML and Images (HTML и изображения). Для параметра Settings (Настройки) оставьте значение Default Settings (Настройки по умолчанию), используемое по умол- чанию, а в открывающемся списке Slices (Срезы) выберите значение All Slices (Все фрагменты). В поле ввода Name (Имя файла) введите значение home.html и щелкните на кнопке Save (Сохранить). 12 В окне программы Bridge на палитре Favorites (Избранное), расположенной в левом верхнем углу окна, щелкните на папке Lessons. Дважды щелкните на эс- кизе папке Lesson12 в области предварительного просмотра, затем дважды щелкните на папке 12Start и, наконец, дважды щелкните на папке Museo. 13 Щелкните правой кнопкой мыши (Windows) или, зажав клавишу [Г^1'11. щелкни- те мышью (Mac OS) на эскизе файла home.html и в появившемся контекстном меню выберите команду Open With (Открыть с помощью). Выберите web-брау- зер, с помощью которого будет открыт файл формата HTML. 14 В окне web-браузера просмотрите созданный HTML-файл и испытайте его воз- можности: • Поместите указатель мыши над некоторыми из созданных срезов. Обратите внимание па изменение внешнего вида указателя, когда изображение стрелки заменяется изображением руки с вытянутым указательным пальцем.
www.infanata.org 390 Adobe Photoshop CS3 • Щелкните на портрете мальчика, чтобы отобразить изображение с реальны- ми размерами в новом окне. • Щелкните на изображении буклета Spanish Masters, чтобы отобразить его в новом окне. ти иа другие страницы сайта. 15 Завершив просмотр сгенерированного HTML-файла, закройте окно вашего браузера. Оптимизация изображений для web Оптимизация - это процедура выбора такого формата, разрешения и парамет- ров качества, при которых изображение становится эффективным, приятным для восприятия и полезным на страницах, просматриваемых в web-браузере. Говоря простыми совами, это подбор оптимального соотношения между разме- ром файла и качеством изображения. Ни один набор параметров не может быть оптимальным для всех типов графических файлов; оптимизация требует сооб- разительности и хорошего вкуса. В зависимости от формата, выбранного для сохранения файла, становятся дос- тупными различные параметры сжатия. Наиболее популярными форматами яв- ляются форматы JPEG и GIF. Формат JPEG был разработан с целью сохранения широкого спектра цветов и тонких оттенков многоцветных изображений, та- ких как фотографии. Этот формат позволяет использовать для представления иллюстраций миллионы разных цветов. Формат GIF оптимален для сжатия изображений, состоящих из основных цветов и изображений, включающих час- то повторяющиеся цвета; к таковым относятся контурные рисунки, логотипы и изображения с текстом. Указанный формат применяет для представления изоб- ражений 256 цветов и поддерживает прозрачность фона. Программа Photoshop предоставляет широкий набор элементов управления сжа- тием размеров графических файлов при оптимизации качества их экранного представления. Обычно, оптимизация изображений осуществляется перед их сохранением в HTML-файлах. С этой целью используется диалог Save For Web And Devices (Сохранить для web и устройств), позволяющий сравнивать исход- ное изображение с одним или несколькими сжатыми изображениями и изме- нять во время этого сравнения настройки сжатия. Дополнительные сведения о форматах JPEG и GIF можно найти в справке по программе Photoshop. 1 Открыв файл в формате JPEG или GIF в программе Photoshop, выберите ко- манду меню File ♦ Save For Web And Devices (Файл ♦ Сохранить для web). 2 В появившемся диалоге Save For Web And Devices (Сохранить для web и уст- ройств) щелкните на вкладке 4-Up (4 варианта). Левая верхняя область прос- мотра отображает исходное изображение. Программа Photoshop автомати- чески генерирует представления файла JPEG высокого, среднего и низкого качества или три представления файла GIF различного качества.
www.infanata.org Подготовка файлов для web 391 3 Сравните качество и размеры иллюстраций, а потом щелкните мышью на од- ном из эскизов, чтобы поэкспериментировать с настройками формата и ка- чества. оценивая соотношение размер/качество. 4 Выбрав подходящий вариант, щелкните либо на кнопке Cancel (Отмена), ли- бо на кнопке Save (Сохранить), чтобы сохранить файл под новым именем. _____________________ На/икпипы сжатия JPEG Варианты сжатия GIF Добавление интерактивности Если вам раньше хотелось иметь возможность увеличивать масштаб отображения всего изображения или интересующих вас частей, то теперь такая возможность существует. С помощью программы Photoshop CS3 вы можете создавать интерак- тивные изображения с возможностью изменения масштаба отображения, кото- рая может быть использована в любом web-браузере. С помощью технологии Zoomify вы можете публиковать изображения с высоким разрешением в Интернете, а пользователи могут панорамировать и изменять масштаб отображения таких изображений для более детального просмотра. Базовое изображение загружается за такое же время, что и JPEG-файл эквива- лентного размера. Программа Photoshop экспортирует необходимые JPEG-файлы и HTML-файл. которые вы можете выгрузить на свой web-сайт. 1 В окне программы Bridge дважды щелкните на папке Lesson12 в области предва- рительного просмотра, затем дважды щелкните на папке 12Start и. наконец, дважды щелкните на файле Card.jpg. ч гобы открыть его в программе Photoshop. Этот файл представляет собой большое растровое изображение, которое вы экс- портируете в H TML-файл с использованием технологии Zoomify-. Сейчас вы преобразуете изображение ангела в файл, который будет связан с од- ной из ссылок, созданных вами на домашней странице сайта. 2 Выберите команду меню File ♦ Export ♦ Zoomify (Файл ♦ Экспортировать ♦ Zoomify). 3 В появившемся диалоге Zoomify Export (Экспортировать для Zoomify) открой- те папку Lessonl 2/12Start/Museo. В поле ввода Base Name (Базовое имя) вве- дите значение Card (Открытка). Для параметра Quality (Качество) установите
392 Adobe Photoshop CS3 значение 12: укажите размеры базового изображения при просмотре в браузе- ре пользователя - для параметра Width (Ширина) введите значение 600, а для параметра Height (Высота) - значение 400. Убедитесь, что флажок Open In web Browser (Открыть в web-браузере) установлен. 4 Щелкните на кнопке ОК. чтобы загрузить HTML-файл и изображения в web- браузер. Сейчас вы проверите свою полностью готовую работу в web-браузере. 5 В окне программы Bridge щелкните на папке Lesson 12 в области предвари- тельного просмотра, затем дважды щелкните на папке 12Start. и, наконец, дважды щелкните на папке Museo. 6 Щелкните правой кнопкой мыши (Windows) или. зажав клавиш}' IIC1" I. щелкни- те мышыо (Mac OS) на эскизе файла Card.html и в появившемся контекстном меню выберите команду Open With (Открыть с помощью). Выберите web-брау- зер, с помощью которого будет открыт файл формата HTML. 7 Используя элементы управления в окне программы Zoomify, проверьте воз- можность изменения масштаба отображения для изображения ангела. Поздравляем! Теперь вы умеете создавать анимацию и добавлять интерактивность на web-страницу с использованием срезов, ролловеров и технологии Zoomify.
www. infanata. org Подготовка файлов для web 393 ^Дополнительное задание Создание срезов для кнопок является простым способом выделения кнопок на фоне других элементов web-страницы. Хорошая практика при создании содержи- мого для web заключается в четкой идентификации кнопок для пользователя. В данном уроке единственная подсказка о том, что область изображения являет- ся кнопкой. - это изменение формы указателя мыши на изображение руки с вытя- нутым указательным пальцем, когда пользователь проводит мышью над кнопкой. Эта подсказка может оказаться недостаточно очевидной для большинства людей. Для выделения кнопок на фоне других элементов необходимо создать второе со- стояние для навигационных срезов, которое будет отображаться при перемеще- нии указателя мыши над каждым из срезов. В этом упражнении вы включите отоб- ражение соответствующих слоев, экспортируете их в отдельную папку, а затем свяжете полученные файлы с готовым HTML-файлом, чтобы ролловеры начали фун Ki (ион и ровать. 1 Вернитесь к файлу 12Working.psd. 2 На палитре Layers (Слои) щелкните на значке треугольника для группы слоев Menu Color Bkgds. чтобы отобразить ее слои. 3 Пощелкайте на столбце Show/Hide Visibility (Отобразить/Скрыть слой) для группы слоев Menu Color Bkgds. ч тобы включать и отключать видимость слоев этой группы - начиная со слоя cell_1 и заканчивая слоем cell_5. Теперь обрати- те внимание на то, что происходит со срезами кнопок навигации: при выделе- нии кнопка приобретает темносерую окраску. Именно так будут выглядеть кнопки при наведении на них указателя мыши. 4 Включив отображение всех слоев группы Menu Color Bkgds, выберите коман- ду меню File ♦ Save For web and Devices (Файл ♦ Сохранить для web). 5 В области просмотра изображения диалога Save For web and Devices (Сохра- нить для web и устройств), используя инструмент Slice Select (Выделение фрагмента) (У) и удерживая нажатой клавишу Shift, выделите все пять кно- пок навигации. 6 Убедитесь, что в качестве формата оптимизированного файла в диалоге Save For web and Devices (Сохранить для web и устройств) выбран формат GIF. Щелкните на кнопке Save (Сохранит!.). 7 В открывшемся диалоге Save Optimized As (Сохранить оптимизированный как) откройте папку Lesson12 и создайте новую папку с именем Over States, щелкнув мышыо на значке Create New Folder (Создать новую папку). В откры- вающемся списке Format (Тип файла) выберите значение Images Only (Только изображения). Для параметра Settings (Настройки) оставьте значение Default Settings (Настройки по умолчанию), используемое по умолчанию, а в открыва- ющемся списке Slices (Срезы) выберите значение All Slices (Все фрагменты). Щелкните на кнопке Save (Сохранить).
394 Adobe Photoshop CS3 8 Откройте любое из экспортированных изображений, которые находятся в созданной папке Over States. Если бы вы создавали настоящую web-страницу, вы бы импортировали эти файлы в редактор HTML-файлов, например, в программ) Adobe® Dreamweaver® CS3, В программе Dreamweaver вам бы пришлось программировать страницу таким об- разом, чтобы изображения из папки Over States заменяли срезы первоначально- го изображения при наведении на них указателя мыши. Мы создали макет, чтобы продемонстрировать вам, как могла бы выглядеть гото- вая версия этой web-страницы. 9 В окне программы Bridge дважды щелкните на эскизе папки Lesson12 в облас- ти предварительного просмотра, затем дважды щелкните на папке 12End. и. наконец, дважды щелкните на папке site, чтобы открыть ее. 10 Щелкните правой кнопкой мыши (Windows) или, зажав клавишу Cttrl, щелкни- те мышыо (Mac OS) на эскизе файла home.html и в появившемся контекстном меню выберите команду Open With (Открыть с помощью). Выберите web-брау- зер, с помощью которого будет открыт файл формата HTML.
Итоги | Обзорные вопросы 1 Что такое срезы? Как создаются срезы? 2 Что такое ролловер? Что обозначает состояние ролловера Over (Курсор на- веден)? 3 Опишите простой способ создания анимации. 4 Какие форматы файлов можно использовать для создания анимаций? 5 Что такое оптимизация изображения и как осуществляется оптимизация изображений для web? Ответы на обзорные вопросы 1 Срезы представляют собой прямоугольные области изображения, которые можно определять для индивидуальной web-оптимизации и к которым в даль- нейшем можно добавлять анимированные GIF-файлы, гиперссылки с адреса- ми URL и ролловеры. Срезы можно создать при помощи инструмента Slice (Раскройка) или путем преобразования слоев в срезы, используя команды ме- ню палитры Layers (Слои). 2 Ролловер представляет собой web-эффект, который изменяет внешний вид web-страницы без фактического перехода пользователя па другую web-страни- цу, - например, кнопка, изменяющая свой цвет при наведении на нее указате- ля мыши. Состояние Over (Курсор наведен) сообщает о том, что указатель мы- ши находится внутри определенной области, однако пользователь еще не на- жал ни одну из кнопок мыши. 3 Простой способ создания анимации заключается том, чтобы начать с много- слойного файла Photoshop. Используйте кнопку Duplicates selected frame (Создать дубликат выделенного кадра) на палитре Animation (Анимация), что- бы создать новый кадр, и затем используйте палитру Layers (Слои), чтобы из- менить положение, непрозрачность или эффекты одного из выделенных кадров. Затем создайте промежуточные кадры между выделением и новым кадром либо вручную, используя кнопку Duplicates selected frame (Создать дубликат выделенного кадра), либо автоматически, используя команду Tween (Создать промежуточные кадры). 4 Файлы для анимации должны сохраняться в формате GIF или как фильмы QuickTime. Вы не можете создавать анимационные файлы в формате JPEG или PNG. 5 Оптимизация - это процедура выбора формата, разрешения и параметров ка- чества для изображений, которые планируется опубликовывать в Интернете. При оптимизации изображения важно сохранять баланс между небольшим размером графического файла и допустимым качеством его экранного представления, полезностью и визуальной привлекательностью. Многоцветные изображения, как правило, оптимизируются в формате JPEG, изображения, состоящие из чистых цветов или часто повторяющихся цветов - в формате GIF. Для оптимизации изображений используется команда File ♦ Save For Web And Devices (Файл ♦ Сохранить для web).
Использование инструментов програм- мы Photoshop и мощных организаци- онных возможностей программы Adobe Bridge превращает создание ее ликолепной информационной графики в простую задачу - даже для огромных изображений. Программа Bridge помо- гает экономить время благодаря нали- чию функций, которые позволяют ор- ганизовывать файлы и присваивать им ранг, и в дальнейшем быстро прос- матривать и находить именно те изображения, которые необходимы. Измерительные инструменты и инструменты анализа изображений программы Photoshop Extended прида- ют вашим изображениям дополни- тельное измерение.
www.infanata.org УРОК 13. Работа с научными изображениями Обзор урока । В этом уроке вы узнаете, как делать следующее: I • Использовать программу Adobe Bridge для добавления метаданных и ключевых I слов. I • Осуществлять поиск в коллекции файлов с помощью программы Adobe Bridge. • Присваивать изображениям метки и ранг, а также выполнять их сортировку в программе Bridge. • Корректировать изображения для анализа и презентации. • Создавать границу с использованием пунктирной линии, определенной I пользователем. В Создавать примечания для изображений. г» Использовать инструмент Measurement (Линейка). • Записывать измеренные данные на палитру Measurement Log (Журнал изме- I рений). • Экспортировать табличные данные из палитры Measurement Log (Журнал измерений). н Анимировать презентацию. Работа над этим уроком займет около 90 минут. Папку предыдущего урока можно удалить с жесткого диска и скопировать вместо нее папку Lessons/Lesson13. По мере работы над уроком начальные файлы будут перезаписаны. Если вам понадо- бится восстановить исходные файлы, скопируйте их с компакт-диска, прилагае- мого к книге «Adobe Photoshop CS3. Официальный учебный курс». Начало работы Многие профессионалы используют программу Photoshop для решения техничес- ки сложных и точных задач. В этом уроке вы подго товите информационное изоб- ражение об уровнях воды и земельном массиве на основании изображений, пре- доставленных Институтом геологии США (U.S. Geological Survey). Вы узнаете о ценных возможностях программы Bridge для организации и идентификации изображений, а также познакомитесь с процессом создания презентации.
398 Adobe Photoshop CS3; 1 Запустите программу Adobe Photoshop, и немедленно нажмите комбинацию клавиш |[ci^|+| *» |+|SNftI (Windows) или Command-* Potion-* (Mac OS), чтобы, восстановить стандартные настройки программы. (Подробности можно най- ти во введении к книге.) 2 В появившемся окне сообщения щелкните мышыо на кнопке Yes (Да), чтобы; подтвердить намерение переустановить настройки. Затем закройте диалог Welcome Screen (Начальный экран) щелчком мыши на кнопке Close (Закрыть)., 3 Выберите команду меню File ♦ Browse (Файл ♦ Обзор), чтобы открыть окно программы Adobe Bridge. В этом уроке вы будете работать с большими файлами, выделяя только те области изображения, которые нужны для выполнения измерений и сравнения данных.. Вы убедитесь в том. что методы работы с очень большими файлами в программе Photoshop совершенно не отличаются от методов работы с другими файлами меньших размеров. В этом уроке вы также познакомитесь с программой Photoshop Extended - версией программы Photoshop CS3, включающей все возможности, входящие в состав; стандартной редакции программы Photoshop, плюс функциональные возможной ти для специализированных областей - анализа технических изображений, рабо-1 ты с фильмами и видео и трехмерного дизайна. Вы узнаете, как использовать из- мерительные инструменты и инструменты анализа данных программы Photoshop: Extended. Если у вас пет программы Photoshop Extended, вы можете выполнять уп- ражнения этого урока до раздела -Измерение объектов и данные измерений», а затем просто прочитать оставшуюся часть урока. С помощью программы QuickTime просмотрите ролик Measurement, чтобы полу- чить общее представление об инструменте Measurement (Линейка) программы Photoshop Extended. Этот ролик находится в папке Movies на прилагаемом к книге «Adobe Photoshop CS3. Официальный учебный курс» компакт-диске и называется Measurement, mov. Чтобы открыть файл ролика, дважды щелкните на нем; после этого щелкните на кнопке Play (Воспроизведение). Просмотр и редактирование файлов в программе Adobe Bridge Как вы уже знаете из предыдущих уроков этой книги, программа Adobe Bridge по- могает перемещаться по папкам и выбирать необходимые изображения. Однако программа Bridge представляет собой нечто гораздо большее, чем просто навига- тор. Программа Bridge, являющаяся межплатформенныу приложением и входя- щая в состав пакета Adobe Creative Suite 3, также помогает организовывать и прос- матривать ресурсы, необходимые для создания фотографий, видео- и аудио-фай- лов и разработки web-сайтов. Вы можете запустить программу Bridge из любой компоненты пакета Creative Suite (за исключением программы Adobe Acrobat 8) и использовать се для досзупа к любым ресурсам, созданным не только в програм- мах компании Adobe, по и в программах других разработчиков.
www.infanata.org I Работа с научными изображениями 399 | Вы испытаете описанные возможности управления файлами в процессе изучения и настройки окна программы Bridge. Кроме того, вы организуете фрагменты кар- | ты, которые в дальнейшем будут использованы в проекте по созданию информа- I цнонной графики. Настройка режимов просмотра и областей Adobe Bridge Палитры в программе Adobe Bridge помогают перемещаться по ресурсам, искать и iпросматривать информацию, касающуюся файлов изображений и папок, а также управлят ь э той информацией. Идеальное расположение и относительные разме- Г ры элементов и областей программы Adobe Bridge определяются сложившимся стилем работы и вашими предпочтениями. В зависимости от выполняемых задач | может возникать необходимость в просмотре изображений, содержащихся в фай- | ле: при других обстоятельствах приоритет может отдаваться просмотру информа- | цпи о файле. Программу Adobe Bridge можно настраивать для повышения произ- водительности труда в различных условиях. А. Палитра Favorites (Избранное); В. Палитра Folders (Папки); С. Строка меню; D. Палитра Content (Содержимое); Е. Панель просмотра эскизов; F. Кнопки поворота изображения; G. Кнопка включения компактного режима отображения; Н. Палитра Metadata (Метаданные); I. Палитра Keywords (Ключевые слова); J. Кнопки режимов представления; К. Ползунок масштабирования эскизов; L. Палитра Filter (Фильтр)
400 Adobe Photoshop CS3 В данной процедуре вы опробуете некоторые специальные представления, кото- рые можно использовать в программе Adobe Bridge. Конфигурация областей про- граммы Adobe Bridge по умолчанию показана на следующем рисунке, хотя на экра- не вы можете и не увидеть эти конкретные эскизы. 1 Щелкните на вкладке Folders (Папки) в верхнем левом углу окна программы Bridge, чтобы переместить палитру на передний план, и перейдите в папку Lessons/Lesson13/Maps. которую вы скопировали иа свой жесткий диск с при- лагаемого к книге компакт-диска. Для перемещения по файловой структуре щелкайте на стрелках (Mac OS) или на значках плюса (Windows), чтобы от- крыть вложенные папки в палитре Folders (Папки), либо дважды щелкайте на значках эскизов папок на палитре Content (Содержимое). 2 В левом нижнем углу окна программы Bridge щелкните на кнопке Show/hide panels (Отобразить/скрыть палитры) (•<>). В результате этого действия палитра Content (Содержимое) будет расширена за счет сокрытия палитр в ле- вой и правой части окна программы, и на экране останутся только эскизы изображений. 3 Щелкните на кнопке Show/hide panels (Отобразить/скрыть палитры) (4)»), чтобы отобразить палитры слева и справа от палитры Content (Содержимое) в окне программы Bridge. Панель предварительного просмотра программы Bridge обновляется интерактив- но, отображая эскизы изображений, содержащихся в файлах ресурсов. Програм- ма Adobe Bridge отображает эскизы графических файлов в таких форматах, как PSD. TIFF и JPEG, а также файлы векторной графики, созданной в программе Adobe Illustrator, многостраничные файлы Adobe PDF и документы Microsoft Office.
www. infanata. org Работа с научными изображениями 401 4 На палитре Content (Содержимое) щелкните на эскизе файла Map_Full.jpg. чтобы выделить его. Это один из аэроснимков северо-восточного побережья Италии, около города Венеция. Другие изображения представляют собой фрагменты этой карты. 5 При необходимости щелкните на вкладке палитры Metadata (Метаданные) в правой части окна программы Bridge, чтобы отобразить эту палитру на экране. Обратите внимание на данные об изображении и его размерах в верхней час- ти палитры Metadata (Метаданные). 6 Щелкните на значке треугольника рядом с заголовком File Properties (Свой- ства файла), чтобы отобразить содержимое этой информационной группы. В этой группе содержится дополнительная информация об изображении, включая формат, дат}’ создания и изменения, размеры, глубину цвета и цвето- вую модель. Это изображение с разрешением 3600 х 3244 пиксела имеет достаточно компакт- ный размер файла (5,75 Мб), однако физически оно очень большое - изображе- ние имеет размеры 50 дюймов на 45.1 дюйма. Сейчас вы увидите, насколько прос- то работать с очень большими изображениями с помощью точных инструментов программы Photoshop. 7 В правой нижней части окна программы Bridge перетащите ползунковый ре- гулятор вправо, чтобы увеличить размеры эскизов изображений. Увеличение размеров эскизов аналогично использованию лупы - вы можете увеличит ь масштаб отображения и изучить изображение более детально. 8 Перетащите ползунковый регулятор влево, чтобы уменьшить размеры эскизов. 9 В правом нижнем углу окна программы Bridge щелкните на кнопке с изображе- нием цифры 2, чтобы отобразить изображения в режиме представления Horizontal Filmstrip (Горизонтальная пленка); затем щелкните на кнопке с изо- бражением цифры 3, чтобы отобразить изображения в режиме представления Metadata Focus (Метаданные). Щелкните на кнопке с изображением цифры 1. чтобы вернуться к стандартному представлению.
www.infanata.org
www.infanata.org Использование программы Bridge для организации и поиска элементов Вы можете быстро просмотреть информацию о файле несколькими способами: с помощью ключевых слов, с помощью фильтрации информации или с помощью метаданных. Сейчас вы рассмотрите метаданные более подробно. Метаданные - это набор стандартизованной информации о файле, включающей, например, имя автора, разрешение, цветовой режим, авторское право и связанные с этим файлом ключевые слова. Вы можете использовать метаданные для упрощения процесса работы с файлами и для их организации. 1 Убедитесь, что вы находитесь в режиме представления Default (Стандартный) (кнопка с изображением цифры 1). 2 На палитре Content (Содержимое) щелкните на эскизе файла Map_Section1 Jpg. чтобы выделить этот файл. 3 Перетащите правую разделительную полосу палитры Content (Содержимое) вле- во. чтобы расширить палитры Preview (Просмотр) и Metadata (Метаданные). Q При работе с большими объемами метаданных рекомендуется расширить палитру Metadata (Метаданные), даже если при этом уменьшатся или скроются из вида палит- ры Preview (Просмотр), Favorites (Избранное) и Folders (Папки). Это позволит меньше пользоваться прокруткой для просмотра и редактирования информации.
www.infanata.org 404 Adobe Photoshop CS3 4 Прокрутите окно палитры Metadata (Метаданные) вниз до заголовка IPTC Core (IPTC). Информация на палитре Metadata (Метаданные) вложена подзаголовками, кото- рые можно развернуть или свернуть, щелкнув на стрелке рядом с заголовком. Существует три заголовка для изображений: File Properties (Свойства файла), IPTC Core (IPTC) и Camera Data (Exif) (Данные о камере (Exif)). Дополнительные заголовки доступны для изображений покупаемых фотографий. В программе Bridge напрямую можно редактировать только некоторые метаданные IPTC. 5 Щелкните на значке треугольника (>) рядом с заголовком IPTC Core (1 PTC), что- бы отобразить элементы, входящие в состав этой информационной группы. На экране появится информация о создателе файла, включая его имя, адрес и долж- ность, описание файла и ключевые слова. Значки карандаша ), расположен- ные справа, указывают на элементы, которые доступны для редактирования.
www.infanata.org Работа с научными изображениями 405 Сейчас вы введете для изображения собственные значения метаданных. 6 На палитре Content (Содержимое) щелкните на эскизе файла Map_Section3.jpg. чтобы выделить этот файл. Щелкните на значке карандаша (^Л ) справа от верхнего поля Creator (Созда- тель) информационной группы IPTC Core (IPTC). На палитре появятся поля белого цвета, свидетельствующие о том. Что вы можете приступать к вводу ин- формации. В поле ввода Creator (Создатель) введите свое имя. Затем введите информацию в указанные по- ля, нажимая клавишу te1**1! для перехода к следую- щему полю ввода: В поле ввода Job Title (Должность) введите наз- вание своей должности. В поле ввода Address (Адрес) введите свой поч- товый адрес. В поле ввода Keywords (Ключевые слова) введи- те значение coast (побережье). 9 Щелкните на кнопке Apply (Применить) в правом нижнем углу окна програм- мы Bridge, чтобы сохранить введенную информацию. Сейчас вы выполните поиск других изображений с таким же ключевым словом. 10 Чтобы найти все изображения с ключевым словом «coast», выберите команду меню Edit ♦ Find (Редактировать ♦ Поиск). В появившемся диалоге Find (По- иск) выберите значение Maps в открывающемся списке Look in (Искать в) группы элементов управления Source (Источник). В группе элементов управле- ния Criteria (Критерий) выберите значение Keywords (Ключевые слова) в ле- вом открывающемся списке, в центральном открывающемся списке выберите значение contains (содержит), а в правое поле ввода введите значение coast. Не изменяя значения других параметров, щелкните на кнопке Find (Поиск).
infanata.org Adobe Photoshop CS3 На палитре Content (Содержимое) появятся два изображения с ключевым словом coast-. 11В правой части окна программы Bridge щелкните на вкладке палитры Keywords (Ключевые слова), чтобы переместить эту палитру на передний план. Затем щелкните на любом изображении на палитре Content (Содержи- мое), чтобы отобразить ключевые слова, связанные с этим изображением, на палитре Keywords (Ключевые слова). Ранжирование и группирование изображений В программе Bridge вы можете организовывать изображения с помощью меток, включая звездочки или цвета, или группируя связанные изображения. 1 На палитре Content (Содержимое) выделите оба изображения с ключевым сло- вом coast, щелкнув на них мышью при нажатой клавише l(Sh11' |. 2 Выберите команду меню Label ♦ Approved (Метка ♦ Одобрено). Под изображе- ниями появятся зеленые полосы, обозначающие их рейтинг. Вы можете также ранжировать изображения в возрастающем или убывающем порядке, исполь- зуя метки-звездочки (изображению может быть присвоено от 1 до 5 звездочек).
www. infanata. org Работа с научными изображениями 3 В левом верхнем углу окна программы Bridge щелкните на кнопке Go Back (На- зад), чтобы снова отобразить все изображения, находящиеся в папке Maps. Сейчас вы присвоите метки верхним изображениям в группе. 4 На пали тре Content (Содержимое), удерживая нажатой клавишу I-1 (Windows) или Command (Mac OS), щелкните на эскизах изображений North_Detail5.jpg, South_Detail2.jpg и West_Detail1 .jpg, чтобы выделить их. 5 Выберите команду меню Label ♦ ***** (Метка ♦ *****), чтобы применить пяти- звездочный ранг сразу ко всем выделенным изображениям. Обратите внимание, что на палитре Filter (Фильтр) в левой части окна программы Bridge появилась информация о трех изображениях с пятизвездочным рангом. 6 На палитре Filter (Фильтр) щелкните на строке, содержащей количество изображений с пятизвездочным рангом, чтобы отобразить три изображения на палитре Content (Содержимое). Присвоив ранг изображениям, вы можете легко отображать только те из них, которые необходимы вам для работы.
www.infanata.org 408 Adobe Photoshop CS3 7 Щелкните на значке Clear Filter (Сбросить фильтр) в нижней части палитры Filter (Фильтр), чтобы снова отобразить все изображения, находящиеся в пап- ке Maps, включая изображения с пятизвездочным рангом. Вы можете также щелкнуть на строке, содержащей количество изображений с пятизвездочным рангом, чтобы вернуться к просмотру всех изображений. Ранжирование изображений помогает быстро выполнять сортировку огромного кол и ч ества изображен ий. Сейчас вы сгруппируете связанные изображения в наборы - это упростит доступ к изображениям и их просмотр. Наборы представляют собой удобный наглядный способ группирования файлов. 8 Удерживая нажатой клавишу |lshl1’ I. щелкните на пяти эскизах изображения North_Detail. чтобы выделить их - начиная с эскиза изображения North_Detail1.jpg и заканчивая эскизом изображения North_Detail6.jpg (эскиз изображения North_Detail3.jpg отсутствует). После этого выберите команду меню Stack ♦ Group As Stack (Набор ♦ Сгруппировать в набор) или нажмите комбинацию клавиш II01,1 I+I|g| (Windows) или Command+ Gl (Mac OS). Щелкни- те на пустой области палитры Content (Содержимое), чтобы отменить выделе- ние только что созданной группы. Число, отображаемое в левом верхнем углу набора, обозначает количество фай- лов в этом наборе. 9 Повторите шаг 8 для эскизов изображений Northeast_Detail и для одного эски- за изображения Northwest_Detail, чтобы выделить их, а затем нажмите комби- нацию клавиш II 01,1 Ш (Windows) или Command+ Gl (Mac OS), чтобы сгруппи- ровать эти изображения вместе. 10 Повторите шаг 8 для двух эскизов изображений South_Detail и для одного эс- киза изображения Southwest_Detail.
Работа с научными изображениями 409 Теперь вы можете легко определить части карты по региону, когда вам потребует- ся найти нужные изображения для работы. Чтобы отобразить содержимое набо- ра, щелкните на изображении числа в его левом верхнем углу; чтобы скрыть со- держимое набора, снова щелкните на изображении числа. Просмотр информации о файле Сейчас вы познакомитесь с информацией о файле, с которым вы будете работать в этом уроке. 1 На палитре Content (Содержимое) щелкните на эскизе изображения Map_Section1 .jpg. чтобы выделить его. Программа Bridge отобразит большое количество данных в информационной группе File Properties (Свойства файла), для открытия которой достаточно одно- го щелчка мыши. 2 На палитре Metadata (Метаданные) в правой части окна программы Bridge щелкните на значке треугольника (>) рядом с заголовком File Properties (Свой- ства файла), чтобы отобразить содержимое этой информационной группы. Если вы посмотрите на информацию об этом файле, то вы увидите, что изобра- жение сохранено в формате JPEG, его площадь составляет 31,3 квадратных дюй- ма с разрешением 72 ppi, глубиной цвета 8 бит и цветовым режимом RGB. Ту же информацию вы можете просмотреть и в программе Photoshop, но в менее ком- пактном виде. 3 На палитре Content (Содержимое) программы Bridge дважды щелкните на эскизе изображения Map_Section1.jpg, чтобы открыть это изображение в программе Photoshop. Не смотря на то, что размеры изображения очень боль- шие - площадь изображения составляет почти три квадратных фута, - на экра- не оно отображается точно так же, как и любое другое изображение, хотя и с масштабом 25% или 33%.
www.infanata.org 410 Adobe Photoshop CS3 Другой способ просмотреть информацию о файле заключается в использовании строки состояния программы Photoshop. 4 В строке состояния, расположенной в нижней части окна изображения, щелк- ните на значке треугольника, чтобы отобразить всплывающее меню, и выбе- рите команду Show • Document Dimensions (Показать ♦ Размер документа). Version Cue Document Sizes Document Profile Scratch Sizes Efficiency Timing Current Tool 32-bit Exposure 5 Поэкспериментируйте с другими командами меню Show (Показать) строки со- стояния, чтобы отобразить дополнительную информацию о файле, включая профиль документа (untagged RGB (RGB без профиля)), масштаб измерений (в текущий момент установлен масштаб по умолчанию 1 пиксел = 1 пикселу), размеры рабочих дисков (193.3М/412,9М - эти значения представляют объем памяти, используемый программой Photoshop для отображения всех открытых изображений, и общий объем оперативной памяти, доступной для обработки изображений, соответственно) и активный инструмент. 6 Выберите команду меню File ♦ Save As (Файл ♦ Сохранить как). В появившем- ся диалоге Save As (Сохранить как) установите значение Photoshop для пара- метра Format (Тип файла), откройте папку Lesson 13 и сохраните файл под именем 13Working.psd, щелкнув на кнопке Save (Сохранить). Осветление и усиление насыщенности цвета в изображении Перед тем, как полностью погрузиться в проект, связанный с измерениями, вы приведете в порядок изображение, с которым будете работать в этом упражне- нии, - это часть карты, просмотренная вами первой в программе Bridge. Это изоб- ражение слегка затемнено, и на нем не видны многие детали. Вы осветлите изоб- ражение, чтобы выявить большее количество деталей, а также усилите насыщен- ность цвета, чтобы оно не выглядело таким размытым. 1 Выберите в меню команду Image ♦ Adjustments ♦ Levels (Изображение ♦ Кор- рекция ♦ Уровни), чтобы открыть диалог Levels (Уровни). На гистограмме видно, что большинство пикселов изображения сконцентриро- вано в областях темных и промежуточных тонов. 2 Убедитесь, что в диалоге Levels (Уровни) установлен флажок Preview (Про- смотр). Перетащите белый треугольник группы элементов управления Input Levels (Входные значения) влево, примерно до той точки, где начинается ско- пление пикселов, - эта точка приблизительно соответствует значению 142. Мы использовали значения в полях Input Levels (Входные значения), равные О. 1,00 и 142
www. infanata. org Работа с научными изображениями 3 Щелкните на кнопке ОК. чтобы изменить яркость изображения и перемести ть большую часть пикселов в область промежуточных тонов. - уровни изобра- жения теперь будут разбросаны по более широкому диапазону. Однако теперь изображение выглядит слишком размытым. Вы исправите эту проблему. 4 Выберите команд}' меню Image ♦ Adjustments ♦ Hue/Saturation (Изображение ♦ Коррекция ♦ Цветовой тон/Насыщенность). В появившемся диалоге Hue/Saturation (Цветовой тон/Насыщенность) для параметра Saturation (На- сыщенность) установите значение +20 и щелкните на кнопке ОК. 5 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу. Создание рамки листа карты и рабочей области Чтобы приступить к созданию информационной графики из этой части карты, вы выделите на карте определенный квадрант площадью 25 квадратных километ- ров с помощью инструмента Rectangular Marquee (Прямоугольная область) и до- бавите к этой области рамку листа.
412 Adobe Photoshop CS3 Карта, с которой вы будете работать в этом уроке, имеет предопределенный мас- штаб - 1605 пикселов равны 25 километрам. Сначала необходимо задать правиль- ные единицы измерения, после чего с помощью линеек вы сможете определить центр изображения. 1 Выберите команду меню Edit ♦ Preferences ♦ Units And Rulers (Редактирование * Установки ♦ Единицы измерения и линейки) (Windows) или Photoshop ♦ Preferences ♦ Units And Rulers (Photoshop ♦ Установки ♦ Единицы измерения и линейки) (Mac OS). В группе элементов управления Units (Единицы измерения) появившегося диалога Preferences (Установки) выберите значение Pixels (Пик- селы) в открывающемся списке Rulers (Линейки). Щелкните на кнопке ОК. Сейчас вы добавите направляющие, которые помогут вам определить границы квадранта. 2 В группе палитр Navigator (HaBHraropJ/Histogram (Гистограмма)/1Мо (Ин- фо) щелкните на вкладке палитры Info (Инфо), чтобы переместить эту палит ру на передний план (или, если эта палитра скрыта, выберите команду меню Window ♦ Info (Окно ♦ Инфо)). 3 Выберите команду меню View ♦ Rulers (Просмотр ♦ Линейки), чтобы отобра- зить линейки. Перетащите направляющую с горизонтальной линейки в верх- ней части окна изображения вниз до точки с координатой 326 пикселов по оси Y (текущая позиция указателя мыши отображается на палитре Info (Инфо)). Если вы поместите направляющую в неправильную позицию, удерживая нажатой кла- вишу Ctrl (Windows) или Command (Mac OS), перетащите направляющую за пределы окна изображения. Затем перетащите новую направляющую в правильную позицию. Сумма площади внешней области шириной 326 пикселов и площади внутренней области, составляющей 1605 квадратных пикселов, равняется площади всего изо- бражения - 2257 квадратных пикселов. Убедиться в правильности этих вычисле- ний вы можете в окне программы Bridge, выделив изображение на палитре Content (Содержимое) и просмотрев его метаданные. 4 Применяя методику шага 3, перетащите направляющую с вертикальной ли- нейки в левой части окна изображения вправо до точки с координатой 326 пикселов по оси X (текущая позиция указателя мыши отображается на палит- ре Info (Инфо)). 5 Выберите инструмент Rectangular Marquee (Прямоугольная область) () на па- нели инструментов. На панели параметров инструмента в открывающемся спис- ке Style (Стиль) выберите значение Fixed size (Заданный размер). Введите зна- чение 1605 рх в поля ввода Width (Ширина) и Height (Высота). В соответствии с масштабом карты это значение эквивалентно расстоянию в 25 километров. 6 Используя инструмент Rectangular Marquee (Прямоугольная область), щелк- ните в точке пересечения направляющих в левом верхнем углу изображения, чтобы выдели ть область площадью 1605 квадратных пикселов. Теперь создан- ная область выделения размещается точно по центру изображения.
www. infanata. org Работа с научными изображениями 413 Сейчас вы осветлите область вокруг выделенного квадрата, расположенного в центре изображения, чтобы сосредоточить внимание зрителя на вашей рабочей области. 7 Выберите команду меню Select ♦ Inverse (Выделение ♦ Инверсия). После это- го выберите команду меню Image ♦ Adjustments ♦ Hue/ Saturation (Изображе- ние ♦ Коррекция ♦ Цветовой тон/Насыщенность) или нажмите комбинацию клавиш ЕМЭ (Windows) или Command+|0 (Mac OS). В появившемся диало- ге Hue/Saturation (Цветовой тон/Насыщеиность) увеличьте значение пара- метра Lightness (Яркость) до +31 и щелкните на кнопке ОК. 8 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу.
414 Adobe Photoshop CS3 Создание собственной рамки Сейчас вы добавите собственную рамку, чтобы слегка «приподнять» рабочую об- ласть изображения. 1 Выберите команду меню Select ♦ Inverse (Выделение ♦ Инверсия), или нажмите комбинацию клавиш II01,11+ (Windows) или Command* ||8пт1+ГП (Mac OS), чтобы снова инвертировать выделение. Должна быть выделена внутренняя об- ласть (вокруг этой области должна отображаться рамка выделения). 2 В нижней части палитры Layers (Слои) щелкните мышью на кнопке Create а new layer (Создает новый слой), чтобы добавить новый, пустой слой в верх- нюю позицию списка слоев. Выделите имя этого слоя и введите новое имя - Border (Рамка). Сначала необходимо создать внешний контур рамки, чтобы в дальнейшем к это- му контуру можно было применить штриховую линию. 3 Выберите команду меню Edit ♦ Stroke (Редактирование ♦ Выполнить обводку). В появившемся диалоге Stroke (Выполнить обводку) введите значение 10 рх в поле ввода Width (Ширина) группы элементов управления Stroke (Обводка), а для параметра Color (Цвет) выберите белый цвет. При необходимости щелк- ните на образце цвета, а затем щелкните в левом верхнем углу появившегося диалога Color Picker (Выбрать цвет), чтобы выбрать белый цвет: щелкните на кнопке ОК. Установите переключатель Location (Позиция относительно гра- ницы) в положение Inside (Внутри). Щелкните на кнопке ОК, Вы завершите рамку, применив к белому контуру узор пунктирной линии. 4 Выберите команду меню File ♦ Open (Файл ♦ Открыть). В появившемся диало- ге Open (Открыть) найдите папку Lesson13 и откройте файл Dashed Line.psd. 5 Выберите команд}' меню Edit ♦ Define Pattern (Редактирование ♦ Определить узор). В поле ввода Name (Имя) появившегося диалога Pattern Name (Имя узо- ра) введите значение Dashed Line (Пунктирная линия). Щелкните на кнопке ОК.
www.infanata.org Работа с научными изображениями 6 Выберите изображение 13Working.psd. чтобы сделать его активным. Па па- литре Layers (Слои) щелкните на значке в правом верхнем углу, чтобы открыть меню палит ры, и выберите команду Blending Options (I (араметры наложения). 7 В появившемся диалоге Layer Style (Стиль слоя) щелкните на элементе Pattern Overlay (Перекрытие узора) списка в левой части диалога, чтобы выбрать этот стиль и отобразить его параметры. Щелкните мышью на стрелке в открываю- щемся списке Pattern (Узор) (это длинная узкая кнопка со стрелкой справа от эскиза), расположенного в центральной части диалога, чтобы открыть окно выбора узора, которое отображает небольшие эскизы доступных узоров. Выде- лите только что созданный узор Dashed Line: щелкните за пределами окна вы- бора узора, чтобы закрыть его. Для параметра Scale (Масштаб) установите зна- чение 220%. 8 Щелкни те на кнопке ОК. ч тобы применить узор к рамке.
416 Adobe Photoshop CS3 - бы можете использовать описанную методику и для добавления пунктирной линии другого цвета. Для этого нужно просто изменить цвета контура и образца Dashed Line, чтобы они хорошо контрастировали друг с другом. Перед тем, как преобразовать изоб- ражение пунктирной линии в образец, убедитесь, что изображение помещено на проз- рачный фон, чтобы цвет контура просвечивался через прозрачные области пунктирной линии. Если вы изменяете ширину контура, не забудьте изменить значение параметра Scale (Масштаб) группы элементов управления Pattern Overlay (Перекрытие узора) диалога Layer Style (Стиль слоя), чтобы узор пунктирной линии правильно перекрывал контур. 9 При желании вы можете увеличить масштаб отображения линии в окне изо- бражения. чтобы рассмотреть ее более детально, нажав комбинацию клавиш IM+K Пробег) (Windows) или Command+|[ [ (Mac OS) и щелкнув на изобра- жении. Чтобы уменьшить масштаб изображения, нажмите комбинацию кла- виш | д" |+|ГпообйТ| (windows) или Орйоп+|ГГ’°°^П (Mac OS) и щелкните на изоб- 10 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу. Не отменяйте выделение.
www.infanata.org Работа с научными изображениями 417 Измерение объектов и данные измерений Возможно, вы уже знакомы с инструментом Ruler (Линейка) программы Photoshop, позволяющим вычислять расстояние между двумя любыми точками ра- бочего пространства. Инструмент Measurement (Измерение) программы Photoshop Extended является гораздо более совершенным - он позволяет измеря ть любые области, определенные с помощью инструмента Ruler (Линейка) или с по- мощью любого инструмента выделения, включая области неправильной формы, выделенные с использованием инструментов Lasso (Лассо), Quick Selection (Быстрое выделение) или Magic Wand (Волшебная палочка). Кроме того, вы мо- жете определить высот}', ширину, площадь и периметр объекта, а также хранить результаты измерений для одного или нескольких изображений. Данные измере- ний записываются на палитру Measurement Log (Журнал измерений). Инструмент Measurement (Измерение) доступен только в программе Photoshop Extended, это версия программы Photoshop CS3 с дополнительной функциональ- ностью. Если у вас нет этой версии программы Photoshop, вы можете прочитать следующие разделы урока, чтобы узнать о возможностях данного инструмента. Работа с инструментом Measurement (Измерение) Перед тем, как приступить к измерению объектов и воспользоваться инструмен- том Measurement (Измерение), необходимо настроить шкал}' измерений. Наст- ройка шкалы измерений подразумевает сопоставление определенного числа пик- селов изображения с некоторым числом единиц масштаба, например, дюймов, миллиметров или микрон - или, в данном случае, километров. Настроив шкалу из- мерений. вы сможете измерять области, производить вычисления и получать ре- зультаты измерений в выбранных единицах масштаба. 1 На палитре Layers (Слои) выделите слой Background (Задний план). 2 Выберите команду меню Analysis ♦ Set Measurement Scale ♦ Custom (Анализ ♦ Настроить шкалу измерений ♦ Пользовательская). Многие возможности про- граммы Photoshop Extended доступны в этом новом меню Analysis (Анализ). Для этой карты 1605 пикселов соответствуют 25 километрам. Сейчас вы исполь- зуете эти значения для создания пользовательской шкалы измерений. 3 В появившемся диалоге Measurement Scale (Шкала измерений) введите значе- ние 1605 в поле ввода Pixel Length (Длина в пикселах), значение 25 в поле вво- да Logical Length (Логическая длина) и значение Kilometers (Километры) в по- ле ввода Logical Units (Логические единицы измерения).
418 Adobe Photoshop CS3 4 Щелкните на кнопке ОК. чтобы установить новую шкалу измерений. Другой способ настройки шкалы измерения заключается в использовании либо общих размеров изображения, либо результатов измерения определенного объ- екта на изображении. Эти значения затем указываются в полях ввода диалога Measurement Scale (Шкала измерений). Кроме того, вы можете выбрать предоп- ределенную шкалу измерений в открывающемся списке Presets (Установки). Теперь вы можете приступать к измерению карты. Сначала вы выполните кон- трольное измерение выделенной области площадью 25 квадратных километров - вы сможете сверить результаты дальнейших измерений с результатами контроль- ного измерения. 5 Убедитесь, что область площадью 1605 квадратных пикселов все еще выделена в окне изображения. Если вы случайно отменили выделение, выделите заново внутреннюю область карты - используя инструмент Rectangular Marquee (Прямоугольная область), щелкните в точке пересечения направляющих в ле- вом верхнем углу изображения. 6 Выберите команду меню Analysis ♦ Record Measurements (Анализ ♦ Записать результаты измерений). В нижней части окна изображения появится палитра Measurement Log (Журнал измерений). 7 При необходимости используйте полосу прокрутки внизу палитры Measurement Log (Журнал измерений), чтобы познакомиться с колонками данных этого журнала. Обратите внимание, что в столбце Area (Площадь) отображается зна- чение 625,00000, а в столбце Scale Units (Единицы шкалы измерения) отобра- жается значение kilometers (километры) - это именно то, что вы ожидали уви- деть. Взгляните на остальные столбцы сданными, чтобы получить представле- ние о записываемой информации. Сейчас вы добавите к файлу комментарий, который в дальнейшем сможете про читать не только вы, но и другие люди. 8 Выберите инструмент Notes (Комментарий) (Э) на панели инструментов. На панели параметров инструмента в поле ввода Author (Автор) введите ваше имя или инициалы. 9 Щелкните на изображении, чтобы создать новый комментарий, заголовком ко- торого будет служить ваше имя. Введите следующий текст: 1/28/07, preliminary measurements for inland seas project. Area = 625 km2 (28 января 2007 года, предварительные измерения для проекта закрытых морей. Площадь = 625 км '). Закройте окно комментария, щелкнув на кнопке Close (Закрыть), чтобы оно не отвлекало ваше внимание.
www, infanata. org Работа с научными изображениями 419 Чтобы удалить комментарий, выделите его с помощью инструмента Notes (Коммен- тарий), нажмите клавишу Delete, а затем щелкните на кнопке ОК в появившемся диало- ге подтверждения. Чтобы удалить сразу все комментарии, выберите инструмент Notes (Комментарий), щелкните на кнопке Clear АП (Удалить все) на панели параметров инструмента, а затем щелкните на кнопке ОК в появившемся диалоге подтверждения. На палитре Measurement Log (Журнал измерений) вы можете выбирать для ото- бражения различные столбцы, выполнять сортировку данных в столбцах, а также экспортировать данные в табличном виде из журнала в файл. 10 Вернитесь на палитру Measurement Log (Журнал измерений). Щелкните на за- головке столбца Perimeter (Периметр) и перетащите его вправо, расположив указатель мыши справа от заголовка столбца Width (Ширина); когда между столбцами появится черная линия, отпустите кнопку мыши, чтобы вставить столбец в выбранную позицию. Вы можете изменить позицию любого столб- ца, щелкнув на его заголовке и перетащив вправо или влево. Вы можете легко изменять порядок следования столбцов для отображения ин- формации в наиболее удобном для вас виде. Так же легко вы можете определять параметры, или измерительные точки, которые будут вычисляться и отображать- ся на палитре Measurement Log (Журнал измерений). 11 Выберите команду меню Analysis ♦ Select Data Points ♦ Custom (Анализ ♦ Вы- брать измерительные точки ♦ Пользовательские). В появившемся диалоге Select Data Points (Выбрать измерительные точки) сбросьте все флажки Gray Value (Уровень яркости) и флажок Integrated Density (Интегральная плот- ность). Вы не будете использовать эти значения, поэтому нет необходимости их записывать. Щелкните на кнопке ОК. Существует возможность сохранения выбранных параметров в качестве пред- установленных настроек для будущих проектов, но вы не будете заниматься этим сейчас. Вы даже можете создать несколько предустановленных шкал измерений. Однако в документе одновременно может использоваться только одна шкала.
www.infanata.org 420 Adobe Photoshop CS3 12 В качестве альтернативы на палитре Measurement Log (Журнал измерений), удерживая нажатой клавишу |[Cli' I (Windows) или Command (Mac OS), щелкните на заголовках столбцов Circularity (Круглость). Integrated Density (Интеграль- ная плотность) и четырех столбцов Gray Value (Уровень яркости), чтобы выде- лить эти столбцы. Щелкните на кнопке Trash Сап (Мусорная корзина), чтобы удалить выделенные столбцы - в этом уроке они вам не потребуются. Щелкни- те на кнопке ОК в появившемся диалоге подтверждения. 13 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу. Измерение объектов неправильной формы Сейчас вы определите площадь объектов неправильной формы - водного про- странства, входящего в квадрат площадью 25 километров, но находящегося за пределами линии прибоя. В процессе выполнения измерений данные будут запи- сываться на палитре Measurement Log (Журнал измерений). 1 Выберите команду меню Select ♦ Deselect (Выделение ♦ Отменить выделе- ние), чтобы отменить выделение внутренней области. 2 Выберите инструмент Magic Wand (Волшебная палочка) ( \ ), скрытый за ин- струментом Quick Selection (Быстрое выделение) на панели инструментов. На панели параметров инструмента для параметра Tolerance (Допуск) оставь- те значение 32. Сбросьте флажок Contiguous (Смежные пикселы), чтобы выде- ление одной области приводило к выделению всех похожих областей с учетом значения параметра Tolerance (Допуск). I \ Tohrmwi 33 ИАлЬчЫ QConbguouf C3SampJ»AIUy«n 3 Щелкните на любой из трех областей поверхности воды черного цвета, чтобы выделить сразу все три области. В левом верхнем углу палитры Measurement Log (Журнал измерений) щелкни- те на кнопке Record Measurements (Записать результаты измерений). Эта кнопка является альтернативой команде меню Analysis ♦ Record Measurements (Анализ ♦ Записать результаты измерений). Данная команда сохраняет резуль- таты измерений всех трех отдельных областей выделения, а также сумму полу- ченных результатов.
Работа с научными изображениями 421 5 Взгляните на результаты измерений на палитре Measurement Log (Журнал из- мерений). В журнале результаты измерений каждой из трех областей водного пространства сохранены в виде отдельных строк; верхняя строка, в столбце Count (Количество) которой отображается число 3. содержит сумму результа- тов трех измерений. В нашем случае значение общей площади водного про- странства равно 134,22 (квадратных километров). Результаты ваших измерений здесь и в последующих упражнениях могут отли- чаться от результатов, представленных в этой книге - все зависит от точности вы- деления.
www.infanata.org 422 Adobe Photoshop CS3 6 Дважды щелкните на значке коммен тария в окне изображения, чтобы открыть комментарий. На панели инструментов будет автоматически выбран инстру- мент Notes (Комментарий). Находясь в окне комментария, введите следую- щий текст: Water area: 134.22 km’ (Площадь водного пространства: 134,22 км2). Закройте окно комментария, чтобы оно не отвлекало ваше внимание. 7 Выберите команду меню Select ♦ Deselect (Выделение ♦ Отменить выделе- ние), чтобы отменить выделение трех областей моря. 8 Выберите команду меню File ♦ Save (Файл ♦ (’.охранить), чтобы сохранить свою работу. Измерение расстояний Измерение расстояний с помощью инструмента Measurement (Измерение) про- граммы Photoshop Extended аналогично измерению расстояний с использованием инструмен та Ruler (Линейка), доступного на панели инструментов. 1 Выберите команду меню Analysis ♦ Ruler Tool (Анализ ♦ Линейка). 2 Расположите указатель мыши над точкой пересечения русла реки и границы выделения в левой части карты, а затем, нажав и удерживая кнопку мыши, на- рисуйте линию до точки пересечения русла реки и границы выделенной об- ласти в правой части карты. 3 На палитре Measurement Log (Журнал измерений) щелкните на кнопке Record Measurements (Записать результаты измерений). В журнале результаты изме- рения будут отображаться в столбцах Length (Длина) (около 25 километров) и Angle (Угол) (13 градусов). Это длина реки -по прямой линии».
www.infanata.org Работа с научными изображениями Экспорт результатов измерений Вы можете экспортировать выбранные результаты измерений в CSV-файл (comma separated value - значения, разделенные запятыми), который может быть открыт в приложении для работы с электронными таблицами, например. Microsoft® Excel®. Это приложение можно использовать для выполнения дальней- ших вычислений над результатами измерений. Вы воспользуетесь записанными данными позднее в этом уроке. 1 Верни тесь на палитру Measurement Log (Журнал измерений). 2 Удерживая нажатой клавишу |lShl111 и щелкая на результатах измерений, выде- лите все элементы списка. 3 Щелкните на значке в правом верхнем углу палитры Measurement Log (Жур- нал измерений) и выберите команду Export Selected (Экспортировать выде- ленные) в появившемся меню палитры. Вы можете также выбирать лишь часть элемен тов. 4 В появившемся диалоге Save (Сохранить) присвойте файлу имя 13_inland_seas. откройте папку Lessonl3, в которой будет сохранен этот файл, и щелкните па кнопке Save (Сохранить). Создание поперечного сечения Теперь давайте придадим изображению немного объема и красочности. В этом разделе урокавы импортируете трехмерный рисунок, представляющий попереч- ное сечение береговой линии. Затем вы выполните измерение этого поперечно- го сечения в двух- и трехмерном пространстве. 1 Переключитесь в окно программы Bridge, откройте папку Lessonl3. а затем дважды щелкните на эскизе файла Cross-Section.psd. чтобы открыть этот файл в программе Photoshop. 2 Щелкните на окне изображения 13Working.psd. чтобы сделать его активным. Вы увеличите размеры холста этого изображения, чтобы добавить справа об- ласть черного цвета.
www.infanata.org 424 Adobe Photoshop CS3 3 Выберите команду меню Image ♦ Canvas Size (Изображение ♦ Размер холста). В появившемся диалоге Canvas Size (Размер холста) введите значение 3700 в поле ввода Width (Ширина). В области Anchor (Расположение) щелкните на крайнем квадрате слева в нижнем ряду, чтобы добавить дополнительное про- странство справа от изображения. В открывающемся списке Canvas Extension Color (Цвет расширения холста) выберите значение Black (Черный). Щелкни- те на кнопке ОК. Область черного цвета, ширина которой составляет около 1 / з ширины изображе- ния, появится справа от изображения карты. 4 Щелкните иа окне изображения Cross-Section.psd. чтобы сделать его активным. Вы измените положение вида поперечного сечения в верхнем квадранте карты, выровняв буквы сечения с буквами на карте. 5 Выберите инструмент Move (Перемещение) (►*) на панели инструментов и перетащите рисунок поперечного сечения в окно изображения 13Working.psd. Расположите рисунок так. как показано на следующей иллюст- рации, чтобы полоса золотистого цвета с надписью «Section» (Сечение) перек- рывала буквы «А» и «В» в левом верхнем квадранте изображения карты.
www.infanata.org Работа с научными изображениями 425 Для эстетичности дизайна трехмерное представление прямоугольного попереч- ного сечения повернуто относительно его двухмерного представления - полосы золотистого цвета. Если бы вам пришлось решать задачу, аналогичную задаче составления мозаики, а именно - размещение трехмерного представления поперечного сечения на двухмерной полосе золотистого цвета на карте, - вы бы повернули поперечное сечение по направлению к левому верхнему углу карты примерно на 90 градусов, совмест ив букву «А» на карте с буквой «А» на сечении. (Это вращение представле- но полупрозрачной полосой золотистого цвета.) Вы выполните несколько измерений поперечного сечения, для начала определив длину его двухмерного представления. 6 Выберите команду меню Analysis ♦ Ruler Tool (Анализ ♦ Линейка). 7 Используя инструмент Ruler (Линейка), щелкните в углу полосы золотистого цвета с надписью «Section» и перетащите указатель мыши вдоль этой полосы до ее противоположного угла, чтобы измерить длину поперечного сечения. 8 В верхней части палитры Measurement Log (Журнал измерений) щелкните на кнопке Record Measurements (Записать результаты измерений). Обратите внимание на значение в столбце Length (Длина): длина сечения должна при- близительно равняться значению 3,36 (километров), полученному нами при выполнении этого измерения. 9 Чтобы иметь под рукой результаты предыдущего измерения, дважды щелкни- те на значке своего комментария, введите текст Cross section length: 3.36 km (Длина поперечного сечения: 3,36 км), а затем закройте окно комментария. Это значение вам понадобится в следующем разделе урока.
426 Adobe Photoshop CS3 Измерение объектов в перспективе с помошью фильтра Vanishing Point (Точка совмещения) Сейчас вы выполните несколько измерений поперечного сечения - на этот раз, его трехмерного представления. Возможность выполнять измерения объектов в трехмерном пространстве чрезвычайно полезна для анализа топографической информации на похожих картах, архитектурных чертежах, построенных в систе- мах автоматизированного проектирования (CAD), а также для определения раз- меров любого объекта в пространстве. 1 Убедитесь, что на палитре Layers (Слои) выделен слой Cross Section (Попе- речное сечение). 2 Выберите команду меню Filter ♦ Vanishing Point (Фильтр ♦ Точка совмещения). На экране появится диалог Vanishing Point (Точка совмещения) с выбранным инструментом Create Plane (Создать плоскость). Вы нарисуете плоскость на передней стороне поперечного сечения. 3 Используя инструмент Create Plane (Создать плоскость) (Jp1). щелкните в ле- вом нижнем углу лицевой стороны сечения, чтобы установить первую опор- ную точку. После этого последовательно щелкните в правом нижнем, правом верхнем и. наконец, левом верхнем углу, чтобы нарисовать плоскость на перед- ней стороне поперечного сечения. 4 На панели инструментов в левой части диалога Vanishing Point (Точка совме- щения) выберите инструмент Measure (Измеритель). 5 Расположите указатель мыши над левым нижним углом поперечного сечения. Убедитесь, что указатель мыши находится над сеткой (вид указателя мыши примет форму линейки с перекрестием); затем щелкните в левом нижнем углу поперечного сечения, чтобы установить первую точку измерения. После это- го перетащите указатель мыши в правый нижний угол поперечного сечения.
Работа с научными изображениями 427 6 Введите значение 3.36 в поле ввода Length (Длина) в верхней части диалога Vanishing Point (Точка совмещения) - это длина сечения в километрах. Вы опре- делили это значение в предыдущем упражнении, когда измеряли длину попереч- ного сечения с помощью инструмента Ruler (Линейка). Введенное значение отобразится па изображении в диалоге Vanishing Point (Точка совмещения). Сейчас вы определите глубину сечения, выполнив измерение по вертикали вдоль левого края поперечного сечения. 7 Снова перетащите указатель мыши вдоль нижнего края поперечного сечения. На изображении появятся выноски, сообщающие о длине поперечного сече- ния (3.36) и угле наклона измерительной линии (89,7 градусов). 8 Используя инструмент Measure (Измеритель), щелкните в левом верхнем углу сечения, а затем перетащите указатель мыши в левый нижний угол. Длина и угол наклона вертикальной линии появятся на изображении - полученные ре- зультаты основываются на значении длины, указанном на шаге 6. Эта линия представляет глубину поперечного сечения - в нашем случае это значение рав- но 0,3 (километра).
www.infanata.org 428 Adobe Photoshop CS3 9 Дважды щелкните на значке комментария в окне изображения, чтобы открыть комментарий. Находясь в окне комментария, введите следующий текст: Section Depth: 0.3 km (Ечубина сечения: 0,3 км). После этого закройте окно комментария. 10 Щелкните на кнопке ОК, чтобы закрыть диалог Vanishing Point (Точка совме- щения). Теперь, когда все измерения выполнены, вы можете приступить к добавлению данных на информационную график)-. Добавление легенды Для завершения информационной графики вы добавите легенду, используя ре- зультаты выполненных измерений. 1 Переключитесь в окно программы Bridge. На палитре Folders (Папки) открой- те папку Lesson13. а затем дважды щелкните на эскизе файла Legend.psd. что- бы открыть этот файл в программе Photoshop. 2 Перетащите группу слоев Legend Group (Легенда) с палитры Layers (Слои) файла Legend.psd па изображение 13Working.psd. 3 Используя инструмент Move (Перемещение) (►♦ ), расположите изображение легенды в нижней трети фоновой области черного цвета справа от карты. 4 Если на вашем компьютере установлено приложение для работы с электрон- ными таблицами, например. Excel, запустите его. В этом приложении найди- те папку Lesson13/Maps и откройте файл 13_lnland_Seas.csv, дважды щелк- нув на нем. 5 В программе Photoshop выберите инструмент Horizontal Туре (ГЪризонтальный текст) (Т) на панели инструментов. 6 Используйте либо результаты измерений, сохраненные в файле электронной таблицы - 13_lnland_Seas. - который вы только что открыли, либо значения, сохраненные в комментарии. Поочередно выделяйте значение «0000» рядом с каждым элементом и вводите корректную информацию в таблицу легенды: • Для элемента Total Area (Общая площадь) введите значение 625 km2. • Для элемента Water Area (Площадь водного пространства) введите значение 134 km2. • Для элемента Section Length (Длина сечения) введите значение 3.36 km. • Для элемента Section Depth (Глубина сечения) введите значение 0.3 km. 7 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу.
www. Infanata. org Работа с научными изображениями 429 Создание слайд-шоу Работа по созданию информационной графики завершена. Теперь, когда вы вы- полнили множество измерений и точных дизайнерских задач, настало время соз- дать слайд-шоу, чтобы продемонстрировать коллегам свою прекрасную работу. 1 Переключитесь в окно программы Bridge и откройте папку Lesson 13/Maps. Дважды щелкните на эскизе папки Maps, чтобы отобразить ее содержимое. Удерживая нажатой клавишу |lsnin |. щелкните на пяти эскизах изображений Map_Section. чтобы выделить их. 2 Выберите команду меню View ♦ Slideshow Options (Просмотр ♦ Параметры слайд-шоу). Вы настроите свое слайд-шоу, состоящее из пяти изображений час- тей карты, таким образом, чтобы предыдущее изображение «растворялось» в следующем. 3 В появившемся диалоге Slideshow Options (Параметры слайд-шоу) установите переключатель When Presenting, Show Slides (При воспроизведении отобра- жать слайды) в положение Scaled То Fit (Растянутыми); для параметра Transition (Переход) установите значение Dissolve (Растворение). Для осталь- ных параметров оставьте значения по умолчанию. 4 Щелкните на кнопке Play (Воспроизвести), чтобы начать воспроизведение слайд-шоу. Чтобы остановить воспроизведение, нажмите на клавиатуре клавишу liEscl.
430 Adobe Photoshop CS3 5 Завершив просмотр слайд-шоу, щелкните на кнопке Done (Готово), чтобы за- крыть диалог Slideshow Options (Параметры слайд-шоу). Вы можете повторить воспроизведение слайд-шоу, выбрав команду меню View ♦ Slideshow (Просмотр ♦ Слайд-шоу). Для быстрого перехода к следующему изобра- жению просто нажмите клавишу 13: для перехода к предыдущему изображению нажмите клавишу ы 6 Выберите команду меню File ♦ Save (Файл ♦ Сохранить), чтобы сохранить свою работу. Поздравляем! Вы завершили этот урок. Теперь вы готовы испытать свои навыки выполнения измерений на других изображениях в своем портфолио.
www.infanata.org Итоги Обзорные вопросы 1 Ч то такое метаданные? Как можно добавить метаданные в файл Photoshop? 2 Как выполнить измерение объекта в программе Photoshop Extended с по- мощью инструмента Measurement (Измерение)? 3 В чем отличие между инструментом Ruler (Линейка) и инструментом Measurement (Измерение)? 4 Как выполнить измерение объекта в трехмерном пространстве? 5 Как можно создать слайд-шоу для демонстрации своей работы? Ответы на обзорные вопросы 1 Метаданные - это набор стандартизованной информации о файле, включаю- щей, например, имя автора, разрешение, цветовой режим, авторское право и связанные с этим файлом ключевые слова. Добави ть метаданные можно на палитре Metadata (Метаданные) программы Adobe Bridge. 2 Для выполнения измерений объекта в программе Photoshop Extended сначала настраивается шкала измерений (команда меню Analysis ♦ Set Measurement Scale (Анализ ♦ Настроить шкалу измерений)); затем создается выделение или используется инструмент Ruler (Линейка) для определения расстояния между двумя точками; после этого выбирается команда Record Measurements (Записать результаты измерений) либо в меню Analysis (Анализ), либо па палитре Measurement Log (Журнал измерений). 3 Инструмент Ruler (Ладейка) программы Photoshop позволяет вычислять рас- стояние между двумя любыми точками рабочего пространства. Инструмент Measurement (Измерение) программы Photoshop Extended позволяет изме- рять любые области, определенные с помощью инструмента Ruler (Линейка) или с помощью любого инструмента выделения, включая области неправиль- ной формы, выделенные с использованием инструментов Lasso (Лассо), Quick Selection (Быстрое выделение) или Magic Wand (Волшебная палочка). Кроме того, вы можете определить высоту, ширину, площадь и периметр объ- екта. а также хранить результаты измерений для одного или нескольких изоб- ражений. Данные измерений записываются на палитру Measurement Log (Журнал измерений) - вы можете сортировать полученные данные или экс- портировать их в файл электронной таблицы. 4 Чтобы выполнить измерение объекта в трехмерном пространстве, необходи- мо применить к изображению фильтр Vanishing Point (Точка совмещения), создать сетку, а затем использовать инструмент Measure (Измеритель) для из- мерения расстояний вдоль этой сетки. 5 Чтобы создать слайд-шоу для демонстрации своей работы, можно использо- вать программу Adobe Bridge. Сначала выбираете эскизы изображений, кото- рые вы хотите включить в слайд-шоу. затем выбираете команду меню View ♦ Slideshow Options (Просмотр ♦ Параметры слайд-шоу) для настройки пара- метров отображения, после чего щелкаете на кнопке Play (Воспроизвести), чтобы начать воспроизведение слайд-шоу. Когда параметры слайд-шоу будут настроены, просто выбирайте команду меню View ♦ Slideshow ( Просмотр ♦ Слайд-шоу) для начала воспроизведения.
Для создания согласованного цвета вы должны определить два цветовых пространства. Одно из них будет слу- жить для редактирования и просмот- ра RGB-изображении, а второе - для редактирования, просмотра и печати изображений CMYK. Такой подход поз- воляет добиться близкого совпадения экранных и печатных цветов.
УРОК 14. Создание и печать согласованным цветом Обзор урока В этом уроке вы узнаете, как делать следующее: • Определять цветовые пространства RGB, CMYK, а также полутоновое цвето- вое пространство для отображения, редактирования и печати изображений. • Подготавливать изображение для печати цветами CMYK на принтере PostScript®. • Создавать пробный печатный оттиск. • Создава ть и печатать четырехцветное цветоделение. • Подготавливать изображения для печати на печатных машинах. Работа над уроком займет около часа. При необходимости удалите папку предыду- щего урока с жесткого диска компьютера и скопируйте туда папку Lessons/Lesson14. По мере работы с уроком некоторые исходные файлы будут перезаписаны. Если потребуется восстановить исходные файлы, скопируйте их заново с компакт-диска, прилагаемого к книге «Adobe Photoshop CS3. Официаль- ный учебный курс». Для выполнения этого урока требуется, чтобы ваш компьютер был подключен к принтеру PostScript. Если это условие не выполнено, вы сможете выполнить лишь часть заданий урока. Воспроизведение цветов Цвета в мониторе отображаются путем использования комбинаций красного (red), зеленого (green) и синего (Ыне) цветов (называемых цветами RGB). В то же время печатные цвета обычно создают путем комбинирования красок четырех цветов - синей (cyan), пурпурной (magenta), желтой (yellow) и черной (black) (на- зываемых цветами CMYK). Эти четыре краски называют составными цветами («process colors»), поскольку они являются стандартными красками, используемы- ми в процессе четырехцветной печати.
www.infanata.org Adobe Photoshop CS3 Изображение CMYK с синим, пурпурным, желтым и чер> Поскольку способы отображения цветов в цветовых моделях RGB и CMYK значи- тельно разнятся, каждая из этих моделей воспроизводит особую гамму, или диапа- зон, цветов. Например, поскольку цветовая модель RGB для создания цвета ис- пользует подсветку, ее гамма содержит неоновые цвета, подобные тем, что вы мо- жете видеть на неоновых вывесках. Напротив, печатные краски прекрасно подходят для воспроизведения некоторых цветов, которые могут лежать вне гам- мы RGB, как. например, некоторые пастельные и чисто черные краски. Естествен пая цветовая гамма; В. Цветовая гамма RGB: С. Цветовая гамма CMYK Цветовая модем ь CMYK
www. infanata. org Создание и печать согласованным цветом 435 Однако отнюдь не все гаммы RGB и CMYK одинаковы. Каждый монитор и прин- тер отличаются от других, так что каждый отображает немного отличную от дру- гих гамму. Например, мониторы одной марки могут создавать немного более яр- кие синие цвета, чем мониторы других марок. Цветовое пространство для устрой- ства определяется той гаммой, которую оно способно воспроизвести. Модель RGB Большая доля видимого спектра может быть представлена путем смешения лу- чей света красного (Red), зеленого (Green) и синего (Blue) (RGB) цветов в раз- личных пропорциях и с различными яркостями. Там, где цвета перекрываются, они создают синий, пурпурный, желтый и белый цвета. Поскольку цвета RGB объединяют для создания белого цвета, их также называ- ют аддитивными цветами. Сложение вместе всех цветов создает белый цвет. Аддитивные цвета используют для освещения, в видеосистемах и в мониторах. Например, ваш монитор создает цвет путем излучения света красным, зеленым и синим люминофорами. Модель CMYK В основе модели СМУК лежит способность краски, напечатанной на бумаге, поглощать свет. Когда лучи белого цвета падают па полупрозрачные краски, часть спектра поглощается, а остальные части спектра отражаются обратно в ваши глаза. Теоретически, чистые пигменты синего (Cyan - С), пурпурного (Magenta - М) и желтого (Yellow - Y) цветов при объединении должны поглощать весь свет и соз- давать черный цвет. По этой причине данные цвета называют субстрактивными цветами. Поскольку все печатные краски содержат некоторые загрязнения, в действительности эти три краски создают грязно-коричневый цвет и, чтобы создать истинно черный цвет, должны быть смешаны с черной (ЫасК - К) крас- кой. (Буква «К» используется вместо буквы «В» во избежание путаницы с синим (Blue) цветом.) Комбинирование этих трех красок для воспроизведения цвета называется процессом четырехцветной печати. Для описания цветового пространства устройства, например, цветового простра- нства CMYK конкретного принтера, используются ICC-профили. В этом уроке вы будете выбирать для использования ICC-профили RGB и CMYK. После того, как вы задали тс профили, программа Photoshop может виедря ть их в ваши файлы изоб- ражений. Тогда программа Photoshop (и любое другое приложение, которое может использовать ICC-профили), может интерпретировать ICC-профиль в файле изоб- ражения. чтобы автоматически управлять цветами в данном изображении. Информацию о встраивании ICC-профилей можно найти в справке программы Photoshop.
436 Adobe Photoshop CS3 Начало работы В отличие от других уроков, вам не потребуется здесь просматривать конечный файл, который потребуется создать, однако нужно будет запустить программу Photoshop и восстановить стандартные настройки. 1 Запустите программу Adobe Photoshop, а затем немедленно (не дожидаясь окон- чания загрузки программы) нажмите и удерживайте комбинацию клавиш |+| «I ~|+||sniit | (Windows) или Command+ODtion+h"^! (Mac OS), чтобы восста- новить стандартные настройки программы. (Подробности можно найти во введении к книге.) 2 В появившемся окне сообщения щелкните мышью на кнопке Yes (Да), чтобы подтвердить намерение переустановить настройки. Затем закройте диалог Welcome Screen (Начальный экран) щелчком мыши на кнопке Close (Закрыть). Убедитесь, что ваш монитор уже откалиброван и настроен. Если ваш дисплей отобра- жает цвета неточно, настройки цветов, которые вы выполняете в отображаемом изоб- ражении, могут оказаться неверными. Задание параметров управления цветом В первой части этого урока вы узнаете, каким образом можно установить процесс управления цветом. Чтобы помочь вам в этом, программа Photoshop предлагает диалог Color Settings (Настройка цветов), который содержит большинство необ- ходимых элементов управления цветом. Например, по умолчанию программа Photoshop устанавливается на RGB, посколь- ку эта цветовая модель используется в web-технологии. Однако, если вы подготав- ливаете рисунок для создания печатной продукции, вам. вероятно, понадобится изменить настройки на более подходящие для изображений, которые будут печа- таться на бумаге, а не отображаться на экране. Вы начнете этот урок с создания пользовательских настроек цвета. 1 Выберите команду меню Edit ♦ Color Settings (Редактирование ♦ Настройка цветов). Откроется диалог Color Settings (Настройка цветов). По умолчанию меню Settings (Настройки) должно отображать значение North America General Purpose 2 (Универсаль- ные настройки для Северной Америки 2). Если это не так, значит, ранее вы изменили эту настройку. В таком случае выберите это значение прямо сейчас. Внизу диалога в интерактивном режиме отображается информация о различных параметрах управления цветом, кото- рые вы сейчас просмо трите.
Создание и печать согласованным цветом 437 2 Наводи те указатель мыши иа каждую часть диалога, включая имена областей (такие, как Working Spaces (Рабочие пространства)) и параметры, которые вы можете выбирать (например, различные значения из открывающихся меню), возвращая при закрытии значения параметров по умолчанию. Когда вы пере- мещаете указатель мыши, просматривайте информацию, которая появляется в нижней части диалога. Сейчас вы выберете набор параметров, который предназначен для печати изоб- ражений, а нс демонс трации их на web-страницах. 3 В открывающемся списке Settings (Настройки) выберите параметры North America Prepress 2 (Допсчатиая подготовка в Северной Америке 2) и щелкни- те мышыо на кнопке ОК. Пробная печать изображения В этой час ти урока вы начнете работу с типичным файлом того рода, который вы можете получить сканированием печатного оригинала. Вы откроете файл, преоб- разуете его цветовой профиль и настроите изображение так, чтобы увидеть на эк- ране, как примерно будет выглядеть изображение после печати. Это позволит вам создать на экране пробный оттиск печатного изображения, предназначенного для вывода на печать. Начните с открытия файла. 1 На панели параметров инструмента щелкните мышыо на кнопке Go to Bridge (Перейти к Bridge) (а*), чтобы открыть диалог программы Adobe Bridge, или выберите в меню команду File ♦ Open (Файл ♦ Открыть) и открой- те файл 14Start.tif из папки Lessons/Lesson14. На экране появится RGB-изображение отсканированного плаката. 2 Выберите команду меню File ♦ Save As (Файл ♦ Сохра- нить как), назовите файл именем 14Working.psd и, не меняя исходный формат файла TIFF, щелкните на кноп- ке Save (Сохранить). В появившемся диалоге TIFF Options (Параметры TIFF) щелкните на кнопке ОК, что- бы сохранить копию исходного файла. Прежде чем просматривать пробный оттиск на экране или печатать это изобра- жение, вы должны определить профиль пробного оттиска. Установка профиля пробного оттиска (называемая также настройкой пробного оттиска) определяет способ печати документа и добавляет эти визуальные свойства в экранную вер- сию для более точного экранного отображения пробного оттиска. Программа Photoshop предоставляет множество настроек, которые могут помочь вам создать пробные оттиски для различных применений, включая печать и отображение в web. Для данного урока вы создадите пользовательские настройки пробного от- тиска. Затем вы можете сохранить эти настройки для использования в других изображениях, которые будут выводиться тем же способом.
www.infanata.org 438 Adobe Photoshop CS3 3 Выберите команду меню View ♦ Proof Setup ♦ Custom (Просмотр ♦ Варианты цветопробы ♦ Заказной). На экране появляется диалог Customize Proof Conditions (Установки цветопробы). 4 Убедитесь, что флажок Preview (Просмотр) установлен. 5 В открывающемся списке Device to Simulate (Профиль) выберите профиль, ко- торый представляет конечный цветовой профиль устройства вывода, напри- мер, профиль того принтера, который вы будете использовать для печати изображения. Если у вас нет конкретного принтера, то, как правило, хороших результатов можно добиться при выборе профиля U.S. Web Coated (SWOP) v2 для определения рабочего пространства CMYK. 6 Убедитесь, что флажок Preserve Color Numbers (Сохранять цветовые значе- ния) сброшен. При отмене этого параметра цвета изображения преобразуют- ся из цветового пространства документа в ближайшие эквиваленты в цветовом пространстве пробного оттиска. Эта функция доступна не всегда, например, она недоступна для профиля U.S. Web Coated (SWOP) v2. 7 В меню Rendering Intent (Метод) выберите метод рендеринга, который дол- жен использоваться для преобразования. К примеру, для сохранения цветовых соотношений без утраты точности цветов можно рекомендовать метод Relative Colorimetric (Относительный колориметрический). 8 Установите флажок Simulate Ink Black (Имитировать черную краску), если этот параметр доступен для выбранного вами профиля. Затем сбросьте этот флажок и установите флажок Simulate Paper Color (Имитировать белизну бума- ги); при установке флажка Simulate Paper Color (Имитировать белизну бумаги) флажок Simulate Ink Black (Имитировать черную краску) устанавливается авто- матически. Изображение с установленными параметрами Simulate Ink Black IИмитировать черную краску) и Simulate Paper Color (Имитировать белизну бумаги) Обратите внимание на то, что контрастность изображения ухудшилась. Выбор параметра Simulate Paper Color (Имитировать белизну бумаги) приводит к имита- ции конкретного оттенка белого цвета печатного носителя, определённого в про- филе изображения. Выбор параметра Simulate Ink Black (Имитировать черную
www. infanata. org Создание и печать согласованным цветом 439 краску) влечет имитацию темно-серого цвета, определенного в профиле изобра- жения. который получается при печати на большинстве принтеров вместо чисто черного цвета. Эти параметры доступны не для всех профилей. 9 Щелкните мышью на кнопке ОК. Для включения и отключения параметров оттиска выбирайте в меню команду View ♦ Proof Colors (Просмотр ♦ Цветопроба). Идентификация цветов, выпадающих из гаммы Большинство сканированных фотографий содержат цвета RGB, не выпадающие из гаммы CMYK, и перевод изображения в режим CMYK (которое вы выполните позднее для печати файла) преобразует все цвета с относительно небольшим за- мещением. Однако изображения, которые создаются или редактируются цифро- выми методами, например, окрашенные неоновым цветом логотипы и подсвет- ки. нередко содержат цвета RGB, выпадающие из гаммы CMYK. Цвета, выпадающие из гаммы, помечаются восклицательным знаком возле образца цвета в палитре Color (Цвет), в диалоге выбора цвета и в палитре Info (Инфо). Прежде чем преобразовывать изображение из RGB в CMYK, вы можете просмот- реть цветовые коды CMYK, по-прежнему оставаясь в режиме RGB. 1 Выберите в меню команду View ♦ Gamut Warning (Просмотр ♦ Показать цвета вне CMYK), чтобы увидеть цвета, выпадающие из гаммы CMYK. Программа Adobe Photoshop строит таблицу преобразования цветов и отображает ней- тральный серый цвет там. где цвета выпадают из гаммы. Поскольку разглядеть серый цвет в изображении может быть затруднительно, сейчас вы преобразуете его в более яркий предупреждающий цвет гаммы. 2 Выберите в меню команду Edit ♦ Preferences ♦ Transparency & Gamut (Редакти- рование ♦ Установки ♦ Прозрачность и цветовой охват) (Windows) или Photoshop ♦ Preferences ♦ Transparency & Gamut (Photoshop ♦ Настройки ♦ Прозрачность и цветовой охват) (Mac OS). Затем щелкните мышью на образце цвета в группе элементов управления Gamut Warning (Отображение цветов вне CMYK) в нижней части диалога. 3 Выберите яркий цвет, например, фиолетовый или ярко-зеленый цвет, и щелк- ните мышью на кнопке ОК. 4 Щелкните мышью на кнопке ОК еще раз, чтобы закрыть диалог Transparency & Gamut (Прозрачность и цветовой охват). Серый цвет заменяется новым яр- ким цветом, выбранным вами. 5 Выберите в меню команду View ♦ Gamut Warning (Просмотр ♦ Показать цвета вне CMYK), чтобы отключить просмотр цветов, выпадающих из гаммы.
www.infanata.org Adobe Photoshop CS3 Программа Photoshop автоматически откорректирует цвета, выпадающие из гам- мы, когда далее в этом уроке вы сохраните файл в формате EPS программы Photoshop. Формат EPS программы Photoshop заменяет изображение RGB на изоб- ражение CMYK, настраивая цвета RGB так, как нужно для их переноса в цветовую гамму CMYK. Настройка изображения и печать пробного оттиска Следующий этап подготовки изображения для печати заключается в настройке всех цветов и тонов изображения. В этой части урока вы выполните некоторые настройки тонов и цветов, чтобы откорректировать неудачно окрашенное скани- рованное изображение исходного плаката. С тем, чтобы вы могли сравнить изображение до и после корректировки, начни- те с создания копии. 1 Выберите в меню команду Image ♦ Duplicate (Изображение ♦ Создать дубли- кат) и щелкните мышью на кнопке ОК. чтобы создать дубликат изображения. 2 Расположите два окна изображения в рабочем пространстве так. чтобы их можно было сравнивать по ходу работы. Сейчас вы настроите оттенок и насыщенность цветов изображения. Для настрой- ки цвета существует множество разных способов, в том числе использование команды Levels (Уровни) и Curves (Кривые). Вы воспользуетесь командой Hue/Saturation (Цветовой тон/Насыщенность).
Создание и печать согласованным цветом 441 3 Выделите изображение 14Working.tif (т.е. исходное изображение). 4 Выберите в меню команду Image ♦ Adjustments ♦ Hue/Saturation (Изображение ♦ Коррекция ♦ Цветовой тон/Насыщенность). Перетащите диалог Hue/ Saturation (Цветовой тон/Насыщенность) в сторону, чтобы он не загоражи- вал окно изображения 14Working.tif. Убедитесь, что флажок Preview (Прос- мотр) установлен. Выполните следующие настройки: Перетаскивайте ползунок регулятора Hue (Цветовой тон), пока цвета, особен- но цвета верхушек зданий, станут выглядеть более естественно. (Мы использо- вали значение +15). Перетаскивайте ползунок регулято- ра Saturation (Насыщенность), пока не добьетесь нормальной интенсив- ности цветов (мы использовали зна- чение -65). Оставьте значение по умолчанию для параметра Lightness (Яркость) (О), и щелкните мышью на кнопке ОК Перед тем как напечатать иллюстрацию, попробуйте перейти к диалогу, предупрежда- ющему о цветах, выпадающих из гаммы, и вы увидите, что большинство этих цветов удалено из изображения. 5 Не снимая выделения с изображения 14Working.tif, выберите в меню команду File ♦ Print (Файл ♦ Печать). 6 В открывшемся диалоге Print (Печать) выполните следующие действия с пара- метрами в его правой части: • В открывающемся списке, расположенном в самом верху правого столбца па- раметров, выберите значение Color Management (Управление цветом). • В области Print (Печать) установите переключатель Proof (Цветопроба), что- бы выбрать профиль оттиска. • В группе элементов управления Options (Параметры) выберите в раскрываю- щемся списке Color Handling (Обработка цветов) значение Printer Manages Colors (Цветами управляет принтер), а в списке Proof Setup (Варианты цвето- пробы) - элемент Working CMYK (Рабочий CMYK). • (Необязательно.) Нажмите клавишу I | (Windows) или Option (Mac OS), чтобы заменить кнопку Done (Готово) кнопкой Remember (Запомнить), а потом щелкните на кнопке Remember (Запомнить) для того, чтобы сохранить на- стройки для последующей печати. • Распечатайте изображение на цветном принтере, щелкнув на кнопке Print (Пе- чать), и сравните результат с экранной версией.
442 Adobe Photoshop CS3 Сохранение изображения как цветоделения В этой части урока вы узнаете, каким образом можно сохранить изображение как цветоделение, чтобы впоследствии его можно было напечатать на отдельных пе- чатных формах для синего, пурпурного, желтого и черного цветов. 1 Выделите файл 14Working.tif и выберите команду меню File ♦ Save As (Файл ♦ Сохранить как). 2 В диалоге Save As (Сохранить как) выберите следующие параметры: • В открывающемся списке Format (Тип файлов) выберите формат Photoshop EPS • В группе элементов управления Color (Цвет) установите флажок Use Proof Setup: Working CMYK (Использовать параметры цветопробы: Формы CMYK). Не обращайте внимания на появившийся предупреждающий значок о сохра- нении копии. Установка этих параметров влечет автоматическое преобразование изображения из RGB в CMYK, когда оно сохраняется в формате EPS (Photoshop Encapsulated PostScript - Инкапсулированный PostScript программы Photoshop). • Используйте имя файла 14Working copy.eps. присвоенное по умолчанию, и щелкните мышью на кнопке Save (Сохранить). 3 В появившемся диалоге EPS Options (Параметры EPS) щелкните мышью на кнопке ОК. 4 Сохраните, а затем закройте файлы 14Working.tif и 14Working copy.tif. 5 Выберите команду меню File ♦ Open (Файл ♦ Открыть), найдите папку Lessons/Lesson14. выделите и откройте файл 14Working copy.eps.
Создание и печать согласованным цветом 443 Обратите внимание на то, что файл 14Working copy.eps теперь является файлом CMYK, о чем сообщается в заголовке окна изображения. Печать Когда вы приготовитесь печатать изображение, для достижения лучших результа- тов руководствуйтесь такими принципами: • Напечатайте цветное композитное изображение (color composite, часто назы- ваемое color comp). Цветное композитное изображение представляет собой один оттиск, объединяющий в себе красный, зеленый и синий каналы RGB- изображения (или синий, пурпурный, желтый и черный каналы CMYK-изобра- жения). Этот оттиск дает представление о том, как будет выглядеть готовое на- печатанное изображение. • Установите параметры для полутонового растра. • Напечатайте цветоделения и убедитесь, что изображение корректно разделе- но по цветам. • Напечатайте на пленку или на фотопластинку. Печать полутонов Чтобы задать полутоновый растр при печати изображения, используйте кнопку Screen (Растры) диалога Print (Печать). Результаты применения полутонового растра будут видны лишь в распечатанной копии, на экранном изображении по- лутонового растра не видно. При печа ти цветоделения создаются четыре полутоновых растра, по одному для каждого из составных цветов. Каждый растр содержит полутоновую информа- цию для определенного канала, включая частоту растра, угол растра и форму точ- ки растра. Частота растра («screen frequency») управляет плотностью точек. Поскольку точ- ки выстроены в линии, общепринятой мерой измерения частоты растра служит число линий на дюйм (lines per inch - Ipi). Чем выше частота растра, гем выше ка- чество создаваемого изображения (в зависимости от способности принтера воен-
Adobe Photoshop CS3 роизводить линиатуры растра). Например, при печати журналов обычно исполь- зуются тонкие растры с частотой 133 Ipi и выше, поскольку журналы обычно пе- чатаются на мелованной бумаге и на высококлассных печатных машинах. С. другой стороны, газеты обычно печатают на низкосортной бумаге, поэтому для печати газет обычно используют более низкие частоты растра, например, 85 Ipi. Угол растра («screen angle») используется для создания полутонов в изображени- ях с градациями серого и обычно составляет 45°. Чтобы добиться наилучших ре- зультатов при печати цветоделений, щелкните мышью на кнопке Auto (Авто) в ди- алоге Halftone Screen (Полутоновые растры). (Доступ к этому диалогу, как вы сей- час увидите, можно получить из диалога Print (Печать).) Кроме того, вы можете задать угол растра для каждого из цветовых растров. Установка растров с разны- ми углами гарантирует, что точки, размещаемые четырьмя растрами, будут сме- шиваться и выглядеть подобно непрерывному цвету, не создавая муара. В полутоновых растрах чаще всего используют ромбовидные точки. Однако в программе Adobe Photoshop вы можете также выбрать круглые, эллиптические, линейные, квадратные и крестовидные точки. По умолчанию изображение будет использовать параметры полутонового растра уст- ройства вывода или той программы, из которой вы выводите изображение. Как прави- ло, вам понадобится задавать параметры полутонового растра только в тех случаях, когда вы хотите отбросить параметры, предлагаемые по умолчанию. Перед заданием параметров полутоновых растров обязательно проконсультируйтесь с печатниками. В этом упражнении вы настроите полутоновые растры для изображения плаката, а потом распечатаете цветоделения. 1 Не закрывая файл 14Working copy.eps. открытый в предыдущем упражнении, выберите команду меню File ♦ Print (Файл ♦ Печать). 2 В открывающемся списке, расположенном в самом верху правого столбца па- раметров диалога Print (Печать), выберите значение Output (Вывод). 3 Щелкните мышью на кнопке Screen (Растры), расположенной в правой части диалога. 4 В диалоге Halftone Screen (Полутоновые растры) выполните следующее действия: • Сбросьте флажок Use Printer’s Default Screen (Использова ть растры принтера). Поочередно переключайте элементы меню Ink (Краска), чтобы увидеть для каждого канала значения параметров Frequency (Линиатура). Angle (Угол) и Shape (Форма растровой точки). Для голубых чернил выберите в раск- рывающемся списке Shape (Форма растровый точки) пункт Ellipse (Эллипс).
Создание и печать согласованным цветом • Еще раз поочередно переключайте элементы меню Ink (Краска) и обратите внимание на то, что теперь во всех меню Shape (Форма растровой точки) уста- новлен пункт Ellipse (Эллипс). Мы могли бы изменить и другие параметры, но для этого упражнения оставим их такими, как есть. • Щелкните мышью на кнопке ОК. чтобы закрыть диалог Halftone Screen (Полу- тоновые растры). По умолчанию изображения CMYK печатаются как один документ. Чтобы напеча- тать файл как четыре цветоделения, вы должны точно указать это в диалоге Print (Печать). 5 Перейдите к диалогу Print (Печать) и затем выполните следующие действия: • В открывающемся списке, расположенном в самом верху правого столбца па- раметров диалога Print (Печать), выберите значение Color Management (Уп- равление цветом). • В группе элементов управления Print (Печать) установите переключатель Document (Документ). • В открывающемся списке Color Handling (Обработка цветов) области Options (Параметры) выберите значение Separations (Цветоделения). • Щелкните на кнопке Print (Печать). 6 Выберите команду меню File ♦ Close (Файл ♦ Закрыть) и не сохраняйте внесен- ные изменения. На этом завершается ваше знакомство с созданием цветоделений и печатью с по- мощью программы Adobe Photoshop. Информацию обо всех параметрах управле- ния цветом, печатью и цветоделением можно найти в справке программы Photoshop.
Итоги Обзорные вопросы 1 Каким шагам вы должны следовать для точного создания цвета? 2 Что такое гамма? 3 Что такое 1СС-профиль? 4 Что такое цветоделение? Чем изображение CMYK отличается от изображе- ния RGB? 5 Каким шагам вы должны следовать при подготовке изображения к цветоде- лению? Ответы на обзорные вопросы 1 Откалибруйте свой монитор и затем используйте диалог Color Settings (Настройка цветов), чтобы указать, какое цветовое пространство следует ис- пользовать. Например, вы можете указать, какое цветовое пространство RGB следует использовать для онлайновых изображений, и какое цветовое пространство CMYK использовать для изображений, которые должны быть напечатаны. Затем вы можете напечатать пробный оттиск изображения, проверить наличие цветов, выпадающих из гаммы, настроить цвета так, как это необходимо, и для печатных изображений создать цветоделения. 2 Гамма представляет собой диапазон цветов, которые могут воспроизводить- ся цветовой моделью или устройством. Например, цветовые модели RGB и CMYK имеют разные гаммы, так же, как и любые два RGB-сканера. 3 ICC-профиль представляет собой описание цветового пространства устрой- ства, например, цветового пространства CMYK конкретного принтера. При- ложения, например. Photoshop, могут интерпретировать ICC-профили изоб- ражения, чтобы поддерживать согласованные цвета среди различных прило- жений, платформ и устройств. 4 Цветоделение создается при преобразовании изображения в режим CMYK. Цвета в изображении CMYK разделяются на четыре канала составных цве- тов: синего, пурпурного, желтого и черного. В отличие от этого, изображе- ние RGB имеет три цветовых канала: красный, зеленый и синий. 5 При подготовке изображения к печати следуйте шагам, необходимым для точного воспроизведения цветов, а затем преобразуйте изображение из ре- жима RGB в режим CMYK, чтобы построить цветоделение.
www.infanata. org 447 В создании книги принимали участие Рассел Браун (Russell Brown) занимает пост творческого директора в корпора- ции Adobe Systems. Рассел, по праву считающийся гуру программы Photoshop, ра- ботает с программой Adobe Photoshop более 12 лет, с момента ее первого появле- ния. Он любезно предоставил ролик и ресурсы для примера CloneSource в уроке 10 и для примеров DancingWithType и ОрепТуре в уроке 8. http://www.russellbrown.com Джэй Граам (Jay Graham) начал свою карьеру с проектирования и строитель- ства домов по заказам владельцев. Он работает профессиональным фотографом уже более 22 лет и на сегодняшний день его клиентами являются компании из раз- личных индустрий: рекламной, архитектурной, печатной и туристической. Его советы можно найти в разделе «Профессиональные приемы работы с фото- графиями» урока 7. http://jaygraham.com Арне Херти (Arne Hurt) ) является техническим художником-оформителем и ди- зайнером, удостоенным наград. Он создал научную иллюстрацию для урока 13. http://www.baycreative.com Тайлер Мансон (Tyler Munson) предоставил свой дизайн для уроков 4, 11 и 14, а также занимался художественным руководством при составлении этих уроков. Со своей фирмой munsonDesign, расположенной в Сан-Франциско и занимаю- щейся разработкой дизайна и созданием брендов. Тайлер создал программы для таких клиентов, как Gap, Palm, Oracle и музыкального продюсера Пола Окенфол- да (Paul Oakenfold). http://www.munsondesign.com Ли Ункрих (Lee Unkrich) занимался постановкой знаменитых фильмов для ани- мационной студии Pixar. Его фотоснимки встречаются в уроках 6 и 10 этой книги.
www, intanata. org ОФИЦИАЛЬНЫМ УЧЕБНЫЙ _ 00^ курс Самый быстрый и простой способ освоить Adobe” Photoshop® CS3 Узнайте о способах коррек- тировки и улучшения цифро- композиций изображений и разработки прототипов, а также подготовки изображе- ний для Web. Опробуйте не- деструктивные интеллекту- альные фильтры и преобра- зование изображений в перспективе. Официальный учебный курс - это серия книг-бестселлеров, которая позволяет быстро и легко ос- воить все программы компании Adobe. Книги из серии «Официальный учебный курс» предлагают то, чего нет в других книгах и программах обучения, - официальную обучающую серию уроков от компании Adobe System Incorporated, разработанную при поддержке экспертов Adobe. Книга «Adobe Photoshop CS3. Официальный учебный курс» состоит из 14 уроков, в которых рассматриваются основы работы в программе Adobe Photoshop, лучшего в мире программного обеспечения для редактирования изображений. Вы узнаете о том, как ретушировать цифровые фотографии, работать со слоями и масками, эффективно использовать рабочую область и подготавливать изображения для просмотра на экране и печати. Кроме того, вы опробуете самые последние возможности версии CS3 и познакомитесь с новыми способами организации процесса обработки изображений и их последующей демонстрации. Бесчисленные советы и методики, дополнительные задания и мини-руководства помогут Вам стать экспертом программы Photoshop и использовать ее более продуктивно. Вы можете читать книгу от начала до конца или выбрать те уроки, которые Вам интересны. В книге рассмотрены новые возможности программы Photoshop CS3: Интеллектуальные фильтры; Технология Zoomify; Автоматическое выравнивание содержимого; Инструмент Quick Selection (Быстрое выделение); Функция Clone Source (Клонирование источника); Улучшенные возможности диалога Camera Raw (Необработанный файл камеры) и фильтра Vanishing Point (Точка совмещения); Новые инструменты для измерения и анализа изображений, доступные в расширенной версии программы Photoshop. CD-ROM диск содержит все файлы, необходимые для изучения уроков, и вступительные файлы видеоуроков на языке оригинала.