Изготовление анимированного банера

animirovannyiy-banerЕщё вчера для меня этот вопрос оставался загадкой. Считала, что точно без фотошопа теперь мне не обойтись. Оказалось, что запросто обойдемся!

Я вчера в программе Paint.NET пыталась из двух изображений сделать банер в формате GIF. Я их загнала в 2 слоя. И у меня ничего не получилось.

Давайте рассмотрим,  что такое GIF-анимация.  Это одна из разновидностей компьютерной мультипликации. Которая практически не отличается от обычной мультипликации. Также работает на воспроизведение картинок в определённом порядке.  Расширение-GIF  придумано специально, чтобы программа интерпретатор знала, что  работает с «кадрами» анимации.  В остальном же, отдельный «gif» кадр ничем не отличается от «JPEG» картинки.

А сегодня покажу вам  новую сферу применения редактора Paint.NET, — создание GIF-анимации. Сегодня остановимся на самом простом варианте. Баннер на котором меняется надпись, и перемещается марафонец.

Обрабатываем картинки в программе Paint.NET. В данном случае у нас их 5 штук. Каждую сохраняем в формате GIF — это обязательное условие, для того чтобы получить анимированный баннер.

И на этом у  Paint.NET, на сегодня, миссия завершина. А теперь нам нужна программа UnFREEz. Она тоже есть в бесплатном доступе в Интернет.

Интерфейс программы примитивнейший. Всё действия на раз, два, три….

12Смотрим пункт 1.

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

пункт 2. Зана, выделенная оранжевым цветом. Устанавливаем временной интервал между кадрами.  Поэкспериментируйте сами. И выставьте значение, при котором ваш барнер будет читабелен. В видео касте можите посмотреть на мои эксперименты с подвором интервала.

пункт 3.  Красная зона. Нажимаем кнопку «Make Animated GIF» (сделать анимированный   GIF).  Сохраняем. Всё наше изображение для баннера готово.

Подробности смотрите в видеокасте.

Полный алгоритм создания банера, смотрите здесь «Как сделать баннер?»

Здоровья и проветания.

С уважением, Ольга Батырева.

Изготовление анимированного банера: 6 комментариев

    1. Лена, а я бы сказала – от лени, ну вот как-то руки до фотошопа не доходят… И начинаешь подручными средствами обходится, и думаешь, да ну его! Я одно время избегала знакомство с камтазией… и тоже нашла альтернативу, из уже имеющегося в ОС.

      А потом знакомая прислала файл с форматом *.camreg – и мне ничего не оставалась, как в форсированном порядке осваивать её.

      От лени всё, от лени!!! Хотя лень – это такой двигатель прогресса…

  1. Ольга,спасибо огромное! У меня всё получилось.Надо же,как устроен мир,не давно только подумала о том,как люди делают такие фишки и вот,сразу нашёлся учитель.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *