Sunday, December 1, 2013
ফটোশপে এ্যাড ব্যানার তৈরীর টিউটোরিয়াল
আজকের টিউটোরিয়ালে আমরা তৈরী করব একটা ওয়েব এ্যাড ব্যানার। টিউটোরিয়াল শুরু করার আগে আসুন দেখে নেই এর এক ঝলক।
যেভাবে আমরা দেখতে পাড়ছি। উপরের সবগুলো ব্যানারের স্টাইল কিন্তু একই শুধু কালারের পরিবর্তন। তাহলে আমরা যদি একটা তৈরী করতে পারি তাহলে বাকীগুলোও তৈরী করতে পাড়ব।
চলুন আগে একটা ব্যানারকে আমরা সিলেক্ট করি। আমি আজ শুধু আপনাদেরকে নীল রংয়ের ব্যানারটা তৈরী করতে শিখব (নীল আমার প্রিয় রং । যদি বুঝতে পারেন, বাকীগুলো আশা করি আপনারা নিজে নিজেই তৈরী করতে পাড়বেন। টিউটোরিয়াল শুরু করার আগে দেখে নেয়া যাক ব্যানারটার বিস্তারিত-
ব্যানারটার দিকে তাকালেই প্রথমে দেখতে পাড়বেন, এর দুইটা অংশ রয়েছে। উপরের অংশ (সাদা) এবং নিচের অংশ (নীল)। উপরের অংশের উপরের দিকে একটা নীল রিবন আছে। আর, নিচের অংশের উপরের দিকে এবং নীচের আলাদা দুইটা রিবন আছে। যে অংশে প্রাইস লিখা আছে তাতে আরেক এম্বুস স্টাইলের সেপ আছে। এছাড়াও আরো কিছু ছোট ছোট ইফেক্ট রয়েছে। আমরা একে একে সব কটি ধাপ সম্পন্ন করব। তাহলে চলুন কথা না বাড়িয়ে শুরু করা যাক আজকের টিউটোরিয়াল।
১। শুরুতেই আমরা তৈরী করব ব্যানারটার ব্যাক সাইড অর্থাৎ সাদা অংশ। যেহেতু, প্রজেক্টটা কিছু বড় তাই আমরা এর বিভিন্ন অংশকে ভিন্ন ভিন্ন গ্রুপে বিভক্ত করব। শুরু করুন একটা নতুন ফটোশপ ফাইল তৈরীর মাধ্যমে। উচ্চতা এবং ভূমি যথাক্রমে: 768px & 1024px দিন।
২। একটা গ্রুপ তৈরী করুন Layer > New > Group এবং এর নাম দিন “Back side”। তারপর, Rounded Rectangle Tool (U) সিলেক্ট করুন এবং একে নিচের মত করে সেট করুন। শেষে ক্যানবাসে একটা ক্লিক করুন।
৩। এখন, লেয়ারটিতে ডাবল ক্লিক করে বা Layer > Layer Style-এ গিয়ে নিচের লেয়ার স্টাইলগুলো প্রয়োগ করুন।
৪। এবার, আমরা এর টেক্সটগুলো লিখব। এর জন্য Horizontal Type Tool (T) সিলেক্ট করুন এবং ক্যানভাসে ক্লিক করে আপনার টেক্সটগুলো লিখুন। আমি এখানে উদাহরণস্বরূপ কিছু কথা লিখেছি “Your unbelievable…..”। লেখার সময় অবশ্যই Foreground color #9b9b9b করে রাখুন।
তারপর, Layer > Layer Style > Bevel and Emboss এ গিয়ে নিচের মত করে সেট করুন।
৫। এইবার, আমরা তৈরী করব উপরের নীল রিবন। এর জন্য প্রথমেই একটা নতুন গ্রুপ তৈরী করে নেন এবং তার নাম দিন “Top Ribbon”. তারপর Pen Tool (P) সিলেক্ট করুন এবং নিচের মত একটা সেপ তৈরী করুন।
৬। এখন এই রিবন সেপে ডাবল ক্লিক করে নিচের লেয়ার স্টাইলগুলো প্রয়োগ করুন।
৭। রিবনটিতে আরো গ্লোসি ভাব আনার জন্য এর উপরের অংশে আরেকটা সেপ তৈরী করুন।
৮। এখন এর অপাসিটি: 70% করে নিচের লেয়ার স্টাইল প্রয়োগ করুন।
৯। এখন রিবনের পিছের অংশটা আঁকব। এর জন্য, Ellipse Tool (U) সিলেক্ট করে একটি সেপ তৈরী করুন।
১০। এবার Rectangle Tool (U) সিলেক্ট করে, “Subtrack from shape area” সিলেক্ট থাকা অবস্থায় নিচের মত করে একটা সেপ তৈরী করুন। তাহলে রিবনের পিছনের দিকের অতিরিক্ত অংশগুলো মুছে যাবে।
১১। দেখেছেন, কত সহজে সাধারণ টেকনিক্সগুলো ব্যবহার করে জটিল বিষয়গুলোও তৈরী করা যায়। যাহোক, এবার সেপ লেয়ারটিকে, লেয়ার পেলেটে প্রধান রিবনের নিচে স্থানান্তরিত করুন। এখন এই সেপকে ডুপলিকেট করুন (Ctrl + J) এবং একে রিবনের বামদিকে নিয়ে যোগ করুন।
১২। তারপর আমরা রিবনের টেক্সটগুলো বসাব। এর জন্য Horizontal Type Tool (T) সিলেক্ট করুন এবং আপনার টেক্সটগুলো লিখুন। তারপর টেক্সট লেয়ারে নিচের লেয়ার স্টাইল প্রয়োগ করুন।
১৩। এরই মাধ্যমে শেষ হয়ে গেল আমারদের উপরের অংশ তৈরী করা।
১৪। এবার আমরা তৈরী করব ব্যানারটির উপরের অংশ। এর জন্য একটা নতুন গ্রুপ তৈরী করুন এবং এর নাম দিন “Top Banner”। এখন, Rounded Rectangle Tool (U) সিলেক্ট করে, নিচের মত সেট করে, ক্যানভাসে একটা ক্লিক করুন।
১৫। এবার নিচের লেয়ার স্টাইল প্রয়োগ করুন।
১৬। এখন, Pen Tool (P) সিলেক্ট করে নিচের সাদা অংশের মত একটা সেপ তৈরী করুন।
১৭। তারপর লেয়ারটিতে নিচের লেয়ার স্টাইলগুলো প্রদান করুন।
১৮। এবার, ফোরগ্রাউন্ড কালার #0a729e করুন। এবং নিচের মত একটা ছোট সেপ তৈরী করুন।
১৯। সেপটাতে নিচের লেয়ার স্টাইল প্রয়োগ করুন।
২০। এখন সেপটাকে ডুপ্লিকেট করুন (Ctrl + J) এবং একে একটু নিচে স্থাপন করুন।
২১। এবার আমরা তৈরী করব রিবনগুলো। প্রথমেই তৈরী করে নেই নিচের রিবনটা। এর জন্য একটা নতুন গ্রুপ তৈরী করুন এবং এর নাম দিন “Bottom Ribbon”. এ রিবনটাও আগেরটার মত করে তৈরী করবেন। আমি শুধু এখানে প্রধান সেপের গ্রেডিয়েন্ট তৈরীটা তৈরী দেখাব। তো, প্রথমেই, একটা সেপ তৈরী করুন নিচের মত।
২২। তারপর, সেপটাতে নিচের লেয়ার স্টাইলগুলো প্রয়োগ করুন।
২৩। রিবনের বাকী অংশগুলোও আগের মতই তৈরী করুন। ঐগুলো আর আবার রিপিট করব না। : ) শুধু টেক্সট লেয়ারটা দেখাব। Horizontal Type Tool (T) সিলেক্ট করুন এবং রিবনের উপর আপনার টেক্সটি লিখুন। আমি উদাহরণ স্বরূপ “Sale” লিখেছি।
তারপর, টেক্সট লেয়ারে ডাবল ক্লিক করে নিচের লেয়ার স্টাইলগুলো প্রয়োগ করুন।
২৪। একইভাবে উপরের লেয়ারটাও তৈরী করে ফেলেন। শুধু, প্রধান সেপে Gradient’এ কিছু পরিবর্তন করবেন। পরিবর্তনটা নিচে দেওয়া হল। আর নতুন সেপটা আগেরটার উল্টা দিকে করবেন।
২৫। টেক্সট লেয়ারটা আগের মতই হবে। শুধু অক্ষরের পরিবর্তন হবে।
২৬। এরপর, ব্যানারটির বিভিন্ন অংশে বাকী টেক্সটগুলো বসিয়ে, এর পূর্ণতা আনুন। টেক্সটগুলো আপনাদের পছন্দমত বিভিন্ন সাইজে প্রদান করুন।
সবার শেষে টেক্সট বসানো শেষ হয়ে গেলে, চাইলে এগুলোর সৌন্দর্য বৃদ্ধির জন্য কিছু লেয়ার স্টাইল যেমন: Gradient, Drop Shadow ইত্যাদি দিতে পারেন। কিভাবে লেয়ার স্টাইল দিবেন? এ প্রশ্নের উত্তর এখন আর দিব না। কারন, এই টিউটোরিয়ালেই এর আগে অনেকবার লেয়ার স্টাইল দেওয়ার কথা বলেছি। এখনও যদি বলে দিতে হয়। তাহলে এতক্ষণ কি শিখলেন? শুধুই মজা করলাম। সবাই যার যার পছন্দমত লেয়ার স্টাইলগুলো প্রয়োগ করুন। আর দেখেতো আমারটার মতো সুন্দর হল, নাকি আমারটার চেয়ে আরো বেশী সুন্দর হয়েছে?
টিউটোরিয়ালটি সম্পন্ন করতে আশা করি কারো কোন প্রব্লেম হবে না। আর যদি হয়ে যায় তাহলে নিচে মন্তব্যের মাধ্যমে জানাবেন। আর বেশী জরুরী হলে ফোনও করতে পারেন। এ ধরনের কয়েকটি ডিজাইন করে এর স্যাম্পল যদি আপনার পোর্টফোলিওতে রাখতে পারেন, তবে ফ্রিল্যান্সিং এ কাজ পাওয়া কি কঠিন? সবাইর জন্য শুভ কামনা রইল। আর পোষ্টটা কেমন হল জানাবেন কিন্তু
0 comments:
Post a Comment
Contract: Mob:01977558889,01930960310 Email: juwelbdonline@gmail.com