ফটোশপে মিডিয়া প্লেয়ার (MP3) তৈরি

আমি একটা গুরুত্ব পূর্ণ সিদ্ধান্ত নিয়েছি। এখন থেকে আমি টুল এর নাম গুলো কম বলবো। তাই যারা আমার আগের টিউটোরিয়াল গুলো পড়েন নি তাড়া পড়ে দেখতে পারেন। এর আগের বার আমি ফটোশপে কলম তৈরি করা শিখিয়ে ছিলাম। আজ শেখাবো কি ভাবে একটা MP3 তৈরি করা যায়। আর বকর বকর করবো না। শুরু করি।

বডি ডিজাইন:

১. নিচের মত ডকুমেন্ট্রি নিয়ে একটা নতুন লেয়ার নিন।

২. এবার নতুন একটা লেয়ার নিচের মত চতুর্ভুজ আঁকুন।

৩. এবার Layer>Layer Style>Drop Shadow যান এবং সেটিং গুলো নিচের মত করে করুন।

৪. এবার Inner Glow যান এবং সেটিং নিচের মত।

৫. Gradient Overlay এবং সেটিং নিচের মত করে করুন।

স্কিন ডিজাইন:

৬. বডিটার ওপর আর একটা স্কিন অর্থাৎ চতুর্ভুজ আঁকুন। (কালো রং এর)

৭. এবার এই স্কিন বডির অর্ধেকের বেশী অংশ যে কোন রং দিয়ে ভরাট করুন।

৮. Layer>Layer Style>Blending Options…__ এ যান এবং সেটিং নিচের মত করে করুন।

৯. Gradient Overlay যান এবং সেটিং নিচের মত করে করুন।

১০. এইবার ঐ স্কিনটার চেয়ে ছোট একটা চতুর্ভুজ আঁকুন। (স্কিন সট লক্ষ্য করুন)

১১. এবার Layer>Layer Style>Outer Glow যান এবং সেটিং নিচের মত করে করুন।

১২. এবার Color Overlay যান এবং সেটিং নিচের মত করে করুন।

১৩. এবার এটার অর্ধেক অংশ যে কোন রং দিয়ে ভরার করুন।

১৪. Layer>Layer Style>Blending Options…__ এ যান এবং সেটিং নিচের মত করে করুন।

১৫. এবার Gradient Overlay যান এবং সেটিং নিচের মত করে করুন।

বাটন ডিজাইন:

১৬. এবার স্কিনিনের নিচে সাদা রং দিয়ে একটা বিত্ত আঁকুন। (নিচের স্কিনসট লক্ষ্য করুন)

১৭. Layer>Layer Style>Inner Shadow যান এবং সেটিং নিচের মত করে করুন।

১৮. Inner Glow যান এবং সেটিং টুকু নিচের মত করুর।

১৯. এইবার ঐ বাটনটার মধ্যে আরও একটা ছোট বাটন তৈরি করুন। (যেকোনো রং ব্যাবহার করতে পারেন এবং নিচের চিত্র অনুসরণ করুন)

২০ এবার Layer>Layer Style>Drop Shadow যান এবং সেটিং নিচের মত করে করুন।

২১. Gradient Overlay যান এবং সেটিং নিচের মত করে করুন।

২১. এবার গুলোর মধ্যে Menu, Play, Plays লেখা কিংবা আইকোন যুক্ত করুন।

হেডফোন ডিজাইন:

২২. হেড ফোন ডিজাইন এর জন্য আর একটা নতুন ডকুমেন্ট্রি নিন। তারপর একটা বিত্ত আঁকুন।

২৩. তারপর Edit>Transform>Wrap এ যান এবং নিচের মত করার চেষ্টা করুন।

২৪. Layer>Layer Style>Inner Shadow যান এবং নিচের সেটিং গুলো অনুসরণ করুন।

২৫. এবার Gradient Overlay যান এবং সেটিং নিচের মত করে করুন।

২৬. এটার মথার দিকে একটা বৃত্ত আঁকুন নিচের চিত্র অনুসরণ করুন। {রং অবশ্যই সাদা}

২৭. Layer>Layer Style>Inner Shadow যান এবং নিচের সেটিং গুলো অনুসরণ করুন।

