Advertisement
  1. Design & Illustration
  2. Designing
Design

একটি চকচকে তালার আইকন ডিজাইন তৈরি করুন

by
Difficulty:IntermediateLength:MediumLanguages:

Bengali (বাংলা) translation by Zakaria Hossain (you can also view the original English article)

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

এডিটরস নোট: এই টিউটোরিয়াল মূলত গ্রাফিকা অনলাইন এ চেক ভাষায় প্রকাশিত হয়েছিল। যারা চেক ভাষায় দক্ষ নন তাদের জন্যে গ্রাফিকা ভাক্লভকে Psdtuts+ এ পুনঃপ্রকাশ করার অনুমতি দিয়েছে।

ফাইনাল ইমেজের প্রিভিউ

আমরা শুরু করার আগে চলুন দেখে নেই আমরা কি তৈরি করতে যাচ্ছি। সবসময়ের মতই, সম্পূর্ণ PSD ফাইল গুলো Psdtuts+ প্লাস মেম্বারশিপে পাওয়া যাচ্ছে।

১ম ধাপ

আসুন একটি হালকা ধূসর রঙের (# D5D5D5) একটি নতুন ডকুমেন্ট দিয়ে শুরু করি। রাউন্ডেড রেক্ট্যাঙ্গল টুলটি নিন। তারপর একটি তালার মৌলিক আকৃতি আঁকুন। রেডিয়াস আপনার পছন্দসই ভাবে ঠিক করে নিন। তারপর এটি একটি হালকা ধূসর রং (# ডিডিডিডিডিডিডি) দিয়ে পূরণ করুন।

২য় ধাপ

এবার উপরের অংশ যোগ করা যাক। বৃত্ত আঁকার জন্যে এলিপ্স টুলটী ব্যাবহার করুন। পাথ নির্বাচন টুলটি দিয়ে নির্বাচন করুন, তারপর কপি, পেস্ট করুন এবং এটি (Ctrl + T) ব্যবহার করে একটু ছোট করে দিন। এরপর বড় বৃত্তটি থেকে ছোট  বৃত্তটি সাবট্রাক্ট করুন।

তৃতীয় ধাপ

আগের টুলটি পরিবর্তন করে rectangle tool বেছে নিন এবং alt key চেপে ধরে নিচে উল্লেখিত আয়তক্ষেত্র আঁকুন। এরপরে কি টুলের সাহায্যে  shift key চেপে ধরে ডান এবং বাম প্রান্ত শেষ করুন।

এলিপস টুলের সাথে একটি আড়াআড়ি অঙ্কন করে বামদিকে গোল করুন, আবার Shift কী চাপা দিয়ে। আপনি যদি এটি পিক্সেল-একুুরেট করতে চান, তাহলে আপনাকে গ্রিড চালু করতে হবে।

৪র্থ ধাপ

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

৫ম ধাপ

কিছু ইফেক্ট ম্যানুয়ালি  করা আবশ্যক। লেয়ারটিকে কপি করে (Ctrl + J) একটি শক্তিশালী শ্যাডো যোগ করা যাক। পাথ সিলেকশন টুল (A) সিলেক্ট করুন। তারপর কপি নির্বাচন করুন (Ctrl + C) এবং পেস্ট করুন (Ctrl + V)। তারপর উপরে কয়েক পিক্সেল সরান এবং সাবট্রাক্ট স্টাইল এ সেট করুন। আমরা শুধু একটি গাঢ় ধূসর রং (# 505050) দিয়ে তৈরি আকৃতিটি পূরণ করবো। ছায়া (নীচে সীমারেখা) সম্পন্ন করা হয়।

এখন আপনি ভাবছেন যে কেন আমরা এই কৌশলটি ব্যবহার করেছি এবং কেবল একটি অভ্যন্তরীণ ছায়া প্রভাব প্রয়োগ করা হয়নি? ভাল যে কারণ আমরা ছায়া পুরো লক প্রয়োগ করা হবে না চান। এজন্য আমরা লেয়ার মাস্ক যুক্ত করেছি। একটি ব্রাশ টুল (কালো নরম ব্রাশ) চয়ন করুন এবং একটি আকৃতি মাঝখানে আঁকা যে ছায়া কম দৃশ্যমান করতে হবে এবং আমাদের চূড়ান্ত ইমেজ একটু বিট আরো plasticity যোগ করুন। আপনি নীচের শেষ ছবিতে দেখতে পারেন, আমরা মাঝখানে যেতে হিসাবে ছায়া অদৃশ্য হয়ে যায়

ধাপ 6

ঠিক আছে, আমাদের লক আরো অন্ধকার করা যাক। আকৃতি লেয়ারের উপরে (একটি নীচের অংশের অংশ), একটি নতুন লেয়ার তৈরি করুন (Ctrl + Alt + Shift + N)। পূর্ববর্তী স্তরটির একটি কাটিয়া মাস্ক (Ctrl + Alt + G) টিপে স্তরটি সেট করুন। ব্রাশ টুলটি নির্বাচন করুন (বড় নরম কালো)। অপ্রাসঙ্গিক সেট করুন 30% বলতে হবে তারপর বাম এবং ডান দিকে আঁকা এটা নরম ছায়া তৈরি করবে।

আপনি হালকা অংশগুলি আঁকতে পারেন যেমনটি আপনি ছায়া আঁকেন। একটি অনুরূপ অপাসিটি সঙ্গে একটি হালকা রঙিন ব্রাশ ব্যবহার করুন। তাদের নতুন বা একই স্তরে আঁকুন। নির্দেশিকা জন্য নীচের চিত্র অনুসরণ করুন।

ধাপ 7

এর উপরের প্রান্তে প্রতিচ্ছবি তৈরি করা যাক। নীচে স্তর নির্বাচন করুন (Ctrl + লেয়ারে ক্লিক করুন)। নির্বাচন> সংশোধন করুন> চুক্তিতে যান। তারপর নির্বাচন (একটি নতুন লেয়ারে) একটি সাদা রঙের (Alt + backspace) দিয়ে পূরণ করুন। নির্বাচনটি দুই পিক্সেল নিচে সরান (শুধু নিচে দুই বার চাপুন) তারপর স্তরটির এই অংশটি মুছে ফেলার জন্য ডিলিট কী টিপুন Ctrl + D এর সাথে অনির্বাচন করতে ভুলবেন না!

ধাপ 8

এর পরে, বড় প্রতিচ্ছবি ব্যবহার করে একটি লক এর plasticity ব্যাখ্যা শুরু। একটি নতুন স্তর একটি আয়তক্ষেত্র তৈরি করতে আয়তক্ষেত্র নির্বাচন টুল ব্যবহার করুন। একটি নতুন স্তর একটি আয়তক্ষেত্র তৈরি করতে আয়তক্ষেত্র নির্বাচন টুল ব্যবহার করুন।

ধাপ 9

আয়তক্ষেত্র নির্বাচন টুলের শীর্ষে একটি 2-পিক্সেল লাইন নির্বাচন করুন, নীচে দেখানো হিসাবে। তারপর নীচের দ্বিতীয় ইমেজ হিসাবে এটি skew। এই প্রতিফলন লক আকৃতি কপি কিভাবে হয়।

ধাপ 10

ঠিক যেমন, অন্য দিকে প্রতিচ্ছবি তৈরি করুন, কিন্তু অনেক বড়

ধাপ 11

আমরা এটি বড় করতে সুতরাং এটি অনুরূপ দেখতে না। আমরা প্রায় নীচে অংশ দিয়ে সম্পন্ন হয়। নীচে আমাদের লক এতদূর হওয়া উচিত কিভাবে।

ধাপ 1২

পরবর্তী আমরা একটি স্ট্রিপ যোগ! আবার নির্বাচন একটি নির্বাচন তৈরি করুন। তারপর একটি সিলেকশন (# F3BB2A) থেকে হলুদ (# F5E02F) থেকে এই গ্রেডিয়েন্টটি আঁকুন।

ধাপ 13

যে পরে একক রো মার্কি টুল নির্বাচন করুন। তারপর পূর্ববর্তী নির্বাচনের প্রথম এবং শেষ লাইন নির্বাচন করুন (Shift টিপে উভয় লাইনগুলি নির্বাচন করুন)।

আপনার প্রয়োজনগুলি সন্তুষ্ট করার জন্য ব্রাশ টুল এবং একটি গাঢ় রঙ ব্যবহার করুন। এইভাবে আপনি ব্যাকগ্রাউন্ড এবং ফালা মধ্যে পার্থক্য করতে কিভাবে

পদক্ষেপ 14

একটি নতুন স্তর Ctrl-click টিপে একটি নির্বাচন করুন তারপর স্তর মেনু থেকে একটি নতুন প্যাটার্ন পূরণ যোগ করুন। এই প্যাটার্ন ব্যবহার করুন, আইকন আকারের সাথে মিলিত হওয়ার জন্য মাত্র 50% আইশ করুন। তারপর লেয়ার স্টাইল সেট করুন Multiply। তারপর শুধুমাত্র কালো ফিতে দৃশ্যমান হবে।

ধাপ 15

প্রান্তের কাছাকাছি প্যাটার্নটি ছোট করতে, ডানদিকে এবং বাম দিকে মাশুলটি বড় করুন তারপর স্তর rasterize (লেয়ার> Rasterize> ভরাট সামগ্রী)।

ধাপ 16

পরবর্তী, বাম এবং ডান দিকে সঙ্কুচিত পরবর্তী পরবর্তী, বাম এবং ডান দিকে সঙ্কুচিত পরবর্তী এই পক্ষের একটি মোমবাতি এবং একটি কোণ এ কাটা প্রদর্শিত হবে। প্রভাবটি বড় করার জন্য এটি কয়েকবার করা যেতে পারে।

ধাপ 17

অন্য স্তর যোগ করুন ফালা পক্ষের অন্ধকার কিছু আঁকা আবার, একটি কালো রঙ, নরম, এবং নিম্নতর অপাসিটি দিয়ে ব্রাশ টুলটি ব্যবহার করুন।

ধাপ 18

লক নীচের অংশ সম্পন্ন করা হয়, মহান! আসুন উপরের অংশে কাজ করি। একটি নতুন উপরের অংশ স্তর দিয়ে শুরু করুন এবং রং শুরু এবং প্রান্ত নির্ধারণ। একটি ধূসর রঙ ব্যবহার করুন (# D5D5D5)। তারপর 1px আকার, ধূসর রং # 848484 সহ একটি অভ্যন্তরীণ গ্লাস প্রভাব দিন। এটা ঠিক ঠিক করা উচিত। ব্লেড মোডকে সংখ্যাবৃদ্ধি করতে সেট করুন

ধাপ 19

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

ধাপ ২0

বাম এবং ডান দিকে, Alt কী চাপানো (বিয়োগ) দিয়ে দুটি আয়তক্ষেত্র আঁকুন।

ধাপ 21

এই আকৃতির অপ্রাসঙ্গিক নিচে 30% নিচে। এই এবং মূল আকৃতির মধ্যে একটি নতুন স্তর তৈরি করুন। তারপর সাদা থেকে স্বচ্ছ থেকে একটি রৈখিক গ্রেডিয়েন্ট আঁকা। প্রতিচ্ছবিটি শুধুমাত্র আমাদের আইকনটিতে দৃশ্যমান করতে Ctrl + Alt + G (পূর্ববর্তী স্তরটির মাস্কটি কাটা) টিপুন।

ধাপ 22

নীচে অংশে আমরা দুটি বড় প্রতিচ্ছবি যোগ করব এখানে। তারা শুধু তাদের আকৃতির মত গঠিত হতে হবে, তাই তারা আয়তক্ষেত্র হবে না, কিন্তু ellipses নিচের চিত্রের মতোই, এল্পস টুল ব্যবহার করে একটি আড়াআড়ি অঙ্কন করুন।

ধাপ 23

Ctrl + T 45 ডিগ্রি সঙ্গে এটি ঘোরান

ধাপ ২৪

অবশেষে, ডাইরেক্ট  সিলেকশন টুল (A) ব্যবহার করে এলিপস এর মাঝখানে দুটি পয়েন্ট নির্বাচন করুন। তারপর লম্বার উপরের অংশ বক্ররেখা অঙ্কন না হওয়া পর্যন্ত উপবৃত্তাকার নামান তাদের তারপর সরানো।

ধাপ ২৫

এই লেয়ারটি ডুপ্লিকেট করুন (Ctrl + J)। এরপর হরাইজন্টাল ভাবে এটাকে ফ্লিপ করুন। এবং কিছুটা ডানে সরিয়ে নিন।

ধাপ ২৬

তালাটি প্রায় শেষ। আমাদের এখন শুধু প্রান্তের কিছু অংশে শ্যাডো দিতে হবে, যাতে মনে হয় তালাটি ব্যাকগ্রাউন্ড থেকে আলাদা।

প্রথমে, লক আইকনের নিম্ন অংশের একটি লেয়ার সিলেক্ট করুন (Ctrl + লেয়ারে ক্লিক করুন)। একটি নতুন লেয়ার তৈরি করুন। এরপর নতুন লেয়ারে আকা শুরু করুন। আমাদের পরিচিত কালো রংটি ব্যাবহার করুন, সফট ব্রাশ ব্যাবহার করুন তালাটিকে ডার্ক করার জন্যে। সম্পন্ন হলে, সিলেকশনটিকে ১পিক্সেল ছোট করে নিন, Select> Modify> Contract. তারপর ডিলিট কি চাপুন। মিচের ছবিটি হলো ডিলিট করার আগের অবস্থা।

ধাপ ২৭ 

ডিলিট করার পরে নিচে দেখতে পাবেন ১০০% ভিউ। আমার কাজ প্রায় শেষ।

ধাপ ২৮

অনেক বেশি ডিটেইল পেতে ঠিক একই রকম টেকনিক ব্যাবহার করা যায় তালার উপরের অংশে। এই তীরগুলো দিয়ে দেখানো হচ্ছে কোথায় আরেকটু ডার্ক করতে হবে।

২৯তম ধাপ

যখনই আপনি আইকনটি আপনার ডিজাইনে রাখার সিদ্ধান্ত নেবেন, তখন ধূসর রঙে যোগ করতে ভুলবেন না।  নিম্নোক্ত চিত্রটিতে, অ্যাপ্লিকেশন ডিজাইনের সাথে আরো বেগুনি রঙ যোগ করা হয়েছে।

উপসংহার

এবং এটাই সব!  আশা করি আপনি নতুন কিছু শিখেছেন। ফাইনাল ছবিটি নিচে দেখতে পাবেন।

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.