Спосіб 1: Crello

Першим на черзі буде онлайн-сервіс під назвою Crello, до складу якого входить спеціальний конструктор анімацій, що дозволяє пожвавити фото всього в кілька кліків. Більш детально процес створення проекту на цьому сайті виглядає так:

Перейти до онлайн-сервісу Crello

  1. Для переходу до необхідної сторінці Crello пропонуємо скористатися посиланням вище. У вкладці слід натиснути «До анімації Crello».
  2. Початок роботи з онлайн-сервісом Crello для пожвавлення фото

  3. Якщо ви вперше стикаєтеся з розробкою анімації для фотографії, задійте один з доступних шаблонів, щоб розібратися з цим процесом. Однак враховуйте, що деякі з них поширюються платно, тому вибирайте ті, які знаходяться у відкритому доступі.
  4. Вибір шаблону для анімації зображення в онлайн-сервісі Crello

  5. Для завантаження власної фотографії перейдіть до розділу "Мої файли".
  6. Перехід до завантаження власного зображення для анімації в онлайн-сервісі Crello

  7. Натисніть по кнопці «Завантажити зображення або відео».
  8. Кнопка для завантаження зображення в онлайн-сервісі Crello

  9. У вікні «Провідника» слід вибрати відповідне для роботи зображення або відразу декілька файлів.
  10. Вибір зображення для анімації фото в онлайн-сервісі Crello

  11. Перемістіть додане зображення на робочий простір, затиснувши його лівою кнопкою миші.
  12. Перенесення зображення на робочий простір в онлайн-сервісі Crello

  13. Як тільки всі об'єкти будуть розташовані в проекті, саме час перейти до створення анімації, для чого на верхній панелі клацніть «Анімувати».
  14. Вибір модуля для створення анімації фото в онлайн-сервісі Crello

  15. Використовуйте один з доступних типів анімації, щоб призначити зображенню певні рухи.
  16. Вибір анімаційного дії при обробці фото в онлайн-сервісі Crello

  17. Розглянемо цю процедуру на прикладі вильоту. Після вибору інструменту задайте напрямок, затримку і додаткові опції, якщо вони присутні.
  18. Налаштування анімації при роботі з фото в онлайн-сервісі Crello

  19. По завершенні натисніть «Подивитися анімацію», Щоб запустити її відтворення.
  20. Перегляд дії анімації після її налаштування в онлайн-сервісі Crello

  21. Радимо звернути увагу на додаткові об'єкти, які теж поширюються безкоштовно. Деякі з них відмінно впишуться в загальну картину, а також доступні для анімації, що дозволить створити живе фото.
  22. Використання об'єктів для пожвавлення фото в онлайн-сервісі Crello

  23. Після закінчення роботи над кожним об'єктом запустіть відтворення всього проекту, щоб ознайомитися з результатом.
  24. Перевірка результату анімації фото в онлайн-сервісі Crello

  25. Якщо вас все влаштовує, знайдіть кнопку "Завантажити" на верхній панелі, щоб отримати жваве фото на свій комп'ютер.
  26. Перехід до збереження зображення після створення анімації в онлайн-сервісі Crello

  27. Вкажіть, в якому форматі ви хочете завантажити файл. Єдиним правильним варіантом буде MP4, проте в деяких випадках підійде і GIF.
  28. Вибір формату для збереження зображення через онлайн-сервіс Crello

  29. Дочекайтеся завершення обробки проекту, після чого завантаження почнеться автоматично.
  30. Процес збереження зображення через онлайн-сервіс Crello

  31. Як тільки файл буде завантажений, можете відразу ж відтворити його через будь-який зручний плеєр для перевірки.
  32. Успішне збереження зображення після анімації в онлайн-сервісі Crello

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

Спосіб 2: PixTeller

Якщо ж при розборі першого сайту вам здалося, що він не підходить із-за обмеженого набору дій для анімації і їх шаблонності, пропонуємо ознайомитися з PixTeller, який являє собою повноцінний редактор для покадрового анімації фотографій, а взаємодія з цим онлайн-сервісом здійснюється так:

