সবাইরে আমার সালাম এবং ফটোশপ এর ৫০ নাম্বার টিউটরিয়ালে ওয়েলকাম। গত টিউটরিয়ালে আমরা দেখছি যে কিভাবে স্লাইডার তৈরি করতে হয় কিন্তু আমাদের স্লাইডার  বানানোর কাজ শেষ হয় নাই তাই আমরা আজকে বাদ বাকি অংশ গুলা দেখবো। তো আসুন কথা না বাড়িয়ে শুরু করি কাজ।

 

স্টেপ ২৬ -

স্টেপ ২৫ এর পরে আমাদের Rectangular Marquee Tool সিলেক্ট করতে হবে তারপর একটি সিলেকশন তৈরি করুন এবং নতুন লেয়ার অপেন করে  আপনার সিলেকশন কে । #000000 দিয়ে ফিল করে নিন।

 

 

 

তারপর opacity কমিয়ে 50% এ নিয়ে আসুন।

 

স্টেপ ২৭ -

এখন আমরা অ্যাড করবো arrow। arrow করার মানে এই যে আপনার ছবিটা যেন actual website এ slide করে এবং arrow এর মাধ্যমে আপনি যেন পরের ছবি এবং আগের ছবি দেখতে পারেন। যাই হোক এটা তো সবাই জানেনই :P :P :P

arrow অ্যাড করার জন্য Photoshop custom shape tool এ যান তারপর ঐখানে ফটোশপে সেভ করা একটি arrow আছে ঐটা সিলেক্ট করুন। তারপর ২ টি arrow আপনার ২ বক্স এর ভিতরে বসিয়ে নিন।

নোটসঃ আপনারা আপনাদের arrow ২ বার না এঁকে যদি একবার আঁকেন তারপরে ঐ আঁকা ইমেজ টারে কপি করে অন্য বক্স এ বসান তাইলে আপনাদের “একটা বড় arrow এবং একটা ছোটো arrow” এই ঝামেলায় পরতে হবে না অথবা সাইজ নিয়ে ভাবা ভাবি করতে হবে না।

 

স্টেপ ২৮ -

 

এখন আমাদের strip অ্যাড করতে হবে ফটোশপে যাতে আমরা ছবিটি আসলে কি বলতে চাচ্ছে অথবা আপনার যেকোনো পেরসনাল মেসেজ থাকলে আপনি লিখে দিতে পারেন।এইটারে ছবির ক্যাপশন বলা যাইতে পারে

এটা করতে আপনি rectangular marquee tool সিলেক্ট করেন আবার তারপর নিচের ছবির মতো একটি সিলেকশন তৈরি করে নতুন একটি লেয়ার অপেন করুন। তারপর আপনার সিলেকশন করা অংশটিকে #000000 ফিল করে দিন। :)

 

 

তারপর আপনার strip লেয়ার এর opacity কমিয়ে 50% এ নিয়ে আসুন।

 


স্টেপ ২৯ -

আমাদের slider মুটামুটি শেষ শুধু আর একটু বাকি। বাকি টুকু শেষ করতে টেক্সট টুল সিলেক্ট করুন।। তারপর আপনার strip এর উপরে যা ইচ্ছা তা লিখে নিন। খেয়াল করুন আমাদের ছবির উপরে যেই জিনিসগুলা এড করতেছি ওগুলার opacity কমায়া মূল ছবিটাতে ভিউয়ারের দৃষ্টি রাখতেছি পাশাপাশি জায়গা সেভ করার জন্য ঐ জিনিসগুলারে ঠিকই ছবির উপরে বসাইতেছি……

 

 

এরই মধ্যে দিয়ে শেষ হয়ে গেলো আমাদের slider তৈরি।  এখন কি করার পালা ?? আসেন এখন আমরা আমাদের সাইট এ পাবলিকরে ওয়েলকাম জানাই কিছু একটা বইলা।

 

স্টেপ ৩০ -

আপনারা visitor দের ওয়েলকাম জানাইতে যেকোনো ধরনের টেক্সট ব্যাবহার করতে পারেন। অথবা যার যা ইচ্ছা তা লেখতে পারেন। নিচের ছবি গুলা দেখলে হিন্টস পাবেন যে কিভাবে আপনি কি বসাতে পারেন অথবা কি কালার ব্যাবহার করলে ভালো দেখাবে টার হিন্টস পাবেন :)

 

 

 

 

স্টেপ ৩১  -

 

