Color Halftone Efekti - Adobe Illustrator Dersleri


190903265-36c08e27790ee37e24840136949c43ab24ac3b347c8b3061eaaf99202a1fdf7b.jpeg

Uygulamalı Adobe Illustrator derslerinin bu bölümünde Photoshop’a ait olan efektlerden Pixelate serisinin Color Halftone efektinden bahsedeceğim. Derse başlamadan önce Halftone kelimesinin anlamını vermek istedim ancak birebir çevirisi yapılacak bir kelime gibi gelmediğini söyleyebilirim. Günlük hayatta kullandığımız fotoğraflar aslında binlerce mini noktacığın birleşmiş halidir. Bu haliyle ifade edecek olursak bir devamlılık arz eden fotoğraflar aslında “continuous tone”dur. Burdan yola çıkarsak halftone dediğimiz kavram değişken boyut ve aralıklardaki noktalardır. Türkçeye belki noktalama efekti diye çevrilebilir.

 

Noktalama efektini  genelde gri tonlama yapılan resimlerde görmüş olabilirsiniz. Resimdeki ton farklılıkları değişik boyutlardaki ve aralıklardaki noktalarla verilmeye çalışılmıştır.

Adobe Illustrator de bu kullanımı yapabileceğiniz gibi ben genel olarak uygulamalarda logo üzerinde kullanımına rastladım. Örneğimiz de logo vari genel her yerde bulabileceğiniz bir uygulama olacak. Amaç zaten kullanımını öğrenmek.

Bu kadar açıklamanın yeterli olduğunu düşünüyorum. Hadi başlayalım.

Amaç

Color Halftone Efekti kullanımı

Öğrenilecekler

  • Color Halftone Efekti Kullanımı
  • Gradient Tool Kullanımı
  • 3d Revolve Efekti
  • Symbol yapma
  • Scissors Tool Kullanımı
  • Image Trace Kavramı (Resmi vektöre dönüştürme)
  • Resmi siyah-beyaz hale getirme
  • Expand Appearance

Color Halftone Efekti

Asıl çalışmamıza geçmeden önce efektin ne işe yaradığını ve genel kullanımının nasıl olduğunu görelim. 1700 x 1000 px boyutlarında bir çalışma ortamı açalım. Sonra File > Place menüsünü kullanarak çalışma ortamımıza bir resim ekleyelim :

190903265-8d8bad6bead67fdcdfe020de6bf7e86edb207ec52cdf445a2ddb39f03565f106.png

Kullanılan resmi buradan indirebilirsiniz.

Resimde gördüğünüz gibi üst kısımda Embed butonu aktif hale geldi. Bu butona tıklayarak resmimizi Adobe Illustrator dosyamıza (dahil edebiliriz) gömebiliriz.

Efekti resmin bu haline direk uygulayabiliriz, çok bir anlamı olmada da. Resmi mouse ile seçtikten sonra Effect > Pixelate > Color Halftone menüsüne tıklayalım. Karşımıza aşağıdaki gibi bir ekran gelecektir :

190903265-bb485f5b27987724865721da3770cbf16c81b95a77ab2f7fe2179e87dfc69538.png

Bu ekranda gösterilen channel değerleri noktaların açısal değerleri olacak. Tabi noktanın açısal değeri mi olur diyebilirsiniz ama olaya komple noktalar kümesi olarak bakarsanız, o zaman bu açılar bir anlam ifade eder hale geliyor. Neyse ben resimde gördüğünüz gibi tüm değerleri 0 girdim ki düz bir görsel görmek istediğimden. Max Radius olarak geçen kısım ise oluşan noktalar kümesindeki maximum noktanın yarıçapını veriyor. Denemelerle uygun değeri bulabilirsiniz ben 25 px de karar kıldım.

OK butonuna bastığımda elde ettiğim görsel aşağıdaki gibi olacaktır :

190903265-496d2f25280913536f0ca9a5292358821db97902186bf914f17c273fc87286bf.png

Efektin kullanımı bu kadar. Hangi durumlarda daha anlamlı oluyor ondan bahsedelim. Siyah-beyaz bir resim düşünün. Bu efekti kullandığımızda tonlamalar noktalar tarafından sağlanacaktır.

Adobe Illustrator de bir resmi siyah-beyaz hale getirmek için resmi seçin. Edit > Edit Colors > Convert to Grayscale menüsüne tıklayın. Resmimiz aşağıdaki gibi siyah beyaz hale çevrilecektir :

190903265-21a4f9a93115451df292e90257b954fe9f1f6d14a73e1fe47e20333c008ec114.png

