Как сделать свою собственную анимацию (с картинками)

Оглавление:

Как сделать свою собственную анимацию (с картинками)
Как сделать свою собственную анимацию (с картинками)

Видео: Как сделать свою собственную анимацию (с картинками)

Видео: Как сделать свою собственную анимацию (с картинками)
Видео: Реклама в Инстаграм - 3 нестандартных способа рекламы в Instagram 2024, Май
Anonim

Из этой статьи вы узнаете, как создать анимационный фильм или презентацию. Самый быстрый способ создать цифровую анимацию - использовать онлайн-аниматор; Однако имейте в виду, что большинству онлайн-аниматоров требуется платная подписка, чтобы разблокировать все их функции, а это означает, что длина, звук и внешний вид вашего видео, скорее всего, будут ограничены, если вы не заплатите за обновление. Если вас интересует традиционная анимация, вы можете собрать базовую, используя что угодно, от рисованной анимации до GIF-файлов.

Шаги

Часть 1 из 3: Создание анимации с помощью Moovly

Создайте свою собственную анимацию Шаг 1
Создайте свою собственную анимацию Шаг 1

Шаг 1. Откройте Moovly

Перейдите на https://www.moovly.com/ в веб-браузере вашего компьютера.

Имейте в виду, что Moovly предоставляется бесплатно только в течение 30 дней, в течение которых вы не можете скачать видео. Если вы хотите иметь возможность загружать свою анимацию, попробуйте использовать Animatron

Создайте свою собственную анимацию, шаг 2
Создайте свою собственную анимацию, шаг 2

Шаг 2. Прокрутите вниз и нажмите «Начать создание фильма сейчас»

Это красная кнопка посередине страницы. Откроется интерфейс аниматора и появится всплывающее окно.

Создайте свою собственную анимацию Шаг 3
Создайте свою собственную анимацию Шаг 3

Шаг 3. Введите свое имя и адрес электронной почты

Введите свое имя в текстовое поле «Имя», затем введите свой адрес электронной почты в текстовое поле «Электронная почта».

Если вы предпочитаете зарегистрироваться с учетной записью в социальной сети, коснитесь Facebook, Google, или LinkedIn вариант и следуйте инструкциям на экране.

Создайте свою собственную анимацию Шаг 4
Создайте свою собственную анимацию Шаг 4

Шаг 4. Установите флажок «Я принимаю»

Он находится под текстовым полем «Электронная почта».

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

Создайте свою собственную анимацию Шаг 5
Создайте свою собственную анимацию Шаг 5

Шаг 5. Щелкните Отправить

Он находится внизу всплывающего окна.

Создайте свою собственную анимацию Шаг 6
Создайте свою собственную анимацию Шаг 6

Шаг 6. Просмотрите руководство

Щелкайте по каждому запросу, пока не закроется учебник. На этом этапе вы можете начать анимацию.

Создайте свою собственную анимацию Шаг 7
Создайте свою собственную анимацию Шаг 7

Шаг 7. Выберите группу шаблонов

Щелкните значок Библиотеки Moovly заголовок в верхнем левом углу страницы, затем щелкните заголовок шаблона, который хотите использовать.

Создайте свою собственную анимацию Шаг 8
Создайте свою собственную анимацию Шаг 8

Шаг 8. Перетащите элемент на холст

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

Создайте свою собственную анимацию Шаг 9
Создайте свою собственную анимацию Шаг 9

Шаг 9. Измените размер и положение элемента

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

Создайте свою собственную анимацию Шаг 10
Создайте свою собственную анимацию Шаг 10

Шаг 10. Щелкните Добавить анимацию

Это поле внизу страницы. Появится всплывающее меню.

Создайте свою собственную анимацию Шаг 11
Создайте свою собственную анимацию Шаг 11

Шаг 11. Выберите категорию анимации

Во всплывающем меню наведите курсор на тип анимации, которую вы хотите применить к выбранному элементу. При этом рядом с текущим меню появится всплывающее меню.

Например, чтобы переместить персонажа, вы можете выбрать Переместить и трансформировать категория.

Создайте свою собственную анимацию Шаг 12
Создайте свою собственную анимацию Шаг 12

Шаг 12. Выберите анимацию

Щелкните анимацию, которую вы хотите применить к выбранному элементу.

Если вы выбрали Переместить и трансформировать вариант, например, вы можете щелкнуть Двигай влево для перемещения персонажа влево.

Создайте свою собственную анимацию Шаг 13
Создайте свою собственную анимацию Шаг 13

Шаг 13. Измените скорость анимации

Вы можете щелкнуть и перетащить конец белой полосы анимации на шкале времени влево, чтобы ускорить анимацию, или вы можете перетащить ее вправо, чтобы замедлить анимацию.

Создайте свою собственную анимацию Шаг 14
Создайте свою собственную анимацию Шаг 14

Шаг 14. Добавьте другие объекты

Щелкните и перетащите другие объекты, которые вы хотите анимировать, на холст, затем анимируйте их по своему усмотрению, используя Добавить анимацию меню.

Создайте свою собственную анимацию Шаг 15
Создайте свою собственную анимацию Шаг 15

Шаг 15. Добавляем клип

После добавления достаточного количества объектов в один клип вы можете создать пустой клип, нажав Добавить клип в нижнем левом углу страницы. Затем вы можете добавить в этот клип больше объектов и анимаций, чтобы продолжить свой рассказ.

Создайте свою собственную анимацию Шаг 16
Создайте свою собственную анимацию Шаг 16

Шаг 16. Подтвердите свой адрес электронной почты

Теперь, когда вы создали свою анимацию, вам нужно подтвердить свой адрес электронной почты на новой вкладке, чтобы сохранить его:

  • Откройте в новой вкладке почтовый ящик для адреса электронной почты, который вы использовали для создания учетной записи Moovly.
  • Откройте письмо «Активируйте учетную запись Moovly».
  • Щелкните ссылку активации в электронном письме.
  • Создайте пароль, затем нажмите Продолжать.
Создайте свою собственную анимацию Шаг 17
Создайте свою собственную анимацию Шаг 17

Шаг 17. Опубликуйте свою анимацию

Хотя вы не можете загружать анимацию с Moovly, не заплатив за премиум-версию Moovly, вы можете публиковать анимации на серверах Moovly:

  • Откройте панель управления Moovly, если она еще не открыта.
  • Нажмите Публиковать.
  • Нажмите Галерея Moovly.
  • Нажмите Хорошо я согласен.
  • Введите название и описание, затем нажмите Публиковать.
  • Скопируйте ссылку внизу окна «Публикация проекта», если вы хотите поделиться анимацией с другими людьми.

Часть 2 из 3: Создание анимации с помощью Animatron

Создайте свою собственную анимацию Шаг 18
Создайте свою собственную анимацию Шаг 18

Шаг 1. Откройте Animatron

Перейдите на https://www.animatron.com/studio в веб-браузере вашего компьютера.

Бесплатная версия Animatron позволит вам создавать и загружать до 10 секунд анимированного видео в стандартном разрешении

Создайте свою собственную анимацию Шаг 19
Создайте свою собственную анимацию Шаг 19

Шаг 2. Щелкните Зарегистрироваться

Он находится в правом верхнем углу страницы. Появится всплывающее окно.

Создайте свою собственную анимацию Шаг 20
Создайте свою собственную анимацию Шаг 20

Шаг 3. Введите адрес электронной почты

Введите рабочий адрес электронной почты в текстовое поле «АДРЕС ЭЛЕКТРОННОЙ ПОЧТЫ».

Вы также можете выбрать Facebook, Твиттер, или Google чтобы зарегистрироваться, используя данные для входа в Facebook, Twitter или Google.

