Почему вы должны прочитать это?
Ну, в твоей жизни может быть день, где вы должны сделать продукт видео с ограниченным бюджетом/временем и навыком, или вы можете влюбиться с Teded видео Как я и хотел создать один. Хорошо, теперь давайте посмотрим видео.
Выбор песочницы
Я сел, чтобы найти лучший набор инструментов для изготовления 2D короткого фильма (список 2D анимационного программного обеспечения). Я тщательно оценил каждый из них, основываясь на его доступности (свободно или иным образом) и кривой обучения, которым она обладает. Наконец, я поселился со Synfig, но только после проведения с ним проведев день, я понял, что он будет работать хорошо с Linux Distries, а не в Эльписане (новее MacOSX). Итак, я итализировал свое мастерство, чтобы найти комбинацию, которая поможет мне. Наконец, я придумал список
Git + JS + CSS3 + ScreenRecorderHD + iMovie + SoundRecorder
Начиная
- Инициализируйте папку проекта с Git.
- Создать анимацию с помощью ключевых кадров CSS3 и JS (для утонченного элемента управления)
- Используйте браузер на полном экране и запишите сцену с помощью HD-рекордера
- Добавьте фоновые звуки и голос над используемым редактором фильма предпочтительно Imovie.
- Сделайте фильм из всех видео, записанных
Инициализация Git.
- Инициализируйте папку с Git. Каждая сцена в короткометражном фильме будет филиалом Git
- Каждая сцена определенно будет иметь общие активы и функциональность. Все это пойдет в главную ветку. Например, В истории рыбы, фон, подземные пузырьки, облака будут одинаковыми всегда.
- Все сцены будут либо проверить из главной ветви или немедленной сцены перед ним.
- Вы можете вернуться к сценам, проверив разные ветви
git checkout master git checkout -b narration-continuation git checkout -b final-scene
CSS ключевые кадры
- Клярные кадры CSS3 являются наиболее недоставленными функциями. Он имеет несколько сложных возможностей с простыми синтаксическая структура.
- Вы можете петить анимацию, предоставить переход к нему и определить, какой элемент должен хотеть в каждом состоянии. Для пузырьков воды, которые вышли из нижней части в пленке, CSS похож на
.bubble { width: 25px; height: 25px; position: relative; bottom: 0px; display: inline-block; background-image:url('/public/images/blue-ball.png'); -webkit-animation-name: bubble_moving_up; /* Chrome, Safari, Opera */ -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */ animation-name: bubble_moving_up; animation-iteration-count: infinite; } @keyframes bubble_moving_up { 0% {bottom: 0px; opacity:1;} 100% {bottom: 200px; opacity:0;} } /* Chrome, Safari, Opera */ @-webkit-keyframes bubble_moving_up { 0% {bottom: 0px; opacity:1;} 100% {bottom: 200px; opacity:0;} }
- Это будет для одного пузыря, я населял пузырь, используя JS.
Оркестровка с использованием JS.
- JS очень необходим для того, чтобы сделать совместную посвящение между различными анимациями разных персонажей.
- Послушайте ключ и выполните необходимые действия. Вы будете чувствовать, что сделаете фактическую съемку фильма, за исключением того, что вы должны сказать «Действие», используя ваш разум голос.
window.onkeyup = function(e) { var key = e.keyCode ? e.keyCode : e.which; if (key == 38) { //Move the scientist fish up }else if (key == 40) { //Move all the fish to the right } }
Но кто записывает все это?
Вам нужен рекордер HD-экрана для записи, что происходит на экране. Убедитесь, что вы устанавливаете свой браузер на полный экран. Рекордер экрана похож на кинематографист для вашего фильма
Послепроизводственный этап
Наконец, вы должны объединить все видео, которые были застрелены в последовательность частей с повествованием и фоновой музыкой. Вам понадобится видеоредактор, чтобы сделать все это. Imovie (бесплатно для Mac) является одним из лучших и имеет небольшую кривую обучения, хотя.
Ваш фильм так же хорош, как ваши активы (изображения, CSS, звук), анимация CSS3 и ваше терпение. Спасибо, что зашли