Методичка лабы ОИИ

3. Создать несколько скрепок, оформленных разными стилями. Задание 2. «Стилизованная листва»:

1.Создать квадратный документ.

2.Выбрать серебряный градиент (серый с двумя светлыми полосками), форма градиента – Angle, режим смешивания – Difference (Разница). Провести градиентом несколько раз в разных направлениях по холсту.

3.Применить фильтр Filter – Stylize – Glowing Edges с параметра-

ми: ширина края – 2, яркость края – 20, сглаживание – 9.

4.Задать оранжевый или зеленый цвет.

Задание 3. «Разрезаем картинку»:

1.Открыть файл с изображением, продублировать слой с изображением, слой «Задний план» залить белым цветом.

2.Поделить изображение пополам направляющими по вертикали

ипо горизонтали, включить привязку к направляющим.

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

4.Добавить белые поля на изображении: Image – Canvas Size.

5.Для слоя с частью изображения применить стили слоя Drop Shadow и Stroke, параметры и цвета настроить самостоятельно так, чтобы получилась естественная падающая тень и рамка вокруг фрагмента картинки.

6.Скопировать стиль слоя (Copy Layer Style) и применить к оставшимся фрагментам изображения (Paste Layer Style).

7.Используя трансформацию (меню Edit – Transform – Free Transform), немного повернуть каждый фрагмент изображения.

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

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

1.Определить понятие «слой».

2.Каково назначение слоев в работе с пиксельной графикой?

3.Назначение и возможности группировки слоев.

4.Дать определение понятию «фон», указать его отличие от простого слоя изображения.

41

5.Какие возможности рисования на слоях существуют?

6.Перечислить варианты защиты слоя от коррекции.

7.Определить понятие «стиль слоя», привести примеры стилей.

8.Дать определить понятию «режим наложения пикселей», привести примеры режимов наложения.

42

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

ТРАНСФОРМАЦИЯ ИЗОБРАЖЕНИЙ ПИКСЕЛЬНОЙ ГРАФИКИ

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

Оборудование: компьютер с техническими характеристиками, приведенными в виде табл. 3.1 (см. на с. 12), мониторы с техническими характеристиками, представленными в виде табл. 3.2 (см. на с. 12).

Теоретическая часть

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

Чтобы выполнить трансформирование, необходимо выделить нужный объект, затем выбрать команду трансформирования. Перед тем как осуществлять суммарное преобразование, можно последовательно выполнить несколько отдельных действий. Например, можно произвести масштабирование с помощью инструмента «Масштаб», затем применить команду «Искажение», изменяя степень искажения. Для того чтобы реализовать трансформирование, следует нажать клавишу «Ввод» на клавиатуре.

Цвет пикселей, добавляемых или удаляемых во время трансформирования, вычисляется в Adobe Photoshop методом интерполяции, выбранным в разделе «Основные» диалогового окна «Установки». Скорость и качество трансформирования непосредственно зависят от этого параметра интерполяции. Бикубическая интерполяция, применяемая по умолчанию, выполняется медленнее всего, но дает наилучший результат.

С помощью команды «Свободное трансформирование» можно

43

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

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

При искажении элемента с помощью опорных точек сетку деформации или опорные точки можно отображать и скрывать с помощью команды «Вспомогательные элементы» в меню «Редактирование».

Практическая часть

Задание 1. Изучить возможности трансформации изображений. Исправить искажение перспективы на заданной фотографии.

Задание 2. Закрепить изучение возможностей работы со слоями, фильтрами, режимами наложения пикселей, трансформацией, выполнив урок «Объемное морское дно».

«Объемное морское дно»:

1.Создать новый документ размером 1024 768 пикселей, разре-

шением 300 dpi.

2.Создать новый слой, залить его сине-зеленым цветом (с коор-

динатами RGB: 60, 110, 110).

3.Установить цвета по умолчанию черный и белый. Создать новый слой, применить на нем фильтр Render – Clouds, затем фильтр Sketch – Chrome с параметрами: детали – 10; сглаживание – 0. Установить режим смешивания данного слоя Overlay.

4.Создать новый слой. Применить фильтр Render – Clouds, затем фильтр Stylize – Glowing Edges с параметрами: ширина краев – 3, яркость краев – 20, сглаживание – 15. Установить режим смешивания данного слоя Linear Dodge.

5.Объединить три верхних слоя в один, назвать его «Вода».

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

44

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

8.Для имитации морского дна создать новый слой. Применить фильтр Render – Clouds, затем фильтр Render – Lighting Effects с па-

раметрами, размещением, направлением и формой охвата освещаемой поверхности, представленными на рисунке.

Настройки фильтра Lighting Effects

9.Задать цвет для слоя дна: Image – Adjustments – Hue/Saturation с

параметрами: включить флажок Colorize (Тонировать), цветовой тон – 45, насыщенность – 40, светлота – 0.

10.Создать новый слой. Применить фильтр Render – Clouds, затем фильтр Stylize – Glowing Edges с параметрами: ширина краев – 3, яркость краев – 20, сглаживание – 15. Установить режим смешивания данного слоя Linear Dodge.

11.Объединить два верхних слоя в один, назвать его «Дно».

45

12.Активизировать слой «Дно», войти в режим трансформации, сжать его сверху вниз до направляющей, перейти в режим трансформации «Перспектива», нижнюю границу увеличить в 2 раза, потянув за угловой маркер в сторону.

