आइसोमेट्रिक वैक्टर कैसे आकर्षित करें?


16

मैं इलस्ट्रेटर CS2-5 के लिए सॉफ़्टवेयर समाधानों में "बिल्ट इन" ढूंढ रहा हूं।

मैं एक वेब ऐप के लिए इन आइसोमेट्रिक चित्र बनाने की कोशिश कर रहा हूं। अभी मैंने मैन्युअल रूप से एडोब इलस्ट्रेटर में एक ग्रिड स्थापित किया है और इस ग्रिड के आधार पर चित्र बना रहा हूं - लेकिन मुझे कोई गाइड नहीं मिला है, कोई स्नैप और सामान नहीं है ...

अंतिम परिणाम इस के करीब होना चाहिए: http://www.twigital.co.uk/

मैं सोच रहा हूं कि क्या आप आइसोमेट्रिक सामान खींचने के लिए एक अच्छे सॉफ्टवेयर के बारे में जानते हैं, जिसमें से मैं इसे एक वेक्टर (.eps या .ai) के रूप में आउटपुट कर सकता हूं, तो मैं इलस्ट्रेटर आयात कर सकता हूं और उन्हें रंग और अन्य सामान तैयार कर सकता हूं?

यदि आप इसके लिए विशेष रूप से एक सॉफ्टवेयर के बारे में नहीं जानते हैं, तो क्या आपने कभी इलस्ट्रेटर में आइसोमेट्रिक चित्रण किया है? कोई विधि? कोई सुझाव?

आइसोमेट्रिक वेक्टर ड्राइंग उदाहरण

संपादित करें:

कृपया 1,2 या 3 बिंदु परिप्रेक्ष्य ड्राइंग के साथ आइसोमेट्रिक ड्राइंग को भ्रमित न करें।

ISOMETRIC ड्रिलिंग:

[सममितीय प्रणाली सिर्फ एक सम्मेलन / आविष्कार है, बहुत सारे सामानों के लिए उपयोगी है, न कि वास्तव में जो आंखें देखती हैं उन्हें पुन: पेश करने के लिए लेकिन माप और अन्य सामानों के लिए वास्तव में सिर्फ एक सम्मेलन उपयोगी है]

आइसो (बराबर) मीट्रिक (माप)

एक आइसोमेट्रिक ड्राइंग में , एक क्यूब के सभी किनारे चार के सेट में समानांतर होंगे(2 समानांतर रेखाओं का अर्थ है कि रेखाएँ कभी भी एक दूसरे से नहीं मिलेंगी जब तक आप उन्हें खींचते हैं)

व्यक्तिगत अभ्यास:

[परिप्रेक्ष्य ड्राइंग सम्मेलनों (1 बिंदु, 2 बिंदु, 3 बिंदु..और कुछ अन्य) अभी भी सम्मेलन हैं लेकिन वे नकल करने की कोशिश करते हैं और जितना संभव हो उतना करीब हो सकते हैं कि आंख वास्तविकता में क्या देखती है (3 डी), लेकिन जैसा कि यह है 2D (कागज़ / स्क्रीन) पर यह वास्तव में कभी भी वास्तविकता जैसा नहीं है।]

[एक और बात जो कुछ तर्क दे सकती है वह यह है कि हमारी दो आंखें हैं (सिर्फ कुछ ऑप्टिकल डिवाइस) * और छवि वास्तव में एकजुट होती है (बनाई जाती है) मस्तिष्क में होने वाले कुछ जादू को गर्त में डालती है, एक और बिंदु बनाती है कि इनमें से कोई क्यों नहीं कन्वेंशन सही मायने में वास्तविकता से मिलते-जुलते हैं ... लेकिन यह फिलॉसफी SE: P] * के लिए है

में परिप्रेक्ष्य ड्राइंग , किनारों की ओर दबे हुए हैं एक या अधिक गायब हो जाने अंक।

Illustrator CS 5 में परिप्रेक्ष्य ग्रिड के साथ 3 विकल्प हैं:

1 बिंदु परिप्रेक्ष्य, 2 बिंदु परिप्रेक्ष्य और 3 बिंदु परिप्रेक्ष्य।

