person ورود به سایت
close
اطلاعات را وارد کنید.
person
vpn_key

person_add عضویت در سایت
close
اطلاعات را وارد کنید.
create
email
person
supervisor_account

فارس گرافیک

مرجع گرافیک فارسی زبانان
کلمه را برای جستجو وارد کنید .
head bg

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

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

اکسپورت کردن وکتور با فرمت SVG در فتوشاپ

برای اکسپورت کردن عکس، لوگو، بنر یا هر طراحی وکتوری دیگر می‌بایست ابتدا حداقل یک لایه حاوی متن تایپ شده یا شکل داشته باشید. این نوع لایه‌ها در حقیقت Vector Graphic هستند که با زوم کردن، افت کیفیت اتفاق نمی‌افتد. اگر لایه‌ها همگی از نوع پیکسلی یا Raster Graphic‌ باشد و با زوم کردن، افت کیفیت اتفاق بیافتد، قابلیت ذخیره کردن با فرمت SVG وجود ندارد.

اما فرض کنید یک لایه‌ی متنی ساده داریم که حاوی متن تایپ شده است.

برای ذخیره کردن این فایل به صورت گرافیک برداری با فرمت SVG، از منوی File گزینه‌ی Export و سپس Export As‌ را انتخاب کنید. می‌توانید از شورت‌کات این گزینه که در ویندوز، کلید ترکیبی Ctrl + Alt +  Shift + W است هم استفاده کنید که طبعاً‌ روش سریع‌تری برای کاربران حرفه‌ای است.

در پنجره‌ی خروجی گرفتن یا اکسپورت، در ستون سمت راست از منوی Format گزینه‌ی SVG را انتخاب کنید.

تنظیمات رزولوشن در بخش Image Size موجود است و با توجه به اینکه Shapes و Text حاوی منحنی‌های مقیاس‌پذیر است، اگر رزولوشن را زیاد کنید، افت کیفیتی رخ نمی‌دهد. لذا در صورت نیاز رزولوشن را بیشتر کنید. همان‌طور که در تصویر زیر مشاهده می‌کنید، با ۱۰ برابر کردن رزولوشن، متن تایپ شده همچنان دارای لبه‌های کاملاً واضح و به زبان دیگر کاملاً ‌Sharp است و این ویژگی اصلی گرافیک برداری است.

  اما توجه کنید که در صورت تغییر رزولوشن ممکن است خروجی کار ناقص و نامطلوب شود. لذا بهتر است تغییری در رزولوشن تصویر اعمال نکنید و اگر به تصویر بزرگ‌تری نیاز است، حین طراحی کردن رزولوشن را به شکل مناسب انتخاب کنید. در این مثال حتی با ۲۰ برابر کردن رزولوشن تصویر نیز خروجی بدون مشکل خواهد بود.

در صورت نیاز می‌توانید روی گزینه‌های + و – در پایین بخش پیش‌نمایش تصویر کلیک کنید و تصویر را بزرگ‌تر یا کوچک‌تر مشاهده کنید. اگر همه چیز مناسب است، روی Export All کلیک کنید. نام فایل و محل ذخیره کردن را انتخاب کنید و روی Save کلیک کنید.

باز کردن و تست فایل SVG

باز کردن SVG در نرم‌افزارهای مختلفی امکان‌پذیر است، به خصوص نرم‌افزارهای طراحی گرافیک برداری مثل ادوبی ایلوستریتور و Inkscape و بسیاری موارد دیگر. حتی در مرورگرهای اینترنت مثل گوگل کروم هم می‌توانید فرمت SVG را باز کنید. کافی است فایل SVG را با روش درگ و دراپ یا گرفتن و رها کردن، بگیرید و روی نوار آدرس مرورگر کروم رها کنید.

برای زوم کردن در Google Chrome می‌توانید کلید Ctrl را نگه داشته و از چرخ موس یا دکمه‌ی + کیبورد استفاده کنید. همان‌طور که در تصویر زیر مشاهده می‌کنید، افت کیفیت اتفاق نمی‌افتد و لبه‌های متن تایپ شده کاملاً شارپ است.

تبدیل کردن گرافیک معمولی به برداری

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

چگونه با illustrator عکس معمولی را به وکتور تبدیل کنیم؟

آموزش تبدیل عکس JPG یا PNG به وکتور با Inkscape

خسروی

عبدالرضا خسروی هستم بنیانگذار فارس گرافیک

خسروی دارای 137 نوشته در فارس گرافیک دارد . مشاهده تمام نوشته های

comments

دیدگاه ها

2 پاسخ به “آموزش خروجی گرفتن با فرمت SVG در فتوشاپ”

  1. Avatar محمدی گفت:

    بخدا سایتتون بی نظیرهو شما حرف ندارین

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

پک حرفه ای آموزش طراحی مهر خاتم

در ادامه بخوانید...
foot bg
keyboard_arrow_up