«Adobe Photoshop CS в примерах (I-II)»

ТОПОРКОВ Сергей "ADOBE FOTOSHOP CS В ПРИМЕРАХ" Часть I-II

Предисловие

Существует множество книг по Photoshop: самоучители, справочники, энциклопедии… Но в большинстве случаев материал в этих пособиях является заунылым описанием элементов интерфейса с невнятным упоминанием о том, где это можно применить на практике, большинство стремится показать работу с инструментами, приводя в качестве примеров элементарное действие, которое пользователь может с таким же успехом выполнить сам, без использования книги. С таким положением вещей столкнулись многие мои знакомые, зачастую это заканчивалось отказом от книг и уходом на подготовительные курсы по Photoshop, что естественно ведет за собой серьезные финансовые затраты. Меня такое положение вещей с Photoshop по меньшей мере возмутило, как результат — данная книга. И прежде чем приступить к ее написанию, я попытался для себя решить: по какому пути пойти мне? Как сделать так, чтобы чтение этой книги не превратилось в скучное занятие по изучению Photoshop в теории для дальнейшего использования знаний на практике. Конечно же, это только ступень к познанию этой программы, но ступень, не встав на которую, нельзя подняться выше по лестнице, концом которой является профессиональное владение Photoshop!

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

Концепция

Начиная писать, я прекрасно понимал, что и рамках одной книги невозможно рассказать о всей многогранности и многофункциональности этой профессиональной программы. Photoshop — это не только вотчина профессионалов, это народная программа. Исходя из этого, был составлен план книги. Если она будет востребована, возможно, будет и второе ее издание, в котором вы сможете узнать еще много нового для себя. Поэтому все свои пожелания, замечания или просто злобную критику вы можете посылать на ajaks@tamb.ru.

Киша ориентирована на средний уровень пользователя, который подготовлен к работе в операционной системе

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

— Первая, вторая и третья части — объясняют основные понятия, обучают созданию сложных изображении. По мере изучения увеличивается сложность материала уроков.

— Четвертая часть — посвящена обработке фотографий.

— В приложениях глоссарий и горячие клавиши, а также описание компакт-диска.

Некоторые иллюстрации вынесены на цветную вкладку, ссылки на них снабжены префиксом ЦВ: например, рис. ЦВ—В22. Другие рисунки размещены на компакт-диске, ссылки на них снабжены префиксом CD: рис. CD—33.10.

Вводная часть. РАБОТА С ПРОГРАММОЙ FOTOSHOP

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

Итак, компания Adobe, официальный сайт . Кто из профессиональных дизайнеров не знает о ней? Adobe Photoshop — непревзойденный редактор оцифрованных изображений, признанный всеми стандарт. Photoshop призван работать с растровой графикой, которая описывает объект цветными точками — пикселами, определенным образом размещаемыми в координатной сетке. В этом случае предмет описывается положением и цветом всех точек, из которых, как из мозаики, складывается единое целое. Редактируя растровые изображения, вы изменяете не линии, а точки.

Растровая графика зависит от оптического разрешения, так как ее объекты описываются точками в координатной сетке определенного масштаба.

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

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

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

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

Вот список форматов векторной графики, их вам необходимо знать: WMF (Windows Metafile), CDR (CorelDRAW), AI (Adobe Illustrator Document), EMF (32 bit Windows Metafile format), DWG, DXF (AutoCad), 3DS (3D Studio), PRJ (3D Studio), EPS (Corel Draw. Adobe Illustrator), PDF (Adobe Acrobat).

Поддержка импортирования последнего (из перечисленных) векторного формата

Основные форматы Fotoshop

PCX

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

PSD

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

CPT

Этот формат применяется в Corel PHOTO-PAINT. Он так же, как и PSD, поддерживает слои, каналы, режимы цветовой коррекции, контуры. Выполняет схожие с PSD функции. СРТ можно использовать в работе с CorelDRAW.

BMP

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

JPEG

Формат JPEG тоже имеет свою расшифровку — Joint Photographic Experts Group. Предназначен для сохранения растровых файлов со сжатием по алгоритму с потерей информации. В этом формате отсутствуют дополнительные канаты, но включена поддержка работы с полноцветными изображениями в моделях CMYK, RGB и Полутоновый.

JPEG 2000

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

GIF

Формат GIF (Graphics Interchange Format) был создан специально для Интернета, он до сих пор пользуется большой популярностью. Позволяет ограничивать палитру используемых цветов: предлагаемые им варианты — 64, 128, 256. Безусловно, это сказывается на качестве, но если вы имеете дело с контрастным изображением однотонной поверхности или четкой границей между цветами, эффект будет совсем другим. При использовании данного формата вы получаете большую степень сжатия, нежели при работе с JPEG, без заметной потери качества. Более того, появляется возможность создавать изображения с прозрачным фоном, делать анимацию, и все это в одном GIF-файле. Именно поэтому в GIF сохраняется большинство элементов Web-страниц (баннеры. кнопки и др.).

Примечание: формат работает только с индексированными изображениями

PNG

PNG (Portable Network Graphics) — ближайший конкурент GIF. Разработан как бесплатная альтернатива GIF. Имеет эффективный алгоритм сжатия без потерь информации. В отличие от формата GIF, PNG поддерживает передачу 24-битового, полноцветного RGB и индексированного изображения цвета.

PCD

Формат PCD (Photo CD) разрабатывался как часть технологии цифровой фотографии. Поддерживает возможность определения разрешения изображения при его импорте. Вы не можете сохранять файлы в формате PCD при помоши Photoshop 7.0.

EPS

Формат EPS (Encapsulated PostScript) предназначен для полиграфии. Это описание изображения на языке PostScript. Как и сам язык PostScript, EPS является универсальным средством описания не только растровых, но и векторных изображений. Поддерживается большинством цветовых моделей, хранение информации о растрировании, дополнительные каналы, контуры, кривые калибровки, сжатие по практически любым алгоритмам.

TIFF

TIFF (Tagged Image File Formal) был создан в качестве универсального формата для хранения сканированных изображений с цветовыми каналами.

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

При сохранении иллюстраций в этом формате не используется ни один из методов компрессии — вы получаете максимально возможную степень качества, соответствия сохраненной копии оригиналу. Наверное, поэтому TIFF и остается единственным форматом, используемым в профессиональном дизайне, для хранения изображений высокого качества. К недостаткам данного формата можно отнести его объем: изображения, сохраненные в TIFF, будут «съедать» приличное количество места на вашем жестком диске.

С форматами мы познакомились, и прежде, чем перейти к дальнейшему изучению материала, упомянем основные рабочие качества программы Adobe Photoshop CS:

— возможность создания многослойного изображения. Причем любой элемент изображения может быть сохранен в собственном отдельном слое, который можно редактировать. Финальный результат можно сохранить как в оригинальном, многослойном виде (PSD-формат), так и слить все слои в один, сохранив их в соответствующем формате (JPEG, GIF, PNG и т. д.);

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

— профессиональные инструменты ДЛЯ редактирования отдельных участков изображения;

— несколько десятков инструментов для рисования, вырезания контуров изображения;

— возможность совмещения изображения;

— работа с текстурами, образцами;

— возможность работы с большим количеством популярных форматов изображений;

— общий формат файлов для различных платформ;

— возможность многоступенчатой отмены совершенных действий;

— возможность подключения дополнительных плагинов;

— большое разнообразие встроенных фильтров;

— работа с цветами — здесь Photoshop нет равных;

— возможность редактирования изображения как в RGB, так и в CMYK.

Создаем новое изображение

Итак, запускаем Adobe Photoshop и выполняем команду File | New (Файл | Новый).

