Yeni Adobe Creative Suite 4

Yeni Adobe Creative Suite 4 ailesi dün Adobe tarafından tanıtıldı. CS4 Design Premium, Web Premium, Production Premium ve Master Collection adı altında dört farklı paket sürümü ile geliyor. CS4 içinde yer alan programların yeni özellikler inanılmaz güzellikte. Gerçi ben hala Trial sürümleri indirip deneyemedim. En kısa zamanda indirip canlı olarak deneyeceğim ama bu yazımda CS4 ailesi içindeki bazı programların gözüme çarpan yeni özelliklerine değineceğim.

Adobe Photoshop

CS ailesinin amiral gemisi sayılabilecek Photoshop bir önceki CS sürümündeki gibi Photoshop ve Photoshop Extended adı altında iki ayrı versiyon ile satılmakta. Her iki sürüm arasındaki farklılıkları buradaki sayfadan öğrenebilirsiniz. Fakat ben burada Photoshop Extended’daki özelliklerden bahsedeceğim (nasılsa diğer sürümdeki özellikleri kapsıyor değil mi?).

Adobe hemen hemen her sürümde Photoshop’un arabiriminde mutlaka bir değişikliğe gidiyordu. Anlaşılan bu sürümde de bu huyundan vazgeçmemiş görünüyor ve Photoshop CS4′u yenilenmiş arabirim ile bizlere sunuyor. Açıkcası Photoshop’u -az önce de dediğim gibi- kurup inceleyemediğimden dolayı tam bir yorum yapamayacağım ama görebildiğim kadarıyla yeni arabirim gayet iyi. Arabirimde ilk dikkatimi çeken üst kısımdaki sekmeler oldu. Daha önceden dökümanlar arasında kaybolup duruyorduk. Sekmeler sayesinde bu sorun ile artık daha az karşılaşacağız gibime geliyor. Bu arada bu sekme özelliği sanırım diğer programlarda da mevcut.

Açıkcası Photoshop’un en çok ilgimi çeken Akıcı Tuval Yönü denen yeniliği oldu. Bu yenilik sayesinde tuvalimizde birtakım değişiklikler meydana geldi. Mesela önceki sürümlerde tuvalimize sadece %1600 boyutunda yakınlaştırma yapabiliyorduk. Oysa tanıtım videosundan gördüğüm kadarıyla tuvaldeki görselin piksellerine kadar yakınlaştırma yapabiliyoruz. Diğer yandan Rotate View Tool ile tuvalimizi 360 derece açıyla döndürebiliyoruz ki bu da çok ilginç bir özellik.

Bir diğer yeni özellik olan İçerik Bilinçli Ölçekleme ile Photoshop’ta görselleri yeniden boyutlandırırken içeriğin de boyuta göre yeniden şekilleniyor. Bunun pratikte işe yarayıp yaramayacağını bilmiyorum. Ama yararlı bir özellik gibi görünüyor. Herneyse ilerleyen günlerde deneyip göreceğiz.

Sık sık fotoğraflarla uğraşan kullanıcıların beğeneceğini düşündüğüm yeni Ayarlamalar Paneli sayesinde önceki sürümlerde birçok menü altında kaybolup levels, curves, brightness&contrast vs. ayarlamak artık tarih oldu. Adjustment adlı panel sayesinde bütün bu ayarlamaları menüler altında kaybolmadan kolayca yapabileceğiz artık.

Bir de bu Photoshop CS4′ün çıkmadan önce bir yerde Photoshop’un bilgisayarımızın GPU’sunu kullanacağını okumuştum. Ama nedense Adobe’nin yayınladığı özellik listesinde bu ibareye rastlayamadım. Photoshop’un yeni ve geliştirilmiş bütün özelliklerini bu sayfadan okuyabilirsiniz.

Adobe Illustrator

