Многоуровневая gif-анимация

Главная Форумы Использование Анимация и видео Многоуровневая gif-анимация

В этой теме 11 ответов, 3 участника, последнее обновление  WiL-13 5 года/лет, 1 месяц назад.

Просмотр 12 сообщений - с 1 по 12 (из 12 всего)
  • Автор
    Сообщения
  • #989

    WiL-13
    Участник

    Уважаемые гуру гимпа, подскажите пожалуйста новичку! Не могу разобраться.

    Как сделать такую gif-картинку, чтобы три картинки сменяли друг друга, но при этом на каждой из этих картинок тоже была анимация (появлялся текст)?!
    То есть появляется картинка, потом на ней строчки текста друг за другом, потом вторая картинка, на ней также несколько строк друг за другом и т. д…

    Или ткните, где можно почитать, если уже обсуждалось или решалась такая задача!

    #2025

    Ladd
    Участник

    Делать данную анимацию вручную — муторно долго (хотя возможно.)
    Да и Gimp для анимации не самый лучший выбор. Вотчина анимации — векторная графика.
    Если задача частная, т.е. её предстоит сделать один раз и забыть, то лучше создать презентацию в Impress и экспортировать её в gif.
    (входит в пакет LibreOffice -> http://ru.libreoffice.org/download/)
    При этом эффектов там тьма, не только затухание. Выйдет дёшево и сердито.
    Если хочется делать именно в Gimp, то Вам нужно скачать GAP (GIMP Animation Package)
    http://sourceforge.net/projects/gimp-win/files/GIMP%20Animation%20Package/GIMP%20Animation%20Package%202.2.0/
    На русском языке про него можно почитать:
    http://www.gimpbnksb.ru/forum/14-152-1

    #2026

    WiL-13
    Участник

    Ladd, спасибо! буду пробовать сейчас этот плагин, разбираться :)
    офис не подходит, ибо задача — сделать баннер.

    Можешь просто хоть этапы расписать для создания того, что мне требуется (если делать долго и муторно :D ) ? а дальше сам постараюсь разобраться…
    Просто не понимаю что именно нужно делать, чтобы достичь желанного результата… насколько понимаю, нужно делать много слоёв (последовательность — сначала слой с картинкой, потом слои с текстами, потом слой второй картинки и т.д.) и потом всё это выгружать в gif, так?!

    #2027

    Ladd
    Участник

    Первый мой совет отпадает потому, что LibreOffice неадекватно сохраняет эффекты анимации в формате gif.
    Как вручную?
    1. Прочитать немного инфо про gif
    2. Разобраться, что такое режим combine/replace
    3. Создать простую анимацию и экспортировать в gif (например, нарисуйте анимацию прыгающего мячика, 4-6 кадров)
    4. Создать черновой вариант Вашей анимации
    5. Экспериментально оценить размеры выходного файла и необходимость оптимизации
    6. Сохранять изображение в режиме: Индексировнный цвет (т.е. со своей палитрой)
    7. Разобраться с Gap, он здорово поможет.
    8. Для экспериментов с задержкой использовать любую анимацию. Например:

    Если нужно делать много анимации — переходите во flash, более серьёзные ролики можно рисовать. Качество у такой анимации на голову выше.
    P.S. Последовательность верна, только разберитесь, в чём разница между combine и replace, а так же, как ведет себя альфа-канал.

    #2028

    WiL-13
    Участник

    Большое спасибо! Будем пробовать и разбираться :)
    З.Ы. флэш не подходит однозначно из-за больших размеров конечного файла… :(

    #2029

    Ladd
    Участник

    Не согласен. Значит что-то не так делали с флэш. Флеш основана на векторной графике, шрифты на векторной графике, все эффекты это чистая математика, размер файла будет маленьким. Единственное что могло увеличить размер итогового ролика, так это не правильно импортированные растровые картинки (либо Вы их так и оставили в растре, или трассировка произведена с неудачными параметрами.)

    #2038

    WiL-13
    Участник

    И это скорей всего, что с флеш делаю что-нить не то…. :)
    Просто раньше напарник был, который как раз и занимался дизайном и графикой, а я только по коду был…. Он ушёл, и всю его работу взвалили и на меня, вот обучаюсь теперь! :)

    Редактором очень доволен! Интуитивно понятен, если с ним хоть немного посидеть.

    Со всем уже вроде разобрался, вот только появился один вопросик — а можно как-то сделать разную задержку между показом отдельных слоёв (кадров), если сохраняю в .gif как анимацию? или задержка задаётся одним параметром для ВСЕХ слоёв разом в окне, когда уже экспортирую в .gif ?

    #2039

    Ladd
    Участник

    Очень просто сделать разную задержку:
    1. Подготовить файл из нескольких слоев
    2. Экспортировать в gif с общей для всех кадров задержкой
    3. Открыть gif файл
    4. В стопке слоёв (Диалог слоёв) рядом с названием слоя будет указана задержка
    (100 ms по умолчанию.) Меняем это значение на 500 ms у какого либо слоя, экспортируем заново в gif и вуаля, кадр будет висеть пол секунды.
    P.S. Не уверен, что все просмотрщики будут поддерживать разную задержку у кадров одной анимации.

    #2040

    L Mao
    Участник

    WiL-13 написал:
    То есть появляется картинка, потом на ней строчки текста друг за другом, потом вторая картинка, на ней также несколько строк друг за другом и т. д…

    Если анимация простая, то логичнее сделать на JavaScript или даже CSS3.
    А от использования Flash действительно лучше отказаться, технология потихоньку умирает.

    #2041

    WiL-13
    Участник

    Ladd, благодарствую! думал, что эти цифры там просто как имя слоя идут без какой-либо функциональной нагрузки….:D

    L Mao написал:
    Если анимация простая, то логичнее сделать на JavaScript или даже CSS3.

    подскажи, плз, где почитать можно (если с полного 0), ибо гугль выдаёт лишь места, где уже обсуждаются те или иные возникшие проблемы и трудности, без собственно самих мануалов «как делать и с чего начать».

    #2042

    L Mao
    Участник

    WiL-13 написал:
    подскажи, плз, где почитать можно (если с полного 0), ибо гугль выдаёт лишь места, где уже обсуждаются те или иные возникшие проблемы и трудности, без собственно самих мануалов «как делать и с чего начать».

    Просто смену картинок с появлением текста проще всего сделать с помощью популярной библиотеки jQuery.
    https://www.google.ru/search?q=jquery+анимация

    CSS3 пока не поддерживается всеми браузерами, но вот хороший пример использования:
    http://coding.smashingmagazine.com/2011/05/17/an-introduction-to-css3-keyframe-animations/
    Демо: http://www.impressivewebs.com/demo-files/css3-animated-scene/

    #2043

    WiL-13
    Участник

    L Mao, большое спасибо! будем учиться потихонечку… :)

Просмотр 12 сообщений - с 1 по 12 (из 12 всего)

Для ответа в этой теме необходимо авторизоваться.