009 photoshop cs2

531

Upload: api-3735291

Post on 13-Nov-2014

160 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 009 Photoshop CS2
Page 2: 009 Photoshop CS2
Page 3: 009 Photoshop CS2

Юрий Гурский,Ирина Гурская

P H O T O S H O P C S 0

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

Киев • Харьков • Минск

2 0 0 5

Page 4: 009 Photoshop CS2

Юрий Анатольевич Гурский, Ирина Владимировна Гурская

Photoshop C S 2Трюки и эффекты (+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.

Page 5: 009 Photoshop CS2

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

От одного из авторов 8

Введение 9

Глава 1. Интерфейс программы и основы работы с Photoshop 11

Глава 2. Введениев графический дизайн 167

Глава 3. Текстовые эффекты 196

Глава 4. Текстуры 258

Глава 5. Имитация природных явлений 315

Глава 6. Создание рамок 379

Глава 7. Имитация объема в Photoshop 392

Глава 8. Ретушь фотографий. Фотомонтаж 439

Приложение 1 . Клавиатурные сокращения команди инструментов 504

Приложение 2. Содержимое компакт-диска 510

Page 6: 009 Photoshop CS2

Оглавление•- • ажцэщоэ эол

От одного из авторов 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

Page 7: 009 Photoshop CS2

Оглавление

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

Page 8: 009 Photoshop CS2

Оглавление

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

Page 9: 009 Photoshop CS2

Оглавление

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

Page 10: 009 Photoshop CS2

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

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

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

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

Тогда я не обратил на эти слова никакого внимания. Но через четыре года я вспом-нил их, так как автор оказался прав. Знания по Photoshop, набранные сначала излюбопытства, оказались очень полезными и необходимыми в жизни.

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

рии урскии

Page 11: 009 Photoshop CS2

ВведениеЭта книга посвящена практической работе в лучшем на сегодняшний день графи-ческом редакторе — Adobe Photoshop CS2.

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

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

Основную часть книги составляют примеры работы (главы 3-8). Эти примерыдемонстрируют многие возможности Photoshop, но, конечно, не все. Когда мы под-бирали материал для книги, то взяли 100 самых полезных и впечатляющих при-меров из более чем 200 заготовок. В основном отбор шел по практической надоб-ности и интересности примеров. Во многих (если не в большинстве) практическихразделах используются неявные возможности Photoshop, без которых вы вряд лисможете повторить эффект, даже отлично зная программу.

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

Как читать эту книгуОсновное условие — обязательно перед компьютером с запущенной программойPhotoshop. Книга рассчитана на то, что во время чтения у вас есть под руками самапрограмма. Без нее из этой книги смогут извлечь что-то полезное только оченьопытные пользователи.

Если вы никогда не видели Photoshop, то рекомендуем сначала внимательно про-читать теоретическую часть, чтобы ориентироваться в палитрах и меню. Всемуостальному вас научит практика.

Page 12: 009 Photoshop CS2

От издательства

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

Если же вы опытный пользователь, то сразу открывайте цветную вклейку илиоглавление, ищите нужный вам эффект и работайте.

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

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

От издательстваВаши замечания, предложения и вопросы отправляйте по адресу электронной поч-ты [email protected] (издательство «Питер», компьютерная редакция).

Мы будем рады узнать ваше мнение!

На сайте издательства http://www.piter.com вы найдете подробную информациюо наших книгах.

'

Page 13: 009 Photoshop CS2

Глава 1

Интерфейс программыи основы работы с Photoshop

LJ Главное окноPhotoshop CS2и основные понятия

• Палитраинструментов

• Главное менюLJ Основные палитры

Photoshop• Настройка PhotoshopU Работа с тоновыми

кривыми• Автоматизация

работы

LJ Команда FreeTransform (Свободноетрансформирование)

• Работа с текстом• Контуры и фигуры• Каналы и маскиQ Стили и эффекты

• Палитра Brushes(Кисти)

• Adobe Bridge —обозревательфайлов

• Smart Objects(Управляемыеобъекты)

Page 14: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

1.1. Главное окно Photoshop CS2и основные понятия

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

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

Итак, вы установили Adobe Photoshop CS2, успешно прошли регистрацию и впер-вые запустили программу. Вы увидите главное окно Photoshop (рис. 1.1). В цент-ре этого окна на рис. 1.1 расположено окно документа, в котором выводится загру-женный графический файл.

Рис. 1.1. Главное окно Photoshop CS2

Этот интерфейс является стандартным для всех программ Adobe, и, освоив егов Photoshop, вы облегчите себе изучение других пакетов этой фирмы. Если вывпервые увидели Photoshop и никогда не изучали никаких программ по книгам,

Page 15: 009 Photoshop CS2

Главное окно Photoshop CS2 и основные понятия

то у вас может возникнуть желание все бросить. Не стоит этого делать — уже че-рез несколько дней вы вполне освоитесь в среде Photoshop, поверьте опыту авторов.

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

Итак, перечислим компоненты главного окна программы.

• Строка меню (рис. 1.2). Стандартный элемент для всех оконных приложений(Windows-программ). Для нее есть стандарты, принятые во всем мире, и Photo-shop не стал исключением в том смысле, что она начинается с пункта 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 поменьше ис-пользовать мышь при выборе команд в меню. Обратите внимание на то,что напротив большинства из них написаны клавиатурные сокращения,нажав которые, вы выполните то же самое, но гораздо быстрее. Привы-кайте сразу к правильной работе, иначе потом будет трудно переучи-ваться.

Page 16: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Палитра инструментов (рис. 1.3). С этим элементом программы вам придетсяработать больше, чем со всеми остальными вместе взятыми. Здесь находятсяте инструменты, с помощью которых вам предстоит делать основную работу.Более подробно палитра инструментов описана в разд. 1.2. Пока обратите вни-мание на то, что на кнопках многих инструментов нарисованы стрелочки. Этозначит, что за кнопкой скрывается всплывающая панель с дополнительнымиинструментами. Чтобы открыть ее, нужно щелкнуть мышью на инструменте ине отпускать сразу кнопку мыши. Когда вы выберете на всплывающей панелиинструмент, он появится на основной палитре вместо предыдущего. Это сде-лано для минимизации размеров палитры.

Рис. 1.3. Палитра инструментов

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

U3j Fulhtr: ".7p." ~ ЕЗАпН-Лм

Рис. 1.4. Панель параметров инструмента Lasso (Лассо)

Page 17: 009 Photoshop CS2

Главное окно 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 пиксела на дюйм (так называемое экранное разрешение), нодля получения действительно качественного результата (например, в полигра-фии) необходимо значительно больше.

Page 18: 009 Photoshop CS2

Глава 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 имеет отноше-ния к цветовым каналам. Это оригинальная форма выделения (точнее, его ото-бражения и сохранения), в которой белым цветом обозначаются выделенныепикселы, черным — невыделенные, а серым — частично выделенные. Но на про-граммном уровне любое выделение является альфа-каналом.

Page 19: 009 Photoshop CS2

Палитра инструментов

• Режим наложения пикселов (blend mode). Очень важное понятие Photoshop.Дело в том, что работа почти с любым инструментом — это наложение новыхпикселов поверх имеющихся. В обычном режиме старый пиксел заменяетсяновым, но возможны и другие варианты. В практической части книги пара-метр Blend Mode (Режим наложения) используется очень часто, что позволяетполучить полное представление о нем.

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

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

. f~l Rectangular Marquee Tool MМ

Row Marque* Tool

S Single Column Marquee Tool Tool

J Penc* Tool В

•yCc4or*.pl.c.™n>T.xJ БPolygonal Lasio ToolMagnetic Lasso ToolSpot 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 : Rounded Rectangle Tod U

Q . Ellipse Tod; U

Q Polyaon Tool и

\ Un. T«cJ U

Tool U

я J f Eyedropper Tool I

Color Sampler Tool [

Tool i

Я Not.! ToOl :V.: :

ф. AuoV АлоЛ tf.jr, Tc.c4

Рис. 1.7. Инструменты основной палитры

Page 20: 009 Photoshop CS2

Глава 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 (Фиксированный размер) — создается область выделения задан-ного размера.

Page 21: 009 Photoshop CS2

Палитра инструментов

Q Elliptical Marquee (Эллиптическое выделение) — создание различного рода эл-• i липтических и круглых выделений. Панель параметров содержит такие же на-

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

„ Single Row Marquee (Выделить строку) — выделяет одну строку шириной в пик-" сел. Этот инструмент почти никогда не применяется. Аналогично инструмен-

том Single Column Marquee (Выделить столбец) создается столбец.

Move (Перемещение) — инструмент, с помощью которого можно передвигатьразличные объекты: слои, выделенные части изображения, фигуры. Один изсамых необходимых инструментов, который почти не изменился с третьейверсии программы. Вызывается «горячей» клавишей V. Параметры инстру-мента перемещения следующие.

Auto Select Layer (Автовыбор слоя) — влючает режим автоматического выбораслоя. Если у вас есть несколько слоев, на каждом из которых отображен ка-кой-либо объект, то щелчок по этому объекту в видимой части изображенияпереключит слои, и вы будете двигать уже слой с выбранным вами объектом.

Show Transform Controls (Показать ограничивающую рамку) — создает вокругнепрозрачной части изображения рамку, с помощью которой можно изменятьего. По сути, просто вызывает команду Free Transform (Свободное трансформи-рование), о которой вы можете прочитать в разд. 1.8.

РLasso (Лассо) — свободное выделение. Выделяет всю обведенную область.' Очень полезный инструмент, но при одном условии — у вас хорошо работает

мышь и вы владеете ею в совершенстве. Для пользования лассо гораздо лучшеподойдет манипулятор в виде шариковой ручки (дигитайзер), так как далеконе всякий пользователь может точно построить сложную геометрическую фи-гуру с помощью мыши, сделать же это ручкой не составит труда почти нико-му. Это самый старый инструмент выделения, и сейчас он используется всереже и реже. Из параметров инструмента Lasso (Лассо) стоит упомянуть Anti-alias (Сглаживание) — сглаживание выделения. Снимать этот флажок стоиттолько в том случае, когда вам необходимо очень точно выделить что-либо.

Polygonal Lasso (Многоугольное лассо) — очень удобный инструмент выделе-1 ния, может быть, наиболее часто применяемый. Как вы, наверное, обратили

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

1 Magnetic Lasso (Магнитное лассо) — очень популярный инструмент выделения.Строит выделение на основе цветовой разности. Идея в том, что контурыобъекта, как правило, отличаются по цвету от фона и поэтому могут быть лег-ко выделены. Идеальный инструмент для выделения сложных геометричес-ких форм (например, волос). Радует также скорость выделения. Его парамет-ры следующие.

Page 22: 009 Photoshop CS2

Глава 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 (Разрешение) — разрешение нового изображения.

Page 23: 009 Photoshop CS2

Палитра инструментов

Параметры после создания области следующие.

• 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 (Использовать все слои). При определении окружающих об-ластей для создания усредненного значения будут использованы все слои.

Page 24: 009 Photoshop CS2

Глава 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 (Цвет переднего плана)). Применяется

Page 25: 009 Photoshop CS2

Палитра инструментов

очень часто, но намного реже, чем это было в более ранних версиях Photo-shop, — появилось много узкоцелевых инструментов.

;

ВНИМАНИЕ

Не путайте параметры инструмента Brush (Кисть) и настройки на палитреBrushes (Кисти). Этой палитре посвящен разд. 1.13.

Основные настройки кисти, такие как форма и размер, устанавливаются с помо-щью раскрывающегося списка Brush (Кисть) на панели параметров. В полном объемепараметры кисти можно открыть только с помощью палитры кистей (см. разд. 1.13),здесь же доступны только основные. Кстати, в неизменном виде эти настройки по-вторяются у всех инструментов рисования. Настройки кисти и раскрывающеесяменю, которое появляется при нажатии кнопки со стрелкой • в окне настроек,показаны на рис. 1.8.

' Master Diameter

Hardness t

• • ivl Preset,,.

Text OnlySmall Thumbnail

Ж large ThumbnailШ Small List

Large List v/vStroke Thumbnail

Preset Manager...

Reset Blushes...Load Brushes,.,Save Brushes,,,Replace Brushes...

Assorted BrushesBasic BrushesCalligraphic BrushesDrop Shadow BlushesDry Media brushesFau» Finish BiushesNatural Brushes iNatural BrushesSpecial Effect BrushesSquare BrushesThick Heavy BrushesWet Media Brushes

Рис. 1.8. Настройки инструмента Brush (Кисть) и дополнительное меню

В поле Master Diameter (Основной диаметр), как можно догадаться из названия,задается диаметр используемой кисти в пикселах. Раньше он назывался просто

Page 26: 009 Photoshop CS2

Глава 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 (Кисть). У них достаточно много общего, однако резуль-

Page 27: 009 Photoshop CS2

Палитра инструментов

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

Панель параметров данного инструмента выглядит так же, как для 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 (Смежные). Инструмент действует на пикселы того же цвета,что и находящиеся под центром указателя и при этом смежные с ним.

Page 28: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

• Find Edges (Найти края). Режим, похожий на предыдущий, но в нем ком-пьютер «обращает больше внимания» на узкие области одного цвета внут-ри более широких областей другого цвета.

Tolerance (Допуск). Задает сходство пиксела с первым под центром указателядля замены цвета. При малых значениях перекрашены будут только самыеблизкие пикселы, при максимальных — все.

' Clone Stamp (Штамп) — один из самых интересных и полезных инструментов,* незаменимый при фотомонтаже. Действует он так: вы указываете мышью

(с нажатой клавишей Alt), из какого места на изображении перерисовывать,а затем просто водите кистью в том месте, где необходимо повторить выбран-ный фрагмент. Можно, например, всего за несколько секунд нарисовать чело-веку третий глаз (рис. 1.9).

Рис. 1.9. Использование штампа

Параметры инструмента следующие.

• Brush (Кисть). Настройки размера и прочих параметров кисти инструмента.

• Mode (Режим наложения). Режим наложения пикселов при применении дан-ного инструмента.

• Opacity (Непрозрачность). Непрозрачность накладываемого изображения. При-меняется во многих случаях, поэтому лучше поэкспериментировать с этим па-раметром, чтобы «почувствовать» его.

• Flow (Плотность). Настройка режима рисования, учитывающего плотность на-несения краски.

Page 29: 009 Photoshop CS2

Палитра инструментов

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 (Импрессионизм)

Page 30: 009 Photoshop CS2

Глава 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 (Карандаш) — необходим, если требуется очень тонкое стирание.

Page 31: 009 Photoshop CS2

Палитра инструментов

• Block (Блок) — идеально подходит для случаев, когда необходимо стеретьобласть прямоугольной формы. Не имеет изменяемых размеров, поэтомумасштабирование можно проводить только за счет увеличения или умень-шения просматриваемой области изображения.

• Opacity (Непрозрачность). Очень интересный параметр в интерпретации дан-ного инструмента. Не удаляет стираемый фрагмент изображения, а делает егонепрозрачным на указанное количество процентов.

• Flow (Плотность). Настройка режима рисования с учетом плотности действияинструмента.

• Airbrush Capabilities (Возможности аэрографа). Стирать, используя в качествекисти аэрограф.

• Erase to History (Стирать в историю). Невероятно полезная настройка. Попро-буйте воспользоваться инструментом без нее. В результате у вас будет стертовсе до цвета фона. А что, если необходимо стереть лишнее, но исходное изо-бражение трогать не стоит? Тогда и приходит на помощь этот замечательныйпараметр. В результате установки флажка стирание производится до исходно-го изображения, а не до цвета фона, и это на одном слое!

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

• Sampling (Выбор цвета). Метод действия ластика.

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

щелчке на изображении.

• Background Swatch (Образец фона). Параметр, обратный по действию ProtectForeground Color (Защитить цвет переднего плана) (см. ниже) — будут уда-лятья только те пикселы, цвет которых совпадает с установленным в дан-ный момент цветом переднего плана.

• Limits (Границы). Задает область действия инструмента.

• Discontiguous (Несмежные). Аналогичен одноименному параметру инстру-мента Magic Wand (Волшебная палочка): пикселы, соответствующие по цве-ту пикселам, попавшим в зону действия инструмента, будут удалены во всемизображении.

• Contiguous (Смежные). Будут удаляться только пикселы, смежные с попав-шими в зону действия инструмента.

• Find Edges (Найти края). Режим повышенной чувствительности к контрасту.

• Tolerance (Допуск). Задает допустимое отклонение цвета пикселов от образца.

Once (Однажды). Стираемый цвет определяется один раз — при первомНТРЛЧКР ня мяпбпяжрнии

Page 32: 009 Photoshop CS2

Глава 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 (Сглаживание) — мягкость перехода цветов в градиенте.

Page 33: 009 Photoshop CS2

Палитра инструментов

Gradient Editor

PresetsOK,

: [ Custom

Reset

Load...

£ava,..,.

New

Gradient Type: j Solid v.

Smoothness: J 100 Л %

i

~ Stops — —

Color: [

/ . Location;

Location:

:

45

%

% [ Delete ]

.

Рис. 1.11. Диалоговое окно настройки градиента

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

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

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

Page 34: 009 Photoshop CS2

Глава 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 (Допуск). С помощью этого параметра определяется область дей-ствия инструмента, то есть окрашиваться будут лишь некоторые пикселы.

Page 35: 009 Photoshop CS2

Палитра инструментов

• 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 (Рисование пальцем). При установке этого флажка инструментв корне меняет свое действие: если раньше он размазывал уже имеющеесяизображение, то сейчас начинает рисовать основным цветом.

Page 36: 009 Photoshop CS2

Глава 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 (Аудиозапись) — инструмент, схожий с предыдущим, только* пометка создается не в текстовом, а в звуковом виде. Разумеется, для этого не-

Page 37: 009 Photoshop CS2

Палитра инструментов

обходимо иметь микрофон. Имеющиеся параметры совпадают с настройкамиNotes (Пометки).

Измерительные инструменты# Eyedropper (Пипетка) — очень часто применяемый инструмент. Позволяет сде-" лать цветом переднего плана (Foreground Color) цвет того пиксела, на котором

вы щелкаете этим инструментом. Удобная особенность этого инструмента за-ключается в том, что достаточно при работе любым инструментом рисованиянажать и удерживать клавишу Alt, чтобы он перешел в режим пипетки. Основ-ной параметр пипетки Sample Size (Размер образца) задает размер площади,которая анализируется при определении цвета. Если выбрано значение PointSample (Образец точки), то цвет берется из одной точки, иначе округляетсяцветовое значение пикселов на указанной площади. Это достаточно полезно,так как не всегда в сложном изображении можно точно выбрать цвет (попро-буйте это сделать, например, на человеческой коже).

*м Color Sampler (Выбор цвета) — позволяет делать активным не один, а несколь-ко цветов, что находит применение в некоторых инструментах.

4?j Measure (Линейка) — используется для измерения расстояний и углов.

Инструменты управления просмотром«у Hand (Рука) — позволяет двигать изображение в пределах экрана. Удобнее ис-

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

Щ Zoom (Масштаб) — масштабирование изображения. Гораздо удобнее пользо-ваться клавиатурным эквивалентом этого инструмента — сочетаниями клавишCtrl++ (увеличить) и Ctrl+- (уменьшить) либо палитрой Navigator (Навигатор).

Выбор цвета и режима работыС помощью двух квадратиков внизу палитры инструментов назначаются основ-ные цвета изображения. То же самое можно проделать, используя палитры Color(Цвет) и Swatches (Образцы). Для удобства элементы соответствующего разделапалитры инструментов на следующем рисунке пронумерованы:

1. Set foreground color (Установить цвет переднего плана).

2. Set background color (Установить цвет фона).

3. Default Foreground and Background Colors (Установить цвета по умолчанию). Цве-том переднего плана становится черный, а цветом фона — белый.

Page 38: 009 Photoshop CS2

Глава 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:!

Preset: j Clipboard

ffidth:

yeight;

Resolution:

'. Color Mode:

Background Contents:

(&) Advanced

Color Ptojtle:

Pijtel Aspect Ratio:

JESSE]

429

497

72

RGB Color v

White

SRGB IEC61966

Square

11

J|

II

-2.

!;yi| ••'•' ;

pixels v; :

pixels v

pixels/inch v

8 bit v j

v •

1 v

QK

Reset

:;•:№>:•• Piesei;.

Image Size:624,6K

Рис. 1.13. Диалоговое окно создания нового файла

Page 39: 009 Photoshop CS2

Главное меню

• 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 (Цвет фона). Использовать для фона цвет заднего плана.

Page 40: 009 Photoshop CS2

Глава 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 файлы. Сама программа при этом остается ак-тивной.

Page 41: 009 Photoshop CS2

Главное меню

Close and Go To Bridge (Закрыть и перейти в Bridge)Закрыть все активные окна и открыть средство для просмотра изображений AdobeBridge.

Save (Сохранить)Сохранить изменения файла. Если открытый файл уже существует на жесткомдиске, то эта команда просто сохраняет изменения в нем. В том случае, когда выработаете с новым файлом, открывается диалоговое окно сохранения (рис. 1.14).

Щ1JM71§|1_озаЩ1_0Э9

Ш 1 0 4 0

| | l _ 0 0 5

f§)l_0°81Ц1_009f | l 0 1 0

Сетевое

Имя Файла:

Format:

ГГ014

TIFF (",TIF;-TIFF) V :

Сохранить

Отмена

Save OptionsSave: '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 (Формат). Формат, который будет использоваться для сохранения файла.Если вы хотите сохранить многослойное изображение с идеальным качеством

Page 42: 009 Photoshop CS2

Глава 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 CreativeSuite 2 программы Version Cue, позволяющей организовывать совместную работус файлами в составе рабочей группы, обеспечивая максимальную совместимость.Сохраняет текущую версию файла, с которым и оперирует Version Cue.

Save for Web (Сохранить для веб)Сохранить изображение оптимизированным для Интернета. В диалоговом окне,которое открывается при выборе этой команды, можно настроить параметры ежа-

Page 43: 009 Photoshop CS2

Главное меню

тия 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-данные, то есть информацию о параметрах съемки, сохраняемую цифровымикамерами: фокусное расстояние, выдержка, диафрагма и т. п.

Page 44: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Page Setup (Параметры страницы)Эта команда позволяет задать основные настройки для страницы печати. Диало-говое окно Параметры страницы показано на рис. 1.15.

Параметры страницы

Подача:

: Letter

! Подача бумаги

игзцня

а я •

Рис. 1.15. Диалоговое окно Параметры страницы

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

Print with Preview (Печать с предварительнымпросмотром)Печать с возможностью предварительно задать параметры и увидеть результат ихприменения. Диалоговое окно Print (Печать), открываемое при выборе данногопункта меню, показано на рис. 1.16.

Описывать все параметры нет необходимости, так как разобраться с ними совсемнесложно. Для начинающих пользователей небольшая подсказка — установитефлажок Show Bounding Box (Показать рамку), и вокруг вашей картинки появитсяконтур, с помощью которого можно изменять размеры изображения и его положе-ние на бумаге. Если вы хотите сместить его в сторону, следует сначала снять фла-жок Center Image (Изображение по центру). Флажок Print Selected Area (Печататьвыделенную область) позволяет напечатать предварительно выделенный фраг-мент изображения — это необыкновенно полезная возможность.

Page 45: 009 Photoshop CS2

Главное меню

i 100% IU Scale to Fit Media

Si 23,927 | cm16,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 (Печать через Интернет)Позволяет воспользоваться сетевыми службами, позволяющими распечатать нуж-ные изображения на удаленном принтере и получить отпечатки по почте. В Рос-сии пока таких сервисов нет.

Page 46: 009 Photoshop CS2

Глава 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 (Копировать слитое)В отличие от Сору (Копировать), эта команда копирует выделенную область со всехслоев сразу.

Page 47: 009 Photoshop CS2

Главное меню

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

Обратите внимание, что вставка изображения происходит на новом слое. Клавиа-турное сокращение — Ctrl+V.

Paste Into (Вставить в)Вставляет изображение из буфера обмена как слой со слоевой маской. Слоеваямаска используется, чтобы сделать работу с прозрачностью более гибкой. Подроб-нее об этом читайте в разд. «Меню Select (Выделение)».

Clear (Очистить)Команда, очищающая содержимое выделения. Если она применяется на нижнемслое (Background), то область заливается цветом заднего плана, а если на верхних,то выделенная область становится прозрачной. Очень похожа на команду Cut (Вы-резать), но Cut (Вырезать) помещает выделенную область в буфер обмена, a Clear(Очистить) — стирает.

Check Spelling (Проверка орфографии) и Find and ReplaceText (Поиск и замена текста)Стандартный для большинства Windows-программ, так или иначе связанных с обра-боткой текста, инструментарий проверки орфографии, а также поиска и заменыфрагментов текста.

Fill (Заливка)Заливка слоя или выделенной области. При выборе этой команды открываетсядиалоговое окно, показанное на рис. 1.17.

Use; | Foreground Color

Рис. 1.17. Диалоговое окно Fill (Заливка)

Page 48: 009 Photoshop CS2

Глава 1 . Интерфейс программы и основы работы с Photoshop

Параметры заливки следующие.

• Use (Использовать). Здесь вы определяете, чем заливать изображение. Естьследующие варианты: Foreground Color (Цвет переднего плана), Background Color(Цвет фона), Pattern (Образец) и др.

• Mode (Режим наложения). Работает с пикселами в закрашиваемой области.

• Opacity (Непрозрачность). Непрозрачность заливки.

• Preserve Transparency (Сохранять прозрачность). При установке этого флажкабудет заменяться цвет пикселов, но их прозрачность не изменится.

Как правило, в большинстве случаев для заливки используется не данная коман-да, а инструмент Paint Bucket (Заливка), расположенный на палитре инструментов.

Stroke (Обвести)Команда, позволяющая обвести выделение линией указанной толщины и цвета.После появления фигур (Shapes) эта команда почти утратила свое значение. Диа-логовое окно Stroke (Обвести) показано на рис. 1.18.

•Stake --ffiidth: J

Color:

OK

Mode: j Normal Щ

y:FlOO \%

Рис. 1.18. Диалоговое окно Stroke (Обвести)

Параметры обводки следующие.

• Width (Толщина). Толщина линии обводки.

• Color (Цвет). Цвет обводки.

• Location (Расположение). Определяет положение обводки относительно ли-нии выделения.

• Mode (Режим наложения). Режим наложения пикселов.

• Opacity (Непрозрачность). Степень непрозрачности обводки.

• Present Transparency (Сохранять прозрачность). Позволяет сохранить без изме-нений прозрачность закрашиваемых пикселов.

Page 49: 009 Photoshop CS2

Главное меню

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 (Сохранить).

Page 50: 009 Photoshop CS2

Глава 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 (Полутоновое). При переходе в этот цветовой режим вся информа-ция о цветах, составлявших изображение, уничтожается. Если ваша работа дол-жна быть напечатана, например, в газете, то удобнее редактировать ее в дан-ном режиме.

Page 51: 009 Photoshop CS2

Главное меню

Input; 72 pixels/inch

Qutput: j 72 I | pixels/inch vj

~ Method;—-~:—--^-

OK

Custom Pattern:

Рис. 1.19. Диалоговое окно Bitmap (Битовый)

Duotone (Дуплекс). Изображение из черно-белого переводится в я-цветное.Максимальное количество составляющих цветов — 4, минимальное — 1. Чащевсего такой режим применяется при подготовке изображения к полиграфичес-кому изданию. Данный режим хорош тем, что в нем можно выбирать любыецвета в произвольном количественном соотношении. Диалоговое окно с на-стройками дуплексного режима показно на рис. 1.20.

Ink 2:

irk З: I / !

Ink 4:

Overprint Colors,..

i Black

PANTONE Orange 021 С

I PANTONE Rhodamine Red С

!PANTONE 287 С

i OK

Reset

Load..

. Save..

...I

ED Preview

Рис. 1.20. Диалоговое окно Duotone Options (Параметры дуплекса)

Indexed Color (Индексированные цвета). Применение данного режима возмож-но лишь в том случае, если ваше изображение находится в режиме RGB илиGrayscale (Полутоновое). При выполнении данной операции оно теряет инфор-мацию о цветах, из которых состоит, за исключением нескольких основныхцветов, количество которых определяете вы сами. Распространенный форматGIF существует именно в этом цветовом режиме.

RGB Color (Цвета RGB). Модель, которая описывает реальные цвета и исполь-зуется при их выводе на монитор. Она состоит из трех каналов: красного,

Page 52: 009 Photoshop CS2

Глава 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.21. Диалоговое окно Color Table (Цветовая таблица)

Page 53: 009 Photoshop CS2

Главное меню

ВНИМАНИЕ

Изображения одного и того же содержания, находящиеся в режимах 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 Позволяет настраивать соотношениемежду цветами изображения. То же самое можно проделать и с помощью то-новых кривых, но тогда придется работать с отдельными каналами, что зачас-тую является бесполезной тратой времени и сил.

Page 54: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Brightness/Contrast (Яркость/Контраст) — очень удобная команда, так как онапозволяет изменять яркость и контрастность всего изображения, не изменяяпри этом цветов (рис. 1.23).

Brightness/Contrast

.: :Brightness: '•'»••

Contrast:/4J :

[+49 j

J\Ш !

®1

1 OK i[ Reset |'BEreview

Рис. 1.23. Диалоговое окно Brightness/Contrast (Яркость/Контраст)

Hue/Saturation (Тон/Насыщенность) — Ctrl+U. Используя данную команду,можно изменять тон, насыщенность и яркость отдельных цветовых составля-ющих изображения (рис. 1.24). Редактируемый цвет выбирается в списке Edit(Редактирование). Передвигая маркер Hue (Тон), вы перемещаетесь по цвето-вому кругу, который состоит из последовательно расположенных красного,оранжевого, желтого, зеленого, синего и фиолетового цветов. Установив фла-жок Colorize (Тонирование), вы превратите изображение в двухцветное. Онобудет состоять из белого и еще одного цвета по выбору.

Hue/Saturation

-••• |dit: j Master

' blue:

Saturation:--% ,

:; ::%J: .lightness: '

v;

+57! i

: UJ, ["-40

\Ш |

У

0.

OK

Reset

Save.,.

•г DCQlorize'review

Рис. 1.24. Диалоговое окно Hue/Saturation (Тон/Насыщенность)

Desaturate (Убрать насыщенность) — Shift+Ctrl+L). Превращает изображениев серое. Однако в отличие от перевода в режим Grayscale (Полутоновое), сохра-няет три цветовых канала.

Match Color (Подбор цвета). Позволяет настраивать цвета, выбирая в качествеобразца любое изображение, канал или слой. Авторы советуют новичкам не

Page 55: 009 Photoshop CS2

Главное меню

обращать внимания на этот инструмент — он очень сложный и нужен толькопрофессионалам в области цветокоррекции.

Replace Color (Заменить цвет) — позволяет заменить выбранный цвет любымдругим (рис. 1.25). Сначала в окне просмотра изображения выбирается цвет,а затем с помощью настроек, аналогичных тем, которые расположены в окнеHue/Saturation (Тон/Насыщенность), можно подобрать ему замену.

Replace Color

г- Selection •-OK

Color: Reset

Fuziiness: 100 Load,.,

Save...

В Preview

-* Replacement —

Saturation:

Lightness:

[+87

[-70 Result

i+8

Рис. 1.25. Диалоговое окно Replace Color (Заменить цвет)

Selective Color (Выбранный цвет). Не только заменяет выбранный для редак-тирования цвет, но и видоизменяет все другие цвета, в состав которых онвходит.

Channel Mixer (Смеситель каналов). Разбивает изображение на три составля-ющие, соответствующие каналам RGB, которые, однако, не являются незави-симыми полутоновыми изображениями, а неразрывно связаны с исходным.Выбирая одну из них, можно добавлять в нее цвета двух оставшихся, тем са-мым изменяя качественный и количественный состав цветов изображения.

Page 56: 009 Photoshop CS2

Глава 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, то каждый канал преобразуетсяв трехцветное изображение. В соответствии с новым параметром изменяютсяцвета на исходном рисунке.

Page 57: 009 Photoshop CS2

Главное меню

Variations (Варианты). С помощью этой команды можно настраивать насыщен-ность, освещенность, а также сами цвета изображения (рис. 1.27). Кроме того,можно выбрать область воздействия (тени, средние тона и др.). Чтобы узнать,как будет выглядеть изображение после применения настройки, нужно щелк-нуть на значке этой настройки, после чего в этом же окне можно будет увидетьрезультат. Данная команда редко применяется из-за своей громоздкости.

Рис. 1.27. Диалоговое окно Variations (Варианты)

Мы рассмотрели все команды раздела Image • Adjustments (Изображение • На-стройки), предназначенного для коррекции цвета, яркости и насыщенности изоб-ражений. Перейдем к командам, находящимся непосредственно в меню Image(Изображение).

Duplicate (Создать копию изображения). Создает файл, содержащий копиюизображения.

Apply Image (Применить изображение). Накладывает изображение само на себялибо на другое изображение (такого же размера) в разнообразных режимах.

Calculations (Вычисления). Выполняется только с отдельными каналами: ка-кой-либо канал одного изображения смешивается с этим же каналом либос каналом другого изображения (такого же размера) (рис. 1.28).

Page 58: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Calculations

Г Source 1: j DSC00645.PG

Layer:" Background

Channel:; Red

OK

v j • invertReset

.•';•' G3 Preview

" Source 2: DSC00645.JPG

Layer: | Background

Channel: | Red

~ Blending::] Multiply

Opacity: 100 %

0Mask..,

Г Image; DSC00645.JPG

Lay_er: j Background

П Invert

Рис. 1.28. Диалоговое окно Calculations (Вычисления)

Image Size (Размер изображения). С помощью данной команды можно изме-нить размер изображения. Пропорции можно как сохранить, так и нарушить.

Canvas Size (Размер холста). Размеры изображения остаются прежними, одна-ко изменяется размер холста, на котором оно расположено.

Pixel Aspect Ratio (Пропорции пикселов). Этот параметр включает работу с не-квадратными пикселами.

Rotate Canvas (Повернуть холст). Возможны разные варианты преобразования.Изображение можно поворачивать как по часовой стрелке, так и против нее,на 90 и 180°. Можно зеркально отображать его по вертикали и по горизон-тали.

Crop (Рамка). Обрезает изображение по границе выделения. Если выделеннаяобласть имеет неправильную форму, то линия обрезки проходит по крайнимпикселам.

Trim (Обрезка). С помощью этой команды отрезается фон, то есть все однород-ные по цвету пикселы по краям изображения.

Reveal All (Показать все).

Variables (Переменные).

Apply Data Set (Применить набор данных).

Page 59: 009 Photoshop CS2

Главное меню

Trap (Треппинг). Настройки треппинга. Под треппингом в полиграфии пони-мают прием, позволяющий компенсировать несовмещение красок при печати.

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

New (Новый)

Эта команда предлагает всевозможные способы создания слоев.

• Layer (Слой) — Shift+Ctrl+N. Создание обычного слоя (рис. 1.29).

Имя слоя -

New Layer

Цвет слоя на палитреLayers (Слои)"

Режим наложения,пикселов

Name: I Цветок Г

: О Use Previous Layer to Create Clieping Mask

Color: j Ш Red Щ . ••••••М^тФ:

Opacity: 100 > %Mode: j Multiply

RII with Multiply-neutral color (white)

OK

[ Cancel

Непрозрачность слоя

Рис. 1.29. Диалоговое окно создания нового слоя

• Layer From Background (Слой из фона). Эта команда превращает фон в обычныйслой. Отличие фона от слоя заключается в том, что, работая с фоном, нельзяизменять его положение, прозрачность, режим наложения пикселов и некото-рые другие параметры.

• Group (Группа). Создается новая группа слоев, в которую можно помещать со-здаваемые слои.

• Group from Layers (Группа из слоев). Объединяет все выделенные слои в группу.

• Layer via Copy (Слой копированием) — Ctrl+J. Данная команда позволяет созда-вать новый слой, копируя на него выделенную область, а если ее нет, то весьактивный слой.

• Layer via Cut (Слой вырезанием) — Shift+Ctrl+J. Перенос выделенной областис активного слоя на новый. При этом на активном слое вместо выделенной об-ласти образуется прозрачная.

Перечисленные шесть команд позволяют создавать слои, остальные предназначе-ны для работы со слоями.

Duplicate Layer (Создать копию слоя)Копирует все содержимое активного слоя на новый.

Page 60: 009 Photoshop CS2

Глава 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

- Angle: {

Reset

Scale: I 100

Ш7 П Reverse D Cither0 Align with layer-1

Рис. 1.30. Диалоговое окно заливки слоя градиентом

• Pattern (Образец). Заливка осуществляется одним из образцов, который мож-но выбрать в раскрывающемся списке.

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

Page 61: 009 Photoshop CS2

Главное меню

это ничем не отличается от применения команд из раздела меню Image • Adjustments(Изображение • Настройки), но появляется возможность возвращаться к установ-ленным настройкам в дальнейшем. Команды полностью аналогичны одноимен-ным командам раздела меню Image • Adjustments (Изображение • Настройки), по-этому не будем повторяться.

Change Layer Content (Изменить содержимое слоя)Данная команда применима к тем слоям, на которых расположены фигуры (Shapes),и к корректирующим слоям. Позволяет изменить многие настройки слоя, в томчисле заливку. Можно установить следующие виды заливки:

• Solid Color (Сплошной цвет);

• Gradient (Градиент);

ш Pattern (Образец).

Фигуры можно использовать также в качестве выделений. Тогда редактироватьслой внутри них можно с помощью команд, аналогичных командам группы NewAdjustment Layer (Новый корректирующий слой).

Layer Content Options (Параметры содержимого слоя)Команда для редактирования содержимого фигуры (Shape). Вы не сможете изме-нить тип заполнения фигуры, но будете иметь возможность откорректировать ка-чественные параметры: при однотонном закрашивании фигуры — цвет, при гради-ентном заполнении — вид, прозрачность, угол и пр.

Layer Mask (Маска слоя)Маска слоя — это такая маска, которая частично либо полностью скрывает содер-жимое слоя. По своим параметрам она похожа на обычную маску, однако приме-няется не ко всему изображению, а только к отдельному слою и не преобразуетсяв выделение, а просто скрывает содержимое. Черными пикселами обозначаютсяскрытые для просмотра участки, белыми — открытые. Создавать можно следую-щие маски.

• Reveal All (Показать все). Такая маска делает весь слой видимым.

• Hide All (Скрыть все). Вся маска непрозрачная, то есть весь слой становитсяневидимым.

• Reveal Selection (Показать выделенную область). Видимой оказывается тольковыделенная область.

• Hide Selection (Скрыть выделенную область). Выделенная область становитсяневидимой.

• Delete (Удалить). Используется для удаления маски.

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

• Enable (Показать). Активизирует маску, которая начинает играть роль в изо-бражении.

Page 62: 009 Photoshop CS2

Глава 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 (Преобразовать в слой). Преобразует слой с управляемымобъектом в обычный растровый слой.

Page 63: 009 Photoshop CS2

Главное меню

Туре (Текст)Содержит команды для работы со слоями, на которых находится текст.

• 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 (Новый слой из фрагмента)Добавить фрагмент на этот слой, то есть вся видимая часть слоя станет фраг-ментом.

Page 64: 009 Photoshop CS2

Глава 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.31. Варианты выравнивания

Distribute (Распределить)Операция, аналогичная предыдущей, только используется для равномерного рас-пределения нескольких слоев на плоскости.

Lock Layers (Блокировка слоев)С помощью этой команды можно заблокировать все активные слои. Выполнивданную операцию, вы вызовете диалоговое окно, в котором необходимо указать,какие именно замки следует поставить. Если выделена группа слоев, то пункт име-ет вид Lock All Layers In Group (Блокировка всех слоев в группе).

Page 65: 009 Photoshop CS2

Главное меню

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 (Выделение) — особая часть основного меню, предназначенная для работыс выделением. Содержит команды, дополняющие инструменты выделения и по-зволяющие эффективно работать с программой.

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

Page 66: 009 Photoshop CS2

Глава 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 (Цветовой диапазон) — гораздоболее мощное средство. Чтобы задать образец цвета для создания выделения, вы-берите эту команду в меню (при этом откроется диалоговое окно, показанное

Page 67: 009 Photoshop CS2

Главное меню

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

Color Range

Select:] <^ Sampled Colors v-

Fuzaness: : ; i 68OK

Reset

Save...

J

D Invert

©Selection О Image

/Selection Preview: I None

Рис. 1.32. Диалоговое окно Color Range (Цветовой диапазон)

В раскрывающемся списке Select (Выделение) мы указываем программе, покакому именно признаку будем выделять (рис. 1.33).

ш•••в•••Out

Sampled Colors ;Д

Sampled Colors

RedsYellowsGreens

Cyans

BluesMagentas

HighlightsMidtonesShadows

Of Gamut

Рис. 1.33. Режимы выделения командой Color Range (Цветовой дапазон)

• Sampled Colors (Выделенные цвета). Основной режим работы, с которымсвязано большинство остальных настроек команды. Выделяет по указан-ным вами цветам. Имеет наибольшее сходство с инструментом Magic Wand(Волшебная палочка).

Page 68: 009 Photoshop CS2

Глава 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 (Просмотр выделения). Позволяет просматривать выделяе-мые пикселы не только в окне инструмента, но и непосредственно на изобра-жении. Это очень удобно, особенно владельцам мониторов с диагональю боль-

Page 69: 009 Photoshop CS2

Главное меню

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

• Load (Загрузить). Эта кнопка позволяет загружать файл готовых настроек дан-ной команды.

• Save (Сохранить). Сохраняет ваши настройки в файле для использованияв дальнейшем.

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

• Eyedropper (Пипетка). Данный инструмент предназначен для создания обыч-ного выделения. Когда вы выносите его за пределы палитры в область изобра-жения, курсор принимает вид пипетки, которая берет на пробу цвет, а потомстроит область выделения. Также можно щелкнуть им и в окне предваритель-ного просмотра, но это не так удобно. В любом случае, как бы вы ни поступи-ли, результат сразу же станет виден в окне Color Range (Цветовой диапазон),если под ним выбран параметр Selection (Выделение), а не Image (Изображе-ние).

• Add to Sample (Добавить к образцу). Позволяет выделять не по одному, а по не-скольким образцам. Где это может понадобиться: у вас есть изображение, со-стоящее из множества объектов, а вам необходимо выделить только черныеи белые. Тогда мы выделяем сначала белые, а затем, используя данный пара-метр, щелкаем мышью по черному пикселу и получаем желаемый результат.

• Subtract from Sample (Удалить из образца). Команда аналогична предыдущей,только не добавляет, а удаляет пикселы из выделения.

Флажок Invert (Инвертировать) действует аналогично команде Inverse (Инверти-ровать) меню Select (Выделение).

Вот и все, что можно кратко сказать об этой команде выделения. Стоит добавить,что Color Range (Цветовой диапазон) лучше всего познается на практике, поэтомупосвятите ее изучению немного времени, и это еще не раз себя оправдает.

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

Modify (Изменить)Модифицировать выделение. Есть следующие варианты.

• Border (Рамка). Создать своеобразную границу, которая представляет собойповторение вашего выделения через некоторое указанное расстояние. Обра-тите внимание, что при этом редактируемая область будет внутри получив-шейся рамки.

Page 70: 009 Photoshop CS2

Глава 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

Channel: i Background copy Transparency

• Insert

[ Cancel ]

•~ Operation ;•-

•0 New Selection

О Лей to Selection

О Subtract from Selection

©Intersect with Selection

Рис. 1.34. Диалоговое окно Load Selection (Загрузить выделение)

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

Page 71: 009 Photoshop CS2

Главное меню

• 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 (Галерея фильтров) эффектов,читайте чуть ниже.

Page 72: 009 Photoshop CS2

Глава 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. Фильтры, отобранные для получения результата. В нашем случае это GlowingEdges (Светящиеся края) и Accented Edges (Выделить края). В совокупности

Page 73: 009 Photoshop CS2

Главное меню

они дают эффект «неонового» изображения. Их еще можно называть слоямиэффектов.

6. Эти кнопки изменяют количество активных фильтров. Если вы хотите доба-вить еще один плагин для совместной работы, то щелкните на значке в видебелого листа бумаги, затем выберите нужный фильтр (см. рис. 1.35, 1). Еслинужно удалить лишний слой эффектов, то используйте кнопку Delete effectlayer (Удалить слой эффектов), представленную пиктограммой в виде кор-зины.

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

8. Здесь можно задать масштаб предварительного просмотра. Правда, авторы со-ветуют использовать куда более удобный вариант — клавиатурные сокраще-ния: Ctrl++ для увеличения и Ctrl+- для уменьшения масштаба.

9. Кнопка, позволяющая расширить область предварительного просмотра за счетотключения отображения миниатюр фильтров.

Filter Gallery (Галерея фильтров) — это отличный инструмент для поиска интерес-ных решений, обладающий большими возможностями даже для новичков. Экспе-риментируйте, и интересные результаты не заставят себя ждать.

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

Liquify (Разжижение)Включает набор инструментов, предназначенных для редактирования изображе-ний (рис. 1.36). По своему составу и свойствам близок к фильтрам из разделаDistort (Деформация).

Рассмотрим инструменты, находящиеся в левом верхнем углу окна фильтра Liquify(Разжижение).

^а Forward Warp (Искривить). Первый инструмент в списке и наиболее полезныйиз всех. Действует подобно стандартному инструменту Photoshop Smudge (Па-лец): берет пикселы из области кисти (размер которой вы можете регулиро-вать) и сносит их в сторону движения инструмента. Во многом Forward Warp(Искривить) превосходит классический Smudge (Палец), поэтому каждый раз,когда необходимо что-либо сделать с помощью Smudge (Палец), подумайте, нелучше ли с этой задачей справится инструмент из фильтра Liquify (Разжижение).

Reconstruct (Восстановить). Отменяет выполненные преобразования, причемделает это постепенно. Поэтому можно уловить идеальный момент искажения

Page 74: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

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

UquHyJDSCOO554.JPG

Brush Density:: 50 Ж-

Brush Pressure: • 100 >?.•

Brush ftate: j 80 Ш-:

Torbdent itter:.{Щ "' - \

::,R«oostructMode: 'i'i-:tvi

Mode'lReverl;Reconstruct j 1 Restore gl

Ю- E>- V®- й$- Ш--.У-j None j : } MaskAl j j Invert All

::{5]5how Image 'GsbowMesh •

Mask Color:: Red

Рис. 1.36. Диалоговое окно фильтра Liquify (Разжижение)

JTwirl Clockwise (Скручивание по часовой стрелке). Этот инструмент являет-ся большой подмогой пользователю. В принципе, он повторяет фильтр Twirl(Скручивание) из группы Distort (Деформация), но делают это очень спе-цифично. То, что можно сделать этим инструментом, никогда не получит-ся с помощью фильтра. Если при использовании данного инструмента дер-жать нажатой клавишу Alt, то скручивание будет происходить против часовойстрелки.

|Pucker (Сузить). С помощью этого инструмента можно сужать изображения.*Он стягивает содержимое области, на которую указывает кисть, к центру. Ни-чего подобного в других инструментах Photoshop CS2 точно нет. С помощьюданного инструмента вполне реально из своего полного товарища на фотогра-фии сделать крайне худую личность.

Page 75: 009 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 (Турбулентность)

Page 76: 009 Photoshop CS2

Глава 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 (Непрозрачность). Задает прозрачность этой области.

Page 77: 009 Photoshop CS2

Главное меню

У Liquify (Разжижение) есть одно отличное качество — этот инструмент не толькополезен в ежедневной работе, но и может служить отличным развлечением. Возьми-те несколько фотографий своих гостей и немного поработайте с ними. Товарищибудут в восторге!

Pattern Maker (Текстуратор)Ориентирован на создание фоновых узоров для веб-страниц, однако на практикередко используется. Именно поэтому мы не касаемся его настроек.

Vanishing Point (Точка схода)Этот фильтр (рис. 1.37) появился в Photoshop CS2. Он позволяет создавать и ре-дактировать перспективу на изображениях, особенно это применимо для стен зда-ний и других перспективных объектов. Используя Vanishing Point (Точка схода), мож-но определять на перспективных изображениях редактируемые плоскости и изменятьих: перемещать, раскрашивать, копировать и трансформировать. Использованиеэтого фильтра может дать очень интересные результаты.

Рис. 1.37. Диалоговое окно фильтра Vanishing Point (Точка схода)

Меню View (Вид)

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

Page 78: 009 Photoshop CS2

Глава 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.

Page 79: 009 Photoshop CS2

Главное меню

• 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 (Слои). Привязать к слоям.

Page 80: 009 Photoshop CS2

Глава 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 (Соответствие масштаба и положения). Комбинациядвух предыдущий настроек.

Page 81: 009 Photoshop CS2

Главное меню

• 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 Transpa-rent Image (Экспорт прозрачного изображения). Какой смысл размещать в профес-сиональной графической программе откровенно любительское средство, котороебольше подошло бы для Photo Deluxe?

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

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

Page 82: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Resize Image (Изменить размеры изображения)Если предыдущий мастер был предназначен для экспорта прозрачности, то этотпозволяет автоматизировать настройку размеров. Конечно, это нужно только на-чинающим пользователям.

1.4. Основные палитры Photoshop

Для удобства работы в Photoshop существует несколько основных палитр, кото-рые обычно открыты при работе с изображением. С их помощью можно просле-дить за основными составляющими редактируемого изображения. Любую палит-ру можно открыть, используя меню Window (Окно).

Navigator (Навигатор)Чтобы открыть эту палитру, выполните команду Window • Navigator (Окно • Нави-гатор). После этого появится окно, изображенное на рис. 1.38.

Окномасштабирования

Масштаб Увеличениемасштаба

Уменьшение масштаба Маркер масштабирования

Рис. 1.38. Палитра Navigator (Навигатор)

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

Щелчком на кнопке со стрелкой • , расположенной в правом верхнем углу палит-ры Navigator (Навигатор), вызывается меню, в котором можно выбрать цвет рамкидля выделения редактируемой области.

Info (Информация)Эта палитра (рис. 1.39) предоставляет всю необходимую информацию о той точ-ке, в которой находится курсор. Для получения данных достаточно подвести мышьк интересующему пикселу. Если окно палитры скрыто, откройте его командойWindow • Info (Окно • Информация).

Page 83: 009 Photoshop CS2

Основные палитры Photoshop

31,6118,10

Doc: 3,52M/3,S2M

Draw rectangular selection or moveselection outline, Use Shift, Alt, and CtrlFor additional options. :

Рис. 1.39. Палитра Info (Информация)

RGB-составляющие — показывают составляющие цвета данной точки в моде-ли RGB.

CMYK-составляющие — показывают цвета, составляющие точку, в моделиCMYK.

X, Y — координаты точки текущего положения курсора. Координатам 0,0 со-ответствует левый верхний угол.

W, Н — размеры выделения. Точке 0,0 соответствует начало выделения, а ука-занным координатам — его конец.

Color (Цвет)Данная палитра предназначена для выбора основных цветов. Она не так удобна,как появляющася при щелчке на окне основного цвета, расположенном внизу па-литры инструментов, но необходима, если вам нужно очень часто менять цвета.Открывается она командой Window • Color (Окно • Цвет) (рис. 1.40).

Цвет переднего плана Г~1

Цвет фона

Цветовое предупреждение

Цветовая полоса

Рис. 1.40. Палитра Color (Цвет)

RGB-составляющие

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

Page 84: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Swatches (Образцы)Swatches (Образцы) — это еще одна палитра, предназначенная для работы с цветом.Открыть ее окно можно командой Window • Swatches (Окно • Образцы) (рис. 1.41).

Образцыцвета'

Г switch..ц ^ ""рГ~ТМ^~Т~Т~Т~Т 1 I | |

тТТТТТТТТТТТТТТI L [ I 1 | | J jP"i""t 1 г 1 ' f * t "i Е?Я ИМВВГ*

i , i f 1

Создать образец

U _•

1

11I

i

Dock to Palette Well : ':{' ' I

New Swatch...

„ Small ThumbsLarge ThumbnailSmall Listlarge. List. ••'.'•.

Preset Manager.,, ••;

Reset Swatches;,,Load Swatches,.,

Удалить образец Save Swatches;,.Save Swatches for Exchange...Replace Swatches... •

ANPA ColorsDie Color GuideFOCOlTCWe ColorsHKSE ProcessHKSE .HKSKProcessHKSK . . .>*SN Process

:H<SN. '..

HK5 2 Process,:.:.r*SZ , ," Mac OS

PANtONE metallic coatedЛРЩОЫЕ pastel coated

PANTONE pastel uncoatedPANTONE process coatedPANTONE process uncoatedPANTONE solid coatedPANTONE solid matte

PANTONE solid to process EURO

PANTONE solid toprocess

PANTONE solid uncoated

Photo fifcer ColorsTOYO Color Finder

TRUMATCH ColorsVlslBone

VMBone2

Web Hues

Web Safe Colors ' : . j• Web Spectrum

: Windows

Рис. 1.41. Палитра Swatches (Образцы) и ее меню

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

• Dock to Palette Well (Поместить в закладки палитр). Перемещает палитру в вер-хнюю часть окна программы, справа от главного меню.

• New Swatch (Новый образец). Выбор данной команды позволяет добавлятьсвой образец на палитру.

• Следующие четыре параметра позволяют выбрать внешний вид палитры.Первый вариант — Small Thumbnail (Мелкие значки) представлен на рис. 1.41,а в варианте Small List (Мелкий список) к каждому цвету добавляется его на-звание.

Page 85: 009 Photoshop CS2

Основные палитры 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 (Об-разцы). Поэтому остановимся подробно только на тех параметрах, которые ещене упоминались.

Page 86: 009 Photoshop CS2

Глава 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 (Удалить). Удаляет шаг из истории.

Page 87: 009 Photoshop CS2

Основные палитры Photoshop

Clear History (Очистить историю). Очищает историю.

New Document (Новый документ). Дублирует файл изображения.

History Options (Параметры истории). Настройка параметров палитры.

Actions (Действия)Данную палитру можно открыть командой Window • Actions (Окно • Действия)(рис. 1.44). Подробнее о работе с данной палитрой рассказано в разд. 1.7, здесь жеописаны ее основные элементы.

Вкл./Выкл. макрос —

Отображениедиалогового окна

Dock to Palette Wei

Button Mode

СтопЗапись

ВыполнениеНовый набор макросов

Новый макросУдалить макрос

• Start Recording ....Record Again...Insert Menu Item..Insert Stop...I-.»e-fc PathAction Options,.,Playback Options..deaf All Actions

":,: Reset Actionsload Actions...Replace Actions...

< * ! <Commands

i:'; "Trames1' •' *:'vi .Image Effects

ProductionSample ActionsText EffectsTexturesVideo Actions

РИС. 1.44. Палитра Actions (Действия)

Операции, или макрокоманды, или макросы, — это записываемые в файл после-довательности команд, реализующих стандартные действия. В меню этой палит-ры находятся следующие команды.

• Button Mode (Кнопочный режим). Если установить этот параметр, то изменит-ся вид палитры: все макросы будут размещены на цветном фоне. Для чего этоможет понадобиться, рассказано в разд. 1.7.

• New Action (Новый макрос). Создать новый макрос.

• New Set (Новый набор). Создать новый набор макросов.

• Duplicate (Создать копию макроса). Дублировать макрос.

• Delete (Удалить). Удалить макрос.

Page 88: 009 Photoshop CS2

Глава 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

Режим наложения слоя —

Параметры работы с анимацией

Связать слои

Эффекты слоя

Добавить маску

Корректирующий слой

Новый набор

Создать слой

Удалить слой

Рис. 1.45. Палитра Layers (Слои)

New: layer...Duplicate Layer..,

E|Prop.?at«Frim«l Delete Layer

New Group.,.New Group from Layers.

Group into New Smart....

ties...ing Options.,.

Oeaw Clipping MMV. «(*,;>,•+•;

Merge DownMerge VisibleFlatten Image

Animation OptionsPalette Options...

Page 89: 009 Photoshop CS2

Основные палитры 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

Page 90: 009 Photoshop CS2

Глава 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).

Page 91: 009 Photoshop CS2

Основные палитры 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 (Гистограмма)Гистограмма как инструмент существует, наверное, столько же, сколько и Photo-shop. Но раньше это была команда меню Image (Изображение), а теперь — отдель-ная палитра. И это в целом правильно: гистограммы предназначены для получе-ния информации о цветовых уровнях изображения. В Photoshop CS2 имеется

Page 92: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

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

Палитру Histogram (Гистограмма) мы описывать не станем, так как это инструментпрофессионалов (мы, в частности, использовали гистограммы всего несколькораз) и читателям в повседневной работе не понадобится.

Палитра Histogram (Гистограмма) в расширенном виде показана на рис. 1.49.

ЦП» !9*>.oi j Infc S

Channel:!:] RGB

А•• Entirs ImaMean: 111,54StdDevi $4,55Median: 82Pixels! 307200

Histogram '|v:£:r:-::;:..r:..v• •

. . .

a t

L e v e l s

C o u n t !

P e r c e n t e r

C a c h e L e v e l : 2

оI j •

Рис. 1.49. Палитра Histogram (Гистограмма)

Палитра Layer Comps (Состояния слоя)Палитра Layer Comps (Состояния слоя) связана с интересной возможностью Photo-shop CS2 — составными слоями. Составные слои нужны для того, чтобы можнобыло, например, продемонстрировать заказчику несколько вариантов размещенияобъектов в работе, не создавая множества файлов.

Составные слои представляют несколько вариантов размещения объектов в рам-ках одного слоя. После того как вы щелкнете на пиктограмме в виде белого листабумаги, откроется окно, в котором можно будет выбрать три варианта отображе-ния свойств (сами свойства задаются непосредственно для слоя).

• Visibility (Видимость). Включена или отключена видимость слоя на палитреLayers (Слои).

• Position (Позиция). Размещение объектов на слое.

• Appearance (Layer Style) (Внешний вид (стиль слоя)). Будут ли включены дляэтого составного слоя слоевые эффекты, установленные на палитре Layers(Слои).

Палитра Layer Comps (Состояния слоя) показана на рис. 1.50.

Page 93: 009 Photoshop CS2

Настройка Photoshop

I Layer Compsj ! last Document State

Layer Cemp 1

_Ш L»yerComp2

Значок активногоСОСТ. СЛОЯ

Переключиться на предыдущий сост. слой

Переключиться на следующий сост. слой

Обновить текущий сост. слой

Рис. 1.50. Палитра Layer Comps (Состояния слоя)

Исходное состояниедокумента

• Составные слои

Удалить сост. слой

Новый сост. слой

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

Для этих целей служит особый пункт меню — Preferences (Установки): Edit • Pre-ferences (Редактирование • Установки). Настраивить Photoshop вам придется не-часто, скорее всего, вы можете забыть об этом до переустановки программы.

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

General (Основные)Итак, рассмотрим эти параметры (рис. 1.51). Здесь собраны самые общие настройки,которые необходимо установить в первую очередь, но, как показывает опыт, именнов этом окне практически всем пользователям подходят параметры по умолчанию.

• General (Общие). Если вы щелкнете на этой надписи, то откроется список, в ко-тором вы сможете выбрать, к какому разделу настроек перейти.

• Color Picker (Цветовая палитра). Здесь вы указываете программе, какую цвето-вую палитру использовать: системную (Windows) или внутреннюю, собствен-ную палитру программы.

• Image Interpolation (Интерполяция изображения). Тип интерполяции, исполь-зуемый в инструментах и командах. Рекомендуется оставить значение Bicubic(Бикубическая).

• UI Font Size (Размер шрифта элементов интерфейса). В этом списке можновыбрать размер шрифта, которым будут отображаться элементы интерфейсапрограммы: Small (Маленький), Medium (Средний) или Large (Большой). Каксообщает подсказка справа, изменения вступят в силу только после следу-ющего запуска Photoshop.

Page 94: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Cplor Picker; J. . . . г

Image Interpolation: }

: UI Font Size;)

History. States: Г

•• OntinrK

Adobe

Bicubic

Small Й| \

20

V

changestime you

will take effect thestart Photoshop.

v ) •

v i

n e x t

OK

Reset

Next

E] Export Clipboard Q Seep When Done

El Show Toot Tips E3 Dynamic Color Sliders

• Zoom Resizes Windows : 0Save Palette Locations

П Auto-Update Open Documents В Use Shift Key for Tod Switch

0 Show Menu Colors ~. . D Automatically Launch Bridge

ВResize Image During Paste/Place Gloom with Scroll wheel

' ' ' - j I '.| г MHstory Log —-—.—,—_

j Save Log Items To: ©Metadata

O l e x t File

O i o t h

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 (Выводить подсказки к инструментам). Если этот флажок уста-новлен, то при подведении указателя мыши к любой кнопке будет появлятьсяподсказка с кратким описанием данного инструмента. Начинающим пользо-вателям это может быть полезно, однако в дальнейшем данную функцию мож-но отключить.

Page 95: 009 Photoshop CS2

Настройка 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

Page 96: 009 Photoshop CS2

Глава 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

Page 97: 009 Photoshop CS2

Настройка 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

[•••• Version Cue •••0 Enable Version Cue Workgroup File Management

::: :, : '.: . ,,,, КвСвГЛ Яв llSt COntainS \ I 10 i fifeS

J

{ Prev ]

Рис. 1.52. Настройки управления файлами

Image Previews (Просмотр изображения). Управляет сохранением миниатюрв файлах изображений. Возможные варианты: Never Save (Никогда не сохра-нять), Always Save (Всегда сохранять) и Ask When Saving (Запрашивать разреше-ние на сохранение).

Page 98: 009 Photoshop CS2

Глава 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 (Дублирование пикселов). Применяйте в том случае, еслиу вас не очень мощный компьютер. В результате установки этого флажка приперемещении изображения по экрану или при изменении его размеров (види-мых, а не реальных) у вас временно будет ухудшаться качество, но зато возра-стет скорость выполнения этих операций.

Page 99: 009 Photoshop CS2

Настройка Photoshop

Display & CursorsOK

Channels И Cotor

Duse Pixel DoublingL._ „._

r~ Painting Cursors -i

QsiandardО Precise

©Normal Brush Tip..:

)FuiSire Brush Tip1 DShow Crosshair m Brush Tip

Other Cursors -

Prev

© Standard

О Precise

Next

Рис. 1.53. Настройки просмотра изображения и вида указателей

• Painting Cursors (Курсоры инструментов рисования). Настройка вида курсоровпри использовании инструментов рисования.

• Standard (Обычный). Самая неудобная форма, от которой стоит сразу от-казаться. Причина — когда курсор имеет вид инструмента, часто из-за негоне видно редактируемой области.

• Precise (Точный). Курсор принимает вид крестика. Гораздо удобнее преды-дущего.

• Normal Brush Tip (Обычный размер кисти). Рекомендуем именно этот ва-риант: всегда видно, какой величины будет мазок и какую область онзаймет.

• Full Size Brush Tip (Полноразмерная кисть). Курсор выбранного инструмен-та по размеру полностью соответствует редактируемой области, включаяраспыление кисти.

• Show Crosshair in Brush Tip (Отображать перекрестие кисти). Для более точ-ного позиционирования инструмента можете установить данный флажок,тогда в центре курсора выбранного инструмента будет отображаться пере-

крестие.

Page 100: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

• Other Cursors (Другие курсоры). Настройка курсоров инструментов, не отно-сящихся к инструментам рисования. Все аналогично предыдущему пункту,но предпочтение стоит отдать уже варианту Precise (Точный).

Transparency & Gamut (Прозрачность и цветовойохват)Выбрав этот раздел настроек, вы увидите следующее окно (рис. 1.54).

I Transparency & Gamut OKReset

Grid Colors: I E3 Light

use video alpha (requires hardware support) <

Prev

Next

Gamut Warning

Opacity: i 100

Рис. 1.54. Окно настроек прозрачности и цветового охвата

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

• Grid Size (Размер сетки). Нужно сказать, что в Photoshop прозрачность обозна-чается в виде чередования квадратиков, в результате чего получается шахмат-ная поверхность. Здесь вы задаете размер этого квадратика. Единственныйсовет: если вы работаете при невысоком разрешении монитора, то лучше вы-брать значение этого параметра Small (Мелкая).

Page 101: 009 Photoshop CS2

Настройка Photoshop

• Grid Colors (Цвета сетки). В комментариях не нуждается. Но все же лучше оста-вить то, что есть — для зрения приятнее всего. Два квадратика под этим спис-ком позволяют самостоятельно установить цвета, а не выбирать из готовых.

• Use video alpha (Использовать прозрачность видеоустройства). Параметр, ко-торый разрешает программе непосредственно отсылать информацию о про-зрачности в видеоустройство. Данный режим в полной мере поддерживаетслишком малое количество видеокарт, чтобы рассматривать его более по-дробно.

• Color (Цвет). Цвет, которым отображаются цвета, не входящие в системуCMYK.

• Opacity (Непрозрачность). Непрозрачность предыдущего параметра.

Units & Rules (Единицы измерения и линейки)В этом разделе настроек вы указываете, в какой системе единиц измерения будетеработать (рис. 1.55). Это очень важно, так как многие пользователи не умеют опре-делять размер в пикселах на глаз.

| Units & Rulers

• UnitsRulers: | cm

Тщэе: points v i

• Column Sij©

ШЩ 180 | points

Gutter: 112 points

- New Document Preset Resolutions

Print Resolution; j 300 JI pixels/inch v

Screen Resolution:! 72 j pixels/inch v ;

- Point/Pica Stee ——^ : ~

©PostScript (72 points/inch)

О Traditional (72.27 points/Inch)

OK

Next

Рис. 1.55. Настройка единиц измерения и линеек

Page 102: 009 Photoshop CS2

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 (Стиль). Указываете, какую линию использовать в качестве направля-ющей: обычную или штриховую.

Page 103: 009 Photoshop CS2

Настройка Photoshop

" | Guides, Grid & Slicesa OK

GridColor; j Custom

Style: S Lines

; auuuiI L__

Gridjine every! 25 | mm. . ••...-• ••.•'••"" ? л " " ' •

S u b d i v i s i o n s : 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 (Показывать номера фрагментов). Включает отображениеномеров фрагментов.

Page 104: 009 Photoshop CS2

Глава 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 (Большой). Выбирайте, какой вамудобнее.

Page 105: 009 Photoshop CS2

Работа с тоновыми кривыми

| Туре

Д Type Opt ions——-——ЕЭ Use Smart QuotesО Show A sjan Text Options •"?',0Show Font Names in English

0 Font Preview Size: I Medium

r:

!

1

OK

Reset

Prev

. ]—1

!

Next

Рис. 1.57. Настройки текста

1.6. Работа с тоновыми кривымиCurves (Кривые) — это инструмент цветокоррекции из стандартного набора Photo-shop. Применяется он очень часто, особенно при работе с фотографиями. Сначалапоговорим о том, для чего он существует.

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

Чтобы начать работу с кривыми, выполните команду Image • Adjustments • Curves(Изображение • Настройки • Кривые) или нажмите сочетание клавиш Ctrl+M.После этого перед вами появится диалоговое окно Curves (Кривые) (рис. 1.58).

Перечислим основные настройки, расположенные в этом окне.

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

СОВЕТ

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

Page 106: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Channel:'[RGB _ _ ,

Input:

Output:

Рис. 1.58. Вид кривой до проведения коррекции

Поле кривых (Brightness graph). В этом поле изображается сама кривая, кото-рая обусловливает конечный результат вашей работы. Линия, которую вы ви-дите в этом поле, является графиком зависимости выходной яркости от вход-ной, причем этот график вы можете изменять так, как вам заблагорассудится.На горизонтальной шкале, расположенной под полем кривых, расположе-ны входные значения яркости, на вертикальной — выходные. Для удобствапользователей все поле разбито на четыре квадранта. Если вам необходимопостроить более точную кривую, то вы можете увеличить число квадрантовс 4 до 10. Для этого нужно щелкнуть мышью внутри поля кривых при нажа-той клавише Alt.

Шкала яркости (Brightness bar). По умолчанию (если вы работаете с RGB-изоб-ражением) темный конец данной шкалы расположен слева и цвета измеряютсязначением яркости, и именно по этому значению производится воздействие наних при использовании кривых. Если вы щелкнете мышью на горизонтальнойшкале, то темная и светлая части поменяются местами. В таком виде передвами появится данная настройка, если вы работаете в черно-белом режимелибо в режиме CMYK. Тогда цвета будут измеряться так, как принято в ти-пографской печати, от 0 до 100 %.

Инструменты построения кривой (Curve Tools). Данные инструменты приме-няются для создания кривой. Кнопка слева позволяет строить гладкую кри-вую по точкам перегиба (этот режим активен по умолчанию), а справа (каран-даш) — кривую произвольной формы. При построении в режиме гладкойкривой вы можете добавлять новые точки на кривую и передвигать точки мы-шью. Если вам необходимо удалить точку, то щелкните на ней мышью принажатой клавише Ctrl.

Page 107: 009 Photoshop CS2

Работа с тоновыми кривыми

• Input/Output (Входное/Выходное значение). Здесь отображаются значения яр-кости или интенсивности (в зависимости от установки шкалы яркости), соот-ветствующие текущему положению курсора.

• Load/Save (Загрузить/Сохранить). Вы можете сохранить любую из созданныхвами кривых или загрузить готовую из файла с расширением ACV.

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

• Auto (Автоматически). Благодаря этому параметру программа автоматическипреобразует самые темные пикселы на изображении в черные, а самые свет-лые — в белые.

• Options (Параметры). Эта кнопка позволяет настроить представление кривых.

• Пипетки (Eyedroppers). Позволяют выбирать на изображении пикселы, зна-чения яркости которых принимаются за крайние точки шкалы.

Когда вы открываете диалоговое окно Curves (Кривые) (Image • Adjustments • Curves(Изображение • Настройки • Кривые)), перед вами появляется прямая линия,в которой все входные значения равны выходным (см. рис. 1.58). Если вы впервыестолкнулись с кривыми, то попробуйте изменить настройки с помощью редакти-рования точек кривой. После этого вам станет понятно, как создавать более слож-ные зависимости и по какому принципу они будут работать.

Изогните кривую вверх, и все изображение осветлится, изогните ее вниз — и оностанет темнее (рис. 1.59).

Рис. 1.59. Элементарный пример применения кривых

Page 108: 009 Photoshop CS2

I L ' I lГлава 1 . Интерфейс программы и основы работы с Photoshop

Если у вас возникла потребность изменить яркость пикселов неодинаково, то вамнеобходимо построить кривую с несколькими перегибами (рис. 1.60). Наиболеепростой пример — это увеличение и уменьшение контрастности. Если точки пере-гиба будут расположены близко друг к другу, а отрезок между ними образует го-ризонталь, то контрастность уменьшится. Это следует из того, что яркость пиксе-лов на данном отрезке после преобразования станет примерно одинаковой. Еслиже линия будет близка к вертикали, то контрастность, наоборот, сильно увели-чится, из-за того что близкие по яркости пикселы приобретут большой разрывяркости.

Channel: RGBOK

Input: | 95

Output: 1127

Рис. 1.60. Изменение контрастности изображения

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

• Воспользоваться кнопкой Smooth (Сглаживание). После того как вы ее нажме-те, все разрозненные кусочки вашей кривой соберутся в единое целое. Даннойкомандой можно пользоваться неоднократно, до тех пор пока вы не добьетесьжелаемого результата.

ВНИМАНИЕ

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

Page 109: 009 Photoshop CS2

Автоматизация работы

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

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

Channel: RGB

i VI

.-.Input:

Output;

* .

Рис. 1.61. Эффект применения кривой

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

1.7. Автоматизация работы

Говоря об эффективной работе в Photoshop, нельзя не упомянуть о мощнейшихсредствах этой программы в области автоматизации работы. Для удобства рас-смотрения разделим их на две части: макросы и средства меню File • Automate(Файл • Автоматизировать).

Page 110: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

МакросыОчень давно создатели Photoshop обратили внимание на то, что огромное количе-ство работы, выполняемой в компьютерной графике, является отнюдь не творчес-кой, а машинально повторяемой последовательностью действий. Действительно,очень многое приходится часто повторять, и это сводится к рутинной работе. По-этому и появилась идея использовать макросы (Actions). Сразу скажем, что естьнесколько вариантов перевода этого слова. Нам больше всего нравится слово«макрос», поэтому дальше будем пользоваться именно этим словом.

Макрос — это запись последовательности действий, необходимых для получениякакого-то конкретного результата. Каждая команда, которую вы выполняете в про-грамме вручную, имеет свое имя и область действия. Например, самая распро-страненная команда Сору (Копировать) из меню Edit (Редактирование) имеет имяСору и область применения — имеющееся выделение. Это и дает возможность за-писывать действия.

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

При работе с макросами можно осуществлять три основных действия: создавать,редактировать и выполнять их. Для этого используется палитра Actions (Дей-ствия), которая является основным средством работы с макросами (рис. 1.62).

T T TT f Т5 6 7 8 9 10

Р!зу

Start RecordingRecord Again.,.Insert Menu Item. .<Insert Stop,.,

тгеКРзЬ •

Action Options.../Playback Options.,,

Reset Actionstoad Actions...Replace Actions.,(

CommandsFramesImage. EffectsProductionSample ActionsText EffectsTexturesVideo Actions :

Рис. 1.62. Палитра Actions (Действия)

Page 111: 009 Photoshop CS2

Автоматизация работы

Рассмотрим элементы палитры Actions (Действия).

1. Активный макрос. В данном случае стрелка указывает на макрос Automationworkspases.

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 (Включить/выключить макрос). Воспроизводить или нетданный пункт в списке макросов.

5. Stop playing/recording (Остановить выполнение/запись). Остановить выполне-ние или запись макроса.

6. Begin recording (Начать запись). Начать запись макроса.

7. Play selection (Выполнить выделенное). Выполнить имеющийся макрос. Ос-новная кнопка при работе с макросами. Но гораздо удобнее запускать макросили сочетанием клавиш, которое вы можете закрепить за любым макросомсами, или двойным щелчком мышью при нажатой клавише Ctrl.

8. Create new set (Создать новый набор). Создать новую группу макросов. Как пра-вило, если вы сами записываете их, то удобно создать с помощью этой кнопкипапку, в которой они будут храниться, чтобы не запутаться в дальнейшем.

9. Create new action (Создать новый макрос).

Page 112: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

10. Delete (Удалить). Удалить выделенный макрос.

11. Кнопка открытия меню палитры Actions (Действия) (см. рис. 1.62). С помо-щью этого меню можно выполнить все команды, доступные в данный моментна палитре.

Запись нового макросаЧтобы создать в Photoshop макрос, необходимо выполнить слудующую последо-вательность действий.

1.

2.

Прежде всего создайте новую папку для макросов (см. рис. 1.62, 8), чтобыне засорять другие. Назвать ее лучше так, чтобы потом не пришлось задумы-ваться о том, что в ней хранится (например, Proba). Не рекомендуем оставлятьимя по умолчанию (вроде Set 1), так как уже через пару недель вспомнить, чтоэто за папка, будет практически невозможно.

Нажмите кнопку Create new action (Создать новый макрос) (см. рис. 1.62,9). В ре-зультате откроется диалоговое окно New Action (Новый макрос) (рис. 1.63).

New Action

Name:

Set:

Function Key:

Color:

Action 1

Default Actions

FF2 v • Shift

! • None

~1

СИ Control

v i

1

1

_Record_J

Cancel J

Рис. 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) и откройте

Page 113: 009 Photoshop CS2

Автоматизация работы

любой графический файл либо создайте новый. Единственное требованиек нему — изображение должно быть в любой цветовой системе, кроме Grayscale(Полутоновое).

5. Переведем изображение в градации серого: Image • Mode • Grayscale (Изобра-жение • Режим • Полутоновое).

6. Уменьшим размер в два раза: Image • Image Size (Изображение • Размер изоб-ражения). В открывшемся окне выберем в качестве единиц измерения процен-ты, a Width (Ширина) и Height (Высота) установим равными 50%. Мы не мо-жем пойти другим путем, так как в задаче четко сказано уменьшить в два раза,а ведь изображения могут быть самых разных размеров. Поэтому проценты —единственная подходящая величина.

7. Сохраним изображение (Ctrl+S) и закроем его.

8. После этого нажмите кнопку Stop playing/recording (Остановить выполнение/за-пись) для завершения записи. Макрос готов к использованию. Теперь в любоймомент при нажатии клавиши F2 активное изображение будет переводитьсяв полутоновое и уменьшаться в два раза. Если вам данный макрос не нужен,удалите его путем перетаскивания на кнопку Delete (Удалить) (см. рис. 1.62, 10).

Редактирование макросовБольшинство действий, записанных в макросе, имеют свои параметры. Действи-тельно, не так много в Photoshop команд, которые применяются без возможностивыбора вариантов. А раз есть настройки, то логично было бы указывать их при за-писи. Если мы полностью раскроем любой макрос, то увидим примерно то, чтопоказано на рис. 1.64. Данный пример был выбран из-за размеров — это одиниз самых маленьких макросов в наборе Sample Actions (Простые макросы).

Пн.

рIV

:

IS(V;№

Я

;••, •• Action:

п"S

в

V Й Sample Actions A.

V Make snapshot

From: Current History State

Using: full document

^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. Полностью раскрытый макрос

Page 114: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Как видите, здесь есть вся необходимая информация о выполняемых действиях.Чтобы изменить, например, пункт Make Layer (Создать слой), следует дважды щелк-нуть на нем мышью.

Использование макросовСуществуют три способа запуска макроса.

• Нажать кнопку Play selection (Выполнить выделенное) на палитре Actions(Действия).

• Сделать двойной щелчок мышью на необходимом макросе с нажатой клави-шей Ctrl.

• Нажать сочетание клавиш, назначенное данному макросу.

Предпочтителен третий вариант, так как он самый быстрый.

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

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

Меню Automate (Автоматизировать)В Photoshop все средства автоматизации работы, кроме макросов, вынесены в одноменю: File • Automate (Файл • Автоматизировать). Опишем их в том же порядке,в котором они расположены в меню.

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

• Set (Набор). Набор, из которого будет выбран макрос.

• Action (Макрос). Используемый макрос. Действия, записанные в нем, будутприменены к изображениям.

Page 115: 009 Photoshop CS2

Автоматизация работы

\ 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;« П Mac OS DUnix

•Г Errors: I Log Errors To File ?У:]

i i Save As...

Рис. 1.65. Диалоговое окно Batch (Пакет)

Source (Источник изображений). Есть четыре значения: Folder (можно выбратьизображения в любой папке вашего компьютера, самый распространенныйвариант), Import (импортировать изображения), Opened Files (файлы, кото-рые у вас уже открыты), Bridge (файлы, открыте во встроенном обозревателефайлов).

Choose (Выбрать). Позволяет выбрать путь к папке с исходными изображе-ниями.

Override Action "Open" Commands (Игнорировать команды Открыть макроса).Если установлен этот флажок, то программа будет игнорировать собственную

Page 116: 009 Photoshop CS2

Глава 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.

Page 117: 009 Photoshop CS2

Автоматизация работы

PDF Presentation

— Source Files •• Add Qpen Filesj OiWhotoshop CS2. TVe\Ol\lJiOl.lif

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,

"Save 1

Cancel '

" 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• • " . . ' . . . • . f • - . . . ; . . : : :

T r a n s i t i o n : : 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 (Повтор после последней страницы). Если этот флажокустановлен, то презентация не закончится на последнем кадре, а будет про-игрываться заново.

Page 118: 009 Photoshop CS2

Глава 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

• Indexed Color • Multichannel

i Target Mode -

I Mode; | CMYK Color

OK

Cancel

Рис. 1.67. Диалоговое окно Conditional Mode Change (Изменить цветовой режим)

Contact Sheet II (Индекс)С помощью этой команды можно сделать изображение, на котором будут показа-ны в миниатюре все картинки из папки-источника. Идеально подходит для созда-ния небольших индексов, например, в полиграфии. Диалоговое окно с параметра-ми индекса показано на рис. 1.68.

• Source Images (Источник изображений). Путь к папке-источнику.

• Document (Документ). Размеры документа, в котором будут размещены мини-атюры изображений из папки-источника. Если все они не поместятся на од-ном листе, то программа создаст еще один или несколько листов по необходи-мости.

• Thumbnails (Миниатюры). Способ размещения миниатюр.

Page 119: 009 Photoshop CS2

Автоматизация работы

Use Filename As Caption (Использовать имя файла в качестве подписи). Исполь-зовать имя файла в качестве подписи к изображению. Стоит применять, когдаимя файла несет в себе ценную информацию или если целью создания листаявляется показ имеющихся у вас изображений кому-нибудь еще.

Contact Sheet IISource Images -

Use:: jFolder

I Browse... j

BlncMde All Subfolders

:::i— Document:"

Units:':; cm

Width: j 20,32

Height: j

Resolution: | 118,11 i [pixels/cm ;i|j

Mode: RGB Color

0 Flatten All Layers

— Thumbnails r———: Place: [across first ;*fl

Ш.:.:.:.::'р~~

Rows: [ 6

П Rotate For BgstFitAs Caption

Vertical: ^Щ35 cr]

Horizontal 0,035 cr

Рис. 1.68. Диалоговое окно Contact Sheet II (Индекс)

OK

Reset

Page 1 of 10 of 0 Images

W: 4.0 cmH: 4.0 cm

Press the•** ESC key to

Cancelprocessingimages

Crop and Straighten Photos (Разрезать и разделитьфотографии)Инструмент, обратный предыдущему. Позволяет быстро распознать и разделитьразные фотографии, собранные в одном изображении. Диалогового окна не имеет.

Fit Image (Подобрать размер изображения)Команда, изменяющая размер изображения по вашему выбору (рис. 1.69). Оченьудобно, если вы готовите изображения для использования в Интернете.

Page 120: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photosho

Fit Imageр™ Constrain Within

W i d t h :

H e i g h t :

[ 5 9 4

( ~ 4 8 2 "

\ p i x e l s .

I p i x e l s

I

l O K j

C a n c e l T

— — • • • J

Рис. 1.69. Диалоговое окно Fit Image (Подобрать размер изображения)

Picture Package (Комплект страниц)Интересная и полезная команда для тех, кто распечатывает свои работы Позво-ляет очень удобно расположить на листе несколько копий изображения Предла-гается огромное количество готовых вариантов. На рис. 1.70 показан результатприменения данной команды для четырех копий показан результат

Рис. 1.70. Результат применения команды Picture Package (Комплект страниц)

Web Photo Gallery (Интернет-галерея)СРеДСТВ° Д Л Я Ф°Т 0 ХУдаж™^в, которые хотят разместить свои ра-

Г алеоеи'лГ6' Н° " ' ^ H ™ L С ° З Д а е Т Пр°СТ° великолепные интер--галереи. Диалоговое окно с параметрами этой команды показано на рис 1 71

^тТвТс в с Г Т ™ С H T ^ L ' ЭТ° Т ° Ж е б ° Л Ь Ш а Я П ° М 0 Щ Ь ' Т а К к а к ^«грамма сдела-ет за вас всю «черную» работу и вам останется только оптимизировать код чтобыполучить полностью оригинальную галерею.

Page 121: 009 Photoshop CS2

Автоматизация работы

Web Photo Gallery

SiteStales: 'centered Frame 1 - BasicE-mail: ISource Images

"1

Reset

— 'Options:! General

Extension: j.htm ,*Ai

П Use UTF В Encoding for URL

•Iv'1 0 Add Width and Height Attributes for Images

:all metadata ,

Рис. 1.71. Диалоговое окно создания интернет-галереи

Photomerge (Склеивание фотографий)Позволяет автоматизировать создание панорамных снимков из нескольких обычных.

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

Merge to HDR (Объединить в HDR)Прежде чем говорить о HDR (High Dynamic Range — широкий динамическийдиапазон), вспомним, что такое динамический диапазон вообще. Это диапазон от-тенков, который может различить оптическое устройство. Из всех известныхоптических приборов самым широким диапазоном обладает человеческий глаз.

Page 122: 009 Photoshop CS2

Глава 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-bitExposure (Показать • 32-битная выдержка). В строке появится ползунок. Переме-щая его, можно изменять белую точку.

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

1.8. Команда Free Transform (Свободноетрансформирование) и другие видытрансформирования

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

Page 123: 009 Photoshop CS2

Команда Free Transform (Свободное трансформирование)...

Чтобы запустить команду Free Transform (Свободное трансформирование), простонажмите Ctrl+T или выберите ее в меню: Edit • Free Transform (Редактирование • Сво-бодное трансформирование).

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

ствия.

Щелкните правой кнопкой мыши в пределах появившегося контура, и вы увидитеменю с параметрами трансформирования (рис. 1.72).

Free TransformScaleRotate .StewDistort

f;: PerspectiveWarpRotate 180°Rotate 90° CW :

Sv Rotate 90° CCW•••"• .• .• "••

F l i p H o r i z o n t a l :

F l i p V e r t i c a l

Рис. 1.72. Параметры трансформирования

Заметьте, что команда Free Transform (Свободное трансформирование) — это гиб-рид масштабирования (Scale (Размер)) и вращения (Rotate (Поворот)). Поэтомудостаточно описать эти две команды, чтобы раскрыть Free Transform (Свободноетрансформирование).

• Scale (Размер). Изменяет линейные размеры выделенной области, то есть дли-ну и ширину. Наиболее часто применяется при создании текста, так как не все-гда длина или ширина шрифта из стандартного набора подходит в конкретнойработе. Просто перетаскивайте узлы ограничивающей рамки.

• Rotate (Поворот). Очень полезная команда. Результат ее применения можновидеть на рис. 1.73. Перед тем как использовать команду Rotate (Поворот), об-ратите внимание на расположение опорной точки. Если поворот вокруг неекак вокруг оси вас вполне устраивает, то выведите мышь за пределы рамкии нажмите левую кнопку мыши. Вы увидите, что курсор изменился. Теперьможно осуществлять поворот по часовой стрелке или против нее. Если у васнедостаточно мощный компьютер, а изображение большое и высокого разре-шения, то выполнить точный поворот будет довольно сложно. Как это испра-вить, читайте в разд. 1.5.

Page 124: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Рис. 1.73. Применение команды Rotate (Поворот)

Skew (Угол). Результат применения представлен на рис. 1.74. Эта команда изме-няет угол между отрезками, сдвигая изображение. В нашем примере были из-менены два угла.

Рис. 1.74. Применение команды Skew (Угол)

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

Рис. 1.75. Применение команды Distort (Деформация)

Perspective (Перспектива). Очень интересная и полезная команда. Можно из-менять два нижних или верхних угла одновременно, в результате чего дей-ствительно получается эффект уходящей вдаль поверхности (рис. 1.76).

Рис. 1.76. Применение команды Perspective (Перспектива)

Page 125: 009 Photoshop CS2

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

• 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).

Page 126: 009 Photoshop CS2

Глава 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 На этом параметре мы остановимся подробно, так как он является одним излучших средств искривления текста. Если вам требуется нарисовать, напри-мер, эмблему с текстом по окружности, то вам не придется устанавливать каж-дую букву по отдельности — с помощью данного инструмента вы решите эту

Page 127: 009 Photoshop CS2

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

задачу, затратив минимум времени и усилий. После того как вы нажмете кноп-ку инструмента, вы увидите диалоговое окно Warp Text (Деформировать текст)(рис. 1.79).

Warp Text

Г Style:] Ш Wave v : ~ ~~

Г ©Horizontal ©Vertical

! gend: f+50 I %

OKReset ]

Horizontal Distortion:

Vertical Distortion:

-45 i %

Рис. 1.79. Диалоговое окно Warp Text (Деформировать текст)

Если вы выберете в списке Style (Стиль) любой вариант деформации, то станутдоступны следующие параметры.

• Bend (Закругление). Степень искривления.

• Horizontal Distortion (Горизонтальное искривление). Степень искривления в го-ризонтальном направлении.

• Vertical Distortion (Вертикальное искривление). Степень искривления в верти-кальном направлении.

Ц Включить палитры. В результате у вас появятся две палитры: Character (Сим-вол) и Paragraph (Абзац) (рис. 1.80).

| Character \ ^

9 Antiqua

•ff i i 2 f !

JT I 100%

** \ 0 pt

: T Г ТТ

ijEnglish: USA

M M

.„. ••-•-1"::' •

| Xj Coloc

Vf:

Bold v ;

(Auto) V|

| 100% J

T, I T

:! Sharp v i

; о PS

Opt

I Opt

Щ jVp« I Ж »@ Hyphenate

Рис. 1.80. Палитры для работы с текстом

Page 128: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Рассматривать их подробно мы не будем, так как они во многом повторяют панельпараметров, но несколько совершенствуют многие процессы.

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

• Способ первый — «терапевтический».

1) Запустите Редактор реестра (в папке Windows запустите файл Regedit . ехеили в меню Пуск выберите команду Выполнить и наберите r e g e d i t ) .

2) Откройте раздел HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Nls\CodePage.

3) Теперь измените значение параметра 1252 следующим образом: для Win-dows NT — на с_1251. nls, для Windows 95/98 — на ср_1251 . n l s .

4) Обязательно перезагрузите компьютер.

• Способ второй — «хирургический». Дело в том, что многие шрифты, постав-ляемые вместе с Windows, не русифицированы. Поэтому можно купить дискс русскими шрифтами и переустановить в системе их все или просто добавитьрусифицированные, используя Панель управления Windows. На компакт-дис-ке, прилагаемом к этой книге, находится несколько десятков русифицирован-ных шрифтов.

1.10. Контуры и фигуры

Photoshop — редактор растровой графики. Но элементы векторной графики в немтакже присутствовали всегда. Это контуры (Paths) и редактирующие их инстру-менты из группы Реп (Перо).

Что такое контуры? Это векторные элементы, не являющиеся частью изображе-ния, которые можно создавать и редактировать, переводить в выделение или за-ливать цветом. Можно сказать, что это еще одна форма интерпретации выделения.В третьей версии программы, кстати, основным применением контуров и былоточное выделение областей сложной формы. В Photoshop CS уже имеется мощней-ший инструментарий выделения, и эта функция контуров утратила свое значение.

Инструменты группы Реп (Перо) очень удобны, когда необходимо нарисоватьсложный контур, особенно если он должен быть переведен в выделение. Конечно,то же самое можно выполнить и инструментом Lasso (Лассо), но это очень сложнои неудобно.

Shapes (Фигуры) — это окончательное слияние векторной и растровой графикив одной программе. Фигуры — это готовые объекты различной геометрическойформы. Если раньше, чтобы получить, например, круг, приходилось сначала созда-вать круглое выделение, а потом заливать его, то теперь достаточно использоватьинструмент Ellipse (Эллипс).

Page 129: 009 Photoshop CS2

Контуры и фигуры

Если вы работали в программах векторной графики, таких как CorelDRAW, тодальше этот раздел можете не читать — в работе с контурами вам все будет знако-мо и легко.

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

^ Реп (Перо). Основной инструмент при работе с контурами. Позволяет ихсоздавать. Работает следующим образом: вычерчивает прямую или дуго-образную линию от одной опорной точки до другой. Чтобы установить якорь(опорную точку), достаточно щелкнуть левой кнопкой мыши. Если при этомвы не отпустите кнопку и начнете отводить контур, то линия получится выг-нутой.

СОВЕТ

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

JPj Freeform Pen (Свободное перо). Инструмент, ближайшей аналогией которого"""является Lasso (Лассо). Отличие только в одном: Lasso (Лассо) создает выде-

ление, а данный инструмент — контур. Этим инструментом удобно пользовать-ся только в том случае, если вы можете очень точно рисовать курсором, так какконтур полностью повторяет траекторию мыши. Как правило, с помощьюмыши так не получается, поэтому Freeform Pen (Свободное перо) — это излюб-ленный инструмент пользователей, имеющих в наличии дигитайзеры (план-шеты для рисования). Правда, если в свойствах инструмента вы установитефлажок Magnetic (Магнитное), то он станет похож уже на Magnetic Lasso (Маг-нитное лассо), а это очень часто применяется, особенно при точном выделе-нии объектов.

ф] Add Anchor Point (Добавить опорную точку). Один из самых необходимых ин-^струментов редактирования контура. Например, если вам нужна дуга, то мож-

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

| Delete Anchor Point (Удалить опорную точку). Инструмент, противоположныйпредыдущему.

I Convert Point (Угол). Удобный инструмент для модификации контура.

Page 130: 009 Photoshop CS2

Глава 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 (Удалить текущий контур).

Page 131: 009 Photoshop CS2

Контуры и фигуры

Stroke Path fxj

Tool;Dsia

д Pencil v • l... У К S

ШШ5ЯШШШШШШШ& Cancel/ Brush" Eraser

2 Background Eraser^Э 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 (Заполненная область). Создавать только фигуру. В таком режиме фи-гура будет сразу прорисована на активном слое, и вы не сможете ее изменить.

Page 132: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Уже описанный выше инструмент Реп (Перо).

I Freeform Pen (Свободное перо).

Rectangle (Прямоугольник). Сразу обратите внимание на кнопку 6 — Geometryoptions (Геометрические параметры). При ее нажатии откроется панель свойствфигуры (рис. 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 (Мно-гоугольник) с разными настройками.

Page 133: 009 Photoshop CS2

Контуры и фигуры

•; ; Radius:on Options

Smooth Corners

Indent Sides By: j 50%

[^Smooth Indents

Рис. 1.84. Свойства фигуры Polygon (Многоугольник)

* * *

Рис. 1.85. Фигуры, созданные инструментом Polygon (Многоугольник)

Line (Линия). Инструмент, позволяющий создавать линии и стрелки. Для ли-нии есть только одна настройка — Weight (Толщина). Несколько сложнее сострелкой. Ее параметры определяются на панели настроек фигуры (рис. 1.86).

'••••r—' Arrowhe

1 Widths

i Length:

1 Concavity:

a d s E Hi 500%: 1000% i

0%

Рис. 1.86. Свойства линии со стрелкой (инструмент Line (Линия))

• Start (В начале). Рисовать стрелку в начале линии.

• End (В конце). Рисовать стрелку в конце линии.

• Width (Толщина). Процентное отношение толщины стрелки к толщине линии.

и Length (Длина). Процентное отношение длины стрелки к толщине линии.

• Concavity (Вогнутость). Определяет вогнутость стрелки. Может приниматьзначение от -50 до +50 %.

Благодаря этим параметрам можно получить огромное количество вариантовстрелок, некоторые из них показаны на рис. 1.87.

Page 134: 009 Photoshop CS2

Глава 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.

Page 135: 009 Photoshop CS2

Каналы и маски

Рис. 1.88. Пример текста по контуру

1.11. Каналы и маскиЧтобы понять, что такое каналы, необходимо четко представлять, как строитсяизображение в Photoshop. Любой рисунок, созданный либо открытый в Photoshop,представлен в виде трех (рис. 1.89) или четырех каналов, которые при наложениии создают цвет, видимый нами на экране.

Рис. 1.89. Три канала одного изображения

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

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

• CMYK. Соответствует цветам, в которых данный рисунок будет распечаты-ваться.

• Lab. He связана ни с одним устройством.

Page 136: 009 Photoshop CS2

Глава 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 (Удалить). Данная команда удаляет активный канал.

Внизу палитры каналов расположены четыре кнопки.

Page 137: 009 Photoshop CS2

Каналы и маски

•:,- Load channel as selection (Загрузить канал как выделение). Преобразует каналв выделение. Следует учитывать, что белые области канала соответствуютвыделенным пикселам, черные — невыделенным, а серые — частично выде-ленным.

;Д| Save selection as channel (Сохранить выделение как канал). Преобразует выде-ление в новый канал.

ISIf Create new channel (Создать новый канал). Эту кнопку можно использовать длядублирования имеющихся каналов: перетащите канал мышью Я данной кноп-ке, и он автоматически скопируется на новый канал.

$ Delete current channel (Удалить канал). Еще один способ удалить активный канал.

Следующая серия команд находится в меню (рис. 1.91), которое вызывается щелч-ком мышью на круглой кнопке • в правом верхнем углу палитры каналов.

Dock to Palette WellNew 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 (Разделить каналы). С помощью этой команды вы можете разде-лить свое изображение на несколько составляющих. Количество составляющих

Page 138: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

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

• Merge Channels (Объединить каналы). Объединяет несколько разных изображе-ний, ассоциируя исходные каналы с каналами нового изображения. Для этогонеобходимо, чтобы исходные изображения были выполнены в полутоновомрежиме (Grayscale) и имели одинаковые размеры.

• Palette Options (Параметры палитры). Данная команда позволяет выбрать па-раметры палитры каналов: размер значков (мелкие, средние или крупные)либо вообще отказаться от просмотра каналов, оставив только их названия.

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

В Photoshop возможно создание двух типов масок.

• Быстрая маска. Она существует для однократного применения и не сохраня-ется, образуя временный канал на период своего действия.

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

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

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

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

Page 139: 009 Photoshop CS2

Стили и эффекты

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

В режим быстрой маски вы можете перейти, выбрав его внизу на палитре инстру-ментов либо нажав клавишу Q. Если вы последовали нашему совету и изначальновыделили какую-либо область, то изменения увидите сразу после перехода в ре-жим быстрой маски. Выделенная область представляется в виде пленки светло-красного цвета. Красный цвет пленки устанавливается по умолчанию. Однакоесли в вашем изображении много цветов красного оттенка, то создание маски бу-дет затруднено. Мы советуем открыть палитру каналов — в ней вы увидите вре-менный канал, называемый быстрой маской. Дважды щелкните мышью на этомканале или выберите в меню палитры пункт Quick Mask Options (Параметры бы-строй маски). Откроется окно, в котором вы сможете выбрать цвет маскиров-ки, а также ее прозрачность.

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

Чтобы удалить область из выделения, вам необходимо закрасить ее пикселы бе-лым цветом, чтобы добавить — красным. Эту операцию вы можете выполнитьс помощью любого инструмента рисования Photoshop, в том числе Brush (Кисть)и Eraser (Ластик). При раскраске полутонами вы добавите частично выделенныеобласти. Таким образом, режим быстрой маски позволяет растушевывать одниконтуры, в то время как другие остаются четкими. К тому же вы можете много-кратно изменять контуры выделения и видеть при этом первоначальное изобра-жение, что немаловажно.

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

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

Page 140: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

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

Слоевые эффектыDrop Shadow (Внешняя тень)Эффект, позволяющий создавать внешнюю тень. Один из самых полезных эффек-тов, сделавший множество дополнительных модулей Photoshop абсолютно ненуж-ными. Единственный крупный недостаток — невозможность создания перспек-тивной тени. Окно настройки этого эффекта показано на рис. 1.92.

Г- Drop ShadowStructure ~~

Рис. 1.92. Параметры тени

Blend Mode (Режим наложения). Режим наложения пикселов. В данном случаеприменен режим Multiply (Умножение) из-за свойств тени: при наложении те-ней более темный изначально пиксел должен остаться более темным по отно-шению к остальным.

Color (Цвет). Цвет тени. Она совсем не обязательно должна быть черной. Что-бы добиться интересных эффектов, попробуйте и другие цвета.

Opacity (Непрозрачность). Непрозрачность тени.

Angle (Угол). Угол падения света. Определяет, в каком направлении должнападать тень.

Use Global Light (Использовать общий свет). Использовать единое для всех эф-фектов направление света. Удобно, если в вашей работе на множестве объек-тов применено много разных стилей. И если, например, тени будут падатьв разные стороны, то возникнет ощущение неестественности изображения.Применение общего источника света позволяет избежать этого.

Distance (Расстояние). Расстояние, на которое следует выносить тень от объекта.

Page 141: 009 Photoshop CS2

Стили и эффекты

• 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.

Page 142: 009 Photoshop CS2

Глава 1 . Интерфейс программы и основы работы с Photoshop

Outer Glowr— Outer GloW;::fr*_ StructuI I •Blend Model:;'..' Opacity*

Noise;

Screen75 '%* •:

[о !•%.'

© П о [

-

r~ Elements ~—~~~ 'Technique! jSofter v .

Spread: V]—[5 IP*

Quality —

Contour:

Range: .—

Jitter: -y-

Рис. 1.95. Настройки эффекта Outer Glow (Внешнее свечение)

Рис. 1.96. Результат применения эффекта Outer Glow (Внешнее свечение)

Inner Glow (Внутреннее свечение)Применяется для имитации объема шрифта. Настройки аналогичны эффекту OuterGlow (Внешнее свечение). На рис. 1.97 показан текст с применением внутреннегосвечения.

Рис. 1.97. Текст с эффектом Inner Glow (Внутреннее свечение)

Bevel and Emboss (Скос и рельеф)Позволяет имитировать объем. Количество вариаций не поддается описанию.Можно сказать, что это самый совершенный инструмент реализации псевдообъе-ма в Photoshop. Окно настроек этого эффекта показано на рис. 1.98.

Page 143: 009 Photoshop CS2

Стили и эффекты

Bevel and EmbossStructure

Style: Inner BevelTechnique: j Smoohh y i

Depth: .••_j •• j юо

Direction: © U p Q D o w n

Э г е : / j • • • • [ Б ' "

S o f t e n : > - - I n

Shading

Angle:

Altitude:

Gloss Contour:

120 |° :

7 ] Use Global Light

Highlight Mode: I s,reen

Opacity: ,

Shadow Mode: ' M u l t ip ly

Opacity: . —~~

Рис. 1.98. Настройки эффекта Bevel and Emboss (Скос и рельеф)

Уникальные для этого инструмента настройки следующие.

• Style (Стиль). С помощью этого параметра определяется тип будущего объе-ма. Он может идти как внутрь, так и наружу объекта, создаваться методом вы-давливания и т. д.

• Technique (Техника). Очень важная настройка. Здесь вы указываете, какимдолжен быть псевдообъем: обтекаемым, с плавными границами или, наоборот,с ярко выраженными гранями.

• Depth (Глубина). Выраженная в процентах рельефность объема.

• Direction (Направление). Если установлено значение Up (Вверх), то объект воз-вышается над поверхностью, если Down (Вниз) — углубляется в нее.

• Size (Размер). Определяется геометрический размер псевдообъема.

Также вы можете определить режим и цвет тени (Shadow Mode) и световой состав-ляющей объема (Highlight Mode).

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

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

Page 144: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Гораздо более интересные возможности дают текстуры. Можно без труда добавитьв объем любой образец текстуры и получить потрясающий результат. Напомним,что образец текстуры вы можете определить сами или использовать уже имеющи-еся. Окно настройки текстур показано на рис. 1.99.

Г Tenture

Pattern!

Scale:I • • "v Depth:

Snap to Origin

i 100 %

J

Invert 0Link with Layer

Рис. 1.99. Настройки текстуры

• Pattern (Образец). Используемая текстура.

• Scale (Масштаб). Величина элементов текстуры, в данном случае пузырьков.Изменяет образец пропорционально.

• Depth (Глубина). Выраженность текстуры на поверхности.

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

Рис. 1.100. Результаты применения эффекта Bevel and Emboss (Скос и рельеф)

Satin (Атлас)Интересный эффект, который в самом примитивном варианте действительно на-поминает складки атласной ткани. Но настройки позволяют значительно расши-рить область применения. Одним словом, смотрите рис. 1.101.

Рис. 1.101. Пример использования эффекта Satin (Атлас)

Page 145: 009 Photoshop CS2

Стили и эффекты

Color Overlay (Наложение цвета), Gradient Overlay(Наложение градиента) и Pattern Overlay (Наложениеобразца)Эти три эффекта очень похожи. По сути, это заливка объекта цветом, градиентоми текстурой соответственно. Они очень просты в применении, и в настройках выне найдете ничего нового, поэтому описывать мы их не будем.

Stroke (Обвести)Обводит объект своеобразным ореолом. Можно было бы назвать его линией, нотак как его размеры могут многократно превышать размеры исходного объекта,то такое сравнение неверно. Окно настроек показано на рис. 1.102.

Stroke! Structure

gosnion: j Outside у j

gand Mode: f N o r r n a | v |

gpaclly: / ; J i 100 1*

Color iVvl ;

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 (Очистить стиль слоя)Применяется, чтобы удалить с данного слоя все эффекты.

Page 146: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Global Light (Общий свет)С помощью этого пункта меню задается направление света для всех слоевых эф-фектов, для которых установлен параметр Use Global Light (Использовать общийсвет).

Create Layer (Создать слой)Очень полезная команда, позволяющая вынести эффекты на отдельный слой. Та-ким образом можно получить множество оригинальных изображений. Рекоменду-ем поэкспериментировать.

Hide All Effects (Скрыть все эффекты)Применяется в том случае, если вы временно не хотите видеть эффекты (напри-мер, необходимо доработать исходный объект), но удалять их не нужно. После ис-пользования этой команды вы не будете видеть эффекты, до тех пор пока не ис-пользуете обратную команду — Show All Effects (Показать все эффекты).

Scale Effects (Масштаб эффектов)Команда, позволяющая изменять пропорции всех эффектов.

Палитра Styles (Стили)Эта палитра (см. рис. 1.42) служит для хранения стилей. Чтобы применить стиль,создайте новое изображение не менее чем с двумя слоями. Затем сделайте актив-ным слой выше первого и щелкните мышью на любом стиле. Указанный стильбудет применен к активному слою.

Какие же стили находятся на этой палитре? Чтобы получить ответ на этот вопрос,откройте палитру Layers (Слои). Вы увидите примерно то, что показано на рис. 1.103.

Liyers N| Normallock; D .

Щ

m\#» ©.

.f .,'v Opscilv WO

/ Ф Э Fill: i 100% ::||

Background copy Ф " Щя

Ф Bevel and Efoboss

^ Pattern Overlay

ffickgruund • IS1

d ( 5 . u J i !

Рис. 1.103. Вид палитры Layers (Слои) для слоя с примененным стилем

Как видно из рисунка, любой стиль — это комбинация слоевых эффектов. В дан-ном случае применены три эффекта: Bevel and Emboss (Скос и рельеф), Color Overlay(Наложение цвета) и Pattern Overlay (Наложение образца). В этом можно убедиться,

Page 147: 009 Photoshop CS2

Палитра Brushes(Кисти)

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

Вы также можете создавать собственные стили. Для этого достаточно сгруппиро-вать необходимые слоевые эффекты и нажать кнопку создания нового стиля напалитре Styles (Стили).

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

1.13. Палитра Brushes (Кисти)Как известно, кисть в Photoshop — это не только инструмент рисования, но и сво-его рода аналог реального изделия. Существуют разные наборы кистей со своимисвойствами, которые могут использоваться как шаблонные изделия при рабо-те с такими инструментами, как собственно Brush (Кисть), Erase (Ластик), Stamp(Штамп) и многими другими.

Для вызова палитры кистей следует щелкнуть на вкладке Brushes (Кисти), распо-ложенной в правом верхнем углу главного окна программы. В результате появит-ся окно, представленное на рис. 1.104.

Brush Tip Shape£j Shape Dynamics£j ScatteringQ Texture ..

ual BrushDynamics

£j Other DynamicsNoise

D Wet EdgesП Airbrush

Smoothing

£ j Protect Texture

Рис. 1.104. Палитра Brushes (Кисти)

Page 148: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Это базовая палитра, на которой можно выбрать желаемую кисть и установитьв поле Master Diameter (Диаметр) ее размер. Обратите внимание, что вы можете из-менять размер не только круглых, но и всех остальных кистей, подбирая оптималь-ный вариант. Значение размера кисти варьируется в пределах 1-2500 пикселов.Несомненным удобством данной палитры является также то, что, изменяя пара-метры, вы можете сразу отслеживать ожидаемый результат применения в окнепросмотра, расположенном в нижней части палитры.

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

Brush Tip Shape (Форма кисти)Если щелкнуть мышью на строке Brush Tip Shape (Форма кисти), то появится диа-логовое окно, представленное на рис. 1.105. Его настройки очень похожи на те, чтобыли доступны еще в шестой версии программы.

Brush PresetsBrush Tip Shape• Shape Dynamics• Scattering• Texture• Dual BrushГП Color Dynamics

• other Dynamics •

• Noise r

• Wet Edges

• Airbrush

• Smoothing

• Protect Texture

14

f112

Щ36

- •

• . • • *

26

f134

%33

%

4 •

33

• &

74

%63

42

?66

ss

29

#39

70

«

192

Щ63

41

Diameter [ Use Sample Siae ] { 75 px•• : на- ' ~~E,

Angle; j 0"Roundness: [ 100%Hardness

0 Spacing

Рис. 1.105. Диалоговое окно Brush Tip Shape (Форма кисти)

Два параметра в этом окне дублируют рассмотренные выше, а именно возмож-ность выбора формы кисти и ее размера. Если размер кисти ранее был изменен,

Page 149: 009 Photoshop CS2

Палитра Brushes (Кисти)

то можно установить размер по умолчанию, нажав кнопку Use Sample Size (Исполь-зовать размер образца). Рассмотрим остальные параметры.

• Angle (Угол). Определяет угол наклона кисти. Естественно, этот параметр мож-но использовать со всеми кистями, кроме круглых.

• Roundness (Округлость). Кисть можно не только вращать вокруг своей оси,но и сжимать (данный параметр вводится в процентах и характеризует соот-ношение начального и конечного радиусов). Несомненным достоинством яв-ляется то, что угол наклона и величину сжатия можно устанавливать на глаз,изменяя вид кисти в небольшом окне, расположенном справа. На рис. 1.106представлены два изображения, нарисованные одной и той же кистью с округ-лостью 20 %, но угол наклона в одном случае был равен 0°, а во втором — 90°.

Рис. 1.106. Линии, проведенные кистью с различными значениями параметра Angle(Угол)

• Hardness (Жесткость). С помощью этого параметра регулируется жесткость кра-ев проведенной линии. Здесь можно получить как предельно жесткие и чет-кие края, так и мягкие, плавно переходящие в фон. На рис. 1.107 показаны двелинии, проведенные одинаковой кистью с жесткими (100 %) и мягкими (0 %)краями.

Рис. 1.107. Линии, проведенные кистью с жесткими и мягкими краями

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

Page 150: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Если установить значение Spacing (Интервал) равным 100 %, то каждый отпечатокбудет следовать за предыдущим без пробела. Сравните первое и второе изображе-ния на рис. 1.108: на первом интервал равен 1 %, на втором — 100 %. Если же пара-метр Spacing (Интервал) отключить, то линия получится неоднородной — такой, какв третьем варианте на рис. 1.108. Такой эффект получается оттого, что отпечаткиповторяются через определенные промежутки времени. Если вести кисть медлен-но, то линия получится сплошная, как на первом изображении, если быстро, то пре-рывистая. А так как скорость движения руки непостоянная, особенно на закругле-ниях, то и линия получается неравномерная. Регулируя величину пробела, можносоздавать различные эффекты. Максимальное значение данного параметра — 1000 %.

хРис. 1.108. Линии, проведенные кистью с различным значением параметра Spacing(Интервал)

Shape Dynamics (Динамика кисти)Данное диалоговое окно (рис. 1.109) появляется после щелчка мышью на одно-именной строке на палитре Brushes (Кисти).

Brush PresetsBrush 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 ;;V:; |

Minimum DUmeter.. . [ Q%

Angie Jitter

Cantrol! | OFFRoundness JitterJ

Control:; off

Minimum Rouivjne™,

• Flip X Jitter fjFlip Y Jitter

Рис. 1.109. Диалоговое окно Shape Dynamics (Динамика кисти)

Page 151: 009 Photoshop CS2

Палитра 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. Пример динамического вращения кисти вокруг своей оси

Page 152: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Roundness Jitter (Вариации округлости). При активизации данного параметраизменения коснутся также и силы сжатия кисти (рис. 1.112).

Рис. 1.112. Пример динамического изменения силы сжатия кисти

Minimum Roundness (Минимальная округлость). Этот параметр ограничиваетминимальное значение округлости.

Scattering (Рассеивание)Диалоговое окно Scattering (Рассеивание) представлено на рис. 1.113.

Brush PresetsBrush Tip Shape[3] Shape Dynamics |g'

•j_J Texture :: fitО Dual Brush '' • fitЦ] Color Dynamics §$

[3] Other Dynamics |g*

Q Noise |j£'

О Wet Edges ' £j'

Q Airbrush j ^ '

Q Smoothing . §£

Q Protect Texture

Scatter • Both Axes

Control: [off

Count

Count Jitter

Control) | Qff

Ы I,:.:.Рис. 1.113. Диалоговое окно Scattering (Рассеивание)

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

• Scatter (Рассеивание). Здесь задается амплитуда рассеивания.

• Both Axes (Обе оси). Если установлен данный флажок, то смещение отпечат-ков происходит по обеим осям, в противном случае — только по вертикали.

Page 153: 009 Photoshop CS2

Палитра Brushes (Кисти)

Count (Количество). Данным значением определяется количество разбрасыва-емых элементов. Чем выше это значение, тем больше элементов «распыляет-ся» за один щелчок мышью.

Count Jitter (Вариации количества). Это еще одна динамическая настройка, ко-торая позволяет реализовать переменное во времени количество разбрасыва-емых элементов. В результате их концентрация будет неравномерной.

Texture (Текстура)В данном диалоговом окне (рис. 1.114) можно устанавливать различные парамет-ры, влияющие на применение текстуры к отпечаткам кисти.

Brush PresetsBrush Tip ShapeО Shape Dynamics I

DDualBrush g-Q Color Dynamics |gj'Qother Dynamics |g'• Noise -" :' j§j*Q Wet Edges gj'• Airbrush |g'• Smoothing gJ

• Protect Taitture fif

0 Invert

Scale

0 Texture Each TipMode Ainear Burn V;;iDepthr'V. ':

Minimum Depth

Depth fitter

Control !Off

130%

[ 1 0 0 % Щ

-ZEE3

Qoo% j ;

j o% __ |

Рис. 1.114. Диалоговое окно Texture (Текстура)

Текстуры можно выбирать готовые или загружать свои (созданию текстур посвя-щена глава 4). Кроме того, можно изменять следующие параметры.

• Scale (Масштаб). Здесь задается масштаб накладываемой текстуры, то естьустанавливается соотношение между размерами отпечатков кисти и элемен-тов текстуры.

• Texture Each Tip (Другая текстура). Установка данного флажка позволяет на-страивать дополнительные параметры, что дает большую свободу действий.

• Mode (Режим наложения). Режим наложения текстуры.

Page 154: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Depth (Глубина). Это значение определяет, насколько четко будет просматри-ваться текстура. Для достижения более наглядного результата следует увели-чить значение данного параметра. Если же вы хотите получить лишь слегкатекстурированные отпечатки кисти, то уменьшите его.

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

Depth Jitter (Вариации глубины). Здесь можно задать пределы изменения ви-димости структуры в динамическом режиме.

Dual Brush (Двойная кисть)При щелчке на строке Dual Brush (Двойная кисть) появляется диалоговое окно,представленное на рис. 1.115.

Brush PresetsBrush Tip Shape• Shape Dynamics• ScatteringQ TextureD Dual BrashО Color Dynamics

• Other Dynamics

• Noise

• Wet Edge:О Airbrush

• Smoothing

О Protect Texture

odet MultiplyL - •

1 4

f

1 1 2

3 6

1 1

DiameU

2 6

t '

1 3 4

3 3

4 8

3 3

7 4

6 3

3 2

3

4 2

9 5

и

55

29

39

100U s e S a m p l e S i z e ]

П Flip

70:Щ

192

63

Щ75

A

A

98 px

Spacing

Scatterj ,..„.

Count

[S%^

~\ Both Axes 0%

1

Рис. 1.115. Диалоговое окно Dual Brush (Двойная кисть)

Предлагаемые здесь возможности позволяют смешивать две разные кисти. За ос-нову берется кисть, установленная в основном окне палитры Brushes (Кисти), а вто-рая (накладываемая) настраивается в данном окне. Можно задать следующие па-раметры наложения кистей.

Page 155: 009 Photoshop CS2

Палитра Brushes (Кисти)

• Diameter (Диаметр). Диаметр накладываемой кисти.

• Spacing (Интервал). Если вы хотите сделать отпечатки кисти более редкими,то воспользуйтесь этим параметром.

• Scatter (Разброс). Для неравномерного наложения отпечатков следует увели-чить силу разброса.

• Both Axes (Обе оси). Этот параметр регулирует направление накладывания от-печатков.

• Count (Количество). Количество (концентрация) накладываемых элементов.

Color Dynamics (Динамика цвета)В диалоговом окне Color Dynamics (Динамика цвета) (рис. 1.116) задаются динами-ческие параметры, влияющие не на форму кисти, а на ее цветовые и яркостныесоставляющие.

Brush PresetsBrush Tip Sbap*О Shape Dynamics jg*

Q Scattering ft'

Q Texture ||

Q Dual Brush §j'ES Color Dynamics

П Wei Edges

[_] Airbrush

О Smoothing

Q Protect Texture

F o r e g r o u n d / B a c k g r o u n d J i t t e r

• ™ * .

r o l ; I F a d e

Hue Jitter j 51%

;;~""T " •"* .•"...".. '"~~~'.-Л " • •

S a t u r a t i o n j i t t e r 0 %

B r i g h t n e s s J i t t e r [ 5 %

Рис. 1.116. Диалоговое окно Color Dynamics (Динамика цвета)

• Foreground/Background Jitter (Вариации цветов переднего плана и фона). Пре-делы изменения цветов переднего плана и фона.

• Hue Jitter (Тоновые вариации). Диапазон изменения цвета.

Page 156: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

• Saturation Jitter (Вариации насыщенности). Устанавливает предельные значе-ния насыщенности отпечатков.

• Brightness Jitter (Вариации яркости). Диапазон изменения значений яркости.

• Purity (Чистота). Степень возможного отклонения цвета от нейтрального.

Other Dynamics (Другая динамика)Здесь задаются два оставшихся динамических параметра, не вошедших в преды-дущие окна.

• Opacity Jitter (Вариации непрозрачности). Можно установить динамическоеизменение прозрачности отпечатков кисти.

ш Flow Jitter (Вариации потока). Параметр, очень похожий на предыдущий, од-нако влияет на насыщенность.

Остальные параметры палитры Brushes (Кисти) не имеют дополнительных настра-иваемых функций, однако могут существенно видоизменить видимый отпечатоккисти.

Noise (Шум)При установке данного флажка в отпечаток кисти добавляется монохромный шум,который несколько напоминает действие одноименного фильтра, только распро-страняется не на все изображение, а лишь на след кисти. На рис. 1.117 использова-на одна и та же кисть, только изображение слева получено без внесения шума,а справа — при установленном флажке Noise (Шум).

. *

) • ' ; • • •

Рис. 1.117. Зависимость вида кисти от параметра Noise (Шум)

Wet Edges (Размытые края)Следующий параметр палитры кистей, который нам предстоит рассмотреть, — WetEdges (Размытые края). Такое название он получил потому, что результат его при-менения несколько напоминает акварельный рисунок, хотя сходство далекое.

Проведем две линии одной и той же кистью с выключенным и включенным пара-метром Wet Edges (Размытые края). В первом случае линия одинаковая по всей тол-щине, тогда как во втором в середине она более прозрачная, а по краям затемнена.Различия хорошо заметны при увеличении изображения, поэтому на рис. 1.118оно увеличено до такой степени, что видны отельные пикселы.

Page 157: 009 Photoshop CS2

Adobe Bridge — обозреватель файлов

Рис. 1.118. Линии, проведенные кистью с включенным и выключенным параметром WetEdges (Размытые края)

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 браузер стал еще более функциональными удобным.

Page 158: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Adobe Bridge вызывается не только стандартной командой File • Browse (Файл • Бра-узер) или нажатием кнопки g|j> в правой верхней части окна программы, но и не-посредственно из меню Пуск. Существует также команда File • Close and Go to Bridge(Файл • Закрыть и перейти в Bridge), при выполнении которой редактируемоеизображение закрывается и открывается Adobe Bridge.

Открытие браузера из первого пункта меню (File (Файл)) говорит о том, что раз-работчики настойчиво обращают внимание пользователей на этот иструмент.

Рассмотрим основные составные части Bridge (рис. 1.119).

з-4-

5

Не Edit T&ote Label View Window

• # ••:•?• \ Ш Sample;

Щ Мой

Eg Adobe Stock Photos

$* Version Cue

4$> Collections

^ Рабочий стол

j££j Мои документы

йМ Мои рисунки

< Preview '*Щ

Smart Objects18,03.2005, М 134:55

•• • Smart Ob|

— - - , - г — . - - . .

i l e V M j p r

u i f t c c o r »

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 (Инструменты). Автоматическое переименование группы файлов,доступ к интернет-сервисам и командам пакетной автоматизации Photo-shop (см. разд. 1.7), а также работа с кэшем и метаданными. Кэш — это спе-циальная область памяти, в которой хранятся миниатюрные изображения

Page 159: 009 Photoshop CS2

Adobe Bridge — обозреватель файлов

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

СОВЕТ

Чем больше вы работаете с браузером, тем активнее используется кэш.Время от времени его следует очищать командой меню утилиты Tools •Cache • Purge Cache for This Folder (Инструменты • Кэш • Очистить кэшдля текущей папки) или Tools • Cache • Purge Central Cache (Инструмен-ты • Кэш • Очистить центральный кэш). Если вы работаете в одной и тойже папке, ее кэш лучше не удалять. И вообще, если размер диска позволя-ет, то не увлекайтесь такой очисткой — программе придется заново созда-вать миниатюры, что скажется на скорости ее работы.

• Label (Метка). Команды этого пункта меню позволяют присваивать выде-ленным изображениям специальные метки. Используя их, можно упроститьсортировку файлов с помощью команд меню View (Вид). Bridge предлага-ет два типа меток: рейтинговые и цветовые. Первые расположены в верх-ней части меню Label (Метка), вторые — в нижней. Рейтинг может изме-няться от 0 до 5, поэтому рейтинговые метки удобно использовать дляфайлов, отличающихся по степени какого-то свойства. Например, изобра-жениям низкого качества можно присвоить нулевой рейтинг, а качествен-ным — более высокий рейтинг. Впоследствии командой View • Sort • By Ra-ting (Вид • Сортировать • По рейтингу) файлы можно отсортировать повозрастанию качества. Цветовыми метками можно отмечать изображения,связанные неким признаком. Например, красным — кадры с дня рожде-ния, зеленым — с пикника и т. д.

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

• View (Вид). Способы отображения и сортировки файлов. Самыми важны-ми являются пункты, отвечающие за выбор режима отображения: As Thumb-nails (Миниатюры), As Filmstrip (Кадры пленки), As Details (Подробности)или As Versions and Alternates (Версии и альтернативы).

• Window (Окно). Способы отображения окна программы. В зависимостиот выбора, сделанного в подменю Windows • Workspace (Окно • Рабочая об-ласть), окно Adobe Bridge может содержать те или иные элементы в опре-деленной пропорции.

СОВЕТ

Если вы настроили окно Bridge наиболее удобным для вас способом (дляэтого служат команды меню View (Вид)), то можете сохранить эти настрой-ки командой Window • Workspace • Save Workspace (Окно • Рабочая об-ласть • Сохранить рабочую область).

Page 160: 009 Photoshop CS2

Глава 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).

Page 161: 009 Photoshop CS2

Adobe Bridge — обозреватель файлов

Мои рисунки

Soiree

Look in: i

j П Include All Subfolcters

L. П Find All Piles

Find

Cancel

Ш | 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 (Склеивание фотографий). С помощью этой функции из несколь-ких изображений можно создать одно панорамное.

Page 162: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

• Picture Package (Комплект страниц). На одной странице создается сразу не-сколько копий одного или более изображения.

• Web Photo Gallery (Интернет-галерея). Создание веб-галереи подробно описанов разд. 1.7.

Особо следует сказать о команде Tools • Batch Rename (Инструменты • Пакетноепереименование). Это очень удобный инструмент, позволяющий переименоватьсразу несколько выделенных файлов в соответствии с определенной системой (но-тацией). При выборе этого пункта вызывается окно пакетного переименования(рис. 1.121).

Dest'Bition FolderО Rename in sai0 Move toother folder®Copy toother folder

1 Browse,., I C:\DooimentsandSettings\no.nb3O8ai

New Filenames

:[Sequence Number щ [1

IText __ :.ч] [•

pate :Щ ! Today

Options

[ j Preserve current filename in XMP Metadata

Compatibility: ••-•!•••••',-••••• ПMac OS OUnix

[ Cancel

| One Digit

v MMCiDYYYY

Э S

Э S

E3 S

First selected filenameDSC0Q129JP6

First new filenameH34302005.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 (Новые имена файлов). Имя файла конструируется из несколь-ких частей в соответствии с правилами, указанными в группах полей-списков.Каждая группа состоит из двух-трех полей. Первое определяет тип части име-ни, второе и третье — формат записи этой части. В качестве типа можно ис-пользовать следующие параметры.

Page 163: 009 Photoshop CS2

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 (Совместимость) позволяет гарантировать, что созданноеимя будет правильно восприниматься в различных операционных системах: Win-dows, Mac OS и UNIX. Флажок Preserve current filename in XMP Metadata (Сохранитьимя файла в метаданных XMP) используется для внесения оригинального имени

Page 164: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photosru

файла в его метаданные типа ХМР (extensible Metadata Platform) Этот тип мета-данных используется в стандарте XML.

В Adobe Bridge, по сравнению с обозревателем файлов Photoshop CS значитель-но Доработан интерфейс программы. В частности, в меню File (Файл) естькоман"да New W,ndow (Новое окно), которая создает копию программы В новом окне

^ е н и й Т 1 т а к Т к Ь

а ; Р Г Ю " ^ ЭТ° УПР°С™Т Р З б ° Т У С « ™ и м и наборами изображении, так как файлы можно просто перетаскивать из одного окна в другое.

Если вы используете несколько окон Bridge, то имеет смысл отображать некото-рые из них в компактном виде (рис. 1.122). v***^ некото

*Э Samples Adobe Bridge

Samples

"J

Шуе2Э.О?.200...«

boors23.09.200... JS Today, 0:27:50

Dune DVDManu15.02.2005,... 16.IJ7.2UU3.... v

Рис. 1.122. Adobe Bridge в компактном режиме отображения

Й П Т Ч И Т Ь С Я В Э Г Т Р 6 Ж И М М 0 Ж Н° ° п о м ° Щ ь ю команды View • Compact Mode(Вид > Компактный режим) или нажав кнопку Switch to Compact Mode (Перейти

ж и м е Г е м Т х Г ^ ^ ' ^ ^ ^ ^ У Г Л У °КНа п Р 0 Г Р а ^ ы . В компактной реГГвать н а ™ У

н

П Р а В Л Т И Я П р а К Т И Ч е С К И «^утствуют. Меню программы можновызвать, нажав кнопку • в правом верхнем углу окна. Рядом с ней расположены

Ь Т Р а к — ы й (только заголовок окна'Тв полный

ко-коКроме того, Bridge позволяет показывать изображения в режиме слайд-uiov -манда View • Slide Show (Вид • Слайд-шоу). име слайд шоу

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

что

Page 165: 009 Photoshop CS2

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).

Page 166: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

ПИТЕР

Рис. 1.123. Изображение с помещенным на него управляемым объектом

\.а.

О. Si.

за at

Warp Options

Style- \fб**

Bend:

Distortion

Horleorita

Vertical:

S3 Flag

Horizontal

1:

и |"!"

v •

Q V e r t i c a l

- : O

- F i l l

...OK.... Cancel..

Рис. 1.124. Редактирование векторного объекта в Adobe Illustrator

Page 167: 009 Photoshop CS2

Smart Objects (Управляемые объекты)

Можно создать несколько копий слоя с управляемым объектом и разместить ко-пии в различных местах изображения. В этом случае редактирование в Illustratorотразится на всех экземплярах объекта. Если необходимо разорвать связь междуэкземплярами, выполните команду Layer • Smart Objects • New Smart Object via Copy(Слой • Управляемые объекты • Новый управляемый объект из копии).

l k

Рис. 1.125. Изображение Photoshop с автоматически измененным управляемым объектом

ВНИМАНИЕ

Помните о некоторых ограничениях в использовании управляемых объек-тов. В частности, из Illustrator не переносятся эффекты прозрачности.С другой стороны, нельзя применить к таким объектам часть инструмен-тов Photoshop (например, инструменты рисования и ретуши).

Вставить управляемый объект можно не только из Illustrator и не только с помо-щью буфера обмена. Есть следующие способы:

• перетащить объект из окна программы в окно Photoshop (работает только дляIllustrator и Acrobat);

• воспользоваться командой File • Place (Файл • Поместить);

• создать управляемый объект из слоя (или нескольких слоев) документа с по-мощью команды Layer • Smart Objects • Group into New Smart Object (Слой • Управ-ляемые объекты • Преобразовать в новый управляемый объект).

Page 168: 009 Photoshop CS2

Глава 1. Интерфейс программы и основы работы с Photoshop

Интересно, что команда File • Place (Файл • Поместить) дает возможность вста-вить одно изображение Photoshop в другое. Это может пригодиться, если вы запол-няете документ с одинаковыми элементами. Если используются управляемыеобъекты, то для изменения всех экземпляров достаточно отредактировать исход-ный объект.

Для преобразования слоя с управляемым объектом в обычное растровое изображениевыполните команду Layer • Rasterize • Smart Object (Слой • Растрировать • Управ-ляемый объект). Команда Layer • Smart Objects • Export Contents (Слой • Управляе-мые объекты • Экспортировать содержимое) сохраняет содержимое слоя с управ-ляемым объектом в отдельный файл формата TIFF.

Page 169: 009 Photoshop CS2

Глава 2'-•:шш£шш*^ т

Введение в графическийдизайн

• Основы • Пять наиболеераспространенныхошибок дизайнеров

.

Page 170: 009 Photoshop CS2

Глава 2. Введение в графический дизайн

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

Вы не станете дизайнером, только прочитав эту главу. Но мы надеемся, что вы пой-мете главное: если что-то сделано хорошо, оно сделано хорошо по объективнымпричинам, и уже другой вопрос, благодаря чему пришел к этому создатель рабо-ты — своему таланту или теоретическим знаниям.

Мы хотим, чтобы читатель понял: стать дизайнером можно и не имея художе-ственного таланта. Но для этого нужно четко понимать правила, по которым чело-век определяет «что такое хорошо и что такое плохо».

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

Но это всего лишь упрощенный взгляд на дизайн. Если вам это покажется инте-ресным, существует немало хороших книг, которые гораздо лучше, чем эта, смогутответить на самый главный вопрос дизайна — «как сделать красиво».

РазмерЧто такое размер, нам всем в той или иной степени хорошо понятно — в школьныегоды геометрия давала нам конкретное определение. Однако для человеческоговосприятия размер не является точным математически выраженным понятием.Если мы узнаем, что, например, высота эвкалипта близка к 100 метрам, то это малочто нам скажет. Но если посчитать, что это высота 30-этажного дома, то можновполне четко представить такое дерево.

Таким образом, размер — понятие относительное. Мы воспринимаем его не как20 см, 3 м, 5 км, а как «миниатюрный», «средний», «большой», «огромный», «ко-лоссальный». Все основано на ощущениях, которые испытывает человек, а чело-веческое восприятие очень гибко. Когда мы рассматриваем миниатюру на брошке,наши понятия о большом и маленьком совсем другие, чем когда мы смотрим на огром-ную картину.

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

Page 171: 009 Photoshop CS2

Основы

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

ПРИМЕЧАНИЕ

Обратить внимание на какой-то объект в композиции можно не толькосделав его размер больше, чем другие, но и наоборот: привлечь вниманиезрителя к небольшой детали, резко контрастирующей с крупными деталя-ми. В этом случае именно она будет восприниматься как главная инфор-мация, а все остальное — как фон. Этот эффект показан на рис. 2.1, гдемы обратили внимание зрителей на одну из цифр.

Рис. 2 . 1 . Выделить объект в композиции можно не только крупными размерами,но и наоборот

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

Форма и размерВосприятие размера зависит от формы объекта. Это связано с особенностью вос-приятия интерференции света человеческим зрением. На практике в основном при-ходится сталкиваться с тем, что объекты, имеющие сложное, в особенности фрак-тальное строение, тяжело оцениваются с точки зрения размеров. Конечно, еслиони относительно велики и их детали сопоставимы с габаритами других объектовв композиции, такой проблемы не возникает. Но чаще мелкие детали сложнойформы вообще не воспринимаются как часть объекта, влияющая на его размер(рис. 2.2).

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

Page 172: 009 Photoshop CS2

Глава 2. Введение в графический дизайн

Рис. 2.2. Лучи в этой фигуре не воспринимаются как границы объекта

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

i

•На

Рис. 2.3. Размещение круглого и квадратного объекта: а — на марке; б — на монете

Как мы видим по этому рисунку, для марки более компактной фигурой являетсяквадрат, для монеты — круг.

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

На практике это свойство используется следующим образом. Скажем, существуетзадача: нарисовать логотип компании с условным названием «AGGW» для исполь-зования на визитках. Если вы хотите подчеркнуть важность этого элемента на кар-точке, привлечь к нему внимание, то стоит остановиться на компактной форме лого-типа (рис. 2.4, а). Если же логотип не должен отвлекать на себя внимание и призван

Page 173: 009 Photoshop CS2

Основы

скорее играть роль фона, то ваш выбор — рис. 2.4, б. И это, обратите внимание, приравных размерах элемента на визитке.

A G G W

а б

Рис. 2.4. Форма логотипа: а — компактная; б — некомпактная

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

На рис. 2.5 изображены два квадрата совершенно одинакового геометрическогоразмера. Но, несмотря на это, квадрат, у которого полосы идут поперек, выглядитзначительно «тяжелее», крупнее по отношению к горизонтальной плоскости. А тот,на котором полосы горизонтальные, выглядит выше.

Рис. 2.5. Светлые предметы кажутся больше: направление светлых линий способно создатьиллюзию удлинения в сторону их направленности

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

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

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

Таким образом, текстура может также сыграть как положительную, так и отрица-тельную (при неправильном ее подборе) роль в отображении объекта. Отнеситеськ этому очень внимательно, чтобы подобное не случилось с вами.

Page 174: 009 Photoshop CS2

Глава 2. Введение в графический дизайн

Рис. 2.6. Эффекты, основанные на чередовании белых и черных радиальных полос:а — удаление; б — приближение

Цвет и размер

Это самая сложная для нас часть раздела, посвященного размеру. Дело все в томже — в относительности его восприятия. Зачастую мы склонны относить к болеекрупным объектам те, которые выделяются среди остальных, хотя объективных(то есть основанных на особенностях зрения) причин для этого нет.

Итак, первое и главное свойство: светлые объекты на темном фоне выглядят круп-нее, чем темные на светлом (рис. 2.7).

Рис. 2.7. Светлые объекты на темном фоне выглядят крупнее, чем темные на светлом

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

На рис. 2.8 мы на 2 % увеличили радиус темного круга — иначе логотип не выгля-дел бы таким, каким был задуман.

Рис. 2.8. В этой работе диаметр черного круга на 2 % больше, чем диаметр белого, чтобыкруги выглядели одинаковыми

Page 175: 009 Photoshop CS2

Основы

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

ЦветМы живем в цветном мире. Каждый день, даже не выходя из дома, человек видитогромное число оттенков. Мы привыкли к этому и не задумываемся ни о природецвета, ни о том, какое влияние цвет оказывает на нас и на наше поведение. Хотя,может быть, это не совсем верно: любая женщина точно знает, для какого случаянеобходимо ярко-красное платье, а для какого подойдет'и серый костюм.

Мы живем в плену цветов. Наши мысли, наши эмоции — все имеет свой цвет. До-статочно вспомнить такие выражения, как «черные мысли», «зеленая тоска»,«оранжевое настроение», чтобы понять: психологическое восприятие предметасвязано с его окраской, причем достаточно жестко.

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

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

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

ВНИМАНИЕ

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

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

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

Page 176: 009 Photoshop CS2

Глава 2. Введение в графический дизайн

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

Система HSV разлагается на три компонента.

• Оттенок (Hue) — это непосредственно информация о цвете. Это сложно объяс-нить популярным языком, поэтому доверьтесь своей интуиции.

• Насыщенность (Saturation) — цвета, как вы знаете из обычной жизни, быва-ют более или менее насыщенными. На бытовом языке более насыщенный цветназывают более сочным.

• Яркость (Value) — как легко догадаться, более яркий цвет воспринимаетсякак более светлый.

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

Попробуем охарактеризовать основные цвета.

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

Желтый

Зеленый

Фиолетовый

Синий

Рис. 2.9. Цветовой круг, который показывает нам разделение цветов на теплые и холодные

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

Page 177: 009 Photoshop CS2

Основы

Чистый красный цвет — это цвет тревоги и возбуждения, однако его оттенки (ко-ричневый, тепло-серый) действуют успокаивающе. Красный привлекает к себевнимание (не случайно почти все предупреждающие надписи сделаны либо на крас-ном фоне, либо красными буквами).

Этот цвет часто применяется в компьютерной графике, однако с ним нужно бытьочень осторожными, чтобы не переусердствовать.

Красный цвет подходит:

• для подчеркивания агрессивности, активности. Например, лучшие спортив-ные машины, в частности Ferrari, выпускаются в основном красными;

• для выражения страсти, сексуального желания. Это хорошо подтверждаетсятем, что в обстановке ночных клубов с эротической программой очень многокрасного;

• для выражения жестокости (красный — цвет крови);

• для подчеркивания роскоши, богатства (особенно в сочетании с черным).

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

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

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

Оранжевый можно использовать, если вы хотите подчеркнуть:

• современность. Многие компании, которые выбирают основной чертой свое-го брэнда современность, выбирают оранжевый в качестве «фирменного» цве-та. Особенно распространено это среди операторов сотовой связи;

• динамичность;

• оптимизм. Для создания яркого плаката оранжевый фон — банальный, но прак-тически идеальный вариант.

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

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

Page 178: 009 Photoshop CS2

Глава 2. Введение в графический дизайн

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

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

Итак, фиолетовый цвет подходит:

• для создания мистического настроения;

• для подчеркивания загадочности.

Синий

Синий цвет относится к холодной группе, находится в самом низу цветового кру-га. Он успокаивает, порой навевая меланхоличное настроение.

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

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

Используйте синий цвет, чтобы подчеркнуть следующее:

• покой;

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

• устойчивость.

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

Зеленый оказывает успокаивающее воздействие, понижает давление, нормализу-ет кровообращение. Это самый природный и самый «живой» цвет. Именно в этоми состоит его основное назначение в дизайне — передавать связь объекта с приро-дой. В общем-то, если смотреть на логотипы, зеленый в основном встречаетсялибо у компаний, добывающих природные ресурсы, либо у экологических орга-низаций.

Page 179: 009 Photoshop CS2

Основы

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

Кроме того, зеленый цвет — цвет загадочный и мистический.

Зеленый подходит для передачи:

• жизни во всех ее биологических проявлениях;

• связи с природой;

• загадочности.

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

Главные цвета: черный и белыйВы, наверное, заметили, что мы рассмотрели основные цвета, но совсем не затро-нули два особых цвета, которые в цветовом круге присутствуют везде, и в то жевремя их нигде не видно, — это черный и белый.

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

Белый — очень радостный цвет. Благодаря ассоциации с прозрачным воздухомвызывает чувство легкости, свободы и невесомости. Ускоряет пульсацию и расши-ряет зрачки. Белый довольно часто употребляется в создании фона. Сам по себебелый цвет не несет никакой информации, а со всеми остальными цветами доволь-но хорошо компонуется, создавая более светлые тона. Этот цвет относят к цветуневинности и чистоты.

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

Однако кое-какие закономерности найти можно. Итак, первый и наиболее простойпринцип — выбор близких оттенков. Точно так же, как одежда подбирается «в тон»,могут быть подобраны и цвета для веб-сайта.

Page 180: 009 Photoshop CS2

Глава 2. Введение в графический дизайн

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

Посмотрите на рис. 2.10.

Желтый

Красный Зеленый

Фиолетовый Голубой

Синий

Рис. 2.10. Отношение цветов в цветовом круге

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

• Цвета, которые находятся друг напротив друга, считаются малосовместимы-ми. Единственное исключение — синий неплохо смотрится в паре с желтым.

• Лучший выбор — цвета через один, те, которые на рис. 2.10 связаны прямымилиниями. Они отлично сочетаются в большинстве своих оттенков, главное,чтобы не было большого контраста в яркости.

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

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

ФормаФорма — это наиболее важная часть любого объекта. Мы можем опустить инфор-мацию о цвете, текстуре, размере, но помнить о форме придется всегда. Любая

Page 181: 009 Photoshop CS2

Основы

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

Дать определение слову «форма» достаточно сложно. Если немного утрировать, тоэто комплекс всех геометрических отношений объекта. Всего существует огром-ное количество форм, поэтому классифицировать их можно только по строению.

• Многоугольные. Такие фигуры построены из прямых линий. К ним относят-ся как привычные для нас прямая, треугольник, квадрат, звезда, так и болеесложные фигуры (рис. 2.11, а).

• Криволинейные. Это фигуры, основанные на сглаженных линиях (рис. 2.11, б).К ним относятся также круг, овал, дуга и некоторые другие.

• Аморфные. Это нечеткие сложные формы (рис. 2.11, в). Аморфные фигурыочень близки к текстурам, так что временами их сложно дифференцировать.

а б в

Рис. 2 . 1 1 . Три типа фигур: а — многоугольные; б — криволинейные; в — аморфные

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

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

У линии существуют две основные функции: разделение и соединение другихобъектов.

Разделение — классический способ использования линий, который процветали процветает в оформлении книг. В дизайне он также весьма активно использует-ся (рис. 2.12).

Page 182: 009 Photoshop CS2

Глава 2. Введение в графический дизайн

БЕЛОЕ ЧЕРНОЕ

Рис. 2.12. Использование линии для разделения

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

ПРИМЕЧАНИЕ

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

Соединительная функция линий куда интереснее. Можно сказать, что это однаиз наиболее ярких и распространенных черт современного дизайна. Линии в этомслучае выполняют важную функцию взаимодействия между блоками информа-ции или графическими компонентами (рис. 2.13).

Причина

Следствие

Рис. 2.13. Соединительная функция линий

Линия — это своего рода «палочка-выручалочка», которая в любой момент готоваприйти на помощь. Это самый простой способ внести в композицию две черты,которые должны всегда присутствовать в работах хорошего специалиста: единствои динамичность.

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

Page 183: 009 Photoshop CS2

Основы

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

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

Самое главное при работе с прямоугольниками — правильно подобрать пропор-ции. Не очень хорошим вариантом считаются фигуры, приближающиеся к квад-рату: такое решение будет старомодным из-за своей симметричности. Но и чересчурвытянутый прямоугольник также плох: из-за «приземленное™», если доминиру-ет горизонтальная плоскость, или неустойчивости в случае доминирования верти-кальной.

С древности известно наилучшее соотношение сторон прямоугольника, котороеназывается золотым сечением. Это соотношение равно 0,618. Конечно, это не вы-ход из любого положения, но иметь его в виду все же стоит — недаром на золотомсечении основана вся классическая архитектура.

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

Треугольник может неплохо смотреться, скажем, в основе логотипа (рис. 2.14).

TRANSPARENCY

Рис. 2.14. Пример логотипа на основе треугольника

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

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

Page 184: 009 Photoshop CS2

Глава 2. Введение в графический дизайн

его в качестве элемента, направляющего внимание зрителей. Например, на рис. 2.15мы сфокусировали значение слов на содержимом условного сайта idea.com.

ОПТИМИЗМ

уверенногопрофессионализм

. c o m

уепехРис. 2.15. Фоновый треугольник в этом примере играет роль указательной стрелки

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

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

В современном дизайне от почтения этой фигуры не осталось и следа. Круг слиш-ком контрастирует с прямоугольной формой страниц и экрана монитора.

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

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

Page 185: 009 Photoshop CS2

Основы

PUBLISHING MOUSE

ИздательствоНовинкиКнигиГотовятся

АвторамПартнеры

РекламаОтзывы

Рис. 2.16. Веб-страница, построенная на основе окружности

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

Единственное, в чем круг проявляет себя в полной мере до сих пор, это дизайн ло-готипов. Наверное, половина всех фирменных символов имеет в своей основе круг.Хотя, за редким исключением, эти работы не отличаются оригинальностью ни в за-мысле, ни в исполнении. Самый распространенный пример — имитация буквы «О»с помощью окружности (рис. 2.17).

Рис. 2.17. Имитация буквы «О» с помощью круга — пример неудачного использования этойфигуры в дизайне

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

Page 186: 009 Photoshop CS2

Глава 2. Введение в графический дизайн

КривыеКривая — это линия, имеющая несколько разных уровней кривизны (в математи-ческих терминах это называется кривой второго уровня) (рис. 2.18).

Рис. 2.18. Фигура, построенная из кривых второго уровня

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

Отсутствие формыКонечно, говорить об отсутствии формы не совсем корректно — форма есть все-гда. Но когда ее сложность превышает возможности анализа, то вполне допусти-мо называть подобный объект бесформенным.

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

Бесформенность можно использовать, когда нужно подчеркнуть:

независимость;

ультрасовременность;

Page 187: 009 Photoshop CS2

Основы

модность;

протест;

нестандартность.

WL

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

Рис. 2.19. Бесформенность контуров может сделать надпись очень интересной

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

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

Итак, шрифты бывают трех основных типов:

• с засечками (рис. 2.20, а);

• рубленые (рис. 2.20, б);

ш свободного стиля (рис. 2.20, в).

DesignDesign

Design6

Рис. 2.20. Три типа шрифтов: а — с засечками; б — рубленый; в — свободного стиля

Page 188: 009 Photoshop CS2

Глава 2. Введение в графический дизайн

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

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

КегльДостаточно сложным является выбор размера надписей. Первое, что может прий-ти в голову: если какая-то надпись больше, то и внимание к ней со стороны зрите-лей также будет повышенным. Но это не совсем так (рис. 2.21).

ВРЕМЯДостаточно сложным является выбор размеранадписей. Первое, что может придти в голову - есликакая-то надпись больше, то и внимание к ней состороны зрителей также будет повышенным. Ноэто не совсем так.писать

Рис. 2 . 2 1 . Слишком крупный текст теряет для зрителя информативную функцию и начинаетвосприниматься как элемент дизайна

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

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

Page 189: 009 Photoshop CS2

Основы

ЦветВ принципе, все правила, о которых мы говорили в разделе, посвященном цвето-вому дизайну, действительны и для текста. Добавить стоит только одну мысль:если вы хотите выделить часть букв в рамках одного слова или выделить одно сло-во в рамках предложения, пользуйтесь либо цветом, либо гарнитурой. Сочетаниеэтих приемов приводит к удивительно пошлым результатам (рис. 2.22).

P H O T O S H O P PHOTOSHOP

PHOTOSHOPРис. 2.22. Двойное выделение фрагмента (гарнитурой и цветом) — плохой прием

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

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

Рис. 2.23. Различное расположение объектов в композиции способно вызыватьпротивоположные ощущения: а — стабильность; б — дискомфорт

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

В основе композиции, если несколько утрировать, лежат два понятия: единствои контраст.

Page 190: 009 Photoshop CS2

Глава 2. Введение в графический дизайн

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

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

ПРИМЕЧАНИЕ

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

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

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

Равновесие бывает двух основных типов: формальное и неформальное.

Формальное равновесие подразумевает симметрию вокруг оптического центракомпозиции (рис. 2.24).

Рис. 2.24. Формальное равновесие чаще всего достигается симметрией

Page 191: 009 Photoshop CS2

Основы

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

Формальное равновесие может отлично подчеркнуть такие качества, как:

• консерватизм;

• постоянство;

• устойчивость;

• достоинство.

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

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

В этой главе мы поговорим о дизайне. Не об умении рисовать или составлять||,j композиции, для этого достаточно таланта и вкуса. И тем более мы не коснемся

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

; сформированными правилами и аксиомами, заблуждениями поколений-цщИ и р г и откровением единиц.

Вы не станете дизайнером, только прочитав эту главу. Но мы надеемся, что выпоймете главное: если что-то сделано хорошо, оно сделано хорошопо ОБЪЕКТИВНЫМ причинам, и уже другой вопрос, благодаря чему пришелк этому создатель работы — своему таланту или теоретическим знаниям.Мы хотим, чтобы читатель понял: стать дизайнером можно и не имеяхудожественного таланта. Но для этого нужно четко понимать определенныеправила, по которым человек определяет «что такое хорошо и что такое плохо».

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

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

Рис. 2.25. Крупный текстовый блок очень легко уравновешивается гораздо меньшейпо размерам, но цельной фигурой

Page 192: 009 Photoshop CS2

t uГлава 2. Введение в графический дизайн

ВНИМАНИЕ

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

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

COLOMNSк,Рис. 2.26. Пример использования ритма в дизайне логотипа

ПРИМЕЧАНИЕ

В стремлении достигнуть определенного ритма (ведь он сильно влияетна общий «настрой» работы) старайтесь все же избегать самого простогорешения — явной симметрии.

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

С одной стороны, контраст — это антипод единства. Он не добивается цельностив композиции, наоборот, цель контраста заключается в подчеркивании отличиймежду объектами. Но не стоит противопоставлять эти два понятия и думать, чтоони несовместимы. Именно «золотая середина» между контрастом и единством —это то, к чему нужно стремиться.

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

• Размер. Один из лучших приемов достижения контраста — разница в разме-рах между одинаковыми геометрическими фигурами. Но следует помнить:если эта разница недостаточно большая, то зритель может воспринять ее не какрешение дизайнера, а как его ошибку (рис. 2.27).

Page 193: 009 Photoshop CS2

Основы

Рис. 2.27. Контраст: а — недостаточная разница в размерах между фигурамивоспринимается как ошибка; б — и только ее увеличение способно исправитьситуацию

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

а

Рис. 2.28. Контраст: а — криволинейные и прямолинейные фигуры контрастируютслишком грубо; б — разница же между формами одного типа выражена недостаточносильно

• Цвет. Полного контраста достигнуть с помощью разницы в цвете не получит-ся. Однако в качестве дополнения, «второго голоса», это просто отличный ва-риант.

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

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

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

Page 194: 009 Photoshop CS2

Глава 2. Введение в графический дизайн

2.2. Пять наиболее распространенныхошибок дизайнеров

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

Чрезмерное усложнениеЭто самая главная ошибка, которая встречается невероятно часто и влечет за со-бой множество других. Проблема проистекает из того, что молодые дизайнеры(можно ли их уже называть этим гордым именем?) очень боятся, что зрители неувидят того, что они хорошо владеют, скажем, Photoshop или CorelDRAW. Поэто-му и появляются сайты, в которых все кнопки — это GIF-анимация, элементы ин-терфейса непременно имитируют объем, а цвета текстовых блоков очень ярки.Идеальный вариант для таких страничек — желтый на голубом! Мы даже не ста-нем приводить примеры подобных работ — всем известны сайты с narod.ru илиboom.ru, и не стоит выделять какой-нибудь из них в качестве особо «выдающе-гося».

Аналогичные примеры можно встретить и среди «печатников». Разве вы не виде-ли рекламные плакаты, в которых из-за давления цветов, объектов, эффектов про-сто невозможно уловить, что эта работа хочет донести, какой товар продать.

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

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

Если вы станете дизайнером, нужно всегда помнить: все, что делается, должно по-нравиться зрителям. Если это ультрасовременная работа на конкурс, то упроще-ние до минимума может даже помочь. Но для плаката, рекламирующего карамельки,подобное решение станет пустой тратой денег заказчика и собственного времени.Ведь большинство людей, особенно те, кого принято называть «потребителями»,любят вовсе не «Черный квадрат» Малевича, а Шишкина, Васнецова и Валеджи.Поэтому и дизайн для них должен быть, как говорится, «без особых претензий»(что никак не мешает ему быть хорошим и даже талантливым).

Однако не стоит путать с упрощением академический стиль в веб-дизайне. Этостиль, в котором были выполнены первые сайты в Сети, основанный на парамет-

Page 195: 009 Photoshop CS2

Пять наиболее распространенных ошибок дизайнеров

pax по умолчанию в HTML-верстке. Этим стилем вы подчеркиваете, что для дан-ной страницы дизайн не имеет никакого значении, так как главное — содержание.В частности, в академическом стиле выполнена самая большая и старая сетеваябиблиотека Рунета — http://www.lib.ru.

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

• Стиль рекламных плакатов Маяковского. Маяковский для русских дизайне-ров, конечно, отец родной — ведь именно он практически создал стиль совре-менного рекламного плаката, а введенные им тезисы доминировали в течениемногих десятилетий. Но сегодня такая стилизация уже является признакомдурного вкуса. Слишком много мы видели подобных работ, чтобы еще однастала оригинальной.

• Стиль советского агитационного плаката. Авторы не знают, как к подобнымвещам относятся читатели, но нам плакат, известный как «Родина-мать зо-вет!», грубо переделанный под рекламу куриных окорочков, откровенно ненравится. С одной стороны это неуважение к общечеловеческим ценностям,с другой — откровенная пошлость. Самое интересное, что к имитации такогодизайна прибегают и крупные фирмы, которые могли бы себе позволить и бо-лее профессиональных специалистов (рис. 2.29).

Рис. 2.29. Пример использования стиля советской рекламы

Американский патриотический стиль. В начале 1990-х годов проявления это-го стиля — текстуры в виде американского флага, силуэты Статуи Свободы,Манхэттена и некоторые другие символы — встречались на каждом углу. И на-били оскомину почти всем. Избегайте этого стиля, если вы работаете для русско-язычного рынка (кстати, в Европе американская символика вызывает не мень-шее раздражение).

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

Page 196: 009 Photoshop CS2

Глава 2. Введение в графический дизайн

Это, конечно, совсем не запрещенный пример, но результатов его удачного ис-пользования совсем мало. А неудачного — сколько хотите. Вот какой примерприводит известный российский дизайнер Артемий Лебедев на своем сайте http://www.tema.ru (рис. 2.30).

а

Рис. 2.30. Изменение порядка следования слов приводит к тому, что нужный текст можнопрочитать, только приложив к этому усилия (пример взят с http://www.tema.ru)

Во многом этот пример возвращает нас к первой ошибке: не бойтесь простоты,и подобных «недоразумений» удастся избежать.

Неоригинальность приемовЕсть несколько приемов, которые дизайнеры используют слишком часто. Самыйяркий пример — поиск аналогий между словами (рис. 2.31).

Page 197: 009 Photoshop CS2

Пять наиболее распространенных ошибок дизайнеров

урок!Рис. 2 . 3 1 . Поиск вхождений одних слов в других — прием, который используется слишкомчасто

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

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

Page 198: 009 Photoshop CS2

Текстовые эффекты

•G•••

а

Надпись огнемПишем льдомПишем кровьюНадпись из водыБолотный текстЛазерная надписьБуквы под снегомЖелезные буквыХромированныебуквыЗолотые буквы

•••

•••

Надпись из ртутиЭффект X-FilesКаменные буквыТрехмерный текстВзрывающиесябуквыПиксельный текстТекст из сыраТекст «высокогонапряжения»

Page 199: 009 Photoshop CS2

Надпись огнем

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 (Нормальная).

Page 200: 009 Photoshop CS2

Глава 3. Текстовые эффекты

the Rightthe 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 (Диффузия)

Page 201: 009 Photoshop CS2

Пишем льдом

Сейчас вам следует немного оживить пламя, придать ему движение. Для этого вос-пользуйтесь фильтром 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). Шрифт лучше выбрать массивный, полужирного на-чертания. Отредактируйте текст, подберите для него подходящее место (внизудолжно остаться расстояние для сосулек).

Page 202: 009 Photoshop CS2

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 показан результат, который должен получиться после выполненияописанных действий. На нем хорошо видны те неровности поверхности, ради ко-торых применялись два последних фильтра.

Page 203: 009 Photoshop CS2

Пишем льдом

Рис. 3 . 1 1 . Надпись после кристаллизации и добавления шума

Смягчим эффект, полученный при кристаллизации и добавлении шума. Это мож-но сделать, например, с помощью фильтра Gaussian Blur (Размытие по Гауссу): Filter •Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу) (рис. 3.12). Слиш-ком сильно размывать не стоит — мы потеряем неровности. Лучше всего взять зна-чение радиуса размытия около 2.

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

1. Более простой, но менее эффектный способ. Выполните команду: Filter •Blur • Blur (Фильтр • Размытие • Размытие). Теперь необходимо склеить слой,на котором находится надпись, со слоем фона: Layer • Merge Down (Слой • Объ-единить с предыдущим) либо Ctrl+E. Затем следует инвертировать изображение(для этого и понадобилось слияние слоев, так как последующие преобразова-ния будут касаться не только текста, но и фона). Выполните команду Ima-ge • Adjustments • Invert (Изображение • Настройки • Инвертировать) либопросто нажмите сочетание клавиш Ctrl+I.

2. Способ более кропотливый, но зато предоставляющий больше возможнос-тей. Выберите команду Image • Adjustments • Curves (Изображение • Настрой-ки • Кривые) или нажмите сочетание клавиш Ctrl+M. Попытайтесь нарисоватькривую, похожую на ту, которая изображена на рис. 3.13.

Gaussian Blur

Рис. 3.12. Диалоговое окно фильтраGaussian Blur (Размытие по Гауссу)

Рис. 3.13. Кривая, примененная в примере

Page 204: 009 Photoshop CS2

Глава 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 (Ветер)

Page 205: 009 Photoshop CS2

Пишем льдом

Теперь перевернем холст в исходное положение командой Image • Rotate Can-vas • 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. Надпись из льда <^)

Page 206: 009 Photoshop CS2

ГУ 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° против часовой стрелки).

Page 207: 009 Photoshop CS2

Пишем кровью

Теперь наша задача в том, чтобы превратить эти свисающие тонкие полосы в сте-кающую с надписи кровь. Сделать это очень просто.

Сначала воспользуемся фильтром Stamp (Линогравюра): Filter • Sketch • Stamp(Фильтр • Эскиз • Линогравюра) (рис. 3.21). Значение параметра Balance Light/Dark (Баланс света и тени) лучше установить равным 5-6, в зависимости от разме-ров и формы вашего изображения.

Если ваш результат не похож на рис. 3.22, значит, некоторые параметры фильтраStamp (Линогравюра) были выставлены неправильно. Они чаще всего индивиду-альны для каждой картинки и зависят от размера, разрешения, степени примене-ния фильтра Wind (Ветер). В таком случае нажмите Ctrl+Z или выполните командуEdit • Undo (Редактирование • Отмена), чтобы отменить действие фильтра Stamp(Линогравюра), и попробуйте настроить параметры фильтра должным образом.

1 . R

j StampLight/Dark Balance

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.

Page 208: 009 Photoshop CS2

Глава 3. Текстовые эффекты

Color Range

,\ ©Selection О Image

Selection Previews i None

Рис. 3.23. Выделяем надпись с помощьюColor Range (Цветовой диапазон)

Рис. 3.24. Кровавая надпись послеокрашивания

На этом пример практически выполнен. Осталась простая, но интересная часть —придание кровавой надписи объемности. У нас для этого есть минимум четыреварианта решений. Лучше всего воспользоваться слоевыми эффектами — хотя быпотому, что при этом мы сохраним возможность редактировать настройки объемас помощью палитры Layers (Слои) в любой момент.

Запустите эффект Bevel and Emboss (Скос и рельеф): Layer • Layer Style • Bevel andEmboss (Слой • Стиль слоя • Скос и рельеф) и примените его с настройками, по-казанными на рис. 3.25.

Styles;Blending Options]£3 Drop Shadowfj Inner Shadow[3 Outer GlowQ Inner Glow :61 Bevel лш! t m b i i i i

• Satin

f J Color Overlay

О Gradient Overlay

Q Pittern Ovsrljy .

i p stroke дй ••''•;:•-••:

Sevsl and Emboss •••••••*-•

- Structures -

Style! i lrajet Be_

Technique: ;Smooth

Direction: © U p

Siaa: О

Sofl tn: !"}

i8 tpx

fo |px

Ё Preview

Angle]

• • : '

A l t i t u d e ]

G l o s s C o n t o u r !

H i g h l i g h t M o d e l

O p a c i t y !

S h a d o w M o d e l

O p a c i t y ]

x — ^ f i i s ^

• J D U M S ° b » l L i g h t

K ^ / n ] »

Ц ]•s^«n Г 1 1;••• : й ••••• u£Zi*Mdtipl» " * П Н

- ; ; ; - J L « L : J * j

Рис. 3.25. Настройки Bevel and Emboss (Скос и рельеф)

Page 209: 009 Photoshop CS2

Пишем кровью

В принципе, эффект уже сейчас можно считать законченным. Однако для прида-ния надписи еще большей аутентичности мы рекомендуем пройти еще один шаг,который одновременно придаст работе особую атмосферу и усилит объемность.Речь идет об использовании фильтра Lighting Effects (Эффекты света): Filter • Ren-der • Lighting Effects (Фильтр • Освещение • Эффекты света) с настройками, по-казанными на рис. 3.26.

Lighting Effects

Style; iDelau , OK f

CancelLight type: I Spotlight

Negative 2.1 FullIntensity:

Focus HSOSt 24

• Properties: .....—:...:.

6 loss:

Wide

Matte Shiny

Material: £ ! * * ft Metallic

"Exposure- Untfe' £ 0v«

'Ambience: Positive

• Textute Channel; IRed И Г " '""*

sNghFlat 50 Mounta'tnous

Рис. 3.26. Настройки фильтра Lighting Effects (Эффекты света)

Обязательно обратите внимание на важную настройку, которую легко пропустить.В качестве значения параметра Texture Channel (Канал текстуры) нужно обязатель-но выбрать Red (Красный).

На этом эффект полностью готов. Можно еще немного размыть результат с помо-щью фильтра Gaussian Blur (Размытие по Гауссу), но это совсем не обязательно.Итоговое изображение показано на рис. 3.27.

Рис. 3.27. Кровавая надпись

Page 210: 009 Photoshop CS2

Глава 3. Текстовые эффекть

3.4. Надпись из воды

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

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

Для начала создайте исходное изображение средних размеров в цветовом ре-жиме RGB. Убедившись, что цвета выставлены по умолчанию (D), применитек нему фильтр Clouds (Облака): Filter • Render • Clouds (Фильтр • Освещение • Об-лака), который добавит относительно случайным образом формируемую тексту-ру, которая в авторском варианте показана на рис. 3.28.

Затем примените фильтр Chrome (Хром): Filter • Sketch • Chrome (Фильтр • Эс-киз • Хром) с настройками, показанными на рис. 3.29.

I I

ушIllHIЯР

. Ш« : : КЙ Ж~;Ш•

l l l l l l l l l

l l l j l l

Рис. 3.28. Результат применения Рис. 3.29. Настройки фильтра Chromeфильтра Clouds (Облака) ( X D O M )

Результат уже будет напоминать воду, только сымитированную в оттенках серого(рис. 3.30, а). Окрасим ее в голубой цвет. Для этого в Photoshop есть целый рядинструментов, на этот раз мы воспользуемся цветокорректирующим средствомColor Balance (Цветовой баланс), которое можно запустить сочетанием клавишCtrl+BCtrl+B.

Введите в открывшемся диалоговом окне в поля Color Levels (Цветовые уровни)значения -67, 26 и 74. Заготовка окрасится в естественные для воды оттенки.

В принципе, даже этот этап работы можно считать окончанием подготовки тексту-ры воды, так как она уже вполне аутентичная (рис. 3.30, б). Но мы попробуем сде-лать ее еще более привлекательной.

Page 211: 009 Photoshop CS2

!

Надпись из воды

Создайте новый слой (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.

Page 212: 009 Photoshop CS2

Рис. 3 . 3 1 . Заготовка для текста

Глава 3. Текстовые эффекты

| ungl.. ( - ) 110 _ j« QU«

Quality]Anil-sli«ed

; ! • Nbis«: 4 ••• ] n i$b

it Drop Shadow

Рис. 3.32. Настройки Drop Shadow (Внешняятень) для первого слоя надписи

Не закрывая диалоговое окно, переключитесь на эффект Inner Shadow (Внутрен-няя тень) и повторите настройки, которые можно видеть на рис. 3.33.

Параметры для третьего необходимого эффекта Bevel and Emboss (Скос и рельеф)представлены на рис. 3.34.

Inner- Shadow;*"*• Structure :---' :

| Blend Model j Multiply

!• •• £ngie; !

Choke: ^

Quality :

8 IF"-

if»

Contour: | ;ii

: Bovef *ai Embot\ . «rurtni-e

: llnnerBeuei: [s: ,

Diratllon: ©Up ODown

SJ3«! j

I Technique: [SmoothDepth: J

Рис. 3.33. Настройки Inner Shadow Рис. 3.34. Настройки Bevel and Emboss(Внутренняя тень) для первого слоя надписи (Скос и рельеф) для первого слоя надписи

Отключив отображение остальных слоев и отрисовав этот слой, убедитесь, что онпохож на рис. 3.35.

Page 213: 009 Photoshop CS2

Надпись из воды

Затем переключитесь на второй слой и примените к нему эффект Bevel and Emboss(Скос и рельеф): Layer • Layer Style • Bevel and Emboss (Слой • Стиль слоя • Скоси рельеф) с настройками, показанными на рис. 3.36.

{ • Bevel and Enebes* •?• :

" \ ';—• Structure

\ • " Styt*!':j Inner Bevel

Technique! • 1 Smooth

ЩDirtction: (*) Up

£iz«i "^3

Sogtem .Shading * •

АП91»:

Altitude:

Сйои Contour!

HighSght Modal [screen_Speciti't

Shadow Mode: j Multiply

и и global Light

[^

Рис. 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. Неплохо вышло, правда?

Page 214: 009 Photoshop CS2

Глава 3. Текстовые эффекты

Hue/Saturation

йие; .

Saturation:

Lightness:

0 Preview

РИС. 3.38. Настройки Hue/Saturation (Тон/Насыщенность)

Hard Light Щ Opici ly: ; 50% i§

Lock. J j •$> 3 HI 1TO» >

•• • -i. a

веянiiiisl

Рис. 3.39. Настройки для второго Рис. 3.40. Надпись из воды <слоя надписи в палитре Layers (Слои)

3.5. Болотный текст

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

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

Итак, создаем новый файл и заливаем его зеленой краской. Лучше взять темно-зеленый цвет, чем салатный — эффектней будет результат.

Для начала добавьте шум на исходное изображение. Сделать это можно с помощьюфильтра Add Noise (Добавить шум): Filter * Noise > Add Noise (Фильтр • Шум • До-бавить шум). Настройки фильтра приведены на рис. 3.41.

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

Page 215: 009 Photoshop CS2

Болотный текст

Рис. 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.

Page 216: 009 Photoshop CS2

Глава З. Текстовые эффекты

Рис. 3.43. Настройки фильтра Wind (Ветер)

: Intensity: ««fl*i™ ••; 29 A M| Focus: "*""* ' 10° ^, Properties: -; Gloss: Matte 25 Shiny| Material:j Exposure:i Ambience: ,

Plastio 34 Metalic

"** ''; ; - ? Qvec

0 Preview •9-

Texture Channel:, i Alpha 1E3 While is highHeight: EM. _ _ 50 Mountanous

Рис. 3.44. Настройки фильтра Lighting Effects (Эффекты света)

Обратите внимание на самый главный параметр: в качестве Texture Channel (Каналтекстуры) мы использовали канал Alpha 1, на котором был написан текст.

Поверните полученное изображение на 90° по часовой стрелке: Image • Rotate Canvas •90° CW (Изображение • Повернуть холст • 90° по часовой стрелке).

Page 217: 009 Photoshop CS2

Болотный текст

Примените фильтр Wind (Ветер), чтобы создать «водоросли» на буквах: Filter • Sty-lize • Wind (Фильтр • Стилизация • Ветер) (рис. 3.45).

Полученные отростки очень слабо напоминают свисающие водоросли. Чтобыисправить это, лучше всего воспользоваться фильтром Ripple (Рябь): Filter • Dis-tort • Ripple (Фильтр • Деформация • Рябь). Использованные настройки показа-ны на рис. 3.46.

Рис. 3.45. Использование фильтраWind (Ветер)

Рис. 3.46. Диалоговое окно фильтраRipple (Рябь)

На этом работа сделана полностью. Если результат вас не вполне удовлетворяет,то, скорее всего, стоит его подкорректировать с помощью команды Image • Adjust-ments • Brightness/Contrast (Изображение • Настройки • Яркость/Контраст).

Итоговое изображение показано на рис. 3.47.

Рис. 3.47. Болотный текст

Page 218: 009 Photoshop CS2

Глава 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 • Se-lective Color (Изображение • Настройки • Избранные цвета).

Page 219: 009 Photoshop CS2

Лазерная надпись

Plastic V/tapHighlight Strength

Detail

Sroootrness

OKReset

ЛJ

fti i s |

ri 1

; 13 ;.:\

Channel:i RGB

[ Reset, „Zl

(Save.,, ]

AutoOptions,.

Input: i 180

Output:! 161

Рис. 3.49. Настройки фильтра PlasticWrap (Целлофановая упаковка)

Рис. 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).

Page 220: 009 Photoshop CS2

Глава 3. Текстовые эффекты

Рис. 3.53. Черный фон усиливает эффектность

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

Попробуем создать легкое сияние вокруг букв. Для этого лучше всего воспользо-ваться эффектами слоя, а точнее Outer Glow (Внешнее свечение): Layer • Layer Sty-le • Outer Glow (Слой • Стиль слоя • Внешнее свечение). Цвет, разумеется, следуетвыбрать темно-синий, остальные параметры — «по вкусу». Наш выбор вы можетевидеть на рис. 3.54.

Layer Style

Styles..:• Blending Options; Default

О Drop Shadow- . ' ' • •

[ j I n n e r S h a d o w

[ 1 I n n & r G i c < w

; ' ; Q B e v e l - a n d E m b o s s

'••••• . ' Q C o n t o u r

:• О Texture

.::• D S a t i n ^ ' • .

Q Color Overlay

[_] Gradient Overlay

П Pattern Overlay

I Blend Model • Screen

•| S^V -

• Hoiit; Q

v •

••: Q i jre

i o

| Techinigut! ! Softer

; Sgreadt Q

• . Size1. (Л ~ •

v j

•• !"1

i%

1%ipx

\ Contour! -

:'| Range i. ; ^ —

j p e r ; j ; - Го:%%

m

1 OK :i

[ Reset . . ]

[ New Style... ]

Pi Preview

Рис. 3.54. Применение эффекта Outer Glow (Внешнее свечение)

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

Готовая лазерная надпись представлена на рис. 3.55.

Page 221: 009 Photoshop CS2

Буквы под снегом

Рис. 3.55. Лазерная надпись ^

3.7. Буквы под снегомВ этом разделе будет описан полезный под Новый год эффект — будем рисоватьснег. Правда, сразу оговоримся, что делать мы будем снег, пригодный скорее длярисованной открытки (или стилизованной под нее), чем для фотографии.

Для начала создайте новое изображение (Ctrl+N), примерно 300 х 300 пикселов.Не стоит делать его слишком большим — тогда получить снег будет практическинереально (в этом вы убедитесь позднее).

В качестве фона мы рекомендуем либо взять зимний пейзаж, либо просто исполь-зовать голубой цвет (как наиболее «зимний»).

Теперь напишите текст (рис. 3.56), используя инструмент Туре (Текст). Цвет буквне имеет особого значения, но приятнее будут смотреться оттенки синего.

Теперь займемся непосредственно созданием снега. Возьмем инструмент Brush(Кисть) с мягкими краями. Некоторые для подобных операций предпочитают егомодификацию в виде аэрографа (для этого следует активизировать параметрAirbrush Capabilities (Возможности аэрографа) инструмента Brush (Кисть)), что так-же имеет смысл — этим инструментом очень удобно наносить поверхности с не-четкими краями, какой и является снег.

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

snowРис. 3.56. Фон лучше взять синего илиголубого цвета

Рис. 3.57. Нарисованный с помощью кистиснег

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

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

Page 222: 009 Photoshop CS2

Глава 3. Текстовые эффекты

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

Итак, возьмите Smudge (Палец) и смажьте края снега так, как будто он под своейтяжестью стал нависать над буквами. Если у вас упорно не получается, изменитепараметры инструмента, а именно увеличьте Pressure (Нажим). Результат показанна рис. 3.58.

Следующий этап связан с тем же инструментом — мы будем имитировать наплы-вы снега. Такую картину можно наблюдать во время оттепели, когда подтаявшийснег сползает, образуя оригинальные формы. Создаются они просто: тем же самым«пальцем» смазывайте снег в вертикальном направлении. Сразу стоит предупре-дить: делайте это аккуратно, так как Smudge (Палец) — инструмент не слишкомтонкий в работе. Места, где снег сполз неубедительно, исправьте с помощью кисти.

Но все же пока картинка производит впечатление не очень зимнее. Причина в том,что снег — вещество не гладкое, а состоящее из множества гранул. Это и необходи-мо нам сейчас передать. Решение приходит само собой — стандартный фильтр AddNoise (Добавить шум): Filter • Noise • Add Noise (Фильтр • Шум • Добавить шум).Настройки фильтра показаны на рис. 3.59.

Рис. 3.58. Изображение после примененияинструмента Smudge (Палец)

[ Cancel

0 Preview

©yrtform!• О Gaussian.

О Monochromatic

Рис. 3.59. Применение фильтра Add Noise(Добавить шум)

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

Page 223: 009 Photoshop CS2

Железные буквы

Добавьте шум, уровень шума (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. Железные буквыВ этом разделе мы попытаемся решить непростую задачу — сымитировать текст,отлитый из железа. Трудность в том, что предстоит нарисовать металл, не относя-щийся к цветным и драгоценным, что и необходимо подчеркнуть. А точнее, пере-дать весьма специфичные неровности поверхности и отсветы на этих неровностях.

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

Page 224: 009 Photoshop CS2

Глава 3. Текстовые эффекты

Запустите инструмент Horizontal Type Mask (Написание горизонтальным выделени-ем) (выглядит как буква «Т», написанная пунктирной линией). Затем напишитетекст (у нас это IRON). Для большей реалистичности авторы воспользовались гар-нитурой XeniaBold (рис. 3.61).

Рис. 3 . 6 1 . В исходной надписи главное — правильно подобранная гарнитура

ВНИМАНИЕ

Если размер букв вас не удовлетворяет, то использовать команду FreeTransform (Свободное трансформирование), как мы делали в случаях со-здания простого текста, вы не можете. Выход — команда Select • Trans-form Selection (Выделение • Преобразовать выделение).

Получившееся выделение по свойствам ничем от любого другого выделения не от-личается. Отсюда и вытекает последовательность дальнейших действий.

Сейчас нам понадобится инструмент Gradient (Градиент). Перед его запускомустановите цветом переднего плана (Foreground Color) черный, а цветом фона(Background Color) — белый. Это можно выполнить, просто нажав клавишу D.

Теперь, используя линейный градиент (тип Linear), залейте ваши буквы. Резуль-тат будет подобен тому, что приведено на рис. 3.62.

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

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

Применим специально предназначенную для этих целей возможность — командуSelect • Modify • Contract (Выделение • Изменить • Сжать). Мы задали сужениена 3 пиксела (рис. 3.63).

Contract Selection

Contract By: [3 pixels

Ш| OK I[cancel"!

Рис. 3.62. Изображение после Рис. 3.63. Диалоговое окно Contract Selectionприменения градиента (Сжатие выделения)

Page 225: 009 Photoshop CS2

Железные буквы

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

И все же это далеко не металл. Если посмотреть на шершавую железную поверх-ность, то можно заметить переливание на шероховатостях всех цветов радуги, чтои необходимо показать. Решим эту задачу несколькими шагами.

Прежде всего примените фильтр, который даст эти переливы. Больше всего под-ходит фильтр Grain (Зерно): Filter • Texture • Grain (Фильтр • Текстура • Зерно).Используйте его с параметрами, которые показаны на рис. 3.65.

<ж[ Reset 1

Wf\ Grain

Intensity

Contrast

ж.- GiairiType:]Contrasty

120

Рис. 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).

Итак, мы создали эффект металла. Желательно добавить последний штрих, кото-рый отлично дополнит картину, — создать тень от букв.

Page 226: 009 Photoshop CS2

Глава З. Текстовые эффекты

• • ' 0 " юо% [Г]

firnount: | io I %

f- Distribution! О Uniformj ©EJaussian;

: J3 Monochromatic

Рис. 3.66. Диалоговое окно фильтраAdd Noise (Добавить шум)

Рис. 3.68. Настройки фильтра Unsharp Mask(Маска резкости)

Рис. 3.67. Результат применения фильтраAdd Noise (Добавить шум)

Рис. 3.69. Изображение после примененияфильтра Unsharp Mask (Маска резкости)

Page 227: 009 Photoshop CS2

Железные буквы

Прежде всего необходимо скопировать буквы на новый слой. Мы советуем сделатьэто следующим образом: возьмите инструмент Magic Wand (Волшебная палочка)и примените его к белому фону с допуском (Tolerance), равным 1. В результатеу вас выделится только фон. Теперь инвертируйте выделение, выполнив командуSelect • Inverse (Выделение • Инвертировать) или просто нажав Shift+Ctrl+I. Затемвыполните копирование (Ctrl+C) и вставку (Ctrl+V). Результат — буквы на новомслое.

Сейчас можно использовать слоевые эффекты. В данном случае нам необходимавнешняя тень: Layer • Layer Style • Drop Shadow (Слой • Стиль слоя • Внешняя тень)(рис. 3.70).

Drop Slfsaitio

I Blend JVtode

OK

О Inner Shadow

QOutec Glow

j__j Inner Glow

[IjBfcvel -wid Emboss

Q Contour

QJCobf Overlay

• Gradient Overlay

Q n Overlay

troke

|Set blend mode oF shadow]'

^bxvtfr

S p r e a d !

Q w a l t t y

C o n t o u r :

N o i s e i.

" j f [ 3 U s e G f o b a l t i g h t

• •• Г12" "!iw: . .. Ц^„^—r:—1 . ..

Reset j

0 Preview

r K n o c k s O u t D r o p S h a d o w

Рис. 3.70. Настройки эффектов слоя

В качестве фона можно также использовать градиент, правда, более светлый, с при-мененными к нему фильтрами Add Noise (Добавить шум) и Unsharp Mask (Маскарезкости).

Теперь эффект сделан полностью (рис. 3.71).

шШЯШШШШШЯяшЯшШт

Рис. 3 . 7 1 . Железные буквы (*Jp

Page 228: 009 Photoshop CS2

Глава 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, то есть канал, в котором написан текст.

Page 229: 009 Photoshop CS2

Хромированные буквы

Gaussian Blur

Рис. 3.73. Диалоговое окно фильтраGaussian Blur (Размытие по Гауссу)

.-•СДпЗайй.-. ~tt£ubu& tt v ryjir'/'- '*%$$&& 's*6ia£uiaei<- •уУЙШДд'. ДЙ!Й(Й4й-

Рис. 3.74. Результат применения фильтраGaussian Blur (Размытие по Гауссу)

texture Channel:: | Alpha 1j3WKte is high

0Р« ф Height: Flat 100 Mountainous

Рис. 3.75. Диалоговое окно фильтра Lighting Effects (Эффекты света)

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

Итак, если все параметры вы применили правильно, то результат у вас долженбыть такой же, как на рис. 3.76.

Page 230: 009 Photoshop CS2

Глава 3. Текстовые эффекты

Рис. 3.76. Изображение после применения фильтра Lighting Effects (Эффекты света)

Объем уже заметен. Но необходимо передать не просто объем, а довольно слож-ную ступенчатую поверхность. Для этого применим все те же тоновые кривые —один из самых мощных и полезных инструментов: Image • Adjustments • Curves(Изображение • Настройки • Кривые) (рис. 3.77).

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

:•••;• channel: j RGB w

1

V | д;: | :

ЩШ:.. .:,,,Ж;.;..Input: 191

' Output: ! 32 j •/ /

Рис. 3.77. Вид кривой для образованияступенчатой поверхности

Рис. 3.78. Текст после применения кривой

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

Для этого лучше всего использовать команду Image • Adjustments • Hue/Saturation(Изображение • Настройки • Тон/Насыщенность). Примените ее с параметрами,указанными на рис. 3.79, самое главное — не забудьте установить флажок Colorize(Тонирование). Цвет необходимо использовать темно-желтый.

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

Page 231: 009 Photoshop CS2

Хромированные буквы

Hue/Saturation

Цие: : :

Saturation:

Lightness;

(3 Colorize

Рис. 3.79. Диалоговое окно Hue/Saturation (Тон/Насыщенность)

Рис. 3.80. Окрашенное изображение

Осталась последняя деталь — придать поверхности металлический вид. В данномслучае нам необходимо создать отсветы и характерные затемнения. Для решенияэтой задачи подходит только один инструмент — все те же тоновые кривые. На-жмите Ctrl+M и постройте кривую, которая показана на рис. 3.81.

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

Рис. 3 . 8 1 . Вид кривой, передающейотблески и тени

Рис. 3.82. Хромированные буквы i

Page 232: 009 Photoshop CS2

Глава 3. Текстовые эффекты

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

Создайте новое изображение (Ctrl+N) в цветовом режиме RGB. С помощью любыхинструментов рисования или выделения повторите заготовку для слитка, показан-ную на рис. 3.83.

Рис. 3.83. Заготовка для золотого слитка

Затем запустите инструмент Gradient (Градиент), откройте Gradient Editor (Редак-тор градиентов) и создайте образец, соответствующий показанному на рис. 3.84.Именно с его помощью мы будем имитировать золотой отлив на слитке.

Gradient Editor

stops

Рис. 3.84. Настройки градиента для рисования слитка

Page 233: 009 Photoshop CS2

Золотые буквы

На следующем шаге от вас потребуется определенный художественный вкус и на-выки работы с 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.

Page 234: 009 Photoshop CS2

Глава 3. Текстовые эффекты

Gaussian Blur

Рис. 3.87. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу)

Lighting Effects

Style: (Default

i Spotlight

Negative 35 FiJ

Focus: Nanow 63 Wide L

-. Properties:\

Gloss: Maltev 0 SNny

Material f l a i l i c 69 Metallic

tindei Ova

Negative 8 Positive

0 Review

•TenureChannel: iAlpha 1

Flat 50 Mountainous-

Рис. 3.88. Применение фильтра Lighting Effects (Эффекты света)

Рис. 3.89. Текст после применения фильтра Lighting Effects (Эффекты света)

Page 235: 009 Photoshop CS2

Золотые буквы

Результат применения этой кривой показан на рис. 3.91.

Рис. 3.90. Вид кривой Рис. 3 . 9 1 . Текст после цветокоррекции

Теперь раскрасим надпись, превратив ее в блестящее золото. Для этого необходимовоспользоваться командой 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 Sha-dow (Слой • Стиль слоя • Внешняя тень) с настройками, показанными на рис. 3.93.

Page 236: 009 Photoshop CS2

Глава 3. Текстовые эффекты

Если ваше изображение получилось недостаточно ярким, то можете подкорректи-ровать его с помощью команды Brightness/Contrast (Яркость/Контрастность), кото-рая находится в том же меню, где и предыдущая. Вот и все.

Итоговый результат представлен на рис. 3.94. Впечатляет, не правда ли?

г- Drop Shadow : : ' :••-

! Blend Mods! Multiple

; : Ёг

J [50_ i%

120 '" 0 U s e global Light

•;ь i £N$lances Q~-~ — — — -: ^ Spread; V :

; • . . - .

I S ( rC; •; ^ — - -

! 4 ;рх

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. Текст в новом канале

Page 237: 009 Photoshop CS2

Надпись из ртути

Снимите выделение (Ctrl+D), которое всегда появляется при написании текстав дополнительном канале. Так происходит, потому что альфа-каналы — это облас-ти выделения, которые создаются сразу при написании текста.

Смягчите края букв с помощью фильтра Gaussian Blur (Размытие по Гауссу) из раз-дела Blur (Размытие). Радиус воздействия данного фильтра зависит от размерашрифта. В нашем примере радиус равен 4 пикселам (рис. 3.96).

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

Сделав активным новый канал, сместите изображение на нем: Filter • Other • Off-set (Фильтр • Другие • Смещение). Мы рекомендуем передвинуть изображениена 2 пиксела по горизонтали и по вертикали (рис. 3.97).

Gaussian Blur

gadius: I i pixels

Рис. 3.96. Диалоговое окно фильтраGaussian Blur (Размытие по Гауссу)

13 preview

О Set to TransparentO&epeat Edge Pixels©WrafJ.Aroind

Рис. 3.97. Диалоговое окно фильтра Offset(Смещение)

Перейдите на предыдущий канал и примените к нему тот же фильтр, однако вели-чину смещения поставьте теперь -1 и - 1 .

Объедините два ваших канала с помощью вычислений: Image • Calculations (Изо-бражение • Вычисления). Настройки в диалоговом окне Calculations (Вычисления)представлены на рис. 3.98.

В данном случае вычисления будут происходить между двумя каналами — Alpha 1и Alpha I copy. Выделение, находящееся во втором канале, будет вычитаться извыделения в первом, а результат запишется в новый дополнительный канал. Па-раметры слоев и инвертирования не применяются. На рис. 3.99 представлен ре-зультат.

Page 238: 009 Photoshop CS2

Глава 3. Текстовые эффекты

Channel: i Alpha 1

Source 2: | metall.psd

Layer:! Background

Channel: i Alpha 1 copy Ш П Insert

Bending: [Difference Ш

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 . Канал после применения кисти

Page 239: 009 Photoshop CS2

Надпись из ртути

Пока изображение не очень напоминает металлический текст, однако после сле-дующего шага оно должно стать именно таковым. Мы предлагаем применить то-новые кривые: 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) можно назначить любые цвета,окрасив надпись именно так, как нужно.

Page 240: 009 Photoshop CS2

Глава 3. Текстовые эффекты

Duotone Options

lype: | Duotone

Ink 1:

Ink 2:

Reset ]

Load,,,1 2 Г:;1..£ауе.,,: I:

I 13 Preview

Overprint Colors...

Рис. 3.104. Диалоговое окно Duotone Options (Параметры дуплекса)

Последним шагом в этом эффекте будет усиление резкости получившегося изо-бражения. Для этого применим фильтр Unsharp Mask (Маска резкости): Filter • Shar-pen • Unsharp Mask (Фильтр • Резкость • Маска резкости) с настройками, показан-ными на рис. 3.105.

Если вы закрасите текст желтым или серым цветом, то у вас получится золотойили серебряный текст. Таким образом, вы пришли к универсальному способу метал-лических букв, как мы и обещали. Результат нашей работы показан на рис. 3.106.

Unsharp Mask

'Amount: I 79

В 6,8 1 pixels

Threshold: [ 32 Hevels

Рис. 3.105. Настройки применения фильтра Рис. 3.106. Ртутная надпись (*^)Unsharp Mask (Маска резкости)

Page 241: 009 Photoshop CS2

Эффект 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 • Mo-dify • Expand (Выделение • Изменить • Расширить). Значение параметра Expand By(Расширить на) установите равным 2-3 пикселам (рис. 3.108).

В результате вы получите выделение шире буквы. Теперь необходимо сделать так,чтобы буква соответствовала выделению, но граница получилась расплывчатой.В таких случаях, как правило, применяется фильтр Gaussian Blur (Размытие поГауссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу).Значение радиуса размытия необходимо задать равным расширению границы(рис. 3.109).

Аналогичным образом создайте каналы Yellow и Green (в них радиус размытия дол-жен быть соответственно больше).

Page 242: 009 Photoshop CS2

Глава 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. Все слои готовы

Page 243: 009 Photoshop CS2

Каменные буквы

На этом эффект практически готов. Для улучшения можно обработать верхниеслои инструментом 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 (Волшебная палочка). Дан-ная операция не требует никакой особой сноровки, так как текст — это единствен-ный объект, расположенный на данном слое.

Page 244: 009 Photoshop CS2

Глава 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. Диалоговое окно фильтра Рис. 3.117. Диалоговое окно фильтра CrystallizeOcean Ripple (Океанские волны) (Кристаллизация)

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

Рис. 3.118. Сформированные края изображения

С границами текста мы определились, наша следующая задача — имитироватьфактуру. Предлагаем начать с создания шероховатой поверхности. Для этого мож-но воспользоваться фильтром Add Noise (Добавить шум): Filter • Noise • Add Noise(Фильтр • Шум • Добавить шум) (рис. 3.119). Обратите внимание, что ваши бук-вы по-прежнему должны оставаться выделенными, иначе шум будет накладывать-ся не только на текст, но и на фон. Параметр Amount (Эффект) установите равным20-30. Обязательно установите флажок Monochromatic (Монохромный), благода-ря чему шум будет состоять из пикселов цвета, близкого к цвету букв.

Page 245: 009 Photoshop CS2

Каменные буквы

Г . £

Amount::

Jf 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

::

11

IraquelureCrick Spacing

\Dack Depth

Crack 6 tightness

OKCancel ,,J: :

'} IS |

T"7i?-;

..: :. \\шкРис. 3.120. Настройки фильтраCraquelure (Кракелюры)

Рис. 3 . 1 2 1 . Каменные буквы <S£$

Page 246: 009 Photoshop CS2

Глава 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 • Adjust-ments • Invert (Изображение • Настройки • Инвертировать) или нажатием сочета-ния клавиш Ctrl+I.

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

Page 247: 009 Photoshop CS2

Взрывающиеся буквы

Рис. 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. Взрывающиеся буквыВыполнив описанные в данном разделе действия, вы получите результат, напоми-нающий либо свечение через поверхность определенной формы (повторяющей

Page 248: 009 Photoshop CS2

Глава 3. Текстовые эффекты

в нашем случае форму букв), либо картину взрыва, когда разлом плоскости имеетзаданную форму.

Для начала создайте новое изображение (File • New (Файл • Создать) или сочета-ние Ctrl+N) произвольного размера. Цветовую модель следует выбрать так, чтобыиметь возможность работать с цветом. Фон должен быть белого цвета.

Активизируйте инструмент Туре (Текст) («горячая» клавиша — Т) и напишителюбой текст. Исходное изображение, которое будет использоваться в качествепримера, представлено на рис. 3.128.

M o t i o n

Рис. 3.128. Исходное изображение

Склейте слой, содержащий текст, с фоном и переведите его в растр. Оба эти дей-ствия можно выполнить одновременно с помощью команды Layer • Merge Visible(Слой • Объединить видимые) или ее клавиатурного эквивалента Shift+Ctrl+E.

Смягчите контур текста, для чего воспользуйтесь размытием: Filter • Blur • GaussianBlur.(Фильтр • Размытие • Размытие по Гауссу). В нашем примере радиус размы-тия (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. Переключатель

Page 249: 009 Photoshop CS2

Взрывающиеся буквы

следует установить в положение Polar to Rectangular (Перевести полярные коорди-наты в прямоугольные). Текст исказится практически до неузнаваемости, но этоне беда — потом мы все исправим.

Рис. 3.129. Диалоговое окно фильтраGaussian Blur (Размытие по Гауссу)

Рис. 3.130. Промежуточный результат

Теперь поверните все изображение на 90° по часовой стрелке: Image • Rotate Can-vas • 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. Текст после поворотаи инвертирования

Page 250: 009 Photoshop CS2

Глава 3. Текстовые эффекты

Следующий этап работы будет посвящен созданию лучей, вырывающихся из-заповерхности букв в результате взрыва. Воспользуемся фильтром, имитирующимдействие ветра: Filter • Stylize • Wind (Фильтр • Стилизация • Ветер). Диалоговоеокно с его настройками представлено на рис. 3.133. Направление (Direction) мож-но установить любое, а вот переключатель Method (Метод) необходимо установитьв положение Wind (Ветер).

Примените этот фильтр трижды с одинаковыми настройками. Для этого можнопросто нажимать сочетание клавиш Ctrl+F.

Затем еще раз воспользуйтесь автоматической коррекцией уровней яркости (Ima-ge • Adjustments • Auto Levels (Изображение • Настройки • Автоматическая коррек-ция уровней) или Shift+Ctrl+L) и инвертируйте цвета, нажав сочетание клавиш Ctrl+I.

Далее вновь трижды примените фильтр Wind (Ветер), для повторного вызова на-жимая Ctrl+F. Изображение примет вид, напоминающий рис. 3.134.

Рис. 3.133. Диалоговое окно фильтраWind (Ветер)

Рис. 3.134. Результат примененияфильтра Wind (Ветер)

Поставьте изображение «на ноги», повернув его в обратном направлении: Ima-ge • Rotate Canvas • 90° CCW (Изображение • Повернуть холст • 90° против часовойстрелки).

Наконец, настало время вернуть буквам узнаваемый вид. Снова выполним коман-ду Filter • Distort • Polar Coordinates (Фильтр • Деформация • Полярные координа-ты), только теперь установим переключатель в положение Rectangular to Polar (Пе-ревести прямоугольные координаты в полярные). Так мы создадим впечатление,что из букв вырываются яркие лучи света (рис. 3.135).

Page 251: 009 Photoshop CS2

Взрывающиеся буквы

и .о

Рис. 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. Взрывающиеся буквы

Page 252: 009 Photoshop CS2

Глава 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 • Pixela-te • Mosaic (Фильтр • Оформление • Мозаика) и примените его с настройками,показанными на рис. 3.140.

Gaussian Blur

Рис. 3.139. Диалоговое окно фильтраGaussian Blur (Размытие по Гауссу)

Рис. 3.140. Настройки фильтра Mosaic(Мозаика)

Page 253: 009 Photoshop CS2

Пиксельный текст

Впрочем, на этом этапе, возможно, лучше немного поэкспериментировать и подо-брать величину «пикселов» наиболее хорошо подходящую для вашей задумки.Наша работа после использования фильтра 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)

Page 254: 009 Photoshop CS2

Глава 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 (Внешняя тень). Он нужен нам как одна из составля-

Page 255: 009 Photoshop CS2

Текст из сыра

ющих для имитации объема надписи. Использованные настройки показаны нарис. 3.146.

Не закрывая окна Layer Style (Стиль слоя), переключитесь на слоевой эффект Be-vel and Emboss (Скос и рельеф). Этот основной инструмент для имитации объемав Photoshop выручит нас и на этот раз (рис. 3.147).

B«y«J and EmbossI•••; Structure:. Style) j Inner Beve]

Technique: j Smooth

Shading

Altitude:

GJon Contour;Uiohlioht Mode: [Screen

Opacity!Shadovj Model [Multipiv

Opacity: •.

]Anthili.:ed

Рис. 3.146. Настройки Drop Shadow(Внешняя тень)

Рис. 3.147. Параметры Bevel and Emboss(Скос и рельеф)

Снова переключитесь, на этот раз на Satin (Атлас). Он нам необходим для того,чтобы изменить цвет поверхности, создав на ней переходы, которые сделают над-пись похожей на настоящий сыр. Примененные настройки показаны на рис. 3.148.

Объедините слои (Ctrl+E). Можно немного улучшить изображение, поработав ин-струментом Eraser (Ластик), чтобы некоторые отверстия стали сквозными. Авто-ры именно так и поступили. Готовый текст можно видеть на рис. 3.149.

Рис. 3.148. Параметры Satin (Атлас) Рис. 3.149. Готовая надпись

Однако эффект в целом еще можно улучшить. Для этого нарисуем кусок сыра подтекстом. Сделать это очень просто.

Page 256: 009 Photoshop CS2

Глава 3. Текстовые эффекты

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

Затем скопируйте стиль слоя надписи на этот слой. Для этого сделайте слой с тек-стом активным и выполните команду Layer • Layer Style • Copy Layer Style (Слой • Стильслоя • Копировать стиль слоя) (рис. 3.150).

Затем активизируйте слой с кусочком сыра и выполните команду Layer • Layer Sty-le • Paste Layer Style (Слой • Стиль слоя • Вставить стиль слоя).

На этом эффект полностью выполнен (рис. 3.151). Получилось вполне аппе-титно.

Duplicate Layer...Deletelayer Properties,..

Е23253ЯNew Fill LayerNew Adjustment Layer

: I » .< i / . ~- » i ' i

зуя i i . i .

.•:•:••; i-i ,-,(•• ' " •Create dipping Masl Alt+CW-HS

D' op, Sfijdow .

Infrf. Shadow...

' :»jtn Sow. .

Be.-el and Emboss...

Satin...

•: fit:,' vveri i v .

Srsder* Overlay..,

N«w layer Based Slice

Рис. 3.150. Скопируем «сырный» стиль слоя

Global Uoht..,Create LayerHide All EffectsScale Effects..-

Рис. 3 . 1 5 1 . Аппетитный сырный текст <

3.18. Текст «высокого напряжения»В этом примере мы попробуем создать корону электрических разрядов. Залог реа-лизации этого эффекта — совместное использование фильтров Wind (Ветер) и PolarCoordinates (Полярные координаты). Авторы рекомендуют обратить внимание наиспользование последнего — это наиболее простой и быстрый способ полученияочень сложных форм, которые нереализуемы другими средствами.

Создайте новое изображение в цветовом режиме RGB. Оно должно быть крупным —авторы рекомендуют работать с изображением размером не менее 1000 х 500 пиксе-лов, иначе разряды не получатся. Сразу сделайте фон черным.

Page 257: 009 Photoshop CS2

Текст «высокого напряжения»

Напишем любое слово любой гарнитурой. Оно также должно быть достаточно круп-ным (рис. 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.

Page 258: 009 Photoshop CS2

Глава З. Текстовые эффекты

Cancel

:too%

Amount

Medium

Рис. 3.153. Диалоговое окно фильтраWind (Ветер)

Рис. 3.154. Настройки фильтра Ripple (Рябь)

Рис. 3.155. Изображение после применения фильтра Ripple (Рябь)

Окрасим изображение. Для этого, как уже многие догадались, авторы будут ис-пользовать инструмент Hue/Saturation (Тон/Насыщенность) (Ctrl+U). В качествецвета мы выбрали голубой. Настройки для придания надписи этого оттенка пока-заны на рис. 3.158.

Осталась последняя, третья часть работы. Сейчас нам и понадобится слой с над-писью, который мы спрятали в самом начале. Снова сделайте его видимым. Удер-живая клавишу Ctrl, щелкните мышью на этом слое на палитре Layers (Слои). По-явится выделение, точно повторяющее надпись. После этого сам слой с надписьюнужно удалить.

Залейте выделение белым цветом, используя команду Edit • Fill (Правка • Залив-ка). Затем нужно сузить выделение на 2 пиксела: Select • Modify • Contract (Выде-ление • Изменить • Сжать). Полученное выделение залейте черным цветом.

Page 259: 009 Photoshop CS2

Рис. 3.19. Надпись из льдаРис. 3.7. Огненная надписьРис. 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 . 1 2 1 . Каменные буквы Р и с " 3 " 1 2 7 - Трехмерныйтекст

Рис. 3.137. Взрывающиесябуквы

P I X E L

Рис. 3.143. Пиксельныйтекст

Рис. 3 . 1 5 1 . Аппетитныйсырный текст

Рис. 3.159. Текст «высокогонапряжения»

Page 260: 009 Photoshop CS2

Рис. 4.8. Деревянная

текстура

Рис. 4.14. Каменная

текстура

Рис. 4.20. Камуфляж

Рис. 4.29. Текстура воды

Рис. 4.48. Кирпичная кладка

Рис. 4.42. Мозаичнаяповерхность

Рис. 4.62. Эффект жалюзи

Рис. 4.70. Гранит Рис. 4.75. Строчнаяразвертка

Рис. 4 . 8 1 . Мрамор

Page 261: 009 Photoshop CS2

Рис. 4.103. Компакт-диск

Рис. 4.88. Автомобиль в движении

Рис. 4.116. Кристаллы Рис. 4.123. Кровожаднаятекстура

Рис. 4 . 1 3 1 . Сгусток плазмы

Рис. 5 . 1 . Исходное изображение Рис. 5.12. Восход солнца

Page 262: 009 Photoshop CS2

Рис. 5.13. Исходное изображение

Рис. 5.22. Исходное изображение Рис. 5.30. Радуга

Рис. 5 . 3 1 . Исходное изображение Рис. 5.35. Дождь

Page 263: 009 Photoshop CS2

Рис. 5.36. Исходное изображение Рис. 5.42.Туман

Рис. 5 . 5 1 . Молния

Рис. 5.52. Исходное изображение Рис. 5.60. Заснеженная пустыня

Page 264: 009 Photoshop CS2

Рис. 5 . 6 1 . Исходное изображение

Рис. 5.69. Исходное изображение

Рис. 5.68. Романтичная летняя ночь

Рис. 5.76. Отражение в воде

Рис. 5.77. Исходное изображение Рис. 5.82. Увеличенное небо

Page 265: 009 Photoshop CS2

Рис. 5.87. ВзрывРис. 5 . 9 1 . Огонь

Рис. 5.97. Раскаленное светило

Рис. 5.107. Солнечное затмение Рис. 5.119. Нарисованный космос

Рис. 5.120. Исходное изображение Рис. 5.124. На улице осень

Page 266: 009 Photoshop CS2

Рис. 6.6. Градиентная рамкаРис. 6 . 1 1 . Художественная рамка. Вариант 1

Рис. 6.17. Художественная рамка. Вариант 2 Рис. 6.26. Деревянная рамка

Page 267: 009 Photoshop CS2

Рис. 7.27. Кнопка в стилеWindows XP

Рис. 7.10. Результат Рис. 7.13. Металлическиеприменения фильтра трубы3D Transform (Трехмерноепреобразование)

Рис. 7.33. Стеклянная Рис. 7.45. Литой диск Рис. 7 . 5 1 . Созданный шаркнопка

Рис. 7 . 7 1 . Фантастические черви

Рис. 7.60. Стеклянный шар на фоне пейзажа Рис. 7.76. Сигарета

Page 268: 009 Photoshop CS2

/л\

Рис. 7.85. Булыжник

Рис. 7.97. Объемная планета

* 4»

Рис. 7 . 9 1 . Щупальца в крови

Рис. 7.110. Фантастическая сфера

Рис. 7 . 1 1 1 . Золотые часы Рис. 7.118. Стальной шар

Page 269: 009 Photoshop CS2

Рис. 8 . 1 . Очень старая фотография Р и с - 8 - 1 7 - Отретушированная фотография

iРис. 8.18. Исходноеизображение

Рис. 8 . 2 1 . Зеленые глаза Рис. 8.23. Карие глаза

Рис. 8.24. Контурный рисунок Рис. 8.34. Раскрашенный рисунок

Рис. 8.35. Исходное изображение Рис. 8.43. Раскрашенная черно-белаяфотография

Page 270: 009 Photoshop CS2

Рис. 8.48. Дуплексное изображение Рис. 8.50. Квадроплексное изображение

Рис. 8 . 5 1 . Фотографиятелевизора

Рис. 8.52. Кадр из фильма Рис. 8.54. Мелодрамана экране

Рис. 8.55. Фотография Рис. 8.56. Стакан воды Рис. 8.57. Коллажпустыни

Page 271: 009 Photoshop CS2

Рис. 8.58. Исходноеизображение мальчика

Рис. 8.59. Пляж

Рис. 8.68. Исходное изображение

Рис. 8.67. Переносимчеловека в другое окружение

ШТГтс

Рис. 8 . 7 1 . Имитация старой фотографии

Рис. 8.72. Исходное изображение Рис. 8.76. Рисунок из фотографии

Page 272: 009 Photoshop CS2

1

Рис. 8.77. Исходная фотография Рис. 8.83. Фотография в стиле глянцевыхжурналов

Рис. 8.84. Исходная фотография Рис. 8.88. Профессиональная фотография

Page 273: 009 Photoshop CS2

Рис. 8.89. Исходноеизображение

Рис. 8.92.Естественный цветволос

Рис. 8.93.Неформальный цветпрически

Рис. 8.95. Этаокраска хорошогармонируетс галстуком

Рис. 8.96. Исходное изображение Рис. 8.103. Измененная фигура

Page 274: 009 Photoshop CS2

Рис. 8.104. Девушка европейского типа Рис. 8.110. Наш ответ Майклу Джексону

Рис. 8 . 1 1 1 . Доктор в возрасте Рис. 8.120. Доктор помолодел лет на 25

Рис. 8.125. Украшенный истребитель

Page 275: 009 Photoshop CS2

Текст «высокого напряжения»

0в Rectangular to Polar

OEoMntoR.ectanmisr

Рис. 3.156. Параметры фильтра PolarCoordinates (Полярные координаты) Рис. 3.157. Изображение после возврата

в обычные координаты

Hue:j

i: . Saturation:1 •••• £}

: tightness:

•Qj -••-—• 1

r4'f i !

IS :

...OK

Reset

Рис. 3.158. Настройки Hue/Saturation (Тон/Насыщенность)

Эффект выполнен (рис. 3.159).

a m p e r

иппы*

Рис. 3.159. Текст «высокого напряжения» <*

Page 276: 009 Photoshop CS2

Текстуры• Дерево• Камень• КамуфляжQ Вода• Металл• Мозаичная

поверхность• Кирпичи• Рисуем штампLJ Эффект жалюзи

• Гранит• Строчная развертка

телевизора• Мрамор• Эффект скорости• Компакт-диск• Штрих-код• Кристаллы• Кровожадная текстура• Сгусток плазмы

Page 277: 009 Photoshop CS2

Дерево

4 . 1 . ДеревоКак показывает опыт, эта текстура часто используется на практике, например присоздании рамок для фотографий или фона для веб-страницы.

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

Создайте изображение в цветовой системе RGB. Его не стоит делать слишкомбольшим, так как это отрицательно скажется на результате работы. Идеальныйразмер — 300 х 300 пикселов.

Залейте заготовку, используя инструмент Paint Bucket (Заливка). Выбирайте цветзаготовки исходя из того, какое дерево вам необходимо получить в конце работы.Если это дуб, то подойдут коричневые оттенки, если сосна — светло-желтые, есливишня — красные.

После того как вы определились с цветом и залили заготовку, необходимо приме-нить фильтр Add Noise (Добавить шум): Filter • Noise • Add Noise (Фильтр • Шум • До-бавить шум). Параметр Amount (Эффект) лучше всего определить на глаз, так какего значение определяется исключительно выбранным цветом и размером изо-бражения, но рекомендуем использовать значения 50-60. Обязательно устано-вите флажок Monochromatic (Монохромный), иначе нужного шума не выйдет. В ре-зультате вы должны получить поверхность, несколько напоминающую панельиз гранитной крошки (рис. 4.1).

.•.V.• •

ы

Amount:; 60;— Distribution, ©yniformOfiaussisn

E3 Monochromatic

Рис. 4 . 1 . Использование фильтра Add Noise (Добавить шум)

Page 278: 009 Photoshop CS2

• T V lГлава 4. Текстуры

Заготовку текстуры можно считать выполненной. Теперь необходимо превратитьэту поверхность в гладкую доску. Первым этапом будет применение фильтра MotionBlur (Размыть в движении): 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. Диалоговое окно фильтра MotionBlur (Размыть в движении)

Рис. 4.3. Диалоговое окно фильтра Offset(Смещение)

В результате применения этого фильтра вы получите изображение, разделен-ное на две части, одна из которых смещена относительно другой на 75 пикселов(рис. 4.4). Если у вас получилось совсем непохоже, то необходимо применитьфильтр Offset (Смещение) еще раз, изменив параметры смещения. Зачем все это де-лалось? Чтобы деревянные полосы стали более ясными и естественными.

Сейчас необходимо вновь применить фильтр Motion Blur (Размыть в движении).Настройки, скорее всего, подойдут прежние, но лучше не применять его без пред-варительного просмотра (Preview). Возможно, вам придется увеличить значениепараметра Distance (Расстояние). В итоге получится достаточно правдоподобнаядеревянная текстура (рис. 4.5).

Эту поверхность уже можно использовать на практике. Больше всего она напоми-нает древесно-стружечную панель. Так что если вы собираетесь использовать полу-ченное изображение в качестве текстуры при создании мебели, например, в 3ds max,

Page 279: 009 Photoshop CS2

Дерево

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

Рис. 4.4. Изображение послеприменения фильтра Offset (Смещение)

Рис. 4.5. Промежуточный результат

Сейчас мы будем заниматься приданием текстуре более естественного, природно-го вида. Для этого необходимо нарисовать места, где раньше были сучки. Выдели-те небольшую область в середине изображения с помощью инструмента EllipticalMarquee (Эллиптическое выделение). Она должна быть не круглой, а нескольковытянутой горизонтально. Примените фильтр Pinch (Щипок): Filter • Distort • Pinch(Фильтр •Деформация • Щипок) —со значением Amount (Эффект), равным-100(рис. 4.6).

Amount \ (ЩЛЗ 1%

шf1

%

1

]

уft

ki

I эЩ

т:ГП"

1Рис. 4.6. Применение фильтра Pinch (Щипок)

Тот же результат дает фильтр Spherize (Сферизация): Filter • Distort • Spherize(Фильтр • Деформация • Сферизация). Он делает то же самое, что и Pinch (Щи-пок), но некоторым пользователям нравится больше.

Далее примените фильтр Twirl (Скручивание): Filter • Distort • Twirl (Фильтр • Де-формация • Скручивание). Задайте его параметры на глаз или воспользуйтесь на-стройками, указанными на рис. 4.7.

Page 280: 009 Photoshop CS2

Глава 4. Текстуры

Ш

Рис. 4.7. Диалоговое окно фильтра Twirl (Скручивание)

ПРИМЕЧАНИЕ

На данном этапе также можно использовать фильтр Liqufy (Разжижение).

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

Рис. 4.8. Деревянная текстура &£)

4.2. Камень

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

Page 281: 009 Photoshop CS2

Камень

Прежде всего создайте новое изображение (Ctrl+N). Мы будем работать с заготов-кой размером 400 х 400 пикселов в цветовом режиме RGB.

Убедитесь, что у вас установлены основные цвета по умолчанию, то есть переднийплан черный, а фон белый. Если это не так, нажмите клавишу D.

Применим фильтр Clouds (Облака): Filter • Render • Clouds (Фильтр • Освеще-ние • Облака). Полученное изображение будем считать исходным (рис. 4.9).

Как это зачастую бывает, фильтр Clouds (Облака) применялся только для того, что-бы создать заготовку для работы с другим фильтром. В данном случае это будетфильтр Bas Relief (Рельеф): Filter • Sketch • Bas Relief (Фильтр • Эскиз • Рельеф).Настройки, использованные в данном примере, показаны на рис. 4.10.

©• 1

r~ Bas Relief! Detail

i Smoothness.',, шш.шш. ._

1 . tight! Bottom

OK | .•;;•;.Reset ]':••:

Г~~~ j

\ 2 j

i i

Рис. 4.9. Изображение послеиспользования фильтра Clouds (Облака)

Рис. 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 (Тонирование), подберитеподходящий оттенок.

Page 282: 009 Photoshop CS2

Глава 4. Текстуры

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

Рис. 4 . 1 1 . Текстура послеприменения фильтра Bas Relief(Рельеф)

Рис. 4.12. Окрашенная текстура

Для этого применим фильтр Unsharp Mask (Маскарезкости): Filter • Sharpen • UnsharpMask (Фильтр • Резкость • Маска резкости). Этот фильтр значительно повышаетконтрастность изображения. Настройки показаны на рис. 4.13.

Вот и все, текстура камня готова (рис. 4.14). Вы можете дополнительно усложнитьее, например применив стиль Texture (Текстура) из стилей слоя, но, как правило,это не нужно и только портит полученный результат.

Unsharp Mask

fimount:

;! 0,8 pixels

Threshold: 1 ю j levels

Рис. 4.13. Диалоговое окно фильтраUnsharp Mask (Маска резкости)

Рис. 4.14. Каменная текстура i

Page 283: 009 Photoshop CS2

Камуфляж

СОВЕТ

Если вы собираетесь использовать полученную текстуру в пакетах трех-мерной графики, особенно при наложении на горы, то лучше ввести неко-торое усовершенствование. Создайте новый файл очень больших разме-ров и залейте (команда 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. Результат применения Рис. 4.16. Диалоговое окно фильтра Gaussian Blurфильтра Clouds (Облака) (Размытие по Гауссу)

Page 284: 009 Photoshop CS2

Глава 4. Текстуры

На следующем этапе на основе размытого рисунка необходимо создать изображе-ние, которое будет состоять исключительно из белых и черных пятен (максималь-но контрастное). Для этого можно воспользоваться таким способом коррекцииизображения, как команда Brightness/Contrast (Яркость/Контраст): Image • Adjust-ments • 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 • Trans-form • Rotate 90 CW (Редактирование • Преобразовать • Поворот на 90° по часовойстрелке).

Щелкните правой кнопкой мыши на палитре Layers (Слои) на втором слое и выбе-рите Blending Options (Параметры наложения). В открывшемся окне измените зна-чение параметра Blend Mode (Режим наложения) на Multiply (Умножение), a Opacity(Непрозрачность) — на 70 %. После этого изображение будет выглядеть, как пока-зано на рис. 4.19.

Прежде чем сделать изображение цветным, необходимо склеить слои. Чтобы скле-ить активный слой с нижним, нажмите сочетание клавиш Ctrl+E либо выберитекоманду Layer • Merge Down (Слой • Объединить с предыдущим).

Page 285: 009 Photoshop CS2

Вода

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

Рис. 4.19. Черно-белая текстура Рис. 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 (Хром) превращает все цвета в градации се-рого, поэтому применение цвета на том этапе не имело смысла.

Page 286: 009 Photoshop CS2

Глава 4. Текстуры

• • А 1 - • • t

• i £ . . .

Ш~; .. Сг i Chrome

! Detail

['•Smoothness

l i S i K S i i

OK

Reset

Z J •..-.,

J •::,:-:..

•v:r •• •• •

Рис. 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 (Изо-

Page 287: 009 Photoshop CS2

Вода

бражение • Настройки • Тон/Насыщенность). Примените ее с параметрами, ука-занными на рис. 4.25.

1

Рис. 4.24. Первый слой

Hue/Saturation

Hue: •

Sgtu'ation:

Lightness:

OK

i 25

Reset

1 Save... 1

;] Preview

Рис. 4.25. Параметры Hue/Saturation (Тон/Насыщенность)

После этого вы получите слой, почти не отличающийся от первого, только значи-тельно темнее. Зачем мы его создавали? Для придания изображению глубины.Но необходим еще один штрих. Откройте палитру Layers (Слои) и измените режимналожения с Normal (Обычный) на Multiply (Умножение). Затем склейте слои(Ctrl+E). Результат показан на рис. 4.26.

Рис. 4.26. Добавление второго слоя увеличило реалистичность воды

Page 288: 009 Photoshop CS2

Глава 4. Текстуры

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

Для придания воде большей «динамики» нужно применить два фильтра. Первымбудет Wave (Волна): Filter • Distort • Wave (Фильтр • Деформация • Волна) с на-стройками, которые можно видеть на рис. 4.27.

yvaveiength;О

Amplitude:

и

Scale;

Min,

i 80 i

Min.

j 285 i •

Horiz.

1 I I Z K

Max.

1 80 ] .

Max.

265

Vert.

[ 7 |%

О Sine

0 triangle

О Sfluare

•Undefined Areas:0 W[ap Around

О Repeat £dge Pixels.

Рис. 4.27. Настройки фильтра Wave (Волна)

Добавим последний штрих с помощью фильтра Ocean Ripple (Океанская рябь) из тойже группы Distort (Деформация) с настройками, показанными на рис. 4.28.

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

!_

| Ocean Ripple

Ripple See •

Ripple Magnitude

Ц

OK

Reset

1

v

, . • • • . - • • :

! 7 i

Рис. 4.28. Настройки фильтраOcean Ripple (Океанская рябь)

Рис. 4.29. Текстура воды <&£)

Page 289: 009 Photoshop CS2

Металл

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.

Page 290: 009 Photoshop CS2

Глава 4. Текстуры

Motion Blur

Amount: [25

:.:;• OtS&ibljtiQST• С Uniform

! ©igaussianj

E) Monochromatic

Рис. 4 . 3 1 . Диалоговое окно фильтра AddNoise (Добавить шум)

Рис. 4.32. Настройки фильтра Motion Blur(Размыть в движении)

Придать объем полученным швам можно несколькими способами. Например, вос-пользоваться слоевыми эффектами и добавить тень (Drop Shadow (Внешняя тень)).Мы предлагаем сделать это несколько иначе.

Дублируйте слой со швами. Убедившись, что только что созданный слой активен,примените к изображению фильтр Offset (Смещение) из группы Other (Другие)со значением сдвига, близким к толщине стыков.

Щелкните на новом слое при нажатой клавише Ctrl. Выделенными окажутся всеобъекты, расположенные на активном слое. Если вы хотите получить тонкие швы,то нужно уменьшить выделение с помощью команды Select • Modify • Contract(Выделение • Изменить • Сжать). Сделайте цвет переднего плана светлым (почтибелым) и залейте выделенную область.

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

В результате изображение должно стать похожим на рис. 4.34.

Однако металлу все еще не хватает реалистичности. Исправить это можно не-сколькими способами. Мы попробуем сделать это, изменив яркость и контраст-ность текстуры, а также ее освещение.

Page 291: 009 Photoshop CS2

Металл

Рис. 4.33. Стыки междулистами металла

Рис. 4.34. Добавление швам ржавчиныулучшило общий вид работы

Для решения первой части этой задачи лучше всего подойдут наши любимые кри-вые: Image • Adjustments • Curves (Изображение • Настройки • Кривые) с настрой-ками, показанными на рис. 4.35.

Load,..

lnp.it: 99 *:-,output: j4 |%.

Рис. 4.35. Настройки Curves (Кривые)

В результате текстура должна стать более грубой, но одновременно и куда более«металлической».

Теперь изменим освещение текстуры, чтобы оно было менее равномерным. Этоскроет некоторые недостатки нашей работы и подчеркнет ее откровенно техно-кратический дух. Примените фильтр Lighting Effects (Эффекты света): Filter • Ren-der • Lighting Effects (Фильтр • Освещение • Эффекты света). Использованные ав-торами настройки показаны на рис. 4.36.

Работа после выполнения этой операции показана на рис. 4.37.

Page 292: 009 Photoshop CS2

Глава 4. Текстуры

Lighting Effects

г- Light type: iOmni

В OnNegative 21

Style: ! Default OK ,|

Cancel ]

Full

>, < f > v'd

Propertie:Gloss.Material:Exposure

Matte Shiny

100 MetallicUndei Ovet

Ambience: H Positive

Texture Channel: I None

0 Review

Рис. 4.36. Настройки Lighting Effects (Эффекты света)

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

Рис. 4.37. Работа послеизменения освещения

Рис. 4.38. Металлические листы i

4.6. Мозаичная поверхностьЭтот эффект является одним из самых красивых и легко выполнимых из описан-ных в книге. Однако если вы планируете использовать его в оплачиваемой работе,то будьте осторожны. Имитация пазла (puzzle) — это настолько избитый прием,что среди профессиональных дизайнеров его применение — едва ли не приметаплохого вкуса.

Page 293: 009 Photoshop CS2

Мозаичная поверхность

Наше исходное изображение представлено на рис. 4.39.

Рис. 4.39. Исходное изображение

Весь трюк основан на знании фильтра Texturizer (Текстуризатор) и на том, чтов папке программы есть готовые карты текстур.

Запустите этот фильтр: Filter • Texture • Texturizer (Фильтр • Текстура • Текстури-затор). В списке Texture (Текстура) (рис. 4.40), открываемом при нажатии кноп-ки •, выберите Load Texture (Загрузить текстуру) и укажите файл Adobe Photo-shop CS2\Presets\Textures\Puzzle .psd.

Рис. 4.40. Настройки фильтраTexturizer (Текстуризатор)

Рис. 4 . 4 1 . Готовая мозаика

С помощью параметра Scaling (Масштаб) подберите необходимый размер ячеек,а с помощью Relief (Рельеф) — глубину соединений.

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

Page 294: 009 Photoshop CS2

Глава 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).

Page 295: 009 Photoshop CS2

Кирпичи

* OK

•[ Cancel 1

. . . .

1 1 1: . • '

••:• ••••:•

• • . • . '

Ж

:

i l l l f i i

. . ••.

S i

Рис. 4.43. Параметры фильтра Рис. 4.44. Фактура кирпичаTexturizer (Текстуризатор)

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

Для решения этой задачи у вас есть несколько инструментов: Brush (Кисть), Pencil(Карандаш) и Line (Линия). Мы рекомендуем воспользоваться кистью. Обратитевнимание, что линии должны быть абсолютно прямыми, а провести их кистьюочень сложно. Однако если использовать кисть с нажатой клавишей Shift, то поло-сы будут проводиться исключительно в вертикальном и горизонтальном направ-лениях, что нам и нужно. Учитывая все сказанное выше, нарисуйте контуры кир-пичей.

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

Размоем слой с цементом. Для этого лучше всего воспользоваться фильтромGaussian Blur (Размытие по Гауссу): Filter • Blur • Gaussian Blur (Фильтр • Размы-тие • Размытие по Гауссу). Значение параметра Radius (Радиус) должно быть рав-но примерно половине диаметра кисти, использованной при рисовании полос(рис. 4.45).

Как, наверное, уже обратили внимание читатели, фильтр Gaussian Blur (Размытиепо Гауссу) почти всегда применяется для создания заготовки перед применениемкакого-нибудь другого фильтра. Так будет и сейчас.

Для придания цементу естественного вида, то есть объема, воспользуемся фильт-ром Emboss (Барельеф): Filter • Stylize • Emboss (Фильтр • Стилизация • Барель-еф). Настройки, примененные нами, приведены на рис. 4.46. Однако значение па-раметра Angle (Угол) лучше подобрать индивидуально — он указывает, откудадолжен исходить свет для получения эффекта рельефности.

Page 296: 009 Photoshop CS2

Глава 4. Текстуры

Gaussian Blur

! pixels

angle:, -45 | ° ( \ )

tleight; |4 pixels

Anpunt: I lUl \%:~Q

Рис. 4.45. Настройки фильтра GaussianBlur (Размытие по Гауссу)

Рис. 4.46. Применение фильтра Emboss(Барельеф)

Результат применения двух последних фильтров показан на рис. 4.47.

Этот результат уже может удовлетворить многих пользователей. Действительно,изображение смотрится вполне натурально. Однако не хватает одного маленько-го, но важного штриха — цемент должен быть шершавым.

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

Рис. 4.47. Кирпичи после примененияфильтра Emboss (Барельеф)

Рис. 4.48. Кирпичная кладка <

Page 297: 009 Photoshop CS2

Рисуем штамп

4.8. Рисуем штампЧтобы задать оттиск печати, вы можете воспользоваться готовой печатью, а може-те создать его сами. Именно второй вариант как наиболее необходимый и частоиспользуемый мы и рассмотрим. Образец, с которым будем работать, — обычнаякруглая печать.

Создайте новый файл произвольного размера и цветовой модели (лучше RGB,CMYK или Lab).

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

Немного поверните изображение, так как штампы почти никогда не бывают рас-положены на бумаге ровно. На рис. 4.49 представлено изображение, с которым мыбудем работать.

После того как вы добьетесь желаемого результата, сохраните выделение в виде от-дельного дополнительного канала. Это можно сделать, щелкнув на кнопке с изо-бражением белого пунктирного кружка, расположенной внизу палитры Channels(Каналы), либо выполнив команду Select • Save Selection (Выделение • Сохранитьвыделение).

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

^ ^ н н н ^ ^ н

Рис. 4.49. Основа печати Рис. 4.50. Дополнительный канал

Теперь приступим к обработке выделения, чтобы оно стало похоже на штамп. Дляначала следует немного смягчить края, воспользовавшись фильтром Gussian Blur(Размытие по Гауссу) из набора Blur (Размытие). На рис. 4.51 представлено диа-логовое окно данного фильтра. Радиус размытия следует установить таким, чтобыизображение, сохранив свою форму и читаемость, приобрело размытые очертания.

Для изменения структуры штампа советуем воспользоваться фильтром HalftonePattern (Цветные полутона) из группы Sketch (Эскиз). В настройках данного фильт-ра (рис. 4.52) вы можете выбрать размер образовывающихся структурных единиц,

Page 298: 009 Photoshop CS2

Глава 4. Текстуры

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

' л :•

: • • •

|

. с

H a l f t o n e P a l ' . e

S , z e

C o m t a s t

P a t t e r n T y p e :

n

D o

O K

R e s e t

щ

•• ' 1 1 Ш :

Рис. 4 . 5 1 . Настройки фильтра GussianBlur (Размытие по Гауссу)

Рис. 4.52. Параметры фильтра HalftonePattern (Цветные полутона)

Примените фильтр Stamp (Линогравюра): Filter • Sketch • Stamp (Фильтр • Эскиз •Линогравюра). Использованные нами настройки приведены на рис. 4.53. Этотфильтр необходим для того, чтобы сделать изображение грубее, а также для при-дания краям неровных очертаний. Значение Light/Dark Balance (Баланс света и тени)установите равным примерно 12-20, a Smoothness (Сглаживание) — 3.

Примените еще раз фильтр Gussian Blur (Размытие по Гауссу), выбрав небольшойрадиус действия, чтобы создать эффект потекших чернил (рис. 4.54).

Gaussian Blur

100% . (Tj : V

Radius;! 1,5 I pixels

Рис. 4.53. Параметры фильтра Рис. 4.54. Снова применяем фильтр Gaussian BlurStamp (Линогравюра) (Размытие по Гауссу)

Page 299: 009 Photoshop CS2

Эффект жалюзи

Теперь у вас есть канал, готовый к использованию (рис. 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 (Высота).

Page 300: 009 Photoshop CS2

Глава 4. Текстуры

Рис. 4.57. Исходное изображение

Создайте заготовку (Ctrl+N). Обратите внимание на размеры. Ширина должна со-ответствовать ширине отобранной фотографии, а высота необходима примернов 7-8 раз меньше. Фон (слой Background) обязательно должен быть прозрачным(Transparent).

Теперь, используя инструмент Rectangular Marquee (Прямоугольное выделение),выделите верхнюю треть нового изображения. Вы можете улучшить внешний видбудущих жалюзи, если сделаете их не прямоугольными, а несколько скошеннымипо краям. Для этого нужно изменить выделение, используя команду Select • Trans-form Selection (Выделение • Преобразовать выделение) с параметром Distort (Де-формация).

Установите цвета в состояние по умолчанию (клавиша D) и выберите инструментGradient (Градиент). Обратите внимание на тип используемого градиента: вам иде-ально подходит Linear (Линейный). Залейте выделение таким образом, чтобы по-лучилось нечто подобное рис. 4.58.

Рис. 4.58. Заливка пластины жалюзи градиентом

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

Основа для создания эффекта готова. Удалите выделение (Ctrl+D либо Select • De-select (Выделение • Отменить выделение)). Определите имеющееся изображениекак образец заливки: Edit • Define Pattern (Редактирование • Определить образец).В результате на палитру образцов добавится новый.

Page 301: 009 Photoshop CS2

Эффект жалюзи

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

В Photoshop можно заливать не только однородным цветом, но и образцом, то естьлюбой картинкой, которую вы определили как образец. Это свойство программынам и нужно использовать. Создайте новый слой (Shift+Ctrl+N). Выполните коман-ду Edit • Fill (Редактирование • Заливка), указав в качестве источника Pattern (Об-разец) и выбрав только что созданный образец. В результате вы получите то, чтопоказано на рис. 4.59.

Рис. 4.59. Заливка изображения текстурой

Результат уже достаточно похож на жалюзи, однако можно добиться и большегосходства.

Придадим пластинам объем. Для этого откройте палитру Channels (Каналы) и со-здайте новый канал, нажав кнопку с изображением чистого листа. Залейте его ана-логично тому, как только что залили слой.

Перейдите к каналу RGB. Никаких изменений изображения вы не увидите, так какальфа-канал — это просто одна из форм выделения и отношения к изображению неимеет. Воспользуйтесь фильтром Lighting Effects (Эффекты света): Filter • Ren-der • Lighting Effects (Фильтр • Освещение • Эффекты света). Обязательно устано-вите в качестве Texture Channel (Канал текстуры) канал Alpha 1. Остальные парамет-ры показаны на рис. 4.60.

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

Для выполнения данной задачи применяется все тот же фильтр Lighting Effects(Эффекты света). Перейдите на слой с фотографией и примените этот фильтр.

Page 302: 009 Photoshop CS2

Глава 4. Текстуры

Настройки можно задать визуально (установленные нами параметры изображенына рис. 4.61).

i 2 O'clock Spotlight Ц|

! fSa

| Antace: N e 3 ? l l v e 36 ^Positive.

Texture Channel: jNone Ц;

Рис. 4.60. Придание текстуре объема с помощью фильтра Lighting Effects (Эффекты света)

MghJijig JEffects

Style: | 2 O'clock Spotlight ::«Й •

;•: Light type: iOmni

; ок J:""*

Cancel [•

Intensity;Foe h

'f Properties;i Gloss:

Full

Matte -25

i Material:Г Exposure: . U n d e l

i Ambience:

Plastic -58 Metallic

-21 Ovet:

6 Positive.

Texture Channel: [None

SO M i

Рис. 4 . 6 1 . Настройка освещенности

Итоговое изображение представлено на рис. 4.62.

Page 303: 009 Photoshop CS2

Гранит

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 (Изображение • Настройки • Уровни).

Page 304: 009 Photoshop CS2

Глава 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). При работес небольшими изображениями на этом варианте уже можно остановиться.

Page 305: 009 Photoshop CS2

Гранит

( Cancel

ReticulationDensity

Foreground Level^ .* ^ „ ^ ^ ^ ^Backgtound Level

V .

[26 |

j с i

. ™. ^

Рис. 4.66. Изображение после Рис. 4.67. Параметры фильтра Reticulationкоррекции яркости (Ретикуляция)

Рис. 4.68. Настройки фильтра Gaussian Blur Рис. 4.69. Текстура гранита(Размытие по Гауссу)

Если вы хотите добиться еще более правдоподобного результата, то нужно выпол-нить следующие действия.

Откройте палитру Layers (Слои) и создайте новый слой. Это можно сделать, щелк-нув мышью на кнопке с изображением чистого листа, расположенной внизу палит-ры, или с помощью команды Layer • New • Layer (Слой • Создать • Слой).

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

После того как все операции будут выполнены, изображения, расположенного на ста-ром слое, станет не видно. Исправить это можно, изменив Opacity (Непрозрачность)верхнего слоя. Установите ее равной 50—70 %. Измените также режим наложения

Page 306: 009 Photoshop CS2

Глава 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++). Залейте выделение чер-

Page 307: 009 Photoshop CS2

Строчная развертка телевизора

ным цветом, используя инструмент Paint Bucket (Заливка). Аналогичным образомсоздайте еще две серые полосы, ориентируясь на рис. 4.72. Это заготовка для бу-дущих строк.

Рис. 4 . 7 1 . Исходное изображение

У Untitled-1 Ф 1200% (RGB/BJ

Рис. 4.72. Заготовка для строк

Сейчас мы будем использовать очень полезную функцию — заливку по образцу.Прежде всего выделите все изображение (Ctrl+A). Затем определите образец повыделению: Edit • Define Pattern (Редактирование • Определить образец). Назовемего Line. Теперь файл с линиями можно закрыть — он нам больше не понадобится.

Сделайте исходное изображение активным. Перейдите на палитру Channels (Кана-лы) и создайте на ней новый канал, нажав кнопку с изображением чистого листа.С этим каналом мы и будем работать.

Page 308: 009 Photoshop CS2

Глава 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 " f f i i T l

0 Previe

Рис. 4.74. Использование Levels (Уровни)

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

Работа выполнена (рис. 4.75).

Page 309: 009 Photoshop CS2

Мрамор

Рис. 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 • Ren-der • Clouds (Фильтр • Освещение • Облака). Однако теперь мы не будем исполь-зовать фильтр Find Edges (Найти края), так как назначение этого слоя — создать

Page 310: 009 Photoshop CS2

Глава 4. Текстуры

крупные черные участки на текстуре, а не мелкий рисунок, как это было с преды-дущим слоем.

Bright ness/Contrast

Brightness:

Contrast:

QK

[ Reset

0 Preview"

Рис. 4.76. Изображение послеприменения фильтра Clouds (Облака)

Рис. 4.77. Использование Brightness/Contrast(Яркость/Контраст)

Чтобы превратить «облака» в черные области, опять используем команду Ima-ge • Adjustments • Brightness/Contrast (Изображение • Настройки • Яркость/Кон-траст). Не стоит устанавливать максимальное значение контрастности — вы про-играете в реалистичности из-за чрезмерно резкого перехода цветов. Настройкиследует задать примерно такие: Brightness (Яркость) — 10, Contrast (Контраст) — 84.Результат представлен на рис. 4.78.

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

На палитре Layers (Слои) щелкните правой кнопкой мыши на втором слое и выбе-рите в контекстном меню пункт Blending Options (Параметры наложения). В открыв-шемся окне нас интересует только один параметр — Blend Mode (Режим наложе-ния). Необходимо задать для него значение Exclusion (Исключение). В итоге слоиперемешаются самым подходящим способом (рис. 4.79). Но лучше поэксперимен-тировать — возможно, другой режим смешения дает более впечатляющую картин-ку в вашем случае.

Рис. 4.79. В результате смешения двух слоевмы получили почти готовый мрамор

Рис. 4.78. Второй слойизображения

Page 311: 009 Photoshop CS2

Эффект скорости

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

Исправить это просто. Выделите нижний слой и примените Hue/Saturation (Тон/Насыщенность) с настройками, показанными на рис. 4.80.

Hue/Saturation

Hue: j 227 j

Saturation: j Ё !

Lightness; j -8

4$ S? i?' : '• ,--'v • Ж /С

шjI OK jL Reset . J1 Load,,, 1I gave.,. 1

M Cfllofize

Рис. 4.80. Настройки Hue/Saturation (Тон/Насыщенность)

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

Рис. 4.81. Мрамор <$*£)

4.13. Эффект скоростиИмитация скорости — один из наиболее востребованных приемов в профессио-нальном дизайне. Дело в том, что скорость позволяет очень хорошо задать на-строение работы или подчеркнуть те или иные качества рекламируемого пред-мета, а готовые фотографии такого содержания чрезвычайно редки.

Page 312: 009 Photoshop CS2

Глава 4. Текстуры

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

i i i i l l S I P ffiiiii!

Рис. 4.82. Исходное изображение

Начнем с крутящихся колес. Сымитировать их чрезвычайно просто Запуститеинструмент ElL,pt,cal Marquee (Эллиптическое выделение) и выделите колесо За-тем примените фильтр Radial Blur (Радиальное размытие из группы Blur (Размы-тие) с настройками, показанными на рис. 4.83. ^

- Р б 3 у Л Ь Т а Т Д О Л Ж е н б ы т ь

Рис. 4.83. Настройки фильтра Radial Blur (Радиальное размытие)

Для начала необходимо выделить корпус автомобиля, применив наиболее удоб-ный для вас инструмент выделения. Вырежьте полученную область на новьгйслои, для чего щелкните правой кнопкой мыши на фоновом слое и из контекстного меню выберите команду Layer via Cut (Слой вырезанием)

Page 313: 009 Photoshop CS2

Эффект скорости

Рис. 4.84. Колеса уже в движении

Нижний из двух одинаковых слоев необходимо размыть. Для этого отлично под-ходит специальный фильтр: Filter • Blur • Motion Blur (Фильтр • Размытие • Раз-мыть в движении). Диалоговое окно данного фильтра с использованными на-стройками представлено на рис. 4.85.

Рис. 4.85. Диалоговое окно фильтра Motion Blur (Размыть в движении)

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

Page 314: 009 Photoshop CS2

r f l - lГлава 4. Текстуры

позади движущегося объекта. Возможно, какие-то элементы корпуса придется за-тереть с помощью инструмента Eraser (Ластик).

Второй слой показан на рис. 4.86. Чтобы передвинуть слой, можно воспользовать-ся инструментом Move (Перемещение) («горячая» клавиша — V).

Рис. 4.86. Второй слой

Для большей реалистичности следует передать иллюзию движения не только сзадифигуры, но и над ней. Для этого создайте копию размытого слоя и примените к нейфильтр Motion Blur (Размыть в движении), но уже с силой сноса, вдвое превышаю-щей значение первого применения, и сдвиньте чуть дальше. Затем измените режимналожения пикселов верхнего слоя на Overlay (Перекрытие). После этого изобра-жение вновь станет четким и будет частично размыто сверху и сзади (рис. 4.87).

I I :• | И! к :

I

Рис. 4.87. Автомобиль уже мчится на большой скорости

Page 315: 009 Photoshop CS2

Компакт-диск

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

Рис. 4.88. Автомобиль в движении i

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

Создайте новое изображение (Ctrl+N) в формате RGB размером 400 х400 пиксе-лов. В качестве фонового цвета лучше всего выбрать белый.

Так как рисование компакт-диска потребует точного выравнивания фигур по цен-тру изображения, включите линейки: View • Rulers (Вид • Линейки). Если размер-ность на них будет не в пикселах, а в сантиметрах, то измените установки програм-мы: Edit • Preferences • Units & Rulers (Правка • Установки • Единицы и линейки).

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

жения.

Перейдем непосредственно к рисованию диска. Запустите инструмент EllipticalMarquee (Эллиптическое выделение), на панели параметров включите режим FixedSize (Фиксированный размер) и задайте размер 340 х 340 пикселов. Это — основ-ной диаметр будущего диска.

Page 316: 009 Photoshop CS2

Глава 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 fromselection (Исключить из выделения) в центр изображения. Залейте полученноевыделение белым цветом.

Теперь нам в первый раз в примере понадобятся незаменимые слоевые эффекты,а точнее, Gradient Overlay (Заливка градиентом). Удобнее всего запустить его кноп-кой Add a layer style (Добавить слоевой эффект) на палитре Layers (Слои).

Нам понадобится самый обычный градиент от черного цвета к белому. Правда,его нужно немного подкорректировать. Щелкните левой кнопкой мыши на ин-струменте Gradient (Градиент) и смените черный цвет на темно-серый, а белый —на светло-серый.

Page 317: 009 Photoshop CS2

Компакт-диск

Остальные настройки Gradient Overlay (Заливка градиентом) показаны на рис. 4.90.

Gradient Overlay

{ Blend Mode: |Normal| Opacity:I Gradient s

Style; JLinear 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 (Создать новый слой)). Затем выполните

Page 318: 009 Photoshop CS2

ГГУ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 • NewAdjustment Layer • Hue/Saturation (Слой • Новый корректирующий слой • Тон/На-сыщенность). Использованные авторами настройки показаны на рис. 4.96.

На палитре Layers (Слои) установите Opacity (Непрозрачность) для корректирую-щего слоя в пределах 25-40 % (это лучше определить на глаз).

Page 319: 009 Photoshop CS2

Компакт-диск

Рис. 4.95. Компакт-диск после обрезания слоя Радуга

Hue/Saturation

. Цие:

Saturation:

Lightness:

• . [227 !

[44 |

Гщ 1

Щ]-••• ••••• 11: 1 ok 1 \\ [ Reset! [ Lpad.., .fl! I Save...

;•:•• • 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 есть готовые

Page 320: 009 Photoshop CS2

Глава 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).

Уже значительно лучше, но диск все еще не выглядит реалистичным. Особеннопортят его чрезвычайно резкие переходы цвета в слое Радуга. Это нам и нужно ис-править.

Page 321: 009 Photoshop CS2

Компакт-диск

А сделать это очень просто. Запустите фильтр Radial Blur (Радиальное размытие):Filter • Blur • Radial Blur (Фильтр • Размытие • Радиальное размытие) с настройка-ми, показанными на рис. 4.100.

Bevel and EmbossStructure

Style:Technique/

Depth; f

. Direction;

Soften: f

: ; Altitude?

Gloss Contour:

Highlight Mode:Opacityi

S h a d o w M o d e :

O p a c i t y ;

I n n e r B e v e

C h i s e l H a r d

t? Up Г

© S

Screen

Multiplv

*

_ n — %

Down

, П "" DX

---1 |'гГ'~'~""ох

lisa «ЭоЫ Light

Г* Anti-aBased

—-Л ' f^ %

Radial Blur

Amount 33

Reset

© S p i n

• Q u a l i t y : ••

: Blur Center

Рис. 4.99. Параметры Bevel and Emboss(Скос и рельеф)

Рис. 4.100. Применение фильтра Radial Blur(Радиальное размытие)

После этого в нижней части изображения появятся разноцветные пикселы. Этопобочный эффект от использованного фильтра, который очень просто исправля-ется инструментом Eraser (Ластик). Результат показан на рис. 4.101. Если ваш дискне похож на представленный на рисунке, то попробуйте применить фильтр RadialBlur (Радиальное размытие) еще раз.

Остался последний шаг — создание внешней кромки диска. Это уже совсем просто.

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

Выполните команду Select • Modify • Border (Выделение • Изменить • Граница).Величину границы задайте равной 3 пикселам. Залейте получившееся выделениетем же цветом, каким залит центр диска. Затем запустите слоевой эффект DropShadow (Внешняя тень). Настройки показаны на рис. 4.102.

Кроме того, можно добавить еще эффект Inner Shadow (Внутренняя тень) с темиже настройками (авторы так и поступили).

Сведите все слои (Shift+Ctrl+E). Итоговое изображение показано на рис. 4.103.

Page 322: 009 Photoshop CS2

Глава 4. Текстуры

<•.••"

: D r o p S h a d o w ~ ~ "

S t r u c t u r e :

m d M o d f t i J M u l t i p I v

r-

131 * f? Use<31оЫtighi

Layer Knocks Out Drop Shadow

Рис. 4 . 1 0 1 . Диск после применения фильтраRadial Blur (Радиальное размытие)

Рис. 4.102. Настройки эффекта DropShadow (Внешняя тень)

Рис. 4.103. Компакт-диск dj^)

4.15. Штрих-кодЭто очень простой пример, который выполняется мгновенно даже самым неопыт-ным пользователем. Но он позволяет нарисовать то, что используется очень частов дизайнерской работе, так как достаточно хорошо выражает идеи коммерциали-зации в лучшем случае и продажности в худшем. Это — штрих-код.

Создайте новое изображение (Ctrl+N) в любой цветовой модели. Авторы предпочлиRGB. Размеры изображения должны быть небольшими — оптимально 300 х 100 пик-селов. Фоновый цвет — белый.

Page 323: 009 Photoshop CS2

Штрих-код

Применим фильтр Add Noise (Добавить шум): Filter • Noise • Add Noise (Фильтр •Шум • Добавить шум) с настройками, показанными на рис. 4.104.

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

Так и сейчас, превратим шум в полосы. Для этого примените фильтр Motion Blur(Размыть в движении) с настройками, показанными на рис. 4.105.

| 400

--• DistributionI Oyrtform

0 gaussian0 Monochromatic

Motion Blur

. Reset

В Pre

Angle: 90

Q 100% Q.

U П

Distance; 999 i pixels

Рис. 4.104. Настройки фильтра Add Noise(Добавить шум)

Рис. 4.105. Использование фильтра MotionBlur (Размыть в движении)

Результат последнего действия уже напоминает штрих-код, однако полосок слиш-ком много, и они слишком тонкие. Это очень легко исправить, увеличив контрастизображения. Для этого подходит несколько инструментов, мы остановили выборна своих любимых кривых (Curves) (Ctrl+M). Необходимые настройки показаны нарис. 4.106.

Если все сделано правильно, то результат будет похож на рис. 4.107.

Текстура готова. Однако для большей убедительности нужно выполнить еще двадействия.

Запустите инструмент Rectangular Marquee (Прямоугольное выделение), выдели-те фрагмент в нижней части изображения (на этом этапе ориентируйтесь на ито-говое изображение) и нажмите клавишу Delete.

Page 324: 009 Photoshop CS2

Глава 4. Текстуры

Рис. 4.106. Использованная в примере кривая

После этого с помощью инструмента Horizontal Type (Горизонтальный текст) вве-дите в созданной области произвольный набор цифр. Шрифт и размеры подбери-те на глаз. Возможно, стоит еще применить Brightness/Contrast (Яркость/Контраст)(рис. 4.108).

ПИШИ

Brightness/Co ntrast

brightness::...:•-• : '••'•• ••••... • W

Contrast:

;+i J Г..L

I

ResetEreview

3!1

Рис. 4.107. Работа после Рис. 4.108. Настройки Brightness/Contrastувеличения контраста (Яркость/Контраст)

Пример выполнен. Готовое изображение показано на рис. 4.109.

Рис. 4.109. Штрих-код•

4.16. Кристаллы

Мы долго думали о том, в какую главу лучше поместить этот пример — про тек-стуры, природные явления или имитацию объема. Дело в том, что этот пример

Page 325: 009 Photoshop CS2

Кристаллы

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

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

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

Затем примените фильтр Lens Flare (Блик): Filter • Render • Lens Flare (Фильтр • Осве-щение • Блик) с настройками, показанными на рис. 4.110. Обратите внимание, чтоблик должен быть расположен в центре изображения.

Flare Center:

Brightness;

Lens Type

©S0-3OOmra£oom

О 25mm Prime

О iO5mm Prltie

ovie Prime

OK

Reset

\m

Рис. 4.110. Диалоговое окно фильтра Lens Flare (Блик)

Теперь с помощью команды Image • Canvas Size (Изображение • Размер холста)увеличим размеры изображения в два раза. Настройки для этой операции показа-ны на рис. 4.111.

Теперь необходимо превратить блик в достаточно большое разноцветное пят-но. Для этого идеально подходит фильтр Fresco (Фреска): Filter • Artistic • Fresco(Фильтр • Имитация • Фреска) (рис. 4.112).

Работа на этом этапе показана на рис. 4.113. Теперь вы можете понять, зачем былообязательно располагать блик в центре изображения — он вырос многократнои если бы был с краю, просто не поместился бы.

Page 326: 009 Photoshop CS2

Глава 4. Текстуры

"Current Size; 468,8К ••: --•-—-

Width: 400 pixels

Height: «tOO pixels;•••• New See: 1.8ЭЙ

| • Wjdth:::[800 "

Height: [ i o c i

L . . .... • Relative

i . Anchor: i x ; J T :

iii pixels •*! i

H pixels Щ'

ш

Canvas extensbri color: 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).

Page 327: 009 Photoshop CS2

Кровожадная текстура

' ©Pyramids •

IIZK 24 Wxeb

Qepth; 1200 ] О Random Okeve*~based

f~l Mask Incomplete Blocks i •

Рис. 4.114. Настройки фильтра Extrude (Выдавливание)

Вы же можете немного поэкспериментировать, создавая кристаллы разного цветаи освещенности. Пример выполнен полностью (рис. 4.116).

Hue/Saturation

Hue:

Saturation:

lightness:

Рис. 4.116. КристаллыРис. 4.115. Настройки Hue/Saturation(Тон/Насыщенность)

4.17. Кровожадная текстураОсновной областью применения текстур является трехмерная графика, в том чис-ле проектирование моделей для компьютерных игр. А современные игры, особен-но «ходилки-стрелялки», как известно, изобилуют кровавыми сценами.

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

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

Создайте изображение (Ctrl+N) в цветовом режиме RGB размером 400 х 400 пик-селов. Фон сразу залейте черным цветом.

Page 328: 009 Photoshop CS2

Глава 4. Текстуры

Основная работа в этом примере будет сделана инструментом Gradient (Градиент)Выберите готовый вариант Foreground to Transparent (От цвета переднего планак прозрачному), остальные настройки показаны на рис 4 117

—ЫРис. 4.117. Настройки градиента

Установите в качестве основного цвета (Foreground Color) ярко-красный (R255GO ВО). Затем нарисуйте инструментом Gradient (Градиент) две полосы разнойтолщины, как показано на рис. 4.118. Сделать это очень просто - вы представлявте как должна идти полоса, и проводите градиентом, удерживая лев'ую кнопкуЛин™'. В С П 0 М 0 Г а т е л ь н У ю л и н и ю > по длине соответствующую толщине будущей

™ г п ^ Т 0 Г 0 К Э К К Р а С Н Ы е П ° Л 0 С Ы С ° З Д а Н Ы ' 0 Т К Р ° й т е окно Color Picker (Цветовая па-литра) для основного цвета (щелкнув на нем на палитре инструментов) и увеличь-те значение параметра Hue (Тон) до 50. Цвет изменится на желтый. Точно так жекак это было с красным, нарисуйте две полосы разной толщины.

Повторите это действие также для следующих значений Hue (Тон): 100, 150, 200250 и 300. Старайтесь располагать полосы таким образом, чтобы они распределя-лись по изображению равномерно. Р^аределя

Результат после этого шага показан на рис. 4.118.

Создайте новый слой (Shift+Ctrl+N). Повторите действия, которые были произве-дены для первого слоя. Конечно же, не нужно повторять расположение полос и их

а " Г : / 3 ° б 0 Р 0 Т ' Э Т 0 Т С Л ° Й Д ° Л Ж е Н ° Т Л И ™ о т п^воп,, и чем больше будетэто отличие, тем качественнее получится результат.

MnH™rpOJIOC И З М 6 Н И Т е Д Л Я ВТОРОГ° С Л ° Я Н а П а л и т Р е 1 аУе Г 5 (Слои) режимg Mode (Режим наложения) на Difference (Разность). Объедините слои

(Ctrl+E). Результат будет похож на рис. 4.119.

Рис. 4.118. Первый слой с полосами Рис. 4.119. Два слоя с полосами

Page 329: 009 Photoshop CS2

Кровожадная текстура

Придадим нашей работе кровавый цвет. Как вы уже убедились, лучший инстру-мент для этого — 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 • PlasticWrap (Фильтр • Имитация • Целлофановая упаковка) с настройками, показанны-ми на рис. 4.122.

Затем дублируйте слой, перетащив его на значок в виде белого листа бумаги на па-литре Layers (Слои). На новом слое нужно изменить значение параметра BlendingMode (Режим наложения) на Overlay (Перекрытие). Готовое изображение показанона рис. 4.123.

1

. .сPlastic WrapHighlight StrengthDetailSmoothness

OKReset

Рис. 4.122. Параметры фильтра Plastic Рис. 4.123. Кровожадная текстура iWrap (Целлофановая упаковка)

Page 330: 009 Photoshop CS2

Глава 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 (Направление) на Fromthe 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).

Page 331: 009 Photoshop CS2

Сгусток плазмы

Рис. 4.125. Настройки фильтра Wind(Ветер)

Polar Coordinates

Reset

Э 5 0 % г ..;

} £ectangu!er to Polar

Рис. 4.127. Диалоговое окно фильтраPolar Coordinates (Полярные координаты)

Motion Blur

Рис. 4.126. Параметры фильтра Motion Blur(Размыть в движении)

Рис. 4.128. Готовый «плазменный круг»

Сейчас нам нужно окрасить полученное изображение так, чтобы оно стало похо-же на то, что большинство людей представляет себе при слове «плазма». Дляэтого примените слоевой эффект Outer Glow (Внешнее свечение): Layer • LayerStyle • Outer Glow (Слой • Стиль слоя • Внешнее свечение). Использованные авто-рами параметры показаны на рис. 4.129.

Page 332: 009 Photoshop CS2

Глава 4. Те кету р ы

Outer blow .: &

Tecbn.gue Sorter V

: serajdi , 4 :.. '•

' Я»: О

: &щ он

Рис. 4.129. Параметры фильтра Outer Glow (Внешнее свечение)

Дублируйте слой с кольцом еще дважды и, предварительно уменьшив слои с по-мощью Free Transform (Свободное трансформирование) (Ctri+T), поместите одинвнутрь другого (на этом этапе можно ориентироваться на итоговое изображение).Сведите все слои (Shift+Ctrl+E).

Добавим последний штрих, который свяжет все в одно целое: Filter • Render • LensFlare (Фильтр • Освещение • Блик) (рис. 4.130).

Готовое изображение показано на рис. 4.131.

Рис. 4.130. Настройки фильтра Lens Flare (Блик) Рис. 4 . 1 3 1 . Сгусток плазмы i

Page 333: 009 Photoshop CS2

Глава 5

Имитация природных явлений• Восход солнца• Закат солнца• Радуга• Дождь• Туман• Молния• Засыпаем пустыню

снегом• Делаем из дня ночь

• Отражение в воде• Наращиваем небо• Взрыв и огоньU Солнце• Солнечное затмение• Рисуем космосLJ Осенняя листва

Page 334: 009 Photoshop CS2

Глава 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 (заодно сравните, так ли в вашем ва-рианте выглядит выделение).

Page 335: 009 Photoshop CS2

Восход солнца

Color Range

..ОК..

Reset

D i v e r t

© Selection 01щаде

i Preview: j None

Рис. 5.2. Настройки Color Range (Цветовой диапазон)

Hue/Saturation

• Edit: I Master

Saturation:

OK

1 Reset

1 Load,,,"

Save,.,

Dcgtortee;0Pjeview

Рис. 5.З. Настройки Hue/Saturation (Тон/Насыщенность)

l l l l l• 1 1 1\Щ

1

\if

. |". л .

v:'

mm

щШ

Рис. 5.4. Изображение с выделением

Page 336: 009 Photoshop CS2

Глава 5. Имитация природных явлений

Теперь можно заняться непосредственно восходом. Создайте новый слой, нажавсочетание клавиш Shift+Ctrl+N. Обратите внимание на то, что созданное ранее вы-деление должно оставаться активным.

Запустите инструмент Gradient (Градиент) в режиме Radial (Радиальный). Открой-те Gradient Editor (Редактор градиентов) и создайте новый образец, представляю-щий собой переход от светло-желтого цвета (мы остановились на оттенке со зна-чениями R255, G255, В228) к прозрачности.

Залейте им небо, поместив центр в точке предполагаемого нахождения солнца.Наш вариант можно видеть на рис. 5.5.

i l l

Рис. 5.5. Первый намек на восход

Теперь нарисуем сам солнечный диск. Для этого сделайте активным абсолютнобелый цвет и запустите инструмент Brush (Кисть), выбрав кисть с мягкими края-ми. Нарисуйте круг. Благодаря тому, что солнце не может быть видно четко, этобудет просто сделать даже начинающим пользователям Photoshop. Результат это-го шага показан на рис. 5.6.

Рис. 5.6. Солнце готово

Page 337: 009 Photoshop CS2

Восход солнца

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

Инвертируем выделение, нажав Shift+Ctrl+I. Теперь мы можем работать со всем,кроме неба. Для начала повысим насыщенность цветов с помощью Image • Adjust-ments • Hue/Saturation (Изображение • Настройки • Тон/Насыщенность) с настрой-ками, показанными на рис. 5.7.

Hue/Saturation

Edit: ] Master ^

Hue:

Saturation;

Lightness:

• • • • : ' >

Ш I

! +20

10

1

1

г

OKResetLoad,,,Save...

I1

1

Рис. 5.7. Настройки Hue/Saturation (Тон/Насыщенность)

Затем добавим контраст. Для этого отлично подходит инструмент Brightness/Contrast (Яркость/Контраст) из той же группы Adjustments (Настройки). Исполь-зованные авторами настройки показаны на рис. 5.8.

Bright ness/Cont rest

grl thess:

Contrast:

OK~"Q

Рис. 5.8. Настройки Brightness/Contrast (Яркость/Контраст)

Результат нашей работы на этом этапе можно видеть на рис. 5.9.

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

Page 338: 009 Photoshop CS2

Глава 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). Мы получили качественный и реалистич-ный восход солнца, который любой несведущий в компьютерной графике человеквоспримет как настоящий.

Page 339: 009 Photoshop CS2

Закат солнца

Hue/Saturation

••• Edit:; MasterHue:

Sgtura• . - • " % . . . .

U g h t n

— , — _

( t e n :

3 s s :

\ о i

i?• • '•• •.;.,............: '. ••• i

LJCgoras'-

Рис. 5 . 1 1 . Настройки Hue/Saturation (Тон/Насыщенность) для уменьшения яркости пальмы

Рис. 5.12. Восход солнца &£)

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

Сначала нужно правильно подобрать фотографию. На ней не должно быть видносолнца, она не должна быть слишком яркой. Наш вариант можно видеть на рис. 5.13.

Выделим небо. Как и в примере про имитацию восхода, для этого отлично подхо-дит инструмент выделения по цветовому признаку Color Range (Цветовой диапа-зон): Select • Color Range (Выделение • Цветовой диапазон). Примененные автора-ми настройки показаны на рис. 5.14.

Page 340: 009 Photoshop CS2

Глава 5. Имитация природных явлений

Рис. 5.13. Исходное изображение i Рис. 5.14. Настройки Color Range (Цветовойдиапазон)

Так как цвет неба достаточно близок к цвету развалин, после использования ColorRange (Цветовой диапазон) часть их может попасть в выделение. Исправить этоможно инструментом Lasso (Лассо) с нажатой клавишей Alt. В итоге выделениедолжно точно повторять контуры неба (рис. 5.15).

Рис. 5.15. Выделение должно захватывать только небо

Page 341: 009 Photoshop CS2

Закат солнца

Создайте новый слой (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.

Page 342: 009 Photoshop CS2

Глава 5. Имитация природных явлений

Рис. 5.17. Работа после наложенияградиента

Gaussian Blur

Reset

0 Preview

Radius; pixels

Рис. 5.18. Настройки фильтра GaussianBlur (Размытие по Гауссу)

Рис. 5.19. Солнце нарисовано с помощью градиента

Page 343: 009 Photoshop CS2

Закат солнца

Работа практически выполнена. Единственное, что осталось сделать, — немногооткорректировать цвета изображения и его контрастность, чтобы усилить тени.Мы для решения этой задачи воспользуемся инструментом Levels (Уровни): Ima-ge • Adjustments • Levels (Изображение • Настройки • Уровни) (рис. 5.20).

-Qiannehi RGB Д ! :

Input Levels: [ 14 11,00 1]~218L

1

сL1

OKResetLoad,.Save,.uto.Options,

I

.j

Output Levels: i 0 j 255

В Preview!

Рис. 5.20. Настройки Levels (Уровни)

Эффект выполнен (рис. 5.21). Получилось очень даже реалистично, не правда ли?

• : • • • - . - . • •••

. . : • • • • • • •

Рис. 5 . 2 1 . Закат солнца ( ^

Page 344: 009 Photoshop CS2

Глава 5. Имитация природных явлений

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

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

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

Вариант, выбранный авторами, показан на рис. 5.22.

Рис. 5.22. Исходное изображение &£)

Чтобы получить изображение радуги, нужно ответить на два вопроса: как создатьподходящий градиент и как его правильно наложить?

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

Page 345: 009 Photoshop CS2

Радуга

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

Нам нужен новый слой (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.

Page 346: 009 Photoshop CS2

Глава 5. Имитация природных явлений

Itlil

I

• • • • : . • :

• • • . - . • • • : • • '

• I I I " "

" •

-• - • - •

• • • • • : • • • : • • • : . . • ; • • : ; • • ••

:

i i i i

Й1Ц111l i l l i l . :i i i l l f ;

• • • • • • • • • .

Рис. 5.24. Слой с созданным градиентом Рис. 5.25. Выделение вокруг будущей радуги

Инвертируем созданное выделение, нажав сочетание клавиш Shift+Ctrl+I. Затемудалите все лишнее (Delete). Изображение примет вид, показанный на рис. 5.26.Теперь выделение можно убрать (Ctrl+D).

Рис. 5.26. Заготовка для радуги на изображении

Но, разумеется, радуга не может иметь таких резких границ, как у нас сейчас. Мы бымогли этого не допустить, если бы до удаления лишнего со слоя с градиентом при-менили к выделению команду Feather (Растушевка). Однако следующее действиепозволяет получить тот же самый результат, но еще более качественный и реалис-тичный. Примените фильтр Gaussian Blur (Размытие по Гауссу): Filter • Blur • Ga-ussian Blur (Фильтр • Размытие • Размытие по Гауссу) с настройками, показанны-ми на рис. 5.27.

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

Page 347: 009 Photoshop CS2

Радуга

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%.

Page 348: 009 Photoshop CS2

Глава 5. Имитация природных явлений

На этом пример выполнен (рис. 5.30). Получилось вполне реалистично, не правда ли?

Рис. 5.30.

5.4. Дождь

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

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

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

Перейдите в меню Layer (Слой) и создайте новый слой: Layer • New • Layer (Слой • Соз-дать > Слой) (Shift+Ctrl+N). Для удобства назовем его Дождь. Залейте этот слой чер-ным или белым цветом (дело вкуса, технически не имеет значения).

Page 349: 009 Photoshop CS2

Дождь

Рис. 5.31. Исходное изображение (£)

Примените к данному слою фильтр Add Noise (Добавить шум): Filter • Noise • AddNoise (Фильтр • Шум • Добавить шум). Установите флажок Monochromatic (Моно-хромный) (рис. 5.32).

Этот параметр реализует шум в серых тонах, в отличие от простого шума, в кото-ром пикселы случайным образом распределяются по разным цветовым каналам.Установите большую силу действия данного фильтра (Amount (Эффект)), осталь-ные параметры значения не имеют. В результате процентное соотношение белогои черного цветов на изображении будет примерно 50/50, поэтому цвет первона-чальной заливки и не был важен.

Чтобы придать этой массе разрозненных точек форму струй дождя, воспользуй-тесь фильтром Filter • Blur • Motion Blur (Фильтр • Размытие • Размыть в движе-нии). Наклон и силу действия установите по своему усмотрению. Все зависит оттого, какой дождь вам нужен (летний грибной или ураганный). Наши настройкиприведены на рис. 5.33.

Переведите слой Дождь в режим Screen (Осветление), воспользовавшись свойства-ми наложения пикселов слоя — Blending Options (Параметры наложения). Этопозволит убрать черные полосы. Чтобы струи стали тоньше, можно настроитьяркость изображения с помощью уровней яркости: Image • Adjustments • Levels(Изображение • Настройки • Уровни) (сочетание клавиш Ctrl+L) (рис. 5.34). Чемближе вы установите белый и черный маркеры, тем тоньше будут струи дождя.

Page 350: 009 Photoshop CS2

Глава 5. Имитация природных явлений

Motion Blur

Рис. 5.32. Настройки фильтра Add Noise(Добавить шум)

Channel: | RGB Щг~: •

Input Levels: i 88 j Jlffii i Г190

Qjtput Levels: j 0 [ 255

QK

Reset

0 Preview

i l l

lilliiil ie •Angle:! -63

Cfetance; j 44 i pixels

Рис. 5.33. Фильтр Motion Blur (Размытьв движении)

f ок i

Reset

Load,,.

. Save,,,

В Preview

Рис. 5.34. Уровни яркости для данного примера

Теперь можно добавить немного мрачности небу, если есть необходимость. В этомможет помочь старый прием, который уже описывался ранее. Создайте еще одинслой (Shift+Ctrl+N). Выберите инструмент Gradient (Градиент), цвета установитечерный и белый, тип градиента — линейный. Темная часть градиента должна рас-полагаться сверху, а светлая снизу. Двойным щелчком мышью на данном слое напалитре Layers (Слои) откройте окно Layer Style (Стиль слоя), выберите в немрежим Multiply (Умножение), после чего подкорректируйте прозрачность (Trans-

Page 351: 009 Photoshop CS2

Туман

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).Данный слой будет корректирующим, то есть предметных изменений в изображе-ние он не внесет, однако повлияет на общий вид иллюстрации.

Page 352: 009 Photoshop CS2

Глава 5. Имитация природных явлений

Установите основные цвета по умолчанию, нажав клавишу

£ e = p K S S S S

пла-

S

Рис. 5.36. Исходное изображение

Рис. 5.37. Корректирующий слой

Page 353: 009 Photoshop CS2

Туман

Чтобы исправить получившийся результат, измените режим наложения пикселовэтого слоя с Normal (Обычный) на Screen (Осветление). Благодаря этому все тем-ные места станут прозрачными, а белые останутся без изменения. Если изображе-ние стало слишком белым, то уменьшите непрозрачность слоя до 30-50 %.

Создайте еще один слой, щелкнув мышью на кнопке с изображением чистоголиста, расположенной на палитре Layers (Слои), либо нажав сочетание клавишShift+Ctrl+N.

Вспомним некоторые свойства тумана, которые мы должны передать. Чем он даль-ше, тем он более непрозрачный и густой. Идеальный инструмент для передачи это-го свойства — градиент. В данном случае градации должны быть от черного цветак белому. Выберите Gradient (Градиент) на палитре инструментов (клавиша, позво-ляющая сделать этот выбор с клавиатуры, — G). Нужно применить градиент такимобразом, чтобы самая светлая часть находилась там, где ей необходимо быть пологике. В свойствах слоя установите режим наложения Screen (Осветление) и на-стройте непрозрачность слоя. Результат представлен на рис. 5.38.

Рис. 5.38. Изображение после применения фильтра Clouds (Облака) и градиента

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

Это будет основа. Но, разумеется, туман не может образовывать настолько ровныеформы. Реалистичность можно придать следующим образом: выделяйте небольшие

Page 354: 009 Photoshop CS2

Глава 5. Имитация природных явлений

кусочки линий и применяйте к ним фильтр Twirl (Скручивание) из группы Distort(Искажение) (рис. 5.40) или фильтр Liqufy (Разжижение).

Чтобы ослабить туман там, где нет воды, в данном случае можно применить маскуслоя (рис. 5.41).

Рис. 5.39. Линии, образующие туман

Angle

i i iО

Рис. 5.40. Диалоговое окно фильтра Twirl (Скручивание) Рис. 5 . 4 1 . Применение маски слоя

Теперь перейдите к общему размытию. Мы советуем выполнить его с помощьюфильтра Motion Blur (Размыть в движении). В параметрах укажите ориентацию

Page 355: 009 Photoshop CS2

Молния

снизу вверх, а силу — на свое усмотрение. Если этого окажется недостаточно, томожно также воспользоваться простым размытием. В результате изображениедолжно стать похожим на то, которое представлено на рис. 5.42.

Рис. 5.42.Туман

5.6. Молния

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

Создайте новый документ средних размеров (около 500 х 500 пикселов) в цвето-вом режиме RGB. Он должен быть залит абсолютно черным цветом.

Запустите инструмент Gradient (Градиент). Создайте новый радиальный градиент,состоящий из двух компонентов: темно-синего цвета (авторы остановились на цве-те R57, G61, В98) и прозрачности. Примените его от верхнего правого угла, какпоказано на рис. 5.43.

Повторите это действие, изменив основной цвет на более светлый оттенок (ска-жем, R105, G105, В151) с меньшим радиусом. В результате мы получим заготовкуночного неба (рис. 5.44).

Page 356: 009 Photoshop CS2

Глава 5. Имитация природных явлений

Рис. 5.43. Первый градиент

Рис. 5.44. Второй градиент

До того как мы непосредственно займемся молнией, нужно нарисовать набросокоблаков, чтобы было проще решать композиционные вопросы ее размещения. Сде-лать это очень просто. Создайте новый слой (Shift+Ctrl+N). Запустите инструментBrush (Кисть), выбрав кисть средней твердости. Подобрав диаметр (он зависит отразмеров изображения), повторите то, что показано на рис. 5.45.

Разумеется, эти линии не очень напоминают ночные облака. Исправить это мож-но немного их размыв. Авторы воспользовались самым удобным для подобных задачинструментом — фильтром Gaussian Blur (Размытие по Гауссу): Fitter • Blur • Gaussian

Page 357: 009 Photoshop CS2

Молния

Blur (Фильтр • Размытие • Размытие по Гауссу) с настройками, показаннымина рис. 5.46.

Рис. 5.45. Заготовка для будущих облаков

Gaussian Blur

SS

.;'

!

i:

}-

c:;t

:\i

A„

}-;

\:•••:

•:

:

1

..

;

1

i•

1

• ;

s.

>

"• .,.-4..

vv

« m

№•пи

"ОС"Л

S••;• i , -

•1

"К:В

i

S::;• :

iiК • Щ

JLJC

« ^ &

:• :

ii

3.!

ш

«

<

-

Reset

Radius: ! pixels

Рис. 5.46. Параметры фильтра Gaussian Blur (Ра.^ытие по Гауссу)

Облака пока можно оставить в покое, к ним мы вернемся в конце примера. Зай-мемся молнией. Создайте новый слой (Shift+Ctrl+N). Запустите инструмент Brush(Кисть) и, назначив белый цвет основным, нарисуйте то, что показано на рис. 5.47.Это будет нелегко, так как главное для реалистичности эффекта — повторениемелкого дрожания разряда. Скорее всего, придется повозиться, но это будет хоро-шей школой рисования. Намного проще будет тем читателям, которые являютсясчастливыми обладателями графических планшетов.

Page 358: 009 Photoshop CS2

Глава 5. Имитация природных явлений

Рис. 5.47. Молнию придется рисовать вручную

Затем создайте еще один слой (Shift+Ctrl+N), сразу изменив на палитре Layers(Слои) значение настройки Opacity (Непрозрачность) на 50 %. Нарисуйте на немеще несколько ветвей молнии, но уже значительно тоньше тех, которые уже есть.

Придадим молнии свечение. С появлением в Photoshop слоевых эффектов это ста-ло заметно проще. Примените стиль слоя Outer Glow (Внешнее свечение): Layer • LayerStyle • Outer Glow (Слой • Стиль слоя • Внешнее свечение) с настройками, которыепоказаны на рис. 5.48.

Рис. 5.48. Настройки Outer Glow (Внешнее свечение)

Скопируем настройки этого слоя: Layer • Layer Style • Copy Layer Style (Слой • Стильслоя • Копировать стиль слоя). Затем переключитесь на второй слой с молниейи выполните команду Layer • Layer Style • Paste Layer Style (Слой • Стиль слоя • Вста-вить стиль слоя), чтобы добавить свечение и тонким ветвям молнии.

Page 359: 009 Photoshop CS2

Молния

Результат этих действий показан на рис. 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 (Ластик), удалив те фрагменты,

Page 360: 009 Photoshop CS2

Глава 5. Имитация природных явлений

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

Рис. 5 . 5 1 . Молния

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

Рио. 5.52. Исходное изображение <*^р

Page 361: 009 Photoshop CS2

Засыпаем пустыню снегом

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

Поэтому выделять мы будем именно по принципу схожести цветов инструментомColor Range (Цветовой диапазон): Select • Color Range (Выделение • Цветовой диа-пазон). Щелкните курсором в виде пипетки на наиболее типичном месте пустынии подберите такие настройки, при которых выделяются те области, которые долж-ны быть засыпаны снегом. Авторский вариант показан на рис. 5.53.

Рис. 5.53. Выделяем пустыню с помощью Color Range (Цветовой диапазон)

При этом будет намного удобнее работать, если в диалоговом окне Color Range уста-новить Selection Preview (Просмотр выделения) в режим Grayscale (Полутоновое).В результате выделенные области будут отображаться как белые, а невыделен-ные — как черные.

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

Создайте новый слой (Shift+Ctrl+N). Залейте выделение на нем любым подходящимдля снега цветом (рис. 5.54). После этого выделение можно снять (Ctrl+D), онобольше не понадобится.

Page 362: 009 Photoshop CS2

Глава 5. Имитация природных явлений

Для увеличения реалистичности снега над ним нужно поработать. Для начала раз-мойте его с помощью фильтра Gaussian Blur (Размытие по Гауссу)- Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу). Авторы использовалистройки, показанные на рис. 5.55. на-

цветомРис. 5.54. Изображение после заливки выделения «снежным»

Теперь нужно задать снегу текстурность. Для этого вполне подойдет фильтр NotePaper (Писчая бумага): Filter • Sketch • Note Paper (Фильтр • Набросок • Писчаябумага) с настройками, показанными на рис. 5.56.

1 G a u s s i a n B l u r

и *

1 1 1

[-J 100% Q

Rac&js: | 05 I pixel

E] Preview

Г"

Note PaperImage Balance".

Grairiiness

Relief 'Уу

OK

Reset

, iyi;, •-.--.-.-.........

I 5

_ _ _ _ _ E J

Рис. 5.55. Размываем снег фильтромGaussian Blur (Размытие по Гауссу) Рис. 5.56. Настройки фильтра Note Paper

(Писчая бумага)

На этом работу над снегом можно считать законченной (рис. 5.57).

Page 363: 009 Photoshop CS2

Засыпаем пустыню снегом

Рис. 5.57. Снег полностью готов

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

Для выделения неба снова воспользуйтесь инструментом Color Range (Цветовойдиапазон): Select • Color Range (Выделение • Цветовой диапазон) (рис. 5.58), но наэтот раз пипеткой щелкните на любом голубом фрагменте.

Color Range

Select: j <f Sampled Colors

Fuzziness:

©Selection О Image

;Selection Preview: j None

OK

Reset

СИ Invert

Рис. 5.58. Для выделения неба также используем Color Range (Цветовой диапазон)

Запустите любимый авторами цветокорректирующий инструмент Hue/Saturation(Тон/Насыщенность): Image • Adjustments • Hue/Saturation (Изображение • На-стройки • Тон/Насыщенность) и примените его с настройками, показаннымина рис. 5.59. Этого будет вполне достаточно.

Page 364: 009 Photoshop CS2

Глава 5. Имитация природных явлений

Hue/Saturation

Edit: I Master

Saturation;

-IS

i -19

Ljghtriess:

P Colorize:;0 preview

Рис. 5.59. Настройки Hue/Saturation (Тон/Насыщенность)

На этом пример выполнен полностью (рис. 5.60).

Рис. 5.60. Заснеженная пустыня

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

5.8. Делаем из дня ночь

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

Page 365: 009 Photoshop CS2

Делаем из дня ночь

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

Наше исходное изображение представлено на рис. 5.61.

Нам нужно отделить небо и воду от всего остального. Это будет достаточно тон-кая работа, она может потребовать от вас определенной усидчивости и старатель-ности. Но именно от того, насколько качественно вы это сделаете, зависит итого-вый результат.

Для начала выделим небо. Запустите инструмент Color Range (Цветовой диапазон):Select • Color Range (Выделение • Цветовой диапазон) и примените его с настрой-ками, показанными на рис. 5.62.

Color Range

' Select: | S Sampled Colors Щ\

Euzziness: j •

OK

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 (Выделе-ние • Сохранить выделение).

Page 366: 009 Photoshop CS2

Глава 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).

Page 367: 009 Photoshop CS2

Делаем из дня ночь

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

Рис. 5.64. Результат примененияHue/Saturation (Тон/Насыщенность)

Рис. 5.65. Из градиента получилось отличноеночное небо

Выберите в качестве цвета переднего плана белый или светло-желтый. Выбор за-висит только от вашего желания и конкретной ситуации. Обязательно нужно со-здать новый слой (Shift+Ctrl+N).

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

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

Теперь нужно нарисовать луну. Это очень просто. Создайте круглое выделениес помощью инструмента Elliptical Marquee (Эллиптическое выделение). Не стоитсразу делать его равным по размеру будущей луне, это помешает работе. Сделайтеего как можно больше.

Выберите команду Select • Feather (Выделение • Растушевка) и установите значе-ние параметра Feather Radius (Радиус растушевки) равным 5 пикселам. Это позво-лит получить луну с плавным переходом в небо.

Page 368: 009 Photoshop CS2

Глава 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 (Слой • Стиль слоя • Внешнеесвечение), в качестве цвета свечения задав тот же желтый, который был использо-ван для заливки окон. Кроме того, авторы дорисовали в окнах контуры людей, что-бы еще больше оживить работу.

Page 369: 009 Photoshop CS2

Отражение в воде

Аналогичным образом, только используя разные цвета, осветите окна домов, фо-нари на набережной и фары машин.

Пример выполнен полностью, получилось просто замечательно (рис. 5.68)!

Рис. 5.68. Романтичная летняя ночь

5.9. Отражение в воде

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

Для начала вам нужно подобрать два изображения. Озеро (рис. 5.69) и гуся авто-ры нашли в клипарте.

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

Затем скопируйте гуся и вставьте в изображение с озером. Подгоните его размерыи подберите место размещения с помощью инструмента Free Transform (Свободноетрансформирование), который запускается сочетанием клавиш Ctrl+T. Авторскийвариант показан на рис. 5.71.

Page 370: 009 Photoshop CS2

Глава 5. Имитация природных явлений

Рис. 5.69. Исходное изображение <&£) Рис. 5.70. Подготовленныйк помещению в воду гусь

Затем с помощью инструмента Lasso (Лассо) скопируйте чуть выше фрагментыводы, где есть рябь, и поместите их вокруг гуся, подгоняя с использованием FreeTransform (Свободное трансформирование) (рис. 5.72).

Рис. 5 . 7 1 . Гусь в воде Рис. 5.72. Перемещаем рябьк гусю с помощью Free Transform(Свободное трансформирование)

Page 371: 009 Photoshop CS2

Отражение в воде

Эти действия усилят реалистичность и живость работы (рис. 5.73).

Рис. 5.73. Рябь вокруг птицы добавила работе реалистичности

Затем откройте палитру Layers (Слои) и дублируйте слой с птицей, перетянув егона пиктограмму в виде листа бумаги. Задайте значение настройки Opacity (Непро-зрачность) для нового слоя равным 30-50 % и с помощью все того же Free Transform(Свободное трансформирование) переверните копию гуся зеркально и поместитетак, как показано на рис. 5.74.

Рис. 5.74. Отражение почти готово

Page 372: 009 Photoshop CS2

Глава 5. Имитация природных явлений

Чтобы сымитировать дрожание отражения на водной поверхности, применитефильтр Ripple (Рябь): Filter • Distort • Ripple (Фильтр • Искажение • Рябь) с на-стройками, приведенными на рис. 5.75.

Рис. 5.75. Настройки фильтра Ripple (Рябь)

Осталось только одно действие. Запустите инструмент Blur (Размытие) и немногообработайте контуры тени.

Пример выполнен полностью. Итоговое изображение показано на рис. 5.76.

Рис. 5.76. Отражение в воде (*^Р

Page 373: 009 Photoshop CS2

Наращиваем небо

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

Исходное изображение показано на рис. 5.77.

Рис. 5.77. Исходное изображение <*^Р

Увеличьте размер холста, выполнив команду Image • Canvas Size (Изображение • Раз-мер холста). Перед вами появится диалоговое окно, показанное на рис. 5.78.

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

Обратите внимание на верхнюю часть неба. Оно почти чистое (без облаков и про-чих посторонних объектов), а следовательно, достаточно однородное. В этом слу-чае для восполнения недостающего фрагмента можно воспользоваться инстру-ментом Gradient (Градиент) («горячая» клавиша — G).

Прежде чем определять вид градиента, с помощью инструмента Eyedropper (Пипет-ка) («горячая» клавиша — I) установите в качестве основных цветов (ForegroundColor и Background Color) наиболее темную и наиболее светлую точки неба. Далеевыберите тип градиента Linear (Линейный), а направление цветового перехода —Foreground to Background (От цвета переднего плана к цвету фона).

Page 374: 009 Photoshop CS2

Глава 5. Имитация природных явлений

Current See; ЗД6М

; Width: 11 cmOK

Height: 7,19 cm Reset

tew Эгё; 4.8ЭМ

Width:] 11 11 cm

it: U | | cm

• Relative

Anchor: ! r

V f '• /\•4- -^

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. Изображение после увеличения размера холста

Page 375: 009 Photoshop CS2

Наращиваем небо

Создайте новый слой (сочетание клавиш Shift+Ctrl+N). Выделите с помощью ин-струмента Rectangular Marquee (Прямоугольное выделение) чистую область, рас-положенную над изображением. Залейте созданным градиентом образовавшеесявыделение (рис. 5.80).

lesisei 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).

Page 376: 009 Photoshop CS2

Глава 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 • Ren-der • Clouds (Фильтр • Освещение • Облака). Его результат нужно усилить двои-

Page 377: 009 Photoshop CS2

Взрыв и огонь

ным применением фильтра Difference Clouds (Разностные облака): Filter • Render • Dif-ference Clouds (Фильтр • Освещение • Разностные облака).

Затем на палитре Layers (Слои) измените режим наложения слоя с облаками наColor Dodge (Цветовой прожиг). Результат после выполнения этого шага показанна рис. 5.84.

Рис. 5.83. Созданный градиент Рис. 5.84. Черно-белый взрыв

Осталось только окрасить взрыв. Сведите слои (Ctrl+E) и выполните командуImage • Adjustments • Hue/Saturation (Изображение • Настройки • Тон/Насыщен-ность) с настройками, показанными на рис. 5.85.

Hue/Saturation

Hue: [Э1_

• у ;••' ••

S a t u r a t i o n : \ i 4 0

L i g h t n e s s : 1-14

' • ' •

O K

Reset

Load...

Save...

ElcdorizeBEreview

Рис. 5.85. Настройки Hue/Saturation (Тон/Насыщенность)

Пример готов. Если хочется сделать взрыв более контрастным, то воспользуй-тесь инструментом Levels (Уровни), или Curves (Кривые), или тем же Hue/Satu-ration (Тон/Насыщенность) (рис. 5.86). Авторы посчитали для себя этот шаг не-нужным.

Page 378: 009 Photoshop CS2

Глава 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).

Page 379: 009 Photoshop CS2

Солнце

Рис. 5.88. Диалоговое окно фильтраPolar Coordinates (Полярные координаты)

Рис. 5.89. Изображение после примененияPolar Coordinates (Полярные координаты)

jTJv; 100%,...-.- . g j

ingle Щ~ 1 * '

[ OK 1

} Reset [

Id . • in •••• :;"•••••; ' • I

Рис. 5.90. Настройки фильтра Twirl (Скручивание)

5.12. Солнце

Рис. 5 . 9 1 . Огонь

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

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

Page 380: 009 Photoshop CS2

Глава 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.

Page 381: 009 Photoshop CS2

Солнце

Рис. 5.93. Диалоговое окно фильтра Spherize(Сферизация)

Рис. 5.94. Работа после переводаслоя Пятна в режим наложения ColorDodge (Цветовой прожиг)

Сузим полученное выделение на 5 пикселов: Select • Modify • Contract (Выделе-ние • Изменить • Сузить) и зальем любым цветом. Затем снимем выделение (Ctrl+D)и снова применим слоевой эффект Outer Glow (Внешнее свечение), но уже для но-вого слоя (рис. 5.96).

Outer Glow ••'-'••Structure

Blend Mode) ; Sci Opacity1

I 70 %IT 1%

:. i JAnti-aliasedRange: .—Jitter; Q~

Outer Glow, Structure

Рис. 5.95. Настройки Outer Glow (Внешнее Рис. 5.96. Настройки Outer Glow (Внешнеесвечение) для слоя Солнце свечение) для вспомогательного слоя

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

Page 382: 009 Photoshop CS2

Глава 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 (Губка)

Page 383: 009 Photoshop CS2

Солнечное затмение

и установите режим тонирования Saturate (Увеличение). Это позволяет снизитьнасыщенность цветов, в результате чего они тускнеют и осветляются.

Рис. 5.98. Исходное изображение

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

После того как вы осветлите небо, возьмите инструмент Burn (Затемнитель). Силунажима установите порядка 50-65 %, а область воздействия — Shadows (Тени).Выберите кисть с мягкими краями и обработайте объекты, находящиеся на фоненеба. Инструмент Burn (Затемнитель) делает пикселы изображения менее яркими.В результате у вас должно получиться контрастное изображение.

Загрузите маску в выделение, щелкнув мышью на канале при нажатой клавишеCtrl. Выберите в качестве основных цветов черный и темно-синий и выполнитекоманду Filter • Render • Clouds (Фильтр • Освещение • Облака). Теперь небо дол-жно стать значительно темнее, а благодаря фильтру Clouds (Облака) окраска будетнеравномерной и похожей на ту, которая представлена на рис. 5.99.

Приступим к непосредственному созданию затмения. Рекомендуем работать на но-вом слое, чтобы легче было корректировать создаваемый эффект. Начнем с орео-ла. Выберите на палитре инструментов Elliptical Marquee (Эллиптическое выделе-ние). Чтобы получить круг, нужно воспользоваться данным инструментом принажатой клавише Shift. Залейте полученную область желаемым цветом (лучшевсего будет смотреться голубой или светло-желтый) (рис. 5.100).

Page 384: 009 Photoshop CS2

Глава 5. Имитация природных явлений

Рис. 5.99. Затемненное, неравномерно окрашенное небо

Рис. 5.100. Основа затмения

Необходимо создать луну, которая закроет солнце. Для этого можно вновь вос-пользоваться эллиптическим выделением, расположив его в центре уже созданно-го круга, а можно подкорректировать уже имеющееся. Мы выбрали преобразова-ние сжатия: Select • Modify • Contract (Выделение • Изменить • Сжать). Радиусвоздействия определяется размером, а также разрешением изображения, над ко-торым вы работаете. В нашем примере он равен 5 пикселам (рис. 5.101).

Залейте полученное выделение с помощью инструмента Paint Bucket (Заливка)(клавиша G). Для заливки следует использовать темный цвет, можно даже черный,как на рис. 5.102.

Page 385: 009 Photoshop CS2

Солнечное затмение

Contract Selection

Рис. 5 . 1 0 1 . Диалоговое окно команды Contract (Сжать)

Рис. 5.102. Заготовка луны с ореолом

Если вы видели затмение хотя бы на картинках, то наверняка заметили, что воз-ле черного круга ореол светлее. Этот эффект можно передать с помощью инстру-мента Brush (Кисть), работающего в режиме аэрографа, или инструмента Dodge(Осветлитель). Если вы используете аэрограф, то силу нажима установите рав-ной около 20-30 %, если же осветлитель, то прозрачность должна быть в пределах60-70%. Аккуратно, не выходя за границы ореола, осветлите его внутреннюючасть (рис. 5.103).

СОВЕТ

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

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

Page 386: 009 Photoshop CS2

Глава 5. Имитация природных явлений

Рис. 5.103. Внутренняя часть ореола

Рис. 5.104. Внешняя часть ореола

Так как почти все преобразования производились с помощью инструментов рисо-вания, то, скорее всего, результат получился довольно грубым, мало напоминаю-щим затмение. Для придания мягкости примените к слою с солнцем фильтр Gaus-sian Blur (Размытие по Гауссу) из раздела Blur (Размытие) (рис. 5.105).

Для достижения более реалистичного результата можете слегка размазать полу-чившееся изображение с помощью инструмента Smudge (Палец).

Page 387: 009 Photoshop CS2

Солнечное затмение

Рис. 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:

Lightness:

.load,.

СИ СоЬнге

El&eview

Рис. 5 . 1 0 6 . Д и а л о г о в о е окно Hue/Saturation (Тон/Насыщенность)

Page 388: 009 Photoshop CS2

Глава 5. Имитация природных явлений

В результате у вас должно получиться изображение, аналогичное рис. 5.107.

Рис. 5.107. Солнечное затмение

5.14. Рисуем космосВ данном разделе описаны способы имитации сразу трех природных явлений,однако наиболее эффектно они смотрятся вместе, чем и обусловлено их объеди-нение.

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

Первое, о чем пойдет речь, — это Земля. Возьмите инструмент Elliptical Marquee(Эллиптическое выделение) и выделите круг. Расположите его таким образом,чтобы на изображении осталось только около четверти круга.

Установите основные цвета по умолчанию, нажав клавишу D (цвет переднего пла-на — черный, цвет фона — белый). Примените к выделенной области фильтр Clouds(Облака) из раздела Render (Освещение). Далее применяйте фильтр DifferenceClouds (Разностные облака) из того же раздела до тех пор, пока на изображении непоявится удовлетворяющее вас количество переходов между белым и черным цве-тами. Остановиться можно на варианте, похожем на рис. 5.108.

Земная поверхность имеет не гладкую структуру, а состоящую из множества не-ровностей, что и необходимо передать. Предлагаем сделать это следующим образом:Filter • Texture • Craquelure (Фильтр • Текстура • Кракелюры). Поэкспериментируй-те с настройками в диалоговом окне данного фильтра. Параметры, использован-ные в нашем примере, приведены на рис. 5.109.

Page 389: 009 Photoshop CS2

Рисуем космос

Рис. 5.108. Основа Земли

: О.:

с

с

с

сI

jqueluietack Spacingrack Depthlack Biightnes

~ ; • • • : • . • •

. . ^ . j . — . - . . . ; . . — - • • . . . . — — , . . . • . . - ;

O K j .

C a n c e l ^ J

v '

Рис. 5.109. Настройки фильтра Craquelure(Кракелюры)

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

Создать впечатление объема можно следующим образом. Примените фильтр Sphe-rize (Сферизация): Filter • Distort • Spherize (Фильтр • Искажение • Сферизация)(рис. 5.110). Значение параметра Amount (Эффект) должно быть максимальным,a Mode (Режим наложения) задайте на свое усмотрение. Данную операцию при же-лании также можно применить более одного раза.

г-

' - . ' • • • • - . •

> • - * »

• : -

. . ~ • У --%

OK

Mode 1Normal

I Cancel

Рис. 5.110. Диалоговое окно фильтра Spherize (Сферизация)

Пришло время раскрасить Землю. Это можно сделать разными способами, од-нако мы рекомендуем использовать команду Image • Adjustments • Color Balance

Page 390: 009 Photoshop CS2

Глава 5. Имитация природных явлений

(Изображение • Настройки • Цветовой баланс). Цвет, в который будет окра-шена Земля, сейчас практически не имеет значения, так как впоследствии он из-менится. Но для удобства советуем установить его естественным (коричневымили зеленым). Диалоговое окно с установленными настройками изображено нарис. 5.111.

Color Balance

Color Levels: j -71 •) -19

Cyan t—Q :

Magenta JYellow •

г :• Tone Balance ~~ ~©Shadows ©Midtones

: E3 Preserve Lumrasity

Рис. 5 . 1 1 1 . Диалоговое окно Color Balance (Цветовой баланс)

Теперь начинается художественная, самая кропотливая часть работы. Откройте окнотоновых кривых: Image • Adjustments • Curves (Изображение • Настройки • Кривые).Как известно, при работе с цветными изображениями с помощью кривых можноизменять не только освещенность, но и цвет. Необходимо обработать каждый изканалов (цветовых составляющих), чтобы Земля перестала быть одноцветной.На приведенном изображении были применены кривые, показанные на рис. 5.112.

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

Примените фильтр Gaussian Blur (Размытие по Гауссу), установив небольшой ра-диус воздействия. Это нужно лишь для того, чтобы слегка смягчить края и изба-виться от сходства с вырезанной картинкой, которое, скорее всего, появится в про-цессе создания изображения.

На фотографиях Земли, сделанных из космоса, всегда видно, что планета окруже-на голубым ореолом атмосферы. Чтобы передать это явление, воспользуйтесь ин-струментом Gradient (Градиент).

Откройте палитру Layers (Слои) и создайте новый слой. Для этого щелкните на кноп-ке с изображением чистого листа, расположенной внизу палитры, либо выполни-те команду Layer • New • Layer (Слой • Создать • Слой).

На панели параметров градиента выберите или создайте градиент, состоящийиз черного и синего цветов. Откорректируйте прозрачность так, чтобы одна частьчерного была прозрачной, а вторая — нет. Распределение цветов и прозрачностив градиенте представлено на рис. 5.113.

Page 391: 009 Photoshop CS2

Рисуем космос

Рис. 5.112. Используемые кривые

цвет

прозрачность

Рис. 5.113. Распределение цвета и прозрачности в градиенте

В настройках инструмента установите тип Radial (Радиальный) и разместите гра-диент на рисунке так, чтобы радиус расположения синего цвета был чуть больше,чем радиус самой планеты. Исправить недостатки в расположении градиента мож-но с помощью свободного трансформирования (CtrL+T). В результате изображениедолжно получиться похожим на то, которое представлено на рис. 5.114.

Page 392: 009 Photoshop CS2

Глава 5. Имитация природных явлений

Если градиент получается слишком ярким, то уменьшите прозрачность слоя, на ко-тором он расположен.

Теперь необходимо создать космическое пространство. Как известно, оно оченьтемное, но если воспользоваться одноцветной темной заливкой, то выглядеть этобудет неестественно и некрасиво. В таких случаях лучший инструмент для пере-дачи различных природных явлений — фильтр Clouds (Облака).

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

Вернитесь на новый, только что созданный, слой и примените фильтр Clouds (Об-лака): Filter • Render • Clouds (Фильтр • Освещение • Облака). Основными цвета-ми при этом должны быть черный и темно-синий. Если есть необходимость, томожно немного изменить прозрачность слоя и настроить контрастность цветовс помощью команды Image • Adjustments • Brightness/Contrast (Изображение • На-стройки • Яркость/Контраст).

Добавим звезды. Для этого можно воспользоваться инструментом Brush (Кисть),в том числе и в виде аэрографа, установив параметр Airbrush Capabilities (Возмож-ности аэрографа). Установите нужный набор кистей, выберите в нем кисти в фор-ме звезд и примените их к вашему изображению. После этого рисунок долженстать похож на рис. 5.115.

. -- : . , • -

, . - ; Г * ' . .*• '• г — ' • >

Рис. 5.114. Планета с атмосферой

J U H B H H H

Рис. 5.115. Готовы Земля, небо и звезды

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

Page 393: 009 Photoshop CS2

Рисуем космос

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

Чтобы придать комете неправильную форму, примените фильтр Glass (Стекло):Filter • Distort • Glass (Фильтр • Искажение • Стекло). Настройки можно устано-вить любые, главное, чтобы изображение немного исказилось. Диалоговое окнофильтра и примененные нами настройки приведены на рис. 5.116.

Для создания хвоста кометы воспользуйтесь фильтром Wind (Ветер) из набораStylize (Стилизация) (рис. 5.117). Направление, в котором будет распространять-ся действие данного фильтра, не имеет значения, так как при необходимости высможете развернуть комету. Применять этот фильтр следует до тех пор, пока хвостне станет достаточно длинным (для повторения действия можно нажимать соче-тание клавиш Ctrl+F).

щЩ Glass

Distortion

Smoothness

г Твх1иге::'.| Frosted

• Scaling

j Dlnvert - .

OK

Cancel j ' ' :..'.'::

.*H •

10 !

U !•>'

И 00 ! X

...

Q 2';" _™2Ь_Г;: о: S

;- Method

©Wind

О Bast

• О Stager

0 From the left

Рис. 5.116. Параметры фильтраGlass (Стекло)

Рис. 5.117. Диалоговое окно фильтраWind (Ветер)

Еще раз исказите форму кометы с помощью приведенного выше фильтра Glass(Стекло), чтобы хвост также приобрел неправильную форму.

Для придания цвета лучше всего воспользоваться цветовыми таблицами, однакоперед этим необходимо последовательно выполнить следующие команды меню:Image • Mode • Grayscale (Изображение • Режим • Полутоновое), Image • Mode • In-dexed Color (Изображение • Режим • Индексированные цвета) и Image • Mode • Co-lor Table (Изображение • Режим • Цветовая таблица).

Page 394: 009 Photoshop CS2

Глава 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. Осенняя листваЕще одна интересная задача, о которой хотелось бы рассказать в этой главе, — сме-на времени года с лета на осень. Вообще, для этого достаточно просто изменитьцвет листвы на деревьях, так как больше никакого явного признака осени не су-ществует — нет смысла, скажем, затемнять небо, рисуя пасмурность. Осенью тоже

Page 395: 009 Photoshop CS2

Осенняя листва

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

Рис. 5.120. Исходное изображение

Прежде всего нужно выделить всю листву. В данном случае это чрезвычайно про-сто, так как она относительно одноцветная. Воспользуемся командой Select • ColorRange (Выделение • Цветовой диапазон) с настройками, показанными на рис. 5.121(при этом нужно щелкнуть мышью на листве).

Color Range

'" Select; [

FuzzriessSampled Colors :§§;! OK

[ Reset "1

..Load,,Save,.

•invert

I ©Selection

Selection Preview: i None

Рис. 5 . 1 2 1 . Выделяем листву

Возможно, придется добавить некоторые пропущенные предыдущим инструмен-том области, используя Magic Wand (Волшебная палочка).

Затем просто настройте цвет листвы с помощью команд Image • Adjustments • Hue/Sa-turation (Изображение • Настройки • Тон/Насыщенность) (рис. 5.122) и Image • Ad-justments • Color Balance (Изображение • Настройки • Цветовой баланс) (рис. 5.123).

Page 396: 009 Photoshop CS2

Глава 5. Имитация природных явле>

I Master

Saturation:

tfthtness:1 Saye,,, ii

Рис. 5.122. Первичная цветокоррекция с помощью Hue/Saturation (Тон/Насыщенность)

: i -за

: Cyan •••

Magenta • <

Yelbw -

tl Preview

Blue

: Oshadows: :: ©intones| 0Preserve Luminosity

Рис. 5.123. Тонкая настройка цвета

Итог - абсолютно реалистичная осень (рис. 5.124).

рр"*8

т

и , 'I f - 1

• - • - - ч . . . .

..........

ЯШ•j г * . 1 ; - Г ; : : : > ; " " : " " . -.•••.'• :••.,'•••.":• •:;.•:•:,;i.:" -••-••

•"к I

L

• ИИ :,

4

Рис. 5.124. На улице осень <&£)

Page 397: 009 Photoshop CS2

• лава о

• - .

Создание рамок• Градиентная рамка • Деревянная рамка• Художественная

рамка

Page 398: 009 Photoshop CS2

Глава 6. Создание рамок

6 . 1 . Градиентная рамкаОбычно картина лучше выглядит в рамке, особенно если рамка сделана с учетомособенностей изображения. Это касается не только рисованных изображений, нои созданных с помощью компьютерной графики. Именно поэтому мы решили по-святить целую главу описанию такой составной части изображения, как рамка.Начнем с самого простого, а главное, наглядного способа.

Создайте новое изображение. Обратите внимание на его композицию, то естьна расположение предметов. Рамку можно создавать как поверх самой иллюстра-ции, так и вокруг нее. В качестве примера мы взяли фотографию, изображеннуюна рис. 6.1.

Посмотрите, есть ли на краях изображения детали, которые необходимо сохра-нить. Если нет, то работать можно прямо поверх самой иллюстрации, именно такпоступили мы. Если же такие детали есть, то измените размер изображения. Дляэтого выберите команду Image • Canvas Size (Изображение • Размер холста) и уве-личьте размер холста так, чтобы поместилась рамка, а изображение не пострадало.

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

Мы назвали рамку градиентной, потому что основной инструмент, используемыйпри ее создании, — это градиент. Установите цветом переднего плана белый. В на-стройках градиента выберите тип Background to Transparent (От цвета фона к про-зрачному). Данный инструмент будет применяться несколько раз, поэтому прозрач-ность одного края градиента позволит создавать эффект сложения, а не наложения.

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

Рамка должна иметь нечеткие, плавно переходящие в изображение края. Для до-стижения данного эффекта можно воспользоваться фильтром Gaussian Blur (Раз-мытие по Гауссу) из набора Blur (Размытие). Можно также применить фильтр AddNoise (Добавить шум) из набора Noise (Шум). При использовании фильтра AddNoise значение параметра Amount (Эффект) должно быть равно 40-50 % (рис. 6.3).Не исключено и применение обоих фильтров.

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

Выделенную область можно залить любым цветом или текстурой, можно такжеприменить к ней какой-либо фильтр. Мы предлагаем воспользоваться фильтромClouds (Облака) из набора Render (Освещение). После применения данного фильт-ра изображение должно стать похожим на рис. 6.4.

Page 399: 009 Photoshop CS2

Градиентная рамка

Рис. 6 . 1 . Исходное изображение Рис. 6.2. Дополнительный канал

Distribution© IJnJfbrmGfiausslar*

Рис. 6.3. Параметры фильтра Add Noise Рис. 6.4. Первый вариант рамки(Добавить шум)

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

Page 400: 009 Photoshop CS2

Глава 6. Создание рамок

команд коррекции изображения, находящихся в разделе меню Image • Adjustments(Изображение • Настройки): Hue/Saturation (Цвет/Насыщенность), Brightness/Cont-rast (Яркость/Контраст) или Curves (Кривые). Мы предпочли Brightness/Contrast(Яркость/Контраст) (рис. 6.5).

Bright ness/Cont rest

Рис. 6.5. Диалоговое окно Brightness/Contrast (Яркость/Контраст)

Если необходимо изменить не только яркость рамки, но и ее цвет, то лучше всеговоспользоваться тоновыми кривыми: Image • Adjustments • Curves (Изображение • На-стройки • Кривые).

ВНИМАНИЕ

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

В результате должно получиться нечто похожее на то, что представлено на рис. 6.6.

i:

V-

Рис. 6.6. Градиентная рамка <££)

Page 401: 009 Photoshop CS2

Художественная рамка

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

6.2. Художественная рамка

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

Рис. 6.7. Исходное изображение

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

Сделайте активным дополнительный канал. В нем необходимо создать прямо-угольную область, окрашенную по периметру в белый цвет. Для этого воспользуй-тесь инструментом Rectangular Marquee (Прямоугольное выделение).

Инвертируйте полученное выделение нажатием клавиш Shift+Ctrl+I или командойSelect • Inverse (Выделить • Инвертировать). Возьмите инструмент Paint Bucket(Заливка) (клавиша G) и залейте белым цветом полученную область (рис. 6.8).

Page 402: 009 Photoshop CS2

Глава 6. Создание рамок

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

После заливки выделение можно снять, оно больше не понадобится: нажмите Ctrl+Dили выполните команду Select • Deselect (Выделение • Отменить выделение).

Для создания оригинального рисунка воспользуйтесь фильтром Sprayed Stokes(Аэрограф) из набора Brush Strokes (Штрихи кисти). Для нашей рамки заданы сле-дующие настройки (рис. 6.9): Stroke Length (Длина штриха) — 18, Spray Radius (Ра-диус разброса) — 25, Stroke Direction (Наклон штриха) — Right Diagonal (Справа подиагонали). Эти параметры могут быть любыми — они зависят только от размеровизображения: чем больше иллюстрация, тем большие значения должны иметь на-стройки данного фильтра.

Сг--] Sprayed Strokes

Stroke length

| 'Spiay Radius;

: Stroke Direction:

OK _ _ J

Reset )"•"'

[Right Diagonal

В!: • : : • : : - : : - : : , , - : : : : ; : , • .

• s s f

• • . - ' . • • • • ' • : . • ' . • . '

Рис. 6.8. Дополнительный канал Рис. 6.9. Настройки фильтра SprayedStrokes (Аэрограф)

В результате канал должен стать таким, как изображенный на рис. 6.10.

Перейдите в цветовой режим RGB (или другой, используемый вами), нажав соче-тание клавиш Ctrl+~ или щелкнув мышью на значке канала на палитре Channels (Ка-налы). Все выполнявшиеся ранее операции относились к новому каналу, то естьк маске.

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

Page 403: 009 Photoshop CS2

Художественная рамка

налов либо, удерживая клавишу 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).

Page 404: 009 Photoshop CS2

Глава 6. Создание рамок

Рис. 6.12. Исходное изображение Рис. 6.13. Дополнительный канал

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

Модифицируем форму рамки с помощью фильтра Twirl (Скручивание): Filter • Dis-tort • Twirl (Фильтр • Деформация • Скручивание). Мы использовали угол, рав-ный 392° (рис. 6.14), однако вы можете выбрать любое другое значение.

Для достижения желаемого результата осталось применить всего один фильтр —Color Halftone (Цветные полутона). Однако именно на этом этапе вам предстоитповозиться с поиском оптимальных настроек. Их значения пояснять не имеетсмысла, так как это тот случай, когда лучше всего попробовать самим. Диалоговоеокно данного фильтра можно вызвать командой Filter • Pixelate • Color Halftone(Фильтр • Оформление • Цветные полутона).

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

Результатом применения данного фильтра должен стать канал, похожий на рис. 6.16.

Теперь перейдите в цветовой режим RGB и загрузите дополнительный канал в вы-деление, щелкнув на нем мышью на палитре Channels (Каналы) при нажатой кла-више Ctrl. Полученное выделение можно залить любым цветом или текстурой.Итоговый вид изображения представлен на рис. 6.17.

Page 405: 009 Photoshop CS2

Деревянная рамка

Color HalftoneMax, RacfiusScreen Angle

Channel £:Channel Z)Channel 3;Channel $:

. i f is (Deyees):

|l20[ 180[95

i SO 1

(Pixels) : [

сс

OKResetDefault

IXI

J1

Рис. 6.14. Диалоговое окно фильтра Twirl(Скручивание)

Рис. 6.15. Диалоговое окно фильтра ColorHalftone (Цветные полутона)

Рис. 6.16. Канал-рамка Рис. 6.17. Художественная рамка.Вариант 2 2£

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

Page 406: 009 Photoshop CS2

Глава 6. Создание рамок

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

Создайте новое изображение средних размеров (Ctrl+N) в цветовом режиме RGB.Запустите инструмент Реп (Перо) и в режиме Shape layers (Слои фигуры) нарисуй-те примерно то, что показано на рис. 6.18.

Обратите внимание, что каждая из четырех «планок» рамки должна находитьсяна отдельном слое.

Когда заготовка для рамки будет готова, переведите созданные элементы в растрс помощью палитры Layers (Слои), как показано на рис. 6.19.

Normal v

Lock; _',/•$» fl

Delete Vector MaskDisable Vector Mask|Rasterize Vector Mask

Opacity: [ 100% T}

Fill: • 100% >•

Shape 1 В

Рис. 6.18. Заготовка для рамки Рис. 6.19. Векторные слои нужно перевестив растр

В итоге вы получите четыре слоя, которые вместе образуют уже растровую заго-товку для рамки. Сейчас нужно найти подходящую деревянную текстуру. Авторырекомендуют использовать технологию имитации дерева, описанную в гл. 3 (ре-зультат показан на рис. 6.20). Она достаточно простая, а результат полностью от-вечает требованиям этого примера.

Чтобы появилась возможность использовать изображение для заливки, его нуж-но определить как образец. Для этого выделите текстуру с помощью инструментаRectangular Marquee (Прямоугольное выделение) и выполните команду Edit • DefinePattern (Редактирование • Определить образец).

Затем выделите нижнюю планку рамки и залейте ее только что созданной тек-стурой: Edit • Fill (Редактирование • Залить) с настройками, показанными нарис. 6.21.

В точности повторите эти действия и для верхней планки.

Page 407: 009 Photoshop CS2

Деревянная рамка

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 • InnerShadow (Слой • Стиль слоя • Внутренняя тень) с настройками, показанными нарис. 6.22, и Bevel and Emboss (Скос и рельеф) с настройками, которые можно видетьна рис. 6.23.

Рис. 6.22. Настройки Inner Shadow (Внутренняя тень)

Для каждой планки отдельно придется немного подстраивать освещение. Впро-чем, установка флажка Use Global Light (Использовать общий свет) в диалоговыхокнах стилей слоя частично решает эту задачу.

Page 408: 009 Photoshop CS2

Глава 6. Создание рамок

Рамка, которая у нас получилась в результате последних действий, показана нарис. 6.24.

Sojtem Q

Shading

t o

•all'.'. Contour:I :

Highlight Mode; i Screen2paaty: i

Shadow Mode: i MultiplvOpac*y:

^Use Global Light

\ j Алti-biased

v С- >!

Рис. 6.23. Настройки Bevel and Emboss(Скос и рельеф)

Рис. 6.24. Рамка после примененияэффектов слоя

Возможно, придется немного подкорректировать яркость рамки. Для этого какнельзя лучше подходят Levels (Уровни): Image • Adjustments • Levels (Изображе-ние • Настройки • Уровни) (рис. 6.25).

Channel;.! RGBЕЕ i 1,06 Г 227

OKCancel

* . *..gutput Levels:

^НИВ|""'""';.* ^,,'::L ;.;._...;;.„:.11

io •"•:1;i 255о

| ' j,;,!, . : . ,•;••'•' • 1 .:

I Load.

1 Save,,:

I Options,.,

Рис. 6.25. Настройки Levels (Уровни)

Page 409: 009 Photoshop CS2

Деревянная рамка

Осталось подобрать подходящую фотографию и вставить ее в рамку простым ко-пированием. Итоговое изображение показано на рис. 6.26. Авторы считают, чтополучилось вполне реалистично, чего мы и хотели.

Рис. 6.26. Деревянная рамка

4

.,

Page 410: 009 Photoshop CS2

Глава 7

-:

•••

Имитация объема в PhotoshopТонкостипримененияфильтра3D Transform(Трехмерноепреобразование)МеталлическиетрубыКнопка в стилеWindows XPСтеклянная кнопкаЛитой дискШар

• Стеклянный шарна фоне пейзажа

• Фантастическиечерви

• Сигарета• Булыжник• Щупальца в крови• Объемная планета• Фантастическая

сфера• Золотые часы• Стальной шар

Page 411: 009 Photoshop CS2

Применение фильтра 3D Transform (Трехмерное преобразование)

7 . 1 . Тонкости применения фильтра3D Transform (Трехмерноепреобразование)Для имитации ЗБ-графики в Photoshop очень часто используется фильтр 3D Trans-form (Трехмерное преобразование). Если у вас в версии CS2 его нет, то попробуйтескопировать файл фильтра из папки Adobe\Photoshop 7 . O\Plug-Ins\Fi 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 (Трехмерное преобразование).

Page 412: 009 Photoshop CS2

Глава 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.

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

Page 413: 009 Photoshop CS2

Применение фильтра 3D Transform (Трехмерное преобразование)

Drop Shadowщ-. S t r u c t u r e .•••• •••••

B l e n d g o d * : [ M u l i i p [ y

D i s t a n c e ! ( — -

S p r e a d : / ^

Фа 'if

Quaiity

Contour.*

Рис. 7.З. Шар с надписью

J

[jAnti-aliased

Knocks Out Drop Shadow

Рис. 7.4. Настройки эффекта слояDrop Shadow (Внешняя тень)

Чтобы это осуществить, необходимо сделать активным слой с текстом и еще развоспользоваться эффектами слоя: Layer • Layer Style • Inner Shadow (Слой • Стильслоя • Внутренняя тень). Здесь также можно поэкспериментировать с настройка-ми, а на рис. 7.6 показаны параметры, которые были использованы в примере.

Рис. 7.5. Свободноетрансформирование

Рис. 7.6. Настройки эффекта слоя Inner Shadow(Внутренняя тень)

Шар на данном этапе работы показан на рис. 7.7.

Чтобы сделать иллюзию объема более выразительной, можно добавить тень от шарааналогично тому, как мы создавали тень от букв, только на этот раз активным дол-жен быть слой Сфера. В результате изображение должно стать похожим на то, ко-торое представлено на рис. 7.8.

Теперь немного размойте тень. Для этого можно использовать целый ряд приемов,авторы остановились на маске слоя, показанной на рис. 7.9.

Page 414: 009 Photoshop CS2

1И1Глава 7. Имитация объема в Photoshop

Рис. 7.7. Результат использованияInner Shadow (Внутренняя тень)

Рис. 7.8. Шар после добавления заготовкидля тени

Впрочем, практически то же самое можно сделать и более привычным многимфильтром Gaussian Blur (Размытие по Гауссу).

Пример выполнен полностью. Результат представлен на рис. 7.10.

normal

Lock, Q

Щ

I I I

1

3d

shir

1 !

Opacity, 100-:::, > .Fill! |J.00JK

НШШЯ1

Рис. 7.9. Добавление к тени слоя-маски Рис. 7.10. Результат применения фильтра3D Transform (Трехмерное преобразование) <*^)

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

Создайте файл (Ctrl+N). Размер изображения не имеет значения: чем больше холст,тем больше труб вы сможете разместить и тем более сложный рисунок у вас полу-

чится.

Создание лабиринта из труб необходимо начать с подготовки к основному этапу,а именно с создания градиента, который будет использоваться в дальнейшем приреализации абсолютно всех труб. Установите в качестве Foreground Color (Цвет

Page 415: 009 Photoshop CS2

Металлические трубы

переднего плана) черный, а в качестве Background Color (Цвет фона) — белый(клавиша D).

Выберите инструмент Gradient (Градиент), установите тип градиента Linear (Ли-нейный) и дважды щелкните мышью на значке градиента на панели параметров.Нам необходимо создать образец градиентной заливки, состоящий из двух основ-ных цветов — черного и белого — и из дополнительных серых оттенков. Изобра-жение градиента, полученного нами, представлено на рис. 7.11. При его созданиииспользовались 7 цветовых ограничителей: белый, светло-серый, белый, темно-се-рый, черный, черный и белый, находящихся в положениях 0, 8, 16, 39, 57, 70 и 100соответственно. Все указатели средних точек были оставлены без изменения.

Name; :| Custom

Г Gradient lype Solid v

' 100 * 'к

New

& йStops —

Cotar; 70 Ж belete

Рис. 7 . 1 1 . Создание градиента

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

Обратите внимание, что изображение лучше смотрится, если на нем представленонесколько труб с разным диаметром. Следите также за тем, какие трубы располо-жены на переднем плане, а какие — на заднем.

Page 416: 009 Photoshop CS2

Глава 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. Впро-чем, вы можете остановиться на любом оттенке, кроме белого и черного.

Page 417: 009 Photoshop CS2

Кнопка в стиле Windows XP

^ g

Рис. 7.14. Комбинируя инструменты Рис. 7.15. С помощью Free Transform (Свободноевыделения, создаем заготовку кнопки трансформирование) поворачиваем

скопированный элемент

Применим к заготовке стиль слоя Bevel and Emboss (Скос и рельеф): Layer • LayerStyle • Bevel and Emboss (Слой • Стиль слоя • Скос и рельеф) с настройками, пока-занными на рис. 7.16.

Результат этого действия представлен на рис. 7.17.

•••••••• Bevel &nd ErabosS

Technique: [SmoothB«*> : -Дг:

Direction! ®Up Qoovwi

Soften:• Shading ••••

An.gf«! 1120 !*) 0 U » fibbil Light

J30 Iе'

^ Mode! ! Screen

fipscityi

Shadow frfodei j MultiplyOpacityi

Рис. 7.16. Настройки Bevel and Emboss(Скос и рельеф)

Рис. 7.17. Результат применения Beveland Emboss (Скос и рельеф)

Затем, не закрывая окно Layer Style (Стиль слоя), добавьте к создаваемому стилюэффект Gradient Overlay (Наложение градиента) с настройками, соответствующи-ми показанным на рис. 7.18.

Если все сделано правильно, то результат должен соответствовать рис. 7.19.

Наконец, третий и последний шаг в создании стиля слоя для ХР-кнопки. Добавь-те к двум предыдущим эффектам Inner Shadow (Внутренняя тень) (рис. 7.20).

Page 418: 009 Photoshop CS2

E E L JГлава 7. Имитация объема в Photoshop

Gradient OverlayGradient

Blend Modej [MultiplyOgacftysJ

! Gradient;

Рис. 7.18. Настройки Gradient Overlay(Наложение градиента)

Рис. 7.19. Работа после добавленияэффекта Gradient Overlay (Наложениеградиента)

Результат добавления эффекта Inner Shadow (Внутренняя тень) представлен нарис. 7.21.

. • • : • • • : • • • •• .

: ' : ' C o n t o u r ; •

H A n l

u « » . j • • • •

ft • • : : •

" 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).

Page 419: 009 Photoshop CS2

Кнопка в стиле Windows XP

Gaussian Blur • - \ . " • ? . Д :

Cancel

0 Preview

II 15 pixel:

^

Рис. 7.24. Кнопка после примененияGaussian Blur (Размытие по Гауссу)

Рис. 7.23. Настройки фильтра Gaussian Blur(Размытие по Гауссу)

Аналогично предыдущему создайте еще один новый слой. Только на этот развыделение должно располагаться в верхней части кнопки (ориентируйтесь нарис. 7.25).

Запустите инструмент Gradient (Градиент) и залейте выделение стандартным ли-нейным градиентом от черного цвета к белому. В итоге получится то, что показанона рис. 7.25.

Откроем палитру Layers (Слои) и изменим для слоя с градиентом значение BlendingOptions (Параметры наложения) на Screen (Экран), a Opacity (Непрозрачность) —на 75 %. Результатом станет практически полностью готовая кнопка в стиле ХР(рис. 7.26).

Рис. 7.25. Заливаем выделение Рис. 7.26. Кнопка после изменения настроекна новом слое линейным градиентом слоя с градиентом

Осталось совсем немного. Напишите любой текст и с помощью стиля слоя DropShadow (Внешняя тень) добавьте ему небольшую тень. Поместите на палитре Layers(Слои) слой с текстом ниже слоя с градиентом. Итоговое изображение показанона рис. 7.27.

Рис. 7.27. Кнопка в стиле Windows XP

Page 420: 009 Photoshop CS2

Глава 7. Имитация объема в Photoshop

7.4. Стеклянная кнопка

В этом разделе мы покажем, как нарисовать объемную стеклянную кнопку Сразу

скажем, что в Photoshop есть готовые стили, которые позволяют сделать пример-

но то же самое. Различие в том, что с помощью стилей можно получить только од-

фотографиюН°П К У' а М Ы б У Д Ш И С П 0 Л Ь 3 0 В а т ь в к а ч е с т в е «сходного изображения

Откройте подходящее изображение. Оно должно быть обязательно цветным и же-е Ь Н ° В Ы С 0 К 0 Г 0 к а ч е с т в а - М ы остановились на варианте, изображенном на

Кнопка будет круглой. Поэтому выделите с помощью инструмента Elliptical Mar-

quee (Эллиптическое выделение), удерживая клавишу Shift, круглую область За-

тем инвертируйте выделение: Select > Inverse (Выделение • Инвертировать) Полу-

ГискеТ(ЗаливкНаГ Н е ° б Х ° Д И М ° 3 а Л И Т Ь б б Л Ы М Ц В е Т ° М ' и с п о л ь з у я инструмент Paint

Инвертировав выделение, вы получите примерно то же, что показано на рис 7 29Это будет заготовка для кнопки. F

Рис. 7.28. Исходное изображение Рис. 7.29. Заготовка для кнопки

Оставшаяся часть работы сведется к созданию подходящего слоевого стиля Для

этого нам понадобится эффект Drop Shadow (Внешняя тень): Layer • Layer Style • Drop

рис 7W30 С Л ° Я В Н 6 Ш Н Я Я Т е Н Ь ) С н а с т Р ° й к а м и - приведенными „а

Не закрывая окно Layer Style (Стиль слоя), переключитесь на эффект Inner Shadow(Ьнутренняя тень) и задайте параметры, показанные на рис. 7.31.

Снова переключившись, на этот раз на эффект Gradient Overlay (Наложение гради-ента), задайте последние штрихи создаваемому стилю (рис. 7.32).

На этом эффект можно считать выполненным (рис. 7.33). Если есть желание сде-лать кнопку более реалистичной, то можно ее немного доработать кистью с мягки-ми краями и применением фильтра Lens Flare (Блик) из группы Render (Осве-

Page 421: 009 Photoshop CS2

Литой диск

P Drop ShadowStriHtur»

i Blend Mode: i Multiply v

UM Global Light

Quality11' Contours

Noise;•

**::•• ; • ••••:• •; : i iOut Drop Shadow

Рис. 7.30. Настройки Drop Shadow(Внешняя тень)

Gradient Overlay: ; GradientI ; Blind Mode: | Screen

Psiil * 0A»cjn w«h Layei

Рис. 7.32. Настройки стиля GradientOverlay (Наложение градиента)

Рис. 7 . 3 1 . Настройки Inner Shadow(Внутренняя тень)

Рис. 7.33. Стеклянная кнопка <

7.5. Литой дискВ предыдущих примерах этой главы мы рисовали в основном достаточно абстракт-ные предметы. Но самым сложным при имитации объема в Photoshop является какраз повторение тех вещей, которые мы видим каждый день в реальной жизни.Именно такую задачу нужно решить в этом примере. Мы попробуем нарисоватьмаксимально реалистичный автомобильный литой диск.

Создайте новое изображение (Ctrl+N) размером около 500 х 500 пикселов. Фон дол-жен быть прозрачным. Сразу необходимо добавить новый слой (Shift+Ctrl+N). С по-мощью инструмента Ellipse (Эллипс) в режиме Fill pixels (Заполненная область)нарисуйте на новом слое круг (рис. 7.34).

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

Page 422: 009 Photoshop CS2

Глава 7. Имитация объема в Photoshop

:К;">Й¥*йШййШйй

1'ЙЙЙЙ : ' ••'••Й-SS

Рис. 7.34. Созданный круг Рис. 7.35. Для рисования контура диска лучшевсего использовать инструменты группыРеп(Перо)

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

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

Если контур получился, то активизируйте палитру Paths (Контуры) и переведитеего в выделение (рис. 7.36).

С помощью инструмента Paint Bucket (Заливка) или команды Fill (Заливка) окрась-те содержимое выделения в темно-серый цвет (рис. 7.37).

Рис. 7.36. Выделение готово Рис. 7.37. Работа после заливки подходящимцветом

Page 423: 009 Photoshop CS2

Литой диск

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

Первым компонентом этого стиля стал эффект Drop Shadow (Внешняя тень): Layer •Layer Style • Drop Shadow (Слой • Стиль слоя • Внешняя тень) с настройками, пред-ставленными на рис. 7.38.

Не закрывая окно Layer Style (Стиль слоя), переключитесь на эффект Bevel andEmboss (Скос и рельеф) и задайте параметры, указанные на рис. 7.39.

: Bevel «ill

Distinct! s;

Spread! Q

••*H:1 31

••-• Quality •:••••

Contour!

Hoist! .

§?УШ-1 Emboss

Technique!:: Smooth

Depth: J

Dirtctioft: ©Up

r Knocks OKA Drop Shadow

AQgle; ^«^^

Altitude: V . ^

Gloss Contour:J :

Highlight Mode: i Screen

> * i t y , - ;

Shadow Mode;...

. . _

Multiply

JO }*

V J U M Global Light

« 1 1 | ;

: Q j 100 j™

Рис. 7.38. Настройки Drop Shadow(Падающая тень)

Рис. 7.39. Настройки Bevel and Emboss(Скос и рельеф)

Третьим, последним компонентом стиля слоя станет эффект Contour (Контур), на-стройки которого показаны на рис. 7.40.

Рис. 7.40. Настройки Contour (Контур)

Кстати, этот стиль слоя можно сохранить на палитре Styles (Стили), так как он яв-ляется универсальным для любых объемных металлических предметов.

Если все было сделано правильно, то уже сейчас вы получите вполне объемныйлитой диск (рис. 7.41).

Page 424: 009 Photoshop CS2

Глава 7. Имитация объема в Photoshop

Дальнейшие действия не привнесут в работу ничего принципиально нового, но до-бавят ей реалистичности.

Создайте новый слой (Shift+Ctrl+N). Убедитесь, что выделение, над которым мыработали в начале примера, все еще активно. Если это не так, то его можно восста-новить из контура.

Выполните команду Select • Modify • Contract (Выделение • Изменить • Сузить),задав в качестве значения сжатия 5-6 пикселов (рис. 7.42).

Contract SelectionContract Bv: ]

Рис. 7 . 4 1 . Диск после примененияслоевых эффектов

Рис. 7.42. Применяем Contract Selection(Сузить выделение)

Затем используем фильтр Lighting Effects (Эффекты света): Filter • Render • LightingEffects (Фильтр • Освещение • Эффекты света) (рис. 7.43).

Lighting Effects- Style j Default

•Light type [Omni

И OnIntend: ?*Ш*1

Prapertie;

.Gloss:

Material:.

I Expose: ,Ч"Ч

5.0

.; .(Ж j

Cancel

Full

Malte 0 Shiny

Plastic

Рис. 7.43. Настройки фильтра Lighting Effects (Эффекты света)

Page 425: 009 Photoshop CS2

Шар

Придадим металлу текстурность, применив к новому слою фильтр Add Noise (До-бавить шум): Filter • Noise • Add Noise (Фильтр • Шум • Добавить шум) с настрой-ками, показанными на рис. 7.44.

Осталось склеить слои и оценить результат. Авторы считают, что получилосьочень хорошо (рис. 7.45), особенно учитывая то, какие простые технологии мы приэтом использовали.

S Preview

у-.... •]"":••'. Q i«M%

Amount; jlQ |%

DistributionО Uniform

13 Monochromatic

Рис. 7.44. Настройки фильтра Add Noise(Добавить шум)

Рис. 7.45. Литой диск @£)

7.6. ШарДанный пример, наверное, один из самых простых в главе. Но при этом он являет-ся одним из самых полезных, так как посвящен процессу создания часто исполь-зуемой объемной фигуры — шара.

Создайте новое изображение в цветовой модели RGB (Ctrl+N). Размер особого зна-чения не имеет, но лучше не задавать его больше 300 х 300 пикселов.

Сразу создайте новый слой (Shift+Ctrl+N). На нем, используя инструмент EllipticalMarquee (Эллиптическое выделение), создайте выделение в форме круга и залейтеего любым цветом («горячая» клавиша инструмента заливки — G). В нашем слу-чае это синий (рис. 7.46).

Чтобы реализовать на будущем шаре игру света, воспользуемся фильтром LightingEffects (Эффекты света): Filter • Render • Lighting Effects (Фильтр • Освещение • Эф-фекты света) (рис. 7.47).

Page 426: 009 Photoshop CS2

Глава 7. Имитация объема в Photoshop

Рис. 7.46. Заготовка для шара

- Light type ; Spotlight v ,

Intensity: Negative 35 ^ Fuji

Focus:

Рис. 7.47. Настройки фильтра Lighting Effects (Эффекты света)

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

Для увеличения реалистичности пустим по шару блики: Filter • Render • Lens Flare(Фильтр • Освещение • Блик). Параметры фильтра отображены на рис. 7.49. Прижелании можно применить данный фильтр повторно, используя при этом другиенастройки.

Шар почти готов (рис. 7.50). Улучшим его, добавив тень. Сделаем это с помощьюстиля Drop Shadow (Внешняя тень): Layer • Layer Style • Drop Shadow (Слой • Стильслоя • Внешняя тень).

Page 427: 009 Photoshop CS2

Стеклянный шар на фоне пейзажа

Fare Center:

M

:jH i

Reset

Srightness;

Lens Type© 50-300mm ZoomО 3Smm Prime

: .QlOSmm Prime '"•;

О Movie Prime

Рис. 7.48. Результат применения Рис. 7.49. Диалоговое окно фильтрафильтра Lighting Effects (Эффекты света) Lens Flare (Блик)

Эффект сделан полностью. Мы получили объемный шар (рис. 7.51). Подобным обра-зом можно создать практически любую примитивную фигуру: эллипс, конус и т. д.

I Ш : ' •

Рис. 7.50. Изображение послеприменения фильтра Lens Flare (Блик)

Рис. 7 . 5 1 . Созданный шар <

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

Page 428: 009 Photoshop CS2

Глава 7. Имитация объема в Photoshop

почти квадратной формы. Мы будем работать с изображением, представленным нарис. 7.52.

Рис. 7.52. Исходное изображение

Создайте выделение круглой формы с помощью инструмента Elliptical Marquee (Эл-липтическое выделение), для активизации которого можно нажать клавишу М.

Активизируйте инструмент Gradient (Градиент) («горячая» клавиша — G). В каче-стве основных цветов установите черный и белый, нажав клавишу D. Тип градиен-та выберите Linear (Линейный), а вид — Foreground to Background (От цвета передне-го плана к цвету фона).

Создайте новый слой, щелкнув на кнопке с изображением чистого листа, распо-ложенной внизу палитры Layers (Слои), или нажав сочетание клавиш Shift+Ctrl+N.Теперь залейте полученное выделение на новом слое так, чтобы создавалась ил-люзия, что одна сторона шара освещена, а другая находится в тени (рис. 7.53).

Создайте копию фонового слоя, перетащив его к кнопке с изображением чистоголиста на палитре Layers (Слои), и поместите созданный слой на самый верх. Дваж-ды примените к нему фильтр Spherize (Сферизация) из набора Distort (Деформа-ция) (рис. 7.54). В обоих случаях следует установить максимальную силу дей-ствия, так как наша задача — сделать шар, для чего необходимо сильно выгнутьизображение.

Page 429: 009 Photoshop CS2

Стеклянный шар на фоне пейзажа

Рис. 7.53. Шар с градиентной заливкой

Mode Normal

Рис. 7.54. Диалоговое окно фильтра Spherize (Сферизация)

В результате должно получиться нечто похожее на рис. 7.55.

Page 430: 009 Photoshop CS2

Глава 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(Замена темным).

Page 431: 009 Photoshop CS2

Стеклянный шар на фоне пейзажа

f Q i a m e t : [ R G B : щ •••. ••• : : 'г_

1 к^^Ш ^^ш А

| SMigUtteyds; J 0 " У " 255 ];.:::

' 1 РК "

[ Resit 1 '.

I. Load... 1

i. sw... 1;

1 AUtO ]

Гор&эге.ГТ

S&eview

Рис. 7.56. Настройки в диалоговом окне Levels (Уровни)

Рис. 7.57. Работа после применения Levels (Уровни)

ньГшаТооЭмЛиПпТоТК О е В Ы Д е Л е Н И е Н а Н 0 В О М с л о е - Расположенном под слоем с цвет-мЗъ! еГ° В ° С Г В а н И е ш а Р а - С е г о "«мощью мы сейчас созда-

S Blur Г Р Г Г В Ы Д е

г

Л е Н Н у Ю о б л а ^ ь чеР«ь™ цветом. Примените фильтр Gaus-sian Blur (Размытие по Гауссу) из набора Blur (Размытие), чтобы сделать переход

Page 432: 009 Photoshop CS2

Глава 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.

Page 433: 009 Photoshop CS2

Фантастические черви

Рис. 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.

Page 434: 009 Photoshop CS2

Глава 7. Имитация объема в Photoshop

Рис. 7 . 6 1 . Фон готов

Перейдем ко второй части работы. Откройте палитру Brushes (Кисти) и, исполь-зуя параметры, показанные на рис. 7.62, на основе стандартного образца создайтеновую кисть. Не забудьте сохранить ее как образец, так как она понадобится намне прямо сейчас.

i_j Textura"": Dual fe-ush

Dynamics

Рис. 7.62. Настройки новой кисти

Запустим инструмент Smudge (Палец). В качестве кисти задайте образец, толькочто нами созданный. Обязательно установите флажок Sample All Layers (Использо-вать все слои). Остальные настройки можно оставить по умолчанию.

Активизируйте инструмент Реп (Перо) и максимально точно повторите контур, по-казанный на рис. 7.63. При этом убедитесь, что работаете в режиме Paths (Контуры).

Page 435: 009 Photoshop CS2

Фантастические черви

Затем щелкните на контуре правой кнопкой мыши и в контекстном меню выбери-те пункт Stroke Path (Обвести контур) (рис. 7.64).

1

i i i p i i

И ИDelete Anchor PointCreate vector maskDelete PathDefine Custom Shape..,Make Selection...Fill Path...Clipping Path...Free Transform Path

Рис. 7.63. Необходимый контур Рис. 7.64. Выбираем в контекстномменю пункт Stroke Path (Обвести контур)

В результате откроется диалоговое окно Stroke Path (Обвести контур), в которомв качестве инструмента обводки выберите Smudge (Палец). Обязательно устано-вите флажок Simulate Pressure (Имитировать нажатие).

После нажатия кнопки ОК появится заготовка первого червя. Но нам нужно их че-тыре. Поэтому создайте новый слой, немного сместите и трансформируйте кон-тур и повторите действия с обводкой. Точно так же нарисуйте еще два червя(рис. 7.65).

.

Рис. 7.65. Всех червей нужно поместить на разные слои

На этом основная работа выполнена. Осталось сделать червей объемными и полу-прозрачными. Для этого, как не сложно догадаться, лучше всего использовать сти-ли слоя: Layer • Layer Style (Слой • Стиль слоя). Нам понадобится достаточно слож-ный стиль, состоящий из пяти компонентов.

Page 436: 009 Photoshop CS2

Глава 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: .

AKiLuda•olon Contout i

нфЬфА Mod.,

£b*dowMod*i

1 '

JScreen

| MultiDlv

Я|[ JN p

-*> i H i

• j ••

Рис. 7.67. Настройки стиля Bevel and Emboss (Скос и рельеф)

Contour (Контур) (рис. 7.68).

ContourHr* «nti

: Contour;

Рис. 7.68. Настройки Contour (Контур)

Color Overlay (Наложение цвета) (рис. 7.69).

г. C o l l > r.

i t*ndMod*t

j

Рис. 7.69. Настройки Color Overlay (Наложение цвета)

Page 437: 009 Photoshop CS2

Сигарета

Gradient Overlay (Наложение градиента) (рис. 7.70).

Рис. 7.70. Настройки Gradient Overlay (Наложение градиента)

В результате один из червей станет объемным и полупрозрачным. Но нам нужно,чтобы такими были все фигуры. Поэтому, убедившись, что активен слой с объем-ным червем, выполните команду Layer • Layer Style • Copy Layer Style (Слой • Стильслоя • Копировать стиль слоя). Затем выполните команду Layer • Layer Style • PasteLayer Style (Слой • Стиль слоя • Вставить стиль слоя) для остальных слоев с фи-гурами.

Пример выполнен полностью. Фантастические черви показаны на рис. 7.71.

Рис. 7 . 7 1 . Фантастические черви

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

Начнем с создания нового изображения: File • New (Файл • Создать) (Ctrl+N). Пара-метры изображения можно выбрать любые, с которыми вам будет удобнее работать.

Page 438: 009 Photoshop CS2

Глава 7. Имитация объема в Photoshop

Активизируйте инструмент Rectangular Marquee (Прямоугольное выделение) («го-рячая» клавиша М) и создайте прямоугольное выделение, которое впоследствиибудет фильтром сигареты. Оставьте место над или под ним для другой части си-гареты.

Заметим, что удобнее каждый элемент создавать на отдельном слое, чтобы принеобходимости его можно было безболезненно заменить более подходящим. Длясоздания нового слоя нужно выполнить команду Layer • New • Layer (Слой • Соз-дать • Слой) или воспользоваться клавиатурным сокращением Shift+Ctrl+N.

Залейте созданное выделение оранжевым цветом с помощью инструмента PaintBucket (Заливка) («горячая» клавиша G). Для имитации неоднородности структу-ры следует добавить немного шума: Filter • Noise • Add Noise (Фильтр • Шум • До-бавить шум) (рис. 7.72). Силу действия (Amount) следует установить небольшую,так как в данном случае шум используется для придания правдоподобности. В на-шем примере значение Amount (Эффект) равно 6 %. Обратите внимание, что фла-жок Monochromatic (Монохромный) снят.

Add Noiselift •• . :•::•.;•:• I Yir-aVir"»^- "•':

H M M M f f i

I'':''""""":'"*:""":

•' Q' ao% • • E

Amount j 6 | % .•4W

О Uniform; ©Qausslan

*_!'Monochromatic

f x f• • • . • : • • . • . •

СДАЛ

« 8

щ ж i-

L Reset j •

0 Preview

Рис. 7.72. Диалоговое окно фильтра Add Noise (Шум)

Далее следует взять небольшую кисть и нарисовать на фильтре более светлым цве-том несколько разбросанных штрихов.

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

Page 439: 009 Photoshop CS2

Сигарета

Установите в качестве основных цветов черный и белый, нажав клавишу 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.

•*•• с

сj|H Note Paperi: Image Balance: •!.•. Graininess: Relief

OK j':;;:. ,:'.::v I',:;ReSel , . )•;• '::

;; ' . ' I':-:Ш\ '

; 4

Рис. 7.73. Настройки фильтра Note Рис. 7.74. Сигарета без табакаPaper (Бумага)

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

Следующий этап работы — создание табака, которое также следует проводить нановом слое. Выделите прямоугольную область на конце сигареты и заполните еегрязно-коричневым цветом. Вновь воспользуйтесь фильтром Add Noise (Добавитьшум), только силу действия (Amount) задайте значительно больше (можно дажемаксимальную) и обязательно установите флажок Monochromatic (Монохромный).

Возьмите инструмент Erase (Ластик) («горячая» клавиша Е), выберите жесткуюкисть и сотрите часть области так, чтобы она получилось рваной, похожей на рас-сыпчатый табак.

Page 440: 009 Photoshop CS2

Глава 7. Имитация объема в Photoshop

Для усиления объемности примените фильтр Shear (Сдвиг) из группы Distort (Де-формация) с настройками, приведенными на рис. 7.75.

В качестве последнего шага можно добавить сигарете тень: Layer • Layer Style • DropShadow (Слой • Стиль слоя • Внешняя тень). Итоговое изображение представле-но на рис. 7.76. Получилось почти фотографично.

- .

\ |

Reset

Defaults

Undefined Area?; .'-.0'tfapAioundOBepe«tEdgeH>els

Рис. 7.75. Настройки фильтра Shear (Сдвиг) Рис. 7.76.

7.10. БулыжникМы уже говорили о том, как имитировать различные природные текстуры и явле-ния. Но гораздо более сложной задачей является рисование предметов. И если,например, реалистичное дерево человек без хороших художественных способнос-тей не сможет нарисовать, то более простые и менее детализированные предметыдоступны для имитации каждому. Яркий тому пример — камень, создание кото-рого сейчас будет описано.

Создайте новый документ (Ctrl+N) средних размеров в цветовом режиме RGB.Фон можно оставить белым. Запустите инструмент Ellipse (Эллипс) в режимеShape layers (Слои фигуры). Нажав клавишу Shift, нарисуйте круг серого цвета(рис. 7.77).

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

Page 441: 009 Photoshop CS2

Булыжник

Рис. 7.77. Заготовка для камня Рис. 7.78. Перемещая якорные точки,добейтесь подходящей формы

Для продолжения работы необходимо перевести фигуру в растр. Для этого щелк-ните на изображении правой кнопкой мыши и выберите команду Rasterize Layer(Растрировать слой).

Следующим шагом работы станет придание булыжнику подходящей текстуры.Примените фильтр Add Noise (Добавить шум): Filter • Noise • Add Noise (Фильтр •Шум • Добавить шум) с настройками, которые показаны на рис. 7.79.

I I I I I I

•ШЖ

Reset

I

!

Amount: i Щ

г & ;

г- Distribution

©Unifotm

0 Monochromatic

Рис. 7.79. Настройки фильтра Add Noise (Добавить шум)

Page 442: 009 Photoshop CS2

Глава 7. Имитация объема в Photoshop

Теперь можно заняться объемом. Как уже догадались самые внимательные чита-тели, лучший способ решения этой задачи — использование слоевых эффектов.Авторы использовали стиль, состоящий из двух компонентов: эффекта Bevel andEmboss (Скос и рельеф) с настройками, показанными на рис. 7.80, и эффекта DropShadow (Внешняя тень) с настройками, приведенными на рис. 7.81.

Mturtor.8

.[Smooth Д

Direction! ^>Up p O o w n

... .''. gzei .'

Softeni ,

D r o p SfeatJfi

••• S t r u c t w e

E.l»r.d rj.:,d«: Multiply

Рис. 7.80. Применяем стиль слояBevel and Emboss (Скос и рельеф)

Рис. 7 . 8 1 . Настройки Drop Shadow(Внешняя тень)

Результатом этих действий станет превращение плоской фигуры в уже вполне реа-листичный объемный булыжник. Но он очень скучный. Добавим ему немногооригинальности с помощью следующего приема. Запустите инструмент PolygonalLasso (Многоугольное лассо) и создайте выделение в виде прямоугольной полос-ки поперек булыжника.

Создайте новый слой (Shift+Ctrl+N). Залейте на нем выделение белым цветом. За-тем перейдите на палитру Layers (Слои) и измените Blending Mode (Режим наложе-ния) слоя на Screen (Экран), a Opacity (Непрозрачность) уменьшите до 30%.

Наша работа на этом этапе показана на рис. 7.82.

Камень почти готов. Остались последние штрихи. Запустите инструмент Brush(Кисть) и, выбрав образец с мягкими краями и светло-серый цвет, нарисуйте накамне крупные пятна. Это потребует от вас определенных усилий, так как слиш-ком крупные или мелкие пятна испортят всю работу. Не забывайте о том, что не-удачные действия всегда можно отменить с помощью сочетания клавиш Ctrl+Z илипалитры History (История).

Затем создайте еще один новый слой. Расположим его ниже камня, перетянувна палитре Layers (Слои). На нем будет нарисован песок. Для начала достаточнозалить этот слой желтым цветом (рис. 7.83).

Page 443: 009 Photoshop CS2

Булыжник

Рис. 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

Page 444: 009 Photoshop CS2

Глава 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.

Page 445: 009 Photoshop CS2

Щупальца в крови

Gaussian Blur

1 Reset

И Review

Q 1CP0* Ш

' gadius; i 4 I pixels

1

1

i

1

11

j

1

Рис. 7.87. Диалоговое окно фильтраGaussian Blur (Размытие по Гауссу)

Рис. 7.88. Использование Free Transform(Свободное трансформирование)для формирования щупальцев

Результат уже напоминает щупальца какого-то фантастического существа. Одна-ко его можно улучшить, добавив блеск. Для этого отлично подходит фильтр PlasticWrap (Целлофановая упаковка): Filter • Artistic • Plastic Wrap (Фильтр • Имита-ция • Целлофановая упаковка) (рис. 7.90).

Undefined Areas; •© Wrap AroundО Bepeat Edge Pixels :

. . .

я i f.i Ш 1;

• ••*-< ,s

s i •

• *j ... 1

cz— Plastic Wrap

| Highlight Strength

| • DAtafl • .: . . : ' : : H § j

I Smoothness

I • • : ••.-..'• :

0

::,:. ..4:ii

К

Reset

:

л

.>•;.•.

i1

i Л_„

Оо:

Рис. 7.89. Настройки фильтра Shear (Сдвиг) Рис. 7.90. Параметры фильтра Plastic Wrap(Целлофановая упаковка)

Page 446: 009 Photoshop CS2

Глава 7. Имитация объема в Photoshop

Осталось нарисовать кровь. Для этого создадим новый слой (Shift+Ctrl+N) и сразупереведем его в режим наложения Color Bum (Цветовой прожиг). В этом режимекровь будет видна только на щупальцах.

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

Дублируйте щупальце два раза и, используя Free Transform (Свободная трансфор-мация), немного измените копии по отношению к оригиналу. Расположите трищупальца друг по отношению к другу, чтобы они смотрелись органично.

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

Рис. 7 . 9 1 . Щупальца в крови i

7.12. Объемная планета

Этот пример, возможно, понравится начинающим пользователям Adobe Photo-shop. В нем мы поговорим о том, как очень быстро и просто нарисовать объемнуюЗемлю в космосе. Несмотря на то что на первый взгляд он не прост, этот эффектодин из самых легких в книге.

Итак, создадим изображение в цветовом режиме RGB размером 1000 х 1000 пик-селов. Фоновый цвет сразу можно задать черным.

Создайте новый слой (Shift+Ctrl+N). Запустите инструмент Elliptical Marquee (Эл-липтическое выделение) и создайте круглое выделение чуть меньше изображения.Установите основные цвета по умолчанию (клавиша D). Затем примените фильтрClouds (Облака): Filter • Render • Clouds (Фильтр • Освещение • Облака). Результатпоказан на рис. 7.92.

Page 447: 009 Photoshop CS2

Объемная планета

Начнем превращать облака в материки. Для этого достаточно увеличить контраст-ность изображения: Image • Adjustments • Brightness/Contrast (Изображение • Нас-тройка • Яркость/Контраст) (рис. 7.93). Также можно обратить внимание на на-стройку Brightness (Яркость). При уменьшении значения яркости материки будутстановиться больше, при увеличении — наоборот.

Brightness/Contrast

Brightness;

'•• • ^jContrast:

-••::] +5

| 100•

• Г.... O K i

. 1 R e s e t [;•:

E P r e v i e w

Рис. 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.

Page 448: 009 Photoshop CS2

Глава 7. Имитация объема в Photoshop

L.

(Z

ipf Film Grain

Highlight Aree

OK j

Reset J

fi j.;

no j

Рис. 7.94. Параметры фильтра Film Рис. 7.95. Созданный градиентGrain (Зернистость пленки)

Готовое изображение показано на рис. 7.97.

Lens Flare fx||

llare Centen

Brightness: 0O1 j %

. -«.Ji.ioofl.

OjSmmPnme

O№vie Prime: :::::::;

1I OK 1

"*~l • Reset ]

Рис. 7.96. Настройки фильтра Lens Flare (Блик) Рис. 7.97. Объемная планета

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

Page 449: 009 Photoshop CS2

Фантастическая сфера

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

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

Создайте новое изображение средних размеров в цветовом режиме 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.

Page 450: 009 Photoshop CS2

Глава 7. Имитация объема в Photoshop

Затем на палитре Layers (Слои) измените значение параметра Opacity (Непрозрач-ность) слоя на 90 %.

Создайте еще один слой (Shift+Ctrl+N). Назовите его Атмосфера. Щелкните мышьюна слое Сфера правой кнопкой мыши с нажатой клавишей Ctrl, чтобы создать выде-ление, повторяющее контуры шара.

Установите цвета по умолчанию, нажав «горячую» клавишу D. Залейте выделениебелым цветом.

Затем 10 раз подряд примените фильтр Difference Clouds (Разностные облака):Filter • Render • Difference Clouds (Фильтр • Освещение • Разностные облака). В ре-зультате получится примерно то же, что у авторов (рис. 7.101).

Gaussian Blur

Рис. 7.100. Настройки фильтра GaussianBlur (Размытие по Гауссу)

Рис. 7 . 1 0 1 . Слой Атмосфера

Убедившись, что активным является слой Атмосфера, примените фильтр Spherize(Сферизация): Filter • Distort • Spherize (Фильтр • Деформация • Сферизация)с настройками, показанными на рис. 7.102.

Откройте палитру Layers (Слои) и измените значение следующих параметров:

• Blending Mode (Режим наложения) — на Overlay (Перекрытие);

• Opacity (Непрозрачность) — на 85 %.

После выполнения этих операций ваше изображение должно стать очень похожимна рис. 7.103.

Создадим новый слой и назовем его Darklight. Если выделение уже неактивно, то заг-рузите его, щелкнув мышью на слое Сфера (как мы это делали чуть раньше). При-мените к выделению команду Edit • Stroke (Редактирование • Обвести) с парамет-рами, показанными на рис. 7.104.

Page 451: 009 Photoshop CS2

Фантастическая сфера

Mode

iIf tfct

TTT

r

L

F

t111 iv*= ?n

i

у1

Рис. 7.102. Настройки фильтра Spherize(Сферизация)

Рис. 7.103. Работа после готовностислоя Атмосфера

Не снимая выделения, выполните команду Filter • Blur • Gaussian Blur (Фильтр • Раз-мытие • Размытие по Гауссу), задав настройки, указанные на рис. 7.105.

S t r o k e . •••••••.•:•

: Viidth: ' £3

Color: Щ

• Location

Mode: | Mormal

: [^Preserve Transparency-

Gaussian Blur

:.

1V» шШ

Www»"•

пягжУж ж"-

1Ш.

В Ш I pixelsРис. 7.104. Настройки применениякоманды Stroke (Обвести)

Рис. 7.105. Настройки фильтра Gaussian Blur(Размытие по Гауссу)

Склейте все слои (Ctrl+E) работы, кроме фона, в один. Его можно снова назвать Сфера.

Создадим отражение шара. Для этого дублируйте слой Сфера, перетянув его на па-литре Layers (Слои) на кнопку в виде чистого листа бумаги. Сразу уменьшите зна-чение параметра Opacity (Непрозрачность) до 20%.

Затем с помощью Free Transform (Свободное трансформирование) (Ctrl+T) развер-ните копию сферы и поместите ее так, как показано на рис. 7.106.

Page 452: 009 Photoshop CS2

Глава 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 (Размытие по Гауссу)

Page 453: 009 Photoshop CS2

Золотые часы

Сфера полностью готова. Осталось немного доработать фон. Для этого активизи-руйте нижний слой и примените к нему фильтр Lighting Effects (Эффекты света):Filter • Render • Lighting Effects (Фильтр • Освещение • Эффекты света) (рис. 7.109).

Эффект выполнен (рис. 7.110). Начинающий пользователь Photoshop никогдане поверит, что вы это смогли сделать в Photoshop, без использования дополни-тельных плагинов или сторонних программ.

Lighting EffectsStyle: : Default

Ambishce; Negative ; 8 Positive

Рис. 7.109. Настройки Lighting Effects (Эффекты света)

Э .6

Рис. 7.110. Фантастическая сфера

7.14. Золотые часыМы долго сомневались, включать ли этот пример в книгу. Дело в том, что он на-столько сложный, что выполнить его сможет очень небольшое количество читате-лей. А это нарушает идею книги, так как в ней есть только то, что сможет сделать

Page 454: 009 Photoshop CS2

Глава 7. Имитация объема в Photoshop

любой пользователь Photoshop. С другой стороны, не продемонстрировать, на-сколько далеко заходят возможности программы в области имитации объема, тожебыло бы неправильно.

Поэтому мы просто приведем итоговый результат (рис. 7.111). Достигается онтолько теми приемами, которые уже описаны в данной главе. Великолепно, неправда ли?

Рис. 7 . 1 1 1 . Золотые часы i

7.15. Стальной шарДанный эффект по технологии имитации объема является, по мнению авторов,самым оригинальным в главе. К большому сожалению, область его практическогоприменения очень ограничена, но результат выглядит интересно. Мы будем рисо-вать стальной шар.

Создайте новое изображение размером 400 х 400 пикселов в любом цветовом ре-жиме. Установите основные цвета по умолчанию (D) и примените фильтр Clouds(Облака): Filter • Render • Clouds (Фильтр • Освещение • Облака). Изображениепосле этого шага показано на рис. 7.112.

Затем примените фильтр Polar Coordinates (Полярные координаты): Filter • Dis-tort • Polar Coordinates (Фильтр • Деформация • Полярные координаты) с настрой-ками, показанными на рис. 7.113.

Примените последний фильтр несколько раз (Ctrl+F), пока ваша работа не станетпохожа на рис. 7.114.

Затем снова применим фильтр Polar Coordinates (Полярные координаты), но ужес новыми настройками (рис. 7.115).

Page 455: 009 Photoshop CS2

Стальной шар

Polar Coordinates

Рис. 7.112. Результат примененияфильтра Clouds (Облака)

Рис. 7.114. Результат многократногоприменения фильтра Polar Coordinates(Полярные координаты) в режимеPolar to Rectangular (Полярныев прямоугольные)

: Cancel

О Rectangular to Polar

(yjPuiar to Rectangular)

Рис. 7.113. Параметры фильтра PolarCoordinates (Полярные координаты)

Рис. 7.115. Второй этап применения PolarCoordinates (Полярные координаты) проходитуже в режиме Rectangular to Polar(Прямоугольные в полярные)

Повторяйте действие фильтра (Ctrl+F), пока не получите то, что показано на рис. 7.116.

Дублируйте слой, с которым мы сейчас работали, перетянув его на палитре Layers(Слои) на значок в виде белого листа бумаги. Примените к дубликату инструментFree Transform (Свободное трансформирование) и разверните полотно на 180°. За-тем на палитре Layers (Слои) поменяйте режим наложения нового слоя на VividLight (Яркий свет).

Page 456: 009 Photoshop CS2

Глава 7. Имитация объема в Photoshop

Сведите слои (Ctrl+E) и примените фильтр Motion Blur (Размыть в движении):Filter • Blur • Motion Blur (Фильтр • Размытие • Размыть в движении) с настройка-ми, показанными на рис. 7.117.

Motion Blur

1

4ngle: i 0

i l l-J

Qistance;

Щ

1

0flu

Jill

pixels

®|| OK J

Рис. 7.116. Результат многократного Рис. 7.117. Настройки фильтра Motion Blurприменения фильтра Polar Coordinates (Размытие в движении)(Полярные координаты) в режимеRectangular to Polar (Прямоугольныев полярные)

На этом пример завершен (рис. 7.118). Возможно, придется немного подправитьшар, используя различные инструменты, но это уже решайте сами. Авторам боль-ше никаких действий выполнять не пришлось.

Рис. 7.118. Стальной шар

Page 457: 009 Photoshop CS2

••

Глава 8

• • • .

Ретушь фотографий.Фотомонтаж

Ретушируем старуюфотографиюИзменяем цвет глазРаскрашиваемконтурное изображениеРаскрашиваем черно-белую фотографию

Переводим цветноеизображениев дуплексноеДуплексноеи квадроплексное(четырехцветное)изображениеСлияние фотографийПереносим человекав другое окружение

• Имитация старойфотографии

• Рисунок из фотографии

• Фотография в стилеглянцевых журналов

• Профессиональнаяфотография

• Виртуальнаяпарикмахерская

U Новая фигура безскальпеля и фитнеса

U Изменяем расуU Омоложение на 20 лет

за 20 минут• Украшаем самолет

Page 458: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

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

Авторы будут ретушировать очень старую и сильно поврежденную фотографию(рис. 8.1).

Рис. 8.1. Очень старая фотография <£^)

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

• Оторванные уголки фотографии. Так как это восстановить невозможно, при-дется полностью дорисовывать.

• Разрыв в левой части.

• Неровные, поврежденные края фотографии, особенно сверху.

• Крупные пятна на лице и пиджаке джентльмена.

• Пожелтевшая бумага и, как следствие, коричневые оттенки всей фотографии.

• Крупные царапины по всей площади изображения.

• Недостаточная контрастность фотографии.

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

Page 459: 009 Photoshop CS2

Ретушируем старую фотографию

Увеличим яркость и контрастность изображения: Image • Adjustments • Brightness/Contrast (Изображение • Настройки • Яркость/Контраст). Необходимые настрой-ки показаны на рис. 8.2.

Bf ightness/Contrast

: Brightness: 1+5

• : О1"

Contrast: 115

1 V

IZ ок._ |

Reset J

0 Preview

Рис. 8.2. Применение Brightness/Contrast (Яркость/Контраст)

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

Запустите инструмент Clone Stamp (Штамп). Выбрав достаточно крупную кисть,начинайте осторожно дорисовывать отсутствующие фрагменты, используя подхо-дящие места на фотографии в качестве источника.

ПРИМЕЧАНИЕ

Пользоваться инструментом Clone Stamp (Штамп) очень просто. Выбери-те, какой именно фрагмент изображения нужно скопировать и определи-те его как источник, щелкнув левой кнопкой мыши при нажатой клавишеAlt. Затем рисуйте как обычной кистью.

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

Рис. 8.3. Для дорисовки оторванных краев используйте инструмент Clone Stamp (Штамп)

Page 460: 009 Photoshop CS2

Глава 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 (Точеч-ная лечащая кисть). Благодаря этим инструментам исправление большинствацарапин можно сделать очень простым: проведите по царапине кистью — и она ис-чезнет!

Page 461: 009 Photoshop CS2

Ретушируем старую фотографию

Рис. 8.6. Для подравнивания краев фотографиилучше всего ее обрезать

Рис. 8.7. Удаляем грязь

Действуют Healing Brush (Лечащая кисть) и Spot Healing Brush (Точечная лечащаякисть) как Clone Stamp (Штамп), но при этом автоматически определяется не толь-ко источник пикселов, но и область, на которую они копируются. В результатеможно добиться высокого качества, например, при работе с человеческой кожей.

Труднее всего будет исправить пятна на лице мужчины. Как видно на рис. 8.8,часть информации потеряна безвозвратно и ее придется «додумать» самим. Ис-пользуйте штамп с небольшими кистями максимальной мягкости. Аккуратно до-рисуйте потерянный фрагмент лица, начиная со стороны лба. Этот этап потребуетот вас некоторых художественных способностей, и не стоит удивляться, если неполучится хорошо.

Остался последний шаг, требующий применение штампа. Часть пиджака джентль-мена почему-то зеленоватого оттенка. Исправьте это, копируя темные участки тка-ни откуда возможно (рис. 8.9).

Рис. 8.8. Работа с лицом требуетособого внимания

Рис. 8.9. Пиджак должен быть темным

Page 462: 009 Photoshop CS2

Глава 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).

Page 463: 009 Photoshop CS2

Ретушируем старую Фотографию

Рис. 8 . 1 1 . Настройки фильтраDust & Scratches (Пыль и царапины) Рис. 8.12. Выделение вокруг трещин

На палитре Layers (Слои) измените настройки слоя-дубликата следующим образом:

• Blending Mode (Режим наложения) - на Overlay (Перекрытие);

• Opacity (Непрозрачность) - на 30 %.

Для наглядности палитра Layers (Слои) после выполнения этого действияна на рис. 8.14.

High Pass

1 * * "

Ц ;;

1 1 1 1

L _

Raclus;

}

9

i 50

m

X QK 1

Ш Reset t

El preview

i pixels

показа-

1

Рис. 8.13. Настройки фильтра High Pass(Смягчение) Рис. 8.14. Настройки корректирующего

слоя

Page 464: 009 Photoshop CS2

Глава 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 0 |

; 4 • ' • ' ' • * ' ' •

Q u t p u t L e v e l s : : 0

• • • ш\ 1 | !• •• i i f c i M i H..1 Л И Ш Ш I I .

i *

• I

1 , 0 6

U K ]

2 5 5

' • . • • . . : - • C j . \

OK

Reset

L.Qatj,,.,

;Saye.,,,;

Auto

Options...

0 EJreview

Рис. 8.15. Настройки Levels (Уровни)

И последний штрих. Правый край немного темнее левого. Это легко исправитьинструментом Dodge (Осветлитель) с крупной мягкой кистью (рис. 8.16).

Рис. 8.16. Для осветления отдельных элементов используем инструмент Dodge (Осветлитель)

На этом работа закончена (рис. 8.17). Авторы считают, что она сделана хорошо.Фотография выглядит так, как будто сделана не 100 лет назад, а вчера вечером.

Page 465: 009 Photoshop CS2

Изменяем цвет глаз

Рис. 8.17. Отретушированная фотография <^)

8.2. Изменяем цвет глазРассмотрим очень интересный пример работы с Photoshop — постараемся изме-нить цвет глаз. Эта задача не очень простая, но все же выполнимая, и к тому жедостаточно быстро. Применяется данный эффект очень широко: часто цвет глазимеет ключевое значение на фотографии, а что делать, если он не подходит? Ко-нечно же, исправлять самим. Так как цвет — это главное в этом примере, обяза-тельно изучайте его с просмотром иллюстраций на компакт-диске.

Еще в Photoshop CS появился инструмент Color Replacement (Замена цвета), позво-ляющий быстро перекрашивать различные фрагменты. Весь этот пример можетбыть выполнен только этим инструментом, но для получения такого же качествен-ного результата придется потрудиться. Одним словом, Color Replacement (Заменацвета) стал альтернативой классическому способу, описанному в данной главе,но никак не его заменой.

Откройте изображение, с которым вы намерены работать. В нашем примере мыубрали все, кроме части лица, чтобы не было никаких отвлекающих внимание фак-торов (рис. 8.18).

Перейдите в режим быстрой маски, нажав «горячую» клавишу Q. Режим быстроймаски — это особый режим работы Photoshop, в котором все инструменты рисова-ния и фильтры работают обычным образом, но создают и изменяют не сочетаниепикселов, а выделение. При этом красные области обозначают выделенные.

Запустим инструмент Brush (Кисть) и выберем образец с мягкими краями. Обри-суйте глаза на фотографии так, как показано на рис. 8.19.

Page 466: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

Рис. 8.18. Исходное изображение <*J) Рис. 8.19. Созданная маска

После этого можно вернуться в стандартный режим редактирования, снова нажав«горячую» клавишу Q.

В этом примере мы покажем два способа изменения цвета глаз. В первом попро-буем изменить оттенок на зеленый. Для этого запустите цветокорректирующийинструмент Hue/Saturation (Тон/Насыщенность): Image • Adjustments • Hue/Satu-ration (Изображение • Настройки • Тон/Насыщенность) — и примените его с па-раметрами, показанными на рис. 8.20.

Hue/Saturation

J2L

LJtesat

Saturation:

Lightness:

Load...

Рис. 8.20. Настройки Hue/Saturation (Тон/Насыщенность)

В итоге глаза станут естественного зеленоватого оттенка (рис. 8.21).

Второй способ будет несложным, и в нем мы постараемся окрасить глаза в карийцвет. Сначала повторите все действия, описанные выше, до получения нужноговыделения. Затем создайте новый слой (Shift+Ctrl+N) и залейте на нем с помощьюинструмента Paint Bucket (Заливка) созданное ранее выделение коричневым цве-том (рис. 8.22).

Page 467: 009 Photoshop CS2

Изменяем цвет глаз

: ' .. -. -

Рис. 8 . 2 1 . Зеленые глаза dj^)

Рис. 8.22. Глаза после заливки цветом

Откройте палитру Layers (Слои) и измените значение Blending Mode (Режим нало-жения) на Soft Light (Мягкий свет). Результатом будут вполне реалистичные ка-рие глаза (рис. 8.23).

Рис. 8.23. Карие глаза i

Page 468: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

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

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

Наше исходное контурное изображение представлено на рис. 8.24.

Создайте новый слой (Shift+Ctrl+N). Запустите инструмент Brush (Кисть) и выбе-рите небольшой, жесткий образец. Установите светло-коричневый оттенок и ак-куратно окрасьте всю собаку (рис. 8.25).

^НИИtm

U /Рис. 8.24. Контурный рисунок <S^ Рис. 8.25. Окрашиваем таксу одним цветом

Добавьте новый слой. Выберите кисть небольшого размера с размытыми краямии дорисуйте области более темной шерсти (рис. 8.26).

Добавим еще один новый слой. Сейчас нам предстоит сложная, но очень важнаячасть работы. Нужно связать плавным переходом темные и светлые участки шер-сти. Для этого выберите среднюю кисть с мягкими краями. Задайте значение на-стройки Opacity (Непрозрачность) кисти равным 25% и аккуратно дорисуйте об-ласть перехода (рис. 8.27).

Рис. 8.26. Наносим области темной шерсти Рис. 8.27. Темные участки шерстиплавно переходят в светлые

Page 469: 009 Photoshop CS2

Раскрашиваем контурное изображение

Продолжим работу над шерстью. Создайте новый слой (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.

Теперь самый сложный этап работы — нужно нарисовать глаза. Выберите кистьс размытыми краями и нарисуйте два ярко-бордовых круга. Затем уменьшите

Page 470: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

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

Рис. 8.32. Нос готов Рис. 8.33. Рисование глаз — самаясложная часть работы

Осталось совсем чуть-чуть. Нужно нарисовать тень от собаки и фон. Добавьте но-вый слой (Shift+Ctrl+N). Используя палитру Layers (Слои), поместите его ниже сло-ев с шерстью и залейте подходящим цветом (в нашем случае это желтый). Затеминструментом Burn (Затемнитель) дорисуйте тень, а инструментом Dodge (Освет-литель) — источник света. Пример выполнен полностью, итоговое изображениепоказано на рис. 8.34.

Рис. 8.34. Раскрашенный рисунок

8.4. Раскрашиваем черно-белуюфотографиюЛюбой предмет в реальном мире обладает цветом. Цвет — основная видимая харак-теристика всех предметов. Поэтому достаточно часто возникает потребность превра-тить черно-белую фотографию в цветную. Этим мы и займемся в данном разделе.

Прежде всего подберите фотографию. Если у вас нет черно-белой, то можно обесцве-тить цветную: Image • Adjustments • Desaturate (Изображение • Настройки • Убратьнасыщенность). Авторский вариант показан на рис. 8.35.

Page 471: 009 Photoshop CS2

Раскрашиваем черно-белую фотографию

Рис. 8.35. Исходное изображение <^)

У нас есть фотография со всеми свойствами реальных объектов: на ней переданобъем естественными светотеневыми переходами, существуют неровности и ше-роховатости поверхности и т. д.

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

Следовательно, рассматривать будем только вторую составляющую — освещенность.На черно-белой фотографии это и есть единственный параметр, определяющий то,что мы видим. Абсолютно черный цвет (RO, GO, ВО) соответствует абсолютнонеосвещенному пикселу, а белый (R255, G255, В255) — идеально освещенному.Остается еще 254 вариации серого цвета (или 254 вариации освещенности) дляпередачи всех остальных светотеневых переходов. Поэтому мы предлагаем дваспособа окрашивания черно-белых фотографий. Начнем с самого распространен-ного и простого приема.

Обратите внимание на цветовую модель, в которой находится ваше изображение.Так как изображение черно-белое, то вероятнее всего, что это режим Grayscale (По-лутоновое). Переведите фотографию в один из цветных режимов. Мы выбралиRGB: Image • Mode • RGB (Изображение • Режим • RGB).

С помощью инструмента Lasso (Лассо) или других инструментов выделения, наваш выбор, выделите бананы. Сохраните выделение в канал: Selection • Save Selec-tion (Выделение • Сохранить выделение). В итоге появится дополнительный ка-нал (рис. 8.36), который нам понадобится позже.

Сейчас же нам нужно только что созданное выделение бананов. Чтобы окраситьих в желтый цвет, лучше всего использовать замечательный инструмент Hue/Saturation (Тон/Насыщенность): Image • Adjustments • Hue/Saturation (Изображе-ние • Настройки • Тон/Насыщенность) — с настройками, показанными на рис. 8.37.

Page 472: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

Рис. 8.36. Канал с бананами

Рис. 8.37. Настройки Hue/Saturation (Тон/Насыщенность)

Если все сделано правильно и вы не забыли в диалоговом окне Hue/Saturation(Тон/Насыщенность) установить флажок Colorize (Окрашивание), то бананы дол-жны стать вполне естественного цвета (рис. 8.38).

Рис. 8.38. Бананы уже желтые

Page 473: 009 Photoshop CS2

Раскрашиваем черно-белую фотографию

Перейдем к яблокам. Сначала займемся красными. Чтобы их выделить, можнонемного схитрить. Выделите одноцветный фон изображения с помощью инстру-мента Magic Wand (Волшебная палочка). Инвертируйте получившееся выделение(Shift+Ctrl+I).

Затем загрузите сохраненное ранее выделение командой Load Selection (Загрузитьвыделение), применив настройки, показанные на рис. 8.39.

Load Selection

Document;1! fruit_Ol.tif

i Channel: i 1Г : ПInvert :

r Operation - • .. .О blew Selection :; ; : : :

! О Add to Selector:

©Subtract from Sefection:•i 0 Intersect with Sefection

V

( x j

i ok 3

t Cancel j

Рис. 8.39. Настройки Load Selection (Загрузить выделение)

Теперь осталось совсем немного удалить, чтобы получить выделенными толькокрасные фрукты. Примените к ним инструмент Hue/Saturation (Тон/Насыщен-ность), подобрав подходящий красный цвет. В результате должно получиться при-мерно то же, что на рис. 8.40.

Аналогично окрасьте зеленые яблоки (рис. 8.41).

Рис. 8.40. Мы окрасили две груши и яблоко Рис. 8 . 4 1 . Фрукты уже в цвете

Фрукты полностью готовы. Но у нас еще осталось целых два элемента в состо-янии градаций серого. Это тарелка и черенки яблок. Техника их окрашивания,

Page 474: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

в принципе, аналогична той, которую мы использовали для фруктов. Авторы ре-комендуют для экономии времени использовать одно выделение и один цвет длятарелки и черенков. Получится вполне реалистично (рис. 8.42).

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

Выделите небольшие области в верхней части бананов. Примените к этому выде-лению команду Feather (Растушевка) (Alt+Ctrl+D) и уведите цвета в зеленый отте-нок с помощью все того же Hue/Saturation (Тон/Насыщенность).

На зеленых яблоках переведите некоторые области в желтый цвет, а на красныхяблоках — в оранжевый.

На этом эффект выполнен полностью. Результатом стала реалистично окрашен-ная корзина фруктов (рис. 8.43).

Рис. 8.42. Тарелка и черенки яблок имеютодин оттенок

Рис. 8.43. Раскрашенная черно-белаяфотография (*£)

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

Откройте цветное изображение любого размера и цветовой модели. В качествепримера мы взяли изображение, показанное на рис. 8.44.

Переведите изображение в черно-белый режим: Image • Mode • Grayscale (Изобра-жение • Режим • Полутоновое). После этого вся информация о цвете данногоизображения теряется. В результате должна получиться обычная черно-белая фо-тография.

Page 475: 009 Photoshop CS2

Переводим цветное изображение в дуплексное

Рис. 8.44. Исходное изображение

Так как Photoshop — редактор растровой графики, то любой объект представленв нем в качестве совокупности разноцветных точек (пикселов). Такой рисунок на-зывается битовой картой (bitmap).

ПРИМЕЧАНИЕ

В Photoshop термин «битовая карта» применяется только к черно-белымизображениям — не путайте с изображениями в режиме Grayscale (Полу-тоновое). Это обусловлено тем, что каждому пикселу такого рисунка соот-ветствует один бит данных (значение 1 или 0).

Выполнив команду Image • Mode • Bitmap (Изображение • Режим • Битовая кар-та), вы увидите диалоговое окно, представленное на рис. 8.45.

300 pixels/cmГ.00 р els/inch

__ОК

[ Cancel j

• п иРис. 8.45. Диалоговое окно Bitmap (Битовая карта)

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

Page 476: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

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

На рис. 8.46 представлен результат применения к фотографии различных битовыхкарт.

Рис. 8.46. Варианты битовых карт

8.6. Дуплексное и квадроплексное(четырехцветное) изображение

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

Дуплексными называются полутоновые изображения, которые можно напечатать,используя две краски. В Photoshop можно создавать также триплексные и квад-роплексные изображения (требующие при печати три и четыре цвета соответ-ственно).

Для примера мы выбрали изображение, представленное на рис. 8.44. Чтобы сталадоступна команда преобразования изображения в и-цветное, необходимо преждевсего стереть всю информацию о составляющих его цветах: Image • Mode • Grayscale(Изображение • Режим • Полутоновое). После этого шага изображение превра-тится в черно-белое.

Для преобразования изображения в дуплексное, триплексное или квадроплекс-ное необходимо выполнить команду Image • Mode • Duotone (Изображение • Ре-жим • Дуплекс). Вы увидите диалоговое окно, представленное на рис. 8.47.

Page 477: 009 Photoshop CS2

Дуплексное и квадроплексное (четырехцветное) изображение

Duotoni.» Optionsiype:

Ink I;

Ink 2:

Duotone Ц

/

m [Load,,,.•I 2

Qverprint Colors.,

Рис. 8.47. Диалоговое окно Duotone Options (Настройки дуплекса)

В списке Туре (Тип) можно выбрать количество цветовых составляющих будуще-го рисунка (от 1 до 4). В зависимости от выбранного типа активными станут те илииные цветовые окна.

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

Рис. 8.48. Дуплексное изображение <^)

Если возникает необходимость подкорректировать получившийся рисунок, томожно воспользоваться стандартными средствами цветокоррекции Photoshop —Hue/Saturation (Тон/Насыщенность) и Brightness/Contrast (Яркость/Контраст). Этикоманды находятся в меню Image • Adjustments (Изображение • Настройки).

Page 478: 009 Photoshop CS2

LLUГлава 8. Ретушь фотографий. Фотомонтаж

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

ВНИМАНИЕ

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

В случае увеличения цветов до четырех (рис. 8.49) можно получить еще болееинтересный результат (рис. 8.50).

Duotone Options

lype: | Quadtone I

Ink l:

Ink 2:

j 1

! 3

Щ 4

,:,aygcprint,,Cglors... .]

Рис. 8.49. Настройки для получения квадроплексного изображения

Рис. 8.50. Квадроплексное изображение (*^5

Page 479: 009 Photoshop CS2

Слияние фотографий

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

Вариант 1. Старый телевизорВ этом варианте мы продемонстрируем слияние фотографий за счет создания об-ластей частично выделенных пикселов командой Feather (Растушевка). Попробу-ем перенести фотографию в кадр старого телевизора. Для этого нам понадобитсяснимок одного из первых телевизоров (рис. 8.51) и фрагмент мелодрамы середи-ны прошлого века (рис. 8.52).

Рис. 8 . 5 1 . Фотография телевизора ^ ) Рис. 8.52. Кадр из фильма <^)

Выделите кадр из фильма (Ctrl+A), скопируйте его в буфер обмена (Ctrl+C) и вставь-те (Ctrl+V) поверх изображения телевизора. Затем с помощью инструмента FreeTransform (Свободное трансформирование) задайте кадру подходящие размерыи положение.

Запустите инструмент Elliptical Marquee (Эллиптическое выделение) и создайте круг-лое выделение в центре кадра, по размерам соответствующее экрану телевизора.Примените к нему команду Select • Feather (Выделение • Растушевка) (рис. 8.53).

Инвертируйте выделение: Select • Inverse (Выделение • Инвертировать) и нажми-те клавишу Delete. Результат немного подчистите с помощью инструмента Eraser(Ластик).

Page 480: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

Пример выполнен (рис. 8.54). Чрезвычайно просто, а результат вполне реалисти-чен и пригоден даже для серьезных работ.

Рис. 8.53. Диалоговое окно Feather Рис. 8.54. Мелодрама на экране (^)Selection (Растушевка выделения)

Вариант 2. Вода в пустынеВторой вариант в чем-то будет даже проще первого, но потребует от вас минималь-ного владения навыками работы с масками слоя. Мы будем создавать классичес-кий коллаж. В качестве фона в нем выступит пустыня (рис. 8.55), а в качествеобъекта — стакан воды (рис. 8.56).

HiI Ж: ' I ;- я В •

. . . • . . - • • •

Рис. 8.55. Фотография пустыни

Page 481: 009 Photoshop CS2

Переносим человека в другое окружение

Рис. 8.56. Стакан воды

Поместите стакан поверх пустыни: выделите его (Ctrl+A), скопируйте в буфер об-мена (Ctrl+C) и вставьте (Ctrl+V). Добавьте к этому слою маску, на которую на-ложите линейный вертикальный градиент от белого цвета к черному. Вот и все(рис. 8.57)!

ШШШШi S - x ^ Ч

Н

Рис. 8.57. Коллаж готов (

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

Page 482: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

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

Рис. 8.58. Исходное изображение мальчика <*J)

: • : • ' • •

штат;'•":•. \ЩЩ •>

•. г- . ..

ш

ИйЯЯЯИИИЙ

l i i i i i l i i l i e

. . • . • • • • . . • • . . . .

• J - * ~ : • • . . , . . : . . ^

ft,

1 :

1 1 1 1 * 1

: I B I i | l l i " ! e » i

H H H H B H S S H H

Рис. 8.59. Пляж <*2р

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

Выделите белый фон с помощью инструмента Magic Wand (Волшебная палочка).Инвертируйте получившееся выделение (Shift+Ctrl+I). Скопируйте мальчика в бу-фер обмена (Ctrl+C) и вставьте поверх изображения пляжа (рис. 8.60). При необ-ходимости подгоните размеры и положение фигуры с помощью инструмента FreeTransform (Свободное трансформирование).

Page 483: 009 Photoshop CS2

Переносим человека в другое окружение

-ГЖ-,: •

Рис. 8.60. Мальчик уже на пляже

Яркость и контраст фона не совпадает с отношением этих свойств для изображе-ния мальчика. Исправьте это, применив команду Image • Adjustments • Auto Levels(Изображение • Настройки • Автоматическая коррекция уровней).

Многие бы посчитали пример уже выполненным. Но не хватает крайне важнойдетали — тени от мальчика. Так как на изображении у нас явно солнечный день,то тень должна быть хорошо выраженной, резкой. Ее созданием мы сейчас и зай-мемся.

Щелкнув мышью на палитре Layers (Слои) на слое с мальчиком с нажатой клави-шей Ctrl, получим соответствующее ему выделение. Запустив инструмент Trans-form Selection (Преобразовать выделение), добейтесь результата, показанногона рис. 8.61.

•ими

Рис. 8 . 6 1 . Выделение для тени

Page 484: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

Модифицируйте выделение, применив команды Expand Selection (Расширить вы-деление) (рис. 8.62) и Smooth Selection (Сгладить выделение) (рис. 8.63).

Expand Selection

/•©paid By: j § ] pixels i OK

Cancel

1j

Smooth Selection

Sample Radius:! 1 Pixels;. L OK

Cancel

Ixl

„,,l

Рис. 8.62. Настройки Expand Selection Рис. 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.

Page 485: 009 Photoshop CS2

Имитация старой фотографии

| Multiply j j | Opacity; [jEOS6

Рис. 8.66. Добавляем слой-маску для тени

В результате мы получим вполне реалистичный фотомонтаж, который можно рас-печатать и выдавать за реальный снимок из семейного альбома. Никто даже не за-подозрит, что это результат вашего творчества в Photoshop (рис. 8.67).

Рис. 8.67. Такую фотографию можно поместить на видное место в семейный альбом i

8.9. Имитация старой фотографииВ этой главе мы уже говорили о том, как исправить на фотографии следы вре-мени — царапины, оторванные фрагменты, следы пыли и прочие неприятности.Но в жизни иногда нужно не только восстановить старую фотографию, но и сы-митировать ее, имея в наличии отличный современный цветной снимок. Это тожесвоего рода искусство, поэтому этот раздел посвящен имитации старого снимка.

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

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

Page 486: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

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

Рис. 8.68. Исходное изображение <^)

Любое старое изображение содержит шум, образующийся от въевшейся пыли.Сымитируем шум фильтром Add Noise (Добавить шум): Filter • Noise • Add Noise(Фильтр • Шум • Добавить шум) с настройками, показанными на рис. 8.69.

Дублируйте изображение на новый слой: Layer • Duplicate Layer (Слой • Дубли-ровать слой). На палитре Layers (Слои) нужно уменьшить непрозрачность до45 %, а также выбрать Blending Mode (Режим наложения) Screen (Экран). После это-го примените фильтр Gaussian Blur (Размытие по Гауссу): Filter • Blur • GaussianBlur (Фильтр • Размытие • Размытие по Гауссу) с параметрами, указанными нарис. 8.70.

Остался последний шаг. Сведите слои (Ctrl+E) и добавьте фотографии потертостифильтром Film Grain (Зернистость пленки): Filter • Artistic • Film Grain (Фильтр • Ими-тация • Зернистость пленки).

Можно добавить на работу выцветшие области, используя инструмент Dodge(Осветлитель), или пятна, используя Burn (Затемнитель), но это вы должны опре-делить сами, исходя из внешнего вида работы на данном этапе. Авторы использо-вали оба инструмента. Готовое изображение показано на рис. 8.71.

Page 487: 009 Photoshop CS2

Имитация старой фотографии

: Distribution©Uniform

I Ofiaussian

Рис. 8.69. Настройки фильтра Add Noise(Добавить шум)

Рис. 8.70. Параметры фильтра GaussianBlur (Размытие по Гауссу)

:ЩЩ1Ш

Рис. 8 . 7 1 . Имитация старой фотографии (*г~

Page 488: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

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

II

ж

I

1>• • •

> * й ';• •.:

* ; & • • • - • • • ' • • ' - - '

т

1

ж

1

з•1

1 ;1г • щ

Рис. 8.72. Исходное изображение <S^)

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

Прежде всего нужно выделить границы объектов. Для этого есть несколько ин-струментов, но мы пойдем по пути, неочевидному даже для опытных пользовате-лей. Именно он позволяет получить максимальное качество границ. Это фильтрSmart Blur (Умное размытие): Filter • Blur • Smart Blur (Фильтр • Размытие • Умноеразмытие). Использованные авторами настройки показаны на рис. 8.73.

Полученное изображение уже само по себе может считаться рисунком, толькоодноцветным и контурным (рис. 8.74). Но даже этот результат стоит запомнить

Page 489: 009 Photoshop CS2

Рисунок из фотографии

на будущее — когда-нибудь пригодится. Нам же нужно несколько смягчить кон-траст линий. Для этого авторы выбрали фильтр Gaussian Blur (Размытие по Га-уссу): Filter • Blur • Gaussian Blur (Фильтр • Размытие • Размытие по Гауссу).

еRadius

Threshold

j 50%.

.......

шШ

1 1

[ю !

:Quality: |High.

Mode: ! Edge Only

Рис. 8.73. Настройки фильтра SmartBlur (Умное размытие)

Рис. 8.74. Результат применения фильтраSmart Blur (Умное размытие)

Включите видимость второго слоя и примените фильтр Colored Pencil (Цветнойкарандаш): Filter • Artistic • Colored Pencil (Фильтр • Имитация • Цветной каран-даш) с настройками, показанными на рис. 8.75. Затем на палитре Layers (Слои) из-мените режим наложения этого слоя на Hard Light (Жесткий свет).

Рис. 8.75. Настройки фильтра Colored Pencil (Цветной карандаш)

Page 490: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

На этом пример закончен. Очень просто и эффектно, не правда ли? Наше итого-вое изображение показано на рис. 8.76.

Рис. 8.76. Рисунок из фотографии <*^}

8 . 1 1 . Фотография в стиле глянцевыхжурналов

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

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

Этот пример посвящен восстановлению справедливости. Мы покажем, как сред-ствами Photoshop сделать обычную любительскую фотографию похожей на про-фессиональный студийный снимок. Если вы освоите эти приемы, то сможете зна-чительно улучшать свои семейные фотографии перед печатью (разумеется, это

Page 491: 009 Photoshop CS2

Фотография в стиле глянцевых журналов

утверждение относится к уже многочисленной армии обладателей цифровых фо-тоаппаратов).

В качестве исходного изображения авторы выбрали снимок, сделанный 3-мегапик-сельной камерой (типа «мыльница») при искусственном освещении (рис. 8.77).Никакого дополнительного света, грима и фотофильтров использовано не было.Режим съемки — полный автомат.

Рис. 8.77. Исходная фотография i

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

Определим список задач, которые хотелось бы решить при обработке снимка. Мыпостараемся сделать следующее:

• добавить коже загорелый оттенок;

• убрать неровности кожи;

• изменить цвет волос;

• удалить эффект «красных глаз»;

• сымитировать использование косметики;

• добавить новый фон;

• изменить освещение.

Page 492: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

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

Работу всегда стоит начинать с самого сложного. Потом на него может не остатьсясил и желания. В нашем случае это кожа.

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

В Photoshop CS2 богатые возможности для выделения областей. Но самый оче-видный для новичков вариант с использованием инструментов Lasso (Лассо),Polygonal Lasso (Прямоугольное лассо) и Magnetic Lasso (Магнитное лассо) в этомслучае не применим. Слишком сложный контур имеют волосы, повторить такойпочти невозможно.

Но остается еще один простой способ — режим быстрой маски (Quick Mask Mode).В этом режиме выделение интерпретируется в виде заливки. Выделенные пиксе-лы остаются без изменений, а невыделенные области окрашиваются в красныйцвет. При этом градации красного символизируют степень выделения пиксела.

ПРИМЕЧАНИЕ

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

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

Переключитесь в режим быстрой маски с помощью кнопки Edit in Quick Mask Mode(Редактировать в режиме быстрой маски), расположенной в нижней части палит-ры инструментов, или просто нажмите «горячую» клавишу Q. Мы советуем при-выкать именно ко второму варианту — использование клавиатурных сокращенийэкономит много сил и времени пользователя.

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

Page 493: 009 Photoshop CS2

Фотография в стиле глянцевых журналов

Когда эти области будут выделены, выберите кисть меньшего диаметра с мкраями. Мягкие края кисти - это обязательное условие. ПолупрозрачныйпикСе

лы по ее краям в режиме быстрой маски будут интерпретированы как области частичного выделения. Именно так должны быть маскированы зоны соприкосновениякожи с в о л о с а м и и л и к о ж и с ф о н о м Э т б /;°™™

м ю б а в и т ь с я 0 / н ;

но резких границ после применения фильтров, сглаживающих недостатки кожиГлавное, что другого способа аккуратно отделить прядки волос, нет.

Авато°осекЦ;йЬ^РаВ К И С Т Ь Т О Л Щ И Н О Й 2 " 3 п и к с е л а ' оделите самые сложные области.Авторский вариант готовой маски показан на рис. 8.78показан на рис. 8.78.

Рис. 8.78. Созданная маска

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

Но, как говорилось выше, в режиме быстрой маски красные области являются не-выделенными, то есть сейчас выделен фон, а не кожа. Поэтому выполните коман-ду Image • Adjustments • Invert (Изображение • Настройки • Инвертировать) (Ctrt+I)В результате прозрачные пикселы станут красными и наоборот соответственно.

Нажав «горячую» клавишу Q, переключитесь из режима быстрой маски в стан-дартный режим редактирования. Только что созданное выделение примет более

Page 494: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

привычный многим вид «бегущих муравьев». На этом первый и самый сложныйэтап работы закончен.

Главной ошибкой начинающих пользователей Photoshop при фотомонтаже и ре-туши является игнорирование важного принципа — почти не бывает резких пере-ходов одних объектов в другие. Особенность нашего зрения делает границы все-гда слегка размытыми. Без повторения этого эффекта о реалистичном результатепри работе с фотографиями можно и не мечтать.

Поэтому примените к выделению команду Select • Feather (Выделение • Растушев-ка). В появившемся диалоговом окне задайте значение 3 пиксела. Эта команда до-бавит по границам маски частично выделенную область шириной 3 пиксела.

Можно переходить к ретуши кожи. Сначала нужно убрать неровности, морщинкии другие проблемы. Если на фотографии есть явно выраженные прыщи, бородав-ки или шрамы, то предварительно их нужно удалить с помощью инструмента CloneStamp (Штамп), в качестве источника указав наиболее близкий по оттенку учас-ток кожи. Еще удобнее применять инструмент Healing Brush (Лечащая кисть),представляющий собой клон штампа, размытия и кисти в режиме Color (Цвет).Определить нужный оттенок для наложения или полностью автоматизировать этуработу позволяет инструмент Spot Healing Brush (Точечная лечащая кисть).

Нам повезло. На лице девушки нет ни одной из перечисленных выше проблем.Поэтому сразу можно перейти к сглаживанию небольших неровностей. Для этогов арсенале Photoshop есть замечательный фильтр Median (Усреднение), которыйсмешивает пикселы в выделенной области и усредняет их цветовые значения.Запустим его, выполнив команду Filter • Noise • Median (Фильтр • Шум • Усредне-ние). Использованные в примере настройки показаны на рис. 8.79.

Рис. 8.79. Фильтр Median (Усреднение) — лучший способ избавления от мелкихнеровностей кожи

Page 495: 009 Photoshop CS2

Фотография в стиле глянцевых журналов

Результат правильного использования фильтра Median (Усреднение) очень напо-минает лицо с наложенным тональным кремом. Главное — не переборщить. Слиш-ком сильное усреднение приведет к потере резкости и контрастности основныхлиний, что совершенно недопустимо.

Если этот шаг пройден удачно, можно перейти к имитации загара. Photoshop длярешения подобных задач предлагает несколько вариантов. Авторы остановилисьна наиболее простом из них, но доступном только в программе версий CS и CS2 —применении инструмента Photo Filter (Фотофильтр).

ПРИМЕЧАНИЕ

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

Запустим Photo Filter (Фотофильтр): Image • Adjustments • Photo Filter (Изображе-ние • Настройки • Фотофильтр). Мы использовали настройки, показанные нарис. 8.80. Рекомендуем точно повторить их — это наиболее оптимальный вариантдля имитации реалистичного загара.

Photo Filter

(i Filter: Warning Filter (35) vOK

Reset

0 Preview

Density:

eserve Luminosity

Рис. 8.80. Имитируем загар с помощью инструмента цветокоррекции Photo Filter(Фотофильтр)

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

Внимательно посмотрите на фотографию. Если есть области, не относящиеся к коже,но пострадавшие в результате применения фильтра Median (Усреднение), то их нуж-но исправить сейчас. Лучший для этого вариант — использование инструментаHistory Brush (Кисть состояния).

Page 496: 009 Photoshop CS2

Глава 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). Совсем неплохо, правда?

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

Page 497: 009 Photoshop CS2

Фотография в стиле глянцевых журналов

Рис. 8 . 8 1 . Окрашиваем волосы с помощью кисти в режиме Color (Цвет)

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

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

ПРИМЕЧАНИЕ

В этом случае также можно использовать полностью автоматизирующийработу по удалению эффекта «красных глаз» инструмент Red Eye (Красныйглаз).

Несколько сложнее имитировать радужку. Дело в том, что она далеко не однород-ная по цвету, и это нужно передать.

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

Запустите инструмент Burn (Затемнитель), который позволяет затемнять пиксе-лы, не изменяя цветовую составляющую пиксела. Для нашей работы очень важно

Page 498: 009 Photoshop CS2

Глава 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. Нарисовать реалистичный глаз очень сложно

Page 499: 009 Photoshop CS2

Фотография в стиле глянцевых журналов

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

Начнем имитацию косметики. У девушки на фотографии губы уже накрашены.Однако их цвет не совсем соответствует общей гамме снимка после обработки.Поэтому губы нужно перекрасить в ярко-красный оттенок. Как уже сообразилимногие читатели, для этого лучше всего использовать 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 (Размытие). Придется немного повозиться, но качество того стоит.

Page 500: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

Остался последний штрих. Запустите фильтр Lighting Effects (Эффекты света):Filter • Render • Lighting Effects (Фильтр • Освещение • Эффекты света) и немногопоэкспериментируйте с ним, чтобы получить интересное освещение. Уверены, ре-зультат вас не разочарует.

На этом работа выполнена. Удалите альфа-канал и сохраните итоговый результат.Наше финальное изображение представлено на рис. 8.83. Намного лучше ориги-нала, правда?

I

лЖ

ipi

Ik

• " " • : : • • • • ; . . . . . ' • •:•

Рис. 8.83. Фотография в стиле глянцевых журналов <*J2

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

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

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

Сначала подровняйте яркость и контрастность снимка, выполнив команду Ima-ge • Adjustments • Auto Levels (Изображение • Настройки • Автоматическая кор-рекция уровней).

Page 501: 009 Photoshop CS2

Профессиональная фотография

£

Рис. 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

Page 502: 009 Photoshop CS2

Глава 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 -—

Width: ! 9,5 if cm

Height: ЦЗ |jcm

П Relative

Anchor: r ' w T l ' : ""/'

Caivas ext

Reset

Рис. 8.87. Добавляем белую рамку вокруг фото

Page 503: 009 Photoshop CS2

Виртуальная парикмахерская

Кроме того, можно добавить на фотографию небольшую обводку. На этом примерможно считать выполненным (рис. 8.88).

Рис. 8.88. Фотография стала значительно лучше <

8.13. Виртуальная парикмахерская

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

Вообще, если вам нужно просто немного перекрасить волосы в однотонный цвет,лучше использовать просто кисть в режиме Color (Цвет) или инструмент ColorReplacement (Замена цвета).

Мы же продемонстрируем более сложную и интересную технологию — как под-готовить изображение таким образом, чтобы можно было просмотреть сот-ни вариантов окраски без особых усилий. Исходное изображение представленона рис. 8.89.

Сначала нужно выделить волосы. Как уже не раз говорилось, лучший для этоговариант — быстрая маска. Переключитесь в этот режим, нажав «горячую» клави-шу Q. Запустите инструмент Brush (Кисть), выберите кисть с относительно мягки-ми краями и создайте маску, идентичную показанной на рис. 8.90.

Page 504: 009 Photoshop CS2

Глава 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 (Слои).

Page 505: 009 Photoshop CS2

Виртуальная парикмахерская

Результат представлен на рис. 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).

Page 506: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

Рис. 8.95. Эта окраска хорошо гармонирует с галстуком <&£)

Кроме цвета и градиента, можно использовать любую текстуру. Различие толь-ко в том, что работать нужно с эффектом Pattern Overlay (Наложение образца). Каквидите, все очень просто, но вариантов для творчества — очень и очень много.

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

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

В качестве исходной была выбрана фотография, показанная на рис. 8.96.

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

Page 507: 009 Photoshop CS2

Новая фигура без скальпеля и фитнеса

Практически во всех случаях, так или иначе связанных с изменением геометричес-ких пропорций человеческого тела или его отдельных частей, лучше всего исполь-зовать замечательный фильтр Liquify (Разжижение): Filter • Liquify (Фильтр • Раз-жижение). Запустите его.

Рис.8.96. Исходное изображение ф

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

Начать работу по улучшению фигуры лучше всего с живота. Для его редактирова-ния подойдет инструмент (в окне фильтра Liquify (Разжижение) собственная па-литра инструментов, она находится в правой части окна) Forward Warp (Искривить).Задайте достаточно большой размер кисти (рис. 8.97) и втяните живот плавными точным движением.

Если это не получится сделать с первой попытки, то всегда можно воспользовать-ся отменой (Ctrl+Z) или специальным инструментом, возвращающим изображениек исходному виду, — Reconstruct (Восстановить).

Девушка после уменьшения живота показана на рис. 8.98.

Теперь можно заняться увеличением груди. Силикон для этого не понадобится,так как есть гораздо более эффективное средство — инструмент Bloat (Раздуть).Задайте кисть, чуть-чуть превышающую по размеру размер предполагаемой гру-ди и обработайте ей правую часть купальника девушки.

Page 508: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

Рис. 8.97. Убрать живот с помощью Liquify (Разжижение) — проще простого

шШШШ

Рис. 8.98. Без живота девушка выглядит намного лучше

Page 509: 009 Photoshop CS2

Новая фигура без скальпеля и фитнеса

С левой частью груди несколько сложнее. Правая часть после обработки пол-ностью закрыла ее, и если пытаться действовать по уже примененному прин-ципу, то вместо результата вы испортите сделанное — так как будет искажатьсяи уже готовая часть. Спасение — в возможности замораживать часть изображения,то есть запрещать редактирование этой области. Для этого запустите инстру-мент Freeze Mask (Заморозить область) и закрасьте правую грудь так, как показанона рис. 8.99.

Рис. 8.99. С Photoshop силикон не нужен, но без маски не обойтись

Когда маска будет готова, вернитесь к инструменту Bloat (Раздуть) и увеличьтеправую грудь. Здесь нужно работать очень осторожно — даже небольшое несоблю-дение пропорциональности будет заметно. Затем можно нажать кнопку О К, закон-чив тем самым работу с Liquify (Разжижение).

Уже сейчас девушка выглядит несравнимо лучше. Но чтобы фотография выгля-дела более профессиональной, а достоинства фигуры проявились сильнее, нужноусилить контрастность теней и добавить загар. Эти две задачи можно решить од-ним приемом.

Дублируйте слой с девушкой, перетянув его на палитре Layers (Слои) на пик-тограмму в виде чистого листа бумаги. Затем выполните команду Filter • Brush

Page 510: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

Strokes • Dark Strokes (Фильтр • Штрихи кисти • Темные штрихи) с настройками,показанными на рис. 8.100.

После этого примените фильтр Gaussian Blur (Размытие по Гауссу): Filter • Blur • Gaus-sian Blur (Фильтр • Размытие • Размытие по Гауссу). Мы использовали парамет-ры, показанные на рис. 8.101.

Рис. 8.100. Настройки фильтраDark Strokes (Темные штрихи)

Рис. 8 . 1 0 1 . Применение фильтра Gaussian Blur(Размытие по Гауссу)

Теперь самое главное. Мы продемонстрируем, как можно эффективно использо-вать режимы наложения. Перейдите на палитру Layers (Слои) и задайте настрой-ки, приведенные на рис. 8.102. Самое главное здесь — режим Soft Light (Мягкийсвет), который и создаст необходимый эффект загара и контрастности теней присоединении базового изображения и дубликата.

[Soft Light V-j Opacity:

: •; МШ Fill: ' 80% • ;

Background copy

BackgroundРис. 8.102. Настройки корректирующего слоя на палитре Layers (Слои)

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

Page 511: 009 Photoshop CS2

Изменяем расу

Рис. 8.103. Измененная фигура

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

Так как Майкл Джексон раз и навсегда скомпрометировал идею превращенияиз темнокожего в европейца, мы пойдем строго противоположным курсом — из бе-лой (даже очень) девушки (рис. 8.104) сделаем негритянку.

Начать стоит с самого сложного, а именно с кожи. Чтобы сделать ее темнее, необ-ходимо отделить ее от остальной фотографии. То есть придется заниматься самойскучной и нудной работой — выделять сложный фрагмент. В данном случае един-ственный способ качественно выделить кожу — использовать режим быстрой мас-ки. Переключитесь в него, нажав «горячую» клавишу Q.

ПРИМЕЧАНИЕ

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

Запустите инструмент Brush (Кисть), убедитесь, что используете подходящую кисть(она должна быть средних размеров и жесткости), и аккуратно замаскируйте всю

Page 512: 009 Photoshop CS2

LVLIГлава 8. Ретушь фотографий. Фотомонтаж

открытую кожу. Особенно сложно будет выделить кожу около волос (прическа,брови, ресницы), а также зону вокруг губ. Однако никакого способа облегчить этуработу нет — просто придется повозиться, несколько раз уменьшив диаметр исполь-зуемой кисти. В итоге должно получиться примерно то, что показанное на рис. 8.105.

Рис. 8.104. Девушка европейского Рис. 8.105-. Для выделения кожитипа <*2р мы использовали режим быстрой маски

Переключитесь в обычный режим редактирования, повторно нажав «горячую» кла-вишу Q. Инвертируйте выделение (Shift+Ctrl+I).

Скопируем выделенное в буфер обмена (Ctrl+C) и вставим как новый слой (Ctrl+V).Теперь мы можем изменять цвет кожи, так как эти изменения не будут влиять навсе изображение — кожа уже автономна (рис. 8.106).

Для затемнения кожи можно использовать достаточно большое количество цве-токорректирующих средств. Мы остановились на Hue/Saturation (Тон/Насыщен-ность): Image • Adjustments • Hue/Saturation (Изображение • Настройки • Тон/На-сыщенность). Примененные настройки показаны на рис. 8.107.

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

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

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

Page 513: 009 Photoshop CS2

Изменяем расу

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).

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

Page 514: 009 Photoshop CS2

L I UГлава 8. Ретушь фотографий. Фотомонтаж

инструментом Forward Warp (Искривить) с кистью, немного превышающей по раз-мерам объект, который нужно обработать. Экспериментируйте, и все получится,так как Liquify (Разжижение) — это абсолютно интуитивно понятный инструмент.То, что получилось у нас в итоге, можно видеть на рис. 8.110.

'Г .LoadH! ь.sve>!.es!

: Tool Option*

8iush Picsitite: fo I *\

HeconsltMC* Option*eii Revert

Ma*k Option*

L . N « 2 . _ I L j i ? i * ! L j 1. .InveilA!..

Vie» Option.

. «л;:- С Show Mesh

H Show Mask •

Рис. 8.109. Liquify (Разжижение) — единственная возможность кардинально менять черты лица

Рис. 8.110. Наш ответ Майклу Джексону <2^)

Page 515: 009 Photoshop CS2

Омоложение на 20 лет за 20 минут

8.16. Омоложение на 20 лет за 20 минутЛюди всегда стремились выглядеть моложе своего возраста. Существует целая индус-трия, направленная на то, чтобы дать всем желающим возможность хотя бы внешнескинуть пяток-десяток лет. Это и пластическая хирургия, и всевозможные космето-логические процедуры, ну и, конечно же, огромнейший выбор косметических средств.

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

С появлением компьютера и Adobe Photoshop омолаживать фотографии сталозначительно проще, и теперь эта процедура доступна всем.

Мы попробуем поработать с фотографией доктора в возрасте (рис. 8.111).

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

ПРИМЕЧАНИЕ

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

Активизируйте инструмент Brush (Кисть), выбрав кисть среднего размера с мяг-кими краями. Аккуратно и тщательно зарисуйте сверху все области открытойкожи. Если все сделано правильно, то вы должны получить примерно то, что по-казано на рис. 8.112.

Перейдите в обычный режим редактирования, снова нажав «горячую» клавишу Q.

Нужно удалить глубокие морщины на лице, которые невозможно исправить ав-томатически из-за их величины. Поэтому активизируйте инструмент Clone Stamp(Штамп) и, копируя смежные области кожи на морщины, удалите их. Делать этонужно очень аккуратно — кожа даже на очень близких участках может выглядетьпо-разному и при копировании проявится в виде пятен или полос. После «разгла-живания морщин» доктор значительно помолодел (рис. 8.113).

Page 516: 009 Photoshop CS2

Глава 8. Ретушь фотографий. Фотомонтаж

Рис. 8 . 1 1 1 . Доктор в возрасте < ^ ) Рис. 8.112. Быстрая маска —крайнеполезное средство

Мелкие морщины можно удалить все и сразу. Для этого отлично подходит фильтрMedian (Усреднение): Filter • Noise • Median (Фильтр • Шум • Усреднение). Этотфильтр приводит все пикселы к единому среднему цвету в зоне, указанной приприменении. Это позволяет удалять неровности и шероховатости, имеющие толщи-ну несколько пикселов. Использованные авторами настройки показаны на рис. 8.114.

Radius: 2 pixels', '

Рис. 8.113. Глубокие морщиныудаляются штампом

Рис. 8.114. Фильтр Median (Усреднение) —лучший способ удаления мелких неровностей кожи

После применения фильтра Median (Усреднение) кожа стала значительно лучше,однако ее цвет слишком желтый для относительно молодого человека. Исправить

Page 517: 009 Photoshop CS2

Омоложение на 20 лет за 20 минут

это можно с помощью инструмента Hue/Saturation (Тон/Насыщенность) с на-стройками, указанными на рис. 8.115.

Hue/Saturation

Edit: j Master

Hue:

Saturation:

Lightness:

OK

Reset

: HEreview

Рис. 8.115. Легкая цветокоррекция

Если в целом вид кожи вас удовлетворяет, то можно снять выделение, нажав соче-тание клавиш Ctrl+D. Можно перейти ко второй части работы — затемнению волос.

Вообще, окрашивание полностью седых волос — не самая простая и далеко не са-мая благодарная работа. Седые волосы имеют несколько другую структуру, чемобычные, — они тоньше, поэтому зачастую после окраски прическа выглядит не-естественно. Однако у нас выбора нет, поэтому постараемся сделать это макси-мально аккуратно. Для выделения прически лучше всего использовать все тот жережим быстрой маски (рис. 8.116).

Рис. 8.116. Выделяем волосы

Page 518: 009 Photoshop CS2

1Глава 8. Ретушь фотографий. Фотомонтаж

Для изменения цвета волос существует целая методика (в этой главе есть соответ-ствующий пример), но мы не будем слишком мудрить и воспользуемся самым про-стым средством — Hue/Saturation (Тон/Насыщенность) с настройками, показанны-ми на рис. 8.117.

Hue/Saturation

Рис. 8.117. Настройки Hue/Saturation (Тон/Насыщенность) для затемнения волос

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

Рис. 8.118. Пока наше омоложение выглядит не очень хорошо

Вам нужно немного сузить нос, втянуть щеки и поднять подбородок. Все это де-лается очень легко и интуитивно понятно, поэтому не станем заострять на Liquify(Разжижение) внимание.

Page 519: 009 Photoshop CS2

Омоложение на 20 лет за 20 минут

I X

Рис. 8.119. Liquify (Разжижение) позволяет исправить возрастные изменения в контурах лица

Чтобы улучшить изображение, авторы применили еще один прием. Использованиефильтра Median (Усреднение) сделало лицо слишком гладким, будто пластмассовым.Мы активизировали инструмент Sharpen (Резкость) и добавили лицу немного шеро-ховатости, свойственной коже. В итоге доктор стал значительно моложе (рис. 8.120).

Ж

Рис. 8.120. Доктор помолодел лет на 25 <^)

Page 520: 009 Photoshop CS2

Глава 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).

Page 521: 009 Photoshop CS2

Украшаем самолет

Рис. 8.123. Помещаем льва на местои задаем правильные размеры

Рис. 8.124. Warp (Искривление) поможетповторить контуры самолета

Рис. 8.125. Истребитель стал намного эффектнее <^)

Page 522: 009 Photoshop CS2

Приложение 1

Клавиатурные сокращениякоманд и инструментов

Page 523: 009 Photoshop CS2

Приложение 1 . Клавиатурные сокращения

Команды главного меню

Меню File (Файл)Английское название Русский эквивалент Клавиатурное сокращениеNewOpen

Browse

Open As

Edit in ImageReadyClose

Close All

Close and Go To BridgeSaveSave AsSave 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+OAlt+Shift+Ctrl+OShift+Ctrl+M

Ctrl+W

Alt+Ctrl+W

Shift+Ctrl+WCtrl+SShift+Ctrl+SAlt+Shift+Ctrl+S

F12Alt+Shift+Ctrl+I

Shift+Ctrl+P

Alt+Ctrl+PCtrl+PAlt+Shift+Ctrl+P

Ctrl+Q

Меню Edit (Редактировать)Английское название Русский эквивалент Клавиатурное сокращение

Undo/Redo

Step Forward

Step BackwardFadeCutCopyCopy MergedPastePaste Into

Fill

Free Transform

Transform • Again

Color SettingsKeyboard ShortcutsMenus

Preferences • General

Отмена/Возврат

Шаг вперед

Шаг назадОслабитьВырезатьКопироватьКопировать слитоеВставитьВставить вЗаливка

Свободная трансформация

Трансформация • Повтор

Установки цветаКлавиатурные сокращенияМеню

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

Ctrl+Z

Shift+Ctrl+Z

Alt+Ctrl+Z

Shift+Ctrl+FCtrl+X или F2Ctrl+C или F3Shift+Ctrl+CCtrl+V или F4Shift+Ctrl+VShift+F5

Ctrl+T

Shift+Ctrl+T

Shift+Ctrl+KAlt+Shift+Ctrl+KAlt+Shift+Ctrl+M

Ctrl+K

Page 524: 009 Photoshop CS2

п р и л о ж е н и е i . i

Меню Image (Изображение)Английское название

Adjustments •

Levels

Auto Levels

Auto Contrast

Auto Color

Curves

Color Balance

Hue/Saturation

Desaturate

Invert

Image Size

Canvas Size

Русский эквивалент

Настройки •

Уровни

Автоматическая коррекцияуровней

Автоматическая коррекцияконтраста

Автоматическая цветокоррекция

Кривые

Цветовой баланс

Тон/Насыщенность

Обесцветить

Инвертировать

Размер изображения

Размер холста

Меню Layer (Слой)Английское название

New •

Layer

Layer via Copy

Layer via Cut

Create/ReleaseClipping Mask

Arrange •

Bring to Front

Bring Forward

Send Backward

Send to Back

Merge Layers

Merge Visible

Меню SelectАнглийское название

All

Deselect

Reselect

Русский эквивалент

Новый •

Слой

Слой копированием

Слой вырезанием

Создать/Удалить маску связи

Выравнивание •

Поместить вверх

Поместить вперед

Поместить назад

Поместить вниз

Склеить слои

Склеить видимое

(Выделение)Русский эквивалент

Все

Отменить выделение

Вернуть выделение

клавиатурные сокращения

Клавиатурное

Ctrl+L

Shift+Ctrl+L

Alt+Shift+Ctrl+L

Shift+Ctrl+B

Ctrl+M

Ctrl+B

Ctrl+U

Shift+Ctrl+U

Ctrl+I

Alt+Ctrl+L

Alt+Ctrl+C

сокращение

Клавиатурное

Shift+Ctrl+N

Ctrl+J

Shift+Ctrl+J

Alt+Ctrl+G

Shift+Ctrl+]

Ctrl+]

Ctrl+[

Shift+Ctrl+[

Ctrl+E

Shift+Ctrl+E

сокращение

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

Ctrl+A

Ctrl+D

Shift+Ctrl+D

Page 525: 009 Photoshop CS2

Приложение 1 . Клавиатурные сокращения

Английское название Русский эквивалент Клавиатурное сокращение

Inverse

All Layers

Feather

Инвертировать

Все слои

Растушевка

Shift+Ctrl+I или Shift+F7

Alt+Ctrl+A

Alt+Ctrl+D или Shift+F6

Меню Filter (Фильтр)

Английское название Русский эквивалент Клавиатурное сокращениеLast FilterExtractLiquifyPattern MakerVanishing Point

Последний фильтр

Выдавливание

Разжижение

Текстуратор

Точка схода

Ctrl+FAlt+Ctrl+XShift+Ctrl+XAlt+Shift+Ctrl+XAlt+Ctrl+V

Меню View (Вид)

Английское название Русский эквивалент Клавиатурное сокращение

Proof ColorsGamut Warning

Zoom InZoom OutFit on Screen

Actual PixelsExtrasShow •

Target PathGridGuides

RulersSnap

Lock Guides

Цветопроба

Предупреждение диапазонапечати

Увеличить

Уменьшить

Во весь экран

Реальный размер

Дополнительные элементы

Отображать •

Направляющие контуров

Сетка

Направляющие

Линейки

Привязать

Блокировка направляющих

Ctrl+Y

Shift+Ctrl+Y

СЫ++илиСЫ+

Ctrl+-

Ctrl+O

Alt+Ctrl+O

Ctrl+H

Shift+Ctrl+H

CtrlV

Ctrl+;

Ctrl+R

Shift+Ctrl+;

Alt+Ctrl+;

Меню Window (Окно)

Английское название Русский эквивалент Клавиатурное сокращение

Actions

Brushes

Color

Info

Layers

Действия

Кисти

Цвет

Информация

Слои

Alt+F9 или F9

F5

F6

F8

F7

Page 526: 009 Photoshop CS2

приложение

Меню Help (Помощь)Английское название

Photoshop Help

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

Rectangular Marquee

Elliptical Marquee

Move

Lasso

Polygonal Lasso

Magnetic Lasso

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

Eraser

Background Eraser

Magic Eraser

Gradient

Paint Bucket

Blur

Sharpen

Smudge

Dodge

Burn

Sponge

Path Selection

Русский эквивалент

Помощь

Русский эквивалент

Прямоугольное выделение

Эллиптическое выделение

Перемещение

Лассо

Прямоугольное лассо

Магнитное лассо

Волшебная палочка

Рамка

Фрагмент

Выбор фрагмента

Точечная лечащая кисть

Лечащая кисть

Заплатка

Красный глаз

Кисть

Карандаш

Замена цвета

Штамп

Фигурный штамп

Кисть состояния

1. клавиатурные

Клавиатурное

F1

сокращения

сокращение

Клавиатурное сокращениеМ

М

V•

L

W

скк

,

ввв

Y

Художественная восстанавливающая Yкисть

Ластик

Фоновый ластик

Волшебный ластик

Градиент

Заливка

Размытие

Резкость

Палец

Осветлитель

Затемнитель

Губка

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

ЕЕЕG

GRR^

00

оА

Page 527: 009 Photoshop CS2

Приложение 1 . Клавиатурные сокращения

Английское название

Direct Selection

Horizontal Type

Vertical Type

Horizontal Type Mask

Vertical Type Mask

Pen

Freeform Pen

Rectangle

Rounded Rectangle

Ellipse

Polygon

Line

Custom Shape

Notes

Audio Annotation

Eyedropper

Color Sampler

Measure

Hand

Zoom

Default Foreground/Background Colors

Switch Foreground/Background Colors

Toggle Standard/Quick Mask Modes

Toggle Screen Modes

Toggle PreserveTransparency

Decrease Brush Size

Increase Brush Size

Decrease Brush Hardness

Increase Brush Hardness

Previous Brush

Next Brush

First Brush

Last Brush

Русский эквивалент

Модификация

Горизонтальный текст

Вертикальный текст

Написание горизонтальнымвыделением

Написание вертикальнымвыделением

Перо

Свободное перо

Прямоугольник

Скругленный прямоугольник

Эллипс

Многоугольник

Линия

Пользовательская фигура

Пометки

Аудиозапись

Пипетка

Выбор цвета

Линейка

Рука

Лупа

Цвета по умолчанию

Переключение между цветамипереднего плана и фона

Переключение между стандартнымрежимом и режимом быстрой маски

Переключение между экраннымирежимами

Переключатель фиксированияпрозрачности

Увеличить размер кисти

Уменьшить размер кисти

Уменьшить твердость кисти

Увеличить твердость кисти

Предыдущая кисть

Следующая кисть

Первая кисть

Последняя кисть

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

А

Т

тт

т

р

р

ииииииNNIIIнZD

X

Q

F

/

[]{}г

.

<

>

Page 528: 009 Photoshop CS2

Приложение 2

Содержимое компакт-диска

Page 529: 009 Photoshop CS2

Приложение 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 вы сможете использовать эти фильтры.

Page 530: 009 Photoshop CS2

Приложение 2. Содержимое компакт-диска

КистиНаборы дополнительных кистей находятся в папке Кисти и имеют расширение ABR.Скопируйте эти файлы в папку Adobe Photoshop CS2\Presets\Brushes. Те-перь вы можете ими пользоваться, предварительно загрузив их с помощью коман-ды Edit • Preset Manager (Правка • Менеджер предустановок) либо параметра Brush(Кисть) любого инструмента рисования, щелкнув на палитре кистей на кнопкев виде стрелки и выбрав команду Load Brushes (Загрузить кисти).

МакросыВ папке Макросы вы найдете несколько сотен интереснейших макропоследовательнос-тей. Чтобы выполнить их, необходимо загрузить выбранные макросы в Photoshopс помощью команды Load Actions (Загрузить макросы) из контекстного меню па-литры Actions (Действия).

Стили, текстуры и фигурыПанки Стили, Текстуры и Фигуры содержат соответственно оригинальные стили, тек-стуры и фигуры для использования в Photoshop.

Цветные иллюстрацииИллюстрации к книге собраны в папке Цветные иллюстрации по принадлежностик главам. Имя файла рисунка совпадает с номером этой иллюстрации в книге.Если вам нужен рис. 4.7, то для его просмотра необходимо обратиться к компакт-диску по адресу Цветные иллюстрации\Глава 4\04_007.JPG.

Шрифтыя

Несколько десятков русифицированных шрифтов находится в папке Шрифты.

*

Page 531: 009 Photoshop CS2