Создание анимации
Создание анимации
Современные мобильные телефоны поддерживают не только статичные изображения, но и анимированные GIF-файлы. Все больше пользователей ставят в качестве заставки на экран телефона динамичные изображения, ведь они гораздо привлекательнее.
Существует огромное количество сервисов, предлагающих скачать готовые анимированные картинки: от вас требуется только отослать SMS на такой-то номер. В этом разделе рассмотрим, как создавать GIF-анимацию для мобильных телефонов. Теперь вы сможете проявить индивидуальность, загрузив на мобильный то, что вам по вкусу.
Создать динамичное изображение совсем несложно. Все, что от вас потребуется, – это минут 15–20 свободного времени и, кончено, фантазия.
Итак, для начала нужно создать кадры, из которых будет состоять анимация. Это можно сделать в любом графическом редакторе: Microsoft Paint, CorelDRAW или Adobe Photoshop. Например, на рис. 6.5 изображено окно Microsoft Paint, в котором создан один из кадров будущей анимации.
Рис. 6.5. Пример кадра в Microsoft Paint.
Как вы уже, наверное, догадались, здесь изображено некое подобие вращающегося вентилятора. Создайте необходимое количество кадров с помощью одного из графических редакторов. Чем их больше, тем более плавной выглядит анимация, но увеличивается и размер файла. Так что ищите компромисс.
Когда все кадры созданы, пора собирать из них анимированный файл. Для этого будем использовать программу GIF Movie Gear, демонстрационную версию которой можно бесплатно скачать с сайта www.moviegear.com. Это приложение предоставляет все необходимые инструменты для создания полноценной анимированной картинки: масштабирование, установка времени задержки, предварительный просмотр и др.
Запустим программу GIF Movie Gear (рис. 6.6).
Чтобы приступить к созданию анимированного файла, нажмите кнопку Insert Frames (Вставить кадры). В результате в окно будет добавлен первый кадр. Для добавления остальных кадров воспользуйтесь сочетанием клавиш Ctrl+I. Откроется окно проводника, в котором вас попросят выбрать нужный файл. Чтобы добавить файл, дважды щелкните на нем кнопкой мыши. Повторите эту процедуру для всех кадров вашей анимации, причем добавляйте их по порядку. Это избавит вас от дополнительной работы в будущем. Если вы хотите загрузить уже готовую анимированную картинку, чтобы ее отредактировать, воспользуйтесь кнопкой Open File (Открыть файл).
Рис. 6.6. Окно программы GIF Movie Gear.
В результате у вас должно получиться нечто похожее на то, что вы видите на рис. 6.7.
Теперь давайте настроим параметры анимации. Сначала установим время, в течение которого кадр будет находиться в активном состоянии. Для этого выделите нужный кадр и установите время задержки в поле с изображением часов, расположенном на панели инструментов (рис. 6.8).
Обратите внимание, что время задержки устанавливается в условных единицах. Одна условная единица равна 1/100 секунды.
Рис. 6.7. Кадры для будущей анимации.
Рис. 6.8. Установка задержки.
После установки времени задержки нужно задать геометрические размеры анимации. Сделать это можно, выполнив команду Animation > Resize (Анимация > Изменение размера). Появится соответствующее окно (рис. 6.9).
Задайте значения Width (Ширина) и Height (Высота) и нажмите кнопку OK. Оптимальная высота и ширина зависят от размеров дисплея мобильного телефона.
Вам, конечно же, захочется посмотреть, что получилось, еще до загрузки файла в телефон. Сделать это очень просто – воспользуйтесь комбинацией клавиш Ctrl+P или нажмите кнопку Play (Воспроизвести) на панели инструментов. В результате на экране появится проигрыватель GIF-анимации (рис. 6.10), в котором вы и увидите результат ваших трудов.
Рис. 6.9. Масштабирование анимации.
Рис. 6.10. Проигрыватель GIF-анимации.
Когда все сделано, остается только сохранить все одним файлом на жестком диске. Для этого используйте команду меню File > Save GIF Animation As (Файл > Сохранить GIF-анимацию как).
Осталось только загрузить анимацию в телефон.
Еще хотелось бы рассказать об одной несложной, но очень полезной функции программы GIF Movie Gear – оптимизации анимированного файла.
По умолчанию в выходном файле сохраняются все кадры изображения полностью, в результате чего размер файла может оказаться большим, чем хотелось бы. Однако ведь обычно при переходе от кадра к кадру изменяется лишь небольшая часть изображения, иногда даже менее 10 %. Так вот, программа GIF Movie Gear оптимизирует файл так, что сохраняется не весь кадр, а только часть, отличающаяся от предыдущего.
Чтобы воспользоваться функцией оптимизации, выполните команду Animation > Optimize (Анимация > Оптимизировать) или воспользуйтесь комбинацией клавиш Ctrl+T. Появится соответствующее окно (рис. 6.11).
Рис. 6.11. Настройки оптимизации.
Установите флажок Shrink palettes (global and local) (Смешать палитры (глобальную и локальную)). Это позволит уменьшить размер файла за счет объединения палитр.
Справа вы можете видеть информацию о размере текущего файла и файла после оптимизации. Как видите, в нашем случае он уменьшится на 23,1 %, что очень даже неплохо. В некоторых случаях размер оптимизированного файла может быть в два и более раза меньше, чем размер неоптимизированного. Для завершения процесса оптимизации нажмите кнопку OK.
В результате будут удалены все неиспользуемые фрагменты изображений. Окно программы примет следующий вид (рис. 6.12).
Теперь просто сохраните динамическую картинку одним файлом, как это было описано выше, и загрузите ее в телефон.
На этом закончим знакомство с процессом создания анимированных изображений. Используя полученные знания, вы с легкостью сможете создавать интересные и красивые динамичные картинки и украшать ими свой мобильный телефон.
Рис. 6.12. Оптимизированные кадры анимации.
Более 800 000 книг и аудиокниг! 📚
Получи 2 месяца Литрес Подписки в подарок и наслаждайся неограниченным чтением
ПОЛУЧИТЬ ПОДАРОКДанный текст является ознакомительным фрагментом.
Читайте также
Контроль анимации
Контроль анимации Следующей задачей является обеспечение гарантий того, что тип Timer сместит текущий фрейм визуализации в рамках PictureBox. Снова напомним, что число фреймов в цикле анимации зависит от текущей скорости автомобиля. Необходимость изменений изображений в PictureBox
Эффекты анимации
Эффекты анимации Если бы мы работали в Word или Publisher, то на этом, собственно, пришлось бы и остановиться – что можно сделать с неподвижной картинкой? Но слайду в PowerPoint совершенно нет нужды быть неподвижным! Напротив, ему это в корне противопоказано.Надписи, картинки и прочие
Создание анимации
Создание анимации Теперь нужно научиться перемещать объект по экрану. Если это делать достаточно быстро, то у пользователя создается ощущение непрерывного воспроизведения анимации. Для этого следует создать метод updatePositions, который позволит перемещать изображение. Пока
Глава 6 СОЗДАНИЕ КАРТИНОК, АНИМАЦИИ И ИГР
Глава 6 СОЗДАНИЕ КАРТИНОК, АНИМАЦИИ И ИГР Где искать мелодии и как их создавать самостоятельно, вы уже знаете. Эта глава будет посвящена картинкам, анимациям и играм для мобильных телефонов. Прочитав эту главу, вы научитесь самостоятельно создавать анимированные картинки
Создание flash-анимации
Создание flash-анимации Очень многие современные мобильные телефоны имеют среди прочего программного обеспечения проигрыватель flash-анимации. Это позволяет загружать файлы с расширением SWF и просматривать их на экране мобильного.В этом разделе рассмотрим, как создать
Создание покадровой анимации
Создание покадровой анимации Предположим, что нужно создать небольшой учебный фильм для средней школы. Этот фильм будет демонстрировать процесс деления клетки. Вы еще не забыли школьный курс биологии? Самое время его вспомнить.Наш фильм будет содержать двенадцать
Создание кадров анимации
Создание кадров анимации Итак, мы хотим создать последовательность кадров, т. е. покадровую анимацию, фильм. Давайте же создадим ее.Из главы 1 мы помним, что каждый кадр покадровой анимации — ключевой. Мы уже говорили об этом, так что сейчас не будем повторяться.Один
Правка анимации
Правка анимации Любое, даже, на первый взгляд, совершенное творение может быть еще немного усовершенствовано. А поскольку в мире нет ничего совершенного, переделывать уже сделанное нам придется очень часто.Фильмы Flash — не исключение из этого правила. Посмотрим, что
Два вида трансформационной анимации
Два вида трансформационной анимации Flash позволяет создавать трансформационную анимацию двух видов: движение и морфинг. Оба этих вида имеют практически одинаковые возможности, но применяются к разным видам элементов изображения.Первый вид трансформационной анимации —
Еще раз об "оборванной" анимации
Еще раз об "оборванной" анимации Заканчивая разговор о движении, укажем на "подводные камни", которые могут встретиться на пути начинающего Flash-аниматора. И, разумеется, поговорим о том, как эти "камни" обойти.Как мы помним, "оборванная" анимация получается в том случае, когда
Глава 13 Создание составной анимации
Глава 13 Создание составной анимации Ух, как хорошо мы поанимировали в главах 11 и 12! Все у нас теперь движется, плавает, ползает и совершает прочие телодвижения, подчиняясь нашему замыслу. Воистину, Flash 8 — король анимации.А теперь на время перестанем им восторгаться и
Создание составной анимации
Создание составной анимации Давайте создадим составную анимацию, демонстрирующую распад прямоугольника на части. Но сначала создадим сам "предмет распада", если еще этого не сделали. Нарисуем на рабочем листе прямоугольник и преобразуем его в обычный графический
Параметры внутренней анимации
Параметры внутренней анимации Теперь давайте выделим на рабочем листе экземпляр нашего анимированного образца и посмотрим, что нам предлагает панель Properties. Если это экземпляр графического образца, эта панель примет вид, показанный на рис. 13.4. В данный момент нас
Создание многослойной анимации
Создание многослойной анимации Создадим новый документ Flash и нарисуем на рабочем листе круг. Преобразуем его в графический образец и дадим ему имя Круг. В результате этих действий мы получим на рабочем листе экземпляр этого образца.Теперь можно приступать к созданию
Управление воспроизведением анимации
Управление воспроизведением анимации Обычно каждый клип начинает воспроизводиться сразу же после загрузки и воспроизводится до последнего кадра его анимации. Однако, используя сценарии, мы можем управлять этими процессами, в частности, останавливать и запускать