================================================================================ PHOTO CARD GENERATOR BY FAHIM MURSHID — COMPLETE TUTORIAL & USER GUIDE ফাহিম মুরশীদ ফটো কার্ড জেনারেটর — সম্পূর্ণ ব্যবহার নির্দেশিকা ও টিউটোরিয়াল Website: https://photocard.fahimm.com Author: Fahim Murshid (https://fahimm.com) Version: 2.0.0 ================================================================================ ================================================================================ PART 1: ENGLISH TUTORIAL ================================================================================ 1. INTRODUCTION & OVERVIEW -------------------------------------------------------------------------------- Photo Card Generator by Fahim Murshid is a free, 100% browser-based design application engineered to produce high-impact 1080x1080 pixel square photo cards, news channel graphics, quotes, and social media banners in seconds. Key Highlights: - 43+ Curated Templates (Bengali TV news channels, newspapers, magazines, neon, minimalist, sports, AI, and lifestyle). - 100% Client-Side Privacy: No login required, zero server uploads, images never leave your browser. - Full Native Bengali Typography & automated Bengali date calculation. - Free without any watermark or subscription. - 1-Click export to high-resolution 1080x1080 PNG format. -------------------------------------------------------------------------------- 2. STEP-BY-STEP USAGE GUIDE -------------------------------------------------------------------------------- STEP 1: CHOOSE A TEMPLATE - Open https://photocard.fahimm.com in your web browser. - On the left sidebar, click the "Select Template" dropdown. - Choose from 43+ templates. Preview updates instantly on the canvas. - Popular categories include: * News Channel & Media: Jamuna TV, Somoy TV, Daily Tader Desh, Classikalo, BBC Style (BTC), NTV Style (NTB), BTV Style (BTB), Breaking News. * Modern & Editorial: Minimal Edge, Poster Bold, Card Float, Diagonal Accent, Magazine Cover, Big Quote, Spotlight. * Visual & Dark Themes: Glass Neon, Neon Grid, Gradient Mesh, Vertical #1. * Specialty Topics: Sports, AI, Tech, Movie, Entertainment, Music, Business, Health, Travel, Food, Theater, Fashion. STEP 2: ADD & ADJUST YOUR PHOTO - Option A (Upload): Click "Upload / Change Image" or click the "Add / Change Photo" button on the canvas to select an image from your device. - Option B (URL): Paste any direct image URL into the "OR PASTE IMAGE URL" field (e.g., https://example.com/photo.jpg). It is automatically fetched and embedded safely. - Adjusting Photo Composition: * Scale: Use the Scale slider (0.1x to 3.0x) to zoom in or out. * Position X & Y: Adjust Pos X and Pos Y numbers to shift the photo horizontally or vertically. * Object Fit: Choose "Cover" (fill entire container), "Contain" (keep full photo visible), or "Fill" (stretch). STEP 3: EDIT TEXT & HEADLINES - Under the "Content" section in the sidebar, edit the dynamic text fields: * Heading / Headline: The main news headline or poster title. * Subheading: Contextual summary or secondary lead. * Date: Automatically pre-filled with today's date in Bengali (e.g., ২২ আগস্ট ২০২৬). You can customize it manually if needed. * Domain / Brand: Your website URL or publisher name (e.g., yoursite.com). * Facebook / YouTube: Social media handles or page names. - Direct Inline Editing: You can also click directly on text elements on the live canvas preview to type and edit in real time! STEP 4: ADD A LOGO & DRAG TO REPOSITION - In the "Logo" control group: * Upload your logo image (PNG with transparent background recommended) OR paste a logo URL. * Interactive Dragging: Click and hold the logo directly on the 1080x1080 canvas preview and drag it anywhere you want! * Coordinates are automatically remembered and saved. STEP 5: ADD A BOTTOM AD / SPONSOR BANNER (OPTIONAL) - Under "Ad Image (Bottom)", upload an ad banner or paste an image URL. - If left empty, the ad area automatically collapses cleanly. STEP 6: CUSTOMIZE FONTS & TYPOGRAPHY - In the "Style" section, open the "Font" selector to choose from over 100 Google Fonts. - Bengali Fonts: Choose from Hind Siliguri, Noto Sans Bengali, Noto Serif Bengali, Baloo Da 2, Anek Bangla, Mina, Galada. - System Fonts: On Chromium browsers (Chrome, Edge), click "Load Installed Fonts" to unlock and use any font installed on your computer. STEP 7: CUSTOMIZE COLORS - Accent Color: Sets highlight bars, borders, tag badges, and emphasis colors (default: #D9232D). - Background Color: Changes the card background. - Text Color: Changes headline and body text color. - Tag Color: Overrides the color of news tags and category badges. STEP 8: EXPORT YOUR PHOTO CARD - Click the large red "Download Image" button in the sidebar (or bottom bar on mobile). - The canvas will instantly render and download a crisp 1080x1080 PNG file to your downloads folder. - Ready to post immediately on Facebook, Instagram, Twitter/X, and LinkedIn! -------------------------------------------------------------------------------- 3. HELPFUL FEATURES & TIPS -------------------------------------------------------------------------------- - Dark Mode / Light Mode: Click the Sun/Moon toggle icon in the sidebar to switch themes. - Automatic Save: All your text, colors, uploaded photos, and settings are saved automatically in your browser's localStorage. If you refresh the page, your work is restored. - Reset Button: Click "Reset" anytime to restore default template settings. - Mobile Friendly: On smartphones, use the bottom floating action bar to toggle settings or download with one tap. ================================================================================ PART 2: BANGLA TUTORIAL (বাংলা টিউটোরিয়াল) ================================================================================ ১. পরিচিতি ও সংক্ষিপ্ত বিবরণ -------------------------------------------------------------------------------- ফাহিম মুরশীদ ফটো কার্ড জেনারেটর (Photo Card Generator by Fahim Murshid) একটি সম্পূর্ণ ফ্রি ও ব্রাউজার-ভিত্তিক অনলাইন ডিজাইন টুল। এটি দিয়ে কোনো গ্রাফিক্স ডিজাইনের অভিজ্ঞতা ছাড়াই মাত্র কয়েক সেকেন্ডে প্রফেশনাল ১০৮০×১০৮০ পিক্সেল সাইজের বাংলা নিউজ কার্ড, সোশ্যাল মিডিয়া পোস্টার, উক্তি বা কোট কার্ড তৈরি করা যায়। প্রধান সুবিধাসমূহ: - ৪৩+ আকর্ষণীয় টেমপ্লেট (যমুনা টিভি, সময় টিভি, প্রথম আলো/ক্লাসিকালো, এনটিভি, বিবিসি, স্পোর্টস, এআই, সিনেমা, ম্যাগাজিন ইত্যাদি)। - ১০০% প্রাইভেসি ও নিরাপত্তা: কোনো অ্যাকাউন্ট বা সাইন-আপ লাগে না। ছবি বা তথ্য কোনো সার্ভারে জমা হয় না, সবকিছু আপনার ডিভাইসেই প্রসেস হয়। - স্বয়ংক্রিয় বাংলা তারিখ ও সংখ্যা রূপান্তর ব্যবস্থা। - ১০০টিরও বেশি গুগল ফন্ট এবং কম্পিউটারের নিজস্ব ফন্ট ব্যবহারের সুবিধা। - কোনো জলছাপ (Watermark) ছাড়া এক ক্লিকে হাই-রেজোলিউশন PNG ডাউনলোড। -------------------------------------------------------------------------------- ২. ধাপে ধাপে ফটো কার্ড বানানোর নিয়ম -------------------------------------------------------------------------------- ধাপ ১: টেমপ্লেট নির্বাচন করুন - যেকোনো ব্রাউজারে https://photocard.fahimm.com লিঙ্কে প্রবেশ করুন। - বাম পাশের সাইডবারের "Select Template" ড্রপডাউন থেকে আপনার পছন্দের টেমপ্লেট বেছে নিন। সাথে সাথে ডানের ক্যানভাসে প্রিভিউ পরিবর্তিত হবে। - ক্যাটাগরি অনুযায়ী টেমপ্লেট: * সংবাদ মাধ্যম: Jamuna TV, Somoy TV, Daily Tader Desh, Classikalo, Breaking News, NTV Style, BTC News, BTV Style ইত্যাদি। * মডার্ন ও সম্পাদকীয়: Minimal Edge, Poster Bold, Card Float, Diagonal Accent, Magazine Cover, Big Quote, Spotlight। * ডার্ক ও গ্লাস থিম: Glass Neon, Neon Grid, Gradient Mesh, Vertical #1। * বিষয়ভিত্তিক: Sports, AI, Tech, Movie, Entertainment, Music, Business, Health, Travel, Food, Fashion। ধাপ ২: ছবি যুক্ত ও অ্যাডজাস্ট করুন - ছবি আপলোড: "Upload / Change Image" বাটনে ক্লিক করে আপনার কম্পিউটার বা ফোন থেকে ছবি নির্বাচন করুন অথবা ক্যানভাসের "Add / Change Photo" বাটনে ক্লিক করুন। - ইমেজ ইউআরএল (URL): অনলাইন কোনো ছবির সরাসরি লিঙ্ক "OR PASTE IMAGE URL" বক্সে পেস্ট করতে পারেন। - ছবি পজিশন ও সাইজ ঠিক করা: * Scale: স্লাইডার টেনে ছবি জুম-ইন বা জুম-আউট করুন (0.1x থেকে 3x)। * Pos X ও Pos Y: ছবির অবস্থান ডানে-বামে বা উপরে-নিচে সরান। * Object Fit: Cover (পুরো বক্স ভরাট), Contain (পুরো ছবি দৃশ্যমান), অথবা Fill নির্বাচন করুন। ধাপ ৩: শিরোনাম, সংবাদ ও তথ্য এডিট করুন - সাইডবারের "Content" অংশে প্রয়োজনীয় তথ্যগুলো লিখুন: * Heading: মূল শিরোনাম বা হেডলাইন। * Subheading: বিস্তারিত বা সাব-হেডলাইন। * Date: স্বয়ংক্রিয়ভাবে আজকের বাংলা তারিখ (যেমন: ২২ আগস্ট ২০২৬) চলে আসবে। প্রয়োজনে পরিবর্তনও করতে পারেন। * Domain / Website: আপনার ওয়েবসাইটের নাম (যেমন: yoursite.com)। * Facebook / YouTube: আপনার সোশ্যাল মিডিয়া পেজের নাম। - সরাসরি ক্যানভাস এডিট: প্রিভিউ ক্যানভাসের লেখার উপর সরাসরি ক্লিক করেও টাইপ করে এডিট করতে পারবেন। ধাপ ৪: লোগো যুক্ত করা ও ড্র্যাগ করে বসানো - "Logo" অপশনে গিয়ে আপনার প্রতিষ্ঠানের পিএনজি (PNG) লোগো আপলোড করুন বা লোগোর URL দিন। - মাউস দিয়ে লোগোটি ধরে ক্যানভাসের যেকোনো জায়গায় টেনে (Drag & Drop) বসিয়ে দিন। ধাপ ৫: বিজ্ঞাপন / স্পন্সর ব্যানার (ঐচ্ছিক) - "Ad Image (Bottom)" অপশনে গিয়ে স্পন্সর ব্যানার আপলোড করুন। প্রয়োজন না হলে খালি রাখলে স্বয়ংক্রিয়ভাবে ব্যানার অংশটি বন্ধ থাকবে। ধাপ ৬: বাংলা ও ইংরেজি ফন্ট পরিবর্তন - "Style" অপশনের "Font" ড্রপডাউন থেকে ১০০+ ফ্রন্ট থেকে পছন্দের ফন্ট বেছে নিন। - জনপ্রিয় বাংলা ফন্ট: Hind Siliguri, Noto Sans Bengali, Baloo Da 2, Anek Bangla, Galada, Mina ইত্যাদি। - পিসির ফন্ট ব্যবহার: গুগল ক্রোম বা এজ ব্রাউজারে "Load Installed Fonts" বাটনে ক্লিক করে আপনার কম্পিউটারে ইনস্টল করা যেকোনো ফন্ট ব্যবহার করতে পারবেন। ধাপ ৭: রঙ (Color) কাস্টমাইজেশন - Accent Color: হেডলাইন বার, বর্ডার ও হাইলাইটের রঙ পরিবর্তন করুন (ডিফল্ট: লাল #D9232D)। - Background: কার্ডের ব্যাকগ্রাউন্ডের রঙ। - Text Color: লেখার রঙ (সাদা, কালো বা যেকোনো রঙ)। - Tag Color: ক্যাটাগরি বা নিউজ ট্যাগের রঙ। ধাপ ৮: ফটো কার্ড ডাউনলোড করুন - সাইডবারের লাল "Download Image" বাটনে ক্লিক করুন। - সাথে সাথে ১০৮০×১০৮০ পিক্সেলের ক্রিস্টাল ক্লিয়ার PNG ফটো কার্ড আপনার ডিভাইসে ডাউনলোড হয়ে যাবে। - এখন ফেসবুক, ইনস্টাগ্রাম, টুইটার বা লিঙ্কডইনে সরাসরি পোস্ট করুন! -------------------------------------------------------------------------------- ৩. দরকারি ফিচার ও পরামর্শ -------------------------------------------------------------------------------- - ডার্ক ও লাইট মোড: সাইডবারের সূর্য/চাঁদ আইকনে ক্লিক করে চোখের আরামদায়ক থিম বেছে নিন। - অটো সেভ (Auto Save): আপনার লেখা ও ডিজাইন ব্রাউজারে স্বয়ংক্রিয়ভাবে সেভ থাকে, ফলে পেজ রিফ্রেশ হলেও কাজ নষ্ট হবে না। - রিসেট বাটন: সম্পূর্ণ নতুনভাবে শুরু করতে "Reset" বাটনে ক্লিক করুন। - মোবাইল সাপোর্ট: স্মার্টফোনে ব্যবহারের সময় নিচের ফ্লোটিং বাটন দিয়ে সহজে সেটিংস ও ডাউনলোড নিয়ন্ত্রণ করা যায়। ================================================================================ Official Website: https://photocard.fahimm.com Developer: Fahim Murshid (https://fahimm.com | https://github.com/murshed) Licensed under MIT License ================================================================================