• Fotoğrafı vektör çizimine dönüştürün. Adobe Illustrator kullanarak bir raster görüntüyü vektöre dönüştürme

    Genellikle bir raster görüntüyü bir vektöre dönüştürme ihtiyacı vardır. Bu, hem CorelDraw hem de diğer özel programların yardımıyla yapılabilir. Ancak, örneğin bugünkü incelememizin kahramanı gibi bir çevrimiçi hizmeti kullanmak çok daha kolay ve daha uygun olacaktır.


    Image Vectorizer ücretsiz bir rasterden vektöre dönüştürme hizmetidir. Çıktı bir SVG dosyası olacaktır. Şu biçimlerde resim yüklemeyi destekler: JPG (JPEG), PNG ve BMP. Yüklenen dosyanın boyutunda bir sınır vardır - 1 MB'ı geçmemelidir. Elbette yeterli değil ama küçük resimler için oldukça yeterli.

    Rasterden vektöre dönüştürme nasıl çalışır?

    Vektör grafikleri, matematiksel ifadelerle temsil edilen bir dizi eğri, nokta ve çizgidir. Raster grafik, renk ve parlaklık değerlerine sahip bir piksel kümesidir. Çevrimiçi dönüştürücü, aynı parlaklık ve renk parametrelerine sahip alanları bulur ve bunları çizgiler, eğriler ve daireler olarak gösterir.

    Sonuç olarak, bir SVG bit eşlemi kalite kaybı olmadan süresiz olarak büyütülebilir.

    Raster'ı vektöre dönüştür

    Çevrimiçi hizmet, orijinal görüntüyü yükledikten hemen sonra çalışmaya başlar.

    Ekranın solunda, içinde bulunan bir dizi rengin bulunduğu kaynak dosyayı, sağda - sonuç olarak görürsünüz:

    Mevcut araçlarla şunları yapabilirsiniz:

    • Belirli renklerin varlığını kapatın
    • Bir SVG dosyasındaki toplam renk sayısını ayarlayın
    • Tolerans (Tolerans) ve Bulanıklık (Bulanıklık) ayarlayın

    Parametreleri değiştirip "Güncelle" düğmesine basarak nihai sonucu hemen görürsünüz. Ayarlarla uzun süre uğraşmamak için hazır bir ön ayar seti de kullanabilirsiniz:

    • Fotoğrafçılık (çok/az renk)
    • Çizim (çok/az renk)
    • Clipart (siyah beyaz, çok/az renkli)

    Pencerenin sağ tarafında bulunan + ve - butonlarına tıklayarak Color, Detail, Border Width değerlerini arttırıp azaltabilirsiniz. Aynı yerde, çiçekli tüm katmanları tek bir katmanda birleştirebilirsiniz.

    Sonuç sizi tatmin ettikten sonra "İndir" butonuna tıklayın ve vektör görseli SVG formatında diskinize indirin. Her şey ücretsiz.


    Hizmet ayrıca G kodu üreteci gibi bir özelliğe sahiptir. Ne için olduğunu anlamıyorum. Bilen varsa - yorumlara yazın.

    Photoshop'taki maskelerle ilgili notum soğumamış olsa da, bir rasterin vektöre dönüştürülmesi konusunu acilen vurgulamak istiyorum. İki gün önce kronofajıma girdim Google Analytics ve ben ne gördüm Bazılarının siteme "rasterden vektöre" isteği üzerine geldiği ortaya çıktı, ancak bu arada sitemde bu konuyla ilgili tek bir mantıklı not yok. İnsanlar inciniyor Google raster'ı vektöre dönüştürmek için Corel Draw, Illustrator ve hatta adobe photoshop. Photoshop'tan başlayalım.

    Rasterden vektöre. Bu neden gerekli?

    Photoshop bir tarama programıdır. Vektör, içinde vektör konturları şeklinde bulunur. Bu nedenle, Photoshop'ta vektör nesnesi yoktur. Ancak bir vektör maskesine dönüştürülebilen vektör yolları vardır. Maske, efekte veya nesneye uygulanır ve sonuç, Photoshop'ta bir vektördür. Böyle bir nesnenin içeriği hala rasterdir, ancak bazı biçimlerde kaydedildiğinde bir vektöre dönüştürülebilir.

    Örneğin, bir dolgu oluşturabilir ve üzerine bir vektör maskesi koyabiliriz. Photoshop'ta bunu ücretsiz ve otomatik olarak yapan bir grup araç vardır, bu bir vektör ilkel grubudur. Makalemi okuyun veya daha fazlasını okuyun. Böylece kontur vektör olacaktır. Bitmap içini doldurun.

    Photoshop, vektörle tam potansiyeliyle çalışmaz. Sadece burada ve oradaki avantajlarını kullanır. Ancak Photoshop'ta bile raster nesneler vektör olanlara dönüştürülebilir. Bir Illustrator varsa buna neden ihtiyaç var? Peki, sana nasıl söyleyebilirim. Grafiklerle aktif olarak çalışırken farklı durumlar ortaya çıkar. Bazen seçimi anında bir yola dönüştürmek, doğrudan Illustrator'a gidip orada izleme yapmaktan daha kolaydır. Kırda bir çilek yatağını ayıklamak için biçerdöver çağırmanıza gerek yok. Sonuç olarak, herkes Illustrator'ı kullanmak istemez veya kullanmayı bilmez, herkesin buna ihtiyacı yoktur, herkes onu kendisi kuramaz ve burada ve şimdi bir dalgalı çizgiyi vektöre dönüştürmeniz gerekir. Üç cilt Illustrator ile birkaç hafta oturmak hiç de gerekli değil.

    Photoshop'ta rasterden vektöre dönüştürme

    Photoshop tam olarak neyi bir vektöre çevirebilir? Önceden grup araçlarıyla bu nesneyi seçerseniz her şey Seçme. Photoshop herhangi bir seçimi bir yola dönüştürür. Makalede seçim araçları hakkında bilgi edinebilirsiniz. Size çalışan bir örnek vereceğim. Yıllar önce, zor bir site talep eden çok zor bir müşteri bana ulaştı. Site için çeşitli sanatlar yapmak gerekiyordu ve ben de onu Photoshop'ta çizmeye karar verdim. Çizim sırasında onu bir vektöre dönüştürdüm ve şimdi size nasıl olduğunu anlatacağım. İşte bir tablette sert kenarlı bir fırçayla boyadığım böyle bir görüntü. Orijinal Vitruvius Adamı'nı daire içine aldım, üzerinde değişiklik yaptım ve orijinalinden farklı, kendi yüzümü çizdim. Sanatı vektörleştirme fikri tesadüfen geldi. Ancak bunu uyguladıktan sonra, bir kişiyi herhangi bir şekilde ölçeklendirme fırsatım oldu. Ayrıca önceden yırtılmış kenarlar ve tümsekler vektörizasyondan sonra düzeltildi.

    İzlenecek bir görüntü bulma

    Google Görseller'de bir kelebek buldum. Bunu bir vektöre çevireceğiz. Görüntü ne kadar büyük olursa, vektör nesnemizin o kadar pürüzsüz olacağını unutmayın. Bu hem Photoshop hem de Illustrator için geçerlidir. Büyük bir görüntü ile, 1000 piksel genişliğinde veya daha büyük bir görüntüyü kastediyorum. Örneğin benim kelebeğim 2000 pikselden.

    Bir nesne seçme

    Menüden seçim yapın Alet en yaygın sihirli değnek Sihirli değnek aracı ve beyaz alana tıklayın. Böylece bir seçim alanı oluşturduk ama kelebeği seçmemiz gerekiyor.

    git Seç > Ters veya çalışma alanına tıklayın ve beliren menüden seçin Tersini seç. Buradaki nokta, kelebeği seçmek için oluşturulan seçimin ters çevrilmesi gerektiğidir. Dürüst olmak gerekirse, seçiminizi nasıl yaptığınız umurumda değil. Kementi manuel olarak vursanız bile, önemli değil.

    Bir vektör taslağı oluşturun

    Bir seçimimiz var, şimdi onu bir vektör yoluna dönüştürün yol. gibi herhangi bir seçim aracını seçin Kement Aracı, Dikdörtgen Seçim Çerçevesi Aracı veya Sihirli değnek aracı. Seçim alanına sağ tıklayın ve beliren menüden seçim yapın. Çalışma Yolu Yap. Görünen menüde yumuşatma derecesini ayarlayın hata payı tatmak. Bağımlılık basittir. Sayı ne kadar yüksek olursa, yumuşatma o kadar yüksek olur. Sayı ne kadar düşükse, yumuşatma o kadar düşük olur. Yüksek kenar yumuşatma, daha az vektör düğümü ve daha fazla yanlış bitmap yolu izleme anlamına gelir. Vitruvius Adamım söz konusu olduğunda, bu tam olarak istediğim etkiydi.

    Yani palet içinde Yol bir iş akışımız var. paletiniz yoksa Yol aç onu Windows > Yol Palet çalışma alanı Yol bir masaüstü veya geçici barınak gibi görünüyor. Üzerinde farklı ana hatlar görünebilir ancak sıralı kaydetmeye özen gösterirseniz zamanla bunlar kaybolacaktır. yola çift tıklayın Çalışma Yolu ve taslağı ayrı olarak kaydedin. Bölgedeki konturlar Yol tıpkı paletteki katmanlar gibi çalışır Katmanlar. Kontur seçilirse aktiftir ve onunla çalışabilirsiniz.

    Photoshop'ta yollarla çalışmak için araçlar - Yol Seçim Aracı Ve Doğrudan Seçme Aracı. Bir konturumuz var ama nesnemiz yok. Photoshop'ta vektörlerle ilgili yazı dizimi okuduysanız, Photoshop'ta bir vektörün bir tür efekt veya grafik için bir vektör maskesi olarak temsil edildiğini zaten biliyorsunuzdur. Vektör, içe aktarılan bir Illustrator dosyasına atıfta bulunan akıllı bir katman olarak da mevcut olabilir, ancak bunu başka bir not için bırakacağız. aracıyla yolu seçin Yol Seçim Aracı veya yol paletinde Yol. Tıklamak katman > Yeni Dolgu Katmanı > Düz Renk Yolumuz biçiminde hemen bir vektör maskesi atanan bir dolgu katmanı oluşturduk.

    Vektör taslağının sonuçlandırılması

    Makalelerde anlattığım malzemeleri kullanmak ve çizimi zorlaştırmak. enstrümanı aldım kalem aracı, dolgu katmanı maskesini seçti. ayarlarda kalem aracı maruz Çıkart ve kelebeğimizin bazı unsurlarını çizmeyi bitirdik. Kanatlardaki desenleri kestim ve bacakları ve antenleri daha kalın yaptım.

    Özel Şekiller Oluşturma

    Ortaya çıkan nesneyi her zaman rasgele şekillere kaydedebilirsiniz. Özel şekiller. Bir süre önce bunun nasıl yapılabileceğinden bir makalede bahsetmiştim. Kelebek katmanını seçin ve tıklayın Düzenle > Özel Şekil Tanımla Alet figürlerinde kelebeğimiz ortaya çıktı Özel Şekil Aracı.

    Ve işte sonunda elde ettiğimiz şey:

    Bir raster fotoğrafı Photoshop'ta bir vektöre dönüştürmek tamamen anlamsız bir egzersizdir. Ancak bazen bu tür teknikler, yalnızca grafiklerle değil, yan çalışmalar için de yararlı olabilir.

    Photoshop'ta raster fotoğraflardan vektör fotoğraflarına aktarma

    Photoshop, raster grafikleri vektöre dönüştürmek için tasarlanmamıştır. Bununla birlikte, görsel olarak bir vektör görüntüsü görünümü oluşturan birkaç özel efekt içerir. Ve anlattığım tekniğin yardımıyla, Photoshop'ta bunlardan bir vektör görüntüsü de yapabilirsiniz. Örneğin bir fotoğrafçı arkadaşımın çektiği sıradan bir fotoğrafı ele alalım.

    Bahsettiğim etkilerden biri Filtre > Sanatsal > Kesme Ayarları vicdanınıza bırakıyorum. Görüntü mümkün olduğu kadar gerçekçi olmalı, ancak güçlü bir şekilde yumuşatılmalıdır. Burada durabiliriz, görüntü zaten “vektör” görünüyor ama yine de raster.

    Şimdi fotoğraftaki renk sayısına eşit vektör alanları oluşturmamız gerekiyor. bir değnek seç Sihirli değnek aracı ve ayarlarda onay kutusunun işaretli olmadığından emin olun bitişik. İlk alanı seçin ve yukarıda anlattığım tüm yolu izleyin. Seçimden bir yol, yoldan bir vektör maskesi vb. oluşturun.

    Toplamda, fotoğrafın tamamı vektör alanlarına dönüştürülür. Son beyaz alanı bir vektöre dönüştürmeyeceğiz. Sadece araçla büyük beyaz bir kare çizin. Dikdörtgen Aracı ve tüm katmanların altına yerleştirin. Hafif temizlik ve konturları tamamladıktan sonra, fotoğraf aşağıdaki resimdeki gibi görünür. Ve bir kez daha, bu tür çalışmalar Photoshop için tasarlanmamıştır ve daha çok bir sapkınlıktır. Ancak yapılabilir ve çeşitli durumlarda bu tür teknikler işe yarayabilir. Fotoğrafı işlemem 10 dakikamı aldı o yüzden bu tür işler çok zaman almıyor. Ve unutmayın, bu şekilde katmanlar halinde yerleştirdiğiniz fotoğraf ne kadar büyük olursa, anahat seçim alanlarında o kadar iyi ve esnek bir şekilde dolaşabilir. Photoshop'taki vektörümüz ne kadar az açısal ve pürüzlü olursa olsun. Çeşitli ayarlar Hata payı kontur oluştururken de farklı bir sonuç verecektir. Başarılı deneyler!

    Tüm grafik dosyaları, raster ve vektör olmak üzere iki genel türe ayrılır. Bazen bir rasterden siyah beyaz bir vektöre dönüştürmeniz gerekir. Örneğin, siyah beyaz simgeleri, QR kodlarını, barkodları, bitmap yazıtlı resimleri, çekleri veya blog resimlerini izlemek için.

    Raster dosyası ile vektör dosyası arasındaki fark nedir?

    Raster grafikler
    Bir bitmap dosyası, renkli kareler (pikseller) dizisini temsil eder. Bir dosyadaki noktaların sayısı yatay ve dikey boyutlarıyla belirlenir. Örneğin, 640x480 boyutunda bir dosya 307.200 nokta içerir. Bir tarama dosyası bir mozaik olarak gösterilebilir. Bir raster görüntüyü kaliteden ödün vermeden uzatamazsınız.

    Popüler bitmap formatları: JPEG, GIF, PNG, TIFF, WEBP, BPG.

    Vektör grafikleri
    Vektör grafikleri, matematiksel formüllerle açıklanan birçok farklı geometrik şekli temsil eder. Bu figürlerin üst üste bindirilmesi bir görüntü oluşturmaktadır. Örneğin, sıradan bir kare, her biri uçlarından diğer ikisinin uçlarına 90 derecelik bir açıyla bağlanan dört eşit parça ile tanımlanır.

    Popüler vektör formatları: SVG, EPS, WMF, PDF.

    Rasterden vektöre

    Vektörleştirme algoritması
    İzleme birkaç aşamada gerçekleşir:
    • Vektörleştirici görüntüyü tarar ve aynı renkteki piksellere sahip tüm alanları bulur.
    • Kenarlıklar, kalınlığı 1 piksel olan segmentlerle yaklaşık olarak belirlenir.
    • Bir çizgi kısıtlaması ile bir nirengi oluşturulur.

    Potrace tabanlı dönüştürücü
    Bazen kullanıcıların yüklediği görüntüleri bitmapten vektör biçimine otomatik olarak dönüştürmeniz gerekir.

    Inkscape vektör düzenleyicisini kullanarak böyle bir dönüştürmeyi gerçekleştirmenin çok basit ve ücretsiz bir yolu var. Inkscape, görüntüleri vektörleştirmek için Potrace'i kullanır.

    İzlemeden sonra resim yalnızca siyah beyaz olabilir. Potrace üzerinde, belki gelecekte renk desteğinin uygulanacağı yazılmıştır.

    PNG'den SVG'ye dönüştürme örneği. Giriş olarak, potrace işlevi yalnızca PNM uzantılı dosyaları kabul eder, dolayısıyla izlemeden önce PNG'nin dönüştürülmesi gerekir:

    Exec("image.png image.pnm'yi dönüştür"); exec("potrace image.pnm -s -o image.svg");
    Burada bu yöntem uygulanmaktadır ve herhangi bir görüntünün izinin kalitesine bakabilirsiniz. Bulanık bir barkodu vektörleştirme örneği. Bu da izlenen bir logo örneğidir. Dönüştürücü fotoğrafları bu şekilde işler.

    Çıktı görüntüsü nasıl renklendirilir
    Manuel düzenlemeye ek olarak, siyah beyaz çıktı görüntüsünü boyamak için başka bir seçenek daha vardır. Ancak resim düşük renkli olmalıdır. Çözüm, renkli simgeleri, logoları ve düğmeleri vektöre dönüştürmek için uygundur.

    ppmcolormask maskesini (Netpbm paketine dahildir) kullanarak renkleri tek tek seçebilirsiniz:

    Kedi img.gif | hediyeopnm | ppmrenk maskesi #641b1b | ot karışımı
    Ardından her bir parçayı ayrı ayrı izleyin ve çıktıda üst üste bindirin.

    Vektörden taramaya

    Bir vektör çizimini rasterleştirmek çok daha kolaydır. Belirli bir boyutta hücrelere sahip bir ızgara, bir vektör görüntüsünün üzerine bindirilir ve görüntü örneklenir, ardından çıktı formatına göre kodlanır.

    Imagick kullanarak SVG'yi PNG'ye dönüştürmeye bir örnek.

    Bu kod ile SVG dosyalarını PNG24'e dönüştürebilirsiniz:

    $svg = file_get_contents("resim.svg"); $resim = yeni Imagick(); $image->setBackgroundColor(new ImagickPixel("şeffaf")); $image->readImageBlob($svg); $image->setImageFormat("png24"); $resim->writeImage("resim.png"); $image->clear(); $resim->destroy();
    Burada resimlerinizi SVG'den PNG'ye dönüştürmenin sonuçlarını görebilirsiniz.

    Soyut

    1. Potrace kullanarak sitenizde rasterden vektöre dönüştürebilirsiniz.
    2. Potrace yalnızca siyah beyaz vektörleştirmeyi destekler.
    3. Imagick'i kullanarak vektörden raster'a dönüştürebilirsiniz.