Adobe Illustrator’da Etiket Yapalım

Birkaç ay önce bazı ziyaretçilerimin bana e-posta aracılığıyla Adobe Illustrator konusundaki yazılara ağırlık vermemi söylemişti. Ben de bir önceki yazımda Illustrator’e yeni başlayanlar için bir yazı yazarak bu konuya bir başlangıç yapmış oldum. Şimdi de deviantart‘daki bazı çalışmalarda ve Web 2.0 trendini benimsiyen sitelerde görmeye alıştığımız bir grafik öğesinin Illustrator’de nasıl yapılacağına dair eğitsel yazdım. Bu eğitseli biraz uzunca yazmış olabilirim. Hedefim bu işe yeni başlayanların da birşeyler yapabilmesidir.

Hadi Başlayalım

İlk adımda File menüsünden New komutu ile veya CTRL+N kısayol tuşuna basıp aşağıda görülen ayarlarla yeni bir dosya açıyoruz.

Sonrasında araç kutusundan elips aracını seçip, Artboard(veya sayfa diyebiliriz)a SHIFT tuşunu basılı tutarak bir daire çiziyoruz.

Araç çubuğundan bıçak aracı(knife tool)u seçip ardından aşağıda görüldüğü gibi dairenin sağ üst kısmını ALT+SHIFT tuşunu basılı tutarak düzgün bir şekilde kesiyoruz.

Araç çubuğundan seçim aracı(selection tool)u seçip az önce kestiğimiz bölümü DELETE tuşu ile siliyoruz.

Sayfamızdaki çemberi CTRL+C ile kopyalayıp CTRL+V ile sahnemize tekrar yapıştırıyoruz. Yani çemberi çoğaltıyoruz. Daha sonrasında çemberlerin pozisyonlarını da aşağıda görüldüğü şekilde ayarlamamız gerekiyor. Bunu rahatlıkla yapmamız için dış çizgi moduna(Outline Mode) CTRL+Y tuş kombinasyonu ile geçiş yapıp çemberlerin pozisyonunu Selection Tool(kısayol tuşu V)’la ayarlıyoruz ve işimiz bitince yine CTRL+Y ile dış çizgi modundan(Outline Mode) çıkıyoruz.

Şimdi ise alt kısımdaki dairemize Selection Tool(kısayolu V) ile bir kere tıklayıp seçili olmasını sağladıkdan sonra CTRL+C ile kopyalayıp bu sefer CTRL+F ile yapıştırıyoruz. Bu arada belirtmeliyim ki CTRL+F tuş kombinasyonu, CTRL+C ile kopyalanan nesnenin ait olduğu orijinal pozisyona yapıştırmaya yarıyor.

Az önceki kopyalama işlemini tamamladıkdan sonra Layer paletine bakacak olursak(eğer layer paleti sizde görünmüyorsa Window menüsünden Layers komutu veya F7 tuşu ile açabilirsiniz) üç tane Path geldiğini göreceğiz. Ortadaki Path’i, yani ikinci Path’i aşağıdaki görüntüdeki gibi yukarıya doğru sürükleyip en yukarda yer almasını sağlayın. Veya Layer paletinden ortadaki Path’i seçip Object menüsünden Arrange>Bring to front komutu ile de aynı işlemi yapabilirsiniz. Bu işlemi de yaptığınızda sayfamızdaki nesnelerimiz bu görüntüdeki gibi görülmesi gerekiyor.

Aşağıdaki görüntüye bakacak olursak Layer Paletindeki Pathlerin yanlarında küçük çemberler olduğunu göreceksiniz. Bu adımda CTRL tuşunu basılı tutarak ortadaki ve üstteki Path’in yanındaki çemberlere basarak sayfamızdaki nesneleri seçmiş olacağız. Bu işlemi SHIFT tuşunu basılı Selection Tool(kısayolu V) ile her iki nesneye tıklayarak da yapabilirsiniz.

Object menüsünden Clipping Mask>Make komutu veya CTRL+7 tuşuna basarak maskemizi uyguluyoruz. Bu işlem sonucunda sayfamızdaki nesnemiz aşağıdaki gibi olmalı:

Layer paletindeki ilk Path(bu sayfadaki dairemiz oluyor)’i seçip, ekranın üstündeki kontrol paletindeki Fill kısmından White, Black adlı Gradient’e tıklayarak siyah beyaz gradient ile boyanmasını sağlayın. Sonuç aşağıdaki gibi olmalı.

Şimdi bu siyah beyaz rengi biraz değişelim. Büyük dairenin seçili olduğundan emin olun(üstteki resimdeki gibi). Ardından Swatches ve Gradient paletinin her ikisini de açın(eğer açık değilseler Window menüsü altındaki Gradient ve Swatches komutu ile açabilirsiniz). Aşağıda görüldüğü gibi Swatches paletindeki sol taraftaki koyu turuncu rengi(pumpkin) Gradient paletinin sol kutusuna bırakın ve yine aynı işlemi sağ tarafdaki açık turuncu rengi(squash) Gradient paletindeki sağ kutuya bırakın.

Bu işlemi tamamladıkdan sonra çalışmamız şu halini alması gerekiyor:

Şimdi ise üst dilimi renklendirmek için Layer Paletinde bir grup var ve bunun içindeki Path’i seçiyoruz(aksini belirtmediğim takdirde seçimi iptal etmeyin yoksa ilerdeki adımlarda problem çıkabilir ve eğer yanlışlıkla seçimi iptal ederseniz yine bu adımı tekrar edip üst dilimin seçilmesini sağlayın). Grubu açmak için aşağıdaki görüntüde işaretlenen aşağı oka basmanız gerekiyor.

Üst dilimi seçtikden ekranın üstündeki kontrol paletindeki Fill kısmından “White, Black” adlı Gradient’e tıklayarak siyah beyaz gradient ile boyanmasını sağlayın.

Araç kutusundan Gradient Tool(kısayolu G)’u seçin ve aşağıda görülen çizgi doğrultusunda fareyi sürükleyip bırakın.

Gradient Paletine geçip en sağdaki kutuya çift tıklayarak Color Paletine ulaşın ve oradan K renk kaydıracının değerini %50′ye ayarlayın.

CTRL+A ile bütün nesnelerimizi seçip ekranın üstündeki kontrol panelinde bulunan Stroke özelliğine girip aşağıda görülen görüntüdeki gibi ‘[None]‘yi seçerek dış çizgilerimizi yok ediyoruz.

Son olarak elde edeceğimiz görüntü aşağıdaki gibi olacak:

CTRL+A ile bütün nesnelerimizi seçip araç kutusundan Rotate Tool veya klavye kısayolu olan R tuşuna basarak 90 derece sağa doğru döndürün. Ve üzerine aşağıdaki gibi istediğiniz bir yazıtipi ile yazınızı yazın. İşte bu kadar. Elde edeceğimiz sonuç aşağıdaki gibi olacak.

Bu yazı Fatih Turan tarafından 25 Ağustos 2007 18:28 tarihinde yazıldı. 5 yorum var.

Adobe Illustrator’e Başlarken

Vektör ve bitmap grafikleri konusunu daha önce ele alırken vektörel grafik oluşturmak için Adobe’nin biçilmiş kaftanı diye tabir edebileceğimiz Illustrator’den de bahsetmiştim. Şimdi ise Adobe Illustrator’e yeni başlayacak olanlar için yararlı olacağını düşündüğüm bir yazı yazdım.

Photoshop’un arabirimine alışıksanız, Illustrator’ün de arabirimine çok rahatlıkla alışabilirsiniz. Çünkü her iki programında arabirimi neredeyse aynı. Sonuçta ikisi de Adobe’nin elinden geçmiş. Şimdi Illustrator’un arabirimine bir göz atalım:

Arabirim

Aşağıdaki görüntüye baktığımızda solda birtakım araçların yer aldığı araç kutusu, sağda paletler, üstte kontrol paleti ve ortada artboard(sayfa) bulunmakta.

Ekrandaki paletlerimiz ve araç kutumuzu yine Photoshop’daki gibi TAB tuşu ile gizleyip gösterebiliyoruz. Eğer SHIFT+TAB tuşlarına basacak olursak sadece paletlerimizi gizleriz. Paletlerimizi ve araç çubuğunu kendinize göre uygun bir biçimde yerleştirdikden sonra üstteki menüden WINDOW-WORKSPACE-SAVE WORKSPACE komutunu çağırdıkdan sonra bir isim vererek çalışma alanındaki paletlerin ve araç çubuğunun pozisyonlarını kaydedebiliriz. Bu komut paletlerin yerlerini karıştırınca veya istemeden kapatınca tekrar eski istediğimiz düzende geri götürebilmek için gayet yararlıdır. Eğer paletlerin konumunu Illustrator’un ilk açılışındaki gibi ayarlamak istiyorsanız WINDOW-WORKSPACE-DEFAULT’u seçmeniz yeterlidir.

Ayrıca ekranımızda daha fazla yer açmak için her defasında F tuşuna basarak menü çubuğu ile tam ekran, tam ekran ve standart görünüme geçiş yapabilirsiniz. Bu size daha ferah bir çalışma ortamı sunar.

Araç Kutusu

Araç çubuğunda az önce birtakım araçların yer aldığından bahsetmiştik. Bu araçların altında yine Phohoshop’da olduğu gibi(ne kadar çok benzerlik olduğunu görüyorsunuz sanırım) alt araçlar bulunmakta. Örneğin aşağıdaki görüntüdeki gibi araç kutusundaki düğmelerin altında küçük bir ok işareti(A) var ve o düğmeyide basılı tutunca, o aracın altında gizlenmiş farklı araçların var olduğunu göreceksiniz.

Alt araçları açınca en sağda yine küçük bir ok işareti(B) bulunur ve buraya basarsanız yukarıda görüldüğü gibi araçları açık halde bırakabilirsiniz. Eğer sıkça kullandığınız araçlarınız var ise bu şekilde bir yol izleyerek Illustrator’u daha rahat bir şekilde kullanabilirsiniz.

Kontrol Paleti

Kontrol paleti ekranın en üstünde bulunan, seçilen araca veya nesneye göre, seçilen öğenin temel özelliklerini ayarlamanızı sağlayan en önemli paletlerdendir. Bu paletle sayfamızdaki öğelerin temel özelliklerini(stroke, brush, yazıtipi büyüklüğü, x-y konumlandırma, genişlik-yükseklik vs…) belirleyebiliriz.

Kontrol paletinin konumunu ise en sağdaki küçük ok ikonuna tıklayarak açılan menüden ayarlıyoruz. Aşağıdaki görüntüde açılan menüdeki komutlardan Dock To Bottom’a basarsak palet en aşağıya, Dock To Top’a basarsak üste gelir.

Paletler

Paletlerlede yine az önce anlattığım ekranın üstünde yer alan kontrol paleti gibi sayfada seçilen öğelerin özelliklerini belirlemeye yarar. Paletleri WINDOW menüsü altındaki komutlarla açıp kapatabilirsiniz.

Aşağıdaki görüntüye bakacak olursak bazı paletlerin başlıklarının solunda aşağı ve yukarı ok ikonu(A) bulunmakta. Buna basarak paleti genişletip ek fonksiyonları görebiliyorsunuz. Ayrıca paletlerin sağ üst köşesinde küçük bir ok ikonu(B) bulunmakta ve bu ikona basıldığında bir alt menü açılmaktadır.

Menü Çubuğu

Her programda olduğu gibi Illustrator’un da birçok komutunun yer aldığı çubukdur. İlerde mümkün olursa buradaki önemli komutları bir kaç yazı halinde anlatacağım.

İlk Tercihlerinizi Belirleyelim

Adobe Illustrator’un arabirimine kısa bir gezinti yaptıkdan sonra şimdi de işinize yarayacağını düşündüğüm bazı ufak tercih ayarlamalarını göstermek istiyorum. Illustrator’un tercihlerine girmek için CTRL+K veya ekranın üstündeki menüden EDIT-PREFERENCES komutuna basmanız gerekiyor. Ardından aşağıdaki gibi bir ekran belirir. Tercih sayfalarında dolaşmak için PREVIOUS ve NEXT düğmelerini veya bu pencerenin sol-üst köşesindeki listeyi kullanabilirsiniz.

Şimdi sol üst köşedeki listeden Units&Display Performance’ı seçerek tercih sayfasının en altındaki kaydırma çubuğunu göreceksiniz. Burada Hand Tool(el aracı) kullanırken, Illustrator’un çalışmanızı daha net veya daha hızlı güncellemesi için ayar bulunmakta. Sıkı bir Illustrator kullanıcısı çalışmasını oluştururken Pen Tool(kalem aracı), Zoom Tool(büyütme aracı) ve Hand Tool(el aracı) üçlüsüne sık sık başvurur. İşin Hand Tool(el aracı) kullanma kısmında bilgisayarınız eğer yavaşsa Illustrator’de hantallaşma başlar. Bu da kullanıcı açısından problem oluşturur(en azından benim için yavaşlık en büyük problemlerdendir). Aşağıdaki görüntüdeki gibi bu ayar ile oynayarak Illustrator’un ekranı daha hızlı(Faster Updates) veya daha kaliteli(Full Quality) güncellemesini belirlersiniz.

Yine bir performans için küçük bir ipucu daha vermek istiyorum. Preferences penceresindeyken sol üst köşedeki listeden Plug-ins&Scratch Disks adlı sayfaya ulaştıkdan sonra sayfanın ortasındaki Scratch Disks bölümünden Primary olarak C:\ sürücüsünden farklı ikincil bir sabit disk bölümü belirleyin(örneğin D:\). Bu ayar ile Illustrator’un çalışma esnasında oluşturduğu geçici dosyasını farklı bir bölüme yerleştirerek biraz daha performans artışı sağlıyoruz.

Takip Edin

Eğer İngilizceniz yeterli ise aşağıdaki bağlantıları okuyabilir veya izleyebilirsiniz. Maalesef Illustrator hakkında Türkçe olarak herhangi bir kaynağa rastlayamadım. Sizin bu konuda rastladığınız Türkçe eğitsel bağlantısı varsa yorumunuzda bildirebilirsiniz.

• Ndesign-studio
• Veerle
• Layers Magazine
• Tutvid
• Illustrationclass
• Pixeladdiction
• Biorust
• Illustrationworld
• Vecpix
• Video-tutes

Bu yazı Fatih Turan tarafından 25 Ağustos 2007 16:53 tarihinde yazıldı. 1 yorum var.

Vektör Ve Bitmap Grafik Türleri

Vektör ve bitmap(raster) grafikler. Bu iki terimi forumlarda, çeşitli portölyolarda ve büyük galerilerde mutlaka duymuşsunuzdur. Bilgisayarla oluşturulan grafikler bu iki türden oluşur.

Vektör grafik nedir? Vektör grafikler hangi programlarla oluşturulabilir ve düzenlenebilir? Bitmap nedir? Bitmap grafikler hangi programlarla oluşturulabilir ve düzenlenebilir? Bütün bu soruların yanıtını bildiğim kadarı ile cevap verip en sonunda bu iki türü karşılaştırmaya gideceğim.

Vektör Grafik Nedir?

Vektör grafikler çözünürlükten bağımsız, herbir nesne matematiksel ifadelerle oluşturulan ve en önemlisi detay kaybetmeden herhangi bir boyuta yeniden ölçeklendirilebilen grafik türüdür. Aşağıda görüldüğü üzere vektörel nesne büyütüldüğünde herhangi bir bozulma gerçekleşmiyor.

Vektörel Grafikler Hangi Programlarla Oluşturulabilir?

Vektör grafik üretmek için yapılan birçok program mevcut. Bunların arasında en çok bilinen ve benimde severek kullandığım program olan Adobe Illustrator‘dur. Adobe Illustrator’un dosya uzantısı .ai’dir. Öte yandan ülkemizde özellikle baskı alanında kullanılan ve bence Illustrator kadar kullanışlı olmayan Corel Draw bulunuyor. Corel Draw’ın dosya uzantısı .cdr’dir. Yine ülkemizde pek bir popüler olan ve kullanımı diğer programlara nazaran daha basit olan fakat geleceği biraz meçhul olan Macromedia(Adobe) Freehand bulunur. Freehand’in dosya uzantısı .fh(X)’dir. Bu ticari programların yanısıra arabirimi Corel Draw’a benzeyen ve açık kaynaklı, ücretsiz bir program olan Inkscape‘de denenmeye değer bir program olduğunu söylemeden geçmeyelim. Inkscape ile çok sağlam çalışmalar yapıldığını gördüm ve Inkscape çoğu işletim sisteminde çalışır durumdadır. Inkscape’in kullandığı dosya uzantısı .svg’dir. Son olarak yukarda bahsettiğim programlar kadar gelişmiş olmasada web grafikleri için kullanabileceğiniz, vektörel çizim yeteneğine sahip olan Macromedia(Adobe) Fireworks‘dan da bahsedebiliriz. Öte yandan Fireworks’un bitmap çizim yetenekleride mevcut. Bunun için Muhammet Sevim’in hazırlamış olduğu yazıyı gözden geçirmenizi tavsiye ederim. Fireworks’un kullandığı dosya uzantısı ise .png’dir.