Создайте свою собственную анимацию Шаг 21
Создайте свою собственную анимацию Шаг 21

Шаг 4. Щелкните СОЗДАТЬ УЧЕТНУЮ ЗАПИСЬ

Это под текстовым полем.

Создайте свою собственную анимацию Шаг 22
Создайте свою собственную анимацию Шаг 22

Шаг 5. Подтвердите свою учетную запись

Сделайте следующее:

  • Откройте свой почтовый ящик.
  • Откройте «Пожалуйста, подтвердите свою учетную запись на Animatron.com!» Эл. адрес.
  • Щелкните синий АКТИВИРУЙТЕ ВАШУ УЧЕТНУЮ ЗАПИСЬ кнопка.
Создайте свою собственную анимацию Шаг 23
Создайте свою собственную анимацию Шаг 23

Шаг 6. Введите данные своей учетной записи

Введите желаемое имя и пароль в соответствующие текстовые поля, затем щелкните "Чем вы занимаетесь?" текстовое поле и выберите ответ, соответствующий вашей профессии (например, Бизнес). В зависимости от вашего ответа вам также может потребоваться заполнить дополнительную форму. Заполнив всю форму, нажмите СОЗДАТЬ БЕСПЛАТНУЮ УЧЕТНУЮ ЗАПИСЬ внизу страницы.

Создайте свою собственную анимацию Шаг 24
Создайте свою собственную анимацию Шаг 24

Шаг 7. Щелкните НАЧАТЬ СОЗДАНИЕ

Это красная кнопка в правом верхнем углу страницы.

Создайте свою собственную анимацию Шаг 25
Создайте свою собственную анимацию Шаг 25

Шаг 8. Пропустите вводный раздел

Для этого:

  • Нажмите ПРОДОЛЖИТЬ дважды.
  • Нажмите LITE в верхней части страницы.
  • Нажмите Отмена в правом верхнем углу окна обучения.
Создайте свою собственную анимацию Шаг 26
Создайте свою собственную анимацию Шаг 26

Шаг 9. Выберите анимированный набор

Щелкните один из вариантов анимированного набора в левом столбце.

Сделайте свою собственную анимацию Шаг 27
Сделайте свою собственную анимацию Шаг 27

Шаг 10. Выберите фон

Щелкните фон, который хотите использовать, в верхней части левого столбца.

В зависимости от выбранного набора может использоваться только один фон

Создайте свою собственную анимацию Шаг 28
Создайте свою собственную анимацию Шаг 28

Шаг 11. Переместите ползунок в точку, в которую вы хотите вставить символ

Щелкните и перетащите вертикальную полосу на шкале времени в точку, в которую вы хотите добавить своего первого анимированного персонажа.

Создайте свою собственную анимацию Шаг 29
Создайте свою собственную анимацию Шаг 29

Шаг 12. Добавьте персонажа

Щелкните одного из анимированных персонажей в левом столбце.

Создайте свою собственную анимацию Шаг 30
Создайте свою собственную анимацию Шаг 30

Шаг 13. Расположите персонажа

Щелкните и перетащите персонажа в точку, где вы хотите его разместить.

Вы также можете изменить размер своего персонажа, щелкнув и перетащив один из углов поля выбора вокруг персонажа

Создайте свою собственную анимацию Шаг 31
Создайте свою собственную анимацию Шаг 31

Шаг 14. Откройте меню «Появление»

Для этого щелкните белое поле с перекрывающимися кругами слева от шкалы времени.

Это появится только при выборе персонажа

Создайте свою собственную анимацию Шаг 32
Создайте свою собственную анимацию Шаг 32

Шаг 15. Выберите анимацию появления

Щелкните один из вариантов анимации внешнего вида (например, POP IN) в меню внизу страницы.

Вы также можете щелкнуть ДВИГАТЬСЯ вкладка в левой части шкалы времени, чтобы увидеть анимацию движения.

