Егер Illustrator- мен жұмыс істемейтін бір аспект бар болса, мен оны шынымен рақаттана алмаймын, ол желілік өнімді ұялы телефонға немесе вебке арналған svg бейнелеріне түрлендіреді. Экспорттау> Экспорттау As мәзірінен және қатал түрде адал болу үшін, Вебке сақтау функциясы - Экспорт> Вебке сақтау - пайдалану оңай болған жоқ.
.svg пішіміне сызбаны түрлендіру .svg пішімдерінің саны туралы фактіні айтпау үшін, осы жұмыс үрдісіне жаңа адамдар үшін таңқаларлық опцияларды ұсынады, және олардың тек біреуі пішім. Сіз бұл жұмыс процесіне үйренгеннен кейін, бұл үлкен жұмыс емес еді, бірақ оқу қисығы күрт болды.
Бұл 2016 жылдың маусым айында Illustrator CC 2015- ке енгізілген экспорттау үшін экранды экспорттау және Экспорттау үшін Экранға экспорттау панелінің жаңа мүмкіндіктері өзгерді. Осы «Қалайша» дегенімде сізді екеуін де қалай қолдануға болатынын көрсетемін Мүмкіндіктер. Бастайық.
01 04
Экрандарды экспорттауға қалай қол жеткізуге болады Adobe Illustrator CC 2015
Illustrator 88 суретінен бастап Illustrator пайдаланушысы бола отырып, Illustrator веб және мобильді интерфейстер мен жобалар үшін маңызды құрастыру құралы ретінде қарастырудан бас тартқанымды түсінуге болады деп ойлаймын.
2008 жылы CS4 нұсқасында жұмыс үстелдері енгізілгенде, мен бұл қосымшаға қызықты қосымша болатын деп ойладым. Мен енді Illustrator-дағы Web үшін сақтау функциясын алғаш рет көрген кезде, оны қызықты деп таптым, бірақ Adobe Fireworks-дегі ұқсас мүмкіндікті Illustrator-қа қарағанда веб-графикамен көбірек сәйкестендірді.
Мобильді жобалар үшін SVG бейнелеріне деген сенімділікті арттыру және дизайнға мобильдік бірінші көзқарас пайда болғаннан кейін, Illustrator SVG үшін менің «баруға» арналған құрал болды және UI Design жұмыс процесінде маңызды аялдама болды.
Дегенмен, мен активтерді ұялы телефонға экспорттау керек болса, Sketch 3 және Photoshop CC 2015 менің таңдауымның құралдары болып табылады. Illustrator тізімге 2016 жылдың маусым айында шынымен керемет Export Screen for Screens мәзірі енгізілді.
Жоғарыда келтірілген мысалда iPhone-ға арналған екі экран бар және олар «Үй» және «Орындар» деп аталатын бөлек тақталарда. Оларды шығару үшін Мен Файл> Экспорт> Экрандарды экспорттау тармағын таңдадым. Экранды экспорттау диалогтық терезесі ашылады.
02 04
Экрандарды экспорттау диалогтық терезесін қалай пайдалануға болады
Тілқатысу терезесі пайда болған кезде таңдалатын әрбір жұмыс үстелін басыңыз. Содан кейін ол спортпен айналысады. Сондай-ақ, оны таңдау және оны өзгерту үшін жұмыс тақтасының атын екі рет басуға болады. Бұл сіздің жұмыс үстеліңіздің «1-сурет» және «Artboard 2» деп аталуы мүмкін екенін білу жақсы нәрсе, ол, сөзсіз, ештеңе айтпайды.
Таңдау аймағында үш таңдау бар:
- Бәрі: Бұл таңдау құжатта әр жұмыс орнын бөлек файл ретінде экспорттайды.
- Ауқым: Экспортталатын бірнеше аралық тақтаны енгізіңіз. Бұл әсіресе бірнеше ондаған тақтайшасы бар жобалар үшін пайдалы.
- Толық құжаттама: Бұл опцияны таңдаңыз және барлық аралық тақталар бір құжатты түзетеді.
Облысқа экспорттау шығару үшін тағайындалған қалтаны таңдауға мүмкіндік береді. Әдепкі қалта Illustrator құжатының ағымдағы орналасуы болады.
Пішімдер - «сиқырлық орын алған». Сіз үш белгішенің бар екенін байқайсыз - iOS. Android және Gear. Алғашқы екеуі өздігінен түсіндіріледі. Gear белгішесі тізімдегі файл пішімдерінің әрқайсысының оңтайландырылатынын бақылауға мүмкіндік беретін Пішім параметрлерін ашады. Бұл параметрлер «пішімге тән» болады және өзгертулерді енгізгеннен кейін «Параметрлерді сақтау» түймешігін басыңыз және сол өзгертулер шығарылатын пішімдерге қолданылады.
IOS немесе Android таңдалғаннан кейін, осы платформадағы барлық шешімдерді қосу үшін тізім өзгереді. IOS листингінде Retina дисплейі үшін масштабтау коэффициенттері көрсетіледі және Android іріктеуінде әр Android құрылғысының әрқайсысына сыйымдылығы .75x-тен 4x-ге дейін ауқымдар болады.
Егер жойғыңыз келетін пішім болса, «x» белгісін басыңыз. Егер сіз қосқыңыз келсе + Add Scale батырмасын басыңыз.
Аяқтаған кезде, «Артқа экспорттау» батырмасын басыңыз және процесс аяқталған кезде сізді көрсету жолағы көрсетіледі.
03 04
Adobe Illustrator CC 2015 ішінен Экранға экспорттау файлдарын пайдалану.
Экрандарды экспорттаудың нәтижелерін тексергенде, Illustrator әрбір экранның түзетілген нұсқасын шығарғанын көресіз. Әсіресе Illustrator барлық биталарды және кескіндерді суреттер ретінде экспорттауды күткенде, бұл бетінде бұл әлсіз болып көрінуі мүмкін.
Егер сіз артқа бассаңыз және бұл туралы бір сәтке ойлансаңыз , бұл дәл сізге керек нәрсе, себебі бұл өнімді Adobe Experience Design , Principleformac, Atomic.io , UXPin немесе басқа да прототипті қолданба сияқты прототипті қолданбада қолдана аласыз.
Бұл мысалда мен қарапайым нұқу жолын жасау үшін Adobe Experience Design (XD) пайдаланамын. Процестің алғашқы қадамы Illustrator интерфейсінің өлшеміне сәйкес келетін iPhone 6 өлшемін таңдау болды
Интерфейс ашылғанда, мен басқа графикалық тақтаны қосу үшін, картографиялық құралды таңдап алдық. Содан кейін мен оларды «Home» және «Places» деп атадым, әрбір жұмыс орнын таңдаймын және Illustrator ішіндегі png кескінін жұмыс үстеліне импорттадым.
Түймешік үшін «ыстық нүктелерді» жасау үшін басты экрандағы «Explore» түймесінің тіктөртбұрышы мен оның сипаттары тақтасында сол сипаттарды алып тастау арқылы оның толтыру және шекаралық мәндерін ешкімге орнатпадым. Мен Орындар бетіндегі Артқа түймешігімен солай істедім.
Интерактивтілікті қосу үшін мен Prototype режимін таңдап, «hotspot» -қа шықты. Содан кейін сым деп аталатын көрсеткі - Орындары бетіне сүйреп апарып, Орынға өтетін мақсатты қойыңыз, Солға батыруға арналған қозғалыс, жеңілдеуді жеңілдету және 6 секундқа ауысу ұзақтығы.
Мен осы қадамды Places бетіндегі ыстық нүктемен қайталаймын. Жалғыз айырмашылық Transition Push Right параметріне орнатылған болатын. Ойнату түймесін басқан кезде прототипімді тексердім.
04 04
Export Asset Panel пайдалану әдісі Adobe Illustrator CC 2015 нұсқасында
Экрандарға сақтау мәзірімен қатар Adobe компаниясы UI Design жұмыс үрдісінде үлкен ауырсыну нүктесін алып тастаған жаңа панель - Asset Export қосқан.
Ауыру белгісі белгішелер болатын. Illustrator - бұл керемет векторлық суреттерге арналған бағдарлама, бірақ шығаруға, мысалы, 10 иконкалар, әрқайсысы SVG кескіні ретінде сақталған 40 немесе 50 бетті бар бетте. SVG панеліне дәйекті сапарлар арқасында бұл әдеттегіден гөрі көп уақытты қажет етеді. Бұл ауырсыну нүктесі қазір өткеннің бір нәрсесі.
Бұл жаңа тақтаны Window> Asset Export ішінен табуға болады. Панель ашылғанда SVG немесе басқа форматқа түрлендіргісі келетін активті таңдаңыз және панельге сүйреңіз. Тінтуірді босатқанда, элементке нобай панельге қосылады. Активті атаңыз. Аяқталмайынша, нысандарды панельге сүйреңіз.
Әр элементті таңдау Экспорттау параметрлері аймағында Shift пернесін басып, әрқайсысын басу арқылы олардың барлығын таңдаңыз. Пішіміңізді таңдаңыз - бұл мысалда SVG- таңдады және Экспорттау түймешігін басыңыз. Таңдалған элементтер SVG файлдары ретінде Illustrator файлымен бірдей орналасады.
Бұл бүкіл процестің қайда пайда болғаны сізде Asset Export тақтасын пайдаланудың қажеті жоқ. Панельдің төменгі жағындағы Save for Screens түймесін бассаңыз, тілқатысу терезесі ашылады.
Керісінше, «Активтерді экспорттау» тақтасына кіру үшін «Сақтау экранына сақтау» тақтасында «Активтер» қойындысын басуға болады. Мысалы, сіз жұмыс үстеліде реттелетін белгішесі бар болса, Экранға сақтау тілқатысу терезесіндегі «Активтерді экспорттау» тақтасын ашып, сол элементті «Активтерді экспорттау» тақтасына апарыңыз.