Юрий Гурский, Ирина Гурская
P
H
O
T
O
S
H
O
P
C
S
0
Москва • Санкт-Петербург • Нижний Новгород • Воронеж Новосибирск • Ростов-на-Дону • Екатеринбург • Самара Киев • Харьков • Минск 2005
Юрий Анатольевич Гурский, Ирина Владимировна Гурская Photoshop CS2
Трюки и эффекты (+CD) Заведующий редакцией (Минск) Руководитель проекта Литературные редакторы Художник Корректоры Верстка
Ю. Гурский М. Моисеева И. Кононович, М. Моисеева Н. Биржаков О. Бортник, Е. Павлович Г. Блинов
ББК 32.973-044 УДК 004.92
Гурский Ю. А., Гурская И. В. Г95 Photoshop CS2. Трюки и эффекты (+CD). — СПб.: Питер, 2005. — 512 с: ил. — (Серия «Трюки и эффекты»).
ISBN 5-469-01045-7 Лучший способ научиться что-нибудь сделать — это попробовать. Книга, которую вы держите в руках, поможет вам в этом. Приведенные примеры не просто научат эффективно использовать возможности Photoshop CS2, но и обеспечат дизайнерскими рецептами на все случаи жизни. Вы сможете сразу перенести описанные приемы на практику. Много полезного содержит компакт-диск: дополнительные фильтры, макросы, кисти, а самое главное — иллюстрации к книге. Самые важные иллюстрации вынесены на цветную вклейку. Для всех, кто хочет быстро получить практические навыки работы в Photoshop, а также иметь под рукой сборник готовых дизайнерских решений. © ЗАО Издательский дом «Питер», 2005 В оформлении обложки использована работа Елены Седовой «Молодожены». Все права защищены. Никакая часть данной книги не может быть воспроизведена в какой бы то ни было форме без письменного разрешения владельцев авторских прав. Информация, содержащаяся в данной книге, получена из источников, рассматриваемых издательством как надежные. Тем не менее, имея в виду возможные человеческие или технические ошибки, издательство не может гарантировать абсолютную точность и полноту приводимых сведений и не несет ответственность за возможные ошибки, связанные с использованием книги.
ISBN 5-469-01045-7
ООО «Питер Принт». 194044, Санкт-Петербург, пр. Б. Сампсониевский, 29а. Лицензия ИД № 05784 от 07.09.01. Налоговая льгота — общероссийский классификатор продукции ОК 005-93, том 2; 953005 — литература учебная. Подписано в печать 21.06.05. Формат 70Х100'/|6. Усл. п. л. 41,28. Тираж 4500 экз. Заказ № 1982. Отпечатано с готовых диапозитивов в ФГУП «Печатный двор» им. А. М. Горького Министерства РФ по делам печати, телерадиовещания и средств массовых коммуникаций. 197110, Санкт-Петербург, Чкаловский пр., 15.
Краткое содержание От одного из авторов
8
Введение
9
Глава 1. Интерфейс программы и основы работы с Photoshop
11
Глава 2. Введениев графический дизайн
167
Глава 3. Текстовые эффекты
196
Глава 4. Текстуры
258
Глава 5. Имитация природных явлений
315
Глава 6. Создание рамок
379
Глава 7. Имитация объема в Photoshop
392
Глава 8. Ретушь фотографий. Фотомонтаж
439
Приложение 1 . Клавиатурные сокращения команд и инструментов
504
Приложение 2. Содержимое компакт-диска
510
Оглавление •- • ажцэщоэ эол От одного из авторов
8
Введение
9
Как читать эту книгу
9
От издательства
10
Глава 1 . Интерфейс программы и основы работы с Photoshop
11
1.1. Главное окно Photoshop CS2 и основные понятия
12
1.2. Палитра инструментов
17
1.3. Главное меню
36
1.4. Основные палитры Photoshop
80
1.5. Настройка Photoshop
91
1.6. Работа с тоновыми кривыми
103
1.7. Автоматизация работы
107
1.8. Команда Free Transform (Свободное трансформирование) и другие виды трансформирования
120
1.9. Работа с текстом
123
1.10. Контуры и фигуры
126
1.11. Каналы и маски
133
1.12. Стили и эффекты
137
1.13. Палитра Brushes (Кисти)
145
1.14. Adobe Bridge — обозреватель файлов
155
1.15. Smart Objects (Управляемые объекты)
163
Глава 2. Введение в графический дизайн
167
2.1. Основы
168
2.2. Пять наиболее распространенных ошибок дизайнеров
192
Глава 3. Текстовые эффекты
196
3.1. Надпись огнем
197
3.2. Пишем льдом
199
Оглавление 3.3. Пишем кровью
204
3.4. Надпись из воды
208
3.5. Болотный текст
212
3.6. Лазерная надпись
216
3.7. Буквы под снегом
219
3.8. Железные буквы
221
3.9. Хромированные буквы
226
3.10. Золотые буквы
230
3.11. Надпись из ртути
234
3.12. Эффект X-Files
239
3.13. Каменные буквы
241
3.14. Трехмерный текст
244
3.15. Взрывающиеся буквы
245
3.16. Пиксельный текст
250
3.17. Текст из сыра
252
3.18. Текст «высокого напряжения»
254
Глава 4. Текстуры
258
4.1. Дерево
259
4.2. Камень
262
4.3. Камуфляж
265
4.4. Вода
267
4.5. Металл
271
4.6. Мозаичная поверхность
274
4.7. Кирпичи
276
4.8. Рисуем штамп
279
4.9. Эффект жалюзи
281
4.10. Гранит
285
4.11. Строчная развертка телевизора
288
4.12. Мрамор
291
4.13. Эффект скорости
293
4.14. Компакт-диск
297
4.15. Штрих-код
304
4.16. Кристаллы
306
Оглавление 4.17. Кровожадная текстура
309
4.18. Сгусток плазмы
312
Глава 5. Имитация природных явлений
315
5.1. Восход солнца
316
5.2. Закат солнца
321
5.3. Радуга
326
5.4. Дождь
330
5.5. Туман
333
5.6. Молния
337
5.7. Засыпаем пустыню снегом
342
5.8. Делаем из дня ночь
346
5.9. Отражение в воде
351
5.10. Наращиваем небо
355
5.11. Взрыв и огонь
358
5.12. Солнце
361
5.13. Солнечное затмение
364
5.14. Рисуем космос
370
5.15. Осенняя листва
376
Глава 6. Создание рамок
379
6.1. Градиентная рамка
380
6.2. Художественная рамка
383
6.3. Деревянная рамка
387
Глава 7. Имитация объема в Photoshop
392
7.1. Тонкости применения фильтра 3D Transform (Трехмерное преобразование)
393
7.2. Металлические трубы
396
7.3. Кнопка в стиле Windows XP
398
7.4. Стеклянная кнопка
402
7.5. Литой диск
403
7.6. Шар
407
7.7. Стеклянный шар на фоне пейзажа
409
7.8. Фантастические черви
415
Оглавление 7.9. Сигарета
419
7.10. Булыжник
422
7.11. Щупальца в крови
426
7.12. Объемная планета
428
7.13. Фантастическая сфера
430
7.14. Золотые часы
435
7.15. Стальной шар
436
Глава 8. Ретушь фотографий. Фотомонтаж
439
8.1. Ретушируем старую фотографию
440
8.2. Изменяем цвет глаз
447
8.3. Раскрашиваем контурное изображение
450
8.4. Раскрашиваем черно-белую фотографию
452
8.5. Переводим цветное изображение в дуплексное
456
8.6. Дуплексное и квадроплексное (четырехцветное) изображение
458
8.7. Слияние фотографий
461
8.8. Переносим человека в другое окружение
463
8.9. Имитация старой фотографии
467
8.10. Рисунок из фотографии
470
8.11. Фотография в стиле глянцевых журналов
472
8.12. Профессиональная фотография
482
8.13. Виртуальная парикмахерская
485
8.14. Новая фигура без скальпеля ифитнеса
488
8.15. Изменяем расу
493
8.16. Омоложение на 20 лет за 20 минут
497
8.17. Украшаем самолет
502
Приложение 1 . Клавиатурные сокращения команд и инструментов
504
Приложение 2. Содержимое компакт-диска
510
От одного из авторов Если вы читаете эти строки, то, скорее всего, вы — человек внимательный. Большинство читателей пролистывают введение в нетерпении добраться до того, ради чего книга и была куплена. Может быть, они и правы. Но это будет не совсем обычное вступление. Я не стану рассуждать о значении компьютерной графики, возможностях Photoshop и тому подобных вещах, которые традиционно появляются во вводной части. Я просто вспомню один давний случай, который люблю приводить в качестве примера пользы чтения книг. Было это несколько лет назад. Солнечным весенним днем ваш покорный слуга стоял в книжном магазине и листал книгу о Photoshop 3.0. Про эту программу я тогда знал только то, что это графический редактор, который с упорством хвалят более опытные пользователи. Пролистав книгу и не найдя ничего невероятного на вид, я все же решил ее почитать. Так как введение было самой маленькой главой, на нее и пал выбор. Автор, американский художник, восторженно писал о Photoshop. Но основная его мысль заключалась в том, что эта программа может стать не только хобби, временной игрушкой, редкой помощью на работе, но и стабильным источником дохода. И заканчивал он тем, что, возможно, читатель, который держит эту книгу в руках, через несколько лет сам напишет книгу о Photoshop или другой программе компьютерной графики. Тогда я не обратил на эти слова никакого внимания. Но через четыре года я вспомнил их, так как автор оказался прав. Знания по Photoshop, набранные сначала из любопытства, оказались очень полезными и необходимыми в жизни. Из этой истории можно сделать только один вывод: даже если вам сейчас не нужны знания по компьютерной графике, но у вас есть свободное время, все равно займитесь ею. Во-первых, это очень интересно, захватывает куда больше самой лучшей игры, а во-вторых, может, через несколько лет выйдет уже ваша книга по Photoshop. Версии этак пятнадцатой. рии урскии
•
Введение Эта книга посвящена практической работе в лучшем на сегодняшний день графическом редакторе — Adobe Photoshop CS2. Большинство книг по компьютерным программам являются скорее теоретическими, чем практическими. В принципе, это оправданно — человек, уверенно владеющий теоретическими знаниями, сможет их грамотно применять. Однако не менее важным условием успешной работы в Photoshop является практика. Нельзя забывать, что даже такая совершенная программа, как Photoshop, — всего лишь средство для достижения цели. И чтобы с ее помощью добиться нужного результата, мало знать интерфейс программы и владеть инструментами. Именно поэтому мы сосредоточили внимание на примерах реальных задач, которые ежедневно приходится решать дизайнерам, полиграфистам, веб-мастерам. Теория в этой книге изложена в справочном виде, то есть очень кратко. Основные знания по программе и базовым понятиям компьютерной графики можно почерпнуть в главе 1. В главе 2 вы познакомитесь с важнейшими законами графического дизайна, знание которых поможет вам избежать ошибок и сделать изображение интересным и привлекательным. Основную часть книги составляют примеры работы (главы 3-8). Эти примеры демонстрируют многие возможности Photoshop, но, конечно, не все. Когда мы подбирали материал для книги, то взяли 100 самых полезных и впечатляющих примеров из более чем 200 заготовок. В основном отбор шел по практической надобности и интересности примеров. Во многих (если не в большинстве) практических разделах используются неявные возможности Photoshop, без которых вы вряд ли сможете повторить эффект, даже отлично зная программу. Примеры были выбраны так, чтобы они оказались интересны для всех групп пользователей — от новичков до профессионалов. Эта книга будет полезна дизайнерам полиграфической рекламы, веб-мастерам и просто всем тем, кто хочет получить реальные знания по Photoshop.
Как читать эту книгу Основное условие — обязательно перед компьютером с запущенной программой Photoshop. Книга рассчитана на то, что во время чтения у вас есть под руками сама программа. Без нее из этой книги смогут извлечь что-то полезное только очень опытные пользователи. Если вы никогда не видели Photoshop, то рекомендуем сначала внимательно прочитать теоретическую часть, чтобы ориентироваться в палитрах и меню. Всему остальному вас научит практика.
От издательства Если вы знакомы с программой, возможно, более ранних версий, то достаточно бегло просмотреть теорию и можно приступать к изучению примеров. Если же вы опытный пользователь, то сразу открывайте цветную вклейку или оглавление, ищите нужный вам эффект и работайте. Желательно, чтобы при работе был доступен компакт-диск, прилагаемый к этой книге, так как для понимания многих практических примеров требуются иллюстрации в цвете, а на цветной вклейке есть только итоговые изображения. На компакт-диске находятся иллюстрации к практической части книги (полное описание компакт-диска приведено в приложении 2). Не старайтесь полностью повторять наши изображения, так как в этом нет смысла. Они приведены лишь для того, чтобы вам было легче ориентироваться при выборе размера, цвета и других параметров, используемых при работе. И помните, что порядок следования глав никак не связан со сложностью материала.
От издательства Ваши замечания, предложения и вопросы отправляйте по адресу электронной почты
[email protected] (издательство «Питер», компьютерная редакция). Мы будем рады узнать ваше мнение! На сайте издательства http://www.piter.com вы найдете подробную информацию о наших книгах.
'
Глава 1
Интерфейс программы и основы работы с Photoshop LJ Главное окно Photoshop CS2 и основные понятия • Палитра инструментов • Главное меню LJ Основные палитры Photoshop • Настройка Photoshop U Работа с тоновыми кривыми • Автоматизация работы LJ Команда Free Transform (Свободное трансформирование)
• Работа с текстом • Контуры и фигуры • Каналы и маски Q Стили и эффекты • Палитра Brushes (Кисти) • Adobe Bridge — обозреватель файлов • Smart Objects (Управляемые объекты)
Глава 1 . Интерфейс программы и основы работы с Photoshop
1.1. Главное окно Photoshop CS2 и основные понятия В этом разделе мы рассмотрим интерфейс программы и введем необходимые термины. Читатели, которые уже работали с этой программой, могут пропустить следующие несколько страниц, а опытные пользователи — сразу перейти к примерам.
Элементы главного окна Если вы впервые запустили Photoshop CS2, то, конечно, удивитесь большому количеству элементов интерфейса, всевозможных инструментов и параметров. Впрочем, если вы уже знакомы с предыдущими версиями Photoshop, то процесс адаптации не займет много времени. Итак, вы установили Adobe Photoshop CS2, успешно прошли регистрацию и впервые запустили программу. Вы увидите главное окно Photoshop (рис. 1.1). В центре этого окна на рис. 1.1 расположено окно документа, в котором выводится загруженный графический файл.
Рис. 1.1. Главное окно Photoshop CS2
Этот интерфейс является стандартным для всех программ Adobe, и, освоив его в Photoshop, вы облегчите себе изучение других пакетов этой фирмы. Если вы впервые увидели Photoshop и никогда не изучали никаких программ по книгам,
Главное окно Photoshop CS2 и основные понятия то у вас может возникнуть желание все бросить. Не стоит этого делать — уже через несколько дней вы вполне освоитесь в среде Photoshop, поверьте опыту авторов. В последующих разделах данной главы мы подробно рассмотрим элементы программы, а сейчас сделаем краткий обзор интерфейса. Итак, перечислим компоненты главного окна программы. •
Строка меню (рис. 1.2). Стандартный элемент для всех оконных приложений (Windows-программ). Для нее есть стандарты, принятые во всем мире, и Photoshop не стал исключением в том смысле, что она начинается с пункта File (Файл) и заканчивается Help (Справка). File
Edit
Image Layer Select Filter:Шщ
Window Help
Рис. 1.2. Строка меню
•
File (Файл). Этим меню приходится пользоваться в основном в начале и конце работы, так как большинство его функций связано с созданием, открытием и сохранением файлов. Лучше сразу научиться пользоваться клавиатурными сокращениями для запуска этих команд — вы сможете сэкономить много времени.
•
Edit (Редактирование). В этом меню находятся основные команды редактирования, многие из которых есть и в других программах: Undo (Отменить), Paste (Вставить), Сору (Копировать) и т. д.
•
Image (Изображение). Меню, созданное для работы непосредственно с изображением. Многие его команды придется применять почти в каждой работе.
•
Layer (Слой). Предназначено для работы со слоями.
•
Select (Выделение). Используется при создании и редактировании выделения.
•
Filter (Фильтр). В этом меню находятся фильтры — дополнительные модули Photoshop, выполняющие самые разные функции.
•
View (Вид). Содержит различные настройки интерфейса, помогающие пользователю в работе.
•
Window (Окно). С помощью этого меню вы управляете отображением палитр и размещением документов на экране. Help (Справка). Содержит команды справочной системы.
•
СОВЕТ Постарайтесь с первого же дня вашей жизни с Photoshop поменьше использовать мышь при выборе команд в меню. Обратите внимание на то, что напротив большинства из них написаны клавиатурные сокращения, нажав которые, вы выполните то же самое, но гораздо быстрее. Привыкайте сразу к правильной работе, иначе потом будет трудно переучиваться.
Глава 1. Интерфейс программы и основы работы с Photoshop Палитра инструментов (рис. 1.3). С этим элементом программы вам придется работать больше, чем со всеми остальными вместе взятыми. Здесь находятся те инструменты, с помощью которых вам предстоит делать основную работу. Более подробно палитра инструментов описана в разд. 1.2. Пока обратите внимание на то, что на кнопках многих инструментов нарисованы стрелочки. Это значит, что за кнопкой скрывается всплывающая панель с дополнительными инструментами. Чтобы открыть ее, нужно щелкнуть мышью на инструменте и не отпускать сразу кнопку мыши. Когда вы выберете на всплывающей панели инструмент, он появится на основной палитре вместо предыдущего. Это сделано для минимизации размеров палитры.
•
Рис. 1.3. Палитра инструментов
Панель (палитра) параметров (рис. 1.4). Здесь отображаются все изменяемые настройки инструментов. Данной панели не будет посвящено отдельной главы, так как она изменяет вид в зависимости от выбранного инструмента, но при описании инструментов будет рассказано про все возможные настройки, таким образом мы и раскроем эту тему. U3j
Fulhtr: ".7p." ~ ЕЗАпН-Лм
Рис. 1.4. Панель параметров инструмента Lasso (Лассо)
Главное окно Photoshop CS2 и основные понятия
•
Палитры. Это небольшие окна, в которых сгруппированы элементы управления, выполняющие специфические функции. Подробно о палитрах Photoshop читайте в разд. 1.4.
Рис. 1.5. Палитра Color (Цвет)
N
СОВЕТ Сразу обратите внимание на то, что размещение палитр нестатично. На одну панель можно поместить любое количество палитр: на рис. 1.5 их три: Color (Цвет), Swatches (Образцы) и Styles (Стили). Вы можете менять палитры местами (простым перетаскиванием мышью), добавлять и убирать их (с помощью меню Window (Окно)).
Вкладки. По умолчанию их три: Brushes (Кисти), Tool Presets (Установки инструмента) и Layer Comps (Состояния слоя) (рис. 1.6). Они предназначены для того, чтобы быстро вызывать часто необходимые (по мнению разработчиков программы) функции. Но вы можете сделать вкладкой любую палитру, просто перетащив ее к ним.
Рис. 1.6. Вкладки главного окна программы
Вот и все, что пока необходимо знать про интерфейс программы. Достаточно скоро вы поймете, насколько он прост и функционален.
Основные понятия и термины •
Пиксел (pixel). Элементарная единица изображения в растровой двухмерной графике. Это мельчайшие точки, из которых, как стена из кирпичиков, и складывается изображение. Откройте любую картинку в Photoshop и нажимайте Ctrl++ до максимального увеличения. Вы увидите, как из пикселов получается изображение.
•
Разрешение (resolution). Количество точек на единицу длины (дюйм, сантиметр). Один из основных параметров изображения. Чем выше этот показатель, тем качественнее изображение, но больше размер файла на диске. За норму принимается 72 пиксела на дюйм (так называемое экранное разрешение), но для получения действительно качественного результата (например, в полиграфии) необходимо значительно больше.
Глава 1 . Интерфейс программы и основы работы с Photoshop ВНИМАНИЕ %
Размер изображения, который вы видите на экране даже при реальной (100%) величине, и настоящий размер во многих случаях совершенно разные понятия. Дело в том, что монитор показывает строго определенное количество (как правило, 72) точек (пикселов) на единицу длины. В том случае, если у вас изображение имеет разрешение, например, 300 точек на дюйм и длину 10, а разрешение монитора 72 точки на дюйм, то в масштабе 100 % его длина будет более 40 дюймов. Вывод: никогда не думайте, что изображение на мониторе идентично печатному изображению.
•
Цветовая модель. Цветовая модель определяется принципом, по которому передается окраска пиксела. Нас интересует пока только модель RGB — самая распространенная на сегодняшний день и предназначенная в основном для передачи цвета на монитор. Если рассматривать ее несколько упрощенно, то каждый пиксел имеет три цветовые составляющие: Red (красный), Green (зеленый) и Blue (голубой). Как с их помощью создается такое огромное количество цветов? Представьте себе, что у вас есть желтое и синее прозрачные стекла. Что будет, если вы наложите одно на другое и посмотрите на свет? Конечно, все окрасится в зеленый цвет. Примерно так же действует и эта цветовая схема. Огромное количество реализуемых цветов достигается благодаря тому, что каждый канал имеет степень яркости, от 0 до 255: 0 — минимальная яркость, отсутствие этого цвета в пикселе, 255 — максимальная. То есть пиксел, описанный как R0G0B0, есть абсолютно черный цвет, R255G255B255 — абсолютно белый, а, например, R0G0B255 — абсолютно синий.
•
Слой (layer). Photoshop дает возможность работать на разных слоях. Если вы не знаете, что такое слой в компьютерной графике, то представьте себе, что имеется множество тонких стеклянных пластинок, на которых нарисованы разные объекты. Если наложить их друг на друга, то получится новое изображение. Аналогично устроена многослойная картинка. Слоев может быть до 100, но так много обычно не используется. Хотя достаточно часто приходится работать с изображениями, имеющими 10-15 слоев, и это отнюдь не предел. Последние версии Photoshop позволяют объединять слои в наборы (set) и иметь до нескольких десятков наборов.
•
Выделение (selection). Работа с выделением — очень важная составляющая применения Photoshop, без которой невозможно сделать почти ничего. Выделение — это область, которую пользователь обозначает как подвластную редактированию. Выделение показывается в режиме «бегущих муравьев», то есть ограничивается анимированной пунктирной линией. Выделение также бывает частичным, подробнее об этом читайте в разд. 1.3 (подразд. «Меню Select (Выделение)»).
•
Дополнительный канал, или альфа-канал (alpha-channel). He имеет отношения к цветовым каналам. Это оригинальная форма выделения (точнее, его отображения и сохранения), в которой белым цветом обозначаются выделенные пикселы, черным — невыделенные, а серым — частично выделенные. Но на программном уровне любое выделение является альфа-каналом.
Палитра инструментов •
Режим наложения пикселов (blend mode). Очень важное понятие Photoshop. Дело в том, что работа почти с любым инструментом — это наложение новых пикселов поверх имеющихся. В обычном режиме старый пиксел заменяется новым, но возможны и другие варианты. В практической части книги параметр Blend Mode (Режим наложения) используется очень часто, что позволяет получить полное представление о нем.
Перечисленных понятий вполне хватит на первое время, остальные будут вводиться в других главах книги по мере надобности. На этом введение в теорию закончено.
1.2. Палитра инструментов Инструменты основной палитры — это главная часть рабочего окна Photoshop. С их помощью выполняется основной объем работы, и свободное владение ими является важнейшим условием эффективной работы в программе. На рис. 1.7 показаны все инструменты в раскрытом виде.
. f~l Rectangualr Marquee Tool
M М
Row Marque* Tool S Single Column Marquee Tool
Tool J
PoylgonalLaso i Tool Magne cit Lasso Tool
Penc* Tool
В
•yCc4or*.pl.c.™n>T.xJ
Б
Spot Healing Brush Too Brush Tool iTool
•
ijiA Red Eye Tool •
•J1 HorizorM Тур. Tool Horaonlil Type Mask Tool Vertical Typ« msk. Tool
Pj(h S.l.c(k>n Tool Direct S.Wclion Tool
:
U
Q . Ellipse Tod;
U
Q Polyaon Tool
и
\
U
Un. T«cJ Tool я J f Eyedropper Tool
Я
Not.! ToOl
:V.: :
ф. AuoV АлоЛ tf.jr, Tc.c4
Рис. 1.7. Инструменты основной палитры
U
Q : Rounded Rectangle Tod
Color Sampler Tool Tool
U I [ i
Глава 1 . Интерфейс программы и основы работы с Photoshop
Инструменты выделения, перемещения и обрезки п
Rectangular Marquee (Прямоугольное выделение) — один из самых необходи1 мых инструментов. Позволяет создать прямоугольную область выделения. Перечислим элементы панели параметров для этого инструмента. ['_} ' Tool Presets (Установки инструмента). Данный параметр не имеет непосредственного отношения к описываемому инструменту, но он встретится на панели параметров для любого другого. В этом раскрывающемся списке хранятся варианты настроек для разных инструментов. Это полезно, если для определенной работы вы уже выработали необходимые параметры и не хотите всякий раз настраивать инструменты заново. Ш New selection (Новое выделение) — обычный режим работы инструмента. Создается новое выделение, при этом имеющиеся выделенные области (если они есть) исчезают. Ci Add to selection (Добавить к выделению) — обозначенная область добавится к существующему выделению. Применяется очень часто. Аналог на клавиатуре — нажатая клавиша Shift. G Subtract from selection (Удалить из выделения) — исключает выделенную область из выделения. Клавиатурный эквивалент — нажатая клавиша Alt. В] Intersect with selection (Выделить пересечение) — выделяет область пересечения старого и нового выделения. В принципе, достаточно полезная возможность. ВНИМАНИЕ >
Перечисленные возможности аналогичны для всех инструментов выделения, поэтому далее мы не будем повторяться и для остальных инструментов будет рассказано только о не описанных ранее параметрах.
Feather (Растушевка) — изменяет выделение таким образом, что по его краям появляется область частично выделенных пикселов. Это позволяет реализовать множество эффектов (например, плавный переход объекта в фон). Anti-alias (Сглаживание). Сглаживание выделения создается за счет области частично выделенных пикселов. Style (Стиль) — задает способ выделения. •
Normal (Обычный) — обычный стиль выделения. Вы свободно выделяете то, что хотите, не имея при этом ограничений.
•
Fixed Aspect Ratio (Фиксированный коэффициент) — заданные пропорции области выделения. То есть если будет задано отношение 1 : 1, то область получится квадратной.
•
Fixed Size (Фиксированный размер) — создается область выделения заданного размера.
Палитра инструментов Q Elliptical Marquee (Эллиптическое выделение) — создание различного рода эл• i липтических и круглых выделений. Панель параметров содержит такие же настройки, как у прямоугольного выделения. „
Single Row Marquee (Выделить строку) — выделяет одну строку шириной в пик" сел. Этот инструмент почти никогда не применяется. Аналогично инструментом Single Column Marquee (Выделить столбец) создается столбец. Move (Перемещение) — инструмент, с помощью которого можно передвигать различные объекты: слои, выделенные части изображения, фигуры. Один из самых необходимых инструментов, который почти не изменился с третьей версии программы. Вызывается «горячей» клавишей V. Параметры инструмента перемещения следующие. Auto Select Layer (Автовыбор слоя) — влючает режим автоматического выбора слоя. Если у вас есть несколько слоев, на каждом из которых отображен какой-либо объект, то щелчок по этому объекту в видимой части изображения переключит слои, и вы будете двигать уже слой с выбранным вами объектом. Show Transform Controls (Показать ограничивающую рамку) — создает вокруг непрозрачной части изображения рамку, с помощью которой можно изменять его. По сути, просто вызывает команду Free Transform (Свободное трансформирование), о которой вы можете прочитать в разд. 1.8. РLasso (Лассо) — свободное выделение. Выделяет всю обведенную область. ' Очень полезный инструмент, но при одном условии — у вас хорошо работает мышь и вы владеете ею в совершенстве. Для пользования лассо гораздо лучше подойдет манипулятор в виде шариковой ручки (дигитайзер), так как далеко не всякий пользователь может точно построить сложную геометрическую фигуру с помощью мыши, сделать же это ручкой не составит труда почти никому. Это самый старый инструмент выделения, и сейчас он используется все реже и реже. Из параметров инструмента Lasso (Лассо) стоит упомянуть Antialias (Сглаживание) — сглаживание выделения. Снимать этот флажок стоит только в том случае, когда вам необходимо очень точно выделить что-либо. 1
Polygonal Lasso (Многоугольное лассо) — очень удобный инструмент выделения, может быть, наиболее часто применяемый. Как вы, наверное, обратили внимание, предыдущий инструмент неудобен тем, что с его помощью почти невозможно правильно выделить простыми движениями мыши фигуру сложной формы. Данный же инструмент позволяет строить границу выделения мелкими шагами в виде прямых отрезков. Как показывает опыт, можно выделить что угодно за приемлемое время.
1 Magnetic Lasso (Магнитное лассо) — очень популярный инструмент выделения. Строит выделение на основе цветовой разности. Идея в том, что контуры объекта, как правило, отличаются по цвету от фона и поэтому могут быть легко выделены. Идеальный инструмент для выделения сложных геометрических форм (например, волос). Радует также скорость выделения. Его параметры следующие.
Глава 1 . Интерфейс программы и основы работы с Photoshop •
Кнопки режимов выделения, параметры Feather (Растушевка) и Anti-alias (Сглаживание) имеют тот же смысл, что и для других инструментов выделения.
•
Width (Ширина) — ширина рабочей области инструмента выделения (диаметр кисти). Если нужно точное выделение, то лучше выбрать значение поменьше, если же точность не столь важна или контур очень явный (например, черный рисунок на белом фоне), то можно установить большое значение.
•
Edge Contrast (Контраст краев) — величина яркости, на которую должны отличаться смежные пикселы, чтобы по ним прошла граница.
•
Frequency (Частота) — частота опорных точек. Если у вас много мелких деталей, то необходимо задать значение этого параметра как можно выше.
•
Tablet pressure (Нажим пера) — задавать настройки исходя из силы нажатия. Актуально только для перьевых манипуляторов.
•\ Magic Wand (Волшебная палочка) — очень интересный инструмент. Выделяет область пикселов по их цветовой схожести. Например, если изображение состоит из фотографии, наложенной на одноцветный фон, то наиболее простой способ отделить содержимое фотографии от фона — использовать инструмент Magic Wand (Волшебная палочка). Параметры инструмента следующие. •
Tolerance (Допуск) — основной параметр этого инструмента. Что он значит, рассмотрим на примере RGB-изображения. Оно состоит из трех цветовых каналов: красного, зеленого и голубого. Каждый из них имеет показатель яркости — от 0 до 255. Этого достаточно для получения любого (видимого человеческим глазом) цвета. Допуск задает степень близости цвета пикселов, необходимую для добавления их в выделение. Таким образом, если значение этого параметра равно 0, то выделятся только точно совпадающие по цвету пикселы, если 255 — все пикселы.
•
Contiguous (Смежные) — очень важный параметр. Если этот флажок установлен, будут выделяться только те пикселы, которые находятся в соседних с выбранным областях. Если же этот флажок снят, то инструмент Magic Wand (Волшебная палочка) выделит все подходящие по заданному допуску пикселы, независимо от того, смежные они или нет.
•
Sample All Layers (Использовать все слои) — распространяет действие данного инструмента выделения на все слои. Если этот параметр не установлен, инструмент работает только на текущем слое.
"fef Crop (Рамка) — обрезает изображение до указанной области. Аналог — любое прямоугольное выделение и команда Crop (Рамка) из меню Image (Изображение). Параметры до создания области: •
Width (Ширина) — ширина нового изображения;
•
Heigth (Высота) — высота нового изображения;
•
Resolution (Разрешение) — разрешение нового изображения.
Палитра инструментов Параметры после создания области следующие. •
Cropped Area (Обрезанная область). Определяет, что делать с полученной после обрезки областью изображения. Есть два варианта: Delete (Удалить) и Hide (Скрыть).
•
Shield (Маска). В этом случае полученная область будет отображаться затененной. Можно настроить Color (Цвет) и Opacity (Непрозрачность) этой маски.
•
Perspective (Перспектива). Позволяет придать области обрезки форму трапеции.
Jf Slice (Фрагмент) — инструмент, применяемый для разрезания изображения на куски и последующей оптимизации для использования в Интернете. Он пришел еще в Photoshop 6.0 из ImageReady. Инструмент очень полезен, если вы работаете в области веб-дизайна — подготовка изображения для Сети займет минимум времени. Его параметры следующие. •
Style (Стиль): • Normal (Обычный) — свободные размеры; • •
•
Fixed Aspect Ratio (Фиксированный коэффициент) — фиксированный коэффициент отношения сторон прямоугольника; Fixed Size (Фиксированный размер) — заданные размеры фрагмента.
Slices From Guides (Фрагменты из направляющих) — при нажатии этой кнопки фрагменты будут созданы из присутствующих в файле направляющих.
Инструменты рисования и ретуширования ;^l Spot Healing Brush (Точечная лечащая кисть). Новый инструмент Photoshop CS2. Интересен прежде всего новичкам, так как позволяет абсолютно автоматически ретушировать некоторые недостатки фотографий (например, неровности кожи человека). Однако так как этот инструмент автоматический, то и сбои в его работе куда более вероятны, чем при использовании консервативных методов ретуши. Параметры инструмента следующие. •
Brush (Кисть). Настройки используемой кисти. Открывающееся окно будет абсолютно одинаково во всех инструментах рисования.
•
Mode (Режим наложения). Режим наложения пикселов, используемый инструментом.
•
Туре (Тип). Определяет принцип создания новых областей. Есть два варианта:
•
•
Proximity Match (Приблизительное сходство) — годится для ровных, относительно одноцветных поверхностей;
•
Create Texture (Создать текстуру) — позволяет эффективно работать с областями, имеющими явно выраженную текстурность.
Sample All Layers (Использовать все слои). При определении окружающих областей для создания усредненного значения будут использованы все слои.
Глава 1 • Интерфейс программы и основы работы с Photoshop у\ Healing Brush (Лечащая кисть). Этот инструмент является некоей вариацией куда более старого инструмента Stamp (Штамп), описанного ниже, и применяется для текстурной коррекции с учетом подложки. Типичный пример — восстановление фрагментов кожи на фотографии с помощью взятых за образец сохранившихся фрагментов. При этом, и это главное отличие от Stamp (Штамп), будут учтены яркостные показатели лежащих ниже пикселов. Этот инструмент предназначен в основном для ретуширования, и познакомиться с его использованием вы можете, обратившись к соответствующему примеру (см. главу 8). Параметры инструмента следующие. •
Brush (Кисть). Настройки используемой кисти. За счет мощнейшего инструментария кистей можно получать самые разнообразные результаты.
•
Source (Источник). Позволяет задать источник текстуры для инструмента. •
Sampled (Выбранный). Пользователь сам определяет источник на изображении, нажав клавишу Alt.
•
Pattern (Текстура). Использовать определенный узор. Рядом находится раскрывающийся список, в котором можно выбрать вид текстуры.
0 , Patch (Заплатка) — является сочетанием произвольного выделения и заливки. Его удобно использовать при ретушировании, но все же непонятно, зачем для такой узкой функции нужно было создавать специальный инструмент. Параметры инструмента следующие. •
Source (Источник). Режим, в котором область переноса будет копироваться в исходную. Кстати, очень удобным является то, что заранее видно, какая именно область ляжет в выделенную.
•
Destination (Цель). Режим, обратный предыдущему.
•
Transparent (Прозрачность). Если этот параметр включен, то вырезанный кусок будет накладываться в полупрозрачном виде, частично сливаясь с исходным изображением.
•
Use Pattern (Использовать текстуру). Для заливки будет использован выбранный вами узор.
"!щ Red Eye (Красный глаз). Инструмент, специально созданный для удаления эффекта «красных глаз». Появился он в Photoshop CS2. Вообще, «красные глаза» легко удаляются и более традиционными средствами, но, видимо, создатели Photoshop решили сделать решение этой задачи вообще примитивным — щелкнул и готово. Параметры инструмента следующие. •
Pupil Size (Размер зрачка). Определяет, какую часть глаза будет занимать зрачок.
•
Darken Amount (Степень затемнения). Задает степень черноты зрачка.
St
Brush (Кисть) — самый старый инструмент рисования, история которого начинается с первых версий программы. Он предназначен для прямого рисования активным цветом (Foreground Color (Цвет переднего плана)). Применяется
Палитра инструментов очень часто, но намного реже, чем это было в более ранних версиях Photoshop, — появилось много узкоцелевых инструментов. ;
ВНИМАНИЕ Не путайте параметры инструмента Brush (Кисть) и настройки на палитре Brushes (Кисти). Этой палитре посвящен разд. 1.13.
Основные настройки кисти, такие как форма и размер, устанавливаются с помощью раскрывающегося списка Brush (Кисть) на панели параметров. В полном объеме параметры кисти можно открыть только с помощью палитры кистей (см. разд. 1.13), здесь же доступны только основные. Кстати, в неизменном виде эти настройки повторяются у всех инструментов рисования. Настройки кисти и раскрывающееся меню, которое появляется при нажатии кнопки со стрелкой • в окне настроек, показаны на рис. 1.8. ' Master Diameter
• • ivl Preset,,.
Hardness t
Text Only Smal Thumbnali Ж Ш
large Thumbnail Small List Large List v/v Stroke Thumbnail Preset Manager... Reset Blushes... Load Brushes,., Save Brushes,,, Replace Brushes...
•
Assorted Brushes Basic Brushes Calligraphic Brushes Drop Shadow Blushes Dry Media brushes Fau» Finish Biushes Natural Brushes i Natural Brushes Special Effect Brushes Square Brushes Thick Heavy Brushes Wet Media Brushes
Рис. 1.8. Настройки инструмента Brush (Кисть) и дополнительное меню
В поле Master Diameter (Основной диаметр), как можно догадаться из названия, задается диаметр используемой кисти в пикселах. Раньше он назывался просто
Глава 1 . Интерфейс программы и основы работы с Photoshop Diameter, но усложнение инструментария кистей привело к появлению диаметра разброса и других, поэтому название параметра было сменено. Минимальный диаметр для кисти — 1 пиксел, максимальный — 2500. •
Hardness (Жесткость). В этой настройке пользователь определяет, насколько у кисти должны быть мягкие края. Жесткая кисть по рисунку полностью соответствует своему радиусу и цвету, мягкая имеет зону частично прозрачных пикселов по краям.
Под полем Hardness (Жесткость) показаны варианты загруженных кистей, из которых можно выбирать. Все возможные варианты будут открыты не сразу — чтобы увидеть их, нужно открыть меню, нажав кнопку со стрелкой в правом верхнем углу окна настроек (см. рис. 1.8). Рассмотрим это меню подробнее. Команда New Brush Preset (Создать новую кисть) служит для того, чтобы сохранить активные настройки в виде кисти в наборе. Следует помнить, что кисти хранятся в виде файлов с расширеним ABR, поэтому сохранение какой-либо кисти видет к изменению имеющихся файлов. Вообще, для этих целей лучше использовать новую возможность Photoshop, описанную выше, — элемент Tool Presets (Установки инструмента) панели параметров. В нижнем разделе меню отображены имеющиеся наборы кистей. О том, какие это кисти, можно легко понять из названий, например Square Brushes (Квадратные кисти) — незаменимый инструмент при работе. Кроме того, в Интернете и на прилагающемся к книге компакт-диске вы можете найти дополнительные наборы кистей. В Photoshop также имеется возможность создавать кисти произвольных размеров, узнать об этом подробнее вы сможете из примеров. Продолжим описание настроек кисти, доступных на панели параметров. •
Mode (Режим наложения). Режимы наложения пикселов для инструмента. Их достаточно много, как с ними работать и в каких случаях применять, вы поймете по ходу изучения примеров. А сейчас можно просто перебрать варианты, посмотрев, как при этом изменяется результат.
•
Opacity (Непрозрачность). Задает непрозрачность пикселов.
•
Flow (Плотность). Этот параметр весьма похож на предыдущий. Однако отличие состоит в том, что непрозрачность — это постоянное свойство. Если вы проведете кистью по уже нанесенному цвету с непрозрачностью 10 %, то он так и останется непрозрачным на 10%. Параметр Flow (Плотность), напротив, имитирует реальную краску, учитывая плотность ее нанесения (толщину слоя). Если вы второй раз проведете по цвету, для которого установлена плотность 10 %, то он станет уже более плотным, близким к 20 %.
•
Airbrush Capabilites (Возможности аэрографа). Переводит кисть в режим аэрографа для имитации разбрызгивания краски из баллончика. Ранее аэрограф был отдельным инструментом, но еще в Photoshop 7 он слился с кистью.
J>^ Pencil (Карандаш). Он очень полезен и наиболее близок по своей реализации к инструменту Brush (Кисть). У них достаточно много общего, однако резуль-
Палитра инструментов тат они дают несколько различный. С помощью данного инструмента создаются линии с жесткими, резкими краями. Если увеличить такую линию, то становится виден переход от нее к фону, в отличие от линии, созданной с помощью кисти. Панель параметров данного инструмента выглядит так же, как для Brush (Кисть), то есть на ней есть кнопка, позволяющая перезагружать инструменты, набор кистей и все соответствующие свойства, окно, в котором можно изменять режимы наложения пикселов, а также параметр, регулирующий прозрачность. Единственное отличие заключается в том, что нет такого свойства кисти, как Flow (Плотность), но зато на его месте расположена другая настройка, свойственная данному инструменту, — Auto Erase (Автоластик). Если данный флажок снят, то инструмент рисует в обычном режиме — Foreground Color (Цвет переднего плана). Если же эта функция включена, то по чистому месту карандаш рисует цветом Foreground Color (Цвет переднего плана), а по только что нарисованной области либо любой другой такого же цвета — цветом Background Color (Цвет фона). Причем если вы начали вести линию из области, окрашенной иным цветом, то даже при переходе к цвету переднего плана вы будете продолжать рисовать им. То есть не важно, где вы сейчас находитесь, имеет значение только то, откуда вы начали рисование. Если вы посмотрите на кисти, расположенные на панели параметров данного инструмента, то увидите, что в отличие от кистей, которые есть на панели параметров инструмента Brush (Кисть), здесь они имеют четкие, резкие края. Color Replacement (Замена цвета). Выполняет достаточно узкую функцию, с которой превосходно справлялись некоторые другие инструменты, в частности Brush (Кисть). Инструмент Color Replacement (Замена цвета) позволяет быстро, качественно и очень просто перекрашивать объекты любой сложности. Параметры инструмента следующие. •
Mode (Режим). Режим работы инструмента. Содержит стандартные варианты для работы с цветом, с которыми вы познакомитесь чуть ниже. Режим по умолчанию (Color (Цвет)) практически никогда менять не придется.
•
Sampling (Выборка). Определяет механизм действия инструмента.
•
•
Continuous (Непрерывно). Инструмент будет работать все время, пока нажата кнопка мыши.
•
Once (Однажды). Инструмент затронет только область его кисти.
•
Background Swatch (По фону). Инструмент будет перекрашивать только пикселы, окрашенные в Background Color (Цвет фона).
Limits (Границы). Задает область действия инструмента. •
Discontiguous (Несмежные). Инструмент действует на все пикселы.
•
Contiguous (Смежные). Инструмент действует на пикселы того же цвета, что и находящиеся под центром указателя и при этом смежные с ним.
Глава 1. Интерфейс программы и основы работы с Photoshop •
Find Edges (Найти края). Режим, похожий на предыдущий, но в нем компьютер «обращает больше внимания» на узкие области одного цвета внутри более широких областей другого цвета.
Tolerance (Допуск). Задает сходство пиксела с первым под центром указателя для замены цвета. При малых значениях перекрашены будут только самые близкие пикселы, при максимальных — все. ' Clone Stamp (Штамп) — один из самых интересных и полезных инструментов, * незаменимый при фотомонтаже. Действует он так: вы указываете мышью (с нажатой клавишей Alt), из какого места на изображении перерисовывать, а затем просто водите кистью в том месте, где необходимо повторить выбранный фрагмент. Можно, например, всего за несколько секунд нарисовать человеку третий глаз (рис. 1.9).
Рис. 1.9. Использование штампа
Параметры инструмента следующие. • • •
•
Brush (Кисть). Настройки размера и прочих параметров кисти инструмента. Mode (Режим наложения). Режим наложения пикселов при применении данного инструмента. Opacity (Непрозрачность). Непрозрачность накладываемого изображения. Применяется во многих случаях, поэтому лучше поэкспериментировать с этим параметром, чтобы «почувствовать» его. Flow (Плотность). Настройка режима рисования, учитывающего плотность нанесения краски.
Палитра инструментов Airbrush Capabilities (Возможности аэрографа). Рисовать штампом, используя в качестве кисти аэрограф. Aligned (С выравниванием). Этот параметр задает способ переноса клонируемого фрагмента. Если этот флажок установлен, то копирование фрагмента происходит непрерывно, то есть прерывание рисования (отпускание кнопки мыши) не вызывает разрыва фрагмента. Если флажок снят, то при каждом нажатии кнопки мыши начинается новая копия. Sample All Layers (Использовать все слои). Название говорит само за себя. Если установлено это значение, инструмент Clone Stamp (Штамп) игнорирует наличие слоев и копирует все видимое. Pattern Stamp (Фигурный штамп) — интереснейший инструмент, правда, полезный не настолько, насколько интересный. Позволяет рисовать текстурой. В Photoshop есть готовые текстуры, но их не так много. Этим же инструментом можно рисовать сложные по цветовым компонентам поверхности — человеческую кожу, песок и т. д. Параметры его следующие. •
Brush (Кисть). Настройки размеров и прочих параметров кисти инструмента.
•
Mode (Режим наложения). Режим наложения пикселов при применении данного инструмента.
• •
Opacity (Непрозрачность). Непрозрачность накладываемого изображения. Flow (Плотность). Настройка режима рисования, учитывающего плотность нанесения краски.
•
Airbrush Capabilities (Возможности аэрографа). Рисовать фигурным штампом, используя в качестве кисти аэрограф.
•
Pattern (Образец). Определяет, какую текстуру использовать в качестве «краски». Используя этот раскрывающийся список, вы можете загружать разные палитры (файлы палитр имеют расширение PAT). Aligned (С выравниванием). Определяет способ переноса клонируемой области.
• •
Impressionist (Импрессионизм). Если этот параметр установлен, то текстура значительно упрощается за счет перевода в широкие области одного цвета. На рис. 1.10 показан исходный вид текстуры и результат применения параметра Impressionist (Импрессионизм).
а
Рис. 1.10. Сверху — обычное рисование текстурой, снизу — после включения параметра Impressionist (Импрессионизм)
Глава 1 . Интерфейс программы и основы работы с Photoshop History Brush (Кисть состояния) — позволяет рисовать из любого места истории (порядок действий, сохраненный в виде последовательности картинок и редактируемый с помощью палитры History (История)). Если вы применили к своему изображению целый ряд модификаторов, а затем захотели вернуть маленький фрагмент в исходный вид, то вам незачем менять все изображение. Правда, таких ситуаций почти никогда не возникает. Параметры инструмента следующие. Brush (Кисть). Настройки размеров и прочих параметров кисти инструмента. Mode (Режим наложения). Режим наложения пикселов при применении данного инструмента. Opacity (Непрозрачность). Непрозрачность накладываемого изображения. Flow ( Плотность). Настройка режима рисования с учетом плотности слоя краски. Airbrush Capabilities (Возможности аэрографа). Рисовать штампом, используя в качестве кисти аэрограф. • Art History Brush (Художественная восстанавливающая кисть) — этот инструмент тоже нельзя назвать часто используемым, но иногда он действительно выручает. Восстанавливает состояние изображения из снимка истории, но, в отличие от предыдущего инструмента, позволяет применять различные художественные эффекты. Параметры инструмента следующие. Brush (Кисть). Настройки размеров и прочих параметров кисти инструмента. Mode (Режим наложения). Режим наложения пикселов при применении данного инструмента. Opacity (Непрозрачность). Непрозрачность накладываемого изображения. Style (Стиль). Способ применения инструмента. Area (Площадь). Область применения кисти. Именно на эту площадь будут раскидываться мазки. Tolerance (Допуск). Если значение допуска равно нулю, то будет видоизменяться любая область, попавшая в зону действия инструмента. Чем больше значение допуска, тем более жесткие требования предъявляются к соответствию цветов области цвету переднего плана (Foreground Color). Eraser (Ластик) — один из самых полезных и часто используемых инструментов. Позволяет удалять излишки наших художеств с изображения. Параметры инструмента следующие. Brush (Кисть). Настройки размеров и прочих параметров кисти инструмента. Mode (Режим). Режим работы инструмента. •
Brush (Кисть) — основной и наиболее часто применяемый, подходит для большинства случаев.
•
Pencil (Карандаш) — необходим, если требуется очень тонкое стирание.
Палитра инструментов •
Block (Блок) — идеально подходит для случаев, когда необходимо стереть область прямоугольной формы. Не имеет изменяемых размеров, поэтому масштабирование можно проводить только за счет увеличения или уменьшения просматриваемой области изображения.
•
Opacity (Непрозрачность). Очень интересный параметр в интерпретации данного инструмента. Не удаляет стираемый фрагмент изображения, а делает его непрозрачным на указанное количество процентов.
•
Flow (Плотность). Настройка режима рисования с учетом плотности действия инструмента.
•
Airbrush Capabilities (Возможности аэрографа). Стирать, используя в качестве кисти аэрограф.
•
Erase to History (Стирать в историю). Невероятно полезная настройка. Попробуйте воспользоваться инструментом без нее. В результате у вас будет стерто все до цвета фона. А что, если необходимо стереть лишнее, но исходное изображение трогать не стоит? Тогда и приходит на помощь этот замечательный параметр. В результате установки флажка стирание производится до исходного изображения, а не до цвета фона, и это на одном слое!
^
Background Eraser (Фоновый ластик) — ластик, предназначенный для отделения объекта от фона. Действует на основе цветовой выборки — удаляет все цвета, которые попали под указатель мыши. Например, если вам нужно оставить только черный контур в раскрашенном изображении, этот инструмент подходит наилучшим образом. Параметры его следующие.
•
Sampling (Выбор цвета). Метод действия ластика. •
Continuous (Непрерывный). Режим, в котором стираемый цвет изменяется много раз, в зависимости от изменения фона. Наиболее полезный режим, так как задний план редко бывает одноцветным. Once (Однажды). Стираемый цвет определяется один раз — при первом НТРЛЧКР мяпбпяжрнии щелчке ня на изображении.
•
•
•
Background Swatch (Образец фона). Параметр, обратный по действию Protect Foreground Color (Защитить цвет переднего плана) (см. ниже) — будут удалятья только те пикселы, цвет которых совпадает с установленным в данный момент цветом переднего плана.
Limits (Границы). Задает область действия инструмента. •
Discontiguous (Несмежные). Аналогичен одноименному параметру инструмента Magic Wand (Волшебная палочка): пикселы, соответствующие по цвету пикселам, попавшим в зону действия инструмента, будут удалены во всем изображении.
•
Contiguous (Смежные). Будут удаляться только пикселы, смежные с попавшими в зону действия инструмента.
•
Find Edges (Найти края). Режим повышенной чувствительности к контрасту.
Tolerance (Допуск). Задает допустимое отклонение цвета пикселов от образца.
Глава 1. Интерфейс программы и основы работы с Photoshop •
Protect Foreground Color (Защитить цвет переднего плана). В этом режиме не будут удаляться пикселы, имеющие цвет переднего плана (Foreground Color).
Шш. Magic Eraser (Волшебный ластик) — некий гибрид обычного ластика (Eraser) * и инструмента Magic Wand (Волшебная палочка). Результат действий такой же, как если бы мы сначала выделили область с помощью инструмента Magic Wand (Волшебная палочка), а затем инструментом Eraser (Ластик) или нажатием клавиши Delete удалили выделенное. Параметры инструмента следующие. •
Tolerance (Допуск). Определяет, какие цвета включать в выделение. Так как этот параметр есть наследство инструмента Magic Wand (Волшебная палочка), то мы не будем повторять здесь его описание.
• •
Anti-alias (Сглаживание). Сглаживание неровностей краев. Contiguous (Смежные). Очень важная настройка. Вы указываете, выделять ли по цветовой близости только соседние пикселы или пикселы на всем изображении. Если необходимо, например, удалить только одно черное пятно, то нужно установить этот флажок и щелкнуть на пятне. Если же вы хотите удалить весь черный цвет с изображения, то этот флажок, наоборот, следует снять.
•
Sample All Layers (Использовать все слои). Распространяет действие данного инструмента на все слои.
•
Opacity (Непрозрачность). Делает стираемое изображение непрозрачным на указанное количество процентов.
Инструменты заливки СЛа Gradient (Градиент) — создает заливку с плавным переходом между двумя или несколькими цветами. Применяется очень часто, поэтому отличное владение данным инструментом есть обязательное условие эффективной работы в Photoshop. Если щелкнуть мышью на стрелке Ц Щ, то откроется палитра с вариантами градиента, которые можно также создавать и сохранять. Окно редактирования градиента открывается при двойном щелчке мышью на образце градиентной заливки Ц ~j»] перед стрелкой • (рис. 1.11). Перечислим параметры градиента, находящиеся в этом диалоговом окне. •
Раздел Presets (Установки) содержит готовые градиенты. Их можно загружать с помощью кнопки Load (Загрузить) и сохранять кнопкой Save (Сохранить). В стандартной поставке программы имеется восемь наборов самых разных градиентов, но все же чаще всего приходится создавать их самим.
•
Name (Имя) — уникальное имя градиента. Если имя — Custom, значит, это градиент с пользовательскими настройками.
•
Gradient Туре (Тип) — тип градиента. Есть два варианта: Solid (Однородный цвет) и Noise (Шум). Шум почти не используется, большинство задач решается с помощью однородных цветов.
•
Smoothness (Сглаживание) — мягкость перехода цветов в градиенте.
Палитра инструментов Gradient Editor Presets
OK, Reset Load... £ava,..,.
:
[ Custom
New
Gradient Type: j Solid Smoothness: J 100
.
v.
Л%
i
~ Stops — — / . Location; : Color: [
Location: 45
% % [ Delete ]
Рис. 1 . 1 1 . Диалоговое окно настройки градиента
Ползунки прозрачности (располагаются над цветовой полосой) ограничивают прозрачность градиентной заливки. Вообще при создании и редактировании градиента приходится работать почти одними ползунками. Щелкнув мышью на ползунке, вы увидите ограниченную зону его действия, которую можно изменять. Можно использовать любое количество ползунков; чтобы поставить новый, достаточно щелкнуть в зоне их размещения правой кнопкой мыши. Переход между цветами обозначается ограничителем, расположенным под цветовой полосой. Под полосой также находятся указатели средних точек, представленные в виде небольших ромбов. Каждая из этих точек указывает на то место, в котором соседние цвета смешиваются в одинаковых пропорциях. Изменяя положение цветовых ограничителей и средних точек, добавляя новые либо удаляя ненужные, вы сможете создать необходимый градиент. Добавить цветовой ограничитель можно, щелкнув мышью в необходимом месте вдоль нижней части цветовой полосы. На месте щелчка появится новый цветовой указатель, а между новым ограничителем и соседними — маркеры средних точек. Появившийся цветовой маркер является активным, и вы сразу можете указать его цвет, выбрав его на цветовой палитре. Если же необходимо удалить ненужный цветовой ограничитель, просто передвиньте его за пределы полосы с цветовыми переходами. Ограничитель исчезнет,
Глава 1. Интерфейс программы и основы работы с Photoshop а цветовая полоса преобразуется в соответствии с новыми условиями. При необходимости скопировать цветовой маркер, не удаляя его, следует перетащить его мышью при нажатой клавише Alt. Можно перемещать указатели с помощью мыши либо, сделав их активными, указать числовое значение в поле Location (Положение). Имейте в виду, что если вы используете числовое позиционирование цветовых ограничителей, то значение 0 % соответствует крайнему левому положению, а 100 % — крайнему правому. Эти позиции абсолютны на полосе цветов и не изменяются при добавлении новых цветовых ограничителей. Иначе обстоит дело при числовом задании указателей средних точек. В этом случае значение 50 % соответствует среднему положению между двумя соседними цветовыми ограничителями, 0 % — положение над левым ограничителем, 100% — над правым. Таким образом, положение средних точек задается относительно цветовых указателей, а не цветовой полосы. При изменении цветовых ограничителей Photoshop автоматически перемещает отметку средней точки, сохраняя ранее заданные пропорции. Вид градиента задается пятью кнопками на панели параметров (рис. 1.12).
Рис. 1.12. Виды градиента
Рассмотрим остальные настройки на панели параметров инструмента Gradient (Градиент). • • •
Mode (Режим наложения). Режим наложения пикселов в градиенте. Opacity (Непрозрачность). Непрозрачность градиента. Reverse (Обратный порядок). Геометрически перевернуть градиент.
•
Dither (Разбавление цвета). Имитировать большее количество цветов.
•
Transparency (Прозрачность). Использовать или нет прозрачность.
^
Paint Bucket (Заливка) — применять этот инструмент приходится очень часто. * Он выполняет простую функцию — заливает изображение цветом или текстурой. Параметры инструмента следующие.
•
Fill (Заливка). Определяет, что использовать в качестве «краски»:
•
• Foreground (Цвет переднего плана) — основной цвет; • Pattern (Образец) — заливать текстурой. Pattern (Образец). Узор для заливки.
• • •
Mode (Режим наложения). Режим наложения пикселов при применении данного инструмента. Opacity (Непрозрачность). Непрозрачность заливки. Tolerance (Допуск). С помощью этого параметра определяется область действия инструмента, то есть окрашиваться будут лишь некоторые пикселы.
Палитра инструментов •
Anti-alias (Сглаживание). Смягчение неровностей краев заливки.
•
Contiguous (Смежные). Эта настройка определяет, заливать ли по цветовой близости только соседние пикселы или пикселы на всем изображении.
•
All Layers (Все слои). Если изображение состоит из нескольких слоев, а закрасить необходимую область нужно так, чтобы были учтены все составляющие изображения, то следует установить данный флажок. Программа проанализирует все слои, выберет из них необходимые области и зальет их желаемым цветом или текстурой. Сама заливка при этом будет располагаться на активном слое.
Инструменты коррекции изображения Q. Blur (Размытие) — инструмент для размытия (уменьшения контрастности) "участка изображения. Параметры инструмента следующие. •
Brush (Кисть). Применяемая кисть.
•
Mode (Режим наложения). Режим изменения пикселов при размытии. Аналогичен режиму наложения пикселов в инструментах рисования.
•
Strength (Сила). Эффективность инструмента.
•
Sample All Layers (Использовать все слои). Распространяет действие инструмента на все слои.
д Sharpen (Резкость) — действует противополжно предыдущему инструменту — * увеличивает контрастность области. Параметры инструмента следующие. •
Brush (Кисть). Применяемая кисть.
•
Mode (Режим наложения). Режим изменения пикселов при увеличении контрастности.
•
Strength (Сила). Эффективность инструмента. Чем больше это значение, тем быстрее происходит увеличение контрастности.
•
Sample All Layers (Использовать все слои). Распространяет действие данного инструмента на все слои.
У л Smudge (Палец) — инструмент, создающий эффект, похожий на размазывание ™*'пальцем еще не высохшей краски на полотне. Его параметры следующие. •
Brush (Кисть). Применяемая кисть.
•
Mode (Режим наложения). Режим изменения пикселов в обрабатываемой области.
•
Strength (Сила). Эффективность инструмента.
•
Sample All Layers (Использовать все слои). Распространяет действие инструмента на все слои.
•
Finger Painting (Рисование пальцем). При установке этого флажка инструмент в корне меняет свое действие: если раньше он размазывал уже имеющееся изображение, то сейчас начинает рисовать основным цветом.
Глава 1. Интерфейс программы и основы работы с Photoshop «^ Dodge (Осветлитель) — изменяет яркость пикселов в сторону увеличения, что * приводит к осветлению изображения. Параметры инструмента следующие. • • • •
Brush (Кисть). Применяемая кисть. Range (Диапазон). Определяет, к какому виду пикселов по яркости применять воздействие: Shadows (Тени), Midtones (Средние тона) или Highlights (Света). Exposure (Выдержка). Эффективность инструмента. Airbrush Capabilites (Возможности аэрографа). Работать в режиме аэрогрофа.
£ ; Burn (Затемнитель) — инструмент, обратный по действию предыдущему. Име" ет абсолютно такие же параметры, поэтому мы не будем их повторять. Of Sponge (Губка) — инструмент, изменяющий насыщенность цвета в редактируемой области. Его параметры следующие. • • •
Brush (Кисть). Применяемая кисть. Mode (Режим). Направление изменения насыщенности цвета: Desaturate (Уменьшение) или Saturate (Увеличение). Flow (Плотность). Параметры рисования с учетом плотности нанесения краски.
•
Airbrush Capabilites (Возможности аэрографа). Работать в режиме аэрогрофа.
Инструменты ввода текста, создания контуров и фигур f Туре (Текст) — этому инструменту посвящен разд. 1.9. А Реп (Перо) — данный инструмент со всеми его разновидностями рассмотрен ' в разд. 1.10. •
Rectangle (Прямоугольник) — данный инструмент и все другие инструменты * его группы подробно рассмотрены в разд. 1.10.
Инструменты для вставки пометок js) Notes (Пометки) — инструмент, предназначенный для создания текстовых по" меток в работах. Они не являются частью изображения, но будут включены в PSD-файл. В основном это необходимо для работы в группах, чтобы обмениваться мнениями и комментариями. Параметры инструмента следующие. м • • •
Author (Автор). Имя или псевдоним автора комментария. Size (Размер). Размер используемого шрифта. Color (Цвет). Цвет пометки. Clear All (Очистить все). Удаляет все созданные пометки.
ф\ Audio Annotation (Аудиозапись) — инструмент, схожий с предыдущим, только * пометка создается не в текстовом, а в звуковом виде. Разумеется, для этого не-
Палитра инструментов обходимо иметь микрофон. Имеющиеся параметры совпадают с настройками Notes (Пометки).
Измерительные инструменты # Eyedropper (Пипетка) — очень часто применяемый инструмент. Позволяет сде" лать цветом переднего плана (Foreground Color) цвет того пиксела, на котором вы щелкаете этим инструментом. Удобная особенность этого инструмента заключается в том, что достаточно при работе любым инструментом рисования нажать и удерживать клавишу Alt, чтобы он перешел в режим пипетки. Основной параметр пипетки Sample Size (Размер образца) задает размер площади, которая анализируется при определении цвета. Если выбрано значение Point Sample (Образец точки), то цвет берется из одной точки, иначе округляется цветовое значение пикселов на указанной площади. Это достаточно полезно, так как не всегда в сложном изображении можно точно выбрать цвет (попробуйте это сделать, например, на человеческой коже). *м Color Sampler (Выбор цвета) — позволяет делать активным не один, а несколько цветов, что находит применение в некоторых инструментах. 4?j Measure (Линейка) — используется для измерения расстояний и углов.
Инструменты управления просмотром «у Hand (Рука) — позволяет двигать изображение в пределах экрана. Удобнее использовать в клавиатурном варианте, удерживая нажатой клавишу Пробел. Делать это можно и при работе с любым другим инструментом. Щ Zoom (Масштаб) — масштабирование изображения. Гораздо удобнее пользоваться клавиатурным эквивалентом этого инструмента — сочетаниями клавиш Ctrl++ (увеличить) и Ctrl+- (уменьшить) либо палитрой Navigator (Навигатор).
Выбор цвета и режима работы С помощью двух квадратиков внизу палитры инструментов назначаются основные цвета изображения. То же самое можно проделать, используя палитры Color (Цвет) и Swatches (Образцы). Для удобства элементы соответствующего раздела палитры инструментов на следующем рисунке пронумерованы:
1. 2.
Set foreground color (Установить цвет переднего плана). Set background color (Установить цвет фона).
3.
Default Foreground and Background Colors (Установить цвета по умолчанию). Цветом переднего плана становится черный, а цветом фона — белый.
Глава 1. Интерфейс программы и основы работы с Photoshop 4.
Switch Foreground and Background Colors (Поменять местами цвета переднего плана и фона).
[TjJ Edit in Standart Mode (Работать в обычном режиме) — все инструменты работают так, как и должны работать по своему назначению. Q
Edit in Quick Mask Mode (Редактировать быструю маску) — что такое быстрая маска, читайте в разд. 1.11.
На этом обзор инструментов основной палитры закончен. Мы не стали приводить примеры использования данных инструментов, так как практическая часть книги целиком состоит из примеров реального использования возможностей Photoshop CS2.
1.3. Главное меню Меню File (Файл) Это наиболее важное меню, так как с него начинается и им заканчивается любая работа. Правда, если работать правильно (с точки зрения авторов), то видеть его почти не приходится — все функции, заложенные в меню File (Файл), как правило, можно выполнить с помощью клавиатурных сокращений, получив тем самым выигрыш во времени.
New (Новый) Используется для создания нового файла. Рассмотрим вызываемое этой командой диалоговое окно (рис. 1.13).
Name:! JESSE] ••'' !;yi| •
Preset: j Clipboard
;
ffidth: 429
11pixels
v;
yeight; 497
pixels
v
Resolution: 72
J| pixels/inch '. Color Mode: RGB Color vII 8 bit Background Contents: White
Pijtel Aspect Ratio: Square Рис. 1.13. Диалоговое окно создания нового файла
Reset •;:№ : >•:• Piesei;.
v v j v•
(&) Advanced -2.1 Color Ptojtle: SRGB IEC61966
:
QK
v
Image Size: 624,6K
Главное меню •
Name (Имя). Имя будущего файла. Чаще всего этот параметр не изменяют, а назначают файлу имя уже при сохранении. Почти всегда к одному итоговому изображению ведет несколько промежуточных файлов, и давать им имена — это лишняя трата времени.
•
Preset (Установки). Некоторые наиболее часто используемые размеры, такие как А4, А5, 640 х 480 и другие, в том числе заданные пользователем.
•
Save Preset (Сохранить установки) и Delete Preset (Удалить установки). Этими кнопками можно сохранить свои настройки в раскрывающемся списке Preset (Установки) либо удалить их из него.
•
Width (Ширина) и Height (Высота). Ширина и высота будущего изображения. Обратите внимание, что эти параметры вы можете задавать в разных единицах.
•
Resolution (Разрешение). Разрешение изображения. Как правило, используется значение 72 пиксела на дюйм как наиболее удобное при работе.
•
Color Mode (Цветовой режим). Цветовой режим нового изображения.
•
•
Bitmap (Битовый). Используются только два цвета — абсолютно черный и абсолютно белый. Можно применять при создании таких изображений, которые должны сохранять наглядность при плохом качестве печати (например, логотип на бланке фирмы).
•
Grayscale (Полутоновое). В этой цветовой модели используется состоящий из 256 цветов переход от черного к белому. Идеален для изображений, которые будут использоваться в черно-белом режиме (например, будут напечатаны в газете).
•
RGB Color (Цвета RGB). Как правило, работать приходится именно в этой цветовой схеме, которая позволяет реализовать все видимые человеческим глазом цвета.
•
CMYK Color (Цвета CMYK). Если изображение предназначено для печати в типографии, то лучше делать его в этой цветовой схеме. CMYK включает в себя только те цвета, которые могут быть реализованы при печати.
•
Lab Color (Цвета Lab). Цветовая схема, альтернативная RGB. Иногда достаточно удобна при редактировании каналов.
•
8 bit (8 бит) или 16 bit (16 бит). Задается глубина цвета для некоторых режимов. Photoshop CS2 полноценно поддерживает 16-битный цвет, правда, областей его применения пока не так много — везде хватает стандартных 8 бит. Поэтому, если техническим заданием не предусмотрено иное, из этих двух вариантов стоит выбрать 8 бит — и компьютеру меньше нагрузка, и совместимость файлов выше. Что касается 32-битного цвета, то это пока экзотика, нужная лишь редким профессионалам.
Background Contents (Цвет фона). Задается, чем будет залито изображение после создания. •
White (Белый цвет). Использовать белый цвет для фона создаваемого изображения. Применятся в большинстве работ.
•
Background Color (Цвет фона). Использовать для фона цвет заднего плана.
Глава 1 . Интерфейс программы и основы работы с Photoshop • •
Transparent (Прозрачная основа). Прозрачный фон. Применяется очень часто, особенно при адаптации изображений к Интернету.
Advanced (Расширенные настройки). Здесь находятся параметры, необходимые лишь редким профессионалам. •
Color Profile (Цветовой профиль). Определяется цветовой профиль, в котором будет создано изображение. Если параметр не определен, то всегда используются настройки по умолчанию.
•
Pixel Aspect Ratio (Пропорции пикселов). Одна из новых возможностей Photoshop CS2 — поддержка неквадратных пикселов. Это нужно в случае экспорта изображения для использования в широкоформатном телевидении или видео, где точка представляет собой прямоугольник.
Клавиатурное сокращение для команды New (Новый) — Ctrl+N.
Open (Открыть) Открытие графического файла. Photoshop открывает все международные растровые форматы, поэтому список поддерживаемых файлов у него просто огромный. Диалоговое окно Open (Открыть) можно вызвать двойным щелчком мышью на пустом месте в окне программы.
Browse (Обзор) Открывает обозреватель файлов — Adobe Bridge. Он подробно описан в разд. 1.14.
Open As (Открыть как) Эта команда открывает файл в указанном формате независимо от его расширения. В некоторых случаях (например, при переносе файлов с одной платформы на другую) это просто необходимо.
Open Recent (Открыть последний) Выбрав эту команду, вы увидите список из нескольких файлов, которые были открыты последними. Очень удобно, если вы несколько дней работаете над одним и тем же изображением. Как настроить количество файлов в этом списке, вы можете узнать в разд. 1.5.
Edit in ImageReady (Редактировать в ImageReady) Открывает активное изображение в программе ImageReady, предназначенной для подготовки веб-графики и сайтов.
Close (Закрыть) Закрыть активный файл. Как в любом Windows-приложении, для закрытия файла достаточно просто нажать крестик в верхнем правом углу окна документа.
Close All (Закрыть все) Закрыть все открытые в Photoshop файлы. Сама программа при этом остается активной.
Главное меню
Close and Go To Bridge (Закрыть и перейти в Bridge) Закрыть все активные окна и открыть средство для просмотра изображений Adobe Bridge.
Save (Сохранить) Сохранить изменения файла. Если открытый файл уже существует на жестком диске, то эта команда просто сохраняет изменения в нем. В том случае, когда вы работаете с новым файлом, открывается диалоговое окно сохранения (рис. 1.14).
Щ1JM7 ||l_005
1§|1_оза Щ1_0Э9 1040
Ш
f§)l_0°8 1Ц1_009 f|l010
Имя Файла: Сетевое
Format:
ГГ014
Сохранить
V:
TIFF (",TIF;-TIFF)
Save Options Save:
Отмена
'OAsaCopi В Alpha Channels El Layers
Color: 0 K X Profile: U.S. Web Coated (SWOP) v2 И Use Lower Case Extension
Use Adobe Dialog Рис. 1.14. Диалоговое окно сохранения файла
•
Format (Формат). Формат, который будет использоваться для сохранения файла. Если вы хотите сохранить многослойное изображение с идеальным качеством
Глава 1 . Интерфейс программы и основы работы с Photoshop для последующей работы с ним в Photoshop, то необходимо использовать формат PSD. Его достоинство — возможность сохранять не только изображение, но и почти все, что есть в работе: слои, каналы, комментарии. Если необходимо оптимизировать изображение для использования в Интернете, то обратитесь к форматам JPEG или PNG — для фотографических изображений с тонкими, реалистичными цветовыми переходами и GIF — для контрастных, малоцветных рисунков. •
As a Copy (Сохранить копию). Сохраняется только видимая часть изображения, без дополнительных каналов и вспомогательных элементов. Применяется в том случае, если вы довольны результатом и в ваши планы не входит переделывать изображение.
•
Alpha Channels (Альфа-каналы). Сохранять альфа-каналы в файле.
•
Layers (Слои). Сохранять слои в файле.
•
Annotations (Комментарии). Сохранять комментарии в файле.
•
Spot Colors (Заказные цвета). Сохранять так называемые заказные цвета.
•
Use Proof Setup (Использовать настройки профиля). Использовать при сохранении цветовые настройки пользователя.
•
ICC Profile (Профиль ICC). Определяет, в каком стандарте той или иной цветовой схемы сохранять файл. Если вы не профессионал, то лучше эту настройку вообще не изменять.
•
Thumbnail (Значок). При установке флажка сохраняет файл со значком, повторяющим его содержимое.
•
Use Lower Case Extension (Использовать в расширении нижний регистр символов). Перевод названия этой настройки полностью объясняет ее действие.
Save As (Сохранить как) Команда Save (Сохранить) не позволяет сохранить открытый (не новый!) файл под другим именем или в другом формате — Photoshop запишет изменения в старый файл и не покажет вам диалоговое окно сохранения. В такой ситуации и необходима команда Save As (Сохранить как), которая позволяет сохранять уже существующий файл под другим именем. Отличий от Save (Сохранить) в окне настроек нет.
Save a Version (Сохранить вариант) Команда, ставшая необходимой в связи с существованием в составе Adobe Creative Suite 2 программы Version Cue, позволяющей организовывать совместную работу с файлами в составе рабочей группы, обеспечивая максимальную совместимость. Сохраняет текущую версию файла, с которым и оперирует Version Cue.
Save for Web (Сохранить для веб) Сохранить изображение оптимизированным для Интернета. В диалоговом окне, которое открывается при выборе этой команды, можно настроить параметры ежа-
Главное меню тия JPEG, чтобы файл занимал как можно меньше места при качественном внешнем виде. Также есть неплохой инструментарий экспорта в формат GIF. В общем, Save for Web (Сохранить для веб) достаточно полезный инструмент для тех, кто занимается веб-дизайном.
Revert (Вернуть) Отменяет все произведенные вами действия, возвращая изображение к исходному виду. Очень полезная функция, поэтому у нее даже есть отдельная функциональная клавиша — F12.
Place (Поместить) Позволяет вставлять в открытый документ изображение из графического файла. Поддерживаются только форматы, разработанные компанией Adobe. Изображение помещается на новый слой и становится управляемым объектом (Smart Object) (см. разд. 1.15).
Import (Импорт) Применяется для импортирования изображений из PDF-файлов, а также изображений, полученных со сканеров и цифровых фотоаппаратов.
Export (Экспорт) В стандартной поставке Photoshop CS2 возможности этой команды ограничены передачей контуров в редактор векторной графики Adobe Illustrator. Здесь же находятся команды для сохранения Video Preview (Предварительный просмотр видео) — изображений, адаптированных для просмотра на видеомониторах, поддерживающих стандарт NTSC, PAL или HDTV. Последняя команда подменю — ZoomView — позволяет экспортировать файл в одноименный масштабируемый формат.
Automate (Автоматизировать) Эта команда содержит очень полезные возможности, поэтому ей отведен целый разд. 1.7.
Scripts (Скрипты) Меню работы со скриптами. Скрипты (или сценарии) — это новое для Photoshop мощное средство автоматизации. Правда, писать их чрезвычайно сложно, поэтому можете поискать в Интернете готовые сценарии, которые могут быть полезны в работе.
File Info (Информация о файле) Команда предназначена для того, чтобы пользователь мог сохранить в своих файлах дополнительную информацию о них. Она достаточно полезна, если приходится работать с большим количеством файлов. Photoshop CS2 поддерживает EXIFданные, то есть информацию о параметрах съемки, сохраняемую цифровыми камерами: фокусное расстояние, выдержка, диафрагма и т. п.
Глава 1 . Интерфейс программы и основы работы с Photoshop
Page Setup (Параметры страницы) Эта команда позволяет задать основные настройки для страницы печати. Диалоговое окно Параметры страницы показано на рис. 1.15. Параметры страницы
: Letter Подача:
! Подача бумаги
игзцня ая •
Рис. 1.15. Диалоговое окно Параметры страницы
Обратите внимание, что многие из этих настроек зависят не от Photoshop, а от установленного в системе принтера и его драйверов. Все настройки достаточно простые и будут понятны любому, кто пользовался принтером, поэтому мы не станем на них останавливаться.
Print with Preview (Печать с предварительным просмотром) Печать с возможностью предварительно задать параметры и увидеть результат их применения. Диалоговое окно Print (Печать), открываемое при выборе данного пункта меню, показано на рис. 1.16. Описывать все параметры нет необходимости, так как разобраться с ними совсем несложно. Для начинающих пользователей небольшая подсказка — установите флажок Show Bounding Box (Показать рамку), и вокруг вашей картинки появится контур, с помощью которого можно изменять размеры изображения и его положение на бумаге. Если вы хотите сместить его в сторону, следует сначала снять флажок Center Image (Изображение по центру). Флажок Print Selected Area (Печатать выделенную область) позволяет напечатать предварительно выделенный фрагмент изображения — это необыкновенно полезная возможность.
Главное меню
i 100%
IU ScaletoFit Meda i
Si 23,927 | cm 16,612 | cm El Show Bounding Bo*
Rendering Intent: I Relative Colorimettic
§§|
Wkiivj CMYK Description
Рис. 1.16. Диалоговое окно Print (Печать)
Print (Печать) Распечатать изображение, используя настройки, установленные с помощью команд Page Setup (Параметры страницы) и Print with Preview (Печать с предварительным просмотром).
Print One Copy (Печать одного экземпляра) Назначение этой команды понятно из названия.
Print Online (Печать через Интернет) Позволяет воспользоваться сетевыми службами, позволяющими распечатать нужные изображения на удаленном принтере и получить отпечатки по почте. В России пока таких сервисов нет.
Глава 1 . Интерфейс программы и основы работы с Photoshop
Jump To (Перейти в) Открыть активный файл в другой программе. По умолчанию такая программа только одна — ImageReady.
Exit (Выход) Завершить работу программы Photoshop CS2.
Меню Edit (Редактирование) В этом меню находятся некоторые команды, которые создатели Photoshop отнесли к основным командам редактирования.
Undo (Отмена) Отменить последнее действие. Удобнее вызывать клавиатурным сокращением Ctrl+Z. При повторном нажатии Ctrl+Z отмененное действие возвращается.
Step Forward (Шаг вперед) и Step Backward (Шаг назад) Команда Step Backward (Шаг назад) отменяет одно действие. Отличие от предыдущей команды в том, что двойное применение Undo (Отменить) отменит отмену, а двойное применение Step Backward (Шаг назад) отменит два последних действия, десятикратное — десять и т. д. Вызывать также лучше клавиатурным сокращением: Alt+Ctrl+Z. Обратное действие выполняется командой Step Forward (Шаг вперед) — Shift+Ctrl+Z.
Fade (Ослабить) Команда, позволяющая изменять эффект, полученный применением последнего инструмента. Если вы что-то нарисовали (например, кистью) и хотите отредактировать прозрачность или режим наложения пикселов в нарисованном, то единственный способ это сделать — использовать данную команду. Она работает практически со всеми инструментами, что делает ее незаменимой.
Cut (Вырезать) Команда, действующая только на выделения. При ее использовании выделенная область будет удалена из изображения и помещена в буфер обмена. Вызывается клавиатурным сокращением Ctrl+X.
Сору (Копировать) Команда, действующая только на выделенную область. Копирует ее в буфер обмена. Действует только на активный слой. Клавиатурное сокращение — Ctrl+C.
Copy Merged (Копировать слитое) В отличие от Сору (Копировать), эта команда копирует выделенную область со всех слоев сразу.
Главное меню
Paste (Вставить) Вставить изображение из буфера обмена. Почти всегда эту команду вызывают после Сору (Копировать), и эта последовательность является основой любого фотомонтажа. Обратите внимание, что вставка изображения происходит на новом слое. Клавиатурное сокращение — Ctrl+V.
Paste Into (Вставить в) Вставляет изображение из буфера обмена как слой со слоевой маской. Слоевая маска используется, чтобы сделать работу с прозрачностью более гибкой. Подробнее об этом читайте в разд. «Меню Select (Выделение)».
Clear (Очистить) Команда, очищающая содержимое выделения. Если она применяется на нижнем слое (Background), то область заливается цветом заднего плана, а если на верхних, то выделенная область становится прозрачной. Очень похожа на команду Cut (Вырезать), но Cut (Вырезать) помещает выделенную область в буфер обмена, a Clear (Очистить) — стирает.
Check Spelling (Проверка орфографии) и Find and Replace Text (Поиск и замена текста) Стандартный для большинства Windows-программ, так или иначе связанных с обработкой текста, инструментарий проверки орфографии, а также поиска и замены фрагментов текста.
Fill (Заливка) Заливка слоя или выделенной области. При выборе этой команды открывается диалоговое окно, показанное на рис. 1.17.
Use; | Foreground Color
Рис. 1.17. Диалоговое окно Fill (Заливка)
Глава 1 . Интерфейс программы и основы работы с Photoshop Параметры заливки следующие. •
Use (Использовать). Здесь вы определяете, чем заливать изображение. Есть следующие варианты: Foreground Color (Цвет переднего плана), Background Color (Цвет фона), Pattern (Образец) и др.
•
Mode (Режим наложения). Работает с пикселами в закрашиваемой области.
•
Opacity (Непрозрачность). Непрозрачность заливки.
•
Preserve Transparency (Сохранять прозрачность). При установке этого флажка будет заменяться цвет пикселов, но их прозрачность не изменится.
Как правило, в большинстве случаев для заливки используется не данная команда, а инструмент Paint Bucket (Заливка), расположенный на палитре инструментов.
Stroke (Обвести) Команда, позволяющая обвести выделение линией указанной толщины и цвета. После появления фигур (Shapes) эта команда почти утратила свое значение. Диалоговое окно Stroke (Обвести) показано на рис. 1.18.
•Stake -ffiidth: J
OK
Color:
Mode: j Normal y:FlOO
Щ
\%
Рис. 1.18. Диалоговое окно Stroke (Обвести)
Параметры обводки следующие. •
Width (Толщина). Толщина линии обводки.
•
Color (Цвет). Цвет обводки.
•
Location (Расположение). Определяет положение обводки относительно линии выделения.
•
Mode (Режим наложения). Режим наложения пикселов.
• •
Opacity (Непрозрачность). Степень непрозрачности обводки. Present Transparency (Сохранять прозрачность). Позволяет сохранить без изменений прозрачность закрашиваемых пикселов.
Главное меню
Free Transform (Свободное трансформирование) и Transform (Преобразовать) Команды изменения геометрических размеров объекта. Подробно они описаны в разд. 1 8
Define Brush Preset (Определить кисть) С помощью данной команды любое изображение или прямоугольное выделение можно сохранить в качестве кисти и использовать в дальнейшем. Это дает широкие возможности при рисовании. Аналогичным образом команда Define Pattern (Определить образец) работает с образцами (текстурами), a Define Custom Shape (Определить пользовательскую фигуру) — с фигурами.
Purge (Очистить) Команда, позволяющая удалить из памяти временную информацию. Применяется, когда явно не хватает системных ресурсов и команды выполняются очень медленно. Возможные варианты следующие. • • •
•
Undo (Отмена). Убрать из памяти последнюю отмену. Clipboard (Буфер обмена). Очистить содержимое буфера обмена. Histories (История). Очистить историю. При работе с Photoshop хранятся все действия (по умолчанию до 20), чтобы всегда можно было исправить неточности работы. Нетрудно представить, сколько для этого требуется ресурсов, особенно если редактируемое изображение больших размеров. Это может стать причиной переполнения жесткого диска, если на нем мало свободного места. АН (Очистить все).
Adobe PDF Presets (Установки Adobe PDF) Данная команда позволяет задавать различные настройки для сохранения в формате PDF.
Preset Manager (Менеджер предустановок) Позволяет редактировать (загружать и удалять) имеющиеся в системе кисти, контуры, образцы, градиенты и т. д.
Color Settings (Установки цвета) В диалоговом окне Color Settings (Установки цвета) настраиваются параметры управления цветопередачей в программе Photoshop. Если вы владеете английским языком хотя бы со словарем, то вам очень поможет информационное поле Description (Описание), в котором приводится достаточно подробная подсказка по каждой настройке окна. Для получения описания просто подведите указатель мыши к интересующему вас полю или настройке. После того как вы внесете какие-либо изменения в настройки окна Color Settings (Настройки цвета), в списке Settings (Настройки) появится надпись Custom (Пользовательские). Если необходимо сохранить настройки, нажмите кнопку Save (Сохранить).
Глава 1 . Интерфейс программы и основы работы с Photoshop Впоследствии вы всегда сможете загрузить их с помощью кнопки Load (Загрузить).
Assign Profile (Назначить профиль) Согласование изображения с цветовым профилем.
Convert to Profile (Конвертировать профиль) Позволяет конвертировать изображение в цветовой режим согласно какому-либо профилю.
Keyboard Shortcuts (Клавиатурные сокращения) Очень полезное средство. С его помощью можно любому инструменту или пункту меню назначить любое клавиатурное сокращение. Если, например, вы часто используете фильтр Gaussian Blur (Размытие по Гауссу), то просто назначаете ему сочетание клавиш и вызываете в доли секунды.
Menus (Меню) Данная команда позволяет настраивать меню программы, причем как главное меню, так и меню палитр. Можно убирать ненужные вам пункты, делая работу более легкой и быстрой, а также выделять цветом наиболее часто используемые команды.
Preferences (Установки) Настройки программы. Им посвящен разд. 1.5.
Меню Image (Изображение) В данном меню находятся команды, которые предоставляют возможность изменять целое изображение или выделенные области. Как показывает практика, обращаться к ним приходится почти в каждой работе.
Mode (Режим) Вид иллюстрации и возможности ее редактирования определяются цветовым режимом (цветовой моделью), в котором она находится. С помощью данного раздела меню Image (Изображение) вы определяете режим редактируемого изображения. Возможны следующие варианты. •
Bitmap (Битовый). Эта команда предназначена для перевода изображения в двухцветное, состоящее только из черных и белых пикселов. Чтобы она стала доступна, изображение нужно перевести в режим градаций серого (Grayscale). Закономерность распределения черных и белых пикселов можно установить в раскрывающемся списке Use (Использовать) диалогового окна Bitmap (Битовый) (рис. 1.19). В поле Output (Выходное) можно указать новое разрешение изображения, а его текущее значение выводится в строке Input (Входное).
•
Grayscale (Полутоновое). При переходе в этот цветовой режим вся информация о цветах, составлявших изображение, уничтожается. Если ваша работа должна быть напечатана, например, в газете, то удобнее редактировать ее в данном режиме.
Главное меню
OK
Input; 72 pixels/inch Qutput: j 72
I | pixels/inch
vj
~ Method;—-~:—--^Custom Pattern: Рис. 1.19. Диалоговое окно Bitmap (Битовый)
Duotone (Дуплекс). Изображение из черно-белого переводится в я-цветное. Максимальное количество составляющих цветов — 4, минимальное — 1. Чаще всего такой режим применяется при подготовке изображения к полиграфическому изданию. Данный режим хорош тем, что в нем можно выбирать любые цвета в произвольном количественном соотношении. Диалоговое окно с настройками дуплексного режима показно на рис. 1.20.
i OK ...I i Black
Ink 2:
PANTONE Orange 021 С
Reset Load.. . Save.. ED Preview
irk З: I /
!
Ink 4:
I PANTONE Rhodamine Red С
!PANTONE 287 С
Overprint Colors,.. Рис. 1.20. Диалоговое окно Duotone Options (Параметры дуплекса)
Indexed Color (Индексированные цвета). Применение данного режима возможно лишь в том случае, если ваше изображение находится в режиме RGB или Grayscale (Полутоновое). При выполнении данной операции оно теряет информацию о цветах, из которых состоит, за исключением нескольких основных цветов, количество которых определяете вы сами. Распространенный формат GIF существует именно в этом цветовом режиме. RGB Color (Цвета RGB). Модель, которая описывает реальные цвета и используется при их выводе на монитор. Она состоит из трех каналов: красного,
Глава 1. Интерфейс программы и основы работы с Photoshop зеленого и голубого. При увеличении яркости отдельных каналов яркость самого изображения также увеличивается. CMYK Color (Цвета CMYK). Модель, состоящая из четырех основных каналов: голубого, пурпурного, желтого и черного. При наложении цветов общее изображение, наоборот, темнеет. Чаще всего эта модель используется в полиграфии. Lab Color (Цвета Lab). Эта модель, как и RGB, состоит из трех каналов, однако строится она несколько иначе. L обозначает яркость (Lightness), а и b — цвета. Каналы а и b содержат информацию о цветах: а — от темно-зеленого до яркорозового, b — от светло-синего до ярко-желтого. Multichannel (Многоканальный). После выбора данного параметра связь между каналами пропадает и они начинают существовать независимо. 8 bits/Channel (8 бит/канал). Режим, в котором каждый пиксел описывается 8 битами памяти. Это наиболее часто используемый режим, так как он сочетает хорошее качество изображения с достаточно легким «весом». Его поддерживает подавляющее большинство графических форматов. 16 bits/Channel (16 бит/канал). В этом режиме на каждый пиксел приходится 16 бит, что повышает качество изображений. 32 bits/Channel (32 бит/канал). На каждый пиксел приходится целых 32 бит цвета. Это значит, что доступная гамма цветов невероятно широка. Правда, нужно это только очень редким специалистам. Color Table (Цветовая таблица). Заменяет все цвета изображения новыми в соответствии с выбранной цветовой таблицей (рис. 1.21). Перед тем как выполнять эту команду, изображение необходимо перевести в режим индексированных цветов.
••••••••••••В
Рис. 1 . 2 1 . Диалоговое окно Color Table (Цветовая таблица)
Главное меню ВНИМАНИЕ Изображения одного и того же содержания, находящиеся в режимах RGB и Grayscale (Полутоновое), после перевода в режим Color Table (Цветовая таблица) будут отличаться друг от друга.
Adjustments (Настройки) Этот раздел меню Image (Изображение) содержит основные команды коррекции тона и яркости изображений. •
Levels (Уровни) — Ctrl+L. Настройка уровней яркости. Можно редактировать все изображение или отдельные его составляющие (каналы). Передвигая маркеры либо задавая числовые значения (рис. 1.22), можно осветлять или затемнять некоторые области.
Qutput Levels: i 0
| [ 255
Рис. 1.22. Диалоговое окно Levels (Уровни)
Auto Levels (Автоматическая коррекция уровней) — Shift+Ctrl+L. Самые светлые пикселы преобразуются в белые, самые темные — в черные, тем самым в изображение добавляется больше насыщенных цветов. Auto Contrast (Автоматическая коррекция контраста) — Alt+Shift+Ctrl+L. Увеличивает контрастность. Auto Color (Автоматическая цветокоррекция) — Shift+Ctrl+B. Настраивает насыщенность цветов автоматически. Работает достаточно неудачно. Curves (Кривые) — Ctrl+M. Это еще одна команда коррекции цвета и яркости, однако в отличие от Levels (Уровни) обладающая большим диапазоном действия. Подробнее о ее применении можно узнать из разд. 1.6. Color Balance (Цветовой баланс) — Ctrl+B Позволяет настраивать соотношение между цветами изображения. То же самое можно проделать и с помощью тоновых кривых, но тогда придется работать с отдельными каналами, что зачастую является бесполезной тратой времени и сил.
Глава 1. Интерфейс программы и основы работы с Photoshop Brightness/Contrast (Яркость/Контраст) — очень удобная команда, так как она позволяет изменять яркость и контрастность всего изображения, не изменяя при этом цветов (рис. 1.23).
Brightness/Contrast
.: :Brightness: Contrast: /4 J
®1 [+49 j 1 O '•'»•• K i [ Reset |' J \Ш ! BEreview
:
Рис. 1.23. Диалоговое окно Brightness/Contrast (Яркость/Контраст)
Hue/Saturation (Тон/Насыщенность) — Ctrl+U. Используя данную команду, можно изменять тон, насыщенность и яркость отдельных цветовых составляющих изображения (рис. 1.24). Редактируемый цвет выбирается в списке Edit (Редактирование). Передвигая маркер Hue (Тон), вы перемещаетесь по цветовому кругу, который состоит из последовательно расположенных красного, оранжевого, желтого, зеленого, синего и фиолетового цветов. Установив флажок Colorize (Тонирование), вы превратите изображение в двухцветное. Оно будет состоять из белого и еще одного цвета по выбору.
Hue/Saturation -••• |dit: j Master ' blue: Saturation:
-% , ; ::%J: .
v; +57 ! i : UJ , ["-40
:
OK Reset Save.,.
\Ш |
lightness: '
У 0.
•г DCQlorize 'review
Рис. 1.24. Диалоговое окно Hue/Saturation (Тон/Насыщенность)
Desaturate (Убрать насыщенность) — Shift+Ctrl+L). Превращает изображение в серое. Однако в отличие от перевода в режим Grayscale (Полутоновое), сохраняет три цветовых канала. Match Color (Подбор цвета). Позволяет настраивать цвета, выбирая в качестве образца любое изображение, канал или слой. Авторы советуют новичкам не
Главное меню обращать внимания на этот инструмент — он очень сложный и нужен только профессионалам в области цветокоррекции. Replace Color (Заменить цвет) — позволяет заменить выбранный цвет любым другим (рис. 1.25). Сначала в окне просмотра изображения выбирается цвет, а затем с помощью настроек, аналогичных тем, которые расположены в окне Hue/Saturation (Тон/Насыщенность), можно подобрать ему замену. Replace Color г- Selection •-
OK Color:
Fuziiness:
Reset Load,.,
100
Save... В Preview
-* Replacement — [+87 Saturation:
[-70
Lightness:
i+8
Result
Рис. 1.25. Диалоговое окно Replace Color (Заменить цвет)
Selective Color (Выбранный цвет). Не только заменяет выбранный для редактирования цвет, но и видоизменяет все другие цвета, в состав которых он входит. Channel Mixer (Смеситель каналов). Разбивает изображение на три составляющие, соответствующие каналам RGB, которые, однако, не являются независимыми полутоновыми изображениями, а неразрывно связаны с исходным. Выбирая одну из них, можно добавлять в нее цвета двух оставшихся, тем самым изменяя качественный и количественный состав цветов изображения.
Глава 1. Интерфейс программы и основы работы с Photoshop Gradient Map (Градиентная карта). Действует аналогично цветовым таблицам, только цвета изображения не заменяются в соответствии с новой таблицей, а задаются градиентом (рис. 1.26), в качестве которого можно выбрать любую градацию из имеющихся в данной программе. Gradient Map и
Ш. 8
Reset :Ш Preview r- Gradient Options I D Dither > IZl Reverse Рис. 1.26. Диалоговое окно Gradient Map (Градиентная карта)
Photo Filter (Фотофильтр). Инструмент, имитирующий реальные фотографические фильтры, с которыми должны быть знакомы пользователи, которые занимаются фотографией. На наш взгляд, этот инструмент несколько вторичен, так как его возможности отлично реализуются другими средствами, но читателям, возможно, Photo Filter (Фотофильтр) может оказаться полезным. Shadow/Highlight (Тень/Свет). Еще один цветокорректирующий инструмент. Позволяет быстро и легко корректировать соотношение между темными и светлыми областями. В использовании он похож на Brightness/Contrast (Яркость/ Контраст). Авторы предпочитают для этой же задачи использовать Curves (Кривые). Exposure (Выдержка). Данное диалоговое окно предназначено для тональной коррекции HDR-изображений (High Dynamic Range — широкий динамический диапазон). Invert (Инвертировать) — Ctrl+I. Заменяет все цвета противоположными. Equalize (Выровнять). При выполнении данной команды программа анализирует отдельные каналы, составляющие изображение. В каждом из них она находит самые светлые пикселы и преобразует их в белые, а самые темные — в черные. В итоге белый и черный цвета могут и не появиться в итоговом изображении, но в отдельных каналах они обязательно будут присутствовать. Threshold (Порог). При использовании данной команды все темные цвета в изображении заменяются черным, а светлые — белым, однако это соотношение можно изменить, передвинув маркер уровня. Posterize (Постеризация). Команда разделяет весь диапазон яркости каждого из каналов, составляющих изображение, на указанное количество интервалов. Если, например, вы установили значение 3, то каждый канал преобразуется в трехцветное изображение. В соответствии с новым параметром изменяются цвета на исходном рисунке.
Главное меню Variations (Варианты). С помощью этой команды можно настраивать насыщенность, освещенность, а также сами цвета изображения (рис. 1.27). Кроме того, можно выбрать область воздействия (тени, средние тона и др.). Чтобы узнать, как будет выглядеть изображение после применения настройки, нужно щелкнуть на значке этой настройки, после чего в этом же окне можно будет увидеть результат. Данная команда редко применяется из-за своей громоздкости.
Рис. 1.27. Диалоговое окно Variations (Варианты)
Мы рассмотрели все команды раздела Image • Adjustments (Изображение • Настройки), предназначенного для коррекции цвета, яркости и насыщенности изображений. Перейдем к командам, находящимся непосредственно в меню Image (Изображение). Duplicate (Создать копию изображения). Создает файл, содержащий копию изображения. Apply Image (Применить изображение). Накладывает изображение само на себя либо на другое изображение (такого же размера) в разнообразных режимах. Calculations (Вычисления). Выполняется только с отдельными каналами: какой-либо канал одного изображения смешивается с этим же каналом либо с каналом другого изображения (такого же размера) (рис. 1.28).
Глава 1. Интерфейс программы и основы работы с Photoshop Calculations Г Source 1: j DSC00645.PG
OK
Layer:" Background v j • invert
Channel:; Red
Reset .•;'•' G3 Preview
" Source 2: DSC00645.JPG Layer: | Background П Invert
Channel: | Red ~ Blending::] Multiply Opacity: 100
%
0Mask.., Г
Image; DSC00645.JPG Lay_er: j Background
Рис. 1.28. Диалоговое окно Calculations (Вычисления)
Image Size (Размер изображения). С помощью данной команды можно изменить размер изображения. Пропорции можно как сохранить, так и нарушить. Canvas Size (Размер холста). Размеры изображения остаются прежними, однако изменяется размер холста, на котором оно расположено. Pixel Aspect Ratio (Пропорции пикселов). Этот параметр включает работу с неквадратными пикселами. Rotate Canvas (Повернуть холст). Возможны разные варианты преобразования. Изображение можно поворачивать как по часовой стрелке, так и против нее, на 90 и 180°. Можно зеркально отображать его по вертикали и по горизонтали. Crop (Рамка). Обрезает изображение по границе выделения. Если выделенная область имеет неправильную форму, то линия обрезки проходит по крайним пикселам. Trim (Обрезка). С помощью этой команды отрезается фон, то есть все однородные по цвету пикселы по краям изображения. Reveal All (Показать все). Variables (Переменные). Apply Data Set (Применить набор данных).
Главное меню Trap (Треппинг). Настройки треппинга. Под треппингом в полиграфии понимают прием, позволяющий компенсировать несовмещение красок при печати.
Меню Layer (Слой) Как известно, для удобства работы, а также для расширения возможностей любое изображение в Photoshop может состоять из нескольких слоев. В меню Layer (Слой) собраны все команды, предназначенные для работы со слоями.
New (Новый) Эта команда предлагает всевозможные способы создания слоев. •
Layer (Слой) — Shift+Ctrl+N. Создание обычного слоя (рис. 1.29). New Layer Имя слоя -
Name: I Цветок :
Цвет слоя на палитре Layers (Слои)" Режим наложения, пикселов
Г
О Use Previous Layer to Create Clieping Mask Color: j Ш Red
Щ
Mode: j Multiply
OK [ Cancel
. ••••••М^тФ: Opacity: 100 > %
RII with Multiply-neutral color (white) Непрозрачность слоя
Рис. 1.29. Диалоговое окно создания нового слоя
•
Layer From Background (Слой из фона). Эта команда превращает фон в обычный слой. Отличие фона от слоя заключается в том, что, работая с фоном, нельзя изменять его положение, прозрачность, режим наложения пикселов и некоторые другие параметры.
•
Group (Группа). Создается новая группа слоев, в которую можно помещать создаваемые слои.
•
Group from Layers (Группа из слоев). Объединяет все выделенные слои в группу.
•
Layer via Copy (Слой копированием) — Ctrl+J. Данная команда позволяет создавать новый слой, копируя на него выделенную область, а если ее нет, то весь активный слой.
•
Layer via Cut (Слой вырезанием) — Shift+Ctrl+J. Перенос выделенной области с активного слоя на новый. При этом на активном слое вместо выделенной области образуется прозрачная.
Перечисленные шесть команд позволяют создавать слои, остальные предназначены для работы со слоями.
Duplicate Layer (Создать копию слоя) Копирует все содержимое активного слоя на новый.
Глава 1 . Интерфейс программы и основы работы с Photoshop
Delete (Удалить) Подменю для удаления слоев. Содержит следующие пункты. •
Layer (Слой). Удаляет активный слой. Данная операция доступна для всех слоев, кроме фона. Ее удобнее выполнять через палитру Layers (Слои).
•
Hidden Layers (Скрытые слои). Удаляет слои, которые отмечены на палитре Layers (Слои) как скрытые.
Layer Properties (Свойства слоя) Эта команда позволяет изменить название слоя, цвет, которым он представлен на палитре Layers (Слои), а также режим наложения пикселов и прозрачность.
Layer Style (Стиль слоя) Это довольно большой набор команд, позволяющих преобразовать либо сами объекты, расположенные на активном слое (кроме фона), либо их окружение. Так как сфера применения этих возможностей очень велика, мы посвятили им разд. 1.12.
New Fill Layer (Новый слой заливки) Создание нового слоя, залитого определенным образом. Программа предлагает три вида заливки. •
Solid Color (Сплошной цвет). Заливка однородным цветом. Можно выбрать любой цвет из цветовой палитры.
•
Gradient (Градиент). Слой заливается любым из доступных градиентов (рис. 1.30).
Список готовых градиентов Тип градиента Угол применения градиента Плавность перехода цветов
Gradient: - Style: i Linear
Reset
- Angle: { Scale: I 100
Ш7
П Reverse D Cither 0 Align with layer- 1
Рис. 1.30. Диалоговое окно заливки слоя градиентом
•
Pattern (Образец). Заливка осуществляется одним из образцов, который можно выбрать в раскрывающемся списке.
New Adjustment Layer (Новый корректирующий слой) Команды этой группы позволяют создавать различные корректирующие слои. Корректирующий слой — это важный инструмент цветокоррекции. По сути, это новый слой, который несет в себе информацию о настройках изображения. Внешне
Главное меню это ничем не отличается от применения команд из раздела меню Image • Adjustments (Изображение • Настройки), но появляется возможность возвращаться к установленным настройкам в дальнейшем. Команды полностью аналогичны одноименным командам раздела меню Image • Adjustments (Изображение • Настройки), поэтому не будем повторяться.
Change Layer Content (Изменить содержимое слоя) Данная команда применима к тем слоям, на которых расположены фигуры (Shapes), и к корректирующим слоям. Позволяет изменить многие настройки слоя, в том числе заливку. Можно установить следующие виды заливки: •
Solid Color (Сплошной цвет);
•
Gradient (Градиент);
ш
Pattern (Образец).
Фигуры можно использовать также в качестве выделений. Тогда редактировать слой внутри них можно с помощью команд, аналогичных командам группы New Adjustment Layer (Новый корректирующий слой).
Layer Content Options (Параметры содержимого слоя) Команда для редактирования содержимого фигуры (Shape). Вы не сможете изменить тип заполнения фигуры, но будете иметь возможность откорректировать качественные параметры: при однотонном закрашивании фигуры — цвет, при градиентном заполнении — вид, прозрачность, угол и пр.
Layer Mask (Маска слоя) Маска слоя — это такая маска, которая частично либо полностью скрывает содержимое слоя. По своим параметрам она похожа на обычную маску, однако применяется не ко всему изображению, а только к отдельному слою и не преобразуется в выделение, а просто скрывает содержимое. Черными пикселами обозначаются скрытые для просмотра участки, белыми — открытые. Создавать можно следующие маски. •
Reveal All (Показать все). Такая маска делает весь слой видимым.
•
Hide All (Скрыть все). Вся маска непрозрачная, то есть весь слой становится невидимым.
•
Reveal Selection (Показать выделенную область). Видимой оказывается только выделенная область.
•
Hide Selection (Скрыть выделенную область). Выделенная область становится невидимой.
•
Delete (Удалить). Используется для удаления маски.
•
Apply (Применить). При выборе этого пункта изображения с замаскированной части слоя исчезают, оставляя прозрачные или полупрозрачные пятна.
•
Enable (Показать). Активизирует маску, которая начинает играть роль в изображении.
Глава 1 . Интерфейс программы и основы работы с Photoshop •
Disable (Скрыть). Делает временно маску слоя невидимой и не оказывающей влияния на изображение. После выполнения заменяется в меню на Enable (Показать).
•
Link (Связать). Если выбрать этот пункт, то между значками слоя и маски на палитре Layers (Слои) появится цепочка, символизирующая связку.
•
Unlink (Снять связь). Убирает связь между маской и слоем.
Vector Mask (Векторная маска) Команды для работы с контурной маской. При ее создании на палитре слоев появляется еще одно окно активного слоя, в котором можно увидеть создаваемые на нем контуры. •
Reveal All (Показать все). Создается контурная маска, позволяющая видеть весь слой.
•
Hide All (Скрыть все). Маска скрывает под собой слой.
•
Current Path (Текущий путь). Маска на основе активного пути.
Create Clipping Mask (Создать маску связи) Группировать активный слой с нижним (Alt+Ctrl+G). Полезно в случае необходимости совместной обработки слоев.
Release Clipping Mask (Удалить маску связи) Разгруппировать сгруппированные ранее слои.
Smart Objects (Управляемые объекты) Команды для работы с нововведением Photoshop CS2 — управляемыми объектами (см. разд. 1.15). •
Group into New Smart Object (Преобразовать в новый управляемый объект). Позволяет создать управляемый объект из слоя (или нескольких слоев) документа.
•
New Smart Object via Copy (Новый управляемый объект из копии). Можно создать несколько копий слоя с управляемым объектом и разместить копии в различных местах изображения. В этом случае редактирование в Illustrator отразится на всех экземплярах объекта. Если необходимо разорвать связь между экземплярами, то выберите рассматриваемый пункт.
•
Edit Contents (Редактировать содержимое). Позволяет редактировать управляемый объект, расположенный на слое.
•
Export Contents (Экспортировать содержимое). Сохраняет содержимое слоя с управляемым объектом в отдельный файл формата TIFF.
•
Replace Contents (Заменить содержимое). Заменяет существующий управляемый объект помещаемым в документ изображением.
•
Convert to Layer (Преобразовать в слой). Преобразует слой с управляемым объектом в обычный растровый слой.
Главное меню
Туре (Текст) Содержит команды для работы со слоями, на которых находится текст. •
Create Work Path (Создать рабочий контур). Данная команда преобразует содержимое слоя в контур.
•
Convert to Shape (Конвертировать в фигуру). Преобразует текст в фигуру.
•
Horizontal/Vertical (Горизонтально/Вертикально). Позволяют изменить способ расположения букв на изображении.
•
Anti-Alias (Сглаживание). Все настройки из данного раздела обладают свойством сглаживать буквы так, чтобы края у них становились ровнее. •
None (Без сглаживания) — вобще не сглаживать.
•
Sharp (Резко) — наиболее резкое сглаживание краев букв.
•
Crisp (Слегка) — немного смягчить края.
•
Strong (Строго) — точно по краям букв.
•
Smooth (Смягчить) — смягчать переход от буквы к фону.
•
Convert To Paragraph Text (Преобразовать в блок). Перевести в блочный текст.
•
Warp Text (Деформировать текст). Команда предназначена для искривления текста (см. разд. 1.9).
•
Update All Text Layers (Обновить все текстовые слои). Внесенные изменения будут применены не только к активному текстовому слою, а ко всем.
•
Replace All Missing Fonts (Заменить все отсутствующие шрифты). Заменяет шрифты, которые отсутствуют в системе, наиболее близкими.
Rasterize (Растрировать) Пречисленные ниже команды предназначены для перевода текстовых слоев, а также изображений, созданных с помощью фигур, в растровый режим. •
Туре (Текст). Перевести текст в растр.
•
Shape (Фигура). Предназначена для преобразования фигур в растр.
•
Fill Content (Заливка). Растрировать векторную заливку.
•
Vector Mask (Векторная маска). Переводит в растр векторную маску.
•
Smart Object (Управляемый объект). Служит для преобразования слоя с управляемым объектом в обычное растровое изображение.
•
Layer (Слой). Растирует активный слой, если на нем есть любой не растровый элемент.
•
All layers (Все слои). Воздействию подвергаются все слои.
New Layer Based Slice (Новый слой из фрагмента) Добавить фрагмент на этот слой, то есть вся видимая часть слоя станет фрагментом.
Глава 1. Интерфейс программы и основы работы с Photoshop
Group Layers (Группа слоев) Создается новая группа, в которую можно поместить необходимые слои (Ctrl+G).
Ungroup Layers (Разгруппировать слои) Удаляет существующую группу с сохранением находящихся в ней слоев (Shift+Ctrl+G).
Hide Layers (Скрыть слои) Делает активные слои невидимыми. Вместо выбора этого пункта можно щелкнуть на пиктограмме глаза, расположенной слева от слоя на палитре Layers (Слои).
Arrange (Положение) Позволяет изменить порядок расположения слоев. •
Bring to Front (Самый верхний) — Shift+Ctrl+]. Помещает активный слой первым.
•
Bring Forward (Сдвинуть вперед) — Ctrl+]. Ставит активный слой на один выше.
•
Send Backward (Сдвинуть назад) — Ctrl+[. Перемещает активный слой на один вниз.
•
Send to Back (Самый нижний) — Shift+Ctrl+[. Помещает активный слой вниз, однако располагает его над фоновым слоем.
•
Reverse (Поменять местами). Меняет местами выделенные слои.
Align (Выровнять) Команды этой группы применимы к тексту и фигурам. Если выбрать одну из команд (рис. 1.31), то объект будет смещен относительно выделения так, как предполагает выбранный способ выравнивания.
II, Left Edges щ Horizontal Centers tjj| Right Edges Рис. 1 . 3 1 . Варианты выравнивания
Distribute (Распределить) Операция, аналогичная предыдущей, только используется для равномерного распределения нескольких слоев на плоскости.
Lock Layers (Блокировка слоев) С помощью этой команды можно заблокировать все активные слои. Выполнив данную операцию, вы вызовете диалоговое окно, в котором необходимо указать, какие именно замки следует поставить. Если выделена группа слоев, то пункт имеет вид Lock All Layers In Group (Блокировка всех слоев в группе).
Главное меню
Link Layers (Связать слои) Для образования связи между слоями необходимо выделить их и выбрать данный пункт. После этой операции справа от названия слоя должна появиться новая пиктограмма, изображающая цепочку.
Select Linked Layers (Выделить связанные слои) При выборе данного пункта связанные слои выделятся.
Merge Down (Объединить с предыдущим) Склеивает активный слой с предыдущим. Клавиатурное сокращение — Ctrl+E.
Merge Visible (Объединить видимые) Склеивает все видимые слои. Клавиатурное сокращение — Shift+Ctrl+E.
Flatten Image (Склеить изображение) Склеивает все слои, удаляя невидимые. После этой операции на изображении останется один общий слой, а невидимые слои удалятся.
Matting (Покрытие) Настройка, позволяющая удалять пикселы, не соответствующие по цвету фону, которые появились на изображении из-за переноса объекта через выделение с параметром Anti-Alias (Сглаживание). •
Defringe (Удаление бахромы). Цвет пиксела «бахромы» заменяется усредненным цветом ближайших «основных» пикселов. Количество пикселов для усреднения определяется в вызываемом диалоговом окне.
•
Remove Black Matte (Удаление черного). Из «бахромы» удаляются черные пикселы. Это удобно, если вставленный фрагмент первоначально располагался на черном фоне.
•
Remove White Matte (Удаление белого). Аналогично предыдущему, но для первоначального белого фона.
Меню Select (Выделение) Select (Выделение) — особая часть основного меню, предназначенная для работы с выделением. Содержит команды, дополняющие инструменты выделения и позволяющие эффективно работать с программой. Открыв это меню, вы увидите, что большинство параметров являются неактивными, то есть окрашены серым цветом. И это логично, так как вы еще не создали выделение. Поэтому, чтобы рассмотреть большинство доступных возможностей, создайте любое выделение, исключая только выделение всего изображения (будет невозможно многое проиллюстрировать). После этого можно приступать к изучению команд, чем мы и займемся, в том порядке, в котором они расположены в меню.
Глава 1 . Интерфейс программы и основы работы с Photoshop
All (Все) Выделить все изображение. Наиболее часто применяемая команда, которая проводит линию выделения по границе изображения. Запуск этой команды клавиатурным сокращением Ctrl+A позволит сэкономить много времени.
Deselect (Отменить выделение) Снимает выделение со всех выделенных областей изображения. С клавиатуры вводится сочетанием Ctrl+D. Если вы не хотите убирать выделение, а вам нужно только увидеть его без «бегущих муравьев», то нажмите сочетание Ctrl+H — выделение станет невидимым, но не исчезнет.
Reselect (Вернуть) Применяется в том случае, если вы удалили выделение, а затем вам понадобилось его вернуть. Очень удобная возможность, советуем ее запомнить. Лучше использовать клавиатурное сокращение (Shift+Ctrl+D).
Inverse (Инвертировать) Меняет местами выделенную и невыделенную области. Применяется, если вам необходимо редактировать большую область, а маленький фрагмент оставить без изменений. Например, вы хотите настроить цвет на пейзажной фотографии, но не хотите трогать луну. Простейший способ добиться этого — выделить луну инструментом Elliptic Marquee (Эллиптическое выделение), а затем инвертировать выделение (Shift+Ctrl+I). В результате вы сможете применять что угодно, в том числе фильтры, ко всему изображению, кроме луны.
All Layers (Все слои) Этот параметр и два следующих являются нововведениями Photoshop CS2 и предназначены для выделения слоев. All Layers (Все слои) выделяет все слои, присутствующие в изображении (Alt+Ctrl+A).
Deselect Layers (Снять выделение со слоев) Если какие-либо слои выделены, то снимает с них выделение.
Similar Layers (Сходные слои) Выделяет однотипные слои (например, текстовые).
Color Range (Цветовой диапазон) Мощный инструмент выделения, чрезвычайно полезный на практике. Мы рассмотрим его очень подробно, так как это действительно необходимо. Эта команда работает следующим образом: выделяет все пикселы в изображении, которые подходят под заданные пользователем условия. Как, наверное, уже заметили внимательные читатели, подобным образом поступает инструмент Magic Wand (Волшебная палочка), однако команда Color Range (Цветовой диапазон) — гораздо более мощное средство. Чтобы задать образец цвета для создания выделения, выберите эту команду в меню (при этом откроется диалоговое окно, показанное
Главное меню на рис. 1.32) и щелкните мышью на подходящем месте изображения. После этого можно переходить непосредственно к изучению параметров команды. Color Range Select:] <^ Sampled Colors Fuzaness:
:
;
vi 68
OK
Reset
Save... J
D Invert ©Selection О Image /Selection Preview: I None Рис. 1.32. Диалоговое окно Color Range (Цветовой диапазон)
В раскрывающемся списке Select (Выделение) мы указываем программе, по какому именно признаку будем выделять (рис. 1.33). Sampled Colors
;Д
Sampled Colors
ш Reds Yellows
• •Greens Cyans •Blues в Magentas •Highlights •Midtones •Shadows OutOf Gamut Рис. 1.33. Режимы выделения командой Color Range (Цветовой дапазон)
•
Sampled Colors (Выделенные цвета). Основной режим работы, с которым связано большинство остальных настроек команды. Выделяет по указанным вами цветам. Имеет наибольшее сходство с инструментом Magic Wand (Волшебная палочка).
Глава 1 . Интерфейс программы и основы работы с Photoshop •
Reds (Красный), Yellows (Желтый), Greens (Зеленый), Cyans (Синий), Blues (Голубой), Magentas (Пурпурный). Выделение пикселов по тому или иному цвету.
•
Highlights (Света). Выделение наиболее освещенных пикселов. Применяется, когда необходимо, например, выделить весь снег на фотографии горной местности, не трогая камней, елок и пр.
•
Midtones (Средние тона). Выделение пикселов, обладающих средней освещенностью.
•
Shadows (Тени). Выделение темных пикселов. Идеально подходит для того, чтобы выделить отсканированное изображение, нарисованное черной тушью.
•
Out Of Gamut (Вне гаммы). Выделить цвета, невозможные в распечатке (не входящие в CMYK-систему). Для большинства пользователей абсолютно бесполезно, однако если вы работаете в полиграфии, вам это может понадобиться.
Fuzziness (Размытость). Один из главных параметров. Показывает, с каким допуском яркости будут выделяться цвета. Напомним, что каждый пиксел, например, в RGB-системе, кроме информации о цветовых каналах (в RGB их три — Red (Красный), Green (Зеленый) и Blue (Голубой)), несет еще информацию о яркости каждого из них. Яркость лежит в пределах от 0 до 255. Каждый пиксел описан следующим образом: RxGyBz, где R, G, В — показатели цвета каналов, а х, у, г — числовые значения яркости каналов (от 0 до 255). Таким образом, пиксел R0G0B0 — это абсолютно черный цвет, R255G255B255 — абсолютно белый, а, например, R255G0B0 — абсолютно красный. Допуском определяется диапазон тех отклонений яркости от яркости образцового пиксела, с которыми пикселы будут попадать в выделение. Приведем пример. Допустим, в качестве образцового взят пиксел R0G40B100. Если допуск равен 40, то в выделение войдут все пикселы, значения которых удовлетворяют таким условиям: •
R0-40 — значения яркости для красного находятся в промежутке от 0 до 40;
•
G0-80 — значения яркости для зеленого от 0 до 80;
•
В60-140 — значения яркости для синего от 60 до 140. Исходя из этого, можно сказать, что значение допуска, равное нулю, выделит только пикселы, равные указанному, а значение 200 (максимальное) выделит практически все изображение.
Selection (Выделение). Показывать в окне выделенные пикселы. Применяется в том случае, если вы хотите видеть в окне Color Range (Цветовой диапазон) то, что выделилось. Image (Изображение). Применяйте в том случае, если в окне Color Range (Цветовой диапазон) вы хотите видеть изображение. Selection Preview (Просмотр выделения). Позволяет просматривать выделяемые пикселы не только в окне инструмента, но и непосредственно на изображении. Это очень удобно, особенно владельцам мониторов с диагональю боль-
Главное меню ше 15 дюймов. Просмотр выделения имеет свои настройки, но мы не будем их касаться, так как они интуитивно понятны. •
Load (Загрузить). Эта кнопка позволяет загружать файл готовых настроек данной команды.
•
Save (Сохранить). Сохраняет ваши настройки в файле для использования в дальнейшем.
В зависимости от поставленной цели следует выбрать один из трех видов пипетки. •
Eyedropper (Пипетка). Данный инструмент предназначен для создания обычного выделения. Когда вы выносите его за пределы палитры в область изображения, курсор принимает вид пипетки, которая берет на пробу цвет, а потом строит область выделения. Также можно щелкнуть им и в окне предварительного просмотра, но это не так удобно. В любом случае, как бы вы ни поступили, результат сразу же станет виден в окне Color Range (Цветовой диапазон), если под ним выбран параметр Selection (Выделение), а не Image (Изображение).
•
Add to Sample (Добавить к образцу). Позволяет выделять не по одному, а по нескольким образцам. Где это может понадобиться: у вас есть изображение, состоящее из множества объектов, а вам необходимо выделить только черные и белые. Тогда мы выделяем сначала белые, а затем, используя данный параметр, щелкаем мышью по черному пикселу и получаем желаемый результат.
•
Subtract from Sample (Удалить из образца). Команда аналогична предыдущей, только не добавляет, а удаляет пикселы из выделения.
Флажок Invert (Инвертировать) действует аналогично команде Inverse (Инвертировать) меню Select (Выделение). Вот и все, что можно кратко сказать об этой команде выделения. Стоит добавить, что Color Range (Цветовой диапазон) лучше всего познается на практике, поэтому посвятите ее изучению немного времени, и это еще не раз себя оправдает.
Feather (Растушевка) Создание области частично выделенных пикселов по границе выделения. Напомним, что частично выделенный пиксел — это такой пиксел, на который все инструменты воздействуют также частично, в зависимости от процентной величины выделенности. В основном команда Feather (Растушевка) используется для создания эффекта плавного перехода объекта в фон.
Modify (Изменить) Модифицировать выделение. Есть следующие варианты. •
Border (Рамка). Создать своеобразную границу, которая представляет собой повторение вашего выделения через некоторое указанное расстояние. Обратите внимание, что при этом редактируемая область будет внутри получившейся рамки.
Глава 1 . Интерфейс программы и основы работы с Photoshop •
Smooth (Сгладить). Смягчить острые края выделения.
•
Expand (Расширить). Применяйте в том случае, если не совсем точно выделили что-либо и необходимо расширить выделение.
•
Contract (Сжать). Сужает выделение.
Grow (Смежные пикселы) Достаточно интересная возможность программы. Продолжает выделение, пока область одноцветная. Некий аналог инструмента Magic Wand (Волшебная палочка) с нулевым допуском, но иногда бывает удобнее за счет того, что выделяет не по одному цвету, а по цвету всех пикселов в области. Хороший инструмент для выделения кожи и других сложных по цветовым составляющим поверхностей.
Similar (Подобный) Похожа на предыдущую команду. Отличается от нее тем, что выделяет не на непрерывной области, а на всем изображении.
Transform Selection (Преобразовать выделение) Выполняет те же функции, что и команда Free Transform (Свободное трансформирование) меню Edit (Редактирование), но работает не с изображением, а с выделением. Так как аналогия полная, не будем повторяться — команде Free Transform (Свободное трансформирование) посвящен разд. 1.8.
Load Selection (Загрузить выделение) Полезный инструмент, который применяется очень часто. Служит для загрузки выделения, сохраненного в каналах. Что такое каналы и как ими пользоваться, читайте в разд. 1.11. Параметры команды представлены на рис. 1.34. Load Selection г Source I Document:] DSC00645.JPG
[ Cancel ]
Channel: i Background copy Transparency • Insert •~ Operation ;••0 New Selection О Лей to Selection О Subtract from Selection ©Intersect with Selection Рис. 1.34. Диалоговое окно Load Selection (Загрузить выделение)
Document (Документ). Источником выделения является документ. В списке отображаются только те документы, которые в данный момент открыты в программе.
Главное меню •
Channel (Канал). Канал, который загружается в качестве выделения (на палитре Channels (Каналы)).
•
Invert (Инвертировать). Инвертировать выделение.
•
New Selection (Новое выделение). Загрузить как новое выделение.
•
Add to Selection (Добавить к области). Добавить выделение из канала к уже имеющемуся.
•
Subtract from Selection (Удалить из выделения). Исключает загружаемое выделение из уже имеющегося.
•
Intersect with Selection (Пересечение с выделением). Оставляет в качестве выделения пересечение загружаемого выделения с имеющимся.
Save Selection (Сохранить выделение) Сохраняет выделение как канал. Вы очень часто будете встречаться с этой командой в наших примерах. Имеет те же настройки, что и предыдущая команда.
Меню Filter (Фильтр) В этом меню содержится огромное количество фильтров. Фильтр — это небольшая программа, встроенная в Photoshop и выполняющая одну узкую функцию. Они применяются очень часто, но в этом разделе мы их описывать не будем. Дело в том, что в данной книге более 80 практических примеров, и в каждом из них применяется множество фильтров. На наш взгляд, практические примеры способны дать полное представление о том, что такое фильтры и как с ними работать. Фильтры — это отдельные файлы, и хранятся они отдельно от системных файлов Photoshop. Фильтры имеют свой собственный формат, описание которого может достать любой разработчик программного обеспечения, поэтому существует огромнейшее количество дополнительных фильтров для этой программы. На прилагаемом к книге компакт-диске вы найдете демонстрационные версии лучших из них. Но некоторые инструменты из меню Filter (Фильтр) мы все же рассмотрим.
Filter Gallery (Галерея фильтров) Этот инструмент дает большую свободу для творчества, позволяя объединять действие большого количества фильтров с любыми настройками для получения нужного результата в режиме реального времени. ПРИМЕЧАНИЕ Правда, не со всеми имеющимися в арсенале стандартными фильтрами Adobe Photoshop CS2 можно работать в режиме Filter Gallery (Галерея фильтров), некоторые из плагинов действуют только индивидуально. Отом, как узнать список доступных для Filter Gallery (Галерея фильтров) эффектов, читайте чуть ниже.
Глава 1 . Интерфейс программы и основы работы с Photoshop Выполните команду Filter • Filter Gallery (Фильтр • Галерея фильтров). Откроется окно, показанное на рис. 1.35.
8
2
Рис. 1.35. Окно настроек Filter Gallery (Галерея фильтров)
1.
Раскрытая группа фильтров Brush Strokes (Штрихи кисти). Как видно, папка обозначает группу фильтров, миниатюры — сами фильтры. Миниатюры не являются динамическими, то есть вы сразу не можете увидеть именно ваше изображение, обработанное разными фильтрами. Это просто статичные картинки, по которым можно составить представление о действии того или иного фильтра.
2.
Другие группы фильтров в свернутом виде. Если открыть меню Filter (Фильтр), то можно увидеть, что это почти все существующие в стандартной комплектации Photoshop CS2 наборы плагинов. Их можно открыть точно так же, как на рисунке раскрыта группа Brush Strokes (Штрихи кисти).
3.
Раскрывающийся список всех фильтров, доступных в Filter Gallery (Галерея фильтров). Это самый быстрый способ запустить нужный плагин, конечно, при условии, что вы знаете, какой именно плагин вам нужен.
4.
Настройки выбранного фильтра. На изображении это, соответственно, настройка Accented Edges (Выделить края).
5.
Фильтры, отобранные для получения результата. В нашем случае это Glowing Edges (Светящиеся края) и Accented Edges (Выделить края). В совокупности
Главное меню они дают эффект «неонового» изображения. Их еще можно называть слоями эффектов. 6.
Эти кнопки изменяют количество активных фильтров. Если вы хотите добавить еще один плагин для совместной работы, то щелкните на значке в виде белого листа бумаги, затем выберите нужный фильтр (см. рис. 1.35, 1). Если нужно удалить лишний слой эффектов, то используйте кнопку Delete effect layer (Удалить слой эффектов), представленную пиктограммой в виде корзины.
7.
Окно предварительного просмотра результата. В нем видно, как назначенные вами настройки повлияют на изображение. Большим достоинством этого окна является его размер — в отличие от более ранних версий Photoshop, можно не всматриваться, чтобы оценить производимые изменения.
8.
Здесь можно задать масштаб предварительного просмотра. Правда, авторы советуют использовать куда более удобный вариант — клавиатурные сокращения: Ctrl++ для увеличения и Ctrl+- для уменьшения масштаба.
9.
Кнопка, позволяющая расширить область предварительного просмотра за счет отключения отображения миниатюр фильтров.
Filter Gallery (Галерея фильтров) — это отличный инструмент для поиска интересных решений, обладающий большими возможностями даже для новичков. Экспериментируйте, и интересные результаты не заставят себя ждать.
Extract (Извлечение) Инструмент для автоматического отделения объектов от фона. Выполнен достаточно грамотно, но результат, как правило, хуже, чем при использовании традиционных методов. Поэтому в повседневной работе используется очень редко.
Liquify (Разжижение) Включает набор инструментов, предназначенных для редактирования изображений (рис. 1.36). По своему составу и свойствам близок к фильтрам из раздела Distort (Деформация). Рассмотрим инструменты, находящиеся в левом верхнем углу окна фильтра Liquify (Разжижение). ^а Forward Warp (Искривить). Первый инструмент в списке и наиболее полезный из всех. Действует подобно стандартному инструменту Photoshop Smudge (Палец): берет пикселы из области кисти (размер которой вы можете регулировать) и сносит их в сторону движения инструмента. Во многом Forward Warp (Искривить) превосходит классический Smudge (Палец), поэтому каждый раз, когда необходимо что-либо сделать с помощью Smudge (Палец), подумайте, не лучше ли с этой задачей справится инструмент из фильтра Liquify (Разжижение). Reconstruct (Восстановить). Отменяет выполненные преобразования, причем делает это постепенно. Поэтому можно уловить идеальный момент искажения
Глава 1 . Интерфейс программы и основы работы с Photoshop в том случае, если вы переусердствовали с каким-либо эффектом. Конечно, и в Liquify (Разжижение) можно отказаться от последнего действия с помощью стандартного сочетания клавиш Ctrl+Z, но что делать, если результат не устраивает в целом? Тогда и приходится пользоваться этим инструментом. Радует то, что отменяет он не все сразу, а постепенно, так что всегда можно остановиться на приемлемом переходном варианте. UquHyJDSCOO554J .PG
Ж-
Brush Density:: 50
Brush Pressure: • 100 >?.• Brushftate:j 80
Ш-:
Torbdent itter:.{Щ "' - \ ::,R«oostructMode: 'i'i-:tvi
ModeR l' ever;l Reconstruct j 1 Restore gl Ю- E>- V®- й$- Ш-.У-j
:
None
j: }
:{5]5how Image
MaskAl
j j
Invert All
'GsbowMesh
•
Mask Color:: Red
Рис. 1.36. Диалоговое окно фильтра Liquify (Разжижение)
JTwirl Clockwise (Скручивание по часовой стрелке). Этот инструмент является большой подмогой пользователю. В принципе, он повторяет фильтр Twirl (Скручивание) из группы Distort (Деформация), но делают это очень специфично. То, что можно сделать этим инструментом, никогда не получится с помощью фильтра. Если при использовании данного инструмента держать нажатой клавишу Alt, то скручивание будет происходить против часовой стрелки. |Pucker (Сузить). С помощью этого инструмента можно сужать изображения. *Он стягивает содержимое области, на которую указывает кисть, к центру. Ничего подобного в других инструментах Photoshop CS2 точно нет. С помощью данного инструмента вполне реально из своего полного товарища на фотографии сделать крайне худую личность.
Главное меню i Bloat (Раздуть). Инструмент, обратный по действию предыдущему. На этот раз "изображение «раздувается», расширяется от центра кисти во всех направлениях, позволяя из худого друга сделать толстяка. |Push Left (Сдвиг пикселов). Этот инструмент делает то же самое, что и Forward "Warp (Искривить), но только с тем исключением, что перенос пикселов происходит не по направлению движения кисти, а перпендикулярно ему. [Mirror (Отражение). Перемешивает изображение. Не очень впечатляет, но иногд а может пригодиться. Turbulence (Волнение). Искажение по принципу волны. | Freeze Mask (Заморозить область). Невероятно полезный инструмент, позволяющий «заморозить» область, то есть сделать ее недоступной для редактирования. Механизм выделения этой области похож на создание масок. Советуем сразу освоить этот инструмент. Thaw Mask (Разморозить область). Переводит «замороженную» область в обычное состояние. Hand (Рука) и Zoom (Лупа) работают точно так же, как в основном окне Photoshop. Обычно все кисти Liquify (Разжижение) используются в комплексе, что дает возможность быстро добиться поистине удивительного результата. Обратите внимание, что в большинстве случаев инструменты Liquify (Разжижение) действуют даже тогда, когда вы не перемещаете указатель мыши по экрану. Например, если щелкнуть инструментом Twirl Clockwise (Скручивание по часовой стрелке) на каком-либо участке изображения и удерживать нажатой кнопку мыши, то вы увидите, как на ваших глазах происходит постепенное искажение данного участка. Как и любой инструмент, Liquify (Разжижение) имеет целый набор собственных настроек (см. рис. 1.36). Точнее, это в подавляющей массе настройки инструмента, который в данный момент активен. •
Load Mesh (Загрузить сетку) и Save Mesh (Сохранить сетку). Позволяют загружать или сохранять примененные настройки.
•
Tool Options (Параметры инструмента). •
Brush Size (Размер кисти). То, что в этом инструменте можо изменять размер кисти, расширяет его возможности.
•
Brush Density (Плотность мазка). Определяет плотность «мазка».
•
Brush Pressure (Нажим кисти). Определяет эффективность инструмента.
•
Brush Rate (Темп кисти). Определяет скорость закраски.
•
Turbulent Jitter (Турбулентность). Задает степень нелинейных искажений. Например, если при использовании Turbulent Jitter (Турбулентность)
Глава 1 . Интерфейс программы и основы работы с Photoshop установить максимальное значение, то будет создан эффект растекания жидкости вместо волны.
•
•
Reconstruct Mode (Режим восстановления). Задается режим работы для инструмента Reconstruct (Восстановить).
•
Stylus Pressure (Нажим пера графического планшета). Полезно тем, кто рисует не мышью, а на дигитайзере.
Reconstruct Options (Параметры восстановления). С помощью этих параметров можно подкорректировать свою работу или вообще вернуть ее к исходному состоянию. •
Mode (Тип восстановления). Советуем стараться не изменять значения по умолчанию.
•
Reconstruct (Восстановить). При нажатии этой кнопки будет происходить частичное возвращение к первоначальному варианту изображения.
•
Restore All (Восстановить все). Использование этого параметра сразу отменит все произведенные вами изменения.
•
Mask Options (Параметры маски). Кнопки, расположенные здесь, позволяют в разных режимах подгружать маски из выделения, прозрачности или слоямаски изображения и сочетать их с маской, созданной в Liqufy (Разжижение).
•
View Options (Параметры просмотра). •
Show Image (Показать изображение).
•
Show Mesh (Показать сетку). Сетка в Liquify (Разжижение) помогает ориентироваться в искажениях. На ней прекрасно видно, что и как было искривлено.
Настройки вспомогательных элементов следующие. •
Mesh Size (Размер сетки). Бывает трех видов: Small (Маленькая), Medium (Средняя) и Large (Большая).
•
Mesh Color (Цвет сетки). По умолчанию — черный, но его приходится изменять, например, когда само изображение очень темное.
•
Show Mask (Показать маску). Включает отображение защищенных областей.
•
Mask Color (Цвет маски). Причины смены данного цвета те же, что и для Mesh Color (Цвет сетки).
•
Show Backdrop (Показать исходное изображение). Очень интересный режим работы, в котором поверх измененного изображения появится полупрозрачное исходное. В некоторых случаях это очень удобно.
•
Use (Использовать). Как ни странно, именно здесь можно ограничить область применения инструмента каким-то конкретным слоем изображения.
•
Mode (Режим). Задает расположение исходного изображения относительно основного.
•
Opacity (Непрозрачность). Задает прозрачность этой области.
Главное меню У Liquify (Разжижение) есть одно отличное качество — этот инструмент не только полезен в ежедневной работе, но и может служить отличным развлечением. Возьмите несколько фотографий своих гостей и немного поработайте с ними. Товарищи будут в восторге!
Pattern Maker (Текстуратор) Ориентирован на создание фоновых узоров для веб-страниц, однако на практике редко используется. Именно поэтому мы не касаемся его настроек.
Vanishing Point (Точка схода) Этот фильтр (рис. 1.37) появился в Photoshop CS2. Он позволяет создавать и редактировать перспективу на изображениях, особенно это применимо для стен зданий и других перспективных объектов. Используя Vanishing Point (Точка схода), можно определять на перспективных изображениях редактируемые плоскости и изменять их: перемещать, раскрашивать, копировать и трансформировать. Использование этого фильтра может дать очень интересные результаты.
Рис. 1.37. Диалоговое окно фильтра Vanishing Point (Точка схода)
Меню View (Вид) С помощью команд этого меню управляют просмотром изображения. Все его команды изменяют только режим просмотра, но никак не влияют на изображение.
Глава 1 . Интерфейс программы и основы работы с Photoshop Сразу стоит сказать, что все команды, размещенные в этом меню, лучше всегда запускать с клавиатуры. •
Proof Setup (Установки профиля). Выбрать цветовой профиль для отображения на мониторе.
•
Proof Colors (Цветовой профиль). Включить отображение цвета на основе профиля (Ctrl+Y).
•
Gamut Warning (Предупреждение диапазона печати). При включении этого параметра (Shift+Ctrl+Y) будут выделены пикселы, цвет которых не может быть отображен при печати.
•
Pixel Aspect Ratio Correction (Поправка на пропорции пикселов). Включает возможность отображения на мониторе неквадратных пикселов.
•
32-bit Preview Options (Параметры просмотра 32-битных изображений).
•
Zoom In (Увеличить). Увеличить изображение. Гораздо лучше запускать клавиатурным сокращением Ctrl++.
•
Zoom Out (Уменьшить). Уменьшить изображение. Клавиатурное сокращение — СМ+-.
•
Fit on Screen (Во весь экран). Развернуть изображение на всю видимую область экрана. Клавиатурное сокращение — Ctrl+O.
•
Actual Pixels (Реальный размер). Показать изображение в реальном размере. Клавиатурное сокращение — Alt+Ctrl+O.
•
Print Size (Размер печати). Изменить размер изображения таким образом, чтобы оно идеально размещалось на листе бумаги для распечатки. Гораздо удобнее пользоваться командой File • Print with Preview (Файл • Печать с предварительным просмотром).
•
Screen Mode (Режим экрана). В этом подменю можно изменять режим отображения: •
Standard Screen Mode (Стандартный режим);
•
Full Screen Mode With Menu Bar (Полноэкранный режим с главным меню);
•
Full Screen Mode (Полноэкранный режим).
Авторы советуют переключаться между этими режимами, используя «горячую» клавишу F. •
Extras (Дополнительные элементы). Очень важная команда, которую вы, несомненно, будете использовать. Управляет отображением ограничивающих линий изображения, которые не являются его частью, таких как границы выделения, контуры, комментарии, направляющие и границы фрагментов. Самое распространенное применение следующее: вы что-то редактируете в выделении, но «бегущие муравьи» его границы мешают видеть точный результат. Конечно, можно нажать Ctrl+D и убрать выделение вообще. Но если оно вам необходимо? Тогда достаточно нажать Ctrl+H, и «муравьи» исчезнут с ваших глаз, но выделение при этом останется. Чтобы увидеть его снова, нужно повторно нажать Ctrl+H.
Главное меню •
Show (Показать). Команда позволяет указать, какие именно элементы должны быть видимы, а какие невидимы в окне с активным изображением. Можно управлять видимостью следующих объектов. •
Layer Edges (Границы слоя). При выборе данного пункта вокруг активного слоя будет отображаться синяя рамка, показывающая границы слоя.
•
Selection Edges (Края выделения). Линия, ограничивающая выделение.
•
Target Path (Направляющие контуров). Линии, которыми обозначаются контуры.
•
Grid (Сетка). Сетка — это незаменимый во многих задачах инструмент. Если вы ее включите, то будет значительно удобнее рисовать геометрические фигуры, ориентироваться в размерах и расстоянии и т. д.
•
Guides (Направляющие). Направляющие — это линии, не являющиеся частью изображения, направленные вертикально и горизонтально, которыми удобно пользоваться для обозначения границ чего-либо.
•
Smart Guides («Умные» направляющие). Эти направляющие появились в Photoshop CS2. Они помогают создавать выделения, фигуры и пластины. «Умные» направляющие по умолчанию отображаются розовым цветом.
•
Slices (Фрагменты). Границы фрагментов, если вы с ними работаете.
•
Annotations (Комментарии). Комментарии, которые вы можете добавить в любой файл и сохранить.
•
АН (Все) и None (Ничего). Названия говорят сами за себя.
•
Show Extras Options (Параметры дополнительных элементов). С помощью этой команды вы определяете, что относить к группе Extras (Дополнительные элементы). Дело в том, что при нажатии Ctrl+H прячутся все дополнительные элементы изображения. Но что делать, если вам постоянно нужно скрывать контуры, не трогая при этом выделения? Данная команда поможет решить эту проблему.
•
Rulers (Линейки). Команда, включающая отображение линеек. Линейки — это линии с делениями, расположенные по краям изображения, благодаря которым можно рисовать объекты с точными размерами, особенно если при этом пользоваться сеткой и направляющими.
•
Snap (Привязать). Эта команда определяет, существует ли привязка в принципе. Привязка — это ограничение области воздействия инструмента (см. следующий пункт).
•
Snap to (Стиль привязки). Определяет тип используемой привязки. •
Guides (Направляющие). Привязать к направляющим.
•
Grid (Сетка). Привязать к сетке. Очень полезная возможность, так как она упрощает рисование или выделение, когда необходимо делать это очень точно. Например, один из авторов этой книги как-то начертил в Photoshop чертеж, в основном благодаря привязке к сетке.
•
Layers (Слои). Привязать к слоям.
Глава 1 . Интерфейс программы и основы работы с Photoshop •
Slices (Фрагменты). Привязать к фрагменту. После этого выделить часть изображения вы сможете только в пределах фрагмента.
•
Documents Bounds (Границы документа). Привязать к границам документа.
•
АН (Все) и None (Ничего). Привязать ко всему и не привязывать вообще соответственно.
Остальные команды благодаря своим названиям не требуют комментариев. •
Lock Guides (Блокировка направляющих).
•
Clear Guides (Убрать направляющие).
•
New Guide (Новая направляющая).
•
Lock Slices (Блокировка фрагментов).
•
Clear Slices (Убрать фрагменты).
Меню Window (Окно) Команды этого меню позволяют управлять видом главного окна программы. В основном применяются для того, чтобы показывать и скрывать палитры. Раздел Arrange (Положение) используется для организации работы с окнами документов и содержит следующие команды. •
Cascade (Каскад). Располагает окна каскадом, то есть вы будете видеть много окон одновременно, если откроете несколько файлов.
•
Tile Horizontally (Разделить горизонтально). Вся видимая площадь главного окна программы делится поровну по горизонтали между всеми несвернутыми файлами, которые при этом располагаются сверху вниз. В таком (и следующем) режиме очень удобно заниматься фотомонтажом.
•
Tile Vertically (Разделить вертикально). Вариант, подобный предыдущему, только рабочая область разделяется по вертикали и изображения расположены слева направо.
•
Arrange Icons (Упорядочить значки). Если вы свернули большое количество окон, то их значки разбросаны по всему главному окну программы, что очень неудобно. Эта команда позволяет ровно выстроить их внизу экрана.
•
Match Zoom (Соответствие масштаба). Приводит все открытые окна к одному масштабу, соответствующему активному изображению.
•
Match Location (Соответствие положения). Приводит все открытые окна к одному положению полос прокрутки, то есть к отображению одного и того же фрагмента изображения. Например, если в неактивном изображении пользователь видит правый верхний угол, а в активном — центральную часть, то после выполнения данной операции видимыми станут центральные части всех открытых изображений.
•
Match Zoom and Location (Соответствие масштаба и положения). Комбинация двух предыдущий настроек.
Главное меню •
New Window (Новое окно). Открыть текущее изображение в новом окне.
В разделе Workspace (Рабочая область) сгруппированы команды, позволяющие сохранять и загружать вид рабочей области. •
Save Workspace (Сохранить рабочую область). Сохранить расположение палитр, инструментов и другие настройки окна для последующего использования.
•
Delete Workspace (Удалить рабочую область). Удалить активную рабочую область из списка, если она в нем есть.
•
Default Workspace (Рабочая область по умолчанию). Установить расположение палитр и настройки в них по умолчанию, то есть так, как это происходит при первой загрузке Photoshop.
•
Reset Palette Locations (Восстановить размещение палитр). Если вы неудачно сгруппировали палитры, то всегда можете восстановить изначальное расположение, выполнив эту команду.
•
Reset Keyboard Shortcuts (Восстановить клавиатурные сокращения). Используется, если нужно сбросить все заданные вами настройки клавиатурных сокращений и вернуться к установкам по умолчанию.
•
Reset Menus (Восстановить меню). Выполните данную команду, если необходимо сбросить все заданные вами настройки меню и вернуться к установкам по умолчанию.
•
Keyboard Shortcuts and Menus (Клавиатурные сокращения и меню). При выборе этого пункта открывается одноименное окно, в котором можно настроить сочетания клавиш и меню программы с учетом предпочтений пользователя и стоящих перед ним задач.
Меню Help (Справка) Данное меню содержит команды справочной системы Adobe Photoshop, а также некоторые весьма полезные возможности. Рассмотрим их.
Export Transparent Image (Экспорт прозрачного изображения) По сути, это Wizard (Пошаговый помощник) для экспорта прозрачного изображения. Честно говоря, мы были очень удивлены, когда впервые увидели Export Transparent Image (Экспорт прозрачного изображения). Какой смысл размещать в профессиональной графической программе откровенно любительское средство, которое больше подошло бы для Photo Deluxe? Но, немного подумав, мы пришли к выводу, что все же оно достаточно полезно начинающим пользователям, которые еще не совсем разобрались в программе. Разумеется, для опытных пользователей быстрее сохранить его сразу, используя команды сохранения, но для новичков и этот мастер может оказаться полезным.
Глава 1 . Интерфейс программы и основы работы с Photoshop
Resize Image (Изменить размеры изображения) Если предыдущий мастер был предназначен для экспорта прозрачности, то этот позволяет автоматизировать настройку размеров. Конечно, это нужно только начинающим пользователям.
1.4. Основные палитры Photoshop Для удобства работы в Photoshop существует несколько основных палитр, которые обычно открыты при работе с изображением. С их помощью можно проследить за основными составляющими редактируемого изображения. Любую палитру можно открыть, используя меню Window (Окно).
Navigator (Навигатор) Чтобы открыть эту палитру, выполните команду Window • Navigator (Окно • Навигатор). После этого появится окно, изображенное на рис. 1.38.
Окно масштабирования
Увеличение масштаба
Масштаб Уменьшение масштаба
Маркер масштабирования
Рис. 1.38. Палитра Navigator (Навигатор)
В этом окне есть несколько параметров, позволяющих оптимально настроить палитру для конкретного изображения. В окне масштабирования представлено изображение в миниатюре. Рамкой ограничена та область, которая видна на основном полотне. Ее можно перемещать с помощью мыши, а изменять ее размер можно, щелкнув на ней мышью при нажатой клавише Ctrl. Щелчком на кнопке со стрелкой • , расположенной в правом верхнем углу палитры Navigator (Навигатор), вызывается меню, в котором можно выбрать цвет рамки для выделения редактируемой области.
Info (Информация) Эта палитра (рис. 1.39) предоставляет всю необходимую информацию о той точке, в которой находится курсор. Для получения данных достаточно подвести мышь к интересующему пикселу. Если окно палитры скрыто, откройте его командой Window • Info (Окно • Информация).
Основные палитры Photoshop
31,61 18,10
Doc: 3,52M/3,S2M Draw rectangular selection or move selection outline, Use Shift, Alt, and Ctrl For additional options. :
Рис. 1.39. Палитра Info (Информация)
RGB-составляющие — показывают составляющие цвета данной точки в модели RGB. CMYK-составляющие — показывают цвета, составляющие точку, в модели CMYK. X, Y — координаты точки текущего положения курсора. Координатам 0,0 соответствует левый верхний угол. W, Н — размеры выделения. Точке 0,0 соответствует начало выделения, а указанным координатам — его конец.
Color (Цвет) Данная палитра предназначена для выбора основных цветов. Она не так удобна, как появляющася при щелчке на окне основного цвета, расположенном внизу палитры инструментов, но необходима, если вам нужно очень часто менять цвета. Открывается она командой Window • Color (Окно • Цвет) (рис. 1.40).
Цвет переднего плана Цвет фона
Г~1 RGB-составляющие
Цветовое предупреждение Цветовая полоса Рис. 1.40. Палитра Color (Цвет)
Все настройки на этой палитре очень простые. Окна цвета, аналогичные расположенным на палитре инструментов, указывают на цвета переднего плана и фона. Цветовая полоса позволяет приблизительно выбрать необходимый цвет (точнее, его оттенок), который потом можно подкорректировать с помощью ползунков под RGB-полосами, позволяющих точно установить любой цвет.
Глава 1 . Интерфейс программы и основы работы с Photoshop
Swatches (Образцы) Swatches (Образцы) — это еще одна палитра, предназначенная для работы с цветом. Открыть ее окно можно командой Window • Swatches (Окно • Образцы) (рис. 1.41).
Образцы цвета'
Г switch.. ц ^ ""рГ~ТМ^~Т~Т~Т~Т 1 I | |
U_ •
тТТТТТТТТТТТТТТ 1
I L [ I 1 ||J j
1 I
, i
f
1
Создать образец Удалить о б р а з е ц
:
'
„ Small Thumbs Large Thumbnail Small List large. List.
P"i""t 1 г 1 ' f * t "i Е?Я ИМВВГ*1 i
DocktoPalette Well ' New Swatch...
i
Preset Manager.,, Reset Swatches;,, Load Swatches,., Save Swatches;,. Save Swatches for Exchange... Replace Swatches... •
':{ PANTONE solid uncoated I PhotofifcerColors
••'.'•.
TOYO Color Finder TRUMATCH Colors VlslBone VMBone2 Web Hues Web Safe Colors ' : .
••; • Web Spectrum
j
: Windows
ANPA Colors Die Color Guide FOCOlTCWe Colors HKSE Process HKSE . HKSKProcess HKSK ... >*SN Process :H<SN. '.. HK5 2 Process ,:.:.r*SZ , , "^ Mac OS PANtONE metallic coated ЛРЩОЫЕ pastel coated PANTONE pastel uncoated PANTONE process coated PANTONE process uncoated PANTONE solid coated PANTONE solid matte PANTONE solid to process EURO PANTONE solid toprocess
•
•
Рис. 1.41. Палитра Swatches (Образцы) и ее меню
Эта палитра состоит из самих образцов цвета и кнопок добавления и удаления образца. Если щелкнуть мышью на кнопке со стрелкой • , расположенной в правом верхнем углу палитры, то появится раскрывающееся меню. Оно состоит из следующих элементов. •
Dock to Palette Well (Поместить в закладки палитр). Перемещает палитру в верхнюю часть окна программы, справа от главного меню.
•
New Swatch (Новый образец). Выбор данной команды позволяет добавлять свой образец на палитру.
•
Следующие четыре параметра позволяют выбрать внешний вид палитры. Первый вариант — Small Thumbnail (Мелкие значки) представлен на рис. 1.41, а в варианте Small List (Мелкий список) к каждому цвету добавляется его название.
Основные палитры Photoshop •
Preset Manager (Менеджер заготовок). Вызывает окно, в котором пользователь может определить специфический набор образцов и сохранить его в виде заготовки (Preset).
•
Reset Swatches (Перезагрузить образцы). Устанавливает набор цветов по умолчанию.
•
Load Swatches (Добавить образцы). Добавляет новый набор к уже загруженным.
•
Save Swatches (Сохранить образцы). Применяется при создании собственной палитры, которую впоследствии можно сохранить.
•
Save Swatches for Exchange (Сохранить образцы для обмена). Сохраняет образцы цветов в файл формата ASE по адресу Adobe Photoshop CS2\Presets\ Color Swatches.
•
Replace Swatches (Заменить образцы). Заменяет текущие образцы новыми.
Последний раздел меню позволяет сразу выбирать новую палитру, без поиска ее в каталоге программы. Это довольно удобно. Некоторые палитры отличаются по расположению цветов, а некоторые и по составным элементам. Просмотрев все (а их не так много), можно найти наиболее подходящую для работы.
Styles (Стили) Описание этой палитры несколько дублируется в разд. 1.12: там она рассмотрена подробнее, но основное внимание уделено собственно стилям. Благодаря стилям можно одним щелчком мышью придать слою определенный вид, например деревянной поверхности. Если палитра Styles (Стили) (рис. 1.42) скрыта, то ее можно вывести на экран командой Window • Styles (Окно • Стили).
Очистить стиль Создать стиль Удалить стиль Рис. 1.42. Палитра Styles (Стили)
По составу настроек данная палитра незначительно отличается от Swatches (Образцы). Поэтому остановимся подробно только на тех параметрах, которые еще не упоминались.
Глава 1 . Интерфейс программы и основы работы с Photoshop Чтобы открыть меню с настройками, необходимо щелкнуть по кнопке со стрелкой • , расположенной в правом верхнем углу палитры. Первые два раздела аналогичны тем, которые расположены в меню палитры Swatches (Каталог). В третьем разделе меню можно выбрать форму представления образцов. •
Text Only (Только текст).
•
Small Thumbnail (Мелкие значки).
•
Large Thumbnail (Крупные значки).
•
Small List (Мелкий список).
•
Large List (Крупный список).
В последнем разделе меню можно выбрать один из готовых наборов стилей.
History (История) Очень важная палитра, так как с ее помощью можно отменять действия. Для этого достаточно щелкнуть мышью в списке палитры на том фрагменте, к которому вы хотите вернуться. О том, как можно настроить количество запоминаемых шагов, рассказано в разд. 1.5, посвященном настройкам Photoshop. Для открытия палитры, которая изображена на рис. 1.43, выполните команду Window • History (Окно • История).
Создать документ из текущего состояния Создать снимок Удалить текущее состояние Рис. 1.43. Палитра History (История)
В раскрывающемся меню этой палитры есть команды редактирования истории, однако применяются они крайне редко. •
Step Forward (Шаг вперед). Если активен не последний шаг истории, то позволяет перейти на шаг вперед.
•
Step Backward (Шаг назад). Возвращает изображение на один шаг назад.
•
New Snapshot (Новый снимок). Создает новый снимок, фиксирующий состояние изображения на данный момент.
•
Delete (Удалить). Удаляет шаг из истории.
Основные палитры Photoshop Clear History (Очистить историю). Очищает историю. New Document (Новый документ). Дублирует файл изображения. History Options (Параметры истории). Настройка параметров палитры.
Actions (Действия) Данную палитру можно открыть командой Window • Actions (Окно • Действия) (рис. 1.44). Подробнее о работе с данной палитрой рассказано в разд. 1.7, здесь же описаны ее основные элементы.
Вкл./Выкл. макрос —
Dock to Palette Wei Button Mode
Отображение диалогового окна
Стоп Запись Выполнение Новый набор макросов Новый макрос Удалить макрос
• Start Recordn i g .... Record Again... Insert Menu Item.. Insert Stop... I-.»e-fc Path Acto i n Options,., Pa lyback Options. deaf All Acto i ns ":,: Reset Acto i ns load Actions... Repa lce Actions... <*! < Commands i: ; ' "Trames1' •' *:' vi .m I age Efects Producto in Sampe l Acto i ns Text Efects Textures Vd i eo Acto i ns
РИС. 1.44. Палитра Actions (Действия)
Операции, или макрокоманды, или макросы, — это записываемые в файл последовательности команд, реализующих стандартные действия. В меню этой палитры находятся следующие команды. •
• • • •
Button Mode (Кнопочный режим). Если установить этот параметр, то изменится вид палитры: все макросы будут размещены на цветном фоне. Для чего это может понадобиться, рассказано в разд. 1.7. New Action (Новый макрос). Создать новый макрос. New Set (Новый набор). Создать новый набор макросов. Duplicate (Создать копию макроса). Дублировать макрос. Delete (Удалить). Удалить макрос.
Глава 1 . Интерфейс программы и основы работы с Photoshop •
Play (Выполнить). Запустить активный макрос.
•
Start Recording (Начать запись). Начать запись действий в создаваемый макрос.
•
Record Again (Возобновить запись). Данная команда позволяет продолжать запись, если она была прервана.
•
Insert Menu Item (Вставить пункт меню). Вставить в макрос команду меню.
•
Insert Stop (Вставить остановку). Вставить в макрос остановку.
•
Insert Path (Вставить контур). Вставить в макрос контур.
•
Action Options (Параметры макроса). Настройки макроса.
•
Playback Options (Параметры воспроизведения). Параметры воспроизведения макроса. Можно, например, выбрать выполнение в ускоренном режиме или по шагам.
Команды, размещенные в следующем разделе данного меню, работают так же, как аналогичные им команды других меню, описанных выше. В последнем разделе меню перечислены наборы макросов, которые можно загрузить щелчком мышью на их названиях.
Layers (Слои) Данная палитра содержит сведения о количестве слоев, информации, расположенной на них, а также о режимах наложения слоев (рис. 1.45). Замок рисования Замок перемещения Замок прозрачности | | Общий замок
Непрозрачность слоя Dock to Palette Well
Режим наложения слоя — Параметры работы с анимацией
E|Prop.?at«Frim«l
New: layer... Duplicate Layer.., Delete Layer New Group.,. New Group from Layers. Group into New Smart .... ties... ing Options.,. Oeaw Clipping MMV. «(*,;>,•+•;
Связать слои Эффекты слоя Добавить маску Корректирующий слой Новый набор Создать слой Удалить слой
Merge Down Merge Visible Flatten Image Animation Options Palette Options...
Рис. 1.45. Палитра Layers (Слои)
Основные палитры Photoshop На этой палитре предусмотрено огромное количество настроек, которые принимают различный вид при разных комбинациях слоев, поэтому описывать их подробно не имеет смысла. В меню данной палитры, как и в других, присутствуют некоторые команды, которые уже были описаны ранее. Специфичные для этой палитры команды следующие. •
New Group (Новая группа). Создание группы слоев.
•
New Group from Layers (Новая группа из слоев). Создает новую группу и включает в нее слои, выделенные на палитре Layers (Слои).
•
Lock All Layers in Group (Блокировка всех слоев в группе). С помощью этой команды можно установить замок любого вида на все слои, которые находятся в группе.
•
Group into New Smart Object (Преобразовать в новый управляемый объект). Объединяет слои в новый управляемый объект. О работе с управляемыми объектами рассказано в разд. 1.15.
•
Edit Contents (Редактировать содержимое). Позволяет редактировать управляемый объект, расположенный на слое.
•
Layer Properties (Свойства слоя). Практически неиспользуемая функция, так как позволяет заменить только имя слоя и его цвет на палитре слоев, что никак не отражается на самом изображении.
•
Blending Options (Параметры наложения). Позволяет устанавливать дополнительные параметры наложения данного слоя, а также цветов, используемых на нем.
•
Create Clipping Mask (Создать обрезную маску). Если к верхнему слою применить эту команду, то изображение с этого слоя будет видно только там, где на нижнем слое есть непрозрачные пикселы.
•
Link Layers (Связать слои). Позволяет создать связь между слоями. Этот пункт дублирует одноименную кнопку с цепочкой внизу палитры Layers (Слои).
•
Select Linked Layers (Выделить связанные слои). При выборе данного пункта связанные слои выделятся.
•
Merge Down (Объединить с предыдущим). Склеивает данный слой с предыдущим.
•
Merge Visible (Объединить видимые). Склеивает все видимые слои.
•
Flatten Image (Сведение слоев). Слияние всех слоев.
•
Animation Options (Свойства анимации). При работе с палитрой Animation (Анимация) на палитре Layers (Слои) могут отображаться средства для работы с анимацией. Можно задать один из трех способов отображения: Automatic (Автоматически), Always Show (Всегда показывать) или Always Hide (Всегда скрывать). Если отображение включено, то для работы с анимацией на палитре Layers (Слои) присутствует параметр Unify (Выровнять) и флажок Propagate Frame I
Глава 1 . Интерфейс программы и основы работы с Photoshop (Наследовать первый кадр). Параметр Unify (Выровнять) включает в себя три кнопки. •
Unify layer position (Выровнять расположение слоя). Изменение расположения содержимого слоя применяется ко всем кадрам анимации.
•
Unify layer visibility (Выровнять видимость слоя). Изменение видимости слоя применяется ко всем кадрам анимации.
•
Unify layer style (Выровнять стиль слоя). Изменение слоевого эффекта применяется ко всем кадрам анимации.
Флажок Propagate Frame 1 (Наследовать первый кадр) устанавливает зависимость свойств последующих кадров от первого. Если флажок установлен, то все изменения положения первого кадра и применение к нему эффектов слоя будут скопированы на последующие кадры. •
Palette Options (Параметры палитры). Настройки палитры Layers (Слои).
Channels (Каналы) Любое изображение состоит из каналов, которые при наложении составляют рисунок. Существуют также дополнительные каналы, которые не влияют на само изображение. Подробнее о каналах и данной палитре (рис. 1.46) можно узнать в разд. 1.11.
Показать канал
Загрузить канал как выделение Сохранить выделение как канал Создать канал Удалить канал Рис. 1.46. Палитра Channels (Каналы)
Paths (Контуры) Это последняя из основных палитр. Чтобы ее открыть, выполните команду Window • Paths (Окно • Контуры) (рис. 1.47). С помощью этой палитры можно проследить за векторной составляющей графики в редакторе Photoshop. Так как это довольно большая палитра, то ей посвящен отдельный раздел (см. разд. 1.10).
Основные палитры Photoshop
Залить цветом переднего плана Обвести контур основным цветом Загрузить контур в выделение Преобразовать выделение в контур Создать контур Удалить контур Рис. 1.47. Палитра Paths (Контуры)
Tool Presets (Установки инструмента) Эта палитра (рис. 1.48) по умолчанию скрыта, но вы можете переместить ее в рабочую область программы, перетащив мышью из закладок палитр. Tool Presets t j f Crop 4 inch ж 6 inch 300 ppi *t2£. Crop 5 inch x 3 inch 300 ppi. "fejj Crop 5 inch ж 4 Inch 300 ppi
.aW...:...;..:...:.....:....... '. З С и ^ ' п ! Tool Only
Щ
Рис. 1.48. Палитра Tool Presets (Установки инструмента)
Палитра Tool Presets (Установки инструмента) позволяет сохранять настройки любого инструмента для последующего быстрого запуска. Это необходимо, если нужно регулярно повторять какую-либо работу и вы уже точно знаете, какими инструментами с какими настройками лучше всего это делать. Чтобы внести инструмент на палитру, сделайте его активным, установите нужные параметры и щелкните на значке в виде белого листа бумаги на палитре Tool Presets (Установки инструмента). Кроме того, с помощью меню палитры можно загрузить несколько наборов уже готовых настроек.
Histogram (Гистограмма) Гистограмма как инструмент существует, наверное, столько же, сколько и Photoshop. Но раньше это была команда меню Image (Изображение), а теперь — отдельная палитра. И это в целом правильно: гистограммы предназначены для получения информации о цветовых уровнях изображения. В Photoshop CS2 имеется
Глава 1 . Интерфейс программы и основы работы с Photoshop возможность видеть не только гистограмму реального состояния, но и предварительный просмотр результата при использовании любых цветокорректирующих инструментов. Палитру Histogram (Гистограмма) мы описывать не станем, так как это инструмент профессионалов (мы, в частности, использовали гистограммы всего несколько раз) и читателям в повседневной работе не понадобится.
o g a s tH m riv ^'v |£::r.-;: А • E s r n i t m I a M e a n : 1 5 4 1 , S d tP D v i $ 5 4 , M a e n d : 8 2 xe s i!l 3 0 70
Палитра Histogram (Гистограмма) в расширенном виде показана на рис. 1.49.
ЦП» !9*>.oi j Infc S
о Ij
Channel:!:] RGB
•
.
a
.
•
.
•
t
L
C
C
a
P
e
r
c
h
e
e
o
c
e
L
v
u
n
e
e
n
t
v
l
t
s
!
e
e
l
r
:
2
Рис. 1.49. Палитра Histogram (Гистограмма)
Палитра Layer Comps (Состояния слоя) Палитра Layer Comps (Состояния слоя) связана с интересной возможностью Photoshop CS2 — составными слоями. Составные слои нужны для того, чтобы можно было, например, продемонстрировать заказчику несколько вариантов размещения объектов в работе, не создавая множества файлов. Составные слои представляют несколько вариантов размещения объектов в рамках одного слоя. После того как вы щелкнете на пиктограмме в виде белого листа бумаги, откроется окно, в котором можно будет выбрать три варианта отображения свойств (сами свойства задаются непосредственно для слоя). •
Visibility (Видимость). Включена или отключена видимость слоя на палитре Layers (Слои).
•
Position (Позиция). Размещение объектов на слое.
•
Appearance (Layer Style) (Внешний вид (стиль слоя)). Будут ли включены для этого составного слоя слоевые эффекты, установленные на палитре Layers (Слои).
Палитра Layer Comps (Состояния слоя) показана на рис. 1.50.
Настройка Photoshop
I Layer Comps j
!
Исходное состояние документа
last Document State Layer Cemp 1
• Составные слои
Значок активного _ СОСТ. СЛОЯ
Ш
L»yerComp2
Переключиться на предыдущий сост. слой Переключиться на следующий сост. слой
Удалить сост. слой Новый сост. слой
Обновить текущий сост. слой Рис. 1.50. Палитра Layer Comps (Состояния слоя)
1.5. Настройка Photoshop Не подлежит сомнению тот факт, что никакая программа не может предусмотреть все тонкости каждой машины и потребности отдельного пользователя. Поэтому любой серьезный пакет имеет внутри себя подпрограмму настройки, которая отдельным пунктом вынесена в то или иное меню. Не стал исключением и Photoshop. Его настройке и будет посвящен этот раздел. Для этих целей служит особый пункт меню — Preferences (Установки): Edit • Preferences (Редактирование • Установки). Настраивить Photoshop вам придется нечасто, скорее всего, вы можете забыть об этом до переустановки программы. Как вы заметили, настройки состоят из многих пунктов. Рассмотрим их по порядку.
General (Основные) Итак, рассмотрим эти параметры (рис. 1.51). Здесь собраны самые общие настройки, которые необходимо установить в первую очередь, но, как показывает опыт, именно в этом окне практически всем пользователям подходят параметры по умолчанию. •
General (Общие). Если вы щелкнете на этой надписи, то откроется список, в котором вы сможете выбрать, к какому разделу настроек перейти.
•
Color Picker (Цветовая палитра). Здесь вы указываете программе, какую цветовую палитру использовать: системную (Windows) или внутреннюю, собственную палитру программы. Image Interpolation (Интерполяция изображения). Тип интерполяции, используемый в инструментах и командах. Рекомендуется оставить значение Bicubic (Бикубическая).
•
•
UI Font Size (Размер шрифта элементов интерфейса). В этом списке можно выбрать размер шрифта, которым будут отображаться элементы интерфейса программы: Small (Маленький), Medium (Средний) или Large (Большой). Как сообщает подсказка справа, изменения вступят в силу только после следующего запуска Photoshop.
Глава 1 . Интерфейс программы и основы работы с Photoshop
OK
Cplor Picker; JAdobe
v
. . . . г Image Interpolation: }Bicubic :
UI Font Size;) Small
)
v
Й| \
V
changes will take effect the time youstart Photoshop.
n
e
x
•
Reset
i
t
Next
History. States: Г20 •• OntinrK E] Export Clipboard El Show Toot Tips • Zoom Resizes Windows : П Auto-Update Open Documents 0 Show Menu Colors ~. . ВResize Image During Paste/Place
Q Seep When Done E3 Dynamic Color Sliders 0Save Palette Locations В Use Shift KeyforTod Switch D Automatically Launch Bridge Gloom with Scroll wheel
' '' - j I '. | г MHstory Log —-—.—,—_ j Save Log Items To: ©Metadata O l e x t File Oioth Edit Log Items: I Sessions Only
-Щ
Reset All Warning Dialogs
Рис. 1.51. Основные настройки программы
•
History States (Шаги истории). Очень важный параметр. Вы указываете, сколько действий над изображением сохранять, чтобы иметь возможность отмены. Подробнее об этом читайте в описании палитры History (История) (см. разд. 1.4). Однако запомните — чем больше у вас системных ресурсов, тем выше нужно устанавливать это значение. Однако если ваш компьютер не слишком мощный, ограничьтесь 10 шагами, иначе программа будет работать медленно, особенно с большими изображениями.
и
Export Clipboard (Экспортировать буфер обмена). Если вы установите этот флажок, то результат применения некоторых команд (Сору (Копировать), Paste (Вставить) и т. п.), то есть скопированное изображение или его часть, можно будет вставить в другие приложения. Не стоит без необходимости устанавливать этот флажок, если вы не обладаете мощной машиной — это сильно замедлит работу, так как обычно приходится работать с несколькими приложениями, а не только с Photoshop.
•
Show Tool Tips (Выводить подсказки к инструментам). Если этот флажок установлен, то при подведении указателя мыши к любой кнопке будет появляться подсказка с кратким описанием данного инструмента. Начинающим пользователям это может быть полезно, однако в дальнейшем данную функцию можно отключить.
Настройка Photoshop Zoom Resizes Windows (Масштабирование с клавиатуры изменяет окно). Если включен этот режим, то при использовании клавиатурных сокращений Ctrl++ и Ctrl+- будет масштабироваться не только изображение, но и его окно. Auto-Update Open Documents (Автообновление открытых документов). Включает автоматическое обновление открытых документов в случае их изменения за пределами Photoshop. Show Menu Colors (Отображать цвета меню). В Photoshop CS2 появилась возможность выделения цветом пунктов меню по желанию пользователя. Сняв данный флажок, вы отключите отображение выделения цветом. Resize Image During Paste/Place (Изменять размер изображения при вставке/помещении). Если геометрический размер вставляемого объекта больше размера текущего изображения, то при установке данного флажка его размер будет подогнан под размер текущего. При снятом флажке объект вставится с сохранением своего размера. Веер When Done (Звук по окончании). Подавать звуковой сигнал после окончания выполнения команды. Dynamic Color Sliders (Динамические цветовые шкалы). Если этот параметр установлен, то при перемещении мыши по цветовой полосе на палитре Color (Цвет) ползунки цветовых составляющих будут динамически изменять свое положение. Save Palette Locations (Сохранять размещение палитр). Очень важный параметр. Стоит в самом начале работы расположить палитры поудобнее и удалить неиспользуемые, после чего с помощью этого параметра вы сможете сохранить размещение своих палитр. Use Shift Key for Tool Switch (Использовать Shift для перебора инструментов). На палитре инструментов многие инструменты объединены в группы, то есть занимают одну ячейку. Если установлен этот флажок, то переключаться между ними можно, используя клавишу Shift. Automatically Launch Bridge (Автоматически запускать Adobe Bridge). При загрузке Photoshop будет автоматически запускаться Adobe Bridge — встроенный обозреватель файлов Photoshop CS2 (см. разд. 1.14). Zoom with Scroll Whell (Изменять масштаб с помощью колеса мыши). При установке данного флажка масштаб отображения файла, с которым вы работаете, будет изменяться при прокрутке колеса мыши. Если флажок снят, то с помощью колеса мыши можно будет прокручивать изображение вверх или вниз, влево или вправо. History Log (Протокол событий). В случае включения этого параметра будет создаваться файл, в который будут записываться ваши действия — вплоть до каждого движения мыши. Содержимое этого файла выглядит примерно так: 2003-11-12 22:10:26Photoshop quit 2003-11-12 22:10:53Photoshop launched Reset Brushes of current application
Глава 1. Интерфейс программы и основы работы с Photoshop Reset Tool Presets of current application 2003-11-12 22:ll:24File Untitled-1 opened Make New: document Preset: "640 x 480" Fill Fill Using: foreground color Opacity: 100% Mode: normal Add Noise Add Noise Distribution: uniform Percent: 70,6% With Monochromatic Wind Wind Method: Stagger Direction: Right Save As: TIFF Byte Order: IBM PC With LZW Compression in: D:\12.tif 2003-11-12 22:12:04File 12.tif closed Close 2003-11-12 22:12:04Photoshop quit
Настройка Photoshop •
Reset All Warning Dialogs (Восстановить все предупреждения). Если вы нажмете эту кнопку, то все окна, которые о чем-либо предупреждали (например, о том, что слои будут склеены) и в которых вы выставили Don't show again (Больше не показывать), станут появляться снова. Применяется в случае, если вы убрали какое-нибудь предупреждение, а потом поняли, что оно вам нужно для работы.
Нажав кнопку Prev (Предыдущее), вы увидите окно последней группы (так как General (Основные) — это первая), а нажав Next (Следующее) — окно следующей. Именно это и сделайте, когда закончите изменение настроек General (Основные).
File Handling (Управление файлами) Перейдем к следующему окну, посвященному настройкам сохранения файлов (рис. 1.52).
Preferences — File Handling I j File Saving. Options Image Previews:! Always Save
{
Fte Extension: 1 Use Lower Case I File Compatibility ••••• ' •:•••• D Ignore E&IF: profile tag •• 0 Ask Before Saving Layered TIFF Files :.0 Enable [.arge Document Format tpsb) Maximize PSD and PSB File Compatibility: i Ask
S
;
Prev
]
J
• [••• Version Cue ••• 0 Enable Version Cue Workgroup File Management ::: :, : '.: . ,,,,
КвСвГЛ Яв llSt COntainS \ I 10 i fifeS
Рис. 1.52. Настройки управления файлами
Image Previews (Просмотр изображения). Управляет сохранением миниатюр в файлах изображений. Возможные варианты: Never Save (Никогда не сохранять), Always Save (Всегда сохранять) и Ask When Saving (Запрашивать разрешение на сохранение).
Глава 1 . Интерфейс программы и основы работы с Photoshop •
File Extension (Расширение файла). Регистр символов (прописные или строчные буквы), используемых в расширении файла. Для чего это нужно? Прежде всего для Интернета: большинство серверов построено на основе операционной системы UNIX, в которой верхний и нижний регистры различаются. И если вы создали файл Image . JPG, а в HTML-коде записано Image . jpg (что встречается очень часто при создании страниц в среде Windows), то картинка загружаться не будет.
•
Ignore EXIF profile tag (Игнорировать цветовой профиль EXIF). В некоторые форматы файлов Photoshop способен включать информацию о цветовом профиле. Если этот параметр включен, то такая информация будет игнорироваться.
•
Ask Before Saving Layered TIFF Files (Требовать подтверждения перед сохранением слоев в TIFF-файлах). Название этого параметра полностью его описывает.
•
Enable Large Document Format (.psb) (Включить поддержку формата больших документов). Photoshop CS2 поддерживает работу с очень большими документами. При этом они сохраняются в формате PSB.
•
Maximize PSD and PSB File Compatibility (Максимальная совместимость файлов PSD и PSB). Устанавливает совместимость PSD- и PSB-файлов с предыдущими версиями программы и приложениями других производителей. Если для вас это важно, то выберите вариант Always (Всегда).
•
Enable Version Cue Workgroup File Management (Обеспечить функционирование рабочей группы Version Cue). Version Cue — это программа, входящая в пакет Adobe Creative Suite 2 и обеспечивающая совместную работу. Включение этого параметра позволяет Version Cue полноценно работать с таким файлом.
•
Recent file list contains (Помнить список файлов из). Количество пунктов, содержащихся в списке Open Recent (Открыть последний) (см. описание меню File (Файл) в разд. 1.3).
Display & Cursors (Отображение и курсоры) Это окно посвящено различным настройкам просмотра, а также вида курсора (рис. 1.53). Кое-что здесь необходимо подправить практически всем пользователям, но об этом позже. •
Color Channels in Color (Каналы в цвете). Если этот параметр установлен, то на палитре Channels (Каналы) и на самом изображении выбранный канал отображается Не в черно-белом виде, а в своем истинном цвете. Это очень удобно и просто необходимо при ежедневной работе.
•
Use Pixel Doubling (Дублирование пикселов). Применяйте в том случае, если у вас не очень мощный компьютер. В результате установки этого флажка при перемещении изображения по экрану или при изменении его размеров (видимых, а не реальных) у вас временно будет ухудшаться качество, но зато возрастет скорость выполнения этих операций.
Настройка Photoshop
Display & Cursors
Channels И Cotor Duse Pixel Doubling L._ „._ r~ Painting Cursors i
Qsiandard
1
О Precise ©Normal Brush Tip..: )FuiSire Brush Tip DShow Crosshair m Brush Tip
OK
Prev Other Cursors -
Next
© Standard О Precise
Рис. 1.53. Настройки просмотра изображения и вида указателей
•
Painting Cursors (Курсоры инструментов рисования). Настройка вида курсоров при использовании инструментов рисования. •
Standard (Обычный). Самая неудобная форма, от которой стоит сразу отказаться. Причина — когда курсор имеет вид инструмента, часто из-за него не видно редактируемой области.
•
Precise (Точный). Курсор принимает вид крестика. Гораздо удобнее предыдущего.
•
Normal Brush Tip (Обычный размер кисти). Рекомендуем именно этот вариант: всегда видно, какой величины будет мазок и какую область он займет.
•
Full Size Brush Tip (Полноразмерная кисть). Курсор выбранного инструмента по размеру полностью соответствует редактируемой области, включая распыление кисти.
•
Show Crosshair in Brush Tip (Отображать перекрестие кисти). Для более точного позиционирования инструмента можете установить данный флажок, тогда в центре курсора выбранного инструмента будет отображаться перекрестие.
Глава 1 . Интерфейс программы и основы работы с Photoshop •
Other Cursors (Другие курсоры). Настройка курсоров инструментов, не относящихся к инструментам рисования. Все аналогично предыдущему пункту, но предпочтение стоит отдать уже варианту Precise (Точный).
Transparency & Gamut (Прозрачность и цветовой охват) Выбрав этот раздел настроек, вы увидите следующее окно (рис. 1.54).
I Transparency & Gamut
OK Reset
Prev
Grid Colors: I E3 Light
Next
use video alpha (requires hardware support) < Gamut Warning Opacity: i 100
Рис. 1.54. Окно настроек прозрачности и цветового охвата
Сразу стоит предупредить, что подавляющему большинству пользователей здесь можно ничего не изменять, так как настройки по умолчанию являются оптимальными. Но все же рассмотрим их. •
Grid Size (Размер сетки). Нужно сказать, что в Photoshop прозрачность обозначается в виде чередования квадратиков, в результате чего получается шахматная поверхность. Здесь вы задаете размер этого квадратика. Единственный совет: если вы работаете при невысоком разрешении монитора, то лучше выбрать значение этого параметра Small (Мелкая).
Настройка Photoshop •
Grid Colors (Цвета сетки). В комментариях не нуждается. Но все же лучше оставить то, что есть — для зрения приятнее всего. Два квадратика под этим списком позволяют самостоятельно установить цвета, а не выбирать из готовых.
•
Use video alpha (Использовать прозрачность видеоустройства). Параметр, который разрешает программе непосредственно отсылать информацию о прозрачности в видеоустройство. Данный режим в полной мере поддерживает слишком малое количество видеокарт, чтобы рассматривать его более подробно.
•
Color (Цвет). Цвет, которым отображаются цвета, не входящие в систему CMYK.
•
Opacity (Непрозрачность). Непрозрачность предыдущего параметра.
Units & Rules (Единицы измерения и линейки) В этом разделе настроек вы указываете, в какой системе единиц измерения будете работать (рис. 1.55). Это очень важно, так как многие пользователи не умеют определять размер в пикселах на глаз.
| Units & Rulers
OK
• Units Rulers: | cm Тщэе: points
v
i Next
• Column Sij© ШЩ
180
Gutter: 112
| points points
- New Document Preset Resolutions Print Resolution; j 300 Screen Resolution:! 72
JI pixels/inch
v
j pixels/inch
v;
- Point/Pica Stee ——^ : ~ ©PostScript (72 points/inch) О Traditional (72.27 points/Inch)
Рис. 1.55. Настройка единиц измерения и линеек
1ГФ1 •
Глава 1 . Интерфейс программы и основы работы с Photoshop
Rulers (Линейки). Единицы измерения размера изображения. •
Pixels (Пикселы). Советуем работать именно в данных единицах, так как это наиболее удобно, правда, первое время может оказаться трудно. Определить размер изображения на глаз можно следующим образом. Обратите внимание на разрешение вашего монитора. Представим, что оно равно 1024 х 768. Значит, по ширине монитор содержит 1024 пиксела, а по высоте — 768. Далее вы видите, что ваше изображение при стопроцентном показе занимает, например, треть монитора в ширину. Значит, при грубой оценке его ширина равна 330 пикселам. Таким образом после небольшой тренировки вы сможете очень точно определять размер изображения.
•
Inches (Дюймы). Удобно использовать жителям США, которые привыкли к таким единицам в обычной жизни.
•
Cm (Сантиметры). Если вы только начали пользоваться программой, то, возможно, вам будет удобнее работать в этой системе единиц. Но лучше сразу перейти к пикселам.
•
Mm (Миллиметры). Единицами измерения будут миллиметры.
•
Points (Пункты). Единица, применяемая в основном в области полиграфии.
•
Picas (Пики). Традиционная полиграфическая единица измерения. Если вы связаны с издательской деятельностью, то прекрасно знаете, что это такое, в ином случае просто не обращайте на это значение внимания.
•
Percent (Проценты). Иногда они просто незаменимы. Но в большинстве случаев этот параметр из тех, о которых следует просто знать и которые нужны очень редко.
•
Туре (Шрифт). Здесь вы устанавливаете, в каких единицах показывать размер шрифта. Варианты те же, что в пункте Rulers (Линейки).
•
Column Size (Размер колонки). Размеры колонки. Этот параметр лучше не изменять.
•
New Document Preset Resolutions (Разрешение нового документа). Задает настройки по умолчанию, используемые при создании нового документа.
•
Point/Pica Size (Размер точки). Установите значение PostScript.
Guides, Grid & Slices (Направляющие, сетка и фрагменты) Настройки вспомогательных элементов — направляющих, сетки и границ фрагментов (рис. 1.56). Напомним, что их отображение вы можете включить с помощью команд меню View (Вид). Настройки направляющих (раздел Guides (Направляющие)) следующие. •
Color (Цвет). Цвет направляющей.
•
Style (Стиль). Указываете, какую линию использовать в качестве направляющей: обычную или штриховую.
Настройка Photoshop
" | Guides, Grid & Slices
a
OK
Grid Color; j Custom Style: S Lines Gridjine every! 25 . .
; auuui I L__
S u b d i v i s i o n s :
| mm
••...-• ••.•'••"" ? л " " ' •
s
4
. Lhe Color: | В Light Blue El Show Slice Numbers
Рис. 1.56. Настройки направляющих, сетки и отображения фрагментов
Smart Guides («Умные» направляющие) — это нововведение Photoshop CS2, помогающее при работе с выделениями, фигурами и пластинами. «Умные» направляющие отображаются автоматически розовым цветом, но можно выбрать другой цвет из списка Color (Цвет). Настройки сетки (раздел Grid (Сетка)) следующие. •
Color (Цвет). Цвет сетки.
•
Style (Стиль). Указываете, какие линии использовать в сетке.
•
Gridline every (Линия через). Задается шаг сетки.
•
Subdivisions (Деления). Указываете, из скольких клеток состоит ячейка сетки.
Настройки отображения фрагментов (раздел Slices (Фрагменты)) следующие. •
Line Color (Цвет линий). Цвет ограничивающих линий.
•
Show Slice Numbers (Показывать номера фрагментов). Включает отображение номеров фрагментов.
Глава 1. Интерфейс программы и основы работы с Photoshop
Plug-Ins & Scratch Disks (Дополнительные модули и диски подкачки) Данный раздел настроек программы содержит следующие параметры. •
Additional Plug-Ins Folder (Папка для дополнительных модулей). Задает место размещения папки дополнительных модулей. Применяется в том случае, если вы перенесли эту папку из ее обычного места, например когда на диске с Photoshop у вас не хватает свободного пространства или вам необходимо установить большое количество дополнительных фильтров.
•
Legacy Photoshop Serial Number (Серийный номер Photoshop). В этой настройке вводится серийный номер программы в случае, если имеются дополнительные фильтры, требующие его.
•
Scratch Disks (Диски подкачки). Диски, используемые для хранения временных файлов программы. Лучше использовать все предлагаемые, так как этот параметр имеет важное значение при работе с большими изображениями и длинным списком шагов истории. Правда, хватит и одного диска, если у вас на нем есть свободный гигабайт.
Memory & Image Cache (Память и кэш) Для нас тут важен только один параметр — Maximum Used by Photoshop (Максимально Photoshop использует). Это объем (в процентах) физической памяти, выделяемый программе Photoshop. Если у вас памяти меньше 64 Мбайт, то лучше установить 100 %. Однако это влечет неприятные последствия — параллельно Photoshop вы не сможете запустить ни одну программу из-за недостатка памяти.
Туре (Текст) В этом окне находятся настройки текста (рис. 1.57). •
Use Smart Quotes (Использовать «умные» кавычки). Активизация данного параметра позволяет автоматически расставлять открывающие и закрывающие кавычки при наборе текста.
•
Show Asian Text Options (Отображать параметры для азиатских языков). Позволяет использовать китайский, японский и корейский языки.
•
Show Font Names in English (Отображать имена шрифтов по-английски). Это необходимо тем пользователям, которые при работе используют иероглифические шрифты.
•
Font Preview Size (Размер предпросмотра шрифта). Определяет размер символов шрифта, которые отображаются в списке выбора гарнитуры на панели параметров инструментов группы Туре (Текст). Имеется три варианта: Small (Маленький), Medium (Средний) и Large (Большой). Выбирайте, какой вам удобнее.
Работа с тоновыми кривыми
| Туре
Д Type Options——-—— ЕЭ Use Smart Quotes О Show A sjan Text Options •"?', 0Show Font Names in English 0 Font Preview Size: I Medium
OK . ] —1 ! Reset r:
1 Prev
!
Next
Рис. 1.57. Настройки текста
1.6. Работа с тоновыми кривыми Curves (Кривые) — это инструмент цветокоррекции из стандартного набора Photoshop. Применяется он очень часто, особенно при работе с фотографиями. Сначала поговорим о том, для чего он существует. Тоновые кривые (Curves) предназначены для работы с яркостью. При необходимости заменить на всем изображении одно значение яркости на другое, не влияя при этом на остальные, вам никак не обойтись без кривых. Изменять яркость изображения можно как в целом, так и для отдельных цветовых составляющих. Чтобы начать работу с кривыми, выполните команду Image • Adjustments • Curves (Изображение • Настройки • Кривые) или нажмите сочетание клавиш Ctrl+M. После этого перед вами появится диалоговое окно Curves (Кривые) (рис. 1.58). Перечислим основные настройки, расположенные в этом окне. •
Channel (Канал). Выбор канала, с которым вы будете работать. Изображение может быть отредактировано как целиком, так и по отдельным каналам. Причем кривые для разных цветовых составляющих могут сильно различаться. СОВЕТ Если вы редактируете старую либо не совсем удачную фотографию и вам необходимо изменить яркость только одного цвета, то просто выберите канал, на котором располагается его большая составляющая, и измените настройки с помощью кривых только в нем.
Глава 1 . Интерфейс программы и основы работы с Photoshop
Channel:'[RGB
_ _ ,
Input: Output:
Рис. 1.58. Вид кривой до проведения коррекции
Поле кривых (Brightness graph). В этом поле изображается сама кривая, которая обусловливает конечный результат вашей работы. Линия, которую вы видите в этом поле, является графиком зависимости выходной яркости от входной, причем этот график вы можете изменять так, как вам заблагорассудится. На горизонтальной шкале, расположенной под полем кривых, расположены входные значения яркости, на вертикальной — выходные. Для удобства пользователей все поле разбито на четыре квадранта. Если вам необходимо построить более точную кривую, то вы можете увеличить число квадрантов с 4 до 10. Для этого нужно щелкнуть мышью внутри поля кривых при нажатой клавише Alt. Шкала яркости (Brightness bar). По умолчанию (если вы работаете с RGB-изображением) темный конец данной шкалы расположен слева и цвета измеряются значением яркости, и именно по этому значению производится воздействие на них при использовании кривых. Если вы щелкнете мышью на горизонтальной шкале, то темная и светлая части поменяются местами. В таком виде перед вами появится данная настройка, если вы работаете в черно-белом режиме либо в режиме CMYK. Тогда цвета будут измеряться так, как принято в типографской печати, от 0 до 100 %. Инструменты построения кривой (Curve Tools). Данные инструменты применяются для создания кривой. Кнопка слева позволяет строить гладкую кривую по точкам перегиба (этот режим активен по умолчанию), а справа (карандаш) — кривую произвольной формы. При построении в режиме гладкой кривой вы можете добавлять новые точки на кривую и передвигать точки мышью. Если вам необходимо удалить точку, то щелкните на ней мышью при нажатой клавише Ctrl.
Работа с тоновыми кривыми •
Input/Output (Входное/Выходное значение). Здесь отображаются значения яркости или интенсивности (в зависимости от установки шкалы яркости), соответствующие текущему положению курсора.
•
Load/Save (Загрузить/Сохранить). Вы можете сохранить любую из созданных вами кривых или загрузить готовую из файла с расширением ACV.
•
Smooth (Сглаживание). Применяется для сглаживания кривых, созданных инструментом построения произвольных кривых, после чего можно редактировать ее по точкам.
•
Auto (Автоматически). Благодаря этому параметру программа автоматически преобразует самые темные пикселы на изображении в черные, а самые светлые — в белые.
•
Options (Параметры). Эта кнопка позволяет настроить представление кривых.
•
Пипетки (Eyedroppers). Позволяют выбирать на изображении пикселы, значения яркости которых принимаются за крайние точки шкалы.
Когда вы открываете диалоговое окно Curves (Кривые) (Image • Adjustments • Curves (Изображение • Настройки • Кривые)), перед вами появляется прямая линия, в которой все входные значения равны выходным (см. рис. 1.58). Если вы впервые столкнулись с кривыми, то попробуйте изменить настройки с помощью редактирования точек кривой. После этого вам станет понятно, как создавать более сложные зависимости и по какому принципу они будут работать. Изогните кривую вверх, и все изображение осветлится, изогните ее вниз — и оно станет темнее (рис. 1.59).
Рис. 1.59. Элементарный пример применения кривых
Глава 1 . Интерфейс программы и основы работы с Photoshop
I L ' I l
Если у вас возникла потребность изменить яркость пикселов неодинаково, то вам необходимо построить кривую с несколькими перегибами (рис. 1.60). Наиболее простой пример — это увеличение и уменьшение контрастности. Если точки перегиба будут расположены близко друг к другу, а отрезок между ними образует горизонталь, то контрастность уменьшится. Это следует из того, что яркость пикселов на данном отрезке после преобразования станет примерно одинаковой. Если же линия будет близка к вертикали, то контрастность, наоборот, сильно увеличится, из-за того что близкие по яркости пикселы приобретут большой разрыв яркости.
Channel: RGB
OK
Input: | 95 Output: 1127
Рис. 1.60. Изменение контрастности изображения
И наконец, несколько слов о кривых произвольной формы. Эффект применения такой кривой получается довольно грубым. Существует несколько способов его смягчить. •
Воспользоваться кнопкой Smooth (Сглаживание). После того как вы ее нажмете, все разрозненные кусочки вашей кривой соберутся в единое целое. Данной командой можно пользоваться неоднократно, до тех пор пока вы не добьетесь желаемого результата. ВНИМАНИЕ Не переусердствуйте со сглаживанием кривой, так как многократное его применение приведет к тому, что ваша кривая в конце концов приобретет свою первоначальную форму, установленную по умолчанию.
Автоматизация работы •
Воспользуйтесь вторым основным инструментом создания кривой — инструментом построения гладких кривых. В итоге ваша кривая представится в виде линии, на месте точек перегиба которой будут стоять маркеры, которые можно передвигать, увеличивая либо ослабляя тем самым эффект сглаживания.
На рис. 1.61 представлен результат применения кривой, размеченной с помощью инструмента для построения кривых произвольной формы, к изображению однородно окрашенного яблока.
Channel: RGB
* .
i VI .-.Input: Output;
Рис. 1 . 6 1 . Эффект применения кривой
Таким образом, кривые — инструмент просто уникальный по своим цветокорректирующим способностям, и владение им значительно расширяет возможности пользователя.
1.7. Автоматизация работы Говоря об эффективной работе в Photoshop, нельзя не упомянуть о мощнейших средствах этой программы в области автоматизации работы. Для удобства рассмотрения разделим их на две части: макросы и средства меню File • Automate (Файл • Автоматизировать).
Глава 1. Интерфейс программы и основы работы с Photoshop
Макросы Очень давно создатели Photoshop обратили внимание на то, что огромное количество работы, выполняемой в компьютерной графике, является отнюдь не творческой, а машинально повторяемой последовательностью действий. Действительно, очень многое приходится часто повторять, и это сводится к рутинной работе. Поэтому и появилась идея использовать макросы (Actions). Сразу скажем, что есть несколько вариантов перевода этого слова. Нам больше всего нравится слово «макрос», поэтому дальше будем пользоваться именно этим словом. Макрос — это запись последовательности действий, необходимых для получения какого-то конкретного результата. Каждая команда, которую вы выполняете в программе вручную, имеет свое имя и область действия. Например, самая распространенная команда Сору (Копировать) из меню Edit (Редактирование) имеет имя Сору и область применения — имеющееся выделение. Это и дает возможность записывать действия. Но нужно иметь в виду, что решение какой-либо задачи с помощью макросов имеет только один плюс — скорость. Если вы хотите сделать работу качественно, то лучше работать руками. При работе с макросами можно осуществлять три основных действия: создавать, редактировать и выполнять их. Для этого используется палитра Actions (Действия), которая является основным средством работы с макросами (рис. 1.62).
T T TT f Т 5
6
7
8
9
10
Р!зу Start Recording Record Again.,. Insert Menu Item. .< Insert Stop,., тгеКРзЬ • Action Options... /Playback Options.,, Reset Actions toad Actions... Replace Actions.,(
Commands Frames m I age. Efects Producto in Sampel Acto i ns Text Efects Textures Vd i eo Acto i ns : Рис. 1.62. Палитра Actions (Действия)
Автоматизация работы Рассмотрим элементы палитры Actions (Действия). 1.
Активный макрос. В данном случае стрелка указывает на макрос Automation workspases.
2.
Набор макросов. В стандартной поставке Photoshop CS2 имеется девять таких папок. 1) Default Actions (Макросы по умолчанию). Набор самых разных и, по мнению создателей программы, самых полезных макросов. 2) Commands (Команды). В этот набор входят самые распространенные команды, такие как Сору (Копировать), Crop (Рамка) и т. д. Может оказаться полезным только благодаря тому, что каждый макрос можно закрепить за отдельной функциональной клавишей. 3) Frames (Рамки). Различного рода рамки. 4) Image Effects (Эффекты изображения). Всевозможные эффекты, применяемые к изображению. 5) Production (Обработка). В большой части повторяет то, что будет описано далее в разделе, посвященном меню Automate (Автоматизировать). 6) Sample Actions (Простые макросы). Простые, но довольно полезные и эффектные макросы. 7) Text Effects (Текстовые эффекты). Эффекты, направленные исключительно на текст. Есть «огонь», «лед» и многие другие. Но использовать их мы не рекомендуем — качество получаемого результата крайне неудовлетворительное. 8) Textures (Текстуры). Различные текстуры, многие из которых (например, дерево) выполнены очень качественно. 9) Video Actions (Видеомакросы). Макросы для работы с изображениями, адаптированными для просмотра на видеомониторах, поддерживающих стандарт NTSC или PAL.
3.
Toggle dialog on/off (Включить/выключить диалоговое окно). Отображение диалогового окна.
4.
Toggle Item on/off (Включить/выключить макрос). Воспроизводить или нет данный пункт в списке макросов. Stop playing/recording (Остановить выполнение/запись). Остановить выполнение или запись макроса. Begin recording (Начать запись). Начать запись макроса.
5. 6. 7.
Play selection (Выполнить выделенное). Выполнить имеющийся макрос. Основная кнопка при работе с макросами. Но гораздо удобнее запускать макрос или сочетанием клавиш, которое вы можете закрепить за любым макросом сами, или двойным щелчком мышью при нажатой клавише Ctrl.
8.
Create new set (Создать новый набор). Создать новую группу макросов. Как правило, если вы сами записываете их, то удобно создать с помощью этой кнопки папку, в которой они будут храниться, чтобы не запутаться в дальнейшем.
9.
Create new action (Создать новый макрос).
Глава 1 . Интерфейс программы и основы работы с Photoshop 10. 11.
Delete (Удалить). Удалить выделенный макрос. Кнопка открытия меню палитры Actions (Действия) (см. рис. 1.62). С помощью этого меню можно выполнить все команды, доступные в данный момент на палитре.
Запись нового макроса Чтобы создать в Photoshop макрос, необходимо выполнить слудующую последовательность действий. 1.
Прежде всего создайте новую папку для макросов (см. рис. 1.62, 8), чтобы не засорять другие. Назвать ее лучше так, чтобы потом не пришлось задумываться о том, что в ней хранится (например, Proba). Не рекомендуем оставлять имя по умолчанию (вроде Set 1), так как уже через пару недель вспомнить, что это за папка, будет практически невозможно.
2.
Нажмите кнопку Create new action (Создать новый макрос) (см. рис. 1.62,9). В результате откроется диалоговое окно New Action (Новый макрос) (рис. 1.63). New Action Name: Action 1
~1 1 _Record_J 1 Cancel J
Set: Default Actions Function Key:FF2
v • Shift СИ Control
Color: ! • None
vi
Рис. 1.63. Диалоговое окно создания нового макроса
Это окно содержит следующие параметры. •
Name (Имя). Название нового макроса. Все сказанное относительно имен папок можно повторить и здесь.
• •
Set (Набор). Набор, в котором будет сохраняться данный макрос. Function Key (Функциональная клавиша). Клавиша для запуска данного макроса. В рассматриваемом случае это F2. Color (Цвет). Параметр, актуальный только для кнопочного вида палитры Actions (Действия). Перевести ее в этот режим можно, выбрав в меню (см. рис. 1.62, 11) пункт Button Mode (Кнопочный режим). Color (Цвет) — это цвет кнопки, за которой будет скрываться макрос. Так как работать в кнопочном режиме очень неудобно, эту настройку мы оставили без изменений.
•
3.
Нажмите кнопку Begin recording (Начать запись) (см. рис. 1.62, 6). С этого момента все, что вы будете делать, записывается в данный макрос. Его функция будет такова: перевести изображение в полутоновое, уменьшить размер в два раза и закрыть файл, сохранив изменения.
4.
В момент записи обязательно должен быть открыт какой-либо файл. Если такового не имеется, то поставьте запись на паузу (см. рис. 1.62,5) и откройте
Автоматизация работы любой графический файл либо создайте новый. Единственное требование к нему — изображение должно быть в любой цветовой системе, кроме Grayscale (Полутоновое). 5.
Переведем изображение в градации серого: Image • Mode • Grayscale (Изображение • Режим • Полутоновое).
6.
Уменьшим размер в два раза: Image • Image Size (Изображение • Размер изображения). В открывшемся окне выберем в качестве единиц измерения проценты, a Width (Ширина) и Height (Высота) установим равными 50%. Мы не можем пойти другим путем, так как в задаче четко сказано уменьшить в два раза, а ведь изображения могут быть самых разных размеров. Поэтому проценты — единственная подходящая величина.
7. 8.
Сохраним изображение (Ctrl+S) и закроем его. После этого нажмите кнопку Stop playing/recording (Остановить выполнение/запись) для завершения записи. Макрос готов к использованию. Теперь в любой момент при нажатии клавиши F2 активное изображение будет переводиться в полутоновое и уменьшаться в два раза. Если вам данный макрос не нужен, удалите его путем перетаскивания на кнопку Delete (Удалить) (см. рис. 1.62, 10).
Редактирование макросов Большинство действий, записанных в макросе, имеют свои параметры. Действительно, не так много в Photoshop команд, которые применяются без возможности выбора вариантов. А раз есть настройки, то логично было бы указывать их при записи. Если мы полностью раскроем любой макрос, то увидим примерно то, что показано на рис. 1.64. Данный пример был выбран из-за размеров — это один из самых маленьких макросов в наборе Sample Actions (Простые макросы). Пн. ;••, •• Action:
р п" IV S
V
Й
Sample Actions
V
:
A.
Make snapshot From: Current History State Using: full document
в
IS (V
^sr Feather Radius: 5 pixels Layer Via Copy •W. Show current layer With Toggle Others
;№
Make layer
Using: white Opacity: 100% Mode: normal
Я
ч^г Move current layer $#;
To: previous layer
. ш
«
*
Щ...а
t
;•
Рис. 1.64. Полностью раскрытый макрос
Глава 1 . Интерфейс программы и основы работы с Photoshop Как видите, здесь есть вся необходимая информация о выполняемых действиях. Чтобы изменить, например, пункт Make Layer (Создать слой), следует дважды щелкнуть на нем мышью.
Использование макросов Существуют три способа запуска макроса. •
Нажать кнопку Play selection (Выполнить выделенное) на палитре Actions (Действия).
•
Сделать двойной щелчок мышью на необходимом макросе с нажатой клавишей Ctrl.
•
Нажать сочетание клавиш, назначенное данному макросу.
Предпочтителен третий вариант, так как он самый быстрый. Нередко возникает вопрос, пользоваться или нет стандартными макросами Photoshop. В принципе, это стоит делать, но только тогда, когда поджимает время или не важно качество результата. Большинство стандартных макросов создают эффекты крайне низкого качества. Но все же есть одна область, где макросы незаменимы. Дело в том, что многие команды Photoshop применяются часто, но сочетаний клавиш не имеют, и приходится открывать несколько уровней меню, прежде чем их использовать. Особенно это касается фильтров. Но можно создать макрос, записать в нем необходимую функцию и закрепить этот макрос за какой-нибудь функциональной клавишей. В результате удастся сэкономить время и повысить комфортность работы.
Меню Automate (Автоматизировать) В Photoshop все средства автоматизации работы, кроме макросов, вынесены в одно меню: File • Automate (Файл • Автоматизировать). Опишем их в том же порядке, в котором они расположены в меню.
Batch (Пакет) Самая полезная из всех команд пакетной обработки изображений. Позволяет применить любой макрос ко всем файлам в одной папке. Можно, например, выполнить любую обработку огромного количества фотографий, и займет это значительно меньше времени, чем при работе вручную. Как правило, основные задачи, решаемые таким методом, — это изменение размеров и цветового режима фотографий. Диалоговое окно, появляющееся при выборе данного пункта меню, показано на рис. 1.65. •
Set (Набор). Набор, из которого будет выбран макрос.
•
Action (Макрос). Используемый макрос. Действия, записанные в нем, будут применены к изображениям.
Автоматизация работы
\
Action: i What's New in CS2 workspaces Source: Folder 1 Choose.,. J СИ Override Action "Open" Commands П Include All Subfolders О Suppress File Open Options Dialogs О Suppress Color Profile Warnings Destination: Folder
у ~
.Choose... ] QOverride Action "Save As" Commands — File Naming --• • Example: MyFile.gif Document Name
+1 extension
Starting serial*: l l Compatibility:',;.'Vv;« •Г Errors: I Log Errors To File
П Mac OS DUnix ?У:]
i i Save As... Рис. 1.65. Диалоговое окно Batch (Пакет)
Source (Источник изображений). Есть четыре значения: Folder (можно выбрать изображения в любой папке вашего компьютера, самый распространенный вариант), Import (импортировать изображения), Opened Files (файлы, которые у вас уже открыты), Bridge (файлы, открыте во встроенном обозревателе файлов). Choose (Выбрать). Позволяет выбрать путь к папке с исходными изображениями. Override Action "Open" Commands (Игнорировать команды Открыть макроса). Если установлен этот флажок, то программа будет игнорировать собственную
Глава 1 . Интерфейс программы и основы работы с Photoshop команду открытия файла в макросе, если такая есть, и будет использовать источник, который вы уже определили. •
Include All Subfolders (Включать все вложенные папки). Включать изображения из всех подпапок исходной папки.
•
Suppress File Open Options Dialogs (He показывать диалоговые окна параметров открытия файла).
•
Suppress Color Profile Warnings (He показывать цветовые предупреждения). Не выводить информацию о цветах, которые не попадают в область полиграфического цветового охвата.
•
Destination (Назначение). Действия с исходными файлами, которые будут выполнены по окончании макроса. Есть три варианта. •
None (Ничего). Ничего не делать.
•
Save and Close (Сохранить и закрыть). Применяется, если необходимо изменить группу изображений и исходные файлы не нужны.
•
Folder (Папка). Если вам необходимы еще и исходные файлы без изменений, то вы можете назначить папку, в которую будут складываться измененные изображения.
•
Choose (Выбрать). Путь к папке для обработанных изображений.
•
Override Action "Save As" Commands (Игнорировать команды Сохранить как макроса). Игнорировать команду Save As (Сохранить как), если она есть в макросе.
•
File Naming (Имена файлов). Этой группой параметров определяется, под какими именами сохранять файлы. Есть множество автоматизированных вариантов: последовательная нумерация, добавление даты и т. д.
•
Compatibility (Совместимость). Назначать имена файлов из соображений совместимости с операционными системами Mac OS и UNIX.
•
Errors (Обработка ошибок). Действия в случае ошибки. Есть два варианта: записывать ошибки в файл и не прерывать работу макроса (Log Errors To File) и останавливать макрос (Stop For Errors).
PDF Presentation (PDF-презентация) Позволяет создавать презентации в формате PDF или многостраничные PDF-документы. Если с последними все относительно понятно, то что такое презентация Adobe Acrobat лучше пояснить. В целом, это обычное слайд-шоу, которое хранится в формате PDF. После запуска картинки будут сменять друг друга через определенные промежутки времени. Этот инструмент может оказаться полезным, если, например, вы хотите наиболее эффектно продемонстрировать удаленному партнеру свои работы. Диалоговое окно PDF Presentation (PDF-презентация) показано на рис. 1.66.
Автоматизация работы PDF Presentation — Source Files • • Add Qpen Files j OiWhotoshop CS2. TVe\Ol\lJiOl.lif
"Save
1
Cancel
'
hop CS2. Т«Э\В1\1_0О2.НР hop CSi. ТиЭ\))1\1_0ОЗ.ИР О: Wholoshop CS2. ТйЭ\0 l\1.004.tif Di\R\photoshop CS2. hop CS2.
Browse,
" Output Options • : Save as: Q Multi-Page Document ©Presentation r ; Presentation Options E] Advance gvery j 5
S
e
c
o
n
d
s
СИ Loop after Last Rage • • "
T
r
. . ' .
a
n
.
s
i
t
.
•
i
o
n
:
:
.
• - . . . ; . . :
f
: :
I
Рис. 1.66. Окно настроек PDF Presentation (PDF-презентация)
•
Source Files (Источники). Здесь вы выбираете файлы, которые лягут в основу будущей презентации. Нажав кнопку Browse (Обзор), можно найти нужные файлы на жестком диске. При установленном флажке Add Open Files (Добавить открытые файлы) в презентацию будут добавлены также изображения, открытые в данный момент в Photoshop.
•
Output Options (Параметры сохранения). Группа параметров, определяющих тип создаваемого документа. Есть два варианта:
•
•
Multi-Page Document (Многостраничный документ);
•
Presentation (Презентация).
Presentation Options (Параметры презентации). •
Advance Every x Seconds (Смена каждые х секунд). Определяет частоту смены слайдов в презентации.
•
Loop after Last Page (Повтор после последней страницы). Если этот флажок установлен, то презентация не закончится на последнем кадре, а будет проигрываться заново.
Глава 1 . Интерфейс программы и основы работы с Photoshop •
Transition (Смена). Определяется способ смены слайдов. Можно выбрать один из 18 вариантов. Наиболее интересным из них авторам показался Dissolve (Растворение) — кадры, оправдывая название режима, действительно очень эффектно растворяются в фоне.
Create Droplet (Создать шаблон) Очень интересная возможность, правда, не настолько полезная, насколько интересная. Во всем повторяет Batch (Пакет), кроме одного: вы не указываете источник. Как она тогда работает? Дело в том, что эта команда создает ЕХЕ-файл, который вы можете поместить в любую папку и запустить, чтобы выполнить указанный макрос.
Conditional Mode Change (Изменить цветовой режим) Команда, позволяющая менять цветовую систему для открытых изображений (рис. 1.67). Ничем не отличается по результату от Image • Mode (Изображение • Режим), но несколько быстрее и удобнее.
Conditional Mode Change • Source Mode
—' ••••••• •• — '•
О Bitmap
0 RGB Color
• Grayscale
• • CMYK Color
• Ouotone
• Lab Color
OK Cancel
• Indexed Color • Multichannel
i
Target Mode
-
I Mode; | CMYK Color
Рис. 1.67. Диалоговое окно Conditional Mode Change (Изменить цветовой режим)
Contact Sheet II (Индекс) С помощью этой команды можно сделать изображение, на котором будут показаны в миниатюре все картинки из папки-источника. Идеально подходит для создания небольших индексов, например, в полиграфии. Диалоговое окно с параметрами индекса показано на рис. 1.68. •
Source Images (Источник изображений). Путь к папке-источнику.
•
Document (Документ). Размеры документа, в котором будут размещены миниатюры изображений из папки-источника. Если все они не поместятся на одном листе, то программа создаст еще один или несколько листов по необходимости.
•
Thumbnails (Миниатюры). Способ размещения миниатюр.
Автоматизация работы Use Filename As Caption (Использовать имя файла в качестве подписи). Использовать имя файла в качестве подписи к изображению. Стоит применять, когда имя файла несет в себе ценную информацию или если целью создания листа является показ имеющихся у вас изображений кому-нибудь еще. Contact Sheet II Source Images Use:: jFolder
OK Reset
I Browse... j BlncMde All Subfolders :::i— Document:" Units:':; cm Width: j 20,32 Height: j
Page 1 of 1 0 of 0 Images
Resolution: | 118,11 i [pixels/cm ;i|j
W: 4.0 cm H: 4.0 cm
Mode: RGB Color
Press the •** ESC key to Cancel processing images
0 Flatten All Layers — Thumbnails r——— : Place: [acrossfirst;*fl
Ш ::
Vertical: ^ Щ 3 5 cr]
:
...:.:'р~~
Horizontal
0,035 cr
Rows: [ 6 П Rotate For BgstFit As Caption
Рис. 1.68. Диалоговое окно Contact Sheet II (Индекс)
Crop and Straighten Photos (Разрезать и разделить фотографии) Инструмент, обратный предыдущему. Позволяет быстро распознать и разделить разные фотографии, собранные в одном изображении. Диалогового окна не имеет.
Fit Image (Подобрать размер изображения) Команда, изменяющая размер изображения по вашему выбору (рис. 1.69). Очень удобно, если вы готовите изображения для использования в Интернете.
Глава 1 . Интерфейс программы и основы работы с Photosho Fit Image р™ Constrain Within l
W
i
d
t
h
O
j
K
: [
5
9
4
\
p
i
x
e
l
s
.
• C
— H
e
i
g
h
t
:
(
~
4
8
2
a
n
c
e
l
T
—
•
•
•
J
" I
p
i
x
e
l
s
I
Рис. 1.69. Диалоговое окно Fit Image (Подобрать размер изображения)
Picture Package (Комплект страниц) Интересная и полезная команда для тех, кто распечатывает свои работы Позволяет очень удобно расположить на листе несколько копий изображения Предлагается огромное количество готовых вариантов. На рис. 1.70 показан результат применения данной команды для четырех копий показан результат
Рис. 1.70. Результат применения команды Picture Package (Комплект страниц)
Web Photo Gallery (Интернет-галерея) СРеДСТВ
° Д Л Я Ф° Т 0 Х Уда ж ™^в, которые хотят разместить свои раH L С З Д а е Т Пр СТ Г алеоеи'лГ ' ° " ' ^ ^ ™ ° ° ° великолепные интер-галереи. Диалоговое окно с параметрами этой команды показано на рис 1 71 6 Н
^тТвТс в с Г Т ™ С H T ^ L ' ЭТ° Т ° Ж е б ° Л Ь Ш а Я П ° М 0 Щ Ь ' Т а К к а к ^«грамма сделает за вас всю «черную» работу и вам останется только оптимизировать код чтобы получить полностью оригинальную галерею.
Автоматизация работы Web Photo Gallery Site Stales: 'centered Frame 1 - Basic E-mail: I Source Images
"1 Reset
— 'Options:! General
^Extension: j.htm
,*Ai
П Use UTF В EncodingforURL •Iv'1
0 Add Width and Height AttributesforImages :all metadata ,
Рис. 1.71. Диалоговое окно создания интернет-галереи
Photomerge (Склеивание фотографий) Позволяет автоматизировать создание панорамных снимков из нескольких обычных. Мы не станем описывать этот инструмент и его действие в деталях — это тот случай, когда нужно или иметь специальное образование и опыт работы с панорамными снимками, либо долго разбираться с помощью экспериментов. Отметим лишь то, что Photomerge (Склеивание фотографий) очень эффективно совмещает фотографии, находя в них аналогичные фрагменты.
Merge to HDR (Объединить в HDR) Прежде чем говорить о HDR (High Dynamic Range — широкий динамический диапазон), вспомним, что такое динамический диапазон вообще. Это диапазон оттенков, который может различить оптическое устройство. Из всех известных оптических приборов самым широким диапазоном обладает человеческий глаз.
Глава 1 . Интерфейс программы и основы работы с Photoshop «Классический» цифровой 8- или 16-битный цвет позволяет передать очень узкий динамический диапазон. Именно поэтому была разработана модель HDR. Она использует по 32 бита на каждый канал, поэтому обеспечивает динамический диапазон, близкий к диапазону глаза. Для создания HDR-изображения нужно иметь несколько кадров одной и той же композиции, сделанных с различной выдержкой. Такие кадры будут содержать различные участки динамического диапазона. В качестве примера можно использовать файлы, хранящиеся в папке Adobe Photoshop CS2\Samples\Merge t o HDR. При выполнении команды File • Automate • Merge to HDR (Файл • Автоматизировать • Объединить в HDR) появится соответствующее окно. В списке Use (Использовать) определите, какие файлы нужно объединить. •
Files (Файлы). Отдельные файлы, которые следует выбрать, нажав кнопку Browse (Обзор).
•
Folder (Папка). Содержимое папки, указанной с помощью кнопки Browse (Обзор).
•
Open Files (Открытые файлы). Все открытые в Photoshop файлы.
После нажатия кнопки О К начнется выполнение макропоследовательности. Перед ее завершением появится окно, в котором напротив каждого исходного файла стоит флажок. Если его снять, результат (изображение в центре окна) соответствующим образом изменится. После нажатия О К создается файл, в котором будет храниться HDR-изображение. На мониторе весь широкий динамический диапазон сразу увидеть невозможно, но можно оценить его по частям, изменяя значение белой точки (аналог выдержки). Для этого в строке состояния окна документа выберите режим Show • 32-bit Exposure (Показать • 32-битная выдержка). В строке появится ползунок. Перемещая его, можно изменять белую точку. На этом обзор средств автоматизации закончен. В заключение добавим, что применять их следует, сначала разобравшись, нельзя ли достичь желаемого результата без этих команд.
1.8. Команда Free Transform (Свободное трансформирование) и другие виды трансформирования Вообще-то, предмет этого раздела входит в меню Edit (Редактирование), однако мы считаем его настолько важным, что решили рассмотреть отдельно. Действительно, почти никакая работа не обходится без трансформирования выделенного участка изображения или отдельного слоя. Эта команда позволяет делать так много и так просто, что ее можно считать одной из лучших находок разработчиков уже далекого Photoshop 3.0. Постарайтесь прочувствовать эту команду, и она еще не раз сэкономит ваше время.
Команда Free Transform (Свободное трансформирование)... Чтобы запустить команду Free Transform (Свободное трансформирование), просто нажмите Ctrl+T или выберите ее в меню: Edit • Free Transform (Редактирование • Свободное трансформирование). Обратите внимание на ограничивающую рамку. С ней вам в основном и придется работать. Квадратики по углам прямоугольника и в середине отрезков называются узлами, путем их перетаскивания можно выполнить любое преобразование выделенного участка. Точка в центре прямоугольной области — это так называемая опорная точка, она является центром вращения. Пока не нажата клавиша Enter, вы находитесь в режиме трансформации и не можете выполнять никакие другие действия. Щелкните правой кнопкой мыши в пределах появившегося контура, и вы увидите меню с параметрами трансформирования (рис. 1.72). Free Transform Scale
Rotate
Stew Distort f;: Perspective Warp
.
Rotate 180° Rotate 90° CW : Sv Rotate 90° CCW •••"•
.•
F l i p
F l i p
.•
H o r i z o n t a l
"••
:
V e r t i c a l
Рис. 1.72. Параметры трансформирования
Заметьте, что команда Free Transform (Свободное трансформирование) — это гибрид масштабирования (Scale (Размер)) и вращения (Rotate (Поворот)). Поэтому достаточно описать эти две команды, чтобы раскрыть Free Transform (Свободное трансформирование). •
Scale (Размер). Изменяет линейные размеры выделенной области, то есть длину и ширину. Наиболее часто применяется при создании текста, так как не всегда длина или ширина шрифта из стандартного набора подходит в конкретной работе. Просто перетаскивайте узлы ограничивающей рамки.
•
Rotate (Поворот). Очень полезная команда. Результат ее применения можно видеть на рис. 1.73. Перед тем как использовать команду Rotate (Поворот), обратите внимание на расположение опорной точки. Если поворот вокруг нее как вокруг оси вас вполне устраивает, то выведите мышь за пределы рамки и нажмите левую кнопку мыши. Вы увидите, что курсор изменился. Теперь можно осуществлять поворот по часовой стрелке или против нее. Если у вас недостаточно мощный компьютер, а изображение большое и высокого разрешения, то выполнить точный поворот будет довольно сложно. Как это исправить, читайте в разд. 1.5.
Глава 1 . Интерфейс программы и основы работы с Photoshop
Рис. 1.73. Применение команды Rotate (Поворот)
Skew (Угол). Результат применения представлен на рис. 1.74. Эта команда изменяет угол между отрезками, сдвигая изображение. В нашем примере были изменены два угла.
Рис. 1.74. Применение команды Skew (Угол)
Distort (Деформация). Данная команда очень похожа на предыдущую, но различие в том, что здесь изменяется не один угол, а два, что приводит к полному изменению всех линейных размеров (рис. 1.75).
Рис. 1.75. Применение команды Distort (Деформация)
Perspective (Перспектива). Очень интересная и полезная команда. Можно изменять два нижних или верхних угла одновременно, в результате чего действительно получается эффект уходящей вдаль поверхности (рис. 1.76).
Рис. 1.76. Применение команды Perspective (Перспектива)
Работа с текстом •
Warp (Искажение). Данная команда появилась в Photoshop CS2. Ее появление — долгожданное и, несомненно, значимое событие, так как с помощью Warp (Искажение) можно быстро добиваться очень интересных эффектов. При ее выполнении на редактируемом участке появляется сетка, изменяя положение узлов и линий которой, можно легко искажать изображение.
•
Rotate 180° (Поворот на 180°). Поворот изображения на 180°.
•
Rotate 90° CW (Поворот на 90° по часовой стрелке).
•
Rotate 90° CCW (Поворот на 90° против часовой стрелки).
•
Flip Horizontal (Отразить горизонтально). Отразить зеркально в горизонтальном направлении. Применяется очень часто.
•
Flip Vertical (Отразить вертикально). Аналогична предыдущей команде, только действует в вертикальном направлении.
1.9. Работа с текстом В ранних версиях Photoshop работа с текстом была самым слабым местом программы. Именно это заставляло устанавливать дополнительные приложения, целью чего было только одно — исправить этот недостаток лучшего графического редактора. Однако в шестой версии произошли революционные изменения: стало можно просто писать текст на изображении (для тех, кто не работал с более ранними версиями, — раньше для этого открывалось специальное окно, что было весьма неудобно). Седьмая версия программы не привнесла в работу с текстом ничего существенно нового. А вот Photoshop CS обогатился давно ожидаемым новшеством — возможностью пускать текст по контуру. Но об этом позже. Для написания текста используются четыре инструмента. Horizontal Type (Горизонтальный текст). Обычный текст по умолчанию. Пишет тем цветом, который выбран в качестве Foreground Color (Цвет переднего плана), по горизонтали. Vertical Type (Вертикальный текст). Текст в вертикальном направлении. Л
Horizontal Type Mask (Написание горизонтальным выделением). Очень полезная возможность, если вы хотите создать что-нибудь вроде того, что изображено на рис. 1.77. Как это сделано, спросите вы? Да очень просто, настолько просто, что мы даже не стали это выносить в практику. Прежде всего пишем что-нибудь выделением. Затем копируем содержимое выделенной области (Ctrl+C) и сразу же вставляем. На вид ничего не изменилось, но теперь мы можем применить эффекты слоя: Layer • Layer Style • Bevel and Emboss (Слой • Стиль слоя • Скос и рельеф). Вот и все!
Щ Vertical Type Mask (Написание вертикальным выделением). Текст как выделение в вертикальном направлении. Как и любой другой инструмент, Туре (Текст) имеет свои настройки, отображаемые на панели параметров (рис. 1.78).
Глава 1 . Интерфейс программы и основы работы с Photoshop
Рис. 1.77. Надпись, созданная как выделение Н 5h«
'
r
.1. ' •
Рис. 1.78. Панель параметров инструмента Туре (Текст)
Щ Переход от горизонтального написания текста к вертикальному и наоборот. [ Antiqua v В этом списке вы выбираете, какой шрифт использовать. Если вы хотите серьезно работать с Photoshop, то только теми шрифтами, которые устанавливаются вместе с системой, вам не обойтись. I Bold v Вариант начертания текста: полужирный, курсивный, подчеркнутый или другой. Д" 72 pi v Размер шрифта. Возможны самые различные единицы измерения (см. разд. 1.5). Если стандартные размеры вам не подходят, то можно использовать команду Free Transform (Свободное трансформирование) из меню Edit (Редактирование). v Способ сглаживания текста. Назначение этого параметра — устранить неровности мелких шрифтов. В. Выравнивание текста по левому краю. Ш Выравнивание текста по центру. Д Выравнивание текста по правому краю. \~} Выбор цвета текста. По умолчанию стоит тот, который определен основным цветом (цветом переднего плана, Foreground Color). X На этом параметре мы остановимся подробно, так как он является одним из лучших средств искривления текста. Если вам требуется нарисовать, например, эмблему с текстом по окружности, то вам не придется устанавливать каждую букву по отдельности — с помощью данного инструмента вы решите эту
Работа с текстом задачу, затратив минимум времени и усилий. После того как вы нажмете кнопку инструмента, вы увидите диалоговое окно Warp Text (Деформировать текст) (рис. 1.79). Warp Text Г
Style:] Ш Wave
Г
~ ~~
v:
OK Reset ]
©Horizontal ©Vertical
! gend:
f+50 I %
Horizontal Distortion:
-45 i %
Vertical Distortion:
Рис. 1.79. Диалоговое окно Warp Text (Деформировать текст)
Если вы выберете в списке Style (Стиль) любой вариант деформации, то станут доступны следующие параметры. •
Bend (Закругление). Степень искривления.
•
Horizontal Distortion (Горизонтальное искривление). Степень искривления в горизонтальном направлении.
•
Vertical Distortion (Вертикальное искривление). Степень искривления в вертикальном направлении.
Ц Включить палитры. В результате у вас появятся две палитры: Character (Символ) и Paragraph (Абзац) (рис. 1.80). M M | Character \ ^ 9 Antiqua
(Auto)
•ff i i 2 f !
V|
I Opt
; о PS Opt
JT I 100% ** \ 0 pt : T Г
• v;
.„. ••^-•^'-" •Bold :1:
| X | 100% j Coloc
ТТ
ijEnglish: USA
T, Vf:
I
:! Sharp
Щ jVp«
J
@ Hyphenate
T vi
Рис. 1.80. Палитры для работы с текстом
I
Ж »
Глава 1 . Интерфейс программы и основы работы с Photoshop Рассматривать их подробно мы не будем, так как они во многом повторяют панель параметров, но несколько совершенствуют многие процессы. При работе в Photoshop с текстом часто возникают сложности с использованием символов кириллицы. Мы предлагаем следующие способы решения этой проблемы. •
Способ первый — «терапевтический». 1) Запустите Редактор реестра (в папке Windows запустите файл R e g e d i t . ехе или в меню Пуск выберите команду Выполнить и наберите r e g e d i t ) . 2) Откройте раздел HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\ Control\Nls\CodePage. 3) Теперь измените значение параметра 1252 следующим образом: для Windows NT — на с_1251. n l s , для Windows 95/98 — на ср_1251 . n l s . 4) Обязательно перезагрузите компьютер.
•
Способ второй — «хирургический». Дело в том, что многие шрифты, поставляемые вместе с Windows, не русифицированы. Поэтому можно купить диск с русскими шрифтами и переустановить в системе их все или просто добавить русифицированные, используя Панель управления Windows. На компакт-диске, прилагаемом к этой книге, находится несколько десятков русифицированных шрифтов.
1.10. Контуры и фигуры Photoshop — редактор растровой графики. Но элементы векторной графики в нем также присутствовали всегда. Это контуры (Paths) и редактирующие их инструменты из группы Реп (Перо). Что такое контуры? Это векторные элементы, не являющиеся частью изображения, которые можно создавать и редактировать, переводить в выделение или заливать цветом. Можно сказать, что это еще одна форма интерпретации выделения. В третьей версии программы, кстати, основным применением контуров и было точное выделение областей сложной формы. В Photoshop CS уже имеется мощнейший инструментарий выделения, и эта функция контуров утратила свое значение. Инструменты группы Реп (Перо) очень удобны, когда необходимо нарисовать сложный контур, особенно если он должен быть переведен в выделение. Конечно, то же самое можно выполнить и инструментом Lasso (Лассо), но это очень сложно и неудобно. Shapes (Фигуры) — это окончательное слияние векторной и растровой графики в одной программе. Фигуры — это готовые объекты различной геометрической формы. Если раньше, чтобы получить, например, круг, приходилось сначала создавать круглое выделение, а потом заливать его, то теперь достаточно использовать инструмент Ellipse (Эллипс).
Контуры и фигуры Если вы работали в программах векторной графики, таких как CorelDRAW, то дальше этот раздел можете не читать — в работе с контурами вам все будет знакомо и легко.
Инструменты для работы с контурами Прежде всего рассмотрим инструменты создания и редактирования контуров, которые находятся на палитре инструментов. ^
Реп (Перо). Основной инструмент при работе с контурами. Позволяет их создавать. Работает следующим образом: вычерчивает прямую или дугообразную линию от одной опорной точки до другой. Чтобы установить якорь (опорную точку), достаточно щелкнуть левой кнопкой мыши. Если при этом вы не отпустите кнопку и начнете отводить контур, то линия получится выгнутой. СОВЕТ Не старайтесь с помощью одного инструмента Реп (Перо) создать весь контур. Если контур достаточно сложной формы, это получится у редкого профессионала. Как правило, с помощью пера строится только набросок контура, а тонкости доводятся специальными инструментами данной группы.
JPj Freeform Pen (Свободное перо). Инструмент, ближайшей аналогией которого """является Lasso (Лассо). Отличие только в одном: Lasso (Лассо) создает выделение, а данный инструмент — контур. Этим инструментом удобно пользоваться только в том случае, если вы можете очень точно рисовать курсором, так как контур полностью повторяет траекторию мыши. Как правило, с помощью мыши так не получается, поэтому Freeform Pen (Свободное перо) — это излюбленный инструмент пользователей, имеющих в наличии дигитайзеры (планшеты для рисования). Правда, если в свойствах инструмента вы установите флажок Magnetic (Магнитное), то он станет похож уже на Magnetic Lasso (Магнитное лассо), а это очень часто применяется, особенно при точном выделении объектов. ф] Add Anchor Point (Добавить опорную точку). Один из самых необходимых ин^струментов редактирования контура. Например, если вам нужна дуга, то можно сделать ее следующим образом: с помощью пера построить прямую линию, затем добавить опорную точку на середину линии и вытянуть ее вверх. Очень быстро и удобно. | Delete Anchor Point (Удалить опорную точку). Инструмент, противоположный предыдущему. I Convert Point (Угол). Удобный инструмент для модификации контура.
Глава 1 . Интерфейс программы и основы работы с Photoshop ПРИМЕЧАНИЕ Научиться работать с контурами невозможно, что называется, с ходу. Необходима хотя бы небольшая практика. Лучше всего поставить себе задачу нарисовать контурами что-нибудь сложное (например, автомобиль). И когда вы ее выполните, сможете уверенно говорить о том, что умеете обращаться с контурами.
Палитра Paths (Контуры) Палитра Paths (Контуры) — это единственная палитра, с помощью которой можно редактировать контуры (рис. 1.81).
Рис. 1.81. Палитра Paths (Контуры)
В нижней части этой палитры находятся кнопки, за которыми закреплены наиболее полезные команды работы с контурами. ф Fill path (Залить контур). Залить контур цветом переднего плана. Применяется для создания одноцветных фигур. Когда необходимо залить текстурой, то лучше щелкнуть правой кнопкой мыши внутри контура и выбрать в открывшемся меню пункт Fill Path (Залить контур). В результате свойства заливки можно будет определять в стандартном окне Fill (Заливка) (вызываемом командой Edit • Fill (Редактирование • Заливка)). Stroke path (Обвести контур). Вычертить контур текущим цветом. По умолчанию используется карандаш. Но можно значительно расширить возможности, если запускать эту команду из меню, которое появляется после щелчка правой кнопкой мыши внутри контура. Тогда откроется окно, показанное на рис. 1.82. Как видите, есть возможность строить контур любым из множества инструментов. •. Load path as a selection (Загрузить контур как выделение). Часто применяется, например, если вы использовали контуры, чтобы обвести очень точно объект, а теперь хотите редактировать его. Make work path from selection (Загрузить выделение как контур). Загрузить выделение в качестве контура. IgjI Create new path (Создать новый контур). Delete current path (Удалить текущий контур).
Контуры и фигуры Stroke Path v • l... У К Tool; д Pencil Dsia ШШ5ЯШШШШШШШ&
/^ Brush ^" Eraser 2^ Background Eraser
fxj S
Cancel
^Э Clone Stamp ^ Pattern Stamp ^ Healing Brush % History Brush ^5 Art History Brush $г) Smudge 6 Blur
Д Sharpen •^ Dodge ©:Burn ф Sponge Щ/ Color Replacement Tool Рис. 1.82. Диалоговое окно Stroke Path (Обвести контур)
С помощью команд меню, открывающегося при нажатии круглой кнопки • , расположенной в правом верхнем углу палитры, можно сохранить и впоследствии использовать контур.
Фигуры Практическая польза фигур (Shapes) несомненна: это лучший способ создать любую двухмерную геометрическую фигуру. Сделайте активным первый инструмент этой группы — Rectangle (Прямоугольник). Обратите внимание, что на панели параметров среди прочих настроек стали доступны и другие виды фигур. Элементы панели параметров мы сейчас и рассмотрим. О Shape layers (Слои фигуры). Этот и следующие два параметра очень важны. Они определяют, что будет представлять собой фигура. В данном случае будет создаваться самый полезный тип фигуры — слой фигуры. Это некий гибрид слоя и контура, то есть вы можете редактировать такую фигуру как контур, но при этом она обладает всеми свойствами слоя. В этом масса преимуществ, в том числе и возможность применять стили слоя (Layer Style). Qj Paths (Контуры). Создавать фигуру только в виде контура, не отводя для нее отдельный слой. &
Fill pixels (Заполненная область). Создавать только фигуру. В таком режиме фигура будет сразу прорисована на активном слое, и вы не сможете ее изменить.
Глава 1 . Интерфейс программы и основы работы с Photoshop Уже описанный выше инструмент Реп (Перо). I Freeform Pen (Свободное перо). Rectangle (Прямоугольник). Сразу обратите внимание на кнопку 6 — Geometry options (Геометрические параметры). При ее нажатии откроется панель свойств фигуры (рис. 1.83). . г — Rectangle Options — ( ) Unconstrained
QFixed Size W; j ©Proportional W: [ 1 Center
[Hi j I
i
QSnap 'o Pixels •
Рис. 1.83. Свойства фигуры Rectangule (Прямоугольник)
•
Unconstrained (Свободное рисование). Рисовать без всяких ограничений.
•
Square (Квадрат). Рисовать квадрат.
•
Fixed Size (Фиксированный размер). Прямоугольник с фиксированными размерами.
•
Proportional (Пропорции). Прямоугольник с фиксированным отношением длины и ширины.
•
From Center (От центра). Рисовать от центра изображения.
•
Snap to Pixels (Привязать к пикселам). Продолжить края до границ пикселов.
О
Rounded Rectangle (Скругленный прямоугольник). От обычного прямоугольника отличается только одним параметром — Radius (Радиус). Это радиус сопряжений по краям, определяемый в пикселах.
^j Ellipse (Эллипс). В настройках ничем не отличается от прямоугольника. Q
Polygon (Многоугольник). На панели параметров только одна индивидуальная настройка — Sides (Стороны), в которой вы указываете количество сторон многоугольника. Гораздо больше собственных настроек на панели (рис. 1.84), вызываемой нажатием кнопки Geometry options (Геометрические параметры).
•
Radius (Радиус). Радиус описанной окружности для данной фигуры.
•
Smooth Corners (Скругленные углы). Делать углы закругленными.
•
Indent Sides By (Звезда). Придать фигуре форму звезды. Позволяет создавать огромное количество вариантов звезд.
•
Smooth Indents (Сглаживание выемки). Сглаживать внутренние части звезды.
На рис. 1.85 показаны 10 фигур, созданные с помощью инструмента Polygon (Многоугольник) с разными настройками.
Контуры и фигуры on Options
•; ; Radius:
Smooth Corners Indent Sides By: j 50% [^Smooth Indents
Рис. 1.84. Свойства фигуры Polygon (Многоугольник)
*
*
*
Рис. 1.85. Фигуры, созданные инструментом Polygon (Многоугольник)
Line (Линия). Инструмент, позволяющий создавать линии и стрелки. Для линии есть только одна настройка — Weight (Толщина). Несколько сложнее со стрелкой. Ее параметры определяются на панели настроек фигуры (рис. 1.86). '••••r—' Arrowhe a d s EH 1 Widths i 500% i i Length: : 1000% 1 Concavity:0% Рис. 1.86. Свойства линии со стрелкой (инструмент Line (Линия))
•
Start (В начале). Рисовать стрелку в начале линии.
•
End (В конце). Рисовать стрелку в конце линии.
•
Width (Толщина). Процентное отношение толщины стрелки к толщине линии.
и •
Length (Длина). Процентное отношение длины стрелки к толщине линии. Concavity (Вогнутость). Определяет вогнутость стрелки. Может принимать значение от -50 до +50 %.
Благодаря этим параметрам можно получить огромное количество вариантов стрелок, некоторые из них показаны на рис. 1.87.
Глава 1 . Интерфейс программы и основы работы с Photoshop
•
t
t
t
l
t
t
Рис. 1.87. Варианты стрелок
В раскрывающемся списке Custom Shape (Пользовательская фигура), находящемся на панели параметров, содержатся фигуры, входящие в стандартную поставку Photoshop и созданные вручную. С помощью команды Edit • Define Custom Shape (Редактирование • Определить пользовательскую фигуру) вы можете сохранить любой контур как фигуру и использовать ее в дальнейшем. Раскрывающийся список Style (Стиль) позволяет применить к фигуре слоевые эффекты. Это возможно только для фигур, построенных в режиме Shape layers (Слои фигуры). Этих возможностей вполне достаточно для того, чтобы обойтись без любой программы векторной графики. Но не забывайте о том, что фигуры еще можно редактировать. Для редактирования фигур используются два специальных инструмента. Path Selection (Выделение контура). Применяется для перемещения контуров и фигур. Если использовать его с нажатой клавишей Shift, то фигура будет перемещаться горизонтально, вертикально и под углом 45°, а с нажатой клавишей Alt фигура будет скопирована. Direct Selection (Модификация). Инструмент, с помощью которого можно изменять вид фигуры путем воздействия на точки и линии контура, ограничивающего фигуру. Очень полезный и простой инструмент, который удобно применять не только к фигурам, но и к контурам. Не забывайте также о том, что фигуры являются контурами, и поэтому с ними можно работать всеми инструментами группы Реп (Перо).
Текст по контуру Одной из самых важных и давно ожидаемых возможностей Photoshop стало размещение текста по контуру. Теперь нет никаких трудностей в том, чтобы написать фрагмент текста любой формы — то, для чего многие специально устанавливали программы векторной графики или дополнительные плагины к Photoshop. Пользоваться текстом по контуру очень просто. Создайте любую кривую, причем это может быть как пользовательский контур, так и любая из автофигур. Подведите к нему курсор текстового инструмента. Указатель мыши изменит вид. Теперь можно ввести нужный текст. Изменять направление или расположение текста по кривой можно инструментом Path Selection (Выделение контура). Надпись в этом режиме показана на рис. 1.88.
Каналы и маски
Рис. 1.88. Пример текста по контуру
1.11. Каналы и маски Чтобы понять, что такое каналы, необходимо четко представлять, как строится изображение в Photoshop. Любой рисунок, созданный либо открытый в Photoshop, представлен в виде трех (рис. 1.89) или четырех каналов, которые при наложении и создают цвет, видимый нами на экране.
Рис. 1.89. Три канала одного изображения
Существует несколько цветовых моделей, с которыми можно работать в Photoshop, и почти каждая из них ориентирована на тот или иной вид деятельности. •
RGB. Применяется при сканировании изображений и в большинстве других случаев. • CMYK. Соответствует цветам, в которых данный рисунок будет распечатываться. • Lab. He связана ни с одним устройством.
Глава 1 . Интерфейс программы и основы работы с Photoshop Что же представляют собой отдельные каналы? Это просто черно-белое изображение, на котором каждому пикселу соответствует 8 (16) бит данных (256 значений яркости). Кроме основных каналов, которые непосредственно формируют изображение, могут быть созданы дополнительные. На сам рисунок они не влияют, а хранят информацию о выделенных областях. В остальном же они ничем не отличаются от основных каналов. По умолчанию все каналы представлены в черно-белом режиме, но его можно заменить на цветной (цвет изображения будет совпадать с цветом канала). Для этого выберите команду Edit • Preferences • Display & Cursors (Редактирование • Установки • Отображение и курсоры) и в открывшемся диалоговом окне установите флажок Color Channels in Color (Каналы в цвете). Однако следует учитывать, что на цветном изображении канала мелкие детали выражены недостаточно ярко, а следовательно, качество работы может ухудшиться. Разные каналы одного и того же изображения выглядят, как показано на рис. 1.89. Переключаться с канала на канал вы можете, щелкая мышью на значке нужного канала на палитре Channels (Каналы) (вид этой палитры приведен на рис. 1.46), а также с помощью клавиатурных сокращений. Выбирать несколько каналов сразу можно щелчком мышью при нажатой клавише Shift. Чтобы на время отключить просмотр одного из каналов, щелкните мышью на пиктограмме с изображением глаза, находящейся слева. Чтобы пояснить, для чего нужны каналы, приведем простой пример. Наверное, вы не раз видели фотографии, где лица слишком красные, а пейзаж чересчур зеленый. Если вы попытаетесь редактировать данное изображение целиком, к сожалению, у вас ничего не получится. Но стоит посмотреть на цветовые составляющие рисунка, как вы сразу поймете, чего здесь слишком много, а чего не мешало бы и добавить. Особенность каналов заключается в том, что вы можете редактировать их независимо друг от друга, используя при этом все возможности Photoshop. Можно воспользоваться инструментами рисования, фильтрами, уровнями яркости, тоновыми кривыми, а также многим другим.
Возможности палитры Channels (Каналы) Если вы щелкнете правой кнопкой мыши на любом канале на палитре Channels (Каналы), то появится меню, состоящее из двух команд (рис. 1.90). Duplicate Channel... Delete Channel • Рис. 1.90. Меню с командами создания и удаления каналов
•
Duplicate Channel (Создать копию канала). Дублирует активный канал.
•
Delete Channel (Удалить). Данная команда удаляет активный канал.
Внизу палитры каналов расположены четыре кнопки.
Каналы и маски •,:- Load channel as selection (Загрузить канал как выделение). Преобразует канал в выделение. Следует учитывать, что белые области канала соответствуют выделенным пикселам, черные — невыделенным, а серые — частично выделенным. ;Д| Save selection as channel (Сохранить выделение как канал). Преобразует выделение в новый канал. ISIf Create new channel (Создать новый канал). Эту кнопку можно использовать для дублирования имеющихся каналов: перетащите канал мышью Я данной кнопке, и он автоматически скопируется на новый канал. $
Delete current channel (Удалить канал). Еще один способ удалить активный канал.
Следующая серия команд находится в меню (рис. 1.91), которое вызывается щелчком мышью на круглой кнопке • в правом верхнем углу палитры каналов. Dock to Palette Well New Channel... Duplicate Channel.., Delete Channel
I
Palette О р И о п ^ Ы Щ Ри©. 1.91. Меню палитры Channels (Каналы)
С первыми тремя командами — New Channel (Новый канал), Duplicate Channel (Создать копию канала) и Delete Channel (Удалить канал) — мы уже познакомились. Рассмотрим остальные пункты этого меню. •
New Spot Channel (Новый канал комбинированного цвета). Каждый канал такой структуры выводится на отдельную печатную форму. Необходимо указать цвет и плотность данного канала.
•
Merge Spot Channel (Объединить с каналом комбинированных цветов). Эта команда объединяет канал комбинированного цвета с основными цветовыми каналами той модели, которую вы используете.
•
Channel Options (Параметры канала). Данная команда позволит вам изменить название канала, его прозрачность и цвет. Эту команду можно вызвать двойным щелчком мышью на канале.
•
Split Channels (Разделить каналы). С помощью этой команды вы можете разделить свое изображение на несколько составляющих. Количество составляющих
Глава 1 . Интерфейс программы и основы работы с Photoshop будет зависеть от количества каналов. Другими словами, если вы используете модель RGB, то ваше изображение разобьется на три новых, каждое из которых будет идентично одному каналу исходного. •
Merge Channels (Объединить каналы). Объединяет несколько разных изображений, ассоциируя исходные каналы с каналами нового изображения. Для этого необходимо, чтобы исходные изображения были выполнены в полутоновом режиме (Grayscale) и имели одинаковые размеры.
•
Palette Options (Параметры палитры). Данная команда позволяет выбрать параметры палитры каналов: размер значков (мелкие, средние или крупные) либо вообще отказаться от просмотра каналов, оставив только их названия.
Дополнительные каналы Кроме основных каналов, составляющих цветовую модель, существуют еще и дополнительные каналы, которые часто называют масками. Маска — это область выделения, представленная в виде полутонового изображения. Белые пикселы в ней соответствуют выделенным областям, черные — невыделенным, а серые — частично выделенным. В Photoshop возможно создание двух типов масок. •
Быстрая маска. Она существует для однократного применения и не сохраняется, образуя временный канал на период своего действия.
•
Маска, которую иногда еще называют альфа-каналом. Одновременно может храниться довольно много таких каналов, которые при необходимости могут сохраняться на протяжении всей работы.
Преимущество маски в том, что она является независимым полутоновым изображением, то есть ее можно редактировать, не затрагивая при этом основное изображение. Для ее изменения можно использовать инструменты рисования и редактирования, фильтры, любые параметры световой и цветовой коррекции. Как известно, Photoshop — это редактор растровых изображений. Любой объект в растровой графике представлен в виде множества точек. Чтобы совершить какую-либо операцию с этим объектом (повернуть, масштабировать, дублировать, применить фильтр и др.), необходимо обозначить его границы, то есть создать выделенную область, в которой мы изолируем необходимые нам точки (объект), оставшиеся же пикселы будут восприниматься программой как недоступные для редактирования. Но что делать, если необходимо отредактировать поочередно группу объектов? Ответ напрашивается сам собой: выделять их по порядку и производить необходимые манипуляции. Но проблема в том, что выделенная ранее область может понадобиться вновь, а выделения зачастую имеют довольно сложные формы. Именно для таких случаев и были придуманы маски, которые при активизации превращаются в область выделения. Можно применять к маскам операции сложения, пересечения и многие другие. В общем, маски являются простым и очень удобным средством создания выделений.
Стили и эффекты Иногда требуется создать плавный переход от одного объекта к другому или контурное выделение весьма сложной формы. Справиться с этим поможет режим быстрой маски — это наиболее простой и удобный способ определить необходимую группу точек. Прежде чем войти в этот режим, как правило, создается приблизительная область выделения с помощью стандартного набора инструментов, таких как Lasso (Лассо), Magic Wand (Волшебная палочка), простые формы выделения. Нужно отметить, что этот этап не обязателен, но он поможет вам в работе, пока вы окончательно не освоитесь с альфа-каналами. Затем, перейдя в режим быстрого маскирования, вы получаете возможность сосредоточиться на уточнении деталей. В режим быстрой маски вы можете перейти, выбрав его внизу на палитре инструментов либо нажав клавишу Q. Если вы последовали нашему совету и изначально выделили какую-либо область, то изменения увидите сразу после перехода в режим быстрой маски. Выделенная область представляется в виде пленки светлокрасного цвета. Красный цвет пленки устанавливается по умолчанию. Однако если в вашем изображении много цветов красного оттенка, то создание маски будет затруднено. Мы советуем открыть палитру каналов — в ней вы увидите временный канал, называемый быстрой маской. Дважды щелкните мышью на этом канале или выберите в меню палитры пункт Quick Mask Options (Параметры быстрой маски). Откроется окно, в котором вы сможете выбрать цвет маскировки, а также ее прозрачность. Вы наверняка обратили внимание, что при переходе в режим быстрой маски контур выделения исчез. На самом деле он временно прекратил свое существование, так как все дальнейшие операции будут относиться непосредственно к самой маске и не затронут изображение. При возвращении в стандартный режим или при повторном нажатии клавиши Q контур выделения появится вновь. Чтобы удалить область из выделения, вам необходимо закрасить ее пикселы белым цветом, чтобы добавить — красным. Эту операцию вы можете выполнить с помощью любого инструмента рисования Photoshop, в том числе Brush (Кисть) и Eraser (Ластик). При раскраске полутонами вы добавите частично выделенные области. Таким образом, режим быстрой маски позволяет растушевывать одни контуры, в то время как другие остаются четкими. К тому же вы можете многократно изменять контуры выделения и видеть при этом первоначальное изображение, что немаловажно. В результате вы можете создать сколь угодно сложную область выделения и сохранить ее в отдельном канале. А так как при закрытии изображения канал удалять не обязательно, вы сможете вернуться к редактированию этого изображения, начиная с того места, на котором остановились.
1.12. Стили и эффекты В Photoshop CS2 есть большая коллекция великолепных слоевых эффектов, называемых также стилями слоя. Почему слоевых? Дело в том, что их действие распространяется на весь слой сразу, и применять их можно, только если изображение состоит более чем из одного слоя и активным является не первый слой. Заметим,
Глава 1. Интерфейс программы и основы работы с Photoshop что нужно различать основные стили, или слоевые эффекты, которые собраны в меню Layer • Layer Style (Слой • Стиль слоя), и содержимое палитры Styles (Стили). Слоевые эффекты можно сгруппировать вместе и сохранить как новый стиль. Именно такие стили и находятся на палитре Styles (Стили).
Слоевые эффекты Drop Shadow (Внешняя тень) Эффект, позволяющий создавать внешнюю тень. Один из самых полезных эффектов, сделавший множество дополнительных модулей Photoshop абсолютно ненужными. Единственный крупный недостаток — невозможность создания перспективной тени. Окно настройки этого эффекта показано на рис. 1.92.
- Drop Shadow Г Structure ^~~
Рис. 1.92. Параметры тени
Blend Mode (Режим наложения). Режим наложения пикселов. В данном случае применен режим Multiply (Умножение) из-за свойств тени: при наложении теней более темный изначально пиксел должен остаться более темным по отношению к остальным. Color (Цвет). Цвет тени. Она совсем не обязательно должна быть черной. Чтобы добиться интересных эффектов, попробуйте и другие цвета. Opacity (Непрозрачность). Непрозрачность тени. Angle (Угол). Угол падения света. Определяет, в каком направлении должна падать тень. Use Global Light (Использовать общий свет). Использовать единое для всех эффектов направление света. Удобно, если в вашей работе на множестве объектов применено много разных стилей. И если, например, тени будут падать в разные стороны, то возникнет ощущение неестественности изображения. Применение общего источника света позволяет избежать этого. Distance (Расстояние). Расстояние, на которое следует выносить тень от объекта.
Стили и эффекты •
Spread (Разброс). Степень размытости тени по краям.
•
Size (Размер). Размер тени.
•
Contour (Контур). Контур применения эффекта. Позволяет полностью изменить внешний вид тени.
•
Anti-aliased (Сглаживание). Сглаживание неровностей.
•
Noise (Шум). Добавить в тень шум.
С помощью этих настроек можно не только передать любые естественные тени, но и создать более интересные эффекты (рис. 1.93).
Рис. 1.93. Результат применения эффекта Drop Shadow (Внешняя тень)
Inner Shadow (Внутренняя тень) Создает внутреннюю тень. Чаще всего используется для придания объема объектам, особенно буквам. Так как параметры данного инструмента полностью совпадают с параметрами Drop Shadow (Внешняя тень), не станем повторяться. На рис. 1.94 показан результат применения этого эффекта.
Рис. 1.94. Текст с эффектом Inner Shadow (Внутренняя тень)
Outer Glow (Внешнее свечение) Эффект, создающий ореол вокруг объекта. Особенно удобно то, что в качестве ореола можно использовать любой градиент. Окно настроек этого эфекта показано на рис. 1.95. Рассмотрим настройки, характерные только для данного эффекта. •
Technique (Техника). Определяет внешний вид свечения.
•
Range (Диапазон). Определяет ширину свечения.
•
Jitter (Колебание). Шум, переходящий в фон. С увеличением этого параметра увеличивается зернистость и рассеянность свечения.
Пример использования эффекта внешнего свечения показан на рис. 1.96.
Глава 1 . Интерфейс программы и основы работы с Photoshop low :OuterG r—Outer G lo W;: I I fr*_ • Structu Blend Model:Screen ;'..' Opacity* Noise;
75 % ' * •: [о
!•%.'
©П о[ r~ Ee l ments ~—~~~ ' Technq i ue! j Softer v . Spread: V]—
[5 IP*
Quality — Contour: Range: .— Jitter: -y-
Рис. 1.95. Настройки эффекта Outer Glow (Внешнее свечение)
Рис. 1.96. Результат применения эффекта Outer Glow (Внешнее свечение)
Inner Glow (Внутреннее свечение) Применяется для имитации объема шрифта. Настройки аналогичны эффекту Outer Glow (Внешнее свечение). На рис. 1.97 показан текст с применением внутреннего свечения.
Рис. 1.97. Текст с эффектом Inner Glow (Внутреннее свечение)
Bevel and Emboss (Скос и рельеф) Позволяет имитировать объем. Количество вариаций не поддается описанию. Можно сказать, что это самый совершенный инструмент реализации псевдообъема в Photoshop. Окно настроек этого эффекта показано на рис. 1.98.
Стили и эффекты Bevel and Emboss Structure Style: Inner Bevel Technique: jSmoohh
y^i
Depth: .••_j
••
Direction: © U p Э
S
o
f
г
t
е
e
:
n
/
:
j юо
QDown
j
• • • •
>
-
[
-
Shading Angle:
120
Б
I
|°
'
"
n
:
7 ] Use Global Light Altitude: Gloss Contour:
Highlight Mode: I s , reen Opacity: , Shadow Mode: ' M u ltiply Opacity: .
—~~
Рис. 1.98. Настройки эффекта Bevel and Emboss (Скос и рельеф)
Уникальные для этого инструмента настройки следующие. •
Style (Стиль). С помощью этого параметра определяется тип будущего объема. Он может идти как внутрь, так и наружу объекта, создаваться методом выдавливания и т. д.
•
Technique (Техника). Очень важная настройка. Здесь вы указываете, каким должен быть псевдообъем: обтекаемым, с плавными границами или, наоборот, с ярко выраженными гранями.
•
Depth (Глубина). Выраженная в процентах рельефность объема.
•
Direction (Направление). Если установлено значение Up (Вверх), то объект возвышается над поверхностью, если Down (Вниз) — углубляется в нее.
•
Size (Размер). Определяется геометрический размер псевдообъема.
Также вы можете определить режим и цвет тени (Shadow Mode) и световой составляющей объема (Highlight Mode). Кроме того, есть возможность использовать контуры (Contour) и текстуры (Texture) для изменения вида эффекта. Для этого достаточно дважды щелкнуть мышью на соответствующем элементе списка в левой части окна. Контур — это ограничивающая линия по краю объема. Иногда она бывает необходима для подчеркивания объема. Все настройки аналогичны рассмотренным выше, поэтому повторно описывать их не будем.
Глава 1 . Интерфейс программы и основы работы с Photoshop Гораздо более интересные возможности дают текстуры. Можно без труда добавить в объем любой образец текстуры и получить потрясающий результат. Напомним, что образец текстуры вы можете определить сами или использовать уже имеющиеся. Окно настройки текстур показано на рис. 1.99. Г
Tenture
Pattern!
Snap to Origin
Scale: I • •" v Depth:
i 100
Invert
%
J 0 L i n k with Layer
Рис. 1.99. Настройки текстуры
•
Pattern (Образец). Используемая текстура.
•
Scale (Масштаб). Величина элементов текстуры, в данном случае пузырьков. Изменяет образец пропорционально.
•
Depth (Глубина). Выраженность текстуры на поверхности.
Используя описанные выше настройки, можно добиться огромного количества эффектов. Некоторые варианты показаны на рис. 1.100.
Рис. 1.100. Результаты применения эффекта Bevel and Emboss (Скос и рельеф)
Satin (Атлас) Интересный эффект, который в самом примитивном варианте действительно напоминает складки атласной ткани. Но настройки позволяют значительно расширить область применения. Одним словом, смотрите рис. 1.101.
Рис. 1.101. Пример использования эффекта Satin (Атлас)
Стили и эффекты
Color Overlay (Наложение цвета), Gradient Overlay (Наложение градиента) и Pattern Overlay (Наложение образца) Эти три эффекта очень похожи. По сути, это заливка объекта цветом, градиентом и текстурой соответственно. Они очень просты в применении, и в настройках вы не найдете ничего нового, поэтому описывать мы их не будем.
Stroke (Обвести) Обводит объект своеобразным ореолом. Можно было бы назвать его линией, но так как его размеры могут многократно превышать размеры исходного объекта, то такое сравнение неверно. Окно настроек показано на рис. 1.102. !
Stroke Structure gosnion: j Outside
уj
gand Mode: f N o r r n a | gpaclly: / Color
v| J i 100
;
iVvl
1*
;
Color: i l l l l
Рис. 1.102. Настройки эффекта эффекта Stroke (Обвести)
•
•
Position (Положение). Определяет, как рисовать контур. •
Outside (Снаружи). Линия проходит по внешнему периметру.
•
Inside (Внутри). Линия вычерчивания проводится по внутреннему краю изображения.
•
Center (Центр). Линия захватывает внешние и внутренние части границы.
Fill Type (Тип заливки). Есть три варианта заливки: Color (Цвет), Gradient (Градиент) и Pattern (Образец).
Copy Layer Style (Копировать стиль слоя) Команда Layer • Layer Style • Copy Layer Style (Слой • Стиль слоя • Копировать стиль слоя) применяется в том случае, если вы хотите перенести настройки одного слоя на другой. Для этого нужно на исходном слое применить данную команду, а на другом — команду Paste Layer Style (Вставить стиль слоя) из этого же меню.
Clear Layer Style (Очистить стиль слоя) Применяется, чтобы удалить с данного слоя все эффекты.
Глава 1 . Интерфейс программы и основы работы с Photoshop
Global Light (Общий свет) С помощью этого пункта меню задается направление света для всех слоевых эффектов, для которых установлен параметр Use Global Light (Использовать общий свет).
Create Layer (Создать слой) Очень полезная команда, позволяющая вынести эффекты на отдельный слой. Таким образом можно получить множество оригинальных изображений. Рекомендуем поэкспериментировать.
Hide All Effects (Скрыть все эффекты) Применяется в том случае, если вы временно не хотите видеть эффекты (например, необходимо доработать исходный объект), но удалять их не нужно. После использования этой команды вы не будете видеть эффекты, до тех пор пока не используете обратную команду — Show All Effects (Показать все эффекты).
Scale Effects (Масштаб эффектов) Команда, позволяющая изменять пропорции всех эффектов.
Палитра Styles (Стили) Эта палитра (см. рис. 1.42) служит для хранения стилей. Чтобы применить стиль, создайте новое изображение не менее чем с двумя слоями. Затем сделайте активным слой выше первого и щелкните мышью на любом стиле. Указанный стиль будет применен к активному слою. Какие же стили находятся на этой палитре? Чтобы получить ответ на этот вопрос, откройте палитру Layers (Слои). Вы увидите примерно то, что показано на рис. 1.103.
.f .,' v Opsc vli W O
Liyers N | Normal lock; D /. Ф Э
Щ
Fill: i 100% ::|| Ф " Щя
Background copy Ф Bevel and Efoboss ^
Pattern Overlay
m\ #» ©. Рис. 1.103. Вид палитры Layers (Слои) для слоя с примененным стилем ffickgruund d
(5. u
• IS1
J
i
!
Как видно из рисунка, любой стиль — это комбинация слоевых эффектов. В данном случае применены три эффекта: Bevel and Emboss (Скос и рельеф), Color Overlay (Наложение цвета) и Pattern Overlay (Наложение образца). В этом можно убедиться,
Палитра Brushes(Кисти) если дважды щелкнуть мышью на любом из показанных эффектов — откроется стандартное окно его настроек. Вы также можете создавать собственные стили. Для этого достаточно сгруппировать необходимые слоевые эффекты и нажать кнопку создания нового стиля на палитре Styles (Стили). Как вы могли убедиться, стили — это мощное средство обработки изображений в Photoshop. Они просто незаменимы для создания стандартных графических элементов. Однако не стоит отдавать им абслютное предпочтение, забывая о других возможностях Photoshop CS2.
1.13. Палитра Brushes (Кисти) Как известно, кисть в Photoshop — это не только инструмент рисования, но и своего рода аналог реального изделия. Существуют разные наборы кистей со своими свойствами, которые могут использоваться как шаблонные изделия при работе с такими инструментами, как собственно Brush (Кисть), Erase (Ластик), Stamp (Штамп) и многими другими. Для вызова палитры кистей следует щелкнуть на вкладке Brushes (Кисти), расположенной в правом верхнем углу главного окна программы. В результате появится окно, представленное на рис. 1.104.
Brush Tip Shape £j Shape Dynamcis £j Scatering Q Texture .. ual Brush Dynamcis £j Other Dynamcis Nosie D Wet Edges П Airbrush Smoothing £ j Protect Texture
Рис. 1.104. Палитра Brushes (Кисти)
Глава 1. Интерфейс программы и основы работы с Photoshop Это базовая палитра, на которой можно выбрать желаемую кисть и установить в поле Master Diameter (Диаметр) ее размер. Обратите внимание, что вы можете изменять размер не только круглых, но и всех остальных кистей, подбирая оптимальный вариант. Значение размера кисти варьируется в пределах 1-2500 пикселов. Несомненным удобством данной палитры является также то, что, изменяя параметры, вы можете сразу отслеживать ожидаемый результат применения в окне просмотра, расположенном в нижней части палитры. Слева на палитре Brushes (Кисти) находится список групп настроек и параметров кисти. Каждую группу настроек, за исключением Brush Tip Shape (Форма кисти), можно активизировать или отключить с помощью флажка рядом с именем группы. То же относится и к одиночным параметрам, перечисленным в последнем разделе списка. При щелчке мышью на какой-либо активизированной группе появляется диалоговое окно с набором настроек. Рассмотрим все настройки кистей по порядку.
Brush Tip Shape (Форма кисти) Если щелкнуть мышью на строке Brush Tip Shape (Форма кисти), то появится диалоговое окно, представленное на рис. 1.105. Его настройки очень похожи на те, что были доступны еще в шестой версии программы. Brush Presets Brush Tip Shape • Shape Dynamc is • Scattering • Texture • Dual Brush ГП Color Dynamics • other Dynamics • r • Noise • Wet Edges • Airbrush • Smoothing • Protect Texture
•
14
26
f112 134 f Щ 36 -
•
4
. • • *
% 33
•
33
ss
70
29
192
&
74 % 63
? 66 •
%
Diameter •• :
42
« •
#
39
— Щ 63
41
[ Use Sampe l Sa i e ] { 75 px на- ' ~~E,
Angle; j 0" Roundness: [ 100% Hardness 0 Spacn ig
Рис. 1.105. Диалоговое окно Brush Tip Shape (Форма кисти)
Два параметра в этом окне дублируют рассмотренные выше, а именно возможность выбора формы кисти и ее размера. Если размер кисти ранее был изменен,
Палитра Brushes (Кисти) то можно установить размер по умолчанию, нажав кнопку Use Sample Size (Использовать размер образца). Рассмотрим остальные параметры. •
Angle (Угол). Определяет угол наклона кисти. Естественно, этот параметр можно использовать со всеми кистями, кроме круглых.
•
Roundness (Округлость). Кисть можно не только вращать вокруг своей оси, но и сжимать (данный параметр вводится в процентах и характеризует соотношение начального и конечного радиусов). Несомненным достоинством является то, что угол наклона и величину сжатия можно устанавливать на глаз, изменяя вид кисти в небольшом окне, расположенном справа. На рис. 1.106 представлены два изображения, нарисованные одной и той же кистью с округлостью 20 %, но угол наклона в одном случае был равен 0°, а во втором — 90°.
Рис. 1.106. Линии, проведенные кистью с различными значениями параметра Angle (Угол)
•
Hardness (Жесткость). С помощью этого параметра регулируется жесткость краев проведенной линии. Здесь можно получить как предельно жесткие и четкие края, так и мягкие, плавно переходящие в фон. На рис. 1.107 показаны две линии, проведенные одинаковой кистью с жесткими (100 %) и мягкими (0 %) краями.
Рис. 1.107. Линии, проведенные кистью с жесткими и мягкими краями
Spacing (Интервал). Линия, которую вы видите при рисовании каким-либо инструментом, использующим кисть, образуется многократными повторениями отпечатков (одиночный отпечаток получается при однократном нажатии левой кнопки мыши без ее перемещения). Расстояние между отпечатками определяется в процентах относительно размера кисти. Чтобы получить возможность изменять величину пробела между отпечатками кисти, необходимо установить флажок рядом с именем этого параметра. Тогда станет доступно числовое поле, в котором можно ввести значение в процентах, и линейка с ползунком для задания интервала на глаз.
Глава 1. Интерфейс программы и основы работы с Photoshop Если установить значение Spacing (Интервал) равным 100 %, то каждый отпечаток будет следовать за предыдущим без пробела. Сравните первое и второе изображения на рис. 1.108: на первом интервал равен 1 %, на втором — 100 %. Если же параметр Spacing (Интервал) отключить, то линия получится неоднородной — такой, как в третьем варианте на рис. 1.108. Такой эффект получается оттого, что отпечатки повторяются через определенные промежутки времени. Если вести кисть медленно, то линия получится сплошная, как на первом изображении, если быстро, то прерывистая. А так как скорость движения руки непостоянная, особенно на закруглениях, то и линия получается неравномерная. Регулируя величину пробела, можно создавать различные эффекты. Максимальное значение данного параметра — 1000 %.
х
Рис. 1.108. Линии, проведенные кистью с различным значением параметра Spacing (Интервал)
Shape Dynamics (Динамика кисти) Данное диалоговое окно (рис. 1.109) появляется после щелчка мышью на одноименной строке на палитре Brushes (Кисти). Brush Presets Brush Tip Shape Scattering |"~] Texture [_] Du-al Brush Q Color Dynamics Q Other Dynamics D Noise Q Wet Edges [J Airbrush . Q Smoothing i ГП Protect Texture
Size Jitter
I o%
;"S.
Д
£ontroh jPen Pressure
Minimum DUmeter.. .
;;V:; | [ Q%
Angie Jitter Cantrol! | OFF Roundness Jitter J Control:; off Minimum Rouivjne™,
• Flip X Jitter
fjFlip Y Jitter
Рис. 1.109. Диалоговое окно Shape Dynamics (Динамика кисти)
Палитра Brushes(Кисти) Изменяя значения параметров в этом окне, можно из обычной кисти получить динамическую, то есть изменяющую свои свойства с течением времени. Это позволяет получать очень необычные результаты. Рассмотрим параметры, которые находятся в окне Shape Dynamics (Динамика кисти). •
Size Jitter (Вариации размера). Здесь задается максимальное отклонение размера кисти от исходного в пределах от 0 до 100 %. На рис. 1.110 показан пример динамического изменения размера.
•
Рис. 1.110. Пример динамического изменения размера
•
Control (Управление). Этот параметр встречается в настройках кистей неоднократно, однако мы остановимся на нем один раз. Он позволяет указать, от чего будет зависеть динамика кисти. •
Off (Выключен) — кисть не претерпевает никаких изменений.
•
Fade (Затухание) — кисть постепенно изменяет свои свойства.
•
Pen Pressure (Сила нажима) — данный параметр, как и все последующие в этом списке, становится доступным при работе с графическим планшетом. Если он установлен, кисть реагирует на силу нажима пера.
•
Pen Tilt (Наклон пера) — зависимость от наклона манипулятора.
•
Stylus Wheel (Прокрутка) — зависимость от прокрутки.
•
Rotation (Поворот) — зависимость от поворота.
•
Initial Direction (Начальное направление).
•
Direction (Направление).
•
Minimum Diameter (Минимальный диаметр). Здесь можно установить минимальный диаметр отпечатка кисти, ограничив тем самым нижний порог вариаций размера.
•
Tilt Scale (Масштаб наклона). Степень возможного изменения скоса.
•
Angle Jitter (Вариации угла). Здесь задаются пределы поворота кисти вокруг своей оси (рис. 1.111).
Рис. 1.111. Пример динамического вращения кисти вокруг своей оси
Глава 1 . Интерфейс программы и основы работы с Photoshop Roundness Jitter (Вариации округлости). При активизации данного параметра изменения коснутся также и силы сжатия кисти (рис. 1.112).
Рис. 1.112. Пример динамического изменения силы сжатия кисти
Minimum Roundness (Минимальная округлость). Этот параметр ограничивает минимальное значение округлости.
Scattering (Рассеивание) Диалоговое окно Scattering (Рассеивание) представлено на рис. 1.113. Scatter • Brush Presets Brush Tip Shape Control: [off [3] Shape Dynamc i s |g' Count
Both Axes
:: fit Count Jitter '' • fit
•_jJ Texture О Dual Brush
Ц] Color Dynamics §$
Control) | Qff
[3] Other Dynamics |g* Q Noise
|j£'
О Wet Edges
' £j'
Q Airbrush Q Smoothing
j^' .
§£
Q Protect Texture
Ы I,:.:. Рис. 1.113. Диалоговое окно Scattering (Рассеивание)
Здесь задаются параметры разбрызгивания отпечатков кисти из своего рода пульверизатора. •
Scatter (Рассеивание). Здесь задается амплитуда рассеивания.
•
Both Axes (Обе оси). Если установлен данный флажок, то смещение отпечатков происходит по обеим осям, в противном случае — только по вертикали.
Палитра Brushes (Кисти) Count (Количество). Данным значением определяется количество разбрасываемых элементов. Чем выше это значение, тем больше элементов «распыляется» за один щелчок мышью. Count Jitter (Вариации количества). Это еще одна динамическая настройка, которая позволяет реализовать переменное во времени количество разбрасываемых элементов. В результате их концентрация будет неравномерной.
Texture (Текстура) В данном диалоговом окне (рис. 1.114) можно устанавливать различные параметры, влияющие на применение текстуры к отпечаткам кисти. Brush Presets Brush Tip Shape
О Shape Dynamics
0 Invert I Scale
DDualBrush g- 0 Texture Each Tip Q Color Dynamc i s |gj' Mode Ainear Burn V;; : Qother Dynamc i s |g' iDepthr'V. ' • Nosie -" :' j§j* im i um Depth Q Wet Edges gj' Mn • Airbrush |g' Depth fitter • Smoothn ig gJ • Protect Taitture fif Control !Off
130%
[ 100% Щ
-ZEE3 Qoo%
j;
j o% __ |
Рис. 1.114. Диалоговое окно Texture (Текстура)
Текстуры можно выбирать готовые или загружать свои (созданию текстур посвящена глава 4). Кроме того, можно изменять следующие параметры. •
Scale (Масштаб). Здесь задается масштаб накладываемой текстуры, то есть устанавливается соотношение между размерами отпечатков кисти и элементов текстуры.
•
Texture Each Tip (Другая текстура). Установка данного флажка позволяет настраивать дополнительные параметры, что дает большую свободу действий.
•
Mode (Режим наложения). Режим наложения текстуры.
Глава 1 . Интерфейс программы и основы работы с Photoshop Depth (Глубина). Это значение определяет, насколько четко будет просматриваться текстура. Для достижения более наглядного результата следует увеличить значение данного параметра. Если же вы хотите получить лишь слегка текстурированные отпечатки кисти, то уменьшите его. Minimum Depth (Минимальная глубина). Параметр, определяющий самую плохую видимость текстуры. Это необходимо при активизации динамического режима работы. Depth Jitter (Вариации глубины). Здесь можно задать пределы изменения видимости структуры в динамическом режиме.
Dual Brush (Двойная кисть) При щелчке на строке Dual Brush (Двойная кисть) появляется диалоговое окно, представленное на рис. 1.115. Brush Presets Brush Tip Shape • Shape Dynamc is • Scattering Q Texture D Dual Brash
^odet Multiply L
-
П Flip 3
•
A 1
4
2
6
t
3
3
• Noise
• Wet Edge: О Airbrush • Smoothing О Protect Texture
2
9
5
55
1
1
1
3
3
4
2
6
1
1
Da imeU
29
70: Щ 192
39
63
100
Щ 75
'
f
7
4
3
3
6
3
4
8
3
2
и
О Color Dynamics • Other Dynamics
4
U
s
e
S
a
m
p
l
e
S
i
z
e
Count
98 px
[S%^
Spacing Scatter j ,..„.
]
A
~\ Both Axes
0% 1
Рис. 1.115. Диалоговое окно Dual Brush (Двойная кисть)
Предлагаемые здесь возможности позволяют смешивать две разные кисти. За основу берется кисть, установленная в основном окне палитры Brushes (Кисти), а вторая (накладываемая) настраивается в данном окне. Можно задать следующие параметры наложения кистей.
Палитра Brushes (Кисти) •
Diameter (Диаметр). Диаметр накладываемой кисти.
•
Spacing (Интервал). Если вы хотите сделать отпечатки кисти более редкими, то воспользуйтесь этим параметром.
•
Scatter (Разброс). Для неравномерного наложения отпечатков следует увеличить силу разброса.
•
Both Axes (Обе оси). Этот параметр регулирует направление накладывания отпечатков.
•
Count (Количество). Количество (концентрация) накладываемых элементов.
Color Dynamics (Динамика цвета) В диалоговом окне Color Dynamics (Динамика цвета) (рис. 1.116) задаются динамические параметры, влияющие не на форму кисти, а на ее цветовые и яркостные составляющие. Brush Presets Brush Tip Sbap*
F o r e g r o u n d / B a c k g r o u n d
•
rol;
О Shape Dynamics jg* Q Scattering
I F a d e
Hue Jitter
j 51%
ft' ;
Q Texture
Jitter
™*.
;~""T
"
•"*
||
S a t u r a t i o n
jitter
Q Dual Brush §j' ES Color Dynamics
B r i g h t n e s s
Jitter
.•"..."..'"~~~'.-Л
"
•
[
•
0
%
5
%
П Wei Edges [_] Airbrush О Smoothing Q Protect Texture
Рис. 1.116. Диалоговое окно Color Dynamics (Динамика цвета)
• •
Foreground/Background Jitter (Вариации цветов переднего плана и фона). Пределы изменения цветов переднего плана и фона. Hue Jitter (Тоновые вариации). Диапазон изменения цвета.
Глава 1 . Интерфейс программы и основы работы с Photoshop •
Saturation Jitter (Вариации насыщенности). Устанавливает предельные значения насыщенности отпечатков.
•
Brightness Jitter (Вариации яркости). Диапазон изменения значений яркости.
•
Purity (Чистота). Степень возможного отклонения цвета от нейтрального.
Other Dynamics (Другая динамика) Здесь задаются два оставшихся динамических параметра, не вошедших в предыдущие окна. •
Opacity Jitter (Вариации непрозрачности). Можно установить динамическое изменение прозрачности отпечатков кисти.
ш
Flow Jitter (Вариации потока). Параметр, очень похожий на предыдущий, однако влияет на насыщенность.
Остальные параметры палитры Brushes (Кисти) не имеют дополнительных настраиваемых функций, однако могут существенно видоизменить видимый отпечаток кисти.
Noise (Шум) При установке данного флажка в отпечаток кисти добавляется монохромный шум, который несколько напоминает действие одноименного фильтра, только распространяется не на все изображение, а лишь на след кисти. На рис. 1.117 использована одна и та же кисть, только изображение слева получено без внесения шума, а справа — при установленном флажке Noise (Шум).
. * )
•
' ; • • •
Рис. 1.117. Зависимость вида кисти от параметра Noise (Шум)
Wet Edges (Размытые края) Следующий параметр палитры кистей, который нам предстоит рассмотреть, — Wet Edges (Размытые края). Такое название он получил потому, что результат его применения несколько напоминает акварельный рисунок, хотя сходство далекое. Проведем две линии одной и той же кистью с выключенным и включенным параметром Wet Edges (Размытые края). В первом случае линия одинаковая по всей толщине, тогда как во втором в середине она более прозрачная, а по краям затемнена. Различия хорошо заметны при увеличении изображения, поэтому на рис. 1.118 оно увеличено до такой степени, что видны отельные пикселы.
Adobe Bridge — обозреватель файлов
Рис. 1.118. Линии, проведенные кистью с включенным и выключенным параметром Wet Edges (Размытые края)
Airbrush (Аэрограф) Раньше аэрограф был отдельным инструментом, но сейчас разработчики решили включить его в рассматриваемую палитру как модификацию кисти. Он представляет собой распылитель, который разбрызгивает не отдельные отпечатки кисти, а краску по форме последнего. Чем дольше вы будете держать нажатой кнопку мыши, тем сильнее будет его действие и тем больше отпечаток (однако он не превысит установленный максимальный размер кисти).
Smoothing (Сглаживание) Данный флажок позволяет сделать действие кисти более мягким и плавным.
Protect Texture (Защитить текстуру) Если этот флажок установлен, то рисунок текстуры, используемой в настройках кисти, не будет подвергаться изменениям.
1.14. Adobe Bridge — обозреватель файлов Встроенный обозреватель файлов — File Browser (Обозреватель файлов) — появился еще в программе Photoshop 7.O. Во многом он напоминал широко распространенную программу ACDSee, но в отличие от нее был встроен прямо в графический пакет. В версии Photoshop CS2 браузер преобразован в отдельную утилиту — Adobe Bridge. Ее по-прежнему можно вызвать из графического редактора, но теперь обозреватель файлов стал самостоятельной программой, которая функционирует независимо от Photoshop. Утилита Adobe Bridge служит для просмотра и открытия графических файлов, заменяя собой специализированные программы типа ACDSee. Теперь пользователи Photoshop могут забыть о неудобствах, связанных с поиском и просмотром нужного файла. В версии Photoshop CS2 браузер стал еще более функциональным и удобным.
Глава 1 . Интерфейс программы и основы работы с Photoshop Adobe Bridge вызывается не только стандартной командой File • Browse (Файл • Браузер) или нажатием кнопки g|j> в правой верхней части окна программы, но и непосредственно из меню Пуск. Существует также команда File • Close and Go to Bridge (Файл • Закрыть и перейти в Bridge), при выполнении которой редактируемое изображение закрывается и открывается Adobe Bridge. Открытие браузера из первого пункта меню (File (Файл)) говорит о том, что разработчики настойчиво обращают внимание пользователей на этот иструмент. Рассмотрим основные составные части Bridge (рис. 1.119).
Edit T&ote Label View Window
Не
••:•?• \ Ш Sample;
•#
Щ Мой Eg Adobe Stock Photos $* Version Cue 4$> Collections ^
Рабочий стол
j££j Мои документы йМ Мои рисунки < Preview '*Щ
з4-
Smart Objects 18,03.2005, М 134:55
•• • Smart Ob|
i
u
i
—
-
l
e
f
- . .
-,-г—.-
V
t
M
c
j
c
p
o
r
r
»
5
i
s
e
l
e
c
t
e
d
з
•
••••••••••••-•-
1
,
j
(
f
a
a
3
s
i
s
Рис. 1.119. Окно Adobe Bridge
1.
Меню, которое содержит следующие пункты. •
File (Файл). Создание новых папок, открытие и удаление файлов, вызов окна информации о документе, занесение активной папки в Favorites (Избранное).
•
Edit (Редактирование). Команды для работы с буфером обмена, выделения группы однотипных файлов, поиска, поворота миниатюры на 90 или 180°. Здесь же расположены специфические команды для изображений, полученных с цифровой камеры, а также общие настройки программы Bridge.
•
Tools (Инструменты). Автоматическое переименование группы файлов, доступ к интернет-сервисам и командам пакетной автоматизации Photoshop (см. разд. 1.7), а также работа с кэшем и метаданными. Кэш — это специальная область памяти, в которой хранятся миниатюрные изображения
Adobe Bridge — обозреватель файлов просматриваемых документов. Метаданные — дополнительная информация о файле, которую можно использовать для организации архива изображений или ускорения поиска. СОВЕТ Чем больше вы работаете с браузером, тем активнее используется кэш. Время от времени его следует очищать командой меню утилиты Tools • Cache • Purge Cache for This Folder (Инструменты • Кэш • Очистить кэш для текущей папки) или Tools • Cache • Purge Central Cache (Инструменты • Кэш • Очистить центральный кэш). Если вы работаете в одной и той же папке, ее кэш лучше не удалять. И вообще, если размер диска позволяет, то не увлекайтесь такой очисткой — программе придется заново создавать миниатюры, что скажется на скорости ее работы.
•
Label (Метка). Команды этого пункта меню позволяют присваивать выделенным изображениям специальные метки. Используя их, можно упростить сортировку файлов с помощью команд меню View (Вид). Bridge предлагает два типа меток: рейтинговые и цветовые. Первые расположены в верхней части меню Label (Метка), вторые — в нижней. Рейтинг может изменяться от 0 до 5, поэтому рейтинговые метки удобно использовать для файлов, отличающихся по степени какого-то свойства. Например, изображениям низкого качества можно присвоить нулевой рейтинг, а качественным — более высокий рейтинг. Впоследствии командой View • Sort • By Rating (Вид • Сортировать • По рейтингу) файлы можно отсортировать по возрастанию качества. Цветовыми метками можно отмечать изображения, связанные неким признаком. Например, красным — кадры с дня рождения, зеленым — с пикника и т. д. При необходимости можно включить фильтрацию (левая кнопка в правом верхнем углу окна) по рейтингу и по меткам. Например, фильтр Show 3 or More Stars (Показать 3 и более звезд) оставит на экране только те изображения, рейтинг которых составляет 3 и более.
•
View (Вид). Способы отображения и сортировки файлов. Самыми важными являются пункты, отвечающие за выбор режима отображения: As Thumbnails (Миниатюры), As Filmstrip (Кадры пленки), As Details (Подробности) или As Versions and Alternates (Версии и альтернативы).
•
Window (Окно). Способы отображения окна программы. В зависимости от выбора, сделанного в подменю Windows • Workspace (Окно • Рабочая область), окно Adobe Bridge может содержать те или иные элементы в определенной пропорции. СОВЕТ Если вы настроили окно Bridge наиболее удобным для вас способом (для этого служат команды меню View (Вид)), то можете сохранить эти настройки командой Window • Workspace • Save Workspace (Окно • Рабочая область • Сохранить рабочую область).
Глава 1 . Интерфейс программы и основы работы с Photoshop •
Help (Помощь). Справочная система программы и запуск процесса обновления.
Под меню находится список с адресом текущей активной папки. Справа от него расположены кнопки, дублирующие наиболее используемые команды: фильтрация, создание папки, поворот миниатюры, удаление файла, переключение в компактный режим (см. ниже). 2.
Диспетчер файлов. Используется для выбора папки, содержимое которой мы собираемся просмотреть. Имеет две вкладки: Favorites (Избранное) и Folders (Папки). Первый вариант удобно использовать, если вы работаете с ограниченным количеством папок. Для добавления папки в Favorites (Избранное) просто перетащите ее из главного окна (справа) в диспетчер файлов. В режиме Folders (Папки) диспетчер повторяет Проводник Windows.
3.
Главное окно. В нем графические файлы отображаются в виде миниатюр. Под ним находится несколько полезных элементов интерфейса: ползунок, который позволяет плавно изменять размеры миниатюр в главном окне, а также кнопки для переключения режимов просмотра.
4.
Окно просмотра. Позволяет увидеть более крупное изображение выделенного файла (конечно, если в основном окне не выбран больший масштаб просмотра).
5.
Окно информации. Здесь отображается служебная информация о выделенном файле.
Размеры этих областей можно изменять, перемещая границы мышью. СОВЕТ Спрятать все служебные области (диспетчер файлов, окна просмотра и информации) можно, щелкнув на значке о в левом нижнем углу окна Bridge.
В главном окне можно выделить любой файл и переместить его в другую папку, перетащив на нужную строку в диспетчере файлов. Открыть файл из Bridge в Photoshop можно одним из следующих способов: •
дважды щелкнуть на изображении в главном окне Bridge;
•
перетащить файл из окна Bridge в окно Photoshop;
•
выделить изображение и выполнить команду File • Open (Файл • Открыть) меню Bridge;
•
выделить изображение, вызвать контекстное меню щелчком правой кнопкой мыши и выбрать в нем пункт Open (Открыть).
Рассмотрим некоторые наиболее интересные функции Adobe Bridge. Поиск файлов организован оригинально и, на взгляд авторов, очень удобно. Команда Edit • Find (Редактирование • Поиск) меню Bridge вызывает окно (рис. 1.120).
Adobe Bridge — обозреватель файлов
Soiree
Find
Look in: i Мои рисунки
Cancel
j П Include All Subfolcters L. П Find All Piles
Ш | Enter Text v
Enter Text
Match: I if any criteria are met 0 Show find results in э new browser window Рис. 1.120. Окно поиска Adobe Bridge
Здесь в области Source (Источник) вы можете задать папку, в которой нужно искать изображение. Но самое полезное то, что в области Criteria (Критерии) есть возможность задать самые разные условия поиска: по названию, дате создания, ключевому слову, формату и т. д. Количество критериев ограничено только здравым смыслом. В поле Match (Совпадение) можно выбрать либо If any criteria are met (Если совпадает хотя бы один критерий), либо If all criteria are met (Если совпадают все критерии). Как уже упоминалось при рассмотрении меню Adobe Bridge, одной из его самых сильных сторон является возможность автоматизации, пакетной обработки документов. В пункте Tools • Photoshop (Инструменты • Photoshop) собраны соответствующие команды. В первую очередь речь идет о Batch (Пакет). Это средство автоматизации подробно рассмотрено в разд. 1.7. Кроме того, в подменю перечислены основные пакетные макропоследовательности. •
Contact Sheet II (Индекс). Создается лист, на котором располагаются миниатюры выделенных изображений и подписи к ним.
•
Image Processor (Процессор изображений). Преобразует и обрабатывает большое количество файлов. В отличие от Batch (Пакет), Image Processor (Процессор изображений) позволяет выполнять преобразование (например, конвертировать группу изображений в формат JPEG, PSD или TIFF) без создания макропоследовательности (см. разд. 1.7).
•
Merge to HDR (Объединить в HDR). Объединение нескольких кадров изображения в изображение с высоким динамическим диапазоном.
•
PDF Presentation (PDF-презентация). Из выделенных в главном окне браузера изображений создается презентация (слайд-шоу) в формате PDF.
•
Photomerge (Склеивание фотографий). С помощью этой функции из нескольких изображений можно создать одно панорамное.
Глава 1 . Интерфейс программы и основы работы с Photoshop •
Picture Package (Комплект страниц). На одной странице создается сразу несколько копий одного или более изображения.
•
Web Photo Gallery (Интернет-галерея). Создание веб-галереи подробно описано в разд. 1.7.
Особо следует сказать о команде Tools • Batch Rename (Инструменты • Пакетное переименование). Это очень удобный инструмент, позволяющий переименовать сразу несколько выделенных файлов в соответствии с определенной системой (нотацией). При выборе этого пункта вызывается окно пакетного переименования (рис. 1.121).
Dest'Bi^tion Fod l er О Rename in sai 0 Move toother folder ®Copy toother folder
[
Cancel
1 Browse,., I C:\DooimentsandSettings\no.nb3O8ai New Filenames :[Sequence Number IText pate
щ [1
| One Digit
__ :.ч] [•
Э S Э S
:
Щ ! Today
v
MMCiDYYYY
E3 S
Options [ j Preserve current filename in XMP Metadata Compatibility: ••-•!•••••',-••••• ПMac OS OUnix
First selected filename DSC0Q129JP6
First new filename H34302005.JPG 331 files wSi be renamed
Рис. 1.121. Окно Batch Rename (Пакетное переименование)
Данное окно имеет две группы настроек. •
Destination Folder (Папка назначения). Переименованные файлы могут сохраняться в той же папке (вариант Rename in same folder (Переименовать в той же папке)) или в другом месте на диске (Move to other folder (Перенести в другую папку) и Copy to other folder (Копировать в другую папку)). В последних двух случаях следует выбрать папку, нажав кнопку Browse (Обзор).
•
New Filenames (Новые имена файлов). Имя файла конструируется из нескольких частей в соответствии с правилами, указанными в группах полей-списков. Каждая группа состоит из двух-трех полей. Первое определяет тип части имени, второе и третье — формат записи этой части. В качестве типа можно использовать следующие параметры.
Adobe Bridge — обозреватель файлов
•
Text (Текст). Произвольный текст (например, знак разделителя — точки или дефиса), который вводится во втором поле.
•
New Extension (Новое расширение). Расширение, которое зависит от формата файла. Во втором поле вы можете написать произвольное сочетание символов (кроме некоторых запрещенных в Windows знаков). Однако помните, что программы «опознают» тип файла именно по расширению, поэтому лучше использовать стандартные сочетания. Например, TIF — для формата TIFF, PSD — для документа Photoshop и т. д.
•
Current Filename (Текущее имя документа). Имя оригинального файла. В этом случае во втором поле следует выбрать Name + Extension (Имя + расширение), Name (Имя) или Extension (Расширение). В третьем поле нужно определить регистр букв: Original Case (Как в оригинале), UPPERCASE (Верхний регистр) или lowercase (Нижний регистр).
•
Preserved Filename (Зарезервированное имя документа). Имя оригинального файла, записанное в поле Filename (Имя файла) в его метаданных. Правила записи такие же, как и в предыдущем случае.
•
Sequence Number (Порядковый номер). Во втором поле нужно ввести стартовый номер, а в третьем — количество цифр в нем.
•
Sequence Letter (Порядковая буква). Файлы нумеруются не числами, а латинскими буквами от А до Z. Для них также следует выбрать регистр во втором поле.
•
Date (Дата). Если во втором поле выбрано значение Today (Сегодня), то в имя включается дата переименования, а если Yesterday (Вчера) — предыдущая дата. В третьем поле задается формат записи. Например, MMDDYY означает, что дата 20 апреля 2005 года будет записана в виде 042005. СОВЕТ Удобнее всего записывать дату в формате вида DDMMYY, где DD, ММ и YY — день, месяц и год, разделенные дефисами или пробелами. Чтобы обеспечить такой формат при автоматическом переименовании, трижды укажите параметр Date (Дата). Первый раз — в формате DD, второй — ММ, третий — YY. Между частями даты введите параметры Text (Текст) и укажите в них нужный разделитель.
•
EXIF Metadata (Метаданные EXIF). В имя включаются метаданные, полученные от цифровой камеры. Конкретный тип данных определяется во втором поле.
Образец сконструированного имени показан в поле Preview (Просмотр). Настройка Compatibility (Совместимость) позволяет гарантировать, что созданное имя будет правильно восприниматься в различных операционных системах: Windows, Mac OS и UNIX. Флажок Preserve current filename in XMP Metadata (Сохранить имя файла в метаданных XMP) используется для внесения оригинального имени
Глава 1 . Интерфейс программы и основы работы с Photosru файла в его метаданные типа ХМР (extensible Metadata Platform) Этот тип метаданных используется в стандарте XML. В Adobe Bridge, по сравнению с обозревателем файлов Photoshop CS значительно Доработан интерфейс программы. В частности, в меню File (Файл) естькоман" да New W,ndow (Новое окно), которая создает копию программы В новом окне Т ^ е н и й Т 1 ттак а к как к Ь афайлы ; Р Г Ю " можно ^ Э Т просто ° УПР ° Сперетаскивать ™Т Р З б ° Т У С « ™ м и окна наборами изоб ражении, из и одного в другое.
Если вы используете несколько окон Bridge, то имеет смысл отображать некоторые из них в компактном виде (рис. 1.122). v***^ некото *Э Samples Adobe Bridge Samples
"J Шуе
boors 23.09.200... JS
2Э.О?.200...«
Today, 0:27:50
Dune 15.02.2005,...
DVDManu 16.IJ7.2UU3....
v
Рис. 1.122. Adobe Bridge в компактном режиме отображения
ЙПТ
Ч И Т Ь С Я
В Э
Г ТР 6 Ж И М М 0 Ж Н ° ° п о м ° Щ ь ю команды View • Compact Mode
(Вид > Компактный режим) или нажав кнопку Switch to Compact Mode (Перейти
ж и м е Г е м ТУ х ПГР^а В^ Л ' ^И Я ^П р а К^Т И Ч ^е С К ИУ Г Л У ° КНа п Р 0 Г Р а ^ ы . В компактной ре ГГвать н а ™ н Т «^утствуют. Меню программы можно
вызвать, нажав кнопку • в правом верхнем углу окна. Рядом с ней расположены Ь Т
Р
а к
— ы й (только заголовок окна'Тв полный
Кроме того, Bridge позволяет показывать изображения в режиме слайд-uiov - команда View • Slide Show (Вид • Слайд-шоу). име слайд шоу ко Нижнюю часть меню View (Вид) можно использовать, чтобы настроить показ паз личных областей окна и дополнительной информации. Напомним, что
Smart Objects (Управляемые объекты) ность настроек отображения можно сохранить в виде набора командой Window • Workspace • Save Workspace (Окно • Рабочая область • Сохранить рабочую область). Adobe Bridge очень удобен, если вы обрабатываете большое количество изображений. Однако для его комфортного использования необходим большой монитор — 20- или 21-дюймовый. Максимум удобства предоставят редкие у нас двухмониторные системы.
1.15. Smart Objects (Управляемые объекты) Smart Objects (Управляемые объекты) появились в Photoshop CS2 для улучшения интеграции программ. В первую очередь речь идет, конечно, о приложениях пакета Creative Suite 2. Управляемый объект — это фактически независимый графический файл, встроенный в документ Photoshop. В результате пользователь получает возможность поместить в растровое изображение, например, сложную кривую Безье, которую можно изменять в векторном редакторе — и изменения немедленно отобразятся в документе Photoshop. Рассмотрим работу с управляемыми объектами на примере. Предположим, есть необходимость наложить название издательства «Питер» на фотографию. При этом заранее неизвестно место, размер, цвет и прочие характеристики надписи. Все это необходимо определить опытным путем, как иногда говорят, «по месту». Если вставить название в Photoshop и растрировать его, то потери качества при последующем редактировании неизбежны. Поэтому воспользуемся свойствами управляемых объектов. Для начала создаем надпись в Adobe Illustrator, преобразуем ее в кривые, копируем в буфер обмена и вставляем в изображение Photoshop с помощью команды Edit • Paste (Редактирование • Вставить). Векторный объект будет помещен на новый слой Vector Smart Object (Векторный управляемый объект) (рис. 1.123). Впоследствии название слоя можно изменить. Признаком наличия управляемого объекта на слое будет значок в правом нижнем углу миниатюры слоя. Трансформировать (перемещать, поворачивать и изменять размер) управляемый объект, а также изменять свойства его слоя можно непосредственно в Photoshop, однако более сложное редактирование следует производить в Illustrator. Для этого дважды щелкните на миниатюре слоя. Будет вызвано приложение, используемое для данного типа файлов (в нашем случае — Adobe Illustrator). В Illustrator модифицируем надпись, например применим к ней градиентную заливку, черную обводку и эффект Flag (Флаг): Effect • Warp • Flag (Эффект • Искажение • Флаг) (рис. 1.124). После этого достаточно в Illustrator выполнить команду File • Save (Файл • Сохранить) и переключиться в Photoshop. Все изменения автоматически перенесутся на изображение (рис. 1.125).
Глава 1. Интерфейс программы и основы работы с Photoshop
ПИТЕР
Рис. 1.123. Изображение с помещенным на него управляемым объектом
\.а. О. Si.
за at
Warp Options Style- \f S3 Flag
v
б**Horizontal
Q
•
Vertical
Bend:
Distortion Horleorita 1: Vertical: и
:
-
|"!"
-
F
O
i
Рис. 1.124. Редактирование векторного объекта в Adobe Illustrator
l
l
..OK.. . Cancel.
Smart Objects (Управляемые объекты) Можно создать несколько копий слоя с управляемым объектом и разместить копии в различных местах изображения. В этом случае редактирование в Illustrator отразится на всех экземплярах объекта. Если необходимо разорвать связь между экземплярами, выполните команду Layer • Smart Objects • New Smart Object via Copy (Слой • Управляемые объекты • Новый управляемый объект из копии).
lk
Рис. 1.125. Изображение Photoshop с автоматически измененным управляемым объектом
ВНИМАНИЕ Помните о некоторых ограничениях в использовании управляемых объектов. В частности, из Illustrator не переносятся эффекты прозрачности. С другой стороны, нельзя применить к таким объектам часть инструментов Photoshop (например, инструменты рисования и ретуши). Вставить управляемый объект можно не только из Illustrator и не только с помощью буфера обмена. Есть следующие способы: •
перетащить объект из окна программы в окно Photoshop (работает только для Illustrator и Acrobat);
•
воспользоваться командой File • Place (Файл • Поместить);
•
создать управляемый объект из слоя (или нескольких слоев) документа с помощью команды Layer • Smart Objects • Group into New Smart Object (Слой • Управляемые объекты • Преобразовать в новый управляемый объект).
Глава 1 . Интерфейс программы и основы работы с Photoshop Интересно, что команда File • Place (Файл • Поместить) дает возможность вставить одно изображение Photoshop в другое. Это может пригодиться, если вы заполняете документ с одинаковыми элементами. Если используются управляемые объекты, то для изменения всех экземпляров достаточно отредактировать исходный объект. Для преобразования слоя с управляемым объектом в обычное растровое изображение выполните команду Layer • Rasterize • Smart Object (Слой • Растрировать • Управляемый объект). Команда Layer • Smart Objects • Export Contents (Слой • Управляемые объекты • Экспортировать содержимое) сохраняет содержимое слоя с управляемым объектом в отдельный файл формата TIFF.
•
:
Глава 2
'-• шш£шш*^ т
Введение в графический дизайн • Основы
•
Пять наиболее распространенных ошибок дизайнеров
•
.
Глава 2. Введение в графический дизайн
2 . 1 . Основы В этой главе мы поговорим о дизайне. Не об умении рисовать или составлять композиции — для этого достаточно таланта и вкуса. И тем более мы не коснемся специфики работы ни в одном графическом пакете, несмотря на то, что многие пользователи, немного изучив Photoshop или CorelDRAW, уже называют себя дизайнерами. Поговорим о дизайне как о науке. Причем о науке точной, с четко сформированными правилами и аксиомами, заблуждениями поколений и откровением единиц. Вы не станете дизайнером, только прочитав эту главу. Но мы надеемся, что вы поймете главное: если что-то сделано хорошо, оно сделано хорошо по объективным причинам, и уже другой вопрос, благодаря чему пришел к этому создатель работы — своему таланту или теоретическим знаниям. Мы хотим, чтобы читатель понял: стать дизайнером можно и не имея художественного таланта. Но для этого нужно четко понимать правила, по которым человек определяет «что такое хорошо и что такое плохо». Мы будем говорить о таких понятиях, как размер, форма, цвет, текстура, размещение и шрифт. Также коснемся и вопросов композиции. Попробуем сформулировать, чем может быть обоснован выбор и, в особенности, отказ от выбора. Вы поймете, что часто вариантов не так мало, удачных же из них — единицы. Мы попытаемся отразить основные ошибки, которые делают начинающие дизайнеры, и заблуждения, которые есть у большинства их старших коллег. Но это всего лишь упрощенный взгляд на дизайн. Если вам это покажется интересным, существует немало хороших книг, которые гораздо лучше, чем эта, смогут ответить на самый главный вопрос дизайна — «как сделать красиво».
Размер Что такое размер, нам всем в той или иной степени хорошо понятно — в школьные годы геометрия давала нам конкретное определение. Однако для человеческого восприятия размер не является точным математически выраженным понятием. Если мы узнаем, что, например, высота эвкалипта близка к 100 метрам, то это мало что нам скажет. Но если посчитать, что это высота 30-этажного дома, то можно вполне четко представить такое дерево. Таким образом, размер — понятие относительное. Мы воспринимаем его не как 20 см, 3 м, 5 км, а как «миниатюрный», «средний», «большой», «огромный», «колоссальный». Все основано на ощущениях, которые испытывает человек, а человеческое восприятие очень гибко. Когда мы рассматриваем миниатюру на брошке, наши понятия о большом и маленьком совсем другие, чем когда мы смотрим на огромную картину. Подбирая размер конкретного объекта в составе работы, нужно думать о том, что в целом композиция несет некую идею (вообще, основная задача современного
Основы дизайна — максимально эффективно донести информацию или эмоции до потребителя). Поэтому, скажем, в рекламе сотового телефона нужно выделить именно сотовый телефон. ПРИМЕЧАНИЕ Обратить внимание на какой-то объект в композиции можно не только сделав его размер больше, чем другие, но и наоборот: привлечь внимание зрителя к небольшой детали, резко контрастирующей с крупными деталями. В этом случае именно она будет восприниматься как главная информация, а все остальное — как фон. Этот эффект показан на рис. 2.1, где мы обратили внимание зрителей на одну из цифр.
Рис. 2 . 1 . Выделить объект в композиции можно не только крупными размерами, но и наоборот
Именно поэтому объект, хорошо «работающий» в одной композиции, не может (чаще всего) прийти в другую без тонкой подгонки размеров. Причем, выполняя эту работу, нужно доверять не только глазам (профессионалы знают, как обманчива информация, получаемая зрением), но и своим знаниям о влиянии формы, текстуры и цвета на восприятие размера.
Форма и размер Восприятие размера зависит от формы объекта. Это связано с особенностью восприятия интерференции света человеческим зрением. На практике в основном приходится сталкиваться с тем, что объекты, имеющие сложное, в особенности фрактальное строение, тяжело оцениваются с точки зрения размеров. Конечно, если они относительно велики и их детали сопоставимы с габаритами других объектов в композиции, такой проблемы не возникает. Но чаще мелкие детали сложной формы вообще не воспринимаются как часть объекта, влияющая на его размер (рис. 2.2). Этот пример подводит нас к ключевому понятию, определяющему отношение формы к восприятию размера. Это компактность, или плотность. Иногда в литературе наиболее плотной фигурой называют круг. На наш взгляд, это не совсем верно.
Глава 2. Введение в графический дизайн
Рис. 2.2. Лучи в этой фигуре не воспринимаются как границы объекта
Мы бы определили компактность формы как отношение ее площади к незаполненным местам в зоне воображаемой границы. Сложно? Поясним на примере. Скажем, вам нужно разместить две фигуры — квадрат и круг — на двух носителях — монете и марке (рис. 2.3).
•На i
Рис. 2.3. Размещение круглого и квадратного объекта: а — на марке; б — на монете
Как мы видим по этому рисунку, для марки более компактной фигурой является квадрат, для монеты — круг. Об этой относительности восприятия следует помнить, так как именно компактность определяет восприятие размеров. Более плотная фигура выглядит всегда более крупной. Это отлично видно на рис. 2.3, особенно касательно марки. На практике это свойство используется следующим образом. Скажем, существует задача: нарисовать логотип компании с условным названием «AGGW» для использования на визитках. Если вы хотите подчеркнуть важность этого элемента на карточке, привлечь к нему внимание, то стоит остановиться на компактной форме логотипа (рис. 2.4, а). Если же логотип не должен отвлекать на себя внимание и призван
Основы скорее играть роль фона, то ваш выбор — рис. 2.4, б. И это, обратите внимание, при равных размерах элемента на визитке.
AGGW а
б
Рис. 2.4. Форма логотипа: а — компактная; б — некомпактная
Текстура и размер Применение текстуры предоставляет нам возможность создать новый эффект, усложнить облик предмета, придать ему смысл. Однако текстура также может влиять на восприятие размеров объекта, и это нужно учитывать. На рис. 2.5 изображены два квадрата совершенно одинакового геометрического размера. Но, несмотря на это, квадрат, у которого полосы идут поперек, выглядит значительно «тяжелее», крупнее по отношению к горизонтальной плоскости. А тот, на котором полосы горизонтальные, выглядит выше.
Рис. 2.5. Светлые предметы кажутся больше: направление светлых линий способно создать иллюзию удлинения в сторону их направленности
Этот эффект известен уже давно. Еще в старых журналах можно прочитать рекомендацию для полных женщин носить платья в продольную полоску — они создают впечатление более стройной фигуры, чем она есть на самом деле. На практике это явление используется достаточно часто. В случае необходимости придать объекту большую «устойчивость» используйте текстуры с ярко выраженной горизонтальной направленностью рисунка (скажем, текстуру кирпичной кладки). Если же, наоборот, необходимо избавиться от давящего размера, ориентируйтесь на вертикальное направление. С текстурами связан еще один интересный эффект. Первое изображение на рис. 2.6 как бы удаляется от нас, второе, наоборот, кажется ближе. Этот эффект основан на свойстве белого цвета «огибать» все предметы, находящиеся на его фоне. Это необходимо знать и применять на практике при работе с радиальным градиентом, на основе которого будет создано достаточно много трюков в этой книге. Таким образом, текстура может также сыграть как положительную, так и отрицательную (при неправильном ее подборе) роль в отображении объекта. Отнеситесь к этому очень внимательно, чтобы подобное не случилось с вами.
Глава 2. Введение в графический дизайн
Рис. 2.6. Эффекты, основанные на чередовании белых и черных радиальных полос: а — удаление; б — приближение
Цвет и размер Это самая сложная для нас часть раздела, посвященного размеру. Дело все в том же — в относительности его восприятия. Зачастую мы склонны относить к более крупным объектам те, которые выделяются среди остальных, хотя объективных (то есть основанных на особенностях зрения) причин для этого нет. Итак, первое и главное свойство: светлые объекты на темном фоне выглядят крупнее, чем темные на светлом (рис. 2.7).
Рис. 2.7. Светлые объекты на темном фоне выглядят крупнее, чем темные на светлом
Вы должны это обязательно учитывать, если хотите подчеркнуть симметричность каких-либо объектов, сильно отличающихся по яркости, например в логотипе. Возможно, придется увеличить темный элемент для того, чтобы зрителю не показалось, что вы сделали свою работу не очень качественно. На рис. 2.8 мы на 2 % увеличили радиус темного круга — иначе логотип не выглядел бы таким, каким был задуман.
Рис. 2.8. В этой работе диаметр черного круга на 2 % больше, чем диаметр белого, чтобы круги выглядели одинаковыми
Основы Точно так же ярко-красный элемент будет казаться несколько крупнее аналогичного темно-синего. Это нужно учитывать и использовать в работе.
Цвет Мы живем в цветном мире. Каждый день, даже не выходя из дома, человек видит огромное число оттенков. Мы привыкли к этому и не задумываемся ни о природе цвета, ни о том, какое влияние цвет оказывает на нас и на наше поведение. Хотя, может быть, это не совсем верно: любая женщина точно знает, для какого случая необходимо ярко-красное платье, а для какого подойдет'и серый костюм. Мы живем в плену цветов. Наши мысли, наши эмоции — все имеет свой цвет. Достаточно вспомнить такие выражения, как «черные мысли», «зеленая тоска», «оранжевое настроение», чтобы понять: психологическое восприятие предмета связано с его окраской, причем достаточно жестко. В обыденной жизни это не имеет большого значения. Но сейчас речь пойдет о применении цвета в компьютерной графике, и здесь мы должны четко чувствовать разницу не только в цветах, но и в тончайших оттенках, понимать, как их применение в работах будет влиять на восприятие зрителем. Правильно подобранные цвета могут как привлечь внимание к изображению, так и оттолкнуть от него. Вы можете вызвать радость, интерес, тоску, страх, скуку всего лишь изменением окраски. Оттенков существует огромное множество, однако у каждого человека есть свои любимые, выбор которых связан, как утверждают психологи, с особенностями любой отдельной личности. Поэтому при выборе цветовой гаммы нужно опираться в том числе и на предполагаемый психологический портрет среднего зрителя. ВНИМАНИЕ Дополнительная сложность возникает из-за того, что цвет как объективная физическая величина в природе не существует. Ощущение цвета, хотя и формируется под влиянием объективных факторов электромагнитного излучения (длины волны, интенсивности и т. д.), является субъективным. Более того, для описания цвета в разных странах используют различные цветовые модели, основанные на национально-культурных традициях. Этим частично и объясняется то многообразие способов описания цвета, с которым приходится столкнуться любому человеку, профессионально работающему с компьютерной графикой.
Несмотря на то, что цвет, в отличие от формы, понятие субъективное, в цветовой вселенной существуют вполне универсальные законы, которые дизайнер должен знать и применять на практике. Для начала мы должны проанализировать, как устроен цвет. Вообще, это скорее вопрос для серьезной монографии, поэтому мы не станем вдаваться в физиологические и спектральные особенности, а будем все упрощать.
Глава 2. Введение в графический дизайн Для начала разложим цвет на составляющие. Из всего ряда существующих цветовых моделей лишь модель HSV (Hue — Saturation — Value, оттенок — насыщенность — яркость) представляет его в привычном для нас виде и не требует привыкания. Система HSV разлагается на три компонента. •
Оттенок (Hue) — это непосредственно информация о цвете. Это сложно объяснить популярным языком, поэтому доверьтесь своей интуиции.
•
Насыщенность (Saturation) — цвета, как вы знаете из обычной жизни, бывают более или менее насыщенными. На бытовом языке более насыщенный цвет называют более сочным.
•
Яркость (Value) — как легко догадаться, более яркий цвет воспринимается как более светлый.
Следует отметить, что не только разные люди реагируют на один и тот же цвет поразному, но и целые народы. Это связано с традициями, в которых воспитывалась нация. Например, в европейских странах белый — это цвет чистоты и невинности, а у некоторых восточных народов данный цвет является цветом траура. Попробуем охарактеризовать основные цвета. Деление цветов на холодные и теплые представлено на рис. 2.9. В известной мере это деление условно: чем ближе цвет к границе верхнего и нижнего полукруга, тем меньше уверенность его отнесения к теплым или холодным. Желтый
Зеленый
Фиолетовый
Синий Рис. 2.9. Цветовой круг, который показывает нам разделение цветов на теплые и холодные
Красный У большинства людей красный цвет вызывает прямую ассоциацию с огнем. Поэтому и его действие может быть разным — от ощущения тепла до страха. Он способен ускорять пульс и расширять зрачки, однако из-за своей яркости достаточно быстро утомляет, особенно если присутствует в больших количествах (например, если это цвет стен в помещении).
Основы Чистый красный цвет — это цвет тревоги и возбуждения, однако его оттенки (коричневый, тепло-серый) действуют успокаивающе. Красный привлекает к себе внимание (не случайно почти все предупреждающие надписи сделаны либо на красном фоне, либо красными буквами). Этот цвет часто применяется в компьютерной графике, однако с ним нужно быть очень осторожными, чтобы не переусердствовать. Красный цвет подходит: •
для подчеркивания агрессивности, активности. Например, лучшие спортивные машины, в частности Ferrari, выпускаются в основном красными;
•
для выражения страсти, сексуального желания. Это хорошо подтверждается тем, что в обстановке ночных клубов с эротической программой очень много красного;
•
для выражения жестокости (красный — цвет крови);
•
для подчеркивания роскоши, богатства (особенно в сочетании с черным).
Желтый Это самый яркий цвет в цветовом круге. Он идеально подходит для передачи радостного настроения, оптимизма. Именно поэтому желтый — один из наиболее часто используемых цветов в рекламе туристических компаний. Кроме того, желтый цвет — это цвет золота. Поэтому у многих он ассоциируется с успехом, богатством и роскошью.
Оранжевый Теплый, позитивный, яркий и современный цвет, оказывающий бодрящее влияние. Ускоряет пульс и расширяет зрачки. Один из наиболее часто используемых цветов в современном дизайне, особенно в веб-дизайне. Оранжевый можно использовать, если вы хотите подчеркнуть: •
современность. Многие компании, которые выбирают основной чертой своего брэнда современность, выбирают оранжевый в качестве «фирменного» цвета. Особенно распространено это среди операторов сотовой связи;
•
динамичность;
•
оптимизм. Для создания яркого плаката оранжевый фон — банальный, но практически идеальный вариант.
Как показывает опыт, оранжевый очень хорошо смотрится в сочетании с голубым.
Фиолетовый Рассматривая цветовой круг в направлении от красного цвета к синему, мы можем не заметить этого постепенного перехода, а ведь именно там скрывается удивительный цвет — фиолетовый. Это очень тяжелый для восприятия цвет, так как в природе он практически не встречается. Фиолетовый, как синий и голубой, относится
Глава 2. Введение в графический дизайн к холодной группе. Он способен создавать ощущение тесноты, ограниченности пространства, а также очень быстро утомляет и приводит к снижению активности. Фиолетовый цвет является «неземным», ему присуща некая загадочность. Недаром в мистике фиолетовому отведена особенная роль. А если вы смотрели представления иллюзионистов, то, наверное, обратили внимание на то, что в одежде, предметах, занавесе у них очень много этого цвета. Фиолетовый цвет способен вызывать у человека суеверный, подсознательный страх. Итак, фиолетовый цвет подходит: •
для создания мистического настроения;
•
для подчеркивания загадочности.
Синий Синий цвет относится к холодной группе, находится в самом низу цветового круга. Он успокаивает, порой навевая меланхоличное настроение. Этот цвет можно отнести к цветам зоны «вечной мерзлоты»: он идеально передает ощущение холода и чистоты. Действует успокаивающе, очень хорошо подходит для дизайна спален. Варьирование насыщенности и яркости чисто синего цвета может дать нам большую гамму оттенков (правда, из-за особенностей CMYK-системы именно синий хуже всего отображается при печати). Используйте синий цвет, чтобы подчеркнуть следующее: •
покой;
•
чистоту. Вы, может быть, обратили внимание на то, что почти все качественные чистящие средства имеют либо синий, либо голубой цвет. И это совсем не случайно: ученые доказали, что именно эти цвета ассоциируются у большинства людей с чистотой;
•
устойчивость.
Зеленый Удивительный цвет. Он может быть как теплым, так и холодным, однако чаще он находится на стыке, поэтому его можно отнести как к холодной, так и к теплой группе. Зеленый оказывает успокаивающее воздействие, понижает давление, нормализует кровообращение. Это самый природный и самый «живой» цвет. Именно в этом и состоит его основное назначение в дизайне — передавать связь объекта с природой. В общем-то, если смотреть на логотипы, зеленый в основном встречается либо у компаний, добывающих природные ресурсы, либо у экологических организаций.
Основы Если вы смотрите современные блокбастеры, то, наверное, уже обратили внимание, что биологическое оружие, инопланетная живность и прочая биологическая гадость чаще всего бывает зеленого (особенно ярко-зеленого) цвета. Это также связано с подсознательными ассоциациями у людей. Кроме того, зеленый цвет — цвет загадочный и мистический. Зеленый подходит для передачи: •
жизни во всех ее биологических проявлениях;
•
связи с природой;
•
загадочности.
Голубой Голубой цвет успокаивает и охлаждает. Подобный эффект объясняется ассоциациями с холодной водой и льдом. Порой вызывает чувство отчужденности.
Главные цвета: черный и белый Вы, наверное, заметили, что мы рассмотрели основные цвета, но совсем не затронули два особых цвета, которые в цветовом круге присутствуют везде, и в то же время их нигде не видно, — это черный и белый. Черный цвет в своем неповторимом единстве — тяжелый цвет, несущий в себе тоску, горечь. Вызывает чувство усталости и дискомфорта. Несмотря на это, довольно часто люди выбирают этот цвет в одежде. В данном случае он относится к «классике», при этом создавая определенный стиль. Также этот цвет может сочетаться со всеми другими цветами в той или иной степени. Черный — это цвет роскоши, особенно в сочетании с красным. В наших традициях принято относить его к траурному цвету. Белый — очень радостный цвет. Благодаря ассоциации с прозрачным воздухом вызывает чувство легкости, свободы и невесомости. Ускоряет пульсацию и расширяет зрачки. Белый довольно часто употребляется в создании фона. Сам по себе белый цвет не несет никакой информации, а со всеми остальными цветами довольно хорошо компонуется, создавая более светлые тона. Этот цвет относят к цвету невинности и чистоты.
Сочетаемость цветов Вопрос сочетаемости цветов — это один из самых спорных и неоднозначных вопросов в дизайне. Действительно, тут, как нигде, силен принцип «о вкусах не спорят». Поэтому говорить об универсальных правилах, к сожалению, не приходится. Однако кое-какие закономерности найти можно. Итак, первый и наиболее простой принцип — выбор близких оттенков. Точно так же, как одежда подбирается «в тон», могут быть подобраны и цвета для веб-сайта.
Глава 2. Введение в графический дизайн Правда, такой подход достаточно примитивен и вряд ли годится для профессиональной работы. Несколько интереснее возможность воспользоваться цветовым кругом для поиска совместимых оттенков. Посмотрите на рис. 2.10. Желтый
Красный
Зеленый
Фиолетовый
Голубой
Синий Рис. 2.10. Отношение цветов в цветовом круге
•
Смежные цвета неплохо совмещаются, однако выбор такого варианта обычно считается скучным и банальным.
•
Цвета, которые находятся друг напротив друга, считаются малосовместимыми. Единственное исключение — синий неплохо смотрится в паре с желтым.
•
Лучший выбор — цвета через один, те, которые на рис. 2.10 связаны прямыми линиями. Они отлично сочетаются в большинстве своих оттенков, главное, чтобы не было большого контраста в яркости.
Важно также то, что черный и белый почти идеально сочетаются со всеми другими цветами, а в особенности друг с другом. Поэтому, если есть выбор, всегда проще сделать работу именно в этих цветах. Но все же главным ориентиром при подборе цветовой гаммы должен оставаться вкус (это кому повезло от рождения) и опыт (наработанный со временем). Ведь существует множество решений, которые не вписываются в рамки никаких цветовых теорий, но между тем являют собой пример качественной и талантливой дизайнерской работы.
Форма Форма — это наиболее важная часть любого объекта. Мы можем опустить информацию о цвете, текстуре, размере, но помнить о форме придется всегда. Любая
Основы дизайнерская работа должна начинаться именно с выбора формы объекта или их подгонки друг под друга, если объектов несколько. Дать определение слову «форма» достаточно сложно. Если немного утрировать, то это комплекс всех геометрических отношений объекта. Всего существует огромное количество форм, поэтому классифицировать их можно только по строению. •
Многоугольные. Такие фигуры построены из прямых линий. К ним относятся как привычные для нас прямая, треугольник, квадрат, звезда, так и более сложные фигуры (рис. 2.11, а).
•
Криволинейные. Это фигуры, основанные на сглаженных линиях (рис. 2.11, б). К ним относятся также круг, овал, дуга и некоторые другие.
•
Аморфные. Это нечеткие сложные формы (рис. 2.11, в). Аморфные фигуры очень близки к текстурам, так что временами их сложно дифференцировать.
а
б
в
Рис. 2 . 1 1 . Три типа фигур: а — многоугольные; б — криволинейные; в — аморфные
Работа с формой — это наиболее простая и наиболее интересная часть дизайнерской работы. Существует опыт многих поколений по сочетанию форм, поэтому большинству при работе с формой (в отличие от работы с цветом) хватает собственной интуиции. Однако несколько слов об основных формах мы все же скажем.
Линия Линия — самая простая из геометрических фигур. Теоретически она имеет только одно измерение — длину. Хотя на практике мы сталкиваемся с тем, что нужно задавать еще и толщину линий, их цвет и тип (скажем, достаточно распространена практика использования пунктирных линий). Иногда грань между линией и прямоугольником едва уловима. У линии существуют две основные функции: разделение и соединение других объектов. Разделение — классический способ использования линий, который процветал и процветает в оформлении книг. В дизайне он также весьма активно используется (рис. 2.12).
Глава 2. Введение в графический дизайн
БЕЛОЕ
ЧЕРНОЕ
Рис. 2.12. Использование линии для разделения
Однако применение линеек (так в типографской терминологии называют разделительные линии) считается приемом банальным и слишком очевидным. Если вам нужно просто и быстро сделать работу, то это неплохой вариант, однако, если хочется получить с помощью разделительных линий нечто оригинальное, придется потрудиться.
ПРИМЕЧАНИЕ Для разделения, скажем, блоков текста гораздо интереснее использовать разницу в фоновом цвете или пустые блоки.
Соединительная функция линий куда интереснее. Можно сказать, что это одна из наиболее ярких и распространенных черт современного дизайна. Линии в этом случае выполняют важную функцию взаимодействия между блоками информации или графическими компонентами (рис. 2.13). Причина
Следствие Рис. 2.13. Соединительная функция линий
Линия — это своего рода «палочка-выручалочка», которая в любой момент готова прийти на помощь. Это самый простой способ внести в композицию две черты, которые должны всегда присутствовать в работах хорошего специалиста: единство и динамичность. В работе линии должны играть роль своего рода направляющих, по которым зритель переходит от одного элемента к другому. Поэтому при их использовании всегда нужно помнить не только о внешней привлекательности, но и о логической обоснованности.
Основы
Прямоугольник Прямоугольник — совершенно уникальная фигура для дизайна, компьютерного в особенности. И причина этого проста. Большинство носителей: плакаты, книжные страницы, — почти вся полиграфическая продукция, не говоря уже про экран монитора, имеют прямоугольную форму. Подобное положение автоматически делает эту фигуру самой важной, используемой по умолчанию. Дизайн, основанный на прямоугольниках, — это наиболее простой и очевидный путь. В доказательство этого можете просмотреть десяток веб-страниц и убедиться, что почти все они отталкиваются от прямоугольных форм. Самое главное при работе с прямоугольниками — правильно подобрать пропорции. Не очень хорошим вариантом считаются фигуры, приближающиеся к квадрату: такое решение будет старомодным из-за своей симметричности. Но и чересчур вытянутый прямоугольник также плох: из-за «приземленное™», если доминирует горизонтальная плоскость, или неустойчивости в случае доминирования вертикальной. С древности известно наилучшее соотношение сторон прямоугольника, которое называется золотым сечением. Это соотношение равно 0,618. Конечно, это не выход из любого положения, но иметь его в виду все же стоит — недаром на золотом сечении основана вся классическая архитектура.
Треугольник Эта фигура во многом хороша, однако она не так популярна, как линии или прямоугольники. Причина в том, что треугольник достаточно тяжело вписывается в композицию с другими фигурами. Треугольник может неплохо смотреться, скажем, в основе логотипа (рис. 2.14).
TRANSPARENCY Рис. 2.14. Пример логотипа на основе треугольника
В данном случае то, что фигура повернута основанием вниз, дает очень важное ощущение — устойчивости фигуры, и, как следствие, впечатление устойчивости компании. Подобный эффект известен давно, поэтому множество фирм всего мира избрали треугольник своим символом. Второй эффект, который отлично достигается этой фигурой, — эффект «указующего перста». То, что треугольник несколько напоминает стрелку, к которой мы все привыкли как к стандартному указателю направления, позволяет использовать
Глава 2. Введение в графический дизайн его в качестве элемента, направляющего внимание зрителей. Например, на рис. 2.15 мы сфокусировали значение слов на содержимом условного сайта idea.com.
ОПТИМИЗМ
уверенного профессионализм
.com
уепех Рис. 2.15. Фоновый треугольник в этом примере играет роль указательной стрелки
С помощью треугольника, используемого в качестве фона, мы смогли, с одной стороны, небанально сгруппировать качества сайта, а с другой — сразу же направить эту информацию на название. Пожалуй, столь же лаконично это не сделать никаким другим способом.
Круг Круг во многих цивилизациях считался самой совершенной, божественной фигурой. Круг был символом солнца, в форме круга строили храмы и алтари для жертвоприношений. В современном дизайне от почтения этой фигуры не осталось и следа. Круг слишком контрастирует с прямоугольной формой страниц и экрана монитора. Конечно, контраст — это совсем не плохо, но создавать на основе контраста качественные работы в области компьютерного дизайна — это удел действительно профессиональных специалистов. На рис. 2.16 показана первая страница сайта одного из издательств. Удачную страницу разработчикам удалось создать только благодаря тому, что рубрикатор очень компактно размещен с одной стороны окружности, а не разбросан по всей ее длине. Кроме того, крупный горизонтальный текстовый блок вверху добавляет стабильность композиции. И все же, несмотря ни на что, в окне обозревателя страница смотрится неважно.
Основы
PUBLISHING MOUSE
Издательство Новинки Книги Готовятся Авторам Партнеры Реклама Отзывы
Рис. 2.16. Веб-страница, построенная на основе окружности
Вы можете сами попробовать вспомнить, много ли вы видели сайтов, построенных на основе окружности. Это самый лучший способ сделать оригинальный дизайн страницы, но вместе с тем и самый простой способ сделать его неудачным. Единственное, в чем круг проявляет себя в полной мере до сих пор, это дизайн логотипов. Наверное, половина всех фирменных символов имеет в своей основе круг. Хотя, за редким исключением, эти работы не отличаются оригинальностью ни в замысле, ни в исполнении. Самый распространенный пример — имитация буквы «О» с помощью окружности (рис. 2.17).
Рис. 2.17. Имитация буквы «О» с помощью круга — пример неудачного использования этой фигуры в дизайне
Одним словом, если опыта у вас маловато, то с этой непослушной фигурой лучше пока дел не иметь. Когда же вы станете хорошим специалистом, работа с окружностями, наоборот, станет для вас вызовом трудностям, преодолев которые можно получить оригинальный результат.
Глава 2. Введение в графический дизайн
Кривые Кривая — это линия, имеющая несколько разных уровней кривизны (в математических терминах это называется кривой второго уровня) (рис. 2.18).
Рис. 2.18. Фигура, построенная из кривых второго уровня
В современном компьютерном дизайне эти фигуры достаточно популярны (в основном они используются для тех же целей, что и прямые). Однако увлекаться ими чересчур не стоит: вы рискуете получить работу, выполненную в стиле модерн, который был популярен в начале века, а это вряд ли хорошо.
Отсутствие формы Конечно, говорить об отсутствии формы не совсем корректно — форма есть всегда. Но когда ее сложность превышает возможности анализа, то вполне допустимо называть подобный объект бесформенным. Использование бесформенных объектов — это другой полюс современного дизайна, противопоставляемый четкой логичности прямоугольных форм. И это крайность борьбы против симметрии, дальше которой двигаться некуда. Бесформенность можно использовать, когда нужно подчеркнуть: независимость; ультрасовременность;
Основы
WL
• модность; • протест; •
нестандартность.
Особенно ярко может проявиться бесформенность в сочетании со шрифтом. На рис. 2.19 показано имя, написанное подобным образом. В таком виде оно как нельзя лучше отражает оригинальность, некую агрессивность человека, который его носит.
Рис. 2.19. Бесформенность контуров может сделать надпись очень интересной
Отсутствие формы совсем не является недостатком, скорее наоборот — ведь ничто больше не даст вам таких широких возможностей для поиска оригинального решения. Впрочем, компоновка объектов играет не меньшую роль, чем подбор фигур. Но об этом мы поговорим чуть позже.
Шрифтовой дизайн Работа со шрифтом — это наиболее интересная, наиболее многоплановая и, пожалуй, едва ли не наиболее сложная часть работы дизайнера. Сразу скажем, что если вы хотите работать с текстом более-менее профессионально, то стоит купить специализированную литературу по шрифтовому дизайну и посвятить ее изучению не один час. Итак, шрифты бывают трех основных типов: •
с засечками (рис. 2.20, а);
•
рубленые (рис. 2.20, б);
ш
свободного стиля (рис. 2.20, в).
Design
Design 6
Design
Рис. 2.20. Три типа шрифтов: а — с засечками; б — рубленый; в — свободного стиля
Глава 2. Введение в графический дизайн
Гарнитура В шрифтовом дизайне работает тот же принцип единства и контраста, о котором мы говорили чуть выше. Лучше всего сочетаются шрифты с засечками и рубленые. В этом несложно убедится, изучив, насколько часто используется это сочетание в профессиональных работах. Рубленые шрифты могут неплохо сочетаться и со шрифтами, стилизованными под рукописный текст, однако это далеко не абсолютное правило. Декоративные же шрифты и шрифты с засечками вместе сочетаются просто ужасно — старайтесь избегать подобного соседства.
Кегль Достаточно сложным является выбор размера надписей. Первое, что может прийти в голову: если какая-то надпись больше, то и внимание к ней со стороны зрителей также будет повышенным. Но это не совсем так (рис. 2.21).
ВРЕМЯ
писать Достаточно сложным является выбор размера надписей. Первое, что может придти в голову - если какая-то надпись больше, то и внимание к ней со стороны зрителей также будет повышенным. Но это не совсем так.
Рис. 2 . 2 1 . Слишком крупный текст теряет для зрителя информативную функцию и начинает восприниматься как элемент дизайна •
Однако крупные буквы отлично смотрятся в составе логотипов, заголовков, указателей — одним словом, во всех элементах, декоративная функция которых не менее важна, чем информативная. Мелкий шрифт также таит в себе опасности. В вашей работе его должно быть не слишком много, чтобы зритель имел возможность прочитать его весь без усилий зрения и воли. Кроме того, отдельные текстовые блоки должны быть достаточно автономны то есть, отделены пустым пространством.
Основы
Цвет В принципе, все правила, о которых мы говорили в разделе, посвященном цветовому дизайну, действительны и для текста. Добавить стоит только одну мысль: если вы хотите выделить часть букв в рамках одного слова или выделить одно слово в рамках предложения, пользуйтесь либо цветом, либо гарнитурой. Сочетание этих приемов приводит к удивительно пошлым результатам (рис. 2.22).
PHOTOSHOP
PHOTOSHOP
PHOTOSHOP Рис. 2.22. Двойное выделение фрагмента (гарнитурой и цветом) — плохой прием
Немного о композиции Разговор о композиции начинать очень сложно хотя бы потому, что эта тема требует особого внимания. Мы не претендуем в этой главе на раскрытие темы композиции — для этого существуют специальные книги, которые вы можете прочитать, если хотите стать действительно профессиональным дизайнером. Но если с теорией композиции вы незнакомы вообще, прочитайте этот раздел достаточно внимательно. В основе теории композиции лежит понимание того, что очень многое воспринимается нами подсознательно, на уровне инстинктов и рефлексов. На одно и то же расположение объектов практически у всех людей проявляется одинаковая реакция. Например, какой из вариантов расположения круга и прямоугольника на рис. 2.23 вызывает у вас ощущение опасности, дискомфорта? Авторы уверены, что это вариант б.
Рис. 2.23. Различное расположение объектов в композиции способно вызывать противоположные ощущения: а — стабильность; б — дискомфорт
Таким образом, практически любое композиционное решение должно быть обосновано. В дизайне, как это ни удивительно для большинства из нас, достичь нужного эффекта без знания теории практически невозможно. В основе композиции, если несколько утрировать, лежат два понятия: единство и контраст.
Глава 2. Введение в графический дизайн
Единство Это понятие включает в себя множество требований, которые должны приводить к одной цели. Можно даже сказать, что единство — это не способ, а цель в дизайне, требование, чтобы в конечном итоге работа, будь то логотип или веб-страница, смотрелась единый целым. На практике это означает, что нужно сильно ограничивать себя в средствах. Не бойтесь сделать просто! Наоборот, стремитесь к тому, чтобы проще вашего дизайна было трудно что-то придумать. Если есть возможность использовать одну гарнитуру шрифта — используйте одну гарнитуру, можно свести весь дизайн к одной фигуре — сводите. ПРИМЕЧАНИЕ В особенности грешат несоблюдением принципа единства начинающие веб-мастера. Наверное, вы много раз видели эти пестрящие GIF-анимацией, псевдообъемными элементами, огромными заголовками и самыми яркими цветами творения. В особенности нелепо выглядят их создатели, объявляя себя профессиональными дизайнерами и предлагая свои услуги совсем не бесплатно. Не повторяйте их ошибок, не бойтесь показаться неумными или неумелыми —делайте ПРОСТО.
Важный компонент достижения единства в композиции — это достижение равновесия. Равновесие — залог того, что у людей, которые будут смотреть на вашу работу, не возникнет чувства «здесь что-то не так». Равновесие композиции достигается не только за счет относительно равномерного распределения объектов, но и за счет их размеров, цвета, яркости, формы. Например, если с одной стороны веб-страницы вы имеете большой текстовый блок, то с другой стороны его можно компенсировать иллюстрацией или более темным фоном. Равновесие бывает двух основных типов: формальное и неформальное. Формальное равновесие подразумевает симметрию вокруг оптического центра композиции (рис. 2.24).
Рис. 2.24. Формальное равновесие чаще всего достигается симметрией
Основы Формальное равновесие — один из самых простых способов достижения гармонии в композиции. Однако оно подразумевает симметрию, а как говорилось в этой книге уже не раз, симметрия в современном дизайне считается едва ли не проявлением дурного тона. Хотя предпочтительнее сделать хорошо с симметрией, чем плохо без нее. Об этом говорит хотя бы то, что классическое искусство, в особенности архитектура классицизма, в основе своей несет следование принципам формального равновесия: пропорции золотого сечения, строгость форм, абсолютная симметрия. Формальное равновесие может отлично подчеркнуть такие качества, как: •
консерватизм;
•
постоянство;
•
устойчивость;
•
достоинство.
Однако сейчас намного чаще используется второй тип равновесия, а именно неформальное. Оно не имеет таких явных примет, как формальное, поэтому достигается во многом благодаря интуиции и вкусу. Неформальное равновесие достигается множеством способов, но суть их сводится к одной достаточно простой мысли: можно все, кроме симметрии. То есть если на веб-странице или рекламной листовке вы разместили крупную фигуру и она сильно доминирует над остальными, можно уменьшить ее яркость, изменив цвет остальных фигур. И наоборот, крупный текстовый блок очень легко уравновешивается гораздо меньшей по размерам, но цельной фигурой (рис. 2.25). ||,j
-цщИ
ирг
;
В этой главе мы поговорим о дизайне. Не об умении рисовать или составлять композиции, для этого достаточно таланта и вкуса. И тем более мы не коснемся специфики работы ни в одном графическом пакете, несмотря на то что многие пользователи, немного изучив Photoshop или CorelDRAW, уже называют себя дизайнерами. Поговорим о дизайне как о науке. Причем о науке точной, с четко сформированными правилами и аксиомами, заблуждениями поколений и откровением единиц. Вы не станете дизайнером, только прочитав эту главу. Но мы надеемся, что вы поймете главное: если что-то сделано хорошо, оно сделано хорошо по ОБЪЕКТИВНЫМ причинам, и уже другой вопрос, благодаря чему пришел к этому создатель работы — своему таланту или теоретическим знаниям. Мы хотим, чтобы читатель понял: стать дизайнером можно и не имея художественного таланта. Но для этого нужно четко понимать определенные правила, по которым человек определяет «что такое хорошо и что такое плохо». Мы будем говорить о таких понятиях, как размер, форма, цвет, текстура, размещение и шрифт. Также коснемся и вопросов композиции. Попробуем сформулировать, чем может быть обоснован выбор и, в особенности, отказ от выбора. Вы поймете, что часто вариантов не так мало, удачных же из них — единицы. Мы попытаемся отразить основные ошибки, которые делают начинающие дизайнеры, и заблуждения, которые есть у большинства их старших коллег. Но это всего лишь упрощенный взгляд на дизайн. Если вам это покажется интересным, существует немало хороших книг, которые гораздо лучше, чем эта, смогут ответить на самый главный вопрос дизайна — «как сделать красиво».
Рис. 2.25. Крупный текстовый блок очень легко уравновешивается гораздо меньшей по размерам, но цельной фигурой
Глава 2. Введение в графический дизайн
t u ВНИМАНИЕ
Сложнее всего в достижении неформального равновесия не нарушить первое правило, с которого мы начинали эту главу, — все делать просто. Множество вариантов приводит к тому, что мы добавляем немного туда, немного сюда и в итоге имеем нагромождение объектов вместо современного дизайна.
Для единства композиции очень важно, чтобы все элементы (в меру возможностей) были расположены с соблюдением единого ритма. Ритм — это соблюдение определенного чередования объектов и пустых мест либо объектов и других объектов в композиции (рис. 2.26).
COLOMNSк, Рис. 2.26. Пример использования ритма в дизайне логотипа ПРИМЕЧАНИЕ В стремлении достигнуть определенного ритма (ведь он сильно влияет на общий «настрой» работы) старайтесь все же избегать самого простого решения — явной симметрии.
Контраст О контрасте мы уже говорили. Контраст — это основа современного дизайна. Все более-менее профессиональные решения или основаны на контрасте, или содержат контраст в качестве компонента. С одной стороны, контраст — это антипод единства. Он не добивается цельности в композиции, наоборот, цель контраста заключается в подчеркивании отличий между объектами. Но не стоит противопоставлять эти два понятия и думать, что они несовместимы. Именно «золотая середина» между контрастом и единством — это то, к чему нужно стремиться. Все основные мысли о контрасте уже озвучены ранее в этой главе. Поэтому сейчас мы лишь резюмируем сказанное ранее, добавив несколько слов о каждой из разновидностей контраста в композиции. •
Размер. Один из лучших приемов достижения контраста — разница в размерах между одинаковыми геометрическими фигурами. Но следует помнить: если эта разница недостаточно большая, то зритель может воспринять ее не как решение дизайнера, а как его ошибку (рис. 2.27).
Основы
Рис. 2.27. Контраст: а — недостаточная разница в размерах между фигурами воспринимается как ошибка; б — и только ее увеличение способно исправить ситуацию
Форма. Форму лучше использовать для того, чтобы подчеркивать единство композиции. Дело в том, что криволинейные и прямолинейные фигуры имеют между собой слишком явный, грубый, натуралистичный контраст, на котором очень немногие могут построить профессиональную работу. Если же фигуры схожи между собой (как, например, квадрат и треугольник), то их сочетание вызывает чувство незаконченности работы, раздражает зрителей (рис. 2.28).
а Рис. 2.28. Контраст: а — криволинейные и прямолинейные фигуры контрастируют слишком грубо; б — разница же между формами одного типа выражена недостаточно сильно
•
Цвет. Полного контраста достигнуть с помощью разницы в цвете не получится. Однако в качестве дополнения, «второго голоса», это просто отличный вариант.
•
Шрифт. Шрифты сами по себе представляют собой достаточно явный контраст форм. Поэтому поиск слишком явной разницы между гарнитурами может сыграть роль своего рода тавтологии в дизайне. Будьте осторожнее!
Контраст же всей композиции в целом — это сочетание всех перечисленных видов контраста. Старайтесь выдержать чувство меры в его достижении: не стоит, например, выделять цветом элемент, который и без того хорошо контрастирует благодаря своим размерам. На этом наш теоретический разговор о некоторых вопросах дизайна закончен. Еще несколько полезных наблюдений плюс практическое подтверждение уже названных вы сможете найти в следующем разделе.
Глава 2. Введение в графический дизайн
2.2. Пять наиболее распространенных ошибок дизайнеров В этом небольшом разделе мы опишем несколько основных ошибок, которые делают практически все, кто пробует себя в области дизайна, будь то веб-дизайн или полиграфический. Конечно, выборка эта очень субъективна, но несколько полезных мыслей, мы надеемся, вы сможете из нее извлечь.
Чрезмерное усложнение Это самая главная ошибка, которая встречается невероятно часто и влечет за собой множество других. Проблема проистекает из того, что молодые дизайнеры (можно ли их уже называть этим гордым именем?) очень боятся, что зрители не увидят того, что они хорошо владеют, скажем, Photoshop или CorelDRAW. Поэтому и появляются сайты, в которых все кнопки — это GIF-анимация, элементы интерфейса непременно имитируют объем, а цвета текстовых блоков очень ярки. Идеальный вариант для таких страничек — желтый на голубом! Мы даже не станем приводить примеры подобных работ — всем известны сайты с narod.ru или boom.ru, и не стоит выделять какой-нибудь из них в качестве особо «выдающегося». Аналогичные примеры можно встретить и среди «печатников». Разве вы не видели рекламные плакаты, в которых из-за давления цветов, объектов, эффектов просто невозможно уловить, что эта работа хочет донести, какой товар продать. Несмотря на то, что эта книга посвящена эффектам, мы не хотим, чтобы ее воспринимали как «поваренную книгу» для переноса готовых рецептов в свои работы. Задача книги совсем другая — на характерных и ярких примерах научиться использовать нужные функции программы и забывать о бесполезных.
Чрезмерное упрощение Ему, в отличие от усложнения, подвержены даже профессиональные дизайнеры, но чаще — те, кто пытается делать современные и профессиональные работы, но не имеет для этого достаточно знаний или опыта. Если вы станете дизайнером, нужно всегда помнить: все, что делается, должно понравиться зрителям. Если это ультрасовременная работа на конкурс, то упрощение до минимума может даже помочь. Но для плаката, рекламирующего карамельки, подобное решение станет пустой тратой денег заказчика и собственного времени. Ведь большинство людей, особенно те, кого принято называть «потребителями», любят вовсе не «Черный квадрат» Малевича, а Шишкина, Васнецова и Валеджи. Поэтому и дизайн для них должен быть, как говорится, «без особых претензий» (что никак не мешает ему быть хорошим и даже талантливым). Однако не стоит путать с упрощением академический стиль в веб-дизайне. Это стиль, в котором были выполнены первые сайты в Сети, основанный на парамет-
Пять наиболее распространенных ошибок дизайнеров pax по умолчанию в HTML-верстке. Этим стилем вы подчеркиваете, что для данной страницы дизайн не имеет никакого значении, так как главное — содержание. В частности, в академическом стиле выполнена самая большая и старая сетевая библиотека Рунета — http://www.lib.ru.
Использование приевшегося стиля Многие начинающие дизайнеры делают работу в стилях, которые уже всем оскомину набили. Мы бы выделили три таких стиля, которые можно увидеть на каждом углу. •
Стиль рекламных плакатов Маяковского. Маяковский для русских дизайнеров, конечно, отец родной — ведь именно он практически создал стиль современного рекламного плаката, а введенные им тезисы доминировали в течение многих десятилетий. Но сегодня такая стилизация уже является признаком дурного вкуса. Слишком много мы видели подобных работ, чтобы еще одна стала оригинальной.
•
Стиль советского агитационного плаката. Авторы не знают, как к подобным вещам относятся читатели, но нам плакат, известный как «Родина-мать зовет!», грубо переделанный под рекламу куриных окорочков, откровенно не нравится. С одной стороны это неуважение к общечеловеческим ценностям, с другой — откровенная пошлость. Самое интересное, что к имитации такого дизайна прибегают и крупные фирмы, которые могли бы себе позволить и более профессиональных специалистов (рис. 2.29).
Рис. 2.29. Пример использования стиля советской рекламы
Американский патриотический стиль. В начале 1990-х годов проявления этого стиля — текстуры в виде американского флага, силуэты Статуи Свободы, Манхэттена и некоторые другие символы — встречались на каждом углу. И набили оскомину почти всем. Избегайте этого стиля, если вы работаете для русскоязычного рынка (кстати, в Европе американская символика вызывает не меньшее раздражение).
Противоречие привычкам чтения Западная цивилизация, в том числе и мы, привыкла к одной системе чтения — слева направо и сверху вниз. К сожалению, это забывают многие дизайнеры, нарушающие порядок следования слов в предложении или предложений в тексте.
Глава 2. Введение в графический дизайн Это, конечно, совсем не запрещенный пример, но результатов его удачного использования совсем мало. А неудачного — сколько хотите. Вот какой пример приводит известный российский дизайнер Артемий Лебедев на своем сайте http:/ /www.tema.ru (рис. 2.30).
а
Рис. 2.30. Изменение порядка следования слов приводит к тому, что нужный текст можно прочитать, только приложив к этому усилия (пример взят с http://www.tema.ru)
Во многом этот пример возвращает нас к первой ошибке: не бойтесь простоты, и подобных «недоразумений» удастся избежать.
Неоригинальность приемов Есть несколько приемов, которые дизайнеры используют слишком часто. Самый яркий пример — поиск аналогий между словами (рис. 2.31).
Пять наиболее распространенных ошибок дизайнеров
урок! Рис. 2 . 3 1 . Поиск вхождений одних слов в других — прием, который используется слишком часто
Лет десять назад подобное решение можно было бы назвать удачным, но сегодня трудно сделать дизайн, основанный на поиске аналогий в написании слов, чтобы не продублировать кого-то, кто сделал это раньше. На этом обзор ошибок и глава, посвященная дизайну, закончены. Авторы советуют прочитать несколько специализированных изданий — это избавит вас от многих горьких опытов. Но не заменит вам самой главной составляющей обучения — практической работы, именно она — залог успеха.
Текстовые эффекты •
Надпись огнем Пишем льдом • Пишем кровью G Надпись из воды • Болотный текст • Лазерная надпись • Буквы под снегом Железные буквы • Хромированные буквы а Золотые буквы
• •
• • • • •
Надпись из ртути Эффект X-Files Каменные буквы Трехмерный текст Взрывающиеся буквы Пиксельный текст Текст из сыра Текст «высокого напряжения»
Надпись огнем
3 . 1 . Надпись огнем Создайте файл произвольного размера (Ctrl+N). При создании изображения обратите внимание на то, что цвет фона должен быть черным, а в качестве цветовой модели (Image • Mode (Изображение • Режим)) выбрана Grayscale (Полутоновое). Напишите текст белым цветом. Шрифт лучше использовать массивный, например Arial Bold (рис. 3.1). Если вы недовольны размером или расположением надписи, то можно отредактировать текст прямо в окне изображения. Нажмите сочетание клавиш Ctrl+T, и вы сможете изменить размер ваших букв, положение надписи, а также ее наклон.
Рис. 3 . 1 . Исходный текст
Закончив редактирование текста, откройте палитру Layers (Слои). Ваше изображение должно содержать два слоя: фоновый слой и слой с текстом. Если вы работаете не в седьмой или шестой версии программы, то сначала переведите текст в растр. Можно сразу склеить слой с текстом и слой фона. Для этого выполните команду Layer • Merge Layers (Слой • Склеить слои) или нажмите сочетание клавиш Ctrl+E. Поверните изображение на 90° против часовой стрелки: Image • Rotate Canvas • 90° CCW (Изображение • Повернуть холст • 90° против часовой стрелки). Примените фильтр Wind (Ветер): Filter • Stylize • Wind (Фильтр • Стилизация • Ветер) (рис. 3.2). Именно для того, чтобы применить данный фильтр, и необходимо было вращать изображение. Настройки фильтра установите следующие: Method (Метод) — Wind (Ветер), Direction (Направление) — From the Left (Ветер слева). Можно применить этот фильтр несколько раз, чтобы увеличить язычки пламени. Вместо повторения описанной последовательности действий нажимайте сочетание клавиш Ctrl+F. Результат работы представлен на рис. 3.3. Теперь нам понадобится фильтр Diffuse (Диффузия): Filter • Stylize • Diffuse (Фильтр • Стилизация • Диффузия) (рис. 3.4). Он создает эффект диффундирующих цветов: цвета от язычков пламени проникают в цвет фона и наоборот. Установите в разделе Mode (Режим) переключатель Normal (Нормальная).
Глава 3. Текстовые эффекты
the Right the left Рис. З.2. Диалоговое окно фильтра Wind (Ветер)
Рис. 3.3. Текст после применения фильтра Wind (Ветер)
Теперь верните изображение в исходное положение: Image • Rotate Canvas • 90° CW (Изображение • Повернуть холст • 90° по часовой стрелке) (рис. 3.5).
I ©formal : ! ©Darken Only ! О Lighten Only : OAnisotropic
Рис. 3.4. Диалоговое окно фильтра Diffuse (Диффузия)
Рис. 3.5. Текст после применения фильтра Diffuse (Диффузия)
Пишем льдом Сейчас вам следует немного оживить пламя, придать ему движение. Для этого воспользуйтесь фильтром Ripple (Рябь): Filter • Distort • Ripple (Фильтр • Деформация • Рябь). Мы советуем взять средний (Medium) размер (Size) ряби и установить параметр Amount (Эффект) равным 200 % (рис. 3.6). Теперь самое интересное — будем раскрашивать пламя. Переведите изображение в режим индексированных цветов: Image • Mode • Indexed Color (Изображение • Режим • Индексированные цвета). И последний шаг: Image • Mode • Color Table (Изображение • Режим • Цветовая таблица). Выберите таблицу Black Body. Если у вас возникла какая-то путаница с цветами, значит, вы с самого начала работали со своим изображением в цветовом режиме RGB, Lab либо CMYK. Вернитесь с помощью палитры History (История) на два пункта назад и перед переходом в индексированные цвета переведите свое изображение в полутоновое. Сделать это очень просто: Image • Mode • Grayscale (Изображение • Режим • Полутоновое). Готовый эффект показан на рис. 3.7.
Рис. 3.6. Диалоговое окно фильтра Ripple (Рябь)
Рис. 3.7. Огненная надпись d^P
3.2. Пишем льдом Мы предлагаем вам следующее решение данной художественной задачи. Создайте заготовку произвольного формата в режиме Grayscale (Полутоновое). Цвет фона должен быть белым, а цвет переднего плана — черным (эти цвета являются основными по умолчанию, поэтому вы можете установить их, не переходя в цветовую палитру, нажатием клавиши D). Напишите текст (рис. 3.8). Шрифт лучше выбрать массивный, полужирного начертания. Отредактируйте текст, подберите для него подходящее место (внизу должно остаться расстояние для сосулек).
fciLLJ
Глава 3. Текстовые эффекты
frost
Рис. 3.8. Текст, с которым мы будем работать
Откройте палитру Layer (Слой) и щелкните правой кнопкой мыши на слое с текстом. В появившемся контекстном меню выберите пункт Rasterize Layer (Растрировать слой). С этого момента вы можете применять к тексту любые инструменты редактирования растровых изображений из стандартного набора Photoshop. Сейчас мы начнем превращение надписи в искрящийся лед. Прежде всего выполним кристаллизацию: Filter • Pixelate • Crystallize (Фильтр • Оформление • Кристаллизация) (рис. 3.9). Установите размер ячейки кристаллизации равным 10. Если результат приемлемый, то пора переходить к следующему этапу. Так как ледяная поверхность не идеально гладкая, необходимо придать ей шероховатость. Для этого добавьте шум: Filter • Noise • Add Noise (Фильтр • Шум • Добавить шум) (рис. 3.10). Задайте значение Amount (Эффект) равным 70 % и, самое главное, установите флажок Monochromatic (Монохромный).
Crystallize
Рис. 3.9. Диалоговое окно фильтра Crystallize (Кристаллизация)
Рис. 3.10. Диалоговое окно фильтра Add Noise (Добавить шум)
На рис. 3.11 показан результат, который должен получиться после выполнения описанных действий. На нем хорошо видны те неровности поверхности, ради которых применялись два последних фильтра.
Пишем льдом
Рис. 3 . 1 1 . Надпись после кристаллизации и добавления шума
Смягчим эффект, полученный при кристаллизации и добавлении шума. Это можно сделать, например, с помощью фильтра Gaussian Blur (Размытие по Гауссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу) (рис. 3.12). Слишком сильно размывать не стоит — мы потеряем неровности. Лучше всего взять значение радиуса размытия около 2. Сейчас вам предстоит сделать выбор, так как можно воспользоваться одним из двух способов цветокоррекции. Мы воспользовались вариантом с тоновыми кривыми, который описан в пункте 2. 1.
Более простой, но менее эффектный способ. Выполните команду: Filter • Blur • Blur (Фильтр • Размытие • Размытие). Теперь необходимо склеить слой, на котором находится надпись, со слоем фона: Layer • Merge Down (Слой • Объединить с предыдущим) либо Ctrl+E. Затем следует инвертировать изображение (для этого и понадобилось слияние слоев, так как последующие преобразования будут касаться не только текста, но и фона). Выполните команду Image • Adjustments • Invert (Изображение • Настройки • Инвертировать) либо просто нажмите сочетание клавиш Ctrl+I.
2.
Способ более кропотливый, но зато предоставляющий больше возможностей. Выберите команду Image • Adjustments • Curves (Изображение • Настройки • Кривые) или нажмите сочетание клавиш Ctrl+M. Попытайтесь нарисовать кривую, похожую на ту, которая изображена на рис. 3.13.
Gaussian Blur
Рис. 3.12. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу)
Рис. 3.13. Кривая, примененная в примере
Глава 3. Текстовые эффекты Но если вам не нравится итоговый вариант, вы можете сами подобрать подходящую зависимость. Результат, на который вы можете ориентироваться при построении кривой, представлен на рис. 3.14.
Рис. 3.14. Надпись после применения кривой
Ну а теперь необходимо выполнить те же операции, что и в первом варианте, а именно склеить слои и инвертировать изображение нажатием Ctrl+E и Ctrl+I соответственно. После того как вы определились, какой вариант вам больше нравится, и выполнили преобразование, переходим к следующему этапу. Какой лед без сосулек? Ими мы сейчас и займемся. Выполните сначала команду Image • Rotate Canvas • 90° CW (Изображение • Повернуть холст • 90° по часовой стрелке), а затем Filter • Stylize • Wind (Фильтр • Стилизация • Ветер). Настройки фильтра Wind (Ветер) (рис. 3.15): Method (Метод) — Wind (Ветер), Direction (Направление) — From the Right (Ветер справа). Советуем применить данный фильтр один раз, но если вам хочется сделать сосульки подлиннее, можете повторить эту операцию (Ctrl+F). Результат последних действий можно видеть на рис. 3.16.
Рис. 3.15. Диалоговое окно фильтра Wind (Ветер)
Рис. 3.16. Текст после применения фильтра Wind (Ветер)
Пишем льдом Теперь перевернем холст в исходное положение командой Image • Rotate Canvas • 90° CCW (Изображение • Повернуть холст • 90° против часовой стрелки). Пришло время раскрасить лед. В нашем примере для этого выбран голубой цвет. Переведите изображение в цветовой режим RGB: Image • Mode • RGB Color (Изображение • Режим • RGB). Теперь выберите команду меню Image • Adjustments • Hue/Saturation (Изображение • Настройки • Тон/Насыщенность) или нажмите Ctrl+U. Установите флажок Colorize (Тонирование) и поэкспериментируйте с различными настройками тона (Hue), насыщенности (Saturation) и яркости (Lightness), пока не будете довольны результатом (рис. 3.17).
Hue/Saturation йие: Situation: tightness:
Рис. 3.17. Диалоговое окно Hue/Saturation (Тон/Насыщенность)
Чтобы подчеркнуть переходы в неровностях поверхности, можете подправить контрастность изображения (рис. 3.18). Ну а напоследок, чтобы лед засверкал и заискрился, выберите инструмент Brush (Кисть) и активизируйте режим Airbrush Capabilities (Возможности аэрографа). Воспользуйтесь дополнительными кистями в виде звезд и снежинок для создания эффекта искрящегося и переливающегося на солнце льда. Если вы сделали все правильно, то изображение будет похоже на то, которое показано на рис. 3.19.
Brightness/Contrast g-ightness: -у— Contrast:
Рис. 3.18. Диалоговое окно Brightness/Contrast (Яркость/Контраст)
Рис. 3.19. Надпись из льда <^)
ГУ Si
Глава 3. Текстовые эффекты
3.3. Пишем кровью Иногда приходится делать изображения, содержание которых настолько оригинально, что найти описание его создания практически невозможно. В этом разделе описывается довольно старый, но не теряющий актуальности пример дизайнерской хитрости. Сразу скажем, что эту задачу можно решить и с помощью имеющегося в Photoshop макроса, но он дает неудовлетворительный результат. Мы предлагаем более эффектный способ. Для начала создайте заготовку произвольного размера. Больше, чем 400 х 400 пикселов, вряд ли стоит брать, так как будет очень трудно добиться должного качества. Убедившись с помощью пункта меню Image • Mode (Изображение • Режим), что изображение находится в RGB, приступим к работе. Залейте рабочую область, используя инструмент Paint Bucket (Заливка), черным цветом и напишите текст (рис. 3.20).
Рис. 3.20. Исходная надпись
Мы будем работать со словом «blood». Если ни один из размеров шрифта вам не походит, используйте возможности команды Free Transform (Свободное трансформирование) (Ctrl+T). Написав текст белым цветом, передвиньте его ближе к верхней части изображения — внизу понадобится место для работы. Далее необходимо склеить слои: Layer • Merge Down (Слой • Объединить с предыдущим). На этом подготовительный этап создания кровавой надписи можно считать законченным. Поверните изображение на 90° по часовой стрелке: Image • Rotate • 90° CW (Изображение • Повернуть холст • 90° по часовой стрелке). Затем воспользуйтесь несколько раз фильтром Wind (Ветер): Filter • Stylize • Wind (Фильтр • Стилизация • Ветер). Для повторного применения фильтра достаточно лишь нажать сочетание клавиш Ctrl+F. Мы повторили это действие пять раз. Вернем изображение в начальное положение: Image • Rotate • 90° CCW (Изображение • Повернуть холст • 90° против часовой стрелки).
Пишем кровью Теперь наша задача в том, чтобы превратить эти свисающие тонкие полосы в стекающую с надписи кровь. Сделать это очень просто. Сначала воспользуемся фильтром Stamp (Линогравюра): Filter • Sketch • Stamp (Фильтр • Эскиз • Линогравюра) (рис. 3.21). Значение параметра Balance Light/ Dark (Баланс света и тени) лучше установить равным 5-6, в зависимости от размеров и формы вашего изображения. Если ваш результат не похож на рис. 3.22, значит, некоторые параметры фильтра Stamp (Линогравюра) были выставлены неправильно. Они чаще всего индивидуальны для каждой картинки и зависят от размера, разрешения, степени применения фильтра Wind (Ветер). В таком случае нажмите Ctrl+Z или выполните команду Edit • Undo (Редактирование • Отмена), чтобы отменить действие фильтра Stamp (Линогравюра), и попробуйте настроить параметры фильтра должным образом.
1 .R j Stamp Light/Dark Baa l nce Smoothness
Рис. 3 . 2 1 . Параметры фильтра Stamp (Линогравюра)
Рис. 3.22. Изображение после применения фильтра Stamp (Линогравюра)
Теперь осталось придать надписи действительно кровавый цвет. В программе Photoshop очень богатый инструментарий по работе с цветовой гаммой, вполне достаточный для любой цветокорректирующей задачи. Для данного примера подходит минимум пять способов, мы выберем самый простой. Запустите инструмент Color Range (Цветовой диапазон): Select • Color Range (Выделение • Цветовой диапазон) и, щелкнув мышью на надписи, примените его с настройками, показанными на рис. 3.23. Получившееся в результате последнего действия выделение необходимо немного изменить. Примените команду Select • Modify • Expand (Выделение • Изменить • Расширить) со значением 1 для небольшого увеличения области выделения. Затем используйте Smooth (Сгладить) со значением 3 для того, чтобы смягчить наиболее острые фрагменты. Создайте новый слой (Ctrl+N) и, убедившись, что он является активным, залейте выделение с помощью команды Edit • Fill (Редактирование • Заливка) ярко-красным цветом. Теперь выделение можно убрать, нажав сочетание клавиш CtrL+D. Работа на этом уровне готовности показана на рис. 3.24.
Глава 3. Текстовые эффекты Color Range
,\
©Selection О Image
Selection Previews i None Рис. 3.24. Кровавая надпись после окрашивания
Рис. 3.23. Выделяем надпись с помощью Color Range (Цветовой диапазон)
На этом пример практически выполнен. Осталась простая, но интересная часть — придание кровавой надписи объемности. У нас для этого есть минимум четыре варианта решений. Лучше всего воспользоваться слоевыми эффектами — хотя бы потому, что при этом мы сохраним возможность редактировать настройки объема с помощью палитры Layers (Слои) в любой момент. Запустите эффект Bevel and Emboss (Скос и рельеф): Layer • Layer Style • Bevel and Emboss (Слой • Стиль слоя • Скос и рельеф) и примените его с настройками, показанными на рис. 3.25.
S e v s l a n d Emboss •••••••*-•
Styles; Be l ndn i g Opto i ns] £3 Drop Shadow fj Inner Shadow [3 Outer Golw Q Inner Golw :
- Structures
-
Style! ilrajet Be_ Technique: ;Smooth
Ё Preview
Direction: © U p Siaa:
О
Sofltn: !"}
i8
tpx
fo
|px
61 B e v e l лш! t m b i i i i
Angle]
—
x
^
•
•
•
•
:
Satin
K A
f J Color Overlay
f
J
D
i
i
U
^
s
M
S
°
b
»
l
L
i
g
h
t
'
G
l
o
s
s
i
g
h
l
i
l
C
t
o
i
t
n
u
d
e
g
h
t
o
u
r
!
o
d
e
l
Q Pittern Ovsrljy . O
p
a
p
a
c
i
t
y
h
a
d
o
w
O
M
c
o
i
d
t
e
y
n
]
l
]
s^«n:
»
Г1 1
й ••••• u£Zi*
• ;••
!
i p stroke д й ••''•;:•-••: S
/
Ц ]•
t
M
О Gradient Overlay H
^
]
Mdtipl» -
"
* П Н ;;;-J
L « L : J *
Рис. 3.25. Настройки Bevel and Emboss (Скос и рельеф)
j
Пишем кровью В принципе, эффект уже сейчас можно считать законченным. Однако для придания надписи еще большей аутентичности мы рекомендуем пройти еще один шаг, который одновременно придаст работе особую атмосферу и усилит объемность. Речь идет об использовании фильтра Lighting Effects (Эффекты света): Filter • Render • Lighting Effects (Фильтр • Освещение • Эффекты света) с настройками, показанными на рис. 3.26.
Lighting Effects Style; iDelau
, OK f Cancel
Light type: I Spotlight Intensity: Focus
Negative HSOSt
• Properties:
2.1
Full Wide
24
.....—:...:.
Shiny
Matte
6 loss: Material: £ ! * *
ft
"Exposure- Untfe '
£
Metallic 0v« Positive
'Ambience:
• Textute Channel; IRed sNgh Flat
ИГ" 50
'""*
Mounta'tnous
Рис. 3.26. Настройки фильтра Lighting Effects (Эффекты света)
Обязательно обратите внимание на важную настройку, которую легко пропустить. В качестве значения параметра Texture Channel (Канал текстуры) нужно обязательно выбрать Red (Красный). На этом эффект полностью готов. Можно еще немного размыть результат с помощью фильтра Gaussian Blur (Размытие по Гауссу), но это совсем не обязательно. Итоговое изображение показано на рис. 3.27.
Рис. 3.27. Кровавая надпись
Глава 3. Текстовые эффекть
3.4. Надпись из воды Имитация воды — одна из самых сложных задач в компьютерной графике, причем не только в двухмерной, но и трехмерной. Особенно это свойство проявляется в анимированных работах. В этом примере мы предложим вам элегантный способ имитации воды, причем сразу в двух проявлениях. Мы нарисуем надпись из воды на фоне водной текстуры и сделаем это очень быстро и просто. Даже неопытные пользователи Photoshop смогут повторить этот эффект. Для начала создайте исходное изображение средних размеров в цветовом режиме RGB. Убедившись, что цвета выставлены по умолчанию (D), примените к нему фильтр Clouds (Облака): Filter • Render • Clouds (Фильтр • Освещение • Облака), который добавит относительно случайным образом формируемую текстуру, которая в авторском варианте показана на рис. 3.28. Затем примените фильтр Chrome (Хром): Filter • Sketch • Chrome (Фильтр • Эскиз • Хром) с настройками, показанными на рис. 3.29.
Ill HI уш
. Ш« : : КЙ Ж~;Ш •
II
l
l
l
l
l
l
l
l
l
j
l
l
l
l
l
ЯР
Рис. 3.28. Результат применения
фильтра Clouds (Облака)
Рис. 3.29. Настройки фильтра Chrome (XDOM)
Результат уже будет напоминать воду, только сымитированную в оттенках серого (рис. 3.30, а). Окрасим ее в голубой цвет. Для этого в Photoshop есть целый ряд инструментов, на этот раз мы воспользуемся цветокорректирующим средством Color Balance (Цветовой баланс), которое можно запустить сочетанием клавиш Ctrl+B Ctrl+B. Введите в открывшемся диалоговом окне в поля Color Levels (Цветовые уровни) значения -67, 26 и 74. Заготовка окрасится в естественные для воды оттенки. В принципе, даже этот этап работы можно считать окончанием подготовки текстуры воды, так как она уже вполне аутентичная (рис. 3.30, б). Но мы попробуем сделать ее еще более привлекательной.
! Надпись из воды Создайте новый слой (Shift+Ctrl+N). Повторите применение фильтров Clouds (Облака) и Chrome (Хром), которое мы использовали для рисования воды на первом слое. Затем запустите инструмент Hue/Saturation (Тон/Насыщенность) и примените его, включив параметр Colorize (Тонирование), со следующими настройками: •
Hue (Тон) - 220;
•
Saturation (Насыщенность) — 47;
•
Lightness (Яркость)
20.
Затем на палитре Layers (Слои) поменяйте местами первый и второй слои и склейте их (Ctrl+E). Возможно, понадобится добавить немного насыщенности оттенкам с помощью все того же Hue/Saturation (Тон/Насыщенность), но это определяйте уже сами по обстоятельствам. Полностью готовая текстура воды показана на рис. 3.30, в.
а
б
в
Рис. 3.30. Этапы создания текстуры воды
Пришло время заняться непосредственно созданием надписи из воды. Для начала напишите белым цветом и подходящей гарнитурой (авторы остановились на шрифте OlgaC) любое слово. Примените к надписи фильтр Gaussian Blur (Размытие по Гауссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу) со значением 1 пиксел. Наш текстовый слой на этом этапе работы можно видеть на рис. 3.31. Затем откройте палитру Layers (Слои) и установите для только что созданного текстового слоя следующие настройки: •
Opacity (Непрозрачность) — 80;
•
Fill (Заливка) - 0.
В результате надпись исчезнет, но не волнуйтесь — именно это и необходимо для создания эффекта. Продублируйте слой с надписью, перетянув его на палитре Layers (Слои) на пиктограмму в виде белого листа бумаги. Осталось совсем немного. Активизируйте первый слой с надписью и примените к нему эффект Drop Shadow (Внешняя тень): Layer • Layer Style • Drop Shadow (Слой • Стиль слоя • Внешняя тень) с настройками, показанными на рис. 3.32.
Глава 3. Текстовые эффекты
|
ungl.. ( - ) 110 _ j« QU«
Quality ; ! • Nbs i «: 4
]Anil-sli«ed • • • ]n $ ib it Drop Shadow
Рис. 3 . 3 1 . Заготовка для текста
Рис. 3.32. Настройки Drop Shadow (Внешняя тень) для первого слоя надписи
Не закрывая диалоговое окно, переключитесь на эффект Inner Shadow (Внутренняя тень) и повторите настройки, которые можно видеть на рис. 3.33. Параметры для третьего необходимого эффекта Bevel and Emboss (Скос и рельеф) представлены на рис. 3.34. Bovef *ai Embot \ . «rurtni-e : lnnerBeuei I Technq i ue::[s[Smooth Depth:: ,J Diratllon: ©Up ODown SJ3«! j :
Inner- Shadow ;*"*• Structure-:--' : | Be lnd Model j Multiply !• •• £ngie; !
8 IF"-
Choke: ^
if» Quality Contour: | ;ii
:
Рис. 3.33. Настройки Inner Shadow (Внутренняя тень) для первого слоя надписи
Рис. 3.34. Настройки Bevel and Emboss (Скос и рельеф) для первого слоя надписи
Отключив отображение остальных слоев и отрисовав этот слой, убедитесь, что он похож на рис. 3.35.
Надпись из воды Затем переключитесь на второй слой и примените к нему эффект Bevel and Emboss (Скос и рельеф): Layer • Layer Style • Bevel and Emboss (Слой • Стиль слоя • Скос и рельеф) с настройками, показанными на рис. 3.36. { • Bevel and Enebes* •?•
:
" \ ';—• Structure \ •
"
Styt*!':j Inner Bevel
Technique! • 1 Smooth
Щ
Dritcto i n: (*) Up £iz«i "^3 Sogtem . Shading *
•
АП91»: и и global Light
Altitude: Сйои Contour!
HighSght Modal [screen_ Speciti't
[^
Shadow Mode: j Multiply
Рис. 3.35. Первый слой надписи готов
Рис. 3.36. Настройки Bevel and Emboss (Скос и рельеф) для второго слоя надписи
В результате общий вид работы должен стать очень похожим на рис. 3.37.
Рис. 3.37. Водяная надпись почти готова
Осталось совсем немного. Убедитесь, что активен второй слой с надписью, и осветлите его с помощью Hue/Saturation (Тон/Насыщенность): Image • Adjustments • Hue/Saturation (Изображение • Настройки • Тон/Насыщенность) с настройками, показанными на рис. 3.38. Затем активизируйте палитру Layers (Слои) и задайте для второго слоя надписи параметры, значения которых можно видеть на рис. 3.39. Склейте все слои (Shift+Ctrl+E). На этом эффект выполнен полностью. Итоговое изображение показано на рис. 3.40. Неплохо вышло, правда?
Глава 3. Текстовые эффекты Hue/Saturation йие;
.
Saturation: Lightness:
0 Preview
РИС. 3.38. Настройки Hue/Saturation (Тон/Насыщенность)
Hard Light
Щ
Opicily: ; 50%
Lock. J j •$> 3
i§
HI 1TO» >
веян
iiiisl
•• • -i.
a
Рис. 3.39. Настройки для второго слоя надписи в палитре Layers (Слои)
Рис. 3.40. Надпись из воды <
3.5. Болотный текст Попытаемся нарисовать нечто зеленое, слизкое и противное. В общем, в том духе, в каком в фильмах ужасов изображают всякую нечисть. До сих пор мы не рисовали ничего неприятного на вид. А ведь это приходится применять даже чаще, чем многое из того, что описано в предыдущих разделах. Приступим к работе. Какого цвета должно быть нечто отвратительное? Конечно, зеленого. Давно известно, что именно этот цвет ассоциируется у большинства людей с чем-то неприятным. Поэтому в рекламе продуктов почти никогда нет зеленого цвета. Итак, создаем новый файл и заливаем его зеленой краской. Лучше взять темнозеленый цвет, чем салатный — эффектней будет результат. Для начала добавьте шум на исходное изображение. Сделать это можно с помощью фильтра Add Noise (Добавить шум): Filter * Noise > Add Noise (Фильтр • Шум • Добавить шум). Настройки фильтра приведены на рис. 3.41. Теперь на время оставим текстуру и перейдем к созданию заготовки для букв.
Болотный текст
Рис. 3 . 4 1 . Настройки фильтра Add Noise (Добавить шум)
Необходимо открыть новый канал. Для этого достаточно щелкнуть мышью на кнопке Create new channel (Создать новый канал) на палитре Channels (Каналы). Используя инструмент Туре (Текст), напишите любое слово в новом канале. Лучше не выбирать слишком массивный или слишком тонкий шрифт (рис. 3.42).
Slame
Рис. 3.42. Текст в альфа-канале
После выполнения последней операции можно вернуться в RGB-канал и продолжить редактирование текстуры. Чтобы придать ей специфический вид, воспользуемся фильтром Wind (Ветер): Filter • Stylize • Wind (Фильтр • Стилизация • Ветер). Примененные параметры показаны на рис. 3.43. Исходную текстуру можно считать готовой. Если хотите, примените фильтр Wind (Ветер) вторично, возможно, в вашем случае это улучшит ее вид. Теперь воспользуемся нашей заготовкой в виде текста в альфа-канале. После применения следующего фильтра он проступит в канале RGB; кроме того, он станет достаточно объемным и появится с наложенной текстурой. Выберите фильтр Lighting Effects (Эффекты света): Filter • Render • Lighting Effects (Фильтр • Освещение • Эффекты света). Необходимые настройки отображены на рис. 3.44.
Глава З. Текстовые эффекты
Рис. 3.43. Настройки фильтра Wind (Ветер)
: Intensity: ««fl*i™ ••; 29 A | Focus: "*""* ' 10° , Properte i s: ; Go l ss: Mate 25 Plastio 34 | Material: j Exposure: "** ''; ; - ? i Ambe i nce: , 0 Preview
•9-
Texture Channel:, i Alpha 1 E3 While is high Height: EM. _ _ 50
M ^ Shn iy Metalic Qvec
Mountanous
Рис. 3.44. Настройки фильтра Lighting Effects (Эффекты света)
Обратите внимание на самый главный параметр: в качестве Texture Channel (Канал текстуры) мы использовали канал Alpha 1, на котором был написан текст. Поверните полученное изображение на 90° по часовой стрелке: Image • Rotate Canvas • 90° CW (Изображение • Повернуть холст • 90° по часовой стрелке).
Болотный текст Примените фильтр Wind (Ветер), чтобы создать «водоросли» на буквах: Filter • Stylize • Wind (Фильтр • Стилизация • Ветер) (рис. 3.45). Полученные отростки очень слабо напоминают свисающие водоросли. Чтобы исправить это, лучше всего воспользоваться фильтром Ripple (Рябь): Filter • Distort • Ripple (Фильтр • Деформация • Рябь). Использованные настройки показаны на рис. 3.46.
Рис. 3.45. Использование фильтра Wind (Ветер)
Рис. 3.46. Диалоговое окно фильтра Ripple (Рябь)
На этом работа сделана полностью. Если результат вас не вполне удовлетворяет, то, скорее всего, стоит его подкорректировать с помощью команды Image • Adjustments • Brightness/Contrast (Изображение • Настройки • Яркость/Контраст). Итоговое изображение показано на рис. 3.47.
•
Рис. 3.47. Болотный текст
Глава 3. Текстовые эффекты
3.6. Лазерная надпись Описываемый в данном разделе эффект очень интересен как по технике создания, так и по результату. Правда, от вас потребуются некоторые затраты времени, чтобы его реализовать, но они явно оправданы. Для начала создайте новое изображение с белым фоном. Можно использовать и другие цвета, однако это значительно усложнит работу. Изменить фоновый цвет мы успеем потом. Теперь черным цветом напишите на изображении текст (авторы остановились на гарнитуре ORC-B) (рис. 3.48).
L
a
s
e
r
Рис. 3.48. Исходное изображение
Примените к полученному изображению фильтр Plastic Wrap (Целлофановая упаковка): Filter • Artistic • Plastic Wrap (Фильтр • Имитация • Целлофановая упаковка). Благодаря этому фильтру буквы становятся несколько объемнее и на них появляются слабо выраженные грани в виде светлых полос. Это больше всего напоминает пластиковую пленку или полиэтиленовый пакет, на который нанесено изображение. Необходимые настройки показаны на рис. 3.49. На следующем этапе необходимо сделать светлые полосы более контрастными по отношению к темному цвету самих букв. В дальнейшем на основе этих полос мы будем формировать лазерные лучи. Photoshop предлагает несколько вариантов решения подобных задач, но мы остановимся на самом совершенном — тоновых кривых. Выполните команду Image • Adjustments • Curves (Изображение • Настройки • Кривые) либо нажмите сочетание клавиш Ctrl+M. Поэкспериментируйте с настройками. Кривую, построенную авторами, вы видите на рис. 3.50. Если у вас не получается добиться чего-то подобного рис. 3.51, то, скорее всего, дело в неправильно построенной кривой. Отмените действия, используя палитру History (История), до применения кривой включительно и попробуйте еще раз. Основную часть работы мы уже выполнили — создали сложную фактуру поверхности букв. Теперь нам необходимо сделать лазерный луч цветным, в нашем случае синим, однако вы можете выбрать любой другой оттенок. И снова мы встаем перед выбором: какой именно инструмент из обширной коллекции средств настройки цвета использовать. Предлагаем следующий способ: Image • Adjustments • Selective Color (Изображение • Настройки • Избранные цвета).
Лазерная надпись
Channel:i RGB [ Reset, „Zl
OK Л
(Save.,, ]
Reset J Plastic V/tap Highlight Strength Detail Sroootrness
ft i is| ri 1 ; 13 ; .:\
Рис. 3.49. Настройки фильтра Plastic Wrap (Целлофановая упаковка)
Auto Options,. Input: i 180 Output:! 161
Рис. 3.50. Вид и параметры кривой
Используя ползунки этого окна, вы можете добиться любого цвета лучей, не забудьте только установить флажок Preview (Просмотр). Авторские настройки можно видеть на рис. 3.52.
"" CQbrs: I Я Neutrals
щ\ 180
Method: О Relative ©Absolute
Рис. 3 . 5 1 . Изображение после применения кривой
Рис. 3.52. Диалоговое окно Selective Color (Избранные цвета)
Далее выделите ваш текст (любым инструментом выделения) и создайте новый слой через копирование, щелкнув правой кнопкой мыши в области выделения и выбрав в раскрывшемся меню пункт Layer via Copy (Слой копированием). В результате вы получите новый слой, на котором все будет прозрачным, кроме текста. Чтобы лазерный текст выглядел более эффектно, зальем с помощью инструмента Paint Bucket (Заливка) первый слой черным цветом (рис. 3.53).
Глава 3. Текстовые эффекты
Рис. 3.53. Черный фон усиливает эффектность
Все, что мы будем делать дальше, будет только усовершенствованием сделанного, впрочем, основную привлекательность изображение получает именно благодаря этим улучшениям. Попробуем создать легкое сияние вокруг букв. Для этого лучше всего воспользоваться эффектами слоя, а точнее Outer Glow (Внешнее свечение): Layer • Layer Style • Outer Glow (Слой • Стиль слоя • Внешнее свечение). Цвет, разумеется, следует выбрать темно-синий, остальные параметры — «по вкусу». Наш выбор вы можете видеть на рис. 3.54.
Layer Style
m
Stye ls .:• Be l ndn i g Options; Default О Drop Shadow -
; '
.
;
'•••••
:•
'
'
[
j
[
1
•
Q
. '
Q
•|
S^V
Q
••:
-
[ ijre
i%
•
I
n
n
e
r
I
n
n
&
r
B
1 v •
I Blend Model • Screen
e
v
S
G
e
l
C
o
-
a
n
h
a
i
c
n
d
t
o
d
<
w
m
b
io
•
Hoiit; Q
|
Techinigut! ! Softer
:i
[ New Style... ] Pi Preview
w
E
u
o
OK
Reset . . ]
o
s
s
;
r
О Texture
.::• D S a t i n ^ '
vj
Sgreadt Q
•
. Size1.
\
Contour!
•• !"1 (
Л ~•
1% ipx
• .
Q Color Overlay [_] Gradient Overlay П Pattern Overlay
:'|
Range i. ; ^
j
per; j
—
;
- Го
:% %
•
Рис. 3.54. Применение эффекта Outer Glow (Внешнее свечение)
Результат впечатляет, не так ли? Правда, необходимо одно замечание: в связи с тем, что переходы цветов очень тонкие, это изображение лучше использовать только в электронном виде, например в веб-дизайне, — при печати оно не потеряет вида только в случае очень качественной полиграфии. Готовая лазерная надпись представлена на рис. 3.55.
Буквы под снегом
Рис. 3.55. Лазерная надпись
^
3.7. Буквы под снегом В этом разделе будет описан полезный под Новый год эффект — будем рисовать снег. Правда, сразу оговоримся, что делать мы будем снег, пригодный скорее для рисованной открытки (или стилизованной под нее), чем для фотографии. Для начала создайте новое изображение (Ctrl+N), примерно 300 х 300 пикселов. Не стоит делать его слишком большим — тогда получить снег будет практически нереально (в этом вы убедитесь позднее). В качестве фона мы рекомендуем либо взять зимний пейзаж, либо просто использовать голубой цвет (как наиболее «зимний»). Теперь напишите текст (рис. 3.56), используя инструмент Туре (Текст). Цвет букв не имеет особого значения, но приятнее будут смотреться оттенки синего. Теперь займемся непосредственно созданием снега. Возьмем инструмент Brush (Кисть) с мягкими краями. Некоторые для подобных операций предпочитают его модификацию в виде аэрографа (для этого следует активизировать параметр Airbrush Capabilities (Возможности аэрографа) инструмента Brush (Кисть)), что также имеет смысл — этим инструментом очень удобно наносить поверхности с нечеткими краями, какой и является снег. Теперь вручную нанесем белую краску в местах, где скопился бы снег, если бы он падал на надпись сверху. Для этого можно вспомнить крышу деревенского дома зимой. Можете также ориентироваться на рис. 3.57, хотя процесс рисования кистью сугубо творческий и индивидуальный. Не старайтесь только сделать снега слишком много.
snow
Рис. 3.56. Фон лучше взять синего или голубого цвета
Рис. 3.57. Нарисованный с помощью кисти снег
Сделав заготовку для будущего снега, можно начать работать над реалистичностью. Воспользуемся инструментом Smudge (Палец). Возможности, которые он предоставляет, очень широки, но неочевидны. Действие этого инструмента похоже
Глава 3. Текстовые эффекты на размазывание пальцем сырой краски по холсту, что часто необходимо для имитации различного рода стекающих и сползающих субстанций. Итак, возьмите Smudge (Палец) и смажьте края снега так, как будто он под своей тяжестью стал нависать над буквами. Если у вас упорно не получается, измените параметры инструмента, а именно увеличьте Pressure (Нажим). Результат показан на рис. 3.58. Следующий этап связан с тем же инструментом — мы будем имитировать наплывы снега. Такую картину можно наблюдать во время оттепели, когда подтаявший снег сползает, образуя оригинальные формы. Создаются они просто: тем же самым «пальцем» смазывайте снег в вертикальном направлении. Сразу стоит предупредить: делайте это аккуратно, так как Smudge (Палец) — инструмент не слишком тонкий в работе. Места, где снег сполз неубедительно, исправьте с помощью кисти. Но все же пока картинка производит впечатление не очень зимнее. Причина в том, что снег — вещество не гладкое, а состоящее из множества гранул. Это и необходимо нам сейчас передать. Решение приходит само собой — стандартный фильтр Add Noise (Добавить шум): Filter • Noise • Add Noise (Фильтр • Шум • Добавить шум). Настройки фильтра показаны на рис. 3.59.
[ Cancel 0 Preview
©yrtform !• О Gaussian. О Monochromatic Рис. 3.58. Изображение после применения инструмента Smudge (Палец)
Рис. 3.59. Применение фильтра Add Noise (Добавить шум)
Кстати, на первый взгляд шум кажется начинающему пользователю абсолютно бесполезным, но на самом деле он необходим очень часто. При использовании этого фильтра на изображение накладывается эффект зернистости и создается фактура.
Железные буквы Добавьте шум, уровень шума (Amount) определите визуально. Величина этого параметра указывает диапазон оттенков, на который новый цвет пиксела может отличаться от изначального. Например, если вы указали значение 20 и работаете в цветовой модели RGB, то новый цвет может отличаться от исходного на 20 оттенков по красному, зеленому и синему каналам. Если значение Amount (Эффект) превышает 255, то программа будет выбирать любые цвета из 16-миллионной палитры. Чем больше значение Amount (Эффект), тем больше вероятность того, что близлежащие пикселы будут окрашены в цвета противоположных концов гаммы. Данный параметр влияет только на цвет, но не на яркость. Последние штрихи подведите следующим образом. Примените фильтр Blur (Размытие): Fitter • Blur • Blur (Фильтр • Размытие • Размытие) несколько раз, пока не получите удовлетворительный результат. При использовании данного фильтра создается впечатление смешивания контуров, как будто на изображение разлили воду и от этого все контуры расплылись. Снег под буквами мы нарисовали с помощью инструмента кисть с выставленными в палитре Brushes (Кисти) параметрами Airbrush (Аэрограф) и Noise (Шум). На этом работу можно было бы считать законченной, но мы добавим еще один маленький элемент — идущий снег. Для этого возьмите инструмент Brush (Кисть) и через окно свойств загрузите (командой Load Brushes (Загрузить кисти)) набор кистей Assorted. В него входят самые разные нестандартные кисти, в том числе есть и снежинка. Возьмите ее и поставьте необходимое количество оттисков. Результат (рис. 3.60), конечно, нельзя назвать фотографическим, но новогодний дух в нем есть.
Рис. 3.60. Буквы под снегом (£
3.8. Железные буквы В этом разделе мы попытаемся решить непростую задачу — сымитировать текст, отлитый из железа. Трудность в том, что предстоит нарисовать металл, не относящийся к цветным и драгоценным, что и необходимо подчеркнуть. А точнее, передать весьма специфичные неровности поверхности и отсветы на этих неровностях. Как всегда, мы начнем с создания текста. Однако отличие будет в том, что на этот раз нам нужно использовать не непосредственно текст, а выделение в виде текста. Это применяется во всех случаях, когда необходимо использовать нестандартную заливку для букв.
Глава 3. Текстовые эффекты Запустите инструмент Horizontal Type Mask (Написание горизонтальным выделением) (выглядит как буква «Т», написанная пунктирной линией). Затем напишите текст (у нас это IRON). Для большей реалистичности авторы воспользовались гарнитурой XeniaBold (рис. 3.61).
Рис. 3 . 6 1 . В исходной надписи главное — правильно подобранная гарнитура
ВНИМАНИЕ Если размер букв вас не удовлетворяет, то использовать команду Free Transform (Свободное трансформирование), как мы делали в случаях создания простого текста, вы не можете. Выход — команда Select • Transform Selection (Выделение • Преобразовать выделение). Получившееся выделение по свойствам ничем от любого другого выделения не отличается. Отсюда и вытекает последовательность дальнейших действий. Сейчас нам понадобится инструмент Gradient (Градиент). Перед его запуском установите цветом переднего плана (Foreground Color) черный, а цветом фона (Background Color) — белый. Это можно выполнить, просто нажав клавишу D. Теперь, используя линейный градиент (тип Linear), залейте ваши буквы. Результат будет подобен тому, что приведено на рис. 3.62. Заметьте, уже похоже на железо. Сейчас мы постараемся передать объем металлических букв. Для этого есть несколько совершенно непохожих друг на друга способов, но мы используем тот, который еще ни разу не применялся и подходит в данной ситуации наилучшим образом. Необходимо модифицировать выделение, а точнее, сузить его на несколько пикселов. Для этого можно воспользоваться трансформированием выделения (команда Transform Selection (Преобразовать выделение)), но это будет нерационально. Применим специально предназначенную для этих целей возможность — команду Select • Modify • Contract (Выделение • Изменить • Сжать). Мы задали сужение на 3 пиксела (рис. 3.63). Contract Selection Contract By: [3
Рис. 3.62. Изображение после применения градиента
pixels
Ш | O KI [cancel"!
Рис. 3.63. Диалоговое окно Contract Selection (Сжатие выделения)
Железные буквы Делали мы это для того, чтобы сейчас применить один хитрый прием. Возьмите градиент с прежними настройками и залейте им выделение еще раз, но — и в этом вся суть — в обратном направлении. В результате получится очень интересный эффект псевдообъема (рис. 3.64). И все же это далеко не металл. Если посмотреть на шершавую железную поверхность, то можно заметить переливание на шероховатостях всех цветов радуги, что и необходимо показать. Решим эту задачу несколькими шагами. Прежде всего примените фильтр, который даст эти переливы. Больше всего подходит фильтр Grain (Зерно): Filter • Texture • Grain (Фильтр • Текстура • Зерно). Используйте его с параметрами, которые показаны на рис. 3.65.
[
<ж Reset
1
Wf\ Grain Intensity
120
Contrast ж.- GiairiType:]Contrasty
Рис. 3.64. Имитация объема букв
Рис. 3.65. Применение фильтра Grain (Зерно)
Переходы цвета мы показали, теперь необходимо сымитировать зернистость поверхности. Сразу напрашивается фильтр Add Noise (Добавить шум) — действительно, шум очень неплохо применяется там, где требуется передать неровность поверхностей. Им мы и воспользуемся: Filter • Noise • Add Noise (Фильтр • Шум • Добавить шум) (рис. 3.66). Обязательно установите флажок Monochromatic (Монохромный). Это необходимо, чтобы шум по цвету соответствовал металлической поверхности, а не был, например, оранжевым. Остальные настройки установите на глаз, так как они далеко не всегда будут соответствовать примененным нами. К тому же у вас есть зрительная опора — рис. 3.67. Весьма похоже на металл. Но выглядит грубовато, это необходимо исправить. Photoshop предлагает целый ряд решений, из которых мы воспользуемся самым простым — фильтром. Запустите фильтр Unsharp Mask (Маска резкости): Filter • Sharpen • Unsharp Mask (Фильтр • Резкость • Маска резкости). Его следует применить с параметрами, показанными на рис. 3.68. Результатом будет почти готовое изображение (рис. 3.69). Итак, мы создали эффект металла. Желательно добавить последний штрих, который отлично дополнит картину, — создать тень от букв.
Глава З. Текстовые эффекты
•
• ' 0 " юо% [Г]
firnount: | io
I%
f- Distribution ! О Uniform j ©EJaussian; : J3 Monochromatic Рис. 3.66. Диалоговое окно фильтра Add Noise (Добавить шум)
Рис. 3.67. Результат применения фильтра Add Noise (Добавить шум)
Рис. 3.68. Настройки фильтра Unsharp Mask (Маска резкости)
Рис. 3.69. Изображение после применения фильтра Unsharp Mask (Маска резкости)
Железные буквы Прежде всего необходимо скопировать буквы на новый слой. Мы советуем сделать это следующим образом: возьмите инструмент Magic Wand (Волшебная палочка) и примените его к белому фону с допуском (Tolerance), равным 1. В результате у вас выделится только фон. Теперь инвертируйте выделение, выполнив команду Select • Inverse (Выделение • Инвертировать) или просто нажав Shift+Ctrl+I. Затем выполните копирование (Ctrl+C) и вставку (Ctrl+V). Результат — буквы на новом слое. Сейчас можно использовать слоевые эффекты. В данном случае нам необходима внешняя тень: Layer • Layer Style • Drop Shadow (Слой • Стиль слоя • Внешняя тень) (рис. 3.70).
Drop Slfsaitio
OK
I Blend JVtode
Reset
j
|Set blend mode oF shadow]' О Inner Shadow
" j f [ 3 U s e
QOutec Glow
• ••
j__j Inner Glow [IjBfcvel -wid Emboss
Gfobal t i g h t
0 Preview
^bxvtfr
: .
Г12"
"!iw
.. Ц^„^— r : —1
.
..
S p r e a d !
Q Contour Q w a l t t y
C o n t o u r :
QJCobf Overlay
N o i s e i.
• Gradient Overlay Q n
Overlay
r K n o c k s O u t
D r o p
S h a d o w
troke
Рис. 3.70. Настройки эффектов слоя
В качестве фона можно также использовать градиент, правда, более светлый, с примененными к нему фильтрами Add Noise (Добавить шум) и Unsharp Mask (Маска резкости). Теперь эффект сделан полностью (рис. 3.71).
шШЯШШШШШЯяшЯшШт Рис. 3 . 7 1 . Железные буквы (*Jp
Глава 3. Текстовые эффекты
3.9. Хромированные буквы В этом разделе мы попытаемся передать достаточно сложный эффект — вид хромированной поверхности, а точнее текста. Прежде всего нам необходимо написать текст. Однако в данном случае есть одна тонкость — на этот раз писать мы будем в отдельном альфа-канале. Зачем, вы узнаете чуть позже. Создайте новый канал. Для этого достаточно щелкнуть мышью на кнопке с изображением чистого листа бумаги на палитре Channels (Каналы). В результате вы получите альфа-канал, который сразу же станет активным. Возьмите инструмент Туре (Текст) и напишите любое слово. Мы будем работать со словом «hrom» (рис. 3.72). Обратите внимание на цвет букв — он должен быть средне-серым (примерно 130 по градации яркости).
hrom Рис. 3.72. Текст в новом канале
Всякий текст, написанный в альфа-канале, автоматически выделяется. Однако для выполнения следующей операции требуется выделение убрать. Это делается командой Select • Deselect (Выделение • Отменить выделение) или сочетанием клавиш Ctrl+D. Следующее действие — размытие букв. Для этих целей лучше всего применить какой-нибудь из размывающих фильтров. Мы остановились на Gaussian Blur (Размытие по Гауссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу). Используйте его со значением радиуса размытия (Radius), равным 3 пикселам (рис. 3.73). Вы должны получить буквы с нечеткими краями. Посмотрите на рис. 3.74: если у вас края букв четче, то путем нажатия сочетания Ctrl+F повторите размытие. На этом редактирование изображения в одном канале закончено. Перейдем в канал RGB простым щелчком мыши на соответствующей пиктограмме в палитре каналов. Не удивляйтесь тому, что не увидите надписи — вы и не должны ничего видеть. Так как буквы созданы в альфа-канале, то они не являются составной частью изображения и поэтому невидимы. Мы писали их для того, чтобы сейчас применить очень хитрый прием. Запустите фильтр Lighting Effects (Эффекты света): Filter • Render • Lighting Effects (Фильтр • Освещение • Эффекты света). Настройки приведены на рис. 3.75. Однако обратите внимание: самое главное — установить в качестве Texture Channel (Канал текстуры) канал Alpha 1, то есть канал, в котором написан текст.
Хромированные буквы Gaussian Blur
-• ^.СДпЗайй-.
Рис. 3.73. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу)
0Р«
ф
~tt£ubu& ^tt^v
ryjir'/'- '*%$$&&
's*6ia£uiaei<- •уУЙШДд .
Рис. 3.74. Результат применения фильтра Gaussian Blur (Размытие по Гауссу)
texture Channel:: | Alpha 1 j3WKte is high 100 Height: Flat
Mountainous
Рис. 3.75. Диалоговое окно фильтра Lighting Effects (Эффекты света)
Обратите внимание на то, каким мощным инструментом является данный фильтр. Он позволяет реализовывать поистине фантастические эффекты. Однако повышенного внимания мы ему не уделим по причине того, что он понятен интуитивно. Итак, если все параметры вы применили правильно, то результат у вас должен быть такой же, как на рис. 3.76.
Глава 3. Текстовые эффекты
Рис.
3.76. Изображение после применения фильтра Lighting Effects (Эффекты света)
Объем уже заметен. Но необходимо передать не просто объем, а довольно сложную ступенчатую поверхность. Для этого применим все те же тоновые кривые — один из самых мощных и полезных инструментов: Image • Adjustments • Curves (Изображение • Настройки • Кривые) (рис. 3.77). Вы можете использовать кривую, аналогичную нарисованной нами, а можете создать собственную. Все зависит от того, какой рельеф вы хотите получить в результате. Владея этим инструментом, можно сделать практически любые симметричные формы букв. Если все в диалоговом окне Curves (Кривые) сделано правильно, то ваше изображение должно напоминать рис. 3.78.
• :••• ; channel: j RGB
w
V | д;: | :
1
ЩШ:.. .:,,,Ж;.;..
Input: 191 ' Output: ! 32 j •
//
Рис. 3.77. Вид кривой для образования ступенчатой поверхности
Рис. 3.78. Текст после применения кривой
Следующий этап можно считать самым важным, от него во многом зависит внешний вид результата. Сейчас мы будем делать буквы цветными. Для этого лучше всего использовать команду Image • Adjustments • Hue/Saturation (Изображение • Настройки • Тон/Насыщенность). Примените ее с параметрами, указанными на рис. 3.79, самое главное — не забудьте установить флажок Colorize (Тонирование). Цвет необходимо использовать темно-желтый. Постарайтесь, чтобы у вас получилось нечто похожее на рис. 3.80. Хотя, может быть, ваш результат будет гораздо интереснее.
Хромированные буквы Hue/Saturation Цие:
::
Saturation: Lightness;
(3 Coo l rzie
Рис. 3.79. Диалоговое окно Hue/Saturation (Тон/Насыщенность)
Рис. 3.80. Окрашенное изображение
Осталась последняя деталь — придать поверхности металлический вид. В данном случае нам необходимо создать отсветы и характерные затемнения. Для решения этой задачи подходит только один инструмент — все те же тоновые кривые. Нажмите Ctrl+M и постройте кривую, которая показана на рис. 3.81. Работу можно считать сделанной (рис. 3.82). Подобного результата можно также добиться, используя только эффекты слоя, но это займет гораздо больше времени.
Рис. 3 . 8 1 . Вид кривой, передающей отблески и тени
Рис. 3.82. Хромированные буквы i
Глава 3. Текстовые эффекты
3.10. Золотые буквы В этом примере мы продемонстрируем трюк, уже ставший классическим. Будем рисовать надпись из золота. Однако для повышения сложности и интересности эффекта немного усложним его, создав в качестве фона для текста золотой слиток. Начнем именно с него. Создайте новое изображение (Ctrl+N) в цветовом режиме RGB. С помощью любых инструментов рисования или выделения повторите заготовку для слитка, показанную на рис. 3.83.
Рис. 3.83. Заготовка для золотого слитка
Затем запустите инструмент Gradient (Градиент), откройте Gradient Editor (Редактор градиентов) и создайте образец, соответствующий показанному на рис. 3.84. Именно с его помощью мы будем имитировать золотой отлив на слитке. Gradient Editor
stops
Рис. 3.84. Настройки градиента для рисования слитка
Золотые буквы На следующем шаге от вас потребуется определенный художественный вкус и навыки работы с Photoshop. Используя созданный градиент, повторите слиток, показанный на рис. 3.85. Здесь трудно дать какие-то конкретные рекомендации, кроме того, что для центральной части слитка нужно использовать радиальный тип градиента. Просто нужно немного постараться. После того как слиток будет готов, выберите инструмент Туре (Текст) и серым цветом напишите подходящее слово (рис. 3.86). Советуем выбрать массивный шрифт (полужирный), хотя очень громоздкие буквы тоже не подойдут.
Рис. 3.85. Готовый слиток
Рис. 3.86. Исходная надпись
Для дальнейшей работы с текстом его необходимо перевести в растр. Щелкните правой кнопкой мыши на слое с текстом, и из раскрывшегося меню выберите команду Rasterize Layer (Растрировать слой). Теперь необходимо выделить текст. Наиболее простой способ — дважды щелкнуть левой кнопкой мыши на этом слое на палитре Layers (Слои). Сохраните выделение в отдельном канале в виде маски. Для этого достаточно щелкнуть на белом кружке, ограниченном штриховой линией, расположенном в нижней части палитры Channels (Каналы), либо выполнить команду Select • Save Selection (Выделение • Сохранить выделение). Сделайте активным только что созданный канал (просто щелкните на нем на палитре каналов) и размойте его с помощью фильтра Gaussian Blur (Размытие по Гауссу) из раздела Blur (Размытие), с радиусом, равным 2-3 пикселам (рис. 3.87). Вернитесь в RGB-канал и откройте палитру Layers (Слои). Убедившись в том, что активен слой с текстом, выполните команду Filter • Render • Lighting Effects (Фильтр • Освещение • Эффекты света). В разделе Texture Channel (Текстура канала) выберите канал с размытым текстом. Остальные настройки на нашем изображении были такими (рис. 3.88): Light type (Источник) — Spotlight (Прожектор), Intensity (Яркость) — 35, Focus (Фокус) — 69, Gloss (Фактура) — 0, Material (Материал) — 69, Exposure (Выдержка) — 0, Ambience (Среда) — 8, оба цвета в настройках — белые. Результат показан на рис. 3.89. Чтобы придать буквам металлический вид, необходимо воспользоваться тоновыми кривыми: Image • Adjustments • Curves (Изображение • Настройки • Кривые). Постройте кривую, похожую на изображенную на рис. 3.90.
Глава 3. Текстовые эффекты Gaussian Blur
Рис. 3.87. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу) Lighting Effects Style: (Default
i Spotlight
Focus:
Negative
35
FiJ
Nanow
63
Wide
-. Properties:\ Maltev Gloss: Material f
lailic
0
SNny
69
Metallic Ova
tindei Negative
L
8
Positive
•TenureChannel: iAlpha 1 0 Review
Flat
50
Mountainous-
Рис. 3.88. Применение фильтра Lighting Effects (Эффекты света)
Рис. 3.89. Текст после применения фильтра Lighting Effects (Эффекты света)
Золотые буквы Результат применения этой кривой показан на рис. 3.91.
Рис. 3 . 9 1 . Текст после цветокоррекции
Рис. 3.90. Вид кривой
Теперь раскрасим надпись, превратив ее в блестящее золото. Для этого необходимо воспользоваться командой Image •Adjustments • Hue/Saturation (Изображение • Настройки • Тон/Насыщенность) либо сочетанием клавиш Ctrl+U. Установите флажок Colorize (Тонирование) и, передвигая ползунки, подберите подходящие параметры. В примере применены настройки, показанные на рис. 3.92.
Hue/Saturation ok Saturation: Lightness:
Save...
SPreview
Рис. 3.92. Настройки команды Hue/Saturation (Тон/Насыщенность)
Можно еще немного улучшить результат, добавив к надписи небольшую тень. Для этого примените стиль слоя Drop Shadow (Внешняя тень): Layer • Layer Style • Drop Shadow (Слой • Стиль слоя • Внешняя тень) с настройками, показанными на рис. 3.93.
Глава 3. Текстовые эффекты Если ваше изображение получилось недостаточно ярким, то можете подкорректировать его с помощью команды Brightness/Contrast (Яркость/Контрастность), которая находится в том же меню, где и предыдущая. Вот и все. Итоговый результат представлен на рис. 3.94. Впечатляет, не правда ли? : :
г- Drop Shadow
'
:••-
! Be l nd Mods! Multiple J ;
:
:
120
Ёг
•;ь i
£N$lances Q~-~
^ ;
•
I
.
'"
i%
0 U s e global Light
———- ! 4
;рх
:
Spread; V .
S(rC;
[50_
-
.
•; ^ — -
-
Contour, J
-
•
j"o
] *
j Layer knocks Out Ofop Shadow
Рис. 3.93. Добавляем небольшую тень
Рис. 3.94. Золотые буквы (*JP
3 . 1 1 . Надпись из ртути В предыдущих разделах вы могли познакомиться с тем, как можно создавать текст, фактура которого имитирует металл. Имеются в виду железные буквы и золотой текст, однако этим возможности Photoshop не исчерпываются. В данном разделе приведен универсальный способ создания металлических поверхностей. Создайте новое изображение произвольных размеров и цветовой системы. Работа начнется с дополнительных каналов, то есть само изображение не будет претерпевать никаких изменений — мы будем формировать выделение, которое впоследствии понадобится для создания рисунка. Создайте новый канал. Для этого откройте палитру каналов и щелкните мышью на кнопке с изображением чистого листка либо, щелкнув на черном треугольнике вверху палитры каналов, из раскрывшегося меню выберите пункт New Channel (Новый канал). Убедитесь в том, что активен только что созданный канал, и напишите белым цветом текст (рис. 3.95).
ntetall Рис. 3.95. Текст в новом канале
Надпись из ртути Снимите выделение (Ctrl+D), которое всегда появляется при написании текста в дополнительном канале. Так происходит, потому что альфа-каналы — это области выделения, которые создаются сразу при написании текста. Смягчите края букв с помощью фильтра Gaussian Blur (Размытие по Гауссу) из раздела Blur (Размытие). Радиус воздействия данного фильтра зависит от размера шрифта. В нашем примере радиус равен 4 пикселам (рис. 3.96). После того как вы применили данный фильтр, необходимо создать еще один дополнительный канал, скопировав на него предыдущий. Для этого перетащите уже существующий канал на кнопку с изображением чистого листа внизу палитры каналов. Сделав активным новый канал, сместите изображение на нем: Filter • Other • Offset (Фильтр • Другие • Смещение). Мы рекомендуем передвинуть изображение на 2 пиксела по горизонтали и по вертикали (рис. 3.97). Gaussian Blur
13 preview
gadius: I
i pixels
Рис. 3.96. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу)
О Set to Transparent O&epeat Edge Pixels ©WrafJ.Aroind Рис. 3.97. Диалоговое окно фильтра Offset (Смещение)
Перейдите на предыдущий канал и примените к нему тот же фильтр, однако величину смещения поставьте теперь -1 и - 1 . Объедините два ваших канала с помощью вычислений: Image • Calculations (Изображение • Вычисления). Настройки в диалоговом окне Calculations (Вычисления) представлены на рис. 3.98. В данном случае вычисления будут происходить между двумя каналами — Alpha 1 и Alpha I copy. Выделение, находящееся во втором канале, будет вычитаться из выделения в первом, а результат запишется в новый дополнительный канал. Параметры слоев и инвертирования не применяются. На рис. 3.99 представлен результат.
Глава 3. Текстовые эффекты
Channel: i Alpha 1 Source 2: | metall.psd Layer:! Background Channel: i Alpha 1 copy Bending: [Difference
Ш
П Insert
Ш
Result:: New Channel
Рис. 3.98. Диалоговое окно Calculations (Вычисления)
Так как белый цвет символизирует выделенные области, черный — невыделенные, а серый — частично выделенные, то после преобразования почти все изображение оказалась замаскированным. Это значит, что после того, как вы загрузите данный канал в выделение, оно будет защищено от изменений. Чтобы это исправить, инвертируйте данный канал с помощью сочетания клавиш Ctrl+I либо команды Image • Adjustments • Invert (Изображение • Настройки • Инвертировать). После этого ваше изображение станет похоже на рис. 3.100.
Рис. 3.99. Третий дополнительный канал
Рис. 3.100. Инвертированный канал
Сейчас начинается одна из самых сложных частей работы — редактирование вручную. Для этого вам понадобится инструмент Brush (Кисть), а точнее, его модификация — аэрограф. Выберите на палитре инструментов Brush (Кисть) и воспользуйтесь параметром кисти Airbrush Capabilites (Возможности аэрографа). С помощью кисти средних размеров с мягкими краями нанесите пару мазков на ваше изображение так, чтобы оно стало похоже на то, что показано на рис. 3.101.
Рис. 3 . 1 0 1 . Канал после применения кисти
Надпись из ртути Пока изображение не очень напоминает металлический текст, однако после следующего шага оно должно стать именно таковым. Мы предлагаем применить тоновые кривые: Image • Adjustments • Curves (Изображение • Настройки • Кривые). Так как кривые позволяют изменять одни цвета, не затрагивая при этом другие, то они идеально подходят для того, чтобы увеличивать контрастность только там, где это необходимо. Мы применили кривую, изображенную на рис. 3.102, вам следует создать нечто похожее. Изображение, полученное на этом шаге, представлено на рис. 3.103. Однако не следует забывать, что это всего лишь дополнительный канал, который существует вне самого рисунка, поэтому если вы переключитесь в режим RGB, то увидите, что ваше изображение по-прежнему остается чистым белым листом.
: . Input; I 221 I Output: [55
]
Preview
Рис. 3.102. Полученная кривая
Рис. 3.103. Канал после применения кривой
Далее следует довести вашу маску до готового к применению состояния. Для этого вы можете загрузить одно из созданных ранее выделений, если они подойдут. Все зависит от того, насколько изменилась ваша надпись за время работы. Можете также воспользоваться инструментом Magic Wand (Волшебная палочка), чтобы выделить буквы, а все остальное закрасить белым цветом. И третий вариант — взять небольшую мягкую кисть и закрасить все, кроме самих букв. И, наконец, загрузите канал в выделение, щелкнув на нем мышью при нажатой клавише Ctrl. Теперь его можно залить любым цветом, сымитировав таким образом любой металл. Но есть и еще один вариант для окрашивания. Переведите полученное изображение сперва в режим Grayscale (Полутоновое), а затем в режим Duotone (Дуплекс). В открывшемся диалоговом окне (рис. 3.104) можно назначить любые цвета, окрасив надпись именно так, как нужно.
Глава 3. Текстовые эффекты Duotone Options lype: | Duotone Reset
Ink 1:
]
Load,,, Ink 2:
12
Г:;1..£ауе.,,: I: I 13 Preview
Overprint Colors... Рис. 3.104. Диалоговое окно Duotone Options (Параметры дуплекса)
Последним шагом в этом эффекте будет усиление резкости получившегося изображения. Для этого применим фильтр Unsharp Mask (Маска резкости): Filter • Sharpen • Unsharp Mask (Фильтр • Резкость • Маска резкости) с настройками, показанными на рис. 3.105. Если вы закрасите текст желтым или серым цветом, то у вас получится золотой или серебряный текст. Таким образом, вы пришли к универсальному способу металлических букв, как мы и обещали. Результат нашей работы показан на рис. 3.106.
Unsharp Mask
'Amount: I 79 В 6,8 Threshold: [ 32
1 pixels Hevels
Рис. 3.105. Настройки применения фильтра Unsharp Mask (Маска резкости)
Рис. 3.106. Ртутная надпись (*^)
Эффект X-Files
3.12. Эффект X-Files Это один из самых впечатляющих и, как ни странно, простых трюков. Появился он достаточно давно, и в Photoshop CS2 есть альтернативный вариант создания такого эффекта с помощью слоевого эффекта Outer Glow (Внешнее свечение). Однако качественно эффект от этого не выиграл, а как раз наоборот. Именно поэтому мы будем делать его старым, проверенным способом — через каналы. Итак, прежде всего создайте новое изображение. Его лучше взять не очень больших размеров (до 400 х 400 пикселов) — удобнее будет работать. Обязательно залейте фон черным цветом, так как это лучше сделать сейчас, хоть и понадобится фон только в самом конце работы. Создадим новый канал, щелкнув на палитре Channels (Каналы) на кнопке в виде чистого листка бумаги. Назовем его Black (почему, вы поймете несколько позднее). Теперь напишем слово или букву, с которой будем работать (рис. 3.107). Лучше написать текст каким-нибудь массивным шрифтом или сделать такой вручную, используя команду Free Transform (Свободное трансформирование) (Ctrl+T).
Рис. 3.107. Исходное изображение
Продублируем канал Black. Сделать это можно несколькими способами, мы рекомендуем щелкнуть правой кнопкой мыши на дублируемом слое и в появившемся меню выбрать команду Duplicate Layer (Создать копию слоя). Назовем полученный слой White. Обратите внимание, что вокруг буквы есть выделение. С ним мы сейчас и будем работать. Необходимо расширить выделение на несколько пикселов: Select • Modify • Expand (Выделение • Изменить • Расширить). Значение параметра Expand By (Расширить на) установите равным 2-3 пикселам (рис. 3.108). В результате вы получите выделение шире буквы. Теперь необходимо сделать так, чтобы буква соответствовала выделению, но граница получилась расплывчатой. В таких случаях, как правило, применяется фильтр Gaussian Blur (Размытие по Гауссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу). Значение радиуса размытия необходимо задать равным расширению границы (рис. 3.109). Аналогичным образом создайте каналы Yellow и Green (в них радиус размытия должен быть соответственно больше).
Глава 3. Т е к с т о в эффекты
Expand Selection Expand By; j l •
,
•
•
•
p
i
x
e
l
s
•
^ .
:
;
.
.
.
C
a
n
c
e
l
j
•
нить команду Select • Load Selection стве источника указав G З Шшшшш
Выдаде^
образ» „ з л а й т е слои VeuW ( р и с . 3 . 1 U ) ,
ЭТ Г
УЖН
w № w № e
( р и с
Р и с 3.110. Зеленая часть эффекта готова слое Yellow
Р и с 3.112. Изображение на слое White
ш
м
° ° " ° в каче" ить выделение),
Р и с 3.113. Все слои готовы
Каменные буквы На этом эффект практически готов. Для улучшения можно обработать верхние слои инструментом Eraser (Ластик) по краям надписи, чтобы сымитировать просвечивание. Но это совсем не обязательно. Итоговое изображение показано на рис. 3.114.
.
Рис. 3.114. Эффект X-files <
3.13. Каменные буквы Создайте файл произвольных размеров. Цветовая модель не имеет значения, однако для реализации эффекта в цвете мы рекомендуем RGB, CMYK или Lab. Если устраивают градации серого, предпочтение может быть отдано режиму Grayscale (Полутоновое). Выберите цвет или иллюстрацию для фона, на котором будет располагаться текст (мы взяли за основу черный цвет фона для достижения большей контрастности). Напишите любой текст. Буквы шрифта, которые вы будете использовать для создания основной надписи, должны быть довольно массивными и иметь четко выраженную форму (рис. 3.115). Классическим примером такого шрифта является Times New Roman (полужирного начертания).
stone Рис. 3.115. Исходное изображение
Следующие действия будут относиться только к тексту и не должны затрагивать все остальное изображение. Переведите вашу надпись в растровое изображение. Для этого на палитре Layers (Слои) щелкните правой кнопкой мыши на слое, на котором расположен текст. Перед вами появится контекстное меню, в котором необходимо выбрать пункт Rasterize Layer (Растрировать слой). Выделите буквы с помощью инструмента Magic Wand (Волшебная палочка). Данная операция не требует никакой особой сноровки, так как текст — это единственный объект, расположенный на данном слое.
Глава 3 . Текстовые эффекты Не снимая выделение, объедините все существующие слои: Layer • Merge Down (Слой • Объединить с предыдущим) (Ctrl+E). Начните преобразование вашего текста с фильтра Ocean Ripple (Океанские волны): Filter • Distort • Ocean Ripple (Фильтр • Деформация • Океанские волны). Не стоит указывать слишком большие значения в настройках (рис. 3.116), так как требуется лишь немного исказить края, чтобы они приняли неправильную форму. Мы рекомендуем значение обоих параметров установить в интервале от 3 до 9. Чтобы сгладить рваные края, воспользуйтесь фильтром Crystallize (Кристаллизация): Filter • Pixelate • Crystallize (Фильтр • Оформление • Кристаллизация). Размер ячейки (Cell Size) может варьироваться от 4 до 7 (рис. 3.117).
Рис. 3.116. Диалоговое окно фильтра Ocean Ripple (Океанские волны)
Рис. 3.117. Диалоговое окно фильтра Crystallize (Кристаллизация)
После применения данных фильтров края будущей каменной надписи полностью сформированы. Они должны выглядеть примерно так, как на рис. 3.118.
Рис. 3.118. Сформированные края изображения
С границами текста мы определились, наша следующая задача — имитировать фактуру. Предлагаем начать с создания шероховатой поверхности. Для этого можно воспользоваться фильтром Add Noise (Добавить шум): Filter • Noise • Add Noise (Фильтр • Шум • Добавить шум) (рис. 3.119). Обратите внимание, что ваши буквы по-прежнему должны оставаться выделенными, иначе шум будет накладываться не только на текст, но и на фон. Параметр Amount (Эффект) установите равным 20-30. Обязательно установите флажок Monochromatic (Монохромный), благодаря чему шум будет состоять из пикселов цвета, близкого к цвету букв.
Каменные буквы Г .£
Amount::
J f OStributiori • О Uniform
El Monochromatic
Рис. 3.119. Диалоговое окно фильтра Add Noise (Добавить шум)
И, наконец, последний шаг формирования структуры текста. Для имитации фактуры различных материалов в Photoshop имеется целый раздел фильтров, называющийся Texture (Текстура). Мы выбрали фильтр Craquelure (Кракелюры): Filter • Texture • Craquelure (Фильтр • Текстура • Кракелюры). Описывать все настройки данного фильтра (рис. 3.120) не имеет смысла, поэтому остановимся на следующих значениях: Crack Spacing (Интервал трещин) — 15-25, Crack Depth (Глубина трещин) — 3-7, Crack Brightness (Яркость трещин) — 3-9. Если вы работаете с буквами большого размера (более 60), то все настройки данного фильтра следует увеличить на 3-5, чтобы неровности, появившиеся на поверхности изображения, были больше. После применения этого фильтра поверхность текста приобретет зернистую, неровную фактуру. Результат показан на рис. 3.121.
j
:
:
1 OK 1 Cancel ,,J : : Iraquelure Crick Spacn ig
'} IS |
\ Dack Depth
T"7i?-;
Crack 6 tg i htness ..:
:. \\шк
Рис. 3.120. Настройки фильтра Craquelure (Кракелюры)
Рис. 3 . 1 2 1 . Каменные буквы <S£$
Глава 3. Текстовые эффекты
3.14. Трехмерный текст В этом разделе мы хотим рассказать о том, как из простого плоского текста можно сделать объемные буквы, причем без всяких ЗО-плагинов или программ. Следует отметить, что рассматриваемый здесь эффект можно применять при работе не только со шрифтами, но и с любыми другими объектами достаточно простой формы. Начнем создание этого эффекта с «чистого листа». Создайте новый файл: File • New (Файл • Создать). Никаких ограничений здесь нет, кроме одного условия — фон должен быть черным. Напишите текст. Шрифт лучше выбрать массивный, например Arial. На рис. 3.122 представлен текст, который будет использован в качестве примера. Далее следует преобразовать текст так, чтобы он был виден в перспективе: Edit • Transform • Perspective (Редактирование • Преобразовать • Перспектива). Учтите, что буквы должны располагаться так, чтобы со всех сторон оставалось немного свободного пространства. В результате преобразований необходимо получить текст, похожий на представленный на рис. 3.123.
Рис. 3.122. Исходный текст
Рис. 3.123. Текст в перспективе
Создайте копию слоя с текстом, перетащив его к кнопке с изображением чистого листа на палитре Layers (Слои) или щелкнув на нем правой кнопкой мыши и выбрав в контекстном меню команду Duplicate Layer (Создать копию слоя). Склейте один из этих слоев с фоном. Для этого выделите слой, расположенный непосредственно над фоновым, и нажмите сочетание клавиш Ctrl+E. К полученному слою, ставшему теперь фоновым, примените размытие: Filter • Blur • Motion Blur (Фильтр • Размытие • Размыть в движении). Диалоговое окно с настройками данного фильтра представлено на рис. 3.124. Следует установить такие параметры, чтобы в результате текст был достаточно сильно размыт в направлении, примерно перпендикулярном к линии надписи. Затем выполните команду Filter • Stylize • Find Edges (Фильтр • Стилизация • Найти края), после чего инвертируйте полученное изображение командой Image • Adjustments • Invert (Изображение • Настройки • Инвертировать) или нажатием сочетания клавиш Ctrl+I. В результате перечисленных действий буквы примут примерно такой вид, как показано на рис. 3.125.
Взрывающиеся буквы
Рис. 3.124. Диалоговое окно фильтра Motion Blur (Размыть в движении)
Рис. 3.125. Текст после преобразования
Для более четкого выделения букв из фона следует немного подкорректировать уровни яркости: Image • Adjustments • Levels (Изображение • Настройки • Уровни) (Ctrl+L). Передвиньте светлый и серый маркеры влево так, чтобы буквы стали достаточно четко видны, но преобладающими оставались серые тона. При этом вы можете ориентироваться на результат преобразований, показанный на рис. 3.126. Создайте копию оставшегося слоя с текстом. Затем для одного из двух одинаковых слоев установите Opacity (Непрозрачность) порядка 20 % и «закройте» этим слоем заднюю поверхность букв, а для второго задайте непрозрачность порядка 80 %, после чего поместите его вперед. Теперь можно склеить все слои: Layer • Merge Visible (Слой • Объединить видимые) (Shift+Ctrl+E). На рис. 3.127 представлен результат работы.
Рис. 3.126. Объемные буквы
Рис. 3.127. Трехмерный текст <*J)
3.15. Взрывающиеся буквы Выполнив описанные в данном разделе действия, вы получите результат, напоминающий либо свечение через поверхность определенной формы (повторяющей
Глава 3. Текстовые эффекты в нашем случае форму букв), либо картину взрыва, когда разлом плоскости имеет заданную форму. Для начала создайте новое изображение (File • New (Файл • Создать) или сочетание Ctrl+N) произвольного размера. Цветовую модель следует выбрать так, чтобы иметь возможность работать с цветом. Фон должен быть белого цвета. Активизируйте инструмент Туре (Текст) («горячая» клавиша — Т) и напишите любой текст. Исходное изображение, которое будет использоваться в качестве примера, представлено на рис. 3.128.
M
o
t
i
o
n
Рис. 3.128. Исходное изображение
Склейте слой, содержащий текст, с фоном и переведите его в растр. Оба эти действия можно выполнить одновременно с помощью команды Layer • Merge Visible (Слой • Объединить видимые) или ее клавиатурного эквивалента Shift+Ctrl+E. Смягчите контур текста, для чего воспользуйтесь размытием: Filter • Blur • Gaussian Blur.(Фильтр • Размытие • Размытие по Гауссу). В нашем примере радиус размытия (Radius) равен 4 пикселам (рис. 3.129). Далее следует применить еще один фильтр: Filter • Stylize • Solarize (Фильтр • Стилизация • Соляризация). В результате изображение станет черным, а от букв останутся только очень слабые светлые очертания. Чтобы сделать буквы ярче, следует настроить уровни яркости, однако в данном случае можно доверить эту миссию программе, применив автоматическую коррекцию: Image • Adjustments • Auto Levels (Изображение • Настройки • Автоматическая коррекция уровней) (Shift+Ctrl+L). Результат должен быть похож на рис. 3.130. Создайте копию активного слоя, перетащив его к расположенной внизу палитры Layers (Слои) кнопке, имеющей вид белого листа, или щелкнув на нем правой кнопкой мыши и выбрав в контекстном меню команду Duplicate Layer (Создать копию слоя). Перейдите на фоновый слой, так как дальнейшие преобразования будут происходить на нем. Для удобства можно на время сделать верхний слой невидимым, щелкнув рядом с ним на значке с изображением глаза на палитре Layers (Слои). Деформируйте текст с помощью фильтра Polar Coordinates (Полярные координаты): Filter • Distort • Polar Coordinates (Фильтр • Деформация • Полярные координаты). Диалоговое окно этого фильтра представлено на рис. 3.131. Переключатель
Взрывающиеся буквы следует установить в положение Polar to Rectangular (Перевести полярные координаты в прямоугольные). Текст исказится практически до неузнаваемости, но это не беда — потом мы все исправим.
Рис. 3.129. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу)
Рис. 3.130. Промежуточный результат
Теперь поверните все изображение на 90° по часовой стрелке: Image • Rotate Canvas • 90° CW (Изображение • Повернуть холст • 90° по часовой стрелке). Далее инвертируйте цвета, используя команду Image • Adjustments • Invert (Изображение • Настройки • Инвертировать), или прото нажмите сочетание клавиш Ctrl+I. В результате вы получите нечто похожее на рис. 3.132.
О &e$angiiar to Polar © Polar to Rectangular
Рис. 3 . 1 3 1 . Диалоговое окно фильтра Polar Coordinates (Полярные координаты)
Рис. 3.132. Текст после поворота и инвертирования
Глава 3. Текстовые эффекты Следующий этап работы будет посвящен созданию лучей, вырывающихся из-за поверхности букв в результате взрыва. Воспользуемся фильтром, имитирующим действие ветра: Filter • Stylize • Wind (Фильтр • Стилизация • Ветер). Диалоговое окно с его настройками представлено на рис. 3.133. Направление (Direction) можно установить любое, а вот переключатель Method (Метод) необходимо установить в положение Wind (Ветер). Примените этот фильтр трижды с одинаковыми настройками. Для этого можно просто нажимать сочетание клавиш Ctrl+F. Затем еще раз воспользуйтесь автоматической коррекцией уровней яркости (Image • Adjustments • Auto Levels (Изображение • Настройки • Автоматическая коррекция уровней) или Shift+Ctrl+L) и инвертируйте цвета, нажав сочетание клавиш Ctrl+I. Далее вновь трижды примените фильтр Wind (Ветер), для повторного вызова нажимая Ctrl+F. Изображение примет вид, напоминающий рис. 3.134.
Рис. 3.133. Диалоговое окно фильтра Wind (Ветер)
Рис. 3.134. Результат применения фильтра Wind (Ветер)
Поставьте изображение «на ноги», повернув его в обратном направлении: Image • Rotate Canvas • 90° CCW (Изображение • Повернуть холст • 90° против часовой стрелки). Наконец, настало время вернуть буквам узнаваемый вид. Снова выполним команду Filter • Distort • Polar Coordinates (Фильтр • Деформация • Полярные координаты), только теперь установим переключатель в положение Rectangular to Polar (Перевести прямоугольные координаты в полярные). Так мы создадим впечатление, что из букв вырываются яркие лучи света (рис. 3.135).
Взрывающиеся буквы
и .о
Рис. 3.135. Светящиеся буквы
Осталось раскрасить изображение. Проще всего это сделать с помощью команды Image • Adjustments • Hue/Saturation (Изображение • Настройки • Тон/Насыщенность), которая вызывается также нажатием сочетания клавиш Ctrl+U. На рис. 3.136 представлено диалоговое окно с настройками данной команды.
Рис. 3.136. Диалоговое окно Hue/Saturation (Тон/Насыщенность)
Обязательно установите флажок Colorize (Тонирование), а остальные настройки подберите по своему вкусу. Нам показалось, что наиболее подходящим цветом будет яркий желто-оранжевый, а ему соответствуют такие настройки: Hue (Тон) — 45, Saturation (Насыщенность) — 100, Lightness (Яркость) — 0. Сделайте видимым верхний слой и измените для него следующие параметры: в списке Mode (Режим наложения) выберите Overlay (Перекрытие), а также уменьшите параметр Opacity (Непрозрачность). В нашем примере значение непрозрачности равно 35 % (рис. 3.137).
Рис. 3.137. Взрывающиеся буквы
Глава 3. Текстовые эффекты
3.16. Пиксельный текст Имитация текста, образованного отдельными пикселами — достаточно распространенный прием при выполнении тех или иных работ. Что вполне понятно — это один из лучших способов сыграть на стереотипах и подчеркнуть, скажем, ГГ-направленность рекламируемого товара. Этот пример выполняется достаточно просто, хотя на первый взгляд это и не очевидно. Создайте новое изображение в цветовом режиме RGB размером 500 х 400 пикселов. Сразу залейте фон черным цветом с помощью инструмента Paint Bucket (Заливка). Напишите подходящее слово. Размеры подберите на глаз, но оно должно смотреться примерно так, как на рис. 3.138.
P
I
X
E
L
Рис. 3.138. Исходная надпись
Запустите фильтр Gaussian Blur (Размытие по Гауссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу). Перед тем как выполнить эту команду, программа запросит разрешение на преобразование текста в растр. Нажмите ОК. Настройки Gaussian Blur (Размытие по Гауссу) показаны на рис. 3.139. Склейте слои (Ctrl+E). Теперь мы дошли до шага, который в основном и реализует эффект пиксельного текста. Запустите фильтр Mosaic (Мозаика): Filter • Pixelate • Mosaic (Фильтр • Оформление • Мозаика) и примените его с настройками, показанными на рис. 3.140.
Gaussian Blur
Рис. 3.139. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу)
Рис. 3.140. Настройки фильтра Mosaic (Мозаика)
Пиксельный текст Впрочем, на этом этапе, возможно, лучше немного поэкспериментировать и подобрать величину «пикселов» наиболее хорошо подходящую для вашей задумки. Наша работа после использования фильтра Mosaic (Мозаика) показана на рис. 3.141.
Рис. 3 . 1 4 1 . Работа после применения фильтра Mosaic (Мозаика)
Продублируйте единственный существующий в работе слой, перетянув его на палитре Layers (Слои) на значок в виде белого листа бумаги. Непрозрачность (Opacity) нового слоя там же задайте равной 35 %. Применим к новому слою фильтр Sharpen (Резкость): Filter • Sharpen • Sharpen (Фильтр • Резкость • Резкость). Повторите эту операцию 3-4 раза, затем склейте слои (Ctrl+E). Если необходимо, чтобы пиксельная надпись была цветной (в нашем случае она будет голубая), то используйте инструмент Hue/Saturation (Тон/Насыщенность) (Ctrl+LJ). Настройки, использованные авторами, показаны на рис. 3.142. Hue/Saturation
Hue: Saturation: Lightness
м
,y~
|vj Preview
Рис. 3.142. Параметры Hue/Saturation (Тон/Насыщенность)
Пример выполнен полностью (рис. 3.143).
Рис. 3.143. Пиксельный текст <*J)
Глава 3. Текстовые эффекты
3.17. Текст из сыра Этот пример очень нравится авторам. Во-первых, он чрезвычайно простой. Во-вторых, демонстрирует специфику работы с несколькими полезными инструментами Photoshop. А в-третьих — его результат симпатичный и даже аппетитный. Для начала создайте новое изображение в цветовом режиме RGB. Авторы работали с достаточно большим «полотном» — 1000 х 400 пикселов. Для нашего примера это необходимо, так как в ином случае «сырная» надпись получится недостаточно гладкой. Сразу залейте изображение черным цветом. Очень важно правильно подобрать шрифт. Он должен быть достаточно массивным и между тем — с мягкими контурами. Идеальным авторы посчитали достаточно распространенный шрифт Bulka, которым и написано слово «СЫР!» (рис. 3.144). Выделите надпись, щелкнув левой кнопкой мыши на текстовом слое на палитре Layers (Слои), одновременно удерживая клавишу Ctrl. Сейчас вам предстоит самый важный и сложный этап работы, на котором придется рассчитывать только на собственный художественный вкус. Нужно создать дырки в тексте. Технически это очень просто — нужно активизировать инструмент Eraser (Ластик) и, изменяя на панели параметров размер кисти, нарисовать нужное количество различных по диаметру отверстий. Но в этом и сложность. Сколько делать отверстий и какого размера они должны быть? В этом авторы вам вряд ли помогут, разве что предложат вариант, показанный на рис. 3.145.
Рис. 3.144. Исходная надпись
Рис. 3.145. Готовые дырки
Создайте новый слой. Обратите внимание, что созданное выделение должно быть активным. Залейте его на новом слое более темным желтым цветом, чем тот, который мы использовали для основной надписи. Она сразу станет похожей на сыр. Снимите выделение (Ctrl+D). Остался последний шаг, который добавит надписи большую схожесть с сыром. Запустите кнопкой Add a layer style (Добавить стиль слоя) на палитре Layers (Слои) слоевой эффект Drop Shadow (Внешняя тень). Он нужен нам как одна из составля-
Текст из сыра ющих для имитации объема надписи. Использованные настройки показаны на рис. 3.146. Не закрывая окна Layer Style (Стиль слоя), переключитесь на слоевой эффект Bevel and Emboss (Скос и рельеф). Этот основной инструмент для имитации объема в Photoshop выручит нас и на этот раз (рис. 3.147). B«y«J and Emboss • I:••; Structure . Style) j Inner Beve] Technq i ue: j Smooth
Shading
Altitude: ]Anthili.:ed GJon Contour; Uo i ho il ht Mode: [Screen Opactiy! Shadovj Model [Multipiv Opactiy: •. Рис. 3.146. Настройки Drop Shadow (Внешняя тень)
Рис. 3.147. Параметры Bevel and Emboss (Скос и рельеф)
Снова переключитесь, на этот раз на Satin (Атлас). Он нам необходим для того, чтобы изменить цвет поверхности, создав на ней переходы, которые сделают надпись похожей на настоящий сыр. Примененные настройки показаны на рис. 3.148. Объедините слои (Ctrl+E). Можно немного улучшить изображение, поработав инструментом Eraser (Ластик), чтобы некоторые отверстия стали сквозными. Авторы именно так и поступили. Готовый текст можно видеть на рис. 3.149.
Рис. 3.148. Параметры Satin (Атлас)
Рис. 3.149. Готовая надпись
Однако эффект в целом еще можно улучшить. Для этого нарисуем кусок сыра под текстом. Сделать это очень просто.
Глава 3. Текстовые эффекты Создайте новый слой ниже слоя с надписью. С помощью инструмента Lasso (Лассо) подготовьте выделение, по форме соответствующее кусочку сыра. Залейте его тем же цветом, который был использован при подготовке текста, и нарисуйте дырки. Затем скопируйте стиль слоя надписи на этот слой. Для этого сделайте слой с текстом активным и выполните команду Layer • Layer Style • Copy Layer Style (Слой • Стиль слоя • Копировать стиль слоя) (рис. 3.150). Затем активизируйте слой с кусочком сыра и выполните команду Layer • Layer Style • Paste Layer Style (Слой • Стиль слоя • Вставить стиль слоя). На этом эффект полностью выполнен (рис. 3.151). Получилось вполне аппетитно.
Dupc il ate Layer... Dee l te layer Properties,..
Е23253Я New Fil Layer New Adu jstment Layer : I » .< i
зуя
/.
~- » i '
i
D' op, Sfijdow . Infrf. Shadow... ':»jtn Sow. .
ii . i . Be.-el and Emboss...
.•:•:••; i-i ,-,(•• ' " • l CW-HS Create dipping Masl At+
Satin... •: fit:,' vveri i v . Srsder* Overlay..,
N«w layer Based Sc il e Go l bal Uoht.., Create Layer Hd i e All Efects Scae l Effects..Рис. 3.150. Скопируем «сырный» стиль слоя
Рис. 3.151. Аппетитный сырный текст <
3.18. Текст «высокого напряжения» В этом примере мы попробуем создать корону электрических разрядов. Залог реализации этого эффекта — совместное использование фильтров Wind (Ветер) и Polar Coordinates (Полярные координаты). Авторы рекомендуют обратить внимание на использование последнего — это наиболее простой и быстрый способ получения очень сложных форм, которые нереализуемы другими средствами. Создайте новое изображение в цветовом режиме RGB. Оно должно быть крупным — авторы рекомендуют работать с изображением размером не менее 1000 х 500 пикселов, иначе разряды не получатся. Сразу сделайте фон черным.
Текст «высокого напряжения» Напишем любое слово любой гарнитурой. Оно также должно быть достаточно крупным (рис. 3.152).
Рис. 3.152. Созданная надпись
Дублируйте слой с надписью: Layer • Duplicate Layer (Слой • Дублировать слой). Мы будем работать именно с копией, основной слой пока выключите, отключив пиктограмму в виде глаза слева от слоя на палитре Layers (Слои). Склейте дубликат надписи и фон (Ctrl+E). Теперь необходимо запустить фильтр Wind (Ветер): Filter • Stylize • Wind (Фильтр • Стилизация • Ветер). Примените его с настройками, показанными на рис. 3.153. Эффект окажется почти незаметным, так как мы работаем с большим изображением. Примените фильтр еще два-три раза (для этого достаточно нажать сочетание клавиш Ctrl+F соответствующее количество раз). Повторите все действия с фильтром Wind (Ветер), изменив направление его действия на From the Left (Ветер слева). После этого повернем изображение на 90°: Image • Rotate Canvas • 90° CW (Изображение • Поворот холста • 90° по часовой стрелке). Снова применим фильтр Wind (Ветер) несколько раз для каждого направления. Поверните изображение обратно: Image • Rotate Canvas • 90° CCW (Изображение • Поворот холста • 90° против часовой стрелки). Затем примените фильтр Ripple (Рябь) с параметрами, указанными на рис. 3.154. Этот фильтр придаст будущим разрядам небольшое дрожание, усиливающее их эффектность. Работа после выполнения этого шага показана на рис. 3.155. Переходим ко второй части примера. Запустите фильтр Polar Coordinates (Полярные координаты) и примените его в режиме Rectangular to Polar (Прямоугольные в полярные) (рис. 3.156). Как, наверное, уже поняли читатели с техническим образованием, этот фильтр изменяет систему координат для изображения с привычной нам декартовой на полярную и наоборот соответственно. Повторите для полярных координат все манипуляции с фильтрами Wind (Ветер) и Ripple (Рябь), которые были использованы ранее для декартовых. После этого верните изображение в более привычный вид, применив фильтр Polar Coordinates (Полярные координаты) в режиме Polar to Rectangular (Перевести полярные координаты в прямоугольные). То, что должно получиться на этом этапе, показано на рис. 3.157.
Глава З. Текстовые эффекты
Cancel
:too% Amount Meduim Рис. 3.153. Диалоговое окно фильтра Wind (Ветер)
Рис. 3.154. Настройки фильтра Ripple (Рябь)
Рис. 3.155. Изображение после применения фильтра Ripple (Рябь)
Окрасим изображение. Для этого, как уже многие догадались, авторы будут использовать инструмент Hue/Saturation (Тон/Насыщенность) (Ctrl+U). В качестве цвета мы выбрали голубой. Настройки для придания надписи этого оттенка показаны на рис. 3.158. Осталась последняя, третья часть работы. Сейчас нам и понадобится слой с надписью, который мы спрятали в самом начале. Снова сделайте его видимым. Удерживая клавишу Ctrl, щелкните мышью на этом слое на палитре Layers (Слои). Появится выделение, точно повторяющее надпись. После этого сам слой с надписью нужно удалить. •
Залейте выделение белым цветом, используя команду Edit • Fill (Правка • Заливка). Затем нужно сузить выделение на 2 пиксела: Select • Modify • Contract (Выделение • Изменить • Сжать). Полученное выделение залейте черным цветом.
Рис. 3.7. Огненная надпись
Рис. 3.19. Надпись из льда Рис. 3.27. Кровавая надпись
a so г Рис. 3.40. Надпись из воды
Рис. 3.47. Болотный текст
Рис. 3.55. Лазерная надпись
Рис. 3.60. Буквы под снегом
Рис. 3 . 7 1 . Железные буквы
Рис. 3.82. Хромированные буквы
Рис. 3.106. Ртутная надпись
Рис. 3.114. Эффект X-files
Рис. 3.94. Золотые буквы
Рис. 3.121. Каменные буквы
P
I
X
E
Р и с
" 3 " 1 2 7 - Трехмерный текст
Рис. 3.137. Взрывающиеся буквы
Рис. 3.151. Аппетитный сырный текст
Рис. 3.159. Текст «высокого напряжения»
L
Рис. 3.143. Пиксельный текст
Рис. 4.8. Деревянная текстура
Рис. 4.14. Каменная текстура
Рис. 4.20. Камуфляж
Рис. 4.29. Текстура воды
Рис. 4.42. Мозаичная поверхность
Рис. 4.48. Кирпичная кладка
Рис. 4.62. Эффект жалюзи
Рис. 4.70. Гранит
Рис. 4.75. Строчная развертка
Рис. 4 . 8 1 . Мрамор
Рис. 4.103. Компакт-диск Рис. 4.88. Автомобиль в движении
Рис. 4.116. Кристаллы
Рис. 4.123. Кровожадная текстура
Рис. 5 . 1 . Исходное изображение
Рис. 4 . 1 3 1 . Сгусток плазмы
Рис. 5.12. Восход солнца
Рис. 5.13. Исходное изображение
Рис. 5.22. Исходное изображение
Рис. 5.30. Радуга
Рис. 5.31. Исходное изображение
Рис. 5.35. Дождь
Рис. 5.36. Исходное изображение
Рис. 5.42.Туман
Рис. 5 . 5 1 . Молния
Рис. 5.52. Исходное изображение
Рис. 5.60. Заснеженная пустыня
Рис. 5.61. Исходное изображение
Рис. 5.68. Романтичная летняя ночь
Рис. 5.69. Исходное изображение
Рис. 5.76. Отражение в воде
Рис. 5.77. Исходное изображение
Рис. 5.82. Увеличенное небо
Рис. 5.87. Взрыв
Рис. 5.91. Огонь
Рис. 5.97. Раскаленное светило
Рис. 5.107. Солнечное затмение
Рис. 5.119. Нарисованный космос
Рис. 5.120. Исходное изображение
Рис. 5.124. На улице осень
Рис. 6.6. Градиентная рамка Рис. 6 . 1 1 . Художественная рамка. Вариант 1
Рис. 6.17. Художественная рамка. Вариант 2
Рис. 6.26. Деревянная рамка
Рис. 7.27. Кнопка в стиле Windows XP
Рис. 7.10. Результат применения фильтра 3D Transform (Трехмерное преобразование)
Рис. 7.13. Металлические трубы
Рис. 7.33. Стеклянная кнопка
Рис. 7.45. Литой диск
Рис. 7 . 5 1 . Созданный шар
Рис. 7 . 7 1 . Фантастические черви
Рис. 7.60. Стеклянный шар на фоне пейзажа
Рис. 7.76. Сигарета
/л\
*
4»
Рис. 7.85. Булыжник
Рис. 7 . 9 1 . Щупальца в крови
Рис. 7.97. Объемная планета
Рис. 7.110. Фантастическая сфера
Рис. 7 . 1 1 1 . Золотые часы
Рис. 7.118. Стальной шар
Рис. 8 . 1 . Очень старая фотография
Р и с
- 8 - 1 7 - Отретушированная фотография
i Рис. 8.18. Исходное изображение
Рис. 8 . 2 1 . Зеленые глаза
Рис. 8.23. Карие глаза
Рис. 8.24. Контурный рисунок
Рис. 8.34. Раскрашенный рисунок
Рис. 8.35. Исходное изображение
Рис. 8.43. Раскрашенная черно-белая фотография
Рис. 8.48. Дуплексное изображение
Рис. 8.50. Квадроплексное изображение
Рис. 8 . 5 1 . Фотография телевизора
Рис. 8.52. Кадр из фильма
Рис. 8.54. Мелодрама на экране
Рис. 8.55. Фотография пустыни
Рис. 8.56. Стакан воды
Рис. 8.57. Коллаж
Рис. 8.58. Исходное изображение мальчика
Рис. 8.59. Пляж
Рис. 8.67. Переносим человека в другое окружение
ШТГтс Рис. 8.68. Исходное изображение
Рис. 8 . 7 1 . Имитация старой фотографии
Рис. 8.72. Исходное изображение
Рис. 8.76. Рисунок из фотографии
1
Рис. 8.77. Исходная фотография
Рис. 8.83. Фотография в стиле глянцевых журналов
Рис. 8.84. Исходная фотография
Рис. 8.88. Профессиональная фотография
Рис. 8.89. Исходное изображение
Рис. 8.92. Естественный цвет волос
Рис. 8.96. Исходное изображение
Рис. 8.93. Неформальный цвет прически
Рис. 8.95. Эта окраска хорошо гармонирует с галстуком
Рис. 8.103. Измененная фигура
Рис. 8.104. Девушка европейского типа
Рис. 8.110. Наш ответ Майклу Джексону
Рис. 8 . 1 1 1 . Доктор в возрасте
Рис. 8.120. Доктор помолодел лет на 25
Рис. 8.125. Украшенный истребитель
Текст «высокого напряжения»
0 в Rectangular to Polar OEoMntoR.ectanmisr
Рис. 3.156. Параметры фильтра Polar Coordinates (Полярные координаты)
Рис. 3.157. Изображение после возврата в обычные координаты
...OK
Hue: j i: 1
•Qj
-••-—• r4'f i
. Saturation: •••• £} : tightness:
IS
1 !
Reset
:
Рис. 3.158. Настройки Hue/Saturation (Тон/Насыщенность)
Эффект выполнен (рис. 3.159).
иппы*
a
m
p
e
r
Рис. 3.159. Текст «высокого напряжения» <*
Текстуры • • • Q • •
Дерево Камень Камуфляж Вода Металл Мозаичная поверхность • Кирпичи • Рисуем штамп LJ Эффект жалюзи
• Гранит • Строчная развертка телевизора • Мрамор • Эффект скорости • Компакт-диск • Штрих-код • Кристаллы • Кровожадная текстура • Сгусток плазмы
Дерево
4 . 1 . Дерево Как показывает опыт, эта текстура часто используется на практике, например при создании рамок для фотографий или фона для веб-страницы. Впрочем, можно воспользоваться готовой текстурой из стандартного набора Photoshop или дополнительным модулем Eye Candy. Но бывает так, что этой помощи нет. Тогда и приходится рисовать руками, однако это совсем не трудно, в чем вы сейчас убедитесь. Создайте изображение в цветовой системе RGB. Его не стоит делать слишком большим, так как это отрицательно скажется на результате работы. Идеальный размер — 300 х 300 пикселов. Залейте заготовку, используя инструмент Paint Bucket (Заливка). Выбирайте цвет заготовки исходя из того, какое дерево вам необходимо получить в конце работы. Если это дуб, то подойдут коричневые оттенки, если сосна — светло-желтые, если вишня — красные. После того как вы определились с цветом и залили заготовку, необходимо применить фильтр Add Noise (Добавить шум): Filter • Noise • Add Noise (Фильтр • Шум • Добавить шум). Параметр Amount (Эффект) лучше всего определить на глаз, так как его значение определяется исключительно выбранным цветом и размером изображения, но рекомендуем использовать значения 50-60. Обязательно установите флажок Monochromatic (Монохромный), иначе нужного шума не выйдет. В результате вы должны получить поверхность, несколько напоминающую панель из гранитной крошки (рис. 4.1).
.•.V. •
•
ы Amount:; 60 — ; Distribution , ©yniform Ofiaussisn E3 Monochromatci Рис. 4 . 1 . Использование фильтра Add Noise (Добавить шум)
Глава 4. Текстуры
•TVl
Заготовку текстуры можно считать выполненной. Теперь необходимо превратить эту поверхность в гладкую доску. Первым этапом будет применение фильтра Motion Blur (Размыть в движении): Filter • Blur • Motion Blur (Фильтр • Размытие • Размыть в движении). Обратите внимание на то, что угол (Angle) должен быть равен нулю (рис. 4.2), чтобы полосы прошли горизонтально. Параметр Distance (Расстояние) установите равным ширине изображения. После применения фильтра Motion Blur (Размыть в движении) вы получите полосы, уже напоминающие текстуру дерева. Но все же это сходство неочевидно, так как полосы очень кривые и нечеткие. Исправить это можно весьма интересным способом. Запустите фильтр Offset (Смещение): Filter • Other • Offset (Фильтр • Другие • Смещение). Параметры фильтра показаны на рис. 4.3.
0 Preview I О Set to Background О Repeat Edge Pixels ©Wrap Around
Рис. 4.2. Диалоговое окно фильтра Motion Blur (Размыть в движении)
Рис. 4.3. Диалоговое окно фильтра Offset (Смещение)
В результате применения этого фильтра вы получите изображение, разделенное на две части, одна из которых смещена относительно другой на 75 пикселов (рис. 4.4). Если у вас получилось совсем непохоже, то необходимо применить фильтр Offset (Смещение) еще раз, изменив параметры смещения. Зачем все это делалось? Чтобы деревянные полосы стали более ясными и естественными. Сейчас необходимо вновь применить фильтр Motion Blur (Размыть в движении). Настройки, скорее всего, подойдут прежние, но лучше не применять его без предварительного просмотра (Preview). Возможно, вам придется увеличить значение параметра Distance (Расстояние). В итоге получится достаточно правдоподобная деревянная текстура (рис. 4.5). Эту поверхность уже можно использовать на практике. Больше всего она напоминает древесно-стружечную панель. Так что если вы собираетесь использовать полученное изображение в качестве текстуры при создании мебели, например, в 3ds max,
Дерево то на этом можно остановиться. Для наложения на объекты в трехмерной графике эта текстура подойдет больше, чем конечное изображение.
Рис. 4.4. Изображение после Рис. 4.5. Промежуточный результат применения фильтра Offset (Смещение)
Сейчас мы будем заниматься приданием текстуре более естественного, природного вида. Для этого необходимо нарисовать места, где раньше были сучки. Выделите небольшую область в середине изображения с помощью инструмента Elliptical Marquee (Эллиптическое выделение). Она должна быть не круглой, а несколько вытянутой горизонтально. Примените фильтр Pinch (Щипок): Filter • Distort • Pinch (Фильтр •Деформация • Щипок) —со значением Amount (Эффект), равным-100 (рис. 4.6).
ш%i ]
f
Amount
\ (ЩЛЗ 1%
k
т: ГП"
1 1у I Щэ1 ft
Рис. 4.6. Применение фильтра Pinch (Щипок)
Тот же результат дает фильтр Spherize (Сферизация): Filter • Distort • Spherize (Фильтр • Деформация • Сферизация). Он делает то же самое, что и Pinch (Щипок), но некоторым пользователям нравится больше. Далее примените фильтр Twirl (Скручивание): Filter • Distort • Twirl (Фильтр • Деформация • Скручивание). Задайте его параметры на глаз или воспользуйтесь настройками, указанными на рис. 4.7.
Глава 4. Текстуры
Ш
Рис. 4.7. Диалоговое окно фильтра Twirl (Скручивание)
ПРИМЕЧАНИЕ На данном этапе также можно использовать фильтр Liqufy (Разжижение).
Один узелок сделан. Вы можете ограничиться одним, а можете создать множество узелков разных размеров, все зависит от конкретной задачи. Только один совет: чем меньше будет симметрии в размещении, размерах и форме узелков, тем более реалистичной будет ваша работа. Готовая текстура дерева показана на рис. 4.8.
Рис. 4.8. Деревянная текстура &£)
4.2. Камень В этом разделе будет рассказано о том, как нарисовать реалистичную текстуру горного камня. Больше всего она будет напоминать участок скалы. Нужно сказать, что данная текстура находит широкое применение — от заливки текстов до использования в пакетах трехмерной графики.
Камень Прежде всего создайте новое изображение (Ctrl+N). Мы будем работать с заготовкой размером 400 х 400 пикселов в цветовом режиме RGB. Убедитесь, что у вас установлены основные цвета по умолчанию, то есть передний план черный, а фон белый. Если это не так, нажмите клавишу D. Применим фильтр Clouds (Облака): Filter • Render • Clouds (Фильтр • Освещение • Облака). Полученное изображение будем считать исходным (рис. 4.9). Как это зачастую бывает, фильтр Clouds (Облака) применялся только для того, чтобы создать заготовку для работы с другим фильтром. В данном случае это будет фильтр Bas Relief (Рельеф): Filter • Sketch • Bas Relief (Фильтр • Эскиз • Рельеф). Настройки, использованные в данном примере, показаны на рис. 4.10.
©•
1
OK Reset
r~ Bas Relief ! Detail i Smoothness .',, шш.шш. ._ 1 . tight! Botom Рис. 4.9. Изображение после использования фильтра Clouds (Облака)
| .•;•;. ]':••: Г~~~
\
j
2
j
i i
Рис. 4.10. Настройки фильтра Bas Relief (Рельеф)
Значения параметров Detail (Деталь) и Smoothness (Сглаживание) лучше не изменять — они настроены практически идеально для любого случая. Настройка же Light (Свет) применяется исключительно по вкусу — мы выбрали значение Bottom (Снизу). Изображение уже похоже на камень (рис. 4.11). Для большей реалистичности необходимо придать текстуре цвет. Для этого используйте команду Color Balance (Цветовой баланс) или Hue/Saturation (Тон/Насыщенность) из меню Image • Adjustments (Изображение • Настройки). Мы остановились на Hue/Saturation (Тон/Насыщенность). Причина в том, что применение Color Balance (Цветовой баланс) достаточно сложно показать в книге, так как пришлось бы отдельно изображать настройки для светлых участков, средних тонов и теней. Но, в принципе, Color Balance (Цветовой баланс) дает более широкие возможности (например, можно тонко отобразить игру света на неровностях). Выполните команду Image > Adjustments • Hue/Saturation (Изображение • Настройки > Тон/Насыщенность) и, установив флажок Colorize (Тонирование), подберите подходящий оттенок.
Глава 4 . Текстуры Полученная текстура (рис. 4.12) уже очень похожа на скалистую породу. Однако переходы между неровностями слишком мягкие, смазанные. Эту неестественность необходимо исправить.
Рис. 4 . 1 1 . Текстура после применения фильтра Bas Relief (Рельеф)
Рис. 4.12. Окрашенная текстура
Для этого применим фильтр Unsharp Mask (Маскарезкости): Filter • Sharpen • Unsharp Mask (Фильтр • Резкость • Маска резкости). Этот фильтр значительно повышает контрастность изображения. Настройки показаны на рис. 4.13. Вот и все, текстура камня готова (рис. 4.14). Вы можете дополнительно усложнить ее, например применив стиль Texture (Текстура) из стилей слоя, но, как правило, это не нужно и только портит полученный результат. Unsharp Mask
fimount: ;! 0,8 Threshold: 1 ю
pixels j levels
Рис. 4.13. Диалоговое окно фильтра Unsharp Mask (Маска резкости)
Рис. 4.14. Каменная текстура i
Камуфляж СОВЕТ Если вы собираетесь использовать полученную текстуру в пакетах трехмерной графики, особенно при наложении на горы, то лучше ввести некоторое усовершенствование. Создайте новый файл очень больших размеров и залейте (команда Edit • Fill (Редактирование • Заливка)), определив полученную текстуру как образец: Edit • Define Pattern (Редактирование • Определить образец). После небольшой подготовки его можно будет накладывать и на очень большие объекты.
4.3. Камуфляж Это достаточно простой, но между тем весьма полезный пример. Созданная текстура может быть использована как заливка для шрифта или как фон для веб-страницы. Сначала создайте новое изображение. Для данной текстуры очень важен размер изображения. Во-первых, оно должно быть квадратной формы, а во-вторых, его размеры в пикселах должны быть кратны 64. Первое необходимо потому, что позже вам придется вращать изображение на 90°, а затем совмещать его с первоначальным. Второе ограничение необходимо для получения бесшовной текстуры. После того как вы определились с размером, установите основные цвета, предусмотренные по умолчанию, а именно черный и белый (клавиша D). Далее необходимо воспользоваться фильтром Clouds (Облака), который находится в разделе Render (Освещение). Вид изображения после применения этого фильтра показан на рис. 4.15. Теперь нужно слегка размыть полученный результат. Для этого выполните команду Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу). Радиус размытия зависит от размера изображения. Например, для нашего формата 320 х 320 был установлен радиус, равный 10 пикселам (рис. 4.16). Чем больше изображение, тем сильнее его необходимо размывать.
Рис. 4.15. Результат применения фильтра Clouds (Облака)
Рис. 4.16. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу)
Глава 4. Текстуры На следующем этапе на основе размытого рисунка необходимо создать изображение, которое будет состоять исключительно из белых и черных пятен (максимально контрастное). Для этого можно воспользоваться таким способом коррекции изображения, как команда Brightness/Contrast (Яркость/Контраст): Image • Adjustments • Brightness/Contrast (Изображение • Настройки • Яркость/Контраст). Контрастность изображения установите максимально возможной (+100), а яркость подберите таким образом, чтобы белого и черного цветов на вашем изображении было примерно одинаковое количество (рис. 4.17). Результат представлен на рис. 4.18.
Brightness/Contrast
Рис. 4.17. Параметры Brightness/Contrast (Яркость/Контраст)
Рис. 4.18. Изображение после коррекции яркости
Слегка смягчите переход между цветами с помощью фильтра Blur More (Размытие+) из серии Blur (Размытие): Filter • Blur • Blur More (Фильтр • Размытие • Размытие+). Выделите все изображение с помощью сочетания клавиш Ctrl+A либо командой Select • All (Выделение • Все). Скопируйте выделенную область в буфер обмена: Ctrl+C либо Edit • Сору (Редактирование • Копировать). Вставьте скопированное изображение с помощью сочетания клавиш Ctrl+V либо команды Edit • Paste (Редактирование • Вставить). Оно автоматически будет вставлено на новый слой. Поверните только что созданный слой на 90° в любом направлении: Edit • Transform • Rotate 90 CW (Редактирование • Преобразовать • Поворот на 90° по часовой стрелке). Щелкните правой кнопкой мыши на палитре Layers (Слои) на втором слое и выберите Blending Options (Параметры наложения). В открывшемся окне измените значение параметра Blend Mode (Режим наложения) на Multiply (Умножение), a Opacity (Непрозрачность) — на 70 %. После этого изображение будет выглядеть, как показано на рис. 4.19. Прежде чем сделать изображение цветным, необходимо склеить слои. Чтобы склеить активный слой с нижним, нажмите сочетание клавиш Ctrl+E либо выберите команду Layer • Merge Down (Слой • Объединить с предыдущим).
Вода И наконец, сделаем изображение цветным. Наиболее простое и целесообразное решение данной задачи следующее. С помощью инструмента Magic Wand (Волшебная палочка) выделите поочередно черные, серые и белые пятна, заливая выделенные области темно-зеленым, салатным и светло-зеленым цветами соответственно. Такой способ действий возможен потому, что в вашем изображении присутствуют только три цвета. Итоговое изображение представлено на рис. 4.20.
Рис. 4 . 1 9 . Черно-белая текстура
Рис. 4.20. Камуфляж
4.4. Вода Создание текстуры воды — очень непростая задача для двухмерной графики, даже в таком мощном пакете, как Photoshop. Можно даже утверждать, что добиться большой реалистичности тут невозможно. Однако представленный в этом разделе пример является достаточно удачным. Даже написанные создателями программы Photoshop примеры текстуры воды выглядят более примитивно. Создайте новое изображение произвольных размеров в цветовой модели RGB. Единственное условие — лучше, если оно будет квадратным. Обратите внимание на то, чтобы использовались цветовые параметры, установленные по умолчанию, то есть Foreground Color (Цвет переднего плана) был черным, a Background Color (Цвет фона) — белым. Если это не так, то нажмите «горячую» клавишу D. Примените фильтр Clouds (Облака): Filter • Render • Clouds (Фильтр • Освещение • Облака). Обработаем получившееся изображение с помощью фильтра Chrome (Хром): Filter • Sketch • Chrome (Фильтр • Эскиз • Хром). Настройки фильтра представлены на рис. 4.21. После использования фильтра Chrome (Хром) мы получим текстуру, уже достаточно похожую на воду (рис. 4.22). Но она черно-белая. Внимательный читатель может задать закономерный вопрос: почему мы не сделали исходный цвет облаков (напомним, что они составляются из цветов заднего и переднего плана, в нашем случае черного и белого) синим, ведь тогда бы уже сейчас мы имели цветную текстуру? Дело в том, что фильтр Chrome (Хром) превращает все цвета в градации серого, поэтому применение цвета на том этапе не имело смысла.
Глава 4. Текстуры
•
•
•
А
1
•
-
•
i
t
£
. . .
Ш~; .. г i Chrome !
OK
СReset
Z J •..-., J
•::,:-:.. •v:r •• •• •
Detail
['•Smoothness l i S i K S i i
Рис. 4 . 2 1 . Настройки фильтра Chrome (Хром)
Рис. 4.22. Изображение после применения фильтра Chrome (Хром)
Сделаем воду цветной. Для этого есть несколько способов, из которых два основных — команды Color Balance (Цветовой баланс) и Hue/Saturation (Тон/Насыщенность). Мы воспользуемся первым. Выполните команду Image • Adjustments • Color Balance (Изображение • Настройки • Цветовой баланс). В открывшемся диалоговом окне вы можете установить любой цвет для теней (Shadows), средних тонов (Midtones) и светлых участков (Highlights). Если снять флажок Preserve Luminosity (Сохранять яркость) и отрегулировать параметры для всех трех составляющих, то можно добиться реалистичного результата уже сейчас. Авторские настройки показаны на рис. 4.23.
Color Balance
Red Green Blue
Рис. 4.23. Диалоговое окно Color Balance (Цветовой баланс)
На этом первая часть работы закончена. Мы создали нижний слой будущей воды, который показан на рис. 4.24. Пришло время взяться за верхний слой. Создайте новый слой (Shift+Ctrl+N). Во всем остальном, вплоть до придания текстуре цвета, технология будет идентична процессу создания нижнего слоя. Но окрашивать второй слой мы будем иначе. На этот раз мы применим команду Hue/Saturation (Тон/Насыщенность): Image • Adjustments • Hue/Saturation (Изо-
Вода бражение • Настройки • Тон/Насыщенность). Примените ее с параметрами, указанными на рис. 4.25.
1
Рис. 4.24. Первый слой Hue/Saturation
Hue:
OK
•
Sgtu'ation:
Reset i 25 1 Save... 1
Lightness:
;
] Preview
Рис. 4.25. Параметры Hue/Saturation (Тон/Насыщенность)
После этого вы получите слой, почти не отличающийся от первого, только значительно темнее. Зачем мы его создавали? Для придания изображению глубины. Но необходим еще один штрих. Откройте палитру Layers (Слои) и измените режим наложения с Normal (Обычный) на Multiply (Умножение). Затем склейте слои (Ctrl+E). Результат показан на рис. 4.26.
Рис. 4.26. Добавление второго слоя увеличило реалистичность воды
Глава 4. Текстуры На этом пример можно считать выполненным. Созданная текстура уже полностью готова для практического использования. Все наши дальнейшие действия можно рассматривать как описание второго варианта получения воды, так как итоговый результат для многих случаев хуже того, который мы уже получили. Для придания воде большей «динамики» нужно применить два фильтра. Первым будет Wave (Волна): Filter • Distort • Wave (Фильтр • Деформация • Волна) с настройками, которые можно видеть на рис. 4.27.
Min,
yvaveiength;
i 80
О Sine 0 triangle О Sfluare
Max. i
1 80
].
О Min. j 285
Amplitude:
Max. i •
265
и Horiz. Scale;
1 I I Z K
Vert. [7
|%
•Undefined Areas: 0 W[ap Around О Repeat £dge Pixels.
Рис. 4.27. Настройки фильтра Wave (Волна)
Добавим последний штрих с помощью фильтра Ocean Ripple (Океанская рябь) из той же группы Distort (Деформация) с настройками, показанными на рис. 4.28. На этом воду можно считать готовой (рис. 4.29). Как видите, в этом небольшом примере мы описали целых два способа получения текстуры воды, из которых можно выбирать наиболее подходящий. !_
OK
1
Reset
| Ocean Ripple
v
Ripple See • Ripple Magnitude !
Ц
7
i
, . • • • . - • • :
Рис. 4.28. Настройки фильтра Ocean Ripple (Океанская рябь)
Рис. 4.29. Текстура воды <&£)
Металл
4.5. Металл Создайте новый файл произвольных размеров и цветовой модели. Если вы намерены нарисовать простую металлическую поверхность, то можете работать в режиме Grayscale (Полутоновое). Если же хотите потом добавить заклепки, ржавчину или любые другие дополнительные элементы, то советуем сразу выбрать режим RGB, CMYK или Lab. Установите основные цвета по умолчанию (клавиша D). Выберите инструмент Gradient (Градиент) и задайте переход от цвета переднего плана к цвету фона (Foreground to Background). Залейте фон на изображении примерно так, как показано на рис. 4.30.
Рис. 4.30. Основа металлической поверхности
Так как металл имеет негладкую поверхность, то для того, чтобы придать ей шероховатость, воспользуйтесь фильтром Add Noise (Добавить шум) из группы Noise (Шум). Значение параметра Amount (Эффект) установите достаточно большим (рис. 4.31), так как позже мы немного смягчим действие этого фильтра. Чтобы не возникло проблем с появлением новых цветов, необходимо установить флажок Monochromatic (Монохромный). В этом случае изображение будет состоять из оттенков серого цвета. Слегка смягчите переход между пикселами с помощью фильтра Motion Blur (Размыть в движении). На рис. 4.32 представлено диалоговое окно данного фильтра и получившееся изображение. Установите угол воздействия так, чтобы размытие происходило под углом к горизонту. Мы рекомендуем выбрать угол равным 30-60°. Сила выбирается произвольно, только следите за тем, чтобы эффект шума не пропал. Сейчас необходимо получить картину склеенных металлических листов. Мы рекомендуем выполнять это на новом слое. Это упростит работу, к тому же если понадобится что-то исправить, то корректирование не коснется основы изображения. Возьмите инструмент Brush (Кисть). Выберите кисть небольшого радиуса и задайте силу нажима 100 %. Проведите вертикальные и горизонтальные линии, пересекающиеся друг с другом, примерно так, как показано на рис. 4.33. Чтобы линии имели строго вертикальное или горизонтальное направление, необходимо использовать кисть при нажатой клавише Shift.
Глава 4. Текстуры
Motion Blur
Amount: [25 :.:;• OtS&b i tjlQ i ST • С Uniform ! ©igaussianj E) Monochromatic
Рис. 4 . 3 1 . Диалоговое окно фильтра Add Noise (Добавить шум)
Рис. 4.32. Настройки фильтра Motion Blur (Размыть в движении)
Придать объем полученным швам можно несколькими способами. Например, воспользоваться слоевыми эффектами и добавить тень (Drop Shadow (Внешняя тень)). Мы предлагаем сделать это несколько иначе. Дублируйте слой со швами. Убедившись, что только что созданный слой активен, примените к изображению фильтр Offset (Смещение) из группы Other (Другие) со значением сдвига, близким к толщине стыков. Щелкните на новом слое при нажатой клавише Ctrl. Выделенными окажутся все объекты, расположенные на активном слое. Если вы хотите получить тонкие швы, то нужно уменьшить выделение с помощью команды Select • Modify • Contract (Выделение • Изменить • Сжать). Сделайте цвет переднего плана светлым (почти белым) и залейте выделенную область. Затем возьмите кисть с мягкими краями и добавьте ржавчину вокруг стыков. Здесь сложно дать полезные рекомендации, так как это именно тот редкий в книге случай, когда результат больше зависит не от возможностей Photoshop, а от вашего собственного художественного таланта. В результате изображение должно стать похожим на рис. 4.34. Однако металлу все еще не хватает реалистичности. Исправить это можно несколькими способами. Мы попробуем сделать это, изменив яркость и контрастность текстуры, а также ее освещение.
Металл
Рис. 4.33. Стыки между листами металла
Рис. 4.34. Добавление швам ржавчины улучшило общий вид работы
Для решения первой части этой задачи лучше всего подойдут наши любимые кривые: Image • Adjustments • Curves (Изображение • Настройки • Кривые) с настройками, показанными на рис. 4.35.
Load,..
lnp.it: 99 *:-, output: j4 |%.
Рис. 4.35. Настройки Curves (Кривые)
В результате текстура должна стать более грубой, но одновременно и куда более «металлической». Теперь изменим освещение текстуры, чтобы оно было менее равномерным. Это скроет некоторые недостатки нашей работы и подчеркнет ее откровенно технократический дух. Примените фильтр Lighting Effects (Эффекты света): Filter • Render • Lighting Effects (Фильтр • Освещение • Эффекты света). Использованные авторами настройки показаны на рис. 4.36. Работа после выполнения этой операции показана на рис. 4.37.
Глава 4. Текстуры Lighting Effects Style: ! Default
OK ,| Cancel ]
г- Light type: iOmni
В On Negative
21
>, <
f>
Propertie: Matte Go l ss. Material: Undei Exposure
Full
v'd Shiny
100
Ambience: H
Metalic Ovet Positive
Texture Channel: I None
0 Review
Рис. 4.36. Настройки Lighting Effects (Эффекты света)
Для увеличения реалистичности текстуры можно добавить еще несколько болтов. Мы не станем расписывать подробно, как это делается, так как подобным эффектам посвящена гл. 7. Прочитайте ее — и вы сможете очень легко повторить наш результат (рис. 4.38).
Рис. 4.37. Работа после изменения освещения
Рис. 4.38. Металлические листы i
4.6. Мозаичная поверхность Этот эффект является одним из самых красивых и легко выполнимых из описанных в книге. Однако если вы планируете использовать его в оплачиваемой работе, то будьте осторожны. Имитация пазла (puzzle) — это настолько избитый прием, что среди профессиональных дизайнеров его применение — едва ли не примета плохого вкуса.
Мозаичная поверхность Наше исходное изображение представлено на рис. 4.39.
Рис. 4.39. Исходное изображение
Весь трюк основан на знании фильтра Texturizer (Текстуризатор) и на том, что в папке программы есть готовые карты текстур. Запустите этот фильтр: Filter • Texture • Texturizer (Фильтр • Текстура • Текстуризатор). В списке Texture (Текстура) (рис. 4.40), открываемом при нажатии кнопки •, выберите Load Texture (Загрузить текстуру) и укажите файл Adobe Photoshop C S 2 \ P r e s e t s \ T e x t u r e s \ P u z z l e . p s d .
Рис. 4 . 4 0 . Настройки фильтра Texturizer (Текстуризатор)
Рис. 4 . 4 1 . Готовая мозаика
С помощью параметра Scaling (Масштаб) подберите необходимый размер ячеек, а с помощью Relief (Рельеф) — глубину соединений. Мы не случайно целиком описали процесс и не сказали, что есть готовый макрос. Дело в том, что макрос вы можете применить только с записанными настройками, в результате чего текстура зачастую не смотрится, особенно на больших изображениях. А при использовании описанного метода вы сами подбираете настройки и тем самым добиваетесь идеального результата, который показан на рис. 4.41.
Глава 4 . Текстуры На основе этого изображения можно получать очень интересные эффекты. Для этого достаточно с помощью любого инструмента выделения переместить отдельные фрагменты мозаики и залить фон подходящим цветом (рис. 4.42).
Рис. 4.42. Выделив с помощью Lasso (Лассо) отдельные фрагменты мозаики и переместив их, мы получили интересный результат <*Г}
4.7. Кирпичи В этом примере рассказано, как получить текстуру кирпичной стены. Прежде всего создайте новое изображение произвольного размера. Залейте его, используя инструмент Paint Bucket (Заливка), подходящим цветом. Обратите внимание, что в данном примере кирпичи лучше делать красными, а не белыми. Теперь необходимо создать на этом изображении новый слой. Для этого достаточно щелкнуть на кнопке в виде листа бумаги на палитре Layer (Слой) либо нажать сочетание клавиш Shift+Ctrl+N. Этот слой послужит нам заготовкой для передачи шероховатости. Залейте его белым цветом. Пришло время воспользоваться фильтром. В нашем случае это будет Texturizer (Текстуризатор): Fitter • Texture • Texturizer (Фильтр • Текстура • Текстуризатор). В этом фильтре есть несколько готовых текстур, из которых предстоит выбирать. Воспользоваться сразу текстурой Brick (Кирпич) мы не советуем. Во-первых, ваши возможности будут сильно ограничены и ваша кирпичная кладка не будет отличаться от любой другой, созданной в Photoshop. Во-вторых, если ваше изображение достаточно большого размера (как в данном примере), то кирпичи получатся очень маленькими. Поэтому используйте текстуру Sandstone (Песчаник) с настройками, приведенными на рис. 4.43. В итоге вы получите шершавую белую поверхность. Необходимо перенести эту шершавость на основной слой, причем текстура должна стать еще более выразительной. Для этого воспользуемся настройками наложения слоев. Щелкните на втором слое на палитре Layers (Слои) и выберите Blending Options (Параметры наложения). В открывшемся окне нас интересует только параметр Blend Mode (Режим наложения). Выберите режим Multiply (Умножение). Если все сделано правильно, то вы получите фактуру поверхности кирпича (рис. 4.44).
Кирпичи *
OK •[
Cancel
1 Ж
....
. .
••.
•
: S
i
111 :
•
.
••:•
•
Рис. 4.43. Параметры фильтра Texturizer (Текстуризатор)
•
. •
' ••••:•
.
'
i l l l f i i
Рис. 4.44. Фактура кирпича
Начнем рисовать сами кирпичи. Для этого создайте еще один слой, заливать его не нужно. Нарисуем горизонтальные и вертикальные линии, которые отделят кирпичи друг от друга. Эти полосы станут похожи на цемент значительно позже. Для решения этой задачи у вас есть несколько инструментов: Brush (Кисть), Pencil (Карандаш) и Line (Линия). Мы рекомендуем воспользоваться кистью. Обратите внимание, что линии должны быть абсолютно прямыми, а провести их кистью очень сложно. Однако если использовать кисть с нажатой клавишей Shift, то полосы будут проводиться исключительно в вертикальном и горизонтальном направлениях, что нам и нужно. Учитывая все сказанное выше, нарисуйте контуры кирпичей. Получившееся у нас изображение напоминает кирпичную кладку весьма условно, в основном потому, что линии между кирпичами совсем не похожи на цемент. Наша задача — придать им естественный вид, а заодно сделать все изображение объемным. Размоем слой с цементом. Для этого лучше всего воспользоваться фильтром Gaussian Blur (Размытие по Гауссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу). Значение параметра Radius (Радиус) должно быть равно примерно половине диаметра кисти, использованной при рисовании полос (рис. 4.45). Как, наверное, уже обратили внимание читатели, фильтр Gaussian Blur (Размытие по Гауссу) почти всегда применяется для создания заготовки перед применением какого-нибудь другого фильтра. Так будет и сейчас. Для придания цементу естественного вида, то есть объема, воспользуемся фильтром Emboss (Барельеф): Filter • Stylize • Emboss (Фильтр • Стилизация • Барельеф). Настройки, примененные нами, приведены на рис. 4.46. Однако значение параметра Angle (Угол) лучше подобрать индивидуально — он указывает, откуда должен исходить свет для получения эффекта рельефности.
Глава 4. Текстуры
Gaussian Blur
angle:, -45 | ° ( \ ) tleight; |4 ! pixels
pixels
Anpunt: I lUl \%: ~Q
Рис. 4.45. Настройки фильтра Gaussian Blur (Размытие по Гауссу)
Рис. 4.46. Применение фильтра Emboss (Барельеф)
Результат применения двух последних фильтров показан на рис. 4.47. Этот результат уже может удовлетворить многих пользователей. Действительно, изображение смотрится вполне натурально. Однако не хватает одного маленького, но важного штриха — цемент должен быть шершавым. В данном случае шершавость цемента достигается точно таким же способом, каким мы сделали фактуру для кирпичей. Только тогда создавался новый слой выше фонового, залитого красной краской, а теперь необходимо создать новый слой выше слоя с цементом. Все остальное делайте строго аналогично. Итоговый результат представлен на рис. 4.48.
Рис. 4.47. Кирпичи после применения фильтра Emboss (Барельеф)
Рис. 4.48. Кирпичная кладка <
Рисуем штамп
4.8. Рисуем штамп Чтобы задать оттиск печати, вы можете воспользоваться готовой печатью, а можете создать его сами. Именно второй вариант как наиболее необходимый и часто используемый мы и рассмотрим. Образец, с которым будем работать, — обычная круглая печать. Создайте новый файл произвольного размера и цветовой модели (лучше RGB, CMYK или Lab). Напишите, нарисуйте или выберите из другого изображения оттиск печати. Создайте выделение по форме будущего штампа. Для этого вы можете воспользоваться такими инструментами, как Magic Wand (Волшебная палочка), если границы выделяемого рисунка контрастны по отношению к окружению, или Реп (Перо), если требуется точное выделение. Мы сразу создавали текст в виде выделения. Немного поверните изображение, так как штампы почти никогда не бывают расположены на бумаге ровно. На рис. 4.49 представлено изображение, с которым мы будем работать. После того как вы добьетесь желаемого результата, сохраните выделение в виде отдельного дополнительного канала. Это можно сделать, щелкнув на кнопке с изображением белого пунктирного кружка, расположенной внизу палитры Channels (Каналы), либо выполнив команду Select • Save Selection (Выделение • Сохранить выделение). После всех манипуляций у вас должен получиться дополнительный канал. Структура рисунка на этом канале должна быть аналогична представленной на рис. 4.50. ^ ^
Рис. 4 . 4 9 . Основа печати
н
н
н
^ ^
н
Рис. 4 . 5 0 . Дополнительный канал
Теперь приступим к обработке выделения, чтобы оно стало похоже на штамп. Для начала следует немного смягчить края, воспользовавшись фильтром Gussian Blur (Размытие по Гауссу) из набора Blur (Размытие). На рис. 4.51 представлено диалоговое окно данного фильтра. Радиус размытия следует установить таким, чтобы изображение, сохранив свою форму и читаемость, приобрело размытые очертания. Для изменения структуры штампа советуем воспользоваться фильтром Halftone Pattern (Цветные полутона) из группы Sketch (Эскиз). В настройках данного фильтра (рис. 4.52) вы можете выбрать размер образовывающихся структурных единиц,
Глава 4. Текстуры а также их контрастность. Не стоит задавать слишком большие значения, так как задача этого фильтра заключается в том, чтобы придать штампу неоднородность, а не исказить его. Мы установили значения настроек, равные 1.
' л
:• O
.
K
с
R
: • • •
e
s
e
t
щ
n
H
a
l
S
f
,
t
z
o
n
e
P
a
l
'
.
e
•• ' 1
e
1 Ш :
|
C
P
Рис. 4 . 5 1 . Настройки фильтра Gussian Blur (Размытие по Гауссу)
a
o
m
t
t
t
e
a
r
s
n
t
T
y
p
e
:
D
o
Рис. 4.52. Параметры фильтра Halftone Pattern (Цветные полутона)
Примените фильтр Stamp (Линогравюра): Filter • Sketch • Stamp (Фильтр • Эскиз • Линогравюра). Использованные нами настройки приведены на рис. 4.53. Этот фильтр необходим для того, чтобы сделать изображение грубее, а также для придания краям неровных очертаний. Значение Light/Dark Balance (Баланс света и тени) установите равным примерно 12-20, a Smoothness (Сглаживание) — 3. Примените еще раз фильтр Gussian Blur (Размытие по Гауссу), выбрав небольшой радиус действия, чтобы создать эффект потекших чернил (рис. 4.54). Gaussian Blur
100% .
(Tj
Radius;! 1,5
Рис. 4.53. Параметры фильтра Stamp (Линогравюра)
:
V
I pixels
Рис. 4.54. Снова применяем фильтр Gaussian Blur (Размытие по Гауссу)
Эффект жалюзи Теперь у вас есть канал, готовый к использованию (рис. 4.55). Перейдите в тот цветовой режим, который вы выбрали в начале работы, и загрузите выделение из альфа-канала: Select • Load Selection (Выделить • Загрузить выделение). Выберите инструмент Brush (Кисть) и установите для него режим аэрографа. Силу нажима (Flow (Плотность)) установите равной 5-10 % и выберите мягкую кисть небольшого радиуса. Установите основным цветом тот, которым вы собираетесь раскрасить штамп, и начинайте водить кистью по всему изображению, создавая тем самым грубое и неравномерное окрашивание всей выделенной области. Результат работы представлен на рис. 4.56. Если вы хотите еще больше размазать получившуюся печать, то снимите выделение (сочетанием клавиш Ctrl+D) и с помощью кисти нанесите еще несколько дополнительных мазков.
Рис. 4.55. Вид дополнительного канала после преобразований
Рис. 4.56. Штамп i
Результат очень реалистичен, поэтому авторы просят читателей не использовать полученные знания для подделки документов. Помните, что это противозаконно и карается достаточно жестко.
4.9. Эффект жалюзи В этом разделе будет описан процесс создания жалюзи. Существует три основных способа реализации этого эффекта. Первый — взять готовую текстуру. Второй очень похож на создание растровых полос, которым посвящен разд. 4.11. Третий же способ наиболее приемлемый по соотношению результата и затрат времени. Его мы и рассмотрим. Прежде всего подберите готовое изображение, на которое будут накладываться жалюзи. Рисованные картинки здесь не подходят, поэтому необходимо найти фотографию (рис. 4.57). Содержание ее не имеет особого значения, но лучше, чтобы ее размер был не меньше 400 х 400 пикселов. После того как вы открыли фотографию, нужно узнать ее линейные размеры. Для этого выполните команду Image • Image Size (Изображение • Размер изображения). Запомните значения Width (Ширина) и Height (Высота).
Глава 4. Текстуры
Рис. 4.57. Исходное изображение
Создайте заготовку (Ctrl+N). Обратите внимание на размеры. Ширина должна соответствовать ширине отобранной фотографии, а высота необходима примерно в 7-8 раз меньше. Фон (слой Background) обязательно должен быть прозрачным (Transparent). Теперь, используя инструмент Rectangular Marquee (Прямоугольное выделение), выделите верхнюю треть нового изображения. Вы можете улучшить внешний вид будущих жалюзи, если сделаете их не прямоугольными, а несколько скошенными по краям. Для этого нужно изменить выделение, используя команду Select • Transform Selection (Выделение • Преобразовать выделение) с параметром Distort (Деформация). Установите цвета в состояние по умолчанию (клавиша D) и выберите инструмент Gradient (Градиент). Обратите внимание на тип используемого градиента: вам идеально подходит Linear (Линейный). Залейте выделение таким образом, чтобы получилось нечто подобное рис. 4.58.
Рис. 4.58. Заливка пластины жалюзи градиентом
Обратите внимание, что если вы хотите создать впечатление жалюзи, открытых снизу, то лучше черную часть градиента размещать сверху, и наоборот. Основа для создания эффекта готова. Удалите выделение (Ctrl+D либо Select • Deselect (Выделение • Отменить выделение)). Определите имеющееся изображение как образец заливки: Edit • Define Pattern (Редактирование • Определить образец). В результате на палитру образцов добавится новый.
Эффект жалюзи На этом файл с заготовкой можно закрыть, он нам больше не понадобится. Сделаем активным рабочее изображение. В Photoshop можно заливать не только однородным цветом, но и образцом, то есть любой картинкой, которую вы определили как образец. Это свойство программы нам и нужно использовать. Создайте новый слой (Shift+Ctrl+N). Выполните команду Edit • Fill (Редактирование • Заливка), указав в качестве источника Pattern (Образец) и выбрав только что созданный образец. В результате вы получите то, что показано на рис. 4.59.
Рис. 4 . 5 9 . Заливка изображения текстурой
Результат уже достаточно похож на жалюзи, однако можно добиться и большего сходства. Придадим пластинам объем. Для этого откройте палитру Channels (Каналы) и создайте новый канал, нажав кнопку с изображением чистого листа. Залейте его аналогично тому, как только что залили слой. Перейдите к каналу RGB. Никаких изменений изображения вы не увидите, так как альфа-канал — это просто одна из форм выделения и отношения к изображению не имеет. Воспользуйтесь фильтром Lighting Effects (Эффекты света): Filter • Render • Lighting Effects (Фильтр • Освещение • Эффекты света). Обязательно установите в качестве Texture Channel (Канал текстуры) канал Alpha 1. Остальные параметры показаны на рис. 4.60. На этом работу можно считать законченной. Но для достижения большей реалистичности можно создать впечатление того, что свет идет из-за жалюзи, как будто мы смотрим из темноты на освещенную улицу. Для выполнения данной задачи применяется все тот же фильтр Lighting Effects (Эффекты света). Перейдите на слой с фотографией и примените этот фильтр.
Глава 4 . Текстуры Настройки можно задать визуально (установленные нами параметры изображены на рис. 4.61).
i 2 O'clock Spotlight !
Ц|
fSa
| Antace:
Ne
3?llve
36
^Positive.
Texture Channel: jNone
Ц;
Рис. 4 . 6 0 . Придание текстуре объема с помощью фильтра Lighting Effects (Эффекты света)
MghJijig JEffects :
Style: | 2 O'clock Spotlight
:«Й •
;•: Light type: iOmni Full
Intensity; Foe h 'f Properties; i Gloss: Matte
-25
Plastic
-58
i Material:
Г Exposure: .
Undel
Metallic
-21
Ovet:
6
Positive.
i Ambience: Texture Channel: [None
SO
Рис. 4 . 6 1 . Настройка освещенности
Итоговое изображение представлено на рис. 4.62.
Mi
; ок J: ""* Cancel [•
Гранит
i
Рис. 4.62. Эффект жалюзи (*JJ
4.10. Гранит В этом разделе мы продолжим тему создания текстур, имитирующих природные материалы, а именно расскажем еще об одном виде камня — граните. Создайте файл произвольных размеров и цветовой модели. Рекомендуем сразу выбрать одну из тех, которая позволяет работать с цветными изображениями (RGB, CMYK или Lab). Хотя на первых этапах это и не имеет значения, но в конце работы будет необходимо. Установите основные цвета по умолчанию (клавиша D), то есть цвет переднего плана — черный, а фона — белый. Воспользуйтесь фильтром Clouds (Облака): Filter • Render • Clouds (Фильтр • Освещение • Облака). На рис. 4.63 показан результат действия данного фильтра. Этот фильтр практически незаменим при создании текстур, имитирующих природные материалы, так как он создает градации произвольной неправильной формы от цвета переднего плана к цвету фона, что и дает нам основу для работы. Примените фильтр Find Edges (Найти края) из группы Stylize (Стилизация). Благодаря ему на изображении появятся разводы и прожилки, похожие на те, которые есть на любом камне. На рис. 4.64 представлен результат применения данного фильтра. Чтобы сделать полученный эффект более выразительным, можно воспользоваться несколькими способами. Первый — применить команду Curves (Кривые), однако это нецелесообразно, так как вам придется подбирать параметры для конкретного изображения, и дать какие-либо советы здесь невозможно. Второй — воспользоваться командой Levels (Уровни). Именно так мы и поступили. Откройте окно Levels (Уровни) (рис. 4.65), нажав сочетание клавиш Ctrl+L либо выполнив команду Image • Adjustments • Levels (Изображение • Настройки • Уровни).
Глава 4. Текстуры
Рис. 4.63. Изображение после применения фильтра Clouds (Облака)
Рис. 4.64. Изображение после применения фильтра Find Edges (Найти края)
ED Preview Рис. 4.65. Настройка уровней яркости
Передвиньте средний маркер к самому пику графика или чуть дальше. Благодаря этому серые участки изображения станут более темными и выразительными, вследствие чего узор станет четко выражен и с ним будет удобнее работать. После данного преобразования ваше изображение должно стать похожим на представленное на рис. 4.66. После того как контрастность на вашей картинке была увеличена, следует применить фильтр Reticulation (Ретикуляция) из набора Sketch (Эскиз) (рис. 4.67). С помощью данного фильтра линии на изображении преобразуются в зернистую поверхность, что можно заметить на натуральном граните. На следующем этапе нужно смягчить полученный эффект. Чтобы добиться плавного перехода между гранулами, мы советуем немного размыть изображение с помощью фильтра Gaussian Blur (Размытие по Гауссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу) (рис. 4.68). Не стоит задавать радиус размытия очень большим, так как пропадет эффект шероховатости поверхности. После того как вы выполните описанные выше действия, у вас должна получиться текстура, похожая на гранит, хотя и в черно-белом виде (рис. 4.69). При работе с небольшими изображениями на этом варианте уже можно остановиться.
Гранит
(
Cancel
Reticulation Denstiy
[26 |
Foreground Level ^ .* ^ „ ^ ^ ^ Backgtound Level V . Рис. 4.66. Изображение после коррекции яркости
jс
^
. ™.
i
^
Рис. 4.67. Параметры фильтра Reticulation (Ретикуляция)
Рис. 4.68. Настройки фильтра Gaussian Blur (Размытие по Гауссу)
Рис. 4.69. Текстура гранита
Если вы хотите добиться еще более правдоподобного результата, то нужно выполнить следующие действия. Откройте палитру Layers (Слои) и создайте новый слой. Это можно сделать, щелкнув мышью на кнопке с изображением чистого листа, расположенной внизу палитры, или с помощью команды Layer • New • Layer (Слой • Создать • Слой). На только что созданном слое проделайте все те операции, которые вы выполнили на предыдущем слое. Так как при использовании фильтра Clouds (Облака) исходный рисунок получится другим, то, следовательно, и конечный результат будет отличен от предыдущего. После того как все операции будут выполнены, изображения, расположенного на старом слое, станет не видно. Исправить это можно, изменив Opacity (Непрозрачность) верхнего слоя. Установите ее равной 50—70 %. Измените также режим наложения
Глава 4. Текстуры пикселов (Mode). Мы рекомендуем заменить Normal (Обычный) на Overlay (Перекрытие). Теперь два слоя составляют единое изображение. Так как гранит бывает не только черный, а чаще всего темно-бордовый или синеватый, то мы предлагаем изменить основной цвет камня. Создайте еще один слой. Непрозрачность (Opacity) задайте равной 10-15%, а режим наложения (Mode) — Overlay (Перекрытие). Выберите основными цветами темно-синий и бордовый, после чего в третий раз примените фильтр Clouds (Облака). В результате гранит окрасится неоднородно, с плавными переходами между цветами. Итоговый результат работы представлен на рис. 4.70.
Рис. 4.70. Гранит (*
4 . 1 1 . Строчная развертка телевизора Этот раздел посвящен созданию эффекта строчной развертки телевизора, или так называемых растровых строк. В реальной жизни это встречается в изображениях, скопированных с экрана компьютера или снятых видеокамерой, направленной на дисплей. Используется этот эффект достаточно часто, особенно в двух ситуациях: вы рисуете дисплей и хотите усилить реализм или пытаетесь имитировать изображение, полученное описанными выше способами. В данном случае в качестве исходного изображения нам необходимо готовое изображение фотографического качества, иначе работа теряет смысл. Наш вариант показан на рис. 4.71. Выполните команду Image • Image Size (Изображение • Размер изображения). Запомните ширину (Width) своего изображения. Создайте заготовку (Ctrl+N). Размеры должны быть следующие: Width (Ширина) равна ширине исходного изображения, a Height (Высота) — 4 пикселам. Используя инструмент Rectangular Marquee (Прямоугольное выделение), создайте выделение высотой 2 пиксела на всю длину изображения. Для удобства лучше увеличить масштаб просмотра (сочетанием клавиш Ctrl++). Залейте выделение чер-
Строчная развертка телевизора ным цветом, используя инструмент Paint Bucket (Заливка). Аналогичным образом создайте еще две серые полосы, ориентируясь на рис. 4.72. Это заготовка для будущих строк.
Рис. 4 . 7 1 . Исходное изображение У Untitled-1 Ф 1200% (RGB/BJ
Рис. 4.72. Заготовка для строк
Сейчас мы будем использовать очень полезную функцию — заливку по образцу. Прежде всего выделите все изображение (Ctrl+A). Затем определите образец по выделению: Edit • Define Pattern (Редактирование • Определить образец). Назовем его Line. Теперь файл с линиями можно закрыть — он нам больше не понадобится. Сделайте исходное изображение активным. Перейдите на палитру Channels (Каналы) и создайте на ней новый канал, нажав кнопку с изображением чистого листа. С этим каналом мы и будем работать.
Глава 4. Текстуры Выполните заливку: Edit • Fill (Редактирование • Заливка). В качестве параметра Use (Использовать) укажите Pattern (Образец) и выберите созданный образец, который добавился к уже имеющимся (рис. 4.73).
Mode. Normal Opacity: I 100 | %
Рис. 4.73. Результат заливки созданным образцом
Осталось загрузить канал в качестве выделения. Для этого выполните команду Select • Load Selection (Выделение • Загрузить выделение). В списке Channel (Канал) необходимо указать Alpha 1. ш Перейдите к каналу RGB. В качестве основного инструмента цветокоррекции используйте уровни яркости: Image • Adjustments • Levels (Изображение • Настройки • Уровни). Примените эту команду с настройками, указанными на рис. 4.74.
*
0 "ffiiTl
*
0 Previe
Рис. 4.74. Использование Levels (Уровни)
Впрочем, эти параметры лучше настроить на глаз, к тому же если у вас включен предварительный просмотр (Preview), то вы сможете видеть все изменения в реальном времени. Работа выполнена (рис. 4.75).
Мрамор
Рис. 4.75. Строчная развертка &^)
4.12. Мрамор В этом разделе рассмотрим создание текстуры мрамора. В Photoshop имеется макрос Marble, однако результат его применения на мрамор совсем не похож. Кроме того, если вы сделаете текстуру сами, то получите знания и опыт, которые пригодятся вам в дальнейшем. Создайте файл (Ctrl+N) небольших размеров. Мы будем работать с изображением размером 300 х 300 пикселов. Цветовой режим лучше выбрать Grayscale (Полутоновое), так как мрамор будет состоять только из оттенков серого цвета, а работа в режиме RGB хотя и не внесет в этот пример никаких визуальных изменений, однако замедлит выполнение всех операций. Используем фильтр Clouds (Облака): Filter • Render • Clouds (Фильтр • Освещение • Облака). Результат показан па рис. 4.76. Будем строить изображение из двух слоев, но можно использовать и гораздо большее их количество для увеличения реалистичности. Сейчас мы работаем с первым слоем. Используйте фильтр Find Edges (Найти края): Filter • Stylize • Find Edges (Фильтр • Стилизация • Найти края). В результате получится изображение с большим количеством тонких линий неправильной формы. Необходимо сделать их четче. Для этого подходит команда Image • Adjustments • Brightness/Contrast (Изображение • Настройки • Яркость/Контраст). Параметры приведены на рис. 4.77. Первый слой готов. Изображение уже несколько напоминает мрамор, но еще очень условно. Создайте слой (Shift+Ctrl+N) и примените к нему фильтр Clouds (Облака): Filter • Render • Clouds (Фильтр • Освещение • Облака). Однако теперь мы не будем использовать фильтр Find Edges (Найти края), так как назначение этого слоя — создать
Глава 4. Текстуры крупные черные участки на текстуре, а не мелкий рисунок, как это было с предыдущим слоем.
Bright ness/Contrast Brightness:
QK [
Contrast:
Reset
0 Preview"
Рис. 4.76. Изображение после Рис. 4.77. Использование Brightness/Contrast применения фильтра Clouds (Облака) (Яркость/Контраст)
Чтобы превратить «облака» в черные области, опять используем команду Image • Adjustments • Brightness/Contrast (Изображение • Настройки • Яркость/Контраст). Не стоит устанавливать максимальное значение контрастности — вы проиграете в реалистичности из-за чрезмерно резкого перехода цветов. Настройки следует задать примерно такие: Brightness (Яркость) — 10, Contrast (Контраст) — 84. Результат представлен на рис. 4.78. Но теперь вы видите только второй слой, который тоже похож на мрамор весьма условно. Как совместить два слоя? Лучше всего использовать для этого свойства наложения пикселов. На палитре Layers (Слои) щелкните правой кнопкой мыши на втором слое и выберите в контекстном меню пункт Blending Options (Параметры наложения). В открывшемся окне нас интересует только один параметр — Blend Mode (Режим наложения). Необходимо задать для него значение Exclusion (Исключение). В итоге слои перемешаются самым подходящим способом (рис. 4.79). Но лучше поэкспериментировать — возможно, другой режим смешения дает более впечатляющую картинку в вашем случае.
Рис. 4.78. Второй слой изображения
Рис. 4.79. В результате смешения двух слоев мы получили почти готовый мрамор
Эффект скорости Однако реалистичность нашей текстуры недостаточна, так как она состоит только из серых оттенков. Такого мрамора в природе не существует, всегда есть небольшой оттенок, чаще светло-коричневый. Исправить это просто. Выделите нижний слой и примените Hue/Saturation (Тон/ Насыщенность) с настройками, показанными на рис. 4.80.
шj I O K j L Reset . J 1 Load, 1 I gave., 1
Hue/Saturation
'
Hue:
j 227 j
Saturation:
jЁ
Lightness;
j -8
: '•
!
4$ ^S? ^i?
,--'v •
Ж
M Co flfzie
/С
Рис. 4.80. Настройки Hue/Saturation (Тон/Насыщенность)
Пример выполнен полностью (рис. 4.81). Напомним еще раз, что для получения изображения фотографического качества вам потребуется как минимум пять слоев, но самое главное, что технологию вы уже знаете.
Рис. 4.81. Мрамор <$*£)
4.13. Эффект скорости Имитация скорости — один из наиболее востребованных приемов в профессиональном дизайне. Дело в том, что скорость позволяет очень хорошо задать настроение работы или подчеркнуть те или иные качества рекламируемого предмета, а готовые фотографии такого содержания чрезвычайно редки.
Глава 4. Текстуры Мы будем имитировать автомобиль, движущийся на большой скорости Исходное изображение представлено на рис. 4.82. входное
iiiillSIP
ffiiiii!
Рис. 4.82. Исходное изображение
Начнем с крутящихся колес. Сымитировать их чрезвычайно просто Запустите инструмент ElL,pt,cal Marquee (Эллиптическое выделение) и выделите колесо Затем примените фильтр Radial Blur (Радиальное размытие из группы Blur (Размытие) с настройками, показанными на рис. 4.83. ^ -Р б 3 у Л Ь Т а Т
ДОЛЖен
б ы т ь
Рис. 4.83. Настройки фильтра Radial Blur (Радиальное размытие)
Для начала необходимо выделить корпус автомобиля, применив наиболее удобный для вас инструмент выделения. Вырежьте полученную область на новьгй слои, для чего щелкните правой кнопкой мыши на фоновом слое и из контекстно го меню выберите команду Layer via Cut (Слой вырезанием)
Эффект скорости
Рис. 4.84. Колеса уже в движении
Нижний из двух одинаковых слоев необходимо размыть. Для этого отлично подходит специальный фильтр: Filter • Blur • Motion Blur (Фильтр • Размытие • Размыть в движении). Диалоговое окно данного фильтра с использованными настройками представлено на рис. 4.85.
Рис. 4.85. Диалоговое окно фильтра Motion Blur (Размыть в движении)
Под четким изображением, расположенным на верхнем слое, образуется ореол размытого изображения, находящегося под ним. Для имитации скорости необходимо передвинуть размытый слой так, чтобы он образовывал не ореол, а «шлейф»
Глава 4. Текстуры
rfl-l
позади движущегося объекта. Возможно, какие-то элементы корпуса придется затереть с помощью инструмента Eraser (Ластик). Второй слой показан на рис. 4.86. Чтобы передвинуть слой, можно воспользоваться инструментом Move (Перемещение) («горячая» клавиша — V).
Рис. 4.86. Второй слой
Для большей реалистичности следует передать иллюзию движения не только сзади фигуры, но и над ней. Для этого создайте копию размытого слоя и примените к ней фильтр Motion Blur (Размыть в движении), но уже с силой сноса, вдвое превышающей значение первого применения, и сдвиньте чуть дальше. Затем измените режим наложения пикселов верхнего слоя на Overlay (Перекрытие). После этого изображение вновь станет четким и будет частично размыто сверху и сзади (рис. 4.87).
II
• : | И! к
:
I
Рис. 4 . 8 7 . Автомобиль уже мчится на большой скорости
Компакт-диск Но, согласитесь, автомобиль, несущийся на огромной скорости без водителя — это достаточно нелепо. Поэтому дорисуйте контур головы человека с помощью кисти и немного размойте его. Итоговое изображение представлено на рис. 4.88.
Рис. 4.88. Автомобиль в движении i
4.14. Компакт-диск Это, наверное, один из самых сложных и интересных примеров в книге. И сложен он не тем, что потребует от вас каких-то особых умений, а тем, что включает в себя очень большое количество действий с несколькими слоями и начинающему пользователю в них очень легко запутаться. Будьте очень внимательны, и все получится. Создайте новое изображение (Ctrl+N) в формате RGB размером 400 х400 пикселов. В качестве фонового цвета лучше всего выбрать белый. Так как рисование компакт-диска потребует точного выравнивания фигур по центру изображения, включите линейки: View • Rulers (Вид • Линейки). Если размерность на них будет не в пикселах, а в сантиметрах, то измените установки программы: Edit • Preferences • Units & Rulers (Правка • Установки • Единицы и линейки). Кроме линеек, вам понадобится еще один вспомогательный инструмент — направляющие. Щелкните левой кнопкой мыши на верхней линейке и, не отпуская ее, переместите направляющую до уровня 200 пикселов. Точно так же перетащите вертикальную направляющую. Их пересечение будет точным центром изображения. Перейдем непосредственно к рисованию диска. Запустите инструмент Elliptical Marquee (Эллиптическое выделение), на панели параметров включите режим Fixed Size (Фиксированный размер) и задайте размер 340 х 340 пикселов. Это — основной диаметр будущего диска.
Глава 4. Текстуры Создайте эллиптическое выделение с указанными выше настройками точно в центре изображения. Для этого, удерживая левую кнопку мыши, подведите курсор к центру и нажмите клавишу Alt. Выделение выровняется по направляющим, то есть по центру. Затем переведите инструмент Elliptical Marquee (Эллиптическое выделение) в режим Subtract from selection (Исключить из выделения). Настройку Fixed Size (Фиксированный размер) оставьте активной, но измените размер на 42 х 42 пиксела. Затем поместите это выделение точно по центру созданного ранее описанным выше способом. В итоге получится выделенная форма, уже напоминающая диск. Залейте ее, используя инструмент Paint Bucket (Заливка), светло-серым цветом (рис. 4.89).
Ij I I
Рис. 4.89. Залитая серым цветом заготовка для диска
Создайте новый слой и назовите его Тень. Переключитесь на него. Нам снова понадобится уже созданное выделение, правда, его внутренний радиус придется откорректировать. Измените размеры для Elliptical Marquee (Эллиптическое выделение) на 102 х 102 пиксела и поместите новое выделение в режиме Subtract from selection (Исключить из выделения) в центр изображения. Залейте полученное выделение белым цветом. Теперь нам в первый раз в примере понадобятся незаменимые слоевые эффекты, а точнее, Gradient Overlay (Заливка градиентом). Удобнее всего запустить его кнопкой Add a layer style (Добавить слоевой эффект) на палитре Layers (Слои). Нам понадобится самый обычный градиент от черного цвета к белому. Правда, его нужно немного подкорректировать. Щелкните левой кнопкой мыши на инструменте Gradient (Градиент) и смените черный цвет на темно-серый, а белый — на светло-серый.
Компакт-диск Остальные настройки Gradient Overlay (Заливка градиентом) показаны на рис. 4.90. Gradient Overlay { Be l nd Mode: |Normal | Opacity: I Grade i nt s Style; JLn i ear j j !? Align with Layer Angle: Р ч Л Щ Scale:
| !
•
- ч У — .
) inn
%
j
Рио. 4.90. Настройки Gradient Overlay (Заливка градиентом)
Если все подобрано верно, то получится изображение, похожее на рис. 4.91. Если же ваш результат далек от нашего, то все можно исправить на палитре Layers (Слои) — слоевые эффекты тем и хороши, что их настройки можно изменять в любое время, достаточно щелкнуть на значке эффекта, как откроется окно его редактирования. Снимите выделение (Ctrl+D). Создайте новый слой и назовите его Радуга. Запустите инструмент Gradient (Градиент), выберите на его панели параметров готовый вариант Spectrum, который действительно переливается всеми цветами радуги. Примените его к изображению сверху вниз (рис. 4.92).
Рис. 4 . 9 1 . Диск после заливки градиентом
Рис. 4.92. Созданный градиент
Затем примените к слою Радуга инструмент Free Transform (Свободная трансформация) (CtrL+T) в режиме Distort (Деформация). Стяните опорные точки с левой стороны к центру изображения так, чтобы получился сектор. Дублируйте слой Радуга, перетянув его на палитре Layers (Слои) на значок в виде белого листа бумаги (Create a new layer (Создать новый слой)). Затем выполните
ГГУ1
Глава 4. Текстуры
команду Edit • Transform • Rotate 180° (Редактирование • Трансформирование • Поворот на 180°) и сведите дубликат со слоем Радуга (Ctrl+E) (рис. 4.93). После чего еще раз продублируйте слой Радуга и поверните его, но на этот раз уже на 90°. Результат будет похож на рис. 4.94.
Рис. 4.93. Работа после дублирования слоя Радуга и размещения копии
Рис. 4.94. Готовый слой Радуга
Сейчас нам нужно выделение, повторяющее основную часть диска. Можно было бы повторить операции, которые мы использовали при создании слоя Тень, но есть куда более простой и элегантный способ, о котором знают далеко не все. Удерживая клавишу Ctrl, щелкните левой кнопкой мыши на слое Тень. Все непрозрачное на этом слое станет выделенным, что нам и нужно. Переключитесь на слой Радуга. Инвертируйте выделение (Shift+Ctrl+I). Нажмите клавишу Delete. Снимите выделение (Ctrl+D). Заготовка для компакт-диска готова (рис. 4.95), дальше мы будем работать над ее реалистичностью. Сменим Blending Mode (Режим наложения) на Overlay (Перекрытие), a Opacity (Непрозрачность) уменьшим до 65%. Диск слишком яркий. Чтобы исправить этот недостаток, понадобятся два действия. Первое мы произведем сейчас, второе — чуть позже. Создайте новый корректирующий слой в режиме Hue/Saturation (Тон/Насыщенность): Layer • New Adjustment Layer • Hue/Saturation (Слой • Новый корректирующий слой • Тон/Насыщенность). Использованные авторами настройки показаны на рис. 4.96. На палитре Layers (Слои) установите Opacity (Непрозрачность) для корректирующего слоя в пределах 25-40 % (это лучше определить на глаз).
Компакт-диск
Рис. 4.95. Компакт-диск после обрезания слоя Радуга Hue/Saturation
.
Цие:
• .
[227 !
Saturation:
[44
|
Lightness:
Гщ
1
Щ] • -•• ••••• 1 : 1 ok 1 \ \ [ Reset ! [ Lpad., .fl ! I Save..
1
;•:•• • 1 3 С0|ОГЙе :*||
*?C:: V 0 Preview : Щ
Рис. 4.96. Настройки корректирующего слоя в режиме Hue/Saturation (Тон/Насыщенность)
Теперь попробуем нарисовать «незаписываемую» область в центре диска. Для этого вернитесь к слою Радуга и с помощью Elliptical Marquee (Эллиптическое выделение) создайте круглое выделение радиусом 130 пикселов. Выполним последовательно операции копирования (Ctrl+C) и вставки (Ctrl+V). Установите для получившегося нового слоя на палитре Layers (Слои) значение режима Blending Mode (Режим наложения) равным Screen (Экран). Возможно, понадобится уменьшить Opacity (Непрозрачность) слоя до 60-70 % (авторам этого делать не пришлось). Сведите слой со слоем Радуга (Ctrl+E). Изображение на этой стадии показано на рис. 4.97. Для большей реалистичности добавим на компакт-диск надпись. В этом нам очень поможет текст по контуру. Как вы знаете (см. разд. 1.10), в Photoshop есть готовые
Глава 4. Текстуры контуры разной формы, называемые Shapes (Фигуры). Нам, как уже можно догадаться, нужен инструмент Ellipse (Эллипс) в режиме Paths (Контуры). Создайте круглый контур около внутренней стороны «незаписываемой» области. Запустим инструмент HorizontalType (Горизонтальный текст), подведем указатель мыши к созданному контуру так, чтобы изменился вид указателя, и введем какойнибудь текст (рис. 4.98). Подкорректируйте размеры текста, его гарнитуру и прочие параметры, ориентируясь на собственный вкус.
Рис. 4.97. Компакт-диск после применения корректирующего слоя и создания «незаписываемой» области
Рис. 4.98. Создаем текст по контуру
Откроем палитру Paths (Контуры) и удалим контур Work Path. После этого круг исчезнет с экрана, останется только текст. Остались последние штрихи, которые добавят реалистичности. Прежде всего создадим бороздку во внутренней части диска — такие бороздки есть на любом диске, они нужны для его раскручивания в приводе. Сделайте активным первый слой. Создайте круглое выделение примерно по середине серой части диска. Выполните команду Select • Modify • Border (Выделение • Изменить • Граница). В открывшемся окне установите значение границы равным 2 пикселам. В результате мы получим выделение в форме тонкого кольца. Выполните операции копирования (Ctrl+C) и вставки (Ctrl+V). К новому слою примените слоевой эффект Bevel and Emboss (Скос и рельеф) с настройками, показанными на рис. 4.99. Затем совместите этот слой с фоном (Ctrl+E). Уже значительно лучше, но диск все еще не выглядит реалистичным. Особенно портят его чрезвычайно резкие переходы цвета в слое Радуга. Это нам и нужно исправить.
Компакт-диск А сделать это очень просто. Запустите фильтр Radial Blur (Радиальное размытие): Filter • Blur • Radial Blur (Фильтр • Размытие • Радиальное размытие) с настройками, показанными на рис. 4.100. Bevel and Emboss Structure Style: Technique/ Depth; f . Direction;t? Up I
n
n
C
h
i
e
s
r
e
B
l
H
e
v
a
e
r
d
_
n — %
Г Down , П
Soften: f
"" DX
---1 |'гГ'~'~""ох
Radial Blur Amount
33 Reset
:;
Altitude?
lisa «ЭоЫ Light ©
Go l ss Contour:
•
h
a
d
o
Blur Center
Г* Anti-aBased
Highlight Mode: Screen Opacityi S
:
©Spin
S
• Q u a l i t y : ••
—-Л
' f^
%
Multiplv w
M
o
d
e
:
* O
p
a
c
i
t
y
;
Рис. 4.99. Параметры Bevel and Emboss (Скос и рельеф)
Рис. 4.100. Применение фильтра Radial Blur (Радиальное размытие)
После этого в нижней части изображения появятся разноцветные пикселы. Это побочный эффект от использованного фильтра, который очень просто исправляется инструментом Eraser (Ластик). Результат показан на рис. 4.101. Если ваш диск не похож на представленный на рисунке, то попробуйте применить фильтр Radial Blur (Радиальное размытие) еще раз. Остался последний шаг — создание внешней кромки диска. Это уже совсем просто. Создайте новый слой. Он должен располагаться выше других, но под корректирующим. Повторите операцию, которую мы выполняли в самом начале примера, — создайте круглое выделение размером 340 х 340 пикселов и поместите его в центр изображения. Выполните команду Select • Modify • Border (Выделение • Изменить • Граница). Величину границы задайте равной 3 пикселам. Залейте получившееся выделение тем же цветом, каким залит центр диска. Затем запустите слоевой эффект Drop Shadow (Внешняя тень). Настройки показаны на рис. 4.102. Кроме того, можно добавить еще эффект Inner Shadow (Внутренняя тень) с теми же настройками (авторы так и поступили). Сведите все слои (Shift+Ctrl+E). Итоговое изображение показано на рис. 4.103.
Глава 4 . Текстуры
:
Drop Shadow Structure
~~"
:
m d M o d f t i JMultipIv
r131
* f ? Use<31оЫtighi
<•.••"
Layer Knocks Out Drop Shadow Рис. 4 . 1 0 1 . Диск после применения фильтра Radial Blur (Радиальное размытие)
Рис. 4.102. Настройки эффекта Drop Shadow (Внешняя тень)
Рис. 4.103. Компакт-диск d j ^ )
4.15. Штрих-код Это очень простой пример, который выполняется мгновенно даже самым неопытным пользователем. Но он позволяет нарисовать то, что используется очень часто в дизайнерской работе, так как достаточно хорошо выражает идеи коммерциализации в лучшем случае и продажности в худшем. Это — штрих-код. Создайте новое изображение (Ctrl+N) в любой цветовой модели. Авторы предпочли RGB. Размеры изображения должны быть небольшими — оптимально 300 х 100 пикселов. Фоновый цвет — белый.
Штрих-код Применим фильтр Add Noise (Добавить шум): Filter • Noise • Add Noise (Фильтр • Шум • Добавить шум) с настройками, показанными на рис. 4.104. Как вы, наверное, уже обратили внимание, создание шума часто встречается в этой главе. Причина проста — это один из лучших способов получить изображение со случайным распределением яркости, которое просто идеально для трансформации в текстуру. Так и сейчас, превратим шум в полосы. Для этого примените фильтр Motion Blur (Размыть в движении) с настройками, показанными на рис. 4.105.
Motion Blur . Reset В Pre
| 400 --• Distribution I Oyrtform 0 gaussian 0 Monochromatic Рис. 4.104. Настройки фильтра Add Noise (Добавить шум)
Q
100%
Q.
Angle: 90
U
П
Distance; 999
i pixels
Рис. 4.105. Использование фильтра Motion Blur (Размыть в движении)
Результат последнего действия уже напоминает штрих-код, однако полосок слишком много, и они слишком тонкие. Это очень легко исправить, увеличив контраст изображения. Для этого подходит несколько инструментов, мы остановили выбор на своих любимых кривых (Curves) (Ctrl+M). Необходимые настройки показаны на рис. 4.106. Если все сделано правильно, то результат будет похож на рис. 4.107. Текстура готова. Однако для большей убедительности нужно выполнить еще два действия. Запустите инструмент Rectangular Marquee (Прямоугольное выделение), выделите фрагмент в нижней части изображения (на этом этапе ориентируйтесь на итоговое изображение) и нажмите клавишу Delete.
Глава 4. Текстуры
Рис. 4.106. Использованная в примере кривая
После этого с помощью инструмента Horizontal Type (Горизонтальный текст) введите в созданной области произвольный набор цифр. Шрифт и размеры подберите на глаз. Возможно, стоит еще применить Brightness/Contrast (Яркость/Контраст) (рис. 4.108). Brightness/Co ntrast
ПИШИ
Рис. 4.107. Работа после увеличения контраста
brightness:: .:•-• : '••'•• ••••. • Contrast:
;+i
W
I3 ! J Г ..L Reset 1 Ereve iw
Рис. 4.108. Настройки Brightness/Contrast (Яркость/Контраст)
Пример выполнен. Готовое изображение показано на рис. 4.109.
•
Рис. 4.109. Штрих-код
4.16. Кристаллы Мы долго думали о том, в какую главу лучше поместить этот пример — про текстуры, природные явления или имитацию объема. Дело в том, что этот пример
Кристаллы тематически может быть в любой из этих глав. Но все-таки выбор пал именно на текстуры, так как реальное его использование лежит в основе создания фона для чего-либо. Мы бы отнесли этот пример к неожиданно интересным простым трюкам. Выполнить его сможет даже самый неопытный пользователь, а результат впечатляет. Создадим новое изображение размером 400 х 400 пикселов в цветовом режиме RGB. Сразу, используя инструмент Paint Bucket (Заливка), залейте его черным цветом. Затем примените фильтр Lens Flare (Блик): Filter • Render • Lens Flare (Фильтр • Освещение • Блик) с настройками, показанными на рис. 4.110. Обратите внимание, что блик должен быть расположен в центре изображения.
Flare Center:
OK Reset
Brightness;
\m
Lens Type ©S0-3OOmra£oom О 25mm Prime О iO5mm Prltie ovie Prime
Рис. 4.110. Диалоговое окно фильтра Lens Flare (Блик)
Теперь с помощью команды Image • Canvas Size (Изображение • Размер холста) увеличим размеры изображения в два раза. Настройки для этой операции показаны на рис. 4.111. Теперь необходимо превратить блик в достаточно большое разноцветное пятно. Для этого идеально подходит фильтр Fresco (Фреска): Filter • Artistic • Fresco (Фильтр • Имитация • Фреска) (рис. 4.112). Работа на этом этапе показана на рис. 4.113. Теперь вы можете понять, зачем было обязательно располагать блик в центре изображения — он вырос многократно и если бы был с краю, просто не поместился бы.
Глава 4. Текстуры
"Current Size; 468,8К ••:
--•-—-
Width: 400 pixels
Height: «O t O pixels • ;••• New See: 1.8ЭЙ |
•
Wjdth:::[800
"
Height: [ i o c i L i
. .
.... .
• Relative
iii pixels
•*! i
H pixels
Щ'
ш
Anchor: i x ; J T :
Canvas extensbri coo lr: I Background §§| Рис. 4 . 1 1 1 . Настройки Canvas Size (Размер холста)
Рис. 4.112. Параметры фильтра Fresco (Фреска)
Рис. 4.113. Изображение после применения фильтра Fresco (Фреска)
Мы дошли до самого главного этапа работы — формирования кристаллов. Для этого мы использовали фильтр Extrude (Выдавливание), который вызывается следующей командой: Filter • Stylize • Extrude (Фильтр • Стилизация • Выдавливание) (рис. 4.114). Кристаллы готовы. Однако они все разноцветные и выглядят совершенно неприглядно. Нам нужно окрасить их в один тон. Авторы предпочли голубой — именно такого цвета обычно бывают всякого рода загадочные кристаллы в художественных фильмах и большинство людей к этому привыкло. Как, наверное, многие уже догадались, для окраски авторы использовали инструмент Hue/Saturation (Тон/Насыщенность) в режиме Colorize (Тонирование) (рис. 4.115).
Кровожадная текстура
' ©Pyramids • IIZK Qepth;
24 1200
Wxeb ]
Okeve*~based
О Random
f~l Mask Incomplete Blocks
i
•
Рис. 4.114. Настройки фильтра Extrude (Выдавливание)
Вы же можете немного поэкспериментировать, создавая кристаллы разного цвета и освещенности. Пример выполнен полностью (рис. 4.116). Hue/Saturation
Hue: Saturation: lightness:
Рис. 4.115. Настройки Hue/Saturation (Тон/Насыщенность)
Рис. 4.116. Кристаллы
4.17. Кровожадная текстура Основной областью применения текстур является трехмерная графика, в том числе проектирование моделей для компьютерных игр. А современные игры, особенно «ходилки-стрелялки», как известно, изобилуют кровавыми сценами. В этом примере мы попробуем нарисовать что-то на вид достаточно отвратительное, больше всего напоминающее внутренности какого-нибудь монстра. Авторам пример очень нравится, мы бы его отнесли к лучшим в книге. И дело, конечно же, не в том, что мы очень кровожадные, а в том, что в этом трюке, как ни в каком другом, видно, что если знать как, то можно получить очень интересный результат, затратив минимум усилий. Создайте изображение (Ctrl+N) в цветовом режиме RGB размером 400 х 400 пикселов. Фон сразу залейте черным цветом.
Глава 4 . Текстуры Основная работа в этом примере будет сделана инструментом Gradient (Градиент) Выберите готовый вариант Foreground to Transparent (От цвета переднего плана к прозрачному), остальные настройки показаны на рис 4 117
—Ы Рис. 4.117. Настройки градиента
Установите в качестве основного цвета (Foreground Color) ярко-красный (R255 GO ВО). Затем нарисуйте инструментом Gradient (Градиент) две полосы разной толщины, как показано на рис. 4.118. Сделать это очень просто - вы представляв те как должна идти полоса, и проводите градиентом, удерживая лев'ую кнопку ВСП0М0Гательн ю линию Лин™'. У > по длине соответствующую толщине будущей Т0Г0 КЭКК Р а С Н Ы е П
Л0СЫ С
ЗДаНЫ
0ТК
йте
™гп^ ° ° ' Р° окно Color Picker (Цветовая палитра) для основного цвета (щелкнув на нем на палитре инструментов) и увеличьте значение параметра Hue (Тон) до 50. Цвет изменится на желтый. Точно так же как это было с красным, нарисуйте две полосы разной толщины. Повторите это действие также для следующих значений Hue (Тон): 100, 150, 200 250 и 300. Старайтесь располагать полосы таким образом, чтобы они распределялись по изображению равномерно. Р^аределя Результат после этого шага показан на рис. 4.118. Создайте новый слой (Shift+Ctrl+N). Повторите действия, которые были произведены для первого слоя. Конечно же, не нужно повторять расположение полос и их 0 Р 0 Т Д ЛЖеН Л И аэто "Г : / 3 ° б тем ' Э Т 0 Т С Л ° Й получится ° ° Трезультат. ™ о т п^воп,, и чем больше будет отличие, качественнее
MnH™rpOJIOC И З М 6 Н И Т е Д Л Я ВТОРОГ ° С Л ° Я Н а П а л и т Р е 1 а У е Г 5 (Слои) режим g Mode (Режим наложения) на Difference (Разность). Объедините слои (Ctrl+E). Результат будет похож на рис. 4.119.
Рис. 4 . 1 1 8 . Первый слой с полосами
Рис. 4.119. Два слоя с полосами
Кровожадная текстура Придадим нашей работе кровавый цвет. Как вы уже убедились, лучший инструмент для этого — Hue/Saturation (Тон/Насыщенность): Image • Adjustments • Hue/ Saturation (Изображение • Настройки • Тон/Насыщенность) (рис. 4.120). Если все сделано правильно, то после этого шага работа выглядит уже весьма устрашающе (рис. 4.121).
Hue/Saturation
Рис. 4.120. Настройки Hue/Saturation (Тон/Насыщенность)
Рис. 4 . 1 2 1 . Изображение после применения Hue/Saturation (Тон/Насыщенность)
Придадим «сосудам» большую «сочность», чтобы усилить полученный эффект. Примените фильтр Plastic Wrap (Целлофановая упаковка): Filter • Artistic • Plastic Wrap (Фильтр • Имитация • Целлофановая упаковка) с настройками, показанными на рис. 4.122. Затем дублируйте слой, перетащив его на значок в виде белого листа бумаги на палитре Layers (Слои). На новом слое нужно изменить значение параметра Blending Mode (Режим наложения) на Overlay (Перекрытие). Готовое изображение показано на рис. 4.123.
1
OK . .с Reset Pa lsc ti Wa rp Hg ih g ilht Strength Detali Smooh tness Рис. 4.122. Параметры фильтра Plastic Wrap (Целлофановая упаковка)
Рис. 4.123. Кровожадная текстура i
Глава 4. Текстуры
4.18. Сгусток плазмы Этот пример демонстрирует решение одной из наиболее актуальных проблем Photoshop — получения круглых и кольцеобразных объектов с краями очень сложной формы. Мы будем рисовать сгусток плазмы. Создайте новое изображение размером 400 х 400 пикселов в цветовом режиме RGB. Сразу нужно залить его черным цветом. Создайте новый слой (Shift+Ctrl+N). Запустите инструмент Rectangle (Прямоугольник), установите в панели параметров режим Fill pixels (Заполненная область) и нарисуйте белый прямоугольник (рис. 4.124).
Рис. 4.124. Созданный прямоугольник
Применим к созданному прямоугольнику фильтр Wind (Ветер): Filter • Stylize • Wind (Фильтр • Стилизация • Ветер) с настройками, показанными на рис. 4.125. Если действие окажется маловыраженным, то повторите применение фильтра нажатием сочетания клавиш Ctrl+F. Снова используем фильтр Wind (Ветер), но изменив Direction (Направление) на From the Left (Ветер слева). Здесь также может понадобиться повторить использование плагина. Поверните слой с прямоугольником на 90°: Edit • Transform • Rotate 90° CW (Редактирование • Трансформирование • Повернуть на 90° по часовой стрелке). Запустите фильтр Motion Blur (Размыть в движении): Filter • Blur • Motion Blur (Фильтр • Размытие • Размыть в движении) и задайте параметры, показанные на рис. 4.126. Переходим к самому главному этапу. Именно следующий фильтр позволяет создавать круглые формы из прямоугольных. Это — Polar Coordinates (Полярные координаты). Установите настройки, как на рис. 4.127. В результате получится дуга. Из нее нужно сделать окружность. Это совсем просто. Дублируйте слой, перетащив его на палитре Layers (Слои) на значок с изображением белого листа бумаги. Затем запустите инструмент Free Transform (Свободное трансформирование) для нового слоя и разверните его так, чтобы получилось что-то похожее на рис. 4.128. Сведите два верхних слоя (Ctrl+E).
Сгусток плазмы
Motion Blur
Рис. 4.125. Настройки фильтра Wind (Ветер)
Рис. 4.126. Параметры фильтра Motion Blur (Размыть в движении)
Polar Coordinates
Reset
Э
5 0 %
г ..;
} £ectangu!er to Polar
Рис. 4.127. Диалоговое окно фильтра Polar Coordinates (Полярные координаты)
Рис. 4.128. Готовый «плазменный круг»
Сейчас нам нужно окрасить полученное изображение так, чтобы оно стало похоже на то, что большинство людей представляет себе при слове «плазма». Для этого примените слоевой эффект Outer Glow (Внешнее свечение): Layer • Layer Style • Outer Glow (Слой • Стиль слоя • Внешнее свечение). Использованные авторами параметры показаны на рис. 4.129.
Глава 4 . Те кету р ы Outer blow . : &
:
&щ он
Tecbn.gue
Sorter
:
serajdi , 4
'
Я»: О
V :.. '•
Рис. 4.129. Параметры фильтра Outer Glow (Внешнее свечение)
Дублируйте слой с кольцом еще дважды и, предварительно уменьшив слои с помощью Free Transform (Свободное трансформирование) (Ctri+T), поместите один внутрь другого (на этом этапе можно ориентироваться на итоговое изображение). Сведите все слои (Shift+Ctrl+E). Добавим последний штрих, который свяжет все в одно целое: Filter • Render • Lens Flare (Фильтр • Освещение • Блик) (рис. 4.130). Готовое изображение показано на рис. 4.131.
Рис. 4.130. Настройки фильтра Lens Flare (Блик)
Рис. 4 . 1 3 1 . Сгусток плазмы i
Глава 5
Имитация природных явлений • • • • • • •
Восход солнца Закат солнца Радуга Дождь Туман Молния Засыпаем пустыню снегом • Делаем из дня ночь
• • • U • • LJ
Отражение в воде Наращиваем небо Взрыв и огонь Солнце Солнечное затмение Рисуем космос Осенняя листва
Глава 5. Имитация природных явлений
5 . 1 . Восход солнца Подберите изображение, с которым вы будете работать. Обратите внимание на то, что фотография должна быть совместима с картиной восхода. Под совместимостью здесь понимается отсутствие солнца в зените и луны, достаточное пространство, а также ряд других факторов. Мы остановили свой выбор на изображении, представленном на рис. 5.1.
.
Рис. 5 . 1 . Исходное изображение <^)
Прежде всего займемся небом. Нужно отделить его от всего остального. Для решения этой задачи Photoshop предлагает нам достаточно много вариантов. Если бы на изображении не было пальмы, то проще всего было бы воспользоваться одним из стандартных инструментов выделения. Но в данном случае они малоприменимы — слишком сложный контур имеют листья дерева, обвести их почти невозможно. Однако нам немного повезло в том, что на небе нет облаков и оно однотонное. Можно использовать выделение по цветовому признаку: Select • Color Range (Выделение • Цветовой диапазон). Щелкните мышью на любой области неба, остальные использованные настройки показаны на рис. 5.2. Затем нужно немного расширить созданное выделение, чтобы в него попали отдельные пикселы неба, невыделенные на предыдущем шаге работы. Для этого выполним команду Select • Modify • Expand (Выделение • Изменить • Расширить) со значением 1. Выделение неба готово. Для утреннего неба тому, что у нас, не хватает свежести и сочности в оттенках. Исправим это с помощью команды Image • Adjustments • Hue/Saturation (Изображение • Настройки • Тон/Насыщенность) с настройками, показанными на рис. 5.3. Работа после этого шага показана на рис. 5.4 (заодно сравните, так ли в вашем варианте выглядит выделение).
Восход солнца Color Range ..ОК.. Reset
Divert
© Selection 01щаде i Preview: j None
Рис. 5.2. Настройки Color Range (Цветовой диапазон) Hue/Saturation • Edit: I Master
OK 1 Reset 1 Load,,,"
Saturation:
Save,.,
Dcgtortee ;0Pjeview
Рис. 5.З. Настройки Hue/Saturation (Тон/Насыщенность)
lllll •111
\Щ 1
. |". л .
\
if
v:'
щ
Ш
mm Рис. 5.4. Изображение с выделением
Глава 5. Имитация природных явлений Теперь можно заняться непосредственно восходом. Создайте новый слой, нажав сочетание клавиш Shift+Ctrl+N. Обратите внимание на то, что созданное ранее выделение должно оставаться активным. Запустите инструмент Gradient (Градиент) в режиме Radial (Радиальный). Откройте Gradient Editor (Редактор градиентов) и создайте новый образец, представляющий собой переход от светло-желтого цвета (мы остановились на оттенке со значениями R255, G255, В228) к прозрачности. Залейте им небо, поместив центр в точке предполагаемого нахождения солнца. Наш вариант можно видеть на рис. 5.5.
i l l
Рис. 5.5. Первый намек на восход
Теперь нарисуем сам солнечный диск. Для этого сделайте активным абсолютно белый цвет и запустите инструмент Brush (Кисть), выбрав кисть с мягкими краями. Нарисуйте круг. Благодаря тому, что солнце не может быть видно четко, это будет просто сделать даже начинающим пользователям Photoshop. Результат этого шага показан на рис. 5.6.
Рис. 5.6. Солнце готово
Восход солнца На этом работа с небом окончена. Непритязательные читатели могут посчитать и пример законченным, но это не так. Все, что находится на земле, особенно здания, недостаточно хорошо освещены для раннего утра. Это нужно исправить. Инвертируем выделение, нажав Shift+Ctrl+I. Теперь мы можем работать со всем, кроме неба. Для начала повысим насыщенность цветов с помощью Image • Adjustments • Hue/Saturation (Изображение • Настройки • Тон/Насыщенность) с настройками, показанными на рис. 5.7. Hue/Saturation
O K eset I 1 R oad, 1 1L гSave.1
^
Edit: ] Master Hue:
Ш
Saturation;
! +20 •
Lightness:
I
•
•
•
:
'
>
10
Рис. 5.7. Настройки Hue/Saturation (Тон/Насыщенность)
Затем добавим контраст. Для этого отлично подходит инструмент Brightness/ Contrast (Яркость/Контраст) из той же группы Adjustments (Настройки). Использованные авторами настройки показаны на рис. 5.8. Bright ness/Cont rest grl^thess:
~"Q
OK
Contrast: Рис. 5.8. Настройки Brightness/Contrast (Яркость/Контраст)
Результат нашей работы на этом этапе можно видеть на рис. 5.9. Остался один нюанс. Пальма на переднем плане очень ярко освещена, чего не может быть, так как солнце только всходит позади нее. Именно такие мелочи обычно выдают непрофессиональные фотомонтажи, а временами даже дорогостоящие работы специалистов грешат подобными недоделками. Мы же обратили внимание на пальму и сейчас будем это исправлять.
Глава 5. Имитация природных явлений
Рис. 5.9. Пейзаж заметно повеселел
Для начала нужно ее выделить. И снова подойдет окно Color Range (Цветовой диапазон), которое мы уже использовали в начале примера. Используйте его с настройками, показанными на рис. 5.10 (разумеется, при этом нужно щелкнуть на дереве курсором в виде пипетки). Color Rang"
• Select:! if Sampled Colors Fuzziness;?
Selection Preview: None Рис. 5.10. Настройки Color Range (Цветовой диапазон) для выделения пальмы
Уберем лишнюю освещенность и насыщенность цветов пальмы с помощью все того же замечательного средства Hue/Saturation (Тон/Насыщенность) с настройками, которые можно видеть на рис. 5.11. На этом пример выполнен (рис. 5.12). Мы получили качественный и реалистичный восход солнца, который любой несведущий в компьютерной графике человек воспримет как настоящий.
Закат солнца Hue/Saturation
••• Edit:; Master Hue: Sgtura •.-•
U
—
g
,
"
h
—
%
.
t
.
n
.
\о
i
i ?• • • '• •.;.,............: '. ••• i
(
t
e
n
3
s
s
:
:
.
_
LJCgoras'-
Рис. 5 . 1 1 . Настройки Hue/Saturation (Тон/Насыщенность) для уменьшения яркости пальмы
Рис. 5.12. Восход солнца &£)
5.2. Закат солнца В предыдущем примере мы рисовали восход солнца. В этом попробуем сделать обратное — нарисовать закат. В принципе, технология работы будет похожа, различия скорее в нюансах, чем в сути. Сначала нужно правильно подобрать фотографию. На ней не должно быть видно солнца, она не должна быть слишком яркой. Наш вариант можно видеть на рис. 5.13. Выделим небо. Как и в примере про имитацию восхода, для этого отлично подходит инструмент выделения по цветовому признаку Color Range (Цветовой диапазон): Select • Color Range (Выделение • Цветовой диапазон). Примененные авторами настройки показаны на рис. 5.14.
Глава 5. Имитация природных явлений
Рис. 5.13. Исходное изображение i
Рис. 5.14. Настройки Color Range (Цветовой диапазон)
Так как цвет неба достаточно близок к цвету развалин, после использования Color Range (Цветовой диапазон) часть их может попасть в выделение. Исправить это можно инструментом Lasso (Лассо) с нажатой клавишей Alt. В итоге выделение должно точно повторять контуры неба (рис. 5.15).
Рис. 5.15. Выделение должно захватывать только небо
Закат солнца Создайте новый слой (Shift+Ctrl+N). Запустите инструмент Gradient (Градиент) в режиме Linear (Линейный). Нам необходим новый образец, поэтому сразу откройте Gradient Editor (Редактор градиентов). Вы должны повторить градиент, который представлен на рис. 5.16. Так как все иллюстрации продублированы в цвете на прилагаемом к книге компакт-диске, приводить значения RGB каждого использованного цвета мы не станем. Просто подберите похожие на те, которые вы видите, этого будет вполне достаточно.
Gradient Editor Presets •••
tjame: : j Custom Gradient Iype: Solid
v
Smoothness: jloc
location:; Ш
Рис. 5.16. Настройки градиента
Примените только что созданный градиент к небу. Наш вариант представлен на рис. 5.17. Теперь займемся рисованием самого солнца. Создайте новый слой, нажав сочетание клавиш Shift+Ctrl+N. Затем запустите инструмент Elliptical Marquee (Эллиптическое выделение) и создайте выделение, по размерам чуть меньше будущего светила. Залейте выделение белым цветом, используя команду Fill (Залить). Снимите выделение и для смягчения контуров солнца примените фильтр Gaussian Blur (Размытие по Гауссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу) с настройками, показанными на рис. 5.18. Результат можно видеть на рис. 5.19.
Глава 5. Имитация природных явлений
Gaussian Blur
Reset 0 Preview
Radius;
Рис. 5.17. Работа после наложения градиента
pixels
Рис. 5.18. Настройки фильтра Gaussian Blur (Размытие по Гауссу)
Рис. 5.19. Солнце нарисовано с помощью градиента
Закат солнца Работа практически выполнена. Единственное, что осталось сделать, — немного откорректировать цвета изображения и его контрастность, чтобы усилить тени. Мы для решения этой задачи воспользуемся инструментом Levels (Уровни): Image • Adjustments • Levels (Изображение • Настройки • Уровни) (рис. 5.20).
-Qiannehi RGB
O K) Resetи Load,. I сSave,. L^uto..j tins, 1Opo
Д!:
Input Levels: [ 14 11,00 1]~218
L
1
Output Levels: i 0
j 255
В Preview!
Рис. 5.20. Настройки Levels (Уровни)
Эффект выполнен (рис. 5.21). Получилось очень даже реалистично, не правда ли?
•
:••• .
Рис. 5 . 2 1 . Закат солнца ( ^
.
:
- . - . •
•
• •
•
••• •
••
Глава 5. Имитация природных явлений
5.3. Радуга Радуга — одно из самых прекрасных природных явлений. Ни один человек не остается равнодушным, когда после летнего дождя видит в небе разноцветную арку. Поэтому использование радуги — это один из наиболее распространенных приемов в дизайне рекламы. Но что делать, если у вас нет фотографии с радугой или те, что есть, абсолютно не подходят? Оказывается, ее совсем не трудно нарисовать самим, причем достаточно реалистично. Не верите? Посмотрите итоговую иллюстрацию этого примера. Приступим к работе. Прежде всего подберите подходящую фотографию. Она не должна быть слишком темной, небо должно быть хорошо видно и, желательно, без облаков. Но облака не являются большой преградой, так как нет ничего проще, чем превратить облачное небо в ясное. Для этого достаточно выделить с помощью инструментов выделения или маскирования участки неба и залить все синим градиентом. Вариант, выбранный авторами, показан на рис. 5.22.
Рис. 5.22. Исходное изображение &£) Чтобы получить изображение радуги, нужно ответить на два вопроса: как создать подходящий градиент и как его правильно наложить? При создании радуги использование градиента напрашивается само собой. Радуга, по сути, и есть природный градиент очень широкого спектра цветов. Мы, конечно,
Радуга не станем передавать их все, так как в этом нет необходимости, но все же основные цветовые составляющие придется вспомнить. Нам нужен новый слой (Shift+Ctrl+N). С помощью инструмента Gradient (Градиент) создайте новый образец. Настройки приведены на рис. 5.23, но все же прокомментируем их. Мы будем использовать радиальный градиент (Radial). Так как радиус наложения градиента будет большим, а цветовая составляющая радуги занимает на нем достаточно узкую полоску, то в результате применения мы получим естественную аркообразную радугу.
:: yarne; j Custom - Gradient lyps:! Solid Smpothness:" 100 > , %
Stops Color;
Location; i
Рис. 5.23. В основе радуги — новый градиент
Может возникнуть вопрос, почему, кроме черных ползунков, применяется всего пара других? Дело в том, что градиент — это переход цвета, и под каждым ползунком скрывается достаточно большое количество оттенков. Это и придает эффекту реалистичность. В результате слой с градиентом должен принять вид, показанный на рис. 5.24. Теперь необходимо отделить «радугу» от лишнего — красной и фиолетовой областей. Для этого можно воспользоваться любым инструментом выделения. Авторы применили Elliptical Marquee (Эллиптическое выделение). Сначала нужно выделить внешний контур радуги (для удобства при этом можно нажать клавишу Shift). А затем, предварительно нажав Alt, исключите из выделения фиолетовую область. В результате вы должны получить то, что показано на рис. 5.25.
Глава 5. Имитация природных явлений
••••
:.
• :
Й1Ц111 lillil.: iiillf ; i
•
Itlil
I
•
I
I
I
•
•
.
-
.
•
•
• : • • '
i
i
i
""
" •
-•
••
-
•
-
•
•••:•••:•••:.
.•
; • • : ; • •
••
•••
•
•
•
•
• • .
:
Рис. 5.24. Слой с созданным градиентом
Рис. 5.25. Выделение вокруг будущей радуги
Инвертируем созданное выделение, нажав сочетание клавиш Shift+Ctrl+I. Затем удалите все лишнее (Delete). Изображение примет вид, показанный на рис. 5.26. Теперь выделение можно убрать (Ctrl+D).
Рис. 5.26. Заготовка для радуги на изображении
Но, разумеется, радуга не может иметь таких резких границ, как у нас сейчас. Мы бы могли этого не допустить, если бы до удаления лишнего со слоя с градиентом применили к выделению команду Feather (Растушевка). Однако следующее действие позволяет получить тот же самый результат, но еще более качественный и реалистичный. Примените фильтр Gaussian Blur (Размытие по Гауссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу) с настройками, показанными на рис. 5.27. Теперь важно поместить слой с градиентом таким образом, чтобы та его часть, которая находится «в небе» и будет радугой, смотрелась реалистично и гармонично. Авторы рекомендуют для выполнения этой операции воспользоваться инструментом Free Transform (Свободное трансформирование). Данный вариант хорош тем, что вы можете не только передвинуть слой, но и изменить размеры радуги или немного повернуть ее (рис. 5.28).
Радуга Gaussian Blur
Sadius; I Ш
i pixels
Рис. 5.27. Применяем фильтр Gaussian Blur (Размытие по Гауссу)
Сейчас нам нужно удалить часть градиента, который находится не в небе. Сложность заключается в том, что изображение в том месте, где радуга «входит в землю», содержит сложный контур гор и просто ластиком мы его не повторим (точнее, это будет очень сложно и неоправданно долго). Поэтому переключитесь на слой с пейзажем и запустите инструмент Magnetic Lasso (Магнитное лассо). С его помощью повторите неровности рельефа, как показано на рис. 5.29 (оставшуюся часть выделения можно выполнить произвольно, главное, чтобы в него вошла часть радуги, которую нужно удалить).
Рис. 5.28. Free Transform (Свободное трансформирование) — отличный выбор для подгонки радуги под изображение
Рис. 5.29. С помощью Magnetic Lasso (Магнитное лассо) нужно повторить контур гор
Теперь осталось совсем немного. Снова переключитесь на слой с градиентом и нажмите клавишу Delete, чтобы удалить все лишнее. Затем на палитре Layers (Слои) измените значение настройки Opacity (Непрозрачность) на 30-50%.
Глава 5. Имитация природных явлений На этом пример выполнен (рис. 5.30). Получилось вполне реалистично, не правда ли?
Рис. 5.30.
5.4. Дождь В компьютерной графике нам чаще всего приходится приспосабливаться. Мы проводим долгие часы в поисках исходного материала, пытаясь найти что-то такое, с чем было бы поменьше работы. И, как оказывается, тратим на поиски гораздо больше времени, чем понадобилось бы для обработки даже не очень хорошего изображения. Смысл этого раздела в том, чтобы показать вам, что непосильных задач нет. Даже то, что кажется сложным или невыполнимым, в результате сводится к нескольким элементарным операциям. Но в этом и состоит талант пользователя — уметь понять, как сделать ту или иную, на первый взгляд, непосильную вещь элементарным способом. Сейчас из обычного дня мы сделаем дождливую непогоду. Как бы невероятно это ни звучало, с помощью данного графического редактора вся работа займет не более пяти минут. Итак, если фотографии вы подобрали, можно приступать. Наш вариант представлен на рис. 5.31. Перейдите в меню Layer (Слой) и создайте новый слой: Layer • New • Layer (Слой • Создать > Слой) (Shift+Ctrl+N). Для удобства назовем его Дождь. Залейте этот слой черным или белым цветом (дело вкуса, технически не имеет значения).
Дождь
Рис. 5.31. Исходное изображение (£) Примените к данному слою фильтр Add Noise (Добавить шум): Filter • Noise • Add Noise (Фильтр • Шум • Добавить шум). Установите флажок Monochromatic (Монохромный) (рис. 5.32). Этот параметр реализует шум в серых тонах, в отличие от простого шума, в котором пикселы случайным образом распределяются по разным цветовым каналам. Установите большую силу действия данного фильтра (Amount (Эффект)), остальные параметры значения не имеют. В результате процентное соотношение белого и черного цветов на изображении будет примерно 50/50, поэтому цвет первоначальной заливки и не был важен. Чтобы придать этой массе разрозненных точек форму струй дождя, воспользуйтесь фильтром Filter • Blur • Motion Blur (Фильтр • Размытие • Размыть в движении). Наклон и силу действия установите по своему усмотрению. Все зависит от того, какой дождь вам нужен (летний грибной или ураганный). Наши настройки приведены на рис. 5.33. Переведите слой Дождь в режим Screen (Осветление), воспользовавшись свойствами наложения пикселов слоя — Blending Options (Параметры наложения). Это позволит убрать черные полосы. Чтобы струи стали тоньше, можно настроить яркость изображения с помощью уровней яркости: Image • Adjustments • Levels (Изображение • Настройки • Уровни) (сочетание клавиш Ctrl+L) (рис. 5.34). Чем ближе вы установите белый и черный маркеры, тем тоньше будут струи дождя.
Глава 5. Имитация природных явлений
Motion Blur QK Reset 0 Preview
i
l
l
lilliii
lie • Ange l:! -63 Cfetance; j 44
Рис. 5.33. Фильтр Motion Blur (Размыть в движении)
Рис. 5.32. Настройки фильтра Add Noise (Добавить шум)
Щг~:
Channel: | RGB Input Levels: i 88
j Jlffii i Г190
•
i pxiesl
f
ок
i
Reset Load,,. . Save,,,
Qjtput Levels: j 0
[ 255 В Preview
Рис. 5.34. Уровни яркости для данного примера
Теперь можно добавить немного мрачности небу, если есть необходимость. В этом может помочь старый прием, который уже описывался ранее. Создайте еще один слой (Shift+Ctrl+N). Выберите инструмент Gradient (Градиент), цвета установите черный и белый, тип градиента — линейный. Темная часть градиента должна располагаться сверху, а светлая снизу. Двойным щелчком мышью на данном слое на палитре Layers (Слои) откройте окно Layer Style (Стиль слоя), выберите в нем режим Multiply (Умножение), после чего подкорректируйте прозрачность (Trans-
Туман parency). Можно поместить данный слой под слой Дождь, впрочем, это остается на ваше усмотрение. То, что у нас получилось, показано на рис. 5.35.
л
ч
Рис. 5.35. Дождь
Если же ваше изображение все еще остается слишком ясным и ярким, то вы можете исправить это с помощью корректирующего слоя. Щелкните мышью на кнопке с изображением черно-белого круга на палитре слоев и в появившемся меню выберите пункт Hue/Saturation (Тон/Насыщенность). Подкорректировав параметры Saturation (Насыщенность) и Brightness (Яркость), вы добьетесь желаемого результата.
5.5. Туман Начать создание данного эффекта нужно с поиска подходящей иллюстрации. Рекомендуем выбрать пейзаж. Лучше, если на нем будет река или озеро. На рис. 5.36 представлено исходное изображение, использованное нами. Если исходная картинка слишком яркая, то это следует исправить с помощью команд Hue/Saturation (Тон/Насыщенность) или Brightness/Contrast (Яркость/Контрастность) из раздела меню Image • Adjustments (Изображение • Настройки). Создайте новый слой: Layer • New • Layer (Слой • Создать • Слой) (Shift+Ctrl+N). Данный слой будет корректирующим, то есть предметных изменений в изображение он не внесет, однако повлияет на общий вид иллюстрации.
Глава 5. Имитация природных явлений Установите основные цвета по умолчанию, нажав клавишу £
e
=
p
K
Рис. 5.36. Исходное изображение
Рис. 5.37. Корректирующий слой
S
S
S
S
плаS
Туман Чтобы исправить получившийся результат, измените режим наложения пикселов этого слоя с Normal (Обычный) на Screen (Осветление). Благодаря этому все темные места станут прозрачными, а белые останутся без изменения. Если изображение стало слишком белым, то уменьшите непрозрачность слоя до 30-50 %. Создайте еще один слой, щелкнув мышью на кнопке с изображением чистого листа, расположенной на палитре Layers (Слои), либо нажав сочетание клавиш Shift+Ctrl+N. Вспомним некоторые свойства тумана, которые мы должны передать. Чем он дальше, тем он более непрозрачный и густой. Идеальный инструмент для передачи этого свойства — градиент. В данном случае градации должны быть от черного цвета к белому. Выберите Gradient (Градиент) на палитре инструментов (клавиша, позволяющая сделать этот выбор с клавиатуры, — G). Нужно применить градиент таким образом, чтобы самая светлая часть находилась там, где ей необходимо быть по логике. В свойствах слоя установите режим наложения Screen (Осветление) и настройте непрозрачность слоя. Результат представлен на рис. 5.38.
Рис. 5.38. Изображение после применения фильтра Clouds (Облака) и градиента
Сейчас мы уже имеем некое подобие тумана. Чтобы улучшить изображение, придется пойти несколько трудоемким путем. Возьмите инструмент Brush (Кисть), включив при необходимости его модификацию Airbrush Capabilities (Возможности аэрографа), в качестве основного цвета выберите белый и нарисуйте несколько линий, желательно размещенных несимметрично (примерно так, как на рис. 5.39). Это будет основа. Но, разумеется, туман не может образовывать настолько ровные формы. Реалистичность можно придать следующим образом: выделяйте небольшие
Глава 5. Имитация природных явлений кусочки линий и применяйте к ним фильтр Twirl (Скручивание) из группы Distort (Искажение) (рис. 5.40) или фильтр Liqufy (Разжижение). Чтобы ослабить туман там, где нет воды, в данном случае можно применить маску слоя (рис. 5.41).
Рис. 5.39. Линии, образующие туман
i
i
i
О
Ange l Рис. 5.40. Диалоговое окно фильтра Twirl (Скручивание)
Рис. 5 . 4 1 . Применение маски слоя
Теперь перейдите к общему размытию. Мы советуем выполнить его с помощью фильтра Motion Blur (Размыть в движении). В параметрах укажите ориентацию
Молния снизу вверх, а силу — на свое усмотрение. Если этого окажется недостаточно, то можно также воспользоваться простым размытием. В результате изображение должно стать похожим на то, которое представлено на рис. 5.42.
Рис. 5.42.Туман
5.6. Молния Большинство примеров в этой книге основано на оригинальных технологиях, и выполнить их может даже пользователь, у которого полностью отсутствуют художественные способности. Этот эффект является редким исключением. Хотя и немного, но здесь придется приложить собственное умение рисовать. Не забывайте, что, в отличие от бумаги, в Photoshop всегда есть возможность отменить неудачные действия, и все получится. Создайте новый документ средних размеров (около 500 х 500 пикселов) в цветовом режиме RGB. Он должен быть залит абсолютно черным цветом. Запустите инструмент Gradient (Градиент). Создайте новый радиальный градиент, состоящий из двух компонентов: темно-синего цвета (авторы остановились на цвете R57, G61, В98) и прозрачности. Примените его от верхнего правого угла, как показано на рис. 5.43. Повторите это действие, изменив основной цвет на более светлый оттенок (скажем, R105, G105, В151) с меньшим радиусом. В результате мы получим заготовку ночного неба (рис. 5.44).
Глава 5. Имитация природных явлений
Рис. 5.43. Первый градиент
Рис. 5.44. Второй градиент
До того как мы непосредственно займемся молнией, нужно нарисовать набросок облаков, чтобы было проще решать композиционные вопросы ее размещения. Сделать это очень просто. Создайте новый слой (Shift+Ctrl+N). Запустите инструмент Brush (Кисть), выбрав кисть средней твердости. Подобрав диаметр (он зависит от размеров изображения), повторите то, что показано на рис. 5.45. Разумеется, эти линии не очень напоминают ночные облака. Исправить это можно немного их размыв. Авторы воспользовались самым удобным для подобных задач инструментом — фильтром Gaussian Blur (Размытие по Гауссу): Fitter • Blur • Gaussian
Молния Blur (Фильтр • Размытие • Размытие по Гауссу) с настройками, показанными на рис. 5.46.
Рис. 5.45. Заготовка для будущих облаков Gaussian Blur "• .,.-4..
1
.;'
c:
vv i
•
!
i :
;t
A„ } -;
:\i SS
3.!
•
1
; :
« m
•
\: 1
• ;
s.
•••:
>
№ •пи
"ОС "Л Radius:
Reset
:
S
••;•
}-
:S ; ш
•: ..
i,-
• :
•1 i
i: "К: В •
< ш
• :
К
•
Щ
JLJC «^&
ii
« ! pixels
Рис. 5.46. Параметры фильтра Gaussian Blur (Ра.^ытие по Гауссу)
Облака пока можно оставить в покое, к ним мы вернемся в конце примера. Займемся молнией. Создайте новый слой (Shift+Ctrl+N). Запустите инструмент Brush (Кисть) и, назначив белый цвет основным, нарисуйте то, что показано на рис. 5.47. Это будет нелегко, так как главное для реалистичности эффекта — повторение мелкого дрожания разряда. Скорее всего, придется повозиться, но это будет хорошей школой рисования. Намного проще будет тем читателям, которые являются счастливыми обладателями графических планшетов.
Глава 5. Имитация природных явлений
Рис. 5.47. Молнию придется рисовать вручную
Затем создайте еще один слой (Shift+Ctrl+N), сразу изменив на палитре Layers (Слои) значение настройки Opacity (Непрозрачность) на 50 %. Нарисуйте на нем еще несколько ветвей молнии, но уже значительно тоньше тех, которые уже есть. Придадим молнии свечение. С появлением в Photoshop слоевых эффектов это стало заметно проще. Примените стиль слоя Outer Glow (Внешнее свечение): Layer • Layer Style • Outer Glow (Слой • Стиль слоя • Внешнее свечение) с настройками, которые показаны на рис. 5.48.
Рис. 5.48. Настройки Outer Glow (Внешнее свечение)
Скопируем настройки этого слоя: Layer • Layer Style • Copy Layer Style (Слой • Стиль слоя • Копировать стиль слоя). Затем переключитесь на второй слой с молнией и выполните команду Layer • Layer Style • Paste Layer Style (Слой • Стиль слоя • Вставить стиль слоя), чтобы добавить свечение и тонким ветвям молнии.
Молния Результат этих действий показан на рис. 5.49.
Рис. 5.49. Молния со свечением
Однако свечение все еще не выглядит достаточно реалистично. Попробуем это исправить. Откройте палитру Layers (Слои) и дублируйте первый слой с молнией, перетянув его на кнопку в виде белого листа бумаги. Дубликат должен находиться ниже оригинала, поэтому переместите его. Затем дважды щелкните левой кнопкой мыши на пиктограмме в виде буквы f на новом слое и внесите в настройки эффекта слоя Outer Glow (Внешнее свечение) изменения, показанные на рис. 5.50. Ooler (How «mctui-e Blend Modet i Screef Opacity;
© •
о
Element* :
Technigj»! fiofter
Щ&
Рис. 5.50. Настройки добавления желтого свечения
На этом молния готова. Немного исправьте вид облаков, которые мы рисовали в начале примера, с помощью инструмента Eraser (Ластик), удалив те фрагменты,
Глава 5. Имитация природных явлений которые не могут быть видны из-за яркого свечения молнии. Итоговое изображение показано на рис. 5.51.
Рис. 5.51. Молния
5.7. Засыпаем пустыню снегом Подберите фотографию, с которой вы будете работать. У нас выбрано, на первый взгляд, абсолютно неподходящее изображение гор под палящими лучами солнца (рис. 5.52). Что может связывать этот жаркий пустынный пейзаж с холодной зимой? Но стоит проявить немного терпения — и горы покроются снегом, а от пустыни не останется и следа.
Рио. 5.52. Исходное изображение <*^р
Засыпаем пустыню снегом Прежде всего нам нужно выделить области, которые будут засыпаны снегом. Это было бы очень сложно, если бы мы работали с изображением, содержащим множество объектов разной цветовой гаммы. Здесь же все проще, так как пустыня и горы имеют примерно одинаковый цвет. Поэтому выделять мы будем именно по принципу схожести цветов инструментом Color Range (Цветовой диапазон): Select • Color Range (Выделение • Цветовой диапазон). Щелкните курсором в виде пипетки на наиболее типичном месте пустыни и подберите такие настройки, при которых выделяются те области, которые должны быть засыпаны снегом. Авторский вариант показан на рис. 5.53.
Рис. 5.53. Выделяем пустыню с помощью Color Range (Цветовой диапазон)
При этом будет намного удобнее работать, если в диалоговом окне Color Range установить Selection Preview (Просмотр выделения) в режим Grayscale (Полутоновое). В результате выделенные области будут отображаться как белые, а невыделенные — как черные. Просмотрите выделение внимательно уже в обычном режиме «бегущих муравьев». Если в него попадают области, на которых снега быть не может, то исключите их из выделения. Создайте новый слой (Shift+Ctrl+N). Залейте выделение на нем любым подходящим для снега цветом (рис. 5.54). После этого выделение можно снять (Ctrl+D), оно больше не понадобится.
Глава 5. Имитация природных явлений Для увеличения реалистичности снега над ним нужно поработать. Для начала размойте его с помощью фильтра Gaussian Blur (Размытие по Гауссу)- Filter • Blur • Ga ussian Blur (Фильтр • Размытие • Размытие по Гауссу). Авторы использовали настройки, показанные на рис. 5.55.
•
Рис. 5.54. Изображение после заливки выделения «снежным» цветом
Теперь нужно задать снегу текстурность. Для этого вполне подойдет фильтр Note Paper (Писчая бумага): Filter • Sketch • Note Paper (Фильтр • Набросок • Писчая бумага) с настройками, показанными на рис. 5.56. 1
G
a
u
s
s
i
a
n
B
l
u
r
E] Preview 1
1
Г" Reset
1
Note Paper m I age Baa lnce". Grarn iess
и* [-J
OK
100% Q Rac&js: | 0^5
I pixel
Рис. 5.55. Размываем снег фильтром Gaussian Blur (Размытие по Гауссу)
Relief 'Уу
, iyi;, •-.--.-.-.....
_ _ _ _ _
I5 E J
Рис. 5.56. Настройки фильтра Note Paper (Писчая бумага)
На этом работу над снегом можно считать законченной (рис. 5.57).
Засыпаем пустыню снегом
Рис. 5.57. Снег полностью готов
Единственное, что портит нашу работу, — это слишком насыщенное и яркое небо. Оно явно не гармонирует с заснеженной пустыней. Исправим это, так как решить данную задачу совсем просто. Для выделения неба снова воспользуйтесь инструментом Color Range (Цветовой диапазон): Select • Color Range (Выделение • Цветовой диапазон) (рис. 5.58), но на этот раз пипеткой щелкните на любом голубом фрагменте. Color Range Select: j
©Selection О Image
OK Reset
СИ Invert
;Selection Preview: j None Рис. 5.58. Для выделения неба также используем Color Range (Цветовой диапазон)
Запустите любимый авторами цветокорректирующий инструмент Hue/Saturation (Тон/Насыщенность): Image • Adjustments • Hue/Saturation (Изображение • Настройки • Тон/Насыщенность) и примените его с настройками, показанными на рис. 5.59. Этого будет вполне достаточно.
Глава 5. Имитация природных явлений Hue/Saturation Edit: I Master -IS Saturation;
i -19
Ljghtriess: P Colorize:; 0 preview
Рис. 5.59. Настройки Hue/Saturation (Тон/Насыщенность)
На этом пример выполнен полностью (рис. 5.60).
Рис. 5.60. Заснеженная пустыня
Авторы считают только что сделанный эффект одним из лучших в книге, так как удивительный результат достигается всего несколькими чрезвычайно простыми действиями.
5.8. Делаем из дня ночь В этом разделе мы займемся решением такой интересной задачи, как смена времени суток. Постараемся из солнечного дня сделать звездную ночь. Конечно, определить, что это не фотография ночного города, можно будет без особого труда, однако результат получится достаточно реалистичным и оригинальным.
Делаем из дня ночь Наша работа основана на том, что ночью все объекты видны только в градациях серого, естественно, если нет искусственного освещения. Поэтому сделать из дня ночь достаточно просто, но вот из ночи день — задача абсолютно неподъемная. Наше исходное изображение представлено на рис. 5.61. Нам нужно отделить небо и воду от всего остального. Это будет достаточно тонкая работа, она может потребовать от вас определенной усидчивости и старательности. Но именно от того, насколько качественно вы это сделаете, зависит итоговый результат. Для начала выделим небо. Запустите инструмент Color Range (Цветовой диапазон): Select • Color Range (Выделение • Цветовой диапазон) и примените его с настройками, показанными на рис. 5.62.
Color Range ' Select: | S Sampled Colors Щ\ Euzziness:
OK
j• Load,. gave..
; Q invert
I
©Selection Слщзде
Selection Preview: | None Рис. 5 . 6 1 . Исходное изображение <
Рис. 5.62. Для выделения неба используйте Color Range (Цветовой диапазон)
Так как Color Range (Цветовой диапазон) — средство достаточно грубого выделения, придется немного откорректировать результат его применения, чтобы верхушки башен не попали в выделенную область. Авторы использовали для этого Lasso (Лассо). Когда выделение неба будет полностью готово, переведите Lasso (Лассо) в режим Add to selection (Добавить к выделению) и обведите воду по контуру. Затем сохраните получившееся выделение как альфа-канал: Select • Save Selection (Выделение • Сохранить выделение).
Глава 5. Имитация природных явлений Инвертируем выделение, нажав сочетание клавиш Shift+Ctrl+I. Теперь у нас выделено все, кроме неба и воды (рис. 5.63).
Рис. 5.63. Выделено все, кроме неба и воды
Выполните команду Image • Adjustments • Hue/Saturation (Изображение • Настройки • Тон/Насыщенность) и, манипулируя настройками, добейтесь результата, который показан на рис. 5.64. Здания и корабль выглядят теперь уже вполне по-ночному, но небо и вода слишком светлые. Займемся исправлением этого. Загрузите выделение из альфа-канала: Select • Load Selection (Выделение • Загрузить выделение). С помощью инструмента Rectangular Marquee (Прямоугольное выделение) в режиме Subtract from selection (Удалить из выделения) оставьте выделенным только небо. Можно было бы просто залить его черным цветом. Но это было бы недостаточно реалистично, так как в реальной жизни горизонт всегда немного светлее, чем небо над головой, особенно летом. Поэтому мы воспользуемся не заливкой, а градиентом (Gradient). Запустите этот инструмент в режиме Linear (Линейный). Создайте новый образец с переходом от темно-синего к абсолютно черному цвету и примените к небу так, чтобы светлая часть была около горизонта. Ориентироваться можно на авторский вариант, показанный на рис. 5.65. Теперь снова загрузите выделение, но на этот раз исключите из него небо. Мы будем затемнять воду. Для этого можно воспользоваться либо, как в случае со зданиями, инструментом Hue/Saturation (Тон/Насыщенность), либо уровнями (Levels). Результат будет одинаковым в любом случае (см. рис. 5.65).
Делаем из дня ночь Осталось добавить звезды и луну. Начнем с первого. Опыт показывает, что самый быстрый, простой и качественный способ рисования звезд — это использование кисти.
Рис. 5.64. Результат применения Hue/Saturation (Тон/Насыщенность)
Рис. 5.65. Из градиента получилось отличное ночное небо
Выберите в качестве цвета переднего плана белый или светло-желтый. Выбор зависит только от вашего желания и конкретной ситуации. Обязательно нужно создать новый слой (Shift+Ctrl+N). Возьмите маленькую кисть с размытыми краями и нарисуйте несколько десятков звезд. Учитывайте правила: не должно быть никакой симметрии, а ближе к горизонту звезд вообще нет. Затем смените кисть на более крупную и нарисуйте более яркие звезды. Но запомните: в местах, где начинаются оттенки синего, больших звезд быть не должно, так как там выше освещенность. Теперь нужно нарисовать луну. Это очень просто. Создайте круглое выделение с помощью инструмента Elliptical Marquee (Эллиптическое выделение). Не стоит сразу делать его равным по размеру будущей луне, это помешает работе. Сделайте его как можно больше. Выберите команду Select • Feather (Выделение • Растушевка) и установите значение параметра Feather Radius (Радиус растушевки) равным 5 пикселам. Это позволит получить луну с плавным переходом в небо.
Глава 5. Имитация природных явлений В качестве цвета переднего плана установите темно-желтый, в качестве фона — черный. Примените фильтр Clouds (Облака): Filter • Render • Clouds (Фильтр • Освещение • Облака). Вы получите пятна на будущей луне. Но они выглядят еще недостаточно естественно. Исправить это можно, увеличив контрастность с помощью команды Image • Adjustments • Brightness/Contrast (Изображение • Настройки • Яркость/Контраст). Придайте луне требуемый размер и поместите ее в нужное положение, используя команду Free Transform (Свободное трансформирование), которую можно вызвать с помощью нажатия Ctrl+T. Изображение на этом этапе показано на рис. 5.66. Работа уже сейчас похожа на летнюю ночь. Но эта ночь достаточно скучная, так как не горят окна и фонари, все как вымерло. Попробуем это исправить и начнем с корабля. Создайте новый слой (Shift+Ctrl+N). Запустите инструмент Lasso (Лассо) в режиме Add to selection (Добавить к выделению) и выделите все иллюминаторы (рис. 5.67).
Рис. 5.66. Что за ночь без луны и звезд?
Рис. 5.67. Выделяем иллюминаторы
Примените к выделению команду Select • Feather (Выделение • Растушевка) со значением 2-3 пиксела. Затем залейте его желтым цветом. Для увеличения реалистичности примените к слою с окнами стиль Outer Glow (Внешнее свечение): Layer • Layer Style • Outer Glow (Слой • Стиль слоя • Внешнее свечение), в качестве цвета свечения задав тот же желтый, который был использован для заливки окон. Кроме того, авторы дорисовали в окнах контуры людей, чтобы еще больше оживить работу.
Отражение в воде Аналогичным образом, только используя разные цвета, осветите окна домов, фонари на набережной и фары машин. Пример выполнен полностью, получилось просто замечательно (рис. 5.68)!
Рис. 5.68. Романтичная летняя ночь
5.9. Отражение в воде Мы предлагаем не очень сложный, но впечатляющий эффект — отражение в воде. Это явление каждый из нас видел тысячи раз, поэтому результат можно себе представить довольно точно. Мы будем помещать в воду птицу, а именно гуся. Для начала вам нужно подобрать два изображения. Озеро (рис. 5.69) и гуся авторы нашли в клипарте. Нам повезло, так как гусь уже был отделен от фона. Поэтому подготовка к помещению его в воду сведется только к одной операции. Запустите инструмент Eraser (Ластик) и, выбрав кисть с мягкими краями, удалите ту часть птицы, которая будет в воде (рис. 5.70). Затем скопируйте гуся и вставьте в изображение с озером. Подгоните его размеры и подберите место размещения с помощью инструмента Free Transform (Свободное трансформирование), который запускается сочетанием клавиш Ctrl+T. Авторский вариант показан на рис. 5.71.
Глава 5. Имитация природных явлений
Рис. 5.69. Исходное изображение <&£)
Рис. 5.70. Подготовленный к помещению в воду гусь
Затем с помощью инструмента Lasso (Лассо) скопируйте чуть выше фрагменты воды, где есть рябь, и поместите их вокруг гуся, подгоняя с использованием Free Transform (Свободное трансформирование) (рис. 5.72).
Рис. 5 . 7 1 . Гусь в воде
Рис. 5.72. Перемещаем рябь к гусю с помощью Free Transform (Свободное трансформирование)
Отражение в воде Эти действия усилят реалистичность и живость работы (рис. 5.73).
Рис. 5.73. Рябь вокруг птицы добавила работе реалистичности
Затем откройте палитру Layers (Слои) и дублируйте слой с птицей, перетянув его на пиктограмму в виде листа бумаги. Задайте значение настройки Opacity (Непрозрачность) для нового слоя равным 30-50 % и с помощью все того же Free Transform (Свободное трансформирование) переверните копию гуся зеркально и поместите так, как показано на рис. 5.74.
Рис. 5.74. Отражение почти готово
Глава 5. Имитация природных явлений Чтобы сымитировать дрожание отражения на водной поверхности, примените фильтр Ripple (Рябь): Filter • Distort • Ripple (Фильтр • Искажение • Рябь) с настройками, приведенными на рис. 5.75.
Рис. 5.75. Настройки фильтра Ripple (Рябь)
Осталось только одно действие. Запустите инструмент Blur (Размытие) и немного обработайте контуры тени. Пример выполнен полностью. Итоговое изображение показано на рис. 5.76.
Рис. 5.76. Отражение в воде (*^Р
Наращиваем небо
5.10. Наращиваем небо Чаще всего при редактировании фотографий приходится устранять проблемы с цветами, с яркостью, а то и того хуже — с композицией. В этом разделе мы рассмотрим один из самых распространенных недостатков — непропорциональность изображения. Причем речь пойдет исключительно о таких изображениях, в которых необходимо увеличить площадь, занимаемую небом. Исходное изображение показано на рис. 5.77.
Рис. 5.77. Исходное изображение <*^Р
Увеличьте размер холста, выполнив команду Image • Canvas Size (Изображение • Размер холста). Перед вами появится диалоговое окно, показанное на рис. 5.78. Измените только значение параметра Height (Высота). В раскрывающемся списке рядом с этим полем можно выбрать единицу измерения, наиболее удобную для вас. После этого увеличьте размер холста. В результате выполнения данной операции исходное изображение будет расположено снизу, а сверху образуется пустота (рис. 5.79). Обратите внимание на верхнюю часть неба. Оно почти чистое (без облаков и прочих посторонних объектов), а следовательно, достаточно однородное. В этом случае для восполнения недостающего фрагмента можно воспользоваться инструментом Gradient (Градиент) («горячая» клавиша — G). Прежде чем определять вид градиента, с помощью инструмента Eyedropper (Пипетка) («горячая» клавиша — I) установите в качестве основных цветов (Foreground Color и Background Color) наиболее темную и наиболее светлую точки неба. Далее выберите тип градиента Linear (Линейный), а направление цветового перехода — Foreground to Background (От цвета переднего плана к цвету фона).
Глава 5. Имитация природных явлений
Current See; ЗД6М ;
OK
Width: 11 cm
Reset
Height: 7,19 cm tew Эгё; 4.8ЭМ Width:] 11
11 cm
it: U
| | cm
• Relative Anchor: ! r V •4-
f '• /\ -^
Canvas e x t e n s i o n c o l o r : j B a c k g r o u n d
Рис. 5.78. Диалоговое окно Canvas Size (Размер холста)
Рис. 5.79. Изображение после увеличения размера холста
Наращиваем небо Создайте новый слой (сочетание клавиш Shift+Ctrl+N). Выделите с помощью инструмента Rectangular Marquee (Прямоугольное выделение) чистую область, расположенную над изображением. Залейте созданным градиентом образовавшееся выделение (рис. 5.80).
lesise i l l l §§§ ниищ •
•
•
•
.
:
•
^ШШшшШЯВЯ
Рис. 5.80. Изображение после добавления градиента
Добавьте к слою с градиентом слой-маску, как это сделано на рис. 5.81. Opacity! L
o
c
k
:
Q
/
f
i
F
,
l
l
;
L
i
O
O
%
J
Рис. 5 . 8 1 . Маска слоя на палитре Layers (Слои)
Затем с помощью инструмента Eraser (Ластик) затрите слой с градиентом так, чтобы стал виден шпиль собора. Вот и все, очень просто и легко мы получили отличный результат (рис. 5.82).
Глава 5. Имитации природных явлений
|
•
..
:
•
.
•
•:.
• • / •
•
•
•
•
•
•
•
;
.
.
•
.
•
•
.
.
.
.
:
.
• . .
..
,
. : . • • : • . ,
;
•
Рис. 5.82. Увеличенное небо <^
5 . 1 1 . Взрыв и огонь Сейчас мы поговорим об имитации двух достаточно схожих явлений — взрыва и пламени. Так как в первых нескольких действиях эти эффекты полностью схожи, они объединены в один пример, хотя оба достойны отдельного внимания.
Взрыв Создайте изображение (Ctrl+N) в цветовом режиме RGB форматом 500 х 500 пикселов. Залейте его с помощью инструмента Paint Bucket (Заливка) черным цветом. Основные цвета назначьте по умолчанию (D). Активизируйте инструмент Gradient (Градиент) (G) в режиме Radial (Радиальный). Убедитесь, что активен образец Foreground to Background (От цвета переднего плана к цвету фона). Создайте градиент, подобный показанному на рис. 5.83. Создайте новый слой (Shift+Ctrl+N). Запустите фильтр Clouds (Облака): Filter • Render • Clouds (Фильтр • Освещение • Облака). Его результат нужно усилить двои-
Взрыв и огонь ным применением фильтра Difference Clouds (Разностные облака): Filter • Render • Difference Clouds (Фильтр • Освещение • Разностные облака). Затем на палитре Layers (Слои) измените режим наложения слоя с облаками на Color Dodge (Цветовой прожиг). Результат после выполнения этого шага показан на рис. 5.84.
Рис. 5.83. Созданный градиент
Рис. 5.84. Черно-белый взрыв
Осталось только окрасить взрыв. Сведите слои (Ctrl+E) и выполните команду Image • Adjustments • Hue/Saturation (Изображение • Настройки • Тон/Насыщенность) с настройками, показанными на рис. 5.85.
Hue/Saturation O
Hue:
[Э1_
•у Saturation:
;••'
K
Reset
••
\
i 40
Load... Save...
1-14
Lightness:
Elcdorize BEreview '
•
' •
Рис. 5.85. Настройки Hue/Saturation (Тон/Насыщенность)
Пример готов. Если хочется сделать взрыв более контрастным, то воспользуйтесь инструментом Levels (Уровни), или Curves (Кривые), или тем же Hue/Saturation (Тон/Насыщенность) (рис. 5.86). Авторы посчитали для себя этот шаг ненужным.
Глава 5. Имитация природных явлений Итоговое изображение показано на рис. 5.87.
Hue/Saturation
Saturation: Lk^rtress:
+10
0 Catorije
Ш Preview г Рис. 5,86. Эти настройки сделают взрыв контрастнее
Рис. 5.87.
Огонь Но можно пойти еще дальше и из рис. 5.87 сделать очень реалистичный огонь. Запустите фильтр Polar Coordinates (Полярные координаты) с настройками, показанными на рис. 5.88. Поверните изображение: Image • Rotate Canvas • 180° (Изображение • Поворот холста • 180") и обрежьте лишнее инструментом Crop (Обрезка). Результат работы на этом этапе представлен на рис. 5.89. Приведем огонь в движение. Для этого примените фильтр Twirl (Скручивание): Filter • Distort • Twirl (Фильтр • Искажение • Скручивание) с настройками, показанными на рис. 5.90. Огонь готов (рис. 5.91).
Солнце
Рис. 5.88. Диалоговое окно фильтра Polar Coordinates (Полярные координаты)
Рис. 5.89. Изображение после применения Polar Coordinates (Полярные координаты)
[
OK
1
}
Reset
[
jTJ v ; 100%,...-.- . g j Щ~ 1 * '
ingle Id .
•
in
•••• ";• :••••;
'• I
Рис. 5.90. Настройки фильтра Twirl (Скручивание)
Рис. 5 . 9 1 . Огонь
5.12. Солнце Продолжая огненную тему, попробуем нарисовать огненный шар в космосе. Этот пример не очень простой из-за обилия слоев, необходимых для его реализации, поэтому выполняйте его с повышенным вниманием. Создайте новое изображение небольшого размера (мы остановились на варианте 250 х 250 пикселов). Залейте фон черным цветом с помощью инструмента Paint Bucket (Заливка). В качестве Foreground Color (Цвет переднего плана) нужно установить красный, в качестве цвета фона — желто-оранжевый (на этом этапе можно ориентироваться на итоговое изображение — там эти цвета видны).
Глава 5. Имитация природных явлений Создадим новый слой (Shift+Ctrl+N) и назовем его Солнце. С помощью инструмента Elliptical Marquee (Эллиптическое выделение), удерживая нажатой клавишу Shift, создайте круглое выделение в центре изображения, с диаметром, соответствующим диаметру будущего шара. Примените фильтры Clouds (Облака): Filter • Render • Clouds (Фильтр • Освещение • Облака) и Spherize (Сферизация): Filter • Distort • Spherize (Фильтр • Искажение • Сферизация) со значением параметра Amount (Эффект), близким к 100. Результат будет очень похож на залитый одним цветом круг (рис. 5.92), однако разность на уровне двух-трех значений есть (это можно проверить с помощью палитры Info (Информация)), что нам и нужно для успешной реализации примера.
Рис. 5.92. Изображение после применения фильтров Clouds (Облака) и Spherize (Сферизация)
Создайте еще один новый слой (Shift+Ctrl+N) и назовите его Пятна. Смените основные цвета на цвета по умолчанию (D). Теперь необходимо последовательно применить следующие фильтры: •
Filter • Render • Clouds (Фильтр • Освещение • Облака);
•
Filter • Render • Difference Clouds (Фильтр • Освещение • Разностные облака);
•
Filter • Distort • Spherize (Фильтр • Искажение • Сферизация) со значением параметра Amount (Эффект), равным 100 (рис. 5.93).
На палитре Layers (Слои) измените Blending Mode (Режим наложения) слоя Пятна на Color Dodge (Цветовой прожиг). Результат должен быть похож на рис. 5.94. Начнем создавать ореол вокруг солнца. Снимите выделение (Ctrl+D) и переключитесь на слой Солнце. Примените, нажав кнопку Add a layer style (Добавить стиль слоя) на палитре Layers (Слои), эффект Outer Glow (Внешнее свечение) с настройками, показанными на рис. 5.95. Создайте еще один новый слой под слоем Солнце. Его можно никак не называть, так как он понадобится нам только один раз. Восстановите выделение солнца, щелкнув левой кнопкой мыши на слое Солнце, удерживая при этом клавишу Shift.
Солнце
Рис. 5.93. Диалоговое окно фильтра Spherize (Сферизация)
Рис. 5.94. Работа после перевода слоя Пятна в режим наложения Color Dodge (Цветовой прожиг)
Сузим полученное выделение на 5 пикселов: Select • Modify • Contract (Выделение • Изменить • Сузить) и зальем любым цветом. Затем снимем выделение (Ctrl+D) и снова применим слоевой эффект Outer Glow (Внешнее свечение), но уже для нового слоя (рис. 5.96).
Outer Go l w ••'-'•• Structure Be l nd Mode) ; Sc i Opacity1
Outer Go lw , Structure I 70 % IT 1%
:. i JAnt-iaa il sed Range: — . Jitter; Q~ Рис. 5.95. Настройки Outer Glow (Внешнее свечение) для слоя Солнце
Рис. 5.96. Настройки Outer Glow (Внешнее свечение) для вспомогательного слоя
Теперь нужно создать еще один слой выше всех остальных. Убедитесь в том, что установлены цвета по умолчанию (цвет переднего плана — черный, цвет фона — белый).
Глава 5. Имитация природных явлений Примените три раза последовательно фильтры Filter • Render • Clouds (Фильтр • Освещение • Облака) и Filter • Render • Difference Clouds (Фильтр • Освещение • Разностные облака). Переведите слой в режим наложения Color Dodge (Цветовой прожиг). Сведите все слои (Shift+Ctrl+E). Авторы еще немного обработали края солнечного диска инструментом Blur (Размытие), чтобы шар более естественно смотрелся с короной, но вы можете пропустить этот шаг. На этом пример выполнен полностью (рис. 5.97).
Рис. 5.97. Раскаленное светило <
5.13. Солнечное затмение Сначала нужно подобрать фотографию с пейзажем. Рекомендуем выбрать такую, чтобы небесное пространство занимало значительную часть изображения. Мы будем работать с иллюстрацией, изображенной на рис. 5.98. Первое, что необходимо сделать, — затемнить небо, так как при затмении становится довольно темно. Для этого можно воспользоваться такими командами, как Levels (Уровни), Hue/Saturation (Тон/Насыщенность), Brightness/Contrast (Яркость/ Контраст) из раздела меню Image • Adjustments (Изображение • Настройки). Если необходимо кардинально изменить небо (есть солнце, луна, другие объекты или оно просто не нравится), то можно воспользоваться фильтром Clouds (Облака). Перед этим откройте палитру Channels (Каналы) и просмотрите все составляющие цветовой модели. Выберите канал, на котором предметы, изображенные на фоне неба, больше всего контрастируют с ним, и сделайте копию этого канала, перетащив его к кнопке с изображением чистого листа, расположенной внизу палитры каналов. Сейчас необходимо увеличить контрастность так, чтобы изображение превратилось в черно-белое. Для этого на палитре инструментов выберите Sponge (Губка)
Солнечное затмение и установите режим тонирования Saturate (Увеличение). Это позволяет снизить насыщенность цветов, в результате чего они тускнеют и осветляются.
Рис. 5.98. Исходное изображение
Возьмите инструмент Brush (Кисть) небольшого размера с мягкими краями и хорошо обработайте область неба, тщательно закрашивая все, даже небольшие участки. Не беспокойтесь о влиянии на остальную часть изображения — она не изменится. После того как вы осветлите небо, возьмите инструмент Burn (Затемнитель). Силу нажима установите порядка 50-65 %, а область воздействия — Shadows (Тени). Выберите кисть с мягкими краями и обработайте объекты, находящиеся на фоне неба. Инструмент Burn (Затемнитель) делает пикселы изображения менее яркими. В результате у вас должно получиться контрастное изображение. Загрузите маску в выделение, щелкнув мышью на канале при нажатой клавише Ctrl. Выберите в качестве основных цветов черный и темно-синий и выполните команду Filter • Render • Clouds (Фильтр • Освещение • Облака). Теперь небо должно стать значительно темнее, а благодаря фильтру Clouds (Облака) окраска будет неравномерной и похожей на ту, которая представлена на рис. 5.99. Приступим к непосредственному созданию затмения. Рекомендуем работать на новом слое, чтобы легче было корректировать создаваемый эффект. Начнем с ореола. Выберите на палитре инструментов Elliptical Marquee (Эллиптическое выделение). Чтобы получить круг, нужно воспользоваться данным инструментом при нажатой клавише Shift. Залейте полученную область желаемым цветом (лучше всего будет смотреться голубой или светло-желтый) (рис. 5.100).
Глава 5. Имитация природных явлений
Рис. 5.99. Затемненное, неравномерно окрашенное небо
Рис. 5.100. Основа затмения
Необходимо создать луну, которая закроет солнце. Для этого можно вновь воспользоваться эллиптическим выделением, расположив его в центре уже созданного круга, а можно подкорректировать уже имеющееся. Мы выбрали преобразование сжатия: Select • Modify • Contract (Выделение • Изменить • Сжать). Радиус воздействия определяется размером, а также разрешением изображения, над которым вы работаете. В нашем примере он равен 5 пикселам (рис. 5.101). Залейте полученное выделение с помощью инструмента Paint Bucket (Заливка) (клавиша G). Для заливки следует использовать темный цвет, можно даже черный, как на рис. 5.102.
Солнечное затмение Contract Selection
Рис. 5 . 1 0 1 . Диалоговое окно команды Contract (Сжать)
Рис. 5.102. Заготовка луны с ореолом
Если вы видели затмение хотя бы на картинках, то наверняка заметили, что возле черного круга ореол светлее. Этот эффект можно передать с помощью инструмента Brush (Кисть), работающего в режиме аэрографа, или инструмента Dodge (Осветлитель). Если вы используете аэрограф, то силу нажима установите равной около 20-30 %, если же осветлитель, то прозрачность должна быть в пределах 60-70%. Аккуратно, не выходя за границы ореола, осветлите его внутреннюю часть (рис. 5.103).
СОВЕТ При выполнении данной операции ровность не обязательна, можно даже сказать, вредна. Для достижения наилучшего результата необходимо получить светлый ореол неправильной формы.
Закончив с внутренней частью, нужно привести в надлежащее состояние внешнюю. Предлагаем сделать это с помощью ластика. Стирайте края окружности, придавая им неправильную форму. Не переусердствуйте и не заденьте черный круг внутри изображения, так как только свечение вокруг луны должно иметь неправильную форму. Результат, который должен получиться, представлен на рис. 5.104.
Глава 5. Имитация природных явлений
Рис. 5.103. Внутренняя часть ореола
Рис. 5.104. Внешняя часть ореола
Так как почти все преобразования производились с помощью инструментов рисования, то, скорее всего, результат получился довольно грубым, мало напоминающим затмение. Для придания мягкости примените к слою с солнцем фильтр Gaussian Blur (Размытие по Гауссу) из раздела Blur (Размытие) (рис. 5.105). Для достижения более реалистичного результата можете слегка размазать получившееся изображение с помощью инструмента Smudge (Палец).
Солнечное затмение
Рис. 5.105. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу)
Так как мы изменили вид неба, то, присмотревшись к изображению, можно заметить, что теперь объекты на фоне неба выглядят слишком освещенными. Вернитесь на палитру Channels (Каналы) и загрузите еще раз выделение из созданного ранее дополнительного канала. Так как выделенным окажется небо, а работать необходимо с объектами, расположенными на его фоне, то инвертируйте выделение. Это можно сделать, нажав сочетание клавиш Shift+Ctrl+I либо выполнив команду Select • Inverse (Выделение • Инвертировать). После этого уменьшите освещенность изображения. Для этой цели подходит любая команда цветокоррекции из раздела меню Image • Adjustments (Изображение • Настройки): Hue/Saturation (Тон/Насыщенность), Brightness/Contrast (Яркость/Контраст), Levels (Уровни) или Curves (Кривые). Мы остановились на первом варианте, используемые настройки показаны на рис. 5.106. Hue/Saturation Edit: j Master йие::
Saturation:
.load,.
Lightness: СИ СоЬнге El&eview
Рис. 5 . 1 0 6 . Д и а л о г о в о е о к н о Hue/Saturation (Тон/Насыщенность)
Глава 5. Имитация природных явлений В результате у вас должно получиться изображение, аналогичное рис. 5.107.
Рис. 5.107. Солнечное затмение
5.14. Рисуем космос В данном разделе описаны способы имитации сразу трех природных явлений, однако наиболее эффектно они смотрятся вместе, чем и обусловлено их объединение. Создайте новое изображение. В отличие от большинства эффектов, описываемых в этой главе, его создание начинается «с чистого листа». Первое, о чем пойдет речь, — это Земля. Возьмите инструмент Elliptical Marquee (Эллиптическое выделение) и выделите круг. Расположите его таким образом, чтобы на изображении осталось только около четверти круга. Установите основные цвета по умолчанию, нажав клавишу D (цвет переднего плана — черный, цвет фона — белый). Примените к выделенной области фильтр Clouds (Облака) из раздела Render (Освещение). Далее применяйте фильтр Difference Clouds (Разностные облака) из того же раздела до тех пор, пока на изображении не появится удовлетворяющее вас количество переходов между белым и черным цветами. Остановиться можно на варианте, похожем на рис. 5.108. Земная поверхность имеет не гладкую структуру, а состоящую из множества неровностей, что и необходимо передать. Предлагаем сделать это следующим образом: Filter • Texture • Craquelure (Фильтр • Текстура • Кракелюры). Поэкспериментируйте с настройками в диалоговом окне данного фильтра. Параметры, использованные в нашем примере, приведены на рис. 5.109.
Рисуем космос
с I q jueu le i сt ack Spac nig сr ack Deph t сa lck B g ihtnes ~
. .
^
.
j
.
—
.
-
O
C
a
n
; .
.
.
c
: О.:
Рис. 5.108. Основа Земли
;
.
• • • : • . • .
K
—
-
•
•
.
.
.
.
—
—
,
e
l
^
•
. . . • . . - ;
j
.
J
v
'
Рис. 5.109. Настройки фильтра Craquelure (Кракелюры)
При желании можно воспользоваться данным фильтром еще раз, установив меньшие значения параметров. Создать впечатление объема можно следующим образом. Примените фильтр Spherize (Сферизация): Filter • Distort • Spherize (Фильтр • Искажение • Сферизация) (рис. 5.110). Значение параметра Amount (Эффект) должно быть максимальным, a Mode (Режим наложения) задайте на свое усмотрение. Данную операцию при желании также можно применить более одного раза.
OK
г-
'
-
I
.
'
•
•
>
•
•
•
.
•
-*»
•
..
-
Cancel
:
~ •
-
У%-
Mode 1Normal Рис. 5.110. Диалоговое окно фильтра Spherize (Сферизация)
Пришло время раскрасить Землю. Это можно сделать разными способами, однако мы рекомендуем использовать команду Image • Adjustments • Color Balance
Глава 5. Имитация природных явлений (Изображение • Настройки • Цветовой баланс). Цвет, в который будет окрашена Земля, сейчас практически не имеет значения, так как впоследствии он изменится. Но для удобства советуем установить его естественным (коричневым или зеленым). Диалоговое окно с установленными настройками изображено на рис. 5.111.
Color Balance Coo l r Levels: j -71 •) -19 Cyan t—Q : Magenta J Yelow • г :• Tone Baa l nce ~~ ~ © S h a d o w s ©Midtones : E3 Preserve Lumrasity Рис. 5 . 1 1 1 . Диалоговое окно Color Balance (Цветовой баланс)
Теперь начинается художественная, самая кропотливая часть работы. Откройте окно тоновых кривых: Image • Adjustments • Curves (Изображение • Настройки • Кривые). Как известно, при работе с цветными изображениями с помощью кривых можно изменять не только освещенность, но и цвет. Необходимо обработать каждый из каналов (цветовых составляющих), чтобы Земля перестала быть одноцветной. На приведенном изображении были применены кривые, показанные на рис. 5.112. В зависимости от своего изображения измените цвета так, чтобы появились океаны, горы и леса. При необходимости можно также подкорректировать общую кривую. Примените фильтр Gaussian Blur (Размытие по Гауссу), установив небольшой радиус воздействия. Это нужно лишь для того, чтобы слегка смягчить края и избавиться от сходства с вырезанной картинкой, которое, скорее всего, появится в процессе создания изображения. На фотографиях Земли, сделанных из космоса, всегда видно, что планета окружена голубым ореолом атмосферы. Чтобы передать это явление, воспользуйтесь инструментом Gradient (Градиент). Откройте палитру Layers (Слои) и создайте новый слой. Для этого щелкните на кнопке с изображением чистого листа, расположенной внизу палитры, либо выполните команду Layer • New • Layer (Слой • Создать • Слой). На панели параметров градиента выберите или создайте градиент, состоящий из черного и синего цветов. Откорректируйте прозрачность так, чтобы одна часть черного была прозрачной, а вторая — нет. Распределение цветов и прозрачности в градиенте представлено на рис. 5.113.
Рисуем космос
Рис. 5.112. Используемые кривые
цвет прозрачность Рис. 5.113. Распределение цвета и прозрачности в градиенте
В настройках инструмента установите тип Radial (Радиальный) и разместите градиент на рисунке так, чтобы радиус расположения синего цвета был чуть больше, чем радиус самой планеты. Исправить недостатки в расположении градиента можно с помощью свободного трансформирования (CtrL+T). В результате изображение должно получиться похожим на то, которое представлено на рис. 5.114.
Глава 5. Имитация природных явлений Если градиент получается слишком ярким, то уменьшите прозрачность слоя, на котором он расположен. Теперь необходимо создать космическое пространство. Как известно, оно очень темное, но если воспользоваться одноцветной темной заливкой, то выглядеть это будет неестественно и некрасиво. В таких случаях лучший инструмент для передачи различных природных явлений — фильтр Clouds (Облака). Создайте еще один слой, поместив его между двумя созданными ранее. Вернитесь на слой с атмосферой, где с помощью инструмента Magic Wand (Волшебная палочка) выделите все, что расположено за планетой и голубым ореолом. Допуск установите довольно большим, чтобы переход в фон, образующийся впоследствии, был плавным. Вернитесь на новый, только что созданный, слой и примените фильтр Clouds (Облака): Filter • Render • Clouds (Фильтр • Освещение • Облака). Основными цветами при этом должны быть черный и темно-синий. Если есть необходимость, то можно немного изменить прозрачность слоя и настроить контрастность цветов с помощью команды Image • Adjustments • Brightness/Contrast (Изображение • Настройки • Яркость/Контраст). Добавим звезды. Для этого можно воспользоваться инструментом Brush (Кисть), в том числе и в виде аэрографа, установив параметр Airbrush Capabilities (Возможности аэрографа). Установите нужный набор кистей, выберите в нем кисти в форме звезд и примените их к вашему изображению. После этого рисунок должен стать похож на рис. 5.115.
. -
-
:
.
,
.
-
,
;
Г
*
• -
'
. .*• '•
г—
'•
>
J U H B H H H Рис. 5.114. Планета с атмосферой
Рис. 5.115. Готовы Земля, небо и звезды
Остался последний этап — нарисовать комету. Начинать рекомендуем на новом изображении. Создайте новый файл произвольного размера. Однако учтите, что рисунок, расположенный на нем, потом будет перенесен на изображение космоса, поэтому размеры советуем выбирать не очень большие. Фон на изображении установите черным. В качестве цвета переднего плана выберите белый. Создай-
Рисуем космос те круг, закрашенный основным цветом, — для этого можете воспользоваться фигурами. Чтобы придать комете неправильную форму, примените фильтр Glass (Стекло): Filter • Distort • Glass (Фильтр • Искажение • Стекло). Настройки можно установить любые, главное, чтобы изображение немного исказилось. Диалоговое окно фильтра и примененные нами настройки приведены на рис. 5.116. Для создания хвоста кометы воспользуйтесь фильтром Wind (Ветер) из набора Stylize (Стилизация) (рис. 5.117). Направление, в котором будет распространяться действие данного фильтра, не имеет значения, так как при необходимости вы сможете развернуть комету. Применять этот фильтр следует до тех пор, пока хвост не станет достаточно длинным (для повторения действия можно нажимать сочетание клавиш Ctrl+F).
OK
щ Cancel Щ Glass Distortion
j
...
' ' :..'.':: .*H
• 10 !
Q 2';"
_™2Ь_Г;: о: S
- Method ©Wind О Bast • О Stager
;
Smoothness
U
!•>'
г Твх1иге::'.| Frosted • Scaling
И 00 ! X 0 From the left
j Dlnvert - . Рис. 5.116. Параметры фильтра Glass (Стекло)
Рис. 5.117. Диалоговое окно фильтра Wind (Ветер)
Еще раз исказите форму кометы с помощью приведенного выше фильтра Glass (Стекло), чтобы хвост также приобрел неправильную форму. Для придания цвета лучше всего воспользоваться цветовыми таблицами, однако перед этим необходимо последовательно выполнить следующие команды меню: Image • Mode • Grayscale (Изображение • Режим • Полутоновое), Image • Mode • Indexed Color (Изображение • Режим • Индексированные цвета) и Image • Mode • Color Table (Изображение • Режим • Цветовая таблица).
Глава 5. Имитация природных явлений В раскрывающемся списке выберите таблицу, которая называется Black Body. Благодаря этому все изображение приобретет черно-красно-желтую окраску и будет похоже на рис. 5.118.
Рис. 5.118. Результат применения цветовой таблицы
Выделите комету с помощью инструмента Magic Wand (Волшебная палочка). Для упрощения работы можно сначала выделить фон, а потом инвертировать выделение (Shift+Ctrl+I или Select • Inverse (Выделение • Инвертировать)). Скопируйте выделенную область в буфер обмена (Ctrl+C), перейдите на слой с изображением космоса и вставьте туда комету (Ctrl+V). Чтобы подобрать подходящее место для кометы и ее наклон, а также при необходимости перевернуть ее (чтобы хвост был направлен от Земли), воспользуйтесь свободным трансформированием (Ctrl+T). После всех преобразований изображение должно стать похожим на рис. 5.119.
Рис. 5.119. Нарисованный космос
5.15. Осенняя листва Еще одна интересная задача, о которой хотелось бы рассказать в этой главе, — смена времени года с лета на осень. Вообще, для этого достаточно просто изменить цвет листвы на деревьях, так как больше никакого явного признака осени не существует — нет смысла, скажем, затемнять небо, рисуя пасмурность. Осенью тоже
Осенняя листва бывает достаточно много ясных и солнечных дней. Поэтому мы просто попробуем изменить цвет листвы на рис. 5.120.
Рис. 5.120. Исходное изображение
Прежде всего нужно выделить всю листву. В данном случае это чрезвычайно просто, так как она относительно одноцветная. Воспользуемся командой Select • Color Range (Выделение • Цветовой диапазон) с настройками, показанными на рис. 5.121 (при этом нужно щелкнуть мышью на листве).
Color Range '" Select; [ Sampe l d Colors :§§;! Fuzzriess
OK [ Reset "1 ..Load,, Save,. •invert
I
©Selection
Selection Preview: i None Рис. 5 . 1 2 1 . Выделяем листву
Возможно, придется добавить некоторые пропущенные предыдущим инструментом области, используя Magic Wand (Волшебная палочка). Затем просто настройте цвет листвы с помощью команд Image • Adjustments • Hue/Saturation (Изображение • Настройки • Тон/Насыщенность) (рис. 5.122) и Image • Adjustments • Color Balance (Изображение • Настройки • Цветовой баланс) (рис. 5.123).
Глава 5. Имитация природных явле>
I Master
Saturation: 1 Saye,,, ii tfthtness:
Рис. 5.122. Первичная цветокоррекция с помощью Hue/Saturation (Тон/Насыщенность)
: i -за :
Cyan ••• tl Preview
Magenta • < Yelbw
-
Blue
: Oshadows: :: ©intones | 0Preserve Luminosity Рис. 5.123. Тонкая настройка цвета
Итог - абсолютно реалистичная осень (рис. 5.124).
рр"*8
•-
•--ч.
.
.
.
..........
•"к I 4
т и , ' 1 I f -
ЯШ
L
1
•j г * . ; -
Г ; : : :
;
> "":"".
;i :
-.•••.'• :••.,'•••.":• •:;.•:•:, . "
-••-••
• ИИ :,
Рис. 5.124. На улице осень <&£)
• лава о
• - .
Создание рамок • •
Градиентная рамка Художественная рамка
• Деревянная рамка
Глава 6. Создание рамок
6 . 1 . Градиентная рамка Обычно картина лучше выглядит в рамке, особенно если рамка сделана с учетом особенностей изображения. Это касается не только рисованных изображений, но и созданных с помощью компьютерной графики. Именно поэтому мы решили посвятить целую главу описанию такой составной части изображения, как рамка. Начнем с самого простого, а главное, наглядного способа. Создайте новое изображение. Обратите внимание на его композицию, то есть на расположение предметов. Рамку можно создавать как поверх самой иллюстрации, так и вокруг нее. В качестве примера мы взяли фотографию, изображенную на рис. 6.1. Посмотрите, есть ли на краях изображения детали, которые необходимо сохранить. Если нет, то работать можно прямо поверх самой иллюстрации, именно так поступили мы. Если же такие детали есть, то измените размер изображения. Для этого выберите команду Image • Canvas Size (Изображение • Размер холста) и увеличьте размер холста так, чтобы поместилась рамка, а изображение не пострадало. Когда изображение подготовлено, можно приступать к созданию рамки. Откройте палитру Channels (Каналы) и создайте новый канал. Для этого щелкните мышью на кнопке с изображением чистого листа, расположенной внизу палитры. Мы назвали рамку градиентной, потому что основной инструмент, используемый при ее создании, — это градиент. Установите цветом переднего плана белый. В настройках градиента выберите тип Background to Transparent (От цвета фона к прозрачному). Данный инструмент будет применяться несколько раз, поэтому прозрачность одного края градиента позволит создавать эффект сложения, а не наложения. Мы предлагаем воспользоваться линейным градиентом, однако вы можете выбрать и любой другой тип. В результате должен получиться дополнительный канал, похожий на тот, который изображен на рис. 6.2. Рамка должна иметь нечеткие, плавно переходящие в изображение края. Для достижения данного эффекта можно воспользоваться фильтром Gaussian Blur (Размытие по Гауссу) из набора Blur (Размытие). Можно также применить фильтр Add Noise (Добавить шум) из набора Noise (Шум). При использовании фильтра Add Noise значение параметра Amount (Эффект) должно быть равно 40-50 % (рис. 6.3). Не исключено и применение обоих фильтров. После описанных выше преобразований у вас должна получиться маска, полностью пригодная для создания рамки. Перейдите в канал RGB, после чего загрузите дополнительный канал в выделение. Это можно сделать, щелкнув на нем мышью с нажатой клавишей Ctrl. Выделенную область можно залить любым цветом или текстурой, можно также применить к ней какой-либо фильтр. Мы предлагаем воспользоваться фильтром Clouds (Облака) из набора Render (Освещение). После применения данного фильтра изображение должно стать похожим на рис. 6.4.
Градиентная рамка
Рис. 6 . 1 . Исходное изображение
Рис. 6.2. Дополнительный канал
Distribution © IJnJfbrm Gfiausslar*
Рис. 6.3. Параметры фильтра Add Noise (Добавить шум)
Рис. 6.4. Первый вариант рамки
Если у вас возникла ситуация, аналогичная нашей, когда рамка теряется на изображении и выглядит бледно и мрачно (см. рис. 6.4), воспользуйтесь одной из следующих
Глава 6. Создание рамок команд коррекции изображения, находящихся в разделе меню Image • Adjustments (Изображение • Настройки): Hue/Saturation (Цвет/Насыщенность), Brightness/Contrast (Яркость/Контраст) или Curves (Кривые). Мы предпочли Brightness/Contrast (Яркость/Контраст) (рис. 6.5).
Bright ness/Cont rest
Рис. 6.5. Диалоговое окно Brightness/Contrast (Яркость/Контраст)
Если необходимо изменить не только яркость рамки, но и ее цвет, то лучше всего воспользоваться тоновыми кривыми: Image • Adjustments • Curves (Изображение • Настройки • Кривые). ВНИМАНИЕ Все операции преобразования рамки необходимо выполнять только тогда, когда загружено выделение из дополнительного канала. В противном случае будет изменяться не только рамка, но и само изображение.
:
В результате должно получиться нечто похожее на то, что представлено на рис. 6.6.
i V-
Рис. 6.6. Градиентная рамка <££)
Художественная рамка Особенность этой рамки заключается в том, что она может иметь бесчисленное количество вариаций в зависимости от типа градиента и применяемых к нему фильтров.
6.2. Художественная рамка Вариант 1 Подберите изображение, на которое будет накладываться рамка. Все то, что говорилось о композиции иллюстрации и расположении рамки в разд. 6.1, остается в силе, поэтому внимательно посмотрите на края и, если нужно, увеличьте размер холста. В качестве примера возьмем изображение, представленное на рис. 6.7.
Рис. 6.7. Исходное изображение
Как и в предыдущих случаях, создание рамки будет начинаться работой с каналами. Перейдите на палитру Channels (Каналы) и создайте новый канал. Вы можете сделать это, щелкнув мышью на кнопке с изображением чистого листа. Сделайте активным дополнительный канал. В нем необходимо создать прямоугольную область, окрашенную по периметру в белый цвет. Для этого воспользуйтесь инструментом Rectangular Marquee (Прямоугольное выделение). Инвертируйте полученное выделение нажатием клавиш Shift+Ctrl+I или командой Select • Inverse (Выделить • Инвертировать). Возьмите инструмент Paint Bucket (Заливка) (клавиша G) и залейте белым цветом полученную область (рис. 6.8).
Глава 6. Создание рамок Не следует забывать о том, что белый цвет в данном канале обозначает ту часть изображения, с которой в дальнейшем будет вестись работа, то есть после преобразования данного слоя в выделение именно эта область окажется выделенной. После заливки выделение можно снять, оно больше не понадобится: нажмите Ctrl+D или выполните команду Select • Deselect (Выделение • Отменить выделение). Для создания оригинального рисунка воспользуйтесь фильтром Sprayed Stokes (Аэрограф) из набора Brush Strokes (Штрихи кисти). Для нашей рамки заданы следующие настройки (рис. 6.9): Stroke Length (Длина штриха) — 18, Spray Radius (Радиус разброса) — 25, Stroke Direction (Наклон штриха) — Right Diagonal (Справа по диагонали). Эти параметры могут быть любыми — они зависят только от размеров изображения: чем больше иллюстрация, тем большие значения должны иметь настройки данного фильтра.
OK
С
Reset
__J )"•"'
г--] Sprayed Strokes
В! : • : : • : : - : : - :
:
, , - : : : : ; : , • .
Stroke length •
|
'Spiay Radius;
:
Stroke Direction: [Right Diagonal
s
• • . - ' .
Рис. 6.8. Дополнительный канал
s
•
f
•••'•:.•'.•.'
Рис. 6.9. Настройки фильтра Sprayed Strokes (Аэрограф)
В результате канал должен стать таким, как изображенный на рис. 6.10. Перейдите в цветовой режим RGB (или другой, используемый вами), нажав сочетание клавиш Ctrl+~ или щелкнув мышью на значке канала на палитре Channels (Каналы). Все выполнявшиеся ранее операции относились к новому каналу, то есть к маске. Перейдем к непосредственному созданию рамки. Загрузите созданный канал в виде выделения, щелкнув мышью на кнопке с пунктирным кружком внизу палитры ка-
Художественная рамка налов либо, удерживая клавишу Ctrl нажатой, на самом канале. Теперь вы можете залить полученную область с помощью инструмента Paint Bucket (Заливка) (рис. 6.11) или Gradient (Градиент) либо заполнить ее текстурой.
Рис. 6.10. Канал-рамка
Рис. 6 . 1 1 . Художественная рамка. Вариант 1 <£^)
Вариант 2 Подберите изображение, с которым вы будете работать. О том, какую иллюстрацию лучше выбрать и как ее подготовить к работе, если края изображения несут информацию, которая не должна быть потеряна, можно узнать в разд. 6.1. В данном примере будет рассмотрен процесс создания рамки для изображения, представленного на рис. 6.12. Откройте палитру Channels (Каналы). Создайте новый дополнительный канал, на котором будет располагаться выделение для рамки. Используя какой-либо инструмент выделения, создайте прямоугольник. Наиболее удобными являются инструменты Rectangular Marquee (Прямоугольное выделение) и Реп (Перо). Инвертируйте полученное выделение, нажав сочетание клавиш Shift+Ctrl+I либо выполнив команду Select • Inverse (Выделение • Инвертировать). Залейте белым цветом полученную область. Результатом будет черный прямоугольник, ограниченный белыми полосами по периметру (рис. 6.13).
Глава 6. Создание рамок
Рис. 6.12. Исходное изображение
Рис. 6.13. Дополнительный канал
Если вы привыкли работать в режиме быстрой маски, то можете выполнять все действия в нем (конечно, при условии, что вы не собираетесь использовать вашу рамку вторично). Модифицируем форму рамки с помощью фильтра Twirl (Скручивание): Filter • Distort • Twirl (Фильтр • Деформация • Скручивание). Мы использовали угол, равный 392° (рис. 6.14), однако вы можете выбрать любое другое значение. Для достижения желаемого результата осталось применить всего один фильтр — Color Halftone (Цветные полутона). Однако именно на этом этапе вам предстоит повозиться с поиском оптимальных настроек. Их значения пояснять не имеет смысла, так как это тот случай, когда лучше всего попробовать самим. Диалоговое окно данного фильтра можно вызвать командой Filter • Pixelate • Color Halftone (Фильтр • Оформление • Цветные полутона). Не пугайтесь большого количества настроек. После нескольких экспериментов все станет понятно. В нашем примере использовались настройки, показанные на рис. 6.15. Результатом применения данного фильтра должен стать канал, похожий на рис. 6.16. Теперь перейдите в цветовой режим RGB и загрузите дополнительный канал в выделение, щелкнув на нем мышью на палитре Channels (Каналы) при нажатой клавише Ctrl. Полученное выделение можно залить любым цветом или текстурой. Итоговый вид изображения представлен на рис. 6.17.
Деревянная рамка
IXI O K с ResetJ с Defautl 1
Color Halftone Max, Racfu is . i f i (Pixels) : [^ Screen Ange ls (Deyees): Channel £: |l20 Channel Z) [ 180 Channel 3; [95 Channel $: i SO 1 Рис. 6.14. Диалоговое окно фильтра Twirl (Скручивание)
Рис. 6.16. Канал-рамка
Рис. 6.15. Диалоговое окно фильтра Color Halftone (Цветные полутона)
Рис. 6.17. Художественная рамка. Вариант 2 2£
6.3. Деревянная рамка Рамки, которые мы рисовали в предыдущих примерах этой главы, не являлись имитацией рамок, существующих в «реальной» фотографии. Они гораздо ближе к виньеткам, чем к тем предметам, которые у большинства людей ассоциируются с понятием «рамка для фотографии».
Глава 6. Создание рамок В данном примере мы исправим эту ситуацию и нарисуем самую обычную деревянную рамку. Упор в работе будет сделан на реалистичность, и ваши знакомые вряд ли смогут понять, что это нарисовано, а не сфотографировано. Создайте новое изображение средних размеров (Ctrl+N) в цветовом режиме RGB. Запустите инструмент Реп (Перо) и в режиме Shape layers (Слои фигуры) нарисуйте примерно то, что показано на рис. 6.18. Обратите внимание, что каждая из четырех «планок» рамки должна находиться на отдельном слое. Когда заготовка для рамки будет готова, переведите созданные элементы в растр с помощью палитры Layers (Слои), как показано на рис. 6.19.
Normal
v Opacity: [ 100% T} Fill: • 100% >•
Lock; _',/•$» fl Delete Vector Mask Disable Vector Mask |Rasterize Vector Mask Рис. 6.18. Заготовка для рамки
Shape 1
В
Рис. 6.19. Векторные слои нужно перевести в растр
В итоге вы получите четыре слоя, которые вместе образуют уже растровую заготовку для рамки. Сейчас нужно найти подходящую деревянную текстуру. Авторы рекомендуют использовать технологию имитации дерева, описанную в гл. 3 (результат показан на рис. 6.20). Она достаточно простая, а результат полностью отвечает требованиям этого примера. Чтобы появилась возможность использовать изображение для заливки, его нужно определить как образец. Для этого выделите текстуру с помощью инструмента Rectangular Marquee (Прямоугольное выделение) и выполните команду Edit • Define Pattern (Редактирование • Определить образец). Затем выделите нижнюю планку рамки и залейте ее только что созданной текстурой: Edit • Fill (Редактирование • Залить) с настройками, показанными на рис. 6.21. В точности повторите эти действия и для верхней планки.
Деревянная рамка
Use: ; Pattern Custom Pattern:
Made: | Normal Opacity: >S3 % П Preserve Transparency Рис. 6.20. Деревянная текстура
Рис. 6 . 2 1 . Настройки заливки текстурой
К большому сожалению, мы не можем использовать эту же текстуру для вертикальных планок, так как это отрицательно скажется на реалистичности. Поэтому вернитесь к исходной текстуре и поверните ее на 90°: Image • Rotate Canvas • 90° CW (Изображение • Повернуть холст • 90° по часовой стрелке). Затем снова определите ее как образец и залейте вертикальные планки. На этом большую часть работы можно считать выполненной. Пришло время придать рамке объем. Как уже догадались читатели, в новых версиях Photoshop для решения этой задачи нужно использовать слоевые эффекты. Авторы применяли стили Inner Shadow (Внутренняя тень): Layer • Layer Style • Inner Shadow (Слой • Стиль слоя • Внутренняя тень) с настройками, показанными на рис. 6.22, и Bevel and Emboss (Скос и рельеф) с настройками, которые можно видеть на рис. 6.23.
Рис. 6.22. Настройки Inner Shadow (Внутренняя тень)
Для каждой планки отдельно придется немного подстраивать освещение. Впрочем, установка флажка Use Global Light (Использовать общий свет) в диалоговых окнах стилей слоя частично решает эту задачу.
Глава 6. Создание рамок Рамка, которая у нас получилась в результате последних действий, показана на рис. 6.24.
Sotjem Q Shading ^Use Global Light t
o
•all'.'. Contour:
I: Highlight Mode; i Screen 2paaty: i Shadow Mode: i Multiplv Opac*y:
\ j Алti-biased v
С
-> !
Рис. 6.23. Настройки Bevel and Emboss (Скос и рельеф)
Рис. 6.24. Рамка после применения эффектов слоя
Возможно, придется немного подкорректировать яркость рамки. Для этого как нельзя лучше подходят Levels (Уровни): Image • Adjustments • Levels (Изображение • Настройки • Уровни) (рис. 6.25).
Channel;.! RGB ЕЕ
i 1,06 Г 227
OK Cancel I Load. 1 Save,,:
*
. *.. gutput Levels:io
^НИВ|""'""' ;.* ^,,': :L ;.;._...;;.„:.11
I Options,., о •"•:1;i 255 | ' j ,;,!, . : . , •• ;••'' • 1 .:
Рис. 6.25. Настройки Levels (Уровни)
Деревянная рамка Осталось подобрать подходящую фотографию и вставить ее в рамку простым копированием. Итоговое изображение показано на рис. 6.26. Авторы считают, что получилось вполне реалистично, чего мы и хотели.
Рис. 6.26. Деревянная рамка .,
4
Глава 7
-:
Имитация объема в Photoshop
• • • •
Тонкости применения фильтра 3D Transform (Трехмерное преобразование) Металлические трубы Кнопка в стиле Windows XP Стеклянная кнопка Литой диск Шар
• Стеклянный шар на фоне пейзажа • Фантастические черви • Сигарета • Булыжник • Щупальца в крови • Объемная планета • Фантастическая сфера • Золотые часы • Стальной шар
Применение фильтра 3D Transform (Трехмерное преобразование)
7 . 1 . Тонкости применения фильтра 3D Transform (Трехмерное преобразование) Для имитации ЗБ-графики в Photoshop очень часто используется фильтр 3D Transform (Трехмерное преобразование). Если у вас в версии CS2 его нет, то попробуйте скопировать файл фильтра из папки Adobe\Photoshop 7 . O \ P l u g - I n s \ F i l t e r s в соответствующую папку Photoshop CS2 либо из папки Goodies, которую можно найти на компакт-диске с дистрибутивом Photoshop. Создайте изображение произвольного размера и цветовой модели. Напишите какой-нибудь текст. Надпись не должна быть очень большого размера, так как при трансформации она будет видоизменяться и может не поместиться на изображении. Чтобы отредактировать текст, нажмите Ctrl+T. Теперь необходимо перевести рисунок из текстового в растровый режим. Для этого щелкните правой кнопкой мыши на палитре Layers (Слои) на слое с текстом и в раскрывшемся меню выберите пункт Rasterize Layer (Растрировать слой) (рис. 7.1).
3
D
.
Рис. 7 . 1 . Текст
Приступим к непосредственной работе с фильтром 3D Transform (Трехмерное преобразование). Для этого выполните команду Filter • Render • 3D Transform (Фильтр • Освещение • Трехмерное преобразование). В данном разделе будет рассмотрен пример работы с наиболее простым объектом, а именно со сферой, однако можно выбрать и более сложные и интересные фигуры. Открыв диалоговое окно фильтра (рис. 7.2), выберите в нем инструмент Sphere (Сфера) и создайте выделение вокруг надписи. Круг должен полностью опоясывать текст и умещаться на изображении целиком. Возьмите инструмент Trackball (Трекбол) и попробуйте повернуть сферу. Можно вращать ее во всех направлениях. Необходимо развернуть ее так, чтобы буквы немного исказились, но были видны полностью, как показано на рис. 7.2. Создайте слой (Layer • New • Layer (Слой • Создать • Слой)) и назовите его Сфера. На этом слое сделайте круглое выделение с помощью стандартного инструмента Photoshop Elliptical Marquee (Эллиптическое выделение). Чтобы выделенная область имела форму круга, применяйте данный инструмент при нажатой клавише Shift. Расположите выделение так, чтобы оно совпадало с кругом, образованным фильтром 3D Transform (Трехмерное преобразование).
Глава 7. Имитация объема в Photoshop 3D Transform
Рис. 7.2. Диалоговое окно фильтра 3D Transform (Трехмерное преобразование)
Создайте градиентную заливку от черного к белому цвету с помощью инструмента Gradient (Градиент), установив тип градиента Radial (Радиальный). Светлая часть градиента должна располагаться ближе к центру, а черная — по периметру. Чтобы расположить шар под надписью, поменяйте местами слой с текстом и слой с градиентом с помощью простого перетаскивания. Возьмите инструмент Eraser (Ластик) небольшого радиуса действия и на слое с текстом сотрите серые участки сферы, которые появились после применения фильтра 3D Transform (Трехмерное преобразование) (рис. 7.3). Теперь создайте эффект нависающего текста над шаром. Что для этого необходимо? Прежде всего, конечно, тень от букв. Для ее создания можно воспользоваться каким-либо дополнительным фильтром, а можно и эффектами слоя. Сделайте активным слой с текстом и, выполнив команду Layer • Layer Style • Drop Shadow (Слой • Стиль слоя • Внешняя тень), подберите настройки, подходящие к вашему изображению. Диалоговое окно с настройками данного эффекта, используемыми при создании нашего примера, представлено на рис. 7.4. Так как шар — фигура объемная и расположенные на нем буквы находятся на разном расстоянии от зрителя, уместно будет изобразить их в перспективе. Сделайте это с помощью команды Edit • Transform • Distort (Редактирование • Преобразовать • Деформация). С помощью мыши вы можете изменять расположение узловых точек изображения независимо друг от друга. Пример такого видоизменения представлен на рис. 7.5. После того как буквы займут свое окончательное положение, приступайте к заключительному этапу создания изображения — приданию объема буквам и цвета шару.
Применение фильтра 3D Transform (Трехмерное преобразование) Drop Shadow
щ-.
Structure
Blend g o d * :
.••••
•••••
[Muliip[y
J Distance! ( — Spread: /^
Фа 'if Quaiity Contour.*
[jAnti-aliased Knocks Out Drop Shadow
Рис.
7.З. Шар с надписью
Рис. 7.4. Настройки эффекта слоя Drop Shadow (Внешняя тень)
Чтобы это осуществить, необходимо сделать активным слой с текстом и еще раз воспользоваться эффектами слоя: Layer • Layer Style • Inner Shadow (Слой • Стиль слоя • Внутренняя тень). Здесь также можно поэкспериментировать с настройками, а на рис. 7.6 показаны параметры, которые были использованы в примере.
Рис. 7 . 5 . Свободное трансформирование
Шар
Рис. 7.6. Настройки эффекта слоя Inner Shadow (Внутренняя тень)
на данном этапе работы показан на рис. 7.7.
Чтобы сделать иллюзию объема более выразительной, можно добавить тень от шара аналогично тому, как мы создавали тень от букв, только на этот раз активным должен быть слой Сфера. В результате изображение должно стать похожим на то, которое представлено на рис. 7.8. Теперь немного размойте тень. Для этого можно использовать целый ряд приемов, авторы остановились на маске слоя, показанной на рис. 7.9.
Глава 7. Имитация объема в Photoshop
1И1
Рис. 7.7. Результат использования Inner Shadow (Внутренняя тень)
Рис. 7.8. Шар после добавления заготовки для тени
Впрочем, практически то же самое можно сделать и более привычным многим фильтром Gaussian Blur (Размытие по Гауссу). Пример выполнен полностью. Результат представлен на рис. 7.10.
Opacity, 100-::, > . Fill! |J.00JK
normal Lock, Q
•
I I I 3d 1
Щ
shir 1
!
НШШЯ1
Рис. 7.9. Добавление к тени слоя-маски
Рис. 7.10. Результат применения фильтра 3D Transform (Трехмерное преобразование) <*^)
7.2. Металлические трубы Наша задача состоит в том, чтобы нарисовать фрагмент запутанного трубопровода, причем трубы должны быть металлическими и объемными. Эта трудная на первый взгляд работа делается элементарно следующим методом. Создайте файл (Ctrl+N). Размер изображения не имеет значения: чем больше холст, тем больше труб вы сможете разместить и тем более сложный рисунок у вас получится. Создание лабиринта из труб необходимо начать с подготовки к основному этапу, а именно с создания градиента, который будет использоваться в дальнейшем при реализации абсолютно всех труб. Установите в качестве Foreground Color (Цвет
Металлические трубы переднего плана) черный, а в качестве Background Color (Цвет фона) — белый (клавиша D). Выберите инструмент Gradient (Градиент), установите тип градиента Linear (Линейный) и дважды щелкните мышью на значке градиента на панели параметров. Нам необходимо создать образец градиентной заливки, состоящий из двух основных цветов — черного и белого — и из дополнительных серых оттенков. Изображение градиента, полученного нами, представлено на рис. 7.11. При его создании использовались 7 цветовых ограничителей: белый, светло-серый, белый, темно-серый, черный, черный и белый, находящихся в положениях 0, 8, 16, 39, 57, 70 и 100 соответственно. Все указатели средних точек были оставлены без изменения.
Name; :| Custom Г
Gradient lype ' 100
New Solid
v
* 'к
& й
Stops — Cotar;
70
Ж
belete
Рис. 7 . 1 1 . Создание градиента
Половина дела сделана. Теперь приступаем к непосредственному созданию труб. Выбирая различные инструменты выделения (такие как выделения правильной формы и лассо), создавайте один за другим сегменты лабиринта из труб, а затем поочередно закрашивайте их с помощью линейного градиента («горячая» клавиша G) (рис. 7.12). Количество, рисунок и конфигурация труб остаются исключительно на ваше усмотрение. Обратите внимание, что изображение лучше смотрится, если на нем представлено несколько труб с разным диаметром. Следите также за тем, какие трубы расположены на переднем плане, а какие — на заднем.
Глава 7. Имитация объема в Photoshop Чтобы придать металлу большую правдоподобность, можно добавить на него заклепки. Возьмите кисть диаметром 1 пиксел и поставьте несколько точек в необходимых по вашему усмотрению местах. Задний план делается с помощью линейного градиента (рис. 7.13), можно использовать тот же градиент, что при создании труб.
П I,
Рис. 7.12. Используя выделение и заливку градиентом, создаем переплетение труб
Рис. 7.13. Металлические трубы
7.3. Кнопка в стиле Windows XP В этом разделе мы расскажем, как своими руками создавать кнопки, стандартные для интерфейса Windows XP. На первый взгляд данная задача кажется очень трудной, но на самом деле все просто. Сперва нужно нарисовать заготовку. Для этого можно воспользоваться инструментом Rounded Rectangle (Скругленный прямоугольник) или сочетанием инструментов выделения. Мы пойдем по второму пути, так как он подойдет даже для пользователей старых версий Photoshop. Запустите инструмент Rectangle Marquee (Прямоугольное выделение) и создайте выделение, по размерам примерно соответствующее будущей кнопке. Затем выберите инструмент Elliptical Marquee (Эллиптическое выделение) и, нажав на панели параметров кнопку Add to selection (Добавить к выделению), создайте выделение, соответствующее показанному на рис. 7.14. Залейте выделение белым цветом и, скопировав (Ctrl+C) и вставив его (Ctrl+V), разверните с помощью инструмента Free Transform (Свободное трансформирование), чтобы получилась готовая заготовка для кнопки (рис. 7.15). Затем склейте слои с частями кнопки. Затем запустим инструмент Paint Bucket (Заливка) и окрасим кнопку в более подходящий цвет. Авторы использовали синий со значениями R85, G140, В187. Впрочем, вы можете остановиться на любом оттенке, кроме белого и черного.
Кнопка в стиле Windows XP
^
Рис. 7.14. Комбинируя инструменты выделения, создаем заготовку кнопки
g
Рис. 7.15. С помощью Free Transform (Свободное трансформирование) поворачиваем скопированный элемент
Применим к заготовке стиль слоя Bevel and Emboss (Скос и рельеф): Layer • Layer Style • Bevel and Emboss (Слой • Стиль слоя • Скос и рельеф) с настройками, показанными на рис. 7.16. Результат этого действия представлен на рис. 7.17.
• • • • Bevel &nd ErabosS Technq i ue: [Smooth B«*> : -Дг:
Direction! ®Up Soften: • Shading •••• An.gf«!
^
Qoovwi
1120 !* ) 0 U » fibbil Light J30 Iе'
Mode! ! Screen fipscityi
Shadowfrfodeij Multiply Opacityi Рис. 7.16. Настройки Bevel and Emboss (Скос и рельеф)
Рис. 7.17. Результат применения Bevel and Emboss (Скос и рельеф)
Затем, не закрывая окно Layer Style (Стиль слоя), добавьте к создаваемому стилю эффект Gradient Overlay (Наложение градиента) с настройками, соответствующими показанным на рис. 7.18. Если все сделано правильно, то результат должен соответствовать рис. 7.19. Наконец, третий и последний шаг в создании стиля слоя для ХР-кнопки. Добавьте к двум предыдущим эффектам Inner Shadow (Внутренняя тень) (рис. 7.20).
Глава 7. Имитация объема в Photoshop
EELJ Gradient Overlay Gradient Be l nd Modej [Multiply OgacftysJ ! Gradient;
Рис. 7.18. Настройки Gradient Overlay (Наложение градиента)
Рис. 7.19. Работа после добавления эффекта Gradient Overlay (Наложение градиента)
Результат добавления эффекта Inner Shadow (Внутренняя тень) представлен на рис. 7.21.
.
•
:
'
•
:
:
•
•
'
•
:
C
o
n
t
•
o
•
u
r
•
••
.
•
;
H
u
ft
•
•
:
«
»
.
j
:
•
•
•
A
n
l
"
•
1
%
i
.
•
Рис. 7.20. Настройки Inner Shadow (Внутренняя тень)
Рис. 7 . 2 1 . Результат добавления эффекта Inner Shadow (Внутренняя тень)
Создадим новый слой (Shift+Ctrl+N). Добавьте новое выделение и залейте его подходящим цветом. Авторы использовали цвет Rl 11, G176, В 225. Размер, форму и положение нового элемента можно видеть на рис. 7.22.
Рис. 7.22. Добавляем новый слой
Размойте его с помощью фильтра Gaussian Blur (Размытие по Гауссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу) (рис. 7.23). В результате вы получите кнопку, которая будет очень похожа на заявленную нами цель примера (рис. 7.24).
Кнопка в стиле Windows XP Gaussian Blur
•
-
\
.
"•
?
. Д
:
Cancel
0 Preview
II 15
pixel:
^
Рис. 7.23. Настройки фильтра Gaussian Blur (Размытие по Гауссу)
Рис. 7.24. Кнопка после применения Gaussian Blur (Размытие по Гауссу)
Аналогично предыдущему создайте еще один новый слой. Только на этот раз выделение должно располагаться в верхней части кнопки (ориентируйтесь на рис. 7.25). Запустите инструмент Gradient (Градиент) и залейте выделение стандартным линейным градиентом от черного цвета к белому. В итоге получится то, что показано на рис. 7.25. Откроем палитру Layers (Слои) и изменим для слоя с градиентом значение Blending Options (Параметры наложения) на Screen (Экран), a Opacity (Непрозрачность) — на 75 %. Результатом станет практически полностью готовая кнопка в стиле ХР (рис. 7.26).
Рис. 7.25. Заливаем выделение на новом слое линейным градиентом
Рис. 7.26. Кнопка после изменения настроек слоя с градиентом
Осталось совсем немного. Напишите любой текст и с помощью стиля слоя Drop Shadow (Внешняя тень) добавьте ему небольшую тень. Поместите на палитре Layers (Слои) слой с текстом ниже слоя с градиентом. Итоговое изображение показано на рис. 7.27.
Рис. 7.27. Кнопка в стиле Windows XP
Глава 7. Имитация объема в Photoshop
7.4. Стеклянная кнопка В этом разделе мы покажем, как нарисовать объемную стеклянную кнопку Сразу скажем, что в Photoshop есть готовые стили, которые позволяют сделать примерно то же самое. Различие в том, что с помощью стилей можно получить только одфотографию Н ° П К У ' а М Ы б У Д Ш И С П 0 Л Ь 3 0 В а т ь в к а ч е с т в е «сходного изображения Откройте подходящее изображение. Оно должно быть обязательно цветным и жее Ь Н ° В Ы С 0 К 0 Г 0 к а ч е с т в а - М ы остановились на варианте, изображенном на Кнопка будет круглой. Поэтому выделите с помощью инструмента Elliptical Marquee (Эллиптическое выделение), удерживая клавишу Shift, круглую область Затем инвертируйте выделение: Select > Inverse (Выделение • Инвертировать) ПолуН
ГискеТ(Заливк аГ
Не бХ ДИМ
° °
°
3аЛИТЬ ббЛЫМ Ц В е Т М
° '
исполь
з у я инструмент Paint
Инвертировав выделение, вы получите примерно то же, что показано на рис 7 29 F Это будет заготовка для кнопки.
Рис. 7.28. Исходное изображение
Рис. 7.29. Заготовка для кнопки
Оставшаяся часть работы сведется к созданию подходящего слоевого стиля Для этого нам понадобится эффект Drop Shadow (Внешняя тень): Layer • Layer Style • Drop СЛ Я В Н 6 Ш Н Я Я ТеНЬ) С наст рис 7W30 ° Р ° й к а м и - приведенными „а Не закрывая окно Layer Style (Стиль слоя), переключитесь на эффект Inner Shadow (Ьнутренняя тень) и задайте параметры, показанные на рис. 7.31. Снова переключившись, на этот раз на эффект Gradient Overlay (Наложение градиента), задайте последние штрихи создаваемому стилю (рис. 7.32). На этом эффект можно считать выполненным (рис. 7.33). Если есть желание сделать кнопку более реалистичной, то можно ее немного доработать кистью с мягкими краями и применением фильтра Lens Flare (Блик) из группы Render (Осве-
Литой диск Drop Shadow StriHtur» i Be l nd Mode: i Multiply
P
v
UM Global Light
Quality ' Contours • Nos ie; **:•• ; • • • • • : •; :
11
i
Out Drop Shadow
Рис. 7.30. Настройки Drop Shadow (Внешняя тень)
i Рис. 7 . 3 1 . Настройки Inner Shadow (Внутренняя тень)
Gradient Overlay : ; Gradient I ; Blind Mode: | Screen
Psiil
* 0A»cjn w«h Layei
Рис. 7 . 3 2 . Настройки стиля Gradient Overlay (Наложение градиента)
Рис. 7.33. Стеклянная кнопка <
7.5. Литой диск В предыдущих примерах этой главы мы рисовали в основном достаточно абстрактные предметы. Но самым сложным при имитации объема в Photoshop является как раз повторение тех вещей, которые мы видим каждый день в реальной жизни. Именно такую задачу нужно решить в этом примере. Мы попробуем нарисовать максимально реалистичный автомобильный литой диск. Создайте новое изображение (Ctrl+N) размером около 500 х 500 пикселов. Фон должен быть прозрачным. Сразу необходимо добавить новый слой (Shift+Ctrl+N). С помощью инструмента Ellipse (Эллипс) в режиме Fill pixels (Заполненная область) нарисуйте на новом слое круг (рис. 7.34). Круг нам нужен исключительно для упрощения следующего, чрезвычайно сложного для начинающих пользователей, этапа работы. Запустите инструмент Реп (Перо) и попробуйте нарисовать одно отверстие в литом диске (авторский вариант представлен на рис. 7.35).
Глава 7. Имитация объема в Photoshop :К;">Й¥*йШййШйй
1 'ЙЙЙЙ :
Рис. 7.34. Созданный круг
' ••'••Й-SS
Рис. 7.35. Для рисования контура диска лучше всего использовать инструменты группы Реп(Перо)
Аналогично, комбинируя инструменты группы Реп (Перо) и фигуры, полностью нарисуйте контур литого диска. При этом ориентируйтесь на результат авторов, показанный на иллюстрациях ниже. Эта задача может оказаться абсолютно непосильной для тех, кто не владеет техникой рисования с помощью кривых Безье. В этом случае стоит отказаться от выполнения эффекта и вернуться к нему после накопления определенного опыта работы в Photoshop. Если контур получился, то активизируйте палитру Paths (Контуры) и переведите его в выделение (рис. 7.36). С помощью инструмента Paint Bucket (Заливка) или команды Fill (Заливка) окрасьте содержимое выделения в темно-серый цвет (рис. 7.37).
Рис. 7.36. Выделение готово
Рис. 7.37. Работа после заливки подходящим цветом
Литой диск Перейдем к самой главной части примера — приданию диску объема. Для этого нам понадобится сделать несколько шагов, но самый главный из них — это создание подходящего стиля слоя. Первым компонентом этого стиля стал эффект Drop Shadow (Внешняя тень): Layer • Layer Style • Drop Shadow (Слой • Стиль слоя • Внешняя тень) с настройками, представленными на рис. 7.38. Не закрывая окно Layer Style (Стиль слоя), переключитесь на эффект Bevel and Emboss (Скос и рельеф) и задайте параметры, указанные на рис. 7.39. :
Bevel «ill §?УШ-1 Emboss Technique!:: Smooth Depth:
J
Dirtctioft: © U p
Distinct! Spread! Q
;
AQgle; ^ « ^ ^
s
JO
}*
V J U M Global Light Altitude:
V . ^
••*H:1 31 Gloss Contour: ••-• Quality •• :•••
J :
Highlight Mode: i Screen
Contour!
>*ity,-;
Hoist! . r Knocks OKA Drop Shadow
Рис. 7.38. Настройки Drop Shadow (Падающая тень)
«11 :
|
Q j 100
; j™
Shadow Mode; Multiply ... . . _
Рис. 7.39. Настройки Bevel and Emboss (Скос и рельеф)
Третьим, последним компонентом стиля слоя станет эффект Contour (Контур), настройки которого показаны на рис. 7.40.
Рис. 7.40. Настройки Contour (Контур)
Кстати, этот стиль слоя можно сохранить на палитре Styles (Стили), так как он является универсальным для любых объемных металлических предметов. Если все было сделано правильно, то уже сейчас вы получите вполне объемный литой диск (рис. 7.41).
Глава 7. Имитация объема в Photoshop Дальнейшие действия не привнесут в работу ничего принципиально нового, но добавят ей реалистичности. Создайте новый слой (Shift+Ctrl+N). Убедитесь, что выделение, над которым мы работали в начале примера, все еще активно. Если это не так, то его можно восстановить из контура. Выполните команду Select • Modify • Contract (Выделение • Изменить • Сузить), задав в качестве значения сжатия 5-6 пикселов (рис. 7.42).
Contract Selection Contract Bv: ]
Рис. 7 . 4 1 . Диск после применения слоевых эффектов
Рис. 7.42. Применяем Contract Selection (Сузить выделение)
Затем используем фильтр Lighting Effects (Эффекты света): Filter • Render • Lighting Effects (Фильтр • Освещение • Эффекты света) (рис. 7.43).
Lighting Effects - Style j Defautl
.; .(Ж j Cancel
•Light type [Omni
И On Intend: ?*Ш*1
5.0
Full
0
Shiny
Prapertie; .Gloss: Material:.
Malte Plastic
I Expose: ,Ч"Ч
Рис. 7.43. Настройки фильтра Lighting Effects (Эффекты света)
Шар Придадим металлу текстурность, применив к новому слою фильтр Add Noise (Добавить шум): Filter • Noise • Add Noise (Фильтр • Шум • Добавить шум) с настройками, показанными на рис. 7.44. Осталось склеить слои и оценить результат. Авторы считают, что получилось очень хорошо (рис. 7.45), особенно учитывая то, какие простые технологии мы при этом использовали.
S Preview
у-....•]"":••'. Q «iM% Amount; jlQ
|%
Distribution О Uniform
13 Monochromatc i Рис. 7.44. Настройки фильтра Add Noise (Добавить шум)
Рис. 7.45. Литой диск @£)
7.6. Шар Данный пример, наверное, один из самых простых в главе. Но при этом он является одним из самых полезных, так как посвящен процессу создания часто используемой объемной фигуры — шара. Создайте новое изображение в цветовой модели RGB (Ctrl+N). Размер особого значения не имеет, но лучше не задавать его больше 300 х 300 пикселов. Сразу создайте новый слой (Shift+Ctrl+N). На нем, используя инструмент Elliptical Marquee (Эллиптическое выделение), создайте выделение в форме круга и залейте его любым цветом («горячая» клавиша инструмента заливки — G). В нашем случае это синий (рис. 7.46). Чтобы реализовать на будущем шаре игру света, воспользуемся фильтром Lighting Effects (Эффекты света): Filter • Render • Lighting Effects (Фильтр • Освещение • Эффекты света) (рис. 7.47).
Глава 7. Имитация объема в Photoshop
Рис. 7.46. Заготовка для шара
- Light type ; Spotlight Intensity: Negative
v, 35 ^
Fuji
Focus:
Рис. 7.47. Настройки фильтра Lighting Effects (Эффекты света)
Впрочем, вы можете настроить все на глаз, но получиться должно некое подобие рис. 7.48. Уже на этом этапе у плоского круга должны появиться освещенная и затемненная стороны, превращающие его в подобие шара. Для увеличения реалистичности пустим по шару блики: Filter • Render • Lens Flare (Фильтр • Освещение • Блик). Параметры фильтра отображены на рис. 7.49. При желании можно применить данный фильтр повторно, используя при этом другие настройки. Шар почти готов (рис. 7.50). Улучшим его, добавив тень. Сделаем это с помощью стиля Drop Shadow (Внешняя тень): Layer • Layer Style • Drop Shadow (Слой • Стиль слоя • Внешняя тень).
Стеклянный шар на фоне пейзажа
Fare Center: Reset M :jH
i
Srightness; Lens Type © 50-300mm Zoom О 3Smm Prime :
.QlOSmm Prime '"•; О Movie Prime
Рис. 7.48. Результат применения фильтра Lighting Effects (Эффекты света)
Рис. 7.49. Диалоговое окно фильтра Lens Flare (Блик)
Эффект сделан полностью. Мы получили объемный шар (рис. 7.51). Подобным образом можно создать практически любую примитивную фигуру: эллипс, конус и т. д.
IШ:'• Рис. 7.50. Изображение после применения фильтра Lens Flare (Блик)
Рис. 7 . 5 1 . Созданный шар <
7.7. Стеклянный шар на фоне пейзажа Реализацию данного эффекта мы будем начинать не с «чистого листа», а с подбора фонового изображения. Найдите подходящее изображение квадратной или
Глава 7. Имитация объема в Photoshop почти квадратной формы. Мы будем работать с изображением, представленным на рис. 7.52.
Рис. 7 . 5 2 . Исходное изображение
Создайте выделение круглой формы с помощью инструмента Elliptical Marquee (Эллиптическое выделение), для активизации которого можно нажать клавишу М. Активизируйте инструмент Gradient (Градиент) («горячая» клавиша — G). В качестве основных цветов установите черный и белый, нажав клавишу D. Тип градиента выберите Linear (Линейный), а вид — Foreground to Background (От цвета переднего плана к цвету фона). Создайте новый слой, щелкнув на кнопке с изображением чистого листа, расположенной внизу палитры Layers (Слои), или нажав сочетание клавиш Shift+Ctrl+N. Теперь залейте полученное выделение на новом слое так, чтобы создавалась иллюзия, что одна сторона шара освещена, а другая находится в тени (рис. 7.53). Создайте копию фонового слоя, перетащив его к кнопке с изображением чистого листа на палитре Layers (Слои), и поместите созданный слой на самый верх. Дважды примените к нему фильтр Spherize (Сферизация) из набора Distort (Деформация) (рис. 7.54). В обоих случаях следует установить максимальную силу действия, так как наша задача — сделать шар, для чего необходимо сильно выгнуть изображение.
Стеклянный шар на фоне пейзажа
Рис. 7.53. Шар с градиентной заливкой
Mode Normal Рис. 7.54. Диалоговое окно фильтра Spherize (Сферизация)
В результате должно получиться нечто похожее на рис. 7.55.
Глава 7. Имитация объема в Photoshop
. •
,.,:...
Рис. 7.55. Сфера, созданная из фонового рисунка
Загрузите маленький шар в выделение, для чего щелкните на слое, на котором находится шар, с нажатой клавишей Ctrl. Сохраните выделение в качестве маски того слоя, к которому применялся фильтр Spherize (Сферизация). Для этого сделайте активным данный слой, после чего, не снимая выделения, щелкните на кнопке с изображением белого круга, расположенной внизу палитры Channels (Каналы). Щелкните на значке связи между маской и каналом, устранив таким образом их связь. Нажав сочетание клавиш Ctrl+T, что эквивалентно выбору команды меню Edit • Free Transform (Редактирование • Свободное трансформирование), преобразуйте слой так, чтобы расположенная на нем сфера стала примерно такого же размера, как на маске. При желании ее можно перевернуть. Преобразуем черно-белый шар с помощью настройки уровней яркости: Image • Adjustments • Levels (Изображение • Настройки • Уровни) (Ctrl+L). В диалоговом окне Levels (Уровни) увеличим контрастность цветов, перетащив белый маркер несколько левее (рис. 7.56). Изображение после применения Levels (Уровни) представлено на рис. 7.57. Для улучшения иллюзии объема дважды дублируйте слой с маленьким черно-белым шаром. Поместите эти слои на самый верх. Их непрозрачность установите равной 50%, а режимы наложения пикселов — Lighten (Замена светлым) и Darken (Замена темным).
Стеклянный шар на фоне пейзажа
f
Qiamet: [RGB
:
щ •••.
••• :
:
'г_
' 1 [
РК " Resit
1 '.
I. Load... 1
1 к^^Ш ^^^ш |
А
SMigUtteyds; J 0 " У " 255 ];.:::
i. sw... 1; 1
AUtO
]
Гор&эге.ГТ S&eview
Рис. 7.56. Настройки в диалоговом окне Levels (Уровни)
Рис. 7.57. Работа после применения Levels (Уровни)
ньГша Т оо Э м Л и П п Т оТ К О е В Ы Д е Л е Н И е Н а Н 0 В О М с л о е - Расположенном под слоем с цветеГ мЗъ! ° В ° С Г В а н И е ш а Р а - С е г о "«мощью мы сейчас создаВЫДе ЛеННуЮ о б л а ь че S Blur Г Р Г Г ^ Р«ь™ цветом. Примените фильтр Gausг sian Blur (Размытие по Гауссу) из набора Blur (Размытие), чтобы сделать переход
Глава 7. Имитация объема в Photoshop
Ш
1М%
Ы
is; ГЙ§Й ~] pixels
Рис. 7.58. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу)
Создайте выделение чуть меньше предыдущего и выполните все те же действия, но только залейте его белым цветом. Это необходимо для того, чтобы получить не просто тень от объекта, а тень от стеклянного и немного прозрачного шара. На этом создание тени закончено. Склейте все слои, нажав сочетание клавиш Shift+Ctrl+E или выполнив команду Layer • Merge Visible (Слой • Объединить видимые). Чтобы результат стал более правдоподобным, примените фильтр Lance Flare (Блик): Filter • Render • Lance Flare (Фильтр • Освещение • Блик) (рис. 7.59).
Brightness: Рис. 7.59. Диалоговое окно фильтра Lens Flare (Блик)
Итоговое изображение представлено на рис. 7.60.
Фантастические черви
Рис. 7.60. Стеклянный шар на фоне пейзажа
(^)
7.8. Фантастические черви В этой главе мы уже не раз доказали, что объем и Photoshop — это вполне совместимые понятия. Однако это доказательство со многими допущениями, и главное из них следующее: мы способны имитировать только достаточно простые формы с примитивным рельефом. Однако есть и исключения. В этом примере мы продемонстрируем, как быстро и легко создать объемных «червей», которые при этом будут полупрозрачными. Создайте новое изображение (Ctrl+N) средних размеров в цветовом режиме RGB. В качестве основных цветов задайте оранжевый (авторы использовали цвет R252, G113, В 0) и черный. Добавьте новый слой, нажав сочетание клавиш Shift+Ctrl+N. Примените к нему фильтр Clouds (Облака): Filter • Render • Clouds (Фильтр • Освещение • Облака). Затем дублируйте слой с облаками, перетянув его на палитре Layers (Слои) на кнопку в виде чистого листа бумаги. Не закрывая палитру Layers (Слои), измените значение параметра Blending Mode (Режим наложения) на Screen (Экран), a Opacity (Непрозрачность) уменьшите до 60 %. В результате должно получиться примерно то, что показано на рис. 7.61.
Глава 7. Имитация объема в Photoshop
Рис. 7 . 6 1 . Фон готов
Перейдем ко второй части работы. Откройте палитру Brushes (Кисти) и, используя параметры, показанные на рис. 7.62, на основе стандартного образца создайте новую кисть. Не забудьте сохранить ее как образец, так как она понадобится нам не прямо сейчас.
i_j Textura "": Dual fe-ush Dynamc is
Рис. 7.62. Настройки новой кисти
Запустим инструмент Smudge (Палец). В качестве кисти задайте образец, только что нами созданный. Обязательно установите флажок Sample All Layers (Использовать все слои). Остальные настройки можно оставить по умолчанию. Активизируйте инструмент Реп (Перо) и максимально точно повторите контур, показанный на рис. 7.63. При этом убедитесь, что работаете в режиме Paths (Контуры).
Фантастические черви Затем щелкните на контуре правой кнопкой мыши и в контекстном меню выберите пункт Stroke Path (Обвести контур) (рис. 7.64).
1 i i i p i i Рис. 7.63. Необходимый контур
И И D e t l A n c h o r P o n t i C e rea e tP vea c o tr m k a s D t l h t D n e i f C o m u s t S h a p e , . M a kPaS oitn. Flie h t.elc p C n P t. Pa Fe rip eligT a rn o s m frah ht
Рис. 7.64. Выбираем в контекстном меню пункт Stroke Path (Обвести контур)
В результате откроется диалоговое окно Stroke Path (Обвести контур), в котором в качестве инструмента обводки выберите Smudge (Палец). Обязательно установите флажок Simulate Pressure (Имитировать нажатие). После нажатия кнопки ОК появится заготовка первого червя. Но нам нужно их четыре. Поэтому создайте новый слой, немного сместите и трансформируйте контур и повторите действия с обводкой. Точно так же нарисуйте еще два червя (рис. 7.65).
.
•
Рис. 7.65. Всех червей нужно поместить на разные слои
На этом основная работа выполнена. Осталось сделать червей объемными и полупрозрачными. Для этого, как не сложно догадаться, лучше всего использовать стили слоя: Layer • Layer Style (Слой • Стиль слоя). Нам понадобится достаточно сложный стиль, состоящий из пяти компонентов.
Глава 7. Имитация объема в Photoshop Blending Options (Параметры наложения) с параметрами, показанными на рис. 7.66.
|Norm»|
Рис. 7.66. Настройки Blending Options (Параметры наложения)
Bevel and Emboss (Скос и рельеф) (рис. 7.67). :
Doel.nJLmb»» Stricture
technique; [Smocjlh_ E»«l.on: ©Op Soften: .
AKLiuda •olon Contout i 1
'
Я|[
нфЬфА Mod.,JScreen
N
£b*dowMod*i | MultiDlv
p
J
-* > iHi • j ••
Рис. 7.67. Настройки стиля Bevel and Emboss (Скос и рельеф)
Contour (Контур) (рис. 7.68). CoHr* ntou«nti r : Contour;
Рис. 7.68. Настройки Contour (Контур)
Color Overlay (Наложение цвета) (рис. 7.69). г .
Coll>r
it*ndMod*t j
Рис. 7.69. Настройки Color Overlay (Наложение цвета)
Сигарета Gradient Overlay (Наложение градиента) (рис. 7.70).
Рис. 7.70. Настройки Gradient Overlay (Наложение градиента)
В результате один из червей станет объемным и полупрозрачным. Но нам нужно, чтобы такими были все фигуры. Поэтому, убедившись, что активен слой с объемным червем, выполните команду Layer • Layer Style • Copy Layer Style (Слой • Стиль слоя • Копировать стиль слоя). Затем выполните команду Layer • Layer Style • Paste Layer Style (Слой • Стиль слоя • Вставить стиль слоя) для остальных слоев с фигурами. Пример выполнен полностью. Фантастические черви показаны на рис. 7.71.
Рис. 7 . 7 1 . Фантастические черви
7.9. Сигарета В этом примере мы решили продемонстрировать еще одну сторону Photoshop — возможность его применения для создания правдоподобных элементов, которые можно использовать не только как декоративные элементы сайтов, плакатов и различных видов рекламы, но и как самостоятельные изображения или их фрагменты. Итак, речь пойдет о том, как правдоподобно нарисовать обычную сигарету. Начнем с создания нового изображения: File • New (Файл • Создать) (Ctrl+N). Параметры изображения можно выбрать любые, с которыми вам будет удобнее работать.
Глава 7. Имитация объема в Photoshop Активизируйте инструмент Rectangular Marquee (Прямоугольное выделение) («горячая» клавиша М) и создайте прямоугольное выделение, которое впоследствии будет фильтром сигареты. Оставьте место над или под ним для другой части сигареты. Заметим, что удобнее каждый элемент создавать на отдельном слое, чтобы при необходимости его можно было безболезненно заменить более подходящим. Для создания нового слоя нужно выполнить команду Layer • New • Layer (Слой • Создать • Слой) или воспользоваться клавиатурным сокращением Shift+Ctrl+N. Залейте созданное выделение оранжевым цветом с помощью инструмента Paint Bucket (Заливка) («горячая» клавиша G). Для имитации неоднородности структуры следует добавить немного шума: Filter • Noise • Add Noise (Фильтр • Шум • Добавить шум) (рис. 7.72). Силу действия (Amount) следует установить небольшую, так как в данном случае шум используется для придания правдоподобности. В нашем примере значение Amount (Эффект) равно 6 %. Обратите внимание, что флажок Monochromatic (Монохромный) снят. Add Noise fxf lift • • . :•:•.;•: щ ж i• I Yir-aVir"»^- "•': H M M M f f i СДАЛ L Reset j • 0 Preview •••
I'':''""""":'"*:""": «
. • : • • .
•
. •
8
•' Q' ao% • • E Amount j 6
|% .
•4 W О Uniform ; ©Qausslan *_!'Monochromatic Рис. 7.72. Диалоговое окно фильтра Add Noise (Шум)
Далее следует взять небольшую кисть и нарисовать на фильтре более светлым цветом несколько разбросанных штрихов. Следующий этап работы посвящен созданию основной части сигареты — той, которая содержит табак. Добавьте новый слой, предназначенный для этой части изображения. Создайте на нем прямоугольное выделение, которое будет располагаться над или под фильтром (в зависимости от оставленного места), и залейте его белым, а лучше грязновато-белым цветом.
Сигарета Установите в качестве основных цветов черный и белый, нажав клавишу D, и воспользуйтесь фильтром Note Paper (Бумага): Filter • Sketch • Note Paper (Фильтр • Эскиз • Бумага) (рис. 7.73). В приведенном примере заданы следующие значения параметров фильтра: Image Balance (Баланс изображения) — 16, Graininess (Зернистость) — 3, Relief (Рельеф) — 4. Далее мы будем имитировать объем, для чего понадобится еще один слой (сочетание клавиш Shift+Ctrl+N). Создайте выделение, охватывающее всю сигарету, затем выберите инструмент Gradient (Градиент) («горячая» клавиша — G), который является главным помощником при имитации объема. Установите тип градиента Reflected (Отраженный), а направление — Foreground to Background (От цвета переднего плана к цвету фона). Напомним, что основные цвета должны оставаться белым и черным. Измените режим наложения пикселов активного слоя на Multiply (Умножение), в котором будут видны только темные участки слоя, а также отрегулируйте параметр Opacity (Непрозрачность). В нашем примере оптимальной является непрозрачность 68 %. Результат этих действий можно видеть на рис. 7.74.
O K j':;;:. ,:'.::v :I;',:; с ReSel , . )•• ; ':; ' . ' I:'-: Ш\ ' j|H Noe t Paper i: m Iage Balnce : •• .!. Graniniess ;4 : Ree ilf •*••
с
Рис. 7.73. Настройки фильтра Note Paper (Бумага)
Рис. 7.74. Сигарета без табака
Если присмотреться, то можно заметить, что на границе между фильтром и бумагой обычно есть еще небольшая полоска. Создайте для нее выделение на новом слое. Затем выберите желто-оранжевый цвет в качестве основного и залейте полученную область тем же градиентом, что и ранее, только с переходом от желтого цвета к белому и обратно. Следующий этап работы — создание табака, которое также следует проводить на новом слое. Выделите прямоугольную область на конце сигареты и заполните ее грязно-коричневым цветом. Вновь воспользуйтесь фильтром Add Noise (Добавить шум), только силу действия (Amount) задайте значительно больше (можно даже максимальную) и обязательно установите флажок Monochromatic (Монохромный). Возьмите инструмент Erase (Ластик) («горячая» клавиша Е), выберите жесткую кисть и сотрите часть области так, чтобы она получилось рваной, похожей на рассыпчатый табак.
Глава 7. Имитация объема в Photoshop Для усиления объемности примените фильтр Shear (Сдвиг) из группы Distort (Деформация) с настройками, приведенными на рис. 7.75. В качестве последнего шага можно добавить сигарете тень: Layer • Layer Style • Drop Shadow (Слой • Стиль слоя • Внешняя тень). Итоговое изображение представлено на рис. 7.76. Получилось почти фотографично.
Reset
Defaults
-.
\
|
Undefined Area?; .'-. 0'tfapAiound OBepe«tEdgeH>els
Рис. 7.75. Настройки фильтра Shear (Сдвиг)
Рис. 7.76.
7.10. Булыжник Мы уже говорили о том, как имитировать различные природные текстуры и явления. Но гораздо более сложной задачей является рисование предметов. И если, например, реалистичное дерево человек без хороших художественных способностей не сможет нарисовать, то более простые и менее детализированные предметы доступны для имитации каждому. Яркий тому пример — камень, создание которого сейчас будет описано. Создайте новый документ (Ctrl+N) средних размеров в цветовом режиме RGB. Фон можно оставить белым. Запустите инструмент Ellipse (Эллипс) в режиме Shape layers (Слои фигуры). Нажав клавишу Shift, нарисуйте круг серого цвета (рис. 7.77). Мы бы могли сразу перейти к работе по приданию булыжнику подходящей текстуры и объема, но форма заготовки слишком правильная. Поэтому активизируйте инструмент Direct Selection (Модификация) и, передвигая якорные точки и их направляющие, добейтесь результата, показанного на рис. 7.78.
Булыжник
Рис. 7.77. Заготовка для камня
Рис. 7.78. Перемещая якорные точки, добейтесь подходящей формы
Для продолжения работы необходимо перевести фигуру в растр. Для этого щелкните на изображении правой кнопкой мыши и выберите команду Rasterize Layer (Растрировать слой). Следующим шагом работы станет придание булыжнику подходящей текстуры. Примените фильтр Add Noise (Добавить шум): Filter • Noise • Add Noise (Фильтр • Шум • Добавить шум) с настройками, которые показаны на рис. 7.79.
•ШЖ
II III I
Reset
I !
Amount: i Щ г
&
;
г- Distribution ©Unifotm
0 Monochromatic
Рис. 7.79. Настройки фильтра Add Noise (Добавить шум)
Глава 7 . Имитация объема в Photoshop Теперь можно заняться объемом. Как уже догадались самые внимательные читатели, лучший способ решения этой задачи — использование слоевых эффектов. Авторы использовали стиль, состоящий из двух компонентов: эффекта Bevel and Emboss (Скос и рельеф) с настройками, показанными на рис. 7.80, и эффекта Drop Shadow (Внешняя тень) с настройками, приведенными на рис. 7.81. Mturtor.8
.[Smooth
Д D r o p SfeatJfi
Direction! ^>Up
pOown
... ^.''. gzei .'
••• S t r u c t w e E.l»r.d rj.:,d«: Multiply
Softeni ,
Рис. 7.80. Применяем стиль слоя Bevel and Emboss (Скос и рельеф)
Рис. 7 . 8 1 . Настройки Drop Shadow (Внешняя тень)
Результатом этих действий станет превращение плоской фигуры в уже вполне реалистичный объемный булыжник. Но он очень скучный. Добавим ему немного оригинальности с помощью следующего приема. Запустите инструмент Polygonal Lasso (Многоугольное лассо) и создайте выделение в виде прямоугольной полоски поперек булыжника. Создайте новый слой (Shift+Ctrl+N). Залейте на нем выделение белым цветом. Затем перейдите на палитру Layers (Слои) и измените Blending Mode (Режим наложения) слоя на Screen (Экран), a Opacity (Непрозрачность) уменьшите до 30%. Наша работа на этом этапе показана на рис. 7.82. Камень почти готов. Остались последние штрихи. Запустите инструмент Brush (Кисть) и, выбрав образец с мягкими краями и светло-серый цвет, нарисуйте на камне крупные пятна. Это потребует от вас определенных усилий, так как слишком крупные или мелкие пятна испортят всю работу. Не забывайте о том, что неудачные действия всегда можно отменить с помощью сочетания клавиш Ctrl+Z или палитры History (История). Затем создайте еще один новый слой. Расположим его ниже камня, перетянув на палитре Layers (Слои). На нем будет нарисован песок. Для начала достаточно залить этот слой желтым цветом (рис. 7.83).
Булыжник
Рис. 7.82. Полоска на камне
Рис. 7.83. Пятна на камне и заготовка для песка
Для превращения желтого фона в песок достаточно всего двух действий. Примените фильтр Add Noise (Добавить шум): Filter • Noise • Add Noise (Фильтр • Шум • Добавить шум) с настройками, показанными на рис. 7.84. Затем активизируйте инструмент Burn (Затемнитель) и, выбрав крупную кисть с мягкими краями, придайте песку неровность всего несколькими движениями (ориентируйтесь на итоговый результат). На этом пример выполнен полностью. Готовый булыжник показан на рис. 7.85.
1
1
•:
Q K
J
R e s e t
J
'.У-. ......
В Monochromatic Рис. 7.84. Настройки фильтра Add Noise (Добавить шум)
Рис. 7.85. Булыжник i
Глава 7. Имитация объема в Photoshop
7 . 1 1 . Щупальца в крови Этот пример многим кажется очень неприятным и даже омерзительным. Авторы не станут спорить. Ценность данного примера заключается не в его результате, а в демонстрации еще одной техники получения псевдообъемных объектов. Создайте новое изображение в цветовом режиме RGB. Размер его должен быть 250 х 250 пикселов. Фоновый цвет установите обязательно белый. Сразу создайте новый слой (Shift+Ctrl+N). Выберите инструмент Rectangle (Прямоугольник) в режиме Fill pixels (Заполненная область). Нарисуйте с его помощью черный прямоугольник, подобный показанному на рис. 7.86.
Рис. 7.86. Базовый прямоугольник
Создайте еще один новый слой (Shift+Ctrl+N). Нарисуйте на нем точно такой же прямоугольник ровно над предыдущим, но уже белого цвета. Примените к этому слою фильтр, который и является в данном примере секретом имитации псевдообъема. Это, как ни странно, привычный Gaussian Blur (Размытие по Гауссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу). Примените его с настройками, показанными на рис. 7.87, а затем склейте слои (Ctrl+E). Полученный результат уже производит впечатление объемной фигуры (и очень похож на рисунок одной из стадий примера рисования сигареты). Это получилось благодаря появлению зоны частично размытых пикселов на верхнем слое из-за использования фильтра Gaussian Blur (Размытие по Гауссу). Запомните данную технику, так как это очень простой и элегантный способ имитации объема. Начнем превращать цилиндр в щупальце. Для этого сначала трансформируйте его (Ctrl+T), как показано на рис. 7.88. Мы использовали для этого тип трансформации Distort (Деформация). Если результат вас удовлетворил, идем дальше. Следующий фильтр позволяет задать изгиб щупальца: Filter • Distort • Shear (Фильтр • Деформация • Сдвиг). Используйте его с параметрами, указанными на рис. 7.89.
Щупальца в крови Gaussian Blur 1
Reset
1 j
И Review 1 i
1
1
1CP0
Q
* Ш
' gadius; i 4
I pixels
1 1
Рис. 7.87. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу)
Рис. 7.88. Использование Free Transform (Свободное трансформирование) для формирования щупальцев
Результат уже напоминает щупальца какого-то фантастического существа. Однако его можно улучшить, добавив блеск. Для этого отлично подходит фильтр Plastic Wrap (Целлофановая упаковка): Filter • Artistic • Plastic Wrap (Фильтр • Имитация • Целлофановая упаковка) (рис. 7.90).
::,:. ..4:ii
Undefined Areas; • © Wrap Around О Bepeat Edge Pixels
• *j
... 1
cz
: —
i 1
0К Reset
i
Plastic Wrap
... |
я
if
.i Ш 1;
• ••*-< ,s
|
Highlight Strength
• DAtafl • .: . . : ' : : H § j
I s
i
Рис. 7.89. Настройки фильтра Shear (Сдвиг)
О
л
Smoothness
• I
Л_„
• •
:
••.-..'• :
:
.>•;.•.
о :
Рис. 7.90. Параметры фильтра Plastic Wrap (Целлофановая упаковка)
Глава 7. Имитация объема в Photoshop Осталось нарисовать кровь. Для этого создадим новый слой (Shift+Ctrl+N) и сразу переведем его в режим наложения Color Bum (Цветовой прожиг). В этом режиме кровь будет видна только на щупальцах. Создайте подходящую кисть для имитации кровавых пятен. На этом этапе придется немного экспериментировать, так как готового решения нет. Скажем только, что это должна быть кисть неправильной формы с заданными настройками Shape Dynamics (Динамика кисти), Scattering (Рассеивание) и Airbrush (Аэрограф). Дублируйте щупальце два раза и, используя Free Transform (Свободная трансформация), немного измените копии по отношению к оригиналу. Расположите три щупальца друг по отношению к другу, чтобы они смотрелись органично. Возможно, стоит добавить немного крови на фоновый слой. Для этого пригодится уже созданная вами кисть. Получившиеся у нас щупальца в крови показаны на рис. 7.91.
Рис. 7 . 9 1 . Щупальца в крови i
7.12. Объемная планета Этот пример, возможно, понравится начинающим пользователям Adobe Photoshop. В нем мы поговорим о том, как очень быстро и просто нарисовать объемную Землю в космосе. Несмотря на то что на первый взгляд он не прост, этот эффект один из самых легких в книге. Итак, создадим изображение в цветовом режиме RGB размером 1000 х 1000 пикселов. Фоновый цвет сразу можно задать черным. Создайте новый слой (Shift+Ctrl+N). Запустите инструмент Elliptical Marquee (Эллиптическое выделение) и создайте круглое выделение чуть меньше изображения. Установите основные цвета по умолчанию (клавиша D). Затем примените фильтр Clouds (Облака): Filter • Render • Clouds (Фильтр • Освещение • Облака). Результат показан на рис. 7.92.
Объемная планета Начнем превращать облака в материки. Для этого достаточно увеличить контрастность изображения: Image • Adjustments • Brightness/Contrast (Изображение • Настройка • Яркость/Контраст) (рис. 7.93). Также можно обратить внимание на настройку Brightness (Яркость). При уменьшении значения яркости материки будут становиться больше, при увеличении — наоборот.
Brightness/Contrast -••::] +5•
Brightness; • '• • Contrast:
^j
Г.... O K
.1
| 100
E
Reset
i [;•:
Preview
•
Рис. 7.92. Результат применения фильтра Clouds (Облака)
Рис. 7.93. Настройки Brightness/Contrast (Яркость/Контраст)
Теперь следует окрасить Землю. Самый простой и незатейливый способ — запустить инструмент Paint Bucket (Заливка) и залить черные участки зеленым цветом, а белые — голубым. Обратите внимание, что значение параметра Tolerance (Допуск) не должно быть больше 150. Применим фильтр, который позволит придать Земле текстурность и одновременно не затронет океаны: Filter • Artistic • Film Grain (Фильтр • Имитация • Зернистость пленки) (рис. 7.94). Теперь можно переходить к самой интересной части нашей работы — имитации объема. Создайте новый слой (Shift+Ctrl+N). Убедитесь, что созданное ранее выделение еще активно. Установите основные цвета по умолчанию (D) и запустите инструмент Gradient (Градиент) (G). Убедитесь, что выбран вид градиента Foreground to Background (От цвета переднего плана к цвету фона). Тип градиента установите Radial (Радиальный) и создайте переход, подобный показанному на рис. 7.95. Измените Blending Mode (Режим наложения) на палитре Layers (Слои) слоя с градиентом на Multiply (Умножение). Земля сразу станет псевдообъемной. Если ее внешний вид вас устраивает, то сведите все слои (Shift+Ctrl+E). Остался последний штрих. Примените фильтр Lens Flare (Блик): Filter • Render • Lens Flare (Фильтр • Освещение • Блик) с настройками, которые показаны на рис. 7.96.
Глава 7. Имитация объема в Photoshop
L. OK (Z Reset
j J
ipf Fm li Gran i fi
j.;
Highlight Aree no j
Рис. 7.94. Параметры фильтра Film Grain (Зернистость пленки)
Рис. 7.95. Созданный градиент
Готовое изображение показано на рис. 7.97. Lens Flare
fx|| 1
llare Centen
I
OK
"*~l • Reset
Brightness:
1 ]
0O1 j %
^. -«.Ji.ioofl. OS j mmPnme O№vie Prime:
:
::::::;
Рис. 7.96. Настройки фильтра Lens Flare (Блик)
Рис. 7.97. Объемная планета
7.13. Фантастическая сфера В этой главе мы уже не раз описывали технологии создания псевдообъемных сфер. Вызвано это не тем, что это крайне необходимо в практической деятельности, а тем, что на этой фигуре проще всего продемонстрировать приемы, используя которые
Фантастическая сфера вы сможете добиваться качественного результата и при решении многих других задач. В этом примере мы нарисуем самую красивую сферу в книге. Но и сделать это будет не так просто, как в других примерах. Начинающим пользователям придется повозиться. Создайте новое изображение средних размеров в цветовом режиме RGB. Сразу, используя инструмент Paint Bucket (Заливка), окрасьте фон в темно-голубой цвет (авторы использовали оттенок R44, G114, В185). Создадим новый слой (Shift+Ctrl+N). Назовем его Сфера. С помощью инструмента Elliptical Marquee (Эллиптическое выделение) определите круглую область выделения, по размерам соответствующую будущей сфере. Запустите инструмент Gradient (Градиент) и создайте новый образец, представляющий собой переход от цвета R36, G52, В124 (или любой другой оттенок) к абсолютно белому. Залейте, выбрав радиальный тип градиента, выделение так, чтобы получить изображение, соответствующее рис. 7.98. Создайте новый слой (Shift+Ctrl+N). Выделение, с которым мы работали ранее, должно быть активным. Выполните операцию его сужения: Selection • Modify • Contract (Выделение • Изменить • Сжать) со значением 4 пиксела. Снова активизируйте инструмент Elliptical Marquee (Эллиптическое выделение) и, включив режим Subtract from selection (Удалить из выделения), добейтесь выделения, соответствующего показанному на рис. 7.99.
Рис. 7.98. Слой Сфера
Рис. 7.99. Созданное выделение
Залейте выделение белым цветом с помощью команды Fill (Залить): Edit • Fill (Редактирование • Залить) или инструмента Paint Bucket (Заливка). Удалите выделение, нажав сочетание клавиш Ctrl+D. Примените к только что созданному слою фильтр Gaussian Blur (Размытие по Гауссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу) с настройками, указанными на рис. 7.100.
Глава 7. Имитация объема в Photoshop Затем на палитре Layers (Слои) измените значение параметра Opacity (Непрозрачность) слоя на 90 %. Создайте еще один слой (Shift+Ctrl+N). Назовите его Атмосфера. Щелкните мышью на слое Сфера правой кнопкой мыши с нажатой клавишей Ctrl, чтобы создать выделение, повторяющее контуры шара. Установите цвета по умолчанию, нажав «горячую» клавишу D. Залейте выделение белым цветом. Затем 10 раз подряд примените фильтр Difference Clouds (Разностные облака): Filter • Render • Difference Clouds (Фильтр • Освещение • Разностные облака). В результате получится примерно то же, что у авторов (рис. 7.101). Gaussian Blur
Рис. 7.100. Настройки фильтра Gaussian Blur (Размытие по Гауссу)
Рис. 7 . 1 0 1 . Слой Атмосфера
Убедившись, что активным является слой Атмосфера, примените фильтр Spherize (Сферизация): Filter • Distort • Spherize (Фильтр • Деформация • Сферизация) с настройками, показанными на рис. 7.102. Откройте палитру Layers (Слои) и измените значение следующих параметров: •
Blending Mode (Режим наложения) — на Overlay (Перекрытие);
•
Opacity (Непрозрачность) — на 85 %.
После выполнения этих операций ваше изображение должно стать очень похожим на рис. 7.103. Создадим новый слой и назовем его Darklight. Если выделение уже неактивно, то загрузите его, щелкнув мышью на слое Сфера (как мы это делали чуть раньше). Примените к выделению команду Edit • Stroke (Редактирование • Обвести) с параметрами, показанными на рис. 7.104.
Фантастическая сфера
Mode
F i r I ft fct L TTT t
i
у1
111 iv*= ?n
Рис. 7.102. Настройки фильтра Spherize (Сферизация)
Рис. 7.103. Работа после готовности слоя Атмосфера
Не снимая выделения, выполните команду Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу), задав настройки, указанные на рис. 7.105. Gaussian Blur
1
S t r o k e . •••••••• .• : :
1
Viidth: ' £3
Color: Щ • Location
V» :. Mode: | Mormal
шШ
Рис. 7.104. Настройки применения команды Stroke (Обвести)
•
Www»"
пягжУж ж"-
В
: [^Preserve Transparency-
Ш. Ш
Ip xe isl
Рис. 7.105. Настройки фильтра Gaussian Blur (Размытие по Гауссу)
Склейте все слои (Ctrl+E) работы, кроме фона, в один. Его можно снова назвать Сфера. Создадим отражение шара. Для этого дублируйте слой Сфера, перетянув его на палитре Layers (Слои) на кнопку в виде чистого листа бумаги. Сразу уменьшите значение параметра Opacity (Непрозрачность) до 20%. Затем с помощью Free Transform (Свободное трансформирование) (Ctrl+T) разверните копию сферы и поместите ее так, как показано на рис. 7.106.
Глава 7. Имитация объема в Photoshop Осталось совсем немного. Нарисуем тень от шара. Нам понадобится еще один слой. Назовите его Тень и сразу на палитре Layers (Слои) задайте следующие параметры: •
Blending Mode (Режим наложения) — Multiply (Умножение);
•
Opacity (Непрозрачность) — уменьшите до 50 %.
Затем запустите инструмент Elliptical Marquee (Эллиптическое выделение) и создайте выделение, соответствующее по размерам существующей сфере. Выполните команду Select • Transform Selection (Выделение • Преобразовать выделение) и трансформируйте выделение так, как авторы на рис. 7.107.
Рис. 7.106. Работа после создания отражения
Рис. 7.107. Использование Transform Selection (Преобразовать выделение)
С помощью команды Fill (Залить) или инструмента Paint Bucket (Заливка) окрасьте выделение в черный цвет. Удалите выделение (Ctrl+D). Примените фильтр Gaussian Blur (Размытие по Гауссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие > Размытие по Гауссу), задав настройки, показанные на рис. 7.108.
Gaussian Blur
Рис. 7.108. Настройки фильтра Gaussian Blur (Размытие по Гауссу)
Золотые часы Сфера полностью готова. Осталось немного доработать фон. Для этого активизируйте нижний слой и примените к нему фильтр Lighting Effects (Эффекты света): Filter • Render • Lighting Effects (Фильтр • Освещение • Эффекты света) (рис. 7.109). Эффект выполнен (рис. 7.110). Начинающий пользователь Photoshop никогда не поверит, что вы это смогли сделать в Photoshop, без использования дополнительных плагинов или сторонних программ. Lighting Effects Style: : Defautl
Ambs ihce; Negatv ie ; 8
Positive
Рис. 7.109. Настройки Lighting Effects (Эффекты света)
Э .6
Рис. 7.110. Фантастическая сфера
7.14. Золотые часы Мы долго сомневались, включать ли этот пример в книгу. Дело в том, что он настолько сложный, что выполнить его сможет очень небольшое количество читателей. А это нарушает идею книги, так как в ней есть только то, что сможет сделать
Глава 7. Имитация объема в Photoshop любой пользователь Photoshop. С другой стороны, не продемонстрировать, насколько далеко заходят возможности программы в области имитации объема, тоже было бы неправильно. Поэтому мы просто приведем итоговый результат (рис. 7.111). Достигается он только теми приемами, которые уже описаны в данной главе. Великолепно, не правда ли?
Рис. 7 . 1 1 1 . Золотые часы i
7.15. Стальной шар Данный эффект по технологии имитации объема является, по мнению авторов, самым оригинальным в главе. К большому сожалению, область его практического применения очень ограничена, но результат выглядит интересно. Мы будем рисовать стальной шар. Создайте новое изображение размером 400 х 400 пикселов в любом цветовом режиме. Установите основные цвета по умолчанию (D) и примените фильтр Clouds (Облака): Filter • Render • Clouds (Фильтр • Освещение • Облака). Изображение после этого шага показано на рис. 7.112. Затем примените фильтр Polar Coordinates (Полярные координаты): Filter • Distort • Polar Coordinates (Фильтр • Деформация • Полярные координаты) с настройками, показанными на рис. 7.113. Примените последний фильтр несколько раз (Ctrl+F), пока ваша работа не станет похожа на рис. 7.114. Затем снова применим фильтр Polar Coordinates (Полярные координаты), но уже с новыми настройками (рис. 7.115).
Стальной шар
Polar Coordinates <ж : Cancel
О Rectangular to Polar (yjPuiar to Rectangular)
Рис. 7.112. Результат применения фильтра Clouds (Облака)
Рис. 7.113. Параметры фильтра Polar Coordinates (Полярные координаты)
Рис. 7.114. Результат многократного применения фильтра Polar Coordinates (Полярные координаты) в режиме Polar to Rectangular (Полярные в прямоугольные)
Рис. 7.115. Второй этап применения Polar Coordinates (Полярные координаты) проходит уже в режиме Rectangular to Polar (Прямоугольные в полярные)
Повторяйте действие фильтра (Ctrl+F), пока не получите то, что показано на рис. 7.116. Дублируйте слой, с которым мы сейчас работали, перетянув его на палитре Layers (Слои) на значок в виде белого листа бумаги. Примените к дубликату инструмент Free Transform (Свободное трансформирование) и разверните полотно на 180°. Затем на палитре Layers (Слои) поменяйте режим наложения нового слоя на Vivid Light (Яркий свет).
Глава 7. Имитация объема в Photoshop Сведите слои (Ctrl+E) и примените фильтр Motion Blur (Размыть в движении): Filter • Blur • Motion Blur (Фильтр • Размытие • Размыть в движении) с настройками, показанными на рис. 7.117. Motion Blur
1
4ngle: i 0
Рис. 7.116. Результат многократного применения фильтра Polar Coordinates (Полярные координаты) в режиме Rectangular to Polar (Прямоугольные в полярные)
® | Jil | O K J •Щ
i l l1 -J 0 Qsatincef;lu pxiesl
Рис. 7.117. Настройки фильтра Motion Blur (Размытие в движении)
На этом пример завершен (рис. 7.118). Возможно, придется немного подправить шар, используя различные инструменты, но это уже решайте сами. Авторам больше никаких действий выполнять не пришлось.
Рис. 7.118. Стальной шар
Глава 8
•
•
•
.
Ретушь фотографий. Фотомонтаж • • •
•
Ретушируем старую фотографию Изменяем цвет глаз Раскрашиваем контурное изображение Раскрашиваем чернобелую фотографию Переводим цветное изображение в дуплексное Дуплексное и квадроплексное (четырехцветное) изображение Слияние фотографий Переносим человека в другое окружение
• • • • • U U U •
Имитация старой фотографии Рисунок из фотографии Фотография в стиле глянцевых журналов Профессиональная фотография Виртуальная парикмахерская Новая фигура без скальпеля и фитнеса Изменяем расу Омоложение на 20 лет за 20 минут Украшаем самолет
Глава 8. Ретушь фотографий. Фотомонтаж
8 . 1 . Ретушируем старую фотографию Данный пример выделяется в этой книге. В большинстве глав описаны нестандартные, неочевидные методы работы в Photoshop, в этом же ничего уникального вы не найдете. Здесь описана техника, которой на сегодняшний день ретушируется подавляющее большинство старых снимков, но это многим читателям может оказаться полезным. Авторы будут ретушировать очень старую и сильно поврежденную фотографию (рис. 8.1).
Рис. 8.1. Очень старая фотография <£^) Прежде чем начинать ретушь, нужно провести анализ снимка и выяснить, какие проблемы придется решить в ходе работы. •
Оторванные уголки фотографии. Так как это восстановить невозможно, придется полностью дорисовывать.
•
Разрыв в левой части.
•
Неровные, поврежденные края фотографии, особенно сверху.
•
Крупные пятна на лице и пиджаке джентльмена.
•
Пожелтевшая бумага и, как следствие, коричневые оттенки всей фотографии.
•
Крупные царапины по всей площади изображения.
•
Недостаточная контрастность фотографии.
Как видите, разнообразных повреждений у фотографии очень много, поэтому этот пример продемонстрирует вам практически все приемы ретуши.
Ретушируем старую фотографию Увеличим яркость и контрастность изображения: Image • Adjustments • Brightness/ Contrast (Изображение • Настройки • Яркость/Контраст). Необходимые настройки показаны на рис. 8.2. 1V
Bf ightness/Contrast : Brightness:
• : Contrast:
1+5
О1" 115
IZ ок._ | Reset J 0 Preview
Рис. 8.2. Применение Brightness/Contrast (Яркость/Контраст)
Займемся дорисовкой оторванных уголков фотографии. Эта работа простая, но достаточно скучная и потребует от начинающих пользователей определенной усидчивости. Начнем мы с легкого — верхнего левого угла. Запустите инструмент Clone Stamp (Штамп). Выбрав достаточно крупную кисть, начинайте осторожно дорисовывать отсутствующие фрагменты, используя подходящие места на фотографии в качестве источника.
ПРИМЕЧАНИЕ Пользоваться инструментом Clone Stamp (Штамп) очень просто. Выберите, какой именно фрагмент изображения нужно скопировать и определите его как источник, щелкнув левой кнопкой мыши при нажатой клавише Alt. Затем рисуйте как обычной кистью. Сейчас не стоит стремиться к тому, чтобы повторить четкие границы фотографии. Смело выходите за них, так как чуть позже мы будем кадрировать снимок. Главное — достаточно точно скопировать подходящие области вместо оторванного уголка (рис. 8.3). Скорее всего, придется повозиться и сменить несколько кистей, от большой и мягкой до маленькой и жесткой.
Рис. 8.3. Для дорисовки оторванных краев используйте инструмент Clone Stamp (Штамп)
Глава 8. Ретушь фотографий. Фотомонтаж Если верхний уголок готов, переходите к нижнему правому. Там будет намного сложнее, так как придется иметь дело не с относительно однородными областями, как это было на предыдущем шаге, а с фрагментом платья. Особенно трудоемкой окажется работа по дорисовке складок ткани. От вас потребуется не только усидчивость и старательность, но и изрядная доля художественного вкуса. Технологически сейчас также можно использовать Clone Stamp (Штамп) (рис. 8.4), с тем допущением, что спектр подходящих кистей будет ограничен небольшими образцами. Перейдем к разрыву, который находится почти в центре фотографии. Восстановить эти области будет достаточно просто, используя все тот же Clone Stamp (Штамп) небольшого размера с кистями средней жесткости (рис. 8.5).
Рис. 8.4. Штамп подойдет и для устранения недостатков в нижней части фотографии
Рис. 8.5. И снова штамп
Если все разрывы исправлены и результат вам нравится, то можно переходить к следующему этапу ретуши. Нам нужно кадрировать фотографию, чтобы все края были ровными. Для этого запустите инструмент Crop (Рамка) и обрежьте снимок так, чтобы внутри ограничивающей рамки (рис. 8.6) было только его содержимое, но при этом не пострадала значимая информация. Теперь можно заняться исправлением оставшихся проблем. И первая из них — большие пятна на фотографии. Удаляются они точно так же, как трещина, то есть с помощью инструмента Clone Stamp (Штамп), но с более жесткими кистями (рис. 8.7). Впрочем, есть и альтернатива. Это относительно новый для Photoshop инструмент Healing Brush (Лечащая кисть) и совершенно новый Spot Healing Brush (Точечная лечащая кисть). Благодаря этим инструментам исправление большинства царапин можно сделать очень простым: проведите по царапине кистью — и она исчезнет!
Ретушируем старую фотографию
Рис. 8.6. Для подравнивания краев фотографии лучше всего ее обрезать
Рис. 8.7. Удаляем грязь
Действуют Healing Brush (Лечащая кисть) и Spot Healing Brush (Точечная лечащая кисть) как Clone Stamp (Штамп), но при этом автоматически определяется не только источник пикселов, но и область, на которую они копируются. В результате можно добиться высокого качества, например, при работе с человеческой кожей. Труднее всего будет исправить пятна на лице мужчины. Как видно на рис. 8.8, часть информации потеряна безвозвратно и ее придется «додумать» самим. Используйте штамп с небольшими кистями максимальной мягкости. Аккуратно дорисуйте потерянный фрагмент лица, начиная со стороны лба. Этот этап потребует от вас некоторых художественных способностей, и не стоит удивляться, если не получится хорошо. Остался последний шаг, требующий применение штампа. Часть пиджака джентльмена почему-то зеленоватого оттенка. Исправьте это, копируя темные участки ткани откуда возможно (рис. 8.9).
Рис. 8.8. Работа с лицом требует особого внимания
Рис. 8.9. Пиджак должен быть темным
Глава 8. Ретушь фотографий. Фотомонтаж Теперь исправим желтизну фотографии. Этого можно не делать, если вы хотите сохранить в своей работе «дух времени». Мы же считаем желтизну дефектом от старения бумаги и поэтому будем это исправлять. Выполните команду Image • Adjustments • Desaturate (Изображение • Настройки • Убрать насыщенность). В итоге мы получим изображение, внешне соответствующее черно-белой фотографии (рис. 8.10).
Рис. 8.10. Фото после уменьшения насыщенности
Начнем борьбу с мелкими недостатками, такими как царапины и трещинки. Продублируйте рабочий слой, перетянув его в палитре Layers (Слои) на кнопку в виде чистого листа бумаги. Дубликат назовите Сору. С ним мы сейчас и будем работать. Убрать царапины можно, применив фильтр Dust & Scratches (Пыль и царапины): Filter • Noise • Dust & Scratches (Фильтр • Шум • Пыль и царапины) — с настройками, которые показаны на рис. 8.11, и выполнив описанные ниже действия. Отключите просмотр слоя Сору, щелкнув мышью на палитре Layers (Слои) на пиктограмме в виде глаза. Перейдите на основной слой и запустите инструмент Lasso (Лассо). В режиме Add to selection (Прибавить к области) обведите все области с царапинами, как показано на рис. 8.12. Затем инвертируйте выделение (Shift+Ctrl+I) и, вернувшись на слой Сору, нажмите клавишу Delete. Затем склейте слои (Ctrl+E). В результате царапины исчезнут, но в целом фотография не потеряет резкости и контрастности. Снова дублируйте рабочий слой. Примените к дубликату фильтр High Pass (Смягчение): Filter • Other • High Pass (Фильтр • Другие • Смягчение) (рис. 8.13).
Ретушируем старую Фотографию
Рис. 8 . 1 1 . Настройки фильтра Dust & Scratches (Пыль и царапины)
Рис. 8.12. Выделение вокруг трещин
На палитре Layers (Слои) измените настройки слоя-дубликата следующим образом: •
Blending Mode (Режим наложения) - на Overlay (Перекрытие);
•
Opacity (Непрозрачность) - на 30 %.
Для наглядности палитра Layers (Слои) после выполнения этого действия показана на рис. 8.14. 1
High Pass
m X
1 * * "
Ц
Ш
;
;
QK
1
Reset t
El preview
1 1 1 1 } L _
9 Raclus; i 50
i pixels
Рис. 8.13. Настройки фильтра High Pass (Смягчение)
Рис. 8.14. Настройки корректирующего слоя
Глава 8. Ретушь фотографий. Фотомонтаж Склейте слои (Ctrl+E). Ретушь почти полностью выполнена. Осталось поработать над яркостью изображения. Для увеличения яркости и одновременно контраста изображения авторы использовали замечательный цветокорректирующий инструмент Levels (Уровни): Image • Adjustments • Levels (Изображение • Настройки • Уровни) (рис. 8.15). Впрочем, если вы начинающий пользователь Photoshop, то примерно этого же результата, но проще можно добиться с помощью команды Brightness/Contrast (Яркость/ Контраст) из того же подменю.
Channel: | RGB :
I
I
n
p
u
t
|
• •••""•
L e v e l s :
|
_
.
1
.
OK
I
в
| 1
0
,
0
6
U
K
Reset
]
L.Qatj,,., Saye.,,,;
;
Auto ;
4
Q
•
• • ш\
i
*
Options...
• ' • ' ' • * ' ' •
1
| !• ••
u
t
p
u
i
t
L
e
i f c i M i H..1
v
e
l
s
:
:
Л И Ш Ш
2
0
5
5
II.
'•.••..:-
•
C j .
\
0 EJreview
Рис. 8.15. Настройки Levels (Уровни)
И последний штрих. Правый край немного темнее левого. Это легко исправить инструментом Dodge (Осветлитель) с крупной мягкой кистью (рис. 8.16).
Рис. 8.16. Для осветления отдельных элементов используем инструмент Dodge (Осветлитель)
На этом работа закончена (рис. 8.17). Авторы считают, что она сделана хорошо. Фотография выглядит так, как будто сделана не 100 лет назад, а вчера вечером.
Изменяем цвет глаз
Рис. 8.17. Отретушированная фотография <^)
8.2. Изменяем цвет глаз Рассмотрим очень интересный пример работы с Photoshop — постараемся изменить цвет глаз. Эта задача не очень простая, но все же выполнимая, и к тому же достаточно быстро. Применяется данный эффект очень широко: часто цвет глаз имеет ключевое значение на фотографии, а что делать, если он не подходит? Конечно же, исправлять самим. Так как цвет — это главное в этом примере, обязательно изучайте его с просмотром иллюстраций на компакт-диске. Еще в Photoshop CS появился инструмент Color Replacement (Замена цвета), позволяющий быстро перекрашивать различные фрагменты. Весь этот пример может быть выполнен только этим инструментом, но для получения такого же качественного результата придется потрудиться. Одним словом, Color Replacement (Замена цвета) стал альтернативой классическому способу, описанному в данной главе, но никак не его заменой. Откройте изображение, с которым вы намерены работать. В нашем примере мы убрали все, кроме части лица, чтобы не было никаких отвлекающих внимание факторов (рис. 8.18). Перейдите в режим быстрой маски, нажав «горячую» клавишу Q. Режим быстрой маски — это особый режим работы Photoshop, в котором все инструменты рисования и фильтры работают обычным образом, но создают и изменяют не сочетание пикселов, а выделение. При этом красные области обозначают выделенные. Запустим инструмент Brush (Кисть) и выберем образец с мягкими краями. Обрисуйте глаза на фотографии так, как показано на рис. 8.19.
Глава 8. Ретушь фотографий. Фотомонтаж
Рис. 8.18. Исходное изображение <*J)
Рис. 8.19. Созданная маска
После этого можно вернуться в стандартный режим редактирования, снова нажав «горячую» клавишу Q. В этом примере мы покажем два способа изменения цвета глаз. В первом попробуем изменить оттенок на зеленый. Для этого запустите цветокорректирующий инструмент Hue/Saturation (Тон/Насыщенность): Image • Adjustments • Hue/Saturation (Изображение • Настройки • Тон/Насыщенность) — и примените его с параметрами, показанными на рис. 8.20. Hue/Saturation
J2L LJtesat Saturation:
Load...
Lightness:
Рис. 8.20. Настройки Hue/Saturation (Тон/Насыщенность)
В итоге глаза станут естественного зеленоватого оттенка (рис. 8.21). Второй способ будет несложным, и в нем мы постараемся окрасить глаза в карий цвет. Сначала повторите все действия, описанные выше, до получения нужного выделения. Затем создайте новый слой (Shift+Ctrl+N) и залейте на нем с помощью инструмента Paint Bucket (Заливка) созданное ранее выделение коричневым цветом (рис. 8.22).
Изменяем цвет глаз
:'
.. -. -
Рис. 8 . 2 1 . Зеленые глаза d j ^ )
Рис. 8.22. Глаза после заливки цветом
Откройте палитру Layers (Слои) и измените значение Blending Mode (Режим наложения) на Soft Light (Мягкий свет). Результатом будут вполне реалистичные карие глаза (рис. 8.23).
Рис. 8.23. Карие глаза i
Глава 8. Ретушь фотографий. Фотомонтаж
8.3. Раскрашиваем контурное изображение В этой книге мы уже не раз говорили о том, как создавать с нуля интереснейшие работы. Однако непосредственно рисования в чистом виде еще не было. Данный пример исправит эту досадную ситуацию. Мы опишем технологию раскрашивания контурного рисунка. Многие приемы будут полностью соответствовать приемам, существующим в «реальном» рисовании, поэтому если у вас есть хотя бы малейший художественный опыт, то все описанное ниже будет уже знакомо. Наше исходное контурное изображение представлено на рис. 8.24. Создайте новый слой (Shift+Ctrl+N). Запустите инструмент Brush (Кисть) и выберите небольшой, жесткий образец. Установите светло-коричневый оттенок и аккуратно окрасьте всю собаку (рис. 8.25).
^НИИ
m U Рис. 8.24. Контурный рисунок <S^
t
/ Рис. 8.25. Окрашиваем таксу одним цветом
Добавьте новый слой. Выберите кисть небольшого размера с размытыми краями и дорисуйте области более темной шерсти (рис. 8.26). Добавим еще один новый слой. Сейчас нам предстоит сложная, но очень важная часть работы. Нужно связать плавным переходом темные и светлые участки шерсти. Для этого выберите среднюю кисть с мягкими краями. Задайте значение настройки Opacity (Непрозрачность) кисти равным 25% и аккуратно дорисуйте область перехода (рис. 8.27).
Рис. 8.26. Наносим области темной шерсти
Рис. 8.27. Темные участки шерсти плавно переходят в светлые
Раскрашиваем контурное изображение Продолжим работу над шерстью. Создайте новый слой (Shift+Ctrl+N). He изменяя прозрачность кисти выберите еще более темный оттенок. Это будет уже бурый или коричневый цвет, на ваш выбор. Рисуйте шерсть в темных областях короткими движениями. У вас есть отличная подсказка — рис. 8.28 и 8.29.
Рис. 8.28. Продолжаем работу над шерстью
Рис. 8.29. Постепенно затемняем шерсть
Начнем увеличивать реалистичность шерсти. Добавьте новый слой (Shift+Ctrl+N). Установите Opacity (Непрозрачность) кисти равной 100 % и выберите небольшой диаметр образца. Края кисти должны быть жесткими. Рисуйте шерсть в светлых областях темнее, а в темных — светлее. Здесь многое зависит от вашей фантазии и терпения. Наш результат представлен на рис. 8.30. В работе над шерстью остался последний шаг. Создайте новый слой и продолжите рисование шерсти, только темные оттенки делайте темно-коричневыми, а светлые — светло-рыжими. Рекомендуем еще больше уменьшить диаметр кисти. Если все сделано правильно, то шерсть будет готова (рис. 8.31).
Рис. 8.30. Рисуем шерсть в светлых областях темнее, в темных — светлее
Рис. 8 . 3 1 . Шерсть готова
Теперь нарисуем нос. Выберите кисть с размытыми краями и нарисуйте для него заготовку. Затем задайте Opacity (Непрозрачность) кисти равной 50 % и добейтесь плавного перехода цветов. Переключитесь на инструмент Dodge (Осветлитель) и нарисуйте блик в центре носа. На этом этапе можно поработать и над усами собаки. Результат авторов показан на рис. 8.32. Теперь самый сложный этап работы — нужно нарисовать глаза. Выберите кисть с размытыми краями и нарисуйте два ярко-бордовых круга. Затем уменьшите
Глава 8. Ретушь фотографий. Фотомонтаж диаметр кисти и выберите черный цвет. Постарайтесь нарисовать зрачки. Затем добавьте блики. Здесь сложно что-то посоветовать, рисуйте их по своему вкусу, ведь они сильно зависят от освещения. Для этого отлично подойдет небольшая кисть с размытыми краями. Готовые глаза представлены на рис. 8.33.
Рис. 8.32. Нос готов
Рис. 8.33. Рисование глаз — самая сложная часть работы
Осталось совсем чуть-чуть. Нужно нарисовать тень от собаки и фон. Добавьте новый слой (Shift+Ctrl+N). Используя палитру Layers (Слои), поместите его ниже слоев с шерстью и залейте подходящим цветом (в нашем случае это желтый). Затем инструментом Burn (Затемнитель) дорисуйте тень, а инструментом Dodge (Осветлитель) — источник света. Пример выполнен полностью, итоговое изображение показано на рис. 8.34.
Рис. 8.34. Раскрашенный рисунок
8.4. Раскрашиваем черно-белую фотографию Любой предмет в реальном мире обладает цветом. Цвет — основная видимая характеристика всех предметов. Поэтому достаточно часто возникает потребность превратить черно-белую фотографию в цветную. Этим мы и займемся в данном разделе. Прежде всего подберите фотографию. Если у вас нет черно-белой, то можно обесцветить цветную: Image • Adjustments • Desaturate (Изображение • Настройки • Убрать насыщенность). Авторский вариант показан на рис. 8.35.
Раскрашиваем черно-белую фотографию
Рис. 8.35. Исходное изображение <^)
У нас есть фотография со всеми свойствами реальных объектов: на ней передан объем естественными светотеневыми переходами, существуют неровности и шероховатости поверхности и т. д. На чем основано раскрашивание изображений? Условно каждый пиксел можно разделить на две составляющие: цветовую (RGB-параметры) и световую (освещенность). Если поверхность состоит из одного вещества (материала), то единственное, что в ней изменяется для смотрящего, — это освещенность предмета в разных точках, так как тело имеет одинаковые физические свойства во всех точках и отражает свет одинаково. Следовательно, рассматривать будем только вторую составляющую — освещенность. На черно-белой фотографии это и есть единственный параметр, определяющий то, что мы видим. Абсолютно черный цвет (RO, GO, ВО) соответствует абсолютно неосвещенному пикселу, а белый (R255, G255, В255) — идеально освещенному. Остается еще 254 вариации серого цвета (или 254 вариации освещенности) для передачи всех остальных светотеневых переходов. Поэтому мы предлагаем два способа окрашивания черно-белых фотографий. Начнем с самого распространенного и простого приема. Обратите внимание на цветовую модель, в которой находится ваше изображение. Так как изображение черно-белое, то вероятнее всего, что это режим Grayscale (Полутоновое). Переведите фотографию в один из цветных режимов. Мы выбрали RGB: Image • Mode • RGB (Изображение • Режим • RGB). С помощью инструмента Lasso (Лассо) или других инструментов выделения, на ваш выбор, выделите бананы. Сохраните выделение в канал: Selection • Save Selection (Выделение • Сохранить выделение). В итоге появится дополнительный канал (рис. 8.36), который нам понадобится позже. Сейчас же нам нужно только что созданное выделение бананов. Чтобы окрасить их в желтый цвет, лучше всего использовать замечательный инструмент Hue/ Saturation (Тон/Насыщенность): Image • Adjustments • Hue/Saturation (Изображение • Настройки • Тон/Насыщенность) — с настройками, показанными на рис. 8.37.
Глава 8. Ретушь фотографий. Фотомонтаж
Рис. 8.36. Канал с бананами
Рис. 8.37. Настройки Hue/Saturation (Тон/Насыщенность)
Если все сделано правильно и вы не забыли в диалоговом окне Hue/Saturation (Тон/Насыщенность) установить флажок Colorize (Окрашивание), то бананы должны стать вполне естественного цвета (рис. 8.38).
Рис. 8.38. Бананы уже желтые
Раскрашиваем черно-белую фотографию Перейдем к яблокам. Сначала займемся красными. Чтобы их выделить, можно немного схитрить. Выделите одноцветный фон изображения с помощью инструмента Magic Wand (Волшебная палочка). Инвертируйте получившееся выделение (Shift+Ctrl+I).
Затем загрузите сохраненное ранее выделение командой Load Selection (Загрузить выделение), применив настройки, показанные на рис. 8.39. Load Selection
(xj
Document;1! fruit_Ol.tif i Г
i V
ok
3
t Cancel j
Channel: i 1 :
ПInvert
:
r Operation • .. . О blew Selection :; ; : : : ! О Add to Selector: ©Subtract from Sefection: •i 0 Intersect with Sefection
Рис. 8.39. Настройки Load Selection (Загрузить выделение)
Теперь осталось совсем немного удалить, чтобы получить выделенными только красные фрукты. Примените к ним инструмент Hue/Saturation (Тон/Насыщенность), подобрав подходящий красный цвет. В результате должно получиться примерно то же, что на рис. 8.40. Аналогично окрасьте зеленые яблоки (рис. 8.41).
Рис. 8.40. Мы окрасили две груши и яблоко
Рис. 8 . 4 1 . Фрукты уже в цвете
Фрукты полностью готовы. Но у нас еще осталось целых два элемента в состоянии градаций серого. Это тарелка и черенки яблок. Техника их окрашивания,
Глава 8. Ретушь фотографий. Фотомонтаж в принципе, аналогична той, которую мы использовали для фруктов. Авторы рекомендуют для экономии времени использовать одно выделение и один цвет для тарелки и черенков. Получится вполне реалистично (рис. 8.42). И последний, но самый важный шаг. У нас имеется уже достаточно реалистичное изображение, однако фрукты не бывают идеально желтые, красные и т. д. Выделите небольшие области в верхней части бананов. Примените к этому выделению команду Feather (Растушевка) (Alt+Ctrl+D) и уведите цвета в зеленый оттенок с помощью все того же Hue/Saturation (Тон/Насыщенность). На зеленых яблоках переведите некоторые области в желтый цвет, а на красных яблоках — в оранжевый. На этом эффект выполнен полностью. Результатом стала реалистично окрашенная корзина фруктов (рис. 8.43).
Рис. 8.42. Тарелка и черенки яблок имеют один оттенок
Рис. 8.43. Раскрашенная черно-белая фотография (*£)
8.5. Переводим цветное изображение в дуплексное В предыдущем разделе было рассказано, как можно из черно-белого изображения сделать цветное. Сейчас же мы расскажем об обратной операции. Перевести цветное изображение в обычное черно-белое не составляет никакого труда, но вот перевести его в битовое и при этом получить красивый результат уже не так просто. Откройте цветное изображение любого размера и цветовой модели. В качестве примера мы взяли изображение, показанное на рис. 8.44. Переведите изображение в черно-белый режим: Image • Mode • Grayscale (Изображение • Режим • Полутоновое). После этого вся информация о цвете данного изображения теряется. В результате должна получиться обычная черно-белая фотография.
Переводим цветное изображение в дуплексное
Рис. 8.44. Исходное изображение
Так как Photoshop — редактор растровой графики, то любой объект представлен в нем в качестве совокупности разноцветных точек (пикселов). Такой рисунок называется битовой картой (bitmap). ПРИМЕЧАНИЕ В Photoshop термин «битовая карта» применяется только к черно-белым изображениям — не путайте с изображениями в режиме Grayscale (Полутоновое). Это обусловлено тем, что каждому пикселу такого рисунка соответствует один бит данных (значение 1 или 0).
Выполнив команду Image • Mode • Bitmap (Изображение • Режим • Битовая карта), вы увидите диалоговое окно, представленное на рис. 8.45.
300 pixels/cm Г.00
__ОК [
Cancel
j
р els/inch
• пи Рис. 8.45. Диалоговое окно Bitmap (Битовая карта)
В раскрывающемся списке есть пять различных битовых карт, по-разному преобразующих рисунок. В последнем варианте можно загружать текстуру, в соответствии
Глава 8. Ретушь фотографий. Фотомонтаж с рисунком которой будет строиться расположение черных и белых пикселов на изображении. После применения какой-либо битовой карты рисунок будет состоять из двух цветов, а все серые оттенки исчезнут. На рис. 8.46 представлен результат применения к фотографии различных битовых карт.
Рис. 8.46. Варианты битовых карт
8.6. Дуплексное и квадроплексное (четырехцветное) изображение В этом разделе мы расскажем еще об одном режиме, в котором могут быть представлены изображения. Речь пойдет о дуплексных иллюстрациях. Чаще всего они применяются в полиграфии, когда необходимо получить цветное изображение, имея в распоряжении всего несколько цветов. Дуплексными называются полутоновые изображения, которые можно напечатать, используя две краски. В Photoshop можно создавать также триплексные и квадроплексные изображения (требующие при печати три и четыре цвета соответственно). Для примера мы выбрали изображение, представленное на рис. 8.44. Чтобы стала доступна команда преобразования изображения в и-цветное, необходимо прежде всего стереть всю информацию о составляющих его цветах: Image • Mode • Grayscale (Изображение • Режим • Полутоновое). После этого шага изображение превратится в черно-белое. Для преобразования изображения в дуплексное, триплексное или квадроплексное необходимо выполнить команду Image • Mode • Duotone (Изображение • Режим • Дуплекс). Вы увидите диалоговое окно, представленное на рис. 8.47.
Дуплексное и квадроплексное (четырехцветное) изображение Duoton.i» Options iype: Duotone Ink I;
Ink 2:
/
Ц
m
•I 2
[Load,,,.
Qverprint Colors., Рис. 8.47. Диалоговое окно Duotone Options (Настройки дуплекса)
В списке Туре (Тип) можно выбрать количество цветовых составляющих будущего рисунка (от 1 до 4). В зависимости от выбранного типа активными станут те или иные цветовые окна. Цвета, составляющие изображение, можно менять, щелкнув мышью на соответствующем цветном квадратике, а соотношение цветов — при редактировании графиков, которые очень похожи на тоновые кривые. Если вы используете показанные авторами настройки, то получите результат, идентичный рис. 8.48.
Рис. 8.48. Дуплексное изображение <^)
Если возникает необходимость подкорректировать получившийся рисунок, то можно воспользоваться стандартными средствами цветокоррекции Photoshop — Hue/Saturation (Тон/Насыщенность) и Brightness/Contrast (Яркость/Контраст). Эти команды находятся в меню Image • Adjustments (Изображение • Настройки).
Глава 8. Ретушь фотографий. Фотомонтаж
LLU
Результатом данной работы станет цветное изображение, которое не требует больших затрат при распечатывании, однако выглядит очень красочно. ВНИМАНИЕ Если вы собираетесь распечатывать данное изображение, то позаботьтесь о том, чтобы интенсивность цветов красителя убывала с увеличением их номера. Это необходимо потому, что программа печатает отдельные макеты в порядке их размещения в диалоговом окне Duotone (Дуплекс). Правильное расположение цветов улучшит качество изображения.
В случае увеличения цветов до четырех (рис. 8.49) можно получить еще более интересный результат (рис. 8.50). Duotone Options lype: | Quadtone Ink l:
I j 1
Ink 2:
!3
Щ4 ,:,aygcprint,,Cglors... .]
Рис. 8.49. Настройки для получения квадроплексного изображения
Рис. 8.50. Квадроплексное изображение (*^5
Слияние фотографий
8.7. Слияние фотографий Довольно часто встречаются дизайнерские работы, в которых одно изображение плавно переходит в другое. Действительно, это очень впечатляющий эффект, который нравится подавляющему большинству зрителей. Кроме того, это почти самое простое, что можно сделать с помощью Photoshop. В данном разделе мы приведем два примера, демонстрирующие наиболее распространенные способы выполнения эффекта.
Вариант 1. Старый телевизор В этом варианте мы продемонстрируем слияние фотографий за счет создания областей частично выделенных пикселов командой Feather (Растушевка). Попробуем перенести фотографию в кадр старого телевизора. Для этого нам понадобится снимок одного из первых телевизоров (рис. 8.51) и фрагмент мелодрамы середины прошлого века (рис. 8.52).
Рис. 8 . 5 1 . Фотография телевизора ^ )
Рис. 8.52. Кадр из фильма <^)
Выделите кадр из фильма (Ctrl+A), скопируйте его в буфер обмена (Ctrl+C) и вставьте (Ctrl+V) поверх изображения телевизора. Затем с помощью инструмента Free Transform (Свободное трансформирование) задайте кадру подходящие размеры и положение. Запустите инструмент Elliptical Marquee (Эллиптическое выделение) и создайте круглое выделение в центре кадра, по размерам соответствующее экрану телевизора. Примените к нему команду Select • Feather (Выделение • Растушевка) (рис. 8.53). Инвертируйте выделение: Select • Inverse (Выделение • Инвертировать) и нажмите клавишу Delete. Результат немного подчистите с помощью инструмента Eraser (Ластик).
Глава 8. Ретушь фотографий. Фотомонтаж Пример выполнен (рис. 8.54). Чрезвычайно просто, а результат вполне реалистичен и пригоден даже для серьезных работ.
Рис. 8.53. Диалоговое окно Feather Selection (Растушевка выделения)
Рис. 8.54. Мелодрама на экране
(^)
Вариант 2. Вода в пустыне Второй вариант в чем-то будет даже проще первого, но потребует от вас минимального владения навыками работы с масками слоя. Мы будем создавать классический коллаж. В качестве фона в нем выступит пустыня (рис. 8.55), а в качестве объекта — стакан воды (рис. 8.56).
I Ж: ' I ; - я В
.
.
.
•
.
.
-
•
•
•
Рис. 8.55. Фотография пустыни
•
Hi
Переносим человека в другое окружение
Рис. 8.56. Стакан воды
Поместите стакан поверх пустыни: выделите его (Ctrl+A), скопируйте в буфер обмена (Ctrl+C) и вставьте (Ctrl+V). Добавьте к этому слою маску, на которую наложите линейный вертикальный градиент от белого цвета к черному. Вот и все (рис. 8.57)!
ШШШШ iS-x^Ч
Н
Рис. 8.57. Коллаж готов (
8.8. Переносим человека в другое окружение Этот раздел посвящен чистому фотомонтажу. Наша задача состоит в том, чтобы создать иллюзию нахождения человека в обстановке, в которой он никогда не был.
Глава 8. Ретушь фотографий. Фотомонтаж Пожалуй, большинство работ, выполняемых в Photoshop и связанных с фотомонтажом, имеют похожий сценарий. Прежде всего нам понадобятся исходные изображения мальчика (рис. 8.58) и пляжа (рис. 8.59).
Рис. 8.58. Исходное изображение мальчика <*J)
штат
ИйЯЯЯИИИЙ
;'•":•. \ЩЩ •>
l
i
i
i
i
i
l
i
i
l
i
e 1
•.
г-
:
. ..
• ..•.••••.
. • •
.
. . .
: • : • ' • • 1
•
J
-
* ~
: • • . . , . . : .
.
1
1
1
*
1
^
:
I
B
I
i
|
l
l
i
"
!
e
»
i
ft,
ш
H
H
H
H
B
H
S
S
H
H
Рис. 8.59. Пляж <*2р
В данном случае задача несколько облегчена. Мальчик находится на абсолютно белом фоне, и выделить его не представляет никакой сложности. На практике все бывает намного сложнее, особенно это замечание касается распущенных волос. Выделите белый фон с помощью инструмента Magic Wand (Волшебная палочка). Инвертируйте получившееся выделение (Shift+Ctrl+I). Скопируйте мальчика в буфер обмена (Ctrl+C) и вставьте поверх изображения пляжа (рис. 8.60). При необходимости подгоните размеры и положение фигуры с помощью инструмента Free Transform (Свободное трансформирование).
Переносим человека в другое окружение
-ГЖ-,: •
Рис. 8.60. Мальчик уже на пляже
Яркость и контраст фона не совпадает с отношением этих свойств для изображения мальчика. Исправьте это, применив команду Image • Adjustments • Auto Levels (Изображение • Настройки • Автоматическая коррекция уровней). Многие бы посчитали пример уже выполненным. Но не хватает крайне важной детали — тени от мальчика. Так как на изображении у нас явно солнечный день, то тень должна быть хорошо выраженной, резкой. Ее созданием мы сейчас и займемся. Щелкнув мышью на палитре Layers (Слои) на слое с мальчиком с нажатой клавишей Ctrl, получим соответствующее ему выделение. Запустив инструмент Transform Selection (Преобразовать выделение), добейтесь результата, показанного на рис. 8.61.
•ими Рис. 8 . 6 1 . Выделение для тени
Глава 8. Ретушь фотографий. Фотомонтаж Модифицируйте выделение, применив команды Expand Selection (Расширить выделение) (рис. 8.62) и Smooth Selection (Сгладить выделение) (рис. 8.63).
Expand Selection /•©paid By: j § ] pixels i OK 1 Cancel j Рис. 8.62. Настройки Expand Selection (Расширить выделение)
Smooth Selection
Ixl
Sampe l Radius:! 1 Pixels;. L OK „,,l Cancel Рис. 8.63. Настройки Smooth Selection (Сгладить выделение)
Затем создадим новый слой (Shift+Ctrl+N) и зальем на нем выделение черным цветом с помощью команды Fill (Залить) или инструмента Paint Bucket (Заливка) (рис. 8.64). Примените к слою с тенью фильтр Gaussian Blur (Размытие по Гауссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу) с настройками, показанными на рис. 8.65.
Рис. 8.64. Заготовка для тени
Рис. 8.65. Настройки Gaussian Blur (Размытие по Гауссу)
Откройте палитру Layers (Слои) и измените значения следующих настроек для фильтра с тенью: •
Blending Mode (Режим наложения) — на Multiply (Умножение);
•
Opacity (Непрозрачность) — на 50 %.
Затем добавьте к этому слою маску и наложите на нее градиент так, как показано на рис. 8.66.
Имитация старой фотографии | Multiply
j j | Opacity; [jEOS6
Рис. 8.66. Добавляем слой-маску для тени
В результате мы получим вполне реалистичный фотомонтаж, который можно распечатать и выдавать за реальный снимок из семейного альбома. Никто даже не заподозрит, что это результат вашего творчества в Photoshop (рис. 8.67).
Рис. 8.67. Такую фотографию можно поместить на видное место в семейный альбом i
8.9. Имитация старой фотографии В этой главе мы уже говорили о том, как исправить на фотографии следы времени — царапины, оторванные фрагменты, следы пыли и прочие неприятности. Но в жизни иногда нужно не только восстановить старую фотографию, но и сымитировать ее, имея в наличии отличный современный цветной снимок. Это тоже своего рода искусство, поэтому этот раздел посвящен имитации старого снимка. Подберите подходящую фотографию. Мы остановились на изображении, приведенном на рис. 8.68. Прежде всего следует передать своеобразный оттенок старых фотографий. Делается это с помощью дуплексного режима, который подробно описан в разд. 8.6.
Глава 8. Ретушь фотографий. Фотомонтаж Если вы не умеете пользоваться дуплексным режимом, то прочитайте этот раздел и переведите фотографию в оттенки светло-коричневого цвета. Определять его можно, опираясь на итоговое изображение.
Рис. 8.68. Исходное изображение <^)
Любое старое изображение содержит шум, образующийся от въевшейся пыли. Сымитируем шум фильтром Add Noise (Добавить шум): Filter • Noise • Add Noise (Фильтр • Шум • Добавить шум) с настройками, показанными на рис. 8.69. Дублируйте изображение на новый слой: Layer • Duplicate Layer (Слой • Дублировать слой). На палитре Layers (Слои) нужно уменьшить непрозрачность до 45 %, а также выбрать Blending Mode (Режим наложения) Screen (Экран). После этого примените фильтр Gaussian Blur (Размытие по Гауссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу) с параметрами, указанными на рис. 8.70. Остался последний шаг. Сведите слои (Ctrl+E) и добавьте фотографии потертости фильтром Film Grain (Зернистость пленки): Filter • Artistic • Film Grain (Фильтр • Имитация • Зернистость пленки). Можно добавить на работу выцветшие области, используя инструмент Dodge (Осветлитель), или пятна, используя Burn (Затемнитель), но это вы должны определить сами, исходя из внешнего вида работы на данном этапе. Авторы использовали оба инструмента. Готовое изображение показано на рис. 8.71.
Имитация старой фотографии
: Distribution ©Uniform I Ofiaussian
Рис. 8.69. Настройки фильтра Add Noise (Добавить шум) :ЩЩ1Ш
Рис. 8 . 7 1 . Имитация старой фотографии (*г~
Рис. 8.70. Параметры фильтра Gaussian Blur (Размытие по Гауссу)
Глава 8. Ретушь фотографий. Фотомонтаж
8.10. Рисунок из фотографии Наверное, имитация рисунка — это тот эффект, который относится к наиболее интересным для начинающих пользователей. Они создают собственные рисованные портреты, используя фотографии из семейного альбома, чем очень удивляют менее подкованных в современных технологиях близких. Но и в профессиональном дизайне нередко используется сымитированный рисунок — он позволяет сделать работу более экспрессивной, нежели при применении обычной фотографии. Наше исходное изображение показано на рис. 8.72.
II
1
т
ж
I
1 •1 1
ж
з
>•
•
•
>*й *
;
&
•
•
';• •
-
•
•
1 1 г
•
; щ
•.:
•
'
•
•
'
-
-
'
Рис. 8.72. Исходное изображение <S^)
Дублируйте слой, перетянув его на палитре Layers (Слои) на значок в виде белого листа бумаги. Затем отключите видимость нового слоя — мы к нему вернемся чуть позже. Прежде всего нужно выделить границы объектов. Для этого есть несколько инструментов, но мы пойдем по пути, неочевидному даже для опытных пользователей. Именно он позволяет получить максимальное качество границ. Это фильтр Smart Blur (Умное размытие): Filter • Blur • Smart Blur (Фильтр • Размытие • Умное размытие). Использованные авторами настройки показаны на рис. 8.73. Полученное изображение уже само по себе может считаться рисунком, только одноцветным и контурным (рис. 8.74). Но даже этот результат стоит запомнить
Рисунок из фотографии на будущее — когда-нибудь пригодится. Нам же нужно несколько смягчить контраст линий. Для этого авторы выбрали фильтр Gaussian Blur (Размытие по Гауссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу).
Ш еj 50%. ш 11 Radu is Threshod l
[ю
.......
!
:
Quality: |High. •
Mode: ! Edge Only
Рис. 8.73. Настройки фильтра Smart Blur (Умное размытие)
Рис. 8.74. Результат применения фильтра Smart Blur (Умное размытие)
Включите видимость второго слоя и примените фильтр Colored Pencil (Цветной карандаш): Filter • Artistic • Colored Pencil (Фильтр • Имитация • Цветной карандаш) с настройками, показанными на рис. 8.75. Затем на палитре Layers (Слои) измените режим наложения этого слоя на Hard Light (Жесткий свет).
Рис. 8.75. Настройки фильтра Colored Pencil (Цветной карандаш)
Глава 8. Ретушь фотографий. Фотомонтаж На этом пример закончен. Очень просто и эффектно, не правда ли? Наше итоговое изображение показано на рис. 8.76.
Рис. 8.76. Рисунок из фотографии <*^}
8 . 1 1 . Фотография в стиле глянцевых журналов Профессиональный фотограф может многое. Особенно при съемке известных людей, которые не имеют права выглядеть плохо. Правильно выставленное освещение, нужный ракурс, грим и прочие хитрости позволяют скрыть недостатки и подчеркнуть достоинства любого лица. Особенно если это лицо за работу хорошо платит. А профессиональный дизайнер в Photoshop может сделать еще больше — под силу любые изменения внешности. В Интернете есть несколько сайтов, на которых сравниваются профессиональные фотографии голливудских звезд и сделанные случайно любительские снимки. Очень занимательно, доложу я вам. Сходства практически никакого. Этот пример посвящен восстановлению справедливости. Мы покажем, как средствами Photoshop сделать обычную любительскую фотографию похожей на профессиональный студийный снимок. Если вы освоите эти приемы, то сможете значительно улучшать свои семейные фотографии перед печатью (разумеется, это
Фотография в стиле глянцевых журналов утверждение относится к уже многочисленной армии обладателей цифровых фотоаппаратов). В качестве исходного изображения авторы выбрали снимок, сделанный 3-мегапиксельной камерой (типа «мыльница») при искусственном освещении (рис. 8.77). Никакого дополнительного света, грима и фотофильтров использовано не было. Режим съемки — полный автомат. •
Рис. 8.77. Исходная фотография i
В результате фотография получилась неудачной. Слишком бледная кожа с проявившимися проблемами, вытянутое лицо и эффект «красных глаз» не добавили девушке привлекательности. Это особенно обидно потому, что в реальности никаких из этих недостатков у нашей модели нет. Определим список задач, которые хотелось бы решить при обработке снимка. Мы постараемся сделать следующее: •
добавить коже загорелый оттенок;
•
убрать неровности кожи;
•
изменить цвет волос;
•
удалить эффект «красных глаз»;
•
сымитировать использование косметики;
•
добавить новый фон;
•
изменить освещение.
Глава 8. Ретушь фотографий. Фотомонтаж В итоге должна получиться фотография, значительно отличающаяся от оригинала. В лучшую сторону, разумеется. Работу всегда стоит начинать с самого сложного. Потом на него может не остаться сил и желания. В нашем случае это кожа. Сама операция ретуши кожи несложная. Даже простая (в этом скоро можно будет убедиться). Но отделить кожу от всего остального чрезвычайно затруднительно. Если это делать действительно профессионально, то такая работа может отнять до нескольких дней. Поэтому мы допустим небольшое упрощение — на итоговом результате это скажется, но не сильно. Зато больше 20 минут выделение кожи отнять не должно. В Photoshop CS2 богатые возможности для выделения областей. Но самый очевидный для новичков вариант с использованием инструментов Lasso (Лассо), Polygonal Lasso (Прямоугольное лассо) и Magnetic Lasso (Магнитное лассо) в этом случае не применим. Слишком сложный контур имеют волосы, повторить такой почти невозможно. Но остается еще один простой способ — режим быстрой маски (Quick Mask Mode). В этом режиме выделение интерпретируется в виде заливки. Выделенные пикселы остаются без изменений, а невыделенные области окрашиваются в красный цвет. При этом градации красного символизируют степень выделения пиксела. ПРИМЕЧАНИЕ В Photoshop пикселы могут быть частично выделенными. Это значит, что любые действия над ними будут применяться с той степенью эффективности, насколько эта область выделена. Это свойство активно используется, например, для получения плавных переходов границ объекта в фон.
Основным достоинством режима быстрой маски является то, что при работе в нем в качестве средства редактирования выделения может выступить практически любой инструмент Photoshop. Это дает широчайшие возможности, в том числе при ретуши фотографии. Переключитесь в режим быстрой маски с помощью кнопки Edit in Quick Mask Mode (Редактировать в режиме быстрой маски), расположенной в нижней части палитры инструментов, или просто нажмите «горячую» клавишу Q. Мы советуем привыкать именно ко второму варианту — использование клавиатурных сокращений экономит много сил и времени пользователя. Сейчас необходимо полностью закрасить всю кожу, причем не только на лице, но и на теле. Для этого лучше всего использовать банальную кисть (Brush). Сначала выберите крупную кисть с жесткими краями. С помощью нее выделите те области, которые ни с чем не соприкасаются — лоб, щеки и руки. Не нужно маскировать зоны, пограничные с фоном, одеждой или волосами. Это работа тонкая, к ней мы вернемся чуть позже.
Фотография в стиле глянцевых журналов Когда эти области будут выделены, выберите кисть меньшего диаметра с м краями. Мягкие края кисти - это обязательное условие. ПолупрозрачныйпикСе лы по ее краям в режиме быстрой маски будут интерпретированы как области ча стичного выделения. Именно так должны быть маскированы зоны соприкосновения кожи с в о л о с а м и и л и к о ж и с ф о н о м Э т /;°™™ м юб б а в и т ь с я 0 / н ; но резких границ после применения фильтров, сглаживающих недостатки кожи Главное, что другого способа аккуратно отделить прядки волос, нет. Авато°осекЦ;йЬ^РаВ К И С Т Ь Т О Л Щ И Н О Й 2 " 3 п и к с е л а ' оделите самые сложные области. Авторский вариант готовой маски показан 8.78 показан на на рис. рис. 8.78.
Рис. 8.78. Созданная маска
Обратите внимание на следующие тонкости. Глаза, губы, брови и ресницы мы не трогали. Наибольшие сложности в обводке вызвали именно ресницы - потом их придется почти нарисовать заново. Волосы обработаны, но достаточно грубо Благодаря частично выделенным областям эффект вокруг них должен хорошо получиться и так. Но, как говорилось выше, в режиме быстрой маски красные области являются невыделенными, то есть сейчас выделен фон, а не кожа. Поэтому выполните команду Image • Adjustments • Invert (Изображение • Настройки • Инвертировать) (Ctrt+I) В результате прозрачные пикселы станут красными и наоборот соответственно. Нажав «горячую» клавишу Q, переключитесь из режима быстрой маски в стандартный режим редактирования. Только что созданное выделение примет более
Глава 8. Ретушь фотографий. Фотомонтаж привычный многим вид «бегущих муравьев». На этом первый и самый сложный этап работы закончен. Главной ошибкой начинающих пользователей Photoshop при фотомонтаже и ретуши является игнорирование важного принципа — почти не бывает резких переходов одних объектов в другие. Особенность нашего зрения делает границы всегда слегка размытыми. Без повторения этого эффекта о реалистичном результате при работе с фотографиями можно и не мечтать. Поэтому примените к выделению команду Select • Feather (Выделение • Растушевка). В появившемся диалоговом окне задайте значение 3 пиксела. Эта команда добавит по границам маски частично выделенную область шириной 3 пиксела. Можно переходить к ретуши кожи. Сначала нужно убрать неровности, морщинки и другие проблемы. Если на фотографии есть явно выраженные прыщи, бородавки или шрамы, то предварительно их нужно удалить с помощью инструмента Clone Stamp (Штамп), в качестве источника указав наиболее близкий по оттенку участок кожи. Еще удобнее применять инструмент Healing Brush (Лечащая кисть), представляющий собой клон штампа, размытия и кисти в режиме Color (Цвет). Определить нужный оттенок для наложения или полностью автоматизировать эту работу позволяет инструмент Spot Healing Brush (Точечная лечащая кисть). Нам повезло. На лице девушки нет ни одной из перечисленных выше проблем. Поэтому сразу можно перейти к сглаживанию небольших неровностей. Для этого в арсенале Photoshop есть замечательный фильтр Median (Усреднение), который смешивает пикселы в выделенной области и усредняет их цветовые значения. Запустим его, выполнив команду Filter • Noise • Median (Фильтр • Шум • Усреднение). Использованные в примере настройки показаны на рис. 8.79.
Рис. 8.79. Фильтр Median (Усреднение) — лучший способ избавления от мелких неровностей кожи
Фотография в стиле глянцевых журналов Результат правильного использования фильтра Median (Усреднение) очень напоминает лицо с наложенным тональным кремом. Главное — не переборщить. Слишком сильное усреднение приведет к потере резкости и контрастности основных линий, что совершенно недопустимо. Если этот шаг пройден удачно, можно перейти к имитации загара. Photoshop для решения подобных задач предлагает несколько вариантов. Авторы остановились на наиболее простом из них, но доступном только в программе версий CS и CS2 — применении инструмента Photo Filter (Фотофильтр).
ПРИМЕЧАНИЕ Photo Filter (Фотофильтр) — это средство цветокоррекции в Photoshop. Этот инструмент имитирует реально использующиеся в фотографии устройства, называемые фотофильтрами. Он удобен для быстрого окрашивания крупных областей в один оттенок с учетом яркостных различий пикселов. Запустим Photo Filter (Фотофильтр): Image • Adjustments • Photo Filter (Изображение • Настройки • Фотофильтр). Мы использовали настройки, показанные на рис. 8.80. Рекомендуем точно повторить их — это наиболее оптимальный вариант для имитации реалистичного загара.
Photo Filter (i Filter: Warning Filter (35)
v
OK Reset 0 Preview
Density:
eserve Luminosity
Рис. 8.80. Имитируем загар с помощью инструмента цветокоррекции Photo Filter (Фотофильтр)
Если все сделано правильно, то загар должен получиться сразу и хорошо. Его можно подчеркнуть, добавив немного контрастности с помощью Brightness/Contrast (Яркость/Контраст) (Image • Adjustments • Brightness/Contrast (Изображение • Настройка • Яркость/Контраст)). Внимательно посмотрите на фотографию. Если есть области, не относящиеся к коже, но пострадавшие в результате применения фильтра Median (Усреднение), то их нужно исправить сейчас. Лучший для этого вариант — использование инструмента History Brush (Кисть состояния).
Глава 8. Ретушь фотографий. Фотомонтаж Работа с History Brush (Кисть состояния) возможна только с участием палитры History (История), на которой зафиксированы все ваши последние действия и которая обеспечивает возможность многократной отмены. Установите на палитре History (История) пиктограмму в виде кисти событий напротив исходного изображения и скопируйте пострадавшие области на свою работу точно так же, как будто работаете с Clone Stamp (Штамп). Это просто и обязательно у всех получится. СОВЕТ По умолчанию Photoshop запоминает 20 последних событий, которые и отображаются на палитре History (История). Этого явно недостаточно, особенно в случае активной работы с инструментами рисования. Поэтому в настройках программы (Edit • Preferences • General (Редактирование • Установки • Основные)) измените значение параметра History States (Шаги истории) на 99.
На этом работа с кожей закончена. Теперь необходимо сохранить созданное выделение. Для этого откройте палитру Channels (Каналы) и нажмите пиктограмму в виде белого кружка в темном квадрате — Save selection as channel (Сохранить выделение как канал). Вы получите дополнительный канал, который при желании всегда можно превратить в выделение. На время сменим профессию: из визажистов переквалифицируемся в парикмахеры. Photoshop позволяет делать с волосами практически все, вплоть до полного изменения прически. Но мы ограничимся небольшим окрашиванием. Запустите инструмент Brush (Кисть). Выберите цвет, в оттенки которого должны быть окрашены волосы. Мы будем использовать красный. На панели параметров кисти измените значение настройки Mode (Режим) на Color (Цвет). В этом режиме окрашивание будет происходить с учетом яркостных значений исходных пикселов, что позволит быстро и реалистично изменить цвет прически. ПРИМЕЧАНИЕ В Photoshop есть специальный инструмент для перекрашивания объектов неоднородной структуры — Color Replacement (Замена цвета). Его действие повторяет действие кисти в режиме Color (Цвет), но содержит больше настроек. Освоить Color Replacement (Замена цвета) достаточно сложно, но если получится, то этот инструмент выручит вас не раз в самых сложных ситуациях. В рассматриваемом примере использовать этот инструмент нет необходимости.
Так как однотонная прическа не очень интересна, попробуем сделать немного другое. Мы окрасили только некоторые пряди, чтобы получилось чередование обычных и окрашенных волос (рис. 8.81). Совсем неплохо, правда? Два предыдущих шага в нашей большой работе были совсем простыми. Поэтому будет правильно сейчас снова заняться серьезными вопросами. Нужно исправить девушке глаза.
Фотография в стиле глянцевых журналов
Рис. 8 . 8 1 . Окрашиваем волосы с помощью кисти в режиме Color (Цвет)
Определитесь, какого цвета будете рисовать радужку. Авторы остановились на зеленом, так как этот цвет соответствует реальному цвету глаз девушки. Но вы абсолютно вольны в выборе, так как на технологию работы это не влияет. Глаз лучше начинать рисовать со зрачка. Нужно правильно определить его размер. Это достаточно просто. Обрисуйте область, чуть меньше, чем область красного глаза. Не стоит делать его абсолютно черного цвета, так как это будет смотреться неестественно. Темно-серый гораздо лучше. Главное — два зрачка должны строго соответствовать друг другу по размеру! ПРИМЕЧАНИЕ В этом случае также можно использовать полностью автоматизирующий работу по удалению эффекта «красных глаз» инструмент Red Eye (Красный глаз).
Несколько сложнее имитировать радужку. Дело в том, что она далеко не однородная по цвету, и это нужно передать. Сначала нарисуйте кистью одноцветную заготовку, по форме и размерам полностью соответствующую готовой радужке. Так как мы рисуем поверх темной области засвеченного глаза, лучше сразу сделать затемнение по краю радужки. Для этого достаточно отрисовать его кистью с мягкими краями. Запустите инструмент Burn (Затемнитель), который позволяет затемнять пикселы, не изменяя цветовую составляющую пиксела. Для нашей работы очень важно
Глава 8. Ретушь фотографий. Фотомонтаж то, что в настройках этого инструмента можно задать диапазон действия: значение параметра Range (Диапазон) установите равным Midtones (Средние тона), a Exposure (Эффективность) — 20%. Выбрав кисть с мягкими краями, нанесите инструментом Burn (Затемнитель) несколько темных областей на радужке. Их расположение придется выбрать, опираясь на собственный вкус и опыт. Никаких универсальных рекомендаций дать невозможно. Глаза очень хорошо отражают свет. Поэтому в них обязательно должны быть блики, иначе глаза не будут выглядеть реалистично. Но не пугайтесь — нарисовать блик очень просто. Переключитесь на инструмент Dodge (Осветлитель) и задайте такие же настройки, как ранее для Burn (Затемнитель). Аккуратно осветлите небольшую область глаза на границе зрачка и радужки. Это будет достаточно сложно, но у вас есть подсказка — рис. 8.82. ПРИМЕЧАНИЕ Второй вариант создания отблеска в глазах основан на использовании фильтра Lens Flare (Блик) из группы Render (Освещение). Он проще, но результат применения фильтра почти не предсказуем. Давайте не будем рабами готовых решений и все возьмем в свои руки.
Глаза почти готовы, но они не выглядят реалистично. Виной тому слишком резкие контуры. Это легко исправить. Запустите инструмент Blur (Размытие) и немного обработайте все проблемные зоны. Если с чем-то Blur (Размытие) не справится, то рекомендуем попробовать другой инструмент той же группы — Smudge (Палец). Сразу стоит обратить внимание и на качество бровей и ресниц. Готовы спорить, что после применения фильтра Median (Усреднение) они здорово пострадали. Метод восстановления с помощью History Brush (Кисть состояния) был описан выше. Но этого явно будет недостаточно. Авторы дорисовали ресницы кистью черного цвета и немного размыли с помощью инструмента Blur (Размытие). С бровями еще проще — их достаточно выделить, обработав инструментом Burn (Затемнитель), и также немного размыть. Полностью готовый глаз показан на рис. 8.82.
Рис. 8.82. Нарисовать реалистичный глаз очень сложно
Фотография в стиле глянцевых журналов Существует и другой подход к исправлению глаз. Можно сначала нарисовать один глаз, а затем скопировать его и вставить в качестве второго. Но не думаем, что это будет проще пути, по которому пошли мы. Подгонка второго глаза отнимет достаточно сил и времени, особенно если они находятся не на одном горизонтальном уровне (как в описываемом случае). Начнем имитацию косметики. У девушки на фотографии губы уже накрашены. Однако их цвет не совсем соответствует общей гамме снимка после обработки. Поэтому губы нужно перекрасить в ярко-красный оттенок. Как уже сообразили многие читатели, для этого лучше всего использовать Brush (Кисть) в режиме Color (Цвет) или инструмент Color Replacement (Замена цвета). Авторы остановились на первом варианте. Запустите инструмент Brush (Кисть) и задайте в качестве основного цвета цвет платья. Для этого, нажав клавишу Alt, щелкните на платье левой кнопкой мыши. Затем очень аккуратно закрасьте в режиме Color (Цвет) губы полученным цветом. Границы лучше обработать инструментом Blur (Размытие). Точно таким же способом измените цвет ногтей. У нас на фотографии виден только один ноготь, поэтому эта работа заняла считанные секунды. Можно попробовать подчеркнуть щеки. Для этого авторы использовали инструмент Burn (Затемнитель) с очень большой кистью и небольшим значением параметра Exposure (Эффективность). Необходимо быстрым и точным движением положить на лицо тень в нужном направлении. Здесь вряд ли получится дать рекомендации. Смотрите итоговое изображение и пытайтесь повторить. После нескольких неудачных попыток обязательно получится. Точно так же или с помощью Brush (Кисть) имитируются тени около глаз. Остался последний шаг в нашей работе над фотографией. Нужно изменить фон на что-нибудь более подходящее. Пусть это будет просто серая заливка. Для этого нужно отделить девушку от фона. Снова выделять? Не пугайтесь. Мы ведь в начале раздела сохранили маску как дополнительный канал. Откройте палитру Channels (Каналы) и, выделив альфа-канал, нажмите пиктограмму в виде пунктирного кружка — Load channel as selection (Загрузить канал как выделение). Переключимся в режим быстрой маски («горячая» клавиша Q) и применим команду Image • Adjustments • Invert (Изображение • Настройки • Инвертировать). С помощью кисти закрасьте немаскированные области — волосы, губы, глаза и платье. Это будет сложная работа, но другого пути нет. Когда девушка будет полностью отделена от фона, вернитесь в обычный режим редактирования (Q) и залейте с помощью инструмента Paint Bucket (Заливка) фон любым цветом. Затем снимите выделение (Ctrl+D) и откорректируете области изображения, пострадавшие на этом этапе работы. Скорее всего, этими областями будут волосы. Технология восстановления вам уже знакома. Это последовательное использования инструментов History Brush (Кисть состояния), Brush (Кисть), Clone Stamp (Штамп) и Blur (Размытие). Придется немного повозиться, но качество того стоит.
Глава 8. Ретушь фотографий. Фотомонтаж Остался последний штрих. Запустите фильтр Lighting Effects (Эффекты света): Filter • Render • Lighting Effects (Фильтр • Освещение • Эффекты света) и немного поэкспериментируйте с ним, чтобы получить интересное освещение. Уверены, результат вас не разочарует. На этом работа выполнена. Удалите альфа-канал и сохраните итоговый результат. Наше финальное изображение представлено на рис. 8.83. Намного лучше оригинала, правда?
I
л
Ж •
i
Ik
pi •
"
"
•
:
:
•
•
•
• ; . . . . .
'
•
•:•
Рис. 8.83. Фотография в стиле глянцевых журналов <*J2
Авторы уверены, что после прочтения этого раздела вы будете более недоверчиво смотреть на фотографии в глянцевых журналах или на плакатах. Если мы без особой подготовки за небольшое время достигли такого результата, то только представьте, что могут сделать профессионалы!
8.12. Профессиональная фотография Отличить профессиональный художественный снимок от любительской фотографии может любой человек. Как правило, основное различие заключается в более цельной цветовой гамме профессиональной работы и размытости второго плана. В данном примере мы продемонстрируем, как очень быстро и просто из обычной (но хорошей) фотографии получить работу, похожую на художественный снимок. Исходное изображение приведено на рис. 8.84. Сначала подровняйте яркость и контрастность снимка, выполнив команду Image • Adjustments • Auto Levels (Изображение • Настройки • Автоматическая коррекция уровней).
Профессиональная фотография
£
Рис. 8.84. Исходная фотография t££) Затем нужно немного уменьшить насыщенность фотографии. Для этого примените инструмент Hue/Saturation (Тон/Насыщенность): Image • Adjustments • Hue/ Saturation (Изображение • Настройки • Тон/Насыщенность). Авторы использовали параметры, приведенные на рис. 8.85. Hue/Saturation Г Edit: i Master Uue: ! ;|
.
Saturation: Q lightness:
Ж
GE D Colorize
Рис. 8.85. Настройки Hue/Saturation (Тон/Насыщенность)
Дублируйте слой с фотографией, перетянув его на палитре Layers (Слои) на кнопку в виде белого листа бумаги. Установите там же значение параметра Blending
Глава 8. Ретушь фотографий. Фотомонтаж Mode (Режим наложения) равным Soft Light (Мягкий свет). Затем примените к слою фильтр Gaussian Blur (Размытие по Гауссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу) (рис. 8.86).
Рис. 8.86. Применение фильтра Gaussian Blur (Размытие по Гауссу)
Установите цвета по умолчанию, нажав «горячую» клавишу D. Затем расширьте область изображения рамкой небольшой ширины (в нашем случае — 5 мм), применив команду Image • Canvas Size (Изображение • Размер холста) (рис. 8.87). Canvas Size г
Current Size; 4,49M
]
Width: 9 cm
!
Height: 12,51 cm New Sise: 4,93M
Reset
-—
Width: ! 9,5
if cm
Height: Ц З
|jcm
П Relative Anchor: r ' w T l ' : ""/'
Caivas ext
Рис. 8.87. Добавляем белую рамку вокруг фото
Виртуальная парикмахерская Кроме того, можно добавить на фотографию небольшую обводку. На этом пример можно считать выполненным (рис. 8.88).
Рис. 8.88. Фотография стала значительно лучше <
8.13. Виртуальная парикмахерская В этом примере мы поговорим об изменении цвета волос. Эта задача является одной из самых востребованных у любителей цифровой фотографии. Действительно, всем интересно увидеть себя или близких с новым цветом волос, не рискуя при этом ничем (в отличие от экспериментов с реальной окраской). Вообще, если вам нужно просто немного перекрасить волосы в однотонный цвет, лучше использовать просто кисть в режиме Color (Цвет) или инструмент Color Replacement (Замена цвета). Мы же продемонстрируем более сложную и интересную технологию — как подготовить изображение таким образом, чтобы можно было просмотреть сотни вариантов окраски без особых усилий. Исходное изображение представлено на рис. 8.89. Сначала нужно выделить волосы. Как уже не раз говорилось, лучший для этого вариант — быстрая маска. Переключитесь в этот режим, нажав «горячую» клавишу Q. Запустите инструмент Brush (Кисть), выберите кисть с относительно мягкими краями и создайте маску, идентичную показанной на рис. 8.90.
Глава 8. Ретушь фотографий. Фотомонтаж
Рис. 8.89. Исходное изображение
Рис. 8.90. Быстрая маска - - лучший способ выделения волос
Вернитесь в обычный режим работы, повторно нажав Q. Инвертируйте выделение: Select • Inverse (Выделение • Инвертировать). Скопируйте волосы в буфер обмена (Ctrl+C) и вставьте на новый слой (Ctrl+V). Теперь у нас есть возможность работать со слоевыми эффектами. Несомненное достоинство слоевых эффектов заключается в том, что они являются не действием, а состоянием. То есть, в отличие, скажем, от инструментов рисования, вы всегда можете открыть слоевой эффект, щелкнув на пиктограмме f напротив слоя на палитре Layers (Слои), и внести любые изменения. Мы именно так и будем поступать при демонстрации вариантов окрашивания. Сначала перекрасим молодого человека в естественный цвет, скажем, сделаем его блондином. Для этого запустите слоевой эффект Color Overlay (Наложение цвета) и задайте настройки, показанные на рис. 8.91. - Coiec Overlay •••' CoSor • Stend Mode; Jcolo. Dodq
Рис. 8 . 9 1 . Слоевые эффекты — оптимальный способ окраски волос
СОВЕТ Лучший способ задавать слою эффект— нажимать пиктограмму в виде буквы f в нижней части палитры Layers (Слои).
Виртуальная парикмахерская Результат представлен на рис. 8.92. Чтобы изменить цвет волос, достаточно просто снова открыть диалоговое окно слоевого эффекта Color Overlay (Наложение цвета) и выбрать любой другой оттенок. Например, мы остановились на неформальном фиолетовом (рис. 8.93).
Рис. 8.92. Естественный цвет волос (*J)
Рис. 8.93. Неформальный цвет прически <$£)
Однако в качестве «краски» для волос можно использовать не только цвет, но и градиент. Для этого снова откройте окно редактирования слоевых эффектов, снимите флажок напротив эффекта Color Overlay (Наложение цвета), а установите его около Gradient Overlay (Наложение градиента). Авторы использовали настройки для этого эффекта, которые можно видеть на рис. 8.94.
I !
•:'.;•" -1Я 1.1.мд ЙОнТ.ОХЗН 'МЗТЗЧН'ОГ Я
Рис. 8.94. В качестве цвета волос можно использовать любой градиент
В результате мы получили очень интересную прическу (рис. 8.95).
Глава 8. Ретушь фотографий. Фотомонтаж
Рис. 8.95. Эта окраска хорошо гармонирует с галстуком <&£) Кроме цвета и градиента, можно использовать любую текстуру. Различие только в том, что работать нужно с эффектом Pattern Overlay (Наложение образца). Как видите, все очень просто, но вариантов для творчества — очень и очень много.
8.14. Новая фигура без скальпеля и фитнеса Все мы периодически или регулярно встречаемся с глянцевыми журналами. В том числе мужскими, с большим количеством обнаженных красоток. Но далеко не все знают, что между этими фотографиями и реальными девушками существует очень большая разница. Мы уже не раз говорили о приемах улучшения внешности людей на фотографии. В этом примере мы поделимся с вами технологиями, которые используются для того, чтобы значительно увеличивать достоинства девушек и уменьшать недостатки (в данном случае увеличение и уменьшение будет иметь прямой смысл изменения геометрических размеров). В качестве исходной была выбрана фотография, показанная на рис. 8.96. В целом, девушка достаточно симпатичная. Но в глянцевый журнал никак не годится — есть небольшой живот, грудь совсем маленькая, а кожа не загорелая. Исправлением этих трех недостатков мы и займемся в этом разделе.
Новая фигура без скальпеля и фитнеса Практически во всех случаях, так или иначе связанных с изменением геометрических пропорций человеческого тела или его отдельных частей, лучше всего использовать замечательный фильтр Liquify (Разжижение): Filter • Liquify (Фильтр • Разжижение). Запустите его.
Рис.8.96. Исходное изображение
ф
Liquify (Разжижение) — это фактически небольшой графический редактор, входящий в Photoshop. Он позволяет плавно, наглядно и естественно модифицировать объекты любой сложности. Так как этот инструмент интуитивно понятен, мы не станем подробно описывать работу с ним в целом, остановимся только на нужных нам в этом примере возможностях. Начать работу по улучшению фигуры лучше всего с живота. Для его редактирования подойдет инструмент (в окне фильтра Liquify (Разжижение) собственная палитра инструментов, она находится в правой части окна) Forward Warp (Искривить). Задайте достаточно большой размер кисти (рис. 8.97) и втяните живот плавным и точным движением. Если это не получится сделать с первой попытки, то всегда можно воспользоваться отменой (Ctrl+Z) или специальным инструментом, возвращающим изображение к исходному виду, — Reconstruct (Восстановить). Девушка после уменьшения живота показана на рис. 8.98. Теперь можно заняться увеличением груди. Силикон для этого не понадобится, так как есть гораздо более эффективное средство — инструмент Bloat (Раздуть). Задайте кисть, чуть-чуть превышающую по размеру размер предполагаемой груди и обработайте ей правую часть купальника девушки.
Глава 8. Ретушь фотографий. Фотомонтаж
Рис. 8.97. Убрать живот с помощью Liquify (Разжижение) — проще простого
•
шШШШ
Рис. 8.98. Без живота девушка выглядит намного лучше
Новая фигура без скальпеля и фитнеса С левой частью груди несколько сложнее. Правая часть после обработки полностью закрыла ее, и если пытаться действовать по уже примененному принципу, то вместо результата вы испортите сделанное — так как будет искажаться и уже готовая часть. Спасение — в возможности замораживать часть изображения, то есть запрещать редактирование этой области. Для этого запустите инструмент Freeze Mask (Заморозить область) и закрасьте правую грудь так, как показано на рис. 8.99.
Рис. 8.99. С Photoshop силикон не нужен, но без маски не обойтись
Когда маска будет готова, вернитесь к инструменту Bloat (Раздуть) и увеличьте правую грудь. Здесь нужно работать очень осторожно — даже небольшое несоблюдение пропорциональности будет заметно. Затем можно нажать кнопку О К, закончив тем самым работу с Liquify (Разжижение). Уже сейчас девушка выглядит несравнимо лучше. Но чтобы фотография выглядела более профессиональной, а достоинства фигуры проявились сильнее, нужно усилить контрастность теней и добавить загар. Эти две задачи можно решить одним приемом. Дублируйте слой с девушкой, перетянув его на палитре Layers (Слои) на пиктограмму в виде чистого листа бумаги. Затем выполните команду Filter • Brush
Глава 8. Ретушь фотографий. Фотомонтаж Strokes • Dark Strokes (Фильтр • Штрихи кисти • Темные штрихи) с настройками, показанными на рис. 8.100. После этого примените фильтр Gaussian Blur (Размытие по Гауссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу). Мы использовали параметры, показанные на рис. 8.101.
Рис. 8.100. Настройки фильтра Dark Strokes (Темные штрихи)
Рис. 8.101. Применение фильтра Gaussian Blur (Размытие по Гауссу)
Теперь самое главное. Мы продемонстрируем, как можно эффективно использовать режимы наложения. Перейдите на палитру Layers (Слои) и задайте настройки, приведенные на рис. 8.102. Самое главное здесь — режим Soft Light (Мягкий свет), который и создаст необходимый эффект загара и контрастности теней при соединении базового изображения и дубликата.
[Soft Light
V-j Opacity:
: •; МШ
Fill: ' 80% • ;
Background copy
•
Background Рис. 8.102. Настройки корректирующего слоя на палитре Layers (Слои)
Итоговый результат приведен на рис. 8.103. Согласитесь, девушка значительно похорошела. Представьте, если такого результата вы добились за полчаса, что могут профессионалы, которые на подобную работу тратят недели. Поэтому в следующий раз, смотря на фотографию красотки из шоу-бизнеса, не слишком доверяйте глазам — их обманывают дизайнеры и Photoshop.
Изменяем расу
Рис. 8.103. Измененная фигура
8.15. Изменяем расу Одной из самых сложных, но интересных задач при обработке цифровых фотографий является смена расы человека. Ведь нужно не только изменить цвет кожи, но и поработать над контурами лица, губами, глазами — каждая раса имеет свои уникальные особенности. Так как Майкл Джексон раз и навсегда скомпрометировал идею превращения из темнокожего в европейца, мы пойдем строго противоположным курсом — из белой (даже очень) девушки (рис. 8.104) сделаем негритянку. Начать стоит с самого сложного, а именно с кожи. Чтобы сделать ее темнее, необходимо отделить ее от остальной фотографии. То есть придется заниматься самой скучной и нудной работой — выделять сложный фрагмент. В данном случае единственный способ качественно выделить кожу — использовать режим быстрой маски. Переключитесь в него, нажав «горячую» клавишу Q. ПРИМЕЧАНИЕ Напомним, что быстрая маска — это своеобразный способ интерпретации выделения. При его активизации все инструменты начинают рисовать полупрозрачной красной краской. Закрашенные области символизируют невыделенные пикселы, прозрачные — наоборот.
Запустите инструмент Brush (Кисть), убедитесь, что используете подходящую кисть (она должна быть средних размеров и жесткости), и аккуратно замаскируйте всю
LVLI
Глава 8. Ретушь фотографий. Фотомонтаж
открытую кожу. Особенно сложно будет выделить кожу около волос (прическа, брови, ресницы), а также зону вокруг губ. Однако никакого способа облегчить эту работу нет — просто придется повозиться, несколько раз уменьшив диаметр используемой кисти. В итоге должно получиться примерно то, что показанное на рис. 8.105.
Рис. 8.104. Девушка европейского типа <*2р
Рис. 8.105-. Для выделения кожи мы использовали режим быстрой маски
Переключитесь в обычный режим редактирования, повторно нажав «горячую» клавишу Q. Инвертируйте выделение (Shift+Ctrl+I). Скопируем выделенное в буфер обмена (Ctrl+C) и вставим как новый слой (Ctrl+V). Теперь мы можем изменять цвет кожи, так как эти изменения не будут влиять на все изображение — кожа уже автономна (рис. 8.106). Для затемнения кожи можно использовать достаточно большое количество цветокорректирующих средств. Мы остановились на Hue/Saturation (Тон/Насыщенность): Image • Adjustments • Hue/Saturation (Изображение • Настройки • Тон/Насыщенность). Примененные настройки показаны на рис. 8.107. Склейте слои (Ctrl+E). Теперь отчетливо видно, что кожу мы затемнили (рис. 8.108), но целый ряд проблем у нас появился. Не очень точно была выделена кожа, поэтому на границе лица есть светлая полоса. Старый цвет помады не подходит к новой коже, волосы и глаза слишком светлые, а в отверстиях в кофте видна светлая кожа. Исправить это все будет достаточно просто. Запустите инструмент Burn (Затемнитель) и выберите среднюю кисть с мягкими краями. Аккуратно и не спеша обработайте тело под кофтой (это в предстоящей работе самое простое). Затем уменьшите диаметр используемой кисти, сделайте ее жестче и затемните губы. Главное здесь — не переборщить и не сделать их слишком темными, ориентируйтесь на наш итоговый результат. По аналогичной технологии обработайте волосы и глаза. Глаза рекомендуем трогать самую малость — они у темнокожих людей не очень отличаются от карих европейских.
Изменяем расу Hue/Sat u r at io n ; Master
Saturation:
I Load,..
Lightness:
И Preview
Рис. 8.106. Слой с кожей
Рис. 8.107. Настройки Hue/Saturation (Тон/Насыщенность) для затемнения кожи
Рис. 8.108. Кожа почти готова
Для исправления недостатков окраски кожи (в местах, где просвечивает старая светлая) лучше использовать инструмент Clone Stamp (Штамп) с мягкой кистью. Кроме того, могут проявиться десятки других недоработок, исправляемых примерно такими же способами, как и описанные — не теряйтесь, в любом случае, всегда можно отменить неудачные действия и начать заново. Если все сделано правильно, то вы получите почти темнокожую девушку. Почти потому, что ее черты лица полностью европейские — тонкий нос и губы, вытянутая форма лица, невыдающиеся скулы. Для исправления этого лучше всего использовать мощнейший фильтр Liquify (Разжижение): Filter • Liquify (Фильтр • Разжижение) (рис. 8.109). Вам придется достаточно серьезно поработать, чтобы добиться хорошего результата. Нужно расширить нос, округлить лицо, увеличить губы. Все это делается
L I U
Глава 8. Ретушь фотографий. Фотомонтаж
инструментом Forward Warp (Искривить) с кистью, немного превышающей по размерам объект, который нужно обработать. Экспериментируйте, и все получится, так как Liquify (Разжижение) — это абсолютно интуитивно понятный инструмент. То, что получилось у нас в итоге, можно видеть на рис. 8.110.
'Г
.LoadH!
ь.sve>!.es!
: Tool Option*
8u ish Picsitite:foI *\
HeconstM l C* Opto in* ei Revert Ma*k Opto in* L.N«2._I L j i ? i * ! L j Vie» Option. . «л;:-
1. .InveilA!..
С Show Mesh
H Show Mask •
Рис. 8.109. Liquify (Разжижение) — единственная возможность кардинально менять черты лица
Рис. 8.110. Наш ответ Майклу Джексону <2^)
Омоложение на 20 лет за 20 минут
8.16. Омоложение на 20 лет за 20 минут Люди всегда стремились выглядеть моложе своего возраста. Существует целая индустрия, направленная на то, чтобы дать всем желающим возможность хотя бы внешне скинуть пяток-десяток лет. Это и пластическая хирургия, и всевозможные косметологические процедуры, ну и, конечно же, огромнейший выбор косметических средств. Разумеется, эта тенденция не обошла и фотографию. Еще в 30-е годы прошлого века специальные ретушеры начали обрабатывать портреты кремлевских вождей, чтобы явить их народу крепкими и красивыми (во всяком случае, намного лучше, чем есть на самом деле). На Западе омоложение персонажей на фотографиях в основном интересовало голливудских и прочих звезд шоу-бизнеса, их продюсеры были готовы платить хорошие деньги, чтобы не показать публике, что ее кумир сдает позиции времени. С появлением компьютера и Adobe Photoshop омолаживать фотографии стало значительно проще, и теперь эта процедура доступна всем. Мы попробуем поработать с фотографией доктора в возрасте (рис. 8.111). Прежде всего нужно выделить кожу (в том числе руки). Для этого можно использовать целый ряд инструментов выделения, но мы рекомендуем остановиться на работе с быстрой маской (Quick Mask). Так как форма лица и рук достаточно сложная, вдобавок присутствуют волосы, быстрая маска в конечном итоге будет самым простым способом выделения. Переключитесь в режим быстрой Маски, нажав «горячую» клавишу Q. ПРИМЕЧАНИЕ Режим быстрой маски представляет собой способ интерпретации выделения. В нем красные пикселы означают невыделенные области, а прозрачные — выделенные. Частично выделенные области обозначаются красным цветом меньшей насыщенности. В режиме быстрой маски можно работать со всеми инструментами рисования, а также с фильтрами и средствами цветокоррекции, только вместо обычных пикселов вы будете создавать и редактировать выделение.
Активизируйте инструмент Brush (Кисть), выбрав кисть среднего размера с мягкими краями. Аккуратно и тщательно зарисуйте сверху все области открытой кожи. Если все сделано правильно, то вы должны получить примерно то, что показано на рис. 8.112. Перейдите в обычный режим редактирования, снова нажав «горячую» клавишу Q. Нужно удалить глубокие морщины на лице, которые невозможно исправить автоматически из-за их величины. Поэтому активизируйте инструмент Clone Stamp (Штамп) и, копируя смежные области кожи на морщины, удалите их. Делать это нужно очень аккуратно — кожа даже на очень близких участках может выглядеть по-разному и при копировании проявится в виде пятен или полос. После «разглаживания морщин» доктор значительно помолодел (рис. 8.113).
Глава 8. Ретушь фотографий. Фотомонтаж
Рис. 8 . 1 1 1 . Доктор в возрасте < ^ )
Рис. 8.112. Быстрая маска —крайне полезное средство
Мелкие морщины можно удалить все и сразу. Для этого отлично подходит фильтр Median (Усреднение): Filter • Noise • Median (Фильтр • Шум • Усреднение). Этот фильтр приводит все пикселы к единому среднему цвету в зоне, указанной при применении. Это позволяет удалять неровности и шероховатости, имеющие толщину несколько пикселов. Использованные авторами настройки показаны на рис. 8.114.
, Рис. 8.113. Глубокие морщины удаляются штампом
Radius: 2 '
pixels'
Рис. 8.114. Фильтр Median (Усреднение) — лучший способ удаления мелких неровностей кожи
После применения фильтра Median (Усреднение) кожа стала значительно лучше, однако ее цвет слишком желтый для относительно молодого человека. Исправить
Омоложение на 20 лет за 20 минут это можно с помощью инструмента Hue/Saturation (Тон/Насыщенность) с настройками, указанными на рис. 8.115. Hue/Saturation Edit: j Master
OK
Hue:
Reset
Saturation: Lightness: :
HEreview
Рис. 8.115. Легкая цветокоррекция
Если в целом вид кожи вас удовлетворяет, то можно снять выделение, нажав сочетание клавиш Ctrl+D. Можно перейти ко второй части работы — затемнению волос. Вообще, окрашивание полностью седых волос — не самая простая и далеко не самая благодарная работа. Седые волосы имеют несколько другую структуру, чем обычные, — они тоньше, поэтому зачастую после окраски прическа выглядит неестественно. Однако у нас выбора нет, поэтому постараемся сделать это максимально аккуратно. Для выделения прически лучше всего использовать все тот же режим быстрой маски (рис. 8.116).
Рис. 8.116. Выделяем волосы
1
Глава 8. Ретушь фотографий. Фотомонтаж
Для изменения цвета волос существует целая методика (в этой главе есть соответствующий пример), но мы не будем слишком мудрить и воспользуемся самым простым средством — Hue/Saturation (Тон/Насыщенность) с настройками, показанными на рис. 8.117.
Hue/Saturation
Рис. 8.117. Настройки Hue/Saturation (Тон/Насыщенность) для затемнения волос
В результате мы получили уже достаточно помолодевшего доктора (рис. 8.118). Однако еще нужно решить проблемы с неровностью волос. Появление этой неровности — результат затемнения, поэтому не остается ничего другого, как вооружиться штампом и сгладить все вручную.
Рис. 8.118. Пока наше омоложение выглядит не очень хорошо
Вам нужно немного сузить нос, втянуть щеки и поднять подбородок. Все это делается очень легко и интуитивно понятно, поэтому не станем заострять на Liquify (Разжижение) внимание.
Омоложение на 20 лет за 20 минут
IX
Рис. 8.119. Liquify (Разжижение) позволяет исправить возрастные изменения в контурах лица
Чтобы улучшить изображение, авторы применили еще один прием. Использование фильтра Median (Усреднение) сделало лицо слишком гладким, будто пластмассовым. Мы активизировали инструмент Sharpen (Резкость) и добавили лицу немного шероховатости, свойственной коже. В итоге доктор стал значительно моложе (рис. 8.120).
Ж
Рис. 8.120. Доктор помолодел лет на 25 <^)
Глава 8. Ретушь фотографий. Фотомонтаж
8.17. Украшаем самолет Одним из главных нововведений Photoshop CS2 является новый вид трансформации объектов — Warp (Искажение). Пожалуй, его можно назвать самой полезной инновацией последней версии программы. Warp (Искажение) можно использовать в огромном количестве случаев, поэтому обратите на этот инструмент повышенное внимание. В этом примере мы продемонстрируем, как можно сымитировать рисунок на металле, а именно — на носу истребителя (рис. 8.121). В качестве рисунка, который будет размещен на металле, нужно выбрать какое-либо адекватное и яркое изображение. Мы остановились на фотографии льва (рис. 8.122).
Рис. 8 . 1 2 1 . Исходное изображение
Рис. 8.122. Фотография льва, которую нужно нанести на нос самолета
Выделим всю фотографию льва, нажав сочетание клавиш Ctrl+A, затем скопируем выделенное в буфер обмена (Ctrl+C) и вставим как новый слой на изображение самолета (Ctrl+V). Активизируйте Free Transform (Свободное трансформирование) (Ctrl+T) и подгоните размеры и размещение фотографии льва по носу самолета (рис. 8.123). Не отключая режим трансформирования, щелкните внутри ограничивающей рамки и выберите в появившемся меню режим Warp (Искажение). Манипулируя узлами сетки, добейтесь полного повторения изображением льва контуров самолета (рис. 8.124). Возможно, придется немного обработать края инструментами Eraser (Ластик) и Blur (Размытие), чтобы добиться большей аккуратности и точности совпадения контуров двух слоев. Затем перейдите на палитру Layers (Слои) и измените режим наложения слоя со львом на Overlay (Перекрытие). В результате получится реалистичное и эффектное изображение (рис. 8.125).
Украшаем самолет
Рис. 8.123. Помещаем льва на место и задаем правильные размеры
Рис. 8.124. Warp (Искривление) поможет повторить контуры самолета
Рис. 8.125. Истребитель стал намного эффектнее <^)
Приложение 1
Клавиатурные сокращения команд и инструментов
Приложение 1 . Клавиатурные сокращения
Команды главного меню Меню File (Файл) Английское название New Open Browse Open As Edit in ImageReady Close Close All
Close and Go To Bridge Save Save As Save for Web Revert File Info Page Setup Print with Preview Print Print One Copy Exit
Русский эквивалент
Клавиатурное сокращение
Новый Открыть Обозреватель файлов Adobe Bridge Открыть как Редактировать в ImageReady Закрыть Закрыть все Закрыть и перейти в Bridge Сохранить
Ctrl+N Ctrl+O
Alt+Ctrl+O или Shift+Ctrl+O Alt+Shift+Ctrl+O Shift+Ctrl+M Ctrl+W Alt+Ctrl+W
Shift+Ctrl+W Ctrl+S Сохранить как Shift+Ctrl+S Сохранить для веб Alt+Shift+Ctrl+S Вернуть F12 Информация о файле Alt+Shift+Ctrl+I Shift+Ctrl+P Параметры страницы Печать с предварительным просмотром Alt+Ctrl+P Печать Ctrl+P Печать одного экземпляра Alt+Shift+Ctrl+P Выход
Ctrl+Q
Меню Edit (Редактировать) Английское название Undo/Redo Step Forward Step Backward Fade Cut Copy Copy Merged Paste Paste Into Fill Free Transform Transform • Again Color Settings Keyboard Shortcuts Menus Preferences • General
Русский эквивалент Отмена/Возврат Шаг вперед Шаг назад Ослабить Вырезать Копировать Копировать слитое Вставить Вставить в Заливка Свободная трансформация Трансформация • Повтор Установки цвета Клавиатурные сокращения Меню Настройки > Общие
Клавиатурное сокращение Ctrl+Z
Shift+Ctrl+Z Alt+Ctrl+Z
Shift+Ctrl+F Ctrl+X или F2 Ctrl+C или F3 Shift+Ctrl+C Ctrl+V или F4 Shift+Ctrl+V Shift+F5 Ctrl+T
Shift+Ctrl+T Shift+Ctrl+K Alt+Shift+Ctrl+K Alt+Shift+Ctrl+M Ctrl+K
п р и л о ж е н и е i . iклавиатурные сокращения
Меню Image (Изображение) Английское название
Русский эквивалент
Adjustments •
Настройки •
Клавиатурное сокращение
Levels
Уровни
Ctrl+L
Auto Levels
Автоматическая коррекция уровней
Shift+Ctrl+L
Auto Contrast
Автоматическая коррекция контраста
Alt+Shift+Ctrl+L
Auto Color
Автоматическая цветокоррекция
Shift+Ctrl+B
Curves
Кривые
Ctrl+M
Color Balance
Цветовой баланс
Ctrl+B
Hue/Saturation
Тон/Насыщенность
Ctrl+U
Desaturate
Обесцветить
Shift+Ctrl+U
Инвертировать
Ctrl+I
Invert Image Size
Размер изображения
Alt+Ctrl+L
Canvas Size
Размер холста
Alt+Ctrl+C
Меню Layer (Слой) Английское название
Русский эквивалент
New •
Новый •
Клавиатурное сокращение
Layer
Слой
Shift+Ctrl+N
Layer via Copy
Слой копированием
Ctrl+J
Слой вырезанием
Shift+Ctrl+J
Layer via Cut Create/Release Clipping Mask
Создать/Удалить маску связи
Arrange •
Выравнивание •
Alt+Ctrl+G
Bring to Front
Поместить вверх
Shift+Ctrl+]
Bring Forward
Поместить вперед
Ctrl+]
Send Backward
Поместить назад
Ctrl+[
Send to Back
Поместить вниз
Shift+Ctrl+[
Merge Layers
Склеить слои
Ctrl+E
Merge Visible
Склеить видимое
Shift+Ctrl+E
Меню Select (Выделение) Английское название
Русский эквивалент
Клавиатурное сокращение
All
Все
Ctrl+A
Deselect
Отменить выделение
Ctrl+D
Reselect
Вернуть выделение
Shift+Ctrl+D
Приложение 1 . Клавиатурные сокращения Английское название Inverse All Layers Feather
Русский эквивалент
Клавиатурное сокращение
Инвертировать
Shift+Ctrl+I или Shift+F7
Все слои
Alt+Ctrl+A
Растушевка
Alt+Ctrl+D или Shift+F6
Меню Filter (Фильтр) Английское название Last Filter Extract Liquify Pattern Maker Vanishing Point
Русский эквивалент Последний фильтр Выдавливание
Клавиатурное сокращение Ctrl+F Alt+Ctrl+X Shift+Ctrl+X Alt+Shift+Ctrl+X Alt+Ctrl+V •
Разжижение Текстуратор Точка схода
Меню View (Вид) Английское название Proof Colors Gamut Warning
Русский эквивалент
Клавиатурное сокращение
Цветопроба
Ctrl+Y
Предупреждение диапазона печати
Shift+Ctrl+Y
Zoom In Zoom Out Fit on Screen Actual Pixels Extras Show •
Увеличить
СЫ++илиСЫ+
Уменьшить
Ctrl+-
Во весь экран
Ctrl+O
Реальный размер
Alt+Ctrl+O
Дополнительные элементы
Ctrl+H
Target Path Grid Guides Rulers Snap Lock Guides
Отображать • Направляющие контуров
Shift+Ctrl+H
Сетка
CtrlV
Направляющие
Ctrl+;
Линейки
Ctrl+R
Привязать
Shift+Ctrl+;
Блокировка направляющих
Alt+Ctrl+;
Меню Window (Окно) Английское название Actions Brushes Color Info Layers
Русский эквивалент
Клавиатурное сокращение
Действия
Alt+F9 или F9
Кисти
F5 F6 F8 F7
Цвет Информация Слои
приложение 1. клавиатурные сокращения
Меню Help (Помощь) Английское название Photoshop Help
Русский эквивалент
Клавиатурное сокращение
Помощь
F1
Русский эквивалент
Клавиатурное сокращение
Rectangular Marquee
Прямоугольное выделение
М
Elliptical Marquee
Эллиптическое выделение
М
Move
Перемещение
V
Lasso
Лассо
•
Инструменты Английское название
Polygonal Lasso
Прямоугольное лассо
Magnetic Lasso
Магнитное лассо
L
W
Magic Wand
Волшебная палочка
Crop
Рамка
Slice
Фрагмент
Slice Select
Выбор фрагмента
Spot Healing Brush
Точечная лечащая кисть
Healing Brush
Лечащая кисть
Patch
Заплатка
Red Eye
Красный глаз
Brush
Кисть
Pencil
Карандаш
Color Replacement
Замена цвета
с к к ,
в в в
Clone Stamp
Штамп
Pattern Stamp
Фигурный штамп
History Brush
Кисть состояния
Art History Brush
Художественная восстанавливающая Y кисть
Eraser
Ластик
Y
Burn
Затемнитель
Е Е Е G G R R ^ 0 0
Sponge
Губка
о
Path Selection
Выделение контура
А
Background Eraser
Фоновый ластик
Magic Eraser
Волшебный ластик
Gradient
Градиент
Paint Bucket
Заливка
Blur
Размытие
Sharpen
Резкость
Smudge
Палец
Dodge
Осветлитель
Приложение 1 . Клавиатурные сокращения Английское название
Русский эквивалент
Direct Selection
Модификация
А
Horizontal Type
Горизонтальный текст
Т
Vertical Type
Вертикальный текст
Horizontal Type Mask
Написание горизонтальным выделением
т т
Vertical Type Mask
Написание вертикальным выделением
т
Pen
Перо
р
Freeform Pen
Свободное перо
р
Rectangle
Прямоугольник
Rounded Rectangle
Скругленный прямоугольник
Ellipse
Эллипс
и и и и и и N N I I I н Z D
Polygon
Многоугольник
Line
Линия
Custom Shape
Пользовательская фигура
Notes
Пометки
Audio Annotation
Аудиозапись
Eyedropper
Пипетка
Color Sampler
Выбор цвета
Measure
Линейка
Клавиатурное сокращение
Hand
Рука
Zoom
Лупа
Default Foreground/ Background Colors
Цвета по умолчанию
Switch Foreground/ Background Colors
Переключение между цветами переднего плана и фона
X
Toggle Standard/ Quick Mask Modes
Переключение между стандартным режимом и режимом быстрой маски
Q
Toggle Screen Modes
Переключение между экранными режимами
F
Toggle Preserve Transparency
Переключатель фиксирования прозрачности
/
Decrease Brush Size
Увеличить размер кисти
Increase Brush Size
Уменьшить размер кисти
[ ] { }
Decrease Brush Hardness
Уменьшить твердость кисти
Increase Brush Hardness
Увеличить твердость кисти
Previous Brush
Предыдущая кисть
Next Brush
Следующая кисть
.
First Brush
Первая кисть
<
Last Brush
Последняя кисть
>
г
Приложение 2
•
Содержимое компакт-диска
Приложение 2. Содержимое компакт-диска Компакт-диск, который прилагается к этой книге, содержит: •
дополнительные фильтры;
•
кисти;
•
макросы;
• •
с т и л и
•
фигуры;
•
цветные иллюстрации к теоретической и практической частям книги;
•
шрифты.
; текстуры;
Дополнительные фильтры В папке Дополнительные фильтры на диске расположены демонстрационные версии некоторых коммерческих плагинов и бесплатные дополнительные фильтры к программе Photoshop, среди которые следующие: •
Alpha Strip I 22•
•
AV. Bros. Page Curl 2.0;
•
AV. Bros. Puzzle Pro 2.0;
•
AV. Bros. Colonst;
•
Panopticum Digitalizer;
•
Panopticum Engraver;
•
Andromeda EtchTone;
•
Eye Candy 5;
•
Panopticum Fire 3;
•
Image Doctor;
•
Panopticum Lens Pro;
•
Splat;
•
Xenofex 2.0.
Установить дополнительные фильтры можно следующим образом. Если в папке с фильтрами интересующий вас плагин представляет собой ЕХЕ-файл, то запустите его. В процессе установки потребуется указать папку, в которой у вас хранятся дополнительные модули. По умолчанию это папка Adobe Photoshop CS2\ Plug-Ins. Некоторые наборы фильтров представлены файлами с расширением 8BF. Такие файлы следует поместить в папку Adobe Photoshop CS2\Plug-Ins, и тогда после перезапуска Photoshop вы сможете использовать эти фильтры.
Приложение 2. Содержимое компакт-диска
Кисти Наборы дополнительных кистей находятся в папке Кисти и имеют расширение ABR. Скопируйте эти файлы в папку Adobe Photoshop CS2\Presets\Brushes. Теперь вы можете ими пользоваться, предварительно загрузив их с помощью команды Edit • Preset Manager (Правка • Менеджер предустановок) либо параметра Brush (Кисть) любого инструмента рисования, щелкнув на палитре кистей на кнопке в виде стрелки и выбрав команду Load Brushes (Загрузить кисти).
Макросы В папке Макросы вы найдете несколько сотен интереснейших макропоследовательностей. Чтобы выполнить их, необходимо загрузить выбранные макросы в Photoshop с помощью команды Load Actions (Загрузить макросы) из контекстного меню палитры Actions (Действия).
Стили, текстуры и фигуры Панки Стили, Текстуры и Фигуры содержат соответственно оригинальные стили, текстуры и фигуры для использования в Photoshop.
Цветные иллюстрации Иллюстрации к книге собраны в папке Цветные иллюстрации по принадлежности к главам. Имя файла рисунка совпадает с номером этой иллюстрации в книге. Если вам нужен рис. 4.7, то для его просмотра необходимо обратиться к компактдиску по адресу Цветные иллюстрации\Глава 4\04_007.JPG.
Шрифты Несколько десятков русифицированных шрифтов находится в папке Шрифты.
я
* •
