Лабораторные работы по дисциплине "Системы компьютерной графики"

Лабораторные работы по дисциплине "Системы компьютерной графики"
Формат - СorelDRAW, Adobe Photoshop

Задание 1. Построение прямых линий

Самый простой случай контура — это контур с прямолинейными сегментами. Построить с помощью инструмента  Bezier (Кривая Безье) зигзагообразную линию как показано на рисунке 1.17

Рисунок 1.17 - Зигзагообразный контур из четырех линейных сегментов

Задание 2. Построение кривых

Нарисуйте волнистую линию с помощью инструмента Bezier (Кривая Безье):

1. Нажмите левую кнопку мыши.

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

3. Отпустите кнопку мыши. Переместите курсор по диагонали вниз. Нажмите левую кнопку мыши.

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

5. Отпустите кнопку мыши. Первый криволинейный сегмент построен.

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

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

8. Отпустите кнопку мыши. Теперь контур состоит из двух сегментов.

9. Повторяя шаги 3-8, вы можете создать контур из любого количества сегментов. Добавьте самостоятельно еще один сегмент.

Рисунок 1.18 - Рисование кривой

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

Рисунок 1.19 - Рисование кривой с острым перегибом

Создайте контур с сегментами разных типов как показано на рисунке 1.20.

.

Рисунок 1.20 - Контур с разными типами сегментов

Задание 3. Построение замкнутых контуров

Постройте замкнутый контур, например эллипс, у которого начальный и конечный узлы совпадают:

1. Выберите на листе свободное место и активизируйте инструмент Bezier (Кривая Безье).

2. Нарисуйте контур, изображенный на рис. 1.21, а.

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

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

5. Отпустите кнопку мыши.

Рисунок 1.21 - Построение замкнутого контура

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

Задание 4. Преобразование типов узлов

С помощью инструмента Bezier (Кривая Безье) нарисуйте простой контур, состоящий из двух криволинейных сегментов. Старайтесь создавать управляющие линии одинаковой длины для каждого из его узлов (рисунок 1.22).

Рисунок 1.22 - Простой контур из двух криволинейных сегментов

Теперь попробуйте преобразовать средний узел контура в разные типы. На первом этапе необходимо выделить тот узел контура, который следует преобразовать. Инструмент Shape (Форма) позволяет выделять отдельные узлы контура так же, как инструмент Pick (Указатель) отдельные контуры рисунка:

1. Выберите инструмент Shape (Форма). Курсор примет вид большой черной стрелки.

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

Задание 5. Изменение кривизны сегментов.

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

Для того чтобы изменить кривизну контура необходимо:

1. Убедитесь, что текущим является инструмент Shape (Форма).

2. Выделите второй узел контура щелчком мыши.

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

4. Выделите первый узел контура.

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

6. Выделите последний узел контура.

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

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

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

2. Нажмите левую кнопку мыши.

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

4. Окончательно настройте форму сегментов.

Задание 6. Рисование инструментом Freehand (Рисование от руки)

На рисунке 1.25 изображены фигуры. Выберите пару и нарисуйте их инструментом  Freehand (Рисование от руки).

Рисунок 1.25 - Примеры, выполненные инструментом Freehand (Рисование от руки)

Задание 7. Построение прямоугольников

Постройте:

- прямоугольник размером 100×50 мм;

- прямоугольник со скругленными углами;

- прямоугольник со скругленными левыми углами;

- квадрат.

Изменить степень скругления углов прямоугольника можно следующим способом:

1. Выберите инструмент  «Форма» и подведите к любому узлу прямоугольника. Обратите внимание, все узлы становятся выделенными.

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

3. Отпустите кнопку мыши. Прямоугольник приобрел скругленные углы.

Рисунок 1.26 - Скругление всех углов прямоугольника одновременно (а) и одного угла (б)

В последних версиях CorelDRAW появилась возможность независимого задания радиуса кривизны для каждого угла прямоугольника:

1. Подведите курсор к одному из узлов.

2. Щелкните левой кнопкой мыши, чтобы снять выделение с остальных узлов.

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

Задание 8. Построение дуг и секторов

Специфические средства редактирования эллипса сводятся к построению дуг и секторов. Превратить эллипс в один из этих объектов можно либо инструментом Ellipse (Эллипс), либо Shape (Форма). На панели свойств инструмента Ellipse (Эллипс) имеются следующие кнопки (рисунок 1.27).

Рисунок 1.27 - Панель свойств инструмента Ellipse (Эллипс)

Если же необходимо превратить эллипс в дугу или сектор с помощью инструмента Shape (Форма) проделайте следующие пункты:

1. Нарисуйте эллипс и выберите инструмент Shape (Форма). Подведите курсор к единственному узлу эллипса.

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

3. Отпустите кнопку мыши.

Рисунок 1.28 - Построение сектора (а) и дуги (б)

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

1. Подведите курсор к одному из узлов сектора.

2. Нажмите левую кнопку мыши и переместите курсор за пределы внутренней области сектора.

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

4. Отпустите кнопку мыши.

Задание 9. Построение многоугольников

Постройте многоугольники с помощью инструмента  Polygon (Многоугольник) (рисунок 1.29).

Рисунок 1.29 - Девятиугольник преобразованный в звезды с различной глубиной

Задание 10. Изменение положения узлов многоугольника

1. Выберите инструмент Polygon (Многоугольник) на панели инструментов.

2. Установите достаточно большое число сторон многоугольника в поле Number of Points on Poligon (Число вершин многоугольника), например 15.

3. Поместите курсор на свободное место страницы.

4. Нажмите клавишу <Ctrl> и левую кнопку мыши (клавиша <Ctrl> обеспечивает "правильность" получающейся фигуры).

5. Перемещайте курсор по диагонали вправо и вниз.

6. Отпустите кнопку мыши. Многоугольник с пятнадцатью углами построен (рисунок 1.30, а).

Рисунок 1.30 - Изменение положения узлов многоугольника

7. Выберите инструмент Shape(Форма), подведите указатель к любому узлу многоугольника, нажмите клавишу <Ctrl> и левую кнопку мыши.

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

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

10. Преобразуйте многоугольник в звезду нажатием кнопки Polygon/Star (Простой/Звездчатый) на панели свойств.

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

Рисунок 1.31 - Примеры фигур, полученных простым перемещением узлов многоугольника

Дополнительные возможности редактирования дает инструмент Shape (Форма). С его помощью можно не только корректировать положение узлов многоугольника, но и изменять их тип, настраивать кривизну сегментов.

1. Нарисуйте еще один многоугольник с помощью инструмента Polygon (Многоугольник).

2. Выберите на панели инструментов инструмент Shape (Форма).

3. Инструментом Shape (Форма) выделите два любых соседних узла многоугольника.

4. Нажмите кнопку  Convert to Curve (Преобразовать в кривые). Этим вы замените все прямолинейные сегменты многоугольника на криволинейные.

5. Снимите выделение со всех узлов многоугольника.

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

7. Снова перейдите к инструменту Polygon (Многоугольник).

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

Рисунок 1.32 - Редактирование кривизны сегментов многоугольника и типов его узлов

Задание 11. Рисование узора инструментом Spiral (Спираль)

Нарисуйте узор, используя инструмент Spiral (Спираль) (рисунок 1.33).

Рисунок 1.33 - Пример узора

Задание 12. Работа с инструментом Pick (Указатель)

С помощью инструмента Pick (Указатель) произведите с ранее нарисованными контурами следующие действия:

- изменение масштаба объекта;

- перемещение объекта;

- отражение объекта;

- поворот объекта;

- наклон объекта;

- дублирование объекта;

- клонирование объектов.

Рассмотрите и примените на практике инструмент Free Transform (Свободное трансформирование) и докер Transformation (Преобразование).

Задание 13. Эффект луча

1. Напечатайте текст. Используйте толстый шрифт, чтобы получить надлежащий эффект Сетки. Заполните его желаемым цветом (рисунок 1.34).

Рисунок 1.34 – Пример текста

2. Нарисуйте линию инструментом Bezier Tool (Безье).

3. Сделайте контур более толстым инструментом  Outline Tool (Контур).

Рисунок 1.35 – Линия нарисованная инструментом Bezier Tool (Безье)

4. Сделайте двойной щелчок на линии и протяните центр вращения к основанию.

Рисунок 1.36 –Центр вращения перемещен к основанию

5. Изменить цвет линии на белый.

6. Примените к линии вращение. Выберите Arrange(Компоновать)=> Transformation(Преобразование)=>Rotation (Вращение) (рисунок 1.37).

Рисунок 1.37 – Вращение объекта

7. Укажите угол вращения 12 градусов и нажимайте - Apply to Duplicate (Применить к дубликату), пока не получаете полный эффект луча (рисунок 1.38).

Рисунок 1.38 – Эффект луча

Задание 14. Использование команды Combine(Комбинировать)

Соединение и разделение контуров

1. Нарисуйте квадрат и окружность.

2. Разместите их так, чтобы они частично накладывались друг на друга (рисунок 1.39,а).

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

4. Последовательно щелкая на них инструментом Pick (Указатель) при нажатой клавише <Shift>, выделите сначала прямоугольник, а потом присоедините к выделению эллипс.

5. Выберите команду Combine (Соединить) меню Arrange (Компоновать). В результате получится единый контур, состоящий из двух субконтуров - эллипса и прямоугольника (рисунок 1.39 б). В месте их пересечения получившийся контур будет иметь дырку. Обратите внимание, что образованный контур унаследовал атрибуты заливки и обводки у эллипса, поскольку он был выделен последним.

6. Выберите команду Break Apart (Отделить) меню Arrange (Компоновать). Соединенный контур будет разбит на исходные контуры с обводкой и заливкой, как у составного.

7. Выделите один из контуров. Взгляните на строку состояния. CorelDRAW показывает, что выделенный объект — кривая, а не графический примитив.

8. Измените цвета обводки и заливки у одного из объектов. Выделите оба объекта в обратном порядке: сначала эллипс, а потом прямоугольник. Снова выберите команду Combine (Соединить) меню Arrange (Компоновать). Обратите внимание, что соединенный контур унаследовал атрибуты заливки и обводки у прямоугольника, поскольку он был выделен последним (рисунок 1.39 в).

Рисунок 1.39 - Контуры до соединения (а) и после соединения (б,в)

в разном порядке

Создание цветка

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

1. Нарисуйте эллипс небольшого размера.

2. Примените к эллипсу заливку светло-синим цветом и красную обводку.

3. При выделенном эллипсе щелкните на нем еще раз, чтобы появились маркеры поворота.

4. Перетащите маркер центра вращения к нижнему краю эллипса.

5. Выберите команду Arrange(Компоновать)=>Transformation(Преобразования)=>Rotate(Вращать).

6. Введите число 15 в счетчик Angle (Угол).

7. Щелкните 23 раза на кнопке Apply to Duplicate (Применить дубликат). Теперь на странице появятся 24 эллипса, расположенных по кругу в виде лепестков цветка.

8. Выделите все 24 эллипса с помощью рамки и щелкните на кнопке Combine (Комбинировать) панели атрибутов. Результат показан на рисунке 1.40.

Рисунок 1.40 - Применение команды Combine (Комбинировать)

Создание сложной заливки

1. Напечатайте текст любым шрифтом (рисунок 1.41).

Рисунок 1.41 - Пример текста

2. При помощи Rectangle tool (Прямоугольник) нарисуйте прямоугольник в верхней части текста (рисунок 1.42).

Рисунок 1.42 – Прямоугольник в верхней части теста

