Vectra
ভেক্টর ড্রয়িং, পাথ, টাইপ, বুলিয়ান ও পাথফাইন্ডার, সেই সঙ্গে ব্র্যান্ড, লোগো, আইকন, প্যাটার্ন, প্যাকেজিং, ইনফোগ্রাফিক্স ও UX-এর জন্য এগারোটি ডিজাইন ওয়ার্কস্পেস।
এক লাইনে#
স্বচ্ছ, অসীম স্কেলযোগ্য শেপ ও টেক্সট: লোগো, আইকন, UI মকআপ, এবং যেকোনো সাইজে স্পষ্ট থাকতে হয় এমন যেকোনো কিছুর স্টুডিও।
লেআউট#
| মেনু বার | File · Edit · Object · Type · Select · View · Plugins |
| ডকুমেন্ট ট্যাব | প্রতি ট্যাবে একটি আর্টবোর্ড সেট |
| টুলবার | undo/redo, duplicate, SVG code view, boolean অপারেশন, lock, stroke width সহ fill ও stroke swatch, এবং align/distribute বোতাম |
| Guides বার | নিজস্ব spacing সহ Grid · Snap · Rulers · একটি logo grid · Safe area · Smart guides |
| বাম রেইল | select, direct-select, type, line, rectangle, pen, shape, rotate, scissors, brush, add-anchor, artboard, hand |
| ডান | Properties · Layers · Text · Illust |
| স্ট্যাটাস বার | আর্টবোর্ড, তার সাইজ, অবজেক্ট সংখ্যা, সিলেকশন সংখ্যা, history পজিশন, একটিভ টুল, জুম |
এখানে আপনি যা করেন#
আঁকা#
pen অ্যাংকর ও হ্যান্ডেল বসায়; direct select পরে সেগুলো এডিট করে। Shape, line ও text নিজস্ব টুল। ইঙ্গিতগুলো টুলবারে থাকে আর একবার পড়ে নেওয়ার মতো: Shift সীমাবদ্ধ করে, Alt কেন্দ্র থেকে আঁকে, arrow key নাজ করে।
নির্ভুলভাবে পজিশন করা#
Transform সেকশন Flip H, Flip V, এবং 0°-তে একটি রিসেটের পাশাপাশি সঠিক সংখ্যা নেয় (X, Y, width, height, rotation)। টুলবারের align ও distribute বোতাম একটি সিলেকশনের উপর কাজ করে, আর Smart guide গ্রিডে নয়, অন্য অবজেক্টে স্ন্যাপ করে।
Fill ও stroke#
দুটোই স্বাধীনভাবে সুইচযোগ্য: একটি shape stroke ছাড়া একটি fill হতে পারে, fill ছাড়া একটি stroke হতে পারে, বা কোনোটাই না। রঙ hex হিসেবে এডিটযোগ্য। Appearance-এর নিচে: opacity, blend mode, ও visibility।
Shape মেলানো#
টুলবারে Pathfinder ও boolean অপারেশন: union, subtract, intersect, exclude। একটি boolean group এডিটযোগ্য থাকে, পিসগুলো আবার আলাদা দরকার হলে Release boolean group কমান্ড প্যালেটে আছে।
Type#
Text ট্যাবে থাকে টাইপোগ্রাফিক কন্ট্রোল; Type মেনুতে থাকে অপারেশন: টেক্সটকে outline-এ রূপান্তর, এবং আরও।
Effects#
Effects সেকশন অ-ধ্বংসাত্মকভাবে প্রয়োগ হয়, তাই নিচের জিওমেট্রিটা এখনো সেই জিওমেট্রি যা আপনি এঁকেছিলেন।
SVG পড়া#
টুলবারের code বোতাম ডকুমেন্টটিকে SVG হিসেবে দেখায়। আসলে কী এক্সপোর্ট হবে তা যাচাই করার জন্য, এবং অন্য কোথাও থেকে একটি পাথ পেস্ট করার জন্য কাজের।
ডান প্যানেল: চারটি ট্যাব, তারপর এগারোটি workspace#
Primary ট্যাব, যে চারটি আপনি প্রতিনিয়ত ব্যবহার করেন:
| Properties | transform, fill, stroke, appearance, effects, align, pathfinder |
| Layers | প্রতিটি অবজেক্ট, পুনর্বিন্যাসযোগ্য, লুকানো যায়, লক করা যায় |
| Text | টাইপোগ্রাফিক কন্ট্রোল |
| Illust | ইলাস্ট্রেশন দিক: ব্রাশ, প্রতি টাইপে এডিটযোগ্য ব্রাশ সহ একটি brush library |
এর নিচে, Workspaces লেবেলের একটি accordion এগারোটি সিনারিও প্যানেল লুকিয়ে রাখে যতক্ষণ না দরকার হয়। এটাই Vectra-র সেই অংশ যা একটি ড্রয়িং টুল নয়, একটি ডিজাইন সহকারী, আর ডিফল্টভাবে collapsed থাকায় এটি সহজেই চোখ এড়িয়ে যায়:
| Workspace | কিসের জন্য |
|---|---|
| Brand | একটি brand identity: deliverable checklist (primary, reversed ও monochrome লোগো, icon/symbol, brand guidelines PDF), আপনি চালু বা বন্ধ করতে পারেন এমন সেকশনসহ |
| Logo | লোগো টাইপ, mockup ও export প্রিসেট: একটি লোগোকে যেসব ভ্যারিয়েশনে শিপ করতে হয় |
| Icon | আইকন সেট: সাইজ, keyline, এবং app-platform প্রিসেট |
| Pattern | পুনরাবৃত্ত প্যাটার্ন: tile টাইপ (rope, chain, dashed এবং বাকিসব), wallpaper group ও motif প্রিসেট |
| Pack | প্যাকেজিং: প্রোডাক্ট বক্স ও অন্যান্য die-line টেমপ্লেট |
| Infog | ইনফোগ্রাফিক্স: diagram টাইপ, flowchart শেপ (data একটি parallelogram হিসেবে, database একটি cylinder হিসেবে…) ও chart টাইপ |
| UX | স্ক্রিন ডিজাইন: device frame ও breakpoint প্রিসেট |
| DA | art direction: প্রজেক্ট মেটাডেটা, style tile, এবং design-token export |
| Auto Layout | নির্বাচিত frame বা group-এর উপর Figma-স্টাইলের auto-layout |
| Components | পুনর্ব্যবহারযোগ্য symbol: একবার define করুন, অনেকবার বসান |
| Export | একটি format selector যা প্রতি-ফরম্যাট অপশন চালায় |
একটি workspace ট্যাব আগে থেকেই একটিভ থাকলে accordion নিজে থেকেই খুলে যায়, আর হেডারে দেখানো হয় কোনটি। গতকাল ব্যবহার করা একটি প্যানেল উধাও মনে হলে, সেটি Workspaces-এর পেছনে আছে।
Export করা#
Vectra আট উপায়ে এক্সপোর্ট করে, আর প্যানেলটি আপনাকে অনুমান করতে না বলে প্রতিটি কিসের জন্য তা বলে দেয়:
| ফরম্যাট | |
|---|---|
| PNG | transparency সহ raster, web ও UI |
| JPG | compressed raster, transparency নেই |
| WebP | আধুনিক web, ছোট, transparency সহ |
| AVIF | সেরা compression, বিস্তৃত সাপোর্ট |
| SVG | vector: স্কেলযোগ্য এবং এখনও এডিটযোগ্য |
| সার্বজনীন ডকুমেন্ট, print ও web | |
| EPS | পেশাদার print, Adobe-সামঞ্জস্যপূর্ণ |
| JSON | ডেটা হিসেবে ডকুমেন্ট |
আপনি কী এক্সপোর্ট করবেন তাও একটি পছন্দ: selection, artboard, সবগুলো artboard, বা slices: Slice Tool ক্যানভাসটিকে নামযুক্ত রিজিয়নে কাটে এবং সেগুলো একসাথে এক্সপোর্ট করে, এভাবেই একটি UI mock একটি ইমেজ না হয়ে অ্যাসেটের একটি সেট হিসেবে বেরিয়ে যায়।
Print production#
Vectra-র সেই অংশ যা একে শুধু একটি ড্রয়িং টুল না বানিয়ে একটি prepress টুলও বানায়। Print Production একটি প্রিন্টার যা আশা করে সেই মার্কগুলো যোগ করে:
| Crop marks | কোথায় কাটতে হবে |
| Registration marks | press-এর জন্য alignment target |
| Colour bars | CMYK calibration স্ট্রিপ |
| Bleed (mm) | trim line-এর বাইরে বাড়ানো আর্টওয়ার্ক, তাই এক মিলিমিটার সরে গেলেও তা একটি সাদা প্রান্ত হিসেবে দেখা যায় না |
| Overprint preview | কালি একে অপরের উপর পড়লে আসলে কী হবে |
| Scale bar | একটি স্কেলে প্রিন্ট করা ড্রয়িংয়ের জন্য |
⚠️ এখানে CMYK সিমুলেটেড। প্যানেলটি নিজেই সেটা বলে দেয়: মানগুলো একটি প্রিভিউ, আর সঠিক print কালারের জন্য একটি ক্যালিব্রেটেড colour-management ওয়ার্কফ্লো দরকার। CMYK রিড-আউটকে একটি প্রমাণ নয়, একটি গাইড হিসেবে দেখুন, আর লক্ষ্য করুন যে CMYK এক্সপোর্টে কোনো transparency নেই, যা কালার মডেলের একটি ধর্ম, Vectra-র সীমাবদ্ধতা নয়।
যেসব ফাইল এটি পড়ে ও লেখে#
| নেটিভ ফরম্যাট | .vectra |
| ইমপোর্ট | .svg |
| এক্সপোর্ট | .svg · .pdf · .eps · .png · .jpg · .webp · .avif · .json |
অন্য স্টুডিওতে কাজ পাঠানো#
তৈরি করে ভেক্টর আর্ট এবং Vectra objects: একই ড্রয়িং দুই রূপে। গ্রহণ করে ভেক্টর আর্ট ও ইমেজ।
| গন্তব্য | কী পৌঁছায় |
|---|---|
| Inkwell, Composer | ভেক্টর আর্ট, তখনও এডিটযোগ্য |
| Animator | Vectra objects, একে একে অ্যানিমেটযোগ্য |
| Engine | একটি HUD hierarchy, ছবি নয় |
শেষেরটাই একটি গেমের জন্য Vectra-র মূল কথা। Engine-এ পাঠানো একটি স্ক্রিন মকআপ এমন একটি স্ট্রাকচার হিসেবে আসে যা Engine সাজাতে ও স্ক্রিপ্ট করতে পারে, বোতাম যা আসলেই বোতাম, একটি ফ্ল্যাটেন করা ইমেজ হিসেবে নয় যা আপনাকে আবার তৈরি করতে হবে।
অন্য কারও সাথে কাজ করা#
Vectra অপারেশন বাই অপারেশন সিঙ্ক হয়: অবজেক্ট যোগ, ডিলিট, আপডেট এবং সম্পূর্ণ প্রতিস্থাপন; লেয়ার ও তাদের ক্রম; আর্টবোর্ড সাইজ; এবং একটিভ লেয়ার।
সীমাবদ্ধতা ও সাধারণ সমস্যা#
- খুঁজে না পাওয়া একটি প্যানেল সম্ভবত Workspaces-এর নিচে আছে। শুধু চারটি ট্যাব দেখানো হয়; বাকি এগারোটি collapsed accordion-এর পেছনে।
- fill ও stroke ছাড়া একটি shape অদৃশ্য কিন্তু তবুও সেখানে থাকে। স্ট্যাটাস বারের object count-ই এর প্রমাণ।
- Smart guide অবজেক্টে স্ন্যাপ করে, গ্রিড গ্রিডে স্ন্যাপ করে। কিছু আপনার চাওয়া জায়গায় না বসলে, দুটোর কোনটি চালু আছে তা চেক করুন।