Общие сведения
Программа Adobe Photoshop является детищем компании Adobe, специализирующейся на создании программ для обработки рисунков и фотографий.
Программа Photoshop занимает среди них видное место, поскольку является лидером среди программ для обработки фотографий, используемых как в полиграфии, так и в Веб-дизайне.
Эта программа прошла большой путь модификаций и сейчас имеется уже 9-я версия, входящая в пакет Creative Suite (CS), в русском переводе - Креативная Сюита. Русским этот перевод назвать трудно, поскольку оба слова - иностранные. Если использовать словари, то получим - Творческая последовательность, поскольку креативность -творчество, а сюита (франц . suite, букв. - ряд, последовательность), инструментальное циклическое музыкальное произведение из нескольких контрастирующих частей. Таким образом, пакет программ CS представляет собой набор связанных между собой инструментов (программ) для творчества в области графики и дизайна.
В настоящее время выпущена уже вторая модификация этого пакета, так называемая CS2. Мы с вами будем изучать самый программу Photoshop 9, входящую в пакет Creative Suite 2. Другое название этой программы - Photoshop CS2.
Конечно, возможности Photoshop CS2 далеко превосходят ваши потребности в обработке фотографий. Однако имеет смысл познакомиться именно с этой программой, потому что это даст вам возможность совершенствовать ваши знания и постепенно овладевать все более и более изощренными приемами создания иллюстративных материалов в вашей профессиональной деятельности.
Программа Photoshop CS2 весьма требовательна к ресурсам компьютера. Но более ранние версии, такие как Photoshop CS или даже Photoshop 7 или Photoshop 6 (последние две версии даже не требуют установки Windows 2000 или Windows XP и могут работать с Windows 98) тоже способны очень сильно помочь в обработке фотографий. По ходу дела мы будем предупреждать, какие из особенностей программы встречаются только в Photoshop CS2. Таким образом (за исключением некоторых деталей интерфейса) то, что рассказано в данной главе, будет применимо ко всем программам - от Photoshop 7 до Photoshop CS2 (Более ранние версии программы имеют заметные отличия в интерфейсе).
Те, кто захочет познакомиться с программой Photoshop более глубоко, должны обратиться к специализированным источникам, в том числе в Интернете. К сожалению, авторы учебника не указаны. Вы должны иметь в виду, что пользуясь ресурсами Интернет, необходимо соблюдать авторские права.

Русификация программы
К сожалению, начиная с программы Photoshop 4.0 компания Adobe прекратила русификацию программы. На российском рынке встречаются нелегальные копии программы с гордым дополнением к названию "русифицирована" или даже "официальная русская версия".
К сожалению, эта русификация выполнена людьми, плохо знающими сам Photoshop. Зачастую в русификации содержатся ошибки. Так, например, термин Opacity (непрозрачность) в одном случае был переведен как Мутность, а в другом случае - как Прозрачность. Ясно, что по такой русификации учиться нельзя.
Поэтому мы всюду рассматриваем английский интерфейс, сопровождая английские термины русским переводом. Практика показывает, что это не вызывает особых трудностей при конкретной работе и освоение англоязычного интерфейса - дело привычки.

Растровая графика

