Слои и GIF анимация в GIMP

Knach.com » Обработка изображений » Слои и GIF анимация в GIMP

Слои можно использовать как средство организации «спецэффектов» на изображении, а также как кадры при создании анимированных GIF-изображений.

Сначала рассмотрим использование слоев для создания эффектов, в частности, для создания градиента прозрачности.

Возьмём какую-нибудь пейзажную фотографию и изменим её размер. В данном случае создано тестовое изображение размером 800×533 точек:

Исходная пейзажная фотография

Теперь командой «Файл / Создать… » создадим новое изображение размером 800×533 точек с прозрачным фоном:

Диалог создания нового изображения для работы со слоями

и сразу же сохраним его с именем, например, layers.xcf.

Теперь посмотрим на диалог «Слои, каналы, контуры»:

Диалог слоёв со списком файлов изображений

Раскрывающийся список (на рисунке раскрыт) даёт возможность выбрать нужное изображение. Выберем из этого списка файл layers.xcf и увидим, что в этом изображении всего один слой под названием «Фон»:

Видимый активный слой Фон в списке слоёв

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

Прежде всего научимся именовать слои. Для переименования слоя щёлкнем по его имени в списке слоев правой кнопкой мыши и увидим меню операций со слоями:

Возможные операции со слоями

Нас в данном случае интересует самый первый пункт — «Правка атрибутов слоя… »:

Диалог правки атрибутов слоя

Назовём наш фоновый слой «background». Теперь, используя меню работы со слоями, создадим новый прозрачный слой и назовём его «img».

Далее скопируем исходную фотографию в файл layers. xcf. Для этого в главном меню окна изображения исходной фотографии выберем команду «Правка / Скопировать видимое», а затем в главном меню окна изображения layers.xcf выберем команду «Правка / Вставить». В результате в списке слоев диалога слоев появится новый слой— «Плавающее выделение»:

Вставка изображения в режиме слоя

Чтобы это выделение перестало «плавать», вызовем для него меню операций со слоями и выберем команду «Создать слой… », после чего переименуем получившийся слой, дав ему имя «foto»:

Превращение плавающего выделения в новый слой

Прежде чем двигаться дальше, посмотрим на кнопки в диалоге слоев под списком слоев. Эти кнопки соответствуют некоторым пунктам меню работы со слоями. Кнопка «Создать слой» (самая левая) в комментариях уже не нуждается. Самая правая кнопка — «Удалить слой» — также имеет очевидное назначение. Кнопка с изображением якоря называется «Прицепить слой», и её использование позволяет вставить плавающее выделение в предыдущий слой (в нашем случае при использовании этой кнопки плавающее выделение оказалось бы в слое img). Кнопка с двумя символическими листами бумаги называется «Создать копию слоя», а кнопки со стрелками позволяют перемещать слой вниз и вверх по списку слоев. Естественно, если операции производятся со слоем, то этот слой должен быть активным (выделенным).

Теперь сделаем слой img активным, оставим его видимым, а все остальные слои сделаем невидимыми. Используем этот слой как основу для создания эффекта «градиента прозрачности» для фотографии. С этой целью сделаем в нём радиальную градиентную заливку от белого цвета к прозрачности.

Сделаем белый цвет цветом переднего плана, в главном окне GIMP выберем инструмент «Градиентная заливка» и установим такие параметры:

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

Теперь установим курсор в центр изображения и протянем его по горизонтали примерно до 90 % ширины изображения. В результате в слое img получим нечто похожее на:

Заливка слоя радиальным градиентом

Теперь сделаем активным и видимым слой foto, в раскрывающемся списке «Режим» над списком слоев установим режим «Умножение» (активного слоя на нижележащий) и получим результат:

Градиент прозрачности для фотографии

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

Теперь для слоя background выберем заливку текстурой, в качестве текстуры используем нечто, дающее фактуру «шерсти» (например, текстура «Walnut») и получим эффект «дырки в одеяле»:

Окончательный результат обработки фотографии

Теперь попробуем создать с помощью слоев анимированное GIF-изображение. В качестве исходных картинок возьмём изображения часов из коллекции Ореn-Clipart (http://openclipart.org). Коллекция исходных изображений:

Исходная коллекция для создания анимации

Исходные изображения являются прозрачными картинками в формате PNG и имеют размер около 800×800 точек. Поэтому, если нужно получить часики небольшого размера, все исходные изображения нужно предварительно масштабировать.

Теперь откроем в GIMP первое изображение (clockOl), а для открытия всех последующих и автоматического создания новых слоев будем использовать команду «Файл / Открыть как слой… » в главном меню окна изображения. Получившийся файл нужно сразу же сохранить в формате XCF во избежание потери информации.

В результате получим набор слоев:

Набор слоёв для создания анимации

Поскольку формат GIF в GIMP ограничен палитрой в 256 цветов, а исходные картинки — полноцветные PNG, прежде чем экспортировать файл в формат GIF, его нужно перевести в индексированную палитру командой «Изображение / Режим / Индексированное… » из главного меню окна изображения. Диалог настроек преобразования показан на рисунке:

Настройки преобразования изображения в индексированную палитру

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

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

Диалог настройки экспорта в формат GIF

Наш вариант— «Сохранить как анимацию».

Тут же появится диалог настройки анимации:

Диалог настройки GIF-анимации

в котором можно установить длительность показа кадра и комментарий. Оставим комментарий без изменений, а длительность показа для всех кадров установим в 500 мс (0,5 секунды).

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

Если повторно открыть в GIMP получившийся GIF-файл, то мы увидим, что слои, ранее имевшие имена, соответствующие названиям исходных изображений, стали называться «кадрами». Теперь для каждого кадра можно индивидуально устанавливать время показа:

Раскадровка итоговой анимации

  • Работа с цифровыми фотографиями
  • Тексты в GIMP
  • Форматы файлов GIMP: входные, выходные, внутренний
  • Настройка GIMP
  • Комментариев пока нет. Будете первым?

    Оставить комментарий

    XHTML: Вы можете использовать эти теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>