বিনামূল্যে অনলাইনে ছবির ওপর ছবি বসানোর নিয়ম: ধাপে ধাপে নির্দেশিকা

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

এই ছোট কাজের জন্য ভারী ডিজাইন সফটওয়্যার দরকার নেই। OverlayImage.app খুলে ব্রাউজারেই পুরো কাজ করা যায়: একটি মূল ছবি নিন, এক বা একাধিক ওভারলে স্তর যোগ করুন, ক্যানভাসে সরাসরি জায়গামতো বসান, তারপর ফলাফল ডাউনলোড করুন। কোনো নিবন্ধন লাগে না এবং এক্সপোর্ট করা ছবিতে প্ল্যাটফর্মের ওয়াটারমার্ক যোগ হয় না।

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

ছবি ওভারলে করার আগে যা প্রস্তুত রাখবেন

অন্তত দুটি ছবি দরকার:

1. মূল ছবি ওভারলে মোডে ক্যানভাসের দৈর্ঘ্য-প্রস্থ ঠিক করে। সাধারণত যে দৃশ্য, পণ্য, পোর্ট্রেট বা ব্যাকগ্রাউন্ডটি অক্ষুণ্ণ রাখতে চান, সেটিই মূল ছবি হবে।
2. ওভারলে ছবি মূল ছবির ওপরে বসে। এটি PNG লোগো, স্বাক্ষর, সাজসজ্জার উপাদান, আলোর ইফেক্ট বা আরেকটি ফটো হতে পারে।

সাধারণ আধুনিক ব্রাউজারে PNG, JPEG, WebP, GIF ও SVG ফাইল খোলা যায়। লোগো বা কাটআউটের চারপাশ অদৃশ্য রাখতে চাইলে স্বচ্ছতাসহ PNG, WebP বা SVG ব্যবহার করুন। JPEG-এ স্বচ্ছ ব্যাকগ্রাউন্ড থাকে না; তাই JPEG হিসেবে রাখা লোগোর সঙ্গে সাধারণত সাদা বা রঙিন আয়তাকার অংশও দেখা যায়।

চূড়ান্ত কাজে যত বড় ছবি লাগবে, শুরুতেই তার কাছাকাছি মাপের ফাইল নিলে ভালো। ছোট ওভারলে বেশি বড় করলে কিনারা ঝাপসা হতে পারে। পরিষ্কার মূল ছবি ও যথেষ্ট বড় ওভারলে নিলে মান নষ্ট না করেই সরানো ও রিসাইজ করার সুযোগ বেশি থাকে।

চার ধাপে অনলাইনে ছবির ওপর ছবি বসান

১. মূল ছবি আপলোড করুন

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

২. ওভারলে ছবি যোগ করুন

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

প্রতিটি ওভারলে আলাদা থাকে। অন্য থাম্বনেইল বেছে নিলে সরানো, মাপ, ঘোরানো, অস্বচ্ছতা, ব্লেন্ড মোড ও রঙের সমন্বয় সেই স্তরেই প্রয়োগ হবে।

৩. স্তরটি সরান, রিসাইজ করুন ও ব্লেন্ড করুন

নির্বাচিত ছবিটি সরাতে ক্যানভাসে টেনে নিন। অনুপাত ঠিক রেখে মাপ বদলাতে চার কোণের যেকোনো হ্যান্ডেল টানুন। এতে গোল লোগো চ্যাপ্টা হবে না এবং ছবির মানুষ বা বস্তু অস্বাভাবিকভাবে লম্বা-চওড়া দেখাবে না।

একেবারে নির্দিষ্ট মান দরকার হলে পাশের নিয়ন্ত্রণগুলো ব্যবহার করুন। X ও Y অবস্থান লিখে দেওয়া, স্তরকে মাঝখানে নেওয়া, ঘোরানো, উল্টানো, নকল করা এবং স্তরের ক্রমে সামনে-পেছনে নেওয়া যায়। একাধিক ছবি পরস্পরকে ঢেকে দিলে নিচের স্তর সরাসরি নির্বাচন করা কঠিন হতে পারে; তখন এসব নিয়ন্ত্রণ বিশেষ কাজে দেয়।

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

• মাল্টিপ্লাই গাঢ় অংশ ধরে রাখে; কাগজের টেক্সচার, কালি ও ছায়ায় ভালো কাজ করে।
• স্ক্রিন উজ্জ্বল অংশ ধরে রাখে; আলোর ঝলক, মেঘ ও আভার জন্য উপযোগী।
• সফট লাইট ওভারলে বা হার্ড লাইটের মতো তীব্র না হয়ে হালকা কনট্রাস্ট ও রঙ যোগ করে।
• ডিফারেন্স ও এক্সক্লুশন পরীক্ষামূলক রঙের প্রতিক্রিয়া তৈরি করে।

ছবিটি যে মাপে ব্যবহার হবে, সেই মাপেই ফলাফল যাচাই করুন। বড় ডেস্কটপ প্রিভিউতে যে ওয়াটারমার্ক সংযত মনে হয়, ফোনে সেটি খুব ফিকে হয়ে যেতে পারে। আবার পূর্ণ রেজোলিউশনে স্পষ্ট টেক্সচার সামাজিক মাধ্যমে ছবি ছোট হওয়ার পর হারিয়ে যেতে পারে।

৪. তৈরি ছবি এক্সপোর্ট করুন

এক্সপোর্ট প্যানেল থেকে PNG, JPEG বা WebP বেছে নিন। স্বচ্ছ আউটপুট, পরিষ্কার লোগো ও পরে আবার সম্পাদনার সম্ভাবনা থাকলে PNG নিরাপদ। অস্বচ্ছ ব্যাকগ্রাউন্ডে চূড়ান্ত ফটোর জন্য JPEG ভালো। WebP স্বচ্ছতা বজায় রেখেও তুলনামূলক ছোট, ওয়েব-উপযোগী ফাইল দিতে পারে।

JPEG ও WebP-এর ক্ষেত্রে ডাউনলোডের আগে গুণমান ঠিক করুন। ওপরের দিকের মান সাধারণত ছবির সূক্ষ্ম অংশ ধরে রাখে, কিন্তু সর্বোচ্চ ফাইল সাইজ এড়ায়। লেখা, চুল, চিকন রেখা ও লোগোর শক্ত কিনারা দেখে নিন—কমপ্রেশনের ত্রুটি এসব জায়গাতেই আগে চোখে পড়ে।

প্রিভিউ ঠিক হলে ছবি ডাউনলোড করুন চাপুন। ক্যানভাসটি যে পিক্সেল মাপে কাজ করছে, সেই মাপেই রেন্ডার হয়ে আপনার ডিভাইসে সেভ হবে।

ওভারলেকে পরিকল্পিত ও পরিপাটি দেখাবেন যেভাবে

একটি ছবির ওপর আরেকটি বসানো প্রযুক্তিগতভাবে সহজ। কিন্তু ভালো ফলাফলের জন্য visual hierarchy দরকার। কোন ছবিটি আগে চোখে পড়বে তা ঠিক করুন; অন্য স্তরগুলো যেন সেটিকে সাহায্য করে।

লোগো সাধারণত মাঝখানের চেয়ে কোণে শান্ত দেখায়। লোগো ও ক্যানভাসের কিনারার মাঝে কিছুটা ফাঁকা রাখুন, যাতে পরে ছবি কাটছাঁট হলেও সেটি কেটে না যায়। মূল ছবি বেশি ব্যস্ত হলে কম খুঁটিনাটি থাকা অংশে লোগো সরান, অথবা লোগো ফাইলেই হালকা স্বচ্ছ পটভূমি রাখুন।

