Photoshop এ তৈরী করুন ওয়েবসাইট বা মাল্টিমিডিয়া আইকন

আসসালামু আলাইকুম, কেমন আছেন? আশা করি মহান আল্লাহ রহমতে ভাল আছেন। আজ উপস্থিত হয়েছি Photoshop এ Web আইকন  তৈরীর টিউটোরিয়াল নিয়ে। ওয়েব সাইটে এবং মাল্টিমিডিয়া প্রেজেন্টটেশন এর বিভিন্ন কাজ করতে গিয়ে আমাদের অনেক আইকন বা বাটনের প্রয়োজন হয়।  আজকের টুইটে আমি আপনাদের সাথে শেয়ার করব Photoshop এ কিভাবে Web আইকন তৈরী করতে হয়। তো আর কথা না বলে ঝটা ঝট কাজ শুরু করি………….

শুরুতে এক  পলকে দেখে নিন কেমন হবে আজকের টুইট দেখতে….

undefined
Step – 1

শুরুতে একটা 500 × 300 পিক্সেল নতুন ফাইল তৈরি করুন এবং সাদা রং দিয়ে ভরাট করুন। এখন সরাসরি আইকন তৈরি কাজ শুরু করা যাক। লেয়ার প্যাটান থেকে Create a new layer  ক্লিক করুন। Ellipse Tool  দিয়ে একটি বৃত্ত আকুঁন।

Step – 2

লেয়ার প্যাটান থেকে Add a Layer Style এ ক্লিক করুন, Stroke এবং Gradient Overly  ক্লিক করুন। Gradient Overly  Zize = 2 , Position = Inside , Fill Type = Gradient , ক্লিক করুন।

Step – 3

লেয়ার প্যাটান থেকে Create a new layer এ ক্লিক করুন,  Elliptical Marquee Tool  সিলেক্ট করে একটি বৃত্ত আকুঁন। Fill Color = 1c2133 সিলেক্ট করে gradient টুল ভরাট করুন।

Step – 4

এখন, Ctrl চেপে Layer 1 ক্লিক করুন। এর পর কীর্বোড থেকে Ctrl+Shift+I কমান্ড দিন। এবং Delete করুন।

Step – 5

Ctrl + D কমান্ড দিন। লেয়ার প্যাটান থেকে Create a new layer এ ক্লিক করুন। color = 5ebf1a সিলেক্ট করে, Ellipse Tool দিয়ে একটি বৃত্ত আকুঁন।

Step – 6

লেয়ার প্যাটান থেকে Add a Layer Style এ ক্লিক করুন, Stroke এবং Inner Glow তে  ক্লিক করুন। Inner Glow  Blend Mode  = Normal ,  Color = 136906 , Choker = 100%, Size = 12 সেট করুন। Stroke  Size = 10 ,  Position = Inside , Color = FFFFFF, সেট করুন এবং OK তে  ক্লিক করুন।

Step – 7

Elliptical Marquee Tool  দিয়ে উপবৃত্ত আকুঁন। এবার Dodge Tool  সিলেক্ট করন ( Brush: 100px, Range: Midtones, Exposure: 20%  )  বৃত্তের নীচের অংশে একটু হালকা করুন।

Step – 8

এবার Ctrl+Shift+I  কমান্ড দিন। Dodge Tool  সিলেক্ট করন বৃত্তের মধ্যে একটু হালকা করুন।

Step – 9

Ctrl+D  কমান্ড দিন। লেয়ার প্যাটান থেকে Create a new layer এ ক্লিক করুন। এবার Custom Shape Tool  সিলেক্ট করুন এবং যেকোন সেপ ড্র করুন।

Step – 10

লেয়ার প্যাটান থেকে Add a Layer Style এ ক্লিক করুন, Drop Shadow  তে  ক্লিক করুন। Angle =  -15 , সেট করুন 

তো হয়ে গেল আইকন। দোয়া করেইন আরো সুন্দর সুন্দর টুইট করার জন্য। সকলের মঙ্গল কামনায়, আজকে আল্লাহ হাফেজ …..

Level 0

আমি Abdul Mannan Asif। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 13 বছর 11 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 17 টি টিউন ও 31 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

ভাল কিছু করতে গেলে অনেক কষ্ট পোহাতে হয়, কিন্তু একটা সময়ের পর কাজের ফলটা চরম আনন্দ দেয় :) মুখবইয়ে আমি ২০১১ইং খেকে টেকটুইটস এবং টেকপৃথিবীতে এডমিন, ২০১২ইং থেকে NanoItBD তে Executive Programmer হিসাবে কাজ করছি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

Nice one dude. I always use “Ico fx” to create icon 😀
and Photoshop to make the icon image.

জটিল!! চালিয়ে যান। এই রকম নতুন নতুন টিউনের অপেক্ষায় রইলাম।

দারুণ! আপনার টিউনের দেখাদেখি আমিও একটা বানাইলাম। ফটুকশপে না ইঙ্কস্কেপে। একটু ভিন্ন হইলেও গ্লসি ইফেক্টটা আপনার টিউন থেকে শেখা। 🙂

Level 0

জোস করসেন বস। বুকমার্ক করে রাখলাম!

আরেকটু বিস্তারিত বশেষ করে ” Elliptical Marquee Tool সিলেক্ট করে একটি বৃত্ত আকুঁন। Fill Color = 1c2133 সিলেক্ট করে gradient টুল ভরাট করুন।” বহুত প্যারা দিল” ভাল হতো