3. Выберите оба объекта (Текст и Прямоугольник), дважды щелкнув на Pick(Указатель). Далее выберите Arrange(Компоновать)=>Combine (Комбинирование)

4. Залейте объект любым цветом используя инструмент Fill tool(Однородная заливка) (рисунок 1.43).

Рисунок 1.43 – Объект залит с помощью инструмента Fill tool(Однородная заливка)

5. При помощи Rectangle (Прямоугольник) нарисуйте прямоугольник в нижней части текста. Заполните это желательным цветом.

Рисунок 1.44 – Прямоугольник в нижней части текста

6. Переместите этот объект (прямоугольник) на задний план
Arrange(Компоновать)=>Order(Порядок)=>To Back (На зад).

7. Протяните прямоугольник до верхнего края.

Рисунок 1.45 – Готовое изображение

Задание 1. Градиентные заливки

Линейный градиент:

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

2. Откройте инструмент  Interactive Fill (Интерактивная заливка). В списке Interactive Fill (Тип заливки) выберите Linear (Линейную).

3. Объект заполнен линейным градиентом. При выборе устанавливается его цвета: начальный цвет – исходный цвет заливки объекта, конечный – белый.

4. Исходному цвету придайте фиолетовый цвет. На грани появится градиентный вектор, задайте ему то направление, которое показано на рисунке 2.1, а.

5. Выделите две другие грани куба и закрасьте их аналогично. Задайте направления векторов так, как показано на рисунке 2.4,б-в.

Рисунок 2.4 - Линейная градиентная заливка граней куба

6. Соедините все части вместе. У вас появился объемный куб (рисунок 2.5).

Рисунок 2.5 - Объемный куб

7. Нарисуйте овал, создайте его копию и переведите его вниз. Создайте прямоугольник и придайте ему размер длины такой же, как и у овала.

8. Выделите верхний овал, удерживая клавишу <Shift>, выделите прямоугольник. На панели свойств выберите кнопку  Trim (Исключить). Выделите прямоугольник и нижний овал и нажмите кнопку  Weld (Объединить).

9. Выделите боковую поверхность цилиндра и придайте ей градиентную заливку от бордового слева до морского цвета справа с помощью диалога градиентной заливки, находящегося вторым слева, панели инструмента  Fill (Заливка). Настройки заливки выберите такими же, как на рисунке 2.6.

Рисунок 2.6 – Диалоговое окно «Градиентная заливка»

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

Рисунок 2.7 - Градиентная заливка и блики цилиндра

Радиальный градиент:

1. Постройте окружность и откройте инструмент Interactive Fill (Интерактивная заливка).

2. В списке Interactive Fill (Тип заливки) выберите Radial (Радиальную), градиентный вектор перетащите в верхний угол и закрасьте от бледно фиолетового до темно-фиолетового, создайте блик фиолетового цвета.

3. Отмените обводку. Получился шар.

Рисунок 2.8 - Радиальная градиентная заливка шара

Канонический градиент:

1. Нарисуйте треугольник и овал, придайте им одинаковую длину на панели свойств. Объедините эти объекты. Получилось тело конуса.

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

Рисунок 2.9 - Коническая градиентная заливка

Задание 2. Плашечные заливки.

Однородные растровые узоры:

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

1. Создайте эллипс, постройте сектор. Активизируйте инструмент Interactive Fill (Интерактивная заливка).

2. Выберите Two color pattern (Двухцветный узор) в списке Fill Type (Тип заливки) на панели свойств.

3. Образцы готовых заливок доступны в раскрывающемся списке First Fill Picker (Первый указатель заливки). Выберите заливку «плетенку».

4. Списки Front Color (Цвет переднего плана) и Back Color (Цвет заднего плана) предназначены для выбора цвета узора. Установите персиковый цвет заднего плана.

5. Выберите размер узора  Small (Мелкая мозаика для узора).

6. Создайте ручку корзины при помощи инструмента Freehand Tool. Залейте ее аналогичной заливкой. Щелкните на кнопке  Transform Fill With Object (Масштабирование узора с объектами).

7. Нарисуйте пасхальные яйца. Для этого создайте пять эллипсов, придайте им разноцветные цвета (рисунок 2.10).

Рисунок 2.10 - Плетеная заливка корзины

Полноцветные растровые узоры:

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

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

2. Выберите для него тип заливки Pattern Fill (Растровый узор) в списке Fill Туре (Тип заливки) на панели свойств инструмента Interactive Fill (Интерактивная заливка). Объект заполнен растровым узором.

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

4. Из списка образцов выберите изображение зелени (рисунок 2.11, а). Мы организовали лужайку перед корзиной (рисунок 2.11, б).

Рисунок 2.12 - Образец растрового узора (а), готовая лужайка (б)

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

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

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

Рисунок 2.13 – Пример полноцветных растровых узоров

Текстурные заливки:

В качестве заливок можно применять фракталы. Это геометрические фигуры, состоящие из последовательно уменьшающихся фрагментов, повторяющих (хотя бы приблизительно) исходную фигуру. Таким образом, графическое представление фрактала не зависит от масштаба. Многие математические объекты являются фракталами: кривые Серпинского, снежинка Коха, кривые Пеано, множества Мандельброта и др. Графическое представление фракталов применяется для генерации точечных текстур. В зависимости от подставленных в формулы фракталов числовых значений (в качестве которых могут быть использованы и значения цвета), вы получите нерегулярный узор различного вида. Фрактальные текстуры имеют в принципе неограниченное разрешение, и число единичных узоров, выраженных одной текстурой, также бесконечно, единичных узоров, выраженных одной текстурой, также бесконечно.

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

1.Нарисуйте прямоугольник. Это будет окно. С помощью инструмента Bezier (Кривая Безье) постройте шторы на окне, замкните кривые. Задайте им заливку Texture Fill (Заливка текстурой) на панели инструмента Interactive Fill (Интерактивная заливка). В списке  Texture Library (Библиотека текстур) выберите Samples 9. В раскрывающемся списке  First Fill Picker (Наносит заливку) содержатся образцы лишь одной из библиотек текстур. Выберите Прочее, появится диалоговое окно Texture Fill (Заливка текстурой) (рисунок 2.14), в списке текстур выберите Mahogany.

Рисунок 2.14 - Диалоговое окно Texture Fill (Заливка текстурой)

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

Рисунок 2.15 – Изображение окна

Задание 3. Создание кнопки

1. Создать форму для кнопки - окружность.

2. Залейте окружность с помощью инструмента  Interactive Fill Tool (Интерактивная заливка).

Рисунок 2.16 - Заготовка для кнопки

3. Создайте копию окружности и уменьшите ее масштаб (чтобы получить копию объекта точно в центре нужно удерживать кнопку <Shift>, тянуть форму от любого угла, не отпуская левую клавишу мыши и нажать на правую).

4. Для копии объекта примените интерактивную заливку тем же цветом, но переверните вектор заливки противоположную сторону.

Рисунок 2.17 - Второй этап создания кнопки

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

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

Рисунок 2.18 – Различные варианты кнопок

Задание 4. Интерактивная прозрачность

1. Нарисуйте два пересекающихся круга. Закрасьте их разными цветами (рисунок 2.19).

Рисунок 2.19 - Пересекающиеся круги

2. Выберите инструмент  Interactive Transparensy Tool Интерактивная прозрачность). Переместите указатель на верхний объект и растяните прозрачную область (рисунок 2.20).

Рисунок 2.20 - Выделение прозрачной области

Увеличение или уменьшение прозрачной области производится перетаскиванием ползунка и манипуляторов (рисунок 2.21).

Рисунок 2.21 - Редактирование прозрачной области

Задание 5. Создание тела экструзии

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

2. Для этого нужно выбрать инструмент  Interactive Extrude (Интерактивное выдавливание) во вспомогательной панели интерактивных инструментов для добавления эффектов и установить указатель мыши на объекте.

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

Рисунок 2.22 - Пример объемного объекта

4. С помощью эллипсов и дополнительных настроек инструмента Interactive Extrude (Интерактивное выдавливание) добейтесь сходства с рисунком (рисунок 2.23).

Рисунок 2.23 - Возможности инструмента Interactive Extrude Tool (Интерактивное выдавливание)

Задание 6. Создание теней объектов

1. Создайте объект фигурного текста.

2. Затем выберите инструмент Interactive Drop Shadow Tool (Интерактивна тень).

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

Рисунок 2.24 - Создание тени объекта

4. Чтобы удалить тень, следует нажать кнопку Clear(Убрать тень) в панели Property Bar (Панель свойств).

Задание 7. Создание шара

1. С помощью инструмента  Ellipse Tool (Эллипс) создаем круг нужного размера.

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

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

4. Контур обоих кругов следует удалить, выделив их и щелкнув на перечеркнутый квадратик вверху палитры правой кнопкой.

5. Далее оба объекта нужно совместить, причем так чтобы черный круг оказался под текстурным. Для изменения порядка объектов (выделите черный круг) выберите пункт Order (Порядок)=>To back (На задний план) в контекстном меню или пункта меню Arrange(Компоновать).

6. Выберите инструмент  Interactive Transparency Tool (Интерактивная прозрачность). Из списка на панели свойств выберите Radial Fountain Transparency (Радиальный градиент прозрачности). Перетащите цент интерактивного элемента в верхнюю левую часть круга, перенесите при помощи мыши (из палитры в правой части окна) цвета – черный на конец радиуса в белый квадратик, а белый цвет – в центр заливки, который окрашен в черный цвет. Откорректируйте размеры интерактивного элемента, перетаскивая квадратик на конце линии градиента.

7. Шар готов. Теперь с помощью инструмента  Interactive drop shadow (Интерактивная тень) добавьте тень к шару (рисунок 2.25).

Рисунок 2.25 - Созданный шар

Задание 8. Интерактивное искажение

1. Создайте квадрат и залейте его черным цветом.

2. Выберите инструмент  Interactive Distruction Tool (Интерактивное искажение) во вспомогательной панели интерактивных инструментов.

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

4. Отмените последнее действие, а затем попробуйте выполнить другие варианты искажения, нажав кнопку в панели Property Bar (Панель свойств). Теперь искаженный объект выглядит всем иначе (рисунок 2.26, справа).

Рисунок 2.26 - Различные варианты интерактивного искажения

Задание 9. Оболочка

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

1. Напечатайте на странице документа какое-нибудь слово, используя любой шрифт. Например, как показано на рисунке 2.27:

Рисунок 2.27 – Пример текста

2. При выделенной строке текста щелкните на кнопке инструмента  Interactive Envelope (Интерактивная оболочка). Щелкните на кнопке Envelope Unconstrained mode (Режим несвязанной оболочки) панели атрибутов.

Рисунок 2.28 – Нажата кнопка Envelope Unconstrained mode (Режим несвязанной оболочки)

3. Воспользуйтесь инструментом Interactive Envelope Интерактивная оболочка) и выделите центральный верхний узел оболочки (рисунок 2.25).

Рисунок 2.28 – Выделен центральный верхний узел

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

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

Рисунок 2.29 – Редактирование формы оболочки

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

5. Выделите средний узел и преобразуйте его в точку перегиба, щелкнув на кнопке  Make Node A Cusp (Сделать заострение узла) панели атрибутов. Перетащите один из направляющих маркеров узла-точки перегиба, чтобы отредактировать сегмент оболочки только с одной стороны точки перегиба.

