रंग प्रभाव बदलने के लिए डुओटोन फिल्टर लगाना


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

सीखने के परिणाम

  1. किसी छवि या वीडियो पर डुओटोन फ़िल्टर लागू करना और साफ़ करना।
  2. कस्टम डुओटोन फ़िल्टर बनाने के लिए छाया या हाइलाइट का उपयोग करना।
  3. साइट संपादक में विश्व स्तर पर डुओटोन फ़िल्टर लागू करना।

समझने बुझने वाले सवाल

  1. डुओटोन फ़िल्टर उच्च-कंट्रास्ट छवियों पर बेहतर काम क्यों करते हैं?
  2. आपकी साइट पर डुओटोन फ़िल्टर का उपयोग करने के क्या लाभ हैं?

प्रतिलिपि

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

डुओटोन को परिभाषित करना

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

छवियों पर डुओटोन लगाना

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

वीडियो में डुओटोन जोड़ना

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

विश्व स्तर पर डुओटोन जोड़ना

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

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

निष्कर्ष

मुझे विश्वास है कि आपको अपनी वेबसाइट के लिए सही डुओटोन फ़िल्टर मिलेगा, और अधिक ट्यूटोरियल और प्रशिक्षण सामग्री के लिए लर्न वर्डप्रेस पर जाएँ।

Workshop Details


Presenters

Wes Theron
@west7

I am an Instructional Designer for the WordPress open-source project sponsored by Automattic. I am a strong supporter of the open-source movement. I have a background in education and content development. I am a husband, father, dreamer and lifelong learner.

Other Contributors

Prem Tiwari