PP Pointed – ফ্রি SVG Arrow জেনারেটর – ডিজাইনকে দিন নতুন রূপ, একদম আপনার হাতের ছোঁয়ায়!

Level 21
কন্টেন্ট রাইটার, টেল টেক আইটি, গাইবান্ধা

আসসালামু আলাইকুম, Design ভালোবাসেন এমন সব টেকটিউনস বন্ধুদের! কেমন আছেন সবাই? আশাকরি ভালো আছেন এবং Design এর নতুন মাত্রা Explore করার জন্য প্রস্তুত। Design এর জগতে নতুন কিছু যোগ করতে, নতুন কিছু শিখতে এবং নিজের Creativity প্রকাশ করতে কার না ভালো লাগে, বলুন? আর যখন সেই নতুনত্ব আসে নিজের হাতের ছোঁয়ায়, নিজের মতো করে Customization করার সুযোগ থাকে, তখন তো আর কোনো কথাই নেই! আজকের টিউনে আমি আপনাদের সাথে পরিচয় করিয়ে দেবো তেমনই একটি অসাধারণ এবং কাজের Tool এর সাথে - "PP Pointed"!

আমি জানি, আপনারা অনেকেই হয়তো নিয়মিত বিভিন্ন Design Project এ Arrow Use করেন। Presentation Slide তৈরি করা হোক, Website এর জন্য Mockup Design করা হোক, কিংবা Social Media তে Attractiven টিউন তৈরি করা – Arrow এর ব্যবহার কিন্তু প্রায় সর্বত্রই। একটি সুন্দর Arrow একদিকে যেমন User এর দৃষ্টি আকর্ষণ করে খুব সহজেই নির্দিষ্ট Information এর দিকে, তেমনই একটি সাধারণ Design কেও করে তোলে আরও Attractive এবং Professional.

"Handy Arrows" নামে একটি ফ্রি Resource রয়েছে, নিশ্চয়ই আপনারা তা জানেন। সেখানে আছে চমৎকার কিছু Hand-Drawn Arrow Illustration, যা React Component আর SVG Download সাপোর্ট করে। যারা Quick Solution পছন্দ করেন, অথবা যাদের হাতে সময় কম, তাদের জন্য Handy Arrows ছিল একটি দারুণ Option। কিন্তু, Design এর দুনিয়াটা তো বিশাল, তাই না? আর সবার Requirement ও একরকম হয় না। হয়তো আপনার Design এর জন্য আরও Specific, Unique কিছু দরকার। হয়তো আপনি চাচ্ছেন আপনার Arrow তে থাকুক আপনার নিজস্ব Touch.

যদি Handy Arrows আপনার মনের মতো না হয়, অথবা আপনি যদি নিজের মতো করে, একদম Custom Arrow Design করতে চান, তাহলে চিন্তা নেই! আজকের PP Pointed Generator সেই সমস্যার সমাধান করবে একদম নিমিষেই। PP Pointed দিয়ে আপনি নিজেই আপনার পছন্দের, মনের মতো Arrow Design করে নিতে পারবেন কোনো Coding Knowledge ছাড়াই।

PP Pointed - কী আছে এই জাদুকরী Tool টির ভিতরে?

PP Pointed

PP Pointed হলো একটি ফ্রি SVG Arrow Pattern Generator, যা Fffuel নামক একটি Website থেকে Offer করা হয়েছে। যারা Web Design এবং Web Development এর সাথে জড়িত, তারা Fffuel এর নাম অবশ্যই শুনে থাকবেন। Fffuel মূলত বিভিন্ন Free Design Resources Provide করার জন্য পরিচিত। এই Website টি Designer এবং Developer উভয়ের কাছেই খুব জনপ্রিয়। আমি ব্যক্তিগতভাবে Fffuel এর কাজ খুব পছন্দ করি, এবং সেই কারণেই আগেও আপনাদের সাথে এই Website এর আরও কিছু Tool যেমন - bbburst আর tttexture নিয়ে বিস্তারিত আলোচনা করেছি। এই Tool গুলো Use করে আপনারা আপনাদের Design Workflow কে আরও Boost করতে পারবেন।