Перейти до онлайн-сервісу PixTeller

  1. Ви можете почати з заготівлі, вибравши варіант «Animated Post» на головній сторінці сайту.
  2. Перехід до створення анімації за шаблоном в онлайн-сервісі PixTeller

  3. Якщо бажаєте працювати з чистим проектом, клацніть «Create from Scratch».
  4. Перехід до створення анімації з чистого аркуша в онлайн-сервісі PixTeller

  5. Спочатку потрібно додати саме зображення, яке ви хочете анімувати. Для цього перейдіть в розділ «Images».
  6. Перехід до додавання зображення для анімації в онлайн-сервісі PixTeller

  7. клацніть «Add Image».
  8. Кнопка для додавання зображення в онлайн-сервісі PixTeller

  9. Перейдіть до вкладки «Upload».
  10. Вкладка для додавання фото з комп'ютера в онлайн-сервісі PixTeller

  11. Тут виберіть кнопку «Upload images».
  12. Повторне натискання на кнопку додати зображення в онлайн-сервісі PixTeller

  13. Пошукайте зображення у вікні «Провідника» і клацніть по ньому двічі.
  14. Вибір зображення для анімації через онлайн-сервіс PixTeller

  15. Перемістіть картинку на робочу поверхню, де і відбуватиметься анімацію.
  16. Перенесення зображення на робочий простір в онлайн-сервісі PixTeller

  17. Не забувайте про те, що кожен об'єкт можна змінювати за розміром, застосувавши для цього спеціально виділені точки. За допомогою них також здійснюється і обертання.
  18. Налаштування розміру зображення при роботі в онлайн-сервісі PixTeller

  19. Тепер, коли фотографія додана, переходите в розділ «Animate».
  20. Перехід до анімації зображення через онлайн-сервіс PixTeller

  21. Тут ви можете ознайомитися з багатодоріжковий редактором, де поточний знімок виділений в окремий шар.
  22. Ознайомлення з шаром зображення в онлайн-сервісі PixTeller

  23. Переміщайтеся з кадрів і рухайте або змінюйте за розміром картинку на робочому просторі, щоб створити ключ.
  24. Анімація зображення за допомогою онлайн-сервісу PixTeller

  25. Повторюйте дії на нових кадрах для отримання повноцінної анімації.
  26. Створення ключів при анімації зображення через онлайн-сервіс PixTeller

  27. Скористайтеся кнопкою відтворення, щоб стежити за прогресом і відстежувати плавність рухів. Не варто робити занадто великі переміщення або створювати ключі поруч один з одним, адже так значно зростає швидкість анімації.
  28. Перегляд результату анімації в онлайн-сервісі PixTeller

  29. Додатково можна скористатися іншими присутніми в PixTeller інструментами. З їх допомогою додається текст або здійснюється малювання довільних об'єктів.
  30. Перехід до використання додаткових інструментів при анімації в онлайн-сервісі PixTeller

  31. При виборі враховуйте і присутні настройки: наприклад, для тексту є зміна кольору, розміру і розташування.
  32. Налаштування інструментів при анімації зображення в онлайн-сервісі PixTeller

  33. При додаванні нових шарів кожен з них відобразиться на таймлайне анімації окремо, відповідно, ключі не будуть зв'язані з іншими верствами.
  34. Робота з шарами при анімації зображення в онлайн-сервісі PixTeller

  35. Як тільки анімація буде готова, справа вгорі натисніть на «Render & Save».
  36. Перехід до збереження зображення після анімації в онлайн-сервісі PixTeller

  37. Обов'язково змініть назву проекту.
  38. Вибір назви для зображення при анімації в онлайн-сервісі PixTeller

  39. Дочекайтеся закінчення рендеринга, не закриваючи поточну вкладку.
  40. Процес обробки зображення після анімації в онлайн-сервісі PixTeller

  41. При появі кнопці «Download» використовуйте її, щоб перейти до завантаження відео.
  42. Кнопка скачування зображення після обробки в онлайн-сервісі PixTeller

  43. Клацніть по відео в плеєрі ПКМ і виберіть пункт «Зберегти відео як".
  44. Завантаження зображення після обробки в онлайн-сервісі PixTeller

Спосіб 3: Adobe Spark

На завершення відзначимо онлайн-сервіс від відомих розробників під назвою Adobe Spark. Його особливість полягає в тому, що ви можете створювати покадровое відео з кількома фотографіями або тільки однієї, додаючи різні елементи і текст, тим самим оживляючи картинку. На жаль, функціональність цього сайту не така широка, як у попередніх, тому і розташований він на останньому місці.

Перейти до онлайн-сервісу Adobe Spark

  1. Опинившись на головній сторінці Adobe Spark, зареєструйте або авторизуйтесь в існуючому профілі, а потім на панелі зліва натисніть на кнопку у вигляді плюса.
  2. Перехід до створення проекту для анімації зображення в онлайн-сервісі Adobe Spark

  3. Відкриється меню, що випадає, в якому потрібно вибрати «Video».
  4. Вибір проекту для анімації зображення в онлайн-сервісі Adobe Spark

  5. Ви можете розповісти свою історію про проект або просто пропустити цей крок.
  6. Історія проекту при його створенні в онлайн-сервісі Adobe Spark

  7. Почніть роботу з шаблоном або з чистого аркуша.
  8. Початок роботи з новим проектом в онлайн-сервісі Adobe Spark

  9. Відразу ж переходите до додавання матеріалів, натиснувши на першому кадрі.
  10. Перехід до додавання зображення для роботи в онлайн-сервісі Adobe Spark

  11. Виберіть кнопку, що відповідає за завантаження зображення.
  12. Вибір типу додається контенту в онлайн-сервісі Adobe Spark

  13. Справа натисніть на кнопку «Upload photo».
  14. Кнопка для завантаж зображення в онлайн-сервісі Adobe Spark

  15. Після завантаження ви можете розділити кадр на два, щоб додати ще одну фотографію або текст.
  16. Поділ одного кадру на два в онлайн-сервісі Adobe Spark

  17. Застосовуйте різні іконки, які і будуть оживляти ваше фото. Переміщайте їх на різні кадри, щоб створити потрібний ефект.
  18. Додавання іконок для зображення в онлайн-сервісі Adobe Spark

  19. Як тільки ролик буде готовий, натисніть «Download».
  20. Перехід до скачування зображення після анімації в онлайн-сервісі Adobe Spark

  21. Якщо відразу завантажити його не вийшло, зачекайте кілька хвилин, поки закінчиться обробка, а потім спробуйте ще раз.
  22. Повторне збереження зображення в онлайн-сервісі Adobe Spark

  23. Чекайте закінчення завантаження і переходите до подальшої взаємодії з відео.
  24. Процес збереження зображення після анімації в онлайн-сервісі Adobe Spark