Самоучитель по Adobe Photoshop 5.5

Автоматические фрагменты

Автоматические фрагменты

Вы определили фрагмент, который хотели бы иметь в виде отдельного изображения (и файла). Поскольку фрагменты могут иметь только прямоугольную форму, программа автоматически создала еще два фрагмента. Фрагменты, созданные пользователем (пользовательские) и автоматические, имеют для ImageReady разные свойства. Программа не может изменить расположение и размер тех фрагментов, которые создал пользователь. За размером и размещением автоматических фрагментов следит сама программа. Если вы измените размер пользовательского фрагмента, то все соседние автоматические фрагменты сами изменятся таким образом, чтобы не возникало "дырок" и перекрываний. Автоматические фрагменты имеют в левом верхнем пиктограммы серого цвета, а пользовательские — других цветов. Автоматические фрагменты отображаются более приглушенными цветами, чем пользовательские. Границы между автоматическими фрагментами отображаются пунктирной линией, а между пользовательскими — сплошной (Рисунок 10.32, б).
1. Выберите на палитре инструментов инструмент Slice Select. Он используется для уточнения размеров и положения фрагментов-
2. Щелкните курсором мыши в пределах созданного вами фрагмента. Этот фрагмент выделен. Изображение внутри выделенного фрагмента, будь он автоматическим или пользовательским, всегда показывается в оригинальной цветовой гамме. Его рамка приобрела восемь манипуляторов, которые используются для масштабирования.
3. Перетащите правый боковой манипулятор рамки немного вправо. Фрагмент увеличился по горизонтали. Автоматический фрагмент справа стал уже, а фрагмент снизу — шире. ImageReady самостоятельно скорректировал их размеры так, чтобы количество фрагментов оставалось прежним (Рисунок 10.33). Верните пользовательскому фрагменту исходный размер. Автоматические фрагменты снова скорректирует программа.
4. Щелкните курсором мыши в пределах правого автоматического фрагмента. Изображение внутри фрагмента стало ярким, фрагмент выделен. Обратите внимание, что рамка автоматического фрагмента не имеет манипуляторов, поскольку его размер устанавливается программой.
5. Автоматический фрагмент можно легко преобразовать в пользовательский. Выберите команду Promote to User-slice из меню Slices или контекстного меню, открывающегося щелчком курсором с помощью правой кнопки мыши в пределах автоматического фрагмента. Фрагмент приобрел манипуляторы масштабирования, и пиктограммы в его левом верхнем углу перекрасились в синий цвет.
6. Переместите левый боковой манипулятор выделенного фрагмента вправо. Поскольку ImageReady теперь не поддерживает его размер автоматически, перемещение границы фрагмента приведет к появлению дополнительного автоматического фрагмента, закрывающего возникшую "дырку" (Рисунок 10.34).

Фон Webстраницы

Фон Web-страницы

Как вы увидите позже, ImageReady позволяет создавать довольно сложные элементы и генерирует для них столь же сложный HTML-код. Часто удобнее всего взять его за основу страницы и добавить в специализированном редакторе остальные элементы. В таком случае удобно задать прямо в ImageReady один из главных атрибутов любой Web-страницы — фоновый цвет или текстуру. Он во многом определяет и то, как будет смотреться на странице изображение, над которым вы работаете. Задав фон в ImageReady вы получаете возможность сразу оценить вид изображения на выбранном фоне, используя команду Previewin.
1, Выберите команду HTML Background из меню File. Она открывает одноименное диалоговое окно, представленное на Рисунок 10.25.

GIFанимация

GIF-анимация Завершим эту главу примером создания несложного баннера, в котором использована GIF-анимация. Для создания анимационных изображений ImageReady предлагает особый инструмент — палитру Animation (Рисунок 10.56). Палитра содержит миниатюры всех фаз анимации и управляет их очередностью и просмотром. Создание анимации во многом похоже на создание ролловеров. Основное отличие заключается в том, что состояний изображения может быть сколько угодно.

Рисунок 10.56. Палитра Animation

Градиентные заливки

Градиентные заливки

Один из главных сюрпризов для начинающего пользователя Image Ready состоит в том, что в программе нет инструмента Gradient, без которого пользователь Photoshop не мыслит свою работу. Вместо инструмента разработчики снабдили Image Ready эффектом Gradient/Pattern, который применяется к слою, как и Drop Shadow, Bevel and Emboss и др. В этом есть определенное преимущество для Web-дизайнера, поскольку градиенты оказываются свободно редактируемыми.
1. Активизируйте слой Ocean в палитре Layers.
2. Нажмите кнопку с изображением буквы Т в нижней части палитры Layers, она открывает список доступных эффектов.
3. Выберите эффект Gradient/Pattern Вместо кнопки в палитре Layers можно было бы воспользовачься и командой Gradient/Pattern из списка Effects, вложенного в меню Layer. В документе появился линейный градиент с цветами по умолчанию Обратите внимание на появление строки этого эффекта у слоя Ocean в палитре Layers
4. Палитра Layer Options/Effects (которая теперь называется Gradient/Pattern) представляет собой упрощенный вариант диалогового окна GradientEditor в Photoshop (рис 10.15). Она тоже позволяет создавать градиенты с произвольным количеством промежуточных цветов и редактировать эти цвета. Список Gradient Style предлагает только два типа градиента линейный и радиальный. Оставьте градиент линейным Ползунок Angle задает угол линейного градиента (для радиального угол не имеет смысла и ползунок недоступен); сделайте угол равным 90°.

Интерактивные графические элементы для WWW

Интерактивные графические элементы для WWW


Хотя Photoshop 5.0, бесспорно, являлся одним из главных инструментов каждого профессионального Web-дизайнера, он не мог решить многие из повседневных задач, в первую очередь таких, как:
§ Создание анимационных GIF-изображений.
§ Создание интерактивных элементов навигации: кнопок и панелей.
§ Оптимизация изображений при экспорте в форматы, принятые в Internet;
§ GIF и JPEG. "Штатные" фильтры экспорта не позволяли достичь требуемой компактности графических файлов.
§ Создание карт ссылок на основе изображений.
§ Разрезание изображений на фрагменты, их независимая обработка и последующая сборка на Web-странице.
Для решения этих задач Web-дизайнеру приходилось использовать либо подключаемые модули для Photoshop сторонних фирм, либо вообще отдельные приложения. Фирма Adobe, зная о нуждах Web-дизайнеров, предложила |им отдельный редактор точечных изображений ImageReady 1.0. Он представлял собой Photoshop, облегченный за счет изъятия некоторых инструментов и функций, которые применяются при подготовке изображений для полиграфического тиражирования. Особенно это относится к цветовой и тоновой коррекции, управлению цветом, работе с каналами, печати. При этом существенно удешевилась программа и, кроме того, в нее были внесены дополнения, необходимые именно для Web-дизайнера, в первую очередь, связанные с оптимизацией изображений. Судя по всему, программа не пользовалась достаточной популярностью, поскольку была лишена той гибкости и богатства возможностей, которые обеспечили Photoshop безусловное лидерство на рынке. Первая версия ImageReady стала последней ее самостоятельной версией. Новый вариант ImageReady 2.0 стал частью Photo-shop 5.5. Таким образом, пользователям Photoshop не пришлось расставаться с любимой программой для реализации недостающих функций.
Примечание
Примечание
Подчеркнем, что ImageReady используется только в сфере Web-дизайна Если вы готовите материалы для полиграфического тиражирования, то можете не устанавливать этот компонент и не читать настоящую главу.

Интерфейс ImageReady

Интерфейс ImageReady

Перед вами главное окно Image Ready (Рисунок 10.2). В первый момент его легко перепутать с Photoshop, настолько похожи они внешне: та же панель инструментов, знакомые палитры. Как мы уже отмечали, такое сходство не случайно. Более внимательный взгляд отметит и множество особенностей. Во-первых, это несколько особых инструментов на палитре инструментов (Рисунок 10.3).
§ Инструмент Rounded Rectangle Marquee. Он предназначен для создания выделенных областей в форме прямоугольника со скругленными углами. Палитра свойств Options для этого инструмента содержит поле Radius, в котором задается радиус округления в пикселах.
§ Инструменты Rectangle, Rounded Rectangle и Ellipse сразу рисуют прямоугольник, прямоугольник со скругленными углами и эллипс, соответственно. Выделенная область при этом не создается, а фигура сразу оказывается залита текущим основным цветом.
§ Инструмент Slice предназначен для разрезания изображений на прямоугольные фрагменты, a Select Slice — для выделения таких фрагментов.
Кроме того, на панели инструментов имеются кнопки режимов Show Slices и Hide Slices, соответствующие одноименной команде-переключателю из меню Slices. В первом режиме отображаются границы фрагментов, на которые разрезано изображение, а во втором — нет (Рисунок 10.4).

Эффекты для слоев

Эффекты для слоев

Придадим территории всего континента эффект Drop Shadow, знакомый вам по Photoshop. В Image Ready для получения эффектов используются несколько иные элементы управления.
1. Перейдите к слою Europe в палитре Layers.
2. Нажмите кнопку с изображением буквы "f" в нижней части палитры Layers, она открывает список доступных эффектов.
3. Выберите эффект Drop Shadow. Вместо кнопки в палитре Layers можно было бы воспользоваться и командой Drop Shadow из списка Effects, вложенного в меню Layer.
4. Строка слоя Europe в палитре слоев приобрела дополнительную подстроку эффектов Effects. Расположенная на этой строке слева треугольная стрелка разворачивает список ассоциированных со слоем эффектов. Пока это только эффект Drop Shadow (Рисунок 10.13).
Совет
Совет
Обратите внимание на пиктограмму видимости, которой обладает не только строка слоя, но и строки эффектов Щелкнув на пиктограмме видимости эффекта, вы временно отключите его демонстрацию Повторный щелчок на пиктограмме вновь покажет скрытый эффект.
5. После добавления эффекта палитра Layer Options сменила свое название на Drop Shadow. Активизируйте ее (рис 10.14). Если такой палитры на экране нет, то откройте ее командой Show LayerOptions/Effects из меню Window. Она содержит настройки текущего эффекта, строка которого выделена в палитре Layers.

Карты ссылок

Карты ссылок

Изображения на Web-страницах часто используются как карта ссылок (image map). Щелчки курсором мыши в окне браузера на различных участках такого изображения приводят к загрузке разных страниц. Для реализации этого механизма отдельным фрагментам изображения необходимо сопоставить различные гипертекстовые ссылки.
Создадим изображение в Photoshop на основе карты Европы, которую мы создали. На карте цветом выделены несколько стран, в которые некая фирма организует туры. Изображение будет размещено на сайте этой фирмы и будет служить картой ссылок на страницы с подробной информацией о каждом туре. Иными словами, щелчок курсором мыши на территории каждой страны в этой карте должен приводить к отдельной Web-странице.
ImageReady предлагает удобный способ создания карт ссылок. Она автоматически генерирует необходимый код на основе разбивки на фрагменты, выполненной пользователем. Каждый фрагмент, которому назначается отдельная ссылка, должен занимать свой слой. Таким образом, URL-ссылка является атрибутом слоя. Для его ввода используется палитра Layer Options/Effects.
1. Откройте документ europe.psd и сохраните его под именем europe_map.psd с помощью команды Save As из меню File.
2. В палитре Layers выделите слой, соответствующий территории одной из стран, например, Holland.
3. В палитре Layer Options/Effects установите флажок Image Map. Он включает режим создания карты ссылок и открывает поля Shape и URL.
4. В поле URL вводится ссылка на какой-либо сетевой ресурс, которая сработает при щелчке курсором мыши на выбранном объекте в браузере. Допустим, вы предполагаете, что должна открыться страница holland.html, расположенная на сервере в том же каталоге, что и изображение с картой ссылок. В этом случае достаточно просто ввести имя файла документа в поле URL. Введите в это поле "holland.html".
5. Список Shape предоставляет выбор формы области изображения, откликающегося на щелчок курсором мыши в браузере. Это может быть прямоугольник (Rectangle), круг (Circle) или многоугольник (Polygon). Если форма фрагмента близка к одному из первых двух примитивов, то выбирайте соответствующий. Если форма области изображения более сложная, как и в нашем случае, то выберите последний вариант. Испльзование прямоугольной или круглой форм предпочтительно, поскольку приводит к генерации более компактного HTML-кода, а следовательно и более быстрой загрузке страницы.
6. Аналогичным образом введите имена документов для остальных стран. В качестве имени документа исполльзуте имя слоя . Обратите внимание, что имя показывается в палитре слоев непосредственно под именем каждого слоя (Рисунок 10.48.)

Обработка событий

Обработка событий

Элементы дизайна, о которых идет речь, изменяют свое состояние (внешний вид) в браузере в зависимости от нескольких возможных событий:
§ Отсутствие событий — обычное состояние (событие Normal или Out). П Курсор мыши находится на элементе — событие Over или Up.
§ Курсор мыши находится на элементе и нажата левая кнопка мыши — событие Down.
§ Курсор мыши находится на элементе, левая кнопка мыши отпущена — событие Click.
На английском языке такие элементы называются rollovers (roll over = перекатываться, переворачиваться). К сожалению, в русском языке эквивалент этого термина отсутствует, а Web-дизайнеры называют их между собой ролловерами. Так мы и будем называть их далее, да простят нам столь прямое заимствование.
Ролловер в действительности представляет собой не одно, а несколько (до четырех) изображений. При возникновении перечисленных событий браузер заменяет одно из этих изображений другим. С каждым событием ассоциируется одно изображение. Совершенно не обязательно обрабатывать все четыре события и создавать четыре изображения. На практике чаще всего обходятся двумя: событиями Normal и Over. Обработкой этих событий, их регистрацией и загрузкой изображений, как раз и занимается сценарий JavaScript.

Определение фрагментов

Определение фрагментов

1. Откройте изображение Europe.psd и сохраните под именем Europe sliced, psd в вашей рабочей папке.
2. Включите режим отображения Show Slices нажатием одноименной кнопки на палитре инструментов. Как видите, даже если изображение не разрезано, ImageReady считает его разрезанным, правда на единственный "кусок" Об этом говорит окаймляющая его рамка с порядковым номером фрагмента и специальной пиктограммой фрагмента (рис 10 31).

Определение состояний

Определение состояний

Изображение подготовлено к созданию ролловеров. Теперь необходимо определить, в каких состояниях ролловеров что будет отображаться в браузере.
1. В палитре Layers отключите видимость всех слоев изображения, за исключением слоя Europe. Быстрее всего это сделать, щелкнув мышью на пиктограмме видимости слоя Europe и удерживая при этом клавишу .
2. Выведите на экран палитру Rollover командой Show Rollover из меню Window. Она изображена на Рисунок 10.52. Основное пространство палитры занимают миниатюры состояний ролловера. Всегда определено только одно из них — Normal. В нижней части палитры находятся кнопки создания нового состояния (с изображением страницы), удаления существующего (с изображением мусорного ведра) и кнопка списка фрагментов.

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

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

Для GIF-анимации исключительно важна оптимизация, поскольку это, фактически, несколько изображений в одинаковом формате. Если анимация долго загружается в браузере пользователя, то она скорее его не привлечет, а оттолкнет.
Для всех кадров анимации используются одинаковые параметры оптимизации, включая индексированную палитру. Параметры оптимизации устанавливаются в палитре Optimize.
1. Перейдите на вкладку Optimized в окне документа, чтобы следить за результатом оптимизации.
2. В палитре Optimize установите палитру Selective.
3. Достаточным количеством цветов будет 16. Установите его в списке Colors.
4. Отмените сглаживание, выбрав в списке Dithering Algorithm вариант No Dither. Это сделает файл более компактным и совсем не ухудшит качества изображения.
Мы задали достаточно жесткий режим оптимизации, но он вполне оправдан. Исходное изображение самолета само по себе содержит совсем немного цветов и плавных цветов переходов. Размер файла после оптимизации написан в строке состояния окна документа: 11,85 Кбайт. Это вполне приемлемый размер для баннера.
Для GIF-анимации существуют и особые алгоритмы оптимизации.
1. Выберите команду Optimize Animation из меню палитры Animation. Она открывает одноименное диалоговое окно, предлагающее два направления оптимизации. Первое состоит в автоматической обрезке каждого кадра изображения, чтобы в нем оставались только изменившиеся области Второй путь состоит в удалении всех пикселов, которые не изменяются от кадра к кадру. Оба способа оптимизации приносят очень существенный выигрыш для большинства анимаций и мы рекомендуем их использовать.
2. Нажмите кнопку ОК. Анимация оптимизирована.

Оптимизация фрагментов

Оптимизация фрагментов

Так как все фрагменты, составляющие документ ImageReady, сохраняются в отдельных файлах, параметры оптимизации можно назначать для каждого из них индивидуально. На первый взгляд, это должно дать существенный выигрыш при оптимизации в индексированных цветах. Если при оптимизации всего изображения палитра должна содержать все использованные в нем цвета, то при разделении на фрагменты палитру каждого из них можно сократить за счет цветов изображения, которых в этом фрагменте нет. Во многих случаях такой подход действительно работает, но только не в нашем. Из-за того, что палитры соседних фрагментов оказываются разными, образуются видимые различия цветов на стыках.
1. Для начала зададим единые параметры оптимизации для всех фрагментов. Перейдите на вкладку Optimized в окне документа.
2. Выделите все фрагменты командой All Slices из меню Select Если вы не можете обнаружить в меню Select такой команды, то включите режим показа фрагментов нажатием кнопки Show Slices на палитре инструментов или клавиши на клавиатуре.
3. В палитре Optimize выберите формат GIF, палитру Selective, режим сглаживания Diffusion и степень сглаживания 100% (мы хотим максимального качества). Установите количество цветов равным 16.
4. Спрячьте границы фрагментов нажатием кнопки Show Slices на палитре инструментов или клавиши на клавиатуре. Посмотрите на результат оптимизации. Границы фрагментов проступают достаточно четко (рис 10.41)

Оптимизация изображений

Оптимизация изображений

Полученное изображение непригодно для использования в Internet, поскольку находится в формате PSD и занимает уйму (по меркам сети) места, 370 Кбайт. Займемся его оптимизацией и экспортируем в один из форматов поддерживаемых браузерами.
1. Откройте палитру Optimize командой Show Optimize из меню Window.
2. В окне документа перейдите на вкладку Optimized. Перед вами результат оптимизации изображения в соответствии с параметрами, представленными в палитре Optimization. Изменение этих параметров приведет к немедленному обновлению изображения на вкладке Optimized в окне документа.
3. В списке Optimized file format выберите формат JPEG.
4. Перемещайте ползунок Quality справа (высокое качество) налево (низкое качество) до тех пор, пока не заметите появления нежелательных артефактов. У нас заметное проявление характерной "грязи" случилось примерно при 50%-ном значении качества.
5. Попытайтесь удалить артефакты предварительным размыванием изображения с помощью ползунка Blur. Следите за тем, чтобы изображение не слишком потеряло в резкости. Приемлемой величиной размывания будет 0,1—0,13 пиксела.
6. Взгляните на строку состояния в окне документа. Там отображается текущий размер оптимизированного файла (22 Кбайт) и оценка времени его загрузки (~9 сек) при выбранной скорости модема (28,8 Кбит/сек).
Совет
Совет
Если в строке состояния отображается что-то другое, то щелкните на черной треугольной стрелке, направленной вниз. Она открывает список информационных полей, которые могут отображаться строкой состояния. Это Original/OptimizedFile Sizes (начальный/конечный размеры оптимизированного файла), Optimized Information (информация об установках оптимизации). Image Dimensions (размеры изображения в пикселах), WatermarkStrength (яркость цифровой метки, см. гл. 13), Undo/Redo Status (количество шагов отмены и повторения в буфере ImageReady), Originalin Bytes (точный размер исходного изображения в байтах), Optimized in Bytes (точный размер оптимизированного файла в байтах), Optimized Savings (выигрыш от оптимизации в процентах) В этом же списке находятся типичные скорости модемов: 14,4; 28,8; 56,6 Кбит/сек. Выбор скорости оказывает влияние на оценку времени загрузки изображения в браузер. В общем случае разумно ориентироваться на скорость 28,8 Кбит/сек.
В результате оптимизации мы получили весьма существенный (94%) выигрыш в размере файла, сохранив приемлемое качество изображения. Но наилучшим ли способом проведена оптимизация? Может быть лучше использовать формат GIF?
1. Перейдите на вкладку 2-Up в окне документа. Перед вами одновременно оригинал (слева) и оптимизированное изображение (справа).
2. Щелкните курсором мыши в пределах левой половины окна документа. Это сделает активным оригинал изображения.
3. В списке Settings палитры Optimized выберите вариант GIF 32 Dithered.Это предустановленный вариант оптимизации в индексированный формат с 32-цвегной палитрой. Результат оптимизации находится в активной (левой) половине окна на месте оригинального изображения. С точки зрения размера файла (18 Кбайт) она явно эффективнее. Имея перед глазами результат одновременно двух вариантов оптимизации, вы можете выбрать наиболее подходящий.
4. При сравнении вариантов можно воспользоваться функцией предварительного просмотра изображения в браузере. Для этого следует выбрать команду Preview in из меню File. Она открывает список браузеров, установленных на вашем компьютере. ImageReady автоматически создаст временный оптимизированный файл изображения и необходимый для его демонстрации HTML-код, который и загрузит в браузер.
В принципе, вы можете еще поэкспериментировать с настройками оптимизации GIF: изменить размер палитры, степень сглаживания, параметр качества. Проделайте эту работу и оцените качество с точки зрения посетителя сайта. Сравните результат с предыдущим вариантом оптимизации в формат JPEG. Какой из них смотрится более выгодно и имеет меньший размер? Можно ли пренебречь потерей в качестве в пользу меньшего размера? Ответы на эти вопросы достаточно субъективны и давать их придется вам.
Примечание
Примечание
При оптимизации индексированных изображений часто приходится работать с их палитрой напрямую: редактировать цвета, приводить их полностью или частично к палитре Web, выборочно удалять цвета. Все эти манипуляции позволяет производить палитра Color Table. Работа с ней абсолютно идентична работе со вкладкой Color Table в модуле экспорта SaveFor Web Photoshop. По этой причине мы не будем повторяться и рассматривать ее в ImageReady.
1. Выберите наиболее подходящий вариант оптимизации щелчком курсором мыши в соответствующей половине окна документа.
2. Выберите команду Save Optimized As меню File.
3. В открывшемся окне введите имя оптимизированного файла, например "Europe_map", и нажмите кнопку Save. На многочисленных дополнительных настройках этого диалогового окна остановимся позднее. Оптимизированное изображение сохранено.
Подчеркнем, что если окно документа находится в режиме 2-Up или 4-Up, то команды Save Optimized и Save OptimizedAs (они отличаются точно так же, как Save и Save As) сохраняют тот: вариант документа который находится в активной части окна документа.
Какие варианты оптимизации будут отображаться в режимах Optimized, 2-Up и 4-Up окна документа, определяется установками программы Соответствующее диалоговое окно открывается командой Optimization из списка уста новок Preferences, находящегося в меню File (рис 10.24)

Оптимизация ролловеров

Оптимизация ролловеров

Оптимизация ролловеров ничем не отличается от оптимизации обычных изображений. Как вы помните, ее параметры устанавливаются в палитре Optimize. На этот раз для оптимизации имеет смысл выбрать формат JPEG, т. к. фотографические изображения вынудили бы нас существенно расширить палитру индексированного изображения и привели бы к очень сильному проигрышу в размере файла.
1. Выделите все фрагменты изображения командой All Slices из меню Select.
2. В палитре Optimize выберите формат JPEG из списка OptimizedFile Format и установите ползунок Quality посередине.
3. Перейдите на вкладку Optimized окна документа и убедитесь в приемлемости качества оптимизированного изображения. Оптимизация проделана.
4. Используйте команду Preview in из меню File для того, чтобы протестировать получившиеся ролловеры. Перемещайте курсор мыши по карте и наблюдайте появление фотографий (Рисунок 10.54).

Организация ссылок

Организация ссылок

Теперь, когда изображение разрезано на требуемое количество фрагментов, их надо ассоциировать с соответствующими документами. Для этого предназначена специальная палитра Slice (Рисунок 10.38). Если ее нет на экране, то выберите команду Show Slice из меню Window.

Особые инструменты ImageReady

Особые инструменты ImageReady Создание изображений в Image Ready имеет ряд особенностей, которые следует учитывать. Возможности Image Ready несколько отличаются от Photoshop. Например, корректирующие слои ставшие давно привычными в Photoshop, отображаются в Image Ready, но недоступны для редактирования. С другой стороны, Image Ready, например, предоставляет два дополнительных эффекта для слоев (Color Fill и Gradient/Pattern), которых нет в Photoshop. При переносе в Photoshop изображения с такими эффектами последние просто пропадают. Подобные "чудеса интеграции" следует знать и учитывать в процессе работы в обеих программах.

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

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

Для создания ролловера требуется создание серии изображений. Этим и займемся в настоящем разделе. Для примера добавим ролловеры к карте Европы, которую вы раскрашивали при изучении первого раздела. Пусть при размещении курсора мыши в браузере над территорией изображенных на карте стран, появляются фотографии с их видами. Для решения этой задачи кроме изображения карты нам понадобятся фотографии с характерными видами. Эти фотографии находятся на прилагаемой дискете: england.jpg, Sweden.jpg, france.jpg, holland.jpg, germany.jpg и italy.jpg.
1. Откройте документ europe.psd и сохраните его под именем europe_ rollover.psd с помощью команды Save As из меню File.
2. Сведите слои изображения командой Flatten Image из меню Layer.
3. Откройте все шесть файлов с видами стран.
4. Выберите инструмент Move из палитры инструментов.
5. Скопируйте каждый из них на отдельный слой документа europe_sliced.psd, перетаскивая с помощью мыши изображение из окна очередного документа или его палитры слоев.
6. Дайте каждому слою имя, совпадающее с названием страны, вид которой изображен на фотографии (England, Sweden, France, Holland, Germany и Italy). Слой с картой назовите Europe. На эти имена и будем ссылаться в дальнейшем.
7. Чтобы точно разместить изображения на карте, построим несколько направляющих. ImageReady имеет для этого замечательную команду Create Guides из меню View. Она открывает диалоговое окно, изображенное на Рисунок 10.49.

Подготовка изображения

Подготовка изображения

Баннер, который мы создадим, будет изображать летящий самолет, оставляющий за собой рекламную надпись (Рисунок 10.57).

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

Предварительный просмотр Изображение разрезано. Функция Preview in позволяет протестировать сборку изображения и ссылки еще до экспорта HTML-кода и фрагментов самого изображения.
1. Выберите установленный на вашем компьютере браузер из списка Preview in, находящегося в меню File. ImageReady запустит выбранный браузер и загрузит в него изображение по фрагментам. Ниже изображения вы увидите весь HTML-код, который понадобился для этого.
2 Подведите курсор мыши к любой из выделенных цветом стран Он примет вид, характерный для гипертекстовой ссылки Рядом с курсором возникнет подсказка, которую ImageReady автоматически сгенерировал из имен слоев. В результате, пользователь сразу увидит название страны, на которую указывает курсором В строке состояния браузера вы обнаружите ту фразу, которую ввели в поле Message палитры Slice.
3. Нажмите левую кнопку мыши и не отпускайте ее. Если вы пользуетесь Microsoft Internet Explorer версии 4.0 и выше, то увидите границы текущего фрагмента.
4. Отпустите кнопку мыши. Браузер попытается открыть документ, соответствующий ссылке, но не сможет этого сделать и выдаст ошибку №404 Если вы хотите серьезно протестировать ссылки, то вам все-таки придется сохранить документ.

Проблемы интеграции Photoshop и ImageReady

Проблемы интеграции Photoshop и ImageReady

О том, насколько хорош ход, сделанный Adobe, можно поспорить. Вместо одной программы, Web-дизайнеру все равно приходится пользоваться двумя. Это не просто недостаточно удобно, но и приводит к неоправданной трате ресурсов компьютера: разработчики рекомендуют при одновременном использовании обоих компонентов дополнительные 32 Мбайт оперативной памяти и больше дискового пространства (для размещения виртуальной памяти обеих программ). Трата ресурсов эквивалентна дополнительному вложению денег в оборудование и потерям времени на переключение между приложениями. Что бы не говорили рекламные буклеты об интеграции Photoshop и ImageReady, это все-таки отдельные программы. Даже передача изображений из одной программы в другую происходит через файл на диске. Поэтому перед передачей изображения текущий документ необходимо сохранить на диске.
1. Создайте в Photoshop новый документ небольшого размера.
2. Нажмите кнопку Jump to default graphics editor or application на панели инструментов или нажмите комбинацию клавиш -+. Таким образом осуществляется переключение между программами. Photoshop выдаст сообщение о необходимости сохранить документ в файл (Рисунок 10.1).

Расчет промежуточных фаз

Расчет промежуточных фаз

Мы определили начальную и конечную фазы анимации. В первой фазе самолет еще не "прилетел", а в последней уже "улетел" и открыл рекламную надпись. А теперь почти фокус:
1. Выделите в палитре Animation миниатюры обеих фаз, щелкнув на каждой из них, и нажав клавишу .
2. Выберите команду Tween из меню палитры Animation. Она открывает диалоговое окно, изображенное на Рисунок 10.59. Переключатель Layers переведите в положение All Layers, в группе Parameters установите только флажок Position, в поле Frames to Add введите число 10.
3. Нажмите кнопку ОК. ImageReady автоматически построит промежуточные кадры между двумя выделенными.
4. Теперь можно и посмотреть на готовую мультипликацию. Нажмите кнопку проигрывания анимации (треугольная стрелка вправо) в нижней части палитры Animation и посмотрите на результат в окне документа Вокруг кнопки проигрывания находятся еще четыре кнопки управления просмотром анимации, аналогичный тем, что вы видели на пульте управления проигрывателем компакт-дисков Это (левее) кнопка остановки. перехода к предыдущему кадру и к первому кадру. Справа находятся кнопки перехода к следующему и к последнему кадру.

Разбивка фрагментов

Разбивка фрагментов

Теперь разрежем изображение на фрагменты, соответствующие территории стран.
1. Выделите правый фрагмент (фрагмент №3) с помощью инструмента SliceSelect.
2. Выберите команду Divide Slice из меню Slices или контекстного меню, открывающегося щелчком курсором с помощью правой кнопки мыши на выделенном фрагменте. Команда открывает одноименное диалоговое окно, представленное на Рисунок 10.35. Команда разбивает уже созданный фрагмент на несколько пользовательских фрагментов, а в диалоговом окне задаются параметры разбиения. Оно состоит из двух областей Divide Horizontally Into и Divide Vertically Into, в которых одинаковым способом задаются параметры горизонтального и вертикального разбиения соответственно.
Разбивка по заданному направлению включается флажком в верхней части области. Разбивку можно производить исходя из количества фрагментов одинаковой высоты (ширины), умещающихся в исходном фрагменте или размера получающихся фрагментов. В последнем случае используются поля ввода pixels perslice, где задаются размеры фрагментов по горизонтали (верхняя область) и вертикали (нижняя область). Если размер исходного фрагмента не делится точно на введенный, то последний фрагмент будет иметь меньший размер. В первом случае используются поля ввода slices down/across, evenly spaced. В верхней области задается количество фрагментов по горизонтали, а в нижней — по вертикали.

Разрезание изображений

Разрезание изображений На Web-страницах изображения часто используются для организации меню. Щелчок в разных участках изображения приводит в действие различий гипертекстовые ссылки. Наиболее очевидным путем реализации такого элемента навигации является разрезание изображения на отдельные фрагменты (slice). После того как изображение разрезано, его можно собрать на странице, используя таблицы HTML Выполнение такой работы вручную весьма длительная и нетворческая работа. ImageReady может выполнить самую трудную ее часть за вас!

Редактирование готовой анимации

Редактирование готовой анимации

ImageReady, в отличие от многих специализированных программ-аниматоров, обеспечивает широкие возможности редактирования уже готовой анимации. Две из них очевидны: добавление и удаление отдельных кадров. Столь же просто кадры анимации можно переставлять.
1. Выделите любой кадр анимации щелчком мыши.
2. Поместите курсор мыши на миниатюру выделенного кадра.
3. Нажмите левую кнопку мыши.
4. Перемещайте мышь к соседнему кадру. Когда курсор мыши будет оказываться в промежутках между кадрами, вы увидите жирную вертикальную линию, точку вставки. Она показывает, куда будет помещен выделенный кадр, как только вы отпустите кнопку мыши.
5. Переместите кадр перед соседним, а затем верните его назад.
Вы можете отредактировать и компоненты изображения, не рискуя повторять это для каждого кадра.
1. Выделите слой с рекламным текстом в палитре Layers.
2. В палитре Type измените шрифт на какой-нибудь другой. Поскольку анимация основана на слоях изображения, шрифт изменится во всех кадрах анимации.
3. С помощью инструмента Move исправьте положение текста так, чтобы он оказался точно посередине документа. Положение текста изменится только в текущем кадре анимации.
4. Чтобы текст занял ту же позицию и в других кадрах, выберите команду Match Layer Across Frames из меню палитры Animation. Текущее состояние слоя будет распространено на все кадры анимации.
С помощью Image Ready вы можете редактировать и готовые анимации, например из GIF-файлов, которые вы загрузите с чужих страниц. Готовый файл с анимацией можно открыть командой Open и редактировать его так, будто он создан в ImageReady. При открытии анимации программа сама заполнит палитру Animation ее кадрами.
Вы также можете создать анимацию в Photoshop, располагая кадры анимации каждый на своем слое. Затем следует сохранить полученное многослойное изображение в формате PSD и открыть в ImageReady. В меню палитры Animation вы найдете команду Make Frames From Layers. Она автоматически заполнит палитру кадрами анимации, использовав для этого отдельные слои изображения.

предоставляющая возможности разрезания изображений, создания

Резюме


§ Специально для Web-дизайнеров в поставку Adobe Photoshop 5.5 включена программа ImageReady 2.0, предоставляющая возможности разрезания изображений, создания ролловеров, карт ссылок и GIF-анимации.
§ ImageReady очень похожа на Photoshop по внешнему виду и организации функций. Тем не менее, существует ряд особых изобразительных возможностей ImageReady, которые не поддерживаются Photoshop и наоборот.
§ Оптимизация изображений при экспорте изображений в форматы GIF, JPEG и PNG осуществляется с помощью палитр Optimize и Color Таblе. Работа с ними аналогична работе с фильтром Save For Web в Photoshop.
§ Команда Preview in осуществляет предварительный просмотр изображений, ролловеров, и анимации в любом установленном на компьютере браузере.
§ ImageReady предоставляет удобные функции для создания фоновых текстур. К ним относятся фильтры DitherBox и Tile Maker и диалоговое окно HTML Background.
§ ImageReady позволяет разрезать изображения на фрагменты и автоматически генерирует HTML-код для их сборки на Web-странице.
§ ImageReady позволяет создавать ролловеры и автоматически генерирует для них необходимый JavaScript-код.
§ ImageReady позволяет создавать карты ссылок, обрабатываемые клиентом и/или сервером, и автоматически генерирует необходимый HTML-код.
§ Специальная палитра Animation в ImageReady предоставляет все необходимые средства для создания GIF-анимации Программа также позволяет автоматически рассчитывать промежуточные кадры между парой заданных соседних кадров. Поддерживается оптимизация анимационных изображений.

Требование сохранить

Рис 10.1. Требование сохранить файл при переключении между Photoshop и ImageReady


Примечание
Примечание
Для переключения между приложениями в меню File каждого из них имеется специальный список Jump to. Он содержит названия программ, к которым возможно переключение. Программа установки поместит в него ссылки на все приложения фирмы Adobe Illustrator, GoLive, PageMill и др. Вы можете самостоятельно дополнить этот список подходящими программами других производителей, если вам приходится работать с ними. Для этого нужно всего лишь поместить ярлык (shortcut) выбранной программы в соответствующую папку, вложенную в папку \Helpers каталога Photoshop Если вы, например, хотите внести в меню Jump to Microsoft Frontpage, то поместите его ярлык в лапку \Helpers\Jump To HTML Editort. 3. Нажмите кнопку Save и в открывшемся стандартном диалоговом окне сохранения документа введите произвольное имя файла.
4. Нажмите кнопку Save. Документ будет сохранен в файле. Затем автоматически запустится ImageReady (если эта программа не открыта) и документ будет в нее загружен.
Подобная интеграция имеет и еще один отрицательный аспект. Как у Photoshop, так и у Image Ready есть некоторые возможности, не встречающиеся в другой программе. В результате при переносе изображения из одной программы в другую часть графической информации оказывается невидимой или нередактируемой. С примерами неприятностей такого рода мы тоже познакомимся в этой главе.
Несмотря на перечисленные проблемы поверхностной интеграции Photoshop и Image Ready, вместе они дают в руки Web-дизайнера исключительно мощный инструмент. Когда вы приобретете достаточный опыт работы с этой связкой, недостатки их совместной работы покажутся сущей мелочью в сравнении с неограниченными техническими возможностями.

Палитра Type в ImageReady

Рис 10.10. Палитра Type в ImageReady


§ Animation. Палитра содержит перечень всех кадров анимации и управляет их очередностью и просмотром.
§ Slice- Палитра предназначена для установки параметров отдельных фрагментов, на которые изображение разрезано с помощью инструмента Slice или команды Divide Slice из меню Slices.
§ Rollover. Палитра хранит варианты изображения, демонстрируемого в браузере в зависимости от того, находится ли на нем курсор и нажата ли кнопка мыши. Палитры Colors, History, Info, Options и Actions почти полностью идентичны одноименным палитрам Photoshop. Правда, палитра History в Image Ready несколько упрощена. В ней отсутствует возможность создания снимков (snapshots) и назначения исходного состояния для кисти HistoryBrush, поскольку Image Ready не имеет такого инструмента.
На этом мы завершим краткое рассмотрение интерфейса Image Ready и его отличий от Photoshop, и перейдем к примерам решения практических задач.

Карта Европы до (а)

Рис 10.11. Карта Европы до (а) и после (б) раскрашивания и добавления текста


1. Запустите программу Image Ready, если она закрыта.
2. Откройте файл Europe, tif, находящийся на прилагаемой дискете.
3. Для удобства раскрашивания разделим изображение на сдои. Выберите двойным щелчком мыши инструмент Magic Wand (обратите внимание на отсутствие команды Color Range в меню Select) в палитре инструментов.
4. В палитре Options установите величину Tolerance примерно 30.
5. Щелкните на голубом пространстве, изображающем океан.
6. Инвертируйте выделенную область командой Inverse из меню Select. Таким образом выделен весь континент.
7. Выберите команду Layer via Cut из подменю New меню Layer или воспользуйтесь клавиатурным сокращением ++. Теперь карта Европы находится на отдельном слое.
8. Разместим выделенные страны на отдельных слоях. Выделите с помощью инструмента Magic Wand одну из стран.
9. Выберите команду Layer via Copy из подменю New меню Layer или воспользуйтесь клавиатурным сокращением -KJ>. Эта команда также доступна в контекстном меню, открывающемся по щелчку правой кнопкой мыши при указании курсора на выделенную область. Теперь территория страны находится на отдельном слое.
10. Повторяйте шаги 9—10 для всех выделенных стран, пока все они не разместятся на отдельных слоях. Италия и Великобритания имеют островные территории. Для того чтобы выделить их целиком, воспользуйтесь командой Similar из меню Select.
11. Перейдите к слою с изображением всего континента, щелкнув на его строке в палитре Layers. Установите для него флажок Preserve Transparency.
12. В палитре Swatches выберите светло-серый цвет и заполните им всю территорию континента с помощью команды Fill из меню Edit или нажатием клавиш +.
13. Перейдите к исходному слою Layer 1 и заполните его белым цветом с помощью команды Fill из меню Edit. В диалоговом окне этой команды установите White в списке Use.
14. Дайте слоям значащие имена. Ocean, Europe, England, Italy, Holland, Germany, Sweden, France. Именно в соответствии с этими именами и будем называть слои далее в тексте. В результате палитра Layers должна приобрести примерно такой вид, как на Рисунок 10.12. Отличаться может только порядок слоев с территориями отдельных стран.
Рисунок 10.12. Структура слоев изображения с картой Европы

Эффект Drop Shadowв палитре слоев

Рис 10.13. Эффект Drop Shadow
в палитре слоев

Палитра Layer Options/Effectsдля

Рис 10.14. Палитра Layer Options/Effects
для эффекта Drop Shadow


6. Список Blend Mode задает режим наложения тени. Оставьте в нем значение Multiply, выбранное по умолчанию. Цвет тени в списке Color тоже пусть останется черным. Ползунок Blur задает размытость тени. Установите значение равным 7 пикселам. Смещение тени относительно объекта на слое, задаваемое ползунком Distance, установите равным 7 пикселам "Густоту" тени установите равной 9% с помощью ползунка Intensity. Прозрачность тени (ползунок Opacity) и угол падения (ползунок Angle) оставьте принятыми по умолчанию: 75% и 120°, соответственно. Как видите, все настройки эффекта тени совпадают с теми, что вы видели в диалоговом окне Effects в Photoshop. В ImageReady роль этого диалогового окна выполняет палитра Layer Options/Effects. Она содержит настройки для всех эффектов.
Эффект Drop Shadow применен. Вы можете в любой момент изменить его параметры. Для этого потребуется выделить строку выбранного эффекта и обратиться к палитре Layer Options/Effects для регулировки настроек.

ПалитраLayer Option/Effects

Рис 10.15. Палитра
Layer Option/Effects для эффекта
Gradient/Pattern


5. Нашей целью является градиент из двух цветов с переходом от темно-синего к голубому. Отредактируем граничные цвета градиента. Сделайте двойной щелчок на маркере в левой части полосы градиента. Перед вами диалоговое окно ColorPicker. Выберите в нем голубой цвет (например, R:102, G:204, B:255, что соответствует цвету #66CCFF в Web-пали гре) и нажмите кнопку ОК. Сделайте двойной щелчок на маркере в правой части полосы градиента. Перед вами диалоговое окно Color Picker. Выберите в нем темно-синий цвет (например, R:51, G:102, В:204, что соответствует цвету #3366СС в Web-палитре) и нажмите кнопку ОК. Градиент приобрел желаемый вид.
6. Движок в форме ромба над полосой градиента в палитре Layer Options/Effects определяет положение средней точки градиента, в которой граничные цвета смешаны в пропорции 1:1. Сместите его слегка вправо, и область темного цвета станет меньше.
7. Вы можете добавлять промежуточные цвета в созданные градиенты. Щелкните курсором мыши примерно посередине между маркерами цветов на полосе градиента в палитре Layer Options/Effects. На месте щелчка появится новый маркер. Он имеет цвет, соответствующий выбранной точке градиента. Изменить его можно с помощью Color Picker так же, как мы сделали для граничных цветов градиента. Лишние промежуч очные цвета легко удалить. Перетащите с помощью мыши средний маркер за пределы палитры, и он будет удален.
Воспользуемся эффектом Gradient для создания фоновой полосы под надписью "EUROPE '99".
1. Создайте новый слой Stripe поверх всех слоев документа нажатием кнопки Create New Layer в нижней части палитры Layers.
2. Выберите на палитре инструментов инструмент Rectangle.
3. Установите черный цвет текущим основным цветом, щелкнув на пиктограмме. Default foreground and background color в палитре инструментов или нажав клавишу .
4. Нарисуйте черный прямоугольник, как показано на Рисунок 10.16. Действуйте так, как если бы текущим был инструмент Marquee. При использовании инструмента Rectangle очерченная область немедленно заливается текущим основным цветом без образования выделенной области.

Прямоугольник нарисован инструментом Rectangle

Рис 10.16. Прямоугольник нарисован инструментом Rectangle


5. Добавьте к слою Stripe эффект Gradient, выбрав соответствующую команду в списке эффектов. Как вы помните, он открывается нажатием кнопки с изображением буквы "f" в нижней части палитры Layers. Полоса приобрела градиентную заливку от черного (слева) к белому (справа).
6. Теперь нам потребуется изменить параметры градиента таким образом, чтобы переход шел от черного не к белому, а к прозрачности. Если бы подобная задача стояла перед нами при работе в Photoshop, то самым очевидным решением было бы создание градиента от черного к прозрачности (см. гл. 3). Обратимся к палитре Layer Options/Effects. Она не имеет никаких средств редактирования прозрачности! Тем не менее выход есть. Сделайте двойной щелчок курсором мыши на пиктограмме слоя Stripe. Перед вами диалоговое окно Layer Options (Рисунок 10.17), содержащее параметры слоя. Настройки в области Options совершенно аналогичны тем, что вы видели в Photoshop. Выберите в списке Mode режим наложения Multiply, а ползунок Opacity установите на отметке 60%. Нажмите кнопку ОК. Эффект достигнут (Рисунок 10.18).

Диалоговое окно Layer Options в ImageReady

Рис 10.17. Диалоговое окно Layer Options в ImageReady

Для придания градиенту

Рис 10.18. Для придания градиенту прозрачности
использован режим наложения Multiply


Как видите, эффект Gradient в Image Ready далеко не обладает такой гибкостью, как одноименный инструмент в Photoshop. Основное ограничение эффекта состоит в том, что его можно применять только ко всем объектам, находящимся на слое. Например, вы не можете заполнить градиентом выделенную область. Кроме того, эффект имеет и два других существенных ограничения: отсутствие регулировки прозрачности, наличие только двух типов градиента (линейный и радиальный). Несмотря на это, возможности эффекта Gradient практически исчерпывают нужды Web-дизайнера и при этом делают градиенты свободно редактируемыми. Если же вам требуется нечто большее, просто перейдите в Photoshop, нажав кнопку Jump To Default Graphic Editor на палитре инструментов.

Палитра Layer Options/Effects для эффекта Pattern

Рис 10.19. Палитра Layer Options/Effects для эффекта Pattern


Примечание
Примечание
Флажок Linked to layer, расположенный под образцом текстуры, "привязывает" текстуру к объекту Если он установлен, то при перемещении объекта на слое, текстура перемещается вместе с ним При сброшенном флажке объект перемещается, а текстура остается на месте. 4. Чтобы заменить текстуру, обратитесь к списку, открывающемуся расположенной на палитре кнопкой с треугольной стрелкой Он содержит имена текстур, поставляемыми в комплекте Photoshop. Выберите, например, текстуру Stone. Текстура заменена.
Примечание
Примечание
ImageReady не ограничивает вас поставляемым набором текстур Вы можете воспользоваться произвольной текстурой, загрузив ее в палитру LayerOptions/Effects Если выбрать из списка текстур вариант Other или сделать двойной щелчок на образце текстуры, откроется стандартное диалоговое окно от крытия файла, в котором вы можете указать имя файла с произвольной тексту рой. Если вы планируете использовать текстуру многократно, то можете внести ее в список текстур, доступный из палитры Для этого надо всего лишь переписать файл текстуры в папку Adobe Photoshop 5.5 Settings\Patterns\, вложенную в папку Photoshop В качестве текстуры сгодится любое цветное или полутоновое изображение в любом формате, который способен открыть Photoshop

Главное окно ImageReady

Рис 10.2. Главное окно ImageReady

Палитра Layer Options/Effectsдля эффекта ColorFill

Рис 10.20. Палитра Layer Options/Effects
для эффекта ColorFill


3. Поэкспериментируйте с различными вариантами режимов наложения и непрозрачности заливки. Попробуйте разные цвета заливок. Оставьте тот, который вам наиболее понравится.
4. С текстурой и заливками изображение выглядит гораздо привлекательнее, не правда ли? Добавим такие эффекты ко всем слоям отдельных стран. Чтобы избежать утомительного повторения одинаковых операций, воспользуемся копированием эффектов между слоями. Выберите команду Copy Effects из списка Effects, вложенного в меню Layer. Она также доступна в контекстном меню, открывающемся щелчком правой кнопки мыши при указании курсора на пиктограмму слоя в палитре Layers.
5. Активизируйте слой следующей страны в палитре Layers.
6. Выберите команду Paste Effects из списка Effects, вложенного в меню Layer. Можете выбрать ее и в контекстном меню, открывающемся щелчком правой кнопки мыши при указании курсора на пиктограмму слоя в палитре Layers. Эффекты перенесены на следующий слой.
7. Измените параметры эффекта Color Fill, чтобы территория этой страны на карте отличалась от прочих.
8. Повторяйте шаги 5—8 до тех пор, пока все страны не приобретут цветную текстурную заливку (Рисунок 10.21).
Рисунок 10.21. Территории всех стран выделены цветом текстурной заливки

Палитра Type

Рис 10.22. Палитра Type


5. Наберите текст "EUROPE '99" и нажмите клавишу . Вводимый текст будет немедленно отображаться на экране, а после нажатия текстовый курсор перейдет на следующую строку.
6. На следующей строке введите текст "TOUR AGENCY "EUROPE PLUS"".
7. Выделите вторую строку текста так, как вы привыкли это делать в текстовом редакторе, с помощью мыши или клавиш управления курсором при нажатой клавише .
8. В палитре Type установите меньшее значение кегля, 10 пунктов, и прямое начертание шрифта (Рисунок 10.23).
9. В палитре Swatches щелкните мышью на светло-желтом образце. Текст немедленно будет заполнен выбранным цветом.
10. Выберите на палитре инструментов инструмент Move и, с его помощью, поместите текст в окончательное положение.
11. Добавьте к текстовому слою эффект Drop Shadow, подобрав его параметры "по вкусу".
12. Сохраните изображение в файле Europe.psd в рабочей папке на жестком диске вашего компьютера.

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

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


Сравните полученное изображение с исходным. Очевидно, работа проделана не зря. Полученный вариант выглядит гораздо привлекательнее. Не забывайте, что он создан исключительно средствами ImageReady. To, что это замечание существенно, показывает простой эксперимент. Перенесите полученное изображение в Photoshop, нажав кнопку Jump to default graphics editor на палитре инструментов. В Photoshop все выглядит несколько не так, не правда ли? Исчезли сплошные и градиентные заливки, текстуры. Очевидно, это произошло потому, что Photoshop не поддерживает этих специфических эффектов ImageReady. Учитывайте это, выбирая программу, в которой будете осуществлять окончательное редактирование изображения.

Диалоговое окно HTML Background

Рис 10.25. Диалоговое окно HTML Background


2. В списке Color выберите любой цвет.
3. Закройте диалоговое окно, нажав кнопку ОК.
4. Выберите установленный на вашем компьютере браузер в списке Previewin, находящемся в меню File. Вы видите редактируемое изображение на фоне выбранного цвета.
5. Перейдите к окну ImageReady и снова выберите команду HTML Background из меню File.
6. В списке Color выберите вариант None.
7. Нажмите кнопку Choose и выберите любую текстуру, например marble.jpg, которую вы редактировали при изучении предыдущей главы. В поле Image появилось имя выбранного файла с полным путем к нему. Вы задали фоновую текстуру для страницы.
8. Выберите установленный на вашем компьютере браузер в списке Preview in, находящемся в меню File. Вы видите редактируемое изображение на фоне выбранной текстуры мрамора.
9. Перейдите к окну ImageReady и откройте текстуру marble.jpg, как документ, командой Open.
10. Еще раз выберите команду HTML Background из меню File.
11. Сотрите содержимое поля Image и установите переключатель в верхней части окна в положение Background. Этим вы сообщили ImageReady, что текущий документ является фоновой текстурой для Web-страницы-
12. Выберите установленный на вашем компьютере браузер в списке Preview in, находящемся в меню File. Вы видите только фоновую текстуру мрамора.
13. Перейдите к окну ImageReady и закройте документ с текстурой marble.jpg Если вы создаете в ImageReady фоновую текстуру, объявите ее в диалоговом окне HTML Background, как это было сделано выше. Вы получите отличную возможность просмотра результата ее редактирования в браузере с помощью команды Previewin.
Для создания фоновых текстур ImageReady имеет два весьма полезных фильтра, находящихся в разделе Others меню Filters: это DitherBox и Tile Maker. Первый решает проблему получения цветов, не входящих в палитру Web, за счет т. н. гибридных цветов. Гибридные цвета создаются за счет расположенных рядом пикселов других, входящих в палитру Web, цветов. Благодаря тому, что пикселы соседние, глаз воспринимает их как один пиксел "среднего" цвета. Как правило, гибридные цвета создают за счет двух или четырех соседних пикселов. Фильтр DitherBox работает и с гораздо большим количеством соседних пикселов. Это бывает удобно для создания узорных текстур. Главное окно фильтра приведено на Рисунок 10.26.
Левую часть окна фильтра занимают список готовых гибридных цветов и узоров, а правую — палитра Web (или загруженная из внешнего файла), область редактирования узора и кнопки создания гибридных цветов. Именно с создания гибридных цветов и начнем.
1. Создайте небольшое новое изображение командой New из меню File. Установите в нем размер, скажем 100х100 пикселов и белый фон.
2. Выберите фильтр DitherBox в разделе Others меню Filters.
3. Щелкните на квадратном образце RGB, и откроется диалоговое окно Color Picker.

Окно фильтра DitherBox

Рис 10.26. Окно фильтра DitherBox


4. В диалоговом окне Color Picker сбросьте флажок OnlyWeb Colors.
5. В полях R, G и В задайте синий цвет (51, 133, 255).
6. Закройте Color Picker нажатием кнопки ОК. Образец в окне DitherBox окрасился в выбранный цвет.
7. Этот цвет не входит в палитру Web, но фильтр DitherBox подберет для него гибридный аналог. Щелкните на оранжевой стрелке слева от образца. Образец Pattern заполнится гибридным цветом, а в области редактирования появится его состав — два цвета из палитры Web. В списке гибридных цветов в левой части окна появится образец Pattern1, содержащий получившийся гибридный цвет.
8. Нажмите кнопку Fill под списком гибридных цветов. Окно DitherBox закроется, а текущий документ будет заполнен гибридным цветом. Возможно вы не поверите, что заливка в документе действительно гибридная. Цвет выглядит совершенно ровным и сплошным. Просмотрите документ под увеличением 300% или большим — вы увидите составляющие заливку пикселы двух цветов.
Вы можете сами создавать гибридные цвета, используя палитру Web в окне DitherBox.
1. Снова выберите фильтр DitherBox в разделе Others меню Filters.
2. Выберите в маленькой палитре инструментов под областью редактирования инструмент Pencil (карандаш).
3. В палитре цветов щелкните курсором мыши на любом образце. Когда курсор инструмента Pencil попадает в область палитры, он меняет свой вид на Eyedropper (пипетка).
4. В области редактирования по очереди щелкните на двух маленьких квадратиках, расположенных по диагонали. Они приобретут выбранный в палитре цвет.
5. Повторите шаги 3—4, выбрав в палитре другой цвет. Полученный узор представляет собой гибридный цвет.
6. Нажмите кнопку Fill под списком гибридных цветов. Окно DitherBox закроется, а текущий документ будет заполнен гибридным цветом.
Для представления любого RGB-цвета достаточно всего двух цветов из палитры Web. Поэтому автоматическая генерация гибридных цветов всегда создает одинаковый двухцветный узор. Используя область редактирования, вы можете создавать произвольные узоры с гораздо большим количеством цветов.
Допустим, вы решили получить фоновый узор в тонкую диагональную темно-синюю полоску на светло-синем фоне.
1. Выберите фильтр DitherBox в разделе Others меню Filters.
2. Нажмите кнопку New под списком узоров в левой нижней части окна. В списке появится строка нового узора.
3. Переведите переключатель размера узора справа от области редактирования в положение 7х7. В области редактирования появится матрица из 49 клеток.
4. Выберите в палитре цветов светло-синий цвет и заполните им всю матрицу в области редактирования.
5. Выберите темно-синий цвет в палитре цветов и заполните им диагональ от левого верхнего угла к правому нижнему.
6. Чтобы полоса смотрелась более "гладкой", обведите ее синим цветом, промежуточной насыщенности. Не забудьте закрасить этим цветом по одному квадрату в правом верхнем и левом нижнем углах (Рисунок 10.27). В противном случае линия будет иметь разрыв.

Создание узора спомощью DitherBox

Рис 10.27. Создание узора с
помощью DitherBox


7. Нажмите кнопку Fill под списком гибридных цветов. Окно DitherBox закроется, а текущий документ будет заполнен созданным узором. Установив текущий документ в качестве фоновой текстуры в диалоговом окне HTMLBackground, вы можете оценить вид узора в браузере. Совет
Совет
Если вы намерены использовать узор в качестве фона для Web-страницы, то сохраняйте в файле только необходимое количество информации, Создайте документ ImageReady точно размером с узор (например, 7х7 пикселов) и заполните его с помощью DitherBox. Оптимизируйте полученное изображение в индексированной палитре Web и сохраните командой Save Optimized. Размер такой фоновой текстуры будет минимальный, в пределах 70 байт.
Узоры и цвета, относящиеся к одной Web-странице удобно сохранить в виде коллекции. Управление коллекциями цветов и узоров осуществляется с помощью раскрывающегося списка в левой верхней части окна. С помощью коллекций вы сохраняете цветовое решение сайта для повторного использования или развития.
В качестве фоновой текстуры для Web-страниц часто используются фотографические изображения. Для уменьшения размера они преобразуются в мозаичные. Пример создания такой текстуры, текстуры мрамора, был обсужден в предыдущей главе. ImageReady позволяет автоматизировать эту работу с помощью фильтра TileMaker.
1. Откройте исходный файл marble.jpg с прилагаемой дискеты.
2. Выберите команду Tile Maker из раздела Others меню Filters. Откроется диалоговое окно фильтра, изображенное на Рисунок 10.28.

Окно фильтра Tile Maker

Рис 10.28. Окно фильтра Tile Maker


3. Фильтр работает в двух режимах: Blend Edges и KaleidoscopeTile. Установите с помощью переключателя первый режим.
4. В поле Width вводится ширина краев изображения, используемая фильтром для преобразования в мозаичную текстуру. По завершении преобразования эти края будут удалены. Вы можете компенсировать такую обрезку, установив флажок Resize Tile to Fill Image — тогда обрезанное изображение будет отмасштабировано до размеров исходного. Разумеется, качество текстуры от этого не возрастает, поэтому используйте эту возможность только в случае крайней необходимости. Оставьте в поле Width значение 10%, принятое по умолчанию, а флажок Resize Tile to FillImage сбросьте.
5. Нажмите кнопку ОК. Окно фильтра закроется, а текстура в окне документа преобразуется в мозаичную. Она будет на 10% меньше исходной, а освободившаяся площадь окажется прозрачной.
6. Для обрезки прозрачности в документе с текстурой используем особую команду ImageReady Trim. Выберите ее из меню Edit. Команда откроет диалоговое окно, изображенное на Рисунок 10.29. В области Based On находится переключатель, определяющий, какие области следует обрезать прозрачные (TransparentPixels) или совпадающие по цвету с левым верхним (Top LeftPixel Color) или правым нижним (Bottom RightPixel Color) углом изображения. Установите переключатель в первое положение. В области Trim Away задаются стороны изображения, которые необходимо обрезать. Установите флажки для всех сторон изображения.

Диалоговое окно Trim

Рис 10.29. Диалоговое окно Trim


7. Нажмите кнопку ОК Изображение обрезано, прозрачные поля удалены.
8. Объявите изображение фоновой текстурой в диалоговом окне HTMLBackground и воспользуйтесь командой Preview in, чтобы оценить результат в окне браузера. Как видите, полученная текстура тоже не обнаруживает своей повторяемости четкими границами между отдельными элементами. Фильтр Tile Maker в большинстве случаев дает превосходный результат. Второй режим. Kaleidoscope Tile, фильтра Tile Maker действительно работает по принципу калейдоскопа. Он берет из текущего документа изображение или выделенную область и многократно отражает ее вдоль вертикальной и горизонтальной осей. В результате из любого изображения можно получить неплохую абстрактную текстуру.
1. Откройте документ pizza jpg.
2. Выделите любой небольшой квадратный фрагмент этого изображения инструментом Marquee.
3. Выберите из раздела Others меню Filters фильтр TileMaker.
4. В диалоговом окне фильтра выберите режим Kaleidoscope Tile и нажмите кнопку ОК. В выделенной области получилась "калейдоскопическая" текстура
5. Переместите выделение в другое место изображения и повторите действие фичьтра, нажав клавиши + или выбрав команду ApplyTile Maker из меню Filters. Перед вами другая текстура (рис 10.30).
Когда вы обнаружите фрагмент изображения, дающий подходящую текстуру, скопируйте выделенную область в новый документ, оптимизируйте его, сохраните и используйте на Web-странице.

Рисунок 10.30. Режим Kaleidoscope Tile фильтра TileMaker
Создание текстур на основе фрагментов изображений

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

Рис 10.3. Палитра инструментов ImageReady. Обозначены только инструменты, отсутствующие в Photoshop

Рамка фрагмента

Рис 10.31. Рамка фрагмента


3. Выберите инструмент Slice на палитре инструментов. Работа с ним похожа на работу с инструментом Crop сначала вы строите рамку, а затем уточняете ее размеры и положение с помощью манипуляторов
4. Поместите курсор инструмента Slice в левый верхний угол изображения Нажмите левую кнопку мыши и перемещайте курсор вправо и вниз до тех пор, пока внутри рамки не окажется вся территория Великобритании. Затем отпустите кнопку мыши (рис 10.32, а).
а б
Рисунок 10.32. Разрезание изображения

Изменнение размеров автоматических фрагментов

Рис 10.33. Изменнение размеров автоматических фрагментов


="Pic 14-34.jpg">
Рис- 10.34. Появление дополнительного автоматического фрагмента

Диалоговое окно Divide Slice

Рис 10.35. Диалоговое окно Divide Slice


3. Разобьем фрагмент по горизонтали на три. Установите флажок DivideHorizontally Into и сбросьте флажок Divide VerticallyInto. В поле slices down, evenly spaced введите значение 3. Установите флажок Preview, чтобы оценить правильность установок. Результат разбивки фрагмента будет показан в окне документа (Рисунок 10.36). Нажмите кнопку ОК.
4. Выберите инструмент Slice Select на палитре инструментов и выделите правый верхний фрагмент с помощью мыши.
5. Щелчком курсором мыши выделите правый верхний фрагмент №3.
6. Перетащите левый боковой манипулятор к границе соседнего пользовательского фрагмента №1, чтобы между ними не оставалось места. Обратите внимание, что рамки фрагментов при касании "прилипают" друг к другу как к направляющим линиям. Это обеспечивает точность размещения фрагментов встык. Примечание
Примечание
Пользовательские фрагменты могут располагаться не только встык, но и накладываться друг на друга Какой из фрагментов окажется выше задается командами, находящимися в списке Arrange меню Slices Команды Bring to Front и Send to Back помещают фрагмент поверх остальных или ниже всех со ответственно Команды Bring Forward и Send Backward имеют смысл только если перекрываются более двух фрагментов В этом случае они располагают выделенный фрагмент выше или ниже текущего положения Эти команды дос тупны также из меню палитры Slice (см ниже)
7. Выберите на палитре инструментов инструмент Slice и создайте им новый фрагмент, охватывающий на карте территорию Франции Верхней стороной он должен касаться фрагмента № 1, а правой — фрагментов №4 и №7.
8. Выберите инструмент Slice Select на палитре инструментов и скорректируйте положение границы между фрагментами №4 и №7. Первый из них не должен заходить на территорию Италии (рис 10.37)

Результат автоматической разбивки фрагмента

Рис 10.36. Результат автоматической разбивки фрагмента

Изображение разрезано на восемь фрагментов

Рис 10.37. Изображение разрезано на восемь фрагментов


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

Палитра Slice для фрагментов

Рис 10.38. Палитра Slice для фрагментов типа Image (а) и No Image (б)


Содержимое палитры Slice относится только к текущему выделенному фрагменту и изменяется при выделении другого. Верхний левый угол палитры занимает окно просмотра, в котором демонстрируется выделенный фрагмент. В области Precision приводятся точные координаты левого верхнего угла фрагмента (X и Y), его ширина (W) и высота (Н). Ввод в эти поля численных значений в пикселах позволяет идеально точно определить размер и положение фрагмента. Совет
Совет
Если вы не видите в палитре Slices области Precision, то выберите команду Show Options из меню палитры
В правой части палитры Slice располагаются несколько списков и полей ввода. Список Type задает тип фрагмента. В большинстве случаев это тип Image, но возможен и альтернативный вариант No Image. Он предполагает отсутствие изображения на месте выбранного фрагмента. Такое "пустое" место (в HTML-коде это пустая ячейка таблицы) может быть заполнено произвольным текстом на фоне со сплошной заливкой. Цвет заливки определяется списком BG в правом верхнем углу палитры. Если выбрать тип фрагмента NoImage, то в палитре появится поле ввода текста Text и область Cell Alignment, в которой с помощью списков Horiz и Vert устанавливаются режимы выравнивания текста по горизонтали и вертикали. Обратите внимание, что для введенного текста не задается форматирование (шрифт, кегль, и т. п.): текст отображается тем стилем, который установлен в браузере.
Примечание
Примечание
Для типа Image цвет, выбранный в списке BG, используется для заполнения прозрачных областей фрагмента
В поле Name вводится имя выделенного фрагмента. Поскольку придумывание индивидуальных имен фрагментам в большинстве случаев не имеет смысла, ImageReady сама генерирует имена для фрагментов. То, как она это делает, определяется установками программы. Они сосредоточены в разделе Slices диалогового окна Preferences (Рисунок 10.39). Как вы помните, он вызывается командой Slices из списка Preferences, находящегося в меню File.

Раздел Slices диалогового окна Preferences

Рис 10.39.Раздел Slices диалогового окна Preferences


Алгоритм генерации имен фрагментов задается списками, находящимися в области Default Slice Naming. По умолчанию из них задействованы только три. В первом списке выбран вариант doc.name. Это означает что первым в имя фрагмента включается название документа. В следующем списке выбран разделитель underscore (символ подчеркивания). Он отделяет имя документа от номера фрагмента slice no., который выбран в третьем списке. Таким образом, имя фрагмента строится из имени документа и номера фрагмента, разделенных символом подчеркивания. Такое именование представляется вполне разумным, поскольку по имени фрагмента вы всегда сможете определить, к какому изображению он относится. Включение в имя номера фрагмента необходимо для обеспечения уникальности их имен. Разделение имени документа и номера фрагмента придает имени большую наглядность, особенно если имя документа само содержит номер, например, banner0l или divider64. По желанию, вы можете включить в имя фрагмента и другую дополнительную информацию. Выбирайте ее из трех оставшихся списков. Это может быть, например, дата создания документа в любом формате. Не советуем особенно перегружать имена фрагментов дополнительной информацией. Имена фрагментов используются для построения имен их файлов. Излишне длинные имена не столько проясняют дело, сколько запутывают, да и не все операционные системы поддерживают имена файлов длиной 255 символов.
Поскольку содержимое всех шести списков абсолютно идентично, вы можете переставлять "информационные поля" в именах файлов. Если, например, выбрать вариант slice no. в первом списке, a doc.name в третьем, то в имени фрагмента на первом месте окажется его номер. Это, с одной стороны, улучшит совместимость имен со стандартом DOS (8.3), но, с другой стороны, затруднит просмотр множества файлов в папке из-за неудобной сортировки.
Кстати, остальные настройки в разделе Slices позволяют задать наиболее удобный для вас режим отображения фрагментов. В области Numbersand Symbols можно выбрать размер меток с номерами фрагментов и степень их прозрачности (Opacity). В области Color Adjustment устанавливается процент осветления фрагментов, которые не выделены в текущий момент. По умолчанию пользовательские фрагменты осветляются на 20%. а автоматические на 40%. Если же вся эта информация осветление фрагментов и метки на них) вообще вам не нужна, то отключите ее показ с помощью флажка ShowLines Only. Когда этот флажок установлен, показываются только линии, обозначающие границы фрагментов: Их цвет задается списком LineColor.
Рассмотрев генерацию имен фрагментов изображений, вернемся к определению гипертекстовых ссылок. Для каждого фрагмента может быть определена единственная гипертекстовая ссылка, которая вводится в поле URL палитры Slice. Список Target, расположенный ниже, позволяет определить фрейм, в котором появится ресурс, задаваемый ссылкой, или открыть его в новом окне браузера.
1. Выберите инструмент Slice Select на палитре инструментов.
2. Выделите фрагмент №1, в который попадает территория Великобритании. В палитре Slice вы увидите имя фрагмента europe_sliced_01, скомпонованное из имени документа и номера фрагмента.
3. В поле URL введите england.htn-il. Это будет имя документа, который откроется в браузере по щелчку на этом фрагменте.
4. В необязательное поле Message вводится текстовое сообщение, которое будет отображаться в строке состояния браузера, когда курсор мыши окажется на выбранном фрагменте. Введите в поле какой-нибудь текст, например, "Have a trip to England?".
5. Поле Alt предназначено для тех, кто пользуется текстовыми браузерами и вообще не может увидеть изображения карты- В таких браузерах вместо фрагмента изображения будет отображаться текст, введенный в поле Alt. Впрочем, и для графических браузеров ввод альтернативного текста не является избыточным. Текст, позволит пользователю, если он того пожелает, не дожидаться загрузки изображения и подскажет названия стран, если он не в ладах с географией (Рисунок 10.40).
6. Проделайте шаги 2—5 для всех фрагментов изображения, на которых находятся выделенные страны. Для фрагментов №5 и №8 ссылки не нужны, т. к. это автоматические фрагменты, не относящиеся к территории какой-либо из стран, куда организуются туры.

Рисунок 10.40. Альтернативный текст и подсказка в графическом браузере

Режимы отображения фрагментов

Рис 10.4. Режимы отображения фрагментов Hide Slices (a),
Show Slices (б)


Примечание
Примечание
Если выбрать инструмент Slice или Select Slice режим показа фрагментов включается автоматически. Редактор ImageReady имеет и несколько особых палитр:
§ Optimize. Палитра содержит параметры оптимизации изображений для экспорта в выбранный формат. Если вы внимательно прочитали предыдущую главу, то сразу заметите ее сходство с панелью Settings модуля Save For Web в Photoshop Она содержит все те же самые настройки (Рисунок 10.5).

Границы фрагментов с разной палитрой четко видимы

Рис 10.41. Границы фрагментов с разной палитрой четко видимы


5. В палитре Optimize повысьте количество цветов до 32. Ситуация не изменилась. Сделайте несколько щелчков курсором мыши на различных фрагментах и просматривайте их цвета в палитре Color Table. У всех фрагментов разная палитра. Очевидно, что избежать видимых стыков можно только если палитра для всех фрагментов будет общей. Назначение общих параметров оптимизации для определенных фрагментов изображения — типичная задача. В ImageReady для ее решения имеется специальная команда связывания фрагментов, Link Slices. Связанные фрагменты имеют в левом верхнем углу пиктограмму в виде сцепленных звеньев. Связь фрагментов отображается такой же пиктограммой и в палитре Slices. Все автоматические фрагменты являются связанными. Чтобы разбить связь между ними, следует преобразовать их в пользовательские командой Promoteto User-slice или применить команду Unlink Slices. Результат будет одинаков: связь разорвется, а автоматические фрагменты станут пользовательскими. Команда Unlink Slices действует и на связанные пользовательские фрагменты.
1. Выделите фрагменты №1 и №6 с территорией Великобритании и Франции. Чтобы выделить два фрагмента, щелкните их курсором мыши поочередно при нажатой клавише .
2. Выберите команду Link Slices из меню Slices. Фрагменты связаны. Об этом говорит пиктограмма связи в углу обоих фрагментов. Маркеры фрагментов также изменили цвет. Каждая группа связанных фрагментов обозначается маркерами особого цвета. Это позволяет легко различать группы связанных фрагментов.
3. Выберите команду All Slices из меню Select. Выделены все фрагменты.
4. Выберите команду Link Slices из меню Slices или контекстного меню, открывающегося щелчком курсором мыши на любом из фрагментов. Все фрагменты связаны. Обратите внимание, что автоматические фрагменты стали пользовательскими. Теперь они имеют общие настройки оптимизации и общую палитру. Изменение настроек одного из фрагментов немедленно применяется и к другим.
5. Выделите любой фрагмент инструментом Slice Select.
6. Выберите именованную настройку GIF 32 Dithered и увеличьте степень сглаживания Dither до максимума.
7. Выделяйте отдельные фрагменты и просматривайте параметр сглаживания и палитру. Для всех фрагментов параметр Dither окажется максимальным, и палитра будет у всех одинаковая. Изменение настроек одного фрагмента было автоматически применено ко всем связанным с ним фрагментам.
8. Спрячьте границы фрагментов нажатием кнопки Show Slices на палитре инструментов или клавиши на клавиатуре. Посмотрите на результат оптимизации. Границ фрагментов не видно.

Диалоговое окно Save Optimized

Рис 10.42.Диалоговое окно Save Optimized


2. В поле File name уже введено имя файла, соответствующее названию документа ImageReady. Это имя будет использовано при формировании имен файлов отдельных фрагментов и имени HTML-документа. Оставьте его таким, какое предлагается по умолчанию.
3. Флажок Save HTML File включает сохранение кода, необходимого для сборки фрагментов и функционирования ссылок, в HTML-документ. Установите этот флажок.
4. Нажмите кнопку HTML Options....Она открывает диалоговое окно установок генерации HTML, доступное также в одноименном разделе диалогового окна Preferences Рисунок 14.43.

Диалоговое окно Saving Files Options

Рис 10.44. Диалоговое окно Saving Files Options.

Диалоговое окно Saving Files Options устроено аналогично разделу Slices установок программы. Область File Naming занимают девять списков, задающих "поля", из которых складываются имена файлов. Их, как правило, формируют на основе имен фрагментов. Поэтому первым компонентом имени файла по умолчанию установлено имя сохраняемого фрагмента. Последним компонентом имени файла (последний список) является расширение, для которого вы можете выбрать регистр символов. Как правило, и для имен файлов и для расширений используют символы в нижнем регистре. Остальные поля имен файлов в нашем примере хоть и проставлены, но задействованы не будут. К их обсуждению вернемся позже. Чтобы облегчить себе ориентацию среди множества файлов, составляющих сайт, Web-дизайнеры размещают изображения отдельно от файлов документов (HTML), в особом каталоге. Флажок Put images in subfolder заставляет ImageReady следовать этому хорошему правилу. Расположенная правее строка должна содержать имя папки для изображений. По умолчанию предлагается обычное для этого имя images. Советуем оставить это имя и, разумеется, установить флажок Put images in subfolder.
Флажок Copy background image when saving говорит ImageReady о том, что вместе со всеми графическими файлами следует скопировать в выбранный каталог и текущую фоновую текстуру, установленную в диалоговом окне HTML Background.
Примечание
Примечание
Команда Image Info из меню File открывает простое диалоговое окно (Рисунок 14.45), в котором вы можете ввести произвольную информацию об изображении Как правило, это информация о вас, как об обладателе авторских прав на созданное изображение. Данная информация сохраняется в файле документа ImageReady (PSD) и может быть автоматически внесена в оптимизированные для Web графические файлы. Чтобы это произошло, следует установить флажок Embed Copyright в диалоговом окне Saving Files Options.

Диалоговое окно Image Info

Рис 10.45. Диалоговое окно Image Info


4. Нажмите кнопку ОК, закрывая этим диалоговое окно Saving Files Options. Перед вами снова окажется окно Save Optimized.
5. Если вы желаете сохранить только некоторые фрагменты изображения, то установите флажок Save Selected Slices Only. Чтобы он сработал, необходимо предварительно выделить с помощью инструмента Slice Select те фрагменты, которые вы хотите сохранить. В нашем примере требуется сохранение всех фрагментов, поэтому флажок следует сбросить. Обратите внимание, что если в диалоговом окне Save Optimized сброшены все флажки, то программе будет нечего сохранять. Об этом она выдаст специальное предупреждение (Рисунок 14.46).
6. Нажмите кнопку Save. ImageReady сохранит HTML-документ в выбранную папку под именем, которое было введено в поле File name диалогового окна Save Optimized (europe_s]iced). Все фрагменты и текущая фоновая текстура будут сохранены в подкаталоге images.
7. Откройте файл europe_sliced.html в браузере и полюбуйтесь на результат работы. Если вы захотите протестировать ссылки, то создайте серию пробных HTML-документов с названиями, которые вводили при создании фрагментов. Они могут иметь простейший вид, представленный на Рисунок 14.47. Таких документов должно быть создано по числу стран. Разумеется, вместо France в заголовке и теле файла должно фигурировать название соответствующей страны.

Предупреждение о том

Рис 10.46. Предупреждение о том, что для сохранения не выбрано ни одного файла





France

Простейший документ для тестирования ссылок

Рис 10.47. Простейший документ для тестирования ссылок
Далеко не всегда разрезанное изображение является единственным объектом на странице. Поэтому во многих случаях Web-дизайнеру требуется не код целой страницы (который получается в результате экспорта), а только его фрагмент, описывающий собственно сборку изображения. ImageReady предоставляет такую возможность командой Copy HTML Code из меню Edit. Эта команда открывает список, в котором следует выбрать, какую часть кода вы хотите получить: все фрагменты (All Slices) или только выделенные (SelectedSlices). HTML-код сборки изображения копируется в системный буфер обмена и может быть вставлен в текст Web-страницы, загруженной в любой редактор.

Ссылка на ресурс в палитреLayer

Рис 10.48. Ссылка на ресурс в палитре
Layer Options/Effects и в палитре Layer


Карта ссылок определена. Функция Preview in позволяет протестировать карту ссылок еще до экспорта HTML-кода и самого изображения. 1. Выберите установленный на вашем компьютере браузер из списка Preview in, находящегося в меню File. Image Ready запустит выбранный браузер и загрузит в него изображение с картой ссылок. Ниже изображения вы увидите весь HTML-код, который понадобился для этого.
2. Подведите курсор мыши к любой из из выделенных цветом стран. Он примет вид, характерный для гипертекстовой ссылки. Рядом с курсором возникнет подсказка, которую Image Ready автоматически сгенерировал из имен слоев. В результате, пользователь увидит название страны, на которую указывает курсором. В строке состояния браузера вы обнаружите URL-сылки на ассоциированный документ.
3. Нажмите левую кнопку мыши и не отпускайте ее. Если вы пользуетесь Microsoft Internet Explorer 4.0 и выше, то увидите границы текущей области карты ссылок.
Отпустите кнопку мыши. Браузер попытается открыть документ, соответствующий ссылке, но не сможет этого сделать и выдаст ошибку №404. Если вы хотите серьезно протестировать карту ссылок, то создайте серию пробных HTML-документов с названиями, которые вводили при создании карты ссылок.
После того как карта ссылок оттестирована и найдены параметры оптимизации изображения, самое время заняться экспортом в выбранный формат и получить HTML-код. Обе эти задачи осуществляются одной командой Save Optimized.
1. Убедитесь, что для текущего изображения установлены параметры оптимизации в палитре Optimized.
2. Выберите команду Save Optimized As из меню File.
3. В открывшемся диалоговом окне введите имя файла (вы можете использовать то же имя, что и в предыдущем разделе).
4. Проверьте установку флажка Save HTML File. Если флажок установлен, то ImageReady генерирует HTML-файл, который содержит код, необходимый для функционирования карты ссылок.
5. Нажмите кнопку HTML Options.... Она открывает одноименное диалоговое окно, доступное также по команде HTML из списка установок Preferences, находящегося в меню File (см. Рисунок 10.43). Из многочисленных установок параметров генерируемого HTML-кода нас теперь будет интересовать только список Image Maps. Он задает тип используемой карты ссылок. Дело в том, что карты ссылок могут обрабатываться либо сервером (server side), либо браузером посетителя (client side). Первый способ требует написания специального CGI-сценария, который автор страницы должен разместить на сервере. Второй способ лишен этого недостатка, поскольку вся информация, необходимая для обработки карты ссылок, предоставляется браузеру клиента и не требует участия со стороны сервера, В свою очередь, для карт ссылок, обрабатываемых сервером, существуют два стандартных формата CERN и NSCA. Список. Image Maps позволяет выбрать вариант кодирования карты ссылок. В подавляющем большинстве случаев следует использовать клиентскую обработку (Client-Side). Она имеет только один недостаток: не поддерживается старыми браузерами, ориентированными только на HTML 2.0. , К счастью, число пользователей таких браузеров достаточно мало, чтобы им было можно пренебречь. Закройте окно HTML Options нажатием кнопки ОК.
6. Нажмите кнопку Save, и оба файла (графический и HTML) будут сохранены в выбранной папке. Они имеют одинаковые имена, но разные расширения.
7. Откройте файл europe_map.html в браузере и оттестируйте готовую карту ссылок.
Если вам не нужен готовый HTML-документ, а только код самой карты ссылок, воспользуйтесь командой Copy HTML Code из меню Edit. Код карты ссылок копируется в системный буфер обмена и может быть вставлен в текст Web-страницы, загруженной в любой редактор.

Диалоговое окно Create Guides

Рис 10.49. Диалоговое окно Create Guides


8. Диалоговое окно Create Guides имеет две идентичные области Horizontal Guides и Vertical Guides, отвечающие за построение горизонтальных и вертикальных направляющих, соответственно. Размещение нескольких направляющих по обоим направлениям можно производить одним из двух способов, равномерным распределением (<> guides, evenly spaced), с заданным интервалом (<> pixels between guides) Также можно разместить и одиночную направляющую, указав ее координату по вертикали (<> pixels from top (single guide)) или по горизонтали (<> pixels from left (single guide)). Выбор определяется положением переключателя в соответствующей области. В поле рядом с активной позицией переключателя вводят численные значения в пикселах. Примечание
Примечание
Если в диалоговом окне Create Guides установить флажок ClearExisting Guides, то перед размещением все уже существующие в документе направляющие будут удалены
Нам потребуется равномерно разместить по горизонтали три направляющие линии. Для этого установите флажок Horizontal Guides и сбросьте флажок Vertical Guides. Затем установите переключатель в верхнее положение. <> guides evenly spaced и в соседнее поле введите 3. Чтобы заранее просмотреть результат размещения направляющих в окне документа, установите флажок Preview. Если все сделано верно, нажмите кнопку ОК.
9. С помощью инструмента Move разместите встык фотографии с видами стран на слоях изображения с картой, как показано на рис 10.50.

Палитра Optimize

Рис 10.5. Палитра Optimize


Вид оптимизированного изображения отображается прямо в окне каждого документа Image Ready и обязательно имеет четыре вкладки, аналогичных вкладкам модуля Save For Web (Рисунок 10.6). В строке состояния окна документа указываются текущие параметры оптимизации или иная информация, которая выбирается в списке, открывающемся щелчком на треугольной стрелке. В этом же списке задается предполагаемая скорость модема, использующаяся для оценки времени загрузки изображения в браузере пользователя.

Размещение фотографий с видами стран на карте

Рис 10.50. Размещение фотографий с видами стран на карте


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

Изображение разрезано на фрагменты

Рис 10.51. Изображение разрезано на фрагменты


1. Переключитесь в режим показа фрагментов кнопкой Show Slices в палитре инструментов.
2. Выберите команду Divide Slice из меню Slices
3. Разделите изображение на восемь фрагментов: четыре по вертикали и два по горизонтали. Для этого в диалоговом окне Divide Slice установите оба флажка Divide Horizontally Info и Divide Vertically Info. Затем введите значение 4 в поле. <> slices down, evenly spaced и значение 2 в поле <> slices across, evenly spaced. Нажмите кнопку ОК. Изображение разделено на фрагменты.
4. Выберите инструмент Slice Select из палитры инструментов.
5. Скорректируйте положение границ фрагментов таким образом, чтобы все фотографии с видами оказались на отдельных фрагментах. Внимательно следите за тем, чтобы фотографии не пересекали границ фрагментов. В противном случае впоследствии вы получите лишние ролловеры. У вас должно получиться 11 фрагментов, как показано на Рисунок 10.51. Шесть из них, по числу фотографий с видами, должны быть пользовательские, а пять — автоматические. Лишние пользовательские фрагменты выделяйте инструментом Slice Select и удаляйте командой Delete Slice из меню Slice или нажатием клавиши .

Палитра Rollover

Рис 10.52. Палитра Rollover


3. В списке фрагментов находятся шесть фрагментов, соответствующих будущим ролловерам. Как программа догадалась, какие из фрагментов будут ролловерами? Очень просто: в список включены все пользовательские фрагменты. Выберите в списке первый фрагмент. Примечание
Примечание
Для выбора фрагмента при определении состояния ролловера можно использовать не только список в палитре Rollover, но и инструмент SliceSelect. Возможно применение инструмента покажется вам более наглядным.
4. Демонстрация карты на выбранном фрагменте является по задумке обычным состоянием ролловера (Normal). Именно это вы и наблюдаете в палитре Rollover. На миниатюре состояния Normal видно изображение карты. Нажмите кнопку создания нового состояния или выберите команду NewState из меню палитры. Рядом с миниатюрой состояния Normal появится миниатюра нового состояния Over. Пока оно идентично состоянию Normal. Наша задача сделать так, чтобы в этом состоянии показывалась фотография страны, находящаяся на этом фрагменте.
5. Включите видимость слоя, на котором находится фотография, размещенная на выделенном фрагменте. В палитре Rollover миниатюра состояния Over теперь показывает фотографию. Состояние определено.
6. Нажмите кнопку создания нового состояния или выберите команду New State из меню палитры. Рядом с миниатюрой состояния Over появится миниатюра нового состояния Down. Пока оно идентично состоянию Over.
7. Отключите видимость слоя с фотографией щелчком на пиктограмме "Глаз" в палитре Layers. Определено третье состояние, Down. Оно будет
совпадать с состоянием Normal.
8. Выберите следующий фрагмент из списка в палитре Rollover и проделайте для него шаги 4—7. Повторите эти шаги для всех фрагментов, находящихся в списке палитры Rollover.
В результате получилось изображение с шестью ролловерами. Если в браузере поместить курсор на любой из них, то поверх карты появится фотография с видом страны. При нажатии левой кнопки мыши фотография исчезнет. В принципе, можно было бы сделать состояние Down отличным от состояния Normal. Для этого потребовалось бы еще шесть слоев с фрагментами, задающими вид изображения для этого состояния. В данном случае это существенно увеличило суммарный размер изображения с ролловерами. И все-таки, поскольку наш пример учебный, проделаем такую работу для одного ролловера.
1. Выберите инструмент Slice Select в палитре инструментов.
2. Выделите с его помощью фрагмент, соответствующий Нидерландам.
3. Создайте копию слоя Holland в палитре Layers, перетащив миниатюру слоя к кнопке нового слоя в нижней части панели.
4. Активизируйте получившийся слой Holland copy.
5- Выберите команду Hue/Saturation из списка Adjust, вложенного в меню Image. Она открывает одноименное диалоговое окно, изображенное на Рисунок 10.53. Если вы прочли главу 9, то уже знаете, как с ним работать.
Примечание
Примечание
Инструменты тоновой и цветовой коррекции в ImageReady не столь изощренные как в Photoshop. Они носят те же имена и выполняют аналогичную работу, но имеют не такой широкий диапазон возможностей. Это хорошо видно на примере инструмента Hue/Saturation. Как видите, он так же, как и в Photoshop, предназначен для настройки цветового тона, насыщенности и яркости, но не позволяет работать с отдельными цветовыми диапазонами.
6. Установите флажок Colorize, сделайте значение Hue равным 36, а насыщенность выведите на максимум. Фотография должна приобрести золотистый тон. В палитре Rollover это должно автоматически стать третьим (Down) состоянием ролловера. Теперь при нажатии кнопки мыши на этом ролловере в браузере должна появиться тонированная фотография.

Рисунок 10.53. Диалоговое окно Hue/Saturation

Ролловер в браузере

Рис 10.54. Ролловер в браузере


Совет
Совет
Если при размещении курсора мыши на территории какой-нибудь страны появляется не одна, а несколько фотографий, то перейдите в ImageReady и внесите в ролловер исправления. Активизируйте ролловер инструментом SliceSelect и отключите видимость лишних фотографий. Затем снова протестируйте ролловер в браузере. Объяснение этой ошибки элементарно- если при определении состояния Down для одного ролловера были видимы несколько фотографий, то ImageReady посчитала их вторичными ролловерами.

Файлы фрагментов для изображения с ролловэрами

Рис 10.55. Файлы фрагментов для изображения с ролловэрами


Если у вас получилось меньшее количество файлов, то, скорее всего, вы забыли определить состояния одного или нескольких ролловеров. Если файлов оказалось больше, то причина в том, что одна или несколько фотографий пересекают границы своего фрагмента. Обязательно исправьте эти ошибки, поскольку большее количество файлов увеличивает время загрузки ролловеров, а меньшее количество вводит пользователя в заблуждение. Загрузите сгенерированный HTML-файл в браузер и проверьте функционирование всех ссылок. Для проверки разместите в той же папке тестовые страницы стран. Их создание описано выше.
Если вы планируете вставить код ролловеров в готовую страницу, то воспользуйтесь для этого командой Copy HTML Code из меню Edit. В открываемом ею списке вы можете выбрать, какую часть кода хотите получить:
код для всех (Copy All Slices) или только выделенных фрагментов (Copy Selected Slices), или исключительно код JavaScript для создания ролловеров (Copy Preloads).

Баннер с GIFанимацией

Рис 10.57. Баннер с GIF-анимацией


1. Для изготовления баннера нам понадобится изображение самолета. Запустите Photoshop и откройте в нем файл plane.tif с прилагаемой дискеты.
2. Преобразуйте слой Background в обычный слой.
3. Загрузите из альфа-канала выделенную область и нажмите клавишу . Таким образом вы получите вокруг самолета прозрачный фон.
4. Сохраните изображение в файле plane.psd и перейдите в ImageReady. Выполнить эту операцию в ImageReady невозможно, поскольку она не поддерживает работы с альфа-каналами.
5. Стандартный размер баннера 60х468 пикселов. Создайте в ImageReady новое изображение такого размера с помощью команды New из меню File. Фон изображения установите белым.
6. Выберите инструмент Type в палитре инструментов.
7. Щелкните курсором мыши у левого края изображения и введите текст "Welcome to Adventure!".
8. Настройте параметры текста таким образом, чтобы он занимал всю ширину баннера. Для этого выберите узкий полужирный шрифт крупного кегля.
9. Залейте текст темно-синим цветом, выбрав его в палитре Swatches.
10. Откройте документ plane.psd.
11. Уменьшите его пропорционально командой Image Size из меню Image так, чтобы вертикальный размер документа составлял 70 пикселов.
12. Скопируйте изображение самолета в документ с баннером.
Дальше мы применим небольшой трюк, основанный на том, что ImageReady, как и Photoshop, хранит информацию об объекте на слое, перемещенном за пределы документа.
1. Выберите инструмент Move и переместите слой с изображением самолета за левую границу документа. Не бойтесь, оно не пропадет!
2. Сделайте белый цвет текущим основным цветом.
3. Заполните слой основным цветом с помощью команды Fill или нажав клавиши +.
4. Переместите слой по горизонтали вправо инструментом Move при нажатой клавише так, чтобы изображение самолета оказалось посередине документа.
5. Выделите прозрачный участок между носом самолета и белой заливкой инструментом Magic Wand.
6. Залейте выделенную область белым цветом.
7. Инструментом Magic Wand выделите прозрачную область позади самолета.
8. Выберите инструмент Airbrush в палитре инструментов.
9. Большой кистью создайте короткий градиент из белого в прозрачность позади самолета. Результат изображен на Рисунок 10.58.
Рисунок 10.58. Слой с изображением самолета

Диалоговое окно Tween

Рис 10.59. Диалоговое окно Tween


Как вы видите, программа "догадалась" о ваших манипуляциях с перемещением слоя и построила промежуточные стадии его движения. Впрочем, вы сами указали на это б диалоговом окне Tween. Рассмотрим его подробнее. Переключатель Layers определяет, какие слои изображения следует учитывать: все или только текущий, выделенный в палитре Layers. Группа флажков Parameters задает параметры, которые изменяются от кадра к кадру, положение слоя (Position), его прозрачность (Opacity) или параметры эффектов (Effects). Список Tween with определяет, между какими кадрами следует строить промежуточные. Если в палитре Animation выделены два или более кадра, то доступен только вариант Selection, говорящий о том, что промежуточные кадры надо делать исходя из выделенных. Если в палитре выделен один кадр, то в списке доступны два варианта: предыдущий кадр (Previous Frame) или следующий (Next Frame). Следующим для последнего кадра является первый. И наконец, поле Framesto Add задает количество промежуточных кадров.
1. Нажмите клавиши + или выберите команду Undo из меню Edit. Это отменит последнюю команду Tween и мы опробуем ее с новыми установками.
2. Выделите оба кадра в палитре Animation и выберите команду Tween в ее меню.
3. В диалоговом окне Tween установите флажок у параметра Opacity.
4. Нажмите кнопку ОК.
5. Просмотрите получившуюся анимацию. Надпись "Welcome to Adventure'" теперь как бы "проявляется", изменяя прозрачность от 100% до 0%.

Показ оптимизированного

Рис 10.6. Показ оптимизированного изображения в окне документа Image Ready


§ Color Table. Эта палитра Image Ready показывает текущую палитру изображения, если задан режим оптимизации в индексированный формат (GIF или PNG-8). Она также имеет свой аналог в модуле Save For Web Photoshop и работа с ней тоже аналогична.
§ Layers. Image Ready поддерживает точечные и текстовые слои, а также эффекты для слоев. Управление слоями так же, как и в Photoshop. осуществляется с помощью специальной палитры. Единственное ее отличие от палитры Layers в Photoshop заключается в том, что в ней отображаются и все эффекты, примененные к слою (рис 10.7). Кроме того, и нижнем ряду кнопок добавились стрелки перехода между слоями и добавления эффектов. Поскольку при создании анимации ее фазы размешаются на отдельных слоях, кнопки перехода к предыдущему или следующему слою используются для перемотки кадров. Кнопка добавления эффектов открывает список всех доступных эффектов для слоев Выбор любого из них создает на текущем слое этот эффект. Настройка его параметров осуществляется с помощью особой палитры Layer Options/Effects.
§ Layer Options/Effects. Эта палитра используется совместно с палитрой Layers и позволяет задавать параметры слоя и ассоциированных с ним эффектов. Если в палитре Layers выделена строка эффекта, то в палитре Layer Options/Effects оказываются настройки этого эффекта. Если же выделен слой, то в этой палитре вы найдете параметры слоя (Рисунок 10 8).
Они используются для создания карт ссылок.

Отображение эффектов

Рис 10.7. Отображение эффектов в палитре
Layers программы Image Ready

Палитра Styles спредопределенными стилями

Рис 10.9. Палитра Styles с
предопределенными стилями


§ Type. В Photoshop параметры текста, да и сам тест, вводятся в специальном диалоговом окне Type Tool. В Image Ready ввод и редактирование текста реализованы гораздо удобнее. Текст вводится прямо в окне документа, а для настройки его параметров используется палитра Type. Эта палитра очень знакома пользователям Adobe Illustrator (Рисунок 10.10). В ней вы найдете список шрифтов, их начертаний и кегля, управление выключкой абзацев, интерлиньяжем, кернингом, шириной символов, положением базовой линии. Особо отметим возможность выбора из четырех степеней сглаживания (anti-aliasing).

Диалоговое окно Preferences раздел Optimization

Рис 14.24. Диалоговое окно Preferences, раздел Optimization


В области Default Optimization задаются параметры оптимизации по умолчанию. Они будут приниматься всякий раз при сохранении нового документа ImageReady предлагает три варианта установок: § Use the Previously Used Setting. Если в списке выбран этот вариант, то программа запоминает сделанные настройки и предлагает их и для следующего изображения.
§ Autoselect GIF/JPEG Выбрав этот вариант, вы доверяете ImageReady проанализировать изображение и предложить наиболее удачный вариант оптимизации
§ Use a Named Setting В этом случае вы можете сами выбрать настройки которые будут предложены по умолчанию, в расположенном ниже списке. Он составлен из предварительно сохраненных (и предопределенные разработчиками) вариантов оптимизации, тех, что вы видели в списке Settings палитры Optimize.
В области 2-Up Settings имеются два списка, которые задают режимы оптимизации для обоих окон режима 2-Up. По умолчанию в левом окне демонстрируется оригинал (Original), а в правом — оптимизированное изображение с текущими настройками (Current). Для нового изображения текущими будут являться те настройки, которые установлены по умолчанию в области Default Optimization. Если в левом списке выбрать вариант Current, то в правом становится возможным выбор любой сохраненной именованной настройки или автоматический выбор (Auto) В последнем случае наилучший вариант оптимизации предлагается самой программой. Таким образом, для нового документа в левом окне параметры оптимизации берутся из установки Default Optimization, а в правом — автоматические или предварительно сохраненные.
Нетрудно сообразить, почему установки режима 4-Up состоят из четырех списков: каждый из них задает режим одного окна. Предлагаемые варианты установок аналогичны приведенным выше для режима 2-Up.
В заключение подчеркнем, что все эти настройки являются настройками по умолчанию. Это значит, что они будут предлагаться всякий раз при оптимизации нового изображения. Если эти установки для какого-то из изображений вас не устроят, то вы можете их легко изменить, воспользовавшись списком Settings палитры Optimize, а не изменять их в диалоговом окне Preferences.

Диалоговое окно Preferences раздел HTML

Рис 14.43. Диалоговое окно Preferences, раздел HTML


Дилоговое окно HTML Options (и диалоговое окно Preferences с разделом HTML) состоит из двух областей: Formatting, содержащей настройки форматирования HTML-текста, и Coding, связанной с вариантами представления одних и тех же элементов в HTML. Наиболее принципиальны установки области Coding. От них зависит преимущественно совместимость генерируемого кода со старыми версиями браузеров:
§ TD W, H. Фрагменты изображения компонуются на Web-странице с помощью таблиц HTML. Вариант Always приводит к обя зательному указанию размеров ячеек браузером. По умалчанию предлагается вариант Auto, доверяющий Image Ready решение этой проблемы. Мы советуем использовать именно его, поскольку размеры поставляются только для "критических" ячеек. Таким образом код не перегружается лишними данными и достигается хороший уровень совместимости.
§ Spacer Cells. Включение в таблицу пустых ячеек имеет смысл только если фрагменты изображения нарочито не стыкуются с друг другом. Некоторые браузеры могут исказить форму таблицы, если изображение занимает ее ячейку не полностью. Включение в таблицу пустых ячеек позволяет избежать этой проблемы. Вариант Auto, предлагаемый по умолчанию, как правило, обеспечивает наилучщий результат.
§ Empty Cells. Эта настройка имеет смысл только для фрагментов, не содержащих изображения (тип No Image в палитре Slice). Она позволяет установить заполнитель для пустых ячеек, чтобы браузер не изменил их размеров при просмотре. Стандартным вариантом является заполнение ячейки прозрачным изображением размером в 1 пиксел. При этом для него явно указываются требуемые высота и ширина. "Обманутый" браузер масштабирует до этих размеров "невидимый" пиксел и считает ячейку заполненной. Такой способ, GIF, IMG W&H, используется по умолчанию. Второй способ, GIF, TD W&H, состоит в жестком задании размеров ячейки, а не "прозрачного пиксела". Третий способ, No Wrap, TD W&H, не требует изображения с "прозрачным пикселом", и использует недостаточно стандартизованное средство HTML. Хотя последний вариант и наиболее естественен, он плохо совместим со старыми версиями браузеров.
§ Include Comments. Если этот флажок установлен, то ImageReady включает в HTML-текст комментарии, разделяющие блоки кода. Если вы редактируете код непосредственно, то комментарии позволят легче в нем ориентироваться. В противном случае (вы используете визуальный редактор типа Frontpage, GoLive и т. п.) отключение комментариев сократит размер HTML-файла.
§ Code. Если вы используете для редактирования страниц программу Adobe GoLive, то выберите в списке GoLive. В противном случае оставьте вариант ImageReady.
Установки области Formatting относятся только к внешнему виду генерируемого текста и не сказываются на виде страниц в браузерах. Если вы используете визуальные редакторы HTML, то настройки Formatting вам абсолютно бесполезны. Если же вы редактируете код в текстовом редакторе, то настройте вид генерируемого кода в соответствии с вашими привычками.
В списках Tag Case выберите регистр написания тэгов и атрибутов. В списке Indent установите привычный размер отступов от левого края. Список Line endings позволяет задать платформу, на которой вы будете редактировать текст. Различие генерируемого кода будет только в символах конца строки: на разных платформах (PC, Macintosh, UNIX) используются разные сочетания символов возврата каретки и новой строки. Флажок Always Quote Attributes заставляет ImageReady всегда заключать атрибуты тэгов в кавычки. При снятом флажке кавычки ставятся только там, где это действительно необходимо.
1. Установите желаемые параметры форматирования в диалоговом окне HTML Options и закройте его кнопкой ОК. Перед вами снова диалоговое окно Save Optimized.
2. Флажок Save Images включает сохранение изображений. Установите его.
3. Нажмите кнопку Saving Files Options.... Она открывает диалоговое окно установок генерации имен файлов (Рисунок 10.44), доступное также в одноименном разделе диалогового окна Preferences.

Диалоговое окно Saving Files Options

Рис 14.44. Диалоговое окно Saving Files Options


Диалоговое окно Saving Files Options устроено аналогично разделу Slices установок программы. Область File Naming занимают девять списков, задающих "поля", из которых складываются имена файлов. Их, как правило, формируют на основе имен фрагментов. Поэтому первым компонентом имени файла по умолчанию установлено имя сохраняемого фрагмента. Последним компонентом имени файла (последний список) является расширение, для которого вы можете выбрать регистр символов. Как правило, и для имен файлов и для расширений используют символы в нижнем регистре Остальные поля имен файлов в нашем примере хоть и проставлены, но задействованы не будут. К их обсуждению вернемся позже. Чтобы облегчить себе ориентацию среди множества файлов, составляющих сайт, Web-дизайнеры размещают изображения отдельно от файлов документов (HTML), в особом каталоге. Флажок Put images in subfolder заставляет ImageReady следовать этому хорошему правилу. Расположенная правее строка должна содержать имя папки для изображений. По умолчанию предлагается обычное для этого имя images. Советуем оставить это имя и, разумеется, установить флажок Put images in subfolder.
Флажок Copy background image when saving говорит ImageReady о том, что вместе со всеми графическими файлами следует скопировать в выбранный каталог и текущую фоновую текстуру, установленную в диалоговом окне HTML Background.
Примечание
Примечание
Команда Image Info из меню File открывает простое диалоговое окно (Рисунок 10.45), в котором вы можете ввести произвольную информацию об изображении Как правило, это информация о вас, как об обладателе авторских прав на созданное изображение Данная информация сохраняется в файле документа ImageReady (PSD) и может быть автоматически внесена в оптимизированные для Web графические файлы. Чтобы это произошло, следует установить флажок Embed Copyright в диалоговом окне Saving Files Options.

Палитра Layer Options/Effectsв

Рис 14.8. Палитра Layer Options/Effects
в режимах LayerOptions (а) и Effects (б)


§ Styles. Набор эффектов, ассоциированный с текущим слоем, можно сохранить в специальной палитре Styles. Чтобы воспроизвести сохраненный набор эффектов еще раз или применить его к другому слою, достаточно просто сделать двойной щелчок мышью на его пиктограмме в палитре. Сразу после установки программы в палитре находятся два десятка готовых стилей, созданных разработчиками (Рисунок 10.9).

Слои

Слои

Изучим специфику Image Ready на простом примере. Раскрасим несложное изображение, схематическую карту Европы, на которой выделены цветом несколько стран (Рисунок 10.11).

Сохранение анимации

Сохранение анимации Сохранение анимации в формате GIF осуществляется все той же командой Save Optimized. Вам потребуется только выбрать папку для готового анимационного файла и дать ему имя.

Сохранение фрагментов

Сохранение фрагментов

Теперь, когда изображение разрезано и ссылки назначены, осталось только сохранить его фрагменты в отдельные оптимизированные файлы и получить HTML-код для их сборки в браузере. Всю эту работу выполняет команда SaveOptimized As.
1. Выберите команду Save Optimized As из меню File. Она открывает диалоговое окно Save Optimized, изображенное на Рисунок 10.42.

Сохранение набора эффектов

Сохранение набора эффектов

Удачно найденные комбинации эффектов в Image Ready можно сохранить в виде стиля. Для хранения стилей используется особая палитра Styles (Рисунок 10.9). В ней уже находится несколько полезных предопределенных стилей, но мы добавим новый.
1. Выделите слой с территорией любой из стран в палитре Layers.
2. Откройте палитру Styles командой Show Styles из меню Window.
3. Нажмите кнопку с изображением листа бумаги в нижней части палитры Styles. В палитре появится новый образец, соответствующий эффектам, ассоциированным с выделенным слоем. Стиль создан
4. Теперь применим к слою уже существующий стиль. Не меняя текущего слоя сделайте двойной щелчок курсором мыши на любом образце в палитре Styles Набор эффектов из стиля применен к текущему слою
5. Восстановим предыдущее состояние слоя. Для этого сделайте двойной щелчок на сохраненном образце
6. Очистим палитру Styles от "экспериментального" образца. Выделите его одинарным щелчком мыши и нажмите кнопку с изображением мусорного ведра в нижней части палитры. Стиль удален
Стили исключительно удобны для создания стандартных элементов дизайна, в первую очередь кнопок.

Сохранение ролловеров

Сохранение ролловеров

Сохранение ролловеров выполняется все той же, знакомой нам командой save Optimized As из меню File. Нам остается только обсудить особенности формирования имен файлов, поскольку некоторым фрагментам соответствуют теперь несколько изображений.
1. Выберите команду Save Optimized As из меню File.
2. В открывшемся диалоговом окне нажмите кнопку Saving Files Options....
Кроме имени фрагмента (первый список в области File Saving Preferences) и расширения (последний список) в формировании имени файла задействованы еще два "поля". Они обозначают состояние ролловеров.
После имени фрагмента, согласно установкам по умолчанию, следует разделитель (тире), а затем — имя ролловера-переключателя. Это поле имеет смысл только для вторичного ролловера и позволяет легко определить, с каким ролловером он ассоциирован. После имени переключателя снова следует разделитель (подчерк) и состояние ролловера. Таким образом в именах файлов находят отражение и состояния ролловеров.
3. Нажмите кнопку ОК, закрывающую диалоговое окно Saving Files Options.
4. В диалоговом окне Save Optimized установите флажки Save HTML File и Save Images, а флажок Save Selected Slices Only сбросьте.
5. Нажмите кнопку Save. HTML-файл будет сохранен в выбранную папку, а во вложенной папке images окажутся все файлы фрагментов в разных состояниях ролловеров.
Внимательно просмотрите содержимое папки images: в ней должно быть ровно 20 файлов (Рисунок 10.55), один из которых называется spacer.gif и содержит "прозрачный пиксел".

Создание кадров

Создание кадров

Изображение подготовлено. Теперь займемся определением кадров анимации. Для начала определим два кадра — первый и последний.
1. Убедитесь, что все слои видимы.
2. Выберите инструмент Move из палитры инструментов.
3. Переместите слой с изображением самолета строго по горизонтали влево, чтобы самолет вышел за край документа и не был виден. Чтобы перемещать слой точно по горизонтали, удерживайте при этом клавишу . Все поле документа должно быть белым.
4. Откройте палитру Animation командой Show Animation из меню Window, если ее нет на экране.
5. Текущее состояние документа принимается как первая фаза анимации. Ему соответствует миниатюра первой фазы анимации.
6. Создайте еще одну фазу, нажав кнопку с изображением листа бумаги в нижней части палитры или выбрав команду New Frame из меню палитры. Рядом с миниатюрой первой фазы анимации в палитре Animation появится еще одна. Пока обе фазы идентичны.
7. Щелкните мышью на миниатюре второй фазы.
8. Выберите инструмент Move из палитры инструментов.
9. Переместите слой с изображением самолета вправо так, чтобы самолет оказался за правым краем документа. При этом надпись "Welcome to Adventure" на предыдущем слое должна стать полностью видима. Активная миниатюра в палитре Animation отразит новое состояние документа.

Сплошные заливки

Сплошные заливки

Разработчики ImageReady внесли в программу еще один неожиданный эффект — сплошную заливку. Несмотря на то, что заливку можно легко реализовать с помощью команды Fill, этот эффект также весьма полезен, ПОСКОЛЬКУ делает заливку свободно редактируемой.
1. Придайте текущему слою France эффект Color Fill, выбрав соответствующую команду из списка эффектов в палитре Layers или одноименном меню. Территория страны на карте заполнена сплошным красным цветом.
2. Обратимся к палитре Layer Options/Effects, содержащей параметры нового эффекта (Рисунок 10.20). Собственно, их всего три: сам цвет (Color), режим наложения и непрозрачность (Opacity) заливки. Установите режим наложения Color. Это позволит тонировать лежащую ниже текстуру в произвольный цвет.

Ссылки и ролловеры

Ссылки и ролловеры Наличие ролловеров никак не связано с назначением гипертекстовых ссылок: ссылки все равно назначаются фрагментам. Чтобы назначить адреса ссылок, используйте палитру Slice точно так же, как вы делали изучая разрезание изображений. По существу вам придется воспроизвести все шаги, приведенные в подразделе "Организация ссылок" раздела "Разрезание изображений" настоящей главы.

Текст

Текст

Для завершения работы над картой осталось ввести текст, для которого мы уже заблаговременно подготовили фоновую плашку. Ввод и редактирование текста организованы в ImageReady даже удобнее и естественнее, чем в Photoshop. В ImageReady нет специального окна Type Tool, и ввод текста осуществляется прямо в окне документа.
1. Активизируйте верхний слой Stripe в палитре слоев.
2 Двойным щелчком мыши выберите инструмент Type на палитре инстру ментов
3. Щелкните курсором мыши в левой части градиентной плашки. В месте щелчка появилась точка вставки со знакомым текстовым курсором
4 Параметры текста задаются в специальной палитре Type (рис 10 22) Перед вводом текста зададим его характеристики. В списке Font выберите любой рубленый шрифт. В расположенном правее списке начертаний выберите полужирное. В списке Font Size установите размер шрифта 18 пунктов Значения интерлиньяжа (Leading), кернинга (Kerning) и трекинга (Tracking) оставьте предлагаемыми по умолчанию. Оставьте также и выключку текста по левому краю.

Текстуры

Текстуры

Изучая палитру Layer Options/Effects вы, наверное, уже заметили переключатель Gradient/Pattern в верхней ее части. Положение Pattern соответствует другому часто используемому эффекту — заливке текстурой. Опробуем эффект на практическом примере.
1. В палитре Layers активизируйте слой, соответствующий территории какой-либо страны, например France.
2. Добавьте эффект Gradient/Pattern из списка эффектов Как вы помните, он открывается нажатием кнопки с изображением буквы "Г в нижней части палитры Layers
3. В палитре Layer Options/Effects переведите переключатель Gradient/Pattern в положение Pattern. В окне палитры появилась текстура Bubbles, принятая по умолчанию (Рисунок 10.19) Одновременно в окне документа вы увидите, что объект на выбранном слое заполнен этой текстурой

Удаление кадров

Удаление кадров Крайним способом уменьшения размера изображения можно считать удаление отдельных кадров. Критически взгляните на получившуюся анимацию и подумайте, можно ли сократить ее на кадр-другой. Результат можно сразу просмотреть в браузере с помощью команды Preview in.
1. Выделите третий и десятый кадры анимации в палитре Animation.
2. Нажмите на кнопку с изображением мусорного ведра в нижней части палитры. Выделенные кадры удалены.
3. Выберите ваш браузер в списке Preview in из меню File и оцените результат в браузере.
Очевидно "гладкость" анимации пострадала не сильно, а размер изображения уменьшился более чем на полтора килобайта. Попробуйте подобрать минимальное допустимое количество кадров на свой вкус.

Время демонстрации (тайминг)

Время демонстрации (тайминг) Для каждого кадра анимации вы можете задать произвольное время демонстрации.
1. Нажмите кнопку перехода к последнему кадру.
2. Щелкните на маленькой треугольной стрелке, расположенной ниже миниатюры кадра. Рядом с ней выводится текущее время демонстрации кадра, 0,00 сек.
3. В открывшемся списке выберите 2 сек. Теперь рекламная надпись будет находиться на экране дольше.
Учтите, что при просмотре анимации в ImageReady время демонстрации кадров не соблюдается. Для того чтобы просмотреть анимацию с реальным таймингом, воспользуйтесь просмотром в браузере при помощи команды Preview in.

Вторичные ролловеры

Вторичные ролловеры

ImageReady умеет создавать код JavaScript для т. н. вторичных ролловеров. Вторичными они являются потому, что их состояние в браузере определяется не положением курсора мыши, а состоянием других ролловеров. Поясним это на простом примере. Допустим, при покупке тура в Нидерланды клиент туристической фирмы получает скидку. Чтобы отразить этот факт в изображении, создадим надпись "DISCOUNT!", которая будет появляться, только если клиент поместит курсор мыши на ролловере Нидерландов.
1. Выберите в палитре инструментов инструмент Slice Select.
2. Выделите фрагмент, содержащий ролловер Нидерландов.
3. В палитре Rollover щелкните на миниатюре состояния Over, поскольку рекламный текст должен появляться именно в этом состоянии ролловера.
4. Выберите инструмент Type в палитре инструментов.
5. Щелкните курсором мыши в левом верхнем углу изображения.
6. Выберите в палитре Type полужирный рубленый шрифт и установите размер 18 пунктов.
7. Введите с клавиатуры надпись "DISCOUNT!". Введенный текст ассоциирован с текущим состоянием ролловера, состоянием Down.
8. В палитре Swatches щелкните мышью на образце светло-желтого цвета. Шрифт окрасится в выбранный цвет.
9. Добавьте к тексту эффект Drop Shadow, выбрав его из списка эффектов. Как вы помните, он открывается нажатием кнопки с изображением буквы "f" в палитре Layers. В палитре Layer Options/Effects установите такие параметры тени, чтобы текст хорошо выделялся.
10. Используйте инструмент Move для коррекции размещения надписи, если она стоит неровно.
Вторичный ролловер изготовлен. Хотя текст располагается вне ролловера Нидерландов, он ассоциирован с ним.

Самоучитель по Adobe Photoshop 5.5

Автоматизированный расчет размеров

Автоматизированный расчет размеров

Вторая задача в намеченной программе действий состоит в том, чтобы вписать серию изображений в строго фиксированную рамку (например, 200х200 пикселов). Макрокоманда "не знает", каков текущий размер изображения, поэтому придать серии изображений стандартный размер средствами команды Image Size... не удается. Проблема в том, что изображение может иметь как альбомную, так и портретную ориентацию. Чтобы вписать изображение в определенные вертикальный и горизонтальный размеры, нужно знать, какой из них больше.
Для выполнения подобной задачи придется привлечь специальную команду Photoshop Fit Image..., предназначенную именно для этой цели.
1. Откройте любое изображение из вашей рабочей папки.
2. Выберите команду Fit Image... из меню Automate.
3. В открывшемся диалоговом окне (Рисунок 11.10) в поля Width и Height введите максимальные значения этих размеров, например 200х200 пикселов.
4. Нажмите кнопку ОК. Изображение отмасштабировано. Можете проверить действие инструмента на изображении с другой ориентацией.
5. Закройте открытые документы.

Рисунок 11.10. Диалоговое окно Fit Image

Если макрокоманда не работает

Если макрокоманда не работает

Даже столь примитивные макрокоманды, как те, которые предлагает Photoshop, могут потребовать отладки. Созданная вами макрокоманда может сразу работать не так, как вы ожидаете, или не заработать вовсе. Самый простой способ локализации ошибок — визуальный контроль правильности выполнения каждой команды в окне документа. По умолчанию Photoshop не дожидается отрисовки экрана после каждого шага макрокоманды и отследить что-либо наблюдая за изображением невозможно. Специально для подобных задач программа позволяет уменьшить скорость воспроизведения макрокоманды.
1. Выберите команду Playback Options... в меню палитры Actions.
2. В открывшемся одноименном диалоговом окне находится переключатель Preformance. По умолчанию он установлен в положение Accelerated. При установке Step by Step Photoshop будет дожидаться полной отрисовки экрана до перехода к следующему шагу макрокоманды. Если и этого времени недостаточно, для того чтобы уследить за "шустрой" программой, то переведите переключатель в положение Pause For и введите в расположенное правее поле время паузы между командами в секундах.
Программисты знают, что главный способ отладки программ — трассировка, то есть пошаговое выполнение. Photoshop также дает возможность исполнения макрокоманд по шагам, отдельным командам. Для того чтобы запустить макрокоманду в режиме трассировки, следует щелкнуть на пиктограмме воспроизведения в палитре Actions, удерживая при этом клавишу . После того как критический (не работающий) участок пройден, можно щелкнуть на пиктограмме воспроизведения без клавиши , и макрокоманда доработает до конца.
Другой способ отладки — установка точек останова (в программировании они называются Breakpoints). В критическом месте макрокоманды вы можете вставить команду Insert Stop... меню палитры Actions, а затем начать трассировку или просто посмотреть, в каком состоянии находится документ.
И наконец, вы можете временно исключить команду или несколько команд из макрокоманды, чтобы посмотреть, что произойдет, если они не будут выполнены.

Изменение типа изображения по условию

Изменение типа изображения по условию

Первое действие, которое потребуется произвести с каждым обрабатываемым изображением, — это изменение его типа. Хитрость этого действия в том, что преобразование типа нужно производить в зависимости от того, какого типа изображение обрабатывается:
§ Если изображение уже имеет тип RGB, то преобразование вообще не требуется
§ Если изображение полутоновое, то преобразование тоже не имеет смысла.
§ Во всех остальных случаях требуется перевод изображения в RGB.
Средствами макрокоманд проверка текущего типа изображения невозможна, но Photoshop теперь имеет специальную команду преобразования типов изображений по условию Conditional Mode Change....
1. Откройте файл plane.gif из вашей рабочей папки. Это индексированное изображение.
2. Выберите команду Conditional Mode Change... из списка Automate, вложенного в меню File (Рисунок 11.9).

Ярмарка макрокоманд

Ярмарка макрокоманд Еще до выхода коммерческой версии Photoshop 4.0 фирма Adobe предрекала возникновение обмена макрокомандами между пользователями, так как макрокоманда является обычным файлом с расширением atn, который можно скопировать на дискету (или другой носитель) командой Save Actions..., перенести на другой компьютер, и там загрузить командой Load Actions.... Поскольку Photoshop существует в версиях для разных платформ (IBM, Mac, Silicon Graphics и другие), то тип компьютера также не является ограничением.
Естественно, наиболее удачным местом для обмена макрокомандами является Internet, который охватывает весь мир, не имеет государственных границ и объединяет огромное количество пользователей Photoshop. Ведь во многом благодаря Photoshop, который является стандартом de facto для графических редакторов, WWW стал таким, каким мы видим его сейчас: ярким, насыщенным, с интересной и сложной графикой.
Если вы не имеете доступа к Internet, то вам можно только посочувствовать по многим причинам, из которых отсутствие возможности обмена опытом с вашими коллегами со всего света является не последней. В Internet имеется множество отличных сайтов, где вы можете получить ценную информацию о работе в Photoshop. Для обмена опытом с коллегами можно использовать и дискуссионные группы, поддерживающиеся этими сайтами, и телеконференции.

Как ускорить работу?

Как ускорить работу?


Когда наберетесь опыта в работе с Photoshop, вы обязательно придете к необходимости ее ускорения, чтобы собственно манипулирование отнимало меньше времени, а творчество — больше. Начнете вы, наверняка, с того. что изучите и будете широко использовать горячие клавиши вместо управления мышью. Попробуйте как-нибудь прикинуть, сколько времени вы экономите на этой, казалось бы, незначительной замене, и, вероятнее всего, будете поражены результатами. Для того чтобы помочь вам в этом, в приложении 1 приводится список горячих клавиш Photoshop 5.5. Работавшим с предыдущей версией следует иметь в виду, что некоторые из них изменились и придется немного переучиться.
В Photoshop 5.5 имеется, ставшее уже стандартом для интерфейса прикладных программ, контекстное меню, вызываемое правой клавишей мыши. "Контекстным" оно называется потому, что его содержимое зависит от текущего состояния программы (текущего инструмента, наличия выделения, типа изображения и т. п.) и фактически представляет список наиболее вероятных команд, которые вы могли бы выполнить. Шире используйте возможности контекстного меню, и скорость вашей работы обязательно возрастет.
Многие стандартные изобразительные приемы приходится выполнять много раз даже для одного монтажа, не говоря уже о серии однотипных. Сэкономьте затрачиваемое время и избавьте себя от рутинных операций с помощью фильтров сторонних производителей. Эти фильтры находят применение не только при работе с программой Adobe Photoshop, но и с любой другой программой, поддерживающей архитектуру Plug-ins. В приложении 2 приведен список всех известных авторам фильтров разных производителей.
Нельзя обойти вниманием и замечательный "штатный" набор фильтров Photoshop. С его помощью можно решать самые сложные изобразительные задачи.
Встроенные фильтры при инсталляции автоматически помещаются в папку Plug-ins или любые другие, находящиеся внутри нее каталоги. Сюда же разумнее всего переписать и дополнения. При загрузке программы происходит обработка файлов с фильтрами, которые после загрузки можно найти в качестве пунктов меню Filter. Они используются аналогично встроенным фильтрам, хотя внешне могут очень сильно отличаться.
Возможно, вы будете применять те же дополнительные фильтры не только в Photoshop, но и в других программах, или захотите сгруппировать фильтры по каким-то признакам и использовать выборочно. Для этой цели существует команда Plug-Ins & Scratch Disks... меню Preferences(см. главу 2), которая выводит на экран диалоговое окно, предназначенное в основном для работы с файлами и в котором можно выбрать новый каталог для дополнений. Однако следует иметь в виду два важных условия- Во-первых, может быть указан только один каталог, то есть подключить можно только одну группу дополнений. Во-вторых, сообщение внизу диалогового окна предупреждает о том, что новая установка каталога будет иметь эффект только после перезапуска программы.

Как устроена макрокоманда

Как устроена макрокоманда

Все команды, составляющие макрокоманду, записаны при выполнении соответствующих действий в Photoshop. Таким образом, все эти команды являются записью каких-то команд меню или действия инструментов Photoshop. Если обнаружить такое соответствие, то можно выполнить работу макрокоманды "вручную". Разумеется, это имеет смысл только при необходимости модификации чужой макрокоманды или в учебных целях. Именно для обучения проделаем эту работу для макрокоманды Spatter Frame.
1. Откройте файл coolgirl.tif. Он содержит изображение девушки, которое вы раскрашивали, изучая главу 7.
2. Найдите макрокоманду Spatter Frame и щелкните курсором на занимаемой ею строке.
3. Выберите пиктограмму запуска макрокоманды в виде треугольной стрелки, направленной вправо. После того как Photoshop справится с выполнением всех шагов макрокоманды, изображение окажется на белом фоне и его края будут "художественно потрепаны" (Рисунок 11.2).

Команды автоматизации в макрокоманде

Команды автоматизации в макрокоманде

Теперь, когда вы познакомились с необходимыми командами автоматизации, создадим макрокоманду, которая будет осуществлять преобразование типа открытого изображения по условию.
По ходу дела разрешим еще одну проблему. Изображения могут содержать слои и альфа-каналы, которые невозможно сохранить в формате JPEG. Слои легко удаляются командой Flatten Image, а как быть с каналами? Решение в том, чтобы вместо команды Save As... использовать команду Save a Copy.... Диалоговое окно этой команды позволяет при сохранении указать на необходимость сведения слоев и удаления каналов. Для того чтобы воспользоваться этими установками, при записи макрокоманды нужно иметь изображение, содержащее и слои и каналы. Вполне подойдет монтаж danger.psd, хранящийся в вашей рабочей папке.
1. Откройте файл danger-psd.
2. Переведите изображение в модель CMYK, выбрав команду CMYK Color из списка Mode, находящегося в меню Image.
3. Закройте файл. Эти странные операции нам понадобились только для того, чтобы можно было воспользоваться командой Conditional Mode Change....
4. Создайте новую макрокоманду щелчком на соответствующей пиктограмме в палитре Actions. Назовите ее, например, "Gallery". Запустите запись макрокоманды.
5. Откройте файл danger.psd.
6. Выберите команду Fit Image... меню Automate.
7. В открывшемся диалоговом окне в поля Width и Height введите максимальные значения этих размеров, например 200х200 пикселов.
8. Нажмите кнопку ОК.
9. Выберите команду Conditional Mode Change... из меню Automate.
10. Установите флажки для всех режимов за исключением RGB Color и Indexed Color, а в списке выберите RGB Color.
11. Нажмите кнопку ОК.
12. Выберите команду Save a Copy....
13. В открывшемся диалоговом окне (Рисунок 11.11) установите все флажки.

Макрокоманды в ImageReady

Макрокоманды в ImageReady

В ImageReady, новом компоненте Photoshop, тоже имеется палитра Actions. Она также позволяет записать в виде макрокоманды любую последовательность действий в программе, включая палитры Rollover, Slice и Animation. Записав, например, макрокоманду создания кнопки-ролловера один раз, вы сможете за несколько минут оснастить ими весь сайт.
Единственная существенная особенность макрокоманд в ImageReady — это иная организация поточной обработки. Если в Photoshop для поточной обработки используется команда Batch, то ImageReady создает нечто вроде командного файла. Этот файл в терминологии разработчиков называется droplet. Он является исполняемым (ехе) файлом и содержит заданную последовательность команд ImageReady. Чтобы обработать одно или несколько изображений, следует просто перетащить их значки к значку командного файла в папке Windows Explorer.
Командные файлы ImageReady выполняются только в среде самого приложения. Если попытаться воспользоваться ими не запустив предварительно ImageReady, то командный файл запустит ее самостоятельно.
Командные файлы создаются на основе макрокоманд или установок оптимизации.
1. Запустите ImageReady.
2. В палитре Optimize выберите любой именованный набор параметров оптимизации.
3. Нажмите кнопку создания командного файла, расположенную рядом со списком Settings, или выберите команду Create Droplet из меню палитры. В обоих случаях откроется стандартное диалоговое окно сохранения файла, в котором необходимо выбрать папку и дать имя командному файлу.
4. Нажмите кнопку Save. Командный файл с установками оптимизации создан.
5. В палитре Actions выделите макрокоманду Constrain 200х200 pixels и выберите команду Create Droplet из меню палитры. Откроется стандартное диалоговое окно сохранения файла, в котором необходимо выбрать папку и дать имя командному файлу.
6. Нажмите кнопку Save. Командный файл с командами обработки создан.
7. Откройте папку Windows Explorer с сохраненными командными файлами.
8. Откройте папку Windows Explorer с любыми изображениями
9. Перетащите к значку командного файла один или несколько значков файлов изображений- ImageReady обработает эти изображения и сохранит их в той же папке.
Примечание
Примечание
Чтобы создать командный файл из макрокоманды, можно просто перетащить с помощью мыши строку заголовка макрокоманды в любую папку Windows Explorer или на рабочий стол
Параметры поточной обработки изображений с помощью командных файлов тоже можно настроить. Это делается в диалоговом окне Batch Options (Рисунок 11.19), аналогичном окну Batch в Photoshop Оно открывается одноименной командой из меню палитры Actions

Макрокоманды

Макрокоманды

Еще один способ автоматизации рутинных действий — это создание макрокоманд. Photoshop умеет "запоминать" действия пользователя, а затем по его команде воспроизводить их. Таким специализированным "магнитофоном" в Photoshop является палитра Actions.
Макрокомандам можно сопоставить горячие клавиши, чтобы ускорить вызов наиболее часто употребляемых. Допустимо назначать горячие клавиши и обычным командам Photoshop, не имеющим таковых по умолчанию- С помощью горячей клавиши можно выполнить не одну, а несколько команд меню и вдобавок включить в такую составную команду ("макрос" или "макрокоманда" в терминах приложений, обладающих встроенным языком программирования) установки диалоговых окон. В макрокоманду могут войти и файловые операции, что позволяет конструировать макрокоманды поточной обработки большого количества файлов, снимая с пользователя необходимость выполнения рутинной работы. Единственные команды, которые не могут фигурировать в макрокоманде, это команды рисования (хотя и могли бы, как во Fractal Design Painter). Но и так палитра Actions обеспечивает пользователя очень удобным сервисом.

Назначение макрокоманде горячей клавиши

Назначение макрокоманде горячей клавиши

Любой макрокоманде вы можете поставить в соответствие горячую клавишу. Назначим горячую клавишу созданной вами в предыдущем разделе макрокоманде Center (Layer).
1. Сделайте двойной щелчок на строке с именем макрокоманды в палитре Actions.
2. Перед вами диалоговое окно New Action, которое вы уже видели при создании макрокоманды. Назначению горячих клавиш посвящены два списка в нижней половине диалогового окна. В первом списке выберите любую функциональную клавишу.
3. Два флажка справа определяют комбинации функциональных клавиш с клавишами и . Таким образом, вы можете назначить максимум 33 горячие клавиши. Разумеется, нет смысла использовать комбинации, пока свободны одиночные клавиши. Оставьте оба флажка сброшенными.
4. Список Color позволяет задать цвет кнопкам макрокоманд, когда палитра Actions находится в режиме показа кнопок. Выберите понравившийся вам цвет.
5. Нажмите кнопку ОК. Отныне макрокоманда будет вызываться при нажатии установленной вами клавиши, как если бы вы ее запускали из палитры Actions.

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

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

Как мы уже говорили, однотипная обработка серии документов также может быть осуществлена с помощью палитры Actions в кооперации с новыми средствами автоматизации.
Допустим, вы намерены опубликовать серию изображений в Internet и получить отпечатанный каталог всех этих изображений для удобства верстки Web-страницы. Средства автоматизации Photoshop практически избавят вас от большей части связанной с этим ручной работы. При неавтоматизированном выполнении этой задачи вам потребуется:
§ Открыть каждое изображение
§ Перевести каждое изображение в модель RGB или в индексированный цвет
§ Изменить размер каждого изображения
§ Сохранить каждое изображение в файле с расширением jpg или gif
§ Создать документ размером с лист бумаги для печати на принтере
§ Изменить размер каждого изображения с учетом требований печати на принтере
§ Поместить на него каждое изображение
Если речь идет о паре-тройке картинок в месяц, то автоматизация не принесет выигрыша во времени. А попробуйте подставить вместо слова "каждое" число 100 и прикиньте, сколько на такую работу потребуется времени... За день управитесь? В таких случаях пренебрегать средствами автоматизации не стоит. Да и, честно говоря, такую работу никак нельзя признать творческой и она просто обязана лечь на плечи компьютера.
Напрашивающееся решение состоит в создании макрокоманды, выполняющей все эти функции. Тогда каждое изображение придется открыть всего один раз. Это хорошо, но можно обойтись вообще без ручной работы' В этом вам помогут команды, сгруппированные в меню Automate, вложенном в меню File и, конечно, палитра Actions.

Пакетная обработка

Пакетная обработка

1. Выберите команду Batch из меню Automate.
2. В поле Play диалогового окна Batch (рис 11.12) установите в списке Set имя набора My Actions, а в поле Action имя макрокоманды. Gallery.
3. В списке поля Source выберите вариант Folder
Примечание
Примечание
В качестве источника изображений вы можете выбирать не только папки, но и любой другой, имеющийся у вас источник. Таким источником может служить сканер, фильтр импорта или любой иной, из списка Import, находящегося в меню Pile.
4. Нажмите кнопку Choose..., расположенную под списком, и выберите папку, в которой находятся обрабатываемые изображения. Не бойтесь выбрать любую из папок на вашем жестком диске или CD-ROM, ведь макрокоманда работает с копиями этих изображений
5. Установите расположенный ниже флажок Override Action "Open" Commands. Если этот флажок сброшен, то установка папки-источника теряет смысл" будет использоваться папка, определенная в макрокоманде.

вы собираетесь профессионально заняться обработкой

Резюме


§ Если/ вы собираетесь профессионально заняться обработкой точечных изображений, то вопрос об ускорении и оптимизации работы вам не обойти. Photoshop предлагает несколько приемов повышения эффективности работы за счет организации более рационального и быстрого доступа к своим функциям посредством горячих клавиш и контекстного меню.
§ Photoshop позволяет записать большинство действий пользователя при редактировании изображений в виде макрокоманд. Макрокоманды позволяют автоматизировать рутинные операции и легко использовать в работе находки других пользователей и воспроизводить собственные.
§ Новые команды автоматизации расширяют возможности макрокоманд функциями пакетной обработки изображений.
§ Большие усилия прилагают программисты Adobe и сторонних фирм для автоматизации сложных операций и получения разнообразных изобразительных эффектов посредством создания специализированных фильтров.
§ Нам кажется весьма существенным и последний раздел, говорящий о том, что вы не одиноки в своих творческих устремлениях. И какие бы ни стояли перед вами задачи, можете не сомневаться — есть еще много ваших коллег, которые тоже заняты их решением, а может быть уже и нашли его. Internet — великолепное средство как обмена опытом, так и приложения творческого потенциала. Не бейтесь над своими задачами в одиночку — общайтесь!

Палитра Actions1 Остановки

Рис 11.1- Палитра Actions
1. Остановки выполнения или записи макрокоманды.
2. Записи макрокоманды.
3. Воспроизведения макрокоманды.
4. Создания нового набора макрокоманд
5. Создания новой макрокоманды в выбранном наборе.
6. Удаления выбранной макрокоманды.


Палитра может отображать макрокоманды в двух режимах: в виде списка и в виде кнопок. Для воспроизведения макрокоманд удобнее пользоваться последним, но для редактирования придется перейти в режим списка. Режим выбирается с помощью команды Button Mode, находящейся в меню палитры. Посмотрите, как выглядят оба режима, но вернитесь к представлению в виде списка.
Использовать палитру Actions целесообразно в трех случаях. 1. Когда вам необходимо обработать по одной и той же схеме большую серию изображений.
2. Когда вы создали интересную схему обработки и считаете, что она вам пригодится в дальнейшем.
3. Когда вы просто хотите назначить горячую клавишу какой-либо часто используемой команде или группе команд, не имеющих стандартных горячих клавиш.

Диалоговое окно Save a Copy

Рис 11.11. Диалоговое окно Save a Copy


14. Нажмите кнопку Save.
15. Закройте документ без сохранения.
16. Остановите запись макрокоманды щелчком на пиктограмме остановки в палитре Actions
Макрокоманда готова. Осталось научиться применять ее к серии изображений.

Диалоговое окно Batch

Рис 11.12. Диалоговое окно Batch


6. Если необходимо, установите флажок Include All Subdirectories В этом случае будут обработаны изображения из всех папок, вложенных в папку-источник Будьте осторожнее при выборе этого флажка
7. В списке поля Destination также установите Folder, и выберите папку для обработанных изображений, воспользовавшись кнопкой Choose...
8. Установите флажок Override Action "Save In" Commands В противном случае будет использоваться папка-назначения, определенная в макрокоманде
9. В поле Errors вы можете определить, как будут обрабатываться ошибки времени выполнения Рекомендуем установить вывод сообщений об ошибках в файл Для этого в списке установите вариант Log Errors ToFile, а с помощью кнопки Save As... выберите имя текстового файла для записи сообщений
10. Нажмите кнопку ОК и наблюдайте, как "все делается само"'

Диалоговое окно Contact Sheet

Рис 11.13. Диалоговое окно Contact Sheet


4. В поле Document задаются параметры изображения с миниатюрами. В полях Width и Height задайте размеры листа бумаги В поле Resolution установите разрешение изображения Расположенные справа от этих полей списки дают возможность выбрать удобные единицы измерения В списке Mode задайте тип изображения. Список Place предлагает альтернативные варианты across first и down first Он определяет порядок заполнения листа миниатюрами, по строкам или колонкам соответственно. В нашем случае это не принципиально. Установите размер листа 210х297 мм (лист А4), разрешение 100 точек/дюйм и тип RGB.
5. В полях Columns и Rows соответственно установите число столбцов и строк с миниатюрами Чем больше их число, тем меньше размер каждой миниатюры. Вы можете контролировать его по рассчитанным значениям, показываемым справа Визуально контролируйте размещение по схеме, находящейся в правой верхней части диалогового окна. Оставьте установки по умолчанию (5х6 миниатюр)

Лист с миниатюрами

Рис 11.14. Лист с миниатюрами


6. Каждую миниатюру можно снабдить заголовком из имени файла соответствующего изображения. Для этого установите флажок Use Filename As Caption В списке Font устанавливается используемый в заголовках шрифт.
7. Нажмите кнопку ОК, и Photoshop создаст лист с миниатюрами (рис 11.14)
8. Закройте документ без сохранения. Хотя команду Contact Sheet можно использовать для создания "галерей" на Web-сайтах, большой графический файл на Web-странице это не лучшее решение Новая команда Web Photo Gallery дает гораздо более функциональный и привлекательный способ. Она создает страницу с миниатюрами изображений, которые являются ссылками на отдельные страницы с исходными изображениями.
1. Выберите команду Web Photo Gallery из списка Automate, вложенного в меню File. Она открывает диалоговое окно, приведенное на рис 11.15.

Диалоговое окно Web Photo Gallery

Рис 11.15. Диалоговое окно Web Photo Gallery


2. В области Files нажмите кнопку Choose... в поле Source. В открывшемся диалоговом окне выберите любую папку с изображениями. Если вы хотите включить в обработку и вложенные папки, то установите флажок Include All Subdirectories.
3. В области Destination тоже нажмите кнопку Choose... и выберите папку для размещения файлов готовой "галереи" Хорошо, если это будет пустая папка, чтобы файлы галереи не перепутались с существующими.
4. В области Site введите название галереи, время создания (по умолчанию предлагается текущее), и сведения об авторе. Все перечисленное будет помещено на каждую страницу галереи.

Вид галереи созданой

Рис 11.16. Вид галереи, созданой модулем Web Photo Gallery в браузере


5. В области Thumbnails вы можете выбрать один из трех размеров миниатюр (список Size). Если установить флажок Use Filename As Caption, то на странице с миниатюрами под каждой из них будет написано имя файла оригинального изображения.
6. Если оригинальные изображения слишком велики для размещения на странице, установите флажок Resize Gallery Images. В списке Size примерно выберите требуемый размер или введите точный коэффициент масштабирования в поле ввода, расположенное по соседству.
7. Список, поле ввода и ползунок Quality разными способами задают качество изображений, получаемых масштабированием. И оригинальные изображения и миниатюры создаются в формате JPEG. Поэтому перечисленные элементы управления задают коэффициент сжатия. Как вы помните, для этого формата, чем сильнее сжатие, тем ниже качество изображений.
8. Нажмите на кнопку ОК. Photoshop потратит некоторое время на обработку галереи, а затем откроет установленный на вашем компьютере браузер и загрузит в него страницу с миниатюрами (Рисунок 11.16, а). Щелчок на любой из них откроет страницу с соответствующим изображением большего размера (рис 11.16, б). Обратите внимание, что на этих страницах имеются элементы навигации (стрелки), позволяющие переходить к следующему или предыдущему изображению галереи минуя страницу с миниатюрами. Впрочем этот путь тоже не доло1, поскольку средняя стрелка как раз и приводит к странице с миниатюрами. Для создания "упаковок" из нескольких изображений новая версия Photoshop 5.5 предлагает еще один модуль. Picture Package. Он запускается одноименной командой вложенного меню Automate. Диалоговое окно модуля изображено на Рисунок 11.17.

Диалоговое окно Picture Package

Рис 11.17. Диалоговое окно Picture Package

В этом окне предлагаются различные варианты размещения изображений стандартных "фотографических" размеров в одном документе. Модуль удобно использовать для распечатки коллекции фотографий на принтере большего формата. Варианты размещения собраны в списке Layout Кнопка Choose... в области SourceImage открывает стандартное диалоговое окно, в котором указывается папка с исходными изображениями. Списки Resolution и Mode задают разрешение и цветовую модель документа. Модуль может создать новый документ или использовать текущий. В последнем случае следует установить флажок Use Frontmost Document.

Макрокоманда Lazy

Рис 11.18. Макрокоманда Lazy

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

Диалоговое окно Batch Options

Рис 11.19. Диалоговое окно Batch Options

Результат выполнения макрокоманды Spatter Frame

Рис 11.2. Результат выполнения макрокоманды Spatter Frame


4. Нажмите на треугольную серую стрелку слева от имени макрокоманды — она "развернется" в список команд, входящих в ее состав. Часть этих команд в свою очередь помечена стрелками. Нажатие на такие стрелки открывает список параметров конкретной команды, если таковые существуют. Команды без параметров, типа Invert, Cut, Paste, Delete, не имеют стрелки слева от имени. Просматривая список команд и их параметров, можно выяснить, как работает данная макрокоманда.
5. Для облегчения разбора макрокоманды можно привлечь "протокол" ее работы — палитру History. Если она сгруппирована с палитрой Actions, разделите их и разместите на экране рядом (Рисунок 11.3).
6. Для удобства отслеживания действий, производимых командами, вы можете вернуть указатель команд в палитре History в самое верхнее положение, отменив тем самым все действия макрокоманды. Затем, по мере разбора каждого шага макрокоманды, перемещайте указатель вниз, давая возможность Photoshop проделать очередную команду. Когда команда выполнена, определите ее результат, осмотрев изображение, палитры Layers и Channels.

Окно командного файла

Рис 11.20. Окно командного файла


ImageReady позволяет напрямую редактировать командные файлы Запустите такой файл двойным щелчком в окне Windows Explorer Вы увидите упрощенный вариант палитры Actions (рис 11.20), который, тем не менее, позволят добавлять и удалять команды в командном файле Двойной щелчок на строке BatchOptions, имеющейся в каждом командном файле, открывает диалоговое окно Batch Options. Настройки, сделанные в этом окне, действительны только для одного выбранного командного файла.

Макрокоманда Spatter

Рис 11.3. Макрокоманда Spatter Frame и "протокол" ее работы в палитре History


Рассмотрим работу макрокоманды по шагам-командам.
1. Make snapshot. В палитре History вы видите результат действия этой команды, снимок Snapshot 1. Действие этой команды аналогично щелчку на пиктограмме нового снимка в палитре History. Совет
Совет
Начинайте любую макрокоманду именно с этой операции. Если вы не будете удовлетворены ее результатом, снимок позволит вам вернуть изображение в исходное состояние независимо от длины макрокоманды.
2. Convert Mode. Этой команды вообще нет в палитре History. Дело в том, что исходное изображение уже имеет модель RGB и команда не вызывает никаких действий Photoshop. Она нужна на случай, если вы запустите макрокоманду для изображения в другой модели.
3. Reset Colors. В палитре History этой команды вы также не найдете. Она задает основной и фоновый цвета по умолчанию и аналогична щелчку на пиктограмме Default Foreground and Background Colors в палитре инструментов. Эта команда никак не действует на изображение, и поэтому не записывается в History.
4. Set Selection. Параметр команды говорит о том, что выделяется все изображение. Тот же результат дает команда All меню Select. В палитре History ей соответствует вторая строка — Select Canvas.
Примечание
Примечание
К сожалению, разработчики не старались унифицировать названия команд меню, операций и содержимого палитры History. Так, при выполнении команды All, Photoshop запишет в палитру History строку Select Canvas, а в палитру Actions — строку Set Selection с параметром all. Иногда варианты записи команды могут настолько сильно не совпадать, что не проделывая экспериментов очень трудно догадаться об их соответствии.
5. Duplicate Selection. В данном случае команда сохранит выделенную область (весь холст) в новом канале, как команда Save Selection... меню Select.. В палитре History команда записана именно под таким именем. Параметр Name в макрокоманде устанавливает для канала имя shape.
Совет
Совет
При создании собственных макрокоманд всегда давайте новым слоям и каналам имена. Это значительно облегчит труд и вам и другим пользователям ваших макрокоманд, которые будут понятны и легко модифицируемы.
6. Canvas Size. Очевидно, это запись одноименной команды из меню Image. Параметры команды — новые размеры холста и место размещения изображения на нем. Новые размеры заданы в процентах от исходных, поскольку макрокоманда "не знает" о точных размерах обрабатываемого ею изображения.
7. Set Selection. Эта команда уже встречалась на шаге 4.
8. Duplicate current layer. Как не трудно догадаться, команда дублирует текущий слой и записана командой Duplicate Layer... из меню палитры Layers. Слою тут же присваивается имя Spatter.
9. Make. Так записываются в палитре Actions команды создания новых слоев и каналов. Для того чтобы понять, что команда создает, надо обратиться к ее параметрам. Параметр New говорит о том, что создан новый канал. Параметр At указывает на место его создания — слой-маска. Режим Using указывает, что маска полностью залита черным цветом (ничего не маскировано). В палитре History определен смысл этого шага более явно: Add Layer Mask. Очевидно, здесь использовалась команда меню Layer/Add Layer Mask/Reveal All.
10. Set Selection. Как вы уже знаете, это команда создания выделенной области Параметр. То указывает на то, что она загружена из канала shape. Палитра History прямо указывает, что была выполнена команда Load Selection.... Созданный на шаге 5 канал shape, содержит маску всего изображения.
11. Contract. Это команда одинаково отображается в обеих палитрах и соответствует такой же команде меню, находящейся в списке Modify, вложенном в меню Select. Параметр команды By говорит о том, что выделенная область уменьшена на 16 пикселов.
12. Inverse. Команда инверсии выделенной области, эквивалентная одноименной команде меню Select.
13. Fill. Соответствует команде Fill... меню Edit и имеет те же параметры: 100%-ная заливка черным цветом при режиме наложения Normal-14. Set Selection. Снова установка выделенной области. На этот раз с параметром None, то есть отмена выделения. Палитра History говорит об этом прямо — Deselect. Запись произведена с помощью одноименной команды из меню Select.
15. Spatter. Вызов художественного фильтра из набора BrushStrokes. Разбрызгивается в данном случае слой-маска для того, чтобы получить неровные края. В макрокоманде указаны и параметры Spatter: Spray Radius — 15 пикселов, Smoothness — 5 пикселов.
16. Show current layer With Toggle Others. Эта команда никак не отражена в палитре History, поскольку не производит никаких действий с изображением, а только устанавливает текущим слой spatter, отключая видимость остальных слоев (слоя Background).
17. Make Layer. Создание слоя. В палитре History верно указана команда меню New Layer... из меню палитры Layers.
18. Fill. Снова команда выполнения заливки, на этот раз, белым цветом. Заливка выполняется для всего нового слоя.
19. Move current layer и Select forward layer. В палитре History они соответствуют одной команде Send Backward. Действие записано такой же командой из списка Arrange, находящегося в меню Layer. В макрокоманде перемещение слоя и его активизация разделены.
20. Merge Layers. Действие записано с помощью команды Merge Down меню Layer, о чем говорит соответствующая строка палитры History.
21. Set Selection. Параметр указывает на то, что выделение загружено из канала shape. В палитре History указана и команда, которая использовалась для записи этого действия — Load Selection.
22. Crop. Обрезка изображения по прямоугольному выделению. Запись произведена с помощью команды Crop меню Image.
23. Select channel и Delete Current channel. В палитре History не отображен выбор канала shape перед его удалением, но в палитре Actions он присутствует. Очевидно, удаление ненужного больше канала произведено командой Delete Channel меню палитры Channels.
Если вы внимательно следили за сюжетом этого "детективного" расследования, то вам должно быть ясно, каким образом был создан эффект. Главная его идея в том, чтобы создать слой-маску с неровными краями, закрывающую края изображения. Для этого создается слой-маска, маскирующая края изображения, и производится обработка такого изображения фильтром Spatter (Рисунок 11.4). Все остальные операции необходимы, но носят вспомогательный характер.

Вид слоймаски созданной

Рис 11.4. Вид слой-маски, созданной макрокомандой Spatter,
и палитры слоев после завершения работы этой макрокоманды


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

Результат выполнения

Рис 11.5. Результат выполнения макрокоманды Spatter Frame
с измененными параметрами фильтра Spatter


Заметьте, что каждое новое выполнение макрокоманды создает новый снимок исходного состояния документа. Это очень полезно, но не всегда необходимо. Например, если вы подбираете параметры команд, то с каждой пробой будет появляться новый снимок. С другой стороны, удалять команду создания снимка тоже нежелательно — можно безвозвратно потерять результаты предыдущей работы, если макрокоманда не подойдет. Выход в том, чтобы временно отменить выполнение ненужной команды. 1. Щелкните на галочке, слева от имени команды Make snapshot в палитре Actions.
2. Выберите имя всей макрокоманды Spatter Frame.
3. Запустите макрокоманду на выполнение щелчком на соответствующей пиктограмме в палитре Actions.
4. Откройте палитру History и убедитесь, что новый снимок не был создан. Использование временного отключения той или иной команды очень полезно при создании собственных макрокоманд и при их отладке. Дальнейшие изменения обязательно затронут саму макрокоманду и потребуют записи новых команд и удаления существующих.

Диалоговое окно New Action

Рис 11.6. Диалоговое окно New Action


Совет
Совет
Когда вы создаете свою макрокоманду, указывайте с чем она работает. Если макрокоманда требует для работы изображения на отдельном слое, укажите в скобках "Layer". Если же для ее функционирования необходима выделенная область, укажите "Selection". Такие обозначения приняты при обмене макрокомандами. 7. Нажмите кнопку Record. С этого момента все ваши действия в программе будут записываться в макрокоманду Center (Layer). После выполнения каждой команды сразу же смотрите в палитру Actions, проверяя результат ее записи. Пиктограмма записи в палитре подсвечена красным цветом.
8. Выберите команду All меню Select или нажмите клавиши +. В палитре Actions появилась первая команда Set Selection с параметром. То, соответствующим выделению всего холста (All).
9. Выберите команду Cut меню Edit. Соответствующая команда появится и в палитре Actions.
10. Выберите команду Paste меню Edit. Соответствующая команда появится и в палитре Actions.
Совет
Совет
Если при записи макрокоманды вы ошибочно сделали не то действие и сразу же это обнаружили, выберите команду Undo меню Edit Ошибочная команда из палитры Actions при этом не исчезнет, но изображение вернется в предыдущее состояние. Далее просто введите верную команду. Оставшуюся в палитре неправильную команду не сложно удалить после завершения записи. Для этого нужно просто перетащить строку команды к пиктограмме удаления.
11. Все действия макрокоманды выполнены и пора остановить запись. Щелкните на пиктограмме остановки записи в палитре Actions (Рисунок 11.7).
Настоятельно советуем каждую созданную вами макрокоманду снабжать комментарием, описывающим ее требования к начальному состоянию документа, ведь для работы одной требуется объект, расположенный на слое, для другой — выделенная область, для третьей — отсутствие слоев и т. п. Когда у вас появится библиотека макрокоманд, вам, вероятно, уже будет сложно запомнить детали функционирования каждой из них.

Макрокоманда Center (Layer)

Рис 11.7. Макрокоманда Center (Layer)

1. Выберите в палитре Actions заголовок созданной макрокоманды.
2. Выполните команду Insert Stop... из меню палитры. В открывшемся диалоговом окне Record Stop (Рисунок 11.8) увидите поле Message, в которое можете ввести несколько строк комментария, и флажок Allow Continue, определяющий, разрешить или нет дальнейшее выполнение макрокоманды. Введите текст комментария и установите флажок Allow Continue.
3. Нажмите кнопку ОК.
4. Переместите команду Stop в палитре Actions на первое место в нашей макрокоманде тем же способом, которым меняли порядок слоев в палитре слоев — Drag and Drop.

Диалоговое окно Record Stop

Рис 11.8. Диалоговое окно Record Stop


В программировании, даже таком элементарном, требуется, чтобы программа освобождала все занятые ресурсы компьютера. Данная макрокоманда этому требованию не удовлетворяет, поскольку в буфере обмена осталось все содержимое слоя. Если изображение достаточно велико, то занятая память отрицательно скажется на производительности программы; С другой стороны, при переключении на любую другую программу и обратно, будет происходить передача содержимого буфера обмена между ними. Эго приведет к назойливой задержке. В качестве самостоятельной работы дополните макрокоманду командой Purge из меню Edit Разработчики постоянно совершенствуют рассматриваемый механизм автоматизации работы и все меньше остается операций, которые нельзя записать в макрокоманду. В новой версии Photoshop стало возможным записывать действия:
§ В палитрах Layers, Paths и History
§ Инструментов выделения Marquee, Lasso и MagicWand
§ Инструментов заливки Paint Bucket и Gradient
§ Инструмента Type
§ Инструмента Line
§ Инструментов трансформации Move и Free Transform
§ Фильтров группы Lighting Effects
§ В диалоговом окне File Info
Примечание
Примечание
Чтобы записать контур в макрокоманду, нужно его предварительно создать, а затем воспользоваться командой Insert Path меню палитры Actions При проигрывании макрокоманды контур будет воспроизведен на новом изображении.
Запись макрокоманд в Photoshop имеет и значительные ограничения. Во-первых, не записываются действия инструментов рисования (Paintbrush, Rubber Stamp, Eraser и пр.). Во-вторых, нет возможности управления ходом выполнения макрокоманды. Макрокоманда не может вызывать различные команды в зависимости от каких-либо условий, нельзя организовать циклическое выполнение группы команд, получение и использование информации о состоянии документа (размер, разрешение, цветовая модель, количество и типы слоев и каналов и т.п.).

Диалоговое окно Conditional Mode Change

Рис 11.9. Диалоговое окно Conditional Mode Change


3. Диалоговое окно команды разбито на две области: Source Mode и Target Mode. Первая область содержит восемь флажков, соответствующих типам исходного изображения. Те типы, флажки для которых установлены, будут подвергнуты обработке, а остальные нет. Установите флажки для всех типов, кроме RGB Color (RGB), Grayscale и Indexed Color. Быстрее всего это можно сделать нажав кнопку All, а затем сняв флажки для этих трех типов.
4. Список в области Target Mode предназначен для выбора типа, который должно иметь изображение после преобразования. Установите в списке режим RGB Color.
5. Нажмите кнопку ОК. Photoshop откроет предупреждающее окно, говорящее о том, что тип изображения не совпадает ни с одним из помеченных для преобразования типов. Преобразование этого изображения не произошло.
6. Установите флажок для типа Indexed Color.
7, Нажмите кнопку ОК. Изображение преобразовано в RGB, поскольку вы разрешили преобразование типа Indexed Color.
Разумеется, команда Conditional Mode Change... имеет смысл только при вызове из макрокоманды и дает ей возможность "узнать" тип изображения.

Сохранение макрокоманды

Сохранение макрокоманды

Если вы планируете и дальше использовать созданную макрокоманду или перенести ее на другой компьютер, то ее необходимо сохранить в файле. Сохранить одну макрокоманду из набора невозможно, сохраняется только набор целиком. В созданном вами наборе My Actions находится пока единственная макрокоманда Center (Layer), поэтому сохранение набора будет эквивалентно сохранению единственной макрокоманды.
1. Выделите имя набора My Actions в палитре Actions щелчком мыши.
2. Выберите в меню палитры команду Save Actions....
3. В открывшемся стандартном окне задайте имя файла и папку, в которой будет сохранен набор макрокоманд.
4. Нажмите кнопку Save. Теперь вы можете перенести этот файл на другой компьютер или положить его в свой архив.
Если вы решили скомпоновать в один набор несколько наиболее часто используемых вами макрокоманд или разделить набор ваших макрокоманд, то Photoshop позволит вам легко проделать это. Достаточно просто перетащить в палитре Actions строку с именем макрокоманды в нужный набор.

Страница с миниатюрами

Страница с миниатюрами

Частая потребность Web-дизайнера в создании каталогов изображений с появлением пятой версии Photoshop наконец нашла свою реализацию в команде Contact Sheet.
1. Закройте все открытые документы
2. Выберите команду Contact Sheet... из меню Automate
3. В диалоговом окне команды (рис 11.13) выберите папку с файлами, миниатюры которых надо поместить на лист. Выбор осуществляется в диалоговом окне, открывающемся щелчком на кнопке Choose... в области SourceFolder. Если вы хотите, чтобы просматривались и вложенные папки то установите флажок Include All Subdirectories

Управление воспроизведением макрокоманд

Управление воспроизведением макрокоманд

Если вам понравилась макрокоманда Spatter Frame, то у вас неминуемо возникнет желание адаптировать ее в соответствии со своими потребностями. Некоторую часть этой работы можно проделать не изменяя макрокоманду.
Например, можно изменять параметры фильтра Spatter для того, чтобы задавать степень неровности краев.
По умолчанию данная макрокоманда при выполнении не запрашивает никаких параметров, а пользуется заданными при ее записи. Вы можете указать макрокоманде на необходимость выдачи запросов относительно любой команды, имеющей какие-либо параметры. Продемонстрируем на примере параметров фильтра Spatter.
1. Выберите первый снимок в палитре History. Это вернет изображение в первоначальное состояние.
2. Найдите в палитре Actions строку с командой Spatter и щелкните на пустом прямоугольнике слева от имени команды. В нем появится пиктограмма, изображающая диалоговое окно.
3. Выберите имя всей макрокоманды Spatter Frame.
4. Запустите макрокоманду на выполнение щелчком на соответствующей пиктограмме в палитре Actions.
5. При выполнении команды Spatter Photoshop откроет диалоговое окно фильтра, в котором вы сможете выбрать желаемые параметры. Попробуйте, например, уменьшить значение Smoothness до 2.
6. Нажмите кнопку ОК. Макрокоманда продолжит выполнение. Результат представлен на Рисунок 11.5.

Вложенные макрокоманды

Вложенные макрокоманды

Если предложенная нами задача выполняется часто для разных папок или нужно обработать изображения из нескольких папок, то регулярные переустановки в диалоговом окне Batch покажутся довольно обременительными Выход состоит в использовании вложенных макрокоманд. Photoshop позволяет вызывать макрокоманды из других макрокоманд. Получается что-то вроде подпрограмм в языках программирования.
1. Создайте новую макрокоманду в наборе My Actions и назовите ее, например, "Lazy". Включите запись макрокоманды.
2. Откройте диалоговое окно Batch, выбрав одноименную команду из меню Automate.
3. Введите те же установки, что и в прошлый раз.
4. Закройте диалоговое окно, нажав кнопку ОК.
5. Выберите команду Contact Sheet... из того же меню. Воспроизведите в диалоговом окне команды уже использовавшиеся установки.
6. Запустите команду на выполнение, нажав кнопку ОК
7. Остановите запись макрокоманды (Рисунок 11.18).

Загрузка макрокоманд

Загрузка макрокоманд

Для начала рассмотрим одну из готовых макрокоманд, поставляемых вместе с Photoshop. Макрокоманды хранятся в отдельных файлах с расширением atn. Они могут свободно переноситься между компьютерами. Несколько полезных наборов макрокоманд находятся в папке \Goodies\Actions на дистрибутивном диске. Воспользуемся макрокомандой Spatter Frame из набора Frames. Для того чтобы это сделать, необходимо загрузить набор, в который входит данная макрокоманда в палитру Actions.
1. Откройте палитру Actions командой Show Actions из меню Window или горячей клавишей .
2. Выберите команду Load Actions... из меню палитры Actions.
3. В открывшемся стандартном диалоговом окне выберите файл Frames, atn. В палитре Actions появится новый набор макрокоманд Frames.
4. Щелкните курсором мыши на треугольной стрелке рядом с именем набора. Под строкой с именем Frames появится список всех макрокоманд, входящих в этот набор. Самая первая макрокоманда, Spatter Frame, нам и нужна.
Примечание
Примечание
Если вы хотите удалить из палитры все наборы макрокоманд, а вместо них установить какой-либо набор, то воспользуйтесь командой Replace Actions меню палитры Actions.

Запись макрокоманды

Запись макрокоманды

В этом разделе описывается создание простейшей, но очень полезной макрокоманды, позволяющей центрировать изображение на текущем слое. Воспользуемся одной особенностью команды Paste: она размещает изображение точно по центру слоя.
Для записи макрокоманды подойдет любое изображение, имеющее слой Background и еще один слой. То изображение девушки, которое уже находится на экране, удовлетворяет этим критериям. При создании макрокоманды будем предполагать, что слой, который требует центровки к моменту запуска макрокоманды, активен.
1. Активизируйте слой Layer 1.
2. Разместим макрокоманду в новом наборе макрокоманд. В палитре Actions нажмите кнопку создания нового набора макрокоманд Create new set.
3. В открывшемся диалоговом окне New Set введите имя нового набора, например "My Actions".
4. Нажмите кнопку ОК. В палитре появился новый набор.
5. В палитре Actions выберите пиктограмму создания новой макрокоманды Create new action.
6. В появившемся диалоговом окне New Action введите имя макрокоманды в поле Name (Рисунок 11.6), например, "Center (Layer)". Ниже этого поля расположен список всех наборов макрокоманд, присутствующих в палитре. По умолчанию в нем выбран выделенный набор, My Actions. Остальными элементами этого диалогового окна займемся чуть позже.

Самоучитель по Adobe Photoshop 5.5

Клавиатурные сокращения

Клавиатурные сокращения


Палитры
Общие сокращения

Показать/спрятать все палитры	<Таb>
Показать/спрятать все палитры, кроме палитры инструментов	+
Загрузить канал/слой/маску как новую выделенную область	+ щелчок на миниатюре
Загрузить канал/слой/маску со сложением областей	++ щелчок на миниатюре
Загрузить канал/слой/маску с вычитанием областей	++ щелчок на миниатюре
Загрузить канал/слой/маску с вычислением пересечения областей	+++ щелчок на миниатюре
Создать новый слой/канал/контур/снимок	+ щелчок на пиктограмме"Новый"
Удалить слой/канал/контур/снимок	Щелчок на пиктограмме "Корзина"
Удалить слой/канал/контур)снимок без выдачи подтверждения	+ щелчок на пиктограмме "Корзина"

Отображение документа

Отображение документа

Показать/спрятать направляющие	+<;>
Закрепить линейки	++<;>
Заменить ориентацию направляющей	+ буксировка направляющей
Привязать к направляющим	++<;>
Показать/спрятать линейки	+
Привязать направляющую к делениям линеек	+ буксировка линеек
Измерить угол	Measure ++ буксировка
Увеличить масштаб	+<+>
Уменьшить масштаб	+<->
Установить масштаб 1:1	++<0> (ноль) или двойной щелчок на инструменте Zoom
Установить масштаб по размеру экрана	+<0> (ноль) или двойной щелчок на инструменте Hand
В палитре Navigator: задать масштаб, так чтобы поле масштаба осталось активным	+ в палитре Navigator
В палитре Navigator: увеличить масштаб выбранного участка	+ буксировка в палитре Navigator
Заменить любой инструмент на инструмент Hand	<Пробел>+ буксировка, или буксировка выбранного участка в палитре Navigator
Прокрутить на 1 экран вверх-вниз	,
Прокрутить на 10 пикселов вверх-вниз	+ или
Перемещение в окне документа в левый верхний (правый нижний) угол	()
Показать координатную сетку	+<">
Включить/выключить вид слоя с наложенными масками	<\>

Палитра Actions

Палитра Actions

Палитра Brushes

Палитра Brushes

Показать/спрятать палитру
Вывести диалоговое окно создания новой кисти	Щелчок на свободной области палитры
Удаление кисти	+ щелчок на кисти
Выполнить перемещение между кистями	<[> или <]>
Выбрать первую кисть	+<[>
Выбрать последнюю кисть	+<]>
Вывести диалоговое окно редактирования кисти	Двойной щелчок на кисти

Палитра Color

Палитра Color

Показать/спрятать палитру
Выбрать фоновый цвет	+ щелчок на цветовой полосе
Выбрать палитру в диалоговом окне Color Bar	+ щелчок на цветовой полосе
Выбрать палитру	+ щелчок на цветовой полосе

Палитра History

Палитра History

Палитра Info

Палитра Info

Показать/спрятать палитру
Изменить цветовую модель, в которой проводится измерение	Щелчок на пиктограмме "Пипетка"
Изменить единицу измерения	Щелчок на пиктограмме "Перекрестие"

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

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

Marquee		Move
Lasso		Magic Wand
Airbrush		Paintbrush
Rubber Stamp		History Brush
Eraser		Pencil
Blur		Dodge	<О>
Pen		Type
Measure		Gradient
Paint Bucket		Eyedropper	<1>
Hand		Zoom
Crop		Режим быстрой маски

Палитра каналов

Палитра каналов

Палитра Paths

Палитра Paths

Палитра слоев

Палитра слоев

Палитра Swatches

Палитра Swatches

Создать новый образец в конце каталога	Щелчок на свободном пространстве палитры
Создать новый образец между существующими	++ щелчок
Удалить образец	+ щелчок на образце
Выбрать фоновый цвет	+ щелчок на образце
Заменить образец	+ щелчок на образце

Прочие клавиатурные сокращения

Прочие клавиатурные сокращения

Вызов справки
Выход из программы	+
Прекращение выполнения операции
Команда New... меню File	+
Создание нового файла с установками по умолчанию	++
Команда Open... меню File	+
Команда Close меню File	+
Команда Save меню File	+
Команда Print... меню File	+
Команда Exit меню File	+
Команда Undo меню Edit	+
Команда Last Filter меню Filter	+
Открытие диалогового окна фильтра, использованного последним	++
Приведение установок диалогового окна к последним примененным	+ щелчок на кнопке Reset
Последнее из вызванных по умолчанию окон	++
Приведение установок цветовой и тоновой коррекции к последним из использованных	+ выбрать команду группы Adjust
Уменьшение/увеличение выбранного параметра на 1 единицу (кроме окон фильтров)*	Кнопки со стрелками
Новый градиент в окне редактора градиентов	+
Применение инструмента Eraser в соответствии с палитрой History	Инструмент Eraser +
Активация кнопки в предупреждающих окнах	Первая буква названия кнопки

* При нажатой клавише происходит изменение с шагом 10 пикселов.

Работа с контурами

Работа с контурами

Выбор нескольких узлов	Инструмент Direct Selection ++ щелчок
Выбор всего контура	Инструмент Direct Selection++ щелчок
Дублирование контура	Инструмент Direct Selection++ буксировка
Переключение на инструмент Direct Selection с любого контурного инструмента
Переключение Add Anchor Point/Delete Anchor Point
Переключение с инструмента Add Anchor Point на Pen, когда курсор вблизи построенного контура
Переключение с инструмента Direct Selection на ConvertPoint, когда курсор вблизи узла или направляющей точки	+
Замыкание контура	+ щелчок на начальной узловой точке
Размыкание контура с удалением активного сегмента
Удаление последнего узла
Отмена контура Magnetic Pen во время построения
Переключение с инструмента Magnetic Pen на Freeform Pen	+ буксировка
Переключение с инструмента Magnetic Pen на Pen	+ щелчок

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

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

Выравнивание по правому краю, центру, левому краю	Инструмент Type +++//
Выравнивание по верху, по центру, по низу	Инструмент Vertical Type ++//
Выделение символов текста	+ клавиши со стрелками
Выделение всего текста	+
Выделение символов от курсора до места щелчка	+ щелчок
Перемещение курсора в тексте (по словам)	Клавиши курсора (+)
Увеличение (уменьшение) размеров символов выделенного текста на 2 пункта или пиксела	++ >> (<<>)
Увеличение (уменьшение) размеров символов выделенного текста на 10 пунктов или пикселов	+++ <> (<<>)
Увеличение (уменьшение) интерлиньяжа выделенного текста на 2 пункта или пиксела*	+<> (<Ї>) ЫЫ
Увеличение (уменьшение) смещения базовой линии выделенного текста на 2 пункта или пиксела*	++<> (<Ї>)
Увеличение (уменьшение) кернинга символов, между которыми находится курсор на 0,02 круглой шпации	+<®> (<>)
Увеличение (уменьшение) трекинга выделенных символов на 0,1 круглой шпации	++<®> (<>)

* При нажатой клавише происходит изменение размера с шагом 10 пунктов или пикселов.

Режимы наложения

Режимы наложения


Режимы наложения устанавливаются для рисования и слоев документа.

Normal	++	Difference	++
Threshold(bitmap mode)	++	Exclusion	++
Dissolve	++	Hue	+<;Alt>+
Behind	++	Saturation	++
Clear	++	Color	++
Multiply	++	Luminosity	++
Screen	++	Desaturate	Инструмент Sponge+++
Overlay	++	Saturate	Инструмент Sponge +++
Soft Light	++	Shadows	Инструмент Dodge/ Burn+++
Hard Light	++	Midtones	Инструмент Dodge/ Burn+++
Color Dodge	++	Highlights	Инструмент Dodge/ Burn+++
Color Burn	++
Darken	++
Lighten	++

Палитра слоев Layers

Рис П.1.1. Палитра слоев Layers

Вывести на экран палитры/спрятать палитру
Копировать текущий слой на нижележащий	+ Merge Down
Свести видимые слои на активный	+ Merge Visible
Свести связанные слои на активный	+ Merge Linked
Изменить активность слоя	+<]>/<[>
Двигать активный слой вниз/вверх в стопке слоев	Alt>+ +<]>/<[>
Сделать активным верхний/нижний слой	++<]>/<[>
Установить режим наложения слоя	См. "Режимы наложения"
Установить непрозрачность слоя	Клавиши цифровой клавиатуры+ любой инструмент (например, 0=100%,1=10%, 4 и 5 (набирать быстро)= 45%)
Перемещать эффект слоя	Буксировка эффекта при открытом диалоговом окне Layer Effect
Включить/выключить показ слоя	Щелчок на пиктограмме "Глаз"
Включить все слои/выключить все слои, кроме данного	+ щелчок на пиктограмме "Глаз"
Связать слои	Щелчок на строке одного слоя + щелчок в поле 2 второго слоя (появится пиктограмма "Цепь")
Сделать слой активным	Щелчок на миниатюре слоя (в поле 2 появится пиктограмма "Кисть")
Сделать активной слой-маску	Щелчок на миниатюре слой-маски (в поле 2 появится пиктограмма "Маска"
Связать слой со слой-маской/разорвать связь	Щелчок между миниатюрами слоя и слой-маски
Вывести диалоговое окно параметров обычного слоя	Двойной щелчок на миниатюре слоя
Вывести диалоговое окно параметров корректирующего слоя	Двойной щелчок на пиктограмме "Корректирующий слой"
Вывести диалоговое окно параметров слой-маски	Двойной щелчок на миниатюре слой-маски (при активной слой-маске)
Вывести диалоговое окно параметров текстового слоя	Двойной щелчок на пиктограмме "Текстовый слой"
Включить/выключить слой-маску	+ щелчок на миниатюре слой-маски
Выполнить переключение между изображением и слой/маской	+ щелчок на миниатюре слой-маски
Включить/выключить режим наложения слой-маски на изображение	++ щелчок на миниатюре слой-маски
Редактировать последний из примененных эффектов слоев	Двойной щелчок на пиктограмме "Эффекты слоя"
Удалить последний из примененных эффектов слоев	+ двойной щелчок на пиктограмме "Эффекты слоя"
Создать слой-маску	Щелчок на пиктограмме "Маска"
Создать инвертированную слой-маску	+ щелчок на пиктограмме "Маска"
Создать новый корректирующий слой	+ щелчок на пиктограмме "Новый"
Сгруппировать слои в макетную группу	+ щелчок на линии между строками слоев (курсор в виде двух кругов)
Выбор спрятанного инструмента	+ любой инструмент или -+<клав. экв. инструмента>*
Палитра свойств инструмента	Двойной щелчок на инструменте или + любой инструмент
Контекстное меню инструмента	Щелчок правой клавишей мыши
Курсор инструмента в виде перекрестия	+ любой инструмент

* Кроме инструментов Crop, Direct Selection, Add Anchor Point, Delete Anchor Point, Convert Point

Палитра каналов Channels

Рис П. 1.2. Палитра каналов Channels

Вывести палитру Channels
Показать/спрятать канал	Щелчок на миниатюре канала
Сохранить текущую выделенную область в новом канале	Щелчок на пиктограмме "Маска"
Сохранить текущую выделенную область в новом канале с заданием параметров	+ щелчок на пиктограмме "Маска"
Создать новый канал плашечного цвета	+ щелчок на пиктограмме "Новый"
Выбрать несколько каналов	+ щелчки на строках каналов
Выполнить переключение между альфа-каналом и совмещенным каналом	+ щелчок на строке альфа-канала
Вывести диалоговое окно свойств альфа-канала	Двойной щелчок на строке альфа-канала
Показать совмещенный канал	<~>

Палитра Paths Обвести

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

Обвести контур	Щелчок на пиктограмме "Обводка"*
Залить контур	Щелчок на пиктограмме "Заливка"*
Создать рабочий контур из выделения	Щелчок на пиктограмме "Контур"*
Именовать рабочий контур	Двойной щелчок на контуре

* При нажатой клавише открывается окно параметров.

Палитра History Выбрать

Рис П.1.4. Палитра History

Выбрать источник для инструмента History Brush	Щелчок в поле 1 (появится пиктограмма "Кисть")
Выполнить перемещение по фазам изображения вперед/назад	++/++
Дублировать фазу изображения (кроме последней)	+ щелчок на нужной фазе
Создать новый снимок фазы	Щелчок на пиктограмме "Новый"
Создать новый документ из текущей фазы	Щелчок на пиктограмме "Новый"
Очистить палитру History безвозвратно	+ Clear History
Удалить фазу или снимок	Щелчок на пиктограмме "Корзина"
Удалить фазу или снимок	+ щелчок на пиктограмме "Корзина"

Палитра Actions Показать/спрятать

Рис П. 1.5- Палитра Actions

Показать/спрятать палитру
Включить/выключить данную команду/операцию/набор	Щелчок на поле "Включение"
Включить данную команду/операцию/ набор и выключить остальные	+ щелчок на поле "Включение"
Включить показ диалоговых окон	Щелчок на поле "Диалоговое окно" строки команды
Включить показ диалогового окна команды и выключить показ для остальных	+ щелчок на поле "Диалоговое окно" строки команды
Воспроизвести операцию	Щелчок на пиктограмме "Воспроизведение" или + двойной щелчок на строке операции
Воспроизвести отдельную команду	+ щелчок на пиктограмме "Воспроизведение"
Остановить воспроизведение/остановить запись	Щелчок на пиктограмме "Стоп"
Записывать операцию	Щелчок на пиктограмме "Запись"
Записывать операцию без подтверждения	<АН>+ щелчок на пиктограмме "Новая операция"
Создать операцию и начать запись	Щелчок на пиктограмме "Новая операция"
Просмотреть параметры операции	+ щелчок на строке операции
Раскрыть/закрыть команды операции	Щелчок на треугольной стрелке в строке операции
Включить/выключить показ диалоговых окон всех команд в операции	Щелчок на поле "Диалоговое окно" в строке операции
Повторить запись команды	Двойной щелчок на строке команды

Рисование

Рисование

Выбор фонового цвета	+ инструмент Eyedropper
Установка основного/фонового цветов по умолчанию
Переключение основного/фонового цветов
Заливка выделенной области/слоя основным цветом	+*
Заливка выделенной области/слоя фоновым цветом	+*
Заливка выделенной области/слоя с выдачей диалогового окна Fill	+*
Замена любого инструмента на инструмент Eyedropper	+ любой рисующий инструмент
Замена любого инструмента на инструмент Color Sampler	Инструмент Eyedropper +
Удаление метки инструмента Color Sampler	Инструмент Color Sampler + + щелчок на метке
Установка значений непрозрачности, нажима и экспозиции	Клавиши цифровой клавиатуры + любой нструмент (например, 0=100%, 1=10%, 4 и 5 (набирать быстро)= 45%)
Рисование вертикальных, горизонтальных, наклонных прямых линий	+ любой инструмент
Включение/выключение параметра Preserve Transparency

* для включения параметра Preserve Transparency.

Выделение перемещение

Выделение, перемещение,



трансформирование

Замена любого инструмента на инструмент Move	+ буксировка
Сложение выделенных областей	+ инструмент выделения
Вычитание выделенных областей	+ инструмент выделения
Пересечение выделенных областей	++ инструмент выделения
Выделенная область из центра	<А1t>+ инструмент выделения
Выделение окружности и квадрата	+ инструмент выделения
Уменьшение (увеличение) ширины инструмента Magnetic Lasso и Add Anchor Point	Инструмент +<[> (<]>)
Выполнение трансформирования выделенной области (границы выделенной области)
Отмена трансформирования выделенной области (границы выделенной области)	или <Сапсеl>
Переход в режим свободного трансформирования	+
Переключение между инструментами Magnetic Lasso и Lasso	+ буксировка
Переключение между инструментами Magnetic Lasso и Polygonal Lasso	+ щелчок
Перемещение копии выделенной области	Инструмент Move ++ буксировка
Перемещение границы выделения на 1 пиксел*	Любой инструмент, кроме Move, + клавиши со стрелками
Перемещение области выделения на 1 пиксел*	Инструмент Move + клавиши со стрелками
Перемещение слоя на 1 пиксел*	+ клавиши со стрелками
Отмена процесса выделения инструментом группы Lasso
Отмена процесса выделения инструментом Magnetic Lasso	+<.> (точка)
Принятие и отмена действия инструмента Crop	или <Сапсеl>
Перемещение границы выделенной области по прямой линии	+ инструмент выделения
Перемещение самой выделенной области по прямой линии	+ инструмент Move
Команда Cut меню Edit	+
Команда Copy меню Edit	+
Команда Paste меню Edit	+
Команда Аll меню Select	+
Команда None меню Select	+
Команда Grow меню Select	+
Команда Hide Edges меню View	+
Поворот	Поворот бокового ограничителя
Поворот с шагом 150	+ поворот бокового ограничителя
Масштабирование	Буксировка углового ограничителя
Пропорциональное масштабирование	+ буксировка углового ограничителя
Масштабирование от центра	+ буксировка углового ограничителя
Пропорциональное масштабирование от центра	++ буксировка углового ограничителя
Симметричное масштабирование	+ буксировка бокового ограничителя
Искажение	+ буксировка углового ограничителя
Искажение по горизонтали или вертикали	++ буксировка углового ограничителя
Симметричное искажение	++ буксировка углового ограничителя
Эффект перспективы	+++ буксировка углового ограничителя
Наклон	++ буксировка бокового ограничителя
Наклон от центра	+++ буксировка бокового ограничителя

* При нажатой клавише происходит перемещение с шагом 10 пикселов.

Измерение значений пикселов на фрагментах

Подключаемые модули

№	Фирма/Модуль	URL/Описание	Аналоги
1	ALIENSKIN SOFTWARE	www.alienskin.com
1.1	Eye Candy	Набор фильтров с разнообразными изобразительными эффектами	42.4, 42.5
1.2	Xsenofex	Набор фильтров с разнообразными изобразительными эффектами
2	ALTAMIRA GROUP	www.altamira-group.com
2.1	Genuine Fractals	Поддержка формата FIF (фрактальное кодирование растровых изображений)
3	ANDROMEDA SOFTWARE	www.andromeda.com
3.1	Cutline	Придание изображению вида гравюры	4.5, 25.3
3.2	Measurement	Измерение значений пикселов на фрагментах изображений
3.4	Series II. 3-D	Наложение изображения на плоскость, куб, сферу	47.1, 52.2, 63.1, 36.1
3.5	Series III. Screens	Художественные растры типамеццо-тинто	4.1, 25.3
3.6	Series IV. Techtures	Библиотека из более 900 текстур	42.5, 62.7
3.7	Shadow	Эффект "мягкой" тени	2.1, 23.5
3.8	Three-D Luxe	Комбинация вариантов 4.4 и 4.6	47.1, 52.2,63.1, 36.1
3.9	VariFocus	Настройка резкости по заданной маске
3.10	Velociraptor	Имитация размывания движущихся объектов на фотоснимке	4.3, 42,5
4	ARRIVO	www.arrivo.com
5.1	Select	Набор фильтров для выделения сложных контуров	15.1, 23.2, 31.1
5	ATS-Graphics	www.ats-vienna.com
5.1	FilterFormula	"Фабрика" модулей наподобие Filter Factory, но с возможностями организации циклов, условных переходов, и др.
6	AUTO F/X	www.autofx.com
6.1	Auto Eye	Автоматизированная коррекция поврежденных изображений
6.2	Page/Edges	Художественная обработка краев страницы публикации. Усеченный вариант 7.3	7.3, 23.3
6.3	Photo/Graphic Edges	Художественная обработка краев и текстурирование краев изображения	7.2, 23.3
6.4	Photo/Graphic Patterns	Текстурирование изображений
6.5	Typo/ Graphic Edges	Художественное искажение шрифта
6.6	WebVise Totality	Набор фильтров экспорта и анимация для Web-дизайна	12.3, 12.4,59.2, 21.1,21.2, 62.5
7	AWARE	www.aware.com
7.1	AccuPress	Поддержка формата сжатия AccuPress, аналогичного JPEG
8	AXION	www.axion.com
8.1	Flare Effects	Создание светящихся объектов, имитация съемки против солнца (типа Lens Flare)	50.1
8.2	Glow-n-Sparkle	Имитация бликов света	62.4
9	BENGT	www.importeps.com
9.1	ImportEPS	Фильтр импорта EPS с расширенными возможностями	61.1
10	BITJAZZ	www.bitjazz.com
10.1	PhotoJazz	Поддержка сжатого формата файлов, имеющего весьма широкие возможности
11	BOXTOP	www.boxtopsoft.com
11.1	ColorSafe	Создание "гибридных" цветов при ограниченной палитре изображения	7.6
11.2	ImageVice	Приведение изображений к ограниченной палитре	27.2
11.3	PhotoGIF	Экспорт изображений в формате GIF	7.6, 21.1,56.1, 59.2,62.5
11.4	ProJPEG	Экспорт изображений в формате JPEG	7.6, 16.1,21.2, 59.2,62.5, 64.1
12	CAMERA BITS	www.camerabits.com
12.1	Quantum Mechanic	Коррекция фотографий, сделанных цифровой камерой	22.1
13	SGSD
13.1	Real Texture	Набор фильтров цветовой коррекции и создания текстур
14	CHROMAGRAPHICS	www.chromagraphics.com
14.1	Chromatica	Выборочная коррекция цветов изображения	54.1
14.2	Edge Wizard	Обработка краев выделенных объектов	23.2
14.3	Magic Mask	Маскирование объектов со сложным контуром	5.1, 23.2,31.5
15	CYBERVIEW	www.cyberview.com
15.1	Image Pro	Экспорт изображений в формате JPEG	7.6, 12.4,21.2, 59.2,62.5
16	CYTOPIA	www.cytopia.com
16.1	PhotoOptics	Имитация традиционных фотографических эффектов
18	DIGIEFFECTS	www.digieffects.com
18.1	Aged Film	Искусственное состаривание фотографий
19	DIGITAL DOMINION	members.aol.com./dgdominion/
19.1	Cinematte	Обработка снимков на синем экране	49.1
20	DIGITAL FRONTIERS	www.digifrontiers.com
20.1	HVS ColorGIF	Экспорт изображений в формате GIF	7.6, 12.3,59.2, 62.5
20.2	HVS JPEG	Экспорт изображений в формате JPEG	7.6, 12.6,16.1, 34.1,59,2, 62.5
21	DVP TECHNOLOGIES	www.dvp.co.il
21.1	EyeFidelity Tools	Коррекция изображений, полученных сканированием, с помощью цифровой камеры или видеоплаты	13.1
22	EXTENSIS	www.extensis.com
22.1	Intellihance	Коррекция изображений и тестовая печать	65.1
22.2	Mask Pro	Создание масок сложного контура	5.1, 15.3,31.1
22.3	PhotoFrame	Придание изображению художественной рамки	7.5
22.4	PhotoGraphics	Расширенная работа с векторными объектами в Photoshop	31.1
22.5	PhotoTools	Набор художественных фильтров и реализация настраиваемых панелей инструментов в Photoshop
23	FINNTECH	www.finntech.fi
23.1	Imagenie	Полностью автоматизированная коррекция изображений
24	FLAMING PEAR	www.flamingpear.com
24.1	BladePro	Придание растровым объектам рельефа и текстур	2.1, 42.5,59.2, 62.7
24.2	FeatherGIF	Полупрозрачные рамки в индексированных изображениях
24.3	India Ink	Художественные растры для изображений	4.1, 4.5
24.4	Solar Cell	Создает сюрреалистические изображения звезд	9.1, 50.1
24.5	Tessellation	Создание мозаичных текстур на основе изображений	14.1, 42.4,59.2
25	FROG INTERPRISES	www.best.com/~gdavis/pcdip/
25.1	PCDIP	Создание каталога изображений с Kodak Photo CD	28.1
26	GAMUT IMAGING	www.gamutimaging.com
26.1	Image Book	Создание каталога изображений с Kodak Photo CD	26.1
27	HI-TECHS	www.hi-techs.com
27.1	Colorways	Управляемое ограничение цветов изображения для рисунка на текстиле	44.1
27.2	Repeat	Создание мозаичного рисунка на текстиле
28	HUMAN SOFTWARE	www.humansoftware.com
28.1	AutoMask	Создание сложных масок	5.1, 23.2
28.2	CD-Q	Подготовка изображений с Photo CD для типографской печати
28.3	OttoPaths	Расширенная работа с векторными объектами в Photoshop	23.4
28.4	PhotoSpray	Создание множества копий растровых объектов "распылением"
28.5	Select	Выборочная коррекция цветов изображения	15.1
28.6	Squizz	Выборочное искажение фрагментов изображения, создание шаржей и т.п.	60.2
28.7	Textissimo	Готовые художественные эффекты для текста и создание собственных	62.6, 23.5
29	IMAGEXPRESS	www.scanprep.com
29.1	Alius	Ограничение палитры изображений	54.1
29.2	AutoPilot	Недоработанная версия 32.4 для РС	32.4, 32,5
29.3	Shooter	Усеченная версия 32.4	32.2, 32.4
30	INTENSE	www.intensesoftware.com
30.1	Powertone	Печать полноцветных изображений в две краски	40.1, 54.4
30.2	Silvertone	Печать изображений с дополнительной металлизированной краской	54.4
31	INTOUCH	www.in-touch.com
31.1	JPEGlt	Экспорт изображений формата JPEG	7.6, 12.4, 116.1, 59.2, 62.5
32	JINTEK	www.jintek.com
32.1	Type Chameleon	Размещение текста вдоль произволного контура	23.4, 31.3
33	KODAK	www.kodak.com
33.1	Kodak Photo CD Acquire	Импорт изображений в формате Photo CD
34	LASERSOFT	www.lasersoft-imagng.com
34.1	SilverFast	Сканирование и коррекция изображений
35	LIVEPICTURE	www.livepicture.com
35.1	FlashPix	Модуль подержки формата FlashPix для Internet
36	LURATECH	www.luratech.com
36.1	LuraWave	Модуль поддержки собственного формата, аналогичного WI (wavelet)
37	METACREATIONS	www.metacreations.com
37.1	KPT Convolver	Коррекция изображений	23.1, 65.1
37.2	KPT Gel	Иммитация металлических, пластиковых, жидких поверхностей	23.5, 27.1, 42.5
37.3	KPT Equalizer	Тонко настраивает резкость изображений
37.4	Kai's Power Tools 3.0	Большой набор художественных эффектов и генерация текстур
37.5	Kai's Power Tools 5.0	Большой набор художественных эффектов и генерация текстур
38	MICROFRONTIER	www.microfrontier.com
38.1	Pattern Workshop	Интерфейс для библиотеки текстур на CD-ROM	4.6
39	MONARCH DESIGN	www.monarchcad.com
39.1	ColorExchange	Подбор расцветки для рисунка на текстиле	4.6
39.2	Plaids and Stripes	Генерация тканных узоров
40	MULTIMEDIA LAB	www.multimedia-lab.com
40.1	3D Texture Painter	Нанесение текстур на трехмерные модели
41	PANOPTICUM	www.panopticum.com
41.1	Fire	Иммитация огня	2.2
41.2	Lens	Иммитация стеклянной линзы	42.2, 42.5
42	PEGASUS IMAGING	www.ipg.com
42.1	PICPress	Модуль поддержки формата ePic
43	PHOTRON	www.photron.com
43.1	Primatte S-100	Маскирование изображений объектов, снятых на фоне синего экрана	20.1
44	POSITRON	www.3graphics.com
44.1	GenesisPS	Создание изображений светящихся объектов, световые эффекты	9.1
45	PUFFIN DESIGN	www.puffindesings.com
45.1	CyberMesh	Сщздание трехмерных моделей на основе изображений	36.1
46	RAYFLECT	www.rayflect.com
46.1	Four Seasons	Создание пейзажей
46.2	Photo Tracer	Визуализация трехмерных моделей	36.1, 47.1, 63.1
47	REINDEER GAMES	members.aol.com/ImagProcTK/
47.1	Image Processing Toolkit	Обработка изображений, полученных на исследовательской аппаратуре
48	SIGNUM	www.signum.com
48.1	SureSign	Цифровая метка на изображениях	7.6
49	SUMMUS	www.summus.com
49.1	4U2C	Поддержка собственного графического формата файлов на основе wavelets (Wl)	41.1
50	SPG	www.spg-net.com
50.1	Filter Tools	Упрощение работы с большим количеством модулей
50.2	Web Tools	Все, что нужно Web-дизайнеру	7.6, 12.3, 12.4, 21.1, 62.5
51	STOIK	www.stoik.com
51.1	ArtGallery	Иммитация художественных стилей письма	67.1
51.2	Rubber	Набор искажающих фильтров	31.6
52	ULEAD	www.ulead.com
52.1	ArtTexture	Генерация фрактальных текстур	42.4, 42.5
52.2	FantasyWarp	Генерация мозаичных текстур искажением изображений	67.3
52.3	GIF-X	Набор "киношных" эффектов для GIF-анимации	59.2
52.4	Particle	Иммитация звезд, дождя, снега, пузырьков, облаков, и т.п.	9.2, 42.4, 42.5
52.5	SmartSaver Pro	Сохранение и оптимизация файлов в форматах GIF, JPEG и PNG	12.3, 12.4, 59.2, 21.1, 21.2, 62.5
52.6	Type	Набор предопределенных эффектов для текста	31.7
52.7	Web Plugins	Набор типичных художественных эффектов для Web-дизайна	2.1, 23.5, 42.4, 42.5
53	VERTIGO	www.vertigo3d.com
53.1	3D Dizzy	Визуализация трехмерных моделей	4.4, 36.1, 47.1, 52.2
53.2	HotTEXT	Размещение текста "в пронстранстве"	59.2, 67.5
54	VIMAS	www.vimas.com
54.1	Web JPEG	Экпорт изображений в формате JPEG	7.6, 16.1, 21.2, 12.4, 59.2, 62.5
55	VIVID DETAILS	www.vividdetails.com
55.1	Test Strip	Коррекция изображений и тестовая печать	23.1
56	XAOS	www.xaostools.com
56.1	Paint Alchemy	Иммиттация художественных стилей письма	60.1
56.2	Segmation	Выполнение трассировки растровых изображений
56.3	Terrazzo	Создание мозаичных текстур на основе фрагментов изображений	62.2
56.4	Type Caster	Создание эффекта объема для текста	59.2

Самоучитель по Adobe Photoshop 5.5

Дублирование выделенного фрагмента

Дублирование выделенного фрагмента

Создадим копию выделенного фрагмента, чтобы впоследствии поместить ее на нужное место.
1. Выберите инструмент Move из палитры инструментов (клавиатурный эквивалент ).
2. Нажмите и не отпускайте клавишу . При этом курсор изменит форму на двойную, черную и белую, стрелку, показывающую, что в этом режиме произойдет перемещение не самого выделенного фрагмента, а s; его копии.
3. Нажмите левую кнопку мыши и, не отпуская ее, переместите выделенный фрагмент изображения по вертикали вниз на свободное место.
4. Отпустите кнопку мыши и клавишу . Фрагмент остался выделенным (Рисунок 1.26).

Информация об изображении

Информация об изображении

Чаще всего редактирование изображения производится для какой-то цели, например для печати в качестве иллюстрации в журнале, или для помещения на Web-страницу. Очень важно, чтобы изображение было нужного размера и имело необходимое разрешение Слишком маленькое изображение при увеличении потеряет в качестве Сильное уменьшение крупного изображения приведет к утрате деталей Кроме того, излишние размер и разрешение увеличивают размер файла, замедляя работу компьютера Разрешение — вторая важнейшая характеристика изображения Информация о геометрических пазмеоах и разрешении "скрыта" в полосе состояния.
1. Установите курсор на поле, отображающем информацию о размере документа в левой части полосы состояния. Удерживая клавишу , нажмите левую кнопку мыши.
2. Появилось окно, отображающее информацию о ширине, высоте, разрешении изображения и о количестве каналов с указанием цветовой модели (Рисунок 1.11).

Инструмент Hand

Инструмент Hand

Увеличенное изображение перестает быть целиком видимо в окне документа. Для перемещения (прокрутки) изображения относительно окна документа применяется инструмент Hand.
1. Увеличьте масштаб отображения до 800%.
2. Включите инструмент Hand. При попадании в рабочее окно курсор принимает форму руки. Нажмите кнопку мыши и перемещайте курсор, вместе с "рукой" будет перемещаться и изображение (Рисунок 1.13.).
3. Дважды щелкните на инструменте Hand. Масштаб документа увеличится до наибольшего возможного при данном размере главного окна.

Инструмент History Brush

Инструмент History Brush

В процессе работы было выполнено несколько полезных действий, результаты которых не хотелось бы терять — это выделение и перемещение прямоугольника. Для частичного возврата к предыдущему состоянию используется инструмент History Brush.
1. Внимательно рассмотрите изображение, приведенное к исходному виду. В правой верхней части находится прямоугольник, который впоследствии был удален.
2. Щелкните мышью на последней строке палитры History. Документ перешел в состояние, которое имел после редактирования.
3. Восстановим отсутствующий фрагмент (прямоугольник в исходном положении). Щелкните мышью на пустой кнопке в левой части снимка состояния. На кнопке появилась пиктограмма кисти. Это значит, что при использовании специального инструмента рисования — History Brush, именно из этого состояния (в данном случае из исходного) будут восстанавливаться фрагменты изображения.
4. Выберите инструмент History Brush из палитры инструментов (клавиатурный эквивалент — ). Переместите курсор в окно документа (курсор примет вид кисти со стрелкой). Щелкните в правом верхнем углу изображения и буксируйте курсор, имитируя движения кисти. Как по волшебству, из-под вашей кисти выходит вторая копия прямоугольника. Нарисуйте ее целиком.

Инструмент Lasso

Инструмент Lasso

1. Выберите инструмент Lasso.
2. Поместите курсор в виде лассо на любую точку контура и буксируйте курсор по контуру изображения, удерживая левую кнопку мыши. За курсором тянется след, который и является контуром выделяемой области (Рисунок 1.35). Вы выполняете выделение, просто "рисуя" контур области курсором. Разумеется, форма произвольна, однако старайтесь точно придерживаться краев фрагмента.
3. Продолжайте аккуратно вести лассо по контуру изображения до исходной точки, что приведет к замыканию контура выделяемой области. Если вы все сделали правильно, то в окне документа появилась выделенная область, а за курсором инструмента больше не тянется линия.
Скорее всего, у вас не получится точно описать контур этим способом, так как для "рисования" (в том числе выделенной области) на экране мышь — слишком грубый инструмент. Если вы увлечетесь именно рисованием на компьютере без использования бумаги, то вам понадобится световое перо или графический планшет.

Инструмент Magic Wand

Инструмент Magic Wand

Далеко не всегда для выделения объекта на изображении вам потребуется такая кропотливая работа, как обтравка. Во многих случаях эту работу или ее большую часть может сделать за вас Photoshop с помощью "волшебного" инструмента Magic Wand.
Принцип действия инструмента заключается в выделении лежащих рядом близких по цвету точек изображения (пикселов). При этом степень близости цвета (tolerance), достаточную для того, чтобы пиксел попал в выделенную область, вы можете задать сами.
Воспользуемся этим инструментом для выделения левого нижнего фрагмента (с изображением неба).
1. Выберите инструмент Magic Wand из палитры инструментов. Откройте палитру Options (Рисунок 1.39) для определения параметра Tolerance, показывающего, насколько близкими должны быть цвета для того, чтобы попасть в выделенную область.
2. Установите параметр Tolerance, равным значению 85.
3. Поместите курсор в центр левого нижнего фрагмента головоломки и щелкните левой кнопкой мыши. На изображении появится выделенная область, точно описывающая контур фрагмента.

Инструмент Magnetic Lasso

Инструмент Magnetic Lasso

Третий инструмент группы Lasso поистине незаменим при выборе объектов неправильной формы с отчетливым контуром. При рисовании контура выделяемой области с помощью этого инструмента контур "прилипает" к границе светлого и темного участков изображения. Оценить магические возможности инструмента Magnetic Lasso вы сможете при выборе областей с очень сложным контуром. Здесь же приведем лишь учебный пример.
В палитре Options отображаются свойства каждого из выбранных инструментов. Рассмотрим элементы данной палитры при выбранном инструменте Magnetic Lasso (Рисунок 1.37). Параметром Lasso Width задается величина зоны действия инструмента. При выделении анализируются на наличие границы только точки, лежащие в пределах этой области. Чем больше ширина зоны действия, тем больше точек в нее попадет (контур при этом обводится неточно), но выделяемый контур будет грубее Чем меньше ширина зоны действия, тем тщательнее нужно обводить контур. Величина Frequency сообщает программе, с какой частотой ставить автоматические контрольные точки при выделении. Чем меньше это значение, тем меньше контрольных точек будет выставляться автоматически, и тем менее качественно будет выделен сложный объект Последний параметр Edge Contrast определяет, до какой степени должны отличаться две точки изображения, чтобы программа посчитала их границей, иначе говоря, задается чувствительность инструмента. Чем больше значение данного параметра, тем менее чувствительным является инструмент Magnetic Lasso.
Совет
Совет
Таким образом, если требуется выделить крупный объект простой формы с отчетливым контуром, нужно увеличить значения параметров Lasso Width и Edge Contrast и уменьшить величину поля Frequency. В случае небольшого и сложного фрагмента с неявным контуром следует поступить наоборот

Инструмент Polygonal Lasso

Инструмент Polygonal Lasso

1. Инструмент Polygonal Lasso предназначен для выделения многоугольников. Выберите его. В данном случае он подойдет как нельзя лучше — ведь выделяемый объект в основном состоит из углов и прямых граней.
2. Поместите курсор, принявший форму многоугольного лассо, в любую точку на контуре фрагмента и щелкните левой кнопкой мыши.
3. Переместите курсор на следующую точку контура недалеко от первой. За курсором протянется штриховая линия, показывающая, где будет проходить граница выделенной области. Выберите следующую точку таким образом, чтобы граница выделения как можно точнее описывала фрагмент (Рисунок 1.36). Выбрав подходящую точку (угол многоугольника, которым вы описываете контур), щелкните на ней левой кнопкой мыши. Опишите
так весь контур.
Совет
Совет
Для переключения на инструмент Lasso нажмите и удерживайте клавишу и левую кнопку мыши.
4. Когда вы поместите курсор в виде лассо на начальную точку, выбранную в пункте 2, он приобретет вид лассо с маленьким кружком, показывающим, что щелчком на этой точке вы замкнете выделенную область.
Замкните контур щелчком мыши. Теперь при перемещении курсора за ним не будет тянуться штриховая линия выделения
Прямые границы объекта выделены прекрасно Однако на закругленной части контура есть явные недоработки (разумеется, ведь нельзя точно описать прямыми линиями окружность) Попробуем еще один инструмент, чтобы выделить область как можно более точно

Инструмент Zoom

Инструмент Zoom

Как вам уже известно, текущий масштаб изображения отображается в заголовке окна документа и в строке состояний.
1. Заметьте масштаб изображения, который отображен в заголовке рабочего окна.
2. Включите инструмент Zoom на палитре инструментов и перенесите курсор на изображение, он тут же примет форму лупы со знаком плюс.
3. Щелкните на фрагменте изображения, масштаб которого вы хотите увеличить.
4. Масштаб изображения изменился. Сравните с предыдущим масштабом;
изображение на экране увеличилось в два раза. Увеличение масштаба можно выполнить и с помощью клавиатуры. Для этого служит комбинация клавиш +<+>.
Примечание
Примечание
Масштаб 100% соответствует максимально детализированному отображению. Дальнейшее увеличение не откроет новых элементов
5 Для того чтобы изображение уменьшить, используется тот же инструмент, но для изменения его функции нажмите клавишу . В лупе знак плюс меняется на минус Щелкните несколько раз, чтобы масштаб изображения стал равным 100%. Клавиатурный эквивалент этой команды — +<->
Примечание
Примечание
При изменениях масштаба размер окна документа не меняется Если вы хотите, чтобы при масштабировании изменялся и размер окна документа, используйте клавиатурные сокращения ++<+> и ++<->.
Существует и другой способ масштабирования с помощью этого же инструмента.
1 Включите инструмент Zoom.
2. Нажмите кнопку мыши и, не отпуская ее, обведите небольшой фрагмент, например, островок в центре фотографии (Рисунок 1.12). Отпустите кнопку. Обведенный рамкой фрагмент занял всю площадь окна иллюстрации.

Кадрирование изображения

Кадрирование изображения

По окончании работы с пейзажем вам, вероятно, захочется отрезать от изображения все лишнее (поля, исходные фрагменты и т. д.) Для обрезки изображений используется инструмент Crop и специальная команда Crop из меню Image
Кроме чисто художественных причин кадрировать изображение необходимо и из других соображений. Во-первых, чем меньше размер изображения, тем меньше дискового пространства требуется для его сохранения, а во-вторых, чем меньше файл документа, тем быстрее он обрабатывается. Удаление ненужных полей сэкономит место на диске и увеличит скорость работы с файлом
1. Выберите инструмент Crop из группы Marquee. Курсор примет такую же форму, как и пиктограмма на кнопке инструмента
2. Аккуратно обведите штриховой рамкой изображение, которое вы хотите оставить в качестве окончательного рисунка (1.41).

Масштаб демонстрации изображения

Масштаб демонстрации изображения При редактировании изображения очень часто хочется поближе рассмотреть фрагмент изображения, чтобы увидеть мелкие детали, подлежащие изменению. Photoshop предоставляет два способа задания масштаба демонстрации изображения: с помощью инструмента Zoom и с помощью палитры Navigator. Рассмотрим оба эти способа, а также дополнительные возможности, обеспечиваемые палитрой Navigator.
Обратите внимание, что речь идет об изменении масштаба демонстрации изображения на экране без его физического увеличения или уменьшения. Пиктограмма инструмента Zoom очень метко передает его назначение: подобно увеличительному стеклу, через которое вы можете подробнее рассмотреть фрагмент открытки, хотя при этом вы не "увеличиваете" (интересно, как бы вам удалось это сделать?) саму открытку.

Организация палитр в окне документа

Организация палитр в окне документа

Палитры, как уже было сказано, занимают довольно большую площадь экрана. Советуем вам открывать только самые необходимые и размещать их по краям окна документа. В противном случае часть окна документа будет скрыта за служебными элементами, и при работе их придется постоянно передвигать с места на место. Организуйте группы так, чтобы не приходилось часто переключаться между палитрами.
Если палитра не понадобится в ближайшее время, ее лучше закрыть. Для этого щелкните на кнопке с косым крестом в правой верхней части. Если палитра входит в состав группы, исчезнет вся группа.
Палитры Navigator и Info рекомендуется держать открытыми постоянно, поскольку они нужны чаще всех. Если палитра вам нужна, но мешает просмотру документа, ее можно временно минимизировать, свернуть, оставив только заголовок. Для минимизации предназначена кнопка с горизонтальной полосой в, правой верхней части палитры. Повторный щелчок на этой кнопке снова развернет палитру (Рисунок 1.5).

Рисунок 1.5. Палитра Layers в развернутом и минимизированном состоянии
Кроме палитр в главном окне Photoshop ничего нет. Обычно программа используется для обработки существующих документов, а не создания абсолютно новых. Чтобы начать редактирование, нужно открыть файл.

Открытие изображений

Открытие изображений
Файлы с изображениями, которые используются в настоящей книге при выполнении учебных упражнений, находятся на сопровождающей книгу дискете. Один из этих учебных примеров мы и используем для отработки элементарных действий в программе Adobe Photoshop.
1. Откройте меню File.
2. Выполните команду Open.... Она открывает одноименное диалоговое окно (Рисунок 1.6), позволяющее выбрать графический файл, который будет открыт программой.
Примечание
Примечание



Рядом с названиями команд в меню Р1ю1оз(юр указаны их клавиатурные эквиваленты. Обращайте на них внимание и старайтесь запомнить. Применение клавиатуры существенно ускоряет работу с программой. Наиболее часто используемые клавиатурные эквиваленты будут указываться при выполнении учебных упражнений. Так, команде Open соответствует комбинация клавиш <Сtг1> и . В дальнейшем одновременное нажатие клавиш будет обозначаться таким образом: <С1п>+. Кроме того, вызвать диалоговое окно Open (Открыть) можно двойным щелчком левой клавишей мыши в любом месте главного окна программы, свободном от палитр и других окон.
3. Диалоговое окно очень похоже на окна открытия файлов в других приложениях. В списке Look in выберите дисковод, в котором находится прилагаемая дискета.
4. В открывшемся списке файлов выберите файл Island.jpg. Обратите внимание, что в нижней части окна появилась миниатюра изображения, находящегося в файле. Под ней, в поле File Size указан размер файла в килобайтах.
5. Нажмите кнопку Open.
Через некоторое время на экране в отдельном окне появится изображение (Рисунок 1.7). Далее содержимое такого окна будем называть документом, а окно, в котором оно расположено — окном документа. Документ — более широкое понятие, чем изображение. Он может содержать несколько изображений, а также маски, слои, различные настройки и др.
Документ открыт. Теперь можно начинать работать. Вы можете активизировать любой инструмент и выбирать различные команды в меню.

Рисунок 1.7. Открытый документ Photoshop

Палитра History

Палитра History

Как вы убедились, работать нужно аккуратно, не допуская случайной отмены выделения. В противном случае могут быть утрачены важные участки изображения, как и случилось при выполнении последнего упражнения. На рисунке появились две уродливые "дыры". В дальнейшем будем оставлять исходные части головоломки неизменными, а собранный пейзаж — в центре. Для этого нужно перемещать не сам выделенный фрагмент изображения, а его копию. Лучше бы начать сначала...
Начиная с версии 5.5, программа фиксирует каждый шаг редактирования изображения в палитре History (Рисунок 1.22.) позволяя легко вернуться к любому из них. Заметим, что меню Edit по-прежнему включает команду Undo, которой вы можете пользоваться для отмены последней операции.

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

Палитра инструментов
После первого запуска Photoshop слева находится вертикальная палитра инструментов (Toolbox) (Рисунок 2.2), большинство из которых привычны для художника (например, Pencil, Paintbrush, Eraser, Airbrush), есть и такие, которые обычно используют фотографы (например, Dodge или Burn), некоторые инструменты не имеют аналогов вне программы (например, инструменты выделения областей). Каждый инструмент в палитре представлен кнопкой с его символическим изображением — пиктограммой.
Некоторые инструменты объединены в группы по критерию родственности функций. В палитре инструментов при этом представлена пиктограмма только одного из инструментов группы, а остальные инструменты "скрыты". Для того чтобы выбрать в той же группе другой инструмент, следует в течение секунды удерживать кнопку инструмента. Рядом с инструментом появятся пиктограммы всех скрытых до этого инструментов группы, всплывающая панель инструментов. Теперь с помощью мыши можно выбрать пиктограмму любого инструмента группы, который сразу появится в палитре инструментов. Находившийся на его месте инструмент станет "скрытым". Кнопки сгруппированных инструментов имеют в правом нижнем углу пиктограммы маленькую треугольную стрелку.
Совет
Совет



Для изменения умолчания откройте папку Jump To Graphic Editor, вложенную в папку Helpers папки Photoshop Вы увидите несколько ярлыков программ Название программы, открываемой по щелчку на кнопке Jump to default graphic editor application должно быть заключено в фигурные скобки Внесите в папку ярлык нужной программы (например, Adobe GoLive) и снабдите его название фигурными скобками. У ярлыка программы Image Ready скобки удалите. Закройте и вновь откройте Photoshop. Теперь при щелчке на кнопке Jump to default graphic editor application открывается программа Adobe GoLive.

Палитры

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

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

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

Если изображение предназначено для печати, полезно представлять себе соотношение размеров текущего изображения и страницы, на которой вы собираетесь его печатать. Программа предоставляет возможность визуально оценить это соотношение.
1. Установите курсор на поле, отображающем размеры документа, нажмите кнопку мыши и не отпускайте ее до появления небольшого окна, в котором будет отражено соотношение размера изображения и формата страницы. Изображение условно обозначено перечеркнутым прямоугольником, как это принято в полиграфии (Рисунок 1.10).
Обратите внимание, что данное изображение не умещается на странице формата Letter, обычно устанавливаемого по умолчанию. Формат страницы, на которой предполагается выводить изображение, легко изменить Как и в подавляющем большинстве программ, в Photoshop параметры печати устанавливаются в диалоговом окне Page Setup.

Перемещение границы выделенной области

Перемещение границы выделенной области

Мышь — довольно грубый манипулятор, и выполнять с ее помощью тонкую работу непросто. Если выделение оказалось неточным, это легко поправить. Границу выделенной области можно перемещать в окне документа.
1. Не нажимая кнопки мыши, поместите курсор в пределы выделенной области. Он примет форму стрелки с белым наконечником. Этот режим предназначен для перемещения границ выделенной области
2. Нажмите левую кнопку мыши. Не отпуская ее, начните перемещать курсор. Курсор принимает вид треугольной стрелки. Если отпустить кнопку мыши, то выделительная рамка окажется именно в том месте, куда вы ее отбуксировали. Поэкспериментируйте, буксируя границы выделенной области в разные стороны Заметьте, что с самим изображением при этом ничего не происходит. Затем переместите границу выделения так, чтобы она совпадала с границами прямоугольника. При необходимости увеличьте масштаб отображения, чтобы более точно выделить требуемую область.
Совет
Совет
Для более точного позиционирования границы выделенной области воспользуйтесь клавишами управления курсором При каждом нажатии клавиши происходит смещение границы на один пиксел в соответствующую сторону.

Перемещение выделенного фрагмента

Перемещение выделенного фрагмента

Для перемещения прямоугольника:
1. Выберите инструмент Move из палитры инструментов.
2. Поместите курсор инструмента внутрь выделенной области. При этом он приобретет вид черной стрелки с изображением ножниц. Ножницы показывают, что если вы воспользуетесь сейчас этим инструментом, то выделенная область будет "вырезана" из изображения и перемещена на новое место.
3. Буксируйте выделенный фрагмент до тех пор, пока он не будет установлен в левом верхнем углу доски.
4. Отпустите кнопку мыши. Выделенный фрагмент помещен на новое место (Рисунок 1.21.). Пока вокруг него присутствует выделительная рамка, фрагмент можно передвигать по окну документа как угодно.
5. Как и следовало ожидать, на месте вырезанного фрагмента остается "дырка". Отмените выделение области Для этого щелкните мышью за пределами выделенной области. Другой способ — выбор команды Deselect из меню Select (клавиатурный эквивалент +).

Рекомендуем вынести ярлык Photoshopна рабочий

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

Прочие палитры

Прочие палитры
Палитра инструментов используется практически при любой работе с изображениями, поэтому держите ее на экране постоянно. Остальные палитры лучше вызывать по мере необходимости. Если потребность в показе той или иной палитры не возникает длительное время, то уберите ее с экрана, чтобы не мешала просмотру изображения.
Вот перечень палитр, имеющихся в Photoshop 5.5:
§ Палитра Color. Может быть быстро вызвана клавишей . В этой палитре определяются два рабочих цвета — основной и фоновый. В палитре задается цветовая модель текущего цвета и соотношение компонентов. Цвета, определяемые в этой палитре, используются инструментами заливки и рисования.
§ Палитра Swatches. Дает возможность создания, сохранения и загрузки пользовательских, то есть составленных вами, цветовых каталогов (наборов красок, аналогичных комплекту тюбиков с красками). Текущий каталог демонстрируется в палитре, и из него может быть выбран основной или фоновый цвет. В комплект программы входит несколько стандартных каталогов (например, Pantone, Toyo).
§ Палитра Brushes. Быстрый вызов осуществляется клавишей . Все инструменты рисования Photoshop имеют определенный размер и форму мазка, то есть кисть. Кисть задается в палитре Brushes. Используя эту палитру, вы получаете возможность создавать, сохранять и загружать наборы кистей.
§ Палитра Options. Изменяет свое содержание для каждого инструмента, выбранного в палитре инструментов. Эта палитра предназначена для задания характеристик выбранного инструмента. Многие инструменты в программе имеют большое количество настроек. Палитра Options используется в работе практически постоянно. Быстро открыть ее можно двойным щелчком клавишей мыши на пиктограмме инструмента.
§ Палитра Info. Может быть быстро вызвана клавишей . В этой палитре представлена информация о координатах курсора и цвете пиксе-ла(ов), над которым(и) находится курсор мыши. Если в изображении есть выделенная область, ее размеры также указаны в палитре Info. Тип информации регулируется в диалоговом окне свойств палитры. С помощью палитры можно переопределить единицы измерения, используемые программой, и многое другое.
§ Палитра Navigator. Используется для изменения масштаба демонстрации изображения и позволяет выбрать видимый фрагмент изображения при работе под увеличением.
§ Палитра Layers. Может быть быстро вызвана клавишей . Показывает слои, используемые в текущем документе, и позволяет задавать режимы их отображения. Идеология слоев любима многими пользователями. Большинство операций со слоями: копирование, задание атрибутов, создание слоя-маски, перемещение слоев, добавление и сведение и др. выполняется именно в этой палитре.
§ Палитра Channels. В Photoshop изображение представляется в виде каналов. С помощью каналов производится цветовая и тоновая коррекция (цветовые каналы), выделение участков изображения (альфа-каналы), другие важные операции. Палитра Channels служит для управления каналами изображения. Ее применение мы рассмотрим в главе 4.
§ Палитра Paths. Как вы, вероятно, уже знаете, Photoshop предназначен для работы с точечной графикой. Однако в изображение могут быть помещены и объектные контуры. Они выполняют вспомогательную роль, и часто используются при создании иллюстраций. Палитра Paths предназначена для организации работы с контурами Photoshop.
§ Палитра Actions. В повседневной работе часто встречаются повторяющиеся последовательности действий. Вы можете автоматизировать выполнение сходных операций с помощью палитры Actions Она позволяет включить запись всех ваших действий внутри программы (как магнитофон для записи всех звуков), "запомнить" их и по требованию воспроизводить. Подробнее см. главу 11.

Простейшие приемы работыТочечная и векторная графика

Простейшие приемы работы
Точечная и векторная графика

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

Расширение и сужение выделенной области

Расширение и сужение выделенной области

Если вы не совсем точно выделили прямоугольник и область выделения получилась немного больше (меньше) необходимой, придется ее слегка уменьшить или увеличить.
1. Разместите выделительную рамку точно в центре прямоугольника и оцените ее размер.
2. Для увеличения выделенной области выберите команду Modify меню Select. Перед вами откроется вложенное меню.
3. Выполните команду Expand.... В диалоговом окне Expand Selection установлено по умолчанию значение расширения, равное 1 пиксел (в каждую сторону). Если вы считаете, что этого достаточно, щелкните на кнопке ОК. Если этого мало, установите значение в пределах от 1 до 16 пикселов. Щелкните на кнопке ОК. Выделенная область расширится.

Разделение и группировка палитр

Разделение и группировка палитр
Палитры могут быть объединены в группы. При вызове какой-то палитры на экран выводится вся группа связанных с ней палитр. Они могут объединяться по две, например, палитра Brushes объединена с палитрой Options. или по три, например, палитры Layers, Channels и Paths выводятся вместе (Рисунок 1.3). В группе видна только одна из палитр. Вкладка активной палитры помечена белым цветом. Остальные палитры групп имеют серые вкладки. Для перехода к другой палитре группы щелкните на ее закладке.

Рисунок 1.3. Палитры объединенные в группу
В процессе работы иногда приходится объединять палитры друг с другом для экономии места или разделять их, чтобы видеть одновременно обе. Можно отделить одну палитру от группы или, наоборот, соединить несколько палитр в группу. В Photoshop разрешается организовать палитры произвольно.
1. Откройте меню Window и выполните команду Show Layers. На экране — группа, в которую входят палитры Layers, Channels и Paths. Щелкая на вкладках, перейдите к каждой из палитр группы.
2. Теперь нажмите кнопку мыши на вкладке Layers и, не отпуская ее, перетащите палитру за пределы группы. При перетаскивании вслед за курсором перемещается рамка, обозначающая палитру. Как только рамка выйдет за пределы исходной группы палитр, отпустите кнопку мыши. Теперь палитра Layers расположена отдельно. Ее можно разместить в любом месте главного окна (Рисунок 1.4).

Рисунок 1.4. Разделенные палитры
3. Обратная операция — включение палитры в группу. Щелкните на вкладке палитры Layers и перетащите ее в, пределы группы. Когда рамка вокруг группы палитр станет подсвечена, отпустите кнопку мыши. Теперь палитра Layers снова входит в состав группы. Вы можете собирать группы произвольно, а также перетаскивать палитры непосредственно из одной группы в другую.

Пользовательский интерфейс Photoshop сотоит из

Резюме


§ Пользовательский интерфейс Photoshop сотоит из главного окна, Главного меню, дающего доступ к основным возможностям программы, палитр, содержащих элементы управления и служащих источниками информации об изображении, рабочих окон документов.
§ Окна документов связаны с дисковыми файлами. Документы могут быть загружены из файлов и сохранены в файлах.
§ Палитры Photoshop предоставляют доступ к функциям программы. В любой работе используется палитра инструментов (содержит основные инструменты выделения, рисования, кадрирования).
§ Палитра History позволяет отменить любое число шагов команд в текущем сеансе работы. Для отмены действия команд еа отдельных участках изображения предназначен инструмент History Brush
§ Отображением изображения в рабочем окне можно управлять: изменять масштаб демонстрации, просматривать отдельные участки под увеличением.
§ Точечное изображение состоит из отчек, а не из объектов. Для указания границы объекта на таком изображении следует создать выделенную область. Далее с полученной выделенной областью можно манипулировать как с с единым объектом: перемещать его, дублировать, вращать или искажать.
§ Выделенная область может быть создана ручным оконтуриванием инструмнтами группы Lasso, автоматически, исходя из признака близости цвета инструментом Magic Wand, а также инструментами прямоугольного и элиптического выделения, если объект имеет правильный контур.
§ Границы выделенных областей можно складывать и вычитать друг из друга. Кроме того, можно изменять их размеры и искажать командами трансформации без изменения самого изображения.
§ Если изображение содержит ненужные поля, оно может быть кадрировано.

Главное окно программы Photoshop

Рис 1.1 Главное окно программы Photoshop.

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

Информация о размерах

Рис 1.1. Информация о размерах,


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

Соотношение размеров

Рис 1.10. Соотношение размеров


документов и страницы 2. Чтобы посмотреть, как окно будет отображать изображение на странице другого формата, откройте меню File и выполните команду Page Setup.... В открывшемся диалоговом окне — множество полей и кнопок, но пока вас должен интересовать список Size поля Paper.
3. Откройте список Size и выберите другой формат, например, Legal 8.5х14". Нажмите кнопку ОК.
4. Снова посмотрите соотношение размеров изображения и страницы.
5. Вновь откройте диалоговое окно Page Setup, в поле Orientation выделена опция Portrait, щелкните на опции Landscape Соотношение размеров и положения изображения и страницы вновь изменилось.

Изменение масштаба с помощью

Рис 1.12. Изменение масштаба с помощью


инструмента Zoom Чтобы восстановить масштаб 100%, выполните двойной щелчок на инструменте Zoom в палитре инструментов.

Прокрутка изображения в окне

Рис 1.13. Прокрутка изображения в окне


документа с помощью инструмента Hand Как и в любом приложении Windows, для перемещения изображения в окне предназначены полосы прокрутки, расположенные справа и снизу рабочего окна. У инструмента Hand есть важное преимущество: с его помощью можно перемещать изображение естественным образом, например, по диагонали. Кроме того, с его помощью можно прокручивать изображение очень плавно.
Если инструмент масштабирования не выбран в качестве текущего, то вы можете временно переключиться на него.
1. Для увеличения масштаба нажмите одновременно сочетание клавиш + (пробел). Пока вы удерживаете эту комбинацию, временно включается инструмент Zoom в режиме увеличения. Щелкая на изображении, увеличивайте масштаб демонстрации изображения.
2. Одновременно нажмите и удерживайте клавиши ++. Включается инструмент Zoom в режиме уменьшения масштаба. Щелкая на изображении уменьшите его масштаб.
3. Нажмите и не отпускайте клавишу . Теперь перетаскивайте курсор в пределах изображения при нажатой левой клавише мыши. При этом активизируется инструмент Hand. Изображение перемещается внутри окна документа.
Примечание
Примечание
Эти клавиатурные команды можно использовать в любой момент работы над изображением. Они действуют даже при открытых модальных диалоговых окнах.
Вы освоили приемы масштабирования и перемещения. Потренируйтесь в их применении. Эти приемы работы следует довести до автоматизма и очень активно ими пользоваться. Выбор нужного увеличения и разумное размещение редактируемого фрагмента на экране обеспечивают максимальное удобство в работе.

Документ puzzle jpg Разархивируйте

Рис 1.16. Документ puzzle.jpg Разархивируйте файл puzzle.jpg в вашу рабочую папку на диске и откройте эту копию в Photoshop (Рисунок 1.16). Задача состоит в правильном размещении фрагментов головоломки на доске, изображенной в центре. На доске нарисована рамка, она соответствует размеру собранной картинки. В результате должен получиться южный пейзаж (тот же, что и в файле island.jpg) в деревянной рамочке. При выполнении этого упражнения будут рассмотрены простейшие приемы работы.

Всплывающая панель

Рис 1.17. Всплывающая панель


инструментов Marguee 3. Вокруг прямоугольника образовалась мерцающая пунктирная рамка, которая служит границей выделенной области (выделительная рамка). Любые воздействия на изображения теперь будут распространяться лишь, на выделенную область. Постарайтесь, чтобы рамка точно включала в себя область прямоугольника.
4. Выделение области изображения легко отменить. Для этого щелкните мышью в любом месте окна документа вне выделенной области. Хрупкость границ выделенной области подчеркивается эфемерностью выделительной рамки.
5. Отмена выделения была последним действием в программе. Поэтому ее можно отменить (хотя это и звучит несколько странно). Для отмены последнего действия выберите пункт Undo меню Edit. Вокруг доски снова появилась выделительная рамка. Снова откройте меню Edit. Название первого пункта изменилось на Redo. Если сейчас выбрать его, то программа снова выполнит последнее действие, то есть отмену выделения. Оставьте область выделенной.

Инструмент

Рис 1.18. Инструмент


Rectangular Marguee в действии

Перемещение границ

Рис 1.19. Перемещение границ


выделенной области

Диалоговое окно

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


Expand Selection 4. Для уменьшения выделенной области в том же меню выберите команду Contract..., которая, соответственно, выведет диалоговое окно Contract Selection.
5. В поле Contract By установите нужное количество пикселов и щелкните на кнопке ОК. Выделенная область уменьшится.
6. Если вам не удалось с первого раза подобрать верное значение приращения или сжатия выделенной области, то отмените модификацию командой Undo или действуйте методом последовательных приближений, используя обе команды — Contract... и Expand....

Перемещение выделенного

Рис 1.21. Перемещение выделенного фрагмента 6. Фрагмент "прирос" к новому месту. Теперь для того чтобы передвинуть его, он должен быть снова выделен. Сделайте это и передвиньте фрагмент на любое другое место. При повторном выделении и перемещении на месте удаленного фрагмента снова останется "дырка", а не участок доски, поскольку точки, из которых состоит передвигаемый прямоугольник, заменили собой точки, составляющие изображение доски. Отмените выделение.
Совет


Передвинуть выделанный фрагмент можно и не прибегая к выбору инструмента Move непосредственно в палитре инструментов. Нажмите и удерживайте клавишу Щелкните курсором на выделенной области, удерживая левую кнопку мыши. Курсор принял вид черной треугольной стрелки, таким образом вы временно перешли в режим инструмента Move. Теперь можно приступить к буксировке фрагмента.

Палитра History и ее

Рис 1.22. Палитра History и ее меню 1. Откройте палитру History. В ней перечислены все операции, выполненные с момента открытия файла. Активной является последняя команда списка. Она подсвечена синим цветом.
2. Щелкните мышью на ползунке в левой части строки с последней выполненной операцией — Deselect. Отбуксируйте ползунок вверх на одну строку. Это привело к отмене последней команды. Строка отмененной команды приобрела серый цвет. На рисунке снова появилось выделительная рамка. Если сместить ползунок вниз, команда снова начнет действовать и выделение исчезнет.
3. Последовательно отменяйте команды из палитры, пока вы не придете к состоянию (Рисунок 1.21), (прямоугольник передвинут на свое место на доске). Заметьте, что можно отменять и возвращать назад до двадцати команд.
Совет


Для смещения на одну строку вниз или вверх можно использовать меню палитры (Рисунок 1.22). Чтобы открыть меню, щелкните на стрелке в правой верхней части палитры. Первые две команды предназначены для возвращения последнего действия — Step Forward и отмены его — Step Backward.
4. Имеет смысл вовсе удалить отмененные команды из палитры, поскольку больше они не понадобятся. Для удаления команды щелкните на ней, мышью и отбуксируйте к находящейся внизу палитры пиктограмме мусорной корзины. Команда исчезнет из палитры. Теперь к ней уже нельзя вернуться. Таким образом удалите все лишние команды из палитры History.
Совет
Совет
Для удаления строки из палитры используется команда меню палитры Delete. Для того чтобы полностью очистить палитру от летописи ваших действий, выберите команду Clear History. Обратите внимание, что при этом отмены команд не происходит. Состояние изображения остается на уровне последней из действующих (неотмененных) команд, но все строки в палитре исчезают, и текущее состояние файла становится исходным.
5. В верхней части палитры находится поле снимков. В нем можно сохранить снимок (snapshot) любого состояния изображения. Сейчас в этом поле находится один снимок, сделанный по умолчанию при открытии файла. Строка снимка содержит пиктограмму данного состояния изображения (в данном случае — нетронутого редактированием) и его название. Название первого снимка совпадает с названием файла. Щелкните на пиктограмме снимка. Изображение пришло в исходное состояние (сразу после открытия).
Примечание
Примечание
Как уже отмечалось, по умолчанию в палитре History сохраняются двадцать последних команд. Увеличение числа команд приводит к большим затратам ресурсов компьютера и дискового пространства. Использование снимков позволяет обойти эту проблему. Просто по завершении каждого этапа редактирования изображения можно сделать снимок.
Вы можете сохранять снимки из любого состояния изображения, помещая их в поле снимков. Для этого выберите нужное состояние документа (строку History) и щелкните мышью на пиктограмме чистого листа в палитре. Появится новый снимок, который соответствует выбранному состоянию файла. Во время работы вы в любой момент можете снова перейти к этому состоянию, выбрав его щелчком мыши. Снимок состояния можно сделать и из меню палитры (команда NewSnapshot...). В этом случае программа предложит ввести имя создаваемого снимка.
Примечание
Примечание
В заключение отметим, что протоколирование всех промежуточных действий требует от программы дополнительных затрат ресурсов. Photoshop сохраняет эти промежуточные состояния на жестком диске, что требует довольно много свободного дискового пространства. По умолчанию максимальное количество записываемых шагов равно двадцати.

Выбор инструмента Рисунок

Рис 1.24. Выбор инструмента Рисунок 1.25. Выделенная овальная область


Elliptical Marguee

Дублирование

Рис 1.26. Дублирование


выделенной области

Режим трансформации

Рис 1.27. Режим трансформации

Поворот выделенной области

Рис 1.28. Поворот выделенной области В режиме трансформации можно осуществлять и перемещение выделенной области.
1. Поместите курсор мыши во внутреннюю область габаритного четырехугольника и нажмите левую кнопку мыши.
2. Буксируйте габаритный прямоугольник вниз и вправо, пока овал не займет свое место (отверстие внутри прямоугольного фрагмента головоломки).
3. Когда вы будете удовлетворены положением выделенной области, дважды щелкните мышью на внутренней области прямоугольника. Овальный фрагмент останется выделенным.
Примечание


Photoshop производит операцию трансформирования только после двойного щелчка мышью. В процессе трансформации программа лишь демонстрирует предполагаемый результат, не совершая фактического преобразования изображения.
Чтобы действия с выделенной областью были более точными, воспользуйтесь командой Numeric... меню Edit/Transform. Рассмотрим действие этой команды на примере поворота овала ровно на 90°.
1. Отмените последнее действие (трансформирование выделенной области) командой Undo меню Edit. Изображение овального фрагмента вернется в исходное положение.
2. Выберите команду Numeric... (или нажмите клавиши ++), в результате выполнения которой открывается диалоговое окно Numeric Transform.
3. Введите значение "90" в поле Angle. Щелкните на кнопке ОК. Овал повернут точно на 90°. Теперь можно отбуксировать его на нужное место.

Диалоговое окно Numeric

Рис 1.29. Диалоговое окно Numeric Transform. Перемещения и трансформации выделенных областей связаны с потерей информации о точках изображения, которые закрываются изменившим форму фрагментом. В реальной работе часто возникает желание поэкспериментировать с формой и расположением объекта. Для этого объект должен оставаться выделенным, а фон, который он перекрывает, должен сохраняться. В Photoshop для редактирования сложных изображений создан механизм слоев документа, удовлетворяющий этим условиям. Более подробно возможности команды трансформирования рассмотрены в главе 5.

Выделение части фигуры

Рис 1.30. Выделение части фигуры 3. Выберите команду Transform Selection меню Select. Вокруг выделенной области появился уже знакомый вам габаритный четырехугольник. Все искажения границы выделения выполняются теми же способами, что и искажения области выделения.
4. Подведите курсор к верхнему угловому ограничителю справа. Курсор превратится в двунаправленную стрелку(Рисунок 1.31). Буксируйте курсор вниз и влево. Отпустите кнопку мыши. Как видите, уменьшились только границы выделенной области. Само изображение никак не изменилось.

Рисунок 1.31 Масштабирование границ


выделенной области
5. В режиме трансформирования можно отменить последнее действие, не выходя из самого режима. Для этого используется стандартная комбинация отмены команды +. Выполните отмену последней операции Область осталась в режиме трансформации, но границы выделения вернулись в исходное состояние.
6. Установите курсор на нижний угловой ограничитель справа. Нажмите клавиши +. Буксируйте ограничитель вправо. При нажатой комбинации клавиш граница выделенной области не масштабируется, а искажается.
7. Для выхода из режима трансформирования с выполнением искажения дважды щелкните мышью во внутренней области изображения (полная аналогия с трансформированием содержимого выделенной области). Оставьте фрагмент выделенным (Рисунок 1.32).

Искажение границ выделенной области

Рис 1.32. Искажение границ выделенной области

Сложение областей

Рис 1.33. Сложение областей.


Процесс и результат

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

Рис 1.35. Выделение области


с помощью инструмента Lasso

Выделение областис спомощью

Рис 1.36. Выделение областис спомощью


инструмента Polygonal Lasso

Палитра Options инструмента

Рис 1.37. Палитра Options инструмента Magnetic Lasso 1. Выберите инструмент Magnetic Lasso из палитры инструментов.
2. В палитре Options должны быть установлены следующие значения параметров: Lasso Width — 3, Frequency — 20, Edge Contrast — 60. Для этого поместите курсор в цифровое поле ввода и наберите с клавиатуры требуемую величину.
3. Для установки первой контрольной точки щелкните мышью в любом месте контура на Рисунок 1.38 (контрольные точки определяют форму выделительного контура).
4. Направляйте курсор вдоль контура (неважно, нажата ли клавиша мыши). Линия выделения активна. По мере продвижения курсора она "прилипает" к наиболее контрастному контуру в зоне действия инструмента (которая определяется значением поля Lasso Width). Периодически программа ставит автоматические контрольные точки, закрепляя контур выделения.

Рисунок 1.38. Выделение области с помощью


инструмента Magnetic Lasso
5. Если инструмент не определяет нужный контур с требуемой точностью, поставьте контрольную точку вручную щелчком мыши. Затем можно продолжить автоматическое определение контура объекта (этот процесс называется обтравкой).
Совет
Совет
В процессе обтравки можно легко переключаться на другие инструменты данной группы. Для переключения на инструмент Lasso нажмите и удерживайте клавишу и левую кнопку мыши Чтобы переключиться на инструмент Polygonal Lasso, при нажатой клавише щелкните мышью И в том, и в другом случае, когда вы отпустите , вновь станет активным инструмент Magnetic Lasso.
6. Чтобы удалить только что нарисованный неверный сегмент (от последней контрольной точки до курсора), нажмите клавишу . В случае ошибочного выделения части контура таким образом можно удалять сегменты один за другим.
7. Замкните контур тем же способом, что и при работе других инструментов группы Lasso. Увеличьте масштаб выделенного фрагмента и оцените результат; ни прямые, ни закругленные участки контура не должны иметь погрешностей выделения. Если таковые имеются, значит вы недостаточно аккуратно работали.
8. Продублируйте выделенный фрагмент и переместите копию на нужное место на доске.
Области, выделенные инструментами данной группы, а также границы областей могут быть трансформированы аналогично областям, выделенным инструментами группы Marquee. Допускаются также операции сложения и вычитания этих областей.

Палитра Options инструмента

Рис 1.39. Палитра Options инструмента Magic Wand 4. Продублируйте фрагмент и переместите его копию на нужное место на доске. Пейзаж готов!

Рисунок 140. Выделение области с


помощью инструмента Magic Wand
Для эксперимента выделите весь фон изображения.
1. В поле Tolerance палитры Options установите значение 2 (фон имеет однородный цвет).
2. Щелкните мышью в любом месте фона, чтобы выделить его.
Заметьте, что при выделении фона овальный участок внутри верхнего левого фрагмента изображения не выделен. Это произошло потому, что данная область отделена от точки щелчка другими по цвету пикселами. В новой версии предусмотрен режим выделения областей близкого цвета независимо от их расположения.
Флажок Contiguous в палитре Options ограничивает действие инструмента. Если он установлен, выбор близких цветов производится только в областях, соседних с точкой, к которой применен инструмент. Если флажок снят, то близкие по цвету области выбираются в пределах всего изображения. По умолчанию флажок установлен.
1. Снимите флажок Contiguous.
2. Щелкните снова на фоне изображения. Выделены все области фона, в том числе и овал внутри прямоугольного фрагмента.
3. Области, выделенные посредством инструмента Magic Wand, также можно складывать и вычитать. Например, щелкните на голубой области изображения, удерживая клавишу . Область стала выделенной и присоединилась к остальному выделению.
Примечание
Примечание
Области, выделенные инструментом Magic Wand, можно трансформировать так же, как и любые другие
Как просто, не правда ли? Да, но, к сожалению, далеко не всегда настолько просто. Как бы вы не варьировали параметр Tolerance, вам не удастся в один прием выбрать таким же образом другие фрагменты, т. к. при низких значениях поля Tolerance будет выбираться лишь часть нужной области, а при высоких в область выделения попадает и фон. Это происходит потому, что изображение этих фрагментов составляют точки, слишком сильно отличающиеся по цвету, чтобы быть выбранными инструментом Magic Wand.
Множество инструментов для выделения областей позволяют выбрать инструмент в соответствии с особенностями выделяемого объекта Если объект имеет форму прямоугольника, эллипса или их комбинации, следует выделить его с помощью инструмента Marquee. Если объект имеет однотонную окраску, нужно применить "волшебную палочку" Если объект не удовлетворяет ни одному из перечисленных критериев, следует выделить его вручную посредством инструментов группы Lasso

Инструмент Crop в работе

Рис 1.41. Инструмент Crop в работе 3. Отпустите кнопку мыши. Изображение будет окружено штриховой рамкой с ограничителями (Рисунок 1.42). Ограничители дают возможность изменить (уменьшить, увеличить, повернуть) выделенную область, как в режиме трансформирования.
4. Если результат вас удовлетворяет, поместите курсор в пределы выделенной области. На сей раз курсор примет форму треугольной черной стрелки. Щелкните кнопкой мыши.

Рисунок 2.42. Штриховая рамка с ограничителями -


результат работы инструмента Crop

Рабочий документ

Рис 1.43. Рабочий документ


после кадрирования Если вы ошиблись, то, чтобы прервать начатую операцию кадрирования, нажмите и задержите на некоторое время клавишу . Если, конечно, успеете. Команда кадрирования также может быть отменена из палитры History.
В рабочем окне останется только выделенный вами фрагмент (Рисунок 1.43). На этом работа завершена!
Для того чтобы потом с гордостью демонстрировать свое первое произведение, вам следует его сохранить.

Диалоговое

Рис 1.44. Диалоговое


окно Save As 2. Щелкните на стрелке списка Save As этого диалогового окна. Из раскрывшегося списка форматов документа выберите строку Photoshop(*.PSD, *.PDD). Под форматом понимают внутреннюю организацию документа.
3. Поскольку вы создаете новый файл, в поле File name надо набрать новое имя или изменить старое, добавив, например, цифру "1". Если это необходимо, выберите другую папку для сохранения документа. По умолчанию копия файла сохраняется в той же папке, где хранится оригинал.
4. Для сохранения документа следует нажать кнопку Save.
Обратите внимание на название окна документа после выполнения команды: оно свидетельствует, что исходный файл закрылся без сохранения, а вы начинаете работать с вновь созданным файлом.
Команда Save a Copy... очень похожа на рассмотренную выше команду Save As.... Однако в результате действия этой команды созданная копия не становится рабочей, а только сохраняется на диске. Первоначальный файл остается открытым и вы можете продолжать в нем работать.

Пример запроса

Рис 1.45. Пример запроса


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

Отображение масштаба

Рис 1.8. Отображение масштаба


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

Меню настройки полосы

Рис 1.9. Меню настройки полосы состояния 4. Полоса состояния содержит и другие сведения о документе. Правее поля со значением масштаба находятся два значения, разделенные косой чертой (Рисунок 1.8). Первое — это объем документа, с учетом дополнительных слоев и альфа-каналов; второе— объем без учета альфа-каналов и разделения на слои. В данном случае эти числа равны, следовательно, открытый документ имеет только основной рисунок и не содержит ни слоев, ни альфа-каналов. О слоях см. главу 5, а об альфа-каналах рассказывается в главе 4.


5. Еще раз выполните действия из пункта 2, но на сей раз выберите команду Scratch Sizes. Теперь исходные числа (справа налево) означают: общий объем всех открытых изображений вместе с содержимым буфера обмена и объем свободной оперативной памяти (ОЗУ(КАМ)). Если первое число превысит второе, программа начнет использовать пространство рабочих дисков, что может значительно замедлить работу с изображением.
6. Выполните снова действия из пункта 2 и выберите команду Efficiency. Появившееся на полосе состояния число указывает процентное соотношение свободной и занятой оперативной памяти компьютера. Оно соответствует соотношению чисел, выводимых командой Scratch Sizes. В идеале эффективность должна быть равной 100%. Если при выполнении наиболее типичных работ она существенно ниже, то следует подумать о наращивании оперативной памяти компьютера.
7. Повторите действия пункта 2. Команда Timing выводит в строке состояния время, затраченное Photoshop на выполнение последней операции, а команда Current Tool — название текущего инструмента. Эти варианты используются достаточно редко. Снова выберите команду Document Sizes.

Состояние изображения

Рис 134. Состояние изображения Первый фрагмент (прямоугольник) в середине имеет пустую область, его перемещали вместе с участком фона. В данном случае это неважно, поскольку фон все равно был закрыт овальным фрагментом. А если необходимо, чтобы сквозь "дырку" была видна часть доски? Для этого потребуется вычитание областей.
1. Инструментом Rectangular Marquee выделите исходный прямоугольный фрагмент.
2. Нажмите клавишу . Удерживая ее, выделите овал в центре прямоугольника, заполненный фоновым цветом.
3. Границы выделения теперь точно соответствуют конфигурации фрагмента головоломки. Для эксперимента можно, используя режим трансформирования, переместить его. Обратите внимание, что в просвет видно изображение, находящееся под перемещаемой областью. Выйдите из режима трансформации без ее выполнения.

Сложение и вычитание при выделении областей

Сложение и вычитание при выделении областей

Прямоугольное и эллиптическое выделение, даже с учетом трансформирования границ, находит весьма небольшое применение. Следующий прием, напротив, применяется очень широко. Это сложение и вычитание областей выделения. Путем арифметических действий с границами выделений можно получить выделенные области неправильной формы.
Если на изображении есть выделенная область, то при выделении еще одной области в этом же изображении возможны три варианта их взаимодействия:
§ в общем случае предыдущая область полностью заменяется новой;
§ если при повторном выделении удерживать нажатой клавишу , то области складываются друг с другом;
§ если при повторном выделении была нажата клавиша , то новая область вычитается из предыдущей.
Рассмотрим сложение областей на примере фрагмента, выделенного частично в предыдущем разделе.
1. Выберите инструмент Rectangular Marquee.
2. Нажмите клавишу и, удерживая ее, выделите оставшуюся часть фрагмента головоломки (Рисунок 1.33).
3. Дублируйте выделенный фрагмент и разместите копию на доске (Рисунок 1.34.).

Сохранение документа

Сохранение документа

Для сохранения документов в меню File имеются три команды: Save, Save As... и Save a Copy.... Результат их действия одинаков — они сохраняют на диске текущее состояние изображения. Однако между ними есть и очень важные различия. Если у вашего документа есть имя, то при выполнении команды Save новое состояние изображения будет сохранено взамен исходного. Иногда это может стать непоправимой ошибкой. Такую ошибку исправить нельзя, если у вас не сохранился дубликат исходного документа. Именно поэтому рекомендуется всегда сохранять дубликаты документов.
Команда Save As... может как раз создать такой дубликат, то есть сохранить текущее состояние в документе с новым именем, а исходный останется без изменения. Сейчас именно так и следует поступить.
1. Откройте меню File и выберите команду Save As..., которая позволит вывести одноименное диалоговое окно.

Стандартные

Стандартные

элементы Строка заголовка. Самая верхняя, темно-синяя по умолчанию, полоска показывает название и значок программы, в данном случае Adobe Photoshop. В правой части строки заголовка находятся системные кнопки управления окном.
Кнопки управления окном. Стандартные элементы любого программного окна. Используются для свертывания-развертывания, изменения размеров и закрытия окна программы.
Значок программы. При щелчке на нем на экран выводится системное меню.
Системное меню. Его команды являются принадлежностью Windows, поэтому их язык (английский, русский или какой-то другой) зависит от установок системы, а не от программы Photoshop. Меню включает команды для работы с окном, которые позволяют восстанавливать, перемещать, закрывать окно, изменять его размеры, переходить к другой загруженной программе. Вид системного меню зависит от текущего приложения.
Полоса состояния. Полоса вдоль нижней границы окна (до открытия документа является пустой). Она предназначена для отображения информации об открытом документе, о рабочих дисках, об активном в данный момент инструменте, может предлагать некоторые подсказки и
т. д. При желании вы можете убрать ее с экрана, выполнив команду HideStatusBar из меню Window.
Строка меню. Расположена под строкой заголовка. В ней перечислены группы команд, т. е. действий, которые можно произвести в программе. Команды в меню сгруппированы по принципу близости функций. В результате образуется разветвленная структура, содержащая вложенные меню. Наиболее крупные группы команд всегда видны в строке меню. По мере изучения материала мы будем рассматривать большинство команд программы. Здесь же приведем их краткий обзор.
§ File. Стандартные файловые операции (копирование, открытие и закрытие файлов, импорт и экспорт), команды получения изображений с устройств ввода, установки программы.
§ Edit. Стандартные команды редактирования (вырезание, копирование и др.), изменение размеров и искажение всей иллюстрации и ее фрагментов.
§ Image. Команды, предназначенные для воздействия на содержимое документа, в частности тоновая и цветовая коррекция, изменение типа изображения (наличие и тип цвета).
§ Layer. Как следует из названия, команды управления слоями изображения. Select. Команды для работы с выделенной областью.
§ Filter- Меню включает множество дополнительных команд, выполняющих роль фильтра для изображений.
§ View. Содержит установки для обеспечения внешнего вида рабочей страницы (направляющие, линейки и др.).
§ Window. Внешний вид главного окна — наличие и отсутствие вспомогательных элементов, их организация.
§ Help. Команды для получения справочной информации.

Трансформация границ выделенной области

Трансформация границ выделенной области

В новой версии Photoshop свободное трансформирование впервые может быть . применено не к содержимому выделенной области, а только к ее границам.
1. Выберите инструмент Rectangular Marquee.
2. Выделите часть многоугольника, находящегося внизу слева (Рисунок 1.30).

Трансформация выделенной области

Трансформация выделенной области

Поворот, перемещение и искажение выделенной области можно легко выполнить с помощью команд трансформации.
1. Выберите команду Free Transform из меню Edit. Клавиатурный эквивалент команды — +. Выделенная область перешла в режим трансформации (Рисунок 1.27). Вокруг овального фрагмента появился габаритный прямоугольник с ограничителями. Для искажения выделенной области вам придется воздействовать именно на ограничители.
2. Используя ограничители в сочетании с клавиатурными сокращениями, можно применить к выделенной области разные трансформации. Подведите курсор к боковому ограничителю. Он принял вид двунаправленной стрелки. Буксируя курсор, вы меняете размеры выделенной области.
3. Нажмите и не отпускайте при буксировке клавишу . Масштабирование будет пропорциональным.
4. При нажатой клавише курсор имеет вид серой стрелки. При буксировке перемещается только один из ограничителей, объект будет искажен.
5. Если вместо держать нажатыми клавиши +, этот ограничитель будет смещаться только по одной из сторон габаритного четырехугольника.
6. Для выхода из режима трансформации без выполнения команды нажмите клавишу . Область осталась выделена, но все искажения пропали.
Типы операций, соответствующие клавиши и вид курсора при трансформировании указаны в таблице

Действие клавиша	Ограничитель	Курсор	Примечания
Поворот	угловой	Совет Совет Для вращения выделенной области с шагом, равным 15°, при повороте удерживайте нажатой клавишу .

Выделение объектов со сложным контуром

Выделение объектов со сложным контуром В группу Lasso входят инструменты выделения областей произвольной формы — собственно Lasso, Polygonal Lasso и Magnetic Lasso. Ковбои и гаучо, вероятно, пришли бы в недоумение от таких словосочетаний. Воспользуемся по очереди всеми тремя инструментами для выделения многоугольного фрагмента головоломки (вверху средний).

Выделение овальной области

Выделение овальной области

1. Выберите инструмент Elliptical Marquee из группы Marquee. Для этого поместите курсор мыши на пиктограмму Marquee и удерживайте левую кнопку мыши до появления всплывающей палитры инструментов. Не отпуская клавишу мыши, выберите пиктограмму с изображением штрихового овала (Рисунок 1.24).
Примечание
Примечание
Нажатие сочетания клавиш + производит переключение между инструментами Elliptical Marquee и Rectangular Marquee. Этот способ намного быстрее, чем выбор мышью из палитры инструментов.
2. Выделим овальный фрагмент головоломки. Приемы работы с инструментом Elliptical Marquee те же, что и для инструмента Rectangular Marquee. Овальные области удобнее выделять из центра, а не из угла. Установите курсор в центр овального фрагмента, нажмите клавишу и буксируйте выделительную рамку до границ овала.
Примечание
Примечание
Для выделения правильной окружности необходимо при буксировке курсора удерживать нажатой клавишу .
3. Добейтесь аккуратного выбора фрагмента приемами, описанными выше (перемещение границ и изменение размеров выделительной рамки)
(Рисунок 1.25.)

Выделение прямоугольной области

Выделение прямоугольной области

1. Щелкните мышью на группе Marquee (Рисунок 1.17). Клавиатурный эквивалент для выбора инструмента — латинская <М>. По умолчанию активизируется инструмент Rectangular Marquee. На его кнопке — пиктограмма штрихового прямоугольника.
2. Поместите курсор в окно документа. Он принимает форму перекрестия. Подведите его к левому верхнему углу прямоугольника с круглым отверстием и, не отпуская кнопки мыши, переместите курсор в ее правый нижний угол (перемещение курсора при нажатой левой клавише мыши называют буксировкой). За курсором тянется прямоугольная рамка.
Примечание
Примечание
Если при перемещении мыши удерживать клавишу , будет выделяться квадратная область Чтобы зафиксировать ее, надо сначала отпустить кнопку мыши, а затем — клавишу При перемещении мыши с нажатой клавишей происходит выделение области не из угла, как было описано, а от центра, то есть выделенная область распространяется во все стороны от той точки, в которой вы нажали кнопку мыши. Если при этом еще нажать и клавишу , то выделение будет происходить не только от центра, но и в виде квадрата, то есть равномерно во все стороны

Выделение строки и столбца пикселов

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

Вывод на экран и удаление палитр

Вывод на экран и удаление палитр В меню Window находятся команды, позволяющие показать или убрать с экрана каждую из имеющихся в программе палитр. Если палитра отсутствует на экране, то пункт меню, содержащий ее название, начинается со слова Show. При выборе этого пункта палитра немедленно появится в главном окне программы. Если палитра уже отображается, то соответствующий пункт начинается со слова Hide, последующий выбор данной команды приведет к исчезновению палитры с экрана.
Возможность спрятать палитру предусмотрена для того, чтобы не занимать полезную площадь экрана неиспользуемыми элементами управления, ведь на этом месте может демонстрироваться редактируемое изображение!

Закрытие файла и выход из программы

Закрытие файла и выход из программы

Теперь вы можете закрыть исходный файл командой Close меню File. И поскольку вы только что сохраняли его, никакие дополнительные диалоговые окна выводиться не будут.
Если вы не собираетесь больше работать, программу перед выключением компьютера необходимо закрыть. Не рекомендуется выключать компьютер при работающих программах, т. к. такие сложные программы, как Adobe Photoshop, хранят на диске временные и служебные файлы, которые при "цивилизованном" закрытии программы удаляются с диска. В противном случае они остаются на диске, усугубляя традиционный дефицит дискового пространства.
И кроме того, среди открытых документов могут оказаться несохраненные. Все проделанное редактирование в этом случае будет утрачено.
Для выхода из программы откройте меню File и выполните команду Exit. Обо всех несохраненных документах последует запрос (1.45).

Самоучитель по Adobe Photoshop 5.5

Флажки для отображения цветов на 8битных цветных мониторах

Флажки для отображения цветов на 8-битных цветных мониторах

О следующих возможностях интересно знать только тем, у кого графическая карта поддерживает не более 256 цветов. С меньшим числом цветов программа Adobe Photoshop 5. 5 вообще работать не станет.
Внимание
Полноценная работа с изображениями невозможна, если видеокарта отображает менее 16 млн. цветов (True Color) В этом случае на мониторе вы видите не те цвета, которые содержит изображение, а лишь наиболее близкие к ним При создании изображений для электронного распространения это нежелательно, а для типографской печати просто недопустимо Если вы намерены всерьез работать с Photoshop, то обязательно приведите вашу видеокарту в соответствие с указанным выше требованием
Каждый тип изображения в Adobe Photoshop использует свою цветовую таблицу (палитру). Для воспроизведения отсутствующих в палитре цветов используется имитация, основанная на смешении имеющихся цветов (dithering).
Флажок Use System Palette позволяет сделать воспроизведение активных и неактивных документов более точным. Флажок Use Diffusion Dither предназначен для минимизации имитируемого узора пикселов, делая невозможным появление отчетливых дефектов. Вместе с тем, этот режим может вызвать некоторую нестабильность отображения во время перерисовки части экрана (например, при редактировании, рисовании или "прокрутке" изображения).
Флажок Video LUT Animation служит для ускорения динамического отображения цветов при редактировании изображений в режиме RGB, однако только в том случае, если в каталоге \Plugins установлен модуль анимации цветовой таблицы (Color Table Animation Extension), поставляемый фирмой-производителем видеокарты. Чтобы этот модуль смог успешно работать, не устанавливайте в диалоговых окнах флажок Preview.

Флажки поля Options

Флажки поля Options Anti-alias PostScript. He вдаваясь в детали, скажем, что в установленном состоянии обеспечивается более высокое качество растрирования объектных рисунков, помещаемых в поле изображения командой Place, и шрифтов. Этот флажок обычно установлен.
Export Clipboard. В установленном состоянии разрешает копирование изображений Photoshop в другие программы через буфер обмена (clipboard). При этом во время закрытия Photoshop появится запрос на сохранение текущего содержимого буфера обмена для использования другими программами. Это произойдет лишь в том случае, если буфер обмена не пуст, то есть вы в процессе работы использовали команды Cut или Copy. Без острой необходимости не стоит устанавливать этот флажок. Быстрее и правильнее помещать изображения в другие программы с помощью их собственных возможностей импорта графических файлов.
Short PANTONE Names. Этот флажок должен быть установлен, если вы намерены импортировать готовое изображение в издательскую систему или программу подготовки иллюстраций. Он устанавливает менее понятные, но общепринятые обозначения плашечных цветов.
Show Tool Tips. Если вы только начали работать с Photoshop — установите этот флажок, и программа будет ненавязчиво подсказывать вам, для чего предназначен каждый элемент управления. Для этого оставьте курсор мыши неподвижным около секунды над интересующей вас кнопкой или полем ввода. Рядом появится желтая рамка с кратким пояснением назначения (всплывающая подсказка) выбранного элемента интерфейса.
Auto-update ореn documents. В новой версии программы предусмотрен переход между приложениями при открытом документе. Например, вы можете, начав редактирование в Photoshop, продолжить его в Image Ready или в Illustrator. Если данный флажок установлен, то при переходе между приложениями файл автоматически обновляется. При снятом флажке обновление производится пользователем.
Веер When Done. Позволяет выдавать звуковой сигнал после окончания длительных операций.
Dynamic Color Sliders. Если флажок установлен, то при изменении (с помощью движков (sliders)) цветовых компонентов в палитре Color вы будете немедленно видеть, как изменяется сам цвет. Рекомендуем использовать эту возможность.
Save Palette Locations Позволяет сохранять положение палитр. Смело устанавливайте, если вы — единственный пользователь компьютера. В этом случае Photoshop при закрытии запомнит, какие палитры были выведены вами на экран и их расположение, что позволит вам в следующий раз продолжить работу, не приводя палитры в прежнее состояние Photoshop сделает это за вас.

Кнопка Reset Palette Locations to Default

Кнопка Reset Palette Locations to Default Восстанавливает предусмотренное авторами программы умалчиваемое расположение палитр. Этот "спасательный круг" поможет новичку, осваивающему интерфейс программы, вернуться к исходному состоянию палитр.

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

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


Во время выполнения первой самостоятельной работы вы использовали исходные установки программы Photoshop, которые называются установками по умолчанию (by default), и прежде чем двигаться дальше, полезно рассмотреть некоторые варианты настройки программы, способы их изменения для обеспечения удобной и эффективной работы.
Множество параметров Photoshop позволяет определить характер отображения на экране, вид курсоров, режимы использования инструментов, разметку и многое другое. В программе Adobe Photoshop значения этих параметров сохраняются в файлах конфигурации, находящихся в папке \Adobe Photoshop Settings. Данные файлы создаются при установке программы и в дальнейшем модифицируются по мере изменения параметров настройки.
1. Откройте меню File, выберите команду Preferences. Наличие рядом с командой в строке треугольной стрелки говорит о том, что данная команда открывает дополнительное меню со списком команд (Рисунок 2.1).
2. Выполните команду General.... На экране — диалоговое окно Preferences раздела General (Рисунок 2.2).

Поле File Compatibility

Поле File Compatibility Флажок Include Composited Image With Layered Files дополнительно помещает в PSD-файл сведенное изображение (см. описание Flatten Image в главе 5). Разработчики предусмотрели такую возможность для того, чтобы Adobe Illustrator 7.0 мог импортировать файлы Photoshop 5.5, которые имеют иной формат, чем файлы версии 4.0. Не устанавливайте данный флажок без крайней необходимости, так как это значительно увеличивает и без того большой размер PSD-файла.
Еще раз подчеркнем, что флажок имеет смысл только для файлов формата PSD и только при их импорте в программы, распознающие этот формат:
Adobe Illustrator 7.0, CorelDRAW 7.0 и 8.0, Macromedia FreeHand 8.0.

Поле Gamut Warning

Поле Gamut Warning Темно-серый цвет, принятый по умолчанию для обозначения цветов вне CMYK, не всегда удобен Разумно выбирать цвет таким образом, чтобы он контрастировал с тоном изображения Вы можете выбрать цвет в поле Gamut Warning раздела Transparency & Gamut диалогового окна Preferences
1. Откройте документ restaurant.jpg. Установите переключатель Gamut Warning меню View. Области вне CMYK помечены серым.
2. Щелкните на образце Color в области Gamut Warning
3. В открывшемся диалоговом окне выбора цвета установите ярко-зеленый цвет. Теперь области, находящиеся за охватом CMYK, отмечены ярко-зеленым, и их лучше видно на изображении
4. Установите прозрачность цвета 50% в поле Opacity. Условная зеленая заливка стала полупрозрачной

Поле Grid

Поле Grid

1. Включите демонстрацию координатной сетки командой Show Grid из меню View, если вы успели ее отключить.
2. Убедитесь в том, что на экране находится изображение из файла puzzle.jpg.
3. Откройте диалоговое окно Preferences раздела Guides & Grid соответствующей командой из подменю Preferences меню File. Теперь будем менять установки координатной сетки, чтобы оценить их влияние на ее отображение.
4. В появившемся диалоговом окне (Рисунок 2.12) вы можете определить шаг координатной сетки, ее цвет и вид. Цвет можно выбрать из списка цветов Color. Выберите, например, цвет Magenta.

Поля Painting Cursors и Other Cursors

Поля Painting Cursors и Other Cursors

При работе с инструментами курсор мыши выглядит так же, как и инструмент на палитре инструментов (Рисунок 2.6). Согласитесь, в этом есть свое удобство! Это помогает не только не забыть, какой инструмент вы выбрали минут десять назад, но и создавать некое ощущение работы с почти реальным карандашом или кистью. Если такой вид курсора вас устраивает, оставьте переключатель Standard, принятый по умолчанию.

	Стандартные курсоры	Точные курсоры
Курсоры рисующих инструментов
Курсоры прочих инструментов

При этом следует учитывать, что каждый инструмент имеет особую точку, которая называется "горячей точкой" (hot spot), именно от этой точки начинается действие инструмента. Положение горячей точки не всегда очевидно для обычного вида курсоров. Гораздо проще позиционировать курсор, если он выглядит как "перекрестие" (прицел): в этом случае совершенно ясно, где горячая точка, и гораздо легче "выстрелить" точно.
1. Для выбора курсора в виде перекрестия установите переключатель Precise и нажмите кнопку ОК.
2. Включите любой рисующий инструмент: Eraser, Gradient, Line, Pencil, Airbrush, Paintbrush или один из следующих инструментов: Lasso, Magic Wand, Crop, Eyedropper или Paint Bucket.
3. Перенесите курсор в рабочее поле, он примет форму перекрестия.
Если вам больше нравится стандартный курсор, но для выполнения ответственных работ требуется точный, можно воспользоваться более быстрым способом переключения между ними — клавишей . Включенное состояние клавиши соответствует точному курсору, а выключенное — стандартному. Не забудьте отключить при вводе текста, ведь это клавиша фиксации верхнего регистра!
Для рисующих инструментов существует еще один вид курсора. Он отображает установленные форму и размер инструмента. Форма и размер выбираются в палитре Brushes. Поэтому данный переключатель называется Brush Size. Данный вид курсора удобен тем, что с его помощью легко увидеть зону, затрагиваемую инструментом. При операциях рисования, стирания, ретуши изображений удобнее всего пользоваться именно этим типом курсора.
1- Вызовите диалоговое окно Preferences, нажав клавиши +, и выберите раздел Display & Cursors.
2. Установите переключатель Brush Size и нажмите кнопку ОК.
3. В группе палитр выберите палитру Brushes.
4. Включите любой рисующий инструмент, например. Paintbrush.
5. На палитре кистей выбирайте щелчком мыши разные кисти и пробуйте ими рисовать в рабочем окне. Размер курсора будет совпадать с размером кисти, выбранной вами в палитре.
Курсор может отражать не только размер, но и форму кисти.
1. На палитре кистей нажмите кнопку с треугольной стрелкой правее от вкладок и выполните команду Load Brushes... из открывшегося списка.
2. В открывшемся диалоговом окне Load перейдите в каталог \Brushes и выберите файл с именем Assorted Brushes.abr. Нажмите кнопку ОК.
В палитре кистей появился набор кистей произвольной формы. Выберите кисть в виде оленя, переместите курсор на рабочее поле — курсор также принял вид кисти. Щелкните на рабочем поле, след в точности повторяет размер и форму курсора.
Как видите, можно очень гибко выбирать отображение курсора в зависимости от задач и из соображений удобства. То обстоятельство, что вид курсора назначается отдельно для рисующих и остальных инструментов позволяет совмещать удобство отображения размеров кисти со стандартными курсорами остальных инструментов.

Раздел Display & Cursors

Раздел Display & Cursors
Флажок Color Channels in Color При установке флажка Color Channels in Color цветовые каналы будут отображаться в соответствующем цвете.
1. Перейдите к любому из файлов полноцветных изображений.
2. Откройте меню Window, выполните команду Show Channels. Вы видите, что маленькие рисунки (миниатюры) на этой палитре отображают содержание цветовых каналов. Все рисунки, кроме верхнего, отображающего совокупность каналов, выведены в черно-белом представлении.
3. Щелкните мышью на пиктограммах "Глаз" у рисунков Red и Green. Теперь изображение в рабочем окне стало отображаться в серых оттенках. Попробуйте поочередно включить отдельно красный канал и зеленый, всякий раз будет получаться серая гамма. Оставьте отображение зеленого канала на экране.
4. Вызовите диалоговое окно Preferences (рис 2.5), нажав клавиши + +<К>.
5. Выберите флажок Color Channels in Color. В квадратике появится знак, который означает, что флажок установлен
6. Нажмите кнопку ОК.

Раздел General

Раздел General

Список Color Picker
Первый в этом разделе установок раскрывающийся список Color Picker определяет, какую из двух цветовых таблиц будет использовать Photoshop — системную или свою собственную. По умолчанию установлен вариант Photoshop, но вы можете выбрать и вариант Windows. Разницу между этими установками вы увидите, если обратитесь к полям выбора основного или фонового цветов в палитре инструментов.
1. Выберите вариант Photoshop Нажмите кнопку OK
2. Щелкните на поле выбора основного цвета в палитре инструментов.
3. На экран выводится диалоговое окно Color Picker, в котором вы сможете определять цвет в нескольких цветовых моделях (RGB, HSB, CMYK, L*a*b*) и выбирать его в пользовательских палитрах (PANTONE, TOYO и т. д.).
4. Нажмите кнопку Cancel.
5. Нажмите клавиши + В списке выберите теперь вариант Windows Нажмите кнопку ОК
6. Щелкните на поле выбора основного цвета в палитре инструментов На экран выводится диалоговое окно Color, которое позволяет испочьзовать заведомо ограниченную системную цветовую таблицу она предоставляет всего 48 базовых и 16 заказных цветов (определяемых на основе моделей RGB и HSB) (рис 2.3) Недостатком этой палитры можно считать и то, что в ней не отмечается выход цвета из цветового охвата модели CMYK, что очень важно для полиграфических работ.
7. Щелкните на кнопке Cancel.

Раздел Guides & Grid

Раздел Guides & Grid

Направляющие — это непечатаемые линии, параллельные вертикальным и горизонтальным границам изображения. Их главное свойство в том, что графические объекты, находящиеся вблизи направляющих, "прилипают" к ним, обеспечивая точное позиционирование объектов (выделенных или расположенных на слоях) друг относительно друга и границ изображения. Направляющую можно установить по координатной линейке и тем самым точно поместить объект в нужное место изображения Мы исследуем действие направляющих на примере документа puzzle.jpg. Окно документа с установленными направляющими изображено на Рисунок 2.10.

Раздел Memory & Image Cache

Раздел Memory & Image Cache

В диалоговом окне Preferences этого раздела (Рисунок 2.14) определяются количество уровней кэширования (Cache Levels) изображения и количество используемой программой оперативной памяти (Used by Photoshop). Кэширование повышает производительность, но занимает оперативную память. Поэтому, если у вас ее мало — уменьшите количество уровней кэширования.
По умолчанию Photoshop использует половину свободной оперативной памяти компьютера. При работе с небольшими изображениями (например, для Web-страниц) этого вполне достаточно. Для эффективной работы с изображениями высокого разрешения (для типографской печати) используемая Photoshop оперативная память должна составлять большую часть от установленной на компьютере (от 75 до 90%). Остаток Windows сможет использовать для фоновых задач (например, печати) и графического интерфейса.
Используя диалоговое окно Preferences раздела Memory & Image Cache, вы можете выяснить, сколько физической памяти в действительности доступно для использования Photoshop. Об этом информируют поля AvailableRAM и Photoshop RAM. Если последняя цифра превышает средние размеры обрабатываемых вами файлов, то все в порядке. В противном случае стоит приобрести дополнительную память.

Раздел PlugIns & Scratch Disks

Раздел Plug-Ins & Scratch Disks

В диалоговом окне Preferences этого раздела (Рисунок 2.13) определяются каталог для хранения подключаемых модулей и логические диски, которые Photoshop будет использовать для организации своей виртуальной памяти, так как он не использует виртуальную память Windows.
Для тех, кто не знаком с понятием "виртуальная память", скажем, что эта "якобы память" в действительности является файлом на диске и имитирует настоящую оперативную память (RAM — Random Access Memory), аппаратно реализованную в виде микросхем. Если для хранения изображения, буфера отката (undo buffer) или промежуточных результатов какой-либо операции программе не хватает оперативной памяти, то часть ее содержимого выгружается на диск, освобождая необходимое место. Когда программе потребуются данные, которые в текущий момент выгружены на диск, ей придется сначала освободить память выгрузкой на диск не нуждающихся в немедленной обработке данных, а затем загрузить необходимые Благодаря такой организации Photoshop может обрабатывать файлы очень большого размера, в несколько раз превышающего объем установленной оперативной памяти, а тем более, свободной памяти.

Раздел Saving Files

Раздел Saving Files

Список Image Previews
Данный список раздела Saving Files (рис 2.4) позволяет выбрать, генерировать ли при сохранении файлов уменьшенные копии находящихся в них изображений

Раздел Transparency & Gamut

Раздел Transparency & Gamut
Поле Transparency Settings
Для того чтобы отделять прозрачные участки от цветовых, их отображают шахматными клетками. Размер и цвет клеток можно изменить.
1. Откройте файл Guitar psd из папки \Goodies\Samples, расположенной в папке Photoshop
2. Откройте меню File, выберите команду Preferences, а затем в открывшемся списке команду Transparency & Gamut...
3. На экран выводится диалоговое окно Preferences раздела Transparency & Gamut (рис 2.7)
4. В поле Grid Size выберите один из размеров клетки Small, Medium или Large, например, если вам нравится крупная клетка, установите ее
5. При выборе варианта None прозрачные области отображаются белым цветом. С одной стороны, это достаточно удобно (клетки вносят иногда лишнюю декоративность, "лишнюю краску"), но, с другой стороны, придется разбираться, где у вас белый цвет, а где отображение белым цветом прозрачных областей
6. В списке поля Grid Colors предоставляется 8 готовых клеток 3 серых разного тона — Light, Medium, Dark и 5 цветных — Red, Orange, Green, Blue, Purple Выберите любой
7. Если вас ничто готовое не устраивает, вы можете и сами выбрать цвета квадратов Для этого следует щелкнуть на цветовом поле, определить цвет в диалоговом окне Color Picker, затем повторить эти действия на другом и т д , если есть необходимость
8. Нажмите кнопку ОК.

Раздел Units & Rulers

Раздел Units & Rulers
Поле Rulers В разделе Units & Rulers можно выбрать привычные вам единицы измерения, которые будут использовать все команды, информационные окна и линейки программы (Рисунок 2.8).

в этой главе, не оказывают

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

Меню с дополнительным

Рис 2.1. Меню с дополнительным


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

General

Saving Files

Display & Cursor

Transparency & Gamut

Units & Rules

Guides & Grid

Plug-ins & Scratch Disks

Memory & Image Cache

Все эти названия вы уже видели в виде пунктов меню Preferences Они находятся под отчеркнутым пунктом General... Это дает возможность сразу выбрать интересующий вас раздел установок.
Для того чтобы быстро перейти от одного раздела установок к другому, можно выбрать нужный раздел в этом списке, не закрывая диалогового окна. При этом содержимое диалогового окна изменится в соответствии с выбранным разделом. Для просмотра всех разделов по порядку можно воспользоваться кнопками Prev и Next.

Документ с направляющими

Рис 2.10. Документ с направляющими Помните упражнение с головоломкой, которое описано в главе 2? Использование направляющих могло бы значительно облегчить ее сборку. Для примера попробуем поставить на место первый фрагмент головоломки, выравнивая его по направляющим.
1. Откройте файл puzzle.jpg, находящийся на дискете.


2. Выберите инструмент Move и поместите его курсор на вертикальную линейку. Если окно с изображением не имеет линеек, то включите их отображение командой Show Rulers из меню View.
3. Нажмите и не отпускайте левую клавишу мыши
4. Перемещайте курсор к середине изображения. При этом вы увидите, что из линейки "выдвинулась" синяя вертикальная линия, перемещающаяся вместе с курсором. Это и есть направляющая.
5. Отбуксируйте направляющую вправо, пока она не совпадет с левой границей доски.
6. Если вы промахнулись и не смогли точно установить направляющую — не беда. Поместите курсор инструмента Move на неправильно установленную направляющую. Нажмите левую кнопку мыши и не отпускайте ее. При этом курсор приобретет форму двух вертикальных отрезков, из которых вправо и влево выходят стрелки. Теперь, удерживая кнопку мыши, можно переместить направляющую в верное положение.
7. Поместите курсор на горизонтальную линейку и буксируйте его к середине изображения. При этом вы увидите, что из линейки "выдвинулась" синяя горизонтальная линия — направляющая. Она перемещается вместе с курсором.
8. Буксируйте направляющую вправо, пока она не совпадет с верхней границей доски.
9. Выберите инструмент Rectangular Marquee и выделите прямоугольный фрагмент головоломки с овальным отверстием.
10. Снова выберите инструмент Move, нажмите клавишу и буксируйте выделенный фрагмент к центру изображения, подводя левый верхний край выделения к пересечению созданных нами направляющих.
11. Подведя выделенный фрагмент достаточно близко к направляющим, вы почувствуете, что он "прилип" к ним, и для того чтобы переместить его дальше, требуется более значительное перемещение мыши, чем обычно.
12. Отпустите кнопку мыши, а затем клавишу .
13. Выберите команду Hide Guides меню View. Направляющие будут спрятаны. Это позволит вам лучше оценить результат работы. Заметьте, как облегчило вам позиционирование выделения наличие направляющих. И это еще самый простой случай!
Обратите внимание, что в меню View есть еще три команды, связанные с направляющими: Snap To Guides, Lock Guides и Clear Guides. Первая команда переключает режим выравнивания по направляющим. Когда требуется выбрать фрагмент вблизи направляющей, стоит отключить выравнивание, чтобы не удалять направляющие, которые могут еще пригодиться. Включено ли в данный момент выравнивание, можно определить по наличию галочки около этого пункта меню. Вторая команда позволяет зафиксировать положение направляющих, чтобы избежать их случайного перемещения. Скова сделать направляющие подвижными можно, выбрав еще раз эту команду (при этом галочка рядом с этим пунктом меню исчезнет). Последняя команда удаляет с изображения все направляющие, когда надобность в них отпадает.
Координатная сетка выполняет сходную задачу: точное позиционирование объектов друг относительно друга. Она подобна прозрачному листу "миллиметровки", наложенному на изображение. Когда координатная сетка установлена, все инструменты могут позиционироваться только в ее узлах (пересечениях линий). Это относится и к инструментам рисования, что поможет вам рисовать прямые линии под фиксированными углами, и к инструментам выделения и перемещения, что поможет выделять области правильной формы и позиционировать выделенные области с привязкой к координатной сетке (Рисунок 211).

Документ с координационной

Рис 2.11. Документ с координационной сеткой Теперь посмотрим, как используется координатная сетка. 1. Перейдите к файлу puzzle.jpg.
1.Перейдите к файлу puzzle.jpg.


2. Выберите команду Show Grid из меню View. Убедитесь, что около команды Snap To Grid есть галочка, указывающая, что выравнивание установлено. При этом поверх изображения появится "миллиметровка" серого цвета. Действует она так же, как если бы каждая ее линия была направляющей.
3. Выберите инструмент Rectangular Marquee и попробуйте точно выделить тот же фрагмент головоломки. Скорее всего у вас это не получится — мешает координатная сетка. Курсор прямоугольного выделения "прилипает" к ней, что затрудняет его размещение между линиями сетки.
Для того чтобы превратить координатную сетку в "союзника", необходимо уменьшить расстояние между ее линиями. Эта операция выполняется в диалоговом окне Preferences раздела Guides & Grid. В том же окне регулируется цвет сетки и направляющих. Эти характеристики стоит поменять, если вспомогательные линии недостаточно контрастно выделяются на фоне изображения.

Диалоговое окно Preferences

Рис 2.12. Диалоговое окно Preferences


раздела Guides & Grid 5. Если вас не устраивает ни один из предопределенных цветов (поскольку, например, все они используются в самом изображении), щелкните мышью на расположенном справа от списка цветном квадрате, и в открывшемся уже знакомом вам окне Color Picker выберите желаемый цвет. Взгляните на изображение и убедитесь, что цвет сетки изменился на выбранный вами.
6. Список Style определяет вид сетки. Предлагаемый по умолчанию стиль Lines вы можете заменить на Dashed Lines. В этих случаях сетка примет вид пунктирных линий или точек, располагающихся в узлах сетки. Попробуйте эти варианты и выберите наиболее для вас удобный.
7. Ниже списка Style находятся цифровое поле ввода GridlineEvery и список с единицами измерения. Вы уже, наверное, заметили, что координатная сетка, как и сетка на миллиметровой бумаге, состоит из частых тонких линий и редких толстых. Толстые линии отмечают некоторое количество тонких. Единицу измерения целесообразно выбрать ту, которая установлена в качестве масштаба линеек, а в поле Gridline every ввести, сколько толстых линий будет приходиться на эту единицу. И, наконец, в поле Subdivisions указать, сколько тонких линий будет отображаться между соседними толстыми.
8. Создайте в вашем документе "компьютерный эквивалент" миллиметровой бумаги. В качестве единицы измерения следует выбрать сантиметры (cm).
9. Введите в поле Gridline Every цифру 1.
10. В поле Subdivisions введите цифру 10.
11. Таким образом, получится сетка из тонких линий, следующих через каждый миллиметр, и толстых, совпадающих с каждой десятой тонкой линией. Толстые линии будут отмечать сантиметры, а тонкие — миллиметры.
12. Закройте диалоговое окно Preferences нажатием кнопки ОК.
13. Выберите инструмент Rectangular Marquee.
14. Попробуйте снова выделить тот же фрагмент головоломки. Теперь это легко выполнимо.
15. Выберите инструмент Move.
16. Переместите фрагмент в полагающееся ему место на доске. Обратите внимание на легкость выравнивания фрагмента. Если бы вы продолжили сборку головоломки, то оценили бы еще одно достоинство сетки — легкость выравнивания перемещаемых фрагментов друг относительно друга. С помощью сетки очень просто разместить фрагменты друг относительно друга идеально ровно.
Поле Guides
С направляющими дело обстоит несколько проще. Для них вы можете определить цвет в списке Color и вид в списке Style (пунктирная или сплошная линия) поля Guides тем же образом, что и для координатной сетки.

Раздел PlugIns &

Рис 2.13. Раздел Plug-Ins & Scratch Disks К сожалению, поддержка виртуальной памяти требует больших "накладных расходов" Время обращения к оперативной памяти измеряется наносекундами, а к виртуальной (то есть к жесткому диску) — миллисекундами. Таким образом, виртуальная память в 1 000 000 раз медленнее настоящей. Выручает только то, что Photoshop, как и Windows, минимизирует количество операций загрузки-выгрузки виртуальной памяти по специальному алгоритму.
В этом разделе установок вы можете указать имена дисков, которые могут быть использованы Photoshop для организации виртуальной памяти. Такие диски Photoshop считает рабочими (scratch disks) В отличие от предыдущей версии, Photoshop 5.5 позволяет указать не два, а четыре рабочих диска Эго позволит вам не заботиться о том, на каком из дисков достаточно свободного места — главное, чтобы сумма свободного пространства на всех четырех была достаточной.
В поле Scratch Disks есть четыре списка First, Second, Third и Fourth Photoshop использует каждый следующий диск из списка только тогда, когда не хватает места на предыдущем.
Из вышесказанного можно сделать выводы о том, как "выжать" из Photoshop максимум производительности
1. В качестве рабочего диска следует выбрать самый быстрый физический диск, если у вас на машине установлено несколько жестких дисков. Самый большой физический диск является, как правило, и самым быстрым.


2. Ни в коем случае не указывать в качестве рабочего диска съемный или сетевой диск, так как они недостаточно быстры и могут быть отсоединены в процессе работы программы, что приведет к необратимой потере данных, то есть вашей многочасовой работы.
3. На рабочем диске должно быть достаточно свободного места. Требуемое место сильно зависит от размеров файлов, с которыми вы работаете, и объема оперативной памяти на вашем компьютере. Как правило, количество свободного места на рабочем диске должно в 3—5 раз превышать размер оперативной памяти.
4. После операций, требующих значительного расхода памяти при работе с большими изображениями, очищайте буфер отката (undo), буфер обмена (clipboard) и протокол выполнявшихся операций (histories) соответствующей командой Purge меню Edit.
5. При разработке макетов для типографской печати имеет смысл сначала полностью провести коррекцию, обработку, монтаж изображения на модельных файлах, то есть файлах экранного (72 dpi) разрешения. И когда уже будет точно известно, какие операции надо проделать с исходными материалами, чтобы они превратились в готовую иллюстрацию, воспроизвести их на "настоящем" материале полиграфического (300 dpi и даже более) разрешения.
6. Если Photoshop все равно работает медленно и очень часто обращается к диску — необходимо увеличить объем оперативной памяти. Она никогда не будет лишней.

Раздел Memory & Image

Рис 2.14. Раздел Memory & Image Cache Обратите особое внимание, что любые изменения, произведенные в этом окне, начинают действовать только после перезапуска программы.

Диалоговое окно

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


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

Палитра цветов Windows

Рис 2.3. Палитра цветов Windows

Раздел Saving Files

Рис 2.4. Раздел Saving Files


диалогового окна Preferences Эти маленькие картинки (previews — в терминах Photoshop) находятся в том же файле, что и само изображение и используются для показа содержимого файла в окне Open перед его загрузкой. Другая их функция состоит в обеспечении показа уменьшенной копии изображения (только для формата PSD) непосредственно в папках Windows Explorer. Наличие подобной маленькой картинки внутри файла пренебрежимо мало влияет на его размер и скорость открытия, поэтому нет смысла исключать такую возможность (пункт NeverSave), как и устанавливать назойливую опцию Ask When Saving — ставьте Always Save.

Диалоговое окно Preferences

Рис 2.5. Диалоговое окно Preferences.


Раздел Display & Cursors Пиктограммы в палитре каналов стали цветными, а изображение в рабочем окне окрасилось в зеленый цвет Еще раз переключите поочередно каналы, изображение будет выводиться на экран в соответствующем цвете канала.

Раздел Transparency &

Рис 2.7. Раздел Transparency & Gamut Если вы используете программу Adobe Photoshop для создания или редактирования изображений, которые предназначены только для экрана монитора, например, для презентационного слайд-фильма или просто для экранной заставки, то вас эта команда не заинтересует.

Раздел Units & Rulers

Рис 2.8. Раздел Units & Rulers 1. Откройте любой документ. Убедитесь, что вдоль левого и верхнего краев окна документа отображаются линейки
2. Если никаких линеек нет, то их надо вызвать. Для этого откройте пункт меню View и выполните команду Show Rulers (Рисунок 2.9) Можно также нажать клавиши +, чтобы получить тот же результат. Повторным нажатием тех же клавиш линейки убираются из рабочего окна.

Рисунок 2.9. Измерительные линейки
3. Откройте список Units и выберите нужную единицу: pixels, inches, cm, points, picas и percent. Если вы работаете в сфере полиграфии, то, скорее всего, это будут сантиметры. Дизайнерам Web-страниц удобнее иметь дело с пикселами.
4. Нажмите кнопку ОК. Выбранная единица отразится на градуировках линеек, которые располагаются по краям рабочего окна сверху и слева.
5. В поле Point/Pica Size вы можете установить размер пункта и пики. Можно выбрать один из двух размеров: PostScript — один дюйм равен 72, пунктам или Traditional — один дюйм равен 72,27 пункта (имеется в виду традиционно использовавшийся в России пункт Дидо). Для работы с выводным PostScript-устройством лучше выбрать первый вариант.
6. Закройте диалоговое окно Preferences нажатием кнопки ОК.
В поле Column Size можно определить ширину колонки и расстояние между колонками. Эти значения применяются в некоторых программах верстки для спецификации показа изображения в нескольких колонках. В данной программе значения этого поля используются командами Image Size... и Canvas Size... из меню Image.
В программе Photoshop предусмотрена возможность переноса начала координат.
1. Установите курсор в левом верхнем углу окна документа (на пересечении горизонтальной и вертикальной линеек).
2. Нажмите левую кнопку мыши и переместите начало координат в нужную точку изображения. Отсчеты линеек изменятся в соответствии с новым положением начала координат, что позволит выполнять измерения от любой точки изображения.
3. Восстановите исходное положение начала координат двойным щелчком левой кнопкой мыши в том же углу на пересечении измерительных линеек.

Список File Extension

Список File Extension Необходимость включения этого нового списка в установки программы была вызвана использованием программы при создании иллюстраций для Web-страниц. Некоторые операционные системы, например, UNIX (большинство серверов Internet работают под ее управлением), различают в именах файлов прописные и строчные буквы. Для UNIX файлы с именами picture.jpg и picture.JPG — разные. Во избежание путаницы всем файлам в Internet принято давать имена, написанные строчными буквами. Предыдущие версии Photoshop, напротив, по умолчанию присваивали файлам расширения из прописных букв. Если вы Web-дизайнер, то обязательно установите вариант Use Lower Case.

Список Interpolation

Список Interpolation Если изображение увеличивается в результате масштабирования, вновь создаваемым пикселам нужно присваивать какие-то значения цветов. В компьютерных технологиях эта операция выполняется с помощью математическою метода, который называется интерполяцией. Сущность метода заключается в том, что берутся начальное и конечное значения, а промежуточное (добавляемое) значение вычисляется с помощью определенной математической функции. В данном списке как раз и представлены варианты функции интерполяции: Bicubic (Better) — наиболее точная интерполяция, но и наиболее медленная, Nearest Neighbor (Faster) — самая быстрая, но наименее точная интерполяция, Bilinear — занимает среднее положение. Для быстрых компьютеров предпочтительнее использовать самую точную интерполяцию.

Самоучитель по Adobe Photoshop 5.5

Группа инструментов Реп

Группа инструментов Реп Инструменты группы Pen позволяют создавать, выделять и редактировать контуры.
§ Pen позволяет строить контуры в виде прямых или гладких кривых линий, задавая якорные точки и регулируя направляющие.
§ Magnetic Pen может трассировать границу изображения, рисуемый им контур "прилипает" к границе перехода яркостей.
§ Freeform Pen предназначен для непосредственного рисования контура, подобно инструментам рисования в векторных программах.
§ Add Anchor Point предназначен для добавления в контур новых узлов (точек привязки).
§ Delete Anchor Point действует противоположным образом: удаляет из контура ненужные узлы (точки привязки).
§ Direct Selection позволяет выделять узлы контура выборочно или все целиком.
§ Convert Point изменяет характер узла (точки привязки), что позволяет преобразовывать прямолинейные сегменты в криволинейные и наоборот.

Инструмент Airbrush

Инструмент Airbrush

Инструмент Airbrush имитирует работу распыляющего устройства. Это дает возможность "напылять" цвет, то есть наносить его без резко очерченных границ. У компьютерного аэрографа, как и у его реального прототипа, интенсивность окрашивания зависит от времени нанесения цвета. Отсюда требование — "быстро, но точно". Если выполненный вами мазок (результат рисования за время нажатия кнопки мыши) вам не нравится, то, не мешкая, используйте команду Undo из меню Edit или нажмите клавиши +.
При работе с данным рисунком очень хорошо использовать инструмент Airbrush для нанесения цветовых акцентов, вроде румянца на щеках, легких теней на шее или ногах.

Рисунок 3.18. Инструмент Airbrush
1. Для того чтобы отрегулировать "напор струи", перемещайте бегунок по полоске Pressure. Установите значение 40%
2. Для того чтобы наносить штрихи или мазки определенной длины, включите опцию Fade и в цифровом поле установите значение 20. В списке на этой же строке выберите вариант Transparent.
3. Выберите основным телесный цвет и нанесите небольшие цветовые пятна, чтобы оттенить щеки, шею и т. д. Темно-зеленый цвет подойдет для нанесения акцентов на футболку для имитации объема. Темно-синим цветом подкрасьте подошвы ботинок, а светло-коричневым — изнанку шортов (Рисунок 3.18). Выбирайте кисть соответственно виду работы и площади фрагмента. Чтобы не выходить за границы рисунка, предварительно выделите нужные области. По окончании работы сохраните документ.

Инструмент Eraser

Инструмент Eraser

В общем случае этот инструмент также можно отнести к рисующим. Он имеет несколько параметров, которые определяются в палитре Options. Для ластика задаются следующие величины: его тип в верхнем списке (карандаш, кисть, аэрограф, блок), непрозрачность, длина штриха в поле Fade... steps, наличие мокрых краев, и специальный режим Erase to History, превращающий инструмент Eraser в инструмент Magic Eraser. Применение ластика в этом режиме приводит к появлению в стираемой области изображения не фонового цвета, а предыдущих состояний палитры History. Какое из состояний будет "проявляться", зависит от положения пиктограммы History Brush в палитре History, то есть ластик действует подобно инструменту History Brush.
1. Выберите инструмент Eraser из палитры инструментов. Установите для него тип Paintbrush. Инструмент при этом будет оставлять след фонового цвета с мягкими, как у инструмента Brush, краями. В поле Opacity установите величину 80%.
2. Выберите кисть большого размера. Проведите несколько раз этой кистью по изображению фотоаппарата, чтобы ослабить его цвет (Рисунок 3.27).

Рисунок 3.27. Частичное стирание изображения
инструментом Eraser

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

Инструмент Eyedropper

Инструмент Eyedropper

Этот инструмент предназначен для установки цвета совпадающего с цветом любой точки изображения. С его помощью можно очень точно установить основной цвет при обработке иллюстраций.
1. Выберите инструмент Eyedropper. Поместите курсор на футболку фотографа и щелкните мышью. Этим вы произвели выбор основного цвета. В палитре инструментов образец основного цвета стал зеленым.
Примечание
Примечание
Действие инструмента действительно сродни действию обычной пипетки. Оно заключается во взятии пробы цвета в определенной точке изображения и превращении этой пробы в основной цвет. Вы уже использовали этот принцип при выборе цвета в палитре Colors.
2. Теперь нажмите левую кнопку мыши при выбранном инструменте Eyedropper и буксируйте курсор по изображению. Обратите внимание на изменение основного цвета по мере продвижения курсора.
Примечание
Примечание
Эти изменения отражаются также и в палитре Info. В любой момент вы можете увидеть соотношение цветовых компонентов в меняющемся цвете и координаты курсора.
3. Щелкните курсором на светлой части шортов для установки светло-коричневого основного цвета.
Пипеткой можно выбрать основной цвет не только в текущем документе или палитрах, но и в любом открытом документе.
1. Откройте документ island.jpg. Сделайте активным документ suprised.tif.
2. Выберите инструмент Eyedropper и щелкните им в области моря документа island.j'pg. Основной цвет стал сине-зеленым, однако активным остался документ suprised.tif.
В палитре Options инструмента содержится только один параметр — размер области, усредненный цвет которой берется в качестве пробы цвета. Возможны варианты: Point Sample — точный цвет пиксела, 3 by 3 Average и 5 by 5 Average — соответственно усреднение цвета области 3 на 3 и 5 на 5 пикселов вокруг точки щелчка.

Инструмент Paint Bucket

Инструмент Paint Bucket

Выполнить заливку можно разными способами. Кроме команды меню существует специальный инструмент Paint Bucket, очень удобный тем, что при его применении часто нет нужды создавать выделенную область. Принцип его действия такой же, как у инструмента Magic Wand: щелчок инструментом Paint Bucket на изображении приводит к автоматическому выбору близких по цвету пикселов вокруг данной точки. Одновременно происходит и заливка выбранной области основным цветом. В палитре Options для этого инструмента можно выбрать степень непрозрачности заливки (Opacity), режим наложения пикселов и допуск (Tolerance), то есть степень близости цветов пикселов, подлежащих выбору и заливке. Заливка может проводиться в режиме сглаживания. Для этого установите флажок Anti-aliased. С помощью Paint Bucket можно заливать области основным цветом или узором. Для регулирования содержимого заливки предназначен список Contents. В положении Foreground происходит заливка основным цветом, в положении Pattern — заранее определенным узором.
Примечание
Примечание



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

Инструмент Paintbrush

Инструмент Paintbrush

Рассмогрим возможности уже знакомого вам инструмента. В палитре Options для инструмента Paintbrush можно определить режим наложения пикселов (в верхнем левом списке, пока оставьте в положении Normal), задать непрозрачность штриха в поле Opacity. Кроме того, можно создавать затухающие мазки определенной длины, тогда в пределах одного штриха цвет будет постепенно сходить на нет или заменяться на фоновый.
Раскрасим кистью обувь фотографа. Чтобы штрихи не выходили за границу рисунка, предварительно выберите оба ботинка. На Рисунок 3.17 приведены этапы работы. Разумеется, вы можете раскрасить ботинки и по-другому, единственное условие — обязательно поэкспериментируйте с разными параметрами инструмента Paintbrush.
Совет
Совет
Для рисования вертикальных и горизонтальных линий удерживайте клавишу до начала рисования. Если же удержать эту клавишу уже после щелчка инструментом на рисунке, можно рисовать прямые линии под любым углом.

Рисунок 3.17. Применен инструмент
Paintbrush
1. Выберите темно-голубой основной цвет.. Задайте в поле Opacity значение 80%. В палитре Brushes выберите третью слева кисть во втором ряду.
2. Нарисуйте штрихи вдоль подошв ботинок, получился темный кант.
3. Установите в поле Fade значение 15. В списке Fade to выберите пункт Transparent. Проведите несколько штрихов от границ выделения к центру, имитируя объем. Как видите, штрихи получаются затухающими. Чем больше значение в поле Fade, тем длиннее штрих.
4. Установите флажок Wet Edges. Этот режим имитирует эффект акварели, краска "растекается" к краям линии. Нанесите полоски на ботинки. Сохраните документ.
5. Используя декоративную кисть в форме группы точек, нарисуйте фотографу оранжевым цветом веснушки. Для этого установите непрозрачность равную 50%. Не забудьте предварительно выделить голову человечка.

Инструмент Pencil

Инструмент Pencil

Инструмент Pencil предназначен для рисования произвольных линий с четкими границами. Для этого инструмента можно также задавать длину штриха, степень непрозрачности, режим наложения. У инструмента Pencil есть специфический режим, также включаемый в палитре Options. Он называется Auto Erase и позволяет получить следующий результат. При рисовании в области, окрашенной в основной цвет, инструмент Pencil приобретает функцию инструмента Eraser и стирает изображение, оставляя после себя фоновый цвет. При рисовании в области, окрашенной в любой другой цвет, инструмент рисует, как ему и положено, основным цветом.
1. Выберите основным черный цвет
2. Активизируйте инструмент Pencil. Из палитры кистей выберите третью слева в верхнем ряду
3 Аккуратно работая карандашом, нарисуйте недостающий ремешок к фотоаппарату (Рисунок 3.19) Сохраните документ


Рисунок 3.19. Рисование инструментом
Pencil

Инструменты рисования и заливка

Инструменты рисования и заливка


В работе дизайнера обработка сканированных изображений — обязательный этап подготовки макета. Исходными материалами могут быть любые изображения, и все они сканируются с целью последующей обработки в программе точечной графики. Значительная часть работы выполняется инструментами рисования. Кроме того, Photoshop можно использовать и для создания изображения прямо на экране компьютера. В этом случае инструменты рисования просто незаменимы. В этой главе вы познакомитесь с приемами рисования в Photoshop. Художественные навыки в данном случае не важны, поскольку ваше задание — просто раскрасить черно-белый рисунок (сканированный набросок).
Примечание
В своей практике авторы книги использовали в качестве оригиналов для сканирования фотографии, иллюстрации из полиграфических изданий, эскизы, выполненные карандашом, тушью, фантики от жевательной резинки, монетки, доски, старые джинсы, и т- д. Весь этот мусор превращался в готовые макеты именно с помощью Photoshop!
Процесс сканирования сам по себе довольно прост. Ваши конкретные действия при сканировании зависят от программы, управляющей сканером. В зависимости от качества сканера могут получиться разные результаты. Начнем описание обработки оригинала, основываясь на заранее отсканированном изображении (файл suprised.tif). Выполняя упражнения главы 3, вы преобразовали это изображение в черно-белое и сохранили полученный файл под именем suprised.tif в своей рабочей папке.
1. Откройте файл suprised.tif. Увеличьте масштаб фрагмента изображения и внимательно рассмотрите его. В документе есть лишь черные и белые пикселы. Для того чтобы раскрасить изображение фотографа, необходимо перевести это изображение в полноцветный режим, обычно используется режим RGB.
2. Откройте список Mode меню Image. Пункт RGB Color, как и другие пункты полноцветных режимов, пока недоступен, но эта операция может быть проведена в два приема: сначала из черно-белого изображения получают изображение в оттенках серого, а затем переводят его в RGB. Выберите из списка пункт Grayscale....
3. В открывшемся диалоговом окне Photoshop предлагает при смене режима заодно и уменьшить изображение. Оставьте размер рисунка неизменным, введя в поле значение 1. Пользуясь этим окном, вы можете уменьшать размер иллюстрации максимум в 16 раз.
4. Перед вами — изображение в оттенках серого. В меню Image/Mode вари ант Grayscale отмечен галочкой. В таком режиме вы можете работать, используя только оттенки серого (скажем, ретушировать фотографии).
5. Однако в работе вы будете использовать цвет. Конвертируйте документ в режим RGB, выбрав соответствующий пункт из списка Mode меню Image (теперь он доступен).
6. Сохраните документ.

Контуры обрезки

Контуры обрезки

Основное применение рассмотренной выше операции — построение контура обрезки. При экспорте в другие программы изображения с контуром обрезки обрезаются по этому контуру. Тем самым вы избавляетесь от нежелательного фона, если необходимо изображение непрямоугольной формы. Эта операция довольна часто используется в повседневной работе, поэтому рассмотрим технологию ее выполнения.
1. Откройте меню палитры и выберите команду Clipping Path.... В диалоговом окне выберите название контура, который будет обрезать изображение (PHOTO). Параметр Flatness характеризует степень точности воспроизведения контура обрезки на печати. Чем это значение меньше, тем контур аккуратнее. Это поле можно оставить и вовсе не заполненным.
2. Нажмите кнопку ОК. Теперь файл имеет контур обрезки. Это можно увидеть, лишь импортировав сохраненный файл в другую программу. Если у вас есть программа PageMaker, проверьте наличие обрезки. Примерный вид изображения после импорта в PageMaker представлен на рис 3.49. Не забудьте перед импортом сохранить файл изображения с внесенными изменениями.
Примечание
Примечание



Другие программы верстки и векторной графики поддерживают контуры обрезки только при сохранении файла в формате EPS (для этого выберите команду SaveAs..., а затем задайте формат файла EPS в диалоговом окне сохранения). При сохранении в формате EPS от вас потребуется установка некоторых параметров в диалоговом окне EPS Options. В верхнем списке выберите тип экранной версии изображения, однобитное (черно-белое), или цветное, то есть восьмибитное. Ниже расположен список возможных кодировок. Кодировка ASCII соответствует текстовому PostScript-файлу. Полученный файл можно отредактировать в текстовом редакторе. Параметр Binary предполагает хранение информации об изображении в двоичном PostScript-коде. Такие файлы занимают меньше места, однако не все программы могут правильно их импортировать. Режимы JPEG обеспечивают высокую степень сжатия точечных изображений, однако при этом происходит ухудшение качества изображения, поэтому их можно использовать для работы, где это качество не требуется. Флажки в нижней части относятся к процессу подготовки изображений для типографской печати. Если изображение выводится на принтер, они и не понадобятся. После сохранения файла в формате EPS проверьте правильность своей работы в установленной программе верстки или векторном графическом пакете.
Кроме экспорта изображений с контуром обрезки, можно экспортировать и сами контуры в программу Adobe Illustrator. Для этого выберите команду Export меню File. В открывшемся списке выберите пункт Paths to Illustrator.... Диалоговое окно экспорта позволяет выбрать название контура для экспорта, задать имя файла (он будет иметь расширение ai, то есть являться файлом программы Adobe Illustrator) и путь для экспорта. Полученный файл можно открыть и редактировать, как обычный векторный файл.

Модификация кисти

Модификация кисти

1. Результаты следующих действий не нужно сохранять в документе. Выделите на палитре кистей созданную вами любую круглую или овальную кисть.
2. Откройте меню палитры и выберите команду Brush Options.... На экране появляется диалоговое окно Brush Options, аналогичное окну New Brush. В этом окне можно изменить любые свойства выбранной кисти,
Снимите флажок Spacing для данной кисти. Нажмите кнопку ОК.
Порисуйте модифицированной кистью с разной скоростью. Обратите внимание, что если вести кисть быстро, линия получается прерывистой.
Совет
Совет
Рисующим инструментом можно создать пунктирную линию. Для этого нужно увеличить параметр Spacing в диалоговом окне Brush Options, чтобы его значение было больше 100%. Тогда при буксировке курсора рисующего инструмента между мазками кисти получатся равномерные пробелы.
5. Параметры декоративных и стандартных округлых кистей отличаются. Чтобы убедиться в этом, щелкните дважды на кисти в форме цветка. Собственно, в диалоговом окне остался один цифровой параметр — Spacing, который, как вы помните, задает в процентах от диаметра кисти расстояние между соседними штрихами в мазке.

Новая кисть

Новая кисть

1. Откройте меню палитры Brashes и выберите команду New Brash.... На экране появляется изображенное на Рисунок 3.13 диалоговое окно New Brash, в котором можно определить параметры создаваемой кисти. В правом нижнем углу имеется поле просмотра, отражающее текущий вид кисти, оно также отображает все изменения параметров.
2. Установите ползунок Diameter сначала на значение 50, а затем на 100, проследив, как меняется отображение кисти в окне просмотра. Кисть с большим диаметром в окне отображается в масштабе 1:2. Размер кисти можно определить в диапазоне от 1 до 999 пикселов. Установите значение диаметра кисти 50 пикселов.
3. Параметр Hardness определяет размер жесткого центра кисти и задается в процентах от ее диаметра. Он позволяет имитировать реальную кисть с мягкими краями. Установите значение 50% для этого ползунка.

Рисунок 3.13. Диалоговое окно New Brash
4. Значение Spacing определяет расстояние между соседними штрихами в мазке и задается в процентах от диаметра кисти. Если снять этот флажок кисть станет чувствительной к скорости перемещения (попытка имитации реальной кисти), и быстрый мазок может получаться с пробелами. Установите значение 100% для ползунка Spacing. Получилась круглая кисть с мягкими краями диаметром 50 пикселов.
5. Для получения овальной кисти следует обратиться еще к двум параметрам. В поле Roimdness установите значение 40%. Форма кисти из круглой стала эллиптической, о чем свидетельствуют окно просмотра справа и окно управления слева. В окне управления можно менять форму кисти интерактивно, перемещая любую из активных точек на окружности.
6. В поле Angle установите значение 45 градусов. Этот параметр определяет угол наклона оси кисти, и его также можно установить интерактивно, вращая стрелку на схеме слева. Данный параметр имеет значение только для эллиптических кистей.
7. После выбора параметров нажмите кнопку ОК.
В палитре появилась новая кисть, которая вполне может пригодиться вам для работы. Включите инструмент Paintbrush и попробуйте порисовать такой кистью.

Рисунок 3.14. Новая кисть Brashes
Кроме круглых и овальных, можно создавать и кисти произвольной формы. Создадим кисть в форме цветочка, чтобы нанести рисунок на футболку.

Рисунок 3.15. Этапы создания произвольной кисти
1. Нажмите на палитре инструментов кнопку переключения основного и фонового цвета по умолчанию, чтобы установить в качестве основного цвета черный, а в качестве фонового — белый цвет. Создайте на полях изображения овальную область длиной примерно 0,25 см и залейте ее основным цветом.
2. Скопируйте овал и поместите копию вертикально вниз. Направляющими отметьте середину созданной фигуры.
3. Выделите оба овала. Скопируйте их и разместите копию под углом 60° вправо относительно вертикальной оси. Наложите копию на первоначальное изображение овалов. Создайте копию еще раз и разверните ее на 60° влево. Наложите копию овалов на изображение.
4. Выделите круглую область в центре цветка. Выберите команду Feather и задайте значение растушевки 2 пиксела. Командой Clear удалите содержимое выделенной области.
5. Выделите прямоугольную область, в центре которой будет созданный цветок. В меню палитры Brushes выберите команду Define Brush.
6. В палитре кистей появилась новая кисть, которая, правда, представлена в окошке из-за своего значительного размера только частично. Для того чтобы кисть уместилась в окошке палитры, исходный рисунок надо уменьшить примерно в три раза.
7. Выделите область футболки инструментом Magic Wand.
8. Выберите инструмент Paintbrush и кисть-цветок в палитре кистей. В качестве основного выберите ярко-красный цвет. Щелкните кистью в пределах выделенной области. На футболке появился красный цветочек.
9. Поочередно выбирая яркие цвета в палитре Swatches, украсьте одежду фотографа. Обратите внимание, что при попадании кисти на край выделенной области она оставляет частичный "отпечаток".
10. Сохраните документ.

Рисунок 3.16. Вид новой кисти
в палитре и ее применение

Обводка контура

Обводка контура

В программах векторной графики контур, оформленный в виде объекта, является конечным результатом работы. Объекту можно присвоить параметры заливки и параметры самого контура (толщину, цвет а в некоторых программах и текстуру). В программе Adobe Photoshop контур в изображение не входит, его функции сугубо вспомогательные. Чтобы полученный контур "попал" в изображение, он должен быть "обведен" каким-нибудь рисующим инструментом, то есть конвертирован из векторного в точечное представление со всеми вытекающими последствиями. Но прежде необходимо решить, с помощью какого инструмента обводить контур (например, с помощью кисти) и определить его параметры: толщину, цвет и т. д.
1. Установите текущим инструмент Paintbrush. Выберите вторую кисть в верхнем ряду. Основной цвет — черный.
2. Активен контур Path 1 Щелкните мышью на пиктограмме Strokespath with foreground color палитры Paths. Активный контур обведен черным цветом (Рисунок 3.43, а) В качестве инструмента для обводки выбран последний из активных инструментов рисования с заданными вами характеристиками.
3. Команда обводки контура есть и в меню палитры. Переведите активность на контур Path 2. Из меню палитры выберите команду Stroke Path... В диалоговом окне выберите инструмент, которым будет обведен контур — Paintbrush.
4. Нажмите кнопку ОК. Контур обведен тонкой черной линией (Рисунок 3.43, б)
Примечание
Примечание
Для обводки выделенных субконтуров также может быть использована пиктограмма Strokes path with foreground color или меню палитры. Команда меню при выбранном субконтуре меняет вид на Stroke Subpath...


а
="Pic 6-43b.jpg">
б
Рисунок 3.43. Обводка контура Path 1 (а) и обоих контуров документа (б)

Операции с контурами

Операции с контурами

Субконтур или весь активный контур несложно скопировать (Рисунок 3.39).
1. Активен контур Path 2. Выделите инструментом Direct Selection нужный субконтур (внешнюю обводку объектива). Затем нажмите и удержите клавишу . Рядом со стрелкой появится знак плюс.
Совет
Совет
Для выделения всего субконтура нужно выделить один из узлов инструментом Direct Selection. Затем нажмите и сразу отпустите клавишу
Совет
Совет



Для копирования контура целиком с получением нового контура в палитре буксируйте нужную строку палитры к пиктограмме Create new path. Имя нового контура будет состоять из имени предыдущего и приставки copy. Контуры и субконтуры так же, как и выделенные области, можно копировать через буфер обмена командами Cut и Paste.
3. Выделите оба овальных субконтура Откройте меню Edit. Вместо команды Free Transform вы увидите команду Free Transform Path. Выберите ее. Клавиатурное сокращение + действует и в этом случае, переводя активные контуры в режим трансформирования,
4. Вокруг обоих субконтуров появилась знакомая вам рамка режима трансформирования (рис 3.40) Немного наклоните ее и дважды щелкните в пределах области. Оба эллипса несколько наклонены.
5. Выделите второй эллипс. Переведите его в режим трансформирования. Уменьшите эллипс и переместите оба эллипса так, как показано на Рисунок 3.41. Выйдите из режима трансформирования.

Рисунок 3.40. Свободное
трансформирование контура
="Pic 6-41.jpg">
Рисунок 3.41. Контур Path 2
после трансформирования

Палитра Brushes

Палитра Brushes

Перейдем к рассмотрению рисующих инструментов программы. Это Paintbrush, Airbrush, Pencil и, с известными оговорками, Eraser и его модификации — Magic Easer и Background Eraser. Кроме того, к рисующим можно отнести Art History Brush, новый инструмент Photoshop. Какой бы рисующий инструмент вы ни использовали, вам всегда потребуется пара палитр: Brushes и Options.
Совет
Совет
Для работы с рисующими инструментами удобно разделить эти палитры В данном случае и размер кисти, и другие параметры инструмента всегда будут у вас перед глазами
1. Выполните команду Show Brushes, или щелкните на вкладке соответствующей палитры Палитра Brushes предоставляет набор кистей круглой формы разных размеров (рис 3.11). Выделенной (активной) считается кисть, окруженная прямоугольником.
2. Если теперь выбрать инструмент Paintbrush, перевести курсор в окно документа и буксировать его, вы получите линию с толщиной, равной выбранной кисти. Попробуйте разные кисти.

Рисунок 3.11. Палитра Brushes
со стандартными кистями
Кисти могут иметь разную форму и размер Вместе с программой Adobe Photoshop поставляется три дополнительных набора кистей — квадратные (SquareBrushes), с мягкими краями (Drop Shadow Brushes), и декоративные кисти произвольной формы (Assorted Brushes). Все они хранятся в папке Photoshop\Goodies\Brushes. Наборы кистей имеют расширение abr. Наборы кистей могут быть пополнены пользованием. Кроме того, можно создавать и собственные наборы.
1. Для загрузки набора кистей выберите команду Load Brushes... меню палитры.
2. В появившемся диалоговом окне откройте папку Photoshop\Goodies\ Brushes и выберите файл Assorted Brushes abr. Нажмите кнопку OK. В палитру кистей добавлены новые элементы (декоративные кисти). Несмотря на экстравагантную форму этих кистей, они иногда применяются в сеансах Photoshop.

Рисунок 3.12. Декоративные кисти
3. Для замены действующего набора на новый нужно выбрать команду Replace Brashes... Выбранный набор кистей заменит предыдущий.
В комплекте Photoshop также входит набор кистей Natural Brashes, имитирующих различные художественные инструменты. Этот комплект поможет добиться естественного штриха при рисовании. Мы используем данный комплект при рассмотрении действия инструмента Art History Brash.

Палитра Color

Палитра Color

Палитра Swatches позволяет выбрать только уже определенные в ней цвета. Для доступа ко всему цветовому пространству существует палитра Color. С ее помощью создаются новые цвета.
На ней представлены цветовые шкалы, соответствующие выбранной в палитре цветовой модели. Рядом со шкалами — цифровые данные, описывающие основной или фоновый цвет в установленной цветовой модели.
Внимание!
Цветовая модель изображения и шкалы в палитре Color не связаны между собой! Вы можете менять вид палитры, отображая цвет в различных моделях, от этого модель изображения меняться не будет. Для смены модели отображения цвета щелкните на соответствующей команде-переключателе меню палитры цвета отображаются в модели RGB, и в меню палитры активен пункт RGB sliders. Если активизировать пункт Web Color Sliders, то шкалы останутся в модели RGB, но выбор цвета будет ограничен 216 цветами Web-палитры.
Примечание
Примечание



Если созданный цвет выходит за рамки цветового охвата CMYK об этом предупреждает восклицательный знак в левом нижнем углу палитры Color так же как в диалоговом окне Color Picker. Если вы работаете с цветовыми шкалами в режиме Web Color Sliders, в этой области палитры появляется предупреждение о выходе цвета за пределы цветовой палитры Web.
Широкая полоса в нижней части также предназначена для выбора цвета. По умолчанию на ней представлено цветовое пространство RGB.
1. Подведите курсор к полосе. Он примет вид пипетки, которой вы сможете "взять пробу" интересующего вас цвета.
2. Установите курсор в синей области полосы и щелкните кнопкой мыши. Текущим стал цвет, на который вы указали.
3. Вид полосы может меняться. Для этого предназначена группа команд-переключателей в меню палитры. По умолчанию активен пункт RGB Spectrum. Выберите пункт CMYK Spectrum. Теперь полоса включает цвета охвата CMYK.
4. Поэкспериментируйте с видом полосы. Возможно, вам покажется удобным отображать в ней серую шкалу (Grayscale Ramp), или оттенки выбранного цвета (Current Ramp). Если установить переключатель Make Ramp WebSafe внизу меню палитры, то цветовая полоса будет в любом режиме включать только цвета, входящие в Web-палитру.
Совет
Совет



Для тренировки воспользуйтесь командой обратного действия Expand... из списка Modify меню Select. В аналогичном диалоговом окне задайте величину расширения области — число 8. Граница области расширилась на 8 пикселов. Отмените эту команду.
3. Выберите команду Feather... меню Select. В диалоговом окне введите величину растушевки — 8 пикселов.

Рисунок 3.8. Состояние рисунка после
заливки с растушевкой
4. Нажмите кнопку ОК. Границы выделения изменились, они стали более плавными.
5. Залейте выделенную область созданным вами темно-желтым цветом. Контуры заливки нечеткие, новый цвет плавно переходит в предыдущий. На Рисунок 3.8 представлен результат.
6. Сохраните документ.

Палитра Paths

Палитра Paths

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

Рисунок 3.32. Палитра Paths
и меню палитры
В основной части палитры отображаются все существующие в документе контуры. В окне документа видим только активный контур, который подсвечен синим в палитре. Меню палитры предоставляет доступ к операциям с контурами. Наиболее часто используемые операции вынесены в виде пиктограмм в нижнюю часть палитры Paths и предназначены для заливки контура, прорисовки линии контура, превращения контура в выделенную область и наоборот, создания и удаления контура.

Палитра Swatches

Палитра Swatches

Пока вы эпизодически использовали цвет, было нетрудно всякий раз переопределять основной цвет на палитре инструментов, вызывая диалоговое окно Color Picker. Однако когда вы начинаете "рисовать" и в каждый следующий момент вам нужен новый цвет, вам помогут специальные палитры цветов, в которых можно цвет выбрать, смешать и т. д.
1. Откройте меню Window, выберите команду Show Swatches. На экране — палитра с образцами цвета, принятыми в программе Adobe Photoshop no умолчанию (Рисунок 3.1). При перемещении курсора над образцами цвета, он принимает форму пипетки. Щелчок на образце производит выбор основного цвета, а щелчок с нажатой клавишей — выбор фонового цвета.

Рисунок 3.1 Палитра Swatches и ее меню
2. Выберите ярко-голубой образец цвета и щелкните кнопкой мыши. Теперь тот же цвет появился на палитре инструментов в качестве основного Любой из инструментов рисования будет рисовать голубым, пока вы не смените основной цвет.

Получение выделенной области из контура

Получение выделенной области из контура

Добавим убедительности изображению фотоаппарата, раскрасив его инструментом Gradient. Для применения этого инструмента необходимо сделать из контура выделенную область.
1. Выделите контур верхней крышки фотоаппарата (Рисунок 3.46, а). Щелкните на пиктограмме Loads path as a selection палитры контуров. По границе контура появилась выделенная область. Залейте ее линейной градиентной заливкой от черного к прозрачному (Рисунок 3.46, б). Местоположение линии градиента также показано на рисунке.
2. Тем же способом создайте выделенную область боковой стенки фотоаппарата. Не отменяя выделения, сделанного в пункте 2, выберите контур толщины объектива. В меню палитры контуров выберите команду Make Selection.... В диалоговом окне (Рисунок 3.47, а) вы видите уже знакомые параметры растушевки и сглаживания. С помощью выбора переключателя задается тип взаимодействия вновь создаваемой области с уже имеющейся в документе. Выберите положение переключателя New Selection.
Примечание
Примечание
Установка переключателя New Selection отменяет предыдущие выделения, переключателя Add to Selection складывает старую и новую области, переключателя Subtract from Selection — отнимает новое выделение из старого, как бы вырезая общую область, а переключателя Intersect with Selection — оставляет выделенной лишь область пересечения областей.

а б
Рисунок 3.46. Получение выделенной области из контура (а) и заливка ее градиентом (б)

а б
Рисунок 3.47. Диалоговое окно Make Selection (а) и выделение области,
заполненные градиентом (б)
3. Заполните образовавшуюся выделенную область (Рисунок 3.47, б) градиентом от светло-серого к прозрачному. Тип и направление градиента подберите сами.
4. Тем же способом залейте соответствующими градиентами замкнутые субконтуры второго контура (Path 2). На Рисунок 3.48, а для заливки выбраны линейный (труба объектива и линия толщины линзы), конический (обод линзы), круговой (линза объектива) субконтуры.
5. Закончите обработку фотоаппарата, раскрасив его переднюю стенку (Рисунок 3.48, б), выбрав область инструментом Magic Wand, а затем залив выделенную область градиентом типа Reflected Gradient.
6. Не исключено, что вам захочется еще раз обвести контуры, чтобы обводка была более четкой. Кроме того, вам придется подрисовать утраченные в процессе работы ремешки.

а б
Рисунок 3.48. Заливка градиентов субконтуров контура Path 2 (а)
и окончательный вид фотоаппарата (б)

Построение криволинейного контура

Построение криволинейного контура

1. На текущий момент активен контур Path 2. Щелкните инструментом Pen на внешней части линзы объектива фотоаппарата (Рисунок 3.33, а). Не отпуская кнопки мыши, буксируйте курсор влево. Из якорной точки выходят две направляющие. Поместите направляющие точки так, как показано на Рисунок 3.33. а.
2. Отпустите кнопку мыши, затем щелкните на правой стороне линзы. Создайте еще две направляющие, на этот раз ведущие вниз и вверх (Рисунок 3.33, б) В момент построения контура вы можете сразу определить его форму поскольку она изменяется согласно перемещению направляющих точек.
3. Тем же способом продолжите субконтур до замыкания (Рисунок 3.33, в).
Совет
Совет
Для построения контура с прямыми сегментами нужно, установив якорную точку, опустить кнопку мыши. Затем снова щелкнуть мышью в данной точке. В этом случае из якорной точки выйдет лишь одна направляющая, и вместо криволинейных сегментов вы получите прямолинейные Пример такого контура — на рис 3.34.

а
="Pic 6-33б.jpg">
б
="Pic 6-33в.jpg">
в
Рисунок 3.33. Создание якорной точки криволинейного субконтура (а)
Построение линии субконтура (б). Вид контура Path 2 (в)
Рисунок 3.34. Криволинейный контур с углами
4. Построим субконтур, сочетающий прямые и криволинейные сегменты. Щелкните мышью на обводке цилиндрической части объектива, там где объектив прикрепляется к корпусу аппарата (рис 3.35, а)
5. Затем щелкните посередине обводки закругленной части цилиндра. Вытяните из якорной точки направляющие до получения плавного изгиба
6. Щелкните на противоположной стороне закругления. Поставьте еще одну якорную точку, создав прямой сегмент, потом еще одну криволинейную, затем снова прямолинейную и замкните субконтур (Рисунок 3.35, б). В нем четыре криволинейных сегмента и два прямых.


Рисунок 3.35. Построение комбинированного субконтура (контур Path 2)
7. Для завершения работы нарисуйте еще два прямолинейных субконтура, как показано на Рисунок 3.36.
="Pic 6-36.jpg">
Рисунок 3.36. Вид контура
Path 2

Превращение выделенной области в контур

Превращение выделенной области в контур

Это операция, обратная»рассмотренной в предыдущем разделе. Контур можно получить из любой выделенной области. Это удобно, если выделенная область имеет сложную форму.
1. Выделите инструментом Magic Wand белое поле вокруг фигурки фотографа. Не забудьте выделить фон около фотоаппарата. Инвертируйте выделение командой Inverse меню Select.
2. Выберите команду Make Work Path... меню палитры контуров.
3. В диалоговом окне программа предлагает ввести степень точности соответствия создаваемого контура выделенной области (точное соответствие — минимальная величина в поле ввода). Введите в это поле величину 0,5 (это наименьшее значение). Нажмите кнопку ОК, и вы увидите результат работы. Фигурка обведена контуром, а в палитре Paths появилась новая строка с миниатюрой нового контура. Созданный контур является рабочим, то есть временным. Сохраните его в палитре под именем PHOTO.

Применение цвета и заливки

Применение цвета и заливки
Фоновый и основной цвет В Photoshop определяются два базовых цвета, которые отражаются в нижней части палитры инструментов. Выбранным основным цветом (по умолчанию черный) осуществляются заливки выделенных областей, им рисуют инструменты рисования. Фоновым цветом (по умолчанию белый) автоматически заполняются области после удаления участков изображения или при добавлении полей вокруг рисунка.
1. Выберите инструмент Brush. Щелкните на свободном месте изображения и буксируйте курсор. За курсором тянется толстая черная линия с размытыми краями, похожая на мазок кистью. Тем же цветом будут рисовать и другие инструменты. Отпустите кнопку мыши — линия прерывается.
2. Поменяйте основной цвет. Для этого щелкните на его образце в палитре инструментов, а затем выберите какой-нибудь цвет в диалоговом окне Color Picker. Закройте диалоговое окно. Образец цвета соответственно поменялся.
3. Проведите один-два штриха новым цветом (можете использовать разные инструменты рисования).
4. Поработайте с фоновым цветом. Выберите инструмент Eraser. Подведите курсор к созданному вами штриху. Щелкните и буксируйте курсор, имитируя движения ластика. Там, где проходит курсор, изображение исчезает, заменяясь фоновым (белым) цветом.
5. Замените белый цвет фона на какой-нибудь яркий. Для этого в палитре инструментов щелкните на пиктограмме фонового цвета (background color) и выберите ярко-красный цвет в диалоговом окне Color Picker. Закройте диалоговое окно.
6. Проведите по рисунку инструментом Eraser и убедитесь, что пикселы изображения заменяются на пикселы вновь выбранного цвета.
7. Тем же цветом окрасится выделенная область после удаления ее содержимого. Проверьте это, выделив прямоугольную область и выбрав команду Clear.
8. Вернитесь к сохраненному документу с помощью команды Revert меню File
В процессе работы вам придется очень часто менять основной и фоновый цвета.

Рабочий контур_

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

Работа с контурами

Работа с контурами
Определение контура Контуры — это основное средство описания изображений в программах векторной графики. В точечной программе они имеют вспомогательное значение и используются для создания и хранения очень точных выделенных областей, выделения линий, обрезки областей непрямоугольной формы при экспорте в программы верстки и при импорте рисунков из векторных программ. Для работы в точечной графике контуры очень удобны. Основные их достоинства таковы:
§ Контур описывается не битовой картой, а лишь несколькими формулами. Места на диске эта информация занимает крайне мало.
§ Контур не распадается на отдельные элементы (точки), а остается единым объектом.
§ Учитывая аналитическую форму существования, велики возможности трансформаций контура (уменьшение, увеличение, повороты, перекосы) при сохранении его качества. Контур можно перемещать и копировать буквально одним движением.
§ Векторный контур — это превосходная возможность создания кривых сложной формы с последующей прорисовкой ("обводкой") их с помощью любых инструментов, имеющихся в программе Adobe Photoshop.
§ Преобразование контуров в контуры обрезки позволяет экспортировать изображения не прямоугольной формы в другие программы, избавляясь от белого прямоугольника вокруг рисунка.
Таким образом, Photoshop позволяет использовать преимущества векторной графики при обработке точечных изображений-
Под контуром следует понимать линию, состоящую из последовательности сегментов. Каждый из сегментов описывается своей математической формулой кривой Безье. Формула этой кривой позволяет определить форму сегмента с помощью координат четырех точек (Рисунок 3.28):
§ Начальная и конечная — узлы сегмента или якорные точки (anchor points). Они определяют положение начала и конца сегмента.
§ Две направляющие точки (direction points), определяющие длину и положение направляющих линий (direction lines). Эти направляющие влияют на степень кривизны сегмента. Направляющие линии всегда направлены по касательной к контуру.

Изменение формы осуществляется перемещением как узлов, так и связанных с ними направляющих линий.

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

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

Инструменты группы Paths на палитре инструментов применяются для редактирования (изменения) контуров. При редактировании векторных объектов последовательность работы аналогична работе с точечными изображениями: сначала надо выделить объект, затем произвести изменение. Впрочем, выделение объектов заметно проще. Чаще всего инструмент выделения совмещает в себе и другие функции. Операции с контурами иллюстрируются на Рисунок 3.37. Ниже дано описание приемов работы.
1. Выберите инструмент Direct Selection, который используется для выделения узлов контура, а также для перемещения узлов и точек направляющих линий.
2. Подведите курсор к узлу, который, возможно, не совсем точно лежит на линии исходного (осветленного) рисунка, и щелкните кнопкой мыши (Рисунок 3.37. а). Квадратик узла заполнился черным цветом и одновременно появились направляющие линии — узел выделен.
3. Для того чтобы сместить узел, захватите его и перемещайте в нужном направлении. При этом линии, входящие в узел, будут изменять свою форму. Для изменения кривизны сегмента, входящего в узел, надо смещать соответствующую направляющую точку или непосредственно саму линию (Рисунок 3.37. б). При этом, влияя на один сегмент, вы тотчас изменяете и соседний.
Совет
Совет
Если с помощью инструмента Direct Selection выбрать несколько якорных точек (для этого нужно окружить их выделительной рамкой или выбирать по очереди, удерживая клавишу ), то смещаться будут одновременно все выбранные узлы. Если выбрать один или несколько узлов и нажать клавишу , то узел будет удален вместе с прилегающими к нему сегментами. Таким образом можно разомкнуть контур.

а
="Pic 6-37б.jpg">
б
="Pic 6-37в.jpg">
в

г
="Pic 6-37д.jpg">
д
="Pic 6-37е.jpg">
е
Рисунок 3.37. Редактирование контуров
4. Если вы случайно создали сегмент не той конфигурации, то, применив инструмент Convert Point, это легко исправить. Щелкните этим инструментом в любой якорной точке Направляющие исчезли, узел контура стал прямолинейным (рис 3.37. в) Если в поле щелчка не отпускать кнопку мыши, а буксировать курсор в сторону, то из этого узла потянутся направляющие, и он станет криволинейным (Рисунок 3.37. г)
5. Для добавления узла щелкните в нем инструментом Add Anchor Point
(Рисунок 3.37. д). При этом на месте щелчка появится новый узел с направляющими Положение направляющих и направляющих точек определяется формой сегмента, в который добавлен узел. Сделайте активным контур Path 2. Добавьте два узла, как показано на рисунке.
6 Обратная операция — удаление узла — производится инструментом Delete Anchor Point (Рисунок 3.37. е) Щелкните в узле этим инструментом и он исчезнет. Заметьте, что новый сегмент будет определяться оставшимися узлами, и поэтому может изменить форму. Для тренировки добавьте, а затем удалите узел.
7. Завершите подгонку контуров до состояния, изображенного на Рисунок 3.38. Сохраните документ.

Рисунок 3.38. Контуры Path 1 и Path 2

При получении точечных изображений, как

Резюме


§ При получении точечных изображений, как правило, исходят либо из фотографического оригинала, либо из штрихового эскиза. В последнем случае необходимым этапом является его дорисовка и раскраска. Впрочем, и при обработке фотографических изображений очень часто приходится прибегать к инструментам рисования.
§ Основой работы рисующих инструментов является используемый ими цвет. Инструменты рисования Photoshop используют одновременно два цвета — основной (Foreground) и фоновый (Background). Они могут быть определены с помощью диалоговых окон Color Picker, палитр Color и Swatches. Часто используемые цвета можно сохранить в палитре и определить в качестве текущих в любой момент.
§ Каждый инструмент рисования имеет свои особенности, отраженные в палитре Options для текущего инструмента.
§ Каждый инструмент рисования имеет "кисть", определяющую размер и конфигурацию области действия инструмента на изображении- В отличие от кистей художника, компьютерные кисти не ограничены круглой и плоской формами — они могут иметь любые формы.
§ Инструмент Pen стоит на границе между векторной и точечной графикой. В Photoshop он выполняет роль таможни на этой границе: определяет, какая часть точечного изображения будет видна в программах верстки. Кроме того, инструмент иногда бывает полезен для обтравки объектов, имеющих правильные формы.
§ Особого внимания заслуживает инструмент Gradient. Заметим, что градиентные растяжки используются не только при раскраске изображений, но и при создании масок.

Рисующие инструменты

Рисующие инструменты Работа со всеми инструментами этого типа весьма сходна. Для создания штриха выбирается диаметр и форма кисти в палитре Brushes, с которой вы уже научились работать. Каждый из инструментов имеет свои особые параметры. Они определяются в палитре Options. Инструменты рисования Paintbrush, Airbrush, Pencil используют для штриха основной цвет. Инструменты группы Eraser заменяют существующий цвет пикселов изображения на другой. Наконец, инструмент Art History Brush использует в работе цвета самого изображения.

Сглаживание и растушевка

Сглаживание и растушевка

Без сглаживания выделенная область имеет четкую границу (пиксел либо выделен, либо нет). При последующих операциях (заливке, вырезании) выделенные пикселы подвергаются воздействиям, остальные остаются без изменения. Сглаживание делает границы выделенных областей чуть размытыми. По обе стороны сглаженной области выделена лишь часть граничных пикселов. В результате граница области становится гладкой, без некрасивых "ступенек". Сравнение заливки сглаженной и обычной выделенной области. Режим сглаживания может быть применен при выделении инструментами группы Lasso, Magic Wand, Elliptical Marquee. Для включения этого режима нужно установить флажок Anti-aliased в палитре Options. Необходимо помнить, что режим сглаживания можно применить лишь к вновь создаваемым областям.
Кроме инструментов выделения областей, режим сглаживания может быть установлен для текста и для инструмента Line. Сглаженные и обычные текст и линия приведены на Рисунок 3.2

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

Сохранение цвета

Сохранение цвета

Для того чтобы впоследствии можно было использовать созданный вами цвет, его следует поместить в палитру Swatches и сохранить.
1. Выберите палитру Swatches.
2. Поместите курсор на серую область в нижней части палитры, курсор примет форму инструмента Paint Bucket — ведро с краской. Это значит, что вы можете добавить в каталог новый цвет.
3. Щелкните мышью. В нижней части палитры Swatches появился новый квадратик, цвет которого совпадает с основным цветом. Если в ячейке щелкнуть мышью с одновременным нажатием клавиш -, то новый квадратик цвета появится перед текущей ячейкой. Таким образом вы можете добавить в палитру любой цвет, который нужен вам для работы.
4. Для замены существующего цвета на другой, нажмите клавишу (при этом курсор также примет форму ведра с краской) и щелкните мышью на том цвете, который вы хотите заменить. Выберите новый основной цвет и замените им предыдущий в каталоге.
5. Чтобы удалить цвет из палитры Swatches, нажмите клавишу (при этом курсор примет форму ножниц), щелкните мышью в ячейке с цветом, предназначенном для удаления. Удалите экспериментальный цвет.
При выходе из программы Adobe Photoshop текущее состояние палитры Swatches фиксируется в файле установок Photoshop. Текущее состояние можно сохранить под определенным именем с помощью меню палитры. Откройте его и выберите команду Save Swatches.... В стандартном диалоговом окне Save нужно присвоить имя файлу (файл с расширением асо) и указать нужный путь. Photoshop комплектуется несколькими палитрами, они хранятся в папке \Photoshop\Goodies\Color Palettes, однако собственную палитру вы можете сохранить где угодно.
Для загрузки палитры (созданной вами или из комплекта Photoshop) используйте команду Replace Swatches.... В этом случае текущая палитра заменяется сохраненным набором цветов. Если требуется слить текущий и сохраненный наборы цветов, существует команда Load Swatches...
.
Если же ваши эксперименты с каталогом цветов были неудачны, в любой момент можно вернуться с стандартному каталогу Photoshop командой Reset Swatches.

Создание нового градиента

Создание нового градиента

1. Для заливки ленточки на шляпе создадим собственный градиент. Для этого нужно выбрать инструмент Linear Gradient и щелкнуть на кнопке Edit палитры свойств.
2. Перед вами диалоговое окно для редактирования градиентов (Рисунок 3.24). В верхней части окна находится список доступных градиентов. Первый градиент осуществляет переход между основным и фоновым цветом, второй — от основного цвета к прозрачному. Остальные градиенты имеют фиксированные цвета переходов. Выберите градиент Foreground to Background. Нижнюю часть занимает полоса предварительного просмотра, сейчас на ней отражен переход от текущего основного цвета к фоновому.
Примечание
Примечание



Кнопки команд в правой части диалогового окна вполне обычны и не должны вызвать у вас никаких затруднений. С их помощью можно создать новый градиент — кнопка New , переименовать имеющийся — Rename, удалить выбранный градиент— Remove, дублировать— Duplicate, сохранить данную группу градиентов в отдельном файле — Save... и загрузить дополнительную группу градиентов, скажем, созданных вашим приятелем, — Load...
6. Чтобы изменить положение ползунков цвета или средней точки, просто буксируйте их в нужную сторону. Обратите внимание, как меняется изображение градиента. Отбуксируйте правый ползунок несколько влево (рис 3.25, а). При этом средняя точка смещается пропорционально.
Совет
Совет
Для точного смещения градиента используйте поле Location. В нем задается значение смещения ползунка в процентах от длины рабочей полосы
7. Для добавления ползунка цвета нужно просто щелкнуть курсором мыши ниже рабочей полосы. При этом градиент получает новый переход цвета. Добавьте в правой части полосы еще один ползунок (Рисунок 3.25, б)

Рисунок 3.25. Рабочая полоса.
Редактирование градиента
8. Для удаления ползунка нужно оттащить его от полосы. Удаление повлечет за собой потерю данного перехода цвета. Удалите добавленный ползунок.
9. Для установки типа ползунков предназначена группа элементов внизу рабочей полосы. Слева расположены три кнопки с пиктограммами ползунков, одна из них активна (нажата). Левая кнопка соответствует ползунку фиксированного цвета, средняя — основного цвета, правая — фонового цвета (Рисунок 3.25, в). В зависимости от того, какая из кнопок активна, вновь создаваемый ползунок будет иметь именно соответствующее значение цвета. Нажмите кнопку фиксированного цвета.
10. Выберите фиксированный цвет. Для этого щелкните на маленьком цветовом поле рядом с кнопками. В диалоговом окне Color Picker выберите ярко-фиолетовый цвет и нажмите кнопку ОК. Ползунок на кнопке окрасился в выбранный цвет. Создайте ползунок данного цвета в правой части рабочей полосы (Рисунок 3.25, г).
11.Задайте этот цвет для уже имеющегося ползунка. Щелкните на левом ползунке. Его "носик" окрасился в черный цвет, ползунок стал активным (Рисунок 3.25, д). Теперь нажмите кнопку фиксированного цвета. Нужный цвет перехода получен! Принцип создания и редактирования цвета ползунков аналогичен и для кнопок фонового и основного цветов с той лишь разницей, что эти цвета нельзя изменить непосредственно из диалогового окна Gradient Editor. В момент создания растяжки вместо них будут подставлены текущие основной и фоновый цвета.
12. На рабочей полосе имеются три ползунка. Изменим цвет среднего ползунка несколько другим способом. Выберите его и щелкните на маленьком цветовом поле. В диалоговом окне Color Picker выберите ярко-зеленый цвет и нажмите кнопку ОК. Ползунок на кнопке окрасился в выбранный цвет. Заметьте, что фиксированный цвет кнопки в левой части окна остался фиолетовым.
13. Теперь поработайте с переходом прозрачности. Поставьте переключатель в нижней части списка градиентов в положение Adjust Transparency. Вид элементов окна изменился. Рабочая полоса окрашена теперь в черный цвет, соответствующий отсутствию прозрачности градиента. Справа и слева имеются два ползунка прозрачности и между ними — ползунок средней точки. Для каждого из ползунков можно задать параметр прозрачности в поле Opacity от 0 до 100%.
14. Приемы работы с ползунками прозрачности такие же, как при работе с цветом. Создайте три ползунка на равном расстоянии друг от друга так чтобы рабочая полоса оказалась поделена ими на четыре равные части. Для левого и правого из созданных ползунков задайте значение Opacity 0% (полная прозрачность, отсутствие цвета градиента). Для среднего регулятора оставьте значение 100% (непрозрачная заливка градиента цветом). Полюбуйтесь на результат работы, он отражается в полосе просмотра внизу диалогового окна. Сравните вид рабочей полосы и полосы просмотра (Рисунок 3.25, е).
15. Теперь осталось выделить область ленточки на шляпе и залить ее созданным градиентом, как показано на Рисунок 3.26.
16. Сохраните документ.

Рисунок 3.26. Применение
созданного градиента

Создание прямолинейного контура

Создание прямолинейного контура

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



Другой способ закончить контур без его замыкания — щелкнуть мышью на любом месте рисунка при нажатой клавише .
5. Продолжите контур фигуры 2. Для этого подведите курсор к одной из конечных якорных точек и щелкните на ней. Линия продолжается
6. Подведите курсор к следующему углу. Теперь он оказался поблизости от фигуры 1. При этом инструмент Pen автоматически заменяется на инструмент Add Anchor Point, и вместо продолжения контура фигуры 2 вы получаете дополнительную якорную точку на контуре фигуры 1. Чтобы заставить программу продолжать построение фигуры 2 (сохранять активность инструмента Pen), нажмите и удерживайте клавишу . Продолжайте строить фигуру 2 до полного замыкания контура (рис 3.31, б)

а б
Рисунок 3.31. Рисование фигуры 2. Окончательный вид построенных фигур

Свободное рисование контура

Свободное рисование контура

С помощью инструмента Free Form Pen постройте плавный контур, обозначающий толщину линзы объектива Работа с этим инструментом похожа на выделение областей инструментов Lasso.
1. Сделайте активным контур Path 2.
2. Щелкните курсором в начальной точке (Рисунок 3.42, а). Буксируйте курсор вдоль линии объектива, создавая его "толщину". По мере продвижения инструмента автоматически будут проставляться якорные точки. Затем создайте вторую половинку контура, аккуратно обводя линию объектива. Замкните контур.
3. Отпустите кнопку мыши. Контур завершен. Остается только отредактировать его якорные точки для достижения сходства с Рисунок 3.42,б.
4. Сотрите инструментом Eraser все изображение первичного эскиза фотоаппарата. В следующих главах вы узнаете, как восстановить его в улучшенном виде с помощью контуров.


а б
Рисунок 3.42. Свободное рисование

Удаление кисти

Удаление кисти 1. Если вы сочтете, что данная кисть вам никогда не потребуется, выделите ее и выберите команду меню палитры кистей Delete Brush.
2. Если ваши эксперименты были не очень успешными и привели к потере ценных кистей, вы всегда можете вернуться к палитре Brushes по умолчанию. Для этого следует выбрать команду меню палитры Reset Brushes. В диалоговом окне вам предлагается выбор: заменить текущие кисти на кисти по умолчанию или совместить их в одной палитре. Для замены вам следует нажать кнопку ОК, а для совмещения — кнопку Append.

Выполнение цветовой растяжки

Выполнение цветовой растяжки
Инструмент Gradient Инструменты группы Gradient (рис 3.20) незаменимы для создания плавных цветовых переходов (растяжек) В новой версии программы Photoshop в данной группе присутствуют пять инструментов, предназначенных для выполнения цветовых растяжек разной формы. В палитре Options определяются свойства градиентов — режимы наложения в верхнем списке, непрозрачность в поле Opacity, тип градиента (то есть, собственно, какие цвета будут участвовать в заливке) в списке Gradient. В градиенте могут быть использованы основные цвета документа (например, тип градиента Foreground to Background), прозрачности (например. Foreground to Transparent) или заранее определенные цвета В комплект Photoshop входят несколько красивых предопределенных градиентов

Рисунок 6.20. Группа инструментов
Gradient
Существует возможность создания пользовательских градиентов с любым количеством фиксированных промежуточных цветов и чередованием прозрачных и непрозрачных участков градиентной заливки Новые варианты градиентных заливок можно сохранять для дальнейшего применения. Чтобы определенная в градиенте прозрачность работала, необходимо установить флажок Transparency. Для более гладкого цветового перехода установите флажок Dither. При установленном флажке Reverse порядок цветов в растяжке меняется на обратный В нижней части палитры расположено окно просмотра градиента и кнопка Edit..., нажатие которой открывает диалоговое окно редактирования градиента Рассмотрим применение градиентных заливок.

Рисунок 3.21. Построение радиального Рисунок 3.22. Построение ромбического
градиента, вид области после заливки градиента и вид залитой области
1. Выделите левое поле шляпы. В качестве основного цвета выберите темно-желтый.
2. Выберите инструмент Radial Gradient. В палитре параметров установите следующие значения: режим наложения Normal, непрозрачность 100%, тип градиента Foreground to Transparent. Установите все флажки.
3. Поместите курсор мыши в верхнюю левую часть выделенной области, нажмите левую кнопку мыши, и перемещайте ее вправо и вниз. За курсором тянется тонкая прямая линия. Чем она длиннее, тем шире градиент. Буксируйте курсор примерно на 1 см. Отпустите кнопку мыши. Поле шляпы окрашено градиентом, причем переходом от прозрачного к основному цвету (был установлен флажок Reverse). На Рисунок 3.21 — вид области после заливки, также отмечена длина и направление линии градиента.
4. Выделите правое поле шляпы.
5. Выберите инструмент Diamond Marquee. Основной цвет — темно-коричневый, фоновый — темно-желтый. Тип градиента — Foreground to Background, установлен только флажок Dither.
6. Щелкните курсором посередине левой границы выделенной области и ведите его по горизонтали почти до правой границы. Отпустите кнопку мыши (Рисунок 3.22).
7. Тулью шляпы раскрасьте с применением инструмента Angle Gradient. Выделите нужную область, потом выберите инструмент. В палитре параметров оставьте значения неизменными.
8. Щелкните мышью в верхней части тульи и ведите курсор к правому "холмику" на шляпе. Опустив мышь, полюбуйтесь на результат (Рисунок 3.23). Сохраните документ.

Рисунок 3.23. Построение конического градиента;
изображение с градиентными заливками

Заливка контура

Заливка контура

Области внутри контура можно придать разнообразные цвета с помощью заливки.
1. Сделайте активным контур Path 1. Выберите в качестве основного цвета
светло-серый, а цвета фона — темно-серый.
2. Выберите один из замкнутых субконтуров, щелкнув на нем инструментом Direct Selection. Удерживая клавишу , выберите второй замкнутый контур.
3. Щелкните на пиктограмме Fill path with foreground color в палитре Paths. Оба субконтура окрасились в серый цвет (Рисунок 3.44).
Совет
Совет



Обратите внимание на заливку пересекающихся субконтуров Path 2 — внутренний субконтур не окрашивается выбранной заливкой. Он образует "дырку", сквозь которую виден первоначальный цвет области контура (в данном случае белый).

Заливка выбранным цветом

Заливка выбранным цветом

Для придания выделенной области нужного цвета предназначена команда Fill... меню Edit.
1. Выберите инструмент Magic Wand-
2. Выделите с его помощью рубашку фотографа. В палитре Options при этом должен быть установлен флажок Anti-aliased.
3. Установите в качестве основного ярко-зеленый цвет.
4. В меню Edit выберите пункт Fill....
5. В диалоговом окне необходимо определить параметры заливки. В верхней части находится раскрывающийся список Contents. Выберите в нем пункт Foreground Color. Другие пункты списка позволяют залить область фоновым цветом — Background Color, узором — Pattern, вернуть ее в то из предыдущих состояний, которое отмечено пиктограммой HistoryBrush в палитре History, залить черным, серым или белым цветом.

Рисунок 3.3. Диалоговое окно Fill
6. В поле Blending находятся два списка. Поле со списком Mode служит для определения режима наложения пикселов заливки. Подготовленная к заливке область может уже иметь некий цвет или изображение. Пикселы нового цвета могут по-разному взаимодействовать с уже существующими. В самом простом случае новые пикселы полностью замещают старые. Такому режиму наложения соответствует вариант Normal. Его и нужно выбрать. В поле Opacity установите значение 100%. При уменьшении этого значения заливка становится все более прозрачной, и сквозь нее будет просвечивать первоначальный цвет заливаемой области.
7. Нажмите кнопку ОК. Рубашка окрашена (Рисунок 3.4).

Рисунок 3.4. Заливка рубашки Рисунок 3.5. Состояние рисунка после заливки
изображенных частей тела
8. Инструментом Magic Wand выделите руки, ноги и голову фотографа.
9. В палитре Swatches выберите телесный цвет.
10. Выполните команду Fill.... Возможно, вам покажется, что заливка слишком яркая. В программе предусмотрена заливка областей полупрозрачным цветом. При этом только часть пикселов приобретают цвет заливки, а другие сохраняют исходный цвет.
11. Уменьшим непрозрачность заливки. Тогда через нее будет просвечивать белый фон, и силуэт станет более светлым. В диалоговом окне установите значение непрозрачности 80%. Нажмите кнопку ОК.

Самоучитель по Adobe Photoshop 5.5

Альфаканалы

Альфа-каналы В предыдущем упражнении вы узнали, что режим быстрой маски можно использовать для временного хранения маски. После создания новой выделенной области маска теряется. Однако программа Adobe Photoshop предусматривает возможность сохранения выделенной области в канале, а стало быть, и сохранения в документе, правда, только в форматах TIFF и PSD.

Цветовые каналы

Цветовые каналы

Каждый цветовой канал — это полутоновое изображение, отражающее распределение соответствующего базового цвета. Если документ имеет модель Black and White или Grayscale, то содержимое единственного канала и образует изображение. Редактирование канала и редактирование изображения в этих случаях одно и то же.
Если модель документа — RGB, то изображения в красном, зеленом и синем канале, накладываясь друг на друга, образуют цветную картинку. При этом, заметьте, цвета складываются аддитивным образом, как лучи света. Это значит, что при наложении результат осветляется. Чем светлее канал, тем больше базового цвета содержится в изображении. Проверим это туманное высказывание на практике. Для изучения взаимодействий каналов удобно отображать их в цвете. Все операции с каналами проводятся в палитре Channels.
1. Откройте тестовый документ RGB.jpg, расположенный на дискете. Обратите внимание на заголовок окна. Для полноцветных изображений в нем указывается цветовая модель. Это документ в модели RGB, в котором представлены базовые цвета, их смешение и двойные сочетания базовых цветов, а также серая шкала и фрагмент цветной фотографии для анализа смешанных цветов.
2. Установите флажок Color Channels in Color в группе Display & Cursors
окна установок программы Preferences. Если этот флажок установлен, то каналы показываются в соответствующем цвете. При снятом флажке содержимое каналов отображается в оттенках серого.
3. Откройте палитру Channels. В палитре представлены цветовые каналы изображения, каждый своим цветом. Вопреки ожиданиям палитра показывает четыре канала, поскольку изображения в цветовых моделях RGB, CMYK или L*a*b имеют на палитре каналов дополнительный совмещенный канал, занимающий верхнюю строку палитры. Он отображает результирующее изображение. Строка совмещенного канала позволяет переходить от просмотра отдельных каналов к просмотру суммарного изображения.
О содержимом канала судят по уменьшенному рисунку, миниатюре, располагающейся на строке канала. Миниатюра в процессе редактирования слоя постоянно обновляется.
Каналы, выбранные для просмотра или редактирования, называются активными. Все действия, выполняемые в окне документа, влияют только на активные каналы. В палитре Channels они выделены подсветкой (Рисунок 4.1). По умолчанию активным является совмещенный канал.
1. Щелкните мышью на имени канала Red. Строки всех остальных каналов станут белыми, а канал Red будет подсвечен синим. Изображение в окне документа станет черно-красным, т. к. в качестве активного выбран красный канал (Рисунок 4.2).

Совет
Совет



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

Рисунок 3.3. Диалоговое окно Channels Palette Options
В нижней части палитры (слева направо) располагаются три пиктограммы, которые служат для сохранения выделенной области в новом канале, для создания нового канала и, естественно, для удаления канала. Эти операции применимы только к дополнительным альфа-каналам.
Рассмотрим смешение цветов в RGB немного подробнее. Для этого оставьте видимым только один канал — скажем, зеленый. Первое важное наблюдение — изображение стало гораздо темнее. Так и должно быть — ведь каналы RGB — это лучи света, то есть при отключении каналов изображение затемняется. Каналы RGB складываются субтрактивно.
Яркий зеленый участок исходного изображения остался неизменным. Он содержит только данный базовый цвет в наибольшем количестве. Белая область приобрела такой же максимально яркий зеленый цвет, поскольку белый образуется из сочетания всех трех базовых цветов. Участки, заполненные другими базовыми цветами, стали черными, поскольку зеленого в них нет. Области, в цвете которых присутствует некоторое количество зеленого компонента приобрели темно-зеленый цвет разной интенсивности. Чем больше содержание зеленого, тем ярче данный участок.
Черные участки остались черными. Такими они будут для любого канала, поскольку в них нет ни одного из компонентов модели. Наконец, серая шкала представлена в оттенках зеленого.
Включите отображение еще одного канала, красного. Теперь видны два канала.
Изображение стало светлее. Участки, содержащие только зеленый цвет, а также черные области, остались неизменными. Красные участки изображения окрасились в оттенки красного.
Желтый цвет создается смешением красного и зеленого цвета лучей. Область 100% желтого имеет наибольшую яркость. Также максимально ярким желтым цветом отображается белый участок. Серая шкала и другие области смешанного цвета тоже приобрели разные оттенки желтого и оранжевого цветов, поскольку они состоят из смешения разных каналов, а синий цвет пока не отображается. По этой же причине синие области пока имеют черный цвет.
Наконец, включите отображение всех каналов. Добавление синего компонента приводит к еще большей яркости изображения. При этом образуются цвета, смешанные из трех базовых, в том числе белый и оттенки серого, а также собственно оттенки синего.
Поэкспериментируйте с изображением, включая различные пары каналов. Безусловно, трудно привыкнуть к правилам образования цветов в модели RGB, однако после некоторой тренировки вы сможете ориентироваться в ней более свободно.
1. Рассмотрим каналы в CMYK-изображении. Для эксперимента откройте файл CMYK.jpg, расположенный на дискете.
2. Отключите видимость всех каналов, кроме голубого. Заметьте, что изображение стало намного светлее.
3. Каналы CMYK складываются аддитивно, так же как краски, положенные на бумагу. Практически сейчас перед вами голубая форма для печати файла CMYK.jpg. Именно таким образом будет распределяться краска на отпечатке. Насыщенность цвета максимальная в голубой, синей и черной области. Голубая и синяя области окрашены насыщенным голубым цветом. Голубой есть также в областях смешанных цветов, в черной и оттенках серого. Это означает, что в CMYK черный и оттенки серого формируются из смеси равного количества всех компонентов модели.
4. Добавляя отображения каналов, следите за изменением изображения. Отметьте, что изображение тем темнее, чем больше каналов видно на экране.
Модель CMYK имеет дело с реальным полиграфическим процессом. Поэтому перевод в нее требует знания массы технологических параметров — какими конкретно красками, на какой бумаге будет отпечатано изображение, некоторые особенности печатного оборудования и др. В зависимости от этого вид изображения как на экране, так (и в особенности) на печати может измениться. Кроме того, в состав CMYK входит черная краска. Она введена для изображения очень темных оттенков для улучшения качества отпечатка. В темных областях особенно хорошо видны погрешности совмещения, возможно переувлажнение бумаги, кроме того, смесь CMY-красок не дает глубокого черного тона. Все эти "узкие места" можно свести на нет применением дополнительной черной краски. Введение черного в изображение может производиться по разным алгоритмам. Это зависит от состава изображения (черный подчеркивает контуры предметов, визуально усиливая резкость), особенностей печати и от других причин.
Из сказанного ясно, что перевод изображения в CMYK, то есть цветоделение — серьезная операция. Подробный рассказ о нем выходит за рамки книги для начинающих, а писать "коротенько" не имеет смысла. Цветоделение предполагает печать тиража, а это, в свою очередь, связано с большими финансовыми вложениями. Поэтому, если вам приходится выполнять подготовку файлов для типографии, вам необходимо изучить специальную литературу.

Дублирование и удаление каналов

Дублирование и удаление каналов

Дублирование каналов рассмотрим на несколько необычном примере — сохранении в альфа-канале быстрой маски. Часто после того, как область выделена в режиме быстрой маски, возникает необходимость все-таки сохранить ее в канале.
1. Перейдите в режим быстрой маски щелчком на кнопке Edit in Quick Mask Mode. В палитре каналов появился временный канал Quick Mask.
2. Нажмите левую кнопку мыши на пиктограмме канала Quick Mask и, не отпуская ее, переместите курсор к пиктограмме нового канала в нижней части палитры каналов. Отпустите кнопку мыши. В палитре каналов появится новый канал Alpha 1.
Этой операцией была получена копия канала Quick Mask. но заметьте, что таким образом можно дублировать любой канал. Это очень полезно сделать перед его непосредственным редактированием (см. ниже).
3. Таким же образом отбуксируйте пиктограмму канала Alpha 1 к пиктограмме "Корзина" в правом нижнем углу палитры каналов. Канал удален.
4. Точно так же удалите канал Quick Mask. Из окна документа быстрая маска исчезла, но появилась выделенная область, как если бы вы нажали кнопку Edit in Standard Mode в палитре инструментов.

Изменение цвета быстрой маски

Изменение цвета быстрой маски

По умолчанию цвет быстрой маски красный. Далеко не всегда этот цвет самый удобный. Если само изображение содержит преимущественно красные тона, то быстрая маска на нем будет практически незаметна. Да и в данном случае красный цвет маски недостаточно сильно контрастирует с общим тоном изображения.
1. Щелкните на цветном квадрате, который представляет собой образец цвета быстрой маски. На экран выводится диалоговое окно Color Picker. в котором следует переопределить цвет отображения быстрой маски. Выберите синий цвет (R=0, G=0, B=255).
Теперь быстрая маска стала не только очень контрастной, но и слишком плотной. Она практически полностью скрывает лежащее под ней изображение. В данном примере это не слишком страшно, но вам придется работать и с менее контрастными фотографиями. Прозрачность быстрой маски свободно регулируется установкой значений поля Opacity, расположенного в том же диалоговом окне. Значение непрозрачности следует устанавливать таким, чтобы под маской отчетливо читалось изображение
2. Установите значение поля Opacity, равное 20%, и нажмите кнопку ОК.

Яркость

Яркость

Заметьте, что при включении каждого канала по отдельности изображение имеет разную яркость. Это свойство человеческого глаза. При одинаковой интенсивности наиболее ярким воспринимается зеленый цвет лучей, несколько менее ярким — красный, и совсем темным — синий цвет. Это означает, что цвет точки и ее яркость связаны между собой. Например, насыщенные синие цвета будут очень темными, а насыщенные желтые — очень светлыми.
Каждая точка RGB-изображения воспринимается глазом как испускающая больше или меньше света, то есть более или менее яркая. В образовании этой точки принимают участие все три цветовых канала изображения. Если бы все три цвета воспринимались как одинаково яркие, то каждый бы вносил в суммарную яркость третью часть:
Y = R/3 + G/3 +B/3
Так вычисляется яркость в цветовой модели HSB. Поскольку, как мы уже выяснили, разные базовые цвета имеют разную воспринимаемую яркость, этот расчет не отражает реального положения вешей, поэтому, в частности, модель HSB нельзя считать корректной. Для расчета яркости используется следующая эмпирическая формула, учитывающая вклад каждого цветового канала:
Y= 0,2125R + 0,71540 + 0,0721В
Непосредственно наблюдать яркость можно при переводе изображения в полутоновое. Единственный канал такого документа хранит только яркость точек, не учитывая их цвет.
Примечание
Примечание
В модели CMYK используется параметр, практически обратный яркости. Это нейтральная оптическая плотность краски. Она наибольшая для черного цвета (он самый темный), и убывает в следующем порядке: пурпурный, голубой, желтый. В процессе печати первой накладывают краску с наименьшей оптической плотностью, то есть самую светлую. Значения нейтральной плотности принципиальны также при треппинге.
В моделях RGB и CMYK яркость и цвет связаны, то есть при изменении одного параметра изменяется и другой.

Каналы

Каналы


В этой главе мы более подробно рассмотрим управление цветовыми каналами изображения. Напомним, что изображение имеет столько цветовых каналов, сколько базовых цветов имеется в его цветовой модели. Документ в формате Grayscale имеет один канал, в цветовых моделях RGB и L*a*b — три канала, в модели CMYK — четыре канала. В начале главы на примере тестовых файлов мы проанализируем содержание каналов для моделей RGB и CMYK и посмотрим, как образуются цвета документа.
Кроме цветовых каналов в Photoshop имеется еще один вид каналов — маски. Это также полутоновые изображения, в которых сохраняется информация о выделенных областях. По умолчанию черные пикселы маски соответствуют невыделенным пикселам, белые — выделенным. Серые области маски соответствуют, таким образом, частично выделенным областям. При активизации маски указанная в ней область становится выделенной.
В программе можно создавать два типа масок — быструю, которая не хранится внутри документа и образует временный канал и просто маску, иначе называемую альфа-каналом. Таких альфа-каналов может быть несколько, и они хранятся вместе с документом Photoshop. Маски можно редактировать как обычные полутоновые изображения. Каждый из них используется для сохранения информации о выделенной области. Эта возможность очень удобна, поскольку процесс выделения областей часто сложен. При наличии маски можно совершить операцию выделения один раз, а затем просто вызывать сохраненное выделение каждый раз, как только понадобится его отредактировать.

Непосредственное редактирование каналов

Непосредственное редактирование каналов

Каналы используются не только как место для хранения выделенных областей. Поскольку изображение, находящееся в канале, тождественно маске, его редактирование позволяет легко создавать затейливые выделенные области.
1. Откройте файл desert.jpg.
2. Активизируйте инструмент Magic Wand.
3. В палитре свойств установите значение допуска 50.
4. Выделите небо, а затем, удерживая , горы. Как вы помните, когда эта клавиша нажата, производимые выделенные области складываются.
5. Увеличьте выделенную область на один пиксел командой Expand... из меню Select/Modify. Это необходимо, чтобы в выделенную область попали граничные пикселы.
6. Инвертируйте выделенное изображение командой Inverse из меню Select.
В результате окажется выделена пустыня без заднего плана.
Все готово для создания монтажа с "невероятным пейзажем", в котором на переднем плане ледяная пустыня, а на заднем — песчаная. Часть пустынного пейзажа будет наложена на северный таким образом, чтобы вместо гор последнего оказались барханы. Для создания незаметного перехода между двумя фрагментами монтажа нам понадобится выделить пустынный пейзаж с сильно размытой нижней границей выделения.
1. Сохраните выделенную область в альфа-канале щелчком на пиктограмме сохранения выделенной области в палитре Channels.
2. В палитре Channels активизируйте получившийся альфа-канал.
3. Двойным щелчком мыши выберите инструмент Linear Gradient.
4. В палитре свойств градиента выберите вариант Black, White.
5. Проведите градиент так, как показано на рисунке. Поскольку по-прежнему существует выделенная область, градиент зальет не весь канал, а только выделенную область, соответствующую переднему плану фотографии. Созданный градиент в терминах выделенной области является плавным переходом от полностью выделенных пикселов (черный цвет), через частично выделенные (оттенки серого) к отсутствию выделения (белый цвет) (Рисунок 4.9).

Рисунок 4.9. Градиентная заливка в альфа-канале

Особенности каналов Lab

Особенности каналов Lab

Существует, однако, модель, в которой яркость пикселов отделена от цвета — это Lab. Данная модель очень непривычна, в отличие от RGB и CMYK, ей трудно найти аналогию в реальном мире. Зачем вообще о ней что-то знать, особенно начинающему пользователю? Дело в том, что в этой модели очень легко выполнять многие распространенные операции. В их числе повышение резкости, тоновая коррекция (повышение контраста, исправление погрешности тоновых диапазонов) и удаление цветного шума (в том числе размывка растра и удаление регулярной структуры изображений в формате JPEG).
Примечание
Примечание
Профессионалы используют это пространство даже для создания сложных масок и кардинальных изменений в цветах документа
Если предыдущие два абзаца вам были понятны, вам обязательно захочется попробовать что-нибудь откорректировать в Lab.
Еще одним достоинством модели с точки зрения дизайнера является ее огромный цветовой охват. Он включает цвета RGB и CMYK. Поэтому перевод в модель Lab производится без потерь. Вы можете в любой момент перевести изображения из RGB в Lab и обратно, и при этом цвета изображения не изменятся.
Итак, в модели имеются три канала. Откройте документ island.jpg и переведите его в модель Lab. Отображение цветовых каналов оставьте пока в цвете. В палитре Channels присутствует три канала. Первый — канал L. Это канал яркости. Его можно рассматривать как четкий черно-белый вариант изображения. Каналы а и b отображают только цвета. Каждый хроматический канал содержит информацию о двух противоположных цветах (Рисунок 4.4).
Примечание
Примечание



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

Перемещение выделенной области в другой документ

Перемещение выделенной области в другой документ

Осталась последняя часть изготовления монтажа — перемещение созданной выделенной области из документа desert.jpg в документ north.jpg.
1. Загрузите канал Alpha 1, имеющий выделенную область, щелчком на пиктограмме загрузки канала в палитре Channels. He удивляйтесь, что возникшая граница выделенной области не захватывает всю растяжку — она отображается точно по границе пикселов, выделенных наполовину. то есть по границе 50%-ного серого цвета.
2. Активизируйте совмещенный RGB-канал щелчком мыши на его пиктограмме.
3. Выберите инструмент Move.
4. Поместите курсор мыши в пределы выделенной области
5. Нажмите клавишу и, не отпуская ее, отбуксируйте выделенную область в окно документа north.jpg Нажатая клавиша гарантирует, что выделенная область попадет в новом документе на то же место, которое она занимала в исходном.
6. Сохраните документ под именем mirage.tif с помощью команды Save As...
Если вы сделали все верно, то у вас должно получиться то же, что представлено на Рисунок 4.13.

Рисунок 4.13.
Сделаем в нашем монтаже последний штрих, создадим эффект гало, который возникает на фотографиях, когда они снимаются против солнца. Photoshop располагает для этой цели специальным фильтром Фильтры — это особые модули программы, сгруппированные в меню Filter. Они отличаются от прочих команд Photoshop только тем, что реализованы отдельно от самого файла программы и могут быть свободно удалены или подключены к ней. Сторонними разработчиками поставляется большое количество фильтров для Photoshop, выполняющих специализированные функции или автоматизирующих трудоемкие и рутинные работы Большое количес1во фильтров входит и в стандартную поставку Photoshop. К таким фильтрам относится и фильтр Lens Flare, находящийся в группе фильтров Render.
1. Выберите команду Lens Flare... из меню Filter/Render.
2. В открывшемся диалоговом (Рисунок 4.14) окне фильтра ползунок Brightness установите в положение 140%, а в поле Lens Type установите переключатель 35mm Prime 35-миллиметровому объективу.
3. В окне предварительного просмотра щелкните курсором мыши на верхней границе окна в промежутке между первыми (слева) двумя барханами
4. Нажмите кнопку ОК. Не правда ли, так значительно эффектнее?
5. Сохраните документ под именем mirage.psd в формате Photoshop. Это изображение вам еще понадобится

Рисунок 4.14. Диалоговое окно
фильтра Lens Flare

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

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

Для каждого документа цветовые каналы создаются автоматически в соответствии с моделью цвета документа. Еще один вид каналов — это маски. В отличие от цветовых каналов они создаются пользователем. Маски, по сути, эквивалентны выделенным областям, с которыми вы уже знакомы. Рискнем даже утверждать, что это синонимы. Если на изображении существует выделенная область, то все инструменты рисования, фильтры, инструменты трансформации (перемещение, поворот, масштабирование), цветовой и тональной коррекции действуют только в пределах этой области, а остальная часть изображения остается неприкосновенной, или маскированной, а сама выделенная область называется маской.
Как вы уже знаете, в растровом изображении нет объектов (человек, цветок, машина и тому подобное). Объект, который видит наблюдатель — только совокупность точек разных цветов. Для того чтобы этот объект изменить (повернуть, отмасштабировать, вырезать, дублировать, изменить цвег и пр.), нужно определить его границы и в соответствии с этими границами создать выделенную область. Тем самым вы изолируете нужную группу точек (которая представляется как объект) от остальных областей (которые в данном случае составляют фон).
Как же быть, если на изображении соседствуют несколько объектов, каждый из которых необходимо редактировать независимо?
Напрашивающийся ответ — по порядку. Сначала выделить первый объект и произвести требуемые операции, затем второй... И так пока не будут отредактированы все объекты. Но допустим, объекты последовательно выделены и отредактированы. Заметьте, что каждый раз, когда вы выделяете новую область, выделение старой пропадает. А если после редактирования области №2 вам снова понадобилось провести операцию с областью № 1, выделенной ранее. Придется снова повторить операцию выделения области № 1.
Многократное выполнение одной и той же работы неразумно. Гораздо эффективнее сохранить информацию о данном выделении, а затем в нужный момент вызвать ее. Область снова будет выделена. Photoshop предоставляет возможность сохранять выделенные области для повторного использования. Вы можете выделить каждый объект и сохранить такие области отдельно. Выделенные области также сохраняются в каналах. Чтобы отличить цветовые каналы, составляющие изображение (например, R, G или В-каналы RGB-изображения), от каналов, содержащих сохраненные выделенные области (маски), их называют альфа-каналами. Имея маску для объекта, сохраненную в альфа-канале, вы получаете возможность в любой момент загрузить ее в виде выделенной области. Если вам понадобится другой объект — загрузите его маску из другого альфа-канала.
Каждый канал, в том числе и альфа-канал, описывается восемью битами, то есть представляет собой полутоновое изображение (grayscale image), которое может быть не только загружено в виде выделенной области, но и напрямую отредактировано любыми инструментами, работающими с полутоновыми изображениями. Это открывает широкие возможности по созданию затейливых масок (выделенных областей), которые могут быть получены только прямым редактированием.
Графический файл, создаваемый программой Adobe Photoshop, может включать до 24 каналов, этого количества достаточно для любой задачи. Дополнительные каналы увеличивают размер файла из расчета 8 бит/пиксел. Например, RGB-изображения увеличиваются при добавлении каждого канала на 1/3 исходного размера.
Разумеется, пользовательские альфа-каналы на печать не выводятся. Впрочем, альфа-канал можно определить как канал плашечного цвета, и все-таки напечатать. Эта полезная возможность была добавлена для того, чтобы в Photoshop можно было подготавливать изображения для последующей типографской печати плашечными цветами.

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

Редактирование маски Теперь ваша задача, используя любой рисующий инструмент: Pencil, Paintbrush, Eraser, — уточнить область быстрой маски.
Обратите внимание, что на панели инструментов образцы основного и фонового цветов стали черным и белым, соответственно. Рисование черным цветом расширяет площадь маски (и, следовательно, выделенной области), а рисование белым цветом уменьшает ее.
Постарайтесь как можно точнее дорисовать маску. Проще всего включить инструмент Pencil, выбрать на палитре Brushes самую маленькую "кисть" (вот к чему приводит универсализация: у карандаша появилась кисть). Сложность возникает при прорисовке маски в областях с невысокой контрастностью. В них довольно сложно определить, относится конкретный пиксел к объекту или фону. Здесь вам на помощь придет такой инструмент, как Paintbrush с размытыми краями. При рисовании этим инструментом участки изображения, приходящиеся на размытые края кисти, будут выделены не полностью, что сделает границу выделенной области размытой. Рассматривая готовый результат, вы не заметите погрешностей такого выделения.
После того как объект будет выделен достаточно точно, нажмите кнопку Edit in Standard Mode в палитре инструментов. Нарисованная вами маска теперь отображается привычным образом — границей выделения. Обратите внимание на палитру каналов: канала Quick Mask в ней больше нет.

Точечное изображение состоит из одного

Резюме


§ Точечное изображение состоит из одного и более каналов Каждый канал представляет собой матрицу полутоновых пикселов, яркость которых показывает яркость одной из цветовых компонент в данной точке изображения Черно-белые, полутоновые и индексированные изображения содержат по одному каналу, RGB — три канала, CMYK — четыре Каналы, составляющие изображения, называются цветовыми (color channels)
§ Кроме цветовых каналов, документ может содержать так называемые альфа-каналы, определяемые пользователем Альфа-каналы не влияют на изображение и не выводятся на печать. Они служат для хранения масок.
§ Пятая версия Photoshop поддерживает особый вид цветовых каналов — каналы плашечных цветов. Такие каналы могут быть созданы непосредственно или путем преобразования из обыкновенных альфа-каналов Каналы плашечных цветов могут быть выведены на печать
§ Точечное изображение не содержит объектов и если нужно отредактировать отдельный объект изображения, то необходимо указать его границы, то есть создать выделенную область. Далее с полученной выделенной областью можно манипулировать как с единым объектом перемещать его, дублировать, вращать и т. п. Остальная (не выделенная) часть изображения защищена от воздействия любых инструментов редактирования Photoshop и называется маскированной
§ Поскольку изображение может содержать несколько объектов, требующих редактирования, возможно сохранение масок для повторного использования Местом хранения масок являются альфа-каналы. Маска сохраненная в альфа-канале, в любой момент может быть загружена в виде выделенной области.
§ Каналы трактуются Photoshop как полутоновые изображения и могут быть отредактированы любыми средствами Photoshop (инструментами рисования, тональной коррекции, фильтрами и т. п.) напрямую. Белый цвет участка маски указывает на то, что соответствующий участок изображения маскирован, черный цвет участка маски — данный участок изображения выделен. Промежуточные тона маски указывают, какая часть пикселов, составляющих участок изображения, маскирована или выделена. Поскольку маска эквивалентна выделенной области, редактирование маски суть редактирование выделенной области. Это дает возможность создавать выделенные области, просто рисуя их кисточкой, аэрографом, инструментами заливок, градиентов и т. п.
§ Для быстрого создания выделенной области используется режим Quick Mask. В этом режиме Photoshop создает временный канал маски. Особенно удобно, что она отображается поверх изображения и можно одновременно видеть и саму маску, и те участки изображения, которые она маскирует.
§ Если маски имеют одинаковые размеры, они могут подвергаться математической обработке: складываться, вычитаться, перемножаться и т. п. Это позволяет создавать маски для нескольких объектов из отдельных масок для каждого из них.

Сохранение выделения в канале

Сохранение выделения в канале

Для работы с каналами (создание, удаление, копирование, определение параметров, преобразование в отдельные документы, объединение) используется уже знакомая вам палитра Channels. В первую очередь эта палитра позволяет отображать отдельные каналы и их произвольное сочетание. Вы уже познакомились с отображением цветовых каналов.
1. Щелкните на пиктограмме Save selection as channel в нижней части палитры каналов. В палитре Channels появился новый канал, который не имеет имени (Alphal): называйте его просто "первый альфа-канал". Следующий канал будет называться "второй альфа-канал" и т. д.
2. Поскольку маска теперь надежно сохранена в канале, выделение можно отменить командой Deselect,
3. Щелкните на пиктограмме альфа-канала в палитре каналов (Рисунок 4.7). В окне документа отобразится его содержимое. Теперь очевидно родство быстрой маски с каналами — перед вами быстрая маска, только в черно-белом варианте!
4. Миниатюра альфа-канала, как и цветового канала изображения, показывает его содержимое в уменьшенном виде. Если документ содержит несколько альфа-каналов с небольшими масками, то их миниатюры становятся совершенно неотличимы друг от друга. Удобно давать им осмысленные имена Выполните двойной щелчок мышью на пиктограмме альфа-канала в палитре каналов. Откроется диалоговое окно Channel Options (Рисунок 4.8.)
5. В поле Name введите "dogteam".
Остальные настройки в диалоговом окне Channel Options совпадают с настройками для быстрой маски. Это и не удивительно, быстрая маска — тоже канал, только временный Единственное отличие — это наличие переключателя Spot Color поля Color Indicates. Благодаря этой возможности в изображениях, предназначенных для типографской печати, можно использовать плашечные цвета
6. Нажмите кнопку ОК

Рисунок 4.7. Альфа-канал в
палитре каналов

Рисунок 4.8. Диалоовое окно Channel Options

Сохранение выделенной области в другом документе

Сохранение выделенной области в другом документе

В пустынном пейзаже осталось "прорезать дырки", через которые будет видна собачья упряжка из северного пейзажа. Для этого требуется, чтобы те пикселы маски, которые придутся на этот объект, были белыми. Воспользуемся уже созданной маской в документе north.jpg. Ее потребуется вычесть из вновь созданной.
1. Убедитесь, что одновременно с документом desert.jpg открыт и документ north.jpg, в нем выделена собачья упряжка, и он должен быть активным. Если вы уже успели закрыть последний, то откройте его и загрузите сохраненную в канале маску.
2. Выполните команду Save Selection меню Select. Появившееся одноименное диалоговое окно (Рисунок 4.10) дает дополнительные возможности для манипуляций с масками и каналами.
Примечание
Примечание



Выделенные области действительно можно сохранять в каналах других документов, но только при одном условии размеры этих документов должны совпадать с абсолютной точностью.
4. В списке Channel выберите уже существующий канал Alpha 1. Это тот самый канал, в котором была сделана растяжка
5. В поле Operation установите переключатель Subtract from Channel.
Примечание
Примечание
Часто находят применение и другие операции с каналами сложение и пересечение Первая добавляет к сохраненной в канале выделенной области текущую выделенную область Вторая оставляет выделенными только те области, которые выделены и на изображении, и в канале
6. Нажмите кнопку ОК.
7. Отмените выделение в документе north.jpg командой Deselect или нажатием клавиш +.
8. Активизируйте документ desert.jpg, а в нем — канал Alpha 1. На фоне paстяжки в канале появился белый силуэт сохраненной выделенной области (Рисунок 4.11).
Примечание
Примечание
Разработчики Photoshop постарались, чтобы программа не ограничивала вас одним строго предопределенным путем решения той или иной задачи Как правило, любую из них можно решить несколькими способами Например, вместо сохранения выделенной области из файла north Jpg в канал документа desert.jpg с вычитанием, можно действовать противоположным способом загрузить альфа-канал с выделенной областью, имеющей градиентную растяжку, в документе desert jpg, затем командой Load Selection... загрузить маску из альфа-канала документа north jpg с вычитанием. Команда загрузки выделенной области тоже предоставляет возможность совершения математических операций с масками (Рисунок 4.12)

Рисунок 4.11. Маска в документе desert.jpg после
вычитания выделенной области из документа north.jpg

Рисунок 4.12. Диалоговое окно Load Selection

Выбор режима отображения цветом

Выбор режима отображения цветом

Полупрозрачная быстрая маска скрывает контуры объектов, а ведь они особенно важны для точного создания выделенной области. В данном случае удобнее было бы закрыть быстрой маской выделенную, а не маскированную область (упряжку, а не все остальное изображение). К счастью, режим быстрой маски позволяет произвольно задать, какую из этих областей выделять цветом
1. Выполните двойной щелчок на кнопке включения быстрой маски в палитре инструментов.
2. В поле Color Indicates открывшегося диалогового окна QuickMask Options (Рисунок 4.6) выберите переключатель SelectedAreas.

Рисунок 4.6. Диалоговое окно
Quick Mask Options
Режим, определяемый переключателем Selected Areas, не всегда удобнее, чем альтернативный, задаваемый переключателем Masked Areas. Выбирайте режим отображения цветом исходя из соотношения размеров выделенной области и размеров выделяемого объекта. Если выделенная область больше чем объект, то целесообразнее выбрать режим Masked Areas — цвет маски не будет скрывать контур объекта.

Загрузка выделенной области из альфаканала

Загрузка выделенной области из альфа-канала Сохраненную в канале маску в любой момент можно загрузить в виде выделенной области. Это можно сделать, активизировав требуемый альфа-канал и щелкнув мышью на кнопке Load channel as selection
Другой способ позволяет загружать альфа-канал, не активизируя его, что и требуется чаще всего. Щелкните левой кнопкой мыши на пиктограмме альфа-канала и при этом удерживайте клавишу Курсор мыши примет вид указателя с пунктирным прямоугольником, символизирующим выделенную область. В окне документа появится выделенная область, которая была сохранена в канале

Самоучитель по Adobe Photoshop 5.5

Инструмент Background Erazer

Инструмент Background Erazer

Новый инструмент программы предназначен специально для тонкой ручной работы по экстракции изображений. Его действие похоже на работу обычного ластика (Eraser). Разница в том, что Background Eraser удаляет области изображения по принципу близости цвета. Удаленные области становячся прозрачными, то есть Background Eraser действует на слое Если их в изображении нет (только фоновый), то при работе инструмента программа создает слой.
1. Откройте неотредактированный файл.
2. Испытайте действие инструмента Выберите большую кисть и щелкните в окне документа. Курсор имеет вид окружности с крестиком посередине. Крестик — это горячая точка инструмента Когда кнопка мыши нажата, положение горячей точки определяет удаляемый цвет.
3. Нажмите кнопку мыши и проведите насколько раз в окне документа, как бы совершая мазки кистью. Области, по которым двигается инструмент, удаляются. При этом программа удаляет пикселы, близкие по цвету к определенным в горячей точке. Так, на Рисунок 5.17., а горячая точка расположена в голубой области, но щелчок инструментом еще не сделан. На Рисунок 5.17.,б щелчок уже выполнен. Как видите, голубые области удалены, поскольку они близки к цвету, определенному в горячей точке. Красные и черные участки остались нетронутыми.
Примечание
Примечание



Экстракцию объектов удобно проводить также в диалоговом окне Extract.

Рисунок 5.21. Фрагмент помещен в монтаж

Использование векторных иллюстраций

Использование векторных иллюстраций

Фирма Adobe Systems Inc выпускает полный спектр программного обеспечения для настольных издательских систем. В него входит и программа подготовки векторной графики Adobe Illustrator. Если вы работаете с последней версией (7.хх) этой программы, то обязательно оцените преимущества при совместном использовании с Adobe Photoshop. В программе Photoshop можно непосредственно импортировать файлы Adobe Illustrator в виде контуров или с немедленной растеризацией. Первый вариант полезен, если вы намерены раскрасить и обогатить изобразительными эффектами векторную иллюстрацию. Второй вариант полезен для вставки рисованных графических элементов в коллажи. Им и воспользуемся для размещения в коллаже логотипа фирмы Canon.
1. Активизируйте слой camera
2. Выберите команду Place... из меню File
3. В открывшемся стандартном диалоговом окне Windows выберите файл canon ai, находящийся на дискете
4. Нажмите кнопку ОК. В окне документа появится логотип, заключенный в рамку с ограничителями (рис 5.27)
5. Назначение ограничителей очевидно используя их, можно трансформировать импортированный рисунок. На этом этапе рисунок еще являются объектным, то есть состоит из контуров Вы можете проводить любые трансформации, не боясь ухудшения качества из-за недостатка разрешения Поместите логотип на черное поле под пейзажем и отмасштабируйте его до требуемых размеров.

Рисунок 5.27. Импортирование векторной иллюстрации
6. Закончите трансформации двойным щелчком во внутренней области рамки Photoshop превратит рисунок в точечное изображение и разместит его на новом отдельном слое с именем, совпадающем с именем файла рисунка, "canon ai"

Изменение порядка слоев

Изменение порядка слоев

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

Рисунок 5.8. исправленный порядок размещения слоев
1. Активизируйте слой с фотоаппаратом
2. Выберите команду Bring to Front из списка Arrange, вложенного в меню Layer. Слой будет передвинут в верхнюю позицию в стопке слоев (и в палитре Layers) или вперед по отношению к зрителю Команда перемещает активный слой поверх всех остальных. Парная команда Send to Back перемещает активный слой ниже всех имеющихся в документе слоев, сразу перед слоем Background.
3. Выберите команду Bring Forward. Слой окажется на прежнем месте. Команда перемещает слой на одну позицию вверх. Противоположная ей команда Send Backward передвигает слой на одну позицию вниз. В нашем примере всего два слоя, которые можно перемещать, поэтому команды Bring Forward и Bring to Front дают одинаковый результат. Для этого случая идентично и действие команд Send Backward и Send to Back.
4. Поместите курсор мыши на миниатюру слоя с фотоаппаратом, нажмите левую кнопку мыши и, не отпуская ее, перемещайте курсор к верхнему краю строки находящегося выше слоя. Отпустите кнопку мыши. Слой переместился вверх (Рисунок 5.8). Так можно переместить слой на сколько угодно позиций вверх или вниз за один прием.

Эффекты для слоев

Эффекты для слоев

В новой версии Photoshop появилась команда Effects, позволяющая воспользоваться набором наиболее часто употребляемых эффектных приемов "мягкие" тени, имитация объема и свечения Особенно популярны эти приемы в дизайне Web-страниц. Применим два из них — Drop Shadow... и Bevel and Emboss...
1. Активизируйте слой MIRAGE?
2. Выберите команду Bevel and Emboss... из списка Effects, вложенного в меню Layer
3. В открывшемся диалоговом окне Effects установите флажок Apply (Рисунок 5 43)
Совет
Совет



Отменить все эффекты для слоя можно двумя способами. Во-первых, сбросить флажок Apply в диалоговом окне Effects для каждого из примененных к слою эффектов Во-вторых, все эффекты могут быть отменены командой ClearEffects из списка Effects, вложенного в меню Layer
10. Нажмите кнопку Cancel.
Совет
Совет



Если эффект нужно скопировать на большое количество слоев, то вместо команды Paste Effects лучше пользоваться командой Paste Effects To Linked. Эффекты будут применены ко всем слоям, связанным с текущим. Очевидно, все слои, к которым необходимо применить одинаковые эффекты, должны быть предварительно связаны.

Рисунок 5.46. Готовый монтаж
5. Монтаж готов. Если вы хотите сохранить его на память о проделанной титанической работе, то выполните сведение слоев командой FlattenImage меню Layer и сохраните в формате TIFF.
В этом разделе подробно не рассматривались параметры всех имеющихся в Photoshop эффектов. Более близкое знакомство с ними произойдет в главе 13. Некоторые эффекты применены в главе 12. Если вам понравились простота и легкость изготовления таких сложных эффектов, то советуем поэкспериментировать с их параметрами. Попробуйте все имеющиеся эффекты и посмотрите, как меняется вид изображения при варьировании каждого параметра.
В завершение раздела сделаем два важных замечания. Во-первых, эффекты можно применять и к текстовым слоям. Ведь если Photoshop сохраняет параметры текстовых слоев и параметры эффектов по отдельности, ничто не мешает сохранять и то, и другое для одного слоя. Во-вторых, эффекты применяются не к объекту на слое, а ко всему слою. Поэтому все объекты, находящиеся на одном слое, могут иметь только один набор эффектов. Чтобы придать таким объектам разные эффекты, их надо поместить на разные слои и задать для каждого свои параметры эффектов. К любому объекту, созданному на слое с эффектами, они тоже будут немедленно применены. Если, например, вы нарисуете на слое canon.ai прямоугольник, то он обязательно окажется выпуклым и будет отбрасывать тень.

Макетные группы

Макетные группы

Объединив несколько слоев в макетную группу, вы можете определить выделенную область на одном из них в качестве маски для содержимого других слоев. Например, если на первом (нижнем) слое вы разместили некоторый текст, а на втором — текстуру, то можете объединить два слоя в группу таким образом, чтобы текстура была видна только в пределах символов текста. Самый нижний слой, называемый базовым, определяет режим наложения и непрозрачность для всех остальных слоев группы. Заметим, что в макетную группу могут быть включены только последовательные слои.
В палитре Layers границы макетной группы обозначаются сплошными линиями; в пределах группы слои отделяются друг от друга прерывистыми точечными линиями. Имя базового слоя выделяется подчеркиванием, а миниатюры остальных слоев группы смещаются вправо. Выполните следующий предложенный пример, в качестве текстуры используйте копию фонового слоя.
1. Поместите курсор на миниатюру слоя Background. Перемещайте курсор мыши к пиктограмме нового слоя в нижней части палитры слоев, удерживая при этом левую кнопку мыши. Выше фонового слоя появится его копия с именем "Background copy".
2. Дайте этому слою новое имя "Texture" (не забыли, как это сделать?).
3. Активизируйте слой Texture.
4. Поместите слой Texture поверх слоя MIRAGE?, на котором расположен текст.
5. Подведите курсор мыши точно к границе строк слоев MIRAGE? и Texture и нажмите клавишу . Курсор примет вид пересекающихся черного и серого кругов (Рисунок 8.41). Слои сгруппированы. Тот же результат дает команда Group with Previous меню Layer.
Примечание
Примечание



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

Области с размытой границей

Области с размытой границей

Большинство объектов фотосъемки имеют размытые или очень сложные границы. Если эти объекты расположены на не слишком многоцветном фоне, или сами имеют достаточно однородный цвет, их можно выделить с помощью диалогового окна Color Range. Это окно предназначено для выделения областей близких цветов.
1. Откройте документ Ship.jpg.
2. Выберите команду Color Range меню Select. Перед вами диалоговое окно (Рисунок 5.12).
Примечание
Примечание



Режим Image в окне предварительного просмотра полезен, например, если во время работы в окне изображение находится в увеличенном масштабе и видно не полностью. Для временного переключения между режимами используйте клавишу .
6. Вверху находится движок Fuzziness Он похож по действию на Tolerance. Чем выше Fuzziness, тем больше диапазон выделяемой группы цветов. При этом граница выделения становится все более размытой. На рис 5.14. показан вид окна просмотра при разном значении Fuzziness. Испытайте действие этого флажка. Установите Fuzziness так, чтобы область выбора имела достаточно четкие границы. Мы остановились на значении 31.
Примечание
Примечание



Область, выделенную в диалоговом окне Color Range, можно не только экстрагировать, но и подвергать любому редактированию, например, изменять ее цвета, перемещать, усиливать контраст и пр.
Совет
Совет
Сохраненный тоновый диапазон применим и к другим файлам. Откройте файл island.jpg. Выберите команду Color Range. В диалоговом окне Color Range нажмите кнопку Load и импортируйте диапазон ship. В документе автоматически выделяются оттенки голубого. Остается лишь слегка подкорректировать границы области. Таким образом, если вам нужно выделить, скажем, небо, в нескольких документах с изображением ясного дня, достаточно выделить его в одном из документов, сохранить нужный диапазон, а затем импортировать его в каждый документ.

Рисунок 5.16. Результат экстракции

Обычные слои и слой Background

Обычные слои и слой Background

Для создания задуманного монтажа потребуйся пространство изображения большее, чем в документе mirage, psd.
1. Установите основной и фоновый цвета обратными умалчиваемым белый — основным, а черный — фоновым. Проще всего поменять основной и фоновый цвета щелчком на соответствующей пиктограмме в палитре инструментов или нажатием клавиши <Х>.
2. Выберите команду Canvas Size из меню Image
3 Открывшееся диалоговое окно (рис 5 3) делится на две области" Current Size и New Size Первая область несет информационную нагрузку — в ней указаны текущие размеры изображения в выбранных единицах измерения. Во второй области задается желаемый геометрический размер изображения в любых единицах измерения. Они выбираются из находящихся рядом с полями Width и Height раскрывающихся списков. Введите в эти поля значения "29 cm" и "23 cm", соответственно.
Примечание
Примечание



Если напечатать изображение с прозрачными участками и без слоя Background на принтере, то прозрачность будет передана отсутствием изображения.
Для обратной операции, превращения обычного слоя в Background, нужно выполнить несколько действий.
1. Установите основной и фоновый цвета обратными умалчиваемым: белый — основным, а черный — фоновым.
2. Другой путь заключается в создании нового слоя Background. Выберите команду Background из списка New, вложенного в меню Layer. В документе образовался новый слой Background, все пикселы которого имеют цвет, совпадающий с текущим фоновым.
3. Любое количество слоев изображения можно сводить в один. Команды сведения "склеивают" слои изображения. При этом пикселы верхних слоев замещают пикселы нижних. Операция сведения необратима, так как замещенные пикселы утрачиваются навсегда. Теперь, когда слой Background создан, остается свести его со слоем north. Активизируйте слой north и выберите команду Merge Down из меню Layer. Слой north будет сведен с нижележащим слоем Background.
Примечание
Примечание
Полезной командой, предназначенной для выполнения сведения нескольких слоев в один, является Merge Visible, находящаяся в меню Layer. Чтобы ею воспользоваться, надо предварительно сделать видимыми только те слои, которые нужно сводить. Третья команда сведения, Flatten Image из меню Layer, выполняет сведение всех слоев изображения. Чаще всего она применяется по окончании работы над изображением и необходима для последующего импорта в программу верстки или подготовки иллюстраций. Эти программы зачастую не поддерживают формат PSD, а работают в основном с форматами TIFF или EPS. Хранить готовые изображения тоже удобнее в сведенном виде. Это очень сильно сокращает размеры их файлов.

Палитра Layers

Палитра Layers

Как и в работе с каналами, для создания, дублирования, объединения и удаления слоев используется специальная палитра, которая называется Layers
1. Откройте файл mirage.psd, который вы создали при изучении каналов
2. Откройте палитру Layers. Каждая строка в палитре представляет слои изображения. Две строки в палитре слоев (Рисунок 5.1) говоря о наличии двух слоев — слоя Layer 1 и слоя Background.
Примечание
Примечание



Поскольку информацию о слоях может хранить только собственный формат Photoshop (формат PSD), вы можете быть уверены, что изображения в прочих форматах содержат только один слой, Background. Сканирование, разумеется, тоже дает только однослойные изображения.

Параметры слоя

Параметры слоя

Двойной щелчок на миниатюре слоя в палитре слоев, для всех слоев кроме фонового, открывает диалоговое окно Layer Options. Это окно делителя на три области (Рисунок 5.24) В первой находится поле Name, которое позволяет назначить слою любое имя. Под этим именем он будет фигурировать в палитре слоев. Вторая область, Options, позволяет придать слою прозрачность и задать режим наложения пикселов. Третья область предназначена для определения режима наложения каналов. Воспользуемся последней для того, чтобы удалить белый фон вокруг рисунка.

Рисунок 5.24. Диалоговое окно Layer Options
Список Blend If позволяет определить цветовой или альфа-канал, для которого будет задаваться режим наложения. По умолчанию установлен Gray, что соответствует совмещенному каналу. Две шкалы, расположенные ниже, являются шкалами яркостей (градаций серого) для выбранного канала. Верхняя шкала отвечает за активный слой, нижняя — за расположенные ниже. С помощью ползунков, двигающихся по верхней шкале, можно выделить пикселы, попадающие в заданный диапазон яркостей. Только эти пикселы и будут видны на изображении в окне документа. Ползунки нижней шкалы позволяют выполнить обратную задачу: выделить диапазон яркостей пикселов нижележащих слоев, которые не должны быть видны на изображении. Соответствующие диапазоны располагаются между белыми и черными ползунками.
Ползунки состоят из двух половинок. Каждую из них можно двигать отдельно, если удерживать при этом клавишу . В этом случае пикселы, попадающие в диапазон яркостей между двумя половинами черных или белых ползунков, будут видны частично.
Для выполнения поставленной задачи необходимо задать такие параметры наложения слоев, чтобы белые пикселы активного слоя не участвовали в изображении, были не видны. Поскольку речь идет об активном слое, использовать надо верхнюю шкалу.
1. Дважды щелкните мышью на слое с изображением удивленного фотографа. Откроется диалоговое окно Layer Options.
2. Дайте слою имя, например "surprise", введя его в поле Name в верхней части диалогового окна.
3. Убедитесь, что в списке Blend If выбран вариант Gray.
4. Сдвиньте влево белый ползунок на верхней шкале This Layer чуть-чуть влево, так, чтобы расположенное над шкалой значение яркости уменьшилось с 255 до 253 (Рисунок 5.24). Этим вы определили, что пикселы с яркостью более 253 (белые) должны на этом слое быть невидимы. Действительно, белый фон вокруг фотографа исчез.
Раз уж теперь стало известно, как изменять параметры слоя, используйте эти знания для того, чтобы дать имена всем имеющимся в документе слоям, Одно имя уже есть — "surprise". Слою с изображением пустыни дайте имя "desert", слою с фотоаппаратом — имя "camera" (Рисунок 5.25). Присваивать слоям осмысленные имена очень полезно, это часто устраняет причину путаницы, возникающей, если миниатюра не позволяет отличить один слой от другого. Кроме того, если у слоев есть имена, то показ миниатюр вообще можно отключить, чтобы ускорить работу программы. Отключаются миниатюры слоев точно таким же способом, как и миниатюры каналов. Для этого следует воспользоваться командой Palette Options, находящейся в меню палитры Layers. Она выводит аналогичное диалоговое окно (Рисунок 5.26), позволяющее выбрать размер миниатюр или отключить их совсем.

Рисунок 5.25. Палитра слоев Рисунок 5.26. Диалоговое окно
с именованными слоями Layers Palette Options

Перемещение и масштабирование слоя

Перемещение и масштабирование слоя

Очевидно, что изображение фотоаппарата следует уменьшить и переместить. Обе эти операции можно выполнить за один прием с помощью команды Scale.

Рисунок 5.9. Изображение фотоаппарата отмасштабировано
1. Убедитесь, что текущим инструментом является Move.
2. Выберите команду Scale из списка Transform, вложенного в меню Edit.
3. Вокруг объекта появилась рамка, наподобие той, что возникает при трансформировании выделенной области. Перемещайте любой угловой ограничитель к центру изображения- При этом для сохранения пропорций изображения следует удерживать клавишу .
4. Не меняя инструмент, поместите курсор мыши внутрь рамки, нажмите левую кнопку мыши и перемещайте мышь, пока изображение фотоаппарата не займет отведенное ему место (Рисунок 5.9).
5. Выполните двойной щелчок мышью внутри рамки — Photoshop выполнит масштабирование и перемещение.

Перемещение слоев между документами

Перемещение слоев между документами

При изготовлении монтажей используются несколько исходных изображений, находящихся в разных документах. С переносом выделенных областей из документа в документ вы уже сталкивались. Теперь попробуйте поместить в документ mirage.psd слои из других документов. Начните с изображения фотоаппарата.
1. Откройте файл camera.jpg .(Рисунок 5.6). Документ содержит единственный слой Background.
2. Разместите окна открытых документов на экране таким образом, чтобы все они были видны одновременно.
3. Активизируйте окно документа mirage.psd.
4. Активизируйте слой Background.
5. Выберите в палитре инструментов инструмент Move.

Рисунок 5.6. Документ camera.jpg .

Рисунок 5.7. Изображение фотоаппарата помещено в документ mirage.psd.
6. Активизируйте окно документа camera jpg
7. Поместите курсор мыши на миниатюру слоя Background в палитре слоев, нажмите левую кнопку мыши. Не отпуская кнопку, переместите курсор в окно документа mirage.psd. а затем отпустите кнопку. В документе образовался новый слой, Layer 1, на котором находится изображение из документа camera.jpg. (рис 5.7).
8. Закройте документ camera.jpg.

Перевод текста в изображение

Перевод текста в изображение

Конечно, при демонстрации изображения Photoshop представляет текст как •точечное изображение. При редактировании он просто удаляет старый текст, создает новый и тоже его растрирует. При этом Photoshop сохраняет (в памяти и/или в файле) новые параметры текста, чтобы пользователь мог его отредактировать. Разумеется, редактировать можно только те параметры, которые сохранены. Именно поэтому для текстовых слоев запрещены функции редактирования по точкам — их невозможно компактно сохранить.
Когда текстовый материал уже полностью подготовлен и больше не требует редактирования, можно необратимо превратить его в точечное изображение. Превращение текста в обычное изображение необратимо, и текст после этого редактировать нельзя, зато становится возможным использование всего широкого спектра инструментов Photoshop.
1. Убедитесь, что активным является слой MIRAGE?.
2. Выберите команду Render Layer из списка Type, вложенного в меню Layer. Текстовый слой преобразован в обычный. В палитре слоев с его строки исчезла пиктограмма "Т".

Понятие слоя

Понятие слоя

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

Привязка слоймаски

Привязка слой-маски

Любознательный читатель наверняка поинтересуется, что произойдет со слоем lens, если воспользоваться инструментом перемещения. Что будет перемещаться: изображение, маска или и то и другое?
1. Выберите инструмент Move.
2. Убедитесь в том, что активен слой lens.
3. Поместите курсор мыши на маскированное изображение, нажмите левую кнопку мыши и, не отпуская ее, перемещайте мышь. Как вы видите, перемещается изображение на слое, а маска остается на месте. Так можно легко выбрать видимый через маску фрагмент изображения-
4. Бывает необходимо подогнать и положение самого маскированного объекта. Для этого нужно "привязать" слой-маску к изображению на слое, с тем чтобы они перемещались вместе. Выполните привязку щелчком мыши в пространстве между миниатюрами слоя и слой-маски в палитре слоев. Между миниатюрами появится пиктограмма "Цепь", символизирующая связь между слоем и его маской (Рисунок 5.35).
5. Попробуйте теперь воспользоваться инструментом Move. Слой-маска перемещается вместе с изображением на слое, что дает эффект перемещения маскированного объекта.

Рисунок 5.35. Слой-маска привязана
к своему слою
Следующий вопрос очевиден: а что если надо переместить фрагмент с фотоаппаратом целиком? Неужели для этого придется всегда перемещать сначала слой camera, а затем слой lens, подгоняя их взаимное положение после перемещения?

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

Работа с текстом В подавляющем большинстве случаев для работы с текстом используются программы создания иллюстраций (Adobe Illustrator, Macromedia Free Hand, CorelDRAW и др.) или системы верстки (Adobe PageMaker, Quark XPress, Corel Ventura Publisher и др.). Это делается для того, чтобы избежать растрирования текста до печати.
Тем не менее, текст часто является не только носителем смысловой нагрузки, но и элементом оформления. Если размер используемого шрифта достаточно велик, как в заголовках разделов журналов, то Photoshop поможет вам сделать его максимально эффектным. Особенно часто текст в точечных изображениях применяется для материалов, распространяемых в электронном виде, в том числе и в Internet.
Набор возможностей для работы с текстом у Photoshop очень скромен, но в соединении с неограниченными возможностями точечной графики он дает превосходные результаты.

Работа со слоями

Работа со слоями


В предыдущей главе вы познакомились с масками как с одним из способов определения графических объектов в точечных изображениях и мощным инструментом их редактирования. Другой, более явный способ определения графических объектов и инструментов для их компоновки, основывается на концепции многослойных изображений.
Что же предпочтительнее: слои или маски. Для тех, кто уже работал с Photoshop, ответ на этот вопрос очевиден: и то и другое. Слои и маски не эквивалентны по своим возможностям и, как правило, используются совместно. Photoshop не заставляет вас решать конкретную задачу строго определенным способом — он лишь дает вам многообразие инструментов для ее реализации. Путь, которым вы пройдете от исходных материалов до готового результата, не является единственно возможным. Могут существовать еще несколько столь же или даже более рациональных вариантов решения задачи. Когда вы наберетесь опыта работы со всеми инструментами Photoshop, то сможете анализировать большинство таких вариантов и выбирать наиболее соответствующий вашему стилю работы.
Если вы новичок в обработке точечных изображений, то не спешите хвататься за первый пришедший вам в голову метод решения вашей задачи, а потратьте несколько минут на продумывание других вариантов. Во-первых, эти несколько минут зачастую сэкономят вам часы, потраченные на переделку всего "с нуля", во-вторых, они позволят вам найти наиболее рациональное решение, снижающее временные затраты не только для данной задачи, но и для аналогичных. С другой стороны, не бойтесь экспериментировать и ошибаться, когда у вас есть свободное для освоения программы время. По-настоящему вы научитесь чему-то, только если будете "откапывать" знания сами, а книга — лишь стартовая ступень к совершенству.
В этой главе вы познакомитесь с концептуальной возможностью программы Adobe Photoshop — возможностью работать со слоями, что вносит весьма ощутимое удобство в работу компьютерного художника.

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

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

1. Если изображение в объективе кажется вам недостаточно прозрачным, то воспользуйтесь ползунком Opacity в палитре слоев. Изменяя положение ползунка, или непосредственно вводя значение непрозрачности в поле ввода, вы меняете прозрачность всего активного слоя. Установите непрозрачность слоя равной 70% (Рисунок 5.33).
2. Щелкните мышью на миниатюре слой-маски, удерживая клавишу . Это запретит маскирование слоя, и поверх миниатюры слой-маски появится косой красный крест (Рисунок 5.34). В окне документа появится все изображение из документа desert.jpg с 70%-ной прозрачностью. Как видите, значение прозрачности действует на все содержимое слоя.
3. В режиме запрета маскирования удобно редактировать изображение на слое, так как не мешает маска. Выберите инструмент Free Transform и уменьшите изображение пустыни настолько, чтобы его вертикальный размер был чуть больше размера объектива фотоаппарата. Подчеркнем, что для выполнения этого действия отключать слой-маску не обязательно — просто это удобно.
Примечание
Примечание



Слой-маску можно создать не только командой Paste Into. Для этого в меню Layer имеется целый набор команд Add Layer Mask Выполнив любую из них, Photoshop создаст для активного слоя слой-маску. В зависимости от выбора команды произойдет следующее:
• Reveal All. Будет создана слой-маска, заполненная белым цветом. Такая слой-маска в точности соответствует выделенному (немаскированному) изображению. Все содержимое слоя будет видимо, и для того чтобы маскировать часть слоя, вам надо будет залить соответствующую область слой-маски черным цветом.
• Hide All. Созданная слой-маска будет целиком заполнена белым цветом. Такая слой-маска соответствует полностью маскированному изображению. Все содержимое слоя будет невидимо, и для того чтобы сделать видимой часть слоя, вам надо будет залить соответствующую область слой-маски белым цветом.
• Reveal Selection. Команда доступна только при наличии в документе выделенной области. Команда создаст слой-маску, в которой выделенная область будет залита белым цветом, а остальная часть— черным. В результате видимой будет только выделенная область слоя
• Hide Selection. Команда доступна только при наличии в документе выделенной области. Команда создаст слой-маску, в которой выделенная область будет залита черным цветом, а остальная часть — белым. В результате видимым будет весь слой за исключением выделенной области.

Редактирование слоймаски

Редактирование слой-маски

Для создания иллюзии того, что изображение находится за линзами объектива, надо сделать изображение в объективе полупрозрачным При этом прозрачность должна уменьшаться от внутренней части объектива к внешней. Если вы вспомните, как создавалось градиентное выделение, то догадаетесь, как следует действовать сейчас надо создать на слой-маске радиальный градиент от белого к черному В этом случае маскированное изображение будет иметь возрастающую от середины к краям прозрачность
1. Двойным щелчком мыши выберите инструмент Radial Gradient из палитры инструментов.
2. В палитре свойств этого инструмента выберите градиент Black, White.
3. Установите флажок Reverse.
4. Проведите радиус градиента, как показано на рисунке (Рисунок 5.32).
5. Перейдите от просмотра маски к просмотру документа щелчком на миниатюре слоя в палитре слоев. Оцените эффект.

Рисунок 5.32. Градиент на слой-маске

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

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

Редактирование текста — новая возможность Photoshop, да и вообще редакторов точечных изображений для персональных компьютеров. В предыдущих версиях Photoshop и всех других аналогичных программах текст после ввода сразу превращался в обычное точечное изображение. По сути, он сам становился "изображением текста". В пятой версии Photoshop "помнит" о том, что на слое находится не просто изображение, а текст и позволяет его редактировать. Поэтому слой с текстом для него "особенный" и он помечен пиктограммой с буквой "Т" в палитре слоев.
1. Дважды щелкните мышью на пиктограмме "Т" слоя MIRAGE?.
2. Перед вами снова диалоговое окно Type Tool. В нем можно изменить любые параметры текста. Заметьте, что в поле Size размер шрифта в пунктах уже больше, чем заданный при вводе (120 пунктов). Очевидно, значения, приведенные в диалоговом окне, показывают действительные текущие параметры текста, ведь текст был отмасштабирован с помощью команды Free Transform. Введите в поле Size прежний размер шрифта, 120 пунктов. Текст примет прежние размеры.
3. Последняя версия Photoshop поддерживает посимвольное форматирование. Это означает, что все параметры можно задавать отдельно для любого количества символов текста. Выделите последний символ текста — вопросительный знак.
Примечание
Примечание
Приемы выделения текста в диалоговом окне Type Tool точно такие же, как и в большинстве текстовых редакторов Например, вы можете поместить текстовый курсор перед выделяемыми символами, нажать левую кнопку мыши и, не отпуская ее, переместить курсор за последний выделяемый символ. Выделенные символы приобретут инверсное начертание (белое на черном). Можно также действовать, используя только клавиатуру. Для этого необходимо клавишами со стрелками переместить текстовый курсор перед первым выделяемым символом, нажать клавишу и, удерживая ее, продолжать перемещение курсора к последнему выделяемому символу
4. В списке Font выберите шрифт Times New Roman Вопросительный знак будет отформатирован в соответствии с этим шрифтом
5. Предварительный просмотр показывает, что высота вопросительного знака меньше высоты остальных символов текста, и он значительно тоньше Не отменяя выделения, введите в поле Size значение 145 (Рисунок 5.40). Выберите полужирное начертание для выделенного символа.
6. Нажмите кнопку ОК Изменения закреплены в документе.

Рисунок 5. 40. Диалоговое окно Type Tool
с новыми параметрами текста
Возможность редактирования текста является неоспоримым удобством. К сожалению, за него пока приходится платить урезанными возможностями обработки текста как изображения. Если же все-таки замысел требует такой обработки, то выход один — превратить текст в обычное точечное изображение.

Маски служат для хранения информации

Резюме


§ Маски служат для хранения информации о границах объектов в точечных изображениях, а слои предназначены для хранения самих объектов- Расположив все графические объекты на отдельных слоях, можно получить гибкое, легко и быстро редактируемое изображение.
§ Документ может содержать любое количество слоев, расположенных друг над другом. На слое, как правило, располагают графический объект, а остальную часть слоя оставляют прозрачной. Сквозь прозрачные участки слоя виден нижележащий слой.
§ Особым видом слоя является фоновый слои (background). Он не может иметь прозрачных участков, так как всегда является самым нижним. С другой стороны, возможно создание многослойных изображений без фонового слоя.
§ Объект, находящийся на отдельном слое, изолирован от остального изображения. Благодаря этому все средства редактирования Photoshop применимы к нему как к отдельному изображению, то есть можно как угодно изменять (масштабировать, перемещать, поворачивать, изменять цвета и т. д.) объект, не затрагивая при этом остальное изображение.
§ Слой может иметь одну принадлежащую ему маску (слой-маску). Слой-маска определяет, какие участки слоя будут видимыми, а какие прозрачными
§ Photoshop 5.5 позволяет располагать текст на отдельном, "текстовом" слое В этом случае текст и большинство его параметров (шрифт, размер, цвет, интервалы) могут быть потом в любой момент изменены К текстовым слоям неприменимы инструменты и команды рисования. Чтобы ими воспользоваться, надо преобразовать текстовый слой в обычный. После преобразования возможность редактирования навсегда утрачивается.
§ К любому слою может быть применен ряд предопределенных эффектов в любой комбинации. После создания эффектов можно в любой момент изменить их параметры, добавить новые или сменить существующие эффекты, а также вовсе отменить все эффекты для данного слоя Набор эффектов, созданный для одного слоя, может быть легко распространен на любые другие слои.

Слоймаска в палитрах

Слой-маска в палитрах

Посмотрите на палитру слоев (рис 5.30, а). Разберемся, как был достигнут такой эффект. Photoshop полностью сохранил вставленное изображение, а для того чтобы оно было ограничено выделенной областью, создал маску. Такая принадлежащая слою маска называется слой-маска. Слой-маска видна и в палитре слоев, и в палитре каналов В палитре слоев ее миниатюра расположена рядом с миниатюрой слоя, а в палитре каналов она занимает отдельную строку и называется по имени слоя с добавлением слова "mask". Для того чтобы в палитре каналов легко было отличить слой-маску от других альфа-каналов, их имена выделены курсивом
1. Откройте палитру каналов и убедитесь, что в ней присутствует слой-маска (Рисунок 5.30,б). Слой-маску, как и любую другую маску, можно редактировать непосредственно. Для этого достаточно щелкнуть на ее пиктограмме в палитре каналов. Лучше воспользоваться более удобным способом, снимающим необходимость частого переключения между палитрами слоев и каналов.
2. Перейдите в палитру слоев и щелкните на пиктограмме слой-маски, удерживая при этом клавишу . В окне документа появится содержимое слой-маски — белый эллипс на черном фоне. Черный цвет соответствует маскированной области, а белый — видимой (Рисунок 5.31).

а б
Рисунок 5.30. Слой-маска: а - в палитре слоев, б - в паллитре каналов

Рисунок 5.31. Слой-маска в окне документа

Слоймаски

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

Создание слоймаски

Создание слой-маски

1. Откройте файл desert-jpg.
2. Выделите все имеющиеся на нем изображения командой AU меню Select или комбинацией клавиш +.
3. Выберите команду Copy меню Edit. Все изображение будет скопировано в буфер обмена.
4. Закройте файл desert.jpg.
5. Теперь выделите то место на изображении фотоаппарата, в которое это изображение будет вклеиваться — объектив фотоаппарата. Выберите инструмент Elliptical Marquee и с его помощью выделите линзу объектива.
6. Поскольку эллипс несколько повернут относительно вертикальной оси, советуем вам воспользоваться командой Transform Selection меню Select. Это позволит вам вращать, масштабировать и искажать выделенную область, что поможет очень легко и точно описать искомый фрагмент (Рисунок 5.28).

Рисунок 5.28. Выделение линз объектива фотоаппарата
7. Теперь главный фокус команда Paste Into меню Edit.
Вклеенное изображение находится внутри выделенной области (рис 5.29).

Рисунок 5.29.

Связывание слоев

Связывание слоев

К счастью, Photoshop предлагает более простое решение этой задачи. Оказывается, связывать можно не только слой с его маской, но и слои друг с другом. Связанные слои можно не только перемещать, но и вращать, масштабировать, искажать, как единое целое, то есть выполнять любые команды трансформирования.
1. Убедитесь в том, что активен слой lens.
2. Щелкните мышью на пустом квадрате слева от миниатюры слоя camera. В этом квадрате при активизации слоя возникает пиктограмма "Кисть", а сейчас появилась знакомая пиктограмма "Цепь". Слои связаны (Рисунок 5.36).

Рисунок 5.36. Связанные слои
3. Выберите инструмент Move.
4. Убедитесь, что активным является либо слой lens, либо camera. Какой из них конкретно будет активен, не важно, ведь они связаны
5. Переместите изображение фотоаппарата. Фотоаппарат перемещается вместе с изображением в объективе.
6. Выберите команду Free Transform меню Edit.
7. Попробуйте масштабировать и вращать фотоаппарат. Он трансформируется вместе с изображением в объективе.
8. Придайте фрагменту исходные размеры или нажмите клавишу , не выполняя трансформации.

Свободное трансформирование

Свободное трансформирование

При обработке слоя с изображением фотоаппарата использовалась команда Scale. Она очень удачно совмещала в себе возможности масштабирования и перемещения. Аналогичным образом работают и подобные команды, сгруппированные в списке Transform, вложенном в меню Edit. Они выполняют либо вращение, либо поворот, либо искажение, и т.д. Все эти возможности одновременно предоставляет команда Free Transform.
1. Откройте файл surprise, tif.
2. Переместите слой Background документа surprise tif в документ mirage psd точно так же, как при работе с документом camera.jpg.
3. Выберите команду Free Transform из меню Edit или нажмите комбинацию клавиш +. Вокруг изображения на слое появится рамка. Теперь ее можно не только перемещать и масштабировать, но и вращать, наклонять, искажать
4. Уменьшите изображение до требуемых размеров, перемещая один из угловых ограничителей и удерживая для сохранения пропорции клавишу
5. Переместите изображение на положенное место, захватив его за внутреннюю область рамки.
6. Подведите курсор мыши близко к одному из угловых ограничителей, курсор примет вид изогнутой двуглавой стрелки. Она символизирует вращение
7. Нажмите левую кнопку мыши и перемешайте курсор, не отпуская ее. Изображение на слое будет вращаться. Когда необходимый угол поворота будет достигнут (рис 5.22), отпустите кнопку мыши
8. Сделайте двойной щелчок мышью внутри рамки — Photoshop выполнит масштабирование, вращение и перемещение за один прием
Для того чтобы рисунок имел более четкую границу, нужно его обвести
1. Выделите весь слой, включая прозрачную область, кроме фигурки фотографа, инструментом Magic Wand установив параметр Tolerance равным 2.

Рисунок 5.22. Вращение слоя
2. Инвертируйте выделенную область командой Inverse меню Select.
3. Обведите выделенную область (фигурку) черным цветом. Для этого установите в качестве основного черный цвет, выберите команду Stroke... меню Edit
4. В открывшемся диалоговом окне (Рисунок 5.23) установите толщину обводки (1 пиксел) в поле Width. Обводка выделенной области может выполняться снаружи (Outside), идти по внутренней границе области (Inside), или точно по линии границы (Center). Установите переключатель Center поля Location. Нажмите кнопку ОК. Фигурка фотографа обведена четкой черной границей.

Рисунок 5.23. Обводка выделенной области,
диалоговое окно Stroke
Как уже упоминалось, команда свободного трансформирования совмещает в себе вообще все возможности трансформирования. Если вам любопытно с ними поэкспериментировать, войдите в режим свободного трансформирования соответствующей командой, нажмите клавишу и, удерживая се, перемещайте ограничители. В зависимости от того, какими ограничителями вы будете пользоваться, изображение будет наклоняться или искажаться. Если требуется проделать эти операции строго по горизонтали или вертикали, удерживайте еще и клавишу . Чтобы результаты ваших экспериментов не оказались закреплены в документе, вместо финального двойного щелчка мышью во внутренней области рамки, нажмите клавишу .

Текст как изображение

Текст как изображение

Будучи помещенным в документ, текст ведет себя как точечное изображение и допускает все операции трансформирования, применимые к ним.
1. Сделайте видимым только слой с текстом, отключив демонстрацию всех остальных слоев. Проще всего это делается щелчком на его пиктограмме "Глаз" при нажатой клавише . Слой с текстом выглядит как любой другой слой — объект на прозрачном фоне.
2. Включите отображение остальных слоев повторным щелчком на пиктограмме "Глаз" слоя с текстом при нажатой клавише .
3. Выберите команду Free Transform из меню Edit. Как и ожидалось, вокруг текста появилась хорошо знакомая рамка с ограничителями.
4. Перетащите текст на приготовленное для него место (Рисунок 5.39).
5. Увеличьте размер текста, перемещая левый нижний ограничитель.
6. Завершите трансформирование двойным щелчком мыши во внутренней области рамки
7. Выберите в качестве основного цвета ярко-зеленый цвет из палитры Swatches.
8. Нажмите клавиши +. Текст будет заполнен текущим основным цветом. Для того чтобы заполнить текст фоновым цветом, нажмите клавиши +. Это клациатурные эквиваленты команды Fill... меню Edit. Обратите внимание, что сама команда для текстового слоя недоступна.
9. Выберите любой рисующий инструмент из палитры инструментов.
10. Попробуйте применить его к тексту. На слое с текстом ни один из рисующих инструментов не работает.

Рисунок 5.39. Перемещение текста

Как видите, слой текста — это необычный слой. Для него невыполнимы многие операции. Убедитесь в этом, просмотрев закрытые команды меню Photoshop. Дело в том, что текстовый слой допускает редактирование текста!

Удаление фона вокруг изображений

Удаление фона вокруг изображений
Области с четкой границей При создании монтажа большое значение имеет качественное вырезание изображений из фона (экстракция). Если область имеет простую форму, то можно просто выделить ее инструментом выделения, а затем, инвертировав выделение, удалить фон. Для изображений сложной формы приходится применять более изощренные методы экстракции.
Если изображение имеет однородный фон, удалить его не составит труда. Для этого можно выделить фон инструментом Magic Wand, а затем удалить его командой Clear. В новой версии появился инструмент Magic Eraser, действие которого объединяет в себе выделение и удаление близких цветов.
Удалим со слоя с фотоаппаратом синий фон.
1. Убедитесь, что активным является слой с изображением фотоаппарата.
2. Выберите инструмент Magic Eraser из палитры инструментов.
3. Палитра Options для инструмента очень похожа на палитру свойств Magic Wand (Рисунок 5.10). Установите значение Tolerance равным 2, задав тем самым малый диапазон близких цветов.
4. Щелкните на фоне вокруг фотоаппарата. Фон удален, а изображение помещено на слой.
Примечание
Примечание



Для инструмента Magic Eraser возможно задание параметра Opacity. Если Opacity равно 100%, фон удаляется полностью Меньшие значения приводят к частичному удалению пикселов фона. При установке флажка Use All Layers удаление близких цветов производится одновременно со всех слоев документа. Флажок Contiguous определяет область удаления цвета. Если он установлен, удаляются только области, граничащие с точкой щелчка. При снятом флажке удаляются все области данного слоя, имеющие близкий цвет.
В результате действия инструмента образуется область с четкой границей.

Удаление каймы

Удаление каймы Если присмотреться внимательнее, то вокруг фотоаппарата заметна синяя кайма (Рисунок 5.11, а). Ее появление неминуемо при выполнении подобных операций. Кайма возникает потому, что переход цвета между объектом и фоном, как правило, плавный, и граничные пикселы имеют промежуточный цвет между цветом объекта и цветом фона. Такой плавный переход обеспечивает зрительную ровность краев объекта и возникает в результате сглаживания (anti-aliasing). Для выделения объектов, прошедших эту процедуру, Photoshop располагает специальным набором команд, сгруппированных в списке Matting меню Layer. Это команды Remove White Matte, Remove Black Matte, Defringe.... Действие данных команд очень схоже. Они перекрашивают граничные пикселы в белый, черный и в цвет соседних пикселов объекта, соответственно. Для данного случая подходит последний вариант.
1. Выберите команду Defringe... из списка Matting, вложенного в меню Layer.
Совет
Совет
В открывшемся диалоговом окне в поле Width введите значение 2, определяющее количество граничных пикселов. Для большинства случаев это число лежит в пределах между 1 и 3 пикселами.
2. Нажмите кнопку ОК. Кайма устранена (Рисунок 5.11, б).

а б
Рисунок 5.11. Удаление каймы: а - изображение с камой, б - кайма удалена

Ввод текста

Ввод текста

Инструмент Type в палитре инструментов открывает всплывающую панель инструментов, в которой находятся еще три инструмента. Первые два предназначены для ввода текста слева направо, а вторая пара инструментов — для ввода сверху вниз. Вторым способом обычно пользуются китайцы и японцы, но иногда он полезен для создания вертикальных заголовков.
Каждая из перечисленных пар включает собственно инструмент Type и инструмент Type Mask. При вводе текста с помощью первого инструмента Photoshop растрирует шрифт, располагает его на новом слое и заливает текущим основным цветом. Второй инструмент только создает на текущем слое маску (выделенную область) с очертаниями введенного текста. Оба инструмента одинаково широко используются, и выбирать между ними следует только исходя из намеченной вами стратегии изготовления монтажа. В следующем упражнении предлагается воспользоваться первым инструментом, так как понадобится новый слой.
1. Выберите в палитре инструментов инструмент Type. Курсор мыши примет вид текстового курсора, напоминающего букву "I".
2. Щелкните мышью недалеко от середины правого края окна документа.
3. В открывшемся диалоговом окне Type Tool в раскрывающемся списке Font выберите жирный и узкий шрифт, например, шрифт Impact.
Разумеется, этот список показывает только те шрифты, которые установлены на вашем компьютере.
4. В находящемся правее списке доступных начертаний выберите полужирное (bold) начертание, если оно у выбранного вами шрифта есть.
5. В поле Size введите значение 120, размер шрифта в пунктах.
Примечание
Примечание
Пункт — принятая единица измерения размера шрифта 1 пункт (1 pt.) = 1/72 дюйма = 0,353 мм. В раскрывающемся списке поля Size находится перечень доступных единиц измерения. В нем вы можете выбрать альтернативную единицу — пиксел.
6. Под кнопкой Cancel находится ряд из трех кнопок, управляющих выравниванием текста: по левому краю, по середине и по правому краю. Нажмите последнюю.
7. Еще ниже расположен флажок Preview. При его установке в окне документа будет отображаться текст с текущими параметрами, определенными в диалоговом окне Type Tool (Рисунок 5.37).
8. Большую часть диалогового окна Type Tool занимает поле ввода текста. Поле имеет полосы прокрутки, на случай, если вводимый текст не поместится в его пределах. Вы можете регулировать масштаб отображения текста с помощью кнопок, находящихся в левом нижнем углу окна.
Кнопка с изображением знака "плюс" увеличивает, а кнопка с "минусом" уменьшает масштаб отображения текста. Текущее значение масштаба указывается в поле между этими кнопками. Щелчок мыши в этом поле восстанавливает 100%-ный масштаб Если вам не слишком важно знать масштаб отображения в поле ввода текста, а надо только чтобы вводимый текст в нем просто помещался, и не приходилось пользоваться полосок прокрутки, установите флажок Fit in Window Можно также и увеличить само диалоговое окно так, как это делается для окон Windows Explorer.
Примечание
Примечание
Значение масштаба рассчитывается исходя из отображения 1:1 (каждому пикселу изображения соответствует один пиксел монитора) Таким образом, при масштабе Actual Pixels в окне документа и 100%-ном масштабе в диалоговом окне Type Tool размер шрифта в них будет совпадать.
9. Введите текст "MIRAGE?" в поле ввода (рис 5.37).
10. Нажмите кнопку ОК. Текст появился в виде отдельного слоя в документе mirage.psd. Имя слоя совпадает с содержащимся на нем текстом (Рисунок 5.38).

Рисунок 5.37. Диалоговое окно Type Tool Рисунок 5.38. Текстовый слой в палитре Layers
Остальные настройки текста связаны со следующими элементами окна Type Tool:
§ Флажок Underline задает подчеркивание символов текста.
§ Флажки Faux Bold и Faux Italic генерируют для текста жирное и наклонное начертания, если в шрифте этих начертаний не содержится.
§ Поле Kerning. Позволяет регулировать интервал между отдельными парами символов. Установите текстовый курсор между двумя символами и изменяйте расстояние между ними, вводя положительные или отрицательные величины в это поле.
§ Поле Color. Щелчок на цветном квадрате открывает знакомое вам диалоговое окно Color Picker. С его помощью можно выбирать цвет текста.
§ Поле Leading. В нем определяется расстояние между строками текста.
§ Поле Tracking. В этом поле задается расстояние между символами текста.
§ Поле Baseline. Позволяет установить сдвиг символов текста по вертикали.
§ Поле Auto Kern. С его помощью осуществляется автоматическая регулировка расстояний между парами символов. Этот флажок должен быть снят перед ручной регулировкой кернинга.
§ Список Anti-Aliased. Определяет степень сглаживания краев символов.
§ Поле Rotate. Позволяет производить поворот текста.
Если вы запутаетесь при определении параметров текста, то нажмите кнопку Reset. Эта кнопка "замаскирована" под Cancel и становится видна при нажатой клавише . Такое превращение можно наблюдать в большинстве диалоговых окон Photoshop.

Выравнивание слоев

Выравнивание слоев

Пятая версия Photoshop обогатилась командами выравнивания и распределения слоев. Если монтаж достаточно сложен и состоит из большого числа элементов, то точное их расположение относительно друг друга становится непростой задачей. В нашем простейшем примере такая проблема вряд ли возникнет. Кроме того, ее можно легко решить с помощью направляющих. Тем не менее попробовать новую возможность в работе стоит. Выровняем по нижнему краю логотип "Canon" и изображение фотоаппарата.
Выравнивать и распределять можно любое количество слоев одновременно. Для того чтобы указать Photoshop, с какими из слоев изображения надо проводить эти операции, их нужно предварительно связать.
1. Активизируйте слой camera.
2. Обратите внимание, что он уже связан со слоем lens. Если эту связь не разорвать, то выравнивание затронет три слоя: camera, canon.ai и lens. В результате взаимное расположение слоев camera и lens будет нарушено, что недопустимо. Чтобы избежать этого, щелкните на пиктограмме "Цепь" у слоя lens. Связь разорвана.
3. Теперь свяжем слой camera со слоем canon.ai. Щелкните на пустом квадрате слева от миниатюры слоя canon.ai На этом месте появится пиктограмма "Цепь". Слои связаны.
4. Выберите команду Bottom из списка Align Linked, вложенного в меню Layer. Логотип "подвинется" и его нижний край встанет точно на одну горизонталь с нижним краем фотоаппарата.
Все связанные слои выравниваются относительно активного слоя, который остается на месте. Именно поэтому при выполнении выравнивания был сделан активным слой camera, а не canon.ai. Такой выбор позволил избежать нежелательного смещения слоя camera относительно слоя lens.

Самоучитель по Adobe Photoshop 5.5

Фильтры размытия

Фильтры размытия

В программе Photoshop существует операция, обратная увеличению резкости, она называется размытием. Если при увеличении резкости контрастность между отдельными пикселами возрастает, то при размытии она снижается.
Примечание
Примечание
Размытие изображения может понадобиться как художественный прием (размыть очертания фона, чтобы выделить главный персонаж съемки) для устранения мелких погрешностей изображения (подобно рассмотренному ниже фильтру Dust & Scratches), и, что самое главное — это метод уничтожения .растра при обработке сканированных фотографий из журналов, открыток и другой полиграфической продукции.
Для размытия изображений в программе есть набор фильтров. Чтобы их вызвать, необходимо выбрать в меню Filter команду Blur. Появится список фильтров размытия. Первые два из них Blur и Blur More являются фильтрами прямого действия, аналогично Sharpen и Sharpen More. Фильтр Blur слегка размывает изображение. Blur More делает это сильнее.

Фильтры резкости

Фильтры резкости

Фильтры, которые усиливают резкость изображения, вызываются из меню Filter, группа Sharpen. Они различаются алгоритмом повышения контраста и степенью воздействия на изображение. Из четырех фильтров три — это команды прямого действия: они не требуют дополнительных установок.
Команда Sharpen повышает резкость изображения за счет усиления контраста соседних пикселов. Команда Sharpen More выполняет ту же операцию, но действует сильнее. Команда Sharpen Edges находит в изображении области со значительными изменениями цвета и делает переход между цветами короче, при этом все остальные области (с плавными переходами) сохраняются без изменения.
1. Откройте файл holiday.jpg, находящийся на дискете. В данном изображении резкость снижена. Главным персонажем, безусловно, является сидящая старуха. Для привлечения к ней внимания усилим резкость черт лица.
2. Выберите инструментом Rectangular Selection фрагмент изображения, включающий в себя лицо старухи, и испытайте действие обоих фильтров.
Обратите внимание, что после действия фильтров изображение лица стало резче, и это хорошо, однако выделенная область вокруг лица тоже стала избыточно резкой, это плохо. Кроме того, на фотографии стал виден четкий прямоугольник, внутри которого резкость больше чем снаружи Таким образом, при использовании фильтров применительно к выделенной области необходимо делать точное выделение и растушевку выделенной области (если, конечно, вы не желаете добиться специального эффекта).
Примечание
Примечание
Если ваш компьютер не оборудован видеокартой, воспроизводящей достаточное количество цветов, вам будет очень сложно заметить различие в изображении до и после применения фильтра Точечная графика предъявляет если не максимальные, то очень серьезные требования к техническому оснащению

Инструменты коррекции резкости

Инструменты коррекции резкости

Для малых участков целесообразно пользоваться не фильтрами резкости и размытия, а специальными инструментами. Группа коррекции резкости включает инструменты Sharpen, Blur, Smudge.
1. Выберите инструмент Sharpen, ему соответствует пиктограмма в виде треугольника. Установите в палитре Options для этого инструмента величину Pressure равной 50%. Выберите среднюю кисть с мягкими краями (вторая справа во втором ряду).
2. Увеличьте фрагмент с лицом девочки. Аккуратными мелкими мазками увеличьте резкость глаз, нижней части носа, подбородка. Сохраните документ.
3. Поработайте инструментом Blur. Выберите его из палитры инструментов (пиктограмма имеет вид капли). В палитре свойств поставьте величину Pressure равной 100%. Выберите самую большую кисть.
4. Увеличьте фрагмент дальней стены справа от мужчины и обработайте его выбранным инструментом, чтобы снизить резкость фона. Попробуйте разные значения давления и разные кисти. Сохраните документ.

Использование модели Lab для коррекции резкости

Использование модели Lab для коррекции резкости

Разделение каналов Lab на яркостный и хроматические часто бывает полезно для улучшения изображений. Для примера воспользуемся неотредактированным файлом holiday.jpg. Посмотрим, что удастся "вытянуть" из изображения, если пользоваться несколько нестандартными методами коррекции
Очень важная область применения модели Lab — удаление шума и повышение резкости. В данном изображении хорошо видны дефекты, образующиеся при сохранении файла в формате JPEG с высокими значениями сжатия — "квадратики" и грязь на границах контуров. Особенно безобразно смотрится такой шум на портретах. Взгляните только на красные пятна на лице мужчины и развеселые радужные веснушки у старухи. А между тем люди на портрете не больны никакой кожной болезнью.
1. Переведите изображение в формат Lab и рассмотрите содержимое каналов. Особенность формата JPEG в том, что он производит манипуляции с цветом и яркостью пикселов по отдельности. При этом большие потери при сжатии претерпевает именно цвет, яркость страдает гораздо меньше. И действительно, в канале L мы имеем приличное черно-белое изображение. Зато в каналах а и b изображения практически не разобрать из-за ужасного шума.
2. Как видите, контраст в хроматических каналах практически отсутствует. А раз так, при их размывании не произойдет потерь в деталях. Сделайте активным канал а и откройте диалоговое окно Gaussian Blur. Перемещайте ползунок до тех пор, пока границы квадратиков не сгладятся. У нас это произошло при степени размывки 1,2. Так же размойте и второй канал, b.
3. Взгляните на изображение. Не правда ли, удивительно? Исчезли все артефакты, которые так оскорбляли глаз. Только не завышайте значение размытия, иначе цвета предметов выйдут за рамки контуров. Кроме того, размывка хроматических каналов несколько снижает насыщенность цветов изображения.
Другим применением Lab является усиление резкости. При повышении резкости RGB-изображений возможно появление пятен посторонних цветов и неоправданное усиление насыщенности цвета. В модели Lab вы сможете усилить резкость только канала яркости. Цвета изображения не изменятся при действии нерезкого маскирования.
1. Проведем эксперимент. Увеличьте масштаб отображения, так чтобы на экране была видна фигура мужчины на заднем плане.
2. Откройте диалоговое окно Unsharp Mask и попробуйте найти оптимальные значения параметров усиления резкости. Вы, безусловно, сможете добиться некоторого улучшения. Однако повышение резкости приведет к неестественно ярким тонам, не говоря о разноцветных пятнышках по всему лицу (а ведь только что от них избавились!).
3. Переведите изображение в модель Lab и установите активным канал Lightness. После этого установите видимость и совмещенного канала. Таким образом вы сможете отследить изменения в общем виде изображения, работая в канале.
4. Снова откройте диалоговое окно Unsharp Mask и подберите нужные значения. Как видите, рост резкости не приводит к сдвигу цвета. Добившись нужной резкости, нажмите кнопку ОК.
5. Теперь можно поработать над пылью и царапинами, которые остались в канале яркости, поскольку все цветные шумы удалены. Эту операцию также проведите в канале L. Можно применить фильтр Dust & Scratches, или Smart Blur с малыми значениями размывки. Фрагмент в правом нижнем углу придется отредактировать отдельно.
Сравните изображения, полученные редактированием в RGB и Lab. Ручаюсь, вы заметите разницу и она будет не в пользу RGB. Дальнейшее редактирование можно проводить любым из документов по выбору.

Изменение насыщенности

Изменение насыщенности

Инструмент Sponge предназначен для изменения насыщенности участка изображения и аналогичен по действию движку Saturation из диалогового окна Hue/Saturation. Его пиктограммой является изображение губки, которой вы протираете "пыльное" изображение и оно открывает свои яркие краски. Такая аналогия применима только к одному из режимов инструмента Saturate, который увеличивает насыщенность цветов изображения. Во втором режиме, Desaturate, губка выполняет обратную функцию — уменьшает их насыщенность. Такую "губку наоборот" можно скорее уподобить матовому стеклу — после уменьшения насыщенности фрагмент выглядит так, как будто вы смотрите на него сквозь матовое стекло.
Воспользуемся этим инструментом для уменьшения насыщенности неестественно ярких лиц старухи и мужчины.
1. Выберите инструмент Sponge из палитры инструментов. В палитре свойств только два параметра — режим (раскрывающийся список имеет два варианта изменения насыщенности: Saturate и Desaturate) и экспозиция (поле Pressure). Выберите режим Desaturate и экспозицию 30%.
2. Выберите кисть размером 45—65 пикселов с размытыми краями из палитры Brushes.
3. Проведите по изображениям лиц активным инструментом, убирая лишнюю краску с губ и носа старухи, лба и щек мужчины. Сохраните документ.
4. Теперь измените режим инструмента на Saturate, а экспозицию увеличьте до 50%. Выберите большую кисть с мягкими краями и проведите по красной кокетке девочкиной футболки. На фото появилось привлекательное красное пятно. Сохраните документ.
5. Если все шаги, описанные в этой главе, были сделаны правильно, то результирующее изображение должно стать примерно таким, как в файле holiday l.jpg. Откройте этот файл и сравните его с рабочим документом.

Контурная резкость

Контурная резкость

Команда Unsharp Mask... позволяет управлять процессом усиления резкости. С ее помощью можно добиваться отличных результатов, только применять этот метод нужно обдуманно.
В результате действия фильтра происходит нерезкое маскирование программа делает копию изображения, находит в копии области со значительными изменениями цвета и тона (резкий переход, сильный контраст) и заостряет их края, что приводит к усилению резкости контуров (контраста "на границах") и не влияет на остальные ("ровные") участки. На основе этого четкого изображения создается нерезкая маска, которая накладывается на несколько размытое исходное изображение.
1. Выделите лицо старухи инструментом Magic Wand, величина Tolerance — 120. Затем выполните растушевку командой Feather, установив значение 8 пикселов.
2. Откройте меню Filter, выберите команду Sharpen и в открывшемся списке выполните команду Unsharp Mask....
На экране появляется диалоговое окно Unsharp Mask (Рисунок 6.1)

Коррекция резкости изображения

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

Осветление и затемнение участков изображения

Осветление и затемнение участков изображения

Традиционно усиление и ослабление яркости участков изображения в фотопроцессах используется для корректировки тонального дисбаланса изображения, вызванного недостаточной ("недодержка") или завышенной ("передержка") экспозицией участка негатива. Это позволяет добиться хорошей передачи деталей как в светах, так и в тенях. В Adobe Photoshop инструмент Dodge позволяет осветлить участок изображения.
Он представляется в палитре инструментов пиктограммой с изображением специального экрана (маски), которым фотограф перекрывает поток света, тем самым сокращая экспозицию и уменьшая затемненность фрагмента. Инструмент Burn - затемняет изображение. На палитре инструментов его пиктограмма - изображение сжатой руки.
По умолчанию оба инструмента осветляют (затемняют) изображение на 50% и воздействуют на средние тона, но вы можете указать необходимую вам степень осветления (затемнения), используя движок Exposure и требуемый тоновый интервал воздействия в раскрывающемся списке Shadows/Midtones /Highlights палитры параметров соответствующего инструмента.

Широкий спектр инструментов Photoshop может

Резюме


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

Резкость и устранение местных дефектов

Резкость и устранение местных дефектов


Реальные изображения практически всегда имеют дефекты. Как вы уже знаете, коррекцию желательно проводить с изображением целиком, чтобы улучшить тоновый баланс и контрастность, восстановить верный цветовой баланс для всех деталей согласованно. После выполнения этих операций
Изображение получает оптимальные тоновые и цветовые характеристики. Теперь начинается тонкая работа
Прежде всего, необходимо избавиться от шумов, к которым относится пыль, мелкие царапинки, волоски, растр (при сканировании печатных оригиналов), зерно для сильно увеличенных фотоизображений, характерные регулярные структуры ("квадратики" и цветная грязь), возникающие при сохранении файлa в формате JPEG с завышенной компрессией. Для ликвидации артефактов; изображении используются фильтры размытия, уничтожающие детали.
После этого следует повысить общую резкость изображения, если она недостаточна. Для изображений, предназначенных к печати, резкость обязательно нужно несколько завысить. При печати на бумаге неизбежно происходит некоторое расплывание краски, и избыточная резкость будет устранена. Если запаса по резкости нет, напечатанное изображение будет размытым.
Затем исследуйте изображение. Часто бывает, что сюжетно важные детали слишком темные или слишком светлые, а изменение тона по всему изображению приводит к нежелательным изменениям в других деталях. В этом случае попробуйте осторожно изменить тоновый баланс в выбранном участке изображения. Например, некоторые изображения имеют неравномерное освещение, блики из-за неправильно выбранных условий съемки или неаккуратного проявления. Случаи местной цветовой коррекции встречаются реже. Они связаны с достижением специального эффекта, удалением лишнего цвета после тоновой коррекции и пр.
Сюжетно важные детали можно зрительно выделить, увеличив их резкость. Не представляющие интереса участки обработайте фильтром размытия, снизив резкость. В результате изображение станет более выразительным.
Когда ваше изображение приведено к необходимой резкости, в нем могут быть ненужные детали (какой-то объект случайно попал в кадр), или наоборот, отсутствовать важные фрагменты (стерт участок или оторван уголок). Для исправления таких дефектов придется применить специальные инструменты и действовать очень аккуратно. Во многих случаях погрешности содержательного плана можно ликвидировать.
Все описанные приемы работы применяются как для улучшения изображения, так и для придания естественного вида монтажам.

Выделенная область и

Рис 10.4. Выделенная область и результат применения к ней фильтра GaussianBlur


Примечание
Фильтры Motion Blur... и Radial Blur... применяются для создания специальных эффектов. Действие фильтра SmartBlur... сводится к нахождению границ в изображении (переходов цвета и яркости). Границы остаются четкими, а все, что между ними, размывается. Этим фильтром можно, например, убрать с лица человека морщины, сделав его моложе на 20 лет, или почистить его пиджак, удалив пятна и пыль. Черты лица и покрои костюма при этом не изменятся. После обработки этим фильтром изображение становится чистым и ярким, но персонажи приобретают несколько неживой, "стерилизованный" вид Фильтр Smart Blur... употребляется в тех же случаях, что и Gaussian Blur... при создании плакатов, открыток и др. — когда привлекательный дизайн важнее правды жизни

Выбор области для копирования

Рис 6.11. Выбор области для копирования (а) и установка зеркального изображения (б)


4. Разместите подготовленный фрагмент на месте оторванного (Рисунок 6.11, б). Сведите слои изображения в один командой меню палитры слоев Flatten Image и сохраните документ.

Осветление фрагмента

Рис 6.12. Осветление фрагмента


1. Выберите инструмент Dodge из палитры инструментов. В палитре свойств поставьте величину экспозиции 20% и установите тоновый интервал Highlights.
2. Увеличьте масштаб фрагмента с помощью инструмента Zoom.
3. Выберите подходящий размер кисти из палитры Brushes, с которой будет работать инструмент Dodge. Попробуйте кисть размером 35 пикселов с размытыми краями.
4. Каждое прикосновение инструмента к участку изображения теперь будет осветлять его на 20% в области светов (средние тона и тени не меняются). Короткими мазками кисти осветлите лицо, руки мужчины, верхнюю часть куртки, так, чтобы он стал лучше виден, однако не "выпадал" из композиции (Рисунок 6.12). Обратите внимание, что освещенность фигуры от головы к ногам усиливается. Поэтому в области головы придется дважды коснуться инструментом одного и того же участка, чтобы усилить действие инструмента. Сохраните документ. Примечание
Примечание
Разумеется, вы можете использовать этот инструмент и на других фрагментах изображения, где, как вам кажется, маловато света. Проведите также эксперимент с использованием разного тонового интервала для инструмента Dodge

Готовый рисунок фрагмента после затемнения

Рис 6.13. Готовый рисунок фрагмента после затемнения


Примечание
Примечание
Вы, наверное, уже заметили, что пара инструментов Dodge/Burn по сути дела эквивалентна команде тоновой коррекции Levels с той лишь разницей, что работает не для всего изображения, а какого-либо его участка.

Результат воздействия фильтра Unsharp Mask

Рис 6.2. Результат воздействия фильтра Unsharp Mask


При применении фильтра придерживайтесь следующих правил:
§ Повышайте резкость после приведения изображения к требуемому размеру и разрешению. В противном случае последующие изменения размера приведут к потере деталей или, напротив, к появлению неестественно контрастных областей.
§ Повышение резкости должно предшествовать корректировке тонового диапазона. В противном случае могут необратимо потеряться детали в светах и тенях, и их не удастся вернуть повышением резкости.
§ Для того чтобы сильнее повысить резкость, можно использовать этот или другие фильтры несколько раз. Однако надо помнить, что повышение резкости происходит за счет уменьшения количества тоновых (цветовых) уровней, что может привести к провалам уровней в средних тонах.
§ Для изображений, содержащих- большое количество деталей (трава, лес, панорамные снимки и пр.) можно задавать больший радиус и меньшее значение порога. Снимки людей требуют маленького радиуса и высокого значения Threshold.
§ Большие изображения допускают увеличение параметра Amount на величину до 250—500%. Маленькие изображения не допускают большого усиления резкости, а радиус для них не должен превышать 1 пиксел, иначе появится гало.

Диалоговое окно фильтра Gaussian Blur

Рис 6.3. Диалоговое окно фильтра Gaussian Blur


Фильтр Gaussian Blur... обладает диалоговым окном с единственным параметром, позволяющим регулировать степень размывания изображения (Рисунок 10.3). 1. Для иллюстрации действия этого фильтра снизим резкость фона вокруг персонажей. Выберите инструментом Polygonal Lasso участок фона, как показано на Рисунок 10.4. Придайте выделенной области растушевку не менее 40 пикселов, чтобы не было резкого перехода.
2. Выберите фильтр Gaussian Blur... в списке Blur меню Filter. В диалоговом окне (Рисунок 6.3) вы видите окно предварительного просмотра с возможностью увеличения степени размытия, флажок предварительного просмотра всего изображения Preview (установите, если он снят) и шкалу степени размывания. Двигая ползунок вдоль шкалы понаблюдайте за результатом — как от едва уловимой нерезкости при минимальных значениях можно перейти к беспорядочным цветовым пятнам, в которых с трудом угадывается изображение. Установите такое значение, чтобы предметы фона были узнаваемыми, но "не в фокусе" (например, значение 3,5 пиксела). Посмотрите, какое состояние изображения вам больше нравится. Если действие фильтра вас не устраивает (это дело вкуса), можно отменить команду размытия.
3. Сохраните файл.

Диалоговое окно Dust & Scratches

Рис 6.5. Диалоговое окно Dust & Scratches


3. В поле Radius установите значение 1 пиксел: этот параметр определяет область, в которой выявляются отклонения. Чем больше устанавливаемый радиус, тем большая область усредняется, и тем самым из нее удаляется множество деталей, ведь фильтр не в состоянии разбираться: царапина это или может быть нужная черточка на изображении. Поэтому при использовании любого из фильтров не обольщайтесь его могуществом, в любом случае, нужен глаз да глаз.
4. В поле Threshold установите значение 10 пикселов. Этот параметр определяет диапазон отклонения от цветовых значений пикселов, что позволяет программе определять судьбу пикселов (исключать или изменять их). И, как видите, она — в ваших руках.
5. Нажмите кнопку ОК. Погрешности устранены.
6. Фильтр Dust & Scratches... справляется и с более грубыми дефектами. Увеличьте нижний правый угол изображения. Удалим следы заломов на фото (Рисунок 6.6, а).
7. Включите инструмент Rectangular Selection и выделите небольшой фрагмент с погрешностями. Размер выделенной области должен быть на 10—20 пикселов больше, чем область погрешностей. Затем растушуйте область выделения на 10 пикселов. Выберите фильтр Dust & Scratches.... В поле Radius установите значение 7 пикселов. В поле Threshold установите значение 27 пикселов. Практически все дефекты исчезли (Рисунок 6.6, б). Сохраните документ в рабочей папке. Совет
Совет
Проделайте несколько экспериментов с этим фильтром, используя разные фрагменты и разные параметры, чтобы научиться находить определенный компромисс между устранением дефектов (что хорошо) и ухудшением четкости (что чаще всего плохо). Для нахождения компромисса необходимо испробовать различные сочетания параметров радиуса и порога.
Этот фильтр — не единственный способ борьбы с погрешностями, иногда встречаются такие дефекты, что приходится крепко подумать, как их удалить.

Рисунок 6.6. Характерные погрешности, устраненные фильтром Dust & Scratches

Правильный и неправильный

Рис 6.8. Правильный и неправильный выбор точки для клонирования


7. Переместите курсор на выбранное место, нажмите клавишу , а затем кнопку мыши. Тем самым вы зафиксировали центр клонируемой области.
8. Переместите курсор на дефект, нажмите кнопку мыши и пробуйте "рисовать" (Рисунок 6.9). При этом надо проявить определенную сноровку, чтобы видеть крестик, определяющий место, с которого копируется изображение, и одновременно видеть и правильно направлять процесс копирования.

Исправление дефекта клонированием

Рис 6.9. Исправление дефекта клонированием.


9. Освещение стены меняется по вертикали, к низу становясь ярче. Учитывайте это при рисовании. Немного порисовав выбранным клоном, смените точку клонирования. Повторяйте рисование и смену точки, пока не закрасите всю оторванную часть фотографии. Корзину временно не трогайте, нарисуйте на месте ее оторванного краешка кусочек стеньг
10. Конечно, результат с первого раза может получиться не блестящим. Пробуйте разные области вокруг дефекта, пока не найдется подходящая замена, одновременно вы доведете навык до устойчивого уровня. Ту же операцию следует провести с датой в левом нижнем углу изображения
11. Выбрав маленькую кисть с мягкими краями, исправьте с помощью инструмента Rubber Stamp дефекты в нижнем правом углу фотографии, если таковые остались после применения фильтра Dust & Scratches
12. Совместно с инструментом Rubber Stamp иногда применяется и инструмент Smudge из группы инструментов коррекции резкости (см. рис 2,2) Действие его подобно размазыванию изображения пальцем. Попробуйте использовать этот инструмент для снижения резкости фона и для устранения мелких дефектов, например в правом нижнем углу изображения.
13. Добившись удовлетворительного результата, посмотрите на изображение в масштабе 1:1, для этого щелкните дважды на инструменте Zoom. На рис 6.10 показаны исправленные дефекты. Сохраните документ.
Рисунок 6.10. Дефекты фото исправлены

Устранение мелких дефектов изображения

Устранение мелких дефектов изображения

Очень часто сканированные изображения содержат массу мелких погрешностей, которые можно определить словами, давшими название фильтру — Dust & Scratches. Фильтр использует принцип удаления пикселов, которые явно отличаются от соседних, и замены их на пикселы подходящего цвета.
1. Для начала "сдуем пыль" со всего изображения. Увеличьте любой из фрагментов (например, стену) и вы увидите множество мелких дефектов — волоски, пылинки, пятнышки. Это придает изображению очень непривлекательный вид.
2. Отмените выделение областей. Откройте меню Filter, выберите команду Noise и в появившемся списке выполните команду Dust&Scratches.... На экран выводится соответствующее диалоговое окно фильтра (Рисунок 6.5).

Восстановление утраченных фрагментов

Восстановление утраченных фрагментов
Инструмент Rubber Stamp На этом же снимке вы видите еще один изъян: верхний правый уголок его оторван. Такие погрешности тоже не редкость. Кроме того, в левом нижнем углу находится дата снимка, которую тоже нужно убрать.
Коррекция состоит в замене области дефекта образцами из близлежащих областей. Ее рациональнее всего выполнить, используя специальный инструмент Rubber Stamp.
1. Выберите инструмент Rubber Stamp на палитре инструментов, его можно включить также нажатием клавиши . Курсор при перемещении данного инструмента по изображению примет форму маленького штампа.
2. Откройте меню Window, выполните команду Show Brushes Можно поступить проще — щелкнуть дважды на инструменте Rubber Stamp. На экран в том и другом случаях выводится сдвоенная палитра Brushes/Options. Вам они потребуются обе.
3. Перейдите на вкладку палитры Options. Так как у вас уже включен инструмент Rubber Stamp, то в палитре отображаются параметры этого инструмента.
4. Снимите в палитре флажок Aligned. Установите обычный режим наложения и непрозрачность 100%. В документе только один слой, поэтому положение флажка Use All Layers не имеет значения.
5. Перейдите на вкладку Brushes. Выберите среднюю кисть с мягкими краями.
6. Теперь — важный творческий момент! Чтобы на месте исправленного дефекта не было заметно заплатки, надо правильно выбрать область-источник: с тем же цветом, такой же освещенностью и т. д. В данном случае рекомендация может быть следующей: выбирайте для клонирования фрагмент наиболее близкий к оторванному краю, но так, чтобы при установке кисти в выбранной для клонирования исходной точке область кисти целиком помещалась на стене, не захватывая край корзинки или линию обрыва (Рисунок 6.8).

Затемнение фрагмента

Затемнение фрагмента

С помощью инструмента Burn усилим Тени на другом участке фрагмента — лице старухи.
1. Выберите инструмент Burn из палитры инструментов. Палитра свойств этого инструмента абсолютно аналогична палитре инструмента Dodge Установите экспозицию равной 20% и тональный интервал Shadows
2. Увеличьте участок с лицом старухи с помощью инструмента Zoom.
3. Выберите подходящий размер кисти из палитры Brushes — например, 35 пикселов с размытыми краями.
4. Сделайте серию "мазков" в области щек, глаз, лба. Тени стали более глубокими и насыщенными, лицо — более выразительным (Рисунок 6.13).

Зеркальные изображения

Зеркальные изображения

Мы все живем среди зеркальных отражений предметов — это и части собственного тела, и половинки любых симметричных объектов (автомашины, многоэтажные дома, посуда, мебель и др ). Часто на фотографии оказывается утерян один из пары зеркальных предметов На этом изображении отсутствует правый край корзины, являющийся отражением ее левого края (или во всяком случае, задуманный так корзинщиком).
Для восстановления утраченного фрагмента воспользуемся зеркальной копией.
1. Инструментом Magnetic Lasso выберите левый край корзинки (Рисунок 6.11, о). При выборе установите параметр растушевки 2 пиксела.
2. Скопируйте эту область в буфер обмена, а затем вклейте ее с помощью команды Paste.
3. Командой Free Transform введите вклеенный фрагмент в режим трансформирования, затем буксируйте боковой ограничитель, пока не получите зеркальное изображение.

Самоучитель по Adobe Photoshop 5.5

Без цвета

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

Дуплексы

Дуплексы

Дуплекс — это способ печати одноцветного тонового изображения двумя (тремя, четырьмя) красками, из которых основной является краска черного цвета, а остальные краски — светлые (серая, коричневая, голубая, зеленая). Этот способ печати издавна использовался для компенсации недостаточного количества передачи тонов одним цветом. Дополнительные цвета, накладываясь на серые тона, усиливают плотность и расширяют тональный диапазон. Рассматривая хорошо отпечатанный дуплекс, вы даже можете и не догадываться о том, что была использована цветная краска.
Широко применяются такие типы дуплексов, как стальной тон (черная краска с холодной голубой), сепия (черная краска с коричневой). Можно подсвечивать тоновое изображение и другими красками.
При этом и полиграфисты, и разработчики программы Adobe Photoshop рассматривают дуплексы как разновидность полутоновых (не цветных) изображений.
Конвертировать в формат Duotone можно не любое изображение, а только изображение в формате Grayscale.
1. Откройте документ girl.jpg.
2. Выберите пункт Mode из меню Image и выполните команду Duotone.... На экран выводится диалоговое окно Duotone Options (Рисунок 7.1). В строке Type вы можете задать число красок, которыми будет печататься изображение. Значение Monotone соответствует полутоновому изображению, напечатанному в одну краску. По умолчанию принят однотоновый тип, причем печатающая краска — черная.

Раскрашивание и обесцвечивание фотографий

Раскрашивание и обесцвечивание фотографий

Милые сердцу авторов старые фотооткрытки, особенно пасхальные, часто изображают детишек, ангелочков, романтические пейзажи. При этом у детишек розовые губки и голубые глазки, у ангелов розовые крылышки. На открыточных пейзажах небо дикого цвета и весьма зеленые деревья... Все остальное изображение на открытках черно-белое. Фотография, с которой делалась открытка, была раскрашена от руки. Стиль старой открытки легко имитировать, раскрасив черно-белый оригинал средствами Photoshop.
1. Откройте файл girl.jpg. Переведите его в режим полноцветного изображения.
2. Выделите область лица, шеи, рук инструментом Lasso. Слегка растушуйте выделенную область (на 2—3 пиксела). Установите основным телесный цвет.
3. Выберите команду Fill... меню Edit. В одноименном диалоговом окне установите режим наложения пикселов Color.
Примечание
Примечание
В этом режиме результирующий цвет получается с яркостью (luminosity) исходного, но с цветовым тоном (hue) и насыщенностью (saturation) вносимого. Это позволяет сохранить серую шкалу, то есть исходное изображение не исчезает, а приобретает тон основного цвета. По этой причине режим наложения Color находит широкое применение для цветного тонирования монохромного изображения.
4. Нажмите кнопку ОК. Лицо, шея и руки девушки приобрели нужный цвет.
5. Выделите область платка (например, инструментом Magic Wand), растушуйте границы области и окрасьте ее в бирюзовый цвет. Для достижения реализма придайте заливке 20% непрозрачности и выберите режим наложения Color.
6. Платье девушки имеет очень темный тон. Выберите основным темно-синий цвет. Выделите область платья инструментом Magic Wand. He забывайте о команде Smooth... списка Modify меню Select, она поможет избавиться от маленьких "дырок" в выделенной области.
7. Задайте в диалоговом окне Fill режим наложения Darken. В этом режиме происходит замена только тех исходных цветов, которые светлее вносимого. Точки, которые темнее вносимого, остаются без изменения. Используя этот режим наложения, вы достигните глубокого синего цвета.
8. На цветном фото цветными являются все участки изображения, даже те, которые кажутся черными или белыми. Поэтому слегка тонируйте фон позади девушки каким-нибудь темным цветом.
Нанесем последние штрихи на портрет.
1. Инструментом Airbrush крупной мягкой кистью в режиме Color нарисуйте румянец.
2. Инструментом Sponge в режиме Desaturate уберите лишний тон с белков глаз.
3. Инструментом Paintbrush в режиме Color окрасьте зрачки девушки в синий, а губы в розовый цвет. Параметры прозрачности выберите сами. Если вы работали аккуратно, результат трудно отличить от цветной фотографии.
4. Сохраните работу в своей рабочей папке под именем coolgirl.tif.
Обратная операция, обесцвечивание цветных фотографий в последнее время является любимым приемом многих художников по рекламе. Девушка с красными губками на фоне серой толпы — это впечатляет и убеждает купить соответствующую помаду, Добиться нужного эффекта можно различными способами. Предлагаем вам попробовать эти приемы самостоятельно.
§ На черно-белом фото раскрасить вручную нужные участки.
§ Выделить интересующую область, остальную часть изображения обесцветить командой Desaturate списка Adjust меню Image.
§ Цветное фото обесцветить целиком командой Desaturate, затем инструментом History Brush вернуть цвет фрагментам.
§ Пользуясь диалоговым окном Selective Color, удалить определенные цвета. Окно вызывается командой Image/Adjust/Selective Color....

Photoshop позволяет создавать широко используемые

Резюме


§ Photoshop позволяет создавать широко используемые в фотографии и полиграфии тонированные изображения. Тонирование осуществляется с помощью инструментов Duotone и Colonize.
§ Дуплекс применяется в полиграфии для расширения тонального диапазона изображения за счет передачи разных тональных интервалов разными красками. "Заодно" дуплексному изображению можно придать цветной тон.
§ Photoshop трактует дуплекс как полутоновое изображение, состоящее из одного полутонового канала. Дополнительные краски рассчитываются в соответствии с кривыми их распределения по тональному диапазону.
§ Кроме черной краски в дуплексной печати используются плашечные цвета, получаемые смешением красок до процесса печати. Это накладывает серьезное ограничение на сферу применения дуплекса — необходимость выполнения такого количества прогонов бумаги на офсетной машине, какое количество красок использовано в дуплексе.
§ При сочетании в макете цветных и тонированных изображений чаще используется тонирование черно-белых фотографий с помощью инструмента Colorize. При этом тон передается стандартными полиграфическими красками: голубой, пурпурной, желтой и черной.
§ Черно-белые фотографии можно тонировать вручную, добиваясь специальных эффектов. Для тонирования используются различные режимы наложения пикселов. Обратная операция — частичное обесцвечивание цветной. Фотографии — также применяется, для этого используется команда Desaturate.
§ Инструмент Channel Mixer позволяет добиваться специальных эффектов, получать высококачественные цветные, полутоновые и тонированные изображения путем смешивания цветовых каналов.

Документ girl jpg и диалоговое окно Ouotone Options

Рис 7.1. Документ girl.jpg и диалоговое окно Ouotone Options


3. В правой части диалогового окна есть флажок Preview. Установите его. Теоретически, как вы понимаете, изображение измениться не должно, поскольку однотоновый дуплекс черной краской это и есть черно-белое изображение. Примечание
Примечание
Хотя однотоновый дуплекс черной краской по сути тождественен полутоновому изображению, отличие между ними существует. Более того, в Photoshop это отличие становится очевидным: при установке флажка Preview изображение меняет тон. Дело в том, что дуплекс ориентирован на типографскую печать, а не на просмотр на экране, и использует цветовую модель типографских машин CMYK. Будучи рассчитаны на типографскую печать, изображения CMYK демонстрируются программой с учетом многочисленных параметров реального полиграфического процесса. Полутоновые изображения, напротив, по умолчанию используют модель монитора RGB и демонстрируются с учетом совсем других параметров. Все аспекты настройки цветопередачи в зависимости от используемых при отображении цветовых моделей поддаются точному определению и настройке с помощью команд, сгруппированных в меню Color Settings, вложенном в меню File. Настройка этих параметров весьма сложна и требует знания процессов типографской печати и точной калибровки оборудования (монитора, сканера, принтера). Обсуждение этой темы выходит за рамки настоящей книги и вам пока придется смириться с тем, что полутоновое изображение и однотоновый дуплекс отображаются по-разному.
4. Ниже расположены строки для определения красок. Справа — поле имени краски, сейчас в этом поле указан цвет Black. Левее имени находится образец цвета, который можно переопределять. Щелкните на образце цвета. Откроется диалоговое окно Color Picker, выберите в нем темно-коричневый цвет. Нажмите кнопку ОК. Изображение из черно-белого стало тонированным и приобрело вид старой фотографии. Осталось только назвать цвет, набрав в строке имени, например, brown.
5. Дуплекс печатается смесовой краской, а не красками CMYK. Поскольку краска смешивается заранее, неплохо знать ее марку, чтобы не ошибиться в цветопередаче. Поэтому при печати дуплексом обычно указывают не просто образец краски в палитре цветов с произвольным именем, а конкретный цвет из стандартного цветового каталога. Для того чтобы выбрать краску из каталога, снова откройте диалоговое окно Color Picker и нажмите кнопку Custom...- Откроется диалоговое окно Custom Colors. Программа по умолчанию выбирает из текущего каталога цвет, наиболее близкий выбранному в палитре. Одновременно изображение тонируется этим цветом. Нажмите кнопку ОК. Цвет образца изменился, одновременно изменилось и имя. Теперь цвет краски имеет стандартное название, и его можно найти по каталогу.
Рядом с образцом цвета расположена миниатюра распределения краски при печати- Она представляет собой уменьшенное изображение градационной кривой. Эта кривая отображает, сколько краски будет нанесено на изображение во всем диапазоне градаций серого. В данном случае прямая диагональ свидетельствует о равномерном (линейном) распределении. Щелкните на отображении градационной кривой. На экран выводится диалоговое окно Duotone Curve (Рисунок 7.2). В нем представлен график (собственно градационная кривая) и поля ввода процентного распределения краски по диапазонам. Щелкните мышью на прямой примерно посередине. Буксируйте ее вверх. Процент краски в средних тонах возрастает, изображение становится темнее. Если буксировать курсор вниз, то эффект будет обратным, изображение осветляется. Очень похоже на градационную кривую в диалоговом окне Curves, не правда ли?
Примечание
Примечание
Данная кривая, как и всякая градационная кривая, отображает (и определяет) по оси Y значения плотности краски, а по оси Х — градации серого: от белого слева до черного справа. Разумеется, что в диапазоне 20%-ного серого плотность краски должна составлять 20%, 40%-ная серая заливка соответствует 40% плотности и т. д. Получается линейная зависимость, которую можно выразить прямой, задав только две точки — начальную (0%) и конечную (100%) Если вводить различные значения в поля ввода или менять форму кривой вручную, то распределение краски будет происходить по заданной вами формуле кривой. Если график не прямая диагональ, то это означает, что некоторые тональные уровни используют меньше (или больше) краски, чем исходный оригинал. Например, 50%-ный уровень передается не 50% краски (как при линейном распределении), а только 20%
Как и в других диалоговых окнах, имеющих градационные кривые, их параметры можно сохранять для дальнейшего использования

Редактирование градационной кривой

Рис 7.2. Редактирование градационной кривой


Перейдем к двухтоновому дуплексу и посмотрим, как влияет увеличение числа красок на изобразительные возможности. 1. Выберите в списке Type пункт Duotone. Теперь доступны две строки краски Во второй строке щелкните на образце цвета и выберите в качестве второй краски ярко-оранжевый цвет Подберите ближайшую к нему краску из каталога, так же, как вы сделали это для коричневого цвета Вот теперь виден интересный эффект дуплекса Изображение стало рчень сочным и приобрело приятный вишневый тон
2. Щелкнув на миниатюре градационной кривой, поэкспериментируйте с распределением оранжевой краски, следя как меняется изображение.
3. Найденные вами параметры дуплекса можно сохранить в специальном файле и далее использовать для других изображений. Для сохранения дуплекса нажмите кнопку Save... диалогового окна Duotone Options В диалоговом окне сохранения введите имя для вашего произведения, например, cherry. Подобные файлы имеют расширение ADO Сохраните файл дуплекса в рабочем каталоге
4. Откройте какой-нибудь файл, например, interior.jpg. Примените к данному файлу найденную вами формулу дуплекса Для этого откроите диалоговое окно Duotone Options и нажмите кнопку Load.... В стандартном диалоговом окне загрузки файла выберите файл cherry.ado. Нажмите кнопку Load. Изображение приобрело тот же вишневый оттенок, а значения в диалоговом окне параметров дуплекса стали такими же, как и
для файла girl.jpg.

Внимание
В файле cherry.ado хранится не изображение, а только способ его обработки. Сама фотография, как ей и положено, сохраняется в формате PSD. Дуплексы невозможно хранить в стандартных форматах, например, TIFF. Это связано с тем, что каналы дуплекса не являются цветовыми каналами (это можно увидеть, открыв палитру Channels). Для сохранения дуплексов в формате TIFF нужно предварительно перевести их в режим полноцветного изображения. Однако тогда краски дуплекса будут выражаться как процентное соотношение основных цветов. Такой дуплекс будет печататься уже не предопределенными смесовыми красками, а обычными.
Инсталляционный набор программы Adobe Photoshop имеет значительное количество готовых параметров дуплекса, сохраняемых в файлах с расширением ado. Они находятся в специальном каталоге Duotones. На дискете также есть два файла, которые вам сейчас потребуются.
1. Загрузите готовую градационную кривую с прилагаемой дискеты — файл cold.ado. Изображение приобрело холодный стальной оттенок.
2. Загруженный файл является трехтоновым дуплексом (триплексом). В диалоговом окне Duotone Options (Рисунок 7.3) появились данные о трех цветах и соответствующие им градационные кривые. В списке Type теперь установлено значение Tritone.
3. Триплекс предоставляет большие возможности для экспериментов. Поработайте с образцами красок и с формами градационных кривых самостоятельно.
4. Попробуйте загрузить и другие файлы с дуплексными кривыми из каталога Duotones.

Рисунок 7.3. Диалоговое окно Duotone Options после загрузки файла cold.ado

Включено тонирование

Рис 7.4. Включено тонирование


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

Диалоговое окно Channel Mixer

Рис 7.5. Диалоговое окно Channel Mixer


6. Переместите ползунок Red вправо. Процент красного цвета в изображении повышается. Взгляните на палитру каналов. Изображение канала Red становится светлее.
7. Если двигать ползунок влево, то красного цвета на изображении становится меньше, а миниатюра канала на палитре Channels затемняется. Доведите ползунок Red до значения 0%. Красного цвета на изображении нет. Двигать ползунок дальше бесполезно, поскольку значение яркости уже равно нулю. Верните ползунок красного канала на отметку 100%.
8. Теперь щелкните на ползунке зеленого цвета. Перемещайте его вправо до отметки 20%. Представление зеленого канала в выходном красном увеличивается на 20%. Изображение становится более красным.
9. Уменьшайте процент представления зеленого канала до 0 и ниже. Теперь исходный канал перед добавлением его в выходной превращается в негатив. Процент яркости красного цвета в изображении снижается-
10. Поменяем местами представления каналов. Этим несложным трюком можно добиться интересного эффекта. Установите ползунок Red на значение 0%, ползунок Green на отметку 100%. Желтые и зеленые части стульев и стены изменили цвет, а голубой стол остался голубым, поскольку не менялось представление канала Blue.
11. Выберите в списке выходных каналов Green. Теперь будем менять представление исходных каналов в зеленом выходном канале. Уменьшите процент зеленого исходного канала до 0, а красного — увеличьте до 100%. Обстановка сильно изменилась, не правда ли?!
12. Как и другие параметры программы, установки Channel Mixer можно сохранять в файле и использовать для разных изображений. Чтобы выполнить это, нужно щелкнуть на кнопке Save... диалогового окна Channel Mixer. В окне сохранения выбрать папку ,и присвоить имя вашему файлу. Файлы с параметрами диалогового окна Channel Mixer сохраняются с расширением cha. Поставляемые в комплекте Photoshop файлы с расширением cha, хранятся в папке \Goodies\Presets дистрибутивного диска. В частности, файлы инвертирования каналов находятся в папке \Goodies\Presets\Channels, а файлы специальных эффектов — в \Goodies\Presets\Effects. Использование инструмента Channel Mixer требуется в следующих ситуациях:
§ Проведение художественной цветовой коррекции, труднодостижимой другими инструментами, пример такой коррекции был рассмотрен в предыдущем упражнении.
§ Создание высококачественных полутоновых изображений, для чего выбирается процент представления каждого цветового канала в результирующем изображении.
Рассмотрим, как это делается на примере уже открытого документа restaurant.jpg.
1. Отмените тоновую коррекцию, проведенную в предыдущем упражнении. Для того чтобы вернуться к первоначальным значениям каналов, необходимо нажать и удержать клавишу . При этом кнопка Cancel диалогового окна Channel Mixer превратится в кнопку Reset. Щелкните на этой "тайной" кнопке. Значения представлений каналов вернутся к умалчиваемым.
2. Установите флажок Monochrome в нижней части диалога. Этим вы создали монохромное изображение с единственным выходным каналом, черным. Яркость данного канала сформирована из значений исходных каналов, которые были установлены на момент включения флажка.
3. Как видите, после перевода изображение выглядит в полутоновом режиме не блестяще, однако, двигая ползунки исходных каналов, можно добиться хорошей передачи полутонов. Если вы не стремитесь достигнуть специальных эффектов или скорректировать тона, то значения исходных каналов для адекватного перевода цветного изображения в полутоновое составляют R — 55%, G — 45%, В — 10%. Установите эти значения. Преимущество такого способа перевода изображения в черно-белое заключается в свободе маневра. В зависимости от контекста, вы можете произвольно осветлять или затемнять отдельные тона, пользуясь ползунками каналов. В Photoshop есть готовый файл для перевода изображения RGB в полутоновое. Он находится в папке \Goodies\Presets\Gryascale дистрибутивного диска и называется cmyk2giy.cha.
4. Кроме полутоновых, с помощью Channel Mixer можно создавать и тонированные изображения. Для этого нужно установить, а затем снять флажок Monochrome. Снимите этот Флажок.
5. В нижней части диалогового окна находится ползунок Constant, который позволяет добавлять к выходному каналу некий дополнительный канал переменной прозрачности. Положительные значения Constant добавляют белый канал (увеличивают яркость цветового канала), отрицательные добавляют черный канал (уменьшают яркость канала). Установите в качестве выходного канал Red. Передвиньте ползунок Constant вправо. Изображение тонировано красным цветом- При передвижении ползунка левее нулевой отметки изображение тонируется оставшимися цветами, синим и зеленым, причем их яркость возрастает при уменьшении значения Constant.
6. Передвигая ползунки исходных каналов, добейтесь приятного коричневого тона фотографии. Неплохой результат получается при следующем положении ползунков: R — +38, G — +44, В — +20, Constant — +12.
Диалоговое окно Channel Mixer — мощный инструмент коррекции. Подробное его изучение выходит за рамки этой книги. Теперь, когда вы знаете основные принципы работы по смешению каналов, можете экспериментировать самостоятельно. Для экспериментов рекомендуем подбирать изображения, на которых есть детали как можно большего числа цветов.

Смешение каналов изображения

Смешение каналов изображения

Этот новый инструмент Photoshop предоставляет доступ непосредственно к цветовым каналам. Диалоговое окно Channel Mixer позволяет модифицировать их путем смешения. При этом вы управляете яркостью как исходных, так и результирующих каналов Возможности этого диалогового окна относительно цветовой коррекции очень большие
1. Откройте файл icstaurant.Jpg
2. Для смешения каналов изображения выберите пункт Channel Mixer... списка Adiust меню Image. На экране появится одноименное диалоговое окно (рис 7.5) Все изменения в каналах будут отражаться в палитре Channels и окне документа, поэтому расположите диалоговое окно так, чтобы и палитра и окно документа были хорошо видны. Установите в диалоговом окне Channel Mixer флажок Preview
3. В верхней части расположен раскрывающийся список Output Channel. В этом списке выбирается цветовой канал изображения, в котором вы будете смешивать исходные каналы. Сейчас в списке выбран канал Red Ниже расположены шкалы с ползунками, соответствующие исходным каналам, которые и будут смешиваться
4. В данный момент ползунок на шкале Red находится на 100%, то есть красный исходный канал имеет 100%-ное представление в красном выходном канале Представление остальных исходных каналов (синего и зеленого) в выходном красном равно 0.
5. Выберите в списке Output Channel по очереди все три пункта Соответствующие исходные каналы имеют 100%-ное представление в своих каналах выхода. Выберите снова красный выходной канал.

Тонирование

Тонирование

Тонирование — весьма популярный прием как в полиграфии, так и в фотографии. Точнее, в фотографии процесс окрашивания черно-белого отпечатка называется вирирование и производится с помощью специального химическою состава, носящего название "вираж". Разные составы виражей создают различные оттенки цвета: сепия (коричневый), красный, зеленый и другие.
В программе Adobe Photoshop эффект вирирования может быть достигнут двумя способами: во-первых, с помощью двухкрасочного или трехкрасочного дуплекса (см. выше), а во-вторых, с помощью конвертирования полутонового изображения в полноцветное и последующего окрашивания.
Первый способ используется, если вся публикация выполнена в технике дуплекса (плакат, репродукции гравюр, небольшой буклет с черно-белыми иллюстрациями и т. п.). Второй способ применяют во всех остальных случаях, то есть когда тонированные изображения соседствуют с полноцветными и нежелательно удорожать издание использованием дополнительных смешанных (плашечных) красок.
При тонировании, в отличие от дуплекса, получается обычное полноцветное изображение, которое может быть сохранено в любом формате и предназначено для печати триадными красками.
Для тонирования полутоновых изображений Photoshop предусматривает специальный инструмент, который расположен в уже знакомом вам диалоговом окне Hue/Saturation меню, которое появляется после выполнения одноименной команды Adjust. Единственный не рассмотренный ранее в этом диалоговом окне флажок Colorize как раз и осуществляет эту весьма полезную функцию.
1. Откройте документ girl.jpg. Документ имеет тип Grayscale — полутоновое изображение, поэтому для того чтобы применять цвета, нам придется перевести его в какой-либо цветной формат. Если вы будете использовать изображение для типографской печати, то предпочтительнее тип CMYK, а во всех остальных случаях — RGB.
2. Переведите изображение в формат RGB соответствующей командой из пункта Mode меню Image.
3. Установите в качестве основного красный цвет.
4. Выберите команду Hue/Saturation... из меню Adjust.
5. В появившемся диалоговом окне установите флажок Colorize (Рисунок 7.4).
Не пугайтесь, увидев какой жуткий ярко-красный тон приобрела фотография. Изменяя положение движков Hue, Saturation и Lightness, вы сможете получить любой, сколь угодно мягкий тон.
6. Переместите движок Saturation влево до отметки 20. Вот насколько проще получить тон сепии средствами Photoshop, чем химии!
7. Подвиньте движок Hue влево до отметки 60, и вы увидите узнаваемый оттенок фотографий, выполненных на вирированной бумаге типа "Бром-портрет" или "Иодконт".
8. Нажмите ОК. Тонированная фотография это просто — не правда ли?

Самоучитель по Adobe Photoshop 5.5

Цветовая и тоновая коррекция

Цветовая и тоновая коррекция

Задача облегчается тем, что все персонажи имеют примерно одинаковый тоновой и цветовой баланс, поскольку сняты при дневном солнечном свете. Таким образом, существует возможность откорректировать их тоновый или цветовой баланс одновременно. Для того чтобы не затрагивать при коррекции фоновый слой, нужно создать корректирующие слои и сгруппировать их со слоями фрагментов. Однако корректирующие слои могут действовать либо на один (в случае группировки), либо на все слои документа. А надо, чтобы были задействованы все слои, кроме фонового.
Примечание
Примечание
Хотя правильным ходом было бы создание общей маски для всех слоев. Для этого нужно загрузить прозрачность каждого слоя в режиме сложения областей. Получившуюся выделенную область инвертировать и превратить в альфа-канал. Этот .альфа-канал будет использоваться в виде маски корректирующих слоев. Тогда области с персонажами подвергнутся коррекции, а область фона будет маскирована от изменений.
В данном случае слои документа не имеют значения, поскольку все персонажи расставлены по местам и передвигаться больше не будут. Поэтому процесс коррекции еще более упрощается:
1. Сведите все слои документа, кроме фонового. Проще всего это сделать командой Merge Visible меню палитры слоев, предварительно отключив видимость слоя Background.
2. Загрузите прозрачность созданного слоя (Рисунок 8.23). Создайте корректирующий слой типа Color Balance командой меню палитры слоев MakeAdjustment Layer, При этом выделенная область автоматически становится маской слоя.
3. В диалоговом окне Color Balance сместите цветовой баланс в сторону желтых и пурпурных тонов, для этого установите нужные параметры цветовых компонентов в полях Color Levels, или передвиньте ползунки на цветовых шкалах: в области теней (переключатель Shadows) — 0, -17, -40; в средних тонах (переключатель Midtones) — 0, О, -65; в светах (переключатель Highlights) — 0, -20, -40.
4. Проведем тоновую коррекцию. Снова загрузите прозрачность созданного слоя, Создайте корректирующий слой типа Brightness/Contrast командой меню палитры слоев. В диалоговом окне установите значения яркости +2, контрастности — -18.

Дополнительные фрагменты

Дополнительные фрагменты

Файлы woman.tif, chief.jpg, businessman.tif, computerman.tif представляют собой исходные изображения посетителей кафе. Необходимо вырезать персонажи из фона. Начнем с файла woman.tif.
1. Откройте этот файл из вашей рабочей папки. Помните, вы уже корректировали изображение этой привлекательной шатенки? У нее красивые пушистые волосы — сущее мучение для создателя монтажа. Точно отделить их от фона, сохранив нежную полупрозрачную структуру и прихотливый контур, очень непросто. В предыдущих версиях Photoshop лишь профессионал мог бы справиться с подобной задачей достойным образом.
2. Выберите команду Extract меню Image (клавиатурное сокращение + +). Перед вами откроется очень большое диалоговое окно (Рисунок 8.6). Его размер можно изменять, о чем свидетельствует треугольник в правом нижнем углу. В поле просмотра находится редактируемое изображение. Слева расположены инструменты для работы в окне. Они очень просты. Это карандаш (Edge Highlighter), ластик (Eraser), заливка (Fill), лупа (Zoom), пипетка (Eyedropper) и рука (Hand).
3. Рука и лупа действуют точно так же, как в самой программе Photoshop. Выберите инструмент Zoom, подведите курсор в область просмотра и, нажав кнопку мыши, обведите область головы девушки. Масштаб увеличился и обведенная область заняла все окно просмотра. Нажмите клавишу и щелкните по изображению. Масштаб уменьшается.
4. Выберите инструмент Hand и, нажав кнопку мыши, буксируйте курсор. Изображение перемещается в окне просмотра. Таким образом можно перемещаться по увеличенному изображению.

Фильтр Colored Pencil

Фильтр Colored Pencil

Добавляет в изображение штриховые перекрещивающиеся линии. Большие равномерно окрашенные области этот фильтр заливает оттенком серого, черным или белым цветом — тоном бумаги (он устанавливается на шкале Paper Brightness). Чем меньше значение на шкале Pencil Width, и чем выше параметр Stroke Pressure, тем больше линий на рисунке, и тем более проработан рисунок. Этот фильтр не меняет цвет изображения, однако оно сгановится более светлым, если выбрать высокое значение яркости бумаги.

Рисунок 8.30. Исходное изображение и вид после применения фильтра Colored Pencil

Фильтр Cutout

Фильтр Cutout

Превращает фото в аппликацию из цветной бумаги. Значение шкалы No of Levels определяет число цветовых уровней, чем это значение меньше, тем меньше разных цветов бумаги задействовано. Шкалы Edge Simplicity и Edge Fidelity предназначены определять аккуратность и подробность проработки изображения. Чем меньше значение шкалы Edge Simplicity и больше значение шкалы Edge Fidelity, тем меньше искажения. Яркость изображения не меняется (Рисунок 8.31, а).

а б
Рисунок 8.31. Результат действия фильтра: а — Cutout, б—DryBrush

Фильтр Dry Brush

Фильтр Dry Brush В результате применения этого фильтра образуется весьма убедительный рисунок, очень напоминающий технику сухой кисти (рисование большим количеством краски при малом количестве воды). Шкалы диалогового окна обсуждены во введении к разделу. В итоге изображение становится несколько темнее (Рисунок 8. 31, б).

Фильтр Film Grain

Фильтр Film Grain

Результат действия фильтра — имитация увеличенного зерна на фотографии. На контрастных изображениях может давать интересный эффект. Шкала Grain управляет, как вы, наверное, догадались, размером зерна, HighlightArea — процентом осветленных участков, a Intensity — экспозицией, то есть освещенностью Изображение в результате действия фильтра обычно становится светлее (Рисунок 8.32, а).

а б
Рисунок 8.32. Результат действия фильтра, а — Film Grain-, б — Fresco

Фильтр Fresco

Фильтр Fresco Этот фильтр снабжает контуры объектов грубыми темными линиями. Изображение становится темнее. О шкалах этого фильтра рассказано во введении к разделу (Рисунок 8.32, б).

Фильтр Neon Glow

Фильтр Neon Glow Превращает изображение в монохромный негатив и добавляет светлую обводку, "свечение", по контуру объектов. Можно управлять цветом свечения (Glow Color), его интенсивностью (Glow Brightness) и толщиной (Glow Size). Применяется редко, в основном к пейзажным фотографиям, или, скажем, для имитации светящейся рекламы.

Фильтр Paint Daubs

Фильтр Paint Daubs Придает изображению вид картины, выполненной маслом. Вы можете выбрать тип кисти (Brush Type), ее размер (Brush Size) и степень жесткости краев кисти (Sharpness) (Рисунок 8.33, а).

Фильтр Palette Knife

Фильтр Palette Knife
Этот фильтр позволяет имитировать технику масляной живописи, выполняемой специальным инструментом типа широкого ножа (мастихином) Изображение приобретает подчеркнуто грубые формы (Рисунок 8.33, б).
а б
Рисунок 8.33. Результат действия фильтра: а — Paint Daubs, б — Palette Knife

Фильтр Plastic Wrap

Фильтр Plastic Wrap На изображение словно надевается полиэтиленовый пакет. Темные области приобретают серый тон, светлые — блики. Не советуем применять к портретам, очень страшно!

Фильтр Poster Edges

Фильтр Poster Edges
Этот фильтр находит все контуры изображения и обводит их черными линиями. Результатом является плакат. Управление фильтром очень простое Вы задаете толщину и интенсивность черной обводки в шкалах Edge Thickness и Edge Intensity и степень упрощения цветового решения изображения в шкале Posterization При минимальном значении шкалы Posterization вы получите двух-трехкрасочный плакат, при максимальном — практически первоначальную фотографию, обведенную черными линиями (Рисунок 8.34, а).
а б
Рисунок 8.34. Результат действия фильтра а — Poster Edges, б—RoughPastels

Фильтр Rough Pastels

Фильтр Rough Pastels

Использование этого фильтра дает убедительный эффект пастели (Рисунок 8.34, б) В верхней части диалогового окна задается длина штриха и степень деталировки В нижней части вы определяете свойства материала, на который нанесен рисунок Вы можете выбрать текстуру материала (как в окне фильтра Textunzer), размер ячейки текстуры, рельефность и направление света.
Остальные фильтры этой группы вы можете рассмотреть самостоятельно.
Попробуйте фильтры группы Artistic и описанные в следующих разделах фильтры Brush Strokes и Sketch на любых имеющихся у вас изображениях, отберите наиболее удачные варианты и вклейте три картины на место уже имеющихся. Не забудьте после вклеивания трансформировать картины командой Free Transform (Рисунок 8.35) Вероятно, вам придется сделать тоновую и цветовую коррекцию ваших живописных произведений, осветлить или затемнить некоторые участки.

Рисунок 8.35. Вклеивание и трансформирование картины

Фильтр Water Paper

Фильтр Water Paper Фильтр позволяет сохранять цвета фотографии и преобразовать изображение в акварель, написанную на фактурной бумаге. По результату действия напоминает фильтр Rough Pastels.

Фильтры Angled Strokes Crosshatch

Фильтры Angled Strokes, Crosshatch Эти фильтры создают эффект, похожий на действие фильтра ColoredPencil, с той разницей, что большие области заливки сохраняют цвет, а не заменяются цветом бумаги.

Фильтры Charcoal Chalk and Charcoal Conte Crayon

Фильтры Charcoal, Chalk and Charcoal, Conte Crayon

Служат для имитации работы углем и мелком. Фильтр Chalk andCharcoal продуцируют трехцветное изображение. Третьим цветом является нейтральный серый, таким образом, нужно подбирать первые два цвета так, чтобы они гармонировали с третьим. С помощью фильтра Charcoal получается двухцветный рисунок. Фильтр Conte Crayon, кроме управления цветами и деталировкой изображения, предлагает выбор текстуры, так же как фильтр RoughPastels (Рисунок 8.39, а, б, в).

а

б
="Pic 12-39c.jpg">
в
Рисунок 8.39. Исходное изображение (а), результат действия фильтра Chalkand Charcoal (б) и фильтра Conte Crayon (в)

Фильтры Graphic Pen и Halftone Pattern

Фильтры Graphic Pen и Halftone Pattern

Фильтр Graphic Pen преобразует изображение в комбинацию из тонких штрихов основного цвета на фоновом, создавая красивый результат Вы можете менять длину, направление штриха и порог основного цвета (делать рисунок светлее или темнее). Второй фильтр. Halftone Pattern, превращает исходную фотографию в подобие растровой сетки, поделив ее на растровые точки (Рисунок 8.41).

а

б
Рисунок 8.41. Результаты действия фильтров Graphic Pen (а) и HalftonePattern (б)

Фильтры Note Paper Plaster Bas Relief

Фильтры Note Paper, Plaster, Bas Relief

Превращают фото в рельеф, также сводя изображение к полутоновому представлению. Фильтр Bas Relief создает эффект чеканки. Note Paper — рельефного рисунка на обоях, Plaster — гладкого "гипсового" рельефа (Рисунок 8. 40).

а

б

в
Рисунок 8.40. Результаты действия фильтров Note Paper (a), Plaster (б), Bas Relief (в)

Фильтры Sprayed Strokes Spatter

Фильтры Sprayed Strokes, Spatter

Эти фильтры создают похожие эффекты смещения (Рисунок 8.38). Вы можете выбрать длину штрихов в шкале Stroke Length и степень разбрызгивания краски в шкале Spray Radius — чем больше это значение, тем меньше размер "капель". Интересной особенностью фильтра SprayedStrokes является возможность выбора направления штрихов в раскрывающемся списке Stroke Direction.
Остальные фильтры этой группы — Sumi-e, Dark Strokes, Ink Outlines рассмотрите самостоятельно.

Фильтры Stamp Torn Edges Reticulation Photocopy

Фильтры Stamp, Torn Edges, Reticulation, Photocopy

Нарочито огрубляют фотографии. В работе чаще всего используется фильтр Stamp Этот фильтр часто применяют для превращения подробного изображения в черно-белый условный рисунок. Фильтр Torn Edges делает то же, что и Stamp, но создает неровный контур, а фильтру Reticulation аналогичен Stamp, который добавляет к результату зернистость. Фильтр Photocopy действует более тонко и сохраняет часть полутонов фотографии (Рисунок 8. 42)

а б в
Рисунок 8.42. Результаты действия фильтров Stamp (a). Reticulation (б), Photocopy (в)

Художественные фильтры

Художественные фильтры

Теперь, когда техническая обработка изображения завершена, можно и побаловаться. На стенах кафе развешаны картины. Это очень кстати, поскольку Photoshop располагает отличным набором фильтров, имитирующих разные художественные техники: живопись, акварель, рисунки углем и т. д. Поупражняйтесь с приведенными фильтрами на любых подходящих изображениях. Затем вклейте на место имеющихся полотен наиболее удачные из созданных произведений. Вклеивание изображения можно проводить командой Paste Into при выделенной области полотна.
В этом разделе практически отсутствуют упражнения. Художественные фильтры находятся в списке Artistic меню Filter. Для установки параметров фильтров используются простые одноименные диалоговые окна с окном просмотра. Поэкспериментируйте с каждым из фильтров, чтобы понять, как влияет изменение параметров на внешний вид изображения. Эффект от фильтра хорошо виден в окне просмотра. Вы можете перемещать изображение в окне, увеличивать и уменьшать масштаб отображения.
Все художественные фильтры снижают деталировку изображения и превращают фотографию в подобие рисунка. Вы можете воздействовать на характер искажения, применяя разные фильтры, и на степень искажения, увеличивая или уменьшая величины в диалоговых окнах. Большинство фильтров имеют такие параметры, как величина кисти (толщина образующихся штрихов), деталировка (чем она выше, тем более проработан будет рисунок), и текстура (увеличение этой величины добавляет хаотические мазки в разных частях изображения). Каждый фильтр имеет свою область применения. Некоторые подходят для обработки пейзажей, некоторые — для портретов, какие-то фильтры хорошо смотрятся на изображениях с четким контуром, какие-то — на фотографиях с контрастными цветами и деталями. Прежде чем f делать заключение о качестве фильтра, попробуйте его на изображениях различного характера.

Эскизные фильтры

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

Этапы создания монтажа

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

Как добиться реализма

Как добиться реализма

Довольно часто, взглянув на компьютерную иллюстрацию в журнале, не можешь отделаться от зрительного неудобства: вроде бы все так, но бросается в глаза то, что это монтаж. Иногда только очень пристальное разглядывание такого изображения даст вам наконец ту деталь, которая разрушает его натуральность. Ниже приводится минимальный список требований к реалистичному монтажу, своеобразные "принципы реализма". Вы можете дополнять и совершенствовать их по мере накопления опыта.
1. Фрагменты для реалистичного монтажа должны совмещаться. Это значит, в первую очередь, что они имеют сходный ракурс съемки. Вы не добьетесь реализма, монтируя кружку, снятую сбоку на изображение стола, снятого сверху. Ракурс изменить очень трудно. Возможна эта операция только для таких объектов, как море, дорога без деревьев, равнина, небо и др. Для этих объектов можно в весьма ограниченном интервале поменять ракурс путем свободного трансформирования.
2. Очень важным является соответствие размеров фрагментов. Photoshop позволяет увеличивать и уменьшать изображения, если они не соответствуют по размерам. Как правило, в точечной графике следует уменьшать размеры слишком большого изображения, чтобы оно соответствовало самому маленькому. После масштабирования (без соответствующего изменения разрешения) всегда имеет место потеря качества, в частности, при уменьшении обычно ухудшается четкость в мелких деталях. Это вызвано удалением ("прореживанием") множества пикселов. Восстановить исходную резкость нельзя (вернуть удаленные пикселы невозможно), но слегка повысить ее визуальное восприятие можно с помощью фильтра Unsharp Mask.... Если монтаж имеет большой размер, а вклеиваемый фрагмент мал, то увеличивать его можно лишь в небольшой степени, иначе в изображении он будет иметь слишком низкое разрешение.
3. Фрагменты должны иметь одинаковое освещение. Странно, если солнце на монтаже светит слева, а фигура освещена справа. Изменение освещения производится с помощью выполнения тоновой коррекции участков изображения (Levels, Curves) или инструментов Dodge и Burn. В сложных случаях значительную помощь может оказать фильтр LightningEffects....
4. При комбинировании изображений важнейшее значение имеет цветовое соответствие изображений. Если вы хотите добиться цветового единства, необходимо изменить цветовой баланс. Это делается в диалоговом окне Color Balance.
5. Тени на монтированном изображении должны находиться там, где им положено быть. Тень от целого слоя создается при помощи эффектов слоев, вручную тень несложно нарисовать инструментом Airbrush (большая кисть, низкая непрозрачность).
6. Прозрачные объекты должны быть таковыми. То что стекло прозрачно, и поэтому невидимо, как ни странно, является распространенным заблуждением. Если вы внимательно посмотрите на окно своей комнаты, то несомненно заметите, что положение стекла определяется не только рамой. Стекло видимо. Видимо за счет отражения предметов внутри помещения, загрязнения поверхности и бликов наружного освещения. Неплохой имитацией стекла является "полупрозрачность".
7. Вырезанные и вклеенные фрагменты не должны иметь каймы. Для этого выделенную в исходном изображении область следует растушевать (обычно на 1—3 пиксела), а затем, вклеив фрагмент на слой, выполнить одну из команд группы Matting меню Layer. В новой версии появились отличные инструменты для экстракции фрагментов. Это Background Eraser и Magic Eraser, рассмотренные в главе 6, и диалоговое окно Extract, которое обсуждается в настоящей главе.

Компоновка монтажа

Компоновка монтажа

1. Откройте документы cafe.jpg и woman.tif. Активизируйте документ woman -tif.
2. Загрузите маску из созданного альфа-канала. Скопируйте изображение девушки в буфер.
3. Перейдите к документу cafe.jpg. Загрузите маску альфа-канала. Выберите из меню Edit команду Paste Into.
4. В документе появился новый слой. Назовите его "woman". Выберите команду Free Transform и уменьшите изображение девушки. Затем разместите его так, как показано на Рисунок 8.19, а.

Подготовка фона

Подготовка фона
Цветовая коррекция. Ретушь За основу монтажа возьмем фотографию интерьера кафе.
1. Откройте файл cafe.jpg. Изображение нуждается в цветовой коррекции и ретуши.
2. Для цветовой коррекции воспользуйтесь диалоговым окном SelectiveColor, которое появляется после выполнения команды Image/Adjust/Selective Color.... В красных тонах (пункт Reds списка Colors) следует немного ослабить пурпурный компонент (Magenta: -10), а голубой заменить на черный (Cyan: -10, Black: +10). Это привело к более теплому тону фотографии. В нейтрально-серых тонах (Neutrals в списке Colors процент цветовых составляющих следует снизить (Cyan: -25, Magenta: -30, Yellow: -20), а содержание черного компонента соответственно повысить до +20. Этим ликвидируется излишняя насыщенность тонов.
3. Ретушь заломленного угла выполните с помощью фильтра Dust & Scratches... меню Filter/Noise на выделенной области; таким образом, мелкие дефекты удалены (Рисунок 8.1). Оставшиеся погрешности можно ретушировать инструментом Rubber Stamp.


Рисунок 8.1. Результат действия фильтра Dust & Scratches... на выделенном фрагменте

Подготовка маски для вклеивания фрагментов

Подготовка маски для вклеивания фрагментов

Фон для монтажа готов. Следующим этапом является создание маски, в которую будут помещаться фрагменты.
В окончательном варианте монтажа, приведенном на Рисунок 8.28, посетители кафе сидят за столами. У кресел в кафе высокие спинки, закрывающие спины персонажей. Выделим области кресел и ближайшего стола и создадим альфа-канал. В дальнейшем его всегда можно будет отредактировать.
1, Откройте палитру Channels. В меню палитры выберите команду New Channel.... В одноименном диалоговом окне, предназначенном для создания нового канала (Рисунок 8.4), введите в поле Name имя канала (например, chairs).

Придание текстуры изображениям

Придание текстуры изображениям

После устранения дефектов немного поиграем с изображением. Постелим на пол коврик — станет так уютно! Для этого воспользуемся фильтром Texturizer....
1. Выделите область пола (Рисунок 8.2). Выберите инструмент MagicWand со значением Tolerance 25 и параметром растушевки 3 пиксела. Щелкните сначала в центре зала, затем на невыделенных областях под стульями и в затемненных местах.
2. Выберите команду Texture меню Filter. Откроется список фильтров. Все они предназначены для придания выделенным областям текстуры. Выберите фильтр Texturizer.... Диалоговое окно этого фильтра изображено на Рисунок 12.2. Поэкспериментируйте с параметрами фильтра, затем задайте следующие значения: Texture — Sandstone, Scaling — 100%, Relief— 14%, Light Direction — Top и установите флажок Invert. Нажмите кнопку ОК.
Совет
Совет


В качестве исходного изображения для получения текстуры можно определить любой файл, имеющий расширение PSD, то есть "родного" формата Photoshop. Это очень удобно. Вы можете создать или отсканировать подходящее изображение, и сохранить его в формате PSD. Затем открыть диалоговое окно Texturizer и выбрать в списке Texture пункт Load Texture. Перед вами откроется обычное окно Open. В нем вы можете выбрать нужный файл, щелкнуть на кнопке Open и произвольная текстура будет создана! Остается лишь задать ее рельеф, размер ячейки и направление освещения, как для обычной текстуры Photoshop.

Размывка растра

Размывка растра

Наиболее серьезную коррекцию придется провести в файле businessman, tif. Откройте этот файл. Изображение было отсканировано со страницы журнала. Увеличьте масштаб отображения лица героя. При увеличении становятся очевидными мелкие регулярные дефекты изображения, которые называются типографским растром, точнее, его следами. Этот неприятный узор проявляется каждый раз, когда сканируется изображение, сделанное типографским способом.
Избавиться от растра можно только одним способом: сначала снизить резкость изображения, чтобы растр исчез, а затем повысить резкость снова, чтобы частично компенсировать потерю четкости деталей. Тем не менее, некоторая потеря резкости при удалении растра неизбежна, и с ней придется примириться. Сканируйте изображение с возможно большим разрешением, тогда избавиться от растра будет проще.
Внимание!
При обработке сканированных типографских отпечатков возможна такая неприятность, как муар. В результате сканирования получается изображение, состоящее из сетки точек (как и любое изображение в электронном виде). Поскольку типографское изображение уже состоит из сетки точек (растра), в результате наложения этих двух сеток может возникнуть правильный узор, которого на оригинале вовсе не было. Это и есть муар.
При сканировании разверните под углом растрированное изображение в сканере, не сканируйте его в строго вертикальном положении (это уменьшит вероятность возникновения муара).
1. Масштаб отображения файла businessman.tif увеличен, в окне документа видно лицо мужчины. Для начала избавимся от цветной части растра. От этого изображение не станет менее резким, а большая часть шумов будет ликвидирована. Переведите изображение в модель Lab и сделайте активным один из хроматических каналов.
2. Выберите команду Gaussian Blur... группы Blur меню Filter. В диалоговом окне задайте минимальное значение размытия, достаточное для того, чтобы нежелательный шум исчез. У нас это значение составило 1,0 по обоим каналам.
Совет
Совет
Чтобы изменять величину размытия, используйте клавиши курсора. Клавиша <Т> увеличивает значение на одно деление шкалы, «4> — уменьшает. Перед началом работы установите курсор в нужное поле ввода.
Для размывания растра можно использовать любой из фильтров, снижающих резкость Это фильтры Blur, Blur More, GaussianBlur... группы Blur. Специально для размывания растра предназначен фильтр Despeckle группы Noise, однако по нашему мнению он работает плохо, после его использования линии контуров становятся рваными Фильтры Smart Blur, Dust & Scratches, Median также размывают растр.
3. Посмотрите: изображение стало выглядеть гораздо лучше без этих разноцветных точек. Однако в канале яркости растр остался. Для ею удаления в данном случае подойдет фильтр Smart Blur Этот фильтр действует на пикселы изображения избирательно, размывая области однородного цвета и тона и оставляя нетронутыми контуры, то есть места резкого перехода яркостей и цвета.
4. Выберите команду Smart Blur подменю Blur меню Filters. В диалоговом окне (Рисунок 8.16) подберите опытным путем подходящие значения размывки, так чтобы изображение лишилось шума, но не стало похожим на рисунок.

приемов обработки изображений является монтаж.

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

Фрагмент после экстракции

Рис 8.10. Фрагмент после экстракции

9. Щелчок на кнопке Preview покажет вам результат экстракции прямо в окне просмотра (Рисунок 8.10). Вы удовлетворены результатом. Если нет, контур обрезки можно откорректировать
10. Мягкость (растушевку) краев изображения регулируют при помощи движка Smoothing
11. Если вокруг фигуры присутствует неудаленный фон, сделайте в этом месте линию контура менее толстой. Для возврата к редактированию контура просто щелкните на нем инструментом Edge Highlighter. Для возврата к редактированию заливки и обводки можно также установить флажки Show Hightlight и Show Fill. Удаление контура производится инструментом Eraser.
12. Если напротив, часть фрагмента удалена или оказалась размытой, уменьшите толщину линии контура, там где она заходит на объект, или передвиньте ее так, чтобы контур захватывал границу объекта полностью.
13. В нижней правой части окна расположены элементы управления просмотром результатов. Если вы хотите вернуться к первоначальному виду изображения (без обрезки), выберите в списке View значение Origin. Чтобы вернуться обратно к просмотру резульгатов экстракции, следует выбрать значение Extracted. В списке Show можно задать показ отсекаемых участков произвольным цветом. Если выбрать в нем пункт Mask, то в окне просмотра демонстрируется маска изображения. Это удобно для обнаружения погрешностей в обработке контура-
14. После редактирования контура снова залейте его с помощью инструмента Fill и опять проверьте результат. Если он вас удовлетворяет, нажмите кнопку ОК.
15. Если вы работали аккуратно, перед вами — практически идеально вырезанный фрагмент (Рисунок 8.10) Никакой каймы. Слегка растушеванная граница, для большей реалистичности при вклеивании на другой фон. А волосы, взгляните на волосы!
16. Посмотрим, как устроено это изображение. Откройте палитру Channels. Как видите, программа поместила вырезанный фрагмент на слой. Теперь остается лишь поместить этот слой в фоновое изображение. Сохраните результаты обработки в формате PSD (ведь файл теперь содержит прозрачные участки и слои). На примере изображения девушки вы познакомились с операцией выделения фрагментов в окне Extract. Она конечно проста Но с помощью инструментов окна обвести контур можно только дедовским методом — вручную. А как же богатый арсенал инструментов выделения Photoshop, скажете вы, неужели от него придется отказаться? Ничуть. На примере документа computerman.tif рассмотрим, каким образом можно совместить выделение с помощью инструментов Photoshop и возможности окна Extract.
1. Откройте этот файл. Выделите область ног персонажа (Рисунок 8.11). В этом месте на фото густая тень, чтобы выяснить, где кончаются колени и начинается область стола, примените корректирующий слой.
2. Создайте корректирующий слой Levels. В диалоговом окне передвиньте движок средних тонов в область светов так, чтобы выявились контуры коленей.
3. Создайте альфа-канал. Затем инструментом Polygonal Lasso определите выделенную область, как показано на Рисунок 8.12.

Утончение формы объекта

Рис 8.11. Утончение формы объекта при помощи корректирующего слоя

Выделенная область и альфаканал на ее основе

Рис 8.12. Выделенная область и альфа-канал на ее основе


4. Сделайте альфа-канал активным. Выполните команду Stroke из меню Edit. Обведите выделенную область в канале черной линией шириной 3 пиксела (линия должна проходить по центру границы выделяемой области).
5. Отмените выделение и удалите корректирующий слой. Откройте диалоговое окно Extract. В самом низу окна, слева есть список. Откройте его. С помощью этого списка можно импортировать в окно в любой из альфа-каналов изображения. Выберите пункт Alfa 1.

Контур обрезки в окне

Рис 8.13. Контур обрезки в окне просмотра и результат экстракции


6. Готово! Перед вами — контур обрезки (Рисунок 8.13, слева). Залейте контуры мужчины и компьютера инструментом Fill. Посмотрите на результат обрезки по данному контуру, нажав кнопку Preview. Если нужно, подправьте контур и выполните экстракцию.

Откорректированное изображение

Рис 8.14. Откорректированное изображение (слева) и вид тоновой кривой (справа)

Восстановление утраченного фрагмента

Рис 8.15. Восстановление утраченного фрагмента


5. Выделите инструментом Lasso область брюк над "неполным" левым ботинком (Рисунок 8.15, б). Инвертируйте выделенную область.
6. Выберите команду Paste Into меню Edit. В изображении образовался новый слой-маска. В этом слое маскирована область брюк героя. Передвиньте командой Paste Info вклеенный ботинок на свое место (Рисунок 8.15, в).
7. Лодыжка персонажа получилась неестественно выгнута. Исправим этот недостаток. Выберите команду Free Transform. Вокруг ботинка появилась рамка. Уменьшите выделенную область по высоте и разверните ее, как показано на Рисунок 8.15, г. Сведите изображение командой FlattenImage меню палитры слоев.
8.Усилим резкость фотографии командой Unsharp Mask... меню Filter/Sharpen. Подберите сами параметры в диалоговом окне. Избегайте возникновения гало и излишне резких контуров.
9.Брюки у персонажа не совпадают по цвету с пиджаком, а ботинки нечищеные, видимо перед нами старый холостяк. Эти недочеты костюма вполне устранимы инструментами рисования и коррекции. Выделите область брюк и ботинок. Щелкните на ботинках пару раз инструментом Burn. Для работы выберите большую кисть с мягкими краями. Обувь стала как новенькая! Выделенную область не отменяйте.
10.Для окраски брюк выберите в качестве основного цвет костюма Для этого щелкните инструментом Еуеагоррег на нижней части пиджака. Затем выберите Paintbrush и большую мягкую кисть. Установите в поле Opacity значение 50 и (внимание!) из списка режимов наложения пикселов выберите вариант Color. Проведите кистью по выделенной области. Брюки окрасились в нужный цвет. Не правда ли, у героя стал гораздо более солидный вид?
11. Обтравите контур героя инструментом Lasso или PolygonalLasso.
12. В альфа-канале создайте обводку вокруг выделенной области.
13. Откройте диалоговое окно Extract и вырежьте персонаж из фона. Сохраните документ в формате PSD. Примечание
Примечание
Диалоговое окно Extract имеет еще один режим работы. Если вам нужно выделить объект, не имеющий больших непрозрачных участков (например, листва дерева, сквозь которую просвечивает солнце), закрасьте объект целиком инструментом Edge Highlighter. Установите режим ForceForeground. Затем инструментом Eyedropper выберите защищенный цвет. В результате экстракции удаляются все области, кроме указанного цвета и его оттенков. Проблема в том, что этот цвет может быть только один. Чтобы защитить несколько групп оттенков придется дублировать слой с исходным изображением несколько раз и выполнять экстракцию отдельно для каждого цвета. Таким же обходным маневром можно получить выделенную область в форме экстрагированного фрагмента (например, нужное для изменения цвета волос персонажа).

Действие фильтра Smart Blur

Рис 8.16. Действие фильтра Smart Blur


5. Вы избавились от растра, однако изображение стало нерезким (Рисунок 8.17). Несколько повысить резкость можно, используя фильтр UnsharpMask... Откройте соответствующее диалоговое окно и повысьте резкость изображения.
6. Создайте выделенную область, как показано на Рисунок 8.18, и удалите фон. Сохраните документ. На готовом монтаже, кроме основного изображения и вклеенных фрагментов, есть текст. Его наберем в готовом монтаже, а затем применим специальные фильтры для достижения нужного эффекта.

Размывка растра а — изображение

Рис 8.17. Размывка растра: а — изображение до коррекции,
б после размытия - хроматических каналов и применения фильтра Smart Blur.


="Pic 12-18.jpg">
Рисунок 8.18. Выделенная область

Вклеенный маскированный фрагмент Ретушь

Рис 8.19. Вклеенный маскированный фрагмент. Ретушь


5. Ноги у дамы получились слегка обрезаны. Для устранения этого дефекта удобно применить инструмент Smudge. Выберите мягкую кисть среднего размера и проведите несколько штрихов, продолжая линию каждой ноги (рис 8.19, б)
6. Удалите кайму вокруг вырезанной фигуры командой Defringe списка Matting меню Layer. В диалоговом окне Defringe задайте ширину каймы 1 пиксел. Разместим изображение человека за компьютером.
1. Откройте файл computerman tif. Загрузите выделенную область из альфа-канала Перетащите выделенную область в документ cafe.jpg. Новый слой с изображением назовите "computerman".
2. Трансформируйте фрагмент и перетащите его на нужное место.
3. Загрузите альфа-канал Затем создайте слой-маску для слоя computerman Для этого можно воспользоваться пиктограммой "Слой-маска" в нижней части палитры слоев. Отмените связь маски и слоя. Передвиньте и поверните человека так, чтобы он "сел за стол" (Рисунок 8.20, а).
4. Удалите кайму и проведите ретушь персонажа, устранив все неправильно выбранные участки инструментом Eraser
5. Отредактируйте маску слоя так, чтобы она не закрывала компьютер.
6. Этот персонаж тоже получился безногим. Чтобы никто не догадался об этом, прикроем область ног складкой скатерти. Для этого сперва удалите часть колена, свисающий угол скатерти снизу и под стулом, "замазав" его инструментом Rubber Stamp (Рисунок 8.20, б) Затем опять воспользуйтесь этим инструментом для копирования складки скатерти на столе справа (Рисунок 8.20, в).

Результат действия фильтра

Рис 8.2. Результат действия фильтра Texturizer на выделенном фрагменте.

3. Пол в кафе застелен ковром. Однако действие фильтра грубо, ковер выглядит ненатурально. Ослабить действие многих фильтров можно с помощью специальной команды Fade... меню Filter. Выберите эту команду (сейчас она называется Fade Texturizer...). В диалоговом окне Fade (Рисунок 8.3) установите флажок Preview. Передвигая ползунок по шкале Opacity вы можете добиться любой степени воздействия. В нижнем списке можно установить режим наложения. Установите параметр Opacity равным 30%. Совет
Совет
Все фильтры группы Texture предназначены для придания различной объемной текстуры изображению или выделенной области. Советуем самостоятельно поэкспериментировать с этими фильтрами.

Рисунок 8.3. Диалоговое окно Fade

Размещение маскированного

Рис 8.20. Размещение маскированного фрагмента (а). Ретушь (б, в)


7. Взгляните на результат. Вес бы ничего, но компьютер явно не стоит, а висит в воздухе над столом. Придется передвинуть его на место. Выделите компьютер инструментом Polygonal Lasso. Вырежьте и вклейте его. Назовите этот слой "computer".
8. Передвиньте слой computer ниже слоя computerman и поставьте компьютер на свое место. Сведите слои computer и computerman командой меню палитры слоев Merge Down (эти два слоя должны быть верхними в стопке).
9. Поскольку изготавливается рекламный плакат компьютерного кафе, поместим копию изображения компьютера на стол слева. Вклейте фрагмент из буфера повторно, отбуксируйте его на место, несколько уменьшите и поверните. На Рисунок 8.21 изображен результат произведенных операций после выполнения шагов 7—9. Поместим оставшиеся фрагменты:
1. Вклейте и разместите персонажи документов businessman.tif, chief.jpg.
2. Дайте соответствующие имена слоям изображения, создайте слой-маски для обоих слоев на основе все того же альфа-канала. Обработайте изображение, удалив кайму и лишние участки.
3 .Оцените изображение на предмет правильности слой-масок. Если это необходимо, отредактируйте их.
4. Примените слой-маски к слоям и удалите их, ведь каждая из масок увеличивает размер файла Удалите альфа-канал, он вам больше не понадобится.

Изображение с расставленными компьютерами

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

Результат размещения посетителей кафе по местам

Рис 8.22. Результат размещения посетителей кафе по местам


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

Сведенные слои документа

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


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

Тени на монтаже (выделены кружками)

Рис 8.24. Тени на монтаже (выделены кружками)


1. Для начала снабдим тенью даму, потому что это проще всего. Сделайте активным слой Background. Выберите в качестве основного темно-коричневый. почти черный, цвет, для установки цвета пользуйтесь инструментом Eyedropper, пробу цвета возьмите из области рядом с фигурой женщины, например, под картиной.
2. Выберите инструмент Airbrush и установите большую кисть с мягкими краями. В поле Pressure установите значение порядка 30
3. Проведите кистью несколько мазков на стене позади фигуры. Затем поменяйте кисть на меньшую и сделайте мазок на кресле, там где падает тень от ноги. Затемните и область под креслом
4. Теперь займемся молодым человеком. Поменяйте основной цвет, выбрав на этот раз основным цвет тени вблизи фигуры, например, справа от головы. Затемните область под подоконником позади фигуры. Нарисуйте тень от руки на компьютере инструментом Burn (затемнение в средних тонах), предварительно сделав активным верхний слой изображения.
5. У пожилого посетителя придется нарисовать тени пол креслом (от ног), на сиденье, на скатерти (от всей фигуры). Затем, на верхнем слое, нарисуйте тени от кресла на фигуре старика, тень от руки, падающую на компьютер. Для этого пригодится инструмент Burn. Затемните также нижнюю часть газеты.
6. У человека за компьютером нанесите тень на скатерть, затемните области под креслом и под столом. На верхнем слое затемните спину персонажа и руки.

Диалоговое окно Lighting Effects

Рис 8.25. Диалоговое окно Lighting Effects


4. Вверху окна расположен список Style, в котором находятся варианты освещения, поставляемые в комплекте Photoshop. Выберите в этом списке пункт Default.
5. Слева расположено поле предварительного просмотра, активное состояние которого определяется флажком Preview. Включен один дополнительный источник света, он изображается светлой точкой в поле просмотра, которая окружена наклонным овалом с управляющими (черными) точками. Установите курсор на источнике света и щелкните кнопкой мыши, затем перетащите этот источник на другое место. Освещение изменилось.
6. Источник света можно редактировать, воздействуя на управляющие точки. Центр и одна из управляющих точек (на рисунке — правая нижняя) соединены отрезком. Точка на окружности обозначает, откуда исходит свет. Длина отрезка характеризует расстояние до источника света. Чем она больше, тем свет дальше и тем темнее изображение. Установите курсор в этой точке и щелкните кнопкой мыши. Перетаскивая данную точку, вы можете менять расстояние до прожектора. Обратите внимание на смену освещения.
7. Направление отрезка — это направление света. Для его изменения также перетаскивайте точку-источник. Теперь изображение освещено с другой стороны.
8. Боковые точки позволяют управлять шириной светового потока. Ее также можно менять. Взявшись за одну из них, сначала уменьшите, а потом увеличьте ширину луча. Рассмотренный нами тип источника света носит название Spotlight. Тип задается в раскрывающемся списке Light type. В этом списке есть три варианта:
§ Directional — обычный рассеянный свет. Обозначается в окне просмотра отрезком линии. Предполагается, что этот источник расположен очень далеко, поэтому от перемещения отрезка по окну просмотра ничего не меняется, изображение освещается одинаково равномерно Если потянуть за черную точку на конце отрезка, длина его меняется. Чем меньше длина, тем сильнее свет.
§ Omni — подобно обычной лампочке, источник этого типа испускает свет равномерно во всех направлениях, в отличие от предыдущего, источник света располагается прямо на изображении. Обозначается точкой, вокруг которой находится окружность с управляющими точками Центральная точка этого источника указывает, откуда исходит свет. Диаметр окружности символизирует расстояние от лампочки. Чем меньше окружность, тем дальше от зрителя источник света, тем темнее освещение.
§ Spotlight — уже знакомый вам источник, он образует на поверхности изображения эллиптическое световое пятно.
1. Поменяйте тип источника света, сначала на Directional. Поэкспериментируйте с ним, убедитесь, что угол падения света не меняется при передвижении источника. Поменяйте длину отрезка, следя как меняется освещение.
2. Выберите в списке Light type пункт Omni. Переместите источник в правый верхний угол изображения и измените размер источника, как показано на Рисунок 8.26, а.
3. Рядом с флажком Preview нарисована пиктограмма лампочки. Поместите в изображение новый источник света, щелкнув на ней и оттащив курсор в поле просмотра. Светлых точек теперь две, стало светлее. Один из источников активен (вокруг него есть управляющие точки), и его можно редактировать, передвигать или удалять, перетащив к пиктограмме корзины внизу поля просмотра.
4. Измените тип и размер второго источника света (Рисунок 8.26, б).
5. Исследуем свойства источников света. В верхней части диалогового окна находятся параметры, определяемые для каждого источника по отдельности. Флажок On действует как выключатель у лампочки. Если он установлен, то источник света включен, если снят, то выключен (не действует) Включите и выключите один из источников.

Размещение источников освещения в окне просмотра

Рис 8.26. Размещение источников освещения в окне просмотра


6. Рядом находится уже знакомый вам список Light type. Ниже — шкала Intensity. Передвигая ползунок, измените яркость правою источника света до значения 25.
7. Свет может быть не только белым. Для того чтобы выбрать цвет источника, щелкните на образце (квадрат в правой части диалога). В открывшемся диалоговом окне Color Picker выберите желтоватый цвет освещения.
8. В отличие от обычной лампочки, источник света может иметь и отрицательную яркость, являясь "источником темноты". Переведите активность на левый источник, и уменьшите его яркость до значения -32. Область справа стала темнее.
9. Такому источнику тоже можно придать любой цвет. Цвет образовавшейся тени будет дополнительным к выбранному, то есть получаться в результате вычитания выбранного в палитре цвета из белого (если выбрать красный — цвет тени зеленый, при выбранном синем — тень желтая и т. д.). Выберите светло-голубой цвет для "источника тени". Блики на левой части изображения потемнели и приобрели легкий желтоватый оттенок. Результат выполнения шагов 6—9 представлен на Рисунок 8.27.
10. В нижней части диалогового окна в соответствующих шкалах задаются параметры, единые для всего изображения.
11. Параметр Gloss — величина отражательной способности поверхности, на которую падает свет. Вариант Matte соответствует наименьшему отражению, a Shiny — наибольшему. Поставьте этот ползунок в положение Matte.
12. Параметр Material определяет, в какой степени цвет объекта при освещении будет заменяться на цвет источника света. При минимальном значении (Plastic) изображение в основном принимает цвет освещения, а максимальное (Metallic) в большой степени сохраняет цвет объекта. В данном случае цвет освещения очень мягкий, и это значение можно не изменять.
13. Параметр Exposure определяет степень воздействия источника на изображение. По аналогии с процессом фотографии, положительные значения (увеличение экспозиции) усиливают свет, а отрицательные — ослабляют. Оставьте этот ползунок на нулевой отметке.
14. Параметр Ambience характеризует исходную освещенность изображения (рассеянным светом), помимо дополнительных источников. Максимальное значение этого параметра (100) увеличивает ее до предела (очень яркий и сильный свет), а минимальное (—100) — наоборот (темнота, включены только дополнительные источники). В данном случае было бы неплохо, чтобы общая освещенность изображения не изменилась. Для этого поставьте на этой шкале значение около 50, затем снимите флажок Preview и посмотрите на результат (Рисунок 12.28). Двигайте ползунок до тех пор, пока вы не добьетесь идентичности освещения до и после фильтра за исключением областей затемнения и освещения вокруг источников.

Установка интенсивности источников света

Рис 8.27. Установка интенсивности источников света

Окончательные установки фильтра

Рис 8.28. Окончательные установки фильтра

Законченный монтаж

Рис 8.29. Законченный монтаж


Совет
Совет
Чтобы изменить цвет дополнительного освещения, установите курсор в цветовом поле нижней части диалогового окна и щелкните кнопкой мыши, затем выберите цвет в цветовой палитре. Когда все будет готово, нажмите кнопку ОК. Если результат показался вам слишком грубым, действие фильтра можно ослабить командой Fade... меню Filter. Критически осмотрите монтаж (Рисунок 8.29). Если он кажется вам законченным, сохраните документ. Слои изображения пока не сводите.

Результат действия фильтра

Рис 8.37. Результат действия фильтра Angled Strokes (а) и фильтра Crosshatch (б)


="Pic 12-38a.jpg">
Рисунок 8.38. Результат действия фильтра Sprayed Strokes (а) и фильтра Spatter (б)

Диалоговое окно New Channel

Рис 8.4. Диалоговое окно New Channel


2. Под строкой имени находится поле с переключателями отображения маски. Выберите переключатель Selected Areas. Теперь в режиме наложения маски на изображение выделенные области будут покрыты полупрозрачной пленкой, а маскированные останутся неокрашенными.
3. В нижней части диалогового окна находится образец цвета для маски. Его можно изменить. Для этого щелкните на образце и выберите нужный цвет в открывшемся диалоговом окне Color Picker. Поскольку общий гон фотографии — красный, то подберите для маски какой-нибудь контрастный цвет, скажем, ярко-зеленый. Нажмите кнопку ОК. Окно документа залито белым цветом.
4. Щелкните на пиктограмме "Глаз" в строке объединенного канала в палитре Channels так, чтобы видимыми были и изображение, и маска, а активным оставался канал маски. Вы вошли в режим наложения маски на изображение. Сейчас маска невидима, поскольку на ней нет выделенных областей. Инструментом Polygonal Lasso с величиной растушевки 1 пиксел выделите область ближайшего кресла и залейте ее черным цветом. На маске появилось зеленое полупрозрачное пятно со слегка размытыми краями. Выделите и залейте области так, как показано на Рисунок 8.5, а.

Создание альфаканала

Рис 8.5. Создание альфа-канала


5. Отмените режим видимости изображения. В окне документа видна только маска. Сейчас она представляет собой полутоновое изображение. Черные фрагменты выделены, белые — маскированы (Рисунок 8.5, б).
6. Однако для работы необходимо, чтобы маскированы, то есть неприкосновенны, были именно спинки кресел. Полутоновое изображение, каким является альфа-канал, легко можно инвертировать. Для этого выберите команду Invert списка Adjust меню Image. Альфа-канал инвертирован. Теперь маскированы только области кресел, все остальное изображение может быть изменено (Рисунок 8.5, в).
7. Проверьте правильность построения маски. Для этого перейдите в режим изображения и щелкните мышью на слое маски в палитре каналов при нажатой клавише . Этим вы загрузите выделенную область из выбранного альфа-канала. Попробуйте теперь рисовать на изображении. Если рисующий инструмент работает везде, кроме области кресел, альфа-канал создан правильно.

Диалоговое окно Extract

Рис 8.6. Диалоговое окно Extract


5 Вам необходимо указать контур, по которому будет совершаться обрезка изображения. Выберите инструмент Edge Highlighter. В правой части диалогового окна расположены настройки Для карандаша можно выбрать произвольный цвет и величину кисти. Первое устанавливается только для удобства. Величина кисти определяет вид границы фрагмента. В области контура программа анализирует пикселы. Те, которые имеют близкие цвета с находящимися внутри обведенной области пикселами, остаются нетронутыми. Пикселы, которые по цвету относятся к фону, удаляются. Промежуточные пикселы удаляются частично
6. Начинайте обводить контур. Выберите достаточно большой размер кисти и обведите голову девушки. Наносите контур так, чтобы линия захватывала всю область, где сквозь волосы просвечивает фон и чуть-чуть фона и области головы (рис 8.7). Выберите тонкую кисть и обведите фигуру девушки. Здесь то же правило: линия располагается точно по границе и немного захватывает объект и фон
7. Обведите весь контур. Либо замкните его, либо доведите линии до нижней границы изображения (Рисунок 8.8).
8. Определите внутреннюю область фрагмента. Для этого выберите инструмент Fill и щелкните им внутри созданного контура. Для заливки также можно выбрать цвет (Рисунок 8.9).

Контур обведенный вокруг головы девушки

Рис 8.7. Контур, обведенный вокруг головы девушки

Обтравленный контур

Рис 8.8. Обтравленный контур

Заливка вырезаемого фрагмента

Рис 8.9. Заливка вырезаемого фрагмента

С чего начинается монтаж

С чего начинается монтаж

Любой монтаж состоит из фрагментов различных изображений. При этом можно исходить из собственной композиции (хочу, чтобы был маленький розовый домик на вершине скалы, а сверху бы летел конь с крыльями, а внизу было бурное море), из задачи (надо сделать монтаж с рекламой сотовой связи) или наличных фрагментов (есть хорошие снимки корабля, облака и будильника — как бы их совместить?). Все три пути имеют своих поклонников.
Монтаж, исходя из поставленной задачи, — самый распространенный. Перечислим основные этапы его создания:
§ Получение (или придумывание) задания.
§ Подбор и/или создание фрагментов.
§ Сканирование оригиналов.
§ Компоновка фрагментов в черновом режиме (при низком разрешении). На этом этапе продумывается композиция, отбрасывается лишнее, иногда приходится искать дополнительные изображения.
§ Доводка эскиза (света, цвет, ракурсы, размеры, тени), применение фильтров эффектов.
§ Окончательная компоновка монтажа с высоким разрешением. Работать следует тщательно подготавливая изображения и аккуратно монтируя готовые фрагменты.
Совет
Совет
Некоторые дизайнеры заранее продумывают композицию монтажа, как художник— картину. Такой метод работы очень привлекателен, ничто не ограничивает вашей фантазии Если вы хороший фотограф или художник (или располагаете услугами профессионалов) и имеете много времени для работы, то оригиналы можно сфотографировать или нарисовать специально для монтажа. Так делаются дорогие рекламы, например, парфюмерии или табака. Найти же готовые оригиналы при таком методе работы практически невозможно.
Иногда при монтаже приходится исходить из наличных фрагментов. Это может быть логотип фирмы, пачка рекламируемого печенья. Этот способ монтажа трудоемок в плане композиции, поскольку фрагменты могут быть произвольными и плохо сочетаться друг с другом. Для создания такого изображения вам необходим опыт. Однако и этот способ монтажа по-своему интересен, поскольку дает возможность применять нестандартные дизайнерские решения.
В реальной работе процесс создания монтажа часто включает все три способа работы. Вы получаете задание (или придумываете его). При этом в задаче есть обязательные детали (так в рекламе стирального порошка непременно должна быть его пачка). В поисках фрагментов вы наталкиваетесь на интересные оригиналы, вам хочется их смонтировать. Наконец, вы можете нарисовать недостающий логотип или сфотографировать предмет в нужном ракурсе.
В этой главе будет очень мало новой информации. В ней вы научитесь применять полученные вами знания в реальной работе. Пользуясь средствами Photoshop, вы создадите монтаж — рекламу компьютерного кафе и попробуем достичь максимального реализма монтированного изображения.

Штриховые фильтры

Штриховые фильтры
Эти фильтры также создают качественную имитацию рисунка разными инструментами и находятся в группе Brush Strokes меню Filter.

Создание монтажа

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

Свет в конце тоннеля

Свет в конце тоннеля

Последний штрих, который будет нанесен на созданное произведение — регулировка освещенности персонажей. Девушка сидит в темном углу, она освещена только рассеянным светом, ее освещенность корректировать не придется. Пожилой мужчина должен быть освещен мягким светом от двери слева. Направление освещения верное, однако блики слишком яркие. Их нужно смягчить.
1. Основным выберите светлый бежевый цвет. определив его с помощью инструмента Eyedropper в освещенной области фигуры.
2. Перейдите на верхний слой. Выберите Paintbrush. Установите режим наложения пикселов Darken, небольшую непрозрачность (порядка 15—20). Возьмите маленькую мягкую кисть.
3. Аккуратно проведите штрихи по лысине, рукаву, плечам персонажа, чтобы смягчить блики.
Примечание
Примечание
В общем случае, затемнение бликов логично производить с помощью инструмента Burn в режиме Highlights. Однако этот инструмент затемняет изображение, усиливая уже имеющиеся цвета. Данные блики просто белые (это очевидно, если взглянуть на палитру Info) и затемнение означает добавление черного цвета. В результате на месте бликов появятся грязные пятна.
Освещение человека за компьютером также нормальное. А вот молодой человек должен быть освещен преимущественно справа, из окна, а не слева. Для изменения освещения в Photoshop предназначен мощный фильтр Lighting Effects.
1. Активизируйте верхний слой изображения. Загрузите в качестве выделенной области прозрачность слоя.
2. Выберите инструмент Rectangular Marquee и, удерживая клавишу , обведите все выделенные области, кроме фигуры молодого человека. В результате выделенные области вычитаются и останется выделенной только эта фигура. Инструментом Polygonal Lasso исключите из выделенной области и компьютер.
3. Выберите команду Lighting Effects... списка Render меню Filter. Перед вами большое диалоговое окно (Рисунок 8.25). Оно предназначено для изменения освещения путем расстановки источников света. Разберемся, как оно работает.

Тень на плетень

Тень на плетень

Для создания теней очень удобен инструмент Airbrush, тени на светлых участках иногда можно наносить инструментом Burn. При проработке тени будьте очень внимательны. Перед началом работы просмотрите изображение целиком и отметьте источники света. В данном случае все они находятся сверху, значит на полу под посетителями должны быть тени. Наиболее яркий свет идет от двери, и несколько менее яркий — от окна. Следовательно, тени должны быть внизу и немного справа. После каждого нанесения тени обязательно просматривайте изображение полностью, чтобы оценить результат. Наносите легкие, почти прозрачные мазки кистью с мягкими краями, иначе выйдет ненатурально. Тень должна наноситься цветом, который темнее всех остальных, но совпадает с ними по тону. Поэтому основной цвет выбирается инструментом Eyedropper вблизи редактируемой области. Области теней на монтаже указаны на Рисунок 8.24.
Совет
Совет
Щелкните инструментом Eyedropper на темном участке и, не отпуская мыши, поводите курсором по фрагменту изображения, где должна быть тень. Следите, как меняется основной цвет в палитре инструментов. Выберите самый темный из просмотренных цветов. Попробуйте нанести им кусочек тени. Если все равно тень слишком светлая, то убавьте яркость основного цвета в палитре Color.

Тоновая коррекция Ретушь

Тоновая коррекция. Ретушь

Теперь обработаем файл chief.jpg. Вообще-то на фотографии изображен дедушка, читающий газету в садике. Однако с помощью изменения цветового баланса и перемены обстановки он превратится в крупного бизнесмена, изучающего финансовый бюллетень.
1. Для тоновой коррекции рекомендуем временно перевести изображение в модель Lab.
2. Изменим тоновый баланс изображения в сторону светлых тонов. Выберите команду Curves... списка Adjust меню Image. Изменения производите в канале яркости. Посмотрите, в какой области кривой лежат основные детали изображения (у нас получились примерно от 5 до 20 по каналу L). Установите точку в этой области и придайте кривой выпуклую форму. Можно также несколько снизить контраст в светах. Готовая кривая и откорректированное изображение приведены на Рисунок 8.14.
Примечание
Примечание
Значения тональных уровней можно регулировать и передвижением ползунков на гистограмме.
3. На фотографии у героя не хватает одного ботинка вследствие неточного кадрирования. Попытаемся исправить этот недостаток. Выберите команду CanvasSize. Увеличьте площадь изображения по длине до 16 см, прибавив поле снизу. Результат виден на Рисунок 8.15. О размере холста см. главу 5
4. Инструментом Lasso выделите целый ботинок (Рисунок 8.15, а) и скопируйте его в буфер (клавиатурное сокращение для копирования — +<0).

Самоучитель по Adobe Photoshop 5.5

Анимация

Анимация

Вас, вероятно, заинтриговали анимационные возможности формата GIF. До выхода версии 5.5 Photoshop не имел встроенного инструмента создания анимированных GIF-файлов, и пользователям приходилось обзаводиться для этой цели какой-нибудь специализированной программой. В последней версии Photoshop создание анимационных файлов обеспечивается новым компонентом ImageReady 2.0, входящим в комплект поставки. Новому компоненту и его возможностям посвящена вся следующая глава настоящей книги- Пока заметим только, что собственно фазы анимации готовятся в Photoshop и размещаются на отдельных слоях документа.
Другой, часто встречающийся способ анимации состоит в использовании программ на языке Java или сценариев JavaScript и ActiveX. Он чаще всего применяется для простой анимации элементов навигации: кнопок и панелей управления на Web-страницах. Компонент ImageReady позволяет создавать такие элементы используя JavaScript. He пугайтесь, от вас не потребуется изучения этого языка и вам не придется писать ни одной строчки кода — ImageReady сгенерирует его автоматически. На ваши плечи ляжет только создание изображений, представляющих фазы такой анимации. Вы узнаете о создании элементов навигации в следующей главе.

Авторские права

Авторские права
Цифровая метка Иллюстрации, размещаемые в книгах или журналах, охраняются авторским правом. Без разрешения обладателя этих прав (журналиста, фотографа, издателя, дизайнера и т. п.) они не могут быть использованы другими лицами или организациями. Доказательства противозаконного заимствования легко предоставить суду, так как это напечатанная книга или журнал. А что делать в случае их электронного распространения? Как доказать, что изображение создано действительно вами и у вас украдено? Для этого в изображении нужно как-то оставить автограф. Разумеется, обыкновенный автограф (как на картинах) здесь не годится, так как его легко удалить.
Несколько лет назад решение этой проблемы предложила компания Digiinarc. Разработанная ими технология ImageMarc позволяет внедрить в изображение (в само изображение, а не в файл) цифровую метку, которая может быть считана. Метка абсолютно точно идентифицирует автора изображения и может быть представлена как свидетельство его прав. Интересно, что метка, являясь частью изображения, абсолютно незаметна. Для получения личного авторского идентификатора необходимо за небольшую плату зарегистрироваться на сервере компании Digimarc (http://www.digimarc.com). Без регистрации использование метки не имеет смысла, поскольку вам не удастся доказать, что метка принадлежит именно вам. Впрочем, программное обеспечение Digimarc не даст внедрить персональную метку, пока регистрация не произведена. Если изображение содержит метку зарегистрированного автора, то, считав ее, вы можете обратиться на сервер Digimarc для получения подробной информации об авторе.
Программное обеспечение Digimarc поставляется в комплекте Photoshop в виде фильтров Digisign.8bf и Digiread.8bf. Первый предназначен для внедрения ме1ки, а второй для ее считывания. Фильтры вызываются командами Embed Watermark и Read Watermark, находящимися в группе фильтров Digimarc. Вы сами можете поэкспериментировать с цифровой меткой на примере любого изображения. С помощью фильтра Embed Watermark внедрите в изображение демонстрационную метку (это доступно и без регистрации). Редактируйте изображение до тех пор, пока метка не перестанет читаться фильтром Read Watermark. Вы наверняка отметите, что метка весьма устойчива: удалить ее можно только такими средствами, которые сделают изображение неузнаваемым. Как обещает компания Digimarc, метка будет считываться даже после сканирования типографского отпечатка помеченного изображения.
При открытии любого файла Photoshop автоматически пытается найти цифровую метку. Если метка определена, то в заголовке окна документа отображается символ авторского права ©. Вы можете ускорить загрузку изображений в Photoshop, если пожертвуете этой функцией. Чтобы отключить обязательный поиск метки при открытии файла, нужно удалить фильтр Digiopen.Sbe из папки \Plug-Ins\Digimarc.

Фоновые текстуры

Фоновые текстуры

Любая Web-страница может иметь сплошной цветной фон (его создают средствами HTML) или фон из повторяющихся, как изразцы, графических элементов. В Internet существует много доступных библиотек готовых фоновых текстур. Если же вы хотите, чтобы ваша страница выделялась на общем фоне, создавайте ее сами. Photoshop позволит вам создать свои графические фоновые текстуры, которые будут максимально соответствовать вашей идее.
Браузер различает повторяющиеся и неповторяющиеся фоновые текстуры. Последние представляют собой обыкновенное изображение, находящееся постоянно на странице. Как правило, оно делается либо очень светлым, либо очень темным. На светлом фоне текст пишется темным шрифтом, а на темном — светлым. Для изменения яркости изображений пользуйтесь командой Brightness/Contrast. Такие фоновые изображения выглядят привлекательно, но имеют большой размер. Это приводит к крайне нежелательному увеличению времени загрузки страницы. Если вы все-таки решились использовать такое изображение, то выберите либо формат JPEG с высокой степенью сжатия, либо GIF с маленьким числом цветов (до 16).
Повторяющиеся текстуры создает сам браузер на основе "элементарной ячейки", задаваемой в описании страницы. Текстура при этом занимает всю площадь страницы включая ту ее часть, которая находится за пределами окна браузера.
Главная проблема создания таких повторяющихся (tiled) текстур заключается в получении невидимых стыков между соседними элементарными ячейками, чтобы ваша страница не казалась выложенной кафельной плиткой (если конечно, вы не занимаетесь рекламой кафеля). Если этого добиться, то ее повторяемость будет незаметна и создастся впечатление ровного фона. Попробуем изготовить такую текстуру на основе фотографического снимка мрамора

Информация о файле

Информация о файле

Информация об изображении может понадобиться не только для защиты прав его автора. Гораздо чаще она необходима при передаче изображений в редакцию или сервис-бюро Полезна информация и самому автору, поскольку позволяет упорядочить большое количество изображений и дает возможность поиска. В этом случае данные не должны ограничиваться именем автора. Организации Newspaper Association of America (NAA) и International Press Telecommunications Council (IPTC) разработали стандартную форму сопроводительной информации к материалам, распространяемым в цифровой форме Photoshop поддерживает эту спецификацию в отношении изображений.
Доступ к информации об изображении осуществляется по команде FileInfo... меню File В одноименном диалоговом окне можно указать название изображения, дату его создания, источник, имя и адрес автора, ключевые слова и любую дополнительную информацию Для файлов Photoshop эту информацию можно получить не открывая файл в программе. Диалоговое окно свойств файла включает вкладки, соответствующие разделам диалогового окна File Info (рис 9. 28).

Элементы дизайна

Элементы дизайна Web-страница, в отличие от журнальной или книжной, имеет специфические элементы дизайна. Это обусловлено ее интерактивными качествами и особенностями HTML, языка описания страницы.

Кнопки

Кнопки

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

Эффект	Имитация	Параметры
Drop Shadow	Тень от объекта на плос кости. Объект производит впечатление приподнятого над фоном	Режим наложения (Mode). Непрозрачность (Opacity). Цвет тени. Угол, под которым направлен свет (Angle). Расстояние от объекта (Distance). Размывка тени (Blur) "Густота" тени (Intensity)
Inner Shadow	Тень от границ объекта на самом объекте Объект производит впечатление вырезанного из фона	Режим наложения (Mode) Непрозрачность (Opacity) Цвет тени Угол, под которым направлен свет (Angle) Расстояние от объекта (Distance) Размывка тени (Blur) "Густота" тени (Intensity)
Outer Glow	Свечение объекта	Режим наложения (Mode) Непрозрачность (Opacity) Цвет свечения Величина свечения (Blur) Яркость свечения (Intensity)
Inner Glow	Свечение объекта изнутри	Режим наложения (Mode) Непрозрачность (Opacity) Цвет свечения Величина свечения (Blur) Яркость свечения (Intensity) Выбор светящейся части объекта— края (Edges) или центр (Center)
Bevel and Emboss	Барельеф и горельеф. Объект выглядит выдавленным на фоне, вдавленным в фон или сам приобретает рельеф	Режим наложения (Mode) для теней Режим наложения (Mode) для светов Непрозрачность (Opacity) для теней Непрозрачность (Opacity) для светов Цвет светов Цвет теней Вариант эффекта Внешний скос (Outer Bevel) Внутренний скос (Inner Bevel) Барельеф (Emboss) Вдавленный барельеф (Pillow Emboss) Угол, под которым направлен свет (Angle) Высота рельефа (Depth) Размывка рельфа (Blur) Выбор между барельефом (Up) и горельефом (Down)

При умелом сочетании эффектор с остальными богатыми возможностями Photoshop можно получить весьма оригинально выглядящие кнопки.
Следующий пример показывает, как легко сделать "реалистичное" изображение кнопки сочетанием эффектов Photoshop и фотографического изображения. По сути это несложный монтаж, в котором применены большинство средств Photoshop. Создадим крупную круглую кнопку с тенью и прозрачным фоном, что позволит помещать ее на страницу с любой фоновой текстурой.
Совет
Совет
Создавайте изображения для Web-страниц с большими размерами, чем реальные. Это позволит вам лучше видеть их детали Придать изображению окончательный размер лучше уже после того, как оно полностью готово.
1. Создайте новый документ размером 200х200 пикселов и белым фоновым слоем с помощью команды New... меню File.
2, С помощью инструмента Elliptical Marquee выделите круг с диаметром примерно на 30 пикселов меньшим, чем ширина документа.
3. Откройте документ с текстурой мрамора rnarble.jpg, который использовался в упражнениях предыдущего раздела.
4. Выделите весь документ и скопируйте в буфер обмена.
5. Закройте документ rnarble.jpg.
6. Вставьте текстуру из буфера обмена в выделенную область нового документа с помощью команды Paste Into меню Edit.
7. Выберите команду Bevel and Emboss... меню Effects.
8. Перед вами диалоговое окно самого сложного из эффектов (Рисунок 9.26). Грубо говоря, эффект рельефа создается четырьмя растяжками, примыкающими к объекту. Две смежные растяжки создают переходы между цветом объекта и более темным цветом. Две противолежащие растяжки, напротив, осуществляют переход от цвета объекта к более светлому.
Совет
Совет
Если вы желаете увидеть механизм эффекта, воспользуйтесь командой Create Layers меню Effects. Она помещает растяжки, создающие эффект рельефа, на отдельные слои.
9. С помощью элементов управления полей Highlight и Shadow определяются конечные цвета этих растяжек и режим их наложения на объект или фон. По умолчанию это черный цвет для теней и белый цвет для светов. Для теней определен режим Multiply, а для светов — Screen. Эти установки годятся для большинства случаев. Оставьте их в исходном состоянии.

Photoshop для WWW

Photoshop для WWW


Photoshop создавался как программа, предназначенная для очень узкого круга потребителей, использующих настольные издательские системы. В те времена стоимость аппаратуры (компьютеры, сканеры, принтеры), необходимой для элементарной работы с изображениями, измерялась десятками тысяч долларов. Стремительное развитие компьютерных технологий в последнее десятилетие сделало такую аппаратуру доступной для всех. Photoshop тоже превратился из программы только для специалистов по издательским системам в программу широкого применения.
Развитие и повсеместное распространение Internet сделало Photoshop программой №1 для тех, кто создает свои страницы в WWW (World Wide Web). Язык описания Web-страниц, HTML (Hypei-Text Markup Language), поддерживает использование только точечных изображений, а лучший редактор точечных изображений, конечно Photoshop. HTML исключительно прост, а визуальные редакторы (Microsoft Frontpage, Adobe PageMill, Macromedia Dreamwaver и др.) сделали верстку Web-страниц столь же простым делом, как набор текста с помощью текстового процессора. Это вызвало лавинообразный рост WWW, и, как следствие, спрос на инструменты создания Web-страниц.
Разработчики прекрасно понимают причины популярности своего детища и с каждой версией вводят в него возможности, ориентированные на новый слой потребителей, Web-дизайнеров:
§ Фильтры экспорта в основные форматы WWW: GIF 89a, JPEG, PNG.
§ Специальная палитра цветов, обеспечивающая их одинаковую передачу на компьютерах разных платформ и с разными браузерами.
§ Эффекты для слоев: тени, имитация объема. Возможность редактировать текст.
§ Средства автоматизации и пакетной обработки изображений: палитра Actions, команды меню Automate.
§ Сохранение в файлах изображений информации об авторском праве и внедрение в изображения невидимых авторских меток.
§ Фильтры импорта и экспорта файлов-документов в переносимом формате PDF (Portable Document Format).
§ Расширение интерфейса программирования (API). Это стимулирует создание сторонними производителями специализированных подключаемых модулей для Photoshop.
Далее рассмотрим применение этих возможностей при создании изображений, предназначенных для World Wide Web.

Прозрачность

Прозрачность

Подготовка изображений в формате GIF имеет ряд особенностей, связанных с получением прозрачных участков. В этом разделе займемся созданием такого изображения.
1. Откройте файл plane, tif.
2. Преобразуйте слой Background в обычный слой. Напомним, что для этого нужно сделать двойной щелчок на пиктограмме слоя в палитре слоев и нажать кнопку ОК в открывшемся диалоговом окне Make Layer.
3. Выделите фон, загрузив выделенную область из альфа-канала.
4. Удалите фоновые пикселы командой Clear меню File или нажатием клавиши . Теперь изображение находится на прозрачном фоне.
5. Выберите команду Export меню File и в открывшемся вложенном меню команду GIF89a Export....

Размеры и разрешение

Размеры и разрешение

В отличие от бумажной, размер Web-страницы не ограничен ни по горизонтали, ни по вертикали. Тем не менее, ни в коем случае не делайте страниц, ширина которых превышает ширину экрана. Длина страницы менее критична, но оптимальная величина — два-три экрана. Поскольку изображения на Web-странице предназначены только для просмотра на экране, их разрешение должно совпадать с разрешением экрана, а размеры не должны превышать его Разрешение мониторов варьируется в широких пределах, так же, как и диагональ экрана — на какие же параметры рассчитывать Web-дизайнеру9 На практике страницы проектируются исходя из средних величин Наиболее типичное разрешение мониторов на сегодня 72 пиксела/дюйм (800х600 пикселов), а диагональ 15 дюймов (видимая область 14 дюймов или 35 см) Из этих размеров следует вычесть площадь, занимаемую элементами интерфейса самого браузера. Кроме того, большинство пользователей предпочитают открывать окно браузера не на весь экран, чтобы иметь возможность быстро переключаться между несколькими одновременно открытыми его копиями В результате получится примерно 600х400 пикселов (рис 9.1).

Размеры разрешения форматы

Размеры, разрешения, форматы

Эти основные параметры в приложении к документам, предназначенным для электронного распространения, имеют свою специфику. Подавляющее большинство пользователей Internet до сих пор применяют в работе обыкновенные коммутируемые телефонные линии и модемы, поддерживающие низкую (28800—56000 бод) скорость передачи данных. Скорость передачи зачастую лимитируется качеством телефонных линий и высокой загрузкой внешних каналов, что особенно актуально для нашей страны. В этом случае, скорость падает даже ниже номинальной скорости модема.
Скорость передачи графической информации значительно ниже, чем текстовой. Это определяет необходимость разумного подхода при создании изображений для распространения по сети. Размеры графических файлов должны быть не слишком велики, чтобы пользователь-читатель не покинул страницу потому, что ему надоело ждать окончания ее загрузки.
Время загрузки изображений пропорционально размеру их графических файлов. Можно выделить три способа минимизации этих размеров:
§ Снижение размеров и разрешения изображений
§ Уменьшение количества цветов в изображении
§ Использование сжатых и специальных форматов файлов, их оптимизация
Все эти способы используются при подготовке изображений для Web-страниц. Важно найти компромисс между скоростью и качеством изображения, чтобы, не утомляя пользователя длительным ожиданием, представить эффектную и информативную страницу.

Photoshop широко используется при создании

Резюме


§ Photoshop широко используется при создании изображений для WWW. Эта работа имеет свою специфику, связанную с невысокой скоростью передачи данных по коммутируемым линиям. Она требует минимизации размеров и количества изображений на Web-странице.
§ Поскольку изображения на Web-странице предназначены исключительно для экранного просмотра, они должны иметь разрешение экрана монитора, 72 пиксела/дюйм. При создании Web-страниц вместо пары размер/разрешение удобнее использовать одну единицу измерения — пиксел.
§ Все браузеры позволяют просматривать Web-страницы с изображениями в форматах GIF и JPEG. Эти форматы используют эффективные алгоритмы сжатия, значительно сокращающие размеры графических файлов. При этом формат GIF поддерживает только индексированные, а JPEG и полноцветные изображения. Уменьшить размер GIF-файла можно сократив количество цветов в изображении. Формат JPEG позволяет управлять сжатием, но его увеличение приводит к снижению качества изображения-
§ Формат GIF позволяет создавать изображения с прозрачными областями и несложную анимацию. Используйте Photoshop для создания отдельных кадров анимации и специальные программы-аниматоры для сборки кадров в один файл GIF.
§ С помощью Photoshop легко создавать и специфические элементы дизайна Web-страниц: фоновые текстуры и кнопки.
§ С помощью специального фильтра можно внедрить в изображение цифровую метку, позволяющую автору "подписывать" свои работы. Для получения собственной метки обратитесь на сервер http://www.digimarc.com/.
§ Любой графический файл Photoshop позволяет снабдить исчерпывающей информацией о находящемся в нем изображении. Используйте эту возможность при передаче файлов другим лицам и для систематизации своих архивов.

Размер

Рис 9.1. Размер


Web-страницы
на экране монитора
Размеры изображений на странице определяются ее дизайном. Если у вас есть возможность изменить дизайн страницы таким образом, чтобы уменьшить количество изображений и их размеры, то обязательно воспользуйтесь ею, например:
§ Примените сплошной цветной фон вместо графического.
§ Используйте цветной фон ячеек таблиц вместо графического.
§ Создайте текстовые ссылки вместо графических кнопок
§ Вводите для серии страниц повторяющиеся графические элементы, чтобы избежать их постоянной загрузки по сети
§ Определите наиболее долго загружающиеся изображения и рассмотрите возможность уменьшения их размеров Еще несколько советов по оптимизации загрузки изображений:
§ Одно большое изображение грузится быстрее, чем несколько маленьких (не пересылается дополнительная служебная информация), поэтому используйте изображения-карты ссылок (image maps).
§ Указывайте в ссылках на изображение его размеры — браузеру потребуется меньше времени на загрузку изображения и он сразу построит для него правильную рамку.
В Web-дизайне удобнее применять другую единицу измерения для изображений — пиксел. Такая единица избавляет от необходимости использования пары параметров размер/разрешение и позволяет легче соотнести размер изображения с размером страницы. В данной главе будем пользоваться именно этой единицей измерения.

Первое диалоговое окно

Рис 9.10. Первое диалоговое окно мастера Export Transparent Image.


Выбор прозрачных областей
6. Нажмите кнопку Next. Мастер создаст копию экспортируемого изображения и далее будет работать только с этой копией.
7. Второе окно мастера экспорта предлагает вам выбрать применение изображения: для печати (Print) или для Web-страницы (Online). Выберите второй вариант (Рисунок 9.11). Совет
Совет
Если на этом шаге выбрать изображения для печати, то мастер создаст контур обтравки (см. главу 6) на основе выделенной области и экспортирует изображение в формат EPS. Если вас не слишком беспокоит качество результата вы можете пользоваться мастером экспорта для размещения в издательских системах или программах подготовки иллюстраций изображений с непрямоугольным контуром

Второе диалоговое окно

Рис 9.11. Второе диалоговое окно мастера Export Transparent Image.


Выбор назначения изображения 8. Нажмите кнопку Next
9. Третье окно мастера экспорта (Рисунок 9.12) позволяет вам выбрать формат файла для размещения на Web-странице. Поскольку браузеры поддерживают прозрачность только для двух форматов (GIF или PNG), выбор невелик. Пойдем по более длинному пути: выберите формат GIF.

Третье диалоговое окно

Рис 9.12. Третье диалоговое окно мастера Export Transparent Image.


Выбор формата файла 10. Четвертое окно предупреждает вас о том, что формат GIF поддерживает только восьмибитные изображения и следующим шагом будет сокращение числа цветов в изображении.
11. Нажмите кнопку Next.
12. Перед вами знакомое окно преобразования полноцветного изображения в индексированное. По умолчанию мастер устанавливает палитру Web и случайное сглаживание. Оставьте значения по умолчанию.
13. Нажмите кнопку ОК.
14. В появившемся стандартном окне сохранения файлов укажите имя GlF-файла и папку, в которую его следует поместить.
15. Нажмите кнопку Save.
16. Следующее окно тоже вам знакомо и предлагает выбрать способ развертки изображения в браузере, нормальный (Normal) или чересстрочный (Interlaced). Если бы на 9-м шаге вы выбрали формат PNG, то следующим после него шагом сразу был этот, поскольку для формата PNG не требуется преобразование в индексированный цвет.
17. Нажмите кнопку ОК.
18. Последнее окно мастера поздравляет вас с успешным экспортом изображения. Нажмите кнопку Finish.
19. Мастер экспорта оставляет открытым окно с рабочей копией изображения. Его можно закрыть без сохранения.
В новой версии Photoshop появился модуль Save For Web, который сильно облегчает работу, обеспечивает большую гибкость и лучшее качество экспорта изображений в форматы GIF, JPEG и PNG. Главное окно модуля изображено на Рисунок 9.13. Оно открывается одноименной командой из меню File.
Основную часть окна занимает область предварительного просмотра. Она может находиться в одном из четырех режимов, устанавливаемых с помощью вкладок:
§ Original. Изображение в исходном виде.
§ Optimized. Вид изображения после оптимизации. Именно так оно и будет выглядеть в браузере.
§ 2-Up. Одновременный просмотр оригинала и оптимизированного изображения. Впрочем, оба окна в области просмотра могут отображать оптимизированное изображение, но с различными параметрами оптимизации.
§ 4-Up. В этом режиме область просмотра делится на четыре окна, в которых можно заказать демонстрацию оригинала и оптимизированного изображения с разными параметрами оптимизации. Такой режим удобно использовать для выбора наилучших параметров. Он позволяет визуально оценивать влияние сжатия или уменьшения палитры на качество изображения и его размер.

Окно фильтра экспорта Save For Web

Рис 9.13. Окно фильтра экспорта Save For Web


Управление масштабом отображения в области просмотра организовано так же, как и в самом Photoshop: с помощью списка масштабов в левом нижнем углу окна и инструментов Zoom и Hand.
Под каждым окном области просмотра указываются формат файла изображения (GIF, JPEG или PNG), параметры оптимизации, размер файла и время его загрузки в браузер при заданной скорости модема Выберите ее в меню просмотра, открывающегося нажатием круглой кнопки с треугольной стрелкой. Там же вы найдете и варианты отображения цветов:
§ Uncompensated Color. Цвета отображаются в области просмотра "как есть", без поправок.
§ Standard Windows Color. Таким образом отображаются цвета на мониторах компьютеров, работающих под управлением системы Windows.
§ Standard Macintosh Color. На компьютерах Macintosh изображения выглядят несколько светлее, поскольку MacOS использует иное значение гаммы (1,8), чем Windows (2,2). Выбрав этот вариант, вы сможете оценить, как будет выглядеть изображение для пользователей Macintosh.
§ Photoshop Compensation. Вид изображения корректируется в соответствии с установками системы управления цветом, сделанными в Photoshop. Опробуем новый фильтр экспорта в действии на изображении самолета из файла plane.tif.
1. Откройте файл plane.tif.
2. Выберите команду Save For Web из меню File.
3. Выберите режим 2-Up, перейдя на соответствующую вкладку.
4. Увеличьте масштаб демонстрации в области просмотра до 300%. Это позволит лучше оценить качество оптимизации.
5. В правой части окна находятся элементы управления параметрами экспорта. В списке Settings выберите формат сохранения JPEG (Рисунок 9.14).

Установки экспорта в

Рис 9.14. Установки экспорта в формат JPEG модуля Save For Web


6. Список Compression quality предлагает несколько типичных значений качества изображения от Low до Maximum. Более тонкая регулировка осуществляется ползунком Quality, расположенным правее. Для начала установите с его помощью максимальное качество, 100%. При столь высоком значении изображение в правой части области просмотра (оптимизированное) практически не отличается от оригинала в левой части. Взгляните на информационные поля в соответствующих частях области просмотра. Оригинал, не сжатое изображение, занимает 120 Кбайт, а сжатое — 34,54 Кбайт. Даже столь низкий коэффициент сжатия обеспечивает почти четырехкратный выигрыш в размере файла.
7. Посмотрите на оценку времени загрузки сжатого изображения. Оно составит 13 секунд при скорости модема 2,88 Кбайт/сек. Теперь представьте себя читателем Web-страницы, на которой находится пять таких изображений. Будете ли вы дожидаться пока страница загрузится целиком? Скорее всего нет. Чтобы удержать читателя, требуется делать изображения как можно более компактными. В случае формата JPEG нужно просто понизить качество, увеличив коэффициент сжатия. Установите ползунок Quality посередине, примерно на 50%. Очевидно, качество ухудшилось, появилась характерная "грязь". Но так ли уж плохо дело?
8. Установите масштаб отображения 1:1 двойным щелчком на инструменте Zoom. Даже внимательный просмотр не позволяет обнаружить различия между оригиналом и сжатым изображением.
9. Уменьшайте качество изображения с помощью ползунка Quality до тех пор, пока не заметите отличий от оригинала. Это должно произойти при качестве приблизительно 20%. Заметьте, что размер файла с таким сжатием составляет всего 5 Кбайт, а время загрузки сократилось до 3 секунд!
10. Теперь отыграем еще одну секунду для читателя Web-страницы. Коэффициент сжатия можно повысить за счет предварительного размывания изображения. Ползунок Blur в области Settings избавит от необходимости покидать окно фильтра экспорта. Разумеется, размывка должна быть не слишком значительной, чтобы качество изображения не пострадало. Значение 0,2 вполне удовлетворяет этому требованию.
11. Еще уменьшите качество изображения с помощью ползунка Quality до 15—18%. Это сократит размер файла еще на килобайт, а время загрузки на секунду. Теперь самому нетерпеливому посетителю вашей Web-страницы будет не в чем упрекнуть ее автора.
12. Флажок Progressive задает чересстрочную развертку изображения при загрузке в браузере. Она слегка увеличивает размер файла, но и дает возможность читателю страницы самому определять, стоит ли дожидаться полной загрузки. Установите его.
13. Флажок ICC Profile позволяет внедрить в файл изображения цветовой профиль. Устанавливайте этот флажок только если у вас есть для этого весьма веские причины, поскольку внедренный профиль увеличивает размер файла на 3—4 килобайта.
14. Флажок Optimized включает дополнительную оптимизацию внутренней структуры JPEG, что иногда еще сильнее сокращает размер файла. Побочный эффект оптимизации может сказаться только при использовании очень старых версий браузеров. Все новые браузеры нормально обрабатывают такие файлы.
15. Правильность сделанных установок легко проверить, загрузив готовое изображение в браузер. Для этого вам даже не придется покидать окно модуля экспорта. Нажмите кнопку Preview in <имя браузера>, и модуль откроет браузер с загруженным в него изображением. Ниже изображения вы увидите HTML-код, который сгенерирован модулем экспорта для демонстрации этой страницы (Рисунок 9.15). Цвет фона страницы можно предварительно задать с помощью списка Matte. Примечание
Примечание
Если вы занимаетесь Web-дизайном, то, скорее всего, на вашем компьютере установлены как минимум два браузера: Internet Explorer и Netscape Communicator Кнопка Select Browser Menu, расположенная рядом с кнопкой Preview in, открывает меню, позволяющее выбрать для просмотра любой из установленных на компьютере браузеров.

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

Рис 9.15. Предварительный просмотр оптимизированного изображения а окне браузера


При поточной обработке большого количества графических файлов установка всех перечисленных параметров для каждого изображения отдельно займет слишком много времени. Гораздо рациональнее сохранить проделанные настройки для повторного использования. 1. Откройте меню Optimize Menu щелчком на кнопке с треугольной стрелкой в области Settings.
2. Выберите команду Save Settings Она открывает диалоговое окно Save As, позволяющее сохранить настройки в файл. Введите какое-нибудь имя в поле File name, например "JPEG 18", и нажмите кнопку Save. Теперь в списке Settings появилось введенное имя. При обработке следующего файла будет достаточно выбрать его из списка. Обратите внимание, что список уже содержит несколько наиболее типичных вариантов настроек, предопределенных разработчиками.
Примечание
Примечание
Не нужные более наборы установок, удлиняющие список Settings, легко удалить командой Delete Settings меню OptimizeMenu. Эта команда удаляет текущий набор установок
3. Нажмите кнопку ОК. Она откроет стандартное диалоговое окно сохранения файла. По умолчанию предлагается исходное имя документа Photoshop. Флажок Save HTML File заставляет модуль экспорта поместить в папку с оптимизированным изображением еще и HTML-файл, содержащий тот же код, что и генерируется для предварительного просмотра. Выберите вашу рабочую папку и нажмите кнопку Save. Окно модуля экспорта закроется, а в выбранной папке появится оптимизированный JPEG-файл, готовый для размещения на Web-странице.
Как уже отмечалось, для размещения на Web-странице изображений с прозрачными участками используется формат GIF, поддерживающий исключительно индексированные цвета. Модуль экспорта Save For Web позволяет сохранять изображения и в этом популярном формате.
1. Убедитесь, что текущим документом является plane.tif.
2. Преобразуйте слой Background изображения в обычный слой.
3. Загрузите из дополнительного альфа-канала маску, очерчивающую контур самолета.
4. Удалите фоновые пикселы, выбрав команду Clear из меню Edit, или просто нажав клавишу . Теперь изображение самолета размещено на прозрачном фоне.
5. Выберите команду Save For Web из меню File.
6. В списке Optimized file format выберите формат GIF (Рисунок 9.16).

Установки сохранения

Рис 9.16. Установки сохранения в формат GIF модуля Save For Web


7. Наиболее существенный параметр индексированного изображения — это количество цветов в его палитре. Оно задается в поле Colors и должно создавать компромисс между качеством и компактностью. Изображение самолета содержит совсем немного цветов и 16-цветной палитры будет для него вполне достаточно.
8. Список Color reduction algorithm содержит перечень алгоритмов генерации индексированной палитры изображения. Все они уже обсуждались в гл. 3, Заметим лишь, что по умолчанию предлагается вариант Selective, дающий наилучшие результаты для изображений, содержащих значительное пространство, заполненное близкими цветами. Изображение самолета как раз и попадает в эту категорию. В нем преобладают оттенки серого и красного цветов.
9. Отсутствующие в палитре изображения цвета имитируются сочетанием нескольких соседних пикселов близких цветов. Алгоритм имитации выбирается в списке Dithering algorithm. В большинстве случаев используются варианты Noise и Diffusion, не дающие регулярного узора, как Pattern. Алгоритм Diffusion лучше использовать для фотографических изображений, a Noise — для фоновых текстур и градиентов. Выберите в списке алгоритм Diffusion.
10. Величина сглаживания задается ползунком Dither, расположенным правее. Установите ее такой, чтобы передача оттенков была удовлетворительной. Помните, что чем выше сглаживание, тем больше размер результирующего файла.
11. Модуль Save For Web предлагает уникальный алгоритм предварительной обработки изображения, повышающий эффективность сжатия. Он управляется ползунком Lossy. Большие значения этого параметра существенно снижают качество изображения. Если же установить его в пределах от 5 до 15%, то снижение качества будет практически незаметным, а размер файла может сократиться на 5—40%. Установите ползунок Lossy на отметку 15%.
12. Флажок Transparency обеспечивает преобразование прозрачных участков слоя Photoshop в прозрачность GIF-файла. Установите его, иначе прозрачные участки окажутся заполненными сплошной заливкой.
13. Список Matte обеспечивает незаметный переход кромки изображения к фоновому цвету страницы. Пикселы кромки выделенного объекта, как правило, полупрозрачные, а это не поддерживается форматом GIF. В результате, при экспорте изображения в формат GIF, вокруг объектов на прозрачном фоне возникает характерное "гало". Чтобы избежать его появления, установите в списке Matting цвет фона Web-страницы. Полупрозрачные пикселы будут окрашены программой в этот цвет. Примечание
Примечание
При сброшенном флажке Transparency цвет, заданный в списке Matting, считается фоновым и заполняет все прозрачные участки изображения.
В начале этой главы уже упоминалось о том, что одинаковое воспроизведение цветов изображений на разных платформах компьютеров можно обеспечить используя стандартную палитру Web. Photoshop позволяет тонко регулировать этот аспект создания изображений с ограниченной палитрой. Вы можете привести к палитре Web все цвета изображения или только некоторые, наиболее важные.
1. В полуавтоматическом режиме приведение цветов к палитре Web осуществляется ползунком Web Snap. Он задает процент приведенных цветов палитры изображения. Попробуйте перемещать этот ползунок и наблюдайте за изменениями цветов изображения.
Текущая палитра изображения показана на вкладке Color Table, расположенной в правом нижнем углу окна Save For Web. При изменении значения параметра Web Snap происходящие изменения также отображаются в палитре изображения. Вы наблюдаете изменение некоторых цветов палитры и появление на их образцах белых кружков. Последние помечают цвета, приведенные к палитре Web. Вкладка Color Table полезна не только для наблюдения. Она позволяет управлять отдельными цветами изображения. Это гораздо более хлопотный, но и гибкий способ управления.
2. Верните ползунок Web Snap в нулевое положение, чтобы получить возможность ручного редактирования цветов.
3. Если вы хотите избежать существенных цветовых сдвигов в любых брау-зерах, но не хотите приводить все цвета к палитре Web, то имеет смысл сделать это выборочно. Особенно важно сохранить цвета, превалирующие в изображении. Чтобы определить, какие это цвета, задайте режим сортировки Sortby Popularity одноименной командой из меню панели. Наиболее часто встречающиеся цвета расположатся слева.
4. Щелкните мышью на втором слева образец в палитре. Образец получит белую рамку, показывающую, что он выделен. В строке состояния, расположенной в нижней части окна, отметьте значение компонентов выбранного цвета. Очевидно, он близок к белому, который, конечно, входит в палитру Web.
5. Чтобы избежать цветового сдвига, приведем цвет к белому. Photoshop может сам выбрать наиболее близкий к выделенному цвет из палитры Web- Для этого надо щелкнуть на пиктограмме с изображением кубика в нижней части панели или выбрать команду Web Shift/Unshift Selected Colors из ее меню. Образец окрасится в белый цвет и на нем появится белый кружок, говорящий о том, что цвет входит в палитру Web Белый квадратик в левом нижнем углу образца указывает, что цвет блокирован. Блокированные цвета сохраняются в неприкосновенности при сокращении цветов в палитре изображения и при просмотре в браузере. Чтобы снять блокировку, щелкните на пиктограмме с изображением замка в нижней части панели.
6. Приведение цветов к палитре Web можно проделать и полностью вручную с помощью окна Color Picker. Выделите все цвета в палитре командой Select All Colors из меню панели и щелкните на пиктограмме приведения цветов. Все цвета изображения приведены к палитре Web.
7. Среди цветов изображения вы заметите неверные пурпурные цвета. Исправим их вручную. Сделайте на одном из таких образцов в палитре двойной щелчок мышью. Перед вами появилось знакомое окно Color Picker. Убедитесь, что флажок Only Web Colors в нем установлен. Выберите ближайший к текущему цвету оттенок серого и закройте окно нажатием кнопки ОК. Цвет отредактирован (Рисунок 9.17). Если вы находите его тоже неудачным, снова откройте окно Color Picker и подберите другой.

Обозначения на образцах

Рис 9.17. Обозначения на образцах в палитре цветов (слева направо):
цвет приведен к палитре Web, цвет блокирован, цвет отредактирован,
цвет выделен


Примечание
Примечание
Многочисленные команды меню панели Color Table позволяют вам быстро выделять в ней приведенные (Select All WebSafe Colors), не приведенные (Select All Non-Web Safe Colors) и вообще все цвета (Select All Colors) Команды блокировки Lock/Unlock Selected Colors и Unlock All Colors снимают блокировку с выделенных и со всех цветов палитры соответственно. Аналогично команды Web Shift/Unshift Selected Colors и Unshift All Colors возвращают выделенные и все приведенные цвета, соответственно, к оригинальным значениям. Режимы сортировки цветов в палитре не исчерпываются критерием распространенности (Sort by Popularity). Их можно оставить без сортировки (Unsorted) и отсортировать по цвету (Sort by Hue) или яркости (Sort by Luminosity). Если после автоматического приведения цветов оказалось, что часть их избыточна, или напротив, каких-то не хватает, то панель предлагает команды дополнения палитры и удаления из нее лишних цветов. Они реализованы в виде пиктограмм с изображением чистого листа и мусорной корзины внизу панели и команд New Color и Delete Color в меню панели. Команда New Color дополняет палитру текущим цветом пипетки. Его образец находится непосредственно под этим инструментом. Задать этот цвет можно непосредственно (двойной щелчок на образце открывает ColorPicker) или взяв образец цвета с оригинального изображения пипеткой.
1. Отредактируйте палитру изображения любым из перечисленных приемов.
2. Сохраните сделанные установки в файле. Они должны появиться в списке Settings.
3. Нажмите кнопку ОК..
4. В открывшемся стандартном диалоговом окне выберите вашу рабочую папку и нажмите кнопку Save. Изображение экспортировано.
Последний обсуждаемый формат — PNG. Это достаточно новый формат, но уже поддерживаемый большинством современных браузеров. Он поддерживает как индексированные, так и полноцветные изображения. Алгоритм сжатия не приводит к потерям графической информации, поэтому плотность сжатия полноцветных изображений оказывается существенно ниже, чем у JPEG. Модуль Save For Web реализует экспорт в форматы PNG-8 для индексированных изображений и PNG-24 для полноцветных. Параметры экспорта PNG-8 абсолютно аналогичны GIF, и вам не составит труда разобраться с ними самостоятельно. PNG-24 вообще предлагает только переключение режимов прозрачности (Transparency), чересстрочной развертки (Interlaced) и параметров Matting.
В заключение раздела отметим еще одну полезную функцию модуля Save For Web — масштабирование изображений при экспорте. Наиболее часто изображения изготавливают в увеличенном масштабе, чтобы были видны все детали, а затем их уменьшают и экспортируют в формат GIF или JPEG. Модуль Save For Web избавляет вас от необходимости многократного открытия диалогового окна Image Size для подбора нужного размера. Аналогичные возможности предоставляет его вкладка Image Size (Рисунок 9.18). На ней вы найдете поля ввода высоты (Height) и ширины (Width) изображения и коэффициента масштабирования (Percent) в процентах. Установленный флажок Constrain Proportions задает режим пропорционального масштабирования. Задайте требуемые размеры изображения и нажмите кнопку Apply — в области просмотра вы сразу увидите, как будет выглядеть изображение is новом размере.

Рисунок 9.18. Вкладка Image Size модуля Save For Web

Документmarble jpg с

Рис 9.19. Документmarble jpg с текстурой мрамора в окне браузера


Откройте файл marblejpg Это изображение еще нельзя использовать в качестве текстуры. Если не верите — попробуйте. Результат будет таким, как на Рисунок 9.19. Проблема в том, что правая сторона должна "подходить" к левой, а верхняя к нижней. Для этого нужно перенести нижнюю часть изображения вверх, а левую — вправо. Затем "замазать" образовавшиеся стыки инструментом RubberStamp 1. Определим ширину переносимых фрагментов Для этого выберите в палитре инструментов инструмент Measure. Инструмент предназначен для измерения расстояния между любыми двумя точками изображения.
2. Откройте палитру Info и выберите в ней единицу измерения "пикселы". Для этого щелкните мышью на пиктограмме с изображением знака "плюс" и сделайте нужный выбор в открывшемся списке.

Способы сглаживания при индексации цветов

Рис 9.2. Способы сглаживания при индексации цветов


1. Откройте файл plane l.tif.
2. Создайте копию файла командой Duplicate... меню Image.
3. Выберите режим Indexed Color... из списка Mode, находящемся в меню Image.
4. Перед вами диалоговое окно Indexed Color. Здесь вам необходимо выбрать палитру изображения, глубину цвета, метод сглаживания, качество сглаживания и точность цветопередачи. В списке палитр выберите палитру Web.
5. В списке Dither выберите вариант Diffusion. Как уже упоминалось, наиболее приемлемый вариант.
6. Переключатель Color Matching переведите в положение Best и установите флажок Preserve Exact Colors, чтобы достичь максимального качества.
7. Нажмите кнопку ОК.
8. Проделайте шаги 3—8 с дубликатом изображения, только на шаге 4 выберите палитру Adaptive. Сравните получившиеся индексированные изображения (чтобы различия были очевидны, увеличьте масштаб отображения документов).
9. Несомненно, адаптированная палитра дает намного более качественный результат. Особенно это сказывается на изображениях с большим количеством оттенков нескольких цветов, поскольку в палитре Web много цветов, но мало оттенков. Убедитесь в этом, открыв палитру командой Color Table... того же списка Mode меню Image.
10. Закройте оба изображения не сохраняя. Особенно удачно использование индексированных изображений для отображения текстовой информации и рисунков. В этом случае 256 цветов даже излишни — можно обойтись и меньшим их количеством. Индексированные форматы предоставляют вам такую возможность. Photoshop автоматически вычисляет количество цветов в индексированном изображении и округляет его до ближайшей степени двойки: 2, 4, 8, 16, 32, 64, 128. Меньшее количество цветов позволяет создавать графические файлы меньшего размера.

Диалоговое окно Offset

Рис 9.21. Диалоговое окно Offset

3. Поместите курсор инструмента на правом крае изображения Нажмите клавишу и левую кнопку мыши Перемещайте курсор влево примерно на 1/5 ширины изображения. Отпустите кнопку мыши и клавишу Посмотрите на значение W в палитре Info Оно должно быть в районе 50 пикселов (Рисунок 9.20)
4. Выберите фильтр Offset... из группй фильтров Other. Как вы помните, почти все фильтры находятся в меню Filter.
5 Открывшееся диалоговое окно фильтра (Рисунок 9.21) позволяет указать смещение изображения (или его активного слоя) по горизонтали и вертикали Особенно важно, что при этом указывается, что надо делать с образовавшимися пустыми участками (поле Undefined Areas). Можно выбрать между заливкой .и фоновым цветом (переключатель Set to Background), заполнить их пикселами краев изображения (переключатель Repeat Edge Pixels) или переместить туда фрагменты, вышедшие за пределы холста (переключатель Wrap Around) Выберите последний вариант
6. В поля Horizontal и Vertical введите значение 50 пикселов
7. Нажмите кнопку ОК Вы видите результат перестановки полос шириной 50 пикселов с правого края изображения в левый и с нижнего края вверх. Теперь можно быть уверенными, что противоположные края этих изображений совпадут при состыковке. Осталось только сделать незаметными переходы между полосами и остальной частью изображения. Используйте для этого инструмент RubberStamp. Обработайте им границы полос. Для достижения плавных переходов цвета меняйте свойство прозрачности инструмента соответствующим ползунком в палитре свойств (рис 9.22)
8. Текстура готова. Опробуйте ее в качестве фоновой на Web-странице (Рисунок 9.23).

Документ marble jpg с

Рис 9.23. Документ marble jpg с готовой текстурой мрамора в окне браузера


Если ширина текстуры превышает горизонталь экрана, то зритель увидит стыковку ее элементарных ячеек только по вертикали. Этот прием тоже широко используется в Web-дизайне 1. Выберите команду New... меню File, которая позволит открыть диалоговое окно создания нового документа (Рисунок 9. 24) Клавиатурный эквивалент этой команды +
2. Введите в поле Name имя создаваемой текстуры, например, "line".

Диалоговое окно New

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


3. Ниже расположены поля ввода ширины, высоты и разрешения нового изображения Справа от них находятся раскрывающиеся списки с единицами измерения Для размеров выберите в качестве единиц измерения пикселы (pixels), а для разрешения — пикселы/дюйм (pixels/inch)
4. В поле Width введите значение 1024 пиксела Это максимальная ширина экрана для офисных мониторов
5. В поле Height введи re 1 пиксел — будем экономить
6. В списке типов изображений Mode установите RGB Color
7. В поле Contents оставьте переключатель White Этот переключатель определяет цвет, которым будет залито вновь создаваемое изображение Если бы был установлен переключатель Background Color, то для заливки использовался бы текущий фоновый цвет, а выбор переключателя Transparent привел бы к созданию документа из единственного прозрачного слоя В данном случае весь холст будет залит белым цветом.
8. Нажмите кнопку ОК Документ создан.
9. Выберите инструмент Gradient из палитры инструментов.
10. В палитре свойств этого инструмента выберите растяжку от основного к фоновому цвету.
11 Откройте палитру Color. С ее помощью установите основной (R: 0, G :75; В :75) и фоновый (R: 225, G: 225, В: 218) цвета.
12. Включите отображение линеек командой Show Rulers меню View, если они отсутствуют в окне документа.
13. Отступите 100 пикселов от левого края изображения и проведите горизонтально линию градиента длиной 10 пикселов
14. Переведите изображение в индексированный цвет командой IndexedColor... из списка Mode, вложенного в меню Image Вам будет предложена только палитра Exact, так как количество цветов в RGB-изображении всего 14, и все они будут точно переданы в индексированном цвете. Согласитесь со всеми установками в диалоговом окне щелчком на кнопке ОК.
15. Сохраните документ в вашей рабочей папке и используйте его как фон для Web-страницы (Рисунок 9.25). В браузере вы увидите светло-желтую страницу с зеленой полосой по левому краю. Полоса плавно переходит в желтый цвет за счет растяжки.
16. Посмотрите, каков размер файла фоновой текстуры. Всего 200 байт!

Текстура line gif в окне браузера

Рис 9.25. Текстура line gif в окне браузера


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

Диалоговое окно эффекта Bevel and Emboss

Рис 9.26. Диалоговое окно эффекта Bevel and Emboss


10. Отдельно для светов и теней определяются непрозрачности растяжек. Для уменьшения контраста установите в обоих полях Opacity значение 65%.
11. Список Style определяет вид рельефа, который, в свою очередь, определяется видом растяжек, имитирующих света и тени Выберите стиль Inner Bevel. Примечание
Примечание
Стиль Inner Bevel соответствует приданию рельефа самому объекту Растяжки при этом накладываются на края самого объекта Стиль Outer Bevel имитирует рельеф лежащего под объектом фона Растяжки проводятся наружу от краев объекта Стиль Emboss является промежуточным между первыми двумя Растяжки проходят как по объекту, так и по фону Стиль Pillow Emboss создает иллюзию того, что рельефный объект вдавлен в фон Такой эффект достигается противоположными растяжками от краев объекта к его центру и от центра.
12. Установите высоту рельефа Depth 16 пикселов.
13. Задайте значение 14 для размытия рельефа Blur.
14 Значение по умолчанию для угла Angle, под которым направлен свет, подходит для данной задачи. Значение 120° соответствует направлению света слева сверху. В этом поле можно установить июбое значение угла. Если при этом расположенный рядом флажок Use Global Angle установлен, то введенное значение распространяется на все слои эффектов в изображении Такой принцип вполне оправдан, поскольку направление света, как правило, едино для всего изображения. Глобальный угол можно изменить и с помощью специальной команды Global Angle... меню Effects.
15. Переключатели Up и Down предназначены для быстрого изменения угла падения света на 180°. Оставьте активным переключатель Up.
16. В раскрывающемся списке эффектов выберите эффект Drop Shadow....
17. Создайте тень с параметрами по умолчанию.
18. Нажмите кнопку ОК.
19. Выберите команду Equalize из списка Adjust меню Image.
20. Загрузите маску слоя щелчком на ее миниатюре при нажатой клавише .
21. Выберите команду Contract... из списка Modify, вложенного в меню Select.
22. Уменьшите выделенную область на 15—16 пикселов
23. Скопируйте выделенную область на новый слой командой Layer Via Copy, находящейся в списке New, вложенном в меню Layer. Быстро этого можно добиться нажатием клавиш +. Обратите внимание, что выделенная область скопировалась вместе с эффектами, приложенными к исходному слою.
24. Сделайте двойной щелчок мышью на пиктограмме эффектов слоя в палитре Layers.
25. В открывшемся окне Effects отмените эффект Drop Shadow, сняв флажок Apply в соответствующем разделе диалогового окна.
26. Перейдите в раздел Bevel and Emboss диалогового окна Effects. Измените тип рельефа на Outer Bevel и уменьшите высоту до 10 пикселов. Установите переключатель Down. Нажмите кнопку ОК. Кнопка приобрела рельефную окантовку, как пуговица.
27. Сделаем мрамор кнопки более темным и придадим ему зеленый оттенок. Создайте новый корректирующий слой щелчком на пиктограмме нового слоя в палитре Layers при нажатой клавише . Тип слоя установите Hue/Saturation. Нажмите кнопку ОК.
28. Измените тон обоих нижележащих слоев на темно-зеленый (Hue: -44; Saturation: +37; Lightness: -17). Нажмите кнопку ОК.
29. Сделаем очень темной среднюю часть кнопки. Создайте новый корректирующий слой щелчком на пиктограмме нового слоя в палитре Layers при нажатой клавише . Тип слоя установите Brightness/Contrast.
Нажмите кнопку ОК.
30. Уменьшите почти до минимума яркость и контраст. Нажмите кнопку ОК.
31. Для того чтобы коррекция яркости действовала только на нужный слой (Layer 2), сгруппируйте с ним корректирующий слой. Напомним, что сделать это быстрее можно посредством всего одного щелчка на границе этих слоев в палитре Layers при нажатой клавише .
Кнопка создана — осталось разместить на ней какую-нибудь пиктограмму. Допустим, эту кнопку предполагается разместить на странице, содержащей сногсшибательный материал.
1. Выберите инструмент Type.
2. Выберите шрифт Windings, кегль 120 пунктов и темно-зеленый цвет (например, R:0; G:77; B:32).
3. Введите символ, соответствующий заглавной букве N.
4. Нажмите кнопку ОК.
5. С помощью инструмента Move установите пиктограмму по центру кнопки.
6. Выберите Outer Glow... меню Effects
7. Создайте эффект свечения, установив 100%-ную непрозрачность, размытие на 12 пикселов с интенсивностью 56, чистого зеленого цвета.
8. Нажмите кнопку ОК. Кнопка полностью готова (Рисунок 9.27). Убедительно, не правда ли?

Кнопка готова

Рис 9.27. Кнопка готова


9. Пересчитайте изображение на размер 60х60 пикселов с помощью команды Image Size... меню Image.
10. Отключите видимость слоя Background.
11. Экспортируйте документ в формат GIF с помощью команды GIF89a Export... меню Export, вложенного в меню File. Применение фильтра экспорта необходимо для сохранения прозрачных областей изображения. При экспорте используйте адаптированную палитру.

Диалоговое окно File Info

Рис 9.28. Диалоговое окно File Info


Примечание
Примечание
В диалоговом окне GIF89a Export Options (Параметры экспорта GIF89a) есть флажок Export Caption. Он становится доступным только, если заполнено поле Caption в диалоговом окне FileInfo В этом случае содержимое поля помещается в поле заголовка GIF-фаила и отображается в программах анимации На этом описание возможностей Photoshop в применении к Web-дизайну не завершается Новая версия располагает мощными средствами автоматизации работы, что особенно важно при поточной обработке изображении. Такая ситуация очень характерна для создателей web-сайтов. Впрочем, средства автоматизации помогут существенно ускорить работу любому пользователю Photoshop независимо от ею специализации. Этим средствам посвящена вся следующая глава.

Изображение с прозрачными областями в окне браузера

Рис 9.4. Изображение с прозрачными областями в окне браузера


Вторым форматом графических файлов в WWW является JPEG, уникальный алгоритм которого позволяет добиваться 15-кратной плотности сжатия Высокие плотности сжатия достигаются ценой качества изображения, что неприемлемо для издательских систем, но абсолютно несущественно для Web-страниц. В формате JPEG можно хранить полноцветные и полутоновые изображения, что великолепно дополняет возможности формата GIF Оба формата, GIF и JPEG, поддерживают чересстрочную развертку Это выглядит так, будто по мере загрузки с границы изображение становится более четким и подробным Такой способ демонстрации заключается в загрузке изображения не подряд, а через несколько (2—5) строк. 1. Откройте файл chart.ai из вашей рабочей папки командой Open из меню File.
2. В открывшемся диалоговом окне Rasterize Generic EPSFormat оставьте предлагаемые размеры и разрешение 72 dpi, а цветовую модель в списке Mode установите RGB Color.
3. Выберите команду Flatten Image из меню Layer, чтобы документ получил слой Background.
4. Выберите команду Save A Copy меню File.
5. В открывшемся диалоговом окне выберите формат сохранения JPEG (расширение jpg).
6. Нажмите кнопку Save.
7. Перед вами диалоговое окно JPEG Options (Рисунок 9.5).

Диалоговое окно JPEG Options

Рис 9.5. Диалоговое окно JPEG Options


8. В поле Image Options устанавливается степень сжатия файла. Чем сильнее сжатие, тем меньше получающийся файл, и ниже его качество Параметр имеет 10 градаций (от 0 до 10) и четыре предопределенных варианта: 1 Low, 3 Medium, 6 High и 8 Maximum. Выбирайте степень сжатия исходя из сюжета изображения. Поначалу обязательно открывайте полученный JPG-файл и оценивайте его качество. Скоро у вас появится опыт, чтобы сделать правильный выбор этого параметра. Пока установите качество Low.
9. В поле Format Options устанавливаются параметры, связанные с особенностями формата. Переключатель Baseline ("Standard") соответствует самому распространенному варианту формата. BaselineOptimized является слегка оптимизированной версией первого, а выбор переключателя Progressive позволяет создавать изображения с чересстрочной разверткой. Если установлен последний вариант формата, то становится доступным список с фактором чередования строк. Выберите переключатель BaselineOptimized.
10. Нажмите кнопку ОК. Копия документа сохранена в файле chart copy jpg.
11. Сохраните еще одну копию документа в формате TIFF с помощью команды Save A Copy.
12. Сравните размер chart copy-tif с размером файла chart copy jpg. Первый занимает на диске 240 Кбайт, а второй 24 Кбайт — в 10 раз меньше!
13. Откройте файл chart copy.tif и сравните с оригиналом. Никаких отличий нет.
14. Теперь откройте файл chart copy.jpg и внимательно просмотрите изображение под увеличением (Рисунок 9.6). Заметили характерную "грязь" и нарушения цветопередачи. Такое изображение непригодно для высококачественной печати, но для Web-страницы вполне подойдет.

Изображение до и после сохранения в формате JPEG

Рис 9.6. Изображение до и после сохранения в формате JPEG


Невозможность создания полноцветных изображений с прозрачными участками в рамках форматов GIF и JPEG привела к появлению нового формата. Формат PNG был разработан в качестве альтернативы формату GIF и для представления изображений в сети World Wide Web и в других электронных сетях. Этот формат сохраняет всю цветовую информацию и один альфа-канал изображения, а также для минимизации объема файла применяется алгоритм уплотнения, не приводящий к потере данных. Альфа-канал используется браузером в качестве маски прозрачности. Плотность сжатия PNG-файлов аналогична плотности TIFF-файлов, поскольку применяются сходные алгоритмы, которые не приводят к снижению качества изображений К сожалению, старые версии некоторых браузеров не поддерживают этот формат, но если вы ориентируетесь на Internet Explorer или Netscape Navigator, то можете смело им пользоваться. Идеального графического формата не существует, поскольку каждый призван решать строго определенный круг задач. Это стимулирует новые разработки в области графики для WWW.
Часто бывает необходимо опубликовать на Web-странице изображение, которое имеет ценность само по себе: художественная фотография, картина, фотографический результат исследований (например, рентгенограмма), карта и т. п. Для того чтобы зритель мог рассмотреть его фрагменты более крупным планом, приходится создавать серию этих "крупных планов" и делать ссылки на них с полного изображения Неудобство и несовершенство такого метода бросается в глаза. Уже сейчас предлагается два варианта решения этой проблемы. Первый заключается в создании графического формата, поддерживающего значительное масштабирование с минимальными потерями качества. Второй вариант решения предполагает создание формата, позволяющего пользователю самому выбирать разрешение для просмотра, наподобие формата PCD. Первым путем пошли разработчики формата FIF (компания Altamira), а вторым — FPX (компании Hewlett Packard, Kodak). На сайтах этих компаний вы можете найти соответствующие фильтры импорта и экспорта для Photoshop. Пока данные разработки находятся в стадии эксперимента, и для просмотра результатов их работы требуются специальные дополнения для браузеров или серверов. Широкое использование этих форматов пока еще дело будущего.

Диалоговое окно GIF89a Export Options

Рис 9.7. Диалоговое окно GIF89a Export Options


6. Перед вами диалоговое окно фильтра экспорта (Рисунок 9.7). Поле TransparencyFrom является серый цвет (R:192, G:192, В:192). Выбор цвета никак не отразится на виде изображения в браузере: на месте этого цвета будет фоновый цвет Web-страницы- Выбор цвета имеет смысл только для оценки качества произведенного выделения прозрачных областей. Из этих соображений удачным считается выбор контрастного цвета, не встречающегося в самом изображении. Щелкните мышью на образце цвета. В открывшемся диалоговом окне Color Picker выберите ярко-синий цвет. Щелчок на кнопке ОК позволит вернуться в диалоговое окно фильтра экспорта. Образец цвета отобразит выбранный цвет.
7. Ниже расположен раскрывающийся список для выбора палитры индексированного изображения: адаптированной или системной. Чаще всего оставляйте значение по умолчанию — Adaptive. Если же для вас важна адекватная цветопередача на компьютерах разных платформ, то используйте палитру Web, которую необходимо загрузить. Нажмите кнопку Load в правой части диалогового окна. Это позволит вам выбрать произвольную палитру. Найдите на жестком диске папку, в которой установлен Photoshop. Из нее перейдите во вложенную папку Goodies\Color Palettes. В раскрывающемся списке типов палитр выберите вариант Swatches (*.АСО), а затем файл Web Safe Colors.aco. Нажмите кнопку Open
.
Примечание
Примечание
Кроме палитр, находящихся в папке Color Palettes, при экспорте в формат GIF вы можете выбрать любой другой набор цветов, созданный в палитре Swatches. Также можно выбрать любую палитру, созданную средствами Windows; этому типу соответствует вариант Microsoft Palette® (*.PAL) Вы можете использовать палитру любого другого индексированного изображения, если предварительно сохранили ее из диалогового окна ColorTable. 8. Перед вами снова диалоговое окно фильтра экспорта. В списке палитр указана выбранная палитра. Список Colors позволяет выбрать количество цветов индексированного изображения. Выберите минимальное количество цветов, при котором результат будет удовлетворительным. Пока оставьте в списке значение по умолчанию, 256.
9. Качество получающегося изображения можно оценить с помощью окна предварительного просмотра (Рисунок 9.8). Откройте его нажатием кнопки Preview.
Окно делится на две области: в верхней представлен результат преобразования, а в нижней — палитра изображения. Справа от окна предварительного просмотра находятся кнопки двух инструментов — Hand и Zoom. Они используются для масштабирования и прокрутки изображения в окне просмотра. Пользуйтесь ими так же, как аналогичными инструментами из палитры инструментов главного окна Photoshop. Нажатие кнопки ОК позволит вернуться в диалоговое окно фильтра экспорта.

Окно предварительного просмотра

Рис 9.8. Окно предварительного просмотра


10. Установите флажки Use Best Match для более точного соответствия цветов изображения цветам палитры и Interlaced для создания изображения с чересстрочной разверткой.
11. Нажмите кнопку ОК. В следующем диалоговом окне оставьте имя GIF-фаила по умолчанию и нажмите кнопку Save.
12. Откройте полученный файл в браузере и оцените результат. Экспорт с помощью соответствующего фильтра - единственный способ получения GIF-изображений с прозрачными областями из Photoshop. Экспортировать можно не только RGB-изображения, но и индексированные. В этом случае вы получаете возможность дополнительного редактирования изображения с помощью мощных инструментов Photoshop уже после того как оно переведено в индексированный цвет. Данный путь имеет и свои недостаток: о закрашивании прозрачных областей уникальным цветом вам придется позаботиться самим.
1. Откройте файл plane.tif.
2. Выделите фон, загрузив маску из альфа-канала.
3. Установите чистый желтый основной цвет и залейте им выделенную область.
4. Отмените выделение командой Deselect меню Select или комбинацией клавиш +.
5. Выберите команду Indexed Color... из списка Mode, находящегося в меню Image.
6. В открывшемся диалоговом окне оставьте все установки по умолчанию и нажмите кнопку ОК. Изображение переведено из RGB в индексированный цвет. На этой стадии вы можете осуществить любое дополнительное редактирование и при этом быть абсолютно уверенным в том, что изображение, которое вы видите на экране, будет находиться и в GIF-файле и при просмотре в браузере.
7. Выберите команду Export из меню File и в открывшемся вложенном меню команду GIF89a Export....
8. Открывшееся окно GIF89a Export Options выглядит несколько по-другому, поскольку вы экспортируете уже индексированное изображение (Рисунок 9.9). Оно напоминает окно предварительного просмотра (Рисунок 9.8) Отличие в том, что в него перенесены настройки цвета прозрачных участков и флажок способа развертки. Также добавлен инструмент Eyedropрег, который предназначен для задания цветов, которые отмечают прозрачные области. Последовательно выбирая несколько цветов, вы объявляете их все "прозрачными". Выбирать цвет можно как в расположенной в нижней части окна палитре, так и непосредственно на изображении. Щелкните на желтом фоне в окне предварительного просмотра или на желтом образце в палитре изображения. Цвет фона в окне предварительного просмотра стал серым, так как именно таким определен цвет прозрачных областей.

Диалоговое окно GIF89a Export Options

Рис 9.9. Диалоговое окно GIF89a Export Options


9. Нажмите кнопку ОК. Введите имя GIF-файла, например planel.gif, и нажмите кнопку Save.
10. Откройте полученный файл в браузере и оцените результат. Как и следовало ожидать, он совпадает с полученным первым способом. Если вам кажется все это слишком сложным, то воспользуйтесь для экспорта изображений мастером Export Transparent Image. Мастер шаг за шагом предоставит вам инструкции по выполнению экспорта изображения.
1. Откройте файл plane.tif.
2. Загрузите маску фона из альфа-канала.
3. Инвертируйте выделенную область командой Inverse меню Select.
4. Выберите команду Export Transparent Image... меню Help.
5. Перед вами первое окно мастера экспорта (Рисунок 9.10). В нем необходимо указать, что мастер должен принимать за прозрачные области. В действительности у вас имеется два варианта: предварительно выделить эти области (I have selected the area to be made transparent) или разместить объект на прозрачном слое (My image is on a transparent background). При выборе третьего варианта (I need to select the area to be made transparent) просто закроется окно мастера. В данном случае годится первый вариант. Выберите его.

Сжатые форматы файлов

Сжатые форматы файлов

Как только передача графической информации по глобальным сетям стала обычным делом, компания CompuServe (крупнейшая онлайновая служба) предложила формат GIF, в основе которого лежит эффективный (в отличие от более ранних форматов, например, PCX) алгоритм сжатия. Этот формат используется в Internet и по сегодняшний день. Он позволяет сохранять только индексированные изображения.
Особенно интересно уникальное применение данного формата для создания анимационных эффектов. Формат GIF позволяет хранить в одном файле несколько изображений, а браузеры могут их поочередно демонстрировать. Для каждого изображения можно указать время его демонстрации. Если каждое из изображений, хранящееся в файле GIF, представляет фазу анимации, то браузер покажет маленький "мультфильм". Эта особенность формата GIF нашла очень широкое применение в Web-дизайне. Такие анимационные эффекты можно встретить практически на каждой странице WWW. Особенно часто анимированные изображения используются в баннерах (от английского banner, плакат), рекламных объявлениях.
Другая полезная для Web-дизайнера особенность формата GIF в том, что он поддерживает "прозрачность". Любые участки изображения, хранимого в этом формате, могут быть прозрачными. В браузере через эти участки будет "просвечивать" фон. Особенно часто подобный ход применяется для размещения на странице непрямоугольных изображений. Механизм создания прозрачности в GIF-файлах несколько отличен от используемого в Photo-shop. Поскольку изображение является индексированным, дизайнер должен выбрать "прозрачный цвет". Это может быть любой из цветов палитры изображения. В результате браузер будет трактовать данный цвет как прозрачный участок (Рисунок 9.4)

Уменьшение количества цветов

Уменьшение количества цветов

Для представления графики в Internet широко используются индексированные изображения. Они, как вы помните, позволяют передавать до 256 фиксированных цветов. Набор цветов изображения (палитра) хранится в файле вместе с изображением и используется браузером для демонстрации.
Изображения с индексированным цветом получают из полноцветных изображений путем уменьшения количества цветов. Как же передать 16 млн цветов полноцветного изображения 256-ю цветами индексированного? Для этого существует операция, называемая сглаживанием (dithering). Сглаживание построено на том же обмане зрения, что и типографская печать: несколько расположенных рядом точек разных цветов, будучи достаточно мелкими, производят впечатление точки "суммарного" цвета. Отличие изображения после типографской печати от индексированного только в том, что в первом случае используются четыре краски, а во втором — 256. Photo-shop в диалоговом окне Indexed Color, которое появляется после выполнения команды Image/Mode/Indexed Color... позволяет выбрать один из трех (Рисунок 9.2) вариантов сглаживания (или настройки цветов):
§ Pattern. Каждому из 16 млн. цветов сопоставляется определенная комбинация пикселов, имеющихся в палитре индексированного изображения. При пристальном рассматривании такая имитация выглядит как узор из цветных точек.
§ Diffusion. При таком алгоритме сглаживания происходит поочередное перекодирование каждого пиксела. После того, как выбрана подходящая комбинация индексированных цветов для представления первого пиксела, анализируется следующий. Вместо него добавляются пикселы, цвет которых вместе с цветом предыдущих даст требуемый. Эта операция проделывается со всеми пикселами изображения. Применение данного способа дает более привлекательный результат, поскольку не создает назойливо повторяющегося узора.
§ Noise. Как и Diffusion, дает случайное распределение пикселов, но гарантирует от проявления "узоров" в плавных градиентных переходах и погрешностей по краям изображения.
§ None. Этот метод сглаживания суть отсутствие сглаживания. В этом варианте для каждого цвета просто подбирается наиболее близкий из имеющейся палитры цветов. Это неминуемо приводит к сильному искажению цветов и применяется только в тех случаях, когда их количество лишь немного превышает 256.



    Сайт: Аннимация - Видео - Графика

• Анимация на сайте
  
• Графика на сайте
  
• Фотография на сайте
  
• Кино на сайте
  
• Flash на сайте
  
  
• Видео для сайта
  
• Premiere Pro
  
• Vstudio
  
• VirtualDub
  
• Sonic Scenarist
  
  
• DVD
  
  
• Изображения для сайта
  
• Пакет Photoshop
  
• Adobe Illustrator
  
• Adobe Illustrator
  
• CorelDRAW
  
  
• CorelXARA
  
• Maya
  

---

---