আমরা ভেক্টর গ্রাফিক্স সঙ্গে কাজ অনলাইন


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

অতীতে, এসভিজি-ছবিগুলির সাথে কাজ করার জন্য, আপনাকে অবশ্যই আপনার কম্পিউটারে Adobe Illustrator বা Inkscape মত বিশেষ ডেস্কটপ সমাধানগুলির একটি ইনস্টল করতে হবে। এখন অনুরূপ সরঞ্জাম ডাউনলোড করার প্রয়োজন ছাড়া অনলাইন উপলব্ধ।

আরও দেখুন: অ্যাডোব ইলাস্ট্রেটারে আঁকতে শেখা

কিভাবে SVG অনলাইন সঙ্গে কাজ করতে

গুগলের যথাযথ অনুরোধ পূরণ করে আপনি বিভিন্ন ভেক্টর অনলাইন সম্পাদকদের বিপুল সংখ্যক পরিচিতির সাথে পরিচিত হতে পারেন। কিন্তু এই ধরনের সমাধানগুলির বিশাল সংখ্যাগরিষ্ঠতা বরং কম সুযোগ দেয় এবং প্রায়শই গুরুতর প্রকল্পগুলির সাথে কাজ করার অনুমতি দেয় না। আমরা ব্রাউজারে SVG-images তৈরি এবং সম্পাদনা করার জন্য সর্বোত্তম পরিষেবাগুলি বিবেচনা করব।

অবশ্যই, অনলাইন সরঞ্জামগুলি সংশ্লিষ্ট ডেস্কটপ অ্যাপ্লিকেশনগুলিকে পুরোপুরি প্রতিস্থাপন করতে পারে না, তবে প্রস্তাবিত বৈশিষ্ট্য সেটের বেশিরভাগ ব্যবহারকারী যথেষ্ট পরিমাণে হবে।

পদ্ধতি 1: ভেক্টর

Pixlr অনেক পরিচিত পরিষেবা নির্মাতা থেকে পরিশীলিত ভেক্টর সম্পাদক। এই টুলটি SVG এর সাথে কাজ করার জন্য উভয় প্রারম্ভিক এবং উন্নত ব্যবহারকারীদের জন্য উপকারী হবে।

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

ভেক্টর অনলাইন সেবা

  1. আপনার সংস্থার ব্যবহার শুরু করার আগে, উপলব্ধ সোশ্যাল নেটওয়ার্কে লগ ইন করতে বা স্ক্র্যাচ থেকে সাইটটিতে একটি অ্যাকাউন্ট তৈরি করার পরামর্শ দেওয়া হয়।

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

    এটি পৃষ্ঠার বহুবচন সৃষ্টি করে যার জন্য প্রতিটি স্বাদের জন্য মাত্রিক টেমপ্লেট রয়েছে - গ্রাফিক কভারগুলি থেকে সামাজিক নেটওয়ার্কের অধীনে স্ট্যান্ডার্ড শিট ফর্ম্যাটগুলিতে।
  3. আপনি ডান দিকে মেনু বারের তীর বোতামটি ক্লিক করে সমাপ্ত চিত্রটি রপ্তানি করতে পারেন।
  4. খোলা উইন্ডোতে, ডাউনলোড পরামিতি সংজ্ঞায়িত করুন এবং ক্লিক করুন «ডাউনলোড».

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

এটি উল্লেখ করা উচিত যে সম্পাদক সবসময় জটিল গ্রাফিক্স পরিচালনা করে না। এই কারণে, কিছু প্রকল্প ভুল বা ভিজ্যুয়াল আর্টিফেক্টের সাথে ভেক্টর খুলতে পারে।

পদ্ধতি 2: স্কেচপ্যাড

HTML5 প্ল্যাটফর্মের উপর ভিত্তি করে SVG চিত্রগুলি তৈরি করার জন্য একটি সহজ এবং সুবিধাজনক ওয়েব সম্পাদক। উপলব্ধ সরঞ্জাম পরিসীমা দেওয়া, এটা যুক্তিযুক্ত করা যাবে যে সেবা শুধুমাত্র অঙ্কন জন্য উদ্দেশ্যে। স্কেচপ্যাড দিয়ে, আপনি সুন্দর, সাবধানে তৈরি করা চিত্রগুলি তৈরি করতে পারেন, তবে আরো কিছু না।

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

স্কেচপ্যাড অনলাইন সেবা

  1. আপনি সম্পাদক সঙ্গে কাজ করতে হবে - ব্রাউজার এবং নেটওয়ার্ক অ্যাক্সেস। সাইটে অনুমোদন প্রক্রিয়া দেওয়া হয় না।
  2. কম্পিউটারে সমাপ্ত ছবিটি ডাউনলোড করতে বাম দিকের মেনু বারে ফ্লপি আইকনে ক্লিক করুন এবং তারপরে পপ-আপ উইন্ডোতে পছন্দসই বিন্যাস নির্বাচন করুন।

যদি প্রয়োজন হয়, আপনি একটি স্কেচপ্যাড প্রকল্প হিসাবে অসম্পূর্ণ অঙ্কন সংরক্ষণ করতে পারেন, এবং তারপর যে কোনো সময় এটি সম্পাদনা সম্পাদন শেষ।

পদ্ধতি 3: পদ্ধতি আঁকা

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

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

পদ্ধতি অনলাইন সেবা আঁকা

  1. সম্পদ ব্যবহারকারীর কাছ থেকে নিবন্ধন প্রয়োজন হয় না। শুধু সাইটে যান এবং বিদ্যমান ভেক্টর ফাইল দিয়ে কাজ করুন অথবা একটি নতুন তৈরি করুন।
  2. একটি গ্রাফিকাল পরিবেশে SVG টুকরা তৈরি করার পাশাপাশি, আপনি কোড স্তরের সরাসরি ছবিটি সম্পাদনা করতে পারেন।

    এটা করতে, যান «দৃশ্য» - "উত্স ..." বা কীবোর্ড শর্টকাট ব্যবহার করুন "Ctrl + U".
  3. ছবিটি কাজ শেষ করার পরে, আপনি অবিলম্বে আপনার কম্পিউটারে এটি সংরক্ষণ করতে পারেন।

  4. একটি চিত্র এক্সপোর্ট করতে, মেনু আইটেম খুলুন «ফাইল» এবং ক্লিক করুন "ছবি সংরক্ষণ করুন ..."। অথবা শর্টকাট ব্যবহার করুন "Ctrl + S".

পদ্ধতি ড্র অবশ্যই গুরুতর ভেক্টর প্রকল্প তৈরির জন্য উপযুক্ত নয় - কারণটি প্রাসঙ্গিক ফাংশনের অভাব। কিন্তু অপ্রয়োজনীয় উপাদানগুলি এবং সুসংগঠিত কাজের স্থান অনুপস্থিতির কারণে, পরিষেবাটি দ্রুত সম্পাদনা বা সহজ SVG চিত্রগুলির পিনপয়েন্ট পরিমার্জনের জন্য চমৎকার হতে পারে।

পদ্ধতি 4: গ্রেভিট ডিজাইনার

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

গ্র্যাভিট ডিজাইনার সক্রিয় বিকাশের অধীনে রয়েছে এবং নিয়মিত নতুন প্রকল্পগুলি গ্রহণ করে যা জটিল প্রকল্পের জন্য ইতিমধ্যেই যথেষ্ট।

গ্র্যাভিট ডিজাইনার অনলাইন সেবা

সম্পাদক আপনাকে কনট্যুর, আকার, পাথ, পাঠ্য ওভারলে, ভরাট, পাশাপাশি বিভিন্ন কাস্টম প্রভাবগুলি অঙ্কন করার জন্য সমস্ত ধরণের সরঞ্জাম সরবরাহ করে। পরিসংখ্যান, থিম্যাটিক ছবি এবং আইকনগুলির একটি বিস্তৃত লাইব্রেরি রয়েছে। গ্র্যাভিট স্পেসের প্রতিটি উপাদানটিতে বৈশিষ্ট্যগুলির একটি তালিকা রয়েছে যা পরিবর্তন করা যেতে পারে।

