Хајде да научимо како да анимирамо објаву на друштвеним мрежама за кратко време
Ако желите да се ваши постови на друштвеним мрежама истичу, морате да научите како да додате анимацију. За само неколико минута можете снимити такву слику и претворити је у интернет злато. Сви разумемо да је одржавање присуства на овим платформама кључно за изградњу и пословања и бренда, али посвећеност времена може одбити многе нове уметнике. Овде смо да вам покажемо бољи начин.
Од графичких дизајнера се ових дана тражи да креирају више садржаја за друштвене медије, а знате шта је боље од дизајна који привлачи погледе? Привлачан дизајн који се креће. Ако неко време радите у Пхотосхопу, ближе сте него што мислите да додате анимацију. Данас ћемо покренути Афтер Еффецтс да бисте видели колико вам интерфејс може бити познат. Узећемо неке дизајне и додати неке суптилне покрете у Афтер Еффецтс.
{{леад-магнет}}
Припремите своју слику у Пхотосхопу
![](/wp-content/uploads/history/148/mu2ybhk35r.jpeg)
Радићемо са Пхотосхоп ЦЦ 2022 и Афтер Еффецтс ЦЦ 2022, али ове технике требало би да ради и у старијим верзијама. За ово је веома једноставно. Сада можете да анимирате у Пхотосхопу, али то може бити прилично изазовно. Уместо тога, лакше је припремити своје датотеке тако да ће боље функционисати у Афтер Еффецтс-у.
Како одабрати праву слику за анимирање
Да бисте започели, морате одабрати праве слике. Погледајсавладавање интерфејса Афтер Еффецтс.
![](/wp-content/uploads/history/148/mu2ybhk35r-1.jpeg)
Изабрали смо слику скејтбордера и желимо да анимирамо позадину. Ово је прилично слично пуно посла који ћете добити као слободни дизајнер и аниматор. Ваш клијент ће желети да се неки елемент извуче из предњег плана и или постави негде ново или анимира на неки начин.
Дакле, гледајући горњу слику, како да их натерамо да се крећу? Па, користићемо стари трик. Уместо да се субјект креће, позадина ће се кретати с лева на десно, остављајући утисак кретања.
![](/wp-content/uploads/history/148/mu2ybhk35r-2.jpeg)
Треба обратити пажњу и на осветљење. Иако посебан извор светлости изгледа одлично за непокретну слику, он ће се појавити угашен када почнете да га померате на другој позадини или на којој се осветљење више не подудара. Ваш гледалац можда неће знати шта тачно није у реду, али ће се одвући од ефекта. Као пијани мађионичар, заиста убија илузију.
![](/wp-content/uploads/history/148/mu2ybhk35r-3.jpeg)
Одвојите своје слојеве (и дајте им имена)
Као што можете да видите у видео снимку изнад, користимо маске (по могућности недеструктивне) да одвојимо субјект, табла, сенка и позадина. Ово нам омогућава да направимосуптилне поправке ако приметимо проблем на путу. Да смо само избрисали пикселе, они ће заувек нестати (када пређете ЦТРЛ/ЦМД+З опсег).
Обавезно дајте назив сваком слоју док идете. Ништа није горе од покушаја да пронађете ту једну слику на листи слојева 1 – 100.
Позадину је потребно мало угланцати, јер није сасвим у складу са нашом перспективом.
![](/wp-content/uploads/history/148/mu2ybhk35r-4.jpeg)
Намера нам је да направимо петљу позадину, али видите да се две стране не поклапају баш. Пошто је лева страна више поравната са нашим водичима, хајде да копирамо ту страну, окренемо је и спустимо преко десне. Када га поравнамо, користите ЦТРЛ/ЦМД+Е да спојите слојеве.
Проверите величину слике
Пре него што унесемо слику у Афтер Еффецтс, морамо да проверимо величину наше слике. Афтер Еффецтс може да обради неке прилично велике датотеке... али ваш рачунар можда није толико моћан. Постоји неколико начина да промените величину слике, али ми ћемо почети тако што ћемо променити наше платно. Ово мења наше платно без петљања са било којим пикселима, а затим можемо да променимо величину наших слика како би се уклопиле.
![](/wp-content/uploads/history/148/mu2ybhk35r-5.jpeg)
Подесили смо наше платно ( Слика &гт; Величина платна... ) на 1920к1080. Сада су наше слике биле МНОГО веће, па ћемо морати да их прилагодимо.
![](/wp-content/uploads/history/148/mu2ybhk35r-6.jpeg)
И даље има неких несавршености, али можемо их поправити у Афтер Еффецтс-у уз мало замућења покрета. Приметићете да постоји неколико пиксела који виси изван ивице платна.Понекад бисте можда желели да они остану, али нам у АЕ неће требати. Користите алатку Исецање ( Ц ) да бисте брзо исецали своје слике тако да одговарају платну. Сада је време да унесемо нашу слику у Афтер Еффецтс и почнемо са анимацијом.
Увоз Пхотосхоп датотека у Афтер Еффецтс
Проверите називе слојева и затим сачувајте свој рад (препоручујемо додавањем нечег попут „то_АЕ“ да бисте лако могли да пронађете своју датотеку. Ако вам је потребна помоћ да пређете на Афтер Еффецтс, ми ћемо вам помоћи. Можете да погледате тај видео или користите овај брзи метод.
Како да увезете датотеку из Пхотосхопа у Афтер Еффецтс
- Отворите Афтер Еффецтс
- Идите на Датотека &гт; Увези &гт; Датотеке
- Изаберите своју датотеку
- Кликните на Увоз
Сада погледајте поређење између Пхотосхоп-а и Афтер Еффецтс-а.
![](/wp-content/uploads/history/148/mu2ybhk35r-7.jpeg)
Изгледа прилично слично? Адобе се потрудио да ствари буду познате између различитих софтвера, чинећи још лакшим кретање између апликација у Цреативе Цлоуд-у. Приметићете наше слојеве доле на временској линији, иако изгледају мало другачије. Због тога је именовање ваших слојева било тако важан корак.
Са овим новим новим. композиција (упореди са нама професионалцима) моћи ћете да подесите свој ФПС или број кадрова у секунди. Генерално, анимација се ради при 24 фпс (24 кадра су једнака 1 секунди снимка), али може бити ситуација у којима вам треба више или мање. Све зависи од пројекта и вашегпотребе клијента.
Подесите своју композицију
Надамо се да сте попили кафу, јер идемо брзо (назив игре је анимирани пост на друштвеним мрежама у бр. време уопште, зар не?)
Сада, најлакши начин да анимирате овог скејтбордера је да померите позадину, зар не? Када га склонимо са пута, чини се да клизач јуриша напред.
![](/wp-content/uploads/history/148/mu2ybhk35r-8.jpeg)
Све што треба да урадимо је да дуплирамо позадину, слично као у цртаним филмовима. Узмите слој, а затим идите на Уреди &гт; Дуплирајте ( ЦМД/ЦТРЛ + Д ) и добићете потпуно нови слој. Теоретски бисмо могли да направимо десетине копија и анимирамо их како лете, али постоји лакши метод: Мотион Тиле.
Анимирање у Афтер Еффецтс
Мотион Тиле
На десној страни екрана идите на Ефекти и унапред подешене поставке, а затим претражите Мотион Тиле. Превуците и испустите то на свој слој (пазите да га не испустите на погрешан слој, иако то може да створи неке сјајне ефекте).
На левој страни ћете видети контроле ефеката, са две кључне опције: Излазна ширина и излазна висина. Када ставимо „200“ у излазну ширину…
![](/wp-content/uploads/history/148/mu2ybhk35r-9.jpeg)
Сада имамо мало више наше позадине са леве и десне стране. Ми смо ефективно дуплирали слику за малу количину. Сада, ако покушате да кликнете на дуплирано подручје, нећете моћи. Само ваш оригинални слој може да се премести.
Наравно, једноставно умножавање или постављање плочица ствара малоартефакти. Ако погледамо тло или позадину, постоје линије које не изгледају баш како треба. И на крају, не претерујте са излазним бројем. Срушићете рачунар.
Да бисте ово анимирали, хајде да прво прилагодимо дужину наше композиције. Идите на Састав &гт; Подешавања композиције.
![](/wp-content/uploads/history/148/mu2ybhk35r.png)
Такође можемо да променимо наш ФПС, као што смо горе говорили. Подесите ово на 5 секунди и време је да анимирате ову слику.
Анимирање помоћу кључних кадрова
Завртите на слоју чисте плоче и видећете своје опције трансформације.
![](/wp-content/uploads/history/148/mu2ybhk35r-1.png)
Уверите се да је Плаихеад скроз на почетку временске линије, а затим кликните на Штоперица поред Позиција . Ово означава к и и осу вашег слоја у том тренутку на временској линији. Управо сте креирали свој први Кључни оквир на временској линији. Ово су основни градивни блокови анимације у Афтер Еффецтс-у.
Померите плејхеад на крај временске линије и направићете још један кључни кадар. Сада се вратите на Трансформација и прилагодите позицију тако да се позадина помера с лева на десно (или здесна налево, ако желите да овај Тони Хок жели да окрене 360 на без костију).
Када притиснете плаи, Афтер Еффецтс интерполира како слој треба да се креће да би постојао на првом и последњем кључном кадру у оквиру додељеног времена.
ГИФ
Ако желимо да се наш скејтбордер креће брже, ми самопотребно је да се померите даље низ плочу у предвиђеном времену. Да бисте се кретали спорије, покривајте мање земље. Али постоји једна ствар коју примећујемо да није тако штедљива. Шав где се наша дуплирана плочица спаја мало је неуједначен. Срећом, то можемо прикрити неким замућењем покрета.
Додај замућење у покрету
Замућење у покрету је пругање или размазивање слика узроковано објектом који се креће током експозиције сочива. У видео запису замућење покрета обично је узроковано фокусирањем сочива на један објекат док се ставке ван фокуса померају у позадини. У нашем случају, то је ефекат који желимо да користимо.
![](/wp-content/uploads/history/148/mu2ybhk35r-10.jpeg)
Притисните контролу Мотион Блур (три круга близу један другом). Видећете оквире који се појављују поред ваших слојева. Изаберите само своју чисту плочу и гледајте како замућење у покрету сакрива недостатке. Само тако, имамо сјајну анимацију без знојења. Али увек можемо још више да дотакнемо ствари.
Додавање реалистичних сенки
Можда ћете приметити да сенка испод скејтборда још увек има линију од првобитног тла.
![](/wp-content/uploads/history/148/mu2ybhk35r-11.jpeg)
Не покушавамо да направимо добар друштвени имиџ. Покушавамо да направимо нешто што је вредно дељења. Хајде да то поправимо брзо. Могли смо једноставно да поправимо ово у Пхотосхопу пре него што га пренесемо, али смо заборавили (тачније, прескочили смо тај корак да бисмо могли да вам покажемо овде! Видите, знали смо шта радимо све време).
Прво, креирајте анови слој тако што ћете отићи на Лаиер &гт; Ново ( ЦМД/ЦТРЛ + И ) и изаберите црну испуну. Ово ствара црну масу величине наше композиције. Користећи алатку Пен (П), нацртаћемо једноставан облик. Не мора бити савршено, само основна идеја сенке.
![](/wp-content/uploads/history/148/mu2ybhk35r-12.jpeg)
Када затворимо маску, видећемо креирани облик преко наше слике. Добро је. Али можемо то учинити. Користећи тачке и Безиерове ручке, подесите облик док не стане испод скејтборда. Ако сте направили маске у Пхотосхопу, ово би требало да вам се чини познатим.
Уз мало рада, имамо нешто што стане испод скејтборда.
![](/wp-content/uploads/history/148/mu2ybhk35r-13.jpeg)
Сада искључите оригинални слој сенке и преименујте наш нови слој Схадов (или Схадов 2, или Дарквинг Дуцк, или шта год вам одговара). Као иу Пхотосхопу, имамо режиме мешања. Ако их не видите, притисните Ф4 . Пребаците своју нову сенку на Множи .
Ово изгледа мало грубо, па хајде да повучемо ивице. Отворите мени маске и видећете више опција.
![](/wp-content/uploads/history/148/mu2ybhk35r-2.png)
Подесите Феатхеринг и воила! Када репродуцирамо, сада имамо глатку анимирану слику, и искрено нам није требало времена.
Прикажи у реду за рендеровање
Наравно, ова слика не ради ништа за вас ако заувек стоји у Афтер Еффецтс-у. Да видимо да ли можемо то да поправимо.
Ако нисте упознати са термином, Рендеринг само говори Афтер Еффецтс (иликоју год апликацију да користите за прављење композиције) да испечете све слојеве у један филм (мп4, мпег, Куицктиме, итд.). Куицктиме ће радити за већину ваших потреба, али такође препоручујемо Аппле ПроРес 422. У овом случају, хајде да користимо Анимацију, која ће бити некомпримована датотека високе резолуције. Ако имате звук, уверите се да је окренут на дну прозора.
![](/wp-content/uploads/history/148/mu2ybhk35r-3.png)
Притисните У реду , а затим треба да изаберете где ће ова датотека ићи. Притисните Излаз у и пронађите жељену локацију.
Погоди шта? Управо сте направили анимацију. Снимили сте слику, исекли је на уредне слојеве, анимирали те слојеве и претворили ту композицију у филм. Прилично смо одушевљени што вас сада познајемо.
Наравно, ако желите да постанете заиста фенси, требало би да се вратите на видео како бисмо могли да вас научимо још неколико трикови.
ГИФ
Започните своје Афтер Еффецтс путовање
Анимирање ваших Пхотосхоп дизајна узима тако-тако друштвену слику и претвара је у вирусну погодити (можда). Када схватите основе, моћи ћете да оживите свој рад на невероватне начине. Ако тражите место за почетак на свом путу анимације, идите на Афтер Еффецтс Кицкстарт!
Афтер Еффецтс Кицкстарт је врхунски уводни курс за Афтер Еффецтс за дизајнере покрета. У овом курсу ћете научити најчешће коришћене алате и најбоље праксе за њихово коришћење док