«

»

Abdul Mannan Asif

প্রফেশনাল PSD Web Template – Part 2 ( psd file থেকে ইমেজ )

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

Step —1

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

Step —2

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

 

Step —3

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

 

 

Step —4

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

 

Step —5

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

 

 

Step —6

Ctrl+D কমান্ড দিয়ে সিলেকশন বাতিল করুন। এবার লেয়ার প্যাটান এ ( head , image1-3 , ইত্যাদি)  উপর Ctrl কী চাপ দিয়ে মাউস এর Left বাটন ক্লিক করুন( Ctrl+C ) কপি করুন  

 

 মেনু File > New > Ok তে ক্লিক করুন। Ctrl+V কমান্ড দিন।

এবং মেনু File > Save for Web > Ok তে ক্লিক করুন। ( head , image1-3 , ইত্যাদি)  নাম দিয়ে .PNG Format এ Save করুন।

 

Step —7

এবার লেয়ার প্যাটান এ Hover লেয়ার এর  উপর Ctrl কী চাপ দিয়ে মাউস এর Left বাটন ক্লিক করুন এবং ( Ctrl+C ) কপি করুন

 

মেনু File > New > Ok তে ক্লিক করুন। Ctrl+V কমান্ড দিন।

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

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

Step —8

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

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


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

ওয়ার্ডপ্রেস ব্যবহারকারীদের জন্য কিছু প্রয়োজনীয় কিছু প্লাগইন ফ্রি ডাউনলোড করুণ।
বর্তমান বিশ্ব সাধারণ জ্ঞান(৭)
ওয়ার্ডপ্রেস ডেভেলপার আবশ্যক
স্বল্পমূল্যে ক্রয় করুন বাংলাদেশী নিউজ পেপার এর একটি ওয়ার্ডপ্রেস থিম/সাইট
একাধিক ওয়ার্ডপ্রেস সাইট পরিচালনার ৫ টুলস
গুগল ক্রমের অসাধারণ ৩ টি ফিচার
প্রকাশিত হল এইচটিএমএল৫ বাংলা ই-বুক

মন্তব্য দিনঃ

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

4 comments

Skip to comment form

  1. ঐ ছেলেটি
    jakir

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

  2. MNUWORLD

    পরবর্তী টুইট এর অপেক্ষায় রইলাম…. বরাবরের মতই সুন্দর।

  3. mahmud sharfuddin

    অসাধারন হয়েছে আসিফ ভাই । এত সহজ টিউন আমি কখনো পড়ি নাই । আরও চাই । এইখানে পড়ে পড়েই শিখে ফেলতে চাই । 😀 😀 😀 😀

  4. Riaz522

    আসিফ ভাই জিন্দাবাদ……… আসিফ ভাই দীর্ঘজীবি হইক…সিরিয়াস কিছু তেও ফান থাকতে পারে তাই একটু ফান করলাম……ভাল হইছে শিখেও পেলেছি।

মন্তব্য করুন