Способ 1: Canva
Canva – онлайн-платформа, предназначенная специально для разработки дизайнов любого типа, поэтому вряд ли при создании анимированной фотографии вы почувствуете дефицит возможностей. Работать в этом сервисе могут только зарегистрированные пользователи, а чтобы получить полный доступ к функциям и контенту, которые могут пригодиться для выполнения нашей задачи, придется оформить подписку.
- Кликаем «Войти»,
затем авторизуемся с помощью имеющихся учетных записей или создаем профиль, связанный с электронным адресом или номером телефона.
- На главной странице можно найти шаблон практически для любой цели, но мы создадим все с чистого листа. Нажимаем «Создать дизайн»,
затем «Редактировать фото»,
добавляем файл через «Проводник»
и загружаем в редактор.
- Сначала анимируем само изображение, т.е. подберем эффект появления фотографии. Чтобы начать взаимодействие с любым объектом, его нужно выделить. Кликаем по картинке, открываем вкладку «Анимация»
и выбираем подходящий вариант.
У каждого эффекта есть настройки. Щелкаем по иконке в центре
и меняем параметры.
Чтобы удалить анимацию, нажимаем соответствующую кнопку или используем стрелки на панели сверху, предназначенные для отмены и повтора любых операций в редакторе Canva.
- Дополним фото анимированными картинками. Открываем вкладку «Элементы», вводим запрос «анимация», нажимаем «Enter» и ищем подходящий вариант.
В наличие много бесплатного контента, но все же большая часть помечена иконкой в виде короны и будет заблокирована до приобретения подписки.
- Стоит признать, библиотека элементов в Canva внушительная, так что если нужны какие-то конкретные объекты, имеет смысл сразу поискать их. Вводим в строке поиска то, что нас интересует, и добавляем на фото.
- При желании можно обрезать элемент, перевернуть его по горизонтали и вертикали или анимировать так же, как сделали это с изображением в пункте №3.
Чтобы изменить размер объекта, используем маркеры по углам рамки, а для поворота иконку под ней.
Мышкой перетаскиваем картинку в нужное место на фото. Теперь таким же образом добавляем и настраиваем другие элементы.
- Добавим и анимируем надпись. Открываем соответствующую вкладку, кликаем по одному из заголовков, чтобы наложить его на изображение и сразу вводим свой текст.
Можно выбрать готовые сочетания шрифтов, но бесплатных вариантов здесь не очень много.
Панель сверху используем для редактирования надписи – изменения размера, типа, цвета шрифта и т.д.
Чтобы анимировать надпись, открываем уже привычную вкладку
и подключаем любой эффект.
- Итак, наша гифка готова, но в Canva ее можно сделать из нескольких фотографий, поэтому добавим еще один файл. Открываем область снизу,
создаем новое полотно
и перетягиваем на него фото из папки или с Рабочего стола.
Теперь создаем из этого изображения GIF-анимацию.
- Чтобы изменить время показа картинки, кликаем по ней, сверху открываем соответствующую вкладку
и меняем продолжительность.
Чтобы применить новое значение ко всем изображениям, включаем соответствующую опцию.
- Нажимаем «Скачать» и выбираем формат файла. Нам подойдет GIF, но если видео длинное и со звуком, лучше выбрать MP4.
По умолчанию сервис склеит две фотографии в один файл, поэтому просто нажимаем «Скачать».
Если в итоге вы захотите исключить из анимации какие-нибудь изображения в блоке «Выберите страницы» открываем их список
и отмечаем только нужные нам.
Если GIF-файл не скачается автоматически, сохраняем его из меню загрузок.
Кроме того, можно прямо из сервиса отправить файл по электронной почте, выложить в облачное хранилище и т.д.
Способ 2: BlogGif
В онлайн-сервисе BlogGif нет библиотеки с анимированным контентом, как в предыдущем варианте, зато есть более 30 эффектов движения для самих изображений. Это бесплатное и удобное веб-приложение с минимальным набором параметров, но важно знать, что какой бы ни была оригинальная фотография, созданная гифка получит размер не более 600×600 пикселей.
- Выбираем один из доступных типов анимации.
- Нажимаем «Выберите файл»
и загружаем фотографию с компьютера.
Либо добавляем изображение по ссылке из интернета.
Кликаем «Создать мой GIF».
- На следующей странице мы увидим, как будет выглядеть наша гифка, ее «вес» и размер.
- Чуть ниже раздел с дополнительными опциями. Мы можем изменить силу эффекта, настроить паузу между движениями изображения, скорость самой анимации,
а также немного увеличить размер GIF, не превышая максимальных значений.
Есть возможность добавить текст и настроить его цвет.
Надпись накладывается не на саму картинку, а над ней. Поэтому данная опция больше подойдет, если нужно просто подписать фото, поставить дату и т.д.
Кликаем «Подтвердить изменения».
- Можно скачать GIF-файл с логотипом и без него, причем в обоих случаях нам не придется платить или регистрироваться на сайте.
Если требуется HTML-ссылка, нажимаем соответствующую кнопку
и копируем код в отдельном окне.
Способ 3: 3D Gif Maker
Сайт 3D Gif Maker по принципу работы напоминает сервис BlogGif, тем не менее его отличает наличие 3D-эффектов, которые позволяют разнообразить содержание гифки. Например, выбрав крутящийся куб, мы сможем установить разные изображения на каждую его грань. Правда, интерфейс только на английском языке, но с нашей инструкцией в этом плане вы не испытаете трудностей.
- Нажимаем «Upload image»
и загружаем фото через «Проводник» Windows.
- По умолчанию фон черный, но мы можем установить любой другой цвет.
Кроме того, есть возможность загрузить фоновое изображение или сделать задний план прозрачным.
- Выбираем тип анимации, а в окне предварительного просмотра слева смотрим, как она будет выглядеть.
- Наш эффект обеспечивает вращение фотографии на 360°, а значит, на обратную сторону мы можем установить другое изображение. В блоке «Upload Other Side Image» нажимаем кнопку «Side 2» и загружаем фото.
Мышкой можно поворачивать изображение в окне предварительного просмотра под любым углом. Причем сервис сохранит выбранное положение при создании гифки.
- Используя специальную шкалу, можно изменить размер GIF-анимации. Правда, это больше относится к фону, так как картинка будет все равно меньше.
Чтобы настроить параметр точнее, кликаем иконку «Редактировать»,
а затем вводим нужное значение.
- Дополнительно можно настроить воспроизведение – бесконечное или однократное.
Изменить скорость движения изображения
и увеличить общее число кадров, что позволяет сделать анимацию более плавной.
- Если все готово, сохраняем файл в формате GIF.