Ukuba kukho enye inkalo yokusebenza kunye ne- Illustrator ukuba andinakuyonwabela ukuguqula ubugcisa bomgca ukuya kwimifanekiso yeselula okanye iwebhu. Ukusebenzisa i-Export> Ukuthumela ngaphandle Imenyu kwaye, ukuba unyanisekile, i-Save For Web feature - Export> Gcina iWebhu - yayingelula ukuyisebenzisa.
Ukuguqula umdwebo kwifom ye .svg yavula ibhokisi yencoko ebalulekileyo yecandelo, ukuba abantu abatsha kulo msebenzi, bahambisa uluhlu olunokudideka lokukhetha ukungakhangeli ukuba kukho iifom ze-.svg kwaye enye yazo yayilungileyo ifomathi. Xa usuqhelisele ukukhutshwa komsebenzi kwakungenanto enkulu, kodwa i-curve yokufunda yayiphezulu.
Yonke ishintshile nge-New Export For Screens feature - Export> Export for Screens - kunye nePaneli yokuPhuma kwe-Asset eyaziswa kwi- Illustrator CC 2015 ngoJuni 2016. Kule "Njani" ndiya kukubonisa indlela yokusebenzisa Iimbonakalo. Masiqalise.
01 ngo 04
Indlela yokufikelela kwi-Export for Screens Kwi-Adobe Illustrator CC 2015
Ukuba ngumsebenzisi we-Illustrator ukususela kwi-Illustrator 88 Ndicinga ukuba unokuqonda ukungafuni ukuqwalasela i-Illustrator njengesixhobo esinzulu sokwenza i-web kunye ne-interfaces ephathekayo kunye neeprojekthi.
Xa i-arboboards yaziswa kwi-CS4 version 2008, ndacinga ukuba yongezelela umdla kwisicelo. Xa ndabona kuqala ukubonakala kwe-Web Store ku-Illustrator, kwakhona, ndakuyityebile kodwa ndafumana into efanayo kwi-Adobe Fireworks ihambelaniswe neefayile zewebhu kuneC Illustrator.
Ngokufika kwendlela yokuhamba yeselula yokuyila kunye nokunyaniseka okwandisiweyo kwimifanekiso ye-SVG yeeprojekthi ezihambayo, umzekeliso "wam" ukuya kwinqwelo ye-SVG kwaye waba ngumsebenzi obalulekileyo ekuphumeni komsebenzi we-UI.
Nangona kunjalo, ukuba ndifuna ukuthumela izinto eziphathekayo, umzobo we-3 kunye ne-Photoshop CC 2015 zixhobo zam ezikhethiweyo. Umzekeliso wangena uluhlu ngoJuni 2016 kunye ne-Export Export for Imenyu yeSkrini.
Kulo mzekelo ukhankanywe ngasentla, ndinezikrini ezimbini ezibhekiselele kwi-iPhone kwaye zise-Artboards ezahlukileyo ezibizwa ngokuthi "Ikhaya" kunye ne "Iindawo". Ukuvelisa, ndakhetha iFayile> Thumela> Ukuthumela ngaphandle kweSkrini. Ibhokisi yencoko yababini ye-Export ivula.
02 we 04
Indlela yokusebenzisa i-Export ye-Bhokisi yeNgxoxo ye-Screens
Xa ibhokisi yencoko ibonakala, cofa kwi-artboard nganye ukuba ukhethwe. Kuya kuthi ke umdlale uphawu lokukhangela. Ungaphinda uklikhe kabini igama le-artboard ukuze ukhethe kwaye ulitshintshe. Oku kuyinto enhle ukuyazi ukuba i-artboards yakho ibizwa ngokuba yi-"Artboard 1" kunye ne "Artboard 2" okuthi, ngokuqinisekileyo, akuxeleli nto.
Unokukhetha ezintathu kwi-Khetha Indawo:
- Konke: Olu khetho lokuthumela ngaphandle i-artboard nganye kwirekhodi njengefayile ehlukile.
- Ubungakanani: Faka uluhlu lweebhodi zobugcisa ukuthunyelwa ngaphandle. Oku kunceda kakhulu kwiiprojekthi ezinezinto ezili-12 zobugcisa.
- Uxwebhu olupheleleyo: Khetha oku kunye nazo zonke iibhodi zobugcisa ziya kufakwa kwisicatshulwa esisodwa.
I-Export ukuya kwingingqi ikuvumela ukuba ukhethe ifolda yokuya kuyo imveliso. Ifolda engagqibekanga iya kuba yindawo ekhoyo yolu xwebhu lwe-Illustrator.
Iifomathi apho "kwenzeka khona umlingo. Uya kubona ukuba kukho iimpawu ezintathu- iOS. Android kunye ne Gear. Iibini zokuqala zizichaza. I-Gear icon ivula izicwangciso zefomathi ezikuvumela ukuba ulawule indlela nganye ifomathi yefayile eluhlu luya kulungiswa ngayo. Ezi zicwangciso "zifomathiweyo" kwaye emva kokuba wenze utshintsho lwakho, nqakraza i-Save Settings kunye nezo tshintsho ziya kusetyenziswa kwifomathi ukuba zivelise.
Xa ukhetha iOS okanye i-Android uluhlu luya kutshintsha ukuquka zonke izigqibo ezitholakalayo kule nqonga. Uhlu lwe-iOS luza kubonisa izinto ezibonakalayo zokubonakalisa i-Retina kunye nokukhethwa kwe-Android kuya kuba nezikali ezivela kwi .75x ukuya kwi-4x ehlala kuzo zonke idivaysi ye-Android apho.
Ukuba kukho ifomati ebonisa ukuba ufuna ukususa, cofa "x". Ukuba kukho enye ofuna ukuyongeza klikha iqhosha le-Add Add Scale.
Xa ugqibile, nqakraza iqhosha le-Export Artboard kwaye ibha yenkqubela iya kukubonisa xa inkqubo iphelile.
03 we 04
Ukusebenzisa i-Export For Screens Files kwi-Adobe Illustrator CC 2015.
Xa uhlola iziphumo zokuthumela ngaphandle kweSkrini, uza kufumana ukuba i-Illustrator ikhuphe inguqu egciniweyo yesikrini ngasinye. Ekubeni, oku kungabonakala kunobuthathaka ngokukodwa xa ulindele ukuba i-Illustrator ikhuphe zonke izinto kunye nezicucu njengezithombe.
Ukuba ubuyela emva kwaye ucinge ngako okwesikhashana, oku kunene oko kukufunayo ngenxa yokuba ungayisebenzisa le mveliso kwisicelo sokukhusela njenge- Adobe Experience Design , i-Principleformac, i-Atomic.io , i- UXPin okanye enye yesicelo sokukhupha
Kulo mzekelo, ndisebenzisa i-Adobe Experience Design (XD) ukwenza i-click-thru elula. Isinyathelo sokuqala kwinkqubo kukuba ukhethe ubungakanani be-iPhone 6 obuhambelana nobukhulu be-interface ye-Illustrator
Xa i-interface ivuliwe, ndakhetha ithuluzi le-Artboard kwaye ndicofa kanye kanye kwi-pastibho ukuze ungeze elinye i-artboard. Emva koko ndawabiza ngokuthi "Ikhaya" kunye ne "Iindawo", ezikhethiweyo ze-artboard nganye kwaye zangenisa umfanekiso we-png ukusuka kwi-Illustrator kwi-artboard.
Ukwenza i "hotspots" ngokukhafaza-thru, ndadonsa ikhonkco ngaphaya kweKhenketho lokuHlola kwesikrini sasekhaya uze usethe ukuzaliswa kwayo kunye nemigangatho yamanqamle kunoma ubani ngokukhetha ezo zakhiwo kwiPaneli yeeMpahla. Ndenze into efanayo ne-Back Back kwikhasi lePahla.
Ukongeza i-Interactivity, ndakhetha imodeli yeProtrate kwaye ke ndicofa kwi "hotspot". Emva koko nditsalathisa umcibisholo- obizwa ngokuba ngumgca - kwiPahla yekhasi kwaye usethe iCandelo loTshintsho kwiindawo, isisombululo sokushiya i-Left, ukunciphisa ukukhupha kunye nobude benguqu .6 imizuzwana.
Ndiphindaphinda le nyathelo kunye ne-hotspot kwiPahla yePahla. Ukwahlukana kuphela ukuguqulwa kwasetyenziselwa ukunyusa kwesokudla. Xa ndiqhosha inkinobho ye-Play ndavavanya umboniso wam.
04 we 04
Indlela yokusebenzisa i-Export Asset Panel Kwi-Adobe Illustrator CC 2015
Kuye kunye ne-Save for Screens menu i-Adobe yongeze iphaneli entsha - i-Asset Export-eyasusa intlungu enkulu kwi-UI Design workflow.
Iintlungu zentlungu. Umzekeliso ngumsebenzi omkhulu wokudweba i-vector kodwa ukuvelisa, masithi iimpawu ezili-10, kwiphepha elinama-40 okanye ama-50 zazo zifunwa ngamnye ugcinwa njengesithombe se-SVG. Ngokuqinisekileyo oku kufuna ixesha elingaphezulu kunombulelo oqhelekileyo kwiindlela ezilandelelanayo kwiipaneli zeSVG. Le ngongoma yintlungu ngoku into yinto edlulileyo.
Le ipaneli entsha inokufumaneka kwiWindows> I-Asset Export. Xa iphaneli ivula, khetha i-asethi ofuna ukuyiguqulela kwi-SVG okanye enye ifomathi uze udibane kwipaneli. Xa ukhulula imouse isithonjana se-asethi songezwa kwiphaneli. Qamba i-asethi. Gcina uhudulela izinto kwiipaneli uze ugqibe.
Khetha nganye into kwindawo ye-Export settings, okanye ukhethe bonke ngokubamba iqhosha laseShift kwaye ucofa nganye. Khetha ifomathi yakho - kulo mzekelo, ndakhetha i-SVG- kwaye nqakraza iqhosha lokuthumela ngaphandle. Izinto ezikhethiweyo ziya kukhutshwa njengeifayile ze-SVG kwindawo efanayo kunye nefayile ye-Illustrator.
Xa le nkqubo iphela iyancipha, akudingeki ukuba usebenzise iphaneli ye-Asset Export. Ukuba ukhekha inkinobho yokugcina yeSkrini kwizantsi lepaneli ibhokisi yencoko yavula.
Ngakolunye uhlangothi, unokucofa ithebhu yeeAsistili kwiPaneli yokuSindisa yeZkrini ukuze ufinyelele iphaneli ye-Asset Export. Umzekelo, ukuba unemifanekiso yenkcubeko kwi -boardboard ungavulwa iphaneli ye-Asset Export kwibhokisi yencoko yoBoniso yeSondlo uze uhudule loo nto kwi-Panel Export panel.