PDA

Просмотр полной версии : Как сделать gif?


Premudraya
13.07.2010, 13:45
Мне нужно сделать анимированное фоновое изображение для сайта размером 980х292. Я делаю анимацию во Flash через Motion Tween, потом публикую gif-изображение. В настройках, если установить параметр "Transparent" в значение "Alpha 255", то получается более менее приемлемый gif-файл - 200Кб, картинки четкие. Но нет анимации! Показываются только ключевые фреймы, а между ними - пустота:

http://kyleog.bay.livefilestore.com/y1pekK_OQg5yyh5Ki1PK7UageB2s6l5Q5QxDn117URL8Nn3abHRo57Itgg_WjRFn74ykhj6mSu5sxx88Cc93Us4zCQk8MwRQxNa/headerimg.gif?psid=1

Если поменять параметр "Transparent" в другие значения "Opaque" или "Transparent", то gif-файл получается невероятно тяжелый - несколько мегабайт - и с ужасного качества изображениями. Зато анимация работает.

Почему не работает анимация при "Alpha 255"?

Хемуль
13.07.2010, 14:15
2 Premudraya:
Как вариант, переделайте твины полностью в ключевые кадры.

Premudraya
13.07.2010, 15:50
2 Premudraya:
Как вариант, переделайте твины полностью в ключевые кадры.

Переделала всё Motion Tween в ключевые фреймы вручную - каждый фрейм F6. Но почему-то полученный gif-файл ничем не изменился - та же пустота между парой картинок мельком, т.е. то же самое осталось.

Хемуль
13.07.2010, 16:09
2 Premudraya:
Если хотите, прикрепите FLA в формате Flash CS3 к теме, либо выложите куда-то в сеть его заархивированным и дайте ссылку - я взгляну.

Premudraya
13.07.2010, 16:23
2 Premudraya:
Если хотите, прикрепите FLA в формате Flash CS3 к теме, либо выложите куда-то в сеть его заархивированным и дайте ссылку - я взгляну.

Ок, оба FLA - с Motion Tween и с ключевыми фреймами - в архиве gif.rar (http://cid-06c451693b6f25fe.office.live.com/self.aspx/%d0%9e%d0%b1%d1%89%d0%b5%d0%b4%d0%be%d1%81%d1%82%d1%83%d0%bf%d0%bd%d1%8b%d0%b5/gif.rar).

Хемуль
13.07.2010, 16:42
2 Premudraya:
А, так понятно...
Вы ставили в Publish Settings канал прозрачности с максимальным значением Threshold = 255. Это порог прозрачности. Вы сделали прозрачными все 255 цветов в палитре, если я не ошибаюсь. На самом деле у вас получается замечательный GIF-ролик, если сохранять его через Export Movie... Правда, весит он при этом 7+ Мб, но такой уж у вас случай. Уменьшайте размер картинки, количество кадров или цветов, чтобы уменьшить размер анимации. Как по мне, лучше уж сделать флешку, а не GIF-будет весить меньше и выглядеть гораздо красивее.

Premudraya
13.07.2010, 16:58
2 Premudraya:
А, так понятно...
Вы ставили в Publish Settings канал прозрачности с максимальным значением Threshold = 255. Это порог прозрачности. Вы сделали прозрачными все 255 цветов в палитре, если я не ошибаюсь. На самом деле у вас получается замечательный GIF-ролик, если сохранять его через Export Movie... Правда, весит он при этом 7+ Мб, но такой уж у вас случай. Уменьшайте размер картинки, количество кадров или цветов, чтобы уменьшить размер анимации. Как по мне, лучше уж сделать флешку, а не GIF-будет весить меньше и выглядеть гораздо красивее.

Спасибо. Сейчас выясняю как вставить на сайт анимацию swf вместо gif.
Хочу уточнить, 255 - это значение, на что влияет? Я думала, это кол-во поддерживаемых цветов. Пробовала уменьшить - появлялось сообщение об ошибке и Flash-программа аварийно закрывалась.

Через Export Movie действительно получается 7-ми мегабайтная анимация тоже не безупречного качества.

Хемуль
13.07.2010, 17:16
2 Premudraya:
Чтобы наиболее корректно и красиво вставить флешку в HTML-документ, рекомендую воспользоваться JavaScript-решением SWFObject. Если будут с ним проблемы, пишите, поможем.

Аварийное закрытие программы - это какой-то глюк. Что касается этого порога, то я точно не знаю, откуда и куда он считается. Но вообще GIF - это палитровое изображение. В нём может быть не больше 256 цветов. Цвета индексируются от 0 до 255. Какие-то из цветов могут трактоваться как цвет прозрачности и не отрисовываться. Вот этот вот "порог" как-то влияет на то, какие цвета считать цветами прозрачности. Судя по всему, при значении 255 это все цвета палитры.

Хемуль
13.07.2010, 17:33
2 Premudraya:
Если страница вашего сайта существует в сети, дайте ссылку - я вам напишу код, который необходимо вставить в HTML.
Либо можете, опять же, прислать в архиве страницу, если она на чистом HTML. Ну, с картинками и т.п. Нужно видеть разметку...