Работа со слоями. Создание коллажей.

Занятие 1. Послойная структура изображения.

Краткая аннотация: Понятие слоя изображения. Свойства слоев. Действия со слоями.

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

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

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

Самый нижний слой изображения (Фон или Основное изображение) появляется автоматически во время создания нового изображения.

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

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

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

Все команды для работы со слоями доступны из ).

Диалог Слои можно вызвать на экран через меню Окна – Прикрепляющиеся диалоги.

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

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

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

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

При помощи команд Объединить видимые слои… и Свести изображение можно уменьшить количество слоев в изображении. Команда Свести изображение объединяет все слои в один.

При помощи команд Объединить видимые слои… и Свести изображение можно уменьшить количество слоев в изображении. Команда Свести изображение объединяет все слои в один.

ПРАКТИЧЕСКАЯ РАБОТА "Объединение нескольких фотографий в одну"

Упражнение 1.

Откройте файлы 1.jpg, 2.jpg, 3.jpg, 4.jpg.

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

Сделайте активным фото 1.jpg.

В реальной жизни картины обычно рисуют на бумаге или на холсте. Изображение может занимать всю основу целиком, или только часть ее. Электронное изображение также имеет свою основу, Холст – область, в которой вы можете редактировать картинку.

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

Выберите в меню Изображение – Размер холста.

Наше изображение имеет размер 400х300 пкс. Увеличим размер холста в 2 раза: 800х600 пкс, изменив значения ширины и высоты в соответствующих окошках.

Нажмите кнопку Изменить размер.

Мы приготовили место для добавления остальных фотографий.

Сделайте активным изображение 2.jpg.

Выберите в меню Выделение – Все.

Скопируем изображение в буфер обмена: меню Правка – Копировать.

Сделайте активным изображение 1.jpg.

Вставьте содержимое буфера обмена: меню Правка – Вставить как - Новый слой.

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

Эти команды доступны как в панели инструментов, так и в меню Инструменты - Преобразование.

При выборе любого из инструментов группы ).

В нашем случае мы будем применять инструмент к выделению.

Выберите нужный инструмент на панели инструментов (или команду в меню Инструменты - Преобразования) и щелкните мышью внутри выделения.

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

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

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

Изменить размер вставленного фрагмента можно при помощи инструмента Масштаб.

Сделайте то же самое с фотографиями 3.jpg и 4.jpg.

Разместите фотографии на холсте.

"Лишний" участок холста отсеките инструментом Кадрирование.

В нашем изображении сейчас 4 слоя. Объедините слои в один – для этого щелкните правой кнопкой мыши по любому слою в диалоге Слои и выберите команду Свести изображение.

Упражнение 2. Наложение фотографий с эффектом полупрозрачности.

Для выполнения упражнения нам будут нужны файлы 5.jpg, (фон) и 6.jpg. (наложенное полупрозрачное изображение).

Откройте файл 6.jpg, выделите лицо инструментом Свободное выделение. Значение параметра Растушевать установите равным 40.

Скопируйте выделение в буфер обмена (меню Правка – Копировать).

Откройте файл 5.jpg, выберите в меню Правка – Вставить как новый слой.

При помощи инструментов .

Уменьшите непрозрачность слоя с лицом до 40.

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

На рис 3.16 показан результат выполнения упражнения с уровнем непрозрачности, равным 70 и Режимом наложения слоев Экран.

Упражнение 3. Рамки для фото.

Откройте файл 7.png, файл 8.jpg.

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

Поменяйте слои местами так, чтобы слой с рамками стал верхним. Установите значение Непрозрачность этого слоя 70%.

Установите значение Непрозрачность верхнего слоя 100%.

Занятие 2. Добавление к изображению художественного текста

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

Цель: научиться пользоваться инструментами Текст, Контуры для придания текстовым символам художественных эффектов.

Для работы с текстом предназначен инструмент Текст.

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

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

Что можно сделать с текстом

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

ПРАКТИЧЕСКАЯ РАБОТА "Добавление текста к изображению"

Упражнение 1.

Откройте файл 10.jpg.

Выберите инструмент Текст на панели инструментов.

Установите размер символов равным 100 пкс.

Выберите цвет – белый.

Щелкните мышью по изображению.

В появившемся окне напишите слово "Зимняя"

Нажмите кнопку Закрыть.

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

Переместите надпись в верхнюю часть изображения.

Выберите на панели инструментов .

Снова выберите инструмент Текст и напишите слово "сказка" побуквенно: буква "с" - написать - откорректировать размер – повернуть – разместить на картинке; следующая буква "к" - написать – повернуть… и т.д.

Выберите на панели инструментов инструмент Плоская заливка.

Установите для него тип заливки – Текстурой.

Выберите текстуру Blue Grid (см. рис 3.22)

Перейдите на слой, содержащий слово "зимняя". Залейте инструментом Плоская заливка все буквы.

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

Результат выполнения упражнения показан на рис 3.23.

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

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

Инструмент для создания и редактирования контуров – Контуры.

Контуры GIMP принадлежат к математическому типу, называемому "Кривые Безье". Это означает, что они определяются управляющими точками и рычагами. "Управляющая точка" это точка, через которую проходит контур. "Рычаги" определяют направление контура при входе или выходе из управляющей точки: каждая точка имеет два прикреплённых к ней рычага.

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

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

Контуры могут быть очень сложными. Если вы создаёте их вручную с помощью инструмента Контуры, обычно они содержат несколько управляющих точек, обычно не более 10-15; но если вы создадите их с помощью преобразования выделения в контур, или преобразованием текста в контур, результат с лёгкостью может содержать сотни управляющих точек, или даже тысячи.

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

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

Контур, целиком состоящий из прямых называется "многоугольным".

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

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

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

Этот инструмент может работать в трех режимах: создание, правка и перемещение (рис 3.26).

Режим создания

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

Чтобы замкнуть контур, нажмите клавишу Ctrl и щёлкните по начальной управляющей точке.

Функции, доступные в этом режиме:

Добавление узлов: если активный узел (маленький пустой круг после щелчка по узлу) находится в конце контура, значок курсора содержит символ "+", а щелчок им по активному узлу создает новый узел, соединённый сегментом с предыдущим.

Если активный узел находится на контуре, курсор содержит квадрат, и щелчок по нему создает новый компонент контура. Этот новый компонент не зависит от других, но принадлежит контуру, как видно в диалоге.

Смещение одного или нескольких узлов: над узлом курсор принимает вид креста из четырёх стрелок. Нажмите узел и переместите его. Можно выбрать несколько узлов, удерживая нажатой клавишу Shift. Удерживая нажатыми клавиши Ctrl+Alt, вы можете передвигать весь контур как выделение.

Режим правки

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

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

Удалить сегмент из контура: нажимая комбинацию клавиш Shift+Ctrl, укажите на сегмент. Курсор содержит символ "-". Щёлкните, чтобы удалить сегмент.

Добавление узла к контуру: укажите на сегмент. Значок указателя мыши сменится на "+". Щёлкните по точке, в которую хотите добавить узел.

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

Изменение сегмента: когда указатель мыши оказывается над сегментом контура, значок указателя превращается в крест из четырёх стрелок. Щелчком и перемещением вы можете изогнуть сегмент, при этом автоматически добавится еще одна точка. Как только сегмент начнёт меняться, по обоим концам сегмента появятся рычаги. Нажатие клавиши Shift делает рычаги симметричными.

Удаление управляющей точки (узла): нажимая комбинацию клавиш Shift+Ctrl, укажите на узел. Курсор становится "-". Щёлкните, чтобы удалить узел.

Режим перемещения

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

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

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

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

Кнопка Выделение из контура

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

Заметьте, что контур остаётся нетронутым: активный инструмент — всё ещё Контуры, так что этот контур можно изменять, не меняя выделение, ставшее независимым.

Если выбрать другой инструмент, контур станет невидимым, он останется в диалоге контуров, и его можно активировать снова.

Если контур не замкнут, GIMP закроет его прямой линией.

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

Кнопка Обводка по контуру

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

Для работы с контурами также предназначен диалог контуры (рис 3.28).

Внимание: контур не располагается в каком-либо слое! Но его можно обвести на любом выбранном вами слое.

ПРАКТИЧЕСКАЯ РАБОТА "Создание стилизованного изображения на основе фотографии"

Откройте файл 11.jpg.

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

Выберите инструмент Контуры на панели инструментов. Выберите режим .

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

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

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

Снимите выделение.

Снова выберите инструмент Контуры и обведите еще какую – нибудь часть дома. Также превратите контур в выделение и залейте сплошным цветом при помощи инструмента Плоская Заливка.

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

Исходное изображение и примерный результат работы показан на рис 3.30.

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

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

Упражнение 2.

Попытайтесь при помощи инструмента Контуры создать следующие фигуры, состоящие из плавных линий (рис 3.31)

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

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

Для этого нужно:

При этом в диалоге Контуры образуется новый контур, который содержит буквы.

Далее с ним можно работать, как с обычным контуром: создать из контура выделение и залить каким-либо цветом или градиентом.

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

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

ПРАКТИЧЕСКАЯ РАБОТА "Создание контура на основе текста"

Упражнение 1. Создание текста неправильной формы.

Создайте новый файл.

При помощи инструмента Текст создайте надпись "Г и м п" (с пробелами между буквами).

Нажмите кнопку Контур из текста.

При помощи инструмента Контуры измените очертания букв, как на рис 3.33.

Преобразуйте контур в выделение и залейте его градиентом.

Текстовый слой удалите.

Упражнение 2. Раскрашивание надписи растровым изображением.

Откройте файл 12.jpg.

Выберите инструмент Текст и напишите "Осень". Размер шрифта не важен.

Выделите буквы, нажав на кнопку Контур из текста и преобразовав контур в выделение.

Слой с буквами нам больше не нужен, его можно удалить.

Размер букв можно скорректировать при помощи инструмента ).

Сделайте активным слой с пейзажем.

Инвертируйте выделение и удалите фон.

Выделенные буквы можно обвести черной линией. Для этого нужно выбрать в меню Правка → Обвести контур и установить желаемую ширину обводки.

Краткие итоги

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

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

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

Все команды для работы со слоями доступны из Диалога Слои.

Диалог Слои можно вызвать на экран через меню Окна – Прикрепляющиеся диалоги.

При помощи команд Объединить видимые слои… и Свести изображение можно уменьшить количество слоев в изображении. Команда Свести изображение объединяет все слои в один.

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

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

Для работы с текстом предназначен инструмент Текст.

Что можно сделать с текстом

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

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

Инструмент для создания и редактирования контуров – Контуры.

Контуры GIMP принадлежат к математическому типу, называемому "Кривые Безье". Это означает, что они определяются управляющими точками и рычагами. "Управляющая точка" это точка, через которую проходит контур. "Рычаги" определяют направление контура при входе или выходе из управляющей точки: каждая точка имеет два прикреплённых к ней рычага.

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

Для этого нужно: