Bitmap'i vektör Photoshop'a dönüştürün. Photoshop'ta bir bitmap'i vektöre dönüştürme

Rus İnternetinin açık alanlarında logonun bir görüntüsünü buldum. Photoshop'ta rasterden vektöre ve otomatik olarak dönüştürmek mümkün müdür? Numara. Ne yazık ki, vektörün Photoshop'taki eğilimleri böyleyken, bu yönde yapılan her şey 5 sürüm önce değişmeden kaldı. O zamandan beri vektöre dokunulmadı, değişmedi ve vektöre yeni bir şey eklenmedi. Photoshop'ta vektör araçlarına ihtiyacınız var mıydı? İşte buradalar, daha fazlasını mı istiyorsunuz? Photoshop'ta ne unuttunuz, usta Illustrator. Geliştiricileri Photoshop'ta en basit vektör işlemlerini uygulamaya iten kabaca bu düşünceydi. Şimdi işe başlayalım.

Rasterden vektöre dönüştürme, 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 dolduruyoruz, böylece bir vektör maskesi oluşturuyoruz. Tüm bunları ordu timleri düzeyinde değil -buraya tıklayın, oraya tıklayın, vektör çizim araçlarıyla nasıl çalışacağınızı öğrenmeli, vektör yollarının birbirleriyle nasıl etkileşime girebileceğini anlamalı ve vektörel maske oluşturmayı öğrenmelisiniz. Ama merak etmeyin, haftasonuna kadar oturup okumak zorunda değilsiniz, makaleyi sonuna kadar okumayı bitirirseniz Photoshop'ta bir raster'i bir vektöre nasıl dönüştüreceğinizi zaten anlayacaksınız.

Logonun vurgulanması

Bir vektöre çevirinin yüksek kalitede olması için resmin kendisinin büyük olması gerektiğini vurgulamak isterim. Bu, Illustrator'da izleme durumunda geçerlidir ve Photoshop için daha da önemlidir. Resmim 1500 piksel genişliğinde, bir vektöre çevirmeyi bitirdiğimizde Photoshop'un küçük resimleri nasıl çevirdiğ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ı ile ilgili olan Ekle, Çıkart, Kesiştir ve Hariç Tutma yazısında onların çalışmaları hakkında detaylı olarak yazmıştım ama seçimde bu seçenekler aynı şekilde çalışıyor.

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

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

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

  • Seçim alanına sağ tıklayın.
  • Görünen menüden İş Yolu Yap'ı seçin.

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

Aşağıdaki resimde Path Selection Tool'u seçtim ve yolu görebilmeniz için seçtim.

Yolu Yol paletine kaydetme

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

    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'a tıklayın.

Bir vektör maskesi oluşturun

Vektörel maske oluşturma işlemi Photoshop'ta Vektörel maske makalemde mükemmel bir şekilde açıklanmıştır. Bu işlemi hızlı ve detaylandırmadan gerçekleştirelim.

    Yol paletinde kulübenizin seçili olduğundan emin olun.

    Menüden Katman > Yeni Dolgu Katmanı > Düz Renk arasından 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. Müşterinin bir vektöre çevrilmesi gereken Word'e doldurulmuş kirli bir taramaya elinize bahse girmeye hazır mısınız? Tahmin ettim? Aynı zamanda, görüntü JPG sıkıştırması ile sıkıştırılır, küçültülür, sonra büyütülür, ardından tekrar bir avatar boyutuna küçültülür ve üzerine ketçap da dökülür. Photoshop'ta böyle bir resmi niteliksel olarak 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 eşit ana hatlar oluşturmayı başaramadı. İllüstratör bunu 100 kat daha iyi yapıyor, ancak makale illüstratörle ilgili değil. Gördüğünüz gibi konturlar logonun dikdörtgen kısımlarında bile her yerde değil. Ve daireler tamamen eğik.

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

Bitmap boyutunun izlemenin kalitesini nasıl etkilediğine dair güzel bir örnek. Ve bu, görüntünün boyutuna rağmen çok kaliteli olmasına rağmen. Peki, kaliteyi düşüreceğim. Resmi en kötü kalitede JPG olarak kaydedin.

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

Yine de gerçeği biraz manipüle ediyorum. Buradaki nokta, tüm bunların bir resimden vektör oluşturan Illustrator için anlamlı olmasıdır. Photoshop bir resimden vektör oluşturmaz, bir seçimden yollar oluşturur. Seçim ne kadar iyi ve pürüzsüz olursa, eğrilerin o kadar düzgün olması mantıklıdır. Ve bu alanları seçtiğimiz Sihirli Değnek aracı artık böyle ürkütücü görüntüleri seçmek için uygun değil. Evet, yüksek kaliteli seçimler yapabilecek, tüm seçim araçlarını kullanabileceksiniz, hatta onları büyütebilecek ve bunlara dayalı olarak az çok eşit bir taslak oluşturabileceksiniz, ki bu yine de ideal olmayacak. Bu şekilde gitmek sadece zaman kaybı. Tek çalışma seçeneği, logoyu Photoshop'ta sıfırdan oluşturmaktır.

Photoshop'taki maskeler hakkındaki notum soğumamış olsa da, acilen bir rasterin vektöre dönüştürülmesi konusunu vurgulamak istiyorum. İki gün önce, kronofajıma girdim. Google analitik ve ne gördüm. Bazı kişilerin "vektöre raster" isteği üzerine siteme geldiği ve bu arada sitemde bu konuyla ilgili tek bir mantıklı not olmadığı ortaya çıktı. İnsanlar işkence Google raster'ı vektöre dönüştürmek için Corel Draw, İllüstratör ve hatta Adobe photoshop ... Photoshop'la başlayalım.

Rasterden vektöre. Bu neden gerekli?

Photoshop bir bitmap programıdır. Vektör, içinde vektör anahatları şeklinde bulunur. Gibi, vektör nesneleri Photoshop'ta değil. Ancak bir vektör maskesine dönüştürülebilecek vektör yolları vardır. Bir efekte veya nesneye bir maske uygulanır ve Photoshop'ta bir vektör elde edilir. 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 bunun üzerine bir vektör maskesini sürükleyebiliriz. Photoshop'ta bunu ücretsiz ve otomatik olarak yapan bir grup araç vardır, bu bir vektör ilkel grubudur. Daha fazla ayrıntı için Photoshop'ta Vektör ilkelleri veya makalemi okuyun. Yani kontur vektör olacaktır. Rasterin içini doldurun.

Photoshop, vektörlerle tam kapasite çalışmaz. Avantajlarını sadece orada ve burada kullanır. Ancak Photoshop'ta bile raster nesneler vektör nesnelerine dönüştürülebilir. Illustrator'ınız varsa neden buna ihtiyacınız var? Peki, sana nasıl söyleyebilirim. Grafiklerle aktif olarak çalışırken, farklı durumlar... Bazen bir seçimi yerinde bir yola çevirmek, Illustrator'a doğrudan gidip orada izleme yapmaktan daha kolaydır. Ülkede bir çilek yatağını ayıklamak için biçerdöver çağırmanıza gerek yok. Sonunda, Illustrator'ı herkes istemez veya kullanmayı bilmez, herkesin ihtiyacı yoktur, herkes kendisi kuramaz ve dalgalı çizgiyi şimdi ve burada bir vektöre çevirmeniz gerekir. Birkaç hafta boyunca Illustrator'da üç cilt ile oturmak hiç de gerekli değil.

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

Photoshop tam olarak neyi vektöre çevirebilir? Bu nesneyi grup araçlarıyla önceden seçerseniz herhangi bir şey Seçme... Photoshop, herhangi bir seçimi bir anahatta dönüştürür. Photoshop'ta seçim temel öğeleri makalesinde seçim araçları hakkında bilgi edinebilirsiniz. Size çalışan bir örnek vereyim. Yıllar önce çok zor bir müşteri benimle iletişime geçti ve zor bir site istedi. Site için çeşitli sanatlar yapmak gerekiyordu ve 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 tabletimde sert kenarlı bir fırçayla çizdiğim resimlerden biri. Orijinal Vitruvius Adamı'nın etrafını çizdim, değiştirdim ve orijinalinden farklı olarak kendi yüzümü boyadım. Sanatı vektörleştirme fikri tesadüfen ortaya çıktı. Ama uyguladıktan sonra, bir kişiyi istediğim gibi ölçeklendirme fırsatım oldu. Ayrıca, vektörleştirmeden sonra önceden yırtılmış kenarlar ve düzensizlikler düzeltildi.

