Учебное пособие 2124

Рис. 4.17. Панель инструментов редактора Adobe Photoshop 6.0

4.3.1. Назначение инструментов редактора

Adobe Photoshop 6.0

Инструменты выделения фрагментов изображения

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

Примечание. Для сложения выделенных областей нужно при выделении второй области нажать и удерживать клавишу Shift. Если при выделении второй области нажать и удерживать клавишу Alt новая область вычитается из предыдущей. После выбора команды Трансформация вокруг выделенной области появляется прямоугольник трансформации. Изменение размеров достигается буксировкой за узлы. Если нажать и удерживать клавишу Ctrl при буксировке, будет перемещаться только один узел — объект будет искажен. Повороты происходят при буксировке выделенной области указателем мыши в виде круговой стрелочки. Для завершения трансформации щелкните мышью внутри прямоугольника трансформации. Фрагмент выйдет из режима трансформации, но останется выделенным.

После выделения прямоугольного фрагмента границы выделительной линии могут быть трансформированы (искажены). Для этого нужно выбрать команду Выделить > Преобразовывать выделение. Появляется такой же габаритный прямоугольник, как и при трансформации выделенного фрагмента. Все искажения границы выполняются аналогично искажениям выделенного фрагмента. Для выхода из режима трансформации с выполнением искажения дважды щелкните мышью внутри выделенного изображения. Фрагмент останется выделенным. Лассо — выделение «от руки», выделение многоугольником с указанием его вершин, выделение «магнитом» (линия сама изгибается за указателем). Для этого инструмента нужно установить соответствующие параметры на панели свойств: Ширина определяет зону действия инструмента, Частота сообщает программе, с какой частотой ставить контрольные точки при выделении, Контрастность края — чем меньше значение, тем чувствительнее инструмент. Волшебная палочка — выделение площади с подобными цветами. Для этого инструмента на панели свойств существуют следующие параметры. Обратная чувствительность — определяет, сколько смежных пикселов будет

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

Все — выделяет все;

Убрать выделение — отменяет выделение;

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

Инвертировать выделение — выделяет невыделенные фрагменты и убирает выделение с выделенных;

Цветовой диапазон — выделяет на основе диапазона цветов;

Растушевать — размывает границы;

Модифицировать > Граница — границу выделения преобразует в тонкую полоску выделения;

Модифицировать > Сглаживания — делает выделение более гладким, убирает зазубрины;

Модифицировать > Расширить — расширяет выделение;

Модифицировать > Сжать — сжимает выделение;

Смежные пикселы — расширяет выделение, пытаясь захватить соседние точки с похожими цветами;

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

Преобразовывать выделение — трансформирует выделение подобно команде Правка > Свободное трансформирование для рисунка, только изменяться будет выделение, а не рисунок;

Загрузить выделение, Сохранить выделение — загружает и сохраняет выделение, а не весь рисунок;

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

инструмент для нарезки слайсов (фрагментов);

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

Инструменты перемещения

Перемещение — это движение выделенного объекта или слоя. Инструмент перемещения — Рука.

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

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

Ниже приведено описание основных инструментов рисования и их назначение (см. рис. 4.17).

Аэрограф — позволяет окрашивать объекты и рисовать без резких цветовых переходов. Этот эффект подобен рисованию при помощи аэрозольного баллончикараспылителя.

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

Клонированный штамп — создает копию изображения и предоставляет возможность создавать точные копии

элементов графического изображения.

Штамп — создает копию цветовых образцов (pattern).

Историческая кисть — стирает последние изменения, в результате чего позволяет

частично вернуться к любому из состояний.

Узорная Кисть.

Обыкновенный ластик.

Ластик фона — стирает подложку.

Волшебный ластик — удаляет все пикселы одинакового цвета.

Градиент — заполняет область плавным переходом от одного цвета к другому.

Заливка — заливает верхним цветом или образцом.

Размытие — размывает границы изображения.

Резкость — повышает четкость изображения.

Палец — размывает изображение по траектории.

Осветление — увеличивает яркость изображения.

