Illustrator और Photoshop के साथ एवेंजर्स पाठ प्रभाव बनाना

आज के ट्यूटोरियल में हम कॉमिक (एक आगामी फिल्म) में इस्तेमाल होने वाले टेक्स्ट इफ़ेक्ट को फिर से बनाने जा रहे हैं - एवेंजर्स, खुद को यह महसूस कराने के लिए कि हम वास्तव में एक हीरो हैं, कम से कम एक इलस्ट्रेटर / फ़ोटोशॉप हीरो :)

हम एडोब इलस्ट्रेटर में मैन्युअल रूप से टेक्स्ट बनाएंगे, फिर इसके पथ को एडोब फोटोशॉप में आयात करेंगे और कुछ प्रभाव और बनावट लागू करेंगे। के बजाय “एवेंजर्स”, हम इस्तेमाल करेंगे “Hongkiat” पाठ के रूप में, या आप कृपया किसी भी पाठ का उपयोग कर सकते हैं.

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

शुरू करना

इस ट्यूटोरियल का अनुसरण करने के लिए, आपको निम्नलिखित संसाधन की आवश्यकता होगी:

• वांडेलयप्रेमियर से ठोस बनावट
• नि: शुल्क वैकल्पिक: बनावट राजा से मुक्त ठोस बनावट
• ओवेन डावसन से एवेंजर्स
• ओवेन डावसन से ताकतवर एवेंजर्स

एवेंजर पाठ प्रभाव

चरण 1: फ़ॉन्ट प्राप्त करना

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

पहले फ़ॉन्ट में कोई K और O नहीं है। हमें "होंगकीट" में इन दो पात्रों की आवश्यकता है। इसके अलावा, हम इसके A वर्ण का उपयोग नहीं कर सकते, क्योंकि यह अक्षरों के बीच उपयोग करने के लिए उपयुक्त नहीं है, जैसे "Hongkiat" में.

दूसरा फॉन्ट एवेंजर्स की मूल कॉमिक पर आधारित लगता है। इसमें तेज किनारों के बजाय गोल किनारे होते हैं। यह फॉन्ट स्टाइल इसके मूवी पोस्टर से अलग है.

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

चरण 2: संदर्भ

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

चरण 3: वर्ण बनाना

वर्तमान "एवेंजर्स" टेक्स्ट में, हम एन और जी पा सकते हैं, जिसका उपयोग "होंगाट" में किया जाता है। नई परत बनाएं, फिर चरित्र N और G को ट्रेस करने के लिए पेन टूल का उपयोग करें.

चरण 4

अन्य पात्रों (एच, ओ, के, आई, ए और टी) के लिए, हम इसे अन्य उपलब्ध पात्रों से आधार बनाएंगे। I के लिए, हम उपलब्ध N वर्ण का उपयोग करते हैं और इसका आधा भाग निकालते हैं.

O के लिए, हम इसे बंद करके E को संशोधित करते हैं और इसके केंद्र पर छेद जोड़ते हैं.

K के लिए, हम बस इसके ऊपरी भाग को काटकर R को संशोधित कर सकते हैं.

हम R को A के लिए आधार वर्ण के रूप में भी उपयोग करते हैं.

टी के लिए, हम एक चरित्र का उपयोग करते हैं जो हमने पहले बनाया है.

चरण 5

इन सभी चरित्रों को उसकी स्थिति में रखें। वर्तमान में, हमारे पास "ONGKIAT" है.

चरण 6: प्रथम वर्ण "H" ड्रा करें

जिस तरह संदर्भ छवि में, पहला चरित्र दूसरों की तुलना में बहुत लंबा है। H के लिए, हम पूर्वावलोकन फ़ॉन्ट Avengers से संदर्भ का उपयोग कर सकते हैं.

चरण 7

एक ही मूल से दो वृत्त बनाएं। रिंग सर्कल बनाने के लिए दोनों सर्कल चुनें, पाथफाइंडर पैनल खोलें और सबट्रेक्ट चुनें.

चरण 8

H और O अक्षर के ऊपर रिंग शेप रखें। नोट: हमें बेहतर देखने में मदद करने के लिए, मैं अप्रयुक्त पथ को दृष्टि से हटा देगा.

चरण 9

"हो" वर्णों का चयन करें, ऑब्जेक्ट> पथ> ऑफसेट पथ पर क्लिक करें.

चरण 10

H पर राइट क्लिक करें और अपने मुख्य पथ से ऑफसेट पथ को अलग करने के लिए Ungroup चुनें। इस प्रक्रिया को O तक दोहराएं.

चरण 11

रिंग> के शीर्ष पर बड़े एच को ऑब्जेक्ट> व्यवस्था> सामने लाएं पर क्लिक करके रखें। बड़ा एच और रिंग आकार चुनें, फिर पाथफाइंडर पैनल पर सबट्रेक्ट चुनें.

यह परिणाम है.

चरण 12

