Основы самостоятельного создания GIF анимации. Несколько программ для создания гиф анимации Как сохранить анимацию в easy gif animator

1. Интерфейс Ulead GIF Animator 4
2. Работа с последовательностью кадров

5. Специальные эффекты

7. Практикум

Фирма Ulead Systems, разрабатывающая программное обеспечение для работы с графикой, предлагает программу GIF Animator 4, предназначенную для быстрого создания анимированных GIF-файлов.

Особенности GIF-анимации

Компьютерная анимация состоит из последовательного ряда рисунков (кадров), быстро сменяющих друг друга. Если каждый из рисунков незначительно отличается от предыдущего и последующего, то при их воспроизведении создается иллюзия движения.

Раньше художники-мультипликаторы рисовали каждый кадр вручную, но теперь появилась возможность автоматизировать этот процесс с помощью компьютеров.

Основной характеристикой анимации является число кадров, использованных для ее создания.

Большее число кадров позволяет добиться плавных движений анимированных героев и появления объектов в изображении в разные моменты времени.

При недостаточном количестве кадров становятся заметны различия в последовательных изображениях объектов, что приводит к их резким перемещениям.

В традиционной анимации число кадров прямо зависело от продолжительности анимации в секундах. В компьютерной анимации на первый план выходит размер файла, в котором хранятся изображения.

Поэтому при создании компьютерной анимации стараются найти компромисс между качеством анимации и размером файла, что и определяет общее количество кадров анимации.

Рис. 1.1. Последовательность кадров анимации

Одним из первых графических форматов, поддерживающих анимацию, стал GIF-формат .

Этот формат был разработан для использования в CompuServe, получил наименование Graphics Interchange Format (графический формат обмена) и был предназначен для хранения библиотек изображений.

Последний стандарт, описывающий этот формат, был создан в 1989 году и получил название GIF89a. В силу относительно малого размера файлов изображений GIF-формат стал одним из широко используемых форматов хранения изображений в Интернете.

Гиф-анимация использует возможность гиф формата хранить в файле несколько изображений. Если в гиф-файле содержится несколько изображений, то они будут показаны поочередно, как слайд-шоу или небольшой фильм.

Однако в отличие от обычного фильма, в котором скорость воспроизведения определяется числом кадров в секунду, в GIF-файле хранится ряд параметров, определяющих, каким образом и как долго каждое изображение будет демонстрироваться.

Кроме того, изображения GIF-файла могут быть разного размера и размещены в нужной позиции экрана независимо от изображений других кадров.

Задать параметры управляющих кодов гиф-анимации, встроенные в файл, можно с помощью различных программ, например Ulead GIF Animator (http: / /www. ulead. com/ga/ features. htm).

GIF-формат использует метод сжатия LZW (Lempel-Ziv-Welch). позволяющий уменьшить размер файла до 40% от его первоначального размера без потерь информации. Однако в этом формате применяется палитра, содержащая не более 256 цветов, что зачастую приводит к потере качества при преобразовании изображений других графических форматов, созданных в режиме True Color.

Пользуясь форматом GIF , можно размещать изображения в Интернете на оригинальном фоне Web-страницы.

Такую возможность обеспечивает поддержка атрибута прозрачности, позволяя не отображать один из цветов изображения. GIF-формат также поддерживает чересстрочную развертку (interlacing), позволяющую увидеть изображение на странице еще до его полной загрузки.

Несмотря на различия в технологии создания GIF-анимациии мультипликации , результат одинаков - статические изображения оживают на экране.

Однако при создании гиф-анимации для Web-страниц следует учесть ряд особенностей.

Во-первых, необходимо продумать концепцию анимации, ее изюминку, позволяющую сжато выразить идею, не нарушая при этом иллюзии движения. Это позволит ограничиться малым количеством кадров.

Во-вторых, цвет фона анимации должен сочетаться с цветом фона Web-страницы, чтобы они выглядели как единое целое.

Однако если анимация содержит движущиеся объекты, появляющиеся или скрывающиеся за краем рисунка, то важно, чтобы фон анимации выделялся на странице, в противном случае объект на краях будет казаться обрезанным.

Каждый GIF-файл содержит таблицу индексов цветов, называемую цветовой палитрой. Она определяет, какие цвета используются в изображении и какой индекс соответствует каждому цвету.

В зависимости от способа хранения для индекса требуется до 4 байтов данных, поэтому изображение с-256 цветами имеет палитру размером до 1024 байта.

В анимированных GIF-файлах используют два типа палитр: глобальную (Global Palette), определяющую цвета каждого изображения анимации по умолчанию, и локальную (Local Palette), уникальную для каждого отдельного кадра анимации.

При добавлении изображения в GIF-анимацию можно указать, какую из палитр следует использовать.

Однако не следует стремиться к уменьшению размера файла, используя только Global Palette.

Зачастую качество анимации важнее, поэтому для кадров изображений, значительно отличающихся от основных или хотя бы от предыдущего кадра, следует использовать Local Palette.

В противном случае преобразование цветов к цветам Global Palette может привести к ухудшению качества изображения.

При построении Global Palette можно использовать два способа добавления в нее цветов из нового изображения, помещаемого в анимацию.

Первый - использовать цвета из так называемой безопасной палитры («Web-safe» palette), содержащей 216 заранее определенных цветов и предназначенной для Интернета.

Второй - создать оптимизированную палитру (Optimized Palette), в которую добавляются только доминирующие цвета нового изображения.

При добавлении в пустую анимацию первого изображения можно построить Global Palette на основе палитры этого оригинального изображения.

Включение последующих изображений потребует либо добавления цветов в палитру (для этого используют инструмент Color Remapping), либо преобразования изображения к цветам Global Palette.

Последнее целесообразно в том случае, когда цвета нового изображения такие же, как в Global Palette. Если цвета значительно различаются, то можно сохранить собственную палитру изображения Local Palette либо добавить их к цветам Global Palette, используя Safe palette или Optimized palette.

При построении Global Palette на основе палитры оригинального изображения следует выбрать способ ее построения. Использование оптимизированной палитры Optimized Palette сохранит только наиболее часто встречающиеся цвета оригинальной палитры.

Выбор безопасной палитры Safe Palette позволит применять в Global Palette только 216 заранее определенных цветов, используемых обозревателями Netscape Navigator и Microsoft Internet Explorer. Любой из этих вариантов позволит уменьшить размер файла анимации.

==============================

Все ФЛЭШ секреты раскрыты здесь:

==========================

Интерфейс Ulead GIF Animator 4

В GIF Animator каждый кадр именуется слоем (layer), что отличает терминологию этой программы от терминологии программных продуктов других фирм.

Создать последовательность кадров можно, вставляя изображения вручную, импортируя последовательность файлов или содержимое целой папки, а также используя оцифрованную видеопоследовательность.

В окне программы GIF Animator представлены следующие основные области:

Menu bar (Строка меню),

Toolbar (Панель инструментов),

Attributes toolbar (Панель атрибутов) с информацией
об установках каждого кадра (слоя),

Central workspace (Рабочая область),

слева от нее Layer panel (Панель кадров) с перечислением всех изображений, входящих в анимацию, и расположенная внизу Palette toolbar (Палитра цветов).



Рис. 1.2. Окно программы GIF Animator с пустым проектом

Щелчок левой кнопкой мыши на имени кадра в Layer panel (Панель кадров) показывает его изображение в рабочей области и отображает параметры кадра на Attributes toolbar (Панель атрибутов).

Палитра цветов кадра при этом представлена на Palette toolbar. Теперь щелчок правой кнопкой мыши выводит на экран контекстное меню кадра, в котором представлены наиболее часто употребляемые команды из меню Edit (Правка) и Layer (Слой).

Панель Layer panel (Панель кадров) содержит список всех кадров анимации, который позволяет перемещать их друг относительно друга.

Команды меню Layer (Слой) - Move Layer Up (Переместить вверх) и Move Layer Down (Переместить вниз) - так же, как и одноименные кнопки панели инструментов, перемещают кадр на одну позицию вверх (вниз) относительно текущей.

Для ускорения работы можно пользоваться клавиатурными комбинациями Alt+Up или Alt+Down.

Используя команды меню View > Layer Panel (Вид > Панель слоев), можно изменить представление кадров на панели Layer panel (Панель кадров). Команда List (Список) отображает только названия кадров (слоев).

Как правило, каждому кадру будет присваиваться имя исходного файла, однако если изображение вставляется через буфер обмена, то ему задается имя по умолчанию. Команда Thumbnail (Миниатюра) показывает каждый кадр в рамке заданного размера.

Выбор размера рамки выполняется командами подменю View > Thumbnail Size (Вид > Размер миниатюры). Команда Filmstrip (Кинолента) отображает кадры без рамки, наподобие их представления на кинопленке, с учетом их взаимного расположения.

Переключаться между этими представлениями можно также с помощью вкладок, расположенных на панели Layer panel (Панель кадров). Горизонтальный размер этой панели изменяется за счет размера рабочей области окна программы GIF Animator.

