«

»

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 ভাল করে শিখে নিন। যার ফলে আপনার ওবে ডেভেলপেং এ এক ধাপ এগিয়ে নিবে আশা করি”

 

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

 

 


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

Background ও Header Image পরিবর্তন করা যায় এ রকম কয়েকটি WordPress Themes
স্মার্টফোনের এপলিকেশন তৈরি করুন - মোবাইল অ্যাপ্লিকেশন ডেভেলপমেন্টের খুঁটিনাটি সহ বিস্তারিত
সঠিক নিয়মে একসাথে শিখি, Basic Html-1(নবীনদের জন্য বিশেষ উপকারি )
PHP শেখার জন্য একটি PDF ফাইল ডাউনলোড করে নিন (সম্পুর্ণ বাংলায়)
ওয়ার্ডপ্রেসের Blank থিম তৈরি (পর্ব-২)
আর কোন কাজ না জানলেও চলবে
ফটোশপ এর অসাধারণ কারসাজি - ছবিতে Lighting Manipulation দিয়ে করে তুলুন অসাধারণ (ভিডিও টিউটোরিয়াল )

মন্তব্য দিনঃ

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

      🙂

মন্তব্য করুন