এই সমস্ত বৈচিত্রটি একটি আড়ম্বরপূর্ণ এবং স্বজ্ঞাত ইন্টারফেসে "প্যাকেজ করা", যাতে কোনও সরঞ্জাম মাত্র কয়েকটি ক্লিকে উপলব্ধ।

  1. সম্পাদকের সাথে শুরু করতে, আপনাকে পরিষেবাটিতে একটি অ্যাকাউন্ট তৈরি করতে হবে না।

    কিন্তু আপনি যদি প্রস্তুত তৈরি টেমপ্লেটগুলি ব্যবহার করতে চান তবে আপনাকে একটি মুক্ত গ্রেভিট ক্লাউড অ্যাকাউন্ট তৈরি করতে হবে।
  2. স্বাগতম উইন্ডোতে স্ক্র্যাচ থেকে একটি নতুন প্রকল্প তৈরি করতে, ট্যাবে যান "নতুন ডিজাইন" এবং পছন্দসই ক্যানভাস আকার নির্বাচন করুন।

    অনুযায়ী, টেম্পলেট দিয়ে কাজ করতে, বিভাগটি খুলুন "টেমপ্লেট থেকে নতুন" এবং পছন্দসই workpiece নির্বাচন করুন।
  3. যখন আপনি কোনও প্রকল্পে কর্ম সঞ্চালন করেন তখন Gravit স্বয়ংক্রিয়ভাবে সমস্ত পরিবর্তন সংরক্ষণ করতে পারে।

    এই বৈশিষ্ট্যটি সক্রিয় করতে শর্টকাট কী ব্যবহার করুন। "Ctrl + S" এবং প্রদর্শিত উইন্ডোতে, ছবির নাম দিন, তারপরে বাটনে ক্লিক করুন «সংরক্ষণ».
  4. আপনি উভয় SVG ভেক্টর বিন্যাস এবং রাস্টার JPEG বা PNG উভয় ফলে চিত্র এক্সপোর্ট করতে পারেন।

  5. উপরন্তু, এক্সটেনশান PDF এর সাথে একটি দস্তাবেজ হিসাবে প্রকল্পটি সংরক্ষণ করার বিকল্প রয়েছে।

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

পদ্ধতি 5: Janvas

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

দক্ষ হাতে, এই সম্পাদকটি সত্যিই একটি শক্তিশালী হাতিয়ার, যদিও বিভিন্ন ফাংশন প্রচুর পরিমাণে একটি শিক্ষানবিস সম্ভবত সম্ভবত কি বুঝতে হবে না কি।

Janvas অনলাইন সেবা

  1. আপনার ব্রাউজারে ওয়েব অ্যাপ্লিকেশনটি চালু করতে উপরের লিঙ্কটিতে ক্লিক করুন এবং বোতামে ক্লিক করুন। "তৈরি করতে শুরু করুন".
  2. নতুন উইন্ডোতে, সম্পাদক ওয়ার্কস্পেস কেন্দ্রের ক্যানভাস এবং এটির চারপাশে টুলবারের সাথে খোলে।
  3. আপনি শুধুমাত্র আপনার পছন্দের ক্লাউড স্টোরেজে সমাপ্ত চিত্রটি রপ্তানি করতে পারেন এবং কেবলমাত্র যদি আপনি পরিষেবার সদস্যতা কিনে থাকেন।

হ্যাঁ, হাতিয়ার দুর্ভাগ্যবশত বিনামূল্যে নয়। কিন্তু এটি একটি পেশাদার সমাধান, যা প্রত্যেকের জন্য দরকারী নয়।

পদ্ধতি 6: DrawSVG

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

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

DrawSVG অনলাইন সেবা

এই সম্পাদক, অন্যান্যদের বিপরীতে, ডেস্কটপ অ্যাপ্লিকেশনের ব্রাউজার পোর্টের মত দেখাচ্ছে না। বাম দিকে প্রধান অঙ্কন সরঞ্জাম, এবং উপরে নিয়ন্ত্রণ হয়। গ্রাফিক্স দিয়ে কাজ করার জন্য প্রধান স্থান ক্যানভাস।

একটি ছবিতে কাজ শেষ করার পরে, আপনি ফলাফলকে একটি SVG বা বিটম্যাপ চিত্র হিসাবে সংরক্ষণ করতে পারেন।

  1. এটি করার জন্য, টুলবারের আইকন খুঁজুন «সংরক্ষণ».
  2. এই আইকনের উপর ক্লিক করলে SVG নথিটি লোড করতে একটি ফর্ম সহ একটি পপ-আপ উইন্ডো খুলবে।

    পছন্দসই ফাইল নাম লিখুন এবং ক্লিক করুন "ফাইল হিসাবে সংরক্ষণ করুন".
  3. DrawSVG Janvas এর হালকা সংস্করণ বলা যেতে পারে। সম্পাদক CSS বৈশিষ্ট্যগুলির সাথে কাজ করার জন্য সমর্থন করে, তবে পূর্ববর্তী সরঞ্জামের বিপরীতে, এটি উপাদানগুলি অ্যানিমেশন করার অনুমতি দেয় না।

আরও দেখুন: ওপেন এসভিজি ভেক্টর গ্রাফিক্স ফাইল

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

ভিডিও দেখুন: Como hacer una Pagina Mobile First y Responsive Design 17. Icomoon Fuentes Vectoriales (মে 2024).