Ma tha aon nì ann a bhith ag obair còmhla ri Illustrator nach eil mi a 'còrdadh rium gu mòr tha e ag atharrachadh ìomhaighean ealain gu svg airson gluasadach no an lìon. A 'cleachdadh an clàr-taice Export> Export As agus, gu brùideil onarach, cha robh an roghainn Sàbhail airson lìn - Export> Save for Web - furasta a chleachdadh gu furasta.
Dh 'fhosgail tionndadh gu cruth .svg bocsa deas-ghnàthach eagalach a thairgsinn roghainn meallta airson daoine a bha ùr don t-sruth-obrach seo, gun a bhith a' toirt iomradh air an fhìrinn gun robh grunn chruthan .svg agus cha robh ach aon dhiubh sin ceart chruth. Aon uair 's gum b' urrainn dhut a bhith cleachdte ris an t-sruth-obrach seo cha robh e idir idir, ach bha an lùb ionnsachaidh cas.
Tha sin air atharrachadh gu mòr leis an fheart ùr Export for Screens - Export> Export for Screens - agus am pannal Export Asset a chaidh a thoirt a-steach gu Illustrator CC 2015 san Ògmhios 2016. Anns an "How To" seo, bidh mi a 'sealltainn dhut mar a chleachdas tu an dà chuid feartan. Leigamaid tòiseachadh.
01 de 04
Ciamar a ruigeas tu às-mhalairt airson sgàilean ann an Adobe Illustrator CC 2015
An dèidh a bhith nad neach-leabhraichean bho Illustrator 88 tha mi a 'smaoineachadh gu bheil thu a' tuigsinn mo thaic airson a bhith a 'beachdachadh air Illustrator mar inneal dealbhaidh dha-rìreabh airson eadar-lìn agus pròiseactan eadar-lìn agus fòn-làimhe.
Nuair a chaidh clàran-ealain a thoirt a-steach ann an dreach CS4 2008, shaoil mi gur e cur-ris inntinneach a bha sin ris an iarrtas. Nuair a chunnaic mi an rud as ùire a-mhàin airson "Save for Web" ann an Illustrator, a-rithist, bha e inntinneach dhomh ach fhuair mi an aon fheart ann an Adobe Fireworks nas co-chòrdadh ri grafaigean lìn na Dealbhadair.
Le dòigh-dèiligidh gluasadach an toiseach airson dealbhadh agus barrachd earbsa air ìomhaighean SVG airson pròiseactan gluasadach, 'se Illustrator an t-inneal "go to" agam airson SVG agus thàinig e gu bhith na stad cudromach ann an obair-obrach Deilbh UI.
A dh 'aindeoin sin, nam feumadh mi so-mhaoin a reic airson gluasadach, is e Sgeama 3 agus Photoshop CC 2015 mo ghoireasan roghainn. Chaidh dealbhaiche a-steach don liosta san Ògmhios 2016 leis a 'chlàr-taice fìor-dhìol airson Sgàilean.
Anns an eisimpleir gu h-àrd, tha dà sgàilean agam a dh 'ionnsaicheas iPhone agus tha iad air clàran-ealain fa leth air an ainmeachadh "Dachaigh" agus "Àiteachan". Gus am prògram a thoirt seachad, thagh mi File> Export> Export for Screens. Bidh am bogsa deasachaidh Allt a-steach airson sgàilean a 'fosgladh.
02 de 04
Mar a chleachdas tu am bogsa às-mhalairt airson bogsaichean sgàilean
Nuair a nochdas am bogsa deasbaid, cliog air gach clàr-ealain airson a thaghadh. An uairsin cuiridh e sùil air spionnadh. Faodaidh tu cuideachd briogadh dùbailte air ainm artboard airson a thaghadh agus atharrachadh. Is e rud math a tha seo gus faighinn a-mach a bheil na h-ealain agad air an ainmeachadh "Artboard 1" agus "Artboard 2", gu dearbh, nach eil a 'toirt dad dhut.
Tha trì roghainnean agad san roinn Taghte:
- A h-uile: Tha an roghainn seo a 'toirt a-mach gach clàr-ealain san sgrìobhainn mar fhaidhle fa leth.
- Raon: Cuir a-steach raon de chlàran-ealain a thèid a thoirt a-mach. Tha seo gu h-àraid feumail airson pròiseactan le beagan dhusan clàr-ealain.
- Sgrìobhainnean Làn: Tagh an seo agus thèid na h-innealan-ealain uile a rèiteachadh ann an aon sgrìobhainn.
Leigidh an roinn Export To To thu a 'phasgan cinn-uidhe airson an toradh a thaghadh. Is e am pasgan bunaiteach an làrach làithreach den sgrìobhainn Illustrator.
Is e cruth far a bheil "draoidheachd a 'tachairt. Nochdaidh tu gu bheil trì ìomhaighean ann - iOS. Android agus Gear. Tha a 'chiad dhà dhiubh fèin-mhìneachaidh. Bidh an geàrr-chunntas a 'fosgladh Roghainnean an fhaidhle a leigeas leat smachd a chumail air mar a leasaichear gach aon de na cruthan faidhle san liosta. Tha na roghainnean sin "cruth sònraichte" agus aon uair 's gu bheil thu air na h-atharrachaidhean agad a dhèanamh, briog air a' phutan Sàbhail roghainnean agus thèid na h-atharrachaidhean sin a chur a-steach air na cruthan a thèid a tharraing.
Aon uair 's gu bheil thu a' taghadh iOS no Android, atharraichidh an liosta gus a h-uile gealladh a tha ri fhaotainn air an àrd-ùrlar sin a ghabhail a-steach. Nochdaidh clàr iOS na factaran sgèile airson an taisbeanadh Retina agus bidh clàran aig taghadh an Android bho .75x gu 4x a bhios a 'gabhail a-steach gu h-àbhaisteach a h-uile inneal Android a-mach an sin.
Ma tha cruth ann a tha a 'sealltainn gu bheil thu airson a thoirt às, briog air "x". Ma tha fear ann tha thu airson cliogadh a-steach + cuir a-steach putan Scale.
Nuair a bhios tu deiseil, briog air a 'phutan Export Artboard agus nochdaidh barra adhartais dhut nuair a bhios am pròiseas deiseil.
03 de 04
A 'cleachdadh nam faidhlichean às-mhalairt airson sgàilean bho Adobe Illustrator CC 2015.
Nuair a nì thu sgrùdadh air toraidhean Export for Screens, gheibh thu a-mach gu bheil Illustrator a 'cur a-mach dreach leudaichte de gach sgrìn. Air an uachdar, is dòcha gu bheil e coltach gu bheil seo beagan lag gu h-àraidh ma bha dùil agad gum biodh Illustrator air na pìosan is na pìosan a thoirt a-mach mar ìomhaighean.
Ma ghluaiseas tu air ais agus smaoineachadh mu dheidhinn airson mionaid, is e seo dìreach na tha a dhìth oirbh oir is urrainn dhut an toradh seo a chleachdadh ann an tagradh prototyping leithid Adobe Experience Design , Principleformac, Atomic.io , UXPin no tagradh prototyping eile
San eisimpleir seo, tha mi a 'cleachdadh Adobe Experience Design (XD) gus briogadh-sìmplidh a chruthachadh. B 'ea' chiad cheum anns a 'phròiseas meud iPhone 6 a thaghadh, a bha a' freagairt tomhas an Eadar-aghaidh Illustrator
Nuair a dh'fhosgladh an eadar-aghaidh, thagh mi an inneal Artboard agus ghluais mi aon uair air a 'pasteboard gus artboard eile a chuir ris. An uairsin thug mi ainm dhaibh "Home" agus "Places", tagh mi gach clàr-ealain agus thug mi an dealbh png bho Illustrator dhan artboard.
Gus na "hotspots" a chruthachadh airson a 'bhriogadh-thru, tharraing mi ceart-cheàrnach thairis air a' phutan Rannsachaidh air an sgrion dachaigh agus chuir mi na luachan crìochnaichte agus na crìochan gu gin sam bith le bhith a 'taghadh nan togalaichean sin anns a' phannal Properties. Rinn mi an aon rud leis a 'phutan Air ais air duilleag nan àitichean.
Gus an Eadar-ghnìomhachd a chur ris, thagh mi modh Pròtòta agus an uairsin cliog air "hotspot". An uairsin drag mi an t-saighead uèir - gu duilleag nan àitichean agus shocraich mi an targaid Eadar-ghluasaid aig na h-àiteachan, an gluasad gus putadh air chlì, an sguabadh a-mach gus stad a chur air agus rè a 'ghluasaid gu .6 diogan.
Chuala mi an ceum seo leis an làrach hotspot air duilleag nan àitichean. B 'e an aon eadar-dhealachadh a chaidh a dhèanamh air an eadar-ghluasad gus putadh a-mach air an taobh dheas. Nuair a bhriog mi air a 'phutan Play chuir mi deuchainn air mo phròtacal.
04 de 04
Mar a chleachdas tu am Pannal Maoin As-mhalairt ann an Adobe Illustrator CC 2015
A bharrachd air a 'chlàr-taice Save for Screens, chuir Adobe cuideachd pannal ùr - Asset Export - a thug air falbh pìos mòr mòr ann an obair-obrach Deilbh UI.
Is e ìomhaighean a bh 'anns a' phian. Tha an dealbhadair na dheagh chleachdadh airson feòlairean ach tha e riatanach gum bi 10 ìomhaighean air a thoirt a-mach, leig leam, air duilleag le 40 no 50 dhiubh, gu bheil gach fear air a shàbhaladh mar ìomhaigh SVG. Dh'fheumadh seo barrachd ùine a bhith riatanach na an àbhaist, le taisbeanaidhean leantainneach don phannal SVG. Tha a 'phuing pian seo a-nis na rud air an àm a dh'fhalbh.
Gheibhear am pannal ùr seo aig Uinneag> As-mhalairt. Nuair a bhios am pannal a 'fosgladh, tagh am maoin a tha thu airson tionndadh gu SVG no cruth eile agus slaod a-steach don phanail. Nuair a bheir thu seachad an luchag thèid mion-phuing a dhèanamh den t-so-mhaoin ris a 'phanal. Ainmich an so-mhaoin. Cùm a 'slaodadh rudan anns a' phannal gus am bi thu deiseil.
Tagh gach nì Anns an roinn roghainnean Allt-a-steach, no tagh iad uile le bhith a 'cumail sìos an iuchair Shift agus a' briogadh air gach fear. Tagh do chruth - san eisimpleir seo, thagh mi SVG - agus briog air a 'phutan Export. Thèid na rudan a thaghadh a thoirt a-mach mar fhaidhlichean SVG chun an aon àite ris an fhaidhle Illustrator.
Far a bheil am pròiseas seo gu lèir nas fiù 's nas fhearr, chan fheum thu am pannal Export Asset a chleachdadh. Ma bhriogas tu air a 'phutan "Save for Screens" aig bonn a' phannail, bidh am bogsa deasbaid a 'fosgladh.
Air an làimh eile, faodaidh tu briogadh air a 'phut Assets anns a' phannal Sàbhail airson sgàilean gus faighinn a-steach don phannal Export Asset. Mar eisimpleir, ma tha ìomhaigh àbhaisteach agad air bòrd artaigil, faodaidh tu am pannal Export Asset fhosgladh anns a 'bhogsa deasbaid Save for Screen agus slaod an nì sin gu pannal Export Asset.