Фотоприколы с помощью Photoshop. Часть I. Практика без теории – что песня без баяна (Г. Г. Кондратьев, 2010)

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

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

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

Кое-что о векторной графике

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

Что это означает? Например, изображение окружности в векторном виде описывается всего парочкой узловых параметров:

• значением координат центра;

• формулой, которой задается окружность.

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

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

Рис. 1.1. Дедушка всех октябрят, прекрасно сохранившийся до наших дней в растровом формате (слева). И он же в векторном виде (справа)

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

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

Немного о растровой графике

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

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

Рис. 1.2. Сей красавчик вовсе не за решеткой. Это растр

Теперь ваша фотография задана так называемым двухмерным массивом – набором квадратиков, каждый из которых несет в себе информацию о части изображения, и полное изображение можно восстановить, последовательно описав их содержимое. Каждый из этих квадратиков легко найти по координатам (А1, Е5 и т. д.).

Вот этот самый двухмерный массив, или, другими (умными) словами, «средство представления изображения в виде прямоугольной матрицы элементов», и называется растром.

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

Познавательная врезка

Слово «пиксел» (pixel) – сокращение от английского словосочетания picture element, что означает «элемент рисунка».

Пиксел – мельчайший «кирпичик» растрового изображения. Нужно иметь в виду, что он, хоть и очень мал, все равно имеет свой конечный размер. Так же, как и большие элементы праздничного панно на отдаленном расстоянии, пикселы в «обычных условиях просмотра» неразличимы человеческим глазом. Но их можно увидеть, если «приблизиться к изображению вплотную». Или, проще говоря, взять да и увеличить масштаб его просмотра с помощью какого-либо графического редактора (например, Photoshop). В качестве наглядного примера мы специально подготовили для вас рис. 1.3.

Рис. 1.3. Популярный телегерой (слева) и его страшный глаз (справа)

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

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

Важно помнить

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

Преимущества и недостатки

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

• Как уже упоминалось, при описании простых графических изображений векторные файлы занимают очень маленький объем. И это не может не радовать.

• При желании векторное изображение можно как угодно сильно увеличить. И это не скажется на его качестве.

• Трансформация векторного изображения не приводит к его искажению.

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

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

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

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

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

• В векторном формате не получится создать сложное реалистичное изображение фотографического качества.

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

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

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

• Трансформация растрового изображения приведет к его искажению.

• Увеличение размера растрового изображения может привести к потере его качества.

Основные понятия растровой графики

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

Размер изображения – количество формирующих его пикселов. Измеряется он соответственно в пикселах и обычно обозначается их произведением. Например, 100 х 100 или 800 х 600.

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

Другой важнейший параметр растрового файла – его разрешение. Этот термин вовсе не означает, что изображение по своей прихоти разрешает либо запрещает смотреть на себя.

Разрешение изображения (Resolution) – это всего лишь количество пикселов изображения на единицу его длины. Традиционно измеряется в пикселах на дюйм[1] (pixel per inch – ppi).

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

Рис. 1.4. Красотка в нормальном разрешении (слева) и в значительно меньшем (справа)

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

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

Разрешение принтера – количество точек чернил на единицу длины, которые принтер оставляет на бумаге при печати. Измеряется в точках на дюйм (dots per inch – dpi).

Линиатура – плотность линий (их количество на единицу длины) в печатном изображении. Измеряется в линиях на дюйм (lines per inch – lpi).

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

Если разрешение картинки совпадает с разрешением монитора (72 пиксела на дюйм), при масштабе просмотра 100 % вы увидите изображение с его реальными геометрическими размерами (каждый пиксел изображения удобно расположится в соответствующем ему пикселе экрана). Но что будет, если вы откроете изображение с разрешением 300 ppi[2] и снова установите масштаб просмотра 100 %?

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

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

Вы заметили, как мы только что разделили понятия размера изображения и размера графического файла, в котором это изображение находится? Это неспроста. Дело в том, что графический файл, помимо непосредственно изображения, содержит в себе еще прочую служебную информацию. Та часть файла, которая хранит информацию именно об изображении, называется битовой картой (Bitmap).

Кстати

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

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

В компьютерной графике все многообразие цветов и их оттенков создается с помощью всего нескольких базовых цветов. В зависимости от того, какие цвета используются в качестве базовых, говорят о различных цветовых моделях. Например, для отображения цветов на мониторе компьютера применяется цветовая модель RGB, которая основывается на трех цветах: красном (Red), зеленом (Green) и синем (Blue). В тех или иных случаях используются различные цветовые модели, но подробнее о них, да и о значении цвета в компьютерной графике, мы поговорим в одном из последующих уроков.

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

Итак, вы твердо решили изучить программу Photoshop. С чего начать? Видимо, есть смысл установить ее на свой компьютер. Но перед этим было бы полезно уточнить, а «потянет» ли ее ваша машина. Дело в том, что Photoshop CS4[3] требует значительных аппаратных ресурсов.

Необходимые системные требования

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

• Процессор. Желательно, чтобы ваша машина была «вооружена» процессором никак не ниже, чем Intel Pentium с тактовой частотой 1,8 ГГц, или аналогичным по мощности от других производителей.

• Оперативная память. Тут нужно помнить, что в работе с графическими файлами памяти никогда много не бывает, скорее ее всегда чуть недостает. Это значит, что для более или менее сносной работы нужно, чтобы у вашего компьютера «на борту» было хотя бы 512 Мбайт оперативной памяти. А если вы планируете помимо Photoshop параллельно запускать другие графические программы, для комфортной работы вам понадобится 1 Гбайт или даже больше того.

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

• Видеокарта. Если вы планируете работать с красочными цветными фотографиями, логично, чтобы ваш компьютер смог всю эту красоту полноценно отображать. Поэтому для успешной работы при высоком качестве цветопередачи (16 или 32 бит) вам понадобится видеокарта с объемом памяти никак не менее 128 Мбайт.

• Монитор. Очень правильно предположить, что монитор должен быть хорошим, то есть способным адекватно отображать весь волшебный мир цифровой графики. Естественно, что ему нужно поддерживать высокое качество цветопередачи и высокое разрешение. Не последнюю роль здесь играет размер экрана. Как показывает жизненный опыт, для большинства пользователей оптимальна работа в Photoshop с монитором размером 17 дюймов при разрешении 1024 х 768 или 19 дюймов при разрешении 1280 х 1024.

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

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

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

Напоследок отметим, что редактор Photoshop CS4 работает только под управлением операционной системы Windows XP Service Pack 2 (или Service Pack 3) либо Windows Vista Service Pack 1. Поэтому прежде, чем устанавливать данную программу, позаботьтесь о соответствующей операционной системе.

Установка программы

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

Родной язык для Photoshop – английский. Именно его вам и предложат выбрать по умолчанию. В раскрывающемся списке с другими возможными языками интерфейса вы обнаружите и испанский, и французский, только не русский. Это означает, что официальной русской версии данной программы в природе не существует. Чтобы «перевести» программу на русский язык, после ее окончательной установки вам понадобится специальный русификатор от сторонних (российских) разработчиков.

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

Когда вы определитесь с языком, вам придется согласиться с условиями лицензионного соглашения, после чего указать регистрационный номер программы. Если такого номера у вас нет, можете использовать пробный вариант (на 30 дней), установив переключатель в положение Install 30-day trial version (Установить 30-дневную версию программы).

После того как мы определимся с папкой для расположения файлов программы (по умолчанию предлагают стандартный вариант расположения в Program Files), нам нужно разобраться, графические файлы каких типов будут ассоциированы с программой Photoshop CS4. Но если вы сами толком не знаете пока, что точно вам нужно, воспользуйтесь волшебной кнопкой Default (По умолчанию), и программа установки все решит за вас.

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

Первый запуск программы

Запускается программа вполне классическим способом: ищем в меню Пуск → Программы значок

Adobe Photoshop CS4 и щелкаем на нем кнопкой мыши. При желании можно создать ярлык на Рабочем столе.

После этого перед вами появится (наконец) рабочее окно графического редактора Photoshop CS4 (рис. 2.1).

Рис. 2.1. Мир Photoshop CS4

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

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

General (Основные)

Чтобы вызвать окно группы настроек General (Основные) (рис. 3.1), необходимо выбрать команду меню Edit → Preferences → General (Правка → Установки → Основные) или воспользоваться комбинацией клавиш Ctrl+K.

Рис. 3.1. Окно настроек General (Основные)

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

• Обратите внимание на секцию навигации в левой части окна настроек. Текущая группа настроек General (Основные) выделена. Для быстрого перехода к иной группе щелкните на ее названии.

• Можно воспользоваться полезными кнопками Prev (Предыдущее) и Next (Следующее). Как вы, видимо, догадались, нажав кнопку Next (Следующее), вы попадете в следующее окно настроек, а кнопку Prev (Предыдущее) – в предыдущее. Если вы нажмете кнопку Prev (Предыдущее) в первом окне General (Основные), то окажетесь в последнем окне Type (Текст).

• Перейти сразу к нужной группе настроек можно с помощью меню программы Edit → Preferences (Правка → Установки), выбрав в появившемся подменю необходимый вам раздел настроек.

Теперь давайте обратим взор непосредственно на настройки General (Основные) (см. рис. 3.1).

• Color Picker (Цветовая палитра). В этом раскрывающемся списке вы можете выбрать, какой набор цветов применять программе Photoshop для работы. Предлагаются два варианта: Windows (Системная) и Adobe (Собственная палитра Adobe Photoshop). Лучше использовать «родную» для программы палитру Adobe (то есть выбрать в списке вариант Adobe).

• Image Interpolation (Интерполяция изображения). Умное слово «интерполяция» – одно из важных понятий растровой графики. Обозначает оно метод, с помощью которого изменяются размеры растрового изображения или его разрешение. К примеру, у вас есть фотография какого-нибудь исторического архитектурного памятника и вы хотите ее увеличить, чтобы рассмотреть ближе изящные башенки и статуи[4]. Графический редактор, конечно же, сделает изображение больше, но, увы, никаких подробностей вы не увидите. Ведь программа сама «увидеть» и «додумать» их не сможет, она всего лишь добавляет рядом с уже существующими пикселами новые, причем их вид напрямую связан с соседними.

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

· Nearest Neighbor (По ближайшему соседу). Это самый простой (и самый быстрый) способ, при котором новый пиксел будет копией соседнего. Удобен он только при увеличении несложных черно-белых изображений.

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

· Bicubic (Бикубическая). Самый качественный (и самый медленный) способ. Цвет нового пиксела создается с учетом цвета восьми ближайших соседей.

· Bicubic Smoother (Бикубическая гладкая). Разновидность бикубической интерполяции с более плавным переходом цветов.

· Bicubic Sharper (Бикубическая резкая). Разновидность бикубической интерполяции, повышающая контрастность изображения.

Думаем, что у вас вполне современная машина, поэтому выберите в этом списке вариант Bicubic (Бикубическая), и двигаемся дальше.

• Options (Настройки). Очень большая группа разнородных настроек.

· Use Shift Key for Tool Switch (Использовать клавишу Shift для переключения инструментов). Установите этот флажок. Он позволяет менять инструменты одной группы (то есть скрытые под одной кнопкой на палитре инструментов) с помощью нажатия горячей клавиши этой группы и Shift.

· Resize Image During Paste/Place (Изменять размер изображения при вставке/помещении). Если геометрический размер вставляемого объекта больше размера текущего изображения, то при установке данного флажка его размер будет подогнан под размер текущего. При снятом флажке объект вставится с сохранением своего размера.

· Zoom with Scroll Whell (Изменять масштаб с помощью колеса мыши). При установке данного флажка масштаб отображения файла, с которым вы работаете, будет изменяться при прокрутке колеса мыши. Если флажок снят, то с помощью колесика можно будет прокручивать изображение вверх или вниз, влево или вправо.

• Reset All Warning Dialogs (Восстановить все предупреждения). Если вы нажмете эту кнопку, то все окна, которые о чем-либо предупреждали и в которых вы установили флажок Don't show again (Больше не показывать), станут появляться снова.

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

Interface (Интерфейс)

В этом окне вы сможете настроить некоторые параметры интерфейса программы (рис. 3.2).

Рис. 3.2. Окно настроек Interface (Интерфейс)

В секции General (Основные) вы сможете настроить цвета отображения элементов интерфейса.

• Show Channels in Color (Показывать каналы в цвете). Данный флажок заставит программу отображать цветовые каналы, составляющие изображение, не в градациях серого, а так, как они выглядят на самом деле.

• Show Tool Tips (Выводить подсказки к инструментам). Если этот флажок установлен, то при подведении указателя мыши к любой кнопке через короткое время будет появляться подсказка с кратким описанием данного инструмента.

В секции Panels & Documents (Палитры и документы) можно задать параметры отображения палитр и окон документов.

• После установки флажка Auto-Collapse Iconic Panels (Автоматически сворачивать палитры в значки) открытые палитры будут автоматически сворачиваться, как только вы перестанете с ними работать.

• Установленный флажок Remember Panel Locations (Запоминать расположение палитр) поможет вам настроить расположение палитр на свой вкус.

• В результате установки флажка Open Documents as Tabs (Открывать документы на вкладках) каждое изображение будет открываться на своей вкладке. Это позволяет увидеть, сколько документов открыто в окне программы в данный момент, и легко перейти от одного к другому с помощью щелчка на нужной вкладке.

Секция UI Text Options (Настройки текстовых элементов интерфейса) содержит всего два параметра.

• UI Language (Язык элементов интерфейса). По умолчанию в оригинальной версии программы в данном списке представлен только английский язык. Если же вы скачали языковой пакет для Photoshop, то сможете выбрать нужный язык интерфейса.

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

File Handling (Управление файлами)

Как можно догадаться из названия, здесь находятся настройки, связанные с файлами. Мы рассмотрим всего две настройки.

• Image Previews (Предварительный просмотр изображения).

· При выборе значения Always Save (Всегда сохранять) файлы формата PSD («родного» формата программы Photoshop) будут сохраняться в виде миниатюр (уменьшенных изображений). Это очень удобно, так как позволяет ознакомиться с содержимым файла, не открывая его (так называемый предварительный просмотр).

· При выборе варианта Never Save (Никогда не сохранять) файлы будут сохраняться без возможности их предварительного просмотра.

· При выборе варианта Ask When Sav'ng (Запрос перед сохранением) редактор поинтересуется у вас, нужно ли сохранить файл в виде миниатюры или нет.

• Теперь обратим внимание на самую нижнюю настройку – Recent files list contains (Количество файлов в списке последних использованных). Дело в том, что мы скоро познакомимся с командой меню File → Open Recent (Файл → Открыть последний), открывающей один из файлов, с которыми вы недавно работали. Длину списка этих «последних» файлов и задает данный параметр. По умолчанию его значение равно 10, то есть при выполнении вышеназванной команды перед вами появится список из 10 последних файлов. При желании это значение можно увеличить, например, до 20.

Пропустив по традиции непонятные пока настройки, переходим на следующую страницу.

Performance (Эффективность)

В окне настроек Performance (Эффективность) вы сможете легко повысить производительность программы.

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

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

Cursors (Курсоры)

Здесь мы найдем настройки, которые меняют виды указателей мыши (рис. 3.3).

Рис. 3.3. Окно настроек Cursors (Курсоры)

В области Painting Cursors (Курсоры рисования) вы можете выбрать вид указателя мыши для инструментов рисования.

• Standard (Стандартный). Указатель мыши будет иметь вид выбранного инструмента, то есть кисточки при выборе Brush (Кисть), ластика при выборе Eraser (Ластик) и т. д. Начинающие пользователи любят именно такой режим работы, так как сразу видно, какой инструмент активен. Однако мы его не очень советуем. Указатель будет частично загораживать редактируемую область, что неудобно при тонкой редактуре изображения.

• Precise (Точный). Указатель предстанет перед вами в виде перекрестья. Этот вариант удобнее предыдущего, так как повышает точность наведения курсора.

• Normal Brush Tip (Обычный размер кисти). Самый удобный режим работы: и редактируемая область не закрывается, и реальный диаметр кисти виден.

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

Чтобы повысить точность расположения курсора, можно при желании установить флажок Show Crosshair in Brush Tip (Отображать перекрестье кисти).

В области Other Cursors (Курсоры других инструментов) вы найдете всего два варианта: Standard (Стандартный) и Precise (Точный). Исходя из описанных выше соображений, рекомендуем остановиться на варианте Precise (Точный).

Установили? Тогда с чувством выполненного долга жмите кнопку Next (Следующее).

Transparency & Gamut (Прозрачность и гамма)

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

Рис. 3.4. Прозрачный фон в Photoshop напоминает шахматную доску

И в области Transparency Setting (Настройки прозрачности) вы по своему желанию можете настроить внешний вид этой самой прозрачности. Параметр Grid Size (Размер сетки) позволит вам менять размеры клеток прозрачного фона. Параметр Grid Colors (Цвета сетки) задает вид прозрачного фона: темнее, светлее или в цвете. Если вы пока не знаете, как вам больше нравится, оставьте настройки, предлагаемые по умолчанию.

Область Gamut Warning (Предупреждение о недопустимом цвете) мы пропускаем и двигаемся дальше.

Units & Rulers (Единицы измерения и линейки)

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

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

• pixels (пикселы) – в этом режиме работают опытные художники;

