एडोब एक्सडी के साथ ग्राफिक्स कैसे बनाएं: एक शुरुआती गाइड

Adobe XD एक शक्तिशाली टूल है जो आपको सॉफ़्टवेयर, ऐप्स, वेबसाइट आदि के लिए UI/UX डिज़ाइन बनाने की अनुमति देता है। इसमें एक इंटरफ़ेस के लिए मॉकअप, प्रोटोटाइप और कस्टम UI घटक बनाना भी शामिल है। आप Adobe XD का उपयोग करके सरल और जटिल दोनों डिज़ाइन बना सकते हैं।

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

Adobe XD प्रोजेक्ट बनाना

जब आप एक नया Adobe XD प्रोजेक्ट बनाते हैं, तो आपको अपने प्रोजेक्ट के लिए एक लेआउट आकार का चयन करना चाहिए। यह आपको कुछ लोकप्रिय उपकरणों के आधार पर चुनने के लिए कुछ टेम्पलेट प्रदान करता है।

इसके कुछ उदाहरणों में iPhone X/XS/11 Pro (375px गुणा 812px), iPad (768px गुणा 1024px), या वेब 1920 (1920px गुणा 1080px) शामिल हैं। वैकल्पिक रूप से, आपके पास अपने प्रोजेक्ट के लिए कस्टम चौड़ाई और ऊंचाई का चयन करने का विकल्प भी है।

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

शीर्ष-स्तरीय डिज़ाइन तत्व कैनवास पृष्ठ ही है। यदि आप इसे हाइलाइट करते हैं, तो आप इसके कुछ गुणों को सीधे बदलने के लिए दाएँ हाथ के फलक का उपयोग कर सकते हैं, जैसे कि कैनवास की चौड़ाई या ऊँचाई।

इमेज कैसे जोड़ें

ऐसे कई तरीके हैं जिनसे आप अपने Adobe XD प्रोजेक्ट में चित्र जोड़ सकते हैं।

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

किसी छवि का आकार कैसे बदलें और उसका स्थान कैसे बदलें

आप स्थान बदल सकते हैं और एक छवि का आकार बदलें या तो सीधे कैनवास पर या इसके गुणों को बदलकर।

1. छवि को हाइलाइट करें। जब आप कैनवास पर किसी डिज़ाइन तत्व को हाइलाइट करते हैं, तो आप उसके गुणों को दाएँ हाथ के फलक में देख पाएंगे।
2. छवि की चौड़ाई और ऊंचाई बदलें। इन्हें द्वारा दर्शाया जाता है वू और एच खेत।
3. आप भी बदल सकते हैं एक्स और यू निर्देशांक जहां छवि के शीर्ष-बाएं शुरू होते हैं।
4. छवि को चारों ओर ले जाने के लिए, कैनवास पर छवि को चारों ओर क्लिक करें और खींचें।
5. आकार बदलने के लिए, छवि के किनारों पर स्थित बिंदुओं को खींचें।

छवि के किनारों को कैसे समायोजित करें

आप छवि का आकार बदलने के लिए उसके कोनों को समायोजित कर सकते हैं।

1. छवि को हाइलाइट करें।
2. आप छवि के चारों ओर स्थित कुछ बिंदु देखेंगे। इसके अतिरिक्त, छवि के कोनों के अंदर स्थित कुछ बिंदु भी हैं।
3. छवि के अंदर स्थित एक बिंदु पर क्लिक करें और खींचें। यह धीरे-धीरे छवि को एक अलग आकार में बदल देगा।

छवि में अन्य प्रभाव कैसे जोड़ें

आप प्रभाव जोड़कर छवि को और अधिक हेरफेर कर सकते हैं। इसमें अपारदर्शिता, सीमाएँ, धुंधला प्रभाव, और बहुत कुछ शामिल हैं।

1. छवि को हाइलाइट करें और बदलें हेशांति दाहिने हाथ के फलक में।
2. दाएँ हाथ के फलक में रहते हुए, का रंग बदलें बीगण. यहां, आप इसे भी बदल सकते हैं मोटाई, डैश शैली, और कोने की शैली सीमा का।
3. छवि में धुंधला प्रभाव जोड़ें, और बदलें वस्तु धुंधला राशि धुंध की तीव्रता को बढ़ाने या घटाने के लिए।

आकृतियाँ कैसे जोड़ें

आप Adobe XD में बाएँ फलक के माध्यम से आकृतियाँ जोड़ सकते हैं।

1. बाएँ हाथ के फलक में, आप एक आयत, वृत्त, त्रिभुज और रेखा सहित कई बुनियादी आकृतियाँ बनाना चुन सकते हैं। उस आकृति का चयन करें जिसे आप आकर्षित करना चाहते हैं।
2. कैनवास पर किसी भी बिंदु पर क्लिक करें और आकृति बनाना शुरू करने के लिए कर्सर को खींचें।

