Adobe ImageReady
Как сделать gif-анимашку
Сперва замечу, что gif-анимашки – это чаще всего признак дурного тона в WEB-дизайне. Когда на странице всё фонит и переливается так, что в глазах пользователя через пару секунд возникает резь и обильное слёзоотделение – это …. Это плохо .) Поэтому, не то чтобы призываю не пользоваться gif-анимацией, просто – тут нужен вкус и мера.
Для создания gif-анимашек есть множество инструментов. Я же рассмотрю пример создания gif-анимашки с помощью программы Adobe ImageReady. В качестве вспомогательного инструмента будет использоваться программа Adobe Photoshop.
Версии данных программ в принципе не имеют значения, я сейчас буду писать о версии CS2. Естественно, версии не русифицированы. Кто же русифицирует подобного вида программы? У кого нет программ Adobe ImageReady и Adobe Photoshop – дальше могут не читать (не вижу смысла).
Итак:
1. Находим серию картинок, из которых будем собирать gif-анимашку. Лучше, если бы они были одного размера. Но это не особо принципиально.
2. Открываем Adobe Photoshop и сбрасываем в него все картинки, которые хотим включить в gif-анимашку.
3. Если есть ограничения на размер gif-анимашки, то изменяем размер выбранных картинок под необходимый размер. Если нет – можно выбрать самую большую. Если нужно сделать gif-анимашку с прозрачным фоном, создаем новый документ (Crtl+n) Adobe Photoshop с прозрачным фоном необходимого размера.
4. Потом выделяем картинку, которая будет в gif-анимашке (либо инструментами, либо, если нужна вся картинка, то Ctrl+a) и вставляем в созданный новый файл (Ctrl+v). Тут обращу внимание на то, что Adobe Photoshop подсвечивает активное окошко с файлом-изображением. Если копируем мы из одного окошка с файлом-изображением в другое, то всегда надо следить, с каким файлом-изображением мы сейчас работаем. 5. Скидываем все необходимые картинки для будущей gif-анимашки в создаваемое изображение. Конечно получится на первый взгляд каша, но не надо пугаться .) Следить за количеством вставленных изображений можно на панели инструментов (см. рис. снизу справа). Включается/выключается данная панелька кнопкой F7. 6. Сохраняем получившийся файл-картинку в формате Adobe Photoshop (с расширением psd). Shift+Clrl+s (Обязательно должна стоять галочка «Layers») 7. Открываем Adobe ImageReady, с помощью него открываем сохраненный файл. Далее смотрим на картинку, что там к чему:  1-это визуальное отображение картинки с видимыми слоями
7-это окошко со слоями. «глазик» можно «загасить», тогда в слайде будет видно только то, что «не загашено»
2-3-4-5-6-это все, что относится к самой анимации
2-это стрелочка, которая устанавливает режим «зациклено»-«единоразово»: либо gif-анимашка будет зациклено постоянно мерцать на экране, либо один раз проиграет и остановится на последнем слайде
3-это кнопка запуска/остановки проигрывания gif-анимашки. При запуске можно посмотреть, что получается, в окошке 1 (см. выше)
4-это кнопка добавления еще одного слайда. Если выделить слайд, то вставится такой же после выделенного. Слайды можно перетаскивать мышкой с места на место и менять местами.
5-это «помойка». Туда надо «выбрасывать» ненужные слайды. Цапаем слайд (курсор в виде «цапающей лапы») и кидаем его на эту иконку.
6-это маленькая стрелка, открывающая менюшку. В менюшке выбираем, сколько времени будет виден выбранный слайд до переключения на следующий слайд в gif-анимашке. Опция «Other…» позволяет задать время вручную.
8. После того, как анимация настроена, gif-анимашку нужно сохранить. Для этого открываем в окошке 1 закладку «4-Up» и выбираем в зависимости от размера файла и количества цветов, кликаем мышкой в выбранный файл.  9. После этого – последний шаг – Сохраниение. См. картинку. 10. gif-анимашка – готова! .)  {mos_fb_discuss:5}
|