• inches (дюймы) – единицы измерения западных капиталистов;

• cm, mm (сантиметры, миллиметры) – единицы измерения восточных капиталистов (что-то нам подсказывает, что такие единицы будут для вас наиболее удобны);

• points (пункты) – полиграфическая единица измерения (1 пункт = 1/72 дюйма);

• picas (пики) – также полиграфическая единица измерения (1 пика = 12 пунктов);

• percent (проценты) – бывает, что удобно применять именно эти единицы измерения, все зависит от ваших целей и задач.

Аналогичным образом можно задать единицы измерения для букв (если в вашем творении вы вдруг вздумаете что-нибудь написать) в поле Type (Шрифт). Предлагаемые варианты: pixels (пикселы), points (пункты) и mm (миллиметры). Так уж повелось, что все и всегда (не только в этом редакторе, но и во всех) измеряют шрифт в пунктах. Поэтому рекомендуем оставить именно это значение.

В области New Document Preset Resolutions (Разрешения создаваемых документов) вы можете задать параметры разрешения для ваших документов: Print Resolution (Разрешение для печати) и Screen Resolution (Разрешение для экрана). По умолчанию (мы уже об этом упоминали), если вы создаете картинку для полиграфической печати, ее разрешение должно быть 300 ppi. Изображения же, которые будут просматриваться на экране монитора, как правило, создаются в разрешении 72 ppi.

В области Point/Pica Size (Размер пункта/пики) мы также ничего менять не будем и нажмем кнопку Next (Следующее).

Guides, Grid & Slices (Направляющие, сетка и пластины)

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

В области Guides (Направляющие) в списке Color (Цвет) выбирается цвет этих самых направляющих линий. В списке Style (Стиль) вы можете изменить тип линии с обычной непрерывной (вариант Lines) на штриховую (вариант Dashed Lines).

Область Smart Guides (Умные направляющие) дает уникальную возможность изменить цвет этих самых умных направляющих. А почему они умные и зачем нужны, узнаете в свое время.

Еще один вспомогательный элемент программы – так называемая сетка. Ее параметры вы сможете настроить в области Grid (Сетка). Если по каким-то причинам сетка плохо видна на цветном изображении (цвет фона совпадает с цветом сетки), то из списка Color (Цвет) вы сможете выбрать для нее любой другой. Список Style (Стиль) предлагает типы линий сетки: Lines (Линии) – обычные непрерывные линии; Dashed Lines (Штриховые линии); Dots (Точки) – сетка будет отображаться в виде точек.

Параметр Gridline every (Частота линий) задает частоту сетки, расстояние между линиями и единицы измерения этого расстояния (по умолчанию 2 см).

Чтобы разобраться с параметром Subdivisions (Подразделения), внимательно посмотрите на рис. 3.5. Как видим, у сетки двухуровневая структура и толстые линии образуют большие квадраты. Параметр Subdivisions (Подразделения) определяет, скольким маленьким квадратам равна сторона большого. При значении 4 (по умолчанию) сторона большого квадрата равна четырем маленьким.

Рис. 3.5. А вот и сетка

Идем далее. Часто при размещении изображения в Интернете его разбивают на несколько частей (чтобы быстрее загружалось), в чем помогает специально созданный для этих целей инструмент Slice (Пластина), который определяет, как именно будет разбито изображение. В области Slices (Пластины), используя параметр Line Color (Цвет линий), мы получаем просто уникальную возможность – задать цвет границ пластин. Если же мы установим флажок Show Slice Numbers (Показывать номера пластин), то каждая пластина будет пронумерована.

Plug-Ins (внешние модули)

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

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

Type (текст)

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

• Если установить флажок Use Smart Quotes (Использовать умные кавычки), то при работе с текстом они будут расставляться автоматически.

• Флажок Show Asian Text Options (Отображать настройки для азиатских языков) поможет работать с разными азиатскими языками (если вам это нужно).

• Флажок Enable Missing Glyph Protection (Включить символы защиты недостающих шрифтов). Если вы открыли документ, содержащий шрифты, неизвестные вашей операционной системе, после установки данного флажка программа Photoshop будет автоматически заменять недостающие шрифты имеющимися.

• Флажок Show Font Names in English (Отображать имена шрифтов по-английски) может понадобиться, если вы работаете с неевропейскими языками.

• Флажок Font Preview Size (Размер предварительного просмотра шрифта) определяет размер символов шрифтов при их выборе. Вам предлагается еще одна замечательная возможность установить один из пяти вариантов размера: Small (Маленький), Medium (Средний), Large (Крупный), Extra Large (Очень крупный) и Huge (Огромный).

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

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

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

Рис. 4.1. Окно редактора Photoshop CS4

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

2. Командное меню. Если у вас есть даже небольшой опыт работы с компьютером, вы наверняка уже встречались с подобными меню. Принцип работы прост: щелкаем на нужном пункте, например File (Файл), после чего в раскрывшемся меню выбираем команду, например Open (Открыть). Какие еще команды можно здесь найти, мы будем узнавать постепенно, на протяжении всей книги.

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

4. Окно созданного либо открытого документа. Мы специально создали новый документ для наглядности.

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

6. Строка состояния. Здесь отображается разная полезная информация. В данный момент (см. рис. 4.1) на ней показывается масштаб просмотра документа.

7. Палитры. Очень полезные элементы программы, с которыми мы еще не раз столкнемся.

А теперь, как говорится, об этом и другом подробнее.

Панель быстрого доступа

Наличие панели быстрого доступа (рис. 4.2) в окне Photoshop CS4 сразу бросается в глаза, как и отсутствие привычной строки заголовка с названием про граммы. Панель быстрого доступа должна быть вам знакома, например, по программам пакета Microsoft Office 2007.

Рис. 4.2. Панель быстрого доступа

Примечание

При низком разрешении экрана (800 х 600) панель быстрого доступа и строка меню располагаются в две строки, а при высоком (1280 х 1024) – в одну.

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

Launch Bridge (Запустить Bridge). Открывает Adobe Bridge – встроенный обозреватель файлов Photoshop CS4. Это весьма интересный инструмент, позволяющий просматривать, переименовывать, перемещать файлы и получать полную информацию о них, не выходя из программы.

View Extras (Отображение дополнительных элементов):

• Show Guides (Показать направляющие);

• Show Grids (Показать сетки);

• Show Rulers (Показать линейки).

Zoom Level (Уровень масштабирования). Предлагает быстрый доступ к четырем вариантам масштаба изображения: 25, 50, 100 и 200 %.

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

Zoom (Лупа). Активизирует инструмент изменения масштаба документа.

Rotate View (Поворот холста). Вызывает новый инструмент поворота холста.

Arrange Documents (Положение документов). В этом меню собраны команды, которые служат для упорядочения окон открытых документов.

Screen Mode (Режим экрана). Содержащиеся здесь команды мы рассмотрим при описании подменю View → Screen Mode (Вид → Режим экрана).

В правом верхнем углу окна программы, рядом с кнопками сворачивания, разворачивания и закрытия окна, расположена кнопка Workspace (Рабочая область). При ее нажатии открывается меню (рис. 4.3), практически аналогичное пункту главного меню программы Window → Workspace (Окно → Рабочая область). В нем собраны команды, предназначенные для быстрого перехода к нужной рабочей области.

Рис. 4.3. Меню кнопки Workspace (Рабочая область)

Изучаем командное меню

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

• File (Файл). Содержит команды для работы с файлами. Если нужно открыть изображение, сохранить или распечатать его, то вам сюда. Здесь же традиционно находится команда Exit (Выход) для выхода из программы.

• Edit (Правка). Содержит такие важные операции, как Cut (Вырезать), Copy (Копировать), Paste (Вставить), а также команды для настройки параметров программы.

• Image (Изображение). Содержит команды для настройки и редактирования изображений. Мы довольно часто будем обращаться к этому пункту.

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

• Select (Выделение). Это меню содержит команды, необходимые для работы с выделениями. Зачем они нам нужны, узнаете в свое время.

• Filter (Фильтр). Фильтр – это небольшая дополнительная программа, выполняющая какую-либо определенную функцию. Как правило, фильтр что-либо «вытворяет» с изображением. С его помощью исходную картинку можно преобразовать до неузнаваемости.

• Analysis (Анализ). Данное меню содержит команды для вызова инструментов, предназначенных для измерений и анализа изображения.

• 3D. Это новое меню, присутствующее в версии Photoshop CS4 Extended, включает в себя команды для работы с трехмерными объектами.

• View (Вид). Содержит команды, которые помогут вам настроить рабочее пространство вашего Photoshop, добавить либо убрать те или иные элементы интерфейса.

• Window (Окно). С помощью команд этого меню также можно настраивать внешний вид программы: здесь добавляются/убираются нужные/ненужные палитры.

