বাংলা টিউটোরিয়াল “ফটোশপ দিয়ে ওয়েবসাইটের থিম তৈরি” পর্ব-১

10
673

আজকে থেকে শুরু করলাম একটি সিরিজ পোস্টিং। “ফটোশপ দিয়ে ওয়েবসাইটের থিম তৈরি” এই সিরিজ পোস্টিং এর মাঝে সম্পূর্ণ বাংলায় এবং বিস্তাতির দেখনো হবে কিভাবে একটি চমৎকার ডিজাইনের ব্লগ থিম আমরা তৈরি করতে পারি। এখানে প্রতিটা জিনিসের ইমেজ ব্যবহার করা হয়েছে আসা করি কারো কোন সমস্যা হবে না। ইমেজ দেয়ার ফলে এটি অনেক বড় হয়ে গেছে তাই আমি পর্ব করে দিব। ফটোশপ এর প্রাথমিক ধারনা থাকলেই যে কেউ এই টিউটোরিয়াল দেখে চমৎকার একটি ব্লগের থিম তৈরি করে নিতে পারবেন।

টিউটোরিয়াল শেষে আমাদের তৈরি করা ব্লগটী এমন হবে ছবিতে দেখুন-


Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

চলেন শুরু করি – পর্ব – ১

Step 1

Photoshop ওপেন করে নতুন একটি document নিন যার সাইজ হবে 1400 X 3000 Pixel. মনে রাখুন ব্যাকগ্রাউন্ড যেনো লক না থাকে এবং এটির নাম দিবেন bg

 

Step 2

এখন আমাদের guide lines সেট করে নিতে হবে। Go to View > New Guide.. >‘Vertical’ সিলেক্ট করে নিচের ভেলু গুলো বসিয়ে দিন। তারপরে ‘Ok’ দিন – 118px, 955px, 977px, 1255px, 1277px,

 

Step 3

এখন আমরা প্রথমে হেডার তৈরি করে নিব। Rectangular Tool সিলেক্ট করে কালার কোড দিন #2d2d2d এবং হেডার তৈরি করুন ছবির মতন করে।

 

Step 4

নিচের সেটিংস ঠিক করুন Gradient Overlay ব্যবহার করে। এভাবে Layer > Layer Style > Gradient Overlay

 

Step 5

এখন আমরা navigation তৈরি করব, Rectangular Marquee Tool সিলেক্ট করে সাইজ দিন Height: 69px এবং আপনার ইচ্ছে মতন একটি কালার দিতে পারেন।এখনlayer box থেকে Opacity পরিবরতন করে 0% apply করুন Gradient Overlay ঠিক করুন নিচের ছিবির মতন করে।

 

Step 6

সাধারণ একটি লোগো তৈরি করে নিব আমরা। নিচের ছবিতে সব কিছু দেয়া আছে, যেভাবে আছে ঠিক সেভাবে করে যেতে থাকুন।

 

Step 7

এবার একটি ব্যনার বানিয়ে নিব 468×60 Pixels সাইজের।

 

Step 8

এবার আমরা যুক্ত করে নিব social network, RSS, Twitter, Facebook, Flickr, এটির সাইজ দিবেন 13px icons এর মাঝে এবং Height: 19px দিবেন।

 

Step 9

এবার আমরা সার্চ বক্স তৈরি করে নিব। Rounded Rectangular Tool সিলেক্ট করে কালার দিবেন #EEEEEE

 

Step 10

এবার Gradient Overlay থেকে সেটিংস্‌ গুলো ঠিক করে নিন নিচের ছবির মতন।

 

আজকের মতন এখানেই শেষ আগামী পর্বে বাকিটা দেখবেন। পাশেই থাকুন টিউনারপেজের।

টিউনারপেজের নতুন টিউন আপনাকে ইমেইল করব?
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

10 মন্তব্য

  1. অনেক অনেক উপকারী আপনার এই পোস্ট। ভাই আপনাকে অনেক ধন্যবাদ কিছু শিক্ষানোর জন্য।

  2. ব্যপুক হচ্ছে গো । চালিয়ে যান এই কাজগুলো পূর্ন ধারনা নাই, দেখে দেখে শিখতে পারবো। পিএসডি নাকি কি যেন একটা নাম আছে এই কাজের???

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

  4. চুরান্ত চরম চমৎকার টিউন ! নতুন নতুন যারা ওয়েব ডিজাইন করতেছে তাদের জন্য এইটা অনেক অনেক কাজে আসবে !

মন্তব্য দিন আপনার