Создание анимированной GIF-картинки

[ninja]

Создание анимированной GIF-картинки

Мы часто обращаемся к теме виртуального тюнинга - работы в компьютерных программах над изображением автомобиля. Но картинка - вещь статичная, неживая. Решить эту проблему попробуем путём gif-анимации. Этот урок будет интересен не только виртуальным тюнерам, но и посетителям форума, если они хотят создать необычный аватар.

Работа по созданию анимированного GIF-изображения состоит из двух этапов: подготовки необходимого набора кадров и объединения их в один GIF-файл. На первом этапе используется редактор Adobe Photoshop, на втором - программа Adobe ImageReady, позволяющая реализовать собственно анимацию.

Создадим изображение автомобиля, мигающего фарами.

1. Открываем в Photoshop исходное изображение.


2. Создаём дубликат первого слоя.


3. "Включаем" фары нашего автомобиля. Для этого жмём «Фильтр-Рендеринг-Блик»/ «Filter-Render-Lens flare».


4. и создаём на втором слое блики, похожие на огни автомобильных фар.

[ninja]

5. Довольно реалистично.


6. Копируем наши слои в ImageReady. Для этого жмём Shift+Ctrl+M. Первый кадр уже готов. Создаём его дубликат.


7. Нажав правой кнопкой мыши на второй слой в окне «Слои»/«Layers», отключаем «Сохранять изменения кадра 1»/«Save changes of frame 1».


8. Выделяем первый кадр, а затем всё в том же окне "Слои" отключаем видимость второго слоя.

[ninja]

9. Для плавного перехода между первым и последним кадрами создаём промежуточные (в нашем случае хватит и двух).


10. Почти готово, но "выключение фар" получилось уж слишком резким. Чтобы исправить эту ошибку, создаём дубликаты "промежуточных" кадров и размещаем их симметрично своим копиям (относительно последнего кадра).


11. Кадры должны переключаться без задержки.


12. Сохраняем оптимизированный файл.(Ctrl+Shift+Alt+S).

[ninja]

13. А вот, что у нас получилось.