Vectra
वेक्टर ड्रॉइंग, paths, type, booleans और pathfinder, साथ ही brand, logo, icon, pattern, packaging, infographics और UX के लिए ग्यारह डिज़ाइन वर्कस्पेस।
एक लाइन में#
तीखे, अनंत रूप से स्केल किए जा सकने वाले शेप और टेक्स्ट: logos, icons, UI मॉकअप और हर उस चीज़ के लिए स्टूडियो जिसे हर साइज़ पर तेज़ रहना है।
ले-आउट#
| Menu bar | File · Edit · Object · Type · Select · View · Plugins |
| Document tabs | हर टैब पर एक आर्टबोर्ड सेट |
| Toolbar | undo/redo, duplicate, SVG कोड व्यू, boolean operations, lock, fill और stroke स्वैच stroke width के साथ, और align/distribute बटन |
| Guides bar | अपनी स्पेसिंग के साथ Grid · Snap · Rulers · एक लोगो ग्रिड · Safe area · Smart guides |
| Left rail | select, direct-select, type, line, rectangle, pen, shape, rotate, scissors, brush, add-anchor, artboard, hand |
| Right | Properties · Layers · Text · Illust |
| Status bar | आर्टबोर्ड, उसका साइज़, ऑब्जेक्ट काउंट, सिलेक्शन काउंट, हिस्ट्री पोज़िशन, सक्रिय टूल, ज़ूम |
आप यहाँ क्या करते हैं#
ड्रॉ करें#
pen anchors और handles रखता है; direct select बाद में उन्हें एडिट
करता है। Shapes, lines और text अपने अलग टूल हैं। संकेत टूलबार पर होते हैं और
एक बार पढ़ने लायक हैं: Shift नियंत्रित करता है, Alt केंद्र से ड्रॉ करता
है, ऐरो कुंजियाँ थोड़ा खिसकाती हैं।
सटीक स्थिति#
Transform सेक्शन सटीक नंबर लेता है (X, Y, width, height, rotation), साथ ही Flip H, Flip V, और 0° पर एक रीसेट। टूलबार पर मौजूद align और distribute बटन किसी सिलेक्शन पर काम करते हैं, और Smart guides grid के बजाय बाक़ी ऑब्जेक्ट पर स्नैप होती हैं।
Fill और stroke#
दोनों अलग-अलग स्विच किए जा सकते हैं: कोई शेप बिना stroke के सिर्फ़ fill हो सकता है, बिना fill के सिर्फ़ stroke, या दोनों में से कुछ भी नहीं। रंग hex के रूप में एडिट किए जा सकते हैं। Appearance के तहत: opacity, blend mode, और visibility।
शेप मिलाना#
Pathfinder और टूलबार पर मौजूद boolean operations: union, subtract, intersect, exclude। कोई boolean ग्रुप एडिटेबल रहता है, जब आपको टुकड़े वापस चाहिए हों तो Release boolean group कमांड पैलेट में मिलता है।
Type#
Text टैब typographic कंट्रोल रखता है; Type मेनू ऑपरेशन रखता है: text को outlines में बदलना, वग़ैरह।
Effects#
Effects सेक्शन non-destructively लगता है, इसलिए नीचे की ज्यामिति अब भी वही ज्यामिति है जो आपने ड्रॉ की थी।
SVG पढ़ें#
टूलबार पर मौजूद कोड बटन दस्तावेज़ को SVG के रूप में दिखाता है। यह जाँचने के लिए काम आता है कि असल में क्या एक्सपोर्ट होगा, और कहीं और से कोई path पेस्ट करने के लिए भी।
दायाँ पैनल: चार टैब, फिर ग्यारह वर्कस्पेस#
Primary tabs, वे चार जिन्हें आप लगातार इस्तेमाल करते हैं:
| Properties | transform, fill, stroke, appearance, effects, align, pathfinder |
| Layers | हर ऑब्जेक्ट, क्रम बदली जा सकने वाली, छुपाई और लॉक की जा सकने वाली |
| Text | typographic कंट्रोल |
| Illust | illustration वाला हिस्सा: brushes, एक brush library के साथ जिसके brushes हर टाइप के हिसाब से एडिट किए जा सकते हैं |
इनके नीचे, Workspaces नाम का एक अकॉर्डियन ग्यारह scenario पैनल तब तक छुपाए रखता है जब तक आपको उनकी ज़रूरत न हो। Vectra का यही वह हिस्सा है जो कोई ड्रॉइंग टूल नहीं बल्कि एक डिज़ाइन असिस्टेंट है, और इसे मिस करना आसान है क्योंकि यह डिफ़ॉल्ट रूप से collapsed रहता है:
| Workspace | किस लिए |
|---|---|
| Brand | एक ब्रांड पहचान: वह डिलिवरेबल चेकलिस्ट (primary, reversed और monochrome लोगो, icon/symbol, brand guidelines PDF), उन सेक्शन के साथ जिन्हें आप ऑन या ऑफ़ कर सकते हैं |
| Logo | logo types, mockups और export presets: वे variations जिनमें किसी लोगो को शिप होना ही है |
| Icon | icon sets: साइज़, keylines, और app-platform प्रीसेट |
| Pattern | दोहराए जाने वाले पैटर्न: tile types (rope, chain, dashed और बाक़ी), wallpaper groups और motif प्रीसेट |
| Pack | packaging: product boxes और बाक़ी die-line टेम्पलेट |
| Infog | infographics: diagram types, flowchart shapes (डेटा एक parallelogram की तरह, डेटाबेस एक cylinder की तरह…) और chart types |
| UX | स्क्रीन डिज़ाइन: device frames और breakpoint प्रीसेट |
| DA | art direction: प्रोजेक्ट मेटाडेटा, style tiles, और design-token export |
| Auto Layout | चुने गए frame या group पर Figma-जैसा auto-layout |
| Components | दोबारा इस्तेमाल हो सकने वाले symbols: एक बार तय करें, कई बार रखें |
| Export | एक फ़ॉर्मेट सिलेक्टर जो हर फ़ॉर्मेट के विकल्प चलाता है |
अकॉर्डियन ख़ुद खुल जाता है जब कोई वर्कस्पेस टैब पहले से सक्रिय हो, और हेडर बताता है कि कौन सा। अगर कल इस्तेमाल किया गया कोई पैनल ग़ायब लगे, तो वह Workspaces के पीछे है।
एक्सपोर्ट करना#
Vectra आठ तरीक़ों से एक्सपोर्ट करता है, और पैनल यह बताता है कि हर एक किस काम का है, आपको अंदाज़ा लगाने के लिए नहीं छोड़ता:
| Format | |
|---|---|
| PNG | transparency के साथ raster, वेब और UI |
| JPG | कंप्रेस्ड raster, कोई transparency नहीं |
| WebP | आधुनिक वेब, छोटा, transparency के साथ |
| AVIF | सबसे अच्छा कम्प्रेशन, व्यापक सपोर्ट |
| SVG | vector: स्केलेबल और फिर भी एडिटेबल |
| सार्वभौमिक दस्तावेज़, प्रिंट और वेब | |
| EPS | प्रोफ़ेशनल प्रिंट, Adobe-कम्पैटिबल |
| JSON | डेटा के रूप में दस्तावेज़ |
आप क्या एक्सपोर्ट करते हैं यह भी एक चुनाव है: selection, artboard, all आर्टबोर्ड, या slices: Slice Tool कैनवस को नाम वाले हिस्सों में काटता है और उन्हें साथ में एक्सपोर्ट करता है, यही तरीक़ा है जिससे कोई UI मॉक एक इमेज के बजाय एसेट्स के एक सेट के रूप में निकलता है।
Print production#
Vectra का वह हिस्सा जो इसे सिर्फ़ ड्रॉइंग टूल नहीं बल्कि एक prepress टूल भी बनाता है। Print Production वे निशान जोड़ता है जिनकी किसी प्रिंटर को उम्मीद होती है:
| Crop marks | कहाँ काटना है |
| Registration marks | प्रेस के लिए अलाइनमेंट टारगेट |
| Colour bars | CMYK कैलिब्रेशन पट्टी |
| Bleed (mm) | trim लाइन से आगे बढ़ी हुई आर्टवर्क, ताकि एक मिलीमीटर का हेर-फेर सफ़ेद किनारे के रूप में न दिखे |
| Overprint preview | जहाँ स्याही ओवरलैप करती है वहाँ असल में क्या होगा |
| Scale bar | किसी स्केल पर छपी ड्रॉइंग के लिए |
⚠️ यहाँ CMYK सिम्युलेटेड है। पैनल ख़ुद यह बताता है: मान सिर्फ़ एक प्रीव्यू हैं, और सटीक प्रिंट कलर के लिए एक कैलिब्रेटेड कलर-मैनेजमेंट वर्कफ़्लो चाहिए। CMYK रीड-आउट को एक गाइड मानें, प्रूफ़ नहीं, और ध्यान दें कि CMYK एक्सपोर्ट में कोई transparency नहीं होती, जो रंग मॉडल की एक ख़ासियत है, Vectra की कोई सीमा नहीं।
यह क्या पढ़ता और लिखता है#
| Native format | .vectra |
| Imports | .svg |
| Exports | .svg · .pdf · .eps · .png · .jpg · .webp · .avif · .json |
दूसरे स्टूडियो को काम भेजना#
बनाता है वेक्टर आर्ट और Vectra objects: एक ही ड्रॉइंग दो रूपों में। स्वीकार करता है वेक्टर आर्ट और इमेज।
| मंज़िल | क्या पहुँचता है |
|---|---|
| Inkwell, Composer | वेक्टर आर्ट, अब भी एडिटेबल |
| Animator | Vectra objects, एक-एक करके एनिमेट किए जा सकने वाले |
| Engine | एक HUD hierarchy, कोई तस्वीर नहीं |
आख़िरी वाला ही किसी गेम के लिए Vectra का असली मक़सद है। Engine को भेजा गया कोई स्क्रीन मॉकअप एक ऐसे ढाँचे के रूप में पहुँचता है जिसे Engine ले-आउट और स्क्रिप्ट कर सकता है, बटन जो सचमुच बटन हैं, न कि एक चपटी इमेज जिसे आपको दोबारा बनाना पड़े।
किसी और के साथ काम करना#
Vectra operation by operation सिंक होता है: जोड़े, हटाए, अपडेट और पूरी तरह बदले गए ऑब्जेक्ट; layers और उनका क्रम; आर्टबोर्ड साइज़; और सक्रिय layer।
सीमाएँ और आम अड़चनें#
- जो पैनल न मिले वह शायद Workspaces के नीचे है। सिर्फ़ चार टैब दिखते हैं; बाक़ी ग्यारह collapsed अकॉर्डियन के पीछे हैं।
- बिना fill और बिना stroke वाला शेप अदृश्य होता है, पर वहाँ मौजूद रहता है। स्टेटस बार का ऑब्जेक्ट काउंट इसका सुराग़ देता है।
- Smart guides ऑब्जेक्ट पर स्नैप होती हैं, grid, grid पर स्नैप होता है। अगर कोई चीज़ मनचाही जगह पर नहीं बैठ रही, तो जाँच लें इनमें से कौन ऑन है।