Եթե Illustrator- ի հետ աշխատելու մեկ առանձնահատկություն կա, որ ես իսկապես չես վայելում, այն գրաֆիկական արվեստը փոխակերպում է բջջային եւ վեբի համար svg պատկերների: Օգտագործելով Արտահանման> Արտահանման որպես ընտրացանկ եւ դաժանորեն ազնիվ լինելու համար, Պահպանեք Վեբ- ի առանձնահատկությունը `Արտահանման> Պահպանել վեբի համար, հեշտ չէր օգտագործվել:
Drawing- ի .svg ֆորմատին փոխակերպումը բացեց բավականին վախեցնող երկխոսության տուփ, որը նոր աշխատատեղերի համար առաջարկեց շփոթեցնող ընտրանք, չհիշատակելու այն փաստը, որ եղել են մի շարք .svg ձեւաչափեր, եւ դրանցից միայն մեկն է եղել: ձեւաչափով: Երբ դուք ստացել եք այս աշխատանքի արդյունքը, դա մեծ գործարք չէր, բայց ուսման կորը կտրուկ էր:
Այս ամենը փոխվել է արտահանման համար արտահանման համար արտահանման արտահանման առանձնահատկությամբ `Արտահանման արտահանման համար էկրաններ եւ Ակտիվների արտահանման վահանակ, որոնք ներկայացված են Illustrator CC 2015- ի հունիսին 2016-ին: Այս« Ինչպես »Ինչպես ես պատրաստվում եմ ցույց տալ, թե ինչպես օգտագործել երկու Հատկություններ. Եկեք սկսենք.
01-ից 04-ը
Ինչպես օգտվել արտահանման արտոնագրերի համար Adobe Illustrator CC 2015-ում
Illustrator- ից իբրեւ Illustrator- ի օգտվող լինելով, ես կարծում եմ, որ դուք կարող եք հասկանալ իմ դժկամությունը `Illustrator- ը դիտել որպես վեբ եւ բջջային ինտերֆեյսների եւ նախագծերի լուրջ նախագծման գործիք:
Երբ արկղերը ներկայացվեցին CS4 տարբերակում 2008-ին, ես մտածեցի, որ դա հետաքրքիր հավելում է դիմումին: Երբ ես առաջին անգամ տեսա, որ Illustrator- ում այժմ պահված Պահպանման համար նախատեսված հնարավորությունը, ես գտա այն հետաքրքիր, բայց ես գտա նույն հատկությունը, Adobe Fireworks- ում, ավելի շատ գաղափարներ էին վեբ գրաֆիկայի հետ, քան Illustrator- ը:
Դիզայնի շարժական առաջին մոտեցման եւ SVG պատկերների բջջային ծրագրերի համար աճող կախվածությունը ի հայտ գալով, Illustrator- ը SVG- ի «գնալ» գործիքն էր եւ դարձել է կարեւոր դադար UI Design workflow- ում:
Այնուամենայնիվ, եթե ես պետք է արտահանել ակտիվները բջջային, Sketch 3 եւ Photoshop CC 2015, իմ ընտրած գործիքներն են: Illustrator- ը ցանկում է ընդգրկվել 2016 թ. Հունիսին, իսկապես արտասովոր արտահանման էկրանների ընտրացանկով:
Վերոնշյալ օրինակում ես ունեմ iPhone- ի համար նախատեսված երկու էկրան, եւ դրանք գտնվում են «Տուն» եւ «Վայրեր» անվանակարգերում: Դրանք թողարկելու համար ընտրել եմ Ֆայլի> Արտահանման> Արտահանման համար էկրաններ: Արտահանման համար էկրանները երկխոսության դաշտը բացվում է:
02-ից 04-ը
Ինչպես օգտվել արտահանման համար էկրանների երկխոսության տուփից
Երբ երկխոսության վանդակը հայտնվում է, սեղմեք յուրաքանչյուր աշխատասեղանին ընտրելու համար: Այնուհետեւ սպորտով ստուգման նշան է: Կարող եք նաեւ կրկնակի սեղմել աշխատասեղանի անունը, այն ընտրել եւ փոխել այն: Սա լավ բան է իմանալ, եթե ձեր արկղերը անվանում են «Արտատախտակ 1» եւ «Արտատան 2», որոնք, անկեղծ ասած, ոչինչ չեն ասում:
Ընտրության տարածքում ունեք երեք ընտրություն.
- Բոլորը: Այս ընտրությունը փաստաթուղթում արտապատկերում է յուրաքանչյուր աշխատասեղան որպես առանձին ֆայլ:
- Range: Մուտքագրեք արտահանման մի շարք արկղեր: Սա հատկապես օգտակար է մի քանի տասնյակ արկղերի նախագծերի համար:
- Ամբողջական փաստաթուղթ. Ընտրեք այս եւ բոլոր արկղերը կցուցադրվեն մեկ փաստաթղթի մեջ:
Տարածքը Արտահանումը թույլ է տալիս ընտրել արտադրանքի համար ընտրված թղթապանակը: Լռելյայն թղթապանակը լինելու է Illustrator- ի փաստաթղթի ներկայիս վայրը:
Ֆորմատներ, որտեղ «magic happens. Դուք կտեսնեք, որ կան երեք սրբապատկերներ `iOS: Android եւ Gear: Առաջին երկուսը ինքնատիպ են: The Gear պատկերակը բացում է ֆորմատի կարգավորումները, որոնք թույլ են տալիս վերահսկել, թե ինչպես է ֆայլի ձեւաչափերից յուրաքանչյուրը օպտիմիզացված լինելու համար: Այս կարգավորումներն «ֆորմատով կոնկրետ» են եւ փոփոխությունները կատարելուց հետո սեղմեք Save Settings կոճակը եւ այդ փոփոխությունները կկիրառվեն արտադրանքի ձեւաչափերին:
Ընտրելով iOS- ը կամ Android- ը, ցանկը կփոխվի `ներառելու այդ հարթակում առկա բոլոր բանաձեւերը: IOS- ի ցանկը ցույց կտա Retina- ի ցուցադրման չափման գործոնները եւ Android- ի ընտրությունը կկազմի 75 սմ-ից մինչեւ 4 մատչելի ծավալներ, որոնք տեղավորվում են գրեթե ամեն Android սարքի վրա:
Եթե կա մի ձեւաչափ, որը ցույց է տալիս, որ ցանկանում եք հեռացնել, սեղմեք "x": Եթե կա մեկը, որը ցանկանում եք ավելացնել, սեղմեք + Scale կոճակը:
Ավարտելուց հետո կտտացրեք Արտահանման Արտապատկեր կոճակը եւ ընթացքի բարը ցույց կտա, երբ գործընթացը ավարտված է:
03-ից 04-ը
Օգտագործելով էկրանների ֆայլերի արտահանումը Adobe Illustrator CC 2015-ից:
Երբ դուք ստուգեք Արտահանման համար էկրանները, դուք կտեսնեք, որ Illustrator- ը թողարկել է յուրաքանչյուր էկրանի հարթեցված տարբերակը: Մակերեւույթի վրա դա կարող է թվալ մի փոքր թույլ, հատկապես, եթե դուք ակնկալում եք, Illustrator- ը արտահանել բոլոր բիթներն ու կտորները որպես պատկերներ:
Եթե դուք քայլեք եւ մտածեք դրա մասին մի պահ, ապա դա իրականում այն է, ինչ ձեզ հարկավոր է, քանի որ դուք կարող եք օգտագործել այս արտադրանքը որպես նախատիպի դիմում, օրինակ ` Adobe Experience Design , Principleformac, Atomic.io , UXPin կամ այլ նախատիպի կիրառման
Այս օրինակում ես օգտագործում եմ Adobe Experience Design- ի (XD), պարզ սեղմեք կոճակը ստեղծելու համար: Այս գործընթացում առաջին քայլն էր ընտրել iPhone 6 չափը, որը համապատասխանում էր Illustrator ինտերֆեյսի չափսերին
Երբ ինտերֆեյսը բացվեց, ես ընտրեցի Արտատանման գործիքը եւ կտտացրեց մեկ անգամ `խորագրով մեկ աշխատասեղան ավելացնելու համար: Ես նրանց անվանեցի «տուն» եւ «վայրեր», ընտրեցին յուրաքանչյուր գործադաշտ եւ ներկացրեց png պատկերը Illustrator- ից:
Սեղմելու համար «թեժ կետեր» ստեղծելու համար տնային էկրանին ուսումնասիրել կոճակը եւ ուղղել այն սահմանը եւ սահմանը, առանց հատկությունների, վահանակի մեջ անջատելով այդ հատկությունները: Ես նույն բանն արեցի «Հետ» կոճակով, Places- ի էջում:
Ինտերակտիվությունը ավելացնելու համար ընտրեցի նախատիպի ռեժիմը եւ այնուհետեւ կտտացրեց «թեժ կետը»: Այնուհետեւ սահեցրեցի սլաքը, որը կոչվում էր մետաղալար, տեղադրությունների էջին եւ Տեղափոխման թիրախը սահմանեց Վայրերում, ձախը ձգելու միջնորդությունը, մեղմացումը հեշտացնելու եւ անցում կատարելու համար, 6 վայրկյան:
Ես այս քայլը կրկնում եմ «Places» էջում գտնվող տաք կետով: Միակ տարբերությունն այն էր, որ Անցումը սահմանվել էր աջ կողմը: Երբ ես սեղմեցի Play կոճակը, ես փորձեցի իմ նախատիպը:
04-ից 04-ը
Ինչպես օգտվել արտահանման ակտիվների խումբը Adobe Illustrator CC 2015-ում
Պահպանման համար էկրանների ցանկի հետ մեկտեղ Adobe- ը նաեւ ավելացրեց նոր վահանակ `Ակտիվների արտահանումը, որը վերացրեց UI Design- ի աշխատանքի արդյունքում հսկայական ցավ:
Ցավն այն էր, սրբապատկերներ: Illustrator- ը մեծ վեկտորային նկարչություն է, բայց թողարկենք 10 սիքոններ, որոնցից 40-ն կամ 50-ը պահանջվող էջում պահվում է որպես SVG պատկեր: Սա անխուսափելիորեն պահանջեց ավելի շատ ժամանակ, քան սովորական շնորհիվ SVG վահանակի հետագա ուղեւորությունների: Այս ցավը հիմա անցյալի բանն է:
Այս նոր վահանակը կարելի է գտնել Window> Asset Export- ում: Երբ վահանակը բացվի, ընտրեք այն ակտիվը, որը ցանկանում եք փոխարկել SVG կամ այլ ձեւաչափ եւ վահանակի մեջ քաշեք: Երբ մկնիկը ազատում եք, վահանակին ավելացված է ակտիվի մանրանկարը: Անվանեք ակտիվը: Պահպանեք օբյեկտները վահանակի մեջ, մինչեւ դուք ավարտեք:
Ընտրեք յուրաքանչյուր տարր Արտահանման կարգավորումների դաշտում, կամ ընտրեք բոլորը `Shift ստեղնը սեղմելով եւ կտտացնելով յուրաքանչյուրին: Ընտրեք ձեր ձեւաչափը `այս օրինակում, ընտրեցի SVG- ը եւ սեղմեք« Արտահանման »կոճակը: Ընտրված տարրերը կհայտնվեն որպես SVG ֆայլ `այն նույն վայրում, ինչպիսին է Illustrator ֆայլը:
Եթե այս ամբողջ գործընթացը նույնիսկ հարստանում է, ապա պետք չէ օգտագործել Asset Export- ի վահանակը: Եթե սեղմում եք panes- ի ներքեւում Պահել էկրանների կոճակը, բացվում է երկխոսության վանդակը:
Փոխարենը, դուք կարող եք սեղմել Ակտիվների ներդիրը Պահպանել էկրանների վահանակում, Ակտիվների արտահանման վահանակին հասնելու համար: Օրինակ, եթե դուք ունեք պատվերով պատկերակ, դուք կարող եք բացել Ակտիվների արտահանման վահանակը Պահպանման համար Երկխոսության երկխոսության դաշտում եւ այդ տարրը քաշեք Ակտիվների Արտահանման վահանակի մեջ: