Erota pelin käyttöliittymä muokattaviksi tasoiksi
Muuta pelikuvakaappaukset erillisiksi käyttöliittymäpaneeleiksi, HUD-elementeiksi, kuvakkeiksi ja käyttöliittymäresursseiksi. Hienosäädä yksittäisiä komponentteja tekoälypohjaisella tasojen erottelulla.
Lataa pelin käyttöliittymän kuvakaappaus
Käytä selkeää kuvakaappausta tai käyttöliittymämallia. Ensimmäinen vaihe erottaa käyttöliittymän pääkomponentit pelin taustasta.
1
Klikkaa tai raahaa kuva ladataksesi
Upload your image
JPG, PNG, WebP up to 10MB · Drag & drop anywhere
Vaihda kuva
Layer Hotspots17 Layers
Hover or click box to inspect layer
Separated Layer Cutouts17 Layers
Protected Assets
2
Asetukset
Suunniteltu pelien käyttöliittymille
Ensimmäinen vaihe erottelee komponentit toiminnallisuuden mukaan: palkit, paneelit, valikkopainikkeet, minimapin, hahmon ja taustan. Tiiviit elementit, kuten taitopalkit, voidaan jakaa edelleen vain silloin, kun itse haluat.
HUD ja tilapalkitMinimappi ja valikotTaitopalkit ja pikanäppäimetChat- ja dialogipaneelit
Kustannus per ajo60 krediittiä
Lataa kuva jatkaaksesi
Yksityinen tiedostojen käsittely
Ladattavat tiedostot on yhdistetty tiliisi ja ne toimitetaan suojattujen URL-osoitteiden kautta. Voit poistaa valmiit työt manuaalisesti.
Läpinäkyvä PNG-tuloste
Yksityiskohtaiset tasot palauttaa jokaisen tunnistetun elementin omana tasonaan läpinäkyvällä taustalla.
Parhaan tuloksen saamiseksi käytä:
- Koko kuvaa ilman rajauksia
- Korkeaa resoluutiota ilman voimakasta pakkausta
- Kuvaa, jossa käyttöliittymä ja tehosteet eivät mene liikaa päällekkäin
- Staattista kuvaa, ei liikkeen sumentamaa
- HUD, palkit ja paneelit omina tasoinaan
- Hahmo ja tausta erotettuina toisistaan
- Jaa valittu paneeli edelleen painikkeiksi
- Siirrä, piilota ja vie tasoeditorissa
Todellisia tuloksia
Yhdestä kuvakaappauksesta erillisiksi käyttöliittymäkomponenteiksi
Kaksi todellista ajoa samalla pelikuvakaappauksella. Ensimmäinen erottaa käyttöliittymän taustasta. Toinen ottaa yhden näistä tasoista, taitopalkin, ja jakaa sen edelleen.
Vaihe 1: erota kuvakaappaus
Hahmo ja tausta erottuvat käyttöliittymästä, ja jokainen palkki, paneeli, valikkopainike ja kuvake muodostaa oman tasonsa.
Vaihe 2 (valinnainen): erota yksi taso edelleen
Taitopalkki oli yksi taso vaiheen 1 jälkeen. Erillisenä ajona se jakautui kymmeneen painikkeeseen, kahteen patsaaseen ja palkin pohjaan.
Mitä odottaa
Tekoälymalli piirtää jokaisen tason uudelleen, joten palasten yhdistäminen antaa lopputuloksen, joka on lähellä alkuperäistä kuvaa, mutta ei täydellinen kopio. Koot ja sijainnit voivat poiketa hieman, mikä näkyy selvimmin tiiviissä elementeissä, kuten taitopalkeissa. Tarkista pieni teksti, numerot ja ohuet kuvakkeet ennen tason käyttöä.
Miten se toimii
Kaksi vaihetta, sinä päätät toisesta
1
Lataa kuvakaappaus
Ensimmäinen vaihe erottaa käyttöliittymän pääkomponentit ja hahmon taustasta.
2
Tarkista tasot
Valitse tasoja editorissa, siirrä tai piilota niitä ja vertaa niitä alkuperäiseen kuvakaappaukseen.
3
Valitse taso tarkempaa erottelua varten
Valitse esimerkiksi taitopalkki. Krediittikustannus näytetään ennen kuin prosessi alkaa.
4
Käytä palasia
Palaset korvaavat kyseisen tason editorissa. Voit palauttaa alkuperäisen tason tai kumota muutokset milloin tahansa ennen vientiä.
Pelinkehittäjille
Irrota käyttöliittymän osat litteästä kuvakaappauksesta
Kuvakaappaus sisältää koko käyttöliittymän yhtenä kuvana. Sen erottelu antaa sinulle palkit, paneelit ja kuvakkeet läpinäkyvinä tasoina, joita voit siirtää, muokata tai hyödyntää omassa käyttöliittymäputkessasi.
Työkalu erottelee grafiikkaa. Se ei luo käyttöliittymää uudelleen pelimoottorin objekteina.
- Prototyyppien luominen viitekuvasta
- HUD-osien irrottaminen uudelleensuunnittelua varten
- Käyttöliittymämallin rakentaminen olemassa olevasta kuvakaappauksesta
- Kuvakkeiden ja kehysten kerääminen tyylitutkielmia varten
Käyttöliittymäsuunnittelijoille
Työskentele komponenteilla yhden kuvan sijaan
Kun palkit, paneelit ja painikkeet ovat erillisiä tasoja, voit järjestää ne uudelleen, piilottaa tarpeettomat ja viedä lopputuloksen.
Tasot säilyttävät paikkansa kankaalla, joten voit siirtää yhtä osaa koskematta muihin.
- Elämä- ja manapalkit
- Minimappi ja sen kehys
- Valikko- ja tehtäväpainikkeet
- Chat- ja dialogipaneelit
- Laskurit, kellot ja yksittäiset kuvakkeet
Resurssien luojille
Kerää uudelleenkäytettäviä osia
Kuvakkeista, painikkeista ja koristeista tulee erillisiä läpinäkyviä PNG-tasoja. Käytä vain sellaista grafiikkaa, johon sinulla on käyttöoikeudet.
- Taito- ja kykykuvakkeet
- Koristeelliset kehykset ja patsaat
- Valuutta- ja tilakuvakkeet
- Koristeelliset kulmapalat
Miksi kaksi vaihetta
Ensimmäisellä ajolla on tasorajoitus
Jokainen ajo palauttaa taustan ja enintään 16 eroteltua tasoa. Pelin koko käyttöliittymässä on enemmän osia, joten ensimmäinen vaihe ryhmittelee tiiviit elementit yhteen sen sijaan, että jokainen painike erotettaisiin.
Toinen vaihe ajaa valitun tason erikseen, jolloin malli voi käyttää kaikki tasoresurssinsa kyseiseen komponenttiin.
Ensimmäinen vaihe
Komponentteja, ei sirpaleita
Ensimmäisessä vaiheessa haetaan toiminnallisia komponentteja suurten visuaalisten alueiden sijaan: palkki ja sen teksti pysyvät yhdessä, ja valikkopainike pysyy kuvakkeensa kanssa.
Tausta pidetään yhtenä tasona, ja sen päällä oleva hahmo erotetaan taustasta.
- Tilapalkit ja XP-palkki
- Pomo- ja kohdepalkit
- Minimappi ja valikkopainikkeet
- Chat- ja dialogi-ikkunat
- Hahmo ja tausta
Pysyvät yhdessä
Jotkut elementit tulevat yhtenä tasona
Samankaltaisten painikkeiden rivit, kuten taitopalkit, palautetaan usein yhtenä tasona ensimmäisessä vaiheessa. Sitä varten toinen vaihe on olemassa.
Silloinkaan erittäin tiiviin elementin täydellistä jakautumista jokaiseksi osaksi ei voida taata.
Rajoitukset
Mitä tämä työkalu ei tee
Se ei palauta pikselintarkkoja rajauksia kuvakaappauksestasi, eikä se takaa, että jokaisesta käyttöliittymäelementistä tulee oma tasonsa.
Se ei luo pelimoottoritiedostoja, kuten Unity-prefab-objekteja, Unreal-widgetejä tai Godot-scenejä, eikä se tunnista painikkeiden toimintoja tai tekstiä puolestasi.
- Pieni teksti ja numerot tulee tarkistaa silmämääräisesti
- Ohuet viivat ja hohde voivat näyttää hieman erilaisilta
- Päällekkäiset elementit voivat jäädä samaan tasoon
Valmistelu
Parempi erottelu
Käytä täyttä kuvaa korkeimmalla mahdollisella resoluutiolla. Vältä kuvaamista liikkeen sumentaessa, kameran täristessä tai voimakkaiden hiukkastehosteiden aikana.
Jos tarvitset vain yhden paneelin, rajaa se ensin tai aja ensimmäinen vaihe ja erota kyseinen taso sen jälkeen tarkemmin.
- Täysi, rajaamaton kuva
- Korkea resoluutio
- Staattinen hetki
- Käyttöliittymä ei tehosteiden peitossa
Tasojen käyttö
Muokkaa, järjestä ja vie
Tasoeditorissa voit siirtää, muuttaa kokoa, piilottaa, lukita ja järjestää tasoja, käyttää maskeja ja säätöjä sekä viedä koosteen kuvana.
ZIP- ja PSD-lataukset sisältävät erotellut tasot. Edelleen eroteltu taso viedään osina. PSD-vienti vaatii maksullisen tilauksen.
Krediitit
Näe kustannus ennen aloitusta
Jokainen ajo käyttää krediittejä ja näyttää kustannuksen etukäteen. Tason tarkempi erottelu on erillinen, valinnainen ajo: mitään ei veloiteta ennen kuin vahvistat sen.
Jos ajo epäonnistuu, krediitit palautetaan automaattisesti.
Game UI to Layers - Usein kysytyt kysymykset
Mitä Game UI to Layers tekee?
Se erottaa pelin kuvakaappauksen läpinäkyviksi tasoiksi: tilapalkit, paneelit, valikkopainikkeet, minimapin, kuvakkeet, hahmon ja taustan. Voit sen jälkeen siirtää, piilottaa ja viedä niitä tasoeditorissa.
Tuleeko jokaisesta painikkeesta oma taso?
Ei ensimmäisessä vaiheessa. Jokainen ajo palauttaa taustan ja enintään 16 eroteltua tasoa, joten samankaltaisten painikkeiden rivit pysyvät yleensä yhdessä. Voit erottaa tason tarkemmin toisessa vaiheessa, mutta silloinkaan täydellistä jakautumista ei voida taata.
Miten saan yksittäiset taitopainikkeet?
Suorita ensimmäinen vaihe, valitse taitopalkkitaso editorissa ja valitse 'Erota tämä taso edelleen'. Testissämme taitopalkki jakautui kymmeneen painikkeeseen, kahteen patsaaseen ja palkin pohjaan.
Maksanko kahdesti?
Vain jos haluat. Ensimmäinen vaihe on yksi ajo. Tason tarkempi erottelu on erillinen, valinnainen ajo, jonka krediittikustannus näytetään ennen aloitusta. Epäonnistuneet ajot hyvitetään automaattisesti.
Ovatko tasot tarkkoja rajauksia kuvakaappauksestani?
Eivät. Tekoälymalli piirtää jokaisen tason uudelleen. Yhdistettynä palaset ovat lähellä alkuperäistä kuvaa, mutta eivät identtisiä, ja koot tai sijainnit voivat poiketa hieman.
Säilyykö käyttöliittymän teksti?
Teksti ja numerot säilyvät yleensä, mutta pieni tai ohut teksti voi muuttua. Tarkista jokainen tekstiä tai numeroita sisältävä taso ennen käyttöä.
Voinko käyttää lopputulosta Unityssa, Unrealissa tai Godotissa?
Saat läpinäkyviä PNG-tasoja ja vietävän koosteen. Työkalu ei luo Unity-prefab-objekteja, Unreal-widgetejä tai muita pelimoottoriprojektitiedostoja, joten tuot kuvat omaan käyttöliittymäjärjestelmääsi.
Kuinka monta tasoa yksi ajo voi palauttaa?
Taustan ja enintään 16 eroteltua tasoa per ajo.
Mitä taustalle ja hahmolle tapahtuu?
Tausta pidetään omana tasonaan. Hahmo erotetaan taustasta, ja tausta rakennetaan uudelleen sen takana.
Voinko palauttaa alkuperäisen tason sen jälkeen, kun olen erottanut sen tarkemmin?
Kyllä. Alkuperäinen taso säilytetään piilotettuna, kun taas sen palaset näytetään. 'Palauta alkuperäinen taso' tuo sen takaisin, ja myös kumoaminen toimii.
Mitkä kuvakaappaukset toimivat parhaiten?
Täysi, staattinen kuva korkealla resoluutiolla, ilman liikkeen sumentamaa tai voimakkaita tehosteita käyttöliittymän päällä. Selkeät välit elementtien välillä auttavat.
Mitkä vientimuodot ovat käytettävissä?
Voit ladata tasot ZIP-tiedostona, viedä koosteen PNG-muodossa tai ladata PSD-tiedoston maksullisella tilauksella. Tarkemmin eroteltu taso viedään sen osina.
Voinko käyttää kuvakaappauksia mistä tahansa pelistä?
Käytä vain grafiikkaa, johon sinulla on käyttöoikeudet. Muiden omistamien pelien kuvakaappaukset tai muiden lisenssien alainen taide ei välttämättä ole muokattavissa tai jaettavissa.
Voinko muokata eroteltuja palasia tekoälyllä?
Palasia voi siirtää, maskata, säätää ja ladata editorissa. Tekoälymuokkaukset, skaalaus ja taustan poisto toimivat alkuperäisillä tasoilla.
Muuta pelikuvakaappauksesi erillisiksi käyttöliittymätasoiksi
Lataa kuvakaappaus, tarkista erotellut komponentit ja syvenny tarkemmin vain niihin tasoihin, jotka sitä tarvitsevat.
Erota käyttöliittymäNäet krediittikustannuksen ennen jokaista ajoa.