कस्टम आकार कैसे जोड़ें

आप अपनी खुद की आकृति बनाने के लिए कस्टम आकार उपकरण का उपयोग कर सकते हैं।

1. बाएँ हाथ के फलक में, चुनें कलम चिह्न।
2. आकार के लिए अपना पहला बिंदु, या "कोने" जोड़ने के लिए कैनवास पर कहीं भी क्लिक करें। आकृति के प्रत्येक बिंदु के लिए, कैनवास पर उस क्षेत्र पर क्लिक करें जहाँ आप इसे रखना चाहते हैं।
3. जब आप आकृति बनाना समाप्त कर लें, तो दबाएं इअनुसूचित जाति अपने कीबोर्ड पर कुंजी।

किसी आकृति का रंग कैसे बदलें

आप दाएँ हाथ के फलक का उपयोग करके आकृति का रंग बदल सकते हैं।

1. आकृति को हाइलाइट करें।
2. दाएँ हाथ के फलक में, बदलें एफबीमार.
3. इसके अतिरिक्त, आप बॉर्डर भी जोड़ सकते हैं, धुंधला प्रभाव डाल सकते हैं और छवियों की तरह ही आकृति की अस्पष्टता को भी बदल सकते हैं।

टेक्स्ट कैसे जोड़ें

आप भी कर सकते हैं टेक्स्ट जोड़ें और संपादित करें उसी तरह जैसे आप आकृतियाँ जोड़ते हैं।

1. पर क्लिक करें मूलपाठ बाएँ फलक में चिह्न।
2. नया टेक्स्ट बॉक्स जोड़ने के लिए कैनवास पर कहीं भी क्लिक करें। टेक्स्ट बॉक्स में अपना वांछित टेक्स्ट टाइप करें।
3. संपादित करने के लिए दाएँ हाथ के फलक का उपयोग करें आकार, फुहारा परिवार, और संरेखण खेत।

घटक कैसे बनाएं

एक घटक डिज़ाइन तत्वों का एक समूह है जिसका पुन: उपयोग किया जा सकता है। एक घटक बनाने और उसका उपयोग करने के लिए, आपको सबसे पहले आकृतियों या अन्य डिज़ाइन वस्तुओं का एक समूह होना चाहिए।

1. कैनवास में आकृतियों के समूह को हाइलाइट करें। समूह पर राइट-क्लिक करें और चुनें घटक बनाओ.
2. बाएँ फलक के नीचे, पर क्लिक करें संपत्तियां. एक नया मेनू खुलेगा जिसमें आपके पास मौजूद किसी भी संपत्ति को सूचीबद्ध किया जाएगा, जिसमें वह घटक भी शामिल है जिसे आपने अभी जोड़ा है।
3. घटकों की सूची से घटक को कैनवास पर क्लिक करें और खींचें। ऐसा करने से ठीक उसी तरह के तत्वों का समूह बन जाएगा।

आइटम कैसे निर्यात करें

आप अलग-अलग वस्तुओं के साथ-साथ पूरे पृष्ठ को निर्यात कर सकते हैं।

1. अगर आप किसी एक आइटम को एक्सपोर्ट करना चाहते हैं, तो उस आइटम को हाइलाइट करें जिसे आप एक्सपोर्ट करना चाहते हैं।
2. पर क्लिक करें हैमबर्गर मेनू आइकन बाएँ हाथ के स्तंभ के शीर्ष पर स्थित है।
3. चुनना निर्यात करना, फिर क्लिक करें चुन लिया.
4. यदि आप संपूर्ण पृष्ठ (या सभी पृष्ठ) निर्यात करना चाहते हैं, तो चुनें सभी आर्टबोर्ड बजाय।
5. आप फ़ाइल स्वरूप (पीएनजी, जेपीजी, एसवीजी, या पीडीएफ) निर्दिष्ट कर सकते हैं कि निर्यात की गई वस्तु किस लिए होगी (जैसे वेब या आईओएस), और आप अपनी फ़ाइल को कहाँ सहेजना चाहते हैं।

Adobe XD. में कुशल बनें

ये सिर्फ मूल बातें हैं। कुछ अन्य विशेषताओं में हाइपरलिंक, प्रतीक, ऐप एकीकरण और UI किट जोड़ने की क्षमता शामिल है। Adobe XD आपके मॉकअप और कस्टम UI डिज़ाइन के निर्माण को बेहतर बनाने और कारगर बनाने में मदद करने के लिए समय-समय पर नई सुविधाएँ भी डालता है।

आपके नए डिज़ाइन कौशल को अगले स्तर तक ले जाने में सहायता के लिए ऑनलाइन कई पाठ्यक्रम उपलब्ध हैं।

ये Adobe पाठ्यक्रम आपको एक क्रिएटिव क्लाउड मास्टर में बदल देंगे

आगे पढ़िए

लेखक के बारे में