ما با گرافیک بردار آنلاین کار می کنیم

مفهوم تصاویر بردار به تعداد قابل توجهی از کاربران رایج عادی هیچ چیزی را نمی گوید. طراحان، به نوبه خود، به طور فزاینده ای تمایل دارند از این نوع گرافیک برای پروژه های خود استفاده کنند.

در گذشته، برای کار با تصاویر SVG، شما قطعا باید یکی از راه حل های تخصصی دسک تاپ را مانند Adobe Illustrator یا Inkscape بر روی رایانه خود نصب کنید. در حال حاضر ابزارهای مشابه در دسترس هستند آنلاین بدون نیاز به دانلود.

همچنین نگاه کنید به: یادگیری قرعه کشی در ادوبی ایلوستریتور

نحوه کار با SVG آنلاین

با تکمیل درخواست مناسب به گوگل، شما می توانید با تعداد زیادی از سردبیران آنلاین بردار های مختلف آشنا شوید. اما اکثریت قریب به اتفاق از این راه حل ها فرصت های کمتری را ارائه می دهند و اغلب اجازه کار با پروژه های جدی را نمی دهند. ما بهترین خدمات را برای ایجاد و ویرایش SVG تصاویر در مرورگر در نظر خواهیم گرفت.

البته، ابزارهای آنلاین نمی توانند به طور کامل برنامه های مربوط به دسک تاپ را جایگزین کنند، اما اکثر کاربران از ویژگی های پیشنهاد شده بیش از اندازه کافی خواهند بود.

روش 1: Vectr

ویرایشگر بردار پیچیده از سازندگان بسیاری از Pixlr خدمات آشنا. این ابزار برای هر دو مبتدی و کاربران پیشرفته در کار با SVG مفید خواهد بود.

با وجود فراوانی توابع، از دست رفتن در رابط Vectr بسیار دشوار خواهد بود. برای مبتدیان، درس های مفصلی و دستورالعمل های طولانی برای هر یک از اجزای خدمات ارائه شده است. در میان ابزار ویرایشگر، همه چیز برای ایجاد تصاویر SVG وجود دارد: شکل ها، آیکون ها، فریم ها، سایه ها، برس ها، پشتیبانی از کار با لایه ها و غیره شما می توانید تصویر را از ابتدا و یا خودتان آپلود کنید.

خدمات آنلاین Vectr

1. قبل از شروع استفاده از منابع، بهتر است با یکی از شبکه های اجتماعی موجود در سیستم وارد شوید یا از ابتدا یک حساب کاربری در سایت ایجاد کنید.
   
   این نه تنها به شما اجازه می دهد تا نتایج کار خود را به رایانه خود دانلود کنید، اما در هر زمان برای ذخیره تغییرات در «ابر».
2. رابط سرویس به همان اندازه ساده و روشن است: ابزارهای موجود در سمت چپ بوم قرار گرفته و ویژگی های در حال تغییر هر یک از آنها به سمت راست است.
   
   این پشتیبانی از ایجاد تعدادی از صفحات است که قالب های ابزاری برای هر سلیقه وجود دارد - از پوشش های گرافیکی تحت شبکه های اجتماعی به قالب های استاندارد ورق.
3. شما می توانید تصویر کامل شده را با کلیک بر روی دکمه فلش در نوار منو در سمت راست صادر کنید.
   
4. در پنجره ای که باز می شود، پارامترهای دانلود را تعریف و کلیک کنید دانلود.
   

قابلیت های صادرات همچنین شامل یکی از ویژگی های متمایز Vectr است - پشتیبانی از پیوند مستقیم به یک پروژه SVG در ویرایشگر. بسیاری از منابع اجازه نمیدهند تصاویر بردار را به طور مستقیم به خودشان بفرستند، اما با این وجود اجازه نمایش صفحه نمایش از راه دور را می دهند. در این مورد، Vectra را می توان به عنوان یک میزبان SVG واقعی استفاده کرد، که دیگر خدمات اجازه نمی دهد.

لازم به ذکر است که ویرایشگر گرافیک پیچیده ای را به طور مرتب مرتب نمی کند. به همین دلیل، برخی از پروژه ها ممکن است در Vectr با خطاها و یا مصنوعات بصری باز شود.

روش 2: Sketchpad

یک ویرایشگر وب ساده و راحت برای ایجاد تصاویر SVG بر اساس پلت فرم HTML5. با توجه به طیف وسیعی از ابزار موجود، می توان گفت که این سرویس صرفا برای طراحی است. با Sketchpad، شما می توانید زیبا، تصاویر با دقت ساخته شده، اما نه بیشتر ایجاد کنید.

