फ़ोटोशॉप में एक रीयलिस्टिक वेक्टर सिगरेट लाइटर फ्लेम बनाएं

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

प्रारंभिक स्टेप्स में पेन टूल का ज्ञान आवश्यक है। यहाँ आप पेन टूल तकनीकों का अभ्यास करने के लिए बहुत उपयोगी टेम्पलेट पा सकते हैं, जो आपको बहुत अच्छी तरह से माहिर कर देगा।
यह मेरा पहला ट्यूटोरियल प्रयास है, और मैंने जितना संभव हो उतना स्टेप्स को संयोजित करने की कोशिश की है। यह एक बरसात के एक दिन (या दो) के लिए है!

1. फ़ोटोशॉप में प्रारंभ करें

टूल्स और रिफरेन्स इमेजेज

बैकग्राउंड के बजाय, हम पहले Pen Tool (P) के उपयोग से सभी बेस वेक्टर शेप्स बनाएंगे। सभी वेक्टर लेयर्स अपनी खुद की लेयर पर रहेंगी।

हमें एक रिफरेन्स इमेज रखने की जरूरत है जो यहाँ StockXchange से मुफ्त डाउनलोड किया जा सकता है। ऐसा करने से मैं प्रत्येक स्टेप का पालन करना आसान बना सकता हूं।

एडोब फोटोशॉप में, बुनियादी सेटअप से शुरू करें, जो मेरे मामले में लइटोग्राफिक (lightographic) आउटपुट के लिए नियत (destined) किया गया  था।

Step 1: अपना फ़ोटोशॉप डॉक्यूमेंट बनाएं

एडोब फोटोशॉप को खोलें, और 300dpi पर 99mm x 200mm के नीचे सेटिंग्स के साथ एक नया ट्रांसपेरेंट डॉक्यूमेंट बनाएँ। अपने रिफरेन्स इमेज को अपने नए डॉक्यूमेंट के बीच में रखें और लेयर को नाम दें। वास्तव में, जब आप इन स्टेप्स के माध्यम से जाते हैं, तो सुनिश्चित करें कि आप अपने सभी लेयर्स का नाम दें। आपकी रिफरेन्स लेयर के ऊपर एक लेयर सेट बनाएं और इसे "base lighter" नाम दें। यह लेयर सेट वहां होगा, जहां आप अपने मुख्य वेक्टर शेप रखेंगे।

2. बेस शेप्स बनाएँ

Step 1: वेक्टर शेप बनाने के लिए पेन टूल का उपयोग करें

Pen Tool (P) का प्रयोग करके, शेप-लेयर मोड में, लाइटर को कुछ हिस्सों में (कुल आठ) के निर्माण से शुरू करें, रिफरेन्स इमेज का उपयोग एक रफ़ गाइडेंस के लिए करें। यह पहली बार में ही सटीक हो ऐसा जरूरी नहीं है क्योंकि पेन टूल और उसके सम्बंधित टूल्स का उपयोग करके शेप लेयर्स को आगे एडिट किया जा सकता है। कलर-कोडेड इमेज जो नीचे दी गई है लेयर्स के आर्डर को दिखाती है, जो कि महत्वपूर्ण है। मुख्य प्लास्टिक केस नीचे है। टेक्स्ट लेयर बिलकुल टॉप पर है कुछ अपने हिसाब से बनाने के लिए। मैंने फ़ॉन्ट Helvetica Neue Condensed Bold का उपयोग करके मेरा स्क्रीन नाम "apepp" चुना।

अभी के लिए, प्रत्येक फ़ोटोशॉप वेक्टर शेप लेयर को काले से सफ़ेद रंग के साथ रंग दें ताकि दोनों के बीच आसानी से भेद कर सकें। ऐसा करने के लिए, रंग पिकर तक पहुंचने के लिए लेयर्स पैलेट में लेयर थंबनेल पर डबल क्लिक करें। एक बार आपके सभी आठ शेप्स का निर्माण हो जाने के बाद, शिफ्ट बटन दबाकर और प्रत्येक वेक्टर लेयर को चुनकर कुछ सुधार करना भी याद रखें, फिर उन्हें स्टेप 1 में बनाए गए अपने लेयर सेट ("base lighter") में खींच कर ले जाएँ।

