Ikiwa kuna kipengele kimoja cha kufanya kazi na Illustrator kwamba sifurahi kweli ni kubadilisha uandishi wa mstari kwa picha za simu za mkononi au wavuti. Kutumia Export> Export Kama menu na, kuwa waaminifu kikamilifu, kipengele cha Hifadhi ya Mtandao - Export> Hifadhi kwa Wavuti - hakuwa rahisi sana kutumia.
Kubadili kuchora kwenye fomu ya .svg ilifungua sanduku la mazungumzo la kutisha ambalo, kwa watu wapya kwenye uendeshaji huu wa kazi, walitoa mchanganyiko wa chaguo bila kutaja ukweli kwamba kulikuwa na idadi ya fomu za .svg na moja tu yao ilikuwa sahihi format. Mara tu ulipokuwa umejitambulisha kazi hii haikuwa na mpango mkubwa, lakini pembe ya kujifunza ilikuwa mwinuko.
Hiyo imebadilishwa na kipengele kipya cha Export For Screens - Export> Export for Screens - na Jopo la Export ya Mali ambayo ililetwa kwa Illustrator CC 2015 mwezi Juni 2016. Katika hii "Jinsi ya" Nitawaonyesha jinsi ya kutumia wote wawili vipengele. Tuanze.
01 ya 04
Jinsi ya Kupata Export Kwa Skrini Katika Adobe Illustrator CC 2015
Baada ya kuwa mtumiaji wa Illustrator tangu Illustrator 88 Nadhani unaweza kuelewa kusita kwangu kuzingatia Illustrator kama chombo kikubwa cha kubuni kwa interfaces za mtandao na simu na miradi.
Wakati artboards zilipatikana katika toleo la CS4 2008, nilidhani kuwa ni pamoja na kuvutia kwa programu. Nilipoona kwanza kipengele cha Hifadhi cha Mtandao kilichopunguzwa sasa katika Illustrator, tena, nimeona kuwa ni ya kuvutia lakini nimeona kipengele sawa katika Moto wa Adobe kilichokaa zaidi na picha za wavuti kuliko Illustrator.
Pamoja na ujio wa mbinu ya simu ya kwanza ya kubuni na kuimarisha zaidi juu ya picha za SVG kwa miradi ya simu, Illustrator ilikuwa chombo changu cha "kwenda" kwa SVG na ikawa ni muhimu kuacha katika uendeshaji wa kazi ya UI.
Hata hivyo, kama nilihitaji kusafirisha mali kwa simu, Mchoro 3 na Photoshop CC 2015 ni zana zangu za kuchagua. Mchoraji aliingia kwenye orodha ya Juni 2016 na Export kweli ya Nifty kwa orodha ya skrini.
Katika mfano hapo juu, nina skrini mbili zilizotengwa kwa iPhone na ziko kwenye Sanaa za Sanaa zilizoitwa "Nyumbani" na "Maeneo". Ili kuwasilisha, nimechagua Picha> Export> Export kwa Screens. Bodi ya majadiliano ya Export ya Screens inafungua.
02 ya 04
Jinsi ya kutumia Export kwa Screens Dialog Box
Wakati sanduku la mazungumzo linaonekana, bofya kwenye kila ubao wa sanaa utachaguliwa. Kisha utakuwa na alama ya kuangalia. Unaweza pia kubofya mara mbili jina la sanaaboard ili kuichagua na kuibadilisha. Hii ni jambo jema kujua kama mbao zako za sanaa zinaitwa "Sanaa ya 1" na "Sanaa ya 2" ambayo, kwa kweli, haijakuambia chochote.
Una uchaguzi wa tatu katika Eneo cha Chagua:
- Wote: Hii mauzo ya nje kila artboard katika waraka kama faili tofauti.
- Rangi: Ingiza aina nyingi za sanaa za kuagiza. Hii ni muhimu hasa kwa miradi yenye sanaa kadhaa za sanaa.
- Nyaraka Kamili: Chagua hii na sanaa zote za sanaa zitapigwa kwenye hati moja.
Kutoka kwa eneo hukuwezesha kuchagua folda ya marudio kwa pato. Folda ya default itakuwa eneo la sasa la hati ya Illustrator.
Fomu ni wapi "uchawi hutokea. Utaona kwamba kuna icons tatu- iOS. Android na Gear. Ya kwanza ni ya maelezo ya kibinafsi. Itawa ya Gear inafungua Mipangilio ya Mfumo ambayo inakuwezesha kudhibiti jinsi kila fomu za faili kwenye orodha zitafanywa. Mipangilio hii ni "muundo maalum" na mara moja ukifanya mabadiliko yako, bofya kifungo cha Hifadhi ya Hifadhi na mabadiliko hayo yatatumika kwenye fomu za kutolewa.
Mara baada ya kuchagua iOS au Android orodha hiyo itabadili kuingiza maamuzi yote inapatikana kwenye jukwaa hilo. Orodha ya iOS itaonyesha mambo ya kuvutia ya kuonyesha kwa Retina na uteuzi wa Android utakuwa na mizani inayoanzia .75x hadi 4x ambayo inachukua kivitendo kila kifaa cha Android huko nje.
Ikiwa kuna muundo unaoonyesha unataka kuondoa, bofya "x". Ikiwa kuna moja unataka kuongeza bonyeza kifungo cha Ongeza + cha Scale.
Baada ya kumaliza, bofya kifungo cha Export Artboard na bar ya maendeleo itakuonyesha wakati mchakato umekamilika.
03 ya 04
Kutumia Faili za Export Kwa Screens kutoka kwa Adobe Illustrator CC 2015.
Unapotafuta matokeo ya Kuagiza kwa Skrini, utagundua kuwa Illustrator imetoa toleo la kupigwa kwa kila skrini. Kwenye uso, hii inaweza kuonekana kuwa dhaifu sana ikiwa unatarajia Illustrator kuwa nje ya vipande vyote na vipande kama picha.
Ukitembea nyuma na kufikiri juu yake kwa muda mfupi, hii ni kweli hasa unayohitaji kwa sababu unaweza kutumia pato hili katika programu ya prototyping kama vile Adobe Experience Design , Principleformac, Atomic.io , UXPin au programu nyingine ya kupiga picha
Katika mfano huu, ninatumia Adobe Experience Design (XD) ili kujenga click rahisi. Hatua ya kwanza katika mchakato ilikuwa kuchagua ukubwa wa iPhone 6 ambao ulifanana na vipimo vya Kielelezo cha Illustrator
Wakati interface ilifunguliwa, nimechagua chombo cha Sanaa na mara moja mara moja kwenye sanduku la kuweka pasi ili uongeze mwingine sanaa. Niliwaita "Home" na "Maeneo", kuchaguliwa kila aina ya sanaa na kuagiza picha ya png kutoka kwa Illustrator kwenye sanaa.
Ili kuunda "hotspots" kwa click-thru, nilitengeneza mstatili juu ya kifungo cha kuchunguza kwenye skrini ya nyumbani na kuweka mazao yake ya kujaza na mipaka kwa hakuna kwa kuchagua mali hizo kwenye jopo la Mali. Nilifanya kitu kimoja na kifungo cha Nyuma katika ukurasa wa Sehemu.
Ili kuongeza Uingiliano, nilichagua mtindo wa Programu na kisha ukafya kwenye "hotspot". Kisha nikavuta mshale- unaitwa waya - kwenye Sehemu za Maeneo na kuweka Taratibu ya Mpito kwenye Maeneo, mwendo wa Kusukuma Kushoto, kuimarisha ili kupunguza na muda wa mabadiliko hadi sekunde 6.6.
Nimerudia hatua hii na hotspot kwenye Ukurasa wa Sehemu. Tofauti pekee ilikuwa Mpito uliwekwa kwenye Push Haki. Nilipobofya kifungo cha kucheza nilijaribu mfano wangu.
04 ya 04
Jinsi ya kutumia Jopo la Malipo ya Nje ya Nje Katika Adobe Illustrator CC 2015
Pamoja na orodha ya Hifadhi ya skrini Adobe pia aliongeza jopo jipya - Nje ya Nje - iliyoondoa hatua kubwa ya maumivu katika uendeshaji wa kazi ya UI.
Hatua ya maumivu ilikuwa icons. Illustrator ni maombi mazuri ya kuchora maombi lakini kwa pato, hebu sema icons 10, kwenye ukurasa na 40 au 50 kati yao wanahitajika kila mmoja kuokolewa kama picha ya SVG. Hii bila shaka ilihitaji muda zaidi kuliko shukrani za kawaida kwa safari mfululizo kwenye jopo la SVG. Hatua hii ya maumivu sasa ni kitu cha zamani.
Jopo hili jipya linaweza kupatikana kwenye Dirisha> Nje ya Nje. Wakati jopo linafungua, chagua mali unayotaka kubadilisha na SVG au aina nyingine na jurisha kwenye jopo. Unapofungua panya thumbnail ya mali imeongezwa kwenye jopo. Fanya mali. Endelea kuburudisha vitu ndani ya jopo mpaka utakapomaliza.
Chagua kila kipengee Katika eneo la mipangilio ya Export, au uchague yote kwa kuweka chini ya Shift muhimu na kubofya kila mmoja. Chagua muundo wako - kwa mfano huu, nimechagua SVG- na bofya kifungo cha Export. Vipengee vichaguliwa vitatolewa kama faili za SVG kwenye eneo moja kama faili ya Illustrator.
Ambapo utaratibu huu wote unapatikana hata huna kutumia Jopo la Nje la Nje. Ikiwa unabonyeza kifungo cha Hifadhi kwa skrini chini ya jopo sanduku la dialog linafungua.
Kinyume chake, unaweza kubofya Kitabu cha Mali kwenye Jopo la Hifadhi ya Skrini ili ufikia jopo la Nje la Nje. Kwa mfano, ikiwa una icon ya desturi kwenye sanaa ya sanaa unaweza kufungua jopo la Nje ya Hifadhi kwenye sanduku la Kuhifadhi ya Screen na ubose kitu hicho kwenye Jopo la Nje la Nje.