В диалоговом окне New (Новый) вам предоставляется возможность задания параметров нового изображения (рис. В1.

— В верхней части в поле Name (Имя) вводится название документа, далее указывается шаблон при указанном масштабе изображения.

Совет:

Вы можете выбрать конкретные образцы, например, вам нужно выполнить бланк письма, но вы не помните точные значения ширины и высоты. Смело выбирайте из списка шаблонов предложенный вариант; он так и называется Letter (Письмо). Подробно останавливаться на этом я не буду, нам чаще придется сталкиваться с выборочными опциями: Custom (Выборочный).

— В рамке шаблона указываются параметры Height (Высота) и Weight (Ширина), которые и определяют размер документа. Эти параметры можно задать как в сантиметрах, так и в пикселах.

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

Рис. В1. Диалоговое окно New

Замечание:

Если вы будете создавать изображение с разрешением 500, то при размере шрифта 6 пунктов он будет достаточно большим, но если вы выберете разрешение 3, то даже шрифт 72 пункта будет выглядеть очень мелким.

— Строку выбора Color Mode (Цветовой режим) и количество битов сейчас мы рассматривать не будем, помните только одно: если вы создаете изображение, которое собираетесь распечатывать на цветном принтере, выберите CMYK.

— Background Contents (Цвет фона) — задает цвет заднего плана.

Переходим к рассмотрению Advanced (Дополнительный) (набор опций, который появился в версии CS).

— Color Profile (Цветовой профиль) — принимает следующие значения:

· Adobe RGB (1998) — рекомендуется для печатной продукции с большим диапазоном цветов;

· Apple RGB — служит для эмуляции Photoshop 4.0 и ниже;

· CoIorMatch RGB — альтернатива Adobe RGB 1998, но с менее удачными характеристиками;

· sRGB — предназначен для мониторов среднего качества, ориентирован на Web, не годится для печатной продукции;

· Monitor RGB — помогает корректно сопоставить RGB-режим монитора с цветовой гаммой таких программ, как Adobe GoLive (мощный инструмент для создания, построения и управления wWeb-сайтами);

· ColorSync RGB — соответствует отображению RGB, как в панели управления Apple ColorSync (в операционной системе Mac OS).

— Pixel Aspect Ratio (Коэффициент сжатия пикселя) — здесь вы можете выбрать, в какой видеосистеме создавать данное изображение с учетом ее специфики. Останавливаться мы на этом не будем, параметры, о которых я не упомянул, на мой взгляд, на данном этапе не так важны.

Вот так и создаются новые изображения, ничего здесь сложного нет.

Основные элементы интерфейса

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

Рис. В2. Интерфейс программы

Многие инструменты существуют в разных модификациях. Например, инструмент выжигания Burn можно заменить Sponge (Губка), магнитное лассо многоугольным, градиент — заливкой (см. рис. B3).

На этой панели пы можете изменить Foreground Color (Цвет переднего плана) и Background Color (Цвет заднего плана).

Ниже находится кнопки смены режимов: Quick Mask (Быстрая маска)

и Normal (Нормальный)

режим.

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

Еще ниже располагаются три кнопки смены режимов отображения Photoshop. И наконец, кнопка передачи изображения в Image Ready (Программа, поставляющаяся вместе с Photoshop, служит для подготовки изображений к публикации в Интернете).

В правой част заголовка окна находятся кнопки файлового браузера.

Brushes (Кисти)

установки инструментов Tool Presets (Установки инструментов)

и Layer Comps (Компоновка слоев)

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

Также вы можете минимизировать (частично скрыть) палитры (частично, потому что остается только маленькая полоска). Для этого нужно нажать на кнопку развертывания, которая находится слева от пиктограммы крестика, закрывающего палитру. По умолчанию Photoshop запоминает место расположения палитр, т. е. куда бы вы ее ни перетащили, при следующем запуске программы палитра останется на своем месте. Если вас это не устраивает, то зайдите в меню Edit | Preferences | General (Редактирование! Настройки | Главные) или нажмите комбинацию клавиш <Ctrl>+<K> и снимите флажок Save Palette Locations (Сохранить расположение палитр).

Если вы совсем запутались с палитрами и хотите восстановить их расположение по умолчанию, вам надо выполнить команду Window | Workspace | Reset Palette Locations (Окно | Рабочая область | Перезагрузить Расположение палитр). А вот при первой установке Photoshop CS они будут располагаться следующим образом (как раз по умолчанию):

— Navigator I Info | Histogram (Навигатор | Инфо | Гистограмма);

— Color I Swatches | Styles (Цвета | Образцы | Стили);

— History I Actions (История | Действия);

— Layers | Channels | Paths (Слои | Каналы | Контуры).

Есть в наличии еще три палитры: Brushes (Кисти), Tool Presets (Установки инструментов) и Layer Comps (Компоновка слоев). Если первые две (Brushes и Tool Presets) присутствовали в предыдущей версии Photoshop, то палитра Layer Comps — нововведение. Эта группа представляет некое подобие папки избранного в браузерах, только не для ссылок, а для любимых палитр. Но обо всем по порядку.

Как было сказано ранее, у каждого инструмента имеются дополнительные опции, которые находятся в верхней части окна. Так, на рис. ВЗ показаны опции инструмента Burn Tool (Инструмент выжигания).

Рис. ВЗ. Панель инструментов

Вкладка Navigator

Самая первая рассматриваемая нами вкладка — Navigator (Навигатор) (рис. В4). В своем окне она отображает уменьшенный вариант изображения.

Поле, в котором находится значение 50 %, отображает размер изображения в процентах на данный момент.

Рис. В4. Вкладка Navigator

Замечание:

Это вообще очень удобная функция: зачастую вам будут попадаться изображения, которые не будут помещаться на экране. Взять хотя бы те же обои рабочего стола с разрешением 1152x864. Работать при таких размерах становится крайне неудобно. Другое дело, если вам приходится обрабатывать фото небольшого размера. Но не стоит путать это уменьшение с реальным изменением размера изображения посредством меню Image I Image Size (Изображение | Размер изображения). Реальное уменьшение изменяет количество пискелов на дюйм, вследствие чего уменьшается или увеличивается разрешение изображения (в зависимости от того, какую вы операцию проводите). А модификация значений масштаба в Navigator изменяет размеры визуально, оставляя прежние размеры и разрешение без изменения.

Для изменения количества процентов можно пользоваться ползунком, передвигая его вправо или влево, что будет соответствовать уменьшению или увеличению процентов. Можно также воспользоваться кнопками, находящимися слева и справа, из которых левая кнопка уменьшает масштаб, а правая — увеличивает (от 100 % до 800 % прибавляет по 100, потом идут значения 1200 %, 1600 %; больше 1600 % увеличить масштаб нельзя).

Безусловно, все можно сделать проще, достаточно дважды щелкнуть в поле процентов и ввести свое значение.

Есть дополнительные функции, которые вызываются по щелчку на стрелке в правом верхнем углу (рис. В5). Так, у навигатора есть только две дополнительные функции:

— Dock to Palette Well (Добавить в хорошие палитры), это и есть функция добавления выбранной палитры в избранные, со всеми вытекающими последствиями;

— Другая функция — Palette Options (Опции палитры) — изменяет цвет окантовки уменьшенного изображения в окне Navigator (Навигатор).

Рис. В5. Опция Dock to Palette Well

Вкладка Info

На этой вкладке показываются цветовые составляющие пикселя, на который в данный момент указывает курсор (рис. В6). Также здесь размещаются сведения о цветовых стандартах (максимум, четырех), которые выбраны на изображении. Еще здесь показываются координаты по осям X и Y курсора.

При открытом окне модификации цвета отображается информация о цветовых стандартах до и после изменений.

Рис. В6. Вкладка Info

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

Рядом с каждым из режимов, а если быть точным, то слева, находится пипетка со стрелкой. При щелчке по ней левой кнопкой мыши выдается такой список:

— Actual Color;

— Proof Color;

— Grayscale;

— RGB;

— Web;

— HSB;

— CMYK;

— Lab Color;

— Total Ink;

— Opacity.

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

— Grayscale — шкала серого;

— RGB (Красный, Зеленый, Синий) — наверняка у вас а данный момент изображение именно в этом режиме;

— CMYK (Голубой, Пурпурный, Желтый, Черный) — этим режимом мы будем пользоваться при последующей распечатке изображения на принтере;

— Web — индексированный цвет, преимущественно для Интернета.

Еше одна немаловажная функция — Opacity (Непрозрачность), она показывает степень непрозрачности слоя, впоследствии вы на деле познакомитесь, что это значит.

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

Вкладка Histogram

Теперь переходим к следующей вкладке — Histogram (Гистограмма) (рис. В7).

Это новая вкладка, появившаяся только в этой версии Photoshop.

Манипуляции с ней позволяют одним движением мыши узнать, сколько на вашем рисунке пикселов, в которых яркость в канале Green (Зеленый) имеет значение от 11 до 174 или какой процент площади изображения захватывает цвет с яркостью выше 65 %. Чрезвычайно полезная вкладка.

Сразу хочу сказать о ее дополнительных опциях. Щелчком по стрелке вы получаете возможность отображения в Compact View (Компактный просмотр) (стоит по умолчанию), Expand View (Расширенный просмотр) и All Channels View (Просмотр всех каналов), также на вкладке имеются опции отображения дополнительной статистики:

— Mean (Среднее) — представляет среднее значение интенсивности;

— Std Dev (Среднеквадратичное отклонение) — показывает значительные изменения интенсивности;

Рис. В7. Вкладка Histogram

— Median (Медиана) — показывает среднее значение в диапазоне значений интенсивности;

— Pixels (Пикселы) — представляет общее количество пикселов, используется для расчета самой гистограммы;

— Level (Уровень) — отображает уровень интенсивности области, расположенной ниже указателя;

— Count (Индекс) — показывает общее количество пикселов, соответствующих уровню интенсивности ниже указателя;

— Percentile (Процентиль) — отображает совокупное число пикселов непосредственно перед указателем или ниже нижнего уровня указателя. Это значение выражается в процентном отношении всех пикселов в изображении, от 0 % в левом краю к 100 % в правом;

— Cache Level (Уровень кеш) — показывает, что текущий кеш изображения использовал функцию создания гистограммы.

Примечание:

Если опция Use Cache for Histograms (Использовать кеш для гистограмм) активна в Memory and Image Cache Preferences (Настройки памяти и кеш изображения), то гистограмма будет работать быстрее. Внести свои изменения можно в Edit | Preferences | Memory & Image Cache (Редактирование | Настройки I Настройки памяти и кеш изображения).

Гистограмме может существенно помочь вам в обработке фотографий благодарz наглядному отображению всех каналов изображения.

Палитра Color

Палитра Color (Цвет) (рис. В8) предназначена для выбора и смешивания цветов.

Рис. В8. Палитра Color

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

— Copy Color As HTML (Копировать цвет как HTML) — полезен для Web-дизайнеров, так как копирует выбранный вами цвет в виде HTML-кода, который можно вставлять в Wеb-страницу;

— RGB Spectrum (Красный, Зеленый, Синий спектр);

— CMYK Spectrum (Голубой, Пурпурный, Желтый, Черный спектр);

— Grayscale Ramp (Градации серого);

— Current Color (Текущий цвет);

— Make Ramp Web Safe (Цвета для сохранения в Интернете).

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

Замечание:

Смешивать цвета можно, передвигая ползунки. Чтобы быстро выбрать цвет, просто щелкните на панели с образцами, размещенной внизу вкладки Color.

Также вы можете выбрать цвет с помощью Color Picker (Выбор цвета). Щелкните один раз по Background Color (Фоновый) или Foreground Color (Основной цвет) (по аналогии с палитрой инструментов), если он в данный момент является активным, либо дважды, если он не активен.

Палитра Swatches

Палитра Swatches (Образцы) (рис. В9) — вкладка для ленивых.

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

и удалять —

Палитра Styles

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

Например, мы будем с вами сохранять созданный нами стиль в уроке 14.

Рис. В9. Палитра Swatches

Рассмотрим основные элементы палитры, используемые в работе:

— создание нового стиля

— удаление стиля

— очистка стиля слоя

Примечание:

Пропустим пока рассмотрение группы History/Actions (История/Действия), так как об этом будет отдельный разговор.

Рис. B10. Палитра Styles

Палитра Layers

Палитра Layers (Слои) представляет собой группу инструментальных палитр (рис. В11.

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

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

Рис. В11. Группа палитр с активной палитрой Layers

Слева направо кнопки палитры реализуют следующие функции (см. рис. В2):

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

— добавление масок

— добавление установок

— добавление настраиваемого слоя

— создание нового слоя

— удаление слоя

Палитра Channels

Палитра Channels (Каналы) показана на рис. В12. В данной палитре отображается один или более каналов (например, в CMYK), которые составляют изображение. Также с ее помощью можно создать альфа-кан&чы, которые можно использовать для сохранения выделенных областей; не один раз мы будем с вами загружать эти каналы для придания определенных эффектов, но об этом мы поговорим с вами позже.

Рис. В12. Палитра Channels

Палитра Paths

Палитра Paths (Контуры) изображена на рис. B13. Очень удобная палитра, особенно когда приходится рисовать либо создавать сложные объекты.

Впрочем, вы сами оцените ее со временем.

Рис. В13. Палитра Paths

Обратим внимание на следующие функции этой палитры:

— создание нового канала

— удаление нового канала

— загрузка канала как выделения

— сохранение выделения как канала

Группа History | Actions (История | Действия) представляет собой самый интересный, точнее, полезный набор палитр. Многие, наверное, знают, что самые первые версии Photoshop позволяли отменять только последнее действие, в то время как у его конкурентов была возможность многоуровневой отмены. В настоящее время невозможно представить себе, что вы, создавая многослойное изображение с множеством стилей, объединили все слои в один и нечаянно каким-то инструментом испортили ваше творение, а вернуться хотя бы на 7 шагов возможности нет. Функция отмены и по сей день незаменима.

Палитра History

Палитра History (История) изображена на рис. В14.

Рис. В14. Палитра History

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

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

В нелинейном режиме можно выделить или удалить ранее происшедшее событие без потери последующих. Как и в предыдущих палитрах, нужно вызвать дополнительные опции, затем выбрать History Options (Опции палитры). Потом уже вам решать, устанавливать флажок Allow Non-Linear History (Разрешить нелинейность событий) или нет (рис. В15). Данные режимы можно менять в любой момент редактирования изображения.

Очень важной для нас функцией палитры History является возможность создания Snapshot (Снимок). Снимки хранят в себе расположение слоев, их стили, непрозрачность, заполнение и т. д. Благодаря им появляется возможность не сохранять разные версии документа, если отличие составляет только добавленная запятая в тексте. Недостаток функции заключается в сохранении снимка, потому что оно выполняется только, когда документ открыт и не закрывается, в противном случае при закрытии снимки удаляются.

Рис. В15. Окно History Options

Палитра Actions

Последняя в обзоре палитр — Actions (Действия) (рис. В16). Главная ее функция — автоматизация обработки изображении. Дает возможность записывать даже клавиатурные комбинации. Позволяет применить записанный набор действий как к одному изображению, так и к целым группам.

Рис. В16. Палитра Actions

ЧТО ЖЕ НОВОГО В FOTOSHOP CS?

CS, он же 8.0

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

Сразу оговорюсь, что новации можно описывать долго, я постараюсь назвать все, но остановиться на ключевых. Прежде всего, фирма Adobe отказалась от традиционной маркировки новых версии продукта, раньше версии шли подряд: 6.0, 7.0, без каких-либо буквенных обозначений, теперь же название CS соответствует сокращению от английского Creative Suite (Творческий набор). Это обозначение обусловлено выпуском целого ряда продуктов Adobe под маркировкой CS (Photoshop, ImageReady (который поставляется с Photoshop). GoLive, Illustrator и т. д.). Что это? Веяние моды?

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

Файловый браузер

Компания Adobe с каждой новой версией продолжает совершенствовать свой файловый браузер (рис. В17). По сути дела, это самостоятельная программа с множеством функций (рис. В18).

Рис. В17. Вызов файлового браузера

Можно сортировать изображения, вращать, искать, назначать метаданные и ключевые слова для дальнейшего быстрого поиска (здесь проходит аналогия с HTML, где вы тоже используете метаданные для того, чтобы поисковая машина могла быстро найти), запускать пакетную обработку графических данных, назначать список избранного и т. д. Многие системы имеют графические браузеры, поэтому вы без труда разберетесь в этих функциях. Обладателей цифровых камер заинтересует функция прямой работы с аппаратами. Вот неполный список поачерживаемых типов камер: Olympus, Minolta, Nicon, Fuji, Canon. Я думаю, что Adobe выпустила вполне приличный файловый браузер, не без недостатков, но все же неплохой.

Рис. В18. Окно файлового браузера

Настройка горячих клавиш

Появилась возможность настраивать горячие клавиши (hot keys) по своему усмотрению. Вот уж действительно есть, где разгуляться, особенно если вы путаетесь в море клавиатурных сочетаний. Итак, выполните комбинацию клавиш <Alt>+<Shift>+<Ctrl>+<K> для входа в опции настройки. Взгляните на рис. В19.

Замечание:

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

Рис. В19. Окно настройки горячих кланиш

Функция Shadow/Highlights

Эта функция — чрезвычайно полезное нововведение. Она позволяет осветлять темные участки фотографии. Звучит не совсем заманчиво. Пользователи, которые перешли со старых версий Photoshop, наверняка скажут, что такие опции были и раньше. Согласен, и назывались они Levels (Уровни) и Curves (Кривые). Однако работа с уровнями и кривыми довольно сложна, и чтобы обработать сильно засветленные или затемненные участки, приходится изрядно повозиться. Порой нужно накладывать много слоев, по отдельности затирать определенные участки. С новой версией Photoshop все это — в прошлом, точнее, вы по-прежнему можете возиться с уровнями и кривыми, они присутствуют и в CS. Итак, возможности функции Shadow/Highlights (Тень/Подсветки) можно посмотреть на рис. В20, а потом на рис. В21.

Рис. В20. Изображение до применения Shadow/Highlights

Рис. В21. Изображение после применения Shadow/Highlights

Функция вызывается посредством меню Image | Adjustments | Shadow/Highlights (Изображение | Настройка | Тень/Подсветки).

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

Меню Photo Filter

Находится в меню Image | Adjustments (Изображение | Настройка). Читатели, увлекающиеся фотографиями, наверное, знают о старом способе корректировки цветового баланса фотографии путем помещения цветной линзы перед объективом камеры. Именно это и выполняет функция Photo Filter (Фото-фильтр) (рис. ЦВ-В22 и результат на ЦВ-В23).

Меню Color Replacement

Color Replacement (Заменитель цвета) — позволяет перекрашивать в любой цвет любую поверхность. С ним мы встретимся, когда будем делать из черно-белой фотографии цветную (рис. ЦВ-В24), результат представлен на рис. ЦB-B25.

Меню Filter Gallery

Раньше пользователям Photoshop, нe знающим, какие действия выполняет тот или иной фильтр, приходилось применять его, а затем, если фильтр не понравился, заходить в палитру History (История) и отменять его действие.

Рис. В26. Галерея фильтров Filter Gallery

А если изображение большого расширения будет обрабатываться долго?

К тому же, фильтров там не пять штук, что тогда? Дискомфорт в работе чувствовался. Но с появлением CS многое изменилось. Теперь у вас есть возможность предварительного просмотра фильтра. Вы в реальном времени можете наблюдать, как исказит фильтр ваше изображение, более того, имеется возможность сочетания сразу нескольких фильтров перед окончательным применением (рис. В26).

Также в повой версии Photoshop добавились новые фильтры:

— Fibers (Волокна) в группе Render (Рендер) — создает волокна;

— Average (Среднее) в группе Blur (Размытие) — вычисляет среднее.

Меню Layer Comps

Меню Layer Comps (Компоновка слоев) позволяет создать снимок слоев, поддерживает видимость слоев, их позицию в документе и примененные стили. Но не путайте Layer Comps с функцией Snapshot (Снимок), так как компоновка слоев хранит информацию только о состояниях слоя!

Для применения (сохранения расположения слоев) нового Layer Comps достаточно щелкнуть на кнопке создания (выглядит, как и в других палитрах), а для использования (в случае возврата к необходимому расположению слоев) следует щелкнуть слева от названия конкретного Layer Comps.

Текст по контуру

Обещанная возможность наконец-то появилась. Теперь вы можете совмещать использование Path (Контур) и текста для создания красивых надписей.

PSB

Adobe включила в новую версию Photoshop возможность создания, редактировании, сохранения файлов больших объемов. Дело в том, что ранние версии продукта не поддерживали файлы объемом больше 2 Гбайт. Теперь вы можете создавать изображения разрешением 300000x300000 точек, с глубиной цвета до 56 каналов. Ограничусь лишь упоминанием таких нововведений, как возможность сохранения файла в SWF-формате, процесса конвертирования в PDF-формат. Уверен, что когда вы дойдете уже до середины книги, вы без чьей-либо помощи сможете делать такие элементарные веши, главное, верить в себя, чтобы достичь высоких результатов.

СКАНИРОВАНИЕ И СОХРАНЕНИЕ ИЗОБРАЖЕНИЙ

Мы с вами уже познакомились с основными форматами графики, используемыми в Photoshop. Но многих, наверное, интересует тема сканирования.

У значительной части пользователей Photoshop имеются фотоаппараты и сканеры, и им уже не терпится посмотреть, как это сделать правильно. Что ж, попробуем разобраться.

Немного теории

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

— CCD (Charge Coupled Device, прибор с зарядовой связью — ПЗС). Метод для получения данных об изображении использует приемный элемент под названием CCD. Эта технология известна уже много лет и применяется также в аппаратах факсимильной связи, видеокамерах и других устройствах;

— CIS (Contact Image Sensor). Данный способ тоже использует приемный элемент, здесь его роль выполняет CIS. Этот элемент состоит из линейки датчиков, непосредственно воспринимающих световой поток от оригинала, причем линейка имеет ширину, равную ширине рабочей области сканера, а оптическая система (зеркала, призма, объектив) полностью отсутствует.

Более качественные изображения получаются при использовании сканеров с технологией CCD, но CIS стоят дешевле. Какой технологии отдадите предпочтение вы, я не знаю, но догадываюсь.

Сканирование с помощью программного обеспечения сканера

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

Положите рисунок или фотографию в сканер и щелкните по кнопке Preview (Предварительный просмотр).

Примечание:

Иногда встречается PreScan (Предварительная информация о сканировании)

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

Величина Resolution (Разрешение) задается в количестве пикселов на дюйм.

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

Примечание:

При увеличении разрешения неумолимо прибавляется вес изображения

Не ставьте слишком большие разрешения, пользы от этого ожидать не стоит. Вполне подойдет и 200–300 dpi (величина, характеризующая разрешающую способность устройств, обозначает количество точек на дюйм по горизонтали и вертикали, которое может воспроизвести данное устройство), но уж если вам обязательно нужно распечатывать это изображение в полиграфических целях, смело ставьте 600 dpi.

Теперь загляните в опции Scan Mode (Режим сканирования). Здесь вам предлагают три режима:

— Grayscale (Полутоновый);

— Black-and-White Line Art (Черно-белый)

— Color (Цветной).

Сканеры средней ценовой категории позволяют получить изображения с глубиной цвета 12–14 бит, в то время как более продвинутые модели открывают возможность сканирования 16 бит на канал. Недостатками режима Color являются невозможность сохранения многослойного изображения и недоступность некоторых опций для 16-битового изображения. Поэтому перед распечаткой лучше ставить 8-битовый режим. Изменяется режим в Photoshop посредством меню Image | Mode (Изображение] Режим). После установки всех параметров смело можно нажимать кнопку Scan (Сканировать).

Сканирование посредством Photoshop

После установки программного обеспечения для сканера у вас в Photoshop в меню File | Import (Файл | Импорт) должен появиться либо модуль, носящий имя вашего сканера, либо строка меню Twain_32, либо вообще пункт WIA.

Если этого не произошло, то модуль сканера должен находиться в папке Adobe Photoshop\PIug-Ins\Impori-Export. Конечно, ваши драйверы тоже должны быть совместимыми с WIA или Twain. WIA — скоростной протокол и ориентирован больше на работу с цифровыми камерами, к тому же работает он только в oneрационных системах Windows ME/NT/2000/XP. Существенным для нас недостатком будет являться отсутствие оцифровки негативов и слайдов.

Теперь для доступа к вашему сканеру можно использовать Photoshop посредством меню File | Import | WIA (Файл | Импорт | WIA) или File | Import I Twain_32 (Файл I Импорт | Twain_32). Конечно, Photoshop сам ничего не сканирует, а служит для передачи данных в программу сканера, однако забывать про эту функцию не стоит, потому что после сканирования программа откроет изображение в Photoshop, где вы и будете его редактировать.

Сохранение

Сохранение результатов работы делается посредством меню File | Save (Файл | Сохранить).

Рис. В27. Окно Savo As

После данного действии, если изображение ранее не сохранилось. Photoshop спросит у вас название, формат и сохранит его, а вот если изображение ранее сохранилось, то программа обновит его без предупреждения. Более интересные возможности нам открывает функция Save As (Сохранить как), которая вызывается через меню File | Save As (Файл | Сохранить как) (рис. В27).

Нужно четко помнить, что многослойные изображении сохраняются только в фрорматах Photoshop PDF. Photoshop, Advanced TIFF.

Еще одна полезная функция Save As а Сору (Сохранить как копию): в этом случае к названию изображения будет приписываться слово Сору (Копия), а если это уже вторая копия, то будут добавляться соответствующие цифры.

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

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

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

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

Как было упомянуто раньше, Action (Действие) управляется соответствующей палитрой. Существует два режима данной палитры: List (Список) (рис. В28) и Button (Кнопочный) (рис. В29)

Рис. В2В. Режим списка

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

Рис. В29. Кнопочный режим

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

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

Теперь переходим к созданию Action (Действие).

1. Прежде всего, создайте папку, куда вы будете собирать созданные вами Actions (Действия). Нажмите на кнопку в виде папки, после чего появится диалоговое окно, в котором вам будет предложено ввести название.

Введите "My record".

2. Теперь мы будем записывать действия, используя готовое изображение, для этого подойдет любой рисунок обоев для рабочего стола. Напомню вам, что документ открывается посредством команды File | Open (Файл I Открыть), после недолгих поисков открываем нужный файл.

Далее создайте Action (Действие) (рис. B30). Откроется окно создания New Action (рис. В31).

1. Указываете Name (Имя) действия, Set (Папка), куда вы будете записывать. Function Key (Функциональная клавиша) для его вызова и Color (Цвет) для кнопочного режима.

2. После нажатия Record (Запись) можно записывать.

Рис. В30. Создание нового действия

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

Примечание:

В Action (Действие) нельзя записывать действия инструментов рисования Brush, Rubber Stamp, Eraser и др.

А вот список основных возможностей:

— установка некоторых значений в окне Preferences (Предпочтения);

— выбор опций инструмента:

— использование палитр Color, Swatches, Styles и Channels;

— работа инструментами Eyedropper (Пипетка), Magic Eraser (Волшебный ластик), Shape (Форма) и Slice (Срез).

Примечание:

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

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

Выполните несколько команд, которые вы хотите записать в Action (Действие). Например, нажмите латинскую букву <М>, затем левой кнопкой мыши проведите по изображению, сделав таким образом выделение, потом выполните комбинацию клавиш <Cirl>+<X>. (Вам не обязательно на данном этапе знать, для чего нужен тот или иной инструмент, с ними мы еще познакомимся, сейчас важен принцип создания Action (Действия) для последующей автоматизации.) В палитре активна кнопка в виде кружка, обозначающая запись (что вполне логично, вспомните магнитофон). Для остановки записи нажмите на кнопку в виде квадрата (также вы можете нажать клавишу <Esc>). После этих нехитрых операций можете посмотреть, как выглядят они в представлении Photoshop.

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

— Set Selection (Создание выделения);

— ширина, высота и прочие параметры самого выделения;

— Cut (Вырезать), что вполне соответствует тем действиям, которые мы выполняли.

Сочетание клавиш <Ctri>+<X> вырезает область, созданную инструментами выделения. В большинстве программ это сочетание клавиш выполняет те же функции, например, в Проводнике MS Windows, редакторе MS Word, графическом редакторе Paint и др.

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

Замечание:

Не ко всем Action (Действие) это подходит, у некоторых открываются дополнительные свойства, так что лучше используйте кнопку Play.

Воспроизведение

Также у нас есть возможность управлять воспроизведением Action (Действие), для этого войдите в дополнительное меню рассматриваемой нами палитры и выберите Playback Options (Опции воспроизведения) (рис. В32).

Здесь вам позволено изменять следующие опции:

— Accelerated (Ускоренное) — максимально быстрое воспроизведение;

— Step by Step (Шаг за шагом) — вам представится список команд в данном Action (Действие). Затем при последовательном их прохождении, точнее, перед выполнением, будет выделяться соответствующая команда;

Рис. В32. Окно Playback Options

— Pause For <…> seconds (Пауза через <…> секунд), аналогичен предыдущему, но здесь вы задаете интервал перехода к следующему шагу;

— Pause For Audio Annotation (Пауза дли звуковой аннотации) — используется для вставки звукового сообщения между интервалами.

Операции с действиями

Теперь разберемся с основными операциями: копирование, перемещение, удаление. Тут вам не щелкнуть правой кнопкой мыши для того, чтобы сделать выбранные операции посредством пункта контекстного меню. Нельзя здесь и удалить Action (Действие), нажав клавишу <Delete>. Для копирования придется перетаскивать его в нужное место, удерживая клавишу <All>.

Если в момент перетаскивании не нажимать <Аlt>, то Action (Действие) Просто переместится.

Примечание:

Старайтесь избегать таких операций, как Save (Сохранить), так как иногда сохраняется информация работы только на первом этапе.

Иногда случается так, что записанные команды не работают или работают, но неправильно, происходит это из-за некорректной записи. Дело в том, что в существующее действие можно вставить команду при помоши функции Insert Menu Item (Вставить пункт меню) из меню палитры Actions (Действия). Но в этом случае у вас пропадает возможность записывать параметры, которые устанавливаются при создании.

Программа откроет диалоговое окно, в котором пользователь должен ввести команду. И только после этот воспроизведение будет возобновлено. Вот поэтому в таких ситуациях и используются паузы. Вставлять их не составляет труда. Для этого при создании Action (Действие) остановитесь на нужном месте для паузы. Если действие уже создано, то щелкните по его имени левой кнопкой мыши. И пауза будет вставлена после него. В дополнительном меню палитры Actions (Действия) выберите пункт Insert Stop (Вставить паузу), вам откроется диалоговое окно, как на рис. В33, и введите текст сообщения.

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

Примечание:

Это сообщение будет появляться только во время приостановки действий

Наверняка вас заинтересовала строчка Allow Continue (Разрешить продолжение). Прежде чем продолжить, взгляните на рис. В34.

Рис. В34. Окно разрешения продолжения

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

Многих, наверное, заинтересовал вопрос удаления Action (Действие) Спешу исправить свое упущение. За эту функцию отвечает кнопка в виде корзины на палитре. Вам нужно выделить необходимое действие и нажать на эту кнопку. Для дублирования Action (Действие) его достаточно перетащить на кнопку Create New Action (Создать новое действие).

Для того чтобы посмотреть опции определенного Action (Действия), дважды щелкните по нему.

Примечание:

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

Следующая кнопка, которую мы рассмотрим, называется Toggle Dialog оп/оff (Переключатель диалога вкл/выкл) (рис. В35).

Рис. В35. Toggle Dialog on/off

Контроль операций с помощью модальных окон осуществляется путем установки пар в последовательности команд. Включить данную функцию можно для любой команды или инструмента, ограничение здесь только в том, что она должна использовать диалоговое окно, при работе с которым приходится нажимать клавишу <Enter>. Если включен режим Toggle Dialog on/off, то при появлении такого окна можно будет изменять опции выполнения команды, а можно ничего не менять и просто нажать ОК.

Сохранить Action (Действие) можно посредством дополнительного меню палитры, пункт называется Save Action (Сохранить действие).

Примечание:

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

Для чего нужно сохранение, комментариев не требуется, скажу только, что сохраненное действие можно использовать и на других компьютерах. Сохраненный файл будет иметь расширение psp, для его открытия вам будет нужно из меню палитры Actions (Действия) другого компьютера выбрать пункт меню Load Actions (Загрузить действия), где вы указываете путь и пользуетесь вашим набором действий.

Функция Batch

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

Войдите в меню File | Automate | Batch (Файл | Автоматизация | Пакетная обработка). Перед вами откроется диалоговое окно, как на рис В36.

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

— В поле Set вы указываете папку с записанным набором команд, далее Action (Действие) и папку Source (Источник), откуда Photoshop будет брать изображения.

— В поле Destination (Место) лучше выбрать None (Ничего), чтобы файлы оставались открытыми после применения пакетной обработки. На мой взгляд, это более удобно, так как появляется возможность посмотреть результаты работы, а не по отдельности открывать каждый документ, хотя это дело вкуса. Если в поле Destination (Место) выбрать Folder (Папка), то вам нужно будет указать папку, куда будут складываться обработанные файлы, также нам открываются дополнительные опции по сортировке этих документов, но в этом вы и сами прекрасно разберетесь.

— Флажок Compatibility (Совместимость) так и оставляем, в случае другой операционной системы выбираем соответствующую.

По умолчанию Photoshop останавливает обработку при возникновении ошибок. Если вас это не устраивает, функцию можно отключить, выбрав из списка Log Errors to File (Записывать ошибки в файл) в строке поля Errors (Ошибки). Таким образом, Photoshop будет продолжать работу, записывая ошибки в особый файл, который вы потом можете посмотреть и сделать соответствуюшие выводы.

Функция Droplet

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

Для создания Droplet нужно зайти в меню File | Automate | Create Droplet (Файл | Автоматизация | Создать дроплет). Откроется диалоговое окно, как на рис. В37.

Описывать его параметры не имеет смысла, так как они похожи на параметры диалогового окна Batch. Когда пакет действий создан, он имеет пиктограмму, как на рис. B35.

Есть еше несколько команд автоматизации работы, заострять внимание мы на них не будем, по данному вопросу можно написать отдельную книгу. Остановимся только на важных, с моей точки зрения, элементах. Получить доступ к данным командам можно посредством меню File | Automate (Файл | Автоматизация).

PDF Presentation (Презентация PDF) — позволяет использовать различные изображения для создания многостраничного документа или презентации в виде слайд-шоу.

Рис. В37. Диалоговое окно Create Droplet

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

Рис. В38. Пиктограмма Droplet

Рис. В39. Окно PDF Presentation

В окне презентации устанавливаются следующие переключатели и флажки:

— Multi-Page Document (Многостраничный документ) — отвечает за размещение отдельных изображений на отдельных страницах;

— Presentation (Презентация) — делает из изображений слайд-шоу;

— View PDF after Saving (Просмотр PDF после сохранения);

— Advance Every <…> Seconds (Продвигать каждые <…> секунд) — определяет интервалы смены изображений;

— Loop after Last Page (Цикл после последней страницы) — установка флажка возле этой опции будет указывать Photoshop о непрерывном воспроизведении слайдов;

— Transilion (Переход) — определяет процесс перехода между изображениями.

Имеют место следующие настройки презентации:

— Conditional Mode Change (Смена режима по условию) (рис. В40) смена режима;

Рис. В40. Окно Conditional Mode Change

— Contact Sheet II (Контактный лист II) — представляет собой страницу с миниатюрами изображений. Все они имеют одинаковые размеры. Также существует возможность добавить названия рисунков в виде подписей.

Опции очень просты, в самом верху указываете папку, далее используемую величину, потом указываете размер, разрешение и прочее. Не бойтесь, поэкспериментируйте (рис. B41);

Рис. В41. Окно Contact Sheet II

— Crop and Straigthen Photos (Обрезание и подгонка фото) — данная функция выделяет отдельные фрагменты с одного изображения, вырезает их и вставляет в новое изображение автоматически. Очень полезная функция.

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

— Hit Image (Подгонка изображения) — изменяет размеры изображения при сохранении его разрешения. Параметры, изменяемые этой опцией, можно посмотреть на рис. В42;

Рис. В42. Окно Fit Image

— Convert Multi-Page PDF to PSD (Мультистраничный PDF-файл в формат PSD) — позволяет загружать в Photoshop файл формата PDF (рис. В43);

Рис. В43. Окно Convert Multi-Page PDF to PSD

— Picture Package (Пакет рисунков) — распределяет на одном листе одинаковые изображения различного размера, как пробные отпечатки. Можно выбирать всевозможные конфигурации изображений разных размеров;

— Web Photo Gallery (Web-галереи фотографий) — позволяет с минимумом затрат создать Web-галерею для последующего размещения на Web-сервере. Photoshop сам будет генерировать HTML-страницы. Схемы можно настроить под собственные нужды;

— Photoinerge (Слияние фото) — склеивает несколько фотографий в одно непрерывное изображение.

Часть I. ЭЛЕМЕНТЫ ТЕХНИКИ

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

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

Поэтому запустите Photoshop. Выполните команду File | Open (Файл | Открыть). Вызывается диалоговое окно Open (Открыть) для работы с сохраненными графическими документами. Вам сейчас это окно поможет создать рабочую папку на диске. Щелкните по стрелке в строке перехода и выберите строку диска С:. Затем щелкните правой кнопкой мыши в пустом месте диалогового окна, появится контекстное меню, выберите Create | Folder (Создать| Папка), введите название "Lessons Photoshop CS" и нажмите <Enier>. В дальнейшем вы будете сохранять результаты уроков в этой папке.

Урок 1. Текст с подсветкой

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

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

Фильтр Bluer

Шаг 1.

Запустите Adobe Photoshop. Выполните команду File | New (Файл | Новый).

Задайте размер изображения 300x100.

Примечание:

Такой размер удобно использовать для небольших текстовых логотипов, которые впоследствии будут переданы в Интернет.

Шаг 2.

Наша задача — сделать контрастный фон, на котором будет располагаться текст. Черный цвет придаст наибольшую контрастность изображению. Сделайте черным цвет переднего плана Foreground Color либо нажмите клавишу <D>. Теперь залейте им изображение, нажав комбинацию клавиш <Alt>+<Backspace>. Слой станет черным.

Шаг 3.

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

Шаг 4.

Дли того чтобы напечатать текст, нужно использовать Type Tool (Инструмент текста), который вызывается нажатием клавиши <Т> либо по щелчку на одноименном инструменте (его значок в виде буквы Т). Данный инструмент имеет два типа и четыре разновидности:

— первый тип используется, когда создается отдельный слой для текста, который впоследствии можно свободно редактировать (печатать любой текст);

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

Примечание:

Учитывайте тот факт, что в данном случае не создается дополнительный слой.

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

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

Совет:

Если у вас не получилось расположить текст ровно посередине то не отчаивайтесь, воспользуйтесь Move Tool (Инструмент перемещения) который вызывается нажатием клавиши «V».

Шаг 5.

Нажмите клавишу <Т>, это даст возможность редактировать текст. Теперь щелкните на кнопке Create Warped Text (Создать текст с искажениями)

Появится окно Warp Text (Искаженный текст), где содержится вариант искажения текста. Выберите Inflate (Вздутие).

Замечание:

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

Шаг 6.

Сейчас у нас есть два слоя: один с черным фоном, другой с текстом. Совместите их, нажав комбинацию клавиш <Сtrl>+<Е>. Это необходимо сделать, чтобы откорректировать цвед текста, поскольку все объекты будут находиться на одном растеризованном слое. Огромным плюсом служит черный фон, который не изменяет своего цвета под действием корректировщика Hue/Saturation (Оттенок/Насыщенность). Конечно, можно и растеризовать слой, но об этом приеме мы поговорим позже.

Шаг 7.

Придайте цвет вашему тексту. Для этого выполните команду Image | Adjustments | Hue/Saturation (Образ | Корректировка I Оттенок/Насыщенность). И экспериментируйте с ползунками, предварительно установив флажок Colorize (Закраска). Я задал значения следующим образом:

— 126 — для Hue (Оттенок);

— 99 — для Saturation (Насыщенность);

— 48 — для Lightness (Осветление),

Шаг 8.

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

Различные фильтры служат для разных целей. Так, фильтры из группы Distort (Деформация) деформируют всевозможными способами изображение, фильтры группы Textures (Текстуры) — накладывают определенные текстуры на изображения. А вот группа Blur (Размытие) — является одной из самых полезных. Лично я часто прибегаю к ее помощи. Например, при вырезании объектов и последующей вставке их на какой-либо фон приходится как-то сглаживать неровности некачественной обрезки. Фильтры серьезно пригодятся при создании сложных изображений, подробней на них мы остановимся в соответствующем разделе. А сейчас…

Выполните команду Filter | Blur | Gaussian Blur (Фильтр | Размытие | Размытие по Гауссу). Задайте значение: 5.0. Размытие придаст эффект свечения.

Шаг 9.

Нажмите клавишу <D> и повторите шаги 4 и 5, с одним лишь изменением:

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

В принципе, можно использовать и другие комбинации цветов, главное, чтобы они не выбивались из общей картины. Например, вполне можно сделать размытую часть желтой, все зависит от вашей фантазии. Главное, теперь вы можете за несколько минут создать стильные обои (рис. 1.1).

Рис. 1.1. Финальный результат

Что нового мы узнали

В этом уроке мы научились:

— изменять размер изображения перед его созданием;

— перезагружать цвета нажатием одной клавиши;

— создавать и модифицировать текст на изображении;

— заливать слой цветом переднего плана;

— двигать слой по изображению;

— совмещать текущий слой с нижележащим;

— пользоваться функцией корректировки Hue/Saturation (Оттенок/Насыщенность);

— применять фильтр Blur (Размытие).

Урок 2. Создаем электрический текст

Фильтры Wind и Ripple

Шаг 1.

Создайте новое изображение размером 400x400 с прозрачным фоном. Залейте его черным цветом. Для этого нажмите <D>, затем выполните команду Edit | Fill (Редактирование | Заполнение). Вы окажетесь в диалоговом окне заполнения (рис. 2.1).

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

Примечание:

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

Дважды шелкните по названию слоя дли его переименования и введите имя «Основной» (рис. 2.2).

Рис. 2.2. Переименование слоя

Шаг 2.

Напишите какой-нибудь текст белым цветом. Белый цвет, как и в прошлом уроке, используется для того, чтобы впоследствии его легко можно было изменить на другой. Теперь щелкните правой кнопкой мыши по слою с текстом и выберите пункт Rasterize Layer (Растеризовать слой) (рис. 2.3). Переименуйте слой в "Текст".

Рис. 2.3. Растеризация слоя

Примечание:

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

Шаг 3.

Дублируйте слой «Текст» (команда Layer | Duplicate Layer (Слой | Дублировать слой) из подменю Layer (Слой)) и назовите новый слой 'Текст 2".

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

Рис. 2.4. Палитра Layers с невидимым слоем

Шаг 4.

Щелкните по слою «Текст», затем выполните комбинацию клавиш <Cirl>+<Е>. Тем самым вы сольете текущий слой и слой под ним. Очень удобно пользоваться этим сочетанием, когда нужно объединить только два слоя.

Примечание:

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

Выполните команду Edit I Transform 9 °CW (Редактировать) Преобразовать I Вращать на 90° по часовой). Этой функцией вы вращаете слой на 90° по часовой стрелке. Обычно такие вращения требуются для применении искажающих фильтров, например, чтобы у текста был деформированный ореол.