ابزار طیف گسترده ای از قلم های سفارشی از اشکال و انواع مختلف، مجموعه ای از اشکال، فونت و برچسب برای پوشش. ویرایشگر اجازه می دهد تا لایه ها را به طور کامل دستکاری کنید - برای کنترل موقعیت و حالت ترکیب آن ها. خوب، به عنوان یک جایزه، نرم افزار به طور کامل به روسی ترجمه شده است، بنابراین شما نباید هیچ مشکلی با توسعه آن داشته باشید.

سرویس آنلاین Sketchpad

1. همه شما باید با ویرایشگر کار کنید - مرورگر و دسترسی به شبکه. مکانیزم مجوز در سایت ارائه نشده است.
   
2. برای دانلود تصویر به پایان رسید به رایانه خود، روی نماد فلاپی در نوار منوی سمت چپ کلیک کنید و سپس فرمت مورد نظر را در پنجره پاپ آپ انتخاب کنید.

در صورت لزوم، می توانید نقاشی ناتمام را به عنوان یک طرح Sketchpad ذخیره کنید و سپس هر بار ویرایش آن را انجام دهید.

روش 3: روش ترسیم

این برنامه وب برای عملیات اساسی با فایل های بردار طراحی شده است. به ظاهر، این ابزار شبیه به دسکتاپ Adobe Illustrator است، اما از لحاظ عملکرد، همه چیز بسیار ساده تر است. با این حال، ویژگی های خاصی در Method Draw وجود دارد.

علاوه بر کار با تصاویر SVG، ویرایشگر به شما اجازه می دهد تصاویر شطرنجی را وارد کنید و براساس آنها تصاویر بردار ایجاد کنید. این را می توان بر اساس خطوط ردیابی دستی با قلم انجام داد. این نرم افزار شامل تمام ابزار لازم برای طرح نقاشی های بردار است. یک کتابخانه گسترده ای از ارقام، یک پالت تمام رنگ و پشتیبانی از میانبرهای صفحه کلید وجود دارد.

روش ترسیم خدمات آنلاین

1. این منبع نیازی به ثبت نام از کاربر ندارد فقط به سایت بروید و با فایل بردار موجود کار کنید یا یک فایل جدید ایجاد کنید.
   
2. علاوه بر ایجاد قطعات SVG در یک محیط گرافیکی، شما همچنین می توانید تصویر را به طور مستقیم در سطح کد ویرایش کنید.
   
   برای انجام این کار، بروید "مشاهده" - "منبع ..." یا از میانبر صفحه کلید استفاده کنید "Ctrl + U".
3. پس از پایان دادن به کار بر روی تصویر، شما می توانید بلافاصله آن را به کامپیوتر خود را ذخیره کنید.


برای صادرات یک تصویر، آیتم منو را باز کنید "پرونده" و کلیک کنید "ذخیره تصویر ...". یا از میانبر استفاده کنید "Ctrl + S".

روش Draw برای طراحی پروژه های بردار جدی مناسب نیست - دلیل عدم وجود توابع مربوطه است. اما با توجه به نبود عناصر غیر ضروری و فضای کاری سازمان یافته، این سرویس می تواند برای ویرایش سریع و یا اصلاح دقیق تصاویر SVG ساده باشد.

روش 4: طراح گرات

ویرایشگر وب گرافیک رایگان برای کاربران پیشرفته. بسیاری از طراحان Gravit را با راهکارهای کامل دسک تاپ مانند Adobe Illustrator قرار داده اند. واقعیت این است که این ابزار متقابل پلتفرم است، یعنی کاملا در دسترس همه سیستم عامل های رایانه ای و همچنین به عنوان یک برنامه وب است.

طراح گرات در حال توسعه فعال است و به طور مرتب ویژگی های جدیدی را دریافت می کند که برای ساختن پروژه های پیچیده در حال حاضر کافی است.

خدمات آنلاین طراح Gravit

این ویرایشگر به شما ابزارهای مختلفی برای رسم خطوط، اشکال، مسیرها، پوشش متن، پر، و همچنین جلوه های سفارشی مختلف ارائه می دهد. کتابخانه گسترده ای از چهره ها، تصاویر موضوعی و آیکون ها وجود دارد. هر عنصر در فضای گراتیت دارای فهرستی از خواص است که می تواند تغییر کند.

همه این انواع بسته بندی شده در یک رابط شیک و بصری است، به طوری که هر ابزار تنها با چند کلیک قابل دسترسی است.

1. برای شروع کار با ویرایشگر، نیازی به ایجاد حساب کاربری در سرویس ندارید.
   
   اما اگر می خواهید از قالب های آماده استفاده کنید، باید یک حساب کاربری رایگان Gravit Cloud ایجاد کنید.
2. برای ایجاد یک پروژه جدید از ابتدا در پنجره خوش آمدید، به برگه بروید "طراحی جدید" و اندازه بوم مورد نظر را انتخاب کنید.
   
   بر این اساس، برای کار با الگو، بخش را باز کنید "جدید از الگو" و قطعه مورد نظر را انتخاب کنید.
