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

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

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

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

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

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

২. মূল বাটন

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

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

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

৩. গ্লো যোগ

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

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

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

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

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

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

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

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

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

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

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

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

ডিজাইনার শিবলী

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

Tags:

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

  1. মে 6, 2011 at 9:20 অপরাহ্ন

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

    • মে 7, 2011 at 6:45 পুর্বাহ্ন

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

Leave a Reply

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


সাত + 6 =