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

Adobe Illustrator में Flat Design Wall Shelves Illustration कैसे बनाये

by
Difficulty:BeginnerLength:LongLanguages:

Hindi (हिंदी) translation by Shashi kumar sharma (you can also view the original English article)

Final product image
What You'll Be Creating

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

इस प्रशिक्षण आप सीखेंगे कि कैसे सरल रूप में प्रत्येक elements का  आकर एवं संरचना का निर्माण करें जो इनमे से एक है । मुझे आशा है कि आप इस प्रशिक्षण का आनंद लेंगे और कुछ नया सीखेंगे।

 यदि आप प्रेरणा के लिए देख रहे हैं तो, GraphicRiver में  बहुत सारे flat design vectors ब्राउज़ करने के लिए उपलब्ध है।

1. Wall Shelf कैसे बनाये

चरण 1

तो चलिए एक नया प्रारूप बनाने के लिए शुरू करते हैं  (File > New) 800 पिक्सल चौड़ाई और 600 पिक्सल की ऊंचाई लेंगे. पहले दीवार की आलमारी बनायेगे जिन पर सभी वस्तुओं रखा जाएगा।

शेल्फ (अलमीरा) के लिए एक 280 x 16 पिक्सल आयताकार बनायेगे  Rectangle Tool (M) की मदद से और फिर उसमे रंग भरने के लिए रंग कूट संख्या #8199A3 चुनेगें। शेल्फ को टिकाने के लिए,Ellipse Tool (L) की सहायता से एक आयत 14 x 30 px एवं वृताकार कील 4 x 4 px की बनायेगें जिसमे रंग कूट (#8FAAB5) का प्रयोग करेंगे।

Creating the table rectangles

चरण 2