13.Создать новый слой. Сделать прямоугольное выделение в центре холста на всю ширину холста высотой 60 пикселей и залить его сине-зеленым цветом (с координатами RGB: 60, 110, 110). Применить

кнему размытие по Гауссу Blur – Gaussian Blur со значением 9 пикселей. Включить режим трансформирования, растянуть слой вверх и вниз на всю высоту холста. Назвать данный слой «Глубина».

14.Установить цвета по умолчанию черный и белый. Создать новый слой, применить фильтр Render – Clouds, далее фильтр Stylize – Glowing Edges с параметрами: ширина краев – 3, яркость краев – 20, сглаживание – 15. Применить фильтр Blur – Radial Blur с параметрами: количество – 100, метод размытия – Zoom, качество – Best. Установить режим смешивания слоя на Color Dodge. Назвать данный слой «Лучи».

15.Трансформировать слой «Лучи»: растянуть вверх на высоту в 2 раза большую, чем высота холста.

16.Поверх слоя «Дно» можно создать новый слой с травой, пузырями и другими элементами морского дна.

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

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

1.Перечислить виды трансформаций пиксельной графики.

2.Указать порядок проведения трансформации.

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

4.Назвать возможности команды «Свободное трансформирова-

ние».

5.Привести примеры применения трансформирования в работе с изображениями.

46

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

РАБОТА С МАСКАМИ СЛОЯ ПИКСЕЛЬНОЙ ГРАФИКИ

Цель работы: ознакомиться с назначением и возможностями масок слоя, получить базовые навыки работы с ними.

Оборудование: компьютер с техническими характеристиками, представленными в виде табл. 3.1 (см. на с. 12), мониторы с техническими характеристиками, приведенными в виде табл. 3.2 (см. на с. 12).

Теоретическая часть

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

Различают два типа масок: слой-маски, векторные маски. Слой-маска представляет собой зависимое от разрешения битовое

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

Векторные маски создаются с помощью инструментов групп «Перо» и «Фигура» и не зависят от разрешения изображения.

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

Слой-маски и векторные маски отображаются в виде дополнительных миниатюр на панели «Слои» справа от миниатюры слоя. Для слоя-маски данная миниатюра представляет собой канал градаций серого, создаваемый при ее добавлении. Миниатюра векторной маски представляет собой изображение контура, отсекающего содержимое слоя.

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

47

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

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

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

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

Практическая часть

Освоить работу с масками слоя. Выполнить уроки «Простое слияние двух фотографий», «Эффект движения на фотографии».

Задание 1. «Простое слияние двух фотографий»:

1.Открыть две фотографии (желательно, чтобы они имели одинаковые размеры и разрешение).

2.Создать новый документ, в котором на одном слое разместить одну фотографию, на втором – другую.

3.Выделить верхний слой и добавить маску слоя Add Layer Mask.

4.Выбрать инструмент Gradient Tool (Заливка градиентом) со следующими настройками: от черного к белому, линейный, режим наложения пикселей – нормальный, непрозрачность – 100%.

5.На маске слоя провести градиентом горизонтально слева на-

право.

Задание 2. «Эффект движения на фотографии»:

48

1.Открыть подходящую фотографию (с изображением движущегося объекта).

2.Создать копию фонового слоя.

3.К верхнему слою применить фильтр Filter – Blur – Motion Blur. Для параметра Angle (Угол) задать значение, соответствующее необходимому направлению движения, для контроля над «силой» эффекта подобрать подходящее значение параметра Distance (Расстояние).

4.Создать маску слоя на верхнем слое.

5.На маске слоя кистью с мягкими краями нанести черный цвет на области изображения, которые должны оставаться четкими (движущийся объект на фотографии).

Задание 3. По аналогии урока «Скрепки» из лабораторной работы № 7 создать объемный веб-элемент «Кнопку».

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

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

1.Дать определение понятию «маска слоя».

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

3.Назвать способы создания масок.

4.В чем заключается различие слой-маски и векторной маски?

5.Указать области применения масок слоя для работы с пиксельной графикой.

49

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

ТЕХНИЧЕСКАЯ РЕТУШЬ

Цель работы: ознакомиться с инструментами ретуши изображений, их возможностями, получить навыки выполнения ретуши цифровых изображений.

Оборудование: компьютер с техническими характеристиками, приведенными в виде табл. 3.1 (см. на с. 12), мониторы с техническими характеристиками, представленными в виде табл. 3.2 (см. на с. 12).

Теоретическая часть

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

Редактирование можно условно разделить на техническую коррекцию (устранение недостатков изображения) и структурное редактирование (изменение содержания изображения). Редактирование может выполняться в следующей последовательности:

1. Техническая ретушь:

–тоновая и цветовая коррекция: устранение недостаточной/избыточной яркости и контраста, коррекция цветового тона, изменение динамического диапазона изображения, преобразование в другое цветовое пространство;

–геометрические преобразования: вращение и масштабирование;

–устранение пыли, царапин, «битых пикселей»;

–устранение шума (случайных погрешностей цвета в каждой точке изображения);

–устранение дисторсии (искажения) и виньетирования объектива (при котором края изображения оказываются темнее, чем центр);

–компенсация потери резкости, например, путем нерезкого маскирования или использованием специальных программных фильтров.

2. Структурное редактирование:

–кадрирование – удаление лишних областей по краям изображе-

ния;

50