Выделение кадра на Layer panel (Панель кадров) отобразит его параметры на панели Attribute toolbar (Панель атрибутов), где можно задать желаемые изменения.

Первый слой проекта, именуемый Global information (Общие сведения), является невидимым кадром и описывает свойства анимации в целом. Для этого слоя на панели Attribute toolbar (Панель атрибутов) задаются особые параметры.

В области Logical Screen (Логический экран), влияющей на размеры всего проекта, следует задать размеры, соответствующие максимальному изображению, используемому в анимации.

Поле этого размера будет выделено в рабочей области. При установке флажка Automatic (Автоматически) размер проекта устанавливается автоматически с учетом размеров используемых изображений.

Область Global Palette (Общая палитра) содержит число цветов глобальной палитры и позволяет задать цвет фона анимации. Область Looping (Повтор) задает число повторений анимации. Если флажок Infinite (бесконечно) не установлен, то по умолчанию она показывается один раз (значение 0).



Рис. 1.3. Окно GIF Animator с файлом изображения

Для каждого отображаемого кадра анимации на панели Attribute toolbar (Панель атрибутов) задаются индивидуальные параметры слоя. Поле Image title (Название рисунка) позволяет присвоить имя выделенному кадру. Раскрывающийся список How to remove (Способ смены кадра) указывает, каким образом кадр будет вести себя при воспроизведении. Возможен выбор из четырех значений:

• Web Browser Decides (Решает браузер) - это значение не рекомендуется использовать, так как разные обозреватели используют различные способы при воспроизведении анимации;
• Do Not Remove (He удалять) - изображение сохраняется и все последующие воспроизводятся на его фоне;
• То Background Color (Цветом фона) - заменяет изображение фоном Web-страницы (при частичном совпадении кадров возможен плавный переход);
• То Previous State (К предыдущему) - при смене изображения используется предыдущий кадр (при установке этого параметра плавный переход выполняется для всех кадров независимо от совпадения изображений на них).

К сожалению, последний параметр поддерживается не всеми обозревателями. Кнопка Global Attribute Change (Изменение общих параметров) позволяет установить параметры всех кадров, используя текущий кадр в качестве шаблона.

Поля ввода X-offset и Y-offset (сдвиг по X и Y) задают, насколько далеко от левого верхнего угла рабочей области находится текущее изображение. Единицей измерения при этом является число пикселов, которое может быть задано вручную.

Флажок Local Palette (Локальная палитра) позволяет создать локальную палитру слоя на основе глобальной палитры, что позволит добавлять, удалять, изменять и настраивать цвета изображения, используя инструменты панели Palette toolbar (Палитра).

Флажок Interlace (Чересстрочный) задает возможность чересстрочного появления анимации, однако при воспроизведении она поддерживается только соответствующими программами воспроизведения стандарта GIF89a, например проигрывателем GIF Animator.

Флажок Transparent index (Прозрачный цвет) позволяет задать свойство прозрачности одному из цветов. При установке флажка этот цвет следует указать на палитре. Флажок Wait for user input (Ожидание ввода) придает интерактивность анимации, приостанавливая воспроизведение до нажатия клавиши или щелчка мыши.

Однако эта возможность поддерживается только специализированными GIF-проигрывателями и некоторыми обозревателями. Поле ввода Delay Sets (Установка задержки) определяет время показа изображения в сотых долях секунды.

Величина по умолчанию задается в начальных установках Image Layer preferences (Параметры слоя). Кроме слоев изображений можно создавать слои примечаний (Comment Layers), предназначенные для указания авторских прав на изображения. Каждому примечанию присваивается имя.

Длина примечания не должна превышать 512 символов, включая пробелы. При воспроизведении анимации слои примечаний пропускаются. Следует принять во внимание, что слои примечаний увеличивают размер файла анимации.

Рабочая область окна программы GIF Animator для задания различных режимов работы с анимацией содержит несколько вкладок, корешки которых расположены над изображением.

По умолчанию устанавливается режим Compose mode (Режим композиции), позволяющий задавать местоположение изображения в кадре по отношению к анимации в целом.

Режим Edit mode (Режим редактирования) дает возможность редактировать содержимое изображения, добавляя и удаляя точки, выполняя заливки цветом либо выделяя области, в том числе сразу в нескольких слоях, для применения к ним различных фильтров.

Режим Optimize mode (Режим оптимизации) служит для определения параметров сжатия анимации, оптимальных для ее размещения в Интернете.

Эти параметры могут быть заданы вручную, для чего щелчком на кнопке Advanced (Расширенный) раскрывается дополнительная область на вкладке Optimize (Оптимизация), либо с помощью Optimization Wizard (Мастера оптимизации), вызываемого щелчком на кнопке.

Режим Preview mode (Предварительный просмотр) позволяет увидеть анимацию в действии. Для этого используется либо проигрыватель GIF Animator, либо обозреватель Internet Explorer начиная с 4-й версии.

Для остановки просмотра достаточно переключиться в другой режим. Так как разные обозреватели воспроизводят GIF-анимацию по-разному, предоставляется возможность выбора обозревателя для просмотра.

Соответствующие кнопки для вызова Microsoft Internet Explorer и Netscape Navigator размещены на панели инструментов.

Если на компьютере установлены также и другие обозреватели, то кнопке Preview In Custom Browser (Просмотр в обозревателе пользователя) той же панели можно задать вызов дополнительного обозревателя.

Просмотр анимации в любом из обозревателей осуществляется щелчком на соответствующей кнопке.

Работа с последовательностью кадров

Первый запуск программы GIF Animator приводит к появлению окна Startup Wizard (Мастер запуска), предлагающего открыть уже существующие анимацию, видеофайл или образец, создать новую пустую анимацию либо запустить Animation Wizard (Мастер анимаций), который поможет в создании новой анимации.

Выбор кнопкиBlank Animation (Пустая анимация) откроет окно, приведенное на рис. 1.2. В свою очередь, выбор одной из кнопок области Open (Открыть) откроет стандартное окно выбора файла (рис. 1.5).

После выделения имени файла, например BANNER ANIMATION .GIF, откроется окно программы, показанное на рис. 1.3.

Окно Startup Wizard (Мастер запуска) можно отключить, установив в нем флажок Do not show this dialog box next time (He показывать в следующий раз), тогда при последующих запусках программы оно отображаться не будет.

Простейший способ добавить новый кадр к открытой анимации - это перетащить нужный файл изображения из окна Windows Explorer или окна папки Windows непосредственно в рабочую область или в список панели Layer panel (Панель кадров).

Другим способом служит выбор команды Layer > Add Images (Слой > Добавить рисунок) или щелчок на одноименной кнопке панели инструментов, открывающих окно Add Images (Добавление рисунков), где можно выделить желаемые файлы.


Рис. 1.4.Окно Startup Wizard, открывающееся при запуске GIF Animator



Рис. 1.5. Окно выбора существующего GIF-файла

Рис. 1.6. Окно выбора файлов изображения для новых кадров

GIF Animator поддерживает импорт более 30 распространенных форматов графических файлов, в частности таких, как GIF, JPEG, PCX, PSD, PCT, PNG, TGA, EPS, IFF, IMG, MAC, MSP, PCD и BMP.

Используя буфер обмена Windows, можно вставить новые кадры с изображениями в формате, не поддерживаемом GIF Animator. Для этого следует открыть приложение, работающее с требуемым форматом файлов, и загрузить в него изображение. Командой Edit > Сору (Правка > Копировать) поместить выделенное изображение в буфер обмена. После чего перейти в GIF Animator и командой Edit > Paste Image (Правка > Вставить рисунок) вставить его как новый кадр. Аналогичным образом с помощью буфера обмена можно продублировать уже существующие кадры анимации, добавляя их в нужные позиции панели Layer panel (Панель кадров).

Рис. 1.7. Окно выбора видеофайла для включения в анимацию

Ulead GIF Animator обеспечивает широкую поддержку разных видеоформатов: прямой импорт и преобразование AVI-файлов, файлов AutoDesk animation с расширениями (FLI, FLC, FLX), файлов Quick Time Movie (QT, MOV).

Команда Layer > Add Video (Слой > Добавить видео) открывает одноименное окно, в котором можно указать файл-источник, выполнить его просмотр и получить полную информацию об импортируемом файле, для чего следует выполнить щелчок на кнопке Info (Информация), открывающей окно свойств видеофайла.

При импорте можно выбрать участок видеопоследовательности и задать начальный и конечный кадры.

Для этого щелчком на кнопке Duration (Продолжительность) надо открыть одноименное окно (рис. 1.8), в котором можно выполнить покадровый просмотр файла либо указать номера кадров выбранной видеопоследовательности.

Кнопки под окном просмотра позволяют переходить от одного кадра к другому и отметить выбранный участок.



Рис. 1.8. Окно Duration для выбора группы кадров видеофайла

Выбор кнопки Animation Wizard (Мастер анимации) в окне Startup Wizard (Мастер запуска) или команды File > Animation Wizard (Файл > Мастер анимации) запускает Мастер анимации, в трех последовательных окнах которого вводится информация, необходимая для ее создания.

В первом окне с помощью кнопок Add Image (Добавить рисунок) и Add Video (Добавить видео) можно добавить в анимацию файлы, содержащие рисунки или видеопоследовательности.

Во втором окне указывается тип источника, содержащего текст и графику или фотографическое изображение, что определяет необходимость сглаживания переходов для передачи оттенков цвета.

В третьем окне задается число кадров в секунду и соответственно время задержки в сотых долях секунды. Результатом работы Мастера будет создание анимации из последовательности кадров с локальными палитрами для каждого из них.

Чтобы изображение кадра всегда было видно в рабочей области, следует установить флажок около его имени на панели Layer panel (Панель кадров). Отмеченные кадры одновременно отображаются только в режиме редактирования, что не влияет на воспроизведение анимации созданного GIF-файла.

Выделить несколько кадров на панели. Layer panel (Панель кадров) можно также с помощью мыши без установки флажков. При этом следует использовать клавишу Shift для выделения группы последовательных кадров или клавишу Ctrl - для выделения несмежных кадров в произвольном порядке.

Отметка или выделение нескольких кадров позволяет манипулировать ими одновременно, изменяя их параметры на Attributes toolbar (Панели атрибутов).

Для удаления кадра из анимации достаточно выделить его на панели Layer panel (Панель кадров) и нажать клавишу Del либо выбрать команду Edit > Delete (Правка > Удалить).

Кадры можно сдвигать друг относительно друга. Простейший способ поместить изображение в нужную позицию рабочей области - с помощью мыши передвинуть его в режиме Compose mode.

Для изменения позиции изображения можно также воспользоваться клавиатурой: стрелки влево/вправо перемещают изображение вдоль оси X, а вниз/вверх - вдоль оси Y. Точно задать положение объекта можно, численно задав параметры сдвига в полях X-offset и Y-offset (сдвиг по X и?).

Добавить слой примечания можно выбором команды Layer > Add Comment (Слой > Добавить комментарий) либо щелчком на одноименной кнопке панели инструментов. Заголовок и содержание комментария вводятся в соответствующих полях панели Attribute toolbar (Панель атрибутов).

Цветовая палитра выделенного кадра отображается на Palette toolbar (Палитра). Если цвет на палитре перечеркнут крестом, это означает, что он в выделенном кадре не используется.

При выделении первого кадра анимации, обозначенного как Global information (Общая информация), на палитре отображаются цвета Global Palette.

Для добавления новых цветов в палитру следует щелкнуть на кнопке Add Color (Добавить цвет) на панели Palette toolbar (Палитра) и в открывшемся окне задать число добавляемых оттенков цвета.

После щелчка на кнопке ОК на палитре отображается дополнительно заданное число ячеек. Последовательно выделяя их и щелкая на кнопке Replace Color (Заменить цвет) панели Palette toolbar (Палитра), задают новые цвета, выбирая их в открывающемся окне Color (Цвет).

Для того чтобы удалить цвет с палитры, следует отобразить глобальную или локальную палитру на панели Palette toolbar (Палитра) и выделить ячейку или группу ячеек с удаляемым цветом. Щелчок на кнопке Delete Color (Удалить цвет) на панели палитр удалит выделенные ячейки (цвета).

Редактирование кадров анимации

Режим Editor mode (Режим редактирования) рабочей области позволяет редактировать кадры непосредственно в программе GIF Animator. Для этого служит набор инструментов, таких как Paint (Кисть), Rectangle (Прямоугольник),Fill Tools (Заливка) и др.

С их помощью можно не только изменить цвет отдельных пикселов или областей изображения, но и нарисовать в нем новые элементы.

При использовании анимаций из Интернета, которые уже были оптимизированы, может оказаться невозможным редактирование их кадров.

В этом случае следует воспользоваться командой Edit > Regenerate Frames (Правка > Восстановить кадры), позволяющей восстановить изображения в кадрах для их последующего редактирования в режиме Editor mode либо в стороннем приложении.

Скопировать один или несколько существующих кадров можно с помощью команды Edit > Duplicate (Правка > Дублировать), вызывающей одноименное диалоговое окно.

Для этого кадры предварительно выделяют на панели Layer panel (Панель кадров) и в окне Duplicate (Дублирование) задают количество копий, которое необходимо создать.

В поле Horizontal shifting (Горизонтальный сдвиг) задается сдвиг по горизонтали для новых изображений, причем отрицательные величины соответствуют сдвигу влево, а положительные - вправо от исходного изображения.

Для сдвига по вертикали служит поле Vertical shifting (Вертикальный сдвиг), в котором отрицательные величины вызывают сдвиг вверх, а положительные - вниз от исходного расположения кадра.

Если теперь изображение исходного кадра имеет координаты (0, 0), то допускается ввод только положительных значений. Данная команда позволяет простым способом создать эффект перемещения объекта.



Рис. 1.9. Выбор нового размера кадра

Если в анимации кадры различаются только небольшой областью, то можно уменьшить размер файла, оставив в последующих кадрах только эту область. При этом результат анимации будет тот же самый. Чтобы уменьшить размер кадра, следует воспользоваться командой Edit > Crop (Правка > Обрезать) или одноименной кнопкой на вкладке Edit (Правка) рабочей области, вызывающими окно Crop (Обрезка) (рис. 1.9). С помощью мыши изменяется размер рамки обреза, и она помещается в соответствующее место. Для замены оригинального кадра обрезанным следует установить флажок Replace original image layer (Заменить исходный слой).

Переключатель Apply to selected image layers only (Применить только к выделенным кадрам) в правом нижнем углу позволяет изменить размер только выделенных кадров, a Apply to all image layers (Применить ко всем кадрам) - сразу всех кадров анимации. Щелчок на кнопке ОК закроет окно Crop (Обрезка), размеры заданных кадров изменятся.

В режиме Edit mode можно изменить размеры одного или нескольких кадров, если они оказались слишком велики по размеру, что часто случается при импорте видеофайлов. Для этой цели служит команда Edit > Resample (Правка > Изменить разрешение) или одноименная кнопка на вкладке Edit (Правка) рабочей области, вызывающие диалоговое окно Resample (Изменение разрешения). Предварительно следует выделить нужные кадры на панели Layer panel (Панель кадров).

При нажатой клавише Shift выделяется группа последовательных кадров, а при нажатой клавише Ctrl выделяются несмежные кадры в любом порядке. В окне Resample (Изменение разрешения) указывается, каким образом следует изменить размеры.



Рис. 1.10. Окно выбора нового размера кадра

Переключатель Resample quality (Качество изменения разрешения) контролирует качество нового изображения и позволяет задать следующие значения:

• Normal (Нормальное) - обеспечивает среднее качество, сохраняя исходные цвета изображения без их преобразования;
• Fine (Отличное) - использует установки для более высокого качества изображения, однако может вызвать нежелательные изменения изображения из-за преобразования отдельных цветов;
• Super-fine (Высшее) - обеспечивает самое высокое качество, но преобразовывает большинство цветов изображения, изменяя его по сравнению с исходным. Установка флажка Keep relative position (Сохранить положение) сохраняет положение кадра на логическом экране рабочей области относительно правого верхнего угла экрана. Следует иметь в виду, что при этом возможно размывание изображения на границах для достижения более высокого качества.

Для объединения двух и более кадров в один можно использовать команду Layer > Merge Images (Слой > Объединить рисунки), вызывающую одноименное диалоговое окно. Предварительно на панели Layer panel (Панель кадров) следует выделить кадры, подлежащие объединению.

При этом сначала должен идти кадр, который будет служить фоном, а кадр, который будет на переднем плане, должен следовать непосредственно за ним. Установка флажка Replace original image layers (заменить эти исходные кадры) позволяет заменить выделенные кадры объединенным. Эта команда позволяет создавать эффекты движения фона по отношению к объекту либо просто сократить количество кадров анимации.

GIF Animator предлагает простой способ объединения нескольких кадров с общим фоном. Однако чтобы можно было использовать эту функцию, слои должны быть прозрачными. По команде Layer > Background Merge (Слой > Объединить с фоном) открывается одноименное окно, в котором указывается фоновый кадр и отмечаются кадры, подлежащие объединению с ним.

Щелчок на кнопке ОК выполняет объединение, заменяя все кадры новыми. Слияние нескольких анимаций в одну выполняется командой Layer > Merge Animations (Слой > Объединить анимации), открывающей одноименное диалоговое окно.




Рис. 1.11. Слияние кадров из двух анимаций




Рис. 1.12. Окно задания параметров сдвига для эффекта перемещения

В раскрывающемся списке Background (Фон) указывается слой, являющийся начальным для вставляемой анимации. Кнопка Browse (Просмотр) в строке Imported image file (Импортируемый файл рисунка) позволяет указать местонахождение вставляемого GIF-файла. В окне просмотра первый кадр вставляемого файла появляется в левом верхнем углу на фоне кадра существующей анимации. Задавая параметры сдвига X-offset и Y-offset (сдвиг по X и Y), можно указать точную позицию для нового изображения. В области Frames (Кадры) выбирается число кадров анимации:

• Use current (Использовать текущую) - указывает число кадров существующей анимации начиная с выделенного кадра;
• Use imported (Использовать импортируемую) - указывает число кадров импортируемого файла;
• Custom (Пользовательская) - позволяет пользователю задать число кадров овой анимации.

Если задать число кадров большее, чем число кадров в анимации, то анимация будет повторяться столько раз, сколько требуется для достижения заданного числа. Щелчок на кнопке ОК выполнит слияние.

Для быстрого создания эффекта движения объекта служит команда Layer > Moving Sprite (Слой > Движущийся спрайт), открывающая одноименное диалоговое окно. В этом окне выделяют группу кадров, представляющих собой набор копий одного объекта, причем сдвиг объекта будет выполняться относительно первого кадра.

В поля X-offset и Y-offset (сдвиг по X и Y) вводятся величины сдвига, которые для каждого кадра измеряются относительно предыдущего и соответствуют всем выделенным кадрам кроме первого. Чтобы анимация выполнялась правильно, после щелчка на кнопке ОК и закрытия окна Moving Sprite (Движущийся спрайт) необходимо для всех выделенных кадров установить способ их смены (How to remove) назначение То background color (Цветом фона).

Сохранение анимации

Существует несколько способов сохранить анимацию. Наиболее очевидным способом является создание GIF-файла, однако при этом следует учитывать возможности его оптимизации. Кроме того, анимацию можно сохранить в виде исполняемого файла, для которого не требуется программы-проигрывателя, а также в одном из форматов видео.

Чтобы сохранить анимацию в формате GIF-файла, следует выбрать команду File > Save (Файл > Сохранить), если файл сохранялся ранее, или File > Save As (Файл > Сохранить как), по которой открывается диалоговое окно Save As (Сохранить как). В этом случае файлу можно присвоить новое имя. Если же требуется сократить размер файла, то используют команду File > Optimization Wizard (Файл > Мастер оптимизации), запускающую Мастер оптимизации.

GIF Animator позволяет также экспортировать часть кадров анимации с созданием нового анимированного GIF-файла либо группы отдельных GIF-файлов, содержащих по одному кадру. Для этого выбирают команду File > Export Image Layers (Файл > Экспорт кадров), открывающую окно Export Images (Экспорт кадров), в котором выделяют экспортируемые кадры (рис. 1.13).




Рис. 1.13. Выделение экспортируемых кадров

Внизу окна выбирают нужное значение переключателя: As a single file (Как один файл) - для анимированного GIF-файла или As a sequence of files (Как набор файлов) - для раздельных файлов. Щелчок на кнопке ОК вызывает окно для указания имени файла. В случае экспорта кадров в отдельные файлы им присваиваются имена с порядковой нумерацией, например при задании имени SUN файлы будут поименованы SUN.GIF, SUN001.GIF, SUN002.GIF и т. д. в порядке их расположения в исходной анимации.

Результаты работы могут быть сохранены не только в виде анимированного GIF-файла, но и в других форматах. Команда меню File > Export (Файл > Экспорт) открывает подменю, позволяющее выбирать формат видеофайла, HTML-документа, объекта Active Desktop или исполняемого файла Animated Package. В последнем случае можно использовать созданную анимацию для отправки виртуальной открытки или просмотра анимации на экране компьютера без помощи специальных программ.

При сохранении анимации в формате видеофайла можно получить более высокое качество с большим числом кадров в секунду. Для создания видеофайла выбирают команду File > Export > As Video File (Файл > Экспорт > Как видеофайл), открывающую окно Save Video File (Сохранение видеофайла), в котором можно ввести имя файла, выбрать его тип, а также задать краткое описание и тему.



Рис. 1.14. Выбор параметров сохраняемого видеофайла

В окне Save Video File (Сохранение видеофайла) кнопка Options (Параметры) открывает диалоговое окно Video Save Options (Параметры сохранения видео), в котором можно задать параметры сохраняемого файла, выбрать скорость обмена с устройством хранения информации, кодек и характеристики сжатия. В зависимости от этих параметров новый файл может быть по размеру меньше или больше исходного, иметь другую скорость анимации и может быть оптимизирован для проигрывания на оборудовании определенного типа.



Рис. 1.15. Выбор параметров гиперссылки для Web-страницы

При создании видеофайла число кадров рассчитывается как результат деления 100 на среднее время задержки. При этом максимальное число кадров в секунду не должно превышать 30. В изображении используется 24 бита на пиксел (True Color) при размерах кадра, определяемых размером логического экрана. Например, если среднее время задержки в анимации 45, то число кадров в секунду будет равно 2,2.

GIF Animator позволяет легко и просто создать HTML-код для GIF-файла , который затем может быть помещен на соответствующую Web-страницу. При этом требуется, чтобы GIF-файл находился в той же папке, что и Web-страница. Первым шагом создания HTML-кода является выбор команды File > Export > As HTML Code (Файл > Экспорт > Как HTML-код), создающей файл с текстом кода. Затем выполняется команда Edit > Copy HTML (Правка > Копировать HTML), посылающая в буфер обмена сгенерированный код. Теперь остается только перейти в редактор HTML и вставить строку кода в соответствующее место страницы командой Edit > Paste (Правка > Вставить).

Вставляемая GIF-анимация может содержать гиперссылку на заданный URL-адрес. Чтобы создать гиперссылку одновременно с ее вставкой на Web-страницу, необходимо предварительно определить следующие параметры. По команде File > Preferences (Файл > Установки) открываем одноименное окно и активизируем вкладку HTML. На вкладке устанавливаем флажок Add URL when copying HTML code option (Добавить URL при копировании HTML-кода).

Выбираем нужное значение переключателя: Prompt dialog box (Вывод окна диалога) для ввода ссылки вручную при каждом выполнении команды Edit > Copy HTML (Правка > Копировать HTML) либо Custom default (По умолчанию), позволяющее задать одну постоянную ссылку для всех вставляемых файлов (рис. 1.15). Дополнительно можно выделить ссылку рамкой, если установить флажок Border (Рамка), а также выбрать нужный вариант альтернативного текста.

Существуют три основных способа существенного сокращения размера анимированного GIF-файла: сокращение цветовой палитры, уменьшение числа кадров (слоев), оптимизация отдельных кадров анимации. При этом следует помнить, что главной целью является получение качественной анимации для Web-страницы, а не файла минимального размера. Поэтому следует искать компромисс между качеством анимации и размером файла для его быстрой передачи по сети.

Наилучшим способом для сокращения цветовой палитры является использование глобальной палитры Global Palette для задания цвета отдельных кадров. Если какие-то кадры незначительно различаются по цветовой гамме, то нет необходимости создавать для них локальную палитру Local Palette, а следует, используя вкладку General (Общие) окна Preferences (Установки), добавить эти цвета в Global Palette.

Для кадров, имеющих существенные различия в цвете, создают свои локальные палитры Local Palette , но удаляют из них цвета, общие с глобальной палитрой Global Palette. Сокращенные палитры могут содержать 16,32, 64 и 128 цветов. Другим способом сократить размер файла является удаление отдельных кадров, которые не являются необходимыми, если это не приводит к значительному искажению анимации при воспроизведении.

Также следует обратить внимание на размер кадров. Если анимированный объект занимает малую часть окна, то нет нужды сохранять для него кадры того же размера, что и статический фон. Поэтому для кадров с объектом можно задать меньший размер, указав его положение на логическом экране, что существенно сократит общую величину GIF-файла.




Рис. 1.16. Установка параметров режима Optimize mode

Наиболее эффективным способом сокращения размера файла является оптимизация в режиме Optimize mode (рис. 1.16).

При оптимизации GIF-анимации выполняются три основных шага:

1. Удаление избыточных цветов из палитры, которые не используются в изображениях, появляются только однажды либо близки к часто используемым цветам палитры.
2. Изменение Global Palette добавлением к ней цветов локальных палитр, что позволит сократить число используемых локальных палитр. Если число цветов Global Palette достигло максимума, то оптимизируют локальные палитры, сокращая число цветов в них до минимально возможного.
3. Удаление повторяющихся частей изображений в кадрах. Неизменные части кадров или пикселы удаляются в последующих кадрах, что сокращает общий размер файла анимации.

Рис. 1.17. Первое окно Optimization Wizard

Рис. 1.18. Второе окно Optimization Wizard

Рис. 1.19. Третье окно Optimization Wizard

Щелчок на кнопке Wizard (Мастер) или выбор команды File > Optimization Wizard (Файл > Мастер оптимизации) вызывают Мастер оптимизации, который обеспечивает диалог для выбора параметров оптимизации (рис. 1.17-1.19). По завершении процесса оптимизации открывается диалоговое окно с информацией о размере файла до и после оптимизации, позволяющее заменить файл анимации оптимизированным или сохранить его под новым именем. При оптимизации задаются следующие параметры:

• Palette merging (Слияние палитр) - позволяет создать общую палитру, содержащую большинство используемых в изображениях цветов с заменой похожих цветов в отдельных кадрах, при этом локальные палитры для воспроизведения сильно различающихся цветов в кадрах не сохраняются;
• Dithering (Имитация) - выбирается для сглаживания цветовых переходов при использовании Global Optimized Palette , что позволяет создать имитацию промежуточных оттенков цвета, не входящих в палитру (не рекомендуется для изображений, содержащих текст);
• Quick optimization (Быстрая оптимизация) - позволяет быстро сократить размер файла анимации, вызывая из первого окна Мастера оптимизации ранее выбранные и сохраненные параметры оптимизации.

Не все обозреватели одинаково отображают GIF-анимацию, поэтому GIF Animator выдает предупреждение, если анимация содержит параметры, которые могут создать проблемы при их воспроизведении. Основными параметрами, влияющими на совместимость, являются:

• Interlace (Чересстрочный) - в анимации содержатся кадры с чересстрочной загрузкой, что может вызвать проблемы у некоторых обозревателей;
• Local Palettes (Локальные палитры) - наличие локальной палитры увеличивает размер файла от 12 байт (4 цвета) до 768 байт (256 цветов), поэтому если каждый кадр содержит локальную палитру, то размер файла может оказаться значительным;
• То previous state (К предыдущему) - этот метод смены кадров поддерживается не всеми обозревателями, поэтому могут возникать проблемы при воспроизведении в таких обозревателях;
• Wait for user input (Ожидание ввода) - этот параметр поддерживается незначительным числом программ просмотра GIF-файлов;
• 2 or more comment blocks (2 и больше комментариев) - так как слои комментариев необязательны, то сокращение размера файла может быть достигнуто их удалением и помещением всех комментариев в один слой.

Рис. 1.20. Предупреждение о проблемах совместимости

Специальные эффекты

Команды меню Video F/X (Видеоэффекты) позволяют легко добавить к анимации различные эффекты, но при этом следует учесть, что их использование также увеличивает размер GIF-файла.

Для добавления заголовков с прокручивающимся текстом можно воспользоваться командой Layer > Add Banner Text > Simple (Слой > Добавить заголовок > Простой),

К добавляющей дополнительные кадры к анимации и размещающей их в заданной позиции экрана.

По команде открывается окно Add Simple Banner (Простой заголовок), в котором представлены инструменты для форматирования шрифта, выбора рамок и направления прокрутки текста.

В поле Banner text (Текст заголовка) вводится строка текста, которая и будет помещена в анимацию. Флажок Merge with background image (Слияние с изображением фона) позволяет совместить текст с фоновым изображением.

На вкладке Rolling Control (Управление прокруткой) задаются направление и скорость прокрутки, а также качество анимации. Установкой флажка Optimized frame size (Оптимальный размер кадра) можно сократить размер файла за счет сокращения размера кадра до размера баннера.

На вкладке Border Style (Тип линии) можно задать толщину и цвет рамки, а также добавить к ней тень. Кнопка Start Preview (Начать предварительный просмотр) этого окна позволяет увидеть результат в области образца, которая одновременно служит для выбора позиции баннера на логическом экране.

Рис. 1.21.Окно задания параметров Add Simple Banner

Команда Layer > Add Banner Text > Neon (Слой > Добавить заголовок >
Неон) позволяет добавить к тексту излучение.

Рис. 1.22. Выбор параметров цвета в окне Add Banner Text

Рис. 1 .23. Окно Add Banner Text

Рис. 1.24. Выбор эффектов в окне Add Banner Text

В окне Add Neon Banner (Неоновый заголовок) кроме ранее рассмотренных вкладок добавляется вкладка Neon Options (Параметры излучения), на которой задаются параметры изменения цвета и размера излучения.

Если создаваемый баннер имеет цветной фон, который впоследствии отмечается как прозрачный, то для правильного воспроизведения анимации следует также задавать параметр смены кадров То previous state (К предыдущему). Однако этот параметр поддерживается не всеми обозревателями.

Применение эффекта градиента позволяет изменять цвет баннера во время анимации. Для создания этого эффекта по команде Layer > Add Banner Text Gradient (Слой > Добавить заголовок > Градиент) открывается окно Add Gradient Banner (Градиентный заголовок), в котором находится набор вкладок для создания баннера, в том числе указывается цветовой режим и способ его изменения. Среди представленных вариантов можно задать и изменение цвета от центра текста к его краям.

Применение эффекта бегущей строки позволяет задать несколько строк текста, поочередно появляющихся во время анимации. Для этого по команде Layer > Add Banner Text > Marquee (Слой > Добавить заголовок > Бегущая строка) открывается окно Add Marquee Text (Бегущий заголовок), в котором указывается, сколько строк текста следует использовать.

Добавить новые строки и их текст можно с помощью кнопки Add (Добавить), а удалить ненужные строки - с помощью кнопки Remove (Удалить). Для каждой из строк можно задать индивидуальные параметры, включая выравнивание, цвет и тень. Кнопка Banner Settings (Параметры заголовка) позволяет установить задержку между кадрами и направление движения текста, а также параметры рамки баннера.

К тексту можно применить набор анимационных эффектов. Подобно эффекту бегущей строки, баннер в этом случае может состоять из нескольких строк текста с различной задержкой их появления. Для этого по команде Layer > Add Banner Text > Animation (Слой > Добавить заголовок > Анимированный) открывается окно Add Animation Text (Анимированный заголовок), в котором указывается, сколько строк текста следует использовать. На дополнительной вкладке Effects (Эффекты) с помощью раскрывающихся списков выбираются способы появления и исчезновения текста на экране.

Рис. 1.25.Окно Ulead Color Picker

Цветовая анимация кадра позволяет использовать набор цветов, входящих в палитру (от 2 до 32). Для каждого анимиру-емого цвета создается отдельный кадр. Этот эффект наиболее заметен для изображений, содержащих небольшое число цветов. Чтобы создать анимацию цвета, следует выбрать команду Layer > Add Color Animation (Слой > Добавить анимацию цвета), открывающую одноименное окно.

На представленной в окне палитре нужно отметить группу желаемых цветов, для чего используются клавиши Shift для цветов, расположенных последовательно, и Ctrl для произвольно расположенных цветов. Затем с помощью мыши цвета в области Animation order (Порядок анимации) размещаются в нужном порядке. Установка флажка Reverse animation order (Обратить порядок) позволяет изменить этот порядок на противоположный.

ля удаления цвета из последовательности достаточно вытащить его мышью из области Animation order (Порядок анимации). Следует отметить, что применение этого эффекта к 256-цветным изображениям не дает заметного результата.

Рис. 1.26. Окно Add Effect

GIF Animator содержит также специальный эффект , который создает иллюзию вращающегося куба. По команде Layer > Add Effect (Слой > Добавить эффект) открывается одноименное диалоговое окно, в котором можно указать два кадра и способ создания иллюзии вращающегося куба, заменяя одно изображение другим в выбранном направлении (раскрывающийся список Direction) и с заданной задержкой (поле Delay time).

Параметры Perspective (Перспектива) и Contrast (Контраст) позволяют усилить эффект. Выбор фонового кадра в списке Source image (Исходное изображение) позволяет создать эффект преобразования фона в изображение. Для обратного эффекта фоновый кадр следует указать в списке Destination image (Результирующее изображение).

Рис. 1.27.Окно Tween вкладка Frame

Выбор команды Layer > Add Scrolling (Слой > Добавить прокрутку) открывает одноименное окно, в котором определяются параметры эффекта прокрутки изображения, для чего создается несколько дополнительных кадров. Установка флажка Use background (Использовать фон) позволяет выбрать кадр, который будет служить фоном при прокрутке.

В раскрывающемся списке Effects (Эффект) задается способ прокрутки, а в полях Frames (Кадры) и Delay time (Время задержки) - число кадров и задержка между ними. От флажка Use background (Использовать фон) зависит способ смены вновь создаваемых кадров: при установленном флажке выбирается значение Do Not Remove (He удалять), а в противном случае - То Background Color (К цвету фона).

Рис. 1.28. Окно Tween вкладка Objects

Эффекты перехода Transition effects позволяют создать несколько новых кадров для имитации перехода от одного изображения к другому. Добавить эффекты перехода можно с помощью команды Layer > Add Simple Transition (Слой > Простой переход), открывающей одноименное окно.

В области Transition (Переход) из раскрывающегося списка выбирают вариант перехода, указывают число кадров в поле Quality (frames) и задают длительность перехода в поле Transition length (при меньшем времени перехода создается малое число кадров, что ухудшает качество эффекта, но незначительно увеличивает размер файла).

В области Select Transition image (Выбор изображений) в раскрывающихся списках Source image (Исходное изображение) и Destination image (Результирующее изображение) задаются исходное и конечное изображения, причем при выборе значения Matte (Затемнение) изображение появляется или уходит в черный фон, размер которого задается в полях Matte dimensions (Размер затемнения).

