Basit Vektör Çizim / Simple Vector Drawing – Adobe Illustrator Dersleri


190903265-a94fe68a336c3111aab658a4eaa02331b67939aadbcfd2b8b5153145e97b75df.jpeg

Uzun bir aradan sonra Adobe Illustrator derslerine devam ediyorum. Uzun bir aranın ilk dersi olduğu için genel tekrar niteliğinde olacak seviyede tutmaya çalışacağım. Bugüne kadar öğrendiklerimizi basit bir çizim üzerinde uygulamaya çalışacağız.

 

Amaç

 

Adobe Illustrator kullanarak basit vektörel çizim yapma

Öğrenilecekler

  • Elipse Tool
  • Gradient Tool
  • Pen Tool
  • Transparency Paneli
  • Clipping Mask özelliği

Basit Vektörel Çizim Yapma

Çalışma alanımızı açarak uygulamaya başlayalım. Ayarlarımız aşağıdaki gibidir :

 

190903265-087add2b62652164d6f126e15bbe16b7c71b95c178d5264e0eb0411f89b1a7e0.png

Çalışma esnasında kullanacağım renkleri çalışma alanında vereceğim siz de eye dropper aracı ile alabilirsiniz. İlk olarak arkaplan ile başlayalım. Bunun için Rectangular Tool aracını kullanacağız.

190903265-2ef4aed407ac70e023c788c48c2b1768db7159fdaab6455e53a24d3ad436c19b.png

Arkaplanı Gradient yapmak istediğimizden sol taraftaki toolbardan Gradient aracını seçelim ve çift tıklayarak Gradient panelini açalım.

190903265-082e8b4d4f374ff950cfe512796d967b5b8129d90c4e73898fd954ca23cce81b.png

Paneldeki scalaya tıkladığımızda aşağıdakine benzer bir yapı oluşacaktır. Mouse ile Gradient yönünü aşağıdaki resimdeki gibi değiştirebiliriz :

190903265-756aca85553a88f5290bf9c8c8a474eeff3c0e3d57316c654699f8960a31c6df.png

Gradient panelindeki gradient pininin renklerini ayrı ayrı seçebiliriz. Ancak Bunun için ilk olarak bu kısımda kullanılan renk modunu değiştirelim. Bunu da herhangi bir pin e çift tıkladığımızda açılan ikinci pencerenin sağ üst köşesinde bulunan yatay 3 çizgiye tıklayarak yapabiliriz.

190903265-bfb03c152247cea6058df65580f0a9de1f02c791b08d6c5c50f02cbc5889c8ac.png

Gradient arkaplanımız için verdiğimiz renklerden en soldaki ve en sağdaki iki renk seçildi. Ayrıca ayarları aşağıdaki resimden görebilirsiniz.

190903265-e0322e118877dce25d009d20335cb0f325526e32ea3a6d7c7bb5b25802ecca58.png

Gradient scalasının üzerine birden fazla pin ekleyebiliriz. Bunun için scala üzerine bir kere tıklamak yeterlidir. Biz iki tane daha pin ekleyelim. Bu iki pin için 3 ve 6. renkler seçildi. İsterseniz siz farklı seçenekler de seçebilirsiniz. Amaç sadece uygulamasını görmek :

190903265-f9fa1f9b7c995dc5515dc39073b5c29f7ae5a0b39056b8056660e3dd0576f254.png

Şimdi de sol toolbardan Elipse Tool aracını seçerek aşağıdaki gibi bir elipse çizelim :

190903265-397d7f9f4ea0fb48a61927bd5c056894f0c63b69dea1c5103eab63f3a85e25f9.png

Elipse tool için kullanılan gradient da ikinci ve beşinci renkler seçildi.

Şimdi burada diğer derslerimizde pek kullanmadığımız artboard maskesinden bahsedeceğim. Artboard maskesi yapılırken çalışma alanı boyutlarında bir dikdörtgen çizilir. Ama bundan önce MASTER gibi bir isimde bir layer oluşturulur ve tüm layerlar mouse ile seçildikten sonra bu layerın üzerine bırakılır. Aşağıdakine benzer bir görüntü oluşacaktır. Şimdi de tüm görsellerin üstünde bir dikdörtgen çizdikten sonra MASTER layerı aktif iken bu panelinin sağ üst kısmındaki 3 yatay çizgiye tıklanılır ve buradan Clipping Mask seçeneği seçilir.

190903265-f735ea4f0bad49a144d038e2a930300979ef224b513717207e6db38d209c479c.png

Görüldüğü gibi çizdiğimiz elipse in sadece dikdörtgen içindeki kısmı gözükmektedir. Dikdörtgen layerının gözünü kapatırsak her şey eski haline dönecektir. Şimdi bu elipse aracından klavyeden Alt tuşuna basarak bir kopya alalım. Kopya aldıktan sonra Ctrl + T ye basalım ve sağa tıklayarak döndürme seçeneklerinden vertical olanı seçtikten sonra OK butonuna basalım.

190903265-6b0702df2bb57f49d3d9b87873efcd330375b16fa0de1a6f11d5f37e9f92278a.png

190903265-828e1b34aad5b12d67bb3cdb7b39433aaf66d727f357141261fa6cbdd938b008.png

Şimdi de Elipse Tool kullanarak düzgün bir daire çizelim. Daireyi düzgün çizebilmek için klavyeden Shift tuşuna basılması gerekmektedir. Bu dairede kullanılan gradient için 4 numaralı renk seçilmiştir.

190903265-dba2a834e9dbd6aa772cfe8d303ce8ecb5809fc005ee33325835fa9ea0152927.png

Bu daire kabaca bir ağacın üst kısmını temsil etmektedir. Şimdi de ağacın alt yani gövde kısmını çizmek için Pen Tool aracını seçelim ve aşağıdaki gibi bir şekil çizelim :

190903265-3e247f3ad856fb0f060375f7c5548602982b939029a32918e6c82b5beb3f516a.png

Bu şeklin ayna görüntüsünü alalım. Böylelikle gövdemiz tamamlandı.

190903265-0d0925e85ea2f5e46e4fe8f36bf9ff42cf8329df79aa2ade3d04e48571b683a7.png

Buraya kadar çalışmamızın son hali aşağıdaki gibidir :

190903265-ac7855bea25aa086ec7c15343cf30def56e21ff60ffff9cad0ef8f46113e5ab8.png

Şimdi ağacımıza gölge çizme zamanı. Bunun için ağacın bütün parçalarını seçelim ve bir kopyasını alalım. Bu kopyanın rengini siyah yapalım. Sonrasında gölgenin tüm parçalarını birleştirmek için sol taraftaki toolbardan Shape Builder Tool aracını seçelim.

190903265-7d10c7eb1c0355b839393aa386276a296eaa4ac9f75ff720ec112bb3d344ff5c.png

Artık gölgemiz tek parçadır. Şimdi bu gölgeyi hem ters çevirmek hem de perspektif vermek için Free Transform Tool aracını seçelim.

190903265-427062e47715fa4368c5b7bedfb53314af668fb426dce4056a6167bbaa066e4a.png

İlk olarak ters çevirelim.

190903265-01246605e606a9ab15303d38aed85432afa9b882c608d9b8dee01d617a650912.png

Sonra da yatayda eğip opacity değerini düşürelim.

190903265-da0161e7abbb46f998de6c9d0c35cf319b97b2ceb862afa33109149ef4093b2d.png

Son olarak da ağaç ile gövde arasına opacity değeri düşük bir elipse çizelim.

190903265-fe33e695d85f0514291915a986c06895a32d3c09efd8a64b853fd98b36855170.png

Bu haliyle ağacımız tamamlanmıştır. Şimdi bu ağacı oluşturan tüm parçaları seçtikten sonra sağ tık > group diyerek gruplayalım.

190903265-b66e98b67bd1613d20a487120a79390c6f3fb8579ba1003ab83b90c242820187.png

Elimiz Alt tuşuna basarak bu ağacı sürüklersek aşağıdaki gibi birden fazla kopya elde ederiz. Ağaçları aşağıdaki gibi yerleştirip büyüklüklerini değiştirelim.

190903265-29453c2dec780e73dd4e1bdfc10b61fe436891c401aa0e54d13455622cbb518c.png

Şimdi de çizimimize bir ay ekleyeceğiz. Bunun için yine Elipse Tool aracını seçip beyaz renkte bir daire seçelim.

190903265-3aeba52a8b82f2d1e00a185be64b89d1d24b643caf9d0bed4b052aac571b790e.png

Gradient aracına tıklayıp, var olan iki pinin rengini de beyaz yaptıktan sonra bu pinlerden birinin opacity değerini 0 sıfır yapalım. Gradient ayarlarımız aşağıdaki gibidir:

190903265-d739cb18d448af735f920cd4e13a5b423a15f732503d82b4965f66424564ca9b.png

Şimdi ay'a parlaklık kazandırmak için efekt ekleyelim. Efekt > Stylize > Outher Glow efektini uygulayalım.

190903265-731a8f918c1fef269b620ed3c3a47e3e92bc65114c70270416cbbb5d88f66073.png

Ayarlarımız aşağıdaki gibidir :

190903265-67aa3f955bb6789610316b53a538b1153c27943d795bca83f4f79cebf6786eb9.png

190903265-5377a8d25a2b35ca89b563a3bd6464599c18a1167184a81005df77a5455f2f07.png

Şimdi de gökyüzüne yıldız ekleme zamanı. Bunu birçok yolla ve manuel olarak yapabilirsiniz ancak en kolay yolu brush tanımlayarak yapmaktır. Bunun için ufak beyaz bir elipse çizelim. Window > Brushes panelini açalım. Çizdiğimiz bu daireyi brush paneli üzerindeki New Brush butonunun üzerine bırakalım.

190903265-860e695bdfd30f75c699f55e4f259af50b94951ae39cf9e3328af5f35026f88d.png

Aşağıdaki gibi bir ekran gelecektir. Ayarları yapıp Ok diyelim :

190903265-390f725d7ce50181f182db49f5e2a29666fff9435135885e717cb44934f970b1.png

190903265-b0ea8b9e107753ac9f504de0f081bdfc0f2c4603bec9716aa7411020c8770179.png

Ok diyelim.Şimdi de sol taraftaki toolbardan Brush Tool unu seçip aşağıdaki gibi rastgele çizim yapalım :

190903265-2253221faa6d6c0e851e831252c19dc9ba617a50e78ee10182d0d5d7e002a5b0.png

Sonra brush ayarlarını yapmak için Brushes panelini açtıktan sonra hazırlamış olduğumuz beyaz elipse brush a çift tıklayalım. Aşağıdaki gibi ayarlar penceresi açılacaktır. Aşağıdakine benzer ayarlar yapabilirsiniz, uygulamasını yaparken görüyorsunuz zaten.

190903265-099d0fe3fa91e4819de421909c151c2a2227546d404b91b53201f9c739ab76c9.png

Ok dedikten sonra aşağıdaki gibi bir ekran gelecektir. Aşağıdaki seçeneği seçip Tamam diyelim.

190903265-eb569bed06f4a8c48d2cee69724c053d4bd753c6095f96a2df0b67ec9a4c744e.png

Eğer yıldızların az olduğunu düşünüyorsanız seçip klavyeden Alt tuşuna basarak çoğaltabilirsiniz :

190903265-79010f47a92ddca03fa11253f7078cdf5e77c65062673ae076369d060ff8821d.png

Yıldızlar gözünüze çok beyaz gözüktüyse opacity değerini düşürebilirsiniz.

Şimdi de ay'ımızın üzerindeki bazı yıldızları silelim. Ancak bu komple bir yapı olduğundan ilk olarak bu nesnelerin hepsini ayrı bir objeye dönüştürelim. Bunun için Object > Expand Appearance seçeneklerini seçelim.

190903265-9264a6451219a3f21dacf09ba1007ddbe9d630b00d610f8bfb5452055730ad4a.png

Şimdi tek tek o yıldızları silebiliriz. Şimdi de bu yıldızların Blending Mode özelliğini değiştirelim. AI de Blending Mod'lar Transparency panelinde bulunuyor. Bunun için ilk olarak bu paneli açalım :

190903265-1c10fa37286317c0349eab172369fae7cea28922a9cd1b8d6a24155658e2dec7.png

Yıldızları seçtikten sonra Blending Mode özelliğini Overlay olarak değiştirelim :

190903265-c03d20d62dc790873e94c56961fc305525e543160d4930412aecd76bcdf41f98.png

190903265-100394c4117233760a8820546ec95a2ce7b1981a0c3ec99316574a5cc261cb86.png

Şimdi de çalışmamıza kayan yıldız ekleyelim. Bunun için Pen Tool ile düz bir çizgi çizdikten sonra Stroke ayarlarından aşağıdaki ayarları yapalım :

190903265-0528461bbd1d00f5c9c750c2e0b676bef4e322da70e734e3f79645d9db266412.png

Feather özelliği katmak için de tıpkı ay için yaptığımız gradient ayarlarını bu yıldız için de yapalım :

190903265-90517958229434aff8e31454612cb3c844a21d428cce720fa3def0f819ab5ec9.png

190903265-264bcc394fdc28f2eec80ed132f30117d61e3ba8202cea28762c494f63d42c14.png

190903265-c69cea3ae5801210f1138152ad49f9bb134d3b68b690b26dc8611c24227b122c.png

Son olarak da daha önce hazırlamış olduğumuz maskenin gözünü açmayın unutmayın. Çalışmamızın son hali aşağıdaki gibidir :

190903265-15c23cd062032de5f1b37c0e546b7e7cae0ec09196f6e5654d6397e6c0adee86.png

Böylelikle bir çalışmamızı daha bitirmiş oluyoruz.

Uygulama noktasında herhangi bir sorun yaşarsanız aşağıdaki yorum panelini kullanarak iletişime geçmekten çekinmeyin lütfen. Teşekkürler.

Kaynak belirtilmeyen görseller @etasarim a aittir. / Pictures that don’t have any source belongs to @etasarim.

190903265-0ef2d78d04a42e22fee347fe22dac1d0af325599d5e7ac3b7d2d1b7e712b8660.jpeg

Not : Bu yazı daha önce Steemit Blogumda yayınlanmıştır:

https://steemit.com/tr/@etasarim/basitvektrizimsimplevectordrawingadobeillustratordersleri-djqh3tn76s

--------------------------------------------------------------------------

This article was originally published on Steemit

 

How do you rate this article?

0


etasarim
etasarim

I am a designer. (Adobe Photoshop, Adobe Illustrator) and photographer | I fan : Coding, Electronic, Technology and Science


Adobe Illustrator CC Tutorials
Adobe Illustrator CC Tutorials

In this blog, you can find tutorials about Adobe Illustrator CC

Publish0x

Send a $0.01 microtip in crypto to the author, and earn yourself as you read!

20% to author / 80% to me.
We pay the tips from our rewards pool.