रिंग शेप पर राइट क्लिक करें और Ungroup चुनें.

चरण 13

ऑब्जेक्ट> अरेंज> फ्रंट पर लाएं पर क्लिक करके रिंग के शीर्ष पर बड़ा ओ रखें। इसके नीचे बड़े O और रिंग शेप का चयन करें। Pathfinder पैनल से सबट्रेक्ट चुनें.

नीचे परिणाम है.

चरण 14

अंगूठी के बचे हुए हिस्से को अप्रयुक्त करें.

चरण 15

यह हमारे वर्तमान पथ पर पूर्ण पूर्वावलोकन है.

चरण 16

दो आयताकार ड्रा करें, फिर उन्हें 45 ° और -45 ° घुमाएं। दोनों आकृतियों को तब तक रखें जब तक हमें एक तीर का आकार न मिल जाए.

चरण 17

दोनों आकृतियों का चयन करें और पाथफाइंडर पैनल से यूनाइट का चयन करें.

चरण 18

H अक्षर के ऊपर तीर रखें। इसके स्थान के लिए नीचे दी गई तस्वीर देखें। दोनों आकृतियों का चयन करें और घटाव का चयन करें.

अब, हमारे पास H अक्षर के अंदर एक तीर छिपा है। यह पाठ अब उपयोग करने के लिए तैयार है.

चरण 19: फ़ोटोशॉप में काम करना शुरू करें

फ़ोटोशॉप खोलें। आकार के साथ एक नई फ़ाइल बनाएं: 2000 px × 900 px। रंग के साथ पृष्ठभूमि भरें: # 070707.

चरण 20: चरित्र पथ का आयात करना

इलस्ट्रेटर पर लौटें। सभी वर्ण पथों का चयन करें और फिर इसे क्लिपबोर्ड में कॉपी करने के लिए Ctrl + C दबाएं.

चरण 21

फोटोशॉप में, Ctrl + V. टेक्स्ट को पथ के रूप में दबाएं.

इलस्ट्रेटर के पाठ को एक नए पथ के रूप में रखा गया है। आप पाथ्स पैनल पर पा सकते हैं.

चरण 22

ओ और ए के अंदर पथ का चयन करें। विकल्प बार में, इसके मोड को घटाना पर सेट करें। यह मोड दोनों रास्तों को उनके मुख्य पथ के अंदर छेद बना देगा.

चरण 23: आकृति में पथ परिवर्तित करें

Layers पैनल में ब्लैक एंड व्हाइट सर्कल पर क्लिक करें। ठोस रंग का चयन करें, इसका रंग # 070c12 पर सेट करें। अब, हमारे पास आयातित रास्तों के आधार पर नए आकार हैं.

लेयर स्टाइल डायलॉग बॉक्स खोलने के लिए डबल क्लिक लेयर। बेवेल जोड़ें और एम्बॉस करें। तकनीक का चयन करें: कठोर किनारों को प्राप्त करने के लिए छेनी हार्ड.

यह हमारा वर्तमान परिणाम है.

चरण 24

ठोस बनावट जोड़ें और इसे पाठ के शीर्ष पर रखें। स्क्रीन पर इसकी ब्लेंड मोड सेट करें और इसकी Opacity को 47% तक कम करें.

चरण 25

मुखौटे की परत जोड़ें। सफेद से काले रंग में रैखिक ढाल बनाएं.

चरण 26

बनावट को क्लिपिंग मास्क में बदलने के लिए Ctrl + Alt + G मारो। बनावट अब पाठ के अंदर जाती है.

चरण 27

बनावट वर्तमान में पाठ के निचले भाग में फीका है। आइए, उनमें से कुछ को उस क्षेत्र को पेंटिंग के रूप में प्रकट करते हैं, जिसमें सफेद रंग के साथ अपारदर्शिता 30% होती है। नीचे, आप उन क्षेत्रों को चित्रित करने के बाद लेयर मास्क देख सकते हैं.

यह परिणाम है। आप देख सकते हैं कि अब पाठ के निचले हिस्से में एक सूक्ष्म बनावट है.

चरण 28: पाठ पर उभरा स्ट्रोक प्रभाव जोड़ें

टेक्स्ट को डुप्लिकेट करें और मूल टेक्स्ट लेयर के पीछे पेस्ट करें। लेयर स्टाइल जोड़ें: स्ट्रोक.

नीचे, आप देख सकते हैं कि परिणाम सिर्फ एक फ्लैट रंग स्ट्रोक लाइन है.

चरण 29

आइए बेवेल और एम्बॉस को जोड़ें और स्टाइल को स्ट्रोक स्ट्रोक में सेट करें। इस तरह, प्रभाव उस स्ट्रोक पर भी लागू होता है जिसे हमने अभी जोड़ा है.

अब, स्ट्रोक में उभरा हुआ रूप है.

चरण 30