Затемнение — уменьшает яркость изображения.

Обесцвечивание — изменяет насыщенность цветов.

Выделение компонентов пути.

Инструмент для манипулирования с узлами путей.

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

Рисование новых узлов пути (контура).

Рисование нового пути «от руки».

Добавление нового узла к пути.

Удаление узла из пути.

Перевод кривой пути в прямой отрезок.

Прямоугольник.

Прямоугольник со скругленными углами.

Эллипс.

Многоугольник.

Линия (прямой отрезок).

Сложная область.

Текстовая аннотация.

Звуковая аннотация.

Пипетка — позволяет брать образцы цвета или цветовой пример и переопределять цвета.

Выбор цвета устанавливает «контрольные» точки для цвета.

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

Масштаб (Лупа) — позволяет изменить масштаб отображения изображения в окне редактора.

Рис. 4.18. Панель свойств инструмента Текст

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

Порядок использования инструментов

Если панель инструментов отсутствует в окне Adobe Photoshop, выберите в меню Окно команду. Показать инструменты.

Перетащите за заголовок панель инструментов в нужное место окна.

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

Чтобы выбрать скрытый инструмент, поместите указатель на видимом инструменте, нажмите и удерживайте

кнопку инструмента, пока не появится список скрытых инструментальных средств. Затем щелкните на нужном инструменте в списке.

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

Плавающие палитры

Окно редактора Adobe Photoshop (см. рис. 4.18) в дополнение к известным нам элементам интерфейса имеет вспомогательные окна, называемые палитрами. Палитра — это окно со свободно изменяемыми размерами и местоположением в рабочем поле редактора Adobe Photoshop, в котором можно сгруппировать элементы управления, предназначенные для выполнения типовой операции.

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

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

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

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

Палитра Цвет (F6) показывает текущие основной и фоновый цвета, используется всеми инструментами рисования, заливки и др.

Палитра Образцы содержит набор заранее определенных для использования цветов.

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

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

Основное предназначение палитры Стили — автоматизировать оформление однотипных элементов. Поскольку при оформлении web-страниц часто используются объемные кнопки, в новой панели собрана обширная коллекция заготовок, а также предусмотрено создание собственных заготовок. В принципе, эту панель можно сравнить с панелью стилей текстового редактора, например Word. Но вместо параметров форматирования текста стиль в Adobe Photoshop содержит информацию о степени применения и параметрах эффектов, существующих в программе, и проявляет себя в соответствующей палитре как обычный эффект. Однако возможности стилей ограничены использованием только динамических эффектов (drop/inner shadow, inner/outer bevel, bevel and emboss, color fill, gradient/pattern), хотя с появ-

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

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

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

Палитра Каналы показывает и задает параметры отображения цветов каналов документа. Позволяет добавлять, удалять, дублировать, разделять и объединять каналы.

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

Палитра История ( F9) включает запись всех действий в сеансе редактирования изображения. Позволяет отменить несколько действий в сеансе редактирования.

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

Для управления палитрами используются кнопки в правом верхнем углу окна.

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

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

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

Есть возможность соединения нескольких слоев вместе для их совместного перемещения или применения к ним эффектов и трансформаций.

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

Рис. 4.19. Значки операций в окне палитры

Назначение значков в палитре Слои (слева направо):

●применить эффект к слою;

●наложить маску на слой;

●создать новый набор слоев;

●слой цветовой настройки;

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

●удаление слоя.

Использование справки Adobe Photoshop

1.Для получения подсказки нажмите клавишу F1 или выберите в меню Помощь команду Содержание. В окне webобозревателя откроется справка Adobe Photoshop 6.0 с четырьмя пунктами меню:? (Как пользоваться системой помощи), Contents (Содержание),Index (Указатель), Search (Поиск).

2.Выбрав в меню справки Contents > Looking at the Work Area (Просмотр рабочей зоны), в правой части окна выберите нужную тему, например Toolbox overview (1 of 3), и

ознакомьтесь с назначением и примерами применения инструментов.

