Text Üzerinde 3D Efekti Kullanımı– Adobe Illustrator Dersleri


190903265-b61365aaa50fa00ad3e344a502952e8d6d4cd5f035b3460899abd14f98cc5055.jpeg

Uygulamalı Adobe Illustrator dersinin bu bölümünde 3D Efektlerden biri olan Rotate efektinin etkisini text üzerinde görebileceğimiz bir uygulama yapacağız. Uygulamada kullanılan kaynakları aşağıdaki linklerden indirebilirsiniz :

 

Amaç

 

Adobe Illustrator ile Text üzerinde 3D Efekti kullanımı

Öğrenilecekler

  • Line Segmentation Tool
  • Gradient Tool
  • Pen Tool
  • Layers Paneli
  • 3D Efekt > Rotate
  • Rectangle Tool
  • Shape Builder Tool

Text Üzerinde 3D Efekti Kullanımı

İlk olarak çalışma alanımızı açarak başlayalım. Ayarlar aşağıdaki gibidir.

190903265-b2eb4028bede877c668f92d56fa1cace99ae2e21641c8c3b3e371261010684d3.png

Çalışma alanımız açıldıktan sonra Text Tool aracını kullanarak "DESIGN" yazalım. Kullandığımız font ücretsiz fontlardan olan "Roboto Bold Condensed" tir. Boyutunu da 310 pt olarak değiştirelim..

190903265-fca8efe8b0abc6f1be7f3c351c9901760c045675476bb29283229b5b33c17a63.png

Bundan sonra yapacaklarımız için yazımızı vectore dönüştürmemiz gerekiyor. Yazıyı seçelim ve sonrasında sağ tık > Create Outlineseçeneklerini seçelim.

190903265-ad782e6ebc69e19a43f5194c41417119e5f332450c73aca9055c411bc85f675d.png

Aşağıda görüldüğü gibi yazımız artık bir vektördür.

190903265-3b2b49abf543cfb1938e59cc24b8926497d73cddb7645f8b472261d482853703.png

Bu haliyle her harf komple bir grubun içindedir. Harflere ayrı ayrı mudahale edebilmek için bu grubu çözebileceğimiz gibi grubu seçip > sağ tık > Isolated Selected Group seçeneğini de kullanabiliriz :

190903265-0bd85c4d1a19bcf0f087d09aea9280d5c0a800d02398d0b2672f83772ccdd81f.png

Yazımızı parçalara ayıracağız. Bunun için ilk olarak Isolated moda geçtikten sonra View > Outline seçeneklerini kullanarak çalışmayı çizgisel görünüme sokalım :

190903265-236c6da7f4cf4fe029f0961c63d15864e3b929a9e9f9cc7fd8f91d4f6558d922.png

Şimdi ise sol toolbardan Line Segment Tool aracını kullanarak aşağıdaki gibi harflerimizin üzerine çizgiler çizelim. S ve I harflerinde farklı olarak çizgiler Pen Tool ile Shift e basarak 45 derece eğik açıyla çizilmiştir.

190903265-e0dde93454c2025e2e5356e6b0292b88990192dee6a1d359d61feac229d65d34.png

Ctrl + Y tuşlarına basarak Outline modundan çıkalım. Sol taraftaki toolbardan ShapeBuilder tool aracını alarak aşağıdaki gibi sol tarafta kalan parçalara tıklayarak parçalayalım. Tek parça halinde olan harflerin her biri artık 2 ayrı parçadan oluşmaktadır. Parçaların yarısının içi dolu iken diğer yarısının içinin boşaldığını göreceksiniz:

190903265-e219f47b2b8628ef9b56cf6daba788135ae2cb94fd9067c100799a96a294fecc.png

Harflerin dışında kalan çizgileri silmemiz gerekiyor. Bunun için tekrar Ctrl+Y ile Outline moduna geçelim ve Selection Tool aracı ile seçtikten sonra klavyeden Delete ye basarak silelim :

190903265-0f6df42dbd92433db1d27fa8e1a00c4063f8750cc737043bc421d010984483c8.png

Ctrl+Y ile tekrar normal moda dönüş yapalım ve içleri boşaltılan bölümleri Selection Tool aracı ile birlikte Shift tuşunu kullandıktan sonra Eyedropper aracı ile dolgularını kopyalayalım . Sonuç aşağıdaki gibi olacaktır :

190903265-f3e2146141f4d4add5a17b772e84cc3aa76a67e33aba055501b7e6e2285bd158.png

Şimdi harflerin her biri iki ayrı parça halinde bulunuyor. Bu ikili grupları kendi içinde gruplandıracağız. Sol ve üst taraftakileri bir grup sağ ve alt taraftakileri ayrı bir grup haline getireceğiz. Bunun için herbir grubu seçtikten sonra klavyeden Ctrl+G tuşlarına basmanız yeterli.

190903265-2cfa3cedf4dd5955c787d37ff1eb1fc6f07528426602672f202908c2e993ede4.png