Компьютеры имеют дело с двумя видами изображений - векторными и растровыми.
Векторные изображения легко масштабируются без потери качества. С растровыми это не так.
Поскольку фотографии присутствуют на компьютере всегда в виде растровых изображений, далее мы будем заниматься только растровыми изображениями. Как "устроено" растровое изображение?
Представьте себе таблицу с очень большим числом ячеек, где мы закрасили некоторые ячейки. Вы увидите "типичный растр"
Матрица с закрашенными ячейками будет представлять собой растровое изображение. Отдельные ячейки матрицы в случае растрового изображения будут называться, конечно, элементами картинки, а по-английски: picture elements. Сокращенно их можно было бы назвать PICTEL, но для удобства произношения эти ячейки называют PIXEL, что по-русски произносится как ПИКСЕЛЬ.
Итак растровое изображение представляет собой упорядоченный набор пикселей. Иногда о пикселе говорят как об элементарной точке изображения, но это нехорошо, поскольку слово "точка" у нас традиционно ассоциируется с кружком, а пиксельная структура не должна иметь разрывов.
Каждый пиксель должен быть окрашен в свой цвет. Цвет на компьютере формируется из трех основных цветов - красного (Red), Зеленого (Green) и Синего (Blue). Соответственно, такое представление цвета называется: модель RGB.
Для описания каждого из составляющих цветов требуется один байт информации. Таким образом, на каждый пиксель нужно 3 байта информации.
Рассчитаем, сколько места в памяти нужно растровому изображению, которое имеет размер 800 на 600 пикселей.
Полное число пикселей в изображении составляет 800x600=480 тысяч пикселей. Поскольку на каждый пиксель требуется по 3 байта, то объем памяти равен: 1 440 000 байт, то есть 1,37 мегабайт. Если такую картинку разместить в Интернет, то на компьютер пользователя со скоростью 3 килобайта в секунду она будет передаваться примерно 470 секунд, то есть около 8 минут. Никто не будет ждать пока она загрузится!
Еще более трудная жизнь возникает, когда вы сканируете изображение.
Действительно, пусть вы хотите отсканировать фотографию, полученную обычным фотоаппаратом и напечатанную на бумаге в формате 10 см. на 15 см.
При сканировании вы как бы накладываете на фотографию ту самую таблицу (матрицу), о которой мы только что говорили, и определяете средний цвет в каждой ячейке таблицы (цвет каждого пикселя). Принято оперировать с так называемым разрешением сканирования, то есть с тем, как много таких ячеек располагается на единицу длину. разрешение сканирования должно было бы измеряться в пикселях на САНТИМЕТР. Но в силу исторических причин разрешение измеряется в пикселях на ДЮЙМ.
Давайте решим простую арифметическую задачу. Какой размер файла должен быть у фотографии размером 10 см на 15 см, отсканированной с разрешением 200 пикселей на дюйм?
Решение:
1. Дюйм равен 2,54 см. Выражаем длину сторон в дюймах. 1Разделим длину каждой стороны на 2,54. Получаем 3,93 дюйм и 5,91 дюйм соответственно.
2. Умножим каждую сторону на разрешение сканирования. Получаем 786 пикселей и 1182 пикселя соответственно.
3. Определим общее число пискелей в изображении, то есть перемножим эти числа. Получаем: 929052 пикселя (почти миллион пикселей).
4. Вычислим объем информации, который необходим, чтобы удержать в памяти (сохранить в файле) это изображение. Умножим полученное число на 3 байта (как следует из модели RGB). Получаем 2787156 байт, то есть 2,66 мегабайт.
Ясно, что если мы бы захотели обеспечить ещё большее разрешение при сканировании, то и размер файла был бы ещё больше - при разрешении в 300 пикселей на дюйм размер файла составил бы около 6 мегабайт.
Таким образом, картинки растровой графики очень велики по размерам файлов. Это надо учитывать при размещении их в презентациях и уж тем более на сайтах. Позже мы обсудим способы уменьшения этих размеров.
На заметку: при сканировании разрешение обычно измеряют не в пикселях на дюйм, а в ТОЧКАХ на дюйм, то есть английская аббревиатура будет выглядеть так: dots per inch или сокращенно dpi. Но это просто другое название, а смысл - абсолютно тот же самый!

Окно программы

Щелкните кнопку Пуск. Найдите в меню Программы ярлык программы Photoshop CS2

Щелкните его. Загрузится программа Photoshop CS2. Её окно имеет вид:


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

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

Как видите, интерфейс несколько отличается от привычных нам интерфейсов Word, PowerPoint, Excel... Однако, есть и некоторые родственные черты.

Прежде всего - имеется строка заголовка с названием программы и привычными тремя кнопками:



Далее идет строка меню:


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

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


Сразу под строкой меню располагается панель свойств инструментов (иначе - панель настройки свойств инструментов):
Панель свойств инструментов


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

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

Однако, так будет только если вы используете разрешение экрана 800 на 600 пикселей. Если же разрешение экрана будет больше, то групп палитр будет четыре. Это не означает, что палитр будет НА ЭКРАНЕ больше. Просто одна из групп как бы "расщепится". Эти палитры имеет смысл обсуждать только когда загружена какая-нибудь фотография.
Строка меню
Конечно, у некоторых из наших слушателей могут возникать трудности с переводом и запоминанием английских слов. Давайте сделаем себе маленькую шпаргалку.

Как видите, логика интерфейса напоминает логику построения интерфейса программ Word и PowerPoint.
Загрузка изображения в Программу
Щелкните меню File (Файл) и в открывшемся меню - команду Open (Открыть).

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


Окно программы примет вид:

Что появилось нового? В некоторых палитрах появилось крохотное изображение загруженной фотографии.

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

Щелчок по вкладке открывает соответствующую палитру.

Группы палитр

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


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


В этой группе палитр нам нужна открытая палитра History (История, иногда её называют Протокол).


В этой группе нужна открытая палитра Layers (Слои).

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


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

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


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

Навигация по изображению
Палитра Navigator (Навигатор)
Рассмотрим первую сверху группу палитр. Первая из них представлена на рисунке:


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

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


Если мы сместим управляющий движок вправо, то масштаб просмотра увеличится, что в численном виде отобразится в окошке масштаба. (Было 16,67 %, стало 38,67 %). Соответственно фотография уже не будет помещаться в том окне, в котором она находится на рабочем столе программы. Поскольку размер этого окна не меняется, то видимая часть изображения уменьшится. Эта видимая часть обведена красной рамкой в палитре Навигатор. В данном случае красная рамка - это не наша обычная рамка, выделяющая элемент интерфейса (она всегда с тенью и немного объемная), а элемент интерфейса самой программы.


Этой красной рамке соответствует видимая часть изображения.


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


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

Предельный масштаб. Пиксели

Увеличьте теперь с помощью движка на палитре Navigator (Навигатор) масштаб до 1600 %. Это - предельно возможный масштаб просмотра изображения.

Красная рамка в окне палитры Navigator (Навигатор) превратится в точку, но по-прежнему вы сможете указывать "место просмотра", наводя курсор в окне палитры Navigator (Навигатор)

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

Инструмент Рука (Hands Tool)

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

Поэтому для мелких перемещений по изображению используется специальный инструмент, который называется Hand Tool (Инструмент Рука). Щелкните панель инструментов.


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

а ней есть три характерные кнопки. Обсудим их.

Действительные пиксели. Фотография будет отображаться в масштабе 100 % или, как говорят, "пиксель в пиксель": каждому пикселю экрана будет соответствовать один реальный пиксель изображения.

Подогнать под экран. Фотография буде "вписана" в место на рабочем поле, свободное от палитр. Это очень удобно, если вы хотите сразу увидеть всё изображение с которым вы работаете. Масштаб будет подобран автоматически.

Размер печати. Фотография будет отображаться в размере печатного оттиска (с учетом установленного разрешения для печати).

Форматы файлов
Формат BMP

Имя файла
image.bmp
Расшифровка
Сокращение расшифровывается как Bit Map Picture (Побитовая карта изображения).

Характеристика
Это - формат, в котором изображение записывается на диск так, как оно хранится в памяти компьютера. Формат резервирует 3 байта на все цвета пикселя (24-х битный цвет), чем обеспечивает воспроизведение до 16,8 млн. цветов. Файлы быстро загружаются в оперативную память. Сжатие информации отсутствует. Может сохранять только один слой изображения.

Качество изображения
Изображение сохраняется без потери качества.

Размеры файлов
Довольно большие и зависят только от размеров изображения в пикселях.

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

Область применения
Рабочий стол Windows, документы Word, PowerPoint, Publisher, Paint. Собственный формат по умолчанию редактора Paint. В Интернете не используются.

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

Формат TIFF

Имя файла
image.tif

Расшифровка
Сокращение расшифровывается как Tagged Image File Format (Теговый формат файла изображения)

Характеристика