6. Выделите угловой узел и измените его тип на сглаженный, щелкнув на кнопке  Make Node Smooth (Сделать узел растяжения) панели атрибутов. Переместите одну из направляющих точек узла, чтобы изменить кривизну сегментов по обе стороны от узла. Если в ходе редактирования вы допустили ошибки и в итоге только испортили объект под влиянием неудачной оболочки, щелкните на кнопке  Clear Envelope (Убрать оболочку) панели атрибутов, чтобы вернуть текстовую строку к исходному состоянию.

Задание 10. Создание простого эффекта одноточечной перспективы

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

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

Рисунок 2.30 – Небо нарисованное с помощью градиентной заливки

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

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

Рисунок 2.31 – Земля нарисованная с помощью градиентной заливки

4. Снова выделите верхний прямоугольник и повторите шаг 2.

5. При выделенном прямоугольнике-дубликате щелкните на его центральном верхнем маркере и перетаскивайте его вниз, пока дубликат не приобретет размер примерно в одну треть высоты оригинала.

6. Преобразуйте малый прямоугольник в кривые, щелкнув на кнопке  Convert to Curves (Преобразовать в кривую) панели атрибутов или нажав клавиши CTRL+Q. На панели инструментов выберите Инструмент  Shape (Форма). Разместите на кривой дополнительные узлы, нажав кнопку «Добавить узел», и, манипулируя этими узлами по мере своих способностей, превратите прямоугольник в горную цепь. Примените к объекту, изображающему горную гряду, градиентную заливку от белого цвета к темно-синему.

Рисунок 2.32 – Преобразование прямоугольника в горы инструментом Shape (Форма)

7. Выделите нижний прямоугольник, окрашенный в белый и коричневый цвета, и нажмите клавишу <+> на цифровой части клавиатуры, чтобы создать дубликат этого прямоугольника, который разместится поверх оригинала. Залейте дубликат черным цветом.

8. При выделенном черном прямоугольнике снова нажмите клавишу <+> на цифровой части клавиатуры, чтобы создать еще один дубликат поверх этого объекта. Залейте полученную копию белым цветом.

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

10. Выделите одновременно черный и белый прямоугольники с помощью приема <SHIFT+щелчок>: и сгруппируйте их с помощью кнопки  Group (Группа) панели атрибутов.

11. При выделенной группе выберите команду меню Effects=>Add Perspective (Эффекты>Добавить перспективу).

12. Используя Инструмент Shape (Форма), щелкните на правом верхнем узле рамки перспективного преобразования.

13. Удерживая клавиши <CTRL+SHIFT>, перетащите выделенный узел к центру рисунка. По мере перемещения правого узла левый узел также будет синхронно перемещаться к центру.

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

15. Щелкните на кнопке инструмента Pick (Указатель), чтобы увидеть итоговую картинку (рисунок 2.33).

Рисунок 2.33 – Готовое изображение

Задание 11. Создание трехмерного текста

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

1. Напечатайте на странице документа слово “GLASS”, используя полужирный шрифт размером приблизительно 120 пунктов, тип шрифта Impact. Вводите при этом только прописные буквы.

Рисунок 2.34 – Введенный текст

2. Примените к тексту заливку черным цветом и выберите для линии обводки контура белый цвет.

3. При выделенной строке текста примените к ней эффект экструзии с параметрами, принятыми по умолчанию: Small Back (Назад с уменьшением),  VP Locked To Object (Привязка ТС к объекту) и параметром  Depth (Глубина), равным 20.

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

Рисунок 2.35 – Применение эффекта экструзии

5. Выберите на панели инструментов кнопку Color (Цвет). В открывающемся меню нажмите кнопку Use Color Shading (Использовать цвет затенения). Выберите серый цвет 20-процентной насыщенности в раскрывающейся палитре From (От) и пурпурный цвет — в палитре То (До).

Рисунок 2.36 – Использование цвета затенения

6. Выберите кнопку Bevels (Скосы) и установите флажок Use Bevel (Использовать фаску). Введите число 0,04 в счетчик Bevel depth (Глубина скоса) и 45,0 - в счетчик Bevel angle (Угол скоса). Заметьте, что малое значение глубины скоса используется в связи с тем, что текстовый объект имеет сравнительно небольшой размер.

Рисунок 2.37 – Использование фаски

7. Получается следующий рисунок.

Рисунок 2.38 – Изображение после применения цвета затемнения и фаски

8. Установите флажок Show Bevel Only (Показать только фаски).

9. Сбросьте флажок Show Bevel Only (Показать только фаски) и снова выберите кнопку Color (Цвет).

10. Отожмите кнопку Объем, Use Extrude Fill for Bevel (Заливка скоса), чтобы сделать доступной кнопку Bevel color (Цвет скоса).

11. Щелкните на кнопке Bevel color (Цвет скоса) и выберите небесно-голубой цвет в раскрывающейся палитре. Этот дополнительный режим позволяет раскрасить скошенные кромки тела экструзии в цвет, отличный от цвета граней объемного тела.

Рисунок 2.39 – Выбор цвета фаски

12. Итогом получается текст.

Рисунок 2.40 – Текст после применения настроек

Задание 12. Создание поломанного текста 

1.Напечатайте текст (рисунок 2.41).

Рисунок 2.41 – Пример текста

2. Выберете инструмент Eraser Tool (Ластик) (рисунок 2.42).

Рисунок 2.42 – Выбор инструмента Eraser Tool (Ластик)

3. Установите размер ластика примерно 0,5 при размере текста 100.

4. Теперь пройдитесь по тексту короткими зубчатыми шагами так, что бы создать трещины (рисунок 2.43).

Рисунок 2.43 – Текст после редактирования инструментом Eraser Tool (Ластик)

3. При помощи инструмента Interactive Extrude (Интерактивное выдавливание) придайте объем тексту.

Рисунок 2.44 – Применение инструмента Interactive Extrude (Интерактивное выдавливание)

Задание 13. Создание пошаговых переходов

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

1. Выберите в меню Text(Текст)=>Symbols and Special Characters(Вставить символ), чтo6ы вызвать появление пристыковываемого окна символов.

2. Прокрутите список категорий символов, пока не найдете категорию Wingings2.

Рисунок 2.45 – Окно «Вставить символ»

3. Выберите звезду и перетащите ее на страницу документа. Примените к ней заливку серым цветом с насыщенностью 20-30%.

4. Измените размер символа до 3 дюймов (7,5 см), перетащив один из его верхних угловых маркеров в сторону от центра объекта.

5. При выделенной звезде нажмите клавишу <+> на цифровой части клавиатуры, чтобы создать дубликат символа.

6. Щелкните на верхнем угловом маркере дубликата и перетащите его внутрь объекта, удерживая клавишу <SHIFT>, пока размер дубликата не окажется равным примерно половине размера оригинала.

7. Примените к меньшей по размеру звезде заливку белым цветом.

Рисунок 2.46 – Вложенные звезды

8. Выделите обе звезды с помощью рамки и удалите линии обводки их контуров.

9. Выберите на панели инструментов  Interactive Blend (Интерактивное перетекание) и протащите курсор внутри звезды.

10. Введите число 20 в счетчик числа шагов кнопки  Number of Steps or offset Between (Число шагов или смещение между фигурами в перетекании), расположенной на панели инструментов (вверху экрана).

11. Теперь звезда должна выглядеть подобно изображенной на рисунке 2.47.

Рисунок 2.47 – Готовый пример использования инструмента Interactive Blend (Интерактивное перетекание)

Задание 14. Интерактивный контур

1. Нарисуйте круг диаметром около 2 дюймов (5 см).

2. Примените к нему эффект контура снаружи , выбрав кнопку  Interactive Contour Tool (Интерактивный контур) при смещении в контуре в 6 мм и одном дубликате.

3. Выберите команду Arrange(Компоновать)=>Separate(Разбить контурная группа на части).

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

5.Удалите линии обводки объектов или раскрасьте их в подходящие цвета.

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

Рисунок 2.48 – Получившаяся кнопка

Задание 15. Эффект линзы

Чтобы увидеть эффект линзы типа “Рыбий глаз” в действии, проделайте следующее:

1. Нарисуйте кусок диаграммной сетки размером 5х5 клеток, выбрав на вертикальной панели инструментов  Graph Paper Tool (Сотовая структура).

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

3. Снова сгруппируйте ячейки диаграммной сетки, нажав кнопку Group (Группа).

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

5. Примените к кругу эффект линзы “Рыбий глаз” , для этого выберите в меню Effects(Эффекты)=>Lens (Линза), затем в раскрывающемся списке выберите Fish Eye (Рыбий глаз) поменяйте значение параметра Rate (Фактор), чтобы увидеть варианты проявления данного эффекта.

Рисунок 2.49 - -Фактор +100(а), Фактор -100(б)

Чтобы создать иллюзию стекла, также используют эффект линзы.

1. Выберите на панели инструментов "Кривые Безье".

2. Создайте продолговатый треугольник. Для этого вам понадобится всего четыре клика.

Рисунок 2.50 – Треугольник нарисованный инструментом Bezier(Безье)

3. Выделите созданный вами треугольник, откройте панель Extrude (Выдавливание) и нажмите кнопку Edit (Редактирование).

4. В появившемся диалоговом окне установите тип выдавливания Back Parallel (Параллели). Под вашим треугольником пунктирной линией будет отображаться копия. Обратите внимание на положение перекрестья, обозначающего точку исчезновения. Захватите его мышкой и поместите так, чтобы добиться желаемой толщины стекла.

5.  Когда вы добьетесь нужной толщины вашего "осколка", нажмите Apply (Применить). Если все же захотите что-то изменить, кликните на осколке, зайдите в панель "Выдавливание" и установите положение точки исчезновения. Когда результат вас удовлетворит, нажмите применить.

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

Рисунок 2.51 – Полученный осколок стекла

7. Теперь выделите исходный треугольник на созданном вами осколке. Кликните на Arrange(Компоновать)=>Separate (Разделить). После этого исходный треугольник отделится от выдавленного.

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

8. После разделения вы не заметите никаких изменений на экране. Теперь выделите выдавленную часть осколка.

9.  Кликните на Ungroup (Разгруппировать) и вы получите выдавленную форму, разбитую на три части.

10.  Выделите поочередно каждую часть и залейте светлым голубовато-зеленым цветом (C20 M0 Y0 K20). Затем удалите контур всех трех частей. Ваш осколок должен походить на изображенный ниже (рисунок 2.52).

Рисунок 2.52 – Объект без контура

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

Рисунок 2.53 – Применение Transparensy

12. Теперь откройте панель Lens (Линза). Выделите исходный треугольник. Для этого можно использовать клавишу Tab - с ее помощью вы будете перемещаться по объектам, составляющим ваш осколок. Исходный треугольник будет выделен рамкой.

13.  В панели Lens (Линза), нажмите Magnify (Увеличение), выберите установку по умолчанию (2.0) и нажмите Apply (Применить). Необходимый последний шаг - выделить весь осколок и сгруппировать его. Если вы в точности следовали инструкциям, ваш осколок должен напоминать изображенный ниже. Вы не сможете в полной мере оценить этот эффект, пока не поместите под изображением осколка фотографию.

Задание 1. Работа с простым текстом

1. Щелкните инструментом Text (Текст) в области документа и протащите курсор по диагонали. Пунктирная рамка, растущая вслед за движением курсора, - это новый блок простого текста (назовем его контейнером). Контейнер связан с текстом, находящимся в нем.

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

3. Выделите текст в контейнере (делайте это как при работе в Wordе). На панели свойств нажмите кнопку  Horizontal Alignment (Горизонтальное выравнивание). В открывшемся списке выберите вариант Force Full (Полное) (рисунок 3.3).

Рисунок 3.3 - Полное горизонтальное выравнивание

Не отменяя выделения контейнера, выберите кнопку  Format Text (Форматирование текста). Перейдите к вкладке Effects (Эффекты) и в раскрывающемся списке Effect Type (Тип эффекта) выберите Drop cap (Буквица) (рисунок 3.4). Задайте буквице различные обводку и заливку.

Рисунок 3.4 - Окно создания буквицы

Задание 2. Создание маркировочного текста

1. На свободном месте листа создайте пустой контейнер. В диалоговом окне Format Text (Форматирование текста), перейдите к вкладке Effects (Эффекты) и в раскрывающемся списке Effect Type (Тип эффекта) выберите Bullet (Маркировка). В списке выберите нужный вам маркер (рисунок 3.5).

2. Наберите текст:

Продажа билетов

Кинотеатр “Костанай”

ЦУМ

Детский мир

Рисунок 3.5 - Окно создания маркировки

Задание 3. Работа с фигурным текстом

1. Выберите инструмент Text (Текст).

2. Щелкните в окне документа. Курсор принимает вид вертикальной черточки. Это текстовый курсор. Наберите на клавиатуре слово “Человек-паук”. Строка текста может иметь любую длину.

3. Щелкните инструментом Text (Текст) в другом месте окна документа. Вы приступили к набору другого блока текста. Наберите слова “фантастика”.

Рисунок 3.6 - Фигурный текст

4. Создайте копию слова “ Человек-паук”. Выберите копию и инструментом Pick (Указатель) выделите ее. Копии можно придать заливку, выберите светло-красную заливку.

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

Рисунок 3.7 - Масштабирование текста

6. На копию слова “ Человек-паук” нажмите левой кнопкой мыши два раза. Тест можно трансформировать. Разверните его на небольшой угол.

7. Оригиналу текста придайте синюю заливку.

8. Выберите инструмент Shape (Форма) на панели инструментов и выделите оригинал. Обратите внимание на панель свойств – в ней появились элементы управления положением литер текста в блоке. Рядом с каждой из литер появился манипулятор.

9. Щелкните мышью на манипуляторе букв “е” и переместите курсор при нажатой кнопке мыши. Литера перемещается.

10. Переместите все буквы как показано на рисунке 3.8. Задайте буквам “е” и “у” размер шрифта на панели свойств значение 72, остальным буквам значение 55.

Рисунок 3.8 - Изменение фигурного текста

11. Выделите предложение “фантастика” инструментом Pick (Указатель). Задайте ему угол поворота 270⁰ на панели свойств (рисунок 3.8).

12. Затем выделите предложение инструментом Shape (Форма). Теперь, выделяя каждую букву, поверните ее на угол в 90⁰. (рисунок 3.8)

Задание 4. Работа с текстом на контуре

1. Нарисуйте два паука, красного и черного. Выделите черного паука и инструмент Text (Текст). Подведите курсор внутрь объекта, почти к его границам, до тех пор, пока курсор не примет вид I с прямоугольником внизу. Щелкните кнопкой мыши. Контейнер простого текста принял форму объекта. Запишите: 15.

2. Выделите красного паука и инструмент Text (Текст). Подведите курсор к границе объекта, пока курсор не примет вид I_А с волнистой линией. Щелкните на объекте. Напечатайте: Января.

Афиша готова!

Рисунок 3.9 - Пример афиши

Задание 5. Размещение текста по периметру кривой

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

1. Выберите инструмент  Эллипс (Ellipse) на панели графики и нарисуйте на странице документа окружность, для чего в процессе растягивания эллипса удерживайте клавишу CTRL. Сделайте эту окружность диаметром около 5 дюймов (13 см).

2. Введите слово “РИИ”, используя художественный полужирный шрифт размером 48 пунктов.

3. Выделите слово и окружность. Выполните команду Text\ Fit text to Path (Текст/Подогнать текст к пути).

4. Слово «РИИ» разместится наверху окружности.

5. Введите слово «Факультет ЭиИС».

6. Выделите это новое слово и окружность.

7. Выполните команду Text\ Fit text to Path (Текст/Подогнать текст к пути). Оставьте в раскрывающемся списке  Orientation (Ориентация текста) вариант ориентации текста, принятый по умолчанию.

8. Выберите в раскрывающемся списке  Vertical Placement (Вертикальное положение) второй вариант, изображающий расположение текста под кривой.

9. Выберите в раскрывающемся списке  Text Placement (Положение текста) третий пункт – текст под окружностью.

10. Нажмите кнопку на панели инструментов  Place on Other Side (Разместить с другой стороны). В результате получится рисунок 3.10.

Рисунок 3.10 -Полученный пример

11. Теперь скопируйте полученный результат.

12. В копии замените слова текста, размещенного по периметру окружности:

- Щелкните на слове «РИИ» при помощи инструмента Pick (Указатель), чтобы выделить текст на кривой.

13. Удерживая клавишу CTRL, щелкните на слове “РИИ” один раз. После щелчка вокруг слова появятся восемь выделяющих маркеров. Это значит, что вы изолировали текст от кривой, на которой он размещен.

14. Выберите команду меню Text=>Edit Text (Текст=>Редактировать текст), чтобы вызвать окно диалога Edit Text (Редактирование текста).

15. Замените слово “РИИ” на полное название ВУЗа. Выделите весь текст.

16. Прокрутите список типов шрифта и выберите какой-либо иной шрифт.

17. Щелкните на кнопке со стрелкой, указывающей вниз, в строке раскрывающегося списка Size (Размер) и выберите новый размер шрифта.

18. Щелкните на кнопке «ОК», чтобы увидеть результат произведенных изменений (рисунок 2.11). Обратите внимание на то, что даже если вновь введенное слово имеет не такое количество букв, как слово “РИИ”, оно все равно оказывав правильно отцентрировано относительно верхней части окружности.

Рисунок 3.11 - Пример после редактирования

Задание 6 Размещение текста внутри круга

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

1. Нарисуйте окружность диаметром около 5 дюймов (13 см).

2. Введите строку “Я иду по кругу”, используя художественный полужирный шрифт размером 36 текста, залейте текст каким-нибудь цветом. Выполните команду Text (Текст)=>Fit text to Path (Подогнать текст к пути).

4. Оставьте принятый по умолчанию вариант в списке Text Orientation (Ориентация текста).

5. Выберите второй вариант в списке  Vertical Placement (Вертикальное положение), показывающий размещение текста под линией траектории.

6. Используйте выбранный по умолчанию квадрант размещения текста.

7. Теперь добавьте еще несколько слов текста для размещения их в окружности в нижней ее части. Введите с этой целью слова “в окружности”.

8. Выделите окружность и вновь введенный текст.

9. Оставьте в списке Text Orientation (Ориентация текста) вариант, принятый по умолчанию.

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

11. Щелкните на кнопке в списке Text Placement (Положение текста) и выберите вариант .

12. Щелкните на кнопке Place on Other Side (Разместить с другой стороны).

Получится следующий результат изображенный на рисунке 2.12

Рисунок 3.12 – Размещение текста в окружности

Задание 7. Размещение текста в пределах замкнутой кривой

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

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

1. Нарисуйте на странице документа эллипс.

2. Выберите инструмент Текст (Text) на панели графики.

3. Установите курсор текстового режима в форме перекрестья на контур эллипса в его верхней части (указатель мыши примет I-образную форму с буквами “АВ” в квадратике под ним).

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

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

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

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

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

Задание 8. Создать рекламный буклет представленный на рисунке 2.13.

Рисунок 3.13 – Рекламный буклет

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

1. Откройте документ film_select.psd

2. Выберите инструмент Rectangle Marquee (Прямоугольное выделение) на панели инструментов.

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

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

5. Отпустите кнопку мыши. Теперь кадр очерчивает мерцающий пунктир выделенной области (рисунок 4.1, б).

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

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

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

3. Нажмите клавишу <Alt> и левую кнопку мыши.

4. Переместите указатель к любому из углов кадра. Как видите, выделение теперь идет от центра.

5. Отпустите клавишу и кнопку мыши. Область выделена.

а

б

Рисунок 4.1 - Выделение прямоугольной области

Задание 2. Выделение эллиптических областей

1. Откройте документ earth_selected.psd с фотографией Земли.

2. Выберите инструмент Elliptical Marquee (Эллиптическое выделение) на панели инструментов.

3. Поместите указатель примерно на пересечение касательных, проведенных к верхней и левой точкам контура Земли (рисунок 4.2).

4. Нажмите левую кнопку мыши.

5. Перемещайте мышь вправо и вниз до тех пор, пока контур выделения не охватит весь контур Земли.

6. Отмените выделение щелчком мышью за пределами выделенной области или командой сочетанием клавиш <Ctrl+D>.

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

Рисунок 4.2 – Выделение эллиптической области

8. Нажмите одновременно клавиши <Аlt> и <Shift>. Первая переводит инструмент в режим выделения от центра, а вторая делает стороны выделенной области равными, то есть делает выделение круглым.

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

Задание 3. Ручное выделение областей произвольной формы

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

1. Откройте файл аррlе_select.psd. Необходимо выделить яблоко, чтобы вставить его в другое изображение или изменить фон.

2. Выберите инструмент Laso (Лассо) на панели инструментов.

З. Поместите указатель на границе изображения яблока и фона.

4. Нажмите левую кнопку мыши.

5. Не торопясь, попытайтесь обвести указателем контур яблока (рисунок 4.3).

Рисунок 4.3 – Выделение инструментом Lasso

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

Те же самые действия по выделению проделайте с помощью инструментов Polygonal Lasso (Многоугольное лассо), Magnetic Lasso (Магнитное лассо).

Задание 4. Выделение близких цветов

Создание выделений вручную с помощью инструментов группы Lasso (Лассо) достаточно трудоемко и не всегда приводит к наилучшим результатам. Например, если требуется выделить множество мелких деталей (шерсть, волосы), инструмент Lasso (Лассо) не сможет вам помочь. В Photoshop есть специальный инструмент, создающий выделенные области на основе анализа цвета пикселов — Маgiс Wand (Волшебная палочка).

Выделите инструментом Маgiс Wand (Волшебная палочка) на изображении небо. Для этого сделайте следующее:

1. Откройте файл balloon_select.psd.

2. Выберите на панели инструментов инструмент Маgiс Wand (Волшебная палочка). Установите допуск, главный параметр инструмента, в поле Тоlerancе (Допуск) равным 10.

4. Установите флажки Соntiguous (Смежные) и Аnti-alias (Сглаживание).

5. Щелкните мышью слева от воздушного шара в окне документа. На изображении появится выделение (рисунок 4.4, а). Как видите, оно не распространяется на весь фон неба, поскольку цвета пикселов по краям выделенной области не попадают в установленный допуск. То же относится и к некоторым близким к се редине пикселам: в выделенной области получились «дырки».

а б в

Рисунок 4.4 - Выделенная инструментом Маgiс Wand (Волшебная палочка) область при разных значениях допуска

6. Отмените выделение.

7. Введите в поле Тоlеrance (Допуск) панели Орtions (Параметры) значение 20.

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

9. Отмените выделение.

10. Введите в поле Тоlеrance (Допуск) панели панели Орtions (Параметры) значение 40.

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

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

1 Откройте файл е1есtro_discontiguous.psd. Задача та же самая — выделить небо. Фон неба очень равномерный, и инструмент Маgiс Wand (Волшебная палочка) подходит для выделения как нельзя лучше. Выберите его на панели инструментов.

2. На панели параметров установите допуск 25.

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

4. Сбросьте флажок Соntiguous(Смежные).

