फ़ोटोशॉप निकालें: मोबाइल ग्राफिक्स उत्पादन Afterburner पर जाता है

08 का 08

संपत्ति निकालें क्या है

फ़ोटोशॉप में एक COMP बनाएँ।

फ़ोटोशॉप सीसी 2014 की नई निकास संपत्ति सुविधा उत्तरदायी वेब डिज़ाइन (आरडब्ल्यूडी) के लिए छवि निर्माण के अन्यथा कठिन कार्यप्रवाह पर एक afterburner पट्टियाँ। आइए देखें कि एक्सट्रैक्ट एसेट्स कमांड कुछ वेब मिनटों में असेंबली-तैयार संपत्तियों को वेब पेज कंप को कैसे कम कर सकता है।

आइए एक स्पष्ट प्रश्न से शुरू करें: संपत्ति निकालें क्या है?

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

आएँ शुरू करें।

08 में से 02

एक फ़ोटोशॉप .psd फ़ाइल खोलें

हम फ़ोटोशॉप में तैयार एक वेब पेज कंप के साथ शुरू करते हैं।

उदाहरण के लिए मैं उदाहरण का उपयोग कर रहा हूं इलस्ट्रेटर से एक स्मार्ट ऑब्जेक्ट, कुछ पाठ, एक नायक इकाई जिसमें टेक्स्ट, एक छवि और एक बटन और सड़क की एक श्रृंखला है जो साइट के विषय को मजबूत करती है। यहां कुंजी परतों को समूहों में व्यवस्थित कर रही है। यह आवश्यक है क्योंकि कार्य इन सभी वस्तुओं को कंप के बाहर खींचना है ताकि उन्हें वेब लेआउट में त्वरित रूप से जोड़ा जा सके जो विभिन्न स्क्रीन संकल्पों और आकारों के अनुकूल हो।

08 का 03

संपत्ति निकालने के दो तरीके

निकालें संपत्ति फ़ाइल मेनू में या परत पर राइट-क्लिक करके पाई जा सकती है।

उत्पन्न करने के विपरीत, जो परत नाम पर ग्राफ़िक एक्सटेंशन के अतिरिक्त ऑब्जेक्ट्स को निकालता है, निकालें संपत्तियां एक इंटरफ़ेस का उपयोग करती हैं जिसे परत पर राइट-क्लिक करके या परत चुनकर और फ़ाइल> निकालें संपत्तियों का चयन करके पहुंचा जा सकता है।

08 का 04

निकालें संपत्ति इंटरफ़ेस

निकालें संपत्ति संवाद बॉक्स।

निकालें संपत्ति संवाद बॉक्स बल्कि सहज ज्ञान युक्त है। आपको निकालने के लिए परत या चयन दिखाया गया है। इसके ऊपर आपको फाइल का आकार दिखाया गया है और नीचे यह नियंत्रण है जो आपको ऑब्जेक्ट पर ज़ूम इन और आउट करने की अनुमति देता है। संवाद बॉक्स का दाहिना तरफ जादू है। शीर्ष पर चार बटन आपको ऑब्जेक्ट के रिज़ॉल्यूशन / आकार का चयन करने की अनुमति देते हैं। अगली पट्टी आपको चयनित परत दिखाती है और + चिह्न पर क्लिक करने से आप चयनित परत को किसी अन्य प्रारूप में भी आउटपुट कर सकते हैं। कचरा सीए कतार से परत को हटा देता है। अगली पट्टी में, आप फ़ाइल प्रकार चुन सकते हैं और आप आउटपुट छवि की चौड़ाई और ऊंचाई समायोजित कर सकते हैं।

05 का 08

एक एसवीजी छवि निकालना

एक एसवीजी छवि निकालना।

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

08 का 06

निकालें संपत्ति प्रक्रिया

छवियों को .psd छवि के समान स्थान पर फ़ोल्डर में रखा जाता है।

जब आप निकालें बटन पर क्लिक करेंगे तो कुछ चीजें घटित होंगी। आपको सबसे पहले चेतावनी दी जाएगी कि फ़ाइल का नाम बदल सकता है। यह कोई बड़ा मुद्दा नहीं है। फिर आपको बताया जाएगा कि परिसंपत्ति को पकड़ने के लिए एक नया फ़ोल्डर बनाया जा रहा है। प्रक्रिया समाप्त हो जाने के बाद, मूल .psd फ़ाइल के समान स्थान पर रखा गया फ़ोल्डर, खुलता है और आपको नई संपत्ति दिखाता है।

08 का 07

सेटिंग्स बटन आपका नया सबसे अच्छा दोस्त है

समायोजन डिवाइस संकल्प।

सेटिंग्स बटन पर क्लिक करने से एक सेटिंग संवाद बॉक्स खुलता है जो गंभीर रूप से उपयोगी होता है। बाईं ओर की सेटिंग्स स्केलिंग कारक हैं। वे जो करते हैं वह छवि की विभिन्न प्रतियां बनाते हैं जो एक डेवलपर मीडिया क्वेरी में एक विशिष्ट डिवाइस के स्क्रीन रिज़ॉल्यूशन को लक्षित करने के लिए उपयोग करेगा। उदाहरण के लिए, 3x संस्करण को आईफोन या आईपैड रेटिना डिस्प्ले पर लक्षित किया जाएगा जबकि एंड्रॉइड डिवाइस पर 1.25 कारक की ओर इशारा किया जाएगा। प्रत्यय फ़ाइल नाम के अंत में जोड़ा जाता है ताकि आपके डेवलपर को मीडिया क्वेरी में उपयोग की जाने वाली छवि को आसानी से पहचानने की अनुमति मिल सके। एक बार समाप्त होने के बाद, ओके बटन पर क्लिक करें और आपके चयन डायलॉग बॉक्स में निकालें संपत्ति क्षेत्र में प्रकाश डालेंगे। आप इंटरफ़ेस के दाईं ओर एक्स्ट्राक्ट एसेट्स क्षेत्र में गियर आइकन पर क्लिक करके सेटिंग तक पहुंच सकते हैं

08 का 08

पूरी तरह खत्म करना

विभिन्न प्रारूपों और संकल्पों वाली कई छवियां निकाली जाती हैं।

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