Bu iki grubu Layers panelinde de görebilirsiniz :

190903265-7c51f7180aec87d75371ccff11557a848dfb49f0676dea4d2617e2f2c7f1f257.png

Line ile isimlendirdiğimiz layerı seçtikten sonra sol toolbardaki 2li renk seçeneği kullanarak içini boşaltalım :

190903265-0e56b79c884e736e6204bdecd7239264b4f53db07fccb4fd0f925474e6dd8ffe.png

Şimdi bu içi boşaltılan harflerin içini farklı bir desen ile boyayacağız. Bunun için bu layer seçili iken Swatches panelini açalım. Swatch panelinin sol alt kısmında bulunan Library butonuna tıklayalım . Sonrasında Patterns > Basic Graphics > Basic Graphic_Lines seçeneklerini seçelim.

190903265-8e00126588d6be243f7679a63f13a6d8eb59974cb35cea29f40855168ba5df29.png

Karşımıza aşağıdaki gibi bir pencere gelecektir. Burada 10 lpi %60 seçeneğini seçtiğimizde sonuç aşağıdaki gibi olacaktır:

190903265-fe798fcc452fec7086806a948314962361890c33abd0a491587519ced8a6e75c.png

Pattern giydirilen grup seçili iken Window > Transform seçeneklerini kullanarak Transform panelini açalım. Bu panelin hemen sağ üst kısmında bulunan 3 yatay çizgiye tıkladığımızda açılan seçeneklerden "Transform Pattern Only" seçeneğini seçelim.

190903265-71fd84b2c45ae5255b37058d9b0f7b765c20792ccdc3e8e3b4d6b8c5567b8a93.png

Bu seçenek seçildikten sonra Transform panelindeki ilk açı değerini 45 olarak değiştirdikten sonra Enter'a basalım, sonuç aşağıdaki gibi olacaktır :

190903265-63df6ca895533eed10c1e64a40b3d9cd17a50342af2b7006682f0c55a1e75893.png

190903265-37213c1976c93cd8a382007de16e5c0f944ea91cfb4b4a977ef26ab7ce1f8e46.png

Yazının tamamının olduğu layerı Layers panelini kullanarak seçelim. Tüm yazıya 3D efekti ekleyeceğiz. Bunun için Layers panelinde ilgili layer seçildikten sonra Appearance paneline gidelim ve altta bulunan efekt butonuna tıklayarak 3D > Rotate seçeneklerini seçelim :

190903265-8082dac4ef39fec05261b40f35a70c8a637e0231ba3740554659ece3e121a9b1.png

Karşımıza aşağıdaki gibi ayar ekranı gelecektir, ayarlarımız aşağıdaki gibidir :

190903265-65749ac5c210904d9e8a6f31c9950a4c510b6decdfee32f407c41cc7ca83dc94.png

Şimdi de yazıyı bir zemin üzerinde görelim. Layers panelinde yazı layerının hemen altına yeni bir layer açıp dersin başında vermiş olduğum arka planı çalışma alanımıza alalım. (File > Place seçeneklerini kullanabilirsiniz.)

190903265-a2be25ed00d81fd5a82fc4e33733c451e62a96175d6ad4d79c4bf7b7c57685c2.png

Arka planın olduğu yere yeni bir layer açarak gradient efektini uygulayalım. Ayarlar aşağıdaki gibidir :

190903265-ee5e85caf465e1f334e95f34ec5d632b99a5dc05ecdd2d49c307bf994b2cd408.png

Son olarak da Transparency panelini açarak bu gradient layerın Blending Mode özelliğini Multiply olarak değiştirelim :

190903265-aa4df7b802707ce71b100b20570023cf4f270c6c2842ee0745ac09f1f86944a6.png

Fill layerının bir kopyasını alalım ve rengini beyaz olarak değiştirelim. Ok tuşlarını kullanarak da beyaz olan kısmı aşağıya doğru biraz kaydıralım :

190903265-6ffbb21151cc5cff4699a640f2933981076eee22e74cef8a83c25e03f5615fd2.png

Şimdi bu layera gölge efekti ekleyeceğiz. Appearance panelini açalım. Stylize > Drop Shadow seçeneklerini seçelim :

190903265-825d243c055b38599b5e98dc8d551741925ff0f6e26d9b4157fd0009d7cfa8ae.png

190903265-69302dc1aefd6884dc7979165d09b556793a220639f66af56a16d4a210277fbf.png

Ok tuşlarını kullanarak beyaz layerı ana tasarıma yaklaştıralım. Uygulamamızın son hali aşağıdaki gibidir :

190903265-4a74c1c1c9ba4f875f504eba3279d5dfebacad0e9a60ec946430a33013d30f0e.png

Çalışmamız bu haliyle bitmiştir.

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/textzerinde3defektikullanmadobeillustratordersleri-n1ijv3yb8w

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

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

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.