3.Щелкнув на кнопке Назад на панели инструментов web-обозревателя, вернитесь к предыдущей странице для выбора новой темы справки. Выберите, например, Selecting (Выделение) и справа выберите тему справки, например

Moving, copying, and pasting selections and layers

(Перемещение, копирование и вклеивание выделений и слоев).

4.После изучения справочной информации закройте окно web-обозревателя со справкой Adobe Photoshop 6.0.

5.Для завершения работы графического редактора Adobe Photoshop выберите в меню Файл команду Выход или нажмите комбинацию клавиш Ctrl+Q.

Лабораторная работа 4.2

Рисование в Adobe Photoshop

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

1.Создайте файл, для чего выберите в меню Файл команду Новый, а затем в окне Новый задайте параметры: Ширина 600 пикселов, Высота 450 пикселов, Разрешение 72 пиксела на дюйм, в списке режимов выберите RGB цвет, в поле Содержимое установите флажок Белый (см. рис. 4.19) и щелкните на кнопке ОК для применения параметров.

2.Задайте масштаб отображения изображения 50 % в окне Безимени-1, для чего введите 50£ в поле Масштаб в левом нижнем углу окна Без имени-1.

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

4.Выберите инструмент Карандаш. На панели свойств установите его параметры: Режим — Обычный, Непрозрачность — 100 %. Выберите инструмент Кисть. Из

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

Рис. 4.20. Выбор размера и типа кисти Выберите темно-коричневый или другой темный цвет,

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

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

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

6.Используя инструмент Карандаш, нарисуйте дерево, линию горизонта.

7.Выберите инструмент Лупа. Щелкнув ею в нужном месте рисунка, увеличьте масштаб изображения и посмотрите, нет ли разрывов в контурах рисунка. Если разрывы не устранить, при заливке краска будет «протекать».

Рис. 4.21. Вид нераскрашенного рисунка

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

8.Выберите Кисть. На панели свойств выберите тип кисти и установите флажок Влажное лезвие. Выбрав светлозеленый цвет, закрасьте крону дерева.

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

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

Рис. 4.23. Применение градиента

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

11.Выберите инструмент Градиент. Напанели свойств выберите Линейны и градиент. Щелкнув на панели свойств на образце градиента, откройте окно градиентного редактора. В окне градиентного редактора (рис. 4.22) щелкните на ползунке Цветовая пауза слева. В раскрывшемся окне Сборщик цветов задайте синий цвет. Действуя аналогично, задайте белый цвет

впозиции ползунка Цветовая пауза справа. Для сохранения созданного градиента щелкните на кнопке Сохранить. В раскрывшемся окне Сохранить задайте имя созданного градиента, например Небо, и щелкните на кнопке Сохранить. Щелкнув на кнопке ОК, закройте окно градиентного редактора.

СОВЕТ При желании вернуться на несколько шагов назад в сеансе редактирования откройте палитру История и удалите ненужные последние состояния изображения, щелкая на значке Корзина в нижней строке палитры История и подтверждая удаление.

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

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

В результате получится изображение, показанное на рис. 4.23.

Рис. 4.24. Итоговый рисунок

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

14.Выберите инструмент Аэрограф. На панели свойств задайте режим Растворение. Выбирая в палитре Образцы различные цвета (от темно-зеленого до светло-жел- того), нарисуйте изображение кустарника.

15.Выберите инструмент Размытие и примените его для размывания границ изображений.

16.Выберите инструмент Текст. На панели свойств задайте гарнитуру, поддерживающую русские символы, например TextBook, размер символов, цвет. Указав позицию ввода текста, введите текст. Если нужно изменить параметры введенного текста, выделите его и, используя панель свойств, задайте нужные параметры.

17.Уберите сетку, выбрав команду Вид > Показать > Сетка. В результате должен получиться рисунок, похожий на рис. 4.24.

18. Для сохранения рисунка выберите в меню Файл команду Сохранить как. В появившемся окне Сохранить как выберите папку, задайте имя файла, например Picturel, и щелкните на кнопке Сохранить. При этом файл сохраняется в формате PSD.