5, Опять щелкните мышью где-нибудь на фоне неба. Теперь выделены все его участки (рисунок 4.5, б).

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

Рисунок 4.5 - Выделение инструментом Маgiс Wand (Волшебная палочка) при включенном (а) и отключенном (б) режиме Соntiguous(Смежные)

Задание 5. Инвертирование областей выделения

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

1. Откройте файл balloon_select.psd.

2. Выберите на панели инструментов Маgic Wand (Волшебная палочка) и выдели те фон, как это было описано выше.

3. Выберите команду Inverse (Инвертировать) в меню Sе1есt (Выделение) или нажмите клавиши <Shift+Ctrl+I>. Выделение инвертировано (рисунок 4.6).

Рисунок 4.6. Инвертирование выделения

Задание 6. Сложение областей выделения

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

1. Откройте файл cowboy_select.psd. Допустим, нам необходимо выделить человека. Очевидно, для этого проще всего выделить фон (он не столь многоцветный, как сам объект) и инвертировать выделение. Если вы попробуете подобрать наилучшее значение допуска для инструмента Маgic Wand (Волшебная палочка), то обнаружите, что это невозможно: либо фон выделяется частично, либо выделение захватывает изображение ковбоя, Сложение выделений позволяет использовать инструмент Маgic Wand (Волшебная палочка) многократно с различными значениями допуска.

2. Выберите инструмент Маgic Wand (Волшебная палочка) на панели инструментов.

3. Установите на панели Орtion (Параметры) допуск (Тоlеranсе) 10 и убедитесь, что флажок Соntiguous (Смежные) установлен.

4. Оцените самый »проблемный» для инструмента участок фона — тот, где его цвет ближе всего к цвету объекта. Если вы не можете этого сделать на глаз, воспользуйтесь инструментом Еуеdгоррег (Пипетка) и палитрой Info (Информация). Вы должны обнаружить, что наименьший цветовой контраст с фоном у воротника куртки ковбоя. Щелкните указателем инструмента на этом участке. Итак, мы получили первое приближение (рисунок 4.7, а). Продолжим создание выделений.

5. Щелкните на кнопке Аdd tо Selection (Добавить к выделению) на панели пара метров инструмента Маgic Wand (Волшебная палочка). У указателя инструмента появится маленький знак «плюс», показывающий, что активен режим сложения выделений.

6. Щелкните инструментом над плечом ковбоя. С появлением нового выделения старое не исчезло — вы видите их сумму (рисунок 4.7, б).

7. Присоединяйте к выделенной области все мелкие фрагменты фона, находящиеся в этой части изображения.

8. При сложении областей вы можете использовать любые инструменты выделения. Выберите Lasso (Лассо) на панели инструментов.

9. Грубо очертите часть фона, оставшуюся не выделенной (рисунок 4.7, в). Не забывайте при этом удерживать нажатой клавишу <Shift>, если вы активизировали режим сложения таким образом. Теперь осталось выделить только небольшую часть фона, примыкающую к объекту.

10. Выберите инструмент Маgic Wand (Волшебная палочка) на панели инструментов.

11. Установите на панели Орtions (Параметры) более высокое значение допуска, например 30.

12. Щелкните мышью на еще не выделенной части фона (рисунок 4.7, г). Фон выделен целиком. Чтобы этого добиться, вам может потребоваться пять или более щелчков мышью. Все зависит от цвета пикселов, на которых находился в момент щелчка указатель инструмента Маgic Wand (Волшебная палочка).

а б

в г

Рисунок 4.7 – Сложение выделений

13. Инвертируйте выделение командой Inverse(Инвертировать). Задача решена.

Задание 7. Вычитание областей выделения

Тот же результат можно получить, используя режим вычитания выделений, для которого зарезервирована клавиша <Alt>.

1 Отмените выделение на изображении ковбоя.

2. Выберите инструмент Lasso (Лассо) на панели инструментов.

3. Создайте грубое выделение фигуры ковбоя (рисунок 4.8, а).

4. Выберите инструмент Маgic Wand (Волшебная палочка) на панели инструментов.

5. На панели Орtions (Параметры) установите допуск 20.

б. Нажмите клавишу <А1t> или щелкните на кнопке Subtract from Selection (Вычесть из выделения) на панели параметров. Около указателя инструмента появится маленький знак «минус», свидетельствующий о том, что включен режим вычитания выделений.

7. Щелкните на любом участке изображения между границей выделенной области и контуром ковбоя. Из исходного выделения будет вычтен выделенный инструментом фрагмент.

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

а б

Рисунок 4.8 - Примерное и точное выделение объекта

Задание 8. Дополнение к областям выделения

При выделении фона на изображении cowboy_select.psd применяли сложение выделений, полученных инструментом Маgic Wand (Волшебная палочка). По сути, вы последовательно дополняли выделение, используя различные значения допуска. В Photoshop имеется специальная команда, дополняющая выделение по тому же алгоритму, что и сам инструмент Маgic Wand (Волшебная палочка). При этом берется даже то же самое значение допуска, устанавливаемое на панели Орtion (Параметры). При расширении выделений анализируются смежные с ними пикселы. Если их значение попадает в установленный допуск, оно присоединяется к выделению. Далее анализ повторяется уже с новой границей выделения.

Чтобы нагляднее продемонстрировать эту команду выполните следующие действия:

1. Откройте файл beagle_grow.psd. Выделите собаку, сфотографированную на неоднородном сером фоне.

2. Выберите инструмент Роlygonal Lasso (Многоугольное лассо) на панели инструментов и очень приблизительно выделите фон (рисунок 4.9, а). для этого используйте режим сложения выделений.

З. Выберите инструмент Маgic Wand (Волшебная палочка).

4. На панели параметров установите допуск равным 15.

5. Выберите команду Сrow (Смежные пикселы) в меню Sе1ес (Выделение). Выделение расширилось в соответствии с установленным допуском.

6. Повторяйте команду Сгоw (Смежные пикселы) до тех пор, пока контур собаки не будет аккуратно выделен (рисунок 4.9, б).

7. Инвертируйте выделение командой Inverse (Инвертировать) меню Sеlесt (Выделение).

а б

Рисунок 4.9 - Выделение с использованием команды Gгоw (Смежные пикселы)

Задание 9. Расширение и сжатие областей выделения

Вернемся к нашему примеру с эллиптическим выделением. В то примере вы выделяли Землю на фотоснимке. Теперь вы знаете, как это сделать проще: выделить черный фон с помощью инструмента Маgic Wand (Волшебная палочка) и инвертировать выделение. Это действительно так, но не следует забывать и про одну тонкость — цвет граничных пикселов.

1. Откройте файл еагth_select.psd.

2. Выберите на панели инструментов инструмент Маgic Wand (Волшебная палочка).

З. На панели Орtion (Параметры) установите допуск равным 50.

4. Выделите черный фон щелчком инструмента в любой его точке. Фон выделен,

5. Инвертируйте выделение командой Inverse (Инвертировать). Теперь выделена Земля.

6. Увеличьте масштаб демонстрации документа примерно до 400 % и прокрутите изображение так, чтобы была хорошо видна верхняя часть контура. Вы видите, что в выделенную область попали и темные пикселы (рисунок 4.10). Это произошло потому, что граница фона и объекта нерезкая. Если теперь заменить фон на светлый, черная кромка вокруг изображения Земли выдаст, что оно взято из другой фотографии.

Рисунок 4.10- Краевые пикселы

7.Выберите команду Соntract (Сжатие) в подменю Моdify (Модификация) меню Select (Выделение). Эта команда сжимает выделение на заданное количество пикселов.

8. В открывшемся диалоговом окне Соntract Selection (Сжатие выделения) имеется единственное поле. Введите в него число 4. Этим вы сообщите программе, что хотите сжать выделение на 4 пиксела с каждой стороны. Подтвердите свое решение щелчком на кнопке ОК. Выделение стало меньше и теперь в него не попа дают темные краевые пикселы (рисунок 4.11). Изменение цвета фона не приведет к появлению темной каймы.

Рисунок 4.11 - Действие команды Contract

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

Задание 10. Трансформирование областей выделения

В Photoshор выделения можно трансформировать, то есть производить их масштабирование, поворот, наклон и искажение. Все эти операции выполняются с помощью единственной команды Transform Selection (Трансформация выделения).

1. Откройте файл notebook_transform.psd.

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

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

4. Выберите команду Transform Selection (Трансформация выделения) в меню Select (Выделение). Вокруг выделения появится габаритная рамка с манипуляторами на углах и по центру каждой стороны (рисунок 4.12).

Хотя в Photoshop и нет специального инструмента трансформирования, его роль выполняет команда Transform Selection (Трансформация выделения), для режима трансформирования имеется даже особая панель параметров. Она изображена на рисунке 4.13. Поля Х и У показывают текущие координаты якорной точки габарит ной рамки. Вводя в них новые значения, вы задаете координаты выделения. Якорной точкой может быть угол, центр или середина любой ее стороны. Для выбора якорной точки служит специальный переключатель в левой части панели пара метров. Координаты измеряются в пикселах и могут быть абсолютными или относительными. Абсолютные координаты вычисляются в системе координат документа, которая задается с помощью измерительных линеек. При относительном измерении за начало координат принимается положение якорной точки. Переключение между этими способами отсчета осуществляется треугольной кнопкой <Use relative position for reference point(Относительное позиционирование якорной точки)>. Абсолютные координаты удобны для точного размещения вы деления в документе, а относительные — для трансформирования и отслеживания его результатов.

В полях W и H приводятся ширина и высота габаритной рамки в процентах. Для масштабирования выделения необходимо ввести в них коэффициенты масштабирования. Если вы хотите избежать искажения пропорций, щелкните на кнопке <Maintain aspect ratio(Сохранять пропорции)>, расположенной между полями ввода масштаба. В таком случае достаточно ввести только один из коэффициентов масштабирования, а второй автоматически будет принят таким же.

Угол поворота выделения приводится в поле Set Rotation (Угол поворота). Учтите, если центр поворота не задан непосредственно, то за него принимается текущее положение якорной точки.

Рисунок 4.12 – Трансформирование выделения

Рисунок 4.13 –Панель параметров режима трансформирования

Оставшиеся два поля ввода позволяют задать углы наклона выделения по горизонтали (Н) и вертикали (V).

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

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

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

Отпустите кнопку мыши, и выделение повернется вслед за рамкой.

Рисунок 4.13 - Поворот выделения

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

Рисунок 4.15 - Масштабирование выделения

4. Очевидно, чтобы точнее описать объект, выделение должно иметь наклон. Нажмите сочетание клавиш <Сtrl+Shift> и подведите указатель к манипулятору, расположенному посередине нижней стороны рамки. При этом он должен принять вид большой треугольной стрелки с маленькой двуглавой стрелкой у основания. Перетащите манипулятор влево так, чтобы правая сторона рамки совпала с правой стороной документа на изображении. Отпустите кнопку мыши и клавиши.

5. Несмотря на все проделанные действия, выделение плохо описывает контур объекта. Погрешность вызвана тем, что объект имеет форму отличную от параллелограмма. Чтобы добиться совершенной точности, выделение придется исказить. Подведите указатель к правому нижнему манипулятору и нажмите клавишу <Сtrl>. Указатель примет вид серой треугольной стрелки, соответствующей режиму искажения.

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

Рисунок 4.17 - Искажение выделения

