Сви воле добар видео о производу. Анимирани видео за објашњење који приказује функционалност вашег новог производа може много ефикасније привући пажњу и машту ваших купаца од писаних описа.

Али ти мислиш Не знам како да направим анимирани видео за објашњење.

Не брините. Заправо је много лакше него што можда мислите. Користећи Адобе Афтер Еффецтс, даћу вам комплетан водич који вам је потребан за креирање вашег сопственог анимираног видеа.

Коначни производ који ћемо створити овим упутством.

На шта планирам да се фокусирам:

Како поново искористити тренутну имовину и уметничко дело за креирање анимираних елемената за видео записе производа користећи Адобе Афтер Еффецтс. Показаћу вам основе анимације и једноставне трикове како бисте видео снимцима дали онај професионални додир који вам је потребан.

Шта нећу покрити:

Како концептуализовати и написати видео запис или додати глас или музику. Ти елементи су очигледно важни, али нису оно о чему ћемо данас говорити. Фокусирајте се људи!

За овај водич ћемо користити измишљени производ у стилу Слацк (назовимо га Куацк). Можете преузети датотеке да бисте ме пратили овде . Почнимо…

1. Извоз из Пхотосхопа

Покушајте да увећате све и ставите сваки део који желите да анимирате на засебан слој. Слојеви у директоријумима стварају проблеме (барем за овај водич). Обавезно именујте своје слојеве - то ће заиста касније помоћи.

Величина мог документа је 3840пк к 2160пк. Приликом чувања, уверите се да је формат датотеке ПСД са омогућеним извозом слојева.

2. Увоз датотека у Афтер Еффецтс

Опен Афтер Еффецтс. Кликните на Нови пројекат На екрану добродошлице или траци менија идите на Датотека> Ново> Нови пројекат .

Сада идите на Датотека> Увоз> Датотека .

Изаберите своју Пхотосхоп датотеку и притисните дугме Отвори. Обавезно дугме Стилови слојева који се могу уређивати је изабрано и Тип увоза То је Састав ** ( НЕ ** Видео - снимци ).

Сада бисте требали видети а Састав ново и фасциклу на табли прегледача пројекта (лева табла вашег радног простора Афтер Еффецтс.) Додирните цмд + 0 на Мацу или цтрл + 0 У оперативном систему Виндовс да видите контролну таблу ако је не видите).

Двапут кликните на ново увезени састав да бисте га отворили у окну за преглед.

Требали бисте видети преглед своје композиције и, попут Пхотосхопа, листу слојева на дну. Али то нису слојеви, већ временски редови.

Скоро смо спремни за анимацију! Неколико последњих ствари пре него што пређемо на забавне ствари.

3. Провера видео подешавања

Изаберите Састав из главног менија, а затим Поставке композиције . Желимо да будемо сигурни да имамо довољно времена да све анимирамо, зато пронађите оквир за трајање и подесите га на 0: 00: 30: 00 (ово је уобичајени формат временског кода - подељени сати, минуте, секунде и секунде).

Такође би требало да будете сигурни да је брзина кадра постављена на 25, а за сада је резолуција постављена на Пун (Касније га можете спустити ако рачунар почне да успорава.)

(Кратки водич за временску линију)

Будући да је ово намењено почетницима анимације и људима који слабо познају Афтер Еффецтс, ево шта бисте требали видети на временској траци:

• Икона ока на левој страни за приказ / сакривање сваког слоја.
• Правоугли троугао, који омогућава приступ свим својствима слоја и коначно њихово анимирање.
• Временска линија сваког слоја где ће кључни кадрови (почетна или крајња тачка прелаза у анимацији) бити означени на десној страни.
• Испод њих видећете траку зума (мала планина и велика планина). Умањи што је више могуће.

4. Кључни кадрови и трансформације

Сада ћемо учинити да сваки елемент нашег видеа бледи на екрану. Направићемо кључни кадар за сваки слој који утиче на непрозирност и прелаз са 0% на 100%. Можемо да радимо овај слој по слој, али желимо да радимо брзо - па учинимо сваки слој заједно!

Кликните на први (горњи) слој временске линије и изаберите Све ( цмд + а о Мени: Уреди> Изабери све ). Затим на првом слоју кликните на правоугли троугао који сам раније поменуо. Треба применити опцију трансформисања. Кликните на троугао поред опције трансформације.

Сада бисте требали имати на располагању све могућности трансформације.

Када је глава репродукције (већа плава стрелица надоле, можете повући лево надесно кроз друге маркере као на видео снимку) на нули, кликните штоперицу лево од непрозирности, а затим поставите вредност на 0% тако што ћете откуцати ИЛИ кликнути и повлачењем маркера док не достигне нулу.

Главу за репродукцију можете повући с лева на десно

Померите главу за репродукцију на једну секунду, а затим вратите непрозирност на 100%. Кључни кадар ће се аутоматски додати.

Сада бледу можете прегледати повлачењем главе репродукције назад на почетак временске линије и притиском на размакницу.

Сада желимо да их мало надокнадимо тако да сви одвојено нестану.

Прво морамо да проверимо да ли сви слојеви попуњавају временску линију. Када су сви слојеви изабрани и у потпуности увећани на хронологији, задржите показивач изнад десне стране траке у боји. Требали бисте добити ручицу за промену величине. Кликните и повуците скроз десно од временске линије. Сваки слој треба да траје пуних 30 секунди.

Сада, како бисте надокнадили избледелост, можете ручно повући сваки слој по мало (пазећи да истовремено одаберете само један слој).

Или можете да употребите мали трик (под претпоставком да је ваша композиција постављена као моја). Изаберите доњи слој, држите тастер Схифт, а затим изаберите горњи слој (редослед избора је овде заиста важан).

Затим у менију одаберите Анимација> Помоћник за кључни кадар> Слојеви секвенце .

Означите поље које каже Преклапање и уђите 00: 00: 29: 20. Ово ће компензовати сваки слој за пет оквира. (Тридесет секунди анимације при 25 кадрова у секунди минус 29 секунди и двадесет кадрова).

Ако је све прошло добро, притисните ** 0 ** на нумеричкој тастатури (или повуците главу за репродукцију назад на почетак временске линије и притисните размакницу) да бисте гледали како се видео снима.

5. Сидришта и лествице

У овом кораку ћемо увести курсор миша у облику прозирног ПНГ-а и померити га по екрану.

Користите ** цурсор.пнг ** из изворних датотека које сте преузели на врху, увезите датотеку на исти начин на који сте увезли Пхотосхоп датотеку. Затим превуците и испустите са пројектне табле на прозор за преглед (или на временску линију, ако желите).

Морамо мало ставити ову имовину да би изгледала мало више, хм ... веродостојно. Требало би да буде мање, па да вам покажем својство скале и још важније тачку сидришта.

Сидриште

У случају да нисте знали, сидриште је положај одакле потичу све трансформације елемента. Изгледа као крст у центру граничног оквира елемента.

За сидриште имате две могућности - алат Задњи пан (тастерска пречица И. ) или својство тачке сидришта.

Задњи алат (пречица И) .

Уверите се да је одабран слој курсора, а затим превуците криж у горњи леви угао ставке. То је то.

Својства

Ова метода је тачнија ако тачно знате где желите да буде сидриште. Желимо га у горњем левом углу, зато притисните падајући мени Трансформ (мала стрелица коју смо раније користили) на слоју курсора на табли временске линије. На имању Тачка сидрења , промените обе вредности на нулу (оне представљају к и и координате слоја). Скала

и овде имате две могућности. Можете да користите ручке за трансформисање - задржите помицање, кликните и повуците доњи десни угао граничног оквира до скале која се чини тачном. Друга опција је коришћење имовине Скала на представљању трансформације временског следа и подесите вредност на око 25%. (Вредности ширине и висине су повезане.) Кликните икону малог ланца на левој страни ако желите вредности да подесите одвојено.

6. Покретне ствари!

Превуците елемент курсора изван граница композиције (да бисмо га касније могли преместити).

Поставите репродукцију на временској оси на пет секунди, а затим кликните икону штоперице поред Положај на слоју курсора Унфолд Трансформ. Померите главу репродукције на шест секунди и превуците слој курсора на жељени положај - идемо према великом белом пољу за текст на дну. Направит ће се нови кључни оквир.

Док сте овде, притисните штоперицу поред Скала , померите неколико оквира на временској линији и смањите за 5%. Затим померите напред још неколико оквира и вратите вагу на оно што је било.

Док сте у овом оквиру анимације, кликните дијамант лево од Положај . Ово ће створити нови кључни кадар позиције тачно тамо где је. Идите напред секунду или тако и повуците курсор из композиције.

Кад видите шта има, требало би да изгледа отприлике овако:

7. Текст и унапред задате поставке

Хајде да додамо мало текста у овај - анимирани текст, очигледно.

Изаберите алатку Тип на горњој траци с алаткама и додајте текст у оно бело поље које смо управо истакли. Додавање текста функционише на исти начин као у Пхотосхопу.

Ако панел није отворен (вероватно није ако је у подразумеваним подешавањима радног простора), идите на Главни мени> Прозор> Ефекти и унапред подешене поставке . Затим изаберите Унапред постављене анимације> Текст> Оживи у> Писаћа машина .

Са одабраним слојем текста, кликните двапут на унапред постављену машину или повуците и испустите унапред подешену писаћу машину на слој.

Прегледајте анимацију. Текст би требало споро да видите на екрану.

Ајмо сада мало убрзати. Проширите опције слоја (помоћу бочног троугла) и требала би се појавити нова опција - Текст . Проширите то, а затим проширите Аниматор 1 и коначно, Бирач опсега 1 . Сада можете превући почетни и крајњи кључни кадар анимације текста на жељено трајање.

8. Гнежђење композиција

Сада погледајмо композиције за гнежђење. У главном менију кликните на Композиција> Нова композиција . Користите следећа подешавања:

Кликните ОК. Сада бисте требали да имате тридесет секунди празан састав у разумној величини.

Превуците и испустите композицију прозора за ћаскање на нову празну композицију. Док смо у њему, притисните команда + опција + Ф. (или цтрл + алт + Ф. ) да прилагодите анимацију новој величини. Прегледајте оно што имате. Требало би да изгледа исто као и раније, само смањено.

Поиграјте се кадрирањем величине и положаја. Можете да увећате различите елементе, оквир за текст итд. Зашто смо ПСД направили тако великим?

Сада можете да копирате и налепите своје слојеве на плочу временске линије и прилагодите сваки слој на нову позицију да бисте приказали више прозора. (Савет за професионалце: Користите тастере Ј и К на тастатури да бисте скакали напред-назад између кључних кадрова у слоју.)

9. Прелази

У овом случају, требали бисте имати идеју како се рукује кључним кадровима, зато се немојте заустављати и учинити да ваши елементи нестану из прозора за ћаскање (са подешавањем непрозирности, скалом - постављеном на 0% - или према композицији ван екрана позиционирање), и ставимо крај на крају - лого табеле.

Важно је лого.псд како сте то раније научили и уврстите у наш састав. Превуците екран и креирајте позицијски оквир негде на временској оси након што су остали елементи напустили екран. Пређите пола секунде и померите логотип у средину екрана (цмд + опција + Ф).

Прегледајте своју анимацију да бисте видели прелазак логотипа.

Графички уредник

Сада ћемо учинити да све тече мало боље помоћу графичког уређивача, који вам омогућава да прилагодите прелазе између кључних оквира.

Изаберите двослојне кључне оквире на логотипу и притисните дугме које изгледа попут графике (погледајте доле истакнуто плаво дугме):

За позиције морамо поделити вредности Кс и И. Притисните дугме Одвојене димензије (доле десно на горњој слици).

Изаберите последњи црвени кључни кадар (Кс) и превуците безиер дршку (жути) док не добијете леп врх.

Прегледајте своју анимацију. Сад би требало лепо да одскочите.

10. Притисните Алл

Сада имате функционални (ако је мало непристојан) одељак анимираног видеа и грађевне блокове за стварање бројних врста анимације. У овом тренутку, саветовао бих да потрошите мало времена осврћући се на наш једноставан изглед, играјући се са уређивачем графикона на кључним оквирима и истискујући време и позиције.

Можете додати боје позадине, анимирани текст да бисте објаснили сваку сцену итд.

11. Рендеризандо

На крају, уверите се да сте правилно изабрали одабрану композицију и идите на Главни мени> Састав> Додај у ред за приказивање .

Треба да се појави ред за обраду. Ако се желите мало поиграјте са подешавањима, али подразумевана подешавања би до сада требала бити у реду. Затим кликните на плави текст поред Излаз на: и изаберите где ћете сачувати анимацију. На крају притисните дугме Дати, пружити у горњем десном углу плоче.

То је то! Управо сте креирали свој први анимирани видео за објашњење у Афтер Еффецтс. Од сада ће бити само лакше.