تبدیل عکس به طراحی وکتور. تبدیل یک تصویر شطرنجی به وکتور با استفاده از Adobe Illustrator

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

تبدیل شطرنجی به برداری چگونه کار می کند

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

در نتیجه، یک بیت مپ SVG می تواند به طور نامحدود بدون افت کیفیت بزرگ شود.

تبدیل شطرنجی به وکتور

سرویس آنلاین بلافاصله پس از آپلود تصویر اصلی کار خود را آغاز می کند.

در سمت چپ صفحه، فایل منبع را با مجموعه ای از رنگ های موجود در آن می بینید، در سمت راست - نتیجه:

با ابزارهای موجود می توانید:

• وجود رنگ های خاص را خاموش کنید
• تعداد کل رنگ ها را در یک فایل SVG تنظیم کنید
• تنظیم تحمل (تحمل) و تاری (تار)

با تغییر پارامترها و فشردن دکمه "Update" بلافاصله نتیجه نهایی را مشاهده می کنید. برای اینکه برای مدت طولانی از تنظیمات رنج نبرید، می توانید از مجموعه ای از پیش تنظیم های آماده نیز استفاده کنید:

• عکاسی (چند رنگ یا چند رنگ)
• طراحی (چند رنگ یا چند رنگ)
• کلیپرت (سیاه و سفید، چند/چند رنگ)

با کلیک بر روی دکمه های + و - در قسمت سمت راست پنجره، می توانید مقادیر Color، Detail، Border Width را کم یا زیاد کنید. در همان مکان، می توانید تمام لایه ها را با گل ها در یک لایه ادغام کنید.

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

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

شطرنجی به برداری. چرا این مورد نیاز است؟

فتوشاپ یک برنامه شطرنجی است. بردار در آن به صورت خطوط بردار وجود دارد. به این ترتیب، هیچ شیء برداری در فتوشاپ وجود ندارد. اما مسیرهای برداری وجود دارد که می توان آنها را به ماسک برداری تبدیل کرد. ماسک روی افکت یا شی اعمال می شود و نتیجه یک وکتور در فتوشاپ است. محتوای چنین شیئی همچنان شطرنجی است، اما در صورت ذخیره در برخی فرمت ها می توان آن را به یک برداری تبدیل کرد.

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

فتوشاپ با پتانسیل کامل خود با وکتور کار نمی کند. فقط از مزایای آن اینجا و آنجا استفاده می کند. اما حتی در فتوشاپ، اشیاء شطرنجی را می توان به وکتور تبدیل کرد. اگر یک Illustrator وجود دارد، چرا این مورد نیاز است؟ خب چطوری بهت بگم هنگام کار فعالانه با گرافیک، موقعیت های مختلفی ایجاد می شود. گاهی اوقات تبدیل انتخاب به یک مسیر در محل آسان تر از رفتن به Illustrator و انجام ردیابی در آنجا است. برای علف هرز یک بستر توت فرنگی در کشور، نیازی به تماس با کمباین نیست. در نهایت، همه نمی‌خواهند یا نمی‌دانند چگونه از ایلوستریتور استفاده کنند، همه به آن نیاز ندارند، همه نمی‌توانند آن را برای خودشان نصب کنند، و شما باید یک squiggle را در اینجا و اکنون به وکتور تبدیل کنید. نشستن با سه جلد ایلوستریتور برای چند هفته اصلاً لازم نیست.

تبدیل شطرنجی به وکتور در فتوشاپ

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

پیدا کردن یک تصویر برای ردیابی

من یک پروانه در Google Images پیدا کردم. ما آن را به یک بردار ترجمه می کنیم. به خاطر داشته باشید که هرچه تصویر بزرگتر باشد، شیء برداری ما صاف تر می شود. این برای فتوشاپ و ایلاستریتور هم صادق است. منظور من از یک تصویر بزرگ، تصویری است که 1000 پیکسل عرض یا بزرگتر دارد. پروانه من به عنوان مثال از 2000 پیکسل.

انتخاب یک شی

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

رفتن به > معکوس را انتخاب کنیدیا روی فضای کاری کلیک کنید و از منوی ظاهر شده انتخاب کنید Inverse را انتخاب کنید. نکته این است که انتخاب ایجاد شده باید معکوس شود تا پروانه انتخاب شود. صادقانه بگویم، برای من مهم نیست که چگونه انتخاب خود را ایجاد می کنید. حتی اگر به صورت دستی کمند را نوازش کنید، مهم نیست.

یک طرح بردار ایجاد کنید

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

