Limited-Time Discount | Enroll today and learn risk-free with our 30-day money-back guarantee.

Login

SIGN UP for FREE

ORDER NOW

Login
thumbnail

ওয়েব ব্যানার ডিজাইন করুন ইলাস্ট্রেটর দিয়ে

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

ই-লার্ন বাংলাদেশ এর ভিডিও টিউটোরিয়াল কোর্স করুন

বিভিন্ন বিষয় শিখতে এখন আর ট্রেনিং সেন্টারে যাওয়ার প্রয়োজন নেই। ভিডিও টিউটোরিয়াল নিয়ে ঘরে বসেই শিখুন বিভিন্ন ধরনের প্রফেশনাল মানের কাজ।

বিস্তারিত পড়ুন
ইলাস্ট্রেটরে তৈরিকৃত ফাইল অন্যান্য সফটওয়্যার দ্বারা তৈরিকৃত ফাইলের থেকে সম্পূর্ণই আলাদা। কারণ ইলাস্ট্রেটরে তৈরিকৃত ফাইলের সাইজ তুলনামূলক ভাবে অনেক ছোটো ও ডিজাইনগুলো অনেক স্মুথ। জেনে গেলেন কোন সফটওয়্যার দ্বারা ব্যানার তৈরি করবেন এবং কেন ওই সফটওয়্যার ব্যবহার করবেন। এখন কথা বলি আমাদের মূল বিষয় নিয়ে যে, কিভাবে আমরা ইলাস্ট্রেটর দিয়ে একটি ব্যানার ডিজাইন করবো। চলুন জেনে নিইঃ
মনে রাখতে হবে, আপনি যে ব্যানারটা তৈরি করবেন সেই ব্যনারটাতে দুটি অনেক ইম্পরট্যান্ট বিষয়ে বেশি লক্ষ্য রাখতে হবে। সেই বিষয় দুটি হলঃ ব্যাকগ্রাউন্ড এবং টেক্সট।
আমি একটা ব্যানার তৈরি করার ক্ষেত্রে দশটি টাস্ক অবলম্বন করি বা এই দশটি টাস্ক ব্যানার তৈরি করার জন্য ব্যবহার করার প্রয়োজন হয়। আমরা এখন এই দশটি টাস্কগুলোর সাথে পরিচিত হবো সাথে ব্যানার তৈরি করাও শিখে নিবো।

গ্রাফিক ডিজাইন শিখে অনলাইনে ক্যারিয়ার গড়তে ভিডিও টি দেখুন

আরও ভিডিও
বিজ্ঞাপন
চলুন ধাপে ধাপে শিখে নিই ব্যানার তৈরি করাঃ

প্রথম টাস্ক> এডোবি ইলাস্ট্রেটর চালু করাঃ
• কম্পিউটারের Start বাটনে ক্লিক করুন।
• All Programs-এ ক্লিক করুন।
• গ্রাফিক্স অপশনে ক্লিক করুন।
• এডোবি ইলাস্ট্রেটর CS6-এ ক্লিক করুন
দ্বিতীয় স্টেপ> ব্যানারের জন্য ইলাস্ট্রেটরে নতুন ডকুমেন্ট তৈরি করাঃ
• ফাইল মেনু থেকে New-অপশনে ক্লিক করুন।
• Name বক্সে একটি নাম লিখুন।
• Size বক্সের জন্য 468 x 60 নির্বাচন করুন।
• Units বক্সের জন্য Pixel নির্বাচন করুন।
• Color Mode-এর জন্য RGB রঙ নির্বাচন করুন।
• Ok বাটনে ক্লিক করুন।
তৃতীয় টাস্ক> ব্যানারের জন্য ব্যাকগ্রাউন্ড অঙ্কনঃ
• আপনার কীবোর্ড থেকে M চাপুন অথবা Toolbox থেকে Rectangle Box-এ ক্লিক করুন।
• তার পরে আপনার তৈরিকৃত উইন্ডোতে ক্লিক করুন আপনার।
• প্রস্থের জন্য 468 লিখুন।
• উচ্চতার জন্য 60 লিখুন।
• Ok- অপশনে ক্লিক করুন।
• তারপরে আপনি আপনার ওয়ার্কবোর্ডে একটি Rectangle Box দেখতে পারবেন।
• Exit Drawing Mode-এর জন্য আপনার কীবোর্ডের V বাটনে প্রেস করুন।
• মাউস পয়েন্টার আপনার তৈরিকৃত Rectangle Box-এর মাঝ বরাবর রাখুন।
• আপনার মাউসের বাম বোতাম চাপুন। তারপরে মাউস সরান, যতক্ষণ না আপনি পুরো Rectangle Box দেখতে পারেন। তারপরে ছেড়ে দিন।
চতুর্থ টাস্ক> ব্যানার ব্যাকগ্রাউন্ড ডিজাইনঃ
• Window মেনুতে ক্লিক করুন।
• Style Libraries থেকে Style সিলেক্ট করুন।
• Fills (RGB)-তে ক্লিক করে রং নির্বাচন করুন।
• Fills (RGB) তে যেকোনো Square-এ ক্লিক করুন।
• Exit Drawing Mode-এর জন্য আপনার কীবোর্ডের V কী চাপুন।
• Fills (RGB) Window খোলা অবস্থাতেই রেখে দিন।
পঞ্চম টাস্ক>Inserting ব্যানার টেক্সটঃ
• আপনার কীবোর্ডের T বাটন চাপুন অথবা Toolbox থেকে Text Tool ক্লিক করুন।
• আপনার ব্যানারের ভিতরে কোথাও ক্লিক করুন।
• আপনার পছন্দমতো টেক্সট লিখুন।
• আপনার কীবোর্ডের Esc কী টিপুন Typing Mode বাদ দেওয়ার জন্য।
• আপনি যদি আপনার Text দেখতে না, আপনার ব্যানারে ক্লিক করুন শুধুমাত্র Background- এ। এখন যেকোনো একটি কালার দেওয়ার সাথে সাথেই Text দেখা যাবে।
ষষ্ঠ টাস্ক> ব্যানার Text-এর আকার পরিবর্তনঃ
• আপনার Text-এ ক্লিক করুন।
• আপনার মাউসের ডান বোতামে ক্লিক করুন।
• Size অপশনে আপনার মাউস পয়েন্টার রাখুন এবং আপনি কোন আকার চান সেইটাতে ক্লিক করুন এবং আকার দিয়ে দিন।
সপ্তম টাস্ক>ব্যানার টেক্সট ফন্ট পরিবর্তন
• আপনার Text-এ ক্লিক করুন।
• আপনার মাউসের দান বোতামে ক্লিক করুন।
• ফন্টের উপর মাউস পয়েন্টার রাখুন এবং আপনি আপনার ইচ্ছামতো ফন্টের যেকোনো নামে ক্লিক করুন এবং ফন্ট সিলেক্ট করে নিন।
• Exit-এর জন্য ব্যানারের বাইরে কোথাও ক্লিক করুন।
অষ্টম টাস্ক> ব্যানার টেক্সট কেন্দ্রীভূতকরণঃ
• আপনার কীবোর্ডের Shift কী ধরে রাখার সময়, আপনার Text এবং আপনার ব্যানার ব্যাকগ্রাউন্ড-এ ক্লিক করুন।
• Window মেনুতে ক্লিক করুন।
• Align-এ ক্লিক করুন।
• Horizontal Align Centre-এ ক্লিক করুন।
• Vertican Align Centre-এ ক্লিক করুন।
• Exit-এর জন্য ব্যানরের বাইরে কোথাও ক্লিক করুন।
নবম টাস্ক> Text-এর রং পরিবর্তনঃ
• আপনার Text-এ ক্লিক করুন।
• Window মেনুতে ক্লিক করুন।
• Swatch Libraries-এ আপনার মাউস পয়েন্টার নিয়ে যান।
• Defaut RGB-তে ক্লিক করুন।
• এখান থেকে ইচ্ছামতো যেকোনো Color সিলেক্ট করে নিন।
দশম টাস্ক> ব্যানার Saving:
• File Menu-তে ক্লিক করুন।
• Save For Web-এ ক্লিক করুন।
• Optimized ট্যাব সিলেক্ট করে নিন।
• Settings থেকে JPEG সিলেক্ট করে নিন।
• Maximum JPEG সিলেক্ট করে নিন।
• যদি Progressive চেকবক্স সিলেক্ট করা না থাকে তাহলে এটা সিলেক্ট করে নিন।
• Quality বক্সে 100 লিখুন।
• MAtte বক্স Blank কিনা তা দেখে নিন।
• Save-এ ক্লিক করুন।
• File Name বক্সে একটি নাম লিখুন।
• Save-এ ক্লিক করুন।
এটি এডোবি ইলাস্ট্রেটর এর সাথে একটি ব্যানার তৈরি করার পদক্ষেপ। আপনি যদি পরবর্তীতে আপনার ব্যানারটি Modify করতে চান তাহলে আপনি সহজেই এটা করতে পারবেন। আপনার ব্যানারের Background পরিবর্তন করতে শুধুমাত্র Background-এ ক্লিক করুন এবং নতুন করে Background ডিজাইন করে নিন। আপনি চাইলে Text-এর Color ও পরিবর্তন করতে পারবেন।
আপনারা শিখে ফেললেন কিভাবে একটি ওয়েব ব্যানার ডিজাইন করা যায়। ভালো মানের একটি ব্যানার ডিজাইন করার জন্য আপনাকে অনেক প্র্যাকটিস করতে হবে।
আশা করি আমার আর্টিকেলটি অনেক গ্রাফিক ডিজাইনারদের অনেক উপকারে আসবে। আজকের মতো এখানেই শেষ করছি। আগামীতে আপনাদের জন্য আরও ভালো কিছু নিয়ে লেখার ট্রাই করবো ইনশাআল্লাহ্‌। সবাইকে ধন্যবাদ জানিয়ে এখানেই শেষ করছি। আসসালামু আলাইকুম।

