Учимся создавать анимированные GIF-картинки

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

Что важно знать

Перед тем, как сделать движущуюся картинку, узнаем, что следует учитывать при этом:

  1. Готовая анимация должна сохраняться в формате GIF. Форматы JPEG или JPG не поддерживают анимацию;
  2. Анимированное изображение состоит из нескольких изображений. Каждая из них должна иметь одинаковый размер(ширину и высоту);
  3. В изображение должно быть не более 256 цветов;
  4. Некоторые посетители отключают поддержку анимации в браузерах. Если анимация будет отключена, пользователи будут видеть лишь первый кадр анимации.

Создаем анимированную картинку онлайн

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

Как только все изображения будут подготовлены, откройте веб-сайт http://www.makeagif.com/, кликните по иконке «Pictures to GIF»(картинки в GIF), расположенной в центре страницы, а далее загрузите все изображения. Далее следуйте инструкциям.

Создаем движущиеся изображения с помощью Photobie

  1. Скачайте Photobie и установите данное программное обеспечение на компьютер;
  2. Как только программа будет установлена, запустите ее, а далее откройте каждый подготовленный кадр;
  3. Выберите картинку для первого кадра анимации, а далее повторите процедуру с последующими кадрами. Кликните по «Region»(Область), а далее «Select whole image region»(Все картинки), либо воспользуйтесь сочетанием клавиш CTRL+A, чтобы выделить изображение целиком;
  4. Нажмите «Edit»(Редактировать), а далее «Copy»(Копировать), либо нажмите CTRL+C, чтобы скопировать изображение;
  5. Выделите изображение, которое вы указали в виде первого кадра. Кликните «Edit»(Редактировать), а далее «Paste as new layer»(Вставить как новый слой), или используйте сочетание клавиш CTRL+V;
  6. После этого в начальном кадре появится новый слой. Повторите ту же процедуру со всеми последующими изображениями(кадрами);
  7. Как только все последующие изображения будут добавлены как слои первого кадра, нажмите «GIF_Animation», а далее выберите «Animation Control Panel»(панель управления анимацией);
  8. В «Animation Control Panel» отобразятся все слои по отдельности. Если нет, то кликните по зеленой стрелке, чтобы обновить окно просмотра. Нажатие по зеленой кнопке с треугольником сможет воспроизвести анимацию. Если анимация покажется вам слишком быстрой, выберите один из кадров, и увеличьте время задержки в миллисекундах;
  9. Как только добьетесь нужного эффекта, кликните по иконке с синей дискетой, чтобы сохранить картинки как движущуюся картинку.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *