Tag Archives: ইলাস্ট্রেটর

ইলাস্ট্রেটরে তৈরি করুন টাইপোগ্রাফিক লোগো

Huge Sell on Popular Electronics

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

Housing logo
Housing logo

১. প্রথমেই টাইপ টুলের সাহায্যে EBL লেখাটি টাইপ করুন। এই লেখাটিকেই আমরা টেনেটুনে ঘরের আকৃতি প্রদান করব। এজন্য লেখাটিকে রিসাইজ করে যথেষ্ট বড় করুন এবং পছন্দের ফন্ট নির্বাচন করুন। টাইপোগ্রাফির ক্ষেত্রে ফন্ট নির্বাচন খুবই গুরুত্বপূর্ণ। তবে আমি এখানে Myriad ফন্ট দিয়েই কাজ চালিয়ে নিচ্ছি। কারণ এখানে সিম্পল একটা ফন্ট হলেই চলবে।

1
২. এখন লেখাটি সিলেক্ট করে মাউস এর রাইট বাটন ক্লিক করে Create outline ক্লিক করুন। লেখাটি একটি পাথে পরিণত হবে এবং একে এখন টেনেটুনে বিভিন্ন আকৃতি দেয়া যাবে।

2
৩. কিবোর্ডের A বাটন চেপে Direct selection tool চালু করুন। এবার লেখার উপর ক্লিক করলে অনেকগুলো অ্যংকর পয়েন্ট দেখতে পাবেন।

৪. প্রথমে E এর ডানদিকের উপরের অ্যাংকর পয়েন্টকে সরিয়ে উপরের দিকে নিন।

3

এভাবে লাল অ্যারো চিহ্নিত দিকে বাকি অ্যাংকর পয়েন্টগুলোকে সরিয়ে নিন।

4

৫. এবার B এর পালা। B এর উপরের পৃষ্ঠের আকৃতি গোলাকার হওয়ায় এখানকার অ্যাংকর পয়েন্টগুলোকে কনভার্ট করে নিতে হবে। এজন্য পেন টুলের উপর ক্লিক করে কয়েক সেকেন্ড ধরে রাখুন। Convert anchor point ক্লিক করুন। এবার B উপরের পৃষ্ঠে থাকা বাম দিকের অ্যাংকর পয়েন্ট দুটিতে ক্লিক করুন।

5

তাহলে অ্যাংকর পয়েন্ট দুটি কনভার্ট হয়ে যাবে। আবার কিবোর্ডের A বাটন চেপে মাঝের অ্যাংকর পয়েন্টটিকে সরিয়ে ডান দিকের প্রান্তের কাছাকাছি আনুন।

7

৬. বাম পাশের অ্যাংকর পয়েন্টে ক্লিক করে শিফট চেপে এইমাত্র ডানে সরিয়ে নেয়া অ্যাংকর পয়েন্টের উপর ক্লিক করুন। এবার কিবোর্ডের আপ অ্যারো চেপে অ্যাংকর পয়েন্ট দুটিকে উপরের দিকে উঠাতে থাকুন। এভাবে E এর সর্বোচ্চ চুড়ায় উঠা পর্যন্ত উঠাতে থাকুন।

9

৭. এবার এই দুটি অ্যাংকর পয়েন্টের মাঝে আরেকটি অ্যাংকর পয়েন্ট যোগ করতে হবে। এজন্য পেন টুলে ক্লিক করে ধরে রাখুন। Add anchor point ক্লিক করে অ্যাংকর পয়েন্ট দুটির মাঝখানে ক্লিক করুন। নতুন একটি অ্যাংকর পয়েন্ট যুক্ত হবে।

৮. নতুন অ্যাংকর পয়েন্টটিকে ড্রাগ করে আরও উপরে নিন যাতে তা E এর ঢালের সাথে সামঞ্জস্যপূর্ণ হয়।

10

৯. খেয়াল করুন B এর ডান পাশের চূড়া কিছুটা আঁকাবাঁকা হয়ে গেছে। একটি Rectangle দিয়ে এই অংশকে এমনভাবে ঢেকে দিন যাতে বোঝা না যায়।

11
১০. এবার L এর অ্যাংকর পয়েন্টগুলিকেও অ্যারো এর নির্দেশানুযায়ী সরিয়ে নিন।

12

13

১১. এবার ঘরের বাড়তি ছাউনী তৈরি করতে হবে। এজন্য P চেপে স্ক্রিনশটের মত করে তিনটি বিন্দুতে ক্লিক করুন। একটি ত্রিভুজ তৈরি হবে। এটিকে E এর প্রান্তের সাথে লাগিয়ে দিন। প্রয়োজনে Direct selection tool (A) এর সাহায্যে কিছুটা অ্যাডজাস্টমেন্ট করে নিন।

