सेलेक्शन टूल भाग 2: कंट्रोल बार और ट्रांसफॉर्म पैनल में महारत हासिल करें

परिचय

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

कंट्रोल बार अवलोकन

कंट्रोल बार (डेस्कटॉप पर दाईं ओर, फ़ोन पर नीचे) सक्रिय टूल के अनुसार बदलता है। सेलेक्शन टूल सक्रिय होने पर, आप देखेंगे:

रूपान्तरण (Transform): सटीक आकार, कोण एडजस्टमेंट, स्थिति, तिरछापन, दृश्यता। वस्तु (Object): परत का क्रम, समूह/समूह से हटाएँ, पलटें, क्लिप मास्क। संरेखित करें (Align): कैनवास या किसी लक्ष्य वस्तु से संरेखित करें। व्यवस्थित करें (Arrange): रैखिक दूरी या ग्रिड लेआउट।

सामान्य पैनल (सभी टूल में उपलब्ध) में बूलियन, स्ट्रोक, शैडो, लेयर्स, सेटिंग्स, डॉक्यूमेंट, और एक्सपोर्ट शामिल हैं।

रूपान्तरण पैनल: सटीक नियंत्रण

अपने चयन में सटीक संख्यात्मक संपादन करने के लिए रूपान्तरण पैनल का उपयोग करें:

लॉक (पैडलॉक): लॉक होने पर, चौड़ाई (Width) बदलने पर ऊंचाई (Height) आनुपातिक रूप से अपडेट होती है (और इसके विपरीत भी)। प्रत्येक आयाम को स्वतंत्र रूप से सेट करने के लिए अनलॉक करें। चौड़ाई और ऊंचाई (Width & Height): पिक्सेल-परफेक्ट साइज़िंग के लिए सटीक मान टाइप करें। आनुपातिक स्केलिंग के लिए लॉक के साथ मिलाकर उपयोग करें। घुमाव (Rotation): वेक्टर इंक ऑब्जेक्ट के संग्रहीत कोण को ड्रॉप पर शून्य (zeroed on drop) के रूप में मानता है। हिलाने (nudge) या सटीक डेल्टा (delta) लागू करने के लिए इस फ़ील्ड का उपयोग करें (उदाहरण के लिए, 90° घुमाने के लिए 90 दर्ज करें)। डिज़ाइन के अनुसार यह फ़ील्ड बाद में 0 पर वापस आ जाता है। स्थिति (X, Y): दस्तावेज़ के सापेक्ष निर्देशांक। बाएँ किनारे से सटीक संरेखण के लिए X=0 और ऊपरी किनारे से सटीक संरेखण के लिए Y=0 सेट करें। तीर नियंत्रण 10-पिक्सेल की वृद्धि में सरकाते हैं। स्कीव (Skew): वृद्धि तीर (increment arrows) के माध्यम से क्षैतिज/उर्ध्वाधर स्कीव लागू करें। रोटेशन की तरह, स्कीव एक डेल्टा (delta) के रूप में लागू होता है (एक लाइव कोण के रूप में स्थायी रूप से ट्रैक नहीं किया जाता है)। दृश्यता (Visibility): त्वरित फ़ोकस और प्रकट करने वाले वर्कफ़्लो के लिए 0 (छिपा हुआ) से 1 (पूरी तरह से दिखाई देने वाला) तक अपारदर्शिता (opacity) सेट करें।

त्वरित रेसिपीज़

लोगो को आनुपातिक रूप से स्केल करें: पैडलॉक को लॉक करें → सटीक चौड़ाई (जैसे, 512) सेट करें → ऊंचाई स्वचालित रूप से अपडेट हो जाती है। एक सटीक मान से घुमाएँ: Rotation में, 45 दर्ज करें (या तीरों का उपयोग करें) → रोटेशन लागू हो जाता है; फ़ील्ड 0 पर रीसेट हो जाती है (उम्मीद के अनुसार व्यवहार)। कैनवास के किनारों पर सटीक फिटिंग: बाएँ किनारे के लिए X=0, ऊपर के लिए Y=0 सेट करें। अंतिम केंद्रित करने के लिए इसे एलाइन पैनल के साथ मिलाएँ। एक हल्का इटैलिक प्रभाव बनाएँ: टेक्स्ट या आकारों को लगातार झुकाने के लिए छोटे स्क्यू इंक्रीमेंट (जैसे, कुछ टैप) लागू करें। एक लेयर पर ध्यान केंद्रित करें: जब आप मुख्य तत्व को समायोजित कर रहे हों, तो पास की वस्तुओं की दृश्यता (Visibility) को अस्थायी रूप से 0.2–0.4 पर सेट करें, फिर इसे 1 पर वापस लाएं। प्रो टिप्स और सावधानियाँ * घुमाने को शून्य करना जानबूझकर किया गया है: इस फ़ील्ड को "घुमाने के लिए" नियंत्रण की तरह समझें। क्या आपको पिवट सटीकता की आवश्यकता है? पहले एक एंकर सेट करें (सेलेक्शन टूल एक्शन मेनू), फिर घुमाएँ। पिक्सेल-परफेक्ट ग्रिड्स: पंक्तियों/स्तंभों को जल्दी से सही जगह पर रखने के लिए पोजीशन इंक्रीमेंट्स (10 px नजर्स) का उपयोग करें; अरेन्ज → ग्रिड के साथ समाप्त करें। क्या अनुपात बिगड़ रहे हैं? सुनिश्चित करें कि पैडलॉक चालू है, या ड्रैग करते समय सेलेक्शन टूल की कंस्ट्रैन क्रिया का उपयोग करें। परिप्रेक्ष्य के लिए तिरछापन: हल्का तिरछापन + मामूली घूर्णन डेल्टा बिना जटिल प्रभावों के सपाट UI कार्ड या बैज पर परिप्रेक्ष्य का भ्रम पैदा कर सकते हैं।

2-मिनट का अभ्यास

एक आयत खींचें। Transform में, अनुपात लॉक करें और W=320 सेट करें। Rotation में 15 दर्ज करें। X=0, Y=0 सेट करें ताकि यह ऊपर-बाएँ कोने में डॉक हो जाए, फिर X/Y तीरों को दो बार हिलाकर 20 px से ऑफसेट करें। एक हल्का झुकाव देने के लिए क्षैतिज Skew पर दो टैप करें, फिर व्यस्त लेआउट पर पूर्वावलोकन के लिए Visibility को 0.8 पर सेट करें। अनुमान से नहीं, बल्कि संख्याओं से डिज़ाइन करें