Adobe Illustrator vektör tabanlı programlar arasında -bana göre- kullanıcıya en iyi imkanları verebilen vektör çizim programıdır. Ben de vektörel çalışmalarımı (bazılarını çalışmalarım sayfasında bulabilirsiniz) Illustrator ile yapıyorum. Bunun birçok nedeni var ama en önemlisi sanırım Photoshop’a benzer arabirimi sayesinde kolay kullanımı ve dolayısıyla da kolay öğrenilebilir bir yapıya sahip olmasıdır.

Yeni Illustrator’de gradientlerde (Türkçesi ile degrade) büyük değişiklikler oldu. Artık oluşturduğumuz gradiantlardaki renk duraklarında şeffaflık belirleyebileceğiz. Bundan önce böyle bir özellik yer almıyordu Illustrator’de. Açıkcası bu durumu ben de önceden Illustrator’de çalışırken farketmiştim ve biraz da canımı sıkıyordu. Kısacası artık bu sorun yok ve gradientlerimize şeffaflık verebiliyoruz.

Yine Illustrator’de gradientlerin açı, konum ve boyutunu çalışılan nesne üstünde kolayca ayarlayabileceğimiz yeni bir özellik gelmiş. Daha önce Gradient paletinde kırk takla atarak çeşitli manevralarla yaptığımız değişiklikleri artık daha kolay yapabileceğiz.

Burada yazamadığım daha birçok yenilik Illustrator’de yer almakta. Yanlız Adobe’nin hala Illustrator’e çoklu sayfa özelliğini koymamasını biraz garipsedim. Keşke InDesign’daki o güzel özellik Illustrator’de de  olsaydı. Ama yine de Hot Door‘un Illustrator için geliştirdiği Multipage eklentisi sayesinde bu özelliği Illustrator’e katabiliyorsunuz.

Adobe Fireworks

Fireworks’de de diğer Adobe ürünlerinde olduğu gibi yeni özellikler geldi. Bir önceki Fireworks CS3 sürümündeki arabirimde eski Macromedia’nın arayüz tarzı ağır basıyordu. Bu sürümde nihayet Fireworks’un arabirimi tamamen yenilenerek Fireworks’un arabirimine Adobe’nin bakış açısı hakim oldu.

Fireworks’le pek çalışmadığım için bir önceki sürümde tasarımı otomatik HTML’ye dönüştürürken tam bir CSS desteği verip vermediğini veriyorsa ne denli verimli çalışıyor bunu bilmiyorum. Ama bu sürümde Adobe’nin iddia ettiğine göre web tasarımınızı tek adımda CSS tabanlı HTML dosyalarına dönüştürmeniz mümkünmüş. Gerçi hiçbir zaman bu tip yöntemleri tasvip etmiyorum (bunun XHTML KITCHEN‘da çalışmam ile alakası yok arkadaşlar ). Elle yazılan kod her zaman otomatik oluşturulan koddan daha iyidir. Herşey elinizin altında olur, kontrol sizin elinizdedir falan (daha birçok neden yazılabilir aslında )… Ama bu özellik sayesinde bu işten hiç anlamayan kullanıcılar için yararlı bir fonksiyon olmuş.

Yeni özellikler arasında tasarımınızı şifre korumalı olarak PDF dosya biçiminde dışarı aktarabiliyorsunuz. Hatta görüntüleme, baskı, kopyalama vs. gibi işlemler içinde ayrı olarak şifre belirleyebiliyorsunuz. Bu özelliğin diğer CS4 programlarında olup olmadığını bilmiyorum ama umarım vardır. Çok güzel bir özellik değil mi? Bence harika…

Adobe’nin bildirdiğine göre yeni Fireworks bir önceki sürüme göre daha performanslıymış. Bir önceki Fireworks’u ben de denerken kimi zaman bazı işlemlerde yavaşlığını farkediyordum. Bu da yararlı bir gelişme olmuş.

Fireworks’da bir önceki sürümün aksine metin motoru olarak Adobe’ninkini kullanıyormuş. Sanırım diğer Adobe programlarında olan anti-alias, paragraf ayarları seçenekleri gibi özellikleri artık Fireworks’da da kullanabileceğiz.

Kısacası Fireworks bu sürümle bayağı bir olgunlaşmış. Hatta kimi zaman Photoshop’u bırakıp Fireworks’a mı geçsem web tasarımlar için diye düşünmüyor değilim.

Adobe Dreamweaver

Dreamweaver’ı kullanmayalı bayağı oluyor. Bundan sonra da kullanmayı açıkcası düşünmüyorum. Çünkü WYSIWYG tarzı editörlere hiç ihtiyaç duymuyorum. “Ben Kimim?” sayfasında da yazdığım üzere çoğu işlerimde E Text Editor adlı programı kullanıyorum. Yine de Dreamweaver’da ilgimi çeken birkaç yenilik oldu. Bunlardan bahsetmem yararlı olacak.

Bundan önce bir sürü basit editörler de bile yer alan Subversion özelliği (geçenlerde bu konu hakkında Eren Emre bir yazı yazmıştı) nihayet Dreamweaver’a teşrif etmiş bulunmakta. Geç olsun güç olmasın diyerekten bu özelliğin önemli olduğunu belirtmekte fayda var.

Adobe, Dreamweaver’a Akıllı Nesneler adında yeni bir özellik eklemiş. Bu özellik sayesinde herhangi bir PSD belgesini Dreamweaver’daki çalışmanıza sürükleyerek bağlayabiliyorsunuz. Daha sonra bu bağladığınız belgeyi Photoshop’dan düzenlediğinizde Dreamweaver’a geçip hemen güncelleyebiliyorsunuz.

Bundan başka Dreamweaver’ın da arabirimi değişikliğe uğramış (biliyorum şaşırmadınız xD). Daha önce 3 adet olan görünüm kipleri arttırılmış ve 8′e çıkarılmış.

Adobe Flash

CS3 ailesi içinde belkide en çok yenilikle gelen program Flash’dır. Flash’daki yeni özellikler inanılmaz güzel görünüyor. Genel olarak görebildiğim kadarıyla bu sürümde animasyon konusunda bayağı gelişme sağlanmış.

Nesne Tabanlı Animasyon denen yeni Flash özelliği sayesinde Motion Tween tekniğiyle uyguladığınız animasyonları sahnedeki bir eğri yardımıyla kolayca gerçekleştirebiliyorsunuz. Bu yeni özellik gerçekten harika olmuş. Daha önceki sürümlerde bu tür olaylar tam eziyetti.

Öte yandan yine animasyon konusunda yarar sağlayacak Kemik Aracı adı altında yeni bir aracı bizlere bahşetti Adobe. Bu sayede daha önce 3D programlarda gördüğüm kemik editörü benzeri bir aracı Flash’da da görüyoruz.

Bir başka yeni özellik ile sahnemizdeki 2D nesneleri 3D çevirme ve döndürme araçları ile 3D animasyon yapabiliyoruz.

Yine ilgimi çeken güzel bir araç geldi Flash’a. Adı Spray Brush Tool olan bu araç ile herhangi bir sembolü sahnemize püskürtme şeklinde yerleştirebiliyoruz.

İzlenimlerim

Yeni Adobe Creative Suite 4 hakkında izlenimlerim genel olarak olumlu yönde. Şahsen yeni özelliklerden tatmin oldum diyebilirim. Siz bu konuda ne düşünüyorsunuz bilmek istiyorum doğrusu. Yeni özellikleri beğendiniz mi? Beğenmediğiniz yönleri neler? Eğer siz de CS4 ailesi içinde yer alan programları deneyebildiyseniz veya yukarıdaki yazımdan okuduğunuz kadarıyla edindiğiniz izlenimleri burada yorum olarak yazabilirsiniz.