15

একইভাবে L এর সাথেও এরকম বাড়তি ছাউনী তৈরি করুন।

16

১২. ঘরের পাদদেশে একটি আনুভূমিক রেকটাংগল এমনভাবে আঁকুন যাতে তা ঘরের চেয়ে একটু বড় হয়। এটিকে কিছুটা উপরে তুলে অক্ষর তিনটির নিচের সামান্য অংশকে ঢেকে দিন।

17

১৩. Ctrl+A চেপে পাথফাইন্ডার প্যালেটের Unite বাটনে ক্লিক করুন। পাথফাইন্ডার খুঁজে না পেলে Window>Pathfinder ক্লিক করুন।

18

১৪. লোগো তৈরির প্রক্রিয়া শেষ। এবার একে পছন্দমত রং ও ইফেক্টের মাধ্যমে সৌন্দর্য বৃদ্ধি করুন।
প্রথমবার প্র্যাকটিস করার পর এটি দেখে সরাসরি পেন টুলের সাহায্যে আরেকবার ট্রাই করুন। তাহলে ২য়টি আরও ভালো হবে।

ইলাস্ট্রেটরে ভেক্টর গিয়ার তৈরি : Create Vector Gear with Illustrator

Huge Sell on Popular Electronics

হাতে হাতে স্মার্টফোন আর প্রতিটি স্মার্টফোনই যেন রং বেরং এর অ্যাপসের মেলা। এই অসংখ্য অ্যাপসের ইউজার ইন্টারফেস (UI) ডিজাইন করতে গিয়ে ডিজাইনাররা সম্ভবত গিয়ারের আইকনটিই সবচেয়ে বেশি আঁকেন। কারণ প্রতিটি অ্যাপসেই সেটিংস মেনু থাকে। আর সেটিং মেনুর আইকন হিসেবে গিয়ারের প্রতিকৃতিই অধিকাংশ সময় ব্যবহৃত হয়। তাই আজকের টিউটোরিয়ালে দুটি পদ্ধতিতে দুটি ভিন্ন ধরনের গিয়ার একে দেখাবো। আর একাজে যেহেতু ইলাস্ট্রেটর ব্যবহার করছি তাই আমাদের আকা গিয়ারগুলি হবে ভেক্টর ফরম্যাটের। তাহলে চলুন শুরু করা যাক।

প্রথম পদ্ধতিঃ এ পদ্ধতিতে আকা গিয়ারের দাঁতগুলি হবে সরু ও তীক্ষ্ণ। প্রথমে ইলাস্ট্রেটরে নতুন একটি ডকুমেন্ট ওপেন করুন।

১. Ellipse (M) টুল সিলেক্ট করে আর্টবোর্ডের মাঝখান হতে Shift চেপে ক্লিক করে ড্র‍্যাগ করে একটি সুষম বৃত্ত আঁকুন।

Draw ellipse
Draw ellipse

২. Star টুলের মাধ্যমে একইভাবে বৃত্তের সেন্টার পয়েন্ট থেকে ড্র‍্যাগ করে একটি স্টার এমনভাবে আঁকুন যাতে স্টারের বাহুগুলো বৃত্তের খানিকটা বাইরে চলে আসে। মাউসের ক্লিক ছেড়ে দেয়ার আগে কিবোর্ডের আপ অ্যারো কি চেপে স্টারের বাহুর সংখ্যা প্রয়োজনমত বাড়িয়ে নিন। উল্লেখ্য এই বাহুগুলো গিয়ারের দাঁত হিসেবে ব্যবহৃত হবে।

Select ellipse tool or press L
Select Star tool
Draw Star
Draw Star

 

৩. এবারে জিনিষটা অনেকটা গিয়ারের মতই দেখাচ্ছে। Ctrl+A চেপে দুটি অবজেক্টকে একসাথে সিলেক্ট করুন। Pathfinder প্যালেট থেকে Unite বাটনে ক্লিক করুন। দুটি অবজেক্ট মিলে একটি অবজেক্টে পরিণত হবে। প্রাথমিকভাবে Pathfinder প্যালেট খুঁজে না পেলে Window>Pathfinder ক্লিক করুন।

৪. এবার গিয়ারটির উপর ক্লিক করে সিলেক্ট করুন। Effect>Stylize>Round corners ক্লিক করে Preview বক্সটি চেক করুন। এবার বক্সে প্রয়োজনমত মান বসিয়ে দিন। আমি এখানে ১৭ দিয়েছি। এতে গিয়ারের দাঁতগুলি ভোতা হয়ে যাবে।

Round corner
Round corner

Object মেনুতে গিয়ে Expand Appearance ক্লিক করুন।

Rounded
Rounded

৫. Ellipse (M) টুলের সাহায্যে গিয়ারের সেন্টার পয়েন্ট থেকে আরেকটি সুষম বৃত্ত আঁকুন যাতে এটি গিয়ারের চেয়ে খানিকটা ছোট হয়।

৬. Ctrl+A চেপে Pathfinder মেনু থেকে Minus front ক্লিক করুন। গিয়ারের মাঝখানে ছিদ্র তৈরি হবে।

6

৭. আরেকটি সুষম বৃত্ত আঁকুন যাতে এটি গিয়ারের চেয়ে সামান্য বড় হয়।

7
Make larger ellipse

৮. Ctrl+A চেপে Pathfinder প্যালেট থেকে Intersect বাটনে ক্লিক করুন। এতে দাঁতগুলির অতিরিক্ত অংশ কাটা পড়বে।

Final
Final

এবার গিয়ারটি দেখতে অনেকটা বুয়েটের লোগোর মত লাগার কথা।

3 দ্বিতীয় পদ্ধতিঃ এ পদ্ধতি বেশ সরল এবং গুরুত্বপূর্ণ। এতে গিয়ারের একটি দাঁত একাধিক বার কপি করে ট্রান্সফর্ম করে গিয়ারের মুল অংশ তৈরি করা হবে।

১. প্রথমে Rectangle টুল সিলেক্ট করে আর্টবোর্ডের ফাকা স্থানে ক্লিক করুন। আগত পপ আপ উইন্ডোতে Widthও Height বক্সে যথাক্রমে ৫০ ও ৪০ বসিয়ে ওকে ক্লিক করুন। একটি ৫০ বাই ৪০ মাপের চতুর্ভুজ তৈরি হবে।

Set rectangle dimension
Set rectangle dimension

২. খেয়াল করুন এই চতুর্ভুজের চার কোণায় চারটি Anchor point রয়েছে। Direct selection tool (A) টুল নিয়ে চতুর্ভুজটির উপরের ডান পাশের Anchor point তে ক্লিক করুন। এবার Shift চেপে Left arrow key কি চাপুন। এতে Anchor point ১০ পিক্সেল বামে সরে যাবে।

 Move anchor point
Move anchor point

একইভাবে বাম পাশেরটিও ১০ পিক্সেল ডানে সরিয়ে নিন। তাহলে গিয়ারের একটি দাঁত তৈরি হল।

3

 

৩. এবার এই দাঁতটিকে ঘড়ির কাটার দিকে ৯০ ডিগ্রি ঘুরিয়ে দিতে হবে। এজন্য এর উপর ক্লিক করে Shift চেপে মাউসের কার্সর কোণার কাছে নিয়ে দুবার নিচের দিকে টানুন।

৪. এবার আমরা এই একটি দাঁত থেকে বাকি দাঁতগুলি তৈরি করব। এজন্য এর উপর ক্লিক করে Effect>Distort & Transform>Transform ক্লিক করুন।

4

আগত উইন্ডোতে প্রথমেই প্রিভিউ চেক বক্সটি চেক করে দিন। Copies এর জায়গায় আমি ৯ দিয়েছি। এর মানে এই একটি দাঁত থেকে আরও ৯টি দাঁত তৈরি হবে। এঙ্গেল এর জায়গায় একটু হিসেব করে নিতে হবে। আপনি যতগুলি কপি করছেন সেই সংখ্যা দিয়ে ৩৬০ কে ভাগ দিলে যা আসে এখানে তাই টাইপ করুন। আমি এখানে ৪০ দিয়েছি কারণ ৩৬০/৯=৪০। এবারে Move এর Horizontal ও Vertical বক্সে -28 ও -78 বসিয়ে দিন। তবে প্রথমেই মান না বসিয়ে আগে স্লাইডার টেনে চেষ্টা করুন। এতে ট্রান্সফর্ম এর ক্রিয়াকৌশল সম্পর্কে আপনার ধারণা ক্লিয়ার হবে।

Transform pop up
Transform pop up

৫. এবার Object>Expand appearance ক্লিক করুন। গিয়ার তৈরির চ্যালেঞ্জিং অংশ শেষ হল।

৬. এখন Ellipse (L) টুলের সাহায্যে গিয়ারের কেন্দ্র থেকে Shift+Alt চেপে ড্র‍্যাগ করে দাঁতগুলির ভেতরের প্রান্ত পর্যন্ত এনে ছেড়ে দিন।

After Drawing ellipse
After Drawing ellipse

৭. Ctrl+A চেপে Pathfinder প্যালেট থেকে Unite ক্লিক করুন। দুটি অবজেক্ট মিলে একটিতে পরিণত হবে।

Unite two shape
Unite two shape

৮. একইভাবে সেন্টার পয়েন্ট থেকে আরেকটি বৃত্ত আঁকুন যাতে এটি আগেরটির চেয়ে কিছুটা ছোট হয়।

৯. Ctrl+A চেপে Pathfinder প্যালেট থেকে Minus front ক্লিক করুন। গিয়ার তৈরি।

Final
Final

জানেন কি ফুল আর গিয়ারের মাঝে একটি অদ্ভুত মিল রয়েছে? ঠিকই ধরেছেন দুটি জিনিষই ট্রান্সফর্ম টুল ব্যবহার করে আঁকতে হয়। এজন্যই দ্বিতীয় পদ্ধতিটি বেশি গুরুত্বপূর্ণ।

ইলাস্ট্রেটরে ওয়াটার রিফ্লেকশন তৈরি

Huge Sell on Popular Electronics

পানিতে নিজের ছায়া দেখে কে না বিস্মিত হয়? ঠিক এরকম প্রতিফলন করে একটি লোগোকে চমৎকারভাবে উপস্থাপন করা যায়। তাই আজ দেখাবো কিভাবে ইলাস্ট্রেটরে ওয়াটার রিফ্লেকশন বা পানির মত প্রতিচ্ছবি তৈরি করা যায়। তার আগে Final preview দেখে নিন।

 

9

প্রথমে ইলাস্ট্রেটর ওপেন করে নিন। নতুন একটি ডকুমেন্ট তৈরি করতে Ctrl+N চেপে OK ক্লিক করুন।

1

Type Tool (T) সিলেক্ট করে আর্টবোর্ডের মাঝখানে কিছু লিখুন। এবারে Move Tool (V) দিয়ে লেখাটিকে সিলেক্ট করে Shif+Alt চেপে ক্লিক করে সোজা নিচের দিকে টেনে আনুন। এতে করে লেখাটির আরেকটি কপি তৈরি হবে এবং শিফট চাপার কারণে এতে আগের অ্যলাইনমেন্ট ঠিক থাকবে।

Make a copy
Make a copy

 

অরিজিনাল লেখাটিকে লক করতে লেখাটির উপর ক্লিক করুন এবং Object>Lock>Selection ক্লিক করুন। এখন কপি করে তৈরি করা লেখাটিকে উল্টে দিতে হবে। এজন্য Reflect Tool (O) সিলেক্ট করুন। লেখার উপর ক্লিক করে শিফট চেপে সোজা নিচের দিকে টানুন। লেখাটি ১৮০ ডিগ্রি কোণে উল্টে যাবে।

Rotate 180 degree
Rotate 180 degree

Rectangle Tool (M) দিয়ে একটি Rectangle একে উল্টানো লেখাটিকে ঢেকে দিন।

Make re
Make rectangle

Rectangle এর কোন স্ট্রোক না রেখে গ্রাডিয়েন্ট দিয়ে ফিল করুন। গ্রাডিয়েন্টের রং অবশ্যই সাদা এবং কালো হতে হবে। গ্রাডিয়েন্টের সাদা অংশ অবজেক্টকে দৃশ্যমান রাখে এবং কালো অংশ ক্রমেই অবজেক্টকে অদৃশ্য করে দেয়। তাই গ্রাডিয়েন্টের স্লাইডার ঠিক মাঝামাঝি রাখুন এবং অ্যাঙ্গেল ৯০ ডিগ্রি অথবা -৯০ ডিগ্রি দিন যাতে কালো অংশ নিচে থাকে।

Gradient settings
Gradient settings
Gradient preview
Gradient preview

এবার Ctrl+A চেপে সকল অবজেক্ট সিলেক্ট করে উইন্ডোর উপরের দিকে থাকা Opacity অপশনে ক্লিক করুন।

Opacity option
Opacity option

এবার তীর চিহ্নিত স্থানে ক্লিক করে করে Make new opacity mask এ ক্লিক করুন। এবার উল্টানো লেখাটিকে অনেকটাই আসলটির ছায়ার মত মনে হবে।

Shadow
Shadow

কিন্তু পানিতে পড়া ছায়া আসলটার মত স্পষ্ট দেখায় না। তাই ছায়ার অপাসিটি ৪০-৬০% এর মধ্যে রাখুন। এতে করে ছায়া বা প্রতিচ্ছবিকে আরও রিয়েলিস্টিক মনে হবে।

Final preview
Final preview

এভাবে ইলাস্ট্রেটরে যে কোন ভেক্টর অবজেক্টের ওয়াটার রিফ্লেকশন তৈরি করতে পারেন। আর কোন প্রশ্ন থাকলে কমেন্ট করতে ভুলবেন না। আল্লাহ হাফেজ।