स्क्रिन फीचरको लागी Illustrator CC 2015 निर्यात प्रयोग गर्नुहोस्

यदि इशाराटरसँग काम गर्ने एक पक्ष हो कि म साँच्चै मजा नगर्ने हो भने मोबाइल वा वेबको लागि svg तस्बिरहरूमा रेखा कला परिवर्तन गर्दैछ। निर्यातको प्रयोग गरेर> मेनुको रूपमा निर्यात गर्नुहोस् र, क्रूर रूपमा ईमानदार हुन, वेबको लागि बचत गर्नुहोस् - निर्यात> वेबको लागि बचत गर्नुहोस् - प्रयोग गर्न सजिलो थिएन।

.एसभीजी ढाँचामा एक रेखाचित्र परिवर्तन गर्दा एक डराउने संवाद बाकस खोलिएको छ जुन, मानिसहरूका लागि यो कार्यप्रवाहमा नयाँ, विकल्पहरूको भ्रामक सरणी प्रदान गरे तथ्य तथ्य उल्लेख गर्न सकेन त्यहाँ .svg ढाँचाहरू र तिनीहरू मध्ये एक मात्र उचित थियो ढाँचा। एकपटक तपाईंले यो कार्यप्रवाहमा प्रयोग गरिसकेपछि यो कुनै ठूलो सम्झौता थिएन, तर सिक्येन्सी वक्र खाइयो।

यो सबै स्क्रिन सुविधाको लागि नयाँ निर्यातसँग परिवर्तन गरिएको छ - स्क्रिनको लागि निर्यात> निर्यात - र सम्पत्ति निर्यात प्यानल जुन जून 2016 मा इलिस्ट्रेटर सीसी 2015 मा पेश गरिएको थियो। यो "कसरी गर्ने" मा तपाइँ कसरी देखाउन जाँदै हुनुहुन्छ विशेषताहरु। सुरू गरौं।

01 को 04

स्क्रिनमा एडोब इलिस्ट्रेटर सीसी 2015 को लागि निर्यात कसरी पहुँच गर्ने

स्क्रिन संवाद बक्सको लागि निर्यात प्रयोग गरेर आउटपुट आर्टबोर्डहरू।

Illustrator 88 पछि इलिनस्ट्रेटर प्रयोगकर्ता भएकोमा मैले सोचें कि तपाईंले इन्ट्रिटरलाई वेब र मोबाइल इन्टरफेस र परियोजनाहरूको लागि एक गंभीर डिजाईन उपकरणको रूपमा विचार गर्न मेरो असुविधा बुझ्न सक्नुहुन्छ।

जब आर्टबोर्डहरू CS4 संस्करण 2008 मा पेश गरिएको थियो, मैले सोधे कि त्यो आवेदनको लागि रोचक अतिरिक्त थियो। जब मैले पहिलो पटक इन्ट्रिस्टरेटरमा अब उपेक्षित बचत वेब सुविधाको लागि देखेको छु, फेरि, मैले यो रोचक पाए तर मैले फेला पर्यो कि एडोब फायरवर्कमा एउटै सुविधा इल्लेटरले भन्दा बढी ग्राफिक्ससँग सम्बद्ध थियो।

मोबाइलको पहिलो संस्करण डिजाइन गर्न र मोबाइल प्रोजेक्टका लागि एसजीजी छविहरूमा बढ्दो निर्भरता संग, Illustrator एसजीजीको लागि मेरो "जानुहोस्" उपकरण थियो र यूआई डिजाइन कार्यप्रवाहमा एक महत्वपूर्ण बन्द भयो।

अझै पनि, यदि म मोबाइलको लागि सम्पत्ति निर्यात गर्न चाहियो भने, स्केच 3 र फोटोशिप सीसी 2015 मेरो उपकरणको छनौट हो। इङ्स्ट्रिटरले स्क्रिन मेनुको लागि वास्तवमा निफ्टी एक्सपोर्टको साथ जून 2016 मा सूची प्रविष्ट गर्यो।

माथिको उदाहरणमा, मेरो दुई आईफोनहरू आईफोनको लागि तय गरिएको छ र उनीहरू "गृह" र "स्थानहरू" नामकरण गरिएका अङ्ग्रेजीबोर्डमा छन्। आउटपुट गर्न, मैले फाइलको लागि चयन> निर्यात> निर्यात चयन गर्यो। स्क्रिन संवाद बक्सको लागि निर्यात खोल्छ।

02 को 04

स्क्रिन संवाद बक्सको लागि निर्यात कसरी प्रयोग गर्ने

IOS को लागि एन्ड्रोइडको लागि आउटपुट आर्टबोर्डहरू बचत स्क्रिन संवाद बक्समा केहि सरल छनौटहरू गरेर।

जब संवाद बाकस देखिन्छ, चयन गर्न प्रत्येक कलाबोर्डमा क्लिक गर्नुहोस्। त्यसपछि त्यसपछि एक चेक मार्क खेल हुनेछ। तपाईं यसलाई चयन गर्न र यसलाई परिवर्तन गर्नको लागि आर्टबोर्डको नाम डबल-क्लिक गर्नुहोस्। यो जान्न एक राम्रो कुरा हो कि यदि तपाईंको आर्टबोर्डहरू "Artboard 1" र "Artboard 2" नामकरण गरिएको छ जुन स्पष्ट रूपमा, तपाईंलाई केही कुरा बताउँदैन।

तपाइँसँग छनौट क्षेत्रमा तीन छनौटहरू छन्:

क्षेत्रमा निर्यात गर्न तपाईले आउटपुटको लागि गन्तव्य फोल्डर चयन गर्नुहुन्छ। पूर्वनिर्धारित फोल्डर Illustrator कागजातको वर्तमान स्थान हुनेछ।

ढाँचाहरू जहाँ "जादू हुन्छ। तपाईं त्यहाँ तीन आईकनहरू - आईओएस नोटिस गर्नेछौं। एन्ड्रोइड र गियर। पहिलो दुई आत्म-व्याख्यात्मक हो। गियर प्रतिमा ढाँचा सेटिङ खोल्छ जसले तपाईंलाई नियन्त्रण गर्न अनुमति दिन्छ कि कसरी सूचीमा प्रत्येक फाइल ढाँचा अनुकूलित गरिनेछ। यी सेटिङ्हरू "ढाँचा निर्दिष्ट" हो र तपाइँले तपाइँको परिवर्तन गर्नुभएपछि, सेटिङ्हरू बचत गर्नुहोस् बटन क्लिक गर्नुहोस् र यी परिवर्तनहरू आउटपुटमा ढाँचामा लागू गरिनेछ।

एकपटक तपाईंले आईओएस वा एन्ड्रोइड चयन गरेपछि सूचीले त्यो प्लेटफर्ममा उपलब्ध सबै प्रस्तावहरू समावेश गर्न परिवर्तन गर्नेछ। आईओएस लिस्टले रेटिना डिस्प्लेको स्केलिङ कारकहरू देखाउनेछ र एन्ड्रोइड चयनमा 75 देखि 4x सम्मको तराजू हुनेछन् जुन व्यावहारिक रूपमा प्रत्येक एन्ड्रोइड उपकरण बाहिर निस्कन्छ।

यदि त्यहाँ एउटा ढाँचा हो जुन तपाइँ हटाउन चाहानुहुन्छ भने, "x" मा क्लिक गर्नुहोस्। यदि त्यहाँ छ भने तपाइँ क्लिक गर्न चाहानुहुन्छ + स्केल बटन थप्नुहोस्।

समाप्त भएपछि, निर्यात आर्टबोर्ड बटनमा क्लिक गर्नुहोस् र प्रक्रिया समाप्त भएपछि एक प्रगति पट्टी तपाईंलाई देखाउनेछ।

03 को 04

Adobe Illustrator CC 2015 बाट स्क्रिन फाइलहरूको लागि द एक्सपोर्टको प्रयोग गर्दै।

Illustrator बाट फाइलहरू आउटपुट सजिलै प्रोटोटाइप अनुप्रयोगहरू जस्तै Adobe अनुभव डिजाइनमा कुनै पनि नम्बरमा थप्न सकिन्छ।

जब तपाईंले स्क्रिनको लागि निर्यातको नतिजा जाँच गर्नुहुन्छ, तपाईले पत्ता लगाउनुहुनेछ कि Illustrator सँग प्रत्येक स्क्रिनको एक फ्लेटा संस्करण छ। सतहमा, यो बिस्तारै कम कमजोर हुन सक्छ यदि तपाईं Illustrator को आशा गरेको थिए कि सबै बिटहरू र छविहरूको रूपमा टुक्राहरू निर्यात गर्न चाहन्थे।

यदि तपाईं फिर्ता आउन र एक पलका बारेमा सोच्नु हुन्छ भने, यो वास्तवमा तपाईलाई चाहिन्छ जुन तपाईले यो प्रोटोटाइप अनुप्रयोगमा Adobe उत्पादन डिजाइन , प्रिन्सप्लेफेसक , एटमिक. io , UXPin वा अन्य प्रोटोटाइप अनुप्रयोगमा यो आउटपुट प्रयोग गर्न सक्नुहुनेछ।

यस उदाहरणमा, म साधारण क्लिक-थू सिर्जना गर्न Adobe अनुभव डिजाइन (XD) प्रयोग गर्दैछु। प्रक्रियामा पहिलो चरण आईफोन 6 साइज चयन गर्ने थियो जुन इल्लिस्ट्रेटर इन्टरफेसको आयामसँग मेल खायो

जब इन्टरफेस खोलियो, मैले आर्टबोर्डबोर्ड उपकरण चयन गरें र पेस्टबर्डमा एक चोटि क्लिक गर्नु अर्को कलाबोर्ड थप्नको लागी। त्यसपछि मैले तिनीहरूलाई "गृह" र "स्थानहरू" नाम दिएका थिए, प्रत्येक कलाबोर्ड चयन गरियो र इङ्गल्याटरबाट PNG तस्बिरलाई आर्टबोर्डमा आयात गर्यो।

क्लिक-थुरुका लागि "हटस्पट" सिर्जना गर्न, मैले घर पर्दामा अन्वेषण बटनमा आयत कमाई र यसको भित्री र सीमा मान मानहरू यी गुणहरूलाई गुण प्यानलमा चयन गर्न द्वारा सेट गर्नुहोस्। मैले स्थान पृष्ठमा ब्याक बटनको साथ एउटै काम गरेँ।

अन्तरक्रियात्मकता थप्न, मैले प्रोटोटाइप मोड चयन गरे र त्यसपछि "हटस्पट" मा क्लिक गर्नुभयो। त्यसपछि मैले तीर-ट्र्याक भनिन्छ - स्थान पृष्ठमा र स्थानान्तरण लक्ष्य स्थानहरूमा, गतिमा पुश बायाँ, आराम गर्न सजिलो र विस्तारको अवधिमा .6 सेकेण्डमा।

मैले स्थान चरणमा हटस्पटसँग यो चरण दोहोर्याएँ। मात्र फरक थियो ट्रान्सिशनलाई दायाँ पुश गर्न सेट गरियो। मैले प्ले बटन क्लिक गर्दा मैले मेरो प्रोटोटाइप परीक्षण गरेँ।

04 को 04

Adobe Illustrator CC 2015 मा निर्यात सम्पत्ति प्यानल कसरी प्रयोग गर्ने

कस्टम आइकन्सहरू एसेट निर्यात प्यानल प्रयोग गरेर SVG फाइलहरूको रूपमा निर्यात गर्न सकिन्छ।

स्क्रीन मेनुको लागि बचतको साथमा एडोबले नयाँ प्यानल थपे - सम्पत्ति निर्यात - जसले यूआई डिजाइन कार्यप्रवाहमा ठूलो दुखाइ बिन्दु हटाउदछ।

दुखाइ बिन्दु प्रतीक थियो। Illustrator एक महान वेक्टर चित्रकला अनुप्रयोग हो तर आउटपुटमा, 10 प्रतिमा भन्नुहोस्, पृष्ठमा 40 वा 50 सँग आवश्यक पर्दछ प्रत्येकलाई एक एसजीजी छविको रूपमा सुरक्षित गरिएको छ। यो SVG प्यानलमा निरन्तर यात्राहरूको लागि सामान्यतया सामान्य समय भन्दा बढी समय आवश्यक छ। यो दुखाइ बिन्दु अहिले अतीतको कुरा हो।

यस नयाँ प्यानलले सञ्झ्याल> सम्पत्ति निर्यातमा फेला पार्न सकिन्छ। जब प्यानल खोल्छ, जे भए पनि तपाई एसजीजी वा अन्य ढाँचामा बदल्न चाहानु भएको सम्पत्ति चयन गर्नुहोस् र प्यानलमा तान्नुहोस्। जब तपाईं माउस रिलीज गर्नुहुन्छ भने सम्पत्तिको थंबनेलमा प्यानलमा थपिएको छ। सम्पत्तिको नाम दिनुहोस्। तपाईँले समाप्त नभएसम्म वस्तुहरू प्यानलमा तान्नुहोस्।

प्रत्येक वस्तु चयन गर्नुहोस् निर्यात सेटिङ् क्षेत्रमा, वा Shift कुञ्जीलाई समातेर र प्रत्येकमा क्लिक गरेर तिनीहरूलाई सबै चयन गर्नुहोस्। तपाईंको ढाँचा चयन गर्नुहोस् - यस उदाहरणमा, मैले SVG- छनौट र निर्यात बटनमा क्लिक गर्नुहोस्। चयन गरिएका वस्तुहरू SVG फाईलहरूको रूपमा समान स्थानमा उत्पादन हुनेछ Illustrator फाइलको रूपमा।

जहाँ यो पूरी प्रक्रिया पनि न्यूटर हुन्छ यो तपाईंलाई सम्पत्ति निर्यात पैनल प्रयोग गर्न छैन। यदि तपाईं प्यानलको तलबाट बचतको स्क्रिन बटन क्लिक गर्नुहुन्छ भने संवाद बक्स खोल्छ।

यसको विपरीत, तपाईं सम्पत्ति निर्यात प्यानलमा पहुँच गर्न बचत प्यानल प्यानलमा सम्पत्ति ट्याबमा क्लिक गर्न सक्नुहुनेछ। उदाहरणको लागि, यदि तपाईँसँग कलाबोर्डमा अनुकूलन प्रतिमा छ भने तपाईं एस्टीट एक्सटेन्सन प्यानललाई बचत फोकस संवाद बक्समा खोल्न सक्नुहुन्छ र एसेट निर्यात प्यानलमा त्यो चीजलाई तान्नुहोस्।