Kaip parodyti inerciją ir gravitaciją „Flash CS5“ animacijoje su lengvumu

„Adobe Flash Creative Suite 5“ galite atkurti dvi labiausiai atpažįstamas judesio jėgas – inerciją ir gravitaciją, naudodami specialią „tween“ parinktį: Lengvumas . Naujasis animacijos variklis suteikia galimybę palengvinti elgseną, įskaitant atšokimą, spyruoklę, lengvą įsijungimą (pagreitinti), palengvinti (sulėtinti) ir dar daugiau. Naudodami judesių rengyklę galite priskirti lengvinimą bet kokiam tarpiniam intervalui.

Palengvinkite „Flash CS5“ simbolį

Norėdami sukurti palengvinimo elgesį, atlikite šiuos veiksmus:

Sukurkite naują „Flash“ dokumentą. Pasirinkite įrankį Oval ir sukurkite tobulą apskritimą scenos apačioje.

Norėdami apriboti apskritimą, kol jį piešiate, laikykite nuspaudę klavišą „Shift“.

Pasirinkę naują ratą, paspauskite F8; kai pasirodys dialogo langas Konvertuoti į simbolį, išskleidžiamajame sąraše Tipas pasirinkite Grafika ir teksto laukelyje Pavadinimas įveskite simbolio pavadinimą.

Šiame pavyzdyje apskritimą pavadinome rutuliu.

Dešiniuoju pelės mygtuku spustelėkite („Windows“) arba „Control“ („Mac“) spustelėkite pirmąjį sluoksnio kadrą ir pasirodžiusiame kontekstiniame meniu pasirinkite „Create Motion Tween“.

Sukuriamas naujas tarpinis intervalas, o atkūrimo galvutė pereina į paskutinį tarpinio intervalo kadrą.

Naudodami atrankos įrankį pasirinkite ir perkelkite simbolį tiesiai į scenos viršų, išsaugodami jo horizontalią padėtį.

Lėtai vilkite simbolį į scenos viršų, kad jis nepasislinktų į kairę arba į dešinę. Snap to Objects elgesys išlaiko simbolį sulygiuotą su pradine horizontalia padėtimi, kol jį atleidžiate.

Paspauskite Enter arba Return, kad peržiūrėtumėte animaciją.

Dabar kamuolys turėtų judėti iš apačios į viršų.

Tiesiogiai spustelėkite tarpinį intervalą laiko juostoje, kad jį pasirinktumėte, tada spustelėkite judesio rengyklės skydelio skirtuką, kad jį pastumtumėte į priekį.

Judesio rengyklės skydelyje matote įvairias savo tween ypatybes.

Slinkite į judesių rengyklės apačią, suraskite eilutę „Eases“ ir pakeiskite paprastą (lėtą) reikšmę nuo 0 iki 100.

Kaip parodyti inerciją ir gravitaciją „Flash CS5“ animacijoje su lengvumu

Galite spustelėti ir vilkti ant reikšmės, kad ją pakeistumėte, arba dukart spustelėkite ir įveskite vertę ranka.

Matote, kad numatytasis paprastas (lėtas) lengvumas jau yra sąraše. Galite pridėti kitų tipų patogumų, kad galėtumėte naudoti vėliau, tačiau kol kas numatytoji funkcija veikia gerai.

Vertės pakeitimas palengvina darbą , o tai lėtina animacijos pabaigą.

Slinkite į „Motion Editor“ viršų ir suraskite eilutę „Basic Motion“; tiesiai į dešinę, išskleidžiamajame sąraše pasirinkite Paprasta (lėta).

Šis veiksmas palengvina jūsų „tween“ judėjimo savybes.

Norėdami atkurti ir peržiūrėti animaciją, paspauskite Enter arba Return.

Pasiekus pabaigą, animacija palaipsniui sulėtėja.

Apverskite „Flash CS5“ palengvinimą

Tai, kas kyla aukštyn, turi nusileisti, todėl toliau pateikiami žingsniai padės pasiekti, kad kamuolys grįžtų į žemę:

Spustelėkite skirtuką Laiko juosta, tada spustelėkite sluoksnį bet kurioje tarpo intervalo vietoje, kad pasirinktumėte visą judesio tarpą.

Dešiniuoju pelės klavišu („Windows“) arba „Control“ (Mac) spustelėkite pasirinktus rėmelius, kad atidarytumėte kontekstinį meniu, tada pasirinkite Kopijuoti rėmelius.

Tame pačiame sluoksnyje pasirinkite kitą tuščią kadrą iškart po to, kai baigiasi tarpas.

Norėdami įklijuoti 2 veiksme nukopijuotą tween, įsitikinkite, kad pasirinktas rėmelis, dešiniuoju pelės mygtuku spustelėkite („Windows“) arba „Control“ („Mac“) ir pasirodžiusiame kontekstiniame meniu pasirinkite Įklijuoti rėmelius.

Spustelėkite naujai įklijuotą tarpą, kad jį pasirinktumėte.

Norėdami apversti tween atgal, dešiniuoju pelės mygtuku spustelėkite („Windows“) arba „Control“ (Mac) spustelėkite pasirinktus kadrus ir pasirodžiusiame kontekstiniame meniu pasirinkite Reverse Keyframes.

Paspauskite Enter arba Return, kad peržiūrėtumėte animaciją.

Kamuolys kyla aukštyn ir žemyn, o animacija ne tik apverčiama, bet ir švelnėja.

Naudokite palengvinimą naudodami „Flash CS5 IK“ animaciją

Kaip ir su judesiais, galite imituoti gravitacijos ir inercijos jėgas naudodami palengvinimą su IK animacija. Nors judesių rengyklė nepasiekiama vaizduojamai animacijai, galite lengvai įtraukti nuosavybės inspektorių, kad jūsų IK animacija atrodytų tikroviškesnė.

Norėdami palengvinti armatūros sluoksnį, atlikite šiuos veiksmus:

Spustelėkite ir laiko juostoje pasirinkite pirmąjį esamo IK armatūros sluoksnio kadrą.

Dešinėje nuosavybės inspektoriaus pusėje suraskite lengvumo parinktis – numatytoji vertė nustatyta į nulį (nelengva) – tada spustelėkite ir vilkite, kad pakeistumėte reikšmę į 100 (Palengvinti).

(Pasirenkama) Išskleidžiamajame sąraše Tipas pasirinkite kitą lengvumo tipą.

Paspauskite Enter arba Return, kad peržiūrėtumėte animaciją.

Matote, kaip palengvėjimas keičia jūsų animacijos elgesį.


Kaip SVG pritaikyti skaidrumą

Kaip SVG pritaikyti skaidrumą

Sužinokite, kaip „Illustrator“ pritaikyti skaidrumą SVG grafikai. Sužinokite, kaip išvesti SVG su skaidriu fonu ir pritaikyti skaidrumo efektus.

Darbas su vaizdais Adobe XD

Darbas su vaizdais Adobe XD

Importavę vaizdus į „Adobe XD“, neturėsite daug redagavimo valdymo galimybių, tačiau galite keisti vaizdų dydį ir pasukti juos taip, kaip darytumėte bet kurią kitą formą. Taip pat galite lengvai apvalinti importuoto vaizdo kampus naudodami kampinius valdiklius. Vaizdų užmaskavimas Nustatydami uždarą formą […]

Kaip koreguoti teksto ypatybes „Adobe XD“.

Kaip koreguoti teksto ypatybes „Adobe XD“.

Kai turite tekstą Adobe XD projekte, galite pradėti keisti teksto ypatybes. Šios ypatybės apima šriftų šeimą, šrifto dydį, šrifto svorį, lygiavimą, tarpą tarp simbolių (įbrėžimas ir sekimas), eilučių tarpus (pirmaujantis), užpildymą, kraštinę (brūkšnį), šešėlį (metamas šešėlis) ir fono suliejimą. Taigi pažiūrėkime, kaip šios savybės taikomos. Apie skaitomumą ir šriftą […]

Darbas su piešiniais Photoshop CC

Darbas su piešiniais Photoshop CC

Kaip ir „Adobe Illustrator“, „Photoshop“ piešinių lentos suteikia galimybę viename dokumente sukurti atskirus puslapius arba ekranus. Tai gali būti ypač naudinga, jei kuriate ekranus mobiliajai programai ar nedidelei brošiūrai. Galite galvoti apie piešinių lentą kaip apie specialų sluoksnių grupės tipą, sukurtą naudojant skydelį Sluoksniai. Jos […]

„InDesign“ formos ir daugiakampiai

„InDesign“ formos ir daugiakampiai

Daugelis įrankių, kuriuos rasite skydelyje „InDesign Tools“, naudojami linijoms ir formoms piešti puslapyje, todėl galite įvairiais būdais kurti įdomius savo leidinių brėžinius. „InDesign“ viduje galite kurti bet ką – nuo ​​pagrindinių formų iki sudėtingų brėžinių, o ne naudoti piešimo programą, pvz., […]

Apvyniokite tekstą „Adobe Illustrator CC“.

Apvyniokite tekstą „Adobe Illustrator CC“.

Teksto įvyniojimas naudojant Adobe Illustrator CC nėra tas pats, kas įvynioti dovaną – tai lengviau! Teksto apvyniojimas verčia tekstą apvynioti aplink grafiką, kaip parodyta šiame paveikslėlyje. Ši funkcija bet kuriam kūriniui gali suteikti šiek tiek kūrybiškumo. Grafika verčia tekstą apvynioti aplink jį. Pirmiausia sukurkite […]

Kaip pakeisti figūrų dydį „Illustrator“.

Kaip pakeisti figūrų dydį „Illustrator“.

Kuriant „Adobe Illustrator CC“ dažnai reikia tikslaus dydžio (pavyzdžiui, 2 x 3 colių) formos. Sukūrus formą, geriausias būdas pakeisti jos dydį iki tikslių išmatavimų yra naudoti transformavimo skydelį, parodytą šiame paveikslėlyje. Pasirinkite objektą ir pasirinkite Langas → Transformuoti į […]

Kaip sukurti QR kodus „InDesign CC“.

Kaip sukurti QR kodus „InDesign CC“.

Naudodami „InDesign“ galite kurti ir keisti QR kodo grafiką. QR kodai yra brūkšninio kodo forma, kurioje galima saugoti informaciją, pvz., žodžius, skaičius, URL adresus ar kitų formų duomenis. Naudotojas nuskaito QR kodą naudodamas savo fotoaparatą ir programinę įrangą įrenginyje, pavyzdžiui, išmaniajame telefone, o programinė įranga naudoja […]

Kaip padaryti, kad nauja nuotrauka atrodytų sena naudojant „Photoshop CS6“.

Kaip padaryti, kad nauja nuotrauka atrodytų sena naudojant „Photoshop CS6“.

Gali būti, kad jums prireiks naujos nuotraukos, kad atrodytumėte sena. „Photoshop CS6“ jums tinka. Nespalvota fotografija yra naujesnis reiškinys, nei galėtumėte pagalvoti. Dagerotipai ir kitos ankstyvosios nuotraukos dažnai turėjo rusvą ar melsvą atspalvį. Galite sukurti savo sepijos atspalvių šedevrus. Tonuotos nuotraukos gali sukurti […]

„Adobe CS5 Illustrator“ „Live Paint“ funkcija

„Adobe CS5 Illustrator“ „Live Paint“ funkcija

Naudodami „Adobe Creative Suite 5 (Adobe CS5) Illustrator“ funkciją „Live Paint“ galite sukurti norimą vaizdą ir užpildyti sritis spalvomis. „Live Paint“ kibiras automatiškai aptinka regionus, sudarytus iš nepriklausomų susikertančių takų, ir atitinkamai juos užpildo. Dažai tam tikrame regione išlieka gyvi ir teka automatiškai, jei tokių yra […]