7. Искажая выделение, мы компенсировали перспективное искажение самого объекта. Режим трансформирования предлагает для этого и специальный способ. Нажмите одновременно клавиши <Аlt+Сtrl+Shift> и попробуйте перетаскивать мышью любой угловой манипулятор. Одновременно с ним, но в противоположную сторону, будет смещаться и соседний. В результате габаритная рамка примет форму трапеции, имитируя перспективное искажение. Верните манипулятор рамки в исходное положение.

8. Сделайте двойной щелчок внутри выделенной области или щелкните на кнопке Сommit(Выполнить) на панели параметров. Этим вы подтверждаете полученную форму выделения и завершаете трансформирование.

Чтобы отказаться от трансформирования, достаточно в любой момент нажать клавишу Еsс или щелкнуть на кнопке Саnсеl (Отменить) панели параметров. Это отменит режим трансформирования и сохранит форму выделения.

Задание 1. Удаление фона

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

1.1 Удаление фона с помощью команды Сlеаr(Очистить)

Самый очевидный способ избавиться от фона — выделить его и удалить.

1. Откройте файл door_layer.psd.

2. Выделите дверь, изображенную на фотографии, инструментом Magnetic Lasso (Магнитное лассо).

З. Инвертируйте выделение.

4. Преобразуйте фоновый слой в обычный. Дайте ему имя Dоог.

5. Выберите команду Сlеаr (Очистить) в меню Еdit (Редактирование) или нажмите клавишу <Delete>.

Фон удален. Теперь дверь на изображении окружает клетчатая заливка, показывающая прозрачные области (рисунок 5.2).

Рисунок 5.2 - Фон удален

1.2. Удаление фона с помощью инструмента Егаsеr(Ластик)

Для создания прозрачных областей подходит инструмент Егаsеr (Ластик).

1. Откройте файл diggerkid_eraser.psd.

2. Преобразуйте фоновый слой в обычный, дав ему имя Kid.

3. Выберите в панели инструментов инструмент Еrаsеr (Ластик).

Выберите в списке Моdе (Режим) на панели параметров (рисунок 5.3) режим Вгush (Кисть). Ластик будет работать как «кисть наоборот», то есть, имея те же настройки, вместо рисования будет стирать. В списке Моdе (Режим) есть и другие режимы работы ластика. Вариант Реnсil (Карандаш) устанавливает для него тот же набор настроек, что и для карандаша. Особо отметим уникальный режим Вlосk (Квадрат). В нем инструмент Еrasеr (Ластик) имеет квадратную форму и его размер меняется в зависимости от масштаба просмотра документа. Чем больше масштаб, тем меньше размер инструмента. Иными словами, видимый размер инструмента остается постоянным при любых изменениях масштаба просмотра документа.

Рисунок 5.3 - Панель параметров инструмента Егаsеr(Ластик)

5. Используя элементы управления раскрывающегося списка Вrush (Кисть) на панели параметров инструмента, установите мягкую кисть большого размера около 100 пикселов.

6. Оставьте непрозрачность в поле Орасity (Непрозрачность) равной 100 %. В противном случае фон будет удаляться не полностью и останется полупрозрачным.

7. Манипулируя ластиком так же, как и инструментом Вгush (Кисть), удалите фон вокруг изображения ребенка. Для удаления фона вдоль ровной границы объекта достаточно щелкнуть мышью в начале и конце прямой при нажатой клавише Shift. При точной обводке контура ребенка целесообразно уменьшить размер ластика.

Обратите внимание, что мягкий край ластика сделал граничные пикселы объекта полупрозрачными. Это необходимо для естественного вида объекта на новом фоне

8. Сохраните документ (рисунок 5.4) в рабочей папке на жестком диске.

Рисунок 5.4 - Фон удален

1.3 Удаление фона с помощью инструмента Маgiс Егаsег (Волшебный ластик)

Функции выделения и удаления фона объединены в инструменте Маgic Еrasеr (Волшебный ластик). По существу, он является комбинацией инструмента Маgiс Wand (Волшебная палочка) и команды Сlеаг (Очистить).

1. Вернитесь к документу dооr_lауеr.psd.

2. Выберите на панели инструментов инструмент Маgiс Еrаsеr (Волшебный ластик).

3. На панели параметров инструмента вы найдете те же параметры, что и у инструмента Маgiс Wand (Волшебная палочка): допуск, сглаживание, обработка только соседних пикселов и текущего слоя (рисунок 5.5). Особый параметр — непрозрачность. Если с помощью ползунка Орасity (Непрозрачность) выбрана величина, отличная от нуля, то инструмент Маgiс Еrаsеr (Волшебный ластик) удаляет фон не полностью, оставляя полупрозрачные пикселы. Установите Орасitу (Непрозрачность) — 50 % и Тоlегаnсе (Допуск) — 80.

Рисунок 5.5 - Панель параметров инструмента Маgiс Еrаsеr(Волшебный ластик)

4. Щелкните инструментом на каждом окошке в изображении двери. Теперь эти области стали полупрозрачными, о чем свидетельствует клетчатая заливка и частично сохранившееся первоначальное изображение (рисунок 5.6).

Рисунок 5.6 - Частичное удаление фона инструментом Маgic Еrаsеr(Волшебный ластик)

Обратите внимание, что перед тем, как воспользоваться инструментом Маgic Егаsеr (Волшебный ластик), вам не придется предварительно преобразовывать фоновый слой изображения в обычный. Программа сделает это автоматически, как только вы в первый раз щелкнули инструментом на изображении. Второй объект для нашего монтажа готов. Сохраните его в рабочей папке на жестком диске.

1.4 Удаление фона с помощью инструмента Васkground Егаsеr (Фоновый ластик)

Инструмент Васkground Еrаsеr (Фоновый ластик) можно назвать наиболее «интеллектуальным» средством удаления фона. Он самый сложный из всех инструментов этой группы, напоминает смесь инструментов Еrаsеr (Ластик) и Маgic Еrаsеr (Волшебный ластик). С одной стороны, им можно удалять в процессе перемещения указателя, как инструментом Егаsег (Ластик). С другой стороны, принцип его действия тоже основан на анализе близости цветов удаляемых пикселов, поэтому на его панели параметров (рисунок 5.7) вы найдете и параметр Тоlеrаnсе (Допуск). Остальные параметры сгруппированы в двух списках: Limits (Границы) и Sampling(Источник).

Рисунок 5.7 - Панель параметров инструмента Васkground Егаsеr (Фоновый ластик)

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

1. Откройте ship_bgeraser.psd.

2. Выберите на панели инструментов инструмент Васkground Еrаsеr (Фоновый ластик).

3. В списке Limits(Границы) панели параметров инструмента выберите вариант Find Edges (Выделение краев), а в списке Sampling (Источник) — вариант Continuous (Смежные).

4. Ползунком Тоlerance (Порог) установите порог 20.

5. Поместите инструмент Васkground Еrаsеr (Фоновый ластик) в область изображения. Его указатель имеет вид окружности с перекрестием посередине. Оно отмечает ту точку изображения, в которой берется образец цвета фона. Проведите инструментом Васkground Еrаsеr (Фоновый ластик) вдоль носа корабля на изображении. При этом следите за тем, чтобы перекрестие указателя было как можно ближе к контуру объекта, но не заходило на него. По мере движения инструмента фон неба будет удаляться, становясь прозрачным.

6. При удалении фона вокруг антенны над рубкой корабля уменьшите величину допуска.

7. Когда контур корабля в той части, где он касается неба, будет обведен, выбери те на панели инструментов инструмент Еrаsеr (Ластик).

8. Удалите ластиком остатки неба на изображении, а также воду и пирс.

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

Задание 2. Обработка краев

Несмотря на использование великолепных инструментов группы Егаsег (Ластик), фон на последнем обработанном изображении удален недостаточно хорошо. Бросается в глаза темная кайма вокруг корабля. Это легко объяснимо, достаточно внимательно посмотреть на оригинал изображения. В нем имеется тот же дефект. Темная, светлая или цветная кайма вокруг изображения может возникнуть и сама по себе при удалении фона. Краевые пикселы объектов большей частью имеют цвет, промежуточный между цветами фона и объекта. В результате использования полуавтоматических инструментов выделения краевые пикселы не попадают в выделенную область, поскольку оказываются за пределами допуска, установленного ползунком Тоlегаnсе (допуск). для решения этой проблемы в Рhotoshор предусмотрены три команды, находящиеся в подменю Маtting (Обработка краев) меню Lауег (Слой). Команды Remove White Matte (Удалить белый ореол) и Black Matte (Удалить черный ореол) удаляют наиболее типичные варианты каймы, белую и черную. Они перекрашивают краевые пикселы, образующие кайму, в цвет изображения. Команда Defringe (Устранить кайму) работает с краевыми пикселами любого цвета и перекрашивает их в ближайшие пикселы, принадлежащие объекту. Для аккуратной работы команда требует ввода ширины каймы.

1. Выберите команду Defringe (Устранить кайму) в подменю Маtting (Обработка краев) меню Lауег (Слой).

2. Команда открывает одноименное диалоговое окно с единственным полем ввода. Введите в него ширину каймы 2 -З пиксела.

З. Щелкните на кнопке ОК. Кайма удалена.

4. Сохраните документ в рабочей папке на жестком диске.

Задание 3. Копирование слоев между документами

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

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

1. Откройте документы desert_layer.psd и door_layer.psd из вашей рабочей папки.

2. Перейдите к окну документа с изображением двери.

3. Выделите весь слой Dооr командой Select All (Выделить все) меню Select (Выделение).

4. Выберите команду Сору (Копировать) в меню Еdit (Редактирование) или нажмите комбинацию клавиш <Сtrl+C>. Изображение на слое помещено в буфер обмена.

5. Перейдите к окну документа с пейзажем.

б. Выберите команду Раste (Вставить) в меню Еdit (Редактирование) или нажмите клавиши <Сtrl+V>. В документе появился новый слой. Изображение двери разместилось точно посередине документа. Команда Раste(Вставить) всегда располагает слой таким образом (рисунок 5.8).

Рисунок 5.8 - Вставка нового слоя командой Paste (Вставить)

Копирование через буфер обмена не сохраняет имя слоя, поэтому вам придется вернуть ему старое название с помощью команды Lауеr Рrореrties (Свойства слоя) или непосредственным вводом в соответствующую строку палитры Lауеrs (Слои) вместо старого названия после выделения его двойным щелчком мыши.

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

1 Откройте документ diggerkid_bkeraser.psd.

2. Перетащите мышью миниатюру слоя Кid из палитры Lауегs (Слои) в окно документа desert_layer.psd. В тот момент, когда указатель окажется в окне документа desert_layer.psd, вокруг изображения должна появиться инверсная рамка. Когда это произойдет, отпустите кнопку мыши. Слой перемещен в другой документ (рисунок 5.9).

Рисунок 5.9 - Вставка нового слоя путем перетаскивания мышью

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

Задание 4. Копирование слоев внутри документа

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

1. Щелчком на соответствующей строке на палитре Lауеrs (Слои) активизируйте слой Кid с изображением ребенка.

2. Выберите команду Duplicate Layer (Дублировать слой) в меню палитры Layers (Слои). Она открывает диалоговое окно, изображенное на рисунке 5.10.

Рисунок 5.10 - Диалоговое окно Duplicate Layer (Дублировать слой)

З. В этом диалоговом окне есть две области. Верхняя определяет имя копии слоя, а вторая — документ, в который будет скопирован слой. Обратите внимание, что команда Duplicate Layer (Дублировать слой) служит и средством копирования слоев между документами. В отличие от копирования каналов, Photoshop не предъявляет при этом требования к совпадению размеров документов. В области Destination (Получатель) выберите в списке имя текущего документа.

