Анимацията лесно се прави: концепция - текст и звук.

Добре дошли на обучението "Анимация в After Effects" от PSD-Tutorials.de. Аз съм Филип Снейхота и ще ви водя през обучението.




Искам да навлезем в света на анимацията чрез едно практическо проект и да изследваме какво е нужно за добра анимация.

Ще използваме After Effects като инструмент и няма да се занимаваме с основите. Няма да научим как да създаваме композиции, използваме цветни площи или прилагаме ефекти, а ще се фокусираме върху същността на добрата анимация. Знанията, които ще придобиете тук, могат да бъдат приложени в много области. Дори не е нужно да мислите за работа с 2D After Effects. Всичко това се разширява до 3D и истинска анимация на герои.

Това обучение е интересно за всеки, занимаващ се с моушън дизайн и анимация в работата си.

Практическият проект е стилистично много опростен. Работил съм само с два цвята, не съм създал големи илюстрации и общо взето всичко е много просто. Стилът ми също е назаднал отново във времето, където картините започнаха да се движат.

Знанията за анимацията, които ви предавам, вече съществуват от почти 100 години и са използвани от Уолт Дисни, Пиксар и други големи анимационни студията.

Бих искал точно с вас да открия този свят по възможно най-упростен начин, така че в крайна сметка разберете същността на добрата анимация. С подходяща практика, тъй като това също е част от процеса, вие ще можете да обогатите много своите видеопроекти.

В този смисъл ви пожелавам успешно обучение, плодотворно време и ще се видим отново скоро, когато стане въпрос за основите на анимацията, а именно основната работа на Уолт Дисни, "Дисни Правила - Част 1", и след това ще продължим с концепцията за цветовете.

Преди да започнем и да се хвърлим в After Effects, бих искал да споделя няколко думи за концепцията, за това какво трябва да се направи преди да започнем.

Трябва да помислите в каква стилистика искате да се движите и какъв вид или настроение искате да представите.

За този случай мислех да се отклоним напълно от тези гланцирани моушън графики и светещи сфери, които днес са познати от Sky и американската телевизия. Да се върнем една стъпка назад във времето на началото на анимацията, в ера на анимационните филми и на Дисни Правилата, и да дадем нашето видео малко ономатопеен външен вид.

Разбира се, не искаме да реализираме анимация в стил на царица, защото това би било твърде сложно и ние все пак искаме да работим с After Effects. Ето защо се обръщаме към стилистиката на анимацията и я прилагаме в After Effects. Каква помощ ни е нужна за това?

Стъпка 1

В този случай вече съм се решил за ръчен шрифт. Този шрифт не е ръчно рисуван от мен, а е шрифт, който можете да намерите на име Amatic в fontsquirrel.com. Благодарности на създателя Върнон Адамс.





Имаме главни и малки букви, които са написани с главни букви, но по този начин имаме два различни стилове на писане. Малките букви са прерисувани версии на главните букви.

Красив шрифт, който много добре работи анимиран.





Ще ви покажа в едно от следващите уроци как се прави така, че да изглежда, че всеки кадър е рисуван на чисто ново.

За тази цел първо ще изтегля този шрифт и ще го инсталирам.

Стъпка 2

За да подсилим още повече усещането, че картините се движат и филмът е стартиран, около 1900 година, реших да отидем и по музикалния път. Рагтаймът ни напомня за Чарли Чаплин, за Лорел и Харди и всички тези първи опити на телевизионните филми и разбира се, на анимационната индустрия.

Подходящото парче музика намерих в Incompetech.com от Кевин МакЛеод. Страхотен човек, той е там от март 2006 година и предлага на своята страница доста песни и стилове. Най-новите неща са страхотни и той също е записал "Fig Leaf Rag", класика на Скот Джоплин, известна за нямите филми.





Точно тази стилистика търсех. Парчето има и страхотни акценти, които винаги са добри за анимациите. Имаме определени части, които се взаимодействат с музиката. В тези части можем прекрасно да анимираме и почти да създадем глави.

Стъпка 3

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

Това работи много добре в двата случая, с други думи, жълт текст върху син фон или син текст върху жълъден фон. Можем да играем с това, да разделим видеото и да създадем глави, като сменим двете цвята по средата на анимацията, за да направим визуално разделение между обяснителна и въпросителна точка. Това се подходящо за такива случаи.

Стъпка 4

Ще създадем настройка и ще направим първоначалното създаване на проектния файл, за да можем да анимираме красиво и да се концентрираме върху това.

Отваряме After Effects и оттам отново извличаме "Fig Leaf Rag" от папката със звук и го импортираме в After Effects.





Дължината все още се показва като 3:29, но видеото няма да е толкова дълго, разбира се. Ще приключим с песента след около половин минута.

Стъпка 5

За начало пускаме "Fig Leaf Rag" върху иконата за композиция и така създаваме композиция.

Проверявам с Десен клик или Ctrl+K настройките на композицията. Тук всичко е чудесно: Избираме предварително зададено: 720 25, така че да е Half-HD с 25 кадъра на секунда (Framerate), тъй като се намираме в Европа.

Дължината я оставяме така, за да имаме място назад. Не се притесняваме за това все още. Потвърждаваме с OK.

Стъпка 6

Шрифта е инсталиран и настроен: Amatic SC.

Пишем "Лесно правене на анимации" и увеличаваме размера на шрифта малко повече.

Един малък съвет на този етап: Винаги бих препоръчал да настройвате размера на шрифта в полето за настройки. Често виждам хора, които пишат текст и го увеличават, като го влачат с усукан клас Shift-. От това бих ви отговорил, защото наистина само сте променили мащаба на слоя. Това може би не е проблем по отношение на качеството, тъй като текстовете в After Effects са векторни, но е малко трудно, ако искате да стилизирате различни текстове по един и същ начин - защото не би трябвало да имате твърде много различни размери на шрифтове. И тук става трудно да ги направите еднакво големи.





Бих оставил скалирането за увеличаване на мащаба и приближаването. За дизайнерския процес и основното оформление препоръчвам използването на редактора за символи и размера на шрифта.

По отношение на работата с текст имам още един съвет за вас:

Когато се движите с курсора в текста, можете индивидуално да регулирате разстоянието между отделните букви, така че да направите разместване (наричано и спацация или кърнинг). Често виждам хора, които използват дръжката в полето с настройки - когато избера всичко, тук имам пълния набор на буквите - и се опитват да направят рключен текст. Това е мъченически начин да го направите. С Alt+състая стрелка наляво или на дясно и наистина мога да направя този процес много удобен, като седна сред текста. Мога директно да стилизирам текста добре, докато той изглежда добре.





В нашия случай малко лошо разпределено разместване няма да направи разлика, защото тук вече имаме ръкописен вид и перфектното разстояние не е толкова необходимо, както би било за Sans Serif.

Стъпка 7

Сега бих искал да променя разстоянието между редовете. Отново имаме дръжка, или можете да щракнете три пъти върху втория ред, за да маркирате целия ред.

След това можете удобно с натискане на Alt- и клавишите за стрелка на горе или на долу да позиционирате реда, както ви харесва.

Тук директно се прилага автоматичният размер и се намалява постепенно, което за мен лично е много по-удобно.