• Help (Помощь). Содержит файлы помощи и разную справочную информацию.

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

Что можно найти на панели параметров?

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

Рис. 4.4. Панели параметров инструментов Brush (Кисть) и Type (Текст)

Зачем нужна палитра инструментов?

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

расположенными в верхней ее части.

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

Обратите внимание, что возле некоторых значков инструментов находится такая стрелочка

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

Рис. 4.5. Все инструменты палитры инструментов, этакий паук получился

Обратите внимание, что каждый инструмент (либо группа инструментов) имеет свое клавиатурное сокращение. Только это уже не комбинация клавиш, а буква латинского алфавита. Например, чтобы активизировать инструмент группы Type (Текст), необходимо нажать клавишу латинского алфавита T.

Переключаться между инструментами группы поможет клавиша Shift. Например, если у вас активен инструмент Horizontal Type (Горизонтальный текст), для переключения на инструмент Vertical Type (Вертикальный текст) используйте комбинацию клавиш Shift+T.

У каждого инструмента есть собственные параметры, познакомиться с которыми (и настроить которые) вы можете на панели параметров.

Что можно увидеть в строке состояния?

Строка состояния (рис. 4.6) предназначена для отображения информации об открытом документе.

Рис. 4.6. Строка состояния

1. Масштаб просмотра изображения. Причем вы можете не только узнать текущий масштаб, но и поменять его, если введете в этом окошке нужное значение (от 0,19 до 3200 %).

2. Состояние файла. Данный значок называется Never Saved (Несохраненный) и показывает состояние файла в рабочем пространстве Version Cue.

Пояснение

Следует пояснить, что Version Cue – программа, которая, как и Photoshop CS4, входит в состав графического пакета Creative Suite 4. Ее задача – координировать совместную работу над большим проектом, осуществляемым группой с разных компьютеров (например, через локальную сеть).

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

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

Рис. 4.7. Окно с информацией об изображении

Какие бывают палитры?

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

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

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

Рис. 4.8. Контейнер палитр

По умолчанию контейнер содержит 13 кнопок (при выбранной рабочей области Basic (Базовая) (см. рис. 4.3)), предназначенных для быстрого доступа к некоторым палитрам.

Контейнер можно переместить в любую часть экрана. Кроме того, можно изменить его размер, потянув за левую границу или щелкнув на стрелочках Expand Panels (Расширить панели) и Collapse to Icons (Свернуть в значки) в правой части заголовка этой панели.

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

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

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

Здесь показано, как пикселы изображения распределяются по уровню яркости (рис. 4.10). По горизонтали заданы уровни яркости от самых темных пикселов в левой части до самых светлых в правой. По вертикали отложена доля пикселов с той или иной яркостью. Подробнее с подобными гистограммами мы познакомимся, когда будем изучать инструмент Levels (Уровни).

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

Наверное, мы вас не сильно удивим, если скажем, что на палитре Info (Информация) отображается различная информация об изображении (рис. 4.11). Скорее всего, реально использовать эти данные вы сможете, только когда станете более опытным пользователем Photoshop, тем не менее рассмотрим, что мы здесь видим.

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

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

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

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

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

Эта палитра (рис. 4.12) – один из инструментов для выбора цвета (коих в программе Photoshop CS4 несколько).

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

Подвигайте ползунки, расположенные напротив букв R, G и B, и вы увидите, как цвет одного из квадратиков на этой панели (по умолчанию это левый верхний квадратик) будет меняться. А еще вы можете ввести в те окошки, в которых на рисунке одиноко грустят нули, любое число от 0 до 255. Кроме того, вы можете щелкнуть указателем мыши (который при этом приобретет вид пипетки) в любом месте цветовой полосы в нижней части палитры.

Эта палитра также предназначена для выбора нужного цвета (рис. 4.13). Выбор сделать очень просто: щелкните кнопкой мыши на квадратике с понравившимся цветом.

Рис. 4.13. Палитра Swatches (Образцы)

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

Рис. 4.14. Палитра Styles (Стили)

Как вы вскоре убедитесь, слои – очень полезная штука. Они делают изображение как бы трехмерным, придавая ему «объем». Каждый слой – независимая часть изображения, благодаря чему может независимо (от остального изображения) редактироваться. Получить информацию о слоях, а также производить над ними всякие операции помогает специально для этого созданная палитра Layers (Слои) (рис. 4.15).

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

Заметим, что, кроме Layers (Слои), работать со слоями помогает еще одна палитра – Layer Comps (Состояние слоя), но мы ее пока рассматривать не будем.

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

Рис. 4.16. Палитра Channels (Каналы)

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

Рис. 4.17. Палитра Paths (Пути)

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

Рис. 4.18. Палитра History (История)

На этой палитре вы сможете управлять так называемыми макросами – записанными последовательностями действий (рис. 4.19). Макросы помогают автоматизировать работу, особенно если она сводится к однообразным операциям.

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

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

Рис. 4.20. Палитра Tool Presets (Предустановки инструмента)

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

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

Это палитра, расширяющая возможности инструмента Clone Stamp (Штамп) и позволяющая с его помощью копировать участки одного изображения в другое (рис. 4.22).

Рис. 4.22. Палитра Clone Source (Источник клонирования)

Данная палитра предоставляет большие возможности для работы с текстом (рис. 4.23). Здесь вы найдете настройки для шрифта.

Рис. 4.23. Палитра Character (Символ)

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

Рис. 4.24. Палитра Paragraph (Параграф)

Данная палитра организует работу со слоями (рис. 4.25).

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

Эта палитра (рис. 4.26) будет вам просто необходима при создании анимированных GIF-изображений.

Рис. 4.26. Палитра Animation (Анимация)

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

Рис. 4.27. Палитра Adjustments (Настройки)

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

Рис. 4.28. Палитра Masks (Маски)

С помощью этой новой палитры можно просматривать заметки, сопровождающие документ (рис. 4.29).

Рис. 4.29. Палитра Notes (Заметки)

Итак, мы ознакомились с элементами управления программы Photoshop. В связи с этим готовы выслушать ваши гневные обвинения, что их (элементов) слишком много и нормальный человек «за раз» это все ни за что не запомнит. Полностью с вами согласны и тут же спешим заверить, что «за раз» ничего запоминать и не потребуется: все изучим не торопясь и основательно.

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

Укрощение палитр

Первым делом выясним, как нам убрать с глаз долой все эти непонятные (пока) палитры, чтобы не раздражали. Делается это элементарно, с помощью клавиши Tab. После того как вы ее нажмете, все палитры исчезнут (а заодно и панель параметров). Снова нажимаем Tab, и палитры возвращаются. А если вы воспользуетесь волшебной комбинацией Shift+Tab, исчезнут все палитры, кроме палитры инструментов (и панели параметров). Повторное применение Shift+Tab неизбежно вернет все на место.

Как и любое обычное окно операционной системы Windows, окно палитры можно закрыть с помощью кнопки

в правом верхнем углу либо свернуть в значок, нажав кнопку

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

Мы уже обращали ваше внимание, что окно палитр состоит из нескольких вкладок, то есть, по сути, содержит в себе несколько палитр. Например, в самом верхнем окне (см. рис. 4.1) три вкладки: Color (Цвет), Swatches (Образцы) и Styles (Стили). Для переключения между ними нужно щелкать на названиях.

При желании вы можете отделить палитру, например, Color (Цвет) от остальных. Для этого щелкаем кнопкой мыши на названии вкладки и тянем ее в сторону. В результате столь «отдельно нужная» нам палитра предстанет в отдельном окне (см. рис. 4.12).

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

Практический совет

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

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

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

Уточнение

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

В Photoshop CS4 часть палитр сразу ожидает вашего внимания к ним в свернутом виде, в виде значков (см. рис. 4.8). Например, палитра History (История)

или Actions (Действия)

Чтобы развернуть их, просто щелкните на значке нужной вам палитры или воспользуйтесь кнопкой Expand Panels (Расширить панели) в верхней части контейнера палитр. А если вы, наоборот, хотите свернуть их, щелкните на кнопке Collapse to Icons (Свернуть в значки).

После того как вы выберете и расположите палитры по своему вкусу, данную конфигурацию можно сохранить, чтобы при следующем запуске программы снова с ними не возиться. И поможет вам команда меню Window → Workspace → Save Workspace (Окно → Рабочее пространство → Сохранить рабочее пространство). В появившемся окне введите имя, под которым сохранится вид рабочего пространства, после чего нажмите кнопку Save (Сохранить). Это имя появится в меню Window → Workspace (Окно → Рабочее пространство), и при желании вы в любой момент сможете переключиться на данную конфигурацию рабочего пространства Photoshop.

Если с течением времени вы поймете, что данный вариант расположения палитр вам больше не нужен, сохраненная конфигурация легко удаляется с помощью команды Window → Workspace → Delete Workspace (Окно → Рабочее пространство → Удалить рабочее пространство).

Если же вы видите, что все ваши эксперименты с палитрами ни к чему хорошему не приводят, можете восстановить их расположение с помощью команды Window → Workspace → Essentials (Default) (Окно → Рабочее пространство → Основные (по умолчанию)).

Работа с вкладками

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

Рис. 4.30. Вкладки открытых документов

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

Существует возможность группировать вкладки в отдельные окна. Для этого необходимо с помощью мыши переместить вкладку открытого изображения под заголовок другого документа. Как только окно станет прозрачным, кнопку мыши можно отпустить – и документы будут объединены в одном окне (рис. 4.31).

Рис. 4.31. Вкладки, сгруппированные в два отдельных окна

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

в правой части панели вкладок.

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

В жизни каждого пользователя Photoshop бывают (и довольно часто) такие моменты, когда ему приходится работать с несколькими документами одновременно. Чтобы они не болтались как попало по рабочей области программы, логично было бы их упорядочить. И помогут в этом благородном деле команды меню Window → Arrange (Окно → Расположение). Давайте же их немедленно рассмотрим.

• Cascade (Каскад) размещает окна каскадом, друг за другом. Это классический, привычный многим пользователям режим работы.

• Tile (Разделить) делит площадь рабочей области по горизонтали и вертикали между несвернутыми окнами.

• Float in Window (Сделать окно плавающим) делает активную вкладку плавающей.

• Float All in Windows (Сделать все окна плавающими) делает все открытые в программе вкладки плавающими. Результат аналогичен варианту Cascade (Каскад).

• Consolidate All to Tabs (Объединить все в виде вкладок) объединяет все открытые и расположенные друг за другом окна в виде вкладок. Этот режим используется по умолчанию и является наиболее удобным в большинстве случаев.

• Match Zoom (Выровнять масштаб) устанавливает масштаб всех открытых неактивных изображений равным масштабу открытого активного.

• Match Location (Выровнять размещение) спешит на помощь при работе с сильно увеличенными изображениями. Например, в активном изображении вы работаете с его левым краем, а неактивные перед этим бросили просматривать где попало: в центре, в нижнем правом углу и пр. Чтобы перенести зону просмотра всех изображений в ту же область, что и в активном, и существует эта команда.

• Match Rotation (Выровнять поворот) делает угол поворота холста во всех открытых документах таким же, как в активном окне.

• Match All (Выровнять все) объединяет в себе три предыдущие функции.

• New Window (Новое окно) позволяет открыть тот же файл, с которым вы работаете, в новом окне. Например, вы редактируете изображение при очень сильном увеличении и вдруг захотели посмотреть, как выглядит то, что вы сотворили, в нормальном общем плане. Можно, конечно, постоянно уменьшать и снова увеличивать масштаб просмотра, но это не совсем удобно. А так – открыл картинку обычных размеров в новом окне, работаешь и параллельно отслеживаешь результаты своих трудов.

Режимы экрана

С помощью подменю View → Screen Mode (Вид → Режим экрана) можно изменять режим отображения элементов в окне программы и тем самым более эффективно использовать рабочее пространство монитора.

• Standard Screen Mode (Обычный режим) – обычный вид, при котором присутствуют все элементы интерфейса.

• Full Screen Mode With Menu Bar (Полноэкранный режим с главным меню) – отсутствуют заголовки окон документов, а также полосы прокрутки.

• Full Screen Mode (Полноэкранный режим) – от предыдущего режима отличается тем, что с экрана убирается и командное меню. Чтобы обратиться к его командам, можно использовать клавиатурные сокращения.

Переключаться между данными режимами можно также с помощью кнопки Change Screen Mode (Режим экрана), расположенной на панели быстрого доступа. Но для быстроты советуем использовать горячую клавишу F.

Средства управления на палитре инструментов

Хотим открыть вам страшную тайну: не все значки на палитре инструментов имеют отношение к инструментам. Те, которые расположены в нижней области (рис. 4.32), управляют настройками программы Photoshop.

Рис. 4.32. Элементы управления на палитре инструментов

Первым делом обратим наше всевидящее око на верхнюю группу, состоящую из четырех элементов. Эта группа поможет нам (в будущем) устанавливать цвета переднего плана и фона. На всякий случай поясним, что цвет переднего плана – это тот цвет, которым будет рисовать выбранный вами инструмент рисования. А фон – это то, что вы увидите, если сотрете изображение, например, инструментом Eraser (Ластик).

Верхний левый квадрат из этой живописной группы

показывает нам состояние Foreground Color (Цвет переднего плана). По умолчанию он черный.

Нижний правый квадрат (по умолчанию он залит белым цветом) показывает нам Background Color (Цвет фона). Если мы вдруг захотим изменить тот или иной цвет, необходимо щелкнуть на соответствующем квадратике, после чего появится окно инструмента Color Picker (Цветовая палитра), работу с которым мы рассмотрим чуть позже.

Если вы хотите поменять местами Foreground Color (Цвет переднего плана) и Background Color (Цвет фона), щелкните на стрелочках

в правом верхнем углу данной группы элементов (либо нажмите клавишу X на клавиатуре).

Чтобы возвратить (после всяческих экспериментов) значения цветов к принятым по умолчанию, щелкните на изображении двух маленьких квадратиков

(либо нажмите клавишу D на клавиатуре).

Кнопка

регулирует режимы работы программы. Если она не нажата, программа находится в режиме Edit in Standard Mode (Редактирование в стандартном режиме). Это режим, принятый по умолчанию, именно тот, в котором вы сейчас находитесь.

Если же ее нажать, программа переключится в режим Edit in Quick Mask Mode (Редактирование в режиме быстрой маски). Рассматривать этот режим сейчас нет смысла, поговорим о нем в уроке, посвященном маскам.

Масштабирование

Очень часто при работе с изображением приходится изменять масштаб просмотра. Для этого в программе Photoshop предусмотрены специальные инструменты.

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

На всякий случай

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

Как мы сможем изменить масштаб изображения? Рассмотрим несколько проверенных (пользователями и временем) способов.

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

Для служебного пользования

Имейте в виду, что вы можете выбрать значение масштаба только в диапазоне от 0,19 до 3200 %.

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

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

• Zoom in (Увеличить) увеличивает масштаб изображения.

• Zoom out (Уменьшить) уменьшает масштаб изображения.

• Fit on Screen (По размеру экрана) выводит изображение в таком масштабе, в котором оно помещается на экране полностью.

• Actual Pixels (Реальный размер) выводит изображение в том масштабе, при котором разрешения изображения и монитора соотносятся как 1:1.

• Print Size (Печатный размер) выводит изображение с теми размерами, которые оно будет иметь при печати.

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

либо нажмите клавишу Z. После этого подведите указатель мыши к изображению, и он тут же примет вид лупы со знаком «плюс», который прозрачно намекает нам, что инструмент работает в режиме увеличения изображения. Далее все элементарно: щелкаем на изображении, и оно увеличивается. Если же вы задумали непременно уменьшить масштаб, то, используя данный инструмент, вам необходимо нажать клавишу Alt. И вы тут же увидите, как знак плюса сменился на минус. Надеемся, вы сами догадались, что сие значит: если вы (не отпуская клавишу Alt) щелкнете на изображении, его масштаб уменьшится.

Кстати

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

А теперь несколько слов о секретах этого славного инструмента.

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

• Допустим, вы работаете с каким-либо инструментом, хотите поменять масштаб изображения, но не хотите тратить время, чтобы переключаться на Zoom (Лупа), а потом обратно. Не беда! Запомните комбинацию клавиш Ctrl+Пробел (для увеличения) или Alt+Пробел (для уменьшения). Указатель мыши тут же примет вид лупы с плюсом или минусом внутри. Не отпуская клавиш, меняете масштаб. Достигнув нужного результата, отпускаете клавиши и спокойно продолжаете работать с тем инструментом, с которым работали до этой операции.

• Если вы хотите установить масштаб изображения 100 %, дважды щелкните на кнопке Zoom (Лупа) на панели инструментов.

Многие пользователи для изменения масштаба применяют именно эту палитру (рис. 4.33). Рассмотрим ее подробнее.

Рис. 4.33. И снова палитра Navigator (Навигатор)

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

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

3. Поле, в котором отображается текущий масштаб изображения. При желании его можно поменять, если ввести нужное значение.

4. Кнопка Zoom Out (Уменьшить масштаб) всегда придет на помощь, если вы захотите уменьшить масштаб изображения.

5. Кнопка Zoom In (Увеличить масштаб) соответственно увеличит масштаб изображения.

6. Ползунок, расположившийся между этими кнопками, изображение плавно уменьшает (если перемещать его влево) и увеличивает (при перемещении вправо).

Навигация

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

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

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

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

Очень полезный и удобный способ. Запоминайте.

• Page Up – перемещение по изображению вверх.

• Page Down – перемещение по изображению вниз.

• Shift+Page Down – медленное перемещение вверх.

• Shift+Page Down – медленное перемещение вниз.

• Ctrl+Page Up – перемещение по изображению влево.

• Ctrl+Page Down – перемещение по изображению вправо.

• Shift+Ctrl+Page Up – медленное перемещение влево.

• Shift+Ctrl+Page Down – медленное перемещение вправо.

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

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

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

А теперь парочка секретов этого инструмента.

• При использовании любого другого инструмента нажмите Пробел, и указатель тут же примет вид инструмента Hand (Рука). Не отпуская клавишу Пробел, двигайте изображение, как вам нужно. После того как Пробел отпустите, снова станет активен прежний инструмент.

• Если при активном инструменте Hand (Рука) вы нажмете клавишу Ctrl, он переключится на инструмент Zoom (Лупа) с плюсом внутри, если Alt – с минусом.

Данный инструмент

появившийся в Photoshop CS4, расположен на одной кнопке с Hand (Рука), но для его вызова служит своя горячая клавиша – R.

Rotate View (Поворот холста) – долгожданное нововведение, предназначенное для поворота холста открытого документа на произвольный угол по часовой стрелке или против нее. Теперь, если текст или объекты в изображении располагаются под углом и трудны для восприятия, не нужно наклонять голову перед монитором – достаточно выбрать инструмент поворота холста (рис. 4.34)!

Рис. 4.34. Применение к изображению инструмента Rotate View (Поворот холста)

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

Служебные объекты

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

Вы можете увидеть линейки, если выполните команду View → Rulers (Вид → Линейки) или воспользуетесь комбинацией Ctrl+R (рис. 4.35).

Рис. 4.35. Окно документа с включенными линейками

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

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

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

Чтобы убрать линейки, снова воспользуйтесь комбинацией Ctrl+R либо командой меню View → Rulers (Вид → Линейки).

Помимо линеек, Photoshop имеет в своем арсенале целый набор служебных объектов под названием Extras (Дополнительные линии). Ознакомиться с их полным списком, а заодно выбрать, какие объекты включить в группу Extras (Дополнительные линии), а какие проигнорировать, вы сможете с помощью команды меню View → Show → Show Extras Options (Вид → Показать → Показать настройки дополнительных линий). В появившемся окне (рис. 4.36) вы можете установить либо снять флажки напротив тех или иных дополнительных линий.

Рис. 4.36. Выбор дополнительных линий

С ними мы сейчас познакомимся и выясним, зачем они вообще нужны.

• Selection Edges (Границы выделения). При создании выделения вокруг него появляется этакая «бегущая» рамка, называемая в народе «бегущими муравьями». Вот это и есть Selection Edges (Границы выделения).

• Target Path (Контур пути) отображает активный контур (векторный элемент редактора Photoshop).

• Notes (Заметки). Это письменные комментарии, созданные с помощью инструмента Note (Заметка)

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

• Layer Edges (Границы слоя). Активный слой будет окружен синей рамкой.

• Count (Счетчик). Данный параметр определяет, отображать или нет метки одноименного инструмента.

• Grid (Сетка). Позволяет оценить общую композицию изображения, а также выровнять расположение отдельных элементов. Сетка не является частью изображения и не отображается при печати (рис. 4.37).

Рис. 4.37. Изображение с сеткой

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

• Smart Guides (Умные направляющие). Эти направляющие помогают создавать выделения, фигуры и пластины.

• Slices (Пластины). Как уже упоминалось, с их помощью изображение «разрезается» на отдельные элементы для последующего размещения в Интернете.

Итак, в этом окне вы можете определиться, будете ли вы вообще работать с тем или иным видом дополнительных линий. А чтобы указать программе, нужно ли ей прятать или показывать какой-либо служебный объект, вам необходимо выполнить команду View → Show (Вид → Показать) и в появившемся подменю снять либо установить нужный флажок. После выполнения команды View → Show → All (Вид → Показать → Все) будут отображаться все типы дополнительных линий. Если же вам все они не нужны, выполните команду View → Show → None (Вид → Показать → Ничего).

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

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

О природе света

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

Итак, видимым светом мы назовем электромагнитные волны с длиной волны в диапазоне примерно от 750 нм[5] (что соответствует красному цвету) до 400 нм (фиолетовый цвет). Попадая в человеческий глаз, эти электромагнитные излучения возбуждают в нем определенные рецепторы, которые передают сигнал в мозг. А уже эти сигналы человек интерпретирует как тот или иной цвет.

Почему мы идентифицируем предметы как окрашенные в те или иные цвета? Дело в том, что разные вещества (из которых эти предметы состоят) по-разному взаимодействуют со светом разных длин волн. Какая-то часть светового спектра[6] поглощается предметом, какая-то отражается от него. Луна на ночном небе имеет желтоватый оттенок именно потому, что «желтые» световые волны (волны с длиной, соответствующей желтому цвету) лучше всего отражаются от ее поверхности. Именно отраженный от предмета свет и попадает в наши глаза (вообще-то еще нужно учитывать взаимодействие световых волн с атмосферой Земли, но мы этим пренебрежем, чтобы не вдаваться в ненужные подробности).

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

Так называемый белый свет (который мы видим днем вокруг) на самом деле состоит из семи основных цветов, входящих в «зрительный» диапазон излучений. Они представлены в известной всем радуге. Запомним важное для нас свойство цветов – при наложении друг на друга они создают нечто новое (другой цвет).

К слову

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

Цвет в цифровых технологиях

Как добиться на экране монитора таких же ярких и насыщенных цветов, как в окружающем мире? Как сделать, чтобы напечатанное изображение смотрелось «как живое»?

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

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

Это интересно

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

Встречайте! Цветовые модели!

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

Чтобы перевести изображение в ту или иную цветовую модель, в Photoshop можно воспользоваться командами подменю Image → Mode (Изображение → Режим) (рис. 5.1). Давайте познакомимся с ними и выясним, где они нам могут пригодиться.

Рис. 5.1. Доступные цветовые модели

Мы начинаем разговор именно с этой цветовой модели, так как часто именно в ней сохраняют изображения, созданные исключительно для просмотра на компьютере. Цвета в данной модели образуются наложением трех базовых – красного (Red), зеленого (Green) и синего (Blue).

Познавательная врезка

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

Каждый базовый цвет может принимать 256 значений яркости (от 0 до 255). Например, если значение яркости синего цвета равно нулю, а значения яркости красного и зеленого цветов максимальны (то есть 255), в результате получится желтый. Если же значения яркости каждой составляющей будут принимать какие-либо промежуточные значения, на выходе получатся некие другие цвета. Количество получаемых цветов с помощью этих трех базовых рассчитывается как 2 56 ³, что составляет 16 777 216, то есть более 16 млн цветов! Вот вам и все многообразие красок, созданное с помощью всего трех цветов.

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

Уточнение

В десятичном представлении первое число показывает яркость красного цвета, второе – зеленого и третье – синего.

В шестнадцатеричном представлении код цвета – это последовательность чисел вида 0xXXYYZZ, где приставка 0x подсказывает нам, что число представлено в шестнадцатеричной системе, XX обозначает яркость красного цвета, YY – зеленого и ZZ – синего.

Шестнадцатеричные числа образуются комбинацией цифр от 0 до 9 и букв A, B, C, D, E, F. Таким образом, запись 0xFFFFFF означает белый цвет, а 0x000000 – черный.

Итак, мы выяснили, что в модели RGB изображение формируется с помощью трех базовых цветов, или трех цветовых каналов, значение яркости каждого из которых может принимать 256 значений. Теперь осталось вспомнить, что 256 – это 2 ⁸. Какой смысл это имеет для нас? Такой, что значение яркости в компьютере можно представить 8-разрядным двоичным числом. Это представление называется 8-битным.

Так как канала у нас три (красный, зеленый и синий), то на описание цвета одного пиксела изображения требуется 8 3 = 24 бит памяти компьютера.

Таким образом, цветовая модель RGB поддерживает 24-битное качество цветопередачи, или 24-битную глубину цвета. Как мы уже рассчитали, такая глубина цвета поддерживает более 16 млн цветов. Именно в этом формате должны храниться цифровые изображения, конечно, если вы заботитесь о точной передаче цветовых переходов и многообразии оттенков на любимых фотографиях.

Примечание

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

Как вы уже, надеемся, заметили (см. рис. 5.1), Photoshop позволяет сохранять изображения не только в 24-, но и в 48-битном формате, если установить флажок 16 Bits/Channel (16 бит на канал). Опытные пользователи, решая свои профессиональные задачи, предпочитают хранить изображения именно с такой высокой глубиной цвета. Качество цветопередачи при этом повышается, однако и размер файла значительно увеличивается.

Эта модель разрабатывалась специально для корректного отображения цветов на бумаге при печати и потому сильно отличается от модели RGB. В модели CMYK базовые[7] цвета следующие: голубой (Cyan), пурпурный (Magenta) и желтый (Yellow). При их смешении не получается чистого черного цвета, поэтому он вводится дополнительно: так называемый ключевой цвет – Key color.

Познавательная врезка

Такая цветовая схема называется субтрактивной.

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

Модель для профессионалов, работающих с цифровыми изображениями. За параметром L скрывается английское слово Luminosity (яркость); a и b – цветовые параметры: первый включает в себя цвета в диапазоне от темно-зеленого (через серый) до розового, а второй – от светло-синего (также через серый) до ярко-желтого.

При преобразовании цветного изображения в цветовую модель Grayscale (Оттенки серого) информация о цветовом тоне и насыщенности пропадает, остаются только сведения о яркости пиксела. Это значит, что изображение, сохраненное в Grayscale (Оттенки серого), описано только одним цветовым каналом из 256 градаций серого. Яркость пикселов полутонового изображения может иметь значения от 0 (для черных пикселов) до 255 (для белых) через промежуточные 254 оттенка серого. Поэтому, чтобы описать один пиксел полутонового изображения, достаточно всего 8 бит памяти.

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

Для преобразования следует выполнить команду Image → Mode → Bitmap (Изображение → Режим → Битовая карта). В появившемся диалоговом окне необходимо указать разрешение результирующего изображения. Логично установить его равным разрешению вашего принтера.

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

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

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

Представить в индексированных цветах можно изображения, сохраненные в цветовых моделях Grayscale (Оттенки серого), Duotone (Дуплексный), RGB.

После перевода в режим Indexed Color (Индексированный цвет) изображение можно редактировать с помощью палитры цветов. Для этого выполните команду Image → Mode → Color Table (Изображение → Режим → Цветовая таблица). В появившемся окне палитры вы можете выбрать цвет, который вам не нравится (щелкнув на нем кнопкой мыши), и в следующем окне выбрать для него новое значение.

Этой цветовой модели нет в меню Image → Mode (Изображение → Режим), однако вы с ней скоро повстречаетесь, поэтому уделим ей толику нашего драгоценного внимания. Буквы в названии модели означают не базовые цвета, а основные характеристики цвета: Hue (оттенок), Saturation (насыщенность) и Brightness (яркость).

• Hue (оттенок) – это и есть цвет света. В модели HSB значение оттенка определяется его расположением на цветовом круге и изменяется от 0 до 360°.

• Saturation (насыщенность) характеризует интенсивность цвета. Это процент цвета данного оттенка по отношению к серому. Насыщенность показывает, насколько чистым будет выбранный цвет. Значение может меняться от 0 до 100: 0 соответствует серому, а 100 – наиболее яркому варианту выбранного цвета.

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

Как выбрать цвет в Photoshop

Для выбора нужного цвета в программе Photoshop существует несколько способов: с помощью Color Picker (Цветовая палитра), палитр Color (Цвет) и Swatches (Образцы), а также инструмента Eyedropper (Пипетка).

Как мы выяснили в предыдущем уроке, в нижней части палитры инструментов (см. рис. 4.32) находятся элементы управления цветом переднего плана и фона. Чтобы выбрать любой другой цвет (отличный от принятых по умолчанию), дважды щелкните на нужном квадрате. Перед вами во всей красе предстанет окно Color Picker (Цветовая палитра) (рис. 5.2).

Рис. 5.2. Color Picker (Цветовая палитра)

Левую область окна занимает цветовое поле (см. рис. 5.2, позиция 2). Рядом расположена вертикальная цветовая линейка (см. рис. 5.2, позиция 3). Цвет выбирается с помощью маркера (см. рис. 5.2, позиция 1). Просто щелкните кнопкой мыши на нужном вам оттенке, и маркер зафиксирует его, что отобразится в окне текущего цвета (см. рис. 5.2, позиция 4). Цвет, который вы собираетесь менять, показан в окне предыдущего цвета (см. рис. 5.2, позиция 5).

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

Если в результате ваших поисков появился квадратик с кубом (см. рис. 5.2, позиция 7), выбранный цвет нельзя использовать в веб-дизайне. В этом случае также щелкните на квадратике, и вам будет предложен ближайший приемлемый цвет. Можно решить эту задачу кардинально: установите флажок в левом нижнем углу окна Only Web Colors (Только веб-цвета). После этого в цветовом поле будут отображаться только те цвета, которые используются для создания веб-страниц.

В правой нижней области окна (см. рис. 5.2, позиция 8) вы можете ознакомиться с числовыми значениями выбранного цвета (в разных цветовых моделях) либо ввести его самостоятельно. В этой области можно настроить также вид цветового поля и цветовой линейки. По умолчанию цвет выбирается в пространстве HSB с активным параметром Hue (Оттенок): переключатель установлен в положение H. То есть значение именно этого параметра изменяется на цветовой линейке. Таким образом, для выбора цвета логично первым делом примерно выбрать необходимый оттенок на цветовой линейке. Теперь обратите внимание на цветовое поле. Значение параметра в нем изменяется слева направо: в левой области преобладает серый цвет, в правой – наиболее насыщенный оттенок выбранного цвета, а снизу вверх изменяется яркость цвета: в верхней области вы найдете наиболее светлые варианты оттенка.

Если вы установите переключатель в положение Saturation (Насыщенность), то есть возле буквы S, то вид цветовой линейки и цветового поля изменится. Теперь первым делом на линейке вам придется выбирать нужный вариант насыщенности. Оттенки цвета будут меняться на цветовом поле слева направо (от красного к фиолетовому), а их яркость (как и в предыдущем варианте) – снизу вверх.

При выборе основным параметром Brightness (Яркость) (В) именно она и будет изменяться на цветовой линейке (снизу вверх), в цветовом поле по горизонтали вы сможете увидеть смену оттенков, а по вертикали – изменение их насыщенности.

Аналогичным образом можно настраивать внешний вид цветового поля и цветовой палитры при активизации того или иного параметра цветового пространства RGB или Lab.

В уроке 4 мы уже предлагали вам поэкспериментировать с палитрой Color (Цвет). Теперь рассмотрим элементы ее интерфейса более вдумчиво (рис. 5.3).

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

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

• Подведите указатель мыши к цветовой полосе (см. рис. 5.3, позиция 4). Он примет вид пипетки. Теперь щелкайте ею на нужном вам цвете (на цветовой полосе). Пользуясь этим способом, помните следующее.

· В правой части цветовой полосы расположились черный и белый квадраты (см. рис. 5.3, позиция 5). Они здесь для случая, если вам необходимо установить чистый черный или белый цвет.

· На цветовой полосе цвет выбирается примерно, что называется, на глаз.

• Подвигайте ползунки RGB-составляющих (см. рис. 5.3, позиция 1), добавляя либо уменьшая вклад того или иного компонента.

• Если вы знаете RGB-код нужного вам цвета, просто введите его значение в соответствующие поля рядом с ползунками.

Если выбранный цвет будет выходить за рамки CMYK-диапазона, перед вашими глазами (так же, как и в окне Color Picker (Цветовая палитра)) появится значок предупреждения (см. рис. 5.3, позиция 3). Щелкните на нем, и вам предложат вариант цвета, приемлемый для печати.

По умолчанию палитра Color (Цвет) предлагает работать с цветовой моделью RGB. Однако при необходимости это можно легко исправить. Щелкните левой кнопкой мыши на кнопке

и перед вами появится меню палитры (рис. 5.4).

Рис. 5.4. Меню палитры Color (Цвет)

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

Две последние команды появились в меню всех палитр Photoshop CS4. Пункт Close (Закрыть) предназначен для закрытия палитры. С помощью команды Close Tab Group (Закрыть группу вкладок) можно закрыть объединенные в группу палитры.

Если вы не хотите выбирать цвет самостоятельно, можете воспользоваться специально подготовленным набором на палитре Swatches (Образцы) (см. рис. 4.13). Как можно заметить, каждый цвет представлен отдельным квадратиком. Принципы работы с этой палитрой очень просты.

• Для выбора цвета в качестве Foreground Color (Цвет переднего плана) просто щелкните на нужном образце.

• Для выбора цвета в качестве Background Color (Цвет фона) щелкните на образце, удерживая при этом клавишу Ctrl.

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

• Чтобы создать новый образец цвета (то есть добавить его к имеющемуся набору), нужно сначала создать сам цвет, например, с помощью палитры Color (Цвет) и установить его в качестве Foreground Color (Цвет переднего плана). После чего:

· щелкнуть правой кнопкой мыши на любом из образцов и выбрать команду New Swatch (Новый образец);

· либо щелкнуть кнопкой мыши на любом пустом месте палитры (указатель мыши при этом примет вид ведерка);

· либо щелкнуть на значке чистого листа

в нижней части палитры.

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

• Чтобы удалить ненужный вам образец:

· щелкните на нем правой кнопкой мыши и выберите команду Delete Swatch (Удалить образец);

· щелкните на образце при нажатой клавише Alt, указатель мыши при этом примет вид ножниц;

· перетащите с помощью мыши ненужный вам образец на значок корзины

в нижней части палитры.

• Чтобы переименовать образец, дважды щелкните на нем кнопкой мыши либо выберите в контекстном меню команду Rename Swatch (Переименовать образец).

Теперь рассмотрим меню этой славной палитры, с помощью которого вы можете сохранить видоизмененную палитру (команда Save Swatches (Сохранить образцы)), а потом загрузить (команда Load Swatches (Загрузить образцы)). Если вы хотите вернуть то, с чего начинали свои эксперименты, команда Reset Swatches (Перезагрузить образцы) специально для вас загрузит набор образцов, принятый по умолчанию.

Верхняя область меню палитры поможет настроить ее внешний вид.

• Small Thumbnail (Мелкие значки). Образец представляет собой набор квадратиков маленького размера.

• Large Thumbnail (Крупные значки). Образец предстанет перед вами квадратом большого размера.

• Small List (Мелкий список). Набор станет списком цветов с их названиями.

• Large List (Крупный список). Тот же список, но с крупными изображениями цветов и их названиями.

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

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

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

А если вы хотите установить цвет не в качестве Foreground Color (Цвет переднего плана), а, наоборот, в качестве Background Color (Цвет фона), щелкайте на изображении при нажатой клавише Alt.

Если изображение достаточно сложное по цвету (например, цветная фотография), для более точного выбора оттенка есть смысл увеличить масштаб просмотра. После достаточного увеличения вы заметите, скорее всего, что цвета соседних пикселов не совсем одинаковые. Так какой цвет выбрать? Чтобы решить этот вопрос, обратите внимание на панель параметров инструмента Eyedropper (Пипетка). Вы можете выбрать любое из нескольких значений из списка Sample Size (Размер образца).

• Point Sample (Образец точки) устанавливает цвет выбранного вами пиксела.

• 3 by 3 Average (Область 3 на 3) устанавливает усредненный цвет квадратной области 3 х 3 пиксела.

• Варианты 5 by 5 Average (Область 5 на 5), 11 by 11 Average (Область 11 на 11), 31 by 31 Average (Область 31 на 31), 51 by 51 Average (Область 51 на 51), 101 by 101 Average (Область 101 на 101) усредняют цвет соответственно по области 5 х 5, 11 х 11, 31 х 31, 51 х 51, 101 х 101 пиксел.

Если необходимо сравнить цвета в различных точках изображения, вам поможет инструмент Color Sampler (Образец цвета)

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

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

Для удаления маркера либо щелкните на нем при нажатой клавише Alt, либо щелкните правой кнопкой мыши и в появившемся меню выберите пункт Delete (Удалить).

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

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

Информация о графических файлах, или Только для служебного пользования

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

• Размер изображения. Обычно измеряется в пикселах и определяется как произведение ширины изображения на его высоту, например 800 х 600.

• Разрешение изображения. Характеризует количество пикселов в единице длины изображения. Традиционно измеряется в числе пикселов на дюйм (ppi).

• Цветовая модель. Определяет способ кодирования цвета в изображении.

• Глубина цвета. Количество бит в памяти компьютера, необходимых для описания цвета каждого пиксела.

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

Графические форматы характеризуются несколькими основными параметрами.

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

• Возможность поддерживать ту или иную цветовую модель. Нужно помнить, что графические форматы не универсальны для всех задач. Например, BMP не годен для печати, так как он не поддерживает цветовую модель CMYK.

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

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

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

• BMP (Windows Device Independent Bitmap). Это самый простой графический формат. Поддерживает индексированный цвет (256 цветов) и RGB-режим. Его понимают все редакторы, работающие в операционной системе Windows. Однако он неудобен при печати изображений (не поддерживает CMYK) и для размещения изображений в Интернете (плохо сжимает).

• GIF (CompuServe Graphics Interchange Format). Поддерживает 256 индексированных цветов и простую анимацию. Использует LZW-компрессию, которая не приводит к потере качества изображения, и чересстрочную развертку (это когда при работе в Интернете изображение на экране загружается через строку, что позволяет увидеть его в целом до окончательной загрузки и понять, нужно ли вам его загружать). Все эти достоинства по праву сделали GIF одним из популярнейших форматов, используемых в Интернете.

• JPEG (Joint Photographic Expert Group). Использует алгоритм сжатия, при котором сохраняется усредненная информация об изображении, а все лишние детали (слабо воспринимаемые человеческим глазом) попросту удаляются. При этом степень сжатия файла (а значит, и количество удаляемой информации) можно регулировать. Однако нужно помнить, что чем меньше сжатие, тем лучше качество изображения и наоборот: излишнее усердие при сжатии приводит к реальной потере качества, видимой невооруженным глазом.

Формат JPEG поддерживает цветовые модели RGB и CMYK, что делает его привлекательным для Интернета в передаче и отображении сложных фотоизображений. Однако в полиграфии он не используется, так как алгоритм сжатия создает ощутимые дефекты изображения на контрастных границах.

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

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

• TIFF (Tagged-Image File Format). Очень распространенный и универсальный формат. Его без проблем понимают и Macintosh, и компьютеры на базе Windows. Поддерживает все цветовые модели и дополнительные каналы. Использует LZW-сжатие, которое не приводит к потере качества изображения. Используется для хранения сканированных изображений и в полиграфии.

• PSD (PhotoShop Document). «Родной» формат программы Photoshop, поэтому он поддерживает все ее «примочки»: разные цветовые модели с любой глубиной цвета, слои, каналы, маски, пути и пр. В связи с этим он очень удобен для сохранения промежуточных результатов работы. Использует сжатие RLE, позволяющее сжимать без потерь.

Да будет файл! Создаем собственный

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

Если вы работали уже с каким-нибудь редактором (графическим или любым другим), легко догадаетесь, что в благородной операции создания файла вам поможет команда File → New (Файл → Новый) или клавиатурное сокращение Ctrl+N. Перед вами появится окно, в котором нужно указать параметры будущего изображения (рис. 6.1).

Рис. 6.1. Диалоговое окно New (Новый)

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

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

Бонус для любопытных

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

3. Из списка Size (Размер) можно выбрать некоторые наиболее часто используемые размеры, такие как A4, A5, Letter и др.

4. В полях Width (Ширина) и Height (Высота) задаются размеры нового изображения. Справа от них расположились раскрывающиеся списки, с помощью которых вы можете выбрать единицы измерения.

Это полезно знать

Если вы скопировали какое-либо изображение в буфер обмена и хотите поработать с ним в Photoshop, выполните команду File → New (Файл → Новый), при этом в диалоговом окне New (Новый) предлагаемые размеры нового изображения будут автоматически соответствовать содержимому буфера обмена. В поле Preset (Заготовка) появится значение Clipboard (Буфер обмена). Нажмите кнопку OK, и перед вами появится новое окно документа. Теперь, чтобы поместить в него изображение из буфера, выполните команду Edit → Paste (Правка → Вставить).

5. В поле Resolution (Разрешение) вам предоставляется возможность указать разрешение будущего изображения. Если вы планируете просматривать его на экране монитора, нет смысла указывать значение более 72 ppi – повышения качества вы не заметите, а ресурсов компьютера потребуется больше. Так же, как и для единиц измерения размеров изображения, вы можете выбрать единицы измерения разрешения. Помимо pixels/inch (пикселов на дюйм) доступен вариант pixels/cm (пикселов на сантиметр).

6. В раскрывающемся списке Color Mode (Цветовой режим) вы можете выбрать цветовой режим нового изображения: Bitmap (Битовая карта), Grayscale (Оттенки серого), RGB Color (RGB-цвет), CMYK Color (CMYK-цвет) или Lab Color (Lab-цвет).

Справа от списка Color Mode (Цветовой режим) можно указать нужную глубину цвета (сколько бит памяти выделять на каждый цветовой канал изображения).

Обратите внимание

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

7. В поле Background Contents (Заполнение фона) вы можете выбрать цвет фона будущего изображения. По умолчанию предлагается White (Белый). При желании вы можете изменить его на Background Color (Цвет фона). При этом цвет фона нового документа будет соответствовать тому, который вы установили на палитре инструментов. Еще вы можете выбрать для фона будущего изображения значение Transparent (Прозрачный). И он станет прозрачным.

Конец ознакомительного фрагмента.