Šiame pamokyne susipažinsite su vartotojui patogaus sąsajos sukūrimu skriptui "Layer Renamer" Adobe After Effects. Sužinosite, kaip sukurti paprastą, tačiau funkcionalų skydelį, kuris padės efektyviai pervadinti lygius. Šios žinios taip pat pritaikomos kitose Adobe programose, tokiuose kaip Photoshop, InDesign ir Illustrator, suteiksiančioms jums vertingų įžvalgų apie skriptų pasaulį ir vartotojo sąsajų dizainą.
Svarbiausios žinios Galite sukurti interaktyvius ir vartotojui patogius įrankius After Effects sukurdami dialogu pagrįstą sąsają. Išmoksite, kaip integruoti įvairius UI elementus, tokius kaip išskleidžiamieji sąrašai, teksto laukai ir mygtukai, ir sėkmingai juos pritaikyti.
Žingsnis po žingsnio instrukcija
Pradėkite nuo extendScript aplinkos atidarymo After Effects ir naujo skripto failo sukūrimo. Sukursite paprastą langą, kuris tarnaus kaip pagrindas jūsų Layer Renamer.
Paleiskite naujos kintamosios sukūrimą, kuri reprezentuos sąsają. Tai daroma naudojant new Window ir nurodant lango parametrus. Pasirinkite lango tipą, šiuo atveju dialogo langą.
Norėdami parodyti langą, turite iškviesti metodą show(). Taip jūsų langas bus matomas ir galėsite atlikti pirmuosius pakeitimus.
Dabar nustatykite, kad jūsų langas rodytų informaciją. Pridėkite išskleidžiamąjį meniu, leidžiantį vartotojams pasirinkti iš skirtingų lygių. Tam sukurkite naują kintamąją selectLayer, kuri bus pridėta prie peržiūros.
Apibrėžkite išskleidžiamojo meniu poziciją lango viduje, pritaikydami ribinius greičius. Galite net naudoti absoliučias pozicijas, nustatydami keturis atstumus.
Duokite savo skydeliui pavadinimą. Šiuo atveju pavadinimas galėtų būti "Pasirinkti lygį". Taip vartotojas iškart žinos, ką daryti.
Dabar pridėsime kelis įrašus į išskleidžiamąjį sąrašą rankiniu būdu. Šie įrašai gali vėliau būti naudingi renkantis lygius. Pavyzdžiui, pridėkite "Lygiai 1", "Lygiai 2" ir "Testinė lygis".
Norėdami pasiekti patrauklų išskleidžiamojo meniu dizainą, naudokite Margin atributus, kad sukurtumėte atstumą nuo kitų elementų jūsų skydelyje. Patraukli išdėstymas ženkliai pagerina vartotojo patirtį.
Dabar pridėsime etiketes ir teksto lauką, kad vartotojai galėtų įvesti naujus pavadinimus pasirinktiems lygliams. Tam naudokite naują grupę, kuri talpins abu elementus.
Įsitikinkite, kad elementų grupavimas ir orientacija sąsajoje yra teisinga. Galite naudoti orientation savybę, kad kontroliuotumėte, ar elementai rodomi šalia, ar vienas po kito. Šiuo atveju prasminga rodyti vartotojo sąsają vienoje eilutėje.
Dabar atėjo laikas sukurti mygtukus, kurie leis pervadinti lygį ir atnaujinti sąrašą. Įsitikinkite, kad mygtukai turi vienodą dydį, kad viskas atrodytų harmoningai.
Mygtukams taip pat nustatykite pageidaujamą plotį, kad jie būtų proporcingi įvedimo lauko plotyje.
Pasibaigus išdėstymui, galite viską supakuoti į funkciją, pavadintą buildUI(). Ši funkcija užtikrins švarų ir organizuotą kodą.
Galite naudoti sukurtą funkciją, kad sukurtumėte ir parodytumėte savo sąsają. Nepamirškite centuoti langą, kad jis gerai atrodytų bet kokio ekrano dydžio.
Su šiais žingsniais sukūrėte funkcionalią vartotojo sąsają Layer Renamer After Effects. Šios pagrindinės žinios padės jums sukurti vartotojams patogius ir patrauklius skriptus.
Santrauka - Vartotojo sąsajos sukūrimo instrukcija Layer Renamer programoje After Effects
Šiame įraše sužinojote, kaip sukurti paprastą ir efektyvią vartotojo sąsają Layer Renamer skriptui After Effects. Visi žingsniai nuo lango sukūrimo iki įvedimo laukelių ir mygtukų įgyvendinimo buvo aptarti.
Dažnai užduodami klausimai
Kaip galiu vykdyti skriptą Adobe After Effects?Galite vykdyti skriptą tiesiogiai extendScript aplinkoje After Effects.
Ar galiu vėliau keisti išdėstymą?Taip, galite bet kada keisti išdėstymą ir elementus.
Kurios kitos Adobe programos palaiko skriptavimą?Skriptavimas palaikomas daugelyje Adobe programų, įskaitant Photoshop, InDesign ir Illustrator.