लेयर सेट की टिप: एक लेयर सेट बनाने के लिए आप शिफ्ट बटन दबाकर और लेयर सेट आइकन पर क्लिक भी कर सकते हैं। आपकी सभी पिछली सिलेक्टेड लेयर्स अपने आप ही नए लेयर सेट में आ जाएंगी और वे अपने ओरिजिनल स्टैकिंग आर्डर में ही रहेंगी। दूसरा तरीका "Command/Apple + G" का उपयोग करना है।

Step 2: सिगरेट लाइटर का हेड बनाएँ

चकमक पत्थर की "Wheel" लेयर के लिए, शेप-लेयर मोड में Polygon Tool (Shift + U) का उपयोग करें, और साइड्स की संख्या लगभग 35 सेट करें। उपयुक्त आकार पर क्लिक करें और खींचें। चूंकि माउस बटन को दबाये हुए ही, स्पेस बार को दबाएं और इसे पोजीशन पर लेकर आएं। फिर स्पेस बार को छोड़ दें और यदि आवश्यक हो तो आकार एडजस्ट करें। जब आप माउस को छोड़ते हैं, तो लेयर बन जाएगी। इस लेयर को मेटल केस के नीचे कहीं होना चाहिए।

Step 3: इनर सेक्शन बनाने के लिए पेन टूल का उपयोग करें

एक बार ऊपर बताया गया आप बना लेते हैं, लेयर सेट "base lighter" को छिपा दें। फिर पेन टूल के साथ नीचे दिए गए चित्र में इंगित किए गए इनर सेक्शन (कुल पांच) बनाने के लिए (जैसा ऊपर दिया है उतना ही) शुरू करते है। एक बार फिर, इन एलिमेंट्स को हर एक लेयर को शिफ्ट-सेलेक्ट करके लेयर सेट में पोजीशन करें और लेयर सेट आइकॉन को शिफ्ट बटन के साथ प्रेस करे। इस लेयर को नाम देना ना भूलें "Inners"।

Step 4: एक लेबल शेप ड्रा करें

हमें "Divider" लेयर के नीचे एक "Label" लेयर को जोड़ने की आवश्यकता है। यह लेबल मुख्य प्लास्टिक केस के दूसरी तरफ स्टक होता है। शेप-लेयर मोड में Rounded Rectangle Tool (Shift + U) का उपयोग करें, 10px का रेडियस एंटर करें, शेप को बाहर खींचें, और मोटे तौर पर बीच में स्थित करें। Command/Apple + T को ट्रांसफॉर्म को थोड़ा सा राइट साइड में रोटेशन करने के लिए दबाएं, इसके लिए टॉप-राइट कण्ट्रोल हैंडल को दबा कर बहार की ओर खीचें।

2. डिटेल जोड़ने के लिए फ़ोटोशॉप के इफ़ेक्ट और लेयर मोड का उपयोग करें

step 1: एक लेयर मोड के साथ लाइटर फ्लूइड बनाएँ

इनर सेक्शन के लिए अंतिम भाग "Fluid" लेयर है। शेप-लेयर मोड में Pen Tool (P) का उपयोग करके इसे बनाएं (प्लास्टिक केस के किनारों थोड़ा सा टच) और इसे "Tube" लेयर के ऊपर ले जाएँ। #282828 की तरह कुछ के साथ "Fluid" वेक्टर लेयर को रंग करें और लेयर मोड को "Soft Light" में बदलें "Shift" दबाकर और + या - बटन्स का उपयोग करके भी लेयर ब्लेंडिंग मोड को बदला जा सकता है।

Step 2: बैकग्राउंड क्लाउड इफ़ेक्ट बनाएँ

अब बैकग्राउंड इफ़ेक्ट के लिए। पहले दोनों "base lighter" और "inners" लेयर सेट को छिपाएं। "BGround" के नाम से या इसी से मिलते जुलते नाम से एक और लेयर सेट बनाएं। इस लेयर सेट पर एक नई लेयर जोड़ें, फिर Filter > Render > Clouds चुनें। "Command.Apple + T" दबाएं, टूलबार में प्रॉक्सी इमेज के माध्यम से टॉप लाइन में एंकर पॉइंट को बदलें। फिर ऊँचाई क्षेत्र "140mm" टाइप करें, और यह एडजस्ट करने के लिए रिटर्न बटन दबाएं। लेयर मोड को "Soft Light" और opacity को 35% में बदलें। यदि आप जल्दी से अपने कीपैड पर 35 टाइप करते हैं, तो opacity बदल जाएगी। इस लेयर को "Smoke" नाम दें।

step 3: एक आउटर ग्लो लेयर स्टाइल जोड़ें

अब भी "Smoke" लेयर पर, "Outer Glow" को अप्लाई करने के लिए लेयर इफ़ेक्ट डायलॉग को लाने के लिए लेयर थंबनेल के दाहिने हाथ (right hand) की तरफ डबल-क्लिक करें। यह एक टेबल एज को सिमुलेट करने के लिए है, जिसकी सतह को प्रकाश से दूर किया जा रहा है। noise सेटिंग के अंदर पीले स्क्वायर को क्लिक करके डिफ़ॉल्ट पीला को सफेद में बदलें। अन्य सेटिंग्स निम्नानुसार हैं:

Step 4: ग्रेडियंट टूल का उपयोग करें

"Smoke" लेयर के तहत, "Light" नामक एक नई लेयर बनाएं। ग्रेडियंट टूल को सेलेक्ट करें, टॉप टूलबार में ग्रेडिएंट प्रीव्यू पर क्लिक करके एक नया ग्रेडिएंट सेट करें, लेफ्ट बॉटम स्लाइडर को काले #000000 और एक नीले/भूरे रंग #78828c में राइट बॉटम के स्लाइडर को सेट करें, और मिड-पॉइंट स्लाइडर को 80 % पर।

नीचे दी गयी इमेज पर पहचाने गए हरे रंग की तीरे की दिशा में खींचें, पहले बनाये गए "Smoke" लेयर के टॉप-लेफ्ट कोने से बॉटम-राइट कोने तक।

Step 4: आपके सिगरेट लाइटर में रंग करें

अब जब कि हमारे पास सभी जरूरी एलिमेंट्स हैं, हम लेयर स्टाइल्स का उपयोग करके आधार लाइटर को गहराई देना शुरू कर सकते हैं। लेयर सेट "base lighter" चालू करें और ऊपर से नीचे तक हम आवश्यक लेयर इफ़ेक्ट जोड़ देंगे। उसके पहले, हम प्रत्येक वेक्टर ऑब्जेक्ट को रंग देंगे, जैसा कि नीचे डाला गया वेक्टर लेयर थंबनेल पर डबल-क्लिक होता है। "Red Casing" ब्लेंडिंग मोड को "Hard Light" पर सेट किया गया है, और सुनिश्चित करें कि अन्य सभी लेयर मोड "Normal" हैं।

कलर पिकर डायलॉग के बहुत नीचे नंबर फ़ील्ड में निम्नानुसार रंग लगाएं:

• लेयर "Metal Hole" = #0a0b0a
• लेयर "Metal Groove" = #ffffff
• लेयर "Black Top" = #0a0b0a
• लेयर "Metal Case" = #969696
• लेयर "Gas Control" = #0a0b0a
• लेयर "Wheel" = #c8c8c8
• लेयर "Gas Button 1" = #0a0b0a
• लेयर "Gas Button 2" = #0a0b0a
• लेयर "Red Casing" = #00000

Step 5: Blending Options, Strokes और Gradients का उपयोग करें

लेयर इफ़ेक्ट जोड़ने के लिए, लेयर्स के नाम के एकदम राइट साइड एरिया पर डबल क्लिक करें और निम्नानुसार सेटिंग्स अप्लाई करें:

• लेयर "apepp" (या अपने स्वयं के कस्टम engraving) स्ट्रोक

