फ़ोटोशॉप में चर या बाह्य PSD फ़ाइलों को कैसे आयात किया जाए

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

क्या वास्तव में केवल हमारे लिए यह आटा सहन करना बाकी है? खैर अब नहीं! हाल ही में, मैंने एक दृष्टिकोण की खोज की, जो हेडर में तत्व के रंग को बदलने के लिए डिजाइनरों को सिर्फ 23 PSD फ़ाइलें खोलने के लिए अलविदा कहने की अनुमति देगा। इसके बजाय, हम अपने सहयोगियों, डेवलपर्स की तरह उचित कार्य कर सकते हैं और "चर" नामक चीज़ का उपयोग करके बाहरी फ़ाइलों को आयात कर सकते हैं।

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

फ़ोटोशॉप में चर क्या हैं?

इसी तरह से एडॉबी ध्वनियों का तकनीकी वर्णन है।

चर मुख्य रूप से बाद के प्रतिस्थापन के लिए टेम्पलेट में तत्वों को निर्दिष्ट करने के लिए उपयोग किया जाता है। एक चर सेट करने के तीन तरीके हैं:

• दृश्यता चर - परत की सामग्री को दिखाता या छिपाता है;
• पिक्सल्स के प्रतिस्थापन - वे चर जो किसी अन्य फ़ाइल से छवि पिक्सेल के साथ एक परत के पिक्सल्स को बदलते हैं;
• टेक्स्ट रिप्लेसमेंट - वैरिएबल जो किसी स्ट्रिंग को टेक्स्ट लेयर में बदल देते हैं।

हमारी जरूरतों के लिए, यह पिक्सेल को बदलने के लिए पर्याप्त है, क्योंकि हमें केवल बाहरी घटक को अपने लेआउट में आयात करने की आवश्यकता है।

चलिए शुरू करते हैं

चरण एक: फाइलें तैयार करना

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



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



मैंने वैश्विक हेडर के लिए एक नकली स्टाइलशीट बनाई और इसे Component_GlobalHeader.psd नाम दिया। सभी चरणों का पालन करने के लिए, कृपया इसे डाउनलोड करें।

चरण दो: आधार बनाना

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

चरण तीन: एक चर बनाएँ

यह एक चर बनाने का समय है। आप इसे इमेज → वैरिएबल → परिभाषित करके चुन सकते हैं। एक विंडो पॉप अप होती है जिसमें हम कुछ पैरामीटर सेट करेंगे।

सबसे पहले, हमेशा सुनिश्चित करें कि आपने उस परत को चुना है जिसकी आवश्यकता है। यह "लेयर" फ़ील्ड में देखा जा सकता है। यदि परत गलत तरीके से सेट की गई है, तो बाद में गड़बड़ हो सकती है।



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



अब "Method" फील्ड पर चलते हैं। हम छवि को प्रतिस्थापित करते समय स्केलिंग विधि का चयन करने जा रहे हैं। विकल्प इस प्रकार हैं:

• "फिट" - इस तरह से तराजू है कि छवि कंटेनर में फिट हो जाती है (कंटेनर के कुछ हिस्से खाली रह सकते हैं);
• "भरें" - इस तरह से तराजू कि छवि पूरे कंटेनर में फिट होती है (छवि के कुछ हिस्से कंटेनर से आगे बढ़ सकते हैं);
• "जैसा है" - स्केलिंग लागू नहीं है;
• "कॉनफ़ॉर्म" - एक छवि को असमान रूप से मापता है ताकि यह पूरे कंटेनर को भर दे।

"जैसा है" हमें वैसी ही आवश्यकता है, क्योंकि हम बाहरी फ़ाइल पर कोई हेरफेर नहीं करना चाहते हैं।



"संरेखण (केंद्रित)" को केंद्र में छोड़ दिया जा सकता है, लेकिन यह वरीयता का मामला है, और घटक पर भी निर्भर करता है। मैं ऊपरी बाएं कोने में संरेखित करता था। यह सब आप पर निर्भर करता है।

"क्लिप टू बाउंडिंग बॉक्स" को शायद छोड़ दिया जाना चाहिए ।

"अगला" पर क्लिक करें।

चरण चार: आयात

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

चूँकि हमने अभी तक डेटासेट नहीं बनाया है, तो आइए पहले बनाकर शुरू करते हैं। ऐसा करने के लिए, एक डिस्केट के साथ छोटे आइकन पर क्लिक करें (कूड़ेदान के पास)। अब जब हमने किट बना ली है, तो इसे कुछ कहते हैं। हां, यह सही है। नाम को वैरिएबल, लेयर और बाहरी फ़ाइल का नाम दें। जैसा कि मैंने कहा, वे समान होना चाहिए।