3. Gravit می تواند به صورت خودکار تمام تغییرات را هنگام انجام اقدامات در یک پروژه صرفه جویی کند.
   
   برای فعال کردن این ویژگی، از کلید میانبر استفاده کنید. "Ctrl + S" و در پنجره ای که ظاهر می شود، تصویر را بنویسید، سپس روی دکمه کلیک کنید "ذخیره".
4. شما می توانید تصویر حاصل شده را در هر دو فرمت ورد SVG و raster JPEG یا PNG صادر کنید.


علاوه بر این، گزینه ای برای ذخیره پروژه به عنوان یک سند با فرمت PDF وجود دارد.

با توجه به اینکه این سرویس برای کار تمام عیار با گرافیک برداری طراحی شده است، می توان از آن حتی به طراحان حرفه ای نیز توصیه کرد. با Gravit، شما می توانید تصاویر SVG ویرایش، بدون در نظر گرفتن پلت فرم که شما این کار را انجام دهید. تا کنون، این بیانیه فقط برای سیستم عامل دسکتاپ قابل استفاده است، اما به زودی این ویرایشگر در دستگاه های تلفن همراه ظاهر خواهد شد.

روش 5: Janvas

یک ابزار محبوب برای توسعه دهندگان وب برای ایجاد گرافیک برداری. این سرویس شامل تعدادی از ابزارهای طراحی با خواص قابل تنظیم است. ویژگی اصلی Janvas توانایی ایجاد تصاویر SVG تعاملی متحرک با CSS است. و در رابطه با جاوا اسکریپت، این سرویس به شما امکان می دهد کل برنامه های وب را بسازید.

در دست بدست آورده، این ویرایشگر واقعا یک ابزار قدرتمند است، در حالی که مبتدی به احتمال زیاد به دلیل فراوانی توابع مختلف به سادگی نمی فهمد چه چیزی است.

سرویس آنلاین Janvas

1. برای راه اندازی برنامه وب در مرورگر خود، روی پیوند بالا کلیک کنید و روی دکمه کلیک کنید. "شروع به ایجاد".
   
2. در پنجره جدید، فضای کاری ویرایشگر با بوم در مرکز و نوارهای ابزار اطراف آن باز می شود.
   
3. شما می توانید تصویر به پایان رسید تنها به ذخیره سازی ابر انتخاب خود را صادر کنید، و تنها اگر شما خرید یک اشتراک به سرویس.
   

بله، ابزار متاسفانه رایگان نیست. اما این یک راه حل حرفه ای است که برای همه مفید نیست.

روش 6: DrawSVG

راحت ترین سرویس آنلاین که اجازه می دهد تا مدیران وب به راحتی عناصر SVG با کیفیت بالا را برای سایت های خود ایجاد کنند. ویرایشگر حاوی یک کتابخانه چشمگیر از اشکال، آیکون، پر، شیب و فونت است.

با کمک DrawSVG، می توانید اشیاء بردار هر نوع و خواص را بسازید، پارامترهای آنها را تغییر دهید و آنها را به صورت تصاویر جداگانه تبدیل کنید. ممکن است فایل های چند رسانه ای شخص ثالث را به SVG جلب کنید: ویدیو و صدا از یک رایانه یا منابع شبکه.

خدمات آنلاین DrawSVG

این ویرایشگر، بر خلاف بسیاری دیگر، مانند پورت مرورگر یک برنامه دسک تاپ به نظر نمی رسد. در سمت چپ ابزار اصلی طراحی هستند و در بالای آنها کنترل هستند. فضای اصلی بوم برای کار با گرافیک است.

پس از پایان دادن به کار با یک عکس، می توانید نتیجه را به عنوان یک SVG یا یک تصویر بیت مپ ذخیره کنید.

1. برای این کار، نماد را در نوار ابزار پیدا کنید "ذخیره".
   
2. با کلیک بر روی این آیکون یک پنجره بازشو با یک فرم برای بارگذاری سند SVG باز می شود.
   
   نام فایل مورد نظر را وارد کنید و کلیک کنید "ذخیره به عنوان فایل".

DrawSVG را می توان نسخه سبک Janvas نامید. ویرایشگر کار با ویژگی های CSS را پشتیبانی می کند، اما بر خلاف ابزار قبلی، اجازه نمی دهد عناصر را تحریک کند.

همچنین ببینید: باز کردن فایل های گرافیکی برداری SVG

خدمات ذکر شده در این مقاله، تمام ویراستاران بردار موجود در وب نیستند. با این حال، در اینجا ما برای اغلب قطعات رایگان و اثبات شده راه حل های آنلاین برای کار با SVG فایل ها جمع آوری شده است. با این حال، برخی از آنها کاملا قادر به رقابت با ابزار دسکتاپ هستند. خوب، آنچه که استفاده می شود فقط به نیازها و ترجیحات شما بستگی دارد.