Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Illustration
Design

कैसे एक खेल लड़के चित्रण एडोब illustrator का उपयोग कर बनाने के लिए

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Learn Adobe Illustrator.
Hand Lettering: How to Vector Your Letterforms
How to Create Vector Floral Typography in Adobe Illustrator

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

Final product image
What You'll Be Creating

आज हम इसे पुराने स्कूल लात जा रहे हैं, और सभी समय के सबसे प्रतिष्ठित handheld शान्ति में से एक बनाने: मूल खेल लड़का ।

यह शायद मेरे पसंदीदा ट्यूटोरियल में से एक अभी तक होने जा रहा है, के बाद से न केवल मैं इस भयानक डिवाइस बहलाना मिलता है, लेकिन मैं भी आप के साथ इस प्रक्रिया को साझा करने और आपको बताएंगे कि कितना आसान यह निर्माण करने का मौका मिलता है । हम मूल आकृतियों जैसे आयत, गोलाकार आयत और वृत्तों का उपयोग धीरे से हमारे छोटे दृष्टांत बनाने के लिए करेंगे ।

तो, अपने पसंदीदा भुना हुआ कॉफी सेम का एक कप हड़पने के लिए, और चलो शुरू हो जाओ!

ओह, मैं लगभग भूल गया, यदि आप एक बड़ा सेट करने के लिए अपने उदाहरण का विस्तार करना चाहते हैं, तो आप Envato बाजार में महान चित्र के टन पा सकते हैं ।

1. कोई नया दस्तावेज़ सेट करें

के रूप में किसी भी नई परियोजना के साथ, पहली बात यह है कि हम क्या करने जा रहे है सुनिश्चित करें कि हम एक उचित नया दस्तावेज़ स्थापित किया है ।

ऐसा करने के लिए, फ़ाइल > नया पर जाएँ या नियंत्रण-N कुंजीपटल शॉर्टकट का उपयोग करें, और इसकी सेटिंग्स निम्नानुसार समायोजित:

  • Artboards की संख्या: 1
  • चौड़ाई: ८०० पिक्सल
  • ऊंचाई: ६०० पिक्सल
  • इकाइयां: पिक्सेल

और उंनत टैब से:

  • रंग मोड: आरजीबी
  • रैस्टर इफेक्ट्स: स्क्रीन (७२ पीपीआई)
  • नए ऑब्जेक्ट्स को पिक्सेल ग्रिड में संरेखित करें: चेक किया गया

setting up a new document

2. एक कस्टम ग्रिड सेट अप करें

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

जिन सेटिंग्स में हमारी रुचि है वे संपादन > प्राथमिकताएं > मार्गदर्शिकाएं & ग्रिड सबमेनू के अंतर्गत पाई जा सकती हैं, और इंहें निम्नानुसार समायोजित किया जाना चाहिए:

  • ग्रिडलाइन हर: 1 पिक्सल
  • उपखंड: 1

तुम यह कैसे illustrator ग्रिड प्रणाली काम करता है पर गहराई से लेख पढ़ने के द्वारा ग्रिड के बारे में अधिक सीख सकते हैं ।

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

चूंकि हम एक पिक्सेल-सही कार्यप्रवाह के लिए लक्ष्य कर रहे हैं, मैं दृढ़ता से सुझाव है कि आप मेरे कैसे पिक्सेल परिपूर्ण कलाकृति ट्यूटोरियल है, जो आप कुछ ही समय में अपने तकनीकी कौशल को चौड़ा करने में मदद मिलेगी बनाने के लिए के माध्यम से जाना ।

setting up a custom grid

3. कुछ परतों को सेट करें

के साथ हमारे परियोजना फ़ाइल बनाया, यह एक अच्छा विचार के लिए हमारे उदाहरण परत होगा, क्योंकि हम जा रहे है एक रंग की पृष्ठभूमि है जो हमारे रास्ते में मिल सकता है का उपयोग कर ।

तो, संभालने आप जानते है कि कैसे परतों पैनल का उपयोग करने के लिए, इसे लाने के लिए, और दो परतों जो हम संक्षिप्त विवरण का उपयोग करने के लिए उंहें आसान पहचान बनाने का नाम बदलने होगा बनाएं:

  • परत १ > पार्श्वभूमी
  • परत 2 > गेम ब्वॉय

