30-50% off hundreds of digital assets! WordPress themes, video, music and more 30-50% Off Go to Sale
Advertisement
  1. Design & Illustration
  2. Product Mockup
Design

एडोब फोटोशॉप में गोल्ड फ़ॉइल लोगो मॉकअप कैसे बनाएं

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Awesome Logo Mockups.
How to Create a Rubber Stamp Logo Mockup in Adobe Photoshop

Hindi (हिंदी) translation by Taruni Rampal (you can also view the original English article)

Final product image
What You'll Be Creating

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

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

यदि आप एक पेशेवर logo mockup की तलाश कर रहे हैं, तो इस photorealistic logo mockup pack की कोशिश न करें, जो कि Envato Elements पर उपलब्ध है।

Logo mock-ups

Tutorial Assets

निम्नलिखित ट्यूटोरियल के उत्पादन के दौरान निम्नलिखित परिसंपत्तियों का उपयोग किया गया था:

1. पेपर बनावट को कैसे तैयार किया जाए

Step 1

Download the paper texture और इसे फ़ोटोशॉप के साथ खोलें।

शीर्ष मेनू में, Layer > New > Layer From Background चुनें। नाम "Paper Texture" टाइप करें और OK दबाएं।

New layer dialog

Step 2

"Paper Texture" लेयर के लिए Layer Style पैनल खोलें, अभी बनाए और एक नया Gradient Overlay प्रभाव जोड़ें। नीचे दी गई छवि में दिखाए गए विकल्पों को सेट करें:

Layer style dialog

ग्रेडिएंट को संपादित करने के लिए छोटे ग्रेडिएंट विंडो पर क्लिक करें। दो रंगों के रंग को white पर सेट करें और बाईं अस्पष्टता को 100% और 0% तक सही पर रोक दें।

Gradient editor dialog

2. स्मार्ट ऑब्जेक्ट कैसे तैयार करें

Step 1

Perspective Image डाउनलोड करें और इसे फ़ोटोशॉप के साथ खोलें।

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 चुनें।

अब पर्सपेक्टिव छवि पर आपके पास एक आयताकार (कोई बात नहीं रंग) होना चाहिए:

Rectangle on perspective image

अब हम क्या करने जा रहे हैं, काले पर्सपेक्टिव आयताकार के समान आकार के अनुरूप नीले आयत को विकृत करें।

Step 3

Edit > Transform > Scale चुनें। 

इस चरण में यह बेहद जरूरी है कि हम नीले आयत को केवल बाउंडिंग बॉक्स के कोनों पर ही हैंडल करते हुए बदलते हैं।

शीर्ष दाएं कोने पर हैंडल पर माउस कर्सर को ले जाएं, अपने कीबोर्ड पर Command बटन को दबाकर रखें (कर्सर एक छोटे सफेद तीर में बदल जाएगा), और फिर तब तक क्लिक करें और तब तक खींचें जब तक आप शीर्ष-दाएं कोने को स्पर्श न करें अपने माउस कर्सर के साथ काले पर्सपेक्टिव वर्ग:

Rectangle on perspective image

नीले आयत के साथ पूरे काले क्षेत्र को कवर करने के लिए हैंडल खींचकर रखें:

Rectangle on perspective image

अब आप "Perspective" लेयर को इसे Layers के पैनल में चुनकर और Layer > Delete > Layer चुनकर हटा सकते हैं।

3. इलस्ट्रेटर के साथ बैज कैसे व्यवस्थित करें

दृश्य को पूरा करने के लिए हमें लोगो या बैज की आवश्यकता है। यह बैज एक प्रमुख तत्व होगा जो बाद में कागज बनावट पर अंकित होगा।

सौभाग्य से, Envato Elements उच्च-गुणवत्ता वाले बैज और वेक्टर तत्वों की एक विस्तृत श्रृंखला प्रदान करते हैं। जो उपयोग के लिए तैयार हैं। एक मासिक शुल्क के लिए असीमित, उच्च-गुणवत्ता के बैज, टेम्पलेट, फोटो और अधिक अनलॉक करने के लिए सदस्यता लें!

इस ट्यूटोरियल में हम एक बैज का उपयोग करेंगे जो 30 Vintage Style Badges and Logos के महान संग्रह से आता है:

Organic badge from 30 Vintage Style Badges and Logos item

Step 1

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

Missing font dialog

इस ट्यूटोरियल के प्रयोजन के लिए, मैंने इस बैज में इस्तेमाल किए जाने वाले वाणिज्यिक फोंटों को दो फोंट के साथ बदल दिया है:

Step 2

एक बार जब आप फोंट के साथ काम करते हैं, तो Selection Tool (V) चुनें।

