Typography – Adobe Illustrator Dersleri


190903265-7bb1b6d2e5be2b1b61a5f3d6a9aa09a32e178d3148731ddee32d4551e8130347.jpeg

Uygulamalı Adobe Illustrator derslerinin bu bölümünde bir typography çalışması yapacağız. Bunun için de referans bir araba görseli bulup onun üzerinden gideceğiz. Uygulamada kullanılan kaynakları aşağıdaki linklerden indirebilirsiniz :

  • Araba Resmi
  • Kullanılan Yazı : "High Performance, Time and Again..."

 

Amaç

 

Adobe Illustrator ile Typography çalışması

Öğrenilecekler

  • Elipse Tool
  • Gradient Tool
  • Pen Tool
  • Layers Paneli
  • Envelope Distort > Make with Mesh özelliği
  • Rectangle Tool

Typography Çalışması

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

190903265-3a8f473534b6fd1619e4fa4e25c273191862f9c4f7352122666b95cccde7c91d.png

Araba görselini çalışma alanımıza yerleştirelim. Bunun için Ctrl + C ile kopyaladıktan sonra Ctrl+V ile yapıştırabileceğimiz gibi File > Place seçeneklerini kullanarak da yerleştirebiliriz :

190903265-86c03b96cd520976c1163a66a0115c6e4d929256e2ccda3ce5fce640e9d9739b.png

Arabayı seçtiğinizde üst toolbarda aktif olan butonlar arasında "Embed" butonu varsa ona tıklayarak resmi çalışmamıza gömülü hale getirebiliriz. Klavyeden Ctrl+T tuşlarına basarak aracımızı aşağıdaki gibi büyütelim :

190903265-9fe1ee48cc482085a769a908bac31f086c29a92233898007489be2a946e5ffcf.png

Layers panelini açmamız gerekiyor. Bunun için Window > Layers seçeneklerini seçelim. Layers panelinde araç layerının üzerine çift tıklayalım. Aşağıdaki gibi bir pencere açılacaktır. Template seçeneğini işaretleyip tamam diyelim :

190903265-4f6ca30c32036251cbde7097c520e99facabb32a69b8201f446e40c0daf622d6.png

Görselimizi bir template e çevirmiş olduk. Dolayısıyla bu layer kilitleneceğinden çalışmamız için Layers panelini kullanarak yeni bir layer açalım :

190903265-e2958dc17e7940e5233fc56b5485625c9cd6169940c3d1395b04bea5fff1eaaa.png

Şimdi oluşturduğumuz bu yeni layer üzerinden çalışacağız. İlk olarak Text Tool kullanarak aşağıdaki gibi yazı yazalım. Sonrasında yazıyı seçip > sağ tık > Create Outlines seçeneklerini seçerek yazıyı komple bir nesneye dönüştürelim :

190903265-4e089210272509f190d5d5a1612c695d317e2113d080a626808fd182ee74ee17.png

Yazı komple bir nesneye dönüştü ama bizim her bir kelimeyi ayırmamız gerekiyor. Bunun için yazıyı seçtikten sonra > sağ tık > Ungroup seçeneği ile tüm harfleri birbirinden ayıracak hale getirelim ve her bir kelimeyi ayrı ayrı seçtikten sonra klavyeden Ctrl+G seçeneklerini seçerek gruplayalım :

190903265-d43a0b194b6b4e820f18558ef7e2fba1efafbbb6a3261e4a14388fa8e325a3e2.png

Bu hazırladığımız kelimeleri Mesh'e çevirmemiz gerekiyor. Bunun için de Object > Envelope Distort > Make with Mesh seçeneklerini seçelim.

190903265-9354d740f7f03e2def695def2f33cb7aaba2c60800ca45fc768d2e2564e1e032.png