PP Pointed এর একটা মজার Feature হলো, এই Website এর বেশিরভাগ Tool এর নামের শুরুতেই কিছু Letter Repeat হয়। এটা Fffuel এর একটি Signature Style বলা যেতে পারে! Design Community তে Fffuel তাদের Unique Naming Convention এর জন্য পরিচিত।

PP Pointed Generator use করে আপনি কয়েক মিনিটের মধ্যেই অসাধারণ Arrow Illustration তৈরি করতে পারবেন। এখানে Customization এর Level টা একটু অন্যরকম। আপনি একজন Professional Designer হোন বা Beginner, PP Pointed এর User-Friendly Interface আপনাকে মুগ্ধ করবেই। আপনি Shape থেকে শুরু করে Arrow Style, Color, Curve Direction, Length, Width, Spacing, Rotation, এমনকি X এবং Y Position পর্যন্ত – সবকিছু নিজের ইচ্ছেমতো Adjust করতে পারবেন। প্রতিটি Option এর জন্য আলাদা আলাদা Control রয়েছে, যা Use করা খুবই সহজ। কোনো জটিল Setting নেই, সবকিছু সুন্দরভাবে সাজানো রয়েছে।

আর সবচেয়ে বড় সুবিধা হলো, এটি SVG Vector Graphic Format এ Download করা যায়। SVG Format এর সবচেয়ে বড় Advantage হলো, আপনি Picture এর Quality Loss না করেই ইচ্ছামতো Size Change করতে পারবেন। আপনি যদি একটি Small Icon Use করতে চান, অথবা একটি Large Banner Design করতে চান, SVG Format আপনাকে হতাশ করবে না। এছাড়াও, আপনি চাইলে সরাসরি SVG Source Code ও Copy করে আপনার Project এ Use করতে পারবেন। Code Copy করার জন্য Code Button এ Click করুন, এবং Code টি আপনার Code Editor এ Paste করুন।

PP Pointed

অফিসিয়াল ওয়েবসাইট @ PP Pointed

Copyright নিয়ে আর কোনো চিন্তা নয়! একদম Free তে Use করুন

Copyright নিয়ে আর কোনো চিন্তা নয়! একদম Free তে Use করুন

আমরা অনেকেই Internet থেকে বিভিন্ন Design Resource Download করার আগে Copyright Issue নিয়ে চিন্তিত থাকি। বিশেষ করে Commercial Project এর ক্ষেত্রে বিষয়টি আরও Important হয়ে দাঁড়ায়। কিন্তু PP Pointed এর ক্ষেত্রে আপনাকে এই নিয়ে একদমই চিন্তা করতে হবে না! PP Pointed দিয়ে তৈরি করা Illustration গুলো আপনি Personal অথবা Commercial যে কোনো কাজে Use করতে পারবেন কোনো Copyright Issue ছাড়াই। এমনকি আপনাকে Source ও Mention করতে হবে না! তার মানে দাঁড়াচ্ছে, আপনি Full Freedom এর সাথে Design করতে পারবেন, এবং আপনার Client ও থাকবে টেনশনমুক্ত।

তাহলে আর দেরি কেন, Design এর কাজে Freedom আনতে আজই Use করুন PP Pointed!

PP Pointed ব্যবহারের Step-by-Step গাইড: ডিজাইন করুন নিজের মনের মতো Arrow!

PP Pointed ব্যবহারের Step-by-Step গাইড

PP Pointed Use করা খুবই Easy। আমি নিচে Step by Step Guide দিয়ে দিলাম, যাতে আপনাদের বুঝতে কোনো অসুবিধা না হয়। প্রতিটি Step মনোযোগ দিয়ে Follow করুন, এবং তৈরি করুন অসাধারণ Arrow Design:

Arrow Design এর সহজ উপায়

Adjust Picture এর Length এবং Width এর Aspect Ratio এবং Basic Settings:

১. প্রথমেই আপনার Device (Computer/Laptop/Mobile) থেকে PP Pointed এর অফিসিয়াল Website এ যান। Website এর Link তো উপরে দেয়াই আছে!

PP Pointed Website

২. Website এ প্রবেশের পর, আপনি প্রথমেই Picture এর Length এবং Width এর Aspect Ratio Select করার Option দেখতে পাবেন। Aspect Ratio মূলত Picture এর Width এবং Height এর Ratio নির্দেশ করে।

Aspect Ratio Select করার Option

৩. Default হিসেবে 1:1 Select করা থাকবে। আপনি চাইলে আপনার Requirement অনুযায়ী 4:5 অথবা 16:9 ও Use করতে পারেন। Social Media Post এর জন্য সাধারণত 1:1 Square Shape Use করা হয়, আবার Presentation Slide এর জন্য 16:9 Use করা ভালো। Website Banner এর জন্য আপনি অন্য Aspect Ratio ও Use করতে পারেন।

Requirement অনুযায়ী 4:5 অথবা 16:9 ও Use

৪. Aspect Ratio Select করার পর, Arrow Design এর মূল Settings Option গুলো দেখতে পাবেন।

Settings Option

Customize করুন নিজের মতো, তৈরি করুন Unique Design:

১. এখানে আপনি Arrow এর Shape, Style, Color থেকে শুরু করে সবকিছু Customize করতে পারবেন। PP Pointed আপনাকে Control এবং Flexibility এর একটি অসাধারণ Combination Provide করে।

Customize

২. PP Pointed এ Arrow এর Option গুলো Customize করার জন্য অসংখ্য Feature রয়েছে। Shape পরিবর্তন করার জন্য বিভিন্ন Option আছে, যেমন Straight, Curve, Zigzag ইত্যাদি। আপনি আপনার Design এর Mood এবং Theme এর সাথে মিলিয়ে Shape Select করতে পারবেন।

Shape পরিবর্তন করার জন্য বিভিন্ন Option

৩. Arrow Style এর মধ্যে আপনি Arrow Head এর Shape, Size এবং Direction পরিবর্তন করতে পারবেন। আপনি যদি চান Arrow Head টি Sharp হবে, অথবা Round হবে, সেটি Select করার Option ও রয়েছে। Double Arrow Option Use করে আপনি দুই দিকে Arrow যুক্ত Design ও তৈরি করতে পারবেন।

Arrow Style

৪. Color Selection এর জন্য রয়েছে একটি, যেখান থেকে আপনি আপনার পছন্দের Color Select করতে পারবেন, অথবা Hex Code Use করে Specific Color Add করতে পারবেন। আপনি চাইলে Gradient Color ও Use করতে পারবেন।

Advanced Color Palette

৫. Curve Direction Control করে আপনি Arrow এর Direction পরিবর্তন করতে পারবেন। আপনি Arrow টি কোন দিকে বাঁকানো থাকবে, সেটি Control করতে পারবেন।

Curve Direction Control

৬. Length, Width এবং Spacing Option Use করে Arrow এর Size এবং Shape Adjust করতে পারবেন। আপনি Arrow এর Length কমিয়ে বা বাড়িয়ে Design এর Balance ঠিক রাখতে পারবেন।

Arrow এর Length

৭. Rotation Option টি Use করে আপনি Arrow কে বিভিন্ন Angle এ Rotate করতে পারবেন। অনেক সময় Design এ Diagonal Arrow Use করার প্রয়োজন পরে, সেক্ষেত্রে এই Option টি কাজে লাগবে।

Rotation Option

৮. এছাড়াও, X এবং Y Position Use করে Arrow এর Position Change করতে পারবেন। আপনি Arrow টি Page এর কোথায় Place করতে চান, সেটি Control করতে পারবেন।

X এবং Y Position Use করে Arrow এর Position Change