19 .Для сохранения рисунка с последующим использованием его в оформлении web-страницы выберите в меню Файл команду Сохранить для Web. В появившемся окне Save For Web (Сохранить для Web) (рис. 4.25) выберите вариант изображения, оптимизированного для Web, в поле

Settings выберите вариант JPEG Medium (JPEG среднее качество).

Щелкнув на кнопке ОК, перейдите в окно Save Optimized As (Сохранить оптимизированный файл как). Выберите папку и задайте имя файла. В поле Тип файла выберите Images Only (Только изображение) и щелкните на кнопке Сохранить.

20. Завершите работу редактора Adobe Photoshop, выбрав в меню Файл команду Выход.

Рис 4.25. Окно оптимизации файла для Web

Контрольные вопросы

1.Что является основным элементом изображения в растровой графике? Каковы сферы применения растровой графики?

2.Чем отличается векторная графика от растровой? Сравните наименьшие элементы растрового и векторного изображений.

3.В чем заключаются особенности фрактальной

графики?

4.Что такое разрешение изображения? Чем отличаются разрешение экрана, принтера и изображения?

5.Что такое цветовое разрешение?

6.Что такое цветовая модель? Чем отличаются цветовые модели RGB, CMYK, HSB, LAB?

7.Что такое цветовая палитра? Чем отличаются индексная и фиксированная палитры? Каковы особенность и сфера применения безопасной палитры?

8.Зачем используется цветоделение?

9.Каковы особенности графических форматов GIF, JPEG, PNG?

10.Каково назначение панели свойств активного инструмента в Adobe Photoshop 6.0?

11.Опишите назначение инструментов Adobe

Photoshop 6.0.

12.Как узнать назначение инструмента Adobe Photoshop 6.0 с помощью всплывающей подсказки?

13.Что такое плавающие палитры в Adobe Photoshop 6.0? Как можно скрыть и показать палитру, изменить набор палитр на одной панели?

14.Опишите назначение палитр Слои, Стили, Символ, Каналы, История.

15.Опишите назначение кнопок управления палитрой

вправом верхнем углу окна палитры.

16.Какими способами в редакторе Adobe Photoshop

6.0можно отменить одну операцию редактирования, несколько операций?

Задания

1.Используя справку Adobe Photoshop 6.0,

ознакомьтесь с назначением и примерами применения инструментов, со списком «горячих» клавиш.

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

Литература

1.Коцюбинский А. О., Трошев С. В. Компьютерная графика. Популярные программы. - М.: Технолоджи3000,2001. -752 с.

В книге описаны основные сведения о представлении в компьютере графической информации и используемом оборудовании. В ней предлагается полное описание десяти распространенных графических редакторов: Paint, Imaging, Microsoft Photo Editor, Adobe Photoshop, Corel Photo-Paint, Corel Painter, Microsoft PhotoDraw, CorelDRAW, Adobe Illustrator, Macromedia FreeHand. Кроме этого, в книге можно найти описание особенностей работы с рисунками в последних версиях Windows. При описании программ уделялось внимание как созданию и редактированию иллюстраций, так и получению изображений со сканеров и цифровых фотокамер, особенностям создания рисунков для Интернета и многим другим популярным темам.

2.http://www.adobe.ru — на сайте представлена информация о компании Adobe Systems Incorporated и

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

3.http://www.photoshop.ru — на сайте освещаются события в области дизайна и графики, публикуются учебные материалы по программе Adobe Photoshop, поддерживается и

обновляется база данных по фильтрам и макросам для Adobe Photoshop.

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

Лабораторная работа 4.3

Выделение и трансформация изображений

Задание. Открыть файл puzzle.jpg, загрузив его с сайта http://www.vb-popov.narod.ru (рис. 4.26). Используя инструменты выделения и трансформации изображений, составьте из элементов открытого изображения рисунок, показанный справа на рис. 4.26. Сохраните файл под именем wok2.jpg.

Рис.4.26. Исходный и итоговый рисунки