फ़ोटोशॉप में एक स्लिक ब्लैक iMac बनाएं

नवीनतम iMacs के रिलीज़ होने से कुछ महीने पहले, मैं यह सोच रहा था कि एक ब्लैक iMac कैसा दिख सकता है। एक फ़ोटोशॉप के उपयोगकर्ता होने के नाते, मैंने एक बनाने का प्रयास करने का निर्णय लिया। एक ब्लॉग पर पोस्ट करने के बाद, यह इमेज वायरल चली गई और मैक और टेक्नोलॉजी ब्लॉग पर दिखना शुरू हो गयी और मेरी साइट पर ट्रैफिक की बाढ़ आ गयी। आज अगर आप Google सर्च में ब्लैक iMac खोज रहे हैं तो आप मेरी इमेज का उपयोग करती हुई बहुत सी साइटों को देखेंगे। आज मैं आपको दिखाता हूँ कि मैंने उस तस्वीर को कैसे बनाया।

Step 1

पहली चीज जो हमे अपने ब्लैक iMac को बनाने में जरूरी है वह है एक सामान्य जो इसका बेस बनाये। मैंने पिछले मॉडल का इस्तेमाल किया था क्योंकि जब मैंने ओरिजिनल रूप से ऐसा किया था, तो यही वो था जो उपलब्ध था। यह वो इमेज है जिसे मैंने गूगल इमेजेज से फ्रंट फेसिंग iMac की प्राप्त की। यह एक बहुत ही सामान्य उत्पाद शॉट है।

Step 2

अब पहली चीज जो करनी है वो है टॉप पर एक नई लेयर बनाना, इसलिए Rounded Rectangle Tool (U) को पकड़ो और बेस इमेज से मिलान वाले कर्व के साथ एक काला रेक्टेंगल बनाएं। (मुझे विश्वास है कि मैंने 20px Radius का इस्तेमाल किया है)

Step 3

अब कुछ पल के लिए हम स्क्रीन को छोड़ देंगे और स्टैंड पर ध्यान केंद्रित करेंगे। तो ज़ूम इन करें और Pen Tool (P) का प्रयोग करें, जैसा दिखाया गया है, स्टैंड के चारों ओर खींचें। पेन टूल के साथ, यह एक अच्छा विचार है की जितना हो सके उतने काम पॉइंट्स का प्रयोग करें ताकि आपके एक स्मूथ लाइन मिल सके। इसके लिए आपको कुछ अभ्यास और कुछ प्रयास करने पड़ सकते हैं। इसके अलावा मिरर करने की कोशिश करें जहाँ आप पॉइंट्स डालते हैं, ताकि भले ही रेखा थोड़ी wonky है, कम से कम यह सयंमेट्रिकल (symmetrical) है।

Step 4

एक बार आपका पाथ बन जाने पर, उस पर राइट-क्लिक करें और Make Selection चुनें।

Step 5

अब इससे पहले कि मैं आगे बढूं, मुझे यह नोट करना है कि ऐप्पल का उपयोग करने वाला ब्लैक मैट या कुंठित (dull) ब्लैक का एक प्रकार है। तस्वीरों में इसकी थोड़ी सी नीली कास्ट है। अनुमान लगाने के लिए कि सटीक रंगों का उपयोग करने की कोशिश करने के बजाय, मुझे सिर्फ एक नियमित काले मैक लैपटॉप की तस्वीर मिली और फिर ऑय ड्रॉपर का इस्तेमाल करके कुछ रंगों को लिया गया (नीचे दिखाया गया)।

Step 6

जैसे भी, स्टैंड पर वापस आएं, अभी भी सिलेक्शन के साथ, मैंने एक नई लेयर बनाई और फिर पिछले चरण से रेफ्लेक्टेड ग्रेडिएंट (Reflected Gradient) और एक गाड़े और हल्के काले रंग का इस्तेमाल किया और दिखाए अनुसार स्टैंड को भर दिया। आप देख सकते हैं कि ग्रेडिएंट का हल्का हिस्सा बीच में है। मैंने ऐसा किया क्योंकि जब आप सफेद संस्करण (version) में स्टैंड को देखते हैं, तो उसमे समान प्रकाश और छाया होती है, लेकिन उलटी होती है।

