কিভাবে ওয়েভ টেমপ্লেট বা ওয়েভ সাইট ডিজাইন করা যায় (UI/UX)।এসো ডিজাইন শিখি

কিভাবে ওয়েভ টেমপ্লেট ডিজাইন করা যায়।

হ্যালো বন্ধুরা,

কেমন  আছেন,আশা করি ভাল।

আজ আমি ,একটি ওয়েভ সাইট ডিজাইন এবং ওয়েভ টেমপ্লেট ডিজাইন কিভাবে করা যায় অ্যাডবি ফটোশপ দিয়ে তা নিয়ে আলোচনা করবো।সাথে (UI/UX) ডিজাইন নিয়েও আলোচনা করবো। আশা করি সাথে থাকবেন।


ওয়েভ সাইট কি?
ওয়েভ সাইট হল শুধু একটি সাইট হল যা কোন ওয়েভ সার্ভারে রাখা ওয়েব পৃষ্ঠা,যাতে আপনার ছবি, অডিও, ভিডিও ও অন্যান্য ডিজিটাল তথ্যের সমষ্টিকে বোঝায়,যা ইন্টারনেটের ল্যানের সাথে অ্যাক্সেস করা থাকে।


কিভাবে ওয়েভ সাইট ডিজাইন করতে হয়?

ওয়েভ সাইট ডিজাইন করতে হলে আপনাকে জানতে হবে ওয়েভ সাইট সম্পর্কে।জানতে হবে ওয়েভ সাইট কি? কিভাবে ওয়েভ সাইট কাজ করে? জানতে হবে ওয়েভ সাইট কি কি পার্ট নিয়ে তৈরি হয়।

প্রথমে নিচে ওয়েভ সাইট ডিজাইন টি দেখে নেয়া যাক-

যে কোন ওয়েভ সাইটের ৩টি পার্ট থাকেঃ

১/ হেডার পার্ট

২/বডি পার্ট

৩/ফোটার পার্ট

 এই ৩টি পার্টের মধ্যে কিছু পার্ট থাকে যার সমন্বয় ওয়েভ সাইট তৈরি করা হয়।

হেডার পার্টঃ

1. নেভিগেশন পার্ট
2. কোম্পানি লোগো
3. কোম্পানি স্লোগান
4. কোম্পানির ছবি

বডি পার্টঃ

কোম্পানি সমস্থ কিছু থাকবে এই পার্টে

ফোটার পার্টঃ

1. কোম্পানি কন্টাক্ট ইনফর্মেশন
2. ম্যাপ
3. কোম্পানি মালিকের ইনফর্মেশন থাকবে

আপনি উপরের ওয়েভ সাইটির ডিজাইন দেখলে আপনি বোঝতে পারবেন যে কয়টা অংশে ভাগ করে একটি ওয়েভ সাইট ডিজাইন করা হয়।

আপনারা যারা ওয়েভ সাইট ডিজাইন করতে চান তারা আমার এই ওয়েভ সাইট টা ডাউনলোড করে প্রেক্টিস করতে পারেন।

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

ডাউনলোড

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

ভাল থাকবেন। দোয়া করবেন যেন সামনে আরো ভাল ভাল বিষয় আপনাদের সামনে নিয়ে আসতে পারি।

কিভাবে ক্লায়েন্টের জন্য বইয়ের কভার ডিজাইন করা যায়।এসো ডিজাইন শিখি

কিভাবে ক্লায়েন্টের জন্য বইয়ের কভার ডিজাইন করা যায়।

বইয়ের কভার ডিজাইন

হ্যালো বন্দুরা
আশা করছি ভালো আছেন

আজ আমি কিভাবে ক্লায়েন্টের জন্য বইয়ের কভার ডিজাইন করা যায় তা নিয়ে আলোচনা করবো।কিভাবে অ্যাডবি ফটোশপ দিয়ে ক্লায়েন্টের জন্য বইয়ের কভার ডিজাইন করা যায় তা আজ বিস্তারিত আলোচনা করবো।




বইয়ের কভার ডিজাইন কি?

আমার যে বই পুস্ত পড়ি বা দেখি তাঁর উপের পৃৃষ্ঠা কিন্তু বইয়ের ভিতরের পৃৃষ্ঠার মত ডিজাইন করা থাকে না।বইয়ের ভিতরের পৃৃষ্ঠা গুলো হয় মূলত তাঁর লেখা যা আমরা পড়ি।আর উপের পৃৃষ্ঠা তে থাকে বইটির নাম ,লেখকের নাম,প্রকাশনির নাম ইত্যাদি।

বইয়ের কভার ডিজাইনঃ

এখন আমরা কিভাবে একটি বইয়ের কভার ডিজাইন করা যায় তা নিয়ে কথা বলবো।

সাইজঃ বইয়ের সাইজ নির্ভর করে কিছু বিষয়ের উপর,যদি গল্পের বই হয় তাহলে বইয়ের ডিজাইন টা বেশি বড় করা যাবে না আবার বেশি ছোট করা যাবে না।আবার ছোট সাইজের বই ও ডিজাইন করা হয় তাঁর সাইজ ও অন্য রকম।

আবার যদি স্কুল/কলেজের বই হয় ,তাঁর ডিজাইন টা ও গল্পের বইয়ের ডিজাইন থেকে একটু অন্য রকম হয়।

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

কালার সিলেক্টঃ কালার ডিজাইন হল যে কোন ডিজাইনের জন্য মূল উপাদান,যার কালার কনসেপ্ট যত ভাল,তার ডিজাইন তত সুন্দর। এমনিতেই বই ডিজাইনের ক্ষেত্রে গাঁড় কালার ব্যবহার করা যায় না।যত নরমাল কালার ব্যবহার করা যায় ততই ভাল।

ডিজাইনঃ

যে কোন বই ডিজাইন করা ক্ষেত্রে তীনটি ভাগে ভাগ করে ডিজাইন করতে হয়।

১ সামনের পার্ট

২ পিছনের পার্ট

৩ মাঝখানের পার্ট

নিচের ডিজাইন টি দেখুনঃ

 ডিজাইন টিতে ৩টি পার্ট দেখানু হয়েছে।

  

প্রথমে সামনের পার্টি ডিজাইন করা হয়েছে।আপনি ইচ্ছে করলে আপনার মত করে ডিজাইন করতে পারেন।

সাইজ H=2000px,W=1600px, ফন্ট আপনার ইচ্ছে মত নিতে পারেন।

মাঝ খানের পার্টির সাইজ হল,H=2000px,W=208px, এখানে হাইট টা একিই থাকবে, ফন্ট হল Open Sans Regular এবং Open Sans Bold।

পিছনের পার্টি সাইজ হল প্রথমটির মত।যাতে সব একিই থাকবে শুধু ডিজাইন টা পরিবর্তন হবে।তবে তাতে লেখকের জীবন কাহিনী লেখা থাকে।লেখকের অন্য অন্য বইয়ের কিছু নাম থাকতে পারে।লেখকের ছবি থাকতে পারে।তারপর যে প্রকাশনা থেকে বই টি ছাপা হবে তাঁর নাম ও লোগো থাকতে পারে।

সর্বশেষ কাজ হল ভাল একটি মোকাপ ব্যবহার করে বইয়ের ডিজাইন টি ভাল ভাবে উপস্থাপন করা যাতে আপনার ক্লায়েন্ট ডিজাইন টি দেখে  খুশি হয় এবং আপনাকে পরবর্তি কাজ আপনাকে দেয়।মোকাপ করার পর আপনার ডিজাইনটি আমার উপরের বইয়ের দিজাইনটির মত বা তাঁর চেয়ে ভাল দেখাবে।

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

ভাল থাকবেন। দোয়া করবেন যেন সামনে আরো ভাল ভাল বিষয় আপনাদের সামনে নিয়ে আসতে পারি।

কিভাবে একটি বইয়ের কভার ডিজাইন করা যায়।এসো ডিজাইন শিখি

কিভাবে একটি বইয়ের কভার ডিজাইন করা যায়।

হ্যালো বন্দুরা

আশা করছি ভালো আছেন

