Lolly ব্যবহার করা

অ্যাপটি আসলে ব্যবহার করার একটি বাস্তব নির্দেশিকা - একটি টুল খোলা, ক্যানভাসে কাজ করা, এক্সপোর্ট, সেভ ও শেয়ার করা। এখানকার সবকিছু চলে আপনার ডিভাইসেই: কোনো অ্যাকাউন্ট নেই, কোনো আপলোড নেই, প্রথমবার লোড হওয়ার পরে ইন্টারনেটেরও দরকার নেই।

নতুন এসেছেন? দ্রুত শুরু কয়েক মিনিটেই আপনাকে কিছু বানাতে বসিয়ে দেয়, আর অপারেটরদের জন্য Lolly অ্যাপ ইনস্টল/ডিপ্লয় করার কথা বলে; এই পৃষ্ঠাটি অ্যাপ খোলার পরে সেটি চালানো নিয়ে।

টুল খোলা

হোম স্ক্রিনটি হলো gallery - প্রতিটি টুল, শ্রেণি অনুযায়ী সাজানো। টুল খুলতে একটি কার্ডে ক্লিক করুন; আগে যদি সেটিতে কাজ করে থাকেন, একটি Continue বোতাম আপনার সবচেয়ে সাম্প্রতিক সেশন ফিরিয়ে আনে। নাম দিয়ে ফিল্টার করতে সার্চ বাক্সটি ব্যবহার করুন - অথবা ছয়টি তালিকা স্ক্রিনের (gallery, Utilities, Projects, Catalogue, Dashboard ও Profile) নিচের বার থেকে সার্চ করুন, যা টুলের পাশাপাশি আপনার সেভ করা কাজ, ক্যাটালগ ও সেটিংসেও পৌঁছায়। টুলের ভিতরে বারটি সরে গিয়ে টুলের নিজস্ব ক্রোমকে জায়গা দেয়।

টুল গ্যালারি - প্রতিটি টুল একটি কার্ড হিসেবে, শ্রেণি অনুযায়ী সাজানোsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file২৮১ paths~38k nodes৪৪৩ groups৬ images২,২৬৯ KBটুল গ্যালারি - প্রতিটি টুল একটি কার্ড হিসেবে, শ্রেণি অনুযায়ী সাজানোsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file২৮১ paths~38k nodes৪৪৩ groups৬ images২,২৬৫ KBTry it in the app

প্রতিটি টুল একটি বিভক্ত ভিউ: এক দিকে controls, অন্য দিকে লাইভ preview (ক্যানভাস)। যেকোনো কন্ট্রোল বদলান, প্রিভিউ সঙ্গে সঙ্গে আপডেট হয়।

একটি টুলের স্প্লিট ভিউ - বাঁদিকে কন্ট্রোল স্ট্যাক, এবং ডানদিকে সেই লাইভ গ্রুপড বার চার্ট যা এটি আঁকেsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file২৩ paths৩৭২ nodes১১ groups২১ KBএকটি টুলের স্প্লিট ভিউ - বাঁদিকে কন্ট্রোল স্ট্যাক, এবং ডানদিকে সেই লাইভ গ্রুপড বার চার্ট যা এটি আঁকেsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file২৩ paths৩৭২ nodes১১ groups২১ KB

কয়েকটি টুল (যেমন Design) বদলে খোলে একটি ফ্রি ক্যানভাস হিসেবে - চারপাশে কোনো ক্রোম ছাড়া, সরাসরি হাত দিয়ে কাজ করার একটি জায়গা, যেখানে টেক্সট, আকৃতি ও ছবির বক্স টেনে সরান, আকার বদলান, ঘোরান ও স্ন্যাপ করান এবং ডাবল-ক্লিক করে জায়গাতেই টেক্সট সম্পাদনা করেন। অন্য প্রতিটি টুলের মতো একই রেন্ডার পথ ধরেই এটি এক্সপোর্ট হয়, তাই ক্যানভাসটাই ফাইল। নিচে দেখুন ফ্রি ক্যানভাস

গ্রিডটিকে নিজের পছন্দমতো গড়ে তোলার দুটি উপায়:

লুকানো টুল দেখানো অবস্থায় Tools গ্রিডের শেষ অংশ: আবছা QR Code Generator কার্ড, আর তার পাশে ধূসর টাইলটি যা সেটিকে আবার দৃশ্যমান করেছে, এখন যাতে লেখা Hide hidden toolssigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file২৫১ paths~29k nodes৪৪০ groups৬৫৮ KBলুকানো টুল দেখানো অবস্থায় Tools গ্রিডের শেষ অংশ: আবছা QR Code Generator কার্ড, আর তার পাশে ধূসর টাইলটি যা সেটিকে আবার দৃশ্যমান করেছে, এখন যাতে লেখা Hide hidden toolssigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file২৪৭ paths~29k nodes৪৩৯ groups১ image৭২৯ KB

Ask Lolly

খুঁজে বেড়ানোর বদলে যখন জিজ্ঞেস করাই সহজ, তখন Ask Lolly (#/ask) আপনার টাইপ করা প্রশ্ন নিয়ে এই ডকুমেন্টেশনের মিলে যাওয়া অংশটি হুবহু ফিরিয়ে দেয় - গাইডের নিজের ভাষায়, কোনো সারসংক্ষেপ নয় এবং তৈরি করা উত্তরও নয় - সঙ্গে কোন পৃষ্ঠা থেকে এসেছে তার উল্লেখ আর পাশে একটি Open in docs লিঙ্ক। উত্তরের নিচে থাকে অ্যাপের সেই জায়গাগুলি যেখানে একই প্রশ্ন মেলে: একটি টুল, একটি সেটিং, একটি সেভ করা প্রজেক্ট - প্রতিটিই এমন বোতাম যা সোজা সেখানে নিয়ে যায়।

কথোপকথনটি সেশন-স্মৃতি: পরের প্রশ্ন করলে থ্রেডটি ক্রমশ গড়ে ওঠে, আর পেজ রিলোড করলে নতুন করে শুরু হয়। সার্চ ফলাফলের একেবারে নিচে - অন্য গ্রুপগুলি যে নির্দিষ্ট ফলাফল পেয়েছে তার নিচে - একটি *Ask Lolly: আপনার প্রশ্ন*** সারি থাকে, যা প্রশ্নটি সরাসরি এখানে পাঠিয়ে দেয়; তাই আপনি সার্চ বারে শুরু করে এখানে শেষ করতে পারেন।

ক্যানভাস (প্রিভিউ)

প্রিভিউ সব সময় হুবহু তা-ই দেখায় যা এক্সপোর্ট হবে।

ডেস্কটপ

ক্যানভাসের কোণে জুম HUD - মাইনাস, চলতি শতাংশ, প্লাস, Fit, তারপর থিম ও শব্দের টগলsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৫ paths১৯৯ nodes১১ groups৭ KBক্যানভাসের কোণে জুম HUD - মাইনাস, চলতি শতাংশ, প্লাস, Fit, তারপর থিম ও শব্দের টগলsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৫ paths১৮৬ nodes১১ groups৭ KB

টাচ

কন্ট্রোলে যেতে ক্লিক করুন: ডিজাইনের যেকোনো উপাদানে ক্লিক করুন, সাইডবারের সংশ্লিষ্ট ইনপুটটি ফোকাস পায় এবং স্ক্রল হয়ে সামনে আসে - পুনরাবৃত্ত সারির গ্রুপে সেটি আপনি যে সারিতে ক্লিক করেছেন ঠিক সেটিই খুলে দেয়, তাই যা দেখছেন তা সম্পাদনা করা এক ট্যাপ দূরে।

মাপ বদলালে ভিউ সব সময় পরিষ্কার ফিটে ফিরে যায়।

ফ্রি ক্যানভাস (Design)

ফ্রি-ক্যানভাস টুলগুলি আর্টবোর্ডের চারপাশে একটি কাজের জায়গা যোগ করে, অনেকটা ডিজাইনারের কাজের টেবিলের মতো:

Design's free canvas - the artboard with its surrounding pasteboardsigned by LollyPNGনিজেই যাচাই করুনGet the signed filepixels, not shapes৫৪৩ KBDesign's free canvas - the artboard with its surrounding pasteboardsigned by LollyPNGনিজেই যাচাই করুনGet the signed filepixels, not shapes৪৯০ KB

একটি সিলেকশন ফ্লিপ করুন। যেকোনো বক্সে রাইট-ক্লিক করে Flip horizontal বা Flip vertical বেছে নিন সেটিকে যথাস্থানে মিরর করতে, অথবা কিবোর্ড থেকে Shift+H / Shift+V চাপুন - Shift, কারণ একা V হলো Pointer টুল। নির্বাচিত প্রতিটি বক্স নিজ অক্ষে এক Undo ধাপে মিরর হয়, এবং মিররটি একটি প্রকৃত ট্রান্সফর্ম, তাই এটি শুধু ক্যানভাসে নয়, বরং এক্সপোর্ট করা SVG, PDF ও PNG-তেও বজায় থাকে।

নিজের আকৃতি আঁকা (পেন)

বক্স, বৃত্ত আর গোল কোণের ফ্রেম দিয়েই বেশির ভাগ লেআউট হয়ে যায়। এই তালিকার বাইরের কোনো আকৃতি দরকার হলে সেটি এঁকে নিন: রেইলের Pen বোতাম (বা P কী) আপনাকে আঁকার মোডে নিয়ে যায়। তিনটি একক কী দিয়ে মোড বদলানো যায় - V Pointer-এ ফেরত, P Pen-এর জন্য, N নোড টুলের (Edit points) জন্য - আর যেখানেই থাকুন, বেরোনোর পথ সব সময় Pointer।

ফ্রি-ক্যানভাসের টুল রেইল: একটি ড্র্যাগ গ্রিপ, Lolly মেনু, তারপর Pointer, Add a box, Pen, Edit points, Line, Timeline, Artboards ও Auto-arrangesigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৩৬ paths২০৬ nodes৩১ groups২২ KBফ্রি-ক্যানভাসের টুল রেইল: একটি ড্র্যাগ গ্রিপ, Lolly মেনু, তারপর Pointer, Add a box, Pen, Edit points, Line, Timeline, Artboards ও Auto-arrangesigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৩৬ paths২০৬ nodes৩১ groups২২ KB

ফলাফলটি ক্যানভাসে একটি সাধারণ বক্স। সরান, আকার বদলান, ঘোরান, গ্রুপ করুন, সারিবদ্ধ করুন, স্তর বদলান, ফিল দিন, গ্রেডিয়েন্ট, ছায়া বা অস্বচ্ছতা দিন - একটি পাথ অন্য যেকোনো বক্সের মতোই আচরণ করে, আর কোনো কন্ট্রোলই তাকে আলাদা চোখে দেখে না।

রংও সঙ্গে নিয়েই আসে। আপনার আঁকা প্রথম পাথটি আপনার ব্র্যান্ড পাথের জন্য যে ফিল ও স্ট্রোক দেয় তা-ই নেয়, আর তারপর প্রতিটি নতুন পাথ আপনি শেষবার যা ব্যবহার করেছেন তা-ই নেয় - প্রতিটি আকৃতির রং আলাদা করে বদলানোর বদলে একবার ফিল ঠিক করে আঁকতে থাকুন। (যে টুলের ব্র্যান্ড পাথ নিয়ে কিছু বলে না, সেখানে আঁকা পাথ যে রঙে আঁকতে দেখেছেন সেই রঙেই স্ট্রোক পায়, তাই সেটি কখনও অদৃশ্য থাকে না।)

আবার পয়েন্ট সম্পাদনা। আকৃতিটিতে ডাবল-ক্লিক করুন (বা অবজেক্ট বারের Edit points ব্যবহার করুন), পয়েন্টগুলি ফিরে আসে। পয়েন্ট সরাতে সেটি টানুন, দিক বদলাতে হ্যান্ডেল টানুন, নতুন পয়েন্ট বসাতে কার্ভের যেকোনো জায়গায় ক্লিক করুন, একগুচ্ছ পয়েন্ট ঘিরে নির্বাচন করে Delete চাপলে নির্বাচিতগুলি মুছে যায়। একটি পাথে সব সময় অন্তত দুটি পয়েন্ট থাকে, তাই ভুল করে সেটিকে পুরোপুরি মুছে ফেলা যায় না।

Spline type ঠিক করে আপনার পয়েন্টগুলির মধ্য দিয়ে কী ধরনের কার্ভ যাবে, আর এই পছন্দটি বুঝে নেওয়ার মতো:

ধরনযা করে
Smooth (auto)ডিফল্ট। নিজেই হ্যান্ডেলের দৈর্ঘ্য বের করে নেয়, তাই শুধু ক্লিক-ক্লিক-ক্লিক করলেই হ্যান্ডেল নিয়ে ধস্তাধস্তি ছাড়া সত্যিকারের মসৃণ কার্ভ পাওয়া যায়। হ্যান্ডেল নিজে ঠিক করে দিলে সেটি দিক বেঁধে দেয় আর দৈর্ঘ্যের দায়িত্ব কার্ভের হাতেই থাকে।
Bezier handlesচিরাচরিত পেন। হ্যান্ডেলগুলিই কন্ট্রোল পয়েন্ট, আর নতুন পয়েন্ট বসালে কার্ভ কখনও সরে না।
Through the pointsআপনার বসানো প্রতিটি পয়েন্টের ঠিক উপর দিয়ে যায়, কোনো হ্যান্ডেল নেই।
B-splineপয়েন্টগুলির মধ্য দিয়ে না গিয়ে সেগুলির কাছ ঘেঁষে বয়ে যায়, ফলে আকৃতি নরম হয়।
Straight linesএকটি পলিলাইন।

যে টাইপ নিজের হ্যান্ডেল নিজেই বের করে নেয়, বিদ্যমান কোনো পাথকে সেই টাইপে বদলানোর আগে জিজ্ঞেস করা হয়, কারণ আপনার ঠিক করা হ্যান্ডেলের দৈর্ঘ্য আর ফিরে পাওয়া যায় না - Bezier handles-এ বদলানো সব সময় ক্ষতিহীন। আঁকার মাঝপথে কোনো প্রশ্ন আসে না: বদলটি সরাসরি খসড়ায় প্রয়োগ হয়, আর আপনার আগে টেনে আনা হ্যান্ডেলগুলিও তার সঙ্গে যায়। যে টাইপগুলি হ্যান্ডেলের মালিক, সেখানে নতুন পয়েন্ট বসালে কার্ভ সামান্য বদলায়; Bezier handles-এ বদলায় না।

প্রতিটি পয়েন্টের একটি ধারাবাহিকতার নিয়মও থাকে, যা ক্যানভাসে তার আকৃতি দিয়ে বোঝানো হয় - Corner-এর জন্য চৌকো (হ্যান্ডেল আলাদাভাবে নড়ে), Smooth-এর জন্য গোল (হ্যান্ডেল একই সরলরেখায় থাকে), Symmetric-এর জন্য বলয়সহ গোল (একই রেখায় এবং সমান দৈর্ঘ্যে)। নির্বাচিত যেকোনো পয়েন্টের জন্য এটি ঠিক করুন, কার্ভ সঙ্গে সঙ্গে সেই নিয়ম মেনে নেয়।

সরাসরি একটি লিঙ্ক থেকে রেন্ডার করা দুটি পেন পাথ: স্ট্রোক দেওয়া একটি S-কার্ভ আর ভরাট বন্ধ একটি আকৃতিsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৫ paths৩৮ nodes৭ groups৫ KBসরাসরি একটি লিঙ্ক থেকে রেন্ডার করা দুটি পেন পাথ: স্ট্রোক দেওয়া একটি S-কার্ভ আর ভরাট বন্ধ একটি আকৃতিsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৫ paths৩৮ nodes৭ groups৫ KB

আঁকা পাথ অন্য সবকিছুর মতোই লিঙ্কের ভিতরে যায়, তাই আপনার আঁকা আকৃতি শেয়ার লিঙ্ক থেকে আবার খোলে এবং CLI থেকেও হুবহু একইভাবে রেন্ডার হয়। এর কোনো কিছুই এডিটরের উপর নির্ভর করে না।

আকৃতি জোড়া লাগানো (path operations)

দুই বা তার বেশি আকৃতি নির্বাচন করে ক্যানভাসে রাইট-ক্লিক করুন (টাচে দুই আঙুলের ট্যাপ), মেনুতে একটি ড্রয়িং অ্যাপে যেসব অপারেশন আশা করেন সেগুলিই পাবেন:

আরও তিনটি একটিমাত্র আকৃতির উপর কাজ করে: Outline stroke… একটি স্ট্রোককে সেই একই রূপরেখার ভরাট আকৃতিতে বদলে দেয় (যখন আঁকা অবস্থায় পুরুত্ব হুবহু ধরে রাখতে চান তখন কাজে লাগে), Offset path… অবয়বটিকে বাইরের দিকে বাড়ায় বা ঋণাত্মক সংখ্যা দিলে ভিতরের দিকে ছোট করে, আর Simplify একই আকৃতি রেখে কম সেগমেন্ট দিয়ে পাথটি নতুন করে বানায়।

একটি অর্ধচন্দ্র আর সত্যিকারের ফুটোওয়ালা একটি বলয়, দুটিই Subtract দিয়ে বানানোsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৫ paths৪৭ nodes৭ groups৫ KBএকটি অর্ধচন্দ্র আর সত্যিকারের ফুটোওয়ালা একটি বলয়, দুটিই Subtract দিয়ে বানানোsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৫ paths৪৭ nodes৭ groups৫ KB

ফলাফল একটি নতুন পাথ, যা পেন দিয়ে সম্পাদনা করে যেতে পারেন। ফুটো সত্যিকারের ফুটোই - স্ট্রোক প্যানেলের Fill rule কন্ট্রোল ঠিক করে ওভারল্যাপ করা কনট্যুরগুলি ভরাট হবে (non-zero) নাকি ফুটো করে দেবে (even-odd)।

এই অপারেশনগুলি দুটি কাজ ইচ্ছে করেই করে না। এগুলি নষ্ট করার বদলে না বলে দেয়: ওভারল্যাপ করে না এমন দুটি আকৃতি intersect করতে বললে বলা হয় রাখার মতো কিছু নেই, আর কিছুই বদলায় না। আর টেক্সট ও ছবির বক্সে কাজ করার মতো কোনো রূপরেখা নেই, তাই সেগুলিকে ফ্রেম দিয়ে আন্দাজ করার বদলে ছুঁয়েই দেখা হয় না। জোড়া লাগানো ফলাফল সাধারণ Bezier কার্ভ হিসেবে সংরক্ষিত হয়, একটি ড্রয়িং অ্যাপও তা-ই করে - মূল স্প্লাইন টাইপ এই অপারেশনের পরে আর টেকে না।

টাইমলাইন (Sequence Studio)

The timeline with the music clip selected: its strip runs along the bottom with Speed, Fades, Volume, Pan, EQ, Pitch, Normalize volume and the Effect slotsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file১০৪ paths~7.2k nodes১৫৭ groups২ images৯৭ KBThe timeline with the music clip selected: its strip runs along the bottom with Speed, Fades, Volume, Pan, EQ, Pitch, Normalize volume and the Effect slotsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file১০৪ paths~7.2k nodes১৫৭ groups২ images৯৭ KB

Sequence Studio ফ্রি ক্যানভাসে সময় যোগ করে। প্রতিটি বক্স একটি নির্দিষ্ট মুহূর্তে শুরু হতে পারে, নির্দিষ্ট সময় ধরে চলতে পারে এবং ঢোকা-বেরোনোয় অ্যানিমেট হতে পারে, আর আর্টবোর্ডের নিচে বসানো টাইমলাইনেই সেগুলি সাজানো হয়। খুললেই একটি সিকোয়েন্স চলতে থাকে - একটি টাইটেল কার্ড, একটি ক্লিপ, একটি শেষ কার্ড, একটি লোয়ার-থার্ড ও একটি মিউজিক বেড - তাই কিছু বদলানোর আগেই মডেলটি চোখে পড়ে।

Sequence Studio-র টাইমলাইন: ট্রান্সপোর্ট, রুলার, একটি ওভারলে লেন, ক্লিপ ও সিম চিপসহ ম্যাগনেটিক সিকোয়েন্স সারি এবং Always on স্ট্রিপsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৭৩ paths~5.4k nodes১১৫ groups৮০ KBSequence Studio-র টাইমলাইন: ট্রান্সপোর্ট, রুলার, একটি ওভারলে লেন, ক্লিপ ও সিম চিপসহ ম্যাগনেটিক সিকোয়েন্স সারি এবং Always on স্ট্রিপsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৭৩ paths~5.4k nodes১১৫ groups৮০ KB

সারি দুই ধরনের, আর এই পার্থক্যটাই মূল কথা:

এডিটিং স্টেজ: সামনে ও কেন্দ্রে আর্টবোর্ড, বাঁ দিকে টুল রেল এবং কোণে জুম HUDsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file১৯ paths৮৫২ nodes৩০ groups২০ KBএডিটিং স্টেজ: সামনে ও কেন্দ্রে আর্টবোর্ড, বাঁ দিকে টুল রেল এবং কোণে জুম HUDsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file১৯ paths৮৩৯ nodes৩০ groups২০ KB

টাইমলাইন খুললে কীবোর্ড সেটিরই হাতে যায়, তাই Space ও তিরচিহ্নের কী পেজের বদলে প্লেহেড চালায় - আর যে কম্পোজিশনে আগে থেকেই সময় বাঁধা আছে সেখানে এটি নিজে থেকেই খোলে বলে, Sequence Studio লোড হওয়ার মুহূর্ত থেকেই কথাটা সত্যি।

সিকোয়েন্স এডিটর সেই চারটি বিষয়ে আরও গভীরে যায় যেগুলি ঠিক করে সময় ধরে সম্পাদনা করা কতটা অনুমেয় লাগে: ক্যানভাসে ক্লিক করলে কোন ক্লিপ সম্পাদিত হয়, পাশের ক্লিপগুলির অনিয়ন-স্কিন ছায়া, স্প্লিটের পরিধি ও কাটাকে ফিরিয়ে আনা Join, এবং ট্রিম করা (কীবোর্ড শর্টকাটসহ)। টাইমলাইন ফোকাসে রেখে ? চাপলে শর্টকাটের তালিকা আসে।

সম্পাদনা। ক্লিপ সরাতে বা ক্রম বদলাতে তার মাঝখানটা টানুন, ট্রিম করতে দুই প্রান্তের কয়েক পিক্সেলের মধ্যে ধরে টানুন, আর একটি ক্লিপকে দুই ভাগ করতে Split at playhead (বা S) চাপুন। স্প্লিটের জন্য ক্লিপে সত্যিকারের Length থাকতে হবে এবং প্লেহেড তার ভিতরে খানিকটা থাকতে হবে, তাই খোলা-প্রান্তের ক্লিপ (যেমন মিউজিক বেড) ভাগ করা যায় না। Snap to edges ডিফল্টে চালু থাকে এবং ক্লিপের কিনারা, প্লেহেড ও পূর্ণ সেকেন্ডে স্ন্যাপ করে, Alt দিয়ে তা এড়ানো যায়। প্রতিটি ড্র্যাগ একটিমাত্র আনডু ধাপ, আর ড্র্যাগের প্রিভিউ কমিটের মতো একই হিসাব চালায়, তাই টানার সময় যা দেখছেন তা-ই পাবেন।

একটি ক্লিপ নির্বাচন করলে ইনস্পেক্টর একই সম্পাদনাগুলি সংখ্যায় দেয়: Length, Trim in (সোর্সের কতটা ভিতর থেকে শুরু হবে), ×0.25 থেকে ×4 পর্যন্ত নির্দিষ্ট গুণকের সেট হিসেবে Speed, দৈর্ঘ্যসহ Animate in / Animate out এবং Mute clip। চুম্বকীয় সারির ক্লিপে ইচ্ছে করেই কোনো Start ঘর নেই - ক্রমটির মালিক সারিটাই, তাই সরাতে হলে টেনেই সরাতে হয়।

Transitions প্রিসেট, কীফ্রেম নয়: Fade, Pop, Grow, Rise, Drop, চারটি Slide, Zoom in ও out, Tilt, Swoop, Spin, Drift অথবা Cut (no animation)। দূরত্ব অবজেক্টের মাপ অনুযায়ী বাড়ে-কমে, তাই একই প্রিসেট পূর্ণ ফ্রেমের কার্ডেও ঠিকঠাক দেখায়, ছোট ব্যাজেও। সিকোয়েন্স সারিতে পাশাপাশি দুটি ক্লিপের মাঝে একটি seam chip থাকে: সেটিতে ক্লিক করে Cut বা Crossfade বেছে নিন, তা সঙ্গে সঙ্গে প্রয়োগ হয়ে বন্ধ হয়ে যায়। Length (ms) বদলাতে একই চিপ আবার খুলুন এবং Done চাপুন। ক্রসফেড সংরক্ষিত হয় একটির ফেড আউট আর পরেরটির ফেড ইন হিসেবে, আর এক্সপোর্ট ওই জোড়া থেকেই আসল ডিজলভ বের করে নেয় - এই কারণেই প্রিভিউতে ক্রসফেডকে দুটি ফেডের মতো দেখায় আর ফাইলে সত্যিকারের হস্তান্তরের মতো।

শব্দ। একটি Audio ক্লিপ যোগ করলে সেটি টাইমলাইনে অন্য যেকোনো ক্লিপের মতোই থাকে: ওয়েভফর্ম, ট্রিম, মিউট। (ডিফল্ট সেশনের সঙ্গে আসা তৈরি বেডটি একমাত্র ব্যতিক্রম - সেটি এক্সপোর্টের সময় বানানো হয়, তাই রেন্ডার করার আগে পর্যন্ত তার বারটি ফাঁকা ও নীরব থাকে।) মাইকে চাপ দিয়ে সরাসরি টাইমলাইনেই ভয়েসওভার রেকর্ড করুন, কাউন্ট-ইন ও লেভেল মিটারসহ, আর রেকর্ডিংটি আপনি যেখান থেকে শুরু করেছেন সেখানেই আপনার নিজের অ্যাসেট হিসেবে সেভ হয়। পাশের ক্যামেরায় চাপ দিয়ে একইভাবে ভিডিও রেকর্ড করুন: রেকর্ড হতে হতেই টেকটি আর্টবোর্ডের এক্সপোর্ট মাপে ক্রপ হয়, ফলে ছোট সেলফ-ভিউটি প্লেহেডের জায়গায় সিকোয়েন্সে ঠিক কী যুক্ত হচ্ছে তা পুরো ফ্রেম জুড়ে দেখায় - শেয়ার করা লিংক থেকে সহকর্মীর ক্লিপ জোগাড় করারও এটিই উপায়। মিউজিক, সংলাপ আর ক্লিপের নিজস্ব সাউন্ডট্র্যাক সবই এক্সপোর্ট করা মিক্সে পৌঁছায়। (এক্সপোর্ট প্যানেলের Audio track আলাদা জিনিস: পুরো ক্লিপের নিচে পাতা একটিমাত্র বেড, ফেড ও ডাকিংসহ। দুটি একসঙ্গেই থাকতে পারে।)

রেন্ডার করা। মোশন এক্সপোর্ট একটি নির্ধারিত কম্পোজিট, স্ক্রিন রেকর্ডিং নয় - প্রতিটি ফ্রেম নির্দিষ্ট সময়ে ডিকোড, আঁকা ও এনকোড হয়, তাই ফাইলটি আপনার মেশিন কতটা তাল রাখতে পারল তার উপর নির্ভর করে না, আর MP4 বা WebM-এ কার্যত ফ্রেমের কোনো সীমা নেই। নিজে সময় না লিখলে টাইমলাইনের নিজের দৈর্ঘ্যই সময়কাল ঠিক করে। অন্য যেকোনো এক্সপোর্টের মতোই Content Credentials বসানো হয়। স্থির এক্সপোর্ট দেয় প্লেহেডের জায়গার ফ্রেমটি, অথবা আউটপুট মাপের পাশের Frames ঘর থেকে গোটা একটি কনট্যাক্ট শিট - দেখুন এক্সপোর্ট

মনে রাখার মতো কয়েকটি সীমা: একটি সিকোয়েন্স সর্বোচ্চ এক ঘণ্টা, GIF ও অ্যানিমেটেড PNG তাদের ফ্রেম বাফার করে বলে সেগুলি ছোট থাকে, যে ক্লিপের গতি ×1 নয় তার অডিও নীরব থাকে (এখনও টাইম-স্ট্রেচিং নেই) এবং এখানে Record live লুকানো থাকে, কারণ কম্পোজিটরই ভালো পথ।

প্রিসেটের বাইরে: কিফ্রেম, ডেপথ এবং একটি ক্যামেরা। একটি ট্রানজিশন একটি ক্লিপকে আসা ও যাওয়ার সময় অ্যানিমেট করে। কোনো ক্লিপের ভেতরে একটি বক্সকে পোজ দিতে - এটিকে ভাসানো, ফেড করা, ব্লার করা, পেজ থেকে তুলে আবার বসানো - কিফ্রেম যোগ করুন: ক্লিপটি বেছে নিন, +Keyframe চাপুন (টাইমলাইনের টুল ক্লাস্টারের হীরা, ক্যানভাস অবজেক্ট বারের হীরা বা K) এবং প্লেহেডের অবস্থান ঠিক করে আপনার পরবর্তী এডিট কোন পোজ লিখবে। একই কিফ্রেম সিস্টেম প্রতিটি টাইমড কম্পোজিশনকে একটি ক্যামেরা দেয় যা ভেতরে পুশ করে, আড়াআড়ি প্যান করে এবং ফোকাস টানে, এবং একটি ফ্ল্যাট SVG-কে লেয়ারের এমন এক স্ট্যাকে পরিণত করে যার মধ্যে আপনি উড়ে বেড়াতে পারেন। সম্পূর্ণ গাইডের জন্য Animating দেখুন।

Design টুলেও একই টাইমলাইন আছে, তাই অন্য টুলে না গিয়েই লেআউটে সময় বাঁধতে পারেন, আর সেটিও মোশন এক্সপোর্ট করে।

উপস্থাপনা

The inspector's Document section: Voice, Blend with, Speed, Lead-in, Tail and Show captions when presentingsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file২৯ paths~4.4k nodes৫৬ groups২ images৫৭ KBThe inspector's Document section: Voice, Blend with, Speed, Lead-in, Tail and Show captions when presentingsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file২৯ paths~4.4k nodes৫৬ groups২ images৫৭ KB

artboard দিয়ে তৈরি একটি Design ডকুমেন্ট এমনিতেই একটি ডেক। টুল রেইলের Lolly menu খুলে Present বেছে নিন - একেবারে শেষ সারি - আর প্রতিটি আর্টবোর্ড পূর্ণ-পর্দার স্লাইড হয়ে যায়, ক্যানভাসে আর্টবোর্ডগুলি যে ক্রমে আছে সেই ক্রমেই। ডেকটি রেন্ডার করা আর্টবোর্ডের একটি কপির উপর চলে, তাই নিচের এডিটরে কখনও হাত পড়ে না এবং বেরিয়ে এলে ঠিক আগের জায়গাতেই ফিরে আসেন।

ডেকটি একটি লিঙ্কও বটে। ?present সরাসরি সেটিতেই খোলে, s= স্লাইডটির নাম বলে দেয় - একটি অবস্থান, একটি আর্টবোর্ড id বা বিল্ড ধাপের জন্য id.step - আর আপনি এগোনোর সঙ্গে সঙ্গে ঠিকানাটি বদলায়, তাই যা পাঠাচ্ছেন সেটাই আপনার এখনকার স্লাইড। টুল লেখকদের জন্য: এই প্যারামিটারগুলি URL Mode পৃষ্ঠায় নথিভুক্ত।

ফোনে

সরু পর্দায় লেআউট একটিমাত্র কলামে সাজে:

ফোনের প্রস্থের পর্দায় একটি টুল - উপরে শিট হিসেবে কন্ট্রোল, নিচে প্রিভিউ ভরে থাকা তৈরি প্যালেট আর নিচে মাঝখানে ভাসমান রেন্ডার পিলsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৬১ paths~2.9k nodes১২৮ groups২ images৭২ KBফোনের প্রস্থের পর্দায় একটি টুল - উপরে শিট হিসেবে কন্ট্রোল, নিচে প্রিভিউ ভরে থাকা তৈরি প্যালেট আর নিচে মাঝখানে ভাসমান রেন্ডার পিলsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৬১ paths~2.9k nodes১২৮ groups২ images৭২ KB

কন্ট্রোল (ইনপুট)

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

একটি টুলের কন্ট্রোলের সারি - একটি টেক্সট ঘর, রঙের ট্রিগার ও একটি স্লাইডার, লেখক বাকি সব আটকে দেওয়ায় আর কিছুই নেইsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file১৯ paths~2.1k nodes৪৫ groups১ image৩১ KBএকটি টুলের কন্ট্রোলের সারি - একটি টেক্সট ঘর, রঙের ট্রিগার ও একটি স্লাইডার, লেখক বাকি সব আটকে দেওয়ায় আর কিছুই নেইsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file১৯ paths~2.1k nodes৪৫ groups১ image৩১ KB

রিসেট: Clear changes প্রতিটি ইনপুটকে তার ডিফল্টে ফিরিয়ে দেয়।

আনডু ও রিডু

Cmd/Ctrl-Z এক ধাপ পিছিয়ে যায় আর Cmd/Ctrl-Shift-Z (বা Cmd/Ctrl-Y) আবার এক ধাপ এগিয়ে যায়। একই জোড়া কন্ট্রোলের উপরের সারিতে UndoRedo বোতাম হিসেবে থাকে - ফ্রি ক্যানভাসে সেগুলি টুল রেইলে থাকে - আর ফিরিয়ে নেওয়ার মতো কিছু না থাকলে প্রতিটি ধূসর হয়ে যায়। প্রতিটি ধাপ জানিয়ে দেয় সেটি কী ছিল: একটি রং আনডু করলে ছোট একটি বার্তা কোন ইনপুট ফিরিয়ে আনা হলো তার নাম বলে, সঙ্গে ফিরে যাওয়ার জন্য একটি Redo বোতামও থাকে।

একটি লাইভ সহযোগিতা-য় ইতিহাস শুধু আপনারই থেকে যায়। অন্য ডিভাইস থেকে আসা কোনো পরিবর্তন কখনো আপনার স্ট্যাকে যায় না, তাই undo সবসময় শুধু আপনার করা কিছুই ফিরিয়ে নিতে পারে।

আপনার তথ্য ও হেডশট

Profile (গ্যালারির উপরে ডান দিকে) আপনার নাম, যোগাযোগের তথ্য ও ঐচ্ছিক একটি হেডশট রাখে। যেসব টুল এই ঘরগুলি চায় সেগুলি নিজে থেকেই ভরে নেয় - একবার ঠিক করে দিলে আপনার ইমেল সিগনেচার, লকআপ ও ব্যাজ নিজেরাই ভরে যায়। তবু প্রতি সেশনে যেকোনো ঘর বদলে নিতে পারেন। Use my details to create চালু করলে আপনার তথ্য এক্সপোর্ট করা জিনিসে লেখক হিসেবে সঙ্গে যায়।

আপনার হেডশট ও তথ্য কেবল এই ডিভাইসেই থাকে। একটি প্রোফাইল শুধু আপনি না-ও হতে পারে - একটি টিম বা এমন একটি ভূমিকা যাতে আপনি মাঝে মাঝে ঢোকেন। একাধিক প্রোফাইল রাখাসহ পুরো ছবিটি দেখতে প্রোফাইল দেখুন।

সেভ করা ও চালিয়ে যাওয়া

এখনকার ইনপুটগুলি ওই টুলের একটি সেশন হিসেবে রাখতে Save ক্লিক করুন। প্রতিটি টুলে নাম দেওয়া একাধিক সেশন রাখতে পারেন; প্রতিটি টুলের Continue বোতাম আপনার সবচেয়ে সাম্প্রতিকটি আবার খোলে, আর history button (উপরে ডান দিকে, আপনার প্রোফাইলের পাশে) সব টুল মিলিয়ে সেভ করা প্রতিটি সেশনের তালিকা দেয়। সেশনগুলি ডিভাইসেই থাকে। সেগুলি গুছিয়ে রাখতে Projects খুলুন (নিচে দেখুন)।

দুই ভাগের রেন্ডার পিল - একটি উপরমুখী তির যা এক্সপোর্ট প্যানেল খোলে, আর একটি টিক যা সেশনটি জায়গাতেই সেভ করেsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file২ paths২৪০ nodes১০ groups৭ KBদুই ভাগের রেন্ডার পিল - একটি উপরমুখী তির যা এক্সপোর্ট প্যানেল খোলে, আর একটি টিক যা সেশনটি জায়গাতেই সেভ করেsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file২ paths২৪০ nodes১০ groups৭ KB

Projects

Projects - Tools-এর পাশের Projects ট্যাব থেকে, বা Profile → Storage → Organise in Projects থেকে খুলুন - আপনার সেভ করা সবকিছুর ঘর, আর এটি একটি ফাইল ম্যানেজারের মতো কাজ করে:

Projects - সেভ করা সেশনগুলি ভিতরে ভিতরে সাজানো ফোল্ডারে গোছানোsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৭৯ paths~7.7k nodes১০৪ groups১৭৯ KBProjects - সেভ করা সেশনগুলি ভিতরে ভিতরে সাজানো ফোল্ডারে গোছানোsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৭৯ paths~7.7k nodes১০৪ groups১৮০ KB

Projects-এ খোলা View and sort পপওভার, একটি থিম সারি, Preview বা List-এর View পছন্দ এবং Sort-এর নিচে Name, Date added ও Last modifiedsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file১১ paths~1.3k nodes২১ groups১৯ KBProjects-এ খোলা View and sort পপওভার, একটি থিম সারি, Preview বা List-এর View পছন্দ এবং Sort-এর নিচে Name, Date added ও Last modifiedsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file১১ paths~1.3k nodes২১ groups১৯ KB

সিলেকশন বারে কী কী পাবেন তা ভিউ অনুযায়ী একটু আলাদা, কারণ সব জায়গায় সব কাজ অর্থপূর্ণ নয়:

লেবেল নিয়ে একটি ফাঁদ: View sessions কেবল তখনই থাকে যখন কিছু নির্বাচিত থাকে। নির্বাচিত নয় এমন একটিমাত্র কার্ডে রাইট-ক্লিক করলে বদলে N saved sessions আসে, যা Projects-এ না নিয়ে গিয়ে ওই টুলের নিজস্ব ইতিহাসের ডায়ালগ খোলে।

Tools গ্যালারিতে টিক করা দুটি টুল কার্ড, যেখানে ফ্লোটিং সিলেকশন বারে "2 selected" লেখা এবং Available offline, View sessions, Favourite ও Hide-এর অপশন দেওয়া আছেsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file২৭৮ paths~46k nodes৪৯৫ groups৪ images১,১৮৩ KBTools গ্যালারিতে টিক করা দুটি টুল কার্ড, যেখানে ফ্লোটিং সিলেকশন বারে "2 selected" লেখা এবং Available offline, View sessions, Favourite ও Hide-এর অপশন দেওয়া আছেsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file২৮০ paths~46k nodes৫০০ groups৫ images১,২২৭ KB

আপনার কাজ শেয়ার করা

একটি ডিজাইন দুইভাবে বাইরে যায়: লিঙ্ক হিসেবে অথবা ফাইল হিসেবে। Share ডায়ালগে দুটোই আছে। এক্সপোর্ট কন্ট্রোলের Share দিয়ে সেটি খুলুন; Projects-এ সেভ করা কোনো সেশনের Share link ওই সেশনের জন্য একই ডায়ালগ খোলে।

লিঙ্ক

প্রতিটি ইনপুট পেজের URL-এ ধরা থাকে, তাই লিঙ্কটাই ডিজাইন। ডায়ালগের একেবারে উপরে থাকে কপি করার জন্য তৈরি লিঙ্কটি, তার নিচে গুটিয়ে রাখা দুটি বিভাগ।

লিঙ্কটি সহকর্মীকে পাঠান, বুকমার্ক করুন বা কমিট করে রাখুন। (পুরো বিবরণ: URL Mode।)

কিছু টুলের জন্য লিংকই পুরো প্রোডাক্ট। Jump Page আপনার লিংকগুলোকে বিতরণের জন্য একটি পেজে জড়ো করে - একটি bio link, কোনো কনফারেন্স টকের জন্য, বা একটি শপ ফ্রন্টের জন্য। এটি হোস্ট করার কিছু নেই এবং এর পেছনে কোনো অ্যাকাউন্ট নেই: পেজটিই লিংক, তাই এটি ঠিক ততটাই দ্রুত খোলে যতটা দ্রুত URL পৌঁছায়। এডিটরে আপনি ফিল্ডের পাশে তৈরি হওয়া পেজটি দেখেন; যে ভিজিটর লিংকটি খোলে সে এটি পুরো প্রস্থে পায়, স্ক্রল করার সাথে সাথে প্রতিটি সিনে একটি করে লিংক।

এডিটরে Jump Page - হেডিং, নিজস্ব ওয়াশসহ তিনটি লিংক সিন এবং একটি "Made with Lolly" ফুটার, ক্যানভাসে একটি পেজ হিসেবে লেআউট করাsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file১২ paths~2.4k nodes২৮ groups৩০ KBএডিটরে Jump Page - হেডিং, নিজস্ব ওয়াশসহ তিনটি লিংক সিন এবং একটি "Made with Lolly" ফুটার, ক্যানভাসে একটি পেজ হিসেবে লেআউট করাsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file১২ paths~2.4k nodes২৮ groups৩০ KB

লিঙ্ক কী বহন করতে পারে না তা ডায়ালগ জানিয়ে দেয়। তিনটি জিনিস URL-এ আঁটে না: এই ডিভাইস থেকে যোগ করা কোনো ছবি বা ফাইল, খুব লম্বা কোনো টেক্সট মান বা খুব বড় কোনো তালিকা। লিঙ্ক তৈরি হওয়ার সময় প্রতিটি গোনা হয়। কিছু বাদ দিতে হলে ডায়ালগ তার নাম বলে এবং নিচের ফাইলটির দিকে ইঙ্গিত করে, ছবি ছাড়াই খোলে এমন একটি লিঙ্ক আপনার হাতে ধরিয়ে দেওয়ার বদলে। যে লিঙ্ক নিছক লম্বা, তার জন্য অক্ষরসংখ্যাসহ একটু নরম একটি নোট আসে, কারণ প্যাক করলে লম্বা লিঙ্ক এখনও বাঁচানো যায়।

.lolly ফাইল

আপনি যে টুলে কাজ করছেন তার Share ডায়ালগে থাকা Download .lolly একই ডিজাইনকে একটি ফাইল হিসেবে লেখে। এতে সেভ করা সেশনের সঙ্গে আপনার ডিভাইস থেকে যোগ করা ছবি ও ফাইলগুলিও থাকে। ডিজাইনটি ক্যাটালগের যেসব শিল্প-উপকরণ ব্যবহার করে সেগুলিও ভিতরে সঙ্গে যায়, তাই যে মেশিন আপনার ব্র্যান্ড কখনও দেখেনি সেখানেও ফাইলটি সম্পূর্ণ অবস্থায় খোলে। আপনার ডিভাইসে শেয়ার শিট থাকলে Send to… ফাইলটি ডিস্কে সেভ না করে সরাসরি সেখানেই দিয়ে দেয় (AirDrop, Android-এর শেয়ার)।

একটি .lolly সাধারণ zip ছাড়া কিছু নয়। নাম বদলে .zip করে খুলুন: আপনার নিজের ছবিগুলি assets/uploads/-এ আর ক্যাটালগের শিল্প-উপকরণ assets/catalog/-এ, প্রতিটি নিজের আসল নাম ও এক্সটেনশনসহ, manifest.json-এ প্রতিটির তালিকা আছে আর উপরে থাকা একটি README বলে দেয় ফাইলটি কী।

পাঠানোর আগে তিনটি সিদ্ধান্ত আপনার:

একটি খোলা। অ্যাপের ওপর একটি .lolly ফাইল ড্রপ করুন: অ্যাসেটগুলো আপনার লাইব্রেরিতে যায়, সেশনটি Projects-এ যায় এবং টুলটি সেটির ওপর খোলে। আপনার কিছুই ওভাররাইট হয় না: সেশনটি একটি নতুন সংরক্ষিত স্লট হিসেবে আসে, যেখানে এই ডিভাইসে আগে থেকে থাকা কোনো অ্যাসেট চেকসাম দিয়ে মিলিয়ে দেখা হয় এবং ডুপ্লিকেট করার বদলে পুনরায় ব্যবহার করা হয়। প্রতিটি অংশ আসার সময় ফাইলের নিজস্ব চেকসামের বিপরীতে যাচাই করা হয়, তাই ট্রানজিটে নষ্ট হওয়া একটি কপি অর্ধেক ইমপোর্ট হওয়ার বদলে প্রত্যাখ্যাত হয়।

ফাইলে যদি এমন কোনো টুল থাকে যা আপনার নেই, সেই টুল চালানোর আগে Lolly জিজ্ঞেস করে: Trust this tool? টুলটির ও তার লেখকের নাম বলে এবং স্পষ্ট করে জানায় যে এটি খোলা মানে টুলের নিজের কোড আপনার ডিভাইসে চালানো, আর এগোনোর পথ হলো Trust & install। না বললেও শেয়ার করা কাজটি আপনার প্রজেক্টে সেভ থাকে, যেদিন টুলটি যোগ করবেন সেদিনের অপেক্ষায়। (এক ধরনের টুল এখনও সাইডলোড করা যায় না - যার কোড মডিউল হিসেবে আসে - সেটিকেও একইভাবে ফিরিয়ে দেওয়া হয়।)

লিঙ্ক আর ফাইল দুটোই একটি মুহূর্তের ছবি হাতে তুলে দেয়। অন্য কারও সঙ্গে একই সময়ে একই সেশনে কাজ করতে - দুটি ডিভাইস, কোনো সার্ভার নেই, একই নেটওয়ার্কে থাকলে ইন্টারনেটেরও দরকার নেই - দেখুন একসঙ্গে কাজ করা

লাইভ ক্যামেরা (মোশন-সংবেদী টুল)

প্রতিটি ছবির Filter - Halftone, Scanline, Posterize, Voronoi cells, Colour treatment, Pixel stretch ও Imperfections - ক্যামেরা থাকলে একটি Go live বোতাম দেখায়। এটি চালু করলে ইফেক্টটি আপনার ওয়েবক্যামকে ফ্রেম ধরে ধরে অনুসরণ করে, ফলে নড়াচড়ার সঙ্গে সাড়া দেয়; ফলাফলটি GIF, WebM বা MP4-এ রেকর্ড করতে পারেন। ফ্রেমগুলি আপনার ডিভাইসেই পড়া ও প্রক্রিয়া করা হয়, কখনও বাইরে যায় না, আর আপনি থামানো বা টুল ছেড়ে যাওয়ার মুহূর্তেই ক্যামেরা ছেড়ে দেওয়া হয়। (যেকোনো ছবি বাছাইয়ে Take a photo-ও আছে, যা একটিমাত্র ফ্রেম নিয়ে ডিভাইসেই একটি ছবি বানায়।)

My images

কোনো টুল যখন আপনার ডিভাইস থেকে ছবি যোগ করতে দেয়, ছবিটি যেভাবে এসেছিল ঠিক সেভাবেই রাখা হয় - তাই তার উপরের Content Credential এখনও যাচাই হয় - এবং আপনার নিজস্ব My images লাইব্রেরিতে (Profile → Storage-এর নিচে) সেভ হয়। কেবল সত্যিই বিশাল কোনো ফাইলের ক্ষেত্রেই জিজ্ঞেস করা হয় সেটি রাখবেন নাকি ছোট করবেন। যেকোনো টুলে সেটি আবার ব্যবহার করুন। ছবি ঢোকার সময়েই EXIF/GPS মুছে ফেলতে প্রোফাইলে Strip metadata from uploads চালু করুন। কোনো সীমা নেই: লাইব্রেরিটি পুরোপুরি স্থানীয় এবং কেবল আপনার ডিভাইসের জায়গা দিয়েই সীমিত - সেখানেই ছবি সামলান বা মুছে ফেলুন।

Catalogue - আপনার অ্যাসেট লাইব্রেরি

Catalogue (#/c, অথবা প্রতিটি তালিকা ভিউয়ের উপরে থাকা Projects · Tools · Utilities · Catalog সুইচের Catalog অংশ) আপনার টুলগুলি যা যা ব্যবহার করতে পারে তার সব জড়ো করে - ব্র্যান্ড লোগো, ছবি, অডিও ও মোশন, ধরন অনুযায়ী সাজানো - আর আপনার নিজের সৃজনশীল ফাইলগুলিও এখানেই থাকে। কোনো সার্ভার নেই, কোনো অ্যাডমিন কনসোল নেই, কোনো পুল রিকোয়েস্ট নেই: সবই আপনার ডিভাইসে।

Catalogue - ব্র্যান্ড অ্যাসেট, সোয়াচ ও ফন্ট, সঙ্গে আপনার নিজের আপলোডsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৪৫৬ paths~43k nodes৭০৭ groups১,০২২ KBCatalogue - ব্র্যান্ড অ্যাসেট, সোয়াচ ও ফন্ট, সঙ্গে আপনার নিজের আপলোডsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৪৫৬ paths~43k nodes৭০৭ groups১,০২২ KB

আপনার প্যালেট ও ফন্ট যেখানে খুশি নিয়ে যান

Catalogue-এর Swatches প্যানেল শুধু দেখানোর চেয়ে বেশি কিছু করে - কোনো রঙে ক্লিক করলে সেটি কপি হয়, অথবা আপনার অন্য টুল যে ফরম্যাট বোঝে সেই ফরম্যাটে পুরো ব্র্যান্ড প্যালেট ডাউনলোড করুন:

Swatches প্যানেল - উপরে সারিবদ্ধ পাঁচটি প্যালেট ডাউনলোড বোতাম, তারপর প্রতিটি ব্র্যান্ড রং কপি করা যায় এমন চিপ হিসেবেsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file১৯৬ paths~22k nodes২৮২ groups৩০২ KBSwatches প্যানেল - উপরে সারিবদ্ধ পাঁচটি প্যালেট ডাউনলোড বোতাম, তারপর প্রতিটি ব্র্যান্ড রং কপি করা যায় এমন চিপ হিসেবেsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file১৯৬ paths~22k nodes২৮২ groups৩০২ KB

Fonts প্যানেল আপনার ব্র্যান্ডের ফন্টগুলির তালিকা দেয়, প্রতিটির পাশে একটি download থাকে, যাতে সেগুলি নিজের যন্ত্রে ইনস্টল করতে বা প্রিন্টের দোকানে দিতে পারেন। (Brand Studio-এর Colours ঘরেও একই প্যালেট ডাউনলোড পাওয়া যায়।)

খোলা, নিজে-করার পথের একটি অর্ধেক হলো অ্যাসেট; অন্যটি হলো নিজের টুল বানানো - ফ্রি ক্যানভাস (উপরে বর্ণিত Design) কোনো কোড ছাড়াই দেখে দেখে একটি টুল বানাতে দেয়।

শব্দ ও অ্যাক্সেসিবিলিটি

Lolly চায় সবার জন্যই ব্যবহারে স্বচ্ছন্দ হতে। ইন্টারফেসটি কীবোর্ড দিয়ে চালানো যায়, কাস্টম কন্ট্রোলগুলিতে স্ক্রিন রিডারের জন্য যথাযথ লেবেল থাকে এবং প্রতিটি টুলের লাইভ প্রিভিউ একটিমাত্র লেবেলযুক্ত ছবি হিসেবে দেওয়া হয়, যা কী বানানো হচ্ছে তা বর্ণনা করে।

সহায়ক শব্দের একটি নরম স্তর আপনার কাজ নিশ্চিত করে - গ্যালারিতে পৌঁছানো, Content Credentials বৈধ না অবৈধ তার যাচাই, প্যানেল বন্ধ করা, ফিল্টার বদলানো। এটি ডিফল্টে বন্ধ: যেখানেই সুইচটি দেখেন (প্রতিটি ভিউয়ের অপশন পপওভারে, বা Profile-এ) সেখানেই Sound চালু করুন, পছন্দটি মনে রাখা হয়।

Profile → Accessibility-এর নিচে চারটি ঐচ্ছিক স্বাচ্ছন্দ্যের সেটিং আছে: Reduce motion (অ্যাপের ট্রানজিশন ও কারুকাজ বাদ দেয়), Hide colourful previews (গ্যালারির কার্ডগুলিকে শান্ত আইকন-ও-টেক্সটে নামায়, আর প্রজেক্ট থাম্বনেইলগুলিকে নরম করে), High contrast (আরও স্পষ্ট বর্ডার, টেক্সট ও ফোকাস রিং) এবং Large text (অ্যাপের বড় হরফ - লেবেল, মেনু, বোতামের লেখা)। চারটিই অ্যাপকে আপনার কাজের চারপাশে শান্ত করে: এগুলি কখনও টুলের ক্যানভাসের ভিতরে ঢোকে না বা আপনি যা এক্সপোর্ট করেন তার একটি পিক্সেলও বদলায় না, আর প্রতিটি নিজে চালু না করা পর্যন্ত বন্ধ থাকে। পুরো বিবরণ আপনার প্রোফাইল → Accessibility-এ।

Sound সুইচের পাশে আছে Neurospicy Mode - কাজের সময় নিচু স্বরে বাজতে থাকা একটি ঐচ্ছিক, মন শান্ত করা ফোকাস ট্র্যাক। চালু করলে নিচের কোণে ছোট একটি player dock খোলে যা অ্যাপের সব জায়গায় আপনার সঙ্গে থাকে; সেখান থেকে ট্র্যাক খুঁজে বেছে নিতে, সামনে-পিছনে যেতে, ভলিউম ঠিক করতে এবং ছোট করে রাখতে বা বন্ধ করতে পারেন। ট্র্যাকের তালিকায় কয়েকটি ধরন আছে - প্রোসিডিউরাল Lolly Sings সুর, অ্যাম্বিয়েন্ট লুপ ও বিট, আপনার নিজের আপলোড করা অডিও এবং কয়েকটি লাইভ ইন্টারনেট radio স্টেশন (এগুলির জন্য সংযোগ লাগে; বাকি সব অফলাইনেই বাজে)। এটি ডিফল্টে বন্ধ এবং Sound-এর মতোই সেশন ও ডিভাইস জুড়ে মনে রাখা হয়। Sound বন্ধ করলে ফোকাস ট্র্যাকও চুপ হয়ে যায়।

স্টোরেজ ও গোপনীয়তা

সবকিছু আপনার ব্রাউজারের স্থানীয় ডেটাবেসে (IndexedDB) রাখা হয়: আপনার প্রোফাইল, সেভ করা সেশন, আপলোড করা ছবি এবং ডাউনলোড করা ক্যাটালগ কনটেন্টের একটি ক্যাশ। Profile → Storage কতটা জায়গা লেগেছে তা দেখায় এবং আপনাকে দেয়:

ফোনের প্রস্থের পর্দায় স্টোরেজ কার্ড: ডিভাইসে রাখা প্রতিটি শ্রেণির ডেটার নাম, নিচে Clear all my data বোতামsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file১৪ paths~2.0k nodes৩৯ groups২৮ KBফোনের প্রস্থের পর্দায় স্টোরেজ কার্ড: ডিভাইসে রাখা প্রতিটি শ্রেণির ডেটার নাম, নিচে Clear all my data বোতামsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file১৪ paths~2.0k nodes৩৯ groups২৯ KB

এই স্থানীয় ডেটার কিছুই কোথাও পাঠানো হয় না - কোনো টেলিমেট্রি নেই, ক্লাউডে রেন্ডারিং নেই। অ্যাপটি কখনও কী কী আনে বা পাঠায় তার পুরো তালিকা আছে গোপনীয়তা নীতি-তে, আর সার্ভার সারফেস ঐচ্ছিক সার্ভার অংশগুলির তালিকা দেয়।

অন্য ডিভাইসে যাওয়া

যেহেতু সবকিছু আপনার ডিভাইসেই থাকে, Profile → Storage → Move to another device দিয়ে সবটা দ্বিতীয় একটি ইনস্টলে নিয়ে যেতে পারেন - কোনো অ্যাকাউন্ট নেই, কোনো ক্লাউড নেই:

ক্যাটালগ ক্যাশ এর মধ্যে থাকে না - নতুন ডিভাইসে সেটি নিজেই আবার ডাউনলোড হয়ে যায়। বান্ডিলটি সাধারণ একটি zip (manifest.json + profile.json + sessions.json + assets.json + assets/blobs/… + prefs.json, ফরম্যাট id lolly-backup), তাই ইমেল, USB বা AirDrop পেরিয়েও অক্ষত থাকে এবং প্রতিটি শেল একই ফরম্যাট পড়ে। প্রতিটি অংশের চেকসাম থাকে, তাই পথে নষ্ট হওয়া ফাইল অর্ধেক ভাঙা অবস্থায় ফিরে আসার বদলে ইমপোর্টের সময়েই ধরা পড়ে। (পুরো ফরম্যাটের বিবরণ: ডেটা ট্রান্সফার।)

ডিজাইন ইমপোর্ট করা (Figma, Penpot, Illustrator, InDesign)

আগে থেকে থাকা কোনো ডিজাইন Lolly-তে এনে তাতে কাজ চালিয়ে যেতে পারেন: Design খুলুন, ক্যানভাস টুলবারের Import a design-এ ক্লিক করুন, এবং একটি Figma .fig বা SVG, একটি Penpot .penpot, একটি Illustrator .ai / .pdf বা একটি InDesign .idml বেছে নিন। লেয়ারগুলি ফ্রি ক্যানভাসে সম্পাদনাযোগ্য বক্স হয়ে যায় - টেক্সট আবার টাইপ করা যায়, ছবি My images-এ যায় এবং হরফ ও রং ব্র্যান্ডের গ্লোবালের সঙ্গে মিলে যায় - তারপর ফলাফলটি অন্য যেকোনো সেশনের মতোই সেভ, শেয়ার ও রেন্ডার হয়। পুরো পার্সিং আপনার ডিভাইসেই হয়। পুরো বিবরণ: ডিজাইন ইমপোর্ট করা

এক্সপোর্ট

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

Batch (Pro) মোড

দক্ষ ব্যবহারকারীদের জন্য Batch (গ্যালারি থেকে লিঙ্ক করা, Pro ফিচার ফ্ল্যাগের পিছনে, যা ডিফল্টে চালু) একসঙ্গে অনেক ভিন্নরূপ রেন্ডার করে - একটি গ্রিড, যার প্রতিটি সারি এক সেট ইনপুট, সব একসঙ্গে এক্সপোর্ট হয়। একটি কার্ডকে বারোটি ভাষায় স্থানীয় করা বা এক দফাতেই প্রতিটি মাপের রূপ বানানোর জন্য আদর্শ। সারিগুলি টাইপ করে, স্প্রেডশিট থেকে সরাসরি পেস্ট করে বা CSV ইমপোর্ট করে ভরুন (একটি CSV এক্সপোর্টও করতে পারেন), আর প্রতিটি সারির জন্য আলাদা ফরম্যাট, মাপ ও আউটপুট ফাইলের নাম ঠিক করুন। গোটা গ্রিডটিকে নাম দেওয়া একটি batch session হিসেবে সেভ করুন, যা গ্যালারি থেকে আবার খোলে, আর প্রতিটি সারি একটিমাত্র .zip-এ ডাউনলোড করুন।

ব্যাচ টুলবার - zip-এর নাম, একক, DPI এবং প্রতিটি সারি যে ফরম্যাট ইনহেরিট করে, ডানদিকে Sessions এবং Render সহsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৩১ paths~1.9k nodes৫০ groups৪ images৩৪ KBব্যাচ টুলবার - zip-এর নাম, একক, DPI এবং প্রতিটি সারি যে ফরম্যাট ইনহেরিট করে, ডানদিকে Sessions এবং Render সহsigned by Lollyvector SVGনিজেই যাচাই করুনGet the signed file৩১ paths~1.9k nodes৫০ groups৪ images৩৪ KB

Batch একবারে একটি টেমপ্লেটের অনেক রূপ বানানোর জন্য। আগে থেকেই সেভ করা সেশনগুলি আবার রেন্ডার করতে Projects → Render folder / Render selection ব্যবহার করুন (উপরে দেখুন) - এর জন্য Pro লাগে না।

পাশাপাশি সম্পাদনা (Multi-edit)

Batch হলো একটি ডিজাইনের অনেকগুলো ভ্যারিয়েন্ট। Multi-edit কাজের বাকি অর্ধেক অংশ: বেশ কয়েকটি আলাদা সংরক্ষিত ডিজাইন একসাথে খোলে, যাতে একটি পরিবর্তন সেগুলো সব ক'টিতেই প্রযোজ্য হয়। Projects-এ দুই থেকে আটটি সংরক্ষিত সেশন টিক করুন এবং সিলেকশন বার থেকে Edit together বেছে নিন; সেগুলো #/multi?s=<slot>,<slot>…-এ পাশাপাশি লাইভ কার্ড হিসেবে খোলে। প্রতিটি কার্ড সেই সেশনের একটি আসল রেন্ডার, সংরক্ষিত থাম্বনেইল নয়, তাই আপনি যা দেখছেন তাই এক্সপোর্ট হবে।

একটিমাত্র সাইডবার গোটা দলটিকে চালায়:

যেকোনো ক্যানভাসে ক্লিক করলে (বা তার উপর Enter চাপলে) ওই সেশনের সাইডবার কার্ডটি খুলে স্ক্রল হয়ে সামনে আসে। Save all প্রতিটি সেশনকে তার নিজের স্লটে ফিরিয়ে লেখে। Download all আগে সেভ করে, তারপর Projects-এর Render selection-এর মতো একই পাইপলাইনে পুরো সেটটি রেন্ডার করে - একটিমাত্র zip, পথে ঐচ্ছিক পাসওয়ার্ড লকের সুযোগসহ।

দুটি সৎ সীমা। দুই-থেকে-আটের সীমাটি সত্যিকারের: প্রতিটি কার্ড নিজের লাইভ রানটাইম চালায়, আর এই সংখ্যাতেই সবকিছু সাড়া দিতে পারে - এর বেশি চাওয়া (বা আর নেই এমন কোনো সেশন চাওয়া) লিঙ্ক অর্ধেক লোড না হয়ে সোজা জানিয়ে দেয়। আর লিঙ্কটি আপনার সেভ করা স্লটের নাম বলে, তাই এটি ওই সেটটি এই ডিভাইসেই আবার খোলে; এটি শেয়ার লিঙ্ক নয়।

নির্বাচন আটের বেশি হলে, একাধিক টুল মিশে গেলে বা সেশনের সঙ্গে ছবিও থাকলে, বেরোনোর পথ হলো একই সিলেকশন বারের Edit as sheet: এটি পুরো নির্বাচনটিকে ব্যাচ গ্রিডের সারি হিসেবে খোলে (#/pro?s=…), কোনো সংখ্যার সীমা নেই আর একই টুলের নিয়মও নেই। ফোল্ডার দুটোর কোনোটিতেই ঢোকে না - সেগুলির গ্রিডে খোলার নিজস্ব পথ আছে। (সার্চ একমাত্র জিনিস যা এখনও এখানে পৌঁছায় না: Multi-edit-ই একমাত্র ভিউ যার খবর সার্চ বার রাখে না।)

অফলাইন ও ইনস্টল

Lolly একটি PWA। প্রথমবার লোড হওয়ার পর এটি অফলাইনেও চলে - অ্যাপের মতো পূর্ণ-পর্দার অভিজ্ঞতার জন্য ব্রাউজারের ঠিকানা বার থেকে (বা মোবাইলে Add to Home Screen দিয়ে) ইনস্টল করুন। আপনি আবার অনলাইনে এলে এটি নিজেই আপডেট হয়ে নেয়।

আপডেট সম্পর্কে: যদি কোনো আপডেটের ঠিক পরে কোনো ভিউ লোড হতে ব্যর্থ হয় (একটি খালি প্যানেল, কোণে একটি "failed to fetch"), পেজটি একবার রিলোড করুন - অ্যাপ নতুন ভার্সনটি পরিষ্কারভাবে গ্রহণ করে এবং আপনার কাজ, সেশন ও ব্র্যান্ড অক্ষত থাকে। এটি সবকিছু আপনার ডিভাইসে সংরক্ষণ করে, পেজে নয়।