Os oes un agwedd ar weithio gyda Illustrator nad ydw i'n wir yn ei fwynhau mae'n troi celf llinell i ddelweddau svg ar gyfer symudol neu ar y we. Gan ddefnyddio'r ddewislen Allforio> Allforio Fel ac, i fod yn frwd onest, nid oedd yr nodwedd Save For Web - Allforio> Save For Web - yn hawdd i'w defnyddio yn union.
Fe wnaeth trosi llun i'r fformat .svg agor blwch deialu braidd yn ofnus, ar gyfer pobl sy'n newydd i'r llif gwaith hwn, yn cynnig amrywiaeth ddryslyd o opsiynau heb sôn am y ffaith bod nifer o fformatau .svg a dim ond un ohonynt oedd y peth priodol fformat. Ar ôl i chi ddefnyddio'r llif gwaith hwn, nid oedd yn fawr iawn, ond roedd y gromlin ddysgu yn serth.
Mae hynny i gyd wedi newid gyda'r nodwedd Allforio i Sgriniau newydd - Allforio> Allforio ar gyfer Sgriniau - a'r panel Asedau Allforio a gyflwynwyd i Illustrator CC 2015 ym mis Mehefin 2016. Yn y "Sut i" hon byddaf yn dangos i chi sut i ddefnyddio'r ddau Nodweddion. Gadewch i ni ddechrau.
01 o 04
Sut i Fynediad Allforio i Sgriniau Yn Adobe Illustrator CC 2015
Wedi bod yn ddefnyddiwr Darlunydd ers Illustrator 88 Rwy'n credu y gallwch chi ddeall fy amharodrwydd i ystyried Illustrator fel offeryn dylunio difrifol ar gyfer rhyngwynebau a phrosiectau gwe a symudol.
Pan gyflwynwyd celffyrddau yn fersiwn CS4 2008, credais fod hynny'n ychwanegu diddorol i'r cais. Pan welais y nodwedd Achub am We yn awr nawr yn Illustrator, unwaith eto, roeddwn yn ei chael yn ddiddorol ond fe wnes i ganfod yr un nodwedd yn Adobe Fireworks yn fwy cydnaws â graffeg gwe na'r Illustrator.
Gyda dyfodiad dull symudol cyntaf i ddylunio a dibyniaeth gynyddol ar ddelweddau SVG ar gyfer prosiectau symudol, Illustrator oedd fy offeryn "mynd i" i SVG a daeth yn gam pwysig yn y llif gwaith Dylunio UI.
Yn dal i fod, os oedd angen i mi allforio asedau ar gyfer symudol, Braslun 3 a Photoshop CC 2015 yw fy ngham dewis. Daeth y darlunydd i mewn i'r rhestr ym mis Mehefin 2016 gyda'r ddewislen nifty Allforio ar gyfer Sgriniau.
Yn yr enghraifft uchod, mae gennyf ddau sgrin sydd wedi'u pennu ar gyfer iPhone ac maen nhw ar Artboards ar wahân o'r enw "Home" a "Places". I'u hallbennu, dewisais Ffeil> Allforio> Allforio i Sgriniau. Mae'r blwch deialog Allforio i Sgriniau'n agor.
02 o 04
Sut i Defnyddio'r Blwch Deialog Allforio ar gyfer Sgriniau
Pan fydd y blwch deialog yn ymddangos, cliciwch ar bob cerdyn celf i'w ddewis. Yna bydd yn nodi marc siec. Gallwch hefyd ddwbl-glicio enw artboard i'w ddewis a'i newid. Mae hyn yn beth da i wybod a enwir eich artboards "Artboard 1" a "Artboard 2" sydd, yn wir, yn dweud wrthych chi ddim.
Mae gennych dri dewis yn yr ardal Dethol:
- Y cyfan: Mae'r dewis hwn yn allforio pob cwrdd artiffisial yn y ddogfen fel ffeil ar wahân.
- Ystod: Rhowch amrediad o fyrddau celf i'w allforio. Mae hyn yn arbennig o ddefnyddiol ar gyfer prosiectau sydd â dwsin o fyrddau celf.
- Dogfen lawn: Dewiswch hyn a bydd yr holl fyrddau celf yn cael eu fflatio i mewn i un ddogfen.
Mae'r ardal Allforio i yn gadael i chi ddewis y ffolder cyrchfan ar gyfer yr allbwn. Y ffolder diofyn fydd lleoliad cyfredol y ddogfen Illustrator.
Fformatau yw "mae'r hud yn digwydd. Fe welwch fod tair eicon - iOS. Android a Gear. Mae'r ddau gyntaf yn hunan-esboniadol. Mae'r eicon Gear yn agor y Gosodiadau Fformat sy'n eich galluogi i reoli sut y caiff pob un o'r fformatau ffeil yn y rhestr ei optimeiddio. Mae'r lleoliadau hyn yn "fformat penodol" ac ar ôl i chi wneud eich newidiadau, cliciwch ar y botwm Save Settings a bydd y newidiadau hynny yn cael eu cymhwyso i'r fformatau sydd i'w allbwn.
Ar ôl i chi ddewis iOS neu Android, bydd y rhestr yn newid i gynnwys yr holl benderfyniadau sydd ar gael ar y llwyfan hwnnw. Bydd y rhestr iOS yn dangos y ffactorau graddfa ar gyfer yr arddangosfa Retina a bydd gan y dewisiad Android raddfeydd sy'n amrywio o .75x i 4x sy'n cynnwys pob dyfais Android yn ymarferol yno.
Os oes fformat yn dangos eich bod am gael gwared, cliciwch ar y "x". Os oes un yr ydych am ychwanegu cliciwch y botwm + Ychwanegu Scale.
Pan fydd wedi'i orffen, cliciwch ar y botwm Allforio Artboard a bydd bar cynnydd yn eich dangos pan fydd y broses wedi'i orffen.
03 o 04
Defnyddio Ffeiliau Allforio ar gyfer Sgriniau gan Adobe Illustrator CC 2015.
Pan edrychwch ar ganlyniadau Allforio ar gyfer Sgriniau, byddwch yn darganfod bod gan Illustrator allbwn fersiwn wedi'i fflatio o bob sgrin. Ar yr wyneb, mae'n debyg bod hyn ychydig yn wan, yn enwedig os oeddech yn disgwyl i Illustrator allforio pob un o'r darnau a darnau fel delweddau.
Os byddwch chi'n camu'n ôl ac yn meddwl amdano am foment, dyma'r union beth sydd ei angen arnoch chi, oherwydd gallwch chi ddefnyddio'r allbwn hwn mewn cais prototeipio megis Adobe Experience Design , Principleformac, Atomic.io , UXPin neu gais prototeipio arall
Yn yr enghraifft hon, rwy'n defnyddio Adobe Experience Design (XD) i greu cliciwch syml. Y cam cyntaf yn y broses oedd dewis maint iPhone 6 a oedd yn cydweddu â dimensiynau Rhyngwyneb Illustrator
Pan agorodd y rhyngwyneb, dewisais yr offeryn Artboard a chlicio unwaith ar y pasteboard i ychwanegu celffwrdd arall. Yna fe enwebais y rhain "Home" a "Places", dethol pob artboard a mewnforiwyd delwedd png o Illustrator i'r artboard.
I greu'r "mannau manwl" ar gyfer y clicio, tynnodd betryal dros y botwm Explore ar y sgrin gartref a gosododd ei werthoedd llenwi a ffin i ddim trwy ddileu'r eiddo hynny yn y panel Eiddo. Gwnaeth yr un peth â'r botwm Yn ôl ar y dudalen Lleoedd.
I ychwanegu'r Rhyngweithiad, dewisais y modd Prototeip ac yna fe glicio ar y "man pots". Yna fe llusgo'r saeth a elwir yn wifren - i'r dudalen Lleoedd a gosodais y targed Trawsnewid yn y Lleoedd, y cynnig i Wthio i'r Chwith, y ffordd orau i leddfu a hyd y cyfnod pontio i .6 eiliad.
Ailadroddais y cam hwn gyda'r safle man ar y dudalen Lleoedd. Yr unig wahaniaeth oedd y Pontio ar gyfer Push Right. Pan gliciais ar y botwm Chwarae, profais fy mhototeip.
04 o 04
Sut i Ddefnyddio'r Panel Asedau Allforio yn Adobe Illustrator CC 2015
Ynghyd â'r ddewislen Save for Screens, mae Adobe hefyd wedi ychwanegu panel newydd - Asset Export - a dynnodd bwynt poen enfawr yn y llif gwaith Dylunio UI.
Eiconau oedd y pwynt poen. Mae'r darlunydd yn gais gwych ar gyfer darlunio fector ond i allbwn, dywedwch 10 eicon, ar dudalen gyda 40 neu 50 ohonynt, mae pob un yn cael ei gadw fel delwedd SVG. Mae'n anochel bod hyn yn gofyn am fwy o amser na'r arfer diolch i deithiau olynol i'r panel SVG. Mae'r pwynt poen hwn bellach yn beth o'r gorffennol.
Mae'r panel newydd hwn i'w weld yn Ffenestr> Ased Allforio. Pan fydd y panel yn agor, dewiswch yr ased rydych chi am ei drosi i SVG neu fformat arall a llusgo i mewn i'r panel. Pan fyddwch yn rhyddhau'r llygoden, caiff llun bach o'r ased ei ychwanegu at y panel. Enwch yr ased. Cadwch llusgo gwrthrychau i'r panel nes eich bod wedi gorffen.
Dewiswch bob eitem Yn yr ardal gosodiadau Allforio, neu dewiswch nhw i gyd trwy ddal i lawr yr allwedd Shift a chlicio ar bob un. Dewiswch eich fformat - yn yr enghraifft hon, dewisais SVG - a chliciwch ar y botwm Allforio. Bydd yr eitemau a ddewiswyd yn cael eu hallbwn fel ffeiliau SVG i'r un lleoliad â'r ffeil Illustrator.
Pan fo'r broses gyfan hon yn mynd yn fwy nerth hyd yn oed, does dim rhaid i chi ddefnyddio'r panel Allforio Asedau. Os ydych chi'n clicio ar y botwm Save for Screens ar waelod y panel, mae'r blwch deialog yn agor.
I'r gwrthwyneb, gallwch glicio ar y tab Asedau yn y panel Save for Screens i gael mynediad i'r panel Asedau Allforio. Er enghraifft, os oes gennych eicon arfer ar artboard, gallwch chi agor y panel Asedau Allforio yn y blwch deialog Save for Screen a llusgwch yr eitem honno i'r panel Asedau Allforio.