Как сделать анимацию

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

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

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

анимация gif анимация gif анимация gif анимация gif анимация gif
анимация gif анимация gif анимация gif анимация gif анимация gif