Шаг 5.

Немного опережая события, вы познакомитесь с фильтром Wind (Ветер).

Интересен он тем, что с его помощью можно сделать огромное количество трюков и эффектов. Этот фильтр часто используется вместе с фильтрами деформации.

Выполните команду Filter | Stylize | Wind (Фильтр | Стилизация | Ветер). Выберите Method (Метод) — Wind (Ветер) и Direction (Направление) — From the Left (От левою края). Нажмите ОК (рис. 2.5), затем комбинацию клавиш <Ctrl>+<F>.

Рис. 2.5. Фильтр Wind

Примечание:

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

Теперь примените этот же фильтр с аналогичными параметрами, измените только направление: Method (Метод) — Wind (Ветер) и Direction (Направление) — From the Right (От правого края). Обязательно выполните комбинацию клавиш <Ctrl>+<F>. Таким образом вы исказите текст с двух сторон (рис. 2.6).

Рис. 2.6. Результат применения фильтра Wind

Шаг 6.

Сейчас нужно повернуть слой в противоположном направлении и применить этот же фильтр. Выполните команду Edit | Transform | 9 °CCW (Редактировать | Преобразовать | Вращать на 90° против часовой). Обычно это преобразование используется для возвращения объекта в исходное положение после поворота на 90° по часовой стрелке. Повторите шаг 5, но теперь без комбинации <Ctrl>+<F>, иначе не получится желаемого эффекта (рис. 2.7).