আজ আমি কিভাবে একটি বইয়ের কভার ডিজাইন করা যায় তা নিয়ে আলোচনা করবো।এবং কিভাবে অ্যাডবি ফটোশপ দিয়ে ক্লায়েন্টের জন্য বইয়ের কভার ডিজাইন করা যায় তা  নিয়েও আজ বিস্তারিত আলোচনা করবো।

বিস্তারিত জানতে একটু অপেক্ষা করুন।

কিভাবে বর্নমালা লোগো ডিজাইন এবং ট্রাইপোগ্রাফি লোগো ডিজাইন করা যায়।

কিভাবে বর্নমালা লোগো ডিজাইন এবং ট্রাইপোগ্রাফি লোগো ডিজাইন করা যায়।

হ্যালো বন্ধুরা,

কেমন  আছেন,আশা করি ভাল।

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

বর্নমালা ডিজাইন কি?

যে কোন ভাষা প্রান হচ্ছে বর্নমালা।আর এই বর্নমালা ছাড়া ভাষা হয় না।ভিবিন্ন কোম্পানি তাদের প্রাতিষ্ঠানিক লোগো টি বর্নমালা দিয়ে ডিজাইন করে থাকেন।তাই কোন বর্নমালা বা ফণ্ট বা লেটার দিয়ে একজন ডিজাইনার কোন প্রতিষ্ঠানের জন্য যে লোগো ডিজাইন করে থাকেন তাঁর নামই হচ্ছে বর্নমালা ডিজাইন বা টাইফোগ্রাফি ডিজাইন।

টাইফোগ্রাফি ডিজাইন কি?

কোন বর্নমালা বা ফণ্ট বা লেটার দিয়ে একজন ডিজাইনার কোন প্রতিষ্ঠানের জন্য যে লোগো ডিজাইন করে থাকেন তাঁর নামই হচ্ছে বর্নমালা লোগো বা টাইফোগ্রাফি লোগো ডিজাইন ।



ডিজাইনঃ

অ্যাডবি ফটোশপ ওপেন করি এবং নতুন ডুকুমেন্ট ওপেন করি।যার সাইজ আপনাদের ইচ্ছে মত করে নিবেন।
আমি সাইজ নিয়েছি ( w=1500px h=1000px )

তারপর,ডুকুমেন্ট টিকে ডুপ্লিকেট করে নিবেন।মেনু বার থেকে Edit+Free Trasnform (Ctrl+T) ক্লিক করে Dristic করতে হবে।এখন অবজেক্টিকে মাউস দ্বারা উপরে ও নেচে  টেনে আনতে হবে।

তারপর,কালার চেঞ্জ করে সাদা কালার করে নিবেন।এবং blending option থেকে drop shadow apply করতে হবে।

তারপর, লেয়ার টি কে সেপারেট করে নিতে হবে।লেয়ার টি সিলেক্ট থাকা অবস্থায় লেয়ার টি ডান কোনে একটি ইরোর সিম্বল আছে তাতে মাউস দ্বারা ক্লিক করলে একটি অপশন বক্স আসবে।তাতে crate layer option টি ক্লিক করলে আরেক টি বক্স আসবে তাতে ok করে দিলে ই লেয়ার টি সেপারেট হয়ে যাবে।

 Drop shadow apply করার পর সেপারেট করা লেয়ার টি সিলেক্ট থাকা অবস্থায় ইরেজ টুলের  hardness 0% করে টুলের সাইজ টা একটু বেশি করে নিতে হবে।তারপর, drop shadow apply করার দুই পাশে মুছে দিতে হবে।

তারপর,Regular Normal font দ্বারা D লেখা টি লিখে নিবেন সাইজ ৪০০ হবে।অন্য লেখা গুলো roboto font দ্বারা লিখে নিবেন।

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

কিভাবে একটি ভেক্টর ইমেজ কে লাইন আর্ট ডিজাইন করা যায় লিংক- ক্লিক করুন

অথবা নিচের ভিডিও টি দেখুন

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

ভাল থাকবেন। দোয়া করবেন যেন সামনে আরো ভাল ভাল বিষয় আপনাদের সামনে নিয়ে আসতে পারি।