4. В поле Аs (Как) введите имя нового слоя. Из копии слоя мы создадим тень от объекта, поэтому дадим слою имя Кid Shadow.

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

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

Задание 5. Перемещение и трансформирование

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

1. Активизируйте слой Кid Shadow щелчком на его строке на палитре Layers (Слои).

2. Тень должна быть черной, поэтому воспользуйтесь диалоговым окном Сurves (Кривые), чтобы из фотографии, находящейся на слое, сделать силуэт. Вызов диалогового окна Сurves (Кривые) производиться с помощью сочетания клавиш <Ctrl+M>.

3. Выберите в меню Еdit (Редактирование) команду Fгее Тгаnsform (Свободная трансформация) или нажмите клавиши <Сtгl+Т>.

4. Вокруг изображения появилась рамка, похожая на ту, которой вы пользовались для трансформирования выделенных областей и контуров (рисунок 5.11, а). В приложении к слоям она выполняет те же функции. Сейчас она показывает габариты объекта на слое Кid Shadow. Используя верхний центральный манипулятор, отразите объект по вертикали (рисунок 5.11,б).

5. Нижним центральным манипулятором при нажатой клавише <Сtrl> наклоните тень вправо.

6. Перемещая верхние угловые манипуляторы при нажатой клавише Сtrl, исказите тень (рисунок 5.11, в).

7. Выберите на панели инструментов инструмент Моvе (Перемещение).

а б

в

Рисунок 5.11 - Трансформирование слоя

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

9. Перейдите к палитре Layers (Слои) и перетащите строку с миниатюрой ребенка поверх строки с миниатюрой его тени.

Как видите, слои делают перемещение и трансформирование объектов исключительно легкими и естественными. Переместить объект на слое можно было и не прибегая к инструменту Моvе (Перемещение), а прямо находясь в режиме свободного трансформирования.

Задание 6. Связывание слоев

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

Photoshop предлагает простое и удобное решение этой проблемы: связанные объекты должны быть расположены на связанных слоях!

1. Активизируйте слой Кid щелчком на его строке на палитре Lауег (Слои).

2. Щелкните мышью в строке слоя Кid Shadow с тенью в том месте, где появляется значок кисти при активизации слоя. Сейчас это пустой серый квадрат. После щелчка на нем появится значок, изображающий звенья цепи - связь (рисунок 5.12).

Рисунок 5.12 - Связанные слои на палитре Layers

З. Выберите на панели инструментов инструмент Моve (Перемещение) и переместите слой. Фигура ребенка переместится вместе с тенью, поскольку эти слои теперь связаны.

4. Перейдите в режим свободного трансформирования командой Frее Тransform (Свободная трансформация) меню Еdit (Редактирование).

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

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

Задание 7. Параметры слоя

Основные параметры слоя - режим наложения, степень непрозрачности и уровень непрозрачности заливки — устанавливаются на палитре Laers (Слои). Они задаются для каждого слоя независимо с помощью списка режимов ползунков Орасity (Непрозрачность) и Fill (Заливка) в верхней части палитры. Режимы наложения для слоев применяются ко всему их содержимому. Также на все пикселы слоя действует и степень непрозрачности.

1. Выделите на палитре Layers (Слои) слой Кid Shadow.

2. Выберите в списке Set the blending mode for the layers (Установить режим наложения для слоев) режим наложения Soft Light (Мягкий свет). Результат действия режима наложения очевиден.

З. Уменьшите непрозрачность слоя ползунком Орасitу (Непрозрачность). Тень становится более светлой, прозрачной (рисунок 5.13).

Задание 1. Работа с инструментом Clone Stamp (Штамп)

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

1. Создайте новый слой. Откройте файл 1.gif

2. Выберите инструмент Clone Stamp (Штамп).

3. На панели Option Bar (Панель свойств), расположенной в верхней части окна программы, задайте параметры инструмента. Размер кисти будет меняться динамически в процессе клонирования. Эту задачу в программе выполняют две клавиши - [ и ] (открывающая и закрывающая квадратные скобки). Режим наложения Normal следует оставить. Непрозрачность Opacity равна 100 процентам. Опция Aligned (Выравнивание) включена в большинстве ситуаций. Самая важная настройка - это опция Use All Layers (Использовать все слои). Ее надо включить, чтобы штамп получил способность переносить графическую информацию с одного слоя на другой.

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

Рисунок 6.1 - Поврежденный снимок

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

Рисунок 6.2 - Состояние дополнительного слоя. На этот слой накладываются мазки клонирующей кисти

Сам результат, после дополнительной фильтрации лица, показан на рисунке 6.3.

Рисунок 6.3 - Изображение, обработанное клонирующей кистью

Задание 2. Техника работы с инструментом Patch (Заплатка)

Необходимо исправить дефект на изображении, показанного на рисунке 6.4.

1. Откройте файл 2.gif. Постройте выделение поврежденной области. Для этого можно использовать любой штатный инструмент программы (в данном случае удобнее работать с лассо) или сам инструмент Patch(Заплатка).

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

Рисунок 6.4 - Изображение с масштабными повреждениями

Рисунок 6.5 - Выделение поврежденной области

3. Выберите инструмент Patch(Заплатка). Выберите радиокнопку Source (Источник), которая обычно выбирается по умолчанию.

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

Рисунок 6.6 - Смещение выделенной области

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

Рисунок 6.7 - Пример сильно текстурированной поверхности

1. Откройте файл 3.gif. Проведите осмотр изображения и найдите подходящий донорский фрагмент. Выберите инструмент Lasso (Лассо) и постройте выделение выбранной области, как показано на рисунке 6.8.

Рисунок 6.8 - Выбор донорской области

2. Активизируйте инструмент Patch (Заплатка). Удерживая клавиши <Ctrl+Alt>, перетащим построенное выделение на поврежденный фрагмент. Эта операция переводит виртуальную заплату в плавающее состояние.

3. После того как заплата будет поставлена на место, освободим клавишу <Alt> (клавиша <Ctrl> должна быть при этом в нажатом состоянии) и нажмите клавишу Т. Эти отчасти запутанные манипуляции с клавиатурой предназначены для того, чтобы активизировать команду свободного деформирования выделенного фрагмента (рисунок 6.9). После появления рамки и манипуляторов команды Free Transform(Свободное трансформирование) можно, наконец, отпустить и клавишу <Ctrl>.

Рисунок 6.9 - Трансформация виртуальной заплатки

4. Используя манипуляторы свободного трансформирования, выполните точную настройку размеров и положения заплатки. Чтобы закончить работу с командой и применить выполненные преобразования, достаточно нажать клавишу <Enter>. В результате трансформационная рамка исчезнет, на экране останется граница выделения, а инструмент Patch(Заплатка) сохранит свою активность.

5. Переведите курсор мыши внутрь помеченной области и слегка сдвинем заплатку. Эта операция нужна не для дальнейшей настройки донорской области; она просто запускает механизм постобработки графической информации инструмента Patch(Заплатка). Размеры сдвига должны быть минимальными, в идеале это смещение на один пиксел. Результаты обработки текстурированной поверхности показаны на рисунке 6.10.

Рисунок 6.10 - Исправленное изображение

Задание 3. Работа с инструментом Blur (Размытие)

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

Рисунок 6.11 - Пример фотографии с массовыми дефектами

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

2. Выберите инструмент Blur (Размытие). На палитре Option Bar (Параметры) включите опцию Use All Layers (Использовать все слои), выберем режим наложения Lighten (Осветление) и задайте половинный нажим кисти (рисунок 6.12). Режим осветления используется для сокрытия дефектов черного цвета; обработку светлых царапин и пыли следует выполнять в режиме Darken (Затемнение).

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

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

5. Уберите светлые точки, расположенные на фоновых фрагментах изображения. Для этого надо изменить режим наложения на Darken (Затемнение). Все остальные опции инструмента можно не менять.

Рисунок 6.12 - Настройки инструмента размытия

Рисунок 6.13 - Обработанное изображение

Задание 4. Стандартная методика устранения дефектов посредством фильтра Dust & Scratches (Пыль и царапины)

На рисунке 6.14 показана хорошая в целом фотография (файл 5.gif), но с заметными повреждениями в нижней части. Изображение тротуара испещрено мелкими черточками и точками черного цвета.

Рисунок 6.14 - Фотография с дефектами

1. Выберите инструмент Lasso (Лассо), на панели свойств задайте радиус Feather (Растушевки), равный примерно трем пикселам.

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

3.  Превратите выделенную область в слой. Эта задача проще всего решается нажатием клавиш <Ctrl+J>.

4. По команде Filter(Фильтр)=>Noise(Шум)=>Dust&Scratches(Пыль и царапины) активизируется фильтр.

5. Задайте нулевое значение параметра Threshold (Порог).

6. Перемещая регулятор Radius(Радиус), подберите такое значение радиуса, которое удаляет большую часть дефектов на изображении тротуара. В данном случае поставленную задачу удалось решить при небольших значениях радиуса (рисунок 6.15).

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

Рисунок 6.15 - Установки фильтра

8. После обработки фильтром в нижней части оригинала остались протяженные белые полосы. Это штучное повреждение проще всего удаляется при помощи инструмента Clone Stamp (Штамп). Обработанный фрагмент снимка, показанный на рисунке 6.16, подтверждает эффективность описанной методики.

Рисунок 6.16 - Фрагмент обработанного изображения

Задание 5. Цветовая коррекция с помощью диалогового окна Levels(Уровни)

Необходимо улучшить изображение черно-белой фотографии (рисунок 6.17).

1. Загрузите фотографию 6.gif.

2. Добавьте новый корректирующий слой. Для этого воспользуйтесь командой Layer(Слой)=>New Adjustment Layer(Новый корректирующий слой)=>Levels(Уровни). В диалоговом окне (рисунок 6.18), которое будет выведено по этой команде, показана гистограмма фотографии. Ее самый заметный недостаток — это отсутствие точек на границах тонового диапазона. Можно добиться значительного улучшения изображения, если использовать весь доступный тоновый диапазон.

3. Перетащите ползунок, отвечающий за установку белой точки, влево, в область самых светлых тонов, которые присутствуют в оригинале. Это область с яркостями, равными примерно 219 пунктам (рисунок 6.19).

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

5. Нажмем кнопку <ОК> и закончите работу с диалоговым окном.

Рисунок 6.17 - Фотография одного из Петербургских каналов

Рисунок 6.18 - Исходная гистограмма

Полученный результат изображен на рисунке 6.20. После обработки картинка обрела резкость и недостающий контраст; стали заметными мелкие детали в области средних тонов.

Рисунок 6.19 - Изменение черной и белой точек

Рисунок 6.20 - Фотография после внесения изменений

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

Для настройки гаммы можно воспользоваться командой Image(Изображение)=>Adjustments(Корректировки)=>Levels(Уровни), которая действует непосредственно на изображение. Существует и другой путь. Можно вернуться к установкам корректирующего слоя и в нем изменить положение среднего регулятора. Для этого достаточно два раза подряд щелкнуть по пиктограмме корректирующего слоя в палитре слоев. Наконец, возможно ввести еще один корректирующий слой типа Levels(Уровни).

1. Создайте новый корректирующий слой типа Levels(Уровни).

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

3. Щелкните по кнопке ОК и закончите работу с диалоговым окном.

Рисунок 6.21 - Установки второго корректирующего слоя, доставляющие оригиналу нужное осветление

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

Задание 6. Коррекция недодержанных снимков с помощью Curves(Кривые)

На рисунке 6.22(файл 7.gif) представлен образец с типичными для недодержанных снимков признаками: блеклые полутона, преобладание теней над светами, недостаток деталей в области светлых тонов.

Рисунок 6.22. Пример недоэкспонированного изображения

Реставрация существенно недодержанных фотографий - это всегда трудная задача. Исправление такого недостатка требует радикальной коррекции тонового распределения, но резкое и несбалансированное воздействие на оригинал способно внести в его структуру значительные визуальные искажения.

Рисунок 6.23 - Расстановка цветовых датчиков

1. Для контроля цветового смещения следует расставить на снимке несколько цветовых датчиков. Они должны давать информацию о сдвиге тонов на самых важных и чувствительных фрагментах фотографии. Эта самая освещенная часть лица, светлые области рубашки, темные фрагменты шляпы и блики на изображении фона (рисунок 6.23). Напомним, что расстановка цветовых датчиков выполняется при помощи инструмента Color Sampler(Цветовой диапазон).

2. Добавьте новый корректирующий слой типа Curves (Кривые). Не меняя формы кривой, завершите работу с диалоговым окном щелчком по кнопке ОК.

3. Измените режим наложения этого слоя с Normal (Нормальный) на Screen (Осветление). Это вызовет заметное осветление оригинала. Цветовые датчики покажут следующие изменения тона: рубашка -с 49% на 24 %, физиономия - с 48 % на 23 %, шляпа - с 98 на 96 %, фон - с 51 на 26 %. Несмотря на очевидные позитивные изменения, полученный результат нельзя считать окончательным.

4. Двойным щелчком по пиктограмме корректирующего слоя выведется на экран диалоговое окно Curves (Кривые).

5. Удерживая клавишу <Ctrl>, щелкнуть по той точке снимка, которая является самой важной для коррекции или самой чувствительной к ее ошибкам. В результате на кривой появится соответствующая контрольная точка. Выбор подобных образцов находится за пределами формального анализа- это содержательная задача, требующая конкретного решения в каждой ситуации. В нашем примере самая важная часть композиции - это лицо, а его центральной частью является нос. Важность этого фрагмента композиции усиливается еще и тем световым бликом, который отчетливо виден даже на полутоновом варианте этой первоначально цветной фотографии.

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

7. Щелчком по кнопке ОК закончим работу с диалоговым окном Curves(Кривые). Результат проведенных мероприятий показан на рисунке 6.25.

Рисунок 6.24 - Форма кривой, обеспечивающая осветление лица

Рисунок 6.25 - Обработанное изображение

Задание 1. Превращение фотографии в рисунок

В задании описана методика, которая позволяет придать фотографии вид рисунка. Для достижения максимального эффекта старайтесь использовать фотографии с размытым фоном и крупными объектами переднего плана, имеющими четкие, ярко выраженные, контуры. То есть фотографии, на которых и передний план и фон имеют одинаково высокую резкость, не очень хорошо подходят для описанного ниже преобразования. Дело в том, что объекты фона добавят в рисунок очень много шума, в котором "утонут" объекты переднего плана. Поэтому перед тем как использовать подобные фотографии выделите вручную фон и размойте его фильтром Gaussian Blur (Размытие по Гауссу).

1. Откройте файл Sportman.jpg. Сделайте копию слоя с изображением путем перетаскивания его на иконку Create a New Layer(Создать новый слой) на палитре Layers(Слои). Нажмите <Crtl+Shift+U> чтобы обесцветить (Desaturate) изображение на верхнем слое. Примените на этом слое Filter(Фильтр)=>Stylize(Стилизация)=>Glowing Edges(Свечение границ) со значениями Edge Width(Ширина границ) - 1, Edge Brightness(Яркость границ) - 11, Smoothness(Сглаженность) - 5. Отрегулируйте Levels(Уровни) так, чтобы высветить максимум значимых линий (штрихов) изображения. Получиться следующее изображение (рисунок 7.13).

Рисунок 7.13 - Применение фильтра Stylize(Стилизация) и регулирование Levels(Уровни)

2. Нажмите <Ctrl+I>, чтобы инвертировать изображение на текущем слое. Примените фильтр Filter(Фильтр)=>Artistic(Имитация)=>Cut Out(Аппликация), со значениями

Number of Levels(Число уровней) - 7,

Edge Simplicity(Упрощенность) - 3,

Edge Fidelity(Мягкость краев) - 3. (результат на рисунке 7.14).

Рисунок 7.14 - Применение фильтра Cut Out(Аппликация)

Отрегулируйте Levels(Уровни) примерно так, как это показано на рисунке 7.15. То есть затемните все темно-серые линии до полностью черного цвета (Input Levels(Входные уровени) - 86), а затем высветите всё изображение путем установки левого значения Output Levels(Выходные уровни) в 50. Значение Input Levels(Входные уровени) необходимо подбирать под каждое конкретное изображение. Значение Output Levels(Выходные уровни) можно всегда оставлять близким к 50.

Рисунок 7.15 - Настройки Levels(Уровней)

Сделайте копию текущего слоя. Примените к новому слою фильтр Filter(Фильтр)=>Blur(Размытие)=>Gaussian Blur(Размытие по Гауссу) со значением Radius(Радиус) - 5 pixels. В палитре Layers(Слои) задайте этому слою тип смешивания Screen(Экран) и прозрачность (Opacity) - 50%. Нажмите <Ctrl+G>, чтобы сгруппировать его с низлежащим слоем. Обратите внимание, что перед тем как нажимать <Ctrl+G>, необходимо щелкнуть мышью по заголовку окна с нашим изображением, чтобы сделать его активным, иначе нажатие <Ctrl+G> ни к чему не приведет.

3. Теперь добавьте краски. Переключитесь во второй (карандашный) слой, и в палитре Layers(Слои) задайте этому слою тип смешивания Overlay(Перекрытие). Переключитесь в самый нижний слой (Background) и примените к нему фильтр Filter(Фильтр)=>Noise(Шум)=>Median(Медиана) со значением Radius(Радиус) 5 pixels чтобы имитировать акварель. Значение Radius необходимо подбирать под каждое конкретное изображение. Чем крупнее изображение - тем больше значение Radius. Результат показан на рисунке 7.16.

Рисунок 7.16 – Результат задания

Задание 2. Создание солнца

1. Создайте новое изображение размером 250х250 пикселей с черным фоном. Установите передний цвет как RGB 204, 51, 0, а задний как RGB 204, 102, 0. Создайте новый слой и сделайте круглое выделение. Примените фильтры Filter(Фильтр)=>Render(Освещение)=>Clouds(Облака), а затем Filter(Фильтр)=>Distort(Искажение)=>Spherize(Сферизация) с параметрами Amount(Степень размывания) -100, Mode(Режим) - Normal(Нормальный). Должно получиться следующее(рисунок 7.17).

Рисунок 7.17 -Выделение окружности

2. Создайте новый слой. Установите цвета по умолчанию (D). Создайте черно-белые облака (Filter(Фильтр)=>Render(Освещение)=>Clouds(Облака)). Примените фильтр Difference Clouds(Облака с наложением) несколько раз. Сферизуйте этот выделение с помощью фильтра Filter(Фильтр)=> Distort(Искажение)=>Spherize(Сферизация) с параметрами Amount:100; Mode(Режим):Normal(Нормальный). Установите Blending Mode(Режим наложения) слоя на Color Dodge(Осветление цвета).

Рисунок 7.18 -Применены фильтры Difference Clouds(Облака с наложением) и Spherize(Сферизация)

3. Дважды кликните на оригинальном слое с солнцем для того, чтобы открыть окно стилей. Включите стиль Outer Glow(Внешнее свечение) и установите такие параметры(рисунок 7.19).

Рисунок 7.19 - Применение эффекта слоя Outer Glow(Внешнее свечение)

Рисунок 7.20 - Результат применения эффекта слоя

4. Теперь сожмите выделение на 3 пикселя (Select(Выделение)=>Modify(Модифицировать)=>Contract(Сжать):3px). Создайте новый слой и установите его между оригинальным слоем с солнцем и Background'ом. Залейте выделение каким-нибудь цветом (каким - не важно, т.к. это место все равно не будет видно). Отмените выделение (Ctrl+D) и примените к этому слою стиль Layer(Слой)=>Layer Style(Стиль слоя)=>Outer Glow(Внешнее свечение) с такими параметрами (рисунок 7.21).

Рисунок 7.21 - Применение эффекта слоя Outer Glow(Внешнее свечение)

5. Создайте новый слой и установите его над всеми слоями. Примените фильтр Filter(Фильтр)=>Render(Освещение)=>Clouds(Облака), а затем, несколько раз, фильтр Filter(Фильтр)=>Render(Освещение)=>Difference Clouds(Облака с наложением). Удерживая Ctrl, кликните на оригинальном слое с солнцем, а затем удалите выделенный круг. Установите Blending Mode(Режим наложения) слоя на Color Dodge(Осветление цвета).

Рисунок 7.22 - Расположение слоев в палитре Layers(Слои)

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

Рисунок 7.23 - Результат выполнения задания

Задание 3. Футбольный мяч

1. Создайте новое изображение большого размера (приблизительно 800х800) с белым фоном. Возьмите инструмент Polygon Tools(Инструмент многоугольник). Установите способ использования инструмента как Fill Pixels(Закраска пикселей) , а Sides(Стороны) как 6. Создайте новый слой. Удерживая <Shift> сделайте шестиугольник повернутый на такой же угол как на рисунке 7.24 около 100px в диаметре.

Рисунок 7.24 - Шестиугольник нарисован с помощью инструмента Polygon (Многоугольник)

2. Удерживая <Ctrl> кликните на этом слое. Выполните Select(Выделение)=>Modify(Модифицировать)=>Contract(Сжать) с параметром Contract by = 1 px. Удалите выделенную область (Delete) и снимите выделение(Ctrl+D).

Рисунок 7.25 - Сжатие выделения на 1 пиксел

3. Копируйте этот слой (Layer(Слой) > Duplicate Layer(Дубликат слоя)) и перенесите копию вверх, так, чтобы совпали верхняя сторона одного шестиугольника и нижняя другого. Соедините слои (Ctrl+E). Снова копируйте слой и совместите шестиугольники, но уже боковыми сторонами. Продолжайте, пока у вас не получится что-нибудь похожее на то, что изображено на рисунке 7.26.

Рисунок 7.26 - Копирование многоугольников

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

Рисунок 7.27 - Текстура футбольного мяча

5. Инструментом Elliptical Marquee Tool(Эллиптическое выделение) выделите круглую область вашей текстуры (удерживайте Shift). Копируйте выделенную область в буфер (Ctrl+C). Создайте новое изображение (Ctrl +N) и вставьте из буфера скопированную часть (Ctrl+V).

Рисунок 7.28 - Скопированная выделенная область

6. Файл с текстурой закройте. Теперь работаем с изображением, созданном на предыдущем шаге.

Удерживая <Ctrl>, кликните на слое. Примените фильтр Filter(Фильтр) =>Distort(Искажение)=>Spherize(Сферизация) с параметрами установленными по умолчанию.

7. Примените к слою стиль Inner Glow(Внешнее свечение) с такими параметрами как на рисунке 7.29.

Рисунок 7.29 - Параметры стиля слоя Inner Glow(Внешнее свечение)

Примените к этому же слою стиль Inner Shadow(Внутренняя тень) с параметрами как на рисунке 7.30. В результате должен получиться футбольный мяч изображенный на рисунке 7.31.

Рисунок 7.30 - Параметры стиля слоя Inner Shadow(Внутренняя тень)

Рисунок 7.31 - Результат выполнения задания