Bu yazı Fatih Turan tarafından 25 Eylül 2008 17:17 tarihinde yazıldı. 5 yorum var.

Illustrator Araçları: Type Tool

Illustrator’un önemli araçlarını tanıtmaya devam ediyorum. Bu seferki tanıtacağım Illustrator aracı Type Tool. Type Tool Illustrator’de yazı yazmamızı sağlayan bir araç. Ve bu araçla normal yazı yazmamızın yanısıra path üzerine, path içinde ve dikey olarak da yazı yazabiliyoruz. Bu küçük tanıtım bilgisinden sonra gelin hep birlikte bu aracı derinlemesine inceleyelim.

Karakter Paleti

Type Tool’u kullanırken yazdığınız yazıya dair bir çok seçeneği aşağıdaki görüntüde yer alan Character adlı palet ile ayarlıyoruz. Bu palet eğer sizde kapalı ise Window menüsünden Type-Character veya klavyeden CTRL+T tuşlarına basarak açabilirsiniz.

Karakter paletinde yazı tipini (1), yazı stilini (2), yazı boyutunu (3), satır aralığı (leading) (4), espas (kerning) (5), harf aralığı (tracking) (6), yatay boyutlandırma (7), dikey boyutlandırma (8), referans çizgisi (baseline) (9), karakter döndürme (10) gibi seçenekleri ayarlayabiliyoruz.

Seçenek Paleti

Ayrıca yazımızın rengini (1), kenar çizgisinin rengini (2), kenar çizgisinin kalınlığını (3), yazının şeffaflığının (4) yanısıra az önce yukarıda anlattığım karakter paletindeki seçeneklerin bir kısmını buradan yani ekranın üstünde beliren seçenek paletinden de ayarlayabiliyorsunuz.

Paragraf Paleti

Paragraf paleti ile Illustrator’de tek satır olarak yazdığınız yazıların aksine, paragraf halinde yazdığınız yazıların seçeneklerini ayarlayabiliyorsunuz. Bu palet genellikle karakter paletinin hemen yanında bulunur. Fakat sizde görünmüyorsa Window menüsünden Type-Paragraph komutu ile veya klavyeden ALT+CTRL+T tuşları ile bu paleti açabilirsiniz.

Paragraf paletindeki seçenekler ile paragrafınızı sola hizalayabilir (1), ortaya hizalayabilir (2), sağa hizalayabilir (3), paragrafı her iki tarafa yaslayıp paragrafın son satırını sola hizalayabilir (4), paragrafı her iki tarafa yaslayıp paragrafın son satırını ortaya hizalayabilir (5), paragrafı her iki tarafa yaslayıp paragrafın son satırını sağa hizalayabilir (6) veya bütün paragrafı her her iki tarafa yaslayabilirsiniz (7).

Ayrıca paragrafa soldan (8) ve sağdan (9) girinti vermenin yanısıra ilk satır için de girinti (10) verebilirsiniz.

Type Tool Alt Araçları

Type Tool (1) dışında yine yazı yazma ile alakalı fakat biraz daha farklı fonksiyonlara sahip alt araçlar mevcuttur. Bunlar Area Type Tool (2), Type On A Path Tool (3), Vertical Type Tool (4), Vertical Area Type Tool (5), Vertical Type On A Path Tool (6) araçlarıdır.

Area Type Tool

Bu araç ile ekranda hazır şekillerle (örneğin Rounded Rectangle Tool veya Ellipse Tool ile çizilen şekiller) veya path tool ile birleştirilmiş (veya kapatılmış diye tabir edebiliriz) biçimde çizilen şekillerin içinde yazı yazmamızı sağlar. Type Tool gibi direkt sahneye tıklayıp yazınızı yazamazsınız. Eğer öyle yapmayı denerseniz size hata mesajı olarak “You must click on a non-compound, non-masking path to create text inside a path” belirecektir. Tekrar ediyorum bu aracı kullanabilmeniz için sahnede bir birleştirilmiş bir path olan bir şekil olması veya çizmeniz gerekir.