কিভাবে একটি ভেক্টর ইমেজ কে লাইন আর্ট ডিজাইন করা যায়।এসো ডিজাইন শিখি

ভেক্টর ইমেজ কে কিভাবে লাইন আর্ট ডিজাইন করা যায়

হ্যালো বন্ধুরা,

কেমন  আছেন,আশা করি ভাল।

আজ আমি ,একটি ভেক্টর ইমেজ কে লাইন আর্ট ডিজাইন কিভাবে করা যায় অ্যাডবি ইলেস্ট্রেটর দিয়ে তা নিয়ে আলোচনা করবো।আশা করি সাথে থাকবেন।

ভেক্টর ইমেজ কি?

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

যারা অ্যাডবি ইলেস্ট্রেটর দিয়ে কোন কিছু ডিজাইন করেন তারা একটু খেয়াল করবেন,ডিজাইনটি যতই বড় বা পরিবর্তন করেন না কেন ফাইলটির কোন পরিবর্তন হবে না।

লাইন আর্ট ডিজাইন

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

প্রথমে ইলেস্ট্রেটর সফটওয়্যার টি ওপেন করি এবং নিউ ডুকুমেন্ট নেই।যার সাইজ ডিফল্ট বা আপনার নিজের ইচ্ছে মত করে নিতে পারেন।

 নিউ ডুকুমেন্ট

তারপর,যে কোন একটি ভেক্টর ইমেজ ডাউনলোড করে নিতে হবে।আর যদি আপনার কাছে থাকে তাহলে ভাল।

ভেক্টর ইমেজটি ইলেস্ট্রেটর ডুকুমেন্টে নিয়ে আসেন।তাকে ইম্বেড ও ইমেজ ট্রেস করে  তারপর এক্সপান্ড করেন  আন-গ্রোপ করে নিবেন।

ভেক্টর ইমেজ

তারপর লাইন টুল দ্বারা ভেক্টর ইমেজ টির উপর লাইন  টেনে দিতে হবে।

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

কিভাবে একটি ভেক্টর ইমেজ কে লাইন আর্ট ডিজাইন করা যায় লিংক- ক্লিক করুন

অথবা নিচের ভিডিও টি ওপেন করুন

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

ভাল থাকবেন। দোয়া করবেন যেন সামনে আরো ভাল ভাল বিষয় আপনাদের সামনে নিয়ে আসতে পারি।

গ্রাফিক্স ডিজাইন শিখে ইনকাম করার ৫টি টিপস।

গ্রাফিক্স ডিজাইন শিখে ইনকাম করার ৫টি টিপস।

গ্রাফিক্স ডিজাইন শিখে ইনকাম 

গ্রাফিক্স ডিজাইন শিখার পর আপনি কিভাবে আর্ন(ইনকাম) করবেন তাই ভাবছেন? মনে মনে ভাবছেন এত কষ্ট করে গ্রাফিক্স ডিজাইন শিখলাম অথচ ইনকাম করতে পারবো না।কিভাবে ইনকাম করা যায়।এই ইনকাম (টাকা) কিভাবে করবেন তাই নিয়ে আপনার মাথা নষ্ট হয়ে যার অবস্থা।যাই হক আমি আপনাদের কে বলবো কিভাবে,কোন পথে,সহজে,সঠিক ভাবে ইনকাম করা যায়।


এখন নিচের ৫টি বিষয় নিজেকে প্রশ্ন করুন।.৫টি বিষয় থেকে আপনি কি জানেন আর কি জানেন না।

1. প্রথমে আপনাকে জানতে হবে আপনি গ্রাফিক্স ডিজাইনের কি কি কাজ বা বিষয় জানেন?
2. আপনি অনলাইন থেকে ইনকাম করতে চান না লোকাল মার্কেট থেকে ইনকাম করতে চান?
3. অনলাইনে কিভাবে ইনকাম করা যায়?
4. লোকাল মার্কেট থেকে কিভাবে ইনকাম করা যায়?
5. আপনার ধর্য্য শক্তি কি পরিমান আছে?