Рис. 2.7. Повторное применение фильтра Wind

Шаг 7.

Пора вам познакомиться с одним из фильтров деформации — Ripple (Рябь).

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

Выполните команду Filter | Distort | Ripple (Фильтр | Деформировать I Рябь) (рис. 2.8). Объяснять значения параметров не стоит, вы вполне сами можете с ними поэкспериментировать (рис 2.9).

Рис. 2.8. Фильтр Ripple

Рис. 2.9. Результат применения фильтра Ripple

Шаг 8.

Выполните комбинацию клавиш <Ctrl>+<U> для корректировки Hue/Saturation (Оттенок/Насыщенность). Поставьте флажок Colorize (Закраска) в окне редактирования. В противном случае существенно поменять цвет не получится. Задайте значения, как на рис. 2.10.

Рис. 2.10. Корректировка Hue/Saturation

Шаг 9.

Пришло время нанесения черного текста поверх электрического фона.

Удерживая клавишу <Ctrl>, щелкните но слою "Текст 2" для загрузки выделения по контуру элемента на слое. Затем выполните команду Select I Modify | Contract (Выбор| Изменить | Свернуть) и задайте значение 2. Сделайте активным слой "Текст 2", если вы не сделали этого раньше (просто щелкните по нему) (рис. 2.11).

Рис. 2.11. Диалоговой окно Contract Selection

Шаг 10.

Теперь, когда выделение сделано и уменьшено в размерах, заполните его черным цветом. Выполите команду Edit | Fill (Редактировать | Залить) и выберите черный цвет, или просто нажмите <D>, а затем комбинацию клавиш <Alt>+<Backspace>. Все. Электрический текст вы сделали. Многие могут спросить: а где его можно применить? Это зависит от вашей фантазии. Так, я поместил его на своем сайте под новый год, и всем казалось, что этот текст с инеем. Мой друг использовал такой прием на сайте по электродвигателям. А если сделать какой-нибудь фон позади текста, то получится прекрасная заставка для рабочего стола (рис. 2.12).

Рис. 2.12. Финальный результат

Что нового мы узнали

В этом уроке мы научились:

— растеризовать слой;

— вращать слой;

— скрывать слой;

— применить фильтры Wind (Ветер) и Ripple (Рябь);

— свертывать выделение;

— заполнять слой различными способами.

Урок 3. Создание логотипа по образцу

Вот мы и переходим к примерам использовании инструментов. В этом уроке вы воспользуетесь инструментом Shape (Форма), точнее, его модификацией.

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

Примечание:

Формы в стандартной поставке Photoshop есть не только геометрические. Так, в подгруппе Animals (Животные} вы можете выбрать и изображение рыбки, и отпечатка собачей лапы, кости и т. д. Также вы можете создавать свои группы и формы.

Для начала попробуем разобраться с основными понятиями.

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

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

Инструменты Shape и Move

Шаг 1.

Создайте новый документ размером 800x800 с прозрачным фоном. Щелкните в палитре инструментов на верхнем квадратике с цветом и введите 327АС4, определив тем самым цвет переднего плана Select foreground color (рис. 3.1).

Рис. 3.1. Диалоговое окно Color Picker

Нажмите <U> для использования Rectangular Marquee Tool (Инструмент прямоугольника). Если вы его не нашли, то можете выбрать инструмент из списка, нажав правой кнопкой мыши на активном инструменте в палитре Инструментов. Проведите инструментом в рабочем окне при нажатой клавише <Shift> вниз и создайте квадрат (рис. 3.2).

Рис. 3.2. Полученный квадрат

Примечание:

Если вы не будете использовать <Shift>, то создать квадрат будет существенно труднее вследствие отсутствия фиксирования одинаковых размеров сторон

Шаг 2.

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

Примечание:

Здесь есть небольшая проблема — два связанных слоя. Чтобы решить ее, выполните команду Layor| Rastcrize | Shape (Слой | Растеризовать | Форма). Таким образом вы получите растеризованный слой.

Шаг 3.

На данном этапе нам необходимо сделать дубликат слоя. Сделать это можно, выполнив команду Layer | Duplicate layer (Слой | Дублировать слой), но вам нужно будет в дальнейшем перемещать дублированный слой относительно оригинального. Поэтому предлагаю вам выполнить эту же операцию несколько иным способом. Нажмите клавишу <V> для вызова Move Tool (Инструмент Перемещения). Сначала уменьшите размер квадрата. Выполните комбинацию клавиш <Ctrl>+<T> и, удерживая клавишу <Shift>, уменьшите размер квадрата. Переместите этот слой, но теперь удерживая клавишу <Аlt>. Как видите, появилась копия. Нажмите клавишу <Z> для увеличения изображения и поверните квадраты инструментом перемещения на угол 45°(рис. 3.3).

Рис. 3.3. Размещение квадратов под углом

Шаг 4.

Сейчас вам нужно обрезать изображение, оставив только два квадрата. Для этого удобней пользоваться функцией Trim (Вырезка) в меню Image (Изображение) — Image | Trim (Изображение | Вырезка). Используйте значения, как на рис. 3.4.

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

Параметры Based On (Основанный на) диалогового окна Trim (Вырезка) позволяют наследовать следующие характеристики:

— Transparent Pixels (Прозрачные пикселы) — прозрачность слоя;

— Top Left Pixel Color (Верхний левый цвет пиксела) — делает вырезку по цвету верхнего левого крайнего пиксела:

— Bottom Right Pixel Color (Нижний правый цвет пиксела) — делает то же, что и предыдущий, только в другой области изображения.

Шаг 5.

Увеличьте размер изображения. Если левая вершина правого квадрата сильно перекрывает правую нижнюю вершину левого квадрата, то исправьте это с помощью Move Tool (Инструмент перемещения).

Рис. 3.5. Светлые линии квадратов

Выберите инструмент Eraser (Листик), нажав клавишу <Е>, проведите им при нажатой клавише <Shift> по краям, стирая осветленные полупрозрачные линии. Осветленные линии квадратов можно посмотреть на рис. 3.5.

Шаг 6.

Слейте оба слоя. Затем выполните команду Image I Image Size (Изображение I Размер изображения) и уменьшите размер изображения вдвое (рис. 3.6). Я рекомендую вам использовать размеры 400x400. Изменять нужно параметры Height (Высота) и Width (Ширина), если вы не можете рассчитать, как уменьшить изображение, то выберите способ Percent (Проценты) из выпадающего меню справа и установите флажок Constrain Proportions (Сохранять пропорции) для того, чтобы Photoshop автоматически рассчитывал все параметры. Проводили вы эти манипуляции для создания образца.

Рис. 3.6. Диалоговое окно Image Size

Нажмите <Cirl>+<A>. Теперь выполните команду Edit | Define Pattern (Редактирование I Определить образец). Имя можете присвоить любое. Итак, у вас теперь есть готовый образец, которым можно заполнять изображение.

Шаг 7.

Создайте новое изображение. Сделайте новый квадрат (больший), заполните его белым цветом. Теперь выполните команду Edit | Fill (Редактирование I Заполнить). Посмотрите на рис. 3.7. Там из списка Use (Использовать) выбран пункт Pattern (Образец), который содержит список различных образцов. Найдите и выберите свой. Подтвердите свой выбор нажатием кнопки ОК.

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

Шаг 8.

Создайте новый слой Layer | New | Layer (Слой | Новый | Слой) и заполните его вашим образцом. Затем на вкладке Layers (Слои) измените Opacity (Непрозрачность) слоя, задав 37 % (рис. 3.8).

Рис. 3.8. Измененный параметр Opacity

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

Рис. 3.9. Изображение после заполнения образцом и изменения непрозрачности

Шаг 9.

При помощи инструмента перемещения Move Tool переместите данный слой, выровняв квадраты относительно краев. После того как вы это сделаете, щелкните на слое с белым квадратом, удерживая клавишу <Ctrl>, затем выполните комбинацию клавиш <Ctrl>+<X> для помещения в буфер обмена выделенного участка изображении.

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

Сейчас вы должны оставаться на слое с заполненным образцом. Удалите этот слой, выполнив команду Layer | Delete | Layer (Слой | Удалить | Слой).

Теперь нажмите комбинацию клавиш <Ctrl>+<V> для вставки выделенного участка из буфера обмена. Перейдите на слой с белым квадратом и загрузите его выделение. Выполните команду Edit | Stroke (Редактирование | Обводка) (рис. 3.10). Толщина линии измеряется в пикселах, можете установить свои значения.

Рис. 3.11. Диалогоове окно Bevel and Emboss в окне Layer Style

Шаг 11.

Слейте слой с образцом и слой с квадратом. Нажмите клавишу <М>, затем комбинацию клавиш <Ctrl>+<Т>. Таким образом вы активизируете Marquee Tool (Инструмент выделения), одновременно с этим появляется возможность трансформировать слой. Поверните изображение на 45° по часовой или против часовой стрелки (рис. 3.12).

Рис. 3.12. Изображение после поворота на 45°

Примечание:

Свободная трансформация работает не у всех инструментов

Шаг 12.

Выберите область, как показано на рис. 3.13. Затем вырежьте необходимую часть, нажав комбинацию клавиш <Ctrl>+<X>.

Рис. 3.13. Область, которую необходимо вырезать

Добавьте текст для заголовка. Также можно нарисовать произвольную форму инструментом Shape (Форма), а уже поверх нее какой-либо текст. Как видите, я добавил текст. Вот такой логотип может получиться у вас (рис. 3.14).

Рис. 3.14. Финальный результат

Что нового мы узнали

В этом уроке мы научились:

— использовать инструмент Shape (Форма);

— растеризовать слой другим способом;

— использовать инструмент Move (Перемещение);

— придавать объем;

— создавать образцы;

— изменять непрозрачность слоя;

— использовать функцию Stroke (Обводка).

Урок 4. Эффект телеизображения

Прежде чем начать урок, предлагаю ознакомиться с возможностями инструмента Rectangular Marquee (Прямоугольное выделение).

Он служит для выделения определенных областей изображения. Вызывается нажатием клавиши <М> или щелчком по соответствующей кнопке на панели инструментов (рис. 4.1).

Рис. 4.1. Кнопка инструмента Roctangular Marqueo

Сделайте выделение, затем щелкните по нему правой кнопкой мыши (рис. 4.2).

Рис. 4.2. Контекстное меню текущего выделения

С помошью появившегося меню можно выполнять следующие операции:

— инвертировать выделение (Select Inverse);

— растушевывать (Feather);

— делать из него контур (Make Work Pаth);

— создавать слой через копирование (Layer via Copy);

— создавать слой через вырезание (Layer via Cut):

— просто создавать слой (Layer).

Часто используемыми опциями являются следующие:

— Free Transform (Свободная трансформация) — делает искажение выбранной области изображения;

— Transform Selection (Трансформация выделения) — позволяет менять ваш выбор.

Еше одна важная деталь, которую вам следует знать при работе с выделениями, будь-то Elliptical Marquee (Эллиптическое выделение) или Single Row Marquee (Единичная колонка), — возможность дополнительных функций, вызываемых нажатием определенных клавиш.

Итак, сделайте произвольное выделение. Нажмите клавишу <Alt> и создайте второе выделение, проходящее по центру первого. Вы увидите, что выделение отсечено ровно в том месте, где вы провели. Попробуйте сделать то же самое, только с клавишей <Shift>. В этом случае к первому выделению добавится второе. Эти мелочи нам еще не раз пригодятся.

Использование Marquee Tool

Шаг 1.

Эффект телеизображения представляет собой перекрытие изображения маленькими мерными линиями. В связи с этим необходимо создать эти линии, определить их как образцы и применить на нужном изображении.

Создайте новое изображение с прозрачным фоном размером 10x2 пиксела.

Такой малый размер обусловлен большим количеством линий, которые нужно будет разместить на изображении. Создайте новый слой (Layer I New I Layer (Слой I Новый слой)). С помощью палитры Navigator (Навигация) увеличьте видимую часть изображения до 1600 %. Затем сделайте выделение, как на рис. 4.3, и залейте его черным цветом.

Примечание:

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

Рис. 4.3. Выделение для последующего заполнения

Рис. 4.4. Изображение с типичной ошибкой

Шаг 2.

Сейчас у вас в наличии линия, делящая пополам прозрачность. Вот это изображение и определите как образец. Для этого выполните команду Edit | Define Pattern (Редактирование | Определить образец) и введите имя образца (рис. 4.5).

Рис. 4.5. Диалоговое окно Pattern Name

Шаг 3.

Теперь выберите изображение, к которому вы будете применять данный эффект (рис. 4.6).

Шаг 4.

Создайте новый слой. Далее выполните команду Edit | Fill (Редактировать| Заполнить). Посмотрите на рис. 4.7. Задайте Opacity (Непрозрачность) 50 %, чтобы потом не менять эту непрозрачность на слое, тем самым вы упростите себе работу. Финальный результат смотрите на рис. 4.8.

Рис. 4.6. До применения эффекта

Рис. 4.7. Изменения в окне Fill

Рис. 4.8. Финальный результат

Непрозрачность устанавливается в зависимости от распределения цветов в изображении: если вы видите, что линии перекрывают исходное изображение, то измените Opacity (Непрозрачность) слоя в палитре Layers (Слои), и случае отсутствия видимости линий измените Opacity (Непрозрачность) в сторону больших значений в диалоговом окне Fill (Заполнение) до применения эффекта.

Что нового мы узнали

В этом уроке мы научились:

— использовать инструмент Rectangular Marquee (Прямоугольное выделение);

— управлять процессом заполнения образца.

Урок 5. Создание навигационной кнопки

В этом уроке мы рассмотрим работу с каналами в RGB-режиме, в котором их три: красный, зеленый и голубой. Также вы научитесь добавлять дополнительный Alpha Channel (Альфа-канал).

Работа с Alpha Channel

Шаг 1.

Создайте новoe изображение размером 500x500. В дальнейшем кнопку можно будет уменьшить. Создайте еще один новый слой — Layer | New | Layer (Слой | Новый | Слой). Сделайте цвет переднего плана 737373. Подготовительная часть завершена.

Шаг 2.

Выполните комбинацию клавиш <All>+<Backspace> для того, чтобы слой залился выбранным в предыдущем шаге цветом. Сейчас вам придется применять очень необычный фильтр — Add Noise (Добавить шум). Для того чтобы понять эффект, создаваемый этим фильтром, вспомните настройку телевизора. Что он показывает, когда канала нет на определенной частоте (не синий экран)? Этот фильтр создает такой же эффект, при умелом использовании можно добиться неплохих результатов. Вы пока знаете только фильтр Вlur (Размытие), вот и попробуйте его применить.

Но сначала выполните команду Filler | Noise | Add Noise (Фильтр | Шум | Добавить шум) и задайте значения, как на рис. 5.1.

Шаг 3.

Воспользуйтесь фильтром размытия Motion Blur (Движение размытия).

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

Выполните команду Filter | Blur | Motion Blur (Фильтр | Размытие | Движение размытия) и задайте значении, как на рис. 5.2.

Рис. 5.1. Диалоговое окно Add Noise

Рис. 5.2. Диалоговое окно Motion Blur

Шаг 4.

Теперь вам необходимо откорректировать яркость и контрастность данного слоя. Поэтому выполните команду Image | Adjust | Brightness / Contrast (Изображение | Настройка | Яркость и контраст). Задайте параметры следующим образом: Brightness (Яркость) -10. Contrast (Контрастность) +35.

Шаг 5.

Перейдите на палитру Channels (Каналы), создайте новый канал (рис. 5.3) и назовите его "Окантовка".

Рис. 5.3. Создание нового канала

Теперь вам нужно нарисовать основу кнопки. Используя любой инструмент, например. Shape (Форма), нарисуйте произвольную форму. В данном уроке я использовал закругленный прямоугольник, который похож на кнопку (рис. 5.4), но вы можете попробовать сделать круглую форму.

Рис. 5.4. Скругленный прямоугольник

Дублируйте этот канал, бросив его на кнопку создании New Channel (Новый канал), дальнейшие манипуляции вы будете проводить на дублированном канале. Бросить — в данном случае означает щелкнуть по необходимому каналу и, удерживая левую кнопку мыши, переместить его на кнопку создания нового канала

Шаг 6.

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

Рис. 5.5. Выделение Load Channel as a Selection

Теперь вам нужно размыть этот канал. Делается это для сглаживания всех неровностей, которые появляются во время создания. Выполните команду Filler | Blur | Gaussian Blur (Фильтр | Размытие | Размытие по Гауссу) и задайте значение 18, затем примените этот же фильтр со значением 9, потом 6, потом 3,

Шаг 7.

Инвертируйте выделение для захвата большей области нажатием комбинаций клавиш <Ctrl>+<Shift>+<I>, затем нажмите клавишу <D> и заполните выделение комбинацией клавиш <Alt>+<Ваcksраcе>. Таким образом вы не просто сгладите все неровности, но сделаете некое подобие градации цвета, распространяющейся от центра.

Шаг 8.

Выполните команду Select | Modify | Expand (Выбор | Изменить | Растянуть).

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

Шаг 9.

Растушуйте выделение, нажав комбинацию клавиш <Ctrl>+<Alt>+<D> и задав значение 25.

Примечание:

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

Теперь залейте его тем цветом, который вы выбрали в начале урока.

Шаг 10.

Выберите самый первый канал и загрузите его выделение, перетащив его на кнопку Load Channel as a Selection (Загрузить канал как выделение). Вернитесь к палитре Layers (Слои), щелкните правой кнопкой мыши на слое, к которому вы применяли фильтр, и выберите пункт Layer via Сору (Слой через копию), теперь переместитесь опять на слой, который копировали, и залейте его серым цветом. Чем меньше в этом цвете будет примесей других цветов (красного, синего и т. д.). тем лучше (рис. 5.6).