Рис. 1.29. Окно выбора и задания параметров видеоэффектов перехода

Большое количество эффектов перехода представлено также первой группой команд меню Video F/X (Видеоэффекты). При выборе одной из них открывается окно Add Effects (Добавление эффекта), в котором можно не только задать необходимые параметры перехода, но и выполнить предварительный просмотр эффекта, а при необходимости и поменять эффект на другой с помощью раскрывающегося списка Effects (Эффекты).

Вторая группа команд меню Video F/X (Видеоэффекты) содержит различные видеофильтры, которые можно применить к изображению в кадре. При выборе одной из этих команд поочередно открываются два диалоговых окна. В первом окне Add Image Filter Effect (Добавление фильтра к изображению) задается число промежуточных кадров для реализации фильтра, а во втором окне, индивидуальном для каждого из фильтров, задаются управляющие параметры.

Регулировочные движки служат для выбора ключевых кадров, между которыми и применяется фильтр. Верхняя группа кнопок служит для управления ключевыми кадрами, а нижняя - для режима предварительного просмотра результата. Для изображений, содержащих прозрачную область, которая трактуется как маска, фильтры применяются только к непрозрачной части изображения.

Для расширения возможностей GIF Animator к нему можно подключить предназначенные для Adobe Photoshop 32-разрядные plug-ins, которые реализуют дополнительные фильтры. Чтобы добавить новый модуль plug-ins, следует выбрать команду File > Preferences (Файл > Установки) и на вкладке Plug-in Filters (Плагины фильтров) указать местонахождение файла модуля plug-ins.

Для его дальнейшего использования требуется перезапустить GIF Animator. После этого новые фильтры могут быть применены к отдельным кадрам анимации.

Рис. 1.30. Окно выбора параметров фильтра «зеркало»

Пользовательские установки

При копировании изображения в GIF Animator из внешней программы для него задается набор параметров по умолчанию. Пользователи могут задать свои значения этих начальных параметров, для чего следует выбрать команду File > Preferences (Файл > Установки), открывающую одноименное диалоговое окно с набором вкладок.

Рис. 1.31. Вкладка General окна Preferences

На первой вкладке General (Общие) (рис. 1.31) задаются следующие параметры:

• в области Default Global Palette (Глобальная палитра по умолчанию) определяется способ построения глобальной палитры при создании новой анимации:
  • Use the palette of the first image layer (Использовать палитру первого слоя) - выбирается оригинальная палитpa первого импортированного в GIF Animator изображения с указанием максимального числа сохраняемых цветов (от 16 до 256);
  • Select a predefined palette (Выбрать предопределенную палитру) - выбирается одна из существующих в GIF Animator палитр, включая безопасную палитру с 216 цветами;
  • Use a custom palette file (Использовать файл палитры) - выбирается одна из ранее созданных пользователем палитр, сохраненная в специальном файле с расширением PAL;
• флажок Automatically expand Global Palette(Автоматически расширять палитру) задает режим добавления в Global Palette цветов, отсутствующих в ней, но содержащихся во вновь вставляемом изображении. При этом следует указать максимальное число добавляемых цветов. При достижении Global Palette общего размера в 256 цветов новые цвета в нее добавлять нельзя;
• флажок Enable Startup Wizard (Активизировать Мастер запуска) задает появление окна Мастера при каждом запуске программы GIF Animator.

Рис. 1.32.Вкладка Image Layer окна Preferences

На вкладке Image Layer (Слой) (рис. 1.32) задаются параметры, присваиваемые по умолчанию каждому вновь вставляемому изображению:

• Установка флажка Interlaced (Чересстрочный) задает чересстрочное отображение изображения, что поддерживается программами просмотра GIF-файлов, но не поддерживается большинством обозревателей Интернета.
• Флажок Play interlace when previewed (Чересстрочный при предварительном просмотре) позволяет задать отображение чересстрочной развертки в режиме предварительного просмотра с помощью GIF Animator (не влияет на просмотр с помощью обозревателя).
• Поле ввода Delay time (Время задержки) определяет время экспозиции кадра в анимации по умолчанию (может изменяться для каждого из кадров заданием параметра на панели атрибутов Attribute toolbar).
• Поле ввода Specify by frame rate (Определяется частотой кадров) задает частоту кадров, которая однозначно связана со временем экспозиции.
• Раскрывающийся список How to remove (Способ смены кадров) определяет способ смены кадров по умолчанию, хотя его можно изменить для любого кадра выбором этого параметра на панели атрибутов (Attribute toolbar).
• В области Palette conversion (Адаптация палитры) указывается способ, которым GIF Animator адаптирует различные цветовые палитры к 256 цветам.
• Раскрывающийся список Importance (Значимость) задает цветовой канал, определяющий выразительные средства изображения (этому цветовому каналу будет отдано предпочтение).
• Флажок Dither (Имитировать) задает возможность воспроизведения цветов, отсутствующих как в Global Palette , так и в преобразованной Local Palette , путем оптического смешения цветов этих палитр.
• Раскрывающийся список Palette (Палитра) задает тип палитры для кадров анимации.
• Установка флажка Show Preview Image (Показывать изображение) позволяет при импорте новых изображений открывать окно Preview Image (Просмотр изображения), в котором выполняется выбор метода преобразования цветов этого изображения к 256-цветной палитре.

Рис. 1.33. Вкладка Optimize окна Preferences

На вкладке Optimize (Оптимизация) (рис. 1.33) задаются параметры, используемые при оптимизации GIF-файла:

• В области Preset manager (Диспетчер установок) перечислены сохраненные ранее варианты, причем пользователь может упорядочить их по своему желанию. Кнопка Set selection as default (Сделать по умолчанию) позволяет задать один из них как выбираемый по умолчанию (его имя появится в строке под кнопкой). Флажок Use settings on Optimize tab as default (Использовать эти установки по умолчанию) дает возможность, не сохраняя установки в списке, использовать их для последующей оптимизаций анимированных файлов.
• В области Default GIF optimization engine (Метод оптимизации GIF) выбирают метод, применяемый при оптимизации изображения. Значение Median Cut (Усреднение) выбирают для файлов невысокого качества и создания файлов меньшей величины с сохранением в изображении небольших зон с цветом, значительно отличающимся от цвета остальной части изображения. Значение Minimum Variance (Минимум отклонения) выбирают для более качественных файлов, что приводит к созданию файлов большей величины по сравнению с предыдущим параметром.
• Флажок Check if the current document is already optimized (Проверить выполнение оптимизации) устанавливают для проверки выполнения оптимизации файла текущей анимации.

Рис. 1 .34. Вкладка Advanced окна Edit

На вкладке Advanced (Дополнительно) (рис. 1.34) также задаются различные параметры, используемые как при оптимизации GIF-файла, так и при его редактировании:

• Флажок Run Optimization Wizard when saving file (Запускать Мастер при сохранении файла) указывает необходимость запуска Optimization Wizard (Мастера оптимизации) при каждом сохранении GIF-файла. При его установке становится доступным другой флажок, Optimize with the settings specified on the Optimize tab (Оптимизировать с параметрами на вкладке Optimize), который позволяет не запускать Мастер оптимизации, а сохранить GIF-файл с параметрами, заданными при последней оптимизации.
• Флажок Check animation compatibility when saving file (Проверить совместимость анимации) указывает GIF Animator проверить, не содержит ли анимация свойства, которые не поддерживаются всеми обозревателями (например, метод смены кадров То previous state), или наличие нескольких слоев комментариев.
• Поле Levels of undo (Число отмен) определяет число отмен в режиме текущего редактирования (максимальное значение 200).
• Поле Number of onion skin layers (Число одновременно отображаемых слоев) задает число кадров, которые будут отображаться при работе в режиме Onion Skin.
• Поле Transparency of onion skin layers (Прозрачность слоев в режиме onion skin) задает величину прозрачности изображения кадра в режиме Onion Skin.

На вкладке Personal (Личная) находится флажок Add personal comment block when saving oroptimizing (Добавить личный комментарий) для автоматического добавления персонального комментария к каждой сохраняемой или оптимизируемой анимации. Текст комментария вводится в поле Content (Содержание) и не может быть длиннее 512 символов. После добавления слоя персонального комментария новое сохранение файла анимации может быть выполнено только по команде File > Save As (Файл > Сохранить как).

Практикум

Здесь будет показано, как создать анимацию , используя последовательность файлов с фазами движения объекта , и как преобразовать видеофайл в анимацию для Web-страницы , выбирая из него отдельные кадры.

Создание анимации из последовательности файлов:

Рис. 1.35. Анимация из нескольких изображений

