Менен иштеген бир аспектиси бар болсо Illustrator мен, чынында эле, бул чөнтөк же желеге үчүн сүрөттөрдү SVG линия көркөм айландыруу менен ыракаттануу эмес. меню катары экспорту> Экспортто колдонуу жана мыкаачылык менен чынчыл болуу үчүн, Сактоо үчүн Желе өзгөчөлүгү - Export> Желе үчүн сактоо - колдонуу үчүн так жеңил болгон эмес.
.svg үлгүдөгү чиймени айландырууда ушул жумуш үчүн жаңы адамдар үчүн, чындыкты айтып туура эмес жолдор менен бири-бирине карама-токой сунуш .svg түрдө бир катар бар, алардын бир гана туура болчу, бир эмес, коркутуп диалог кутусунун ачылды формат. Бул жумуш көнүп кийин эч кандай чоң иш болду, бирок окуу ийри тик болгон.
Бул бардык жаңы Экспортту Экраны камтылган менен өзгөрдү - экспорт> экспорту экрана үчүн - жана Asset экспорту панелдин киргизилген Illustrator CC 2015 кандайча колдонуу сага көрсөтүш үчүн 2016-жылы июнда бул "How To:" Мен бара жаткан Өзгөчөлүктөрү. Анда баштайлы.
01 04
Adobe Illustrator CC 2015-жылы экрана Экспортто мүмкүнчүлүк How To үчүн
Illustrator 88 жылдан бери бир Illustrator колдонуучу болгондуктан, мен сиз менен мобилдик сызууларды жана долбоорлорду ишке ашыруу үчүн олуттуу дизайн каражаты катары Illustrator карап менин келбей жатканы түшүнүктүү деп ойлойм.
artboards 2008 CS4 чыгаруу киргизилген, мен ошол өтүнмөгө кызыктуу кошумча болчу. Мен биринчи жолу Illustrator Интернет өзгөчөлүк үчүн азыр эскирип Сактоо көрүп, дагы бир жолу, мен үчүн кызыктуу, бирок мен Adobe Гүлнур эле өзгөчөлүк көбүрөөк Illustrator караганда желе арбытууга шайкеш табылган жок.
иштеп чыгуу үчүн мобилдик биринчи мамиленин пайда жана мобилдик долбоорлорго SVG сүрөттөрү жаткан таянуу менен Illustrator менин SVG үчүн куралы "барып" жана UI Дизайн жумуш маанилүү аялдамасы болуп калган.
Ошентсе да, мен мобилдик, эскиз 3 Photoshop CC 2015 каражаттарын экспорттоо үчүн, зарыл болсо, тандоо, менин аспаптар бар. Illustrator 2016-жылы июнда тизмесине кирген Screens меню үчүн чынында эле татынакай экспортту менен.
Жогорудагы мисалда, мен через баруучу эки экрандарда бар жана алар "Башкы бет" жана "Places" деген өзүнчө Artboards турат. чыгаруу Алардын ою боюнча, мен File> Экспортто> экрана экспорт тандалып алынган. Screens диалог кутусунда экспорт ачат.
02-жылдын 04
Кантип колдонуу үчүн Screens диалог бокс Export
баарлашуу терезечеси чыкканда, тандалып алынган ар бир artboard басып. Андан кийин бир чек белги спортко болот. Ошондой эле кош чыкылдатуу аны тандап жана аны өзгөртүү үчүн бир artboard ысмын алат. Бул сиздин artboards, чынын айтсам, "Artboard 1" деп аталган жана "Artboard 2" эч нерсе айтпай, анда билип, жакшы нерсе.
Сиз тандоо жагында үч чечим бар:
- Бардык: Бул тандоо өзүнчө делосуна эле документтин ар бир artboard экспорттойт.
- Колому: artboards бир катар экспорттолуп турган кириш. Бул бир нече ондогон artboards менен долбоорлор үчүн айрыкча пайдалуу.
- Толук документ: Бул жана artboards бардык тандоо бир документ салып жексен болот.
Экспорт үчүн аймагы сиз өндүрүшүнүн үчүн бара турган папканы тандоого мүмкүндүк берет. демейки папканын Illustrator документтин учурдагы жайгашкан болот.
Аймактар "сыйкырдуу окуялар болот. Сиз үч icons- батасы бар байкайт. Android жана Gear. алгачкы эки өз алдынча түшүндүрүү болуп саналат. Gear сүрөтчө сиз тизмеге билэ түрдө ар бир оптималдаштыруу кантип көзөмөлдөөгө мүмкүнчүлүк берет жазуусу Орнотуулар ачат. Бул орнотуулар жана сиздин өзгөрүүлөрдү жасап жолу, Save Орнотуулар баскычын чыкылдатып, "конкреттүү түзүүнү" жана өзгөртүүлөрдү иштеп чыгуу үчүн түрдө колдонулат жатат.
Эгер эл аралык уюмдар тандап же Android жолу тизмеси аянтча боюнча токтом бардык киргизүүгө өзгөрөт. Белги жарнак көрсөтөт масштабдык эске Retina дисплейинде жана Android тандоо үчүн ал жакта дээрлик ар бир Android түзмөк ылайыкталган турган 4x үчүн .75x чейинки тараза болот.
Сиз алып турууну каалаган формат көрсөткөн жок болсо, "X" чыкылдатуу. ким жок болсо, анда силер + кошуу Масштаб кнопка кошуп келет.
бүткөндөн кийин, Экспорт Artboard баскычын чыкылдатып, иши бүткөндө, бир прогресс бар көрсөтөт.
03 04
Колдонуу The Export Adobe Illustrator CC 2015 Screens Files үчүн.
Сиз экрана үчүн экспортту жыйынтыгын текшерип, сиз Illustrator өндүрүшүнүн ар бир экрандын тегиз нускасын бар экенин табабыз. Бир караганда, бул, айрыкча, алсыз бир аз болуп көрүнүшү мүмкүн, анда Illustrator сүрөттөлүш катары бит жана даана бардык экспорттолот деп күтүп жатышкан эле.
Сиз токтотуп, бир саамга ойлонгондо, бул, чынында, так ушундай эле прототиптөө өтүнмөдө бул чыгарылышты пайдалана алат, анткени керек Adobe тажрыйбасы дизайн , Principleformac, Atomic.io , UXPin же башка прототиптөө өтүнмө
Бул, мисалы, мен жөнөкөй чыкылдатуу-банк түзүү үчүн Adobe тажрыйбасы Дизайн (XD) колдонуп жатам менен. жүрүшүндө биринчи кадам Illustrator Interface олчомун келген 6-өлчөмүн тандоо болду
Interface ачканда, мен Artboard куралын тандап жана башка artboard кошуу картондутаап жолу басылган. Ошондо мен аларга: "Башкы бет" жана "Places", ар бир artboard жана artboard салып Illustrator тартып PNG сүрөт импорттогон тандалып алынган деген.
чыкылдатуу-банк үчүн "түйүндөр" түзүү үчүн, үй экранында баскычка изилдөө үстүнөн тик бурчтук сууруп чыгып, касиеттери панелинен бул өзгөчөлүктөрүн тандалбаса менен эч ким өз толтуруу жана чек ара баалуулуктарды койду. Мен Places беттеги артка баскычын менен ошондой кылышты.
Өз ара кошуу үчүн, Мен Prototype режимин тандап, анан "агро- жана" басылган. Мен анда arrow- зым деп сүйрөп - Places бетине жана жерлерде Өткөөл бута, солго койуу үчүн кыймыл, азайтуу Сыртка бошотуу жана 6 секунда өтүү узактыгы белгиленет.
Мен Places беттеги агро- жана бул кадамды кайталап. гана айырмасы Өткөөл Right ичине коюлган эле. Мен Play баскычын чыкылдатып жатканда мен бир өрнөгүбүз сыналган.
04 04
Кантип Adobe Illustrator экспорттук Asset Тактанын колдонуу үчүн CC 2015
Save экрана үчүн меню менен бирге Adobe да жаңы панелинин кошо - Asset экспорт - UI Дизайн жумуш бир топ оору пункт алынып салынды.
оору пункту белгилери болгон. Illustrator көп багыттуу чийме колдонмо болуп саналат, бирок 40 же 50 менен беттеги өндүрүшүнүн, 10 иконалар деп коюп, бири-бирине бир SVG сүрөттөлүш катары сакталат талап кылынат. Бул сөзсүз SVG тактасына кийинки сапарлары өзгөчө ыраазычылык караганда көбүрөөк убакыт талап кылынат. Бул оору пункту эми өткөн иш.
Бул жаңы бир кашектин терезеде тапса болот> Asset экспорту. панели ачылат кийин, панелдин салып SVG же башка таризи жана сүйрөө динине келет мүлк тандоо. Сиз Чычкан бошотуп жатканда объекттин эскиз коллегиясынын кошулат. мүлк ат. Сиз аягына чейин Панелдин кирген объектилерди сүйрөп бергиле.
Ар бир нерсени экспорту орнотуулары аймакта, же Shift баскычын басып, алардын баарын кармап, тандап тандап, ар бир чыкылдатуу. Мисалы, мен SVG- тандап жана экспорту кнопка - сиздин түзүлүшү танда. тандалды Illustrator делосуна эле жерге SVG документтеринде катары өндүрүүнү болот.
бул ишти сиз Asset экспорту панелди колдонууга жок болсо да, neater алат жерде. Сиз баарлашуу терезечеси ачат панелдин түбүндөгү Screens баскычын даря болсо.
Же тескерисинче, Asset экспорту панелди кирүүгө Screens панелинен үчүн сактоо мүлктөр табулатура аласыз. Мисалы, сиз artboard боюнча бажы сөлөкөтүн бар болсо, сиз Screen диалог кутусунда үчүн сактоо боюнча Asset экспорту панелди ачуу жана Asset экспорту коллегиясынын ошол нерсени сүйрөп болот.