Рис. 5.6. Изображение, которое должно получиться

Шаг 11.

Вернитесь на палитру Channels (Каналы) и загрузите выделение канала «Окантовка». Теперь перейдите к Layers (Слои) и создайте новый слой так, чтобы он располагался выше слоя с серым цветом, но ниже слоя, который был сделан через копирование (рис. 5.7). Залейте слой серым цветом, но на этот раз он должен быть более светлых оттенков, затем щелкните по пиктограмме глаза на верхнем слое для скрытия.

Рис. 5.7. Необходимое расположение слоев

Шаг 12.

Сделайте активным Слой 2 (порядок слоев см. на рис. 5.7). Затем выполните команду Filter | Render | Lighting Effects (Фильтр | Рендер | Световые эффекты) и задайте значения, как на рис. 5.8. Сейчас вам важно знать, что фильтр Lighting Effects (Световые эффекты) применяется для освещения изображения мнимым источником света. Подробней о ней мы будем говорить в уроке 15.

Риг. 5.8. Диалоговое окно Lighting Effects

Шаг 13.

Удерживая клавишу <Ctrl>, щелкните на слое, к которому вы применяли Lighting Effects (Световые эффекты), и воспользуйтесь фильтром Gaussian Blur (Размытие по Гауссу) с величиной 6. Кнопка станет гладкой и приятной на вид.

Шаг 14.

В шаге 11 вы отключали слой, щелкая по пиктограмме глаза. Включите его — сделайте обратную операцию. Теперь поменяйте Blending Mode (Режим смешивания) на Overlay (Наложение), можете еше раз применить фильтр Lighting Effect (Световые эффекты).

Примечание:

Режим Overlay (Наложение) помогает накладывать поверх нижнего слоя контуры, полностью сохраняя его цветность.

Все, основа есть (рис. 5.9), дальше уже вариации (рис. 5.10).

Рис. 5.9. Основа

Рис. 5.10. Финальный результат

Что нового мы узнали

В этом уроке мы научились:

— работать с каналами;

— работать с режимом смешивания Overlay (Наложение);

— использовать фильтр Add Noise (Добавить шум);

— использовать фильтр Motion Blur (Движение размытия);

— работать с функцией Lighting Effects (Световые эффекты);

— создавать слон через копирование.

Урок 6. Градиент и растушевка

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

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

— использовать Gradient Fill Layer (Новый слой заливки градиентом) — в этом случае градиент находится на отдельном слое и имеет в своем распоряжении маску. Данный способ будет полезен, если вы собираетесь серьезно модифицировать слой;

— использовать Gradient Tool (Инструмент градиента), который вызывается нажатием клавиши <G>.

Примечание:

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

Рис. 6.1. Инструмент градиента

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

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

Шаг 1.

Создайте новый документ размером 400x200 и залейте его черным цветом — подготовка закончена. Прежде всего, вам следует определиться, что вы будете делать: круглую кнопку или вытянутую. Мы будем рассматривать создание вытянутой кнопки. Выберите цвет переднего и заднего фона, с более темным и более светлым тонами соответственно. В первом случае можно воспользоваться инструментом эллипса (рис. 6.2). Вам просто придется выделить область, создать новый слой и залить его градиентом.

Рис. 6.2. Инструмент Elliptical Marquee Tool

Примечание:

Выделение придется делать в два этапа: прямоугольное выделение и добавление двух эллиптических

Шаг 2.

Нажмите букву <U> или щелкните на панели по инструменту Rectangle (Прямоугольник).

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

Слейте все слои, кроме фона.

Примечание:

Не забывайте, что вы можете без потери качества трансформировать составные элементы, имеющие векторную маску, трансформация осуществляется после нажатия комбинации клавиш <Ctrt>+<T> (рис. 6.3).

Рис. 6.3. Фигура с закруглениями

Совет:

Связать слои можно, поставив значок скрепки слева от необходимых слоев (рис. 6.4). А для сливания их в один выполните комбинацию клавиш <Ctrl>+<E>

Рис. 6.4. Связывание слоев

Шаг 4.

Теперь вам необходимо сделать выделение получившейся фигуры (это делается щелчком по слою с удержанием клавиши <Ctrl>).

Сделайте активным инструмент Gradient (Градиент). Смените цвет переднего плана на B423I0.

Посмотрите опции инструмента на рис. 6.5. Вам нужно использовать линейный градиент для осуществления плавного перехода между светлым и темным цветом.

Рис. 6.5. Панель инструмента Gradient

Шаг 6.

Примените вертикальный градиент с более светлым цветом от основания кнопки до верха (рис. 6.6). Для того чтобы провести градиент ровно, используйте клавишу <Shift>. Не потеряйте выделения после применения Градиента. На рисунке показана кнопка без выделения.

Рис. 6.6. Результат применения градиента

Шаг 7.

Уменьшите выделение до 3 пикселов — Select | Modify | Contract (Выбор | Изменить | Свернуть).

Выполните комбинацию клавиш <Alt>+<Ctrl>+<D> и задайте значение 3, затем щелкните на кнопке ОК, тем самым вы выполните растушевку. Имейте в виду, что размер свертывания и растушевки напрямую зависит от размера вашей кнопки.

Шаг 8.

Выделение по-прежнему должно оставаться. Создайте новый слой над тем, где у вас находится выделение (комбинация клавиш <Ctrl>+<Sliift>+<N>).

Сделайте цвет переднего плана белым и выберите градиент Foreground to Transparent (Передний план к прозрачному).

Примечание:

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

Затем проведите градиентом от верхней части до середины (рис. 6.7).

Рис. 6.7. Результат использования градиента Foreground to Transparent

Шаг 9.

Выполните комбинацию клавиш <Cltl>+<D> для снятия выделения и откорректируйте непрозрачность нового слоя, содержащего белый эффект подсветки, на несколько процентов, в зависимости от количества подсветки.

На рис. 6.8 представлен финальный результат.

Рис. 6.8. Финальный результат

Что нового мы узнали

В этом уроке мы научились:

— использовать градиент;

— модифицировать созданные формы Shape Tool (Инструмент формы);

— пользоваться функцией Feather (Растушевка);

— связывать слои для последующего соединения.

Урок 7. Использование градиента и кисти

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

Из этого урока вы узнаете о дополнительных функциях инструмента Gradient (Градиент), а также познакомитесь с инструментом Brush (Кисть).

Инструменты Gradient и Brush

Шаг 1.

Создайте новое изображение размером 200x200. При помощи Elliptical Marquee Tool (Инструмент эллиптического выделения) создайте круг (рис. 7.1).

Используйте для создания круга клавишу <Shifi>.

Рис. 7.1. Выделение в виде круга

Шаг 2.

Сделайте активным инструмент градиента. Задайте цвет переднего плана F7D51B, а задний фон сделайте черным (цвет 000000). В опциях данного инструмента появится черно-желтый градиент. Дважды щелкните но нему, чтобы открыть дополнительные опции, и попытайтесь сделать градиент, как на рис. 7.2.

Рис. 7.2. Настройка градиента

Примечание:

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

Шаг 3.

Создайте новый слой, щелкнув по кнопке на палитре слоев (рис. 7.3).

Рис. 7.3. Кнопка создания нового слоя

Проведите градиентом по диагонали. Градиент должен быть Linear (Линейный) (рис. 7.4). После этого у вас должен получиться круг, как на рис. 7.5.

Рис. 7.4. Активный Linear Gradient

Рис. 7.5. Результат применения градиента

Шаг 4.

Итак, у вас получился переход от черного к желтому. Перед вами стоит задача сделать эффект блеска, чтобы кнопки были похожи на желе (или стеклянные кнопки, кому как больше нравится). Блеск лучше создавать на более темной поверхности относительно светлой, потому что в этом случае достигается максимум данного эффекта. В самом деле, попробуйте представить себе блеск на светлой поверхности, когда есть темный участок. Другое дело, если бы у вас была ровная заливка без перелива, тогда можно было бы использовать Radial Gradient (Радиальный градиент) для создании объема, но встретимся мы с этим способом на практике в уроке 16 при создании металлического каркаса робота.

Создайте новый слой. На палитре инструментов выберите Brush Tool (Инструмент кисти) либо нажмите <В> (рис. 7.6). Задайте опции, как на рис. 7.7. Обратите внимание на два важных параметра — Opacity (Непрозрачность) и Flow (Поток). С первым мы уже встречались, здесь непрозрачность выполняет сходную функцию, а вот Flow (Поток) — новинка. Но ничего сложного в этом параметре нет, он отвечает за интенсивность работы кисти.

Рис. 7.6. Кнопка инструмента Brush

Рис. 7.7. Панель инструмента кисти

Шаг 5.

Опции заданы, теперь вам нужно нарисовать размытое пятнышко кистью на новом слое. Это пятно будет служить фоном другому, более яркому (рис. 7 8).

Рис. 7.8. Пятнышко от кисти

Шаг 6.

Задайте размер кисти 10рх, а также модифицируйте параметры потока, как на рис. 7.9. Нарисуйте более четкое пятно меньшего размера, после чего слейте слой с пятном и слой с шариком, нажав комбинацию клавиш <Ctrl>+<Е>. Эффект налицо (рис. 7.10).

Рис. 7.9. Изменение Flow

Рис. 7.10. Результат для шага 6

Шаг 7.

Основу вы получили, теперь идут модификации. Создайте новый слой и переместите его ниже слоя с кнопкой-желе. Удерживая клавишу <Ctrl>, щелкните по слою с кнопкой-желе. Затем выполните команду Select | Modify I Expand (Выбор | Модифицировать | Растянуть) и в диалоговом окне залайте значение 8. Залейте выделение цветом АСА479. Тем самым вы делаете подложку под кнопку.

Шаг 8.

Сейчас вы впервые источаетесь со стилями, это сделано специально, чтобы уже на данном этапе вы имели представление о них. Щелкните на слое с кнопкой и зайдите в меню Layer | Layer Style | Bevel and Emboss (Слой I Стиль слоя I Фаска и рельеф), задайте значения, как на рис. 7.11.

Рис. 7.11. Характеристики для слоя с кнопкой

Снова примените этот же стиль, но с параметрами, как на рис. 7.12. к слою с подложкой.

Рис. 7.12. Параметры стиля Bevel and Emboss для подложки

Шаг 9.

Создайте свой градиент и проведите им по диагонали на самом первом слое.

На этом все (рис. 7.13).

Рис. 7.13. Финальный результат

Урок 8. Рисуем LCD-дисплей

Шаг 1.

Создайте новое изображение размером 200x200 с белым фоном. Теперь сделайте новый слой.

Я уже упоминал, что различное сочетание инструментов и клавиш <Ali>, <Shifi>, <Ctrl> открывает дополнительные возможности инструмента. Сейчас вы узнаете еще одну.

Шаг 2.

Сделайте активным Elliptical Marquee Tool (Инструмент эллиптического выделения). Нажмите одновременно клавиши <Shift>+<AU>. Попробуйте создать окружность. Как видите, выделение делается ровным и увеличивается от центр. Сделайте небольшое выделение таким способом (рис. 8.2).

Рис. 8.2. Выделение в виде круга

Шаг 3.

Сейчас необходимо заполнить цветом выделение: выберите понравившийся цвет на палитре, а затем выполните комбинацию клавиш <Alt>+<Васksрасе> при условии, что вы выбрали Foreground Color (Цвет переднего плана). Если же вы выбрали Background Color (Цвет заднего плана или фон), то выполните комбинацию клавиш <Сtrl>+<Васкsрасе>.

Используйте цвет 7ААЕЕ4 (рис. 8.3). На этом этапе очень важно определиться с цветом. Он не должен быть слишком ярким, потому что вы будете осветлять края самого дисплея.

Рис. 8.3. Изображение после заливки цветом

Шаг 4.

На данный момент у вас на новом слое есть синий круг и должно остаться выделение. Создайте новый слой так, чтобы он находился выше слоя с кругом, для этого вам нужно либо находиться на слое (так как Photoshop создает новый слой выше текущего), либо, если вы создали его ниже, переместить его мышью. Нажмите клавишу <D> для перезагрузки цветов. Делаете вы это, чтобы обвести основу дисплея черной линией. Итак, выполните команду Edit | Stroke (Редактирование | Обводка) и посмотрите на рис. 8.4.

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

Оставаясь на этом же слое, выполните команду Filter | Blur | Gaussian Blur (Фильтр I Размытие I Размытие по Гауссу) и задайте значение 4 (можно и другое, но большее по значению) (рис. 8.5). Нажмите ОК.

Рис. 8.5. Диалоговое окно Gaussian Blur

Удерживай клавишу <Ctrl>, щелкните на первом слое для загрузки его выделения (слой 0 синим кругом). Теперь сделайте активным второй слой (тот, что с линией). Выполните команду Select | Inverse (Выбор | Инверсия) и нажмите клавишу <Delete> (второй слой должен обязательно быть активным).

Таким oбразом мы сделали инверсию выделения, очистили слой от ненужных пикселов и выровняли все относительно дисплея по кругу. Обводная линия все еще слишком сильно выражена, поэтому установите Opacity (Непрозрачность) 28 % (рис. 8.6).

Рис. 8.6. Изменение непрозрачности

Шаг 5.

Сейчас у вас должна быть следующая картина (рис. 8.7):

— три слоя; — синий круг;

— белый фон; — обводная линии.

Рис. 8.7. Изображение после выполнения шага 6

Вам нужно осветлить дисплей. Для этого создайте новый слой и расположите его выше предыдущих. Перезагрузите цвета нажатием клавиши <D>.

Снова щелкните на первом слое, удерживая клавишу <Clrl>. Обозначьте сильнее ваше выделение. Для этого снова воспользуйтесь функцией Stroke (Обводка), но уже с другими параметрами (рис. 8.8).

Рис. 8.8. Новые параметры Stroke

Шаг 6.

Создайте новый слой и расположите его выше предыдущих. Ели вы потеряли выделение слоя с кругом, то создайте его снова. Сделайте активным инструмент Brush (Кисть) Задайте опции, как на рис. 8.9.

Посмотрите на значок о виде ручки справа от заголовка слоя. Его нужно обязательно активизировать. Данная опция позволяет использовать более мягкие тона, моделируя инструмент Airbrush (Аэрограф).

Рис. 8.9. Панель инструмента Brush

Шаг 7.

Нажмите <D>, затем <Х> таким образом, чтобы сначала перезагрузить цвета, поставив цвет переднего плана черным, а заднего белым. Затем поменяйте их местами. Нарисуйте плавно в нижней части круга небольшую подсветку (рис. 8.10).

Рис. 8.10. Изображение после выполнения шага 7

Шаг 8.

Создайте новый слой. Теперь, используя Pen Tool (Инструмент ручки), нарисуйте выделение в верхней части окружности, можете слегка изогнуть его для придания плавного перехода. Оставьте выделенным этот инструмент, щелкните правой кнопкой мыши на выделении и выберите Make Selection (Сделать выделение) (рис. 8.11).

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

Рис. 8.11. Применение Реn

Шаг 9.

Создайте новый слой (не потеряйте выделение), нажмите и удерживайте комбинацию клавиш <Shiu>+<Ctrl>+<Alt>, щелкните на первом слое (с кругом). Сейчас необходимо использовать Gradient Tool (Инструмент градиента). В его свойствах необходимо выбрать Foreground to Transparent (Передний план к прозрачному). Нажмите <D>, затем <Х> и проведите градиентом сверху вниз.

Теперь нажмите комбинацию клавиш <Clrl>+<D> для снятия выделения и выполните команду Filler | Blur | Gaussian Blur (Фильтр) Размытие | Размытие по Гауссу), задайте значение 2,0. Тем самым вы сделаете плавный переход цветов, что и требуется (рис. 8.12).

Рис. 8.12. Изображение после выполнения шага 9

Также вы можете добавить эффект телеизображения на дисплее, все-таки это экран (рис. 8.13).

Рис. 8.13. Финальный результат

Что нового мы узнали

В этом уроке мы научились:

— работать с пополнительными опциями Brush (Кисть);

— создавать ровные выделения;

— использовать Pen Tool (Инструмент ручки).

Урок 9. Продвинутая трансформация

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

Как применять на практике эти линейки и направляющие, мы рассмотрим на примере создания компакт-диска.

Инструмент Elliptical Marquee

Шаг 1.

Создайте новое изображение размером 400x400.

Рис. 9.1. Сознание направляющей линии

Сделайте видимыми линейки, для этого выполните комбинацию клавиш <Ctrl>+<R>. Теперь создайте ровно посередине две направляющие линии, для этого подведите курсор к границе линейки, удерживая левую кнопку, переместите линию в нужное место (рис. 9.1).

Шаг 2.

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

Выберите инструмент Elliptical Marquee (Эллиптическое выделение), установите его Style (Стиль) в значение Fixed Size (Фиксированный размер).

Когда вы выберете этот инструмент, вверху на панели появятся его свойства, где из выпадающего меню выберите Fixed Size (Фиксированный размер).

Задайте размер 340x340 рх. Удерживая <Alt>, наведите курсор на пересечение вспомогательных линий и сделайте выделение в виде окружности (рис. 9.2).

Рис. 9.2. Панель Elliptical Marquee

Шаг 3.

Установите режим выделения Flliplical Marquee (Эллиптическое выделение) на Tool Subtract From Selection (Инструмент вычитания выбора) (рис. 9.3) и задайте размер 44x44.

Рис. 9.3. Инструмент вычитания выбора

