«

»

Abdul Mannan Asif

প্রফেশনাল PSD Web Template – Part 1

আসসালামু আলাইকুম, কেমন আছেন? আশা করি মহান আল্লাহ রহমতে ভাল আছেন। অনেক দিন ধরে psd templating এর উপর টুইট করব করব চিন্তা করছি, কিন্তু এই কাজ সেই কাজ আরো কতকি। যাক আল্লাহ রহমতে আজ উপস্থিত হয়েছি Photoshop এ প্রফেশনাল psd template  তৈরীর টিউটোরিয়াল নিয়ে। ওয়েব সাইটে কাজ করতে গিয়ে বিভিন্ন সময় আমাদের Client এর রুচি মত Web Site তৈরী করার প্রয়োজন হয়। Client এর রুচি মত Web Site তৈরী করার প্রাথমিক পর্যায় হল psd template তৈরী করা।  আজকের টুইটে আমি আপনাদের সাথে শেয়ার করব Photoshop এ কিভাবে প্রফেশনাল psd template তৈরী করতে হয়। তো আর বক বক না করে ঝটা ঝট কাজ শুরু করি………….

ওহা আপনাদের প্রয়োজনীয় কিছু লিং

শুরুতে এক  পলকে দেখে নিন কেমন হবে আজকের টুইট দেখতে….

Step —1

প্রথমে 900 x 1000  pixels সাইজের সাদা কালারের নতুন ডকুমেন্ট নিন।

stepp-1

Step —2

এবার লেয়ার প্যাটান থেকে Create A New Layer ক্লিক করুন এবং  Paint Bucket Tool  সিলেক্ট করুন।  color = 003466 সেট করুন। নিচের মত তৈরী করুন।

 

Step —3

মেনু Filter > Noise > Add Noise ক্লিক করুন। amount = 2.5 % দিন

 

Step —4

এবার লেয়ার প্যাটান থেকে Create A New Layer ক্লিক করুন এবং  Gradient Tool  সিলেক্ট করুন।  color = 000000 সেট করুন। Foreground to Transparent সিলেক্ট করুন। নিচের মত ড্র করুন।

 

Step —5

আবার লেয়ার প্যাটান থেকে Create A New Layer ক্লিক করুন এবং  Rounded Rectangle Tool  সিলেক্ট করুন।  color = FFFFFF সেট করুন। Radius = 10px  সেট করুন। নিচের মত ড্র করুন।

 

Step —6

এবার লেয়ার প্যাটান এ Layer 3 উপর Ctrl কী চাপ দিয়ে মাউস এর Left বাটন ক্লিক করুন এবং Rectangular Marque Tool  দিয়ে নিচের ড্রাক করুন। দেখে নিন নিচের মত হয়েছে কিনা?

 

Step —7

লেয়ার প্যাটান থেকে Create A New Layer ক্লিক করুন। Add A Layer Style থেকে Gradient Overlay তে ক্লিক করুন। প্রথম color = D6D7D9 দ্বিতীয় color = FFFFFF সেট করুন। ok তে ক্লিক করুন। এবং  Paint Bucket Tool  সিলেক্ট কৃত অংশে ক্লিক করুন করুন।  Ctrl+D দিয়ে সিলেকশন বাতিল করুন।

Step —8

লেয়ার প্যাটান থেকে Layer 3 সিলেক্ট করুন। Layer 3 উপর Ctrl কী চাপ দিয়ে মাউস এর Left বাটন ক্লিক করুন এবং Rectangular Marque Tool  দিয়ে নিচের ড্রাক করুন।

Step —9

লেয়ার প্যাটান থেকে Create A New Layer ক্লিক করুন। Gradient Tool  সিলেক্ট করুন।  color = C9CACB সেট করুন। Foreground to Transparent সিলেক্ট করুন। নিচের মত ড্র করুন।

Step —10

Ctrl+D দিয়ে সিলেকশন বাতিল করুন।

লেয়ার প্যাটান থেকে Create A New Layer ক্লিক করুন। Rectangle Tool  সিলেক্ট করুন।  color = 2A568F সেট করুন।

Step —11

এবার আপনার মত করে Text এড করে নিন। দেখে নিন নিচের মত হয়েছে কিনা? লেয়ার প্যাটান এ Home লেয়ার সিলেক্ট করুন এবং Create A New Layer ক্লিক করুন।

Step —12

Layer 7 কে Home লেয়ারের নিচে নামিয়ে দিন। Layer 7 এ Rectangular Marque Tool  দিয়ে Home উপর নিচের মত ড্রাক করুন।

Step —13

Add A Layer Style থেকে Gradient Overlay তে ক্লিক করুন। প্রথম color = C2510F দ্বিতীয় color = FF861D সেট করুন। ok তে ক্লিক করুন। এবং  Paint Bucket Tool  সিলেক্ট কৃত অংশে ক্লিক করুন করুন।  Ctrl+D দিয়ে সিলেকশন বাতিল করুন।

Step —14

বাকি ডিজাইন আপনার । আপনি ডিজাইন করেনিন।


এ সম্পর্কিত আরো কিছু টুইট:

মজার টিপস (৫).......
প্রফেশনাল PSD Web Template - Part 7 ( কালার ফুল টেমপ্লেট থেকে ইমেজ )
লাগবে একটি ওয়েব সাইট! তার আগে জানা লাগবে কি কি লাগবে। পুরো একটি মেগা টিউন!
ব্লগস্পটের ব্লগের জন্য একটি দারুন গুগল বার, না নিলে পস্তাবেন পরে ।
সফটওয়্যার এবং গেমস ডাউনলোড সাইট এর জন্য জটিল একটি ওয়ার্ডপ্রেস থিম 🙂
একটি ভিডিও চ্যানেল হতে পারে আপনার লাইফ ইনস্যুরেন্স
বাংলাদেশের জনপ্রিয় ওয়েব সাইট Giftapply থেকে বুঝে নিন আকর্ষনীয় সব পুরষ্কার একদম ফ্রি

মন্তব্য দিনঃ

comments

About the author

Abdul Mannan Asif

Abdul Mannan Asif

ভাল কিছু করতে গেলে অনেক কষ্ট পোহাতে হয়, কিন্তু একটা সময়ের পর কাজের ফলটা চরম আনন্দ দেয় :) মুখবইয়ে আমি ২০১১ইং খেকে টেকটুইটসএ এডমিন, ২০১২ইং থেকে SkippeR তে Web Developer হিসাবে কাজ করছি।

Permanent link to this article: http://techtweets.com.bd/web-developing/amasifbd/20678

5 comments

Skip to comment form

  1. ঐ ছেলেটি
    jakir

    অসাধারন টুইটস আসিফ ভাই।

  2. হাকুশ পাকুশ

    Vai psd2html tutorial koi pai kon to ??

  3. MNUWORLD

    অনেক চমৎকার টুইট… অবশেষে আমরা টুইট পেলাম… ধন্যবাদ আপনাকে….

  4. Arif Shahin
    Arif Shahin

    Awesome Tweet 😀

  5. Riaz522

    এতদিন চেস্টা করিনাই আজ করলাম ভাল লাগল। কিন্তু একটা সমস্যা কালার গুলো মিলতেছে না। অসাধারন টুইটস ভাই।

মন্তব্য করুন