§ 61. Многослойные изображения

Определения и обозначения

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

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

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

Режим наложения — способ, по которому редактор объединяет цвета верхнего слоя с цветами расположенных ниже слоёв. В зависимости от режима итоговый цвет рассчитывается по-разному. Это свойство помогает менять визуальное взаимодействие слоёв, не перекрашивая пиксели вручную.

Как это устроено

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

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

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

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

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

Свойства и операции со слоями

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

Разбор задач

Задача 1. В готовом многослойном изображении найдите слой с текстом и временно скройте его.

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

1. Просмотрите названия слоёв и выберите тот, который содержит текст. Если названия неясные, поочерёдно проверяйте слои, чтобы определить нужный.
2. Убедитесь, что выбран именно текстовый слой, и нажмите его переключатель видимости. Надпись должна исчезнуть с холста, а остальные элементы остаться на месте.
3. Проверьте результат и не удаляйте слой. Повторное включение видимости вернёт надпись в композицию.

Ответ: временно скройте слой с текстом переключателем видимости, не удаляя его.

Задача 2. Поместите фотографию на отдельный слой над фоном и измените порядок слоёв так, чтобы фотография оказалась позади надписи.

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

1. Добавьте фотографию в проект как отдельный слой, а не как содержимое фонового слоя. Убедитесь, что в списке появился новый элемент.
2. Сравните расположение трёх слоёв: фона, фотографии и надписи. Если фотография должна быть перед фоном, но за текстом, расположите её между слоями фона и надписи.
3. Перетащите слой фотографии в нужное место списка. Посмотрите на холст: надпись должна отображаться поверх фотографии, а фон — под ней.

Ответ: фотографию нужно держать на отдельном слое между фоном и слоем надписи. Порядок слоёв изменяет перекрытие элементов, а не сами пиксели.

Задача 3. Создайте композицию из фона, фотографии и полупрозрачной цветной плашки; настройте плашку так, чтобы сквозь неё читались детали фотографии.

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

1. Оставьте фон на отдельном слое и добавьте фотографию ещё на один слой. Проверьте, что фотография отображается над фоном.
2. Создайте цветную плашку на отдельном слое и расположите его выше фотографии. Если плашка перекрывает текст или другие элементы, проверьте весь порядок слоёв и расставьте их согласно композиции.
3. Уменьшайте непрозрачность плашки постепенно, каждый раз оценивая, видны ли детали фотографии и достаточно ли различим цвет. Остановитесь, когда изображение под плашкой читается, а сама плашка сохраняет нужный оттенок.

Ответ: разместите плашку отдельным слоем над фотографией и подберите её непрозрачность по результату на холсте.

Типичные ошибки

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

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

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

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

Связь с другими темами

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

Что запомнить

• Каждый слой можно редактировать независимо от остальных.
• Верхние слои отображаются поверх нижних.
• Прозрачные области открывают содержимое нижних слоёв.
• Скрытие слоя не удаляет его содержимое.
• Непрозрачность задаёт степень видимости слоя.
• Режим наложения определяет взаимодействие цветов слоёв.