कैसे एक Isometric पिक्सेल आर्ट कक्ष एडोब फ़ोटोशॉप में बनाएँ

अपना खुद का घर बनाएं! इस ट्यूटोरियल में मैं आपको दिखाता हूँ कि कैसे एक आइसोमेट्रिक पिक्सेल आर्ट कक्ष बनाना हैI

GraphicRiver पर अपने डिजाइनों के लिए Isometric Art के और अधिक अविश्वसनीय प्रेरणा मिलेंI

ट्यूटोरियल एसेट्स

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

• room.zip

परिचय

इससे पहले कि हम इस ट्यूटोरियल पर काम करना शुरू करें, ज़िप फ़ाइल डाउनलोड करें और पैटर्न इंस्टॉल करें। ऐसा करने के लिए, Edit > Presets > Preset Manager पर जाएंI पैटर्न के लिए प्रीसेट टाइप बदलेंI

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

अपने कंप्यूटर पर इमेजेज को सेव करना न भूलें। यह आपको एक ही परिणाम प्राप्त करने में मदद करेगा।

1. कक्ष के आधार कैसे बनाएं

Step 1

डिफ़ॉल्ट फोरग्राउण्ड और बैकग्राउंड रंग चुनें (D) को चुने। ध्यान रखें कि सभी टूल्स के लिए Anti-alias को अनचेक करना चाहिए, जो हम इस ट्यूटोरियल में उपयोग करेंगे।

फ़ोटोशॉप खोलें (मैं फ़ोटोशॉप CS6 का उपयोग कर रहा हूं), File > New पर जाएं, और एक नया 412 x 395 px का डॉक्यूमेंट बनाएं (बैकग्राउंड कंटेंट सफेद होनी चाहिए)।

Step 2

Room नाम के साथ एक नया ग्रुप बनाने के लिए Layer > New > Group पर जाएं। इस ग्रुप में एक नई लेयर (Layer > New > Layer) बनाएं।

Step 3

पेंसिल टूल (B) चुनें और दो एल-आकार की रेखाएं बनाएं जिनके आकार दोनों दिशाओं में 192 x 1 px हैं (दो केंद्रीय पिक्सल एक-दूसरे को ओवरलैप करते हैं) वे प्रत्येक पिक्सेल के लिए दो पिक्सल भर रहे हैं लाइनों के बीच की दूरी 170 px है।

Step 4

Unchecked Anti-alias के साथ Lasso Tool (L) को चुनें, और निचली रेखा का चयन करें। इसे डुप्लिकेट करें और 180 डिग्री से घुमाएं। इसे अन्य लाइनों के नीचे रखें। पेंसिल टूल (B) चुनें और ऊपरी और निचले हिस्से को कनेक्ट करें।

Step 5

यहां मैंने एक ईंट की मात्रा दिखाते हुए कमरे की रूपरेखा जोड़ना शुरू कर दिया। सभी अनावश्यक पिक्सल हटाएं (गुलाबी रंग से चिह्नित) लेयर नाम को "Room" में बदलें।

Step 6

Unchecked Anti-alias के साथ Magic Wand Tool (W) चुनें, और ground पर क्लिक करें। एक नई लेयर बनाएं, और इसे फोरग्राउण्ड रंग का उपयोग करके भरें। निम्नलिखित लेयर स्टाइल को लागू करने के लिए अपने माउस के साथ डबल-क्लिक करें। इन सेटिंग्स के साथ एक पैटर्न ओवरले जोड़ें:

• Blend Mode: Overlay
• Opacity: 100%
• पैटर्न पर क्लिक करें और फ्लोर पैटर्न चुनें
• Scale: 100%

Step 7

Room लेयर पर लौटें। Unchecked Anti-alias के साथ मैजिक वांड टूल (W) का उपयोग करके दीवारों का चयन करें। एक नई लेयर बनाएं, और इसे फोरग्राउण्ड रंग का उपयोग करके भरें। निम्नलिखित लेयर स्टाइल को लागू करने के लिए अपने माउस के साथ डबल क्लिक करें। 0% से Fill Opacity को बदलें।

इन सेटिंग्स के साथ एक पैटर्न ओवरले जोड़ें:

• Blend Mode: Overlay
• Opacity: 100%
• पैटर्न पर क्लिक करें और वॉलपेपर पैटर्न चुनें
• Scale: 100%

Step 8

फिर से Room लेयर पर लौटें सभी गैप्स को भरें।

Step 9

पेंसिल टूल (B) को चुनें और इन रंगों का उपयोग करके इनर काली लाइनों का रंग बदलें:

• Floor: #b78c71
• Highlight: #ffffff
• Wall: #4c848d

Step 10

#bbb9b6 और #ffffff रंगों के माध्यम से एक स्कर्टिंग बोर्ड बनाएं। ग्रुप में सभी लेयर्स को Merge करें। समूह को Hide करें।

2. एक सोफा कैसे बनाएं

Step 1

डिफ़ॉल्ट फोरग्राउण्ड और बैकग्राउंड रंग चुनें (D)।

एक नया ग्रुप बनाने के लिए Layer > New > Group पर जाएं। Name फ़ील्ड में Sofa टाइप करें। इस ग्रुप में एक नई लेयर (Layer > New > Layer) बनाएं

Step 2

पेंसिल टूल (B) चुनें और दो एल आकार वाली लाइनें 18 x 1 px चौड़ाई और 66 x 1 px गहराई (उनके बीच 40 px) में लें।

Step 3

Lasso Tool (L) चुनें, और ऊपरी रेखा का चयन करें। इसे डुप्लिकेट करें और इसे 180 डिग्री तक घुमाएं। उन्हें अन्य लाइनों के ऊपर रखें पेंसिल टूल (B) चुनें और ऊपरी और निचले हिस्से को कनेक्ट करें। किसी भी अनावश्यक पिक्सल हटाएं।

Step 4

#F8f8c6, #d8d0a0 और #7f7757 रंगों के उपयोग से लाइनों के बीच अंतराल को भरें।

Step 5

हाइलाइट रंग को #f8f8e8 पर बदलें। फोरग्राउण्ड रंग को #4e4135 पर सेट करें। उसके बाद, Paint Bucket Tool (G) चुनें, Contiguous को अनचेक करें, और Black Outline पर क्लिक करें। दांयां armrest तैयार है।

Step 6

सही armrest डुप्लिकेट करें, और इसे 112 px (और 56 px तक) तक ले जाएं।

Step 7

उसी तकनीक, रंगों और टूल्स का उपयोग करते हुए, हम अपने सोफे के लिए अन्य बक्से बनाते हैं (एक अलग लेयर पर प्रत्येक एलिमेंट)।

Step 8

सभी बक्से को मिलाएं और हमारा सोफे बनाएं। ग्रुप को Hide करें।

3. कैसे एक कालीन बनाएं

Step 1

जारी रखने से पहले, डिफ़ॉल्ट फोरग्राउण्ड और बैकग्राउंड (D) चुनें।

एक नया ग्रुप बनाने के लिए Layer > New > Group पर जाएं। Name क्षेत्र में "Carpet" टाइप करें। इस समूह में एक नई लेयर (Layer > New > Layer) बनाएं।

Step 2

लाइनें ड्रा करें जिनके आकार Width में 146 x 1 px और Depth में 138 x 1 px (प्रत्येक पंक्ति ओवरलैप के पहले दो पिक्सेल) हैं।

Step 3

लेयर डुप्लिकेट करें और 10 px मूव करें। एक्शन दोहराएँ। नतीजतन, आपको तीन लेयर्स एल-आकार वाली रेखाएं मिलेंगी। उन सभी को Merge करें, और अनावश्यक पिक्सल हटाएं (गुलाबी रंग से चिह्नित)।

Step 4

चलो कालीन के लिए शीर्ष लाइन जोड़ते हैं। लेयर डुप्लिकेट करने के लिए Layer > Duplicate Layer पर जाएं। फिर Rotate करने के लिए Image > Image Rotation > 180° पर जाएं। अन्य लाइनों की कॉपी ऊपर रखें दोनों लेयर्स मर्ज करें।

Step 5

Paint Bucket Tool (G) को चुनें और #73719c और #b5b2de रंगों का प्रयोग करके लाइनों के बीच अंतर भरें। फोरग्राउण्ड रंग #504f76 पर सेट करें और काले रेखाओं पर क्लिक करें। ग्रुप को हाईड करें।

4. एक टेबल कैसे बनाएं

Step 1

जारी रखने से पहले, डिफ़ॉल्ट फोरग्राउण्ड और बैकग्राउंड रंग (D) चुनें।

एक नया ग्रुप बनाने के लिए Layer > New > Group पर जाएं। Name फ़ील्ड में Table टाइप करें। इस समूह में एक नई लेयर (Layer > New > Layer) बनाएं।

Step 2

मैंने एक लाइन जोड़ी है जिसका आकार 62 x 1 px है (ये प्रत्येक पिक्सेल नीचे के लिए दो पिक्सल हैं)। यह हमारी table की चौड़ाई होगी।