Теперь, удерживая клавишу <Alt>, установите выделение на центр изображения. Для этого сначала нажмите кнопку мыши, а потом <Alt>. В результате у вас должно получиться выделение в форме круга с отверстием в центре. Остается только залить его цветом Е5Е5Е5 и отменить выделение нажатием комбинации клавиш <Ctrl>+<D> (рис. 9.4).

Рис. 9.4. Выделение в форме круга с отверстием в центре, залитое серым цветом

Шаг 4.

Сделайте новый слой. Назовите его «Оттенок», Теперь повторите шаг 3: создайте в центре два кольца: внешнее размером 334x334 и внутреннее размером 106x106. Пришло время познакомиться с новым для вас стилем слоя Gradient Overlay (Наложение градиента). По сути, он делает тот же эффект, что и инструмент градиента, только в этом случае существует возможность более гибкого редактирования.

Рис. 9.5. Диалоговое окно Gradient Overlay

Для начала залейте выделение белым цветом. И только потом примените к этому слою стиль Layer | Layer Style | Gradient Overlay (Слой | Стиль слоя | Наложение градиента) с параметрами, как на рис. 9.5. Установите цвет переднего плана 526577, а заднего СССССС. Сравните ваш результат с рис 9.6.

Рис. 9.6. Результат применения стиля Gradient Overlay

Шаг 5.

Создайте новый слой, назовите его «Градиент». Сделайте активным инструмент Gradient Tool (Инструмент градиента), установите градиент Spectrum (Спектр) (рис. 9.7) и залейте слой сверху вниз. Выполните комбинацию клавиш <Ctrl>+<T>. Сожмите градиент вдвое по горизонтали, затем щелкните на области трансформирования правой кнопкой мыши и выберите пункт Перспектива (рис. 9.8). Передвиньте верхний левый узелок к центру (рис. 9.9).

Рис. 9.7. Выбор градиента

Рис. 9.8. Выбор пункта Перспектива

Рис. 9.9. После трансформации метолом перспективы

Шаг 6.

Использование градиента в виде спектра неслучайно, все соответствует законам физики. То, что мы видим на диске перелив цветов, является результатом интерференции. Свет разлагается в спектр, и мы видим разные оттенки цветов на отражающей поверхности. Теперь вам нужно будет равномерно распределить на диске тот слой, который деформирован!. Дублируйте его — Layer | Duplicate Layer (Слой | Дублировать Слой). Поверните копию с помощью команды Edit | Transform | Rotate 180° (Редактирование! Трансформация | Вращать 180°), затем передвиньте этот слой в левую часть экрана и объедините с предыдущим слоем нажатием комбинации клавиш <Ctrl>+<E>.

Дублируйте получившийся слой. Теперь поверните его — (Edit | Transform | Rotate 90 °CW (Редактирование | Трансформировать | Повернуть 90 °CW)), а затем слейте слои нажатием комбинации клавиш <Ctrl>+<E>.

Шаг 7.

Удерживая <Ctrl>, шел книге на слое «Оттенок». Инвертируйте выделение (комбинация клавиш <Ctrl> + <Shift>+<I>) и удалите выделенную часть градиента клавишей <Deleie>. Отмените выделение комбинацией клавиш <Ctrl>+<D>. Установите Blending Mode (Режим смешивания) слоя на Overlay (Наложение), a Opacity (Непрозрачность) на 70 %. Результат манипуляций можно посмотреть на рис. 9.10.

Рис. 9.10. Результат манипуляций для шага 10

Шаг 8.

Вот мы и подошли к использованию новых настраиваемых слоев. Как и в ситуации с функцией Fill (Заполнение), выбрав настраиваемый слой, можно провести специальные настройки до создания, но этим все не ограничивается. В зависимости от того, какой вы выбрали пункт: Levels, Color Balance или другой, создастся маска слоя, которой можно управлять.

Выполните команду Layer | New Adjustment Layer (Слой | Новый настраиваемый слой) и выберите Hue/Saluratiun (Оттенок/Насыщенность). В появившемся окне установите Opacity (Непрозрачность) равным 35 %, а в следующем установите флажок Colorize (Закраска) и задайте параметры, как на рис. 9.11. Таким образом вы получите более естественные оттенки диска (рис. 9.12).

Рис. 9.11. Диалоговое окно настройки Hue/Saturation

Рис. 9.12. Изображение после создании нового настраиваемого слоя

Шаг 9.

Хоть оттенок и стал более естественным, но реалестичности самому диску не хватает. Необходимо нарисовать кольцо в области меньшего круга. Сделайте активным слой градиента. Выделите в центре слоя окружность диаметром 132 пиксела.

Рис. 9.13. Изменение опции смешивания

Рис. 9.14. Мелкие надписи на кольце

Выполните комбинацию клавиш <Ctrl>+<C>, а потом <Ctrl>+<V>. В результате этих действий должен появиться новый слой с радужным кольцом.

Установите Blending Mode (Режим смешивания) этого слоя в значение Screen (Экран), a Opacity (Непрозрачность) равным 60 % (рис. 9.13). Добавьте мелкие надписи на получившееся кольцо (рис. 9.14).

Шаг 10.

Создайте новый слой. Выделите в центре диска окружность диаметром 96 пикселов. Залейте выделение белым цветом. С помощью команды Select | Modify | Contract (Выбор | Изменить | Свернуть) сверните выделение на 2 пиксела, задав в появившемся диалоговом окне Contract Selection (Свернуть выделение) значение 2. Удалите выделенную область и сделайте отмену выбора. Примените к этому слою стиль Bevel and Embossed (он находится в меню Lyer | Layer Style | Bevel and Embossed (Слой | Стиль слоя | Фаска и рельеф)) с параметрами, как на рис. 9.15. Создайте точно такой же слой, но с диаметром 78 рх.

Рис. 9.15. Параметры стиля Bevel and Emboss

Примечание:

Эти два слоя должны обязательно находиться под слоем Hue/Saturation.

Итак, у нас получился некий объем — это важно (рис. 9.16).

Шаг 11.

Теперь начинайте работать над Hue/Saturation. Создайте еще один слой (комбинации клавиш <Ctrl>+<Shiti>+<N>). Назоните его "Обведение".

Удерживая комбинацию клавиш <Ctrl> + <Shifl>, щелкните по очереди на слоях «Главный» и «Оттенок», для того чтобы выделить их одновременно.

Откройте меню Edit (Редактирование) и щелкните на пункте Stroke (Обводка). В открывшемся окне впишите следующие параметры:

— Width (Ширина) — 1 px;

— Color (Цвет) — Black (Черный);

— Location (Местонахождение) — Outside (Вне).

Нажмите ОК. После выполнении ваш диск должен быть обведен черной каймой. Для того чтобы придать краю диска особую реалистичность, установите Opacity (Непрозрачность) равным 50 %.

Шаг 12.

Сейчас самая сложная часть. Создайте новый слой с названием «Рефлекс» и загрузите выделение слоя 'Главный" (щелкните по нему, удерживая <Ctrl>).

Установите цвет переднего плана (Foreground Color) равным FIFIF9. Сделайте активным Gradient Tool (Инструмент градиента), установите опцию Foreground to Transparent (От переднего плана к прозрачности) и залейте диск сверху до центра. Установите режим выделения Elliptical Marquee (Эллиптическое выделение) на Tool Subtract From Selection (Инструмент вычитания выделения) и возьмите в рамку верхнюю часть диска. После этих действий выделенной должна остаться только нижняя часть диска. Установите цвет переднего плана F3EEE0. Залейте выделенную область градиентом от центра до нижней кромки с параметрами, которые вы установили ранее.

Отмените выделение комбинацией клавиш <Ctrl>+<D> (это соответствует команде Select | Deselect (Выбор | Снять выделение)). Размойте слой на 1 пиксел фильтром Gaussian Blur в меню Filter | Blur | Gaussian Blur (Размытие по Гауссу). Установите Blending Mode (Режим смешивания) слоя в позицию Color Dodge (Цветовая уловка), a Opacity (Непрозрачность) равным 60 %.

Шаг 13.

Примените к слою «Главный» стиль Outer Glow (Внешний блеск) с помощью команды Layer | Layer Style | Outer Glow (Слой | Стиль слоя | Внешний блеск) с параметрами, как на рис. 9.17.

Рис. 9.17. Опции стиля Outer Glow

Рис. 9.18. Финальный результат

Что нового вы узнали

В этом уроке мы научились:

— работать с линейками и направляющими линиями;

— создавать выделения фиксированного размера;

— создавать новый настраиваемый слой;

— продвинутой трансформации;

— активному изменению опций смешивания.

Урок 10. Закрепляем знания об инструментах выделения и о режимах смешивания

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

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

Шаг 1.

Создайте новый рисунок размером 5x5 дюймов. Выполните команду Layer | New | Layer (Слой | Новый | Слой). Залейте его белым цветом. Выполните комбинацию клавиш <Ctrl>+<R>, для того чтобы появились линейки, создайте в центре две направляющие линии. Теперь выберите инструмент Elliptical Marquee (Эллиптическое выделение), задайте в его свойствах Fixed Size (Фиксированный размер) и значение 350 в двух соответствующих полях. Наведите курсор на центр пересечения линий и, удерживая клавишу <Alt>, создайте новое выделение. Залейте его серым цветом.

Шаг 2.

Оставаясь на этом же слое, выполните команду Select | Modify | Contract (Выбор) Изменить | Свернуть) и сверните изображение до 10 пикселов.

Создайте новый слой и залейте его цветом 4ADAD2. Можно использовать и другой цвет.

Шаг 3.

Теперь при помощи все того же инструмента и приема сделайте новое круглое выделение в центре размером 120x120. Для снятия выделения нужно нажимать комбинацию клавиш <Clrl>+<D>. Создайте новый слой и залейте получившееся выделение цветом A73I82. Снова создайте новый слой, теперь сделайте выделение размером 100x100, только в этот раз залейте его белым цветом.

Шаг 4.

Выполните комбинацию клавиш <Cirl>+<Shift>+<E> для слияния всех видимых слоев. На данный момент у вас должны остаться вспомогательные линии. Выделите участок на изображении при помощи инструмента Rectangular Marquee (Прямоугольное выделение) (рис. 10.1).

Рис. 10.1. Выделение участка

Шаг 5.

Создайте новый корректирующий слой Layer | New Adjustment Layer | Hue/Saturation (Слой | Новый корректирующий слой | Оттенок/Насыщенность), установите флажок Use Previous Layer to Great Clipping Mask (Использовать предыдущий слой для создания маски) (рис. 10.2).

Рис. 10.2. Настраиваемый New Layer

Примечание:

Этот фпажок у опции нужен для наложения текущего слоя на предыдущий путем группировки.

Нажмите ОК. В появившемся окне задайте значение только для Hue (Оттенок) +64 (рис. 10.3).

Рис. 10.3. Регулировка Hue

Шаг 6.

Сделайте аналогичное выделение в правом нижнем углу, создайте новый слой, только теперь задайте для параметра Hue (Оттенок) значение +126 (рис. 10.4).

Рис. 10.4. Изображение после выполнения шага 6

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

Выполните комбинацию клавиш <Ctrl>+<Shifl>+<E>. Создайте новый слой. Переместите его ниже слоя с диском, залейте белым цветом. Сделайте активным слой с диском (щелкните по нему), выберите Move Tool (Инструмент перемещения).

Выполните комбинацию клавиш <Clrl>+<;> для снятия направляющих линий, затем комбинацию <Cirl>+<"> для отображения сетки и расположите диск в центре (рис. 10.5).

Рис. 10.5. Диск в центре

Шаг 8.

Несмотря на то, что слои слиты, а самый центральный круг залит белым, еще не все потеряно. Сделайте активным инструмент Magic Wand (Волшебная палочка) (или клавиша <W>), щелкните левой кнопкой мыши в центре изображения, заполните выделение цветом С9С2С2. Теперь дублируйте слой — Layer | Duplicate Layer (Слой | Дублировать слой), снова выделите волшебной палочкой центр, затем выберите инструмент Elliptical Marquee (Эллиптическое вылсление), щелкните правой кнопкой мыши по выделению и выберите пункт Free Transform (Свободная трансформация) (комбинация клавиш <Сtrl>+<Т>), в свойствах трансформации задайте высоту (Н:) и ширину (W:) 50 % (рис. 10.6). Залейте белым цветом.

Примечание:

Абсолютно белый цвет имеет код FFFFFF.

Рис. 10.6. Парамотры высоты и ширины

Шаг 9.

Вернитесь на самый первый слой, сделайте выделение центрального круга и заполните его цветом B84F4F6 (рис. 10.7).

Рис. 10.7. Выделение и заполнение цветом

Шаг 10.

Осталось только добавить ваш фирменный текст. На этом фоне неплохо смотрятся белые надписи (рис. 10.8). Может быть, вы найдете сочетание лучше.

Рис. 10.8. Финальный результат

Что нового мы узнали

В этом уроке мы научились использовать инструмент Magic Wand (Волшебная палочка).

Урок 11. Создаем техно-шланг

Существует много специализированных программ дли рисования, в основном зто векторные редакторы. Но компания Adobe не обделила пользователей Photoshop такой возможностью — вы вполне можете нарисовать сложные объекты не хуже, чем в векторных редакторах. Главное заключается в том, что некоторые инструменты рисования в Photoshop присутствуют и в редакторе Adobe Illustrator — инструменте работы с векторными объектами.

Так что полученные навыки вам еще пригодятся.

Инструменты Реn и Line

Шаг 1.

Создайте новое изображение размером 320x320. Залейте его цветом 555555. Сейчас вам необходимо нарисовать изгиб. Нетрудно догадаться, прямой шланг смотрится, как труба. Удобней всего это делать инструментом Реn (Ручка) (клавиша <Р>), правда поначалу кажется, что рисовать им совсем невозможно, но смею уверить вас — это дело практики. Итак, сделайте активным данный инструмент и попытайтесь воспроизвести нечто похожее (рис 11.1). Главное, изгиб сделать больше (параметры инструмента Реn (Ручка) можно посмотреть на рис. 11.2).

Совет:

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

Рис. 11.1. Изгиб

Рис. 11.2. Панель инструмента Реп

Шаг 2.

Выберите инструмент кисти Brush (Кисть) (клавиша <В>), он понадобится для закраски ваших изгибов: шланг должен быть заметен, размер кисти задайте 25 рх, остальные параметры в данном уроке не понадобятся (рис. 11.3).

Шаг 3.

Создайте новый слой, именно на нем вы будете обводить изгиб. Нажмите клавишу <D> для перезагрузки цветов: вам нужен черный, чтобы видеть основу шланга, в дальнейшем цвет вы измените. Выберите инструмент Реn (Ручка), щелкните правой кнопкой мыши на изгибах и выберите Stroke Path (Штриховой контур).

Примечание:

Не устанавливайте флажок Simulate Pressure (Симуляция давления), в противном случае кисть заполнит изгиб, отсекая лишние линии на концах, а вам это не нужно (рис. 11.4).

Рис. 11.3. Опции Brush Presets

Рис. 11.4. Штриховой контур

Шаг 4.

Сейчас необходимо удалить линии изгиба, созданные Реn (Ручка), делается это клавишей <Delete>. Теперь нажмите <Enter>, чтобы окончательно все скрыть (рис. 11.5).

Рис. 11.3. Изображение после выполнения шага 4

Шаг 5.

Удерживая клавишу <Ctrl>, щелкните на слое, на котором нарисовали черный изгиб, понадобится это для создания и последующего размытия канала.

Итак, после загрузки выделения перейдите на палитру Channels (Каналы), создайте новый канал. Залейте его белым цветом (рис. 11.6—11.7).

Рис. 11.6. Выделение на канале, заполненное белым цветом

Рис. 11.7. Новый Alpha Channel

Шаг 6.

Ныполнитс команду Filter | Blur | Gaussian Blur (Фильтр | Размытие | Размытие по Гауссу) и задайте Radius (Радиус) равным 10 (рис. 11.8).

Рис. 11.8. Размытый Alpha Channel

Шаг 7.

Вернитесь на палитру Layers (Слои). Как вы, наверное, догадались, сейчас нужно будет проводить изменения на слое с изгибом. Убедитесь, что он активен (посмотрите на наличие пиктограммы кисти слева), и зафузите выделение этого слоя, нажав комбинацию клавиш <Ctrl>+<A> либо выполнив команду Select | Аll (Выбор | Все).

Теперь заполните выделение серым цветом на 50 % (рис. 11.9), именно такое сочетание хорошо подходит для создания эффекта металла. Не забудьте установить флажок Preserve Transparency (Сохранить прозрачность), в противном случае заполнится весь слой.

Рис. 11.9. Параметры заполнения Fill

После выполнения этих операции снимите все выделения, выполнив команду Select | Deselect (Выбор | Снять выделение) (рис. 11.10).

Рис. 11.10. Изображение после выполнение шага 7

Шаг 8.

В очередной раз вам придется воспользоваться фильтром Lighting Effects (Световые эффекты). На данном этапе вам необходимо знать, что он позволяет также делать освещение каналов. Выполните команду Filter | Render | Lighting Effects (Фильтр | Рендер | Световые эффекты), используйте значения параметров, как на рис. 11.11.

Рис. 11.11. Окно настройки световых эффектов

Таким образом вы придадите металлический отблеск будущему шлангу, используя дополнительный Alpha Channel (Альфа-канал) (рис. 11.12).

Рис. 11.12. Изображение после выполнения шага 8

Шаг 9.

Примените к получившейся основе шланга один из стилей, создающих выпуклости, — выполните команду Layer | Layer Style | Bevel and Emboss (Слой I Новый слой I Фаска и рельеф), задайте параметры, как на рис. 11.13.