Karşımıza aşağıdaki gibi bir pencere gelecektir. Burada hazırlanacak Mesh'in satır sütun değerlerini girmemiz istenmektedir. Genel olarak 3x3 ideal bir seçim olsa da "Performance" kelimesi gibi uzun kelimeler için aşağıdaki gibi farklı seçenekleri de deneyebilirsiniz :

190903265-159b44fdbe6247396b27cb0d795e8d34ff882d616813dd319316f31ac393073c.png

Şimdi bütün kelimelere aynı işlemi uyguladıktan sonra aşağıdaki gibi arabaya yerleştirelim :

190903265-d5249d61142ed8934a4ab3e506f357f7493da8eb3695cf291ef0b0454d43fbf2.png

Bu yazıları Ctrl+T kullanarak aşağıdaki gibi büyütelim.

190903265-67edbeb4ee8daacdcf287c1e727cf809c32d1effebb86294bfa61282939f2a59.png

Her bir kelimeyi seçtikten sonra sol toolbardan Direct Selection Toolaracını seçip her bir noktayı aşağıdaki gibi arabanın şekline göre çekiştirelim :

190903265-12ea8151e5a69178441305b6c2bd35bddb40050c3061c0e2eb234a26f223c89d.png

Bu şekilde diğer kelimeleri de yaptıktan sonra aracın son hali aşağıdaki gibidir :

190903265-d5191533a842bccbe177b4f9c8ebf6416c5d29c2ac60e855bb3bad5d169ce2a7.png

Şimdi tekerleri çizelim. Bunun için sol toolbardaki Elipse Tool aracını alıp iç içe 4 adet daire çizelim.

190903265-bd9d8b52bc0f9cb621f488ebba0ae7ce5712946299916840761ab7fe0d629170.png

Arial fontunu kullanarak *(yıldız) simgesini yazalım. Bunu da sağ tık > Create Outline dedikten sonra Ctrl+T ile büyütelim. Bu karakteri arabanın tekerleği için kullanacağız.

190903265-8c61db79c1ec00354d8235dd9c0479ddafad4b2b41416fa862371dd854337c6c.png

Tekerimiz tamamlandı. Bunun bir kopyasını alıp diğer tekerin üstüne koyalım. Buraya kadar çalışmamızın son hali aşağıdaki gibidir :

190903265-dd95b3f5bd7987bbb179e6309ed3d44591fce8dd274abe1db51911cae75233ba.png

Sıra arabanın üst kısmına geldi. Bunun için sol taraftaki toolbardan Pen tool aracını seçtikten sonra aşağıdaki gibi çizelim:

190903265-692e8919f2b0b6c2a2575bb58f71c9fe3746b25d8a7a16e983e3ad54c2250c0f.png

Şimdi de zemini yapalım. Bunun için Rectangle Tool aracını kullanabiliriz :

190903265-255d396e2aa7197e36de3b3364e3fd8d97f5886d835b42d8c967768c3a0e3c45.png

Artık arkaplanı hazırlayabiliriz. Rectangle aracını kullanarak tüm çalışma alanını kaplayacak bir dikdörtgen çizelim. Sonrasında Gradient Tool aracına tıklayalım. Aşağıdakine benzer bir görüntü çıkacaktır :

190903265-9bb2ec2a4dd83216ad58e1a296680315c984579d5deab6baad31c9ac79359ac9.png

190903265-4ffb9acbf8b7aba00ad78f7d986b6c8545f4a47e9fd5ab93e1ea917303b6950a.png

Son olarak da bu arkaplanı en arkaya gönderelim. (sağ tık > Arrange > Send to Back). Tekerlekteki beyaz olan daireleri seçtikten sonra EyeDropperaracı ile arka plana tıklarsanız aşağıdaki gibi şeffaf bir görünüm elde edersiniz.

190903265-86d7def04830638fbfa1aea68eb808162ebe8c573c01b4cadc0f080e4c831d9d.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/typographyadobeillustratordersleri-zfip7f46se

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

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.