İzlenecek görüntüyü bulma

Google Görseller'de kelebek aradım. Bunu bir vektöre dönüştüreceğiz. Lütfen resim ne kadar büyük olursa, vektör nesnemizin o kadar düzgün olacağını unutmayın. Bu hem Photoshop hem de Illustrator için geçerlidir. Büyük bir resim derken, 1000 piksel veya daha geniş bir resim kastediyorum. Örneğin benim kelebeğim 2000 pikselden.

nesneyi seçme

Menüden seçin Alet en yaygın sihirli değnek sihirli değnek aracı ve beyaz alana tıklayın. Bu şekilde 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 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 yarattığınız umurumda değil. Kementi elle takip edin, gerçekten önemli değil.

Vektör yolu nasıl oluşturulur

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ı... Sağ fare tuşu ile seçim alanına tıklayın ve İş yolu yap... Görünen menüde yumuşatma derecesini ayarlayın Hata payı damak zevki. Bağımlılık basittir. Sayı ne kadar yüksek olursa, yumuşatma o kadar yüksek olur. Sayı ne kadar düşükse, kenar yumuşatma o kadar düşük olur. Yüksek kenar yumuşatma, daha az sayıda vektör düğümü ve daha kesin olmayan bir tarama yolu izlemesi anlamına gelir. Vitruvius Adamım söz konusu olduğunda, tam olarak istediğim şey buydu.

Yani palet içinde Yol artık bir çalışma yolumuz var. paletiniz yoksa Yol aç onu Windows> Yol Palet çalışma alanı Yol bir masaüstü veya geçici bir barınak gibi görünüyor. Üzerinde farklı konturlar görünebilir, ancak tutarlı bir şekilde tasarruf etmeye özen gösterirseniz, zamanla kaybolacaklar. Anahat üzerine çift tıklayın çalışma yolu ve anahattı ayrı olarak kaydedin. Bölgedeki konturlar Yol paletteki katmanlarla aynı şekilde çalışın Katmanlar... Anahat seçilirse, etkindir ve onunla çalışabilirsiniz.

Yollarla çalışmak için Photoshop araçları - Yol Seçim Aracı ve Doğrudan Seçme Aracı... Bir yolumuz var ama nesnemiz yok. Photoshop'ta vektörlerle ilgili not serimi okuduysanız, Photoshop'ta bir vektörün bir tür efekt veya grafik için vektör maskesi olarak temsil edildiğini zaten biliyorsunuzdur. Vektör, içe aktarılan Illustrator dosyasına referans veren bir akıllı katman olarak da mevcut olabilir, ancak bunu başka bir not için bırakacağız. Araçla yolu seçin Yol Seçim Aracı veya yol paletinde Yol... Tıklamak Katman> Yeni Dolgu Katmanı> Düz Renk Hemen yolumuza bir vektör maskesi atanan bir dolgu katmanı oluşturduk.

Vektör anahattının iyileştirilmesi

Photoshop'ta Vektör çizim araçları ve Photoshop'ta Ekleme, Çıkarma, Kesiştirme ve Hariç Tutma yazılarında anlattığım malzemeleri kullanarak çizimi zorlaştıralım. aracı aldım Kalem Aracı, dolgu katmanı maskesini seçti. ayarlarda Kalem Aracıçıkarmak çıkar ve kelebeğimize bazı unsurlar ekledik. Kanatlardaki desenleri kestim, bacakları ve antenleri daha kalın yaptım.

Özel şekil oluşturma Özel Şekiller

Ortaya çıkan nesneyi her zaman keyfi şekillere kaydedebilirsiniz. Özel şekiller... Bir süre önce Photoshop'taki Özel Şekil Aracı makalesinde bunun nasıl yapılabileceğinden bahsetmiştim. Kelebek katmanını seçin ve Düzenle> Özel Şekli Tanımla Kelebeğimiz enstrümanın şekillerinde ortaya çıktı Özel Şekiller Aracı.

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

Photoshop'ta raster bir fotoğrafı bir vektöre dönüştürmek tamamen anlamsız bir alıştırmadır. Ancak bazen bu teknikler, grafiklerle ve daha fazlasıyla yan çalışma için kullanışlı olabilir.

Photoshop'ta fotoğrafların rasterden vektöre çevirisi

Photoshop, raster grafikleri vektörlere dönüştürmek için tasarlanmamıştır. Bununla birlikte, bir vektör görüntüsünün bir benzerini görsel olarak yaratan birkaç özel efekt vardır. Ve tarif ettiğim tekniğin yardımıyla onlardan yapabilirsiniz. vektör görüntü Photoshop'ta. Örneğin, tanıdığım bir fotoğrafçı tarafından çekilmiş sıradan bir fotoğraf çekin.

Bahsettiğim etkilerden biri Filtre> Sanatsal> Kesim Ayarları vicdanınıza bırakıyorum. Görüntü mümkün olduğunca gerçekçi olmalı, ancak güçlü bir şekilde kenar yumuşatma yapılmalıdır. Bu noktada durabiliriz, görüntü zaten "vektör" görünüyor, ancak yine de raster.

Şimdi oluşturmanız gerekiyor vektör alanları fotoğraftaki renk sayısına eşittir. Bir çubuk seçin 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 yolun tamamını izleyin. Seçimden bir yol oluşturun, yoldan doldurulmuş bir vektör maskesi oluşturun, vb.

Toplamda, tüm fotoğraf 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 bir temizlik ve kontürlemeden sonra fotoğraf aşağıdaki gibi görünüyor. Ve yine, bu tür çalışmalar Photoshop için tasarlanmamıştır ve daha çok bir sapkınlıktır. Ancak bu yapılabilir ve çeşitli durumlarda bu tür teknikler işe yarayabilir. Fotoğrafı işlemem 10 dakikamı aldı, bu yüzden bu tür çalışmalar çok fazla zaman almıyor. Ve ne olduğunu hatırla daha büyük boy fotoğrafı katmanlara bu şekilde yerleştirirseniz, kontur seçim alanı etrafında daha iyi ve daha elastik hale gelebilir. Vektörümüz Photoshop'ta ne kadar az açısal ve pürüzlü olursa olsun. Çeşitli ayarlar tolerans kontur oluştururken de farklı sonuçlar verecektir. Mutlu deneyler!

Photoshop bir raster grafik düzenleyicisi olmasına rağmen, araç seti bazı vektör araçlarını içerir. Vektör araçları, öncelikle düzenlenebilir eğriler - yollar oluşturmak için tasarlanmıştır. Hafızanızı tazelemek için raster ve vektör grafikleri arasındaki farkın, grafik bilgilerini saklama ve açıklama biçiminde olduğunu hatırlayın. Vektör görüntüleri, ölçekleme sırasında kalitelerini kaybetmeyen, her zaman kolay ve esnek düzenlemeye tabi tutuldukları matematiksel olarak tanımlanmış eğriler şeklinde saklanır. İlk olarak, vektör eğrileri oluşturma ilkesine bakalım.


Vektör konturları, anahtar düğümleri ve kontrol noktaları olan doğru parçaları üzerine çizilir. Anahtar düğümler, çizgiyi her iki tarafta da sınırlar ve kilit noktalar, eğrilerin bükülmesini kontrol etmenize olanak tanır.


Eğriler oluşturmak için grup araçlarını kullanın. Dolma kalem... Alet Kalem Aracı anahtar düğümler için eğriler oluşturmak üzere tasarlanmıştır. Bu aracın çalışma prensibi, bir yol parçasının kilit noktalarını belirtmektir. Bir kontrol noktası belirlerken, fare düğmesini bırakmadan hareket ettirirseniz, aşağıdakileri içeren bir segment kontrol noktası ... Farenin diğer hareketleri zaten doğrudan kontrol noktasını ve sırayla segmentin bükülmesini etkiler. Bir sonraki sol tıklama, bir sonraki kontrol noktasını vb.