২৮. এবার এটার ওপর একটা ছোট বিত্ত আঁকুন নিচের চিত্র অনুসরণ করুন।

২৯. এবার Layer>Layer Style>Inner Shadow যান এবং সেটিং নিচের মত করে।

৩০. Stroke এ যান এবং সেটিং নিচের মত করে করুন।

৩১. এটার ওপর ব্রাশ টুল কিংবা পেন টুল ব্যাবহার করে দাগ দিতে পারেন। হলে এটার আরও নিখুঁত দেখাবে।

৩২. এবার এই পুরো গ্রুপ মূল প্রজেক্টে ড্রাগ করুন।

৩৩. এবার এটা নিজের ইচ্ছা মত জায়গায় বসিয়ে নিন।

৩৪. এবার এখানে একটা কেবল যুক্ত করে দিন এবং কেবল এর লেয়ারটা হেডফোন এর নিচে নামিয়ে দিন।

৩৫. এইবার Layer>Layer Style>Inner Shadow এ যান এবং সেটিং নিচের মত।

৩৬. এবার Gradient Overlay যান এবং সেটিং নিচের মত করে করুন।

ব্যাস আমারদের কাজ শেষ। এবার নিজের মত করে একটু কাস্টমাইজড করে নিন। কিংবা আমার তৈরি PSD (864x864px) ফাইলটা এখন থেকে নামিয়ে নিন।

এখানে আমি প্রতিটা স্টেপে চিত্র দিয়েছি। তবুও যদি বুঝতে কোন সমস্যা হয় আমাকে মন্তব্য করে জানান।

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

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

Tags:


ফেসবুকের মাধ্যমে মন্তব্য লিখুন

  23 comments for “ফটোশপে মিডিয়া প্লেয়ার (MP3) তৈরি

  1. বোরহান
    February 16, 2011 at 10:47 am

    ৯ নং স্টেপের ছবি কোথায় ?

  2. November 28, 2010 at 10:50 pm

    ভালো লাগলো শিবলী সাহেব

    • November 29, 2010 at 12:59 am

      @Dguru, আমাকে শিবলী বললেই হবে। আমি ক্লাস নাইনের একটা বাচ্চা ছেলে!

  3. সানু
    November 27, 2010 at 2:52 pm

    শিবলী তোমাকে ধন্যবাদ,
    আমি খুব চেষ্টা করছি কিন্তু হচ্ছে না। কি করব ?

    • November 27, 2010 at 8:37 pm

      @সানু, আমি বুঝতে পারছি না কেন হচ্ছে না! আপনি আমার আগের টিউটোরিয়াল গুলোতে একটু চোখ বুলিয়ে নিন। তারপর PSD ফাইলটা নামিয়ে নিন। দেখুন আমি কি ভাবে করেছি। তাতেও যদি না হয় তাহলে দেখি ভিডিও টিউটোরিয়াল দেব!

      • November 27, 2010 at 9:17 pm

        @শিবলী, ভিডিও টিউটোরিয়াল দিবেন? বাহ!!! বেশ মজা হবে। আমি তো ভিডিও টিউটোরিয়ালের জন্য অনেক জল্পনা কল্পনা করতেছিলাম। নিয়মিত ভিডিও টিউটোরিয়াল পেলে টিউটোরিয়ালবিডি আরও একধাপ এগিয়ে যাবে।

        • November 27, 2010 at 10:30 pm

          @টিউটো, মাহবুব ভাই সমস্যা হল ইন্টারনেটের দাম আর এর গতি তবে ভিডিও টিউটোরিয়াল কয়েটা রেডি আছে!

          • November 27, 2010 at 11:50 pm

            @শিবলী, এটা একটা সমস্যা তবে FLV কনভার্টার দিয়ে কনভার্ট করে তার পর ইউটিউবে আপলোড করলে ব্যান্ডউইথ কম খরচ হবে। ২০ মেগার মধ্যেই একটা ১০ মিনিটের ভিডিও রাখা সম্ভব হবে।

            • November 28, 2010 at 12:34 am

              @টিউটো, হুম! দেখি দিতে শুরু করবো!
              আচ্ছা মাহবুব ভাই, যে টিউটোরিয়াল গুলো লিখেছি এ গুলোর কি ভিডিও ভার্ষণ দিবো?

              • November 28, 2010 at 3:58 am

                @শিবলী, হ্যা দিতে পারলে তো অনেক ভাল হয়। আগের পোষ্টগুলো এডিট করে অথবা নতুন পোষ্টেও ভিডিও দিতে পারেন।

                • November 28, 2010 at 12:08 pm

                  @টিউটো, কয়েক দিনের মধ্যেই পাওয়া শুরু করবেন! আমি ভিডিও টিউটোরিয়াল তৈরি অভ্যাস শুরু করেছি। কিন্তু কোন শব্দ পাবেন না। আমার মাদার বোর্ডে একটু সমস্যা আছে।
                  আচ্ছা মাহবুব ভাই ইউটিউবের ভিডিও গুলোতে যে গুগগুল এডসেন্স দেখা যায়। ওগুলো কি আপলোড করি দেয়?

                  • November 28, 2010 at 12:28 pm

                    @শিবলী, গুগলোর নিজস্ব এডসেন্স এগুলো। নিজের চ্যানেল একটা জনপ্রিয়তার পর্যায়ে গেলে তারা এই এডসেন্সের একটা অংশ আপলোডকারীকে দেয়। সম্ভবতঃ সব দেশের ইউজারদের জন্য এই সুযোগ নেই।

  4. November 27, 2010 at 9:29 am

    শিবলী ভাই জট্টিল…………………………….
    তবে পরীক্ষা শেষ হবার আগে কাজে হাত দেব না…..
    আপনি তাহলে……………….

    • November 27, 2010 at 11:35 am

      @ইমরান,ইমরান ভাই, এটা আমার নেশার মত। কম্পিউটার, ইন্টারনেট ও কাজ ছাড়া থাকলে আমি পড়তে পরি না। ১ ঘণ্টা পড়লে অন্তত ১০ মিনিট কম্পিউটারে বসতে হবে। যাই হক নিজে পরীক্ষা ভালো দেন। আমার জন্য দোয়া করেন।

  5. November 26, 2010 at 5:48 pm

    ধন্যবাদ শিবলী, ভালো হয়েছে, বেশ বিস্তারিত লেখায় আরো ভালো লাগছে।

  6. বন জ্যোৎস্না
    November 26, 2010 at 3:33 pm

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

    • November 26, 2010 at 10:04 pm

      @বন জ্যোৎস্না, ফটোশপের তারতম্য নয়। আমি এটা CS2 করতে দেখেছি। চেষ্টা করুন কোন অংশ না বুঝলে আমি বোঝাবার চেষ্টা করবো।

  7. November 26, 2010 at 2:52 pm

    প্লেয়ারটি বেশ সুন্দর হয়েছে। আমার একটি এমপি থ্রি প্লেয়ারের ডিজাইন দরকার। অনলাইনে প্লে করার জন্য। আমি অলরেডি আমার প্রিয় সব এমপিথ্রিগুলো অনলাইনে ঢুকেয়ে দিচ্ছি। এগুলোকে ফ্লাস প্লেয়ারের সাথে যুক্ত করে চালাবো। http://homeworkbd.com/mp3/ এটাকে কাষ্টমাইজেশন করে কাজটি করতে পারি।
    টিউটোরিয়ালটি বেশ সুন্দর হয়েছে। ধন্যবাদ শিবলী ভাই।

    • November 26, 2010 at 6:10 pm

      @টিউটো, মাহবুব ভাই আপনাকে ফেজবুকে একটা বার্তা পাঠিয়েছি। একটু দেখুন।
      আপনি কি রং এবং কি সাইজের মানে চ্যাপ্টা না লম্বা চান আমাকে জানান। আমি ডিজাইন করার চেষ্টা করবো। কিন্তু CSS আপনাকেই করতে হবে।

      • November 26, 2010 at 11:44 pm

        @শিবলী, কাজটা শুরু করার আগে আপনাকে আমি পেন্সিলে স্কেস করে দেব। কাজ শুরু করেতে কিছু সময় লেগে যাবে। আগ্রহের জন্য ধন্যবাদ।

    • November 26, 2010 at 10:08 pm

      @টিউটো, মাহবুব ভাই, দয়া করে থামবেনটা বদল করুন এটা দিন।

Leave a Reply