Лабораторная работа №7

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

Графического редактора PhotoShop

1. Цель работы:изучение различных подходов к созданию точечных изображений, их сохранению, импорту, экспорту.

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

3. Описание основных меню и панели инструментов редактора PhotoShop

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

Заголовок, полоса состояния, меню

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

Строка заголовка. Показывает название и значок программы, в данном случае AdobePhotoshop. Системные кнопки управления в правой части строки используются для свертывания-развертывания, изменения размеров и закрытия окна программы.

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

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

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

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

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

3. Image(Изображение). Команды, предназначенные для воздействия на изображение — тоновая и цветовая коррекция, изменение типа изображения, кадрирование, вырезание фрагментов из фона и пр.

4. Layer(Слой). Управление слоями изображения. О Select(Выделение). Работа с выделенной областью.

5. Filter(Фильтр). Команды для специальной обработки изображений. Здесь обязательно есть фильтры из комплектаPhotoshopи могут присутствовать дополнительно установленные фильтры.

6. View(Вид). Команды управления внешним видом рабочей страницы — масштаб и цветовая модель отображения, направляющие, линейки и др.

7. Window(Окно). Управление видом главного окна — наличие и организация палитрPhotoshopи размещение окон документов.

8. Help(Помощь). Получение справочной информации, помощи по программе, доступа к онлайновой службе поддержки.

Палитры

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

В Photoshopесть 15 специализированных палитр. Большинство из них имеют стандартное устройство (рисунок 1).

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

Рисунок 1 - Стандартная палитра

Синяя верхняя полоса предназначена для перемещения группы палитр. На ней расположены кнопки управления: кнопка с крестом закрывает палитру, с чертой — уменьшает ее так, что остается виден только ярлык с названием. Когда палитра уменьшена, черта на кнопке превращается в квадрат. Теперь щелчок на ней увеличит палитру до нормальных размеров. Если на палитре есть треугольник в правом нижнем углу, ее размеры можно менять.

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

Потренируемся в обращении с палитрами.

1. Палитр управления текстом Character(Символ) и Paragraph(Абзац) нет на экране. Чтобы открыть палитру Character(Символ), выберите командуShow Character(Показать символ) меню Window(Окно).

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

3. Чтобы активизировать палитру Paragraph(Абзац), щелкните на ее ярлыке. Палитра вышла на передний план, закрыв собой соседнюю в группе.

4. Нажмите на верхней полосе и переместите группу. Обе палитры смещаются одновременно.

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

6. Можно также сгруппировать палитры произвольным образом. Откройте палитру Swatches(Образцы), если она закрыта. Нажмите на ярлыке и перетащите его так, чтобы перемещаемая схема точно разместилась поверх палитры Character(Символ). При этом вокруг палитры Characterвозникнет рамка. Отпустите кнопку мыши. Палитры сгруппированы (рисунок 3).

Рисунок 2. - Разделение группы палитр

 

Рисунок 3. - Группировка палитр

 

7. Испытайте другие элементы управления на примере палитры Swatches(Образцы): уменьшите ее кнопкой с чертой, откройте меню, измените размер, перетаскивая серый треугольник в нижнем правом углу. Закройте палитру двумя способами: щелчком на кнопке и командой менюWindow.

Совет

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

В процессе работы вам придется постоянно обращаться к палитрам. Мы будем рассматривать их по мере необходимости.

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

Кроме палитр, в программе имеется две панели: Toolbox(Инструменты) иOptions(Параметры).

Обработка изображений состоит из множества приемов. Это выделение областей, рисование поверх изображения, осветление и затемнение участков, изменение фокусировки, взятие пробы цвета с изображения, заливка отдельных областей и пр., и пр. Для каждого приема предусмотрен собственный инструмент. Они собраны в вертикальной панели Toolbox(Инструменты) (рисунок. 4), которая практически всегда должна быть на экране. По умолчанию программа размещает ее в левой части главного окна. Каждому инструменту соответствует кнопка со значком. Чтобы выбрать инструмент, нужно щелкнуть на соответствующей кнопке.

Рисунок 4 - Панель Toolbox(Инструменты )

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

Примечание

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

Внизу панели Toolbox(Инструменты) расположены кнопки управления основными цветами, переключатели режимов маскирования и вида главного окна программы. Цветные квадраты — это образцы фонового и рабочего цветов. Образец рабочего цвета расположен впереди. Именно этот цвет приобретают точки изображения при действии команд заливки или инструментов рисования. Фоновый цвет (его образец позади рабочего) присваивается точкам после удаления фрагментов изображения. Как фоновый, так и рабочий цвет можно определить произвольно. По умолчанию это черный и белый цвета. Чтобы поменять местами образцы, используют обоюдоострую стрелку справа. В любой момент вы сможете вернуться к цветам по умолчанию — для этого служит значок слева (маленькие черный и белый квадраты). В главе 2 мы поработаем с основными цветами документа.

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