Kalem aracı iki modda çalışabilir - eğriler oluşturma ve sözde şekiller oluşturma - kapalı vektör alanları Bu modlar arasında geçiş yapmak için düğmeleri - kontur oluşturma modu, - şekil oluşturma modu kullanın. Form oluşturma modunda çalışıyorsanız, oluşturduğunuz kontur her zaman kapalı ve sonuç olarak seçtiğiniz renkle dolu olarak kabul edilecektir. Fiziksel olarak, Katmanlar paletinde bir vektör görüntüsüne dayalı olarak bir katman maskesi oluşturulur. Katmanın kendisi seçtiğiniz renkle doldurulur (rengini Özellikler paletinden seçersiniz).



Vektörel maske ile çalışma prensibi, raster maske ile çalışma prensibinden biraz farklıdır, sadece araçlar farklıdır. Bir bitmap maskesiyle çalışma durumunda, çizim araçlarını kullanarak değiştirdiyseniz, o zaman bu durum maskenin şekli vektör araçları kullanılarak değiştirilir.


Bir vektör maskesini raster olana dönüştürmek için, vektör maskesinin içerik menüsünü çağırmanız ve öğeyi seçmeniz gerekir. Rasterleştirme Maskesi... Sonuç olarak, normal bir katman maskesi elde edeceksiniz. Aksi takdirde, vektör versiyonunda bir katman maskesi ile çalışmak, raster versiyonda çalışmaktan farklı değildir.


Vektör çizimleri uygundur çünkü istediğiniz zaman bu çizimin eğrilerinin şeklini çok rahat bir şekilde değiştirebilirsiniz. Bunun için bir takım araçlar var. Örneğin, araç (anahtar noktalar - düğümler ekleyerek) - tıkladığınız yerde eğriye kilit noktalar ekler. Araç, silinecek noktaya tıklayarak yol üzerindeki gereksiz noktaları kaldırabilir. Aslında, bu araçlara geçmek zorunda değilsiniz. Anahtara dikkat edin Otomatik Ekle / SilÖzellikler paletinde. Bu mod etkinleştirilirse (işaretliyse), Kalem Aracı otomatik olarak Nokta Ekleme Aracına (yolun üzerine yerleştirdiğinizde) ve Nokta Kaldırma Aracına (mevcut bir noktanın üzerine yerleştirdiğinizde) geçer. Mod devre dışı bırakılırsa, yalnızca uygun araçlar kullanıldığında noktaların silinmesi ve eklenmesi mümkün olacaktır.



Eğri bükme, kontrol noktaları aracılığıyla kontrol edilir. Bir kontrol noktası seçmek için aracı kullanın Doğrudan Seçme Aracı... Düzenleme için bir düğüm seçme (düzenlenmekte olan düğümde bu araçla tıklayarak). Ardından, kontrol noktalarını hareket ettirerek, seçilen düğüm alanındaki eğrinin bükülmesini etkilersiniz. Ayrıca bu araç ile seçilen düğümleri hareket ettirebilirsiniz. Alet Yol Seçim Aracı bir nesnede olduğu gibi bir bütün olarak bir eğri ile çalışmak üzere tasarlanmıştır - hareket etmek ve dönüştürmek için. Vektör nesneleri için, raster alanlarla tamamen aynı şekilde Serbest Dönüştürme modu uygulanır.


Anahtar düğümlerle çalışmak için önemli bir araç, Nokta Dönüştürme Aracı... Bu aracın anlamı dönüştürmektir düğüm türü... V vektör grafikleri Photoshop iki tür anahtar düğüm arasında ayrım yapar - düz ve köşe (köşe)... Kenar yumuşatılmış anahtar düğümlerin anlamı, iki eğrinin kontrol noktalarının bir düğümde yakınsamasıdır. Her zaman aynı sanal hatta.



Bir diğer düğüm çeşidi de dediğimiz gibi açısal olarak adlandırılır. Bu türün anlamı şudur: segmentlerden birinin kontrol noktasından geçen sanal çizgiler ve her iki segmentin ortak anahtar düğümü herhangi bir açıda yakınsayabilir.



Tür dönüştürme aracı şu şekilde çalışır - düğüm düzleştirilirse (ve varsayılan olarak düğümler düzleştirilirse), dönüştürme aracıyla tıklamak düğümün türünü köşeye işaretleyecektir. Fare düğmesine bastıktan sonra serbest bırakmayın, sadece çekin, belirli bir düğümde segmentin bükülmesini kontrol edebileceksiniz.



Kalem Aracının iki modunu seçerek başladık. Birincisi şekil oluşturma modu, ikincisi ise yol oluşturma modudur. Konturlarla çalışma modu üzerinde daha ayrıntılı duralım.


Bu durumda yolunuz otomatik olarak bir vektör katman maskesi ve katmanı doldurmayacak ve oluşturmayacaktır. Bu durumda yolunuz tamamen sanal olacak ve katmanlarla ilgili olmayacak. Bu tür yollarla çalışmak için Yol adında bir palet vardır. Yolları olan tüm işlemler bu palette yoğunlaşmıştır.



Yol paletinde, yollar (yollar) Katmanlar paletinde katmanlar olarak yerleştirilir ve bir vektör katmanında birkaç bağlantısız vektör yolu olabilir. Yol paletinin alt satırında yol kontrol simgeleri bulunur. Bir çöp kutusu ve boş bir yaprak içeren acı verici tanıdık piktogramlar, bu paletteki amaçlarını değiştirmedi, yani. buna göre, bu vektör katmanının kaldırılması ve boş bir vektör katmanının oluşturulmasıdır.


Şimdiye kadar Photoshop gibi kesinlikle raster bir düzenleyicinin neden bu vektör araçlarına ihtiyaç duyduğunu merak ettik. Photoshop'ta vektörleri kullanmanın basit bir örneği, tekrar seçimlerle çalışmaktır. Resimden de görebileceğiniz gibi, bir yolu (yolu) bir seçim yoluna dönüştürmek için Yol paletinin bir dizi simgesi kullanılır ve bunun tersi de geçerlidir. Aslında, yollarla çalışma konusunda bazı beceriler kazandıktan sonra, vektör yolunu seçilen alanın şekline göre ayarlamanın oldukça esnek bir hızlı maske kullanmaktan bile çok daha kolay olduğunu anlayacaksınız. Bu nedenle, seçimi düzenlemek istiyorsanız, onu her zaman bir yola (yol) dönüştürebilir, ardından düzenleyebilir ve tekrar bir seçime dönüştürebilirsiniz. Kontur seçimi için geleneksel Kontur ve Dolgu işlemlerini kullanmak istiyorsanız, bunlar da hizmetinizdedir.



Mantıksal işlemler biraz beklenmedik bir şekilde çalışır. Toplama veya çıkarma olsun, mantıksal modlardan herhangi birinde yollar oluşturabilirsiniz. Bu aşamada herhangi bir işlem görmeyeceksiniz. Ancak neredeyse kusursuz bir programda bir hata bulmuş olmanıza aldanmayın. Aslında, Photoshop yolu hangi modda oluşturduğunuzu hatırlar (ofis yazar ...) ve programa karmakarışık yollarınızdan bir seçim taslağı oluşturmasını söyler söylemez Photoshop her şeyi hatırlayacak ve yaptığınız tüm işlemleri gerçekleştirecektir. yollar oluştururken kendisine atanır. Bir yoldan seçim taslağı oluşturmaya yönelik iletişim kutusu, en çok önemli ayarlar seçim konturlarıyla ilgili (ancak bu yalnızca Yol paleti menüsünün Seçim Yap komutunu kullanırsanız geçerlidir).



Tüy yarıçapını ayarlayabileceğinizi, Kenar Yumuşatmayı etkinleştirebileceğinizi veya devre dışı bırakabileceğinizi lütfen unutmayın. İşlem bölümünde, yeni oluşturulan seçim için mantıksal modu ayarlayabilirsiniz. Seçenekler bu bölümün yalnızca bir seçim taslağı zaten mevcutsa kullanılabilir hale gelir. Buna göre, Yeni Seçim işlemini seçerseniz, oluşturulan seçim mevcut seçimin yerini alacaktır; Seçime Ekle seçeneği, bir yoldan oluşturulan bir seçimi mevcut bir seçime ekler; Seçimden Çıkar - oluşturulan yolu mevcut seçimden çıkarır.


