Çevrimiçi vektör görüntüsüne aktarın. Photoshop'ta Bitmap'i Vektör Görüntüye Dönüştürme

Diyelim ki bir tür raster görüntümüz var ve onu vektör biçiminde (veya eğriler halinde) elde etmek istiyoruz. Bunun için ne yapmamız gerekiyor? Her şeyden önce, Adobe Illustrator'a ihtiyacınız var.

Sürüm önemli değil.

prosedür

Bitmap'imizi Adobe Illustrator'da açın. Bunu yapmak için, resme sağ tıklayıp açılır menüden Birlikte Aç ... > Adobe Illustrator'ı seçebilir veya illustrator'ı başlatıp resmi çalışma alanına sürükleyebilirsiniz.

gerçek görüntü

Araç çubuğunda " aracını seçin. seçim» (siyah ok) ve resmimizin üzerindeki bu oka tıklayın. Bu durumda, resim öne çıkmalıdır. Bunu test etmek için, imleç resmin üzerindeyken (sürükle ve bırak) farenin sol düğmesini basılı tutarak biraz hareket ettirmeyi deneyebilirsiniz.

Çalışma alanının üstünde düğmeyi buluyoruz " hızlı iz” ve yanındaki oka tıklayın. Bu eylem için mevcut tüm seçenekleri gösterir. bir eşyaya ihtiyacımız var İzleme Seçenekleri...". Üzerine tıkladığımızda parametrelerin olduğu bir pencere açılıyor.

Seçenekler penceresinin sağ tarafında " Görüş". Bu, daha iyi bir sonuç elde etmeye ve parametrelerin her birinin neden sorumlu olduğunu anlamaya yardımcı olacaktır.

1) bunu bilimsel bir şekilde yapın, yani araç ipuçlarında hangi parametrelerin neyi etkilediğini okumanız ve gerekli değerleri ayarlamanız gerekecektir;

2) sözde "bilimsel dürtme yöntemini" kullanarak parametreleri kendiniz deneyin.

Ben ikinci yolu tercih ediyorum: birincisi, bir kelimenin Rusça çevirisi her zaman orijinalin doğasında var olan anlamı tam olarak aktarmaz ve ikincisi, bu şekilde hatırlamak genellikle daha hızlı ve daha kolaydır. Ayarı değiştirirsiniz. Neyi etkilediğini görün (görsel olarak). Birden çok seçeneği birleştirin. Ve aşağı yukarı kabul edilebilir bir sonuç elde edilene kadar böyle devam eder.

Ortaya çıkan vektör görüntüsü.

Resim zaten gerçeğe benzer olduğunda, izleme parametreleri penceresinde " izleme” ve çalışma alanının üzerindeki menüde “ sökmek". Böylece, orijinal görüntüyü elde ederiz, ancak zaten eğrilerde.

Sonuçtan memnun değilseniz, düzeltebilirsiniz. Bunu yapmak için aracı kullanın seçim» oluşturulan tüm eğrileri seçmek gerekir (farenin sol düğmesine basın ve basılı tutarak tüm resmi daire içine alın). Menü öğesine git Bir obje» > « dönüşüm» > « ölçekleme” ve görüntüyü kolay düzenleme için yeterince büyük olacak şekilde yeniden boyutlandırın. Ardından aracı seçin doğrudan seçim» (beyaz ok). Bu beyaz okla, sırayla her bir düğüme tıklayın ve spline'ları gerektiği gibi hizalayın: bir tepe noktası seçildiğinde, spline'ın eğriliğini değiştirebileceğiniz sürükleyerek yakınlarda bıyıklar görünür.

Izgara modunda sonuç

Ayrıca, başlangıçta iyi kalitede büyük bir görüntü çekerseniz daha iyi bir sonuç elde edilebilir. Bu nedenle, gelecekte spline düğümlerini utandırmak için zaman harcamak istemiyorsanız, izleme için yüksek kaliteli görüntüleri hammadde olarak kullanı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 kendisi için 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!