दरअसल, इस ट्यूटोरियल में लगभग सभी स्टेप्स में, यह विचार है कि फ़ोटो कैसी दिखती है और फिर वाइट और लाइट ग्रे के बजाय डार्क ग्रे और काले रंग का उपयोग करके इफ़ेक्ट का अनुकरण करना है।

Step 7

अब ग्रेडिएंट इतना मजबूत नहीं था, इसलिए मैंने एक फैट Dodge Tool (O) ब्रश को पकड़ा, फिर मेरे ब्रश को हॉरिजॉन्टल रखने के लिए नीचे शिफ्ट डाउन पकड़े हुए, मैं उस हाइलाइट को मजबूत बनाने के लिए कुछ बार उसके ऊपर से गया।

Step 8

कर्व को डॉज करने के बाद, मैंने तब Dodge Tool का इस्तेमाल स्टैंड के हर बॉटम पर किया ताकि यह वहां से भी लाइटर हो जाए (जैसा नीचे दिखाया गया है)। यह पहले से ही एक स्टैंड की तरह दिखना शुरू हो गया है: हैरानी है की प्रकाश और छाया क्या कर सकते है!

Step 9

इसके बाद मैंने एक बार फिर से Pen Tool को लिया और इस बार उसने एक शेप बनाई जो कि स्टैंड के एकदम सामने वाले एरिया को कैप्चर करती है (नीचे देखें)। इस भाग में एक अलग रंग होना चाहिए ताकि जब आप इमेज को देखें, तो आप देख सकें कि यह हिस्सा स्टैंड के दूसरे हिस्से की तुलना में एक अलग कोण पर है।

ध्यान दीजिए कि नीचे दी गई इमेज में मेरे पेन के सिलेक्शन का आधार सारा कुटिल (wonky) है। ऐसा इसलिए है क्योंकि वास्तव में उस हिस्से के बारे में कोई बात नहीं है, मैं सिर्फ उस कर्व को टॉप पर करना चाहता हूं।

इसके बाद हम पेन टूल को सेलेक्ट किये हुए ही राइट-क्लिक करते हैं और फिर से Make Selection चुनते हैं। फिर स्टैंड लेयर के ऊपर एक नई लेयर बनाएं और उसे एक गहरे भूरे रंग के साथ भर दें।

Step 10

तो जैसा कि आप नीचे दी गई इमेज में देख सकते हैं, मेरे पास मुख्य स्टैंड के टॉप पर मेरी अजीब शेप है। तो अब हम स्टैंड लेयर पर Ctrl-click करके उसके पिक्सेल्स को सेलेक्ट करें और फिर सिलेक्शन को पलटने के लिए Ctrl + Shift + I दबाएं। फिर डिलीट बटन को दबाएं ताकि आपके पास हमारी अजीब शेप में दो शेप्स के इंटरसेक्शन ही रह जाए।

Step 11

अब Dodge Tool (O) को पकड़ो और फिर एक नरम ब्रश के साथ, एक हाइलाइट जोड़ें जहां दिखाया गया है। फिर Alt को दबाए रखें और एकदम दाईं ओर के किनारो पर ब्रश करें। Dodge Tool के साथ Alt दबाये रखने पर यह इसे  Burn Tool (और इसके विपरीत भी) में बदल देता है। तो आप टूल्स को बदले बिना जल्दी से ब्रश को डार्क और लाइट कर सकते हैं।

Step 12

अंत में, स्टैंड को पूरा करने के लिए, हम स्टैंड के सामने वाले भाग को डुप्लिकेट करते हैं, Ctrl दबाए रखें, उस लेयर पर क्लिक करें, और फिर एक बार एरो दबाएं और डिलीट दबाएं। यह आपको 1px पतली लाइन (नीचे दी गई इमेज में सिलेक्शन में दिखाया गया) के साथ छोड़ देगा। इस लेयर को ओवरले और 30% ओपेसिटी पर सेट करें, और यह आपको वास्तव में एक फैंट हाइलाइट दे देगा।

फिर से इसे दोहराएं, पर इस बार डाउन एरो के साथ, ऊपर वाला एरो दबाएं ताकि आप बेस पर 1 px सिलेक्शन बना दें। इस लेयर को स्टैंड से नीचे रखें, इसे 1px नीचे ले जाएं, और इसे डार्क करने के लिए Burn Tool का उपयोग करें। यह स्टैंड के नीचे एक फैंट शैडो होगी।

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

Step 13

ठीक है, तो हमारे पास एक बहुत अच्छा ब्लैक स्टैंड है। यहां यह मुख्य इमेज के टॉप पर है, और आप देख सकते हैं कि यह सही लगता है!

Step 14

अब हम स्क्रीन एरिया पर काम शुरू करते हैं। पहली चीज जो हमें करने की ज़रूरत है वह सीधी काली शेप से छुटकारा पाना और इसे एक ग्रेडिएंट के साथ बदल देना। तो हम उस लेयर की विजिबिलिटी को बंद कर देते हैं और फिर Ctrl दबाते हुए, हम उस पर क्लिक करते हैं, एक नई लेयर बनाते हैं, और फिर ऊपर-बाएं कोने से नीचे-दाएं कोने में एक Reflected Gradient ड्रा करें, ताकि यह बीच में लाइट हो जाए और कोनो में डार्क, जैसा कि दिखाया गया है।

Step 15

इसके बाद, मैंने एक बड़ा मोटा Dodge ब्रश को पकड़ा और तिरछे में आर पार थोड़ा और ब्रश चलाया जैसा दिखाया गया है।

Step 16

अब एक बार फिर इसके पिक्सेल को चुनने के लिए स्क्रीन लेयर पर Ctrl-click करें, फिर Select > Modify > Contract पर जाएं और 1px की वैल्यू का उपयोग करें। फिर एक नई लेयर में इसे गहरे भूरे रंग के एक हल्के शेड के साथ भर दें।

सिलेक्शन को छोड़े बिना, फिर से Select > Modify > Contract पर जाएं और इस बार 2px की वैल्यू का उपयोग करें। जब आप कर लें, तो डिलीट दबाएं और आपको स्क्रीन के चारों ओर एक पतली 2px लाइन के साथ रह जाएंगे।

यह पतली लाइन हमें स्क्रीन किनारों पर हाइलाइटिंग और छाया करने में मदद देगी। मैंने ऐसा इसलिए किया क्योंकि अगर आप सफेद iMac पर सावधानी से देखते हैं, तो आपको स्क्रीन के चारों ओर एक इसी के समान पतली लाइन दिखाई देगी, विशेषकर टॉप राइट पर जहां यह काफी हद तक उजागर है।

Step 17

अब अपने बड़े Dodge ब्रश को पकड़ो और ऊपर-दाएं कोने को जान बूझ कर हल्का करो और राइट हैंड की ओर और थोड़ा ऊपर। जहाँ इसे हाईलाइट करना उपयुक्त लगता है वहां इसे प्रयोग करें।

Step 18

अब एक पल के लिए काली स्क्रीन लेयर्स बंद करें, ताकि आप पीछे की सफेद स्क्रीन को देख सकें। फिर, एक नई लेयर में, इस बार थोड़े से कर्व के साथ Rounded Rectangle Tool का उपयोग करें (मैं 2px का उपयोग करता हूँ) एक रेक्टेंगल ड्रा करने के लिए जहां डिस्प्ले एरिया है, जैसा कि दिखाया गया है।

Step 19

