मैं कई आकारों में इलस्ट्रेटर छवि से एक छवि कैसे निर्यात कर सकता हूं?


29

मैं एडोब इलस्ट्रेटर के लिए नया हूं और मेरी एक लोगो छवि है जिसे मुझे 5 या 6 विभिन्न आकारों में उपयोग करने की आवश्यकता है। लोगो चित्र एडोब इलस्ट्रेटर में बनाया गया था, लेकिन जब मैं पीएनजी या जेपीईजी को छवि को बचाने की कोशिश करता हूं, तो जो सरल होना चाहिए था वह बहुत जटिल हो गया है।

मैं समझता हूं कि एडोब इलस्ट्रेटर छवि को एक निश्चित आकार के रूप में व्यवहार करना चाहता है, और फिर उस आकार को पिक्सेल प्रति इंच स्केल फैक्टर से गुणा करना चाहता है जिसके परिणामस्वरूप वह पिक्सेल की वास्तविक संख्या को बचाता है। इसके पास कुछ सीमित पैमाने के कारक विकल्प हैं जो परिणामी पिक्सेल पिक्सेल आकार का बहुत सीमित सेट देते हैं।

हालाँकि कई वेब उपयोगों के लिए उपयोगकर्ता को पहले से ही आउटपुट पिक्सेल आयाम पता होते हैं जिनकी आवश्यकता होती है। वहाँ सिर्फ पिक्सेल चौड़ाई या बचाया ग्राफिक की ऊंचाई को निर्दिष्ट करने का एक तरीका है जिसकी आवश्यकता है?

मैंने छवि को निर्यात करने के सुझाव देखे हैं और फिर इसे आकार देने के लिए फ़ोटोशॉप का उपयोग किया है, लेकिन इसका परिणाम खराब छवि गुणवत्ता बनाम बनाम वेक्टर छवि से अंतिम छवि बनाना है।



ऐसा करने के लिए कई तरीके हैं, मेरा चयन है तो आप जिस छवि को निर्यात करना चाहते हैं उसका चयन करें और फिर हेडर में चौड़ाई और ऊँचाई का विकल्प चुनें, बस इसे बदल दें, फिर निर्यात करें

जवाबों:


26

फ़ाइल> वेब के लिए सहेजें और फिर Image Sizeवेब विंडो के लिए सहेजें के दाईं ओर टैब पर क्लिक करके पिक्सेल आयाम दर्ज करें।

या मैं आपको सही तरीके से नहीं समझ रहा हूँ?


बहुत बहुत धन्यवाद। मैंने "निर्यात" -फंक्शन के साथ लगभग 15 मिनट बिताए हैं, लेकिन चूंकि यह 72ppi से कम का उपयोग करने से इनकार करता है, इसलिए मुझे बहुत छोटे निर्यात के लिए कलाकृति और आर्टबोर्ड को फिर से बेचना पड़ा, यही कारण है कि पूछने वाले ने भी ऐसा ही किया।
केजेल श्मिट

12

File → Save for Webआयामों का उपयोग करना और दर्ज करना आपके बाद क्या होगा। इसके अलावा, इलस्ट्रेटर वेक्टर स्केलिंग का उपयोग करता है, इसलिए परिणाम बेहतर हैं यदि आपने फ़ोटोशॉप में एक ही चीज़ की कोशिश की - आयाम दर्ज करना जो दस्तावेज़ में दस्तावेज़ से मेल नहीं खाता है, इसका मतलब है कि छवि बिटमैप स्केल की जाएगी।

कृपया ध्यान दें कि यदि आप CS6 से पहले इलस्ट्रेटर के संस्करण का उपयोग कर रहे हैं, तो आयाम बदलने के बाद आपको अप्लाई पर क्लिक करना होगा।

Illustrator में वेब के लिए सहेजें

ओह, और एक बहुत अच्छा मौका है जिसे आप Convert to sRGBबंद करना चाहते हैं - यह विनाशकारी रूप से आपकी छवि को वर्तमान रंग स्थान से sRGB में परिवर्तित करता है, जिससे रंग परिवर्तन होता है।

यहां छवि विवरण दर्ज करें


CS6 में कोई भी लागू बटन नहीं है .... और मैं कन्वर्ट टू आरजीबी के बारे में असहमत हूं, आप चाहते हैं कि वेब के लिए नियत छवियों पर
स्कॉट

2
CS6 टिप के बारे में धन्यवाद। वेब और UI कार्य के लिए sRGB में कनवर्ट करना बिल्कुल गलत दृष्टिकोण है। यहाँ क्यों पर एक पूरा लेख है: bjango.com/articles/photoshop (मुझे इस पर अपने जोखिम पर!)
मार्क एडवर्ड्स

2
क्या आपने वास्तव में लेख पढ़ा है? जब आप वेब और UI कार्य कर रहे होते हैं, तो पूरी प्रक्रिया के दौरान सटीक रंग मूल्यों को बनाए रखा जाना चाहिए। यदि आप # FF0010 को रंग के रूप में दर्ज करते हैं, तो कोड में रंग से मेल खाने के इरादे से उस फ़ाइल को # FF0010 के रूप में आउटपुट किया जाना चाहिए। इसका मतलब है कि sRGB में कन्वर्ट होना जरूरी है। मुझे लगता है कि आप इस तरह का काम नहीं करते हैं और समझ नहीं पाते हैं कि इसमें क्या शामिल है।
मार्क एडवर्ड्स

1
स्कॉट, कृपया इसे एक विज्ञापन होमिनम हमले के रूप में न लें, लेकिन इसी तरह की चर्चा से मुझे लगता है कि आपने आरजीबी रंग प्रतिनिधित्व के बारे में कुछ गलत विचार उठाए होंगे। यह भी देखें ग्राफिकडिजाइन.स्टैकएक्सचेंज . com/questions/7815/…
e100

3
वेब के लिए काम करते समय लगभग हर बोधगम्य स्थिति में sRGB में कनवर्ट करना गलत विकल्प है। "वेब कैमरा टीम के लिए एक सहेजें बचाने के लिए कन्वर्ट sRGB विकल्प को लागू किया है" - उस तय करने के लिए समय। प्रतिक्रिया.
photoshop.com/photoshop_family/topics/…

1

जब मुझे कई पिक्सेल आकारों का समर्थन करने की आवश्यकता होती है, तो मैं उसी एआई फ़ाइल के भीतर कला को मापता हूं और मापता हूं। प्रत्येक आकार एक अलग सही आकार के आर्टबोर्ड पर जाता है। मैं निर्यात किए जाने वाले फ़ाइल प्रारूप के साथ बोर्ड का नाम जोड़ता हूं। फिर मैं एक जेएसएक्स चलाता हूं जो प्रत्येक आर्टबोर्ड को निर्यात करता है और नाम से फ़ाइल प्रारूप चुनता है, उस फ़ाइल में मैंने उस प्रारूप के लिए दर्ज की गई अंतिम सेटिंग्स का उपयोग किया है। यह सब CS5 में है।

मैं कुछ लोगो, आइकन और प्रदर्शन विज्ञापनों के लिए इस वर्कफ़्लो का उपयोग करता हूं।


कृपया, क्या आप .jsx साझा कर सकते हैं?
केलिन

@kelin मुझे डर है कि मैं नहीं कर सकता। मुझे Adobe उत्पादों के साथ परेशान हुए एक लंबा समय हो गया है।
प्लेनक्लॉथ्स

1
कोई समस्या नहीं है, मुझे यहाँ बहुत अच्छी स्क्रिप्ट मिली: stackoverflow.com/a/28067227/3050403
kelin

0

आप फ़ोटोशॉप में उचित आकार का एक दस्तावेज़ भी बना सकते हैं (या गाइड के साथ एक क्षेत्र को बॉक्स में) फिर फ़ाइल> वेक्टर कला को रखें।

आप आकार के आकार का प्रतिपादन करने से पहले उसे माप सकते हैं। जाहिर है कि इसके बाद स्केलिंग से इसकी गुणवत्ता कम हो जाएगी।

मैंने हमेशा लोगो पर इस तकनीक का उपयोग किया है ताकि आकार पर सटीक नियंत्रण दिया जा सके, उदाहरण के लिए एक पिक्सेल सीमा (संकेत का एक रूप) पर लोगो के पाठ तत्वों की आधार रेखा प्राप्त करना।


0

इस विषय के अलावा जो मुझे मोबाइल ऐप डिजाइनरों के लिए दखल मिला, यह स्क्रिप्ट है जो 1 क्लिक में आईओएस और एंड्रॉइड के लिए रेटिना संपत्ति बनाता है।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.