Step 3

और अब कुछ गहराई जोड़ें।

Step 4

चलो टेबल के लिए शीर्ष लाइन जोड़ते हैं। लेयर को एल आकार की रेखा से चुनें और इसे डुप्लीकेट करें। Image > Image Rotation > 180° को Rotate करने के लिए जाएं। लेयर्स मर्ज करें और #dfbf8e रंग का उपयोग करके भरें।

Step 5

लेयर डुप्लिकेट करने के लिए Layer > Duplicate Layer पर जाएं मूल लेयर का चयन करें और उसे 4 px से स्थानांतरित करें। उन्हें Pencil Tool (B) का उपयोग करके कनेक्ट करें। Table ग्रुप में सभी लेयर्स को मिलाएं।

Step 6

Paint Bucket Tool (G) को चुनें और #c9a979 (lighter) और #95675a (darker) रंगों का उपयोग करके सामने की ओर और गहराई को भरें। Eraser Tool (E) चुनें और कुछ पिक्सल हटाएं (मैंने कुछ गुलाबी मार्कर को अनावश्यक को दिखाने के लिए जोड़ा)।

Step 7

फोरग्राउण्ड रंग को #f4e1c3 में सेट करें और Pencil Tool (B) का उपयोग करके एक हाइलाइट बनाएं। फोरग्राउण्ड रंग को #2b2b2b में बदलें Paint Bucket Tool (G) चुनें, Contiguous को अनचेक करें और काली रेखा पर क्लिक करें।

Step 8

एक नई लेयर बनाएं और उसे Table ग्रुप के निचले भाग में ले जाएं। तालिका के पैर को ड्रा करें (उदहारण के लिए #404968 आउटलाइन के लिए, अंधेरे पक्ष के लिए #6b949c का उपयोग करें, और हाइलाइट के लिए #c5eaf0 का उपयोग करें)।

Step 9

लेयर को तीन बार डुप्लिकेट करें और उन्हें अपने स्थान पर ले जाएं। ग्रुप में सभी लेयर्स को Merge करें। लेयर को Hide करें।

5. एक टीवी कैसे बनाएं

Step 1

जारी रखने से पहले, डिफ़ॉल्ट फोरग्राउण्ड और बैकग्राउंड रंग (D) चुनें।

एक नया ग्रुप बनाने के लिए Layer > New > Group पर जाएं। Name फ़ील्ड में "TV" टाइप करें। सोफे के सबसे पतले बॉक्स को चुनें, और उस लेयर को डुप्लिकेट करें कॉपी को TV ग्रुप में ले जाएं। Rectangular Marquee Tool (M) चुनें और बॉक्स के निचले हिस्से को चुनें। चयन पर राइट-क्लिक करें और Layer via Cut चुनें। नई लेयर को 16 px तक नीचे ले जाएं। ग्रुप के अंदर लेयर्स मर्ज करें लाइनों से जुड़ें और अंतराल भरें।

Step 2

रंगो को बदलें:

• Upper: #6e7488
• Front: #525663
• Side:  #383c45
• Highlight: #818796
• Outline: #20232e

Step 3

Pencil Tool (B) चुनें और एक स्क्रीन बनाएं। इसे #000000 रंग का उपयोग करके भरें।

Step 4

फोरग्राउण्ड रंग को #000000 पर सेट करें और स्पीकर को ड्रा करें। ग्रुप में सभी लेयर्स को मर्ज करें। लेयर को Hide करें।

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

सभी ग्रुप्स और लेयर्स Visible करें। File > Place (pictures, flowerpot) को रखें। ग्रुप्स और लेयर्स को क्रमबद्ध करें। एलिमेंट्स को वैसे रखें जैसे आप चाहते हैं। मैं आपको केवल एक विकल्प दिखा रहा हूँ कि कैसे उन्हें रखा जा सकता है।

यहां अंतिम इमेज है (100% पर)। मुझे आशा है कि आपने ट्यूटोरियल का आनंद लिया, और हमारे साथ अपने परिणाम साझा करना मत भूलना!

और इस तरह के और ट्यूटोरियल्स के लिए, यहाँ Isometric Tutorials देखें, जो कि Envato Tuts+ पर हैं:

• Photo Manipulation
  Adobe Photoshop में एक Isometric Icon में एक लैंडस्केप तस्वीर कैसे चालू करें
  Mohammad Jeprie
• Isometric
  एडोब फोटोशॉप में एक Isometric Pixel Art Park बनाएँ
  René Alejandro Hernández