52 MGraphics.ru - Image Ready - Создание анимации
Уроки photoshopa


Image Ready

Создание анимации

Условия перепечатки материалов

Рейтинг статьи: 66666
Проголосовало 17 человек.
Оцените статью:

Перемещение элемента изображения с помощью анимации

Создадим анимационный эффект для какого-либо изображения.

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


Палитра Animation


Слои изображения на вкладке Layers


Перемещение элемента слоя к краю основного окна


Перетаскивание элемента изображения к другому краю основного окна


Исходный (начальный) и скопированный (последний) кадры анимации

  1. Откройте палитру Animation (Анимация), щелкнув по вкладке Animation (Анимация) или выполнив команду Window > Show Animation (Окно > Показать палитру Animation).
  2. Выберите слой на палитре Layers (Слои).
  3. С помощью инструмента Move (Перемещение) перетащите элемент изображения к краю основного окна. Соответствующая миниатюра на палитре Animation будет обновлена, чтобы отобразить новое положение элемента.
  4. В нижней части палитры Animation щелкните по кнопке Duplicate current frame (Дублировать текущий кадр). Скопированный кадр будет выделен.
  5. Слой, выбранный на шаге 3, должен оставаться выделенным.
  6. С помощью инструмента Move (клавиша V) перетащите элемент слоя на другую сторону основного окна. Текущая миниатюра на палитре Animation будет соответствующим образом обновлена. Оставьте этот слой выделенным!
  7. На палитре Animation щелкните по кнопке Tween (Промежуточные кадры) для построения промежуточных кадров между уже выбранными.
  8. В диалоговом окне Tween (Промежуточные кадры) поставьте переключатель Layers (Слои) в одно из следующих положений:
  • All Layers (Все слои), чтобы скопировать точки со всех слоев в новые кадры - даже тех слоев, которые не были изменены. Эта опция также позволит запомнить изменения, произведенные одновременно в двух и более слоях;
  • Selected Layer (Выделенный слой), чтобы скопировать точки только выделенного слоя в новые кадры. Все другие слои будут спрятаны.

Затем установите в группе Parameters (Параметры) флажки тех параметров, которые будут изменяться в промежуточных кадрах: Position (Расположение), Opacity (Непрозрачность) и/или Effects (Эффекты)

Из всплывающего меню Tween with (Диапазон промежуточных кадров) выберите режим Previous Frame (Добавление промежуточных кадров между выделенным кадром и предыдущим).

Примечание

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


Диалоговое окно Tween

Другие опции анимации

Нажав клавишу Shift и щелкая мышью, можно выделить несколько кадров. Перетащите один или группу кадров на нужное место.

Для того чтобы разместить каждый кадр в слое, выберите из меню палитры Animation (Анимация) пункт Flatten Frames Into Layers (Поместить кадры в слои). Существовавшие до этого слои не будут удалены.

С помощью команды Revert Frames (Обратный порядок кадров) из меню палитры Animation можно поменять последовательность воспроизведения кадров. Эта опция эквивалента воспроизведению анимации в обратном порядке.


Палитра Animation после добавления промежуточных кадров

Повторное создание промежуточных кадров

Для того чтобы повторить операцию создания промежуточных кадров, выделите все ранее созданные промежуточные кадры, щелкая мышью при нажатой клавише Shift, и перетащите их на кнопку Delete (Удалить). Отредактируйте один из двух оставшихся кадров, а затем снова примените команду Tween (Промежуточные кадры).

Далее укажите в поле Frames to Add (Добавить кадры) количество кадров, которое будет добавлено (от 1 до 100). Чем выше это значение, тем более плавной (без разрывов) будет анимация, но размер файла и время его загрузки увеличится.

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

Совет

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

Совет

Если необходимо, чтобы загрузка и воспроизведение анимации происходили быстро, то используйте маленькие размеры кадров (примерно 200x200 пикселов или меньше).

Разместил: Vulko
Опубликовано: 27.12.2003
Статья "Image Ready - Создание анимации" прочтена 54614 раз.





Последние новости


Яндекс.Метрика