Raha misy lafiny iray amin'ny fiaraha-miasa amin'i Illustrator dia tena tsy tiako izany dia ny famolavolana ny famoronana sary ho svg sary ho an'ny finday na ny tranonkala. Amin'ny fampiasana ny Export Export> As Menu, ary raha ny marina, ny safidy Save For Web - Export> Save for Web - dia tsy mora ny mampiasa.
Ny famadihana ny sary manodina ny format manan-tajy dia nanokatra sehatra fifanakalozan-kevitra mampihetsi-po, izay, ho an'ireo olona vaovao amin'ity volavolan-dàlana ity, dia nanolotra safidy marobe mampiavaka ny safidy mba tsy hanamarihana fa nisy format sanda maro. Ny iray taminy ihany no mety. endrika. Raha vao nampiasaina tamin'ity volavolan-dalàmbe ity ianao, dia tsy dia goavana izany, fa ny fianarana ny tsipika nianarana.
Izany dia niova tamin'ny endri-tsoratra Exports For Screens - Fandefasana> Fandefasana ny horonan-tsary - ary ny tranokala Asset Export izay nampidirina tamin'ny Illustrator CC 2015 tamin'ny volana Jona 2016. Amin'ity "How To" ity dia hasehoko anao ny fomba fampiasana azy roa Toetoetra. Andao isika hanomboka.
01 of 04
Ahoana ny Access To Export amin'ny Screenshots In Adobe Illustrator CC 2015
Rehefa nahitana mpampiasa Illustrator hatramin'ny Illustrator 88 aho dia heveriko fa azonao ny mahatadidiako ny tsy firaharahako ny handinika ny Illustrator ho toy ny fitaovana enti-manolotena ho an'ny serasera sy ny tetikasa finday.
Rehefa nampidirina ny artboards tao amin'ny CS4 version 2008, dia nihevitra aho fa fanampiana mahaliana ho an'ny fampiharana izany. Raha vao nahita ny tranonkalan'ny Save For Web tao amin'ny Illustrator aho, dia hitako indray fa mahaliana ilay izy fa hitako ihany koa ny endri-tsoratr'i Adobe Fireworks mifandraika kokoa amin'ny sary amin'ny Internet noho ny Illustrator.
Miaraka amin'ny fahatongavan'ity fomba fitadiavana finday ity sy ny fitomboan'ny fianteherana amin'ny sary SVG ho an'ny tetikasa finday, ny Illustrator dia "alefako" fitaovana ho an'ny SVG ary nanjary fiatoana manan-danja amin'ny workflow UI Design.
Na izany aza, raha mila manondrana entana aho amin'ny finday, Sketch 3 sy Photoshop CC 2015 dia fitaovana safidy. Mpanao sary an-tsoratra dia niditra ny lisitra tamin'ny Jona 2016 niaraka tamin'ny sakafo miainga amin'ny Expo Excel for Screens.
Amin'ity ohatra etsy ambony ity, manana alimanota roa natokana ho an'ny iPhone aho ary izy ireo dia amin'ny Artboards miavaka antsoina hoe "Home" sy "Toerana". Mba hamoahana azy ireo dia nifidy ny File> Export> Export ho an'ny Screens aho. Ny biraom-pifandraisana Expression for Screen dia misokatra.
02 of 04
Ahoana ny fampiasana ny Birao Dialogy Exports
Rehefa miseho ny boaty fifanakalozan-kevitra dia tsindrio ny karazana boaty tsirairay mba hantsana. Dia hanao fanatanjahantena marika famantarana. Azonao atao ihany koa ny mampifanaraka ny anaran'ny anarana amin'ny karatrao mba hisafidianana izany ary hanova azy. Tsara ny mahafantatra raha ireo artboards ireo dia antsoina hoe "Artboard 1" sy "Artboard 2" izay, mazava ho azy, dia tsy milaza aminao na inona na inona.
Manana safidy telo ianao ao amin'ny faritra Select:
- Ny rehetra: Ity safidy ity dia manondrana ny karazana boaty tsirairay ao anaty tahadika ho tahiry misaraka.
- Fahaiza: Ampidiro ny karazana artboards entina entina. Tena ilaina tokoa izany ho an'ny tetikasa misy boaty an-tserasera vitsivitsy.
- Feno Dokam-barotra: Fidio ity ary ny artboards rehetra dia hapetaka anaty rakitra.
Ny faritra Exporter To dia ahafahanao misafidy ny ordinatera ho an'ny output. Ny lahatahiry default dia ny toerana misy ny rakitra Illustrator ankehitriny.
Ny formata dia ny "mahagaga. Ho hitanao fa misy sary telo - iOS. Android sy Gear. Ny roa voalohany dia manazava ny tenany. Ny loko Gear dia manokatra ny Settings Settings izay mamela anao hifehy ny fomba amam-panao ny format tsirairay ao anatin'ilay lisitra. Ireo fikandrana ireo dia "format manokana" ary rehefa vita ny fanovana nataonao, dia tsindrio ny bokotra Save Settings ary ireo fanovana ireo dia ampiharina amin'ny format izay tokony hivoaka.
Raha misafidy iOS na Android ianao dia hiova ny lisitra mba hampidirana ireo fanapahan-kevitra rehetra ao amin'io sehatra io. Ny lisitry ny iOS dia hampiseho ny anton'asan'ny rakitra Retina ary ny fifantenana Android dia hanana mizana manomboka amin'ny .75x ho 4x izay mitazona ny fitaovana Android rehetra any.
Raha misy endri-tsipika mampiseho fa te-hanala ianao, tsindrio ny "x". Raha misy iray tianao hampidirinao amin'ny klioba + Add Knale.
Rehefa vita izany, tsindrio ny bokotra "Export Artboard" ary asehoy ny takatry ny fandrosoana rehefa vita ny dingana.
03 of 04
Ampiasao ny rakitra Exporter for Screens avy amin'ny Adobe Illustrator CC 2015.
Rehefa mandinika ny valin'ny fandefasana horonan-tsary ianao, dia ho hitanao fa namoaka version amin'ny endrika afeno ny sary. Eo amin'ny sary, toa toa somary somary malemy izany indrindra raha toa ka manantena ny Illustrator ianao mba hanondrana ny bits sy ny sombiny ho sary.
Raha mihemotra ianao ary mieritreritra izany mandritra ny fotoana fohy, dia tena ilainao tokoa izany satria azonao ampiasaina ity vokatra ity amin'ny fampiharana prototyping toy ny Adobe Experience Design , Principleformac, Atomic.io , UXPin na fampiharana prototyping hafa
Amin'ity ohatra ity dia mampiasa Adobe Experience Design (XD) aho hamoronana tsindry tsotra. Ny dingana voalohany ao anatin'ilay dingana dia ny mifidy ny haben'ny iPhone 6 izay mifanandrify amin'ny haben'ny Illustrator Interface
Rehefa nisokatra ny aterineto dia nisafidy ny fitaovana Artboard aho ary naveriko indray teo amin'ny boaty kely mba hanampiana boaty iray hafa. Nantsoiko hoe "Home" sy "Places" izy ireo avy eo, ary nofantenana ny artboard tsirairay ary nampidiriny ny sary png avy amin'ny Illustrator.
Mba hamoronana ny "hotspots" ho an'ny kitiho-tsipika, dia naka tadin-drakitra iray teo amin'ny bokotra Explore aho teo amin'ny efijery an-trano aho ary nametraka ny sanda fenoina sy ny sisin-dalana tsy misy amin'ny fanesorana ireo toetra ireo ao amin'ny tontonana Properties. Toy izany koa no nataoko tamin'ny bokotra Back eo amin'ny pejy "Places".
Mba hanampiana ny interactivité dia nofinidiko ny modely prototype ary avy eo dia tsindrio eo amin'ny "hotspot". Avy eo dia notaritiko ny zana-tsipika - antsoina hoe tariby - mankany amin'ny pejy eo amin'ny toerana ary mametraka ny lasibatry ny tetezamita ao amin'ny toerany, ny hetsika mankany Push Left, ny fanalefahana hanamaivana sy ny faharetan'ny fifindrana mankany amin'ny .6 segondra.
Naveriko tamin'ity dingana ity tamin'ny toeran'ny toerana misy ny toerana. Ny hany fahasamihafana dia ny Tetezamita no napetraka ho an'ny Push Right. Rehefa nikitika ny bokotra Play aho dia nanandrana ny prototype aho.
04 of 04
Ahoana ny fampiasana ny fonosana fananana ala ao amin'ny Adobe Illustrator CC 2015
Miaraka amin'ny menan'ny Save for Screens Adobe koa dia nanampy tetikasa vaovao - Asset Export - izay nanala fanaintainana goavana tao amin'ny workflow UI Design.
Ny tebiteby dia ny sary. Illustrator dia sehatra lehibe manintona fampiharana, fa ny famoahana, ndeha hilaza 10 ikônina, ao amin'ny pejy misy 40 na 50 amin'izy ireo dia takiana ny tsirairay ho voavonjy ho sary SVG. Izany dia tsy maintsy nitaky fotoana bebe kokoa noho ny mahazatra noho ny fitsangatsanganana nanaraka ny SVG. Ity toe-javatra mampalahelo ity dia lasa zavatra taloha.
Ity tontonana vaovao ity dia hita ao amin'ny Window> Asset Export. Rehefa misokatra ny tontonana, dia fidio ilay vola tokony hiverina amin'ny SVG na endrika hafa ary tsindrio eo amin'ny tontonana. Rehefa avotsotra ny totozy dia misy ampahany amin'ny tombony azo ampiasaina eo amin'ny tontonana. Lazao ny vahaolana. Tazomy hatrany ny tadin-tsambonao mandra-pahavitanao.
Safidio ny singa ao amin'ny faritra Fikirana Export, na mifidiana azy ireo amin'ny alàlan'ny mihazona ny famandrihana Shift ary tsindrio ny tsirairay. Mifidiana ny formato - amin'ity ohatra ity, nofidiko ny SVG- ary tsindrio ny bokotra Export. Ireo singa voafantina dia hivoaka ho tahiry SVG mankany amin'ny toerana mitovy amin'ny tahiry Illustrator.
Raha toa ka tonga dia midika izany fa tsy mila mampiasa ny Asset Export panorenana ianao. Raha tsindrio ny bokotra Save for Screens amin'ny faran'ny sehatra dia misokatra ny bokotra dialog.
Etsy ankilany, azonao atao ny manindry ny tabilao Assets ao amin'ny tontonana Save for Screen ho an'ny fidirana Asset Export. Ohatra, raha manana kisary manokana ianao ao amin'ny sari-tany dia azonao atao ny manokatra ny tranokala Asset Export ao amin'ny sehatr'ilay rakitra Save for Screen ary manisaka izany ao amin'ny tontolon'ny Asset Export.