नोट: लेयर्स पैलेट में इस लेयर की Fill Opacity को 0% पर सेट करें। आप इसे "Blending Options" पर क्लिक करके लेयर स्टाइल डायलॉग में भी कर सकते हैं, यह लेफ्ट हैंड की ओर पैनल में लिस्ट के सबसे ऊपर है।

• लेयर "Metal Hole" स्ट्रोक

वास्तविक ग्रेडिएंट को एडिट करने के लिए, Gradient Editor को प्रकट करने के लिए नीचे चित्र पर दिखाए गए अनुसार ग्रेडिएंट प्रीव्यू पर क्लिक करें।

•  लेयर "Metal Groove" ग्रेडिएंट ओवरले

• लेयर "Metal Groove" स्ट्रोक

•  लेयर "Black Top" ग्रेडिएंट ओवरले

• लेयर "Metal Case" ग्रेडिएंट ओवरले

• लेयर "Metal Case" स्ट्रोक

• लेयर "Gas Control" स्ट्रोक

• लेयर "Wheel" ग्रेडिएंट ओवरले "Multiply" को भी ब्लेंड मोड सेट करने के लिए नोट करें।

• लेयर "Wheel" स्ट्रोक

• लेयर "Gas Button 1" स्ट्रोक

•  लेयर "Gas Button 2" ग्रेडिएंट ओवरले

•  लेयर "Red Casing" ग्रेडिएंट ओवरले "Overlay" में ब्लेंड मोड को भी सेट करना नोट करें

Step 6: इनर लेयर में रंग जोड़ें

ठीक है, आप इतनी दूर तर पहुँच गए, बहुत अच्छा किया।

हम अब होम स्ट्रेच में हैं, और इस तरह से आगे बढ़ने के लिए, लेयर सेट "Inners" को प्रकट (reveal) करें। जांचें कि लेयर "Fluid" में "Soft Light" पर ब्लेंड मोड सेट है।

अब, step 10 की शुरुआत की तरह, हम प्रत्येक वेक्टर शेप को निम्नानुसार रंग देंगे:

• लेयर "Black Slot" = #000000
• लेयर "Connector 1" = #000000
• लेयर "Connector 2" = #1e1e1e
• लेयर "Fluid" = #282828
• लेयर "Tube" = #1e1e1e
• लेयर "Divider" = #000000
• लेयर "Label" = #2d2d2d

Step 7: ब्लेंडिंग ऑप्शन, ग्रेडिएंट्स और स्ट्रोक का इस्तेमाल करें

लेयर स्टाइल्स के लिए, केवल तीन आइटमों की उन्हें आवश्यकता है, और ये हैं:

• लेयर "Connector 2" gradient ओवरले...

• लेयर "Fluid" gradient ओवरले "Overlay" में ब्लेंड मोड को भी सेट करना नोट करें...

• लेयर "Fluid" स्ट्रोक

• लेयर "Tube" ग्रेडिएंट ओवरले

3. सरल आकार के साथ एक रीयलिस्टिक वेक्टर फ्लेम बनाएँ

यह वास्तव में अब अच्छी तरह से एक साथ आ रहा है, और उम्मीद है कि आप के लिए भी ऐसा ही है। लेकिन एक फ्लेम के बिना लाइटर क्या है?

Step 1: अपने फ्लेम शेप को ड्रा करने के लिए Ellipse Tool का उपयोग करें

फ्लेम केवल दो वेक्टर शेप्स लेयर से बनी है। Ellipse टूल (शेप लेयर मोड में) को पकड़ो, और सबसे पहले सबसे बड़ी "Flame Outer" को ड्रा करें। सुनिश्चित करें कि यह शुद्ध सफेद भी है। फ्लेम को "Base Lighter" लेयर सेट के नीचे भी होना चाहिए ताकि यह मेटल केस के नीचे बैठे।

Step 2: फ्लेम के अंदर की लेयर जोड़ें

"Flame Outer" लेयर (Command/Apple + J दबाएं) को डुप्लिकेट करें और Command/Apple + T दबाकर इसे स्केल करें और जब तक आप खुश न हों तब तक कण्ट्रोल हैंडल खींचें। यह परिवर्तन करने के लिए एंटर बटन दबाएं और इस लेयर को "Flame Inner" नाम दें। इस लेयर की Opacity 50% तक सेट करें।

नीचे की इमेज में, आप दोनों एलिमेंट्स देखेंगे। मैंने भूरे रंग में "Flame Inner" को शेड किया है, ताकि आप दो अलग-अलग शेप्स को  स्पष्ट देख सकें, लेकिन जब हम उन्हें रंग करेंगे, तो उन्हें शुद्ध सफेद होना चाहिए।

Step 3: फ्लेम इफ़ेक्ट बनाने के लिए लेयर स्टाइल्स का उपयोग करें

लेयर स्टाइल्स डायलॉग को लाने के लिए "Flame Inner" लेयर पर डबल क्लिक करें और उन्हें निम्नानुसार सेट करें:

• लेयर "Flame Inner" satin। नोट: ब्लेंड मोड को "Color Burn" और कंटूर को "Gaussian" में सेट करें।

• लेयर "Flame Inner" ग्रेडिएंट को ओवरले। इसके अलावा फार-राइट opacity स्लाइडर को 0% पर सेट करें जैसा की नीचे दी गयी इमेज में ग्रेडिएंट पर दिखाया गया है:

Step 4: अपने रीयलिस्टिक फायर को कुछ फिनिशिंग टच दें

लेयर स्टाइल्स डायलॉग को लाने के लिए "Flame Outer" लेयर पर डबल-क्लिक करें और उन्हें निम्नानुसार सेट करें:

• लेयर "Flame Outer" आउटर ग्लो। फार-राइट opacity स्लाइडर को 0% पर सेट करना नोट करें  जैसा की नीचे इमेज में ग्रेडिएंट पर दिखाया गया है।

• लेयर "Flame Outer" ग्रेडिएंट ओवरले। इसके अलावा फार राइट opacity स्लाइडर तो 0% पर सेट करें जैसा की नीच इमेज में ग्रेडिएंट पर दिखाया गया है।

4. फिनिशिंग टॉचस

Step 1: प्रतिबिंब (Reflection) बनाने के लिए फ़ोटोशॉप लेयर मास्क का उपयोग करें

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

दोनों लेयर्स "base lighter" और "inners" को Command/apple-click द्वारा सेलेक्ट करें। इन सेट्स को नई लेयर आइकॉन पर खीचें जो की लेयर्स पैलेट के नीचे है। इससे सेट की कॉपियों को पूरी तरह से intact बनाएगी, सेट्स के भीतर सभी लेयर स्टैकिंग ऑर्डर बनाए रखते हुए। कॉपियां अब भी चयनित रहेंगी, जैसी वे हैं उसपर Command/Apple + G को दबाएं और वे सेट ग्रुप हो जाएंगे।

इस नए ग्रुप को अब भी सेलेक्ट रखते हुए, लेयर्स पैलेट के सबसे नीचे Add लेयर मास्क बटन के जरिये एक लेयर मास्क को जोड़े, फिर इस नए ग्रुप को "Reflection" नाम दें।

अंत में Command/Apple + T दबाएं और प्रॉक्सी प्रीव्यू में केंद्रीय एंकर पॉइंट को सेलेक्ट करने के लिए ट्रांसफोर्मेड एरिया में राइट-क्लिक करें।

फिर नीचे दी गई इमेज के अनुसार "Flip Vertical" चुनें और परिवर्तन को कमिट करने के लिए एंटर दबाएं।

Step 2: आपके प्रतिबिंब की Opacity कम करें

अब स्टेप 17 में बनाए गए लेयर मास्क को सेलेक्ट करें। Gradient Tool के साथ, एक सफेद से काले ग्रेडिएंट को सेट करें और नीचे से खींचें जहां तीर नीचे दी गई इमेज में खत्म हो जाएगा। लेयर सेट opacity को 80% तक सेट करें।

निष्कर्ष

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