Кнопка перехода к ImageReadyпозволяет быстро открыть текущее изображение для редактирования в любой другой программеAdobe. По умолчанию при щелчке на кнопке откроется программаImageReady, входящая в комплект установкиPhotoshop. (ImageReady— это программа обработки изображений дляWeb. О ней пойдет речь в главе 11.)

Совет

Для изменения приложения, вызываемого этой кнопкой, откройте папку Photoshop\Helpers\JumpToGraphicEditor. Вы увидите несколько ярлыков программ. Название программы, открываемой по щелчку на кнопке перехода, должно быть заключено в фигурные скобки. Внесите в папку ярлык нужной программы (например, AdobeGoLive) и снабдите его название фигурными скобками, а у ярлыка программы ImageReady скобки удалите. Закройте и вновь откройте Photoshop. Теперь при щелчке на кнопке перехода открывается программа AdobeGoLive.

	б)
а)
в)	г)
Рисунок 5 - Кнопки режимов (а) и соответствующие им виды главного окна: стандартный (б), полный экран с меню (в), полный экран (г)

 

Синяя верхняя полоса панели служит для ее перемещения по экрану. Ниже расположена большая кнопка с изображением глаза. Щелчок на ней открывает окно Adobe Online.Если на вашем компьютере есть модем и он подключен кInternet, то щелкните на строке click here(Щелкните сюда), подсвеченной синим цветом. Ваш компьютер свяжется с сайтом фирмыAdobeпо адресуhttp//www.adobe.com— месту паломничества пользователей продуктов данной фирмы.

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

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

	1. Не нажимая кнопки мыши, установите курсор над одним из инструментов.
Рисунок 6 - Подсказка

Через секунду вы увидите подсказку программы — небольшое окошко с названием инструмента и его клавиатурным сокращением. Просмотрите названия разных инструментов (рисунок 6).

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

3. Выберите другой инструмент и убедитесь, что содержимое панели Options(Параметры) изменилось.

4. Нажмите кнопку мыши на инструменте Rectangular Marquee(Прямоугольное выделение). Откроется всплывающая панель. Отпустите кнопку и подведите курсор к инструменту Elliptical Marquee(Овальное выделение). После щелчка мышью этот инструмент станет активным — видите, как изменилась кнопка в панели?

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

а)	б)
Рисунок 7 - Пристыковка палитр в док

6. В то же время доступ к палитрам в доке очень быстрый. Щелкните на ярлыке нужной вам палитры, и она раскроется. После щелчка на области вне палитры она снова будет свернута. Пристыковка палитр — удобный способ экономии места, однако если поместить в док много палитр, то их ярлыки перекрываются, и их становится трудно выбрать.

Совет

Зачастую палитры мешают оценить результат обработки изображения. Временно сделать их невидимыми можно с помощью клавиши <Таb>. Чтобы убрать с экрана все плавающие элементы, кроме палитры Toolbox (Инструменты), используется клавиатурное сочетание <Shift>+<Tab>. Повторное нажатие тех же клавиш возвращает палитры на экран.

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

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

Для экспериментов можете использовать любой файл в формате JPEG,TIFилиPSD. На рисунках приведен файлPyramid.jpgс прилагаемой к книге дискеты (далее — рабочая дискета).

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

Открытие документа в программе производится командой Open(Открыть).

1. Выберите эту команду из меню File(Файл), ее клавиатурное сокращение — <Ctrl>+<0>. Появится стандартное системное диалоговое окноOpen(Открыть) (рисунок 8). То же диалоговое окно открывается при щелчке левой кнопкой мыши в любом месте главного окна программы, свободном от палитр и других окон.

Рисунок 8 - Диалоговое окноOpen (Открыть)

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

Совет

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

3. Раскрывающийся список Files of type(Тип файлов) содержит форматы файлов, которые могут быть открыты в программе. Те файлы, формат которых активен в списке, видны в поле просмотра. Выберите в списке строку JPEG (*. jpg).Теперь в окне показаны файлы только этого формата. Если в списке установлена строка All Files,видны все файлы активной папки.

4. В поле просмотра выберите файл Pyramid.jpg. В нижней части окна появилась миниатюра изображения, находящегося в файле. Под ней, в полеFile Size(Размер файла) указан размер файла в килобайтах.

	5. Нажмите кнопку Open(Открыть). Перед вами — окно документа (рисунок 9). В нем представлено изображение, хранящееся в файле. В заголовке окна есть название документа, его формат, масштаб просмотра на экране, здесь могут приводиться и дополнительные данные об изображении.
Рисунок 9 – Окно документа

Совет

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

Запись действий в протокол

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

	1. Откройте палитру History(Протокол). В ней показана миниатюра документа в момент открытия и присутствует единственная запись — Open(рисунок 10). Это означает, что документ был открыт, и больше с ним никаких действий не производилось.
Рисунок 10 - Палитра History (История) после открытия документа

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

3. Поместите курсор инструмента на изображение и при нажатой кнопке мыши протащите его. Затем отпустите кнопку мыши. Изображение изменилось (рисунок 11). Посмотрите на протокол — в нем появилась новая запись — Палец,иллюстрируемая значком инструмента;

