ग्रेडिएंट हेडलाइन

एलिमेंटर आपको एक ढाल पृष्ठभूमि सेट करने देता है, लेकिन पाठ पर ही एक ढाल नहीं मानक शीर्षक विजेट केवल एक ठोस रंग लेता है, इसलिए एक बहु-रंग शीर्षक का सामान्य रूप से मतलब है कि आप अपने स्वयं के सीएसएस के साथ लिख रहे हैं background-clip: text. यही अंतर है ग्रेडिएंट हेडलाइन विजेट इन एलिमेंट के लिए मास्टर ऐडऑन भरता है।

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

यहां उस तरह का ग्रेडिएंट टेक्स्ट है जिसे आप बनाएंगे, एक हेडिंग जो बैकग्राउंड इमेज पर एक रंग से दूसरे रंग में फीका पड़ जाता हैः

इससे पहले कि आप शुरू करें #

• एलिमेंटर स्थापित और सक्रिय
• एलिमेंटर के लिए मास्टर ऐडऑन स्थापित और सक्रिय (स्थापना गाइड)
• एलिमेंट संपादक में एक पृष्ठ या टेम्पलेट खुला

चरण १: ग्रेडिएंट हेडलाइन विजेट जोड़ें #

एलिमेंटर संपादक में, विजेट पैनल खोजें ग्रेडिएंट हेडलाइन और इसे अपने पृष्ठ पर खींचें मास्टर एडॉन्स विजेट में “MA” बैज होता है, इसलिए उन्हें पहचानना आसान होता है संपादक खोलता है ग्रेडिएंट हेडलाइन संपादित करें तीन टैब वाला पैनल: सामग्री, शैली और उन्नत।

चरण २: शीर्षक सामग्री सेट करें #

पर सामग्री टैब, अपना शीर्षक टाइप करें शीर्षक क्षेत्र यहाँ के बाकी क्षेत्र मूल बातें हैंः

• शीर्षक यूआरएल पूरे शीर्षक को एक लिंक में बदल देता है।
• संरेखण इसे बाएँ, केंद्र या दाएँ सेट करता है।
• शीर्षक HTML टैग टैग चुनता है, एच १ से एच ६ तक एक पृष्ठ के मुख्य शीर्षक के लिए एच १ और अनुभाग शीर्षकों के लिए एच २ का उपयोग करें ताकि पृष्ठ एक साफ संरचना रखता है।

चरण 3: ग्रेडिएंट रंग चुनें #

पर स्विच करें शैली टैब और खोलें ग्रेडिएंट स्टाइलढाल दो रंगों के बीच चलता हैः

• रंग पहला रंग है, एक के साथ स्थान स्लाइडर (एक प्रतिशत) जो यह निर्धारित करता है कि यह पाठ के साथ कहां बैठता है।
• दूसरा रंग अंत रंग है, अपने साथ स्थान स्लाइडर।

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

चरण ४: ग्रेडिएंट टाइप, लीनियर या रेडियल चुनें #

द प्रकार ड्रॉपडाउन ढाल आकार सेट करता है प्रत्येक विकल्प अतिरिक्त नियंत्रण को स्वैप करता है जो इसके नीचे दिखाता हैः

• रेडियल एक केंद्र बिंदु से बाहर रंग फैलता है एक उठाओ स्थिति (केंद्र केंद्र की तरह) यह निर्धारित करने के लिए कि वह बिंदु कहां बैठता है।
• रैखिक रंगों को एक सीधी रेखा में चलाता है सेट करें कोण दिशा को नियंत्रित करने के लिए: १८० सीधे नीचे ढाल को इंगित करता है, ९० इसे पार भेजता है।

रेडियल पाठ के बीच से चमक के लिए अच्छा है रैखिक एक सबसे अधिक लोगों की तस्वीर है जब वे सोचते हैं कि “ग्रेडिएंट टेक्स्ट, बाएं से दाएं या ऊपर से नीचे तक एक साफ फीका है।

चरण ५: एक पाठ छाया जोड़ें (वैकल्पिक) #

द पाठ छाया नियंत्रण अक्षरों के पीछे गहराई जोड़ता है छाया रंग, धुंधला, और क्षैतिज और ऊर्ध्वाधर ऑफसेट सेट करने के लिए पेंसिल पर क्लिक करें एक नरम छाया ढाल पाठ को पठनीय रहने में मदद करती है जब यह एक व्यस्त पृष्ठभूमि छवि पर बैठता है।

चरण ६: १३ ब्लेंड मोड आज़माएं #

द ब्लेंड मोड ड्रॉपडाउन यह तय करता है कि ग्रेडिएंट टेक्स्ट इसके पीछे जो कुछ भी बैठता है, उसके साथ कैसे मिश्रण करता है, जैसे पृष्ठभूमि छवि या रंग १३ मोड हैंः

• सामान्य, गुणा, स्क्रीन, ओवरले
• गहरा, हल्का, रंग चकमा, संतृप्ति
• रंग, अंतर, बहिष्करण, रंग, चमक

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

धुन द टाइपोग्राफी फ़ॉन्ट और आकार के लिए जब आप यहां हों, तो क्लिक करें प्रकाशित करें (या अपडेट) पेज को सेव करने के लिए।

जहां ग्रेडिएंट टेक्स्ट अच्छी तरह से काम करता है #

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

अक्सर पूछे जाने वाले प्रश्न #

संबंधित पढ़ना #

• सभी मास्टर ऐडऑन विजेट और एक्सटेंशन
• एलिमेंट के लिए मास्टर ऐडऑन स्थापित करना
• मास्टर एडॉन्स पॉपअप बिल्डर