Yukarıdaki örnekde görüleceği üzere en üstte Ellipse Tool ile çizilen yuvarlak şeklin içi Area Type Tool ile yazı ile doldurulmuş. Hemen altında ise Rounded Rectangular Tool ile çizilmiş oval kutuyu Area Type Tool ile nasıl doldurulacağı gösteriliyor.

Bunu yapmak gayet basit; ilk önce sahneye örneğin Rectangular Tool ile (klavye kısayolu M’dir) bir kutu çizin. Sonra Area Type Tool ile çizdiğiniz kutunun kenar çizgisinin hemen kenarına geldiğinizde fare imleci yukarıdaki görüntüdeki gibi değişecek. Ardından istediğiniz bir yazıyı buraya girebilirsiniz.

Type On A Path Tool

Bu araç ile sahnede çizilmiş herhangi bir path üstünde (pathler nasıl yapılır bilmek istiyorsanız Pen Tool’u tanıtan bir önceki yazımı okuyun) yazı yazabiliriz. Yine bir önceki Area Type Tool gibi sahneye tıklayıp direkt kullanamıyoruz. Bu aracı kullanabilmemiz için sahnede önceden bir path çizmemiz gerekir.

Yukarıdaki örnekde görebileceğiniz gibi path üzerine yazılmış bir yazı bulunmakta. Hemen altında da görebileceğiniz üzere bir path bulunmakta. Bu pathin üzerine geldiğinizde fare imleci şekil değiştirecek ve o anda pathin üzerine tıklarsanız yazınızı artık onun üzerinde yazabileceksiniz. Yine kullanımı gayet kolay değil mi?

Vertical Type Tool

Bu araç ile aşağıdaki örnekde de görebileceğiniz üzere dikey olarak yazı yazabiliyoruz.

Kullanımı yine gayet basit. Vertical Type Tool’u seçtikden sonra sahnemizde istediğimiz yere tıklayıp yazımızı dik olarak yazıyoruz.

Vertical Area Type Tool

Bu aracın çalışma mantığı Area Type Tool ile hemen hemen aynı. Tek farkı yazıyı yatay olarak değil dikey olarak yazması.

Kullanımı Area Type Tool’a çok benziyor. Aynı örneği bu araç içinde uygulayabiliriz; Rectangular Tool ile (klavye kısayolu M’dir) bir kutu çizin. Sonra Vertical Area Type Tool ile çizdiğiniz kutunun kenar çizgisinin hemen kenarına geldiğinizde fare imleci yukarıdaki görüntüdeki gibi değişecek. Ardından istediğiniz bir yazıyı buraya dikey olarak girebilirsiniz.

Vertical Type On A Path Tool

Bu araç da az önce anlattığım Type On A Path Tool’a çok benziyor. Tek farkı harfleri farklı bir açıda daha doğrusu path üzerine göre dikey olarak yerleştirmekdedir.

Kullanımına dair Type On A Path Tool’daki örneği vermek istiyorum; ilk önce sahnede bir path çizin. Sonra bu pathin üzerine geldiğinizde fare imleci yukarıdaki görüntüdeki gibi şekil değiştirecek ve o anda pathin üzerine tıklarsanız yazınızı artık onun üzerinde yazabileceksiniz.

Bu yazı Fatih Turan tarafından 30 Aralık 2007 14:29 tarihinde yazıldı. Hiç yorum yok.

Illustrator Araçları: Pen Tool

Son 1-2 ayda yazdığım yazılara bakıyorum da çoğunlukla web tasarım konusunu ele almışım. Biraz da Illustrator dünyasına geçiş yapalım diyorum. Bunun için Illustrator’deki önemli araçları tanıtmayı düşünüyorum. Bu yazımda da Illustrator’deki araçların en önemlisi olan Pen Tool’u tanıtıp, nasıl kullanılacağını anlatacağım.

Pen Tool Neden Bu Kadar Önemli?

Pen Tool Illustrator’un (ve diğer vektörel/raster 3çizim programlarının) olmazsa olmaz bir aracı. Çünkü serbest formdaki çoğu çizimler bu araç ile yapılıyor. Illustrator’de bir logo veya vektörel türde çizim yapmak istiyorsanız Pen Tool’a iyi derecede hakim olmalısınız. Örneğin en son yaptığım vektörel çizimimini dış çizgi kipinde (outline mode) bakınca bütün çizgilerin Pen Tool ile çizildiğini göreceksiniz.

Pen Tool Nasıl Kullanılır?

Illustrator’de Pen tool ile çizim yaparken bir kalem gibi sürekli çizgi çizerek değil, bağlantı noktaları (anchor point), yön noktaları ve çizgiler aracılığıyla çizimleri oluşturuyoruz (aşağıdaki görselde bunu gösterdim).

1. Bağlantı Noktası

Bağlantı noktası (anchor point) diye tabir ettiğim noktalar yukarıda da görüldüğü gibi çizgileri (yani Path’leri) oluşturan noktalardır. Bu noktaların iki farklı çeşidi vardır. Birincisi köşe noktalarıdır. Bunlar çizginin yönünü belirler. Diğer ikincisi ise yumuşak noktalardır. Bunlar ise çizginin eğim noktasını yani eğimin hangi noktada oluşacağını belirler. Aşağıdaki görüntüde bu iki bağlantı noktası tipini görebilirsiniz:

Herhangi bir köşe noktasını yumuşak noktaya dönüştürmek için CONVERT ANCHOR POINT TOOL aracını (klayveden SHIFT+C ile) kullanabilirsiniz. Aşağıdaki görüntüdeki gibi bu aracı seçip (SHIFT+C) ile köşe noktasının üzerine gelip hangi yönde eğim vermek istiyorsanız o yönde farenizi çekiyorsunuz.

2. Yön Noktası

Yön noktası bir önceki maddede açıkladığım yumuşak noktaların hangi yöne doğru ve ne kadar eğim verileceğini belirleyen noktalardır. Yön noktasını kullanmak için araç kutusundan DIRECT SELECTION TOOL’u (klavyeden A tuşu ile) seçip ardından hangi yumuşak noktanın eğimini ayarlamak istiyorsanız o noktayı seçiyoruz ve sonra aşağıdaki göründüdeki gibi hangi yönde ve ne kadarlık eğim vermek istiyorsak fare ile yön noktasını eğimi veriyoruz.

3. Çizgi (Path)

En az iki bağlantı noktası ile oluşan çizgilere denir. Çizgileri eğer dolguya (fill) dönüştürmek istiyorsanız ilk bağlantı noktası ile son bağlantı noktasını birbirine bağlamanız gerekmektedir. Aşağıdaki görüntüdeki gibi bu işlemi en son bağlantı noktasının üzerine PEN TOOL ile gelip işaretçinin yanında yuvarlak simgesi geldiğinde tıklayarak yapabilirsiniz.

Önerilerim

Pen tool ile daha iyi çizim yapabilmek için bol bol pratik yapmak gerekiyor. Bunu herhangi bir ücretsiz stok fotoğraf sitesinden alabileceğiniz fotoğraf üzerinde veya çizim yeteneğiniz var ise kendi çiziminizi tarayıcı ile bilgisayara aktarıp üzerinde pen tool ile çalışabilirsiniz. Belki bazı eğitselleri uygulayarak da pratik yapabilirsiniz. Yeterki bol bol pratik yapın. Unutmayın ne kadar çok pratik yaparsanız Pen tool’a o kadar hızlı alışırsınız.

Bu yazı Fatih Turan tarafından 02 Kasım 2007 18:08 tarihinde yazıldı. 3 yorum var.

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.