4. Снова проведите инструментом по изображению, размазай другой участок. Протокол получил еще одну запись, аналогичную прежней (смотри рисунок 11).

Рисунок 11 - Процесс изменения изображения и запись в протоколе

5. Выберите инструмент Crop(Обрезка). Он предназначен для кадрирования изображения.

6. Поместите курсор на изображение. Нажмите кнопку мыши и протащите курсор по диагонали, создавая рамку обрезки. Отпустите кнопку мыши (рисунок 12, а). Созданную рамку теперь можно сместить или изменить ее размер, используя манипуляторы.

а)	б)
Рисунок 12 - Рамка обрезки (а), кадрированное изображение и запись в протоколе (б)

7. Сделайте двойной щелчок внутри рамки. Изображение обрезано по указанной границе, области за ее пределами перестали существовать. В протоколе появилась еще одна запись (Кадрировать)и рядом с ней — значок инструмента (рисунок 12, б).

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

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

Примечание 

Для смещения на одну строку вниз или вверх можно использовать меню палитры. Это команды для возвращения последнего действия — StepForward (Вперед на одну команду), и отмены его — StepBackward (Назад на одну команду).

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

1. Верните все отмененные действия. Документ придет к состоянию на момент открытия.

2. Выберите в меню команду New Snapshot(Создать новый снимок) или щелкните на кнопке создания снимка внизу палитры (рисунок 13). Под первым снимком появится второй (рисунок 14).

Рисунок 13 - Кнопки палитрыИстория

Рисунок 14 - Создание новой фотографии (снимка)

3. Перейдите опять к состоянию изображения на момент открытия файла. Выберите инструмент Crop(Обрезка) и кадрируйте изображение каким-либо образом. В протоколе произойдут изменения: отмененные действия будут удалены, вместо них появится новая команда кадрирования.

4. Теперь вы не можете вернуть отмененные действия, их больше нет в протоколе. Зато остался снимок! Щелкните на нем, и перед вами откроется сохраненный вариант редактирования.

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

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

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

Таким образом, использование протокола позволяет отменять и возвращать команды, а также быстро создавать несколько вариантов редактирования.

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

Во время работы необходимо периодически сохранять изменения, иначе сбой в программе или отключение питания приведет к потере результатов редактирования. Для сохранения документов предназначены команды меню File(Файл):Save(Сохранить) иSave As(Сохранить как).

Первая команда имеет клавиатурное сокращение <Ctrl>+<S>. При ее выполнении новое состояние изображения будет сохранено взамен исходного. Исходное состояние после этого больше не существует. Здесь кроется опасность ошибки, ведь последнее изменение может оказаться нежелательным. Если после сохранения вы не закрыли документ, то можно вернуться к предыдущим состояниям с помощью протокола. Если же документ был закрыт после сохранения, ошибка становится непоправимой.

Примечание

Если документ создавался как новый, и еще ни разу не был сохранен, действие команды Save (Сохранить) аналогично команде SaveAs (Сохранить как).

Для надежности рекомендуем периодически создавать резервные копии файлов. Именно для сохранения текущего состояния документа под другим именем служит команда Save As(Сохранить как), клавиатурное сокращение <Ctrl>+<Alt>+<S>. Познакомимся с работой этой команды:

1. Выберите команду Save As(Сохранить как) меню File(Файл). Перед вами системное диалоговое окно с тем же названием (рисунок 15).

2. В списке форматов документа обычно указывается текущий формат файла или собственный формат Photoshop—PSD. В данном случае не надо изменять формат.

Рисунок 15 - Диалоговое окно сохранения файлов

3. Выберите нужную папку для хранения документа. В поле File name(Имя файла) задайте новое имя для создаваемой копии. Затем нажмите кнопкуSave(Сохранить).

 

Примечание 

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

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

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

Команда Close(Закрыть) закрывает рабочий файл. Если вы вносили в изображение правку и после этого не сохранили его, тоPhotoshopпопросит вас подтвердить действия (рисунок 16). Щелчок на кнопке ОКзакроет файл без внесения изменений, кнопкаSave(Сохранить) сохраняет файл перед закрытием, кнопка Cancel(Отмена) отменяет команду закрытия файла. Если файл был сохранен после последнего изменения, дополнительного запроса не будет.

	Закрытие программы производится командой Exit(Выход) меню File(Файл) (клавиатурное сокращение команды <Ctrl>+<Q>). Если при закрытииPhotoshopобнаружит несохраненные файлы, он выдаст запросы на сохранение каждого из них.
Рисунок 16 - Окно запроса при закрытии документа

Русификация редактора PhotoShop

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

1)Откройте редактор реестра (...Windows/Regedit.exe); набрав в окне выполнитьRegedit.exe2)ОткройтеHKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Nls\CodePage;3)Измените значение1252: на "C_1251.NLS" дляWindowsNTили на"cp_1251.nls" дляWindows. Далее необходимо перегрузить компьютер. Все шрифты будут работать нормально.