Рис. 11.13. Окно Bevel and Emboss

Эти значения — импровизация, поэтому, если они вам не нравятся, смело задавайте свои (рис. 11.14).

Рис. 11.14. Изображение после выполнения шага 9

Шаг 10.

Сейчас необходимо блокировать прозрачность для успешного создания полосок на шланге. Делается это нажатием соответствующей кнопки на палитре слоев (рис. 11.15).

Рис. 11.15. Кнопка блокирования прозрачности

Шаг 11.

Оригинальный слой после применении Lighting Effects (Световые эффекты) смотрится грубо (рис. 11.16), поэтому смягчите его, выполнив дважды команду Filter | Blur | Blur More (Фильтр | Размытие | Больше размытия) (рис. 11.17).

Рис. 11.16. Вид увеличенного шланга до применения Blur More

Рис. 11.17. Вид увеличенного шланга после применения Blur More

Шаг 12.

Создайте новый слой и свяжите его с предыдущим (щелчком слева). Если вы все сделаете правильно, то появится скрепка в месте щелчка. Затем слейте эти два слоя нажатием комбинации клавиш <Ctrl>+<Е> (рис. 11.18).

Рис. 11.18. Связывание слоев

Шаг 13.

В данный момент слой у вас не блокирован. Выберите инструмент кисти (Brush Tool) (клавиша <В>), задайте размер кисти 100 рх (рис. 11.19), заблокируйте прозрачность слоя и затемните края шланга.

Рис. 11.19. Изменение параметров Brush

Тем самым вы придадите объем шлангу (рис. 11.20).

Рис. 11.20. Затемнение участков

Примечание:

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

Шаг 14.

Создайте новый слой, он должен распологаться выше предыдущих (рис. 11.21).

Сейчас нужно сделать полоски на шланге, поэтому выберите инструмент Line (Линия) (клавиша <U>) (рис. 11.22). Сделайте цвет переднею плана FFFFFF.

Рис. 11.21. Расположение слоев

Рис. 11.22. Инструмент Line Tool

Рис. 11.23. Линии, проведенные инструментом Line

Итак, нарисуйте линии, лучше всею это делать при увеличенном масштабе изображения, например. 400 % (комбинация клавиш <Ctrl>+<+>). Как нетрудно заметить, инструмент Line (Линия) является одной из модификаций Shape (Форма), поэтому с линиями можно выполнять те же операции (рис. 11.23).

Шаг 15.

Сгруппируйте слои, чтобы убрать лишние концы, нажатием комбинации клавиш <Ctrl>+<G>, а также измените опции смешивания на Overlay (Наложение). Основное назначение группировки слоев — это накладывание верхнего слоя по контуру на нижний (рис. 11.24–11.25).

Рис. 11.24. Группировка слоя

Рис. 11.25. Результат группировки слоя

Шаг 16.

Осталось сделать последние штрихи. Примените к слою стиль Drop Shadow (Отбросить тень) (рис. 11.26).

Также можно создать прямоугольник, залить его Reflected Gradient (Отраженный градиент), затемнить края для объема и расположить его на шланге. Далее идут вариации (рис. 11.27).

Рис. 11.26. Параметры Drop Shadow

Рис. 11.27. Финальный результат

Что нового мы узнали

В этом уроке мы научились:

— рисовать с помощью инструмента Реn (Ручка);

— использовать Line (Линии);

— группировать слои;

— блокировать непрозрачность слоя;

— использовать функцию Stroke Path (Штриховой контур)

Урок 12. Обобщаем знания об элементах слоя

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

Инструмент Smudge

Итак, приступим, но сразу оговорюсь, что урок не из легких и, возможно, с первого раза у вас не получится. Главное требование — усидчивость.

Шаг 1.

Создайте новое изображение размером 800x800. Залейте его цветом ЕСЕСЕС. Поставьте две направляющие линии. Создайте новый слой, используя Layer | New | Layer (Слой | Новый | Слой). При помощи инструмента Elliptical Marquee (Эллиптическое выделение) сделайте выделение фиксированного размера. Это основа глаза, ее нужно залить цветом ID3864, чтобы сделать синий цвет (рис. 12.1). Изображение такого большого размера является маленькой хитростью, чтобы при уменьшении не были заметны дефекты работы.

Шаг 2.

Сделайте эллиптическое выделение меньшего размера, например, 200x200, и залейте его черным цветом, заливку делайте на новом слое, который вам придется создать с помощью Layer | New | Layer (Слой | Новый | Слой). Как можно догадаться, черное пятно будет зрачком.

Рис. 12.1. Две направляющие линии и основа глаза

Шаг 3.

Сделайте активным инструмент Smudge (Палец): он вызывается нажатием клавиши <R>. Слслайте по краям искажения, как на рис. I2.2. Они нужны, чтобы о дальнейшем вам пришлось меньше рисовать. Впоследствии зрачок все равно будет круглым.

Шаг 4.

Создайте новый слой и снова сделайте эллиптическое выделение в центре, размером 400x400, залейте его белым — этот цвет нужен для применения фильтров.

Выполните команду Filler | Noise | Add Noise (Фильтр | Шум | Добавить шум) и залайте значении, как на рис. 12.3.

Рис. 12.2. Искажения зрачка

Рис. 12.3. Параметры Add Noise

Далее примените фильтр Radial Blur (Радиальное размытие), для этого выполните команду Filter | Blur | Radial Blur (Фильтр | Размытие | Радиальное размытие) (рис. 12.4).

Все эти манипуляции вы проводили, чтобы создать полоски, исходящие из центов. Очень удобно было воспользоваться «грязью», создаваемой фильтром Add Noise (Добавить шум), а потом преобразовать в линии радиальным размытием. В противном случае пришлось бы рисовать все эти линии кисточкой, что, согласитесь, не очень удобно и быстро.

Рис. 12.4. Диалоговое окно Radial Blur

Шаг 5.

Для придания большей яркости измените режим смешивания слоя с полосками на Vivid Light (Яркий цвет). Выполните команду Filter | Liquify (Фильтр | Жидкий) (рис. 12.5—12.6).

Шаг 6.

Теперь сделайте небольшую, пока светящуюся оболочку. Для этого нужно дублировать слой со зрачком. Напомню вам, как это делается: Layer | Duplicate Layer (Слой | Дублировать слой). После этого переместите его вверх и переименуйте в «Line». Измените опции смешивания на Overlay (Наложение). Теперь надо откорректировать цветовой баланс, для большей реалистичности глаза делать это лучше при помощи функции Hue/Saturation (Оттенок/Насыщенность) (рис. 12.7). После этого выполните комбинацию клавиш <Ctrl>+<T> и растяните слегка этот слой. Сейчас нужно дорисовать линии, лучше всего сделать это инструментом Brush (Кисть). Поставьте маленький размер кисти, выберите цвет такой же, как у слоя «Line». Если у вас возникли трудности с его подборкой, то воспользуйтесь инструментом Eyedropper (Пипетка), который вызывается нажатием клавиши <1>, щелкните в нужном месте, и цвет автоматически определится.

Чтобы слой не был таким ярким, измените параметр Opacity (Непрозрачность) на 94 %.

Рис. 12.5. Фильтр Liguify

Рис. 12.6. Результат применения фильтра Liquify

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

Шаг 7.

Вам приходится много раз дублировать слои, связано это с необходимостью подсветки. Вот и сейчас: дублируйте слой, к которому вы применяли фильтр Radial Blur (Радиальное размытие), и так же растяните его. У этого слоя обязательно режим смешивания должен быть задан в значение Overlay (Наложение). Переименуйте слой в «Circle». Изображение должно быть аналогичным рис. 12.8.

Рис. 12.8. Изображение после выполнения шага 7

Шаг 8.

Сделайте две копии слоя «Line», в первой копии снова поменяйте Hue/Saturation (Оттенок/Насыщенность) так же, как на рис. 12.9. Выполните комбинацию клавиш <Ctrl>+<T> и поверните слой. Переименуйте слой в «Red», он вам еще понадобится. Перейдите на вторую копию, которая должна находиться ниже слоя «Red». Если это не так, то поменяйте местами слои перетаскиванием мышью. Выполните комбинацию клавиш <Ctrl>+<T>, растяните его до 200 % в ширину и в высоту. Затем сделайте активным инструмент Elliptical Marquee (Эллиптическое выделение) и вырежьте в центре круг размером 600x600. Получится по краям окантовка, она поможет сделать глаз объемным.

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

Шаг 9.

Перейдите на слой «Circle» и сотрите инструментом Eraser (Ластик) небольшую часть по краю и в центре (зрачок не стирать). Следует оставить светлую окантовку. Сделайте копию слоя со зрачком, переместите этот слой выше всех остальных и примените к нему стиль Drop Shadow (Отбросить тень), как на рис. 12.10, цвет используйте 894324. Делается это для объема и придания красных оттенков окантовке, впоследствии это будет качественно смотреться.

Создайте новый слой и расположите его ниже верхнего. Залайте цвет переднего плана 9Е7638. Сейчас вам нужно нарисовать кистью окантовку (опять же, для фотореалистичности), ее не нужно делать с большого радиуса. Выберите инструмент Brush (Кисть), размер определите сами, здесь работает принцип удобства использования, а вот следующие параметры лучше выбрать такими же, как предлагаю я, потому что при небольшой интенсивности и непрозрачности кисть будет рисовать гладко:

— Opacity (Непрозрачность) — 55%

— Flow (Поток) — 46 %.

После этого выберите инструмент Eraser (Ластик) и создайте изображение, похожее на рис. 12.11.

Рис. 12.10. Диалоговое окно Drop Shadow

Рис. 12.11. Изображение после выполнения шага 9

Шаг 10.

Глаз обретает вполне реальные очертания, но очень плохо смотрится искаженное глазное яблоко. Удалите слои со зрачком (самый первый — черный, который должен быть третьим снизу). Сделайте активным этот слой, выполните команду Layer | Delete | Layer (Слой | Удалить | Слой) либо щелкните на корзине в палитре слоев. Как видите, ничего не изменилось. Перейдите на слой, к которому применяли стиль Drop Shadow (он должен быть самым верхним), удерживая клавишу <Ctrl>, щелкните по этому слою и выполнив комбинацию клавиш <Ctrl>+<X>. Таким образом, поместив зрачок в буфер обмена, вы избавились от искажений, но появилась дырка. Чтобы ее закрыть, сделайте активным инструмент Elliptical Marquee (Эллиптическое выделение), фиксированным значением (я использовал 220x220) сделайте выделение и залейте его черным цветом.

Примечание:

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

Но это еще не все, скорее всего, ваш шар выглядит очень четко, что некрасиво смотрится, поэтому примените фильтр Gaussian Blur ( Filler | Blur | Gaussian Blur (Фильтр | Размытие | Размытие по Гауссу)) с радиусом 3. При помощи инструмента Burn (Выжигание) (параметры можно оставить по умолчанию) затемните края глаза. Затемнение данным инструментом нужно проводить на слое, который вы создали в шаге 1 (должен находиться вторым снизу). Сделали вы это, чтобы создался эффект объема, но без подсветки отдельных участков никак не обойтись. Создается она инструментом Dodge (Уловка) на том же слое, что и затемнение. Изображение должно стать похожим на рис. 12.12.

Рис. 12.12. Изображение после выполнения шага 10

Шаг 11.

Глаз почти готов, но чего-то не хватает. Если подойти к зеркалу и посмотреть, то вы увидите, что не хватает блеска. Создайте новый слой, переместите его выше остальных. Сделать это можно при помощи инструментов Rectangular Marquee (Прямоугольное выделение) и Elliptical Marquee (Эллиптическое выделение). Создайте сначала прямоугольное выделение, а затем, удерживая клавишу <Shift>, создайте выпуклость с одной стороны, и, удерживая клавишу <Alt>, обрежьте задний край. К сожалению, большинство пользователей в очередной раз столкнется с проблемой повышенной резкости, но теперь вы не будете ее полностью снижать, а размоете лишь края.

Поэтому выберите инструмент Blur (Размытие) (клавиша <В>), который находится на панели инструментов, и выполните размытие пикселов.

Шаг 12.

Слейте все слои, кроме самого первого. Один из способов — щелкнуть по пиктограмме глаза, а потом выполнить комбинацию клавиш <Ctrl>+<Shift>+<E>. Надо еще выполнить подсветку центра, так будет естественней, делается этo с помощью инструмента Dodge (Уловка).

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

Примечание:

На компакт-диске представлен PSD-файл. в котором я еще не производил центральной подсветки, так как делал ее после слияния слоев (рис. CD-12.13)

Шаг 13.

На данном этапе у вас должно быть два слоя: слой с серым фоном и собственно сам глаз. Сделайте активным первый слой и создайте новый, он будет находиться между глазом и фоном. Залейте его черным цветом. Сделайте продолговатое эллиптическое выделение и выполните комбинацию клавиш <Ctrl>+<X>. Примените филыр Gaussian Blur (Размытие по Гауссу) с радиусом 30–35. Таким образом вы добьетесь плавного перехода от белого цвета к черному. Окантовку вы сделали, теперь нужно нарисовать капилляры; как нетрудно догадаться, сделать это лучше инструментом Brush (Кисть), причем размер кисти лучше использовать разный, опять же, для объема.

Цвет кисти можно задать AD4A3C, несмотря на его резкость и ядовитость, дело в том, что после рисования всегда можно изменить Opacity (Непрозрачность) слоя, именно поэтому все рисунки лучше делать на отдельных слоях, чтобы было проще редактировать. В данном случае я задал непрозрачность 39 % (рис. ЦВ—12.14).

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

Этот урок подводит итог первой части.

Что нового мы узнали

В этом уроке мы научились:

— пользоваться инструментом Smudge (Палец);

— дорисовывать кистью необходимые элементы.

Часть II. ИНСТРУМЕНТЫ, КАНАЛЫ, СЛОИ

Базовые понятия

Слои

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

Неудобно? Согласен. Вот поэтому и были созданы отдельные слои. Голову Photoshop помещает на отдельный слой, который можно свободно перемешать, редактировать, как вам вздумается: от изменения прозрачности до подрисовки лишних частей. Естественно, были обходные пути, применяемые в программе, но информация о них не интересна. Вообще работ со слоями характеризует не только Photoshop, они используются и в Paint Shop Pro, и в Adobe Illustrator, и в других популярных программных продуктах.

Итак, у слоев можно менять непрозрачность, опции смешивания, расположение относительно других слоев, можно связывать масками. Нельзя только редактировать несколько слоев одновременно. Все операции над слоями проводятся на палитре Layers (Слои).

Взгляните еще раз на эту палитру. У каждого слоя слева есть пиктограмма глаза и пустой квадрат (либо пиктограмма кисти). Щелчок по пиктограмме глаза скрывает или показывает слои. Скрывать их необходимо, когда вы хотите посмотреть на результат без какого-либо слоя. В самом деле, не удалять же его! Щелкнув по пустому квадрату, увидите скрепку, которая связывает данный слой и слой с «кисточкой». Очень пригодится, когда вам нужно будет слить несколько слоев, но не все, такое связывание серьезно сэкономит вам время.

Каналы

Я не раз упоминал, что изображение в компьютере строится из нескольких цветов, и существуют определенные режимы отображения цвета. Так вот, изображение в определенных цветовых режимах в Photoshop имеет несколько каналов, где записывается положение и цвет каждого элемента. Управлять каналами можно с помошью палитры Channels (Каналы). Число заданных каналов на изображении напрямую зависит от его цветового режима.

Так, режим CMYK имеет четыре канала. Так же вы можете создавать дополнительные каналы к уже имеющемуся набору, они будут называться Alpha Channels (Альфа-каналы). Создавать можно до 56 каналов. Как работать с каналами, вы узнаете из урока 5.

Инструменты

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

Урок 13. Стилия слоя

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

Текст-леденец

Шаг 1.

Создайте новое изображение размером 400x200. Теперь сделайте новый слой и напишите какой-нибудь текст. Неважно, какого размера и гарнитуры.

Шаг 2.

Придайте выпуклость вашему тексту. Для этого выполните команду Layer | Layer Style I Bevel and Emboss (Слой | Стиль слоя | Фаска и рельеф). Задайте значения, как на рис. 13.1 (цвет использовался 30F609).

На примере этого стиля будут объяснены сходные функции других. Мы рассмотрим только полезные опции, которые реально используются в создании изображения:

— Style (Стиль) — показывает способ отображения скоса. Для нас важны Inner Bevel (Внутренний скос) и Pillow Emboss (Подушечный скос). Если с первым все понятно, то второй создаст по краям выпуклые части, которые придают объем изображению;

— Technique (Техника) — способ отображения скоса. Для нас интересны только следующие способы:

∙ Smooth (Гладкий) — осуществляет плавный переход скоса;

∙ Chisel Hard (Интенсивное долото) — полная противоположность предыдущему;

— Depth (Глубина) — определяет глубину скоса и его размер;

— Direction (Направление) — направление освещения изображения, имеет два параметра: up (сверху) и down (снизу);

— Size (Размер) — определяет величину или размер тени;

— Soften (Мягкость) — размывает результаты выполнения фильтра перед частью изображения, чтобы уменьшить нежелательную четкость;

— Angle (Угол) — определяет угол, под которым применяется данный эффект к слою;

— Global Light (Глобальное освещение) — создает появление источника света, который контролируется углом и отношением;

— Gloss Contour (Контур блеска) — создаст глянцевый блеск, данной функцией хорошо управлять после применения Bevel and Emboss (Фаска и рельеф);

— Antialias (Антиалиайзинг) — сглаживает края, подходит после применении теней на сложных элементах;

