close

Вход

Забыли?

вход по аккаунту

?

Obyxova

код для вставкиСкачать
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ
Федеральное государственное автономное образовательное учреждение
высшего профессионального образования
САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
АЭРОКОСМИЧЕСКОГО ПРИБОРОСТРОЕНИЯ
КОМПЬЮТЕРНЫЙ ДИЗАЙН
В РЕКЛАМЕ
Методические указания
к выполнению лабораторных работ
Санкт-Петербург
2013
Составители: доктор технических наук Н. А. Обухова,
доктор технических наук Б. С. Тимофеев
Рецензент
заведующий кафедрой экономической теории и
предпринимательства доктор экономических наук Е. М. Ильинская
Методические указания содержат рекомендации по подготовке и
методике выполнения лабораторных работ по дисциплине «Дизайн
в рекламе», изучаемой студентами специальности «Реклама».
Рассмотрены методы производства печатной рекламной продукции: создание текста рекламного сообщения, цифровая обработка
цветных изображений, верстка журнальных страниц.
Лабораторные работы выполняются в дисплейном классе на персональных ЭВМ с использованием пакетов прикладных программ
Adobe PhotoShop и Corel Draw.
Методические указания предназначены для студентов очного,
вечернего и заочного обучения указанной выше специальности.
Подготовлены кафедрой электронной коммерции и маркетинга
и рекомендованы к изданию редакционно-издательским советом
Санкт-Петербургского государственного университета аэрокосмического приборостроения.
Редактор Л. А. Яковлева
Верстальщик С. Б. Мацапура
Сдано в набор 12.05.12. Подписано к печати 26.04.13.
Формат 60×84 1/16. Бумага офсетная. Усл. печ. л. 5,3.
Уч.-изд. л. 5,7. Тираж 100 экз. Заказ № 233.
Редакционно-издательский центр ГУАП
190000, Санкт-Петербург, Б. Морская ул., 67
© Санкт-Петербургский государственный
университет аэрокосмического
приборостроения (ГУАП), 2013
ВВЕДЕНИЕ
Рекламные обращения, плакаты, журнальные и книжные страницы, брошюры, открытки в большинстве случаев создают и обрабатывают цифровыми методами на компьютерах. Существуют два
типа цифровых изображений: растровые (точечные, пиксельные)
и векторные (объектные). Первые представляют собой прямоугольные матрицы пикселей – битовые матрицы (Bit Map); вторые –
математически описанные кривые и заполнения. В каждой ячейке
битовой матрицы полутонового изображения содержится цифровой код, соответствующий яркости данной точки изображения.
Для записи цветного изображения используют три матрицы, которые содержат информацию о красной R, зеленой G и синей B составляющих изображения.
Для компьютерной обработки изображений применяют программы, самыми известными из которых являются:
 Adobe PhotoShop (для работы с растровыми изображениями);
 Corel Draw (для работы с векторными изображениями).
Сравнивать эти программы нельзя, так как они не исключают, а
взаимно дополняют друг друга.
Подготовка растровых изображений обычно предполагает дальнейшую реставрацию изображения, оптимизацию или улучшение
его качества и художественную постобработку, в ходе которой
изображение приводят в соответствие с творческим замыслом,
устраняют ненужные детали и добавляют нужные, комбинируют
изображения из различных источников (коллаж) и т. д.
Эти задачи решают с помощью программ обработки растровых
изображений (чаще всего, Adobe PhotoShop). Важно помнить, что
при создании рекламной продукции обработка растровых изображений является подготовительным этапом. Дело в том, что возможности программного пакета Adobe PhotoShop по работе с текстом и графикой, а также печати весьма ограничены.
Рекламная печатная продукция органически сочетает в себе
текст, растровые и графические изображения, поэтому для окончательной сборки рекламной страницы лучше всего использовать
векторно-ориентированную программу, например Corel Draw. До3
статочно сказать, что около 85% пользователей IBM-совместимых
компьютеров отдают предпочтение программе Corel Draw, которая
одинаково хорошо обеспечивает разработку практически любого
вида печатной продукции: от этикеток и наклеек до художественно
оформленных журнальных страниц.
Программа Adobe PhotoShop
Предназначена для любых работ, связанных с созданием и обработкой растровых изображений. На экране компьютера можно
рисовать, комбинировать рисунки со сканированными изображениями, использовать многочисленные способы трансформации
изображений.
В настоящем пособии, разумеется, нельзя описать все возможности программы. Остановимся на главном. В рабочем окне, которое появляется после открытия программы Adobe PhotoShop, представлены главное меню и палитра инструментов (рис. 1). Каждая
кнопка в палитре представляет один или несколько инструментов.
Если в правом нижнем углу кнопки имеется маленькая треугольная стрелочка, пиктограмма инструмента развернется в несколько
функционально связанных пиктограмм. Палитру инструментов
Marquee (Область)
Lasso (Лассо)
Crop (Кадрирование)
Healing Brush (Кисть)
Clone Stamp (Штамп)
Eraser / (Резинка, ластик)
Blur (Размытие)
Path Selection (Указатель)
Move (Перемещение)
Magic Wand (Волшебная палочка)
Slice (Нож)
Brush (Кисть)
History Brush (Кисть событий)
Gradient (Градиентная заливка)
Dodge (Осветлитель)
Text (Текст)
Pen (Контуры)
Rectangle (Прямоугольник)
Notes (Запись)
Eyedropper (Пипетка)
Zoom (Масштаб)
Hand (Рука)
Set foreground color
(Установка основного цвета)
Set background color
(Установка фонового цвета)
Edit in Quick Mask Mode
(Правка в режиме быстрой маски)
Edit in Standard Mode
(Правка в стандартном режиме )
Рис. 1. Палитра инструментов редактора Adobe PhotoShop
4
используют практически при любой работе с изображениями, поэтому ее рекомендуют постоянно держать на экране. Прочие палитры вызывают на экран по мере необходимости. Вот перечень основных палитр, имеющихся в программе:
 Color (Цвет) показывает текущие основной и фоновый цвета в
разных цветовых моделях и позволяет их выбрать;
 Brushes (Кисти) показывает текущую форму кисти, ее размер.
Позволяет создавать, сохранять и загружать пользовательские
формы кисти. Используется всеми инструментами рисования;
 Options (Параметры) изменяет свое содержание для каждого
инструмента, выбранного в палитре инструментов. Показывает
свойства каждого инструмента и позволяет их изменять;
 Navigator (Навигатор) используется для оперативного изменения масштаба и выбора фрагмента изображения при работе под
увеличением;
 Layers (Слои) показывает слои, используемые в текущем документе, и позволяет задавать режимы их отображения;
 Channels (Каналы) показывает и задает параметры отображения цветовых и альфа-каналов документа;
 Paths (Контуры) позволяет создавать и редактировать объектные кривые;
 Actions (Действия) записывает все действия внутри программы и воспроизводит их при необходимости;
 History (События) показывает все события на экране и позволяет вернуться назад в любую точку обработки изображения путем
исключения ошибочных действий;
 Info (Инфо) представляет текущую информацию (цвет пикселей, координаты курсора, размеры выделенной области и т.д.);
 File Browser (Каталог) дает возможность сохранить и загрузить