शेल्फ को टिकने वाले आयत को छायांकित करने के लिए एक 14 x 8 px आयत (#6B7F87) बनाये और कील की छाया प्रति तैयार करें (Control-C > Control-F), और उसमे रंग भरने के लिय कूट #6B7F87 अंकित करें। उसके बाद, इसे (पृष्ठभूमि) पीछे की ओर डालने के लिए (Right click > Arrange > Send Backward) और इसको नीचे ले जाने के लिए अपने कुंजीपटल पर तीर कुंजियों का उपयोग करें।

 सेल्फ को टिकाने वाले सभी elements को समूहीकृत करने के लिए  (Control-G) और यह उसकी प्रति बनाने के लिए  (Control-C > Control-F) का प्रयोग करें। इन्हें संगृहीत करने के लिए इन्हें यह नीचे की छवि में अनुरूप दूसरी तरफ सुरक्षित करें।

Now adding the supports

चरण 3

शेल्फ को एक साथ समूहीकृत करे  (Control-G) और उसकी प्रति तैयार करें  (Control-C > Control-F)। अन्य शेल्फ को स्थापित करने के लिए Selection Tool (V) का चयन करने के बाद 140 px की दूरी पर   निचे प्रदर्शित छवि का अनुसरण करते हुए ।

Add a distance of 140 px between the shelves

2. किताबें को कैसे बनाये 

चलिए अब हमने सभी शेल्फ के सभी भागो को चित्रित कर लिया है। पुस्तकों का पहला सेट ड्राइंग करने के लिए शुरूवात करते हैं।

चरण 1

पहली पुस्तक बनाने के लिए, एक आयत 15 x 62 px (#A094D9) की बनाएँ। उसके बाद दो आयत15 x 4 px  (#897FBA) और एक वृत्त 7 x 7 px (#897FBA) बनाये।

उसके बाद, एक आयत 7 x 62 px  (#A094D9) की  किताब के ऊपर बनाये और Appearance panel के Blending Mode के साथ Multiply Opacity 20% का चयन करें। सभी को एक समूह में रखने के लिए  (Control-G) का प्रयोग करें।

A new book with rectangles and ellipse

चरण 2

दूसरी पुस्तक के लिए एक आयत 12 x 55 px  (#3498DB) और तीन आयत 12 x 3 px  (#EDEEF0) की बनाएँ, और उसके बाद उन्हें 3 px में  लम्बवत संयोजित करें।

उसके बाद में, एक आयत 6 x 55 px  (#3498DB)की बनाये और Appearance panel के Blending Mode में  Multiply Opacity 20%  का चयन करें । सभी पुस्तक की समूह बनाये  (Control-G) और  इन्हें दूसरी पुस्तकों के साथ  कर दें।

Second book with three lines

चरण 3

तीसरी पुस्तक बनाने के लिए, एक आयत 6 x 50 px  (#F6CD61) की बनाएँ और इसके बीच में एक आयत 3 x 30 px  (#EDEEF0) की बनावें। उसके बाद , एक आयत 3 x 50 px  (#F6CD61) की बनाएँ और Blending Mode में  Multiply Opacity 20% का चयन करें । पुस्तक एक साथ करने के लिए  (Control-G)

Rotation Tool (R) पर डबल-क्लिक करें और 350 डिग्री के कोण को  खुले हुए विंडो में लिखें । गाइड लाइन की मदद से दूसरी किताब को अन्य किताब के पास रखें ।

चरण 4

चलिए अब पुस्तकों के दूसरे समूह को  बनाएँ।

सबसे पहले, एक आयत 58 x 15 px  (#67537A) की  बनाये और फिर right-side nodes को चयनित कर वृताकार Live Corners बनाने के लिए Direct Selection Tool (A) का उपयोग करें।

आयत की प्रति बनाये  (Control-C > Control-F) और अपने रंग परिवर्तित करने के लिए #EDEEF0 कूट लिखें. उसके बाद Effect > Path > Offset Path पर जाएँ और  offset -3 px का चयन करें. उसके बाद, अपनी  appearance का विस्तार करने के लिए (Object > Expand Appearance) का प्रयोग करें।

अब left-side nodes का चयन करें और उसे एक दूसरी आयत के सामने संरेखित करें।

Now create a new book of the second group

चरण 5

कुछ समय के लिए अंतिम आयत (Control-C) की प्रतिलिपि बनाएँ। उसके बाद दोनों आयत का चयन करें और Pathfinder panel से Minus Front को चयनित  करें।

उसके बाद आयत की प्रति (Control-F) बनाये, left-side nodes  का चयन करें और उसे 2 px खिसकाएँ. अब एक आयत 60 x 2 px (#C2C3C9) की बनाये और  पुस्तक की छाया बनाने के लिए  Shape Builder Tool (Shift-M) का प्रयोग करें।

Moving the left-side nodes and add a shadow

चरण 6

6 x 8 px की एक आयत (#39B4FF) बनाकर एक बुकमार्क बनाये। Pen Tool (P)  की सहायता से node को नीचे और बीच में जोड़ दें, और फिर इसे थोड़ा ऊपर की तरफ ले जाए।

अब पुस्तक को समूह में लाने के लिए  (Control-G) का प्रयोग करें।

Adding a bookmark con Pen Tool

चरण 7

दूसरी पुस्तक बनाने के लिए, हम पिछली  4 से 6 प्रक्रिया को दोहराएंगे, और 49 x 12 px की आयत (#1DABB8) का उपयोग करें और left-side corners को वृताकार बनाये।

आयत (#EDEEF0) की प्रति बनाये (Control-C > Control-F) और offset -3 को चयनित करें उसके बाद के 5से 6 ऊपर समझाये गये  चरणों के साथ जारी रखें।

The second book with a rectangle and round the right-side corners

चरण 8

चलिए अब पुस्तकों का तीसरे सेट बनाते है। 70 x 23 px की आयत (#39B4FF) बनाये फिर दो 4 x 23 px आयत (#EDEEF0) और एक 8 x 12 px आयत (#EDEEF0) बनाये ।

उसके बाद , एक 70 x 12 px की आयत (#39B4FF) बनाएँ और Appearance panel के Blending Mode में जाकर  Multiply Opacity 20% लिखें ।

Creating the third set of books

चरण 9

अब हम एक दूसरी पुस्तक को बनते है 7 वें चरण की तरह । 61 x 15 px आयत (#C2B6D6) का उपयोग करें।

Creating the second book the same way in step 7

चरण 10

अब पुस्तकों के अंतिम सेट को बनाते हैं।

पहली पुस्तक के लिए, एक 70 x 10 px की आयत (#67537A) बनाये। उसके बाद दो 2 x 10 px की आयत (#EDEEF0) और एक 30 x 2 px आयत (#EDEEF0) बनाये।

70 x 5 px की आयत (#67537A) बनाकर सेट पूरा कर लेते हैं और Blending Mode में  Multiply Opacity 20% को चयनित करते हैं । पुस्तक को समूहीकृत करने के लिए  (Control-G) का प्रयोग करें।

Another book with rectangles

चरण 11

इस सेट के  दूसरे और तीसरे पुस्तक के लिए एक 70 x 10 px की आयत (#4CD4B0) और चार 3 x 10 px आयतों (#EDEEF0) को बनाये। उसके बाद, एक 70 x 5 px की आयत (#4CD4B0) बनाये और Blending Mode में  Multiply Opacity 20% को चयनित करें। अब पुस्तक को समूहीकृत करें (Control-G)।

अंतिम किताब की प्रति बनाये (Control-C > Control-F) और Isolate Mode  में प्रवेश करने के लिए इसे दो बार-क्लिक करें। Eyedropper Tool (I) का उपयोग कर रंग  #F6CD61 बदले और फिर पर Shift दबाकर दुसरे आयत को छायांकित करें। Isolate Mode से बाहर निकलें के लिए Escape बटन दबाएँ।

Duplicating the book twice

3. Portraits कैसे बनाये 

चरण 1

इस चरण में हम अलमारियों के लिए चित्र बनाने जा रहे हैं। एक आयत 51 x 72 px  (#6F5E87) और एक आयत 40 x 60 px  (#F7F7F8) शुरू करने के लिए बनाये ।

उसके बाद अंतिम आयत की प्रति बनाने के लिए  (#D8D9DD) दो बार  (Control-C > Control-F) प्रयोग करें , और अंतिम प्रतिलिपि को नीचे ले जाने के लिए अपने कुंजीपटल से तीर बटन का उपयोग करे ।  Pathfinder से अंतिम प्रतिलिपि का चयन कर Minus Front चयनित करें।

Creating a new portrait for our shelves

चरण 2

एक नया 30 x 48 px का आयत (#6F5E87) बनाएँ, और उसके बाद दो 40 x 40 px की आयत (#BADEB2) बनाये और उन्हें Rotate Tool (R) का उपयोग कर 45 डिग्री घुमा दे । शेष भाग को मिटाने के लिए Shape Builder Tool (Shift-M) का प्रयोग करें।

सूर्य बनाने के लिए  14 x 14 px की  वृत्त (#F7E999) बनाले। सभी  पोर्ट्रेट elements  को (Control-G) की समूह बना लें है।

Now adding a mountains and a sun

चरण 3

दूसरा चित्र बनाने के लिए एक 45 x 63 px की आयत (#299EBF) का उपयोग करें, और भीतरी फ़्रेम के लिए एक 33 x 50 px की  आयत (#8BCBDE) बनाये। फिर भीतर फ्रेम की प्रति बनाये (#7FBACB)  (Control-C > Control-F), प्रति  को नीचे दाईं ओर ले जाएँ और Pathfinder से Minus Front लागू कr सुनिश्चित करें कि दोनों प्रतियां Minus Front चयनित  हो ।

Appearance panel से 50% Opacity सेट करें।

New portrait using Rectangle Tool

चरण 4

दो 70 x 70 px की आयत बनाये और उनमे #D8E2EC और #87E8C6 रंग कूट का चयन करें। फिर उन्हें Rotate Tool (R) का उपयोग कर 45 डिग्री पर बारी बारी से घुमा लें। उसके बाद Shape Builder Tool (Shift-M) का चयन कर भीतरी फ्रेम में जोड़े।

चित्रों को  (Control-G) समूह में करें ।

Adding a mosaic with rectangles

चरण 5

पिछले चित्र के लिए, एक 42 x 55 px की आयत (#67537A) का उपयोग करें और 34 x 46 px (#FFFFFF) के लिए भीतरी फ़्रेम सेट करें  । आंतरिक छाया डालने के लिए  चरण 2  में बताये गये  अनुरूप  चरणों का पालन करें।

एक 26 x 38 px की आयत (#EDEEF0) बनाये । उसके बाद एक 14 x 14 px की वृत्त (#F7A3A2) और three-pointed polygon जिसकी त्रिज्या 8 px (#82BBC2) Polygon Tool की मदद से बनाये।

Another portrait with a ellipse and triangle

4. पौधों को कैसे बनाये 

चरण 1

चलिए अब पौधों को अलमारि पर सजाने के लिए बनाते हैं । 32 x 26 px की आयत (#BCCBFA) बर्तन के लिए और उसके बाद आधार के भाग को 4 px तक कम करे जिसके लिए Direct Selection Tool (A) का उपयोग करें।

बर्तन की प्रति बनाये  (Control-C > Control-F) और अंतिम प्रति को  बाईं ओर ले जाएँ। Pathfinder panel से Minus Front अप्लाई कर रंग कूट #A4BEE7 दर्ज करें।

Creating a pot for the first plant

चरण 2

एक नया आयत 34 x 3 px  का (#6B7EB9) बनाये । उसकी प्रति  (Control-C > Control-F) बना लें और उसकी चौड़ाई 13 px में परिवर्तित करने के लिए Transform panel का उपयोग और फिर उसके  रंग कूट  #556AA3 से बदलें।

एक 4 x 24 px का आयत (#1ABC9C) बनाये । उसके बाद एक 8 x 8 px का आयत (#089E80) बनाएँ और निचले ओर की बाईं और ऊपरी दाएँ कोने की त्रिज्या 8 px Transform panel से चयनित करें। इनको  (Control-G) समूहीकृत करें और यह नीचे की छवि में दिखाये अनुरूप  स्थिति करें।

Adding the plant in the pot

चरण 3

चलिए इस पौधे की पत्तियाँ बनाये। 15 x 24 px की आयत (#BADEB2) का उपयोग करें और सभी कोनों की त्रिज्या 15 px सेट करने के लिए Transform panel का उपयोग करें। इस पहली पत्ती की प्रति (Control-C > Control-F) (#ACD4A3) बनाये और अनुलंब घुमा दें (right click > Transform > Reflect)।

दो 30 x 30 px की वृत्त (#A2CC99) बनाये और उन्हें एक दुसरे के केंद्र से आर-पार करने के लिए Pathfinder panel का प्रयोग करें । इस अंतिम पत्ती पीछे जगह पर डालने के लिए  (click right > Arrange > Send Backward)। पौधे को समूहीकृत करें(Control-G)।

Drawing the plants leaves

चरण 4

हमारे दूसरे पौधे के लिए, चरण 1-2 की ही प्रक्रिया का उपयोग  शुरू करें। बर्तन (#BCCBFA) के लिए एक 32 x 43 px आयत का उपयोग करे और शीर्ष के लिए 36 x 2 px (#6B7EB9) और 18 x 2 px आयतों (#556AA3) प्रयोग करें ।

New pot for the second plant

चरण 5

अब हम अगले पौधे की पत्तियाँ बनाने जा रहे हैं। Pen Tool (P)  का चयन करें और एक पत्ती को नीचे की छवि में दर्शाए अनुसार बनाएँ। पंखुड़ियों को Rotate Tool (R) का उपयोग कर बारी बारी घुमा लें और उनके बीच निम्न  रंग का प्रयोग करें।

  • #BADEB2
  • #ACD4A3
  • #A2CC99

पंखुड़ियों को प्रतिलिपित करने के लिए  Control-C और उसके बाद Control-F का उपयोग करना याद रखें 

Drawing the plants with Pen Tool

5. रेडियो कैसे बनाये 

चरण 1

अब चलिए रेडियो बनाने के लिए 37 × 80 px की  आयत (#08AAC7) का उपयोग करके  बनाएँ जो उसके body को दर्शाये और एक 76 x 32 px का आयत (#BFE6EC) जोड़ें।

अंतिम आयत (Control-C > Control-F) की प्रति बनाये (#A3D1D9) और घुमा कर नीचे की तरफ लाए और एक बार दाईं ओर ले आएं । फिर Pathfinder panel से Minus Front से सेट करे और ध्यान रखें की सभी सलेक्टेड हो।

रेडियो के आधार के लिए दो  6x3 px की आयतों (#007099) बनाये ।

Creating the radio with rectangles

चरण 2

अब एक 22 x 22 px की वृत्त (#A3D1D9) का उपयोग कर speakers को बनाये उसके बाद उसकी प्रति बनाये (#08AAC7) (Control-C > Control-F) और उसे ऊपर की तरफ 1 px  खिसका दें ।

उसके बाद एक 14 x 14 px (#EDEEF0) और एक 7 x 7 px (#08AAC7) की आयत बनाये। सभी वृत्त को एकसाथ समूहीकृत करें और प्रति बनाये  (Control-C > Control-F) और उन दोनों को नीचे की छवि के  अनुरूप स्थापित करे।

एक और 6 x 6 px का वृत्त (#A3D1D9) बनाये और एक प्रति बनाये (#007099),ऊपर की तरफ 1 px खिसका दें। इसी प्रक्रिया को दोहराएँ लेकिन अंतिम वृत्त का  रंग कूट #08AAC7 से बदलें। रेडियो को समूहीकृत करें (Control-G) ।

Adding the speakers with ellipses

6. पेंसिल को रखने के लिए बर्तन कैसे बनाये

चरण 1

चलिए पेंसिल बर्तन को बनाना जारी रखें। 3 x 35 px की आयत (#EBBD63) का उपयोग करके पेंसिल ड्राइंग करते हैं और उसके बाद चार 3 x 2 px आयत बनाये जिसमे रंग कूट निम्न  #CB6120, #D8D9DD, #AEADB3 अंकित करे।

एक 1.5 x 35 px की आयत (#EBBD63) बनाएँ और Blending Mode में Multiply Opacity 20% सेट करे। पेंसिल के तल पर Pen Tool (P)  का उपयोग कर एक नोड जोड़े और उसे नीचे की तरफ ले जाएँ। अब सभी को  समूहीकृत करे (Control-G)।

Creating a pencil

एक अन्य पेंसिल को बनाने के लिए  3 x 35 px आयत (#87E8C6) का उपयोग करे। उसकी प्रति बनाये और उसकी चौड़ाई 1.5 px परिवर्तित करने के लिए  Transform panel का उपयोग करे। Appearance pane से Blending Mode में Multiply Opacity 20% सेट करे। पेंसिल (Control-G) को एक समूह में करे।

Another pencil with rectangles

चरण 2

अब एक 22 x 30 px की आयत (#897FBA) के द्वारा चमकीला दर्पण बनाये और उसके साथ 22 x 3 px आयत (#7D73B0) बनाये । एक और 25 x 3 px की आयत (#A094D9) कांच के शीर्ष के लिए बनाले। दर्पण को (Control-G) समूहीकृत करे और दर्पण को पेंसिल के नीचे की छवि में अनुरूप स्थिति करे।

Creating the glass for the pencils

7. बॉक्स कैसे बनाये

चरण 1

चलिए एक 63 x 31 px की आयत (#A094D9) का उपयोग कर बॉक्स बनाएँ। एक 63 x 3 px की आयत (#897FBA) बनाये और  लेबल के लिए  28 x 10px की दो आयत (#EDEEF0) और दूसरा आयात 22 x 2 px (#F6CD61) की ।

अंत में, एक 69 x 13 px आयत (#6F5E87) का उपयोग कर बॉक्स ढक्कन बनाये। सब को एक समूह में करे (Control-G)।

Creating a box

8. सभी Elements को एक साथ सजाएँ 

चरण 1

अलमारि पर सभी वस्तुओं को सजाएं।

Combining the items on the shelves

चरण 2

डिजाइन को पूरा करने के लिए एक 800 x 600 px की आयत (#EFF7E0) को डिजाईन के पृष्ठपटल में डालें। और उस के साथ ही हम प्रशिक्षण को  समाप्त करते है।

A new background with a rectangle

आप प्रशिक्षण समाप्त कर रहे हैं! धन्यवाद! 

हमने इस अद्भुत चित्रण समाप्त पूरा किया और यह अच्छा रहा । हमने निश्चित रूप से अपने कई नई चीजें हैं जो आपकी परिकल्पना को चित्रित करने में मदद कर सकते हैं।

मुझे आशा है कि आपको उससे ज्यादा मज़ा आया होगा जो मैंने है, और हर कदम मैंने आपके सीखाने के लिए एक नया अनुभव किया गया है। मैं आपकी बहतर परिणाम की आशा करता हूँ!

Final result
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.