आम तौर पर हम अलग वर्गों, अपनी परत के साथ प्रत्येक में हमारे चित्रण अलग हो सकता है, लेकिन मैंने सोचा कि यह एक अच्छा विचार है illustrator अलगाव मोड से परिचित हो जाएगा, क्योंकि तुम यह वास्तव में उपयोगी है जब यह समूहीकृत वस्तुओं के प्रबंधन की बात आती है मिलेगा ।

setting up the layers

4. पृष्ठभूमि बनाएँ

अब जब कि हम अपने प्रोजेक्ट फ़ाइल और illustrator के लिए समायोजन के एक जोड़े को ही बनाया है, हम अपने छोटे से खेल लड़के पर काम शुरू कर सकते हैं ।

पहली बात यह है कि हम क्या करने जा रहे है एक रंग की पृष्ठभूमि है, जो डिवाइस बाहर खड़े कर देगा जोड़ रहा है ।

चरण 1

सुनिश्चित करें कि आप सही परत पर हैं, और फिर आयत उपकरण (एम) एक ८०० x ६०० पिक्स आकार है, जो हम #F96969 का उपयोग कर रंग और फिर Artboard के केंद्र में संरेखित करें पैनल क्षैतिज और ऊर्ध्वाधर संरेखण केंद्र विकल्प का उपयोग करके स्थिति का उपयोग करेंगे बनाएं ।

aligning the background to the center of the artboard

चरण 2

एक बार जब आप कर रहे हैं, वर्तमान परत ताला, और अगले एक जहां हम वास्तविक handheld सांत्वना पर काम शुरू करने जा रहे है पर चलते हैं ।

using the layers panel to lock the background

5. खेल लड़के के सामने अनुभाग बनाएं

जगह में पृष्ठभूमि के साथ, हम अब हमारे छोटे सांत्वना है, जो हम illustrator बुनियादी आकार के कुछ का उपयोग कर पैदा करेगा पर ध्यान केंद्रित कर सकते हैं ।

हम डिवाइस के सामने अनुभाग पर ध्यान केंद्रित करके शुरू करेंगे, और एक बार हम पक्ष अनुभाग के लिए कदम होगा कर रहे हैं ।

चरण 1

डिवाइस के मुख्य शरीर पर काम शुरू, एक 8 पिक्स कोने त्रिज्या, जो हम #EDE4E4 और हमारे Artboard के केंद्र की ओर स्थिति का उपयोग रंग जाएगा के साथ एक १४४ x २३२ पिक्सल गोल आयत बनाने के द्वारा ।

creating the main shape for the devices front section

चरण 2

प्रत्यक्ष चयन उपकरण (ए) का प्रयोग, आकार के निचले सही कोने का चयन करें और रूपांतरण पैनल के आयत गुणों के भीतर से ३२ पिक्सल के लिए अपनी त्रिज्या की स्थापना के द्वारा अपने दौर को समायोजित ।

adjusting the game boys front section

चरण 3