Selection tool

अब "ऑर्गेनिक" बैज का चयन करें (या आप जिस बैज को पसंद करते हैं)।Edit > Copy या Command-C दबाकर बैज को कॉपी करें।

Adobe Illustrator में एक नया 350 x 350 px दस्तावेज़ बनाएं। अब बस Edit > Paste या Command-V दबाकर चुनकर बैज पेस्ट करें।

Step 3

Selection Tool (V) के साथ, सफेद कैनवास के बाहर ग्रे क्षेत्र पर बैज ले जाएं।

Organic badge from 30 Vintage Style Badges and Logos item

यदि बैज का चयन नहीं किया गया है, तो Selection Tool (V) का उपयोग करके इसे पर क्लिक करके उसे चुनें।

शीर्ष मेनू में, Object > Expand Appearance करें फिर, Object > Expand करें एक संवाद विंडो दिखाई देगी; Object का चयन करें और Fill और OK दबाएं:

Expand dialog

Step 4

Pathfinder पैनल का पता लगाएं। यदि आप पैनल नहीं देख सकते हैं, तो Window > Pathfinder चुनकर इसे खोलें Trim बटन पर क्लिक करें।

Pathfinder panel

Step 5

सफेद क्षेत्रों को हटाने के लिए, Magic Wand Tool चुनें:

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 दबाएं।

Paste as smart object

शीर्ष विकल्प पट्टी खोजें और बैज की स्थिति को 744 x 536 px करने के लिए सेट करें और इसकी Width और Height दोनों क्षेत्रों के लिए 771% है। जब आप पूरा कर लें, तो अपने कीबोर्ड पर Enter दबाएं:

Top options bar

Step 3

चुनकर दस्तावेज़ सहेजें File > Save या कीबोर्ड शॉर्टकट का उपयोग करके Command-S

मुख्य दस्तावेज़ पर वापस जाएं और आप देखेंगे कि स्मार्ट ऑब्जेक्ट को अब अंतिम परिवर्तनों के साथ अपडेट किया गया है। बैज, वास्तव में, स्मार्ट ऑब्जेक्ट के पर्सपेक्टिव को ले लिया है।

Gold Foil Logo Mockup

5. गोल्ड पन्नी प्रभाव कैसे जोड़ें

बिल्ला में कुछ महत्वपूर्ण प्रभाव जोड़ने का समय है, इसे दृश्य के अनुरूप, एक 3D महसूस करने के लिए।

Step 1

"Smart Object" लेयर चुनें और 0% Fill सेट करें। "Smart Object" को Layer > New > Layer Via Copy करके तीन बार डुप्लिकेट करें।

अब Layers पैनल को देखें, और आपको इस तरह की स्थिति में होना चाहिए:

Layers panel

नीचे दिए गए चित्र में दिखाए गए लेयर्स का नाम बदलें, और फिर तीन प्रभाव लेयर्स समूह करें:

Layers panel

अब से, जब आप अपने स्मार्ट ऑब्जेक्ट में बैज को बदलना चाहते हैं, तो आप इस लेयर का उपयोग करके उस पर क्लिक करके और सामग्री को संपादित कर सकते हैं।

Step 2

चलिए कुछ लेयर शैलियों को "Effect 1" लेयर में जोड़ना शुरू करते हैं।Layers Style पैनल खोलें और एक नया Inner Shadow प्रभाव जोड़ें और इसे नीचे दिए गए चित्र में दिखाए अनुसार सेट करें:

Layer style inner shadow effect

Blend Mode Color सफेद है #ffffff

Step 3

एक नया Color Overlay प्रभाव जोड़ें और इसे नीचे दी गई छवि में दिखाए अनुसार सेट करें:

Layer style color overlay effect

Blend Mode Color के लिए रंग #967a2f है।

Step 4

एक नया Gradient Overlay प्रभाव जोड़ें और इसे नीचे दी गई छवि में दिखाए अनुसार सेट करें:

Layer style gradient overlay effect

ग्रेडिएंट को संपादित करने के लिए छोटे ग्रेडिएंट विंडो पर क्लिक करें।

पहले रंग स्टॉप को Location 0% और Color के साथ #343434 पर सेट करें, और फिर Location 45% और Color से #343434 पर दूसरा रंग स्टॉप सेट करें।

Opacity 75% और Location 0% पर पहली अस्पष्टता रोक सेट करें, और फिर Opacity 0% और Location 45% के लिए दूसरी अस्पष्टता रोक सेट करें।

Gradient editor dialog

Layer Style पैनल की पुष्टि करने और बंद करने के लिए OK दबाएं।

Step 5

