ফটোশপে একটা বিউটিফুল 3D ওয়েব বাটন তৈরি | টিউটোরিয়ালবিডি
টিউটোরিয়ালবিডিতে আপনাকে স্বাগতম

টিউটোরিয়ালবিডি একটি শিক্ষমূলক ওয়েবসাইট

এখানে বিভিন্ন টিউটোরিয়াল পাঠদান করা হয়। আপনি নিজেও অংশগ্রহণ করে শিক্ষাবিস্তারে এগিয়ে আসতে পারেন...

Member Login
Lost your password?
Not a member yet? Sign Up!

ফটোশপে একটা বিউটিফুল 3D ওয়েব বাটন তৈরি

এপ্রিল 30, 2011
By

এটি একটি থ্রিডি বাটন তৈরীর প্রজেক্ট। অনেক সময় ওয়েব ডিজাইনে এই ধরনের বাটনের দরকার হতে পারে। ধাপে ধাপে থ্রিডি বাটনের প্রজেক্টে সবাইকে আমন্ত্রণ।

১. ব্যাকগ্রাউন্ড ডিজাইন

নিচের সাইজের একটা ডকুমেন্ট্রি নিন।

এবার কালার কোড #141d28 দিয়ে তা ফিল করুন।

এইবার Guide যোগ করুন।

২. মূল বাটন

এবারের কাজ খুবই সহজ #141d28 কালার কোড নিয়ে Rectangle Too(U) এর সাহায্য একটা চতুর্ভুজ আঁকুন।

এবার নিচের লেয়ার স্টাইল অনুসরণ করুন।

সব ঠিকমত করলে আপনার প্রজেক্ট এর অবস্থা নিচের মত হবে।

৩. গ্লো যোগ

Ctrl চেপে ধরে বাটনের লেয়ারে ক্লিক করে বাটনটা বর্ডার এর ভেতর নিয়ে আসুন।

এবার নতুন একটা লেয়ার নিয়ে, Gradient Tool (G) এর সেটিং নিচের মত করে, চিত্র অনুসারে এটি ড্রাগ করুন।

এটার লেয়ার স্টাইল(Blending Options: Custom) নিচের সেটিং অনুসরণ করুন।

৪. টেক্সটা যোগ

এবার নিজের ইচ্ছা মত টেক্সটা যোগ করুণ (ইচ্ছা করলে আইকনও যোগ করতে পারেন)।

এইবার নিচের লেয়ার স্টাইল ফলো করুন।

ফটোশপে একটা বিউটিফুল 3D ওয়েব বাটন তৈরি-১

ফটোশপে একটা বিউটিফুল 3D ওয়েব বাটন তৈরি-১

ফটোশপে একটা বিউটিফুল 3D ওয়েব বাটন তৈরি-১

ফটোশপে একটা বিউটিফুল 3D ওয়েব বাটন তৈরি-১

ব্যাস কাজ শেষ। ফাইনাল প্রজেক্ট নিচের মত হবে। .psd সোর্চ নামিয়ে নিন এখান থেকে।

ফটোশপে একটা বিউটিফুল 3D ওয়েব বাটন তৈরি-১

Tags: , ,



This entry was posted on এপ্রিল 30, 2011 at 8:51 অপরাহ্ন and is filed under ফটোশপ. You can follow any responses to this entry through the RSS 2.0 feed.

2 Responses to ফটোশপে একটা বিউটিফুল 3D ওয়েব বাটন তৈরি

  1. ডিজে আরিফ on মে 6, 2011 at 9:20 অপরাহ্ন

    হুম কাজে লাগতে পারে… তবে কালার ওভারলে টা একটূ কম দিলেই বোধহয় বেশি ভালো হয়…

    • শিবলী on মে 7, 2011 at 6:45 পুর্বাহ্ন

      @ডিজে আরিফ, ভালো হয় না! কয়দিনের মধ্যেই এটার CSS করার টিউটোরিয়াল পাবি, তখন বুঝবি। আর বাটনটা এই পেজে তো থাকবে না।

Leave a Reply

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


সাত − = 5