अब आप बाकी की स्क्रीन लेयर्स को वापस चालू कर सकते हैं। अब डिस्प्ले लेयर जो हमारे द्वारा अभी अभी बनायीं गयी है पर Ctrl-click करें, फिर टॉप पर एक नई लेयर बनाएं, Selection > Modify > Contract पर जाएं, और 2px की वैल्यू का उपयोग करें। सीधे काले रंग के साथ इस नए एरिया को भरें।

जैसा कि आप देख सकते हैं, हमारे द्वारा बनाई गई पहली डिस्प्ले लेयर वास्तव में मुख्य डिस्प्ले एरिया के चारों ओर हाईलाइट है। यदि आप अपनी स्क्रीन को देखते हैं, तो संभावना है कि आप इस का थोड़ा सा देख पाएंगे। यदि आप यह बहुत ही यथार्थवादी (realistic) बनाना चाहते हैं, तो आप थोड़ा-बहुत डॉज और बर्न को डार्क या लाइट करने के लिए इस्तेमाल कर सकते हैं। लेकिन हमारे उद्देश्यों के लिए यह करना होगा!

Step 20

इसके बाद मैंने स्क्रीन पर एक इमेज रखी। मुझे एक अच्छा सा Mac-type बैकग्राउंड चाहिए था, और हमारे सौभाग्य से, हमारे पास इस पर एक Psdtuts+ ट्यूटोरियल है। मैंने मूल रूप से बस उस ट्यूटोरियल के आउटपुट का इस्तेमाल किया था, सिवाय इसके की मैंने रंग को हरे रंग में बदल दिया। आप जो भी चाहें उपयोग कर सकते हैं। बस इमेज को रखें और CTRL + T दबाएं ताकि इसे सही आकार में बदल सकें। आपको इसे फिट करने के लिए इमेज को क्रॉप करने की आवश्यकता हो सकती है।

Step 21

अब iMacs हमेशा उन छोटे कैमरों को टॉप पर रखते हैं, इसलिए मैंने सफ़ेद iMac फोटो के कैमरा के आसपास एक गोल सिलेक्शन किया और इसे कॉपी किया और दूसरी काली iMac लेयर्स के ऊपर एक नई लेयर में इसे उसी स्थिति में रखा।

Step 22

अब हमें एक डॉक की जरूरत है! एक बार फिर मैं बस Google पर गया और किसी के डेस्कटॉप का स्क्रीनशॉट को खोजा, रेक्टेंगल सिलेक्शन टूल का उपयोग करके डॉक को काट दिया और इसे ऊपर चिपका दिया। केवल समस्या यह है कि बैकग्राउंड नीला है! इसलिए हमें इसे रखने से पहले हरे रंग में एडजस्ट करने की आवश्यकता है।

Step 23

इसलिए मैंने Magic Wand Tool (W) का इस्तेमाल किया और नीले एरिया में इसे पूरा सेलेक्ट करने के लिए क्लिक किया। फिर Shift दबाए रखा और किसी भी ऐसे एरिया में क्लिक किया जो मिस हो जाता हैं, जैसे कि QuickTime सिंबल के अंदर। मूल रूप से सुनिश्चित करें कि आपको सभी पिक्सेल मिले। वास्तव में अच्छा सिलेक्शन करना बहुत महत्वपूर्ण नहीं है क्योंकि हम इसे नीचे सिकुड़ते रहेंगे - भगवान का शुक्रिया, क्योंकि अन्यथा हमें पेन टूल का उपयोग करना पड़ता!

एक बार आपके पास सिलेक्शन होता है तो, Image > Adjustments > Hue/Saturation पर जाएं और ह्यू स्लाइडर को तब तक स्थानांतरित करें जब तक कि हल्के हरे रंग को हिट न कर ले जो कि हरे रंग के बैकग्राउंड से मेल खाता हो (या आप जिस किसी बैकग्राउंड का उपयोग कर रहे हैं उससे मेल खाता है)।

Step 24

