Lamun aya salah sahiji aspék gawé bareng Illustrator yén kuring sabenerna teu ngarasakeun eta geus ngarobah seni garis ka svg Gambar keur mobile atawa web. Ngagunakeun Ékspor> Ékspor Salaku menu na, janten brutally jujur, nu Simpen Pikeun fitur Web - Ékspor> Simpen Pikeun Web - nya teu persis gampang ngagunakeun.
Ngarobah gambar ka format .svg dibuka hiji kotak dialog rada intimidating yén pikeun jalma anyar pikeun workflow ieu, ditawarkeun hiji Asép Sunandar Sunarya ngabingungkeun tina pilihan teu nyebut kanyataan aya sababaraha format .svg na ukur salah sahijina nya éta ditangtoskeun format. Sakali anjeun meunang dipaké pikeun workflow kieu eta no deal badag, tapi kurva learning éta lungkawing.
Nu geus sagala robah jeung Ékspor anyar Pikeun layar Fitur - Ékspor> Ékspor pikeun layar - jeung panel asset Ékspor mana anu diwanohkeun ka Illustrator CC 2015 dina bulan Juni 2016. Dina ieu "Kumaha Ka" Kuring keur bade ningalikeun maneh kumaha ngagunakeun duanana Fitur. Hayu urang ngamimitian.
01 of 04
Kumaha ngakses Ékspor Pikeun layar Dina Adobe Illustrator CC 2015
Sanggeus geus hiji pamaké Illustrator saprak Illustrator 88 Jigana bisa ngarti kahoream kuring mertimbangkeun Illustrator salaku alat desain serius keur web na interfaces mobile na proyek.
Nalika artboards anu diwanohkeun dina CS4 versi 2008, Teu sangka anu hiji tambahan metot ka aplikasina. Nalika kuring mimiti nempo ayeuna-deprecated Simpen Pikeun fitur Web di Illustrator, deui, kuring kapanggih eta metot tapi kapanggih fitur sarua di Adobe petasan ieu leuwih Blok kalawan grafik web ti Illustrator.
Ku mecenghulna pendekatan mobile-hareup mendesain sarta ngaronjatkeun reliance on Gambar SVG pikeun proyék-proyék mobile, Illustrator ieu mah "buka" alat keur SVG sarta jadi hiji eureun penting dina UI Desain workflow.
Masih, upami kuring diperlukeun ekspor aset keur mobile, sketsa 3 sarta Photoshop CC 2015 mangrupakeun parabot kuring tina pilihan. Illustrator diasupkeun daftar dina Juni 2016 jeung Ékspor bener nifty keur menu layar.
Dina conto di luhur, abdi gaduh dua layar Linggarjati pikeun iPhone jeung aranjeunna dina Artboards misah ngaranna "Imah" jeung "Tempat". Pikeun kaluaran aranjeunna, abdi dipilih File> Ékspor> Ékspor pikeun layar. The Ékspor pikeun kotak dialog layar muka.
02 of 04
Kumaha Ka Paké The Ékspor pikeun layar Dialog Box
Lamun kotak dialog nembongan, klik dina unggal artboard bisa dipilih. Ieu lajeng bakal olahraga mangrupa tanda dipariksa. Anjeun tiasa ogé ganda-klik ngaran hiji artboard urang pikeun milih eta sarta ngarobah éta. Ieu hiji hal anu alus uninga lamun artboards anjeun nu ngaranna "Artboard 1" jeung "Artboard 2" nu, terus terang, ngabejaan Anjeun nanaon.
Geus tilu pilihan dina Pilih aréa:
- Sadaya: pilihan Ieu ékspor unggal artboard dina dokumen salaku file misah.
- Rentang: Asupkeun lingkup artboards bisa diékspor. Ieu hususna mangpaat pikeun proyék-proyék kalawan belasan sababaraha artboards.
- Dokumén pinuh: Pilih ieu sareng sadaya artboards bakal flattened kana dokumen tunggal.
Wewengkon Ékspor Pikeun ngidinan Anjeun milih folder tujuan pikeun output. Polder standar bakal lokasi ayeuna tina dokumen Illustrator.
Format nyaéta tempat nu "magic kajadian. Anjeun bakal aya bewara aya tilu ios icons-. Android sarta Gear. Kahiji dua anu timer explanatory. Ikon Gear muka Setélan Format nu ngidinan Anjeun pikeun ngadalikeun kumaha tiap tina format file dina daptar nu bakal dioptimalkeun. Setelan ieu téh "pormat husus" jeung sakali anjeun geus dijieun parobahan anjeun, klik tombol Simpen Setélan jeung parobahan pamadegan bakal dilarapkeun kana format janten kaluaran.
Sakali anjeun milih ios atanapi Android daptar bakal ngarobah kana ngawengku sadaya resolusi sadia on platform eta. The ios Listing bakal némbongkeun faktor skala keur tampilan Rétina jeung Pilihan Android kudu skala mimitian ti .75x mun 4x nu accommodates praktis na unggal alat Android kaluar dinya.
Mun aya hiji némbongkeun format nu Anjeun hoyong piceun, klik "x". Lamun aya salah sahiji nu Anjeun hoyong tambah klik + Tambahkeun tombol Skala.
Nalika réngsé, klik tombol Ékspor Artboard sarta pananda wagel baris némbongkeun Anjeun nalika prosés nu geus réngsé.
03 of 04
Ngagunakeun The The Ékspor Pikeun Payil layar ti Adobe Illustrator CC 2015.
Lamun anjeun pariksa kaluar hasil Ékspor pikeun layar, Anjeun bakal manggihan yén Illustrator boga kaluaran versi flattened unggal layar. Dina beungeut cai, ieu bisa sigana janten bit lemah utamana lamun anjeun expecting Illustrator geus diékspor sadaya bit jeung buah sakumaha gambar.
Lamun lengkah deui pikir ngeunaan eta pikeun masihan, ieu téh sabenerna kahayang anjeun perlu sabab bisa migunakeun kaluaran ieu dina aplikasi prototyping kayaning Adobe Garapan Desain , Principleformac, Atomic.io , UXPin atanapi aplikasi prototyping séjén
Dina conto ieu, Kuring keur ngagunakeun Adobe Garapan Desain (XD) nyieun klik-thru basajan. Léngkah munggaran dina prosés ieu pikeun milih ukuran iPhone 6 nu loyog diménsi tina Illustrator Interface
Nalika panganteur nu dibuka, kuring dipilih nu alat Artboard jeung diklik sakali dina pasteboard ka nambahkeun artboard sejen. Kuring lajeng ngaranna éta "Imah" jeung "Tempat", dipilih unggal artboard na diimpor gambar PNG ti Illustrator kana artboard nu.
Pikeun nyieun éta "hotspot" kanggo klik-thru, Kuring Drew sagi opat anu leuwih Mumuka tombol dina layar utama tur nyetel eusian tur wates nilai -na pikeun ngaping ku deselecting pasipatan jalma dina panel Pasipatan. Atuh hal anu sarua kalawan tombol Balik dina kaca Tempat.
Pikeun nambah Interactivity, abdi dipilih mode Prototype lajeng diklik dina "hotspot". Kuring lajeng nyeret arrow- nu disebut kawat - ka kaca Tempat tur nyetel udagan Transisi di Tempat, gerak nyorong Kénca, easing ka betah kaluar jeung durasi transisi ka .6 detik.
Kuring terus-terusan hambalan ieu jeung hotspot dina kaca Tempat. Hijina bédana éta Transisi ieu pakakas Dorong Katuhu. Nalika kuring diklik tombol Play I dites prototipe abdi.
04 of 04
Kumaha Ka Paké The Ékspor asset Panel Dina Adobe Illustrator CC 2015
Marengan Simpen pikeun layar menu Adobe ogé ditambahkeun panel anyar - asset Ékspor - nu dikaluarkeun hiji titik nyeri badag di UI Desain workflow.
Titik nyeri éta ikon. Illustrator mangrupakeun aplikasi vector gambar hébat tapi mun output, hayu urang sebutkeun 10 ikon, dina kaca sareng 40 atawa 50 di antarana diperlukeun unggal salah ieu disimpen salaku hiji gambar SVG. Ieu inevitably diperlukeun leuwih waktos ti hatur nuhun dawam pikeun lalampahan saterusna ka panel SVG. titik nyeri ieu kiwari hal jaman baheula.
panel anyar ieu bisa kapanggih dina Jandela> asset Ékspor. Nalika panel muka, pilih asset rék ngarobah kana SVG atanapi format sejen tur sered kana panel. Lamun anjeun ngaleupaskeun beurit hiji gambar leutik ti asset nu geus ditambahkeun kana panel. Ngaran asset teh. Tetep nyered objék kana panel dugi ka rengse.
Pilih unggal item Di wewengkon setélan Export, atawa pilih kabeh ku nahan kenop Shift na ngaklik on tiap hiji. Pilih format Anjeun - dina conto ieu, kuring milih SVG- teras klik tombol Ékspor. item nu dipilih bakal kaluaran salaku file SVG ka lokasi anu sarua salaku file Illustrator.
Dimana sakabeh proses ieu meunang malah neater nyaeta anjeun teu kudu make panel asset Ékspor. Lamun klik Simpen pikeun tombol layar di handapeun panel kotak dialog muka.
Sabalikna, anjeun tiasa klik tab Aset di Simpen pikeun panel layar pikeun ngakses panel asset Ékspor. Contona, upami anjeun gaduh ikon custom di hiji artboard anjeun bisa muka panel asset Ékspor di Simpen pikeun kotak dialog layar anjeun sarta sered item eta ka panel asset Ékspor.