|| Design by Mamunur Rashid ||

Payment
গ্রাফিক ডিজাইন ওয়েব ডিজাইন আউটসোর্সিং এম এস অফিস কম্পিউটার টিপস ফটো এডিটিং
thumbnail

ওয়েব ব্যানার ডিজাইন করুন ইলাস্ট্রেটর দিয়ে

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

ই-লার্ন বাংলাদেশ এর ভিডিও টিউটোরিয়াল কোর্স করুন

বিভিন্ন বিষয় শিখতে এখন আর ট্রেনিং সেন্টারে যাওয়ার প্রয়োজন নেই। ভিডিও টিউটোরিয়াল নিয়ে ঘরে বসেই শিখুন বিভিন্ন ধরনের প্রফেশনাল মানের কাজ।

বিস্তারিত পড়ুন
ইলাস্ট্রেটরে তৈরিকৃত ফাইল অন্যান্য সফটওয়্যার দ্বারা তৈরিকৃত ফাইলের থেকে সম্পূর্ণই আলাদা। কারণ ইলাস্ট্রেটরে তৈরিকৃত ফাইলের সাইজ তুলনামূলক ভাবে অনেক ছোটো ও ডিজাইনগুলো অনেক স্মুথ। জেনে গেলেন কোন সফটওয়্যার দ্বারা ব্যানার তৈরি করবেন এবং কেন ওই সফটওয়্যার ব্যবহার করবেন। এখন কথা বলি আমাদের মূল বিষয় নিয়ে যে, কিভাবে আমরা ইলাস্ট্রেটর দিয়ে একটি ব্যানার ডিজাইন করবো। চলুন জেনে নিইঃ
মনে রাখতে হবে, আপনি যে ব্যানারটা তৈরি করবেন সেই ব্যনারটাতে দুটি অনেক ইম্পরট্যান্ট বিষয়ে বেশি লক্ষ্য রাখতে হবে। সেই বিষয় দুটি হলঃ ব্যাকগ্রাউন্ড এবং টেক্সট।
আমি একটা ব্যানার তৈরি করার ক্ষেত্রে দশটি টাস্ক অবলম্বন করি বা এই দশটি টাস্ক ব্যানার তৈরি করার জন্য ব্যবহার করার প্রয়োজন হয়। আমরা এখন এই দশটি টাস্কগুলোর সাথে পরিচিত হবো সাথে ব্যানার তৈরি করাও শিখে নিবো।

গ্রাফিক ডিজাইন শিখে অনলাইনে ক্যারিয়ার গড়তে ভিডিও টি দেখুন

আরও ভিডিও
বিজ্ঞাপন
চলুন ধাপে ধাপে শিখে নিই ব্যানার তৈরি করাঃ

প্রথম টাস্ক> এডোবি ইলাস্ট্রেটর চালু করাঃ
• কম্পিউটারের Start বাটনে ক্লিক করুন।
• All Programs-এ ক্লিক করুন।
• গ্রাফিক্স অপশনে ক্লিক করুন।
• এডোবি ইলাস্ট্রেটর CS6-এ ক্লিক করুন
দ্বিতীয় স্টেপ> ব্যানারের জন্য ইলাস্ট্রেটরে নতুন ডকুমেন্ট তৈরি করাঃ
• ফাইল মেনু থেকে New-অপশনে ক্লিক করুন।
• Name বক্সে একটি নাম লিখুন।
• Size বক্সের জন্য 468 x 60 নির্বাচন করুন।
• Units বক্সের জন্য Pixel নির্বাচন করুন।
• Color Mode-এর জন্য RGB রঙ নির্বাচন করুন।
• Ok বাটনে ক্লিক করুন।
তৃতীয় টাস্ক> ব্যানারের জন্য ব্যাকগ্রাউন্ড অঙ্কনঃ
• আপনার কীবোর্ড থেকে M চাপুন অথবা Toolbox থেকে Rectangle Box-এ ক্লিক করুন।
• তার পরে আপনার তৈরিকৃত উইন্ডোতে ক্লিক করুন আপনার।
• প্রস্থের জন্য 468 লিখুন।
• উচ্চতার জন্য 60 লিখুন।
• Ok- অপশনে ক্লিক করুন।
• তারপরে আপনি আপনার ওয়ার্কবোর্ডে একটি Rectangle Box দেখতে পারবেন।
• Exit Drawing Mode-এর জন্য আপনার কীবোর্ডের V বাটনে প্রেস করুন।
• মাউস পয়েন্টার আপনার তৈরিকৃত Rectangle Box-এর মাঝ বরাবর রাখুন।
• আপনার মাউসের বাম বোতাম চাপুন। তারপরে মাউস সরান, যতক্ষণ না আপনি পুরো Rectangle Box দেখতে পারেন। তারপরে ছেড়ে দিন।
চতুর্থ টাস্ক> ব্যানার ব্যাকগ্রাউন্ড ডিজাইনঃ
• Window মেনুতে ক্লিক করুন।
• Style Libraries থেকে Style সিলেক্ট করুন।
• Fills (RGB)-তে ক্লিক করে রং নির্বাচন করুন।
• Fills (RGB) তে যেকোনো Square-এ ক্লিক করুন।
• Exit Drawing Mode-এর জন্য আপনার কীবোর্ডের V কী চাপুন।
• Fills (RGB) Window খোলা অবস্থাতেই রেখে দিন।
পঞ্চম টাস্ক>Inserting ব্যানার টেক্সটঃ
• আপনার কীবোর্ডের T বাটন চাপুন অথবা Toolbox থেকে Text Tool ক্লিক করুন।
• আপনার ব্যানারের ভিতরে কোথাও ক্লিক করুন।
• আপনার পছন্দমতো টেক্সট লিখুন।
• আপনার কীবোর্ডের Esc কী টিপুন Typing Mode বাদ দেওয়ার জন্য।
• আপনি যদি আপনার Text দেখতে না, আপনার ব্যানারে ক্লিক করুন শুধুমাত্র Background- এ। এখন যেকোনো একটি কালার দেওয়ার সাথে সাথেই Text দেখা যাবে।
ষষ্ঠ টাস্ক> ব্যানার Text-এর আকার পরিবর্তনঃ
• আপনার Text-এ ক্লিক করুন।
• আপনার মাউসের ডান বোতামে ক্লিক করুন।
• Size অপশনে আপনার মাউস পয়েন্টার রাখুন এবং আপনি কোন আকার চান সেইটাতে ক্লিক করুন এবং আকার দিয়ে দিন।
সপ্তম টাস্ক>ব্যানার টেক্সট ফন্ট পরিবর্তন
• আপনার Text-এ ক্লিক করুন।
• আপনার মাউসের দান বোতামে ক্লিক করুন।
• ফন্টের উপর মাউস পয়েন্টার রাখুন এবং আপনি আপনার ইচ্ছামতো ফন্টের যেকোনো নামে ক্লিক করুন এবং ফন্ট সিলেক্ট করে নিন।
• Exit-এর জন্য ব্যানারের বাইরে কোথাও ক্লিক করুন।
অষ্টম টাস্ক> ব্যানার টেক্সট কেন্দ্রীভূতকরণঃ
• আপনার কীবোর্ডের Shift কী ধরে রাখার সময়, আপনার Text এবং আপনার ব্যানার ব্যাকগ্রাউন্ড-এ ক্লিক করুন।
• Window মেনুতে ক্লিক করুন।
• Align-এ ক্লিক করুন।
• Horizontal Align Centre-এ ক্লিক করুন।
• Vertican Align Centre-এ ক্লিক করুন।
• Exit-এর জন্য ব্যানরের বাইরে কোথাও ক্লিক করুন।
নবম টাস্ক> Text-এর রং পরিবর্তনঃ
• আপনার Text-এ ক্লিক করুন।
• Window মেনুতে ক্লিক করুন।
• Swatch Libraries-এ আপনার মাউস পয়েন্টার নিয়ে যান।
• Defaut RGB-তে ক্লিক করুন।
• এখান থেকে ইচ্ছামতো যেকোনো Color সিলেক্ট করে নিন।
দশম টাস্ক> ব্যানার Saving:
• File Menu-তে ক্লিক করুন।
• Save For Web-এ ক্লিক করুন।
• Optimized ট্যাব সিলেক্ট করে নিন।
• Settings থেকে JPEG সিলেক্ট করে নিন।
• Maximum JPEG সিলেক্ট করে নিন।
• যদি Progressive চেকবক্স সিলেক্ট করা না থাকে তাহলে এটা সিলেক্ট করে নিন।
• Quality বক্সে 100 লিখুন।
• MAtte বক্স Blank কিনা তা দেখে নিন।
• Save-এ ক্লিক করুন।
• File Name বক্সে একটি নাম লিখুন।
• Save-এ ক্লিক করুন।
এটি এডোবি ইলাস্ট্রেটর এর সাথে একটি ব্যানার তৈরি করার পদক্ষেপ। আপনি যদি পরবর্তীতে আপনার ব্যানারটি Modify করতে চান তাহলে আপনি সহজেই এটা করতে পারবেন। আপনার ব্যানারের Background পরিবর্তন করতে শুধুমাত্র Background-এ ক্লিক করুন এবং নতুন করে Background ডিজাইন করে নিন। আপনি চাইলে Text-এর Color ও পরিবর্তন করতে পারবেন।
আপনারা শিখে ফেললেন কিভাবে একটি ওয়েব ব্যানার ডিজাইন করা যায়। ভালো মানের একটি ব্যানার ডিজাইন করার জন্য আপনাকে অনেক প্র্যাকটিস করতে হবে।
আশা করি আমার আর্টিকেলটি অনেক গ্রাফিক ডিজাইনারদের অনেক উপকারে আসবে। আজকের মতো এখানেই শেষ করছি। আগামীতে আপনাদের জন্য আরও ভালো কিছু নিয়ে লেখার ট্রাই করবো ইনশাআল্লাহ্‌। সবাইকে ধন্যবাদ জানিয়ে এখানেই শেষ করছি। আসসালামু আলাইকুম।

আপনার মতামত লিখুনঃ