بنابراین در پالت مسیرما یک گردش کار داریم اگر پالت ندارید مسیرآن را باز کن Windows > Pathفضای کاری پالت مسیرشبیه یک سرپناه رومیزی یا موقت است. خطوط مختلف ممکن است روی آن ظاهر شود، اما اگر از ذخیره متوالی مراقبت کنید، به مرور زمان ناپدید می شوند. روی مسیر دوبار کلیک کنید مسیر کارو طرح کلی را جداگانه ذخیره کنید. خطوط در منطقه مسیردرست مانند لایه ها در پالت کار کنید لایه های. اگر کانتور انتخاب شده باشد، فعال است و می توانید با آن کار کنید.

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

نهایی کردن طرح کلی بردار

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

ایجاد اشکال سفارشی

شما همیشه می توانید شی حاصل را در اشکال دلخواه ذخیره کنید اشکال سفارشی. چند وقت پیش در مقاله ای اشاره کردم که چگونه می توان این کار را انجام داد. لایه پروانه را انتخاب کرده و کلیک کنید Edit > Define Custom Shapeپروانه ما در شکل ابزار ظاهر شد ابزار شکل سفارشی.

و این چیزی است که ما به آن پایان دادیم:

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

انتقال عکس های شطرنجی به وکتور در فتوشاپ

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

یکی از تاثیراتی که گفتم این است Filter > Artistic > Cutoutتنظیمات را به وجدان شما می سپارم. تصویر باید تا حد امکان واقعی باشد، اما به شدت صاف باشد. ما می‌توانیم در آنجا توقف کنیم، تصویر از قبل "بردار" به نظر می‌رسد، اما همچنان شطرنجی است.

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

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

تمامی فایل های گرافیکی به دو نوع سراسری – شطرنجی و برداری تقسیم می شوند. گاهی اوقات باید از یک شطرنجی به یک بردار سیاه و سفید تبدیل کنید. به عنوان مثال، برای ردیابی نمادهای سیاه و سفید، کدهای QR، بارکدها، تصاویر با نوشته های بیت مپ، چک ها یا تصاویر وبلاگ.

تفاوت بین فایل شطرنجی و فایل برداری چیست؟

گرافیک شطرنجی

فرمت های بیت مپ محبوب: JPEG، GIF، PNG، TIFF، WEBP، BPG.

گرافیک برداری

فرمت های وکتور محبوب: SVG، EPS، WMF، PDF.

شطرنجی به برداری

الگوریتم برداری

• وکتوریزر تصویر را اسکن می کند و همه مناطق با پیکسل های یک رنگ را پیدا می کند.
• مرزها توسط بخش هایی با ضخامت 1 پیکسل تقریب می شوند.
• یک مثلث با یک محدودیت خط ساخته شده است.

مبدل مبتنی بر Potrace

یک راه بسیار ساده و رایگان برای پیاده سازی چنین تبدیلی با استفاده از ویرایشگر برداری Inkscape وجود دارد. Inkscape از Potrace برای بردار کردن تصاویر استفاده می کند.

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

نمونه ای از تبدیل PNG به SVG. به عنوان ورودی، تابع potrace فقط فایل‌هایی با پسوند PNM را می‌پذیرد، بنابراین PNG باید قبل از ردیابی تبدیل شود:

Exec("تبدیل image.png image.pnm"); exec("potrace image.pnm -s -o image.svg");
در اینجا این روش پیاده سازی شده است و می توانید به کیفیت ردیابی هر تصویر نگاه کنید. نمونه ای از بردار کردن بارکد تار. و این نمونه ای از لوگوی ردیابی شده است. مبدل اینگونه عکس ها را مدیریت می کند.

نحوه رنگ آمیزی تصویر خروجی

می توانید با استفاده از ماسک ppmcolormask (که در بسته Netpbm موجود است) رنگ های جداگانه را انتخاب کنید:

گربه img.gif | giftopnm | ppmcolormask #641b1b | potrace
سپس هر قسمت را به طور جداگانه ترسیم کرده و در خروجی روی آنها قرار دهید.

وکتور به شطرنجی

یک مثال از تبدیل SVG به PNG با استفاده از Imagick.

با این کد می توانید فایل های SVG را به PNG24 تبدیل کنید:

$svg = file_get_contents("image.svg"); $image = new Imagick(); $image->setBackgroundColor(ImagickPixel جدید("شفاف")); $image->readImageBlob($svg); $image->setImageFormat("png24"); $image->writeImage("image.png"); $image->clear(); $image->destroy();
در اینجا می توانید نتایج تبدیل تصاویر خود از SVG به PNG را مشاهده کنید.

خلاصه

1. شما می توانید در وب سایت خود با استفاده از potrace از شطرنجی به وکتور تبدیل کنید.
2. Potrace فقط از برداری سیاه و سفید پشتیبانی می کند.
3. با استفاده از Imagick می توانید از وکتور به رستر تبدیل کنید.