উপরের ৫টি বিষয় জানলে আপনি ইনকাম করা একটি সঠিক পথ পেতে পারেন।কারন ইনকাম করার জন্য সবচেয়ে বেশি নির্ভর করে আপনার ধর্য্য।

নিচে ৫টি বিষয় নিয়ে আলোচনা করা হল।

1. প্রথমে আপনাকে জানতে হবে আপনি গ্রাফিক্স ডিজাইনের কি কি কাজ বা বিষয় জানেন?

আমরা আনেকেই গ্রাফিক্সের আনেক বিষয় জানি তবে কোন কাজের কি রকম ডিমান্ড বা কোন কাজ করে ইনকাম করা সহজ তা জনি না।

গ্রাফিক্সের ডিজাইনের আনেক বিষয় মধ্যে আছে যেমন, 

• web design

1. web temple
2. web banner

• logo design

1. shape logo
2. vectors logo
3. letter logo

• typography 

• flyer design,

1. bi-fold flayer
2. tri-fold flayer
3. one part flayer

• Envelop design
• Business card
• Calander design
• letterhead design
• facebook cover design

মোটামোটি গ্রাফিক্স ডিজাইন এই বিষয় গুলো থাকে।এখন কথা হল গ্রাফিক্স ডিজাইনের এই কাজ গুলো আপনি জানেন কি না।আর জানলে আপনার নিজের কাজের উপর কত টুকু বিশ্বাস আপনার আছে।

২.আপনি অনলাইন থেকে ইনকাম করতে চান না লোকাল মার্কেট থেকে ইনকাম করতে চান?

আপনি যখন গ্রাফিক্স ডিজাইনের মোটামোটি বিষয় জানেন,তখন আপনি দুই  ভাবে কাজ করতে পারেন।

1. অনলাইন মার্কেট
2. লোকাল মার্কেট

৩.অনলাইনে কিভাবে ইনকাম করা যায়?

অনলাইন মার্কেট কি?

ইন্টারনেটের মাধ্যমে গ্রাফিক্স ডিজাইন দ্বারা বিভিন্ন মার্কেট প্লেসে থেকে কাজ করে ফ্রিল্যান্সারা ইনকাম করে থাকেন।আর এই বিভিন্ন মার্কেট প্লেস কে বলা হয় অনলাইন মার্কেট।অনলাইন মার্কেট হচ্ছে এমন একটি প্লেস যেখানে ফ্রিল্যান্সারা কাজ করে ইনকাম করে থাকেন।

মার্কেট প্লেসের নামঃ

1. 99designs
2. frelencer
3. up-work
4. graphicrivers
5. elencer                আর আনেক মার্কেট প্লেস আছে।

৪.লোকাল মার্কেট থেকে কিভাবে ইনকাম করা যায়?

লোকাল মার্কেট কি?

আমাদের চারপাশে গ্রাফিক্স ডিজাইন ভিত্তিক বিভিন্ন মার্কেট রয়েছে যাতে আকজন গ্রাফিক্স ডিজাইনার কাজ বা জব করে ইনকাম করতে পারেন।

এটা দুই ভাবে করা জায়

1. মাল্টিনেশনাল কোম্পানি তে জব
2. বিভিন্ন প্রিন্টি প্রেসে

৫.আপনার ধর্য্য শক্তি কি পরিমান আছে?

সর্বশেষ কথা হল আপনার ধর্য শক্তি কতটুকু আছে।আপনি যে কোন কাজ বা জব করেন না কেন আপনার ধর্য থাকা খুবই গুরুত্বপুর্ন।

লোকাল মার্কেট বা অনলাইন মার্কেট যেখানে আপনি কাজ করেন না কেন আপনাকে ধর্য দরতে হবে।তা না আপনি কোন দিন ও সফল হতে পারবেন না।

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

ভাল থাকবেন। দোয়া করবেন যেন সামনে আরো ভাল ভাল বিষয় আপনাদের সামনে নিয়ে আসতে পারি।

কিভাবে টেক্সট ইফেক্ট ডিজাইন করা যায় অ্যাডবি ইলেস্ট্রেটর দিয়ে ।এসো ডিজাইন শিখি

কিভাবে টেক্সট ইফেক্ট ডিজাইন করা যায় অ্যাডবি ইলেস্ট্রেটর দিয়ে।

টেক্সট ইফেক্ট ডিজাইন 

হ্যালো বন্ধুরা,

কেমন  আছেন,আশা করি ভাল।

আজ আমি ,টেক্সট ইফেক্ট ডিজাইন বা কিভাবে ফন্ট দিয়ে টাইফোগ্রাফি দিজাইন করা যায় অ্যাডবি ইলেস্ট্রেটর দিয়ে তা নিয়ে আলোচনা করবো।আশা করি সাথে থাকবেন।

টেক্সট ইফেক্ট কি?

টেক্সট ইফেক্ট দিজাইন হচ্চে, কোন ফণ্ট বা লেটার কে ভিন্ন ভিন্ন ইফেক্ট দিয়ে কোন ডিজাইন করা।যাকে আমরা টাইফোগ্রাফি ডিজাইন বলে থাকি।

টাইফোগ্রাফি ডিজাইন কি?

কোন ফণ্ট বা লেটার দিয়ে ভিন্ন ভিন্ন ইফেক্টের মাধ্যমে কোন ডিজাইন করাই হচ্চে টাইফোগ্রাফি ডিজাইন।

টেক্সট ইফেক্ট ডিজাইনঃ

ডুকুমেন্ট সাইজঃ

১২০০*৮০০ পিক্সেল

টেক্সটের বা ফন্টের নামঃ

roboto bold

www.roboto.com

টেক্সটের বা ফন্টের সাইজঃ

340pt

ডিজাইনঃ

প্রথমে,আমরা টেক্সট টুলের মাধ্যমে wel-come লিখে ফেলি।তারপর ফন্টি সিলেক্ট থাকা অবস্থায়,মাউসের ডান বাটনে

ক্লিক করলে অপশন বক্স আসবে।অপশন থেকে create outilnes অপশন ক্লিক করে ফন্ট গুলোকে আন-গ্রোপ করে নিতে হবে।

তারপর,দুইটি রেক্ট্যাংগেল সেইপ wel এবং come লেখা দুটিকে ঢেকে দিতে হবে।এবং টুল বার থেকে object+path+split into gird টিতে ক্লিক করলে একটি বক্স আসবে যাতে Row & Colom দুটি অপশন থাকবে।Row তে Number ঘরে ৫ লিখে ওকে করে দিবেন।

তারপর,সেইপ এবং ফন্টকে সিলেক্ট করে পাথফাইন্ডার দিয়ে Devide করে নিবেন এবং আনগ্রোপ করে করতে হবে।ে 

দুইটি সেইপ কেই এভাবে কাস্টমাইজ করে নিতে হবে।আমি শুধু একটা দেখালাম।

তারপর,অনগ্রোপ করার পর ctrl+Y চেপে প্রিভিউ করে নিবেন।এখন ফন্টের বাহিরের অংশ গুলো ফেলে দিবেন।যাতে শুধু ফন্ট ছাড়া আর অন্য কিছু না থাকে।যা দেখতে নিচের পিকচারটির মত দেখাবে।

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

নিচে আমি ডেক্স ক্যালেন্ডার ডিজাইন টিউটোরিয়াল ভিডিও লিংক দিয়ে দিচ্ছি-

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

ভাল থাকবেন। দোয়া করবেন যেন সামনে আরো ভাল ভাল বিষয় আপনাদের সামনে নিয়ে আসতে পারি।

310

অ্যাডবি ফটোশপ লেয়ার টুল এবং টাইপ টুলের শর্টকার্ট বাংলা ।পার্ট-৩

 অ্যাডবি ফটোশপ লেয়ার টুল এবং টাইপ টুলের শর্টকার্ট বাংলা

 অ্যাডবি ফটোশপ লেয়ার টুল এবং টাইপ টুলের শর্টকার্ট 

ফটোশপ লেয়ার শর্টকাট

নতুন লেয়ার= Ctrl–Shift–N
লেয়ার সিলেক্ট = Ctrl–click layers মাউস দ্বারা লেয়ারের উপর ক্লিক
এক সাথে অনেক লেয়ার সিলেক্ট করতে= shift+সর্বশেষ লেয়ার ক্লিক
ডিলেট লেয়ার= leyar tool bar+Delete layer
লেয়ার মাস্কিং= Alt–click layer mask icon

টাইপ টুল শর্টকাট

1. টেক্সট টুল=T
2. টেক্স সাইজ (Increase/Decrease) লেয়ার সিলেক্ট থাকা অবস্থায় ১ পিক্সেল = Ctrl–Shift–> or <
3. টেক্স সাইজ (Increase/Decrease) লেয়ার সিলেক্ট থাকা অবস্থায় ৫ পিক্সেল = Ctrl–Shift–Alt–> or <
4. টেক্স টুল(Increase/Decrease) kerning/tracking =  Alt–Right/Left Arrow
5. টেক্স আলাইন ( left/center/right)=  Ctrl–Shift–L/C/R

গ্রাফিক্স ডিজাইনারদের জন্য অ্যাডবি ফটোশপের সিলেকশন টুলের শর্টকার্ট যা আপনার জন্য খুবই গুরুত্ব পূর্ণ।এসো ডিজাইন শিখি

ফটোশপের সিলেকশন টুলের শর্টকার্টঃ

ফটোশপের সিলেকশন টুলের শর্টকার্ট

ফটোশপের সিলেকশন টুলের শর্টকার্টঃ(পার্ট-২)

সিলেকশন টুল ৪ প্রকার-

1.      Rectangular marquee  tool

2.      Elliptical marquee  tool

3.      Single Row Marquee tool

4.      Single colum marquee tool

সিলেকশন মোডঃ

v  New selection

v  Add  to selection  > Shift

v  Subtract form selection  > Alt

v  Intersect with selection  > Shift–Alt

সিলেকশন স্টাইল প্রকারঃ

1.      Normal

2.      Fixed Ratio

3.      Fixed Size

সিলেকশন শর্টকার্ট টুলঃ

সিলেকশন থাকা অবস্থায় সিলেকশন টিকে মোভ করার জন্য >মোভ টুল সিলেক্ট থাকা অবস্থায় মাউসের রাইট বাটন চেপে মোভ করতে হয়।

ডিসিলেকশন করতে > Ctrl+D

রিসিলেকশন করতে > Shit+Ctrl+D

ফেদার সিলেকশন > Shift+F6

সেন্টার থেকে সিলেকশন হবে > Alt–drag selection

সিলেকশন কে ট্রান্সফর্ম করতে > Select tool+Transform selection

গ্রাফিক্স ডিজাইনারদের জন্য অ্যাডবি ফটোশপের কিছু শর্টকার্ট যা আপনার জন্য খুবই গুরুত্ব পূর্ণ।এসো ডিজাইন শিখি

অ্যাডবি ফটোশপের কিছু শর্টকার্ট যা আপনার জন্য খুবই গুরুত্ব পূর্ণ।

ফটোশপ শর্টকার্ট

অ্যাডবি ফটোশপের কিছু শর্টকার্ট ঃ(পার্ট-১)

নিউ ডুকুমেন্ট >   (Ctrl+N)
ওপেন > (Ctrl+O)

ডিফল্ট ফটোশপ সাইজ >   7in*5in Resulation-72 /  RGB

ইলেক্ট্রনিক্স মীডিয়ার জন্য >   Resulation-72 /    RGB

প্রিন্ট মিডিয়ার জন্য >   Resulation-300  /   CMYK

 কালার মোড ৫ ধরনের  > 

1. Bitmap
2. Grayscle
3. RGB
4. CMYK
5. Lab

ফটোশপ বিট ২ ধরনের >   bit 8bit, 32bit

ফটোশপের উনিক মোড ৭ প্রকার। 

• Pixle
• Inches
• Centimeter
• Milimeter
• Point
• Columns

ফটোশপে ২ ভাবে কালার আপলাই করা যায়। 

1. Forground color=Alt+Delate/ backspace
2. Background color=Ctrl+Delate/backspace

Zoom-in=Ctrl+(+)

Zoom-out=Ctrl+(-)

100% zoom=Ctrl+1

Screen Zoom=Ctrl+(0)

UI/UX ডিজাইন দ্বারা কিভাবে মোবাইলের অ্যাপ স্ক্রিন ডিজাইন করা যায় অ্যাডবি ফটোশপ দিয়ে | এসো ডিজাইন শিখি

UI/UX  ডিজাইন দ্বারা  মোবাইলের অ্যাপ স্ক্রিন ডিজাইন

UI/UX  ডিজাইন, UI ডিজাইন,UX  ডিজাইন

UI/UX ভিডিও

UI ডিজাইন কি?

UI  অর্থাৎ U= User এবং I=Interface তাহলে UI হচ্ছে User Interface.

এককথা,UI হচ্ছে  User Interface  ইউজার ইন্টারফেস যা কোন বস্তুর অবয়ব বা চেহারা!  অর্থাৎ কোন একটি ডিজাইনের যা প্রথম যে অভয়ব বা চেহারা নিয়ে আপনার সামনে আসে তাকে বলে UI ডিজাইন বা User Interface  ইউজার ইন্টারফেস বলে।

 মোবাইলের অ্যাপ সক্রিন ডিজাইন:

একেক মোবাইলের স্ক্রিন আর সাইজ একেক রকম হয়ে থাকে।যেমন নকিয়া স্মার্ট মোবাইলের সাইজ এবং আই-ফোনের  সাইজ এক না।আবার সেমসাং মোবাইলের সাইজ এবং হুয়াই মোবাইলের সাইজ এক রকম না।

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

১১২৫ পিক্সেল*২৪৩৬পিক্সেল

রেজুলেশন হচ্ছে ৭২ ও কালার মোড হচ্ছে RGB

ডিজাইনঃ

প্রথমে ফটোশপ ডুমুমেন্ট ওপেন করি (ctrl+N) দিয়ে।যা দেখতে একটু লম্বা সেইপের মত দেখতে লাগবে।

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

তারপর,আমাদের ভাবতে হবে,মোবাইলে স্ক্রিন ডিজাইন করার ক্ষেত্রে কি কি বিষয় রাখতে হয়।প্রথমে ডান পাশে পিকচার ও বাম পাশে ডাইলগ Taxt থাকতে পারে।আপনারা ইচ্ছে করলে চেঞ্জ করে দিতে পারেন।

তারপর,লোগো টি আপনি স্ক্রিনের উপরে ঠিক মাঝ বরাবর রাখতে হবে।যা আপনার মোবাইল স্ক্রিনটি দেখতে ভাল লাগবে।যা নিচের পিকচার টি লক্ষ্য করলে দেখতে পারবেন।

তারপর,স্ক্রিনের নিচে কিছু এরর চিহ্ন থাকতে পারে।যা আপনার স্ক্রিন টি পর ডান ও বামে দিকে যাবে এইরকম বুঝাতে হবে।যা নিচের পিকচার টি লক্ষ করুন।এবং next or skip লেখা দিতে পারেন।

তারপর,সর্বশেষ সবার উপর একটি ১১২৫*২৪৩৬ সাইজ নিয়ে রেক্ট্যাংগল সেইপ নিতে হবে এবং কালার হবে কাল।অপাসিটি হবে ১২% ।
সর্বশেষ দিজাইনটি একটি মোবাইল মোকাপ ব্যবহার করে তা প্রেজেন্ট করতে হবে।যাতে ক্লাইন্ট খুশি হয়।

UI/UX  ডিজাইন, UI ডিজাইন,UX  ডিজাইন

https://www.youtube.com/watch?v=qabTLeatc0o&t=144s

এভাবে ই একটি সুন্দর মোবাইলের অ্যাপ স্ক্রিন ডিজাইন তৈরি করা হয়।যারা এই মোবাইলের অ্যাপ স্ক্রিন ডিজাইন টির মত অ্যাপ স্ক্রিন ডিজাইন করতে চান তারা উপরের সব গুলো নিয়ম ফলো করতে পারেন।

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

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

ভাল থাকবেন। দোয়া করবেন যেন সামনে আরো ভাল ভাল বিষয় আপনাদের সামনে নিয়ে আসতে পারি।