составленные вами цветовые палитры; показывает цвета.
Для удобной и эффективной работы с программой полезно выполнить ряд настроек. Для этого в меню File (Файл) нужно выбрать
команду Preferences (Установки), которая разбита на разделы:
General (Основные); Saving Files (Сохранение файлов); Display &
Cursors (Отображение и курсоры); Transparency & Gamut (Прозрачность и цветовой охват); Units & Rules (Единицы измерения и линейки); Guides & Grids (Направляющие и сетка); Plug-ins & Scratch
Disk (Дополнения и рабочие диски; Memory & Image Cache (Память
и кэш-память). Эти установки не оказывают никакого непосредственного влияния на изображения, однако позволяют удобно и
приятно работать с ними.
5
В программе Adobe PhotoShop предусмотрена работа с каналами.
Это либо одна из составляющих цветовой модели (RGB или CMYK),
либо так называемая маска. Маска создается автоматически при
выделении некоторой области на изображении. Все инструменты
рисования и трансформации (перемещение, поворот, масштабирование), а также фильтры действуют только в пределах этой области, а остальная часть изображения защищена (маскирована).
Программа предоставляет возможность сохранять ранее выделенные области (маски) для повторного использования – их называют
альфа-каналы.
Каналы трактуются программой как полутоновые (8-битные)
изображения и могут быть отредактированы всеми имеющимися
способами. Это открывает широкие возможности по созданию весьма затейливых масок. В графическом файле, создаваемом программой Adobe PhotoShop, можно запомнить до 24 каналов. Разумеется,
эти каналы имеют вспомогательное значение и на печать не выводятся.
В программе Adobe PhotoShop предусмотрена возможность работы со слоями. Слои – это компьютерное представление листов
абсолютно прозрачной пленки, на которых размещают отдельные
изображения или их детали. Имеется возможность перемещать
изображения со слоя на слой, обрабатывать их в отдельности, экспериментировать, совершенно не опасаясь, что какая-то серия неудачных действий испортит Вашу работу.
Если маски служат для хранения информации о выделенных областях, то слои предназначены для хранения самих изображений.
Документ может содержать любое количество слоев, расположенных
друг над другом. На слое располагают изображение или графический
объект, а остальную часть слоя оставляют прозрачной. Сквозь прозрачные участки верхнего слоя видны слои, лежащие ниже.
Особым видом слоя является фоновый слой (Background), который не может иметь прозрачных участков, так как всегда является самым нижним. В программе имеется возможность превратить
этот слой в нормальный и создать многослойное изображение без
фонового слоя.
Слои изолированы друг от друга. Благодаря этому все средства
редактирования изображений применимы только к тому слою, который в данный момент времени активизирован. Слой может иметь
одну принадлежащую ему маску (слой-маску). Текст в программе
Adobe PhotoShop представляют в виде отдельного слоя. Вклеивание
в исходное изображения графического объекта или любого друго6
го изображения влечет за собой создание нового слоя. Добавление
каждого слоя имеет следствием увеличение размеров файла на величину, равную размеру файла исходного изображения. Промежуточные результаты работы можно запомнить в «фирменном» файле Adobe PhotoShop с расширением *.psd, который сохраняет также
слои и альфа-каналы. После окончания редактирования полезно
объединить все слои (команда Flatten Image(Слить слои) ), удалить
альфа-каналы и сохранить изображение в формате *.tiff, сжимая
данные без потери информации (например, LZW). Именно в таком
виде типографии принимают работу. Для создания долговременного архива целесообразно использовать формат файла с расширением *.jpeg, в котором реализована большая степень сжатия с частичной потерей информации.
Широкий спектр инструментов с успехом используют для ретуши сканированных изображений – устранения дефектов оригинала, царапин, грязи, недостаточной резкости, неверной экспозиции
отдельных участков. Кроме инструментов тональной и цветовой
коррекции программа Adobe PhotoShop располагает инструментами локального ретуширования Dodge (Осветлитель), Burn (Затемнитель), Sponge(Губка) (корректирует насыщенность цвета) и др.
Ретушь и в своей компьютерной реализации является «ручной» работой, требующей определенных навыков, художественного вкуса
и верного глаза. Важнейшим преимуществом компьютерной ретуши является некоторая автоматизация в работе и возможность вернуться для ликвидации собственных огрехов.
Одним из наиболее распространенных «компьютерных» приемов обработки изображения является монтаж. Для того, чтобы
эффективно монтировать изображение из отдельных составляющих, нужно в совершенстве освоить работу с масками, каналами
и слоями.
При создании растровых изображений исходными являются
либо фотографический оригинал, либо штриховой эскиз. Необходимыми этапами их обработки является дорисовка и раскраска.
С этой целью используют инструменты рисования и заливки. Каждый инструмент рисования имеет «кисть», определяющую размер
и конфигурацию его области действия. Остальные особенности инструментов рисования отражены в палитре Options (Параметры).
Программа Adobe PhotoShop располагает возможностью автоматизации рутинной работы с помощью макрокоманд (некоторую последовательность действий можно записать в виде макрокоманды,
которую затем можно использовать после нажатия горячей клавиши).
7
Программа Corel Draw
Программу пакет Corel Draw используют для «сборки» печатной
рекламный продукции. Программа создания и обработки векторных изображений Corel Draw обладает такими фундаментальными
преимуществами перед программами обработки растровых изображений, как возможности выбора и редактирования отдельных
объектов изображения, масштабирование без потери качества,
наличие гибкой и разветвленной системы инструментов рисования и преобразования графических объектов, мощные средства
обработки текста, не уступающие по возможностям издательским
системам. Тенденцией развития следующих друг за другом вариантов программы Corel Draw, центральной в пакете, является расширение возможностей по работе с растровыми изображениями,
увеличение числа инструментов и удобство их использования. Программа позволяет создавать оригинальные переходы тона и цвета,
эффекты объема, перспективы и подобия. В документ можно импортировать растровые изображения, обрабатывать их, включать
готовые графические формы, использовать заранее подготовленные сценарии. Столбик пиктограмм у левого края основного окна
программы представляет собой палитру инструментов (рис. 2).
Pick (Указатель)
Shape (Фигура)
Hand (Рука)
Rectangle
(Прямоугольник)
Freehand (Кривая)
Ellipse (Эллипс)
Polygon
(Многоугольник)
Basic Shape
(Базовые фигуры)
Text (Текст)
Eyedropper
(Пипетка)
Interactive blend
(Интерактивное перетекание)
Outline (Абрис)
Fill (Заливка)
Interactive Fill
(Интерактивная заливка)
Рис. 2. Палитра инструментов редактора Corel Draw
8
Инструмент Pick (Указатель) служит для выделения объекта,
после чего с ним можно совершать различные действия: изменять
размеры, вращать, делать зеркальные отражения, перемещать.
Инструмент Shape (Фигура) дает возможность воздействовать
на структуру графических объектов, представляющих собой совокупность узлов, соединенных линиями. Этим инструментом можно
выделять узлы, перемещать их, тем самым изменяя форму объекта, удалять и добавлять узлы, изменять свойства линий.
Инструмент Hand (Рука) перемещает все редактируемое изображение. Инструмент Free hand (Кривая) является карандашом, которым можно рисовать линии произвольной формы.
Основными инструментами для рисования графических примитивов в программе являются Rectangle (Прямоугольник), Ellipse
(Эллипс), Graph paper (Прямоугольная сетка) и Basic Shapes (Базовые фигуры). Число объектов, которые предлагают для дальнейшей
обработки в программе, сравнительно невелико. Однако, изменяя
свойства этих объектов и комбинируя их в различных сочетаниях,
можно создать сложные и весьма интересные композиции.
Инструментом Text (Текст) можно вызвать несколько десятков
разнообразных шрифтов, которые используют для ввода двух вариантов текста: фигурного и простого. Первый вариант текста используют для создания заголовков и коротких сообщений (например, слоганов в рекламных обращениях). Программа предоставляет широкие возможности по художественной обработке этих фрагментов текста (см. лабораторную работу № 6). Второй вариант – для
работы со сравнительно большими кусками текста. Чтобы ввести
фигурный текст, нужно выбрать инструмент Text (Текст) и щелкнуть мышью в нужной точке документа, затем печатать текст.
Для ввода простого текста – создать мышью рамку, внутри которой
надо напечатать текст.
Инструмент Interactive blend (Интерактивное перетекание) позволяет создать заданное число промежуточных объектов между
двумя ранее созданными и выделенными объектами. Если используют два одинаковых объекта, то это просто копии; если объекты
различные, то свойства промежуточных объектов постепенно меняются: от начального к конечному объекту.
Инструмент Eyedropper (Пипетка) позволяет выбрать свойства
объекта, такие как заливка, толщина линий, размеры и пр. Инструмент Outline (Контур) служит для назначения вида, толщины
и цвета линий, ограничивающих контуры объектов. Программа
предлагает различные виды заливки пространств внутри замкну9
тых объектов: инструменты Fill (Заливка) и Interactive fill (Интерактивная заливка). Заливку можно осуществлять заданным цветом
равномерно или с использованием перехода между двумя цветами
(градиентная заливка), текстурой или по трафарету.
Импорт растровых изображений осуществляют командой Import
(Импорт) (в основном меню File (Файл). Результаты работы сохраняют в файле с расширением *.cdr командой Save (Сохранить).
Объекты, созданные программой, можно экспортировать в виде
растрового изображения с широким выбором форматов файлов командой Export(Экспорт) в основном меню File (Файл).
10
Лабораторная работа № 1
ОСВОЕНИЕ ПРИЕМОВ РАБОТЫ
ПО ВЫДЕЛЕНИЮ ФРАГМЕНТОВ ИЗОБРАЖЕНИЙ
В ПРОГРАММЕ ADOBE PHOTOSHOP
Цель работы: знакомство с основными инструментами для выделения фрагментов изображений в программе PhotoShop; получение практических навыков по формированию выделений в виде
прямоугольника и эллипса, произвольной формы, векторных выделений, по цветовому подобию фрагментов, а также в режиме быстрой маски.
1. Методические указания
1.1. Основные сведения об инструментах выделения
в программе PhotoShop и принципах работы с ними
При работе с программой Adobe PhotoShop первостепенное значение имеет умение выделять фрагменты изображения. Сначала
вы должны ограничить ту часть изображения, на которую хотите
воздействовать. Редактировать можно только фрагмент изображения внутри области выделения; области снаружи выделения защищены от изменений.
В программе Adobe PhotoShop можно выделить фрагменты изображения с помощью специальных инструментов, а также с помощью масок и альфа-канала.
Инструменты выделения могут быть разделены на 4 группы по
принципу формирования областей:
 геометрические инструменты;
 цветочувствительные инструменты;
 инструменты выделения от руки;
 инструменты выделения контуров.
Геометрические инструменты используют для построения выделений разнообразных геометрических форм: прямоугольной,
квадратной, круглой и эллиптической. В PhotoShop для этого используют четыре инструмента, входящих в состав раскрывающейся панели инструмента Marquee (Область) (рис. 3).
Цветочувствительные инструменты используют для построения
выделений по принципу подобия цвета соседних пикселей. В основе работы этих инструментов лежит назначение двух параметров:
базового цвета, указываемого щелчком мыши на соответствую11
Рис. 3. Раскрывающаяся панель инструментов Marquee (Область)
щей точке изображения, и диапазона цветов, близких к базовому.
В PhotoShop к этой группе относят инструмент Magic Wand (Волшебная палочка) (рис. 4) и ряд команд из меню Select (Выделение).
Инструменты выделения от руки используют для селекции объектов сложной формы путем их обводки. К инструментам этой
Рис. 4. Инструмент группы относят Lasso (Лассо), Polygonal
Lasso (Многоугольное лассо), Magnetic Lasso
Magic Wand Tool
(Волшебная палочка) (Магнитное Лассо) (рис. 5). Инструмент
Lasso (Лассо) позволяет сформировать область вручную с границей в виде произвольной кривой. Инструмент
Polygonal Lasso (Многоугольное лассо) формирует область с границей в виде ломаной линии. Особенностью инструмента Magnetic
Lasso (Магнитное лассо) является использование информации о
яркости элементов изображения.
Этот инструмент позволяет вручРис. 5. Раскрывающаяся панель
ную нарисовать рамку, которая
инструментов Lasso (Лассо)
автоматически притягивается к
граням области, если они достаточно контрастны.
Инструменты выделения
контуров (Path Tools) похожи
на инструменты предыдущей
группы, но формируемые с
их помощью области представляют собой векторные
объекты (рис. 6). Выделения,
сформированные инструментами этой группы, имеют ряд
Рис. 6. Раскрывающаяся панель преимуществ. Для них может
инструментов Path Tools быть реализовано прецизион(Выделение контуров)
12
ное редактирование формы путем перемещения управляющих точек (узлов), их можно масштабировать без потери качества, а также импортировать в векторные программы.
С помощью перечисленных инструментов могут быть созданы
два типа выделений: простые, реализация которых требует выполнения одной операции, и сложные, построенные на основе двух и
более ранее селектированных областей.
Для создания и редактирования выделений в программе предусмотрены четыре режима, переход к которым осуществляется
щелчком на соответствующей кнопке на панели свойств инструментов выделения (табл. 1).
Таблица 1
Вид
кнопки
Название
Назначение режима
New selection (Новое вы- По умолчанию. В нем можно создать
деление)
только одну область выделения
Add to selection (Добавить Для
одновременного
создания
к выделению)
нескольких
простых
выделений.
В результате будет сформировано
одно сложное выделение, полученное
путем объединения простых
Subtract from selection Для удаления областей из
(Вычесть из выделения)
сформированного выделения
уже
Intersect with selection Для создания сложного выделения
(Пересечь выделения)
из пересекающихся участков простых
выделений
1.2. Формирование выделений
в режиме быстрой маски
Другим средством, позволяющим выделить фрагмент изображения в PhotoShop, являются маски. Маска включает два типа областей: «прозрачные» и «непрозрачные». Последние используются
для защиты закрываемых ими частей изображения или объектов
от нежелательных изменений. «Прозрачные» области можно рассматривать как отверстия в маске. Их используют для выделения
фрагментов изображения или объектов, которые необходимо модифицировать.
Маски следует использовать, если фрагмент достаточно сложен
для выделения. Например, цвет объекта близок к цвету фона и в не13
которых частях одинаков с ним, и одновременно контур объекта
имеет изрезанный характер. В этом случае использование инструмента Magic Wand (Волшебная палочка) малоэффективно, а инструментов типа Lasso (Лассо) – чрезвычайно трудоемко.
Целесообразно для формирования выделения использовать режим Quick Mask (Быстрая
маска). Этот режим включается щелчком на
кнопке Edit in Quick Mask Mode (Правка в режиРис. 7. Кнопки
Edit in Quick Mask ме быстрой маски), расположенной в нижней
Mode (Правка части панели инструментов. Щелчок на распов режиме быстрой ложенной рядом с ней кнопке Edit in Standard
маски) и Edit in
Mode (Правка в стандартном режиме) переводит
Standard Mode PhotoShop в обычный режим работы (рис. 7).
(Правка в станДля формирования выделения в режиме быдартном режиме)
строй маски следует обвести контур объекта, а
затем закрасить сам объект с помощью одного из инструментов рисования, например Brush (Кисть). Корректировать выделение можно с помощью инструмента Eraser (Ластик).
2. Порядок выполнения работы
2.1. Начало работы
Откройте законченный художественный файл для этого урока,
чтобы видеть то, что вы будете создавать (рис. 8).
2.1.1. Выберите File > Open (Файл > Открыть). Переместите курсор и откройте папку Lesson01. Затем
выберите End01.psd и щелкните левой
кнопкой мыши. На экране возникнет
изображение забавного человечка, созданное с использованием различных
плодов и овощей. Установите удобный
для просмотра масштаб изображения.
Если вы не хотите оставлять изображение открытым, выберите File>Close
(Файл>Закрыть).
2.1.2. Чтобы начать урок, откройте
файл Start01.psd. Выберите File>Save
as (Файл > Сохранить как), присвойте
новое название файлу, с которым вы будете работать, и щелкните левой кнопРис. 8. Результат вашей работы
кой мыши по кнопке «Сохранить».
14
2.2. Выделение участка изображения
инструментом Rectangular Marquee Tool
(Прямоугольная область)
2.2.1. Выберите инструмент Rectangular Marquee (Прямоугольная область). Курсор в поле изображения примет форму крестика.
2.2.2. Нажмите левую кнопку мыши и перемещайте этот крестик по диагонали от левой верхней части дыни к правому нижнему углу дыни, чтобы выделить прямоугольную область (рис. 9).
После выделения области вы можете перемещать рамку выделения, позиционируя курсор внутри выделения и перемещая его. Обратите внимание, что эта методика изменяет расположение только
рамки выделения, но не воздействует на размер или форму области
выделения.
2.2.3. Поместите курсор где-нибудь внутри рамки, окружающей дыню. Курсор становится стрелкой с малой иконкой выделения рядом с ним. Удерживайте левую кнопку мыши нажатой и перемещайте мышью рамку выделения на нужное место. Аккуратно
установите рамку вокруг дыни.
Если вы все еще не довольны выделением, можно отменить выбор и заново перерисовать границу выделения.
2.2.4. Отменяют выбор области выделения используя любой из
следующих методов:
♦ в главном меню выберите Select>Deselect (Выделить>Убрать
выделение);
♦ щелкните левой кнопкой мыши где-нибудь в окне снаружи
рамки выделения.
Чтобы отменить одно действие в любой части работы, выберите в
главном меню Edit>Undo (Правка > Вернуть).
Рис. 9. Выделение прямоугольной области
15
2.3. Работа с инструментом Elliptical Marquee
(Эллиптическая область)
Затем следует использовать инструмент Elliptical Marquee Tool
(Эллиптическая область), чтобы выделить глаза для лица человечка.
2.3.1. Выберите инструмент Zoom
(Лупа) и дважды щелкните на ягоде
черники, чтобы увеличить масштаб
просмотра до 300 %.
2.3.2. Удерживайте нажатой левую
кнопку мыши на раскрывающейся панели инструментов Marquee (Область)
Рис. 10. Выделение и перемещайте курсор к инструменту
эллиптической области
Elliptical Marquee (Эллиптическая область).
2.3.3. Поместите курсор в левую верхнюю часть ягоды черники, нажмите кнопку и перемещайте курсор по диагонали к правой
нижней части, чтобы создать выделение (рис. 10).
2.4. Расширение и сужение выделенной области
Если выделенная область оказалась чуть больше или меньше
нужной, вы можете ее расширить или сузить.
2.4.1. В главном меню выберите Select>Modify (Выделить> Модификация), которое в свою очередь откроет список команд.
2.4.2. Выполните команду Expand (Расширить). На экран выводится диалоговое окно Expand Selection (Расширить выделение).
Установите число пикселей, на которое вы хотите расширить выделение.
2.4.3. Выполните команду Contract (Сжать). Аналогичным образом установите число пикселей.
2.5. Создание выделения из средней отметки
Иногда проще делать эллиптические или прямоугольные выделения, рисуя выделение из середины объекта к краю. При использовании этого метода вы снова выделите ягоду черники.
2.5.1. Выберите в главном меню Select>Deselect (Выделить > Убрать выделение).
2.5.2. Переместите инструмент Elliptical Marquee (Эллиптическая область) приблизительно в центр ягоды черники.
2.5.3. Нажмите кнопку Alt, щелкните мышью и, не отпуская
кнопку мыши, перемещайте курсор к внешнему краю ягоды. В
16
результате вы создадите выделение, центрированное относительно исходной точки (рис. 11).
2.5.4. Когда вы закончите выделение, отпустите сначала кнопку мыши и затем клавишу Alt.
В случае необходимости корректируйте
рамку выделения, используя один из методов,
которые вы изучили ранее.
Рис. 11. Выделение от центра объекта
2.6. Перемещение выделения
Теперь следует использовать инструмент Move (Перемещение),
чтобы разместить ягоду черники на дольке моркови для создания
глаза на лице человечка. Чтобы создать второй глаз, нужно дублировать и переместить выделенный фрагмент на новое место.
2.6.1. Удостоверьтесь, что ягода черники выделена. Затем нажмите инструмент Move (Перемещение) и поместите курсор внутри области выделения. Курсор становится стрелкой с парой ножниц, чтобы указать, что этот инструмент вырежет выделенную область и переместит ее на новое место.
2.6.2. Переместите ягоду черники на дольку моркови.
2.6.3. Отмените выделение одним из методов.
2.6.4. Запомните на всякий случай файл с вашей работой.
2.7. Перемещение и дублирование одновременно
Чтобы создать второй глаз на лице человечка, нужно одновременно дублировать и переместить выделенный фрагмент изображения.
2.7.1. Выберите View > Fit to screen (Вид>Показать во весь экран),
чтобы изменить размеры документа и разместить его на всем экране.
2.7.2. Выберите инструмент Elliptical Marquee (Эллиптическая
область).
2.7.3. Создайте выделение вокруг дольки моркови, содержащей
ягоду черники. В случае необходимости, корректируйте рамку выделения с использованием одного из методов, которым вы обучились ранее.
2.7.4. Нажмите инструмент Move (Перемещение), затем, удерживая нажатой клавишу Alt, поместите курсор внутри выделения:
курсор становится двойной стрелкой, которая указывает, что будет
сделан дубликат выделенного фрагмента.
2.7.5. Продолжайте удерживать клавишу Alt и переместите дубликат глаза на левую сторону дыни. Отпустите кнопку мыши и
клавишу Alt, но не отменяйте выделение глаза.
17
Рис. 12. Дублирование и перемещение выделенной области
Если при перемещении выделения удерживать одновременно
нажатыми клавиши Alt и Shift, то перемещение будет происходить
лишь по горизонтали (или вертикали), что позволит вам разместить оба глаза на одном уровне (рис. 12).
2.7.6. Удерживайте нажатыми клавиши Shift + Alt и переместите копию глаза к правой стороне лица человечка.
2.7.7. Сохраните файл с вашей работой.
2.7.8. Затем вы должны выделить плод киви для создания рта
человечка и переместить его на дыню, используя выделение и инструмент Move (Перемещение ).
2.8. Перемещение с помощью клавиш курсора
Вы можете делать малые корректировки позиции выделения,
используя клавиши курсора, которые позволяют перемещать выделение на 1 пиксель или 10 пикселей за одно нажатие.
Обратите внимание: клавиши курсора корректируют позицию
выделения, только если вы уже перемещали выделение или выбрали инструмент «перемещение». Если вы нажимаете клавиши
курсора на выделении, которое еще не перемещали, они корректируют рамку выделения, а не выбранную часть изображения.
2.8.1. Нажмите клавишу курсора ­ несколько раз, чтобы переместить рот вверх. Обратите внимание, что каждый раз, когда вы
нажимаете клавишу курсора, рот перемещается с шагом в 1 пиксель. Поэкспериментируйте с другими клавишами курсора, чтобы
увидеть, как они воздействуют на выделение.
2.8.2. Выберите в меню команду View>Show>Selection Edges
(Вид>Показать>Границы выделения). Рамка выделения вокруг рта
человечка исчезнет.
2.8.3. Теперь, удерживая клавишу Shift, нажмите одну из клавиш курсора. Обратите внимание, что теперь выделение перемещается с шагом в 10 пикселей.
18
Рис. 13. Перемещение выделенной области
2.8.4. Используйте клавиши курсора, чтобы переместить рот в
положение, которое вы хотите ему определить (рис. 13). Затем снова выберите View>Show>Selection Edges (Вид>Показать>Границы
выделения). Сохраните файл с промежуточными результатами вашей работы.
2.9. Выделение с помощью Magic Wand
(Волшебной палочки)
Используете инструмент Magic Wand (Волшебная палочка), чтобы выбрать грушу, которую вы будете использовать, как нос для
лица человечка.
2.9.1. Выберите инструмент Magic Wand (Волшебная палочка).
2.9.2. В палитре опций инструмента устанавливают допуск,
определяющий, сколько подобных тонов цвета будут выбраны, когда вы нажмете кнопку мыши. По умолчанию установлен Tolerance
(Допуск) 32. Введите Tolerance (Допуск) 50, чтобы увеличить число
оттенков, которые будут выбраны.
2.9.3. Нажмите кнопку мыши, когда инструмент Magic Wand
(Волшебная палочка) расположен где-нибудь внутри тела груши:
будет выбрана большая часть тела груши.
2.9.4. Чтобы выбрать остальную часть тела груши, удерживайте
клавишу Shift и нажмите кнопку мыши при положении указателя
в пределах оставшейся области (рис. 14).
Рис. 14. Выделение «волшебной палочкой»
19
Обратите внимание, что рядом с курсором «волшебной палочки» появляется знак «плюс», указывающий, что вы добавляете к
текущему выделению дополнительную область.
2.9.5. Когда тело груши полностью выделено, активизируйте
инструмент Move (Перемещение), поместите указатель внутри выделения и установите «нос» в нужную точку поверхности дыни.
Отмените выделение и сохраните результаты работы в вашем
файле.
2.10. Выделение с помощью инструмента Lasso
(Лассо)
Проведем выделение «бабочки» для лица человечка.
2.10.1. Выберите инструмент Zoom (Лупа) и щелкните по бабочке дважды, чтобы довести масштаб просмотра до 300%.
2.10.2. Выберите инструмент Lasso (Лассо). Начиная с левого
верхнего угла, перемещайте мышь для создания контура, который
будет окаймлять галстук.
2.10.3. Для выделения правого зубчатого края бабочки нажмите клавишу Alt, отпустите кнопку мыши и продолжите выделение
прямыми линиями, щелкая мышью вдоль зубцов контура.
2.10.4. Для выделения гладкой нижней части бабочки при нажатой кнопке мыши отпустите клавишу Alt и продолжайте выделение, затем проведите выделение левого зубчатого края тем же
способом, как и правого (рис. 15).
2.10.5. Нажмите клавишу Ctrl и левую клавишу мыши внутри
контура. Курсор приобретет форму стрелки с ножницами. Перенесите галстук на место.
2.11. Выделение с помощью инструмента Magnetic Lasso
(Магнитное лассо)
Для создания выделения вокруг контрастного объекта можно
использовать инструмент Magnetic Lasso (Магнитное лассо).
Рис. 15. Выделение с помощью инструмента «лассо»
20
2.11.1. С помощью инструмента Zoom (Лупа) увеличьте размер
изображения дольки грейпфрута в два раза.
2.11.2. Держите нажатой кнопку мыши на иконке Lasso (Лассо)
и активизируйте инструмент Magnetic Lasso (Магнитное лассо).
2.11.3. Щелкните один раз мышью в левом нижнем углу красной мякоти грейпфрута. Отпустите кнопку мыши и очертите контур. Обратите внимание, что граница выделенной области притягивается к контуру.
2.11.4. Когда вы доберетесь до правого нижнего угла, щелкните
дважды мышью для замыкания выделения (рис.16).
2.11.5. Выберите инструмент Move (Перемещение) и установите ухо на место.
2.12. Преобразования выделений
Теперь рассмотрим, как использовать команду Transform (Трансформация), чтобы повернуть на нужный угол и масштабировать
левое ухо дыни. Затем создадим дубликат уха и переместим его на
место, где должно находится правое ухо.
2.12.1. Выберите в главном меню Edit>Transform (Правка >Трансформация): вокруг выделенного уха появится рамка ограничения.
2.12.2. Чтобы повернуть ухо, переместите курсор снаружи указателя угла рамки. Вы увидите двунаправленную стрелку; затем
перемещайте курсор в направлении желаемого вращения уха. Обратите внимание, что ухо вращается вокруг средней отметки рамки
выделения (рис. 17).
2.12.3. Чтобы подогнать размер уха, расположите курсор непосредственно в один из указателей угла рамки и переместите его так,
чтобы уменьшить ухо. Чтобы масштабировать ухо пропорционально во время перемещения, держите нажатой клавишу Shift.
2.12.4. Чтобы установить ухо на место, поместите ваш указатель
внутри рамки ограничения (но не на средней отметке) и выполните
перемещение. Если вас не устраивают результаты работы, нажмите
ESC (escape) и начните ее с начала.
Рис. 16. Выделение с помощью инструмента «магнитное лассо»
21
Рис. 17. Свободная трансформация и масштабирование выделенного фрагмента
2.12.5. Если вы находите, что ухо получилось правильно, нажмите «Enter», чтобы зафиксировать преобразования. Ухо остается выбранным.
Теперь нужно создать копию уха и поместить ее на правой стороне лица человечка.
2.12.6. Расположите курсор внутри границы выделенной области, нажмите клавиши Shift + Alt, создайте и переместите копию
уха на правую часть лица человечка.
2.12.7. Выберите Edit>Transform>Flip Horizontal (Правка> Трансформ >Поворот по Горизонтали): в результате вы получите зеркальное отражение уха.
2.12.8. Вы можете повернуть и поместить ухо на нужное место,
используя рассмотренные выше приемы.
2.13. Объединение инструментов выделения
Если объект, который вы желаете выделить, находится на ровном цветном фоне, намного проще грубо выделить его с помощью
инструментов Marquee (Область) или Lasso(Лассо) и затем использовать инструмент Magic Wand (Волшебная палочка), чтобы вычесть цветовой фон. Рассмотрим этот прием на примере выделения
бровей для лица человечка в виде редисок.
2.13.1. Выберите инструмент Rectangular Marquee (Прямоугольная область).
2.13.2. Выделите область вокруг редиски. Обратите внимание:
в область выделения должна попасть часть белого фона.
2.13.3. Выберите инструмент Magic Wand (Волшебная палочка)
в комплекте инструментальных средств и нажмите клавишу Alt:
рядом с указателем волшебной палочки появится знак «минус».
2.13.4. Щелкните где-нибудь в белой области, окружающей редиску: теперь осталась выделенной только редиска (рис. 18).
22
Рис. 18. Вычитание областей выделения
2.13.5. Чтобы создать бровь в виде редиски на лице человечка,
поместите курсор внутри выделенной области, нажмите клавиши
Alt + Ctrl и расположите редиску выше левого глаза. Не отменяйте
выделение.
2.13.6. Нажмите клавиши Shift + Alt + Ctrl, поместите курсор
внутри области выделения и перемещайте его, чтобы дублировать
и установить другую бровь выше правого глаза (рис. 19).
2.13.7. Выберите Edit>Transform>Flip Horizontal (Правка > Трансформ >Поворот по Горизонтали), чтобы развернуть правую бровь.
Откорректируйте положение брови методами, которыми вы обучились.
2.13.8. С помощью одного из изученных вами ранее инструментов выделите изображение шампиньона и разместите его на голове
человечка в качестве шляпы.
2.14. Кадрирование завершенного изображения
2.14.1. Выберите инструмент Crop (Отрезание). Поместите указатель в окно изображения и перемещайте его по диагонали из левой верхней части к правому нижнему углу, чтобы создать область
отрезания (рис. 20). Эту область можно перемещать, поворачивать
и изменять ее размеры.
2.14.2. Поместите курсор где-нибудь внутри области отрезания
и перемещайте ее в нужном направлении.
2.14.3. Угловое положение и размеры области можно изменить,
перемещая указатели на сторонах и углах рамки.
Рис. 19. Создание бровей на лице человечка
23
Рис. 20. Кадрирование изображения
2.14.4. Когда границы области точно установлены, нажмите
«Enter». Изображение будет кадрировано. Сохраните окончательные результаты вашей работы.
2.15. Формирование сложных выделений
с помощью контуров
2.15.1. Откройте файл Fruit.tif.
2.15.2. Установите масштаб 300%, используя сочетание клавиш
«Cntrl» + «+», затем разверните окно изображения до максимального размера. Сместите изображение с помощью полос прокрутки
или рамкой палитры Navigator (Навигатор) таким образом, чтобы
на экране была видна верхняя часть яблока.
2.15.3. Выберите команду Window>Paths (Окно> Контуры) для
активизации палитры Paths (Контуры).
2.15.4. Выберите на палитре инструментов инструмент Pen
(Перо), затем щелкните на верхней границе изображения яблока.
2.15.5. Установите вторую опорную точку, щелкнув кнопкой
мыши и протянув курсор влево и вниз. Курсор прикрепляется к направляющей точке (рис. 21).
2.15.6. Двигая направляющую точку, сформируйте плавную
кривую, очерчивающую границы яблока, для создания криволинейного сегмента контура.
2.15.7. Продолжайте обход яблока. Для завершения контура
установите Pen (Перо) на начальную точку (рядом с инструментом
появится маленький кружок) и щелкните по ней. Обратите внимание: в палитре Paths (Контуры) появляется контур под названием
Work Path (Рабочий контур).
24
Рис. 21. Формирование контура векторного выделения
2.15.8. Дважды щелкните мышью на миниатюре Work Path (Рабочий контур). Сохраните сформированный контур с помощью открывшегося диалогового окна (рис. 22).
2.15.9. Если вас не удовлетворяет полученный вами контур, то
вы можете скорректировать его в интерактивном режиме путем
установки новых опорных точек, удаления и перемещения уже
установленных опорных точек.
2.15.10. Раскройте меню палитры Paths (Контуры), щелкнув на
кнопке в правой части палитры, и выберите команду Make Selection
(Создать выделение) (рис. 23).
2.15.11. Настройте атрибуты выделения в открывающемся диалоговом окне Make Selection (Создать выделение), установив переключатель New Selection (Новое выделение).
2.15.12. Создайте новый файл и скопируйте в него выделенный
вами объект.
Рис. 22. Вид сформированного контура для выделения объекта
Рис. 23. Вид палитры Paths
25
2.16. Формирование сложных выделений
в режиме Quick Mask (Быстрой маски)
2.16.1. Загрузите изображение Bear.tif.
2.16.2. Щелкните по кнопке Edit in Quick Mask Mode (Правка в
режиме быстрой маски).
2.16.3. Еще раз дважды щелкните по этой кнопке для вызова
диалогового окна Quick Mask Options (Настройка быстрой маски).
Установите в этом окне следующие атрибуты: опция Color (Цвет) –
желтый цвет, переключатель Color Indicates (Индикаторы цвета) в
положение Selected Areas (Выбранные области) (рис. 24).
2.16.4. Выберите инструмент Brush (Кисть). На панели свойств
задайте размер кисти 3 и обведите контур медведя. Затем закрасьте цветом маски всего медведя, предварительно задав размер кисти
21. Если в процессе рисования вы захватили лишние области, то
удалите их с помощью инструмента Eraser (Ластик) (рис. 25).
2.16.5. Щелкните по кнопке Edit in Standard Mode (Правка в
стандартном режиме).
Рис. 24. Вид диалогового окна Quick Mask Options (Настройка быстрой маски)
1
2
3
Рис. 25. Выделение фрагмента в режиме Edit in Quick Mask (Правка в режиме быстрой маски) – 1, сформированное выделение в режиме Edit in Standard Mode (Правка в стандартном режиме) – 2 и результат – 3
26
2.16.6. Создайте новый файл и перенесите туда медведя, используя сформированное выделение.
3. Содержание отчета
1. Перечень и краткая характеристика основных инструментов
выделения, использованных при выполнении лабораторной работы.
2. Исходные и сформированные изображения.
4. Контрольные вопросы
1. Перечислите основные группы инструментов для выделения
части изображения в программе Adobe PhotoShop.
2. Поясните разницу между инструментами выделения контуров и инструментами выделения от руки?
3. Что такое сложное выделение?
4. Каким образом может быть создано сложное выделение?
5. Что такое режим быстрой маски? Каким образом формируют
выделение в этом режиме?
6. В каких случаях целесообразно формировать выделения в режиме быстрой маски?
Библиографический список
1. Петров М. Н., Молочков В. П. Компьютерная графика: Учеб.
для вузов. СПб.: Питер, 2006. 811 c.
2. Колин Смит. Учимся работать в PhotoShop CS2. НТ-Пресс,
2007. 544 с.
3. Владин М. М., Анохин А. Б. 100 профессиональных приемов.
Adobe PhotoShop CS5 с нуля. Серия: Книга + видеокурс. Лучшие
книги, 2011.
4. Майк Кроуфорд. PhotoShop для профессиональных фотографов. АРТ-Родник, 2010. 192 с.
27
Лабораторная работа № 2
ОСВОЕНИЕ ПРИЕМОВ КОМПЬЮТЕРНОЙ РЕТУШИ
В ПРОГРАММЕ ADOBE PHOTOSHOP
Цель работы: знакомство с основными принципами тоновой и
цветовой коррекции изображений в программе Adobe PhotoShop,
получение практических навыков по компьютерной ретуши чернобелых и цветных изображений.
1. Методические указания
1.1. Основные сведения об инструментах
для ретуши изображений в программе PhotoShop
Ретушь – это коррекция изображения с целью устранения мелких дефектов, исправление тонального и цветового баланса.
Инструменты для коррекции изображений могут быть разделены на следующие группы:
 инструменты локального ретуширования;
 фильтры для ретуши;
 инструменты для тоновой коррекции изображений;
 инструменты для реализации цветового баланса и цветокоррекции.
1.2. Инструменты локального ретуширования
Инструменты локального ретуширования предназначены для
устранения царапин, пятен и других дефектов подобного характера. Описания наиболее часто используемых для локального ретуширования инструментов Adobe PhotoShop приведены в табл. 2.
Таблица 2
Название инструмента
Назначение инструмента
Инструменты для кло- Для копирования деталей из одной части
нирования – Clone Stamp изображения (неповрежденной) в другую (по(Штамп) и Pattern Stamp врежденную). Клонирование рекомендуется
(Фигурный штамп)
применять для удаления дефектов сканирования, следов пыли, царапин, а также нежелательных объектов
Инструменты для раз- Для локального снижения или повышения
мытия – Blur (Размытие) контраста между пикселями изображения.
и повышения резкости Ослабление (размытие) нежелательных детаSharpen (Резкость)
лей акцентирует внимание на главных частях
28
Окончание табл. 2
Название инструмента
Назначение инструмента
изображения. Локальное увеличение резкости может привлечь внимание к каким-то особенностям изображения (например, к блеску
драгоценностей), что составляет основу рекламы производимых изделий или создания
имиджа человека
Инструменты Smudge Для сглаживания различия между соседними
(Палец) и Sponge(Губка) участками изображения, по которым проходит
инструмент. Их используют для удаления морщин, складок на одежде, случайного шума, а
также для сглаживания границ между исходным и клонированным участком изображения
Инструменты
Dodge Для осветления или затемнения фрагмен(Осветлитель) и Burn тов изображения. Эти средства могут быть
(Затемнитель)
использованы для того, чтобы выделить или
скрыть некоторые детали
1.3. Фильтры для ретуши
К наиболее полезным фильтрам для коррекции изображения относятся:
 Unsharp mask (Нерезкое маскирование) и группа EdgeSharping filters (Фильтры усиления краев). Они позволяют повысить
контраст и подчеркнуть детали изображения. В задачах локального ретуширования реализуют усиление деталей в одной части изображения по сравнению с другими;
 Blur (Размытия) и Soften (Смягчения). Позволяют удалить дефекты сканирования и сгладить второстепенные детали;
 Noise (Добавление «шума»). Добавлением «шума» в некоторую выделенную область можно скрыть некоторые дефекты изображения или замаскировать нарушающие гармонию детали.
1.4. Инструменты для тоновой коррекции
изображений
Под тоновой коррекцией понимают операцию перераспределения уровней яркостей исходного изображения.
Основными инструментами для проведения тоновой коррекции
являются:
 Levels (Уровни) и Curves (Кривые);
 Brightness/Contrast (Яркость/ Контраст).
29
Использование инструмента Levels (Уровни) (инициализируется в главном меню Image>Adjustments>Levels (Изображение>
Настройка>Уровни)) предполагает анализ и обработку яркостной
гистограммы изображения (рис. 26).
Гистограммой называется график, отражающий распределение
элементов изображения по яркости. При построении гистограммы
по оси X откладывают значения яркости в диапазоне от 0 до 255, а
по оси Y – количество пикселей, имеющих соответствующее значение яркости (обычно значения по оси Y нормируют по общему числу пикселей в изображении).
Гистограмма характеризуется двумя важными точками: точка
белого – это самая яркая точка изображения и точка черного – точка изображения с минимальной яркостью. Гистограмма позволяет
оценить динамический диапазон – разброс между минимальной
и максимальной яркостью изображения (между точками белого и
черного). Чем шире тоновый диапазон, тем «глубже» цвета и лучше проработка деталей.
Треугольники внизу гистограммы (см. рис. 26) представляют:
«Тени» (черный треугольник); «Свет» (белый треугольник); «Средние тона» или гамма (серый треугольник). Если ваше изображение
имеет тоновый интервал, соответствующий всему диапазону яркостей, гистограмма будет располагаться от черного треугольника до
Рис. 26. Вид яркостной гистограммы, полученной в редакторе Adobe PhotoShop
30
белого. В соответствии с видом яркостной гистограммы тоновую
характеристику изображения можно отнести к одному из типов:
светлому, темному или среднему.
Для точного определения тоновой характеристики изображения
необходимо найти центр тяжести его гистограммы. В программе
Adobe PhotoShop значение центра тяжести содержится в параметре гистограммы Mean (Среднее значение). Если Mean (Среднее
значение) менее 100, то изображение темное. Если Mean (Среднее
значение) более 150 – изображение светлое.
Инструмент Levels (Уровни) позволяет изменить положение белой и черной точки изображения, а также провести изменения яркости в областях света, тени и средних тонов.
Рассмотрим назначение основных групп параметров этого инструмента.
Параметр раздела Input Levels (Входные уровни) используют для
установки новых положений черной и белой точки изображения.
Это сокращает диапазон яркостей изображения, но повышает его
контраст. Для этих целей следует воспользоваться находящимися
над гистограммой треугольниками, либо ввести численные значения в соответствующие поля (см. рис. 26). Например, перемещение
левого треугольника (положение черной точки) в положение 30
приведет к тому, что все точки, имеющие значения яркости меньше этой величины, станут черными. Установка с помощью правого
треугольника значения 220 для белой точки приведет к обращению
в максимум всех яркостей в диапазоне 220–255. В результате диапазон яркостей исходного изображения сократиться с 255 до 195, а
контрастность возрастет.
Между крайними треугольниками расположен третий треугольник, который предназначен для управления яркостью в области
средних тонов изображения. Этот элемент управления носит название гамма-коррекция. Установка значения коэффициента гаммакоррекции больше 1 приводит к осветлению изображения в области средних тонов, а установка значения меньше 1 – к затемнению.
Параметрами раздела Output Levels (Выходные уровни) управляют так же, как параметрами раздела Input Levels (Входные уровни).
Отличие в том, что перемещение левого треугольника приводит к
осветлению темных пикселей, а перемещение правого – к затемнению светлых.
Инструмент Curves (Кривые) инициализируется в главном меню
Image>Adjustments>Curves (Изображение> Настройка>Кривые)
и по принципу действия близок к инструменту Levels (Уровни).
31
В этом случае для настройки изображения вместо яркостной гистограммы используют тоновую кривую (рис. 27).
Тоновая кривая – это график, с помощью которого осуществляется преобразование яркостей исходного изображения к диапазону
скорректированного изображения. Этот инструмент позволяет изменять контраст во многих яркостных диапазонах изображения,
в то время как инструмент Levels (Уровни) для настройки яркости
использует только три области (свет, тень и средние тона). По умолчанию в исходном виде тоновая кривая представляет собой прямую
линию с наклоном 45°, что соответствует линейному возрастанию
уровней яркости от темного тона к светлому. В процессе редактирования кривой вы изменяете конечные (выходные) уровни яркости
относительно исходной (входной) прямой линии.
Инструмент Brightness/Contrast (Яркость/Контраст) инициализируется в главном меню Image>Adjustments>Brightness/Contrast
(Изображение> Настройка> Яркость/Контраст) позволяет изменить яркость и контраст всего изображения в целом без каких-либо
делений на тональные диапазоны.
Рис. 27. Вид диалогового окна инструмента Curves (Кривые) с графиком тоновой кривой
32
1.4. Инструменты для достижения цветового баланса
и проведения цветовой коррекции
Реализация цветового баланса предполагает продуманное изменение цветовых составляющих изображения с целью добиться
лучшего и более реалистичного результата. Регулировка цветового
баланса позволяет усилить или ослабить цвет за счет другого дополнительного цвета.
Основным инструментом для реализации цветового баланса является Color Balance (Цветовой баланс), который инициализируется в главном меню Image>Adjustments> Color Balance (Изображение> Настройка> Цветовой баланс) (рис. 28).
В его основе лежит уменьшение избыточной цветовой составляющей за счет усиления ее дополнительного цвета. (Дополнительным к красному цвету является голубой, дополнительным к зеленому пурпурный и дополнительным к синему желтый). Например,
увеличение красного цвета с помощью соответствующих движков в
диалоговом окне Color Balance (см. рис. 28) приводит к уменьшению
голубого и, наоборот, снижение красного усиливает голубой цвет.
Этот инструмент наиболее подходит для коррекции изображения в целом, но при необходимости его можно использовать и для
коррекции выделенных частей изображения.
Инструмент Hue/Saturation (Цветовой тон/ Насыщенность) инициализируется в главном меню Image>Adjustments> Hue/Saturation
(Изображение> Настройка> Цветовой тон/ Насыщенность), он по-
Рис. 28. Диалоговое окно инструмента Color Balance (Цветовой баланс)
33
зволяет провести цветовую коррекцию изображения. Это мощный
инструмент, реализующий выборочную коррекцию только тех цветов изображения, которые неверно переданы.
2. Порядок выполнения работы
2.1. Редактирование черно-белой фотографии
2.1.1. Начало работы
Загрузите изображение Slalom.tif в PhotoShop и попытайтесь
проанализировать, имеющиеся на нем дефекты. Основные недостатки – это пятна, трещины и измятости
2.1.2. Кадрирование и преобразование формата
2.1.2.1. Выберите инструмент Crop (Кадрирование). Затем щелкните на кнопке мыши и очертите сюжетноважную часть фотографии (рис. 29). Для завершения кадрирования выведите курсор за
пределами появившейся рамки и нажмите Enter.
2.1.2.2. Для уменьшения объема файла преобразуйте изображение Slalom.tif из RGB – модели в модель Градации серого с помощью команды Image>Mode>GrayScale (Изображение>Режим>
Рис. 29. Формирование рамки с помощью инструмента Crop (Кадрирование)
34
Градации серого). При этом размер файла Slalom.tif уменьшится
в три раза.
2.1.3. Анализ гистограммы и устранение глобальных технических дефектов
2.1.3.1. Выберите команду Image> Histogramm (Изображение > Гистограмма). На экране появится окно Histogramm (Гистограмма).
Из предварительного анализа гистограммы видно, что фотография содержит глобальный дефект – узкий, требующий коррекции
диапазон по яркости (рис. 30). В данном случае видно смещение основной массы пикселей в область светлых полутонов. Полностью
отсутствуют пиксели ниже уровня 40 и выше уровня 240, т. е. динамический диапазон составляет всего 200 вместо 255. Это говорит
о необходимости тоновой коррекции.
2.1.3.2. Выберите команду Image>Adjustment>Levels (Изображение >Настройки> Уровни). Самым простым из доступных в этом
окне способов коррекции является автоматический ввод входных
параметров. Для его реализации необходимо щелкнуть по кнопке
Auto (Авто).
2.1.3.3. Установите флажок Preview (Просмотр) и щелкните по
кнопке Auto (Авто). Если полученные при этом изменения не удовлетворят вас, выполните коррекцию фотографии инструментом
Levels вручную.
Рис. 30. Вид яркостной гистограммы изображения Slalom до коррекции
35
2.1.4. Ретушь технического брака (устранение на фотографии
трещин и царапин) с помощью инструмента Clone Stamp (Штамп)
2.1.4.1. Увеличьте размер изображения для обеспечения удобной работы, комбинируя нажатие клавиш Cntrl + «+» (увеличение
масштаба) и Cntrl + «–» (уменьшение масштаба). При увеличении
масштаба изображения на очках лыжницы видна трещина.
2.1.4.2. Выберите на панели инструментов инструмент Clone
Stamp (Штамп).
2.1.4.3. Установите на панели свойств этого инструмента следующие значения его атрибутов: Opacity (Непрозрачность) – 100%,
Mode (Режим наложения) – Normal (Обычный) и в раскрывающемся
списке небольшую мягкую кисть, например 12.
2.1.4.4. Удерживая клавишу Alt, щелкните мышью на фрагменте «хорошей» области рисунка, расположенной в непосредственной
близости с дефектной областью. Затем отпустите Alt и щелкните
мышью на области царапины. На участок царапины накладывается выбранный вами фрагмент изображения, исправляя данный
дефект. Повторяйте эти действия, пока не удалите царапину полностью.
2.1.4.5. Аналогично удалите трещину на правом плече и правом
колене лыжницы.
2.1.5. Устранение крупных пятен с помощью инструмента
Marquee (Область)
2.1.5.1. Выберите один из инструментов (Elliptical Selection (Эллиптическое выделение) или Rectangular Selection (Прямоугольное
выделение)), входящих в группу Marquee (Область), и выделите с их
помощью фрагмент хорошо изображенного снега. Затем, используя
команду Edit>Copy (Правка>Копирование), скопируйте его в буфер.
2.1.5.2. Выберите команду Edit>Paste (Правка>Вставить) для
создания дубля области хорошего снега и, применяя инструмент
Move (Перемещение), перетащите его на место пятна. В результате
пятно маскируется областью хорошего снега.
2.1.5.3. Выполните шаги 1 и 2 для удаления всех имеющихся на
фотографии пятен.
2.1.5.4. После завершения операции устранения крупных
пятен на фотографии выполните команду Layers>Flattern Image
(Слой>Выполнить сведение). Данная команда совмещает все созданные в процессе работы слои с фоном.
2.1.6. Ретушь мелких пятен инструментом Smudge (Палец)
2.1.6.1. Выберите на панели инструментов инструмент Smudge
(Палец) и выполните настройку его атрибутов с помощью панели
36
свойств: задайте режим Mode – Normal (Обычный), снимите флажок Finger Painter (Рисование пальцем), установите значение параметра Strength (Величина) равным 50% и выберите из списка Brush
(Кисть) мягкую кисть, например размера 27.
2.1.6.2. Выполните инструментом Smudge (Палец) «размазывание» снега вдоль лыжни, убирая пятна. Мелкие пятна можно удалять также инструментом Blur (Размытие).
2.1.7. Увеличение резкости изображения с помощью фильтров.
Исходная фотография имела низкую резкость. Применение различных инструментов в ходе ее коррекции сделали ее еще более размытой. Следующий этап работы – повышение резкости изображения.
2.1.7.1. Для обработки изображения фильтром, повышающим
контраст, выполните команду Filter>Sharpen>Sharpen (Фильтр >
Резкость>Резкость). Этот фильтр не имеет диалогового окна с настройками, поэтому результат отображается непосредственно на
изображении.
2.1.7.2. Если резкость кажется вам недостаточной, повторите
команду для ее повышения.
2.2. Редактирование цветной фотографии
2.2.1. Начало работы
2.2.1.1. Откройте файл заключительного изображения End03.
psd в папке Training\Lesson03, чтобы видеть, как воздействуют
корректировки, которые вы будете делать.
2.2.1.2. Если вы находите это полезным, выберите View> Zoom
Out (Вид>Уменьшить), чтобы сделать изображение меньшим и оставить его на экране во время работы. Если вы не хотите оставлять
изображение открытым, выберите File>Close (Файл>Закрыть).
2.2.1.3. Теперь откройте файл начального изображения Start03.
psd, чтобы просмотреть оригинал фотографии, которую вы будете ретушировать. (С тем чтобы повысить эффективность работы и разгрузить память ЭВМ, использован файл низкого разрешения c 72 dpi.)
2.2.1.4. Выберите File>Save as (Файл>Сохранить Как), напечатайте название вашей работы и сохраните ее в вашей папке – щелкните на кнопке Save (Сохранить).
2.2.2. Кадрирование изображения
2.2.2.1. Используя инструмент Crop (Кадрирование), создайте
рамку для кадрирования изображения. Перемещайте рамку вокруг изображения (ее можно поворачивать и изменять размеры)
с тем, чтобы включить верхнюю часть башни и оранжевый чехол
гондолы в правой нижней части. Поскольку фотография при ска37
нировании была немного наклонена,
вы должны ее развернуть.
2.2.2.2. Выведите курсор за границы сформированной для кадрирования рамки, курсор примет форму
изогнутой стрелки. Перемещайте
курсор по часовой стрелке, пока границы рамки не станут параллельными изображению.
2.2.2.3. Поместите курсор внутри
Рис. 31. Создание рамки рамки и перемещайте ее, пока праи кадрирование фотографии
вый край рамки не совместится с правым краем изображения (рис. 31).
2.2.2.4. В случае необходимости можно подстроить размер рамки, перемещая указатель угла ее правой нижней части.
2.2.2.5. После определения окончательного положения рамки
выведите курсор за ее границы и нажмите «Enter».
2.2.2.6. Сохраните результаты вашей работы.
2.2.3. Корректировка тонового диапазона
2.2.3.1. Выберите Image>Adjustment>Levels (Изображение >Настройка> Уровни) и удостоверьтесь, что установлена опция Preview
(Предварительный просмотр). Обратите внимание на гистограмму
в диалоговом окне (рис. 32). Если ваше изображение имеет тоновый
интервал, соответствующий всему диапазону яркостей, гистограмма будет простираться от черного треугольника до белого треугольника. Вместо этого гистограмма занимает лишь центр этой области.
Рис. 32. Коррекция тонового диапазона изображения
38
Вы можете скорректировать черные и белые градации изображения, чтобы расширить его тоновый диапазон.
2.2.3.2. Переместите левые и правые треугольники внутрь к тем
местам, где начинается и заканчивается гистограмма (самые темные и светлые детали изображения). Нажмите «Enter», чтобы применить изменения. Обратите внимание, как «ожило» изображение.
2.2.3.3. Выберите Image>Histogram (Изображение> Гистограмма),
чтобы просмотреть новую гистограмму. Тоновый диапазон теперь
простирается через весь диапазон гистограммы. Нажмите «Enter».
2.2.3.4. Сохраните результаты вашей работы.
2.2.4. Удаление цветового оттенка
2.2.4.1. Выберите Layer>New Adjustment Layer> Color Balance
(Слой>Новый настраиваемый слой> Цветовой баланс. В диалоговом окне щелкните по кнопке ОК. Появится диалоговое окно цветового баланса.
2.2.4.2. Установите опцию Preview (Просмотр).
2.2.4.3. Для устранения красноватого оттенка передвиньте
верхний ползунок влево и установите его приблизительно на –15;
cредний ползунок сдвиньте вправо на позицию 8. Щелкните по
кнопке ОК для введения изменений. Обратите внимание, что слой
цветового баланса появился в списке слоев.
2.2.4.4. Вы увидите разницу между настроенным изображением
и оригиналом, щелкая по иконке «Глаз» слева от слоя в палитре
Layers (Слои).
2.2.5. Замена цветов в изображении
С помощью команды Color replace (Замена цвета) вы можете
создавать цветовые маски и затем заменять эти цвета. Маска позволяет вам ограничить область изображения: эффект будет применен
только к выбранной области, не изменяя остальное изображение.
Опции диалогового окна Color replace (Замена цвета) позволяют
регулировать цветовой тон, насыщенность и яркость. Используйте
команду Color replace (Замена цвета) для изменения цвета красного чехла в гондоле в правом нижнем углу изображения.
2.2.5.1. В диспетчере слоев активизируйте слой Background (Фон).
Используя инструмент Zoom (Масштаб), увеличьте размеры редактируемого фрагмента изображения, чтобы было удобно работать.
2.2.5.2. Выделите прямоугольную область вокруг редактируемого фрагмента (рис. 33).
2.2.5.3. Чтобы открыть диалоговое окно, выберите пункт меню
Image>Adjustment>Color Replace (Изображение> Настройка >Замена цвета). По умолчанию выбранная область отображается чер39
Рис. 33. Замена цвета части изображения
ным прямоугольником, показывающим текущее выделение. Используйте инструмент «пипетка» для выделения фрагмента изображения выбранного цвета, который должен быть по вашей идее
заменен другим цветом. В окне представлены три типа пипеток:
1 – пипетка без индекса выделяет один цвет; 2 – пипетка со знаком
плюс используется для добавления цветов к выделению; со знаком
минус – для вычитания цветов из выделения.
2.2.5.4. Выберите пипетку без индекса и щелкните по красному
чехлу на гондоле. Выберите пипетку со знаком плюс и перемещайте ее по площади чехла до тех пор, пока весь чехол в диалоговом
окне не станет белым (будет маскирован) (рис. 34).
Рис. 34. Диалоговое окно замены цвета
40
2.2.5.5. С помощью ползунка Fuzziness (Пушистость) вы можете
управлять уровнем включения в маску смежных цветов.
2.2.5.6. Регулируя положения ползунков Hue (Тон), Saturation
(Насыщенность) и Lightness (Освещенность), добейтесь нужного
цвета замены.
2.2.5.7. Щелкните по кнопке ОК для введения изменений.
2.2.5.8. Дважды щелкните по инструменту Hand (Рука), чтобы
установить размер изображения в соответствии с размером экрана.
2.2.6. Регулирование насыщенности цвета с помощью инструмента Sponge (Губка)
2.2.6.1. В панели инструментов выберите инструмент Sponge
(Губка). На панели опций инструмента выберите режим Saturate
(Насыщение) и установите Flow (Давление) 90% (рис. 35).
2.2.6.2. Выберите большую размытую кисть в палитре кистей.
2.2.6.3. Потрите губкой по полосатому чехлу гондолы, чтобы
увеличить насыщенность цветов.
2.2.7. Регулирование светлоты изображения инструментом
Dodge (Осветлитель)
2.2.7.1. Выберите инструмент Dodge (Осветлитель); установите
в опциях Midtones (Полутоны) и Exposure (Действие) 50% (рис. 36).
Выберите среднюю размытую кисть и проведите инструментом
по темному борту гондолы.
2.2.8. Удаление нежелательных объектов
С помощью инструмента Clone (Штамп) удалите нежелательный
объект (маленькую лодку), заменив его выбранным вами фрагментом. Порядок действий описан в пункте 2.1.4.
2.2.9. Замена частей изображения
Заменим серое небо фотографии более живописным голубым и с
облаками.
Рис. 35. Панель опций инструмента Sponge (Губка)
Рис. 36. Панель опций инструмента Dodge (Осветлитель)
41
2.2.9.1. Выберите инструмент Magic Wand (Волшебная палочка).
Щелкните им по небу на фотографии. Для расширения выделенной
площади удерживайте нажатой клавишу «Shift».
2.2.9.2. Откройте файл Clouds.psd в папке Lesson03.
2.2.9.3. Выберите пункт меню Select >All (Выделить>Все), затем
Edit>Copy (Правка>Копировать). Закройте файл Clouds, он больше
не нужен.
2.2.9.4. Выберите пункт меню Edit >Paste into (Правка >Вставить в), чтобы вписать изображение неба с облаками в выделенную
область. Обратите внимание на появление нового слоя в палитре
Layers (Слои).
2.2.9.5. Выберите пункт меню Edit>Transform>Scale (Правка> Трансформ > Масштаб) и увеличьте изображение неба до нужных размеров (рис. 37).
2.2.9.6. Необходимо отрегулировать прозрачность изображения
неба, чтобы придать ему естественность. Для этого в палитре Layers
(Слои) установите ползунок Opacity (Непрозрачность) на уровне
около 50%.
2.2.10. Применение фильтра Unsharp mask (Нерезкое маскирование)
На последнем шаге ретуширования фотографии примените
фильтр Unsharp mask (Нерезкое маскирование), чтобы увеличить
контраст мелких деталей изображения и создать эффект улучшения фокусировки.
2.2.10.1. Выберите пункт меню Filters>Sharpen>Unsharp mask
(Фильтры >Резкость>Нерезкое маскирование». В диалоговом окне
установите Radius (Радиус) и Threshold (Уровень срабатывания) в
единицу.
2.2.10.2. Регулируйте глубину эффекта ползунком Amount (Количество) и наблюдайте получаемый эффект, периодически включая и выключая опцию Preview (Просмотр). Эффект повышения
резкости изображения виден также в маленьком окошке диалого-
Рис. 37. Замена части изображения
42
Рис. 38. Повышение резкости изображения
вого окна фильтра. Масштаб окна можно менять, щелкая по кнопкам «Плюс» и «Минус» (рис. 38).
2.2.10.3. После достижения желаемого эффекта сохраните результаты вашей работы.
3. Содержание отчета
1. Перечень и краткая характеристика основных инструментов
ретуширования, использованных при выполнении лабораторной
работы.
2. Исходные и отретушированные изображения.
4. Контрольные вопросы
1. Что понимают под ретушью изображения?
2. Перечислите основные группы инструментов для коррекции
изображений в программе Adobe PhotoShop.
3. Какие инструменты применяют для локального ретуширования?
43
4. Что такое тоновая коррекция изображения?
5. Какие инструменты применяют для тоновой коррекции изображения? Поясните принцип их действия.
6. Что такое яркостная гистограмма изображения? Какая информация об изображении в ней заключена?
7. Назовите инструменты для достижения цветового баланса и
проведения цветовой коррекции.
Библиографический список
1. Петров М. Н., Молочков В. П. Компьютерная графика: Учеб.
для вузов. СПб.: Питер, 2006. 811 c.
2. Смит Колин. Учимся работать в PhotoShop CS2. НТ-Пресс,
2007. 544 с.
3. Владин М. М., Анохин А. Б. 100 профессиональных приемов.
Adobe PhotoShop CS5 с нуля. Сер. Книга + видеокурс. Лучшие книги, 2011.
4. Кроуфорд Майк. PhotoShop для профессиональных фотографов. АРТ-Родник, 2010. 192 с.
44
Лабораторная работа № 3
ОСВОЕНИЕ ПРИЕМОВ РАБОТЫ
С МНОГОСЛОЙНЫМИ ИЗОБРАЖЕНИЯМИ
В ПРОГРАММЕ ADOBE PHOTOSHOP (СОЗДАНИЕ КОЛЛАЖА)
Цель работы: знакомство с основными принципами работы с
многослойными изображениями в программе PhotoShop, получение практических навыков по созданию коллажа.
1. Методические указания
1.1. Основные сведения о видах слоев в программе PhotoShop
и принципах работы с ними
Слои – один из главных инструментов растровой графики. Они
представляют собой отдельные изображения в составе общей картинки, как бы нарисованные на прозрачной пленке и наложенные
одно поверх другого. Такое представление обеспечивает пользователю возможность редактировать отдельные элементы изображения независимо друг от друга. PhotoShop позволяет выполнять над
слоями различные операции: создавать, удалять, копировать, комбинировать, регулировать прозрачность и порядок расположения
слоев, а также делать слой невидимым.
PhotoShop поддерживает следующие слои (рис. 39):
Текстовый слой
Корректирующий слой
Заливочный слой
Слой-маска
Фоновый слой
Рис. 39. Виды слоев
45
 обычный (Layer);
 фоновый (Background);
 корректирующий (Adjustment Layer);
 заливочный (Fill Layer);
 текстовый (Text Layer);
 слой-маски (Mask Layer).
Фоновый слой (Background) автоматически генерируется при
создании нового изображения. Этот слой не может иметь прозрачных участков, так как всегда является самым нижним. В редакторе
предусмотрена возможность превратить этот слой в обычный.
Корректирующие слои (Adjustment Layer). Их назначение состоит в наложении на изображение аналога светофильтра, изменяющего его тоновые и цветовые характеристики. Корректирующие
слои используют при проведении сложной коррекции, включающей в себя как тоновую, так и цветовую компоненту. Основные
типы корректирующих слоев:
 слой, корректирующий уровни;
 слой, корректирующий яркость и контраст;
 слой, корректирующий цветовой тон, насыщенность и яркость.
Заливочный слой (Fill Layer) предназначен для создания объектов со сплошными, градиентными и узорчатыми заливками.
Текстовый слой (Text Layer) создается автоматически при вводе текста. Он обеспечивает возможность редактирования хранящегося в нем текста. К слоям текстового типа нельзя применять
эффекты.
Слой-маску применяют для повышения гибкости редактирования. Он является специальным, ассоциированным со слоем изображения. Каждый слой изображения может иметь только одну слоймаску. Она определяет видимые и невидимые области слоя с изображением. Области, замаскированные слоем-маской, становятся
прозрачными.
Для работы со слоями в редакторе предусмотрена специальная
палитра Layers (Слои), на которой находятся все слои изображения, начиная с верхнего и кончая самым нижнем фоновым слоем –
background. Миниатюра, расположенная слева от названия слоя,
отображает его содержание. С помощью палитры слои можно менять местами, копировать, удалять и создавать новые.
Для того чтобы сделать слой активным, необходимо щелкнуть
по нему мышью. Чтобы временно сделать слой невидимым, следует
щелкнуть на значке Indicates Layer Visibility (Глаз) в палитре Layers
(Слои).
46
Для добавления нового слоя используют команду Layer>New
(Слой>Создать) или кнопку Create a new layer (Создание нового
слоя) на палитре Layers(Слои).
Если необходимо переименовать слой, то следует дважды щелкнуть на его заголовке в палитре Layers (Слои) и ввести новое название слоя в выделенную позицию.
Для изменения порядка наложения слоев используют следующие команды: Layers>Arrange>Bring to front (Слой>Монтаж>
Самый верхний); Layers>Arrange>Bring Forward (Слой>Монтаж>
Сдвинуть вперед); Layers>Arrange>Send Backward (Слой>Монтаж>
Сдвинуть назад); Layers>Arrange>Bring to back (Слой>Монтаж> Самый нижний) или перемещают слой на нужную позицию в палитре
Layers(Слои).
Для создания копии слоя используют команду Layer>Duplicate
layer (Слой>Дубликат слоя) или, щелкнув на палитре Layers (Слои)
по треугольной кнопке раскрывающегося меню, выбирают команду Duplicate layer (Дубликат слоя).
Для удаления слоя используют команду Layer>Delete layer
(Слой>Удалить слой) или, щелкнув на палитре Layers (Слои) по
треугольной кнопке раскрывающегося меню, выбирают команду
Delete layer (Удалить слой).
2. Порядок выполнения работы
2.1. Создание фона
2.1.1. Выполните команду File>New (Файл>Создать) и установите в открывающемся окне New (Новый) основные атрибуты будущего изображения: размер холста 432*289 пикселей (pixels), цветовая модель (Mode) – RGB,
2.1.2. Установите цвет фона R 160, G 243, B 244 (бледно-голубой) щелкнув по прямоугольнику set foreground color.
2.1.3. Выберите на панели инструментов инструмент Gradient
(Градиент) и щелкните на панели свойств на кнопке Linear Gradient
(Линейная градиентная заливка). Проведите курсором мыши по
холсту сверху вниз. Таким образом вы заполните фон градиентной заливкой с плавным переходом от бледно-голубого к бледносерому.
2.1.4. Выполните команду Filter>Render>Clouds (Фильтр > Визу
ализация>Облака). В результате воздействия на изображение этого
фильтра происходит фрактальная заливка фона и создается иллюзия превращения фона в туман.
47
2.1.5. Выберите в том же подменю Filter>Render (Фильтр>Визу
ализация) новый фильтр Lighting Effects (Эффекты освещения) и
выполните настройку параметров этого фильтра в открывающемся
диалоговом окне Lighting Effects (Эффекты освещения) (рис. 40).
В качестве источника света (Солнца) выберите вариант Spotlight
(Прожектор) или Omni (Лампа). Остальные параметры для вашего
ландшафта подберите самостоятельно, контролируя полученный
результат с помощью окна предварительного просмотра Preview.
После получения желаемого ландшафта щелкните по кнопке OK.
Вариант синтезированного фона приведен на рис. 41.
Рис. 40. Диалоговое окно Lighting Effects (Эффекты освещения)
Рис. 41. Вариант синтезированного фона
48
2.2. Монтаж слоев. Добавление слоя
с изображением рыбака
2.2.1. Откройте файл Fisherman.psd.
2.2.2. Используя команды Edit>Copy (Правка>Копирование) и
Edit>Paste (Правка>Вставить), скопируйте рыбака на ваш ландшафт.
2.2.3. Вместе с рыбаком в изображение скопируется не нужный
вам фон. Удалим его с помощью инструмента Brush (Кисть). Выберите инструмент Brush (Кисть) на панели инструментов и установите с помощью раскрывающегося списка Mode(Режим) на панели
свойств режим кисти – Clear (Очистить). Установите удобный размер кисти, например 9. Работая кистью, как ластиком, обведите ею
весь контур рыбака. Не нужный вам фон сотрется и появится нижний слой – фон, который создали вы сами.
2.2.4. Для придания картине реалистичности установите на палитре Layers (Слои) для слоя с рыбаком значение параметра Opacity
(Непрозрачность), равное 50%. Последняя команда смягчит контраст изображения рыбака и создаст иллюзию его растворения в
утреннем тумане (рис. 42).
2.3. Добавление слоя с изображением птицы
2.3.1. Откройте файл Bird.psd.
2.3.2. В исходном изображении птица расположена на однородном фоне, поэтому ее легко выбрать инструментом Волшебная
палочка. Выберите инструмент Magic Wand (Волшебная палочка)
и щелкните им на голубом однородном небе. Затем с помощью ко-
Рис. 42. Результат добавления слоя с изображением рыбака и вид соответствующей ему палитры Layers (Слои)
49
Рис. 43. Результат добавления слоя с изображением птицы и вид соответствующей ему палитры Layers (Слои)
манды Select >Inverse (Выделение>Инвертировать) инвертируйте
выделение неба, превратив его в выделение птицы.
2.3.3. Выполните команды Edit>Copy (Правка>Копирование)
и Edit>Paste (Правка>Вставить) для размещения птицы на новом
слое поверх изображения рыбака и ландшафта.
2.3.4. На палитре Layers (Слои) для слоя с птицей установите
значение параметра Opacity (Непрозрачность), равное 25–30%,
и режим наложения слоев (Set the blanding Mode for the layers) –
Darken (Затемнение). Попробуйте также режимы Overlay или Soft
Light. В последнем случае контуры птицы будут мягче (рис. 43).
2.4. Добавление слоя с изображением рыбы
На этом этапе работы вставим в создаваемый коллаж изображение рыбы. Данная процедура полностью аналогична процедуре,
выполненной вами ранее при «вклейке» в коллаж рыбака. Отметим некоторые ее особенности.
2.4.1. После «вклеивания» рыбы вы можете уменьшить ее размер
с помощью команды Edit>Free Transform (Правка>Произвольная
трансформация).
2.4.2. Фон вокруг рыбы можно удалить как кистью (Brush), так
и ластиком Eraser (Ластик).
2.4.3. На палитре Layers (Слои) для слоя с птицей установите
значение параметра Opacity (Непрозрачность), равное 25–30%, и
режим наложения слоев.
2.4.4. Коллаж готов (рис. 44). В конце работы слои объединяют
командой Layer>Flatten Image.
50
Рис. 44. Результат добавления слоя с изображением рыбы и вид соответствующей ему палитры Layers (Слои)
3. Содержание отчета
1. Перечень и краткая характеристика основных инструментов,
использованных при выполнении лабораторной работы.
2. Исходные изображения и созданный коллаж.
4. Контрольные вопросы
1. Раскройте понятие слоевого представления изображений в
программе Adobe PhotoShop.
2. Перечислите основные виды слоев, поддерживаемые программой Adobe PhotoShop, и дайте их краткую характеристику.
3. Чем отличается фоновый от обычного слоя?
4. Назовите основные типы корректирующих слоев.
5. Какие специальные средства предусмотрены в программе
Adobe PhotoShop для работы со слоями?
Библиографический список
1. Петров М. Н., Молочков В. П. Компьютерная графика: Учеб.
для вузов. СПб.: Питер, 2006. 811 c.
2. Смит Колин. Учимся работать в PhotoShop CS2. НТ-Пресс,
2007. 544 с.
3. Владин М. М., Анохин А. Б. 100 профессиональных приемов.
Adobe PhotoShop CS5 с нуля. Сер. Книга + видеокурс. Лучшие книги, 2011.
4. Кроуфорд Майк. PhotoShop для профессиональных фотографов. АРТ-Родник, 2010. 192 с.
51
Лабораторная работа № 4
ОСВОЕНИЕ ПРИЕМОВ
ХУДОЖЕСТВЕННОЙ ОБРАБОТКИ ФОТОГРАФИЙ
В ПРОГРАММЕ ADOBE PHOTOSHOP
Цель работы: знакомство с основными характеристиками цифровых фильтров, поддерживаемых программой Adobe PhotoShop, и
принципами художественной обработки изображений на их основе;
получение практических навыков по применению цифровых фильтров как к изображению в целом, так и к отдельным его частям.
1. Методические указания
1.1. Основные сведения о фильтрах
в программе PhotoShop и принципах работы с ними
Фильтры представляют собой небольшие программы, выполняющие заранее установленную последовательность команд. Они
вычисляют rgb – координаты каждого пикселя изображения и модифицируют их в соответствии с типом фильтра. Фильтры следует
разделить на две группы: фильтры, повышающие качество исходного изображения, и фильтры, реализующие художественную обработку изображения и спецэффекты (рис. 45). PhotoShop поддер-
1
2
3
4
Рис. 45. Результат применения фильтров Water Color палитра Artistic
(Имитация); Pointillize, палитра Пикселизация (Pixelate); Craquelure,
палитра Текстура (Texture) и Spherize, палитра Деформация (Distort):
1,3,5,7 – исходное изображение; 2,4,6,8 – результат обработки
52
5
6
7
8
Рис. 45. Окончание
живает около 100 различных фильтров. Эти фильтры объединены
в 12 палитр. Краткая характеристика каждой группы приведена в
табл. 3. Дополнительно к ним PhotoShop позволяет пользователю
создавать собственные фильтры, а также подключать внешние плагины.
Для доступа к стандартным фильтрам используют команду Filter
(Фильтр)> Название палитры (Artistic, Blur и др.)>Название фильтра.
Для задания собственного фильтра команду Filter (Фильтр)>Other
(Другой)> Custom (Заказной).
53
Таблица 3
Группа
фильтров
Наименование
палитры
фильтров
Фильтры,
повышающие качество
изображения
Резкость
(Sharpen)
Шум
(Noise)
Видео
(Video)
Фильтры, реализующие художественную
обработку и спецэффекты
Текстура
(Texture)
54
Имитация
(Artistic)
Штрихи
кисти
(Brush
Strokes)
Пикселизация
(Pixelate)
Деформация
(Distort)
Общая характеристика
Повышают четкость изображения за счет
усиления контраста между соседними пикселями, например Unsharp Mask (Нерезкое
маскирование)
Добавляют или удаляют пиксели со случайными цветовыми значениями, используются
для исправления таких дефектов изображения,
как пыль и царапины, например фильтр Median
(Медианная фильтрация)
Группа включает фильтры для обработки видеоданных, например фильтр De-InterLace формирует кадры с построчной разверткой на основе исходных видеоданных с разверткой через строчку.
Для этого либо одно поле (четное или нечетное)
удаляют, а строки второго дублируют либо формируют кадр с построчным разложением путем
интерполяции строк четного и нечетного поля
Добавляют в изображение текстурную основу,
имитируя эффект глубины или выявляя материал, на котором создано изображение. Например,
фильтр Craquelure передает эффект тиснения
Воспроизводят эффекты применения различных инструментов рисования. Например,
фильтр Colored Pencil реализует рисунок, сделанный цветными карандашами, фильтр Dry
Brush – сухой кистью, а Fresco – технику фрески
Подобно фильтрам предыдущей группы формируют рисунки, имитирующие реальные художественные работы. Например, фильтр Sumi-e
реализует рисунок, выполненный в стиле японских гравюр
Объединяют пиксели схожих цветов в группы
(ячейки). Например, фильтр Crystallize имитирует мозаику, а фильтр Pointillize – пуанктализм
Выполняют геометрическое искажение изображений, используются для создания трехмерных и других пластических эффектов. Например, фильтр Spherize реализует 3D-эффект,
размещая выделенную область изображения на
сферическую поверхность
Окончание табл. 3
Группа
фильтров
Наименование
палитры
фильтров
Размытие
(Blur)
Визуализация
(Render)
Эскиз
(Sketch)
Стилизация
(Stylize)
Общая характеристика
Создают эффект размытия выделенной области изображения путем усреднения яркостей
пикселей, расположенных рядом с границами
объектов и их теней. Например, фильтр Motion
Blur имитирует смазанность изображения при
съемке движущихся объектов
Создают трехмерные объекты, генерируют
«мягкий» облачный узор, моделируют трехмерные эффекты отражения. Например, фильтр
Lighting Effects позволяет создать различные эффекты освещения, используя 17 стилей освещения и 3 типа источников света
Реализуют 3D-эффекты, имитируя глубину
изображения. Например, фильтр Bas Relief преобразует изображение в низкий рельеф
Создают ярко выраженные стилистические эффекты за счет смещения пикселей и повышения
контраста в изображении. Например, фильтр
Trace Contour определяет наиболее яркие области в изображении и формирует вокруг них тонкий контур
2. Порядок выполнения работы
Для выполнения лабораторной работы вам потребуются две фотографии: flowers.tif и girl.tif.
2.1. Начало работы
2.1.1. Откройте оба файла. Для получения оптимального результата желательно предварительно придать обоим изображениям одинаковый размер. Это можно сделать, используя команду
Image>Image Size (Изображение>Размер изображения), или с помощью инструмента Crop (Кадрирование).
2.1.2. Активизируйте файл girl.tif. Выделите все изображения
с помощью команды Select>All (Выделить>Все) и переместите его
с помощью инструмента Move(Двигать) на изображение файла 1
(flowers.tif).
55
2.2. Работа со слоями
в многослойном изображении
2.2.1. Откройте пункт меню Layers(Слои) и выберите в открывшемся меню пункт Add layer mask>Reveal All (Добавить слой-маску).
2.2.2. Выберите инструмент Gradient (Градиент) и определите на
панели свойств этого инструмента вариант Radial Gradient (Радиальная заливка). Проведите курсором этого инструмента от центра
к верхнему краю фотографии. Возможно, на этом шаге для лучшего
взаимодействия обоих изображений друг с другом вам понадобится
подрегулировать прозрачность слоя путем перемещения ползунка
Opacity (Прозрачность) (рис. 46).
2.3. Применение фильтра Radial Blur
(Радиальное размытие к части изображения)
2.3.1. Используя команду Layer>Dublicate Layer (Слой> Дублировать), создайте копию слоя с изображением бабочки на цветке и
активизируйте этот слой.
2.3.2. Выполните выделение вокруг лица девушки в виде овала
инструментом Elliptical Marquee (Эллиптическое выделение).
Рис. 46. Результат использования слоя-маски и инструмента Gradient (Градиент); вид соответствующей ему палитры Layers (Слои)
56
2.3.3. Инвертируйте выделение командой Select > Inverse (Выделение >Инверсия) и примените к полученной
рамке команду Filter>Blur> Radial Blur
(Фильтр> Размытие> Радиальное размытие) (рис. 47).
2.3.4. В завершение работы добавьте
в конечное изображение источник света
с помощью команды Filter>Render>Lens
Flare (Фильтр>Визуализация>Блик).
3. Содержание отчета
1. Перечень и краткая характеристика основных фильтров, использованных при выполнении лабораторной
работы.
2. Исходные изображения и созданный коллаж.
Рис. 47. Результат применения фильтра Blur (Размытие)
4. Контрольные вопросы
1. Назовите основные группы фильтров, поддерживаемые программой Adobe PhotoShop.
2. Приведите примеры фильтров, повышающих качество исходного изображения. Дайте их краткую характеристику.
3. Приведите примеры фильтров, реализующих художественную обработку изображений. Дайте их краткую характеристику.
Библиографический список
1. Петров М. Н., Молочков В. П. Компьютерная графика: Учеб.
для вузов. СПб.: Питер, 2006. 811 c.
2. Смит Колин. Учимся работать в PhotoShop CS2. НТ-Пресс,
2007. 544 с.
3. Владин М. М., Анохин А. Б. 100 профессиональных приемов.
Adobe PhotoShop CS5 с нуля. Сер. Книга + видеокурс. Лучшие книги, 2011.
4. Кроуфорд Майк. PhotoShop для профессиональных фотографов. АРТ-Родник, 2010. 192 с.
57
Лабораторная работа № 5
ОСВОЕНИЕ ПРИЕМОВ РАБОТЫ С ГРАФИКОЙ
В ПРОГРАММЕ COREL DRAW (СОЗДАНИЕ ЛОГОТИПА)
Цель работы: знакомство с основными инструментами для создания векторной иллюстрации в программе Corel Draw; получение
практических навыков в изображении и модификации геометрических примитивов и кривых в форме Безье, синтеза комбинированных объектов, а также навыков по реализации основных операций над объектами (копирование, вклеивание, масштабирование
и др.).
1. Методические указания
1.1. Основные сведения об инструментах
для рисования геометрических примитивов
и кривых Безье в программе Corel Draw
К базовым графическим элементам программы Corel Draw относятся:
 формы (геометрические примитивы);
 кривые Безье;
 текстовые объекты;
 комбинированные объекты.
Для рисования объектов простой формы (геометрических примитивов) используют одноименные инструменты. Инструмент
Rectangle (Прямоугольник) позволяет создать прямоугольник,
стороны, которого параллельны границам поля для рисования,
инструмент 3-Point Rectangle (3-точечный прямоугольник) рисует
прямоугольник с произвольной ориентацией. Для создания эллипсов, кругов и дуг используют инструменты Ellipse (Эллипс) и 3-Point
Ellipse(3-точечный эллипс). Применение последней команды позволяет рисовать объекты с произвольной ориентацией относительно
границ поля для рисования. Для рисования многоугольников используют инструмент Polygon (Многоугольник).
Инструменты и получаемые с их помощью варианты форм приведены в табл. 4.
Наиболее мощным средством для создания объектов произвольной формы являются кривые Безье. Они состоят из сегментов, узловых точек, управляющих точек и касательных линий (векторов)
(рис. 48).
58
Таблица 4
Инструменты
Результат
Rectangle (Прямоугольник) и 3-Point
Rectangle (3-точечный прямоугольник)
Ellipse (Эллипс) и
(3-точечный эллипс)
3-Point
Ellipse
Polygon (Многоугольник), Graph Paper
(Сетка), Spiral (Спираль)
Выделенная узловая точка
Касательная линия (вектор)
Управляющая точка
Начальная точка
Невыделенные узловые точки
Рис. 48. Представление кривой Безье
Форму кривой изменяют:
 перемещая узловые и управляющие точки;
 изменяя свойства узлов;
 добавляя или удаляя новые узлы.
При выделении узловой точки криволинейного сегмента у нее
появляются одна или две управляющие точки, соединенные с узловой точкой касательными линиями (векторами). Расположение
59
касательных точек и управляющих точек определяет длину и кривизну криволинейного сегмента, а их перемещение приводит к изменению формы контура.
В Corel Draw узловые и управляющие точки можно перемещать
с помощью инструмента Shape (Форма). Для этого достаточно
щелкнуть данным инструментом на соответствующей узловой или
управляющей точке и перемещать их в нужном направлении.
Вид касательных линий и методы управления кривизной сегмента определяются типом узловой точки. В Corel Draw различают
три типа узловых точек:
 симметричный узел (symmetrical mode);
 гладкий узел (smooth mode);
 острый узел (cusp mode).
У симметричного узла оба отрезка касательных по обе стороны
точки привязки имеют одинаковую длину и лежат на одной прямой, которая показывает направление касательной к контуру в
данной узловой точке. Это означает,
что кривизна сегмента с обеих сторон
точки привязки одинакова (рис. 49).
Модификация длины касательной
линии с одной стороны точки привязки путем перемещения управляющей
точки приводит к соответствующему
изменению и второй касательной лиРис. 49. Симметричный узел нии, что трансформирует радиус кривизны в точке привязки.
У гладкой точки оба отрезка касательных линий по обе стороны
точки привязки лежат на одной прямой, которая показывает направление касательной к кривой в данной точке, но длина управляющих
линий разная (рис. 50). Это говорит о том, что кривизна криволинейных участков, прилегающих к этой
точке, различна с разных ее сторон.
Изменение длины касательной линии с одной стороны точки привязки
путем перемещения управляющей
точки приводит к соответствующему
изменению радиуса кривизны этого
криволинейного сегмента с одной стороны узловой точки. При этом длина
второго отрезка касательной линии
не изменяется.
Рис. 50. Гладкий узел
60
У острого узла касательные линии с
разных сторон узловой точки не лежат
на одной прямой (рис. 51), поэтому два
криволинейных сегмента, прилегающих
к опорной точке, имеют различную кривизну с разных сторон узловой точки, и
контур в этой точке образует резкий излом. Радиус кривизны и угол наклона
Рис. 51. Острый узел
касательной для каждого криволинейного сегмента можно регулировать независимо друг от друга соответствующим изменением длины и угла
наклона касательной линии для каждого прилегающего к опорной
точке криволинейного сегмента в отдельности.
1.2. Создание сложных геометрических объектов
Векторное изображение может состоять из десятков и сотен объектов (контуров). Все они первоначально создаются как простые
объекты на основе геометрических примитивов или кривых Безье,
из которых потом формируется сложный объект. Для формирования сложного объекта и фиксации его формы в Corel Draw предусмотрены следующие операции:
 группировка объектов;
 формирование объектов на основе булевских операций;
 использование составных контуров.
Группировка объектов предполагает объединение нескольких
объектов в одну группу. Для этого используют команду Arrange >
Group (Монтаж> Группировать). Предварительно перед ее применением следует выделить все объекты с помощью инструмента Pick
(Указатель). Это делают путем протягивания с помощью мыши прямоугольной рамки выделения, захватывающей все группируемые
объекты. Свойства объектов, составляющих группу, не изменяются.
Обратная операция – выделение отдельных объектов из группы выполняется командой Arrange>Ungroup (Монтаж>Разгруппировать).
Формирование объектов на основе булевских операций предполагает создание объекта на основе нескольких простых с использованием операций ИЛИ, И, И-НЕ.
В отличие от операции группировки свойства исходных объектов теряются. Основными командами в этом случае являются:
 Weld (Объединение). После выполнения команды в результирующий контур входят все контуры исходных объектов (рис. 52).
61
Исходные объекты
Результат
пересечения (intersection)
Результат
объединения (weld)
Результат
исключения (trim)
Рис. 52. Объекты, сформированные с помощью команд Weld (Объединение), Intersection(Пересечение) и Trim (Исключение)
 Trim (Исключение). После выполнения команды в результирующий контур входит часть конура верхнего объекта не пересекающаяся с нижним (см. рис. 52).
 Intersection (Пересечение). После выполнения команды в результирующий контур входят общие части контуров исходных
объектов (см. рис. 52).
Все перечисленные команды расположены в подменю Arrange >
Shaping (Монтаж > Формирование).
Для создания составного контура следует выделить исходные
контуры и выбрать команду Arrange > Combine (Монтаж > Соединить).
Главное отличие этой операции от операции группировки – возможность превращения нескольких объектов в один объект более сложной
формы. Полученный в результате этой операции объект можно дополнительно редактировать с помощью инструмента Shape (Форма).
2. Порядок выполнения работы
2.1. Создание фона
2.1.1. После загрузки программы на экране вы увидите контур
чистого листа, на котором вам предстоит рисовать логотип фирмы
«Чеширский кот» (рис. 53).
62
Рис. 53. Логотип фирмы «Чеширский кот» – результат вашей работы
2.1.2. Выберите формат листа А4.
2.2. Построение эллипса – головы кота
2.2.1. Выберите инструмент Ellipse (Эллипс) (рис. 54). Курсор
примет вид крестика с расположенным рядом эллипсом.
Pick (Указатель)
Shape (Фигура)
Freehand (Кривая)
Rectangle (Прямоугольник)
Ellipse (Эллипс)
Polygon (Многоугольник)
Outline (Абрис)
Fill (Заливка)
Рис. 54. Панель инструментов редактора Corel Draw
63
2.2.2. Щелкните мышью на странице. Вы выбрали левый верхний угол габаритного прямоугольника, в который будет вписан эллипс.
2.2.3. Не отпуская кнопку мыши, перемещайте курсор. Получив
эллипс требуемой формы (см. рис. 53), отпустите кнопку мыши.
Для построения эллипса с центром в заданной точке необходимо
нажать клавишу Shift.
2.3. Построение точных кругов – глаз кота
2.3.1. Щелкните мышью на начальной точке при выбранном инструменте Ellipse (Эллипс) и нажмите клавишу «Ctrl».
2.3.2. Удерживая ее, переместите мышь.
2.3.3. Отпустите сначала кнопку мыши, затем «Ctrl».
2.4. Построение прямоугольников
и многоугольников – короны кота
2.4.1. Дополните рисунок двумя вертикальными эллипсами, которые будут использованы при создании короны кота.
2.4.2. Выберите инструмент Rectangle (Прямоугольник) (рис. 54).
Постройте три прямоугольника один под другим (основание короны). Вы можете построить их разными способами: из угла и из центра – при нажатой и отпущенной клавише Shift соответственно.
2.4.3. Выберите нижний прямоугольник с помощью инструмента Pick (Указатель) (см. рис. 54) и задайте величину закругления
углов в специальных окнах на панели свойств (рис. 55).
2.4.4. Выберите инструмент Polygon (Многоугольник) (см.
рис. 54). Постройте многоугольник – зубец короны. Многоуголь-
Масштабирование
Поворот Отражение
Координаты Размеры Непропорциональное
масштабирование
Уровень сгругления углов
Рис. 55. Панель свойств объекта (прямоугольник)
64
ник должен быть расположен в центре основания короны и иметь вертикальную ориентацию (рис. 56).
2.4.5. Постройте еще один многоугольник
в центре эллипса – нос кота. Число сторон
многоугольника можно менять. Соответствующая строка ввода в панели свойств помечена
звездочкой. Введите число 3 в строку ввода.
Объект превратится в треугольник. Для того
чтобы треугольник был ориентирован основанием вверх, нажмите кнопку Mirror (Отражение) на панели свойств.
Рис. 56. Фрагмент логотипа
2.5. Рисование прямых линий – «улыбки» кота
2.5.1. Выберите инструмент Free Hand (Кривая). Подведите перекрестье курсора к точке, где будет начинаться «улыбка»
(см. рис. 56). Щелкните и отпустите кнопку мыши. Перемещайте
мышь. За курсором потянется линия. Когда она достигнет нужной
длины, щелкните кнопкой мыши.
2.5.2. Для создания «улыбки» созданную прямую линию надо
продолжить. Для этого подведите курсор к правому концу линии,
щелкните на конце линии и проведите еще одну прямую. Создайте
всю «улыбку» кота.
2.6. Рисование линий произвольной формы – усов кота
2.6.1. Выберите инструмент Free Hand (Кривая). Щелкните в
точке, где будет начинаться ус. Не отпуская кнопку мыши, нарисуйте коту ус, затем отпустите кнопку. Кривая имеет несколько узлов, выделенных белыми квадратиками.
2.6.2. Выберите инструмент Shape (Фигура). Щелкните на каком-нибудь узле. Помимо маркера, обозначающего сам узел, у выделенного узла появятся две касательных линии (векторы).
Изменяя положения и длину касательных линий, а также положение узловой точки, вы можете придать кривой (усам кота) любую форму.
Если в процессе работы вам необходимо удалить узел, выделите его и нажмите на кнопку со знаком минус на панели свойств
(рис. 57). Если необходимо добавить узел, то щелчком мыши укажите его место. На линии появится круглая жирная точка, затем
щелкните по кнопке со знаком плюс на панели свойств.
65
Добавить узел
Преобразовать
в кривую
Удалить узел
Тип узловой точки
Рис. 57. Панель свойств объекта (кривая)
2.7. Редактирование кривых – «улыбки» кота
2.7.1. Выберите инструмент Shape (Фигура) (см. рис. 54). Выделите «улыбку» кота. В узлах соединения сегментов линии появятся хорошо заметные маркеры.
2.7.2. Выделите второй узел слева. Щелкните по кнопке Convert
Line to Curve (Преобразовать в кривую) на панели свойств (рис. 57).
Вид первого сегмента не изменился, но из его узлов идут касательные линии, позволяющие (как было описано выше) плавно менять
форму кривой.
2.7.3. Преобразуйте все остальные участки ломаной линии. Для
этого выберите все узлы и щелкните по кнопке Convert Line to Curve
(Преобразовать в кривую). Теперь каждый узел, если его выделить,
будет иметь касательные векторы.
2.7.4. Выберите все узлы, кроме среднего. В панели свойств щелкните по кнопке Make Node Symmetrical (Сглаженный). Углы ломаной линии превратятся в плавные переходы между сегментами.
2.7.5. Отредактируйте форму «улыбки», пользуясь теми же
приемами, как и для редактирования формы усов.
2.8. Копирование и вклеивание объектов
2.8.1. С помощью инструмента Pick (Указатель) выделите пятиугольник – зубец короны.
2.8.2. Выберите в главном меню пункт Edit>Copy (Правка> Копировать) или одновременно нажмите клавиши «Ctrl+Insert»: вы
скопировали объект и поместили его в буфер обмена.
2.8.3. Выберите в главном меню пункт Edit > Paste (Правка >
Вставить) или одновременно нажмите клавиши Shift+Insert.
Объект из буфера будет вклеен на рабочую страницу поверх
исходного.
66
2.8.4. С помощью инструмента Pick (Указатель) выделите и переместите объект. Поместите копию зубца короны на левом краю
основания (рис. 58). Перемещение будет
осуществляться строго в горизонтальном
или вертикальном направлении, если удерживать нажатой клавишу Ctrl.
Кроме копирования можно производить
Рис. 58. Фрагмент вырезание объектов – пункт меню Edit>Cut
логотипа
(корона)
(Правка>Вырезать) или одновременное нажатие клавиш Shift и Delete. При этом объект исчезает с экрана, но его копия попадает в буфер обмена и может быть вставлена в любую часть рисунка.
2.9. Масштабирование и наклон
Второй зубец короны должен быть меньшего размера.
2.9.1. Выделите его инструментом Pick (Указатель). Для изменения размеров можно использовать панель свойств или провести
интерактивное изменение размеров: щелкнув мышью по одному
из угловых манипуляторов рамки, окружающей многоугольник, и
перемещая его. Для того чтобы объект менял размер относительно
центра, следует держать нажатой клавишу Shift.
2.9.2. Измените размеры второго эллипса в соответствии с новыми размерами зубца короны.
Наклон любого объекта производится Манипуляторы наклона
также с использованием манипуляторов
(рис. 59).
2.9.3. Выделите левый пятиугольник.
Щелкните на нем еще раз: манипуляторы
превратились в стрелки.
2.9.4. Щелкните на манипуляторе наклона в виде двусторонней стрелки и перемещайте курсор. Фигура наклоняется: ее
верхняя часть сдвигается, а нижняя остается на месте. Посмотрите другие возможные варианты наклонов, экспериментируя
с другими манипуляторами рамки.
2.9.5. Переместите левый эллипс так, Манипуляторы поворота
Рис. 59. Маркеры- чтобы он частично перекрывал пятиугольманипуляторы
ник короны (см. рис. 58).
67
2.10. Отражение
2.10.1. Выделите правый эллипс. Скопируйте его и вклейте. Выделите копию.
2.10.2. Щелкните на манипуляторе, расположенном на середине левой стороны габаритного прямоугольника.
2.10.3. Переместите его к центру. Фигура превратилась в свое
отражение.
2.10.4. Переместите созданный эллипс так, чтобы он располагался симметрично первому относительно оси пятиугольника (см.
рис. 58).
2.11. Поворот – создание уха из носа
2.11.1. Создайте копию треугольника. Переместите копию на
другое место.
2.11.2. Щелкните на треугольнике, чтобы манипуляторы превратились в стрелки.
2.11.3. Щелкните на одном из угловых манипуляторов, имеющих вид изогнутых двунаправленных стрелок (см. рис. 59).
2.11.4. Перемещайте курсор, при этом будет происходить поворот объекта. Поверните треугольник приблизительно на 150° против часовой стрелки.
2.11.5. Увеличьте полученный объект (ухо) и переместите его на
нужное место.
2.12. Дублирование
Дублирование отличается от копирования тем, что копия объекта появляется сразу, минуя буфер обмена.
2.12.1. Выделите глаз кота. Перетащите его в нужном направлении.
2.12.2. Когда глаз будет помещен на нужное место, нажмите правую кнопку мыши, рядом с курсором появится знак «+» в рамке.
2.12.3. Отпустите сначала левую, а затем правую кнопку мыши.
2.12.4. Продублируйте ус кота дважды, каждый раз перемещая
копию вниз.
2.13. Операции с несколькими объектами
2.13.1. Выделите ухо кота, левый эллипс и зубец короны, щелкая на этих объектах, держите нажатой клавишу Shift.
68
2.13.2. Проведите операцию дублирования при отражении. Для этого перемещайте центральный левый манипулятор
к противоположенной стороне габаритного прямоугольника, удерживая Ctrl и
обе кнопки мыши. Когда вы увидете отражение объектов, отпустите левую, затем правую кнопку мыши.
2.13.3. Полученное отраженное изображение переместите на нужное место.
Рис. 60. Фрагмент 2.13.4. Аналогичным образом создай- логотипа после операции те вторую половину усов кота (рис. 60).
дублирования
2.14. Задание абриса пера и заливка объектов цветом
2.14.1. Выделите глаза кота. Окрасьте глаза кота в какой-нибудь цвет, щелкнув по нему на палитре.
2.14.2. Выделите четырехугольники короны, залейте их золотистым цветом. Зубцам короны назначьте темно-зеленый цвет, эллипсам – светло зеленый.
2.14.3. Выделите усы кота. Нажмите на кнопку, соответствующую инструменту Outline (Абрис) (см. рис. 54). В появившемся
меню выберите Outline Pen Dialog (Диалог атрибуты абриса) и подберите нужную толщину усам кота в открывшемся диалоговом
окне Outline Pen(Атрибуты абриса) – (рис. 61).
Рис. 61. Диалоговое окно «Атрибуты абриса»
69
2.14.4. Усы и «улыбка» должны иметь закругленные концы.
Выделите нужные объекты и откройте диалоговое окно Outline
Pen (Атрибуты абриса). В разделе Line caps (Концы линий ) флажок
установите в положение «cкругленные концы».
2.14.5. Треугольник, нос кота, имеет скругленные углы. Выделите его и откройте диалоговое окно Outline Pen (Атрибуты абриса).
В разделе Corners (Углы) установите флажок в положение «скругленные углы».
2.15. Взаимодействие объектов (объединение)
2.15.1. Выберите голову кота (большой эллипс). Выберите в
меню пункты Arrange > Shapping > Weld (Монтаж>Формирование
>Объединение). В открывшемся диалоговом окне Shapping (Формирование) снимите оба флажка
группы Leave Original (Сохранять
оригинал).
2.15.2. Щелкните по большой
кнопке Weld to (Объединение).
Курсор превратится в стрелку с
Рис. 62. Фрагмент логотипа:
двумя объединенными прямоуголова кота после операции гольниками.
объединения
2.15.3. Щелкните стрелкой на
ухе кота.
2.15.4. Повторите ту же операцию с другим ухом кота (рис. 62).
2.16. Пересечение
2.16.1. Выделите средний пятиугольник короны. В свитке
диалогового окна Shapping (Формирование) выберите команду
Intersect (Пересечение). Снимите флажок.
2.16.2. Щелкните на кнопке Intersect (Пересечение).
2.16.3. Курсор принял вид стрелки с двумя пересеченными прямоугольниками. Щелкните ею на эллипсе. Он будет обрезан по боковым граням пятиугольника.
2.16.4. Проведите операцию пересечения второго эллипса с зубцом короны.
2.16.5. Выделите левый пятиугольник. Проведите операцию
пересечения этого пятиугольника и маленького эллипса.
2.16.6. Выполните пересечение правого пятиугольника и эллипса.
70
2.17. Исключение (обрезка) объектов
2.17.1. Нарисуйте прямоугольник, примыкающий к двум верхним прямоугольникам короны. Наклоните его. Дублируйте его с
отражением и перенесите симметрично относительно средней линии (рис. 63). Выделите полученный параллелограмм.
2.17.2. В свитке диалогового окна Shapping (Формирование) выберите команду Trim
(Исключение). Снимите флажок Target object
(Объект назначения). Установите флажок
Source objects ( Исходные объекты).
2.17.3. Щелкните на кнопке Trim (ИсРис. 63. Фрагмент
ключение) внизу свитка. Выберите верх- логотипа: корона перед
ний прямоугольник, который будет обре- операцией исключения
зан параллелограммом.
2.17.4. Обрежьте прямоугольник со второй стороны.
2.17.5. Проведите обрезку второго прямоугольника короны.
3. Содержание отчета
1. Перечень и краткая характеристика основных инструментов,
использованных при выполнении лабораторной работы.
2. Созданное изображение – логотип фирмы «Чеширский кот».
4. Контрольные вопросы
1. Какие инструменты используют в программе Corel Draw для
рисования графических примитивов?
2. Что такое кривая Безье? Какие геометрические объекты создают с помощью кривых Безье?
3. Каким образом изменяют форму кривой Безье?
4. Какие типы узловых точек кривых Безье поддерживает программа Corel Draw? Дайте их краткую характеристику.
5. Что такое сложный объект и каким образом он может быть
создан в программе Corel Draw?
6. Каким образом формируют сложные объекты на основе булевских операций?
Библиографический список
1. Петров М. Н., Молочков В. П. Компьютерная графика: Учеб.
для вузов. СПб.: Питер, 2006. 811 c.
71
2. Глушаков С. В., Гончарова Е. В. Corel Draw X4. Сер. Эффективное руководство. М.: Аст Москва, 2008. 480 с.
3. Миронов Д. Corel Draw X3. Сер. Учебный курс. Спб.: Питер,
2007. 400 с.
4. Левковец Л. Уроки компьютерной графики. Corel Draw X3.
СПб.: Питер, 2006. 400 с.
72
Лабораторная работа № 6
ОСВОЕНИЕ ПРИЕМОВ РАБОТЫ СО ШРИФТАМИ
В ПРОГРАММЕ COREL DRAW
Цель работы: знакомство с основными инструментами для создания и редактирования текста в программе Corel Draw; получение
практических навыков по работе с фигурными и простыми шрифтами, созданию авторского шрифта, а также навыков по использованию специальных эффектов (выдавливания, перетекания, перспективы, оболочки и др.).
1. Методические указания
1.1. Основные сведения о шрифтах и принципах работы
с текстовыми объектами в программе Corel Draw
Шрифт – это общий термин, которым называют набор текстовых символов определенного стиля (например, жирный или курсив) и определенного размера (например, 10 пунктов), имеющих
конкретное начертание (например, Times New Roman).
По способу организации шрифты разделяют на две группы:
 растровые шрифты (bitmap font);
 векторные шрифты (outline font).
Растровые шрифты – это точечное изображение. Примерами базовых растровых шрифтов являются MS Serif, MS Sans Serif, Small
Fonts и Symbol. Растровые шрифты очень плохо масштабируются. Это
специальные служебные шрифты, которые используют для быстрого вывода на экран. Сейчас растровые шрифты применяют довольно
редко, их практически полностью вытеснили векторные шрифты.
Векторные шрифты представляют собой математическую модель,
где каждый символ состоит из набора узлов и линий, образующих
контур символа. Поэтому такие шрифты называют контурными.
Векторные шрифты легко масштабируются без потери качества.
Основные форматы векторных шрифтов Type 1, True Type и
Open Type.
В редакторе Corel Draw используют векторные шрифты, которые являются основой двух разновидностей текста:
 простого (paragraph);
 фигурного (artistic).
Фигурный текст предназначен для создания заголовков, оформления сложных надписей на рисунках, схемах, диаграммах и в других случаях, когда используют короткие текстовые вставки. К это73
му типу текста может быть применено большинство специальных и
художественных эффектов Corel Draw. Это позволяет использовать
текстовый объект в качестве элемента дизайна.
Простой текст удобен при создании и редактировании больших
блоков текста. Редактирование этого вида текста близко к редактированию теста в программе Microsoft Word.
Для ввода и редактирования теста любого типа используют инструмент Text (Текст). После выбора этого инструмента в левой части панели свойств появляются две кнопки, задающие вид вводимого текста (рис. 64).
Преобразование одного вида текста в другой реализуют с помощью команды Text > Convert to Paragraph (Artistic) text (Текст > Преобразовать в простой (фигурный) текст).
В Corel Draw большинство атрибутов текста может быть установлено или настроено на панели свойств, автоматически отображаемой после выбора инструмента Text (Текст). Назначение основных элементов управления этой панели раскрыто на рис. 64.
1.2. Специальные эффекты в программе Corel Draw
К специальным эффектам Corel Draw, позволяющим приблизить
достаточно «сухой» контурный рисунок к реалистичному, относят
имитацию объема, полупрозрачности объекта, перспективные искажения и др. Все специальные эффекты могут быть применены
как к графическим объектам, так и к фигурному тексту. Краткое
описание основных специальных эффектов приведено в табл. 5.
В Corel Draw доступ к специальным эффектам реализуется путем
выбора соответствующих инструментов или вызовом одноименной
команды из меню пункта Effects (Эффекты) (рис. 65).
2. Порядок выполнения работы
После загрузки программы на экране вы увидите контур чистого
листа, на котором можно писать и рисовать.
2.1. Организация фигурного текста и его закраска
2.1.1. Выберите инструмент Text (Текст) (рис. 66) и щелкните
мышью по листу там, где вы хотите расположить текст. Введите
текст «Компьютерный дизайн в рекламе».
2.1.2. Выберите инструмент Pick (Указатель): текст будет окружен восьмью маркерами; в панели свойств откройте список шрифтов и выберите Arial; установите размер шрифта 24 пункта;
74
Таблица 5
Название
эффекта
Краткая характеристика
Экструзия
(Extrude)
Эффект предназначен для придания иллюзии объема плоским объектам. Исходный объект дополняется боковыми
гранями. Длина боковых граней определяет глубину экструзии
Перетекание Эффект заключается в построении фигур, имеющих про(Blend)
межуточную форму между двумя заданными. Промежуточные фигуры плавно изменяют форму и цвет от начальной
фигуры к конечной
Оболочка
Эффект позволяет поместить любой объект внутрь произ(Envelope)
вольного контура. Объект деформируется стараясь принять
форму оболочки
Перспектива Эффект предназначен для придания объекту иллюзии объ(Add
ема за счет преобразования его границ. С помощью этого
Perspective) эффекта можно имитировать фронтальную и угловую перспективу
Ореол
Эффект заключается в создании вокруг исходного объекта
(Contour)
совокупности вложенных контуров, повторяющих по форме исходный объект. Эффект напоминает эффект перетекания, но сам объект остается неизменным
Линза
Эффект имитирует представление части объекта через
(Lens)
увеличительное стекло или стекло с особыми свойствами.
С помощью этого эффекта можно сделать часть объекта прозрачной или увеличить ее, удалить определенные цветовые
тона, сформировать черно-белое изображение и многое другое. В Corel Draw предусмотрено 12 вариантов линз
2.1.3. Выберите указателем любой маркер и измените масштаб
фразы (текст оставьте горизонтальным).
2.1.4. Установите указатель в центр рамки и поместите текст
симметрично внутри контура листа.
2.1.5. Измените цвет текста, выбрав его в палитре указателем,
в случае необходимости увеличьте число доступных цветов, щелкнув по кнопке, расположенной под палитрой (рис. 67).
2.1.6. Сделайте обводку букв текста. Нажмите на кнопку, соответствующую инструменту Outline (Абрис) (см. рис. 54). В появившемся меню выберите Outline Color (Диалог цвет абриса). В открывшемся диалоговом окне задайте необходимый цвет; закройте
диалоговое окно.
2.1.7. Установите жирный шрифт.
75
76
Font list SizeL
(Список кеглей)
Decrease Indent
(Уменьшение отступа)
Increase Indent
(Увеличение отступа)
Show/Hide Bullet
(Показать/скрыть
маркеры списка)
Show/Hide Drop Cap
(Показать/
скрыть буквицу)
Non-printing
Characters
(Служебные символы)
Edit Text
(Открытие диалогового
окна Редактирование текста)
Format Text
Underline
(Открытие диалогового
(Подчеркнутый)
окна Форматирование текста)
Horizontal Alignment
(Горизонтальное выравнивание раскрывающийся список
с 6 видами выравнивания)
Fontlist L
(Список гарнитур)
Italic
(Курсив)
Рис. 64. Панель свойств инструмента Text (Текст) и назначение основных элементов управления
Style List
(Список стилей)
Default Style to Edit
(Вид текста
простой/фигурный)
Bold
(Полужирный)
Эффект «Перетекание»
Эффект «Ореол»
Эффект «Оболочка»
Эффект «Экструзия»
Эффект «Линза»
Эффект «Перспектива»
Рис. 65. Панель свойств инструмента Text (Текст) и назначение основных элементов управления
Text Tool
(Инструмент текст)
Interactive Blend Tool
(Инструмент
Интерактивное перетекание)
Рис. 66. Фрагмент панели инструментов редактора Corel Draw
Развернуть палитру
Рис. 67. Фрагмент палитры
77
2.2. Создание авторского шрифта
2.2.1. Выделите первую букву: для этого выберите инструмент
Shape (Фигура), щелкните мышью по тексту; под каждой буквой
появятся точки; нацельте указатель на точку под первой буквой,
нажмите левую кнопку мыши и переместите букву вверх или вниз;
отпустите кнопку мыши.
2.2.2. Измените цвет выделенной буквы выбрав его в палитре
указателем.
2.2.3. Измените размер выделенной буквы установив требуемый размер шрифта в панели свойств.
2.2.4. Выберите инструмент Shape (Фигура); удерживая клавишу Shift, выберите несколько букв (щелкая мышью по маркерам –
точкам под буквами) и сместите выделенное.
2.2.5. Выберите инструмент Pick (Указатель), выделите весь
текст. Нажмите правую кнопку мыши и в появившемся меню выберите пункт Convert to Curve (Преобразовать в кривую).
2.2.6. Выберите инструмент Shape (Фигура), щелкните мышью
по тексту: обозначатся узлы букв. Увеличьте масштаб столь сильно, чтобы узлы не сливались.
2.2.7. Удерживая клавишу Shift, выделите узлы нижнего элемента буквы К. Захватите любой из выделенных узлов и перемещайте его (если нажата клавиша Ctrl, перемещение возможно
только по горизонтали или вертикали).
2.3. Размещение текста по кривой
2.3.1. Выберите инструмент Ellipse (Эллипс) и обведите текст;
2.3.2. Выберите инструмент Text (Текст). Подведите указатель к
отмеченной точке эллипса (указатель изменит свою форму) и щелкните мышью. Наберите фразу: «ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ АЭРОКОСМИЧЕСКОГО ПРИБОРОСТРОЕНИЯ».
2.3.3. С помощью инструмента Pick (Указатель) выделите введенный текст; на появившейся панели свойств измените ориентацию текста относительно кривой.
2.4. Привязка текста к кривой
2.4.1. Введите произвольный текст из двух или трех слов.
2.4.2. Выберите инструмент Ellipse (Эллипс); на панели свойств
установите дугу эллипса от 0 до 180°.
2.4.3. Инструментом Pick (Указатель) выберите введенный
текст, затем, удерживая клавишу Shift, – дугу эллипса.
78
2.4.4. Инициализируйте команду Text > Fit Text to Path
(Текст>Текст вдоль кривой): текст разместится вдоль кривой эллипса.
2.5. Организация квазитрёхмерного шрифта:
эффект Extrude (Экструзия)
2.5.1. На свободном месте экрана наберите текст: «КАФЕДРА
85». Выделите текст указателем и измените жирность, цвет заливки и цвет абриса.
2.5.2. Выберите инструмент Fill (Заливка) и в появившемся меню
выберите Fountain Fill (Градиентная заливка). В открывшемся диалоговом окне задайте тип заливки Linear (Линейная) и цветовой
переход. Познакомьтесь с заливками узорами и текстурой открыв
диалоги Pattern Fill (Заливка текстурой) и Texture Fill (Заливка узором) (рис. 68).
2.5.3. В главном меню инициализируйте команду Effects>
Extrude (Эффекты>Выдавливание), появится дополнительная панель (свиток) этого эффекта. Если введенный вами тест не выделен,
то выберите его с помощью инструмента Pick (Указатель). В свитке
выберите закладку Extrude Camera (Глубина выдавливания) (рис.
69) и нажмите кнопку Edit (Редактировать).
2.5.4.Выберите направление выдавливания текста – Small Back
(Назад с уменьшением). Изменяя положение указателя – «крестика», выберите глубину выдавливания.
2.5.6. Выберите закладку Extrude Color (Цвет) в свитке (рис.
69) и нажмите кнопку Edit (Редактировать). Переключатель Color
Fill Color Dialog
(Диалог Однотонная заливка)
Pattern Fill Dialog
(Диалог Заливка узором)
Fountain Fill Dialog
(Диалог Градиентная заливка)
Texture Fill Dialog
(Диалог Заливка текстурой)
Рис. 68. Диалоги инструмента Fill (Заливка)
79
Wheel установите в положение Shadow (Тень) и определите цвет заливки для тени. Примените эффект.
2.5.7. Выделите то, что у вас получилось с помощью инструмента Pick (Указатель) и разместите на логотипе.
2.6. Эффект Extrude Bevel (Скос)
2.6.1. Введите произвольное слово, выберите жирный шрифт
размера 100 и раскрасьте его.
2.6.2. Выберите эффект Extrude (Выдавливание). В появившемся свитке выберите закладку Extrude Bevel (Скос) (см. рис. 69); нажмите кнопку Edit (Редактировать). Установите опции Use Bevel
(Использовать только скос): глубину и угол скоса можно менять.
2.6.3. На закладке Extrude Color (Цвет) переключатель Color
Wheel установите в положение Use Object fill (Заливка объекта);
2.6.3.На закладке Extrude Light (Свет) (см. рис. 69) нажмите
кнопку Light Switch 1 (Источник света 1), и выберите его положение
(рекомендуемое положение – правый передний угол).
2.6.4. Примените эффект.
Extrude Light
(Свет)
Extrude Rotation
(Поворот)
Extrude Camera
(Глубина выдавливания)
Extrude Color
(Цвет)
Extrude Bevel
(Скос)
Рис. 69. Свиток эффекта Extrude (Выдавливание)
80
2.7. Эффект Extrude Rotation (Поворот)
2.7.1. Выберите закладку Extrude Rotation (Поворот) (см. рис.
69). В свитке Extrude (Выдавливание), чтобы повернуть объект,
установите указатель мыши на круг из красных кубиков и, меняя
его положение, выберите нужную ориентацию слова, затем примените эффект.
2.7.2. Повторите эффект скоса, не выбирая опцию Show Bevel
Only (Показывать только скос).
2.8. Эффекты Envelope (Оболочка)
2.8.1. Введите любые буквы или слово и выберите его указателем.
Инициализируйте команду Effects>Envelope (Эффект>Оболочка).
2.8.2. Установите опцию Straight Line (Прямая), нажав на кнопку с изображением четырехугольника (рис. 70). Нажмите кнопку
Add New (Создать новую).
2.8.3. Измените форму оболочки, перемещая с помощью мыши
узловые точки. Исследуйте другие опции для оболочки. Обратите
внимание на опцию Unconstrained (Произвольная) (см. рис. 70).
Single Arc
(Простая дуга)
Straight Line
(Прямая)
Double Arc
(Двойная дуга)
Unconstrained
(Произвольная)
Рис. 70. Фрагмент свитка эффекта Envelope (Оболочка)
81
2.8.4. Выберите произвольно изогнутое слово с помощью инструмента Pick (Указатель), перетащите его на свободное место;
еще раз щелкните мышью по центру выбранного слова; пользуясь манипуляторами наклона и поворота, расположите его произвольно.
2.8.5. Самостоятельно выберите цвет, цвет абриса; произведите
выдавливание и раскрасьте тень.
2.9. Эффект Add Perspective (Перспектива)
2.9.1. Откройте вторую страницу. Для этого щелкните мышью
по кнопке «+» в строке состояния.
2.9.2. Введите произвольное слово; увеличьте его размер; раскрасьте текст понравившейся текстурой.
2.9.3. Инициализируйте команду Effects> Add Perspective
(Эффект>Добавить перспективу).
2.9.4. Регулируя мышью положение узлов рамки, добейтесь эффекта прямой и обратной перспективы.
2.10. Эффект Blend (Перетекание)
2.10.1. Введите произвольное слово; увеличьте его размер; раскрасьте текст понравившейся текстурой; выделите инструментом
Pick (Указатель) текст и продублируйте его на свободном месте, использовав команды Edit >Copy (Правка>Копировать) и Edit >Paste
(Правка> Вставить).
2.10.2. Изменяя размер рамки, уменьшите размер скопированного текста.
2.10.3. Выбрав инструмент Interactive Blend (Интерактивное
перетекание) (см. рис. 66), свяжите два объекта: поместите указатель на первый объект и нажмите левую кнопку мыши; удерживая
кнопку нажатой, переместите указатель на второй объект, отпустите кнопку мыши.
2.10.4. Инициализируйте команду Effects > Blend (Эффекты >
Перетекание), в открывшемся свитке на закладке Blend Steps (Основные параметры) (рис. 71) установите число шагов, равное 3. Нажмите кнопку Apply (Применить).
2.10.5. Перейдите на закладку Blend Acceleration (Ускорение)
(см. рис. 71) и с помощью движка Accelerate Objects (Ускорение
объектов) отрегулируйте расстояние между объектами. Нажмите
кнопку Apply (Применить).
82
Blend Acceleration
(Ускорение)
Blend Steps
(Основные установки)
Blend Color
(Цвет)
Miscellaneous Blend Options
(Дополнительные установки)
Рис. 71. Фрагмент свитка эффекта Blend (Перетекание)
2.11. Эффект Blend Path
(Перетекание по произвольной кривой)
2.11.1. Повторите три первых пункта предыдущей инструкции.
2.11.2. Выберите инструмент Freehand (Кривая) и нарисуйте
путь между фрагментами текста, по которому вы намерены осуществить «перетекание».
2.11.3. Выполните эффект перетекания с числом шагов 5.
2.11.4. В свитке Blend (Перетекание) нажмите правую нижнюю
кнопку Path (Путь) (см. рис. 71) и выберите New Path (Новый путь)
в контекстом меню; на появившейся кривой стрелкой укажите на
нарисованную вами кривую пути. Установите флаг Blend along all
path (Перетекание по пути).
2.11.5. Нажмите кнопку Apply (Применить).
2.12. Организация простого текста
2.12.1. Ввод простого текста начинается с указания места, где
будет расположен текст. Выберите инструмент Text (Текст) и, удерживая кнопку мыши, очертите рамку, в которую введите текст рекламного обращения (более 7 строк).
83
2.12.2. Выберите инструмент Pick (Указатель) и выделите текст.
Работая с узлами рамки, измените площадь, отведённую тексту. Еще
раз щелкните мышью по рамке с текстом: появятся манипуляторы
наклона и поворота; с их помощью измените ориентацию текста.
2.13. Получение текста с произвольными границами
2.13.1. Выделите с помощью инструмента Pick (Указатель) текст
и продублируйте его на свободном месте.
2.13.2. Инициализируйте команду меню Effects > Envelope
(Эффекты>Оболочка) и, работая с узлами и переключая режимы
свитка, придайте рамке желаемую форму (алгоритм работы подробно описан ранее в пункте 2.8).
2.14. Эффект «перетекания» текста
Можно разместить простой текст в двух рамках так, чтобы текст
из одной рамки «перетекал» в другую.
2.14.1. Продублируйте текст на свободном месте.
2.14.2. Щелкните мышью на белом узле рамки; вид указателя изменился; нарисуйте им другую рамку, куда будет перетекать текст.
2.14.3. Выберите инструмент Pick (Указатель) и, уменьшая размер первой рамки, наблюдайте перетекание текста во вторую.
2.15. Редактирование простого текста
2.15.1. Скопируйте простой текст на новую страницу.
2.15.2. Инициализируйте команду Text >Edit Text (Текст> Редактировать текст), откроется текстовый редактор.
2.15.3. Участок текста для форматирования выделите мышью; к
выделенному участку текста примените выравнивание, различное
начертание шрифта, буквицу и маркеры (предварительно разбейте
текст на куски используя клавишу «Enter»).
2.16. Форматирование простого текста
2.16.1. Скопируйте отредактированный текст на свободное место.
2.16.2. Инициализируйте команду Text > Format Text (Текст >
Форматировать текст); в открывшейся панели выберите закладку
Columns (Колонки), установите число колонок, равное 2, щелкните
по кнопке ОК.
2.16.3. Снова войдите в режим форматирования и изменяйте
шрифты, интервалы и используйте другие эффекты.
84
3. Содержание отчета
1. Перечень и краткая характеристика основных инструментов,
использованных при выполнении лабораторной работы.
2. Изображение, полученное в результате выполнения лабораторной работы.
4. Контрольные вопросы
1. Поясните разницу между растровыми и векторными шрифтами.
2. Какие две основные разновидности текста поддерживает
программа Corel Draw? Дайте сравнительную характеристику их
свойств.
3. Назовите основные специальные эффекты, поддерживаемые
программой Corel Draw.
4. Какой специальный эффект позволяет создавать квазитрехмерные объекты?
Библиографический список
1. Петров М. Н., Молочков В. П. Компьютерная графика: Учеб.
для вузов. СПб.: Питер, 2006. 811 c.
2. Глушаков С. В., Гончарова Е. В. Corel Draw X4. Сер. Эффективное руководство. М.: Аст Москва, 2008. 480 с.
3. Миронов Д. Corel Draw X3. Сер. Учебный курс. СПб.: Питер,
2007. 400 с.
4. Левковец Л. Уроки компьютерной графики. Corel Draw X3.
СПб.: Питер, 2006. 400 с.
85
Лабораторная работа № 7
ОСВОЕНИЕ ПРИЕМОВ РАБОТЫ
ПО МОНТАЖУ ДОКУМЕНТА В ПРОГРАММЕ
COREL DRAW
Цель работы: знакомство с основными принципами организации документов в программе Corel Draw; получение практических
навыков по созданию макета документа, организации слоев, а также навыков работы с растровыми изображениями в составе векторной иллюстрации.
1. Методические указания
1.1. Основные сведения об организации документов
в программе Corel Draw
Редактор Corel Draw позволяет реализовать «сборку» (монтаж)
рекламных обращений, журнальных страниц, обложек книг и
много другого. Под монтажом понимают объединение в рамках одного документа таких элементов, как текст, графические объекты
и растровые изображения.
Для работы со сложными документами предусмотрены специальные средства: страницы и слои.
Слой можно представить как прозрачную пленку, на которой
нарисованы объекты иллюстрации. Слои в Corel Draw имеют ту же
функцию, что и в редакторе Adobe PhotoShop. Они позволяют выделить композиционно связанные группы объектов. Слой можно
временно изъять из иллюстрации, сделав его невидимым или не
выводить на печать, сделав его «непечатаемым». Если иллюстрация сложна, то разбиение ее на слои существенно упрощает работу.
Если зафиксировать, т. е. сделать нередактируемыми другие слои,
вы получаете возможность работы с отдельным слоем.
Для управления страницами, слоями и объектами в редакторе
предусмотрен специальный инструмент – Object Manager (Диспетчер объектов).
Для вызова диспетчера объектов используют команду главного
меню Tools>Object Manager (Инструменты>Диспетчер объектов).
После вызова Object Manager (Диспетчер объектов) в правой части экрана появляется специальное окно, в котором представлены
все элементы иллюстрации (объекты, слои и страницы) в виде древовидной структуры (рис. 72).
86
Переключатель атрибута слоя:
печатать/не печатать
Переключатель атрибута слоя:
видимый/невидимый
Переключатель атрибута слоя:
доступен/недоступен
для редактирования
Стрелка вправо –
вызов меню
Диспетчера слоев
Страницы
документа
Слои
Объекты
Рис. 72. Вид окна Object Manager (Диспетчера объектов)
Имена страниц занимают самую левую позицию. Object Manager
(Диспетчер объектов) позволяет производить со страницами все основные операции: добавление, удаление и переименование. С его
помощью можно также перелистовать страницы.
От пиктограммы страницы идет пунктирная линия к пиктограмме слоя. Рядом с пиктограммой слоя находятся пиктограммы
его атрибутов. Пиктограмма Глаз позволяет управлять атрибутом
видимости слоя. Пиктограмма Принтер выводом на печать. Пиктограмма Карандаш позволяет зафиксировать слой и сделать его недоступным для редактирования (см. рис. 72).
Ниже и правее пиктограммы слоя находятся пиктограммы расположенных на нем объектов. Выделяя объект в Object Manager
(Диспетчер объектов), вы выделяете его и на иллюстрации. Это
удобно, если объекты закрывают друг друга.
Объекты в списке расположены в порядке их размещения в слое:
вверху находятся самые близкие к зрителю объекты, а внизу – самые дальние. Используя Object Manager (Диспетчер объектов),
можно менять порядок объектов в слое, а также перемещать объекты между слоями и страницами.
87
1.2. Работа с растровыми изображениями
в программе Corel Draw
Corel Draw дает возможность включать в документ растровые
изображения. Импорт растрового изображения реализуют командой File> Import (Файл>Импорт).
Corel Draw позволяет фигурно обрезать растровое изображение.
Этот процесс называется обтравкой. Обтравку выполняют с помощью инструмента Shape (Фигура). Процесс создания контура произвольной формы аналогичен редактированию кривой Безье.
Другим вариантом придания растровому изображению формы, отличной от прямоугольной, является помещение его в контейнер. Эти операции выполняют с помощью команды Effects>
PowerClip>Place Inside Container (Эффекты > PowerClip > Поместить в контейнер).
Если необходимо выполнить тоновую коррекцию изображения,
скорректировать цветовой баланс или провести другие характерные
для растровых изображений виды обработки, используют команду
BitMaps>Edit BitMap (Растровое изображение>Редактировать Растровое изображение). Команда вызывает специальный редактор
Corel Paint для работы с растровыми изображениями. Этот редактор имеет широкий спектр различных средств и по своим функциональным возможностям близок к редактору Adobe PhotoShop.
2. Порядок выполнения работы
2.1. Создание фона
2.1.1. Щелкните два раза по кнопке инструмента Rectangle
(Прямоугольник). Будет создан прямоугольник размером во весь
слой.
2.1.2. Выберите инструмент Interactive Fill (Интерактивная заливка) (рис. 73). Поместите указатель в левом верхнем углу слоя
и нажмите левую кнопку мыши. Не отпуская кнопку мыши, переместите указатель в правый нижний угол, отпустите кнопку.
Прямоугольник будет заполнен градиентной заливкой с плавным
переходом от черного цвета к белому. Вы можете переопределить
конечный и начальный цвет заливки, задавая их в панели свойств,
и изменить направление градиента, манипулируя узлами появившейся на экране пунктирной стрелки.
2.1.3. Выберите инструмент Fill (Заливка). Проведите заливку
фона узором.
88
Interactive Transparency
(Интерактивная прозрачность)
Interactive Fill
(Интерактивная заливка)
Рис. 73. Фрагмент панели инструментов редактора Corel Draw
2.1.4. Создайте еще один большой прямоугольник. Проведите
его заливку текстурой.
2.1.5. Инициализируйте команду Tools>Object Manager (Инструменты >Диспетчер объектов).
2.1.6. Для того чтобы поместить прямоугольник с текстурой над
прямоугольником с узором, выделите прямоугольник с текстурой.
Нажмите левую кнопку мыши и, не отпуская ее, переместите курсор в верх списка объектов, отпустите кнопку мыши.
2.1.7. Выберите «Прямоугольник с текстурой» используя инструмент Pick (Указатель).
2.1.8. Выберите инструмент Interactive Transparency (Интерактивная прозрачность) (см. рис. 73). В панели свойств установите
тип – Linear (Линейная). Через текстуру проявится узор предыдущего прямоугольника. Вы можете изменять направление градиента, манипулируя узлами появившейся на экране пунктирной
стрелки.
2.2. Добавление растрового изображения
2.2.1. Для удобства работы создайте новый слой. В окне Object
Manager (Диспетчер объектов) щелкните по кнопке «Стрелка вправо» (см. рис. 72). В открывшемся меню выберите пункт New Layer
(Новый слой).
2.2.2. Инициализируйте команду File> Import (Файл>Импорт).
В открывшемся диалоговом окне выберите файл, содержащий требуемое растровое изображение.
2.2.3. Щелкните по кнопке Import (Импорт). Поместите изображение на нужное вам место и нажмите левую кнопку мыши.
89
2.3. Придание контуру изображения
произвольной формы
2.3.1. Выберите инструмент Shape (Фигура) и щелкните по импортированному изображению: вокруг него появится рамка.
2.3.2. С помощью появившейся черной стрелки щелкните по одной из вершин той стороны рамки, которую вы собираетесь редактировать. В строке «Состояние» нажмите кнопку Convert Line To
Curve (Преобразовать в кривую). Около вершин выбранной стороны
появятся касательные вектора, концы векторов помечены маркерами. Изменяя положение и длину касательных векторов (перемещая
маркеры) и перемещая сами узлы (вершины), вы можете получить
необходимый вид границы растрового изображения (рис. 74).
2.3.3. Если для регулирования формы границы необходимы дополнительные узлы, то щелкните по кривой в том месте, где нужен узел.
2.3.4. На панели свойств нажмите кнопку со знаком «+», а затем
кнопку Convert Line To Curve (Преобразовать в кривую): появятся дополнительная вершина и касательные вектора. Изменяя положение
узлов и касательных векторов, добейтесь требуемой формы кривой.
2.3.5. Если вы собираетесь редактировать несколько сторон, то
повторите для них действия пунктов 2.3.2.–2.3.4.
Îòðåäàêòèðîâàííàÿ
ãðàíèöà
Ïåðâîíà÷àëüíàÿ
ãðàíèöà ðàñòðîâîãî
èçîáðàæåíèÿ
Óïðàâëÿþùèå
óçëû
Рис. 74. Редактирование контура растрового изображения
90
2.4. Помещение изображения в контейнер
2.4.1. Создайте новый слой и импортируйте на него растровое
изображение.
2.4.2. С помощью одного из инструментов: Rectangle (Прямоугольник), Ellipse (Эллипс) или Polygon (Многоугольник) создайте
контейнер требуемой формы.
2.4.3. Выберите растровое изображение инструментом Pick (Указатель).
2.4.4. Инициализируйте
команду
Effects>PowerClip>Place
Inside Container (Эффекты > PowerClip > Поместить в контейнер):
появится толстая стрелка.
2.4.5. Переместите стрелку на контейнер и щелкните мышью.
Растровое изображение переместится в контейнер.
3. Содержание отчета
1. Перечень и краткая характеристика основных инструментов,
использованных при выполнении лабораторной работы.
2. Изображение, полученное в результате выполнения лабораторной работы.
4. Контрольные вопросы
1. Раскройте понятие слоевого представления изображений в
программе Corel Draw.
2. Какой инструмент в программе Corel Draw позволяет управлять
страницами, слоями и объектами? Поясните принципы работы с ним.
3. Дайте краткую характеристику возможностей по обработке
растровых изображений в программе Corel Draw.
Библиографический список
1. Петров М. Н., Молочков В. П. Компьютерная графика: Учеб.
для вузов. СПб.: Питер, 2006. 811 c.
2. Глушаков С. В., Гончарова Е. В. Corel Draw X4. Сер. Эффективное руководство. М.: Аст Москва, 2008. 480 с.
3. Миронов Д. Corel Draw X3. Сер. Учеб. курс. СПб.: Питер,
2007. 400 с.
4. Левковец Л. Уроки компьютерной графики. Corel Draw X3.
СПб.: Питер, 2006. 400 с.
91
СОДЕРЖАНИЕ
Введение.................................................................................... Лабораторная работа № 1. Освоение приемов работы по выделению
фрагментов изображений в программе Adobe PhotoShop................... Лабораторная работа № 2. Освоение приемов компьютерной ретуши
в программе Adobe PhotoShop....................................................... Лабораторная работа № 3. Освоение приемов работы с многослойными изображениями в программе Adobe PhotoShop
(создание коллажа)..................................................................... Лабораторная работа № 4. Освоение приемов художественной
обработки фотографий в программе Adobe PhotoShop....................... Лабораторная работа № 5. Освоение приемов работы с графикой
в программе Corel Draw (создание логотипа)................................... Лабораторная работа № 6. Освоение приемов работы со шрифтами
в программе Corel Draw ............................................................... Лабораторная работа № 7. Освоение приемов работы по монтажу
документа в программе Corel Draw................................................ 92
3
11
28
45
52
58
73
86
Документ
Категория
Без категории
Просмотров
2
Размер файла
4 523 Кб
Теги
obyxova
1/--страниц
Пожаловаться на содержимое документа