ऊपर से सभी सूचनाओं को संसाधित करने के बाद (इंटरनेट से जानकारी ... गलत हो सकता है, जानबूझकर बेझिझक) मैं सरल धारणा बनाता हूं कि एक कैनवास पर कई वस्तुओं के आइसमेट्रिक दृश्य को प्राप्त करना संभव नहीं है (जैसे कि उदाहरण के लिए, twigital.co.uk (एक परिप्रेक्ष्य ग्रिड के साथ उसके जवाब में यह कैसे किया गया था इसकी व्याख्या के लिए जॉर्ज का धन्यवाद), जो कि 1 बिंदु परिप्रेक्ष्य के साथ है: लाइनें क्षितिज पर एक बिंदु में मिलेंगी, 2 अंक: लाइनें क्षितिज पर 2 बिंदुओं पर मिलेंगे, 3 बिंदु ... आपको यह विचार मिलेगा ...

और एक आइसोमेट्रिक दृश्य के साथ रेखाएं कभी पूरी नहीं होती हैं , क्योंकि वे समानांतर हैं। (मुझे लगता है कि आप इसे आइसोमेट्रिक परिप्रेक्ष्य भी कह सकते हैं, इसलिए मैं थोड़ा भ्रमित हूं)

!!! लेकिन यदि आप मैन्युअल रूप से ग्रिड का निर्माण करते हैं तो यह संभव है , आप सीख सकते हैं कि यह कैसे करना है या आप यहां पहले से ही एक डाउनलोड कर सकते हैंइस ट्यूटोरियल में सब कुछ करने के बाद आपके द्वारा बनाई गई सभी लाइनों का चयन करें और View> Guides> Make Guides पर जाएं । यह इस प्रश्न के उत्तर की तरह है, लेकिन मैं कुछ "समाधान" और ...

मैंने Illustrator CS5 में परिप्रेक्ष्य ग्रिड के साथ ऐसा करने की कोशिश की ... मेरे लिए काम नहीं किया, अगर किसी ने Illustrator में परिप्रेक्ष्य ग्रिड के साथ ऐसा किया है तो कृपया ऐसा करने के लिए सटीक चरणों की व्याख्या करें।

कुछ लोग कह सकते हैं कि मैं ऊपर दिए गए कुछ सामानों पर अधिक तनाव देता हूं, लेकिन यदि आप सैकड़ों के साथ एक जटिल ऐप बनाते हैं, या सिर्फ 50 यादृच्छिक (एक आइसोमेट्रिक तरीके से) ऑब्जेक्ट्स और ऑब्जेक्ट पूरी तरह से आइसोमेट्रिक नहीं हैं तो आप बदसूरत परिणामों के साथ समाप्त हो जाएंगे। यहाँ और वहाँ (सभी लाइनें समानांतर नहीं होंगी और यह खराब दिखती है) या यदि इसका माप और सटीक माप के लिए एक ऐप है, तो आप "खराब" संख्याओं के साथ समाप्त हो जाएंगे ... और आप शायद ऐसा नहीं चाहते हैं। ।


1
अब तक मैंने जो सबसे अच्छा विकल्प पाया है वह यह है कि आपने @ जोहान्स के उत्तर के तहत टिप्पणी की है: लाइनों को ग्रिड में परिवर्तित करें। यह किसी भी 3 डी सीएडी (या आमतौर पर किसी भी 3 डी) सॉफ्टवेयर द्वारा पेश किए गए आइसोमेट्रिक विचारों से बहुत दूर है, लेकिन शायद यह एक 2 डी चित्रण-सॉफ्टवेयर के लिए एक पर्याप्त समाधान है (जो कि, हाँ, कुछ उपकरण हैं जो परिप्रेक्ष्य के साथ ड्राइंग में सहायता करते हैं)।
जरी कीनानलेन

जवाबों:


11

के लिए twigital डिजाइनर ( क्रिस ) इलस्ट्रेटर, एक ग्रिड और 3D घुमाएं टूल का इस्तेमाल किया। ध्यान दें कि इसमें आइसोमेट्रिक घुमाव के लिए प्रीसेट हैं।

यदि आपको डिफ़ॉल्ट रूप से इलस्ट्रेटर प्रदान करने से अधिक की आवश्यकता है, तो इलस्ट्रेटर के लिए CADtools प्लगइन का प्रयास करें , जो कि आइसोमेट्रिक ड्राइंग और डाइमेंशन के लिए उपकरण प्रदान करता है।

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

  • वाम = सीएमडी + शिफ्ट + एफ 1
  • शीर्ष = CMD + Shift + F2
  • राइट = सीएमडी + शिफ्ट + एफ 3

इन्हें प्राप्त करने के लिए, आपको बस इस फ़ाइल को डाउनलोड करने की आवश्यकता है: Isometric.aia और इलस्ट्रेटर में क्रियाएँ (विंडो> क्रियाएँ) पर जाएं और संदर्भ मेनू से (शीर्ष दाईं ओर स्थित छोटा आइकन, जो नीचे की ओर इंगित करता है और 2 क्षैतिज रेखाएं हैं (=)) लोड क्रियाएँ चुनें और Isometric.aia पर ब्राउज़ करें

यह भी खरोंच से कार्रवाई बनाने के लिए काफी सरल है।

मैंने कुछ स्क्रीन रिकॉर्डिंग भी की है:

  • एक बॉक्स बनाने के लिए आइसोमेट्रिक ट्रांसफॉर्मेशन क्रियाओं का उपयोग कैसे करें - IllustratorIsometricWithTransforms.mov
  • बॉक्स बनाने के लिए 3D एक्सट्रूड प्रभाव का उपयोग कैसे करें - IllustratorIsometricWith3DExtrude.mov
  • कैसे 3 डी का उपयोग करने के लिए वस्तुओं की तरह आइसोमेट्रिक सिलेंडर / शंकु बनाने के लिए घूमना - IllustratorIsometricWith3DRevolve.mov
  • मेहराब बनाने के लिए 3 डी एक्सट्यूड का उपयोग कैसे करें (सीधे और गोल आकार मिलाकर) - IllustratorIsometricExtrudeArches9ov

संपूर्ण मेहराब फ़ाइल को यहाँ से डाउनलोड किया जा सकता है: iso_arches.ai

सममितीय मेहराब

3 मुख्य बातें जो वीडियो में स्पष्ट नहीं हो सकती हैं जो काम आएंगी:

  • पॉइंट स्नैपिंग / रेफरेंस ग्रिड का उपयोग करके ऑब्जेक्ट्स को आसान बनाना
  • मॉड्यूल के लिए एक इकाई का उपयोग करना इसलिए विभिन्न टुकड़े एक साथ फिट होते हैं
  • जब समूहों के बजाय प्रतीकों का उपयोग करके, भागों को दोहराते हुए वस्तुओं को इकट्ठा करना

आसान बनाने के लिए


एडोब इलस्ट्रेटर CS3, CS4, CS5, और CS5.5 प्लग इन के लिए CADtools के लिए + 1। और 3D रोटेट टूल से आइसोमेट्रिक सेटिंग भी अच्छी है। ये एक सही और सटीक आइसोमेट्रिक ड्राइंग करने के लिए "सॉफ़्टवेयर में निर्मित" तरीके हैं ... लेकिन यह कि CADtools प्लगइन थोड़े महंगे हैं।
फ्लेवियस फ्रैंटज

1
यह ध्यान देने योग्य है कि लायक हो सकता है एसएसआर ट्यूटोरियल लिखने में कोई त्रुटि है 86.062% होना चाहिए 86.602% है, क्योंकि यह क्योंकि का मूल्य (30) और पाप (60), जहां कोण अपने रोटेशन से मेल खाता है। यदि आप इसे ठीक नहीं करते हैं, तो आप अंततः मुसीबत में पड़ जाएंगे क्योंकि रूपांतरण के बीच चीजें बिल्कुल संरेखित नहीं होती हैं।
पूजा प्रातः

1

इलस्ट्रेटर CS5 में एक महान नया टूल है जिसे "परिप्रेक्ष्य" कहा जाता है। यह उपकरण आपको एक 2 डी या 3 डी परिप्रेक्ष्य ग्रिड स्थापित करने की अनुमति देता है जो आपको चीजों को आयाम देने में मदद करता है। यह एक निश्चित विमान पर आकृतियों और पाठ को "चिपका देता है" और इसके आकार और कोण को समायोजित करता है जहां यह रखा गया है।

यहाँ Adobe द्वारा कुछ वीडियो बताए जा रहे हैं कि वास्तव में उपकरण क्या है और इसका गहराई से उपयोग कैसे करें:

परिप्रेक्ष्य ग्रिड को परिभाषित करना

परिप्रेक्ष्य में ड्राइंग कलाकृति

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

और यहाँ कुछ विविध 3 डी ट्यूटोरियल हैं , जरूरी नहीं कि इलस्ट्रेटर में पर्सपेक्टिव टूल का उपयोग किया जाए।

मुझे लगता है कि यह उपकरण इलस्ट्रेटर को इलस्ट्रेटर का उपयोग करने का सबसे अच्छा तरीका है। यदि आपके पास CS5 नहीं है, तो आपको अपने स्वयं के ग्रिड बनाने के कुछ और अधिक कठिन तरीकों का उपयोग करना होगा और क्या नहीं।

वैकल्पिक रूप से आप हमेशा अपनी जरूरतों को पूरा करने के लिए अलग सॉफ्टवेयर खोजने की कोशिश कर सकते हैं। किसी भी तरह से मुझे आशा है कि यह मदद करता है!

संपादित करें

स्पष्ट करने के लिए, परिप्रेक्ष्य उपकरण किसी भी तरह से "ट्रू 3 डी" नहीं है, यह केवल 3 डी के भ्रम के साथ एक 2 डी ऑब्जेक्ट है (जैसे आइसोमेट्रिक)।

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

मुझे लगता है कि जो अंतर आप पहले पोस्ट किए गए उदाहरणों के बीच देख रहे हैं और आपका "आइसोमेट्रिक फील" केवल छवि का कोण है। आइसोमेट्रिक आमतौर पर अधिक-डाउन (सिर्फ एक कोण पर) होता है जबकि अन्य उदाहरण ऑब्जेक्ट पर अधिक सीधे दिखते हैं। लेकिन बस इतना ही उन्होंने अपनी छवि बनाने का फैसला किया।


उहुम, मेरे पास CS5 है, मैं परिप्रेक्ष्य ग्रिड को नोटिस करता हूं, लेकिन क्या आप इसे "आइसोमेट्रिक" मोड में प्राप्त कर सकते हैं? क्योंकि आइसोमेट्रिक 3 डी नहीं है, 2 डी है, लेकिन यह थोड़े 3 डी है कि सभी को दिखता है ... और आइसोमेट्रिक ग्राफिक्स में कोई परिप्रेक्ष्य नहीं है ... [ en.wikipedia.org/wiki/Isometric_projection ]
Flavius ​​Frantz

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

@ फैलीवस: ऐसा करने का तरीका है। आपको इसका जवाब देना चाहिए।
एलन गिल्बर्टसन

स्पष्टीकरण के लिए संपादित किया गया। उम्मीद है कि यह अब और अधिक समझ में आता है।
हन्ना

@ जोहान्स [मैंने कुछ सामानों को स्पष्ट करने के लिए अपने सवाल को संपादित किया है, ज्यादातर मेरे और मेरे जैसे लोगों के लिए जो इन चीजों को आसान नहीं पाते हैं] कृपया बताएं कि इलस्ट्रेटर CS5 में परिप्रेक्ष्य ग्रिड के साथ ऐसा कैसे करें और उदाहरण में कुछ हासिल करें प्रश्न, या आपके उदाहरण, लेकिन मैं अपना पसंद करूंगा, जो कि कई वस्तुओं को खींचा गया है और फिर एक आइसोमेट्रिक मामले में एक कैनवास पर व्यवस्थित किया गया है।
फ्लेविस फ्रांटज

1

मैं बहुत जटिल सोच सकता था, लेकिन किसी भी तरह से मैंने सोचा कि मुझे साझा करना चाहिए।

ठीक है, मेरा पहला विचार गैंडा था , जो एक 3 डी सॉफ्टवेयर है (विंडोज़ के लिए)

इसके साथ आप बहुत आसानी से 3 डी टेक्स्ट और बुनियादी 3 डी ऑब्जेक्ट जैसे क्यूब्स, सिलेंडर और सामान बना सकते हैं ..

इसके अलावा मेरे मन में जो था वह Make2D फीचर था। यह आपको 3 डी वस्तुओं में से 2d चित्र बनाने की अनुमति देता है।

फिर आप उन लाइनों को .ai प्रारूप में सहेज सकते हैं।


यहाँ (100% सटीक नहीं) iPhone का एक उदाहरण है जो मैंने (बहुत पहले) बनाया था कि मैं अब लाइनों में परिवर्तित हो गया और उसी से इलस्ट्रेटर लाया गया। छवि

यदि आप जो चाहते हैं, उसे रंग के साथ भरना है .. जो थोड़ा थकाऊ काम हो सकता है क्योंकि आपको इसे भरने से पहले पथ से जुड़ने की आवश्यकता है .. 2 या अधिक लाइनें और Ctrl + J चुनें।


दिलचस्प विकल्प .. मैं इस पर ध्यान देंगे
Flavius ​​Frantz

3 डी सॉफ़्टवेयर अनुशंसा के लिए +1 जिसमें निर्यात करने और फिर इलस्ट्रेटर में आयात करने का विकल्प होता है। सिर्फ इस मामले में उपयोगी नहीं होगा ...
Flavius ​​Frantz

1

मुझे लगता है कि आपके उद्देश्यों के लिए एकदम सही ट्यूटोरियल डिजिटल आर्ट्स वेबसाइट पर दिखाया गया है । यह न केवल एक "हाउ टू" है, बल्कि यह एक पूरा मामला है।


वह वह ... निश्चित रूप से यह दिखा, मैंने इसके लिए पूछा, क्या मैंने नहीं किया? : P: P [jooooke]। महान ट्यूटोरियल, मैं इसे आज शाम को देखूंगा, सिर ऊपर करने के लिए धन्यवाद। :)
फ्लाविस फ्रांटज़

लेकिन निश्चित रूप से! ट्यूटोरियल के साथ शामिल एक तैयार-निर्मित आइसोमेट्रिक ग्रिड है, जो कुछ समय बचा सकता है। :)
एलन गिल्बर्टसन
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.