कंसोल के साइड सेक्शन बनाएं ताकि हम ठीक से डिवाइस को Artboard में संरेखित कर सकें, पकड़कर एक कॉपी (कंट्रोल-सी > कंट्रोल-बी) के आकार कि हमारे पास है, और इसे बाईं ओर की ओर बढ़ते हुए 24 पिक्स से, थोड़ा गहरा कुछ करने के लिए अपना रंग बदलना सुनिश्चित कर लेना ( #DDCCCC) ।

creating the side section of the console

चरण 4

कंसोल की मुख्य आकृति की दूसरी प्रतिलिपि (नियंत्रण-C) बनाएं और उसे स्थान (control-F) में चिपकाएं, और तब इसे एक-4 पिक्सेल ऑफ़सेट लागू करें, ऑब्जेक्ट > पथ > ऑफ़सेट पथ पर जाकर और ऑफ़सेट फ़ील्ड में मान दर्ज करें ।

using the offset path tool to create the main highlight for the devices front section

त्वरित टिप: यदि आप ऑफसेट पथ उपकरण का इस्तेमाल कभी नहीं किया है रूपरेखा बनाने के लिए, मैं सुझाव है कि आप इस ट्यूटोरियल है कि लाइन माउस, जो आप सही प्रक्रिया है कि कुछ और के लिए लागू किया जा सकता है, न सिर्फ माउस को दर्शाता है बनाने के लिए दो मुख्य तरीकों की तुलना की जांच करें ।

स्टेप 5

हम इस ऑफसेट का उपयोग करने के लिए एक बाहरी आकर्षण बनाने के लिए, यह दोनों और प्रति का चयन करके, और फिर पाथफाइंडर ऋण सामने आकार मोड का उपयोग करने कटआउट बनाने के लिए होगा । फिर, परिणामी आकार का चयन करें और सफेद (#FFFFFF) के लिए अपने रंग बदलने के लिए, अपने सम्मिश्रण मोड की स्थापना के लिए हल्का और ४०% करने के लिए अपनी अस्पष्टता को कम करने के लिए सुनिश्चित कर रही.

adjusting the outer highlight for the devices front section

चरण 6

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

इस तरह, आप बस डबल आइसोलेशन मोड में प्रवेश करने के लिए समूहीकृत वस्तुओं पर क्लिक करके नए विवरण जोड़ सकते हैं.

आयत उपकरण (एम) का उपयोग कर, एक 16 पिक्सल के अंतर को छोड़कर, जो हम सांत्वना के शीर्ष खंड की ओर स्थिति होगी एक १४४ x 4 पिक्स क्षैतिज विभाजक रेखा (#D8C5C5) बनाएं ।

adding the top horizontal divider to the devices front section

चरण 7

क्षैतिज विभक्त एक और गहरा १४४ x 2 पिक्स आयत (#C1A8A8) सिर्फ यह ऊपर है, जो एक छाया के रूप में कार्य करेगा जोड़कर कुछ गहराई दे ।

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

adding a shadow to the horizontal divider from the front section of the device

स्टेप 8

अगले, हम दो क्षैतिज डिवाइडर लाइनों है कि हम कुछ ही क्षणों पहले बनाया पर दो 6 x 16 पिक्सल आयतों (#D8C5C5) जोड़ देगा, सामने शरीर की ओर से 12 पिक्सल की दूरी पर हर एक स्थिति ।

adding the two vertical divider lines to the devices front section

चरण 9

हम सिर्फ दो 6 x 2 पिक्स आयतों (#C1A8A8) जो हम उनके ऊपर की ओर की स्थिति होगी जोड़कर कुछ गहराई बनाया है कि दो ऊर्ध्वाधर डिवाइडर दे दो जोड़े में, और फिर उन्हें (नियंत्रण-जी) समूह, ताकि विवरण दुर्घटना के द्वारा ग़लत नहीं मिलेगा ।

adding depth to the two vertical dividers from the devices front section

स्टेप 10

आयत उपकरण (एम) का उपयोग करना, दो और 2 x 10 पिक्स आकार, जो हम सफेद (#FFFFFF) का उपयोग रंग जाएगा बनाने के लिए, और फिर प्रत्येक ऊर्ध्वाधर डिवाइडर के बाईं ओर की स्थिति, अपने सम्मिश्रण मोड को हल्का करने के लिए समायोजित करने के लिए सुनिश्चित कर रही है और ४०% के लिए अपनी अस्पष्टता कम.

adding some subtle highlights to the vertical dividers

चरण 11

अगले, हम एक 10 x 4 पिक्स आयत (#D8C5C5) है जो हम सामने शरीर के शीर्ष अनुभाग के लिए संरेखित करें, यह पहली ऊर्ध्वाधर डिवाइडर के दाईं ओर की स्थिति के आधार पर कर देगा पर स्विच पर काम शुरू करेंगे ।

creating the base section for the onoff switch

चरण 12

गोल आयत उपकरण का उपयोग करके, एक 4 पिक्सल कॉर्नर त्रिज्या के साथ एक 28 x 8 पिक्स आकार (#D8C5C5) बनाने के लिए, और फिर यह के शीर्ष पर एक 2 पिक्स कोने त्रिज्या के साथ एक छोटे 20 x 4 पिक्सल गोल आयत (#EDE4E4) जोड़ें ।

creating the main shapes for the onoff switch

चरण 13

दो 2 x 4 पिक्सल आयतों (#EDE4E4) है, जो हम उनके नीचे कोनों इकट्ठा द्वारा समायोजित करेगा बनाएं । एक दूसरे से उंहें 2 पिक्सल स्थिति, उंहें बंद के आधार से आयत पर रखने/

adding the two vertical lines to the onoff switch

स्टेप 14

थोड़ा स्विच के दो ऊर्ध्वाधर लाइनों आसपास के अंतराल में भरें, तीन 2 x 2 पिक्स चौकों (#C1A8A8) जो छाया के रूप में कार्य करेंगे, इस प्रकार इस खंड और अधिक गहराई देने का उपयोग कर ।

adding shadows to the top section of the onoff switch

चरण 15

इस तरह के ऊर्ध्वाधर लाइनों और बटन ही नीचे से छाया के रूप में कुछ विवरण जोड़ने के द्वारा स्विच बंद समाप्त, आकार है कि हम पहले से ही है के डुप्लिकेट का उपयोग कर, #C1A8A8 के लिए उनके रंग की स्थापना करके उन्हें समायोजित करने के लिए सुनिश्चित कर.

एक बार जब आप छाया जोड़ दिया है, के लिए है स्विच बटन शीर्ष आधा पर एक सूक्ष्म प्रकाश डालना मत भूलना, सफेद रंग के लिए (#FFFFFF) का उपयोग कर, मिश्रण मोड के लिए हल्का, और अस्पष्टता के लिए ४०% ।

adding finishing touches to the onoff switch

चरण 16

नीचे की ओर कुछ पिक्सल हटो, और एक १३६ x 2 पिक्स सफेद (#FFFFFF) मोटा क्षैतिज डिवाइडर के नीचे आयत, जो हम अपने सम्मिश्रण मोड की स्थापना को हल्का और ४०% को अपनी अस्पष्टता कम द्वारा एक प्रकाश में बदल जाएगा जोड़ें ।

इस बिंदु पर हम बहुत ज्यादा डिवाइस है, जिसका अर्थ है हम अब प्रदर्शन, जो है जहां सभी मज़ा जगह लेता है बनाने पर ध्यान केंद्रित कर सकते है के ऊपरी भाग के साथ किया जाता है ।

adding a subtle highlight underneath the devices horizontal divider

चरण 17

गोल आयत उपकरण को पकड़ो और एक 4 पिक्सल कॉर्नर त्रिज्या है, जो हम #7E7E89 का उपयोग रंग जाएगा और फिर डिवाइस के सामने अनुभाग के साथ संरेखित करें, यह सिर्फ 4 पिक्सल की दूरी पर क्षैतिज प्रकाश के तहत स्थिति के साथ एक ८८ x १२० पिक्स आकार बना ।

creating and positioning the devices screen

चरण 18

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

adjusting the lower right corner of the devices screen

चरण 19

अपनी मुख्य आकृति (नियंत्रण-C > control-F) की एक प्रतिलिपि बनाकर स्क्रीन को एक सभी चारों ओर छाया दें और फिर इसे लगाने के लिए एक-2 पिक्स ऑफसेट करें, जिसे हम पाथफाइंडर के माइनस फ्रंट ऑप्शन की मदद से एक कटआउट बनाने के लिए उपयोग करेंगे ।

फिर, परिणामी आकार का चयन करें और काले (#000000) के लिए अपने रंग बदलने के लिए, 20% के लिए अपनी अस्पष्टता कम ।

adding the all-around shadow to the devices screen

स्टेप 20

इसी तरह की प्रक्रिया का प्रयोग, एक सब के आसपास 2 पिक्स मोटी भीतरी प्रकाश जोड़ें, रंग के लिए सफेद का उपयोग (#FFFFFF), सम्मिश्रण मोड के लिए हल्का, और अस्पष्टता के लिए 20%.

adding the all-around highlight to the devices screen

स्टेप 21

आयत उपकरण (एम) की मदद से, एक ८० x ६४ पिक्स आकार है, जो हम #82874D का उपयोग कर के बाद से यह प्रदर्शन के सक्रिय क्षेत्र के रूप में कार्य करेगा, और यह ग्रे अनुभाग पर स्थिति बनाने के लिए, यह अपने केंद्र के लिए संरेखित करने के लिए सुनिश्चित कर देगा बनाएं ।

adding the green dot matrix screen to the device

चरण 22

डॉट मैट्रिक्स स्क्रीन एक 4 पिक्सल मोटी भीतरी छाया (रंग: काले कास्टिंग द्वारा कुछ गहराई दे; अस्पष्टता: 20%) ऑफ़सेट पथ उपकरण का उपयोग कर रहा है ।

adding the inner shadow to the dot matrix screen

स्टेप 23

एक बार जब आप छाया जोड़ दिया है, कलम उपकरण पकड़ो (पी) और तिरछे प्रकाश डाला गया के एक जोड़े का पता लगाने, अपने रंग को भरने के रूप में सफेद (#FFFFFF) का उपयोग कर, शीतल प्रकाश को सम्मिश्रण मोड की स्थापना, और सुनिश्चित करने के लिए ४०% अस्पष्टता कम ।

adding the diagonal highlights to the dot matrix screen

स्टेप 24

इस बिंदु पर स्क्रीन लगभग किया जाता है । हम सब अब करने की जरूरत है कि आप सामान्य रूप से डिवाइस पर मिल जाएगा थोड़ा-सा, और थोड़ा बैटरी संकेतक जोड़ है । मैं तुंहें थोड़ा रचनात्मक हो और उंहें अपने आप को आकर्षित करने जा रहा हूं, तो अपना समय ले लो और उंहें कुछ बुनियादी आकार है जो आप #6B6B75 का उपयोग रंग होगा का उपयोग कर जोड़ें ।

adding the decals to the devices screen

चरण 25

अनुलंब हाइलाइट्स के दो जोड़े जोड़कर स्क्रीन को समाप्त करें (रंग: सफ़ेद; मिश्रण मोड: हल्का; अस्पष्टता: 20%), और फिर उसके सभी रचना तत्वों का चयन करें और नियंत्रण जी कुंजीपटल शॉर्टकट का उपयोग कर उंहें एक साथ समूहीकृत ।

adding finishing touches to the devices screen

चरण 26

नीचे की ओर पिक्सल के एक जोड़े को ले जाएं, और दीर्घवृत्त उपकरण (एल) का उपयोग कर एक ४४ x ४४ पिक्सल सर्कल (#DDCCCC) है जो हम स्क्रीन के नीचे खंड से लगभग 24 पिक्सल की स्थिति होगी बनाएं ।

positioning the cutout for the d-pad

स्टेप 27

एक बार जब आप सर्कल जोड़ दिया है, यह समय के लिए एक ऊर्ध्वाधर 14 x ३६ पिक्स गोल आयत (#6B6B75) बनाने के द्वारा डी पैड पर काम शुरू करने के लिए ऊपर है जिसमें से हम एक घुमाया प्रतिलिपि जोड़ देगा पर एक 2 पिक्स कोने त्रिज्या के साथ, उंहें केंद्र के लिए अंतर्निहित आकार के लिए सुनिश्चित कर रही है ।

creating the main shapes for the d-pad button

चरण 28

एक 12 x 12 पिक्सल सर्कल (#5E5E68) जो हम केंद्र में स्थिति होगी जोड़कर बटन कुछ गहराई दे ।

adding depth to the d-pad button

चरण 29

पर प्रकाश डाला गया के एक जोड़े को जोड़कर डी-पैड खत्म (रंग: सफेद; मिश्रण मोड: हल्का; अस्पष्टता: 20%) और छाया (रंग: #BAA0A0), और फिर अपने सभी रचना आकृतियों और नीचे से सर्कल का चयन करें और उंहें एक साथ समूह (नियंत्रण जी) ।

adding finishing touches to the d-pad button

स्टेप 30

चूंकि हम कुछ और बटन जोड़ देंगे, यह एक अच्छा विचार के लिए ऊर्ध्वाधर अब प्रकाश डाला गया जोड़ने के लिए होगा, ताकि हम बनाने के लिए और वापस बाद में उंहें भेजने के लिए नहीं होगा ।

तो, आयत उपकरण का उपयोग (एम), हाइलाइट्स के चार जोड़े बनाने के लिए, रंग भरने के लिए सफेद (#FFFFFF) का उपयोग, मिश्रण मोड की स्थापना के लिए हल्का और ४०% की अस्पष्टता कम, और उंहें सांत्वना के दाईं ओर की ओर स्थिति ।

adding the main highlights to the front section of the device

चरण 31

हाइलाइट्स जोड़ने के बाद, आप दीर्घवृत्त उपकरण (L) को हड़पने के लिए और इसका उपयोग २ १६ x 16 पिक्सल बटन (#A86578) के पहले बनाने के लिए कर सकते हैं, जिसे हम डिवाइस के दाईं ओर और उसके नीचे की ओर से ६२ पिक्स ३६ पिक्स की स्थिति देंगे ।

positioning the b button onto the device

कदम ३२

एक सूक्ष्म हाइलाइट बनाकर बटन पर विवरण जोड़ना प्रारंभ करें (रंग: सफ़ेद; मिश्रण मोड: हल्का; अपारदर्शिता: 20%) और आकार की एक प्रति का उपयोग कर एक छोटी सी छाया कास्टिंग जो हम #DDCCCC का उपयोग कर रंग जाएगा और फिर इसे नीचे की स्थिति ।

एक बार जब आप परिष्करण छू जोड़ दिया है, सभी बटन तत्वों को एक साथ समूह नियंत्रण-जी कुंजीपटल शॉर्टकट का उपयोग कर ।

adding details to the b button

कदम ३३

हम अभी बनाया है कि बटन के एक प्रतिलिपि (नियंत्रण सी > नियंत्रण-F) बनाएँ, और इसे दाईं ओर की ओर स्थिति, 8 पिक्स की दूरी पर, यह 12 पिक्सल से ऊपर की ओर बढ़ रहा है.

adding the a button to the device

कदम ३४

पकड़ो कलम उपकरण (पी), और एक गोल टोपी के साथ एक 8 पिक्स मोटी स्ट्रोक (#7E7E89) का उपयोग, एक विकर्ण रेखा है जो चयन बटन के रूप में कार्य करेंगे, और यह डी-पैड के नीचे की ओर की स्थिति आकर्षित ।

creating the main shape for the select button

कदम ३५

बटन को एक सूक्ष्म हाइलाइट दें (रंग: सफ़ेद; स्ट्रोक वजन: 2 पिक्सल; कैप: गोल कैप) और एक अंतर्निहित छाया (रंग: #DDCCCC; स्ट्रोक वजन: 8 पिक्सल; कैप: गोल कैप), उन्हें (Control-G) समूहीकृत करें, और लगभग 4 पिक्स पर दाईं ओर की ओर एक कॉपी बनाएं और उसकी स्थिति बनाएँ.

adding the start button to the device

कदम ३६

एक गोल टोपी के साथ छह 4 पिक्स मोटी स्ट्रोक लाइनों (#AD9C9C) ड्राइंग द्वारा, डिवाइस के निचले दाएँ कोने से थोड़ा वक्ता जंगला जोड़ें, जो आप एक तिरछी रेखा में एक दूसरे के बगल में ढेर होगा ।

adding the speaker grill to the device

कदम ३७

एक बार जब आप वक्ता जंगला है, बंद डिवाइस के सामने, एक 8 पिक्स मोटी decal (#7E7E89) स्क्रीन और डी-पैड के बीच में जोड़कर, और बंद की एक प्रति/बटन पर नीचे की ओर है, जहां आप आम तौर पर हेड फोंस जैक मिल जाएगा ।

finishing off the front section of the device

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

6. खेल लड़के के पक्ष अनुभाग में विवरण जोड़ें

इस बिंदु पर हम बहुत ज्यादा डिवाइस है, जिसका अर्थ है कि हम अब इसके पक्ष अनुभाग पर ध्यान केंद्रित कर सकते है के मोर्चे पर काम कर रहे हैं ।

चरण 1

सामने है अनुभाग मुख्य आकर्षण की एक प्रति पकड़ो, और यह पक्ष अनुभाग पर पेस्ट करें, यह अपनी बाईं ओर संरेखित करने के लिए सुनिश्चित करने के ६०% के लिए अपनी अस्पष्टता सेटिंग्स, और फिर समूह (नियंत्रण-जी) और उन दोनों को वापस भेजने के लिए (ठीक क्लिक करें > व्यवस्था > वापस भेजें).

adding the main highlight to the side section of the device

चरण 2

कंसोल के सामने अनुभाग की एक प्रतिलिपि (नियंत्रण-C > control-F) बनाएँ और फिर इसे एक 4 पिक्स ऑफसेट लागू करें, जहाँ से हम अपने प्रति की मदद से एक कटआउट बनाएँगे. फिर, #BAA0A0 करने के लिए परिणामी आकृति का रंग परिवर्तित करें, और इसकी बाईं ओर स्थिति जिससे कि यह हमारे डिवाइस की ओर अनुभाग के दृश्यमान क्षेत्र के केंद्र से संरेखित हो जाता है ।

adding the vertical divider line to the side section of the device

चरण 3

चूंकि हम चाहते हैं कि अनुलंब विभाजक रेखा साइड अनुभाग की सतह के भीतर जाने के लिए विवश हो, हम एक क्लिपिंग मास्क बनाने के लिए अंतर्निहित आकृति की एक प्रतिलिपि का उपयोग करेंगे (ठीक क्लिक करें > क्लिपिंग मास्क बनाएं) ताकि इसके बाहर के क्षेत्रों को छुपाने के लिए.

masking the vertical divider line from the devices side section

त्वरित टिप: यदि आप पहले मुखौटे कतरन इस्तेमाल कभी नहीं किया है, तो आप इस ट्यूटोरियल है कि पाथफाइंडर आकार मोड पर कतरन मुखौटा का उपयोग कर के सभी लाभ बताते हैं पढ़ना चाहिए ।

चरण 4

आयत उपकरण (एम) का उपयोग करना, एक 10 x 4 पिक्सल आकार है जो हम #BAA0A0 का उपयोग कर रंग और फिर ऊपर की ओर स्थिति है, सामने है अनुभाग क्षैतिज डिवाइडर के बगल में होगा बनाएं ।

adding the horizontal divider line to the side section of the device

स्टेप 5

अगले, हम अभी बनाया है कि क्षैतिज डिवाइडर के ऊपर एक 10 x 2 पिक्स छाया (#A58888) जोड़ें, और एक सूक्ष्म 10 x 2 पिक्सल हाइलाइट (रंग: सफेद; मिश्रण मोड: हल्का; अस्पष्टता: ६०%)

adding the shadow and highlight to the side sections horizontal divider

चरण 6

आयत उपकरण पकड़ो (एम) और एक समूह बनाने के दस 8 x 2 पिक्स आकार, जो हम #A58888 का उपयोग कर रंग जाएगा, और खड़ी एक दूसरे से 6 पिक्स पर वितरित, अपने नीचे से डिवाइस की ओर अनुभाग के बाईं ओर की ओर स्थिति सुनिश्चित करने के लिए, ४८ पिक्सल.

positioning the main shapes for the devices side grill

चरण 7

हम अभी बनाया है कि आयतों के समूह की एक प्रतिलिपि बनाएँ, और उन्हें मूल से बाहर खड़े कर सकते हैं ताकि #BAA0A0 करने के लिए उनके रंग बदलने, 2 पिक्स द्वारा नीचे की ओर धक्का.

adding the secondary grill lines to the side of the device

स्टेप 8

बंद साइड जंगला लाइनों है कि हम सिर्फ बनाया है, जो हम 8 पिक्सल से सिर्फ 4 पिक्सल के लिए उनकी चौड़ाई बदलकर समायोजित करने की आवश्यकता होगी नीचे क्षैतिज आयतों की एक तीसरी प्रति जोड़कर खत्म करो । तो, सफेद (#FFFFFF) को अपने रंग बदलने के लिए, और उनके मिश्रण मोड सेट को हल्का जबकि ६०% के लिए अपनी अस्पष्टता कम यकीन कर रही ।

finishing off the devices side grill

चरण 9

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

कहा जा रहा है, अपना समय ले लो, उंहें किया, और फिर पिछले कदम पर चलते हैं ।

finishing off the side section of the game boy

स्टेप 10

यदि आप इस अंतिम चरण तक पहुंच चुके हैं, इसका मतलब है कि आप हमारे छोटे खेल लड़के के किनारे अनुभाग परिष्करण पर एक महान काम करने में कामयाब रहे हैं ।

अब यह चित्र है, जो कि डिवाइस के नीचे से ही सूक्ष्म छाया है करने के लिए अंतिम टुकड़ा जोड़कर बंद ट्यूटोरियल समाप्त करने के लिए समय है ।

इसे बनाने के लिए, बस दीर्घवृत्त उपकरण (एल) हड़पने के लिए और एक १४८ x 16 पिक्स दीर्घवृत्त, जो हम एक गहरा लाल (#DD5252) का उपयोग कर रंग जाएगा आकर्षित और फिर यह से 12 पिक्सल की दूरी पर, हमारे डिवाइस के नीचे की स्थिति ।

game boy illustration finished

खेल खत्म, बेबी!

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

illustration final preview
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.