Книга
← К списку книгЗагрузка разделов…
активнаАктивные записи участвуют в каталоге и синках. Неактивная книга скрыта, но не удалена из базы.
Книга
Юрий Гурский, Андрей ВасильевЮрий Гурский, Андрей ВасильевPHOTOSHБолее 100 примеров! IPHOTOSHБолее 100 примеров! IБЕСТСЕЛЛЕР №1БЕСТСЕЛЛЕР №1CD-ROM прилагаетсяCD-ROM прилагаетсяС^пптерС^пптер
Юрий Гурский, Андрей Васильев
Юрий Гурский, Андрей Васильев
PHOTOSH
Более 100 примеров! I
PHOTOSH
Более 100 примеров! I
БЕСТСЕЛЛЕР №1
БЕСТСЕЛЛЕР №1
CD-ROM прилагается
CD-ROM прилагается
С^пптер
С^пптер
СЕРИЯ
трюки© эффекты
1^ППТЕР^
Юрий Гурский
Андрей Васильев
трюки ❾ з巾 фекгпь.
1^ППТЕР^
Москва • Санкт-Петербург • Нижний Новгород - ВоронежНовосибирск • Ростов-на-Дону • Екатеринбург • СамараКиев • Харьков • Минск
2004
ББК 32.973-044.4
УДК 681.327.1
IГ95
Гурский Ю. А., Васильев А. В.
Г95Photoshop CS. Трюки и эффекты (+CD). — СПб.: Питер, 2004. — 555 С,： ил,
I ISBN 5-94723-938-8
Эта книга — уже третье издание бестселлера, посвященного Adobe Photoshop. От больший- ства подобных изданий ее отличает «практическая» направленность, ведь основную часть книги составляют примеры (более ЮО!), демонстрирующие возможности популярного графического пакета. Нельзя забывать, что даже такая совершенная программа, как Photoshop, — всего лишь । средство для достижения цели. Чтобы с ее помощью добиться нужного результата, мало знать интерфейс и уметь пользоваться инструментами, необходимы практические навыки. Именно поэтому основное внимание сосредоточено на решении реальных задач, с которыми ежедневно сталкиваются дизайнеры. полиграфисты, веб-мастера. К книге прилагается компакт-диск с цветными иллюстрациями, а также дополнительные фильтры, кисти и шрифты,
ББК 32.973-044.4
УДК 681.327.1
Все права защищены. Никакая часть данной книги не может быть воспроизведена в какой Еы то ни была форме без письменного разрешения владельцев авторских прав.
Информация, содержащаяся в данной книге, получена из источников, рассматриваемых издательством как надежные. Тем не менее, имея в виду возможные человеческие или технические ошибки, издательство не может гарантировать абсолютную точность и полноту приводимых сведений и не несет ответственности за возможные ошибки, связанные с использованиемкниги,
ISBN 5-94723-938-8ISBN 5-94723-938-8© ЗАО Издательский дом «Питер», 2004
ISBN 5-94723-938-8
ISBN 5-94723-938-8
Краткое содержание
От одного из авторов14
Введение15
Глава 1, Интерфейс программы и основы работы с Photoshop17
Глава 2. Введение в графический дизайн149
IГлава 3. Текстовые эффекты174
IГлава 4. Текстуры271
IГлава 5. Имитация природных явлений355
Глава 6. Создание рамок413
Глава 7. Имитация объема в Photoshop432
Глава 8. Ретушь фотографий. Фотомонтаж491
Глава 9. Дополнительные фильтры530
Приложение 1, Клавиатурные сокращения инструментов и команд . . . 545
Приложение 2. Содержание компакт-диска550
Алфавитный указатель552
Содержание
От одного из авторов.14
Введение♦ ♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦.15
Как читать эту книгу15
От издательства16
Глава 1. Интерфейс программы и основы работы с Photoshop ■ . 17
Главное окно Photoshop CS и основные понятия18
Элементы главного окна18
Основные понятия и термины21
Палитра инструментов23
Инструменты выделения, перемещения и обрезки23
Инструменты рисования и ретуширования27
Инструменты заливки34
Инструменты коррекции изображения37
Инструменты ввода текста, создания контуров и фигур38
Инструменты для вставки пометок38
Измерительные инструменты38
Инструменты управления просмотром39
Инструменты выбора цветов и режима работы39
Главное меню40
Меню File (Файл)40
Меню Edit (Редактирование)47
Меню Image (Изображение)50
Меню Layer (Слой)58
Меню Select (Выделение)63
Меню Filter (Фильтр)68
Меню View (Вид)74
Меню Window (Окно)76
Основные палитры Photoshop77
Navigator (Навигатор)77
Info (Инфо)78
Color (Синтез)78
Swatches (Каталог)79
Styles (Стили)80
History (Протокол)81
Actions (Операции)82
Layers (Слои)..83
Channels (Каналы)84
Paths (Контуры)85
Tool Presets (Образцы инструментов)85
Histogram (Гистограмма)86
Палитра Layer Comps (Составные слои)86
Настраиваем Photoshop87
General (Основные)87
File Handling (Управление файлами)90
Display & Cursors (Отображение и курсоры)91
Transparency & Gamut (Прозрачность и цветовой охват)92
Units & Rules (Единицы измерения и линейки)93
Guides, Grid & Slices (Направляющие, сетка и фрагменты)94
Plug-ins & Scratch Disks (Дополнительные модули и диски)95
Memory & Image Cache (Использование памяти)96
File Browser (Файловый обозреватель)96
Работа с тоновыми кривыми97
Автоматизация работы101
Макросы101
Меню Automate (Автоматизировать)105
Команда Free Transform и другие виды трансформирования112
Работа с текстом114
Контуры и фигуры117
Инструменты работы с контурами и палитра Paths (Контуры) . . 117
Фигуры120
Текст по пути122
Работа с каналами и масками123
Возможности палитры Channels (Каналы)124
Дополнительные каналы126
Стили и эффекты127
Слоевые эффекты128
Палитра Styles (Стили)133
Палитра Brush Presets (Установки кистей)134
Brush Tip Shape (Форма кисти)135
Shape Dynamics (Динамика кисти)137
Scattering (Рассеивание)139
Texture (Текстура)139
Dual Brush (Двойная кисть)141
Color Dynamics (Динамика цвета)141
Noise (Шум)142
Wet Edges (Размытые края)143
Прочие параметры палитры кистей143
Обозреватель файлов (File Browser)143
Глава 2. Введение в графический дизайн149
Основы150
Размер150
Цвет154
Форма159
Шрифтовойдизайн165
Немного о композиции167
Пять наиболее распространенных ошибок дизайнеров171
Чрезмерное усложнение171
Чрезмерное упрощение171
Использование приевшегося стиля172
Противоречие привычкам чтения172
Неоригинальность приемов173
Глава 3. Текстовые эффекты174
3. *l. Надпись огнем175
Вариант 1175
Вариант 2179
Пишем льдом183
Пишем кровью188
Пишем водой192
Ломаный текст196
Болотный текст199
Лазерная надпись203
Буквы под снегом206
Матовое стекло209
Железные буквы213
Хромированные буквы. 218
Золотые буквы222
Надпись из ртути226
Эффект X-Files230
Каменные буквы233
Буквы под водой236
Буквы из снега240
Текст на волнистой поверхности244
Буквы в стиле Дали246
Надпись из объемных точек249
Трехмерный текст253
Взрывающиеся буквы256
Пиксельный текст261
Текст из сыра263
Текст «высокого напряжения»266
Глава 4. Текстуры271
Дерево272
Камень276
Камуфляж279
Песчаник282
Вода284
Вариант 1284
Вариант 2288
Металл290
Мозаичнаяповерхность295
Вариант 1295
Вариант 2296
Кирпичи297
Рисуем штамп300
Текстура «multicolor»303
Эффект жалюзи.306
Строчная развертка телевизора308
Гранит311
Мрамор315
Старая кирпичная стена317
Снежинка3W
Скотч322
Эффект скорости326
Биологические структуры328
Компакт-диск332
Штрих-код340
Кристаллы343
«Кровожадная» текстура346
Сгусток плазмы349
Глава 5. Имитация природных явлений355
Восход солнца356
Радуга360
Дождь364
Туман366
Молния370
Засыпаем пустыню снегом373
Солнечное затмение378
Делаем из дня ночь383
Рисуем космос387
Отражение в воде394
Метеор397
Наращиваем небо400
Вариант 1401
Вариант 2403
Капли воды404
Взрыв и огонь407
. Взрыв407
гонь409
Солнце409
Глава 6. Создание рамок ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ в413
Градиентная рамка414
62 Художественная рамка417
Вариант 1417
Вариант 2420
Вариант 3422
Фигурная деревянная рамка425
Быстрая рамка429
I Глава 7. Имитация объема в Photoshop432
Тонкости применения фильтра 3D Transform
(Трехмерное преобразование)433
Металлические трубы437
Металлический болт439
Пуговица441
Завернутый уголок445
Объемная кнопка448
Стеклянная кнопка451
Заготовка для анимированной кнопки452
Шестеренки454
Шар458
Трехмерная композицияизшаров461
Стеклянный шар на фоне пейзажа464
Кольцо из шаров468
Динамик472
Сигарета475
Стильные фигуры478
Щупальца в крови481
Объемная планета484
Стальной шар ■■■■■■■■■■> . 487
Глава 8, Ретушь фотографий. Фотомонтаж■ ■ ■■ ■ ■ ■ в491
Ретушируем старую фотографию492
Меняем цвет глаз.495
Раскрашиваем контурное изображение.498
Раскрашиваем черно-белую фотографию503
Переводим цветное изображение в дуплексное506
Квадроплексное (четырехцветное) изображение507
Слияние фотографий510
Способ первый.510
Способ второй512
Цветок в воде513
Переносим человека в другое окружение516
Неоконченный рисунок519
Имитация старой фотографии521
Рисунок из фотографии524
Фотография в стиле глянцевых журналов527
Глава 9. Дополнительные фильтры530
Eye Candy4.0 от Alien Skin531
Antimatter531
Bevel Boss531
Crome531
Corona531
Cutout53:2
Drip532
Fire532
Fur532
Glass532
Gradient Glow532
HSB Noise533
Jiggle533
Marble533
Melt533
Motion trail533
Shadowlab533
Smoke534
Squint534
Star534
Swirl (Водоворот)534
Water Drops534
Weave534
Wood. 534
Xenofex 1.1отAlien Skin535
Baked Earth535
Constellation535
Crumple535
Distress536
Electrify536
Flag536
Lighthing536
Little Fluffy Clouds536
Origami536
Puzzle536
Rounded Rectangle537
Shatter537
ShowerDoor537
Stain537
Television537
KPT 5.0 отMetacreation537
Blurrrr538
Noize538
Radwarp538
Smoothie539
Frax 4D539
Fraxflame539
Flaxplorer539
Fiberoptix539
Orb-it539
KPT 6.0 отMetacreation540
Equalizer540
Gel540
Goo540
LensFlare541
Materializer541
Projector541
Reaction541
SceneBuilder541
SkyEffects541
Turbulence542
KPT effectsотMetacreation542
Channel Surfing542
Gradient Lab542
Hiper Tiling542
Ink Dropper542
Pyramid paint543
Scatter543
Andromeda543
EtchTone543
Lensdoc543
Perspective543
Scatter Light543
Genesis V2PRO544
AutoEye 2.Q544
Приложение 1. Клавиатурные сокращения инструментов и команд545
Команды главного меню545
Инструменты547
Приложение 2. Содержание компакт-диска550
Цветные иллюстрации550
Фильтры550
Кисти551
Шрифты551
Алфавитный указатель♦ ♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦♦.552
От одного из авторов
Если вы читаете эти строки, то, скорее всего, вы — человек внимательный. Большинство читателей пролистывают введение в нетерпении добраться до того, ради чего книга и была куплена. Может быть, они и правы.
Но это будет не совсем обычное вступление. Я не стану рассуждать о значении компьютерной графики, возможностях Photoshop и тому подобных вещах, которые традиционно появляются во вводной части. Я просто вспомню один давний случай, который люблю приводить в качестве примера пользы чтения книг, Было это несколько лет назад. Солнечным весенним днем ваш покорный слуга стоял в книжном магазине и листал книгу о Photoshop 3.0. Об этой программе я тогда знал только то, что это графический редактор, который с упорством хвалят более опытные пользователи. Пролистав книгу и не найдя ничего невероятного на вид, я все же решил ее почитать.
Так как введение было самой маленькой главой, на нее и пал выбор. Автор, американский художник, восторженно писал о Photoshop. Но основная его мысль заключалась в том, что эта программа может стать не только хобби, временной игрушкой, редкой помощью на работе, но и стабильным источником дохода. И заканчивал он тем, что, возможно, читатель, который держит эту книгу в руках, через несколько лет сам напишет книгу о Photoshop или другой программе компьютерной графики.
Тогда я не обратил на эти слова никакого внимания. Но через четыре года я вспомнил их, так как автор оказался прав. Знания по Photoshop, набранные сначала из любопытства, оказались очень полезными и необходимыми в жизни.
Из этой истории можно сделать только один вывод: даже если вам сейчас не нужны знания по компьютерной графике, но у вас есть свободное время, все равно займитесь ею. Во-первых, это очень интересно, захватывает куда больше самой лучшей игры, а во-вторых, может быть, через несколько лет выйдет уже ваша книга по Photoshop. Версии этак десятой.
Юрий Гурский
Введение
Эта книга посвящена практической работе в лучшем на сегодняшний день графическом редакторе — Adobe Photoshop CS.
Большинство книг по компьютерным программам являются скорее теоретиче- скнмн, чем практическими. Б принципе, это оправданно — человек, уверенно владеющий теоретическими знаниями, сможет их грамотно применять. Однако не менее важным условием успешной работы в Photoshop является практика. Нельзя забывать, что даже такая совершенная программа, как Photoshop, — всего лишь средство для достижения цели. И чтобы с ее помощью добиться нужного результата, мало знать интерфейс программы и владеть инструментами. Именно поэтому мы сосредоточили внимание на примерах реальных задач, которые ежедневно приходится решать дизайнерам, полиграфистам, веб-мастерам.
Теория в этой книге изложена в справочном виде, то есть очень кратко и сжато. Основные знания по программе и базовым понятиям компьютерной графики можно почерпнуть в главе 1. В главе 2 вы познакомитесь с важнейшими законами графического дизайна, знание которых поможет вам избежать ошибок и сделать изображение интересным и привлекательным.
Основную часть книги составляют примеры работы (главы 3-8). Эти пример]^ демонстрируют многие возможности Photoshop, но, конечно, не все. Когда мы подбирали материал для книги, то взяли 100 самых полезных и впечатляющих примеров более чем из 200 заготовок. В основном отбор шел по практической надобности и интересности примеров. Во многих, если не в большинстве, практических разделах нсгютзуются неявные возможности Photoshop, без которых вы вряд ли сможете повторить эффект, даже отлично зная программу.
И наконец, глава 9 представляет собой обзор популярных дополнительных модулей Photoshop, примеры применения которых есть на прилагаемом к книге компакт-диске.
Примеры были выбраны так, чтобы опи оказались интересны для всех групп пользователей, от новичков до профессионалов. Эта книга будет полезна дизайнерам полиграфической рекламы, веб-мастерам и просто всем тем, кто хочет получить реальные знания no Photoshop.
IКак читать эту книгу
Основное условие — обязательно перед компьютером с запущенной программой Photoshop. Книга рассчитана на то, что во время чтения у вас есть под руками сама программа. Без нее из этой книги смогут извлечь что-то полезное только очень опытные пользователи,
Если вы никогда не видели Photoshop, то рекомендуем сначала внимательно прочитать теоретические главы, чтобы ориентироваться в палитрах и меню. Всему остальному вас научит практика.
Если вы знакомы с программой более ранних версий, то достаточно бегло просмотреть теорию, и можно приступать к изучению примеров.
Если же вы опытный пользователь, сразу открывайте цветную вкладку или оглавление, ищите нужный вам эффект и работайте.
Желательно, чтобы при работе был доступен компакт-диск, прилагамый к этой книге, так как для понимания многих практических примеров требуются иллюстрации в цвете, а на цветной вкладке есть только итоговые изображения. На компакт-диске находятся все иллюстрации к практической части книги (полное описание компакт-диска дано в приложении 2).
Не старайтесь полностью повторять наши изображения, так как в этом нет смысла. Они приведены лишь для того, чтобы вам было легче ориентироваться при выборе размера, цвета и других параметров, используемых при работе. И помните, что порядок следования глав в этой книге никак не связан со сложностью материала.
От издательства
Ваши заменанп% предложения, вопросы отправляйте по адресу электронной почты comp@piter.com (издательство «Питер», компьютерная редакция).
Мы будем рады узнать ваше мнение!
Подробную информацию о наших книгах вы найдете на веб-сайте издательства http://www.piter.com.
Глава 1
Интерфейс программы и основы работы с Photoshop
Главное окно Photoshop CS и основные понятия18
Палитра инструментов23
Главное меню40
Основные палитры Photoshop77
Настраиваем Photoshop87
Работа с тоновыми кривыми97
Автоматизация работы101
Команда Free Transform и другие виды трансформирования112
Работа с текстом114
Контуры и фигуры117
Работа с каналами и масками123
Стили и эффекты127
Палитра Brush Presets {Установки кистей)134
Обозреватель файлов (File Browser)143
1・1・ Главное окно Photoshop CS и основные понятия
В этом разделе мы рассмотрим интерфейс программы и введем необходимые термины. Читатели, которые уже работали с этой программой, могут пропустить следующие несколько страниц, а опытные пользователи — сразу перейти к примерам.
Элементы главного окна
Если вы впервые запустили Photoshop CS, то, конечно, удивитесь большому количеству элементов интерфейса, вссвоз>тожных инструментов и параметров. Впрочем, если вы уже знакомы с предыдущими версиями Photoshop, то процесс: адаптации не займет много времени. При сравнении с предыдущей версией программы никаких глобальных изменений нет, за исключением следующих:
полная поддержка 16-битного цвета;
настраиваемые клавиатурные сокращения;
Filter Gallery (Галерея фильтров);
А ннструмемт Color Replacement (Замена цвета);
Layer Comps;
расширен обозреватель файлов (File Browser);
поддержка неквадратных пикселов;
卜 автоматизация создания панорамных снимков,
Кроме этих основных, есть еще масса менее значительных новшеств. Подробнее о каждом из нововведений мы поговорим чуть позднее.
Рис. 1.1. Общий вид главного окна
Итак, вы установили Adobe Photoshop CS, успешно прошли регистрацию (это, кстати, тоже одно из нововведений программы) и впервые запустили его. Вы увидите главное окно Photoshop (рис. 1.1). В центре этого окна расположено окно документа, в котором выводится загруженный графический файл.
Этот интерфейс является стандартным для всех программ Adobe, и, освоив его в Photoshop, вы облегчите себе изучение других пакетов этой фирмы. Если вы впервые увидели Photoshop и никогда не изучали никаких программ по книгам, то у вас может возникнуть желание все бросить. Не стоит этого делать — уже через несколько дней вы вполне освоитесь в среде Photoshop, поверьте опыту авторов. В последующих разделах данной главы мы подробно рассмотрим элементы программы, а сейчас сделаем краткий обзор интерфейса.
Итак, перечислим компоненты главного окна программы.
А Строка меню (рис. 1.2). Стандартный элемент для всех оконных приложений (Windows-программ). Для нее есть стандарты, принятые во всем мире, и Photoshop не стал исключением в том смысле, что она начинается с File (Файл) и заканчивается Help (Справка). Состоит из следующих меню:
：：：：：：■：、 ■■*■•...<',：：.•：.：：■. ：； ；；. ：：：.：. ；：；：' ：：•.
File Edit Image Layer'Select Г Filter；露舒 Window Help ♦
Рис. 1.2. Строка меню
File (Файл) — этим меню приходится пользоваться в основном в начале и конце работы, так как большинство его функций связаны с созданием, открытием и сохранением файлов. Лучше сразу научиться пользоваться клавиатурными сокращениями для запуска этих команд — вы сможете сэкономить много времени;
i> Edit (Редактирование) — в этом меню находятся основные команды редактирования, многие из которых есть и в других программах: Undo (Отменить), Paste (Вставить), Сору (Копировать) и т. д.;
Image (Изображение) — меню, созданное для работы непосредственно с изображением. Многие его команды придется применять почти в каждой работе
О Layer (Слой) — работа со слоями;
Select (Выделение) — создание и редактирование выделения;
Filter (Фильтр) — в этом меню находятся фильтры — дополнительные модули Photoshop, выполняющие самые разные функции;
View (Вид) — различные настройки интерфейса, помогающие пользователю в работе;
Window (Окно) — с помощью этого меню вы управляете отображением палитр и размещением документов на экране;
Help (Справка) — команды справочной системы.
СОВЕТ
Постарайтесь с первого же дня вашей жизни с Photoshop поменьше использовать мышь при выборе команд в меню. Обратите внимание на то, что напротив большинства из них написаны клавиатурные сокращения, нажав которые, вы выполните то же самое, но гораздо быстрее. Привыкайте сразу к правильной работе, иначе потом будет трудно переучиваться
> Палитра инструментов (рис. 1.3). С этим элементом программы вам придется работать больше, чем со всеми остальными вместе взятыми. Здесь находятся те инструменты, при помощи которых вам предстоит делать основную работу. Более подробно палитра инструментов описана в разделе 1.2. Пока обратите внимание на то, что на кнопках многих инструментов нарисованы стрелки. Это значит, что за кнопкой скрывается всплывающая панель с дополнительными инструментами. Чтобы открыть ее, нужно щелкнуть мышью на инструменте и не отпускать какое-то время кнопку мыши. Когда вы выберете на всплывающей панели инструмент, он появится на основной палитре вместо предыдущего. Это сделано для минимизации размеров палитры.
Рис. 1.3. Палитра инструментов
► Панель (палитра) параметров (Options) (рис. 1.4). Здесь отображаются все изменяемые настройки инструментов. Данной панели не будет посвящено отдельной главы, так как она меняет вид в зависимости от выбранного инструмента, но при описании инструментов будет рассказано про все возможные настройки, таким образом мы и раскроем эту тему.
Рис. 14 Панель параметров для инструмента Lasso (Лассо)
А Палитры. Это небольшое окно, в котором сгруппированы элементы управления, выполняющие специфические функции. Подробно о палитрах Photoshop читайте в разделе 1.4.
Рис. 15 Пример палитрыРис. 15 Пример палитры
Рис. 15 Пример палитры
Рис. 15 Пример палитры
СОВЕТ -
Сразу обратите внимание на то, что размещение палитр не статично. На одну панель можно поместить любое количество палитр: на рис. 1,5ихтри — Color (Синтез), Swatches (Каталог) и Styles (Стили). Вы можете менять палитры местами (простым геретаскива- нием мышью), добавлять и убирать их (при помощи меню Window (Окно)).
> Вкладки. По умолчанию их три: Browser (Обозреватель), Tool Presets (Установки инструментов) и Layer Comps (рис. 1.6). Они предназначены для того, чтобы быстро вызывать часто необходимые (по мнению разработчиков программы) функции. Но вы можете сделать вкладкой любую палитру, просто перетащив ее к ним.
卜：_：.■■■■••■:……..■：：—■■：. ।
| Bryshes Г Prg" у 5史声
Рис. 1.6. Вкладки главного окна программы
Вот и все, что пока необходимо знать про интерфейс программы. Достаточно скоро вы поймете, насколько он прост и функционален.
Основные понятия и термины
A Пиксел (pixel) — элементарная единица изображения в растровой двумерной графике. Это мельчайшие точки, из которых, как стена из кирпичиков, и складывается изображение. Откройте любую картинку в Photoshop и нажимайте CtrL+«+» до максимального увеличения. Вы увидите, как из пикселов получается изображение.
> Разрешение (resolution) — количество точек на единицу длины (дюйм, сантиметр). Один из основных параметров изображения. Чем выше этот показ凯 тель, тем качественнее изображение, но больше его файл. За норму принимается 72 пиксела на сантиметр (так называемое экранное разрешение), но для получения действительно качественного результата, например в полиграфии, необходимо значительно больше.
ВНИМАНИЕ
Размер изображения, который вы видите на экране даже при реальной (100 %) величине, и настоящий размер во многих случаях совершенно разные понятия. Дело в том, нт。 монитор показывает строго определенное количество (как правило, 72} точек (пикселов) на единицу длины. В том случае, если у вас изображение имеет разрешение, например, 300 точек на дюйм и длину 10, а разрешение монитора 72 точки на дюйм, то в масштабе 100 % оно будет более 40 дюймов в длину. Вывод: никогда не думайте, что изображение на мониторе идентично печатному изображению.
► Цветовые модели. Модель RGB. Цветовая модель определяется принципом, по которому передается окраска пиксела. Нас интересует пока только модель RGB — самая распространенная на сегодняшний день и предназначенная в основном для передачи цвета на монитор. Если рассматривать ее несколько упрощенно, то каждый пиксел имеет три цветовые составляющие: Red (красный), Green (зеленый) и Blue (голубой). Как при помощи них создается такое огромное количество цветов? Представьте себе, что у вас есть желтое и синее прозрачные стекла. Что будет, если вы одно наложите на другое и посмотрите на свет? Конечно, все окрасится в зеленый. Примерно так же действует и эта цветовая схема. Огромное количество реализуемых цветов достигается благодаря тому, что каждый канал имеет степень яркости, от О до 255. О — минимальная яркость, отсутствие этого цвета в пикселе, 255 максимальная. То есть пиксел, огшсанньп! как R0G0B0, есть абсолютно черный цвет, R255G255B255 — абсолютно белый, а например, ROGOB255 — абсолютно синий.
А Слой (layer). Photoshop дает возможность работать на разных слоях. Если вы не знаете, что такое слой в компьютерной графике, то представьте себе, что имеется множество тонких стеклянных пластинок, на которых нарисованы разные объекты. Если наложить их друг на друга, получится новое изображе- Ш1С. Аналогично устроена многослойная картинка. Слоев может быть до ста, но так много обычно не используется. Хотя достаточно часто приходится работать с изображениями, имеющими 10-15 слоев, и это отнюдь не предел. Последние версии Photoshop позволяют объединять слои в наборы (set) и иметь до нескольких десятков наборов.
А Выделение (selection). Работа с выделением — очень важная составляющая применения Photoshop, без которой невозможно сделать почти ничего. Выделение — это область, которую пользователь обозначает как подвластную редактированию. Выделение показывается в режиме «бегущих муравьев», то есть ограничивается анимированной штрихпунктирной линией. Выделение также бывает частичным, подробнее об этом читайте в разделе 1.3.5.
> Дополнительный канал, или альфа-канал (alpha-channel). He имеет отношеНИЯ к цветовым каналам. Это оригинальная форма выделения (точнее, его отображения и сохранения), в которой белым цветом обозначаются выделенные пикселы, черным — невыделенные, а серым — частично выделенные. Но на программном уровне любое выделение является альфа-каналом.
► Режим наложения пикселов (blend mode). Очень важное понятие Photoshop. Дело в том, что работа почти с любым инструментом — это наложение новых пикселов поверх имеющихся. В обычном режиме старый пиксел заменяется новым, но возможны и другие варианты. В практической части книги параметр Blend Mode (Режим наложения) используется очень часто, что позволяет получить полное представление о нем.
Перечисленных понятий вполне хватит на первое время, остальные будут вводиться в других главах книги по мере надобности. На этом введение в теорию за-
кончено.
1.2. Палитра инструментовИнструменты основной палитры — это главная часть рабочего стола Photoshop, При помощи них выполняется основной объем работы, и свободное владение ими является важнейшим условием эффективной работы в программе. На рис. 1.7 показаны все инструменты в раскрытом виде.1.2. Палитра инструментовИнструменты основной палитры — это главная часть рабочего стола Photoshop, При помощи них выполняется основной объем работы, и свободное владение ими является важнейшим условием эффективной работы в программе. На рис. 1.7 показаны все инструменты в раскрытом виде.'"1 R«ct«ngul4ir MarqueeToolМQ\ Elliplicil Marque* Twl ..' MSingle R@W aurqg Toolм Single Column Mirquea Tool'"1 R«ct«ngul4ir MarqueeToolМQ\ Elliplicil Marque* Twl ..' MSingle R@W aurqg Toolм Single Column Mirquea Tool,■ ^Slic« ToolК，Slc« Select Tool К,■ ^Slic« ToolК，Slc« Select Tool Кa ^2'> Lasso ToolPolygonal Lasso Toola ^2'> Lasso ToolPolygonal Lasso ToolMagnetic Lamsc ToolMagnetic Lamsc Tool,/ Ung Brush Tool Q Patch TW,/ Ung Brush Tool Q Patch TW* Jb Clone Stamp Tool电方 PaiUrnSt4mpTo0|* Jb Clone Stamp Tool电方 PaiUrnSt4mpTo0|4S«r Tool4S«r ToolEEEEEE■^ Hirt cry Brush ToolV■分 Art History BrushY■^ Hirt cry Brush ToolV■分 Art History BrushY■「缓 Gradient Tool<5(> Pa" Bucket ToolG■「缓 Gradient Tool<5(> Pa" Bucket ToolG. Dodge ToolBurn Tool. Dodge ToolBurn ToolООООSponge ToolОSponge ToolОI Blur TootД Sharpen TootI Blur TootД Sharpen TootRRRRж T HonronlilType Too iT Verbal Type Tool 彎 HoriKonUl Type Marf: Tool |^ Vertical Type Mask Toolж T HonronlilType Too iT Verbal Type Tool 彎 HoriKonUl Type Marf: Tool |^ Vertical Type Mask ToolSmudge. ToolSmudge. ToolRRPath GeltEg T«ol APath GeltEg T«ol A&r«ct Selection Tgi A&r«ct Selection Tgi APen T-ool.乎'F r «4 form Pen ToolAdd Anchor Point Tool&" Delete Anchor Pant Toot P卜 Convert Pant ToolPen T-ool.乎'F r «4 form Pen ToolAdd Anchor Point Tool&" Delete Anchor Pant Toot P卜 Convert Pant Tool項 No，" Г©01Hd> Au&> АпглЧНол ТоЫN項 No，" Г©01Hd> Au&> АпглЧНол ТоЫN^| Rectangle Tool2 fRoundidRectangte^oolJ 叫” Tool0 Polygon Tod\ Line Tool^^QMtom Shape Tool^| Rectangle Tool2 fRoundidRectangte^oolJ 叫” Tool0 Polygon Tod\ Line Tool^^QMtom Shape Tool/ Eyedropper Tool/ Eyedropper Toololor Sampler Toololor Sampler Toolure Toolure ToolUUUu иUUUu и
1.2. Палитра инструментов
Инструменты основной палитры — это главная часть рабочего стола Photoshop, При помощи них выполняется основной объем работы, и свободное владение ими является важнейшим условием эффективной работы в программе. На рис. 1.7 показаны все инструменты в раскрытом виде.
1.2. Палитра инструментов
Инструменты основной палитры — это главная часть рабочего стола Photoshop, При помощи них выполняется основной объем работы, и свободное владение ими является важнейшим условием эффективной работы в программе. На рис. 1.7 показаны все инструменты в раскрытом виде.
'"1 R«ct«ngul4ir MarqueeToolМ
Q\ Elliplicil Marque* Twl ..' M
Single R@W aurqg Tool
м Single Column Mirquea Tool
'"1 R«ct«ngul4ir MarqueeToolМ
Q\ Elliplicil Marque* Twl ..' M
Single R@W aurqg Tool
м Single Column Mirquea Tool
,■ ^Slic« ToolК
，Slc« Select Tool К
,■ ^Slic« ToolК
，Slc« Select Tool К
a ^2'> Lasso Tool
Polygonal Lasso Tool
a ^2'> Lasso Tool
Polygonal Lasso Tool
Magnetic Lamsc Tool
Magnetic Lamsc Tool
,/ Ung Brush Tool Q Patch TW
,/ Ung Brush Tool Q Patch TW
* Jb Clone Stamp Tool电方 PaiUrnSt4mpTo0|
* Jb Clone Stamp Tool电方 PaiUrnSt4mpTo0|
4S«r Tool
4S«r Tool
E
E
E
E
E
E
■^ Hirt cry Brush ToolV
■分 Art History BrushY
■^ Hirt cry Brush ToolV
■分 Art History BrushY
■「缓 Gradient Tool<5
(> Pa" Bucket ToolG
■「缓 Gradient Tool<5
(> Pa" Bucket ToolG
. Dodge Tool
Burn Tool
. Dodge Tool
Burn Tool
О
О
О
О
Sponge ToolО
Sponge ToolО
I Blur Toot
Д Sharpen Toot
I Blur Toot
Д Sharpen Toot
R
R
R
R
ж T HonronlilType Too iT Verbal Type Tool 彎 HoriKonUl Type Marf: Tool |^ Vertical Type Mask Tool
ж T HonronlilType Too iT Verbal Type Tool 彎 HoriKonUl Type Marf: Tool |^ Vertical Type Mask Tool
Smudge. Tool
Smudge. Tool
R
R
Path GeltEg T«ol A
Path GeltEg T«ol A
&r«ct Selection Tgi A
&r«ct Selection Tgi A
Pen T-ool.
乎'F r «4 form Pen Tool
Add Anchor Point Tool
&" Delete Anchor Pant Toot P
卜 Convert Pant Tool
Pen T-ool.
乎'F r «4 form Pen Tool
Add Anchor Point Tool
&" Delete Anchor Pant Toot P
卜 Convert Pant Tool
項 No，" Г©01H
d> Au&> АпглЧНол ТоЫN
項 No，" Г©01H
d> Au&> АпглЧНол ТоЫN
^| Rectangle Tool
2 fRoundidRectangte^ool
J 叫” Tool
0 Polygon Tod
\ Line Tool
^^QMtom Shape Tool
^| Rectangle Tool
2 fRoundidRectangte^ool
J 叫” Tool
0 Polygon Tod
\ Line Tool
^^QMtom Shape Tool
/ Eyedropper Tool
/ Eyedropper Tool
olor Sampler Tool
olor Sampler Tool
ure Tool
ure Tool
U
U
U
u и
U
U
U
u и
Рис. 17 Инструменты основной палитры I
Инструменты выделения, перемещения и обрезки
.飞•步丁 Rectangular Marquee (Прямоугольное выделение) — один из самых необхО'
“т димых инструментов. Позволяет создать прямоугольную область выде~ ления,
Перечислим элементы панели параметров для этого инструмента.
Tool Presets (Установки инструментов). Данный параметр, являющийся но- Photoshop CS, не имеет непосредственного отношения к описываемому инструменту, но он встретится в панели параметров для любого другого. В этом раскрывающемся списке хранятся варианты настроек для разных инструментов. Это полезно, если для определенной работы вы уже выработали необходимые параметры и не хотите всякий раз настраивать инструменты заново.
New(Новое выделение) — обычный режим работы инструмента.
Создается новое выделение, при этом имеющиеся выделенные области (если они есть) исчезают.
Add to Selection (Прибавить к области) — обозначенная область добавится существующему выделению. Применяется очень часто. Аналог на клавиатуре — нажатая клавиша Shift,
Subtract from(Вычитание областей) — исключает выделенную об-
из выделения. Клавиатурный эквивалент — нажатая клавиша Ctrl.
Intersect with Selection (Выделить пересечение)выделяет область пересе-
старого и нового выделения. В принципе, достаточно полезная возможность.
ВНИМАНИЕ
Перечисленные возможности аналогичны для всех инструментов выделения, поэтому далее мы не будем повторяться и для остальных инструментов будеттолько
оранее параметрах.
Feather (Растушевка) — изменяет выделение таким образом, что по его краям появляется область частично выделенных пикселов. Это позволяет реализовать множество эффектов, например плавный переход объекта в фон.
(Сглаживание выделения) — создается за счет области частично выделенных пикселов.
Style (Стиль) — задает способ выделения:
Normal (Обычный) — обычный стиль выделения. Вы свободно выделяете то, что хотите, не имея при этом ограничений;
Constrained Aspect Ratio (Фиксированный коэффициент выделения) — заданные пропорции области выделения. То есть если будет задано отношение 1:1, то область получится квадратной;
Fixed Size (Фиксированный размер) — создается область выделения заданного размера.
Marquee (Эллиптическое выделение) — создание различного рода эллиптических и круглых выделений. Относительно шестой версии программы этот инструмент не изменился совершенно. Параметры панели Options (Параметры) такие же, как у прямоугольного выделения.
Single Row Marquee (Выделить строку) — выделяет одну строку шириной
1 пиксел. Этот инструмент почти никогда не применяется. Аналогично, инструментомColumn Marquee (Выделить столбец) создается столбец.
Move (Перемещение) — инструмент, при помощи которого можно передвигать различные объекты: слои, выделенные частифигуры. Один из
самых необходимых инструментов, который почти не изменился с третьей версии программы. Вызывается горячей клавишей V. Параметры инструмента перемещения:
Layer (Автовыбор слоя) —режим автоматического выбора
слоя. Если у вас есть несколько слоев, на каждом из которых отображен какой-либо объект, то щелчок по этому объекту в видимой части изображения переключит слои, и вы будете двигать уже слой с выбранным вами объектом; ShowBox (Показать ограничивающую рамку) —вокруг не
прозрачной части изображения рамку, с помощью которой можно изменять его. По сути, просто вызывает команду Free Transform (Свободное трансформирование), о которой вы можете прочитать в посвященном ей разделе 1.8.
Lasso (Лассо) — свободное выделение. Выделяет всю обведенную область.
Очень полезный инструмент, но при одном условии — у вас хорошо работает мышь и вы владеете ею в совершенстве. Для пользования лассо гораздо лучше подойдет манипулятор в виде шариковой ручки (дигитайзер), так как далеко не всякий человек может точно построить сложную геометрическуюпри
помощи мыши, сделать же это ручкой не составит труда почти никому. Это самый старый инструмент выделения, и сейчас он используется все реже и реже. Из параметров инструмента Lasso (Лассо) стоит упомянуть(Сглажи
вание) — сглаживание выделения. Сбрасывать этот флажок стоит только в том случае, когда вам необходимо очень точно выделить что-либо.
(Многоугольное Лассо) — очень удобный инструмент может быть, наиболее часто применяемый. Как вы, наверное, обратили предыдущий инструмент неудобен тем, что с его помощью почти невозможно правильно выделить простыми движениями мыши фигуру сложной формы. Данный же инструмент позволяет строить границу выделения мелкими шагами в виде прямых отрезков. Как показываетможно выделить что угодно за
приемлемое время.
Magnetic Lasso (Магнитное лассо) — очень популярный инструмент
ния. Строит выделение на основе цветовой разности. Идея в том, что контуры объекта, как правило, отличаются по цвету от фона и поэтому могут быть легко выделены. Идеальный инструмент для выделения сложных геометрических форм, например волос. Радует также скорость выделения. Параметры:
кнопки режимов выделения, параметры Feather (Растушевка) и Anti-aliased (Сглаживание) имеют тот же смысл, что и для других инструментов выделения; Width (Ширина) — ширина рабочей области инструмента выделения (диаметр кисти). Если нужно точное выделение, то лучше взять значение поменьше, если же точность не столь важна или контур очень явный (например, черный рисунок на белом фоне), то можно выставить большое значение;
Edge contrast (Контраст краев) — величинана которую должны отли
чаться смежные пикселы, чтобы по ним прошла граница;
Frequency (Частота) — частота опорных точек. Если у вас много мелких деталей, то необходимо задать значение этого параметра как можно выше;
Pen pressure (Давление пера) — задавать настройки исходя из силы нажатия. Актуально только для перьевых манипуляторов,
Magic Wand (Волшебная палочка) — очень интересный инструмент. Выделяет область пикселов по ихсхожести. Например, если изображение
состоит из фотографии, наложенной нафон, то наиболее простой
способ отделить содержимое фотографии от фона — использовать инструмент Magic Wand (Волшебная палочка). Параметры
(Допуск) — основной параметр этогоЧто он
рассмотрим на примере RGB-изображения. Оно состоит из трех цветовых каналов: красного, зеленого и голубого. Каждый из них имеет показатель яркости - от 0 до 255. Этого достаточно для получения любого (видимого человеческим глазом) цвета. Допуск задает степень близости цвета пикселов, необходимую для добавления их в выделение. Таким образом, если значение этого параметра равно 0, то выделятся только точно совпадающие по цвету пикселы, если 255 — все пикселы;
Contiguous (Смежные) — очень важный параметр, В случае если этот флажок установлен, будут выделяться только те пикселы, которые находятся в соседних собластях. Если же этот флажок сброшен, инструмент Magic
Wand (Волшебная палочка) выделит все подходящие по заданному допуску пикселы, независимо от того, смежные они или нет;
Use ALL Layers (Использовать все слои) — распространяет действие данного инструмента выделения на все слои. Еслипараметр не установлен,
мент работает только на текущем слое.
Crop (Рамка) — обрезает изображение до указанной области. Аналог — любое прямоугольное выделение и команда Crop (Рамка) из меню Image (Изображение).
Параметры до создания области:
Width (Ширина) — ширина нового изображения;
Heigth (Высота) — высота нового изображения;
Resolution (Разрешение) — разрешение нового изображения.
Параметры после создания области:
Cropped Area (Отрезанная область). Определяет, что делать с полученной после обрезки областью изображения. Есть два варианта: Hide (Спрятать) или Delete (Удалить);
Shield (Маска). В этом случае полученная область будет отображаться затененной. Можно настроить цвет (Color) и непрозрачность (Opacity) этой маски; Perspective (Перспектива). Позволяет придать области обрезки форму трапеции.
(Фрагмент) — инструмент, применяемый для разрезания изображения на куски и последующей оптимизации для использования в Интернете. Пришел еще в Photoshop 6.0 из ImageReady.очень полезен, если вы ра
ботаете в области веб-дизайна — подготовка изображения для Сети займет минимум времени. Параметры:
Style(Обычный) — свободные размеры;
Style Constrained Aspect Ratio (Фиксированный коэффициент) — фиксированный коэффициент отношения сторон прямоугольника;
Fixed Size (Фиксированные размеры) — заданные размеры фрагмента;
Show Slice Numbers (Показать нумерацию фрагментов) — если вы сбросите этот флажок, то у вас не будет появляться номер фрагмента;
Line(Цвет линии) — линий, ограничивающих фрагменты.
Инструменты рисования и ретуширования
Healing Brush (Лечащая кисть) — новшество Photoshop CS. Этот
" является некоей вариацией куда более старогоStamp
описанного далее, и применяется для текстурной коррекции с учетом подложки, Типичный пример —фрагментов кожи на фотографии при помощи взятых за образецфрагментов. При этом, и это главное
отличие от Stampбудут учтеныпоказатели
пикселов. Этот инструментв основном для ретуширования, и познакомиться с еговы можете, обратившись к
примеру (глава 8). Параметры
Brush (Кисть). Настройки используемой кисти. За счет мощнейшего инструментарияможно получать самые разнообразные результаты,
Mode (Режим наложения). Режимпикселов, используемый инст
рументом,
Source (Источник). Позволяет задать источник текстуры для инструмента. Есть два варианта:
SampledПользователь сам определяет источник на
жении, нажав клавишу
Pattern (Текстура). Использовать определенный узор. Рядом находится раскрывающийся список, в котором можно выбрать вид текстуры.
UseLayers (Все слои). Действие инструмента будет распространено на все
слои изображения.
(Заплатка) — еще один новый инструмент Photoshop. Является соче- произвольного выделения и заливки. Его удобно использовать при ретушировании, но все жезачем для такой узкой функции нужно было
создавать специальный инструмент. Причина, скорее всего, в том, что программистам Adobe не хваталоPhotoshop CS. Параметры инструмента:
Source (Источник). Режим, в котором область переноса будет копироваться в исходную. Кстати, очень удобным нововведением, появившимся в программе, стало то, что теперь заранее видно, какая именно область ляжет в ленную;
Destination (Цель). Режим, обратный предыдущему;
Transparent (Прозрачность). Если этот параметр включен, вырезанный кусок будет накладываться в полупрозрачном виде, частично сливаясь с изображением;
Use Pattern (Использовать текстуру). Для заливки будетвыбран
ный вами узор.
Color Replacement (Замена цвета). Единственный новый инструмент в
shop CS. Выполняет достаточно узкую функцию, с которой превосходно справлялись некоторые другие инструменты, в частности кисть. Инструмент Replacement позволяет быстро, качественно и очень просто перекрашивать объекты любой сложности, Параметры инструмента:
Mode (Режим). Режим работы инструмента. Содержит стандартные варианты для работы с цветом, с которыми вы познакомитесь чуть ниже. Режим по умолчанию (Colorпрактически никогда менять не придется.
Sampling (Выборка). Определяет механизм действия инструмента. Есть следующие варианты:
Continuous (Непрерывно). Инструмент будет работать все время, пока зажата клавиша мыши;
Once (Однажды). Инструмент затронет только область его кисти;
Background Swatch (По фону). Инструмент будет перекрашивать только пикселы, окрашенные в цвет заднего плана (Background
Limits (Граница). Задает область действия инструмента. Варианты:
Discontinuous (Несмежные). Инструмент действует на все пикселы;
Continuous (Смежные). Инструмент действует на пикселы того же что и находящиеся под центром указателя и при этом смежные с ним;
Find(Найти края). Режим, похожий на предыдущий, но в нем компьютер «обращает большена узкие области одного цвета внутри
более широких областей другого цвета.
Tolerance (Допуск). Задает сходство пиксела с первым под центром указателя для замены цвета. При малых значениях перекрашены будут только самые близкие пикселы, при максимальных — все.
Brush (Кисть) — самый старый инструмент рисования, чья история
ется с первых версий программы. Предназначен для прямого рисования активным цветом (Foreground Color). Применяется очень часто, но намного чем это было в более ранних версиях Photoshop, — появилось много узкоцелевых инструментов.
ВНИМАНИЕ
Не путайте параметры инструмента Brush (Кисть) и настройки в палитре кистей Brush Presets (Установки кистей). Этой палитре посвящен разделданной главы.
Основные настройки кисти, такие как форма и размер, устанавливаются при помощи раскрывающегося списка Brush (Кисть) в панели параметров. В полном объеме параметры кисти можно открыть только через палитру кистей (см. далее раздел 1.13), здесь же доступны самые основные. Кстати, в неизменном виде эти настройки повторяются во всех инструментах рисования. Окно настроек кисти и раскрывающееся меню, которое появляется при нажатии на круглую кнопку со стрелкой в окне настроек, показаны на рис. 1.8.
©
讨 Mew Brush preset.,.
•^Г{5<ТС ^T^i..
DuM：，sh
Text Only
*i^SmafiThumbnait
Large Thumbnailj
• Small List
Large U兌
• У Stroke Thumbnai
Preset Manager...
Reset Brushes...
. Load Brushes.., .
• SeveBrushej...
Replace Brushes*..
Assorted Brushes . I
B，$ic Brushes•
Calligraphic Brushes
Drop Shadow Brushes
.Dry Madia Brushes
Faux Finish Brushes.
. Natural Brushes 2 :
> Natural Brushes Special Effect Brushes
. Square Brushes
Thick Heavy Brushes Wet Media Brushes
Рис. 1 .8. Диалоговое окно с параметрами инструмента Brush (Кисть) и его меню
Б поле Master Diameter (Основной диаметр), как можно догадаться из названия, задается диаметр используемой кисти в пикселах. Раньше он назывался просто Diameter, но усложнение инструментария кистей Photoshop CS привело к появлению диаметра разброса и других, поэтому название параметра было сменено. Минимальный диаметр для кисти — 1 пиксел, максимальный — 2500.
Hardness (Жесткость). В этой настройке пользователь определяет, насколько у кисти должны быть мягкие края. Жесткая кисть по рисунку полностью соответствует своему радиусу и цвету, мягкая имеет зону частично прозрачных пикселов по краям.
Под полем Master Diameter показаны варианты загруженных кистей, из которых можно выбирать. Bee возможные варианты будут открыты не сразу — чтобы увидеть их, нужно открыть меню, нажав кнопку со стрелкой в правом верхнем углу окна настроек (см. рис. 1.8).
Рассмотрим это меню подробнее. Команда New Brush (Создать кисть) служит для того, чтобы сохранить активные настройки в виде кисти в наборе. Следует помнить, что кисти хранятся в виде файлов с расширением abr, поэтому сохранение какой-либо кисти ведет к изменению имеющихся файлов. Вообще, для этих целей лучше использовать новую возможность Photoshop, описанную ранее, - элемент Tool Presets (Установки инструментов) панели параметров.
Вразделе менюимеющиеся наборы кистей. Какие это кисти,
можно легко понять из названий, например Square Brushes — квадратные кисти, инструмент при работе. Кроме того, в Интернете и на прилагающемся к книгевы можете найти дополнительные наборы кистей.
В Photoshop также имеется возможность создавать кисти произвольных размеров, узнать об этом подробнее вы сможете из примеров.
Продолжим описание настроек кисти, доступных в панели параметров.
Mode (Режим наложения). Режимы наложения пикселов для инструмента. Их достаточно много, как сработать и в каких случаяхвы пой
мете по ходу изучения примеров. А сейчас можно просто перебрать варианты, посмотрев, как меняется при этом результат.
OpacityЗадает непрозрачность пикселов.
(Плотность). Этот параметр весьма похож на предыдущий. Однако отличие состоит вчто непрозрачность — это постоянное свойство. Если вы
проведете кистью по уже нанесенному цвету с непрозрачностью 10 то он гак и останется непрозрачным на 10 Параметр(Плотность), напротив,
имитирует реальную краску, учитывая плотность ее нанесения (толщину слоя). Если вы второй раз проведете по цвету, для которого установлена плотность 10 то он станет уже болееблизким к 20
Airbrush Capabilites (Возможности аэрографа). Переводит кисть в режим аэрографа для имитации разбрызгивания краски изРанее аэрограф былинструментом, но в Photoshop CS, как мы видим, он
слился с кистью.
Stamp (Штамп) — один из самых интересных и полезных инстру- ' ментов,при фотомонтаже. Действует он так: вы указываете
мышью (с нажатой клавишей Alt), из какого места на изображении перерисовывать, а затем просто водите кистью в том месте, где необходимо повторить фрагмент. Можно, например, всего за несколько секунд нарисовать человеку третий глаз (рис. 1.9).
Рис.штампа
Параметры инструмента:
Brush (Кисть) — настройки размера и прочих параметров кисти инструмента;
Mode (Режим наложения) — режимпикселов при
данного инструмента;
— непрозрачность накладываемого изображения. Применяется во многих случаях, поэтому лучше поэкспериментировать с этим параметром, чтобы «почувствовать»
(Плотность). Настройка режима рисования, учитывающего плотность нанесения краски;
Airbrush(Возможности аэрографа). Рисовать штампом, используя
в качестве кисти
Aligned (С выравниванием) — этот параметр задает способ переноса клонируемого фрагмента. Если этот флажок установлен, то копирование фрагмента происходит непрерывно, то есть прерывание рисования (отпускание кнопки мыши) не вызываетфрагмента. Если сброшен, то при каждом нажатии кнопки мышиновая копия;
Use All Layers (Использовать все слои) — название говорит само за себя. Если установлено это значение, инструмент Stamp (Штамп) игнорирует наличие слоев и копирует все видимое.
Pattern Stamp (Фигурный штамп) —инструмент, правда, по*не настолько, насколько интересный. Позволяет рисовать текстурой.
В Photoshopготовые текстуры, но их не так много. Этим же
можно рисовать сложные по цветовым компонентам— человеческую кожу, песок и т.Параметры:
Brush (Кисть) — настройки размеров и прочих параметров кисти инструмента;
Mode (Режим наложения) — режимпикселов при применении
данного инструмента;
Opacity (Непрозрачность) — непрозрачность накладываемого изображения;
(Плотность). Настройка режима рисования, учитывающего плотность нанесения краски;
Airbrush Capabilities (Возможности аэрографа). Рисовать фигурным используя в качестве кисти аэрограф;
Pattern— определяет, какую текстуру использовать в
«краски». Используя этот раскрывающийся список, вы можете загружать ные палитры (файлы палитр имеют расширение pat);
Aligned (С выравниванием) — определяет способ переноса клонируемой ласти;
Impressionist (Импрессионизм). Если этот параметр установлен, то текстура значительно упрощается за счет перевода в широкие области одного цвета. На рис 1.10 показан исходный вид текстуры и результатпара
метра Impressionist (Импрессионизм).
Рис.Вверху — обычное рисование текстурой, внизу — после
параметра Impressionist (Импрессионизм)
History Brush (Кисть состояния) — позволяет рисовать из любого места истории (порядок действий, сохраненный в виде последовательности картинок и редактируемый при помощи палитрыЕсли вы применили
к своему изображению целый ряда затем захотели вернуть ма
ленький фрагмент в исходный вид, то вам незачем менять все изображение, Правда, таких ситуаций почти никогда не возникает. Параметры инструмента:
Brush (Кисть) — настройки размеров и прочих параметров кисти инструмента.
Mode (Режим наложения) — режим наложения пикселов при применении данного инструмента.
Opacity (Непрозрачность) — непрозрачность накладываемого изображения.
Flow (Плотность). Настройка режима рисования с учетом плотности слоя краски.
Airbrush Capabilities (Возможности аэрографа). Рисоватьиспользуя
в качестве кисти аэрограф.
Art History Brushвосстанавливающая кисть) - этот
румент тоже нельзя назвать часто используемым, но иногда он действительно выручает.состояние изображения из снимка истории, но
в отличие от предыдущего инструмента позволяет применять различные художественные эффекты. Параметры инструмента:
Brush (Кисть) — настройки размеров и прочих параметров кисти инструмента.
Mode (Режим наложения) — режим наложения пикселов при применении данного инструмента.
Opacity (Непрозрачность) — непрозрачность накладываемого изображения, Style (Стиль) — способ применения инструмента. Основной параметр — Art Brush (Художественная кисть).
Area (Площадь) — область применения кисти. Именно на эту площадь будут раскидываться мазки.
Spacing (Интервалы) — расстояние между мазками.
(Допуск) — новый параметр, появившийся в Photoshop CS. Если значение допуска равно нулю, то будет видоизменяться любая область, попавшая в зону действия инструмента. Чем больше значение допуска, тем более жесткие требования предъявляются к соответствию цветов области цвету переднего плана (Foreground
Eraser (Ластик) — один из самых полезных и часто используемых
Позволяет удалять излишки наших художеств с изображения. Параметры инструмента:
Brush (Кисть) — настройки размеров и прочих параметров кисти инструмента, Mode (Режим) — режим работы инструмента. Имеет три варианта:
Paintbrush (Кисть) — основной ичасто применяемый.
дляслучаев;
(Карандаш) — необходим, если требуется очень тонкое стирание;
Block (Блок) — идеально подходит для случаев, когда необходимо область прямоугольной формы. Не имеет изменяемых размеров, масштабирование можно проводить только за счет увеличения или шения просматриваемой области изображения.
Opacity (Непрозрачность) — очень интересный параметр в интерпретации данного инструмента. Не удаляет стираемый фрагмента делает
его непрозрачным на указанное количество процентов.
Erase to History (Стирать в историю) — невероятно полезная настройка. пробуйте воспользоваться инструментом без нее. В результате у вас будет стерто все до цвета заднего плана. А что, если необходимо стереть лишнее, но исходное изображение трогать не стоит? Тогда и приходит на помощь этот замечательный параметр. В результате установки этого параметра стирание производится доизображения, а не до цвета заднего плана, и это на
одном слое!
Background Eraserластик) — ластик, предназначенный для
объекта от фона. Действует на основе цветовой выборки — удаляет все цвета, которые попали под указатель мыши. Например, если вам нужно оставить только черный контур в раскрашенном изображении, этот инструмент подходит наилучшим образом. Параметры инструмента:
Discontiguous (Несмежные). Аналогичен одноименному параметру инструмента Magic Wand (Волшебная палочка): пикселы, соответствующие по цвету пикселам, попавшим в зону действия инструмента, будут удалены во всем изображении.
(Смежные). Будут удалятся только смежные с попавшими в зону действия инструмента пикселы.
Find Edges (Найти края). Режим повышенной чувствительности к контрасту. Tolerance (Допуск). Задает допустимое отклонение цвета пикселов от образца. Protect Foreground Color (Защитить цвет переднего плана). В этом режиме не будут удалятьсяимеющие цвет переднего плана (Foreground
Sampling (Выбор цвета). Метод действия ластика. Есть три варианта;
> Continuous (Непрерывный). Режим, в котором стираемый цвет изменяется много раз в зависимости отфона. Наиболее полезный ре
жим, так как задний план редко бывает одноцветным;
Once (Однажды). Стираемыйопределяется один раз — при первом
щелчке на изображении;
> Background Swatch (Образец фона). Параметр, обратный по действию Protect Color (Защитить цвет переднего плана), — будут удаляться только те пикселы, цвет которыхсе данный момент
цветом переднего плана.
Magic Eraser (Волшебный ластик) — некийобычного ластика (Eraser)
и инструмента Magic Wandпалочка). Результат действий такой
же, как если бы мы сначала выделили область при помощи инструмента Magic Wand (Волшебная палочка), а затем инструментом Eraser (Ластик) или нажатием клавишиудалили выделенное. Параметры инструмента:
Tolerance (Допуск) — определяет,цвета включать вТак как
этот параметр есть наследство инструмента Magic Wand (Волшебная палочка), то мы не будем повторять здесь его описание.
(Сглаживание) — сглаживаниекраев.
Contiguous (Смежные) — очень важная настройка. Вы указываете, выделять ли по цветовой близости только соседние пикселы или пикселы на всем изображении. Если необходимо, например, удалить только одно черное пятно, то нужно установить этот флажок и щелкнуть по пятну. Если же вы хотите удалить весь черный цвет с изображения, то этот флажок, наоборот, надо сбросить.
UseLayers (Использоватьслои) — распространяет действие данного ин
струмента на все слои.
Opacity (Непрозрачность) — делает стираемое изображение непрозрачным на количество процентов.
Инструменты заливки
Paint Bucket (Заливка) — применять этот инструмент приходится очень час-
• * то. Он выполняет простую— заливает изображение цветом или
текстурой. Параметры инструмента:
Fill (Заливка) — определяет, что использовать в качестве>. Есть два
варианта:
> Foreground (Цвет переднего плана) — основной цвет.
Pattern (Образец) — заливать текстурой.
Pattern (Образец) — узор для заливки.
Mode (Режим наложения) — режим наложения пикселов при применении данного инструмента.
Opacity (Непрозрачность) — непрозрачность заливки.
(Сглаживание) — смягчение неровностей краев заливки.
Contiguous (Смежные) — эта настройка определяет, заливать ли по цветовой близости только соседние пикселы или пикселы на всем изображении.
.. Gradient (Градиент) — создает заливку с плавным переходом между двумя или несколькими цветами. Применяется очень часто, поэтому отличное владение данным инструментом есть обязательное условие эффективной работы в PhotoshopПараметры
Если щелкнуть мышью на стрелке, то откроетсяс вариан
тами градиента, которые можно также создавать и сохранять.
Окно редактирования градиента открывается по двойному щелчку мыши на ске образцовзаливки (рис. 1.11).
Рис.Диалоговое окно настройки градиентаРис.Диалоговое окно настройки градиента
Рис.Диалоговое окно настройки градиента
Рис.Диалоговое окно настройки градиента
Перечислим параметры градиента,в этом диалоговом окне.
Раздел Presets (Предопределенные) содержит готовые градиенты. Их загружать командой Load (Загрузить) икомандой Save
В стандартной поставке программы имеется шесть наборов самых разных градиентов, но все же чаще всего приходится их создавать самим.
Name (Имя) —имя градиента. Если имя — «Custom», значит, это
градиент с пользовательскими настройками.
Gradient Type (Тип) — тип градиента. Есть два варианта: Noise (Шум) и Solid цвет). Шум почти не используется, большинство задач
ся при помощи однородных цветов.
Smoothness (Сглаживание) — мягкость перехода цветов в градиенте.
Бегунки прозрачности (располагаются над цветовой полосой) ограничивают градиентной заливки. Вообще при создании и редактировании градиента приходится работать почти одними бегунками. Щелкнув мышью ло бегунку, вы увидите ограниченную зону егокоторую можно изменять. Можно
использовать любое количество бегунков; чтобы поставить новый, достаточно щелкнуть в зоне их размещениякнопкой мыши.
Переход между цветами обозначается ограничителем, расположенным под цветовой полосой. Под полосой также находятся указатели среднихпред
ставленные в виде небольших ромбов. Каждая из этих точек указывает на то место, в котором соседние цвета смешиваются одинаковых пропорциях. Изменяя положение цветовых ограничителей и средних точек, добавляя новые либо удаляя ненужные, вы сможете создать необходимый градиент. Добавить цветовой ограничитель можно, щелкнув мышью в необходимом месте вдоль нижней части цветовой полосы. На месте щелчка появится новый цветовой указатель, а между новым ограничителем и соседними — маркеры средних точек. Появившийся цветовой маркер является активным, и вы сразу можете указать его цвет, выбрав его в цветовой палитре.
Если же необходимо удалить ненужный цветовой ограничитель, просто двиньте его за пределы полосы с цветовыми переходами. Ограничитель исчезнет, а цветовая полоса преобразуется в соответствии с новыми условиями. При необходимости скопировать цветовой маркер,удаляя его, следует перетащить
его мышью при нажатой клавише Alt. Можно перемещать указатели при помощи мыши либо, сделав их активными, указать числовоев поле Location
(Положение).
Имейте в виду, что если вы используете числовое позиционирование цветовых ограничителей, то значение 0 % соответствует крайнему ^：'!11-.：：：；；：:；；^ положению, а % — крайнему правому. Эти позиции абсолютны на полосе цветов и не изменяются при добавлении новых цветовых ограничителей. Совсем иначе обстоит дело при числовом задании указателей средних точек. В этом случае значение 50 % соответствует среднему положению между двумя соседними цветовыми ограничителями, 0 % — положение над левым ограничителем, 100 % — над правым. Таким образом, положение средних точек задается относительно цветовых указателей, а неполосы, При изменении цветовых ограничителей
Photoshop автоматически перемещает отметкуточки, сохраняя ранее за
данные пропорции.
Если ваши цветовые ограничители или указатели средних точек находятся слишком близко друг к другу, то вы можете использовать клавишу Tab для перехода между ними.
Вид градиента задается пятьюв панели параметров (рис. 1.12).
J 口 2nd
Рис. 1.12. Виды градиента
Mode (Режим наложения) — режим наложения пикселов в градиенте.
Opacity (Непрозрачность) — непрозрачность градиента.
Dither (Разбавление цвета) — имитировать большее количество цветов.
Reverse (Обратный порядок) — геометрически перевернуть градиент.
Transparency (Прозрачность) — использовать или нет
Инструменты коррекции изображения
Blur (Размытие) — инструмент для размытия (то есть уменьшения контрастности) участка изображения. Параметры инструмента:
(Кисть) — применяемая кисть.
> Mode (Режим изменения) — режим н 途;енен；：；； пикселов при размытии. Аналогичен режиму наложения пикселов в инструментах рисования.
Strength (Сила) —инструмента.
Use Layers (Использовать все слои) — распространяет действие та на все слои.
Sharpen (Резкость) — действует противоположно предыдущему
' ту — увеличивает контрастность области. Параметры инструмента:
Brush (Кисть) — применяемая кисть.
Mode (Режим изменения) — режим изменения пикселов при увеличении контрастности.
Strength (Сила) — эффективностьЧем выше это значение, тем
быстрее происходит увеличение контрастности.
UseLayers (Использовать все слои) — распространяет действие данного -
на все слои.
Smudge (Палец) — инструмент, создающий эффект, похожий на
' ние пальцем еще не высохшей краски на полотне. Параметры:
Brush (Кисть) — применяемая кисть.
Mode (Режим наложения) — режим изменения пикселов в обрабатываемой области.
Strength (Сила) — эффективность инструмента.
Use All Layers (Использовать все слои) — распространяет действие инструмента на все слои.
Finger Painting (Рисование пальцем) — при установке этого флажка инструмент в корне меняет свое действие: если раньше он размазывал уже имеющее- изображение, то сейчас начинает рисовать основным цветом.
Dodge (Осветлитель) — изменение яркости пикселов в сторону увеличения, что приводит к осветлению изображения. Параметры:
Brush (Кисть) — применяемая кисть.
Range (Диапазон) — определяет, к какому виду пикселов по яркости применять воздействие: теням (Shadows), средним тонам (MidTones),
Exposure (Экспозиция) — эффективность инструмента.
Airbrush (Аэрограф) — работать в режиме аэрогрофа.
Burn— инструмент, обратный по действию предыдущему.
Имеет абсолютно такие же параметры, поэтому мы не будем их повторять.
Sponge (Губка) — инструмент, изменяющий насыщенность цвета в редактируемой области. Параметры инструмента:
Brush (Кисть) — применяемая кисть.
Mode (Режим) — направление изменения насыщенности цвета: уменьшение или увеличение (Saturate).
Flow (Плотность) — параметры рисования с учетом плотности нанесения краски.
Exposure (Экспозиция) — эффективность инструмента.
Инструменты ввода текста, создания контуров и фигур
Туре (Текст) — этому инструменту посвящен раздел 1.9.
А Реп (Перо)этот инструмент со всеми его разновидностями рассмотрен
в разделе 1.10.
Rectangle (Прямоугольник) — данный инструмент и все другие инструменты его группы подробно рассмотрены в разделе 1.10.
Инструменты для вставки пометок
Notes (Пометка) — инструмент,для создания текстовых
* пометок в работах. Они не являются частью изображения, но будут включены вВ основном это необходимо для работы в группах, чтобы обме
ниваться мнениями и комментариями. Параметры инструмента:
Author (Автор) — имя или псевдоним автора
Font (Шрифт) —используемый прикомментария.
Size (Размер) — размер используемого
(Цвет) — цвет пометки.
Audio Annotation (Аудиозапись) — инструмент, схожий с предыдущим, только пометка создается не в текстовом, а в звуковом виде. Разумеется, для этого необходимо иметь микрофон. Имеющиеся настройки совпадают с настройками Notes (Пометка).
Измерительные инструменты
(Пипетка) — очень часто применяемый инструмент. Позволяет
сделать цветом переднего плана (Foreground Color) цвет того пиксела, на котором вы щелкаете этим инструментом. Удобная особенность: при работе любым инструментом рисования достаточно нажать и удерживать клавишу Alt, чтобы он перешел в режим пипетки. Основной параметр пипетки,Size (Размер
образца), задает размеркоторая анализируется определении цвета.
Если выбрано значение Point Sample (Точка), то цвет берется из одной
иначе — округляется цветовое значение пикселов на указанной площади. Это достаточно полезно, так как не всегда в сложном изображении можно выбрать цвет (попробуйте это сделать, например, накоже).
Color(Выбор цветов) — позволяет делать активным не один, а не
* сколько цветов, что находит применение в некоторых инструментах.
Measure (Линейка) — используется для измерения расстояний и углов.
Инструменты управления просмотром
Hand (Рука) — позволяет двигать изображение в пределах экрана. Удобнее использовать в клавиатурном варианте, удерживая нажатой клавишу
бел». Делать это можно и при работе с любым другим инструментом.
(Масштаб) — масштабирование изображения. Гораздо удобнее зоваться клавиатурным эквивалентом этого—
клавиш(увеличить) и(уменьшить) либо палитрой
(Навигатор).
Инструменты выбора цветов и режима работы
Выбор основных цветов — при помощи данного инструмента назначаются цвета изображения. То же самое можно проделать через палитры
(Синтез) и Swatches (Каталог). Для удобства элементы данного инструмента на рисунке
4.4.
4.
4.
Set Foreground Color (Установить цвет переднего
Set Background Color (Установить цвет заднего плана).
Foreground and Background Colors (Установить цвета по умолчанию), Цветом переднего плана становится черный, цветом заднего плана — белый, Switch Foreground and Background(Поменять местами цвета переднего и зад
него плана).
Edit in Standart Mode (Работать в обычном режиме) — все инструменты тают так, как и должны работать по своему назначению.
Edit In Quick Mask Mode (Редактировать быструю маску) — что такое быстрая маска, читайте в разделе
На этом обзор инструментов основной палитры закончен. Мы не стали приводить примеры применения данных инструментов, так как практическая книги целиком состоит из примеров реального использования возможностей Photoshop CS.
1.3. Главное меню
Меню File (Файл)
Это наиболее важное меню, так как с него начинается и им заканчивается любая работа. Правда, если работать(с точки зрения авторов), TCI видеть его
почти не приходится — все функции, заложенные вFile (Файл), как правило, можно выполнить при помощисокращений, получив тем са
мым выигрыш во времени.
New (Создать)
Используется для создания нового файла. Рассмотрим вызываемое этой командой диалоговое окно (рис. 1.13),
New
Name: | untitlsd-l|'II
Preset: [pRlMER3> Cancel |
Width: |600I口xek3 ；一匕■£*律三-J
Heigrrt：回5""'®.3 'M8—，1
Resolution; j 72j pixels/inch
Color Mode;Color
:j Image Size:
Background Contents; j White
Advanced
Cobr Profile: Working RGB:
Aspect Ratio: j Square
Рис. 1.13. Диалоговое окно создания нового файла
Name (Имя) имя будущего файла. Чаще всего этот параметр не изменяют, а назначают файлу имя уже при сохранении. Почти всегда к одному итоговому изображению ведет несколько промежуточных файлов, и давать им имена - это лишняя трата времени,
Preset (Установки) — некоторые наиболее часто используемые размеры, такие как А4, А5, 640x480 и другие, в том числе, заданные пользователем.
Save Preset (Сохранить установки) и Delete Preset (Удалить установки). Этими кнопками можно сохранить настройки в выпадающем меню Preset (Установки) либо удалить их из него.
Width (Ширина) и Height (Высота) — ширина и высота будущего изображения. Обратите внимание на то, что эти параметры вы можете задавать разных единицах.
(Разрешение) — разрешение изображения. Как правило, используется значение 72 пиксела на дюйм, как наиболее удобное при
A Mode (Режим) — цветовой режим нового изображенггя. Варианты:
t> Bitmap (Битовый). Используется только два цвета — абсолютно черный и абсолютно белый. Можно применять при создании таких изображений, которые должны сохранять наглядность при плохом качестве печати. Пример — логотип на бланке фирмы;
О Grayscale (Полутоновое). В этой цветовой модели используется состоящиг из 255 цветов переход от черного к белому. Идеален для изображений, которые будут применены в черно-белом режиме (например, будут напечатаны в газете);
I > RGB. Как правило, работать приходится именно в этой цветовой схеме, которая позволяет реализовать все видимые человеческим глазом цвета;
> CMYK. Если изображение предназначается для печати в типографии, то лучше делать его в этой цветовой схеме. CMYK включает в себя только те цвета, которые могут быть реализованы при печати;
Lab Color. Цветовая схема, альтернативная RGB. Иногда достаточно удобна при редактировании каналов;
8 bit или 16 bit. Задается глуби Fia цвета для некоторых режимов. Photoshop CS уже полноценно поддерживает 16-ОИТ11Ъ[Й цвет, правда, областей его применения пока не так много - везде хватает стандартных 8 бит. Поэтому, если техническим заданием не предусмотрено иное, из этих двух вариантов стоит выбрать 8 бит - и компьютеру меньше нагрузка, и совместимость файлов выше.
Background Contents (Цвет фона). Задается, чем будет залито изображение после создания.
White (Белый цвет). Использовать белый цвет для фона создаваемого изображения. Используется в большинстве работ;
Background Color (Цвет заднего плана). Использовать для фона цвет заднего плана;
О Transparent (Прозрачная основа). Прозрачный задний план. Применяется очень часто, особенно при адаптации изображений к Интернету.
Advanced (Расширенные настройки). Тут находятся параметры, необходимые лишь редким профессионалам:
Со Lor Profile (Цветовой профиль). Определяется цветовой профиль, в котором будет создано изображение. Если параметр не определен, всегда используются настройки по умолчанию;
Pixel Aspect Ratio (Пропорции пикселов). Одна из новых возможностей Photoshop CS — поддержка неквадратных пикселов. Это нужно в случае экспорта изображения для использования в широкоформатном телевидении или видео, где точка представляет собой прямоугольник, Клавиатурное сокращение для команды New (Создать) — Ctrl+N.
Open (Открыть)
Открытие графического файла. Photoshop открывает все международные растровые форматы, и поэтому список поддерживаемых файлов у него просто огромный.
команду можно вызвать двойным щелчком мыши по пустому месту в окне программы.
Open As (Открыть как)
Эта команда открывает файл в указанном формате зависимости от его расширения. В некоторыхнапример, при переносе файлов с одной плат
формы на другую, это просто необходимо.
Open Recent (Открыть
Выбрав эту команду, вы увидите список из нескольких файлов, которые были открыты последними. Очень удобно, если вы несколько дней работаете над одним и тем же изображением. Какколичество файлов этом
вы можете узнать в разделе 1.5.
Edit In Image Ready (Редактировать в Image Ready)
Открывает активное изображение в программе Image Ready, для подготовки веб-графики и сайтов.
Browse (Обзор)
Открывает встроенный обозреватель файлов. Онописан в разделе 1.14.
Close (Закрыть)
Закрыть активный файл. Как в любом Windows-приложении, для закрытия файла достаточно просто нажатьв верхнем правом углу окна документа.
Close All (Закрыть все)
Закрыть все открытые в Photoshop файлы. Сама программа при этом остается активной.
Save (Сохранить)
Сохранить изменения файла. Если открытый файл уже существует на жестком диске, то эта команда просто сохраняет изменения в нем. В том случае, когда вы работаете с новым файлом, открывается диалоговое окно сохранения (рис. 1.14).
Format (Формат). Формат, который будет использоваться для сохранения файла. Если вы хотите сохранить многослойное изображение с идеальным качеством для последующей работы с ним в Photoshop, то необходимо использовать формат PSD. Его достоинство — возможность сохранить не только изобра- но и почти все, что есть и работе, а именно слои, каналы, комментарии.
В том случае, если необходимоизображение для использования в Интернете, обратитесь к форматам JPEG илидля фотографиче
ских изображений с тонкими, реалистичными цветовыми переходами и GIF для контрастных, малоцветных рисунков.
As a Copy (Сохранить копию). Сохраняется только видимая часть изображения, без дополнительных каналов и вспомогательных элементов. Применяется в том случае, если вы довольны результатом и впланы не входит пе
ределывать изображение.
Рис.Диалоговое окно сохранения файлаРис.Диалоговое окно сохранения файла
Рис.Диалоговое окно сохранения файла
Рис.Диалоговое окно сохранения файла
Channels (Альфа-каналы). Сохранять альфа-каналы в файле.
Layers (Слои). Сохранять слои в файле.
Annotations (Комментарии). Сохранять комментарии в файле.
Spot(Заказные цвета). Сохранять так называемые заказные цвета.
Use Proof(Использовать настройки профиля). Использовать при сохра
нении цветовые настройки пользователя.
ICC(Профиль).Определяет,вкакомстандартетойилиинойцветовой
схемы сохранять файл. Если вы не профессионал, то лучше эту настройку вообще не изменять.
Save As (Сохранить как)
Команда Save (Сохранить) не позволяет сохранить открытый (не новый!) файл под другим именем или в другом формате — Photoshop запишет изменения в старый файл и покажет вам диалоговое окно сохранения. В такой ситуации и
команда Save As (Сохранить как). Эта команда позволяет сохранять уже существующие файлы под другим именем. Отличий от Save (Сохранить) в окне настроек нет,
Version (Сохранить вариант)
Настройка необходима в связи с появлением в составе AdobeSuite про
граммы Adobe Version Cue, позволяющей организовывать совместную работу
с файлами в составе рабочей группы, обеспечивая максимальную совместимость. Сохраняет текущую версию файла, с которым и оперирует Version Cue.
Save For Web (Сохранить для Веб)
Сохранить изображение оптимизированным для Интернета. В диалоговом окне, которое открывается при выборе этой команды, можно настроить параметры сжатия JPEG, чтобы файл занимал как можно меньше места при качественном внешнем виде. Также есть неплохой иистр}гмептарий экспорта в формат GIF. Б общем, достаточно полезный инструмент для тех, кто занимается веб-дизайном.
Revert (Вернуть)
Отменяет все произведенные вами действия, возвращая изображение к исходному виду. Очень полезная функция, поэтому у нее даже есть отдельная функциональная клавиша — F12.
Place (Место)
Используется для пакетирования изображений, в основном для создания многостраничных PDF-файлов. Работать с этим инструментом можно только тогда, когда у вас уже есть сохраненный PDF-файл или другой пакетный файл (любое изображение можно сохранить в формате PDF командой Save As (Сохранить как)).
Online Services (Сетевые службы)
Очень полезная возможность. Позволяет пользоваться различными сетевыми службами, предоставляющими различные возможности — в частности- распечатку изображений с последующей пересылкой вам по почте1.
Import (Импорт)
Применяется для импортирования изображений из PDF-файлов, а также изображений, полученных со сканеров и цифровых фотоаппаратов,
Export (Экспорт)
Экспортирование. В стандартной поставке возможности этой команды ограничены передачей контуров в редактор векторной графики Adobe Illustrator.
Manage Workflow (Менеджер рабочей группы)
Новая для Photoshop возможность создания рабочей группы из нескольких пользователей, даже в разных концах света. Пока эта возможность не нашла широкого применения, поэтому мы не станем ее касаться.
Automate (Автоматизировать)
Эта команда содержит очень полезные возможности, поэтому ей отведен целый раздел 1.7.
В ближайшее время аналогичные службы I ipe дгюлагастся создать и в России. — Примеч.ред.
Scripts (Скрипты)
работы со скриптами. Скрипты (или— это новое для Photoshop
мощное средство автоматизации.писать их чрезвычайно сложно, поэтому можете поискать в Интернете готовыекоторые могут быть полезны
в работе.
File Info (Инфо)
предназначена для того,пользователь мог сохранить в своих
лах дополнительную информацию о них. Достаточно полезна, если приходится работать с большим количеством файлов. Главным новшеством версии CS стала поддержкатоинформации о параметрах съемки, сохраняемой
ровыми камерами, например фокусного расстояния, выдержки, диафрагмы и т.
Versions (Варианты)
Параметр позволяет оперировать различными версиями файла.
Page Setup (Параметры страницы)
Эта команда позволяет задать основные настройки для страницы печати.
говое окно Page Setup (Параметры страницы) показано на рис.Обратите
внимание па то, что многие из этих настроек зависят не от Photoshop, а от устав системе принтера и его драйверов. Все настройки достаточно просты и будут понятны любому, кто пользовался принтером, поэтому мы не станем па них останавливаться,
Рис.Диалоговое окно Page Setup (Параметры страницы)
В7 тоже есть эта возможность. —
Print With Preview (Печатать с просмотром)
Печать с возможностью предварительно задать параметры и увидеть результат их применения. Диалоговое окно Print (Печать), открываемое командой, показано на рис. 1.16,
Рис,Диалоговое окно Print (Печать]
Описывать все параметры нет необходимости, так как разобраться с ними совсем несложно. Для начинающих пользователей небольшая подсказка — установите флажок Show Bounding Box (Показать рамку), и вокруг вашей картинки появится контур, при помощи которого можно изменять размеры изображения и его на бумаге. Если вы хотите сместить его в сторону, следует сначала сбросить флажок Center Image (Изображение по центру). Флажок Print Selected Area (Печатать выделенную область) позволяет напечатать предварительно выделенный фрагмент изображения — это необыкновенно полезное новшество Photoshop CS.
Print (Печать)
Распечатать изображение, используя настройки, сделанные с помощью команд Page Setup (Параметры страницы) и Print With Preview (Печатать с просмотром).
Print One Copy (Напечатать один экземпляр)
Назначение этой команды ясно из названия.
Jump To (Перейти в)
Открыть активный файл в другой программе. По умолчанию такая программа только одна — Image Ready 7.
Exit (Выход)
Завершить работу программы Photoshop CS.
Меню Edit (Редактирование)
В этом меню находятся некоторые команды, которые создатели Photoshop отнесли к основным командам редактирования.
Undo (Отмена)
Отменить последнее действие. Удобнее вызывать клавиатурным сокращением Ctrl+Z. При повторном нажатии Ctrt+Z отмененное действие возвращается,
Step Backward (Шаг назад)
Отменить одно действие. Отличие от предыдущей команды в том, что двойное при- мсненне Undo (Отменить) отменит отмену, а двойное применение Step Backwards (Шаг назад) отменит два последних действия, десятикратное — десять и т. д. Вызывать также лучше клавиатурным сокращением Alt+CtrL+Z. Обратное действие выполняется командой Step Forward (Шаг вперед).
Fade (Ослабить)
Команда, позволяющая изменять э<|>фект, полученный применением последнего инструмента. Если вы что-то нарисовали например кистью, и хотите отредактировать прозрачность или режим наложения пикселов в нарисованном, то единст- веллый способ сделать это — использовать данную команду. Эта команда раб» тает практически со всеми инструментами, что делает ее незаменимой в работе.
Cut (Вырезать)
Команда, действующая только на выделения. При ее использовании выделенная область будет удалена из изображения и помещена в буфер обмена. Вызывается клавиатурным сокращением Ctrl+X.
Сору (Копировать)
Команда, действующая только на выделенную область. Копирует ее в буфер обмена. Действует только на активный слой. Клавиатурное сокращение — Ctrl 十。
Copy Merged (Копировать слитое)
В отличие от Сору (Копировать), эта команда копирует выделенную область со всех слоев сразу.
Paste (Вставить)
Вставить изображение из буфера обмена. Почти всегда эту команду вызывают после Сору (Копировать), и эта последовательность является основой любого
фотомонтажа. Обратите внимание на то, что вставка изображения происходит на новом слое. Клавиатурное сокращение — Ctrl+V.
Paste Into (Вставить в)
Вставить изображение из буфера обмена как слон со слоевой маской. Слоевая маска используется для того, чтобы сделать работу с прозрачностью более гибкой. Подробнее об этом читайте в разделе 1.3.5.
Clear (Очистить)
Команда, очищающая содержимое выделения. Если она применяется на нижнем слое (Background), то область заливается цветом заднего плана, если на верхних, то выделенная область становится прозрачной. Очень похожа на команду Cut (Вырезать), но Cut; помещает выделенную область в буфер обмена, a Clear — стирает.
Check Spelling & Find and Replace Text (Орфография & Поиск и замена)
Стандартный для большинства Windows-программ, так или иначе связанных с обработкой текста, инструментарий проверки орфографии, а также поиска и замены фрагментов текста.
Fill (Заливка)
Заливка слоя или выделенной области. При выборе этой команды открывается диалоговое окно, показанное на рис, 1.17,
Рис. 1.17. Диалоговое окно Fill (Заливка)
Параметры заливки:
> Use (Стиль). Здесь вы определяете, чем заливать изображение. Есть следующие варианты: Foreground Color (Цвет переднего плана), Background Color (Цвет заднего плана), Pattern (Образец) и другие;
► Mode (Режим наложения). Режим наложения пикселов в закрашиваемой области;
А Opacity (Непрозрачность). Непрозрачность заливки;
A Preserve Transparency (Сохранять прозрачность). При установке этого флажка будет заменяться цвет пикселов, но их прозрачность не изменится.
Как правило, в большинстве случаев для заливки используется не данная команда, аPaint Bucketиз палитры инструментов.
Stroke (Обвести)
Команда, позволяющая обвести выделение линией указанной толщины и цвета.
Послефигур (shapes) эта команда почти утратила свое значение.
StrokeWidth:鹏旷StrokeWidth:鹏旷логовое окно Strokeпоказано на рис 1.18.
Stroke
Width:鹏旷
Stroke
Width:鹏旷
厂OK 1
Cancel
СоЬ-.₽НЖ|
Location
insideCenterOutside
Slendirig ~—
j
Opacity;
Рис.Диалоговое окно Stroke (Обвести)
Параметры обводки:
Width (Толщина) —линии обводки;
Color (Цвет) —обводки;
—положение обводки относительно ли
нии
Mode (Режим наложения) — режимпикселов;
Opacity (Непрозрачность) — степень непрозрачности обводки;
Present Transparency (Сохранять прозрачность) — позволяет сохранить без из- закрашиваемых пикселов,
Команды Free Transform (Свободное трансформирование) и(Преобразовать)
Команды изменения геометрических размеров объекта. Подробно описаны в деле 1.8.
Define Brush (Определить кисть)
С помощью данной команды любое изображение или прямоугольное выделение можно сохранить в качестве кисти и использовать в дальнейшем. Это дает кие возможности при рисовании. Аналогичным образом команда Define Pattern (Определить образец) работает с(текстурами), a Define Custom Shape
(Определить фигуру) — с фигурами.
Purge (Очистить)
Команда, позволяющая удалить из памяти временную информацию. Применяется тогда, когда явно не хватает системных ресурсов и команды выполняются очень медленно. Возможные варианты:
Undo (Отмена). Убрать из памяти последнюю отмену;
А Clipboard (Буфер обмена). Очистить содержимое буфера обмена;
Histories (Протокол). При работе с Photoshop хранятся все действия, по умолчанию до двадцатого, чтобы всегда можно было исправить неточности работы. Нетрудно представить, сколько для этого требуется ресурсов, особенно если редактируемое изображение больших размеров. Это может стать причиной переполнения жесткого диска, если на нем мало свободного места;
АН (Очистить все),
Color Manager (Управление цветом)
Настройки цвета. Их лучше вообще не трогать, за исключением случая, когда вы — опытный профессионал, точно знающий, что он хочет получить.
Keyboard Shortcuts (Клавиатурные сокращения)
Очень полезное новшество Photoshop CS. С его помощью можно любому инструменту или пункту меню назначить любое клавиатурное сокращение. То есть, если, например, вы часто используете фильтр Gaussian Blur (Размытие по Гауссу), то просто назначаете ему сочетание клавиш и вызываете в доли секунды.
IPreset Manager (Менеджер предустановки)
Позволяет редактировать (загружать и удалять) имеющиеся в системе кисти, контуры, образцы, градиенты и т. д.
Preferences (Установки)
Настройки программы. Им посвящен раздел 1.5.
1.3.3. Меню Image (Изображение)
В данном меню содержатся команды, которые предоставляют возможность изменять целое изображение или выделенные области. Как показывает практика, обращаться к ним приходится почти в каждой работе.
Mode (Режим)
Вид иллюстрации и возможности ее редактирования определяются цветовым режимом (цветовой моделью), в котором она находится. С помощью данного раздела меню Image (Изображение) вы опреде.ояете режим редактируемого изображения. Возможны следующие варианты.
А Bitmap (Монохромный). Эта команда предназначена для перевода изображения в двухцветное, состоящее только из черных и белых пикселов. Для того чтобы она стала доступна, изображение нужно перевести в режим градаций серого (Grayscale). Закономерность распределения черных и белых пикселов можно установить в раскрывающемся списке Use (Использовать) диалогового
Output;Output;Use:Use:l Method …“l Method …“CustuE Pattern:CustuE Pattern:•Input: 72 pixels/inch•Input: 72 pixels/inchCustom PatternCustom PatternI № 1 ICancelI № 1 ICancel
Output;
Output;
Use:
Use:
l Method …“
l Method …“
CustuE Pattern:
CustuE Pattern:
•
Input: 72 pixels/inch
•
Input: 72 pixels/inch
Custom Pattern
Custom Pattern
I № 1 I
Cancel
I № 1 I
Cancel
окна Bitmap (Монохромный) (рис. 1.19). В поле Output указать новоеа его текущее значение
в поле Input
BRmap
Рис. 1.19.окно Bitmap (Монохромный)
При переходе в этот цветовой режим вся ция о цветах, составлявшихуничтожается. Если ваша
должна быть напечатана, например в газете, торедактировать ее в
ном режиме.
(Дуплекс). Изображение изпереводится в n-цветное. Мак
симальное количество составляющих цветов — 4, минимальное — 1. Чаще всего такой режим применяется приизображения к полиграфиче
скому изданию. Данный режим хорош тем, что в нем можно выбирать любые цвета в произвольном количественномДиалоговое окно с настройками дуплексного режимана рис. 1.20.
Рис. 1.20. Диалоговое окно команды Duotone Options (Параметры дуплекса)Рис. 1.20. Диалоговое окно команды Duotone Options (Параметры дуплекса)
Рис. 1.20. Диалоговое окно команды Duotone Options (Параметры дуплекса)
Рис. 1.20. Диалоговое окно команды Duotone Options (Параметры дуплекса)
Index Color (Индексированные цвета). Применение данного режима возможно лишь в том случае, если вашенаходится в режиме RGB или
(Полутоновое). При выполнении данной операции оно теряет формацию оиз которых состоит, за исключением нескольких ос-
цветов, количество которых определяете вы сами. Распространенный формат GIF существует именно в этом цветовом режиме.
RGB ColorRGB).которая описывает реальные цвета и используется приихнамонитор.Онасостоитизтрех каналов:красного,зеленого и голубого. Прияркости отдельных каналов яркость само
го изображения также увеличивается,
CMYK(Цвета CMYK) — модель, состоящая из четырех основных каналов:
пурпурного, желтого иПри наложении цветов общее изображение, наоборот, темнеет. Чащеэта модель используется в полиграфии.
LabLab) — этакак RGB, состоит из трех каналов, однако строится она несколько иначе.обозначает яркостьа и b -
цвета. Каналы а и b содержато цветах: а — от темно-зеленого
ярко-розового, b — от светло-синего до ярко-желтого.
(Многоканальный) — последанного параметра связь ме
жду каналами пропадает и они начинают существовать независимо.
(8 бит/канал) — режим, в котором каждый пиксел
битами памяти, Это наиболее часто используемый режим, так как он тает хорошее качествос достаточно легкимЕго под
держивает подавляющее большинство графических
bits/channel (16 бит/канал) — на каждый пиксел приходится 16 бит, что повышает качество изображения. Так как этотподдерживается мно
гими графическими форматами, им почти никогда не пользуются.
Table (Цветовая таблица) — заменяет все цвета изображения на новые вс выбранной цветовой таблицей. Перед тем как выполнять эту
команду, изображение необходимов режимцветов.
ВНИМАНИЕ
одного и того же содержания, находящиеся в режимах RGB и Grayscale (Полутоновое),перевода в режим Color tableбудут отличать
ся друг от друга.
展 ckBody展 ckBodyColor Table
展 ckBody
展 ckBody
Рис. 1.21. ДиалоговоеColorтаблица)
Assign (Назначить профиль) — согласование изображения с профилем.
Convert to(Конвертировать профиль) — позволяет конвертировать изо-
бражение в цветовой режим согласно какому-либо профилю.
Adjustments (Настройки)
Этот разделImage (Изображение) содержиткоманды коррекции
топа и яркости изображений.
LevelsНастройка уровней яркости. Можно редактировать все
изображение или отдельные составляющие (каналы). Передвигая ры либо задавая числовые(рис. 1.22), можно осветлять или затем
нять некоторые области.
Рис. 1.22. Диалоговое окно Levels (Уровни)Рис. 1.22. Диалоговое окно Levels (Уровни)二*炉 ]二*炉 ]Load …Save …ILoad …Save …IAuto IOptions.Auto IOptions.PreviewPreview
Рис. 1.22. Диалоговое окно Levels (Уровни)
Рис. 1.22. Диалоговое окно Levels (Уровни)
二*炉 ]
二*炉 ]
Load …
Save …I
Load …
Save …I
Auto I
Options.
Auto I
Options.
Preview
Preview
Auto LevelsАвтоматическая коррекция уровней). Самые светлые
пикселы преобразуются в белые, самые темные — в черные, тем самым в бражение добавляется большецветов.
Auto ContrastАвтоматическая коррекция контраста). Увели
чивает контрастность.
Auto(Автоматическая цветокоррекция). Настраивает насыщенность цве
тов автоматически. Работает достаточно неудачно.
CurvesКривые). Это еще одна команда коррекции цвета и яркости, од
нако в отличие от команды Levels (Уровни) обладающая большим диапазоном действия. Подробнее о ее применении можно узнать из раздела 1.6.
Color BalanceЦветовой баланс). Позволяет настраивать
между цветами изображения. То же самое можно проделать и с помощью тоновых кривых, но тогда придется работать с отдельными каналами, что зачастую является бесполезной тратой времени и сил.
Brightness/Contrast (Яркость/Контраст) — очень удобная команда, так как она позволяет изменять яркость и контрастность на всем изображении, не няя при этом(рис. 1.23).
Рис. 1.23. Диалоговое окно В rig htneSS/Co ntrast (Яркость/Контраст)
A Hue/Saturation (Ct「［+u, Цвет/Насыщенность). Используя данную команду, можно изменять тон, насыщенность и яркость отдельных цветовых составляющих изображения (рис. 1.24). Редактируемый цвет выбирается в списке Edit (Изменить). Передвигая маркер Hue (Тон), вы перемещаетесь по цветовому кругу. который состоит из последовательно расположенных красного, оранжевого, желтого, зеленого, синего и фиолетового цветов. Установив флажок Colorize (Тонирование), вы превратите изображение в двухцветное. Оно будет состоять из белого и еще одного, по выбору, цвета.
Рис. 1.24. Диалоговое окно Hue/Saturation (Цвет/Насыщенность)
А Desaturate (Ctrl+Shift+U, Убрать насыщенность). Превращает изображение в серое. Однако, в отличие от перевода в режим Grayscale (Под^тоновое), сохраия- ет три цветовых канала.
А Match Color (Подбор цвета). Новый инструмент, появившийся только в Photoshop CS. Позволяет настраивать цвета, выбирая в качестве образца любое изображение, канал или слои. Авторы советуют новичкам не обращать внимания на этот инструмент — он очень сложен, и нужен только профессионалам в области цветокоррекцшь
> Replace Color (Заменить цвет) — позволяет заменить выбранный цвет на любой другой (рис. 1.25). Сначала в окне просмотра изображения выбирается цвет, а затем при помощи настроек, аналогичных тем, которые расположены в окне Hue/Saturation (Цвет/Насыщенность), можно подобрать ему замену.
А Selective Color (Избранные цвета) — не только заменяет выбранный для редактирования цвет, но и видоизменяет все другие цвета, в состав которых он входит.
Рис.Диалоговое окно Replace Color (Заменить цвет)
Channel Mixer (Смеситель каналов) — разбиваетна три состав
ляющие, соответствующие каналам RGB, которые, однако, не являются независимыми полутоновыми изображениями, а неразрывно связаны с исходным. Выбирая одну из них, можно добавлять в нее цвета двухтем самым изменяя качественный исостав цветов на изображении.
Gradient Map (Градиентная карта). Действует аналогично цветовым таблицам, только цвета на изображениизаменяются в соответствии с новой
цей, а задаются градиентом, в качестве которого можно выбрать любую градацию из имеющихся в данной программе.
InverseИнвертировать) — заменяет всена противоположные.
Photo Fitter (Фотофильтр). Инструмент, имитирующий реальные фотографические фильтры, с которыми должны быть знакомы те, кто занимался фотографией. На наш взгляд, этот инструмент несколько вторичен, так как его возможности отлично реализовывались другимино читателям,
Photoможет оказаться
Рис.окно Gradient Map (Градиентная карта)
Shadow/Highlight (Тени/Света). Еще один новый мент.быстро и легко корректировать соотношение между темными и светлыми областями. Вон похож на Brightness/Contrast.
Авторы предпочитают для этой же задачи использовать Curves (Кривые).
(Выровнять) —данной команды программа анализирует отдельныесоставляющие изображение. В каждом из них
она находит самые светлыеи преобразует их в белые, а самые тем
ные — в черные. В итоге белый и черный цвета могут и не появиться на
итоговомно в отдельных каналах онибудут при
сутствовать.
Threshold (Порог) — при использовании данной команды все темные цвета на изображении заменяются на черный, а светлые — на белый, однако это соот- можно изменить, передвинув маркер
—разделяетдиапазонкаждого
из каналов, составляющих изображение, на указанноеинтервалов.
Если, например, вызначение 3, то каждый изпреобразуется в трехцветное изображение. В соответствии спараметром изменя
ются цвета на исходном рисунке.
Variations (Варианты) — здесь можно настраивать насыщенность, освещенность, а также сами цвета. Кроме того, можно выбрать область воздействия (тени, средние тона и др.). Для того чтобы узнать, как будет выглядеть изображение после применения настройки, нужно щелкнуть по значку этой настройки, после чего в этом же окне можно будет увидеть результат. Данная команда редко применяется из-за своей громоздкости.
Мы рассмотрели все командыImage Adjustments (Изображение На
стройки), предназначенного для коррекции цвета, яркости и насыщенности изображений. Перейдем к командам, находящимся непосредственно в меню Image (Изображение),
Duplicate (Создать копию— создает файл, содержащий
изображения.
Apply Image (Применить изображение) — накладывает изображение само на себя либо на другое изображение (такого же размера) в разнообразных режимах.
Исходное Итоговое изображениеизображение
Рис. 1.27. Диалоговое окно Variations (Варианты)Рис. 1.27. Диалоговое окно Variations (Варианты)Область редактированияОбласть редактированияНастройкиНастройки
Рис. 1.27. Диалоговое окно Variations (Варианты)
Рис. 1.27. Диалоговое окно Variations (Варианты)
Область редактирования
Область редактирования
Настройки
Настройки
Calculations (Вычисления) — выполняется только с отдельными каналами: какой-либо канал одного изображения смешивается сже каналом либо
с каналом другого изображения (такого же размера) (рис. 1.28).
Image Size (Размер изображения) — при помощи данной команды можно изменить размерПропорции можно как сохранить, так и нару
шить.
Aspect Ratio (Пропорции пикселов). Этот параметр включает работу с неквадратными
Canvas Size (Размер холста) — размеры изображения остаются прежними, однако изменяется размер холста, на котором оно расположено.
Rotate Canvas (Повернуть холст) — возможны разныепреобразования.
можно поворачивать как по часовой стрелке, так и против, на
90° и 180°. Можно зеркально отображать его по вертикали и по горизонтали.
CalculationsCalculationsИсточник 1Источник 1Источник 2 -Источник 2 -ИзображениеИзображениеСлойСлойL砲er： BackgroundL砲er： BackgroundКаналChannel： J RedКаналChannel： J RedF 厂 InvertF 厂 InvertOKOKCancelCancelPreviewPreviewИзображениеSource 2 | UM it iea-1ИзображениеSource 2 | UM it iea-1СлойСлойLayer I Sadcgi ounrlLayer I Sadcgi ounrlКаналКанал三］Г' invert三］Г' invertРежим наложения пикселовРежим наложения пикселов*3*3НепрозрачностьНепрозрачность• Opacity. |I55~~ %Mask:ted-• Opacity. |I55~~ %Mask:ted-~3~3Layer: j BackgroundLayer: j BackgroundI GrayI Gray33InvertInvert
Calculations
Calculations
Источник 1
Источник 1
Источник 2 -
Источник 2 -
Изображение
Изображение
Слой
Слой
L砲er： Background
L砲er： Background
КаналChannel： J Red
КаналChannel： J Red
F 厂 Invert
F 厂 Invert
OK
OK
Cancel
Cancel
Preview
Preview
ИзображениеSource 2 | UM it iea-1
ИзображениеSource 2 | UM it iea-1
Слой
Слой
Layer I Sadcgi ounrl
Layer I Sadcgi ounrl
Канал
Канал
三］Г' invert
三］Г' invert
Режим наложения пикселов
Режим наложения пикселов
*3
*3
Непрозрачность
Непрозрачность
• Opacity. |I55~~ %
Mask:ted-
• Opacity. |I55~~ %
Mask:ted-
~3
~3
Layer: j Background
Layer: j Background
I Gray
I Gray
3
3
Invert
Invert
Результат — Result | №w Channel 三
Рис. 1.28. Диалоговое окно Calculations (Вычисления)
Crop (Рамка) — команда обрезает изображение по границе выделения. Если выделенная область имеег неправильную форму, то линия обрезки проходит по крайним пикселам.
Trim (Обрезка) — при помощикоманды отрезается фон, товсе одно
родные по цвету пикселы по краям изображения.
Histogram (Гистограмма) —гистограмму, изображающую зависимость
количества пикселов определенной яркости от величины яркости.
Trap— настройкиНововведение седьмой версии.
Меню Layer (Слой)
Как известно, для удобства работы, а также для расширения возможностей любоев Photoshop может состоять из нескольких слоев. В меню Layer
(Слой) собраны все команды,для работы со слоями.
New
Эта команда предлагает всевозможные способыслоев (рис. 1.29).
LayerСлой) — создание обычного слоя.
Background from Layer (Слой через фон) — эта команда превращает фон в обычный слой. Отличие фона от слоя заключается в том, что, работая с нельзя менять его положение, прозрачность, режим наложения пикселов, а также некоторые другие параметры.
I—
Имя СЛОЯ — N&iB 向.. to Цвет слоя , в палитре Layers -Red
Режим наложения пикселов (white)
слоя
Рис.Диалоговое окно создания нового слон
Layer Set (Набор слоев) — создаетсянабор слоев, в который можно по
мещать создаваемые слои.
Layer Set from Linked (Набор из связки) — этаобъединяет все связан
ные слои в набор.
Layer via CopyСлой копированием) — данная команда позволяет созда
вать новый слой, копируя на него выделенную область, а если ее нет, то весь активный слой.
Layer via CutСлой вырезанием) — перенос выделенной области
сслоя на новый, при этом на активном слое вместо выделенной об
ласти образуется прозрачная.
Перечисленные шесть команд позволяют создавать слои, остальные чены для работы со слоями.
Duplicate Layer (Создать копию слоя)
Копирует все содержимое активного слоя на новый.
Delete (Удалить)
Подменю для удаления слоев. Содержит следующие пункты:
Layer (Слой). Удаляет активный слой. Данная операция доступна для всех кроме фона. Удобнее выполнять через палитру Layers (Слои);
Linked Layers (Связанные слои). Удаляетслои;
Hidden(Скрытые слои). Удалять слои, которые в палитре Layers (Слои)
как скрытые.
Layer properties (Свойства слоя)
Эта команда позволяет изменить название слоя, а также цвет, которым он представлен в палитре Layers (Слои), режим наложения пикселов и прозрачность.
Layer Style (Стили слоя)
Это довольно большой наборпреобразовать либо
объекты, расположенные на активном слое (кроме фона), либо их окружение. Так как сфера применения этих возможностей очень велика, мы посвятили им отдельный раздел
INew Fill Layer (Создать слой заливки)
Создание нового слоя, залитого определенным образом. Программа предлагает 3 вида заливки (рис. 1.30):
A Solid Color (Сплошной цвет) — заливка однородным цветом; можно выбрать любой цвет из цветовой палитры.
► Gradient (Градиент) — слой заливается любым издоступных градиентов.
Gradient Fill
Срок готовых градиентое Определение типа градиентаУгол применения градиентаПлавность перехода цветовСрок готовых градиентое Определение типа градиентаУгол применения градиентаПлавность перехода цветовStyle： I Linear三jAngle： ^^J 冋 °Scale: ]100一爲第f ReverseDitherР Align with layerStyle： I Linear三jAngle： ^^J 冋 °Scale: ]100一爲第f ReverseDitherР Align with layerCancelCancel
Срок готовых градиентое Определение типа градиента
Угол применения градиента
Плавность перехода цветов
Срок готовых градиентое Определение типа градиента
Угол применения градиента
Плавность перехода цветов
Style： I Linear三j
Angle： ^^J 冋 °
Scale: ]100一爲第
f ReverseDither
Р Align with layer
Style： I Linear三j
Angle： ^^J 冋 °
Scale: ]100一爲第
f ReverseDither
Р Align with layer
Cancel
Cancel
Рис. 1 .30. Диалоговое окно заливки слоя градиентом
А Pattern (Образец) — заливка осуществляется одним из образцов, который можно выбрать в раскрывающемся списке.
New Adjustment Layer (Создать корректирующий слой)
Команды этой группы позволяют создавать различные корректирующие слои. Корректирующий слой — важный инструмент цветокоррекции — по сути, новый слой, который несет в себе информацию о настройках изображения. Внешне это ничем не отличается от применения команд из раздела меню Image ► Adjustments (Изображение 卜Настройки), но появляется возможность возвращаться к установленным настройкам в дальнейшем. Команды полностью аналогичны одноименным командам раздела меню Image > Adjustments (Изображение ► Настройки), поэтому не будем повторяться.
Change Layer Content (Изменить содержимое слоя)
Данная команда применима к тем слоям, на которых расположены фигуры (shapes), и к корректирующим слоям. Позволяет изменить многие настройки слоя, в том числе и заливку. Можно установить следующие виды заливки:
IA Solid Color (Сплошной цвет);
А Gradient (Градиент);
А Pattern (Образец).
Фигуры можно использовать также в качестве выделений. Тогда редактировать слои внутри них можно при помощи команд, аналогичных командам группы New Adjustment Layer (Создать корректирующий слой).
I Layer Content Options (Параметры содержимого слоя)
Команда для редактирования содержимого фигуры (shape). Вы не сможете изменить тип заполнения фигуры, но будете иметь возможность откорректировать
качественные параметры (при однотонном закрашивании фигуры — цвет, при градиентном заполнении — вид, прозрачность, угол и пр.).
Туре (Текст)
Содержит команды для работы с слоями, на которых находится текст,
А Create Work Path (Создать рабочий контур) — преобразует содержимое слоя в контур.
А Convert to Shape (Конвертировать в фигуру) — преобразует текст в фигуру.
A Horizontal/VerticaL (Горизонтально/Вертикально) — позволяет изменить способ расположения букв на изображении.
IA Anti-aliased (Сглаживание) — все настройки из данного раздела обладают свойством сглаживать буквы, так чтобы края у них становились ровнее:
> None (Без сглаживания) — вообще не сглаживать;
〉 Crisp (Слегка) — немного смягчить края;
I> Strong (Строго) — точно по краям букв;
I> Smooth (Смягчить) — смягчать переход от буквы к фону.
Convert To Paragraph Text (Преобразовать в блок) —перевести в блочный текст.
IA Warp Text (Деформировать текст) — команда предназначена для искривления текста. Подробнее читайте в разделе 1.9.
Update АН Text Layers (Обновить все текстовые слои). Внесенные изменения будут применены не только к активному текстовому слою, а ко всем.
Replace ALI Missing Fonts (Заменить все отсутствующие шрифты).
Rasterize (Растрировать)
Перечисленные ниже команды предназначены для перевода текстовых изобра- женин, а также изображений, созданных при помощи фигур, в растровый режим. А Туре (Текст) — перевести текст в растр.
Shape (Фигура) — предназначена для преобразования фигур в растр.
RU Content (Заливка) — Растрировать векторную заливку.
Vector Mask (Векторная маска) — переводит в растр векторную маску.
Linked layer (Связанные слои) — проводит растрирование всех связанных слоев.
All layers (Все слои) — воздействию подвергаются все слои.
New Layer Based Slice (Слой из фрагмента)
Добавить фрагмент на этот слой, то есть вся видимая часть слоя станет фрагментом,
Add Layer Mask (Добавить маску слоя)
Маска слоя — это такая маска, которая частично либо полностью скрывает содержимое слоя. По своим параметрам она похожа на обычную маску, однако применяется не ко всему изображению, а только к отдельному слою и не преоб-
All (Выделить все)
Выделить все изображение. Наиболее часто применяемая команда, которая проводит линию выделения по границе изображения. Запуск этой команды клавиатурным сокращением (Ctrl+A) позцолнт сэкономить много времени.
Deselect (Отменить выделение)
Снимает выделение со всех выделенных областей изображения. С клавиатуры вводится сочетанием Ctrl-hD. Если вы не хотите убирать выделение, а вам нужно только увидеть его без «бегущих муравьев», то нажмите сочетание Ctrl+H — выделение станет невидимым, но не исчезнет.
Reselect (Вернуть выделение)
Применяется в том случае, если вы удалили выделение, а затем вам понадобилось его вернуть. Очень удобная возможность, советуем ее запомнить. Лучше использовать клавиатурное сокращение (Ctrl+Shift+D).
Inverse (Инвертировать)
Меняет местами выделенную и невыделенную области. Применяется в том случае, если вам необходимо редактировать большую область, а маленький фрагмент оставить без изменений. Пример: вы хотите настроить цвет на пейзажной фотографии, но не хотите трогать луну. Простейший способ добиться этого - выделить луну инструментом Elliptic Marquee (Эллиптическое выделение), а затем инвертировать выделение (CtrL+I). В результате вы сможете применять что угодно, в том числе фильтры, ко всему изображению, кроме луны.
Color Range (Цветовой диапазон)
Мощный инструмент выделения, чрезвычайно полезный на практике. Мы рассмотрим его очень подробно, так как это действительно необходимо.
Рис. 1.32.Диалоговое окно Color Range {Цветовойдиапазон)
Эта команда работает следующим образом; выделяет все пикселы на нии, которые подходят под заданные пользователем условия. Как, наверное, заметили внимательные читатели, подобным образом поступает инструмент Magic Wand (Волшебная палочка), однако командаRange — гораздо более мощное
средство. Чтобы задать образец цвета для создания выделения, выберите эту команду в меню (откроется диалоговое окно,на рис. 1.32) и щелк
ните мышью по подходящему месту на изображении. Затем можно к изучению параметров команды.
В раскрывающемся списке Select (Выделение) мы указываем программе, по какомупризнаку мы будем(рис. 1.33).
I X Sanpled Colors j^J
■ ［呷］纽 Uofcr$
阳 Reas
О
■ Greens
図 Cyans
Blues
О Magen匕$
□ Highlights I
驪 Micitones
•
Out Of Gamut
Рис.Режимы выделения командой Color Range (Цветовой диапазон)
Sampled(Выделенные цвета). Основной режим работы, с которым связа
но большинство остальных настроек команды. Выделяет по указанным вами цветам. Имеет наибольшеес инструментом Magic Wand (Волшебная
палочка).
Reds,Greens, Cyans, Blues, Magentas (Красный, Желтый, Зеленый,
Синий, Голубой, Фиолетовый) — выделение пикселов по тому или иному цвету;
(Света) — выделение наиболее освещенных пикселов. ется тогда, когда необходимо, например, выделить весь снег на фии горной местности, не трогая камней, елок и прочего;
(Средние тона) — выделение пикселов, обладающих средней ос
вещенностью;
Shadows (Тени) — выделение темных пикселов. Идеально подходит для то- чтобы выделить отсканированное изображение, нарисованное черной тушью;
Out of Gamut (Вне гаммы) — выделить цвета, невозможные в распечатке (не входящие в CMYK-систему). Для большинства пользователей бесполезно, однако если вы работаете в полиграфии, вам это может понадобиться.
(Размытость) — один из главных параметров. Показывает, с каким допуском яркости будут выделяться цвета. Напомним, что каждый
RGB-системе, кроме информации оканалах (в RGB их
три — Red (красный), Green (зеленый), Blueнесет еще информацию
о яркости каждого из них. Яркость лежит в пределах от 0 до 255. Каждый пиксел описан следующим образом:где R, G, В — показатели цвета каналов, а х, у, z — числовыеяркости каналов от 0 до 255. Таким образом, пиксел—черный цвет, R255G255B255 — абсолютно
белый, а например, R255GOBO — абсолютно красный. Допуском определяется диапазон тех отклонений яркости от яркости образцового пиксела, с которыми пикселы будут попадать в выделение. Приведем пример.в качестве образцового взят пикселЕсли допуск равен 40, то в выделение войдут все пикселы, значения которыхтаким условиям:
— значениядля красного находятся в промежутке от 0 до 40;
— значения яркости дляот нуля до 80;
В60-140 — значения яркости для синего от 60 до 140. Исходя из этого, можно сказать, что значение допуска,0, выделит только пикселы,
равные указанному, а200 (максимальное) выделит практически
все изображение.
(Выделение) — показывать в окне выделенные пикселы. Применяется в том случае, если вы хотитев окнеRange (Цветовой диапазон)
то, что выделилось.
Image (Изображение) —в том случае, если в окне Color Range
(Цветовой диапазон) вы хотите видеть изображение.
Selection Preview (Просмотр выделения) — позволяет просматривать выделяемые пикселы не только в окнено и непосредственно на изобра
жении. Это очень удобно, особенно владельцам мониторов больше 15 дюймов. Просмотр выделения имеет свои настройки, но мы не будем их касаться, так как они интуитивно понятны.
Load (Загрузить) — загрузитьнастроек данной команды.
Save (Сохранить) — сохранить ваши настройки в файле для использования в дальнейшем.
Add to Sample (Добавить к образцам) — позволяет выделять не поа по
нескольким образцам. Где это может понадобиться: у вас есть изображение, из множества объектов, а вам необходимо выделить только черные и белые. Тогда мы выделяем сначала белые, а затем, используя данный параметр, щелкаемпо черному пикселу и получаем желаемый результат.
Subtract From Sample (Удалить из выделения) — команда аналогична предыдущей, только не добавляет, а удаляет пикселы из выделения.
Inverse — действует аналогично команде Inverse (Инвертировать) меню Select (Выделение).
Вот и все, что можно кратко сказать об этой команде выделения. Стоит добавить, что Color Range (Цветовой диапазон) лучше всего познается на практике, поэтому посвятите ее изучению немного времени, и это еще не раз себя оправдает.
Feather (Растушевка)
Создание области частично выделенных пикселов по границе выделения. Напомним, что частично выделенный пиксел — это пиксел, на который все инструменты
воздействуют также частично, в зависимости от процентной величины
В основном команда Feather (Растушевка) используется для того, чтобы создать эффект плавного перехода объекта в фон.
Modify (Изменить)
Модифицировать выделение. Есть следующие варианты:
Border (Рамка) создать своеобразную границу, которая представляет собой повторение вашего выделения через некоторое указанное расстояние. Обратите внимание на то, что при этом редактируемая область будет внутри получившейся рамки;
Smooth (Сгладить) — смягчить острые края выделения;
Expand (Расширить) — применяйте в том случае, если не совсем точно выделили что-либо и необходимо расширить выделение;
Contract (Сжать) — сужает выделение.
Grow (Смежные пикселы)
Достаточно интересная возможность программы. Продолжает выделение, область одноцветна. Некий аналог инструмента Magic Wand (Волшебная палочка) с нулевым допуском, но иногда бывает удобнее за счет того, что выделяет не по одному цвету, а по цвету всех пикселов в области. Хороший инструмент для выделения кожи и других сложных по цветовым составляющим поверхностей.
Similar (Подобный)
Похожа на предыдущую команду. Отличается тем, что выделяет не на непрерывной области, а на всем изображении.
Transform Selection (Преобразовать выделение)
Выполняет те же функции, что и команда Free Transform (Свободное трансформирование) меню Edit (Редактирование), но работает не с изображением, а с выделением. Так как аналогия полная, не будем повторяться — команде Free Transform (Свободное трансформирование) посвящен раздел 1.8.
Load Selection (Загрузить выделение)
Полезный инструмент, который применяется очень часто. Служит для загрузки выделения, сохраненного в каналах. Что такое каналы и как ими пользоваться, читайте в разделе 1.11. Параметры команды видны на рис. 1.34.
Document (Документ) — источником выделения является документ. В списке показываются только те документы, которые в данный момент открыты в программе.
(Канал) — канал, который загружается в качестве выделения (в па- литреChannels
Inverse (Инвертировать) — инвертировать выделение.
New Selection (Новое выделение) — загрузить как новое выделение.
Add to Selection (Прибавить к области) — добавить выделение из канала к уже имеющемуся.
- Source- SourceDocument; i Untkled-1Document; i Untkled-1I Рис. 1.34. диалоговое окно Load Selection (Загрузить выделение)I Рис. 1.34. диалоговое окно Load Selection (Загрузить выделение)Load SelectionLoad Selection."f .:3T JE."f .:3T JEChannel: j Layer I TransparencyChannel: j Layer I Transparency
- Source
- Source
Document; i Untkled-1
Document; i Untkled-1
I Рис. 1.34. диалоговое окно Load Selection (Загрузить выделение)
I Рис. 1.34. диалоговое окно Load Selection (Загрузить выделение)
Load Selection
Load Selection
."f .:3T JE
."f .:3T JE
Channel: j Layer I Transparency
Channel: j Layer I Transparency
> S abstract from Selection (Удалить из выделения) — исключает загружаемое выделение из уже имеющегося.
A Intersect with Selection (Пересечение выделений) — оставляет в качестве выделения пересечение загружаемого выделения с имеющимся.
Save Selection (Сохранить выделение)
Сохраняет выделение как канал. Вы очень часто будете встречаться с этой командой в наших примерах. Имеет те же настройки, что и предыдущая команда.
1.3.6. Меню Filter (Фильтр)
В этом меню содержится огромное количество фильтров. Фильтр — это небольшая программа, встроенная в Photoshop и выполняющая одну узкую функцию, Они применяются очень часто, но в этом разделе мы их описывать не будем. Дело в том, что в данной книге более 80 практических разделов, и в каждом из них применяется множество фильтров. На наш взгляд, практические примеры способны дать полное представление о том, что такое фильтры и как с ними работать.
Фильтры — это отдельные файлы, и хранятся они отдельно от системных файлов Photoshop. Фильтры имеют свой собственный формат, описание которого может достать любой разработчик программного обеспечения, поэтому существует огромнейшее количество дополнительных фильтров для этой программы. В главе 9 есть описание лучших, на наш взгляд, представителей этого жанра.
Но четыре инструмента из меню Filter (Фильтр) мы все же рассмотрим.
Filter Gallery (Галерея фильтров)
Filter Gallery (Галерея фильтров) — одно из главных нововведений Photoshop CS, полностью меняющее наше представление о работе с фильтрами. Этот инструмент дает гораздо большую свободу для творчества, позволяя объединять действие большого количества фильтров с любыми настройками для получения нужного результата в режиме реального времени.
ПРИМЕЧАНИЕ
Правда, не со всеми имеющимися в арсенале стандартными фильтрами Adobe Photoshop CS можно работать в режиме Filter некоторые из плагинов действуют только индивидуально. О том, как узнать список доступных для Filter Gallery эффектов, читайте чуть ниже.
Выберите FilterGallery (Фильтр Галерея фильтров). Откроется окно, по
на рис. 1.35.
Рис.Окно настроек Filter(Галерея фильтров)
Раскрытая группа фильтров Artistic (Художественные). Как видно, папка обозначаетинструментов, миниатюры — сами фильтры. Миниатюры не
ются динамическими, то есть вы сразу не можете увидеть именно ваше изображение, обработанное разными фильтрами. Это просто статичные картинки, по которым можно составить представление о действии того или иного фильтра.
Другие группы фильтров в свернутом виде. Если открыть меню Filter (Фильтры), то можно увидеть, что это почти все существующие в стандартной комплектации Photoshop CS наборы плагинов. Их можно открыть точно так же, как на рисунке раскрыта группа Artistic (Художественные).
Выпадающий список всех фильтров, доступных в Filter(Галерея филь
тров). Это самый быстрый способ запустить нужный плагин, конечно, при условии, что вы знаете, какой именно плагин вам нужен.
Окно предварительного просмотра результата. В нем видно, как назначенные вами настройки повлияют на изображение. Большим достоинством этого окна является его размер —в отличие от более ранних версий Photoshop,
не всматриваться, для того чтобы оценить производимые изменения.
Здесь можно задать масштаб предварительного просмотра. Правда, авторы советуют использовать куда более удобный вариант — клавиатурные сокращениядля увеличения идля уменьшения масштаба.
Настройки выбранного фильтра. На изображении это, соответственно, настройка Glowing Edges (Светящиеся края).
отобранные для получения результата. В нашем случае это Glowing
(Светящиеся края) и Accented Edges (Выделить края). В совокупности они дают эффект «неонового» лица. Ихможно называть слоями эффектов.
Эти кнопки изменяют количествофильтров. Если вы хотите до
бавить еще один плагин для совместной работы, нажмите иконку в виде белого листа бумаги, затем выберите нужный фильтр в окне, обозначенном на рис. 1.35 выноской 1. Если нужно удалить лишний слой эффектов, используйте функциюLayer Effects (Удалить слой эффектов), представленную
пиктограммой, изображающей мусорную корзину.
Кнопка, позволяющая расширить область предварительного просмотра за счет отключения отображения миниатюр фильтров.
Filter Gallery — это отличный инструмент для поиска интересных решений, обладающий большими возможностями даже для новичков. Экспериментируйте, и интересные результаты не заставят себя ждать.
Extract (Извлечение), Pattern Maker (Текстура),
Liquify (Разжижение)
Extract (Извлечение). Инструмент для автоматического отделения объектов от фона, Выполнен достаточно грамотно, но результат, какхуже, чем
при использовании традиционных методов. Поэтому в повседневной работе используется очень редко.
Pattern Maker (Текстура). Ориентирован на создание фоновыхдля веб
страниц, однако на практике редко используется. Именно поэтому мы не касаемся его настроек.
Liquify (Разжижение). Включает наборпредназначенных для
редактирования изображений (рис. 1.36), по своему составу и свойствам близок к фильтрам из раздела Distort (Деформация).
Warp (Искривить). Первый инструмент в списке, наиболее полезный из всех. Действует подобно стандартномуPhotoshop Smudge (Палец): беретиз области кисти (размер которой вы можете регулировать)
и сдвигает их в сторонуинструмента.
Во многом Warp превосходит классический Smudge, и поэтому каждый раз, когда необходимосделать при помощи Smudge, подумайте, не лучше
ли с этой задачей справится инструмент из Liquify.
匚―I Lo*dM«h j . %a»wMe<h匚―I Lo*dM«h j . %a»wMe<hTool OplionxBrush Siw 口 峰二!BrushBn«h Ргемме.卜侬 门B««h R* 依“TurtxJeniJtHer ：•fleccretiuct ModeГ :人打片.g •Tool OplionxBrush Siw 口 峰二!BrushBn«h Ргемме.卜侬 门B««h R* 依“TurtxJeniJtHer ：•fleccretiuct ModeГ :人打片.g •Рис. 1.36. Окно(Разжижение)Рис. 1.36. Окно(Разжижение)R Show MaikMetk Ccta.|fted ■■：(✓ §伝硬三邑辰IMod*.而?/‘二刃R Show MaikMetk Ccta.|fted ■■：(✓ §伝硬三邑辰IMod*.而?/‘二刃P Slvj*lm»(je P S4M»hP Slvj*lm»(je P S4M»hRecon*1rucl OpHont<J)"Recon*1rucl OpHont<J)"jjMe*hCotor「i"二jMe*hCotor「i"二j二IOh* 匡H二IOh* 匡H
匚
―I Lo*dM«h j . %a»wMe<h
匚
―I Lo*dM«h j . %a»wMe<h
Tool Oplionx
Brush Siw 口 峰二!
Brush
Bn«h Ргемме.卜侬 门
B««h R* 依“
TurtxJeniJtHer ：•
fleccretiuct Mode
Г :人打片.g •
Tool Oplionx
Brush Siw 口 峰二!
Brush
Bn«h Ргемме.卜侬 门
B««h R* 依“
TurtxJeniJtHer ：•
fleccretiuct Mode
Г :人打片.g •
Рис. 1.36. Окно(Разжижение)
Рис. 1.36. Окно(Разжижение)
R Show Maik
Metk Ccta.|fted ■■
：(✓ §伝硬三邑辰I
Mod*.而?/‘二刃
R Show Maik
Metk Ccta.|fted ■■
：(✓ §伝硬三邑辰I
Mod*.而?/‘二刃
P Slvj*lm»(je P S4M»h
P Slvj*lm»(je P S4M»h
Recon*1rucl OpHont<J)"
Recon*1rucl OpHont<J)"
j
j
Me*hCotor「i"二j
Me*hCotor「i"二j
二IOh* 匡H
二IOh* 匡H
Turbulence (Волнение). Искажение по принципу волны.
. Twirl Clockwiseпо часовой стрелке).
Twirl Counter Clockwise (Скручивание против часовой стрелки).
Эти инструменты являются большой подмогой пользователю. В принципе, они повторяют фильтр Twirl (Скручивание) из группы Distort (Деформация), но делают это очень специфично. То, что можно сделать этими инструментами, никогда не получится с помощью фильтра.
Pucker (Сузить). При помощи этого инструмента можно сужать изображения.
Я Он стягивает содержимое области, на которую указывает кисть, к центру. Ничего подобного других инструментах Photoshop CS точно нет. С помощью данного инструмента вполне реально из своего полного товарища на фотографии сделать крайне худую личность.
(Раздуть). Инструмент, обратный по действию предыдущему. На этот раз изображение «раздувается», расширяется от центра кисти во всех на- позволяя из худого друга сделать толстяка.
Left (Сдвиг пикселов). Этот инструмент делает то жечто и
(Искривить), но только с темчто перенос пикселов происхо-
дит не подвижения кисти, а перпендикулярно ему.
(Отражение). Перемешивает изображение. Не очень впечатляет, но иногда может пригодиться.
(Восстановить). Отменяет выполненные преобразования, причем делает это постепенно, иможно уловить идеальный момент
искажения в том случае, если вы переусердствовали с каким-либо эффектом. Конечно, и в Liquify можно отказаться от последнего действия при помощи стандартного сочетания клавишно что делать, если результат не устраивает
в целом? Тогда и приходится пользоваться этим инструментом. Радует то, что отменяет он не всеа постепенно, так что всегда можно остановиться на
приемлемом переходном варианте.
Freeze mask (Заморозить область). Невероятно полезный инструмент: по-
зволяет заморозить область, то есть сделать ее недоступной для редактиро-
вания. Механизм выделения этой области похож на создание масок. Советуем сразу освоить этот инструмент.
Thaw mask (Разморозить область). Переводит замороженную область в ное состояние.
Обычно все кисти Liquify (Разжижение) используются вчто дает воз
можность быстро добиться поистине удивительного результата.
Обратите внимание, что в большинстве случаев инструменты Liquify (Разжижение) действуют даже тогда, когда вы не перемещаете указатель мыши по экрану. Например, если щелкнуть инструментом(Скручивание по часовой
стрелке) на каком-либо участке изображения и удерживать нажатой кнопку мыши, то вы увидите, как на ваших глазах происходит постепенное искажение данного участка.
Zoom (Лупа) и Hand (Рука) работают точно так же, как и в Photoshop CS.
Настройки Liquify
Как и любой инструмент, Liquify имеет целый набор собственных настроек. Точнее, это в подавляющей массе настройки инструмента, который в данный момент активен.
На рис. 1.37 показаны все настройки Liquify,
Load Mesh (Загрузить сетку) и Save Mesh (Сохранить сетку). Позволяет загружать или сохранять примененные настройки.
Options (Настройки инструментов):
Brush Size (Размер кисти). Возможность менять размер кисти расширяет возможности этого инструмента;
Brush(Плотность мазка). Определяет плотность
Brush(Нажим кисти). Определяет эффективность инструмента;
Brush Rate (Темп кисти). Определяет скорость закраски.
Load Mesh..,Save Med%.
•Tool Options
BiushSae
Biush Density「叩 l；J
Brush Pies&uie;胸
[ sbuleM "匕，三二3
Reconstruct m-曲:：百羨【、 I
广 ReconsUuctOptions0
Mcde:jReveit'T|
—ReconstfuclRestoieAll
lMa*k 0 ptions•
ViewOption* —
；I? Show Image 狩 Show Mesh
Meth Size： Medium
Mesh СоЬс|б£・一 ’…一
i' p Show Mask
Мз$к Color:] Red3
好 Shew Backdrop
Use ：| АИ Layers3
Mode; In Front口 рас.巨]；]
Рис. 1.37. Настройки Liqufy (Разжижение)
A Turbulent Jitter (Турбулентность). Задает степень нелинейных искажений. Например, если при использовании Turbelent Jitter выставить максимальное значение, то будет создан эффект растекания жидкости вместо волны.
A Reconstruct Mode (Режим восстановления). Задается режим работы для инструмента Reconstruct.
► Stylus Pressure (Ориентироваться на нажим пера графического планшета), Полезно тем, кто рисует не мышью, а на дигитайзере.
A ReconstructOptions (Настройки восстановления). С помощью этих параметров можно подкорректировать свою работу или вообще вернуть ее к исходному
состоянию.
Mode (ТипМы советуем стараться не изменять значения по
умолчанию.
Restore Alt (Восстановить все). Использование этогоотменит
все произведенные вами изменения.
Mask Options (Параметры маски). Кнопки, расположенные здесь, позволяют в разных режимах подгружать маски из выделения, прозрачности или слоя- маски изображения и сочетать их с маской, созданной в
View Options (Настройки просмотра).
Show Image (Показать изображение).
Show Mesh (Показать сетку). Сетка впомогает ориентироваться в ис
кажениях. На ней прекрасно видно, что и как было искривлено.
Настройки вспомогательных элементов:
Mesh Size (Размер сетки)
(Маленькая),
Medium (Средняя),
Large (Большая).
Mesh Color (Цвет сетки). По умолчанию — черный, но его приходится мек примеру, когда самоочень темное;
Show Mask (Показать маску). Включает отображение защищенных областей;
Mask color (Цвет «замороженных» областей). Причины смены данного цвета те же, что и для Mesh color (Цвет сетки).
Show Backdrop (Показать исходноеОчень интересный режим
работы, в котором поверхизображения появится полупрозрачное исходное. Б некоторых случаяхудобно.
Use (Использовать). Как это ни странно, именно тут можно ограничить ласть применения инструмента каким-то конкретным слоем изображения.
Mode (Режим). Задает расположение исходного изображения относительно основного.
Opacity (Непрозрачность). Задает прозрачность этой области.
У Liquifyодно отличное качество — этот инструмент не только полезен в еже
дневной работе, но и может служить отличным развлечением. Возьмите несколько фотографий своих гостей и немного поработайте с ними. Товарищи будут в восторге.
Меню View (Вид)
При помощи команд этого меню происходит управление просмотром изображения. Все его команды изменяют только режим просмотра, но никак не влияют на изображение. Сразу стоит сказать, что все команды, размещенные в этом лучше всегда запускать с клавиатуры.
Proof Setup (Установки профиля). Выбрать цветовой профиль для отображения па мониторе.
Proof Colors (Цветовой профиль). Включить отображение цвета на основе профиля.
Gamut Warning (Предупреждение диапазона печати). При включении этого параметра будут выделены пикселы, цвет которых не может быть отображен при печати.
Pixel Aspect Ratio Correction (Поправка на пропорции пикселов). Включает возможность отображения на мониторе неквадратных пикселов,
А Zoom In (Увеличить). Увеличить изображение. Гораздо лучше запускать клавиатурным сокращением Ctrl+«+».
А Zoom Out (Уменьшить). Уменьшить изображение. Клавиатурное сокращение Ctrl+«-».
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.
А Show Extras (Показать дополнительные элементы). Очень важная команда, которую вы, несомненно, будете использовать. Управляет отображением огра- пичивающих линий изображения, которые не являются его частью, таких как границы выделения, контуры, комментарии, направляющие и границы фрагментов. Самое распространенное применение следующее: вы что-то редактируете в выделении, но «бегущие муравьи» его границы мешают видеть точный результат. Конечно, можно нажать CtrLbDи убрать выделение вообще. Но если оно вам необходимо? Тогда достаточно нажать Ctrl+H, и «муравьи» исчезнут с ваших глаз, но выделение при этом останется. Чтобы увидеть его снова, надо повторно нажать Ctrl+H.
» 'Show (Показать). Команда позволяет указать, какие именно элементы должны быть видимы, а какие невидимы в окне с активным изображением. Можно управлять видимостью следующих объектов:
Selection Edges (Края выделения). Линия, ограничивающая выделение;
Target Path (Напргшляющие контуров). Линии, которыми обозначаются контуры;
А Grid (Сетка). Сетка — это иезаменимый во многих задачах инструмент. Если вы ее подключите, то будет значительно удобнее рисовать геометрические фигуры, ориентироваться в размерах и расстоянии и т. д.;
(Направляющие). Направляющие — это линии, не
частью изображения, направленные вертикально и горизонтально, которыми удобно пользоваться для обозначения границ чего-либо;
Slices (Фрагменты). Границы фрагментов, если вы с ними работаете;
Annotations (Комментарии). Комментарии, которыеможете добавить
в любой файл и сохранить;
О (Все) и: None (Ничего). Названиясами за себя.
Show Extras Options (Параметры дополнительных элементов). При помощи этой команды вы определяете, что относить к группе Extras. Дело в том, что при нажатиипрячутся все дополнительные элементы изображения, но
что делать, если вам постоянно надо скрывать контуры, не трогая при этом Данная команда поможет решить эту проблему.
Show Rulers (Показать линейки). Команда, включающая линейки. Линейки - это линии с делениями, расположенные по краю изображения, благодаря которым можно рисовать объекты с точными размерами, особенно если при этом пользоваться сеткой и направляющими.
Snap (Привязать). Эта команда определяет, существуют ли привязки в принципе. Привязка — это ограничение области воздействия инструмента. Подробнее о них сказано в описании следующей команды.
to (Стиль привязки). Определяет тип используемой привязки:
Guides (Направляющие).к направляющим;
Grid (Сетка).к сетке. Очень полезная возможность, так как она
упрощает рисование или выделение, когда необходимо делать это очень точно. Например, один из авторов этой книги как-то начертил в Photoshop чертеж в основном благодаря привязке к сетке;
(Фрагменты). Привязать к фрагменту. После этого выделить часть
изображения вы сможете только в пределах фрагмента;
Documents Bounds (Границы документа). Привязать к границам документа;
АИ (Все привязки) и NoneПривязать ко всему и нево
обще соответственно.
Остальные команды благодаря своим названиям не требуют
Lock Guide (Закрепить направляющие);
Guide (Убрать направляющие);
New Guide (Новая направляющая);
Lock Slicesфрагменты);
Clear Slices (Убрать фрагменты).
Меню Window (Окно)
Команды этого меню позволяют управлять видом главного окна программы. В основном применяются для того, чтобы показывать и скрывать палитры.
Раздел Arrange (Упорядочить) используется для организации работы с окнами документов и содержит следующие команды.
Cascade (Каскад). Располагает окна каскадом, то есть вы будете видеть много окон одновременно, если откроете несколько файлов.
Tile (Мозаика). Режимв котором вся видимая площадь главного окна
программы делится между окнами нескольких открытыхтак, что
они не перекрываются.
Arrange Icons (Упорядочить значки). Если вы свернули большое количество окон, то их значки разбросаны по всему главному окну программы, что очень неудобно. Эта команда позволяет ровно выстроить их внизу экрана.
Match Zoom (Соответствие масштаба). Приводит все открытые окна одного изображения к одному масштабу.
Match Location (Соответствие положения). Приводит все открытые окна к одному положению полос прокрутки, то есть к отображению одного и того же фрагмента.
MatchAnd Location (Соответствие масштаба и положения).
двух предыдущих настроек.
New Window (Новое окно). Открыть текущее изображение в новом окне.
В разделе Workspace (Рабочая область) сгруппированы команды, сохранять и загружать вид рабочей области.
Save Workspace (Сохранить рабочую область). Сохранить расположение палитр, инструментов и другие настройки окна для последующего использования.
Workspace (Удалить рабочую область). Удалить активную рабочую область из списка, если она в нем есть,
Reset Palettes (Восстановить все палитры), Установить расположение палитр и настройки в них по умолчанию, то есть так, как это происходит при первой загрузке Photoshop.
1.4. Основные палитры Photoshop
Для удобства работы в Photoshop существует несколько основных палитр, которые обычно открыты при работе с изображением. В них можно проследить за основными составляющими редактируемого изображения. Любую палитру можно открыть командой Show (Показать), а спрятать — командой Hide (Убрать) меню Window (Окно).
Navigator (Навигатор)
Первая палитра — Navigator (Навигатор). Чтобы сделать ее окно видимым, ните командуWindow Show Navigator (Окно Показать Навигатор). После этого появится окно, изображенное на рис. 1.38,
МаркерМаркермасштабамасштабаРис. 1.38. Палитра Navigator (Навигатор)Рис. 1.38. Палитра Navigator (Навигатор)Рис. 1.39. Палитра Info (Инфо)Рис. 1.39. Палитра Info (Инфо)
Маркер
Маркер
масштаба
масштаба
Рис. 1.38. Палитра Navigator (Навигатор)
Рис. 1.38. Палитра Navigator (Навигатор)
Рис. 1.39. Палитра Info (Инфо)
Рис. 1.39. Палитра Info (Инфо)
Увеличение масштаба
В этом окне есть несколько параметров, оптимально настроить палитру для конкретного изображения. В окне масштабирования представлено изображение в миниатюре. Квадратом ограничена та область, которая видна на основном полотне. Ее можно перемещать при помощи мыши, а изменять ее размер можно, щелкнув на ней при нажатой клавише
Щелчком по кнопке со стрелкой, расположенной в верхнем правом углу палитры Navigator меню, в котором можно выбрать рамки для выделения редактируемой области.
Info (Инфо)
Эта палитра предоставляет всю необходимую о той точке, в которой курсор (рис. 1.39). Для получения данных подвести мышь к интересующему пикселу. Если окно палитры скрыто, откройте его командой Window Show Info (Окно Показать Инфо).
RGB-составляющие. Показывает составляющие цвета данной точки в модели RGB.
CMYK-составляющие. Показываетточку, в модели CMYK,
X, Y — координаты точки текущего положения курсора. Координатам 0,0 соответствует верхний левый угол.
Н — размеры выделения. Точке 0,0 соответствует начало выделения, а ука- — его
Color (Синтез)
Данная палитра предназначена для выбора основных цветов. Она не так удобна, как та, что появляется при щелчке по окну основного цвета, расположенному
в палитре инструментов, но необходима, вам очень часто менять цвета. Открывается Window Show (Окно Показать Синтез) (рис. 1.40).
Цвет переднего плана фонаполосаЦвет переднего плана фонаполосаRGB-составляющиеRGB-составляющиеРис. 1.40. Палитра Color (Синтез)Рис. 1.40. Палитра Color (Синтез)
Цвет переднего плана фона
полоса
Цвет переднего плана фона
полоса
RGB-составляющие
RGB-составляющие
Рис. 1.40. Палитра Color (Синтез)
Рис. 1.40. Палитра Color (Синтез)
Все настройки в этой палитре очень просты. Окна цвета, аналогичные женным в палитре инструментов, указывают на цвет фона и переднего плана. Цветовая полоса позволяет приблизительно выбрать необходимый цвет (точнее, его оттенок), который потом можно подкорректировать при помощи бегунков под RGB-полосами, позволяющих точно установить любой из цветов.
Swatches (Каталог)
Swatches— это еще однапредназначенная для работы с цветом. Открыть ее окно можноWindow Show(Окно Показать
Каталог) (рис. 1.41).
Эта палитра состоит из самих образцов цвета и кнопок добавления и образца. Если щелкнуть мышью по кнопке со стрелкой,в верхнем правом углу палитры, томеню (см. рис. 1.41).
Оно состоит из следующих элементов.
New Swatch (Создать образец). Выбор даннойпозволяет добавлять
свойв палитру.
Reset Swatches (Перезагрузить образцы). Устанавливает набор цветов по умолчанию.
Load Swatches (Добавить образцы). Добавляет новый набор к уже загруженным.
Save Swatches (Сохранить образцы). Применяется при создании собственной палитры, которую впоследствии можно сохранить.
Swatches (Заменить образцы). Заменяетобразцы на новые.
Следующие два параметра позволяют выбрать внешний вид палитры. Первый вариант (Small Thumbnail) представлен на рис. 1.41, а во второмList) к каж
дому цвету добавляется его название.
Последний раздел меню позволяет сразу выбирать новую палитру, не
ее в каталоге программы. Это довольно удобно. Некоторые палитры отличаются по расположению цветов, а некоторые и по составным элементам. Просмотрев все, а их не так много, можно найти наиболее подходящую для работы.
Nev*/Sv4xi)..Nev*/Sv4xi)..ОбразцыцветаОбразцыцветаE& В Patetre WdlE& В Patetre Wdl• Snd Tbumbr阑 Sw 硼 listPre«e^ M^jer...• Snd Tbumbr阑 Sw 硼 listPre«e^ M^jer...'.I5©or-ft2Web HuesWeb 3 a Udor&We Special死Wr<fov»«'.I5©or-ft2Web HuesWeb 3 a Udor&We Special死Wr<fov»«Создать новыйСоздать новыйУдалить образецУдалить образецReset *，】h«...Lead Sv*atcne$,..Seve Swatcbes..Replay 5、atthes.Reset *，】h«...Lead Sv*atcne$,..Seve Swatcbes..Replay 5、atthes.
Nev*/Sv4xi)..
Nev*/Sv4xi)..
Образцыцвета
Образцыцвета
E& В Patetre Wdl
E& В Patetre Wdl
• Snd Tbumbr阑 Sw 硼 list
Pre«e^ M^jer...
• Snd Tbumbr阑 Sw 硼 list
Pre«e^ M^jer...
'.I5©or-ft2
Web Hues
Web 3 a Udor&
We Special死
Wr<fov»«
'.I5©or-ft2
Web Hues
Web 3 a Udor&
We Special死
Wr<fov»«
Создать новый
Создать новый
Удалить образец
Удалить образец
Reset *，】h«...
Lead Sv*atcne$,..
Seve Swatcbes..
Replay 5、atthes.
Reset *，】h«...
Lead Sv*atcne$,..
Seve Swatcbes..
Replay 5、atthes.
ANP—$
Cow
FOC0JQNEC 战枝
HSS E
HKSE
HK5 Menace 必
№M
..MK
.
.
XE5M
HESZPeces*
HKS?
05
RANKLE n^taSic coated PANTQf'^pfli^el coated
PANT CM餌营№1 #g風专d
process
PAmONEsiofed coated
PANTOWE aid m#te
PAfJTOFlE solid to process EURO 总蜂iTBlUafclSa鑑&找’ PANTONE wM unco««d
Phot* Filler Cotors
Color
Finder
T^WTCHCthrs : v*BiBor(eT^WTCHCthrs : v*BiBor(e..
T^WTCHCthrs : v*BiBor(e
T^WTCHCthrs : v*BiBor(e
.
.
Рис.Палитра Swatches
Styles (Стили)
Описание этой палитры несколько дублируется разделе 1.12: там она рассмотрена подробнее, но основное внимание уделено собственно стилям. Благодаря стилям можно одним щелчком мыши придать слою определенный вид, например деревянной поверхности.
Если палитра(Стили) (рис. 1.42) скрыта, то ее можно вывести на экран
следующей командой меню: Window Show Styles (Окно Показать Стили).
По составу настроек данная палитра мало отличается от предыдущей (Swatches Поэтому остановимся подробно только накоторые еще не упо-
минались.
Очистить -i
эффектов
Новый стиль
Удалить
Рис. 1.42. Палитра Styles (Стили)
Для того чтобы открыть меню с настройками, необходимо щелкнуть по со стрелкой, расположенной в верхнем правом углу палитры. Первые два ла аналогичны тем, что расположены в меню палитры Swatches (Каталог).
В третьем разделе меню можно выбрать форму, в которой будут представлены образцы:
Text Only (Только текст);
Thumbnail (Мелкие значки);
Large Thumbnail (Крупные значки);
Small List (Маленький список);
Large List (Большой список).
В последнем разделе меню можно выбрать один из готовых наборов стилей.
History (Протокол)
важная палитра, так как с ее помощью можно отменять действия. Для этого достаточно щелкнуть мышью в списке палитры на том фрагменте, к которому вы хотите вернуться. О том, как можно настроить количество мых шагов, рассказано в разделе 1.5, посвященном настройкам Photoshop.
Для открытия палитры, изображенной на рис. 1.43, выполните команду меню Window Show(Окно Показать Протокол).
Сохранить состояние в документе Новый
Удалить -
Вменю этой палитры есть командыистории,
однако применяются ониредко.
Step Forward (Шаг вперед) — если активен не последний шаг истории, то позволяет перейти на шаг
Step Backward (Шаг—изображение на один шаг назад.
New(Создать снимок) — создает новый снимок, фиксирующий состояние изображения намомент.
(Удалить) — удаляет шаг из истории.
History (Очистить) —историю.
New Document (Дублировать) — дублирует файл изображения.
History Options (Параметры) —палитры.
Actions (Операции)
Окнопалитры можно открыть командой Window Show Actions (Окно По
казать операции) (рис. 1.44). Подробнее о работе с данной палитрой рассказано в разделе 1.7, здесь же описаны ееэлементы,
Вкл./Выкл. макрас —-^ ШВкл./Выкл. макрас —-^ ШВ О Mfwlt Aegrg atnВ О Mfwlt Aegrg atnОтображение диалогового окнаОтображение диалогового окнаVi9n•••♦ ■•■•I.)Vi9n•••♦ ■•■•I.)》Fr“n・ Qi*rr»*l - 50 pt-wl b Action 1》Fr“n・ Qi*rr»*l - 50 pt-wl b Action 1НовыйУдалитьНовыйУдалитьСтопЗаписьВыполнениеНовый набор макросовСтопЗаписьВыполнениеНовый набор макросовPalette WellButton Mode№w Action...New set...DuplicateDeletePlayStartRecord.Menu Item...Insert Stop.,, 「:经—Action Options...Playback Options...ClearActionsLoadReplace Actions...atnF»&me5.i&tr\ImagePText Effects.atnatnPalette WellButton Mode№w Action...New set...DuplicateDeletePlayStartRecord.Menu Item...Insert Stop.,, 「:经—Action Options...Playback Options...ClearActionsLoadReplace Actions...atnF»&me5.i&tr\ImagePText Effects.atnatn
Вкл./Выкл. макрас —-^ Ш
Вкл./Выкл. макрас —-^ Ш
В О Mfwlt Aegrg atn
В О Mfwlt Aegrg atn
Отображение диалогового окна
Отображение диалогового окна
Vi9n•••♦ ■•■•I.)
Vi9n•••♦ ■•■•I.)
》Fr“n・ Qi*rr»*l - 50 pt-wl b Action 1
》Fr“n・ Qi*rr»*l - 50 pt-wl b Action 1
Новый
Удалить
Новый
Удалить
Стоп
ЗаписьВыполнениеНовый набор макросов
Стоп
ЗаписьВыполнениеНовый набор макросов
Palette Well
Button Mode
№w Action...
New set...
Duplicate
Delete
Play
Start
Record.
Menu Item...
Insert Stop.,, 「:经—
Action Options...
Playback Options...
Clear
Actions
Load
Replace Actions...
atn
F»&me5.i&tr\
Image
P
Text Effects.atn
atn
Palette Well
Button Mode
№w Action...
New set...
Duplicate
Delete
Play
Start
Record.
Menu Item...
Insert Stop.,, 「:经—
Action Options...
Playback Options...
Clear
Actions
Load
Replace Actions...
atn
F»&me5.i&tr\
Image
P
Text Effects.atn
atn
Рис. 1.44. Палитра Actions (Макросы)
Операции, или макрокоманды, пли макросы, — это записываемые в файл последовательности команд, реализующих стандартные действия. В меню палитры находятся следующие команды (см. рис. 1.44).
Button Mode (Кнопочный режим) — если установить этот параметр, то изменится палитры: все макросы будут размещены нафоне. Для чего
это может понадобиться, рассказано в разделе 1.7.
New Action (Создать макрос) — создать новый макрос.
New Set (Создать набор) — создать новый набор макросов.
(Создать копию макроса) — дублировать макрос.
(Удалить) — удалить макрос,
Play (Выполнить) — запустить активный макрос.
Start Recording (Начать запись) — начать запись действий в создаваемый макрос. Record Again (Возобновить запись) — данная команда позволяет продолжать запись, если она была прервана.
Insert Menu Item (Вставить пункт меню) — вставить в макрос команду меню.
Insert Stop (Вставить Стоп) —в макрос остановку.
Insert Path (Вставить контур) — вставить в макрос контур,
Set Option (Параметры набора) — настройки набора макросов.
Playback Options (Параметры воспроизведения) — параметры воспроизведения макроса. Можно,выбрать выполнение в ускоренном режиме или
по шагам.
Команды, размещенные в следующем разделе данного меню, работают так как и аналогичные им команды других меню, описанных выше.
В последнем разделе меню перечислены наборы макросов, которые можно загрузить щелчком по их названиям.
Layers (Слои)
Данная палитра содержит сведения о количестве слоев, информации, расположенной на них, а также о режимах наложения слоев (рис. 1.45).
В этой палитре предусмотрено огромное количество настроек, которые принимают различный вид при разных комбинациях слоев, поэтому описывать их подробно не имеет смысла.
В раскрывающемся меню данной палитры, как и вприсутствуют некото
рые команды, которые уже были описаны ранее. Команды, специфичные для этой палитры:
New Layer Set (Создать набор) — создание нового набора слоев;
Lock All Layers in Set (Блокировать все слои набора) — при помощи этой команды можно установить замок любого вида на все слои, находящиеся в данном наборе;
Layer Properties (Свойства слоя) — практически неиспользуемая функция, так как позволяет заменить только имя слоя и его цвет в палитречто никак
не отражается на самом изображении;
Blending Options (Параметры наложения) — позволяет устанавливать дополнительные параметры наложения данного слоя, а также цветов, мых на нем;
Замок рисованияЗамок передвижения
ЗамокЗамокг Общий замокНепрозрачность слояг Общий замокНепрозрачность слояDock to Palette WellDock to Palette Welli«Hk?-i«Hk?-ftew L&yef...Layer...Oefete Layerftew L&yef...Layer...Oefete Layer方i」，『*!—Hidden方i」，『*!—HiddenLayer Properties.Options.Layer Properties.Options.Режим наложения слояРежим наложения слояNew产 ％电-tf|» J .«J.4., < Ah.-y ••• i： у liNew产 ％电-tf|» J .«J.4., < Ah.-y ••• i： у li%，1口！4.，,—: *г» *"45 Ratten ImagePalette%，1口！4.，,—: *г» *"45 Ratten ImagePalette、P.ih*、P.ih*Рис. 1.45. Палитра Layers (Спои)Рис. 1.45. Палитра Layers (Спои)Эффекты слояДобавить маску-1НовыйКорректирующий слойСоздать новый слойУдалитьЭффекты слояДобавить маску-1НовыйКорректирующий слойСоздать новый слойУдалить-. --. -
Замок
Замок
г Общий замок
Непрозрачность слоя
г Общий замок
Непрозрачность слоя
Dock to Palette Well
Dock to Palette Well
i«Hk?-
i«Hk?-
ftew L&yef...
Layer...
Oefete Layer
ftew L&yef...
Layer...
Oefete Layer
方i」，『*!—
Hidden
方i」，『*!—
Hidden
Layer Properties.
Options.
Layer Properties.
Options.
Режим наложения слоя
Режим наложения слоя
New
产 ％电-tf|» J .«J.4., < Ah.-y ••• i： у li
New
产 ％电-tf|» J .«J.4., < Ah.-y ••• i： у li
%，1口！4.，,—: *г» *"45 Ratten Image
Palette
%，1口！4.，,—: *г» *"45 Ratten Image
Palette
、P.ih*
、P.ih*
Рис. 1.45. Палитра Layers (Спои)
Рис. 1.45. Палитра Layers (Спои)
Эффекты слоя
Добавить маску-1
Новый
Корректирующий слой
Создать новый слой
Удалить
Эффекты слоя
Добавить маску-1
Новый
Корректирующий слой
Создать новый слой
Удалить
-. -
-. -
Merge Downс предыдущим) — склеивает данный слой с преды
дущим;
Merge Visible (Объединить видимые слои) — склеивает все видимые слои;
Image (Сведение слоев) — слияние всех слоев;
Palette Options (Параметры палитры) — настройки палитры.
Channels (Каналы)
Любое изображение состоит из каналов, которые при наложении составляют рисунок. Существуют также дополнительные каналы, которые не влияют на само изображение. Подробнее о каналах и данной палитре (рис. 1.46) можно узнать разделе
Показать каналПоказать канал
Показать канал
Показать канал
Загрузить канал как
Сохранить выделение как канал -
Создать канал
Удалить канал
Рис. 1.46. Палитра Channels (Каналы)
Paths (Контуры)
Это последняя из основных палитр. Для того чтобы открыть ее, выполните команду Window Show Path (Окно Показать Контур) (рис. 1.47).
Создать контур -Создать контур -ВЕНВЕНCrop 5 inch к 4inch 300 ppiCrop inch ж 7300 ppi3 inch x 10 inch 300 ppi OnlyCrop 5 inch к 4inch 300 ppiCrop inch ж 7300 ppi3 inch x 10 inch 300 ppi Only
Создать контур -
Создать контур -
ВЕН
ВЕН
Crop 5 inch к 4inch 300 ppi
Crop inch ж 7300 ppi
3 inch x 10 inch 300 ppi Only
Crop 5 inch к 4inch 300 ppi
Crop inch ж 7300 ppi
3 inch x 10 inch 300 ppi Only
Запить цветом переднего плана
Обвести контур основным контур в
Преобразовать выделение в контур
Удалить
Рис. 1.47. Палитра Paths (Контуры)
В этой палитре можно проследить за векторной составляющей графики в торе Photoshop. Так как этобольшая палитра, то в данной книге
раздел 1.10, полностью ей посвященный.
Tool Presetsинструментов)
Эта палитра (рис. 1.48) по умолчанию скрыта, но вы можетеее
рабочий стол программы.
Рис. 1.48. ПалитраPreset (Образцы инструментов)
Tool Presets позволяет сохранять настройки любого инструмента для го быстрого запуска. Это необходимо весли приходится регулярно
рять какую-либо работу, и вы уже точно знаете, какими инструментами с настройками это лучше всего делать.
Для того чтобы внести инструмент в палитру, сделайтеактивным,
те нужные параметры и щелкните на значке в виде белого листа бумаги в ре Tool Presets (Образцы инструментов). Кроме того, с помощью меню палитры можно загрузить несколько наборов уже готовых настроек.
Histogram (Гистограмма)
Гистограмма как инструмент существует, наверное, столько же, сколько и Photoshop. Но раньше это была команда меню Image (Изображение), а теперь — отдельная палитра. И это в целом правильно; гистограммы предназначены для получения информации о цветовых уровнях изображения. В Photoshop CS появилась возможность видеть не только гистограмму реального состояния, но и предварительный просмотр результата при использовании любых цветокорректирующих инструментов.
Палитру Histogram (Гистограмма) мы описывать не станем, так как это инструмент профессионалов (мы, в частности, использовали гистограммы всего несколько раз) и читателям в повседневной работе не понадобится.
Палитра Histogram (Гистограмма) в расширенном виде показана на рис. 1Л9.
Рис. 1.49. Палитра Histogram (Гистограмма]
Палитра Layer Comps (Составные слои)
Палитра Layer Comps связана с повой интересной возможностью Photoshop CS — составными слоями. Составные слои нужны, для того чтобы можно было, напри- мер, продемонстрировать заказчику несколько вариантов размещения объектов в работе, не создавая множества файлов.
Составные слои представляют несколько вариантов размещения объектов в рамках одного слоя. После того как иы щелкнете на пиктограмме в виде белого листа бумаги, откроется окно, в котором можно будет выбрать три варианта отображения свойств (сами свойства задаются непосредственно для слоя):
A Visibility (Видимость). Включена или отключена видимость слоя в палитре Layers(Слои).
Position (Позиция). Размещениеобъектов на слое.
Ареагапсе (Layer Style) (Стиль слоя). Будут ли включены для этого составного слоя слоевые эффекты, установленные в палитре Layers (Слои).
Палитра Layer Comps (Составные слои) показана па рис. 1.50.
Исходное состояние документаСоставные слоиИсходное состояние документаСоставные слоиИконка активного сост. слояИконка активного сост. слояПереключиться на предыдущий сост. слойПереключиться на предыдущий сост. слойУдалить сост. слойУдалить сост. слойна следующий сост. слойна следующий сост. слойНовый сост. слойНовый сост. слой
Исходное состояние документа
Составные слои
Исходное состояние документа
Составные слои
Иконка активного сост. слоя
Иконка активного сост. слоя
Переключиться на предыдущий сост. слой
Переключиться на предыдущий сост. слой
Удалить сост. слой
Удалить сост. слой
на следующий сост. слой
на следующий сост. слой
Новый сост. слой
Новый сост. слой
Обновить текущий сост. слой
Рис.Палитра Layer(Составные слои)
Настраиваем Photoshop
Не подлежит сомнению тот факт, что никакая программа не может предусмотреть все тонкости каждой отдельной машины и потребности каждого отдельного пользователя. Поэтому любойпакет имеет внутри себя подпрограмму
настройки, которая отдельным пунктом вынесена в то или иное меню. Не стал исключением и Photoshop. Его настройке и будет посвящен этот раздел.
Для этих целей служит особый пункт меню — Preferences (Установки): Edit Preferences (Редактирование Установки). Настраивать Photoshop вам придется нечасто, скорее всего, вы можете забыть об этом до переустановки программы.
Как вы заметили, настройки состоят из многих пунктов. Рассмотрим их по порядку.
General (Основные)
Итак, рассмотрим эти параметры (рис. 1.51). Здесь собраны самые общие настройки, которыеустановить вочередь, но, как показывает
опыт, именно в этом окне практически всем пользователям подходят параметры поумолчанию.
General (Общие) — если выпо этой надписи, то откроется список.
в котором вы сможете выбрать, в какой раздел настроек сейчас перейти:
Picker (Цветовая палитра) — тут вы указываете программе, какую цветовую палитру использовать: системную (Windows) или собственную палитру программы;
> Interpolation (Интерполяция) — тип интерполяции,в инст
рументах и командах. Рекомендуется оставить значение Bicubic (Бикубическая);
Redo Keyотмены) — устанавливается сочетание клавиш, исполь
зуемое для отмены последнего действия. Советуем ничего не менять и использовать параметр потак как это наиболее удобно.
Print Key (Клавиша печати) — клавиатурное сокращение, используемое для того, чтобы распечатать документ.
Рис. 1.51. Основные настройки программы
History states (Шаги истории) —важный параметр. Высколь
ко действий над изображением сохранять, чтобы иметь возможность отмены. Подробнее об этомв описании палитры History (Протокол) в разделе 1.4. Однако запомните — чем больше у васресурсов, тем выше
надо устанавливать это значение. Однако если ваш компьютер не слишком мощный, ограничьтесь 10 шагами, иначе работа программы будет тормозиться, особенно с большими
Export Clipboard (Экспортировать буфер обмена) — если вы установите этот параметр, то результат применения некоторых команд (Сору (Копировать), Paste (Вставить) и т. п.), то есть скопированное изображение или его часть, можно будет вставить в другиеНе стоит без необходимости
ставить галочку напротив этого параметра, если вы не обладаете мощной — это сильноработу, так как обычно приходится работать
с несколькимиа не только с Photoshop.
ShowTips (Выводитьк инструментам) — если этот параметр
установлен, то при подведении мыши к любой кнопке будет появляться подсказка с кратким описанием данного инструмента. Начинающим пользователям это может быть полезно, однако в дальнейшем можно отключить.
Keyboard Zoom Resize Window (Масштабирование с клавиатуры изменяет окно) — если включен этот режим, то при использовании клавиатурных сокращений ибудет масштабироваться не только изображение, но и его
окно.
Auto-update Open Document (Автообновление открытых документов) — включает автоматическое обновление открытых документов.
Show Asian Text Options (Азиатские языки) ^^^^н позволяет использовать китайский, японский и корейский языки.
Веер When Done (Звук по окончании) — подавать звуковой сигнал через бипер после окончания выполнения команды.
А Dynamic Color Sliders (Динамические шкалы) — если этот параметр установлен, то при перемещении мыши по цветовой полосе в палитре Color (Синтез) бегунки цветовых составляющих будут динамически менять свое положение.
А Save Palette Location (Сохранять размещение палитр) — очень важный параметр. Стоит в самом начале работы расположить палитры поудобнее и удалить неиспользуемые, после чего с помощью этого параметра вы сможете сохранить размещение своих палитр.
〉 Show Font Names in English (Выводить имена шрифтов по-английски).
Use Shift Key for Tool Switch (Использовать Shift для перебора инструментов). В палитре инструментов многие инструменты объединены в группы, то есть занимают одну ячейку. Если установлен этот флажок, то переключаться между ними можно, используя клавишу Shift.
History Log (Протокол событий). В случае включения этого параметра будет создаваться файл, в который будут записываться ваши действия — вплоть до каждого движения мышью. Содержимое этого файла выглядит примерно так:
2003-11-12 22:10:26Photoshop quit
2003-11-12 22:10:53Photoshop launched
Reset Brushes of current application
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： uni form Percent: 70,6 % With Monochromatic Wind
Wind
Method: Stagger Di rection: Right Save
As: TIFF
Byte Order: IBM PC
With LZW Compression In: D:\12.tif 2003-11-12 22:12:04File 12.tif Closed I Close 2903-11-12 22:12:04Photoshop quit
File Handling (Управление файлами)
Перейдем к следующему окну, посвященному настройкам сохранения (рис. 1.52).
PreferencesPreferencesI File Handling
Preferences
Preferences
.
File Saving Options
Previews:Save
File Extension: j Use Lower Case
•• File
Г EXIFtag
AskSaving Layered TIFF Files
Large Document Format (.psb) —
PSD[Ask
-Cue -
Management
Recent fllecontains:files
Рис. 1.52. Настройки управления файлами
Image (Просмотр изображения) — управляет сохранением миниатюр в файлах изображений. Возможные варианты: Save (Сохранять всегда), Never Save (Никогда не сохранять), Ask when Saving (Запрашивать разрешения). File Extension (Расширение файла) — регистр символов (прописные или заглавные буквы), используемых в расширении файла. Для чего это нужно? Больше всего для Интернета: большинство серверов построено на основе операционной системы Unix, в которой верхний и нижний регистр различаются. И если вы создали файл а в записано (что встречается очень часто при создании страниц в среде Windows), то картинка загружаться не будет.
Ignore EXIF tag (Игнорировать цветовой профиль EXIF). В некоторые форматы файлов Photoshop способен включать информацию о цветовом профиле. Если этот параметр включен, такая информация будет игнорироваться. Ask Before Saving Layered Tiff (Требовать подтверждения перед сохранением слоев в tiff-файле). Название этого параметра полностью его описывает.
Enable Large Document Format (Включить поддержку формата больших документов). Photoshop CS теперь поддерживает работу с очень большими документами. При этом они сохраняются в новый формат
Maximize PSD files(Максимальная совместимость файлов PSD),
Устанавливает совместимость PSD-файлов с предыдущими версиями программы и программами других производителей. Если для вас это выберитеAlways (Всегда),
Enable Version Cue Workgroup File Management (Обеспечить функционирование рабочей группы Version Cue). Version Cue — новая программа Adobe, входящая в пакет Adobe Creative Suite исовместную работу. Включение
этого параметра позволяет Version Cueработать с таким файлом.
Recent the file list contain (Помнить список файлов из) количество пунктов списка Recent (Последние) (см.File (Файл) в разделе 1.3).
Display & Cursors (Отображение и курсоры)
Это окно посвящено настройкам просмотра, а также вида курсора. Кое-что необходимо практически всем но об этом позже. Итак, вы видите (рис. 1.53).
PreferencesPreferences
Preferences
Preferences
Рис.Настройки просмотра изображения и вида
Color Channel in Color (Каналы в цвете). Если этот параметр установлен, то в палитре Channels (Каналы) и на самом изображении выбранный канал отображается не в черно-белом а в своем истинном цвете. Это очень удобно и просто необходимо при ежедневной работе.
Use Diffusion Ditherцветопередача) — необходимо для некоторых
мониторов.
Use(Дублирование пикселов) — применяйте в том случае, если
у вас не очень мощный компьютер. Б результате установки этого флажка при перемещении изображения по экрану или при изменении его размеров (видимых, а не реальных) у вас временно будет ухудшаться качество, но зато вырастет скорость этих операций.
Painting cursors (Курсоры инструментов рисования) настройка вида курсоров при использовании инструментов рисования. Варианты:
(Обычные) — самая неудобная форма, от которой стоит сразу от
казаться. Причина — когда курсор имеет вид инструмента, то часто из-за него не видно редактируемой области;
Precise (Точные) — курсор принимает вид крестика. Гораздо удобнее предыдущего;
Brush Size (Размер кисти) — рекомендуем именно этот вариант: всегда видно, какой величины будет мазок и какую область он займет;
Other Cursors (Другие курсоры) — настройка курсоров инструментов, не относящихся к инструментам рисования. Все аналогично предыдущему пункту, но предпочтение стоит отдать уже варианту Precise (Точные).
Transparency & Gamut (Прозрачность и цветовой охват)
Выбрав этот раздел настроек, вы увидите следующее окно (рис. 1.54).
I Transparency & Gamut门… Transparency Settings. •:…… GridGridLightI Transparency & Gamut门… Transparency Settings. •:…… GridGridLight--Сvideo alphahardwareСvideo alphahardwareРис. 1,54. Окно настроек прозрачности и цветового охватаРис. 1,54. Окно настроек прозрачности и цветового охвата
I Transparency & Gamut门
… Transparency Settings. •:……
Grid
GridLight
I Transparency & Gamut门
… Transparency Settings. •:……
Grid
GridLight
-
-
С
video alphahardware
С
video alphahardware
Рис. 1,54. Окно настроек прозрачности и цветового охвата
Рис. 1,54. Окно настроек прозрачности и цветового охвата
Units & RulersUnits & RulersCancel JCancel JColumn SizeColumn SizeRulers: 3 cmRulers: 3 cmType: points色Type: points色widthwidthGutter:Gutter:I pomls二IL^AUAW. 一2 V^M^MM^rMM^MMf [|2 J points jjI pomls二IL^AUAW. 一2 V^M^MM^rMM^MMf [|2 J points jjPreyPrey
Units & Rulers
Units & Rulers
Cancel J
Cancel J
Column Size
Column Size
Rulers: 3 cm
Rulers: 3 cm
Type: points色
Type: points色
width
width
Gutter:
Gutter:
I pomls二I
L^AUAW. 一2 V^M^MM^rMM^MMf [|2 J points jj
I pomls二I
L^AUAW. 一2 V^M^MM^rMM^MMf [|2 J points jj
Prey
Prey
Сразу стоит предупредить, что подавляющему большинству пользователей тут можно ничего не трогать, так как настройки по умолчанию являются оптималь* ными. Но все же рассмотрим их.
А Grid Size (Размер сетки). Нужно сказать, что в Photoshop прозрачность обозначается в виде чередования квадратиков, в результате чего получается шах- мятная поверхность. Здесь вы задаете размер этого квадратика. Единственный совет: если вы работаете при невысоком разрешении монитора, то лучше выбрать значение этого параметра Little.
> Grid Colors (Цвет сетки). В комментариях не нуждается. Но все же лучше оставить то, что есть — для зрения приятнее всего. Два квадратика под этим списком позволяют самостоятельно установить цвета, а не выбирать из готовых.
А Color (Цвет) — цвет, которым заменяются цвета, не входящие в систему CMYK. А Opacity (Непрозрачность) — непрозрачность предыдущего параметра,
Units & Rules (Единицы измерения и линейки)
В этом разделе настроек вы указываете, в какой системе единиц будете работать (рис. 1.55). Это очень важно, так как многие пользователи не умеют определять размер в пикселах на глаз.
Preferences
Рис. 1.55. Настройка единиц измерения и линеек
A Rulers (Липенки) — единицы измерения размера изображения. Варианты:
Pixels (Пикселы). Советуем работать именно в этих единицах, так как это наиболее удобно, правда, первое время может оказаться трудно. Определить
размер изображения на глаз можно следующим образом. Обратите внимание на разрешение вашего монитора. Представим, что оно 1024x768. Значит, в ширину монитор 1024 пиксела, а в высоту — 768.вы видите,
что ваше изображение при стопроцентном показе занимает, например, треть монитора в ширину. Значит, при грубой оценке его ширина равна 330 пикселам. Таким образом после небольшой тренировки вы сможете очень точно определять размер изображения;
(Дюймы) — удобно использовать жителям США, которые привыкли к таким единицам в обычной жизни;
Points (Точки). Единица, применяемая в основном в области полиграфии;
Cm (См) — сантиметры. Если вы только начали пользоваться программой, то, возможно, вам будет удобнее работать в этой системе единиц. Но лучше сразу перейти к пикселам;
Picas (Пики) — традиционная полиграфическая единица. Если вы связаны с издательской деятельностью, то прекрасно знаете, что это такое, в ином случае просто не обращайте на это значение внимания;
Percent (Проценты) — иногда просто незаменимы. Но в большинстве случаев — параметр из тех, о которых надо просто знать и которые нужны очень редко.
New Document Presets(Разрешение нового— задает на
стройки по умолчанию, используемые при создании нового документа.
Туре (Шрифт) — здесь вы устанавливаете, в каких единицах показывать размер шрифта. Варианты те же, что в пункте Rulers (Линейки).
(Размер колонки) — размеры колонки. Лучше не трогать вообще. Point/pica Size (Размер точки). Устанавливайте значение PostScript.
Guides, Grid & Slices (Направляющие, сетка и фрагменты)
Настройки вспомогательных элементов — направляющих, сетки и границ фрагментов (рис. 1,56). Напомним, что их отображение вы можете включить при помощи команд меню View (Вид).
Настройки(раздел Guides
Color (Цвет). Цвет направляющей;
Style (Стиль) — указываете, какую линию использовать в качестве направляющей: обычную или
Настройки сетки (раздел Grid
(Цвет). Цвет сетки;
(Стиль) — указываете, какие линии использовать в сетке;
Every (Линия через) — задается шаг сетки;
Subdivisions (Деления) — указываете, из скольких клеток состоит ячейка сетки.
Рис. 1.56. Настройки направляющих, сетки и отображения фрагментов
Настройки отображения фрагментов (раздел Slices
Line Colorлиний) — цвет ограничивающих линий;
Show Slice Numbers (Показывать— включает отображение
номеров фрагментов^
Plug-ins Scratch Disks (Дополнительные модули и диски)
Additional Plugins Directory (Папка для дополнительных модулей) — задает место размещения папки дополнительных модулей. Применяется в том случае, если вы перенесли эту папку из ее обычного места, например когда на диске с Photoshop у вас не хватает свободногоили вам необходимо
большое количество дополнительных фильтров.
Legacy PhotoshopNumber (Серийный номер Photoshop). В этой настройке
вводится серийный номер программы весли имеются дополнитель
ные фильтры, требующие его.
Scratch disks (Рабочие диски) — диски,длявременных
файлов программы. Лучше использовать всетак как этот пара
метр имеет важное значение при работе с большими изображениями и длинным списком шагов истории. Правда, хватит и одного диска, если у вас на нем есть свободный гигабайт.
Memory & Image Cache (Использование памяти)
Для нас тут важен только параметр — Used by Photoshop (Photoshop использует). Это объем (в процентах) физической памяти, выделяемый программе Photoshop. Если у вас памяти меньше, чем 64 Мбайт, то лучше поставить 100 Однако это влечет неприятные последствия — параллельно Photoshop вы не сможете запустить ни одну программу из-за недостатка памяти.
Browser (Файловый обозреватель)
В этом окне (рис. 1.57) находятся настройки встроенного обозревателя файлов Adobe Photoshop CS. Это окно можно вызывать не только из главного меню программы, но и из обозревателя.
Рис. Окно настроек File Browser (Обозреватель файлов)
Do Not Files Larger than (He обрабатывать файлы больше, чем). Программа не будет создавать миниатюры для просмотра изображений, размер которых больше установленного данным параметром. В противном случае работа с файлами, среди которых есть очень большие по размерам, может стать долгим и утомительным процессом.
() Most Recently Used Folders in Location Popup (Отображать () часто используемых папок в окне Установив этот параметр, вы определите, какое количество наиболее часто посещаемых папок будет отображаться в раскрывающемся меню «Размещение» обозревателя файлов.
CustomSize {) рх() пикселов вОпре
деляет размер миниатюр предварительного просмотра в обозревателе.
Backgroundвыполнениепроцессов). Если
эта опция будет включена, лишняяпроцессора будет направлена на
изображений в папках па компьютере для следующего более быстрого их открывания.
Quality(Высокое качество предварительного просмотра). Вклю
чает максимальное качество прорисовки изображений. Требует ных системных ресурсов. Если у вас слабый компьютер, то лучше эту настройку отключить.
Render Vector Files (Отрисовывать векторные файлы). Разрешает просмотр некоторыхформатов, в частности файлов Adobe Illustrator.
ParseMetadata from Non-image Files (Читатьиз неграфи
ческих файлов). Название этой функции полностью описывает ее действие.
Keep Sidecar Files with Master Files (Хранить вспомогательные файлы с
Разрешает изменять, добавлять или удалять в обозревателе метаданные изображений.
1.6. Работа с тоновыми кривыми
Этоодин инструмент цветокоррекции из стандартного набора
Применяется ончасто, особенно при работе с фотографиями.о том,
для чего он существует.
Тоновые(curves) предназначены для работы с яркостью. При
мости заменить на всем изображении одно значение яркости па другое, не влияя при этом на остальные, вы никак не обойдетесь без кривых. Изменять яркость как делом, так и для отдельных цветовых составляющих.
Чтобы начать работу с кривыми, выполните команду Image Adjustments Curves (Изображение > Настройка 卜 Кривые) или нажмите сочетание клавиш CtrH 簡.П。- сле этого передпоявится диалоговое окно Curves (Кривые) (рис. 1.57).
Перечислим основные настройки, расположенные в этом окне.
(Капал). Выбор канала, с которым вы будете работать. Изображение может быть отредактировано как целиком, так и по отдельным каналам. Причем кривые для разных цветовых составляющих могут сильно различаться.
СОВЕТ
Если вы редактируете старую либо не совсем удачную фотографию и вам необходимо изменить яркостьцвета, то просто выберите канал, на котором
ется его большая составляющая, и измените настройки при помощитолько в нем.
Brightness graph (Поле кривых). В этом поле изображается самакоторая
конечный результат вашей работы.которую вы видите
на этом поле, являетсязависимости выходной яркости от входной,
причем этотвы можететак, как вам
горизонтальной шкапе, расположенной под полем кривых, расположены вход-
значения яркости. На вертикальной — Для удобства пользователей все иоле разбито на 4 квадранта. Если вам необходимо построить более точную то вы можете увеличить число квадрантов с 4 до 10. Для этого нужно щелкнуть мышью внутри поля кривых при нажатой клавише Alt.
Рис. 1.58. Вид кривой до проведения
Brightness bar (Шкала яркости). По умолчанию (если вы работаете с RGB-изображением) темный конец данной шкалы расположен слева и цвета измеряются значением и именно по этому значению и производится воздействие на них при использовании кривых. Если вы щелкнете мышью по горизонтальной шкале, то темная и светлая часть поменяются местами. В таком виде перед вами появится данная настройка, если вы работаете в чернобелом режиме либо в режиме CMYK. Тогда цвета будут измеряться так, как принято в типографской печати, от 0 до 100
Curve (Инструменты построения кривой). Данные инструменты применяются для создания кривой. Левая кнопка позволяет строить гладкую кривую по точкам перегиба (этот режим активен по правая — кривую произвольной формы. При построении в режиме гладкой кривой вы можете добавлять новые точки на кривую и передвигать точки мышью. Если вам необходимо удалить точку, то по ней мышью при нажатой клавише Ctrl. Input/Output значения). Здесь отображаются значения яркости или интенсивности (в зависимости от установки шкалы яркости), соответствующие текущему положению курсора.
Load/Save (Загрузить/Сохранить). Вы можете сохранить любую из созданных вами кривых или загрузить готовую из файла с расширением
Smooth (Сглаживание). Применяется для сглаживания кривых, созданных инструментом построения произвольных кривых, после чего можно редактировать ее по точкам.
Auto (Авто). Благодаря этому параметру программа автоматически преобразует самые темные пикселы на изображении в черные, а самые светлые — в белые.
Options (Параметры). Эта кнопка позволяет настроить представление кривых.
Eyedroppers (Пипетки). Позволяет выбирать на изображении пикселы, значения яркости которых принимаются за крайние точки шкалы.
Когда вы открываете диалоговое окно Curves (Кривые), то перед вами появляется прямая линия, в которой все входные значения равны выходным. Если вы впервые столкнулись с кривыми, то попробуйте изменить настройки при помощи редактирования точек кривой, после этого вам станет понятно, как создавать более сложные зависимости и по какому принципу они будут работать.
Изогните кривую вверх, и все изображение осветлится, изогните ее вниз — и оно станет темнее (рис. 1.59).
Рис. 1.59. Элементарный пример применения кривых
Если у вас возникла потребность изменить яркость пикселов неодинаково, то вам необходимо построить кривую с несколькими перегибами (рис. 1.60). Наиболее простой пример 一 это увеличение и уменьшение контрастности, Если точки перегиба будут расположены близко друг к другу, а отрезок между ними образует горизонталь, то контрастность уменьшится. Это следует из того, что яркость пикселов на данном отрезке после преобразования станет примерно одинаковой. Если же линия будет близка к вертикали, то контрастность, наоборот, сильно увеличится, из-за того что близкие по яркости пикселы приобретут большой разрыв яркости.
И наконец, несколько слов о кривых произвольной формы. Эффект применения такой кривой получается довольно грубый. Существует несколько способов смягчить его.
А Воспользоваться кнопкой Smooth (Сглаживание). После того как вы щелкнете по ней мышью, все разрозненные кусочки вашей кривой соберутся в единое целое. Данной командой можно пользоваться неоднократно, до тех пор пока вы не добьетесь желаемого результата.
Рис. 1.60. Изменение контрастности изображенияРис. 1.60. Изменение контрастности изображения
Рис. 1.60. Изменение контрастности изображения
Рис. 1.60. Изменение контрастности изображения
ВНИМАНИЕ
Не переусердствуйте со сглажиеанием кривой, так как многократное его применение приведет к тому, что ваша кривая, в конце концов, приобретет свою первоначальную форму, установленную по умолчанию.
> Воспользуйтес1> вторым основным инструментом создания кривой — инструментом построения гладких кривых. В итоге ваша кривая представится в виде линии. на месте точек перегиба которой будут стоять маркеры, которые можно передвигать, увеличивая либо ослабляя тем самым эффект сглаживания.
Curves
Рис. 1.61, Эффект применения кривойРис. 1.61, Эффект применения кривой
Рис. 1.61, Эффект применения кривой
Рис. 1.61, Эффект применения кривой
Рисунок 1.61 иллюстрирует результат применения кривой, размеченной с помощью инструмента для построения кривых произвольной формы, к изображению однородно окрашенного яблока.
Таких образом, кривые — инструмент просто уникальный по своим одетокор- ректирующнм способностям, и владение им значительно расширяет возможности пользователя.
Автоматизация работы
Говоря об эффективной работе в Photoshop, нельзя не упомянуть о мощнейших средствах этой программы в области автоматизации работы. Для удобства рас- снотрення разделим их на две части: макросы и средства меню AutoDate (Автоматизировать).
Макросы
Очень давно создатели Photoshop обратили внимание па то, что опэомное количество работы, выполняемой в компьютерной графике, является отнюдь не г'ворческор, а машинально повторяемой последовательностью действий. ДеЁствителыюу оченн многое приходится часто повторять, и это сводится к ругшпюп рабсле. Поэтому и появилась идея использовать макросы (actions). Сразу скажем, что есть лесколь- ко вариантов перевода этого слоиа. Нам нравится больше всего слово «макроса, поэтому дальше будем пользоваться именно этим словом. Макрос — это запись последовательности действий, необходимых для получения какого-то конкретного результата. Каждая команда, которую вы выполняете в программе вручную, имеет свое имя и область действия. Например, самая распространенная команда Сору (Копировать) из меню Edit (Редактирование) имеет имя «Сору» и область применения — имеющееся выделение. Это и дает возможность записывать действия. Но нужно иметь в виду, что решение какой-либо задачи при помощи макросов имеет только один плюс — скорость. Если вы хотите сделать работу■ качественна^ го лучше работать руками.
При работе с макросами можно выполнять три основных действия над ними: создавать, редактировать и выполнять. Для этого используется палитра Actions (Операции), которая является основным средством работы с макросами (рис. 1.62), Палитра Actions (Операции) сожержит следующие элементы.
Активный макрос. В данном случае стрелка указывает на макрос Vignette.
Набор макросов. В стандартной поставке Photoshop CS имеется шесть таких папок:
> Default Actions (Макросы по умолчанию). Набор самых разных и, по мнению создателей программы, самых полезных макросов;
I> Commands (Команды). В этот набор входят самые распростране!!ные коман* ды, такие как Сору (Копировать), Grow (Смежные пикселы) и т. д. Может оказаться полезным только благодаря тому, что каждый макрос можно закрепить за отдельной функциональной клавишей;
11
Q Fr im« Channel - EQ pixel
Vt^Mtte («election)
New Action... NewSet... Duplicate Delete Play
Ас.ПмDockto Palette Well
JC5 Ac《*bn^・S *'Button Mode
> Wood Fr*m* - SO pixd *
.
Start Recording Record Again»..
Insert Menu Item...
Insert Stop, cr
:!—.pa十.
Action Onions,., Playback Options. >(
.七佗継All Actions
•
Loed Actions,..
Replace Actions.,. 二3亦心並次广g .
Commands, a tn Frames. atn Image Effects^atn Production, stn
■ Text Effects,atn
:Textures.atn .
.
Рис. 1.62. Палитра Actions (Операции)
Frames (Рамки). Различного рода рамки;
Production (Обработка). В большой части повторяет то, что будет описано далее в разделе, посвященном меню Automate (Автоматизировать);
Text Effects (Текстовые эффекты). Эффекты, направленные исключительно на текст. Есть огонь, лед и многие другие. Но использовать их мы не рекомендуем — качество получаемого результата крайне неудовлетворительное;
Textures (Текстуры). Различные текстуры, многие из которых, например дерево, выполнены очень качественно.
Toggle Dialog on/off (Вкл./выкл, диалоговое окно). Отображение диалогового окна.
Toggle Item on/off (Вкл./выкл. макрос). Воспроизводить или нет данный пункт в списке макросов.
Stop Playing/Recording (Остановить выполнение/запись). Остановить выполнение или запись макроса.
Begin Recording (Начать запись). Начать запись макроса.
Play Selection (Выполнить). Выполнить имеющийся макрос. Основная кнопка при работе с макросами. Но гораздо удобнее запускать макрос или сочетанием клавиш, которое вы можете закрепить за любым макросом сами. или двойным щелчком мыши при нажатой клавише Ctrl.
Create New Set (Создать набор). Создать новую группу макросов. Как правило, если вы сами записываете их, то удобно создать при помощи этой кнопки папку, в которой они будут храниться, чтобы не запутаться в дальнейшем.
Create New Action (Создать макрос). Создать новый макрос,
Delete (Удалить). Удалить выделенный макрос.
Открыть меню палитры Actions (Операции) (см. рис. 1.62). С помощью этого меню можно выполнить все команды, доступные в данный момент в палитре.
Запись нового макроса
Прежде всего создайте новую папку (кнопка 8 на рис. 1.62) для макросов, чтобы не засорять другие. Назвать ее лучше так, чтобы потом не пришлось задумываться о том, что в ней хранится, например Proba. He рекомендуется оставлять имя по умолчанию, вроде Set 1, так как уже через пару недель ВСП(!- мнить, что это за папка, будет практически невозможно.
Далее нажмите кнопку 9 (см. рис. 1.62). В результате откроется диалоговое окно New Action (Создание макроса), показанное на рис. 1,63. Это окно содержит следующие параметры:
Name (Имя) — название нового макроса. Все сказанное относительно имен папок можно повторить и здесь. Мы выбрали имя Grayscale исходя из назначения нового макроса;
Set (Набор) — набор, в котором будет сохраняться данный макрос;
Function Key (Клавиша) — клавиша для запуска данного макроса. В данном случае это Shift+F3;
Color (Цвет) — параметр, актуальный только для кнопочного вида палитры Actions (Операции). Перевести ее в этот режим можно, выбрав в меню (кнопка 11) пункт Button Mode (Кнопочный режим). Color (Цвет) — это цвет кнопки, под которой будет скрываться макрос. Так как работать в кнопочном режиме очень неудобно, эту настройку мы оставили без изменений.
Рис. 1.63. Диалоговое окно создания нового макроса
Затем нажмите кнопку 6. С этого момента все, что вы будете делать, записывается в данный макрос. Его функция будет такова: перевести изображение в полутоновое, уменьшить размер в два раза и закрыть файл, сохранив изменения.
В момент записи обязательно должен быть открыт какой-либо файл. Если такового не имеется, то поставьте запись на паузу (кнопка 5) и откройте любой графический файл либо создайте новый. Единственное требование к нему -
изображение должно быть в любой цветовой системе, кроме Grayscale тоновое).
Переведемвсерого: Image Mode > Grayscale (Изобра-
Полутоновое).
размер в два раза: Image Image Size (Изображение Размер изображения). Вокне выберем в качестве единиц измерения проценты, а высоту (Height) и ширину (Weight) установим равными 50Мы не
можем пойти другимтак как в задаческазано уменьшить в два
раза, а ведь изображения могут быть самых разных размеров.про
центы — единственная подходящая
Затем сохраним изображениеи закроем его.
После этого нажмите5 длязаписи.готов к ис-
Теперь вмомент по нажатию сочетания клавиш Ctrl+F3
активное изображение будетв полутоновое и уменьшаться два
раза. Если вам данный макрослужен, удалите его путем перетаскивания
на кнопку 10.
Редактирование макросов
действий, записанных макросе, имеют свои параметры. Действительно, не так много в Photoshop команд, которые применяются без
сти выбораЛ раз есть настройки, то логично было бы указывать их
записи. Если мы полностью раскроем любой макрос, то увидим примерно то, что показанорис. 1.64. Данный пример был выбран из-за размеров — это
одинсамых маленькихв наборе Default (Макросы по умолчанию).
УУ1111ИИ▽ Maka snapshotCurrent History State full『FeatherRadius: Б pixelsCopy▽ Maka snapshotCurrent History State full『FeatherRadius: Б pixelsCopy''□□
У
У
11
11
И
И
▽ Maka snapshot
Current History State full
『Feather
Radius: Б pixels
Copy
▽ Maka snapshot
Current History State full
『Feather
Radius: Б pixels
Copy
'
'
□
□
current
VVWith Toggle Others Make layer
V
V
▽ Fill
Using: white
100
Mode: no'Tnal d Move current layer
To: previous
Рис. 1.64. Полностью раскрытый макрос
Как вы видите, тут есть вся необходимая информация о действиях. Чтобы изменить, например, пункт Make Layer (Создать слой), следует дважды щелкнуть по нему мышью,
Использование макросов
Для того чтобы запустить макрос, есть три способа,
卜 Нажать кнопку Play Selection (Выполнить) в палитре Actions (Операции).
А Сделать двойной щелчок мышью по необходимому макросу с нажатой клавишей Ctrl.
> Нажать сочетание клавиш, назначенное данному макросу.
П редпочтателен третий вариант как самый быстрый.
Нередко возникает вопрос, пользоваться или нет стандартными макросами Photoshop. В принципе, это стоит делать, но только тогда, когда (юджимаег время или не важно качество результата. Большинство стандартных макросов создают эффекты крайне низкого качества.
Но все же есть одна область, где макросы незаменимы. Дело в том, что мноп te команды Photoshop применяются часто, но сочетаний клавиш не имеют, и приходится открывать несколько уровней меню, прежде чем их использовать. Особенно это касается фильтров. Но можно создать макрос, записать в нем необходимую функцию и закрепить этот макрос за какой-нибудь фупкшюнальноп клавишей. В результате удастся сэкономить время и повысить комфортность работы.
1.7.2. Меню Automate (Автоматизировать)
В Photoshop все средства автоматизации работы, кроме макросов, вынсхены в одно меню: Fi le ► Automate (Файл卜 Автоматизировать). Опишем их в том же порядке, в котором они расположены в меню.
Batch (Пакет)
Самая полезная из всех команд пакетной обработки изображений. Позволяет при- менпть любой макрос ко всем файлам в одной папке. Можно, например, выполнить любую обработку огромного количества фотографий, и займет это значительно меньше времен г г, чем при ручной работе. Как правило, основные задачи, решаемые таким методом, ^^р^^^^^в это изменение размеров и цветового режима фотографий. Диалоговое окно, появляющееся при выборе данной команды, показано на рис. 1.65.
А Set (Набор). Набор, из которого будет выбран макрос,
Action (Макрос). Используемый макрос. Действия, записанные в нем, будут применены к изображениям.
Source (Источник изображений). Есть четыре значения: Folder (можно выбрать изображения в любой панке вашего компьютера, самый распространенный вариант применения), Import (импортировать изображения), Opened Files (файлы, которые у вас уже открыты), File Browser (файлы. открытые во встроенном обозревателе файлов).
А Choose (Выбрать). Позволяет выбрать путь к папке с исходными изображениями.
А Override Action «Open» Commands (Игнорировать команду макроса «Открыть»).
Если выставлен этот параметр, то программа будет игнорировать собственную команду открытия файла в макросе, если такая есть, а будет использовать источник, который вы уже определили.
Рис. 1.65. Диалоговое окно Batch (Пакет)
Include Allпапки). Включать изображения из всех под
папок исходной папки,
SuppressProfile Warnings (He показыватьпредупреждения). Не
выводить информацию о цветах, которые не попадают в область полиграфического цветового охвата.
Destination (Назначение). Действия с исходнымикоторые будут выполнены по окончании макроса. Естьварианта:
о SaveClose (Сохранить и закрыть). Применяется, если необходимо из
менить группу изображений и исходные файлы не нужны;
Folder (Папка). Если вам необходимы еще и исходные файлы без изменений, то вы можете назначить папку, в которую будут складываться измененные изображения.
Choose (Выбрать). Путь к папке для обработанных изображений.
Suppress File Open Options Dialog (Игнорировать диалоговое окно настроек открытия файла).
Override Action «Save In» commands (Игнорировать команду макроса Игнорировать команду Save In (Сохранить в), если она есть в макросе.
Naming (Имена файлов). Этой группой параметров определяется, под кими именами сохранять файлы. Есть множество автоматизированных вариантов, например последовательная нумерация, добавление даты и т. д.
Compatibility (Совместимость). Назначать имена файлов из соображений совместимости ссистемами OS/2 и UNIX.
Errors (Обработка ошибок). Действия в случае ошибки. Есть два варианта: записывать ошибки в файл и не прерывать работу макроса (Log Errors to или останавливать макрос (Stop For Errors).
PDF Presentation (презентация Adobe Acrobat)
Новый инструмент, появившийся только в Photoshop CS. Позволяет создавать презентации в формате PDF или многостраничные документы PDF. Если с последними всепонятно, то что такое презентация Adobe
лучше пояснить.
Вэто обычное слайд-шоу, которое хранится в формате PDF. После запус
ка картинки будут сменять друг друга через определенные промежутки времени. Этот инструмент может оказаться полезным в случае, если,вы хотите
наиболее эффектно продемонстрировать удаленному партнеру свои работы.
Диалоговое окно PDF Presentation показано на рис. 1.66.
CancelCancel[Browse.门 i:[Browse.门 i:PDF Presentation
Cancel
Cancel
[Browse.门 i:
[Browse.门 i:
Files
Г* Add Open
lD^hcrfbod<UU-022 7•炉 014>botbook SU? 3 .B D： ^hotbook\L\l_W4J IF Di\phoJbook\l\r03.TIF D；\photbcok\lVJ)2&.TIF 6 6ob8kMV07qpe D: *ggkUV3・TIF
ps
Output
Save as: СDocumentPresentation
IViewafter Saving
f- Presentation Options —-^—.^j f? Advance[5SecondsLoop after Last PageIjf- Presentation Options —-^—.^j f? Advance[5SecondsLoop after Last PageIj
f- Presentation Options —-^—.^
j f? Advance[5Seconds
Loop after Last Page
Ij
f- Presentation Options —-^—.^
j f? Advance[5Seconds
Loop after Last Page
Ij
Рис. 1.66. ОкноPDF Presentation
A Source File (Источник). Здесь Bbl выбираете файлы, которые лягут в основу будущей презентации. Щелкан на кнопке Browse (Искать), можно найти нужные файлы на жестком диске. При установленном флажке Add Open File (Добавить открытые файлы) в презентацию будут добавлены также изображе- пня, открытые в данный момент в Photoshop.
OutputOptions (Настройкисохранения). Группа параметров, определяющих тип создаваемого документа:
> Save as (Сохранить как). Есть два варианта: Multi-Page Document (Многостраничный документ) и Presentation (Презентация);
О View PDF After Saving (Открыть файл PDF после сохранения). Если этот флажок: установлен, то сразу ш^сле завершения экспорта будет открыта программа для просмотра созданного файла.
I» Presentation Options (Настройки презентации):
Advance Every () seconds (Смена каждые () секунд). Определяет частоту смены слайдов в презентация;
Loop After Last Page (Повтор после последней страницы). Если этот флажок установлен, презентация не закончится на последнем кадре, а будет проигрываться заново;
i> Transition (Смена). Определяется способ смены слайдов. Можно выбрать один из 18 вариантов. Наиболее интересным из них авторам показался Dissolve (Растворение) — кадры, оправдывая название режима, действительно очень эффектно растворяются в фоне,
Create Droplet (Дроплет)
Очень интересная возможность, правда не настолько полезная, насколько интересная. Во всем повторяет Batch (Пакет), кроме одного: вы не указываете источника. Как она тогда работает? Дело в том, что эта команда создает ехе-файл, который вы можете поместить и любую папку и запустить, чтобы выполнить указанный макрос.
Conditional Mode Change (Изменить цветовой режим)
Команда, позволяющая менять цветовую систему для открытых изображений (рис. 1.67). Ничем не отличается по результату от Image ► Mode (Изображение ► Режим), по несколько быстрее и удобнее.
Contact Sheet II (Индекс)
При помощи этой команды можно сделать изображение, на котором будут показаны и миниатюре все картинки из папки-источника. Идеально подходит для создания небольших индексов, например в полиграфии. Диалоговое окно с параметрами индекса показано на рис. 1.68.
А Source Folder (Источник). Путь к папке-источнику.
А Document (Документ). Размеры документа, в котором будутразмещены миниатюры изображений из пайки-источника. Если все они не поместятся на один лист, программа создаст еще одни итш несколько листов по необходимости.
А Thumbnails (Миниатюры). Способразмещения миниатюр.
Рис. .67. Диалоговое окно Conditional Mode Change (Изменить цветовой режим)
Рис. 1.68.Диалоговое окно Contact Sheet II (Галерея)
> Use Filename As Caption (Использовать имена файлов). Использовать имя ©а>ла в качестве подписи к изображению. Стоит применять, когда имя файла несет в себе ценную информацию или если целью создания листа является показ лмаодшхся у вас изображений кому-нибудь еще,
Crop And Straighten Photos (Разрезать и разделить фотографии)
Инструмент, обратный предыдущему. Позволяет быстро распознать и разделить разные фотографии, собранные в одном изображении. Диалогового окна не имеет.
Fit Image (Подобрать размер)
Команда, изменяющая размер изображения по вашему выбору (рис. 1.69). Очень удобно, если вы готовите изображения для использования в Интернете.
Рис. 1.69,Диалоговое окно Fit Image (Подобрать размер)
Multi-Page PDF to PSD (Преобразовать из PDF в PSD)
Команда, позволяющая переводить PDF-файлы в формат PSD. Учитывая, какой объем информации на сегодняшний день хранится в PDF, можно считать эту возможность очень полезной.
Picture Package (Комплект страниц)
Интересная и полезная команда для тех, кто распечатывает свои работы. Позволяет очень удобно расположить на листе несколько копий изображения. Предлагается огромное количество готовых вариантов. На рис. 1.70 показан результат применения данной команды для четырех копий.
Рис. 1.70. Результат применения команды Picture Package (Комплект страниц)
Web Photo Gallery (Фотогалерея для Веб)
Незаменимое средство для фотохудожников, которые хотят разместить свои работы в Интернете, но не знают языка HTML. Создает просто великолепные интер- нет-галереи. Диалоговое окно с параметрами этой команды показано на рис. 1.71. К сожалению, показывать примеры в книге нет смысла, так как смотрятся они лучше всего на экране монитора.
IРис. 1,71.Диалоговое окно создания интернет-галереи
Для тех, кто знаком с HTML, это тоже большая помощь, так как программа сделает за вас всю 《черную» работу и вам останется только оптимизировать код, чтобы получить полностью оригинальную галерею.
Photomerge (Склеивание фотографий)
Новый инструмент, появившийся в Photoshop CS. Позволяет автоматизировать создание панорамных снимков из нескольких обычных.
Мы не станем описывать этот инструмент и его действие в деталях — это тот случай, когда нужно или иметь специальное образование и опыт работы с панорамными снимками, либо долго разбираться при помощи экспериментов. Отметим лишь то, что Photomerge очень эффективно совмещает фотографии, находя в них аналогичные фрагменты.
На этом обзор средств автоматизации закончен. В заключение добавим, что применять их надо, сначала разобраишись. нельзя ли достичь желаемого результата без этих команд.
Команда Free Transform и другие видытрансформирования
Вообще-то, предмет этого раздела входит и меню Edit (Редактирование), однако мы считаем его настолько важным, что решили рассмотреть отдельно. Действительно, почти никакая работа не обходится без трапсформнроваиия выделенного участка изображения или отдельного слоя. Эта команда позволяет делать так много и так просто, что ее можно считать одной из лучших находок разработчиков уже далекого Photoshop 3.0. Постарайтесь прочувствовать эту команду, и она еще не раз сэкономит ваше время.
Чтобы запустить команду Free Transform (Свободное трансформ] ipoiiamie), просто нажмите CtrL+T или выберите ее и меню: Edit ► Free Transform (Редактирование > Свободное трансформирование).
Затем щелкните правой кнопкой мышн в пределах появившегося контура, и вы увидите меню с параметрами трансформирования (рис. 1.72).
Fr^e Transform
-Scale
Rotate
Shew
Distort
Perspective
Rotate 180°
Rotate 90° CW
Rotate 90° CCW
Flip HorizontatI
Flip Vertical
Рис. 1.72. Параметры трансформирования
Рассмотрим общие свойства всех «трансформаторов». Обратите внимание на ограничиваю тую рамку. С ней вам в основном и придется работать. Квадратики по углам прямоугольника и серединам отрезков называются узлами, и путем их перетаскивания можно выполнить любое преобразование выделенного участка. Точка в центре прямоугольной области — это так называемая опорная точка, она является центром вращения. Пока не нажата клавиша Enter, вы находитесь в режиме трансформации и не можете выполнять никаких других действий. Перейдем к описанию самих модификаторов. Заметьте, что команда Free Transform (Свободное трансформирование) — это гибрид масштабирования (Scale (Размер)) и вращения (Rotate (Поворот)). Поэтому достаточно описать эти две команды, чтобы раскрыть и Free Transform (Свободное трансформирование).
Scale (Размер). Изменяет линейные размерыобласти, то есть
длину и ширину.частотекста, так как
не всегдаили ширина шрифта из стандартного набора подходит в конкретной работе. Просто перетаскивайте узлырамки.
Rotate (Попорот), Очень полезная команда. Результат ее применения можно рис. 1.73. Перед тем как использовать команду Rotate
обратите внимание на расположение опорной точки. Если поворот вокруг нее как вокруг оси васустраивает, то выведите мышь за пределы рамки
и нажмите левую кнопку мыши. Вычто курсор изменился. Теперь
можно осуществлятьпо часовой стрелке или против нее. Если у
недостаточнокомпьютер, а изображение большое и с высоким раз
решением, то выполнить точный поворот будет довольно сложно. Как исправить, читайте в разделе 1.5,
Рис.Применение команды Rotate (Поворот)
Skew (Угол) — результатсмотрите на рис. 1.74. Эта команда изменяет угол между отрезками,изображение. В нашембыло
два угла.
Рис.Применение команды Skew
Distort (Деформация) — очень похожа нано отличие
в том, что изменяется не один угол, а два, что приводит к полному всех линейных размеров (рис. 1.75).
Рис.Результат использования команды Distort (Деформация)
Perspective (Перспектива) — очень интересная и полезная команда.
изменять два нижних или верхних углав результате чего
получаетсяуходящей вдаль поверхности (рис.
Рис. 1.76. Применение команды Perspective (Перспектива)
Rotate 180 — развернутьна 180°.
Rotate 90— повернуть на 90° по часовой стрелке.
Rotate 90— повернуть на 90° против часовой стрелки.
— отразить зеркально D горизонтальном направлении. Применяется очень часто.
Flip Vertical — аналогична предыдущей команде, только действует в вертикальном направлении.
Работа с текстом
В болееверсиях работа с текстом была самым слабым местом Photoshop,
Именно это заставляло устанавливать дополнительные программы, цель которых была только одна —этот недостаток лучшего графического редактора. Однако в шестойпроизошли революционные изменения: стало
можно просто писать текст на изображении (для тех, кто не работал с более ран- версиями, — раньше для этого открывалось специальное окно, что было весьма неудобно). Седьмая версия программы не привнесла в работу с текстом ничегонового. А вот Photoshop CS обогатился давно ожидаемым
— теперь возможно пускать текст по контуру. Но об этом читайте в разделе
Для написания текста используется четыре инструмента.
текст по умолчанию.тем цветом, который выбран у нас
основным или цветом переднего плана (Foregroundпо горизонтали,
Текст в вертикальном направлении.
Очень полезная возможность, если вы хотите создать что-нибудь вроде того, что изображено на рис. 1.70. Как это сделано, спросите вы? Да очень просто, настолько просто, что мы даже не стали это выносить в практику. Прежде всего пишем любую надпись выделением. Затем копируем содержимое выделенной областии сразу же вставляем. На вид ничего не
изменилось, но теперь мы можем применить эффекты слоя: Layer Layer Style Bevel and(Слой Стили слоя Скос и рельеф). Вот и все!
Текст как выделение в вертикальном направлении (рис. 1.77).
Рис. 1.77. Надпись, созданная как выделениеРис. 1.77. Надпись, созданная как выделениеКак и любой другой инструмент, Туре (Текст) имеет свои настройки, отображаемые в панели параметров (рис. 1.78).Переход от горизонтального написания текста к вертикальному и наоборот.Как и любой другой инструмент, Туре (Текст) имеет свои настройки, отображаемые в панели параметров (рис. 1.78).Переход от горизонтального написания текста к вертикальному и наоборот.NewчNewчВ этом списке вы выбираете, какой шрифт использовать. Если вы хотите серьезно работать с Photoshop, то только теми шриф-В этом списке вы выбираете, какой шрифт использовать. Если вы хотите серьезно работать с Photoshop, то только теми шриф-тами, что ставятся вместе с системой, вам не обойтись.тами, что ставятся вместе с системой, вам не обойтись.|Bold|Boldj Вариант начертания текста: полужирный, курсивный, подчеркнутый или другой.j Вариант начертания текста: полужирный, курсивный, подчеркнутый или другой.шрифта. самые разные единицы измерений- (см. 1.5). В том случае, если стандартные размеры вам не подходят, можно использовать команду Free Transform (Свободное трансформирование) из меню Edit (Редактирование).шрифта. самые разные единицы измерений- (см. 1.5). В том случае, если стандартные размеры вам не подходят, можно использовать команду Free Transform (Свободное трансформирование) из меню Edit (Редактирование).Способ сглаживания текста. Назначение этого параметра — устранить неровности мелких шрифтов.Способ сглаживания текста. Назначение этого параметра — устранить неровности мелких шрифтов.''Рис. 1.78. Вид панели параметров для инструмента ТуреРис. 1.78. Вид панели параметров для инструмента Туре3 [Hi72Pt3 [Hi72Pt"П ・』ishwp ▼)；1-口 又 О g y!"П ・』ishwp ▼)；1-口 又 О g y!
Рис. 1.77. Надпись, созданная как выделение
Рис. 1.77. Надпись, созданная как выделение
Как и любой другой инструмент, Туре (Текст) имеет свои настройки, отображаемые в панели параметров (рис. 1.78).
Переход от горизонтального написания текста к вертикальному и наоборот.
Как и любой другой инструмент, Туре (Текст) имеет свои настройки, отображаемые в панели параметров (рис. 1.78).
Переход от горизонтального написания текста к вертикальному и наоборот.
Newч
Newч
В этом списке вы выбираете, какой шрифт использовать. Если вы хотите серьезно работать с Photoshop, то только теми шриф-
В этом списке вы выбираете, какой шрифт использовать. Если вы хотите серьезно работать с Photoshop, то только теми шриф-
тами, что ставятся вместе с системой, вам не обойтись.
тами, что ставятся вместе с системой, вам не обойтись.
|Bold
|Bold
j Вариант начертания текста: полужирный, курсивный, подчеркнутый или другой.
j Вариант начертания текста: полужирный, курсивный, подчеркнутый или другой.
шрифта. самые разные единицы измерений
- (см. 1.5). В том случае, если стандартные размеры вам не подходят, можно использовать команду Free Transform (Свободное трансформирование) из меню Edit (Редактирование).
шрифта. самые разные единицы измерений
- (см. 1.5). В том случае, если стандартные размеры вам не подходят, можно использовать команду Free Transform (Свободное трансформирование) из меню Edit (Редактирование).
Способ сглаживания текста. Назначение этого параметра — устранить неровности мелких шрифтов.
Способ сглаживания текста. Назначение этого параметра — устранить неровности мелких шрифтов.
'
'
Рис. 1.78. Вид панели параметров для инструмента Туре
Рис. 1.78. Вид панели параметров для инструмента Туре
3 [Hi72Pt
3 [Hi72Pt
"П ・』ishwp ▼)；1-口 又 О g y!
"П ・』ishwp ▼)；1-口 又 О g y!
Выравнивание текста по левому краю.
Выравнивание текста по центру.
Выравнивание текста по правому краю
Выбор цвета текста. По умолчанию стоит тот, который определен основным цветом (цветом переднего плана, Foreground Color).
А вот на этом параметре мы остановимся подробно, так как он является одним из лучших средств искривления текста. Если вам требуется нарисовать,
эмблему с текстом по окружности, то вам не придется
каждую букву по отдельности — с помощью данного инструмента вы решите эту задачу, затратив минимуми усилий. После того как вы нажмете кноп
ку инструмента, вы увидите диалоговое окно Warp Text (Деформировать текст) (рис. 1.79). Если вы выберете в(Стиль) любой вариант деформации,
станут доступны следующие
Bend (Закругление) — степень искривления.
Horizontal. Distortion (Горизонтальное искривление) — степень искривления Б горизонтальном направлении.
Vertical Distortискривление) — степень искривления в верти
Г~^~1CancelГ~^~1Cancelкальном направлении.
Г~^~1
Cancel
Г~^~1
Cancel
Warp Text
- Style:
Vertical
:Bend：而%
ton;
Vertical
亡,；；：；…—占'"；-一一,
Рис.Диалоговое окно Warp Text (Деформировать текст)
Включить палитры. В результате у вас появятся две палитры: Character вол) и Paragraph (Абзац) (рис. 1.80).
NewNewHQHQIT而7 A： Rp；IT而7 A： Rp；Т роомТ роомТТ]с*—F pw ”5 \ 皆 jM—¥ 尸■— 事у [Б75* JSTi"•*|o7i-^ [ой.無 F^P Hyphenate]с*—F pw ”5 \ 皆 jM—¥ 尸■— 事у [Б75* JSTi"•*|o7i-^ [ой.無 F^P Hyphenatek五;陶k五;陶0/插:$ 20/插:$ 2Рис.Палитры для работыРис.Палитры для работысс
New
New
HQ
HQ
IT而7 A： Rp；
IT而7 A： Rp；
Т роом
Т роом
Т
Т
]с*—F pw ”5 \ 皆 j
M—¥ 尸■— 事
у [Б75* JSTi
"•*|o7i
-^ [ой.無 F^
P Hyphenate
]с*—F pw ”5 \ 皆 j
M—¥ 尸■— 事
у [Б75* JSTi
"•*|o7i
-^ [ой.無 F^
P Hyphenate
k五;陶
k五;陶
0/插:$ 2
0/插:$ 2
Рис.Палитры для работы
Рис.Палитры для работы
с
с
Рассматривать их подробно мы не будем, так как они во многом повторяют панель параметров, но несколько совершенствуют многие процессы.
При работе в Photoshop с текстом часто возникают сложности с использованием символов кириллицы. Мы предлагаем следующие способы решения этой проблемы.
Способ первый — «терапевтический».
Запустите редактор реестра (в папке Windows запустите файл Regedit.exe или в меню панели задач выберите команду Выполнить (Run) и наберите regedit).
Откройте раздел HKEY_LOCAL_MACHINE\5YSTEM\CurrentControlSet\ControL\NLs\CodePage.
Теперь измените значение параметра 1252: для WindowsNI на C_1251.NLS, для Windows95/98 на cp_1251.nls.
Обязательно перезагрузите компьютер.
Способ второ" — «хирургический». Дело в том, что многие шрифты, поставляемые вместе с Windows, не русифицированы. Поэтому можно купить диск с русскими шрифтами и переустановить в системе их все или просто добавить русифициро- ванные^ используя Панель управления Windows. (На компакт-диске прилагаемом к этой книге, находится несколько десятков русифицированных шрифтов.)
Контуры и фигуры
Photoshop — редактор растровой графики. Но элементы векторной графики в нем также присутствовали всегда. Это контуры (paths) и редактирующие их инструменты из группы Реп (Перо). Что такое контуры? Это векторные элементы, не являющие ся частью изображения, которые можно создавать и редактировать, переводить в выделение или заливать цветом. Можно сказать, что это еще одна форма интерпретации выделения. В третьей версии программы, кстати, основным примеыением контуров л было точное выделение областей сложной формы. В Photoshop 7.0 уже имеется мощнейший инструментарп ii выделения, и эта функция контуров учратилл. свое значение. На данный момент контуры используются в следующих случаях > Создание сложных фигур. Инструменты группы Реп (Перо) очень удобны, когда необходимо нарисовать новую фигуру, особенно если она должна быть переведена в выделение. Конечно, то же самое можно выполнить 11 инструментом Lasso (Лассо), но это очень сложно и неудобно;
А Shapes (Фигуры). Это окончательное слияние векторной и растровой графи ки в одной программе. Фигуры — это готовые объекты различно!'^ геометрической формы. Если раньше, чтобы получить, например, Круг, 11[>11ХОДИЛОСЪ сначала создавать круглое выделение, а йотом заливать его, то теперь достаточно использовать инструмент Ellipse (Эллипс).
Если вы работали в программах векторной графики, таких как CorelDRAW, то дальше этот раздел можете не читать — в работе с контурами вам все будет знакомо и легко.
Инструменты работы с контурами
и палитра Paths (Контуры)
Прежде всего рассмотрим инструменты создания и редактирования контуров, которые находятся в палитре инструментов.
：纖繆 Реп (Перо) — основной инструмент при работе с контурами. Позволяет их :二緇缢 создавать. Работает следующим образом: вычерчивает прямую или кривую
линию от одной опорной точки до другой. Чтобы установить якорь (опорную точку), достаточно правой кнопкой мыши. Если при этом вы не отпустите кнопку и начнете отводить контур, то линия получится кривая.
СОВЕТ
Не старайтесь при помощи одного инструмента Реп (Перо) создать весь контур. Если контур достаточно сложной формы, это получится у редкого профессионала. Как правило, при помощи пера строится только набросок контура, а тонкости доводятся специальными инструментами данной группы.
Freeform Pen (Свободное перо) — инструмент, ближайшей аналогией которого является Lasso (Лассо). Отличие только в одном: Lasso (Лассо) создает выделение, а данный инструмент — контур. Этим инструментом удобно пользоваться только в том случае, если вы можете очень точно рисовать курсором, так как контур полностью повторяет его траекторию. Как правило, при помощи мыши так не получается, и поэтому Freeform Pen (Свободное перо) — это излюбленный инструмент пользователей, имеющих в наличии дигитайзеры (панели для рисования). Правда, если в свойствах инструмента вы выставите значение Magnetic (Магнитное), то он станет похож уже на Magnetic Lasso (Магнитное лассо), а это очень часто применяется, особенно при точном выделении объектов.
Anchor Point (Перо+) — добавить опорную точку контура. Один из самых необходимых инструментов редактирования контура.если вам
нужна дуга, то можно сделать ее следующим образом: при помощи пера построить прямую линию, затем добавить опорную точку на середину линии и вытянуть ее вверх. Очень быстро и удобно.
Anchor Point— инструмент, противоположный предыдущему.
Convert Point (Угол) — удобный инструмент для модификации контура.
ПРИМЕЧАНИЕ
Научиться работать с контурами, что называется, с ходу невозможно. Необходима хотя бы небольшая практика. Лучше всего поставить себе задачу нарисовать в контурах что- нибудь сложное, автомобиль. И когда вы ее выполните, то сможете уверенно говорить о том, что умеете обращаться с контурами.
Палитра Paths
Палитра Paths (Контуры) — это единственная палитра, в которой можно редактировать контуры (рис. 1.81).
В нижней части этой палитрыкнопки, за которыми закреплены наи
более полезные команды работы с контурами.
I Path (Залить контур). Залить контур текущим цветом. Применяется для созданияфигур. Когда необходимо залить текстурой, то
лучшеправой кнопкой мыши внутри контура и выбрать в открывшемся меню пунктPath (Залить контур). В результате свойства заливки можно
будет определять в стандартном окне(Заливка) (вызываемом командой
Edit(Редактирование
Рис. 1.81. Палитра Paths (Контуры)Рис. 1.81. Палитра Paths (Контуры)
Рис. 1.81. Палитра Paths (Контуры)
Рис. 1.81. Палитра Paths (Контуры)
Stroke Path (Обвести контур). Вычертить контур текущим цветом. По умол- используется карандаш. Но можно значительно расширить возможности, если запускать эту команду из меню, которое появляется после щелчка правой кнопкой мыши внутри контура. Тогда откроется окно, показанное на рис. 1.82. Как видите, естьстроить контур любым из множества
инструментов.
Stroke PathStroke Pathlool:］夕 Pencilool:］夕 PenciГГ夕 Pendl夕 Pendl33BrushEraserBrushEraserBackground Eraser Clone StampPattern StampHealing BrushBrushArtBrushSmudge6Sharpen■ Dodge日 Burn© SpongeffiReplacement ToolBackground Eraser Clone StampPattern StampHealing BrushBrushArtBrushSmudge6Sharpen■ Dodge日 Burn© SpongeffiReplacement Tool
Stroke Path
Stroke Path
lool:］夕 Penci
lool:］夕 Penci
Г
Г
夕 Pendl
夕 Pendl
3
3
Brush
Eraser
Brush
Eraser
Background Eraser Clone Stamp
Pattern Stamp
Healing Brush
Brush
ArtBrush
Smudge
6
Sharpen
■ Dodge
日 Burn
© Sponge
ffiReplacement Tool
Background Eraser Clone Stamp
Pattern Stamp
Healing Brush
Brush
ArtBrush
Smudge
6
Sharpen
■ Dodge
日 Burn
© Sponge
ffiReplacement Tool
Рис.Диалоговое окно Stroke Path (Обвести контур)
Make Selection (Загрузить контур как выделение). Часто применяется, например, если вы использовали контуры, чтобы обвести очень точно объект,
а теперь хотите редактировать его.
Make Work Path (Загрузить выделение как контур). Загрузить выделение в качестве контура.
New Path (Создать контур).
Delete Current Path (Удалить контур).
С помощью команд меню, открывающегося по нажатию круглой кнопки, расположенной в верхнем правом углу палитры, можно сохранить и впоследствии ис- пользоватьконтур.
Фигуры
Практическая польза фигур (shapes)это лучший способ создать лю
бую двумерную геометрическую фигуру.
Сделайте активным первыйгруппы — Rectangular (Прямоугольник). Обратите внимание на то, что впараметров среди прочих настроек
стали доступны и другие видыЭлементы панели параметров мы сейчас
и рассмотрим.
Shape Layers (Создать фигуру). Этот идва параметра очень
определяют, что будетсобой фигура. В данном слу
чае будет создаваться самый полезный тип фигуры — слой фигуры. Это некий гибрид слоя и контура, то есть вы можете редактироватьфигуру как кон
тур, но при этом она обладает всеми свойствами слоя. В этом масса преимуществ, в том числе и возможность применять стили слоя (Layer Style).
Paths (Создать контур). Создавать фигуру только вконтура, не
мая под нее отдельный слой.
(Заполненная область). Создавать только фигуру. В таком режиме фигурасразу прорисована на активном слое, и вы не сможете
ее
УжевышеРеп (Перо). Наличиеэтой
группы в панели— новшество Photoshop 7.O.
Freeform Pen (Свободное перо).
2 K
Rectangle (Прямоугольник). Сразу обратите внимание на кнопку
Optionsпараметры).ееоткроется окно свойств
фигуры (рис. 1.83).
r^ Rectangle Options *一
:贞 Unconstrained
Square
I「Fixed Sizeу 厂
Proportional V
From
Рис. 1.83. Свойствафигуры Rectangular(Прямоугольник]
Unconstrained (Свободное рисование). Рисовать без всяких ограничений, Square (Квадрат). Рисовать квадрат.
Fixed Size (Фиксированные размеры). Прямоугольник с фиксированными размерами.
Proportional (Пропорции). Прямоугольник сдли
ны и ширины. From Center (От центра).от центра изображения.
Snap to(Привязать к пикселам). Продолжить края допикселов.
.Rounded(Скругленный прямоугольник). От обычного
Iотличается толькопараметром — Radius (Радиус). Это радиус
сопряжений по краям, определяемый в пикселах.
(Эллипс). Вничемотличается от
Polygon (Многоугольник). В панели параметров только одна
ная настройка — Sidesв которой вы указываете количество сторонГораздо большенастроек в диалоговом окне,
вызываемомкнопки Geometry Options (Геометрические параметры).
Онона рис. 1.84. Ниже перечислены представленные в этом окне свойства многоугольника, а на рис. 1.85 показано десять фигур, созданныхпомощи инструмента Polygonс разными настройками.
Radius (Радиус). Радиус описанной окружности для данной фигуры.
> Smooth Corners (Скругленные углы). Делать углы.^н^рУ'Г'.^слиымн.
Indent Sides By (Звезда). Придать фигуре форму звезды.создавать
количество
Smooth Indents (Сглаживание выемки). Сглаживать внутренние части звезды.
Polygon Options
；Radius: j
I 3 Smooth Corners
i Star ••••
ii IndentBy; '
i 1Smooth
Рис.фигуры Polygon (Многоугольник)
Рис. 1.85. Фигуры, созданные инструментом(Многоугольник)
Line (Линия).позволяющий создавать линии и стрелки. Для
линии есть только одна настройка — Weight (Ширина). Несколько сложнее со стрелкой. Ее параметры определяются в окне настроек фигуры (рис. 1.86). Благодаря этим параметрам можно получить огромное количество вариантов стрелок, некоторые из них показаны на рис. 1.87.
Start (ВРисовать стрелку в начале линии.
End (В конце). Рисовать стрелку в конце линии.
Width (Толщина). Процентное отношение толщины стрелки к толщине линии, Length (Длина). Процентное отношение длины стрелки к толщине линии.
Concavity (Вогнутость). Определяет вогнутость стрелки. Может иметь значение от +50 % до -50
Arrowheads 一三
Г start Г End j
Width;
Length: (5ЖГ
Concavity: [ow — у
Рис.Окно настроек линии со стрелкой (инструмент Line
МММ
Рис. 1.87. Варианты стрелок
В раскрывающемся списке Custom Shape (Пользовательская фигура), находящемся в панелисодержатся созданные вручную фигуры. При помощи
команды Edit Define Custom Shape (Редактирование Определить новую фигуру) вы можете сохранить любой контур как фигуру и использовать ее в дальнейшем. Раскрывающийся список Layer Style (Стили слоя) позволяет применить к фигуре слоевые эффекты. Это возможно только для фигур, построенных в режиме Shape Layer (Слой фигуры).
Этих возможностей вполне достаточно для того, чтобы обойтись без любой программы векторной графики. Но не забывайте о том, что фигуры еше можно редактировать,
Для редактирования фигур используются два специальных инструмента.
Selection (Перемещение фигур) — применяется для перемещения фигур. Если использовать его с нажатой клавишей Shift, то фигура будет перемещаться горизонтально, вертикально и под углом 45°, а с нажатой клавишей Ctrl фигура будет скопирована.
Selection (Модификация фигур) — инструмент, при помощи которого можно менять вид фигуры путем воздействия на точки и линии контура, ограничивающего фигуру. Очень полезный и простой инструмент, который удобно применять не только к фигурам, но и к контурам.
Не забывайте также о том, что фигуры являются контурами, ис ними
можно работать всеми инструментами группы Реп (Перо).
Текст по пути
Одной из самых важных и давно ожидаемых возможностей Photoshop CS стало размещение текста по контуру. Теперь нет никаких трудностей в том, чтобы на-
писать фрагмент текста любой формы — то, для чего многие специально устанавливали программы векторной графики или дополнительные плагины к Photoshop. Пользоваться текстом по контуру очень просто. Создайте любую кривую, причем это может быть как пользовательский контур, так и любая из автофигур. Подведите к нему курсор текстового инструмента (к сожалению, пока Type Mask в режиме текста по контуру не работает). Указатель сменит вид. Теперь можно ввести нужный текст,
Менять направление или расположение текста по кривой можно инструментом Path Selection. Надпись в этом режиме показана на рис. 1.88.
Рис. 1.88. Пример текста по контуру
Работа с каналами и масками
Для того чтобы понять, что такое каналы, необходимо четко представлять, как строится изображение в Photoshop. Любой рисунок, созданный либо открытый в Photoshop, представлен в виде трех (рис. 1.81) или четырех каналов, которые при наложении и создают цвет, видимый нами на экране.
Существует несколько цветовых моделей, с которыми можно работать в Photoshop, и почти каждая из них ориентирована на тот или иной вид деятельности:
RGB применяется при сканировании изображений и в большинстве других случаев.
> CMYK соответствует цветам, в которых данный рисунок будет распечатываться.
Lab не связана ни с одним устройством.
Что же представляют собой отдельные каналы? Это просто черно-белое изображение, на котором каждому пикселу соответствует 8 (16) битданных (256 знача ний яркости). Кроме основных каналов, которые непосредственно формируют изображение, могут быть созданы дополнительные. На сам рисунок они не влияют, а хранят информацию о выделенных областях. В остальном же они ничем не
отличаются от основных каналов.
Рис.Три канала одного изображения
Повсе каналыв черно-белом режиме, но его можно
заменить па(цвет изображения будет совпадать с цветом канала). Для
этого выберите команду Edit Preferences& Cursors
Установки Отображение и курсоры) и вокне установите флажок Colorin Colorв цвете). Однако следует учиты
вать, что на цветном изображении канала мелкие детали выражены недостаточноа следовательно, качество работы может ухудшиться.
Разные каналы одного и того жевыглядят так, как показано на
Переключаться с канала на канал вы можете, щелкая мышью на значке нужного катит вChannels (Каналы) (вид этой палитры см. на рис.
а также благодаря клавиатурным сокращениям. Выбирать насколько каналов сразу можно щелчком мыши при нажатойShift. Для того чтобы па вре
мя отключить просмотр одного из каналов, щелкните мышью на пиктограмме с изображением глаза, находящейся сстороны.
Чтобыдля чегоприведем простой пример. Наверное,
вы не разгде лица слишком красные, а
зеленый. Если вы попытаетесь редактировать данное изображение целиком, к сожалению, у вас ничего не получится. Но стоит посмотреть на цветовые составляющие рисунка, как вы сразу поймете, чего здесь слишком много, а чего не мешала бы и добавить.заключается в том, что вы можете редактировать их независимо друг от друга, используя при этом всеPhotoshop.
Можно воспользоватьсярисования, фильтрами,яркости, тоновыми кривыми, амногим другим.
Возможности палитры Channels (Каналы)
Если выправой кнопкой мыши по любому каналу в
появится меню, состоящее из двух команд (рис. 1.90).
Duplicate Channel (Создать копию канала) — дублирует активный канал.
Delete Channel (Удалить) — данная команда удаляет активный канал.
Dupkal:6 Channel.. +:
Delete Channel
Рис.Меню с командами создания и удаления каналов
Внизуканалов расположены четыре
Load Channel As(Загрузить канал как выделение) — преобразует
канал в выделение. Следуетчто белые области канала
ствуют выделенным пикселам, черные —а серые —вы
деленным пикселам.
Save Selection As Channel (Сохранить выделение как канал) — преобразует выделение в новый канал.
Delete Current Channel (Удалить канал) — еще один способ удалить канал.
Create New Channel (Создать канал) — создание нового канала. Эту кнопку можно использовать для дублирования имеющихся каналов: перетащите канал мышью к даннойи он автоматическина новый канал.
Следующая серия командв меню (рис. которое вызывается
щелчком мыши по круглойв верхнем правом углу палитры каналов.
to Palette Well
New
Duplicate
Channel
New Spot Channel,.
Uhennd Cptions..,
5“c Channels
Paiette Options. „
Рис.Основные команды работы с каналами
С первыми тремя— New Channel (Создать канал), Duplicate Channel
(Создать копию капала) и Delete Channel (Удалить) — мы уже познакомились.
New Spot Channel (Создать канал комбинированного цвета) — каждый канал такой структуры выводится на отдельную печатную форму. Необходимо указатьи плотность данного капала.
Merge Spot Channel (Объединить с каналом комбинированных цветов) — эта команда объединяет канал комбинированного цвета с основными цветовыми каналами той модели, которую вы используете,
Channel Options (Параметры— данная команда позволит вам изменить
название канала, прозрачность,Эту команду можно вызвать двой
ным щелчком мыши по каналу.
Channels (Разделить каналы) — при помощи этой команды вы можете разделить свое изображение на несколько составляющих. Количество составляющих будетот количества каналов. Другими словами, если вы
используете модель RGB, то ваше изображение разобьется на три новых, каждое из которых будет идентично одному каналу исходного.
A Merge Channels (Объединить каналы) — объединяет несколько разных изображений, ассоциируя исходные каналы с каналами нового изображения. Для этого необходимо, чтобы исходные изображения были выполнены в полутоновом режиме (Grayscale) и имели одинаковые размеры.
A Palette Options (Параметры палитры) — данная команда позволяет выбрать параметры палитры каналов, а именно размер значков (мелкие, средние или крупные), либо вообще отказаться от просмотра каналов, оставив только их названия.
Дополнительные каналы
Кроме основных каналов, составляющих цветовую модель, существуют еще и дополнительные каналы, которые часто называют маской. Маска — это область выделения, представленная в виде полутонового изображения. Белые пикселы в ней. соответствуют выделенным областям, черные — невыделенным и серые — частично выделенным. В Photoshop возможно создание двух типов масок. Первая — это быстрая маска. Она существует для однократного применения и не сохраняется, образуя временный канал на период своего действия. Вторая — это маска, которую иногда еще называют альфа-каналом. Одновременно может храниться довольно много таких каналов, которые при необходимости могут сохраняться на протяжении всей работы.
Преимущество маски в том, что она является независимым полутоновым изображением, то есть ее можно редактировать, не затрагивая при этом основное изображение. Для ее изменения можно использовать любые инструменты рисования и редактирования, фильтры, любые параметры световой и цветовой коррекции.
Как известно, Photoshop — это редактор растровых изображений. Любой объект в растровой графике представлен в виде множества точек. Для того чтобы совершить какую-либо операцию с этим объектом (повернуть, масштабировать, дублировать, применить фильтр и др.), необходимо обозначить его границы, то есть создать выделенную область, в которой мы изолируем необходимые нам точки (объект), оставшиеся же пикселы будут восприниматься программой как недоступные для редактирования.
Но что делать, если необходимо отредактировать поочередно группу объектов? Ответ напрашивается сам собой: выделять их по порядку и производить необходимые манипуляции. Но проблема в том, что выделенная ранее область может понадобиться вновь, а выделения зачастую имеют довольно сложные формы. Именно для таких случаев и были придуманы маски, которые при активизации превращаются в область выделения. Можно применять к маскам операции сложения, пересечения и многие другие. В общем, маски являются простым и очень удобным средством создания выделений.
Иногда требуется создать плавный переход от одного объекта к другому или контурное выделение весьма сложной формы. С этим поможет справиться режим быстрой маски. Это наиболее простой и удобный способ определить необходимую группу точек. Прежде чем войти в этот режим, как правило, создается
приблизительная область выделения при помощи стандартного набора инструментов, таких как Lasso (Лассо), Magic Wand (Волшебная палочка), простые формы выделения. Нужно отметить, что этот этап не обязателен, но он поможет вам в работе, пока вы окончательно не освоитесь с альфа-каналами. Затем, перейдя в режим быстрого маскирования, вы получаете возможность сосредоточиться на уточнении деталей.
В режим быстрой маски вы можете перейти, выбрав его в палитре инструментов либо нажав клавишу Q. Если вы последовали нашему совету и изначально выделили какую-либо область, то изменения увидите сразу после перехода в режим быстрой маски. Выделенная область представляется виде светло-красного цвета. Красный цвет пленки устанавливается по умолчанию. Однако если в вашем изображении много цветов красного оттенка, то создание маски будет затруднено. Мы советуем открыть палитру каналов — в ней вы увидите временный канал, называемый быстрой маской. Сделайте двойной щелчок мышью на этом канале или выберите в дополнительном меню палитры пункт Quick Mask Options (Параметры быстрой маски). Перед вами откроется таблица, в которой вы сможете выбрать цвет маскировки, а также ее прозрачность.
Вы наверняка обратили внимание, что при переходе в режим быстрой маски контур выделения исчез. На самом деле он прекратил свое существование, так как все дальнейшие операции будут относиться непосредственно к самой маске и не затронут изображение. При возвращении в стандартный режим или при повторном нажатии клавиши контур выделения появится вновь.
Для того чтобы удалить область из выделения, вам надо закрасить ее пикселы белым цветом, чтобы добавить — красным. Эту операцию вы можете выполнить при помощи любого инструмента рисования Photoshop, в том числе Brush (Кисть) и Eraser (Ластик). При раскраске полутонами добавите частично выделенные области. Таким образом, режим быстрой позволяет растушевывать одни контуры, в то время как другие остаются четкими. К тому же вы можете многократно изменять контуры выделения и видеть при этом первоначальное изображение, что немаловажно.
В результате вы можете создать сколь угодно сложную область выделения и сохранить ее в отдельном канале. А так как при закрытии изображения канал удалять не вы сможете вернуться к этого изображения, начиная с того места, на котором остановились.
1.12. Стили и эффекты
В Photoshop 7.0 есть большая коллекция великолепных слоевых называемых также стилями слоя. Почему слоевых? Дело в что их действие распространяется на весь слой сразу, и применять их можно, только если изображение состоит более чем из одного слоя и активным является не первый слой. что нужно различать основные стили, или слоевые эффекты, которые собраны в меню Layer Layer (Слой и содержимое палитры (Стили). Слоевые эффекты можно сгруппировать вместе и сохранить как новый стиль. Именно такие стили и находятся в палитре Styles (Стили). Рассмотрим сначала базовые стили.
Слоевые эффекты
Drop Shadow (Внешняя тень)
Эффект, позволяющий создаватьтень. Один из самых полезных эф
фектов, сделавший множество дополнительных модулей Photoshop абсолютно ненужными. Единственный крупный недостаток — невозможность создания перспективнойОкно настройки этого эффекта показано на рис. 1.92.
Blend Mod*:Blend Mod*:ОржИу:ОржИу:DkfiMiGe:DkfiMiGe:Anti-abatedAnti-abatedContour:Contour:QualityQualityOr op Shad«v -—— StructureOr op Shad«v -—— StructureOut DropOut DropРис. 1.92. Параметры тениРис. 1.92. Параметры тениUseUse
Blend Mod*:
Blend Mod*:
ОржИу:
ОржИу:
DkfiMiGe:
DkfiMiGe:
Anti-abated
Anti-abated
Contour:
Contour:
Quality
Quality
Or op Shad«v -—— Structure
Or op Shad«v -—— Structure
Out Drop
Out Drop
Рис. 1.92. Параметры тени
Рис. 1.92. Параметры тени
Use
Use
Blend Mode (Режимналожения пикселов. В данном
чаережим Multiplyиз-за свойств тени:наложе
нии теней более темный изначально пиксел должен остаться более темным по отношению к остальным.
Color (Цвет). Цвет тени. Она совсем необязательно должна быть черной. Чтобы добиться интересных эффектов, попробуйте и цвета.
Angle (Угол). Угол падения света. Определяет, в каком падать
Use Global Light (Использовать общий свет). Использовать единое дляэф-
направление света.если в вашей работе на множестве объек
тов применено много разных стилей. И если, например, тени будут падать в разные стороны, возникнетнеестественности изображения. При
менение общего источника евета позволяет избежать этого.
DistanceРасстояние, на которое следуеттень от объекта.
Spread (Разброс). Степень размытости тени по краям.
Size (Размер). Размер тени.
Contourприменения эффекта. Позволяет полностью изме
нить внешний вид тени.
(Сглаживание).
Noise (Шум). Добавить в тень шум.
С помощьюнастроек можно не только передать любые
по и создать более интересные эффекты (рис. 1.93).
Рис.Пример применения эффекта Drop Shadow (Внешняя тень)
Inner Shadow (Внутренняя тень)
Создаст внутреннюю тень. Чаще всего используется для придания объема объектам, особенности буквам. Так как параметры данного инструмента полностью совпадают с Drop Shadow не станем повторяться, На рис. 1,94. результат применения этого
Рис.Текст с эффектом Inner Shadow (Внутренняя тень)
Outer Glow (Внешнее свечение)
Эффект, создающий ореолобъекта. Особенно удобно то, что в
ореола можно использовать любой градиент. Окно настроек этого эффекта пока- на рис.
Outer
|5йг««п jJ
I Opacity： иl^_^_：_n Ь%
Noise
j 偿□「I
Spread: .■一“’ i |o"~ 强
9w 5== PX
Contour jI AnglhsB
R*吋》; t - -一^ " 2 —*
2.=== =0—X
Рис. 1.95. Окно настроек эффекта Outer Glow (Внешнее свечение)
для данного эффекта:
(Техника). Определяетвид свечения;
RangeОпределяетсвечения;
(Колебание). Шум,С увеличением этого параметра
зернистость и рассеянность свечения.
Примерэффекта внешнего свечения показан на рис. 1,96.
Рис.Применение эффекта Outer Glow (Внешнее свечение)
Inner Glowсвечение)
Применяется для имитации объема шрифта. Настройки аналогичны эффекту Outerсвечение). На рис. 1.97 показан текст с применением внут
реннего
Рис..97. Текст с эффектом inner Glow (Внутреннее свечение)
Bevel and Emboss (Скос и рельеф)
имитировать объем. не поддается описанию, можно что это самый инструмент реализации псевдообъема в Photoshop. Окно настроек этого эффекта показано на рис. 1.98.
Bevel
Structure
Style:
Technique:
Depth: т二―“’：—| ИГ-N
Direction:UpDown
Soften:
Рис. Окно настроек эффектаand Emboss (Скос и рельеф)
Уникальные для этого инструмента настройки:
Style (Стиль). В этом параметре определяется тип будущего объема. Он может идти как внутрь, так и наружу объекта, создаваться методом выдавливания и т.
Technique (Техника). Очень важная настройка. Здесь вы указываете, каким должен быть псевдообъем: обтекаемым, с плавными границами или, рот, с ярко выраженными гранями;
Depth (Глубина). Выраженная в процентах рельефность объема;
Direction (Направление). Если установлено значение Up (Вверх), то объект возвышается надесли Down (Вниз) — углубляется в нее;
Size (Размер). Определяется геометрический размер
Также вы можете определить режим итени (Shadow) и световой составляю
щей объема
Кроме того, есть возможность использовать контуры (Contour) и текстуры (Texture) для изменения вида эффекта. Для этого достаточно сделать двойной щелчок мышью по соответствующим элементам списка в части окна.
Контур — этолиния по краю объема. Иногда она бывает необ
ходима для подчеркивания объема. Все настройки аналогичны рассмотренным ранее, поэтому повторять их не
Гораздо более интересные возможности дают текстуры. Можно без труда доба- в объем любой образец текстуры и получить потрясающий результат. Напомним, что образец текстуры вы можете определить сами или использовать уже имеющиеся. Окно настройки текстур показано на рис. 1.99.
with
Рис. 1.99. Настройки текстуры
Pattern (Образец). Используемая текстура.
Scale (Масштаб). Величина элементов текстуры, в данном случае
Изменяет образец пропорционально.
Depth (Глубина). Выраженностьна поверхности.
Используя вышеописанныеможно добиться огромного
эффектов. Некоторые вариантына рис. 1.100.
a a r & 二
D D D О
Рис. 1.100.варианты применения Bevel and Emboss (Скос и рельеф)
Satin (Атлас)
Интересный эффект, который в самом примитивном варианте действительно напоминает складки атласной ткани. Но настройки позволяют значительно расширить область применения. Одним смотрите рис. 1.101.
Satin
Рис.Использование эффекта(Атлас)
Color Overlay (Наложение цвета), Gradient Overlay (Наложение градиента), Pattern(Наложение
образца)
Эти три эффекта очень похожи. По сути, это заливка объекта цветом, градиентом и текстурой соответственно. Они очень просты в применении, и в настройках вы не найдете ничегопоэтому описаны они не будут.
Stroke (Обвести)
Обводит объект своеобразным ореолом. Можно было бы назвать его линией, но так как его размеры могут многократно превышать размеры исходного объекта, то такоеневерно. Окно настроек показано на рис. 1.102.
St*： G 尸"1 ** i' —•~*^ 僧「px
Position:
Blend Mode:咏謚丁三J
Opacity:[ = 二h-&hop一…%
Fill
Рис. 1.102. Параметры эффекта Stroke (Обвести)
(Положение). Определяет, как рисовать контур; внутрь или наружу (Outside).
Type (Тип заливки). Есть тризаливки:(Цвет), Gradient (Гра
диент), Pattern (Образец).
Copy Layer Style (Копировать стиль слоя)
Применяется в том случае, если вы хотите настройки одного слоя перенести на другой. Для этого нужно на исходном слоеданную команду, а на другом — команду Paste Layer(Вставить стиль слоя) из этого же меню.
Clear Layer Style (Очистить стиль слоя)
чтобы удалить с данного слоя все эффекты.
Global Light (Общий свет)
С помощью этого инструментанаправление света для всех
эффектов, в которых установлен параметр UseLight (Использо-
общий свет).
Create Layerслой)
Оченькоманда, позволяющая вынести эффекты на отдельный слой.
Таким образом можно получить множество оригинальных изображений. мендуем поэкспериментировать.
Hide All Effects (Спрятать все эффекты)
в том случае, если вы временно не хотите видеть эффекты (например, необходимо доработатьобъект), но удалять их не надо. После
пользования этой команды вы не будете видеть эффекты, до тех порне
пользуетекоманду Show All Effects (Показать
Scale Effects (Масштаб эффектов)
менять пропорции всех
1.12.2. Палитра Styles (Стили)
Этадлястилей. Чтобыстиль, создайте
вое изображение не менее чем с двумяЗатем сделайте активным слой
выше первого имытью по любому стилю.стиль будет
к активному слою.
Какие же стили находятся в этой палитре? Чтобы получить ответ на этот вопрос, палитру LayersВыпримерно то, что показано на рис. 1.103.
HQ
.Effe.cis.Effe.cisiNornf三j Cp#crty 扣0” 丁|Lock 口)+ ■ RM *C0互 IIiNornf三j Cp#crty 扣0” 丁|Lock 口)+ ■ RM *C0互 IIBevel andBevel andZ1Z1舞 Gradient Overlay舞 Gradient OverlayPatternPattern
.Effe.cis
.Effe.cis
iNornf三j Cp#crty 扣0” 丁|
Lock 口)+ ■ RM *C0互 II
iNornf三j Cp#crty 扣0” 丁|
Lock 口)+ ■ RM *C0互 II
Bevel and
Bevel and
Z1
Z1
舞 Gradient Overlay
舞 Gradient Overlay
Pattern
Pattern
Рис.Вид палитры Layers (Слои) для слоя с примененным стилем
Как виднорисунка, любой стиль — этослоевых эффектов. В данном
случае применены три эффекта: Bevel and Emboss (Скос и рельеф),
(Наложение цвета) и Pattern Overlay (Наложение образца). В этом можно убедиться, если дважды щелкнуть мытью по любому из показанных эффектов - откроется стандартное окно его настроек.
Вы также можете создавать собственные стили. Для этого достаточно сгруппировать необходимые слоевые эффекты и нажать кнопку создания нового стиля в палитре Styles (Стили).
Как вы могли убедиться, стили — это мощное средство обработки изображений в Photoshop. Они просто незаменимы для создания стандартных графических элементов. Однако не стоит отдавать им абслютное предпочтение, забывая о других возможностях Photoshop 7,0.
1.13. Палитра Brush Presets (Установки кистей)
Как известно, кисть в Photoshop — это не только инструмент рисования, но и своего рода аналог реального изделия. Существуют разные наборы кистей со своими свойствами, которые могут использоваться как шаблонные изделия при работе с такими инструментами, как собственно Brush (Кпстъ), Erase (Ластик), Stamp (Штамп) к многими другими. В Photoshop 7.0 разработчики несколько видоизменили работу с кистями — их вынесли в отдельную палитру, а также значительно расширили их настройки.
Для вызова палитры кистей следует щелкнуть на вкладке Brushes (Кисти), расположенной в правом верхнем углу главного окна программы. В результате появится окно, представленное на рис. 1.104.
Brush Preм4уBrush Preм4уBrush Tip Shape
Brush Preм4у
Brush Preм4у
P Shape “narnics ®|
Г* Severing畲I
疗 Texture_®
Г Dual白ruxh@I
Г Color Dynamics 篩 | Г Other Dynamics .承
Г Noise窗，
Г Wet Edges & Г Airbrush出,
犷 Smoothing 窗
Рис. 1.104. Палитра Brush Presets (Установки кистей]Рис. 1.104. Палитра Brush Presets (Установки кистей]Г Protect Texture 會
Рис. 1.104. Палитра Brush Presets (Установки кистей]
Рис. 1.104. Палитра Brush Presets (Установки кистей]
Этопалитра, в которой можножелаемую кисть и установить
в поле Master Diameter (Диаметр) ее размер. Обратите внимание на то, что вы можете изменять размер не только круглых, но и всех остальных кистей, подбирая оптимальныйЗначение размера кисти варьируется к
1-2500удобством данной палитры является также то,
что, изменяя параметры, вы можете сразу отслеживать ожидаемый результат применения в окне просмотра, расположенном в нижней части палитры,
Б основной палитре находится список групп настроек и параметров кисти. ждую группу настроек, за исключением Brush Tip Shape (Форма кисти), но активизировать или отключить при помощи флажка рядом с именем группы. То же относится и к одиночным параметрам, перечисленным в последнем деле списка. При щелчке мышью на какой-либо активизированной группе ляется диалоговое окно с набором настроек. Рассмотрим все настройки кистей по порядку.
Brush Tip Shape (Форма кисти)
Если щелкнуть мышью на строке Brush Tip Shape (Форма кисти), то появится диалоговое окно, представленное на рис. 1.105. настройки очень похожи на те, что были доступны еще в шестой версии программы.
Рис. 1.105. Диалоговое окно Brush Tip Shape (Форма кисти)
Два параметра в этом окне дублируют рассмотренные ранее, а именно возможность выбора формы кисти и ее размера. Если размер кисти ранее был
то можно установить размер по умолчанию, нажав кнопку UseSize (Ис
пользовать размер образца). Рассмотрим остальные параметры:
Angle (Угол). Определяетнаклона кисти. Естественно, этот параметр
можно использовать со всеми кистями, кроме круглых.
Roundness (Округлость). Кисть можно не только вращать вокруг своейно
и сжимать (данный параметр вводится в процентах и характеризует ние начального и конечного радиусов). Несомненным достоинством является то, что угол наклона и величину сжатия можно устанавливать на глаз, изменяя вид кисти в небольшом окне, расположенном справа. На рис. 1.106 представлены два изображения, нарисованные одной и той же кистью с округлостью 20 но угол наклона в одном случае был равен нулю, а во втором — 90°.
SM
Рис.кистью с различными значениями параметра Angle
Hardness (Жесткость). Сэтого параметра регулируется жесткость кра-
проведенной линии. Здесь можнокак предельно жесткие и четкие
края, так и мягкие, плавно переходящие в фон. На рис. 1.107 показаны две линии, проведенные одинаковыми кистями с жесткимии мягкими
(О краями.
Рис. 1.107. Линии, проведенные кистями с жесткими и мягкими краями
Spacing (Интервал). Линия, которую вы видите при рисовании каким-либо использующим кисть, образуется многократными повторениями отпечатков (одиночный отпечаток получается при однократном нажатии па левую кнопку мыши без ее перемещения). Расстояние между отпечатками определяется в процентах относительно размера кисти. Чтобы получить возможность менять величину пробела между отпечатками кисти, необходимо установить флажок рядом с именем этого параметра. Тогда станет доступно числовое поле, в котором можно ввести значение в процентах, и линейка с бегунком для задания интервала на глаз. Если установитьSpacing
(Интервал) равным 100то каждый отпечаток будет следовать за преды
дущим без пробела. Сравните первое и второе изображения на рис. 1.108: на первом интервал равен 1на втором — 100Если же параметр Spacing
(Интервал)то линия получится неоднородной — такой, как в треть
ем варианте на рис. 1.108. Такой эффект получается оттого, что отпечатки
повторяются через определенные промежутки времени. Если вести кисть то линия получится сплошная, как на первом изображении, если быстро, то прерывистая. А так как скорость движения руки непостоянна, бенно на закруглениях, то и линия получаетсяРегулируя
личину пробела, можно создавать различные эффекты.значе
ние данного параметра — 1000%.
Рис.Линии, проведенные кистью с различным значением параметра Spacing (Интервал)
Shape Dynamics (Динамика кисти)
Данноеокно, представленное па рис.появляетсящелчка
мытью на одноименной строке в палитре Brush Presets (Установки
Brush Pr®s&t$Brush Pr®s&t$Brush Tip 3b«NBrush Tip 3b«NJitterJitterC2^. ―，=：=-[Pen|C2^. ―，=：=-[Pen|'■ ..«p« Dynamics'■ ..«p« DynamicsГ" ScatteringP TwMureP" Msl BrudiColor厂 Olher DynamicsГГГ" Airbrush岸 SmoothingГ" ScatteringP TwMureP" Msl BrudiColor厂 Olher DynamicsГГГ" Airbrush岸 Smoothing3 ，=—Cc1nbiH; loif3 ，=—Cc1nbiH; loifMinimum DiameterMinimum DiameterJitter4。-；•—Gcntroh [offJitter4。-；•—Gcntroh [offJitterJitterPPГ VГ VГ Flip XГ Flip X
Brush Pr®s&t$
Brush Pr®s&t$
Brush Tip 3b«N
Brush Tip 3b«N
Jitter
Jitter
C2^. ―，=：=-
[Pen|
C2^. ―，=：=-
[Pen|
'■ ..«p« Dynamics
'■ ..«p« Dynamics
Г" Scattering
P TwMure
P" Msl Brudi
Color
厂 Olher Dynamics
Г
Г
Г" Airbrush
岸 Smoothing
Г" Scattering
P TwMure
P" Msl Brudi
Color
厂 Olher Dynamics
Г
Г
Г" Airbrush
岸 Smoothing
3 ，=—
Cc1nbiH; loif
3 ，=—
Cc1nbiH; loif
Minimum Diameter
Minimum Diameter
Jitter
4。-；•—
Gcntroh [off
Jitter
4。-；•—
Gcntroh [off
Jitter
Jitter
P
P
Г V
Г V
Г Flip X
Г Flip X
Рис.окно Brush Dynamics (Динамика кисти)
Варьируя параметры в этом окне, можно из обычной кисти получить динамическую, то есть изменяющую свои свойства с течением времени. Это получать очень результаты.
► Size Jitter (Вариации размера). Здесь задается максимальное отклонение размера кисти от исходного в П])еде；1ах от 0 до 100 %. На рис. 1.110 показан пример динамического изменения размера.
Рис. 1.110. Пример динамического изменения размера
► Control (Управление). Этот параметр встречается в настройках кистей неоднократно, однако мы остановимся на нем один раз. Он позволяет указать, от чего будет зависеть динамика кисти:
Off (Выключен) — кисть не претерпевает никаких изменений;
|> Fade (Затухание) — кисть постепенно изменяет свои свойства;
Реп Pressure (Сила нажима) — данный параметр, как и все последующие в этом списке, становится доступным при работе с графическим планшетом. Если он установлен, кисть реагирует на силу нажима пера;
Pen Tilt (Наклон пера) — зависимость от наклона манипулятора;
Thumbwheel (Прокрутка) — зависимость от прокрутки;
Initial Direction (Начал inline направление);
> Direction (Направление).
А Minimum Diameter (Минимальный диаметр). Здесь можно установить минимальный диаметр отпечатка кисти, ограничив тем самым нижний порог вариаций размера.
► Tilt Scale (Масштаб наклона) — степень возможного изменения скоса.
А Angle Jitter (Вариации угла). Здесь задаются пределы поворота кисти вокруг своей оси (рис. 1.111).
Рис. 1.111. Пример динамического вращения кисти вокруг своей оси
> Roundness Jitter (Вариации округлости) — при активизации данного параметра изменения коснутся также и силы сжатия кисти (рис. 1.112)
Рис. 1.112. Пример динамического изменения силы сжатия кисти
► Minimum Roundness (Минимальная округлость) — этот параметр ограничивает минимальное значение округлости.
Scattering (Рассеивание)
окнопа рис.
Здесьпараметры разбрызгивания кистей из «пульверизатора»,
Г Both AxejГ Both AxejlatterlatterBrushBrush广 Те Hue广 Те HueГBrushГBrushOFOF厂 Noise厂 Noise.SCeH*..SCeH*.Г Edge:AirbrushГ Edge:AirbrushГ厂 Other DynamicsГ厂 Other DynamicsCount (^=CountCount (^=CountBrush Tip Sh«p*。Shap* Oynanfties &Brush Tip Sh«p*。Shap* Oynanfties &Central； [offCentral； [off
Г Both Axej
Г Both Axej
latter
latter
Brush
Brush
广 Те Hue
广 Те Hue
ГBrush
ГBrush
OF
OF
厂 Noise
厂 Noise
.SCeH*.
.SCeH*.
Г Edge:
Airbrush
Г Edge:
Airbrush
Г
厂 Other Dynamics
Г
厂 Other Dynamics
Count (^=
Count
Count (^=
Count
Brush Tip Sh«p*
。Shap* Oynanfties &
Brush Tip Sh«p*
。Shap* Oynanfties &
Central； [off
Central； [off
厂 Smoothing
厂 Protect Тел lure
Рис.Диалоговое окно Scattering (Рассеивание]Рис.Диалоговое окно Scattering (Рассеивание]
Рис.Диалоговое окно Scattering (Рассеивание]
Рис.Диалоговое окно Scattering (Рассеивание]
Both Axes (Обе оси). Если установлен данный флажок, то смещение отпечатков происходит по обеим осям, в противном случае только по
оси.
ScatterЗдесьрассеивания,
Count (Количество). Данным значением определяется количество
ваемых элементов. Чем больше это значение, тем больше элементов «распыляется» за один щелчок мыши.
Count Jitter (Вариации количества). Это еще одна динамическая настройка, которая позволяет реализовать переменное во времени количество разбрасываемых элементов. В результате их концентрация будет неравномерной.
Texture (Текстура)
В данном диалоговом окне, показанном на рис. 1.114, можно устанавливать параметры, влияющие натекстуры к отпечаткам кисти.
BrushPresets
Sru^h Tip Shape
疗 5hape Dynamic!鼠'
广 Scattering馭
■ ■•ithir*■ ■•ithir*Г Dual ★u沐緩!
■ ■•ithir*
■ ■•ithir*
广Color Dynamics
Г" Other Dynamics鹵‘
Г* Noise
Г Wet Edges
广Airbrush
Г* Smoothing
Mode: I Multiply三Depthf IDO%"Mode: I Multiply三Depthf IDO%"Minimum Depthhoo%r -'•='•_.：，•，==•• 6Depth Jitter*9*i~lO = 5，，7一 У J7=" =*Control: joM''1'-"- '' 司 P~Minimum Depthhoo%r -'•='•_.：，•，==•• 6Depth Jitter*9*i~lO = 5，，7一 У J7=" =*Control: joM''1'-"- '' 司 P~Рис. 1.114. Ди；алоговое окно Texture (Текстура)Рис. 1.114. Ди；алоговое окно Texture (Текстура)Г" Protect Texture
Mode: I Multiply三
Depthf IDO%"
Mode: I Multiply三
Depthf IDO%"
Minimum Depthhoo%
r -'•='•_.：，•，==•• 6
Depth Jitter*9*i~
lO = 5，，7一 У J7=" =*
Control: joM''1'-"- '' 司 P~
Minimum Depthhoo%
r -'•='•_.：，•，==•• 6
Depth Jitter*9*i~
lO = 5，，7一 У J7=" =*
Control: joM''1'-"- '' 司 P~
Рис. 1.114. Ди；алоговое окно Texture (Текстура)
Рис. 1.114. Ди；алоговое окно Texture (Текстура)
Текстуры можно выбирать готовые или загружать свои (созданию текстур посвящена глава 4 данной книги). Кроме того, можно изменять следующие параметры.
А Scale (Масштаб). Здесь задается масштаб наклады иаемой текстуры, то есть устанавливается соотношение между размерами отпечатков кисти и элементов текстуры.
А Texture Each Tip (Другая текстура). Установка данного флажка позволяет настраивать дополнительные параметры, что дает большую свободу действий.
> Mode (Режлм наложения). Режим наложения текстуры.
А Depth (Глубина). Это значение определяет, насколько четко будетлросматри- ваться текстура. Для достижения более наг./1ядного результата следует увеличить данный параметр, если же вы хотите тюлучнть лишь слегка текстурированные отпечатки кисти, то уменьшите его.
А Minimum Depth (Минимальная глубина). Параметр, определяюштп! самую плохую видимость текстуры. Это необходимо при активизашп-i динамического режима работы.
> Depth Jitter (Вариашш глубины). Здесь можно задать пределы изменения видимости структуры в динамическом режиме.
Dual Brush (Двойная кисть)
При щелчке на строкеBrush (Двойная кисть) в палитре Brush Presets (Уста
новки кистей) появляется диалоговое окно, представленное на рис.
Рис.Диалоговое окно Dual Brush (Двойная кисть)Рис.Диалоговое окно Dual Brush (Двойная кисть)
Рис.Диалоговое окно Dual Brush (Двойная кисть)
Рис.Диалоговое окно Dual Brush (Двойная кисть)
Предлагаемые здесь возможности позволяют смешать две разные кисти. За основу берется кисть, установленная в основном окне палитры Brush(Уста
новки кистей), а вторая (накладываемая) настраивается в данном окне. Можно задать следующие параметры наложения
Diameter (Диаметр). Диаметр накладываемой кисти,
Spacing (Интервал). Если вы хотите сделать отпечатки кисти более редкими, то воспользуйтесь этим параметром.
Both Axes (Обе оси). Этот параметр регулирует направление накладывания отпечатков.
(Разброс). Для неравномерного наложения отпечатков следует увеличить силу разброса.
Count (Количество). Количество (концентрация) накладываемых элементов.
Color Dynamics (Динамика цвета)
В диалоговом окнеDynamics (Динамика цвета) (рис. 1.116) задаются
мические параметры,не на форму кисти, а на ее цветовые и яркост-
составляющие,
1,116. Диалоговое окно Color Dynamics (Динамика цвета)
Foreground/Background Jitter (Цвет переднего и заднего плана). Пределы изменения цветов переднего и заднего плана.
ifue Jitter (Цветовые вариации). Диапазон изменения цвета.
Saturation Jitter (ВариацииУстанавливает предельные значе
ния насыщенности отпечатков.
Jitter (Вариации яркости). Диапазон изменения значений яркости.
Purity (Чистота). Степень возможного отклонения цвета от
Noise (Шум)
При установке данного флажка в отпечаток кисти добавляется монохромный шум, который несколько напоминает действие одноименного фильтра, только распространяется не на все изображение, а лишь на след кисти. На рис. 1.117 была использована одна и та же кисть, только изображение слева получено без внесения шума, а справа — при флажке Noise (Шум).
Рис.Зависимость вида кисти от параметра Noise (Шум)
Wet Edges (Размытые края)
Следующий кистей, который нам предстоит рассмотреть, - Wet Edges (Размытые края). он получил потому, что результат его применения несколько напоминает акварельный рисунок, хотя сходство далекое. Проведем две линии одной и той же кистью с выключенным и включенным параметром Wet Edges края). В первом линия будет по всей своей тогда как во втором в середине она окажется более а по краям затемнена. Отличия хорошо заметны при изображения, поэтому на рис. оно увеличено до такой что видны отельные
Рис.Линии, проведенные кистью с включенным и выключенным
параметром Wet Edges (Размытые края)
Прочие параметры палитры кистей
Other Dynamics (Другая динамика). В этом пункте можно задать динамику для понятий, как Opacity (Прозрачность) и Flow (Поток).
(Аэрограф).аэрограф был отдельным инструментом, по сейчас
разработчики решилиего в рассматриваемую палитру как модификацию кисти. Он представляет собой распылитель, которыйне
отдельные отпечатки кисти, а краску по форме последнего, Чем дольше будете держать нажатой кнопкутем сильнее будет его действие и тем
больше отпечаток (однаконе превысит установленный максимальный
размер кисти).
Smoothnessфлажоксделать действие
ти более мягким и плавным.
Protect Texture (Защитить текстуру). Если этот флажок установлен, рисунок текстуры, используемой в настройках кисти, не будет подвергаться изменениям.
1.14. Обозреватель файлов (File Browser)
обозреватель файлов появился еще в программе Photoshop служит для просмотра и открытияфайлов, заменяя
лизированные программыACD See. Теперь пользователи Photoshop могут
забыть освязанных с поиском и просмотром нужного файла. В версии Photoshop CS браузер сталболееи удобным.
Теперь он вызывается не только стандартной командой Window File Browser (Окно Обозреватель файлов), по иBrowse (Файл Браузер).
Перенос браузера в первый пункт менюо том, что разработчики настой-
обращают внимание пользователя на этот иструмент. В окнепрограммы появился дажераздел (см. рис. 1.57). Подробно это окно
былов разделе 1.5.9
Рассмотрим основные инструменты браузера (рис. 1.119).
1212300^®300^®ASomtl，ASomtl，〃》P.*W〃》P.*Wя M“4；jя M“4；jЛюдиЛюдиDVaQstte: r>«i« MoJ^mJ [e*9* PermitDVaQstte: r>«i« MoJ^mJ [e*9* Permit-.」И^.ГТГ>|Ы»НТи.< )Мск—-.」И^.ГТГ>|Ы»НТи.< )Мск—Рис.Вид окна File Browserфайлов)Рис.Вид окна File Browserфайлов)
1
2
1
2
300^®
300^®
ASomtl，
ASomtl，
〃》P.*W
〃》P.*W
я M“4；j
я M“4；j
Люди
Люди
DVaQstte: r>«i« MoJ^mJ [e*9* Permit
DVaQstte: r>«i« MoJ^mJ [e*9* Permit
-.」И^.ГТГ>|Ы»НТи.
< )Мск—
-.」И^.ГТГ>|Ы»НТи.
< )Мск—
Рис.Вид окна File Browserфайлов)
Рис.Вид окна File Browserфайлов)
Меню, которое содержит следующие пункты:
File (Файл). Создание новых папок, открытие и удаление файлов, ввод окна с информацией о а также работа с кэшем. Кэш — это специальная область памяти, в которой хранятся миниатюрные изображения просматриваемых
СОВЕТ
Чем дольше вы работаете с браузером, тем активнее используется кэш. Время от времени его следует очищать командой меню браузера File Purge Cache (Файл Очистить Но если вы работаете в одной и той же папке, то не увлекайтесь такой очисткой — программе придется заново создавать миниатюры, скажется на скорости ее работы.
EditСодержит команды, позволяющие выделить файл, снабдить
его специальной отметкой (флагом), присвоить ранг (отнести к -п：ой<；'г будь категории), повернуть миниатюру на 90 или 180°;
СОВЕТ
Флаги и ранги — удобный способ группировать файлы. Допустим, вы выбираете в кол - лекции фотографии известных людей. Отметьте портреты, которыезаинтересова
ли, флагами, а затем выберите в меню браузера View Flagged Files (Вид файлы) —окне останутся только помеченные файлы,
Automate (Автоматизация). Одно из главных достоинств обозревателя файлов. Прикоманд этого пункта можно производить достаточно
сложные манипуляции с большим количеством файлов. Данная возмож- будет рассмотрена чуть позже;
Sort (Сортировка). Способы сортировки файлов в окне браузера;
View (Вид).файлов в зависимости от их ранга или наличия
флага, а также выбор режима их отображения.
Кроме того, в меню в виде кнопок вынесены отдельные часто используемые, поворот миниатюры, установка флага, поиск и удаление файла.
Диспетчер файлов. Построен по принципу Проводника Windows. Он зуется для выбора папки, содержимое которой мы собираемся просмотреть.
Главное окно браузера. В нем графические файлы отображаются в ниатюр.
Окно просмотра. Позволяет увидеть более крупное изображениевыделен
ного файла.
Окно информации. Здесь отображается служебная информация о выделенном файле.
Размеры этих областей можно изменять, перемещая границы мышью.
Если главную ценность для вас представляют миниатюры изображений, а не служебная информация, то щелкните по значку, расположенному в левом нижнем углу главного окна браузера.
В главном окне можно выделить любой файл и переместить его в другую папку, перетащив на нужную строку в диспетчере файлов.
Открыть файл в браузере Photoshop можно одним из следующих способов;
дважды щелкнуть по изображению в окне обозревателя файлов;
перетащить его из окна браузера в окно программы;
выделить изображение и выполнить командуOpen (ФайлОткрыть)
меню браузера;
выделить изображение, вызвать контекстное меню щелчком правой кнопкой мыши и выбрать в нем команду(Открыть).
Рассмотрим теперь некоторые наиболее интересные функции обозревателя
Поиск файлов организован оригинально и, на взгляд авторов, очень удобно. КомандаSearch (Файл Поиск) меню браузера или нажатие кнопки с изображением бинокля вызывает окно1.120).
Source …i"'二 ”二I IL°0kM. I Люди с животными 'Browse... |Source …i"'二 ”二I IL°0kM. I Люди с животными 'Browse... |
Source …i"'二 ”二I I
L°0kM. I Люди с животными 'Browse... |
Source …i"'二 ”二I I
L°0kM. I Люди с животными 'Browse... |
Г Include АЛ Subfakiers
I enter textd enter te■底图I enter textd enter te■底图File NameZjF
I enter text
d enter te■底图
I enter text
d enter te■底图
:匠Name二j] is
Рис. 1.120. Окно Search (Поиск)
Здесь в секции Source (Источник) вы можете задать папку, в которой нужно искать изображение. Но самое полезное — в секции Criteria (Критерии) есть возможность задать различные условия поиска: по названию, дате создания, ключевому слову, формату и т, д. Количество критериев ограничено только здравым смыслом.
Как уже упоминалось при рассмотрении меню обозревателя файлов, одной из его самых сильных сторон является возможность автоматизации — пакетной обработки документов. В пункте Automate (Автоматизация) собраны соответствующие команды:
A Batch (Пакетная обработка). Это средство автоматизации подробно рассмотрено в разделе 1.7.2;
> Batch Rename (Пакетное переименование). Очень удобный инструмент, позволяющий переименовать сразу несколько выделенных файлов в соответствии с определенной системой (нотацией). При выборе этого пункта вызывается окно пакетного переименования (рис. 1.121).
Destination Folder雷Rename in same folderMove to new fclder> Browse …IDestination Folder雷Rename in same folderMove to new fclder> Browse …II OK II OK I
Destination Folder
雷Rename in same folder
Move to new fclder
> Browse …I
Destination Folder
雷Rename in same folder
Move to new fclder
> Browse …I
I OK I
I OK I
File Naming
Example: rnyfile.gif
document came |document came |xtenstonxtenston二b i二b i+3+3
document came |
document came |
xtenston
xtenston
二b i
二b i
+
3
+
3
3+1d
=Starting serial#: [1
Compatibility;贷— 笛 Г Mac os Г Unix
Рис. 1.121. Инструмент Batch Rename (Пакетное переименование)
Данное окно имеет две группы настроек.
Destination Folder (Папка назначения). Переименованные файлы могут сохраняться в той же панке (вариант Rename in same (Переименовать в той же или в другом месте на диске (Move to new (Перенести в новую В последнем случае следует выбрать папку, нажав кнопку Browse (Обзор).
File(Наименование файла). Имя файла конструируется из нескольких
частей в соответствии с правилами, указанными в шести полях-списках. Для можноследующие параметры:
Document Name (Имя документа). Имя оригинального файла;
Extension (Расширение). Расширение, которое зависит от формата файла. Например, tif — для формата TIFF, psd — для документа Photoshop и т. д.;
Digit Serial Number (Порядковый номер). Вы можетеодно
трех- и четырехзначные номера;
Serial Letter (Порядковая буква). Файлы нумеруются не числами, а латинскими буквами от а до z;
Date (Дата). В имя включается дата переименования в указанном формате. Например, форматозначает, что дата 28 мая 2004 года будет записана в052804.
Перечисленные параметры могут следовать в любом порядке. Если параметр на- в окне Batch Rename (Пакетное переименование) прописными буквами, то и в названии будет использоваться верхний регистр. Например, если в одном полей выбрать пункт EXTENSION, то расширение GIF-файла будет написано как GIF. Если выбрать extension — как gif.
Вам вовсе не обязательно ограничивать себя предложенными вариантами ставных частей имени файла, В каждое из полей можно ввести любую строку текста.
Образец сконструированного имени показан в поле Example (Пример).
Настройка Compatibility (Совместимость) позволяет гарантировать, что созданное имя будет правильно восприниматься в различных операционных системах: Windows, Mac OS и Unix.
Вернемся кменю Automate (Автоматизация). Его нижнюю часть
мает список готовых сценариев, подготовленных разработчиками программы,
PDF Presentation (презентация Adobe Acrobat). Из выделенных в главном браузера изображений создается презентация (слайд-шоу) в формате PDF.
Contact Sheet II (Индекс). Создается лист, на котором располагаются миниатюры выделенных изображений и подписи к ним.
Online ServicesДоступ к веб-службам (сервисам) от
мы Adobe Systems. К моменту написания книги эта возможностьне были
реализована. Тем не менее авторы рекомендуют время отвыходить
в Интернет и пытаться получить список сервисов,
(Склеивание). С помощью этой функции из нескольких изобра-
жений можно создать одно панорамное.
► Picture Package (Группа изображений). На одной странице создается сразу несколько копий одного или более изображений.
!► Web Photo Gallery (Интернет-галерея). Веб-галерея описана в разделе 1.7.2.
И, наконец, рассмотрим варианты представления миниатюр, которые можно выбрать в меню браузера View (Вид).
Small Thumbnail (Маленькие миниатюры).
А Medium Thumbnail (Средние миниатюры).
Large Thumbnail (Большие миниатюры),
► Custom Thumbnail Size (Произвольный размер миниатюр). В этом случае размер миниатюры определяется в окне установок программы.
Details (Подробности),
Обозреватель файлов очень удобен, если вы обрабатываете большое количество изображений. Однако для его комфортного использования необходим большой монитор — 20- или 21-дюймовый. Максимум удобства предоставят редкие у нас двухмошггор ньте системы.
UMM4|«^
「лава Z
I Введение в графический дизайн
Основы150
Пять наиболее распространенных ошибок дизайнеров .■ ■ ■ ■ ■ ■ ■. 171
Основы
В этой главе мы поговорим о дизайне. Не об умении рисовать или составлять композиции — для этого достаточно таланта и вкуса. И тем более мы не коснемся специфики работы ни в одном графическом пакете, несмотря на ю, что многие пользователи, немного изучив Photoshop или CorelDRAW, уже называют себя дизайнерами. Поговорим о дизайне как о науке. Причем о науке точной, с четко сформированными правилами и аксиомами, заблуждениями поколений и откровением единиц.
Вы не станете дизайнером, только прочитав эту главу. Но мы надеемся, что вы поймете главное: если что-то сделано хорошо, оно сделано хорошо по объективным причинам, и уже другой вопрос, благодаря чему пришел к этому создатель работы — благодаря своему таланту или теоретическим зианиям.
Мы хотим, чтобы читатель понял: стать дизайнером можно и не имея художественного таланта. Но для этого нужно четко понимать определенные правила, по которым человек определяет «что такое хорошо и что такое плохо».
Мы будем говорить о таких понятиях, как размер, форма, цвет, текстура, размещение и шрифт. Также коснемся и вопросов композиции. Попробуем сформулировать, чем может быть обоснован выбор и, в особенности, отказ от выбора. Вы поймете, что часто вариантов не так мало, удачных же из них — единицы. Мы попытаемся отразить основные ошибки, которые делают начинающие дизайнеры, и заблуждения, которые есть у большинства их старших коллег.
Но это всего лишь упрощенный взгляд на дизайн. Если вам это покажется интересным, существует немало хороших книг, которые гораздо лучше, чем эта, смогут ответить на самый главный вопрос дизайна — «как сделать красиво».
Размер
Что такое размер, нам всем в той или иной степени хорошо понятно - в школьные годы геометрия давала нам конкретное определение. Однако для человеческого восприятия размер не является точным математически выраженным понятием. Если мы узнаем, что, например, высота эвкалипта близка к 100 метрам, то это мало что нам скажет. Но если посчитать, что это высота 30-этажного дома, то можно вполне четко представить такое дерево.
Таким образом, размер — понятие относительное. Мы воспринимаем его не как 20 см, 3 м, 5 км, а как «минпатюрпы!!»、«с.редний», «большой», «огромный», «колоссальный». Все основано на ощущениях, которые испытывает человек, а человеческое восприятие очень гибко. Когда мы рассматриваем миниатюру на брошке, наши понятия о большом и маленьком будут совсем другие, чем когда мы будем смотреть на огромную картину.
Подбирая размер конкретного объекта в составе работы, нужно думать о том, что в целом композиция несет некую идею (вообще, основная задача современного дизайна — максимально эффективно донести информацию или эмоции до потребителя). Поэтому, скажем, в рекламе сотового телефона нужно выделить именно сотовый телефон.
На рис. 2.5 изображены два квадрата совершенно одинакового геометрического размера. Но, несмотря на это, квадрат, у которого полосы идут поперек, выгля ■ дит значительно «тяжелее», крупнее по отпошеншо к горизонтальной плоскости, А тот, на котором полосы горизонтальные, выглядит выше.
Рис. 2.5. Светлые предметы кажутся больше: направление светлых линий способно создать иллюзию удлинения в сторону их направленности
Этот эффект известен уже давно. Еще в старых журналах можно прочитать рекомендацию для HUJIHblX женщин носить платья в продольную полоску — они создают впечатление более cTpoiiiioii фигуры, чем она есть на самом деле.
На практике это явление используется достаточно часто. В случае необходимости придать объекту большую «устойчивость» используйте текстуры с ярко выраженной горизонтальной направ；1ешюстыо рисунка (скажем, текстуру кирпич• ной кладки). Если же, наоборот, необходимо избавиться от давящего размера., ppncHTHpyi'iTCCb па вертикальное направление,
С текстурами связан еще один интересный эффект (рис. 2.6). Первое изображение на рис. 2.6 как бы удаляется от нас, второе, наоборот, кажется ближе. Этот эффект основан на свойстве белого цвета «огибать» все предметы, находящиеся на его фоке. Это необходимо знать и применять на практике при работе с радиальным градиентом, на основе которого будет создано достаточно много трюко 1 в этой книге.
Рис. 2.6. Эффекты, основанные на чередовании белых и черных радиальных полос: а — приближение; б — удалениеРис. 2.6. Эффекты, основанные на чередовании белых и черных радиальных полос: а — приближение; б — удаление
Рис. 2.6. Эффекты, основанные на чередовании белых и черных радиальных полос: а — приближение; б — удаление
Рис. 2.6. Эффекты, основанные на чередовании белых и черных радиальных полос: а — приближение; б — удаление
Таким образом, текстура может также сыграть как положительную, так и отрицательную (при неправильное ее подборе) роль в отображении объекта. Отнеситесь к этому очень внимательно, чтобы подобное не случилось с вами.
Цвет и размер
Это самая сложная для нас часть раздела, посвященного размеру. Дело все в том же — в относительности его восприятия. Зачастую мы склонны относить к более крупным объектам те, которые выделяются среди остальных, хотя объективных (то есть основанных на особенностях зрения) причин для этого нет.
Итак, первое и главное свойство: светлые объекты на темном фоне выглядят крупнее, чем темные на светлом (рис. 2.7).
Рис. 2.7. Светлые объекты на темном фоне выглядят крупнее, чем темные на светлом
Вы должны это обязательно учитывать в случае, если хотите подчеркнуть симметричность каких-либо объектов, сильно отличающихся по яркости, например в логотипе. Возможно, придется увеличить темный элемент для того, чтобы зрителю не показалось, что вы сделали свою работу не очень качественно.
На рис. 2.8 мы на 2 % увеличили радиус темного круга — иначе логотип не выглядел таким, каким был задуман.
肥 Design
W肮3
Рис. 2.8. В этой работе диаметр черного кружка сделан на 2 % больше, чем диаметр белого, чтобы кружки выглядели одинаковыми
Точно так же ярко-красный элемент будет казаться несколько крупнее аналогичного темно-синего, Это нужно учитывать и использовать в работе.
Цвет
Мы живем в цветном мире. Каждый день, даже не выходя из дома, человек видит огромное число оттенков. Мы привыкли к этому и не задумываемся ни о природе цвета, ни о том, какое влияние цвет оказывает на нас и на наше поведение. Хотя, может быть, это не совсем верно: любая женщина точно знает, для какого случая необходимо ярко-красное платье, а для какого подойдет и серый костюм.
Мы живем в плену цветов. Наши мысли, наши эмоции — все имеет свой цвет. Достаточно вспомнить такие выражения, как «черные мысли», «зеленая тоска», «оранжевое настроение», чтобы понять; психологическое восприятие предмета связано с его окраской, причем достаточно жестко.
В обыденной жизни это не имеет большого значения. Но сейчас речь пойдет о применении цвета в компьютерной графике, и здесь мы должны четко чувствовать разницу не только в цветах, но и в тончайших оттенках, понимать, как их применение в работах будет влиять на восприятие зрителем.
Правильно подобранные цвета могут как привлечь внимание к изображению. так и оттолкнуть от него. Вы можете вызвать радость, интерес, тоску, страх, скуку всего лишь изменением окраски.
Оттенков существует огромное множество, однако у каждого есть свои любимые, выбор которых связан, как утверждают психологи, с особенностями каждой отдельной личности. Поэтому при выборе цветовой гаммы нужно опираться в том числе и на предполагаемый психологический портрет среднего зрителя.
ВНИМАНИЕ -
Дополнительная сложность возникает из-за того, что цвет как объективная физическая величина в природе не существует. Ощущение цвета хотя и формируется под вл ия- нием объективных факторов электромагнитного излучения (длина волны, интенсив■ ность и т. д.). является субъективным Более того, для описания цвета в разных странах используют различные цветовые модели, основанные на национально-культурных традициях. Этим частично и объясняется то многообразие способов описания цвета, с которым приходится столкнуться любому человеку, профессионально работающему с компьютерной графикой.
Несмотря на то, что цвет, в отличие от формы, — понятие субъективное, в цветовой вселенной существуют вполне универсальные законы, которые дизайнер должен знать и применять на практике.
Для начала мы должны проанал изи])овать, как устроен цвет. Вообще, это скорее вопрос для серьезной монографии, поэтому мы не станем вдаваться в физиологические и спектральные особенности, а будем все упрощать.
Для начала разложим цвет на составляющие. Из всего ряда существующих цветовых моделей лишь модель HSV (Hue — Saturation — Value, оттенок — насыщенность — яркость) представляет его в привычном для нас виде и не требует привыкания.
Система HSV разлагается на три компонента:
А Оттенок (Hue) — это непосредственно информация о цвете. Это сложно объяснить популярньпг языком, поэтому доверьтесь своей интуиции;
Насыщенность (Saturation) — цвета, как вы знаете из обычной жизни, бывают более или менее насыщенными. На бытовом языке более насыщенный цвет называют более сочным;
Яркость (Value) — как легко догадаться, более яркий цвет воспринимается как более светлый,
Следует отметить, что не только разные люди реагируют на один и тот же цвет по-разному, но и целые народы. Это связано с традициями, в которых воспитывалась нация. Например, в европейских странах белый — это цвет чистоты и невинности, а у некоторых восточных народов данный цвет является цветом траура.
Попробуем дать характеристику основным цветам.
Деление цветов на холодные и теплые представлено на рис. 29 В известной мере это деление условно: чем ближе цвет к границе верхнего и нижнего полукруга, тем меньше уверенность его отнесения к теплым или холодным.
КрасныйКрасныйЖелтыйЖелтыйЗеленыйЗеленыйГолубойГолубойСинийСинийФиолетовый SbФиолетовый SbТЕПЛЫЕХОЛОДНЬ1ЁТЕПЛЫЕХОЛОДНЬ1Ё
Красный
Красный
Желтый
Желтый
Зеленый
Зеленый
Голубой
Голубой
Синий
Синий
Фиолетовый Sb
Фиолетовый Sb
ТЕПЛЫЕ
ХОЛОДНЬ1Ё
ТЕПЛЫЕ
ХОЛОДНЬ1Ё
Рис.Цветовойкоторый показываетразделение цветов на холодные и теплые
Красный
У большинства людей красный цвет вызывает прямую ассоциацию с огнем. Поэтомуегодействиеможет бытьразным—отощущениятепладостраха.Он
способен ускорять пульс и расширятьоднако из-заяркости
точно быстро утомляет, особенно если присутствует в больших количествах (например, если это цвет стен в помещении).
Чистый красный цвет — это цвет тревоги и возбуждения, однако его оттенки (коричневый, тепло-серый) действуют успокаивающе. Красный привлекает к себе внимание (не случайно почти все предупреждающие надписи сделаны либо на красном фоне, либо красными буквами),
Этот цвет часто применяется в компьютерной графике, однако с ним быть очень осторожными, чтобы не переусердствовать.
Красный цвет подходит:
для подчеркивания агрессивности, активности. Например, лучшие спортивные машины, в частности Ferrari, выпускаются в основном красными;
для выражения страсти, сексуального желания. Это хорошо подтверждается что вночных клубов с эротической программой оченькрасного;
для выражения жестокости— цвет крови);
для подчеркивания роскоши, богатства (особенно в сочетании с
Желтый
Это самый яркий цвет накруге. Он идеально подходит для передачи
радостного настроения, оптимизма. Именно поэтому желтый — один из наиболее часто используемых цветов в рекламе туристических компаний.
Кроме того, желтый цвет — это цвет золота. Поэтому у многих он ассоциируется с успехом, богатством и роскошью.
Оранжевый
Теплый, позитивный, яркий и современныйоказывающий бодрящее влия-
Ускоряет пульс и расширяет зрачки. Один из наиболее часто используемых в современном дизайне, особенно веб-дизайне.
Оранжевый можно пс пользовать, если Bbi хотите подчерких^ть:
> современность. Многие компании, которые выбирают основной чертой своего бренда соврем иtiность, выбирают оранжевый в качестве «фирменного» цвета. Особенно распространено это среди операторов сотовой связи;
А диилмичнос гь;
А оптимизм. Для создания яркого плаката оранжевый фон — банальный, но практически идеальный вариант,
Как показы вает опыт, оранжевый очень хорошо смотрится в сочетании с голубым.
Фиолетовый
Рассматривая цветовой круг в направлении от красного цвета к синему, мы можем не заметить этого постепенного перехода, а ведь именно там скрывается удивительный цвет — фиолетовый. Это очень тяжелый для восприятия цвет, так как卫природе он практически нс встречается. Фиолетовый, как синий и голубой, относится к холодной группе. Он способен создавать ощущение тесноты, огра- in тени ости пространства, а также очень быстро утомляет и приводит к снижению активности.
Фиолетовый щзс является 《неземным》, ему присуща некая загадочность. Недаром в мистике фиолетовому отведена особенная роль. А если вы смотрели пред- ста в леип/ иллюзионистов, то, наверное, обратили виимание на то, что в одежде, предметах, занавесе у них очень много этого цвета. Фиолетовый цвет способен вызывать у человека суеверный, подсознательный страх.
Итак, фиолетовый цвет подходит:
► для создания мистического настроения;
к для подчеркивания загадочности.
Синий
Синий цвет относится к холодной группе, находится в самом низу цветового круга. Он успокаивает, порой навевая меланхоличное настроение.
Этот цвет можно отнести к цветам зоны «вечной мерзлоты»: он идеально передает ощущение холода и чистоты. Действует успокаивающе, очень хорошо подходит для дизайна спален.
Варьирование насыщеиности и яркости чисто синего цвета может дать нам большую гамму оттенков (правда, из-за особенностей CMYK системы именно синий хуже всего отображается при печати).
11спольз\'пте егшнй цвет, чтобы подчеркнуть:
А покой;
► чистоту. Вы, может быть, обратили внимание на то, что почти все качественные чистящие средства имеют либо синий, либо голубой цвет. И это совсем не случайно: ученые доказа/ш, что именно эти цвета ассоциир\чотся у большинства людей с чистотой;
А устойчивость.
Зеленый
цвет. Он может быть как теплым, так и холодным, однако чаще он находится на стыке, поэтому его можно отнести как к холодной, так и к теплой группе.
Зеленый оказывает успокаивающее воздействие, понижает давление, нормализует кровообращение, Это самый природный и самыйцвет. Именно в этом
и состоит основное назначение в дизайне — передавать связь объекта с природой. В общем-то, если смотреть на логотипы, зеленый в основном встречается либо у компаний, добывающих природные ресурсы, либо у экологических организаций. Если вы смотрите современныето, наверное, уже обратили внимание, что биологическое оружие,живность и прочая биологическая
гадость чаще всего бывает зеленого (особенно ярко-зеленого) цвета. Это также связано с подсознательными ассоциациями у людей.
Кроме того, зеленый цвет — цвет загадочный и мистический.
Зеленый подходит для передачи:
жизни во всех ее биологических проявлениях;
связи с природой;
загадочности.
Голубой
Голубой цвет успокаивает и охлаждает. Подобный эффект объясняется ассоциациями с холодной водой и льдом. Порой вызывает чувство отчужденности.
Главные цвета: черный и белый
Вы, наверное, заметили, что мы рассмотрели основные цвета, но совсем не затронули два особых цвета, которые в цветовом круге присутствуют везде, и в то же время их нигде не видно, — это черный и белый.
Черный цвет в своем неповторимом единстве — тяжелый цвет, несущий в себе тоску, горечь. Вызывает чувство усталости и дискомфорта. Несмотря на это, довольно часто люди выбирают этот цвет в одежде. В данном случае он относится к «классике», при этом создаваястиль. Также этот цвет может со
четаться со всеми другими цветами в той или иной степени. Черный — это цвет роскоши, особенно в сочетании с красным. В наших традициях принято относить его к траурному цвету.
Белый — очень радостный цвет. Благодаря ассоциации с прозрачным воздухом вызывает чувство легкости, свободы иУскоряет пульсацию и рас
ширяет зрачки. Белый довольно часто употребляется в создании фона. Сам по себе белый цвет не несет никакой информации, а со всеми остальными цветами довольно хорошо компонуется,более светлые тона. Этот цвет относят
к цвету невинности и чистоты.
Сочетаемость цветов
Вопрос сочетаемости цветов — это один из самых спорных иво
просов в дизайне. Действительно, тут как нигде силен принцип «о вкусах не спорят». Поэтому говорить обправилах, к сожалению, приходится.
Однако кое-какие закономерностиможно. Итак, первый и наиболее простой принцип — выбор близкихТочно так же, как одежда подбирается
«в тон», могут быть подобраны и цвета для веб-сайта.
Прайда, такой подход достаточнои вряд ли годится для
нальной работы. Несколько интереснее возможность воспользоваться кругомпоискаоттенков.
Посмотрите на рис. 2.10.
Рис. 2.10. Отношениевкруге
Смежные цветасовмещаются, однако выбор такого варианта
считается скучным и банальным.
Цвета, которые находятся друг напротив друга, считаются малосовместимыми.— синий неплохо смотрится в паре с желтым.
Лучший выборцвета черезте, которые2.10
ми. Они отлично сочетаются в большинстве своихглавное, чтобы
не было большого контраста в яркости.
Важно также то, чтои белый почти идеально сочетаются со всеми
другими цветами, а в особенностис другом. Поэтому, если есть выбор,
всегда проще сделать работу именно в этих цветах.
Но все же главнымподборе цветовой гаммы должен оставаться вкус (это кому повезло от рождения) и опытсо
нем). Ведь существует множество решений, которые не вписываются в рамки никаких цветовых теорий, но между тем являют собой пример и талантливой дизайнерской работы.
2.1.3 Форма
Форма — это наиболее важная часть любого объекта. Мы можем опустить информацию о цвете, текстуре, размере, по помнить о форме придется всегда. Любая дизайнерская работа должна начинаться именно с выбора формы объекта или их подгонки друг под друга, если объектов несколько.
Датьсловудостаточно сложно. Если немного утрировать,
то это комплекс всех геометрических отношений объекта. Всего существует
огромное количество форм, поэтому классифицировать их можно только по строению. Формы бывают:
Многоугольные. Такие фигуры построены из прямых линий. К ним относятся как привычные для нас прямая, треугольник, квадрат, звезда, так и более сложные фигуры (рис. 2.11, а).
a6з
Рис. 2.11.Три типа фигур: а — многоугольные; б — криволинейные; в — аморфные
Криволинейные. Это фигуры, основанные на сглаженных линиях (рис. 2.11, б). К ним относятся также круг, овал, дуга и некоторые другие.
Аморфные. Это нечеткие сложные формы (рис. 2.11, в). Аморфные фигуры очень близки к текстурам, так что временами их сложно дифференцировать.
Работа с формой — это наиболее простая и наиболее интересная часть дизайнерской работы. Существует опыт многих поколений по сочетанию форм, поэтому большинству при работе с формой (в отличие от работы с цветом) хватает собственной интуиции. Однако несколько слов об основных формах мы все же скажем.
Линии
Линия — самая простая из геометрических фигур. Теоретически она имеет только одно измерение — длину. Хотя на практике мы сталкиваемся с тем, что нужно задавать еще и толщину линий, их цвет и тип (скажем, достаточно распространена практика использования пунктирных линий). Иногда грань между линией и прямоугольником едва уловима.
У линии существует две основные функции; разделение и соединение других объектов.
Разделение — классический способ использования линий, который процветал и процветает в оформлении книг. В дизайне он также весьма активно используется (рис, 2.12).
Однако применение линеек (так в типографской терминологии называют разде* лительные линии) считается приемом банальным и слишком очевидным. Если вам нужно просто и быстро сделать работу, то это неплохой вариант, однако, если хочется получить с помощью разделительных линий нечто оригинальное, придется потрудиться.
ПРИМЕЧАНИЕ
Для разделения, скажем, блоков текста гораздо интереснее использовать разницу в фоновом цвете или пустые блоки.
БЕЛОЕ ЧЕРНОЕ
Рис. 2.12. Использование линий для разделения
Соединительная функция линий куда интереснее. Можно сказать, что это одна из наиболее ярких и распространенных черт современного дизайна. Линии в этом случае выполняют важную функцию взаимодействия между блоками информации или графическими компонентами (рис. 2.13).
Причина
Следствие
Рис. 2.13. Соединительная функция линий
Линия — это своего рода «палочка-выручалочка», которая в любой момент готова прийти на помощь. Это самый простой способ внести в композицию две черты, которые должны всегда присутствовать в работах хорошего специалиста: единство и динамичность.
В работе линии должны играть роль своего рода направляющих, по которым зритель переходит от одного элемента к другому. Поэтому при их использовании всегда нужно помнить не только о внешней привл екателыюсти, но и о логической обоснованности,
Прямоугольники
Прямоугольник — совершенно уникальная фигура для дизайна, компьютерного в особенности. И причина этому проста. Большинство носителей: плакаты, книжные страницы, почти вся полиграфическая продукция, не говоря уже про экран монитора, имеют прямоугольную форму. Подобное положение автоматически делает эту фигуру самой важной, используемой по умолчанию.
Дизайн, основанный на прямоугольниках, — это наиболее простой и очевидные путь. В доказательство этого можете просмотреть десяток веб-страниц и убедиться, что почти все они отталкиваются от прямоугольных форм.
Самое главное при работе с прямоугольниками — правильно подобрать пропорции. Не очень хорошим вариантом считаются фигуры, приближающиеся к квадрату: такое решение будет старомодным из-за своей симметричности. Но и чересчур вытянутый прямоугольник также плох: из-за 《призе млешюсти ». если
доминирует горизонтальная ПЛОСКОСТЬ, или неустойчивости в случае: доминирования вертикальной.
С древности известно наилучшее соотношение сторон прямоугольника, которое называется золотым сечением. Это соотношение равно 0,618. Конечно, это не выход из любого положения, но иметь его в виду все же стоит — недаром на золотом сечении основана вся классическая архитектура.
Треугольник
Эта фигура во многом хороша, однако она не так популярна, как линии или прямоугольники. Причина в том, что треугольник достаточно тяжело вписывается в композицию с другими фигурами.
Треугольник может неплохо смотреться, скажем, в основе логотипа (рис. 2.14).
TRANSPARENCY
Рис. 2,14. Пример логотипа на основе треугольника
В данном случае то, что фигура повернута основанием вниз, дает очень важное ощущение — устойчивости фигуры, и, как следствие, впечатление устойчивости компании. Подобный эффект известен давно, поэтому множество фирм всего мира избрали треугольник своим символом.
Второй эффект. который отлично достигается этой фигурой, — эффект «указующего перста». То, что треугольник несколько напоминает стрелку, к которой мы все привыкли как к стандартному указателю направления, позволяет использовать его в качестве элемента, направляющего внимание зрителей. Например, на рис. 2.15 мы сфокусировали значение слов на содержимом условного сайта idea.com,
оптимизм
уверенность
一丄.段「 idea.com
профессиоНам；:：
успех
Рис. 2.15. Фоновый треугольник в этом примере играет роль указательно访стрелки
При помощи треугольника, используемого в качестве фона, мы смогли, с одной стороны, небанально сгруппировать качества сайта, а с другой — сразу же направить эту информацию на название. Пожалуй, столь же лаконично это не сделать никаким другим способом.
Круг
Круг во многих цивилизациях считался самой совершенной, божественной фи* гурой. Круг был символом солнца, в форме круга строили храмы и алтари для жертвоприношений,
В современном дизайне от почтения к этой фигуре не осталось и следа. Круг слишком контрастирует с прямоугольной формой страниц и экрана монитора. Конечно, контраст это совсем не плохо, но создавать на основе контраста качественные работы в области компьютерного дизайна — это удел действительно профессиональных специалистов.
На рис. 2.16 показана первая страница сайта одного из издательств. Удачную страницу разработчикам удалось создать только благодаря тому, что рубрикатор очень компактно размещен с одной стороны окружности, а не разбросан по всей ее длине. Кроме того, крупный горизонтальный текстовый блок вверху добавляет стабильность композиции. И все же, несмотря ни на что, в окне обозревателя страница смотрится неважно.
Рис. 2.16. Веб-страница, построенная на основе окружности
Вы можете сами попробовать вспомнить, много ли вы видели сайтов, построенных на основе окружности. Это самый лучший способ сделать оригинальный дизайн страницы, но вместе с тем и самый простой способ сделать его неудачным. Единственное, в чем круг проявляет себя в полной мере до сих пор, это дизайн логотипов. Наверное, половина всех фирменных символов имеет в своей основе круг. Хотя, за редким исключением, эти работы не отличаются оригинальностью ни в замысле, ни в исполнении. Самый распространенный пример — имитация буквы «О» при помощи окружности (рис. 2.17).
Одним словом, если опыта у вас маловато, с этой непослушной фигурой лучше пока дел не иметь. Когда же вы станете хорошим специалистом, работа с окружностями, наоборот, станет для вас вызовом трудностям, преодолев которые можно получить оригинальный результат,
Рис. 2.17. Имитация буквы «О" при помощи круга — пример неудачного использования этой фигуры в дизайне
Кривые
Кривая — это линия, имеющая несколько разных уровней кривизны (в математических терминах это называется кривой второго уровня) (рис. 2.18).
Рис. 2.18. Фигура, построенная из кривых второго уровня
В современном компьютерном дизайне эти фигуры достаточно популярны (в основном они используются для тех же целей, что и прямые). Однако увлекаться ими чересчур не стоит; вы рискуете получить работу, выполненную в стиле модерн, который был популярен в начале прошлого века, а это вряд ли хорошо.
Отсутствие формы
Конечно, говорить об отсутствии формы не совсем корректно — форма есть всегда. Но когда ее сложность превышает возможности анализа, то вполне допустимо называть подобный объект бесформенным.
Использование бесформенных объектов — это другой полюс современного дизайна, противопоставляемый четкой логичности прямоугольных форм. И это крайность борьбы против симметрии, дальше которой двигаться некуда.
Бесформенность можно использовать, когда нужно подчеркнуть:
А независимость;
> ультрасовременность;
А модность;
► протест;
А нестандартность.
Особенно ярко может проявиться бесформенность в сочетании со шрифтом. На рис. 2.19 показаноподобным образом. В таком виде оно как
лучше отражаетнекую агрессивность человека, который
его
Рис.Бесформенность контуров может сделать надпись очень интересной
формыявляется недостатком, скорее наоборот — ведь ничтоне даст вам таких широких возможностей для поиска оригинального
решения.объекгов играет не меньшую роль, чем
Но об этом мы поговорим чуть позже.
Шрифтовой
Работа со шрифтом — это наиболее интересная, многоплановая и, ли не наиболее сложная часть работы дизайнера. Сразу скажем, что если вы те работать с текстом более-менее профессионально, то стоит купить специализированную литературу по шрифтовому дизайну и посвятить ее изучению не один час, Итак, шрифты бывают трех основных типов:
А бри小口力 с засечками (рис. 2.20, а);
шрифты (рис. 2.20, б);
А шрифты свободного стиля (рис, 2,20：, в).
Design
Design
6 Design
в
Рис. 2.20. Три типа шрифтов: а — шрифты с засечками; б — рубленые шрифты; в — шрифты свободного стиля
Гарнитура
В шрифтовом дизайне работает тог жеединства и контраста, о котором
мы говорили чуть выше. Лучше всего сочетаются шрифты си рубленые, Вубедиться, изучив, насколько часто используется это
тание в профессиональных работах.
Рубленые шрифты могут неплохо сочетаться и со шрифтами, стилизованными под рукописный текст, однако это далеко не абсолютное правило. Декоративные же шрифты и шрифты с засечками вместе сочетаются просто ужасно — старайтесь избегать подобного соседства.
Кегль
Достаточно сложным является выбор размера надписей. Первое, что может прийти в голову: если какая-то надпись больше, то и внимание к ней со стороны зрителей также будет повышенным. Но это не совсем так (рис. 2.21).
ВРЕМЯ
Достаточно сложным является выбор размера надписей. Первис, чти может при/<ти в галнпу - если какая-тъ надпись больше, то м 佔кнманме к исй со стороны зрителей также будет понишенным. Но это «е совсем так.
писать
Рис. 2.21. Слишком крупный текст теряет для зрителя информативную функцию и начинает восприниматься как элемент дизайна
Однако крупные буквы отлично смотрятся в составе логотипов, заголовков, указателей — одним словом, во всех элементах, декоративная функция которых не менее важна, чем информативная.
Мелкий шрифт также таит в себе опасности. В вашей работе его должно быть не слишком много, чтобы зритель имел возможность прочитать его весь без усилий зрения и воли. Кроме того, отдельные текстовые блоки должны быть достаточно автономны, то есть отделены пустым пространством.
Цвет
В принципе, все правила, о которых мы говорили в разделе, посвященном цветовому дизайну, действительны и для текста. Добавить стоит только одну мысль: если вы хотите выделить часть букв в рамках одного слова или выделить одно слово в рамках предложения, пользуйтесь либо цветом, либо гарнитурой. Сочетание этих приемов приводит к удивительно пошлым результатам (рис, 2.22).
PHOTOSHOP PHOTOSHOP
PHOTOSMP
Рис. 2.22. Двойное выделение фрагмента (гарнитурой и цветом) — плохой прием
Немного о композиции
Разговор о композиции начинать очень сложно хотя бы потому, что эта тема требует к себе особого внимания. Мы не претендуем в этой главе на раскрытие темы композиции — для этого существуют специальные книги, которые вы можете прочитать, если хотите стать действительно профессиональным дизайнером. Но если с теорией композиции вы не знакомы вообще, прочитайте этот раздел достаточно внимательно.
В основе теории композиции лежит понимание того, что очень многое воспринимается нами подсознательно, на уровне инстинктов и рефлексов. На одно и то же расположение объектов практически у всех людей проявляется одинаковая реакция. Например, какой из вариантов расположения круга и прямоугольника на рис. 2.23 вызывает у вас ощущение опасности, дискомфорта? Авторы у вере ны, что это вариант б.
аб
Рис. 2.23. Различное расположение объектов в композиции способно вызывать противоположные ощущения: а — ощущение стабильности; б — чувство дискомфорта
Аналогично, практически любое композиционное решение должно быть обоснованно. В дизайне, как это ни удивительно для большинства из нас, достичь нужного эффекта без знания теории практически невозможно.
В основе композиции, если несколько утрировать, лежат два понятия: единство и контраст.
Единство
Это понятие включает в себя множество требований, которые должны приводить к одной цели. Можно даже сказать, что единство — это не способ, а цель в дизайне, требование, чтобы в конечном итоге работа, будь то логотип или вебстраница, смотрелась единым целым.
На практике это означает, что нужно сильно ограничивать себя в средствах. Не бойтесь сделать просто! Наоборот, стремитесь к тому, чтобы проще вашего дизайна было трудно что-то придумать. Если есть возможность использовать одну гарнитуру шрифта — используйте одну гарнитуру, можно свести весь дизайн к одной фигуре — сводите.
ПРИМЕЧАНИЕ
В особенности грешат несоблюдением принципа единства начинающие веб-мастера. Наверное, вы много раз видели эти пестрящие gif-анимацией, псевдообъемными элементами, огромными заголовками и самыми яркими цветами творения. В особенности нелепо выглядят их создатели, объявляя себя профессиональными дизайнерами и предлагая свои услуги совсем не бесплатно. Не повторяйте их ошибок, не бойтесь показаться неумными или неумелыми — делайте ПРОСТО.
Важный компонент достижения единства в композиции — это достижение равновесия. Равновесие — залог того, что у людей, которые будут смотреть на вашу работу, не возникнет чувства «здесь что-то не так».
Равновесие композиции достигается не только за счет относительно равномерного распределения объектов, но и за счет их размеров, цвета, яркости, формы. Например, если с одной стороны веб-страницы вы имеете большой текстовый блок, то с другой стороны его можно компенсировать иллюстрацией или более темным фоном.
Равновесие бывает двух основных типов: формальное и неформальное.
Формальное равновесие подразумевает симметрию вокруг оптического центра композиции (рис. 2.24).
Рис. 2.24. Формальное равновесие чаще всего достигается симметрией
Формальное равновесие — один из самых простых способов достижения гармонии в композиции. Однако оно подразумевает симметрию, а как говорилось в этой книге уже не раз, симметрия в современном дизайне считается едва ли не проявлением дурного тона. Хотя предпочтительнее сделать хорошо с симметрией, чем плохо без нее. Об этом говорит хотя бы то, что классическое искусство, в особенности архитектура классицизма, в основе своей несет следование принципам формального равновесия: пропорции золотого сечения, строгость форм, абсолютная симметрия. Формальное равновесие может отлично подчеркнуть такие качества, как;
консерватизм;
А постоянство;
устойчивость;
齢 достоинство.
Однако сейчас намного чаще используется второй тип равновесия, а именно неформальное. Оно не имеет таких явных примет, как формальное, поэтому достигается во многом благодаря интуиции и вкусу.
Неформальное равновесие достигается множеством способов, но суть их сводится к одной достаточно простой мысли: можно все, кроме симметрии. То есть если на веб-странице или рекламной листовке вы разместили крупную фигуру и она сильно доминирует над остальными, можно уменьшить ее яркость, изменив цвет остальных фигур. И наоборот, крупный текстовый блок очень легко уравновешивается гораздо меньшей по размерам, но цельной фигурой (рис. 2.25).
В этой главе мы поговорим о дизайне. Не об умении рисовать или составлять :隐 композиции — для этого достаточно таланта и вкуса. И тем более мы не коснемся специфики работы ни в одном графическом пакете, несмотря
- на то, что многие пользователи, немного изучив Photoshop или CorelDRAW, уже называют себя дизайнерами. Поговорим о дизайне как о науке. Причем о науке точной, с четко сформированными правилами и аксиомами, заблуждениями поколений и откровением единиц.
Вы не станете дизайнером, только прочитав эту главу. Но мы надеемся, что вы поймете главное: если что-то сделано хорошо, оно сделано хорошо по ОБЪЕКТИВНЫМ причинам, и уже другой вопрос, благодаря чему пришел к этому создатель работы — благодаря своему таланту или теоретическим знаниям. Мы хотим, чтобы читатель понял: стать дизайнером можно и не имея художественного таланта. Но для этого нужно четко понимать определенные правила, по которым человек определяет «что такое хорошо и что такое плохо».
Мы будем говорить о таких понятиях, как размер, форма, цвет, текстура, размещение и шрифт. Также коснемся и вопросов композиции. Попробуем сформулировать, чем может быть обоснован выбор и, в особенности. отказ от выбора. Вы поймете, что часто вариантов не так мало, удачных же из них единицы. Мы попытаемся отразить основные ошибки, которые делают начинающие дизайнеры, и заблуждения, которые есть у большинства их старших коллег.
Но это всего лишь упрощенный взгляд на дизайн. Если вам это покажется инт ересным, существует немало хороших книг, которые гораздо лучше, чем эта. смогут ответить на самый главный вопрос дизайна «как сделать красиво».
Рис. 2.25. Крупный текстовый блок очень легко уравновешивается гораздо меньшей по размерам, но цельной фигурой
ВНИМАНИЕ -
Сложнее всего в достижении неформального равновесия не нарушить первое правило, с которого мы начинали эту главу, — все делать просто. Множество вариантов приводит к тому, что мы добавляем немного туда, немного сюда, и в итоге имеем нагромождение объектов вместо современного дизайна.
Для единства композиции очень важно, чтобы все элементы (в меру возможностей) были расположены с соблюдением единого ритма. Ритм — это соблюдение 01 гред елейного чередования объектов и пустых мест либо объектов и других объектов в композиции (рис. 2.26).
||СОLOMNS i 优
Рис. 2.26. Пример использования ритма в дизайне логотипа
ПРИМЕЧАНИЕ
В стремлении достигнуть определенного ритма (ведь он сильно влияет на общий «настрой» работы) старайтесь все же избегать самого простого решения — явной симметрии,
Контраст
О контрастеуже говорили. Контраст — это основа современного дизайна.
более-менее профессиональные решения или основаны на контрасте, или содержат контраст в качестве компонента.
С одной стороны, контраст — это антипод единства. Он не добивается цельности в композиции, наоборот, цель контраста заключается подчеркивании различий между объектами. Но не стоит противопоставлять эти два понятия и думать, что они несовместимы. Именно «золотаямежду контрастом и единст
вом — это то, к чему нужно стремиться.
Все основные мысли о контрасте уже описаны ранее в этой главе. Поэтому сейчас мы лишь резюмируем сказанноедобавив несколько слов о каждой из
разновидностей контраста в композиции.
Размер. Один из лучших приемов достижения контраста —в разме
рах между одинаковыми геометрическими фигурами. Но следует помнить: если эта разница недостаточнозритель может воспринять ее не как
решение дизайнера, а как его ошибку (рис. 2.27).
б
Рис. 2.27. Контраст; а — недостаточная разница а размерах между фигурами как ошибка, б — и только ее увеличение способно исправить ситуацию
Форма. Форму лучше использовать для того, чтобы подчеркивать единство композиции. Дело в том, что криволинейные и прямолинейные фигуры имеют между собой слишком грубый, натуралистичный контраст, на котором очень немногие могут построить работу. Если же фигуры схожи между собой (как, квадрат и то их сочетание вызывает чувство незаконченности работы, раздражает зрителей (рис. 2.28).
Рис. 2.28.а — криволинейные и прямолинейные фигуры контрастируют слишкомгрубо, б — разница же между формами одного типа выражена недостаточно сильноРис. 2.28.а — криволинейные и прямолинейные фигуры контрастируют слишкомгрубо, б — разница же между формами одного типа выражена недостаточно сильно
Рис. 2.28.а — криволинейные и прямолинейные фигуры контрастируют слишком
грубо, б — разница же между формами одного типа выражена недостаточно сильно
Рис. 2.28.а — криволинейные и прямолинейные фигуры контрастируют слишком
грубо, б — разница же между формами одного типа выражена недостаточно сильно
Полного контраста достигнуть с помощью разницы в цвете не получится, Однако в качестве второго это просто отличный вариант. Шрифт. Шрифты сами по себе представляют собой достаточно явный контраст Поэтому поиск слишком явной разницы между гарнитурами может сыграть роль своего рода тавтологии в дизайне. Будьте осторожнее!
Контраст же всей композиции в целом — это сочетание всех перечисленных видов контраста. Старайтесь выдержать чувство меры в его достижении: не стоит, например, выделять цветом элемент, который и без того хорошо контрастирует благодаря своим размерам.
На этом наш теоретический разговор о некоторых вопросах дизайна закончен. Еще несколько полезных наблюдений плюс практическое подтверждение уже описанных вы сможете найти в следующем разделе.
2.2. Пять наиболее распространенных ошибок дизайнеров
В этом небольшом разделе мы опишем несколько основных ошибок, которые делают практически все, кто пробует себя в области дизайна, будь то дизайн для Веб или полиграфический. Конечно, выборка эта очень субъективна, но несколько полезных мыслей, мы надеемся, вы сможете из нее извлечь.
Чрезмерное усложнение
Это самая главная ошибка, которая встречается невероятно часто и влечет за собой множество других. Проблема проистекает из того, что молодые дизайнеры (можно ли их уже называть этим гордым именем?) очень боятся, что зрители не увидят того, что они хорошо владеют, скажем, Photoshop или CorelDRAW. Поэтому и появляются сайты, в которых все кнопки — это gif-анимация, элементы ннтер巾eRca непременно имитируют объем, а цвета текстовых блоков очень ярки. Идеальный вариант для таких страничек — желтый на голубом! Мы даже не станем приводить примеры подобных работ — всем известны сайты с narod.ru или boom,ru, и не стоит выделять какой-нибудь из них в качестве особо «выдающегося >. Аналогичные примеры можно встретить и среди «печатников». Разве вы не видели рекламные плакаты, в которых из-за давления цветов, объектов, эффектов просто невозможно уловить, что эта работа хочет донести, какой товар продать. Несмотря на то, что эта книга посвящена эффектам, мы не хотим, чтобы ее воспринимали как «поваренную книгу» для переноса готовых рецептов в свои работы. Задача книги совсем другая — на характерных и ярких примерах научиться использовать нужные функции программы и забывать про бесполезные,
Чрезмерное упрощение
Ему, в отличие от усложнения, подвержены даже профессиональные дизайнеры, но чаще — те, кто пытается делать современные и профессиональные работы, но не имеет для этого достаточно знаний или опыта.
Если вы станете дизайнером, нужно всегда помнить: все, что делается, ДОЛЖНО' понравиться зрителям. Если это ультрасовременная работа на конкурс, то упрощение до минимума может даже помочь. Но для плаката, рекламирующего карамельки, подобное решение станет пустой тратой денег заказчика и собственного времени. Ведь большинство людей, особенно те, кого принято называть «потребителями», любят вовсе не «Черный квадрат» Малевича, а Шишкина, Васнецова
и Валеджо. Поэтому и дизайн для них должен быть, как говорится, «без особых претензий» (что никак не метает быть ему хорошим и даже талантливым).
Однако не стоит путать с упрощением академический стиль в веб-дизайне. Это стиль, в котором были выполнены первые сайты в Сети, основанный на параметрах по умолчанию в HTML-верстке. Этим стилем вы подчеркиваете, что для данной страницы дизайн не имеет никакого значения, так как главное — содержание. В частности, в академическом стиле вьшоллена самая большая и старая сетевая библиотекаРунета—http://www.Hb.ru.
IИспользование приевшегося стиля
Многие начинающие дизайнеры делают работу в стилях, которые уже всем оскомину набили. Мы бы выделили три таких стиля, которые можно увидеть на каждом углу.
А Стиль рекламных плакатов Маяковского. Маяковский для русских дизайнеров, конечно, отец родной — ведь именно он практически создал стиль современного рекламного плаката, а введенные им тезисы доминировали в течение многих десятилетий. Но сегодня такая стилизация уже является признаком дурного вкуса. Слишком много мы видели подобных работ, чтобы еще одна стала оригинальной.
А Стиль советского агитационного плаката. Авторы не знают, как к подобным вещам относятся читатели, но нам плакат, известный как «Родина-мать зовет!», грубо переделанный под рекламу куриных окорочков, откровенно не нравится, С одной стороны это неуважение к общечеловеческим ценностям, с другой — откровенная пошлость. Самое интересное, что к имитации такого дизайна прибегают и крупные фирмы, которые могли бы себе позволить и более профессиональных специалистов (рис. 2.29).
Рис. 2.29. Пример использования стиля советской рекламы
► Американский патриотический стиль. В начале 90-х проявления этого стиля - текстуры в виде американского флага, силуэты статуи Свободы, Манхэттена и некоторые другие символы — встречались на каждом углу. И набили оскомину почти всем. Избегайте этого стиля, если вы работаете для ру сскоязычн ого рынка (кстати, в Европе американская символика вызывает не меньшее раздражение).
Противоречие привычкам чтения
Западная цивилизация, в том числе и мы, привыкла к одной системе чтения - слева направо и сверху вниз. К сожадешио, это забывают многие дизайнеры, нарушающие порядок следования слов в предложении или предложений в тексте,
Это, конечно, совсем не запрещенный пример, но результатов его удачного использования совсем мало. А неудачного — сколько хотите. Вот какой пример приводит известный российский дизайнер Артемий Лебедев на своем сайте http://www.tema.ru (рис. 2.30).
Рис. 2.30. Изменение порядка следования слов приводит к тому, что нужный текст можно прочитать, только приложив к этому усилия (пример взят с http://www.terna.ru)
Во многом этот пример возвращает нас к первой ошибке: не бойтесь простоты, и подобных «недоразумений» удастся избежать.
Неоригинальность приемов
Есть несколько приемов, которые дизайнеры используют слишком часто. Самый яркий пример — поиск аналогий между словами (рис. 2,31),
урок/
Рис. 2,31. Поиск вхождений одних слов в других — прием, который используется слишком часто
Лет десять назад подобное решение можно было бы назвать удачным, но сегодня трудно сделать дизайн, основанный на поиске аналогий в написании слов, чтобы не продублировать кого-то, кто сделал это раньше.
На этом обзор ошибок и глава, посвященная дизайну, закончены. Авторы советуют прочитать несколько специализированных изданий — это избавит вас от многих горьких опытов. Но не заменит вам самой главной составляющей обучения — практической работы, именно она залог успеха.
「пава 3
Текстовые эффекты
Надпись огнем175
I Пишем льдом183
Пишем кровью188
I Пишем водой192
Ломаный текст196
Болотный текст199
Лазерная надпись203
Буквы под снегом206
Матовое стекло209
Железные буквы213
Хромированные буквы218
Золотые буквы222
Надпись из ртути226
Эффект X-Files230
Каменные буквы233
Буквы под водой236
Буквы из снега240
Текст на волнистой поверхности244
Буквы в стиле Дали246
Надпись из объемных точек249
Трехмерный текст253
Взрывающиеся буквы256
Пиксельный текст261
Текст из сыра263
Текст «высокого напряжения»266
Надпись огнем
Вариант 1
Мы не случайно начинаем с этого эффекта обзорс текстом. Это класси
ческий трюк, который легко делается и дает интересные результаты.
Перед началом любой работы в Photoshop необходимо открыть исходное изображение либо создать новое. В данном случае мы будем работать с новым изображением. Создайте заготовку произвольного размера в цветовом режиме Grayscale (Полутоновое). Фон на вашем изображении должен быть белым. Напишите, пользуя инструмент Horizontal Type (Горизонтальный текст), слово черным том.с которым мы будем работать, показан на рис. 3.1. Размер и форму
текста можно изменить после его создания. Когда необходимо изменить размеры, чаще всего используется команда Edit Free Transform
ние Свободное трансформирование)Если же требуется искривить над
пись (например, по кругу), то лучше обратиться к кнопке Create Warped Text (Деформировать текст) панели параметров или воспользоваться создавать текст по контуру.
heat
Рис. 3.1. Исходная надпись
Рис. 3.2. Диалоговое окно фильтра(Кристаллизация)
Теперь необходимо склеить слой, на котором расположен текст, и слой фона. Это можно сделать с помощью команды меню Layer Merge Down (Слой Объединить с или нажав сочетание клавиш
Наэтапе кристаллизуйте полученный текст (эту операцию
и— она улучшает качество эффекта, но довольно часто именно фильтр
в программе не работает). Фильтр кристаллизации доступен
через меню FilterCrystallize (Фильтр Оформление Кристаллизация).
В диалоговом окне(Кристаллизация) (рис. 3.2) установите размер
кристаллизациипорядка 3-5
Теперь размойтеДля этого воспользуйтесь фильтром Gaussian Blur;
FilterBlurBlur(ФильтрРазмытиеРазмытиепоГауссу)(рис.3.3).
Радиус размытия (Radius) зависит отизображения ишриф
та. Чем больше буквы, тем большим должно быть значение радиуса,
Rabus：Rabus：Рис. 3.3.окно фильтра Gaussian Blur (Размытие по Гауссу)Рис. 3.3.окно фильтра Gaussian Blur (Размытие по Гауссу)pixelspixels
Rabus：
Rabus：
Рис. 3.3.окно фильтра Gaussian Blur (Размытие по Гауссу)
Рис. 3.3.окно фильтра Gaussian Blur (Размытие по Гауссу)
pixels
pixels
Если все было сделано правильно, то ваше изображение будет похоже на рис. 3.4.
Рис. 3.4. Текст после кристаллизации и размытия
цвета рисунка, нажав сочетание клавиш либо команду меню Image Inverse (Изображение Настройки
Эта преобразует все цвета в противоположные. Так как вы работаете в режиме Grayscale (Полутоновое), то темные у вас станут светлыми, а светлые темными,
Затем переверните изображение на 90° против часовой стрелки: Image Rotate Canvas 90 CCW (Изображение Повернуть холст 90 градусов против часовой стрелки). Этот шаг необходим, чтобы на этапе работы использовать фильтр Wind (Ветер), который действует только в горизонтальном направлении.
Рис. 3.5. Инвертированное и перевернутое изображение
Создадим язычки пламени, пока в черно-белом варианте:Wind
(Фильтр Стилизация Ветер) (рис. 3.6). ИспользуйтеFrom the
Left (Ветер слева). Если вам кажется, что пламя недостаточно велико, то примените этот фильтр снова, нажав сочетание клавишВ представленном
мере мы использовали его 2 раза.
Рис. З.6. Диалоговое окно фильтра Wind (Ветер)
После неоднократного применения фильтра Wind (Ветер) у вас должны получиться довольно длинные язычки пламени. Но не переусердствуйте, так как весь огонь должен поместиться на изображении. Рисунок 3.7 иллюстрирует результат наших действий.
Рис. 3.7. Пламя применения фильтра Wind (Ветер)
Для большей добавьте в ваше пламя колебание. Сделать это можно командой Distort Ripple (Фильтр Деформация Рябь). В нашем примере параметры настроены так: Amount (Эффект) равен 50 a Size (Размер) установлен на среднее значение (Medium) (рис. 3.8).
Рис. 3.8.фильтра Ripple (Рябь)
Теперьпламя «наImage Rotate Canvas 90 CW (Изображение
холст 90 градусов пострелке). Все предстоящие нам опера
ции не требуют вертикального положения холста, а работать удобнее с правильно повернутойРезультат вы можете увидеть на рис. 3.9.
Ну как, уже похоже на огонь? Применим еще разDistort Ripple
Деформация Рябь). Только теперь Amount (Эффект) установим на 30 a Size (Размер) — на значение High (Высокий).
Осталось раскрасить пламя. Переведемв режим индексированных
ModeColorРежим Индексированные
цвета). После этого надо сопоставить полутоновому изображению цветовую модель. Для пламени самой подходящей будет команда Image ► Mode 卜 Color Table (Изображение Режим ► Цветовая таблица). Перед вами появится диалоговое окно настройки цветовой таблицы. В раскрывающемся списке выберите таблицу Black Body (рис. 3.10).
回回Table:Table:Black BodyBlack Body■■■■■■■■■■■мая»■■■■■■■■■■■мая»
回
回
Table:
Table:
Black Body
Black Body
■■■■■■■■■■■мая»
■■■■■■■■■■■мая»
IРис. 3.9. Изображение, перевернутое в горизонтальное положение
I Color Table
q Preview
Рис. 3.10. Цветовая таблица
В результате у вас должно получиться весьма правдоподобное пламя, похожее на то, которое показано на рис. 1 цветной вкладки.
ВНИМАНИЕ
Если у вас возникла путаница с цветами, то вы, скорее всего, создавали свое изображение в какой-либо другой цветовой модели, а не в Grayscale (Полутоновое). Вернитесь на несколько шагов назад, и перед тем как переводить изображение в индексированные цвета, установите иветово访 режим Grayscale (Полутоновое), а затем повторите все остальные операции.
Вариант 2
Сейчас вы познакомитесь еще с одним вариантом создания огня. Это решение принципиально не отличается от предыдущего, однако результаты несколько отличаются по стилю, а процесс создания — по используемым командам и приемам.
Создайте файл произвольного размера. При создании изображения обратите на то, что цвет фона должен быть черным, а в качествемоделиMode) выбрана(Полутоновое),
Напишите текст белым цветом. Шрифт лучше использоватьнапримерBold. Если вы недовольны размером или расположением надписи, то
можно отредактировать текст прямо в окне изображения. Нажмите сочетание клавиш и вы сможете изменить размер ваших букв, положение надписи, а также ее наклон,
Рис. Исходный текст
Закончив редактирование текста, откройте палитру Layers (Слои). Ваше изображение должно содержать два слоя: фоновый слой и слой с текстом. Если вы работаете не в седьмой или шестой версии программы, то сначала текст в растр. Photoshop 7,0 могут сразу склеить слой с текстом и слой фона. Для этого выполните команду Layer Merge Layers (Слой Склеить слои) или нажмите сочетание клавиш
Рис.Диалоговое окно фильтра Wind (Ветер)
Поверните изображение на 90° против часовой стрелки: Image Rotate Canvas 90 CCW (Изображение Повернуть холст 90 градусов против часовой стрелки).
Примените фильтр Wind (Ветер): Filter Stylize Wind (Фильтр Стилизация Ветер) (рис. 3.12). Именно для того, чтобы применить данный фильтр, и необходимо было вращать изображение. Настройкиустановите следующие: Method
(Метод) — Wind (Ветер), Direction (Направление) — From the Left (Ветер слева). Можноэтот фильтр несколько раз, чтобы увеличить язычки пламе
ни. Вместо повторения описанной последовательности действий нажимайте со-
Результат работы представлен на рис. 3.13.
Рис.Текст послефильтра Wind (Ветер)
Теперь нам понадобится фильтр Diffuse (Диффузия): Filter
(Фильтр Стилизация Диффузия) (рис. 3.14). Он создает эффект диффунди- цвета от язычков пламени проникают в цвет фона и наоборот.
в разделе Mode (Режим) переключатель(Нормальная).
Рис. 3.14. Диалоговое окно фильтра Diffuse (Диффузия]
верните изображение в исходное положение: Image Rotate Canvas 90 CW (Изображение Повернуть холст 90 градусов по часовой(рис. 3.15).
Рис.послефильтра Diffuse
Чтобы придать огню плавные очертания, размойте текст.для
фильтр Gaussian, Blur: Filter Blur Gaussian Blur (Фильтр Размытие Размытие по Гауссу) (рис. 3. EG). В данномпараметра Radius (Радиус) равна 1.
Рис. 3.16.окно фильтра Gaussian Blur (Размытие по Гауссу)
Сейчас вам следуетоживить пламя, придать ему движение. Для этого
фильтром Ripple (Рябь): Filter Distort(Фильтр Деформация Рябь). Мы советуем взять средний (Medium) размер рябии сделать
параметр Amount (Эффект) равным 100 % (pile. 3.17).
Теперь самое интересное — будем раскрашивать пламя. Переведите изображение в режим индексированных цветов: Image Mode Indexed Color (Изображение РежимИ последний шаг: Image Mode Color Table
Режим Цветовая таблица). Как и вслучае, выбе
рите таблицу Black Body (см. рис. 3.10).
Если у вас возникла какая-то путаница свы с самого работали соизображением врежиме RGB, Lab либо CMYK.
при помощи палитры History (Протокол) на дваназад и перед переходом
в индексированные цвета переведите свое изображение в полутоновое. Сделать это очень просто: Image Mode Grayscale (Изображение Режим Полутоновое),
Рис.Диалоговое окно фильтра Ripple (Рябь)
Результат, аналогичный тому, который должен получиться у вас, представлен на рис. 2вкладки.
Пишем льдом
Мы предлагаем вам следующее решение даннойзадачи,
Создайте заготовку произвольного формата в режиме Grayscale (Полутоновое). Цвет фона должен быть белым, а цвет переднего плана черным (эти цвета ются основнымипо умолчанию, поэтому вы можете установить их, не
переходя в цветовую палитру, нажатием клавиши D).
Напишите текст. Шрифт лучше выбрать массивный, полужирного начертания. Отредактируйте текст, подберите для него подходящее место (внизу должно остаться расстояние сосулек).
frost
Рис. 3.18. Текст, с которым мыработать
Откройте палитру Layer (Слой) и щелкните правой кнопкой мыши по слою с текстом. В появившемся контекстном меню выберите пункт Rasterize Layer ровать слой). Смомента вы можете применять к тексту любые
ты редактирования растровых изображений из стандартного набора Photoshop.
Сейчас мы начнем превращение надписи в искрящийся лед. Прежде всего выполним кристаллизацию: Filter Pixelate (Фильтр Оформление Кристаллизация) (рис. 3.19). Установите размер ячейки 10, Если результат приемлемый, то пора переходить к следующему этапу.
Рис. 3.19.окно фильтра Crystallize (Кристаллизация)Рис. 3.19.окно фильтра Crystallize (Кристаллизация)
Рис. 3.19.окно фильтра Crystallize (Кристаллизация)
Рис. 3.19.окно фильтра Crystallize (Кристаллизация)
Так как ледяная поверхность не идеальнонадо придать ей
Для этого добавьте шум: Filter Noise Add Noise (Фильтр Шум Добавить шум) (рис. 3.20). Задайте значение Amount (Эффект) равным 70 % и, самое главное, ус- флажок Monochromatic (Монохромный).
r Dislributton "■Uniformr Dislributton "■Uniform••MonochromaticMonochromatic
r Dislributton "■
Uniform
r Dislributton "■
Uniform
•
•
Monochromatic
Monochromatic
Рис. 3.20. Диалоговое окно фильтра Add Noise (Добавить шум)
Рисунок 3.21 иллюстрирует результат, который должен получиться после выполнения вышеописанных действий. На нем хорошо видны те неровности поверхности, ради которых применялись два последних фильтра.
HOSE
Рис. 3.21. Надпись после кристаллизации и добавления шума
Смягчим эффект, полученный при кристаллизации и добавлении шума. Это можно сделать, например, при помощи фильтра Gaussian Blur: Filter > Blur ► Gaussian Blur (①илвтр ► Размытие ► Размытие по Гауссу) (рис. 3.22). Слишком сильно размывать не стоит — мы потеряем неровности. Лучше всего взять значение радиуса размытия около 2.
Рис. 3.22. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу)
Сейчас вам предстоит сделать выбор, так как можно воспользоваться одним из двух способов цветокоррекции. Мы воспользовалась вариантом с тоновыми кривыми, который описан в пункте 2.
Более простой, но менее эффектный способ. Выполните команду: Filter > Blur ► Blur (Фильтр卜Размытие > Размытие). Теперь необходимо склеить слой, на котором находится надпись, со слоем фона: Layer ► Merge Down (Слой ► Объединить с предыдущим) либо Ctrl+E, Затем следует инвертировать изображение (для этого и понадобилось слияние слоев, так как последующие преобразования будут касаться не только текста, но и фона). Выполните команду Image ► Adjustments 卜 Inverse (Изображение ► Настройки > Инвертировать) либо просто нажмите сочетание клавиш Ctrl+I.
Способ более кропотливый, но зато предоставляющий больше возможностей. Выберите команду Image Adjustments Curves (Изображение Настройки Кривые) или нажмите сочетание клавишПопытайтесь нарисовать кри
вую, похожую на ту, которая изображена на рис. 3.23. Но если вам не нравитсявариант, вы можете сами подобрать подходящую
Результат, на который вы можете ориентироваться при построении кривой, представлен на рис. 3.24. Ну а теперь необходимо выполнить те же операции, что и в первом варианте, а именно склеить слои и инвертировать изображение нажатиемисоответственно.
Рис. 3.23. Кривая, примененная в примереРис. 3.23. Кривая, примененная в примере
Рис. 3.23. Кривая, примененная в примере
Рис. 3.23. Кривая, примененная в примере
tost
Рис. 3.24. Надпись после применения кривой
После того как вы определились, какой вариант вам больше нравится, и выполнили преобразование, переходим к следующему этапу.
Какой лед сосулек? Ими мы сейчас и займемся. Выберите сначала команду Image Rotate Canvas 90 CW (Изображение Повернуть холст 90 градусов по часовой стрелке), а затем Filter Stylize Wind (Фильтр Стилизация Ветер), Настройки фильтра (Ветер) (рис. 3.25): Method (Метод) —
Direction (Направление) — From the Right (Ветер справа).
Советуем применить данный фильтр один раз, но если вам хочется сделать сосульки подлиннее, можете повторить эту операцию (Ctrl+F). Результат последних действий можно видеть на рис. 3.26.
ЗЗй
f Method，••*>
6 Wmd
：广 Biatt
「Sta^x»
Dffecfron
疔 Fiom the Right
Left
Рис. 3.25. Диалоговое окно фильтра(Ветер)
Рис. 3.26. Текст после применения фильтра Wind (Ветер)
Теперь перевернем холст в исходное положение командой Image Rotate Canvas 90 CCWПовернуть холст 90 градусов против часовой стрелки),
Пришло время раскрасить лед. В пашем примере для этого выбран цвет. Переведите изображение врежим RGB: Image Mode RGB Color
(Изображение Режим RGB).
командуImage Adjustments Hue/Saturation (Изображение Настройки Цвет/Насыщенность) или нажмитеУстановите флажок
(Тонирование) и поэкспериментируйте стона
(Hue), насыщенности (Saturation) и яркостипока не будете довольны
результатом (рис. 3.27).
Hue/SaturationHue/SaturationP Colorize 一 犷 previewP Colorize 一 犷 previewРис. 3.27. Диалоговое окно Hue/Saturation (Цвет/Насыщенность)Рис. 3.27. Диалоговое окно Hue/Saturation (Цвет/Насыщенность)
Hue/Saturation
Hue/Saturation
P Colorize 一 犷 preview
P Colorize 一 犷 preview
Рис. 3.27. Диалоговое окно Hue/Saturation (Цвет/Насыщенность)
Рис. 3.27. Диалоговое окно Hue/Saturation (Цвет/Насыщенность)
Чтобы подчеркнуть переходы в неровностяхможете подправить
контрастностьизображения (рис. 3.28).
I Brightne■■/匸口 ntrast
К
Cancel
Cbngst.同
Preview
{ ;.—，二 . =
Рис. 3.28. Диалоговое окно Brightness/Contrast (Яркость/Контраст)
Ну а напоследок, чтобы лед засверкал и заискрился, выберите инструмент Brush и активизируйте режим Airbrush(Возможности аэрографа).
Воспользуйтесь дополнительными кистямивиде и снежинок для созда
ния эффекта искрящегося и переливающегося на солнце льда.
Если вывсе правильно, то изображение будет похоже на то, которое по
казано на рис. 3 цветной вкладки.
Пишем кровью
Иногда приходится делать содержание которых настолько оригинально, что найти описание его создания невозможно. В этом разделе описывается довольно старый, но не теряющий актуальности пример дизайнерской хитрости. Сразу скажем, что эту задачу можно решить и при помощи имеющегося в Photoshop 7.0 макроса, но он дает результат. Мы предлагаем более эффективный способ.
Для начала создайте заготовку произвольного размера. Больше, чем 400x400 пикселов, вряд ли стоит брать, так как будет очень трудно добиться реалистичности. Убедившись с помощью пункта меню Image Mode (Изображение Режим), что изображение находится в нужном цветовом режиме, а именно в RGB, приступим к работе. Залейте рабочую область, используя инструмент Paint Bucket (Заливка), черным цветом и напишите текст.
blood
Рис. 3.29. Исходная надпись
Мы будем работать со словом Если ни один из размеров шрифта вам не походит, используйте возможности команды Free Transform (Свободное трансформирование)
текст белым цветом, передвиньте его ближе к верхней части изображения — понадобится место для работы.
Чтобы работали фильтры, нам необходимо перевести текст в растр. Сделаем это следующим образом; откроем палитру слоев (Layers) и щелкнем правой кнопкой мыши на слое с текстом. В меню выберем Layer (Растри- ровать слой).
склеить слои: Layer Merge Down (Слой Объединить с предыдущим). На этом подготовительный этап создания кровавой надписи можно считать законченным.
Рис. 3.30. Применение фильтра Wind (Ветер)
Поверните изображение на 90° по часовой стрелке: Image Rotate 90 (Изображение Повернуть холст 90 градусов по часовой стрелке). Затем воспользуйтесь несколько раз фильтром Wind (Ветер);Wind (Фильтр
Стилизация(рис. 3.30).
Для повторногофильтра достаточно лишь нажать сочетание клавишМыэто действие 5 раз.
Вернем изображение в начальное положение: Image Rotate 90 CCW (Изображение Повернуть холст 90 градусов против часовой стрелки). Результат показан на рис. 3.31.
Рис.Результат применения фильтра Wind (Ветер)
Теперь наша задача в том, чтобы превратить эти тонкие полосы в стекающую с надписи кровь. Сделать это очень просто.
Сначала воспользуемся фильтром Stamp (Линогравюра): Filter Sketch Stamp (Фильтр Эскиз (рис. 3.32). Баланс Light/Dark (Баланс света и тени) лучше установить на 5-6, в зависимости от размеров и формы вашего изображения.
Рис. 3.32. Применение фильтра Stamp (Линогравюра)
Если ваш результат не похож на рис. 3.33, значит, некоторые параметры фильтра Stamp были выставлены чаще всего индивидуальны для каждой картинки и зависят от размера, применения фильтра (Ветер). В таком случае нажмите (Edit Undo. Редактирование Отмена), чтобы отменить действие фильтра Stamp (Линогравюра), и попробуйте параметры фильтра образом.
Рис, 3.33. Изображение после применения фильтра Stamp
Теперь осталось придать надписи действительно кровавый цвет. В
Photoshop оченьинструментарий по работе с цветовой гаммой, вполне
достаточный для любойзадачи. Для данного
подходит минимум пять способов, мы выберем самый
Прежде всегоImage Adjust
(Изображение Настройкалибо сочетание клавиш
тем активизируйтеMagic Wand (ВолшебнаяУстановите
раметр Tolerance (Допуск) достаточно большим — порядка 150 — и выделите с помощью текст.
Теперь область выделения можно залить подходящим цветом (рис. 3.34).
Рис. 3.34. Изображение после заливки цветом
И наконец, осталось придать нашей надписи объем и реалистичность. Для этого фильтром BasFilter Sketch Bas Relief" (Фильтр
Эскиз Рельеф). В нашем примере (рис. 3.35) параметр(Детали) равен 12,
a Smoothness (Сглаживание) — 5.
Приэтой операции цвет переднего планасоответствовать
цвету надписи, а цвет фона — фону на вашем изображении.
03—▼] ••一 •一
DeUifl2
--d
Smoothness源
Light jBottom
Рис. 3.35. Диалоговое окно фильтра Bas(Рельеф)
Вот и все, кровавый текст готов. Хочется отметить, что не стоит останавливаться на красном цвете и на рекомендуемых значениях иисполь
зуемых фильтров, так как это сильно сократит ваши возможности. Эксперимент и только эксперимент позволяет добиваться действительно хороших результатов, Конечный результатна рис. 4 цветной вкладки.
Пишем водой
Мы рассмотрим весьма интересный эффект, реализуемый, однако, без особых усилий, — надпись из воды. Вообще, двумерной графике самая трудная задача — имитировать жидкости. Существует более простой вариант — использование слоевыхноцель этой книги — научить читателя рабо
тать с Photoshop, а не рисовать пару десятков картинок, то мы пойдем более сложным путем, который раскрывает секреты работы сразу нескольких инструментов программы.
Создайте новое изображениеNew (Файлв любом из цветовыхтаких как RGB, CMYK, Lab. Мы будем работать с цветовой мо
делью RGB (рис. 3.36).
Создайте новый канал с помощью кнопки New(Создать канал) палитры
Channel (Каналы).
Сделав цвет переднего плана (Foregroundбелым, убедитесь, что находитесь
на только что созданном канале, и при помощи инструмента Туре (Текст) напишите подходящий текст.
Чтобы продолжать работу с текстом, его необходимо Растрировать. Для этого в палитре слоевщелкните правой кнопкой мыши по слою с текстом и вы
берите из раскрывшегося меню пункт Rasterize Layer (Растрировать
При помощи инструмента Brush (Кисть), доступного также по клавише В, нарисуйте несколько капель вокруг надписи. Это не обязательно, но желательно для получения качественного результата.
Создайте копию вашего каналаперетаскивания его на кнопку Create a New
Layer (Создать новый канал) в палитре(Каналы). Затем придайте буквам
причем сконтурами. Для этого необходимо применить фильтр
(Гипс): Filter Sketch Plaster (Фильтр Эскиз Гипс) из стандартного
бора фильтров Photoshop. В данном примере использованы следующие настройки фильтра (рис.. 3.37): Balance (Баланс) — 22, Smoothness (Сглаживание) — 2, (Направление) — Тор (Сверху).
^^.・ *m
water.
Рис. 3.36. Исходное изображение
Рис. 3.37. Настройки фильтра Plaster
Перейдите в палитру слоев (Layers) и создайте новый слой путемкнопки
New Layerслой). Новый слой можно создать также через меню — Layer
New Layer (Слой Создать Слой) — или сочетанием клавиш
Теперь необходимовыделение из созданного вами канала. Для этого нуж
но выбрать команду меню Select Load Selection (Выделение Зафузить и всписке указать названиечто созданного вами канала.
Выберите цвет, которым должен быть написан ваш текст, иего как
цвет переднего плана (Foreground Color), после чего в меню Edit (Редактирование) выберите команду Fill (Заливка).
Намвыделить надпись. Для этого придется пойти обходнымВ палитре
инструментов возьмите Magic Wand (Волшебная палочка)позволяющая
этотс клавиатуры, — W). Допускустановите по
рядка 32, а в палитре Layers (Слои) установите флажок Lock Transparency (Сохранять
Инструмент Magic Wand (Волшебная палочка) позволяет выделить область одинаково окрашенныхвнутри нее. Величи
на допуска указывает количество оггепков, на которые расширится ваше выделение. Затем щелкните по фону. В результате должно выделиться все. кроме надписи, В том случае, если выделение захватило и буквы, повторите процесс,допуск.
33Exparti By：圏 pixelsExparti By：圏 pixels
3
3
Exparti By：圏 pixels
Exparti By：圏 pixels
Преобразуйте выделение при помощи команды Range диапазон) меню Select (Выделение) и расширьте полученную область на 1-2 пиксела; Select Expand (Выделение Изменить Расширить) (рис, 3.38).
Expand
Рис. 3.38. Расширение выделения
Инвертируйтечтобы выделенным оказался текст:либо
Select Inverse (Выделение Инвертировать).
Теперь создайте слой-маску; Layer Save Selection (Выделение Сохранить выделение). Перейдите в палитру Channelsитам второй созданный вами канал. Для того чтобы вода приобрела более четкиенужно
применить фильтр Sharpen(Контурная резкость): Filter Sharpen Sharpen
(Фильтр Резкость Контурная резкость). В том случае, если однократное воздействие фильтра вас не удовлетворит, примените его еще раз.
Для придания буквам большего объема можно воспользоваться встроенными в Photoshop стилями слоя. Из всех многочисленных стилей нас интересует Drop Shadow (ВнешняяLayer LayerDrop Shadow (Слой Стили слоя
тень). В результате у вас откроется окно, изображенное на рис. 3.39.
StylesStylesBlending Options: mfauK •.Blending Options: mfauK •.{Layer Style{Layer Style，Df 叩 Sh4d«v，Df 叩 Sh4d«v广 Inner ShAdwOuter厂Imw俠wL E・ve)and Embo sГ* Contour5~ Tex1w<厂 Satin广 Color OverlayГ" GmdifltM OverlayГГ Stroke广 Inner ShAdwOuter厂Imw俠wL E・ve)and Embo sГ* Contour5~ Tex1w<厂 Satin广 Color OverlayГ" GmdifltM OverlayГГ StrokeCancelCancelftn^ieftn^ieDifUftCt!DifUftCt!•…Quality•…QualityDr*p Shadow•••• StructureDr*p Shadow•••• Structure——..BlendOp «city:BlendOp «city:Рис. 3.39. Настройки стиля Drop Shadowтень)Рис. 3.39. Настройки стиля Drop Shadowтень)NewHy/.」f? U*e Global L国M- ■ JI/ Pfgviev^NewHy/.」f? U*e Global L国M- ■ JI/ Pfgviev^-!-!Contour：Contour：百 px,百 px,jjГ " AnlkalidcedГ " AnlkalidcedDropDrop
Styles
Styles
Blending Options: mfauK •.
Blending Options: mfauK •.
{Layer Style
{Layer Style
，Df 叩 Sh4d«v
，Df 叩 Sh4d«v
广 Inner ShAdw
Outer
厂Imw俠w
L E・ve)and Embo s
Г* Contour
5~ Tex1w<
厂 Satin
广 Color Overlay
Г" GmdifltM Overlay
Г
Г Stroke
广 Inner ShAdw
Outer
厂Imw俠w
L E・ve)and Embo s
Г* Contour
5~ Tex1w<
厂 Satin
广 Color Overlay
Г" GmdifltM Overlay
Г
Г Stroke
Cancel
Cancel
ftn^ie
ftn^ie
DifUftCt!
DifUftCt!
•…Quality
•…Quality
Dr*p Shadow
•••• Structure
Dr*p Shadow
•••• Structure
—
—
.
.
Blend
Op «city:
Blend
Op «city:
Рис. 3.39. Настройки стиля Drop Shadowтень)
Рис. 3.39. Настройки стиля Drop Shadowтень)
NewHy/.」
f? U*e Global L国M- ■ JI/ Pfgviev^
NewHy/.」
f? U*e Global L国M- ■ JI/ Pfgviev^
-!
-!
Contour：
Contour：
百 px
,
百 px
,
j
j
Г " Anlkalidced
Г " Anlkalidced
Drop
Drop
Установите все параметры аналогично нашим, и в результате вы получите почти готовое изображение (рис. 3.40). Можете дополнительно поэкспериментировать со слоевыми эффектами.
Рис. 3.40. Надпись после применения стиля Drop Shadow (Внешняя тень)Рис. 3.40. Надпись после применения стиля Drop Shadow (Внешняя тень)
Рис. 3.40. Надпись после применения стиля Drop Shadow (Внешняя тень)
Рис. 3.40. Надпись после применения стиля Drop Shadow (Внешняя тень)
Нам осталось отрегулировать цвет надписи. Впрочем, если вас удовлетворяет результат, то на этом этапе можно остановиться.
Прежде всего увеличьте яркость надписи, так как она слишком темная. Для этого воспользуйтесь командой Brightness/Contrast (Яркость/Контраст): Image Adjustments Brightness/Contrast (Изображение Передвигайте бегунок яркости в сторону до тех пор, пока не добьетесь хорошего Наши вы можете видеть на рис. 3.41.
Brightness/ContrastBrightness/ContrastL01jPreviewL01jPreview
Brightness/Contrast
Brightness/Contrast
L01
j
Preview
L01
j
Preview
Рис. 3.41. Настройки яркости в диалоговом окне Brightness/Contrast (Яркость/Контраст)
Если цвета воды получились слишком насыщенными, это можно вызвав команду Image Adjustments Hue/Saturation (Изображение
Настройка Цвет/Насыщенность) (рис. 3.42).
Ну вот и все, работа закончена. Нельзя назвать этот трюк самым впечатляющим в книге, но все же выглядит очень неплохо. Конечное изображение — па рис. 5 вкладки.
Hue/Saturation
OKCancelLoM . . JSave...OKCancelLoM . . JSave...• Edit;i
OK
Cancel
LoM . . J
Save...
OK
Cancel
LoM . . J
Save...
Hue:
Saturation?回
■，二二.二《 :一一g
厂 CotorizePreview厂 CotorizePreviewРис. 3.42. Диалоговое окноHue/Saturation (Цвет/Насыщенность)Рис. 3.42. Диалоговое окноHue/Saturation (Цвет/Насыщенность)Lightness：PT
厂 Cotorize
Preview
厂 Cotorize
Preview
Рис. 3.42. Диалоговое окноHue/Saturation (Цвет/Насыщенность)
Рис. 3.42. Диалоговое окноHue/Saturation (Цвет/Насыщенность)
Ломаный текст
Создайте новое изображение произвольного размера и цветовой модели. Данный эффект можно считать универсальным, потому что он применим к шрифтам практически любого вида и размера. Исключение составляют только очень тонкие буквы, похожие на те, которые образуются, когда мы пишем карандашом или ручкой.
Откройте палитру Channels (Каналы) и создайте новый канал. Для этого щелкните мышью на кнопке с изображением чистого листа, расположенной внизу палитры, либо щелкните на круглой кнопке с черным треугольником и из раскрывшегося меню выберите New Channel (Создать канал).
Цветом переднего плана поставьте белый, после чего приступайте к непосредственному созданию текста.
Обратите внимание на то, что активным сейчас должен быть дополнительный канал, так как вы будете создавать выделение для текста, а не сами буквы. Напишите любой текст, подберите для него подходящее расположение и шрифт,
Рис. 3.43. Текст, с которым мы будем работать
•••• PRTfcUtE ―- "Uniform г Gaussian
後Monochromatic
Рис. 3.44. Диалоговое окно фильтра Add Noise (Добавить шум)
Передкакк следующему шагу, снимите выделение с букв. Это
можно сделать, нажав сочетание клавишлибо командой
DeselectОтменить выделение).
Разбейте изображение на мелкие составляющие при помощи фильтра Add Noise (рис. 3.44).
Добиться того, чтобы изображение состоялотолько из черных и белых пикселов, можно, установив большее значениеAmount (Эффект).
Мы рекомендуемзначение в промежутке от 300 до 400.
На следующемфильтром Crystallize (Кристаллизация)
раздела Pixelate (Оформление) (рис. 3.45). Этот шаг необходим длячтобы
соединить мелкие раздробленные кусочки текста в более крупные, которые будут иметьобразованную форму.параметра Cell(Размер ячейки), который характеризует размер образующихся
ков, установите на 20-25.
Рис. 3.45. Настройки фильтра Crystallize (Кристаллизация)
Далее воспользуйтесь следующим фильтром: Filer Stylize Glowing Edges (Фильтр Стилизация Свечение При помощи этого фильтра разбросанные куски вашего текста вновь соберутся в единое целое и образуют уже разломанный текст. Числовые значения настроек (рис. 3.46) рекомендуются следующие: Edge Width (Толщина обводки) — 2-4, Edge Brightness (Яркость обводки) — 18-20, Smoothness (Сглаживание) — 1-2.
Все дальнейшие преобразования направлены на улучшение качества го изображения. Сначаласглаживание острых краевДля
предлагаем воспользоваться фильтром Smart Blur (Умное размытие) из раздела Blur (Размытие) (рис. 3.47).
Сильно изменять изображение нетпоэтому радиус размытия
установите небольшой, порядка 1 пиксела. Все остальные параметры зависят от результата, к которому выприйти.
ОКОКCancelCancel(Glowing Edges(Glowing EdgesРис. 3.46. Диалоговое окно фильтра Glowing Edges (Свечение краев)Рис. 3.46. Диалоговое окно фильтра Glowing Edges (Свечение краев)Рис. 3.47. Диалоговое окно фильтра Smart Blur (Умное размытие)Рис. 3.47. Диалоговое окно фильтра Smart Blur (Умное размытие)
ОК
ОК
Cancel
Cancel
(Glowing Edges
(Glowing Edges
Рис. 3.46. Диалоговое окно фильтра Glowing Edges (Свечение краев)
Рис. 3.46. Диалоговое окно фильтра Glowing Edges (Свечение краев)
Рис. 3.47. Диалоговое окно фильтра Smart Blur (Умное размытие)
Рис. 3.47. Диалоговое окно фильтра Smart Blur (Умное размытие)
После всех вышеописанных манипуляций у вас должно получиться изображение, похожее на го, которое представлено на рис. 3.48.
Можно сразу применить полученную маску, а можно изменить ее, после того как она будет переведена в выделение. Мы опишем второй вариант в связи с тем, что именно в нем А4ОГуТ возникнуть трудности.
Загрузите канал в выделение, щелкнув мышью на кнопке в виде пунктирного кружка, расположенной внизу палитры каналов.
Рис. 3.48. Итоговая маска
После этого немного увеличьте выделение: Select > Modify ь Expand (Выделение > Изменить ь Расширить) (рис. 3.49).
Expand By: 1Expand By: 1ExpandSelectionExpandSelection
Expand By: 1
Expand By: 1
ExpandSelection
ExpandSelection
Cjrce^J
Рис. 3.49. Диалоговое окно модификации выделения
Теперь выделение готово к применению. Вы можете заливать его любым цветом или текстурой. Мы выбрали желтый цвет, и то, что у нас получилось, иредстав- лено на рнс. 3.50,
Рис. 3.50. Разбитый текст
Для придания большей реалистичности воспользуйтесь эффектами слоя и создайте тень от букв. Настройки, которые вы будете применять, зависят от самого текста и его окружения. На рис* 3.51 приведено диалоговое окно эффектов слоя, в котором указаны величины, примененные нами.
В итоге мы получили изображение, представленное на рис. 6 цветной вкладки.
Болотный текст
Мы попытаемся нарисовать нечто зеленое, склизкое и противное. В общем, в том духе, в каком в фильмах ужасов изображают всякую нечисть. До сих пор мы не рисовали ничего неприятного на вид, А ведь это приходится применять даже чаще, чем многое из того, что описано в предыдущих разделах,
Прист>гпим к работе. Какого цвета должно быть нечто отвратительное? Конечно, зеленого. Давно известно, что имсшю этот цвет ассоциируется у большинства людей с чем-то неприятным. Поэтому в рекламе продуктов почти никогда нет叶 леного цвета.
StyleStyleXjXjStylesStylesStending QpHons; IJefault 二Stending QpHons; IJefault 二腐"■■知m一腐"■■知m一Г* 1лле* SK小 wГ* 1лле* SK小 wГГГ* 'nner GbwГ* 'nner GbwГ* Bev.l «nd EmbossГ* Bev.l «nd Emboss「СЗАВТ「СЗАВТP TextureP Texture••-••---SatinSatinColorGradientColorGradient. OK. OK11••CancelCancel抗——m抗——mrtparitv-rtparitv---5pr・2 eg5pr・2 eg--i Anti-afiiMdi Anti-afiiMdII••Out DropOut Drop--! "r Structure! "r Structure..Angle;GlobalAngle;GlobalS 112S 112II双 Previev»双 Previev»ТТггГГ..Рис. 3.51. Настройки эффектов слояРис. 3.51. Настройки эффектов слоя
Style
Style
Xj
Xj
Styles
Styles
Stending QpHons; IJefault 二
Stending QpHons; IJefault 二
腐"■■知m一
腐"■■知m一
Г* 1лле* SK小 w
Г* 1лле* SK小 w
Г
Г
Г* 'nner Gbw
Г* 'nner Gbw
Г* Bev.l «nd Emboss
Г* Bev.l «nd Emboss
「СЗАВТ
「СЗАВТ
P Texture
P Texture
••
-
••
-
-
-
Satin
Satin
Color
Gradient
Color
Gradient
. OK
. OK
1
1
•
•
Cancel
Cancel
抗——m
抗——m
rtparitv-
rtparitv-
-
-
5pr・2 eg
5pr・2 eg
-
-
i Anti-afiiMd
i Anti-afiiMd
I
I
•
•
Out Drop
Out Drop
-
-
! "r Structure
! "r Structure
.
.
Angle;Global
Angle;Global
S 112
S 112
I
I
双 Previev»
双 Previev»
Т
Т
г
г
Г
Г
.
.
Рис. 3.51. Настройки эффектов слоя
Рис. 3.51. Настройки эффектов слоя
создаем новый файл и заливаем сто зеленой краской. Лучше взять ее скорее темно-зеленой, чем салатной — эффектней будет результат.
Для начала добавьте шум на исходное изображение. Сделать это можно при помощи фильтра Add Noise (Добавить шум): Filter Noise Add Noise (Фильтр Шум Добавить шум). Настройки фильтра видны на рис. 3.52.
Amount p^fAmount p^fCancel IR PreviewCancel IR PreviewAdd NoiseAdd Noise3 Untfornnj「Gaussian歹 Monochromatic3 Untfornnj「Gaussian歹 Monochromatic
Amount p^f
Amount p^f
Cancel I
R Preview
Cancel I
R Preview
Add Noise
Add Noise
3 Untfornn
j「Gaussian
歹 Monochromatic
3 Untfornn
j「Gaussian
歹 Monochromatic
Рис. 3.52.фильтра Add Noise (Добавить шум)
MethodMethodРис. 3,54. Настройки фильтра WindРис. 3,54. Настройки фильтра Wind〕&*：C Gtaggei〕&*：C Gtaggei「F「Cancel「F「Cancel
Method
Method
Рис. 3,54. Настройки фильтра Wind
Рис. 3,54. Настройки фильтра Wind
〕&*：
C Gtaggei
〕&*：
C Gtaggei
「F「
Cancel
「F「
Cancel
Теперь на время оставим текстуру и перейдем кзаготовки для букв.
Необходимо открыть новый канал. Для этого достаточно щелкнуть мышью на кнопке New(Создать канал) в палитре(Каналы).
Используя инструмент Туре (Текст), напишите любое слово в новом канале. ше не выбирать слишком массивный или слишком тонкий шрифт (рис. 3.53).
Slame
Рис. 3.53. Текст в альфа-канале
После выполнения последнейможно вернуться в RGB-канал и про
редактирование текстуры.
Для того чтобы придать ей специфический вид, воспользуемся фильтром Wind (Ветер): Filter Stylize Wind (Фильтр Стилизация Ветер).
раметры показаны на рис. 3.54.
：■■ 0 section—
<•* From the Right
「From the Left
Исходную текстуру можно считать готовой. Если хотите, примените фильтр Wind (Ветер) вторично, возможно, в вашем случае это улучшит ее вид.
Теперь нашей заготовкой в виде текста в альфа-канале. После применения следующего фильтра он в канале RGB; кроме того, он станет достаточно объемным и появится с наложенной текстурой. Выберите фильтр
Lighting Effects (Эффекты света): Fitter Render Lighting Effects (Фильтр Освещение Эффекты света). Необходимые настройки отображены на рис. 3.55.
IntenMyIntenMyFocus;Focus;Material:Material:|м* Pieview|м* PieviewLighting EffectsLighting Effects:• Li# iyp»e 'v' On:• Li# iyp»e 'v' OnT ext'Jie Channel。White is 卜财Г HeJ止F里.T ext'Jie Channel。White is 卜财Г HeJ止F里.Рис. 3.55. Настройки фильтра Lighting Effects (Эффекты света)Рис. 3.55. Настройки фильтра Lighting Effects (Эффекты света)fSpoSghifSpoSghi33“e^hvc“e^hvcManesManesSloss:Sloss:Fl 衣 ticFl 衣 ticUndefUndefs-s-ExfxuueExfxuuefane el Jfane el J切 M0un?6inou$切 M0un?6inou$Ambience:Ambience:MetelicMetelicOve;Ove;PositivePositive
IntenMy
IntenMy
Focus;
Focus;
Material:
Material:
|м* Pieview
|м* Pieview
Lighting Effects
Lighting Effects
:• Li# iyp»e 'v' On
:• Li# iyp»e 'v' On
T ext'Jie Channel
。White is 卜财
Г HeJ止F里.
T ext'Jie Channel
。White is 卜财
Г HeJ止F里.
Рис. 3.55. Настройки фильтра Lighting Effects (Эффекты света)
Рис. 3.55. Настройки фильтра Lighting Effects (Эффекты света)
fSpoSghi
fSpoSghi
3
3
“e^hvc
“e^hvc
Manes
Manes
Sloss:
Sloss:
Fl 衣 tic
Fl 衣 tic
Undef
Undef
s-
s-
Exfxuue
Exfxuue
fane el J
fane el J
切 M0un?6inou$
切 M0un?6inou$
Ambience:
Ambience:
Metelic
Metelic
Ove;
Ove;
Positive
Positive
Обратите внимание на самый главныйв качестве Texture Channel (Канал текстуры) мыканал Alpha на котором был написан текст.
Рис. 3.56.WindРис. 3.56.Wind
Рис. 3.56.Wind
Рис. 3.56.Wind
полученное изображение на 90° против часовой стрелки: ImageRotate
Canvas 90Повернуть холст 90 градусов по часовой стрелке).
Примените фильтр Wind (Ветер), чтобы создатьна буквах: Filter
Stylize Wind (Фильтр Стилизация Ветер) (рис. 3.56).
Полученные отростки напоминают свисающие водоросли очень слабо. Чтобы ис- это, лучше всего воспользоваться фильтром Ripple (Рябь): Filter Distort Ripple (Фильтр ДеформацияРябь). Использованныепоказаны на
рис. 3.57.
Рис. 3.57. Диалоговое окно фильтра Ripple (Рябь)
На этом работаполностью. Если результат вас не
ет, то, скорее всего, стоит его подкорректировать при помощи команды Image Adjustments Brightness/Contrast (Изображение Настройки Яркость/Контраст). Итоговое изображение показано на рис. 7 цветной вкладки.
Лазерная надпись
Описываемый в данном разделе эффект несколько нестандартен. Правда, от вас потребуются некоторые затраты времени, чтобы его реализовать, но они явно оправданы
Для начала создайте новое изображение с белым фоном. Можно использовать и другиеоднако это значительно усложнит работу. Изменить фоновый
мы успеем потом.
Теперь напишите на изображении текст черным цветом. Однако нам еще предстоит использовать фильтры, которые к не переведенному в растр тексту не применяются. Поэтому преобразуем текст в растровое изображение: LayerHype
(Слой Растрировать Текст),
adobe
Рис. 3.58. Исходное изображение
В Photoshop много различных фильтров, которые применяются в нестандартных художественных задачах. Следующий — из этой серии.
Примените к полученному изображению фильтр Plastic Wrap (Целлофановая упаковка): Fitter ► Artistic > Plastic Wrap (Фильтр > Имитация ► Целлофановая упаковка). Благодаря этому фильтру буквы становятся несколько объемнее и на них появляются слабо выраженные грани, представленные в виде светлых полос. Это боль- иге всего напоминает пластиковую пленку или 1 юли этиленовый пакет, на который нанесено наше изображение. В данном примере применены следующие настройки фильтра (рис. 3.59): Highlight Strength (Подсветка) — 16, Detail (Детали) — 8, Smoothness (Сглаживание) — 10. Впрочем, вы можете применить и свои параметры, возможно, у вас эффект получтпся интереснее.
ок
Cancel
I Ptestc Wrap二J ™ ~
HigrAgH Sbengthp6
Detailjs
Smoothness1IU
Рис. 3.59. Настройки фильтра Plastic Wrap (Целлофановая упаковка)
На следующем этапе необходимо светлые полосы сделать более контрастными по отношению к темному цвету самих букв. В дальнейшем на основе этих полос мы будем формировать так называемые лазерные лучи. Photoshop предлагает несколько вариантов решения подобных задач, но мы остановимся на самом совершенном — воспользуемся тоновыми кривыми,
Выберите команду Image ► Adjustments > Curves (Изображение ► Настройки ► Кривые) либо нажмите сочетание клавиш Ctrt+M. Поэкспериментируйте с настройками. Подробнее о тоновых кривых вы можете прочитать в разделе 2.6, посвященном этому инструменту цветокоррекции. Кривую, построенную нами, вы видите на рис. 3.60. Если у вас не получается добиться чего-то подобного рис. 3.61, то, скорее всего, дело в неправильно построенной кривой. Отмените действия, используя палитру History (Протокол), до применения кривой включительно и попробуйте еще раз.
Итак, основную часть работы мы уже выполнили — создали сложную фактуру поверхности букв. Теперь нам необходимо сделать лазерный луч
в нашем случае синим, однако вы можете выбрать любой другой цвет. И снова мы встаем перед выбором: какой именно инструмент из обширной коллекции средств настройки цвета использовать. Предлагаем следующий способ: Image Adjustments Selective(Изображение Настройки Избранные цвета).
В этом примере цвет был установлен в соответствии с такими настройками (рис. 3.62):(Голубой) — +82, Magenta (Фиолетовый) — +1, Yellow
тый)Black (Черный) — 0. Но помните, что это всего лишь один из
тов. Используя бегунки этого окна, вы можете добиться любого цвета лучей, забудьте только поставить галочку напротив параметра Preview (Просмотр). Кстати, естественных красных оттенков в данном эффекте добиться гораздо легче, чем примененных у нас синих,
Далее выделите ваш текст (любым инструментом выделения) и создайте
слой черезщелкнув правоймыши в области выделения и выбрав в раскрывшемся менюLayer Via Copy (Слой копировани
ем). В результате вы получите новый слой, на котором все будет кроме текста.
Чтобытекст выглядел более эффектно, зальем при помощи инстру
мента Paint Bucket (Заливка) первый слой черным цветом (рис. 3.63),
回
JU
Colors：
Neutrals
Cyan：
Cartel
Loail . J
Maqena
V Preview
Method-.「Retatiye
Selective Color
：• Yellow：
',
Рис. 3.62. Диалоговое окно Selective Colorцвета)
Рис. 3.63. Черный фонэффектность
Slyies
g Preview
Г" Silin
-
j : Quality
Arih-alijs^d
Style
j
「Color OverUy
I
ГOverlay
Г
1
and
厂 Contflitt- 广 Texture
i OK
Blending Drop Inner
-•
5Qruc，ur・
;
^n^Hlw
Рис. 3.64. Применение эффекта Outer Glow (Внешнее свечение)
Elements
:
:Spread: t4 u—
如：否=
i
i s
JHter
L“
Все, что мы будем делать дальше, будет только усовершенствованием сделанного, впрочем, привлекательность изображение получает именно благодаря этим улучшениям.
Итак, сделаем легкое сияние вокруг букв. Для этого лучше всего воспользоваться эффектами слоя, а точнее Outer Glow (Внешнее свечение): Layer > Layer Style ► Outer Glow (Слой > Стили слоя ► Внешнее свечение). Цвет, разумеется, темно-синий, остальные параметры «по вкусу% Наш выбор вы можете видеть на рис. 3.64, Результат впечатляет, не так ли? Правда, необходимо одно замечание: в связи с тем, что переходы цветов очень тонкие, это изображение лучше использовать только в электронном виде, например и веб-дизайне — при печати оно не потеряет вида только в случае очень качественной полиграфии. Полученное изображение показано на рис. 8 цветной вкладки.
Буквы под снегом
В этом разделе будет описан полезный под Новый год эффект — будем рисовать снег. Правда, сразу оговоримся, что делать мы будем снег, пригодный скорее для рлсоваяной открытки (или стилизованной под нее), чем для фотографии.
Для начала создайте новое изображение (Ct「l+N), примерно 300x300 пикселов. Не стоит делать его слишком большим — тогда получить снег будет практически нереально (в этом вы убедитесь позднее).
В качестве фона мы рекомендуем либо взять зимний пейзаж, либо просто использовать голубой цвет (как наиболее «зимний»).
Теперь напишите текст, используя инструмент Туре (Текст). Цвет букв не имеет особого значения, но приятнее будут смотреться оттенки синего.
Рис. 3.65. Фон лучше взять синего или голубого цвета
Теперь займемся непосредственно созданием снега. Возьмем инструмент Brush (Кисть) с мягкими краями. Некоторые для подобных операций предпочитают его модификацию в виде аэрографа (для этого следует установить параметр инструмента Brush (Кисть) под названием Airbrush Capabilities (Возможности аэрографа)), что также имеет смысл — этим инструментом очень удобно наносить поверхности с нечеткими краями, какой и является снег.
Теперь вручную нанесем белую краску в местах, где скопился бы снег, если бы он падал на надпись сверху. Для этого можно вспомнить крышу деревенского дома зимой. Можете также ориентироваться на рис. 3.66, хотя процесс рисования кистью сугубо творческий и индивидуальный. Не старайтесь только сделать снега слишком много.
Рис. 3.66. Нарисованный при помощи кисти «снег»
Сделав заготовкубудущегоможно начать работать над реалистич
ностью.
инструментом(Палец). Возможности, которые он предоставляет, очень широки, ноДействие этого инструмента похоже на
размазывание пальцем сырой краски по холсту, что часто необходимо для имитации различного рода стекающих и сползающих субстанций.
Итак,Smudge (Палец) и смажьте края снега так, как будто он под своей
тяжестью стал нависать надЕсли у вас упорно не получается,
параметры инструмента, а именно увеличьте(Pressure). Результат пока
зан на рис.
Рис. 3.67. Изображение после применения Smudge
Следующий этап связан с тем же инструментом — мы будем наплывы снега. Такую картину можно наблюдать во время когда подтаявший снег сползает, образуя формы. Создаются просто: тем же самым смазывайте снег л вертикальном направлении. Сразу стоит предупредить: делайте это аккуратно, так как Smudge (Палец) — инструмент не слишком тонкий в работе. Места, где снег сполз неубедительно, исправьте с помощью кисти.
Но все же пока картинка производит впечатление не очень зимнее. Причина в том, что снег — вещество не гладкое, а состоящее из множества гранул. Это и необходимо нам сейчас передать. Решение приходит само собой — стандартный фильтр Add (Добавить шум): Filter Noise Add (Фильтр Шум Добавить шум). фильтра показаны на рис. 3.68.
на первый взгляд шум кажется начинающему пользователю абсолютно бесполезным, но на самом деле он необходим очень часто. При использовании этого фильтра на изображение накладывается эффект зернистости и создается фактура.
Добавьте шум, уровень шума (Amount) определите визуально. Величина этого параметра указывает диапазон оттенков, на который новый цвет пиксела может отличаться от изначального. Например, если вы указали значение 20 и работаете в цветовой модели RGB, то новый может от исходного 20 оттенков по красному, зеленому и синему каналам. Если значение Amount (Эффект) превышает 253, то программа будет выбирать любые цвета из 16-миллионной палитры. Чем больше значение Amount (Эффект), тем больше вероятность того, что близлежащие пикселы будут окрашены в цвета противоположных концов гаммы. Данный параметр влияет только на цвет, но не на яркость. Последние штрихи подведите следующим образом. Примените фильтр (Размытие): Blur Blur (Фильтр Размытие Размытие) несколько раз, пока не удовлетворительный результат. При использовании данного
Add NoiseAdd Noiseтра создается впечатление смешивания контуров, как будто на изображение разлили воду и от этого все контуры расплылись.
Add Noise
Add Noise
Amount.%
Distribution м^1
- |旨 Uniform
广 Gaussian - -
厂 Monochromatic
Рис. 3.68. Применение фильтра Add Noise (Добавить шум)
Снег под буквами мы нарисовали при помощи инструмента кисть с выставленными в палитре Brushes (Кисти) параметрами Airbrush (Аэрограф) и Noise (Шум), На этом работу можно было бы считать законченной, но мы добавим еще один ма- Леньки^ элемент — идущий снег. Для этого возьмите инструмент Brush (Кисть) и через окно свойств загрузите (командой Load Brushes (Загрузить кисти)) набор кистей Assorted. Туда входят самые разные нестандартные кисти, в том числе есть и снежинка. Возьмите ее и поставьте необходимое количество оттисков. Результат (см. рис. 9 цветной вкладки), конечно, нельзя назвать фотографическим, но новогодний дух в нем есть.
Матовое стекло
Задача данного раздела — показать, как нарисовать самое простое воплощение стеклянных букв. Но стоит вам понять, на чем основан эффект матового стекла, как вы сможете самостоятельно делать гораздо более кигересные варианты, потому что более сложные композиции из стекла создаются по такому же принципу. Более простым аналогом получения подобного результата является использование слоевого эффекта Bevel and Emboss (Скосы и рельеф), однако, выполнив этот нр】「 мер, вы научитесь работать с Calculations (Вычисления), что будет вовсе не лишим. На новом изображении с белым фоном напишите черным текстом любое слово. Если вас не удовлетворяют стандартные приемы форматирования текста, то луч-
шеиспользовать команду Free Transform
которая вызывается
dull
Рис. 3.69. Исходное изображение
Мы будем работать со словомСоветуем не брать очень короткое слово
или одну букву — почему, вы поймете потом.
Теперь необходимо сделать края букв нечеткими. Как вы,обратили
внимание, этот прием применяется довольно часто в качествешага, если
необходимо сымитировать объем букв. Для этихмы применим фильтр
Gaussian Blur (Размытие по Гауссу) (рис. 3.70):Blur Gaussian (Фильтр
Размытие по Гауссу),его соRadius (Радиус),
3. Правда, если у васзаметното нужно
установить этот параметрразмеру изображения.
BlurBlur100%100%pixelspixels匚匚С PwiewС Pwiew
Blur
Blur
100%
100%
pixels
pixels
匚
匚
С Pwiew
С Pwiew
Рис. 3.70. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу]
Подчеркнем эффект размытых контуров при помощи фильтра Offset (Смещение): Filter Other Offset (Фильтр Другие Используйте параметры, которые указаны па рис. 3.71.
Если сдвиг пикселов не заметен, то необходимо увеличить значение смещения в вертикальном и горизонтальном направлении. Результат быть похожим на то, что изображено на рис. 3.72,
Теперь перейдем непосредственно к эффекта. Прежде всего, нам необходимо создать дубликат изображения: Image Duplicate (Изображение Создать копию изображения). После этого мы будем иметь две абсолютно одинаковые картинки.
3down‘—』==“—3down‘—』==“—Horizontal： Э pixels fightHorizontal： Э pixels fight
3down
‘—』==“—
3down
‘—』==“—
Horizontal： Э pixels fight
Horizontal： Э pixels fight
• Undefined Areas —
Г Set to Background
Edge
Around
Рис. 3.71.фильтра Offset (Смещение)
Рис. 3.72. Надпись после фильтра OffsetРис. 3.72. Надпись после фильтра Offset
Рис. 3.72. Надпись после фильтра Offset
Рис. 3.72. Надпись после фильтра Offset
刁厂Invert刁厂InvertP PreviewP Preview1;.Layer, i Background1;.Layer, i Background
刁厂Invert
刁厂Invert
P Preview
P Preview
1;
.Layer, i Background
1;
.Layer, i Background
Примените фильтр Offset (Смещение) к дубликату с теми же настройками, что и прежде. Больше ничего делать не надо.
Сейчас мы будем работать с очень интересной командой — Calculations (Вычисления). В этой книге она еще ни разу не применялась. Команда Calculations (Вычисления) позволяет находить и использовать разность между слоями, каналами, Запустите ее: Image Calculation (Изображение
Вычисления). Примените с параметрами, показанными на рис. 3.73,
Calculations
i2:Layer:i2:Layer:RedRedРис. 3.73. Применение команды Calculations (Вычисления)Рис. 3.73. Применение команды Calculations (Вычисления)Red
i2:
Layer:
i2:
Layer:
Red
Red
Рис. 3.73. Применение команды Calculations (Вычисления)
Рис. 3.73. Применение команды Calculations (Вычисления)
Обратите внимание на то, чтовычислений у нас помещается в новый
документ, то есть два старых можно спокойно закрыть.
Итак, мы уже имеем нечто довольно объемное (рис. 3.74). Задача это нечто в матовое стекло, чем мы и займемся.
Рис. 3.74,после применения команды CalculationsРис. 3.74,после применения команды Calculations
Рис. 3.74,после применения команды Calculations
Рис. 3.74,после применения команды Calculations
Hue/SaturationHue/SaturationРис. 3.75. Настройки команды Hue/Saturation (Цвет/Насыщенность)Рис. 3.75. Настройки команды Hue/Saturation (Цвет/Насыщенность)
Hue/Saturation
Hue/Saturation
Рис. 3.75. Настройки команды Hue/Saturation (Цвет/Насыщенность)
Рис. 3.75. Настройки команды Hue/Saturation (Цвет/Насыщенность)
Прежде всего необходимо сделать изображение цветным. Тут есть несколько вано мыкомандой Hue/Saturation (Цвет/Насыщенность),
несомненно, лучшей в своей области: ImageHue/Saturation (Изо
Настройки Цвет/Насыщенность). В данном примере применены параметры, отображенные на рис. 3.75.
□
Мы предпочли синие оттенки, а вам, может быть, больше подходят другие. Единственное, что обязательно, — установить флажок
Результат представлен на рис. 3.76.
3.76.применения команды Hue/Saturation (Цвет/Насыщенность)
Теперьвыбрать картинку, на которой будет использоваться надпись.
Мыпросто линейный красный градиент, чтобы показать прозрачность букв,
Для выделения надписи лучше всего воспользоваться инструментом Magic Wand (Волшебная палочка) с допуском, равным 1. Щелкните по фону, и в результате у вас будет выделено все, кроме букв. Инвертируйте выделение (Ctrl И) и скопируйте его в буфер обмена. Теперь можно просто вставить текст на нужный фон.
Но это еще не все. Щелкните в палитре Layers (Слои) правой кнопкой мыши по слою с текстом и в появившемся меню выберите пункт Blending Options (Параметры наложения). В открывшемся окне необходимо уменьшить значение непрозрачности (Opacity) до уровня 40-50 %. В результате текст у вас должен стать действительно как будто отлитым из стекла (рис. 10 цветной вкладки).
Примерно по такому же принципу создаются и более реалистичные стеклянные поверхности. И вы, немного поработав, сможете это сделать.
3.10. Железные буквы
В этой главе мы попытаемся решить непростую задачу — сымитировать текст, отлитый из железа. Трудность в том, что предстоит нарисовать металл, не от- пося типе я к цветным и драгоценным, что и необход|нго подчеркнуть. А точнее, передать весьма специфичную неровность поверхности и отсветы на этой неровности.
Как всегда, мы начнем с создания текста, Однако отличие будет в том, что на этот раз нам нужно использовать не непосредственно текст, а выделение в виде текста. Это применяется во всех случаях, когда необходимо использовать нестандартную заливку для букв.
Итак, нажмите клавишу Т, выбрав тем самым инструмент Type Mask (Маска текста) (выглядит как буква «Т», написанная штрихи^пиирной линией). Затем напишите текст. Мы будем работать со словом «Me».
ВНИМАНИЕ
Если размер букв вас не удовлетворяет, то использовать команду Free Transform (Сво бодноетрансформирование), как мы делали в случаях создания простого текста, аы не можете. Выход — команда Select ► Тransform Selection (Выделение卜Преобразовать выделение).
Рис. 3.77. Маска текста
Получившееся выделение по свойствам ничем от любого другого выделения не отличается. Отсюда и вытекает последовательность дальнейших действий.
Сейчас нам понадобится инструмент Gradient (Градиент), Перед его запуском установите цветом переднего плана (Foreground Color) черный, а цветом заднего плана (BackgroundColor) — белый. Это можно выполнить, просте нажав кла- вишуD.
Теперь, используя линейный градиент (тип Linear), залейте ваши буквы. Результат будет подобен тому, что изображено на рис. 3.78.
Рис. 3.78. Изображение после применения градиента
Заметьте, уже похоже на железо. Сейчас мы постараемся передать объем металлических букв. Для этого есть несколько совершенно непохожих друг на друга способов, но мы возьмем тот, который еще ни разу не применялся и подходит в данной ситуации наилучшим образом.
Необходимо модифицировать выделение, а точнее, сузить его на несколько пикселов (на сколько — зависит от размера исходного выделения). Для этого можно воспользоваться трансформированием выделения (команда Transform Selection I (Преобразовать выделение)). но 9To будет нерационально.
Применим специально предназначенную для этих целей возможность — команду Select 卜Modify ► Contract (Выделение ► Изменить 卜Сжать). Мы задали сужение на 3 пиксела (рис. 3.79).
Contract Selection
Contract By: :二pixels II
Cancel 卜
Рис. 3.79. Диалоговое окно Contract Selection (Сжатие выделения)
Делали мы это для того, чтобы сейчас применить один хитрый прием. Возьмите градиент с прежними настройками и залейте им выделение еще раз, но — и в этом вся суть — в обратном направлении. В результате получится очень интересный эффект псевдообъема (рис. 3.80).
Рис. 3.80. Имитация объема букв
И все же, это далеко не металл. Если посмотреть на шершавую железную ность, то можно заметить переливание на шероховатостях всеми что ипоказать. Решим эту задачу в несколько этапов.
Прежде всего, примените фильтр, который даст эти переливы. Больше всего подходит фильтр Grain (Зерно):Texture Grain (Фильтр Текстура Зерно).
Используйте его с параметрами,показаны на3.81.
OK
Cancel
iprain二j —'
23
ContractI互
Grain
Рис. 3.81, Применение фильтра Grain (Зерно)
ситуация, когда эти настройки вам не и эффект, переданный на рис. 3.82, не будет воссоздан. Тогда ваша задача — немного поэкспериментировать с настройками. Мы можем сказать, что дело, скорее всего, в параметре (Яркость), но Grain Type (Стиль) менять не нужно ни в коем случае.
Рис. 3.82. Результат применения фильтра Grain (Зерно)
Это уже можно считать неким результатом.данный вариант подойдет
лаже больше, чем конечный. Но мы продолжаем.
Переходы цвета мы показали, теперь необходимо сымитировать зернистость поверхности. Сразу напрашивается идея фильтра Add Noise (Добавить шум) - действительно, шум очень неплохо применяется там, где требуется неровность поверхностей. Им мы и воспользуемся:Noise Add Noise
(Фильтр Шум Добавить шум) (рис. 3.83).
Обязательно установите флажок Monochromatic (Монохромный). Это необходимо, чтобы шум соответствовал по цвету металлической а не был, например, оранжевым. Остальные настройки установите на глаз, так как они далеко не всегда будут соответствовать примененным нами. К тому же у вас есть зрительная опора рис. 3.84.
Amount:
-
\ 而 Uniform
;'
Monochromatic
Рис. 3.83. Диалоговое окно фильтра Add Noise (Добавить шум)
Весьма похоже на металл. Но выглядит это исправить. Photoshop предлагает целый ряд решений, которых мы воспользуемся самым простым — фильтром,
Рис. 3.84. Результат применения фильтра Add Noise (Добавить шум)
Запустите фильтр Unsharp Mask (Маска резкости): Filter Sharpen UnSharp Mask (Фильтр Резкость Маска резкости). Его следует применить с такими параметрами: Amount (Эффект) — Radius (Радиус) — 1,5,(Порог) — 45
(рис. 3.85).
Итак, мы создали эффект металла. Желательно добавить последний который отлично дополнит картину — создать тень от букв.
Прежде всего необходимо скопировать буквы на новый слой. Мы советуем это следующим образом:инструмент Magic Wand (Волшебная палочка) и примените его к белому фону с допускомравным 1.
В результате у вас выделится только фон. Теперь инвертируйте выделение;
InverseИнвертировать) или простоЗатем
выполните копированиеи вставкуРезультат — буквы на но
вом слое.
Threshold:
Рис. 3.85. Настройки фильтраMask (Маска резкости)
Результатом будет почти готовое изображение,на рис. 3.86.
Рис. 3.86. Изображение после применения фильтраMask (Маска резкости)
Сейчас можно использовать слоевые эффекты. В данном случае дима внешняя тень (Drop Shadow): Layer Layer Style Drop Shadow (Слой слояВнешняя тень). Параметры, примененные нами, видны на рис. 3.87.
Теперь эффект сделан полностью.изображение см. на рис.
вкладки.
OptionsOptions，(>■. Slvad*.，(>■. Slvad*.厂 Inner Shadow'Г OuterInner广 Sevel 3nd EmbGf £「 ContourP Texture /Г satinP Color广 Gradient OverliyГ OverlayГ Stroke厂 Inner Shadow'Г OuterInner广 Sevel 3nd EmbGf £「 ContourP Texture /Г satinP Color广 Gradient OverliyГ OverlayГ Stroke••~-Stand Mcxlft：而加加i. Омелу.(:■■二un be ■ К..J'Dtst«nc«： Y ”， 丁 门 I” — ■ pxSpread.恥 “ =；-_,,=竺卜° ■ 知j ';Contour:••~-Stand Mcxlft：而加加i. Омелу.(:■■二un be ■ К..J'Dtst«nc«： Y ”， 丁 门 I” — ■ pxSpread.恥 “ =；-_,,=竺卜° ■ 知j ';Contour:Cancel |Cancel |hte^Style...Previewhte^Style...Previewjp =—」—%歹 La)e< Knocks Out Drop Shadowjp =—」—%歹 La)e< Knocks Out Drop ShadowРис. 3.87. Параметры эффекта Drop(Внешняя тень)Рис. 3.87. Параметры эффекта Drop(Внешняя тень)
Options
Options
，(>■. Slvad*.
，(>■. Slvad*.
厂 Inner Shadow'
Г Outer
Inner
广 Sevel 3nd EmbGf £
「 Contour
P Texture /
Г satin
P Color
广 Gradient Overliy
Г Overlay
Г Stroke
厂 Inner Shadow'
Г Outer
Inner
广 Sevel 3nd EmbGf £
「 Contour
P Texture /
Г satin
P Color
广 Gradient Overliy
Г Overlay
Г Stroke
••
~
-Stand Mcxlft：而加加
i. Омелу.(:■■二un be ■ К
..
J'
Dtst«nc«： Y ”， 丁 门 I” — ■ pxSpread.恥 “ =；-_,,=竺卜° ■ 知
j ';Contour:
••
~
-Stand Mcxlft：而加加
i. Омелу.(:■■二un be ■ К
..
J'
Dtst«nc«： Y ”， 丁 门 I” — ■ pxSpread.恥 “ =；-_,,=竺卜° ■ 知
j ';Contour:
Cancel |
Cancel |
hte^Style...
Preview
hte^Style...
Preview
jp =—」—%
歹 La)e< Knocks Out Drop Shadow
jp =—」—%
歹 La)e< Knocks Out Drop Shadow
Рис. 3.87. Параметры эффекта Drop(Внешняя тень)
Рис. 3.87. Параметры эффекта Drop(Внешняя тень)
Хромированные буквы
В этом разделе мы попытаемся передать достаточно сложный эффект — вид хромированной поверхности, а точнее текста.
Прежде всего намнаписать текст. Однако в данном случае есть одна
тонкость — на этот раз писать мы будем в отдельном альфа-канале. Зачем, вы чуть позже.
Создайте новый канал. Для этого достаточно щелкнуть мышью на кнопке с изображением чистого листа бумаги в(Каналы). Ввы
получите альфа-канал, который сразу же станет активным.
Возьмите инструмент Туре (Текст) и напишите любое слово. Мы будем работать со словомОбратите внимание на цвет букв — он должен быть средне
серым (примерно 130 по градации яркости).
hrom
Рис. 3.88. Текст в новом канале
Всякий текст, написанный вавтоматически выделяется. Однако для
следующей операции требуется выделение убрать. Это делается
командой Deselect (Выделение Отменить или сочетанием клавиш CtrHD.
Следующее действие — размытие букв. Для этих лучше всего применить из размывающих фильтров. Мы остановились на Gaussian Blur (Размытие по Гауссу): Filter > Blur 卜 Gaussian EHw (Фильтр Размытие 帆 Размытие по Гауссу). Используйте его со значением радиуса размытия (Radius), равным 3 (рис. 3.89).
Рис. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу)
Вы должны получить буквы с нечеткими краями. Посмотрите на рис. 3.90: если у вас края букв четче, то путем нажатия сочетанияповторите размытие,
Рис. 3.90. Результат применения фильтра Gaussian Blur (Размытие по Гауссу)
На этом редактирование изображения в одном канале закончено. Перейдем в канал RGB простым щелчком мыши на соответствующей пиктограмме
каналов. Не удивляйтесь что не увидите надписи, — вы и не должны ничего видеть. Так как буквы созданы на альфа-канале, то они не являются
частьюи поэтому невидимы. Мы писали их для того, чтобы сейчас
применить очень хитрый прием.
Запустите фильтр Lighting Effects (Эффекты света): Filter Render Lighting Effects (ФильтрЭффекты света). Настройки видны на рис. 3.91. Однако
обратите внимание: самое главное — установить в качестве Texture Channel (Канал текстуры) канал1. то естьна котором написан текст.
Обратите внимание на то, каким мощным инструментом является данный фильтр. Он реализовывать поистине эффекты. Однако внимания мы ему не уделим по причине того, что он понятен интуитивно.
LightingLightingP PreviewP Preview[Default[Defaultm I ок ]m I ок ]100 Mounlanws 100 Mounlanws 24 Shiny24 ShinyLightlype: [SpoilghtP OnIntense №密些Lightlype: [SpoilghtP OnIntense №密些Focus.ti^22——®二Focus.ti^22——®二:P(opartie$:P(opartie$M&e：咸M&e：咸Exposure:Exposure:MateMatePlasticPlastic_Ur，den_Ur，den67 Metric67 MetricAZm 4 叩*呻__1^_^5AZm 4 叩*呻__1^_^51WhiteFlat1WhiteFlat
Lighting
Lighting
P Preview
P Preview
[Default
[Default
m I ок ]
m I ок ]
100 Mounlanws
100 Mounlanws
24 Shiny
24 Shiny
Lightlype: [Spoilght
P On
Intense №密些
Lightlype: [Spoilght
P On
Intense №密些
Focus.ti^22——®二
Focus.ti^22——®二
:P(opartie$
:P(opartie$
M&e：咸
M&e：咸
Exposure:
Exposure:
Mate
Mate
Plastic
Plastic
_Ur，den
_Ur，den
67 Metric
67 Metric
AZm 4 叩*呻__1^_^5
AZm 4 叩*呻__1^_^5
1
White
Flat
1
White
Flat
Рис.Диалоговое окно фильтра Lighting Effects (Эффекты света]
если всевы применили правильно, то результат у вас должен
быть такой же, как на рис. 3.92.
Рис.Изображение после применения фильтра Lighting Effects (Эффекты света)
Объем уже заметен. Но необходимо передать не просто объем, а довольно сложную ступенчатую поверхность. Для этого применим все те же тоновые кривые — один из самых мощных и полезных Image Adjustments Curves (Изображение Кривые) (рис. 3.93).
Вы можете использовать кривую, аналогичную а можете создать Все зависит от какой рельеф вы хотите получить в результате. Владея этим инструментом, можно сделать практически любые симметричные формы букв, Если все в диалоговом окне Curves (Кривые) сделано правильно, то ваше изображение должно напоминать рис. 3.94.
Следующий этап можно считать самым важным, от него во многом зависит внешний вид результата. Сейчас мы будем делать буквы цветными.
Рис. 3.93. Вид кривойобразования ступенчатой поверхностиРис. 3.93. Вид кривойобразования ступенчатой поверхностиРис. 3.94. Текст после применения кривойРис. 3.94. Текст после применения кривой
Рис. 3.93. Вид кривойобразования ступенчатой поверхности
Рис. 3.93. Вид кривойобразования ступенчатой поверхности
Рис. 3.94. Текст после применения кривой
Рис. 3.94. Текст после применения кривой
Для этого лучше всего использовать команду Hue/Saturation: Image Adjustments Hue/SaturationНастройкиПримените ее
с параметрами, указанными на рис. 3.95; самое— не забудьте установить
флажок Colorize (Тонирование). Цвет необходимо использовать темно-желтый.
IT：*" P Previev/IT：*" P Previev/Рис. 3.95. Диалоговое окно Hue/Saturation (Цвет/Насыщенность)Рис. 3.95. Диалоговое окно Hue/Saturation (Цвет/Насыщенность)
IT：*" P Previev/
IT：*" P Previev/
Рис. 3.95. Диалоговое окно Hue/Saturation (Цвет/Насыщенность)
Рис. 3.95. Диалоговое окно Hue/Saturation (Цвет/Насыщенность)
Постарайтесь, чтобы уполучилось нечто похожее на рис. 3.96. Хотя,
ваш результат будет гораздо интереснее.
Рис. 3.96. Окрашенное изображение
Осталась последняя деталь — придать поверхности металлический вид. В данном случае нам необходимо создать отсветы и характерные затемнения. Для решения этой задачи подходит только один инструмент — все те же тоновые кривые. Нажмите Ctrl+M и постройте кривую, которая показана на рис. 3.97.
Рис. 3.97. Вид кривой, передающей отблески и тени
Вот и все, работу можно считать сделанной. Результат показан на рис. 12 цветной вкладки, Подобного можно добиться и используя только эффекты слоя, но это займет гораздо больше времени.
Золотые буквы
Начните с того, что создайте новое изображение в любой из цветовых моделей. Модель градатп! серого (Grayscale) не является исключением, так как почти все время мы будем иметь дело с изображением, реализованным в черных, белых и серых тонах.
Залейте фон черным цветом, воспользовавшись инструментом Paint Bucket (Заливка); клавиша, позволяющая выбирать данный инструмент с клавиатуры, — G, Для того чтобы цвет переднего плана стал черным, вам вовсе не обязательно открывать цветовую палитру и выбирать его там, а достаточно нажать клавишу D, и цвет переднего плана станет черным, а цвет фона •■^«а* белым.
Выберите инструмент Туре (Текст) и серым цветом напишите слово. Советуем выбрать массивный шрифт (полужирный), хотя очень громоздкие буквы тоже не
Рис.Исходное изображение
Для дальнейшей работы с текстом его необходимо перевести в растр. Щелкните правой кнопкой мыши по слою с текстом, и изменю выберите
Layer (Растрировать слой).
Теперь необходимо выделить текст. Наиболее простой способ — воспользоваться инструментом Magic Wandпалочка), его горячая клавиша — W. Допускможно установить любой, кроме 255 и близких к нему значений,
чтобы невсе изображение целиком.
Сохраните выделение в отдельномв виде маски. Для этого достаточно
щелкнуть по белому кружку, ограниченномулинией,
в нижней части палитры Channels (Каналы), либо выполнить команду Select Save Сохранить
активным только что(просто щелкните по нему
в палитреи размойте его при помощи фильтра Gaussian Blur (Размы
тие по Гауссу) раздела Blur (Размытие) с радиусом, равным 2-3 пикселам (рис.3.99).
100M
Raoius. |2,5 pixels
Рис. 3.99. Диалоговое окноGaussian Blur (Размытие по Гауссу)
Вернитесь в RGB-канал и откройте палитру Layers (Слои). Убедившись в том, что активен слой спроделайте следующее: Filters RenderEffects
(Фильтр Освещение Эффекты света). В разделе Texture(Текстура ка
нала) выберите канал с размытым текстом. Остальные настройки на нашем изображении были такими (рис. 3.100); Light Type (Источник) — Spotlight (Прожектор), Intensity (Яркость) — 35, Focus (Фокус) — 69, Gloss (Фактура) — 0, Material (Материал) — 69, Exposure (Экспозиция) — 0, Ambience (Среда) — 8, оба цвета в настрой— белые.показан на рис. 3.101.
因因Intensity:Intensity:Focus;Focus;• Piopete*• Piopete*Gbs£Gbs£MelerialMelerialE xposueE xposue"-"-LightingLightingStyle [БёййГ fave IStyle [БёййГ fave IA他ms观史仙eA他ms观史仙eT e/se Channel 卩 While is high He1shI： 02LT e/se Channel 卩 While is high He1shI： 02L-bghl type: [SpoStihi P On-bghl type: [SpoStihi P OnNegativeNegativeNanMNanMMatteMattePlasticPlasticUn defUn defMourteiriouxMourteirioux—Ii Cartel I—Ii Cartel IMeialcMeialcOve，Ove，PositivePositiveРис. 3.100. Применение фильтра Lighting Effects (Эффекты света)Рис. 3.100. Применение фильтра Lighting Effects (Эффекты света)
因
因
Intensity:
Intensity:
Focus;
Focus;
• Piopete*
• Piopete*
Gbs£
Gbs£
Melerial
Melerial
E xposue
E xposue
"-
"-
Lighting
Lighting
Style [БёййГ fave I
Style [БёййГ fave I
A他ms观史仙e
A他ms观史仙e
T e/se Channel 卩 While is high He1shI： 02L
T e/se Channel 卩 While is high He1shI： 02L
-bghl type: [SpoStihi P On
-bghl type: [SpoStihi P On
Negative
Negative
NanM
NanM
Matte
Matte
Plastic
Plastic
Un def
Un def
Mourteirioux
Mourteirioux
—Ii Cartel I
—Ii Cartel I
Meialc
Meialc
Ove，
Ove，
Positive
Positive
Рис. 3.100. Применение фильтра Lighting Effects (Эффекты света)
Рис. 3.100. Применение фильтра Lighting Effects (Эффекты света)
Рис.Текст после применения фильтра Lighting Effects (Эффекты света)
Для того чтобы придать буквам металлический вид, необходимо тоновыми кривыми: Image Adjustments Curves (Изображение Настройки
Постройте кривую, похожую на ту, которая изображена на рис. 3.102.
Результатэтой кривой показан па рис. 3.103.
Теперь раскрасим надпись, превратив ее в блестящее золото. Для этого необходимо воспользоваться командой Image Adjustments Hue/Saturation (Изображение Настройки Цвет/Насыщенность) либо сочетанием клавишУстановите
флажок Colorize (Тонирование) и, передвигая бегунки, подберите подходящие
В примере примененыпоказанные на рис. 3.104.
Рис. 3.102. Вид кривойРис. 3.102. Вид кривойРис. 3.103. Текст после цветокоррекцииРис. 3.103. Текст после цветокоррекцииРис. 3.104. Настройки команды Hue/Saturation (Цвет/Насыщенность)Рис. 3.104. Настройки команды Hue/Saturation (Цвет/Насыщенность)
Рис. 3.102. Вид кривой
Рис. 3.102. Вид кривой
Рис. 3.103. Текст после цветокоррекции
Рис. 3.103. Текст после цветокоррекции
Рис. 3.104. Настройки команды Hue/Saturation (Цвет/Насыщенность)
Рис. 3.104. Настройки команды Hue/Saturation (Цвет/Насыщенность)
Если ваше изображение получилось недостаточно ярким, можете подкорректировать его при помощи команды Brightness/Contrast(Яркость/Контрастность), которая находится в том же меню, что и предыдущая. Вот и все. Конечный результат представлен на рис. 13 цветной вкладки. Впечатляет, не правда ли?
Надпись М3 ртути
В предыдущих разделах вы могли познакомиться с тем, как можно создавать текст, фактура которого имитирует металл. Имеются в виду железные буквы и золотой текст, однако этим возможности Photoshop не исчерпываются. В данной главе будет приведен универсальный способ создания металлических поверхностей- Создайте новое изображение произвольных размеров и цветовой системы. Работа начнется с дополнительных каналов, то есть само изображение не будет претерпевать никаких изменений — мы будем формировать выделение, которое впоследствии понадобится для создания рисунка.
Создайте новый канал. Для этого откройте палитру каналов и щелкните мышью на кнопке с изображением чистого листка либо, щелкнув на черном треугольнике вверху палитры каналов, из раскрывшегося меню выберите команду New Channel (Создать канал). Убедитесь в том, что активен только что созданный канал, и напишите белым цветом текст.
咼
Рис. 3.105. Текст в новом канале
Снимите выделение (Ctrl+D), которое всегда появляется при написании текста в дополнительном канале. Так происходит, потому что альфа-каналы — это области выделения, которые создаются сразу при написании текста.
Смягчите края букв при помощи фильтра Gaussian Blur (Размытие по Гауссу) из раздела Blur (Размытие). Радиус воздействия данного фильтра зависит от размера шрифта. В нашем примере радиус равен 3,3 (рис. 3.106).
Рис. 3.106. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу)
OffsetOffsetHorizontal: 口 pixels rght= =—p-==>Horizontal: 口 pixels rght= =—p-==>Vertical. [1 pixels downVertical. [1 pixels downUndefinedГ set to TransparentI ГEdge PixelsjWrap AroundUndefinedГ set to TransparentI ГEdge PixelsjWrap AroundBlending,Blending,『D 而erenc®『D 而erenc®100100
Offset
Offset
Horizontal: 口 pixels rght
= =—p-==>
Horizontal: 口 pixels rght
= =—p-==>
Vertical. [1 pixels down
Vertical. [1 pixels down
Undefined
Г set to Transparent
I ГEdge Pixels
jWrap Around
Undefined
Г set to Transparent
I ГEdge Pixels
jWrap Around
Blending,
Blending,
『D 而erenc®
『D 而erenc®
100
100
После тога как вы применили данный фильтр, необходимо создать еще один дополнительный канал, скопировав на него предыдущий. Для этого перетащите уже существующий канал нас изображением чистого листа внизу
палитры
Сделав активным новый канал, сместите изображение па нем:Other
Offset (Фильтр Другие Смещение). Мыпередвинуть изображе
ние на 1 пиксел по горизонтали и по вертикали (рис. 3.107).
因
Preview
Рис. 3.107. Диалоговое окно фильтра Offset (Смещение)
Перейдите на предыдущий канал и примените к нему тот же фильтр, однако величину смещения поставьте -1; -1.
Объедините два ваших канала при помощи вычислений: Image(Изо
бражение Вычисления). Настройки в диалоговом окне ны нарис. 3.108.
Calculations
Source I:
Layer: ]
1P Invert
|
layer:Background
| Alpha 1 copy 2
Г
ResultNew
Рис. 3.108. Диалоговое окно Calculations (Вычисления]
В данном случае вычисления будут происходить между двумя каналами — Сору и Сору 2. Выделение, находящееся во втором канале, будет вычитаться из выделения в первом, а результат запишется в новый дополнительный канал. Параметры слоев и I rHBeprifpouaJ щя не применяются. Рисунок 3.109 иллюстрирует результат.
Рис. 3.109. Третий дополнительный канал
Так как белый цвет символизирует выделенные области, черный *^w невыделенные, а серый — частично выделенные, то после преобразования почти все изображение оказалась замаскированным. Это значит, что после того, как вы загрузите данный канал в выделение, оно будет защищено от изменений. Чтобы это исправить, инвертируйте данный канал при помощи сочетания клавиш Ctd+I либо командой Image ► Adjustments 卜 Inverse (Изображение卜Настройки ► Инвертировать). После этого ваше изображение станет похоже на рис. 3.110.
Рис. 3.110, Инаертированныйканал
Сейчас начинается одна из самых сложных частей работы, а именно ручное редактирование., Для этого вам понадобится инструмент Brush (Кисть), а точнее его модификация — аэрограф. Выберите в палитре инструментов Brush (Кисть) и воспользуйтесь параметром кисти Airbrush Capabilites (Возможности аэрографа). При помощи кисти средних размеров с мягкими краями нанесите пару мазков на ваше изображение, так чтобы оно стало похоже на то, что показано на рис. 3.111.
Рис. 3.111. Канал после применения аэрографа
Пока изображениеоченьтекст, однако после сле
дующего тага оно должно стать именно таковым. Мы предлагаем применить вые кривые (Image Adjustments Curves (Изображение Настройки Так какпозволяют изменять одни цвета, не затрагивая при этом
тоидеально подходят для того, чтобы увеличивать контрастность
там, гденеобходимо. Мы применилиизображенную на рис. 3.112,
вам следует создать нечто похожее.
Рис. 3.112.кривая
Изображение, полученное на этом шаге, представлено на рис. 3.113. Однако не следует забывать, что это всего лишь дополнительный канал, который существует вне самого рисунка, поэтому если вы переключитесь в режим RGB, то увидите, что ваше изображение по-прежнему остается белым чистым листом.
Рис.Канал после применения кривой
Далее следует довести вашу маску до готового к применению состояния. Для этого вы можете загрузить одно из созданных ранее выделений, если они подойдут. Все зависит от того, насколько изменилась ваша надпись за время работы. Можете также инструментом Magic Wand (Волшебная
чтобы выделить буквы, а все остальное закрасить белым цветом. И третий вариант — взять мягкую кисть и закрасить ею все, кроме самих букв.
И, наконец, загрузите канал в выделение, щелкнув по нему мышью при нажатой клавише Ctrl.
Теперь нужно выбрать цвет для заливки изображения. Мы выбрали серо-синий. Что у нас получилось, вы можете увидеть на рис. 14 цветной вкладки.
Если вы закрасите текст желтым или серым, то у вас получится золотой или серебряный текст. Таким образом, вы пришли к универсальной заготовке металлических букв, как мы и обещали.
Эффект X-Files
Один ИЗ самых впечатляющих и, как ни странно, простых трюков. Появился он достаточно давно, и в Photoshop CS есть альтернативный вариант создания такого эффекта при помощи слоевого эффекта Outer Glow (Внешнее свечение). Однако качественно эффект от этого не выиграл, а как раз наоборот. Именно поэтому мы будем делать старым, проверенным способом через каналы.
Итак, прежде всего, создайте новое изображение. Его лучше взять не очень больших размеров (до 400x400 пикселов) — удобнее будет работать, Обязательно залейте фон черным цветом, так как это лучше сделать сейчас, хоть и понадобится фон только в самом конце работы.
Создадим новый канал, щелкнув в палитре Channels (Каналы) на кнопке в виде чистого листка бумаги. Назовем его Black, почему, вы поймете несколько позднее.
Теперь напишем слово или букву, с которой будем работать. Лучше написать текст каким-нибудь массивным шрифтом или сделать такой вручную, используя команду Free Transform (Свободное трансформирование) (Ctrl+T).
ЕЗ
Рис. 3.114. Исходное изображение
Продублируем слой Black. Сделать это можно несколькими способами, мы рекомендуем щелкнуть правой кнопкой мыши по дублируемому слою и в появившемся меню выбрать команду Duplicate Layer (Создать копию слоя). Назовем полученный слой White.
Обратите внимание на то, что вокруг буквы есть выделение. С ним мы сейчас и будем работать. Необходимо расширить выделение на несколько пикселов: Select ► Modify > Expand (Выделение 卜Изменить 卜Расширить). Значение параметра поставьте 2-3 пиксела (рис. 3.115).
В результате вы получите выделение, которое шире буквы. Теперь необходимо сделать так, чтобы буква соответствовала выделению, но граница получилась
расплывчатой. В таких случаях применяется, как правило, фильтр Gaussian Blur (Размытие по Гауссу): Filter ► Blur 卜 Gaussian Blur (Фильтр 卜 Размытие > Размытие по Гауссу). Значение радиуса размытия необходимо сделать равным расширению границы (рис. 3.116).
ExpandSelection
Expand By JI pixels [OK]
Рис. 3.115. Диалоговое окно Expand Selection (Расширить выделение)
Рис. 3,116, Применение фильтра Gaussian Blur (Размытие по Гауссу)
Таким образом, вы получите канал, на котором будет изображена буква «X» с размытыми краями (рис. 3.117),
Рис. 3.117. Канал White
Создайте копию полученного канала и назовите созданный канал Yellow. Проделайте с ним те же действия, что и с предыдущим.
Продублируйте канал Yellow и назовите полученный канал X-Green. Опять необходимо расширить выделение, но уже на 5—6 пикселов, и размыть по Гауссу с новыми настройками. Если вее будет сделано правильно, то результат будет похож на го, что изображено на рис. 3.118,
мЙЬиЗ
Рис. 3.11& Канал Х-Green
На этом создание каналов закончено. Загрузите канал X-Green как выделение. Для этого достаточно щелкнуть по нему мышью, удерживая нажатой клавишу Ctrl.
В результате в канале RGB у вас будет выделение в виде размытой буквы «X». Сейчас необходимо залить его зеленым цветом. Выберите этот цвет основным (Foreground Color) и, используя инструмент Paint Bucket (Заливка), залейте выделенную область. Результат показан на рис. 3.119.
Рис. 3.119.Заливаем выделение зеленым цветом
Вы можете воспользоваться и командой заливки Fill (Заливка): Edit ► Fill (Редактирование , Заливка). Не забудьте взять в качестве источника заливки цвет переднего плана,
Аналогично поступите с каналами Yellow и White. Отличие только в том, что заливать надо желтым и белым цветами, а не зеленым (рис. 3.120). Теперь понятно, зачем мы называли каналы такими именами.
Рис. 3.120. Заливаем выделение желтым и белым цветами
Ну а теперь загружаем последний канал — Black — и заливаем выделение черным цветом. Вот и все. Результат представлен на рис. 3.121,
Заметьте, что это далеко не самый красивый вариант данного эффекта, но зато достаточно простой и наглядный. Примененные в нем принципы можно использовать еще во многих ситуациях, пе всегда связанных с текстом.
Рис. 3.121. Итоговое изображение
Каменные буквы
Для начала создайте файл произвольных размеров. Цветовая модель не имеет значения, однако для реализации эффекта в цвете мы рекомендуем RGB, CMYK или Lab. Если устраивают градации серого, предпочтение может быть отдано режиму Grayscale (Полутоновое).
Выберите цвет или иллюстрацию для фона, на котором будет располагаться текст. (Мы взяли за основу черный цвет заднего плана для достижения большей контрастности.) Напишите любой текст. Буквы шрифта, которые вы будете использовать для создания основной надписи, должны быть довольно массивными и иметь четко выраженную форму. Классическим примером такого шрифта является Times New Roman (полужирного начертания).
Рис. 3.122. Исходное изображение
Следующие действия будут относиться только к тексту и не должны затрагивать все остальное изображение.
Персведлте вашу надпись в растровое изображение. Для этого в палитре Layers (Слои) щелкните правой кнопкой мыши по слою, на котором расположен текст. Перед вами появится контекстное меню, в котором необходимо выбрать команду Rasterize Layer (Растрировать слой).
Выделите буквы при помощи инструмента Magic Wand (Волшебная палочка). Данная операция не требует никакой особой Сноровки, так как текст — это единственный объект, расположенный на данном слое.
Не снимая выделение, объедините все существующие слои: Layer ► Merge Down (Слой > Объединить с предыдущим) или сочетание клавиш Ctrl+E.
Начните преобразование вашего текста с фильтра Ocean Ripple (Океанские волны): Filter Distort Ocean Ripple (Фильтр Деформация Океанские волны). Не стоит указывать слишком величины в настройках (рис. 3,123), так как требуется лишь немного исказить края, чтобы они приняли неправильную форму. Мы рекомендуем обоих параметров установить в интервале от 3 до 7.
(OceanRippiftRipple Size(OceanRippiftRipple SizeRipple，'"'""'厶…■Ripple，'"'""'厶…■CaredCared
(OceanRippift
Ripple Size
(OceanRippift
Ripple Size
Ripple
，'"'""'厶…■
Ripple
，'"'""'厶…■
Cared
Cared
Рис. 3.123. Диалоговое окно фильтра Ocean Ripple (Океанские волны)
Чтобы сгладить рваные края, воспользуйтесь фильтром Crystallize (Кристаллизация): Filter Pixelate Crystallize (Фильтр Оформление Кристаллизация). Размер ячейки (Cell может варьироваться от 4 до 7 (рис. 3.124).
Cell
f； ，= —=■ l =
Рис. 3.124. Диалоговое окно фильтра(Кристаллизация)
После данных фильтров края будущей каменной надписи полностью сформированы. Они должны выглядеть примерно как на рис. 3.125. С границами текста мы наша следующая задача — имитировать фактуру. Предлагаем начать с создания шероховатой поверхности. Для этого можно воспользоваться фильтром Add Noise (Добавить шум): Filter Noise Add
Noise (Фильтр Шум Добавить шум) (рис. 3.126). Обратите внимание на то, что ваши буквы должны оставаться выделенными, иначе шум будет накладываться не только на текст, но и на фон. Параметр Amount (Эффект) установите равным 20-30. Обязательно установите флажок Monochromatic (Монохромный), благодаря чему шум будет состоять из пикселов близкого к цвету букв.
Рис. 3.125. Сформированные края изображения
ZOOM
Amount：，陶
.
I.
］孫 Gauss ian
. ;;
Рис. 3.126. Диалоговое окно фильтра Add Noise (Добавить шум)
И, наконец, последний шаг формирования структуры текста. Для имитации фактуры различных материалов в Photoshop имеется целый раздел фильтров, называющийся Texture (Текстура). Мы фильтр (Кракелюры);
Texture Craquelure (Фильтр Текстура Кракелюры). Описывать все настройки данного фильтра (рис. 3.127) не имеет смысла, поэтому остановимся на рекомендациях значений: Crack Spacing (Интервал) — 20-25, Crack Depth (Глубина трещин) - 3-7, Crack Brightness (Яркость трещин) — 3-7. Если вы работаете с буквами большого размера (более то все настройки данного фильтра следует увеличить на 3-5, чтобы неровности, появившиеся на поверхности изображения, были больше. После этого фильтра поверхность текста приобретет зернистую, неровную фактуру. Результат показан на рис. 16 цветной вкладки.
I Caqueluie二］
Qsk Spacng
Рис. 3.127. Настройки
Буквы под водой
Большинство разделов этойработе с текстом, рассказывают
о способах преобразования шрифта, но не фона. В данной главе мы расскажем об интересном эффекте, который практически не касается самих букв, однако заметно влияет на их вид.
Для начала создайте файл произвольных размеров в цветовой модели RGB, CMYK Lab. Создание этого изображения, в отличие отначнет
ся не с написания текста, а с подготовки фона.
Сначала воспользуйтесь фильтром Clouds (Облака) из раздела Render (Освещение). Обратите внимание начтофильтр строит градиентные перехо
ды неправильной формы, используя цвет переднего плана и фона. Для удобства предсказуемости результата мы рекомендуем установить их светло-серым и темно-серым, этовам работу со следующим фильтром.
3.128 иллюстрирует результат применения фильтра Clouds (Облака). В данном случае переходы между цветами выглядят расплывчатыми. Этот
мы устраним, применивфильтр: Filter Sketch Chrome (Фильтр
Эскиз Хром). Диалоговое окнофильтра показано на рис. 3.129.
Рис.Изображение после применения фильтра Clouds (Облака)
Рис. 3.12Э. Настройки фильтра Chrome (Хром)
Данный фильтр имеетдвеПервая — Detail (Детали) — определяет размерыи контрастность. Чем больше значение этого параметра,
нюансов исходного рисунка останется после применения фильтра. Вто
рая— Smoothness (Сглаживание) — определяет, насколько
лен будет эффект хромирования на получившемся изображении. Мы применили фильтр, задав значения Detail 8 и Smoothness 0, и получили результат, представленный на рис. 3.130.
Рис. 3.130. Изображение после применения фильтра Chrome
У вас должно получиться изображение, похожее на поверхностьно в черно
белом варианте. Чтобы раскрасить ее, можно воспользоваться командой Color Balance (Цветовой баланс): Image AdjustmentsBalance (Изображение Настройки
Цветовой баланс). Подберите цвет, подходящий для вашего изображения. Передвигая маркеры в диалоговом окне Color Balance (Цветовой баланс) (рис. 3.131), вы можете получить любой цвет. Бы можете создать лаву извергающегося вулкана или зеленую болотную поверхность. Однако мы выбрали классический пример и применили следующие настройки: Cyan-Red = -67; Magenta-Green = 26; Yellow-Blue = 74. Для большей реалистичности необходимо увеличитьцветов вод
ной поверхности. Перейдите в палитру Layers (Слои) и создайте новый щелкнув на кнопке, изображающей чистый лист, либо вызовите команду New Layer (Слой Создать Слой).
Рис, 3.132. Второй слой изображенияРис, 3.132. Второй слой изображения
Рис, 3.132. Второй слой изображения
Рис, 3.132. Второй слой изображения
Color
二 Color Balaxe ：-
:j Color Levels： 方1 育同一
. CyanRed
Green Bluei
.•；•- •••~^Ч«'»~~*-... ••••— ..' ««»»»•—“.… “j….“.i. —у”.'./：
one
I Г Shadows 许 Midlones 「Highfights
；P Preserve Luminosity
Рис.Диалоговое окно Color Balance (Цветовой баланс)
Установите цвет фона и переднего плана черным и белым соответственно и повторите фильтров Clouds (Облака) и Chrome (Хром). вы можете видеть на рис.
Теперь необходимо раскрасить этот слой.сделать его несколько
чем предыдущий. Для этого можно воспользоваться командой Color (Цветовой баланс) или любой другой командой меню Image Adjustments (Изображение Настройки), позволяющей менять цвет изображения, например Hue/Saturation (Цвет/Насыщенность). Результатна рис. 3.133.
Рис. 3.133. Второй слой после раскрашиванияРис. 3.133. Второй слой после раскрашивания
Рис. 3.133. Второй слой после раскрашивания
Рис. 3.133. Второй слой после раскрашивания
внимание, что при использовании темных цветов данный эффект очень напоминает брошенную шелковую ткань. Этим можно при случае воспользоваться. После того как вы определились споменяйте два слоятак что
бы светлый оказался наверху, а темный внизу. Второй слой перестанет быть димым. Чтобы это исправить, измените прозрачность верхнего слоя.
который получили мы, изображен на рис. 3.134.
Рис. 3.134. Готовая вода
И, наконец, о тексте. Между двумя слоями создайте еще один. Напишите на нем текст либолюбое изображение. После того как создан текст, его надо
в растр, щелкнув правой кнопкой мыши по слою с текстом и выбрав изменю пунктLayer (Растрировать слой).
Далее мы применили фильтр Wave (Волна) из раздела Distort (Деформация), способный очень качественноискажение текста под водой.
Рис. 3.135. Диалоговое окно фильтра Wave (Волна)
Этот фильтр имеет огромное количество различных настроек (рис. 3.135), описывать которые имеет смысла из-за их интуитивной ясности. В любом случае не стоит только приведенными настройками и фильтром. Вы можете свой текст так, как это вам необходимо. Рисунок 17 цветной вкладки итоговое изображение.
Буквы из снега
В этой книге уже былосоздание букв, покрытых снегом. Однако то
была, скорее, стилизация под рисованное изображение, эта же работа ближе к реальности и, надо сказать, значительно труднее.
Прежде всего создадим исходное изображение. Напишите текст довольно круп- шрифтом. Цвет букв должен быть черным, фон белым.
snow
Рис. 3.136. Исходное изображение
Теперь, как во многих случаях имитации объема или сложной поверхности, размоем текст. Можно применить весь класс инструментов но больше всего подходит Gaussian Blur (Размытие по Гауссу) (рис. 3.137): Filter Blur
Blur (Фильтр Размытие Размытие по Гауссу). Параметр Radius (Радиус) необходимо равным 4-6.
3.137. Применение фильтра Gaussian Blur (Размытие по
получившееся изображение с рис. 3.138. Должно быть достаточно похоже, иначе примените размытие еще раз.
anciw
Рис. 3.138. Размытый текст
Продублируйте данное изображение: Image(Изображение Создать
копию изображения). Первую картинку можете свернуть — некотороемы
будем работать только с дубликатом.
На данном этапе работывыделение таким образом,
чтобы в будущем, при применении команды Calculationsимело
место выявление явной разницы между дубликатом и исходным изображением. Применим фильтр Offset (Смещение), очень часто используемый в таких случаях:Other Offset (Фильтр Другие Смещение). Примените его с
ками, показанными на рис. 3.139.
Offset
Horizontal： |зpixels right [ 0卜
j •亠「t^「二=5E j
Vertxzal: 13pixeis down
Preview
•• Undefined Areas
Г set to
Г Repeat Edge
Wrap Around
Рис. 3.139. Использование фильтра Offset (Смещение]
к новому этапу работы — непосредственному созданию заготовки для снега. Переверните изображение: Image Rotate CanvasCW (Изображение
Повернуть холст 90 градусов по часовой стрелке). Обратите внимание: именно по часовой стрелке, если вы сделаете наоборот (90 CCW), ничего не получится. Примените фильтр WindFilterWind (Фильтр Стилизация
Ветер). Настройки показаны на рис. 3.140.
Этот фильтр применяется почти всегда, когда необходимо нарисовать сложную текстуру с элементами сползания или стекания. И на этот раз мы не обошлись без него.
Переверните изображение обратно: Image Rotate Canvas 90 CCW (Изображение Повернуть холст 90 против часовой стрелки). Если вы все сделали правильно, то ваш текст будет похож на рис, 3.141.
Фильтр Wind (Ветер) редко применяется сам по себе, его результат почти всегда заготовкой для другого фильтра или эффекта. Не стал исключением и этот пример. Данный фильтр был нужен нам исключительно дляосно
вы для использования следующего фильтра.
：Direciion •• Г•
:寸 From the Right
广 From the Left
Рис. 3.141, Изображение после применения фильтра Wind (Ветер)Рис. 3.141, Изображение после применения фильтра Wind (Ветер)Рис. 3.140. Диалоговое окно фильтра Wind (Ветер)
Рис. 3.141, Изображение после применения фильтра Wind (Ветер)
Рис. 3.141, Изображение после применения фильтра Wind (Ветер)
Запустите фильтр Diffuse (Диффузия)： Filter 卜 Stylize > Diffuse (Фильтр ► Стилизация ► Диффузия). Примените его с настройками, показанными на рис. 3.142,
Обратите внимание на последовательность действий в данном примере. Сначала мы создали возможность получить полупрозрачные и размытые края, а потом сделали их такими при помощи одного фильтра Diffuse (Диффузия). Результат показан на рис. 3.143.
Мы подошли к очень важной части работы. Сейчас нам предстоит сделать текст похожим на вылепленный из снега. Для этого нам понадобится команда Calculations (Вычисления): Image > Calculations (Изображение > Вычисления).
В качестве первого источника (Source 1) выберите первое изображение. а в качестве второго (Source 2) — его дубликат, который мы только что редактировали. Результат (Result) необходимо поместитьв новый документ (New Document).
В результате у вас получится примерно то же, что показано на рис. 3.144.
100 к
Mode
I
Only
ILighten
Г
Рис. 3.142. Диалоговое окно фильтра Diffuse (Диффузия)
、J Т' ж
Рис. 3,143. Изображение после применения фильтра Diffuse (Диффузия)
Рис. 3.144. Результат применения команды(Вычисления)
Раскрасим изображение с помощью команды Hue/Saturation (Цвет/Насыщен- ность): Image Adjustments(Изображение V Настройки
Насыщенность). Примените ее с параметрами, которые отображены на рис. 3.145.
Остался маленький штрих — оптимизировать яркость и контраст изображения: Image Adjustments Brightness/Contrast (Изображение Настройки Яркость/ Контраст). Установите настройки на глаз, ориентируясь на рис. 18 цветной
вкладки,
Hue/SaturationHue/SaturationРис. 3.145. Настройки команды Hue/Saturation (Цвет/Насыщенность)Рис. 3.145. Настройки команды Hue/Saturation (Цвет/Насыщенность)P Color lie “ PreviewP Color lie “ Preview
Hue/Saturation
Hue/Saturation
Рис. 3.145. Настройки команды Hue/Saturation (Цвет/Насыщенность)
Рис. 3.145. Настройки команды Hue/Saturation (Цвет/Насыщенность)
P Color lie “ Preview
P Color lie “ Preview
Текст на волнистой поверхности
В этом разделе мы поговорим о том, как нарисовать текст на волнистой поверхности. Тиличный пример волнистой поверхности — развевающийся на ветру флаг. Его мы и будем рисовать, разумеется, стилизованно.
Создайте новый файл. Мы будем работать с небольшим по размеру изображением (300x300 пикселов). Сразу залейте фон красным цветом — тогда вам будет легче ориентироваться по нашим иллюстрациям, в которых красный является цветом фона.
Теперь напишем текст. Мы ограничились всего двумя буквами синего цвета. Правда, для большей реалистичности они еще искривлены при помощи команды Warp Text (Деформировать текст), а конкретно — в стиле Arc, но это делать вовсе не обязательно.
Рис. 3.146. Исходное изображениеРис. 3.146. Исходное изображение
Рис. 3.146. Исходное изображение
Рис. 3.146. Исходное изображение
Создайте новый канал. Для этого в палитре Channels (Каналы) нажмите кнопку в виде листка бумаги.
Нам необходимо применить инструмент Gradient (Градиент). Нажмите клавишу D, чтобы вернуть цвета в состояние по умолчанию (передний план — черный, фон - белый). Теперь можно вызывать инструмент Gradient (Градиент). В окне настройки инструмента создайте градиент, подобный изображенному на рис. 3.147.
Gradient Editor
Г"Type.■ 5mco 淞к蒔：poo I I %Г"Type.■ 5mco 淞к蒔：poo I I %Рис. 3.147. Создание градиентаРис. 3.147. Создание градиента
Г"Type.
■ 5mco 淞к蒔：poo I I %
Г"Type.
■ 5mco 淞к蒔：poo I I %
Рис. 3.147. Создание градиента
Рис. 3.147. Создание градиента
Напомним, что для того, чтобы создать новыйв
правой кнопкой мыши в зонебегунков
(подОстальные параметрыизпоэтому неповторяться.
Дальнейшая наша работа будет происходить впоэтому
его активным (просто щелкните по нему мышью в палитре
Залейте канал градиентом,вы только что сделали.внимание
на направление: нам необходимо, чтобы полосыгоризонтально, а
калыю.
ПереключитесьRGB-канал. Не стоит удивляться тому, что в нем нет
изменений — альфа-канал никакого отношения к изображению как сти пикселов не имеет. Это лишь форма выделения.
Сейчас мы займемся тем, что составляет основу эффекта. Любой видимый нами объемисключительно благодаря игре света. Это мы и постараемся
сейчас передать. Необходимо применить фильтр Lighting Effects (Эффекты света): Filter Render Lighting Effects (Фильтр Освещение Эффекты чения параметров видны на рис. 3.148.
Обратить внимание стоит только на ключевую настройку: в качестве Texture Channel (Канал текстуры) мызалитый градиентом канал Alpha 1.
Наэффект основан,
33InlensilyInlensilyFocti$Focti$Р/ореНнР/ореНнM“teM“teG3G3PlasticPlastic6767M&enaiM&enaiUnderUnder32 .32 .■ Exposuie：■ Exposuie：Ambience:Ambience:PositivePositive33◎◎lighting Effectslighting Effects■ иуЧ lyp®■ иуЧ lyp®•f Alpha 1White High•f Alpha 1White HighOverOver1 -P Previe.1 -P Previe.,l!,l!Рис. 3.148. Применение фильтраEffects (Эффекты света)Рис. 3.148. Применение фильтраEffects (Эффекты света)SpolbgriiSpolbgriiN/.iv< 一 1gN/.iv< 一 1gHarrowHarrow6262
3
3
Inlensily
Inlensily
Focti$
Focti$
Р/ореНн
Р/ореНн
M“te
M“te
G3
G3
Plastic
Plastic
67
67
M&enai
M&enai
Under
Under
32 .
32 .
■ Exposuie：
■ Exposuie：
Ambience:
Ambience:
Positive
Positive
3
3
◎
◎
lighting Effects
lighting Effects
■ иуЧ lyp®
■ иуЧ lyp®
•f Alpha 1
White High
•f Alpha 1
White High
Over
Over
1 -
P Previe.
1 -
P Previe.
,l!
,l!
Рис. 3.148. Применение фильтраEffects (Эффекты света)
Рис. 3.148. Применение фильтраEffects (Эффекты света)
Spolbgrii
Spolbgrii
N/.iv< 一 1g
N/.iv< 一 1g
Harrow
Harrow
62
62
Вот и Наш результат можно на рис. 19 цветной вкладки. Если же вместо линейного (Linear) взять радиальный (Radial) градиент, а все настройки оставить без изменений, то получится напоминающее волны на поверхности
Буквы в стиле
Эффект, о котором сейчас пойдет речь, очень интересен и необычен. Он не имитирует ни природные материалы, ни известные стили — он интересен сам по себе и по принципу своейего на примере текста.
Создайте новое изображениеразмера и цветовой модели, которая
позволяет работать с цветом.
Напишите текст выделением. Для этого активизируйте инструмент Type Mask (Маска текста). Можно выбрать его в палитре инструментов или просто нажать клавишуТ.
Далеепровести подготовительную работу. Дело в том, что полученное выделение мы будем заполнятьсозданнымВы
берите инструмент Gradient (Градиент) (горячая клавиша — G) и щелкните по списку градиентов в панеливызвав тем самым диалоговое окно
Gradient Editorградиента),
В диалоговом окне Gradient Editor (Редактирование градиента) щелкните на кнопке New (Создать), Далее выберите в списке Gradient Typeградиента) значение Noise
(Шум), а также установите флажокAddTransparency (Добавить прозрачность), тогда градиенте будут присутствовать переходыПри помощи цветовых
ограничителей сформируйте используемую гамму цветов, в нашем примере это са- Остальные параметры представлены на рис.
Gradient Type: | Noise~^]Rojghcess：O^ZB*Gradient Type: | Noise~^]Rojghcess：O^ZB*Color Model: RGBColor Model: RGBOptions： ■Options： ■
Gradient Type: | Noise~^]Rojghcess：O^ZB*
Gradient Type: | Noise~^]Rojghcess：O^ZB*
Color Model: RGB
Color Model: RGB
Options： ■
Options： ■
ГColors
G;В J^^fG;В J^^fJi： ?■•
G;
В J^^f
G;
В J^^f
Ada
Randomize I
Рис. 3.149. Диалоговое окно Gradient Editorградиента)
В итоге вы получите образец градиентной заливки, состоящий из цветовых прозрачными.
Создайтеизображении новый слой, выбрав команду Layer New Layer (Слой
Создать Слой), либо нажавлибо щелкнув
ке с изображением чистогорасположенной внизу палитры Layers (Слои).
Примените градиент, заполнив им выделение на новом слое. Воспользоваться данным инструментом следует дважды, проведяградиента под
углом друг к другу. В итоге удолжно получиться нечто подобное тому, что
изображено на рис. 3.150.
Рис. 3.150. Применение градиентной заливки кРис. 3.150. Применение градиентной заливки к
Рис. 3.150. Применение градиентной заливки к
Рис. 3.150. Применение градиентной заливки к
Снимите выделениетак как оно больше не понадобится. Примените
к слою с буквами слоевой эффект, щелкнув по значку с изображением буквы расположенной внизу палитры Layers (Слои), или выбрав команду Layer Layer (Слои Стили слоя Скос и рельеф). На рис. 3.151 представлено диалоговое окно с использованными в нашем примере настройками эффекта,
! OK |Cancel (j "! OK |Cancel (j "StylesBlanding Optics: Default 厂 Drop Ahadov .StylesBlanding Optics: Default 厂 Drop Ahadov .OuterInnerOuterInner■■■ Shading ■■■ Shading 5tyte 3 kQer 日电Y电15tyte 3 kQer 日电Y电1Technique; pmoothTechnique; pmooth〉欣0 X〉欣0 Xt>W^>t>W^>andStructureandStructure1^-.F use Gfoba Light1^-.F use Gfoba LightOirectkjn:Oirectkjn:口 Preview口 Preview..Artitudt:Artitudt:ОО!Gloss!Gloss2 AdW-aii*sed'2 AdW-aii*sed'Г厂 Cdw OvertayOvertly厂 PtllemOveeUyГ.Г厂 Cdw OvertayOvertly厂 PtllemOveeUyГ.I - •Op»C<ty： I”一 一"“З""""?］而-■ м :Sh^dov Mode:麻武f_JОру r：.H=：•:屮=：=“ U'.去 П35мI - •Op»C<ty： I”一 一"“З""""?］而-■ м :Sh^dov Mode:麻武f_JОру r：.H=：•:屮=：=“ U'.去 П35м--||||
! OK |
Cancel (
j "
! OK |
Cancel (
j "
Styles
Blanding Optics: Default 厂 Drop Ahadov .
Styles
Blanding Optics: Default 厂 Drop Ahadov .
Outer
Inner
Outer
Inner
■■■ Shading
■■■ Shading
5tyte 3 kQer 日电Y电1
5tyte 3 kQer 日电Y电1
Technique; pmooth
Technique; pmooth
〉欣0 X
〉欣0 X
t>W^>
t>W^>
and
Structure
and
Structure
1^-.
F use Gfoba Light
1^-.
F use Gfoba Light
Oirectkjn:
Oirectkjn:
口 Preview
口 Preview
.
.
Artitudt:
Artitudt:
О
О
!Gloss
!Gloss
2 AdW-aii*sed'
2 AdW-aii*sed'
Г
厂 Cdw Overtay
Overtly
厂 PtllemOveeUy
Г.
Г
厂 Cdw Overtay
Overtly
厂 PtllemOveeUy
Г.
I - •
Op»C<ty： I”一 一"“З""""?］而-■ м :Sh^dov Mode:麻武f_J
Ору r：.H=：•:屮=：=“ U'.去 П35м
I - •
Op»C<ty： I”一 一"“З""""?］而-■ м :Sh^dov Mode:麻武f_J
Ору r：.H=：•:屮=：=“ U'.去 П35м
-
-
|
|
|
|
Рис. 3.151. Диалоговое окно Layer Style (Эффекты слоя)
Мы не будем описыватьустановленные параметры — в этом нет смысла, так
как подбирать их следует кизображению. Отметимчто
здесь используется то свойство слоя, что в промежутках между цветовыми полосами слой прозрачный, а следовательно, применяемый эффект отдельно проявляется на каждой световой полосе, создавая интересный и необычный рисунок. На рис. 3.152 представлен вид изображения после применения данного с настройками, приведенными на рис. 3.151.
Рис. 3.152. Результат применения эффектаand Emboss (Скос и рельеф)Рис. 3.152. Результат применения эффектаand Emboss (Скос и рельеф)
Рис. 3.152. Результат применения эффектаand Emboss (Скос и рельеф)
Рис. 3.152. Результат применения эффектаand Emboss (Скос и рельеф)
Для оформления изображения нам потребуется создать еще один градиент. Все его параметры должны быть точно такими же, как и в первом случае, только цветовые полосы должны быть тоньше и располагаться значительно реже. Такого эффекта можно добиться, многократно щелкая накнопке Randomize (Случайный). Когда вы увидите подходящий вариант, напоминающий рис. 3.153, остановитесь.
Gradient Type: 1 NoiseGradient Type: 1 Noise
Gradient Type: 1 Noise
Gradient Type: 1 Noise
-Options：Г Restrict Colors jAdd Transparency-Options：Г Restrict Colors jAdd Transparency「Randomize |「Randomize |Рис. 3.153. Второй образец градиентной заливкиРис. 3.153. Второй образец градиентной заливки
-Options：
Г Restrict Colors j
Add Transparency
-Options：
Г Restrict Colors j
Add Transparency
「Randomize |
「Randomize |
Рис. 3.153. Второй образец градиентной заливки
Рис. 3.153. Второй образец градиентной заливки
Q
Примените данный градиент на том же слое, где расположены буквы. Проведите им несколько раз в разных направлениях, создавая сетку, окружающую текст. Мы вое польз овалис ь им четыре раза, проведя горизонтальную, вертикальную и две диагональные направляющие.
Обратите внимание, что поскольку новый градиент применяется к слою, где уже был использован слоевой эффект, то эффект автоматически наложится и на новые линии. Итоговое изображение представлено на рис. 20 цветной вкладки.
Надпись из объемных точек
О том, как создать текст или любую другую фигуру, состоящую из точек, знают практически все, а вот о том, как сделать их объемными и цветными, сейчас и пойдет речь.
Создайте новое изображение. Для этого необходимо либо нажать сочетание клавиш Ctrl+N, либо выбрать команду меню Ее> New (Файл > Создать).
Напишите любой текст при помощи инструмента Туре (Текст), для активизации которого следует обратиться к палитре инструментов или нажать клавишу Т. Шрифт лучше выбрать массивный, так как после преобразований часть информации потеряется, а текст все же должен остаться читаемым. Кроме того, рекомендуем работать с черным текстом на белом фоне, так как именно при таком сочетании проще достичь желаемого результата.
Склейте слой, на котором находится текст, с фоновым слоем: Layer 卜Merge Visible (Слой卜Объединить видимые слои) или CtrL+Shift+E.
Мы будем работать с изображением, представленным на рис. 3.154.
Dotted
Рис. 3.154. Исходный текст
Сначала получим традиционный текст, состоящий из точек. Для этого создадим копию фонового слоя, на котором после склеивания слоев оказались буквы.
Далее верхний слой необходимо размыть при помощи фильтра Gaussian Blur (Размытие по Гауссу) из набора Blur (Размытие). Сила действия данного фильтра должна быть такой, чтобы буквы оставались читаемыми, поэтому рекомендуем ограничиться в поле Amount (Эффект) значением 5-6 пикселов (рис. 3.155).
Gaussian Blur
-100%♦
Radius: ^：pbteE
二_ &— -~ ‘
Рис. 3.155. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу)
Далеесами точки:Pixelate Color Halftone (Фильтр Оформ-лениенастройки показаны па рис. 3.156.
ColorColor13
Color
Color
Мак,Мак,Channell:Channell:(Degrees(Degrees22П35~П35~Channel 3；Channel 3；|135|135
Мак,
Мак,
Channell:
Channell:
(Degrees
(Degrees
2
2
П35~
П35~
Channel 3；
Channel 3；
|135
|135
Channel 4:
Диалоговое окно фильтра Color Halftoneполутона)
Обратите внимание, что перед применением этого фильтра изображение должно находиться в цветовой модели Grayscale (Полутоновое). Это необходимо, чтобы неразбиения цветов, так как данный фильтр влияет на каждый
нал отдельно. Послефильтра изображение должно стать таким, как
показано на рис. 3.157.
i o^- Bl 衿彥一. •■•••«•i o^- Bl 衿彥一. •■•••«•
i o^- Bl 衿彥一. •■•••«•
i o^- Bl 衿彥一. •■•••«•
Рис. 3.157. Результат преобразования текста в точки
Создайте копию слоя, который вы только что редактировали, причем один из двухслоя сделайте невидимым, так как он понадобитсядля
создания выделения. Второй размойте при помощи фильтра Gaussian Blur
по Гауссу) из набора(Размытие), только радиус(Radius) ука
жите меньше — порядка пикселов. Далее инвертируйте полученный слой, сочетание клавишили выбрав команду Image Adjustments Inverse
(Изображение Настройки Инвертировать).
После выполнения этих операций изображение должно стать похоже на то, представлено на рис. 3.158.
Вернитесь к слою, который был ранее переведен ви загрузите
имеющиеся наточки в выделение. Для этого можно
рументом Magic Wand (Волшебная палочка). Установите небольшой диапазон
действия (Tolerance) и щелкните мытью по любому черному пикселу — так вы сразу выделите и все остальные пикселы, близкие ему по цвету. После этого данный слой можно удалить, так как он больше не понадобится.
Рис. 3.158. Инвертированные размытыеТОЧКИ
Создайте новый слой и залейте па нем любым цветом полученное выделение. Если ваше изображение находится все еще в полутоновом режиме, то преобразуйте его так, чтобы стала возможна работа с цветом. Для этого выберите команду меню Image 卜Mode (Изображение ， Режим) и установите любую подходящую вам цветовую модель.
На рис. 3.159 представлен наш текст с закрашенным выделением.
I Рис. 3.159. Закрашенныеточки
Присутствие цвета значительно украшает надпись, однако для достижения наилучшего результата добавим объем. Воспользуемся для этого фильтром Lighting Effects (Эффекты света): Filter ► Render > Lighting Effects (Фильтр > Освещение * Эффекты света). На рис. 3.160 представлено диалоговое окно данного фильтра с использованными настройками.
Самым важным и определяющим параметром здесь является раскрывающийся список Texture Channel (Канал текстуры). В этом списке следует выбрать тот слой, на котором расположены ваши цветные точки. Остальные параметры можно установить «по вкусу», главное — выбрать «золотую середину» в уровне освещения изображения.
На рис. 3.161конечное изображение (см. рис. 21 цветной вкладки).
Рис.Итоговое изображение
Трехмерный текст
В этом разделе мы хотим рассказать о том, как из простого плоского текста можно сделать объемные буквы, причем без всякихили программ. Следует
отметить, что рассматриваемый здесь эффект можно применять при работе не только со шрифтами, но и с любыми другими объектами достаточно простой формы.
создание этого эффекта с «чистогоСоздайте новый файл:
New (Файл Создать). Никаких ограничений здесь нет, кроме одного условия - фон должен быть черным.
Напишите текст. Шрифт лучше выбрать массивный, напримерНа рис. 3.162
представлен текст, который будет использован в качестве примера.
Adobe
Рис. 3.162. Исходный текст
Подберите подходящий размер и расположение текста. Для лучшей имитации объема можно сразу ввести на изображении третье измерение. Но сначала необходимо перевести текст в растр: щелкните правой кнопкой мыши по слою с текстом и выберите в контекстномкомандуLayer (Растрировать слой).
Далее следует преобразовать текст чтобы он был в перспективе: Edit TransformPerspective (РедактированиеПерспектива). Учтите,
что буквы должны располагаться так, со всех сторон оставалось немного свободного пространства. В результате преобразований необходимо получить текст,на представленный на рис. 3.163.
Рис. 3.163. Текст в перспективе
Создайтеслоя с текстом, перетащив его к кнопке с изображением чистого
листа в палитре(Слои) илипо нему правой кнопкой мыши и да
лее выбрав в контекстном меню команду Duplicate Layer (Создать копию слоя).
Склейте один из этих слоев с фоном. Для этого выделите слой, расположенный непосредственно над фоновым, исочетание клавишК полученному слою, ставшему теперь фоновым,размытие:Blur Motion
Blur (Фильтр Размытие Размыть в движении). Диалоговое окно с настройками данного фильтра представлено на рис. 3.164.
Параметры нужночтобы в результате текст был достаточно
сильно размыт в направлении, примерно перпендикулярном к надписи. Затем выберите команду Filter > Stylize ► Find Edges (Фильтр а Стилизация а Найти края), после чего инвертируйте полученное изображение командой Image Adjustments Inverse (Изображение Настройки Инвертировать) или нажатиемклавиш
Б результате перечисленных действийпримут примерно такой вид, как
показано на рис.
Рис.Диалоговое окно фильтра Motion Blur (Размыть в движении)
Рис. 3.165. Текст после преобразования
Для более четкого выделения букв из фона следует немного
уровни яркости: Image Adjustments(Изображение Настройки Уровни)
илиДиалоговое окно с необходимыми настройками представлено па
рис. 3.166. Передвиньте светлый и серый маркеры влевочтобы буквы стали достаточно четко видны, нооставались серые тона. При
этом вы можете ориентироваться на результат преобразований, показанный на рис. 3.167.
Создайте копию оставшегося слоя с текстом. Затем для одного из двух одинаковых слоев установите непрозрачность (Opacity) порядкаиэтим
слоем заднюю поверхность букв, а для второго задайте непрозрачность 80 %, после чего поместите его г р； l
Теперь можно склеить все слон: Layer Merge (Слой Объединить видимые слои) илиРисунок 3.168 иллюстрирует результат работы
(см. рис. 22вкладки).
Рис. 3.166. Диалоговое окно Levels
Рис. 3.167. Объемные
Рис. 3.168. Итоговое изображение
Взрывающиеся буквы
Выполнив описанную ниже последовательность действий, вырезультат,либочерез поверхность определенной формы
вторяющей в нашем случае форму букв), либо картину взрыва, когда разлом плоскости имеет заданную форму. Чтобы все стало предельно ясно, обратитесь к рис. 20 цветной вкладки.
Для начала создайте новое изображение (File New (Файл Создать) или сочетание клавишпроизвольного размера,модель следует
так, чтобы иметь возможность работать с цветом. Фон должен быть белого цвета. Активизируйте инструмент Туре (Текст) (горячая клавиша — Т) и напишите любой текст. Исходное изображение, которое будет использоваться в качестве примера,на рис. 3.169.
Photo
Рис. 3.169. Исходное изображение
Склейте слой, содержащий текст, с фоном, и переведите его в растр. Оба эти можно выполнить одновременно при помощи команды Layer Merge
(Слой Объединить видимые слои) или ее клавиатурного эквивалента
Смягчите контур текста, для чего воспользуйтесь размытием: Filter Blur Gaussian Blur (Фильтр Размытие Размытие по Гауссу). Диалоговое окно с настройками данного фильтра представлено на рис. 3.170. В нашем примере радиус размытия (Radius) равен 2 пикселам.
Рис. 3.170. Диалоговое окно фильтра Gaussian(Размытие по Гауссу)
Далее следует применить еще один фильтр: Filter Stylize Solarize (Фильтр Стилизация Соляризация). В результате изображение станета от букв
останутся только очень слабые светлые очертания.
Для того чтобы сделать буквы ярче, следует настроить уровни яркости, однако в дан- случае можно доверить эту миссию программе,автоматическую
Image Adjustments Auto LevelsНастройки Автоматическая коррекция уровней) илиРезультат должен быть похож
на рис. 3.171.
Создайте копию активного слоя, перетащив его к расположенной внизу палитры Layers (Слои) кнопке, имеющей вид белого листа, или щелкнув по нему правой кнопкой мыши ив контекстном меню команду Duplicate Layer (Создать
копию слоя).
Перейдите на фоновый слой, так как дальнейшие преобразования будут происходить на нем. Для удобствана время сделать верхний слой
щелкнув рядом с ним на значке сглаза в палитре слоев,
Деформируйте текст при помощи фильтра(Полярные координаты):Coordinates (Фильтр Деформация Полярные коор
динаты). Диалоговое окно этого фильтра представлено на рис. 3.172, В настройках следуетпереключатель to Rectangular (Перевести полярные
координаты вТекст исказится практически до
но это не беда — потом мы все исправим.
||rOptions: to PolarrOptions: to Polar
|
|
rOptions: to Polar
rOptions: to Polar
Рис. 3,172. Диалоговое окно фильтра Polar Coordinates (Полярные координаты)
Теперь поверните все изображение на 90° по часовой стрелке: Image Rotate Canvas 90 CW (Изображение Повернуть холст 90 градусов по часовой стрелке). Далее инвертируйте цвета, используя команду Image Adjustments Inverse (Изображение Настройки Инвертировать), или просто нажмите сочетание клавиш В результате вы получите нечто, похожее на рис. 3.173,
Следующий этап работы будет посвящен созданию лучей, вырывающихся из-за поверхности букв в результате взрыва. Воспользуемся фильтром, имитирующим действие ветра: Wind (Фильтр Стилизация Ветер). Диалоговое
окно с его настройками представлено на рис. 3.174. Направление (Direction) можно установить любое, а вот разделе Method (Метод) необходимо выбрать переключатель Wind (Ветер).
Рис. 3.173. Текст после поворота и инвертирования
Рис. 3.174. Диалоговое окно фильтра Wind (Ветер)
Примените этот фильтр трижды с одинаковыми настройками. Для этого можно просто нажимать сочетание клавиш
Затем еще раз воспользуйтесь автоматической коррекцией уровней яркости (Image Adjustments Auto(Изображение Настройки Автоматическая коррекция
уровней) илии инвертируйте цвета, нажав сочетание клавиш
Далее вновь трижды примените фильтр Wind (Ветер), для повторного вызова нажимаяИзображение примет вид, напоминающий
Рис. 3.175. Результат применения фильтра(Ветер)
Поставьте изображениеповернув его в обратномImage
Rotate Canvas 90 CCW (Изображение Повернуть холст 90 градусов против часовой стрелки).
Наконец, настало время вернуть буквам узнаваемый вид. СновакомандуCoordinates (Фильтр Деформация Полярные координаты), только теперь установимto Polarпря
моугольные координаты в полярные). Так мы создадим впечатление, как будто из букв вырываются яркие лучи света (рис. 3.176).
Рис. 3.176.буквы
Осталось раскрасить изображение. Проще всего это делается при помощи команды Adjustments Hue/Saturation (Изображение Настройки Цвет/ Насыщенность), которая вызывается также сочетания клавиш
На рис. 3.177 представлено с настройками команды.
Обязательно установите флажок (Тонирование), а остальные настройки подберите по своему вкусу. Нам показалось, что наиболее подходящим цветом будет яркий желто-оранжевый, а ему соответствуют такие настройки: Hue (Цвет) — Saturation (Насыщенность) — 100, Lightness (Яркость) — 0.
видимым верхний слой и измените для него следующие параметры: в списке Mode (Режим наложения) выберите (Перекрытие), а также
щите параметр Opacity (Непрозрачность). В нашем примере величина ности равна 35%.Итоговое изображение вы можете увидеть на рис. 23 цветной вкладки.щите параметр Opacity (Непрозрачность). В нашем примере величина ности равна 35%.Итоговое изображение вы можете увидеть на рис. 23 цветной вкладки.Hue/SaturationHue/SaturationHue:Hue:1b —Saturation：1b —Saturation：■ |ю5Г"■ |ю5Г"Lightness.Lightness.P" Colors / PreviewP" Colors / PreviewРис. 3.177. Диалоговое окно Hue/Saturation (Цвет/Насыщенность)Рис. 3.177. Диалоговое окно Hue/Saturation (Цвет/Насыщенность)
щите параметр Opacity (Непрозрачность). В нашем примере величина ности равна 35%.
Итоговое изображение вы можете увидеть на рис. 23 цветной вкладки.
щите параметр Opacity (Непрозрачность). В нашем примере величина ности равна 35%.
Итоговое изображение вы можете увидеть на рис. 23 цветной вкладки.
Hue/Saturation
Hue/Saturation
Hue:
Hue:
1b —Saturation：
1b —Saturation：
■ |ю5Г"
■ |ю5Г"
Lightness.
Lightness.
P" Colors / Preview
P" Colors / Preview
Рис. 3.177. Диалоговое окно Hue/Saturation (Цвет/Насыщенность)
Рис. 3.177. Диалоговое окно Hue/Saturation (Цвет/Насыщенность)
Пиксельный текст
Имитация текста, образованного отдельными пикселами, — достаточно прием итех или иных работ, что вполне понятно -
этоиз лучших способов сыграть на стереотипах и подчеркнуть,
рекламируемого товара.
Этот пример выполняется достаточно просто, хотя на первый взгляд, это и неочевидно.
Создайте новое изображение в цветовом режиме RGB размером 500x400 пикселов. Сразу залейте фон черным цветом приинструмента Paint Bucket (Заливка). Напишитеслово. Размеры подберите на глаз, но оно должно
смотреться примерно так, как это показано на рис. 3.178.
PIXEL
Рис. 3.178.надпись
Запустите фильтр Gaussian Blur:Blur Gaussian Blur (Фильтр Размытие
Размытие но Гауссу). Перед тем как выполнить команду, программа разрешения на преобразование текста в растр.ОК. Необходимые на
стройки Gaussian Blur показаны на рис. 3.179.
Склейте слои (Ctrl+E).
-I 100% jJ-I 100% jJpixelspixelsGaussian BlurGaussian BlurPreviewPreviewRadius:Radius:
-I 100% jJ
-I 100% jJ
pixels
pixels
Gaussian Blur
Gaussian Blur
Preview
Preview
Radius:
Radius:
Рис. 3.179. Диалоговое окно фильтра Gaussianпо Гауссу)
Теперьдошли до шага, который в основном и реализует эффект пиксельного
текста. Запустите фильтр Mosaic:Mosaic (Фильтр
Мозаика) и примените его с настройками, показанными на рис. 3.180.
Рис. 3.180. Настройки фильтра Mosaic (Мозаика)Рис. 3.180. Настройки фильтра Mosaic (Мозаика)
Рис. 3.180. Настройки фильтра Mosaic (Мозаика)
Рис. 3.180. Настройки фильтра Mosaic (Мозаика)
Впрочем, на этом этапе, возможно, лучше немного поэкспериментировать и подобрать величину наиболее хорошо под вашу задумку. Наша работа после использования фильтра Mosaic (Мозаика) показана на рис. 3.181. Продублируйте существующий в работе слой, перетянув его в палитре Layers (Слои) на значок в виде белого листа бумаги. Непрозрачность (Opacity) нового слоя там же выставьте на уровень в 35
Применим к новому слою фильтр Sharpen: Filter Sharpen Sharpen (Фильтр Резкость Резкость). Повторите эту 3-4 раза, затем сложите слои
Рис.Работа после применения фильтра Mosaic (Мозаика)
Если необходимо, чтобы пиксельная надпись была цветной (в нашем случае она будет голубая), используйте инструмент Hue/Saturation (Оттенок/Насыщенность) Настройки, использованныепоказаны на рис. 3.182.
Рис. 3.182.Hue/Saturation (Тон/Насыщенность)
Пример выполненИтоговое изображение показано на рис. 3.183
вариант см. рис. 24 вкладки).
Рис. 3.183. Итоговое изображение
Текст из сыра
Этот пример очень нравится авторам. Во-первых, он чрезвычайно прост. Во-вторых, демонстрирует специфику работы с несколькими полезными инструментами Photoshop. А в третьих — его результат симпатичен и даже
Для начала создайте новое изображение в цветовом режиме RGB. Авторы работали с достаточно большим— 1000x400 пикселов. Для нашего при
мера это необходимо, так как в ином случае «сырная» надпись выйдет недоста- гладкой. Сразу залейте изображение черным цветом.
Очень важно правильно подобрать шрифт. Он должен быть достаточно массивным и, между тем, с мягкими контурами. Идеальным авторы посчитали достаточно распространенный шрифт BuLka, которым и написано слово «СЫРЬ (рис. 3.184). Цвет также важен — наш выбор: R248 G230 В161,
Рис. 3.184. Исходная надпись
Выделите надпись, щелкнув левой кнопкой мыши на текстовом слое в палитре Layers (Слои), одновременно удерживая клавишу Ctrl.
Сейчас вам предстоит самый важный и сложный этап работы, в котором придется рассчитывать только на собственный художественный вкус. Нужно создать дырки в тексте. Технически это очень просто — нужно активизировать инструмент Eraser (Ластик), и, меняя в панели параметров размер кисти, нарисовать нужное количество различных по диаметру отверстий.
Но в этом и сложность. Сколько делать отверстий и какого размера они должны быть? В этом авторы вам вряд ли помогут, разве что предложат вариант. пока- занпый на рис. 3.185.
Рис. 3.185. 「отовыедырки
Создайте новый слой. Обратите внимание на то, что созданное выделение должно быть активным. Залейте его на новом слое более темным желтым цветом, чем тот, что мы использовали для основной надписи. Авторы остановили спой выбор на цвете R217 G190 В110. Надпись сразу станет похожей на сыр.
Снимите выделение (Ctrl+D).
Остался последний шаг, который добавит надписи большую схожесть с сыром. Запустите кнопкой Add Layer Style (Добавить стиль слоя) в палитре Layers (Слои) слоевой эффект Drop Shadow (Падающая тень). Он нужен нам как одна из составляющих для имитации объема надписи. Использованные настройки показаны на рис. 3.186.
Не закрывая окна Layer Style (Стиль слоя), переключитесь на Bevel and Emboss (Скосы и рельеф). Этот основной инструмент для имитации объема в Photoshop выручит нас и на этот раз. Необходимые настройки смотрите на рис. 3.187.
Drop ShjkwDrop ShjkwSirua.re —…“.、一—-< ~——Blend Mode!0时山:> --*=^a，，，，-Sirua.re —…“.、一—-< ~——Blend Mode!0时山:> --*=^a，，，，-Qu・hlyQu・hlyOut Drop ShadowOut Drop ShadowРис. 3.186. Настройки Drop Shadow (Падающая тень)Рис. 3.186. Настройки Drop Shadow (Падающая тень)
Drop Shjkw
Drop Shjkw
Sirua.re —…“.、一—-< ~——
Blend Mode!
0时山:> --*=^a，，，，-
Sirua.re —…“.、一—-< ~——
Blend Mode!
0时山:> --*=^a，，，，-
Qu・hly
Qu・hly
Out Drop Shadow
Out Drop Shadow
Рис. 3.186. Настройки Drop Shadow (Падающая тень)
Рис. 3.186. Настройки Drop Shadow (Падающая тень)
Bevel
"-Structure 1：.з
Style: |【nw Bevd '・ I
Technique： 8th '
Dgpth; « …(V*^==mr*
Up
Soet Q r •— > 行 5
Soften:•一•— (5~PM
ShadingShadingAltitude;Altitude;Anti-aliasedAnti-aliasedGlossGlossMode:Mode:Opacity!Opacity!pHultipIvpHultipIv120120Use Global Light陶 0Use Global Light陶 0==>%==>%Shadow Mode:Shadow Mode:Op«^c ...Op«^c ...
Shading
Shading
Altitude;
Altitude;
Anti-aliased
Anti-aliased
Gloss
Gloss
Mode:
Mode:
Opacity!
Opacity!
pHultipIv
pHultipIv
120
120
Use Global Light
陶 0
Use Global Light
陶 0
==>%
==>%
Shadow Mode:
Shadow Mode:
Op«^c ...
Op«^c ...
Рис. 3.187. Параметры Bevel and Emboss (Скосы и рельеф)
Снова переключитесь, на этот раз на Satin (Атлас). Он нам необходим для того, чтобы изменитьповерхности, создав на ней переходы, которые сделаютпохожей на настоящий сыр. Примененные настройки
нарис.3.188.
Объедините слои (Ctrl+E). Можно немного улучшить изображение, ластиком (Eraser), чтобы некоторые отверстия стали сквозными. Авторы именно так и поступили.итоговое изображение показано на рис. 3.189 (см. рис. 25
вкладки).
SHinSHin—…3 f^ px 广 Mi^aKasad M Invert—…3 f^ px 广 Mi^aKasad M InvertРис. 3.188. Название рисункаРис. 3.188. Название рисункаРис. 3.189. Итоговое изображениеРис. 3.189. Итоговое изображение
SHin
SHin
—…3 f^ px 广 Mi^aKasad M Invert
—…3 f^ px 广 Mi^aKasad M Invert
Рис. 3.188. Название рисунка
Рис. 3.188. Название рисунка
Рис. 3.189. Итоговое изображение
Рис. 3.189. Итоговое изображение
Текст «высокого напряжения»
В этом примере мы попробуем создать корону электрических разрядов. Залог реализации этого эффекта — совместное использование фильтров Wind (Ветер) и Polar Coordinates (Полярные координаты). Авторы рекомендуют обратить внимание на использование последнего — это наиболее простой и быстрый способ получения очень сложных форм, которые нереализуемы другими средствами.
Создайте новое изображение в цветовом режиме RGB. Оно должно быть крупное — авторы рекомендуют работать с изображением размером не менее 1000x500 пикселов, иначе разряды не получатся. Сразу сделайте фон черным.
Напишем любое слово любой гарнит^фой. Оно также должно быть достаточно крупным (рис. 3..190),
amper
Рис. 3.190. Созданная надпись
Продублируйте слой с надписью (Layer > Duplicate Layer (Слой > Дублировать слой)). Мы будем работать именно с копией, основной слой пока скройте, отключив пиктограмму в виде глаза напротив слоя в палитре Layers (Слои).
Слейте дубликат надписи и фон
Теперь необходимо запустить фильтр Wind: FilterWind (Фильтр Сти
лизация Ветер). Примените его с настройками, показанными на рис.
Рис.Диалоговое окно фильтра Wind (Ветер)
Эффект окажется почти незаметным, так как мы работаем с большим изображением. Повторите применение фильтра еще два-три раза (для этого достаточно нажать сочетание клавишсоответствующее количество раз.
Повторите все действия с фильтром Windизменив направление
действия на левое (From the left). После этого перевернем изображение на 90°: ImageRotateCanvas90°CW(ИзображениеПоворот холста90° п.ч.с).
Снова применим фильтр Wind (Ветер) несколько раз для каждого направления. Поверните изображение обратно: Image Rotate Canvas 90°(Изображение
Поворот холста90°пр.ч.с).Затемприменитефильтр Ripple(Рябь)с указан
ными на рис. 3.192 настройками.
Этот фильтр придаст будущим разрядом небольшое дрожание, усиливающее их эффектность. Работа после выполнения этого шага показана на рис. 3.193.
Переходим ко второй части примера. Запустите фильтр Polar Coordinates (Полярные координаты) и выполните его в режиме Rectangular to polar (Прямоугольные в(рис. 3.194). Как, наверное, уже поняли читатели с техническим об-
этот фильтр меняет систему координат для изображения с привычной нам декартовой на полярную и наоборот, соответственно,
Рис. 2.192. Настройки фильтра Ripple (Рябь)
Рис. 3.193. Изображение после применения фильтра Ripple (Рябь)
Рис. 3.194. Параметры фильтра Polar Coordinates (Полярные координаты)
Повторите для полярных координат все манипуляции с фильтрами Wind (Ветер) и Ripple (Рябь), которые были применены ранее для декартовых. После этого верните изображение в более привычный вид, выполнив фильтр Polar Coordinates
(Полярные координаты) в режиме Polar to Rectangular (Полярные в прямоуголь- пые). То, что должно получиться на этом этапе, показано на рис. 3.195.
Рис. 3.195. Изображение после возврата в обычные координатыРис. 3.195. Изображение после возврата в обычные координаты
Рис. 3.195. Изображение после возврата в обычные координаты
Рис. 3.195. Изображение после возврата в обычные координаты
Окрасим изображение. Для этого, как уже многие догадались, авторы будут использовать инструмент Hue/Saturation (Оттенок/Насыщенность) (Ctrl+U). В качестве цвета мы выбрали голубой. Настройки для придания надписи этого оттенка показаны па рис. 3.19G
Hu—咏 ionHu—咏 ionV ColoredP PrevewV ColoredP PrevewL坐」L坐」Рис. 3.196. Настройки Hue/Saturation (Тон/Насыщенность)Рис. 3.196. Настройки Hue/Saturation (Тон/Насыщенность)Рис. 3.197. Итоговое изображениеРис. 3.197. Итоговое изображение
Hu—咏 ion
Hu—咏 ion
V Colored
P Prevew
V Colored
P Prevew
L坐」
L坐」
Рис. 3.196. Настройки Hue/Saturation (Тон/Насыщенность)
Рис. 3.196. Настройки Hue/Saturation (Тон/Насыщенность)
Рис. 3.197. Итоговое изображение
Рис. 3.197. Итоговое изображение
Осталась последняя, третья часть работы. Сейчас нам и понадобится слой с надписью, который мы спрятали в самом начале. Снова сделайте его видимым.
клавишу Ctrl,левоймыши по этому слою в палитре(Слои). Появится выделение, в точности повторяющее надпись. После
этого сам слой с надписьюудалить.
Залейте выделение белым цветом, используя команду(Правка
Залить). Затем нужно сузить выделение на два пиксела:Modify Contract
(Выделение Изменить Сузить). Полученное выделение залейте черным цветом.
Эффект выполнен. Готовое изображение показано на рис. 3.197 (см. рис. 26 цветной вкладки).
Глава 4
Текстуры
Дерево272
Камень276
Камуфляж279
Песчаник282
Вода284
Металл290
Мозаичная поверхность295
Кирпичи297
Рисуем штамп300
Текстура «multicolor»303
Эффект жалюзи306
Строчная развертка телевизораЗС8
Гранит311
Мрамор315
Старая кирпичная стена317
Снежинка319
Скотч322
Эффект скорости326
Биологические структуры328
Компакт-диск332
Штрих-код340
Кристаллы343
«Кровожадная» текстура346
Сгусток плазмы349
Дерево
Как показывает опыт, эта текстура часто используется нанапример
при создании рамок под фотографии или фона для веб-страницы.
можно воспользоваться готовой текстурой из стандартного набора Photoshop илимодулем Eye Candy 4.0. Но бывает так, что этой помо
щи пет. Тогда и приходится рисовать руками, однако это совсем не трудно, в чем вы сейчас убедитесь.
Прежде всего создайте файл в цветовой системе RGB. Изображение не стоит делать слишком большим, так как это отрицательно скажется нарабо
ты. Идеальный размер — 300x300 пикселов.
Залейте заготовку, используяPaint Bucket (Заливка). Выбирайте
цвет заготовки исходя из того, какое деревонеобходимо получить в конце
работы. Если этото подойдут коричневые оттенки, если сосна — светложелтые, есликрасные.
После того как вы определились с цветом и залили заготовку, необходимо применить фильтр Add Noise (Добавить шум):Add(Фильтр Шум
Добавить шум). Параметр Amount (Эффект) лучше всего определить на глаз, так как егоопределяется исключительно выбранным цветом и размером
изображения, но рекомендуем использовать значения 50-60. Обязательно установите флажок Monochromatic (Монохромный), иначе нужного шума не выйдет. В результате вы должны получить поверхность (рис. 4.1), несколько напоминающую панель из гранитной крошки.
•
Distribution:--.
Uniform .
Г
P MonQchramatfc
Рис.Использование фильтра Add Noise (Добавить
Заготовку текстуры можно считать выполненной. Теперь необходимо эту поверхность в гладкую доску.этапом будет
Motion Blur (Размыть в движении);Blur Motion Blur (Фильтр Размытие
Размыть вОбратите внимание на то, что угол (Angle)быть
нулю (рис. 4.2), чтобы полосы прошли горизонтально. Параметр
(Расстояние) установите равным ширине
Рис. 4.2. Диалоговое окно фильтра Motion Blur (Размыть в движении)
После применения фильтра Motion BLur (Размыть в движении) вы получите полосы, ужетекстуру дерева. Но все же этонетак
как полосы очень кривые и нечеткие. Исправить это можно весьма интересным способом. Запустите фильтр Offset (Смещение): Filter Other Offset (Фильтр Другие Смещение). Параметры фильтра показаны на рис. 4.3. В результате применения этого фильтра вы получите изображение, разделенное на две одна из которых смещена относительно другой на 75 пикселов (рис. 4.4). Если у вас получилось совсем непохоже, необходимофильтр Offset (Сме
щение) еще раз, изменив параметры смещения. Зачем все это делалось? Для того, чтобы деревянные полосы стали более ясными и естественными,
Рис. 4.З. Диалоговое окно фильтра Offset (Смещение)
Рис. 4.4. Изображение после применения фильтра Offset (Смещение)
Сейчасвновь применить фильтр Motion Blur (Размыть в движении).
скорее всего, подойдутно лучше не применять его без
просмотра (Preview). Возможно, вам придется увеличить пара-
DistanceВ итоге получится достаточнодере
текстура (рис. 4.5).
Рис. 4.5.
Эту поверхность уже можно использовать на практике. Больше всего она напоминаетпанель. Так что если вы собираетесь использовать
полученное изображение в качестве текстуры при создании мебели, в 3D Studio Max, то на этом можно остановиться. Для наложения на объекты в трехмерной графике эта текстура подойдет больше, чем конечное изображение, Сейчас мы будем заниматься приданием текстуре более естественного, природного вида. Для этогонарисовать места, где раньше были сучки. Выделите
небольшую область в серединепри помощи инструмента
Marquee (Эллиптическое выделение). Она должна быть не круглой, а несколько вытянутой горизонтально. Примените фильтр PinchFilter Distort
(Фильтр Деформация Дисторсия) со значением Amount (Эффект), равным -100 (рис. 4.6).
AmountAmount
Amount
Amount
Рис. 4.6.фильтра Pinch
Тотрезультат дает фильтрFilter Distort Spherize
(Фильтр Деформация Сферизация). Он делает то же самое, что и Pinch но некоторым больше нравится.
фильтр(Скручивание): Filter Distort Twirl (Фильтр ДеформацияЗадайте его параметры на глаз или воспользуйтесь
на рис. 4.7,
Рис. 4,7.окно фильтра Twirl (Скручивание)Рис. 4,7.окно фильтра Twirl (Скручивание)
Рис. 4,7.окно фильтра Twirl (Скручивание)
Рис. 4,7.окно фильтра Twirl (Скручивание)
Один узелок сделан. Вы можете ограничиться одним, а можетемножест
во узелков разных размеров, все зависит от конкретной задачи. Только один со- чем меньше будет симметрии в размещении, размерах и форме узелков, тем более реалистичной будетработа, Наш результат показан на рис. 27 цвет-
вкладки.
Камень
В этомбудет рассказано о том, как нарисовать реалистичную текстуру
горного камня. Больше всего она будет напоминать участок скалы. Нужно сказать, что данная текстураширокое применение — от заливки текстов до
в пакетах
Прежде всего создайте изображениеМы будем работать с заготовкой размеромпикселов в цветовом режиме RGB.
Убедитесь, что у вас установлены основные цвета по умолчанию, то есть ний план черный, а фон белый. Если это не так, нажмите клавишу D.
фильтр Clouds (Облака): Filter Render Clouds (Фильтр Освещение
Облака).будем считать исходным (рис. 4.8).
Рис. 4.8,после использования фильтра Clouds (Облака)Рис. 4.8,после использования фильтра Clouds (Облака)
Рис. 4.8,после использования фильтра Clouds (Облака)
Рис. 4.8,после использования фильтра Clouds (Облака)
Как это зачастую бывает, фильтр Clouds (Облака) применялся только для чтобы создатьдля работы с другимВ данном случае это будет
Bas ReliefFilter SketchRelief (Фильтр Эскиз Рельеф).
Настройки, использованные в данном примере, показаны на рис. 4.9.
CancelCancelL>ght BottomL>ght BottomРис. 4.9.окно фильтра Bas Relief (Рельеф)Рис. 4.9.окно фильтра Bas Relief (Рельеф)
Cancel
Cancel
L>ght Bottom
L>ght Bottom
Рис. 4.9.окно фильтра Bas Relief (Рельеф)
Рис. 4.9.окно фильтра Bas Relief (Рельеф)
Обратите внимание на то, что если параметры(Детали) и Smoothness
живание) лучше не менять — они настроены практическидля любого
случая, — то настройка Light Direction (Направление света) применяется исключительно по вкусу. Мы выбрали значение Bottom (Снизу).
Изображение уже похоже на камень (рис. 4.10). Для большей
необходимо придать текстуре цвет. Для этого используйте команду Color Balance баланс) или Hue/Saturationменю Image
Adjustments (Изображение Настройки).
Рис. 4.10. Текстура после применения фильтра Bas Relief (Рельеф)Рис. 4.10. Текстура после применения фильтра Bas Relief (Рельеф)
Рис. 4.10. Текстура после применения фильтра Bas Relief (Рельеф)
Рис. 4.10. Текстура после применения фильтра Bas Relief (Рельеф)
/Saturation/Saturation
/Saturation
/Saturation
Мы остановились на Hue/Saturation (Оттенок/Насыщенность). Причина в том, чтоColor Balance (Цветовой баланс) достаточно сложно показать в кни
ге, так как пришлось бы отдельно изображать настройки для светлых участков, средних тонов и теней. Но, в принципе, Color Balance (Цветовой баланс) дает более широкие возможности:можно тонко отобразить игру света на
неровностях,
Выберите команду меню Image Adjustments Hue/Saturation (Изображение Настройки Оттенок/Насыщенность). Использованные настройкипа
рис. 4.11.эти настройки оптимальны для выбранногоцвета. А вы,
возможно,в совершенно других оттенках камня. В этом случае дви
гайте бегунки, на поиск подходящего цвета уходит не более нескольких минут.
因
Рис. Настройки команды Hue/Saturation (Оттенок/Насыщенность]
Полученная текстура (рис. 4.12) уже очень похожа на скалистую породу. Однако переходы между неровностями слишком мягкие, смазанные. Эту неестественность необходимо исправить.
Для этого применим фильтр UnSharp Mask (Маска резкости): Filter ► Sharpen > UnSharp Mask (Фильтр ► Резкость > Маска резкости). Этот фильтр значительно повышает контрастность изображения. Настройки показаны на рис. 4.13.
Рис. 4.12. Раскрашенная текстура
Рис. 4.13. Диалоговое окно фильтра UnSharp Mask (Маска резкости)
Вот и все, текстура камня готова (см. рис. 28 на цветной вкладке). Вы можете дополнительно усложнить се, например применив стиль Texture (Текстура) из стилей слоя, но, как правило, это не нужно и только портит полученный результат.
СОВЕТ
Если вы собираетесь использовать полученную текстуру в пакетах трехмерной графики, особенно при наложении на горы, то лучше ввести некоторое усовершенствование. Создайте новый файл очень больших размеров и залейте (команда Edit Fill (Редактирование определив полученную текстуру как образец: Edit Define Pattern (Редактирование Определить образец). Его можно будет накладывать и на очень большие
Камуфляж
Это достаточно простой, но между темполезный пример. Созданная тек
стура может быть использована как заливка для шрифта или как фон для вебстраницы.
Сначала создайте новоеДля данной текстуры очень важен размер
изображения.оно должно бытьформы, аего
размеры в пикселах должны быть кратны 64. Первое необходимо потому, что позже вамвращать изображение на 90°, а затем совмещать его с первона
чальным. Второе ограничение необходимо для получения бесшовной текстуры. После того как вы определились с размером, установите основные цвета, предусмотренные по умолчанию, ачерный и белый (клавиша D). Далее
ходимо воспользоваться фильтром(Облака), который находится в разделе
RenderВид изображения после применения этого фильтра
па рис. 4.14.
Рис. 4.14. Результат применения фильтра Clouds (Облака)
Теперьслегка размыть полученный результат. Для этого проделайте сле-
Filter Blur Gaussian(Фильтр Размытие Размытие по Гауссу).
Радиусзависит от размера изображения. Например, для нашего
мата 320x320 был установлен радиус, равный 5,2 пиксела (рис. 4.15). Чем большетем сильнее его необходимо размывать.
На следующем этапе на основе размытого рисунка необходимо создать изображение, которое будет состоятьиз белых и черных пятен (максимально
Для этого можно воспользоваться таким способом коррекции изображения, как команда Brightness/Contrast (Яркость/Контраст): Image Brightness/Contrast (ИзображениеНастройкиЯркость/Контраст).
8、
Radius： 5| pixels
I Рис. 4.15. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу)
Контрастность изображения установите па максимально возможную величину, а именно на + 100, а яркость подберите таким образом, чтобы белого и черного цветов па вашем изображении было примерно одинаковое количество (рис. 4.16). Результат представлен на рис. 4.11 -
|Brightrres*£ontYa.t
...
''''"1^УL」”^__j:
Cancel i
Contrast.而5 —广 к
, P Preview
Рис. 4.16. Параметры команды Brightness/Contrast (Яркость/Контраст)
IРис. 4.17. Изображение после коррекции яркости
Слегка смягчите переход между цветами при помощи фильтра More Blur (Раз- МЫТИС+) из серии Blur (Размытие): Filter 卜 Blur ► More Blur (Фильтр ► Размытие ► Размитне*).
Выделите все изображение при помощи сочетания клавишлибо
Select ALL (Выделение Выделить псе).выделенную область в буфер
обмена:либо EditСору (РедактированиеКопировать).
Выполните вставку скопированного изображения при помощи сочетания клавиш либо команды Edit Paste (Редактирование Вставить). Оно автоматически будет вставлено па новый слой.
только что созданный слой на 90° в любомEdit Trans
form Rotate 90 CW (Редактирование Преобразовать Поворот на 90 по часовой стрелке).
Щелкнитекнопкойв палитре Layers (Слои) по второму слою и вы
берите Blending Options (Параметры наложения). В открывшемся
параметраMode (Режим наложения) на(Умножение),
a Opacity— на 70 После этого изображение будет выглядеть
так, как показано на рис. 4.18.
Рис. 4.18. Черно-белая текстура
Прежде чем сделать изображение цветным, необходимо склеить слои. Для того чтобы склеить активный слой с нижним, нажмите сочетание клавиш выберите команду Layer Merge Down (Слой Объединить с предыдущим).
Рис. 4.19. Итоговое изображение
И наконец, сделаем изображение цветным. Наиболее простое и целесообразное данной задачи следующее. При помощи инструментаWand
шебная палочка) выделите поочередно черные, серые и белые пятна, заливая выделенные области темно-зеленым, салатным и светло-зеленым цветами соответственно. Такой способ действия возможен потому, что в вашем изображении присутствуют только 3 цвета.изображение представлено на рис. 4.19
(см. рис. 29вкладки).
Песчаник
В этом разделе будет описан процесс создания текстуры песчаника. Это не самый красивый эффект, но зато он отлично демонстрирует то, что можно сделать меньше чем за две минуты из пустого изображения.
Прежде всего открываем изображение и заливаем его, используя инструмент Paint Bucket (Заливка). Цвет можно выбрать любой, но для достижения правдоподобия следует взять красные или желтые оттенки.
Как вы, наверное, обратили второе действие в большинстве эффектов — это добавление шума или Делается это для того, чтобы расширить цветовую гамму случайным образом, что идеально подходит для создания текстур. Данная глава не стала исключением — воспользуемся фильтром Add Noise (Добавить шум).
этот фильтр: Noise Add (Фильтр Шум Добавить шум).
Примените его с параметрами, указанными на рис, 4.20,
Amount-
Dstribution
■佇 Uniform 广 Gauss ил
“Monochromatic
Рис. 4.20. Диалоговое окно фильтра Add Noise (Добавить шум)
Размоемизображение. В данной ситуации для этих целей лучше
всего использовать фильтр Gaussian Blur: Filter Blur Gaussian Blur (Фильтр Размытие Размытие по Гауссу). Настройкина рис.
Рис. Диалоговое окно фильтра Gaussian(Размытие по Гауссу)
В результате мы получим текстуру, которая больше всегоянтарь.
После небольшой доработки ееможно использовать в качестве
янтаря.
Применим к текстуре фильтр Ocean Ripple (Океанские волны), чтобы создать большиенаOcean Ripple (Фильтр
Деформация Океанские волны). Примените данный фильтр с настройками, указанными на рис. 4.22.
OKOKparcelparcel
OK
OK
parcel
parcel
rjOc&an Ripple
Ripple F…""'g
Ripple Magnitude
Рис. 4.22. Настройки фильтра Ocean Ripple (Океанские волны]
Теперь нужно применить фильтр(Кристаллизация), чтобы создать основу дляключевого в этом примере фильтра. Выполним кристаллизацию: Filter(Фильтр Оформление
в этомпараметрSize (Размер ячейки) задайте небольшим, примерно 6-10, в зависимости от размера(рис. 4.23).
Рис. 4.23. Использование фильтра Crystallize (Кристаллизация)Рис. 4.23. Использование фильтра Crystallize (Кристаллизация)Наступил главный момент всей работы. Мы будем превращать текстуру в натуральный песчаник. В этом поможет фильтр(Кракелюры): Filter Texture
Рис. 4.23. Использование фильтра Crystallize (Кристаллизация)
Рис. 4.23. Использование фильтра Crystallize (Кристаллизация)
Craquelure (Фильтр Текстура Кракелюры). Настройки для него показаны на рис. 4.24.
CraquelureCraquelureSpacingSpacing□ack Depth□ack DepthРис. 4.24. окно фильтра Craquelure (Кракелюры)Рис. 4.24. окно фильтра Craquelure (Кракелюры)三1-
Craquelure
Craquelure
Spacing
Spacing
□ack Depth
□ack Depth
Рис. 4.24. окно фильтра Craquelure (Кракелюры)
Рис. 4.24. окно фильтра Craquelure (Кракелюры)
Можно применить этот фильтр особенно в том случае, если после первого раза текстура получилась невыразительная. Итоговая текстура показана па рис. 30 цветной вкладки.
Вариант 1
текстуры воды — очень непростая задача для двумерной графики, даже в таком мощном пакете, как Photoshop 7.O. Можно даже утверждать, что добиться большой реалистичности тут невозможно. Однако представленный в этом
разделеявляется достаточно удачным. Дажесоздателями
программы Photoshop примеры текстуры воды выглядят более примитивно.
Создайте новое изображение произвольных размеров в цветовой модели Единственное условие — лучше, если оно будет квадратным.
Обратите внимание на то, чтобы использовались цветовые параметры, ные по умолчанию, то есть цвет переднего плана (Foreground Color) был черным, а цвет заднего плана (Background— белым. Если это нето нажмите клавишу D.
Примените фильтр llouck (Облака): Filter > Render 卜 Clouds (Фильтр 卜 Освещение
Облака). Обработаем получившееся изображениепомощи фильтра
(Хром): Filter Sketch Chrome (Фильтр Эскиз Хром). Настройки видны на рис. 4.25.
CancelCancel
Cancel
Cancel
"3"3Рис. 4.26. Изображение после применения фильтра ChromeРис. 4.26. Изображение после применения фильтра Chrome
"3
"3
Рис. 4.26. Изображение после применения фильтра Chrome
Рис. 4.26. Изображение после применения фильтра Chrome
|Chiome
Detail
Smoothness
Рис. 4.25. Применение фильтра Chrome (Хром)
После использования фильтра Chrome (Хром) мы получим текстуру, уже достаточно похожую на воду (рис. 4.26). Ночерно-белая. Внимательный читатель
задатьпочему мы не сделали исходный цвет облаков
(напомним, чтосоставляются из цветов заднего и переднего плана, в
случае черного и белого) синим, ведь тогда бы уже сейчас мы имели цветную текстуру? Дело в том, что фильтр Chrome (Хром)цвета в града-
ции серого, и поэтому применение цвета на том этапе не имело
воду цветной. Для этого есть несколько способов, из которых два основных — командыBalance (Цветовой баланс) и Hue/Saturation (Оттенок/
Мы воспользуемся первым.
Запустите команду ColorImage Adjustments(Изображение
Настройки Цветовой баланс). В открывшемся диалоговом окне вы можете установить любой цвет для теней (Shadows), средних тонови светлых
участковЕсли сбросить флажок Preserve Luminosityяркость)
и отрегулировать параметры для всех трехто можно добиться
реалистичного результата уже сейчас. Но мы хотим получить текстуру с водоворотом, поэтому поступим иначе. Отредактируйте настройки только для средних тоновтак, как указано на рис. 4.27. Впрочем, это вовсе не обязатель
§0Cancel |§0Cancel |BalanceBalanceMagenta 1一一 ='—1 一 '已 =" 1Ye How l —“г、Magenta 1一一 ='—1 一 '已 =" 1Ye How l —“г、ные параметры — вы можете настроить их на свой вкус.
§0
Cancel |
§0
Cancel |
Balance
Balance
Magenta 1一一 ='—1 一 '已 =" 1
Ye How l —“г、
Magenta 1一一 ='—1 一 '已 =" 1
Ye How l —“г、
P PreviewP PreviewRed
P Preview
P Preview
Green
Blue
Balance
「Shadows 宙 Miato?es 广 Highlights
Preserve
Рис. 4.27.команды Color Balance (Цветовой баланс)
На этом первая часть работы закончена. Мы создали нижний слой будущей воды. Пришло время взяться за верхний.
Создайте новый слойВо всем остальном,дотекстуре цвета, технологияидентична процессу создания нижнего слоя.
Но окрашивать второй слой мы будем иначе. На этот раз мы применим ко-
Hue/Saturation: Image Adjustments Hue/Saturation (Изображение НастройкиПримените ее с параметрами, указанными на
рис. 4.28.
Hue/SaturatlonHue/SaturatlonРис. 4.28.команды Hue/Saturation (Цвет/Насыщенность)Рис. 4.28.команды Hue/Saturation (Цвет/Насыщенность)Cancel JCancel JiFCo lor 3PreviewiFCo lor 3Preview
Hue/Saturatlon
Hue/Saturatlon
Рис. 4.28.команды Hue/Saturation (Цвет/Насыщенность)
Рис. 4.28.команды Hue/Saturation (Цвет/Насыщенность)
Cancel J
Cancel J
iFCo lor 3
Preview
iFCo lor 3
Preview
После этого вы получите слой, почти не отличающийся от первого, только значительно темнее. Зачем мы создавали его? Для придания изображению глубины. Но необходим еще один штрих.
Щелкните правой кнопкой мыши по второму слою и выберите в открывшемся контекстном меню команду Blending Options (Параметры наложения). В раскрывшемся диалоговом окне вам необходимо изменить только один параметр — Opacity (Непрозрачность). Уменьшите его до 40 /о. Результат вы видите на рис. 4.29.
Текстура воды готова. Мы несколько усложним ее — добавим водоворот. Перейдем на первый слой. Запустим фильтр Twirl (Скручивание): Filter ► Distort ► Twirl (Фильтр ► Деформация ► Cicpwiu ванне). Используйте этот фильтр с параметрами, указанными на рис. 4.30.
Рис. 4.29. Второй слой после изменения прозрачности
Рис. 4.30. Диалоговое окно фильтра Twirl (Скручивание)
На этом работу можно считать законченной. Полученная текстура (см. рис. 31 цветной вкладки) отлично смотрится при наложении на трехмерные объекты, да и сама по себе тоже. Вы можете ее усложнить, используя слоевые эффекты.
Вариант 2
этом разделе будет описан 57прощенный способ создания текстуры воды на 1)еализацию которого уходит всего несколько минут. Он, несомненно, уступает jvj качеству результата первому варианту, поэтому им лучше пользоваться только тогда, когда нм ограничены во времени.
Создайте новое изображение небольших размеров в цветовой системе RGB Лучше, если оно оудет квадратным. Назначьте цветом переднего плана (Foreground LUIUI J голубой, а цветом заднего плана (Background Color) темно-синий.
Рис. 4.31. Исходное изображение
к
Amount:占 '%
• Distribution …弋…
Uniform
分 G^U5$®|
P Mono匚hrornalit .
Рис. 4.32. Диалоговое окно фильтра Add Noise (Добавить шум)
Возьмите инструмент(Градиент) в режиме линейного градиента (Linear) и
залейте заготовку в вертикальном направлении. Добавьте шум: Filter Noise
Noise (ФильтрШум Добавить шум). Настройки данного фильтра видны на
рис. 4.32.
Размоем получившуюся картинку. Для этого лучше всего воспользоваться фильтром Gaussian Blur (Размытие по Гауссу): Blur Gaussian (Фильтр I» Размытие Размытие по Гауссу) (рис. 4.33).
Рис. 4.33. Настройки фильтра Gaussian Blur (Размытие по Гауссу)Рис. 4.33. Настройки фильтра Gaussian Blur (Размытие по Гауссу)
Рис. 4.33. Настройки фильтра Gaussian Blur (Размытие по Гауссу)
Рис. 4.33. Настройки фильтра Gaussian Blur (Размытие по Гауссу)
Создадим заготовку для будущих волн: Filter Distort Ocean Ripple (Фильтр Деформация Океанские волны). Настройки фильтра Ocean Ripple (Океанские волны) показаны на рис. 4.34,
RippleRippleRippteSizeRippteSizeRipple MagnitudeRipple MagnitudeРис. 4.34. Параметры фильтра Ocean Rippleволны)Рис. 4.34. Параметры фильтра Ocean Rippleволны)
Ripple
Ripple
RippteSize
RippteSize
Ripple Magnitude
Ripple Magnitude
Рис. 4.34. Параметры фильтра Ocean Rippleволны)
Рис. 4.34. Параметры фильтра Ocean Rippleволны)
Слегка закрутим воду: FilterTwirl (Фильтр Деформация Скручивание).
Настройки применяемого фильтра видны на рис. 4.35.
Перемешаем волны и водоворот: Filter Distort Zigzag (Фильтр Деформация Зигзаг). Примененные нами параметры показаны на рис. 4.36.
Рис. 4.35. Диалоговое окно фильтра Twirl (Скручивание)
Рис. 4.36. Настройки фильтра ZigZag (Зигзаг]
Подведем последние штрихи при помощи фильтра Ripple (Рябь): Filter ► Distort ► Ripple (Фильтр ► Деформация ► Рябь). Использованные настройки видны на рис. 4.37.
Текстура готова (см. рис. 32 на цветной вкладке).
Металл
Создайте новый файл произвольных размеров и цветовой модели. Если вы намерены нарисовать простую металлическую поверхность, то можете работать в режиме Grayscale (Полутоновое), если же хотите потом добавить заклепки, ржавчину
или любые другие дополнительные элементы, то советуем сразу выбрать режим RGB, CMYK или Lab.
Рис. 4.37. Настройки фильтра Ripple (Рябь)
Установите основные цвета по умолчанию (клавиша D). Выберите инструмент I Gradient (Градиент) и установите переход от цвета переднего плана к цвету фона (Foreground to Background). Залейте фон на изображении примерно так, как показано на рис. 4.38.
Рис. 4.38. Основа металлической поверхности
Так как металл имеет негладкую поверхность, то для того, чтобы придать ей шероховатость, воспользуйтесь фильтром Add Noise (Добавить шум) из раздела Noise (Шум) Параметр Amount (Эффект) установите достаточно большим (рис. 4.39), так как позже мы немного смягчим действие этого фильтра. Чтобы не возникло проблем с появлением новых цветов, необходимо установить флажок Monochromatic (Монохромный). В этом случае изображение будет состоять из от-
тенков серого.
-18”-18”Amount |25Amount |25旷 Prevtew旷 Prevtewг - Distr IDutioni「Uniterm，G GaussianP Monochromaticг - Distr IDutioni「Uniterm，G GaussianP MonochromaticРис. 4.39. Диалоговое окно фильтра Add Noise (Добавить шум)Рис. 4.39. Диалоговое окно фильтра Add Noise (Добавить шум)
-18”
-18”
Amount |25
Amount |25
旷 Prevtew
旷 Prevtew
г - Distr IDution
i「Uniterm
，G Gaussian
P Monochromatic
г - Distr IDution
i「Uniterm
，G Gaussian
P Monochromatic
Рис. 4.39. Диалоговое окно фильтра Add Noise (Добавить шум)
Рис. 4.39. Диалоговое окно фильтра Add Noise (Добавить шум)
Слегка смягчите переход между пикселами при помощи фильтра Motion Blur (Размыть в движении). Рисунок 4.40 иллюстрирует диалоговое окно данного фильтра и получившееся изображение. Установите угол воздействия так, чтобы размытие происходило под углом к горизонту. Мы рекомендуем выбрать угол равным 30-60°. Сила выбирается произвольно, только следите за тем, чтобы эффект шума не пропал.
Motion BlurMotion BlurQncei IQncei I卩 Preview卩 Preview-18先-18先Angle： mi。■Angle： mi。■Distance:岡Distance:岡gels .gels .
Motion Blur
Motion Blur
Qncei I
Qncei I
卩 Preview
卩 Preview
-18先
-18先
Angle： mi。■
Angle： mi。■
Distance:岡
Distance:岡
gels .
gels .
Рис. 4.40. Настройки фильтра Motion Blur (Размыть в движении)
Сейчасполучить картину склеенных металлических листов. Мы ре-
выполнять это на новом слое. Это упростит работу, к томуесли
понадобится что-то исправить, тоне коснется основы изобра
жения. Возьмите инструмент Brush (Кисть). Выберите кисть небольшого радиуса и задайте силу нажима 100Проводите вертикальные и горизонтальные
пересекающиеся друг с другом, примерно так, как это показано на рис. 4.41. Для того чтобы линии имели строго вертикальное или горизонтальное необходимо использовать кисть при нажатой клавише Shift.
Рис.Стыки между листами
Придать объем полученным можно несколькими Например, можно воспользоваться слоевыми эффектами и добавить тень (Drop Shadow (Внешняя Мы предлагаем сделать это несколько иначе.
Продублируйте слой со швами. Убедившись, что только что созданный слой активен, примените к изображению фильтр Offset (Смещение) из раздела Other (Другие). Диалоговое окно данного фильтра представлено на рис. 4.42.
Рис.Настройки фильтра Offset (Смещение)
Щелкните по новому слою при нажатой клавише Ctrl. Выделенными окажутся все объекты, расположенные на активном слое. Если вы хотите получить тонкие швы, то нужно уменьшить выделение при помощи следующей команды: Select Modify Contract (Выделение Изменить Сжать). Сделайте цвет переднего плана светлым, почти белым, и залейте выделенную область. В результате изображение должно стать похожим на то, что показано на рис. 4.43.
Рис. 4.43. Соединение листовРис. 4.43. Соединение листов
Рис. 4.43. Соединение листов
Рис. 4.43. Соединение листов
Осталось проделать «косметический ремонт» металлической поверхности. Проводить его советуем на новом слое.
Возьмите инструмент Brush цвет переднего плана установите черным и нанесите несколько мазков на новом слое. Затем поменяйте цвет на бурый, похожий на ржавый, и добавьте еще несколько пятен. Если пятна ржавчины получились слишком грубыми, то поможет уменьшение прозрачности слоя.
Данная смотрится намного лучше, если склеить все слои и применить освещение: Render Lighting Effect (Фильтр Освещение Эффекты света). Диалоговое окно данного фильтра и примененные нами настройки изображены на рис. 4.44.
Lighting EffectsLighting Effects^. Prewew Q:：^. Prewew Q:：I Style |6eUu,I Style |6eUu,Cancel ICancel IPiopeflies:一Gloss：芻 §,屮Piopeflies:一Gloss：芻 §,屮M4er出—С一入 /…M4er出—С一入 /…：Exposure: UM，yU .. 口吧：Exposure: UM，yU .. 口吧®二:…®二:…Рис. 4.44. Параметры фильтра Lighting Effect (Эффекты света)Рис. 4.44. Параметры фильтра Lighting Effect (Эффекты света)I• Texture Channel ГI• Texture Channel Г
Lighting Effects
Lighting Effects
^. Prewew Q:：
^. Prewew Q:：
I Style |6eUu,
I Style |6eUu,
Cancel I
Cancel I
Piopeflies:一
Gloss：芻 §,屮
Piopeflies:一
Gloss：芻 §,屮
M4er出—С一入 /…
M4er出—С一入 /…
：Exposure: UM，yU .. 口吧
：Exposure: UM，yU .. 口吧
®二:…
®二:…
Рис. 4.44. Параметры фильтра Lighting Effect (Эффекты света)
Рис. 4.44. Параметры фильтра Lighting Effect (Эффекты света)
I
• Texture Channel Г
I
• Texture Channel Г
В результате изображение должно стать похожим на то, которое получилось у нас (см. рис. 33 на цветной вкладке). При желании вы можете добавить несколько
заклепок, болтов, трубы. Как их можно сделать, вы узнаете в главе 7, посвященной имитации трехмерной графики.
Мозаичная поверхность
Этот эффект является одним из самых красивых и легко выполнимых. Мы приведем два варианта, сильно отличающихся друг от друга по внешнему виду.
Вариант 1
Прежде всего подберите фотографию для работы. Дело в том, что этот эффект лучше смотрится именно с готовыми изображениями фотографического качества (Оригинал рисунка см. на компакт-диске Illustrations\Ch04\4_45.tif).
Рис. 4.45. Исходное изображение
Теперь воспользуемся средствами Photoshop, позволяющими значительно упростить и ускорить работу. Создатели Photoshop предусмотрительно положили несколько карт текстур в папку программы, среди них есть и карта мозаичной поверхности.
Создайте новый слой (Shift+CtrH-N). Залейте его, используя инструмент Paint Bucket (Заливка), белой краской. Это необходимо, так как следующий фильтр не работает с прозрачными слоями,
Примените фильтр Texture Fill (Заливка текстурой): Filter ► Render > Texture Fill (Фильтр V Освещение , Заливка текстурой). В открывшемся диалоговом окне следует выбрать файл карты. По сути, картой может быть любое изображение в формате PSD. Выберите файл Photoshop\Presets\Textures\Puzzle.psd. В результате вы получите то, что показано на рис. 4.46.
Осталось совместить два слоя. Для этого щелкните правой кнопкой мыши в палитре Layers (Слои) по слою с текстурой и в открывшемся контекстном меню выберите Blending Options (Параметры наложения).
Рис. 4.46. Заливка мозаичной текстурой
В окне Blending Options нас интересуют только две настройки. Blend Mode (Режим наложения) необходимо установить на Multiply (Умножение), a Opacity (Непрозрачность) уменьшить до 70
Вот и все. Результат — рис. 4.47.
I Рис. 4.47. Итоговое изображение
СОВЕТ
В свойствах смешения пикселов (Blending Options) скрывается огромное количество возможностей. Поэкспериментируйте и попробуйте применить не только Multiply (Умножение), но и другие режимы. Результат вас не разочарует.
Вариант 2
Этот способ значительно интереснее визуально и гораздо проще делается. Однако в отличие от предыдущего, который позволяет реализовать уникальные эффекты, он выглядит достаточно стандартно.
Итак,трюк основан на знании фильтра Texturizer (Текстуризатор) и на том,
что в папке программы есть готовые карты текстур.
Запустите этот фильтр:Texture Texturizer (Фильтр Текстура Тексту-
ризатор). В списке Texture (Текстура) (рис. 4,48) выберите Load Texture (Загру- текстуру) и укажите файл
|Te>turizer习 “ —■ -^
Texiuie:
load Texture.., J
Scaling
Relief
ун ^bshbmei
Invert
Рис. 4.48. Диалоговое окно фильтра Texturizer (Текстуризатор)
При помощи параметра Scaling (Масштаб) подберите необходимый размер а при помощи Relief (Рельеф) — глубину соединений.
Мы не случайно целиком описали процесс, и не сказали, что есть готовый
Дело в том, что макрос вы можететолько снастройками,
в результате чего текстура зачастую неособенно на больших
жениях. А при использовании описанного метода вы саминастройки
и тем самым добиваетесь идеального результата. Итоговое изображение но на рис. 34 цветной вкладки.
Кирпичи
В этом разделе будет рассказано, как создать кирпичную стену. Сразу скажем, что если вас не интересует сам процесс работы и вы готовы
не очень хорошим результатом, но этом сэкономить время, то в Photoshop CS есть готовый макрос. Однако в таком случае вы будете ограничены в настройках. Итак, прежде всего создайте новое изображение произвольного размера. Залейте его, используя инструмент Paint Bucket (Заливка), подходящим цветом. Обратите внимание на то, что в данном примере кирпичи лучше делать красные, а не белые.
создать на этом изображении новый слой. Для этого достаточно щелкнуть на кнопке в виде листка бумаги в палитре Layer (Слой) либо на- сочетание клавишЭтот слой послужит нам заготовкой для пе
редачи шероховатости. Залейте его белым цветом.
Пришло время воспользоваться фильтром. В нашем случае это будет
Texture(Фильтр Текстура Текстуризатор).
В этом фильтре есть несколько готовых текстур, из которых предстоит выбирать. Воспользоваться сразу текстурой Brick (Кирпич) мы неВо-пер
вых, ваши возможности будут сильно ограничены и ваша кирпичная кладка не будет отличаться от любой другой, созданной в Photoshop. Во-вторых, если ваше изображение достаточно большого(как в данномто кирпичи
получатся очень маленькими. Поэтому используйте текстуру Sandstone (Песчаник) сна рис. 4.49 настройками,
Рис. 4.49. Диалоговое окно фильтра
В итоге вы получите шершавую белую поверхность. Необходимо перенести эту шершавость на основной слой, причем текстура должна стать еще более выразительной. Для этого воспользуемся настройками Щелкните по второму слою в палитре (Слои) и выберите Options (Параметры наложения). В открывшемся окне нас интересует только один параметр — Blend Mode (Режим наложения). Выберите режим Multiply (Умножение). Если все сделано то вы получите фактуру поверхности кирпича (рис. 4.50).
Рис.Фактура
Начнем рисовать сами кирпичи. Для этого создайте еще один слой,его
не надо. Нарисуем горизонтальные и вертикальные линии, которые отделят кирпичи один от другого. Эти полосы станут похожи на цемент значительно позднее. Для решения этой задачи у вас есть несколько инструментов: Brush (Кисть), Pencil (Карандаш), Line (Линия). Мы рекомендуем воспользоваться кистью. Обратите внимание, что линии должны быть абсолютно прямыми, а провести их кистью очень сложно. Однако если использовать кисть с нажатой клавишей Shift, то полосы будут проводиться исключительно в вертикальном и горизонтальном направлениях, что нам и нужно. Учитывая все вышесказанное, нарисуйте контуры кирпичей, Получившеесянапоминает кирпичную кладку весьма условно, в ос
новном по той причине, что линии между кирпичами совсем не похожи на
Наша задача — придать им естественный вид, а заодно и сделать все изображение объемным.
Размоем слой с цементом. Для этого лучше всего воспользоваться фильтром Blur (Размытие по Гауссу): Filter Blur Gaussian Blur (Фильтр Размытие
Размытие по Гауссу). Значение Radius (Радиус) должно быть равно примерно половине диаметра кисти, использованной при рисовании полос (рис, 4.51).
Рис. Настройки фильтра Gaussian Blur (Размытие по Гауссу)
Как, наверное, уже обратили внимание читатели, фильтр Gaussian Blur (Размытие по Гауссу) почти всегда применяется для создания заготовки перед применением какого-нибудь другого фильтра. Так будет и сейчас.
Для придания цементу естественного вида, то есть воспользуемся фильтром Emboss (Барельеф): Filter Stylize Emboss (Фильтр Стилизация Барельеф), Настройки, примененные нами, видны на рис. 4.52. Однако параметр (Угол) лучше подобрать индивидуально — он откуда должен исходить свет для получения эффекта рельефности. Результат применения двух последних фильтров показан на рис. 4.53.
Этот результат уже может удовлетворить многих пользователей. Действительно, изображение смотрится вполне Однако не хватает одного маленького, но важного штриха — цемент должен быть шершавым.
tG==
Amount： |Ж~ *
Рис. 4.52. Применение фильтра Emboss (Барельеф)
Рис. 4.53. Кирпичи после применения фильтра Emboss (Барельеф)
В данном случае шершавость цемента достигается точно таким же способом, каким мы сделали фактуру для кирпичей. Только тогда создавался новый слой выше фонового, залитого красной краской, а теперь необходимо создать новый слой выше слоя с цементом. Все остальное делайте строго аналогично Конечный результат представлен на рис. 35 цветной вкладки.
Рисуем штамп
Чтобы задать оттиск печати, вы можете воспользоваться готовой печатью, а можете создать его сами. Именно второй вариант, как наиболее необходимый и часто используемый, мы и рассмотрим. Образец, с которым будем работать, — обычная надпись.
Создайте новый файл произвольного размера и цветовой модели (лучше RGB, CMYK либо Lab).
Напишите, нарисуйте или выберите изизображения оттиск печати. Соз
дайте выделение по форме будущего штампа. Для этого вы можете воспользоваться такими инструментами, как Magic Wand (Волшебная палочка), если выделяемого рисунка контрастны по отношению кили Реп (Перо),
если требуется точное выделение. Мы сразу создавали текст в виде выделения.
немного изображение, так как штампы почти никогда не бывают расположены на бумаге ровно. На рис. 4.54 представлено изображение, с которым мы будем работать.
Рис. 4.54. Основа печати
После того как вы добьетесь желаемого результата, сохраните выделение в виде отдельного дополнительного канала, Это можно сделать, щелкнув на кнопке с изображением белого пунктирного кружка, расположенной внизу палитры Channels (Каналы), либо выбрав команду меню Select Save Selection (Выделение Сохранить выделение).
Возьмите инструмент Реп (Перо) и создайте двойную рамку вокруг самого штампа. Не забывайте, что при работе с каналами белые цвета обозначают выделенные области, черные — невыделенные. После всех манипуляций у вас получиться дополнительный канал; структура рисунка на этом канале должна быть аналогичнакоторая представлена на рис. 4.55.
Рис. 4.55. Дополнительный канал
Теперь приступим к обработке выделения, чтобы оно стало похоже на штамп. Для начала следует немного смягчить края, воспользовавшись фильтром
Blur (Размытие по Гауссу) из набора Blur (Размытие). На рис. 4.56 представлено диалоговое окно данного фильтра. Радиус размытия следует установить такой,
чтобы изображение, сохранив свою форму и читаемость, приобрело весьма размытые
Gaussian Blur
c~^~~l
Cancel j
Preview
r孙好：阳 血聯
1
Рис. 4.56. Настройки фильтраBlur (Размытие по Гауссу)
Для изменения структуры штампа советуем воспользоваться таким фильтром, как Halftone Patternполутона) из раздела Sketch (Эскиз). В настройках
данного фильтра (рис. 4.57) вы можете выбрать размер образовывающихся структурных единиц, а также их контрастность. Не стоит задавать слишком большие так как задача этого фильтра состоит в том, чтобы придать штампу неоднородность, а не исказить его. Мы установили значения настроек, равные 1.
PatternЧ
Sizep~
氐^一
Contrast卅
PalternType:
Рис, 4.57. Диалоговое окно фильтра Halftone Patternполутона)
Примените фильтр Stamp (Линогравюра): Filter Sketch(Фильтр Эскиз
Линогравюра). Использованные нами настройки видны на рис. 4.58. Этот фильтр необходим для того, чтобы сделать изображение грубее, а также для придания краям неровных очертаний. Значение Light/Dark Balance (Баланс света и тени) установите равным примерно 15-20, a Smoothness (Сглаживание) — 2.
T StampT StampBalanceBalanceSmoothnessA _SmoothnessA _
T Stamp
T Stamp
Balance
Balance
Smoothness
A _
Smoothness
A _
Рис. 4.58. Параметры фильтра Stamp (Линогравюра)
Примените еще раз фильтрBlur (Размытие по Гауссу), выбрав небольшой
радиус действия, чтобы создать эффект потекших чернил.
Теперь у вас есть канал, готовый к использованию (рис. 4.59).
Рис. 4.59. Вид дополнительного канала после преобразованийРис. 4.59. Вид дополнительного канала после преобразований
Рис. 4.59. Вид дополнительного канала после преобразований
Рис. 4.59. Вид дополнительного канала после преобразований
Перейдите в тот цветовой режим, который вы выбрали в начале работы, и загрузите выделение из альфа-канала:Load Selection (Выделить Загрузить
выделение).
Выберите инструмент Brush (Кисть) и установите для него режим аэрографа. Силу нажима возьмите равной% и выберите мягкую кисть небольшого радиуса. Установитецветом тот, который вы собираетесь раскрасить
штамп, и начинайте водить кистью по всему изображению, создавая тем самым грубое и неравномерное окрашивание всей выделенной области. Результат работы представлен на рис. 36 цветной вкладки. Если вы хотите еще больше размазать получившуюся печать, то снимите выделение (сочетанием клавиш и при помощи кисти нанесите еще несколько дополнительных мазков.
Текстура «multicolor»
Ранее было описано много способов создания текстур, имитирующих какие-либо конкретные материалы. Сейчас мы расскажем вам о том, как можно получить нечто очень яркое и фантастичное, не имеющее никакого отношения к реальной
Первый рисунок мы будем создавать, используя всего один инструмент — Gradient (Градиент) (клавиша, позволяющая выбирать его с клавиатуры, — G).
Сначала воспользуйтесь данным инструментом в стандартном режиме наложения пикселов (Normal). Расцветку можно выбрать любую, стиль определяется лишь вашим желанием, В данном примере был использован линейный градиент с переходом между красным, желтым и красным цветами. Первый слой нашего изображения представлен на рис. 4.60.
Рис. 4.60. Основа изображения
После этого применялся радиальный градиент в режиме наложения Difference (Различие). Для того чгобы стал понятен способ образования цветов и фигур при таком наложении пикселов, мы предлагаем сравнить рис. 4.60 и рис. 4.61, на которых взято за основу одно и то же изображение, но на втором применен радиальный градиент, состоящий из тех же базовых цветов, что и линейный.
Рис. 4.61. Второй слой
Далее можно использовать любые градиенты в любых режимах.
СОВЕТ
Не переусердствуйте с количеством и цветовым разнообразием градаций, иначе вместо красивого оригинального рисунка 日ы получите беспорядочную мешанину цветов.
Изображение, которое представлено на рис. 37 цветной вкладки (слева), было получено при наложении нескольких градиентов разных цветов и стилей. Таким образом можно получить множество замысловатых узоров и рисунков.
Следующее изображение создавалось при использовании большего количества инструментов и настроек, но вся работа производилась в основных каналах.
Мы предлагаем начинать его не «с нуля», а воспользоваться какой-либо иллюстрацией. Откройте готовое изображение (CtrL+O) либо создайте новый файл (CtrL+N). Размер не имеет значения, однако цветовая модель должна быть RGB, CMYK или Lab.
Мы создали исходный рисунок, используя линейный градиент, состоящий из большого количества цветов (рис. 4.62).
Рис. 4.62. Начальное изображение
Откройте палитру Channels (Каналы) и, выбирая поочередно каждый канал используемой цветовой модели, применяйте к нему различные фильтры и инструменты настройки изображения. При этом выполняемые действия будут распространяться не на все изображение, а на его отдельные цветовые составляющие.
Рис. 4.63. Диалоговое окно фильтра Twirl (Скручивание)
Мы применили сначала фильтр(Скручивание) из набора Distort
ция). Диалоговое окно этого фильтра с примененными настройками на рис. 4.63.
При работе с отдельнымиможно использовать не только фильтры, но
и другиередактированиятакие как(Уровни) или
Curves (Кривые). Можно также выделять области и корректировать избирательно. После таких преобразований у нас получилось изображение, показанное на рис, 37 цветной вкладки (справа).
Эффект жалюзи
В этом разделе будет описан процесс создания жалюзи. Существует три основных способа реализации этого эффекта. Первый — взять готовую текстуру. Второй очень похож на создание растровых полос, которым посвящен следующий раздел. Третий же способ — наиболее приемлемый по соотношению результата и затрат времени. Его мы и рассмотрим.
Прежде всего подберите готовое изображение, на которое будут накладываться жалюзи. Рисованные картинки здесь не подходят, поэтому необходимо найти фотографию. Содержание ее не имеет особого значения, но лучше, чтобы она была не меньше 400x400 пикселов по размеру (оригинал изображения см. на компактдиске ILLustrations\Ch04\4_064.tif).
Рис. 4.64. Исходное изображение
После того как вы открыли фотографию, нужно узнать ее линейные размеры, Для этого выберите команду Image Image Size (Изображениеизобра
жения). Значения ширины (Width) и высоты (Height) запомните.
Создайте заготовкуОбратите внимание на размеры. Ширина должна
соответствовать ширине отобранной фотографии, а высоту возьмите примерно в семь-восемь раз меньше. Фон (слой Background) обязательно должен быть про- (Transparent).
Теперь, используя инструмент Rectangular Marquee (Прямоугольное выделение), выделите верхнюю треть нового изображения. Вы можете улучшить внешний
вид будущих жалюзи, если сделаете их не прямоугольными, а несколько скошенными по краям. Для этого нужно изменитьиспользуя команду
Select Transform(Выделение Преобразовать выделение) с параметром
Distort (Деформация).
Установите цвета в состояние по умолчанию (клавиша D) и возьмите
мент Gradient (Градиент). Обратите внимание на тип используемого градиента: вам идеально подходит Linear (Линейный). Залейте выделение таким чтобы получилось нечто подобное рис. 4.65.
Рис. 4.65. Заливка пластины жалюзи градиентом
Обратитена то, что если вы хотите создать впечатление
крытых снизу, то лучше черную часть градиента размещать сверху, и наоборот.
Основа для создания эффекта готова. Удалите выделениелибо
Deselect (Выделение ОтменитьОпределите имеющееся изображе
ние как образец заливки: Edit Define Pattern (Редактирование Определить образец). В результате в палитру образцов добавится новый.
На этом файл с заготовкой можно закрыть, он нам больше неСдела
ем активным рабочее изображение.
В Photoshop можно заливать не только однородным цветом, но и образцом, то есть любойкоторую вы определили как образец. Это свойство
граммы нам и нужно использовать. Создайте новый слойВыпол
ните команду Edit Fill (Редактирование Заливка), указав в качестве источника Pattern (Образец) и выбрав только что созданный образец. В результате вы получите то, что показано на рис. 4.66.
Рис. 4.66. Заливкаизображениятекстурой
Результат уже достаточно похож па жалюзи, однако можно добиться и
сходства.
Придайте пластинам объем. Для этого откройте палитру(Каналы) и создайте новый канал, нажав на кнопку счистого листа. Залейте его
аналогично тому, как только что залили слой.
Перейдите в канал RGB. Никакихизображения вы не увидите, так
как— это просто одна из форм выделения, и отношения к изобра
жению не имеет. Воспользуйтесь фильтром Lighting Effects (Эффекты света); Fitter Render Lighting Effects (Фильтр Освещение Эффекты света). Обязав качестве Texture Channel (Канал текстуры) канал Alpha 1.
Остальные параметры видны на рис. 4.67.
Lighting Meets
狩Review 中狩Review 中2 O'clock2 O'clockDeleteDelete[Spotlight[SpotlightOnOn:Focus：:Focus：••MatteShiny-58Exposure:OverAmbience:MatteShiny-58Exposure:OverAmbience:Рис. 4.67. Придание текстуре объема при помощи фильтра Lighting Effects (Эффекты света)Рис. 4.67. Придание текстуре объема при помощи фильтра Lighting Effects (Эффекты света)inin
狩Review 中
狩Review 中
2 O'clock
2 O'clock
Delete
Delete
[Spotlight
[Spotlight
On
On
:Focus：
:Focus：
•
•
MatteShiny
-58
Exposure:Over
Ambience:
MatteShiny
-58
Exposure:Over
Ambience:
Рис. 4.67. Придание текстуре объема при помощи фильтра Lighting Effects (Эффекты света)
Рис. 4.67. Придание текстуре объема при помощи фильтра Lighting Effects (Эффекты света)
in
in
На этом работу можно считать Но для достижения большей реалистичности можно создать впечатление того, что свет идет из-за жалюзи, как будто мы смотрим из темноты на освещенную улицу.
Для этой задачи применяется тот же фильтр Lighting Effects (Эффекты света). Перейдите на слой с фотографией и примените этот фильтр. Настройки можно выставить визуально; наши настройки отображены на рис. 4.68. Итоговое изображение показано на рис. 38 цветной вкладки.
Строчная развертка телевизора
раздел посвящен созданию эффекта строчной развертки телевизора, или так называемых растровых строк. В реальной жизни это встречается в изображениях, скопированных с экрана компьютера или снятых видеокамерой, направ- на дисплей. Используется этот эффект достаточно часто, особенно в двух ситуациях: вы рисуете дисплей и хотите усилить реализм или пытаетесь имитироватьполученное вышеописанными способами.
ЕЗЕЗLightingLighting；Piopeibes:；Piopeibes:.；Glass: Material.Exposuie:Ambience.；Glass: Material.Exposuie:AmbienceSpotlight♦б—. ； Delete ILight type: fo mni方。nintend: N”叱_史Spotlight♦б—. ； Delete ILight type: fo mni方。nintend: N”叱_史. . ffl-. . ffl-"3"3ТexlueCharmel: jNone PТexlueCharmel: jNone P-25-253S3S•21 d/•21 d/♦56 MetXg♦56 MetXgMatteP出山c hUn妬MatteP出山c hUn妬
ЕЗ
ЕЗ
Lighting
Lighting
；Piopeibes:
；Piopeibes:
.；Glass: Material.
Exposuie:
Ambience
.；Glass: Material.
Exposuie:
Ambience
Spotlight
♦б—. ； Delete I
Light type: fo mni
方。n
intend: N”叱_史
Spotlight
♦б—. ； Delete I
Light type: fo mni
方。n
intend: N”叱_史
. . ffl-
. . ffl-
"3
"3
ТexlueCharmel: jNone P
ТexlueCharmel: jNone P
-25
-25
3S
3S
•21 d/
•21 d/
♦56 MetXg
♦56 MetXg
Matte
P出山c h
Un妬
Matte
P出山c h
Un妬
Рис. 4.68, Настройка освещенности
В данном случае в качестве исходного изображения нам необходима готовая картинка фотографического качества, иначе работа теряет смысл (оригинал изображения см. на компакт-диске
Рис. 4.69.изображениеРис. 4.69.изображение
Рис. 4.69.изображение
Рис. 4.69.изображение
Выполните команду Image Image Size (Изображение Размер изображения). За- ширину (Width) своего изображения.
Создайте заготовку Размеры должны быть следующие: ширина (Width) равна ширине исходного изображения, а высота (Height) равна четырем пикселам. Используя инструмент Marquee (Прямоугольное выделение), создайте выделение в два пиксела высотой на всю длину изображения. Для удобства лучше увеличить масштаб просмотра (сочетанием клавиш Залейте выделение черным цветом, используя инструмент Paint Bucket (Заливка). Аналогичным образом создайте еще три полосы, ориентируясь на рис. 4.70. Это для будущих строк.
Рис. 4.70. Заготовка для строк
Сейчас мы будем использовать очень полезную функцию — заливку по образцу. Прежде всего выделите все изображение (CtrL+A). Затем определите образец по выделению: Edit Define Pattern (Редактирование Определить образец). Назовем его Line. Теперь файл с линиями можно закрыть — он нам больше не понадобится.
Сделайте исходное изображение активным. Перейдите в палитру Channels (Каналы) и создайте в ней новый канал, нажав кнопку с изображением чистого листа. С этим каналом мы и будем работать.
Выполните заливку: Edit Fill (Редактирование Заливка). В качестве параметра Use (Стиль) укажите Pattern (Образец) и выберите созданный образец, который добавился к уже имеющимся. В результате вы получите то, что показано на рис. 4.71.
Рис.Результат заливки созданным
Осталось загрузить канал в качестве выделения. Для этого выберите команду Select Load(Выделение Загрузить выделение). В списке Channel (Ка
нал) необходимо указать Alpha 1.
Перейдите в канал RGB. В качестве основного инструмента цветокоррекции используйте уровни яркости: Image Adjust Levels (Изображение Настройка Уровни). Примените эту команду с настройками, указанными на рис. 4.72.
Впрочем, эти параметры лучше настроить на глаз, к тому же если у вас включен предварительный просмотр (Preview), то вы сможете видеть все изменения в реальном времени.
Работа выполнена. Результат см. на рис. 39 цветной вкладки.
Рис. 4.72. Использование команды Levels (Уровни)
Гранит
В этом разделе мы продолжим тему создания текстур, имитирующих материалы, а именно расскажем еще об одном виде камня — о граните.
Создайте файл произвольных размеров и цветовой модели. Рекомендуем сразу однутех, которая позволяет работать с цветными изображениями
CMYK, Lab). Хотя наэтапах это и не имеет значения, но в конце
работы будет необходимо.
Установите основные цвета по умолчанию (клавиша D), то есть цвет переднего плана черный, а цвет фона белый.
Воспользуйтесь фильтром Clouds (Облака): Filter Render Clouds (Фильтр Освещение Облака). На рис. 4.73 показан результат действия данного Этот фильтр практически незаменим при создании природные материалы, так как он создает градации произвольной неправильной формы от цвета переднего плана к цвету фона, что и дает нам основу для работы.
Рис. 4.73. Изображениеприменения фильтра Clouds
Примените фильтр Find Edges (Найти края) из раздела Stylize (Стилизация). Благодаря ему на изображении появятся разводы и прожилки, похожие на те, которые есть на любом камне, Рисунок 4.74 иллюстрирует результат применения данного фильтра.
Для того чтобы сделать полученный эффект более выразительным, можно воспользоваться несколькими способами. Первый — применить команду Curves (Кривые), однако это нецелесообразно, так как вам придется подбирать параметры пол конкретное изображение, и дать какие-либо советы здесь невозможно. Второй — воспользоваться командой Levels (Уровни), Именно так и поступили мы.
Рис. 4.74. Изображение после применения фильтра Find Edges {Найти края)
Откройте окно Levels (Уровни), изображенное па рис. 4.75, нажав сочетание клавиш Ctrl+L либо выбрав команду Image 卜Adjustments > Levels (Изображение 卜 Настройки ► Уровни).
Рис. 4.75. Настройкауровней яркости
Передвиньте средний маркер к самому пику графика или чуть дальше. Благодаря этому серые участки изображен ия станут более темными и выразительными, вследствие чего узор станет четко выражен и с ним будет удобнее работать. По-
данного преобразования вашедолжно стать похожим на то, ко
торое представлено на рис. 4.76.
Рис. 4.76. Изображение после коррекции яркостиРис. 4.76. Изображение после коррекции яркости
Рис. 4.76. Изображение после коррекции яркости
Рис. 4.76. Изображение после коррекции яркости
После того как контрастность на вашей картинке была увеличена, следует менитьиз набора Sketch (Эскиз) (рис. 4.77),
При помощи данного фильтра линии на изображении преобразуются в стую поверхность, что можно заметить награните.
I ок — I
三I三I
三I
三I
---ReUcuhban
Density
Level
Level
Рис. 4.77.окно фильтра Reticulation
На следующем этапе нужно смягчить полученный эффект. Для того чтобы добиться плавного перехода между гранулами, мы советуем немного изображение с помощью фильтра(Размытие по Гауссу):
Blur Gaussian Blur (Фильтр Размытие Размытие по Гауссу). Радиус размытия (рис. 4.78) очень большим ставить не стоит, так как пропадет эффект шероховатости поверхности.
После того как вы проделаете все вышеописанныеу вас должна по
лучиться текстура, похожая на гранит, хотя и в черно-белом виде (рис. 4.79), При работе сизображениями на этом варианте уже можно
новиться.
Рис. Настройки фильтра Gaussian Blur (Размытие по
Рис.Текстура
Еслихотите добиться еще более правдоподобного результата, то нужно вы
полнить следующие действия.
Откройте палитру Layers (Слои) и создайте новый слой. Это можно сделать, щелкнув мышью на кнопке с изображением чистого листа, расположенной внизу палитры, или с помощью команды Layer New Layer (Слой Создать Слой). На только что созданном слое проделайте все те операции, которые вы выполнили на предыдущем слое. Так как при использовании фильтра Clouds (Облака) исходный рисунок получится другим, то, следовательно, и конечный результат будет отличен от предыдущего.
После того как все операции будутизображения, расположенного
на старомстанет не видно. Исправить это можно, изменив
(Opacity)слоя. Установите ее равной 50-70 Измените также режим
наложения пикселов (Mode). Мы рекомендуем заменить Normal (Обычный) на Overlay (Перекрытие). Теперь два слоя составляют единое
Так как гранит бывает не только черный, а чаще всего темно-бордовый или синеватый, то мы предлагаем изменить основной цвет камня.
Создайте еще один слой. Непрозрачность (Opacity) поставьте равной а режим наложения (Mode)(Перекрытие).
Выберите основными цветами темно-синий и бордовый, после чего в третий примените фильтр Clouds (Облака). В результате гранит окрасится неоднородно, с плавными переходами между
Конечный результат работы представлен на рис. 40 цветной вкладки.
Мрамор
В этом разделе будет описано создание текстуры мрамора. В Photoshop 7.0 имеется макрос Marble, однако результат его применения на мрамор совсем похож. Кроме того, если вы сделаете текстуру сами, то получите знания и опыт, которые вам пригодятся в дальнейшем.
Создайте файлнебольших размеров. Мы будем работать с изображением
размером 300x300 пикселов. Цветовой режим лучше взять(Полутоно
вое), так как мрамор будет состоять только из оттенков серого, а работа в хотя и не внесет в этот пример никаких визуальных изменений, однако замедли г выполнение всех операций.
Используем фильтр(Облака): Filter Render(Фильтр Освещение
Облака). Результат показан на рис. 4.80.
Рис. 4.80. Изображение после применения фильтра Clouds (Облака)
Будем строить изображение из двух слоев, но можно использовать и гораздо большее их количество для увеличения реалистичности. Сейчас работаем сслоем.
Используйте фильтр Find Edges (Найти края): Filter Stylize Find Edges (Фильтр Стилизация Найти края). В результате получится изображение с большим количеством тонких линий неправильной формы. Необходимо сделать их четче. Для этого подходит команда Brightness/Contrast: Image > Adjustments * Brightness/Contrast (Изображение Настройки Яркость/Контраст). Параметры видны на рис. 4.81.
Brightness/Contrast
Brightness:|i |I
*—二-干…“ cancel j
Contrast阮.
.y Preview
Рис.Использование команды Brightness/Contrast (Яркость/Контраст)
Первый слой готов. Изображение уже несколько напоминает мрамор, но очень условно.
Создайте слойи примените к нему фильтр Clouds (Облака): Filter
Render(Фильтр Освещение Облака). Однако теперь мы не будем ис
пользовать фильтр Find Edges (Найти края), так как назначение этого слоя — создать крупные черные участки на текстуре, а не мелкий рисунок, как это было с предыдущим слоем.
Для того чтобы превратить «облака» в черные области, используем все ту же команду Brightness/Contrast: Image Adjustments Brightness/Contrast (Изображение Настройки Яркость/Контраст). Не стоит выставлять значение контрастности на максимум — вы проиграете в реалистичности из-за чрезмерно резкого перехода цветов. Настройки следуетпримерно такие: Brightness (Яркость) — 10,
Contrast— 84. Результат представлен на рис. 4.82.
Рис. 4.82. Второй слой изображения
Но теперь вы видите только второй слой, который тоже похож на мрамор весьма условно. Как совместить два слоя? Лучше всего для этого свойства смешения пикселов.
В палитре Layers (Слои) щелкните правой кнопкой мыши по второму слою и выберите в контекстном меню команду Blending Options (Параметры наложения). В открывшемся окне нас интересует только один параметр — Blend Mode (Режим наложения). Необходимо выставить для него значение Exclusion (Исключение). В итоге слои перемешаются самым подходящим способом. Но лучше поэкспериментировать — возможно, другой режим смешения дает более впечатляющую картинку в вашем случае,
Вот все, эффект выполнен. Конечное изображение представлено на рис. цветной вкладки. Напомним еще раз, что для получения
фического качества вам потребуется минимум пять слоев, но, самое главное, технологию вы уже знаете.
Старая кирпичная стена
Достаточноприем, позволяющий при помощи простых
входящих в стандартный набор Photoshop, реализоватьподобное кирпичу
(см., например, раздел 4.8 данной главы). Однако при этом получается ровная и аккуратная, безтрещины, кирпичная стена. Сейчас же речь пойдет об
имитации старой, потертой стены. Это сложнее, но и интереснее.
Создайте файл произвольных размеров и цветовой модели:или File New
(Файл Создать). Если вы всобираетесь использовать его в качествето лучше сразу указать необходимый размер, хотя это вовсе не
тельно. Следует также обратитьна цветовую модель, если вы не соби
раетесь останавливаться па варианте полутонового изображения.
Для того чтобы создать разводы на будущейпримените фильтр
(Губка) из набора ArtisticНастройки можно использовать любые,
но лучшена умеренной величине параметров (рис. 4.83). В резуль-
получится эффект, напоминающий пятна, которыепосле вытира-
губкой.
I . UK i
-
Size10
Рис. 4.83. Диалоговое окно фильтра(Губка)
Если исходный фон был черным, то лучше инвертировать полученные цвета: ImageInverse (Изображение Настройки Инвертировать) или сочетание клавишЕсли жеизображение былото данную
операцию следует пропустить.
Следующим шагом будет создание самих кирпичей. Здесь можно рисовать «руками», тогда вы сможете контролироватьтолько размер кирпичей, но и
швов, ихконтрастность и другие параметры. А можно
фильтром, который не дает такой свободы действий, но значительно упрощает и ускоряет работу.
Для этой цели подходит фильтр(Рисование поверх) из набора
Artistic (Имитация). Хотя этот фильтр имеет достаточно много параметров (рис. 4.84), они, однако, не дают полного контроля над получаемым результатом. Обязательно выберите вTexture (Текстура)Brick (Кирпич), все
прочие параметры остаются на ваше усмотрение. Это достаточно интересный ифильтр, имитирующий рисунок маслом по выбранному материалу.
Полезность заключается в том, что объект, на который будет накладываться краска, может быть любым, в том числе и кирпичным.
I ext^e CoverageI ext^e Coveragej 36Гj 36ГРис. 4.84. Диалоговое окно фильтра Underpainting (Рисование поверх)Рис. 4.84. Диалоговое окно фильтра Underpainting (Рисование поверх)
I ext^e Coverage
I ext^e Coverage
j 36
Г
j 36
Г
Рис. 4.84. Диалоговое окно фильтра Underpainting (Рисование поверх)
Рис. 4.84. Диалоговое окно фильтра Underpainting (Рисование поверх)
Чтобы улучшить изображения, можно слегка размыть полученный результат при помощи фильтра Gaussian Blur (Размытие по Гауссу) из набора Blur (Размытие), после чего повторно наложить текстуру кирпичей. При необходимости можно отрегулировать яркость и контрастность, используя команду Image Adjustments Brightness/Contrast (Изображение Настройки Яркость/Кон- траст). В результате получиться изображение, похожее на рис. 4.85.
Результатом должна стать правдоподобная кирпичная осталось только раскрасить. Здесь все зависит от преследуемой цели. Если вы хотите сделать все как можно быстрее и полученный результат не должен быть детально проработан, то лучше всего воспользоваться командой Image Adjustments Hue/ Saturation (Изображение Настройки Оттенок/Насыщенность). В открывшемся диалоговом окне (рис. 4.86) флажок (Тонирование), после чего, выбирая цвет на цветовом круге, добейтесь лселаемого результата.
Рис. 4.85. Кирпичи в градациях серогоРис. 4.85. Кирпичи в градациях серого区区Hue/SaturationHue/SaturationРис. 4.86. Диалоговое окно Hue/Saturation (Оттенок/Насыщенность)Рис. 4.86. Диалоговое окно Hue/Saturation (Оттенок/Насыщенность)
Рис. 4.85. Кирпичи в градациях серого
Рис. 4.85. Кирпичи в градациях серого
区
区
Hue/Saturation
Hue/Saturation
Рис. 4.86. Диалоговое окно Hue/Saturation (Оттенок/Насыщенность)
Рис. 4.86. Диалоговое окно Hue/Saturation (Оттенок/Насыщенность)
Если же вам требуется передать все нюансы в реализуемой текстуре, то необходимо применить инструмент Brush (Кисть). Уменьшите прозрачность, выберите кисть с мягкими краями и установите режим работы Color (Цвет). Тогда при рисовании будет изменяться только цветовая составляющая рисунка, никак не влияя на свето-теневую. Закрашивайте изображение, оставляя кое-где небольшие неокрашенные участки. Закончив работу с этим цветом, возьмите другой, близкий к первому, и проведите им несколько беспорядочных штрихов так, чтобы реализовать эффект старой стены с облупившейся краской или местами разрушенным кирпичом. Можно совмещать эти два метода окрашивания, что мы и сделали.
Конечный результат показан на рис. 42 цветной вкладки.
Снежинка
Сейчас мы займемся созданием снежинки, однако в данном случае мы вовсе не будем стремиться к правдоподобию, а попробуем получить стилизованный декоративный рисунок.
Мы будем имитировать всем известный способ создания снежинок: берется бумага, складывается несколько раз так, чтобы получилсяпосле чего нож
ницами вырезаются узоры и лист разворачивается, Работа будет вестись по тому же принципу: мы нарисуем уголок, а затем многократно скопируем и разместим его так, чтобы образовать замкнутый круг.
Для начала вам потребуется создать изображение:New (Файл Создать)
или Ctrl+N. Затем мысленно или при помощи сетки (сетка включается командой View Show Grid (Вид Показатьразделите его на четыре равные час-
каждую из которых разделите еще пополам.
Выделите один из таких участков при помощи инструментаLasso (Много
угольное лассо) (горячая клавиша — L). Создайте слой: Layer New Layer (Слой Создать Слой) или Ctrl+N. Залейте на этом слое выделенную область цветом будущей снежинки. В результате должно получиться нечто, похожее на рис. 4.87.
Рис. 4.87.область снежинки
Активизируйте инструмент Eraser (Ластик) (горячая клавиша -• Е). А теперь, выбирая различные кисти, разнообразные фигуры внутри полученной области. Старайтесь ее как можно более ажурной. Если же вы хотите имитировать работу маленького ребенка, то следует, напротив, удалять достаточно крупные и «неловкие» области. На рис. 4.88 показан один из вариантов узораснежинки.
Рис. 4.88. Трафарет для снежинки
Выделите все содержимое слоя с заготовкой снежинки, нажав сочетание клавиш или выбрав команду Select All (Выделение Выделить все). Скопируйте
выделение в буфер обмена а затем выполните вставку Содержимое буфера обмена автоматически вставится на новый слой.
Отразите изображение по вертикали: Edit Transform Rip Horizontal (Редактирование Преобразовать Отразить горизонтально). Затем сместите его так, чтобы оно стало логичным продолжением первого (рис. 4.89).
Рис. 4.89. Фрагмент снежинкиРис. 4.89. Фрагмент снежинки
Рис. 4.89. Фрагмент снежинки
Рис. 4.89. Фрагмент снежинки
Склейте два верхних слоя, нажав сочетание клавишВыделите их содержимое и снова выполните операциии вставки. Далее поверните
фрагмент на 90° в любом направлении: Edit Transform Rotate 90
(Редактирование Преобразовать Поворот на 90 градусов по часовой стрелке) или EditRotate 90 CCW (Редактирование Преобразовать Поворот
на 90 градусов против часовой стрелки). Придвиньте этот фрагмент снежинки к предыдущему, и вы получите половину снежинки.
Теперь вновь склейте два верхних слоя и повторите две
только поворот следует осуществлять на
В результате получится снежинка, напоминающая вырезанную из бумаги (рис.
Рис. 4.90. Итоговый вариантРис. 4.90. Итоговый вариантV.V-♦碌аV.V-♦碌а
Рис. 4.90. Итоговый вариант
Рис. 4.90. Итоговый вариант
V.V-♦碌а
V.V-♦碌а
Если вы хотите создать более тонкую и изящную снежинку, то следует не вырезать элементы узора из фона, а наоборот, на прозрачном слое рисовать 1/8 снежинки, используя различные кисти и фигуры. После этого склеиваются способом.
Чтобы придать полученной особое изящество, можно сделать ее объемной, эффекты слоя: Layer Layer Style Bevel and Emboss (Слой Стили слоя Скос и рельеф). Так получена снежинка, представленная на рис. 4.91 (см. рис. 43
Рис.Объемный вариант снежинки
Скотч
компьютерному художнику приходится рисовать всякие мелочи, не несущие в себе никакой визуальной привлекательности, но нужные в работе. Ярким примеромполоска скотча, рисованием которой мы сейчас займемся.
Создайте изображение произвольного размера и цветовой моделиВыберите инструментMarquee (Прямоугольное(горячая клавиша —Создайте внутри изображения прямоугольное выделение. Оно
быть несколько меньше самого(в нашем примере при размере
холста 530x530 пикселов взято выделение размером 410x410). Полученное выделение необходимо сохранить как отдельный канал. Для этого щелкните на кнопке с изображением белого пунктирного кружка, расположенной внизу палитры Channels (Каналы).
После этого у появится новый канал — 1. Он будета сле
довательно, на изображение не повлияет, а будет лишь хранить информацию о выделении, которое можно загрузить в любой момент. Сделайтеновый, только чтоканал, щелкнув на нем мышью (рис. 4.92),
Вместо изображения вы увидитевыделенный прямоугольник на черном
фоне. Белый цвет символизирует здесь выделенные области, черный — невыде- а серый — частично выделенные. Снимите выделение
Для начала необходимо сформировать рваные края, что придаст большую реалистичность изображению. Для этогофильтр(Кристаллиза-
из набораПараметрSize (Размер ячейки) уста
новите равным 9, тогда края приобретут неровный и небрежный вид (рис. 4.93).
Рис. 4.92. Альфа-канал
Рис. 4.93. Диалоговое окно фильтра Crystallize (Кристаллизация)
Чтобы слегка сгладить полученный эффект, примените фильтр Dust and Scratches (Пыль и царапины) из набора Noise (Шум). Данный фильтр ищет на изображении пикселы, сильно отличающиеся по яркости от окружающих, и заливает их цветом соседних. Таким образом устраняются мелкие дефекты, которые достаточно часто возникают при сканировании изображений. В нашем случае у фильтра Dust and Scratches (Пыль и царапины) несколько иное предназначение, так как на изображении присутствуют только белые и черные цвета (возможны также небольшие серые пятна), поэтому мы просто сгладим сильное действие предыдущего фильтра. Диалоговое окно данного фильтра со всеми использованными настройками представлено на рис. 4.94.
Проделав все вышеописанные действия, вы получите прямоугольник или квадрат с четырьмя рваными краями. Но на самом деле у оторванного куска скотча неровными должны быть только два края (начало и конец). Поэтому для большей реалистичности придется еще раз использовать инструмент, позволяющий создавать прямоугольные выделенные области, — Rectangular Marquee (Прямоугольное выделение).
Выделите вертикально либо горизонтально любой участок изображения так, чтобы данная область пересекала белый квадрат в четырех точках. Инвертируйте
полученное выделение: Ctrl~Shih~ ! или Select > Inverse (Выделение > Нигк-ртиро- вать). Залейте полученную область черным цветом и снова инвертируйте выделение
Radius. [б * рзмRadius. [б * рзм
Radius. [б * рзм
Radius. [б * рзм
ThrejhoP：啓 levels "-—一•“"=
Рис. 4.94. Диалоговое окно фильтра Dust and Scratches (Пыль и царапины)
Затем нажмите сочетание клавишиликоманду Edit Free Transform
(Редактирование Свободное трансформирование). Это позволит вам изменить наклон выбранного фрагмента, а в случае необходимости и его размер. Особенно эффектно выглядит поворот.преобразования, снимите
выделение
Создайте копию канала, который вы только что редактировали, образовав второй дополнительный канал. Для этого достаточноканал к кнопке
с изображением чистого листа, расположенной внизу палитры(Каналы).
Сделайте активным второй дополнительный канал и загрузите в него выделе- Этосделать,щелкнув по нему в палитре
лы) с нажатой клавишей Ctrl. Второй дополнительный канал необходим для создания пятен воздуха, которые сохраняются под скотчем при его небрежном наклеивании. Чтобы добиться более реалистичного результата, можно слегка расширить выделенную область при помощи командыModify Expand
(Выделение Изменить Расширить). Величину расширения не следует брать более 1-3 пикселов (рис. 4.95).
Expand Selection
By:OK
Cancel
Рис. 4.95. Диалоговое окно команды Expand (Расширить]
Примените к каналу с выделением фильтр Mezzotint (Меццо-тинто) из набора Pixelate (Оформление). После этогопокроется выбранным узором,
однако па изображениях с малым разрешением данный эффект выглядит очень качественно. Настройки фильтра показаны на рис. 4.96.
Рис. 4.96. Диалоговое окно фильтра Mezzotint (Меццо-тинто)
Когда оба канала подготовлены, можно переходить непосредственно к созданию изображения. Для начала сделайте фон черным, воспользовавшись инструмен-
Paint Bucket (Заливка).
Откройте палитру Layers (Слои) и создайте новый слой, щелкнув на кнопке с изображением чистого листа. Измените режим наложения пикселов данного слоя на Screen (Осветление), а параметр Opacity (Непрозрачность) установите Загрузите выделение из первого созданного канала, щелкнув по нему с нажатой клавишей Ctrl. После этого перейдите к редактированию самого нажав сочетание клавишЗалейте полученное
белым цветом. Это практически невидно, но все же необходимо для до
стижения более правдоподобного результата.
Создайте еще один слой аналогичным способом. Режим наложения пикселов выберите тот же — Screen (Осветление), а непрозрачность установите меньшую, порядка 10-13Загрузите выделение с пузырьками воздуха (щелчком по каналу при нажатой клавише Ctrl),егоа затем найдите
разность между полученной областью и первым из дополнительных Последнее действие можно выполнить следующим образом: нажать сочетание клавиши щелкнуть по необходимому каналу.
Выделение готово. Залейте его белым цветом на новом слое, что создаст иллюзию воздушных пузырьков под наклеенным скотчем. На этом работа завершена. результат представлен на рис.
черного фона можно использовать практически любое изображение, однако если оно выполнено в светлых тонах, то цвета в слоях со скотчем лучше инвертироватьКроме того, в таком случае придется применить режим нало
жения пикселов Multiply (Умножение) вместо Screen (Осветление), а непрозрачность слоя с пузырьками увеличить примерно до 40
Рис. 4.97. Итоговое изображение
Эффект скорости
Наше исходное представлено на рис. 4.98 (оригинал рисунка см. на компакт-диске На нем нарисован идущий человек. Что нам о том, что он Во-первых, конечно, положение его тела: одна нога ушла вперед, другая ее догоняет, то же самое можно сказать и о руках. Во-вторых, галстук. Наша задача — усилить эффект движения, создав изображение, похожее на снимок старым фотоаппаратом.
Рис. 4.98. Исходное изображение
Для начала необходимо фигуру человека, применив наиболее удобный для вас инструмент выделения. Можно, воспользоваться инструментом Magic Wand палочка): щелкнув по белому фону, выделить его, а потом, инвертировав Inverse (Выделение Инвертировать) или получить область в виде контура человека,
Вырежьте область на новый слой, для чего щелкните правой кнопкой мыши по фоновому слою и из меню выберите команду Layer via Cut (Слой вырезанием). Создайте копию слоя, перетащив его на кнопку с чистого листа, внизу палитры Layers (Слои),
Нижний из одинаковых слоев необходимо размыть. Для этого подходит специальный фильтр: Filter Blur Motion Blur (Фильтр Размытие Размыть в движении). Диалоговое окно данного фильтра с использованными настройками представлено на рис. 4.99.
Рис. 4.99. Диалоговое окно фильтра Motion Blur (Размыть в движении)
Под четким изображением, расположенным на верхнем слое, образуется размытого изображения,под ним. Для имитации скорости необхо
димо передвинуть размытый слой так, чтобы он образовывал не ореол, а позади движущегося объекта.
Чтобы передвинуть слой, можно воспользоваться инструментом Move (Перемещение) (горячая клавиша — V). Результат такого смещения представлен на рис. 4.100.
Рис. 4.100. Смещенное размытое изображение человека
Для большейследует передать иллюзию движения не только
позади фигуры, но и над ней. Для этого создайте копию размытого слоя и помес-
тите его над слоем с четким изображением. Затем измените режим наложения пикселов верхнего слоя на Overlay (Перекрытие). После этого изображение вновь станет четким и будет частично размыто вверху и сзади.
Кроме того, для достижения большего правдоподобия мы добавим плавный переход «шлейфа» в фон, так как сейчас он недопустимо резкий. Для этого воспользуемся маской слоя. Создайте маску для нижнего размытого слоя, щелкнув на кнопке с изображением белого круга, расположенной внизу палитры I Layers (Слои).
Далее выберите инструмент Gradient (Градиент) (горячая клавиша — G), устано- внте тип градиента Linear (Линейный), а направление — Foreground to Background (От цвета переднего плана к цвету фона). При этом необходимо, чтобы текущими цветами были цвета по умолчанию (черный и белый), для чего достаточно нажать клавишу D.
Постройте градиентный переход, начав с середины фигуры, а затем протянув образующую вдоль линии размытия. Можно также грубо выделить фрагменты, которые не затронула маска (в нашем примере это левая рука), и создать аналогичный градиент.
В итоге получается хоть и 《мул ьт 月 шечный », но все же достаточно правдоподобный эффект (рис. 4.101 и рис. 44 на цветной вкладке).
Рис. 4.101. Итоговое изображение
Биологические структуры
Создание моделей живых существ на сегодняшний день является одной из наиболее актуальных проблем трехмерной графики. И одна из составляющих этой проблемы — реалистичные текстуры, в частности текстура кожи. В этом примере мы покажем, как можно просто и быстро нарисовать кожу, сквозь которую просвечивают капилляры.
Итак, создаем новое изображение (CtrL+N). Его размеры не должны быть слишком велики — достаточно 400x400 пикселов, иначе работа будет затруднена (это связано с применением фильтра Clouds (Облака)). Наиболее подходящий цветовой режим в данном случае — RGB.
Первый шаг, как и во многих других работах,с текстурами, — это соз-
случайной основы при помощи фильтра(Облака): Filter Render
Clouds (ФильтрОсвещениеОблака). Изображение на этом этапена
рис. 4.102.
Рис. 4.102. Результат применения(Облака)
Посколькунеобходимо получить достаточноузлы, которые впоследствии станут капиллярами, далеефильтр Crystallize (Кристаллизация): Filter Pixelate(Фильтр Оформление Кристаллизация).
окно с настройками этого фильтра показано на рис. 4.103. Мы использовали значение(Размерравное 12. Если вы придерживаетесь
рекомендованных нами размеровто это числоне стоит.
Рис. 4.103. Диалоговое окно фильтра Crystalize (Кристаллизация)
Далее нужнофильтр FindStylize Find Edges (Фильтр
Стилизациякрая).
В результате будетчерно-белая текстура. Прежде чем работать с ней
далее, необходимо усилить контрастность. В данном примере можно воспользова гь-
ся автоматической коррекцией: Image Adjustments Auto Levels (Изображение Настройкикоррекция уровней).
Следующее действие — инвертирование изображения: Image Adjustments Inverse (Изображение Настройки
Мы получили заготовку текстуры. Промежуточный результат, соответствующий данному этапупоказан на рис. 4.104.
Рис. 4.104. Черно-белая текстура
Теперь необходимо создать наэтой текстуры образец заливки: Edit
Define Pattern (РедактированиеОпределить образец). Это позволит позже по
экспериментировать и получить с помощью данной текстуры не только кожу, но и поверхность листка дерева и многое другое.
Создайте изображение любых размеров. Залейте фон цветом, близким к цвету кожи. Мы выбрали цветСоздайте новый слой
и примените к нему слой-маску: Layer Add Layer Mask Reveal (Слой Добавить маску слоя Показать все). Работать с маской достаточно просто (рис. 4.105). В строке слоя, к которому применена маска, есть два квадратика: левый — это цвет заливки слоя, правый — образец текстуры.
Рис.Палитра Layers (Слои) при включенном слое-маске
Для начала зададим образец текстуры: щелкните мышью на квадрате, выберите команду Edit Fill (Редактирование Заливка) и залейте изображение созданной текстурой. Результат будет похож на рис. 4.104.
Затем зададим заливки слоя. мышью на левом квадрате и снова выполните но на этот раз уже красным цветом. После этого вы получите нечто похожее на рис. 4.106.
Рис. 4.106. Слой с текстурой после применения слоя-маскиРис. 4.106. Слой с текстурой после применения слоя-маски
Рис. 4.106. Слой с текстурой после применения слоя-маски
Рис. 4.106. Слой с текстурой после применения слоя-маски
Этоблизко к желаемому результату, но для увеличения реалистичности не-
разнообразить цветаДля этого выделите их часть, используя
команду Load(Загрузить выделение):Load Selection (Выделение
Загрузить выделение). Необходимые настройки показаны на рис. 4.107. Получившееся выделение залейте фиолетовым цветом.
[Load Selection
- Source
Document:
Channel: Layer 1 Mas
■歹 invert
Operation New
Г f
I 「• ■ ■' *^r- . *■；-： ' ■ ： ：•
j 「—■，•“[ vfi'l ' —「Kdl
Рис. 4.107. Настройки команды Load Selection (Загрузить выделение)
Эффект практически выполнен. Остался последний, но очень важный шаг — до- рельефности. Для этого можно воспользоваться слоевыми эффектами, и данном случае этовариант, так как текстура находитсяотдель-
слое.команду Layer LayerBevel and Emboss (Слой Стили
слоя Скос и рельеф). Использованные нами настройки показаны на рис.
Итоговое изображение показано на рис. 4.109 (см. рис. 45 цветной
Таким же способом можно получить великое множество различных текстур.
пример, чтобы изобразить лист дерева, нужнозаливку не красным,
а зеленым цветом, и применить другие настройки эффекта слоя. Экспериментируйте, и вы добьетесь интересных
miStructureStyle: 0^“ BevelmiStructureStyle: 0^“ Bevel--Technique： |^^Г▼ fTechnique： |^^Г▼ f■" Sb«4»*q -■" Sb«4»*q -H硼 gHWHie:H硼 gHWHie:Anti>M』*«dAnti>M』*«d<Яо” Contour<Яо” ContourSMdewSMdewРис. 4.108. Настройки эффекта Bevel and Emboss (Скос и рельеф)Рис. 4.108. Настройки эффекта Bevel and Emboss (Скос и рельеф)fi^~：*。Ui« Global Lightfi^~：*。Ui« Global LightAlUt 心AlUt 心Рис.Итоговое изображениеРис.Итоговое изображение
mi
Structure
Style: 0^“ Bevel
mi
Structure
Style: 0^“ Bevel
-
-
Technique： |^^Г▼ f
Technique： |^^Г▼ f
■" Sb«4»*q -
■" Sb«4»*q -
H硼 gHWHie:
H硼 gHWHie:
Anti>M』*«d
Anti>M』*«d
<Яо” Contour
<Яо” Contour
SMdew
SMdew
Рис. 4.108. Настройки эффекта Bevel and Emboss (Скос и рельеф)
Рис. 4.108. Настройки эффекта Bevel and Emboss (Скос и рельеф)
fi^~：*
。Ui« Global Light
fi^~：*
。Ui« Global Light
AlUt 心
AlUt 心
Рис.Итоговое изображение
Рис.Итоговое изображение
Компакт-диск
Это, наверное, один из самых сложных и интересных примеров в книге. И сложен он не тем, что потребует от вас каких-то особых умений, а тем, что включает в себя очень большое количество действий с несколькими слоями, и начинающемув очень легко запутаться. Будьте оченьи все
получится.
Создайтеновое изображение в формате RGB размеромпиксе
лов. В качестве фонового цвета лучше всего выбрать белый.
Так как рисование компакт-диска потребует точного выравнивания фигур по тру изображения, включите линейки:Rulers (Вид Линейки). Если размерность в них будет не в пикселах, аизмените установки программы: Edit Preferences(Правка Установки Единицы и
Кроме линеек вам понадобится еще один вспомогательный инструмент ^w, направляющие. Щелкните левой кнопкой мыши на верхней линейке и, не отпуская ее, переместите направляющую до уровня в 200 пикселов. Точно также перетащите вертикальную направляющую. Их пересечение будет точным центром изображения. Перейдем непосредственно к рисованию диска. Запустите инструмент Elliptical Marquee (Эллиптическое выделение), в панели параметров включите режим Fixed Size (Фиксированный размер) и задайте размер 340x340 пикселов. Это — основной диаметр будущего диска.
Создайте эллиптическое выделение с указанными выше настройками точно посередине изображения. Для этого, удерживая левую клавишу мыши, подведите курсор к центру и нажмите клавишу Alt. Выделение выровняется по направляющим, то есть, по центру.
Затем переведите инструмент Etliptical Marquee (Эллиптическое выделение) в режим Subtract From Selection (Исключить из выделения). Настройку Fixed Size (Фиксированный размер) оставьте активной, но смените размер на 42x42 пиксела.
Затем поместите это выделение точно по центру уже созданного описанным Емме способом. В итоге получится выделенная форма, уже напоминающая диск. Залейте ее, используя Paint Bucket (Заливка) светло-серым цветом (рис. 4.110).
Рис. 4.110, Залитая серым цветом заготовка для диска
1Создайте новый слой, который назовите Тень. Переключитесь на него. Нам снова понадобится уже созданное выделение, правда, его внутренний радиус придется откорректировать. Смените у Elliptical Marquee (Эллиптическое выделение) размеры на 102x102 пиксела и поместите новое выделение в режиме Subtract From
Selection (Исключить из выделения) в центр изображения. Залейте полученное выделение белым цветом.
Теперь нам в первый раз Б примере понадобятся незаменимые слоевые эффекты, а точнее, Gradient Overlay (Заливка градиентом). Удобнее всего его запустить кнопкой Add Layer Style (Добавить слоевой эффект) в палитре Layers (Слои).
Нам понадобится самый обычный градиент от черного к белому. Правда, его нужно немного подкорректировать. Щелкните левой кнопкой мыши на инструменте Gradient (Градиент) и смените черный цвет на темно-серый, а белый - на светло-серый.
Остальные настройки Gradient Overlay (Заливка градиентом) показаны на рис. 4.111,
Gradient Ov«rhy — •-.
-- Gt adiwdу ;
；Blend Mode; JNormjif3
Opacity；，丄““』\[7S"""* %
g…la—丁 “ IF厂…"
StyJt； juntar 三 吃 AN# with By“
Angle: Qnen*
Sc，% ・ h QI 100%
Рис. 4.1 11. Настройки Gradient Overlay (Заливка градиентом)
Если все подобрано верно, то получится изображение, похожее на рис. 4.112. Если же ваш результат сильно отличен, все можно исправить в палитре Layers (Слои) — слоевые эффекты тем и хороши, что их настройки можно менять в любое время, достаточно щелкнуть на значке эффекта, и откроется окно его редактирования. Снимите выделение (Ctrl+D).
Рис. 4.112.Диск после заливки градиентом
Создайте новый слой и назовите его Радуга. Запустите инструмент Gradient (Градиент), выберите в его панели параметров готовый вариант Spectrum, который действительно переливается всеми цветами радуги. Примените его к изображению сверху вниз (рис. 4.113).
Рис.Созданный градиент
Затем примените к слою Радуга Free Transform (Свободная трансформация) в режиме Distort (Искривление). Стяните точки с левой стороны к изображения так, чтобы получился сектор.
Продублируйте слой его в палитре Layers (Слои) на значок в виде белого листа бумаги (Create New Layer). Затем выполните Edit Transform Rotate 180° (Редактирование Трансформирование на 180°) и дубликат со слоем «Радуга» (рис.
Рис. 4.114. Работа после дублирования слоя Радуга и размещения копии
чего еще раз продублируйте слой Радуга и поверните его, но на этот раз уже на 90°. Результат будет похож на рис.
Сейчас намвыделение, повторяющеечасть диска. Можно было
бы повторить операции, которые мы использовали при создании слоя Тень, но есть куда более простой испособ, о котором знают далеко не все,
Удерживая клавишущелкните левой кнопкой мыши на слое Тень. Все не
прозрачное на этом слое станет выделенным, что нам и нужно.
на слой Радуга. Инвертируйте выделениеНажмите
клавишу DEL. Снимите выделение
Рис.слой Радуга
для компакт-диска готова (рис. 4.116), дальше мы будем работать над ее реалистичностью.
Blending Mode (Режимна Overlay (Перекрытие), а прозрач
ность (Opacity) уменьшим до 65
Рис.после обрезания слоя Радуга
Диск слишком ярок. Чтобы исправить этот недостаток, понадобятся два действия. Первое мы произведем сейчас, второе — чуть позже. Создайте новый корректирующий слой в режиме Hue/Saturation (Оттенок/Насыщенность):
New Adjustment Layer Hue/Saturation (Слой Новый корректирующий слой Оттенок/Насыщенность). Использованные авторами настройки показаны на рис. 4.117.
В палитре(Слои)прозрачность (Opacity) для корректирующе
го слоя в пределах 25-40 % (это лучше определить «на
Теперьнарисовать «незаписываемую» область в середине диска. Для
этого вернитесь к слою Радуга и с помощьюMarquee (Эллиптическое вы
деление) создайте круглое выделение радиусом 130 пикселов. Выполним последовательнокопирования (CTRL+C) и вставки
Рис. 4.117. Настройки корректирующего слоя в режиме Hue/Saturation (Тон/Насы щенность)
Выставьте для получившегося нового слоя в палитре Layers (Слои) режим Blending Mode (Режим смешения) в значение Screen (Экран). Возможно, попал о бит *я уменьшить прозрачность (Opacity) слоя до 60-70 % (авторам этого делать не пришлось). Сведите слой со слоем Радуга (СШЕ).
Рисунок на этой стадии показан на рис. 4.118.
Рис. 4.118. Компакт-диск после применения корректирующего слоя и создания «незаписываемой» области
Для большей реалистичности добавим в компакт-диск надпись. В этом нам очень поможет новый инструмент Photoshop CS, а именно текст по контуру. Как зы знаете (см. раздел 1.10), в Photoshop есть готовые контуры разной формы, называемые Shapes (Фигуры). Нам, как уже можно догадаться, нужен инструмент Ellipse (Эллипс) в режиме Paths (Контуры). Создайте круглый контур оке внутренней стороны «незаписываемой» области.
Запустим инструмент Horizontal Type (Горизонтальный текст), подведем курсор мыши к созданному контуру так, чтобы изменился указатель, и введем любой текст (рис. 4.119). Подкорректируйте размеры текста, его гарнитуру и прочие ia~ раметры, опираясь на собственный вкус.
Рис.Создаем текст по контуру
Откроем палитру Paths (Контуры) и удалим контур Work Path. Послекруг
исчезнет с экрана, останется только текст.
Остались последние штрихи, которые добавят реалистичности. Прежде всего, создадим бороздку во внутренней части диска —бороздки есть на любом
диске, они нужны для его раскручивания в приводе.
Сделайте активным первый слой. Создайте круглое выделениепо
середине серой части диска. ВыполнитеModify Border (Выделение
Изменить Граница). Вокне установите значение границы 2 пиксела. В результате мы получимв форме тонкого
Выполните операции копированияи вставкиК новому слою
примените слоевой эффект Bevel and Emboss (Скосыс показанными на
рис. 4.120 настройками. Затемэтот слой с фоном
"■ Bevel and Emboss
...Structure
Style
Technique Depth
UpDown
S*&-““，■，亠 П1 ^― px
$h・dggAngle$h・dggAngleAltitudeAltitudeSoften；『» —［丁 a
$h・dgg
Angle
$h・dgg
Angle
Altitude
Altitude
''..Anti-aliasedAnti-aliasedGloss Con SourGloss Con Sour抬 120*
'
'
.
.
Anti-aliased
Anti-aliased
Gloss Con Sour
Gloss Con Sour
\Light
'Г55 ~ °
Highlight Mod* 1
Opacity
Shadow Mode
Opacity; "，皿 "
Рис. 4.120. Параметры Bevel and Emboss (Скосы и рельеф)
Уже значительно лучше, диск все еще не выглядит реалистичным. Особенно портят его чрезвычайно резкие переходы цвета в слое Радуга. Это нам и нужно исправить.
А сделать это очень просто. Запустите фильтр Blur: Filter Radial Blur (Фильтр Размытие Радиальное размытие) с настройками, на рис. 4.121.
Blur
AmountAmount•-G DraftGood俊 Best•-G DraftGood俊 BestBlur Method Spin 广 ZoomBlur Method Spin 广 ZoomРис. 4.121. Применение фильтра Radial Blur (РадиальноеРис. 4.121. Применение фильтра Radial Blur (Радиальное
Amount
Amount
•-
G Draft
Good
俊 Best
•-
G Draft
Good
俊 Best
Blur Method Spin 广 Zoom
Blur Method Spin 广 Zoom
Рис. 4.121. Применение фильтра Radial Blur (Радиальное
Рис. 4.121. Применение фильтра Radial Blur (Радиальное
После этого в нижней части изображения появятся разноцветные пикселы. Это побочный эффект от использованного фильтра, который очень просто исправляется инструментом Eraser (Ластик). Результат показан на рис. 4.122. Если ваш диск не похож на представленный на рисунке, попробуйте фильтр Radial Blur размытие) еще раз.
Рис. 4.122. Диск после применения фильтра Radial Blur (Радиальное размытие)Рис. 4.122. Диск после применения фильтра Radial Blur (Радиальное размытие)
Рис. 4.122. Диск после применения фильтра Radial Blur (Радиальное размытие)
Рис. 4.122. Диск после применения фильтра Radial Blur (Радиальное размытие)
Остался последний шаг — создание внешней кромки диска. Это уже совсем просто. Создайте новый слой. Он должен выше других, но под корректирующим. Повторите операцию, которую мы выполняли в самом начале примера — создайте круглое выделение размером 340x340 пикселов и поместите его в центр изображения.
ВыполнитеModify Border (Выделение Изменить Граница). Величину
задайте в 3 пиксела. Залейте получившееся выделение тем же цветом, каким залит центр диска. Затем запустите слоевой эффект Drop(Падаю-
тень). Настройки показаны на4.123.
Drop Shadow
• Structure—
園end Mode: [Multiply' * 1 ■
Opacity:
AngleiAngleiGlobal Light
Anglei
Anglei
“，!']"•：」：fy—
%
Contour:Contour:厂 Anti-Aliased厂 Anti-AliasedQuality
Contour:
Contour:
厂 Anti-Aliased
厂 Anti-Aliased
Рис. 4.124. Готовый компакт-дискРис. 4.124. Готовый компакт-диск
Рис. 4.124. Готовый компакт-диск
Рис. 4.124. Готовый компакт-диск
Noise:
Knocks Out Drop
Рис. 4.123. НастройкиShadow (Внешняя тень)
Кроме того, можно добавить ещеInner Shadow (Внутренняяс теми
же настройками (авторы так и поступили).
Сведите все слоиИтоговое изображение показано на рис.
(см. рис. 46 цветной вкладки).
Штрих-код
Это очень простой пример, который выполняется мгновенно даже самым неопытным Но он позволяет нарисовать то, что используется очень часто в дизайнерской работе, так как достаточно хорошо выражает коммерциализации в лучшем случае и продажности — в худшем. Это — штрих-код.
Создайте новое изображение (CtrL+N) в любоймодели. Авторы
RGB. Размеры изображениябыть небольшими — оптимально 300x100
пикселов. Фоновый цвет — белый.
В начале применим фильтр AddNoise Add(Фильтр Шум
Добавитье настройками, показанными на рис. 4.125.
'Add Noise
I ок I
Cancel I
2 Preview
wo%
Amcunt： I 百二d %
■ Distribution
厂 «Jnlform
.汗 GaussUri
旷 Monccr<GfT.abc
Рис. 4.125. Настройки фильтра Add Noiseшум)
EllEllLklR PreviewLklR PreviewMotion Blur
Ell
Ell
Lkl
R Preview
Lkl
R Preview
二I * jJ
Arge： едArge： едOstanc»-.Ostanc»-.Рис. 4.126. Использование фильтра Motion Blur (Размытие в движении)Рис. 4.126. Использование фильтра Motion Blur (Размытие в движении)
Arge： ед
Arge： ед
Ostanc»-.
Ostanc»-.
Рис. 4.126. Использование фильтра Motion Blur (Размытие в движении)
Рис. 4.126. Использование фильтра Motion Blur (Размытие в движении)
Как вы, наверное, уже обратили внимание, создание шума часто встречается в этой главе. Причина проста — это один из лучших способов получить изображение со случайным ра с пределе ние м яркости, которое просто идеально для трансформации в текстуру.
Так и сейчас, превратим шум в полосы. Для этого примените фильтр Motion Blur (Размытие в движении) с пастро1п<амн. показанными на рис. 4.126.
Результат последнего действия уже напоминает штрих-код, однако полосок слишком много, и они слишком тонкие. Это очень легко исправить, увеличив контраст изображения. Для этого подходит ряд инструментов, мы остановили выбор на своих любимых кривых (Curves) (Ctrl+M). Необходимые настройки показаны на рис. 4.127
Текстура готова. Однако для больше! i нужно выполнить еще два действия.
Запустите инструмент Rectangle Marquee (Прямоугольное выделение), выделите фрагмент в нижней части изображения (на этом этапе ориентируйтесь на рис. 4.129) и нажмите клавишу Delete.
После этого инструментом Horizontal Type (Горизонтальны ii текст) создайте в созданной области произвольный набор цифр. Шрифт и размеры подберите на глаз.
Пример выполнен. Готовоепоказано на рис.(см. рис. 47 цвет
ной вкладки).
Рис. 4.129. Готовый штрих-код
Кристаллы
Мы долго думали о том, куда лучше поместить этот пример — в текстуры, природные явления или имитацию объема. Дело в том, что этот пример тематически может быть в любой из этих глав. Но все-таки выбор пал именно на текстуры, так как реальное его использование лежит в фона для чего-либо.
Мы бы этот пример к неожиданно интересным простым
нить его сможет даже самый а результат впечатляет, Создадим новое изображение размером 400x400 пикселов в цветовом RGB, Сразу, используя инструмент Paint Bucket (Заливка), залейте его черным цветом. Затем примените фильтр Lens Render Lens Flare (Фильтр Освещение Блик) с показанными на рис. 4.130 настройками. Обратите па то, что блик должен быть расположен по изображения,
Рис.Диалоговое окно фильтра Lens Flare (Блик)
Теперь увеличим при помощи Canvas Size: Image Canvas Size (Изображение Размер холста) размеры изображения в два раза. Настройки для этой операции показаны на рис. 4.131.
Рис.Настройки Canvas Size (Размер холста)
Если все сделано правильно, ваша работа будетрис. 4.132.
Рис. 4.132. Блик на большом изображении
Теперь необходимо превратить блик вбольшое разноцветное пятно. Для этого идеально подходит фильтр Fresco: FilterFresco (Фильтр
Художественные Фреска) (рис. 4.133).
Работа на этом этапе показана на рис. 4.134. Теперь вы можете попять, было обязательно располагать блик в центре изображения — он вырос многократное и если бы был с краю, простопоместился бы.
Мы дошли до самого главногоработы — формирования кристаллов. Для
этого мы использовали фильтр Extrude:Stylize Extrude (Фильтр Стилизация Выдавливание).настройки можно увидеть на рис. 4.135.
OKOKCancelCancelI FrescoI FrescoРис. 4.133. Параметры фильтра Fresco (Фреска)Рис. 4.133. Параметры фильтра Fresco (Фреска)Рис. 4.134. Изображение после применения фильтра Fresco (Фреска)Рис. 4.134. Изображение после применения фильтра Fresco (Фреска)Туре:Г f“"：二：•*' PyramidsSize：眨丁…研您kТуре:Г f“"：二：•*' PyramidsSize：眨丁…研您kOKOK
OK
OK
Cancel
Cancel
I Fresco
I Fresco
Рис. 4.133. Параметры фильтра Fresco (Фреска)
Рис. 4.133. Параметры фильтра Fresco (Фреска)
Рис. 4.134. Изображение после применения фильтра Fresco (Фреска)
Рис. 4.134. Изображение после применения фильтра Fresco (Фреска)
Туре:Г f“"：二：•*' Pyramids
Size：眨丁…研您k
Туре:Г f“"：二：•*' Pyramids
Size：眨丁…研您k
OK
OK
Depth;
Mask Incomplete
Рис. 4.135. Настройки фильтра Extrude (Выдавливание)
Кристаллы готовы. Однако онии выглядят совершенно неприглядно. Нам нужно окрасить их в один тон. Авторыголубой — имен
но такого цвета обычно бывают всякого рода загадочные кристаллы в венныхи большинство людей к этому привыкли.
Как,многие уже догадались, для окраски авторы использовали инст
румент Hue/Saturation (Оттенок/Насыщенность) в режиме настройки показаны на рис.
Рис. 4.136. Настройки Hue/Saturation (Оттенок/Насыщенность)
Вы же можете немного поэкспериментировать, создавая кристаллы разного цвета и освещенности. Пример выполнен полностью. Готовое изображение показано на рис. 4.137 (см. рис. 48 цветнок вкладки).
Рис. 4.137. Изображение кристаллов
«Кровожадная» текстура
Основной областью применения текстур является трехмерная графика, в том числе и проектирование моделей для компьютерных игр. А современные игры, особенно «ходилки-стрелялки», как известно, изобилуют кровавыми сценами. В этом примере мы попробуем нарисовать что-то на вид достаточно отвратительное, больше всего напоминающее внутренности какого-нибудь монстра.
Авторам пример очень нравится, мы бы его отнесли к лучшим в книге. И дело, конечно же, не в том, что мы очень кровожадные, а в том, что в этом трюке, как ни в каком другом, видно, что можно получить очень интересный результат, затратив минимум усилий, если знать как.
Создайте новое изображение (CtrL+N) в цветовом режиме RGB размерами 400x400 пикселов. Фон сразу залейте черным цветом.
Основная работа в этом примере будет сделана инструментом Gradient (Градиент). Выберите готовый вариант Foreground to Transparent (От фонового к прозрачному), остальные настройки показаны на рис. 4.138.
[i卜 — F jiokjzja №仆：;・i^iw рем n^m 「&•，— P Mh* ff Trinsp^rtney
Рис. 4.138. Настройки градиента
Установите в качестве основного цвета (Foreground color) ярко-красный (R255GOBO). Затем нарисуйте инструментом Gradient (Градиент) две полосы разной толщины, как это показано на рис. 4.139. Делать это очень просто — вы представляете, как должна идти полоса, и проводите градиентом, удерживая левую кнопку мыши, веном о rare лъную линию, соответствующую длиной толщине будущей линии.
Рис. 4.139. Первые две полосы
После того как красные полосы созданы, откройте цветовую палитру (Color Picker) для основного цвета (щелкнув на нем в палитре инструментов) и поднимите зна- чепие параметра Hue (Оттенок) до значения 50. Цвет изменится на желтый. Точно так же, как это было с красным, нарисуйте две полосы разной толщины.
Повторите это действие еще для следующих значений Hue (Оттенок): 100, 150, 200, 250, 300. Старайтесь располагать полосы таким образом, чтобы они распределялись по изображению равномерно.
Результат после этого шага показан на рис. 4.140.
Создайте новый слой (Ct「L+Shift+N), Повторите действия, которые были уже произведены для первого слоя. Конечно же, не нужно повторять расположение полос и их толщину — наоборот, этот слой должен отличаться от первого, и чем больше будет это отличие, тем качественнее выйдет результат.
По готовности полос смените для второго слоя в палитре Layers (Слои) режим Blending Mode (Режим смешения) па Difference (Разность). Объединим слои (Ct「L+E). Результат будет похож на рис. 4.141.
Рис. 4.140.слой с полосами
Рис. Два слоя с полосами
нашей работе кровавый цвет. Как вы уже убедились, лучший инструмент для этого — Hue/Saturation: Image Adjustments Hue/Saturations (Изображение НастройкаИспользованные авторами настройки по
казаны на рис. 4.142.
Рис. 4.142.Hue/Saturation (Тон/Насыщенность]
Если все сделано правильно, после этого шага работа выглядит уже весьма устрашающе (рис. 4.143).
Рис. 4.143. Изображение после применения Hue/SaturationРис. 4.143. Изображение после применения Hue/Saturation
Рис. 4.143. Изображение после применения Hue/Saturation
Рис. 4.143. Изображение после применения Hue/Saturation
Придадим большую «сочность», чтобы усилить уже полученный эффект. Примените фильтр Plastic Wrap: Filter Artistic Plastic Wrap (Фильтр Художественные Пластиковая упаковка) с настройками, показанными на рис. 4.144.
OKOK
OK
OK
I Placidt ^
Highlight Strength
Detail
厶
Smoothness
Рис. 4.144. Параметры фильтра Plastic Wrapупаковка)
Затем продублируйте слой, перетащив его на значок в виде белого листа бумаги в палитре Layers (Слои). В новом слое нужнопараметр Blending Mode
(Режим смешения) на Overlay (Перекрытие). Готовое изображение показано на рис. 4.145 (см.49 цветной вкладки).
Сгусток плазмы
Этот примеродной из наиболее актуальных проблем
Photoshop — получения круглых и кольцеобразных объектов с краями формы. Мы будем рисовать сгусток плазмы.
Рис. 4.145.изображение
Создайте новое изображение размером 400x400 пикселов в цветовом режиме RGB. Сразу нужно залить его черным цветом.
Создайте новый слой Запустите инструмент (Прямоугольник), выставьте в панели параметров режим (Заполненная область) и нарисуйте белый прямоугольник (рис. 4.146).
Рис. 4.146. Созданный прямоугольник
Применим к созданному прямоугольнику фильтр Wind: Filter Stylize Wind (Фильтр Стилизация Ветер) с настройками, показанными на рис, 4.147. Если действиемаловыраженным, повторите применение фильтра
сочетания клавиш Ctrl+F.
Сновафильтр Wind (Ветер), но поменяв направление (Direction) на
«слева» (From the left). Тут также может понадобиться повторить использование плагина.
Переверните слой с прямоугольником на 90°: Edit Transform Rotate 90° CW (РедактированиеПовернуть на по ч. Запустите
фильтр MotionFilter Blur Motion Blur (Фильтр Размытие Размытие в
жении) и выставьте параметры, показанные на рис. 4.148.
—1100%
'M囹iod
I з Wind
Г Blast
L Sugger
， From the Right Г From the Left
Рис. 4.147. Настройки фильтра Wind (Ветер)
Рис. 4.148. Применение фильтра Motion Blur (Размытие в движении)
Переходим к самому главному этапу. Именно следующий фильтр позволяет CO.l- давать круглые формы из ПрЯМОАТОЛЬНЫХ. Это — Polar Coordinates (Полярные координаты). Установите те же настройки, что показаны на рис. 4.149.
Рис. 4.14Э. Диалоговое окноPolar(Полярные координаты)
В результате получится дуга. Из нужно сделать окружность. Это совсем просто. Продублируйте слой, его в Layers (Слои) на значок с изображением белого листа бумаги. Затем запустите инструмент Free Transform для слоя и разверните его так, чтобы получилось что-то похожее на рис. 4.150.
Рис. 4.150. Готовый "плазменный круг"
Сведите дваслоя
Сейчас нам нужно окрасить полученное изображение так, чтобы оно стало похоже на то, что большинство людей представляет себе при слове
Для этогослоевой эффект Outer Layer Layer StyLe Outer Glow
(Слой Слоевые эффекты Внешнее свечение). Использованные авторами параметры показаны на рис. 4.151.
Продублируйте слой с кольцом еще дважды и,слои
Free Transform (Свободное трансформирование)
Надпись огнем, в основе которой —многократное применение фильтра Wind(Ветер) и размытия (см. раздел 3.1.1)
Огненный текст, полученный при помощифильтра Diffuse (Диффузия) в сочетании с
Iразмытием (см. раздел 3.1.2)
3. Надпись из льда (см. раздел 3.2)
4. Пишем кровью (см. раздел 3.3)
б. «Разбитые» буквы(см. раздел 3.5)б. «Разбитые» буквы(см. раздел 3.5)
б. «Разбитые» буквы(см. раздел 3.5)
б. «Разбитые» буквы(см. раздел 3.5)
Имитация объема — надписьиз воды (см. раздел 3.4)
7. Болотный текст (см. раздел 3.6)
8. Лазерная надпись (см. раздел 3.7)
10. Матовое стекло (см. раздел 3.9)10. Матовое стекло (см. раздел 3.9)12. Эффект хромированной поверхности (см. раздел 3.11)12. Эффект хромированной поверхности (см. раздел 3.11)Буквы из золота(см. раздел 3.12)Буквы из золота(см. раздел 3.12)Надпись из ртути демонстрируетуниверсальный способ имитации поверхностилюбого металла (см. раздел 3.13)Надпись из ртути демонстрируетуниверсальный способ имитации поверхностилюбого металла (см. раздел 3.13)16. Каменные буквы (см. раздел 3.15)16. Каменные буквы (см. раздел 3.15)15. X-Files (см. раздел 3.14)15. X-Files (см. раздел 3.14)17. Надпись под водой (см. раздел 3.16)17. Надпись под водой (см. раздел 3.16)snowsnow18. Буквы из снега (см. раздел 3.17)18. Буквы из снега (см. раздел 3.17)
10. Матовое стекло (см. раздел 3.9)
10. Матовое стекло (см. раздел 3.9)
12. Эффект хромированной поверхности (см. раздел 3.11)
12. Эффект хромированной поверхности (см. раздел 3.11)
Буквы из золота(см. раздел 3.12)
Буквы из золота(см. раздел 3.12)
Надпись из ртути демонстрируетуниверсальный способ имитации поверхностилюбого металла (см. раздел 3.13)
Надпись из ртути демонстрируетуниверсальный способ имитации поверхностилюбого металла (см. раздел 3.13)
16. Каменные буквы (см. раздел 3.15)
16. Каменные буквы (см. раздел 3.15)
15. X-Files (см. раздел 3.14)
15. X-Files (см. раздел 3.14)
17. Надпись под водой (см. раздел 3.16)
17. Надпись под водой (см. раздел 3.16)
snow
snow
18. Буквы из снега (см. раздел 3.17)
18. Буквы из снега (см. раздел 3.17)
SH5T
Буквы под снегом (см. раздел 3.8)
Буквы, отлитые из железа(см., раздел ЗЛО)
22. Трехмерный текст22. Трехмерный текст
22. Трехмерный текст
22. Трехмерный текст
Текст на волнистой поверхности,полученный с применением линейногои радиального градиента (см. раздел 3.18)
21. Надпись из объемныхточек (см. раздел 3.20)
24. Пикселный текст (см. раздел 3.23)
23. Буквы, полученные с эффектов имитации взрыва (см. раздел 3.22)
25. Текст из сыра (см. раздел 3.24)
26. Текст «высокого напряжения» (см. раздел 3.25)
Деревяннаяповерхность(см. раздел 4.1)
Горная порода(см. раздел 4.2)
Камуфляж(см. раздел 4.3)
Песчаник(см. раздел 4.4)
31. Поверхность воды(см. раздел 4.5.1)31. Поверхность воды(см. раздел 4.5.1)
31. Поверхность воды(см. раздел 4.5.1)
31. Поверхность воды(см. раздел 4.5.1)
Упрощенныйвариант воднойповерхности(см. раздел 4.5.2)
Металлическиелисты(см. раздел 4.6)
Наложениемозаичной текстурына изображение(см. раздел 4.7.2)
37. Примеры использования градиента(см. раздел 4.10)37. Примеры использования градиента(см. раздел 4.10)
37. Примеры использования градиента(см. раздел 4.10)
37. Примеры использования градиента(см. раздел 4.10)
Кирпичнаякладка
(см. раздел 4.8)
Оттиск печати(см. раздел 4.9)
40. Гранит(см. раздел 4.13)40. Гранит(см. раздел 4.13)41. Мрамор(см, раздел 4.14)41. Мрамор(см, раздел 4.14)
40. Гранит(см. раздел 4.13)
40. Гранит(см. раздел 4.13)
41. Мрамор
(см, раздел 4.14)
41. Мрамор
(см, раздел 4.14)
Эффект жалюзи (см. раздел 4.11}
Строчнаяразвертка телевизора(см. раздел 4.12)
42. Старая кирпичная стена(см. раздел 4.15)
43. Снежинкараздел
44.скорости
(см. раздел 4.18)
45. Биологические структуры
46. Компакт-диск (см. раздел 4.20)
47. Штрих-код(см. раздел 4.21)
(см. раздел 4.19)
49. Кровожадная текстура
50. Сгусток плазмы
48. Кристаллы(см. раздел 4.22)
(см. раздел 4.23)
(см, раздел 4.24)
51. Имитация восхода солнца (см. раздел 5.1)
54. Покрываем пейзаж туманом (см. раздел 5.4)
55. Универсальный способ создания молнии любого вида (см. раздел 5.5)
56. Засыпаем снегом пустыню (см. раздел 5.6)
58. Смена времени суток — превращаем День в ночь (см. раздел 5.8)
57. Имитация солнечного затмения (см. раздел 5.7)57. Имитация солнечного затмения (см. раздел 5.7)
57. Имитация солнечного затмения (см. раздел 5.7)
57. Имитация солнечного затмения (см. раздел 5.7)
Рисуем космос(см. раздел 5.9)
“・ Метеор (см. раздел 5.11)
60. Создание отражения в воде(см. раздел 5.10)
Наращиваем небо. Вариант 1(см. раздел 5.12.1)
Наращиваем небо. Вариант 2(см. раздел 5.12.2)
64. Капли воды
65. Взрыв (см. раздел 5.14.1)
(см. раздел 5.13)
66. Огонь (см. раздел 5.14.2)
67, Пятна на солнце(см. раздел 5.15)
68, Простая градиентная
рамка (см. раздел 6.1)
69. Рамка, полученная наложением мозаичной текстуры (см. раздел 6.2.1)
70. Пример создания рамки с применением фильтра Sprayed Strokes (Аэрограф) (см. раздел 6.2.2)
72. Объемная деревяннаярамка (см. раздел 6.3)72. Объемная деревяннаярамка (см. раздел 6.3)
72. Объемная деревяннаярамка (см. раздел 6.3)
72. Объемная деревяннаярамка (см. раздел 6.3)
Еще один вариант художественнойрамки (см. раздел 6.2.3)
73. Быстрая маска (см. раздел 6.4)73. Быстрая маска (см. раздел 6.4)
73. Быстрая маска (см. раздел 6.4)
73. Быстрая маска (см. раздел 6.4)
74. Имитация объема(см. раздел 7.1)
Для передачи обьемапуговицы использовалисьградиент и слоевой эффектBevel and Emboss (Скоси рельеф) (см. раздел 7.4)
Завернутый уголок,полученный с помощьюградиентной заливкии эффекта слоя DropShadow (Внешняя тень)(см. раздел 7.5)
Рельефная кнопка(см. раздел 7.6)
80. Шестеренка (см. раздел 7.9)80. Шестеренка (см. раздел 7.9)
80. Шестеренка (см. раздел 7.9)
80. Шестеренка (см. раздел 7.9)
Стеклянная кнопка(см. раздел 7.7)
Шар (см. раздел 7.10；
84. Кольцо из шаров (см. раздел 7.13)
82. Трехмерная композицияиз шаров (см. раздел 7.11)
86. Работа с контуром86. Работа с контуром
86. Работа с контуром
86. Работа с контуром
Стеклянный шар на фоне пейзажа(см. раздел 7.12)
Объемная сигарета, полученная стандартными средствами имитации объема Photoshop (см. раздел 7.15)
88. Объемная планета
87. Щупальца в крови
89. Изменение цвета глаз (см. раздел 8.2)89. Изменение цвета глаз (см. раздел 8.2)
89. Изменение цвета глаз (см. раздел 8.2)
89. Изменение цвета глаз (см. раздел 8.2)
Раскрашивание контурного рисунка(см. раздел 8.3)
91. Раскрашивание черно-белого изображения (см. раздел 8.4)
92. Перевод цветного изображения в четырехцветное (см. раздел 8.6)
93. Слияние двух целых фотографий (см. раздел 8.7.1)
94. Слияние фотографий: добавление объекта из одной фотографии в другую (см. раздел 8.7.2)
95. Самый простой способ перенести изображение в воду (см. раздел 8.8)95. Самый простой способ перенести изображение в воду (см. раздел 8.8)98. Имитация старой фотографии(см. раздел 8.11)98. Имитация старой фотографии(см. раздел 8.11)
95. Самый простой способ перенести изображение в воду (см. раздел 8.8)
95. Самый простой способ перенести изображение в воду (см. раздел 8.8)
98. Имитация старой фотографии
(см. раздел 8.11)
98. Имитация старой фотографии
(см. раздел 8.11)
Пример фотомонтажа: перенос человекав другое окружение (см. раздел 8.9)
те внутрь друг друга (на этомможнона конечное изо
бражение).
Glow •
Structure —
Blend Opacityi.台|71%
Noise： <2j?.*« fo %
"■「l■■^■iШ 二田
I Elements “，
Technique I ^Softer ▼?
%
ISat:
Ra「中；w—^. pg%Ra「中；w—^. pg%J*Sr： Eiз-е「100 …%J*Sr： Eiз-е「100 …%■•■* Quality ••■
Ra「中；w—^. pg%
Ra「中；w—^. pg%
J*Sr： Eiз-е「100 …%
J*Sr： Eiз-е「100 …%
Con lour i
Рис.Параметры фильтра Outer Glow (Внешнее свечение)
Сведите все слои
Bnghcness:%Bnghcness:%
Bnghcness:%
Bnghcness:%
Type
Zoom
L 35mrn Prime
105mm Prime
Prime
Рис. 4.152. Настройки фильтра Lens Flare
354 * Глава 4. Текстуры
Добавим последний штрих, который свяжет все в одно целое: Render Lens Flare (Фильтр Освещение Блик). Необходимые настройки можно посмотреть на рис. 4.152.
Рис. 4.153. Итоговое изображение
Готовое изображение показано на рис.(см. рис. 50 цветной вкладки).
Глава 5
Имитация природных явлений
Восход солнца356
Радуга360
Дождь364
Туман366
Молния370
Засыпаем пустыню снегом373
Солнечное затмение378
Делаем из дня ночь383
Рисуем космос387
Отражение в воде394
IМетеор397
I Наращиваем небо400
Капли воды404
Взрыв и огонь407
Солнце409
Восход солнца
Подберите изображение, с которым вы будете работать. Обратите внимание на то, что фотография должна быть совместима с картиной восхода. Под совместимостью здесь понимается отсутствие солнца в зените и луны, достаточное пространство, а также ряд других факторов. Мы остановили свой выбор на изображении, представленном на рис. 5.1 (оригинал рисунка находится на компакт-диске IlLustrations\Ch05\5_001.tif).
Рис. 5.1. Начальное изображение
Для начала необходимо отделить редактируемую область от области, которая будет находиться вне досягаемости. Для этого откройте палитру каналов (Channels) и рассмотрите различные составляющие используемой цветовой модели. Их клавиатурные сокращения: CtrL+l — красный, Ctrt+2 — зеленый, CtrL+3 — синий. Среди этих каналов выберите тот, в котором небо будет больше всего контрастировать с предметами, расположен! [jdми на его фоне. В нашем случае это был синий канал. Сделайте дубликат, перетащив его к кнопке с изображением чистого листа, расположенной внизу палитры Channels (Каналы). Вы увидите новый канал Alpha 1. Именно его необходимо будет редактировать, не изменяя при этом оригинального изображения. Теперь надо создать маску, которая впоследствии будет преобразовываться в выделение. Для того чтобы граница выделения стала более четкой, необходимо увеличить контрастность между небом и остальными объектами. Способ, который мы предлагаем, удобен тем, что в нем не используются ни уровни яркости, ни тоновые кривые.
В палитре инструментов выберите Sponge (Губка), установите эффективность инструмента 100 %i а режим — Saturate (Насыщенный). Применение данного инструмента с приведенными настройками позволяет снизить насыщенность цветов, в результате чего они тускнеют и осветляются. Возьмите большую кисть с мягкими краями и хорошо обработайте область неба, причем необходимо заходить во все. даже самые небольшие фрагменты. Не беспокойтесь о влиянии на остальную часть изображения.
После того как вы осветлили небо, возьмитеBurnСилу
нажима установите примерно равную 50-65а область воздействия — Shadow;
(Тени). Выберите кисть с мягкими краями и обработайте объекты, находящиеся нанеба. Применениеделает пикселы изображения менее яркими. В итоге у вас должно получитьсяизображение. Увеличение кон-
таким путем намного удобнее, нежели использование уровней яркости и кривых, так как воздействие производится только наобласти,
а не сразу на все изображение. Маска, получившаяся у нас, изображена на рис. 5.2.
Рис. 5.2. Дополнительный каналРис. 5.2. Дополнительный канал
Рис. 5.2. Дополнительный канал
Рис. 5.2. Дополнительный канал
Теперьподкорректировать маску. Для этого вернитесь в режим RGB
загрузите канал в выделение. Щелкните мышью на кнопке с пунктирным кружком внизу палитры Channels (Каналы) либо сделайте щелчок каналу с нажатой клавишейHe забывайте о том, что белые участки маски преобразуются вобласть, а— в область, защищенную от воздействия. Коррекциянужна для создания более реалистичного изображе
ния. В реальности восход влияет на все объекты, а не только на небо, поэтому должен попасть па все предметы, находящиеся на фонеЧтобы
биться этого,модифицироватьДля этого
команду Select Modify ExpandРасширить). Мы рас
aaширили область выделения на 5 пикселов.
a
a
Expand Selection
|5pixelsj
--Cancel：:
-
-
Рис. 5.3. Диалоговое окно команды Expand (Расширить]
Так как свет огибает предметы и плавно переходит в полутень, а затем и в светотеневая маска должна быть реализована с плавным переходом от выделенных областей к невыделенным. Для этого необходимообласть выделе-
и тем самым смягчить переход между областями света и тени.
команду SelectSmoothИзменить Сглаживание). Радиус
размытия установите несколько меньше, чем радиус расширения (в нашем случае он4 пикселам). Величины, которые вызависят от разме
ров вашего изображения и его разрешения. Чем меньше объект, тем меньшим модификациям должна бытьваша маска.
Для удобства восход рекомендуем создавать на новом слое. Для этого откройте палитру Layers (Слои) ив ней мышью на кнопке с изображением чис
того листа или выполните команду Layer New Layer (Слой Создать Слой).
На следующем этапе необходимо создать сам восход. Для этого воспользуемся таким инструментом, как радиальный градиент: мы получим цветовые переходы в виде концентрических окружностей, диаметр которых увеличивается от центра к периметру области, подвластнойДля начала необходимо соз
дать свой градиент.
Щелкните мышью на кнопке Gradientрасположенной в палитре ин
струментов. Создайте новый градиент, напоминающий восход солнца. Мы использовали градации от желтого к черному, в самом начале добавив небольшую секцию белого цвета, которая впоследствии преобразуется в солнце.
В нашемсостоящем из 3 цветов — белого, желтого и черного, -
цветовые ограничители находятся в положениях 1, 3 исоответственно.
Указатель средней точки между белым и желтым цветом стоит в положении 40 между желтым и черным — 15Получившийся градиент изображен на рис. 5.4.
Gradient EditorGradient EditorCancel JCancel JjjSmoothness：而厂叵］用Smoothness：而厂叵］用Рис. 5.4. РабочийРис. 5.4. Рабочий
Gradient Editor
Gradient Editor
Cancel J
Cancel J
j
j
Smoothness：而厂叵］用
Smoothness：而厂叵］用
Рис. 5.4. Рабочий
Рис. 5.4. Рабочий
Photoshop автоматически сохраняет созданный вами градиент в формате Prefs. Но файлы этого формата не очень надежны. Поэтому если вы хотите и следствии пользоваться вашими заготовками, то следует щелкнуть на кнопке (Сохранить) в диалоговом окне Gradient Editor (Редактор градиентов), и вы сможете сохранить свои работы более надежно.
После того как вы создали свой градиент, выберите его из списка и
следующие настройки: Opacity (Непрозрачность) — 100 Mode (Режим наложения) — Screen (Осветление), Туре (Тип) — Radial (Радиальный). Восход солнца должен начинаться на горизонте и рассеиваться равномерно по всем
ниям. Для этого щелкните мышью в том месте, где должно быть расположено и перетащите мышь в верхний угол. Так как градиент находится на отдельном слое и является абсолютно непрозрачным, то для достижения желаемого эффекта нужно перевести режим наложения пикселов данного слоя в Screen (Осветление). Есливопреки ожиданиям, имеет черный центр и плавно переходит
в желтое окружение, то необходимо поменять состояние флажка Reverse (Обратный порядок) в окне настроек градиента. Результат представлен на рис. 5.5.
Рис. 5.5. Первый вариант восхода
Теперь требуется подкорректировать свет на самом изображении. Откройте палитру слоев и сделайте активным слой с первоначальным изображением.
Первое, что необходимо — это осветлить или затемнить начальное изображение (все зависит от конкретной фотографии). Для этой цели предлагаем воспользоваться настройками в диалоговом окне Hue/Saturation (Цвет/Насыщен- ность) (рис. 5.6).
Параметр Saturation (Насыщенность) определяет насыщенность цветов: чем ближе передвигается маркер к левому краю, тем больше серых оттенков на изображении. Яркость цветов определяется параметром Lightness (Яркость),
При изображения вы можете также настроить его контрастность: Image Adjustments Настройки Яр- кость/Контраст). Диалоговое окно с настройками данной команды представлено на рис. 5.7.
Рис. 5.6. Диалоговое окно Hue/Saturation (Цвет/Насыщенность)
IBrightne$s> Contrast
:Brightes声 ’ I …一
Cancel J
Рис. 5.7. Диалоговое окно Brightness/Contrast (Яркость/Контраст)
После того как вы закончите коррекцию слоя с изображением, можете подправить и слой с небом (если в этом есть необходимость), используя все вышеопи- санныеспособы,
В результате у вас должна получиться реалистичная фотография, на которой будет изображен восход солнца. Результат нашей работы представлен на рис. 51 цветной вкладки.
Радуга
Радуга — одно из самых прекрасных природных явлений. Ни один человек нс остается равнодушным, когда после летнего дождя видит в небе разноцветную арку. Поэтому использование радуги — это один из наиболее распространенных приемов в дизайне рекламы.
Но что делать, если у вас нет фотографии с радугой или те, что есть, абсолютно не подходят? Оказывается, ее совсем нетрудно нарисовать самим, причем достаточно реалистично. Не верите? Посмотрите итоговую иллюстрацию этого раздела.
Приступим к работе. Прежде всего подберите подходящую фотографию (оригинал рисунка находится на компакт-диске mustrations\Ch05\5_008,tif). Она не должна быть слишком темной, небо должно быть хорошо видно и, желательно, без облаков. Но облака не являются большой преградой, так как нет ничего проще, чем превра-
титъ облач I юе небо в ясное. Для этого достаточно выделить при помощи инструментов выделения или маскирования участки неба и залить все синим П)аднентом.
Рис. 5.8. Исходное изображение
Чтобы ПОЛАДИТЬ изображение радуги, нужно ответить па два вопроса. Первый - как создать подходящий градиент, второй — как его правильно наложить.
При создании радуги использование градиента напрашивается само собой. Радуга и есть по сути своей природный градиент очень широкого спектра цветов. Мы, конечно, не станем передавать их все, так как в этом нет никакой необходимости, но все же основные цветовые составляющие придется вспомнить.
С помощью инструмента Gradient (Градиент) создайте новый градиент. Настройки видны на рис. 5.9, но все же прокомментируем их. Мы будем использовать радиальный градиент (Radial). Так как радиус наложения градиента будет большим, а цветовая составляющая радуги занимает на нем достаточно узкую полоску, го в результате применения мы получим естественную аркообразную радугу.
Может возникнуть вопрос, почему кроме черных бегунков применяется всего три других. Дело в том, что градиент — это переход цвета, и под каждым из бегунков скрывается достаточно большое количество оттенков. Это и придает эффекту реалистичность.
Следующая часть работы непосредственно с созданием градиента не связана. Мы будем готовить место для радуги. Некоторые объекты должны загораживать часть дуги в небе: в данном примере это деревья, их и нужно исключить из зоны применения градисвпюй заливки.
NewNewMane： (CuslomMane： (CuslomРис. 5.9. Создание градиентаРис. 5.9. Создание градиента
New
New
Mane： (Cuslom
Mane： (Cuslom
Рис. 5.9. Создание градиента
Рис. 5.9. Создание градиента
Для этого нужно создать выделение простралства, предназначенного для заливки. Вы можете пойти несколькими путями, в зависимости от выбранной фотографии. Возможно, этот этап не придется проходить вообще и можно будет сразу перейти к следующему, если у вас полностью пустое небо. Самая легкая ситуация — радуга в пустыне. Второй по сложности вариант — наличие объектов простой геометрической формы, вроде гор или домов. Их можно без труда выделить специальными инструментами, такими как Magnetic Lasso (Магнитное лассо).
И наконец, третий вариант сложности имеет место в нашем примере. Это очень сложные объекты, в особенности деревья. Выделить их вручную невозможно, использовать инструменты выделения бессмысленно — даже если вы выделите деревья по контуру (что тоже непросто), то у вас еще останутся просветы между листьями и другие труднодоступные места.
Решение этой проблемы очень интересно — воспользуемся каналами. Откройте палитру Channels (Каналы) и посмотрите на существующие каналы. У вас их будет четыре. На RGB пока не обращаем внимания, изучаем каналы Red (Красный), Green (Зеленый), Blue (Голубой). Найдите самый контрастный, на котором наиболее четко проступают элементы деревьев.
После того как вы определили такой канал (в приведенном примере им оказался Blue, рис. 5.10), скопируйте его на новый слой. Для этого достаточно перетащить мышью выбранный слой на кнопку с изображением листка бумаги.
Необходимо еще более увеличить контрастность скопированного канала. Лучше
выполнить это в несколько этапов.
Рис. 5.10. Необходимо выбрать самый контрастный канал
Сначала откройте диалоговое окно Brightness/Contrast (Яркость/Контраст): Image Adjustments Brightness/Contrast (Изображение Настройки Яркость/Контраст). Поработав с бегунками, добейтесь еще большей четкости
Но этого может не хватить. Тогда придется немного поработать вручную, используяBurn (Затемнитель) и Dodge (Осветлитель). Как вы,
уже поняли, их необходимо применить вне поддавшихся обработке, скореетакими станут некоторые листья.
Затем перейдите в палитру(Слои) и создайте новый слой для радуги. Сра
зу щелкните правой кнопкой мыши по новому слою и выберите команду Blending Options (Параметры наложения), В открывшемся окне измените Blend Mode (Режим наложения) на Screen (Осветление), а непрозрачность (Opacity) уменьшите до 70-80
После этого загрузите канал как выделение: Select Load Selection (Выделение Загрузить выделение). В результате вы получите правильно выделенное изображение, с которым уже можно работать.
Теперьсозданным градиентом картинку. Это может и не получиться
с первого раза. Постарайтесь найти идеальное место для размещения градиента. Наложив градиент, вы можете еще раз настроить прозрачность, но, скорее всего, в этом не будет необходимости. Итоговое изображение показано на рис. 52 цветной вкладки.
Дождь
В компьютерной графике нам чащеприходитсяМы
долгие часы в поисках исходногопытаясьчто-то такое,
с чем было бы поменьше работы. И какна поиски гораздо
больше времени, чем понадобилось бы для обработкине очень хорошего
изображения.
Смысл этого раздела в том, чтобы показать вам, что непосильных задач нет. то, что кажется сложным или невыполнимым, в результате сводится к несколькимоперациям. Но ви состоит талант-
уметь понять, какту илина первый взгляд,вещь
элементарным Сейчас из обычного дня мы сделаемКак бы невероятно это ни
чало,приданногографическогоредакторавсяработазайметнеболее
минут. Итак, если фотографин вы подобрали, можно приступать (оригинал рисунка находится на компакт-диске
Рис.Исхсизображение
Перейдите в меню Layer (Слой) и создайте новый слой: Layer Create Layer (Слой Создать Слой), либо просто нажмитеДля удобства назовем его Дождь.его черным либо белым цветом (дело вкуса, технически
не имеет значения).
Примените к данному слою фильтр Add Noise (Добавить шум): Fitter Noise Add Noise (Фильтр Шум Добавить шум). Установите флажок Monochromatic (Монохромный) (рис. 5.12).
Этот параметр реализует шум в серых тонах, в отличие от простого шума, в котором пикселы случайным образом распределяются по разным цветовым каналам. Установите большую силу действия данного фильтра (Amount), остальные параметры значенияимеют. Б результате процентное соотношение белого и чер
ного цветов на изображении будет примерно 50/50, поэтому цвет нойи не был важен.
33Add NoiseAdd NoiseAmogAmog%%
3
3
Add Noise
Add Noise
Amog
Amog
%
%
DiStrtidtlon
〕Uniform 少 Gajssiari
P Monochromatic
Рис. 5.12. Настройки фильтра Add Noise (Добавить шум)
Для того чтобы придатьмассе разрозненных точек форму струй дождя,
пользуйтесь фильтром Filter Blur Motion Blur (Фильтр Размытие Размыть в движении). Наклон и силу действия установите по своемуВсе
зависит от того, какой дождь вам нужен (летний грибной или ураганный). настройки видны на рис. 5.13.
Рис. 5.13.Motion Blurв движении)Рис. 5.13.Motion Blurв движении)
Рис. 5.13.Motion Blurв движении)
Рис. 5.13.Motion Blurв движении)
Переведите слой Дождь в режим Screen (Осветление), воспользовавшись свойствами наложения пикселов слоя Blending Options (Параметры наложения). Это позволит убрать черные полосы. Чтобы струи стали тоньше, можно настроить яркость изображения с помощью уровней яркости: Image ► Adjustments ► Levels (Изображение ► Настройки > Уровни) либо сочетание клавиш CtrL+L. Чем ближе вы установите белый и черный маркеры, тем тоньше будут струи дождя (рис. 5.14).
Output Levels |i5(255Output Levels |i5(255
Output Levels |i5(255
Output Levels |i5(255
Теперь можно добавить немного мрачности небу, если есть необходимость. В этом может помочь старый прием, который уже описывался ранее. Создайте еще один слой (CtrHShift+N). Выберите инструмент Gradient (Градиент), цвета установите черный и белый, тип градиента — линейный. Темная часть градиента должна располагаться вверху, а светлая внизу. Двойным щелчком мыши на данном слое в палитре Layers (Слои) откройте окно Layer Style (Стили слоя), выберите в нем режим Multiply (Умножение), после чего подкорректируйте прозрачность (Transparency). Можно поместить данный слой под слой Дождь, впрочем, это остается на ваше усмотрение. То, что у пас получилось, показано на рис. 5.15.
Рис. 5.15. Результат настройки яркостиРис. 5.15. Результат настройки яркости
Рис. 5.15. Результат настройки яркости
Рис. 5.15. Результат настройки яркости
Если же ваше изображение все еще остается слишком ясным и вы можете исправить это прикорректирующего слоя. Щелкните мышью по кнопке
с изображением черно-белого круга в палитре слоев и в появившемся меню рите команду Hue/Saturation (Тон/Насыщенность). Подкорректировав параметры насыщенности (Saturation) и яркости (Brightness), вы добьетесь желаемого
После того, как вы будете удовлетворены полученным результатом, склейте все слои: Layers Merge Layers (Слой Объединить с предыдущим) илиВот и все.
Итоговое изображение представлено на рис. 53 цветной вкладки,
Туман
Начать создание данного эффекта нужно с поиска подходящей иллюстрации. Рекомендуем выбрать пейзаж; лучше, если на нем будет река или озеро. Рисунок 5.16 — исходное изображение, использованное нами (оригинал рисунка находится на компакт-диске
Рис. Исходный пейзаж
Если исходная картинка слишком яркая, это следует исправить при помощи команд Hue/Saturation (Цвет/Насыщенность) или Brightness/Contrast трастность) из раздела меню Image Adjustments (Изображение Настройки).
Создайте новый слой: Layer New Layer (Слой Создать Слой) или
Данный слой будет корректирующим, то есть предметных изменений в изображение он не внесет, однако повлияет на общий вид иллюстрации,
Установите основные цвета по умолчанию, нажав клавишу D (белый — цвет черный — цвет переднего плана). Примените фильтр(Облака) из набора
Render (Освещение). Вы получите белую дымку неправильной формы, неравномерно распределенную по всему изображению. После этого действия изображение скроется под новым слоем и будет выглядеть так, как показано на рис.
исправить получившийся результат, измените режим наложения пикселов этого слоя с Normal (Обычный) на Screen (Осветление). Благодаря этому все темные места станут прозрачными, а белые останутся без изменения. Если изображение стало слишком белым, то уменьшите непрозрачность слоя до 30-40
Рис. 5.17. Корректирующий слой
Создайте еще один слой, щелкнув мышью на кнопке с изображением чистого листа, расположенной в палитре Layers (Слои), либо нажав сочетание клавиш CE+Shift+N.
Вспомним некоторые свойства тумана, которые мы должны передать. Чем он дальше, тем он более непрозрачный и густой. Идеальный инструмент для передачи этого свойства — градиент. В данном случае градации должны быть от черного цвета к белому. Выберите Gradient (Градиент) в палитре инструментов (клавиша, позволяющая сделать этот выбор с клавиатуры, — G). Нужно применить ]'радиент таким образом, чтобы самая светлая часть находилась там, где ей необходимо быть по логике (Б самом дальнем месте реки). В свойствах слоя поставьте режим наложения Screen (Осветление) и настройте непрозрачность слоя. Результат представлен на рис. 5.18.
1 Рис. 5.18. Изображение после применения фильтра Clouds (Облака) и градиента
Сейчас мы уже имеем некое подобие тумана. Чтобы улучшить изображение, придется пойти несколько трудоемким путем. Возьмите инструмент Brush (Кисть), включив при необходимости его модификацию Airbrush Capabilities (Возможно-
ити аэрографа), в качестве основного цвета выберите белый и нарисуйте несколько линий, желательно размещенных несимметрично, примерно так, как па рис. 5.19,
Рис. 5.19. Линии, образующие туманРис. 5.19. Линии, образующие туман♦■-—嚏：• !■ 1^$чм ^;-”-，♦■-—嚏：• !■ 1^$чм ^;-”-，
Рис. 5.19. Линии, образующие туман
Рис. 5.19. Линии, образующие туман
♦■-—嚏：
• !■ 1^$чм ^;-”-，
♦■-—嚏：
• !■ 1^$чм ^;-”-，
Это будет основа. Но, разумеется, туман не может образовывать настолько ровн;>1е формы. Реалистичность можно придать следующим образом: выделяйте небольшие кусочки линий и применяйте к ним фильтр TwirL (Скручивание) из группы Distort(Деформация) (рис. 5.20).
Рис. 5.20. Диалоговое окно фильтра Twirl (Скручивание)Рис. 5.20. Диалоговое окно фильтра Twirl (Скручивание)
Рис. 5.20. Диалоговое окно фильтра Twirl (Скручивание)
Рис. 5.20. Диалоговое окно фильтра Twirl (Скручивание)
Теперь перейдите к общему размытию. Мы советуем выполнить его с помощью фильтра Motion Blur (Размыть в движении). В параметрах укажите ориентацию снизу вверх, а силу — на свое усмотрение. Если этого окажется недостаточно, то можно также воспользоваться простым размытием. В результате изображение должно стать похожим на то. которое представлено на рис. 54 цветной вкладки.
Молния
Особенность создания данного изображения заключается в том, что оно начинается не с подбора пли рсдакт1|р(.)|кши51 готового изображения, а с «чистого листа».
Создайте новое изображение: File % New (Файл > Создать) или сочетание клавиш Ctrl+N. Мы не рекомендуем выбирать большие размеры для данной иллюстрации, так как чем больше формат, тем более трудоемкой становится работа в связи с тем, что все мелкие недочеты видны очень явно, Вам понадобится применять больше настроек, а может, даже и поработать кисточкой или аэрографом, редактируя неудачные участки. Чтобы избежать лишних трудностей, попробуйте для начала создать описанный эффект на изображении небольшого размера.
Установите цвет переднего плана черным, а цвет фона — белым. (Это цвета по умолчанию, поэтому вы можете выбрать их с клавиатуры путем нажатия клавиши 0).
Выберите инструмент Gradient(Градиент) и залейте линейным градиентом изображение сверху вниз. В настройкахданного инструментаустановите тип Foreground to Background (От цвета переднего плана к цвету фона). Opacity (Непрозрачность) — 100 /о. Какой цвет будет расположен снизу, а какой сверху, не имеет значения, однако соотношение белого и черного должно быть примерно 1:1. Результат представлен на рис. 5,21.
Рис.5.21,Применяемый градиент
Воспользуйтесь фильтром Clouds (Облака), расположенным в разделе Render (Освещение). Цвета переднего и заднего плана должны оставаться черным и белым. При помощи данного фильтра вы можете создать градации черного и белого цветов неправильной формы. А благодаря градиентному фону наибольшее скопление темных тонов появится посередине нашего изображения. Рисунок 5.22 иллюстрирует получившийся результат.
Но в 1?рттроде все наоборот — темное пебо и на нем яркая вспышка молнии. Поэтому проинвертпруите изображение: Image > Adjustments ► Inverse (Изображение > Настройки ► Инвертировать) или CE+L В результате у вас должно получиться изображение, на котором хотя бы смутно будет прорисовываться разряд молнии
(рис. 5.23). Все последующие операции будут направлены на то, чтобы сделать его ярче и выразительнее, поэтому если вас не устраивает что-то в «сырой» версии молнии, то лучше переделаете первые 3 шага сейчас, так как потом средств для преобразований практически не будет.
Рис, 5.22. Изображение после применения фильтра Clouds (Облэка)
Рис. 5.23. Начальный аариант молнии
Для начала слегка откорректируем яркость вспышки. Воспользуемся командой Brightness/Contrast (Яркость/Контраст). расположенной в разделе меню Image 卜Adjustments (Изображение ► Настройки). Какие вам установить значеНИЯ, мы подсказывать не беремся, так как фильтр Clouds (Облака) — инструмент непредсказуемый, и расположение и яркость вашей молнии заранее не пзвестм ы. Поэтому предлагаем вам просто передвигать маркеры до тех пор, пока вы не добьетесь желаемого результата. В нашем примере яркость была установлена порядка -40, а контрастность +32 (рис. 5.24).
Brightness/Contrast
Brightnessв I
Рис. 5.24. Диалоговое окно Brightness/Contrast (Яркость/Контраст)
СОВЕТ
Не стоит делать молниюяркой, так как изображение будетнеесте
ственным, если будет видна только вспышка, которая не будет освещать ничего вокруг,
Далее определиться с цветом, которым будет светиться молния. Наверное, стоит сделать его синим, фиолетовым или голубым, хотя это исключительно ваш выбор. всего выбрать цвет с помощью команды (Цвет/ Насыщенность), которая, так же как и предыдущая, находится в разделе меню Image Adjustments (Изображение Настройки). Прежде чем выбирать составляющие цвета, не забудьте флажок (Тонирование). Мы установили следующие параметры (рис. 5.25): Hue (Цвет) — 216, Saturation (Насыщенность) — 22, Lightness (Яркость) — 7.
Рис. 5.25. Настройки цвета вокне Hue/Saturation (Цвет/Насыщенность)
После этого шага можно остановиться, однако если вы проявите еще немного терпения и доделаете все до конца, то ваше изображение переживет первый взгляд небольшие изменения, которые, скажутся весьма значительно на итоговом результате. Далее мы будем работать с на рис. 5.26.
Рис. 5.26.молния
Предлагаем вам откорректироватьпомощи тоновых кривых. Откройте окнокривых командой ImageCurves (Изображение
Настройки Кривые) или нажатием клавишпостроить
подобную изображенной на рис. 5.27. Благодарякривой светлые
осветлятся еще больше, темные станут практическиа полутона «уйдут
в тень», сохранив при этом свой цвет. Прикривой исходите
сов своего изображения; помните, что горизонтальная шкала — это та, а вертикальная — выходные, и вы легко добьетесь успеха.
Рис. 5.27. Вид
Тем, кто не прислушался к совету оизображения, можно
еще команду Levels (Уровни), которая также находится в меню Image Adjustments Настройки) (клавиатурный эквивалент — CtrL+L). Чем ближе вы будетедруг к другу белый и черный маркеры, тем тоньшеста
новиться ваша молния.
Если вы все сделали правильно, то результат получится похож на рис. 55 цветной вкладки.
Если вам требуется молния, ориентированная иначе, нежели в представленном варианте, то градиент следует проводить под углом к горизонтали. Другими словами, линия вспышки будет параллельна полосам, создаваемымсо
ставляющими
Засыпаем пустыню снегом
Для начала подберите фотографию, с которой вы будете работать. У нас выбрано, на первый взгляд, абсолютно неподходящее гор под
лучами солнца. Казалось бы, что может связывать этот жаркий пейзаж с холодной но немного терпения — и горы покроются снегом, а от пустыни не останется и следа (оригинал находится на компакт-диске ILlustrations\Ch05\5_028.tif).
Рис. 5.28. Исходное изображение
Сначала покроем снегом ройные участки местности. Для этого при помощи инструмента Реп (Перо) выделите псе плоские области, включая подножия екал. Вы можете воспользоваться любым другим инструментом выделения Photoshop, но Реп (Перо) позволяет н аиболее четко определить 1ранмцы выделяемых объектов, а главное — контур, созданный данным инструментом, можно редактировать. Если на вашем пзображеппи присутствуют какие-либо объекты, на которых должно быть меньше снега, чем на остальных участках равнины, стоит оставить их невыделенными. У нас такой объект — дорога. Преобразуйте выделенную область в маску. Для этого перейдите в палитру Channels (Каналы) и щелкните мышью на кнопке с белым пунктирным кружком (Save Selection as Channel (Сохранить выделение как кам ил)). Переименуйте полученный канал в Снег. Результат можно наблюдать на рис. 5.29.
Глядя на любой пейзаж, нетрудно заметить, что он имеет три измерения, и глубина в реальной природе выражена так же ярко, как высота и ширина. Для того чтобы передать глубину, воспользуемся еще одним вспомогательным каналом, который назовем Глубина. Итак, создайте новый канал и постройте на нем градиентный переход от черного цвета к белому. Темная часть градиента должна располагаться вверху, а нижняя внизу. Эта маска нужнь для того, чтобы применяемые к изображению эффекты были видны на передием плане более четко, чем на заднем. Создайте копню канала Снег и назовите ее Снег 1, затем, находясь в только что созданном канале, загрузите маску Глубина в выделение. Для этого щелкните мытью по необходимому каналу, удерживая клавишу Ctrl, либо щелкните правой кнопкой мыши по данному каналу и из раскрывшегося меню выберите команду Load Channel as Selection (Преобразовать в выделение), либо просто нажмите на соответствующую кнопку в палитре каналов. Теперь необходимо размыть канал Снег 1: Filter 卜 Blur ► Blur (Фильтр 卜Размытие > Размытие). Если одного раза недостаточно, то повторите эту операцию. Так как снежные сугробы имеют неправильную геометрическую форму и покрывают землю неоднородно, то мы советуем применить фильтр Torn Edges (Выделить края) из набора Sketch (Эскиз). Используемые настройки фильтра вндны на рис. 5.30.
Рис.Канал, содержащийРис.Канал, содержащийEdgesEdgesBalanceBalanceSmoothnessSmoothnessРис. 5.30. Применение фильтра Torn Edges (Выделить края)Рис. 5.30. Применение фильтра Torn Edges (Выделить края)
Рис.Канал, содержащий
Рис.Канал, содержащий
Edges
Edges
Balance
Balance
Smoothness
Smoothness
Рис. 5.30. Применение фильтра Torn Edges (Выделить края)
Рис. 5.30. Применение фильтра Torn Edges (Выделить края)
в палитру Layers предварительно загрузив маску 1 как выделение. Создайте новый слой, скопировав на него выделенную область. Для этого необходимо правой кнопкой мыши по слою с фоном и в раскрывшемся меню выбрать пункт Duplicate Layer (Создать копию слоя). Для
его При работе с этим слоен довольно много, так что рекомендуем давать им значимые имена, чтобы не впоследствии.
Сейчас, наконец, созданием Находясь па только что созданном слое, команду Image Adjustments (Изображение Настройки Убрать насыщенность). Не следует путать данную с преобразованием в черно-белый режим, так как мы только изменяем цвет на фотографии, не затрагивая при этом цветовые каналы, из которых он состоит. После участки снега должны стать цвета. Чтобы превратить их в снежно-белые, необходимо
данного слоя. Мы предлагаем проделать это при помощи уровней яркости: выберите команду меню Image ► Adjustments > Levels (Изображение > Настройки» Уровни) или нажмите CtrL+L. На графике (рис. 5,31) переместите белый маркер к пику яркости (если начальное изображение очень темное) или почти к самому пику (в том случае, когда сильного осветления не требуется).
Рис. 5.31. Применение уровней яркости
Если вы оставили менее заснеженные участки на переднем плане, то теперь вам необходимо их выделить. Особой т()ч пости здесь не требуется. Создадим слой через копирование, а затем новы и слой Передний план поместим под слоем Снег, Из-за того что Передний план будет перек])ы ваться Снегом, точные границы выделения на нем не требовались. Обесцветим слой переднего плана аналогичным способом. Далее следует действовать в зависимости от того, какой объект вы редактируете. Если, например, вы работаете с изображением дороги, то можете применить фильтр Note Paper (Почтовая бумага) из серии Sketch (Набросок). Благодаря этому фильтру вы сможете воссоздать эффект неровной грязноватой поверхности. Можете слегка изменить прозрачность слоя, чтобы из-под снега проглядывала дорога с ее первоначальным цветом. Если ЕН6Г получился слишком темный, то, как и в предыдущем примере, подкорректируйте изображение командой Levels (Уровни) (Ctrl+L), сделав дорогу светлее. Вид изображения на данном этапе иллюстрирует рис. 5.32.
Закончив работу с плоскими участками, займемся скалами. На них тоже должен лежать снег, но больше веете снега скапливается в расщелинах к па верши - нах. Создадим еще один слой и назовем его Скалы. Этот слой должен быть копией фона. При помощи команды Image > Adjustments ► Desaturate (Изображение > Настроикк ► Убрать насыщенность) обесцветим горы (рис. 5.33). Снова можно воспользоваться фильтром Note Paper (Почтовая бумага), на этот раз для того, чтобы создать подобие комков снега： которые будут находиться в тех местах, откуда их не могло снести ветром. Чтобы отрегулировать прозрачность и видимость некоторых участков дйешо го слоя, откройте палитру Layer Style (Стили слоя), щелкнув правой кнопкой мыши по слою Скалы. А теперь изменим настрой - ки команды Blending Options (Параметры нможешш) так, чтобы горы стали в достаточной степени видны из-под снега.
Рис. 5.32. Промежуточный результат
Рис. 5.33. Обесцвеченные
Сейчас создайте еще один слой через копирование, предварительно выделив на слоеДля выделенияможете воспользоваться любым подходящим(начиная спалочки иПером),
Чтобы изображение приобрело практически законченный вид, необходимо правильно расположить слои. Первым сверху должен быть слой Небо, ниже — Равнина, следующий — Дорога, затем — Скалы, ну а в самом низу должен располагаться исходный фоновый слой.
Теперьразрозненные слои в единое целое. Это можно сделать разными
способами.
вы можете создатькорректирующий слой Цвет/Насыщенность:
Layer New Adjustment Layer Hue/Saturation (Слой Создать корректирующий слой
Если выLightness (Яркость)
и Saturation (Насыщенность), то слишком яркие участки на вашем изооражении потускнеют.
Во-вторых, вы можете сделать небо более пасмурным, наложив на него еще один слой с применением фильтра Clouds (Облака) и невысокой прозрачностью.
И наконец, вы можете просто оттенить все ваше изображение, добавив голубую дымку при помощи нового слоя, залитого темно-синим цветом. Прозрачность данного слоя установите невысокую. Вот и все. Бы сделали, на первый взгляд* почти невозможное — засыпали знойную пустыню снегом. Результат работы представлен на рис. 56 цветной вкладки.
Солнечное затмение
Для начала нужно подобрать фотографию с пейзажем. Рекомендуем выбрать такую, чтобы небесное пространство занимало значительную часть изображения. Мы будем работать с иллюстрацией, изображенной на рис. 5.34 (оригинал рисунка находится на компакт-диске Illustrations\Ch05\5_034.tif).
Рис. 5.34. Начальное изображение
Первое, что необходимо сделать, — это затемнить небо, так как при затмении становится довольно темно. Для этого можно воспользоваться такими командами, как Levels (Уровни), Hue/Saturation (Цвет/Насыщенность), Brightness/Contrast (Яр- кость/Коптраст) из раздела меню Image Adjustments (Изображение ► Настройки). Если необходимо кардинально изменить небо (есть Солнце, Луна, другие объекты или оно просто не нравится), то можно воспользоваться фильтром Clouds (Облака).
Перед этим откройте палитру Channels (Каналы) и просмотрите все составляю - щие цветовой модели. Выберите канал, на котором предметы, изображенные на
неба, больше всего контрастируют с ним, и сделайте копию этого канала, перетащив его к кнопке счистогорасположеннойпа
литры каналов. Сейчас необходимо увеличить контрастность так, чтобы превратилось в черно-белое. Для этого палитре
Sponge (Губка) и установите режим тонирования Saturate (Насыщенный). позволяет снизить насыщенностьв результате чего онии осветляются.инструмент Brush (Кисть)с мягкими края
ми и хорошо обработайте область неба, тщательно закрашивая псе, даже небольшие участки. Не беспокойтесь она остальную часть изображения, она
не изменится.
После того как осветлите небо,инструмент BurnСилу
нажима установите порядкаа область воздействия — Shadows (Тени).
Выберите кисть с мягкими краями и обработайте объекты, находящиеся на неба. Инструмент Burnделает пикселы изображения менее ярки
ми. В результате у вас должно получиться контрастное
Загрузите маску в выделение,мышью по каналунажатой клави-
Ctrl. Выберите н качестве основных цветов черный н темно-синий и выполните команду 行!t円卜 Render * Clouds (Фильтр 卜 О/s；cni,^iine > Облака). Теперь небо должно стать значительнее темнее, а благодаря фильтру Clouds (Облака) окраска будет неравномерной и похожей на ту, которая представлена на рис. 5.35.
Рис. 5.35. Затемненное неравномерно окрашенное небо
Приступим ксозданиюработать
наслое, чтобыбыло корректировать создаваемый эффект. Начнем
с ореола. Выберите в палитреMarquee (Эллиптическое
выделение). Чтобы получить круг, нужно воспользоваться том при нажатой клавише Shift. Залейте полученную область желаемым цветом (лучше всего будетголубой(рис. 5.36).
Необходимолуну, которая закроет солнце. Для этого можно вновь вос
пользоваться эллиптическим выделением, расположив его в центре уже ного круга, аподкорректировать уже имеющееся. Мы выбрали преобразование сжатия:Modify Contract (Выделение Изменить Сжать). Радиус
определяется размером, а также разрешением изображения, над которымработаете. В нашемон равен 5 пикселам (рис. 5.37).
Рис. 5.36. Основа затменияРис. 5.36. Основа затмения
Рис. 5.36. Основа затмения
Рис. 5.36. Основа затмения
Contract
Contract By 5
Cancel ]
Рис. 5.37.окноContract (Сжать)
Залейте полученное выделение приинструмента Paint(Заливка)
(клавиша G). Для заливки следует использовать темный цвет, можно даже чер- как па рис. 5.38.
Если вы видели затмение хотя бы на картинках, то навернякачто
возле черного круга ореол светлее. Этот эффект можно передать с помощью инструмента Brush (Кисть), работающего в режиме аэрографа, или инструмента Dodge (Осветлитель). Если вы используете аэрограф, то силу нажима установите около 20-30 /о, если же осветлитель, то прозрачность должна быть в пределах 60-70 %. Аккуратно, не выходя за границы ореола, осветлите его часть (рис. 5.39).
СОВЕТ
При выполнении данной операции ровность не обязательна, можно даже
на. Для достижения наилучшего результата необходимо получитьореол непра
вильной формы.
Рис. 5.38. Заготовка луны с ореолом
Рис. 5.39. Внутренняя часть ореола
Закончив с внутренней частью, приведите в надлежащее состояние внешнюю. Предлагаем сделать это при помощи ластика. Стирайте края окружности, придавая им неправильную форму. Не переусердствуйте и не заденьте черный круг внутри изображения, так как только свечение вокруг луны должно иметь неправильную форму. Результат. который должен получиться, представлен на рис. 5.40.
Так как почти все преобразования производились и ри помощи инструментов рисования, то, скорее всего, результат получился довольно грубый, мало напоминающий затмение. Для придания мягкости примените фильтр Gaussian Blur (Размытие по Гауссу) из раздела Blur (Размытие) к слою с солнцем (рис. 5.41).
Рис.Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу)
Для достижения более реалистичногоможете слегкаполучившееся изображение приSmudge (Палец).
Так как мывид неба, то. присмотревшись к изображению,заме-
что теперь объекты на фоневыглядятосвещенными.
тесь в палитру Channels (Каналы) и загрузите еще разиз созданного
ранее дополнительного канала. Так как выделенным окажется небо, а работать необходимо с объектами,па его фоне, товыделение. Это можнонажав сочетаниеко
манду Select Inverse
этого уменьшитеизображения. Для этой цели подходит любаяцветокоррекции из разделаГтаде Adjustments (Изображение
Настройки): Hue/Saturation (Цвет/Насыщенность), Brightness/Contrast (Яркость/ Контраст), Levels (Уровни) или Curves (Кривые). Мы остановились на первом варианте, используемые настройки показаны на рис. 5.42.
Hue/5.uration ：「：—」：■：；. ■:厂Hue/5.uration ：「：—」：■：；. ■:厂0K |Cancel I0K |Cancel ILoad...Load...Г Colorize犷PreviewГ Colorize犷PreviewРис. 5.42. Диалоговое окно Hue/Saturation (Цвет/Насыщенность)Рис. 5.42. Диалоговое окно Hue/Saturation (Цвет/Насыщенность)
Hue/5.uration ：「：—」：■：；. ■:厂
Hue/5.uration ：「：—」：■：；. ■:厂
0K |
Cancel I
0K |
Cancel I
Load...
Load...
Г Colorize
犷Preview
Г Colorize
犷Preview
Рис. 5.42. Диалоговое окно Hue/Saturation (Цвет/Насыщенность)
Рис. 5.42. Диалоговое окно Hue/Saturation (Цвет/Насыщенность)
В результате у вас должно получиться изображен!]e, анадотчное рис. 57 па цветной вкладке.
Делаем из дня ночь
В этом разделе мы займемся решением такой илтереспой задачи, как смена времени суток. Мы постараемся из солнечного Д1151 сделать звездную ночь. Конечно. определить, что это не фотография ночного города, можно будет без особого труда, однако результат получится достаточно рСсишстнчн ы м и оригинальным.
Наша работа основана на том, что ночью все объекты видны только в градациях серого, естественно, если нет искусственного освещения. Поэтому сделать из дня ночь достаточно просто, но вот лз ночи день — задача абсолютно неподъемная. Прежде всего подберите фотог рафик j. Лучше, если на фоне неба не будет деревьев, но и это тоже не преграда. Мы оста ловились па рис. 5.43 (оригинал рисунка находится на компакт-диске Illustrations\Ch05\5_04-3.tif).
Прежде всего необходимо отделить небо от всего остального. В том случае, если у вас геометрически сложные объекты, например деревья, заслоняют горизонт, придется воспользоваться способом выделения, описанным в разделе 6.2.
Нам же такой сложный способ сейчас не требуется. На фоне неба у нас только купола храма, выделить кото])ше не. представляет сложности. Для этого лучше всего использовать инструмент Magnetic Marquee (Магнитноелассо) или Polygonal Lasso (Многоугольное лассо). Не забудьте о том, что если вы используете инструменты выделения при лажато!! клавише Alt( то выделенная область вычитается из имеющейся, а при нажатой клавише Shift — наоборог, добавляется. Не 6biuainc выделять и такие места, как крупнее лросиегы между ветками.
Рис. 5.43.изображение
небо, можно приступать непосредственно к созданию эффекта. Инвертируйте выделение нажатием клавиш или командой Inverse (Выделение Инвертировать). В результате будет выделено все, кроме неба.
Избавимся от цветов в изображении. Но для этого нельзя использовать смену цветового режима, так как конечное изображение у нас цветное. В данном случае идеально подходит Adjustments (Изображение Настройки Убрать насыщенность). В результате вся нижняя часть фотографии обесцветится, что нам и требовалось.
Рис. 5.44.команды Levels (Уровни]
Однако яркость и освещенность фотографии пока ещеИс
правим это при помощи коррекции уровней яркости: Image Adjustments
Настройки Уровни) или CtrL+L, Примененные настройки показаны на рис. 5.44.
Впрочем, для решения этой задачи с не меньшим успехом можно использовать команду цветокоррекции Brightness/Contrast (Яркость/Контраст). Все равно настраивать приходится исключительно на глаз, а с этой командой большинству работать значительно удобнее из-за меньшего количества настроек.
Земля почти сделана. Однакочетких контуров не видно, что связано со
свойствами человеческогоЭто необходимо показать и в нашей работе.
фильтр Gaussian Blur: Filter Blur Gaussian Blur (Фильтр Размытие
Размытие по Гауссу). Наши настройки видны на рис. 5.45.
Radius，l pixels
Рис. 5.45. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу)
займемся непосредственно небом. ИнвертируйтеУстановите в качествепланаа в качестве фона
ЭтодляGradient (Градиент).
ВыберитеGradient (Градиент) ичто он находится в режи
ме Foreground to Background (От цвета переднего плана к цвету фона). Примените его так, чтобы синий оказался ближе к горизонту, а черный — к верху фотографии. В результате у вас получится то, что показано на рис. 5.46.
Осталось добавить звезды и луну. Начнем с первого. Опытчто самый
быстрый, простой и качественный способ рисования звезд — это кисти.
Выберите в качестве цвета переднего плана белый или светло-желтый. Выбор зависит только от вашего желания иситуации. Обязательно нужно
создать новый слой
маленькую кисть с размытыми краями и нарисуйте несколько ков звезд. Учитывайтене должно быть никакой симметрии, а ближе
кзвезд вообще нет.
Рис. 5.46. Создаем небо при помощи градиента
Затем смените кисть на более крупную и нарисуйте более яркие звезды. Но запомните: в местах, где начинаются оттенки синего, больших звезд быть не должно, так как там выше освещенность. Наш результат — рис. 5.47.
Рис. 5.47. При помощи кистей рисуем звезды
Остался последний этап —Луну. Это очень просто. Создайте круглое
выделение при помощи инструментаMarquee (Эллиптическое выделение),
Не стоит сразу делать его равным по размеру будущей Луне, это помешает работе. Сделайте его как можно больше.
Выберите команду Select Feather (Выделение Растушевка) ипа
раметр Feather Radius (Радиус) равным 5 пикселам. Это позволит получить Луну спереходом в небо.
В качестве цвета переднего плана установите темно-желтый, в качестве фона — черный. Примените фильтр Clouds (Облака):Render(Фильтр
Освещение Облака). Вы получите пятна на будущей Луне. Но они выглядят еще недостаточно естественно. Исправить это можно, увеличив контрастность при помощи команды Image > Adjustments > Brightness/Contrast (Изображение % Настройки Яркость/Контраст).
Придайте Луне требуемый размер и поместите ее в нужное
Free Transform (Свободноекоторую можно вызвать приИтоговоепредставлено на рис. 58
цветной вкладки,
Рисуем космос
В данном разделе будут описаны способы имитации сразу трех природных явлений, однако наиболее они смотрятся чем и обусловлено их объединение.
Создайте новое изображение. В отличие от большинства эффектов, мых в этой главе, его создание «с чистого листа».
Первое, о чем пойдет речь, — это Земля. Возьмите инструмент Elliptical Marquee (Эллиптическое выделение) и выделите круг. Расположите его таким образом, чтобы на изображении осталось только около четверти круга.
основные цвета по нажав клавишу D (черный — цвет переднего плана, белый — цвет фона). Примените к выделенной области фильтр Clouds (Облака) из раздела Render (Освещение). Далее применяйте фильтр Difference Clouds (Облака с из того же раздела, до тех пор пока на изображении не появится удовлетворяющее вас количество переходов между белым и чер-
цветами. Остановиться на варианте, похожем на рис. 5.18.
Рис. 5.48. Основа Земли
Земная поверхность имеет не гладкую структуру, а состоящую из множества неровностей, что и необходимо передать. Предлагаем сделать это следующим образом:
Texture(ФильтрТекстура Кракелюры). Поэкспериментируй-
с настройками в диалоговомфильтра. Параметры,
ные нашемна рис.
iCrdqueluieDeck Sac”丁—iCrdqueluieDeck Sac”丁—
iCrdqueluie
Deck Sac”丁—
iCrdqueluie
Deck Sac”丁—
Сгзск Depth『"
88Рис. 5.49. Диалоговое окно фильтра(Кракелюры)Рис. 5.49. Диалоговое окно фильтра(Кракелюры)
8
8
Рис. 5.49. Диалоговое окно фильтра(Кракелюры)
Рис. 5.49. Диалоговое окно фильтра(Кракелюры)
При желании можно воспользоваться данным фильтром еще раз, установив чения параметров поменьше.
Создать впечатление объема можно следующим образом, Примените фильтр Spherize (Сферизация): Filter〉Distort Spherize (Фильтр > Деформация Сфери- зация) (рис. 5.50). Параметр Amount (Эффект) должен бытьна максимальное значение, a Modeостается на ваше усмотрение.
также можно применить более одного раза.
Рис. 5.50.окно фильтра Spherize (Сферизация]Рис. 5.50.окно фильтра Spherize (Сферизация]
Рис. 5.50.окно фильтра Spherize (Сферизация]
Рис. 5.50.окно фильтра Spherize (Сферизация]
Пришло время раскрасить Землю. Можно сделать это разными способами, однако мы применить команду Image (Изображение Настройки Цветовой баланс). Цвет, в который будет окрашена Земля, сейчас практически имеет так как он изменится. Но для удобства его естественным (коричневым или Диалоговое окно с установленными настройками изображено на рис. 5.51.
匚5—1Caxel I匚5—1Caxel I偿 Preview偿 PreviewColor Balance
匚5—1
Caxel I
匚5—1
Caxel I
偿 Preview
偿 Preview
Color Balance --
Color Levels: ГТ)p§ 同
,-
Green
a ' 'Slue |
Tone-
Shadowstones
Preserve Luminosity
Рис.Диалоговое окно Color Balance (Цветовой баланс)
Теперьхудожественная, самаячасть работы. Откройте
окно тоновых кривых: Image Adjustments Curves (Изображение Настройки
Как известно, при работе с цветнымипри помощи
кривыхизменять не только освещенность, но и цвет. Необходимо
тать каждый из каналов (цветовых составляющих), чтобы Земля перестала быть одноцветной. Наизображении были применены кривые, показан
ные на рис. 5.52.
Вот своего изображения изменитетак чтобы
океаны, горы и леса. При необходимоститакже подкорректировать об
щую кривую.
фильтр Gaussian Blur (Размытие по Гауссу), установив небольшой ра- воздействия. Это нужно лишь для того, чтобы слегка смягчить края и избавиться от сходства с вырезанной картинкой, которое, скорее всего, появится в процессе
Насделанных из космоса, всегдачтоокру
жена голубым ореолом атмосферы. Чтобы передать это явление, воспользуйтесь инструментом(Градиент).
Откройте палитру Layers (Слои) и создайте новый слой. Для этого щелкните на с изображением чистого листа, расположенной внизу палитры, либо команду Layer New Layer (Слой Создать Слой).
Перейдите в палитру параметров градиента. Выберите или создайте градиент, состоящий из черного и синего цветов. Откорректируйте прозрачность так, чтобы одна часть черного была прозрачна, а вторая — нет. Распределение цветов и прозрачности в градиенте представлено па рис. 5.53.
07]"⑵川
—■ f Preview
画
Рис. 5.52. Используемые кривые
цвет
прозрачность
Рис. 5.53. Распределение цвета и прозрачности в градиенте
В настройках инструмента установите тип Radial (Радиальный) и разместите 1"радиент на рисунке так, чтобы радиус расположения синего цвета был чуть больше, чем радиус самой планеты. Исправить недостатки в расположении градиента можно при помощи свободного трансформирования (Ctrl+T). В результате изображение должно получиться похожим на то, которое представлено на рис. 5.54.
Если градиент получается слишком ярким, то уменьшите прозрачность слоя, на котором он расположен.
Теперь необходимо создать космическое пространство. Как известно, оно очень темное, но если воспользоваться одноцветной темной заливкой, то выглядеть бу-
дети некрасиво. В таких случаях лучший инструмент для передачи различных природных— фильтр Clouds (Облака).
Рис. 5.54. Планета с атмосферой
Создайте еще один слой, поместив его между двумя созданными ранее.
тесь на слой с атмосферой, где при помощи инструмента MagicWand (Волшебная палочка)все, что расположено за планетой и голубым ореолом. Допуск
установите довольно большой, чтобы переход в фон, образующийся впоследствии, был плавным.
натолько что созданный слой и примените фильтр Clouds (Об
лака): FUter 号 Render > Clouds (Фильтр > Освещение Облака). Основными цветами при этом должны быть черный и темно-синий. Если есть можно немного изменить прозрачность слоя, а также настроить
цветов при помощи команды Brightness/Contrast (Яркость/Контраст) из меню Image Adjustments (Изображение Настройки),
Добавим звезды. Для этого можно воспользоваться инструментом Brush (Кисть), в том числе и в виде аэрографа, установив параметрAirbrush Capabilities (Возможности аэрографа). Установите нужный набор кистей, выберите в нем кисти в форме звезд и примените их на вашем изображении. После этого рисунок должен стать похож на5.55.
Остался последний этап — нарисовать комету. Начинать рекомендуем на новом изображении. Создайте новый файл произвольного размера, однако учтите, что рисунок, расположенный на нем, потом будет перенесен на изображение космоса, поэтому размеры советуем выбирать не очень большие.
Фон на изображении установите черным. В качестве цвета переднего плана выберите белый. Создайте круг,основным цветом. Для этого вы мо
жете воспользоваться фигурами.
Чтобы придать комете неправильную форму, примените фильтр Glass (Стекло); Filter Distort Glass (Фильтр Деформация Стекло). Настройки можно установить любые, главное, чтобы изображение немного исказилось. Диалоговое фильтра и примененные нами настройки приведены на рис. 5.56.
Рис. 5.55. Готовы Земля, небо и звезды
严 Т ек1иге:卜^印-©
Scaling¥
Г (nvait
Рис. 5.56. Диалоговое ОКНО фильтра Glass (Стекло)
Для создания хвоста кометы воспользуйтесь фильтром Wind (Ветер) из набора Stylize (Стилизация) (рис. 5.57). Направление, в котором будет распространяться действие дашюго фильтра, не имеет значения, так как при необходимостл вы сможете развернуть комету. Применять этот фильтр следует до тех пор, пока хвост не станет достаточно длинным (для повторения действия можно нажимать сочетание клавиш Ctrl+F).
Еще раз исказите форму кометы при помощи приведенного выше фильтра Glass (Стекло), чтобы хвост также приобрел неправильную форму.
•I 1C0X ♦!
Method
二 Wed
户8蜀t
Stagger
Diiection -■■
Right the
Рис. 5.57.окно фильтра Wind (Ветер)
Длялучше всегоцветовымиоднако
перед этимпоследовательно выполнить следующиеменю:
Mode Grayscale (Изображение Режим Полутоповое),Mods
Index Color (Изображение b Режим > Индексированные цвета), Image > Mode ± Color Table (Изображение Режимтаблицы).
В раскрывающемся списке выберите таблицу, котораяBlack Body. Благодаря этомуизображениеокраску и
похожерис. 5.58.
Рис. 5.58. Результат применения цветовой таблицы
комету при помощиMagic Wand (Волшебная палочка).
Дляработывыделить фон, а потомвыделение
или Select Inverse (Выделение
Скопируйте выделенную область в буфер обменаперейдите на слой с изображением космоса и вставьте туда кометуЧтобы подобрать подходя-
место комете и се наклон, а также при необходимостиее (чтобы
былот Земли), воспользуйтесь свободным
ем
Послепреобразований изображение должно стать похожим на рис. 59 цвет
ной вкладки.
Отражение в воде
Мы не очень сложный, но эффект — отражение в воде. Это явление каждый из нас видел тысячи раз, поэтому результат можно себе представить довольно точно, Мы будем работать с изображением цветка (оригинал рисунка находится на компакт-диске
Рис. 5.59. Исходное изображение
Выберите картинку, с которой будете работать,создайте ее сами, Подумайте,
какого цвета должен быть фон на вашем изображении, так каки ваш
фон, вследствие чего на него будети слой синего цвета. Чтобы
бежатьтрудностей, мы рекомендуем использовать цвет заднего плана,
близкий кТак как первоначальный фон на нашем изображении был си
ний, то мы заменили его на голубые тона. Это сделано с помощью фильтра Clouds (Облака): Filter Render Clouds (Фильтр Освещение Облака), выделив цветок инструментом Magic Wand (Волшебная палочка). Если вы хотите этим фильтром, то не забывайте, что он создает произвольные переходы между основным цветом переднего плана (Foreground Color) и цветом фонаColor). Мы установили цвет переднего плана как насыщенный
синий, а фона — темно-синий, практически черный. Если вам кажется, что в вашем фоне не хватает яркости или насыщенности, то вы можете исправить эти недостаткипомощи тоновых кривых, баланса цвета/насыщенности (Hue/
Saturation) или яркости/контрастности (Brightness/Contrast). Удерживание нажатой клавиши Shift при использовании фильтра Clouds (Облака) позволит вам увеличить насыщенность цвета фона.
Подготовивотражение которого вы будете создавать, можете
дить к следующему этапу, а именно к созданию пространства, которое впоследствии будет заполнено водой. Сначала измените размер изображения: Image Canvas size (Изображение Размер холста). В раскрывшемся окне установите якорь холста на серединуряда, а высоту (High) возьмите равной 200
Ширину (Width) оставьте прежней.
Холст, на котором расположено изображение, в два раза, а сам рисунок размещается в верхней части полотна. Теперь выделите при прямоугольного выделения(RectangularMarquee)нижнюю частьизображения и создайте там воду. Вы можете использовать свои заготовки. Мы предлагаем самый простой способ создания водной поверхности, вполне для получения отражения, хотя отдельно применять его не рекомендуем: без дополнительных преобразований вода будет выглядеть натурально.
Создайте градиент с переходом от темно-синего к светло-голубому и расположите его так, чтобы светлая часть была внизу (рис. 5.60).
Gradient EditorGradient EditorРис. 5.60. Делаем водуРис. 5.60. Делаем воду
Gradient Editor
Gradient Editor
Рис. 5.60. Делаем воду
Рис. 5.60. Делаем воду
Инвертируйте созданное выделение (сейчас выделено само изображение) при помощи сочетания клавишСкопируйте выделенную область в буфер
обмена:или Edit Сору (Редактирование Копировать). Переверните изображение зеркально по вертикали: Image Rotate Canvas Flip(Изображение
Повернуть холст Отразить вертикально). Обратите внимание, что поворачивать изображение необходимо именно по вертикали, а не на 180°, так как нам нужно зеркальное отражение нашего рисунка.
Теперь создайте новый слой. Вы можете это сделать, щелкнув мышью на кнопке новогорасположенной внизу палитры слоев, или выполнив
Layer > New ► Layer (Слой > Создать，Слой), а также нажав сочетание
Вставьте на только что созданный слой область из буфера
Edit ► Paste (Редактирование ► Вставить) или Ctrl+V. Используя инструмент перс- мещения (горячая клавиша V), установите ее в самой верхней части холста так, чтобы получилось полностью симметричное изображение, ось симметрии которого проходит в горизонтальном направлении и располагается посередине холста. Результат представлен на рис. 5.61.
Рис. 5.61. Результат копирования
Если все сделано правильно, то должно получиться симметричное изображение. Но есть одно исключение. В верхней части изображения расположено два слоя, а в нижней — лишь один. Переверните ваше изображение по вертикали снова: Image » Rotate Canvas ► Flip Vertical (Изображение > Повернуть холст 卜От- разить вертикально).
Сейчас необходимо наложить голубоватую дымку на нижнюю часть изображе- Ш1凡так как отражение любого объекта в воде всегда имеет такой оттенок. Но чтобы эффект был более реа.листичным, мы предлагаем вам перейти на тот СЛО11( где расположена половина изображения, и изменить его непрозрачность (Opacity). Откройте палитру Layers (Слои) и установите эту величину равной примерно 50 /0, То, что у нас получилось, можно увидеть на рис. 5.62.
Если вы хотите добиться большей реалистичности, то добавьте немного ряби к водной части изображения. На приведенном примере это сделано следующим образом: выделена та часть холста, на которой располагается водное пространство, и к ней применен фильтр Ripple (Океанские волны) (рис. 5.63): Filter ► Distort > Ocean Ripple (Фильтр ► Деформация > Океанские волны). Параметр Ripple size (Размер) равен 9, a RippleMagnitude (Мощность) — 8.
Рис. 5.62. Изображение после изменения прозрачностиРис. 5.62. Изображение после изменения прозрачностиRipple S izeRipple S ize
Рис. 5.62. Изображение после изменения прозрачности
Рис. 5.62. Изображение после изменения прозрачности
Ripple S ize
Ripple S ize
Ripple Magnitude
—'"”e X
Рис. 5.63. Диалоговое окно фильтра Ocean Ripple (Океанские волны]
Получилось достаточно похоже. Вы в очерсдпоп раз смогли убедиться, что благодаря Photoshop решение непростых, на первый взгляд, задач оказывается довольно легким. Конечное изображение прсдстанлено на рис. 60 цветной вкладки.
Метеор
Сейчас мы рассмотрим очень простой эффект, который требует не столько знапня ирограхгмт>1, сколько фантазии и свободы творчества. Он может быть использован как в фантастических композициях, так н в качестве декоративного1
элемента.
Начинать реализацию задуманного будем с создания нового изображения. Для этого следует выполнить привычную комбинацию действий, а именно выбрать команду меню File ► New (Файл卜Создать) или нажать сочетание клавиш Ctrl+N. Единственным требованием к новому изображению будет черный фон, так как именно на нем наиболее ярко и выразительно можно создать эффект летящего метеорита. Фон можно залить при помощи инструмента Paint Bucket (Заливка) (горячая клавиша — G).
Затем выберите инструмент Line (Линия) (горячая клавиша — U).
IВНИМАНИЕ
В панели параметров установите для данного инструмента тип создаваемой фигуры Fill Pixels (Заполненная область). Это необходимо потому, что далее мы будем работать с линией как с растровым графическим элементом, а два других типа такой возможности нам не дадут.
Измените настройки инструмента так, чтобы получить линию со стрелкой на одном конце. Для этого необходимо щелкнуть на кнопке Geometry Options (Геометрические параметры) в панели параметров. В результате появится окно свойств фигуры, представленное на рис. 5.64.
Г' Arrovheads —
I厂Si&rt 犷End
? Width |38出
Рис. 5.64. Диалоговое окно Arrowheads (Стрелки)
Параметры можно установить любые, но так, чтобы стрелка получилась не очень толстая и длинная. В нашем примере параметр Width (Толщина) равен 300 %( a Length (Длина) — 500 %. Толщина самой ЛИНИИ также должна быть небольшой, 3-6 пикселов,
Выполнив все настройки, проведите линию желто-оранжевого цвета под углом так, чтобы получилось нечто похожее на рис. 5.65.
Рис. 5.65. Стрела
Активизируйте инструмент Smudge (Палец) (горячая клавиша — R). Выберите мягкую кисть средних размеров и немного смягчите стрелку. Этим же инструментом следует деформировать и линию, чтобы она приобрела неровные очертания. Примерный результат показан на рис. 5.66.
Рис. 5.66. Деформированная стрела
Следующим шагом будет создание светового блика на конце стрелы. Восполь:>у- емся специальным фильтром: Filter * Render ► Lens Flare (Фильтр ► Освещение ► Блик). На рис. 5.67 представлено диалоговое ;окно данного фильтра. На следует делать блик слишком большим, так как это будет выглядеть неестественно.
Рис. 5.67. Диалоговое окно фильтра Lens Flare (Блик)
На следующем этапе добавим ореол вокруг стрелки и имитируем свечение метеорита. Для этого мы воспользуемся еще одним фильтром из того же набора -
Render Lighting EffectsОсвещение ЭффектыДиалого
вое окно с настройками этого фильтра показано на рис. 5.68.
LightingLighting! Ai—卩闻一c : J6 "Channel:Г! Ai—卩闻一c : J6 "Channel:ГРис. 5.68. Диалоговое окно Lighting Effects (Эффекты света)Рис. 5.68. Диалоговое окно Lighting Effects (Эффекты света)厂 PfOperties'Ё 財。合 м^/ к / m"上j Materat 豊土"00 Met疵•Over厂 PfOperties'Ё 財。合 м^/ к / m"上j Materat 豊土"00 Met疵•Over
Lighting
Lighting
! Ai—卩闻一c : J6 "
Channel:
Г
! Ai—卩闻一c : J6 "
Channel:
Г
Рис. 5.68. Диалоговое окно Lighting Effects (Эффекты света)
Рис. 5.68. Диалоговое окно Lighting Effects (Эффекты света)
厂 PfOperties'
Ё 財。合 м^/ к / m"上
j Materat 豊土"00 Met疵
•Over
厂 PfOperties'
Ё 財。合 м^/ к / m"上
j Materat 豊土"00 Met疵
•Over
Параметрыфильтра следует подбирать исходя из конкретного изобра-
однако обязательным условием является установка значения Omni (То
чечный) в списке Light TypeКроме того,нужно
но разместить в центре стрелки, тогдабудет светиться, а деформированная
линия будет образовывать подобие хвоста. На рис. 5.69 представлено итоговое (см. рис, 61
Рис. 5.69. Итоговое изображениеРис. 5.69. Итоговое изображение
Рис. 5.69. Итоговое изображение
Рис. 5.69. Итоговое изображение
Наращиваем небо
Чаще всего при редактировании фотографий приходится устранять проблемы с с яркостью, а то и того хуже с композицией. В этом разделе мы jKif'cajh iT川м один из самых распространенных недостатков — MMzpcuupwHHKwRb-
ность изображения. Причем речь пойдет исключительно о таких нзображснги в которых необходимо увеличить площадь, занимаемую небом.
Вариант 1
Первый рассматриваемый вариант — панорамы. Такие мзображегш；! имеют шую длину, но недостаточную высоту. Они пригодны только для рсыглялывания и получения эстетического наслаждения, но если ваша цель иная и вы х，— и дальше работать с этим мзображением или испо?п>зовать его в качестве фона то его придется преобразовать.
В качестве примера возьмем иллюстрацию, представленную на рис. 5.70 (ортII- налрисунканаходится накомпакт-дискеIllustrations\Ch05\5_070.tif).
Рис. 5.70. Исходное изображение
Для начала увеличьте размер холста, выбрав команду меню Image Canvas Size (Изображение ► Размер холста). Перед вами появится диалоговое окно, показ ш- ное на рис. 5.71.
Рис. 5.71. Диалоговое окно Canvas Size (Размер холста)
Разместите изображение так, как показано на рис. 5.71, а затем измените только параметр Height (Высота). В раскрывающемся списке рядом с этим полем можно выбрать единицу измерения, наиболее удобную для вас. После этого увеличьте размер холста. Б результате выполнения данной операции исходное изображение будет расположено внизу, а наверху образуется пустота (рис. 5.72).
Рис. 5.72. Изображение на увеличенном холсте
Обратите внимание на верхнюю часть неба. Оно чистое (без облаков и прочих посторонних объектов), а следовательно, достаточно однородное. В этом случае для восполнения недостающего фрагмента можно воспользоваться инструментом Gradient (Градиент) (горячая клавиша — G),
Прежде чем определять вид градиента, при помощи инструмента Eyedropper (Пипетка) (его горячая клавиша — Г) установите в качестве основных цветов (Foreground Color и Background Color) наиболее темную и наиболее светлую точки неба. Далее выберите тип градиента Linear (Линейный), а направление цветового перехода — Foreground to Background (От цвета переднего плана к цвету фона).
Выделите при помощи инструмента Rectangular Marquee (Прямоугольное выделение) чистую область, расположенную над изображением. Залейте созданным градиентом образовавшееся выделение. Поэкспериментируйте с различными направлениями градиента, подбирая подходящий, более реалистичный), Полученный нами результат представлен на рис. 5.73 (см. рис. 62 цветной вкладки).
Рис. 5.73. Итоговое изображение
Вариант 2
Данная ситуация встречается как на панорамных, так и на любых других изображениях. Исходное изображение для этого примера показано на рис. 5.74 (оригп- нал рисунка находится на компакт-диске Illustrations\Ch05\5_074,tif). Как видите, на этом изображении небо не чистое, поэтому заполнить его градиентом не удастся. Описываемый далее способ расширения неба позволяет «увеличивать» небо ненамного, но и этого порой бывает достаточно.
Рис. 5.74. Исходное изображение
Увеличьте размер холста аналогично тому, как это было сделано в предыдущем примере при помощи команды меню Image > Canvas Size (Изображение ► Размер холста). Изображение на новом холсте, с которым будем работать мы, представлено на рис. 5.75.
Рис. 5.75. Исходное изображение на увеличенном холстеРис. 5.75. Исходное изображение на увеличенном холсте
Рис. 5.75. Исходное изображение на увеличенном холсте
Рис. 5.75. Исходное изображение на увеличенном холсте
Выделите фрагмент неба до самой высокой точки объектов, расположенных на его фоне (в нашем случае выделение доходит до горы), и нажмите сочетание клавиш Ctrl+T или выберите команду Edit ► Free Transform (Редактирование ► Свободное трансформирование). После этого вокруг выделенной области появится рамка с маркерами, позволяющая произвольно деформировать ее.
Далее, не изменяя горизонтальных вращая и не перемещая область, вытяните ее по вертикали, расширив участок неба на все изображение. В результате может получиться достаточно правдоподобная не исказить изображение слишком сильным растяжением. Изображение, которое мы получили, представлено на рис. (см. рис 63 цветной вкладки).
Рис. 5.76. Итоговое изображение
Капли воды
Наверное, более сложной задачи двумерной графики, чем реалистичная имитация не существует. этого состоит в том, что вода преломляет свет и искажает изображение под собой.
В этом примере мы еще раз будем воду, но на этот раз — на стекле. Для начала подберите подходящую фотографию. Мы выбрали изображение яблока величиной 400x400 пикселов (рис. 5.77) (оригинал рисунка находится на компакт-диске
Рис. 5.77. Исходная фотография
Создайте новый слойНастройки цвета должны быть выставлены по
умолчанию (D). Затем примените фильтр Clouds: Filter Render Clouds
Облака) и фильтрEdges: Filter StylizeEdges (Фильтр
Стилизация Найти края). В итоге вы получитесостоящее из
большого количества слабо выраженных линий неправильной формы,
Их нужно усилить. Для этого подходит рядновос
пользоваться инструментом Levels: Image Adjustments Levels
Настройка Уровни).на рис. 5.78.
Рис. 5.78. Настройки Levels (Уровни)Рис. 5.78. Настройки Levels (Уровни)
Рис. 5.78. Настройки Levels (Уровни)
Рис. 5.78. Настройки Levels (Уровни)
Полосы проявятсянамдля эффективного
применения фильтра, который являетсясекретом этого примера.
фильтр Plaster: Filter Sketch Plaster (Фильтр Набросок Штукатурка). Приме- авторами настройки показаны на
I ок I
■*, [piasie ['Balance■*, [piasie ['Balance
■*, [piasie ['
Balance
■*, [piasie ['
Balance
Smoothness
Light 卜 о；
Рис. 5.79. Параметры фильтра Plaster (Штукатурка)
Если нужно получить более крупные капли, задавайте меньшее значение для параметра Image Balance (Баланс изображения), при увеличении значения этого параметра капли будут уменьшаться. Затем добавьте будущим каплям при помощи фильтра Mask (Нерезкая маска) 5.80).
Если вид будущих капель устраивает, запустите инструмент Wand (Волшебная палочка) и что допуск (Tolerance) в панели не превышает 30-40. Затем нужно выделить фон вокруг «капель». Обратите внимание на то, что должен выделится только фон, тона на
должны остаться невыделенными. Если этого не произошло, уменьшите значение
Рис, 5.80.окно фильтра Unsharp Mask (Маска резкости)
Удалите все выделенное, нажав клавишу Delete. Если капли должны быть немного голубоватые, используйте Hue/Saturation (Оттенок/Насыщенность)
с параметрами, показанными на рис. 5.81.
Рис.Настройки Hue/Saturation (Опенок/Насыщенность)
Остался последний шаг. Смените режим пикселов (Blending mode) слоя в палитре (Слои) и, если понадобится, непрозрачность (Opacity). Пример выполнен полностью, результат показан на 5.82 (см. рис. цветной вкладки).
Рис. 5.82. Итоговое изображение
Взрыв и огонь
Сейчас мы поговорим об имитации двух достаточно схожих явлений — взрыва и пламени. Так как в первых нескольких действиях эти эффекты полностью
они и объединены в один пример, хотя оба достойны отдельного внимания.
Взрыв
Создайте новое изображениев цветовом режиме RGB форматом 400x400
Залейте при помощи инструмента Paint Bucket (Заливка) его черным
цветом. Основные цвета назначьте по умолчанию (D).
Активизируйте(G) в режиме(Радиальный). Убеди
тесь в том, что активен образец Foreground to Background (С фонового на основной), Создайте градиент, подобный показанному на рис. 5.83,
Рис. 5.83. Созданный градиент
Далее создаем новый слой
Запустите фильтрFilter Render Clouds (Фильтр Освещение Облака).
результат нужно усилить двойным применением фильтра Difference Clouds: Filter Render Difference Clouds (Фильтр Освещение Разностные облака).
Затем в палитре Layers (Слои) смените режим смешения слоя с облаками на Color Dodge. Результат после выполнения этого шага показан на рис. 5.84.
Рис. 5.84. Черно-белый взрыв
Осталось только окрасить взрыв. Сводите слои (CtrL+E) и выполтп'е команду Hue/ Saturation (Оттенок/Насыщенность) с настройками, показанными на рис. 5.85.
1 Рис. 5.85. Настройки Hue/Saturation (Тон/Насыщенность)
Пример готов. Если хочется сделать взрыв более контрастным, восполъзуйтес ь инструментом Levels (Уровни) иди Curves (Кривые). Авторы посчитали для себя этот шаг ненужным. Итоговое изображение показано на рис. 5.86 (см. рис. 65 цветной вкладки).
Рис. 5.86. Готовый взрыв
5.14.2 Огонь
Но можноеще дальше и из рис. 5.86 сделать очень реалистичный огонь.
Запустите фильтр Polar Coordinates (Полярныес настройками,
занными на рис. 5.87.
□33% jJ
to
to Rectangular
Рис. 5.87. Диалоговое окноCoordinates (Полярные координаты)
Затем переверните изображение: Image Rotate Canvas 180° (Изображение Поворот холста 180°) и обрежьте лишнее инструментом Crop (Обрезка). Наш показан на рис. 5.88. Впечатляет, правда (см. рис. 66 цветной вкладки)?
Рис. 5.88. Готовый огонь
Солнце
Продолжая огненную тему, попробуем нарисовать огненный шар в космосе Этот пример не очень простой из-за обилия слоев, необходимых для ции,выполняйте его с повышенным вниманием.
Создайте изображение небольшого (мы остановились на варианте 250x250 пикселов). Залейте фон черным цветом при помощи инструмента Paint Bucket (Заливка). В качестве цвета переднего плана (Foreground нужно выставить красный, в качестве заднего — желто-оранжевый (на этом этапе можно ориентироваться на итоговое изображение — там эти цвета видны).
Создадим новый слой (Ctrl+Shift+N) и назовем его Солнце. При помощи инструмента Marquee (Эллиптическое выделение), удерживая нажатой клавишу Shift, создайте круглое выделение в центре изображения, с диаметром, соответствующим диаметру будущего шара.
Примените фильтр Clouds: Filter Render (Фильтр Освещение Облака) и фильтр Spherize: Filter Distort Spherize (Фильтр Искажение Сферизация) со значением параметра Amount близким к 100.
Результат будет очень похож на залитый одним цветом круг (рис. 5.89), однако разность на уровне 2-3 значения есть (это можно проверить с помощью палитры Info что нам и нужно для успешной реализации примера.
Рис. 5.89. Изображение после применения фильтров Clouds (Облака) и(Сферизация)
Создайте еще один новый слойназовем его Пятна. Смените основ-
цвета на цвета по умолчанию (D). Теперь необходимо последовательно применить фильтры:
Clouds: Filter Render Clouds (ФильтрОблака);
DifferenceRender Difference(Фильтр Освещение Раз
ностные облака);
Spherize: Fitter Distort Spherize (Фильтр Искажение Сферизация) со значением параметра Amountравным 100.
Затем в палитре Layers (Слои) смените режим смешения (Blending Mode) слоя Пятна на Color Dodge (Цветовой прожиг). Результатбыть похож на рис. 5.90.
Начнем создавать ореол вокруг Солнца. Снимите выделениеи переключитесь на слой Солнце. Применим, нажав кнопку Add Layer(Добавить стиль
слоя) в палитре Layers (Слои) эффект Outer Glow (Внешнее свечение) с настройками, показанными на рис. 5.91 (лучше посмотреть на компакт-диске),
Рис. 5.90. Работа после перевода Пятна в режим смешенияmode) Color DodgeРис. 5.90. Работа после перевода Пятна в режим смешенияmode) Color DodgeQualityContourQualityContour
Рис. 5.90. Работа после перевода Пятна в режим смешенияmode) Color Dodge
Рис. 5.90. Работа после перевода Пятна в режим смешенияmode) Color Dodge
Quality
Contour
Quality
Contour
Рис.Настройки Outer Glowсвечение) для слоя Солнце
Создайте еще один новый слой под слоем Солнце. Его можно никак не назы- так как он понадобится нам только один раз. Восстановите выделение Солнца,левой кнопкой мыши на слое Солнце, удерживая при этом кла
вишу Shift,
Сузим полученное выделение на 4 пиксела: Select Modify ContractI»
Изменитьи зальем любым цветом. Затем уберем выделение
и снова применим слоевой эффект Outer Glow (Внешнее свечение), но уже для нового слоя и с настройками,на рис. 5.92 (см. прилагаемый
компакт-диск).
Теперь нужно создать еще один слой выше всехУбедитесь в том, что
установлены цвета по умолчанию (цвет переднего плана — черный, заднего — лый). Примените три разафильтры Clouds:Render
(Фильтр Освещение Облака) и Difference Clouds: Filter Render (Фильтр Освещение Разностные облака).
Outer GlowStructure l —• г "■ •"…:一BlendMade： Ue；- - 一二1OpdClj； i" = ■ —11i、 1 "I「"^ %№1%；匚L-，，-，，-一>j^%Outer GlowStructure l —• г "■ •"…:一BlendMade： Ue；- - 一二1OpdClj； i" = ■ —11i、 1 "I「"^ %№1%；匚L-，，-，，-一>j^%
Outer Glow
Structure l —• г "■ •"…:一
BlendMade： Ue；- - 一二1
OpdClj； i" = ■ —11i、 1 "I「"^ %
№1%；匚L-，，-，，-一>j^%
Outer Glow
Structure l —• г "■ •"…:一
BlendMade： Ue；- - 一二1
OpdClj； i" = ■ —11i、 1 "I「"^ %
№1%；匚L-，，-，，-一>j^%
EleM^nIj "' "■■■,,
Techn<qLia: ^Softer三］
Spread:
Sias г~ч~У，—чГ J?p<
Рис. 5.92. Настройки Outer Glow (Внешнее свечение) для вспомогательного слояРис. 5.92. Настройки Outer Glow (Внешнее свечение) для вспомогательного слояQuclity
Рис. 5.92. Настройки Outer Glow (Внешнее свечение) для вспомогательного слоя
Рис. 5.92. Настройки Outer Glow (Внешнее свечение) для вспомогательного слоя
Переведите слои в режим смешения (Blending Mode) Color Dodge. Сведите все слои
Авторы еще пем I loro обработали края солнечного диска инструментом Blur (Раз- MIjITIK' ) для того, чтобы шар более естественно смотрелся с короной, но вы можете пропустить этот шаг. На этом пример выполнен полностью, готовое изображение показано на рис. 5.93 (см. рис. 67 цветной вкладки).
Рис. 5.93. Итоговое изображениеРис. 5.93. Итоговое изображение
Рис. 5.93. Итоговое изображение
Рис. 5.93. Итоговое изображение
Глава 6
Создание рамок
Градиентная рамка414
Художественная рамка417
Фигурная деревянная рамка425
Быстрая рамка429
Градиентная рамка
Обычно картина лучше выгли./игг в рамке, особенно если рамка сделана с учетом особенностей изображения. Это касается не только рисованныхно
и созданных при помощи компьютерной графики. Именно поэтому мы решили посвятить целую главу описанию такой составной части изображения, как рамка. Начнем с самого простого, а главное, наглядного способа.
СоздайтеОбратите внимание на его композицию, то есть
на расположение предметов. Рамку можно создавать как поверх самой иллюстрации, так и вокруг нее. В качестве примера мы взялиизображенную на рис.(оригинал рисунка находится на компакт-диске
ChO6\6Jl.tif).
Рис.изображение
Посмотрите, есть ли на краяхдетали, которые необходимо сохра
нить. Если нет, то работать можно прямо поверх самой иллюстрации, именно так поступили мы. Если же такие детали есть, то измените размер изображения. Для этого выберите команду Image Canvas Size (Изображение Размер холста) и увеличьте размер холста так, чтобы поместиласьа изображение
не пострадало.
Когда изображение подготовлено, можно приступать к созданиюОткройте палитру(Каналы) и создайте новый канал. Для этого
те мышью на кнопке с изображением чистого листа, расположенной внизу палитры.
Мы назвали рамку градиентной потому, что основной инструмент, нспользуе- мый при ее создании, — это градиент. Установите цветом переднего плана белый. Б настройках градиента выберите тип Background to Transparent (От цвета фона к прозрачному). Данный инструмент будет применяться несколько раз, поэтому прозрачность одного края градиента позволит создавать эффект сложения, а не наложения.
Мы предлагаем воспользоваться линсппым градиентом, однако вы можете выбрать и любой другой тип. В результате должен получиться допо.гшительпый канал, похожий на тот, который изображел на рис. 62
Рис. 6.2. Дополнительный канал
Рамка должна иметь нечеткие, плавно переходящие в изображение края. Для достижения данного эффекта можно воспользоваться фильтром Gaussian Blur (Размытие по Гауссу) из набора Blur (Размытие). Можно также применить фильтр Add Noise (Добавить шум) из набора Noise (Шум). При использовании фильтра Add Noise параметр Amount (Эффект) должен быть равен 40-50 %. Не исключено и применение обоих фильтров.
После вышеописанных преобразований у вас должна получиться маска, полностью пригодная для создания рамки. Перейдите в канал RGB, после чего загрузите дополнительный канал в выделение. Это можно сделать, щелкнув по нему мышью с нажатой клавишей Ctrl
Выделенную область можно залить любым цветом или текстурой, можно также применить к ней какой-либо фильтр. Мы предлагаем воспользоваться фильтром Clouds (Облака) из набора Render (Освещение). Основные цвета должны быть черным и белым (их можно установить, нажав клавишу D). После применения данного фильтра изображение должно стать похожим на рис. 6.4,
「С* 1Cancel J旧Preview「С* 1Cancel J旧Preview100*100*O^triDutbri 6 —“I「GaussianO^triDutbri 6 —“I「Gaussian
「С* 1
Cancel J
旧Preview
「С* 1
Cancel J
旧Preview
100*
100*
O^triDutbri
6 —“
I「Gaussian
O^triDutbri
6 —“
I「Gaussian
犷 Moncchromatic
Рис. 6.3. Параметры фильтра Add Noise (Добавить шум)
Рис. 6.4. Первый вариант рамкиРис. 6.4. Первый вариант рамки
Рис. 6.4. Первый вариант рамки
Рис. 6.4. Первый вариант рамки
Если у вас возникла ситуация, аналогичная нашей, а именно рамка теряется на изображении н выглядит бледно и м])а'шо — так, как на рис. 6.4, то восиользхчЬ тесь одной из I шжеперечи слениы х команд коррекции изображения, находящихся
в разделеImage AdjustmentsНастройки): Hue/Saturation
Brightness/Contrast (Яркость/Контраст) или Curves
Мыкоманду Brightness/Contrast (Яркость/Контраст). Ее диало
говое окно использованныена рис. 6.5.
iBrightness/Contrast
6r AlnessJ510y I
47| ・* Preview " 二:一-：•£■—二
Рис. 6.5. Диалоговое окно Brightness/Contrast (Яркость/Контраст)
Еслиизменить не только яркость рамки, но и еето лучше
воспользоваться тоновыми кривыми (Image Adjustments Curves (Изображение KoppCKiw兄► Кривые)).
ВНИМАНИЕ -
Все операциинеобходимотолько тогда, когда
жено выделение из дополнительного канала. В противном случае будет изменяться не только рамка,и само изображение.
В результате должно получиться похожее на то, что на рис. 68 цветной вкладки.
этой рамкн заключается Б том, что она может иметь бесчисленное количество в зависимости от типа градиента и применяемых к нему фильтров,
Художественная рамка
Вариант 1
Создание этой и всехрамок необходимо начинать с подбора
дящего изображения. Рекомендуемтакие, края которых не несут в себе
никакой важной информации и потому могут быть закрыты рамкой, В
мы взяли фотографию, представленную на рис. 6.6рисунка
на
Работа начинается с создания выделения, которое впоследствии будет
вываться в рамку. Этоудобный метод, так как если вы работаете одновре-
с несколькими изображениями одинакового формата, то нет
все действия по созданию рамки — можно использовать уже готовую маску.
Откройте палитру(Каналы) и создайтеканал. Для этого
те мышью на круглой кнопке, расположенной в верхнем правом углу и из раскрывшегося меню выберите команду New Channel (Создать канал).
Рис. 6.6. Исходное изображение
в качествецвета белый и при помощи инструмента
Marquee (Эллиптическое выделение) создайте круг. Рамка может иметь любую форму, и чеморигинальнее, тем лучше, поэтомукругом не
стоит. Однако в примерах мы будем работать с простыми геометрическими фигурами, так как на них наиболее ярко выражены эффекты фильтров.
Создав круглое выделение, инвертируйте его; или Inverse (Выделение Инвертировать). Залейте полученную область белым со непрозрачностью цветом (рис, 6.7).
Рис. 6.7. Дополнительный канал
Не забывайте, что при работе с дополнительнымкоторый затем будет
преобразован в выделение, ни в коем случае не стоит отказываться от
серыхкоторые обозначают частично выделенные области. Чем
темнееменее прозрачной станет область при переходе к
и тем меньшебудетвоздействию.
Снимите выделение:илиDeselect (Выделение Отменить выделение). Далеевоспользоваться фильтром Mosaic Tiles (Мозаика):
Filter Texture Mosaic(Фильтр Текстура Мозаика).
Благодаря настройкам данного фильтра имеется довольно большойдля
экспериментирования. Для рамки,вашему вниманию, использованы следующие значения параметров (рис. 6.8): Tile(Размер) — 23, Grout
Width (Ширина) — Lighten Grout (Раствор) — 3. Если необходимо, чтобы рамка имелаочертания, то можно применить фильтр Gaussian (Размы
тие по Гауссу) из набора Blur (Размытие). В результате маска должна как показано на рис. 6.9.
Tiles
Tile Size洒
Grout
Lighten
Рис. 6.8. Диалоговое окно фильтра Mosaic Tiles
Рис. 6.9. Канал-рамка
После применения фильтра вернитесь в цветовой режим используемой модели '(Ctrl+«~» или щелчок мыши на значке данного канала).
Загрузите канал в выделение. Для этого достаточно щелкнуть мышью по необходимому каналу, удерживая при этом нажатой клавишу Ctrl. Можно также, сделав канал активным, щелкнуть на кнопке с изображением пунктирного круга, распо- ложеннойвнизу палитры каналов(Channels).
Возьмите инструмент Paint Bucket (Заливка) (клавиша G). Выберите цвет для рамки и установите его в качестве основного (цвета переднего плана), после чего воспользуйтесь заливкой. Результат представлен на рис. 69 цветной вкладки.
Вариант 2
Подберите изображение, на которое будет накладываться рамка. Все то, что говорилось о композиции иллюстрации и расположении рамки в первом разделе этой главы, остается в силе, поэтому внимательно посмотрите на края и, если нужно, увеличьте размер холста. В качестве примера возьмем изображение рис. 6.10 (оригинал рисунка находится на компакт-диске Illustrations\Ch06\6_10.tif).
Рис. 6.10. Исходное изображение
Как и в предыдущих случаях, создание рамки будет начинаться работой с каналами. Перейдите в палитру Channels (Каналы) и создайте новый капал. Вы можете сделать это, щелкнув мышью на кнопке с изображением чистого листа, Сделайте активным дополнительный канал. В нем необходимо создать прямоугольную область, окрашенную по периметру в белый цвет. Для этого воспользуйтесь инструментом Rectangular Marquee (Прямоугольное выделение).
Инвертируйте полученное выделение нажатием клавиш Ctrl+Shift+I или команде! i Select > Inverse (Выделить 卜Инвертировать). Возьмите инструмент Paint Bucket (Заливка) (клавиша G) и залейте белым цветом полученную область (рис. 6.11).
Рис.Дополнительный каналРис.Дополнительный канал
Рис.Дополнительный канал
Рис.Дополнительный канал
Не следует забывать очто белыйв данном канале обозначает ту часть
изображения, с которой в дальнейшем будет вестись работа, то есть после преоб- слоя в выделение именно эта область окажется выделенной,
После заливки выделение можно снять, оно больше не понадобится: нажмите или выберите команду(Выделение Отменить выделение).
Для создания оригинального рисунка воспользуйтесь фильтром
(Аэрограф) из набора Brush StrokesДля нашей рамки сделаны
настройки (рис. 6.12): Stroke Direction (Наклон штриха) — Right Diagoral
Stroke Length (Длина штриха) — 18, Spray Radius (Радиус разброса) — 23. Эти параметры могут быть любыми — зависят только от размеровчем большетем большие значения должны
иметь настройки данногоБ результатедолжен стать таким, как
изображенный па рис. 6.13.
trokes
Length
Radius
SUoke Oireeliort I Right Diagonal _*j
Рис. 6.12. Диалоговоефильтра Sprayed Strokes (Аэрограф)
Рис,
Перейдите в режим RGB (или другой, используемый нажав сочетание клавиш или щелкнув мышью на значке канала в палитре Channels Все ранее операции относились к каналу, то есть маске.
Перейдем к непосредственному рамки. Загрузите канал в виде выделения, мышью по кнопке с пунктирным кружком внизу палитры каналов либо, нажатой, по самому
Теперь вы можете область при помощи инструмента Paint Bucket (результат см. на рис. 70 или (Градиент) либо заполнить ее текстурой.
Вариант 3
Подберите изображение, с которым вы будете работать. О какую иллюстрацию лучше выбрать и как ее подготовить к работе, если края изображения несут информацию, которая не должна бытьможно узнать в разделе
В данном примере будет рассмотрен процесс создания рамки для изображения на рис.(оригинал рисунка находится на компакт-диске
Откройте палитру Channels (Каналы). Создайте новый дополнительный канал, на котором будет располагаться выделение для рамки.
Используя какой-либо инструментсоздайте прямоугольник. Наибо
лее удобными являются такие инструменты, как Rectangular Marquee (Прямоугольное выделение) и Реп (Перо).
Инвертируйте полученное выделение, нажав сочетание клавишлибо
выполнив команду Select Inverse (Выделение Инвертировать). Залейте белым полученную область. Результатом будет черный прямоугольник, ограниченный белыми полосами по периметру (рис. 6.15).
Рис.
Рис. 6.15. Дополнительный канал
вы привыкли работать в режиме быстрой маски, то можетевсе
действия в нем (конечно, при условии, что вы не собираетесь использовать рамку вторично).
Модифицируем форму рамки с помощью фильтра(Скручивание): Filter
Distort(Фильтр Деформация Скручивание). Мы использовали угол, рав
ный 392°, однако вы можете выбрать любое другое значение. Наши видны на рис. G.16,
Рис.Диалоговое окноTwirl (Скручивание)
Для достижения желаемого результата осталось применить всего один фильтр — полутона), —именно на этом этапе вам предстоит
повозиться с поиском оптимальных настроек. Их значения пояснять не имеет смысла, так как это тот случай, когда лучшепопробовать самим. Диалоговое окно данного фильтравызвать командой Filter Pixelate Color
(Фильтр Оформление Цветные полутона).
Не пугайтесь большого количества настроек. После нескольких эксперимен- все станет понятно. В нашемиспользовались следующие величи
ны (рис. 6.17): Max. Radius (Максимальный радиус) — 8 пикселов, Channel 1 (Канал 1) - 108,2 (Капал 2) - 165,(Канал 3) - 90,
(Канал 4) - 45.
Результатом применения данного фильтра должен статьпохожий на рис. 6.18,
Color
Max, Radius： 口S creen Angles (D agrees]:Channel 1:2:ffif~~Channel 2 解一Channel 4:J3T~Max, Radius： 口S creen Angles (D agrees]:Channel 1:2:ffif~~Channel 2 解一Channel 4:J3T~
Max, Radius： 口
S creen Angles (D agrees]:
Channel 1:
2:ffif~~
Channel 2 解一
Channel 4:J3T~
Max, Radius： 口
S creen Angles (D agrees]:
Channel 1:
2:ffif~~
Channel 2 解一
Channel 4:J3T~
Рис.окно фильтра Color Halftone (Цветные полутона)
Теперь перейдите в цветовой режим RGB идополнительный канал
в выделение, щелкнув по нему мышью в палитре Channels (Каналы) при нажатой клавише Полученное выделение можно залить любым цветом или текстурой. Конечный вид изображения представлен на рис. 6.19 (см. рис. 71 вкладки).
Рис. 6.18. Канал-рамка
Рис. 6.19. Итоговое изображение
Фигурная деревянная рамка
Иногда требуется имитация естественной, деревянной рамки для фотографии. Самый простой вариант обычной квадратной рамки описывать не станем -一 это очень просто и понятно; кроме того, в программе есть готовый макрос Wood Frame, который позволяет сделать такую рамку хоть и не идеально, но вполне прилично. Наша задача гораздо сложнее ^^^^и- сделать не просто объемную деревянную рамку, но еще и произвольной формы.
Прежде всего создайте новое изображение (Ctrl+N) в цветовой системе RGB. Размеры можно взять произвольные, но высота должна быть больше ширины примерно в полтора раза.
Теперь построим контур будущей рамки. Для этого идеально подходит инструмент Реп (Перо). Используя Перо, мы будем создавать новый контур, поэтому откройте палитру Paths (Контуры).
Сначала нарисуйте просто замкнутый прямоугольник. Помните о том, что контуры никакого отношения к изображению не имеют — это только один из типов выделения.
Затем возьмите инструмент Add Anchor point (Перо+) и модифицируйте контур по вашему желанию. Наш вариант показан на рис. 6.20.
Рис. 6.20. Контур рамки
Если вы удовлетворены полученным контуром, то его необходимо перевести в выделение. Для этого нажмите кнопку с изображением пунктирного кружка в палитре Paths (Контуры). Вы получите самое обычное выделение, но при этом контур у вас тоже сохранится, что дает возможность вносить исправления в выделение.
Теперь нужно залить рамку деревянной текстурой. Вы можете либо воспользоваться готовой фотографической текстурой (идеальный вариант), либо нарисовать ее по методике, описанной в разделе 4.1 (качествепньпг вариант), либо воспользоваться слоевыми эффектами (быстрый вариант). Мы пойдем по последнему пути. Скопируем фрагмент фона, соответствующий выделению, на новый слой. Это необходимо для эффективного применения стиля слоя. Чтобы это выполнить, последовательно нажмите сочетание клавиш Ctrl+C (копирование) и CtrL+V (вставка). Изменения вы сможете наблюдать только в палитре Layers (Слои).
Откройте палитру(Стили). Загрузите набор стилей под названием
(Текстуры). Это небольшая коллекция стилей, среди которых есть и дерево. берите Oak (Дуб). Результат показан на рис, 6.21.
Рис. Стиль Oak (Дуб)Рис. Стиль Oak (Дуб)
Рис. Стиль Oak (Дуб)
Рис. Стиль Oak (Дуб)
Это уже несколькодеревянную доску. Но нам необходимо добиться
рамки. Для этого в Photoshop есть весьма подходящий стиль слоя -
Bevel and Emboss (Скос и рельеф): Layer Layer Styleand Emboss (Слой Стили
слоя Скос и Рельеф). Настройки, примененные нами, показаны на рис. 6.22.
Bevel and Emboss………Styte； 忘€■ “丁 cJTechnique! fsmooih ~ Xplh. "& '**—-^ 13sl — иDkreeiion*. ^ Up 厂 DownSa. U25==.— ” So^w F 二 二’一j S P*Bevel and Emboss………Styte； 忘€■ “丁 cJTechnique! fsmooih ~ Xplh. "& '**—-^ 13sl — иDkreeiion*. ^ Up 厂 DownSa. U25==.— ” So^w F 二 二’一j S P*New Style.[ V PreviewNew Style.[ V PreviewAltitude;Altitude;ShadingShadingLightLightIIHighlight MEe： |screen W「二 1Opacity: u …=....=25=1(75[ ShadowHighlight MEe： |screen W「二 1Opacity: u …=....=25=1(75[ ShadowOp^ertyr U = “ ii2=y±3 咒5 “ %Op^ertyr U = “ ii2=y±3 咒5 “ %
Bevel and Emboss………
Styte； 忘€■ “丁 cJ
Technique! fsmooih ~
Xplh. "& '**—-^ 13sl — и
Dkreeiion*. ^ Up 厂 Down
Sa. U25==.— ” So^w F 二 二’一j S P*
Bevel and Emboss………
Styte； 忘€■ “丁 cJ
Technique! fsmooih ~
Xplh. "& '**—-^ 13sl — и
Dkreeiion*. ^ Up 厂 Down
Sa. U25==.— ” So^w F 二 二’一j S P*
New Style.[ V Preview
New Style.[ V Preview
Altitude;
Altitude;
Shading
Shading
Light
Light
I
I
Highlight MEe： |screen W「二 1
Opacity: u …=....=25=1(75
[ Shadow
Highlight MEe： |screen W「二 1
Opacity: u …=....=25=1(75
[ Shadow
Op^ertyr U = “ ii2=y±3 咒5 “ %
Op^ertyr U = “ ii2=y±3 咒5 “ %
Рис,Применение стиляand Emboss (Скос и рельеф]
Впрочем, настройки лучше подбирать в каждом случае индивидуально. Если вы примените наши, то получите примерно то, что изображено на рис. 6.23,
Рис. 6.23. Рамка после применения стиля Bevel and Emboss (Скос и рельеф)
Теперь можно вставить фотографию, для которой эта рамка и была сделана. В нашем случае это портрет девушки. Лучше всего выполнить вставку следующим образом. Откройте исходную фотографию и выделите все изображение: Ctrl+A либо Select ► All (Выделение > Выделить все). Скопируйте (Ctrl-rC) фотографию в буфер обмена и оставьте (CE+V) на новый слой, но уже в изображении с рамкой. Скорректировать размеры вставленной области можно при помощи преобразования Free Transform (Свободное трансформирование) (Ctrl十Т).
Но вид полученного изображения (рис. 6.24) неудовлетворптел ен, так как нереа- ли стичем. Для исправления этой снтуацнп необходимо сделать несколько корректирующих операций.
Прежде всего, примените к тому слою, на котором находится фотография, стиль Bevel and Emboss (Скос и рельеф), подобрав параметры на глаз. Обратите внимание на то, что, изменяя значение Direction (Направление), можно добиться впечатления как выпуклости, так и вдавлен ности фотографии в рамку.
Далее с помощью инструмента Туре (Текст) (клавиша Т) сделайте подпись к рамке и примените к ней все те же слоевые эффекты, чтобы придать буквам объем.
Все остальные улучшения также делаются с помощью слоевых стилей, поэтому не станем описывать их подробно. Скажем только, что гвозди на фотографии и оформление подписи сделано при помощи выделения и стиля Bevel and Emboss (Скос и рельеф). Фон — это простои линетгньп! градиент.
Конечное изображение показано на рис. 72 цветной вкладки,
Рис. 6.24, Добавляем фотографию
Быстрая рамка
Существует более простой способ рисовать рамки. Он настолько очевиден для тех, кто хорошо владеет программой, что авторы долго думали, стоит ли его включать в книгу, содержащую интересные нестандартные примеры, и решили, что умолчание о легком способе вводило бы читателей в заблуждение о сложности изготовления рамок, поэтому «Быстрая рамка» в книгу все-таки была включена.
Наше исходное изображение (оно должно быть достаточно большим — не менее 800x600 пикселов) показано на рис. 6.25 (оригинал рисунка находится на компакт-диске RLustrations\Ch06\6_025,tif).
Начать нужно с того, что подготовить место для рамки. Поэтому запустите Canvas Size: Image ► Canvas Size (Изображение ► Размер холста) и увеличьте холст на 30 % по вертикали и по горизонтали.
Затем запустите инструмент Custom Shapes (Пользовательские фигуры) в режиме Shape Layers (Слой фигуры). В меню инструмента загрузите дополнительный набор фигур под названием Frames (Рамки). В этом наборе действительно содержится несколько очень хороших рамок, которые могут удовлетворить почти все потребности. Мы выбрали рамку Frames 3,
Разместите рамку вокруг изображения. Откройте палитру Styles (Стили).
Суть эффекта в общем изложена. Теперь, выбрав подходящий стиль (а это может быть дерево, металл, стекло, пластик и т. д.), закончите рисование рамки.
Рис. 6.25. Исходное изображение
Для логической цельности примера мы сделаем резную деревянную рамку. Для этого загрузите набор стилей Texture (Текстуры) и выберите вариант Oak, Рамка примет вид, показанный на рис. 6.26.
Рис. 6.26. Рамка после применения стиля Oak
Рамка стала деревянной, осталось сделать ее объемной и резной. Для этого двойным щелчком на активных для данного слоя эффектах запустите Layer Style (Стиль слоя). Переключитесь на Bevel and Emboss (Скосы и рельеф) и установите настройки, показанные на рис. 6.27.
Дополнительную реалистичность добавит Contour (Контур) (рис. 6.28),
Bevel and
Style I Sinner Bevel3
Techriiqu*! jChisef Hard，二J
Otplh! Ц—s :爵「〜吗
Dh-ectwin;存UpГ Dow
Sis«： «^^，"*，“一—— Г ГP»
Soften： Q1 iрк
Sha«iingAJtHudeiО ок ConieuriSha«iingAJtHudeiО ок ConieuriUl« GIG M*Ul« GIG M*I Antt-4«s*dI Antt-4«s*d
Sha«iing
AJtHudei
О ок Conieuri
Sha«iing
AJtHudei
О ок Conieuri
Ul« GIG M*
Ul« GIG M*
I Antt-4«s*d
I Antt-4«s*d
ОрлсМ ・• ” —О • -• 164%ОрлсМ ・• ” —О • -• 164%Shadow Mode； P^iN； …”工]■Shadow Mode； P^iN； …”工]■Opacity i — «^O^k%Opacity i — «^O^k%
ОрлсМ ・• ” —О • -• 164%
ОрлсМ ・• ” —О • -• 164%
Shadow Mode； P^iN； …”工]■
Shadow Mode； P^iN； …”工]■
Opacity i — «^O^k%
Opacity i — «^O^k%
Highhqhl Modt: fscr・・n~ -— _xj ||
Рис. 6.27. Настройки Bevel and Emboss (Скосы и рельеф]
L COBt«ur ••' 'L ElcmentfL COBt«ur ••' 'L ElcmentfРис. 6.28. Параметры Contour (Контур)Рис. 6.28. Параметры Contour (Контур)
L COBt«ur ••' 'L Elcmentf
L COBt«ur ••' 'L Elcmentf
Рис. 6.28. Параметры Contour (Контур)
Рис. 6.28. Параметры Contour (Контур)
Если рамка вас устраивает, сведите слои (CtrHShift±E) и пример выполнен полностью (рис. 6.29) (см. рис. 73 цветной вкладки).
Рис. 6.29. Итоговое изображениеРис. 6.29. Итоговое изображение
Рис. 6.29. Итоговое изображение
Рис. 6.29. Итоговое изображение
Глава 7
Имитация объема в Photoshop
Тонкости применения фильтра3D Transform433
Металлические трубы437
Металлический болт439
Пуговица441
Завернутый уголок445
Объемная кнопка448
Стеклянная кнопка451
Заготовка для анимированнойкнопки452
Шестеренки454
Шар458
Трехмерная композиция из шаров461
Стеклянный шар на фоне пейзажа464
Кольцо из шаров468
Динамик472
Сигарета475
Стильные фигуры478
Щупальца в крови481
Объемная планета484
Стальной шар487
Тонкости применения фильтра
3D Transform (Трехмерное преобразование)
Для имитациивочень часто используется фильтр
(Трехмерное преобразование). Если у вас вCS его нет,
файл фильтра из папки Filters Photoshop 7 в соответствующую папку Photoshop CS.
Создайте изображениеразмера имодели. Напишите ка-
текст.
СОВЕТ
Надпись не должна быть очень большого размера, так как при трансформации она будет и может нена изображении.
Чтобы отредактировать текст,Теперь необходиморисунок текстового в растровый режим. Длякнопкой
мыши в палитре Layers (Слои) по слою с текстом и в раскрывшемся меню
Layerслой) (рис. 7.1).
6.0
Рис.Текст
к непосредственной работе с3D Transform (Трехмерное пре-
Для этого выполните команду Filter Render 3D Transform (Фильтр Освещение Трехмерное преобразование). В данном разделе будет рассмотрен пример работы спростым объектом, а именно со сферой, однако
выбрать и более сложные ифигуры.
Открыв диалоговое окно фильтра7.2),в нем инструмент Sphere
(Сфера) и создайтевокруг надписи. Круг должен полностью опоясы
вать текст и умещаться на изображении целиком. Возьмите инструмент Trackball (Трекбол) и попробуйте повернуть сферу. Можно вращать ее во всех направлениях, Необходимо развернуть ее так, чтобы буквыисказились, но были
видны полностью, как показано на рис. 7.2.
Создайте слой (Layer New Layer (Слой Создатьиего Сфе
ра. На этом слое сделайте круглое выделение при помощи стандартного инструмента Photoshop Elliptical Marquee (Эллиптическое выделение). Для того чтобы выделенная область имела форму круга, применяйте данный инструмент при нажатойShift. Расположите выделение так, чтобы оно совпадало с кругом,
фильтром 3DTransform (Трехмерное преобразование)
Создайте градиентную заливку от черного к белому цвету приинструмента Gradient (Градиент),тип градиента Radial (Радиальный). Светлая
частьдолжна располагаться ближе к центру, а черная по периметру.
Для того чтобы расположить шар под надписью, поменяйте местами слой с текстом и слой с градиентом при помощи простого перетаскивания.
Рис. 7.2. окно фильтра 3D Transform (Трехмерное
Возьмите инструмент Eraser (Ластик) небольшого радиуса действия и на слое с текстом сотрите серые участки которые появились после применения фильтра 3D Transform (Трехмерное (рис. 7.3).
Рис. 7.3. Шар с надписью
Теперь создайте эффект нависающего текста над шаром. Что для этого необходимо? Прежде всего, конечно, тень от букв. Для ее создания можно воспользоваться каким-либофильтром, а можно и эффектами слоя. Сде
лайте активным слой с текстом и, вызвав команду Layer Layer Style Drop Shadow (Слой Стили слоя Внешняя тень), подберите настройки,к вашему изображению. Диалоговоес настройками данного эффекта, используемыми принашего примера,на рис. 7.4.
Так как шар — фигура объемная буквы,на нем, находятся на
разном расстоянии от смотрящего, то уместно будет и:氢疝卩аз;口」，их в перспективе. Сделайте это с помощью команды Edit Transform Distort (Редактирование Преобразовать Деформация). При помощи мыши вы можетерасполо
жение узловых точек изображения независимо друг от друга. Пример такого вина рис. 7.5.
StylesStylesBlendingBlending1 Gn廿G《w1 Gn廿G《wInner.广 Oultr GlowInner.广 Oultr GlowC Bev el an，EmbossC Bev el an，EmbossГColorГ" Gradient OveEyГColorГ" Gradient OveEyL .OK IL .OK IShadowShadowГ* Cor.towГ* Cor.towГ TextureГ Texturefcnli-aSasedfcnli-aSasedГOverlayГOverlay厂-i- ■! ^厂-i- ■! ^Рис. 7.4. Настройки эффекта слоя Drop Shadow (Внешняя тень)Рис. 7.4. Настройки эффекта слоя Drop Shadow (Внешняя тень)[ioP*Eм i-[ioP*Eм i-Structure ‘*• •• '•*■**Blehd Mocie： |ми№1уOp*aty; »—'■'■■=:Structure ‘*• •• '•*■**Blehd Mocie： |ми№1уOp*aty; »—'■'■■=:二==^^Г-н二==^^Г-н:•:•*Global*GlobalNewstyle.J口 PreviewNewstyle.J口 PreviewOkianc*.Okianc*.QuawiyQuawiyContour:Contour:Noee:Noee:|g~X|g~X犷 Layer Knocks Out 鏡rop Shadow .犷 Layer Knocks Out 鏡rop Shadow .Рис. 7.5. СвободноеРис. 7.5. Свободное
Styles
Styles
Blending
Blending
1 Gn廿G《w
1 Gn廿G《w
Inner
.广 Oultr Glow
Inner
.广 Oultr Glow
C Bev el an，Emboss
C Bev el an，Emboss
Г
Color
Г" Gradient OveEy
Г
Color
Г" Gradient OveEy
L .OK I
L .OK I
Shadow
Shadow
Г* Cor.tow
Г* Cor.tow
Г Texture
Г Texture
fcnli-aSased
fcnli-aSased
ГOverlay
ГOverlay
厂-i- ■! ^
厂-i- ■! ^
Рис. 7.4. Настройки эффекта слоя Drop Shadow (Внешняя тень)
Рис. 7.4. Настройки эффекта слоя Drop Shadow (Внешняя тень)
[ioP*
Eм i-
[ioP*
Eм i-
Structure ‘*• •• '•*■**
Blehd Mocie： |ми№1у
Op*aty; »—'■'■■=:
Structure ‘*• •• '•*■**
Blehd Mocie： |ми№1у
Op*aty; »—'■'■■=:
二
==^^Г-н
二
==^^Г-н
:•
:•
*Global
*Global
Newstyle.J
口 Preview
Newstyle.J
口 Preview
Okianc*.
Okianc*.
Quawiy
Quawiy
Contour:
Contour:
Noee:
Noee:
|g~X
|g~X
犷 Layer Knocks Out 鏡rop Shadow .
犷 Layer Knocks Out 鏡rop Shadow .
Рис. 7.5. Свободное
Рис. 7.5. Свободное
Layer Style
После того как буквы займутокончательное положение, приступайте к
этапу создания изображения, а именно к приданию объема бук
вам и цвета шару.
Для того чтобы осуществить это, необходимо сделать активным слой с текстом и еще раз воспользоваться эффектами слоя: Layer Layerand
(Слой Стили слоя Скос и рельеф), Здесь также можно поэкспериментировать с настройками, а на рис. 7.6 показаны параметры, которые были использованы в примере.
Теперь следует раскрасить шар. Наиболее простой способ сделать это — воспользоваться командой Hue/Saturation (Цвет/Насыщенность), которая находится в меню Image Adjustments (Изображение Настройки). Работая с настройками, не забудьте установить флажок Colorize (Тонирование) (рис. 7.7).
Чтобы сделать иллюзию объема более выразительной, можно добавить тень от шара аналогично тому, как мы создавалиот букв, только на этот раз актив
ным должен быть слой Сфера.
口„ Style
StylesE№f曲g“t«R歹 gfftUttГ Drop ShadowГ* lraver Shadow广Oijtar Glow ■广 inner SlewStylesE№f曲g“t«R歹 gfftUttГ Drop ShadowГ* lraver Shadow广Oijtar Glow ■广 inner Slew• Bevel and Emboss• Bevel and Embossg+ructureStyle：g+ructureStyle：TechniqueTechniqueSmoothSmoothi ii iIIDirection：Direction：0容"Up 广 Down0容"Up 广 Down厂SVs厂Color Overlay 广 Gradiant Overlay Г Pattern Overlay Г Stroke厂SVs厂Color Overlay 广 Gradiant Overlay Г Pattern Overlay Г Stroke^^~”jl 丁火^^~”jl 丁火--ShadingShading||AZ[e. ^^_ [荐AZ[e. ^^_ [荐Attitude'Attitude'--F?" UseGI曲al Jght Р5Г^.F?" UseGI曲al Jght Р5Г^..610Ms Contour.610Ms Contour;Highlight Mode：後；& 一口 [;Highlight Mode：後；& 一口 [Opacity.Opacity.VVSf)燄 см ModeOpacitySf)燄 см ModeOpacity胧TTTi7胧TTTi7可=徳К可=徳К
Styles
E№f曲g“t«R歹 gfftUtt
Г Drop Shadow
Г* lraver Shadow
广Oijtar Glow ■
广 inner Slew
Styles
E№f曲g“t«R歹 gfftUtt
Г Drop Shadow
Г* lraver Shadow
广Oijtar Glow ■
广 inner Slew
• Bevel and Emboss
• Bevel and Emboss
g+ructure
Style：
g+ructure
Style：
Technique
Technique
Smooth
Smooth
i i
i i
I
I
Direction：
Direction：
0
容"Up 广 Down
0
容"Up 广 Down
厂SVs
厂Color Overlay 广 Gradiant Overlay Г Pattern Overlay Г Stroke
厂SVs
厂Color Overlay 广 Gradiant Overlay Г Pattern Overlay Г Stroke
^^~”
jl 丁火
^^~”
jl 丁火
-
-
Shading
Shading
|
|
AZ[e. ^^_ [荐
AZ[e. ^^_ [荐
Attitude'
Attitude'
-
-
F?" UseGI曲al Jght Р5Г^.
F?" UseGI曲al Jght Р5Г^.
.
610Ms Contour
.
610Ms Contour
;Highlight Mode：後；& 一口 [
;Highlight Mode：後；& 一口 [
Opacity.
Opacity.
V
V
Sf)燄 см Mode
Opacity
Sf)燄 см Mode
Opacity
胧TTTi7
胧TTTi7
可=徳К
可=徳К
Рис. 7.6. Настройки эффекта слоя Bevel and Emboss (Скос и рельеф)
Рис. 7.7. Диалоговое окно команды Hue/Saturation (Цвет/Насыщенность)Рис. 7.7. Диалоговое окно команды Hue/Saturation (Цвет/Насыщенность)
Рис. 7.7. Диалоговое окно команды Hue/Saturation (Цвет/Насыщенность)
Рис. 7.7. Диалоговое окно команды Hue/Saturation (Цвет/Насыщенность)
В результате изображение должно CTilTli похожим на то, которое представлено на рис. 7.8 (см. рис. 74 цветной вкладки).
Рис. 7.8. Итоговое изображениеРис. 7.8. Итоговое изображение
Рис. 7.8. Итоговое изображение
Рис. 7.8. Итоговое изображение
Металлические трубы
Наша задача состоит в том, чтобы нарисовать фрагмент запутанного трубопровода, причем трубы должны быть металлические и объемные. Эта трудная, на первый взгляд, работа делается элементарно следующим методом.
Создайте файл (CtrL-N). Размер изображения не имеет никакого значения: чем больше холст, тем больше труб вы сможете разместить и тем более сложный рисунок у вас получптся.
Создание лабиринта из труб необхо/щмо начать с подготовки к основному этат; а именно с создания градиента, который будет использоваться в дальнейшем пр i реализации абсолютно всех труб. Установите в качестве цвета переднего плана (Foreground Color) черный, а в качестве цвета заднего плана (Background Color) белый (клавиша D).
Выберите инструмент Gradient (Градиент), установите тип градиента Linear (Ллнег- ный) и сделайте двойной щелчок мышью па значке градиента в панели параметров. Нам необходима создать образец градиентной заливки, состоящий из двух основ - ных цветов — черного и белого — и из дополнительных серых оттенков. Изображение градиента, пол\-чешюго нами, представлено на рис. 7.9. При его создании использовалось 7 цветовых ограничителей: белый, светло-серый, бел biiif темно-сс- рый, черпьш, черный и белый, — находящихся в положениях 0, 8, 16, 39, 57, 70, 100 соответственно. Все указатели средних точек были оставлены без изменения.
Name. 'Custorr.New
Gradient Type 叵而三|
Smootriness |i00 ； > | %
Stops
J3 —；—
Color- I IB location：洒 *Delete
Рис. 7.9. Создание градиента
Половина дела сделана. Теперь приступаем к непосредственному созданию труб. Выбирая различные инструменты выделения (такие, как выделения правильной формы и лассо), создавайте один за другим сегменты лабиринта из труб, а затем поочередно закрашивайте их с помощью линейного градиента (горячая клавиша — G) (рис. 7.10). Количество, рисунок и конфигурация труб остаются исключительно на ваше усмотрение,
Рис. 7.10. Используя выделение и заливку градиентом, создаем переплетение труб
Обратите внимание на то, что изображение лучше смотрится, если на нем представлено несколько труб с разным диаметром (рис. 7.11). Следите также за тем, какие трубы расположены на переднем плане, а какие на заднем.
Рис. 7.11. Чем сложнее переплетение, тем лучше
Чтобы придать металлу большую правдоподобность, можно добавить на него заклепки. Возьмите кисть диаметром 1 пиксел и поставьте несколько точек в необходимых по вашему усмотрению местах.
Задний план делается при помощи линейного градиента, можно использовать гот же градиент, что при создании труб. Конечное изображение представлено на рис. 7.12 (см. рис. 75 цветной вкладки).
Рис. 7.12. Результат работы
Металлический болт
Иногда требуется рисовать продукты индустрии вродеболтов и
металлической мелочи. В этом разделе будет описана технологи их создания.
Для начала создайте изображениеразмеров. Это позволит
на правдоподобную имитациювремени. Создайте выделение правильной
круглой формы, используяElliptical Marquee (Эллиптическое выде
ление) (горячая клавиша М), одновременно с нажатыми
выставив в панели параметров значение Style Constrained Aspect Ratio (Стиль Фиксированный коэффициент выделения).
Имитировать объем мы будем при помощи переходов между черным и белым цветом. Воспользуемся возможностями градиента (горячая клавиша инструмента — G). Закрасьтеобласть прилинейного
градиента. Результат показан на рис. 7.13,
Рис. 7.13.с помощью линейного градиента
Модифицируйте ваше выделение таким образом, чтобы его радиус уменьшился на 5 пикселов, с помощью команды Select Modify Contract (Выделение Изменить Сжать). Затем залейте выделенную область тем же градиентом, но в обратном направлении (рис. 7.14).
Повторите два последних деисты 1я только выделенную область сожмите на меньшее число пикселов, чем в первып риз. В результате у вас должна получиться до- вол ьно оригинальная заклепка (к тому ，кс весьма правдоподобная) (рис. 7.15).
Рис. 7.14. Промежуточная стадия — почти заклепка
Если вы не хотите останавл и ва ться па ,【.петит iiyro'i и наме|юны всс- гяки создать настоящий болт с прорезью под отвертку, то I гроделапте дальнейшие действия.
Создайте выделение прямоугольной формы, 卩 асп о/1 оже иное верти кал в нс посередине внутренней области заклсцки Воспользуемся для этого возможностями цветокоррекции, которые предлагает следующая команда Pliowshop： Image ► Adjustments ► Levels (Изображенin? ► 1 {астраilkli ► Уровни) пли Ctrl+L
В раскрывшемся диалоговом окне надо цзхелить значение в среднем поле под подписью Input Levels (Входные уревнн) на число, лежащее в диапазоне от 0,1 до 0,4. Теперь слегка сместите ваше выдслемие впрсшо, послользолаши11 сь инструментом перемещения, и вновь откроите диалоговое окно уровнен яркости, только теперь значение, указанием в центральном поле, необходимо заменить на величину порядка 1,5-2,5. Это позио/нп создать тень в области ([kickii.
Рис. 7.15. Заклепка — уже почти болт
Для того чтобы болт выглядел более рса.тпстичнс», на него иеобхедим о наложзггь металлическую текстуру. Вы можете нс 1шльзг)ватг> уже готовую, а можете пойти тем же путем, что и мы. Скоппруип ваш фон па новый слой: ucpeii-'inie в палитру Layers (Слои) и перетащите слой с фоном к кнопке создания слоя. Мзмелп- те режим наложения только что coj/iajuiun вамп слоя на Screen (Осветление), и если есть необходимость, падк()1)ректиру|1Те прозрачность. После этого вы можете склеить ваши слои: Layers ► Merge Down (Слон ► Объели hutzj с предыдущим) или ссястаиис клавиш CtrL+E,
Болт готов кКак вы смогли вразничего
сложного иобъектов, имитирующихнет. Но обратите
на то, чтоописанного болта не должен быть большим, а
2 см в диаметре. Результат показан на рис. 7.16,
Рис. 7.16. Конечноеизображение
Пуговица
В этом разделе мы постараемся создать самую обычную пуговицу. Задача состоит том, чтобы сделатьа не стилизованной под
Итак, создайтефайл:New (Файл Создать) либоклавиш
Высоту иустановите относительнопорядкасм. Это необходимо для того, чтобыобъемаболее
pcit'i истин на. новый слой, с которымбудете работать, командой Layer
New Layer (Слой Создать Слои)щелчком мышью на
сслоевУбедитесь в том, что
только чтослой,ксозданию пуговицы.
Для начала при помощиMarquee (Эллиптическое
создайтекруг.трудно сделать это на глаз, то удерживайте
нажатойShift (выокружность).
Объем двумерной— это толькосвета и тени, которая в черно-белом варианте передается вмеждусерым и белым. Поэтому наиболее простой способ создать имитацию объемнойкруглой
фигуры — использоватькоторый образуется при помощиокружностей. Точка, с которой вы начинаете перемещать
является центром— первый цвет градации появится именно
в этой точке. ВыберитеGradient (Градиент) и щелкните мышью
активномуВ открывшемся диалоговом окне настройки градиента
(рис. 7.17) щелкните наNew (Создать). Создайте градиент, состоящий из
белого, серого и черного. Дведолжны быть белого цвета, а по-
треть состоять из трех частей:белой и снова черной. После на-
параметров нового градиента вернитесь к самому изображению,
Теперь проведите радиус градиента из центра круга. В результате у вас должна получитьсяцентр которой будет окрашен в белый цвет, а черно-бе
ло-черные полосы будут расположены ближе к периметру (рис. 7.18).
8麻匚IELgtlMk*8麻匚IELgtlMk*Рис. 7.17. Параметры градиентаРис. 7.17. Параметры градиентаРис. 7.18. Использование радиального градиентаРис. 7.18. Использование радиального градиента
8麻匚IELgtlMk*
8麻匚IELgtlMk*
Рис. 7.17. Параметры градиента
Рис. 7.17. Параметры градиента
Рис. 7.18. Использование радиального градиента
Рис. 7.18. Использование радиального градиента
Окраска всего круга должна быть равномерной и одинаковой во всех направлениях. Если вы затрудняетесь определить, где центр круга, можете применить сетку; View ► Show ► Grid (Вид > Показать ► Сетка) либо Ctrl+«%. Тогда вся площадь холста будет разбита на небольшие квадраты, и вы без труда сможете найти центр окружности.
Затем необходимо удалить белую центральную часть круга, сделав ее прозрачной. Можно применить инструмент Eraser (Ластик) большого радиуса с твердыми краями, а можно модифицировать выделение командой Select〉 Transform Selection (Выделение ► Преобразовать выделение) и уменьшить его радиус (именно так поступили мы, сохранив предварительно начальное эллиптическое выделение в виде маски, так как оно еще понадобится).
После удаления середины будущейсоздайте еще один слой.
те его под предыдущим (простым перетаскиванием мышью). А теперь закрасьте середину пуговицы (в данном случае онамодифицированным выделением), применивградиент (типпереходом от
белого кОднако, когда вы будете проводить прямую —
градиента, точки начала и конца должны лежатьзакрашиваемой области,
Тогда переход получится более плавным,
Наложитепервый слой с ободком пац режмме умножения
и склейте эти слои: Layers Merge(Слойс предыдущим) или
(рис. 7.19),
ScalingScaling
Scaling
Scaling
Рис. Вид изображениявторого слоя
Дляфильтром(Текстуризатор);
Filter * Texture > Texturizer (Фильтр 卜 Текстура » Текс 斗‘卩氏館“屮).Мы использовали следующие7.20): Texture (Текстура) — Canvas (Холст), Scaling
(Масштаб)%,(Рельеф) — Light Direction— Тор
также любую другуючто в значительной сте-
скажется на
Т exlute J Canvas
%
Lighi. J
Рис. 7.20. Диалоговое окно фильтра Texturizer (Текстуризатор)
Добавьте пуговице дырочки. Для этого воспользуйтесь инструментом Eraser тик) среднего размера с жесткими краями. Впараметров ластика
параметр Brush (Кисть). При таких настройках достаточно один раз нуть данным инструментом, чтобы полностью очистить область, подвластную
Результат представлен на рис. 7.21.
Рис. 7.21. Пуговица с отверстиямиРис. 7.21. Пуговица с отверстиями
Рис. 7.21. Пуговица с отверстиями
Рис. 7.21. Пуговица с отверстиями
Так как вы создаете трехмерную то есть обладающую объемом, она обязательно должна отбрасывать тень. Для этого воспользуйтесь эффектом слоя: Layer Layer Drop Shadow (Слой Стили слоя Внешняя Наши настройки видны на рис. 7.22.
Laver Style
引亦s&tndZ Options' D〃„引亦s&tndZ Options' D〃„.豆 Dg，SlHUJow.豆 Dg，SlHUJow!ГГ* Irw” GlowГ*Bevel and EmbossI Ccnigur厂 TextureГ广 Color OverlayГГ PolUtfi Cve/layPSVcflcft!ГГ* Irw” GlowГ*Bevel and EmbossI Ccnigur厂 TextureГ广 Color OverlayГГ PolUtfi Cve/layPSVcflcftDrop• -Slr«ctur«'Bltnd Mode:；Opacity:Drop• -Slr«ctur«'Bltnd Mode:；Opacity:--Angle:Angle:ANWafEANWafEContour:Contour:--n |on |oUse GgbaF Ugh*Use GgbaF Ugh*OKOKQH4hty ■QH4hty ■Out PropOut Prop师岁号卷" j。Preview师岁号卷" j。Preview
引亦s
&tndZ Options' D〃„
引亦s
&tndZ Options' D〃„
.豆 Dg，SlHUJow
.豆 Dg，SlHUJow
!
Г
Г* Irw” Glow
Г*Bevel and Emboss
I Ccnigur
厂 Texture
Г
广 Color Overlay
Г
Г PolUtfi Cve/lay
PSVcflcft
!
Г
Г* Irw” Glow
Г*Bevel and Emboss
I Ccnigur
厂 Texture
Г
广 Color Overlay
Г
Г PolUtfi Cve/lay
PSVcflcft
Drop• -
Slr«ctur«
'Bltnd Mode:；
Opacity:
Drop• -
Slr«ctur«
'Bltnd Mode:；
Opacity:
-
-
Angle:
Angle:
ANWafE
ANWafE
Contour:
Contour:
-
-
n |o
n |o
Use GgbaF Ugh*
Use GgbaF Ugh*
OK
OK
QH4hty ■
QH4hty ■
Out Prop
Out Prop
师岁号卷" j
。Preview
师岁号卷" j
。Preview
Рис. 7.22,тени
Раскрасьте пуговицу при позволяющей влиять на цвет изображения: Image Adjustments (Изображение Настройки Цвет/ Насыщенность). Не забудьте Colorize (Тонирование) (рис. 7,23).
Вот и все. Результат вы можете видеть на рис. 76 цветной вкладки. Он выглядит довольно неплохо. Основноесозданияописанным спосо-
бом — это реалистичность卩 сзулътм По этой тех н( I л or mi можно рисовать очень многие предметы.
Saturation131LogcL
g у吟……j —Save... I
ughln—I .p
& Colorize
P Preview
Рис, 7.23. Диалоговое окно Hue/Saturation (Цвет/Нас ыщенность)
Завернутый уголок
В этом разделе будет oniicai 1 самый простой способ стандартными средствами Photoshop добиться эффекта загнутого уголка. Обычно завернутый уголок реа- линуется при ПОМОЩИ Д0П0.1 пнтсл ьных фильтров, но это совсем не обязательно, в чем вы вскоре убедитесь.
Для работы нам обязательно потребуется готовое изображение. Наше, показанное па рис. 7.24. на ЗТО1 раз выполнено в стиле сюрреализма (оригинал рисунка находится на компакт-диске Illustrations\Ch07\7_24.tif).
Рис. 7.24. Исходное изображение
Для создания очертании будущего завернутого уголка воспользуйтесь инстру- ментам11 Реп (Перо) и Add Anchor Point (11叩口+). При помощи этих инструментов нарисуйте го, что показано па рис. 7.25. Контур должен быть обязательно замк-
Не забывайте о том, что контур не является частью изображения — это своеобразная форма выделения.
Рис. 7.25. Построенный контурРис. 7.25. Построенный контур
Рис. 7.25. Построенный контур
Рис. 7.25. Построенный контур
Создайте новый слой: Layer New Layer (Слой Создать Слой). На нем мы будем создавать сам уголок. Загрузите контур как выделение, нажав кнопку с
ным кружком в палитре Paths (Каналы). Вы получитенужной формы
на только что созданном слое.
EditorEditorPresetsPresetsName:Name:Рис. 7.26. Задание градиентаРис. 7.26. Задание градиента
Editor
Editor
Presets
Presets
Name:
Name:
Рис. 7.26. Задание градиента
Рис. 7.26. Задание градиента
Приступим к самой ответственной части работы. Именно от того, как она будет сделана, в большей степени зависит результат.
Чтобы передать объем загнутого уголка, го есть показать распределение света и теней, воспользуемся инструментом Gradient (Градиент). Выберите его и создайте новый градиент. Мы применили настройки, указанные на рис. 7.26.
Как вы видите, мы использовали преимущественно желтые и красные оттенки, однако цвет следует выбирать исходя из внешнего вида редактируемого изображения, а также из окружения, в которое вы собираетесь его поместить (рис. 7.27).
Рис. 7.27. Изображение после применения градиента
Многих пользователей полученный результат уже может удовлетворить, так как для некоторых задач он подходит гораздо больше, чем конечное изображение.
Вернитесь на первый слой и, используя инструменты выделения, выделите ту часть фона, которая находится под уголком. Как вы понимаете, ее наличие здесь неестественно.
Залейте выделение любым цветом либо наложите другое изображение. Второй вариант подходит больше, если вы хотите сымитировать открытую книгу, Полученное изображение показано на рис. 7.28.
I Рис. 7.28. Фон под загнутым уголком
Для увеличения реалистичности уголка можно отбросить от него тень, более что мы уже создали белую область под ним. Убедитесь, активным является слой с уголком, л эффект внешней тени; Layer Layer Drop Shadow (Слой Стили Слоя тень). Настройки можно на рис. 7.29.
Style
fstyiesj fflenda)g Optioht Defaultfstyiesj fflenda)g Optioht Defaultn”” ■，•■>■n”” ■，•■>■PГ %；赞◎；「*Г* InntrGbwГ* Bev— X EmOoifConГГ SitinГГ" Grwfient Overlay 广 Pattern QverkyГPГ %；赞◎；「*Г* InntrGbwГ* Bev— X EmOoifConГГ SitinГГ" Grwfient Overlay 广 Pattern QverkyГ：兽end Mode：：兽end Mode：j Multi pivj Multi pivDtftencft'Dtftencft'Quah"Quah"ftriti-ahlsedftriti-ahlsedContour:Contour:J5~“J5~“OutOutDrop 5hado*-StructureDrop 5hado*-StructureUse Global LightUse Global Light|»3»|»3»OKCancelNew §t雙二 JR PreviewOKCancelNew §t雙二 JR Preview
fstyies
j fflenda)g Optioht Default
fstyies
j fflenda)g Optioht Default
n”” ■，•■>■
n”” ■，•■>■
P
Г %；赞◎；「*
Г* InntrGbw
Г* Bev— X EmOoif
Con
Г
Г Sitin
Г
Г" Grwfient Overlay 广 Pattern Qverky
Г
P
Г %；赞◎；「*
Г* InntrGbw
Г* Bev— X EmOoif
Con
Г
Г Sitin
Г
Г" Grwfient Overlay 广 Pattern Qverky
Г
：兽end Mode：
：兽end Mode：
j Multi piv
j Multi piv
Dtftencft'
Dtftencft'
Quah"
Quah"
ftriti-ahlsed
ftriti-ahlsed
Contour:
Contour:
J5~“
J5~“
Out
Out
Drop 5hado*
-Structure
Drop 5hado*
-Structure
Use Global Light
Use Global Light
|»3»
|»3»
OK
Cancel
New §t雙二 J
R Preview
OK
Cancel
New §t雙二 J
R Preview
Рис. 7.29. Настройки тени
На этом эффект можно считать если только вы не хотите завернуть еще один уголок. Это можно сделать аналогичным образом, только следует обращать внимание на направление так как необходимо, чтобы оно совпадало у обоих уголков. Результат показан на рис. 77 цветной вкладки,
Объемная кнопка
В этом разделе будет описан процесскнопки. Необходимость рисовать
их возникает просто невероятно часто в веб-дизайне иоконных
приложений. Правда, мы опишем не самую простую кнопку, а довольно сложный вариант.объемная кнопка будет одним из этапов работы в данном примере.
Создайте новое изображениеразмера в цветовой схеме
RGB.
Работа покнопок значительно упрощается за счет использования фи
гур. Установите в качестве цвета переднего плана (Foreground
и воспользуйтесь инструментом Rounded(Прямоугольник со скругленными углами, горячая клавиша — U) для созданияНаш вариант
зан на рис. 7.30.
Рис. 7.30. Исходное изображениеРис. 7.30. Исходное изображение
Рис. 7.30. Исходное изображение
Рис. 7.30. Исходное изображение
Так как фигуры — это разновидность ^辅门 up。' то перед продолжением работы необходимо выполнить растрирование: Layer Rasterize Layer (Слой Растриро- вать Слой). В результате слой фигуры превратится в обычный слой, к можно применять любыерастровой графики.
Успех создания кнопки в Photoshop 7.0 в большой степени определяется грамотной работой со слоевыми эффектами. Убедитесь, что активным слоем является слой с заготовкой, и откройтеокно эффектаand Emboss (Сксс
и рельеф): Layer Layerand Emboss (Слой Стили Слоя Скос и рельеф). Примените эффект с параметрами,на рис. 7.31. Результат
иллюстрируется рис. 7,32.
Впрочем, указанные настройки предназначены для имитации блестящей полированной поверхности, Разумеется, если кнопка должна быть пластмассовой, то они не подойдут. Изменить в этом случае стоит, скореетолько один пара
метр — Gloss Contour (Блеск),
区区StylesStylesBlending Options: D«f*ultBlending Options: D«f*ultOuter GlowOuter Glow[ i[ i..Г SatinГ SatinStyleStyleBey elBey elГ Color广 Gr-»disnt OverlayГ Color广 Gr-»disnt Overlay厂 O«p Shadow「№・r Sh-idcw厂 O«p Shadow「№・r Sh-idcw[寸4Л3力3%[寸4Л3力3%....н.у嗣 and EmbossStrvctur*....н.у嗣 and EmbossStrvctur*|Sh ailingftrigla;|Sh ailingftrigla;Soften ：Soften ：ЧЧTechnique: jSmoothDepth:、二.一上Technique: jSmoothDepth:、二.一上Style: pinnerStyle: pinnerffJJ**Cancel !-'三,毁岭二I 斤 PrestewCancel !-'三,毁岭二I 斤 PrestewUpUpAltitude：Altitude：:;Gloss Contour::;Gloss Contour:АМ1->1йм4АМ1->1йм4OverlayOverlayГГ：：Highlight Mode:：：Highlight Mode:УMode:УMode:W COb"戸W COb"戸••----
区
区
Styles
Styles
Blending Options: D«f*ult
Blending Options: D«f*ult
Outer Glow
Outer Glow
[ i
[ i
.
.
Г Satin
Г Satin
Style
Style
Bey el
Bey el
Г Color
广 Gr-»disnt Overlay
Г Color
广 Gr-»disnt Overlay
厂 O«p Shadow
「№・r Sh-idcw
厂 O«p Shadow
「№・r Sh-idcw
[寸4Л3力3%
[寸4Л3力3%
....н.у嗣 and Emboss
Strvctur*
....н.у嗣 and Emboss
Strvctur*
|
Sh ailingftrigla;
|
Sh ailingftrigla;
Soften ：
Soften ：
Ч
Ч
Technique: jSmooth
Depth:、二.一上
Technique: jSmooth
Depth:、二.一上
Style: pinner
Style: pinner
f
f
J
J
*
*
Cancel !
-'
三,毁岭二I 斤 Prestew
Cancel !
-'
三,毁岭二I 斤 Prestew
Up
Up
Altitude：
Altitude：
:;Gloss Contour:
:;Gloss Contour:
АМ1->1йм4
АМ1->1йм4
Overlay
Overlay
Г
Г
：：Highlight Mode:
：：Highlight Mode:
У
Mode:
У
Mode:
W COb"戸
W COb"戸
•
•
-
-
-
-
Рис.Настройки эффекта Bevel and Embossи рельеф)
Рис. 7.32. Кнопка после применения эффекта Bevel and EmbossиРис. 7.32. Кнопка после применения эффекта Bevel and Embossи
Рис. 7.32. Кнопка после применения эффекта Bevel and Embossи
Рис. 7.32. Кнопка после применения эффекта Bevel and Embossи
Выделите область в середине при помощи инструмента Marquee (Прямоугольное выделение). Скопируйте ее на новый слой. Легче всего это сделать с помощью сочетаний клавиш (копирование) и (вставка).
Примените к новому слою стиль and (Скос и рельеф) с настройками, изображенными на рис. 7.33.
Soften:Soften:--内做зк:内做зк:''Highlight Mode: J Screenopgty： lShadow Mode: (MuhiobTHighlight Mode: J Screenopgty： lShadow Mode: (MuhiobT； Oevel and Etnb»ss..•—Styl«: |hnerTechnique; js/noothDepth ； Oevel and Etnb»ss..•—Styl«: |hnerTechnique; js/noothDepth Рис. 7.33. Параметры эффекта Bevel and Emboss (Скос и рельеф) для нового слояРис. 7.33. Параметры эффекта Bevel and Emboss (Скос и рельеф) для нового слояC * ) ^ UnG'b^UflWC * ) ^ UnG'b^UflWSloss Contour: jSloss Contour: jAntJMawed .AntJMawed .
Soften:
Soften:
-
-
内做зк:
内做зк:
'
'
Highlight Mode: J Screen
opgty： l
Shadow Mode: (MuhiobT
Highlight Mode: J Screen
opgty： l
Shadow Mode: (MuhiobT
； Oevel and Etnb»ss..
•—
Styl«: |hner
Technique; js/nooth
Depth
； Oevel and Etnb»ss..
•—
Styl«: |hner
Technique; js/nooth
Depth
Рис. 7.33. Параметры эффекта Bevel and Emboss (Скос и рельеф) для нового слоя
Рис. 7.33. Параметры эффекта Bevel and Emboss (Скос и рельеф) для нового слоя
C * ) ^ UnG'b^UflW
C * ) ^ UnG'b^UflW
Sloss Contour: j
Sloss Contour: j
AntJMawed .
AntJMawed .
Мы получим область, вдавленную в(рис. 7.34). Как правило, такие
пады рельефа производят неплохое внешнее впечатление. Наряду с ми областями можно также создавать и выпуклые, от этого эффект не нее впечатляющим,
Рис. 7.34. Рельефная кнопкаРис. 7.34. Рельефная кнопка
Рис. 7.34. Рельефная кнопка
Рис. 7.34. Рельефная кнопка
Осталось только при помощи инструмента Туре (Текст) (горячая клавиша Т) добавить надпись. К тексту лучше тоже применить стиль Bevel and Emboss (Скос и рельеф), иначе кнопка будет смотреться неестественно. Конечное изображение представлено на рис. 78 цветной вкладки.
Мы описали способ, при помощи которого создается подавляющее большинство выпуклых кнопок, используемых, например, в Интернете. Как вы могли заметить, на эту работу уходит совсем немного времени, и поэтому вышеописанный способ можно считать оптимальным.
Стеклянная кнопка
В этом разделе мы покажем, как нарисовать объемную стеклянную кнопку. Сразу скажем, что в Photoshop 7.0 есть готовые стили, которые позволяют сделать примерно то же самое. Отличие в том, что с помощью стилей можно получить только одноцветную кнопку, а мы будем использовать в качестве исходного нзп- бражения фотографию.
Откройте подходящее изображение. Оно должно быть обязательно цветным и, желательно, высокого качества. Мы остановились на варианте, изображенном на рис. 7,35.
Рис. 7.35. Исходное изображение
Кнопка будет круглой. Поэтому выделите при помощи инструмента Elliptical Marquee (Эллиптическое выделение), удерживая клавишу Shift, круглую область. Затем ипвертируйте выделение: Select ► Inverse (Выделение ► Ипверп 1 ровать). Полученное выделение необходимо залить белой краской, используя инструмент Paint Bucket (Заливка).
Инвертировав выделение, вы получите примерно то же, что показано на рис. 7.36. Это будет заготовка для кнопки.
Создайте новый слой (CtrHShift+N). Установите цвета по умолчанию (передний план черный, фон белый) путем нажатия клавиши D.
Теперь, используя радиальный градиент (горячая клавиша инструмента — G) в режиме Foreground to Background color (От цветапереднего плана к цвету фона), создайте заливку, подобную изображенной на рис. 7,37.
Рис. 7.36. Заготовка для кнопки
Рис. 7.37. Градиентная заливка
Выполните команду Layer LayerBlending Options (Слой Стили Слоя
наложения). В открывшемся окне измените параметр Blend Mode (Режим наложения) на Screen (Осветление). В результате вы получите нечто, отдаленностекло.
Склейте два верхних слояПримените стилиand Emboss (Скос и рельеф) и Inner Shadowтень): Layer Layer StyleBevel and Emboss (Слой
Стили слоя Скос и рельеф). Параметры первого стиля настройте на глаз, а вот настройки стиля Inner Shadowтень) рекомендуется взять такие же,
как на рис. 7.38.
После этого можно немного поправить неточности, которые образуются в процессе создания кнопки, приинструмента Brush (Кисть) или Stamp (Штамп),
чтобы получить изображение, похожее рис. 79 цветной вкладки.
Заготовка для анимированной кнопки
В этом разделе будет описана технология, при помощи которой объемнаякнопка. Каким образом она будет приходить в движение — сама по(формат GIF) или при наведении мыши в HTML-документе
или оконном приложении, — решать вам. В этой главе будет описан только общий принцип се
kmer Shad。*Structurekmer Shad。*Structure甌ndMNe;甌ndMNe;Opacity：Opacity：Um Global LightUm Global Light(Mt*nCA(Mt*nCAQualityQualityContourContourРис.Исходное изображениеРис.Исходное изображение
kmer Shad。*Structure
kmer Shad。*Structure
甌ndMNe;
甌ndMNe;
Opacity：
Opacity：
Um Global Light
Um Global Light
(Mt*nCA
(Mt*nCA
Quality
Quality
Contour
Contour
Рис.Исходное изображение
Рис.Исходное изображение
AntJaliased
Рис. 7.38. Применение стилей слоя
Мы сделаем самый простойкнопки, а именно обычную круглую,
Прежде всего создайте новое изображение небольших размеров (CtrL+N). Сразу стоит создать новый слой: Layer New Layer (Слой Создать Слой). Создайте круглое выделение инструментом Elliptical Marquee (Эллиптическое выделение) (напоминаем, что для этого надо нажать и удерживать клавишу Shift) и залейте однородный цветом (горячая клавиша инструмента заливки — G).
Примените к слою стиль Bevel and Emboss (Скос и рельеф): Layer > Layer Style * BevelEmboss (Слой Стили Слоя Скос иДобейтесь того
который показан на рис. 7.40, если хотите прийти к аналогичному результату, хотя тут возможны и другие варианты, зависящие от желания и обстоятельств.
Так как для анимации кнопки нужно по крайней мере два кадра, то продублируйтезаготовку: Image DuplicateСоздать копию изобра-
Вы получите два абсолютно идентичных изображения.
Рис. 7.40.применения стиля BevelEmboss (Скос и рельеф)
Добавьте к одному изображениютень: Layer LayerShadow
(Слой СтилиВнешняя тень). Вы получитепохожую на рис. 7.41.
Рис. 7.41. Кнопка с тенью
Измените второе изображение. Возьмите инструмент Move (Перемещение) и передвиньте кнопку таким образом, чтобы ее границы размещались там же, где размещаются границы тени на первом Это и позволит
в анимации эффект перемещения кнопки над поверхностью. Для удобства выполнения данной операции можно включить линейки либо сетку: View Show Rulers (Вид Показать линейки) или View Show Grid (Вид Показать Сетка). Вот и все. Полученные изображения можно использовать в качестве исходных кадров для создания анимации в программе ImageReady или при помощи сценария в HTML-документе. Окончательный результат кнопка - находится на компакт-диске (см. файл
Шестеренки
Этот процесс интересен тем, что онтонкости имитации объ
ема сложных деталей. Кроме того, такие продукты индустрии, как шестеренки, бывают часто необходимы в дизайнерской работе, а взять их совершенно Выход только один — нарисовать самим.
Создайте изображение произвольных размеров в цветовой модели Grayscale (Полутоновое). Цветные модели брать не стоит, так как шестеренка будет выполнена исключительно в градациях серого.
Создайте новый слойПри помощи инструментаMarquee
выделение) создайте круглую область и залейте ее серым цве-
том. На этом редактирование данного слоя заканчивается. Создайте еще один новый слой.
Рис. 7.42. Исходное изображение
Данный этап является очень важной ичастью работы и, несомнен-
самой сложной технически.
Возьмите инструмент Rectangular Marqueeвыделение) и выделите
полоску, по длине чуть больше диаметра круга на предыдущем слое.
Для удобства работы можно включить сетку: View > Show > Grid (Вид Показать 卜 Сетка). Затем залейте полоску, используя инструмент Paint Bucket (Заливка).
Теперь создадим такую же полоску перпендикулярнои зальем ее. В результатекрест. Создадимсоответствующее этому кресту.
С ним мы будем сейчас работать.
Прежде всего привяжем выделение к центру: Layerto Selection Vertical
Center (СлойВыровнять по выделению Центрировать по вертикали). Это
обходимо длядальнейшей работы.
Теперь выполните команду Select Transform Selection (Выделение выделение). Щелкнитекнопкойв области ограничивающей рамки
выберите режим работы Rotate (Поворот).
Затем повернитена 45° и залейте его.эту операцию не
сколько раз, пока не получите то, что показано на рис. 7.43.
Рис. 7.43. Заготовка для шестеренки
Склейте два верхних слояДляэтой фигуры в почти натуральнуювоспользуемся фильтром Lighting Effects (Эффекты
Filter Render Lighting Effects (Фильтр Освещение Эффекты света). Настройки показаны на рис. 7.44.
Lighting EffectsLighting EffectsProperties:Properties:Gb$$:Gb$$:MatawcMatawcExpcsu'KExpcsu'KUfllii typeUfllii type* Pieviev* Q；* Pieviev* Q；riri-11-11UnderUnder5050ArrbiErce N*1cArrbiErce N*1c5曲:|Deraul5曲:|DeraulMountainous jMountainous j一 78 3. Po疝f一 78 3. Po疝ffleshc : 50 Mefallcfleshc : 50 MefallciTextufe Channelj 1 f；蠢6；倒？! ' ；P While is highiTextufe Channelj 1 f；蠢6；倒？! ' ；P While is highHeld*FlatHeld*FlatРис. 7.44. Настройки фильтра Lighting Effects (Эффекты света)Рис. 7.44. Настройки фильтра Lighting Effects (Эффекты света)Обратите внимание на самое главное: в качестве канала текстуры(TextureChannel) мы использовали слой с нарисованной заготовкой. В этом особенность применения фильтра Lighting Effects (Эффекты света) в данном примере. Результат использования фильтра — на рис. 7.45.Обратите внимание на самое главное: в качестве канала текстуры(TextureChannel) мы использовали слой с нарисованной заготовкой. В этом особенность применения фильтра Lighting Effects (Эффекты света) в данном примере. Результат использования фильтра — на рис. 7.45.Рис. 7.45. Результат применения фильтра Lighting Effects (Эффекты света)Рис. 7.45. Результат применения фильтра Lighting Effects (Эффекты света)
Lighting Effects
Lighting Effects
Properties:
Properties:
Gb$$:
Gb$$:
Matawc
Matawc
Expcsu'K
Expcsu'K
Ufllii type
Ufllii type
* Pieviev* Q；
* Pieviev* Q；
ri
ri
-11
-11
Under
Under
50
50
ArrbiErce N*1c
ArrbiErce N*1c
5曲:|Deraul
5曲:|Deraul
Mountainous j
Mountainous j
一 78 3. Po疝f
一 78 3. Po疝f
fleshc : 50 Mefallc
fleshc : 50 Mefallc
iTextufe Channelj 1 f；蠢6；倒？! ' ；P While is high
iTextufe Channelj 1 f；蠢6；倒？! ' ；P While is high
Held*Flat
Held*Flat
Рис. 7.44. Настройки фильтра Lighting Effects (Эффекты света)
Рис. 7.44. Настройки фильтра Lighting Effects (Эффекты света)
Обратите внимание на самое главное: в качестве канала текстуры(TextureChannel) мы использовали слой с нарисованной заготовкой. В этом особенность применения фильтра Lighting Effects (Эффекты света) в данном примере. Результат использования фильтра — на рис. 7.45.
Обратите внимание на самое главное: в качестве канала текстуры(TextureChannel) мы использовали слой с нарисованной заготовкой. В этом особенность применения фильтра Lighting Effects (Эффекты света) в данном примере. Результат использования фильтра — на рис. 7.45.
Рис. 7.45. Результат применения фильтра Lighting Effects (Эффекты света)
Рис. 7.45. Результат применения фильтра Lighting Effects (Эффекты света)
Это уже очень правдоподобная шестеренка, ее можно использовать в практической деятельности. Дальше мы будем заниматься только усовершенствованиями. Для того чтобы сделать шестеренку более объемной, воспользуемся стилями слоя, а именно эффектом Bevel and Emboss (Скос и рельеф): Layer ► Layer Style ► Bevel and Emboss (Слой > Стили Слоя > Скос и рельеф). Наши настройки изображены на рис. 7.46. В результате вы получите объемную шестеренку.
Добавим небольшое круглое углубление внутри шестеренки. Сделать это очень просто. Возьмите инструмент Elliptical Marquee (Эллиптическое выделение) и выделите небольшую область в середине шестеренки. Затем нажмите последовательно сочетания клавиш Ctrl+C (копирование) и Ctrl+V (вставка). Внешне ничего не изменится, но вы получите новый слой, на котором будет находиться копия
области шестеренки. Это дает возможность стили слоя. все тем же незаменимым стилем and Emboss (Скос и рельеф). Настройки показаны на рис. 7.47.
BrywI and EmbossStructureStyle;-] SmoothBrywI and EmbossStructureStyle;-] Smooth
BrywI and Emboss
Structure
Style;
-] Smooth
BrywI and Emboss
Structure
Style;
-] Smooth
pm ・- 一 占 ***** 他6"一 %
6rqet8 "lb 广 Kwn
SiM B=== gpx
SoAtn: & 二二"'I…二n |cP*
Opacity:Opacity:ShXcw Mo4♦: |м—ShXcw Mo4♦: |м—Рис. 7.46. Настройки Bevel and Emboss (Скос и рельеф)Рис. 7.46. Настройки Bevel and Emboss (Скос и рельеф)
Opacity:
Opacity:
ShXcw Mo4♦: |м—
ShXcw Mo4♦: |м—
Рис. 7.46. Настройки Bevel and Emboss (Скос и рельеф)
Рис. 7.46. Настройки Bevel and Emboss (Скос и рельеф)
Bevel and Emboss Structure . . . /'.
Sty 應：hnner
TechBqgTechBqgSrrgthSrrgth^ix^ixW.c/W.c/(• Lb 「Oovc(• Lb 「Oovc——ppx[ilpxppx[ilpx-Studio -ARg-Studio -ARgAWWe：AWWe：ОО|i^3*卩 Use GloW UgM|i^3*卩 Use GloW UgMГ- Ar>tbiii»«dГ- Ar>tbiii»«dGloss Contour1Gloss Contour1
TechBqg
TechBqg
Srrgth
Srrgth
^ix
^ix
W.c/
W.c/
(• Lb 「Oovc
(• Lb 「Oovc
—
—
ppx
[ilpx
ppx
[ilpx
-Studio -
ARg
-Studio -
ARg
AWWe：
AWWe：
О
О
|i^3*
卩 Use GloW UgM
|i^3*
卩 Use GloW UgM
Г- Ar>tbiii»«d
Г- Ar>tbiii»«d
Gloss Contour1
Gloss Contour1
HsMiflhtJWods.
Op*city.
Shadow Mode，“u而7
Op^cHy ， *'•:
Параметры стиля Bevel and(Скос и рельеф) для углубления
Склейте два верхних слоя: нажмите на верхнем слое, выполните команду Layer Merge Down (Слой Объединить с предыдущим). Наша шестеренка на этом этапе работы показана на рис. 7.48,
Рис. 7.48. Шестеренка с углублением
Аналогично тому, как мыв центре шестеренки
рисуется и треугольное либолюбой другой формы. Настройки стиля
and Emboss (Скос и рельеф) подберите на глаз. Итоговоепока
зано на рис. 7.49 (см. рис. 80 цветной вкладки).
Рис. 7,49. Итоговое изображение
Шар
Это, наверное, один из самых простых примеров в разделе. Но при этом он один из самых полезных, так какпроцессу создания часто
объемной фигуры — шара.
Создайте новое изображение в цветовой модели RGBРазмер особого
значения не имеет, но лучше не ставитьбольше 300x300 пикселов.
Сразу создайте новый слой На нем, используя инструмент
Marquee (Эллиптическое выделение), создайте выделение в форме круга и залейте его любым цветом (горячая клавиша инструмента заливки — G). В нашем случае это синий.
Для того чтобы реализовать нашаре игрувоспользуемся фильтром
Effects (Эффекты света): Filter RenderLighting Effects (Фильтр Освещение Эффекты света).параметры фильтра показаны на рис. 7.51.
Рис. 7.50, Исходное изображение
Lighting Effects
•
м Style: p
type:
On
I Iriensiy
Focus:
:円ope由緜：
Shirty
Metallic
Exposure:
]Ambiance*照咚二 ％：~ P。渓
Channel:
Рис.Настройки фильтра Lighting Effects (Эффекты света]
Впрочем, вы можете настроить все на глаз, но получиться некое подо- 6нс рис. 7.52. Уже на этом этапе у плоского круга должны появиться освещенная и стороны, превращающие его в подобие шара.
Рис. 7.52. Результат применения фильтра Lighting Effects (Эффекты
Для увеличения реалистичности пустим по шару блики:Render Lens
(Фильтр Освещение Блик). Параметры фильтрана рис. 7.53.
При желании можно применить данный фильтриспользуя при этом
другие настройки.
Brightness:ГиП %^й—ILens TypeBrightness:ГиП %^й—ILens Type
Brightness:ГиП %
^й—I
Lens Type
Brightness:ГиП %
^й—I
Lens Type
；足 50-300mm Zoom
35mm Prime
105mm Prime
Movie
Рис.Диалоговое окно фильтра Lens Flare (Блик)
DropDropStructure ••Blend Mode:Opacity：Structure ••Blend Mode:Opacity：J」 1У= |гё~ XJ」 1У= |гё~ X*Light*Light
Drop
Drop
Structure ••
Blend Mode:
Opacity：
Structure ••
Blend Mode:
Opacity：
J」 1У= |гё~ X
J」 1У= |гё~ X
*Light
*Light
Dtstence:
3pr磅ad.庁二….’,::：*" jo SC5gи^f亠=^阿f3pr磅ad.庁二….’,::：*" jo SC5gи^f亠=^阿fQuality.Contour-Quality.Contour-5== |5~为Out Drop Shadow5== |5~为Out Drop Shadow
3pr磅ad.庁二….’,::：*" jo SC
5gи^f亠=^阿f
3pr磅ad.庁二….’,::：*" jo SC
5gи^f亠=^阿f
Quality
.Contour-
Quality
.Contour-
5== |5~为
Out Drop Shadow
5== |5~为
Out Drop Shadow
Рис. 7.54. Настройки стиля Drop Shadow (Внешняя тень)
Шар почти готов. Улучшим его, добавив тень. Сделаем это с помощью стиля Drop (Внешняя тень): Layer LayerDrop Shadow (Слой Стили слоя
Внешняя тень). Мы применили его с настройками,на рис. 7.54.
Эффект сделан полностью. Мы получили объемный шар (рис. 7.55) (см. рис. 81 вкладки). Подобным образом можно создать практически любую при
митивную фигуру, например эллипс, конус и т. д.
Рис. 7.55. Итоговое изображение
Трехмерная композиция из шаров
Как уже не раз говорилось, Photoshop — это графический редактор, предназначенный для работы срастровой графикой, Конечно, в нем присутствуют
элементы векторной графики, однакоработа производится с растром.
Ситуация с объемными фигурами несколько сложнее, так как кроме фильтра 3D Transform (Трехмерное трансформирование) в Photoshop практически нет средств, позволяющих управлять третьим измерением. Однако есличто объ
ем, переданный на бумаге или на мониторе, — это всего лишь игра света и тени, то его вполне можно имитировать, чем мы сейчас и займемся.
Как известно, шар — самая простая фигура, и для ее имитации больших усилий не требуется. В этой главе мы уже не раз обращались к этому объекту, например в предыдущем разделе рассказано, как создатьправдоподобный шар. Однако сейчас наша задача усложняется: мы попытаемся создатьша
ров, которые будут перекрываться и местами плавно переходить друг в друга.
Создайте новое изображениеразмера и цветовой модели
Фон должен быть черным.
Основным инструментом, с которым мы будем работать, как впрочем и в большинстве разделов этой главы, является Gradient (Градиент) (горячая клавиша — G). Установите основные цвета по умолчанию (черный и белый), для этого достаточно нажать клавишу D. В панели параметров выберите тип градиента (Радиальный), а направление — Foreground to Background (От цвета переднего плана к цвету фока). Щелчком на списке градиентов в панели параметров откройте диалоговое окно Gradient Editorградиента) и передвиньте
указатель средней точки несколько правее, ближе к белому цвету, примерно так, как представлено на рис. 7.56.
Рис. 7.56. Диалоговое окно Gradient Editor (Редактирование градиента)
Когда градиент готов, необходимо нарисовать первый шар. Обратите внимание, что после использования градиента шар должен быть белым на черном фоне, а не наоборот. Если у вас получился черный шар, то при помощи палитры History (Протокол) отмените последнее действие и в панели параметров для инструмента Gradient (Градиент) поменяйте состояние флажка Reverse (Обратный порядок). Первый полученный вами шар должен быть похож на тот, что показан на рис. 7.57.
Рис. 7.57. Первый шар
Далее снова обратимся к панели параметров инструмента Gradient
ВMode (Режим наложения) по умолчаниюзначение
(Обычный), однако дляработы следует изменить его на Lighten (ЗаменаЭто позволит не просто закрашивать один градиент другим, а на
кладывать их друг на друга определенным способом.
После этого можно рисовать следующие шары. Благодаря сделанным настройкам они будут не перекрывать предыдущие, а сливаться с ними. На рис. 7.58 представлен первый шар вместе со вторым.
Рис. 7.58. Два шара
Таким образом можно составить композицию из разного размера. Если вы хотите, чтобы некоторые шары не сливались с а находились над ними, то их следует создавать на отдельных слоях. На рис. 7.59 такой шар находится внизу.
Рис. Композиция шаров
Для достижения наилучшего результата осталось раскрасить шары и применить к ним какую-либо текстуру, хотя это вовсе не обязательно и является чисто декоративным приемом.
Склейте все слои изображения область с шарами при помощи инструмента Magic Wand (Волшебная палочка) клавиша данного инструмента — Установите параметр (Допуск) небольшим, порядка 3-5. Так мы сможем выделить фон, не затрагивая объекты. Щелкните в любом месте черного а затем инвертируйте нажав сочетание клавиш 匸匚;！*Shi竹 Г или выбрав команду Select > Inverse (Выделение > Инвертировать).
Полученную область переместите на новый слой, щелкнув по фоновому слою правой кнопкой мыши и выбрав в контекстном меню команду Layer via Cut (Слой вырезанием) или нажав сочетание клавиш Ctrl+Shift+J.
Создайте копию полученного слоя с шарами, после чего к нижнему слою примените какой-либо стиль из палитры Styles (Стили). Лучше, если в нем не будет резких цветовых переходов. Можно создавать собственный стиль, если в этом есть необходимость. Чтобы сохранить объем и показать цвет, необходимо преобразовать режим наложения пикселов (Mode) в верхнем слое, заменив значение Normal (Обычный) на Luminosity (Яркость).
Далее можно подобрать фон для композиции из шаров. Мы создали его, многократно применив инструмент Gradient (Градиент). Итоговый результат представлен на рис. 82 цветной вкладки.
Стеклянный шар на фоне пейзажа
Реализацию данного эффекта мы будем начинать не с «чистого листа», а с подбора фонового изображения. Найдите подходящее изображение квадратной или почти квадратной формы, Мы будем работать с изображением, представленным на рис. 7.60 (оригинал рисунка находится на компакт-диске Illustrations\Ch07\7_60.tif),
Рис. 7.60. Исходное изображение
Создайте выделение круглой формы при помощи инструмента Elliptical Marquee (Эллиптическое выделение), для активизации которого можно просто нажать клавишу М.
Активизируйте инструмент Gradient (Градиент) (горячая клавиша — G) Б качестве основных цветов установите черный и белый, нажав клавишу D. Тип градиента выберите Linear (Линейный), а вид — Foreground to Background (От цвета переднего плана к цвету фона).
Создайте новый слой, щелкнув на кнопке с изображением чистого листа, расположенной внизу палитры Layers (Слои), или нажав сочетание клавиш Ctrl+Shift Н< Теперь залейте полученное выделение на новом слое так, чтобы создавалась ИЛ' люзия, что одна сторона шара освещена, а другая находится в тени (рис. 7.61),
Рис. 7.61. Шар с градиентной заливкой
Создайте копию фонового слоя, перетащив его к кнопке с изображением чиик ■ листа и палитре Layers (Слои), и поместите созданный слой на самый верх. Дважды примените к нему фильтр Spherize (Сферизапия) из набора Distort (&Ф”- мация). На рис. 7.62 представлено диалоговое окно данного филь гра. В обоих случаях следует установить максимальную силу действия, так как наша задачи - сделать шар, для чего необхо 厮 мо сильно выгнуть изображение. В результате должно получиться нечто, похожее на рис, 7.63.
Рис. 7.62. Диалоговое окно фильтра Spherize (Сфермзация)
Рис. 7.63. Сфера, созданная из фонового рисунка
Загрузите маленький шар в выделение^ для чего щелкните по слою, на котором находится шар, с нажатой клавишей Ctrl, Сохраните выделение в качестве маски того слоя. к которому применялся (])л. 1ьтр Spherize (СферизашжУДля этого сделайте активным данный слои. после чего, не снимая выделения, щелкните на кнопке с изображением белого круга, раегкиюженлоп внизу палитры Channels (Каналы). Щелкните на значке связи между маской и каналом, устранив таким образом их связь. Далее, нажав сочетание клавиш СЕ+Т, что эквивалентно выбору команды меню E di t > Free Transform (Редактп])ованпе 1 Свободное трансформирование), преобразуйте слой так, чтобы сфера, расположенная на нем, стала примерно такого же размера, как на маске. При желшпгп сс можно перевернуть, В результате должно получиться изображение, похожи на то. что показано на рис. 7.64,
Рис. 7.64. Преобразованная сфера
Преобразуем черно-белый шар при помощи настройки уровней яркости: Image 卜 Adjustments ► Levels (Изображение ► Настройки ► Уровни) или Ctrl+L. В диалого- BOM окне Levels (Уровни) увеличим контрастность цветов, перетащив белый маркер несколько левее, а черный — правее (рис. 7.65).
犷 Preview犷 Preview
犷 Preview
犷 Preview
Рис. 7.65. Настройки в диалоговом окне Levels (Уровни)
Для улучшения иллюзии объема дважды дублируйте слой с маленьким чернобелым шаром. Поместите эти слои на самый верх. Их непрозрачность установи 「€ на 50 %, а режимы смешения пикселов — на Lighten (Замена светлым) и Darken (Замена темным).
Создайте эллин тическое выдел еви е на новом слое, расположенном под слоем с цветным шаром, и поместите его в основание шара. С его помощью мы сейчас создадим тень. Залейте выделенную область черным цветом. Примените фильтр Gaussian BW (Размытие по Гауссу) из набора Blur (Размытие), чтобы сделать переход в тень более плавным. Диалоговое окно данного фильтра с использованными настройками представлено на рис. 7.66.
I Рис. 7.66. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу)
Создайте выделение чуть меньше предыдущего и выполните все те же действия, но только залейте его белым цветом. необходимо для того, чтобы получить не просто тень от объекта, а тень от стеклянного и немного прозрачного шара. На этом тени закончено.
Склейте все слои, нажав сочетание клавиш или команду Layer Merge (Слой Объединить видимые слои).
Для того чтобы результат стал более правдоподобным, примените фильтр Lance Flare Render Lance Flare (Фильтр Освещение Блик). На рис. 7.67 представлено диалоговое окно данного фильтра с использованными настройками. Итоговое изображение представлено на рис. 83 цветной вкладки.
Рис. 7.67. Диалоговое окно фильтраFlare
Кольцо из шаров
В разделе 7.10 этой главы мы рассмотрели, как при помощи стандартных средств Photoshop создать объемный шар. А здесь расскажем, как быстро, а главное правдоподобно, можно нарисовать композицию из
Прежде всего, следует создать новое изображениеНикаких требований
к его параметрам в данном случае нет.
Создайте новый слойДалее мы займемся созданием объемного
В зависимости от качества, которое вы хотите получить вследует
выбрать один из двух способов. Если изображение должно быть очень правдоподобным, товоспользоваться методом, изложенным ранее в данной главе.
Если же высокого качества нето можно упростить работу и
нить следующие действия.
Создайте круглое выделение, для чегоинструментом
Marquee (Эллиптическое(горячая клавиша —Чтобы
круг, ввыделения необходимо удерживать нажатойShift.
в качестве основных цветов черный иD. Активи-
Gradient(горячая клавиша — G). Установите тип
градиента Radialа вид — Foreground to Background (От цвета
него плана кфона).
Залейте полученным образцом градиента выделенную область так, как
рис.Еслиувасполучаетсявсенаоборот,то в панелипараметроврассматриваемогоследует изменить состояние флажка Reverse (Обрат
ный порядок).
Рис. 7.68.шар
Далее нужно создатьвам количество шаров разных размеров,
на разных слоях. Для этого проще всего воспользоваться буфером обмена. те содержимое слоя с шаром:All (Выделение Выделитьили
Затем скопируйте выделение в буфер обмена: Edit Сору (Редак- илиА теперь выполните вставку необходимое
количество раз: Edit Paste (Редактирование Вставить) илиВ результате
каждой операции вставки шар будетна новом слое.
Измените размеры шаров и разместите их по кругу. Для этого на каждом слое возможностями команды Edit Free Transform
Свободное трансформирование)Для
размеров следует удерживать клавишу Shift.
В результате вы получитепохожую на что представлена на рис. 7.69.
Следующим будет создание тени, однако здесь есть
на бытьна шарах,ниже, но не па фоне. В связи
с этим стандартным путем пойти нельзя, а придется последовательно выполнить несколько шагов.
Выделите самый верхний шар, щелкнув мышью по слою,котором он расположен, склавишей
Создайте слой, расположенный между верхним слоем и всеми
и залейте в нем выделенную область черным цветом. Снимите выделение: Select Deselect (Выделениевыделение) или
Рис. 7.69. Композиция из шаров
Размойте полненную область: Filter ► BLur 卜Gaussian Blur (Фильтр > Размытие ► Размытие по Гауссу). Сила депствпя фильтра (Amount) должна быть равна 3-6 (pua 7.70).
Рис. 7.70. Диалоговое окно фильтра Gaussian Blur (Размытие по Гауссу)
Выделите описанным способом шары на слое, лежащем непосредственно под активным слоем. Для того чтобы потзые области добавлялись в выделение, следует прл щелчке мыши по слою удерживать клавиши Ctrl+Shift Инвертируйте полученное выделение, нажав сочетание клавиш CtrL+Shift+I или выполнив команду Select 卜 Inverse (Выделение > Инвертировать).
Нажмите клавишу Del, чтобы удалить содержимое слоя внутри выделенной области. В результате на тарах в данном слое должна появиться весьма правдоподобная тень.
Проделайте эту цепочку действий для остальных слоев сверху вниз, Объекты, расположенные на одном уровне (такие, как два шара в нашем примере, следующих за самым крупным), можно обработав атв совместно, так как друг на друга они не влияют. В результате проделанной работы вы получите нечто, похожее на рис. 7.71.
Рис.Шары с тенью, отбрасываемой друг на друга
Далее мы добавимотбрасываемую всеми шарами на фон.
Склейте слои, кроме фонового. Так как их достаточно много, то наиболее рациональным способом будет связать эти слои, установив рядом с их именами в палитре Layers (Слои) значки с изображением цепочки рядом, а затем выбрать команду Layer Merge (Слойсвязанные слои) или нажать
сочетание клавиш Ctrl+E.
Далее осталось воспользоваться стандартным фильтром для построения
Layer Layer Style Drop Shadow (Слой Стили слоя Внешняя тень). Диалоговое окно данного фильтрана рис. 7.72.
OKOKStylesStylesI Blending Optioris: Def^UltI Blending Optioris: Def^UltCancelCancelDistance.Distance.----ГГLayerLayer同 Drop Shadov ;同 Drop Shadov ;InnerInner••厂 Inner Glow厂 Sevel and Emboss广 Contour厂 Inner Glow厂 Sevel and Emboss广 Contour「XnColorGradient厂 Pattern Overlay「XnColorGradient厂 Pattern Overlay二 l>rop Sha4«v:i「Struclvr*6 Mod Mod»: |m jlttoly二 l>rop Sha4«v:i「Struclvr*6 Mod Mod»: |m jlttoly№v 丿 Sly®.. 歹斗evbw№v 丿 Sly®.. 歹斗evbwРис. 7.72. Настройки фильтра Drop Shadow (Внешняя тень)Рис. 7.72. Настройки фильтра Drop Shadow (Внешняя тень)"Quality ''"Quality ''Contour1Contour1Us* GobM LightUs* GobM Lightp4~)0*底一"p4~)0*底一"厂 Anti-«ias«d厂 Anti-«ias«dj6 %POut Dropj6 %POut Drop
OK
OK
Styles
Styles
I Blending Optioris: Def^Ult
I Blending Optioris: Def^Ult
Cancel
Cancel
Distance.
Distance.
-
-
-
-
Г
Г
Layer
Layer
同 Drop Shadov ;
同 Drop Shadov ;
Inner
Inner
•
•
厂 Inner Glow
厂 Sevel and Emboss
广 Contour
厂 Inner Glow
厂 Sevel and Emboss
广 Contour
「Xn
Color
Gradient
厂 Pattern Overlay
「Xn
Color
Gradient
厂 Pattern Overlay
二 l>rop Sha4«v
:i「Struclvr*
6 Mod Mod»: |m jlttoly
二 l>rop Sha4«v
:i「Struclvr*
6 Mod Mod»: |m jlttoly
№v 丿 Sly®.. 歹斗evbw
№v 丿 Sly®.. 歹斗evbw
Рис. 7.72. Настройки фильтра Drop Shadow (Внешняя тень)
Рис. 7.72. Настройки фильтра Drop Shadow (Внешняя тень)
"Quality ''
"Quality ''
Contour1
Contour1
Us* GobM Light
Us* GobM Light
p4~
)0*
底一"
p4~
)0*
底一"
厂 Anti-«ias«d
厂 Anti-«ias«d
j6 %
POut Drop
j6 %
POut Drop
После всех вышеописанных у вас должно получиться изображение, достаточно реалистично имитирующее кольцо из шаров, Результат представлен на рис. 7.73 (см. рис. 84 цветной вкладки).
7.73. Итоговое
Динамик
Это еще один эффект, которыйимитировать объемное изображение,
используя только стандартный набор инструментов и возможностей Photoshop. Основным инструментом в данном случае будет Gradient (Градиент). Для его активизации можно воспользоваться палитрой инструментов или нажать клавишу G. Первым шагом будет создание нового изображения. Для этого необходимо выбрать команду File New (Файл Создать) или нажать сочетание клавиш После этого появится диалоговое окно, в котором следует указать основные параметры изображения. Они могут быть любыми, но удобнее работать с квадратным форматом на белом или прозрачном фоне.
инструментMarquee (Эллиптическое выделение) (горячая
клавишаи создайте круглое выделение. Так как на глаз это сделать достаточ
но трудно, то лучше работать данным инструментом при нажатой клавише Shift. А сейчас нам понадобится основной инструмент, используемый для реализации данного эффекта, — Gradient (Градиент). Установите в качестве основных цветов темно-серый и светло-серый (не стоит выбирать белый и черный, так как эффект будет выглядеть грубовато). Установите направление градиента Foreground to Background (От цвета переднего плана к цвету фона), а тип градиента — Reflected (Отраженный).
Проведите линию от центра выделенной области к периметру. Б результате должно получиться изображение, похожее на рис. 7.74.
Далее следует уменьшить радиусSelect Modify Contract (Выделение
Изменить Сжать). В диалоговом окне данной команды следует ввести количество пикселов, на которое уменьшается радиус. В нашем примере достаточно значения 25, однако в зависимости от размеров и разрешения оно может варьироваться, поэтому обратите внимание на рис. 7,75, где видно, какую область должно занять выделение.
Рис. 7.74. Результат применения градиентаРис. 7.74. Результат применения градиента
Рис. 7.74. Результат применения градиента
Рис. 7.74. Результат применения градиента
Смягчитерезультат, выполнив командуFeather (Выделение
Растушевка) или нажав сочетание клавишВеличину области расту
шевки выберите порядка 1 пиксела, Залейте полученное выделение тем же градиентом, только в обратном направлении.
Снова уменьшите выделение, но уже примерно на 8 пикселов, и смягчите его с величиной растушевки 1 пиксел. Сейчас мы будем создавать основную поверхность динамика, для чего нам понадобится другой градиент.
Откройте диалоговое окноEditor (Редактирование градиента) (рис.
Для этого необходимо щелкнуть мышью на списке градиентов в панели параметров, выбрав сначала инструмент Gradient (Градиент).
PresetsPresets[ Gradient Type;[ Gradient Type;Stops -Stops -Рис. 7.75. Диалоговое окно Gradient Editor (Редактирование градиента]Рис. 7.75. Диалоговое окно Gradient Editor (Редактирование градиента]EditorEditorLocation:DeleteLocation:Delete强：」o强：」oName:Name:* Smoothness： JOO | >* Smoothness： JOO | >Color:Color:00
Presets
Presets
[ Gradient Type;
[ Gradient Type;
Stops -
Stops -
Рис. 7.75. Диалоговое окно Gradient Editor (Редактирование градиента]
Рис. 7.75. Диалоговое окно Gradient Editor (Редактирование градиента]
Editor
Editor
Location:Delete
Location:Delete
强：」o
强：」o
Name:
Name:
* Smoothness： JOO | >
* Smoothness： JOO | >
Color:
Color:
0
0
Создайте градиент, от светло-серого к черному и к исходному светло-серому. Установите тип градиента (Угловой) и залейте им выделенную область от центра к периметру. В результате изображение примет вид, показанный на рис. 7.76.
Рис. 7.76.поверхность динамика
Снимите выделение, выполнив команду Select (Выделение Отменить выделение) или нажав сочетание клавиш Вновь активизируйте инструмент Marquee выделение).
Создайте небольшое круглое выделение, расположенное в центре фигуры. Для удобства сделать видимой сетку: View Show Grid (Вид Показать Сетка). Снова выберите с направлением Foreground to Background (От цвета переднего плана к цвету фона). В качестве основных следует установить светло-серый и тип градиента на Linear (Линейный) и заполните им выделенную
Затем преобразуйте имеющееся в то, которое будет окружать центральную часть: Select Modify Border (Выделение Изменить Рамка). В нашем толщина рамки равна 8 пикселам.
Далее следует воспользоваться же градиентом, что и в последний раз, только в качестве основных цветов выбрать белый и черный. Для этого достаточно нажать клавишу D. Заполните выделенную область так, чтобы светлая часть кольца совпадала со светлой частью внутренней окружности.
Результат всех вышеописанных действий представлен на рис. 7.77.
Рис. 7.77.изображение
Сигарета
На этоммыеще одну сторону
возможность его применения для создания правдоподобных элементов, можнотолько какэлементы сайтов, плакатов и различных видов рекламы, но и какилифрагменты. Итак, речьо том, какобычную
Начнем с создания нового изображения: File New (Файл Создать) пли сочетание клавишПараметры изображения можно выбрать любые, с которыми
вам будет удобнее работать,
Активизируйте инструментMarquee
чаяи создайте прямоугольное выделение, которое впоследствии будет
фильтром сигареты. Оставьте местопли поддля другой части.
Заметим, чтокаждыйна отдельном чтобы
необходимостиможно былозаменить на более подходящий.
Для создания нового слоявыбрать командуNew Layer (Слой
Создать Слой) или воспользоваться клавиатурным сокращением
Amount;
: •••
i Uniform 标 Gaussian
.
Рис. 7.78. Диалоговое окно фильтра Acid Noise (Шум)
Залейтевыделение оранжевым цветом при помощи инструмента Paint
Bucket (Заливка) (горячая клавиша — G). Для имитацииструктуры
следует добавить немного шума: Filter Noise Add Noise (Фильтр Шум
шум). Диалоговое окно с настройками данного фильтра представлено па рис. 7.78.
Силу действия (Amount) следуеттак как в данном случае
шум используется для придания правдоподобности. В нашем примере значение
Amount (Эффект)6. Обратите внимание, что флажок Monochromatic (Моно-
необходимо сбросить,
В результате получится плоская заготовка фильтра (рис. 7.79).
Рис. 7.79.фильтра
Далеевзятькисть и нарисовать на фильтре более светлым
несколько разбросанных штрихов.
Следующий этап работы будетсозданию основной части сигареты -
той, которая содержит табак. Добавьте новый слой, предназначенный для этой частиСоздайте на прямоугольное выделение, которое будет
располагаться над или под фильтром зависимости от оставленного места), иего белым, а лучше грязновато-белым цветом.
вчерный и белый, нажав клавишу D, и
пользуйтесь фильтром Note Paper (Бумага): Filter 卜 Sketch > Note Paper (Фильтр > Эскиз Бумага) (рис. 7.80). В приведенном примере заданызначе-
параметров фильтра: Image(Баланс изображения) — 16, Graininess
— 3,(Рельеф) — 4.
I 0K 」
Cancel
麻论卩*e?一 •'
Image E dance| ；
Graininess
Refef卩
Рис. 7.80.окно фильтра Note(Бумага)
Далее мы будем имитировать объем, для чего понадобится еще один слой
Создайте выделение, охватывающее всю сигарету, затем возьмите инст-
Gradient (Градиент) (горячая клавиша — G), который является главным помощником при имитации объема. Установите тип градиента Reflected (Отраженный), а— Foreground to Background (Отпереднего
плана к цвету Напомним, что основные цвета должны оставаться белым
и черным. Залейте выделенную область созданным образцом градиента так, как показано на рис. 7.81.
Измените режим наложения пикселов активного слоя на Multiply (Умножение), в котором будут видны только темные участки слоя, а также отрегулируйте параметр Opacity (Непрозрачность). В нашем примере оптимальной является непрозрачность
В результате у вас должна получиться достаточно правдоподобная объемная сигарета (рис. 7.82).
Если присмотреться, то можно заметить, что на границе между и бумагой обычно есть еще небольшая полоска. Создайте для нее выделение на новом слое. Затем выберите желто-оранжевый цвет в качестве основного и залейте полученную область тем же градиентом, что и ранее, только с переходом от желтого к белому и обратно. Результат этих действий представлен на рис. 7.83.
Рис. 7.82. Основная часть сигаретыРис. 7.82. Основная часть сигаретыРис. 7.81. Градиентная заливка, объем
Рис. 7.82. Основная часть сигареты
Рис. 7.82. Основная часть сигареты
И последний этап работыэто создание табака, которое так же следует прово
дить на новом слое.
Выделите прямоугольную область на конце сигареты и заполните ее грязно-коричневым цветом. Вновь воспользуйтесь фильтром Add Noise (Добавить только силу действия (Amount) задайте значительноможно даже мак
симальную, и обязательно установите флажок Monochromatic (Монохромный).
Возьмите инструмент Erase (Ластик) (горячая клавиша — Е), выберите жесткую кисть и сотрите часть области так, чтобы она получилось рваной, похожей на рассыпчатый табак.
В завершение работы можно склеить все слои, нажав сочетание клавишE
или выбрав команду Layer Merge Visible (Слой Объединить видимые слои). Результат показан на рис. 85 цветной вкладки.
Рис. 7.83. Сигарета без табака
Стильные фигуры
Создайте изображение произвольного размера и цветовой модели: File ► New (Файл ► Создать) или CtrL+M Разрешение рекомендуется выбрать не менее 150 пикселов на дюйм, так как при меньших значениях качество эффекта значительно пострадает, При помощи инструмента Реп (Перо) (горячая клавиша — Р) создайте контур. Он может быть абсолютно любым, иметь прямые или плсшные очертания, изгибаться и образовывать резкие углы, — в общем, можете делать все, что душе угодно. Однако не увлекайтесь, так как слишком сложный объект в итоге будет выглядеть не столь эффектно. Мы будем работать с контуром, представленным на рис. 7.84.
Рис. 7.84. Исходный контур
Теперь следует обвести контур, то есть перенести его на изображение в виде обычной ЛНШ1Н (напоминаем, что контур является лишь формой выделения). Но сначала необходимо создать новый слой, па котором будет располагаться линия. Для этого достаточно щелкнуть на кнопке с изображепнем чистого листа, расположенной
旦旦Tool I 夕 ％3 厂 Simulate PressureTool I 夕 ％3 厂 Simulate Pressure3 - ICanceJ ]3 - ICanceJ ]
旦
旦
Tool I 夕 ％3 厂 Simulate Pressure
Tool I 夕 ％3 厂 Simulate Pressure
3 - I
CanceJ ]
3 - I
CanceJ ]
внизу палитры Layers (Слон), или нажать сочетание клавиш Ctrl-HShift+N Щелкните по созданному контуру правой кнопкой мыши it в ко нтекстном меino выберите команду Stroke Path (Обвести контур). Перед вами поягттся одпоимешюе диалоговое окно (рис. 7.85), в котором следует указать инструмент для обводки контура. Наиболее удачными инструментами для обводки являются Brush (Кисть) и РепсЧ (Карандаш). В данном примере мы использовали второн вариант. Размер кнстм в зависимости от разрешения следует взять равным 1 или 2 пикселам. Если изображение и разрешение очень вели к л, то допустимо и значение 3 пиксела.
Stroke Path
Рис. 7.85. Диалоговое окно Stroke Path (Обвести контур)
ВНИМАНИЕ
Обратите внимание, что, выбрав инструмент обводки, вы не сможете влиять на его параметры, так как будут использованы те, которые применялись в последний раз. Поэтому прежде чем назначать инструмент, выберите его в палитре инструментов, установи' те необходимые параметры (кисть, непрозрачность, режим наложения и пр.) и только после этого принимайтесь за обводку.
После того как линия нарисована и обведена, можно приступать пелосредетвен- по к созданию фигуры.
Дублируйте только что созданный слой с линией, перетащив его мышью к кнопке с изображением чистого листа в палитре Layers (Слои) или щелкнув по иеху правой кнопкой мыши и выбрав в контекстном меню команду Duplicate Layer (Создать копию слоя),
Нажмите сонетаннс клавиш МН или выберите команду №Р1ш) Edit > Free Transform (Редактирование ► Свободное трансформирование). Вокруг линии появится рамка трансформации, которую МО>Ю Ю вращать и растягивать при помощи мыши. Эта работа требует большой точности, поэтому лучше использовать панель с параметрами, которая вызывается щелчком праной кнопки мыши в области рамки (рис. 7.8В).
!S'： ： • I §S| >：■ [ззТгГ △ Y： JISC a W士枝二 ]Н 5^57" _ 1ST■ 丁 /日丽一：史二：
Рис. 7.86. Параметры свободного трансформирования
В данном случае необходимо обратить внимание на три параметра. Первые два — это поля X и Y, содержащие координаты центра вращения. Если вы хотите изменить положешю центра вращения, следует сместит]» центр на самом изображении, а потом ввести более точные координаты. Их необходимо запомнить и применять далее, поэтому советуем остановить свой выбор на целых числах. Третий необходимый параметр — поле Angle (Угол). Здесь задается угол поворота фигуры в градусах вокруг установлениой оси.
Начинать следует с поворота на 1°. Изображение после такого поворота пред
ставлено на рис. 7.87.
Рис. 7.87. Две линии
Склейте два слоя с линиями. Вновь дублируйте слой уже с двумя кривыми и преобразуйте аналогичным способом копию. Обратите внимание, что центр вращения должен быть тем же. А вот угол — уже 2°. Вновь склейте слои, дублируйте слой и повершгте фигуру. Установите угол равным 4°.
Продолжайте работу, каждый раз увеличивая угол в два раза, а центр вращения оставляя прежним. Наиболее интересные результаты получаются, если остановиться на углах 32° или 64°. Больше вращать не следует, так как фигура станет слишком сложной и потеряет СБОЮ элегантность.
Вы можете использовать любые цвета, заполнять фигуры градиентами и тексту- рамк, однако наиболее интересен вариант, получаемый при работе с черно-белыми изображениями.
На рис. 7.88 представлены две разные фигуры: черная, создание которой описывалось выше, и белая, работа над которой проводилась аналогичным образом, только исходная линия была другой и на 1 пиксел толще (см. рис. 86 цветной вкладки).
Рис. 7.83. Две различные фигуры
Щупальца в крови
Этот пример многим кажется очень неприятным и даже омерзительным. Авторы не станут спорить. Ценность данного примера заключается не в его а в демонстрации еще одной техники получения псевдообъемных объектов.
Создайте новое изображение в цветовом режиме RGB. Размеры его должны быть 250x250 пикселов. Фоновый цвет — обязательно белый. Сразу создадим новый слой
Выберите инструмент Rectangle (Прямоугольник) в режиме Fill Pixels ние пикселов). Нарисуйте при помощи его черный прямоугольник, подобный показанному на рис.
Рис.прямоугольникРис.прямоугольник
Рис.прямоугольник
Рис.прямоугольник
Затем создайте еще один новый слой (Ctrl+Shift+N). Нарисуйте на нем точно такой же прямоугольник точно над предыдущим, но уже белого цвета. Примените к этому слоюкоторый и является в данном примере секретом имитации псевдообъема. Это, как ни странно, привычный GaussianFilter Blur
Gaussian Blur (Фильтр Размытие Размытие по Гауссу). Примените его с настройками, показанными на рис. 7.90, затем сведите слои
Radius:Radius:baussidn Uhirbaussidn UhirРис. 7.90. Диалоговое окно фильтра Gaussian(Размытие по Гауссу)Рис. 7.90. Диалоговое окно фильтра Gaussian(Размытие по Гауссу)Cancel ICancel IP PreviewP Preview
Radius:
Radius:
baussidn Uhir
baussidn Uhir
Рис. 7.90. Диалоговое окно фильтра Gaussian(Размытие по Гауссу)
Рис. 7.90. Диалоговое окно фильтра Gaussian(Размытие по Гауссу)
Cancel I
Cancel I
P Preview
P Preview
Полученный результат уже производит впечатление фигуры (и очень похож на рисунок одной из стадий примера рисования сигареты). Это получилось благодаря появлению зоны частично размытых пикселов на верхнем слое из-за использования Gaussian Запомните эту технику, так как это очень простой и элегантный способ имитации объема.
Начнем превращать цилиндр в щупальце. Для этого сначала трансформируйте его как показано на рис. 7.91.
Рис. 7.91.Free Transform (Свободная
трансформация) для формирования щупальца
DefdJts
Undefined~
Around
Repeat Edge Pixels
Рис. 7.92. Настройки фильтра Shear
Мы использовали для этого тип трансформации Distort (Искривление). Если результат вас удовлетворил, идем дальше. Следующий фильтр позволяет очень задать изгиб щупальца. Это фильтр Shear: Filter Distort Shear (Фильтр ление Сдвиг). Используйте его с параметрами, указанными на рис. 7.92.
Результат уже напоминает щупальце какого-то фантастического сущесгва. Однако его можно улучшить, добавив блеск. Для этого отлично подходит фильтр Plastic Wrap: Filter ArtisticWrap (Фильтр Художественные Пластиковая
ковка) с настройками, которые можно увидеть на рис, 7.93,
PlasticарH igh light £ lengthflO™—之PlasticарH igh light £ lengthflO™—之DetailDetailРис. 7.93. Параметры фильтра Plastic Wrap (Пластиковая упаковка]Рис. 7.93. Параметры фильтра Plastic Wrap (Пластиковая упаковка]
Plasticар
H igh light £ lengthflO™
—之
Plasticар
H igh light £ lengthflO™
—之
Detail
Detail
Рис. 7.93. Параметры фильтра Plastic Wrap (Пластиковая упаковка]
Рис. 7.93. Параметры фильтра Plastic Wrap (Пластиковая упаковка]
Осталось нарисовать кровь. Для этого создадим новый слой и сразу переведем его в режим смешения Color Burn (Цветовой прожиг). В этом режиме кровь будет видна только на щупальце.
Создайте подходящую кисть для имитации кровавых пятен. На этом этапе придется немного экспериментировать, так как готового нет. Скажем только, что это должна быть кисть Hcnpsus^i/ibHoi'i формы, с заданными настройками Scattering Shape Dynamic (Динамика формы) и Aerograph
Наше щупальце в крови показано на рис.
Рис. 7.94. Добавляем кровьРис. 7.94. Добавляем кровь
Рис. 7.94. Добавляем кровь
Рис. 7.94. Добавляем кровь
Продублируйте щупальце два раза, и, используя Free Transform (Свободная немного измените копии по отношению к оригиналу. Расположите три щупальца друг по отношению к другу чтобы они смотрелись органично.
Возможно, стоит добавить немного крови на фоновый слой. Для этого пригодится уже созданная вами кисть. Итоговое изображение показано на рис. 7.95 (см. рис. 87 цветной вкладки).
Рис. 7.95. Итоговое изображение
Объемная планета
пример, возможно, понравится начинающим пользователям Adobe Photoshop. В нем мы поговорим о том, как очень быстро и очень просто нарисовать объемную Землю в космосе. Несмотря на то, что первый взгляд он не прост, этот эффект один из самых легких в книге.
Итак, создадим новое изображение в цветовом режиме RGB размером пикселов. Фоновый цвет сразу может быть задан как черный.
Создайте новый слой (CtrHShift+N).
Запустите инструментMarquee (Эллиптическое выделение) и создайте
круглое выделениеменьше изображения. Установите основные цвета в значение по умолчанию (D). Затем примените фильтр Clouds:Render Clouds
(Фильтр Освещение Облака). Результат показан на рис. 7.96.
Начнем превращать облака в материки. Для этого достаточно увеличить контраст изображения в настройках инструмента Brightness/Contrast: Image Adjustments Brightness/Contrast (ИзображениеНастройка Яркость/Контраст) (рис. 7.97).
Также можно обратить внимание и на настройку Brightness (Яркость). При уменьшении значения яркости материки будут становиться больше, при увеличении — наоборот.
Рис. 7.96. Результат применения фильтра Clouds (Облака)Рис. 7.96. Результат применения фильтра Clouds (Облака)Рис. 7.97. Настройки Brightness/Contrast (Яркость/Контраст)Рис. 7.97. Настройки Brightness/Contrast (Яркость/Контраст)
Рис. 7.96. Результат применения фильтра Clouds (Облака)
Рис. 7.96. Результат применения фильтра Clouds (Облака)
Рис. 7.97. Настройки Brightness/Contrast (Яркость/Контраст)
Рис. 7.97. Настройки Brightness/Contrast (Яркость/Контраст)
Теперь следует окрасить Землю. Самый простой и незатейливый путь — запустить инструмент Paint Bucket (Заливка) и залить черные участки зеленым цветом, белые — голубым. Обратите внимание на то, что параметр Tolerance (Допуск) не должен превышать значения в 150.
Применим фильтр, который позволит придать Земле текстурность и одновременно не затронет океаны. Это Film Grain: Filter ► Artistic ► Film Grain (Фильтр ► Художественные ► Зернистость пленки) с настройками, показанными на рис. 7.98.
ок
Cancel
Film Giah
Gtain
Highlight Area A"
Intensity
I Рис. 7.98. Параметры фильтра Film Grain (Зернистость пленки)
Теперь можно переходить к самой интересной части нашей работы, а именно к имитации объема. Создайте новый слой (CtrL+Shift+N). Убедитесь, что созданное ранее выделение еще активно. Установите основные цвета по умолчанию (CtrhD) и запустите инструмент Gradient (Градиент).
Убедитесь, что вид градиента выбран как Foreground to Background (От цвета переднего плана к цвету фона). Тип градиента установите Radial (Радиальный) и создайте переход, подобный показанному на рис. 7.99.
IРис. 7.99. Созданный градиент
Измените режим смешения (Blending Mode) в палитре Layers (Слои) слоя с градиентом на Multiply (Умножение). Земля сразу станет псевдообъемной. Если ее внешний вид вас устраивает, сведите все слои (CtrL+Shift+E).
Остался последний штрих. Примените фильтр Lens Flare: Filter 卜Render ► Lens Flare (Фильтр卜Освещение » Блик) с tiacTpoiiKaMH, показанными на рис. 7.100.
Рис. 7.100. Настройки фильтра Lens Rare (Блик)
Готовое изображение показано на рис. 7.101 (см. рис. 88 цветной вкладки).
Рис. 7.101. Итоговое изображение
Стальной шар
Данный эффект по технологии имитации объема является, по мнению авторов, самым оригинальным в главе. К большому сожалению, область его практического применения очень ограниченна, но результат выглядит интересно. Мы будем рисовать стальной шар.
Создайте новое изображение размером 400x400 пикселов в любом цветовом режиме, Выставьте основные цвета в значения по умолчанию (D) и примените фильтр Clouds: Filter ► Render 卜 Clouds (Фильтр 卜Освещение ► Облака). Изображение после этого шага показано на рис. 7.102.
Рис. 7.102. Результат применения фильтра Clouds (Облака)
Затем применим фильтр Polar Coordinates: Filter ， Distort , Polar Coordinates (Фильтр ► ПСка/кснкр ► Поляршлс ксюрдтпигги) с настройками, показаиньтми на рис. 7J03.
Рис. 7.103. Параметры фильтра Polar Coordinates (Полярные координаты)
Примените последний фильтр несколько раз (Ctrl+F), пока ваша работа не станет похожа на рис. 7.104.
Рис. 7.104, Результат многократного применения Polar Coordinates (Полярные координаты) в режиме Polar to Rectangular (Полярные в прямоугольные)
Затем снова применим фильтр Polar Coordinates: Filter Distort Coordinates (Фильтр Искажение Полярные координаты), но уже с новыми настройками, показанными на рис. 7.105.
Повторяйте действие фильтра (Ctrl+F), пока не получите то, что показано на рис. 7.106.
Продублируйте слой, с которым мы сейчас работали, перетянув в палитре Layers (Слои) его на значок в виде белого листа бумаги. Примените к дубликату инструмент Free Transform (Свободное трансформирование) и разверните полотно на 180°. Затем в палитре Layers (Слои) поменяйте режим смешения нового слоя на Vivid Light.
Сведите слои и выполните фильтр Motion Blur: Filter Blur Motion Blur (Фильтр Размытие Размытие в движении) с настройками, показанными на рис.7.107.
Рис. 7.105. Второй этап применения Polar Coordinates (Полярные координаты) проходит уже в режиме Rectangular to Polar (Прямоугольные в полярные)
Рис. 7.106. Результат многократного применения фильтра Polar Coordinates (Полярные координаты) в режиме Rectangular to Polar (Линейные в полярные)
Рис. 7.107. Настройки фильтра Motion Blur(Размытие в движении)
На этом пример завершен. Возможно, придется немного подправить шар, используя различные инструменты, но это уже решайте сами. Авторам больше никаких действий предпринимать не пришлось. Наше конечное изображение показано на рис. 7.108.
Рис. 7.108. Итоговое изображение
「лава 8
Ретушь фотографий. Фотомонтаж
Ретушируем старую фотографию492
Меняем цвет глаз495
Раскрашиваем контурное изображение498
Раскрашиваем черно-белую фотографию503
Переводим цветное изображение в дуплексное506
Квадроплексное (четырехцветное} изображение507
Слияние фотографий510
Цветок в воде.513
Переносим человека в другое окружение516
Неоконченный рисунок519
Имитация старой фотографии521
Рисунок из фотографии524
Фотография в стиле глянцевых журналов527
Ретушируем старую фотографию
Данная глава выделяется в этой книге. В большинстве глав описаны нестандартные, неочевидные методы работы в Photoshop 7.0, в этой же ничего уникального вы не найдете. Здесь описана техника, которой на сегодняшний день ретушируется подавляющее большинство старых снимков, и это многим читателям может оказаться полезным.
Мы будем использовать очень старую фотографию из семейного альбома. Показана она на рис. 8.1 (оригинал рисунка находится на компакт-диске ILlustrations\ Ch08\8_01.tif).
Рис. 8.1. Исходное изображение
Наша задача СОСТОИТ в том, чтобы сделать эту фотографию пригодной для распечатки, например, в газете.
Прежде чем начинать ретуширование, необходимо оценить те недостатки, которые имеются на фотографии. Перечислим их в виде списка.
Оторванные края фотографии. Разумеется, ни о какой распечатке не может быть и речи, если два уголка оторваны напрочь.
Трещины и помятости — неминуемый след времени для любой старой фотографии. Их необходимо устранить.
Засветка в правом нижнем углу.
Затертая часть фотографии на изображении офицера в центре. Это самая сложная часть работы.
Нечеткость заднего плана.
Желтизна фотографии. Это также след времени, так как бумага, на которой сделана фотография, пожелтела.
Оценив все недостатки, можно приступать к работе. Сначала сделаем фотографию действительно черно-белой. Возможно, желтые оттенки и придают изображению некоторую антикварную ценность, но для увеличения реалистичности
и облегчения дальнейшей работы от них необходимо избавиться. Поэтому смените цветовую модель изображения на градации серого: Image Mode Grayscale (Изображение Режим Полутоновое).
Прежде всего, подумаем о том, как избавиться от царапин. В Photoshop есть специальный фильтр(Пыль и царапины), который предназначен для
таких задач, но область его применения сильно ограничена. Дело в том, что этот фильтр представляет собой просто оригинальное размытие. Поэтому если применить его ко всей фотографии, то мы получим очень нечеткую картинку.
Выход из ситуации простой. Продублируйте имеющееся изображение: Image Duplicate (Изображение Создать копию изображения). Примените к фильтр Dust&Scratches (Пыль и царапины):Dust&Scratches (Фильтр
Пыль и царапины).
Du« & Sc，atche$
Рис. 8.2.фильтра Dust&Scratches (Пыль и царапины)
Теперь вы можете с помощью инструмента Stamp (Штамп) заменить размытыми областями те области на исходной фотографии, которые особенно сильно пострадали от царапин. Но это лучше делать уже в самом концепоэтому
оставьте пока продублированное изображение и вернитесь к
Вряд ли то, что вы увидите сразу после обесцвечивания фотографии, вам понравится. Поэтому изображение необходимо настроить, то есть отрегулировать яркость и контрастность. Воспользуйтесь командой цветокоррекции Brightness/Contrast (Яркость/Контраст): Image Adjust Brightness/Contrast (Изображение Настройка Яркость/Контраст). Примененные нами настройки отображены на рис. 8.3. В результате вы получите достаточно четкую черно-белую фотографию.
Рис. 8.З. Настройки команды Brightness/Contrast (Яркость/Контраст)
Сейчас предстоит проделать основную работу. Она очень кропотливая, но описана будет достаточно кратко.
Оторванные края. В данном случае их два — верхний и нижний левые. Вообще, это могло бы стать серьезной проблемой, если бы фотография была цветной и там находилось что-то очень сложное геометрически, например лицо человека. Но в нашем случае работы очень мало, так как на оторванных уголках находились всего лишь два дерева, к тому же весьма размытых, Поэтому возьмите инструмент Stamp (Штамп) и продолжите деревьяТо, что
и то, что получилось, показано на рис. 8.4. Аналогично обработайте и нижний угол. Однако в случае работы с цветной фотографией лучше использовать инструмент Healing Brush (Лечащая кисть).
Рис. 8.4.оторванные края
Засветка нижней части фотографии. В этом месте информацияпол
ностью, и восстановить ее не было бы никакой возможности, если бы мы не знали, что там находился только снег. Поэтому задача сводится к минимальной — нарисовать землю, покрытую снегом. Лучше всего выполнить это следующим образом: выделить небольшую область,снегом, при помощи
прямоугольного выделения (Rectangular Marquee), а затем определить
в качестве образца командой Edit Define Pattern (Редактирование Определить образец). Затем возьмите инструмент Pattern Stamp (Фигурный штамп) и, выбрав в качестве источника созданный образец, закрасьте засвеченную область. Для этих целей можно использовать и инструмент Patch сочетающий в себе возможности выделения и заливки.
Трещины и помятости на фотографии. Исправляется это при помощи того же инструмента Stamp (Штамп), но в качестве источника выбираются области не только на самой фотографии, но и на сделанном нами размытом дубликате.
Офицер в центре. Самая сложная часть работы, сделать которую на отлично невозможно в принципе. Мы не можем определить большинства деталей его лица, и поэтому придется их додумывать. Если вам нужен исторический документ, такие фрагменты лучше вообще не трогать. Мы работали исключительно инструментами Stamp (Штамп) и Brush (Кисть).
Нечеткость заднего плана. Исправляется очень просто. Возьмем инструмент Burnи, установив значение Exposure (Экспозиция) равным 70
обработаем задний план. В результате все контуры проступят значительно четче,
После этого можно отрезать нижнюю часть фотографии, так как она не несет никакой информации — на ней находится один снег. Еще раз отрегулируйте яркость и контрастность фотографии, и работа выполнена.
Рис. 8.5. Итоговое изображение
Меняем цвет глаз
Мы рассмотрим очень интересный пример работы с Photoshop, а именно постараемся изменить цвет глаз. Эта задача не очень простая, но все же выполнимая, и к тому же достаточно быстро. Применяется данный эффект очень широко: часто цвет глаз имеет ключевое значение на фотографии, а что делать, если он не подходит? Конечно же, исправлять самим.
В Photoshop CS появился инструмент, позволяющий быстро перекрашивать различные фрагменты. Это Color Replacement (Замена цвета). Весь этот пример может быть выполнен только этим инструментом, но для получения такого же качественного результата придется потрудиться. Одним словом, Color Replacement (Замена цвета) стал альтернативой классическому способу, описанному в данной главе, но никак не его заменой.
Откройте изображение, с которым намерены работать. В нашем примере мы убрали все， кроме верхней части лица, чтобы не было никаких отвлекающих внимание факторов.
Рис. 8.6. Исходное изображение
Основная часть работы — очень точно выделить глаза. Photoshop CS обладает богатейшим инструментарием выделения, но в данном случае придется воспользоваться одним из самых старых способов, но, несомненно, самым мощным - каналами.
Методика, по которой мы будем работать, интересна технически и часто незаменима в практической деятельности. Откройте палитру Channels (Каналы) и выберите самый подходящий из трех имеющихся каналов. Слово «подходящий» в данном случае обозначает тот канал, в котором наиболее ясно и четко видны глаза. У нас таким каналом оказался Red (красный),
Скопируйте выбранный канал в новый. Для этого перетащите его мышью на кнопку с изображением чистого листа бумаги. В результате вы получите альфа- канал( полностью повторяющий исходный.
Напомним, что альфа-канал — это не канал цвета, а одна из форм выделения. Черными пикселами в нем обозначаются невыделенные области, а белыми - выделенные. Также бывают частично выделенные пикселы, которые передаются оттенками серого. На знании этих свойств альфа-канала основана наша дальнейшая работа.
Возьмите инструмент Brush (Кисть). В качестве цвета переднего плана установите белый цвет. Затем начинайте закрашивать глаза, чтобы добиться того, что показано на рис. 8.7.
Рис. 8.7. Используем инструмент Brush (Кисть)
Можете не стараться повторить контур глаз очень точно (как вы могли заметить, мы тоже этого не делали), так как в дальнейшем недочеты можно будет исправить. Если вы довольны получившейся картинкой, то можно перейти к следующему этапу работы
Возьмите инструмент Magic Wand (Волшебная палочка) и поставьте значение допуска (Tolerance), равное 1. Это значит, что будут выделены пикселы только одного цвета. Используя Magic Wand (Волшебная палочка) при нажатой клавише Shift, выделите белую область глаз.
Теперь инвертируйте выделение: Select ► Inverse (Выделение ► Инвертировать). Залейте полученную область черным цветом, Далее уберите выделение: Select ► Deselect (Выделение ► Отменить выделение).
Чтобы передать переходы света и тени на краях глаз, используем размытие капала: Blur blur (Фильтр Размытие Размытие по Гауссу) (рис. 8.8).
В результате контуры глаз станут несколько нечеткими, чего мы добивались (рис. 8.9).
ZOOM
Radius 里 pixels
Рис. 8.8. Настройки фильтра Gaussian Blurпо
Рис. 8.9. Конечный вид дополнительного канала
в канал RGB и загрузите выделение: Select Load selection (Выделение Загрузить выделение), В результате вы получите точную обводкувы
делением. Но главное то, что у вас будут и частично выделенные пикселы.
Выберите цветВ нашем случае это будет зеленый, но вы можете
па любом другом, последовательность дальнейших действий от этого не изменится.цвет в качестве
(Foreground Color),
Создайте новый слойЭто вовсено для возможной
коррекции результатастать
Используйте заливку; Edit > Fill (Редактирование ► Заливка). Примените эту команду с параметрами, показанными на рис. 8.10.
На этом эффект можно считать выполненным, Итоговое изображение показано на рис. 89 цветной вкладки. Результат можно подкорректировать вручную при помощи инструмента Brush (Кисть) или Stamp (Штамп), но это делается тогда, когда необходимо получить результат идеального качества.
ContentsContentsЕВЕВUse; I Foreground ColorJ !Use; I Foreground ColorJ !
Contents
Contents
ЕВ
ЕВ
Use; I Foreground ColorJ !
Use; I Foreground ColorJ !
Blendinq
! Mode 画搜IHil 二I
■ Opacity(100 — %
Г* i・♦.—呻” ；•
Рис. 8.10. Применение заливки
Раскрашиваем контурное изображение
Часто необходимо рисовать что-либо с пуля. Как правило, если это сложный объект, сначала рисуется его контур, а затем он раскрашивается. Процесс рисования контура мы рассматривать не станем — вы можете нарисовать его на бумаге, а затем отсканировать, либо в оспользоваться дигитайзером. Или даже просто нарисовать мышью, но для этого нужны очень хорошие способности. Нам интересен лишь процесс раскрашивания, поэтому мы воспользуемся готовым контурным изображением, показанным на рис. 8.11.
Рис. 8.11. Исходное изображениеРис. 8.11. Исходное изображение
Рис. 8.11. Исходное изображение
Рис. 8.11. Исходное изображение
Как вы могли обратить внимание, эта картинка очень плохого качества. Многие контуры стерты, многие недостаточно прорисованы. Мы специально взяли такое изображение, чтобы продемонстрировать вполне реальную работу, а не облегченный пример. Усложним задачу: будем рисовать псевдообъемного мамонген- ка, а не стилизованного под графический рисунок.
Первое, чем следует заняться, это обводка контуров. Дело в том, что мы будем заливать части мамонтенка разными цветами, а если ограничивающие их ЛИННИ будут прерываться, то зальется не только то, что надо, но и все остальное. Поэтому возьмите простую кисть (Brush) и черным цветом обведите все те места, которые вызывают сомнения.
Значительно удобнее будет работать, если вместо белого цвета на изображении установить прозрачность. Это делается очень просто при помощи инструмента Magic Eraser (Волшебныйластик). Установив значение допуска примерно на 20, обработайте этим инструментом фон и области внутри контуров мамонтенка. Лучше сразу не убирать цвет со всего мамонтенка, а ограничиться только тем, с чем вы будете работать в ближайшее время. В нашем случае это спина и левое ухо.
Выберите подходящий цвет спины мамонтенка. Затем при помощи инструмента Paint Bucket (Заливка) залейте ее. Результат показан на рис. 8.12.
Рис. 8.12. Заливаем спину подходящим цветом
Можно, конечно, просто залить подобным методом и все остальное. Но мы хотим получить более интересное изображение, чем плоский рисунок. Поэтому придется немного повозиться.
Возьмем инструмент Magic Wand (Волшебная палочка) и, установив нулевой допуск (Tolerance), выделим залитую спину. Затем скопируем ее на новый слой. Для этого нужно последовател ыю нажать сочетания клавиш Ctrl+C и Ctrl+V. Забегая вперед, скажем, что в основном это необходимо для дальнейшего применения слоевых эффектов.
Превратим коричневую краску в шерсть. Для этого сначала добавим шум: Filter ► Noise ► Add Noise (Фильтр > Шум ► Добавить Шум). Примененные настройки показаны на рис. 8.13.
зоомзоомAmxnt： [фAmxnt： [ф歹 Monochromatic歹 MonochromaticAdd Noh，Add Noh，Dlstrbtt»on 广 Uniform g GaussianDlstrbtt»on 广 Uniform g GaussianРис. 8.13. Применение фильтра Add Noise (Добавить шум)Рис. 8.13. Применение фильтра Add Noise (Добавить шум)£gpcel ]£gpcel ]旷 Preview旷 Preview
зоом
зоом
Amxnt： [ф
Amxnt： [ф
歹 Monochromatic
歹 Monochromatic
Add Noh，
Add Noh，
Dlstrbtt»on 广 Uniform g Gaussian
Dlstrbtt»on 广 Uniform g Gaussian
Рис. 8.13. Применение фильтра Add Noise (Добавить шум)
Рис. 8.13. Применение фильтра Add Noise (Добавить шум)
£gpcel ]
£gpcel ]
旷 Preview
旷 Preview
Полученная текстура уже похожа на шерсть. Для окончательного ее оформления /ф1ГА1егште фильтр Wind (Ветер): Filter 卜 Stylize ► Wind (Фильтр > Стилизация > Ветер). Настройки фильтра показаны на рис. 8.14.
」1曲g」1曲g[Method - .一二卜：g we[Method - .一二卜：g we
」1曲g
」1曲g
[Method - .一二卜
：g we
[Method - .一二卜
：g we
Г £iMW
г Dieclion…一……… —..，…
广FromheRW
抢 From Йте Left- - "
Рис. 8.14. Диалоговое окно фильтра Wind (Ветер)
Мы добились поверхности, очень близкой к плотной шерсти. Однако, как вы помните, наша задача сложнее — добитьсяпсевдообъема. Тут нам при
годится что мы скопировали спину на новый слой.
Примените стиль сдоя Bevel and Emboss (Скос и рельеф): Layer LayerBevel
and Emboss (Слой Стили слоя Скос и рельеф). Использованные в данном при- настройки показаны на рис. 8.15. В результате вы получите достаточно объемную спину.
Layer Style
StylesStylesDefault广 Drop ShadowDefault广 Drop ShadowГ* lrg“ ShadowГ* lrg“ Shadow""Г" fwr <5awГ" fwr <5awГГГOverlay厂 GrRlent OverlayГOverlay厂 GrRlent OverlayFFГ StrokeГ StrokeCancelCancelNew., |New., |犷 Preview犷 Preview--Soften:Soften:Wtitude；Wtitude；''Goss C«r»tour ■Goss C«r»tour ■ff■ Techrjque:Ctplh■ Techrjque:Ctplh；^ Shading；^ Shading• Shadow• Shadowdirection:direction:Bevel and•Bevel and•jgmQoth f"FjgmQoth f"F**"3""3"• -• -Iio» — pxIio» — px.^ghtMcde;丽髙 П S―I Opacity.^ghtMcde;丽髙 П S―I Opacity
Styles
Styles
Default
广 Drop Shadow
Default
广 Drop Shadow
Г* lrg“ Shadow
Г* lrg“ Shadow
"
"
Г" fwr <5aw
Г" fwr <5aw
Г
Г
ГOverlay
厂 GrRlent Overlay
ГOverlay
厂 GrRlent Overlay
F
F
Г Stroke
Г Stroke
Cancel
Cancel
New., |
New., |
犷 Preview
犷 Preview
-
-
Soften:
Soften:
Wtitude；
Wtitude；
'
'
Goss C«r»tour ■
Goss C«r»tour ■
f
f
■ Techrjque:
Ctplh
■ Techrjque:
Ctplh
；^ Shading
；^ Shading
• Shadow
• Shadow
direction:
direction:
Bevel and
•
Bevel and
•
jgmQoth f"F
jgmQoth f"F
*
*
"3"
"3"
• -
• -
Iio» — px
Iio» — px
.^ghtMcde;丽髙 П S―I Opacity
.^ghtMcde;丽髙 П S―I Opacity
Рис. 8.15. Настройки стиля Bevel and Emboss (Скос испины
Вернитесьслой и повторите все вышеописанные действия уже с ухом
мамонтснка. Относительночасти работы можно добавить толькочто для
и нижней частей уха лучше использовать два разных слоя. Не станем настройки стиля Bevel and Emboss (Скос и рельеф) — для уха они подбираются без особого труда.
Несколько сложнее работа с ногами мамонтенка. Их также лучше раскрашивать с помощью нескольких слоев. Настройки объема для правой нога находятся не так просто, поэтому на рис. 8.16 показанынами.
Стопа легче всего рисуется приобычной кисти или инструмента Paint
Bucket (Заливка). Круг в ее центре создан инструментом Burnно
можно обойтись кистью. После этого вы получите примерно что на рис. 8.17.
Сразу стоит сказать, что если вы нето его
всегда можноВ нашем примерецвет ног. Для того
чтобы заменить его на более подходящий, достаточно обычной кисти.
инструмент Brush (Кисть) и новый цвет. Затем измените режим (Mode) кисти на
(Цвет). Это значит, что применяться толькопикселов,
а их яркость останетсяТеперь просто закрасьте ноги
StylesStylesCancelCancelStyle;Style;**InnerInneriiРис. 8.16. Настройки для раскрашивания правой ногиРис. 8.16. Настройки для раскрашивания правой ногиLayer StyleLayer StyleBevelEmbossStructureBevelEmbossStructureTechnique- QeptkTechnique- QeptkOptions:「t>rop Shadow Г* Iww- Shadow L Outer GlwOptions:「t>rop Shadow Г* Iww- Shadow L Outer GlwOK |OK |Г SatinГ SatinГ Colorffir»tfient7* Fatt»m OverlayГ StrokeГ Colorffir»tfient7* Fatt»m OverlayГ Stroke''I SmoothI SmoothDirection:=i«;Sgs:Direction:=i«;Sgs:Altttud*:Altttud*:•"•"ГГMode;Opacity: u占士Shed。* Mode, ^MultiplyOpacityMode;Opacity: u占士Shed。* Mode, ^MultiplyOpacity三1口|三1口|Mew-Mew-■■Рис. 8.17. Промежуточный результатРис. 8.17. Промежуточный результат
Styles
Styles
Cancel
Cancel
Style;
Style;
*
*
Inner
Inner
i
i
Рис. 8.16. Настройки для раскрашивания правой ноги
Рис. 8.16. Настройки для раскрашивания правой ноги
Layer Style
Layer Style
BevelEmboss
Structure
BevelEmboss
Structure
Technique- Qeptk
Technique- Qeptk
Options:
「t>rop Shadow Г* Iww- Shadow L Outer Glw
Options:
「t>rop Shadow Г* Iww- Shadow L Outer Glw
OK |
OK |
Г Satin
Г Satin
Г Color
ffir»tfient
7* Fatt»m Overlay
Г Stroke
Г Color
ffir»tfient
7* Fatt»m Overlay
Г Stroke
'
'
I Smooth
I Smooth
Direction:
=i«;
Sgs:
Direction:
=i«;
Sgs:
Altttud*:
Altttud*:
•
"
•
"
Г
Г
Mode;
Opacity: u占士
Shed。* Mode, ^Multiply
Opacity
Mode;
Opacity: u占士
Shed。* Mode, ^Multiply
Opacity
三1口|
三1口|
Mew
-
Mew
-
■
■
Рис. 8.17. Промежуточный результат
Рис. 8.17. Промежуточный результат
мамонтенка. Слоевотмамонтенка. Слоевот
мамонтенка. Слоевот
мамонтенка. Слоевот
Аналогичным образом и все остальные части будет накапливаться достаточно много, и лучше их склеивать.
Труднее всего придется с глазами и слезами. Лучше всего нарисовать их вручную, но если у вас нетто возможен обходной вари-
ант — использование градиента и дальнейшее применение стиляand Emboss
(Скос и рельеф).
В конце работы необходимо подкорректировать все неточностипомощи ин-
Brush (Кисть) и Stamp (Штамп). Конечное изображение находится на рис. 90 цветной
На эту работу у нас ушло порядка 40 минут. И результат вполне оправдывает затраченные усилия, не правда ли?
Раскрашиваем черно-белую фотографию
Любой предмет в реальном мире обладает цветом. Цвет — основная видимая характеристика всехПоэтому достаточно часто возникает потребность пре
вратить черно-белую фотографию в цветную. Этим мы и займемся в данном разделе. Прежде всего подберите фотографию.у вас нет черно-белой, то можно
обесцветить цветную: Image Adjustments(Изображение Настройки.
Убрать насыщенность).
Рис. 8.18. Исходное изображение
У нас есть фотография со всеми свойствами реальных объектов: на ней передан объем естественными светотеневыми переходами, существуют неровности и роховатости поверхности и т. д.
На чем основано раскрашивание изображений? Условно каждый пиксел можно разделить на две составляющие: цветовуюи световую (осве-
Если поверхность состоит из одного вещества (материала), то единственное, что в ней меняется для смотрящего, — это освещенность предмета в разных точках, так как тело имеет одинаковые физические свойства во всех точках и отражает свет одинаково. Следовательно, рассматривать будем только
— освещенность. На черно-белой фотографии это и есть единственный параметр, определяющий то, что мы видим. Абсолютно черный цвет в RGB) соответствует абсолютно неосвещенному пикселу, а
— идеально освещенному. Остается еще 254 вариации серого цвета (или 254 вариации освещенности) для передачи всех остальных светотеневых переходов. Поэтому при переходе от черно-белой модели к цветной осве- пикселов изменять не надо — необходимо добавить только цвет.
Прежде чем приступать к работе, внимательно изучитеизображения.
В нашем случае это апельсины, яблоки, зеленый виноград, синий виноград и ваза. Мы предлагаем два способа окрашивания черно-белых фотографий. Начнем с самого распространенного и простого приема.
Обратите внимание на цветовую модель, в которойваше изображение.
Так какчерно-белое, то вероятнеечто этот режим Grayscale
Переведите фотографию в один из цветных режимов. Мы брали RGB: Image Mode RGB (Изображение Режим RGB).
Учитывая, чтонапример, апельсины одинаковы, для их раскраски будем ис
пользовать один цвет. Выберите его и установите в качестве основного. В ре инструментов выберите Brush (Кисть) и начните закрашивать апельсин.
ПРИМЕЧАНИЕ —
Также можно использовать инструмент Color Replacement (Заменакоторый фактически икистью в режиме Color
Чтобыдобавлении цветовойк пикселу не терять светотеневую,
необходимо либо раскрашивать на отдельном слое, поставив его прозрачность на значение% (этот способ нерациональный и неточный), либо выбрать режим (Mode) кисти под названием(Цвет). Кисть обязательно должна быть
твердой.увеличить обрабатываемую область на весь экран
иначе будет нелегко закрасить объект ровно.
Виноград и яблоки окрашиваются абсолютноОписанный способ не
требует никаких пояснений. Перейдем ко второму, значительно более строгому, работать с объектами аккуратнее.
При использовании первого способа необходимо долгоодин и тот
же цвет по достаточно большой поверхности. Второй способ позволяет этого избежать. В Photoshop существует мощнейшая коллекция
которые способны решить практически любую задачу.
Для начала выделите необходимый объект (мы продолжим работу над этим же изображением и выберем виноград). Можно использовать такие инструменты какLasso (Магнитное лассо), Magic Wand (Волшебная палочка), Реп (Перо).получилось не очень точно, помните, что выделение всегда
можно изменить следующими способами:
выбрать командуTransform Selection (Выделить Преобразовать выделение).похожая на Free(Свободное
только работает не с изображением, а с выделением;
использование любых инструментов выделения в сочетании с нажатой клавишей Shift позволяет добавить область в выделение,— убрать.
Приступим к окрашиванию изображения. Для этого проделайте следующее: Image Adjustments Hue/Saturation (Изображение Настройки
ность) (рис. 8.19).
IHue/Saturation
jHue:—=o^Saturation:,,,jy-^!jHue:—=o^Saturation:,,,jy-^!OK|CancelOK|CancelP ColorizePreviewP ColorizePreview
j
Hue:
—=o^
Saturation:
,,,
j
y-^!
j
Hue:
—=o^
Saturation:
,,,
j
y-^!
OK|
Cancel
OK|
Cancel
P Colorize
Preview
P Colorize
Preview
Рис.Диалоговое окно команды Hue/Saturation (Цвет/насыщенность)
Установите флажок (Тонирование). Это значит, что на выделенную область (а если ее нет, то на все изображение) будет наложен цвет, установленный при помощи в диалоговом окне. Рисунок 8.20 иллюстрирует результат.
Рис. 8.20. Изображение после цветокоррекцииРис. 8.20. Изображение после цветокоррекции
Рис. 8.20. Изображение после цветокоррекции
Рис. 8.20. Изображение после цветокоррекции
Аналогичная операция выполняется дляобъектов. Этот способ значи-
удобнее предыдущего тем, что позволяет быстро подобрать оптимальный цвет для объекта. Однако применение второго способа ограничено множеством факторов (особенно важна контрастность на исходном изображении), а работа с кистью хоть и утомительна, но достаточно универсальна. Поэтому, чтобы достичьрезультата, нужно скомбинировать оба предложенных способа.
Рисунок 91 на цветной вкладке иллюстрирует итог работы.
Переводим цветное изображение в дуплексное
В предыдущем разделе было рассказано о том, как можно из черно-белого изображения сделать цветное. Сейчас же мы расскажем об обратной операции. Перевести цветное изображение в обычное черно-белое не составляет никакого труда, но вот перевести его в битовое и при этом получить красивый результат уже не так просто. Откройте цветное изображение любого размера и цветовой модели. В примера мы взяли цветную фотографию яблока.
Переведите изображение в черно-белый режим: Image Mode Grayscale (Изображение Режим Полутоновое). После этого информация о цвете данного изображения теряется. В результате должна получиться обычная черно-белая фотография (рис. 8.21).
Рис. Черно-белое изображение
Так как Photoshop — редактор графики, то любой объект представлен в нем в качестве совокупности разноцветных точек (пикселов). Такой рисунок получил название (bitmap).
ПРИМЕЧАНИЕ —
В Photoshop термин «битовая применяется только к черно-белым изображениям (не пугайте с изображениями в режиме Grayscale — полутоновыми). Это обусловлено тем, что каждому пикселу такого рисунка соответствует один бит данных (значение 1 или 0).
Выполнив команду Image Mode Bitmap (Изображение Режим Битовая карта), вы увидите диалоговое окно, представленное на рис. 8.22.
В раскрывающемся списке есть 5 различных битовых карт, по-разному преобразующих рисунок. В последнем варианте можно загружатьв
вии с рисунком которой будет строиться расположение черных и белых пикселов на изображении. После применения какой-либо битовой карты рисунок будет состоять из двух цветов, а все серые оттенки исчезнут.
Bitmap
I a 1二中汇eJ II a 1二中汇eJ IResolution
I a 1
二中汇eJ I
I a 1
二中汇eJ I
Input 78.74 pixels/cm
output [72| p£ts“kh ▼]：
• Method
use:use:Diffusion Dither
use:
use:
5口% Threshold
Pattern Dither
Diffusion Dither
Halftone Screeri ...
iGiStom Pattern
Рис. 8.22. Диалоговое окно Bitmap (Битовая карта)
Рисунок 8.23 демонстрирует результат применения различных битовых карт к фотографии яблока. В последнем случае была загружена текстура кирпичей.
Рис. 8.23. Варианты битовых картРис. 8.23. Варианты битовых карт
Рис. 8.23. Варианты битовых карт
Рис. 8.23. Варианты битовых карт
Квадроплексное (четырехцветное) изображение
В этом разделе мы хотим рассказать еще об одном режиме, в котором могут быть представлены изображения. Речь пойдет о дуплексных иллюстрациях. Чаще всего они применяются в полиграфии, когда необходимо получить цветное изображение, имея в распоряжении всего несколько цветов.
Дуплексными называются полутоновые изображения, которые можно напсна- тать, используя две краски. В Photoshop можно создавать также триплексное
и квадроллексное изображения (требующие при печати 3 и 4 цвета соответственно).
Для примера мы выбрали изображение, представленное на рис. 8.24.
Рис. 8.24. Начальное изображениеРис. 8.24. Начальное изображение
Рис. 8.24. Начальное изображение
Рис. 8.24. Начальное изображение
Для того чтобы стала доступна команда преобразования изображения в п-цвет- но0 неооходимо прежде всего стереть всю информацию о составляющих его цветах: Image 卜Mode > Grayscale (Изображение 卜Режим卜Полутоновое). После этого шага изображение превратится в черно-белое (рис. 8.25),
Рис. 8.25. Черно-белое изображениеРис. 8.25. Черно-белое изображение
Рис. 8.25. Черно-белое изображение
Рис. 8.25. Черно-белое изображение
триплексное или квадроплексноетриплексное или квадроплексноеДля преобразования изображения в дуплексное?,
триплексное или квадроплексное
триплексное или квадроплексное
необходимо выполнить команду Image > Mode ► Duotone (Изображение > Режим Дуплекс). Вы увидите диалоговое окно, представленное на рис. 8.26.
DuotoneOptionsDuotoneOptionsI^yp^『Q(_®J — II^yp^『Q(_®J — IOverprint Slors …1Overprint Slors …1Рис. 8.26. Диалоговое окно Duotone (Дуплекс)Рис. 8.26. Диалоговое окно Duotone (Дуплекс)
DuotoneOptions
DuotoneOptions
I^yp^『Q(_®J — I
I^yp^『Q(_®J — I
Overprint Slors …1
Overprint Slors …1
Рис. 8.26. Диалоговое окно Duotone (Дуплекс)
Рис. 8.26. Диалоговое окно Duotone (Дуплекс)
В разделе Туре (Тип) можно выбрать количество цветовых составляющих будущего рисунка (оно варьируется от 1 до 4). В зависимости от выбранного типа активными станут те или иные цветовые окна.
Цвета, составляющие изображение, можно менять, щелкнув мышью по соответствующему цветному квадратику, а соотношение цветов — при редактировании графиков, которые очень похожи на тоновые кривые. Окна настройки цвета и его распределения, а также установленные нами цвета, представлены на рис. 8.27.
Custom ColorsCustom ColorsBook: f ANPA ColormBook: f ANPA ColormРис. 8.27. Окна настройки и распределения цветаРис. 8.27. Окна настройки и распределения цвета
Custom Colors
Custom Colors
Book: f ANPA Colorm
Book: f ANPA Colorm
Рис. 8.27. Окна настройки и распределения цвета
Рис. 8.27. Окна настройки и распределения цвета
Если возникает необходимость подкорректировать получившийся рисунок, то можно воспользоваться стандартными средствами цветокоррекции Photo.shop, такими как команда Hue/Saturation (Цвет/Насыщенность) и Brightness/Contrast
(Яркость/Контраст) (рис. 8.28). Эти команды находятся в меню Image ► Adjustments (Изображение 卜Настройки).
Brightness^ Contrast
BrightnessI & l
■--_-」：自「二七二」=3
Cancel I
ContrastП6.
1二 二j
Рис. 8.28, Диалоговое окно Brightness/Contrast (Яркость/Контраст)
Результатом данной работы станет цветное изображение, которое не требует больших затрат при распечатывании, однако выглядит очень красочно (см. рис. 92 на цветной вкладке).
ВНИМАНИЕ:
Если вы собираетесь распечатывать данное изображение, то позаботьтесь о том, чтобы интенсивность цветов красителя убывала с увеличением их номера. Это необходимо потому, что программа печатает отдельные макеты в порядке их размещения в диалоговом окне Duotone (Дуплекс). Правильное расположение цеетов улучшит качество изображения.
Слияние фотографий
Довольно часто встречаются дизайнерские работы, в которых одно изображение плавно переходит в другое. Действительно, это очень впечатляющий эффект, который правится подавляющему большинству зрителей. Кроме того, это почти самое простое, что можно сделать при помощи Photoshop.
Существует два основных способа реализации этого эффекта. Абсолютно невозможно выделить из них лучший, но, как правило, они применяются в разных ситуациях.
Способ первый
Этот метод применяется в том случае. если необходимо слить вместе две целых фотографии, не выделяя на них одиночных объектов.
Выберите подходящие фотографии. Мы выбрали вот такне. (рис. 8.29 и рис. 8.30) (оригиналы рисунков находятся на компакт-диске ILLustrations\ChO8\8_29.tif и 8_30.tif). Обязательное условие в данном примере — первая и вторая фотография должны быть одинаковы по размеру, хотя бы по ширине.
Сейчас мы будем работать с первой фотографией. Сделайте ее активной и перейдите в режим быстрой маски (Quick Mask). Сделать это легче всего, нажав клавишу Q. Режим быстрой маски — это примерно то же самое, что и дополнительный канал, то есть особый вид выделения.
Возьмите инструмент Gradient (Градиент) и залейте изображение примерно так, как показано на рис. 8.31.
Рис. 8.29. Первая исходная фотография
Рис. 8.30. Вторая исходная фотография
Рис. 8.31. Применяемый градиент
Теперь вернитесь в обычный режим редактирования нажатием клавиши Q. Вы получите выделение, большая часть которого будет невидимой, так какпикселы выделены частично. Это и необходимо для правильного слияния изображений.
Скопируйте выделенную частьиуже на второй фотографии
Эффект получен, но можнопрозрачность слоя. Ито
говое изображение показано на рис. 93 цветной вкладки.
Способ второй
Этот способ несколько сложнее, но зато дает больше возможностей. Он применяется том случае, если необходимо слить не две целых прямоугольных фотографии, а фотографию и отдельный объект.
Прежде всего, подберем то, что мы будем использовать в качестве объекта. В большинстве случаев это изображения людей. Исходноена
рис. 8.32 (оригинал рисунка находится на компакт-диске
Рис. 8.32. Изображениедля вставкиРис. 8.32. Изображениедля вставки
Рис. 8.32. Изображениедля вставки
Рис. 8.32. Изображениедля вставки
Теперьвыделить изображение девушки. Наиболее качественно это
делается через каналы, но если у вас немноготоупростить работу и воспользоваться инструментами выделения,Lasso (Маг
нитное лассо). Мы именно так и поступили.
Далее воспользуемся следующей командой: Select * Feather (Выделение > Растушевка). Она позволяет модифицировать выделение таким образом, чтобы
лась еще область частично выделенных пикселов. На сколько пикселов расширять выделение, вы указываете сами. В данном примере взято значение 60 (рис. 8.33).
FeatherFeatherFeather Radius: 60Feather Radius: 60шшшявpaeis [ ：дкшшшявpaeis [ ：дк
Feather
Feather
Feather Radius: 60
Feather Radius: 60
шшшяв
paeis [ ：дк
шшшяв
paeis [ ：дк
Cancel I
Рис. 8.33.Feather (Растушевка)
Затем подберите фотографию, на которую будете накладывать изображение объ- скта. Наш выбор показан на рис. 8.34 (оригинал рисунка находится на компактдиске Illustratio n s\C h08\8_34.tif).
Рис. 8.34. Фоновое изображение
Теперь вернитесь к предыдущей фотографии, На ней мы имеем модифицированное выделение, которое нужно скопировать (Ctrl+C). He забывайте о том, что клавиатурные сокращения работают только при английской раскладке клавиатуры. Затем вставьте (CtrL+V) скопированное изображение на вторую фотографию. Эффект сделан (см. рис. 94 на цветной вкладке).
Цветок в воде
В этом разделе описан самый легкий способ поместить изображение в воду. Технология эта достаточно проста и вместе с тем оригинальна, что и послужило поводом ее появления в данной книге.
Выберите исходное изображение. Это может быть как фотография, так и рисованная картинка. Первый вариант несколько усложняет процесс, но никак не является препятствием в работе. Наш выбор показан на рис. 8.35 (оригинал рисунка находится на компакт-диске Illustrations\Ch08\8_35<tif).
Создайте новый слой (Ctrl+Shift+N). Это будет слой, на котором мы нарисуем воду, поэтому назовем его Water.
Определите, какая часть изображения должна быть погружена в воду. Затем при помощи инструмента Rectangular Marquee (Прямоугольное выделение) выделите зт\ часть.
Рис. 8.35.изображение
в качестве цвета переднего плана (Foreground синий, а в качестве цвета заднего плана (Background белый. Примените фильтр Clouds (Облака): Render Облака). Как итог получим разностную заливку выделения. Этот этап работы отображен на рис. 8.36.
Рис. 8.36. Изображение после применения фильтра Clouds (Облака)
Полученная картинка напоминает воду очень мало. Но исправить это совсем несложно. Откройте окно со свойствами слоя: Layer Layer Style Blending Options (Слой Стили слоя Параметры В нем измените значение Opacity (Непрозрачность) па 60 В вы получите вполне правдоподобную воду. Затем возьмите инструмент Eraser (Ластик) и измените поверхность воды около цветка так, как это сделано на рис. 8.37. Это необходимо для повышения реалистичности изображения,
Вернитесь на первый слой. Видимость воды лучше отключить, щелкнув на значке в виде глаза напротив слоя Water в палитре Layers (Слои). Затем выделите
всю подводную часть цветка. Удобнее всего сделать это инструментом Polygonal Lasso (Многоугольное лассо), но можно воспользоваться, например, каналами.
Рис. 8,37. Около цветка необходимо изменить поверхность воды
Выделив нижнюю часть цветка, перенесите ее на новый слой. Для этого щелкните правой кнопкой мыши внутри выделения и в раскрывшемся контекстном меню выберите команду Layer Via Cut (Слой вырезанием). Обратите внимание на то, что полл-чеипый слой должен находиться ниже слоя Water.
Примените к новому слою фильтр ZigZag: Filter ► Distort ► ZigZag (Фильтр ► Деформация 卜 Зигзаг). Использованные настройки показаны на рис. 8.38.
Рис. 8.38. Использование фильтра ZigZag (Зигзаг)
Вот и все. Можно подкорректировать картинку при помощи инструмента Stamp (Штамп), но это уже сугубо индивидуально. Итоговое изображение представлено на рис. 95 цветной вкладки.
Переносим человека в другое окружение
Этот раздел посвящен чистому фотомонтажу. Наша задача состоит в том, чтобы создать иллюзию нахождения человека в обстановке, в которой он никогда не был. Пожалуй, большинство работ, выполняемых в Photoshop и связанных с фотомонтажом, имеют похожий сценарий.
Выберите исходную фотографию. Мы остановились на показанной на рис. 8.39 (оригинал рисунка находится на компакт-диске I llustrati о n s\C h 08\8_3 9. ti f).
Рис. 8.39. Исходное изображение
Прежде всего, нужно выделить фигуру девочки. Но сделать это совсем не просто, так как имеются развевающиеся по ветру волосы, то есть от использования инструментов выделения вроде Magnetic Lasso (Магнитное лассо) придется отказаться. Воспользуемся способом выделения через каналы. Откройте палитру Channels (Каналы) и изучите каналы. Вам необходимо выбрать самый контрастный — ТОТт на котором наиболее четко проступают волосы. В данном примере этим каналом оказался Red (красный).
Скопируйте этот канал в новый. Для этого достаточно в палитре Channels (Каналы) перетащить мышью исходный канал на кнопку в виде листка бумаги. После этого начинаем обрабатывать новый канал.
Переносим человека в другое окружение
В альфа-канале белые пикселы символизируют выделенные области, а черные - Нам необходимо получить выделение фигуры девочки, но в данном случае удобнее сделать ее контур черным, а фон белым.
Увеличим контрастность изображения: Image Adjustments (Изображение Настройки Яркость/Контраст). Примененные параметры показаны па рис. 8.40.
Brightness/Contrast
Brightness：•!
Саго
Cuntr^st：FS ,
Preview
Рис. 8.40. Настройки в диалоговом окне Brightness/Contrast (Яркость/Контраст)
время самой кропотливой работы в этом примере. Необходимо, используя инструмент Sponge (Губка) сDesaturate (Уменьшить на-
усилить слабо выраженные темные области,отдельные
ВОЛОСКИ.
Затем, используя инструмент(Кисть), приведите канал к виду,
му на рис. 8.41.
Рис.Вид альфа-канала после обработки
Работа надзакончена.в канал RGB и загрузите его как
выделение: Select Load(Выделение Загрузить выделение). Затем ин-
его:Inverse (Выделение Инвертировать).
Теперь нужно выбрать фотографию, на которую будем накладывать изображение девочки. Тут следует опираться только па логику, так как никаких технических требований нет. Мы остановились на рис. 8.42 (оригинал рисунка находится на компакт-диске Illustrations\Ch08\8_42 .tif).
Рис. 8.42. Фоновое изображение
Вернитесь к первой фотографии л скопируйте выделенную область (Ctrl+C); а затем вставьте ее в выбранную фотографию (Ctrl+V),
Скорее вес, сразу вы не будете удовлетворены размещением девочки и ее размерами. Исправить эти недостатки очень просто при помощи команды Free Transform (Свободное трансформирование) (Ctrl+T).
Для усиления реализма можно создать тень от девочки. Но это не так просто, как может показаться на первый взгляд. Сначала необходимо найти направление света на фоновой фотографии, так как все тени, в том числе и созданные вами, должны лежать в одном направлении.
Как это ни печально, но в данном случае воспользоваться возможностями слоевого эффекта Drop Shadow (Внешняя тень) не удастся, так как тень не должна быть параллельна силуэту девочки, а разместить ее в перспективе при помощи данного эффекта невозможно.
Выделите контур девочки. Это можно сделать очень грубо, так как точность значения не имеет. Затем выберите команду Select 卜Transform Selection (Выделение , Преобразовать выделение) и преобразуйте выделение таким образом, чтобы оно повторяло контур возможной тени. В ходе работы вы должны полагаться только на свое художественное чувство. Впрочем, всегда есть подсказка в виде итогового изображения.
Примените к преобразованному выделеш【ю команду Select 卜 Feather (Выделение » Растушевка) с шириной области частичного выделения 14 пикселов. Таким образом можно передать плавные переходы по краям тени.
Создайте новый слой (CtrL-f-Shift+N). На нем залейте выделение черной краской, используя инструмент Paint Bucket (Заливка).
Если есть необходимость,прозрачность слоя,команду Layer
Layer StyleOptions (Слой Стили Слоя Параметры наложения) и подобрав оптимальноеOpacity (Непрозрачность).
Работа завершена (результат см. на рис. 96 цветной вкладки). Правда, можно еще немногоизображение при помощи инструмента Stamp
но это совсем не обязательно.
Неоконченный рисунок
Этот раздел будет посвящен не созданию неоконченного рисунка, как можно было бы предположить, а тому, как преобразовать фотографию, чтобы она выглядела как незавершенный шедевр.
Для реализации этого замысла подойдет любая фотография с таким сюжетом, который мог бы быть не только сфотографирован, но и нарисован. В предлагается работа над фотографией, представленной на рис. 8.43, -простым натюрмортом (оригинал рисунка находится на компакт-диске Ch08\8_43.tif).
Рис. 8.43. Начальное изображение
Скопируйте изображение на новый слой. Для этого можно щелкнуть правой мыши по слою в палитре (Слои) и в контекстном выбрать команду Duplicate Layer (Создать копию слоя) либо перетащить фоновый слой к с изображением чистого листа в нижней части палитры слоев. Еще один способ — воспользоваться буфером обмена: нажмите последовательно клавиш(выделить(копировать) и (вставить). Содержи
мое буфера обмена автоматически вставится на новый слой.
Преобразуем верхний слой так, что бы оннебрежный карандашный
набросок. Для этого сначала выберем команду FilterFind Edges (Фильтр
Стилизация Найти края). Приданного фильтра удаляется заливка
и подчеркиваются контрастные элементы.
Лишите слой его цветовых составляющих: Image Adjustments Hue/Saturation (Изображение Настройки Цвет/Насыщенность) (рис. 8.44).
Рис. 8,44. Диалоговое окно команды Hue/Saturation (Цвет/Насыщенность)
Здесь следует изменить только параметр Saturation (Насыщенность), установив его на минимум (-100). В результате верхний слой изображения должен деть примерно так, как показано на рис. 8.45.
Рис. 8.45. Верхний черно-белый слой
этап работы относится к нижнему слою. Необходимоего
гладкости фотографии и придать ему большее сходство с рисованным. Этого эффекта можно добиться, воспользовавшись фильтромArtistic Poster Edges
(Фильтр Имитация Постеризовать края). Диалоговое окно данного фильтра с использованными настройками представлено на рис. 8,46.
Установите параметры, примерно равные следующим значениям: Edge Thickness (Толщина краев) —Edgeкраев) — 0,(По
— 3.
I Rosier Edge;I Rosier Edge;Edje Th»cKzws$Edje Th»cKzws$Edge Intensity上 ■'■Edge Intensity上 ■'■PosleiizalionPosleiizalion
I Rosier Edge;
I Rosier Edge;
Edje Th»cKzws$
Edje Th»cKzws$
Edge Intensity
上 ■'■
Edge Intensity
上 ■'■
Posleiizalion
Posleiizalion
Рис. 8.46. Диалоговое окно фильтра Poster Edges (Постеризовать края]
И наконец, последний этап, на котором вы станете художником, творящим свою картину, а не просто исполнителем команд.
Активизируйте инструмент Erase (Ластик), для чего воспользуйтесь палитрой инструментов или нажмите клавишу Е. Кисть желательно выбрать круглую но небольшого размера. Сделайте активным верхний слой с черно-белым изображением и со- ТрИТб там некоторые фрагменты. Цветной слой. расположенный ниже, станет виден. Вот и все. В результате должно получиться достаточно интересное, но все же неоконченное произведение, например такое, как представлено на рис. 8.47 (см. рис. 97 цветной вкладки).
Рис. 8.47. Итоговое изображениеРис. 8.47. Итоговое изображение
Рис. 8.47. Итоговое изображение
Рис. 8.47. Итоговое изображение
Имитация старой фотографии
В этой главе мы уже говорили о том, как исправить на фотографии следы времени — царапины, оторванные фрагменты, следы пыли и прочие неприятности. Но в жизни иногда нужно НС только восстановить старую фотографию, но и сымитировать
ее, имея в наличии отличный современный цветной снимок. Это тоже своего рода искусство, поэтому задаче имитации старого снимка посвящен этот раздел. Для начала подберите подходящую фотографию. Мы на изображении, на рис. 8.48 (оригинал рисунка находится на компакт-диске IlLustrations\Ch08\8_48.tif).
Рис. 8.48.изображениеРис. 8.48.изображение
Рис. 8.48.изображение
Рис. 8.48.изображение
Прежде всего следует передать своеобразный оттенок старых фотографий. Делается это при помощи дуплексного режима, который в разделе 8.6. Если вы не умеете пользоваться дуплексным режимом, прочитайте этот раздел и переведите фотографию в оттенки светло-коричневого цвета. Определять его можно, опираясь на итоговое изображение.
ftdd Noise
CancelCancel-| LOO% ♦]-| LOO% ♦]Amount: [rag-%Amount: [rag-%g Previewg Preview
Cancel
Cancel
-| LOO% ♦]
-| LOO% ♦]
Amount: [rag-%
Amount: [rag-%
g Preview
g Preview
Distribution
iUniform
1 1 Gaussian
Г Monochromatic
Рис. 8.49. Настройки фильтраNoise (Добавить шум)
Любое старое изображение содержит шум, образующийся от въевшейся пыли. Сымитируем шум фильтром Add Noise: Filter > Noise Add Noise (Фильтр 卜 Шум 卜 Добавить шум) с настройками, показанными на рис. 8.49.
Продублируйте на новый слой: Layer Layer (Слой Дублировать слой). В палитре Layers (Слои) нужно непрозрачность до уровня 45 а также выбрать Blending Mode (Режим смешения) Screen (Экран). После этого примените фильтр Gaussian Blur: Filter Blur Gaussian Blur (Фильтр Размытие по Гауссу) с параметрами, на рис. 8.50.
Рис. 8.50. Параметры фильтра Gaussian Blur (Размытие по Гауссу]
Остался последний шаг. Сведите слоии добавьте потертости фотографии фильтром Film Grain: Filter ArtisticGrain (Фильтр
Зернистость пленки). Использованные при этом авторами настройки можно найти на рис. 8.51.
Cancel 」
Grain
Giain
Highlight
'Intensity|2
Рис. 8.51. Параметры фильтра Film Grain (Зернистость пленки)
Можно добавить на работу выцветшие области, используя инструмент (Осветлитель), илииспользуя Burn (Прожиг), но это уже вы должны
делить сами, исходя из внешнего вида работы на данном этапе. Анторы использовали оба инструмента. Готовое изображение показано на рис. 8.52 (см. рис. 98 цветной вкладки).
Рис. 8.52. Итоговое изображение
Рисунок из фотографии
Наверное, имитация рисунка — это тот эффект, который относится к наиболее интересным для НОВИЧКОВ. Они создают собственные рисованные портреты, используя фотографии из семейного альбома, чем очень удивляют менее подкованных в современных технологиях близких. Но и в профессиональном дизайне нередко используется схямитированпый рисунок — он позволяет сделать работу более экспрессивной, нежели при применении обычной фотографии, Наше исходное изображение показано на рис. 8.53 (оригинал рисунка находится на компакт-диске Illustrations\Ch08\8_53.tif).
Рис. 8.53. Исходное; изображение
Продублируйте слой в палитре Layers (Слои), перетянув его на значок в виде белого бумаги. Затем отключитенового слоя — мы к нему
немся чуть позже.
Прежде всего, нужно выделить границы объектов. Для этого есть целый ряд инструментов, но мыпо пути, неочевидному даже для опытных пользовате
лей. Именно он позволяет получить максимальное качество границ. Это фильтр Blur:BlurBlur (Фильтр Размытие Умное размытие). Ис
пользованные авторами настройки показаны на рис. 8.54.
too% Т
Radius
a一二=二
Threshold
Quality:
Mode;
Рис, 8.54. Настройки фильтра Smart Blur (Умное размытие)
Полученное изображение уже само по себе может считаться рисунком, только одноцветным и контурным. Но даже этот результат стоит запомнить па будущее —пригодится. Нам же нужно несколько смягчить контраст
линий. Для этого авторы выбрали фильтр Gaussian Blur: FilterGaussian
Blur (Фильтр Размытие Размытие по Гауссу). Настройки фильтра показаны на рис. 8.55.
Включите видимость второго слоя и примените фильтр Colored Pencil:
Artistic Colored Pencil (Фильтр Художественные Цветной карандаш) с настройками, показанными на рис. 8.56. Затем в палитре Layers (Слои) смените режим смешенияслоя на Hard Light (Жесткий свет).
На этом пример закончен. Очень просто и эффектно, не правда ли? Наше итоговое изображениена рис. 8.57 (см. рис. 99 цветной вкладки).
Рис. 8.55. Параметры использования фильтра Gaussian Blur (Размытие по Гауссу]
••-|ColcMed Рег>сй三|
Репей Witthp~
• F 丁・ "一 "I
Stroke Pieiswa
Paper Fnghlness[S
Рис. 8.56. Настройки фильтра Colored Pencil (Цветной карандаш)
Рис. 8.57. Итоговое
Фотография в стиле
Iглянцевыхжурналов
Этот пример будет интересен подавляющему большинству читателей. В нем мы проиллюстрируем (правда, на немного упрощенном уровне) одну из профессиональных техник, которой пользуются специалисты для подготовки фотографий моделей для печати. Подобной техникой пользуются большинство глянцевых журналов, особенно тех, которые относят к «мужским» (и частности, Playboy). Познакомившись с этим примером, вы поймете, насколько обязаны журнальнь е красотки программе Photoshop,
ПРИМЕЧАНИЕ -
I В этом примере мы только исправим недостатки кожи и придадим лицу загар. Если *е вы прочитали всю книгу, то уже понимаете, что никаких проблем в изменении пропорций или цвета любой части тела не существует. Нужно только умение и время, чего у сотрудников крупных журналов в избытке.
Наше исходное изображение показано на рис. 8.58 (оригинал рисунка находится на компакт-диске ILlustrations\Ch08\8_58.tif)
Исходное изображение
В целом, реализация этого эффекта очень проста, но, в отличие от большинства других, потребует от вас навыков владения инструментами.
Продублируйте изображение на новый слой, перетащив в иалитрс Layers (Слои) его на значок в виде белого листа бумаги. Дальше мы будем работать именно с копией.
Запустите инструмент Eraser (Ластик) и, пользуясь кистями разных размеров, но с мягкими краями, затрите все, кроме кожи. Как это 1К)лучилосв у авторов, показано на рис. 8.59.
Рис. 8.59.после удаления всего, кроме кожиРис. 8.59.после удаления всего, кроме кожи
Рис. 8.59.после удаления всего, кроме кожи
Рис. 8.59.после удаления всего, кроме кожи
Если предыдущий шаг пройден успешно, избавимся от неровностей кожи. Для этого в жизни есть тональный крем, а в Photoshop его отлично заменит фильтр Median: Noise Median (Фильтр Шум Усреднение) с показанными на рис.
100%100%Radius:Radius:Рис. 8.60. Настройки фильтра Median (Усреднение)Рис. 8.60. Настройки фильтра Median (Усреднение)
100%
100%
Radius:
Radius:
Рис. 8.60. Настройки фильтра Median (Усреднение)
Рис. 8.60. Настройки фильтра Median (Усреднение)
Затем придадим коже загорелый вид. Для этого есть несколько подходящих струментов, но мынаPhotoshop CS — Photo
Adjustments Photo FilterНастройка Фотофильтр). Ис
пользованные настройки показаны на рис. 8.61. Затем сведите слои (CtrL+E).
Рис. 8.61. Параметры Photo Filter (Фото фильтр)
На этом основная часть работы выполнена. Дальше следует исправить мелкие недостатки, опираясь на собственный вкус. Вот только основные рекомендации. А Добавить контурности лицу можно инструментом Burn (Прожиг) с очень большой кистью.
> Убрать неровности лица лучше всего сочетанием инструментов Blur (Размытие) и Smudge (Палец).
► Неточность использования ластика в начале работы будет исправлена инструментом Stamp (Штамп),
Наше итоговое изображение показано на рис. 8.62. Впечатляет, не правда ли (см. рис. 100 цветной вкладки)?
Рис. 8.62. Итоговое изображение
Глава 9
Дополнительные фильтры
Eye Candy 4.0 от Alien Skin531
Xenofex 1.1 от Alien Skin535
KPT 5.0 от Metacreation537
KPT 6.0 от Metacreation540
KPT effects от Metacreation542
Andromeda543
Genesis V2PRO544
AutoEye 2.0. 544
Eye Candy 4.0 от Alien Skin
Среди наборов дополнительных фильтров Eye Candy является, несомненно, лучшим. Может быть, существуют более впечатляющие фильтры, но настолько полезных больше нет. Все собранные в нем фильтры действительно применяются в практике очень часто.
Так как этот раздел обзорный, описывать особенности интерфейса и применения не станем — здесь все понятно интуитивно. Сразу перейдем к рассмотрению фильтров, входящих в Eye Candy 4.0. Примеры применения фильтров находятся на прилагаемом к книге компакт-диске Б папке Illustrations\Ch9.
Исходное изображение — файл 9_01.tif на компакт диске.
Antimatter
В предыдущих версиях это был самый бесполезный фильтр, который делал примерно то же самое, что и стандартная команда Photoshop Inverse (Инвертировать), то есть заменял цветовые значения пикселов на противоположные. Теперь он имеет два параметра, с помощью которых можно менять яркость и насьщен- ность (см. 9_O2.tifна компакт-диске).
Bevel Boss
Самый совершенный фильтр для создания различных кнопок, лплз и прочих объемных предметов. Огромное количество настроек1 среди которых стоит выделить возможность выбора направления действия фильтра — наружу или внутрь текстуры, многоцветность света и множество готовых вариантов настроек. Тщательно продуманный интерфейс делает работу с BeveL Boss легкой и быстрой. Пример — изображение 9_03.tif на компакт-диске.
Crome
Не самый удобный фильтр в наборе, но все же достаточно полезный. Можно создавать текстуры железа и других металлов, воду, лед и многое другое. С его помощью также рисуются эффектные рамки для изображений и кнопки (см. 9_04.tif на компакт-диске). Единственный крупный недостаток данного фильтра — чтобы научиться применять его, требуется или большой опыт работы с графическими приложениями, или много времен".
Corona
Новый фильтр 13 наборе. Создает внешнее свечение вокруг объекта, причем в движении (см. 9_00.tifна компакт-диске). Больше всего это напоминает солнечную корону (возможно, от этого и пошло название фильтра). Настроек более чем достаточно, особенно помогает при работе кнопка Random (Случайное изменение). Она есть почти во всех фильтрах данного набора и меняет случайным образом вид результата. Этот фильтр идеально подходит для прорисовки планет, звезд, метеоритов и т. д. Впрочем, этим область применения данного фильтра не ограничена, что отлично видно по нашему примеру.
Cutout
При помощи данного фильтра можно залить выделенный фрагмент каким-либо цветом с добавлением тени или оставить тем же, но тень все равно будет. Это достаточно бесполезный фильтр, однако кому-то вполне может пригодиться (см, 9_06.tif на компакт-диске),
Drip
Новый и, наверное, самый интересный фильтр для любителей. Позволяет создавать капающую жидкость — как будто что-то стекает с изображения или стекает само изображение (это уже определяет пользователь при помощи настроек) (см. 9_O7.tif на компакт-диске). Например, кровь получается отличнейшая по реалистичности. Кроме того, в этом фильтре хорошо продумана работа с освещен костью.
Fire
Самый любимый пользователями фильтр из Eye Candy. Лучший фильтр для создания огня (см. 9_O8.tif на компакт-диске). Большое количество настроек, среди которых плотность огня, направление, длина, ширина и многое другое. Возможно создание пламени как в естественной цветовой гамме, так и любого другого цвета. Процесс создания собственной цветовой гаммы для огня напоминает работу с градиентами в Photoshop. Одним словом, очень хороший фильтр, и недаром, когда говорят об Eye Candy, чаще всего вспоминают именно Fire.
Fur
Уникальный фильтр. Позволяет рисовать волосы, шерсть, морозные узоры на окне и многое другое. Незаменим в практике, так как нет никакого другого способа нарисовать естественную (в разумных пределах) шерсть на животном или волосы на голове человека. Данный фильтр радует богатством настроек и возможностей (см. 9_09.tif на компакт-диске).
Glass
Фильтр, позволяющий рисовать стекло во всех его проявлениях, начиная от оконного и заканчивая стеклянной линзой. Можно выбирать цвет стекла, цвет света, показатель преломления стекла (Refraction). На наш взгляд, это один из самых проработанных фильтров в своей области (см. 9_10.tif на компакт-диске).
Gradient Glow
Внешнее свечение. Красивый, полезный и простой эффект. Есть возможность делать это свечение непосредственно градиентным, что открывает перед пользователями огромные возможности — эффект неоновой вывески или X-Files займет всего несколько секунд (см. 9_ll.tif на компакт-диске).
IHSB Noise
Шум с огромнейшим количеством настроек. Так как шум применяется очень к очень часто (в чем могли убедиться читатели этой книги), то этот фильтр, на первый взгляд достаточно бесполезный, может выручить при решении самых разных задач. Кроме того, он и сам по себе дает интересный результат (см. 9_12.tif па компакт-диске).
Jiggle
Великолепный искажающий фильтр. Очень много возможностей, описывать ко- терме нет смысла — их надо видеть. Результат применения не ограничивается только созданием «пьяного текста» (см. 9J3.tifна компакт-диске), при помощи Jiggle легко имитировать, например, горную породу или водную поверхность. Искажения могут быть как большими, так и маленькими (как по силе, так и по размеру), закручивающимися ировными,
Marble
Фильтр, создающий мрамор (см. 9_14.tifна компакт-диске). Единственный в своем роде, больше нет ни одного качественного дополнительного фильтра, при помощи которого можно было бы качественно сделать мрамор. Вы можете выбирать цвет камня, величину узора, его гглотность — в общем, все, что надо для получения какого угодно мрамора. А при должной доле фантазии, не только мрамора.
Melt
Новый фильтр в наборе. Чем-то напс^минает Drip, но там стекают только капли, здесь же течет все пзабражение, как будто оно сделано из какой-то вязкой массы, вроде геля (см. 9_15.tif на компакт-диске). Эффект интересный, но еще мало проработанный.
Motion trail
Оригинальный эффект. Создает впечатление, как будто объект двнисетс 兄, и за ним, как за кометой, остается «хвост» (см. 9_16.tifна компакт-диске). Выглядит очень красиво и поэтому может отлично дополнить многие дизайнерские работы.
Shadowlab
Самый мощный инструмент для создания тени из всех ныне существующих. Вообще, дополнительные фильтры, создающие тень, почти потеряли свою актуальность с появлением в Photoshop слоевых эффектов, но Shadowlab все еще необходим благодаря своей продуманной системе создания перспективной тени (см. 9_17.tif па компакт-диске).
Smoke
Все, что было сказано о фильтре Fire, верно и для этого фильтра, Тот же объем, та же возможность задать направление, множество настроек и готовых вариантов. Очень хорошее дополнение к фильтру Fire, по и отдельно смотрится просто замечательно (см. 9_18.tifна компакт-диске).
Squint
Несложный искажающий фильтр. Создает эффект своеобразного ореола вокруг объекта (см. 9_19.tifна компакт-диске). Это создает иллюзию колебаний этого объекта с большой частотой.
Star
Фильтр, позволяющий создавать звезды самых разных размеров, с переменным количеством лучей и цветом (см. 9_20.tif па компакт-диске).
Swirl (Водоворот)
Особенность данного фильтра в том, что он создает огромное количество разнообразных (в зависимости от настроек) водоворотов, благодаря чему можно добиваться разнообразных эффектов, в том числе создавать очень интересные текстуры (см. 9_21.tif на компакт-диске).
Water Drops
Водяные капли (см. 9_22.tif на компакт-диске), Достаточно реалистичные, в основном благодаря тому, что создатели Eye Candy 4.0 поняли простую истину: не все капли имеют геометрически правильную форму. Вы можете сделать капли от одной до огромного количества, самого разного размера и цвета. Одним словом, интересный и полезный фильтр.
Weave
Фильтр, позволяющий ■ередавать эффект плетения (см. 9_23.tifна компакт-диске). Практическая польза этого фильтра невелика, но все же иногда он может оказаться просто незаменимым. Имеется множество настроек, значительно расширяющих возможности Weave,
Wood
Фильтр, позволяющий создавать текстуру дерева (см. 9_24.tif на компакт-диске). Можно выбирать цвет древесины, ширину и вид полос, наличие сучков и их количество и многое другое. Фильтр очень реалистичный и простой в при-
менении.
Xenofex 1.1 от Alien Skin
В этом разделе мы рассмотрим по сути второй Eye Candy, который называется Xenofex.
Он действительно очень похож на Eye Candy 4.0: тот же интерфейс, те же параметры во многих фильтрах и т. д. Почему компания Alien Skin создала два набора, а не один? Причина тому коммерческая: лучше продать две программы по 109 долларов, чем одну по той же цене.
Итак, что такое Xenofex? Вот что о нем пишут создатели:
«Xenofex — это коллекция из 16 вдохновенных специальных эффектов, которые придадут новую энергию любому графическому проекту. Еще никогда нельзя было так легко создавать натуральные эффекты и сложные искажения. Интерфейс прост и интуитивно понятен, он включает в себя полностью масштабируемое окно предварительного просмотра, которое позволяет вам видеть применяемый эффект для любой части вашего изображения. Xenofex также включает в себя 160 готовых настроек, которые помогут вам быстро создавать сложные эффекты».
В принципе, это чистая правда. Интерфейс, как было сказано, такой же, как в Eye Candy, то есть просто замечательный. Особенно радует наличие уймы готовых вариантов настроек — всегда можно найти что-нибудь подходящее.
Перейдем к рассмотрению самих фильтров. Исходное изображение находится в файле 9_25.tifна компакт-диске.
Baked Earth
Очень хороший эффект, практически не имеющий аналогов в других наборах, Позволяет создавать впечатление растрескавшейся земли. Весьма естественно на вид, а масса настроек позволяет делать очень многое — от горной породы до стеклянной мозаики. Идеальный фильтр для того, чтобы нарисовать пустыню, скалу и тому подобное (см. 9_26.tifна компакт-диске).
Constellation
Фильтр с множеством калейдоскопических эффектов. Делает примерно следующее: делит изображение на некоторое количество областей, которые преобразует В светящиеся точки, по цвету похожие на цвет исходной области (см. 9_27.tif на компакт-диске). Множество настроек позволяет достигать широкого спектра результатов.
Crumple
Создает впечатление мятой бумаги (см. 9_28.tif на компакт-диске). Двлает это просто превосходно. Пока это лучший способ для имитации различного рода бумаги, но этим возможности данного фильтра не ограничиваются. Можно созда* вать очень многое — от пергамента до вспаханного поля.
Distress
Интересный эффект. Больше всего напоминает погрызенность, гот вид, который имел бы объект, если бы попал на зубы какому-нибудь зверю. Идеальный фильтр, чтобы создавать впечатление рваной бумажки или поврежденных букв (см. 9_29.tif на компакт-диске). Радует наличием множества готовых вариантов.
Electrify
Фильтр, создающий впечатление электрических разрядов (см. 9_3O.tif на компакт-диске). Очень реалистично. Вполне возможно нарисовать короткое замыкание и другие подобные явления. Но возможности этого фильтра гораздо шире. Чтобы убедиться в этом, достаточно посматреть готовые варианты настроек.
Flag
Не скроем, этот фильтр нас очень поразил, когда мы впервые его увидели. Ничего подобного в двумерной графике, на наш взгляд, нет. Позволяет создавать впечат- ленис развевающейся на ветру ткани (см. g_3i.tifна компакт-диске). Идеально подходит для создания флагов — на это у вас уйдет всего несколько секунд. Можно нарисовать, например, белье на просушке. Одним словом, полезнейший фильтр.
I Lighthing
Самый впечатляющий и любимый зрителями эффект в этом наборе. Создает молнии, причем молнии невероятной реалистичности (см. 9_32.tifна компактдиске). Огромное количество настроек: цвет, количество ветвей, длина, направление, резкость и многие другие дают огромный простор фантазии.
Little Fluffy Clouds
Фильтр, рисующий облака (см. 9_33.tif на компакт-диске). Причем в очень широком диапазоне — от едва заметного тумана до штормового неба, Имеются все необходимые настройки, как, впрочем, и во всех остальных фильтрах из Xenofex. В сочетании с молнией выглядит очень эффектно. А если при помощи Baked Earth создать пустыню, то готов целый пейзаж.
Origami
Интересный искажающий фильтр. Делит изображение на маленькие треугольники и поворачивает их вокруг оси (см. 9_34.tif на компакт-диске). Можно делать достаточно оригинальные изображенгы, впрочем, на уровне остальных фильтров I этого набора Origami выглядит бледновато.
Puzzle
Фильтр, превращающий изображение в мозаику (см. 9_35.tifна компакт-диске), Много настроек, однако результат не очень впечатляет, так как недостаточно
реалистичен. В этой книге есть описание создания эффекта мозаики стандартными средствами Photoshop, и результат его гораздо интересней.
Rounded Rectangle
Создает в выделенной области прямоугольник с закругленными краями (см. 9_36.tif на компакт-диске). Можно даже сделать прямоугольник эллипсом, /гспользуя параметры закругления, Этот фильтр неплохо подходит для создания кнопок, рамок и прочих подобных элементов. Правда, на наш взгляд, значительно уступает аналогичным инструментам из Eye Candy 4.0.
Shatter
Оригинальный и очень красивый эффект. Создает впечатление, что вы смотрите на изображение в разбитом зеркале (см. 9_37.tif на компакт-диске). Имеется необходимое количество настроек,
ShowerDoor
Как следует из названия, создает впечатление взгляда на изображение сквозь кабинку душа, то есть через рельефное стекло (см. 9_38.tif на компакт-диске). Ничего особенного собой не представляет, но может пригодиться.
Stain
Такого вы больше нигде не увидите. Этот фильтр позволяет нарисовать грязное пятно (см. 9_39.tif на компакт-диске). Идеально подходит, чтобы посадить пятно от кофе на чистую блузку. Как это ни странно, но такое весьма часто необходимо имитировать, а стандартными средствами это сделать не так просто. С помощью Stain вам потребуется для этого всего несколько секунд.
Television
Очень полезный фильтр. Позволяет имитировать разные экранные эффекты, от строчной развертки старых телевизоров до светотеневых переходов при наведении камеры на современный высокочастотный дисплей (см. 9_40.tif на компакт-диске). Больше всего привлекает огромным количеством настроек и готовых вариантов.
КРТ 5.0 от Metacreation
В свое время самым известным набором дополнительных фильтров был КРТ (Kai's Power Tool) 3.0. Он был своего рода стандартом, на который равнялись остальные производители программного обеспечения для Photoshop. На сегодняшний день КРТ 3.0 уже устарел, и потому не попал в эту книгу. Однако компания Metacreation не стояла на месте и выпустила еще два уникальных по
своим возможностям набора фильтров — КРТ 5.0 и KPT 6.O. Этот раздел будет посвящен пятой версии программы.
Сразу стоит сказать, что пятая и шестая версии КРТ не имеют ничего общего и поэтому вынесены в разные разделы,
КРТ 5.0 — это один из лучших наборов фильтров, которые в основном направлены на искажение изображения. Его нельзя назвать столь же полезным, как Eye Candy, но и области применения у этих программ совершенно разные. Eye Candy направлен прежде всего на прикладные цели, связанные с веб-дизайном. КРТ 5.0 имеет скорее художественное назначение, область его применения ближе к полиграфии и искусству,
Так как дополнительные фильтры мы рассматриваем обзорно, то на интерфейсе программы останавливаться не станем. Скажем только, что он достаточно удачен, но намного хуже, чем, например, в Xenofex.
Перейдем к описанию входящих в набор фильтров, Исходное изображение — файл 9_41.tifкомпакт-диска.
Blurrrr
Да, именно так название и пишется, с четырьмя буквами «г». Причина, по которой создатели пакета не назвали его просто Blur (Размытие), неизвестна, Возможно, из-за проблем с авторскими правами, Но это не имеет особого значения, так как Blurrrr — это самый лучший фильтр, связанный с размытием, из всех существующих (см. 9_42.tifна компакт-диске). Просто огромнейшее количество настроек, а следовательно, и возможностей, Особенно радует то, что можно создавать впечатление фокусировки камеры, то есть показать отдельный объект четко, а все остальное немного размыть. Это свойственно реальной фотографии, и поэтому данный фильтр незаменим в профессиональном фотомонтаже.
Noize
Великолепный фильтр. Как вы могли понять из названия, этот фильтр связан с созданием шума, Однако добавлением шума возможности Noize не исчерпываются. При помощи него можно создавать мятую бумагу, воду, узоры на стекле, горную поверхность и многое, многое другое (один из вариантов применения фильтра см. в файле 9_43.tifна компакт-диске). Учитывая, как часто при работе с Photoshop необходим шум, можно считать этот фнльтр одним из лучших в наборе.
Radwarp
Фильтр, позволяющий имитировать целый спектр объектов, начиная от стек- лянпой линзы и заканчивая каплей воды. Достаточно удобен и продуман, но все же его нельзя считать лучшим в своем роде, в основном из-за интерфейса. Однако если есть необходимость нарисовать очень правдоподобную линзу, то другого пути у вас нет. Также можно создавать оригинальные сюрреалистичные работы за несколько секунд (см. 9_44.tifна компакт-диске).
Smoothie
Красивый и очень простой фильтр. Пожалуй, самый просто 订во всем наборе. Перерисовывает изображение в битовых цветах. Можно добиться достаточно интересных эффектов, особенно если вам необходимо распечатать их без цвета (см. 9_45.tif на компакт-диске).
Frax 4D
Самый оригинальный фильтр в KPT 5.O. Ближе даже не к двумерной, а трехмерной графике. По сути, это небольшая программа для генерации трехмерных тел вращения. Можно создавать различные тела через вращение плоских объектов — конусы, цилиндры, шары и т. д. Но это еще не все. Если задать сложный контур, то получится что-то очень странное, больше всего напоминающее смятый кусок железа (см. g_46.tif на компакт-диске). Правда, если вы ]Ш- когда не работалп в программах трехмерной rpacjniKii, то освоить этот фильтр будет непросто.
Fraxflame
Очень красивый эффект. Можно создать фантастические узоры, аналогичных которым нельзя увидеть больше нигде, поэтому и сравнить не с чем (см. 9_47.tif на компакт-диске). Огромнейшее количество настроек и готовых вариантов делают Fraxflame незаменимым для многих фотохудожников, работающих в Photoshop.
Flaxplorer
Все. что сказано о Flaxflame, можно повторить и для этого фильтра. Только внешне они сильно отличаются, а делают примерно одно и то же — фантас-TiiHecjaie узоры (см. 9_48.tif на компакт-диске). При помощи данного фильтра за несколько секунд создаются великолепные работы, которые прекрасно смотрятся и сами по себе, и в композиции. А самое главное, их можно анимировать.
Fiberoptix
Оригинальные искажающий фильтр. Создает впечатление, как будто изображение состоит из сотен тонких радиальных полос (см. 9_49.tif на компакт-диске). Прост в применении и выглядит достаточно интересно, чем и может привлечь внимание.
Orb-it
Фильтр, создающий множество объемных шаров (см. 9_50.tifна компакт-диске). Есть все необходимые настройки. Особенно приятна возможность накладывать на шары любые собственные рисунки, что позволяет получать необыкновенные изображения.
КРТ 6.0 от Metacreation
В предыдущем разделе был описан набор дополнительных фильтров для Photoshop КРТ 5.0. Однако не стоит считать КРТ 6.0 его следующей версией. Это принципиально другая программа. Если КРТ 5.0 имеет своей целью искажение имеющегося изображения, то эта программа направлена на создаиле нового. Она гораздо чаще может быть использована с «чистого листа».
Самый крупный недостаток данного набора — серьезные системные требования для приличной работы пакета (не менее Pentium II 233 и 64 Мбайт памяти), Если у вас слабый компьютер, вы столкнетесь с большими проблемам；! при работе, особенно это касается скорости.
Приступим к описанию фильтров. Их немного, всего 10, но каждый мог бы быть и отдельной программой, настолько они сложны. Впрочем, некоторЫ1.' раньше и были отдельными фильтрами, но об этом позже.
Equalizer
Отличный цветокорректирующий и искажающий фильтр. Своеобразная система настроек позволяет очень быстро добиваться тех эффектов, на реализацию которых при помощи, например, тоновых кривых ушло бы достаточно много времени. Но и возможностей у Equalizer значительно меньше, чем у тех же стандартных кривых из Photoshop. Фильтр обладает широкими возможностями искажения, но это относится к той области, описать которую словами очень трудно (см. 9_51.tif на компакт-диске).
Gel
Раньше этот фильтр был отдельной программой, но теперь его включили в КРТ 6.0. Дает возможность рисовать своеобразной массой, больше всего напоминающей действительно гель (см. 9_52.tif на компакт-диске). Выглядит это очень эффектно и красиво. Хотелось бы отметить удачный интерфейс, благодаря которому освоить Gel не составит никакого труда. Область его использования достаточно широка, от объемных букв и кнопок до текстур. В частности, реалистичная текстура золота рисуется за несколько секунд.
Goo
Этот фильтр должен заинтересовать скорее любителей, чем профессионалов. Делает он примерно то же самое, что достигается преобразованиями из серии Liquify (Искажения), правда, работать с ним не так удобно (см. 9_53.tif на компакт-диске), Разумеется, появлелие последних версия Photoshop погубило бы Goo как конкурента, если бы не одно 《но». Б Goo вы можете записывать порядок действий и получить очень смешную анимацию. Goo может стать вашей любимой игрушкой на долгое время и великолепным средством развлечения гостей.
LensFlare
Фильтр, создающий различного рода блики (см. 9_54.tifна компакт-диске). Широчайшие возможности и высокая реалистичность позволяют рисовать не только блики от камеры, но и звезды, кометы и т. д. Также обладает большим количеством готовых вариантов, большинство из которых очень удачны,
iMaterializer
Фильтр, выполняющий примерно ту же функцию, что и стандартный фильтр Photoshop Texturizer (Текстуризатор), только значительно лучше. Он придает изображению вид того или иного материала в зависимости от выбранной карты. Спектр возможных материалов невероятно широк — от стеклянной линзы до кирпичной кладки. В качестве карты в примере (см. 9_55.tif на компакт-диске) была использована простая надпись черным цветом на белом фоне.
Projector
Полезнейший фильтр с богатыми возможностями. Представляет изображение как плоскость в пространстве, которую можно вращать как угодно. Кроме того, можно изобразить плоскость (или Две), уходящую в перспективу (см. 9_56.tif на компакт-диске). Но это еще не все. Самая приятная его особенность состоит В том, что все действия с изображением можно сохранять и в результате получить анимацию.
Reaction
Фильтр, перерисовывающий изображение большими переплетенными линиями. Идеально подходит, чтобы имитировать импрессионизм. Но возможны и другие варианты (см. g_57.tif на компакт-диске). При помощи Reaction также хорошо рисуется мозг, приносим извинения за такой откровенно анатомический пример.
SceneBuilder
Фильтр, вносящий в Photoshop элементы трехмерной графики. Сам он, по сути, и является примитивным ЗО-редактором. В обработке объектов вы сильно ограничены, так как нельзя создавать свои, а приходится пользоваться готовыми примитивами (см. 9_58.tifна компакт-диске). Но из них можно составлять очень интересные конструкции. Можно найти дополнительные объекты к SceneBuiLder, а среди них есть множество очень полезных.
SkyEffects
Раньше это была отдельная программа Four Seasons. Но компания MetaCreations купила ее у прежнего владельца и включила в качестве фильтра в KPT 6.O. Этот фильтр позволяет создавать различного рода атмосферные явления в виде простого пейзажа (см. 9_59.tif на компакт-диске). В принципе, делает это достаточно хорошо, но вот интерфейс программы оставляет желать лучшего.
Turbulence
Самый впечатляющий фильтр в наборе. Позволяет работать с изображением так, как будто оно жидкое, и вы можете пустить по нему волну (см. 9_60.tif на компакт-диске). К тому же этот процесс можно анимировать и записать. Выглядит невероятно красиво, никакая статичная иллюстрация этого не передаст.
KPT effects от Metacreation
Это новый набор дополнительных фильтров, который является логическим продолжением серии. Однако, к большому разочарованию большинства пользователей, данный набор хоть и новый, но повторяет некоторые эффекты, которые были уже использованы в предыдущих версиях. Поэтому мы остановимся только на новинках.
Channel Surfing
Данный фильтр позволяет обрабатывать отдельные каналы изображения, делая их более размытыми или четкими, добавлять прозрачность или изменять контрастность. В результате можно получить доста1*очно интересные решения, в том числе и цветовые (см. 9_61.tifна компакт-диске).
Gradient Lab
Идеально продуманный инструмент для созданля градиентов. Здесь можно задавать как цветовую палитру, так и размеры элементов, их периодичность, форму заполнения. Создатели предусмотрели возможность наложения одного градиента на другой, причем их количество может быть очень большим. Однако самой впечатляющей возможностью является создание градиентов из цветов изображения. Вы просто проводите линию, а все цвета, которые она пересекает, выстраиваются в цветовую полосу градиента. Благодаря этому можно получать поистине невероятшяе эффекты (см. 9_62.tif на компакт-диске).
Hiper Tiling
Похожий эффект был доступен и ранее, однако все было намного примитивнее. Сейчас же плитку (изображение) можно выстраивать в сложные узоры, например закручивать в егшраль, изменяя расстояние между витками, размеры и многое другое (см. 9_63.tifна компакт-диске).
Ink Dropper
Очень интересный фильтр. С его помощью можно создавать динамичные чернильные пятна. При щелчке по изображению начинает расплываться чернильное пятно, цвет и свойства которого регулируются множеством настроек. Когда форма, размер пятна вас устроят, щелкните на кнопке ОК (см. 9_64.tif на компакт-диске).
Pyramid paint
данного фильтрав том, что его работана
ципецветовой моделигде 2 канала отвечают за цвет один —
яркость. В результате получаетсяс достаточно большими возможностями преобразования цвета и формы (см.на компакт-диске).
Scatter
Это принципиально новый фильтр, который разбивает исходные (может достаточно большое количество) изображения на куски, а затемнакладывает их друг на друга при различных режимах смешенияРезультат
напоминает коллаж (см.на компакт-диске).
Andromeda
Здесьгруппа фильтров,в единоеИсходное
изображение на компакт-диске находится в файле 9_67.tif.
EtchTone
Фильтр, создающий эффект подчеркивания краев. Результирующее изображение может быть представлено как в виде битовой карты, так и в полноцветном
Данный фильтр богат настройками, позволяющими управлять цветом, его распределением,контрастностью и т. д. В результате по
лучается изображение, полностью соответствующее названию данного фильтра, а именно очень напоминающееили черно-белую гравюру (см.
на
Lensdoc
Данный фильтр предназначен длясЗдесь, так же
как и в предыдущем случае, предлагается большой набороднако с пер
вого взгляда достаточно сложно разобраться в предлагаемых возможностях, а точнее, отыскать их (см.на компакт-диске).
Perspective
Фильтр полностью оправдывает свое название, так как позволяетпо
ворачивать и перемещать изображение во всех направлениях. Это достаточно проработанный плагин, он может быть использован при создании фонов или панорам (см.на компакт-диске).
Scatter Light
Здесь пользователю предлагается возможность преобразовывать изображения при помощи света и линз. Результаты получаются самые неожиданные, Не очень
полезный фильтр, но для создания некоторых эффектов может пригодиться (см. g_72.tifна компакт-диске),
Genesis V2PRO
Это один из лучших известных авторам фильтров для создания световых бликов, свечений, сияний и т. п. Действительно огромный набор настроек, где пользователь может проследить все до мельчайшего нюанса. Можно издтенять не только базовые настройки, но и следить за формой, лолохением, и свойствами каждого из элементов блика (см. 9_73.tif на компакт-диске).
AutoEye 2.0
Достаточно хороший фильтр, позволяющий настраивать цветопередачу изображения. Предусмотрено очень много мелочей, однако все, что он может, могут и стандартные средства Photoshop, поэтому использование данного фильтра оправданно лишь в отдельных редких случаях (см. 9_74.tif на компакт-диске).
Приложение 1
Клавиатурные сокращения . инструментов и команд
Команды главного меню
Английское название
Русский эквивалентКлавиатурное сокращение
Подменю File (Файл)
New
НовоеCtrl+N
Open
Browse
Open As
Edit in ImageReady
Close
Открыть,Ctrl+O
ОбозревательShift+CtH+O
Открыть какAlt+Ctrl+O
Редактировать в ImageReadyShift+Ctrl+M
ЗакрытьCtrl+W
Close All
Закрыть всеAit+Ctrl+V'/
Save
СохранитьCtrl+S
Save As
Save a Version
Сохранить какShift+Ctrl+S
Сохранить вариантAlt+Ctrl+S
Save for Web
Сохранить для ВебA!t+Shift+Ctrl+S
I Revert
File Info
Page Setup
I Print with Preview
Возвратi-12
Информация о файлеAlt+CE+I
Установка страницыShift+CtrkP
Просмотр печатиAlt+Ctrl+P
ПечатьCtrl+P
Print One Copy i
Печать одной копииAlt+Shift+Ctrl+P
ВыходCtrl+Q
Подменю Edit (Редактировать)
Undo/Redo
Step Forward
Step Backward
Fade
ОтменаCtrl+Z
Шаг впередShift+Ctri+z
Шаг назадAlt+Ctrl+Z
СмягчитьShift+Ctrf+F
， ( : 1
Copy
Copy Merged
Paste
ВырезатьCtrl+Xили F2
1 Копироватьcm+cили F3
Копировать слитоеShift+Ctrl+C
Вставитьcm+vили F4
Paste Into
Вставить вShift+Ctrl+V
Английское название
Русский эквивалент
Клавиатурное сокращение
Fill
Заливка
Shift+F5
Free Transform
Свободная трансформация
Ctrl+T
Transform Again
Повтор трансформации
Shift+Ctrl+T
Color Settings
Установки цвета
Sh/ft+Ctrl+K
Keyboard Shortcuts
Клавиатурные
Alt+Shift+Ctrl+K
General
Настройки Общие
Ctrl+K
Подменю Image
Adjustments
Настройка
Levels
Уровни
Ctrl+L
Auto Levels
Автоуровни
Shift+CtrHL
Auto Contrast
Автоконтраст
Alt+Shift+Ctrl+L
Auto Color
Автоцвет
Shift+Ctrl+a
Curves
Кривые
Ctrl+M
Color Balance
Баланс цвета
Ctrl+B
Hue/Saturation
Тон\Насыщенность
Ctrl+U
Oesaturate
Обесцветить
Shift+CtrHU
Invert
Инвертировать
Ctrl+I
Подменю Layer (Слой) New
Новый
Layer
Слой
Shift+CtrHN
Layer via Copy
Слой через копирование
Ctf 什 J
Layer via
Слой через вырезание
Shift+CtrHJ
Create Clipping Mask
Создать маску слоя
Ctcl+G
Release Clipping
Удалить маску слоя
Shift+Ctrl+G
Arrange
Выравнивание
Bring to Front
Поместить наверх
Shift+Ctrl+]
Bring Forward
Поместить вперед
Ctrl+]
Send Backward
Поместить назад
Ctrl+[
Send to Back
Поместить
Shift+Ctrl+[
Merge Layers
Склеить слои
CtrRE
Merge Visible
Склеить видимое
Shift+ctrl+E
Select (Выделение)
Д
Выделить все
Ctrl+A
Deselect
Убрать выделение
Ctrl+D
Reselect
Восстановить выделение
Shift+Ctrl+D
Inverse
Инвертировать
или
Feather
Растушевка
или
Подменю(Фильтр)
Last Filter
Последний фильтр
Ctrl+F
Extract
Выдавливание
Alt+CUHX
Liquify
Разжижение
Shm+CVHX
Английское название
русский эквивалентКлавиатурное сокращение
Pattern Maker
Подменю View (Вид]
Proof Colors
Gamut Warning
Zoom In
Zoom Out
ТекстураторAIHShift+Ctrl+X
CtrHY
Гамма- предупреждениеShift+Ctrl+Y
УвеличитьCtrl+«+» илиCtrH«=»
УменьшитьCtrl+«—»
1 Fit on Screen
Подогнать под размер окнаCtrHO
Actual Pixels
Show >
Реальный размерAft+Ctrf+O
Отображать >Ctrl+H
Target Path Grid
Shift+Ctrl+H
СеткаCT*
Guides
1 НаправляющиеCtrl+;
Rulers
Snap
1 Lock Guides
Подменю Window (Окно)
Actions
ЛинейкиCtrl+H
ПривязкаShift+CtrJ+；
Закрепить направляющиеAlt+Ctrl+;
МакропоследовательностиAlt+F9 или F9
Brushes
КистиF5
Color
Info
Layers
Подменю Help (Помощь)
Photoshop Help
ЦветIF6
ИнформацияF8
СлоиF7
ПомощьF1
Инструменты
Английское название
русский эквивалентКлавиатурное сокращение
Rectangular Marquee
Elliptical Marquee
1 Move
Прямоугольное выделениеM
Эллиптическое выделением
Переместитьv
Lasso
Polygonal Lasso Magnetic Lasso Magic Wand Crop
Slice
Slice Select
ЛассоL
Прямоугольное лассоL
Магнитное лассоL
Волшебная палочкаW
ОбрезатьC
Пластинак
Выбор пластинык
Healing Brush
Patch I
исцеляющая кистьJ
заплаткаJ
Английское название
Русский эквивалентКлавиатурное сокращение
Color Replacement
Brush
Pencil
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
Direct Selection
Horizontal Type
Vertical Type
Horizontal Type Mask
Vertical Type Mask
s en
Freeform Pen
Rectangle
Rounded Rectangle
Ellipse
Polygon
Line
Custom Shape
Notes
Audio Annotation
Eyedropper
Color Sampler
Measure
Hand
Zoom
Замена цветаJ
КистьВ
Карандаши
Штампli
Фигурный штампS
Кисть историиY
Художественная кисть истории Y
ЛастикЕ
Фоновый ластикЕ
Магический ластикE
ГрадиентG
ЗаливкаQ
РазмытиеR
РезкостьR
ПалецR
Осветление0
Обжиг0
Губка0
А
А
Горизонтальный текст;
Вертикальный текст!
Горизонтальная маска текстаI
Вертикальная маска текста•|
ПероР
Свободное пероP
ПрямоугольникU
Скругленный прямоугольникU
Эллипсu
Многоугольники
Линияи
Пользовательская фигураи
ЗаметкаN
Звуковая заметкаN
ПипеткаI
Образец цветаI
ЛинейкаI
РукаiH
ЛупаZ
Английское название
Русский эквивалент
Клавиатурное сокращением
Default Foreground/ Background Colors
Цвета по умолчанию
D
Switch Foreground/ Background Colors
Переключение между цветом переднего плана и цветом фона
X
Toggle Standard/
Quick Mask Modes
О
Toggle Screen Modes
F
Toggle Preserve Transparency
Decrease Brush Size
Увеличить размер кисти
Increase Brush Size
Уменьшить размер кисти
]
Decrease Brush Hardness
Уменьшить твердость кисти
{
1 Increase Brush Hardness
Увеличить твердость кисти
Previous Brush
Предыдущая кисть
Next Brush
Следующая кисть
First Brush
Первая кисть
<
Last Brush
Последняя кисть
Приложение 2
Содержание компакт-диска
Компакт-диск,прилагается к этойвключает в себя;
иллюстрации к практической части книги в цвете;
файлы иллюстраций, помещенных на вкладку;
дополнительные фильтры, кисти и шрифты.
Цветныеиллюстрации
Иллюстрации сгруппированы в папке Illustrations по принадлежности к главам. Имя файла рисунка совпадает с номером этого рисунка в книге, то есть рисунок с номером, например, 4.7 хранится в файле W ust『日tionз\[h4M_O7.tif.
Фильтры
В папке Plug-iris расположенынекоторых коммерческих фильтров
и бесплатные дополнительные фильтры к программе Photoshop:
Ulead
Eye Candy 4.0;
Four Seasons;
Ulead
Ulead Particle;
PhotoTools 3.0;
Total Xaos;
Ulead Typer;
дополнительные фильтры можно следующим образом. Если в папке с интересующим вас фильтром вы найдете ехе-файл, то запустите его. В процессе установки вам потребуется указать панку, в которой у вас хранятся дополнительные модули. Поэто папка Adobe/Photoshop
Многие наборы фильтров представлены файлами с расширением 8bf. Такие файлы следует поместить в папку Adobe/Photoshopи тогда после переза
пуска Photoshop вы сможете использовать эти фильтры.
Кисти
Наборы дополнительных кистей находятся в папке Brushes и имеют расширение abr. Скопируйте эти файлы в папку Adobe/Photoshop CS/Presets/Brushes. Теперь вы можете ими пользоваться, предварительно загрузив их либо командой Edit ► Preset Manager (Редактирование ► Менеджер предустановки), либо через параметр Brush (Кисть) любого инструмента рисования, щелкнув в палитре кистей на кнопке в виде стрелки и выбрав команду Load brushes (Загрузить кисти).
Шрифты
Папка Fonts содержит ряд оригинальных шрифтов, многие из которых русифицированы. Для их установки воспользуйтесь Панелью управления Windows.
Все представленные шрифты и кисти распространяются бесплатно, и вы можете смело использовать их в любой дизайнерской работе,
Алфавитный указатель
16 bits/channel, 52
3D Transform, 433
8 bits/channel, 52
A
Actions, 101
Add Anchor Point, 118
Arrange Icons, 77
Art History Brush, 32
В
Bitmap, 50
Blend Mode, 22
Blur, 37
Brush, 28
Burn Tool, 37
D
Define Brush, 49
Deselect, 64
Distort, 113
Dodge, 37
Duotone, 51
E
Elliptical Marquee, 24
Eraser, 33
Eyedropper, 38
F
Fade, 47
Feather, 66
Fit Image, 110
Free Transforai, 112
Freeform Pen, 118
Gradient, 34Grayscale, 51Grow, 67IHHand, 39History Brush, 32Gradient, 34Grayscale, 51Grow, 67IHHand, 39History Brush, 32
Gradient, 34
Grayscale, 51
Grow, 67
IH
Hand, 39
History Brush, 32
Gradient, 34
Grayscale, 51
Grow, 67
IH
Hand, 39
History Brush, 32
Clear, 48
Clone Stamp, 30
CMYK Color, 52
Color Range, 64
Color Table, 52
Conditional Mode Change, 108
Convert Point, 118
Copy, 47
Create Droplet, 108
Crop, 26
Cut, 47
Polygonal Lasso, 25
Preferences, 87
Index Color, 51
Inverse, 64
Preset Manager, 50
Purge, 50
L
R
Lab Color, 52
Lasso, 25
Line, 121
Liquify (Разжижение)
Rectangular Marquee, 23
RGB Color, 52
Rotate, 113
настройки, 72
Load Selection, 67
S
Save, 42
Save As, 43
M
Scale, 113
Magic Eraser, 34
Magic Wand, 26
Magnetic Lasso, 25
Modify, 67
Move, 25
Multichannel, 52
Select, 63
Shapes, 117
Sharpen, 37
Show, 75
Show Extras, 75
Similar, 67
Single Row Marquee, 24
Skew, 113
N
Slice, 26
New file, 40
Smudge, 37
Snap to, 76
Step Backward, 47
0
Stroke, 49
Stroke Path, 119
Open, 41
Open Recent, 42
T
p
Transform Selection, 67
Type, 38
Paint Bucket, 34
Paste, 47
Pattern Stamp, 31
Pen, 117
Perspective, 113
Picture Package, 110
Place, 44
Polygon, 121
w
Web Photo Gallery, 111
z
Zoom, 39
А
Альфа-канал, 22
Аэрограф, 30
В
Вкладка главного окна, 21
Выделение, 22
г
Горячие клавиши, 19
Клавиатурные сокращения, 19
Контуры, 117
О
Основное меню, 19
П
Палитра инструментов, 20
Панель параметров, 20
Пиксел, 21
Р
Разрешение, 21
Режим наложения пикселов, 22
Ретуширование, 492
с
Слой, 22
Стили слоя, 127
т
Тоновые кривые, 97
У
Уровни яркости, 53
Ф
Фигуры, 117
ц
Цветовые модели, 22
Гурский Юрий АнатольевичВасильев Андрей Владимирович
Photoshop CS. Трюки и эффекты (+CD)
Главный редактор Заведующий редакцией Руководитель проекта Литературный редактор Художник
Корректоры
Верстка
Е. Строганова 小 Корнеев IO. Суркис
А. Пасечник
Н. Биржакоа
Н. Лукина. И. Смирнова
Р. Г/лпианоа
Лицензия ИД №05784 от 07.09.01.
Подписано в печать i 6.03.04, Формат 70Х j00/i 6. Усл. я.л. 45,15,Тираж 5000 экз. Заказ№ 2053.
ООО «1 Титер Принт», 1961Q5, Санкт-Петербург, ул. Благодатная, д. 67в.Налоговая льготаобшероссийский классификатор продукции
ОК 005-9 3, том 2; 9 53005 литература учебная.
Отпечатано с готовыхдиапозигивоэ в ① ГУП «Печгпныйдвор» им. А. М. ГорькогоМиниетерсгва РФ по делам печати. телерадиовещания II средств массовых коммуникаций.(97( 10, Санкт-Петербург, Чкаловский пр., 15
ПG С И О А Л
ВгодупоинициативегенеральногодиректораИздательскогодома
Валерия Степанова и при поддержке деловых кругов города в Санкт-Петербурге был основан «Книжный клуб Профессионал». Он собрал флагом клуба профессионалов своего дела, которых объединяеттяга к знаниям и любовь
к книгам. Членами клуба являются лучшие студенты и известные практики из разных сфер деятельности, которые хотят стать или уже стали профессионалами в той или иной области.
Как и все развивающиесяс течением времени книжный клуб вырос
в «Клуб Профессионал». Идею клуба сегодня формируют три основные «клубные» функции:
неформальное общение и совместный досуг интересных людей;
участие в подготовке специалистов высокого класса (семинары, пакеты книг по специальной литературе);
формирование и высказывание мнений современного профессионала (при встречах и на страницах журнала).
КАК ВСТУПИТЬ В КЛУБ?
Для вступления в «Клубвам необходимо:
ознакомиться с правилами вступления в «Клуб Профессионал» на страницах журнала или на сайте www.piter.com;
выразить свое желание вступить в «Клуб Профессионал» по электронной почте postbook@piter.com или(812)
заказать книги на сумму не менее 500 рублей в течение любого времени или приобрести комплект «Библиотека профессионала».
«БИБЛИОТЕКА ПРОФЕССИОНАЛА»
Мы предлагаем вам получить все необходимые знания, подписавшись на «Библиотеку профессионала». Она для тех, кто экономит не тольконо и деньги,
Покупая комплект - книжную полку «Библиотека профессионала», вы получаете:
скидку от розничной ценыбез учета почтовых расходов;
• членство в «Клубе• подарок - журнал• членство в «Клубе• подарок - журналпри покупке двух или более комплектов - дополнительную скидку 3%;
• членство в «Клубе
• подарок - журнал
• членство в «Клубе
• подарок - журнал
Профессионал»;
«Клуб Профессионал».
勿〃“77=Q®WWW. PITER .COM勿〃“77=Q®WWW. PITER .COMПЗЛАТ^ЛЬСКИЙ пом
勿〃“77=Q®
WWW. PITER .COM
勿〃“77=Q®
WWW. PITER .COM
Закажите бесплатный журнал «Клуб
КНИГА-ПОЧТОЙ]
ЗАКАЗАТЬ КНИГИ ИЗДАТЕЛЬСКОГО ДОМА «ПИТЕР»
1 МОЖНО ЛЮБЫМ УДОБНЫМ ДЛЯ ВАС СПОСОБОМ:
по телефону: (812) 103-73-74;
по электронному адресу: postbook@piter.com;
на нашем сервере: www.piter.com;
по почте; 197198, Санкт-Петербург, а/я 619, ЗАО «Питер Пост».
ВЫ МОЖЕТЕ ВЫБРАТЬ ОДИН ИЗ ДВУХ СПОСОБОВ ДОСТАВКИ
И ОПЛАТЫ ИЗДАНИЙ:
您Наложенным платежом с оплатой заказа при получении посылки на ближайшем почтовом отделении. Цены на издания приведены ориентировочно и включают в себя стоимость пересылки по почте (но без учета авиатарифа). Книги будут высланы нашей службой «Книга*почтой« в течение двух недель после получения заказа или выхода книги из печати.
倉Оплата наличными при курьерской доставке (для жителей Москвы и Санкт-Петербурга). Курьер доставит заказ по указанному адресу в удобное для вас время в течение трех дней.
IПРИ ОФОРМЛЕНИИ ЗАКАЗА УКАЖИТЕ:
фамилию, имя, отчество, телефон, факс, e-mail;
почтовый индекс, регион, районt населенный пункт, улицу, ДОМ, корпус, квартиру;
название книги, автора, код, количество заказываемых экземпляров.
пзалтеаьскпЬ дам
Вы можете заказать бесплатный журнал «Клуб Профессионал»Вы можете заказать бесплатный журнал «Клуб Профессионал»屋n"7^p
Вы можете заказать бесплатный журнал «Клуб Профессионал»
Вы можете заказать бесплатный журнал «Клуб Профессионал»
WWW.PITER.COM
ходить по магазинам?
наберите:наберите:
наберите:
наберите:
Здесь вы найдете:Здесь вы найдете:
Здесь вы найдете:
Здесь вы найдете:
www.piter.com
Все книги издательства сразу
Новые книги — в момент выхода из типографииИнформацию о книге - - отзывы, рецензии, отрывкиСтарые книги - - в библиотеке и на CD
1Л, наконецу вы нигде не купитенаши книги дешевле!
ааСПЕЦИАЛИСТАМ
а
а
КНИЖНОГО БИЗНЕСА!
ПРЕДСТАВИТЕЛЬСТВА ИЗДАТЕЛЬСКОГО ДОМА «ПИТЕР»предлагают эксклюзивный ассортимент компьютерной, медицинской,психологической, экономической и популярной литературы
РОССИЯ
Москва м. «Калужская», ул.д.офис 207, 240;(095) 777-54-67;
e-mail:
Санкт-Петербург м. «Выборгская», Б.пр., д. 29а;
тел.факс (812) 103-73-83; e-mail: sales@piter.com
Воронеж ул. 25 января, д. 4; тел. (0732)
e-mail: piter-vrn@vmail.ru; piterv@comch.ru
Екатеринбург ул. 8 Марта, д.тел./факс (3432) 25-39-94; e-mail:
Нижний Новгород ул. Премудрова, д. 31а; тел. (8312) 58-50-15, 58-50-25;
piter@infonet.nnov.ru
Новосибирск ул. Немировича-Данченко, д.офис 502;
тел/факс54-13-09, 47-92-93,11-93-18; e-mail: piter-sib@risp.ru
Ростов-на-Дону ул.д.тел. (8632) 95-36-31, (8632) 95-36-32;
e-mail: jupiter@rost.ru
Самара ул. Новосадовая, д. 4; тел. (8462)37-06-07; e-mail:
УКРАИНА
Харьков ул. Суздальскиед.офис т. (057)
e-mail:
пр. Красных Казаков, д. 6, корп.(044)
e-mail: office@piter-press.kiev.ua
БЕЛАРУСЬ
Минск ул. Бобруйская д.,тел./факс226-19-53; e-mail:
МОЛДОВА
Кишиневул. Митрополит65, офис 345; тел. (3732) 22-69-52,
факс (3732) 27-24-82; e-mail: lili@auratip.mldnet.com
Ищем зарубежных партнеров или посредников, имеющих выход на зарубежный рынок, Телефон для связи:
E-mail: grigorjan@piter.com
Издательский дом «Питер» приглашает к сотрудничеству авторов.
Обращайтесь по телефонам: Санкт-Петербург -
Москва - (095) 777-54-67.
Заказ книг для вузов и библиотек:
Специальное предложение - e-mail: kozin@piter.com
ПЗаАТЕПЬСКПП ном
УВАЖАЕМЫЕ ГОСПОДА!
КНИГИ ИЗДАТЕЛЬСКОГО ДОМА «ПИТЕР”ВЫ МОЖЕТЕ ПРИОБРЕСТИОПТОМ И В РОЗНИЦУ
У НАШИХ РЕГИОНАЛЬНЫХ ПАРТНЕРОВ.
□ашкортостан
Уфа, «Азия», ул. Зенцова, д. 70 (оптовая продажа), маг. «Оазис», ул. Чернышевского, д. 88, тел./факс (3472) 50-39-00.
Email: asiaufa@ufanet.ru
Дальний Восток
Владивосток, «Приморский торговый дом книги», тел./факс (4232)23-82Н2,
E-mail: bookbase@mail.primorye.ru
Хабаровск, «Мирс»,
тел .(4212)30-54-47. факс 22-73-30,
E-mail: sale_book@bookmirs.khv.ru
Хабаровск, «Книжный мир»,
тел. (4212) 32-85-51, факс 32-82-50,
E-mail: postmaster@worldbooks.kht.ru
Европейские регионы России
Архангельск, «Дом книги», тел. (8182) 65-41 -34, факс 65-41 -34.
E-mail: book@atnet.ru
Калининград, «Вестер»,
тел./факс(0112)21-56-28,2Ь62-07.
E-mail: nshibkova@vester.ru
http://www.vester.ru
Северный Кавказ
Ессентуки, «Россы», ул. Октябрьская, 4^4, тел./факс (87934) 6-93-09.
E-mail: rossy@kmw.ru
Сибирь
Иркутск, «ПродаЛитЪ»,
тел. (3952) 59-13-70, факс 51-30-70.
Е- jjl： prodalit@irk.ru
http://www.prodalit.irk.ru
Иркутск, «Антей-книга», тел./факс (3952) 33-42-47.
E-mail: antey@irk.ru
Красноярск, «Книжный мир», тел./факс (3912)27-39-71.
E-mail: book-world@public.krasnet.ru
Нижневартовск, «Дом книги», тел. (3466) 23-27-14, факс 23-59-50.
E-mail: book@nvartovsk.wsnet.ru
Новосибирск, «Топ-книга», тел. (3832) 36-10-26, факс 36-10-27.
E-maik office@top-kniga.ru http://www.top-kniga.ru
Тюмень «Друг», тел./факс (3452(21-34-82,
E-mail: drug@tyumen.ru
Тюмень, «фолиант», тел, (3452) 27-36-06, факс27-36-11.
E-mail: foliant@tyumen.ru
Челябинск, ТД «Эврика», ул. Барбюса, д. 61, тел ./факс(3512) 52-49-23.
E-mail:evri ka@chel.surnet.ru
Татарстан
Казань, «Таис», тел. (8432) 72-34-55, факс 72-27-82.
E-mail: tais@bancorp.ru
Урал
Екатеринбург, магазин № 14, ул. Челюскинцев, д. 23, тел./факс (3432) 53-24-90.
E-mail: gvardia@mail.ur.ru
Екатеринбург, «Валео-книга»,
ул. Ключевская, д. 5, тел,/факс(3432) 42-56-00, E-mail: valeo@etel.ru
www.drweb.ru
Illi IIIIIIIHIIIII
АНТИВИРУС
ИГОРЯ ДАНИЛОВА
Третье издание самой популярной в России книги по Adobe Photoshop!
PHOTOSHOP CS Фрюки0эФ^екгпь,
Эта книга не похожа на другие. В ней вы найдете более 100 по-настоящему ярких, практических примеров использования Photoshop CS, каждый из которых основан на оригинальной идее или задаче. Если вы — дизайнер или веб-мастер, книга послужит отличным сборником готовых рецептов. Если же вы только планируете путешествие в увлекательный мир компьютерной графики, то с ее помощью уже через несколько часов работы вы сможете поразить своих родных или коллег удивительным результатом!
ISBN 5-94723-938-8
CD-ROM прилагается БЕСТСЕЛЛЕР №1
Посетите наш web-магазин:
www.piter.comK
屋〃〃те/>
WWW PiTER.COM
®