آموزش‌های عملی· 6 دقیقه مطالعه

ویرایش آنلاین SVG: بدون نصب نرم‌افزار رنگ را عوض کنید و پس‌زمینه را بردارید

نمی‌خواهید Illustrator نصب کنید تا SVG را ویرایش کنید؟ در این راهنما تغییر رنگ، حذف پس‌زمینه با یک کلیک، حذف مسیر با کلیک، تکمیل با قلم‌مو، پاک کردن با پاک‌کن و روش‌های خروجی در ویرایشگر آنلاین SVG توضیح داده شده است؛ رایگان، بدون نصب و بی‌درنگ در مرورگر.

اول: ویرایشگر آنلاین SVG چه کارهایی می‌تواند انجام دهد

نخستین فکر اغلب افراد برای ویرایش SVG نصب Illustrator است، اما برای نیازهای سبک مثل تغییر رنگ، حذف پس‌زمینه و پاک کردن عناصر، ویرایشگر آنلاین کاملاً کافی است. ویرایشگر آنلاین SVG در PolySVG در مرورگر اجرا می‌شود، رایگان است، نصب نمی‌خواهد و به ثبت‌نام نیاز ندارد و عملیات در سطح مسیر را پشتیبانی می‌کند: انتخاب و حذف با کلیک، حذف پس‌زمینه با یک کلیک، تکمیل با قلم‌مو، پاک کردن با پاک‌کن ماسک‌محور، تغییر رنگ، لغو و بازگردانی و در پایان خروجی SVG یا PNG. می‌توانید مستقیم فایل SVG را بارگذاری کنید یا نتیجهٔ تبدیل را با یک کلیک از ابزار تبدیل تصویر به SVG بیاورید. برای طراحان، ابزار پاک‌سازی نهایی پیش از تحویل است و برای توسعه‌دهندگان، راهی سریع برای تنظیم رنگ و اندازهٔ آیکون‌ها پیش از جای‌گذاری در صفحه.

دوم: تغییر رنگ؛ به آیکون رنگ تم داده شما را بدهید

روی لکهٔ رنگی در بوم کلیک کنید تا مسیر متناظر انتخاب شود و سپس رنگ پرکننده را در پنل رنگ عوض کنید. سناریوهای معمول: جابه‌جایی یک مجموعه آیکون میان تم روشن و تیره، تطبیق لوگوی برداری‌شده با رنگ برند و یکدست کردن پالت متریال‌هایی با منابع مختلف. در مقایسه با پیدا کردن ویژگی fill در کد، تغییر رنگ با کلیک بسیار روشن‌تر است و کمتر به مسیرهای دیگر آسیب می‌زند.

سوم: حذف پس‌زمینه؛ خودکار به‌علاوهٔ حذف دستی

روی «حذف پس‌زمینه با یک کلیک» بزنید تا موتور رنگ غالب لبه‌ها را تشخیص دهد و لایهٔ پس‌زمینه را کنار بگذارد؛ SVG با زمینهٔ سفید بی‌درنگ شفاف می‌شود. هر مسیر پس‌زمینهٔ باقی‌مانده را می‌توانید با ماوس انتخاب و حذف کنید. اگر هنوز تصویر رستری دارید، مستقیم از ابزار حذف پس‌زمینه و تبدیل تصویر به برداری استفاده کنید تا تبدیل و حذف پس‌زمینه در یک مرحله انجام شود و سپس برای پاک‌سازی دقیق وارد ویرایشگر شوید.

چهارم: قلم‌مو و پاک‌کن؛ تکمیل کردن و پاک کردن

قلم‌مو کار جمع را انجام می‌دهد: خط‌های ناقص را می‌کشید و آن‌ها خودکار به مسیرهای برداری تبدیل می‌شوند و در شکل اصلی حل می‌شوند؛ این روش به‌ویژه برای ترمیم خط‌های قطع‌شده پس از برداری‌سازی لوگو مناسب است. پاک‌کن کار تفریق را انجام می‌دهد: بخش‌هایی را به روش ماسک پاک می‌کند و به داده‌های اصلی مسیر آسیب نمی‌رساند و هر زمان خواستید می‌توانید با لغو برگردانید. هر دو ابزار با لغو و بازگردانی کار می‌کنند، پس می‌توانید با خیال راحت آزمایش کنید. خطوط قلم‌مو به‌صورت مسیرهای مستقل به فایل اضافه می‌شوند و بعداً با کلیک قابل تغییر رنگ‌اند؛ اثر ماسک پاک‌کن هنگام خروجی اعمال می‌شود و SVG خروجی دقیقاً همان چیزی است که روی بوم می‌بینید.

پنجم: لغو، بازگردانی و خروجی

ویرایشگر تاریخچهٔ کامل عملیات را نگه می‌دارد؛ اگر اشتباه کردید لغو کنید و اگر نظرتان عوض شد بازگردانید. پس از پایان کار SVG خروجی بگیرید برای وب یا ویرایش بیشتر، یا PNG خروجی بگیرید برای جای‌گذاری در مستندات و ساخت تصویر پیش‌نمایش. برای آشنایی با روش باز کردن و مشاهدهٔ فایل‌های SVG، فایل SVG را چگونه باز کنیم را بخوانید؛ ورود مستقیم ویرایشگر /editor است. هنگام خروجی PNG دقت کافی انتخاب کنید تا تصویر در مستند تار نشود؛ برای وب بهتر است SVG خروجی بگیرید تا ویژگی برداری حفظ شود.

ششم: مرجع سریع سناریوهای رایج ویرایش

  • تغییر رنگ تم آیکون: مسیر را انتخاب و رنگ پرکننده را عوض کنید و یک نسخه برای تم روشن و یک نسخه برای تم تیره خروجی بگیرید؛
  • شفاف کردن متریال با زمینهٔ سفید: حذف پس‌زمینه با یک کلیک، حذف مسیرهای باقی‌مانده و خروجی SVG شفاف؛
  • ترمیم خط‌های قطع‌شدهٔ لوگو: با قلم‌مو روی شکاف بکشید تا خطوط برداری شوند و سپس رنگ را یکدست کنید؛
  • حذف عناصر اضافی: لکه‌های ناخواسته را یکی‌یکی انتخاب و حذف کنید و جزئیات لبه را با پاک‌کن تمیز کنید؛
  • تصویر برای مستندات: پس از ویرایش PNG خروجی بگیرید و در Word یا PPT یا پنجرهٔ گفت‌وگو جای‌گذاری کنید.

پرسش‌های پرتکرار

آیا ویرایش آنلاین SVG به ثبت‌نام نیاز دارد؟

خیر. ویرایشگر PolySVG آنلاین رایگان و بدون ثبت‌نام است و در مرورگر باز می‌شود و بی‌درنگ می‌توان کار را شروع کرد.

آیا پاک‌کن مسیرهای اصلی را خراب می‌کند؟

خیر. پاک‌کن به روش ماسک پاک می‌کند و داده‌های مسیر اصلی حفظ می‌شود؛ در هر لحظه می‌توانید با لغو آن را بازگردانید.

همین حالا امتحان کنید

آموزش را تمام کردید؟ با ابزارهای رایگان PolySVG تمرین کنید:

ادامهٔ مطالعه