এটা হচ্ছে আমাদের header এর লাস্ট স্টেপ। header শেষ করার জন্য header এর নিচে shadow দিয়ে নিন। shadow কিভাবে দিবেন তা না জানলে স্টেপ ২২ থেকে ২৫ আবারো দোয়া করে দেখে নিন :)

 

 

header এবং shadow এর মাঝখানে 1 pixel গ্যাপ রেখে দিবেন। যাতে header সাথে shadow মিলে না যায়। :)

 

 

আজকের আমাদের টিউটরিয়াল এই পর্যন্তই। আশা করি আপনাদের অনেক ভালো লেগেছে এবং কিছু একটা হইলেও শিখতে পারতেছেন আমার এই সব টিউটরিয়াল দেখে। পরবর্তী টিউটরিয়াল খুব তাড়াতাড়িই পোস্ট করা হবে। শেই পর্যন্ত সাথে থাকুন। ধন্যবাদ সবাইকে। :D

 

 

 অন্যান্য পর্বসমূহ:

প্রথম পর্ব : ফটোশপ টিউটরিয়াল ৪৬ – ওয়েব টেমপ্লেট ১ [ শুরু করুন ওয়েব ডিজাইনিং ]

দ্বিতীয় পর্ব : ফটোশপ টিউটরিয়াল ৪৭ – ওয়েব টেমপ্লেট ২ [ওয়েব পেজের হেডার তৈরী করা]

তৃতীয় পর্ব : ফটোশপ টিউটরিয়াল ৪৮ – ওয়েব টেমপ্লেট ৩ [ওয়েব পেজের হেডার (২) + লোগো ]

চতুর্থ পর্ব : ফটোশপ টিউটরিয়াল ৪৯ – ওয়েব টেমপ্লেট ৪ [ নেভিগেসন ও স্লাইডার তৈরী]

পঞ্চম পর্ব : ফটোশপ টিউটরিয়াল ৫০ – ওয়েব টেমপ্লেট ৫ -[ স্লাইডার ২]

ষষ্ঠ পর্ব : ফটোশপ টিউটরিয়াল ৫১ – ওয়েব টেমপ্লেট ৬ [কন্টেন্ট ডিজাইন] 

সপ্তম পর্ব : ফটোশপ টিউটরিয়াল ৫২ – ওয়েব টেমপ্লেট ৭ [ফুটার ডিজাইন এবং সমাপ্তি]

 

 

ট্যাগসমূহ:

লেখক: ইরা আহমেদ

উনারে অনেক ভালোবাসি আর ভালোবাসি শিখাইতে...।। মানুষকে হাসাইতেও অনেক ভালো লাগে :) ফটোশপিং করা ব্লগ এ টিউটরিয়াল লেখা এবং উনার সাথে অনেক অনেক গল্প করা আমার শখ, অভ্যাস অথবা আমার দৈনন্দিন জীবন বলতে পারেন। ( University khular age porjonto :P )



কথোপকথন শুরু হয়ে গেছে! আপনিও যোগ দিন- ইতোমধ্যে 9 টি মন্তব্য করা হয়েছে :

  1. আপু ওয়েবসাইট template এর ডিজাইন এর tutorial শেষ হলে এটার coding part এর tutorial কি শুরু করবেন …………………………

    • ইরা আহমেদon September 17, 2012, at 11:43 am Reply

      eita apnare foysal ahmed re ask korte hobe bhai :( :( uni ashob janen ami to shudhu photoshop niye kaj kori

  2. onake ektu bolen ami kivabe onake pabo.deken kora jai kina.

  3. নাহিদ হাসানon September 20, 2012, at 4:15 am Reply

    আপু, এর পরে একটা লোগো নিয়ে টিউটোরিয়াল দিয়েন, আমি লোগো তৈরি শিখতে চাই।

    • ইরা আহমেদon September 20, 2012, at 9:44 am Reply

      আচ্ছা ভাইয়া আমি অবশ্যই ট্রায় করবো :)

  4. showkaton October 3, 2012, at 6:12 pm Reply

    অনেকদিন পর আবার শুরু করলাম।ধইন্না ইরা আপু।

    • ইরা আহমেদon October 3, 2012, at 7:45 pm Reply

      কি বানাইলেন দেখাইতে ভুলবেন না কিন্তু :D

  5. Husain Ahmmedon April 9, 2014, at 9:23 am Reply

    খুব ভাল :)

Leave a Reply

Your email address will not be published. Required fields are marked *