Bahsettiğim bu dosya uzantılarının yanısıra .svg, .eps, .wmf gibi dosya uzantılarını da yukarıdaki programlar ortak olarak kullanabiliyorlar.

Bitmap Grafik Nedir?

Bitmap türü grafiği tanımlayacak olursak, ilgili imajı oluşturan ve herbiri renk bilgisi içeren piksel veya noktaların yanyana ve alt alta dizilmesiyle oluşan grafik türüdür. Piksel’den kısaca bahsetmek gerekirse bir bitmap görüntüyü oluşturan en küçük noktadır. Aşağıdaki nesneye yakından bakıldığında piksellerden oluştuğu görülüyor ve büyütüldüğünde görüntü kalitesinde kayıp yaşanıyor.

Bitmap Grafikler Hangi Programlarla Oluşturulabilir?

Bu tür grafikleri oluşturmak için en bilindik ve en popüler olan, yine benim kullanıyor olduğum Adobe Photoshop‘u ilk başta sayabiliriz. Sonrasında uzun zamandır Adobe Photoshop’a alternatif olarak gösterilen Corel PaintShop Pro‘dan bahsedebiliriz. Yine bir açık kaynaklı ve ücretsiz bir program olan Gimp‘i de duymuşsunuzdur. Eğer Gimp’in arayüzüne yabancı iseniz GimpShop‘u deneyebilirsiniz. GimpShop’daki menüler ve kısayol tuşları Adobe Photoshop ile hemen hemen aynı yapılmaya çalışılmış böylece bir nebzede olsa Adobe Photoshop kullanıyor gibi Gimp’i kullanabiliyorsunuz. Bitmap grafiklerde en çok kullanılan uzantılardan bahsetmek gerekirse .jpg, .png, .gif, .bmp gibilerini sayabiliriz.

Avantajlar-Dezavantajlar

Vektör Grafik Türlerinin Avantajları

• Vektör grafikler farklı boyutlar ve farklı renklerde üretilmesi gereken çalışmalarda kullanmak için idealdir. Örneğin bir vektörel görsel çalışması büyük bir ilan tahtası için büyütülüp kullanılabilir. Aynı zamanda istenilen derecede küçültülüp kalite kaybı olmaksızın bir kartvizit üzerine de basılabilir. Çalışmanın görsel olarak detaylarıı her iki durumda da kayıba uğramaz.
• Vektör grafikler gerektiğinde bitmap haline kolaylıkla getirilebilir.
• Vektör grafikler istenildiğinde büyütülebilir, nesneler yeniden renklendirilebilir, nesneler yeniden şekillendirilebilir.
• Dosya boyutu olarak daha az yer kaplarlar.

Vektör Grafik Türlerinin Dezavantajları

• Vektörel grafik çalışmalarında görsel olarak fotoğraf kalitesinde üretim yapamassınız.
• Vektörel grafik çalışmaları web üzerinde bitmap olarak çevirmeden kullanamassınız. Yalnız son zamanlarda .svg diye bir dosya türü ile bu mümkün gibi görünsede bu konu hakkında tam olarak bir bilgim yok.

Bitmap Grafik Türlerinin Avantajları

• Bitmap grafikler milyonlarca renk değişimi alabilir.
• Bitmap grafiklerde piksellerin herbirine müdahale edebilirsiniz. Bu sayede fotoğrafçılar veya sayısal sanatçılar fotoğraflara rötüş işlemi veya manipüle edebiliyorlar.

Bitmap Grafik Türlerinin Dezavantajları

• Bitmap grafiğin sahip olduğu çözünürlükten daha yükseğe getirildiğinde keskinliğini yitirir ve görüntüde bozukluk meydana gelir. Aynı zamanda sahip olduğu çözünürlükten daha aşağı hale getirildiğinde de pikseller kaldırıldığı için orijinal görüntüsünü kaybeder.
• Bitmap grafikler özel dosya biçimlerini saymassak(Photoshop gibi programların kullandığı .psd dosya türü gibi) katman bilgileri içermezler. Bu yüzden düzenlenmesi vektör grafiklere nazaran zordur.
• Bitmap grafikler vektör grafiklere nazaran bilgisayarda dosya boyutu olarak daha fazla yer kaplar.

Yazımızın sonuna geldik. Eğer bir eksiğim veya hatam varsa bu konu üzerinde yorumda bulunup yazımı genişletebilirsiniz.

Bu yazı Fatih Turan tarafından 25 Ağustos 2007 11:29 tarihinde yazıldı. 1 yorum var.