Работа со слоями на изображениях

Все основные приемы работы – создание тени, рельефа, шаблонов, анимации и т.д. – все это базируется на работе со слоями.

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

Рис. 17.1

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

Рис. 17.2

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

Основные приемы работы

Рассмотрим диалоговое окно слоев. Это окно вызывается нажатием комбинации клавиш Сtrl+I или через пункт Слои, каналы и контуры контекстного меню Слои. Окно содержит три вкладки: Слои, Каналы, Контуры.

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

Рис. 17.3

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

Рис. 17.4

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

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

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

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

Меню Режим позволяет производить "математические" операции со слоями – складывать, вычитать, умножать, делить, добавлять и т. п.

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

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

Рис. 17.5

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

Рис. 17.6

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

Рис. 17.7

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

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

Функции меню

Рис. 17.8

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

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

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

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

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

Размер границы слоя ("Слой Boundaty Size") позволяет уменьшить или увеличить размер слоя, не затрагивая размер изображения, что полезно, например, в случае, когда размер изображения в слое намного меньше самого слоя.

Пункт Масштабировать слой позволяет изменить размер слоя вместе с изображением, т. е. масштабирует его аналогично пункту Масштабировать из контекстного меню Изображение.

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

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

Объединить видимые слои – объединяет все видимые слои, при этом предоставляет выбор нескольких вариантов размера объединенного слоя.

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

Свести изображение – объединяет все слои в один, не отображая при этом скрытые слои.

Задание для самостоятельной работы 1

Создать многослойный документ: (файл Рс.jpg), разместить на мониторе цветок (файл Viola.jpg), на котором сидит бабочка (файл Butterfly.jpg), а на клавиатуре расположить веточку с листьями (файл Fruit.jpg).

Задание для самостоятельной работы 2

Создать коллаж на произвольную тему.

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

1. Для чего нужны слои?

2. Как изменить порядок расположения слоев?

3. Как объединить слои?

4. Как сделать слой невидимым?

Рисование и закрашивание

В GIMP к инструментам рисования относят следующие:

· Заливка;

· Градиентная заливка;

· Карандаш — нанесение резких карандашных линий;

· Кисть — нанесение размытых мазков кистью;

· Ластик — очистка до фона или прозрачности;

· Аэрограф — рисование аэрографом;

· Перо — рисование чернилами;

· Штамп — рисование шаблоном или областью изображения;

· Размывание/резкость;

· Палец — размазывание изображения;

· Осветление/затемнение.

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

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

По умолчанию основной цвет — чёрный, а фоновый — белый. Цвета переднего и заднего плана указываются в главном окне редактора. Используя переключатель цветов, можно менять местами основной и фоновый цвета. Щелчок на пиктограмме Основной и фоновый цвета по умолчанию восстанавливают основной цвет чёрный и фоновый цвет белый.

Переключатель цвета   Переключатель цвета

Фоновый цвет   Фоновый цвет

Основной цвет   Основной цвет

Основной и фоновый цвета по умолчанию   Основной и фоновый цвета по умолчанию

Рис. 20.1.

Упражнение 1