В качестве примера возьмем отсканированную иллюстрацию (scan1.gif) из учебника биологии для 8 класса общеобразовательной школы (авторы А.Г.Драгомилов, Р.Д.Маш) “Уничтожение микроба фагоцитом” (рис.2.67).

Рисунок 2.67 - Отсканированная иллюстрация из учебника биологии “Уничтожение микроба фагоцитом”

Рассмотрим алгоритм создания анимационного изображения, которое будет состоять из 7 кадров. Первый кадр - надпись “Уничтожение микроба фагоцитом”, остальные шесть фрагменты иллюстрации в определенной последовательности.

1) Подготавливаем необходимые для работы графические документы и объекты.
Смотреть видеоролик - 8699K
• Запускаем программу Xara Xtreme 2.0f (открывается пустой документ).
• Командой File–Import импортируем иллюстрацию scan1.gif в программу. Пока данное изображение выделено, можно переместить его нажатой левой кнопкой мыши и увеличить или уменьшить за угловую черную точку, также нажатой левой кнопкой мыши.
• Создаем новое анимационное изображение командой File–New–Animation. Открываем коллекцию кадров либо командой Utilities–Galleries–Frame gallery… либо кнопкой Frame gallery на панели встроенных коллекций.
• В меню Window из списка открытых файлов выбираем 1 документ, который содержит импортированное изображение.
• На панели инструментов выбираем инструмент Rectangle Tool и рисуем нажатой левой кнопкой мыши прямоугольник поверх первого фрагмента импортируемой иллюстрации. Используя Линию для работы с цветом, делаем прямоугольник прозрачным. При необходимости перемещаем прямоугольник за центральную точку или увеличиваем (уменьшаем) за угловую точку нажатой левой кнопкой мыши.
• Удерживая нажатой клавишу Shift, щелчком левой кнопки мыши на импортированной иллюстрации, выделяем еще и ее. Теперь одновременно выделено два объекта.

2) Осуществляем копирование части импортированного изображения в кадры анимации.
Смотреть видеоролик - 5725K
• Выполняем команду Arrange–Combine Shapes–Intersect Shapes. В результате останется только та часть иллюстрации, которая находилась под прямоугольником, всё остальное удалится.
• Выполняем команду Edit–Copy shape. В меню Window из списка открытых файлов выбираем 2 документ, который представляет собой анимацию. Выполняем команду Edit–Paste shape. Кадр анимации готов.
• Кнопкой New в окне коллекции кадров Gif Animation Frame gallery создаем новый кадр анимации.
• В меню Window из списка открытых файлов выбираем 1 документ, который содержит импортированное изображение.
• Выполняем два раза команду Edit–Undo… (т.е. отменяем две последние команды). В результате появляется полное импортированное изображение и нарисованный сверху прямоугольник.
• Перемещаем прямоугольник нажатой левой кнопкой мыши за центральную точку на следующий фрагмент иллюстрации. При необходимости меняем его размер используя угловую черную точку.
• Повторяем команды, начиная с пункта 2 до тех пор, пока все фрагменты не будут перенесены в кадры анимации. После чего закрываем документ с импортированным изображением командой File–Close без сохранения (кнопка Don’t save).

3) Создаем текстовую надпись.
Смотреть видеоролик - 1944K
• На панели инструментов выбираем инструмент Text Tool, щелкаем левой кнопкой мыши в нужное место документа и печатаем нужный текст в три строки. Выделяем все строки и командой информационной панели Centre justify размещаем их по центру относительно самой длинной из них, в выпадающем меню Size выбираем размер 24, на Линии для работы с цветом выбираем темно красный цвет (Dark Red).
• Для того, что бы размещение текста совпадало с объектами на других кадрах, кнопкой All frames visible в окне коллекции кадров Gif Animation Frame gallery отобразим сразу содержимое всех кадров. На панели инструментов выбираем инструмент Selector Tool и нажатой левой кнопкой мыши на тексте перемещаем его на появившиеся изображения. Отменяем показ содержимого всех кадров кнопкой All frames visible в окне коллекции кадров Gif Animation Frame gallery.

4) Сохранение, настройка кадров анимации и предварительный просмотр.
Смотреть видеоролик - 2204K
• Предварительно командой File–Save сохраним документ в формате Xara Xtreme (mikrob.xar). Закроем его, а потом откроем командой File–Open).
• В окне коллекции кадров Gif Animation Frame gallery перетащим 7 кадр анимации нажатой на нем левой кнопкой мыши на первое место.
• Кнопкой Properties откроем окно Animation properties для задания времени просмотра кадров. Перейдем на вкладку Animation Loop and Speed, в поле Display each frame for введем значение 200 и нажмем кнопку Применить (для всех кадров установится время показа 2 секунды). Перейдем на вкладку Frame, в поле Display this frame for введем значение 500 и нажмем кнопку Применить (для 7 кадра установится время показа 5 секунд). Закроем это окно.
• Откроем окно предварительного просмотра анимации кнопкой Preview, и запустим анимацию кнопкой Play. После просмотра закроем это окно.

5) Просмотр анимации в браузере и сохранение получившейся анимации.
Смотреть видеоролик - 2104K
• Нажмем кнопку Properties и выберем вкладку Prewiew in Browser. Поставим переключатель в положение Checkred Background (прозрачный фон) и нажмем кнопку Browser Prewiew. Запустится браузер, в котором на прозрачном фоне будут показаны получившееся анимация и дополнительная информация об изображении. После просмотра браузер необходимо закрыть. В том же окне Animation properties перейдем на вкладку Animation Colors и в группе Transparency включим опцию Make Background transparent (сделать фон прозрачным).
• Командой File–Export Animated GIF сохраняем документ в формате GIF (mikrob.gif). В дальнейшем это графическое изображение (рис.2.67а) можно будет вставлять в презентацию или на web-страницу.
• Закрываем окно коллекции кадров Gif Animation Frame gallery. Закрываем программу.

Рисунок 2.67а - Получившееся анимационное изображение