Alet Serbest Form Aracı fırça gibi basit bir boyama modunda bir vektör yolu oluşturmanıza olanak tanır. Sol fare düğmesini basılı tutun ve ihtiyacınız olan anahattı çizerek fareyi hareket ettirin. Bu araç bir tane var ana özellik bu vektör aracını Mıknatıslı Kement aracına benzeyen seçenek Manyetik... Çalışma prensibi aynıdır, araç zıt sınırlar arar ve konturu sadece orada izler. Aksi takdirde, bu araç tarafından oluşturulan yol, normal bir yoldan farklı değildir.

  • Görüntüleme: 58428

Bu eğitimde, basit Şekiller araçlarını kullanarak Photoshop CS6'da vektör şekilleri çizmenin temellerini öğreneceğiz! Araçların nasıl çalıştığını öğrenerek başlayacağız. "Dikdörtgen"(Dikdörtgen Aracı ), "Yuvarlarılmış dikdörtgen"(Yuvarlak Dikdörtgen Aracı), "Elips"(Elips Aracı), "Çokgen"(Çokgen Aracı) ve "Hat"(Çizgi aracı). Ardından, şekiller için dolgu ve kontur renklerini nasıl seçeceğimizi öğreneceğiz, dış görünüş konturlar, şekil katmanlarının kullanışlı özellikleriyle şekilleri düzenleyin ve çok daha fazlası! Öğrenecek çok şeyimiz var, bu yüzden bu derste Geometrik Şekiller grubunun beş temel aracının işleyişine ve özelliklerine odaklanacağız. Sonraki derste, Serbest Biçimli Şekil aracını kullanarak belgemize daha karmaşık şekiller eklemeyi öğreneceğiz!

Bu eğitim Photoshop CS6 kullanıcıları içindir. Daha fazla çalışırsan eski versiyon programın ardından orijinal "Photoshop'ta Şekil ve Şekil Katmanı" dersini inceleyin.

Çoğu kişi Photoshop'un yalnızca pikselli görüntüleri işlemek için kullanıldığını düşünür ve onlardan iyi bir görüntü düzenleyici isteseydiniz çoğu zaman cevap " Adobe illüstratör". Aslında, Adobe Illustrator düzenleyicisinin yetenekleri Photoshop programlarından çok daha geniştir, ancak yine de bu ve sonraki derslerden göreceğimiz gibi, Şekiller grubunun çeşitli araçları resimlere basit vektör görüntüleri eklemeyi kolaylaştırır ve çizimler.

Vektör şeklinin ne olduğunu ve pikselli bir şekilden nasıl farklı olduğunu bilmiyorsanız, bu eğiticiye göz atın.

Şekiller Araçları

Photoshop programı bize "Şekiller" grubundan altı araç seçeneği sunar: "Dikdörtgen"(Dikdörtgen Aracı), Yuvarlarılmış dikdörtgen(Yuvarlak Dikdörtgen Aracı), "Elips"(Elips Aracı), "Çokgen"(Çokgen Aracı), "Hat"(Çizgi Aracı) ve "Ücretsiz şekil"(Özel Şekil Aracı). Bu araçların tümü, araç çubuğunda tek bir yerde bulunur. Varsayılan olarak, Dikdörtgen aracını görüyoruz, ancak araç simgesine tıklayıp fare düğmesini basılı tutarsak, ihtiyacımız olanı seçebileceğimiz diğer araçların bir listesini içeren bir açılır menü ekranda görünecektir:

Dikdörtgen aracı simgesine tıklamak, Şekil grubundaki diğer araçları görmemizi sağlayacaktır.

Listedeki ilk araç olan Dikdörtgen aracını seçeceğim:

Vektör Şekilleri, Yollar ve Piksel Şekilleri

Şekil çizmeye başlamadan önce, Photoshop'a ne tür bir şekil çizmek istediğimizi söylememiz gerekir, çünkü gerçekte Photoshop, üç noktadan şekiller çizmemize izin verir. farklı şekiller- vektör şekilleri, yollar ve piksel şekilleri. Bu tür şekiller arasındaki farkı diğer derslerde daha ayrıntılı olarak inceleyeceğiz, ancak "Photoshop CS6'da vektör şekilleri ve pikselli şekiller çizme" dersinden öğrendiğimiz gibi, çoğu durumda vektör şekilleri çizeceksiniz. Piksel şekillerinin aksine, vektör şekilleri yüksek oranda yeniden boyutlandırılabilir, tamamen ölçeklenebilir ve çözünürlükten bağımsızdır. Bu, görüntü kalitesini kaybetmeden istediğimiz gibi düzenleyebilir, yeniden boyutlandırabileceğimiz anlamına gelir. Vektör şekillerinin kenarları hem ekranda hem de yazdırıldığında keskin ve keskin kalır.

Yollar veya pikselli şekiller yerine vektör şekilleri çizmek için "Figür"(Şekil) ekranın üst kısmındaki araç ayarları çubuğunda:

Ayarlar panelinde "Şekil" araç modunu seçin

Bir şekli renkle doldurma


Dolgu rengi örneği simgesine tıklayın

Sonuç olarak, ayrı bir simgeyle gösterilen şekli doldurmanın dört yolundan birini seçmenizin isteneceği bir iletişim kutusu açılacaktır. Soldan sağa, Renk Yok simgesi (kırmızı çapraz şeritli), Renk dolgusu simgesi, Degrade simgesi ve Desen simgesi görebilirsiniz:

4 şekil doldurma seçeneği (Renksiz, Düz Renk, Degrade ve Desen)

Dolgu yöntemi "Renk yok"

Adından da anlaşılacağı gibi, doldurma yöntemi "Renk yok"(Renk Yok) şekli herhangi bir renkle doldurmaz. Neden boş bir şekle ihtiyacımız var, sorabilirsiniz? Bazı durumlarda, şeklin yalnızca ince bir anahattı olmasını isteyebilirsiniz. Daha sonra, bir şekle nasıl kontur ekleyeceğinize bakacağız, ancak şeklin yalnızca dolgu rengi olmayan bir yola sahip olmasını istiyorsanız, Renk Yok seçeneğini belirleyin:

Hiçbir renk şekli herhangi bir renkle doldurmaz

Aşağıda Renk Yok seçeneğini uyguladıktan sonra örnek bir şekil verilmiştir. Tüm gördüğümüz, "kontur" olarak adlandırılan şeklin ince taslağıdır. Anahat yalnızca Photoshop'ta görülebilir, bu nedenle belgeyi yazdırmaya veya kaydetmeye başlarsanız JPEG formatları veya PNG, anahat kaybolacaktır. Görünür hale getirmek için, tüm seçenekleri ele aldıktan sonra daha fazla keşfedeceğimiz bir vuruş eklememiz gerekiyor. doldurmak(Doldurmak):


Doldurma yöntemi olarak "Renk Yok" seçildiğinde, yalnızca şeklin anahattı görünür (ve o zaman bile yalnızca Photoshop'ta)

Düz Renk Dolgu Yöntemi

Şekli renkle doldurmak için seçeneği seçin. "Saf renk"(Katı Renk) (soldan ikinci simge):

"Katı Renk" parametre simgesine tıklayın

"Solid color" parametresini seçtikten sonra renk örneklerinden birine tıklayarak şekil için bir renk seçin. En son kullandığınız renkler satırda görünecek "Son Kullanılan Renkler"(Son Kullanılan Renkler) ana renk örnekleri üzerinde:

Renk örneğine tıklayarak bir renk seçin

Gerekli renk renk örnekleri arasında değilse, iletişim kutusunun sağ üst köşesindeki Renk Seçici simgesine tıklayın:

Renk Seçici simgesine tıklayın

Ardından Renk Seçici'de istediğiniz rengi seçin. Bir renge karar verdiğinizde Paleti kapatmak için Tamam'a tıklayın:


Renk Seçici'de şekli doldurmak için bir renk seçin

Aşağıda aynı şekil, sadece bu sefer renkle dolu:


Şeklimiz artık renklerle dolu

Doldurma yöntemi "Degrade"

Şekli degrade dolguyla doldurmak için "Degrade"(Degrade). Ardından, istediğiniz degrade renk örneğini seçmek için küçük resimlerden birine tıklayın veya degrade küçük resimlerin altındaki seçenekleri kullanarak kendinizinkini oluşturun. V ayrı bir ders degradelerin nasıl oluşturulacağına ve düzenleneceğine bakacağız:

Önce "Degrade" parametresini seçin ve ardından - istenen degrade renk örneğini

Aşağıda aynı şekil, yalnızca bu sefer bir degrade dolgu ile doldurulmuş:


Şeklimiz artık önceden tanımlanmış degrade renk örneklerinden biriyle doldurulur.

Desen doldurma yöntemi

Son olarak, seçeneğin seçilmesi "Desen"(Desen), şekli bir kalıpla doldurabiliriz. Bitmiş deseni belirlemek için küçük resimlerden birine tıklayın. Başlangıçta, programda çok fazla desen yoktur, ancak İnternet'ten indirilen veya küçük dişli simgesine (Renk Seçici simgesinin altında) tıklayarak ve seçerek kendi oluşturduğunuz ek desenleri de indirebilirsiniz. "Desenleri İndir" Görünen menüden (Desenleri Yükle):

İlk önce "Desen" parametresini ve ardından - istenen desen örneğini seçin

Ve bu, Photoshop'taki desenlerden biriyle doldurulmuş şeklin nasıl görüneceğidir. İletişim kutusunu kapatmak için "Doldurmak"(Doldur), Enter (Win) / Return (Mac) tuşuna basın veya tercihler panelinde boş bir alana tıklayın. Şekliniz için doğru rengi, gradyanı veya deseni seçme konusunda şüpheniz varsa endişelenmeyin, bunları nasıl değiştirebileceğinizi daha sonra keşfedeceğiz:


Seçili bir desenle doldurulmuş bir şekil

Bir şekle Kontur ekleme

Photoshop varsayılan olarak bir şeklin kenarlarına kontur eklemez, ancak bir tane eklemek, onu renkle doldurmak kadar kolaydır. Aslında, parametre seçenekleri "İnme" ("İnme")(İnme) ve "Doldurmak"(Doldur) Photoshop CS6'da aynıdır, dolayısıyla bunları nasıl kullanacağınızı zaten biliyorsunuz!

Kontur eklemek için seçenekler çubuğunda kontur renk örneğine tıklayın:


Kontur renk örneğine tıklayın

Sonuç olarak, şimdi kontur için bir renk seçmemiz dışında, dolgu ile aynı seçeneklere sahip bir iletişim kutusu açılacaktır. Pencerenin üstünde yine dört simge var "Renk yok"(Renk yok), "Saf renk"(Koyu renk), "Degrade"(Degrade) ve "Desen"(Desen). Varsayılan olarak Renk Yok seçeneği seçilidir. Sırayla Düz Renk seçeneğini seçeceğim ve ardından renk örneklerinden seçerek kontur rengini siyah olarak ayarlayacağım. Dolguda olduğu gibi, ihtiyacınız olan renk renk örnekleri arasında değilse, istediğiniz rengi manuel olarak seçmek için üst köşedeki Renk Seçici simgesine tıklayın:

Kontur için "Katı Renk" seçeneğini seçin ve ardından renk örneklerinden istediğiniz rengi seçin.

Bir Konturun genişliğini değiştirme

Konturun genişliğini (kalınlığını) değiştirmek için parametreyi kullanın. "Genişlik"(Genişlik) Seçenekler Çubuğunda kontur renk örneğinin sağında bulunur. Varsayılan olarak değeri 3 pt'dir. Genişliği değiştirmek için, doğrudan veri giriş penceresine belirli bir değer girebilir (verileri onaylamak için girdikten sonra Enter (Win) / Return (Mac) tuşuna basarak) veya değerin sağındaki küçük oka tıklayabilirsiniz. ve kaydırıcıyı hareket ettirin:

Kontur genişliğini değiştirin

Kenarları Hizala Seçeneği

Ayarlar panelinin sağ tarafına daha fazla bakarsanız, seçeneği göreceksiniz. Kenarları Hizala(Kenarları Hizala). Bu seçenek etkinleştirildiğinde (işaretlendiğinde), Photoshop şeklin kenarlarını piksel ızgarasına hizalar ve bunun sonucunda keskin ve canlı kalırlar:

Kenarları Hizala'nın açık olduğundan emin olun

Ancak, Kenarları Hizala seçeneğinin çalışması için sadece onu seçmek yeterli değildir. Ayrıca kontur genişliğinin nokta (pt) değil piksel (px) cinsinden olmasını istersiniz. Beri şu anda konturumun genişliği noktalarla ölçülür (varsayılan birim), geri dönüp 10 piksellik (px) yeni bir genişlik değeri gireceğim:

Kenarları Hizala seçeneğinin çalışması için kontur genişliğini piksel (px) olarak ayarlayın.

Aşağıda şekle 10 piksellik siyah bir vuruş uyguladım:


Etrafında siyah bir çerçeve bulunan basit bir şekil

Şekle kontur ekledikten sonra geri dönüp seçenekler çubuğundaki dolgu rengi örneğine tıklarsam bir dolgu yöntemi seçerek "Renk yok"(Renk Yok), sadece konturlu şeklin ana hatlarını alacağım. Şeklin içi boşalacaktır. Şekil beyazla dolu gibi görünebilir, ancak bunun tek nedeni renk arka fon belge, gerçekte gördüğümüz beyazdır.


"Renk Yok" doldurma seçeneğiyle aynı şekil

Ek vuruş seçenekleri

Varsayılan olarak, program konturu sürekli bir çizgi olarak çizer, ancak butona tıklayarak bunu değiştirebiliriz. Şekil Kontur Türünü Ayarla(Kontur Seçenekleri) ayarlar panelinde:


"Şeklin kontur türünü ayarla" düğmesine tıklayın

Bu bir iletişim kutusu açacak Kontur seçenekleri(Kontur Seçenekleri), konturun görünümünü sürekli bir çizgiden kesikli veya noktalı bir çizgiye değiştirebileceğimiz yer. Parametre hizala(Hizala), kontur için hizalama türünü seçmemize olanak tanır: yolun içinde, dışında veya ortasında. Kontur için satırların uçlarını yapabiliriz (parametre "Bitiyor"(Büyük Harfler)) yuvarlatılmış, kare veya kalınlaştırılmış ve konturdaki çizgilerin birleşimi (parametre "Köşeler"(Köşeler): keskin, yuvarlak veya eğimli. Düğmeye basıldığında "Diğer parametreler"(Daha Fazla Seçenek), iletişim kutusunun altında bulunan, vuruşlar ve boşluklar için belirli değerler ayarlayabileceğimiz başka bir pencere açacaktır. noktalı çizgi ve hatta ayarları ön ayar olarak kaydedin:

Kontur seçenekleri

Aşağıda aynı kontura sahip bir şekil var, ancak bu sefer sürekli bir çizgi yerine noktalı çizgi seçildi:


Konturun görünümü sürekli bir çizgiden kesikli bir çizgiye dönüştü

Dikdörtgen aracı

Bu nedenle, araç çubuğundaki çeşitli Şekiller grup araçlarının nasıl seçileceğini, dolgu ve kontur renginin nasıl seçileceğini ve bir konturun görünümünün nasıl değiştirileceğini zaten öğrendik. Şimdi vektör şekilleri nasıl çizeceğimizi öğrenelim! Listedeki ilk şekil grubu aracını inceleyerek başlayacağız - "Dikdörtgen"(Dikdörtgen Aracı). Daha önce yaptığım gibi araç çubuğundan seçeceğim:

Dikdörtgen Aracını Seçme

Dikdörtgen Aracı, basit dörtgen şekiller çizmemizi sağlar. Bir şekil çizmek için, şeklin başlangıç ​​noktasını tanımlamak üzere belge penceresinde tıklayın. Ardından, şekli çizmeyi bitirmek için fare düğmesini basılı tutarken fare imlecinizi çapraz olarak sürükleyin. İmleci hareket ettirirken, gelecekteki şeklin ince ana hatlarını (anahatlarını) göreceksiniz:


Dikdörtgen bir şekil çizmek için imleci sürükleyin. İmleci hareket ettirdikçe şeklin ince bir anahattı belirir.

Fare düğmesini bıraktığınızda, program şekli tercihler panelinde seçtiğiniz renkle doldurur:


Program, fare düğmesini bıraktığınız anda şekli renkle dolduracaktır.

Bir şekli çizildikten sonra yeniden boyutlandırma

İlk şekli çizdikten sonra, mevcut boyutları seçenekler çubuğunda görünecektir: Genişlik(Genişlik (W)) ve boy uzunluğu(Yükseklik (Y)). Benim durumumda, 533 piksel genişliğinde ve 292 piksel yüksekliğinde bir şekil çizdim:


Şeklin ilk boyutları (genişlik ve yükseklik) ayarlar panelinde görünür

Bir şekli çizdikten sonra yeniden boyutlandırmanız gerekirse (bu yöntem tüm Şekil araçları için geçerlidir), yeni değerleri uygun Genişlik ve Yükseklik kutularına girmeniz yeterlidir. Örneğin, şeklimin 500 piksel genişliğinde olması gerektiğini varsayalım. Yalnızca genişlik değerini 500 piksel değiştirmeyi gerektirir. Gerekirse, belirli bir yükseklik değeri de girebilirim. Şeklin yüksekliğini veya genişliğini değiştirirken, oranların değişmeden kalması gerekiyorsa, önce yükseklik ve genişlik değerleri arasındaki küçük zincir simgesine tıklayın:


Ardından, zincir simgesini etkinleştirdikten sonra yükseklik veya genişlik için yeni bir değer girin. Bu durumda Photoshop, ikinci parametrenin karşılık gelen değerini otomatik olarak değiştirir. Benim durumumda, 500 piksel genişlik için manuel olarak yeni bir değer girdim ve zincir simgesi etkinleştirildiğinden Photoshop ayrıca yükseklik değerini 273 piksel olarak değiştirdi:


Şekli yeniden boyutlandırma

Bir şekli çizilmeden önce yeniden boyutlandırma

Şekli çizmeden önce tam yüksekliğini ve genişliğini biliyorsanız, kullanışlı bir numara var. Şekiller aracı seçiliyken, belgenin içinde herhangi bir yeri tıklamanız yeterlidir. Sonuç olarak, yükseklik ve genişlik için istediğiniz değerleri girebileceğiniz anında bir iletişim kutusu açılacaktır. İletişim kutusunu kapatmak için Tamam'a tıklayın, program otomatik olarak şekli çizecektir:

Genişlik ve yükseklik değerlerini girmek için belgenin içinde herhangi bir yeri tıklayın, program otomatik olarak şekli çizecektir.

Merkezden bir şekil çizme

Bazı basit ama kullanışlı klavye kısayollarını keşfedelim. tuşuna basılı tutarsanız Alt (Kazan) / Seçenek (Mac) imleci hareket ettirirken şekli köşeden değil merkezden çizeceksiniz. Bu teknik, yalnızca Dikdörtgen aracıyla değil, tüm Şekil araçlarıyla çalışır. Lütfen önce şekli çizmeye başlamanız ve ancak daha sonra Alt (Win) / Option (Mac) tuşuna basmanız gerektiğini unutmayın. Ayrıca, ilk fare düğmesini bırakmanız ve ancak daha sonra Alt (Win) / Option (Mac) tuşuna basmanız gerekir, aksi takdirde teknik çalışmaz:


Merkezden bir şekil çizmek için Alt (Win) / Option (Mac) tuşunu basılı tutun

Kareler çizme

Bir kare çizmek için, imleci belge penceresine yerleştirin ve dikdörtgen bir şekil çizerek dışarı sürüklemeye başlayın. Bunu yapmaya başladığınızda, tuşuna basın. Vardiya ve imleci hareket ettirirken basılı tutmaya devam edin. Shift tuşuna basmak şekli kareye dönüştürür. Yine, imleci hareket ettirmeye başladıktan sonra Shift tuşuna basmayı ve en son bırakmayı unutmayın, aksi takdirde kare çizilmeyecektir. Tuşları basılı tutarak iki klavye kısayolunu birleştirebilirsiniz. Üst Karakter + Alt(Kazanç) /Üst Karakter + Seçenek(Mac) aracı kullanırken "Dikdörtgen"(Dikdörtgen Aracı), bunun sonucunda merkezden bir tam kare çizersiniz:


Bir kare çizmek için imleci hareket ettirirken Shift tuşunu basılı tutun

Yine, boyadıkça karenin yalnızca ince bir anahattını göreceksiniz, ancak fare düğmesini bıraktığınızda Photoshop onu seçilen renkle doldurur:

Program, şekli renkle doldurmadan önce her zaman fare düğmesini bırakmanızı bekler.

Şekiller aracı seçenekleri

Ayarlar paneline bakarsanız, parametrenin solunda Kenarları Hizala(Kenarları Hizala) bir dişli simgesi göreceksiniz. Üzerine tıklayarak, bir iletişim kutusu açacaksınız. ek ayarlar içinde bulunan Şekiller grubunun aracı için şu an seçili:

Dişli simgesine tıklayın

aracı seçtiğim için "Dikdörtgen"(Dikdörtgen Aracı), dişli simgesine tıklandığında Dikdörtgen aracı için ek seçenekler görüntülenecektir. Daha sonra inceleyeceğimiz Çokgen ve Çizgi araçlarıyla çalışmak dışında, bu menüyü çok sık kullanmayacaksınız çünkü bu seçeneklere klavyeden nasıl erişileceğini zaten ele aldık. Örneğin, parametre "keyfi olarak"(Sınırsız) herhangi bir boyut ve en boy oranında şekil çizmemize izin verir, ancak varsayılan olarak tüm şekil grubu araçları bu şekilde çalıştığından, özellikle bu seçeneği seçmeye gerek yoktur. Parametre "Meydan"(Kare), Dikdörtgen aracıyla kareler çizmemizi sağlar, ancak bunu, imleci hareket ettirirken Shift tuşunu basılı tutarak yapabiliriz. Parametre "Merkezden"(Merkezden) şekli merkezden çizmekten sorumludur, ancak yine Alt (Win) / Option (Mac) tuşunu basılı tutarak bunu yapabiliriz.

seçenekleri seçerseniz « ön ayar boyutu» (Sabit Boyut) veya "Oranları ayarla"(Oransal) ve genişlik ve yükseklik değerlerini girin, ardından bu değerler sadece daha önce çizdiğiniz şekli değil, çizilecek bir sonraki şekli de etkileyecektir. Bu nedenle, şekli çizdikten sonra geri dönmeyi ve parametreyi yeniden seçmeyi hatırlamanız gerekir. "keyfi olarak"(Sınırsız), aksi takdirde çizilen her yeni şekil aynı boyut veya oranlarda olacaktır:

Gördüğünüz seçenekler, Şekiller grubunda hangi aracın seçili olduğuna bağlıdır.

Şekil katmanlarını düzenleme

Daha önce Photoshop'ta vektör şekilleri çizmek için çizim modunu ayarlamamız gerektiğini öğrenmiştik - "Figür"(Şekiller) (yolların ve piksel şekillerinin aksine). Bir vektör şekli çizdiğimizde, program otomatik olarak onu ayrı bir özel katmana yerleştirir. Şekil Katmanı(Şekil katmanı). Katmanlar paneline bakarsak, araçla çizdiğim şekli görebiliriz. "Dikdörtgen"(Dikdörtgen Aracı), "Dikdörtgen 1" ayrı bir şekil katmanında bulunur. Katmanın adı hangi aracın kullanıldığına bağlı olacaktır, bu nedenle Ellipse Tool ile bir oval çizersem şekil katmanına Elips 1 adı verilir:

Her yeni vektör şekli, ayrı bir şekil katmanına yerleştirilir

Normal katman ile şekil katmanı arasındaki görsel fark, şekil katmanlarının, katman minik resminin sağ alt köşesinde küçük bir şekil simgesine sahip olmasıdır:


Katman minik resmindeki simge bize bunun bir şekil katmanı olduğunu söyler.

Şekil katmanı ile normal piksel katmanı arasındaki temel fark, şekil katmanlarının tamamen düzenlenebilir kalmasıdır. Bir şekil için dolgu ve kontur renklerinin nasıl seçileceğini daha önce öğrendiğimizde, şekil çizildikten sonra bile her zaman geri dönüp rengi değiştirebileceğimizden bahsetmiştim. Tek yapmamız gereken Katmanlar panelinde şekil katmanının seçili olduğundan ve Şekiller grup aracının etkinleştirildiğinden emin olmak. Ardından renk örneğinden birini tıklamanız yeterlidir. dolgular(Doldur) veya renk örneğine göre vuruşlar Farklı bir renk seçmek için ayarlar panelindeki (Kontur) öğesini seçin. Ayrıca kontur genişliğini gerektiği gibi değiştirebilir ve diğer parametrelerle çalışabilirsiniz. Dolgu renk örneğini tıklayacağım:

Şekil katmanı seçiliyken Dolgu renk örneğini tıklayın.

Mavi örneğe tıklayın

Renk örneğine tıkladığımda program hemen şekli yeni bir renkle dolduruyor:


Şeklin rengi, şekli yeniden çizmeye gerek kalmadan değiştirildi

Ve katmanlar paneline tekrar bakarsak, şekil katmanının minik resminin de rengini değiştirdiğini göreceğiz:

Değişiklik yaptığımızda, şekil katmanı küçük resmi de görünümünü değiştirdi.

Yuvarlak Dikdörtgen Aracı

Şekiller grubu araçlarının ikincisine bir göz atalım - Yuvarlarılmış dikdörtgen(Yuvarlak Dikdörtgen Aracı). Araç çubuğundan seçeceğim:

Yuvarlatılmış Dikdörtgen Aracını Seçin

Yuvarlatılmış Dikdörtgen aracı, yuvarlatılmış dikdörtgenler çizmemize izin vermesi dışında Dikdörtgen aracına çok benzer. Parametreyi kullanarak köşelerin yuvarlamasını ayarlıyoruz "yarıçap"(Yarıçap) ayarlar panelinde. Girdiğimiz yarıçap değeri ne kadar büyük olursa, köşeler o kadar yuvarlak olur. Şekli çizmeye başlamadan önce yarıçap değeri ayarlanmalıdır, benim durumumda "Yarıçap" parametresinin değerini 50 piksele eşit olarak gireceğim:


Köşelerin yuvarlanma derecesini tanımlamak için Yarıçap seçeneğini kullanın

Yarıçap değerini ayarladıktan sonra, yuvarlatılmış bir dikdörtgen çizmek normal bir dikdörtgen çizmeye benzer. İlk olarak, şeklin başlangıç ​​noktasını tanımlamak için belge penceresine tıklayın ve ardından şekli çizmeyi bitirmek için fare düğmesini basılı tutun ve fare imlecini çapraz olarak sürükleyin. Dikdörtgen şeklinde olduğu gibi, imleci hareket ettirdikçe program şeklin ince bir ana hatlarını çizecektir:


Seçenekler Çubuğuna bir yarıçap değeri girdikten sonra yuvarlatılmış bir dikdörtgen çizmek için dışarı sürükleyin

Fare düğmesini bıraktığınızda, Photoshop şekli çizmeyi bitirir ve onu renkle doldurur:


Fare düğmesini bıraktığınızda, şekil renkle dolacak

Aşağıda yarıçapı 150 piksele ayarlanmış başka bir dikdörtgen var. Bu değer o kadar büyüktür ki (bu rakam için zaten) sol ve Sağ Taraf dikdörtgenler bir eğri şeklindedir:


Yarıçap değeri ne kadar büyük olursa, köşeler o kadar yuvarlak olur.

Ve burada küçük bir yarıçap değerine sahip bir dikdörtgen - şeklin köşelerini yalnızca hafifçe yuvarlayan 10 piksel:


Küçük yarıçap değeri daha az köşeleri yuvarlar

Ne yazık ki, Ön izleme Photoshop CS6'da köşe yuvarlatma derecesi yoktur. Köşelerin ne kadar yuvarlak olduğunu ancak bir dikdörtgen çizdikten sonra görebiliriz. Ayrıca şekli çizerken yarıçap değerini değiştiremiyoruz ve yine de Photoshop şekli çizdikten sonra geriye dönüp yarıçap değerini değiştirmemize izin vermiyor. Yukarıdakilerin tümü, yuvarlatılmış dikdörtgenler çizmenin aslında bir deneme yanılma süreci olduğu anlamına gelir.

Dikdörtgenin köşelerinin yuvarlatılmasını sevmiyorsanız, çizdikten sonra menü bölümüne gidin. "Düzenleme"(Düzenle) ekranın üst kısmındaki öğesini seçin ve Geri Al: Yuvarlatılmış Dikdörtgen Aracı(Yuvarlatılmış Dikdörtgen Aracını Geri Al) (veya Ctrl + Z (Win) / Command + Z (Mac) klavye kısayoluna basın), bunun sonucunda şekil belgeden kaldırılacaktır. Ardından Seçenekler çubuğuna yarıçap için yeni bir değer girin ve dikdörtgeni yeniden çizmeye başlayın.

Düzenle> Geri Al'ı seçin: Yuvarlatılmış Dikdörtgen Aracı

Dikdörtgen aracını keşfederken baktığımız klavye kısayollarının aynısı, Yuvarlatılmış Dikdörtgen aracıyla da çalışır. Köşeleri yuvarlatılmış bir kare çizmek için bir şekil çizmeye başlayın ve ardından düğmesini basılı tutun. Vardiya. Fare düğmesini bıraktıktan sonra Shift tuşunu bırakın.

Köşe yerine merkezden bir şekil çizmek için şekli çizmeye başlayın ve ardından düğmesini basılı tutun. Alt (Kazan) / Seçenek (Mac). Ve son olarak, paylaşılan tuş vuruşları Vardiya+ alt (Kazanç) / Vardiya+ Seçenek (Mac) merkezden bir kare çizilmesine neden olur. Tuşlar, yalnızca fare düğmesini bıraktıktan sonra bırakılmalıdır.

Elips aracı

Alet "Elips"(Elipse Tool) elips ve daire çizmemizi sağlar. Araç çubuğundan seçeceğim:

Elips Aracını Seçme

Baktığımız diğer araçlarda olduğu gibi, şeklin başlangıç ​​noktasını tanımlamak için belge penceresine tıklayın ve ardından şekli çizmeyi bitirmek için fare düğmesini basılı tutun ve fare imlecini çapraz olarak sürükleyin:


Ellipse Tool ile bir elips çizin

Şekli çizmeyi bitirmek ve renkle doldurmak için fare düğmesini bırakın:


Şekil renkle doldurulur.

Elips aracını kullanarak tamamen düz bir daire çizmek için sürüklemeye başlayın ve ardından basılı tutun Vardiya... Merkezden bir elips çizmek için basılı tutun alt (Kazanç) / Seçenek (Mac) çizmeye başladıktan sonra. Tuşları aynı anda basılı tutmak Vardiya+ alt (Kazanç) / Vardiya+ Seçenek(Mac) merkezden bir daire çizmenize izin verir. Ve her zaman olduğu gibi, tuşları yalnızca fare düğmesini bıraktıktan sonra bırakın:

Elips aracıyla çizilen daire

çokgen aracı

Alet "Çokgen"(Poligon Aracı) şekil çizme olanakları açısından bizim için daha ilgi çekicidir. Araç çubuğundan seçeceğim:

Çokgen Aracını Seçme

Dikdörtgen aracıyla sadece dörtgenler çizebiliyorken, Çokgen aracı istediğimiz kadar kenarlı çokgenler çizmemize izin veriyor. Ardından, bu araçla nasıl yıldız çizebileceğinize bakacağız! Çokgen aracını kullanarak bir şekil çizmek için önce parametre kutusuna istediğiniz kenar sayısını girin "Taraflar"(Yan) ayarlar panelinde. 3 ile 100 arasında herhangi bir sayı girebilirsiniz. Varsayılan olarak, kenar sayısı 5'tir ve bunu şöyle bırakacağım:

"Sides" parametre kutusuna kenar sayısını girin

Kenar sayısını belirledikten sonra, imleci belge penceresine konumlandırın ve çokgen bir şekil çizmek için dışarı sürüklemeye başlayın. Photoshop her zaman merkezden çokgen şekiller çizer, böylece Alt (Win) / Option (Mac) tuşlarını basılı tutmanız gerekmez. Bir tuşa basmak ve basılı tutmak Vardiya poligonu çizmeye başladıktan sonra, şekliniz için köşe sayısını sınırlamanıza ve tam istediğiniz gibi ekrana yerleştirmenize izin verecektir:

Çokgen aracıyla çizilen 5 kenarlı şekil

Kenar sayısını 3 olarak belirterek kolayca bir üçgen çizebiliriz:

Çokgen aracıyla çizilen basit üçgen

Aşağıda 12 kenarlı bir çokgen var Yuvarlatılmış Dikdörtgen aracı için Yarıçap seçeneğinde olduğu gibi şekli çizdikten sonra kenar sayısını değiştiremiyoruz bu yüzden bir hata yaparsanız menü bölümüne gitmeniz gerekiyor. "Düzenleme"(Düzenle) ekranın üst kısmındaki öğesini seçin ve Geri Al: Çokgen Aracı(Çokgen Aracını Geri Al) (veya Ctrl + Z (Win) / Command + Z (Mac) tuşlarına basın), ardından "Sides" kutusuna farklı bir değer girin ve şekli yeniden çizin:

On iki kenarı olan çokgen

Çokgen aracıyla yıldız çizme

Çokgen aracıyla bir yıldız çizmek için ayarlar panelindeki dişli simgesine tıklayın ve ardından seçeneği seçin. "Yıldız"(Yıldız):

Dişli simgesine tıklayın ve "Yıldız" parametresini seçin

Ardından belge penceresine tıklayın ve bir yıldız çizmek için imleci sürükleyin. Parametre "Taraflar" Ayarlar panelindeki (Yanlar) yıldızın köşe sayısını belirler, bu nedenle parametrenin varsayılan değeri beş ise, beş köşeli bir yıldız alırız:

Çokgen aracıyla çizilmiş beş köşeli yıldız

Taraflar parametresini 8 olarak değiştirerek sekiz köşeli bir yıldız elde ederiz:

Sides parametresini kullanarak yıldızın köşe sayısını tanımlayın

Parametreyi kullanarak yıldızın ışınlarının keskinliğini artırarak patlayan bir yıldıza benzeyen bir şekil çizebiliriz. "Işınların derinliği"(Tarafları Girintilendirin). Varsayılan olarak bu parametrenin değeri %50'dir, değeri %90'a çıkaracağım. Ayrıca yıldızın köşe sayısını 16'ya çıkaracağım:

Işın Derinliği değerini artırarak patlayan bir yıldıza benzeyen bir şekil çizin

Ve işte aldığım rakam:

Çokgen aracıyla çizilen patlayan yıldız

Varsayılan olarak, yıldızların köşeleri keskin köşelere sahiptir, ancak seçeneği seçerek bunları yuvarlayabiliriz. Pürüzsüz Dış Köşeler(Pürüzsüz Köşeler):

Pürüzsüz Dış Köşeler seçeneğini belirleme

Aşağıda, Pürüzsüz Dış Köşeler seçeneğinin seçili olduğu beş köşeli bir yıldız bulunmaktadır:

Pürüzsüz Dış Köşeler, yıldızların açısallığını yumuşatır

Seçeneği seçerek yıldız ışınlarının tabanındaki köşeleri de yuvarlayabiliriz. Pürüzsüz İç Köşeler(Pürüzsüz Girintiler):

Pürüzsüz İç Köşeler seçeneğini belirleme

Yine, yıldızımız tamamen farklı görünüyor:

Pürüzsüz İç Köşeler seçiliyken çizilmiş bir yıldız

Çizgi aracı

Şekiller grubundaki ana araçların sonuncusu araçtır. "Hat"(Çizgi aracı). Araç çubuğundan seçeceğim:

Çizgi aracını seçme

Bu araç, basit düz çizgiler çizmemize izin verir, ancak onunla oklar da çizebiliriz. Düz bir çizgi çizmek için önce parametre kutusuna bir değer (piksel olarak) girerek çizgi genişliğini ayarlayın. "Kalınlık"(Ağırlık) ayarlar panelinde. Varsayılan olarak kalınlık 1 pikseldir, bunu 16 piksele çıkaracağım:

"Kalınlık" parametresi, çizginin kalınlığından (veya genişliğinden) sorumludur.

İkinci olarak, diğer Şekiller grubu araçlarında olduğu gibi, belge penceresine tıklayın ve bir çizgi çizmek için imleci sürükleyin. Yatay veya dikey bir çizgi çizmeyi kolaylaştırmak için düğmesini basılı tutun. Vardiya,çizgiyi çizmeye başladıktan sonra fare düğmesini bırakın ve son olarak Shift tuşuna basın:

Yatay veya dikey çizgiler çizmek için Shift tuşunu basılı tutun

Yön oklarını çiz

Okları çizmek için, seçenekleri açmak için ayarlar panelindeki dişli simgesine tıklayın. "Oklar"(Ok uçları). Okları nereye eklemek istediğinizi seçin: satırın başında, sonunda veya aynı anda her iki ucunda (okun çizgiyi çizdiğiniz yönü göstermesini istiyorsanız, "Sonunda"(Son)):

Ok seçeneklerine erişmek için dişli simgesine tıklayın.

Aşağıda bir öncekine benzer bir satır var, ancak sonunda bir ok simgesi var:

Çizgi aracıyla kolay çizilen kılavuz oklar

Varsayılan ok boyutu size uymuyorsa, seçenekleri kullanarak değiştirebilirsiniz. "Genişlik"(Genişlik) ve "Uzunluk"(Uzunluk). Parametreyi kullanarak oka bir eğri de ekleyebiliriz. "Eğrilik"(İçbükeylik). Varsayılan olarak, bu parametrenin değeri %0'dır, ancak bunu %50'ye çıkaracağım:

"Eğrilik" parametresinin değerini artırarak okun şeklini değiştirin

Ve ok şimdi böyle görünüyor. Çizgiyi çizmeye başlamadan önce Çizgi aracı seçeneklerinin değerini seçtiğinizden emin olun, çünkü çizerken değiştiremezsiniz. Değişiklik yapmak istiyorsanız şekli silmeniz ve yeniden çizmeniz gerekir:

%50 Eğrilikli Ok

Bir şeklin etrafındaki anahattı gizleme

Bu eğitimde ne zaman bir şekil çizsek, program ince ana hatlarını gösteriyordu. Fare düğmesini bıraktığımızda program şekli çizmeyi bitirdi ve renkle doldurdu. Sorun şu ki, çizdiğiniz şekle yakından bakarsanız, büyük olasılıkla çevresinde hiçbir yere gitmeyen ince bir çerçeve göreceksiniz. V&

Son sonuç

Bildiğiniz gibi vektör illüstrasyonları şu sıralar web grafiklerinde çok popüler. Profesyonel tasarımcılar bu tür illüstrasyonları birkaç saat içinde oluşturabilirler. İster başlangıç ​​seviyesinde olun, ister amatör olun, web grafik dersleri kesinlikle sizin için son derece faydalı olacaktır. Bu dersin amacı, seçilen görüntüyü oluşturma sürecine biraz ışık tutmaktır. Tüm süreci adım adım göstereceğim ve tüm adımları yorumlarımı kullanarak açıklayacağım.


Gerçekten harika bir görüntü oluşturmak için seçmelisiniz istenilen program ve belirli kurallara uyun. Eğer bir vektör çizimi yapmak istiyorsanız bunun için aşağıdaki gibi editörler kullandığınızı unutmamalısınız. Adobe illüstratör veya Corel çizgisi... Yine de, Photoshop vektör illüstrasyonları geliştirmek için yeterli kaynağa sahiptir. Bunu, bir çizimin bir vektöre nasıl çevrileceğine dair dersimde açıkça göstereceğim. Çizimin temeli olarak bir kedi taslağı seçtim. Pençelerinde pembe çiçekler olan mavi bir kediyi canlandırmaya karar verdim.

Aşama 1

Arka planı oluşturarak başlayalım. Seçim aracını () kullanarak bir şekil çizelim ( Şekil katmanları(Katman Şekli)). Ayarlar - (Doldurma Opaklığı) = 0% ... Şimdi oluşturulan şekli doldurmak için bir degrade kaplama kullanın: ((Katman Stili - Degrade Kaplama)). Tüm ayarlar varsayılandır, yalnızca açıyı (dereceyi belirteceğim) ve eğimi değiştirmeniz gerekir. Ekle Felç(Kontur) ((Katman Stili - Kontur))). Genişlik dışındaki tüm varsayılan ayarları kullanıyoruz. 1 piksel ve renkler.