अब चलो कुछ लेयर शैलियों को "Effect 2" लेयर में जोड़ते हैं। Layers Style पैनल खोलें और एक नया Gradient Overlay प्रभाव जोड़ें और इसे नीचे दी गई छवि में दिखाए अनुसार सेट करें:

Layer style gradient overlay effect

ग्रेडिएंट को संपादित करने के लिए छोटे ग्रेडिएंट विंडो पर क्लिक करें। यहां आपको सात रंग स्टॉप सेट अप करने की आवश्यकता है:

  • 1# color stop: Color #bdbbb6Location 0%
  • 2# color stop: Color #ffffffLocation 18%
  • 3# color stop: Color #85816fLocation 33%
  • 4# color stop: Color #ffffffLocation 46%
  • 5# color stop: Color #716d54Location 54%
  • 6# color stop: Color #ffffffLocation 66%
  • 7# color stop: Color #65625a, Location 82%
Gradient editor dialog

Step 6

एक नया Drop Shadow प्रभाव जोड़ें और इसे नीचे दी गई छवि में दिखाए अनुसार सेट करें:

Layer style drop shadow effect

Blend Mode Color सफेद है #ffffff

Layer Style पैनल की पुष्टि करने और बंद करने के लिए OK दबाएं।

Step 7

अंत में "Effect 3" लेयर में कुछ लेयर शैली जोड़ें। Layers Style पैनल खोलें और एक नया Gradient Overlay प्रभाव जोड़ें और इसे नीचे दी गई छवि में दिखाए अनुसार सेट करें:

Layer style gradient overlay effect

ग्रेडिएंट को संपादित करने के लिए छोटे ग्रेडिएंट विंडो पर क्लिक करें। यहां आपको सात रंग स्टॉप सेट अप करने की आवश्यकता है:

Gradient editor dialog

ग्रेडिएंट को संपादित करने के लिए छोटे ग्रेडिएंट विंडो पर क्लिक करें। यहां आपको सात रंग स्टॉप सेट अप करने की आवश्यकता है:

  • 1# color stop: Color #e9e7d9Location 0%
  • 2# color stop: Color #fffdf0Location 20%
  • 3# color stop: Color #8e8366Location 61%
  • 4# color stop: Color #9e9475Location 67%
  • 5# color stop: Color #cec7b2Location 78%
  • 6# color stop: Color #69604cLocation 95%

Step 8

एक नया Drop Shadow प्रभाव जोड़ें और इसे नीचे दी गई छवि में दिखाए अनुसार सेट करें:

Layer style drop shadow effect

Blend Mode Color काला #000000 है।

Layer Style पैनल की पुष्टि करने और बंद करने के लिए OK दबाएं।

आपने कर लिया!

Gold Foil Logo Mockup

6. बोनस टिप: रोज गोल्ड टिंट कैसे प्राप्त करें

यदि आपने गौर नहीं किया है, तो सोना अभी हर जगह है। छुट्टियों की सजावट से सगाई के छल्ले को नए आईफोन तक ले जाने के लिए, यह बहुत ही धातु पारंपरिक सोने को रोकने के लिए लात मार रहा है।

यदि आप अपने नए गोल्ड फ़ॉइल लोगो मॉकअप पर इस ट्रेंडी टिंट को लागू करना चाहते हैं, तो बस निम्नलिखित करें:

Step 1

Layers पैनल में "Effect" फ़ोल्डर का चयन करें, और फिर पैनल के निचले भाग के छोटे आइकन पर क्लिक करें और Solid Color चुनें। संदर्भ के लिए नीचे दी गई छवि देखें:

Layers panel

रंग पिकर संवाद में, हेक्स रंग #eeb5ef पर सेट करें और पुष्टि करने के लिए OK दबाएं।

Color picker dialog

Step 2

केवल Color Fill लेयर पर राइट क्लिक करें और Create Clipping Mask चुनें।

Blend Mode को Multiply और Opacity को 90% में बदलें।

Layers panel

आपका गुलाब सोना पन्नी लोगो मॉकअप तैयार है!

Rose Gold Foil Logo Mockup

बधाई, आपने कर लिया!

इस ट्यूटोरियल में हमने एडोब फोटोशॉप के साथ एक यथार्थवादी गोल्ड फ़ॉइल लोगो मॉकअप बनाने का तरीका सीख लिया!

मुझे आशा है कि आपने मेरी ट्यूटोरियल का आनंद लिया है और कुछ नया सीखा है कृपया अपनी टिप्पणी, सुझाव, और परिणाम नीचे छोड़ने के लिए स्वतंत्र महसूस करें।

Gold Foil Logo Mockup
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.