Şimdi Color Halftone efektini tekrar uygulayalım. Resmi seçin. Effect > Pixelate > Color Halftone menüsüne tıklayın. Max Radius değerini 15 e kadar düşürdüm. Sonuç aşağıdaki gibidir :

190903265-5859bcd3f2b9750477529846e897d7c689f8d26ff22062972c70f88af41a63b3.png

190903265-930e4968369db5007bcd7a414e4f59b1d912d32464c2a2f80b18d31c06d7bf1c.png

Görüldüğü gibi tonlamalar noktaların sıklaşması ya da seyreltilmesi ile sağlanmıştır. Sanırım efektimiz anlaşılmıştır. Aslen Photoshop'a ait bir efektir ve pixel tabanlı olduğunu da söyleyebiliriz.

Bu efekti sadece circle(round) noktalar ile değil aynı zamanda çizgisel(line) ve çarpısal (cross) desenlerle de kullanabilirsiniz.

Color Halftone Efekti ve Image Trace Kullanımı

Şimdi uygulamamıza geçelim. İlk olarak çalışma ortamımızı açalım. Ayarlar aşağıdaki gibidir :

190903265-14805c4de7973f584c820f29003294895facc5facce125c814915c10107b13a5.png

Şimdi Eclipse Tool'u kullanarak elimizi Shift tuşuna basılı tutarak tam bir daire çizelim.

190903265-9ccb67f47a34001f13f6561741055c004ddd7290dc3b6fc4f3dcf976cbf5265f.png

Daireyi seçtikten sonra Swatches panelindeki Gradient stilini seçiyoruz.

190903265-af6caef3a45aa3417c690c3d8af7b15cc9a6c8d853c895e94b25092d97e04999.png

Gradient ayarlarını değiştirmek için Window > Gradient menüsünden Gradient panelini açalım. Type kısmından Radial seçelim.

190903265-7fcfffbc61670e6d1c65dff8bc3183cf30c8bfada1dc015ad547f3a0bf2238c4.png

Panelin alt kısmında bulunan Reverse Gradient'a tıklayıp gradient ı ters çeviriyoruz. Sonuç aşağıdaki gibidir :

190903265-549214f446390aaea4f2b5bc70a92d0b8919061df09740a1f92bee9a512f7a6b.png

Şimdi Gradientlı nesnemiz seçili iken Effect > Pixelate > Color Halftonemenüsünü seçiyoruz.

190903265-dc760f848cfc90568243585b6a767e9c88553efce00799bf46c322e0cc9bc7e1.png

Color Halftone ayarlarını yapacağımız aşağıdaki gibi bir ekran gelecektir :

190903265-662bb57f2245d6131915a0fed3182db72020e1760cb6e4d4daf51c2f49a962bd.png

Ok dediğimizde aşağıdaki gibi bir sonuç elde edeceğiz:

190903265-e14090b2855e704be953eb203ad5cc1401f9b6eb95f73429f041aaaebfd938e2.png

Efektimiz uygulandı. Bu haliyle nesne değişmiş gibi gözükse de aslında değişen bir şey yoktur sadece üzerindeki efekten dolayı böyle görüyoruz. Efekti, nesnemiz gibi bir objeye dönüştürmek için Expand Appearance özelliğini kullanalım.

190903265-ff7dbe7b47ed48b02392de4a23eaaa9004ad397454456bd5dfd6afb51dba76dd.png

Son hali aşağıdaki gibidir. Burada dikkat etmemiz gereken nokta, oluşan nesnenin artık bir vector değil image olduğudur :

190903265-ee3e85fc4e717726f0bb2b0ae965e5650267a26ffb6793d64cf2fdc77bf713cf.png

Bu noktada image haline gelmiş görselimizi tekrardan vectore dönüştürmemiz gerekiyor. Bunun için Image Trace özelliğini kullanacağız.

Image Trace, Adobe Illustrator de raster görselleri vektöre dönüştürmeye yarayan özelliktir. Yani normal fotoğrafları da bu özelliği kullanarak vektöre dönüştürebilirsiniz.

Şimdi nesnemizi seçelim sonras Window > Image Trace menüsüne tıklayalım.

190903265-f0b260bfeb50528ececf86c71f4762b925977d4ec760664c5ebb7f85f9cd2e73.png

Ayarlar ekranında Ignore White özelliğini seçelim.

190903265-f1354e8fa7e19ec9782a8bf4abfe7ccb8a0b39ad81e149e2557a5932d333d169.png

Artık nesnemiz tamamen vectore dönüştü. Daha öncede belirtmiştim genelde bu uygulamayı Illustrator de logo yapımında kullanıyorlar 3D cisim üzerinde. Önceki derslerimizden de hatırlayacağınız üzere bir şekli 3D bir cisim üzerine koyabilmek için o nesneyi Symbol'e dönüştürmek gerekiyor.

Bunun için nesnemizi seçip Window > Symbol diyerek açtığımız Symbol paneli üzerine bırakıyoruz :

190903265-d91fd139890441d55d807ecc931ac2773b9473f8ae453003f24d06bade71f7f6.png

Ok dediğimizde artık nesnemiz sembole dönüştü bu haliyle silebiliriz. Şimdi de 3D nesnemizi oluşturalım.

Elipse Tool'u kullanarak tam bir daire çizelim, bunun için çizimi yaparken klavyeden Shift tuşuna basmayı unutmayın.

190903265-fa89dc448818c08000e4196b821a3d44aff2ac4f7b40ddaa6cccb5678047bbb0.png

Sol taraftaki toolbardan Scissors yani makas tool unu alıp, dairemizin üst ve alt noktalarını tek tıkla keselim. Selection Tool ile parçaları birbirinden ayırıp sol taraftakini silelim.

Scissors Tool ile ancak pathleri kesebileceğinizi hatırlatalım.

190903265-e2495a0793d29613181381b96275bd86924fa9fe70ac59016fe5229c03970acb.png

190903265-ccc1c53cd12457ffa985e847d8ccad9c09cb1593a6402f88749a714806031687.png

Şimdi de yarım parçayı seçip Effect > 3D > Revolve menüsüne tıklayalım :

190903265-b26ffb075ca8c3618c0efb2ed05f2f938c41c39a890e646257fbfa862dc7626f.png

Karşımıza aşağıdaki gibi bir ekran gelecektir:

190903265-c20be4449247bd72ce27c7023e99ad276ea6faaa5158cd3cc52cd4d3437c2f4c.png

Şeklimizin üzerine hazırladığımız sembolü eklemek için Map Artbutonuna tıklayalım. Symbol kısmından sembolümüzü seçip hafif sağa gelecek şekilde konumlandıralım.

190903265-c6c7544dde7cadd131d3b6e73a58e6081919e8ab30984ac87a278ea4a9ef1ab7.png

3D efekti, objeye çevirmek için Expand Appearance özelliğini seçelim :

190903265-d08ffa9ec05026156a13de0b7f8b15bb0364bf3ae2a72c96c61f499db3d1b86d.png

Şeklin son hali aşağıdaki gibidir :

190903265-82ea555320300c0e7efd7bb75c013d8239d1d56d2031e743749846f0b4059a9b.png

Nesneyi seçtikten sonra 2 kere sağ tık > Ungroup diyelim. Son olarak da Release Clipping Mask diyerek maskesinden ayıralım. Bunları seçip sildiğimizde nesnenin son hali aşağıdaki gibidir :

190903265-64cd953e96fff6ff6d4e9784e68de46617c5c4f8cc4260199641bdd9a928661e.png

Şimdi de nesneyi seçtikten sonra üzerinde Gradient efekti uyguluyoruz. Ayarlar aşağıdaki gibidir :

190903265-2dfc63e158c9e413bd6a9fc12f7a2a59b56d7f922c6c26beaced6df6560799d6.png

Şimdi de gölge yapalım. Bunu bir önceki dersimizde yaptığımız için tek tek ekran görüntülerini koymayacağım. İlk olarak elipse tool ile yatayda bir daire çizelim. Sonrasında bu daireye gradient uygulayıp tersini çevirelim.

190903265-5ef3056ab9bd4cd061aed83dc892e3e6ff0af479bf35f8b80a924ef2b108defa.png

Elipse'i yukarıdan aşağıya ve soldan sağa doğru çekiştirelim. Sonra gölgeyi seçip Effect > Blur > Gaussian Blur ile biraz softlaştıralım :

190903265-64f8d66ef50c0024417f6c30084c44b6a2907e01acdeb7e64edbccaf237273e7.png

190903265-1f857348da9d578ef1dae531bcf2f1b129058d44416a50b4ad34a36604b579b1.png

Şimdi Type Tool ile yazı yazalım :

190903265-e2e917f6295c4980558481a7087c4c59f74e655a6e7cb3cc7222b9905954a5e7.png

Arkaplana da gri temalı gradient bir ton verirsek son hali aşağıdaki gibi olacaktır :

190903265-4173742c58e4c25e2044e881abef069070778d18e133828e7911c436be4673dd.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/colorhalftoneefekti-adobeillustratordersleri-r6pqqwuw3a

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

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.