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

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

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

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

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

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

২. মূল বাটন

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

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

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

৩. গ্লো যোগ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Comments are closed.