Damla ve Baloncuk Yapımı – Adobe Illustrator Dersleri


190903265-81552c7e60689f2972260a339efe6043cd76a81bfc040bd82861f885d03d2b1b.jpeg

Bir önceki derste mesh tool kullanarak gerçekçi bir elma nasıl çizilir, hazırlanır, bundan bahsetmiştik. Dersin çok uzamaması adına elma üzerindeki damlaları bu derse bıraktım.

 

Bu derste diğer derslerimizden farklı olarak Gradient Tool'un farklı kullanım tekniklerine değineceğiz. Hiç kullanmadığımız Transparency panelini kullanarak nesneleri şeffaflaştırmayı göreceğiz.

Amaç

Transparency ve Gradient panelleri yardımıyla damla ve baloncuk hazırlama

Öğrenilecekler

  • Elipse Tool
  • Drop Shadow Efekti
  • Appearance Paneli
  • Transparency Paneli
  • Gradient Tool

Damla Yapımı

Damla yapımı için benim bildiğim iki teknik kullanılıyor. Birincisi Gradient Tool ve Transparency Paneli, ikincisi ise mesh tool ve gradient tool.

Bu derstte birincisinden yola çıkarak damla yapacağız. İlk olarak çalışma ortamımızı açalım :

190903265-f8541ffaa91519909aea720e7f7388df14a1038f318ae07f0428a16afaed7f5f.png

Çalışma ekranına Elipse Tool kullanarak bir daire çizelim.

190903265-3076333c850f3fb0c153bfc1167da4034af21b7f5d928c74218f259404db6c00.png

Şimdi bu daireye gölge verelim. Bunun için Drop Shadow Efektini kullanacağız.

190903265-d3d65f06f76c3ea2376322aeb9f11ffb75853d984dbfe0f4981af3377da407a9.png

190903265-a1a3c5588cd3080ac118ce37f1f339db7ef04bfccd32fad3736e8601a52c5887.png

Drop Shadow efektinde X offset ve Y offset önemli. Gölgenin pozisyonunu belirlemek için kullanabilirsiniz.

Damlanın yapımında iki daire kullanacağız. Birincisi bu gölgesi olan daire diğeri de üzerinde Gradient uygulayacağımız daire. O yüzden klavyeden Alt tuşuna basarak dairenin bir kopyasını alalım.

190903265-84cd3010ccc891690b4d0b0331f7cc49360ab478af9ea218f5bcbad3f3cf3b31.png

Ancak bu ikinci daire için gölgeye ihtiyacımız yok. Gölgeden kurtulmak için ilk olarak Window > Appearance Panelini açalım. Bu panelde bir nesne üzerinde yapılan efekt, stroke veya fill gb eylemleri görebilirsiniz. Buradaki Drop Shadow efektini mouse ile tutup çöp kutusuna bırakalım.

190903265-8096b12903d13b007b227d8d06d59fdf46fb7184aecbd35d5fda048e66dcd1ab.png

Şimdi 2.daireye gradient efektini uygulayalım. Bunun için nesneyi seçtikten sonra Window > Swatches panelindeki hazır gradient seçeneklerinden siyah beyaz olanı seçelim.

190903265-cbeb19d90539ebf84141c779f85dacb7895cce28cfd43860ca4e105b2d521375.png

Sonrasında Gradient ayarlarını yapmak için Window > Gradient panelini açalım. Aşağıdaki ayarları uygulayalım :

190903265-f4ca47a093be9eb86f460f72065bfe55c2dfc9d1eb8b18810b1fcbaf0984e35e.png

Gradient için ince ayar yapmak gerekiyor bunun içinde sol taraftaki toolbardaki Gradient Tool unu kullanalım.

190903265-dcafa64cb2b7ddd0e70943c43a0075acda3a6bd5173ed1d55b02e69ae0d4b6ab.png

190903265-cca7eeb908c7f0a41106cd6ee1e0c59dff8e91cc0befe8b50c9698cef689a47d.png

190903265-69d893d614becacb2c715bed182010cd2eed2b6ee835242c62367c70421f94ac.png

190903265-570e32108341253527c9eea064e022cff6d70cfff3ec460d698a3bac18fc49b0.png

190903265-04dc6e0a1d6926ee53a7dde7604dfa32c21a97b83bcdb439322d46b3ac9194a9.png

Şimdi bu hazırladığımız sağ taraftaki daireyi ilk dairenin üzerine koyalım.

190903265-ff1c0ef0a78b433f02311a59318b131805cca6fc9ce9792ef0bf0bbb14bebb5c.png

Şimdi bir önceki derste hazırlamış olduğumuz elmayı çalışma ortamımıza getirelim. Ayrı bir layera koyup kilitleyelim.

190903265-0eef47ad6bac6378ab0a0747835596edbbe6d8fefd5452c0b97a80d46285a360.png

Şimdi işin en önemli kısmına geldik. Window > Transparency panelini açalım. Bu kısımda Photoshop'taki layer modları bulunuyor. En üstteki Gradient ile yapmış olduğumuz yuvarlağı seçelim ve bu panelde modlardan Multiply modunu uygulayalım. Farkı aşağıdaki resimde göreceksiniz.

190903265-347d74879027a82f38c09bacf888b8a80bd9a846d0c14831f1df46800eeea277.png

Şimdi de ilk daireye seçelim ve ona da Multiply modunu uygulayalım. Kenardaki stroke u da kaldıralım. Sonrasında iki daireyi de üst üste yerleştirelim. Bunun için Align seçeneklerini kullanabilirsiniz.

190903265-772b7544e209ee78b5a2cb10243e74c359521723ff3a420e42541ee97c86fcc3.png

190903265-88332b8f8130d150baa0ae628f79b6156ffb45dd4142413fbc55f1e93b8dec03.png

Ctrl + G ile bu damlayı grupladıktan sonra aynı panelden opacity sini biraz düşürelim.

190903265-433cc8dc6d55eab6b4f513f9258a0124236d152b095de28ab25230b04025381a.png

Gelelim damlamızın üzerindeki ışık yansımalarına. Bunun için de yine Gradient Tool kullanacağız. Ama ilk önce Rectangle Tool ile renkli bir şekil çizdim. Amacım damla üzerindeki çalışmamızı daha rahat görebilmektir.

Sonrasında damla üzerine bir yuvarlak çiziyorum ve aşağıdaki Gradient ayarlarını uyguluyorum. Swatches panelindeki hazır gradient seçeneklerinden siyah beyaz gradient olanı seçtim. Renk skalasında her iki ucu da beyaz yaptıktan sonra en soldaki beyazın opacity değerini 0 yaptım. Açımızın da 90 derece olduğu dikkatinizi çekmiştir umarım.

190903265-a9b9f00a50c1ac023588cc8fb587b44571261f5863b83bc385a5950beefd138c.png

190903265-121395a60db677779e93a15be7ab4bcd7261f9eff3cbc5ef40cebe2f55a6a12f.png

Bu aşamada gerçek hayattaki damlayı düşünelim. 3 boyutlu bir cisim olduğundan iki şekilde ışık olacaktır. Birincisi tepesinde beyaz bir ışık yansıması, ikincisi ise zeminde bulunduğu cisimle oluşturduğu bir yansıma.

Biz şimdi bu ikincisi için yaptığımız yarım dairenin kopyasını alalım.

190903265-73453360ae5ac6ca702b8aeed812e41cf970443f06efd921b0a1e172cbf1ee3a.png

Son olarak da alt kısımdaki yarım daireyi biraz kenarlara doğru çekiştirelim ve Transparency modelarından Overlay olanı seçelim. Belki biraz da opacity değerini düşürebiliriz. Merkezden büyüme yapmak için klavyeden Alt tuşuna basabilirsiniz.

190903265-9beec4f2bca9e8494c4c7635be7696256dbd56a2b486388c047221665cee64e5.png

190903265-3ed78522ea511ed985d43d82094fd4474198365d4ed75b012a3cdce4d13aa7de.png

Artık arkadaki şekli silip damlamızı elmanın üzerine koyabiliriz.

Elmada kullandığımız arkaplanı da getirelim.

190903265-ce4d8595ee6798d949dd6eaa4d0de2e325a8d7de34bd79a22e6506bb153ccf2b.png

Bu damlayı sadece elma değil damlanın olabileceği her nesnede kullanabilirsiniz.

Baloncuk Yapımı

Baloncuk yapımında da damla yapımında kullandığımız gradient tekniğini kullanacağız.

Arkaplan aynı olacak şekilde direk uygulamaya geçiyorum. Elipse Tool u kullnarak bir daire çizelim.

190903265-68814302a575e1eab1456e0ca0ac0315424ab2abb7f2bacdbb8552a26013485d.png

190903265-64cc0ad69f2df1e3300e3ff339417f277b48297871e86e1b57b32bf68a970fe9.png

Bu daireye siyah beyaz gradient uyguladıktan sonra renklerin ikisini de beyaz seçelim. Ancak damla da olduğu gibi ilkinin opacity değeri 0 olsun. Type kısmı da Radial olması gerekiyor.

190903265-23b3dbe6e538f5da32af889c50c9e24f3132c01f8ad93a03babc5f939c86a8ef.png

Aynı damlada olduğu gibi ışık ya da duruma göre 3 boyut havası katmak için tekrar bir yuvarlak çizelim.

190903265-8b0e130cc9b70e878273f68c570aa32c8c832a1f73c9958e5307879d0e21014c.png

Aynı şekilde gradient uygulayalım. Ayarlar aşağıdaki gibidir :

190903265-fdc3798ab837e411522effb741a201137a934515aba2722d6aa053384e6665c0.png

Sonrasında daireyi kenarlarından çekerek büyütelim.

190903265-c995f5aac0c42f7d670d3e60172c6a968c925196337146c11f38247377f0cec2.png

Bir dairenin içinde 3 tane bu yarım daireden olacak şekilde çevirerek kenarlara yerleştirelim. Farklı boyutlarda aşağıdaki gibi dağıtabilirsiniz.

190903265-657f2820b973b72f3e18b98e830f1b6d09b91aac494295cd84f4ce946334e158.png

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/damlavebaloncukyapmadobeillustratordersleri-seo4rpj0jm

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

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.