৯. Live Preview Feature এর মাধ্যমে আপনি Real-Time এ Changes দেখতে পারবেন। প্রতিটি Option Change করার সাথে সাথেই Preview Update হবে। তাই আপনি যদি Option গুলো সম্পর্কে খুব বেশি নাও জানেন, তাহলেও Experiment করে নিজের পছন্দের Design টি তৈরি করতে পারবেন। এটা অনেকটা Try and Error এর মতো, যা নতুন Designer দের জন্য খুবই Helpful. স্ক্রল করে Page এর নিচে আসলে হাতের ডান দিকে Arrow টির একটি ছোট Thumbnail Preview দেখতে পাবেন। ফলে সেটিংস Adjust করার জন্য বারবার Page Scroll করার ঝামেলা থেকে মুক্তি পাওয়া যায়। আপনি এক নজরে আপনার Design টির Overview দেখতে পারবেন।

Live Preview Feature

Save করুন আর Use করুন! নিজের কাজে লাগান:

১. আপনার Design সম্পূর্ণ হয়ে গেলে, নিচের ডান দিকে থাকা "Save" Button এ Click করে Arrow Material টি SVG Vector Graphic Format এ Save করুন। SVG Format টি Select করার কারণ হলো, এটি Lossless Format, তাই Quality নিয়ে চিন্তা করতে হয় না।

Save

২. এছাড়াও, আপনি চাইলে সরাসরি SVG Source Code ও Copy করে আপনার Project এ Use করতে পারবেন। Code Copy করার জন্য Code Button এ Click করুন, এবং Code টি আপনার Code Editor এ Paste করুন। যারা Web Development এর সাথে জড়িত, তাদের জন্য এই Feature টি খুবই কাজে দেবে।

SVG Source Code

কিছু বোনাস টিপস, যা আপনার কাজে লাগবে

  • যদি আপনার PNG Picture এর প্রয়োজন হয়, তাহলে rrrasterize Use করে SVG কে PNG তে Convert করে নিতে পারেন খুব সহজেই। এটি একটি Online Based Tool, যা যেকোনো Format Convert করার জন্য বেশ জনপ্রিয়। rrrasterize এর User Interface ও খুবই Simple, তাই Use করতে কোনো Problem হবে না।
  • PP Pointed Use করার সময় High-Speed Internet Connection Use করার চেষ্টা করুন, যাতে Live Preview দ্রুত Update হয়।
  • Design করার সময় Creative হোন, এবং বিভিন্ন Option Explore করুন। Experiment করতে ভয় পাবেন না।
  • যদি কোনো Problem হয়, তাহলে Fffuel এর Support Page এ Contact করুন।

আর দেরি না করে আজই PP Pointed দিয়ে আপনার Design এর Hand-Drawn Arrow এর Requirement পূরণ করুন এবং Design এর জগতে আনুন নতুনত্ব। PP Pointed এর মতো Free Tool Use করে আপনি আপনার Design Skills কে আরও উন্নত করতে পারবেন।

আশাকরি আজকের টিউনটি আপনাদের ভালো লেগেছে। Design নিয়ে কোনো প্রশ্ন থাকলে টিউমেন্ট এ জানাতে পারেন। আপনাদের মতামত খুবই Important. Happy Designing! আর হ্যাঁ, টিউনটি Share করতে ভুলবেন না!

Level 21

আমি মো আতিকুর ইসলাম। কন্টেন্ট রাইটার, টেল টেক আইটি, গাইবান্ধা। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 5 বছর 1 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 576 টি টিউন ও 94 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 65 ফলোয়ার আছে এবং আমি টেকটিউনসে 3 টিউনারকে ফলো করি।

“আল্লাহর ভয়ে তুমি যা কিছু ছেড়ে দিবে, আল্লাহ্ তোমাকে তার চেয়ে উত্তম কিছু অবশ্যই দান করবেন।” —হযরত মোহাম্মদ (সঃ)


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস