Анимация для баннера с плавным переходом.

[pti4i4ka]

Вот тут я выложила свой урок о том, как сделать анимированную картинку в одном лишь фотошопе.
Меня попросили объяснить, как сделать так, чтобы картинка сменялась плавным растворением, чтобы делать баннер для сайта.
Сегодняшняя запись будет освещать этот вопрос.

Comments

[gudi_gudi]

спасибо за урок. Я делала когда-то первый вариант, без плавного перехода, теперь вот вновь нашла вас и решила сделать с переходом. У меня получился плавный переход, но когда по окончании я сохраняю в Гиф или тифф, то при просмотре (вне фотошопа) картинки не сменяются. Почему, не подскажете?

[pti4i4ka]

Я сохраняю кнопкой "сохранить для web" и потом почему то файл можно посмотреть только если открыть с помощью браузера.
Хотя я точно помню, что раньше и в обычном просмотрщике гифки смотрелись и игрались. Но это было когда еще XP стояла, с тех пор много воды утекло.
То есть файлы у вас получаются рабочие, но просмотреть их можно только в браузере.

Спасибо за отзыв и за вопрос :)

[gudi_gudi]

о, спасибо за ответ, я уж и не надеялась :)
У меня ещё один вопрос назрел, может быть вы сможете мне помочь: в вашем примере вы сделали плавный переход от одной картинки к другой, а как сделать плавный переход от последней картинки к первой (есть зациклить смену картинок на forever)? Я попробовала разные варианты, но пока ничего не получилось (

[pti4i4ka]

Давай на ты?
По сути надо делать три кейфрейма (ромбика) для каждого слоя.
В начале, в середине и в конце, соответственно 0% прозрачности, 100%, и снова 0%.
У следующего слоя тоже будет три таких же, только у него 0 будет там, где у предыдущего - 100%. у остальных - аналогично.То есть в начале у первого непрозрачность 0%, и 0% у всех кроме последнего, у него - 100%. В следующем кейфрейме у первого 100, у второго и остальных - 0, в следующем у первого - 0%, у второго 100, у третьего - 0. Ну и так далее.
Когда перевела во фреймы, почему-то у последнего фрейма стояло время воспроизведения 7секунд, хотя у всех остальных 0,03. Исправила на 0,03 и поставила воспроизводить постоянно, получилось :)
Удачи!

[gudi_gudi]

птичка, я сделала upd и у меня получилось. Правда, результат мне не очень понравился (( что не понравилось:

1. картинки сами по себе не стоЯт некоторое время, чтобы можно было их подробно рассмотреть; переход в другую картинку начинается сразу после появления первой. Мне хотелось бы, чтобы картинка сначала постояла без движения, скажем, 2 сек, а потом бы начался плавный и довольно быстрый переход в новую картинку (при медленном переходе вид неприятный из-за наслоения одной картинки на другую).

2. конечный файл (из трёх фот каждая примерно по 60 кб) у меня получился просто огромный - 30Мб! ((

Но даже в этом варианте твой урок, птичка, на данный момент - это самое разумное, что я нашла в интернете по этой теме! Так что не устаю тебя благодарить - спасибо большое!!

Гудик

[pti4i4ka]

чтобы картинки стояли сами по себе некоторое время, чтобы их можно было рассмотреть, надо либо до переключения в покадровый режим разнести один маркер со значением 100% на некоторый - нужный - диапазон, или уже после перехода в покадровый режим найти промежуточный кадр картинки со 100% непрозрачностью и задать ему время воспроизведения например, 2 секунды - ну или столько, сколько нужно для рассматривания. Насчет объема - ничем не могу помочь, наверняка есть какие-то способы сделать файл легче, но возможно для этого нужны другие программы.
Спасибо за отзыв и благодарности, рада что пригодилось :)