Како направити ЛоттиеФилес анимацију у Афтер Еффецтс-у

ЛоттиеФилес је направио брз, скалабилан, накнадно рендерован тип датотеке за уређивање, а вама је лако да се укључите и креирате анимације у овом формату. Користећи Адобе Афтер ефекте и неке додатке, можете да будете део најновијих типова датотека: Лоттие.

Шта је Лоттие?

Лоттие, или дотЛоттие, је тип датотеке који осваја веб програмере. Можда сте направили анимације које ћете укључити у своје дизајне, било да су за друштвене медије, веб дизајн или УКС и УИ дизајн. И вероватно ћете сачувати своје анимације као ГИФ, СВГ или ПНГ датотеке. Датотека Лоттие је добар део тих типова датотека, али је мања, бржа и лакша за уређивање након рендеровања.

ЛоттиеФилес је огромна база података унапред направљених анимација сачуваних у Лоттие или ЈСОН форматима. Ове анимације се приказују у реалном времену, омогућавајући брже слање у ваше дизајне. Нема чекања да се ове датотеке преузму; они ће се појавити чим се страница отвори.

Да бисте сазнали више о ЛоттиеФилес-у, погледајте наш увод у Лоттие.

Почетак

Направићемо Лоттие користећи

Адобе Афтер Еффецтс, али постоји и други софтвер који можете користити да креирате своју Лоттие анимацију. Можете користити Адобе Анимате са додатком ЛоттиеФилес да бисте креирали Лоттие. Такође можете да конвертујете анимацију у СВГ формату у Лоттие ако сте већ направили анимацију у овом формату.

Међутим, Афтер Еффецтс је наш најбољи избор, с обзиром да је ЛоттиеФилес првобитно креиран за употребу у Афтер Еффецтс-у. Хајде да почнемо.

1. Креирајте своју анимацију

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

Лоттие анимације се покрећу у непрекидној петљи, па размислите о томе за крајње и почетне тачке вашег дизајна. Анимација треба да буде једноставна и дуга око три секунде.

2. Преузмите додатке

Постоје два додатка које можете користити за креирање Лоттие датотеке: додатак ЛоттиеФилес или додатак Бодимовин. Оба су доступна за Афтер Еффецтс, али додатак ЛоттиеФилес се такође може наћи у другом софтверу. Сваки од њих ради мало другачије ствари, али сада ћемо се фокусирати на додатак ЛоттиеФилес.

Да бисте преузели додатак ЛоттиеФилес, идите на Страница додатка ЛоттиеФилес Афтер Еффецтс. Пронаћи ћете две опције за преузимање.

Опција са десне стране захтева Менаџер екстензија од Анастасии који ради и са Мац-ом и са Виндовс-ом. Када преузмете Ектенсион Манагер, преузмите ЗКСП додатак са странице ЛоттиеФилес.

Након што је ЗКСП додатак преузет, отворите Анастасии Ектенсион Манагер, кликните После ефекта, изаберите додатак ЛоттиеФилес са листе и притисните Инсталирај.

Вратите се на страницу додатка ЛоттиеФилес, преузмите и Адобе Екцханге додатак; отворите своју десктоп апликацију Цреативе Цлоуд и инсталирајте додатак. Вратите се на завршено анимација у Афтер Еффецтс.

Неки људи имају грешку у дозволи када користе ове додатке. Да бисте избегли овај проблем, идите на После ефекта > Преференцес > Скриптовање и изрази > Скриптирање апликација и означите поље за Дозволите скриптама за писање датотека и приступ мрежи.

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

3. Извезите своју лоту

Са инсталираним додацима ЛоттиеФилес, можете да прикажете своју Лоттие анимацију. Док сте на завршеној композицији анимације, кликните Прозор > Екстензије > ЛоттиеФилес. Ово ће приказати искачући прозор са називима ваших композиција. Кликните зелена стрела поред имена ваше композиције, ово ће приказати прозор Лоттие рендер.

Након неколико секунди, ваша анимација ће се појавити у искачућем прозору. Анимација ће се репродуковати у реалном времену у петљи. Овде можете да изаберете да сачувате своју анимацију или да отпремите анимацију у библиотеку ЛоттиеФилес.

Кликање Сачувај као ће вам дати две опције извоза: Лоттие ЈСОН (*.јсон) или дотЛоттие (*.лоттие). ДотЛоттие датотека је компримована датотека која укључује метаподатке, који нам заправо нису потребни за извоз. Ишли смо са Лоттие ЈСОН.

Ваша извезена датотека ће бити текстуална датотека, а не датотека визуелне анимације; овако функционишу ЈСОН датотеке. Али шта ако желите да анимација буде спремна? Хајде да видимо како му можете приступити.

Како можете користити своју Лоттие анимацију

Да бисте отпремили своју Лоттие у библиотеку ЛоттиеФилес, кликните Отпремити. Ово ће се приказати на неколико секунди. Затим кликните на дугме са глобусом на њему. Ово отвара веб локацију ЛоттиеФилес на којој можете да пошаљете своју Лоттие анимацију у ЛоттиеФилес библиотеку. Именујте датотеку и притисните Хандофф.

Када је ваша анимација одобрена у библиотеци ЛоттиеФилес, можете да користите додатак ЛоттиеФилес у софтверу као што је Адобе КСД, Фигма или Скетцх да пошаљете своју анимацију у свој дизајн.

Постоје и други начини за коришћење ваше ЛоттиеФилес анимације осим директно у библиотеци додатака. Можете даље уредити своју Лоттие анимацију из прозора у претраживачу. Нуди панел са основним слојевима; можете променити боју позадине, брзину репродукције, брзину кадрова и још неколико ствари.

Из прозора Хандофф можете преузети своју анимацију као а ЈСОН фајл за примену у веб развоју и дизајн, или га можете претворити у ГИФ за конвенционалнију употребу. Такође можете да уградите своју анимацију помоћу ХТМЛ кода за уградњу, а постоје и опције за иОС и Андроид, тако да можете да пошаљете анимацију у свој веб дизајн.

Уграђивање Лоттие ХТМЛ-а вам омогућава да измените код да бисте уредили своју анимацију. Можете променити боје и величине директно у коду када га додате на своју веб локацију.

Преузимање апликације ЛоттиеФилес на ваш телефон омогућава вам да скенирате КР код анимације да бисте прегледали анимацију у апликацији. Такође можете користити тастатуру ЛоттиеФилес и испустити своју дотЛоттие као коментар у одређеним постовима.

Направите лоту у Афтер Еффецтс

Иако се и даље може чинити као неконвенционалан тип датотеке, пошто не можете једноставно да отпремите своју анимацију директно на друштвене медије као што су можете са ГИФ или ПНГ, Лоттие има много предности за веб програмере и дизајнере који користе додатке или уграђују кодове у своје дизајна.

Лоттие и ЈСОН датотеке штеде простор и време учитавања и чувају квалитет у поређењу са традиционалним типовима датотека. ЛоттиеФилес константно ствара нове начине за имплементацију дизајна, могућности су бескрајне.

Како направити анимацију покрета користећи Процреате

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

Реад Нект

О аутору