प्रत्येक वर्ण के पीछे सूक्ष्म छाया जोड़ने के लिए बाहरी चमक जोड़ें। वर्तमान में, हम इसके प्रभाव को नहीं देख पाएंगे क्योंकि पृष्ठभूमि अभी भी अंधेरा है.

चरण 31

स्ट्रोक प्रभाव के साथ पाठ के ऊपर नई परत बनाएं। Ctrl दबाएं और टेक्स्ट लेयर पर क्लिक करें। चयन करें> संशोधित करें> विस्तृत करें पर क्लिक करें। 3 पिक्सेल द्वारा विस्तार सेट करें। ध्यान दें कि हमने 3 पिक्सेल के लिए चयन का विस्तार किया ताकि यह स्ट्रोक के आकार से मेल खाए.

सफेद से काले रंग के लिए एक रैखिक ढाल के साथ चयन भरें.

इसके मिश्रण मोड को ओवरले में सेट करें। अपारदर्शिता को 30% तक कम करें.

चरण 32: पृष्ठभूमि पर रोशनी जोड़ें

टेक्स्ट के नीचे नई लेयर बनाएं। ब्रश टूल को सक्रिय करें और इसकी अपारदर्शिता को 100% पर सेट करें। पाठ के पीछे सफेद रेखा खींचना.

चरण 33

ब्रश की अपारदर्शिता को कम करें और पहली पंक्ति को कवर करने वाली बड़ी रेखा खींचें.

चरण 34

लाइन के किनारों पर रैंडम लाइट कास्ट पेंट करें.

चरण 35

Ctrl दबाएं और टेक्स्ट आकार के आधार पर नया चयन बनाने के लिए टेक्स्ट लेयर पर क्लिक करें। नई परत बनाएं और इसे मुख्य पाठ के ऊपर रखें.

ब्रश टूल को सक्रिय करें, इसकी अपारदर्शिता को 10% पर सेट करें। पाठ के बीच में कुछ सफेद पेंट करें जैसे प्रकाश डाली पीछे से है.

नीचे, आप हल्के कलाकारों को जोड़ने से पहले और बाद में परिणाम देख सकते हैं.

चरण 36

फिर से नई परत बनाएं। इसे पाठ के शीर्ष पर रखें। राइट क्लिक करें और स्ट्रोक चुनें.

सफेद रंग का चयन करें, चौड़ाई: 1 px.

चरण ३ 37

चयन हटाने के लिए Ctrl + D दबाएं। स्ट्रोक लाइन को नरम करने के लिए गाऊसी ब्लर लगाएं.

चरण 38

स्ट्रोक की कुछ लाइनों को मिटा दें। ये रेखाएं टेक्स्ट शेप पर हाइलाइट हो जाती हैं.

चरण 39

नई परत पर फिर से एक और स्ट्रोक लाइन ड्रा करें। इसके कुछ हिस्से को हाईपर हाइलाइट करने के लिए मिटा दें.

चरण 40

नई परत बनाएं और इसे रैखिक ढाल के साथ भरें, सफेद से काला। Ctrl दबाएं और टेक्स्ट लेयर पर क्लिक करें.

चरण 41

लेयर पैनल पर Add Layer Mask आइकन पर क्लिक करके लेयर मास्क लगाएं। ओवरले को मिश्रण मोड सेट करें और इसकी अपारदर्शिता को 55% तक कम करें.

चरण 42: रंग जोड़ना

फिर से, Ctrl दबाएं और टेक्स्ट लेयर पर क्लिक करें.

समायोजन परत ह्यू / संतृप्ति जोड़ें। नीचे सेटिंग का उपयोग करें और Colorize विकल्प को सक्रिय करना सुनिश्चित करें.

यहाँ पाठ पर परिणाम है.

चरण 43: पाठ कंट्रास्ट बढ़ाएँ

नई परत बनाओ। Ctrl दबाएं और टेक्स्ट लेयर पर क्लिक करें और फिर ब्लैक से व्हाइट तक रेडियल ग्रेडिएंट के साथ चयन भरें.

ओवरले को ब्लेंड मोड सेट करें फिर इसकी अपारदर्शिता को 40% तक कम करें.

चरण 44: उपशीर्षक जोड़ना

रंग के साथ पाठ के शीर्ष पर एक पतली आयत बनाएं: # 3b568। लेयर मास्क लगाएं, फिर दोनों सिरों को काले रंग से पेंट करें। आयत के ऊपर उपशीर्षक जोड़ें.

अंतिम परिणाम

हो गया था! नीचे हमारे ट्यूटोरियल का परिणाम है। इसे पूर्ण आकार में देखने के लिए चित्र पर क्लिक करें। मुझे उम्मीद है कि आप इस ट्यूटोरियल का आनंद लेंगे और कुछ नई तकनीकों को सीखेंगे। यदि आपका कोई प्रश्न है, तो कृपया पूछिए.

अंतिम .PSD डाउनलोड करें.