Похож на формат BMP, но имеет ряд преимуществ. Формат резервирует 3 байта на все цвета пикселя (24-х битный цвет), чем обеспечивает воспроизведение до 16,8 млн. цветов.

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

Позволяет иметь области прозрачности, в которых виден фон. Изображение выглядит не прямоугольным (может быть в форме кляксы, звезды и т.д.)
Качество изображения Без архивирования и при архивировании по алгоритмам LZW и ZIP - качество не ухудшается.

Сжатие по алгоритму JPEG ухудшает качество изображения (см. информацию о формате JPEG).

Размеры файлов
В случае использования сжатия файл меньше, чем в формате BMP.

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

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

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

Формат PSD

Имя файла
image.psd

Расшифровка
PhotoShop Document: документ программы Photoshop

Характеристика
Резервирует 3 байта на все цвета пикселя, чем обеспечивает воспроизведение до 16,8 млн. цветов.

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

Качество изображения
Качество изображения не ухудшается.

Размеры файлов
В общем случае несколько больше, чем в формате TIFF.

Рекомендации
Для сохранения промежуточных результатов обработки изображения. При работе в программе Adobe Photoshop для сохранения промежуточных результатов настоятельно рекомендуется использовать этот формат. (Или формат TIFF).

Область применения
Только для хранения промежуточных результатов. Не используется в программах Microsoft Office, не используется на Web-сайтах.
Не все программы, предназначенные для просмотра графики, его могут прочитать.

Формат PNG-24

Имя файла
image.png

Расшифровка
Portable Network Graphic - Переносимая графика для работы в сети

Характеристика
Существует в двух разновидностях: 24-х битовый и 8-битовый форматы. PNG-24 - здесь рассматривается 24-х битовый, то есть полноцветный формат.

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

Качество изображения
Не ухудшается при сохранении в данном формате.

Размеры файлов
Меньше, чем BMP, PSD, "несжатый" TIFF и сравнимы с размерами файлов TIFF со сжатием LZW и ZIP.

Рекомендации
Используется для специальных целей, в частности для изображений с переменной прозрачностью. При сохранении документов MS Office как Web-страниц, внедренные изображения могут сохраняться в формате PNG. Хотя эти файлы загружают браузеры, в Интернете не используются в силу своей тяжести (в отличие от модификации PNG-8)

Область применения
Документы MS Office.

Форматы с ухудшением качества изображения

Формат GIF

Имя файла
image.gif

Расшифровка
Graphic Interchange Format - Формат для обмена графикой

Характеристика
Не 24, а 8 бит на каждый пиксель. Максимальное число цветов в изображении – 256. Может быть меньше. Для каждого изображения формат подбирает собственную палитру. Последующее сжатие производится без потери качества. Допускает зрительную имитацию недостающих цветов.

Позволяет иметь слои, которые можно «листать», создавая эффект мультипликации (анимированный GIF)

Позволяет иметь области прозрачности, в результате изображение выглядит не прямоугольным.
Качество изображения Если в изображении нет слишком большого разнообразия цветов, то качество изображения хорошее.
Размеры файлов Размеры файлов могут быть в 3 - 10 раз меньше, чем размеры файлов тех же изображений в формате BMP.
Рекомендации

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

Кнопки, анимированные изображения на Web-страницах и в презентациях.

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

Область применения
В основном Web-сайты. Документы MS Office, но, как правило, предназначенные для просмотра на экране (например, презентации PowerPoint).

Формат JPEG

Имя файла
image.jpg реже image.jpeg или image.jpe

Расшифровка
Joint Photographic Expert Group (Объединенная группа экспертов по фотографии)

Характеристика
24-битная графика, то есть резервирует 3 байта на все цвета пикселя, чем обеспечивает воспроизведение до 16,8 млн. цветов. Усредняет информацию, содержащуюся в изображении, обеспечивает сжатие файлов с потерей качества изображения.

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

Качество изображения
При не слишком больших степенях сжатия - качество изображения хорошее.

Размеры файлов
Размеры файлов в 10 - 40 раз меньше, чем размеры соответствующих файлов в формате BMP

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

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