Sürüm önemli değil.

prosedür

gerçek görüntü

Seçenekler penceresinin sağ tarafında " Görüş". Bu, daha iyi bir sonuç elde etmeye ve parametrelerin her birinin neden sorumlu olduğunu anlamaya yardımcı olacaktır.

1) bunu bilimsel bir şekilde yapın, yani araç ipuçlarında hangi parametrelerin neyi etkilediğini okumanız ve gerekli değerleri ayarlamanız gerekecektir;

2) sözde "bilimsel dürtme yöntemini" kullanarak parametreleri kendiniz deneyin.

Ortaya çıkan vektör görüntüsü.

Izgara modunda sonuç

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.

İnternette logonun bir resmini buldum. Photoshop'ta ve otomatik olarak rasterden vektöre dönüştürmek mümkün mü? Hayır yapamazsın. Ne yazık ki Photoshop'ta vektör trendleri aşağıdaki gibiyken, bu yönde yapılan her şey 5 sürüm önce değişmeden kaldı. O zamandan beri dokunulmamış, değiştirilmemiş ve vektöre yeni bir şey eklenmemiş. Photoshop'ta vektör araçlarına mı ihtiyacınız var? İşte buradalar, daha fazlasını ister misin? Photoshop'ta genellikle neyi unutursunuz, usta Illustrator. Yaklaşık olarak bu düşünce dizisi, Photoshop'ta en basit vektör işlemlerini tanıtan geliştiricileri etkiledi. Ve şimdi işe başlayalım.

Bir rasterin vektöre dönüştürülmesi, seçim alanları aracılığıyla gerçekleştirilir. Önce bir seçim oluşturuyoruz, ardından seçim çizgilerini vektör yollarına çeviriyoruz, ardından vektör yollarını dolgu katmanları ile doldurarak bir vektör maskesi oluşturuyoruz. Tüm bunları ordu ekipleri düzeyinde anlamak için - buraya tıklayın, oraya tıklayın, vektör çizim araçlarıyla nasıl çalışılacağını öğrenmeli, vektör yollarının birbirleriyle nasıl etkileşime girebileceğini anlamalı ve vektör maskesi oluşturmayı öğrenmelisiniz. Ama merak etmeyin, hafta sonuna kadar oturup okumak zorunda değilsiniz, makaleyi sonuna kadar okursanız Photoshop'ta bir rasterin nasıl vektöre dönüştürüleceğini zaten anlayacaksınız.

Logo vurgulama

Vektöre çevirinin yüksek kalitede olması için görüntünün kendisinin büyük olması gerektiğini vurgulamak isterim. Bu, Illustrator'da izleme durumunda doğrudur ve Photoshop için daha da önemlidir. Resmim 1500 piksel genişliğinde, vektöre dönüştürmeyi bitirdiğimizde size Photoshop'un küçük bir resmi nasıl işlediğini göstereceğim ve sonuçları karşılaştıracağız.

Sihirli Değnek Aracını Seçin

Tolerans 20 veya 30 seçeneklerinde ayarlayın.

Aynı yerde Seçime Ekle simgesine tıklayın. Photoshop'ta vektör araçlarıyla ilgili Add, Subtract, Intersect ve Exlude makalesinde çalışmalarını ayrıntılı olarak yazdım, ancak seçimde bu seçenekler aynı şekilde çalışıyor.

Dürüst olmak gerekirse, manuel bir kementle bile, Renk Aralığı aracılığıyla bile logoyu nasıl seçtiğiniz umurumda değil. Sadece bu durumda, özellikle bu resimde, bunu yapmanın en kolay yolu Sihirli Değnek Aracını kullanmaktır.

Seçimi vektör yoluna dönüştür

Sihirli Değnek Aracından geçiş yapmayın.

Seçim alanına sağ tıklayın.

Görünen menüden Çalışma Yolu Yap'ı seçin.

Görünen pencerede toleransı 1.0 olarak ayarlayın Tolerans değeri ne kadar yüksek olursa, ana hatlarımız o kadar düzgün, stilize ve yanlış olur.

Aşağıdaki çizimde Yol Seçim Aracını seçtim ve yolu görebilmeniz için yolu seçtim.

Bir Yolu Yol Paletine Kaydetme

Bu işlem isteğe bağlıdır, ancak önerilir.

Yol paletine geçin. Bulamıyorsanız, Pencere > Yol'a tıklayın.

Paletteki yola çift tıklayın.

Görünen pencerede bir ad girin ve Tamam'ı tıklayın.

Vektör maskesi oluşturma

Bir vektör maskesi oluşturma süreci, Photoshop'ta Vektör Maskesi makalemde iyi anlatılmıştır. Hızlı ve detaysız bir şekilde bu süreci gerçekleştireceğiz.

Yol paletinde yolunuzun seçildiğinden emin olun

Katman > Yeni Dolgu Katmanı > Düz Renk menüsünden seçim yapın

Görünen pencerede bir renk seçin ve Tamam'a tıklayın.

Bu kadar. Hronofag.ru olmasaydı her şey daha doğru olurdu. Size, görüntü ne kadar küçük olursa, o kadar kötü tercüme edileceğini söylediğimi unutmayın. Müşterinin bir vektöre çevirmek istediği, Word'e doldurulmuş bir tür kirli taramanız olduğuna bahse girerim? Tahmin ettim? Aynı zamanda görüntü JPG sıkıştırması ile sıkıştırılmış, küçültülmüş, sonra büyütülmüş, ardından tekrar bir avatar boyutuna getirilmiş ve üzerine ketçap da dökülmüştür. Böyle bir görüntüyü kalitatif olarak Photoshop'ta bir vektöre çevirmek mümkün müdür?

Öncelikle logomuza bir göz atın. Mükemmel çözünürlüğe, keskin kenarlara rağmen Photoshop güzel ve pürüzsüz ana hatlar oluşturamadı. Illustrator bunu 100 kat daha iyi yapıyor ama makale illüstratörle ilgili değil. Gördüğünüz gibi konturlar her yerde hatta logonun dikdörtgen kısımlarında bile yok. Ve daireler çok eğik.

Şimdi görüntüyü 2 kat, sonra 2 kat daha küçülteceğim ve size çevirinin sonucunu bir vektöre göstereceğim.

Burada, bir bitmap görüntüsünün boyutunun izin kalitesini nasıl etkilediğine dair net bir örnek verilmiştir. Ve bu, boyutuna rağmen görüntünün çok kaliteli olmasına rağmen. Peki, kaliteyi düşüreceğim. Görüntüyü en kötü kalitede JPG olarak kaydedin.

Bir vektöre çevirelim. Mükemmel sonuç, sadece ketçap eksik. Memnun bir müşteri için doğru, grunge veya vintage için işleme!

Ve yine de gerçeği biraz manipüle ediyorum. Gerçek şu ki, bir görüntüye dayalı bir vektör yaratan Illustrator için tüm bunlar mantıklı. Photoshop bir görüntüden vektör oluşturmaz, bir seçimden yollar oluşturur. Mantıksal olarak, seçim ne kadar iyi ve pürüzsüzse, eğriler de o kadar pürüzsüz olacaktır. Ve bu alanları seçmek için kullandığımız Sihirli Değnek aracı artık bu tür ürkütücü görüntüleri seçmek için uygun değil. Evet, yüksek kaliteli seçimler yapabilir, tüm seçim araçlarını kullanabilir, hatta onları büyütebilir ve bunlara dayanarak az çok eşit bir taslak oluşturabilirsiniz ki bu yine de mükemmel olmayacaktır. Bu şekilde gitmek sadece zaman kaybı. Tek çalışma seçeneği logoyu Photoshop'ta sıfırdan çizmektir.