— Highlight и Shadow Mode (Освещение и режим тени) — определяет режимы смешивания и цвет, используемый при их применении.

Рис. 13.1. Области Bevel and Emboss окна Layer Style

Примечание:

Bevel and Emboss (Фаска и рельеф) имеет опции создания контура по краям и наложения текстуры на получившийся скос.

Итак, после применения фильтра у вас должно получиться изображение, похожее на рис. 13.2.

Рис. 13.2. Изображение после выполнения шага 2

Шаг 3.

Оставаясь в этом же окне, щелкните по Gradient Overlay (Наложение градиента) и задайте параметры, как на рис. 13.3.

Рис. 13.3. Область Gradient Overlay диалогового окна Layer Style

Незнакомы вам здесь только строки:

— Align with Laуег (Выровнять со слоем) — позволяет накладывать градиент в соответствии с пропорциями слоя;

— Scale (Шкала) — изменяет плавность перехода градиента. Чем ниже процентное значение, тем грубее переход, и наоборот, чем выше процентное значение, тем мягче будет выглядеть применение градиента.

Шаг 4.

Щелкните построке Color Overlay (Наложение цвета). Этот стиль позволяет накладывать выбранный вами цвет на изображение (рис. 13.4). Все опции вам тоже известны, они похожи и по назначению. Цвет задайте по своему усмотрению.

Рис. 13.4. Наложение цвета

Шаг 5.

Надпись уже готова. Но можно придать ей более красивый вид, добавив немного теней. Примените стиль Inner Shadow (Внутренняя тень) (рис. 13.5).

Рис. 13.5. Область Inner Shadow

Опишем новые для нас параметры стиля:

— Distance (Дистанция) — определяет расстояние тени от объекта, к которому стиль применяется;

— Choke (Удушье) — сокращает границы между размытыми частями после применения Inner Shadow (Внутренний тень) или Inner Glow (Внутренний блеск);

— Noise (Шум) — добавляет шум на изображение, лично и никогда данную опцию не использую.

Шаг 6.

Создайте тень от текста — Layer | Layer Style | Drop Shadow (Слой | Стиль слоя | Отбросить тень) (рис. 13.6).

Рис. 13.6. Область Drop Shadow

Как видите, ничего сложного нет. Результат можно посмотреть, на рис. 137.

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

Рис. 13.7. Финальный результат

Что нового мы узнали

В этом уроке мы научились:

— применять стиль Bevel and Emboss (Фаска и рельеф);

— применять стиль Drop Shadow (Отбросить тень);

— применять стиль Inner Shadow (Внутренняя тень);

— применять стиль Color Overlay (Наложение цвета).

Урок 14. Кисть и стили творят чудеса

Итак, мы освоили основные стили и научились их применять. Теперь я расскажу вам, как совмещать инструмент рисования Brush (Кисть) с этими эффектами. Это не значит, что вы не сможете больше применять стили после действия других инструментов, а как раз наоборот, научит вас правильно ориентироваться.

Создание капли

Шаг 1.

Создайте изображение произвольного размера. Теперь выполните команду Layer | New | Layer (Слой | Новый | Слой). Нажмите клавишу <D> для перезагрузки цветов. Сделайте активным инструмент Brush (Кисть) и задайте параметры кисти, как на рис. 14.1. Вам нужно выбрать четкую по границам кисть среднего размера, для того чтобы нарисовать основу капли.

Рис. 14.1. Панель инструмента Brush

Шаг 2.

Нарисуйте кистью форму, наиболее похожую на каплю (рис. 14.2). Вы можете использовать кисть и большего размера.

Рис. 14.2. Форма капли

Шаг 3.

Дважды щелкните по слою, на котором вы нарисовали кистью форму. Откроется диалоговое окно Blomling Options (Режимы смешивания). Измените Fill Opacity (Заполнение непрозрачности), установив 3 % (рис. 14.3). Это уменьшит непрозрачность заполняемых пикселов, но сохранит основу цвета на слое.

Рис. 14.3. Опции смешивания

Шаг 4.

Теперь нужно создать тень для формы. Для этого примените стиль Drop Shadow (Отбросить тень) (рис. 14.4).

Шаг 5.

Сейчас вам нужно создать по краям некоторое затемнение. Удобней всего воспользоваться стилем Inner Shadow (Внутренняя тень), диалоговое окно которого представлено на рис. 14.5, а результат воздействия — на рис. 14.6.

Рис. 14.4. Диалоговое окно Drop Shadow для формы

Рис. 14.5. Параметры Inner Shadow

Примечание:

Стиль удобно использовать не только для затемнений. Можно создать ореол вокруг изображения либо сильно осветлить края относительно центра.

Рис. 14.6. Результат применения стиля Inner Shadow

Шаг 6.

Воспользуйтесь стилем Inner Glow (Внутренний блеск) (рис. 14.7). Опции смешивания лучше установить Overlay (Наложение), чтобы эффект получился, иначе появится совершенно лишний (на данный момент) темный оттенок на краях (рис. I4.8). Возьмите кисть побольше (по размеру) и нарисуйте еще пару капель.

Рис. 14.7. Панель стиля Inner Glow

Рис. 14.8. Результат применения Inner Glow

Шаг 7.

Этот шаг — заключительная часть создания стиля. Теперь дли объема, а именно для него мы и применяли данный стиль, используйте Bevel and Emboss (Фаска и рельеф) (рис. 14.9). Здесь нужно увеличить глубину, установить четкие грани, затем установить довольно большую мягкость (для гладкого эффекта) и изменить опции смешивания на Color Dodge (Цветовая уловка).

Рис. 14.9. Параметры стиля Bevel and Emboss на заключительном этапе

Оставаясь в настройках Bevel and Emboss (Фаска и рельеф), щелкните на кнопке New style (Новый стиль). Введите название, после чего ваш стиль появится на палитре Style (Стиль) (рис. 14.10). Попробуйте что-нибудь нарисовать на отдельном слое (рисовать, конечно, лучше кистью), а затем щелкнуть на нужном стиле для применения всех эффектов этого урока.

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

Рис. 14.10. Палитра Styles

Рис. 14.11. Финальный результат

Что нового мы узнали

В этом уроке мы научились:

— применять стиль Inner Glow (Внутренний блеск);

— сохранять созданные стили;

— изменять Fill Opacity (Заполнение непрозрачности).

Урок 15. Применение Lighting Effects

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

Вот о ней подробней. Вы знаете, что с ее помощью можно нарисовать такие элементы, как круги и квадраты. Но не всегда размер сетки соответствует необходимым требованиям (например, она может быть большей, чем элемент). В этом уроке вы узнаете выход из такой ситуации. Также мы подробно paссмотрим Lighting Effects (Световые эффекты). Если быть точным, этот фильтр световых эффектов к стилям не имеет никакого отношения.

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

Так обычно строятся трюки. Хорошо это или плохо — покажет практика.

Но я считаю необходимым познакомить вас с таким подходом.

Настройки сетки

Шаг 1.

Создайте новое изображение размером 340x340, с цветом фона 555555. Рекомендую вам включить сетку со следующими параметрами:

— Grid (Линии сетки) — 40 рх;

— Sub visions {Разделения) — 4.

Итак, для включения сетки зайдите в меню View | Show (Вид | Показать) и выберите пункт Grid (Сетка) или выполните комбинацию клавиш <Ctrl>+< >. Зайдите в настройки параметров сетки Edit | Preferences | Guides, Grid & Slices (Редактировать I Настройки | Сетки, направляющие и фрагменты) (рис. 15.1).

Рис. 15.1. Настройка Guides, Grid & Slices

Шаг 2.

Создайте новый слой и сделайте на нем эллиптическое выделение при помощи Elliptical Marquee (Эллиптическое выделение) размером 200x200. Безусловно, можно создать произвольное выделение, но если вы хотите узнать принцип создания такого типа изображений, то следуйте инструкциям. Посмотреть, как создать эллиптическое выделение фиксированного размера, можно в уроке 9.

Шаг 3.

Выберите Gradient Tool (Инструмент градиента), вам понадобится Black/White (Черно-белый) (рис. 15.2). И, используя радиальный градиент, проведите им, начиная чуть выше середины, сверху вниз. Не забудьте установить флажок реверса Reverse (рис. 15.3).

Рис. 15.2. Панель градиента

Рис. 15.3. Результат применении градиента

Шаг 4.

Выполните команду Filler | Render | Lighting Kneels (Фильтр Выполнить | Световые эффекты) и используйте стиль Default (По умолчанию). Тем самым вы сделаете необычное освещение снизу для шара (рис. 15.4).

Рис. 15 4. Параметры Lighting Effects

Шаг 5.

Примените к этому слою стиль Bevel and Emboss (Фаска и рельеф) с параметрами, как на рис. 15.5; результаты показаны на рис. 15.6.

Рис. 15.5. Параметры стиля Bevel and Emboss дли шара

Рис. 15.6. Результат применении Bevel and Emboss к шару

Шаг 6.

Создайте новый слой и расположите его выше предыдущих. Теперь создайте прямоугольное выделение посередине (рис. 15.7) при помощи инструмента Rectangular Marquee (Прямоугольное выделение).

Рис. 15.7. Прямоугольное выделение на шаре

Шаг 7.

Выполните команду Edit | Fill (Редактировать! Заполнить). Можно воспользоваться клавиатурной комбинацией <Shift>+<F5>.

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

Используйте черный цвет и не забудьте снять флажок Preserve Transparency (Сохранение прозрачности) (рис. 15.8).

Шаг 8.

Сейчас вам нужно красиво наложить темную линию на шар (далее — каркас). Выполните команду Layer | Create Clipping Mask (Слой | Создать маску группировки). Можно воспользоваться клавиатурной комбинацией <Ctrl>+<G>. На палитре Layers (Слои) измените у нового слоя Blending Mode (Режим смешивания) на Soft Light (Мягкий свет) и Opacity (Непрозрачность) на 50 % (рис. 15.9) и посмотрите результат на рис. 15.10.

Рис. 15.9. Слои на вкладке Layers

Рис. 15.10. Изображение после выполнения шага 8

Шаг 9.

Создайте новый слой и переименуйте его в «Bevel». Сделайте новое прямоугольное выделение, задайте для него ширину 20. Оно должно быть существенно тоньше предыдущего и располагаться так же посередине (рис. 15.11).

Заполните выделение черным цветом (рис. 15.12).

Рис. 15.11. Выделение вортикальной полосой

Рис. 15.12. Выделение черным цветом

Шаг 10.

Щелкните на слое «Bevel». Сейчас вы будете применять к нему разные стили.

Рис. 15.13. Область Outer Glow

Рис. 15.14. Область Inner Glow

Но все по порядку: первым примените Outer Glow (Внешний блеск) (рис. 15.13), вторым Inner Glow (Внутренний блеск) (рис. 15.14) и, наконец, Gradient Overlay (Наложение градиента) (рис. 15.15).

Рис. 15.15. Область Gradient Overlay

Шаг 11.

Основа готова, сейчас вам необходимо сгруппировать слой комбинацией клавиш <Ctrl>+<G> (рис. 15.16).

Рис. 15.16. Результат группировки слоя

Шаг 12.

Создайте выделение на слое «Bevel» при помощи инструмента Rectangular Marquee (Прямоугольное выделение). Оно должно захватывать половину шара и проходить через его центр (рис. 15.17).

Рис. 15.17. Необходимое выделение

Шаг 13.

Удерживая клавиши <Ctrl>+<Shift>, переместите к правому краю получившуюся половину, то же самое проделайте с оставшейся частью, только ее передвиньте в другую область изображения (рис. 15.18).

Шаг 14.

Используя все тот же инструмент Rectangular Marquee (Прямоугольное выделение), сделайте геометрические фигуры.

Примечание:

Тут вам и пригодится сетка. На рис. 15.19 я убрал ее, чтобы выделения были более заметными.

Рис. 15.18. Результат перемещения

Рис. 15.19. Выделения на каркасе

Шаг 15.

Создайте новый слой и залейте его и цветом 333333 (рис. 15.20).

Рис. 15.20. Изображение после выполнения шага 15

Шаг 16.

Примените стили Inner Glow (Внутренний блеск) (рис. 15.21) и Outer Glow (Внешний блеск) (рис. 15.22).

Рис. 15.21. Параметры стиля Inner Glow дли шара

Рис. 15.22. Параметры стиля Outer Glow для шара

Финальный результат похож на рис. 15.23. Останется только добавить текст и фирменный логотип.

Рис. 15.23. Изображение после выполнения шага 16

Попробуйте сделать красивый фон для вашего каркаса. Залайте значения параметров стилей, как на рис. 15.24–15.27. Результат показан на рис. 15.28.

Рис. 15.24. Область Drop Shadow дли шара

Рис. 15.25. Параметры Bevel and Emboss для каркаса

Рис. 15.26. Область Gradient Overlay для каркаса

Примечания:

Все стили необходимо применять на первом слое.

Рис. 15.27. Градиент для каркаса

Рис. 15.28. Финальный результат

Вот чего можно добиться путем простой импровизации. В данном уроке отсутствует заголовок "Что нового мы узнали", так как мы занимались повторением.

Урок 16. Интересный стиль Satin

В этом уроке будет рассмотрен новый для нас стиль Satin (Атлас). Точнее, будут рассмотрены разные эффекты, но ключевую роль сыграет именно он.

Создаем винты для металлической части робота

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

Шаг 1

В прошлом уроке вы изучили, как настраивать сетку, сейчас это пригодится для равномерного размещения винтов на каркасе робота. Сделаете сетку видимой, чтобы больше к этому не возвращаться. Винты служат для крепления металлической части робота, которую вы сделали в предыдущем уроке. Помните, там были темные отверстия по бокам. Они были сделаны специально для винтов. Итак, выберите инструмент Elliptical Marquee (Эллиптическое выделение), задайте размер выделения 20x20 или 30x30, в зависимости от того, куда вы их будете помещать (рис. 16.1), и, удерживая клавишу <Shift>, сделайте несколько копий эллипса. После того как вы закончите, создайте новый слой и залейте его цветом 555555 (рис. 16.2).

Рис. 16.1. Увеличенная часть изображения при создании выделения

Рис. 16.2. После заливки

Шаг 2

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

Щелкните на кнопке Add Laуег Style (Добавить стиль слоя) на палитре слоев и примените следующие стили:

— Outer Grow (Внешний блеск) — его использование связано с корректным распределением цвета на винте (рис. 16.3);

Рис. 16.3. Cтиль Outer Glow для отверстия

— Inner Glow (Внутренний блеск) — создаст по краям некоторую тень (рис. 16.4);

Рис. 16.4. Стиль Inner Glow для отверстия

— Bevel and Emboss (Фаска и рельеф) — в данном случае применяется для создания более четкого очертания контуров. Как видите, для этого нужно использовать маленький размер и изменять опции смешивания (рис. 16.5);

Рис. 16.5. Параметры Bevel and Emboss отверстия

— Satin (Атлас) — до его применения винты были довольно темными и далекими от идеала. При распределении снега и теней Satin (Атлас) дает контрастную картину, что, в свою очередь, играет важную роль при дальнейшем создании отверстий для отвертки (рис. 16.6 и результат на рис. 16.7).

Рис. 16.6. Окно задания параметров Satin

Нетрудно заметить, что вы использовали схожие опции смешивания в определенных стилях. Этот прием используется в основном для усиления влияния определенного цвета на слое.

Рис. 16.7. Результат применения стилей

Шаг 3

Создайте новый слой. Выберите инструмент Shape (Форма), а точнее, его модификацию — Line (Линия). Нарисуйте сначала белую, а затем черную линии, одну нал другой. Если у вас получилось два слоя с разными линиями (а так и должно получиться), то слейте их комбинацией клавиш <Clrl>+<E>. Две линии нужно рисовать для фотореалистичности. Дело в том, что при освещении винта в прорезях, особенно если они большие, на середину отбрасывается тень. В связи с этим явлением лучше делать линии описанным способом. Дублируйте слои (три раза) и по очереди группируйте их (комбинация клавиш <Ctrl>+<G>). Затем переместите инструментом Move (Перемещение). После всех этих манипуляций установите у сгруппированных слоев Blending Mode (Режим смешивания) в Sort Until (Мягкий свет) (рис. 16.8).

Рис. 16.8. Палитра слоев каркаса

Для большей реалистичности разместите линии неровно (в плане угла поворота), так будет естественней (рис. 16.9).

Рис. 16.9. Финальный результат

Что нового мы узнали

В этом уроке мы научились:

— применять стиль Satin (Атлас);

— правильно распределять цвета по слою.

Оглавление

.

Предисловие

Концепция

Вводная часть. РАБОТА С ПРОГРАММОЙ FOTOSHOP

Часть I. ЭЛЕМЕНТЫ ТЕХНИКИ

  Урок 1. Текст с подсветкой

  Урок 2. Создаем электрический текст

  Урок 3. Создание логотипа по образцу

  Урок 4. Эффект телеизображения

  Урок 5. Создание навигационной кнопки

  Урок 6. Градиент и растушевка

  Урок 7. Использование градиента и кисти

  Урок 8. Рисуем LCD-дисплей

  Урок 9. Продвинутая трансформация

  Урок 10. Закрепляем знания об инструментах выделения и о режимах смешивания

  Урок 11. Создаем техно-шланг

  Урок 12. Обобщаем знания об элементах слоя

Часть II. ИНСТРУМЕНТЫ, КАНАЛЫ, СЛОИ

  Урок 13. Стилия слоя

  Урок 14. Кисть и стили творят чудеса

  Урок 15. Применение Lighting Effects

  Урок 16. Интересный стиль Satin

Реклама на сайте