Kas sul on soov kasutada atraktiivseid graafikaid oma nuppude jaoks Unity's? Küllaltki tavaliste tekstide asemel saad integreerida oma disainilahendused integreerima, et muuta oma kasutajaliides atraktiivsemaks. Selles juhendis õpid, kuidas luua Photoshopis atraktiivseid nupugraafikaid, need Unity'sse sisestada ja neid tõhusalt kasutada – täiesti ilma skriptideta. Alustame.
Peamised järeldused
- Photoshopiga saad kiiresti luua lihtsaid, kohandatavaid nupugraafikaid.
- Unity toetab PNG-piltide lisamist, mis sisaldavad läbipaistvust.
- Tekstuuritüübi muutmine Unity's "Sprite'iks" on vajalik, et graafikaid õigesti esitada.
Juhend samm-sammult
Samm 1: Graafika loomine Photoshopis
Alustuseks loo Photoshopis uus fail, klõpsates "Fail" ja seejärel "Uus". Seadista mõõtmed 250 pikslit korda 250 pikslit ja eraldusvõime 72 DPI. Vajuta "OK".
Samm 2: Nupu kujundamine
Muuda taustakiht tavaliseks kihiks. Vali ellipsi tööriist ja joonista lõuendi keskele lihtne ring. Täida ring erksalt punase värviga, kasutades Alt klahvi ja kustutusklaasi.
Samm 3: Sümboli lisamine
Kasu tekstivahendist sümboli lisamiseks. Vali valge värv ja Webdings-Regular fond. Võib olla kasulik valida teave sümbol – või antud juhul silm. Suurenda sümbolit vastavalt vajadusele.
Samm 4: Faili salvestamine
Pärast graafika loomist kustuta taustakiht, et tagada läbipaistvus. Salvestage fail PNG formaadis, et läbipaistvused jääksid alles.
Samm 5: Nupu importimine Unity'sse
Avage Unity ja minge "Assets" kausta. Looge uus kaust ja nimetage see "nupud". Seejärel impordige oma PNG-fail sellesse kausta ja nimetage see ümber, näiteks "Silm Button".
Samm 6: Graafika sisestamine Unity projekti
Navigeeri "Assets" ja avage "nupud" kaust. Seal peaks nüüd olema teie PNG-fail. Klõpsake pildil, et veenduda, et see on õigesti imporditud.
Samm 7: Pilt seadistamine spritena
Mine inspektori seadete juurde ja otsi "Tekstuuritüübi" valikut. Veenduge, et tüüp oleks seatud "Sprite'iks", kuna nuppusid tuleks Unity's kasutada spritidena. Kinnitage see muudatus.
Samm 8: Nupu lisamine Canvas'ile
Canvas ala sees näed oma Toggle elementi. Veenduge, et Image-skript töötab korralikult. Lohista just imporditud pilt Image-skripti "Source Image" alas.
Samm 9: Funktsionaalsuse kontrollimine
Käivita oma projekt, et veenduda, et graafika kuvatakse nuppuna. Kontrollige, kas pilt töötab soovitud viisil.
Samm 10: Viimased kohandused
Võite pilti vajadusel väiksemaks skaleerida ja kohandada selle asukohta Canvas'il, et integreerida see visuaalselt atraktiivselt. Käivita projekt uuesti, et kontrollida oma kohandusi.
Kokkuvõte - 360° arhitektuurivaated: Graafika lisamine nuppudele ilma skriptideta
Graafika lisamine nuppudele Unity's võib olla kiire ja lihtne, kui järgite samme, mida olete selles juhendis õppinud. Photoshopiga on sul vabadus luua kohandatud disainilahendusi, mis sulanduvad su projekti. See mitte ainult ei paranda sinu rakenduse visuaalset atraktiivsust, vaid võimaldab ka kasutajasõbralikumat kogemust.
Korduma kippuvad küsimused
Mis on erinevus tekstuuri ja spritise vahel Unity's?Tekstuurid on üldised pildifailid, samas kui spritid on optimeeritud 2D-graafika jaoks ja sisaldavad täiendavat teavet, mida Unity's esitlemiseks vajatakse.
Kuidas ma saan oma graafika kvaliteeti Unity's optimeerida?Veenduge, et valite õige eraldusvõime ja muudate tekstuuritüübi "Sprite'iks", et tagada parim võimalik kvaliteet.
Kas ma saan animatsioonide GIF-e nuppudena Unity's kasutada?Unity ei toeta GIF-e natiivselt, kuid saate animatsioonid spritisi animatsioonidena integreerida, et saavutada sarnaseid efekte.
