Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. Sketch
Webdesign

স্কেচ দিয়ে কিভাবে ডাইনামিক আইকন লাইব্রেরি তৈরি করবেন

by
Difficulty:BeginnerLength:ShortLanguages:

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

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

স্কেচ আইকন

স্কেচ আইকন হচ্ছে একটি প্লাগিন যা দিয়ে আপনি অসংখ্য আইকন আমদানী করতে পারবেন, এবং স্বয়ংক্রিয়ভাবে একটি কালার মাস্ক সেট করতে পারবেন। চলুন, সবিস্তারে দেখা যাক এটা কীভাবে কাজ করে।

১। প্লাগিন ইন্সটল করুন

প্লাগিন ডাউনলোড ও ইন্সটল করার মাধ্যমে শুরু করুন। আমি সাধারণত রানার ব্যবহার করে আমার ক্সেচ প্লাগিনসমূহ ইন্সটল করি, তাই আপনিও চাইলে এই পদ্ধতিটি ব্যবহার করতে পারেন।

২। কিছু রং নির্বাচন করুন

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

Three sketch artboards rectangles symbols
তিনটি সাজানো স্কেচ আর্টবোর্ড, আয়তক্ষেত্র ও চিহ্নসমূহ

৩। কিছু আইকন আমদানী করুন

আমি Plugins > Sketch Icons > Import icons... এ গিয়ে কিছু আইকন আমদানি করতে যাচ্ছি ... স্কেচ আইকন জিজ্ঞাসা করবে যে প্রতিটি আইকনের জন্য আর্টবোর্ডটি কেমন চাচ্ছি, এই ক্ষেত্রে আমি আর্টবোর্ডে 3px এর প্যাডিং সহ 24px আইকন সেট করলাম। একই সাথে আমি নিশ্চিত হবো যে, প্রত্যেকটি আইকনকে এক একটি প্রতীকে রূপান্তর করার জন্য নির্দিষ্ট চেকবক্সটি যেনো চেক করা হয়য়, এবং Add color mask ও চেক করা হয়।

যেহেতু আমরা কালার মাস্ক ব্যবহার করছি, তাই চাইলে কালার পিকারের মাধ্যমে যেকোনও প্রাথমিক রং বেছে নিতে পারবো অথবা আমাদের নিজস্ব লাইব্ররী থেকেও প্রতীক বা সিম্বল নির্বাচন করতে পারবো। নিচের ইমেজে দেখতে পাচ্ছেন, আমি বর্তমান ডকুমেন্টের জন্য তিনটি সিম্বল বেছে নিয়েছি!

Configuring Sketch Icons import
স্কেচ আইকনগুলি কনফিগার করা

এবার আমরা আমাদের সেটিংসগুলো নিয়ে সন্তুষ্ট হলে, আমরা Continue-তে ক্লিক করতে থাকবো এবং যে আইকন ফাইলগুলিকে আমরা আমদানি করতে চাই তার সবগুলো নির্বাচন করবো। আপনার তৈরি করা আইকনটিও আপনার ডকুমেন্টে যোগ করা হবে। ঊপযুক্ত নাম সহকারে আর্টবোর্ডগুলি সুন্দরভাবে সাজান এবং প্রতীক হিসাবেও এগুলো যাতে উপলব্ধ হয়।

Imported icons into Sketch
স্কেচ এ আমদানি করা আইকন

৪। আপনার আইকন চিহ্ন ব্যবহার করা

আপনি যদি ছবির উপরের লেয়ারগুলো দেখেন তাহলে দেখবেন, এই প্রত্যেকটি আইকন সিম্বলই এক একটি কালার লেয়ার, আইকনের উপর লেয়ার মাস্ক হিসেবে আছে।

আপনি যখন আপনার ডকুমেন্টের কোন একটি পৃষ্ঠায় এই আইকন সিম্বলগুলোর মধ্যে কোন একটি যোগ করার সময় ডান দিকের সাইডবার থেকে color Override ব্যবহার করে রং পরিবর্তন করতে পারবেন। ইতিমধ্যে তৈরি কালার সিম্বল একটি সহজ ড্রপডাউন থেকে পাওয়া যাবে।

উপরন্তু, যদি আপনি প্রাথমিকভাবে প্রতীক হিসাবে সেট করা কোনও রঙ পরিবর্তন করতে চান, তবে আপনি সেই প্রতীকটিতে যেতে পারেন, এটির মধ্যে আয়তক্ষেত্রের রং পরিবর্তন করুন, এবং সেই পরিবর্তনটি আপনার নথির মধ্যে থাকা সমস্ত আইকনের উপর প্রতিফলিত হবে।

৫। একটি আইকন লাইব্রেরি স্থাপন করা

কিন্তু চলুন একটি গতিশীল লাইব্রেরি নির্মাণ সম্পর্কে কিছু আলাপ শুরু করা যাক। সম্প্রতি আমরা স্ক্যাচ লাইব্রেরির ব্যবহার সম্পর্কে একটি টিউটোরিয়াল প্রকাশ করেছি:

এই লাইব্রেরিগুলো দিয়ে একটি একক স্কেচ ফাইল বিশ্বব্যাপী উপলব্ধ করা যায়, এগুলোর মধ্যে থাকা সমস্ত চিহ্ন এবং ভাগকৃত স্টাইলসহ। আপনার আইকন দিয়ে লাইব্রেরির একটি  অংশ তৈরি করতে, Preferences > Libraries > Add Library তে যান। আপনার নতুন তৈরি করা আইকন ডকুমেন্ট নির্বাচন করুন এবং এটি আপনার লাইব্রেরির তালিকায় যোগ করুন।

এখন আপনি একটি নতুন ডকুমেন্ট তৈরি করতে পারেন (একইসাথে আপনার আইকন ডকুমেন্ট বন্ধ করুন) এবং সমস্ত আইকন, তাদের নির্দিষ্ট রংসহ ব্যবহার করার জন্য একত্রে পাচ্ছেন।

উপসংহার

স্কেচ আইকন প্লাগিনটি আইকন ম্যানেজ করা ছাড়াও আমাদেরকে অনেক স্বচ্ছন্দ দিয়ে থাকে। এই টিউটোরিয়ালটি থেকে আপনি সঠিকভাবে এর ব্যবহার জানলেন; এবার আমাদেরকে জানাতে পারেন স্কেচে আপনি আইকনের জন্য আর কি কি ব্যবহার করে থাকেন!

এবং যাওয়ার আগে, এনভেটো এলিমেন্টে উপলব্ধ বেশ কিছু আইকন সেট দেখতে পারেন; সব গুলোই প্রস্তুত আছে এবং আপনার ডাইনামিক স্কেচ আইকন লাইব্রেরীতে এখনই ব্যবহার করতে সক্ষম হবেন!

httpselementsenvatocomgraphicsiconssort-by-popular
এনভেটো এলিমেন্টে থাকা আইকন সেট
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.