সর্বশেষ সম্পাদনা করেছেন Idris (০৫-০৮-২০১২ ১৩:১৬)

টপিকঃ প্রজন্ম ফোরামে আমার প্রথম Photoshop Tutorial : সিম্পল নেভিগেশন বার

একটি ওয়েবসাইট এর জন্য নেভিগেশন বার অত্যান্ত গুরুত্বপূর্ন বিষয়।কারন নেভিগেশন বার টি যদি সুন্দর না হয় তাহলে আপনার ওয়েবসাইট টি কখনই দেখতে সুন্দর হবেনা।
Photoshop এ যারা  নতুন আশারাখি তাদের কাজে আসবে।

১নং-প্রথমে Photoshop টি ওপেন করুন তারপর নতুন একটি ডকুমেন্ট নিন যার সাইজ হবে W = 948 & H = 50 px

২নং-অতপর টুলবার থেকে Rounded Rectangle Tool  টি নির্বাচন করুন , রেডিয়াস দিন ৮

৩নং-Foreground color code সেট করুন।আমি দিয়েছি#cc50f5 আপনি ইচ্ছা করলে অন্য কালারও দিতে পারেন

৪নং-অতপর একটি Rectangle  আঁকুন যার সাইজ হবে W = 940 & H = 46 তবে Style টি none করতে ভুলবেন না

৫নং-এরপর লেয়ার প্লেটে যে লেয়ার টি তৈরি হবে তার উপর ডাবল ক্লিক করে ব্লেন্ডিং অপশনে যান সেখান থেকে গ্রেডিয়েন্ট

ওভারলে নির্বাচন করুন এবং গ্রেডিয়েন্ট থেকে Foreground to Transparent সিলেক্ট করুন একটি ডায়ালগ বক্স আসবে সেখানে উভয় color stop Button এ সাদা কলার কোড ffffff সেট করুন এবং উপরে Left Opacity Stop Button এর অপাসিটি দিন ১০ ও লকেশন দিন ৫১  এবং Right  Opacity Button এর অপাসিটি হবে ০ এবং লকেশন হবে ৪৯ তারপর এন্টার চাপুন

৬নং- এবার সুন্দর একটি ফন্ট সিলেক্ট করুন আমি নিয়েছি Lucida Calligraphy ,Size 18, Mode=Sharp, color  white. অতপর home about etc লিখুন এবং দূরত্ব ঠিক রেখে Button name গুলো কে নেভিগেশন বারের মিডল্ পজিশনে বসান

৭নং-এখন আমাদের কে সিলেক্ট বাটন তৈরি করতে হবে।আমরা প্রথমে যেrounded shape নিয়েছিলাম তার ডুপ্লকেট নিন অতপর Rasterize করে ফেলুন এরপর color overlay select করে কোড দিন #6e0391 অতপর 138pxরেখে বাকি টুকু কেটে ফেলুন এবং অপাসিটি ২০ করে দিন।

৮নং-এবার ডিভাইডার বানাতে হবে,এর জন্য প্রথমে foreground color টি Blackকরে দিন পেন্সিল টুল টি সিলেক্ট করুন মান দিন ১px  এরপর  নেভিগেশন বারের উপর থেকে নিচ পর্যন্ত Shift চেপে একটি দাগ আঁকুন আবার foreground color টি পরিবর্তন করুন এবার কোড দিন dfdfdf এবং পেন্সিল টুল টি সিলেক্ট করুন মান দিন ১px  এরপর  উপর থেকে নিচ পর্যন্ত  Shift চেপে আরো একটি দাগ আঁকুন যেন নিখুঁত ভাবে পাশাপাশি হয় অতপর লেয়ার মোড কে overlay করে দিন এবং অপাসিটি ৬৫ করে দিন এবং দাগ টির নিচের অর্ধেক কেটে ফেলে দিন।

৯নং-cntrl+j চেপে ডিভাইডার কে কপি করুন এবং মুভ টুল সিলেক্ট করে ডিভাইডার গুলো কে প্রতি দুই বাটনের মাঝে বসান।তবে হোম ও এবাউট এর মাঝে বসাতে হবেনা
ব্যাস্ হয়ে গেল আপনার নেভিগেশন বার

http://i.imgur.com/0uCZ9.png

মতামত দিন কেমন হলো এবং কিভাবে আরও ভালো করব।

কম্পিউটার-এবং-মোবাইল-টিপস এর জন্য ভিজিট করুন আমাদের ফেসবুক পেজ কম্পিউটার এবং মোবাইল টিপস

Re: প্রজন্ম ফোরামে আমার প্রথম Photoshop Tutorial : সিম্পল নেভিগেশন বার

সুন্দর হয়েছে  thumbs_up

Re: প্রজন্ম ফোরামে আমার প্রথম Photoshop Tutorial : সিম্পল নেভিগেশন বার

চমৎকার হয়েছে। কাজের টিউটোর জন্য ধন্যবাদ। thumbs_up

আপনার জন্য রেপু থাকল।

"সংকোচেরও বিহ্বলতা নিজেরই অপমান। সংকটেরও কল্পনাতে হয়ও না ম্রিয়মাণ।
মুক্ত কর ভয়। আপন মাঝে শক্তি ধর, নিজেরে কর জয়॥"

Re: প্রজন্ম ফোরামে আমার প্রথম Photoshop Tutorial : সিম্পল নেভিগেশন বার

আশিফ শাহো এবং আরণ্যক,আমাকে সন্মাননা  এবং মতামত দেয়ার জন্য আপনাদেরকে  অনেক অনেক ধন্যবাদ।

কম্পিউটার-এবং-মোবাইল-টিপস এর জন্য ভিজিট করুন আমাদের ফেসবুক পেজ কম্পিউটার এবং মোবাইল টিপস

Re: প্রজন্ম ফোরামে আমার প্রথম Photoshop Tutorial : সিম্পল নেভিগেশন বার

ভালোই হইছে  clap clap thumbs_up thumbs_up

রাব্বি হোসেন'এর ওয়েবসাইট

লেখাটি CC by-nc-sa 3.0 এর অধীনে প্রকাশিত

Re: প্রজন্ম ফোরামে আমার প্রথম Photoshop Tutorial : সিম্পল নেভিগেশন বার

চমৎকার হয়েছে টিউটো।

Re: প্রজন্ম ফোরামে আমার প্রথম Photoshop Tutorial : সিম্পল নেভিগেশন বার

দারুন clap clap

Re: প্রজন্ম ফোরামে আমার প্রথম Photoshop Tutorial : সিম্পল নেভিগেশন বার

রাব্বি হসেন ,ইলিয়াস এবং আজাইরা সাজ্জাদ, মতামত দেয়ার জন্য ধন্যবাদ

কম্পিউটার-এবং-মোবাইল-টিপস এর জন্য ভিজিট করুন আমাদের ফেসবুক পেজ কম্পিউটার এবং মোবাইল টিপস