Это пошаговое руководство по основам создания простого анимированного GIF файла.
До начала Вам необходимо иметь несколько вещей;
  1. Программа GIF анимации.
  2. Есть достаточное число доступных программ. Шаги должны быть одинаковыми.
    Для примеров мы использовали Gif Construction Set. Есть его версии для Windows3.х и Windows95;.
    Щелкните здесь , чтобы загрузить последнюю версию условно свободного распространения.

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

    Щелкните правой кнопкой мыши на каждом изображении и сохраните их на вашем жестком диске. Фон будет сделан прозрачным в шагах анимации.

mail1.gif

mail2.gif

mail3.gif

Давайте начнем!

Это основные необходимые шаги и вполне возможно, что может потребоваться больше работы чем приведено в примерах. Но сделав эти шаги, Вы увидите насколько просто это может быть. Имеется много параметров для квалифицированных пользователей, которые мы не будем рассматривать здесь. Вы сможете экспериментировать с параметрами настройки после того, как Вы сделаете ваш первый анимированный GIF.

  1. Запустите вашу Программу Анимации.
  2. Выберите 'File' затем 'Open'
  3. Найдите, где Вы сохранили mail1.gif
  4. 'Highlight' mail1.gif и выберите 'OK'
    (Двойной щелчок на файле выполняет те же действия)
  5. Два вхождения появятся в списке и вхождение 'Header' будет выделено.
    Если оно не выделено.(щелкните один раз на нем)

  6. Выберите 'Insert', затем выберите 'Control'.
    Вы будете иметь теперь три вхождения в списке.
    Header
    Control
    Image

    В таком порядке!
  7. Дважды щелкните на 'Control' из вашего списка.
    Откроется окно для 'Editing Control Options'.
  8. Пометьте блок 'Transparent colour' .
    Dropper - Пипетка теперь станет активной.
  9. 'Щелкните' на Dropper и появится изображение.
  10. Поместите Dropper на фон и 'щелкните один раз'.
    окно 'Editing Control Options' будет возвращено и '11'
    появится затем рядом с Dropper.
  11. Установите число 'Delay' равное '30'.
    См. 'Control Notes' для большей информации.
  12. Затем рядом с Remove by: Выберите, 'Background'.
  13. Выберите 'OK'.

Вы теперь выполнили первое изображение.

Вы можете щелкнуть на 'View', чтобы видеть, все ли Вы сделали правильно. (mail1.gif должен появиться без фона.)

Вы готовы продолжить?

    Дважды щелкните на вашем списке. Он должен выглядеть подобно этому:
    Header
    Control
    Image

    В таком порядке!

  1. Выделите (один щелчок на нем) вхождение 'Image' .
  2. Выберите 'Insert' затем 'Image'
  3. Найдите, где Вы сохранили mail2.gif
  4. 'Выдеелите' mail2.gif и выберите 'OK'
    (Двойной щелчок на файле выполняет те же действия )
  5. Выберите 'Insert' затем 'Image'
  6. Найдите, где Вы сохранили mail3.gif
  7. 'Выдеелите' mail3.gif и выберите'OK'
    (Двойной щелчок на файле выполняет те же действия )
  8. Ваш список должен выглядеть подобно этому:
    Header
    Control
    Image (mail1.gif)
    Image (mail2.gif)
    Image (mail3.gif)

    В таком порядке!

    Чтобы почтовый ящик открывался и закрывался, вам необходимо добавить mail2.gif снова.

  9. Выберите 'Insert' затем 'Image'
  10. Найдите где Вы сохранили mail2.gif
  11. 'Выделите' mail2.gif и выберите 'OK'
    (Двойной щелчок на файле выполняет те же действия )

  12. Ваш список должен выглядеть подобно этому:

    Header
    Control
    Image (mail1.gif)
    Image (mail2.gif)
    Image (mail3.gif)
    Image (mail2.gif)

    В таком порядке!

Теперь вам необходимо добавить 'Control' для каждого Image.
См. 'Control Notes' для большей информации.

Вы имеете здесь два выбора.
Выбор #1 (Короткий путь) - Выбор #2 (Длинный путь)

Выбор #1 (Наш выбор)

  1. 'Выделите' вхождение 'Control' в списке.
  2. Выберите 'Edit' из Main Tool Bar. (не кнопка)
  3. Выберите 'Copy'
    ИЛИ. . . Вы можете использовать Cotl+C для копирования в буфер обмена.
  4. 'Выделите' Image (mail1.gif) в списке.
  5. Выберите' Edit' из Main Tool Bar. (не кнопка)
  6. Выберите 'Paste'
    ИЛИ. . . Вы можете использовать Cotl+V для копирования в буфер обмена.
  7. 'Выделите' Image (mail2.gif) в списке.
  8. Выберите'Edit' из Main Tool Bar. (не кнопка)
  9. Выберите'Paste'
    ИЛИ. . . Вы можете использовать Cotl+V для копирования в буфер обмена.
  10. 'Выделите' Image (mail3.gif) в списке.
  11. Выберите'Edit' из Main Tool Bar. (не кнопка)
  12. Выберите'Paste'
    ИЛИ. . . Вы можете использовать Cotl+V для копирования в буфер обмена.

  13. Ваш список должен выглядеть подобно этому:

    Header
    Control
    Image (mail1.gif)
    Control
    Image (mail2.gif)
    Control
    Image (mail3.gif)
    Control
    Image (mail2.gif)

    В таком порядке! Вы почти завершили! Если Вы хотите непрерывную циклическую анимацию,

  14. 'Выделите' вхождение 'Header' в списке.
  15. Выберите 'Insert'
  16. Выберите 'Loop'
    См. Опции цикла' для большей информации.
  17. Вы можете выбрать 'View', чтобы просмотреть в действии.
    Это должно выглядеть подобно.
    Щелкните здесь, чтобы увидеть пример.

    Если вы завершили,

  18. Выберите'File' затем 'Save As'
  19. Дайте другое имя затем выберите 'OK'.
    Используйте другое имя для изображений.

Поздравления! Вы имеете завершонную первую вашу анимацию.

Выбор #2 (Длинный путь)

  1. 'Выделите' Image (mail1.gif) в списке.
  2. Выберите 'Insert', затем выберите 'Control'.
  3. 'Двойной щелчок' на новом вхождении 'Control'.
  4. Повторите шаги 6-12 для 'Editing Control Options'
  5. 'Выделите' Image (mail2.gif) в списке.
  6. Выберите 'Insert', затем выберите 'Control'.
  7. 'Двойной щелчок' на новом вхождении 'Control'.
  8. Повторите шаги 6-12 для 'Editing Control Options'
  9. 'Выделите' Image (mail3.gif) в списке.
  10. Выберите'Insert', затем выберите 'Control'.
  11. 'Двойной щелчок' на новом вхождении 'Control'.
  12. Повторите шаги 6-12 для 'Editing Control Options'

  13. Ваш список должен выглядеть подобно этому:

    Header
    Control
    Image (mail1.gif)
    Control
    Image (mail2.gif)
    Control
    Image (mail3.gif)
    Control
    Image (mail2.gif)

    В таком порядке! Вы почти завершили! Если Вы хотите непрерывную циклическую анимацию,

  14. 'Выделите' вхождение 'Header' в списке.
  15. Выберите 'Insert'
  16. Выберите 'Loop'
    См. Опции цикла' для большей информации.

  17. Вы можете выбрать 'View', чтобы просмотреть в действии.
    Это должно выглядеть подобно.
    Щелкните здесь, чтобы увидеть пример.

    Если Вы завершили,

  18. Выберите'File' затем 'Save As'
  19. Дайте другое имя затем выберите 'OK'.
    Используйте другое имя для изображений.

Поздравления! Вы имеете завершонную первую вашу анимацию.

Перейти к : Animations : Free Graphics : Doodles Pad


















Control Notes

Each image will need a 'Control' added Above it in the editor's list.

    This will tell a viewer or web browser,

  1. How to display the image. (With or without transparent)
  2. How long to wait before showing the Next image.
  3. What to do with the image when the next one appears.

Use your browser BACK button to return to where you were.


















Loop Options

You can make an Animated GIF pause between Loops
by changing the 'Delay' time in the 'Control'.

If you want the mailbox to stay Closed for a while between animations,
Change the 'Delay' time in the 'Control' above mail1.gif.
Set it up to about 120 depending on the delay time you want.

If you want the mailbox to stay Open for a while between animations,
Change the 'Delay' time in the 'Control' above mail3.gif.
Set it up to about 120 depending on the delay time you want.

Use your browser BACK button to return to where you were.