Как редактировать анимацию?

2 ноября 2014 г. Просмотров: 303 Инструкции

Чтобы редактировать анимацию в GIF-формате, достаточно наличие установленного графического редактора Adobe Photoshop. Чтобы понять, как это работает, сначала создадим эту анимацию, а затем внесем в нее некоторые правки.
Создать сайт самостоятельно с Wix.com

Инструкция

  • Откройте редактор Adobe Photoshop и создайте новый документ. Для этого щелкните пункт меню «Файл» (File) > «Создать» (New) или нажмите комбинацию клавиш Ctrl+N. В появившемся окне укажите произвольные ширину и длину, например, по 300, и нажмите ОК. В рабочей области программы появится новый документ.
  • Выберите инструмент Rectangle tool и создайте квадрат в центре вновь созданного документа. Откройте окно анимации: нажмите пункт меню «Окно» (Window) > «Анимация» (Animation). В нем уже существует один кадр. Кликните по нижней части этого кадра и в выпадающем меню укажите 0.1 секунды (seconds).
  • Создайте еще один кадр, нажав на кнопку Duplicates selected frames, она расположена в нижней части окна анимации. Выделите вновь созданный кадр, кликнув по нему левой кнопкой мыши. Возьмите инструмент «Перемещение» (Move) и передвиньте квадрат в нижнюю часть изображения. Нажмите на кнопку Tweens animations frames и в появившемся окошке, в поле Frames to add укажите, к примеру, 5. Эти добавятся к уже существующим двум и будут отвечать за перемещение квадрата из центра вниз. Нажмите ОК. Чтобы посмотреть результат, нажмите на кнопку Play.
  • Сохраните результат: кликните «Файл» (File) >Save for web & devices или нажмите на клавиатуре Alt+Ctrl+Shift+S. В появившемся окне в настройке «Параметры повторов» (Looping options) укажите «Постоянно» (Forever) и нажмите «Сохранить» (Save). В следующем окне выберите путь для файла и тоже нажмите «Сохранить». Анимация готова.
  • Закройте документ, нажав на Ctrl+W. В следующем окне можно с чистой совестью нажать «Нет» (No), потому что созданный проект, мягко говоря, не очень трудоемкий. Откройте документ, сохраненный в четвертом шаге инструкции: нажмите клавиши Ctrl+O, выберите файл и нажмите «Открыть». Далее будет описано, собственно, редактирование: квадрат вместо низа будет перемещаться из центра вверх.
  • Если окно анимации закрыто, снова откройте его. Как это сделать, написано во втором шаге инструкции. При помощи кнопки Deletes selected frames (она находится в нижней части окна анимации) удалите все кадры, кроме самого первого. Проделайте те же самые действия, что и в третьем шаге инструкции, только перемещайте квадрат не вниз, а вверх.
  • Оцените статью!