Как создать анимированный бэкграунд в css. Часть 1

Создавая анимационный бэкграунд (задний фон в меню css), необходимо обзавестись тремя программами. Впрочем, может хватить и двух или даже одной.

Зависит это от того, из чего – каких материалов он будет делаться.

Пользователям потребуются:

VTFEdit – чтобы конвертировать скрины в vtf формат
FormatFactory – чтобы обрезать видео и конвертировать формат mp4 в avi.
Free Video to JPG Converter - предназначенный для того, чтобы конвертировать avi в jpg.

Нужно взять подходящий видеоролик. В нем выбрать требуемый фрагмент согласно следующим параметрам:

4-5 секунд – 1 гигабайт оперативной памяти
5-10 секунд – полтора-два гигабайта оперативной памяти
Если оперативной памяти значительно меньше, вам придется подождать. Скоротать время можно к примеру с сайтом GAME-OFFICE.RU. Там много отличных игр.

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

Присутствует здесь и определенное ограничение – на один гигабайт 130 фреймов (то есть 5-6 секунд, не больше). Даже файл подкачки ничем помочь не сможет.

1. План таков. Берем полюбившийся момент, обрезаем конвертируем посредством FormatFactory в avi-формат (разобраться в ней несложно).
2. Второй этап – это конвертация avi в jpeg. Нужно поставить галочку в Извлечь – всего - указать количество фреймов в видео.

В среднем, необходимо придерживаться соотношения в 20-25 кадров в секунду. Иначе говоря, в случае с четырехсекундным видео нужно выставлять где-то в рамках 80-100 кадров. В дальнейшем, переходя в папку со скринами, следует удалить ненужные кадры, которые мешают цикличности.




Дата: 07 Июн 2013
Просмотров: 3139
avatar