अब हम उस डॉक को वॉलपेपर के ऊपर रखते हैं और इसे ट्रांसफॉर्म करने के लिए Ctrl + T दबाते हैं।

इसके बाद हमें स्क्रीन पर चिपकाने के लिए छोटा सा मैक लोगो (Mac logo) की आवश्यकता है। एक बार फिर मुझे नियमित Google इमेज सर्च का उपयोग करते हुए एक चित्र मिला। यह एक अच्छा सिल्वर के रंग का है जो अच्छी तरह से काम करना चाहिए।

Step 25

समस्या, हालांकि, यह है की लोगो के पीछे एक छाया है जो हम नहीं चाहते हैं। तो Pen Tool को पकड़ो और दिखाए गए अनुसार लोगो के किनारों को ट्रेस करो। जब आप कर लें, राइट-क्लिक करें और Make Selection चुनें, फिर लोगो को इसके शैडो वाले बैकग्राउंड से कॉपी करने के लिए Ctrl + C दबाएं।

Step 26

अब लोगो को लगाने के लिए, सभी काले लेयर्स को बंद करें ताकि आप अपने सफेद iMac गाइड इमेज को फिर से देख सकें, फिर लोगो को सिकोड़ना चाहिए ताकि मशीन पर लोगो के आकार और स्थिति से यह लगभग मेल खाये। फिर काले लेयर्स को फिर से वापस ले आएं!

Step 27

अब लगभग पहुँच गए हैं!

इसके बाद हम इसे बनाने के लिए एक सूक्ष्म प्रतिबिंब बनाते हैं जैसे iMac वास्तव में खड़ा हो। तो स्टैंड लेयर डुप्लिकेट करें, Ctrl + T दबाएं और 180' घुमाए। फिर लेयर को 20% तक फीका कर दें और एक एडजस्टमेंट लेयर जोड़ें जैसा कि दिखाया गया है ताकि यह शून्यता में फेड ऑफ हो जाए।

Step 28

इसके बाद हम iMac के नीचे एक बहुत ही सूक्ष्म छाया जोड़ने के लिए जा रहे हैं। तो एक गहरे भूरे रंग में एलिप्स ड्रा करें जैसा कि दिखाया गया है।

Step 29

अब एलिप्स शैडो को लगभग 20% ओपेसिटी से फेड आउट करें और Filter > Blur > Gaussian Blur पर जाएं और एक अच्छा ब्लर प्राप्त करने के लिए लगभग 10px की वैल्यू लें। जब आप ऐसा कर लेते हैं, तो शैडो को केवल वर्टिकली ट्रांसफॉर्म और स्क्वीज़ करने के लिए Ctrl + T दबाएं (ताकि यह बहुत लंबा न हो, लेकिन सामान चौड़ाई का हो)। हम ऐसा करते हैं ताकि शैडो उसी तरह प्लेन पर दिखाई दे जिस पर टेबल हो या जिस किसी पर भी iMac हो।

Step 30

और हमने काफी हद तक कर लिया है! मैं iMac को side में ले गया और इसे समाप्त करने के लिए कुछ टेक्स्ट को जोड़ा। यदि आप सोच रहे हैं, तो जान लीजिये की टाइपफ़ेस Myriad Pro Semibold है, जो कि उस टाइपफेस के समान ही दिखता है जो कि ऐप्पल उपयोग करता है (हालांकि बिल्कुल वैसा ही नहीं, अगर मैं गलती नहीं कर रहा)।

निष्कर्ष

तो आपके पास अब यह है, हमने iMac के लिए एक नया रूप बनाया है! इस ट्यूटोरियल के लिए सैंपल PSD में, मैंने इस ट्यूटोरियल वाली PSD और ओरिजिनल वाली को जोड़ा है जो मैंने कुछ महीने पहले बनायीं थी, और जो बहुत समान है लेकिन बहुत बड़ी है और कुछ मामूली भिन्नताओं के साथ है। आशा है कि आपको ट्यूटोरियल में मज़ा आया!