बस, अब हम एक बाहरी फाइल अपलोड कर सकते हैं। "मान" अनुभाग में फ़ाइल चयन बटन पर क्लिक करें और Component_GlobalHeader.psd चुनें। ध्यान दें कि यदि आपके पास "पूर्वावलोकन" चेकबॉक्स चयनित है, तो आप देखेंगे कि लेआउट में आपका घटक कैसे दिखाई दिया। सुपर महत्वपूर्ण: "ओके" पर क्लिक करने से पहले हमेशा "लागू करें" पर क्लिक करें । यदि ऐसा नहीं किया जाता है, तो हमने जो कुछ भी किया है वह खो जाएगा और फिर से शुरू करना होगा। इसलिए, पहले "लागू करें , " फिर "ठीक है । "



हमने अपने लेआउट में बाहरी घटक आयात किया है! हुर्रे! लेकिन रुकिए ... हम यह सब बहुत बड़ी परत देखते हैं, और हमें इसका केवल एक हिस्सा चाहिए।

पाँचवाँ भाग: भेस

चूंकि हमें लेआउट में घटक के पूरे पृष्ठ की आवश्यकता नहीं है, इसलिए हम बाकी हिस्सों को छिपाकर वांछित भाग को आसानी से मुखौटा कर सकते हैं। हम उस घटक के हिस्से के समान आकार की एक नई भराव परत बनाकर ऐसा करेंगे। अब हमें बस इतना करना है कि घटक परत पर मास्क को खींचें। आप देखेंगे कि पूरा लेआउट परत की सामग्री से कैसे भरा है, क्योंकि हमने इसका मुखौटा हटा दिया है। बस इस परत को हटा दें।

चरण छह: अद्यतन

अब जब हम एक बाहरी फ़ाइल के साथ काम कर रहे हैं, तो मुझे इसकी सुंदरता के बारे में बताएं। बता दें कि वर्तमान पृष्ठ का लाल संकेतक अब आपको नहीं खाता है, लेकिन इसके बजाय आप नीला रंग नहीं चाहते हैं। आसानी से! अपनी बाहरी फ़ाइल खोलें और रंग को नीले रंग में बदलें, इसे सहेजें और लेआउट पर लौटें। अब इमेज → सेलेक्ट डेटा सेट्स चुनें और उस डेटा सेट का चयन करें जिसे आपको अपडेट करने की आवश्यकता है। आप तुरंत बदलाव देखेंगे।

कमियों

विधि की क्षमता के बारे में सोचकर, यह मत भूलो कि यह अभी भी एक हैक है। जब तक Edobi बाहरी PSD फ़ाइलों को आयात करने के लिए एक एम्बेडेड सिस्टम बनाने का निर्णय नहीं लेता, तब तक हमारे पास ऐसा करने का एक विश्वसनीय तरीका नहीं होगा।

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

एक और दोष फ़ाइल संरचना है। फ़ाइल को ले जाने से यह पूरी प्रणाली टूट जाती है, जिससे सेट अप करते समय त्रुटि होती है। चूंकि यह सब तर्कसंगत नहीं है, इसलिए मुझे इस समस्या से निपटने का कोई तरीका नहीं मिला। ¹

फिर भी, मेरा मानना ​​है कि इस प्रणाली से यांत्रिक श्रम समाप्त होने के अनगिनत घंटे बचेंगे। और यह जानने योग्य है कि इसका उपयोग कब करना है। यह ज्यादातर 15 से अधिक लेआउट वाली परियोजनाओं के लिए काम करेगा।

निष्कर्ष

यह उदाहरण सिर्फ हिमशैल के टिप का है। आप इस विधि की पूरी क्षमता को स्वयं प्राप्त कर सकते हैं। रचनात्मक रहें और प्रयोग करें। सिर्फ एक डेटासेट का उपयोग करके सभी विजेट क्यों नहीं जोड़े?

अंतभाषण

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

और एक और बात: यदि मेनू आइटम का मेरा अनुवाद स्थानीयकरण से हटता है, तो मुझे पीएम में लिखें और मैं इसे ठीक कर दूंगा।

नोट

1. skriv : "आप एक एक्शन बना सकते हैं और जब आप कोई डॉक्यूमेंट खोलते हैं, तो उसे सभी लेयर्स को अपडेट करने के लिए ScriptEventManager में ड्राइव करते हैं।" ↑