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

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

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

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

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

1. Открываем в Photoshop исходное изображение.
http://www.udomlya.ru/~cannabis/1a1.jpg

2. Создаём дубликат первого слоя.
http://www.udomlya.ru/~cannabis/2a1.jpg

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

4. и создаём на втором слое блики, похожие на огни автомобильных фар.
http://www.udomlya.ru/~cannabis/4a1.jpg

5. Довольно реалистично.
http://www.udomlya.ru/~cannabis/5a1.jpg

6. Копируем наши слои в ImageReady. Для этого жмём Shift+Ctrl+M. Первый кадр уже готов. Создаём его дубликат.
http://www.udomlya.ru/~cannabis/6a1.jpg

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

8. Выделяем первый кадр, а затем всё в том же окне "Слои" отключаем видимость второго слоя.
http://www.udomlya.ru/~cannabis/8a1.jpg

9. Для плавного перехода между первым и последним кадрами создаём промежуточные (в нашем случае хватит и двух).
http://www.udomlya.ru/~cannabis/9a1.jpg

10. Почти готово, но "выключение фар" получилось уж слишком резким. Чтобы исправить эту ошибку, создаём дубликаты "промежуточных" кадров и размещаем их симметрично своим копиям (относительно последнего кадра).
http://www.udomlya.ru/~cannabis/10a1.jpg

11. Кадры должны переключаться без задержки.
http://www.udomlya.ru/~cannabis/11a1.jpg

12. Сохраняем оптимизированный файл.(Ctrl+Shift+Alt+S).
http://www.udomlya.ru/~cannabis/12a1.jpg

13. А вот, что у нас получилось.
http://www.udomlya.ru/~cannabis/13a1.gif