V tem tutorialu se boš ukvarjal z ustvarjanjem uporabniku prijaznega vmesnika za skript "Layer Renamer" v Adobu After Effects. Spoznal boš, kako oblikovati enostavno, a funkcionalno ploščo, ki ti bo pomagala učinkovito preimovati plasti. Ta znanja so prav tako prenosljiva na druge Adobe aplikacije, kot so Photoshop, InDesign in Illustrator, kar ti bo prineslo dragocene vpoglede v svet skriptiranja in oblikovanja uporabniških vmesnikov.
Najpomembnejši vpogledi S pomočjo ustvarjanja vmesnika na osnovi dialoga v After Effects lahko ustvariš interaktivna in uporabniku prijazna orodja. Naučil se boš, kako integrirati različne UI-elemente, kot so spustni seznami, besedilna polja in gumbi, ter jih uspešno prilagoditi.
Navodilo po korakih
Začni tako, da odpreš okolje extendScript v After Effects in ustvariš novo skriptno datoteko. Oblikoval boš preprosto okno, ki bo služilo kot osnova za tvoj layer Renamer.
Začnimo z ustvarjanjem nove spremenljivke, ki predstavlja vmesnik. To se izvede z uporabo new Window in določanjem parametrov okna. Izberi tip okna, v tem primeru pogovorno okno.
Da se okno prikaže, moraš poklicati metodo show(). Tako bo tvoje okno vidno in lahko boš naredil prve spremembe.
Zdaj določite, da naj tvoje okno prikaže informacije. Dodaj spustni seznam, ki uporabnikom omogoča izbiro med različnimi plastmi. Ustvari novo spremenljivko selectLayer, ki bo dodana za prikaz.
Definiraj položaj spustnega seznama znotraj okna, tako da prilagodiš mejne vrednosti. Lahko celo uporabiš absolutne pozicije, tako da določiš štiri vrednosti za razdalje.
Daj svoji plošči naslov. V tem primeru bi lahko naslov bil "Izberi plast". Tako bo uporabnik takoj vedel, kaj naj stori.
Sedaj bomo ročno dodali nekaj vnosov v spustni seznam. Ti vnosi so lahko kasneje koristni pri izbiri plasti. Na primer, dodaj "Plast 1", "Plast 2" in "Testna plast".
Za dosego privlačnega oblikovanja spustnega seznama uporabi atributa Margin, da ustvariš razdaljo do drugih elementov v tvoji plošči. Privlačna postavitev bistveno izboljša uporabniško izkušnjo.
Sedaj dodamo oznako in besedilno polje, da uporabniki lahko vnesejo nove imen za izbrane plasti. Uporabi novo skupino, ki vsebuje oba elementa.
Pazi, da je usklajenost skupin in elementov v vmesniku pravilna. S pomočjo lastnosti orientation lahko nadziraš, ali naj se elementi prikažejo drug ob Drugem ali pod seboj. V tem primeru je smiselno, da se uporabniški vmesnik prikaže v eni vrstici.
Zdaj je čas za ustvarjanje gumbov, ki omogočajo preimenovanje plasti in osvežitev seznama. Poskrbi, da bodo gumbi imeli enotno velikost, da bo vse videti harmonično.
Za gumbe določi tudi želeno širino, da se enakomerno prikažejo v širini vnosnega polja.
Ko je postavitev sedaj določena, lahko vse združiš v funkcijo z imenom buildUI(). Ta funkcija bo zagotovila čist in organiziran kodo.
Ustvarjeno funkcijo lahko uporabiš za gradnjo in prikaz svojega vmesnika. Ne pozabi centrirati okna, da bo dobro izgledalo na vseh velikostih zaslona.
Avec temi koraki si ustvaril funkcionalen uporabniški vmesnik za Layer Renamer v After Effects. Te osnove ti bodo pomagale, da bodo tvoji skripti uporabniku prijazni in privlačni.
Sklep - Navodila za ustvarjanje uporabniškega vmesnika za Layer Renamer v After Effects
V tem prispevku si se naučil, kako lahko ustvariš enostaven in učinkovit uporabniški vmesnik za skript Layer Renamer v After Effects. Pokriti so bili vsi koraki od oblikovanja okna do implementacije vnosnih polj in gumbov.
Pogosta vprašanja
Kako lahko izvedem skript v After Effects?Skript lahko izvedeš neposredno v okolju extendScript After Effects.
Ali lahko pozneje spremenim oblikovanje?Da, kadar koli lahko prilagodiš oblikovanje in elemente.
Katera druga Adobe aplikacije podpirajo skriptiranje?Skriptiranje se podpira v mnogih Adobe aplikacijah, vključno s Photoshop, InDesign in Illustrator.