Создайте свою собственную анимацию Шаг 33
Создайте свою собственную анимацию Шаг 33

Шаг 16. Нажмите ПРИМЕНИТЬ

Он находится под выбранным вариантом оформления.

Создайте свою собственную анимацию Шаг 34
Создайте свою собственную анимацию Шаг 34

Шаг 17. Добавьте больше персонажей и анимацию внешнего вида

Вы можете добавить больше персонажей и движений в свою анимацию, переместив указатель воспроизведения в раздел, в котором вы хотите разместить персонажа, выбрав персонажа и добавив анимацию к этому персонажу через меню «Внешний вид».

Сделайте свою собственную анимацию Шаг 35
Сделайте свою собственную анимацию Шаг 35

Шаг 18. Сохраните вашу анимацию

Вы можете сохранить свою анимацию как 10-секундное видео стандартного разрешения, выполнив следующие действия:

  • Нажмите СКАЧАТЬ в правом верхнем углу страницы.
  • Нажмите Видео… в раскрывающемся меню.
  • Нажмите ПРОДОЛЖИТЬ, затем щелкните ПРОДОЛЖИТЬ С ОГРАНИЧЕНИЯМИ.
  • Нажмите ОКАЗЫВАТЬ.
  • Щелкните значок Скачать ссылка, когда она появится.

Часть 3 из 3. Изучение основ традиционной анимации

Сделайте свою собственную анимацию Шаг 36
Сделайте свою собственную анимацию Шаг 36

Шаг 1. Узнайте о различных концепциях анимации

В этой статье слишком много различных микрокомпонентов анимации, но несколько общих (и важных) концепций можно найти на онлайн-форумах, курсах и руководствах, а также в любых ресурсах по анимации или искусству, которые можно найти в вашей местной библиотеке.. Общие концепции для изучения включают следующее:

  • Цвет. Знание того, какие цвета хорошо сочетаются и каких комбинаций следует избегать, поможет вам создать более приятную анимацию (или, если вы собираетесь использовать диссонирующие образы, создать неприятную анимацию).
  • Композиция - это знание того, как эффективно и эстетично заполнить экран анимацией.
  • Перспектива - умение продемонстрировать размеры изображения сделает вашу анимацию более глубокой.
  • Анатомия - правильное понимание анатомии может помочь вам создавать структурно точные анимации. Это также может помочь вам выяснить, какие анатомические правила вы можете нарушить, сохраняя при этом правдоподобную анимацию.
Сделайте свою собственную анимацию Шаг 37
Сделайте свою собственную анимацию Шаг 37

Шаг 2. Создайте сценарий вашей анимации

Сначала запишите все, что вы хотите. Это не просто диалог; вы также должны включить действия и выражения лица. Перед тем, как начать, вы должны иметь четкое представление о том, что именно произойдет.

Создайте свою собственную анимацию Шаг 38
Создайте свою собственную анимацию Шаг 38

Шаг 3. Сделайте несколько раскадровок

Следующим шагом являются раскадровки: это рисунки, которые показывают основные действия и сцены на протяжении всей вашей анимации. Они рассказывают историю в целом и очень похожи на комикс.

Создайте свою собственную анимацию Шаг 39
Создайте свою собственную анимацию Шаг 39

Шаг 4. Нарисуйте листы персонажей или сделайте модели персонажей

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

Создайте свою собственную анимацию Шаг 40
Создайте свою собственную анимацию Шаг 40

Шаг 5. Сделайте свой анимационный набросок

Это один рисунок на одном листе бумаги, который показывает все основные этапы движения в одном кадре. Это часто приводит к изображению, которое выглядит как соединенные пятерки, но оно предназначено для того, чтобы ваши ключевые кадры были правильно выровнены и ваши движения выглядели естественно.

Сделайте свою собственную анимацию Шаг 41
Сделайте свою собственную анимацию Шаг 41

Шаг 6. Попробуйте использовать сквош и растяжку

Сжатие и растяжение - это когда вы преувеличиваете движения, чтобы помочь человеческому мозгу воспринимать их как реальные. Типичный пример - когда вы представляете мяч. Гораздо интереснее видеть, как мяч немного прижимается к полу при приземлении, чем просто видеть нормальную сферу. Это помогает зрителю почувствовать движение мяча.

Создайте свою собственную анимацию Шаг 42
Создайте свою собственную анимацию Шаг 42

Шаг 7. Овладейте мимикой

Анимация лучше всего, когда зрители эмоционально связаны с персонажами. Это будет намного проще, если вы заставите ваших персонажей делать лица, которые передают настоящие эмоции, а не статичные лица. Практикуйтесь в рисовании эмоций на лицах. Вам также следует сосредоточиться на движениях смены эмоций, а не только на позах грусть-гнев-смех и так далее.

  • Использование тонких выражений лица - движения бровей, подергивания уголка рта и даже движения глаз (особенно зрачка) - вместе с языком тела (например, вставание прямо или расслабление) адекватно передаст широкий спектр эмоций персонажа.
  • Например, если персонаж переходит от удивления к сердитому, он может начать с поднятых бровей, широко раскрытых глаз и открытого рта, а затем перейти к хмурому взгляду, узким глазам и оскаленным зубам.
Сделайте свою собственную анимацию Шаг 43
Сделайте свою собственную анимацию Шаг 43

Шаг 8. Рисуем ключевые кадры

Ключевые кадры - это основные моменты движения персонажа. Например, если вы анимируете персонаж, поворачивающийся слева направо, в ключевых кадрах будет отображаться персонаж, обращенный влево, затем персонаж, обращенный в камеру, а затем персонаж, обращенный вправо.

Создайте свою собственную анимацию Шаг 44
Создайте свою собственную анимацию Шаг 44

Шаг 9. Проверьте поток

Перемещайтесь между ключевыми кадрами, чтобы увидеть, как выглядит движение.

Рекомендуется проверять последовательность каждый раз, когда вы заканчиваете вносить изменения в свой документ

Создайте свою собственную анимацию Шаг 45
Создайте свою собственную анимацию Шаг 45

Шаг 10. Создайте промежуточные изображения

Промежуточные элементы - это небольшие движения между ключевыми анимациями. Начните с рисования изображения, которое должно находиться непосредственно между двумя ключевыми кадрами, затем создайте изображение, которое будет находиться между ключевым кадром и первым промежуточным кадром. Продолжайте делать это, пока у вас не будет подходящего количества кадров, чтобы проиллюстрировать движение (это будет отличаться в зависимости от того, какова ваша цель с вашей анимацией).

После этого вы захотите снова проверить поток

Создайте свою собственную анимацию Шаг 46
Создайте свою собственную анимацию Шаг 46

Шаг 11. Очистите рисунки

Очистите все линии эскиза и случайные отметки, которые отвлекают от движений персонажа. Вы даже можете рисовать кадры анимации, в зависимости от того, что вы планируете делать со своей работой.

Сделайте свою собственную анимацию Шаг 47
Сделайте свою собственную анимацию Шаг 47

Шаг 12. Обработайте анимацию

Добавьте и склейте изображения вместе с помощью компьютерной программы, такой как Photoshop, GIMP или Pixlr, чтобы создать окончательное видео.

Создайте свою собственную анимацию Шаг 48
Создайте свою собственную анимацию Шаг 48

Шаг 13. Поэкспериментируйте с разными формами анимации

Традиционная анимация не ограничивается бумагой и ручкой. Общие примеры более доступных анимаций включают следующее:

  • Флипбуки
  • Остановка движения
  • Гифка
  • Машинима (анимация на основе видеоигр)

Видео - с помощью этой службы некоторая информация может быть передана YouTube

Рекомендуемые: