আসসালামুয়ালাইকুম, প্রিয় টিউনার, নন-টিউনার এবং সম্মানিত পাঠক-পাঠিকারা। আজকের বিষয় হল PhotoShop এর মাধ্যমে ইমেজ স্লাইসিং করার পদ্ধতি। খুব সম্ভবত সকল Web Designer ভাইয়েরা জানেন ইমেজ স্লাইসিং কি। তবে নবীনদের জন্য আরেকবার বলে দেইঃ
আমাদের টার্গেট হবে উপরের ছবির হাইলাইট করা অংশতে (চাঁদে এবং সূর্যতে) ক্লিক করলে দুটি পেইজে নিয়ে যাবে।
তো চলন শুরু করা যাক....Please follow the steps below:
URL: যে পেইজে নিয়ে যাবে তার ঠিকানা। এক্ষেত্রে wikipedia এর লিংক।
Target: পেজটি একই ট্যাবে খুলবে, নাকি আরেকটি ট্যাবে খুলবে, তা বলে দিতে হবে। একই ট্যাবে খুলতে হলে খলি রেখে দিন, আর আরেকটি ট্যাবে খুলতে হলে _blank এই কোডটি লিখে দিন।
Messege Text: স্লাইস অংশটিতে হোভার করলে যে Information Text দেখা যাবে, তা লিখে দিন।
ইমেজ স্লাইসিং এর মাধ্যমে HTML এর সাহায্যে একটি ছবির নির্দিষ্ট অংশকে একটি লিংকে পরিণত করা হয়। তবে নির্দিষ্ট অংশটি একি অবস্থায় একি জায়গায় থাকবে।একটি ছবি দিলে বিষয়টি ক্লিয়ার হবেঃ
আমাদের টার্গেট হবে উপরের ছবির হাইলাইট করা অংশতে (চাঁদে এবং সূর্যতে) ক্লিক করলে দুটি পেইজে নিয়ে যাবে।
তো চলন শুরু করা যাক....Please follow the steps below:
- Photoshop Open করুন।
- যে ছবিটি স্লাইস করবেন, তা Open করুন।
- Slice Tool Select করুন। (Shortcut: K)
- কাঙ্খিত ছবিটির কাঙ্খিত অংশ স্লাইস টুল দ্বারা সিলেক্ট করুন।
- এবার স্লাইস টুলের ঘরে রাইট ক্লিক করে Slice select tool সিলেক্ট করুন।
- এবার Slice করা অংশ Slice select tool দ্বারা সিলেক্ট করুন ও Slice Option এ ক্লিক করুন। নিচের মত সেটিংস দিনঃ
URL: যে পেইজে নিয়ে যাবে তার ঠিকানা। এক্ষেত্রে wikipedia এর লিংক।
Target: পেজটি একই ট্যাবে খুলবে, নাকি আরেকটি ট্যাবে খুলবে, তা বলে দিতে হবে। একই ট্যাবে খুলতে হলে খলি রেখে দিন, আর আরেকটি ট্যাবে খুলতে হলে _blank এই কোডটি লিখে দিন।
Messege Text: স্লাইস অংশটিতে হোভার করলে যে Information Text দেখা যাবে, তা লিখে দিন।
- OK চেপে File > Save for Web... এ ক্লিক করুন। নতুন একটি Window দেখা যাবে। এখন save এ ক্লিক করে Destination দেখিয়ে দিন, নাম লিখুন এবং আবার Save এ ক্লিক করুন। কোন কিছু Change করার প্রয়োজন নেই।
Post a Comment