দুটি পূর্ণ ছবি ব্যবহার করলে দুটিরই প্রধান বিষয় চিনে নিন। ওপরের ছবির সবচেয়ে ব্যস্ত অংশ যেন নিচের ছবির মুখ, পণ্যের নাম বা গুরুত্বপূর্ণ দিগন্ত ঢেকে না ফেলে। দুই ছবির বিষয় যেন প্রতিযোগিতা না করে সম্পর্ক তৈরি করে—এমন অবস্থান খুঁজে তারপর অস্বচ্ছতা বা ব্লেন্ড মোড ঠিক করুন।

টেক্সচারের ক্ষেত্রে মাপ গুরুত্বপূর্ণ। মূল ছবির খুঁটিনাটির তুলনায় দানাদার ভাব অনেক বড় হলে সেটি আলাদা করে সেঁটে দেওয়া মনে হবে। খুব ছোট হলে এক্সপোর্টের পর আর দেখা যাবে না। ছবির সঙ্গে মানানসই না হওয়া পর্যন্ত টেক্সচারের মাপ বদলান; তারপর উজ্জ্বলতা, কনট্রাস্ট, রঙের ঘনত্ব বা অল্প ব্লার দিয়ে মিলিয়ে নিন।

ওভারলে, জোড়া লাগানো ও ব্লেন্ড এক জিনিস নয়

শব্দগুলো অনেক সময় একই অর্থে বলা হলেও ফলাফল আলাদা:

OverlayImage.app-এ তিন পদ্ধতিই আছে। একই জায়গায় স্তর বসাতে ওভারলে, সরাসরি জোড়ার জন্য পাশাপাশি বা ওপর ও নিচে, আর তিন বা তার বেশি পূর্ণ ছবি সারি-কলামে সাজাতে গ্রিড কোলাজ ব্যবহার করুন।

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

ছবি ওভারলে করার সাধারণ ভুল

ওভারলে টেনে বিকৃত করা

প্রস্থ ও উচ্চতা আলাদাভাবে বদলালে লোগো, মুখ ও জ্যামিতিক আকার বিকৃত হয়। ব্রাউজার টুলে কোণার হ্যান্ডেল ধরে রিসাইজ করুন; তাতে aspect ratio ঠিক থাকবে।

অতিরিক্ত ওয়াটারমার্ক দেওয়া

ওয়াটারমার্ক অননুমোদিত ব্যবহার নিরুৎসাহিত করবে, নিজেই ছবির মূল বিষয় হয়ে উঠবে না। একটি চিহ্ন দিয়ে শুরু করুন, অস্বচ্ছতা কমান এবং সাধারণ দেখার মাপে যাচাই করুন। ব্যবহারক্ষেত্রে সত্যিই বেশি সুরক্ষা দরকার হলেই একাধিক চিহ্ন দিন।

অবস্থান ঠিক করার আগেই ব্লেন্ড মোড বেছে নেওয়া

ব্লেন্ড মোড অসামঞ্জস্যপূর্ণ কম্পোজিশনকে সাময়িকভাবে আকর্ষণীয় দেখাতে পারে, কিন্তু ভুল অবস্থান ঠিক করে না। আগে স্বাভাবিক মোডে জায়গা ও মাপ ঠিক করুন। দৃশ্যগত স্তরবিন্যাস ভালো হলে অস্বচ্ছতা ও ব্লেন্ড মোড প্রয়োগ করুন।

ভুল ফরম্যাটে এক্সপোর্ট করা

স্বচ্ছ ফলাফল JPEG হিসেবে রাখলে স্বচ্ছ অংশ solid পটভূমি হয়ে যায়। আবার প্রতিটি ফটো PNG করলে অপ্রয়োজনীয়ভাবে ফাইল বড় হতে পারে। অভ্যাসের বশে একই ফরম্যাট না নিয়ে কোথায় ব্যবহার করবেন, সেটি দেখে ফরম্যাট বাছুন।

সোর্স ফাইলের একমাত্র কপি নিয়ে কাজ করা

মূল ফাইলগুলো রেখে দিন। ব্রাউজার টুল সেগুলো বদলায় না; তৈরি কম্পোজিশন নতুন ফাইল হিসেবে ডাউনলোড হয়। পরে কাটছাঁট, অবস্থান বা আউটপুটের মাপ বদলাতে হলে সহজেই আগের ফাইলে ফেরা যাবে।

গোপনীয়তা ও ব্রাউজারের কর্মক্ষমতা

OverlayImage.app বর্তমান ব্রাউজারেই কাজের ছবিগুলো পড়ে, একত্র করে ও এক্সপোর্ট করে। ফাইল কোনো ছবি প্রক্রিয়াকরণ সার্ভারে আপলোড বা ক্লাউডে সংরক্ষণ করা হয় না। ব্যক্তিগত ছবি, অসমাপ্ত প্রচারণার উপকরণ বা ক্লায়েন্টের এমন কাজ—যা অনলাইন অ্যাকাউন্টে রাখা উচিত নয়—এসবের জন্য এটি সুবিধাজনক।

লোকাল প্রসেসিংয়ের অর্থ হলো মেমোরিও আপনার ডিভাইস থেকেই পাওয়া যায়। খুব বড় camera ফাইল ও একাধিক full-resolution স্তরে অনেক মেমোরি লাগতে পারে, বিশেষ করে ফোনে। ব্রাউজার ধীর হলে অপ্রয়োজনীয় tab বন্ধ করুন, অস্বাভাবিক বড় উৎস ছবির মাপ কমান, অথবা একসঙ্গে কম স্তর ব্যবহার করুন।

সচরাচর জিজ্ঞাসা

দুইটির বেশি ছবি কি ওভারলে করা যায়?

হ্যাঁ। একটি মূল ছবি দিয়ে শুরু করে সর্বোচ্চ পাঁচটি স্বাধীন ওভারলে স্তর যোগ করা যায়। প্রতিটি স্তরের অবস্থান, মাপ, ঘোরানো, অস্বচ্ছতা, ব্লেন্ড মোড, উল্টানো ও সমন্বয় আলাদা থাকে।

স্বচ্ছ PNG কি ওভারলে করা যায়?

হ্যাঁ। স্বচ্ছ PNG লোগো, স্বাক্ষর, স্টিকার ও কাটআউট বিষয়ের জন্য আদর্শ। চূড়ান্ত ক্যানভাসেও স্বচ্ছতা দরকার হলে PNG বা WebP হিসেবে এক্সপোর্ট করুন।

অস্বচ্ছতা কমানো আর ব্লেন্ড মোড ব্যবহার করা কি একই কাজ?

না। অস্বচ্ছতা কোনো স্তর কতটা দেখা যাবে তা বদলায়। ব্লেন্ড মোড সেই স্তরের পিক্সেল নিচের পিক্সেলের সঙ্গে কীভাবে মিশবে তা বদলায়। দুটিই একসঙ্গে ব্যবহার করা যায়।

এক্সপোর্ট করা ছবিতে কি ওয়াটারমার্ক থাকবে?

না। OverlayImage.app নিজস্ব কোনো প্ল্যাটফর্ম ওয়াটারমার্ক যোগ করে না। আপনি ওভারলে স্তর হিসেবে নিজের ওয়াটারমার্ক যোগ করলেই শুধু সেটি থাকবে।

ফোনে কি এই কাজ করা যাবে?

হ্যাঁ। এডিটরটি বিভিন্ন পর্দার মাপে মানিয়ে যায় এবং touch dragging সমর্থন করে। ফোনে ধাপে ধাপে জানতে আইফোনে ছবির ওপর ছবি বসানোর নির্দেশিকা দেখুন।

নিজের কম্পোজিশন তৈরি করতে প্রস্তুত? এখনই অনলাইনে ছবি ওভারলে করুন, সরাসরি প্রিভিউতে প্রতিটি স্তর ঠিক করুন এবং তৈরি ফাইল ডাউনলোড করুন।