Illustratorrekin lan egiten dudan alderdi bat baldin badago benetan ez dutela gozatzen, lineako artea svg irudiak mugikorrera edo webera bihurtzen ari da. Esportatu> Esportatu Menua erabiliz eta, zintzotasunez zin egiteko, Save For Web funtzioa - Esportatu> Gorde Web - ez ziren zehazki erabiltzeko erraza.
Marrazki bat bihurtzeko .svg formatuan, baizik eta beldurragoak diren elkarrizketa-koadro bat ireki zuen, laneko fluxu berri hauetarako jendeak aukera nahasien nahasketa bat eskaini baitzuen, hain zuzen ere .svg formatu ugari zeuden eta horietako bat bakarra zen. formatuan. Behin lan-fluxu hau erabili zenuenean, ez zen arazo handirik, baina ikasteko kurba aldapatsua zen.
Hori guztia aldatu egin da Export For Screens funtzio berrirako - Esportatu> Esportatu pantaila - eta Asset Export panelera Illustrator CC 2015ean sartu ziren 2016ko ekainan. "Nola" azalduko dizut nola erabiltzen dituzun Ezaugarriak. Has gaitezen.
04. 01. zenbakia
Nola esportatu pantailetan Esportatzeko Adobe Illustrator CC 2015n
Illustrator 88 erabiltzailearen Illustrator-eko erabiltzailea izan ondoren, nire irrika ulertzen dudanez, Illustrator webgune eta mugikorren interfaze eta proiektuentzako diseinu tresna garrantzitsua izan daiteke.
Artelariek 2008ko CS4 bertsioan sartutakoan, aplikazioa gehitzeko interesgarria zela pentsatu nuen. Aurretik ikusi nuen Web Illustrator-eko Save For Web-eko funtzionaltasuna berriro ikusi nuenean, interesgarria iruditu zitzaidan baina Adobe Fireworks-en eginbide bera aurkitu nuen Illustrator baino web bidezko grafikekin.
Mugikorrerako proiektu mugikorren diseinua diseinatzeko eta SVG irudien geroz eta geroz eta geroz eta gehiago garatuz, Illustrator nire SVG "joan" tresna izan zen eta UI Design laneko fluxu garrantzitsua izan zen.
Hala eta guztiz ere, mugikorreko aktiboak esportatu behar baditugu, Sketch 3 eta Photoshop CC 2015 aukeratu ditugun tresnak dira. Illustrator-ek 2016ko ekainean sartu zuen zerrenda, pantailako Esportazioen benetan niftyarekin.
Goiko adibidean, iPhonera zuzendutako bi pantailetan, "Home" eta "Lekuak" izeneko artilezko bereizietan daude. Irteerak egiteko, Fitxategia> Esportatu> Esportatu pantailara aukeratu dut. Pantaila esportatu elkarrizketa-koadroa irekiko da.
02 de 04
Esportatu pantailako koadroak nola erabili
Elkarrizketa koadroa agertzen denean, hautatu artadro bakoitza hautatzeko. Orduan, marka kontrolatuko du. Egin klik bikoitza artboardaren izenean ere, hura hautatzeko eta aldatzeko. Horrela bada, zure artadroak "Artboard 1" eta "Artboard 2" izendatzen badituzu, egia esanda, ez dizu ezer esaten.
Hiru aukera dituzu Hautatu eremuan:
- Guztiak: Aukerarekin dokumentu bakoitza artxibo bakoitza fitxategi bereizi gisa esportatzen du.
- Sorta: esportatu beharreko artilapio sorta bat idatzi. Hau gutxi gorabehera dozena artelarentzako proiektuetarako bereziki erabilgarria da.
- Dokumentu osoa: Hautatu hau eta artelan guztiak dokumentu bakarrean berdinduko dira.
Esportatu eremura irteerako helmuga karpeta aukeratu dezakezu. Karpeta lehenetsia Illustrator dokumentuaren uneko kokapena izango da.
Formatuak non "magia gertatzen den. Hiru ikonoak nabarituko dituzu: iOS. Android eta Gear bat. Lehenengo bi autoeskolak dira. Gear ikonoa formatu-ezarpenak irekitzen ditu. Horrela, zerrendako fitxategi formatu bakoitzaren optimizazioa nola kontrolatzen den azaltzen da. Ezarpen hauek "formatu zehatzak" dira eta aldaketak egin dituzunean, egin klik Gorde ezarpenen botoian eta aldaketak formatuetara aplikatuko dira.
IOS edo Android aukeratzen duzunean, plataforma horretan eskuragarri dauden ebazpen guztien artean aldatu egingo da. IOS zerrendak Erretina pantailako eskalatze faktoreak erakutsiko ditu eta Android aukeraketak .75x eta 4x bitarteko eskalak izango ditu, eta horri esker, Android gailu ia guztiak gailentzen dira.
Kendu nahi duzun formatua badago, sakatu "x". Bat gehitu nahi baduzu, sakatu + Gehitu eskala botoia.
Amaitutakoan, egin klik Exportatu artontzia botoian eta aurrerapen-barra bat erakutsiko dizu prozesua amaitutakoan.
04/03
Adobe Illustrator CC 2015 fitxategien pantailen esportaziorako fitxategiak erabiltzea.
Esportatzeko pantailen emaitzak ikusteko, Illustrator-ek pantailako bertsio xehatua atera duela ikusiko duzu. Gainazalean, pixka bat ahulagoa dirudi, Illustratorrek bit eta piezak irudi guztiak esportatu zituela espero bazen ere.
Urratsera itzuli eta une batez pentsatzen baduzu, hau benetan behar duzuna da prototipoaren aplikazioan irteera hau erabili ahal izateko, hala nola, Adobe Experience Design , Principleformac, Atomic.io , UXPin edo beste prototipo aplikazio bat.
Adibide honetan, Adobe Experience Design (XD) erabiltzen dut klik-thru sinple bat sortzeko. Prozesuaren lehen urratsa Illustrator Interface dimentsioarekin bat datorren iPhone 6 tamaina hautatzea zen
Interfazea irekitzean, Artboard tresna hautatu nuen eta ondoren klikatu arbelean artadro bat gehitzeko. Orduan "Home" eta "Lekuak" izendatu nituen, artboard bakoitza hautatuta eta png irudia ilustratoretik artboardera inportatu zuen.
"Hotspots" sortzeko, egin klik laukizuzen bat, Arakatu botoian hasierako pantailan zehar, eta betegarriko eta mugako balioak ezartzen ditu Propietateen panelean propietate horiek desautatzen. Lekuen Atzera botoian gauza bera egin nuen.
Interaktibitatea gehitzeko, Prototipo modua aukeratu nuen eta "hotspot" gainean klikatu. Gezi hau arrastatzen dut - alanbre bat deitu dut - tokiaren orrira joateko eta Trantsizioaren helburuan Lekuak, mugimendua ezkerrerantz bultzatzeko, errazteko eta trantsizioaren iraupena .6 segundotan.
Urrats hori errepikatu dut leku-orrietan. Ezberdintasun bakarra trantsizioa ezarri zen Eskuinera. Play protokoloa sakatu nuenean nire prototipoa probatu dut.
04 de 04
Nola erabili Esportatzeko Aktiboen Panela Adobe Illustrator CC 2015-en
Pantaila aurrezteko menuarekin batera, Adobe-k panel berri bat gehitu zuen: Asset Export - UI Design laneko fluxu mina erraldoia kenduta.
Mina puntu ikonoak ziren. Illustrator bektore-marrazki bizidun handia da, baina irteera, dezagun 10 ikonoak, 40 edo 50 orrialdetan, bakoitza SVG irudi gisa gorde behar da. Hau ezinbestean denbora gehiago behar izan zuen SVG panelera egindako bidaietarako. Mina puntu hau orain iraganeko gauza da.
Panel berri hau Leihoan> Aktiboen Esportan aurki daiteke. Panelean irekitzen denean, hautatu SVG edo beste formatu batera bihurtu nahi duzun aktiboa eta arrastatu panelera. Sagua askatzen duzunean aktiboaren miniatura gehituko zaio panelari. Izena aktiboa. Mantendu objektuak arrastatu panelean bukatu arte.
Aukeratu elementu bakoitza Esportatzeko ezarpenen eremuan, edo hauta itzazu Maius tekla sakatuta mantenduz eta bakoitza klik eginez. Aukeratu zure formatua - adibide honetan, SVG aukeratu nuen eta egin klik Esportatu botoian. Hautatutako elementuak SVG fitxategiak SVG fitxategian sortuko dira Illustrator fitxategian kokapen berean.
Prozesu hau guztiz garatzen denean, Asset Export panelak ez dituzu erabili behar. Pantaila-babesak kontrolatzeko botoia sakatzen baduzu, panelaren behealdean, elkarrizketa-koadroa irekiko da.
Alderantziz, Aktiboen fitxan egin klik Ezarpenak pantailako panelean, Asset Export panelera sartzeko. Adibidez, artboard bateko ikono pertsonalizatua baduzu, Asset Export panelean ireki dezakezu Gorde pantaila pantailako elkarrizketa-koadroan eta arrastatu elementua Asset Export panelean.