ব্যাজ ডিজাইনার

ব্যাজ ডিজাইনার হলো badges.ninja-এ অন্তর্নির্মিত একটি ভিজ্যুয়াল, তিন-কলামের ক্যানভাস এডিটর যা আপনাকে কোনো বাহ্যিক ডিজাইন টুল ছাড়াই পেশাদার ব্যাজের ছবি তৈরি করতে দেয়।

ওভারভিউ

ডিজাইনার সরাসরি Create / Edit Badge উইন্ডোর ভিতরেই খোলে। এর তিনটি অংশ রয়েছে:

• বাম রেল — মধ্যবর্তী প্যানেলটিকে Templates, Uploads, Elements, Text, Attributes, QR Codes এবং Layers এর মধ্যে পরিবর্তন করে।
• প্যানেল — নির্বাচিত রেল মোডের জন্য টুলগুলি।
• ক্যানভাস — ব্যাজের একটি লাইভ, সম্পাদনাযোগ্য প্রিভিউ। আপনি যা কিছু যোগ করেন তা একটি বাস্তব, নির্বাচনযোগ্য অবজেক্ট যা আপনি সরাতে, পুনরায় স্টাইল করতে, পুনর্বিন্যাস করতে বা মুছে ফেলতে পারেন।

ব্যাজের বিবরণ (Issuer, Name, Description, Criteria এবং Share Text) ক্যানভাসের ঠিক নিচে থাকে, তাই ডিজাইন এবং ক্রেডেনশিয়াল তথ্য একটি উইন্ডোতে একসাথে থাকে — কোনো আলাদা ধাপ নেই।

একটি টেমপ্লেট থেকে শুরু করা

অন্তর্নির্মিত ডিজাইনগুলি ব্রাউজ করতে রেলে Templates এ ক্লিক করুন। Recognition পরিবার আপনাকে একটি সম্পূর্ণ-রচিত, পেশাদার ব্যাজ দেয় — একটি আকৃতিযুক্ত ফ্রেম এবং সম্পাদনাযোগ্য প্লেসহোল্ডার টেক্সট (organization, title, subtitle এবং একটি verification seal) — আটটি রঙ প্যালেটে (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite)। তালিকা সংকুচিত করতে Category ফিল্টার ব্যবহার করুন, অথবা শূন্য থেকে শুরু করতে Blank canvas ব্যবহার করুন।

প্রয়োগ করতে একটি টেমপ্লেটে ক্লিক করুন। এর টেক্সট স্বাভাবিক, সম্পাদনাযোগ্য স্তরে পরিণত হয় যা আপনি পরিবর্তন বা অপসারণ করতে পারেন — কিছুই স্থায়ীভাবে গেঁথে নেই।

Elements — আকৃতি, আইকন, রিবন ও ব্যাকগ্রাউন্ড

Elements প্যানেল আপনার ব্যাজের উপরে গ্রাফিক্স স্তরিত করে:

• Lines — অনুভূমিক / উল্লম্ব রুল।
• Shapes — পূরণকৃত এবং আউটলাইনযুক্ত আয়তক্ষেত্র, গোলাকার আয়তক্ষেত্র, বৃত্ত এবং ত্রিভুজ।
• Icons — ৭০টি চিত্রসূচক আইকন (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy এবং আরও অনেক), অনুসন্ধানযোগ্য।
• Ribbons — ২৮টি সজ্জাসূচক রিবন ওভারলে, Straight / Pointed / Tails / Decorative-তে গোষ্ঠীবদ্ধ।
• Bases — বিভাগ জুড়ে ৮০টি পুনরায় রঙযোগ্য বেস আকৃতি (circles, shields, hexagons, stars, medals, seals, wreaths, banners, geometric)।

প্রতিটি আইকন, রিবন এবং বেস বর্তমান রঙে ঢোকানো হয় এবং যেকোনো সময় পুনরায় রঙ করা যায়।

ব্যাকগ্রাউন্ড আকৃতি

Elements → Background shapes এ ৬৮টি তৈরি ফ্রেম রয়েছে (shape × palette লাইব্রেরি)। একটি প্রয়োগ করলে ব্যাজের ব্যাকগ্রাউন্ড ফ্রেম পরিবর্তন হয় কিন্তু আপনার টেক্সট এবং উপাদান উপরে রাখে — যখন আপনি একটি রচিত টেমপ্লেট ছাড়াই একটি নির্দিষ্ট আকৃতি/রঙের সংমিশ্রণ চান তখন সুবিধাজনক।

একটি কাস্টম ছবি আপলোড করা

আপনার নিজস্ব লোগো, ফটো বা গ্রাফিক যোগ করতে Uploads প্যানেল ব্যবহার করুন। PNG, JPEG এবং SVG গৃহীত হয়, 5 MB পর্যন্ত। ছবিটি একটি স্বাভাবিক অগ্রভূমি অবজেক্ট হিসাবে ঢোকানো হয় — এটি ডিজাইনের উপরে স্তূপ হয় এবং ব্যাকগ্রাউন্ড কখনও মুছে ফেলে না। ব্যাজের ব্যাকগ্রাউন্ড পরিবর্তন করতে, পরিবর্তে একটি টেমপ্লেট বা একটি ব্যাকগ্রাউন্ড আকৃতি বেছে নিন।

টেক্সট যোগ করা ও স্টাইল করা

Text প্যানেল অফার করে:

• Add heading / subheading / normal text — পূর্ব-আকারযুক্ত টেক্সট অবজেক্ট।
• Combinations — তৈরি স্ট্যাক যেমন Certificate of Achievement, Awarded to , বা Verify at — প্রতিটি লাইন স্বাধীনভাবে সম্পাদনাযোগ্য থাকে।

যেকোনো টেক্সট অবজেক্ট নির্বাচন করুন এবং ক্যানভাসের উপরে প্রাসঙ্গিক টুলবার প্রদর্শিত হয়:

• Font — Sans, Serif, Handwriting, Mono এবং System-এ গোষ্ঠীবদ্ধ ৫০টি ফন্টের একটি লাইব্রেরি। ড্রপডাউন থেকে একটি বেছে নিন; প্রতিটি বিকল্প তার নিজস্ব টাইপফেসে প্রিভিউ করে।
• + Font — বর্তমান সেশনের জন্য একটি ব্র্যান্ড টাইপফেস (TTF, WOFF, WOFF2, OTF) আপলোড করুন।
• Font size — − / + স্টেপার (বা একটি সংখ্যা টাইপ করুন) হ্যান্ডেল টেনে না নিয়েই নির্বাচিত টেক্সটকে সুনির্দিষ্টভাবে পুনরায় আকার দেয়।
• Colour — নির্বাচিত টেক্সটের পূরণ সেট করে (এবং নতুন আকৃতি/আইকনের জন্য ডিফল্ট ইনসার্ট রঙ)।
• Alignment — ছয়টি বোতাম ক্যানভাসের সাপেক্ষে নির্বাচনটিকে বাম / কেন্দ্র / ডান এবং উপরে / মধ্যে / নিচে সারিবদ্ধ করে।

ডাইনামিক অ্যাট্রিবিউট

Attributes প্যানেল টেক্সট অবজেক্ট হিসাবে ডাইনামিক টোকেন — , , , , , — ঢোকায়। প্রতিটি টোকেন অ্যাওয়ার্ডের সময় প্রতি প্রাপকের জন্য সমাধান হয়, তাই একটি একক ডিজাইন আপনি যাকে ইস্যু করেন প্রত্যেকের জন্য নিজেকে ব্যক্তিগতকৃত করে। এভাবেই আপনি ব্যাজে প্রাপকের নাম বা ইস্যু তারিখ রাখেন।

QR Codes

QR Codes প্যানেল এর সাথে সংযুক্ত একটি স্ক্যানযোগ্য কোড ঢোকায়। প্রতিটি ইস্যু করা অ্যাওয়ার্ডে এটি সেই অ্যাওয়ার্ডের পাবলিক verification পৃষ্ঠায় সমাধান হয়, তাই যে কেউ মুদ্রিত ব্যাজ স্ক্যান করে এটি নিশ্চিত করতে পারে।

Layers

Layers প্যানেল ক্যানভাসের প্রতিটি অবজেক্ট তালিকাভুক্ত করে। এখান থেকে আপনি প্রতিটি স্তর পুনর্বিন্যাস (সামনে আনা / পিছনে পাঠানো), লুকান/দেখান, নির্বাচন এবং মুছে ফেলতে পারেন। ব্যাকগ্রাউন্ড ফ্রেম নিচে পিন করা থাকে এবং নন-ইন্টারঅ্যাক্টিভ থাকে যাতে অগ্রভূমির উপাদানগুলি সমস্ত ক্লিকের মালিক হয়।

Undo / Redo (Ctrl+Z / Ctrl+Shift+Z) শেষ ২০টি পরিবর্তনের মধ্য দিয়ে হাঁটে, এবং যখন আপনি একটি অবজেক্ট ক্যানভাসের কেন্দ্রের কাছে টেনে আনেন তখন ড্যাশযুক্ত স্ন্যাপ গাইড প্রদর্শিত হয়।

ব্যাজ সংরক্ষণ করা

কোনো আলাদা "export" ধাপ নেই। যখন আপনার ডিজাইন এবং বিবরণ প্রস্তুত:

• Create Badge ক্যানভাসটিকে একটি PNG হিসাবে ক্যাপচার করে, এটি IPFS-এ আপলোড করে এবং ব্যাজটি তার সম্পাদনাযোগ্য ডিজাইন সহ সংরক্ষণ করে — তাই ব্যাজটি পুনরায় খুললে আরও সম্পাদনার জন্য আপনার পৃথক স্তরগুলি পুনরুদ্ধার হয়।
• Save Draft একটি চলমান ব্যাজ সার্ভার-সাইডে সংরক্ষণ করে (ডিভাইস জুড়ে)। খসড়াগুলি আপনার Badges তালিকায় একটি Draft চিহ্ন সহ প্রদর্শিত হয় এবং আপনি পরে যেকোনোটি আবার তুলে নিতে পারেন।

ভাল ব্যাজ ডিজাইনের জন্য টিপস

• এটি সহজ রাখুন — পরিষ্কার টেক্সট, ন্যূনতম বিশৃঙ্খলা। ব্যাজ প্রায়শই ছোট আকারে দেখানো হয়।
• উচ্চ কনট্রাস্ট ব্যবহার করুন — ব্যাকগ্রাউন্ডের বিরুদ্ধে টেক্সট পাঠযোগ্য করুন।
• ক্রেডেনশিয়ালের নাম দিন — দর্শকদের এক নজরে এটি বোঝা উচিত।
• বর্গাকার ফরম্যাট — ব্যাজ বর্গাকারে সবচেয়ে ভাল দেখায়।
• ব্র্যান্ড সামঞ্জস্য — ব্যাজ জুড়ে আপনার সংস্থার রঙ এবং ফন্ট পুনরায় ব্যবহার করুন।
• পুনঃব্যবহারযোগ্য ডিজাইন সংরক্ষণ করুন — আপনি যে প্রতিটি ব্যাজ তৈরি করেন তা একটি অ্যাকাউন্ট টেমপ্লেট হিসাবেও সংরক্ষিত হয় যা আপনি পরের বার থেকে শুরু করতে পারেন (দেখুন My Templates)।