«

»

Abdul Mannan Asif

প্রফেশনাল PSD Web Template – Part 4 (ব্যবসায়িক টেমপ্লেট থেকে ইমেজ )

আসসালামু আলাইকুম, কেমন আছেন? আশা করি মহান আল্লাহ রহমতে ভাল আছেন।  আল্লাহ রহমতে আজ উপস্থিত হয়েছি Photoshop এ প্রফেশনাল psd template  তৈরীর ধারাবাহিক টিউটোরিয়াল Part 4 ( ব্যবসায়িক psd template থেকে ইমেজ )  তৈরীর টিউটোরিয়াল নিয়ে। বিগত পর্বে আমরা টেমপ্লেট তৈরীর টিউটোরিয়াল দেখেছিলাম। psd template তৈরী করার পরের ধাপ হল বিভিন্ন লেয়ারকে ইমেজে Convert করা। আজকের টুইটে আমি আপনাদের সাথে শেয়ার করব Photoshop এ কিভাবে psd template  থেকে ইমেজ  তৈরী করতে হয়।

Step —1

প্রথমে psd ফাইলটি Open করুন।

Step —2

লেয়ার প্যাটান থেকে contain Layer এ ক্লিক করুন এবং  Single Column Marquee Tool  সিলেক্ট করুন।  নিচের মত ড্রাগ করুন।

 

Step —3

( Ctrl+C ) আমরা এক pixel ইমেজ নিব। মেনু File > New > Ok তে ক্লিক করুন। Ctrl+V কমান্ড দিন।

 

 

 

Step —4

মেনু File > Save for Web > Ok তে ক্লিক করুন। contain নাম দিয়ে png Format এ Save করুন।

 

 

Step —5

এবার লেয়ার প্যাটান এ hover  উপর Ctrl কী চাপ দিয়ে মাউস এর Left বাটন ক্লিক করুন এবং ( Ctrl+C ) কপি করুন মেনু File > New > Ok তে ক্লিক করুন। Ctrl+V কমান্ড দিন।

 

Home.psd  ফাইল এর লেয়ার প্যাটান এ Hover লেয়ার এর  উপর মাউস এর Right বাটন ক্লিক করে Copy Layer Style এ ক্লিক করুন। এবার Past কৃত নতুন লেয়ার এর লেয়ার প্যাটান এ Hover লেয়ার এর  উপর মাউস এর Right বাটন ক্লিক করে Past Layer Style এ ক্লিক করুন। ( এ কাজটি করার ফলে Hover এ যে Style ছিল ঠিক নতুন ডকুমেন্টে সেই Style হবে )

 

আবার মেনু File > Save for Web > Ok তে ক্লিক করুন। hover নাম দিয়ে .PNG Format এ Save করুন।

 

 

 

Step —6

Ctrl+D কমান্ড দিয়ে সিলেকশন বাতিল করুন। লেয়ার প্যাটান থেকে slide Layer এ ক্লিক করুন এবং  Single Column Marquee Tool  সিলেক্ট করুন।  নিচের মত ড্রাগ করুন। সিলেক্ট কৃত Layer কে ( Ctrl+C ) কপি করুন মেনু File > New > Ok তে ক্লিক করুন। Ctrl+V কমান্ড দিন।

 

 

 

           

 

Step —7

Home.psd  ফাইল এর লেয়ার প্যাটান এ Slide লেয়ার এর  উপর মাউস এর Right বাটন ক্লিক করে Copy Layer Style এ ক্লিক করুন। এবার Past কৃত নতুন লেয়ার এর লেয়ার প্যাটান এ Slide লেয়ার এর  উপর মাউস এর Right বাটন ক্লিক করে Past Layer Style এ ক্লিক করুন। ( এ কাজটি করার ফলে Slide এ যে Style ছিল ঠিক নতুন ডকুমেন্টে সেই Style হবে )

 

Step —8

এভাবে আপনার প্রয়োজনীয় লেয়ার সমূহ ইমেজে Convert করে নিন।

 

কয়েকটি PSD Template এর উপর টুইট করার পর ,  PSD to HTML/CSS এর উপর টুইট করব ইশাআল্লাহ। তো যারা নতুন তাদেকে বলছি “PSD to HTML/CSS এর টুইট করার আগে আপনারা HTML/CSS ভাল করে শিখে নিন। যার ফলে আপনার ওবে ডেভেলপেং এ এক ধাপ এগিয়ে নিবে আশা করি”

 

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

 

 


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

HTML এর যত tag !
ওয়ার্ডপ্রেস থিম ডিজাইন [পর্ব-৫] :: আপনার প্রথম ওয়ার্ডপ্রেস থিম (৪)
নোকিয়া সার্টিফিকেট সমস্যার সমাধান নিমিষেই!
আসুন জেনে নিন “আপনি কবে মারা যাচ্ছেন অথবা আর কতদিন বেঁচে থাকবেন”
আসুন জানি, HTML5 কি? (ফ্রী বাংলা টিউটোরিয়াল)
মাষ্টার অফ এস ই ও সিরিজ (প্রথম-খণ্ড) সার্চ ইঞ্জিনের কাযর্প্রণালী
খুব সহজেই প্রোগ্রামিং এর মাধ্যমে তৈরি করি রেডিও ফুর্তির ডেক্সটপ প্রোগ্রাম

মন্তব্য দিনঃ

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/21423

2 comments

  1. mahmud sharfuddin

    অসাধারন বললেও ভুল হবে । আরও অনেক চায় আপনার কাছ থেকে 😀 😀

    1. Abdul Mannan Asif
      Abdul Mannan Asif

      🙂

মন্তব্য করুন