() translation by (you can also view the original English article)
फ़ॉरोरियललिस्टिक लोगो मॉकअप बनाने की प्रक्रिया को जानें, सही पर्सपेक्टिव से कई लेयर शैलियों के लिए। और आप एक फैशनेबल रोज गोल्ड टिंट कैसे प्राप्त करने के बारे में अंतिम बोनस टिप प्राप्त करेंगे! इस ट्यूटोरियल में, मैं एडोब फोटोशॉप के साथ फ़ोटोरियालिस्टिक गोल्ड फ़ॉइल लोगो मॉकअप बनाने के लिए आपको कदमों के बारे में मार्गदर्शन करुँगा।
हम उद्देश्य के लिए एक वेक्टर बैज का उपयोग करेंगे, इसलिए आपको अपने कंप्यूटर पर एडोब इलस्ट्रेटर स्थापित करना होगा।
यदि आप एक पेशेवर logo mockup की तलाश कर रहे हैं, तो इस photorealistic logo mockup pack की कोशिश न करें, जो कि Envato Elements पर उपलब्ध है।
Tutorial Assets
निम्नलिखित ट्यूटोरियल के उत्पादन के दौरान निम्नलिखित परिसंपत्तियों का उपयोग किया गया था:
1. पेपर बनावट को कैसे तैयार किया जाए
Step 1
Download the paper texture और इसे फ़ोटोशॉप के साथ खोलें।
शीर्ष मेनू में, Layer > New > Layer From Background चुनें। नाम "Paper Texture" टाइप करें और OK दबाएं।
Step 2
"Paper Texture" लेयर के लिए Layer Style पैनल खोलें, अभी बनाए और एक नया Gradient Overlay प्रभाव जोड़ें। नीचे दी गई छवि में दिखाए गए विकल्पों को सेट करें:
ग्रेडिएंट को संपादित करने के लिए छोटे ग्रेडिएंट विंडो पर क्लिक करें। दो रंगों के रंग को white पर सेट करें और बाईं अस्पष्टता को 100% और 0% तक सही पर रोक दें।
2. स्मार्ट ऑब्जेक्ट कैसे तैयार करें
Step 1
Perspective Image डाउनलोड करें और इसे फ़ोटोशॉप के साथ खोलें।
शीर्ष मेनू में, Select > All चुनें, और फिर क्लिपबोर्ड में चयन की प्रतिलिपि बनाने के लिए Edit > Copy चुनें।
कागज बनावट दस्तावेज़ पर वापस जाएं और चुनें, शीर्ष मेनू में, पेपर बनावट पर पर्सपेक्टिव छवि चिपकाने के लिए Edit > Paste करें।
Layers पैनल में लेयर के नाम पर सीधे double-clicking करके और इसे "Perspective" में बदलकर लेयर का नाम बदलें।
Step 2
फ़ोरग्राउंड रंग को नीले रंग में सेट करें (किसी भी रंग से अलग रंग अच्छा है)।
फिर Rectangle Tool चुनें, कर्सर को कैनवास पर ले जाएं और क्लिक करें। आप एक छोटा संवाद बॉक्स खोलेंगे जो आपको अपने नए आकार के सटीक आयामों को दर्ज करने की अनुमति देता है। 1099 x 791 px टाइप करें और OK पर क्लिक करें।
Layers पैनल में लेयर के नाम पर सीधे double-clicking करके और इसे "Smart Object" में बदलकर लेयर का नाम बदलें।
"Smart Object" चुनिंदा परत के साथ, शीर्ष मेनू में, Layer > Smart Object > Convert to Smart Object चुनें।
अब पर्सपेक्टिव छवि पर आपके पास एक आयताकार (कोई बात नहीं रंग) होना चाहिए:
अब हम क्या करने जा रहे हैं, काले पर्सपेक्टिव आयताकार के समान आकार के अनुरूप नीले आयत को विकृत करें।
Step 3
Edit > Transform > Scale चुनें।
इस चरण में यह बेहद जरूरी है कि हम नीले आयत को केवल बाउंडिंग बॉक्स के कोनों पर ही हैंडल करते हुए बदलते हैं।
शीर्ष दाएं कोने पर हैंडल पर माउस कर्सर को ले जाएं, अपने कीबोर्ड पर Command बटन को दबाकर रखें (कर्सर एक छोटे सफेद तीर में बदल जाएगा), और फिर तब तक क्लिक करें और तब तक खींचें जब तक आप शीर्ष-दाएं कोने को स्पर्श न करें अपने माउस कर्सर के साथ काले पर्सपेक्टिव वर्ग:
नीले आयत के साथ पूरे काले क्षेत्र को कवर करने के लिए हैंडल खींचकर रखें:
अब आप "Perspective" लेयर को इसे Layers के पैनल में चुनकर और Layer > Delete > Layer चुनकर हटा सकते हैं।
3. इलस्ट्रेटर के साथ बैज कैसे व्यवस्थित करें
दृश्य को पूरा करने के लिए हमें लोगो या बैज की आवश्यकता है। यह बैज एक प्रमुख तत्व होगा जो बाद में कागज बनावट पर अंकित होगा।
सौभाग्य से, Envato Elements उच्च-गुणवत्ता वाले बैज और वेक्टर तत्वों की एक विस्तृत श्रृंखला प्रदान करते हैं। जो उपयोग के लिए तैयार हैं। एक मासिक शुल्क के लिए असीमित, उच्च-गुणवत्ता के बैज, टेम्पलेट, फोटो और अधिक अनलॉक करने के लिए सदस्यता लें!
इस ट्यूटोरियल में हम एक बैज का उपयोग करेंगे जो 30 Vintage Style Badges and Logos के महान संग्रह से आता है:
Step 1
Adobe Illustrator के साथ वेक्टर .ai फ़ाइल खोलें जब आप फ़ाइल खोलते हैं, तो एक विंडो आपको चेतावनी दे सकती है कि दस्तावेज फोंट का उपयोग करता है जो आपके कंप्यूटर पर वर्तमान में उपलब्ध नहीं हैं। इस बारे में कोई चिंता नहीं है कि सभी फ़ॉन्ट्स उपयोग के लिए स्वतंत्र हैं, और आप फ़ोल्डर के अंदर एक टेक्स्ट फ़ाइल को सभी संदर्भों और प्रत्येक फ़ॉन्ट डाउनलोड करने के लिए लिंक के साथ मिल सकते हैं।
इस ट्यूटोरियल के प्रयोजन के लिए, मैंने इस बैज में इस्तेमाल किए जाने वाले वाणिज्यिक फोंटों को दो फोंट के साथ बदल दिया है:
Step 2
एक बार जब आप फोंट के साथ काम करते हैं, तो Selection Tool (V) चुनें।
अब "ऑर्गेनिक" बैज का चयन करें (या आप जिस बैज को पसंद करते हैं)।Edit > Copy या Command-C दबाकर बैज को कॉपी करें।
Adobe Illustrator में एक नया 350 x 350 px दस्तावेज़ बनाएं। अब बस Edit > Paste या Command-V दबाकर चुनकर बैज पेस्ट करें।
Step 3
Selection Tool (V) के साथ, सफेद कैनवास के बाहर ग्रे क्षेत्र पर बैज ले जाएं।
यदि बैज का चयन नहीं किया गया है, तो Selection Tool (V) का उपयोग करके इसे पर क्लिक करके उसे चुनें।
शीर्ष मेनू में, Object > Expand Appearance करें फिर, Object > Expand करें एक संवाद विंडो दिखाई देगी; Object का चयन करें और Fill और OK दबाएं:
Step 4
Pathfinder पैनल का पता लगाएं। यदि आप पैनल नहीं देख सकते हैं, तो Window > Pathfinder चुनकर इसे खोलें Trim बटन पर क्लिक करें।
Step 5
सफेद क्षेत्रों को हटाने के लिए, Magic Wand Tool चुनें:
कर्सर को एक सफेद क्षेत्र पर ले जाएं और बैज के सभी सफेद क्षेत्रों को चुनने के लिए क्लिक करें:
यदि आपको Zoom Tool (Z) का इस्तेमाल करते हुए कैनवास की जरूरत है, तो ज़ूम करें।
अब जब बैज के सभी सफेद क्षेत्रों को चुना जाता है, तो उन्हें चुनकर, शीर्ष मेनू में, Edit > Cut करें।
अब बिल्ला फ़ोटोशॉप दृश्य में आयात करने के लिए तैयार है!
4. दृश्य में बैज को कैसे शामिल करें
Step 1
हम अब भी एडोब इलस्ट्रेटर कार्यक्षेत्र में हैं Edit > Copy या Command-C दबाकर बैज को कॉपी करें।
Step 2
फ़ोटोशॉप पर वापस जाएं, Layers पैनल से Smart Object का चयन करें, और Smart Object थंबनेल पर Double-click करें।
जब आप एक स्मार्ट ऑब्जेक्ट को संपादित करते हैं, तो स्रोत सामग्री फ़ोटोशॉप की एक नई विंडो में खोली जाती है। यहां आप अपने पसंदीदा बदलाव कर सकते हैं और, एक बार जब आप संतुष्ट हो जाते हैं, तो आपको केवल फाइल को सहेजना होगा और फ़ोटोशॉप स्मार्ट ऑब्जेक्ट अपडेट किया जाएगा, जब आप इसे वापस करेंगे।
Layers पैनल में, नीले आयत लेयर के लिए दृश्यता को निष्क्रिय करें, और बस Edit > Paste करें या Command-V दबाकर चुनकर बैज पेस्ट करें।
संवाद बॉक्स से, Smart Object चुनें और OK दबाएं।
शीर्ष विकल्प पट्टी खोजें और बैज की स्थिति को 744 x 536 px करने के लिए सेट करें और इसकी Width और Height दोनों क्षेत्रों के लिए 771% है। जब आप पूरा कर लें, तो अपने कीबोर्ड पर Enter दबाएं:
Step 3
चुनकर दस्तावेज़ सहेजें File > Save या कीबोर्ड शॉर्टकट का उपयोग करके Command-S।
मुख्य दस्तावेज़ पर वापस जाएं और आप देखेंगे कि स्मार्ट ऑब्जेक्ट को अब अंतिम परिवर्तनों के साथ अपडेट किया गया है। बैज, वास्तव में, स्मार्ट ऑब्जेक्ट के पर्सपेक्टिव को ले लिया है।
5. गोल्ड पन्नी प्रभाव कैसे जोड़ें
बिल्ला में कुछ महत्वपूर्ण प्रभाव जोड़ने का समय है, इसे दृश्य के अनुरूप, एक 3D महसूस करने के लिए।
Step 1
"Smart Object" लेयर चुनें और 0% Fill सेट करें। "Smart Object" को Layer > New > Layer Via Copy करके तीन बार डुप्लिकेट करें।
अब Layers पैनल को देखें, और आपको इस तरह की स्थिति में होना चाहिए:
नीचे दिए गए चित्र में दिखाए गए लेयर्स का नाम बदलें, और फिर तीन प्रभाव लेयर्स समूह करें:
अब से, जब आप अपने स्मार्ट ऑब्जेक्ट में बैज को बदलना चाहते हैं, तो आप इस लेयर का उपयोग करके उस पर क्लिक करके और सामग्री को संपादित कर सकते हैं।
Step 2
चलिए कुछ लेयर शैलियों को "Effect 1" लेयर में जोड़ना शुरू करते हैं।Layers Style पैनल खोलें और एक नया Inner Shadow प्रभाव जोड़ें और इसे नीचे दिए गए चित्र में दिखाए अनुसार सेट करें:
Blend Mode Color सफेद है #ffffff।
Step 3
एक नया Color Overlay प्रभाव जोड़ें और इसे नीचे दी गई छवि में दिखाए अनुसार सेट करें:
Blend Mode Color के लिए रंग #967a2f है।
Step 4
एक नया Gradient Overlay प्रभाव जोड़ें और इसे नीचे दी गई छवि में दिखाए अनुसार सेट करें:
ग्रेडिएंट को संपादित करने के लिए छोटे ग्रेडिएंट विंडो पर क्लिक करें।
पहले रंग स्टॉप को Location 0% और Color के साथ #343434 पर सेट करें, और फिर Location 45% और Color से #343434 पर दूसरा रंग स्टॉप सेट करें।
Opacity 75% और Location 0% पर पहली अस्पष्टता रोक सेट करें, और फिर Opacity 0% और Location 45% के लिए दूसरी अस्पष्टता रोक सेट करें।
Layer Style पैनल की पुष्टि करने और बंद करने के लिए OK दबाएं।
Step 5
अब चलो कुछ लेयर शैलियों को "Effect 2" लेयर में जोड़ते हैं। Layers Style पैनल खोलें और एक नया Gradient Overlay प्रभाव जोड़ें और इसे नीचे दी गई छवि में दिखाए अनुसार सेट करें:
ग्रेडिएंट को संपादित करने के लिए छोटे ग्रेडिएंट विंडो पर क्लिक करें। यहां आपको सात रंग स्टॉप सेट अप करने की आवश्यकता है:
- 1# color stop: Color
#bdbbb6, Location 0% - 2# color stop: Color
#ffffff, Location 18% - 3# color stop: Color
#85816f, Location 33% - 4# color stop: Color
#ffffff, Location 46% - 5# color stop: Color
#716d54, Location 54% - 6# color stop: Color
#ffffff, Location 66% - 7# color stop: Color
#65625a, Location 82%
Step 6
एक नया Drop Shadow प्रभाव जोड़ें और इसे नीचे दी गई छवि में दिखाए अनुसार सेट करें:
Blend Mode Color सफेद है #ffffff।
Layer Style पैनल की पुष्टि करने और बंद करने के लिए OK दबाएं।
Step 7
अंत में "Effect 3" लेयर में कुछ लेयर शैली जोड़ें। Layers Style पैनल खोलें और एक नया Gradient Overlay प्रभाव जोड़ें और इसे नीचे दी गई छवि में दिखाए अनुसार सेट करें:
ग्रेडिएंट को संपादित करने के लिए छोटे ग्रेडिएंट विंडो पर क्लिक करें। यहां आपको सात रंग स्टॉप सेट अप करने की आवश्यकता है:
ग्रेडिएंट को संपादित करने के लिए छोटे ग्रेडिएंट विंडो पर क्लिक करें। यहां आपको सात रंग स्टॉप सेट अप करने की आवश्यकता है:
- 1# color stop: Color
#e9e7d9, Location 0% - 2# color stop: Color
#fffdf0, Location 20% - 3# color stop: Color
#8e8366, Location 61% - 4# color stop: Color
#9e9475, Location 67% - 5# color stop: Color
#cec7b2, Location 78% - 6# color stop: Color
#69604c, Location 95%
Step 8
एक नया Drop Shadow प्रभाव जोड़ें और इसे नीचे दी गई छवि में दिखाए अनुसार सेट करें:
Blend Mode Color काला #000000 है।
Layer Style पैनल की पुष्टि करने और बंद करने के लिए OK दबाएं।
आपने कर लिया!
6. बोनस टिप: रोज गोल्ड टिंट कैसे प्राप्त करें
यदि आपने गौर नहीं किया है, तो सोना अभी हर जगह है। छुट्टियों की सजावट से सगाई के छल्ले को नए आईफोन तक ले जाने के लिए, यह बहुत ही धातु पारंपरिक सोने को रोकने के लिए लात मार रहा है।
यदि आप अपने नए गोल्ड फ़ॉइल लोगो मॉकअप पर इस ट्रेंडी टिंट को लागू करना चाहते हैं, तो बस निम्नलिखित करें:
Step 1
Layers पैनल में "Effect" फ़ोल्डर का चयन करें, और फिर पैनल के निचले भाग के छोटे आइकन पर क्लिक करें और Solid Color चुनें। संदर्भ के लिए नीचे दी गई छवि देखें:
रंग पिकर संवाद में, हेक्स रंग #eeb5ef पर सेट करें और पुष्टि करने के लिए OK दबाएं।
Step 2
केवल Color Fill लेयर पर राइट क्लिक करें और Create Clipping Mask चुनें।
Blend Mode को Multiply और Opacity को 90% में बदलें।
आपका गुलाब सोना पन्नी लोगो मॉकअप तैयार है!
बधाई, आपने कर लिया!
इस ट्यूटोरियल में हमने एडोब फोटोशॉप के साथ एक यथार्थवादी गोल्ड फ़ॉइल लोगो मॉकअप बनाने का तरीका सीख लिया!
मुझे आशा है कि आपने मेरी ट्यूटोरियल का आनंद लिया है और कुछ नया सीखा है कृपया अपनी टिप्पणी, सुझाव, और परिणाम नीचे छोड़ने के लिए स्वतंत्र महसूस करें।
