Как создать анимацию gif

Начинающие вебмастера и опытные пользователи часто ищут в сети эти символичные изображения, анимашки - как их еще принято называть. Подвижные картинки, нередко - целые сценки в малом масштабе могут приукрасить как вашу web страничку, так и мобильный телефон. Правда, тут нужно помнить о разрешении и масштабе. Для работы нужно конечно неплохое оборудование и процессор байкал тут будет весьма кстати. Можно анимации на телефон скачать бесплатно, благо ресурсов с подобным контентом в сети немало. Но мы сегодня постараемся показать вам путь. . . wed режиссера. Создаем анимацию в редакторе Gimp.

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

 

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

 

Сохранение анимации gif. В верхнем меню выбираем "Файл" - "Сохранить, как"- имя. gif (здесь очень внимательно! ). Редактор предложит на выбор - сохранить, как анимацию, или сложить все слои вместе. Как можно догадаться, вам нужен первый вариант. Из следующего диалогового окна следует, что картинка может носить штампа gimp - снять галочку. Выбираем бесконечный цикл, или обычное мерцание (снятием галочки).

 

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