1. Запускаем Ulead GIF Animator и в окне Startup Wizard (Мастер запуска) выбираем самостоятельное создание анимации (Blank animation).
2. Выбором команды Layer > Add Images (Слой > Добавить изображения) либо щелчком на одноименной кнопке стандартной панели инструментов открываем окно, в котором можно выбрать сразу несколько файлов. После щелчка на кнопке Open (Открыть) окна Add Images (Добавление изображений) они расположатся в алфавитном порядке на панели кадров.
3. Порядок кадров можно изменять с помощью кнопок Move Layer Up (Переместить вверх) и Move Layer Down (Переместить вниз) или одноименных команд меню Layer (Слой). Еще проще задать нужный порядок кадров, перетаскивая их файлы из окна Проводника Windows на рабочую область окна GIF Animator.
4. Переходим на вкладку Preview (Предварительный просмотр) для просмотра анимации, после чего вновь возвращаемся на вкладку Compose (Композиция).
5. Выбором команды Layer > Add Comments (Слой > Добавить комментарий) либо щелчком на одноименной кнопке стандартной панели инструментов добавляем слой комментариев, содержащий пояснения к анимации.
6. Переходим на вкладку Optimize (Оптимизация) и в раскрывающемся списке Preset (Установки) выбираем значение GIF Optimized 32. Щелчком на кнопке Optimize Now (Оптимизировать сейчас) выполняем оптимизацию файла. Командой File > Save (Файл > Сохранить) или с помощью щелчка на одноименной кнопке сохраняем оптимизированную анимацию в требуемой папке.

Создание анимации из видеофайла

1. Запускаем Ulead GIF Animator и в окне Startup Wizard (Мастер запуска) выбираем Open an existing video file (Создание анимации из видеофайла). В окне программы, при выборе видеофайла, можно воспользоваться кнопкой Browse (Обзор), чтобы выполнить просмотр содержимого папок
2. Для выделенного файла в окне Add video (Добавить видео) в полях Subject (Тема) и Description (Описание) указываются краткие сведения о файле.
3. Щелчком на кнопке Duration (Длительность) открываем одноименное окно. Щелкая на кнопках последовательного просмотра кадров, находим начальный и отмечаем его с помощью кнопки Mark-In (Отметка начала). Продолжая просмотр, находим конечный кадр и отмечаем его щелчком на кнопке Mark-Out (Отметка конца). Щелчок на кнопке ОК возвращает в окно Add video (Добавить видео). (Если вставляется видеофайл целиком, то окно Duration (Длительность) можно не открывать.)
4. В окне Add video (Добавить видео) щелкаем на кнопке Open (Открыть), и все выделенные кадры видеофайла последовательно располагаются на панели кадров.
5. Используя инструменты GIF Animator, добавляем к анимации титры и эффекты.
6. Чтобы сохранить результат в формате AVI-файла, выбираем команду File > Export > As Video File (Файл > Экспорт > Как видеофайл) и указываем имя файла и папку, в которой он будет размещаться. В этом же окне можно ввести информацию в поля Subject (Тема) и Description (Описание). Щелчок на кнопке Save (Сохранить) сохраняет файл.

Polaroid débuts poche

Anglais Espaol

Avis Catégories Plus de catégories de voitures Tech Téléphones Portables Ordinateurs de bureau Appareils photo numériques Home Audio Portables Imprimantes comprimés Télévisions Forums Electroménager Caméscope Accessoires de téléphone cellulaire E lecteurs celine paris de livres Jeux Gear GPS Disques Durs sac celine pas cher Casques Home Vidéo accès Internet Stockage Moniteurs lecteurs MP3 réseau WiFi Périphériques logiciel portable Tech Hébergement Web

Vous êtes ici: Nouvelles Dernières nouvelles startups mobile Cutting Edge Internet Media Sécurité Confidentialité Business Tech Crave d"Apple Microsoft Politique Droit Tech Culture Vidéo Blogs Photos RSS

Téléchargez des applications de Windows Logiciels pour Mac Logiciels iOS Apps Android Télécharger Le Blog

CNET TV Populaires Nouveautés produits Tech montre comment The Fix CNET sur des véhicules CNET jour Googlicious Next Big Thing Le 404 XCAR

Comment celine marque électroménager Ordinateurs Home Cinéma Photographie Productivité confidentialité Sécurité Smartphones Tablettes Web Comment Vidéo

Codes Promo Soldes d"hiver promos Blog du marché

Options Connexion InJoin Facebook Timeline Se connecter S"inscrire CNET Connectez-vous avec

Options Facebook Chronologie Mon profil Déconnexion

Polaroid, la société qui a apporté au monde la vague emblématique et la sac celine phantom caméra d"impression, est prêt à lancer un nouveau produit en forme instantanée de photo de l"ère numérique. Le PoGo, un mobile, une imprimante sans encre avec un joli nom, est assez petit pour tenir dans une poche et gravures portefeuille taille sac celine des images sac celine trapeze qui peuvent être transformés en autocollants.

La société qui poursuit sa tentative de passer d"un passé analogue à un avenir numérique espère que sac celine luggage prix le Polaroid sur la route va révolutionner l"impression de photo instantanée.

La PoGo est assez petit pour tenir dans une poche. Le produit reçoit des images via Bluetooth à partir d"un téléphone portable de l"appareil ou par un cordon USB de n"importe quel appareil photo numérique. Ensuite, il utilise la technologie Zink sans encre pour chauffer le papier photo et faire ressortir les couleurs incorporés dans les cristaux de colorant du papier.

Sans têtes d"encre, les imprimantes peuvent être plus petits et économiser de l"argent sur l"encre. Cependant, le papier Zink sac celine prix coûtera tout de même un moyen supplémentaire de 35 cents par impression. Les plans futurs comprennent des impressions plus grandes qui s"appuient sur le même concept sans encre mobile.

Jon Pollock, vice-président et directeur général de la planification des produits et des nouvelles technologies chez Polaroid, a déclaré le produit est destiné aux adolescents et jeunes adultes qui veulent imprimer à partir de leurs appareils de téléphone cellulaire et d"obtenir un accès instantané à leurs coups.

Le sac celine trapeze côté verso des photos peut être pelée, tourner des images dans autocollants parfaits pour gifler sur le dos de la victime sans méfiance, mais idéalement utilisé pour décorer ou faire des collages.

Bien Polaroid vend des appareils photo numériques et autres gadgets, il a failli manquer la vague numérique. Pollock a admis la société a subi il ya environ cinq ans, quand il traite toujours avec des caméras analogiques, mais il semble prêt à remonter vers le haut du monde de la photographie. En 2009, l"appareil photo classique instantané Polaroid va enfin passer à la trappe. Pollock celine marque dit la PoGo est son remplacement.

PoGo de Polaroid sera disponible chez Best Buy le 6 Juillet et dans la plupart des grands magasins à l"automne. L"imprimante se vend pour 149 $ ».

Blumentals Easy GIF Animator 5.5.0.48 Portable RUS / ML Apps

Easy GIF Animator - программа, предназначенная для создания анимированных изображений (gif-файлов), дополненных различными эффектами. Easy GIF Animator имеет довольно много настроек и позволяет управлять всеми параметрами анимированного gif, включая продолжительность, цветовую палитру и т.п. Добавление текста на изображение, предварительный просмотр в браузере, преобразование gif-анимации в формат AVI, добавление звука к созданным анимации, сохранение созданного файла в формате SWF (флешь ), автоматическое создание HTML-кода для вставки готовой анимации на веб-сайт и многое другое. Поддерживает работу с GIF, JPG, PNG и BMP файлами. Имеется гибкая система оптимизации размера выходного файла, включающая в себя несколько способов оптимизации.

Программа: Blumentals Easy GIF Animator
ОС: Windows Me/2000/2003/XP/Vista/7/8
Язык: Английский, Русский
Лекарство : Portable
Размер: 4,13 Мб

*************************

Возможности программы
- Легкое создание анимированных баннеров, изображений и кнопок
- Создание анимированных изображений с нуля
- Редактирование и изменение анимированных GIF изображений
- Добавление визуальных эффектов в GIF анимацию
- Создание движущихся текстовых эффектов
- Оптимизация GIF анимации для уменьшения размера и ускоренной загрузки
- Предпросмотр анимации в интернет браузере
- Изменение размера всей анимации сразу
- Управление фреймами анимации
- Установка количества повторов и продолжительности кадра
- Извлечение отдельных кадров анимации
- Легкая установка прозрачности
- Добавление звуков в анимацию (.PRO)
- Сохранение анимации в SWF формат (.PRO)
- Экспорт анимации в AVI формат
- Использование GIF, JPG, PNG и BMP изображений в анимации
- Генерация HTML кода для публикации в интернете

Программа не оставляет следов и не требует установки на компьютер.

***********************

НУ И НЕБОЛЬШОЙ УРОК ПО ПРОГРАММЕ

Создание анимированного баннера в программе Easy GIF Animator

Как создавать анимированный баннер в программе Easy GIF Animator. Баннер нужен нам для того, чтобы привлечь внимание посетителя блога и побудить его к совершению нужного нам действия.
Для этого переходим в программу Easy GIF Animator, я работаю в пятой версии и ярлык на рабочем столе выглядит в виде этакой пленки. Для создания баннера давайте воспользуемся функцией « Мастер программы» и выбираем кнопку « Анимированный баннер». Нам открывается диалоговое окно мастера баннера, с которым мы и будем работать, нам предлагается на выбор несколько вариантов:
Мы можем выбрать стандартный размер баннера, которые нам предлагает система
Мы можем указать свой размер
А можем получить размер от фонового изображения, если он нас устраивает, да и вообще, мы всегда можем размер баннера откорректировать в HTML - коде текстового редактора, особенно, если будем его ставить не в статью, а допустим, в виджет, а темы на блогах у нас могут стоять разные и не везде наши баннеры будут отображаться корректно, если их не «подгонять» по месту.
И нажав на кнопку « Next « (Далее), переходим в раздел « Фон баннера» и выбираем стиль заливки:
Простой цветной
Градиент цвета
Картинка или текстура (это приготовленные заранее изображения или картинки, найденные нами в интернете и заранее скачанные в нашу папку), я предпочитаю для экономии времени идти этим вариантом, ну, а кому в общем - то спешить некуда, может поиграться с первыми вариантами.
Итак, выбираем изображение через кнопочку « обзор» и выбираем фон или картинку для дальнейшей работы и рассматриваем его с помощью трех функций:
Плитка
Растянуть
По центру
И останавливаемся на выбранном вами варианте, затем нажимаем на кнопку « Next « и переходим к написанию текста на анимированном баннере; система предлагает нам три варианта размещаемых на баннере надписей, путем нажатия на кнопки « Текст 1», « Текст 2», « Текст 3», для этой цели мы можем воспользоваться элементарным текстовым редактором, в котором можем выбрать:
Вид шрифта
Размер шрифта
Цвет шрифта
Стиль шрифта
Расположение шрифта по читаемому полю баннера (слева, по центру, справа)
Набираемый нами текст будет располагаться в смотровом окошке на выбранном нами фоне баннера, так что мы можем подобрать все необходимые атрибуты надписей, используя возможности текстового редактора.
Таким образом мы настраиваем все наши три надписи на баннере, баннер создан и теперь можно переходить к его тонким настройкам и создаем эффекты, назначаем время показа каждой надписи и подбираем переходы от одной надписи к другой. Для этого нам понадобится значок в виде « волшебной палочки» и с ее помощью мы выбираем эффекты, предлагаемые системой, причем каждую надпись можно настраивать по отдельности.
Результаты нашей работы можно посмотреть и здесь, но лучше воспользоваться предлагаемой функцией просмотра нашего баннера в браузере (Эта функция находится в верхней панели программы Easy GIF Animator (когда будете наводить курсор мыши на значки, то будут появляться подсказки, так что найдете).
И в появившемся новом окне браузера мы можем наяву наблюдать вновь созданный нами баннер в действии или как он будет выглядеть у нас на блоге. И если нас все устраивает, то мы возвращаемся в программу и сохраняем баннер в каком-то месте на нашем компьюторе, причем, когда будем писать его название (имя файла), то пишем его либо в цифровом формате, либо латиницей.

Вам нравятся «гифки» и вы были бы не против их самостоятельно создавать? Можно скачать Easy Gif Animator, который поможет вам в этом, и даже если вы далеки от компьютерной графики, легко сможете сконструировать анимированное изображение и отредактировать его. Навигация по программе довольно проста - создаём новый файл («скелет» анимации), добавляем картинки, пробуем применять разные эффекты. К тому же, каждый кадр «гифки» настраивается и корректируется отдельно. Если нужно создать GIF из видео, добавляем файл видеозаписи, обрезаем и редактируем.

Основные возможности Easy Gif Animator для создания анимации

Позволяет создавать с нуля анимированные картинки, баннеры и кнопки, но и редактировать их: подгонять кадры по размеру, добавлять визуальные эффекты, движущиеся тексты, менять продолжительность «гифки», управлять фреймами, изменять прозрачность, преобразовывать анимацию в видео формата AVI и добавлять звук и т.д. Интуитивно понятный, простой интерфейс программы Easy Gif Animator поможет без проблем ею пользоваться. А раздумывать, как применить не пользованный пока инструмент, не придётся.

Как пользоваться Easy Gif Animator’ом и с чего начать работу?

Если нужно создать GIF из видео, добавляем файл видеозаписи, обрезаем и редактируем. Это - самое основное, но программа даёт ещё множество разнообразных возможностей для создания других анимаций. В конце работы можно оптимизировать размер выходного файла, увидеть, как он будет выглядеть в браузере, выбрать нужный формат сохранения (кстати, можно сохранить в GIF или флеш-формате SWF) и получить HTML-код для публикации «гифки» в интернете. Скачать Easy Gif Animator и работать в нём - одно удовольствие. Создавайте свои «гифки» и радуйтесь результатам.

Помните, как в школе на скучных уроках рисовали в блокнотах разные рожицы? А затем, быстро перелистывая страницы, заставляли эти рожицы анимировать. Так и со скучными сайтами, под завязку набитыми нудной, но очень нужной информацией. Вот если бы туда тоже добавить пару кривляющихся рожиц! Это вполне осуществимо, если использовать gif анимацию:

Анимация на основе GIF

Формат GIF (Graphics Interchange Format ) разрабатывался специально для внутрисетевого обмена растровыми изображениями. В недалеком прошлом он был основным форматом для изображений, размещаемых в веб-пространстве. Основные характеристики формата GIF :

• Способность сохранять изображения в 256 цветовой гамме;
• Малый вес изображения – это идеально подходило для первоначальной стадии развития всемирной паутины, когда скорость соединения с интернетом была намного ниже сегодняшних стандартов;
• Графические форматы в GIF хранятся построчно, поддерживая лишь определенную цветовую палитру (256 цветов );
• При этом один из 256 оттенков может быть помечен как прозрачный;
• Поддержка анимированных объектов.

Последний пункт списка и послужил новым толчком для роста популярности этого графического формата.

Создание gif анимации по сравнению с более современной технологией flash имеет несколько преимуществ. Главным из них является меньший вес графического объекта. Поэтому новой областью применения gif анимации стало создание рекламных объектов для интернета.

Благодаря нескольким изображениям полностью снимаются ограничения на использование лишь 256 оттенков цвета. Это связано с тем, что каждый из рисунков может содержать свою палитру. Уменьшение общего веса анимированного объекта достигается также за счет использования прозрачности, когда происходит лишь частичное изменение следующего кадра относительно предыдущего.

В следующем кадре прорисовываются лишь изменяющиеся части изображения. Остальные можно установить прозрачными, и для их отображения использовать первоначальный статический кадр.

Немного практики

Но все это теория, а хотелось бы на практике рассмотреть, как происходит создание анимации в формате GIF . Мы предвидели это, и подготовили маленький мастер-класс по созданию анимированного баннера.

Для демонстрации воспользуемся специализированным графическим редактором Easy GIF Animator . Как показывает опыт, большинство подобных программ имеют схожий пользовательский интерфейс и функционал. Поэтому показанный ниже порядок действий не будет сильно отличаться от того как сделать gif анимацию в других подобных графических редакторах.

• На стартовой странице программы нам предлагается выбрать тип задачи, который нужно решить. Мы воспользуемся «услугами » встроенного мастера по созданию баннера. Для этого нажимаем на пункт «Создание анимированного баннера »:

• На следующем шаге задаем размеры будущего баннера. Можно воспользоваться стандартными значениями, но мы введем свои параметры длины и ширины объекта:

• Затем мы настроили фон баннера. В качестве стиля заполнения выбрали градиент, установили его тип и основные цвета:

• В следующем окне мастера мы вводим текст для отображения, устанавливаем его размеры, шрифт и цвет. Из выпадающего списка выбираем эффект анимации в момент появления текста и его исчезновения. А также устанавливаем время всего периода. Обратите внимание, что таким образом можно настроить эффекты для нескольких фраз (до трех ). Они располагаются на отдельных вкладках («Текст 1 », «Текст 2 »):

• До того как создать gif анимацию, осталось лишь сохранить файл баннера в нужном нам месте. Что и предлагается сделать в следующем окне:

• После закрытия мастера и сохранения баннера перед нами открывается рабочий интерфейс приложения. Обратите внимание, что слева наша анимация представлена покадрово. И каждый из кадров можно отредактировать отдельно:

Как сделать анимацию из видео

С основами процесса мы немного разобрались. Теперь постараемся научиться тому, как сделать gif анимацию из видео.

Суть данной процедуры заключается в том, что для начала нужно «вытащить » из видео отдельные картинки. То есть разложить его на кадры. Конечно, можно делать это вручную с помощью сохранения нужного кадра в медиа плеере (благо, многие из них это умеют ).

Но лучше воспользоваться специальной программой для извлечения видеокадров Free Video to JPG Converter . Как можно судить из ее названия, она сохраняет кадры видео в изображения в формате JPG .

Интерфейс приложения прост для понимания. Поэтому мы не будем останавливаться на его подробном описании:

На следующем этапе мы снова переходим в Easy GIF Animator . С помощью инструмента «Вставить изображение » добавляем в качестве кадра снимок из видео. После этого нужно настроить задержку для каждого анимированного кадра. А затем сохранить полученную GIF анимацию в виде файла.