<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Fatih Turan - Web Tasarım Dünyası Hakkında Yazılar &#187; Illustrator</title>
	<atom:link href="http://www.fatihturan.com/kategori/illustrator/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.fatihturan.com</link>
	<description></description>
	<lastBuildDate>Mon, 21 Jun 2010 12:03:31 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Yeni Adobe Creative Suite 4</title>
		<link>http://www.fatihturan.com/grafik-tasarim/yeni-adobe-creative-suite-4/</link>
		<comments>http://www.fatihturan.com/grafik-tasarim/yeni-adobe-creative-suite-4/#comments</comments>
		<pubDate>Thu, 25 Sep 2008 14:17:35 +0000</pubDate>
		<dc:creator>fatihturan</dc:creator>
				<category><![CDATA[Grafik Tasarım]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Web Tasarım]]></category>

		<guid isPermaLink="false">http://www.fatihturan.com/?p=219</guid>
		<description><![CDATA[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 &#8230;]]></description>
			<content:encoded><![CDATA[<p>Yeni <a href="http://www.adobe.com/tr/products/creativesuite/">Adobe Creative Suite 4 ailesi</a> dün <a href="http://www.adobe.com/tr/">Adobe</a> tarafından tanıtıldı. CS4 Design Premium, Web Premium, Production Premium ve Master Collection adı altında <a rel="lightbox" href="http://www.fatihturan.com/wp-content/uploads/2008/09/2008-09-25_1335.png">dört farklı paket sürümü ile geliyor.</a> CS4 içinde yer alan programların yeni özellikler inanılmaz güzellikte. Gerçi ben hala <a href="http://www.adobe.com/go/gntray_dl_trialdownloads">Trial sürümleri</a> 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.</p>
<h2>Adobe Photoshop</h2>
<p>CS ailesinin amiral gemisi sayılabilecek <a href="http://www.adobe.com/tr/products/photoshop/photoshopextended/">Photoshop</a> bir önceki CS sürümündeki gibi <a href="http://www.adobe.com/tr/products/photoshop/photoshop/">Photoshop</a> ve <a href="http://www.adobe.com/tr/products/photoshop/photoshopextended/">Photoshop Extended</a> adı altında iki ayrı versiyon ile satılmakta. Her iki sürüm arasındaki farklılıkları <a href="http://www.adobe.com/tr/products/photoshop/compare/">buradaki sayfadan öğrenebilirsiniz.</a> Fakat ben burada Photoshop Extended&#8217;daki özelliklerden bahsedeceğim (nasılsa diğer sürümdeki özellikleri kapsıyor değil mi?).</p>
<p>Adobe hemen hemen her sürümde Photoshop&#8217;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&#8242;u yenilenmiş arabirim ile bizlere sunuyor. Açıkcası Photoshop&#8217;u -az önce de dediğim gibi- kurup inceleyemediğimden dolayı tam bir yorum yapamayacağım ama <a rel="lightbox" href="http://images.macrumors.com/article/2008/06/22/173615-macstonecs4.jpg">görebildiğim kadarıyla yeni arabirim</a> 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.</p>
<p>Açıkcası Photoshop&#8217;un en çok ilgimi çeken <strong>Akıcı Tuval Yönü</strong> 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.</p>
<p>Bir diğer yeni özellik olan <strong>İçerik Bilinçli Ölçekleme</strong> ile Photoshop&#8217;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.</p>
<p>Sık sık fotoğraflarla uğraşan kullanıcıların beğeneceğini düşündüğüm yeni <strong>Ayarlamalar Paneli</strong> sayesinde önceki sürümlerde birçok menü altında kaybolup levels, curves, brightness&amp;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.</p>
<p>Bir de bu Photoshop CS4&#8242;ün çıkmadan önce bir yerde Photoshop&#8217;un bilgisayarımızın GPU&#8217;sunu kullanacağını okumuştum. Ama nedense Adobe&#8217;nin yayınladığı özellik listesinde bu ibareye rastlayamadım. Photoshop&#8217;un yeni ve geliştirilmiş bütün özelliklerini <a href="http://www.adobe.com/tr/products/photoshop/photoshopextended/features/">bu sayfadan okuyabilirsiniz.</a></p>
<h2>Adobe Illustrator</h2>
<p>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ı <a href="/calismalarim/">çalışmalarım sayfasında bulabilirsiniz</a>) Illustrator ile yapıyorum. Bunun birçok nedeni var ama en önemlisi sanırım Photoshop&#8217;a benzer arabirimi sayesinde kolay kullanımı ve dolayısıyla da kolay öğrenilebilir bir yapıya sahip olmasıdır.</p>
<p>Yeni Illustrator&#8217;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&#8217;de. Açıkcası bu durumu ben de önceden Illustrator&#8217;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.</p>
<p>Yine Illustrator&#8217;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. :)</p>
<p>Burada yazamadığım daha birçok yenilik Illustrator&#8217;de <a href="http://www.adobe.com/tr/products/illustrator/printable_overview.html">yer almakta.</a> Yanlız Adobe&#8217;nin hala Illustrator&#8217;e çoklu sayfa özelliğini koymamasını biraz garipsedim. Keşke InDesign&#8217;daki o güzel özellik Illustrator&#8217;de de  olsaydı. Ama yine de <a href="http://www.hotdoor.com/">Hot Door</a>&#8216;un Illustrator için geliştirdiği <a href="http://www.hotdoor.com/index.php?content=multipage&amp;navcontent=multipage">Multipage eklentisi</a> sayesinde bu özelliği Illustrator&#8217;e katabiliyorsunuz.</p>
<h2>Adobe Fireworks</h2>
<p>Fireworks&#8217;de de diğer Adobe ürünlerinde olduğu gibi yeni özellikler geldi. Bir önceki Fireworks CS3 sürümündeki arabirimde eski Macromedia&#8217;nın arayüz tarzı ağır basıyordu. Bu sürümde nihayet Fireworks&#8217;un arabirimi tamamen yenilenerek Fireworks&#8217;un arabirimine Adobe&#8217;nin bakış açısı hakim oldu.</p>
<p>Fireworks&#8217;le pek çalışmadığım için bir önceki sürümde tasarımı otomatik HTML&#8217;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&#8217;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 <a href="http://www.xhtmlkitchen.com">XHTML KITCHEN</a>&#8216;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 :))&#8230; Ama bu özellik sayesinde bu işten hiç anlamayan kullanıcılar için yararlı bir fonksiyon olmuş.</p>
<p>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&#8230;</p>
<p>Adobe&#8217;nin bildirdiğine göre yeni Fireworks bir önceki sürüme göre daha performanslıymış. Bir önceki Fireworks&#8217;u ben de denerken kimi zaman bazı işlemlerde yavaşlığını farkediyordum. Bu da yararlı bir gelişme olmuş.</p>
<p>Fireworks&#8217;da bir önceki sürümün aksine metin motoru olarak Adobe&#8217;ninkini kullanıyormuş. Sanırım diğer Adobe programlarında olan anti-alias, paragraf ayarları seçenekleri gibi özellikleri artık Fireworks&#8217;da da kullanabileceğiz.</p>
<p>Kısacası Fireworks bu sürümle bayağı bir olgunlaşmış. Hatta kimi zaman Photoshop&#8217;u bırakıp Fireworks&#8217;a mı geçsem web tasarımlar için diye düşünmüyor değilim. :)</p>
<h2>Adobe Dreamweaver</h2>
<p>Dreamweaver&#8217;ı kullanmayalı bayağı oluyor. Bundan sonra da kullanmayı açıkcası düşünmüyorum. Çünkü <abbr title="What You See Is What You Get">WYSIWYG</abbr> tarzı editörlere hiç ihtiyaç duymuyorum. <a href="/ben-kimim">&#8220;Ben Kimim?&#8221;</a> sayfasında da yazdığım üzere çoğu işlerimde <a href="http://www.e-texteditor.com">E Text Editor</a> adlı programı kullanıyorum. Yine de Dreamweaver&#8217;da ilgimi çeken birkaç yenilik oldu. Bunlardan bahsetmem yararlı olacak.</p>
<p>Bundan önce bir sürü basit editörler de bile yer alan Subversion özelliği (geçenlerde bu konu hakkında Eren Emre <a href="http://www.siberkultur.com/?q=svn-nedir">bir yazı yazmıştı</a>) nihayet Dreamweaver&#8217;a teşrif etmiş bulunmakta. :) Geç olsun güç olmasın diyerekten bu özelliğin önemli olduğunu belirtmekte fayda var.</p>
<p>Adobe, Dreamweaver&#8217;a <strong>Akıllı Nesneler</strong> adında yeni bir özellik eklemiş. Bu özellik sayesinde herhangi bir PSD belgesini Dreamweaver&#8217;daki çalışmanıza sürükleyerek bağlayabiliyorsunuz. Daha sonra bu bağladığınız belgeyi Photoshop&#8217;dan düzenlediğinizde Dreamweaver&#8217;a geçip hemen güncelleyebiliyorsunuz.</p>
<p>Bundan başka Dreamweaver&#8217;ın da arabirimi değişikliğe uğramış (biliyorum şaşırmadınız xD). Daha önce 3 adet olan <a rel="lightbox" href="http://www.fatihturan.com/wp-content/uploads/2008/09/modal.jpg">görünüm kipleri</a> arttırılmış ve 8&#8242;e çıkarılmış.</p>
<h2>Adobe Flash</h2>
<p>CS3 ailesi içinde belkide en çok yenilikle gelen program Flash&#8217;dır. Flash&#8217;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ış.</p>
<p><strong>Nesne Tabanlı Animasyon</strong> 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. :)</p>
<p>Öte yandan yine animasyon konusunda yarar sağlayacak <strong>Kemik Aracı</strong> 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&#8217;da da görüyoruz.</p>
<p>Bir başka yeni özellik ile sahnemizdeki 2D nesneleri 3D çevirme ve döndürme araçları ile 3D animasyon yapabiliyoruz.</p>
<p>Yine ilgimi çeken güzel bir araç geldi Flash&#8217;a. Adı <strong>Spray Brush Tool</strong> olan bu araç ile herhangi bir sembolü sahnemize püskürtme şeklinde yerleştirebiliyoruz.</p>
<h2>İzlenimlerim</h2>
<p>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 <a href="#write_comment">burada yorum olarak yazabilirsiniz.</a></p>
<hr noshade="noshade" color="#ccc" size="1" />
<p>Bu yazı <a href="http://www.fatihturan.com/ben-kimim/">Fatih Turan</a> tarafından <strong>25 September 2008 17:17</strong> tarihinde yazıldı. <strong>5 yorum var</strong>. <a href="http://www.fatihturan.com/grafik-tasarim/yeni-adobe-creative-suite-4/#comments">Sen de yorum yaz.</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.fatihturan.com/grafik-tasarim/yeni-adobe-creative-suite-4/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Illustrator Araçları: Type Tool</title>
		<link>http://www.fatihturan.com/grafik-tasarim/illustrator-araclari-type-tool/</link>
		<comments>http://www.fatihturan.com/grafik-tasarim/illustrator-araclari-type-tool/#comments</comments>
		<pubDate>Sun, 30 Dec 2007 12:29:18 +0000</pubDate>
		<dc:creator>fatihturan</dc:creator>
				<category><![CDATA[Grafik Tasarım]]></category>
		<category><![CDATA[Illustrator]]></category>

		<guid isPermaLink="false">http://www.fatihturan.com/illustrator/illustrator-araclari-type-tool</guid>
		<description><![CDATA[
Illustrator&#8217;un önemli araçlarını tanıtmaya devam ediyorum. Bu seferki tanıtacağım Illustrator aracı Type Tool. Type Tool Illustrator&#8217;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 &#8230;]]></description>
			<content:encoded><![CDATA[<p>
Illustrator&#8217;un önemli araçlarını tanıtmaya devam ediyorum. Bu seferki tanıtacağım Illustrator aracı Type Tool. Type Tool Illustrator&#8217;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.
</p>
<h2>Karakter Paleti</h2>
<p>
Type Tool&#8217;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.
</p>
<div class="ortala70">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/12/typetool1.jpg' alt='' />
</div>
<p>
Karakter paletinde yazı tipini <strong>(1)</strong>, yazı stilini <strong>(2)</strong>, yazı boyutunu <strong>(3)</strong>, satır aralığı <a href="http://en.wikipedia.org/wiki/Leading">(leading)</a> <strong>(4)</strong>, espas <a href="http://en.wikipedia.org/wiki/Kerning">(kerning)</a> <strong>(5)</strong>, harf aralığı <a href="http://en.wikipedia.org/wiki/Tracking_%28typography%29">(tracking)</a> <strong>(6)</strong>, yatay boyutlandırma <strong>(7)</strong>, dikey boyutlandırma <strong>(8)</strong>, referans çizgisi <a href="http://en.wikipedia.org/wiki/Baseline_%28typography%29">(baseline)</a> <strong>(9)</strong>, karakter döndürme <strong>(10)</strong> gibi seçenekleri ayarlayabiliyoruz.
</p>
<h2>Seçenek Paleti</h2>
<p>
Ayrıca yazımızın rengini <strong>(1)</strong>, kenar çizgisinin rengini <strong>(2)</strong>, kenar çizgisinin kalınlığını <strong>(3)</strong>, yazının şeffaflığının <strong>(4)</strong> 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.
</p>
<div class="ortala90">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/12/typetool2.jpg' alt='' />
</div>
<h2>Paragraf Paleti</h2>
<p>
Paragraf paleti ile Illustrator&#8217;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.
</p>
<div class="ortala50">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/12/typetool3.jpg' alt='' />
</div>
<p>
Paragraf paletindeki seçenekler ile paragrafınızı sola hizalayabilir <strong>(1)</strong>, ortaya hizalayabilir <strong>(2)</strong>, sağa hizalayabilir <strong>(3)</strong>, paragrafı her iki tarafa yaslayıp paragrafın son satırını sola hizalayabilir <strong>(4)</strong>, paragrafı her iki tarafa yaslayıp paragrafın son satırını ortaya hizalayabilir <strong>(5)</strong>, paragrafı her iki tarafa yaslayıp paragrafın son satırını sağa hizalayabilir <strong>(6)</strong> veya bütün paragrafı her her iki tarafa yaslayabilirsiniz <strong>(7)</strong>.
</p>
<p>
Ayrıca paragrafa soldan <strong>(8)</strong> ve sağdan <strong>(9)</strong> girinti vermenin yanısıra ilk satır için de girinti <strong>(10)</strong> verebilirsiniz.
</p>
<h2>Type Tool Alt Araçları</h2>
<div class="ortala50">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/12/typetool5.jpg' alt='' />
</div>
<p>
Type Tool <strong>(1)</strong> dışında yine yazı yazma ile alakalı fakat biraz daha farklı fonksiyonlara sahip alt araçlar mevcuttur. Bunlar Area Type Tool <strong>(2)</strong>, Type On A Path Tool <strong>(3)</strong>, Vertical Type Tool <strong>(4)</strong>, Vertical Area Type Tool <strong>(5)</strong>, Vertical Type On A Path Tool <strong>(6)</strong> araçlarıdır.
</p>
<h3>Area Type Tool</h3>
<p>
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 &#8220;You must click on a non-compound, non-masking path to create text inside a path&#8221; belirecektir. Tekrar ediyorum bu aracı kullanabilmeniz için sahnede bir birleştirilmiş bir path olan bir şekil olması veya çizmeniz gerekir.
</p>
<div class="ortala50">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/12/typetool4.jpg' alt='' />
</div>
<p>
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.
</p>
<p>
Bunu yapmak gayet basit; ilk önce sahneye örneğin Rectangular Tool ile (klavye kısayolu M&#8217;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.
</p>
<h3>Type On A Path Tool</h3>
<p>
Bu araç ile sahnede çizilmiş herhangi bir path üstünde <a href="http://www.fatihturan.com/illustrator/illustrator-araclari-pen-tool">(pathler nasıl yapılır bilmek istiyorsanız Pen Tool&#8217;u tanıtan bir önceki yazımı okuyun)</a> 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.
</p>
<div class="ortala50">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/12/typetool6.jpg' alt='' />
</div>
<p>
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? :)
</p>
<h3>Vertical Type Tool</h3>
<p>
Bu araç ile aşağıdaki örnekde de görebileceğiniz üzere dikey olarak yazı yazabiliyoruz.
</p>
<div class="ortala50">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/12/typetool7.jpg' alt='' />
</div>
<p>
Kullanımı yine gayet basit. Vertical Type Tool&#8217;u seçtikden sonra sahnemizde istediğimiz yere tıklayıp yazımızı dik olarak yazıyoruz.
</p>
<h3>Vertical Area Type Tool</h3>
<p>
Bu aracın çalışma mantığı Area Type Tool ile hemen hemen aynı. Tek farkı yazıyı yatay olarak değil dikey olarak yazması.
</p>
<div class="ortala50">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/12/typetool8.jpg' alt='' />
</div>
<p>Kullanımı Area Type Tool&#8217;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.
</p>
<h3>Vertical Type On A Path Tool</h3>
<p>
Bu araç da az önce anlattığım Type On A Path Tool&#8217;a çok benziyor. Tek farkı harfleri farklı bir açıda daha doğrusu path üzerine göre dikey olarak yerleştirmekdedir.
</p>
<div class="ortala50">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/12/typetool9.jpg' alt='' />
</div>
<p>
Kullanımına dair Type On A Path Tool&#8217;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.</p>
<hr noshade="noshade" color="#ccc" size="1" />
<p>Bu yazı <a href="http://www.fatihturan.com/ben-kimim/">Fatih Turan</a> tarafından <strong>30 December 2007 14:29</strong> tarihinde yazıldı. <strong>Hiç yorum yok</strong>. <a href="http://www.fatihturan.com/grafik-tasarim/illustrator-araclari-type-tool/#comments">Sen de yorum yaz.</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.fatihturan.com/grafik-tasarim/illustrator-araclari-type-tool/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Illustrator Araçları: Pen Tool</title>
		<link>http://www.fatihturan.com/grafik-tasarim/illustrator-araclari-pen-tool/</link>
		<comments>http://www.fatihturan.com/grafik-tasarim/illustrator-araclari-pen-tool/#comments</comments>
		<pubDate>Fri, 02 Nov 2007 15:08:41 +0000</pubDate>
		<dc:creator>fatihturan</dc:creator>
				<category><![CDATA[Grafik Tasarım]]></category>
		<category><![CDATA[Illustrator]]></category>

		<guid isPermaLink="false">http://www.fatihturan.com/?p=107</guid>
		<description><![CDATA[
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&#8217;deki önemli araçları tanıtmayı düşünüyorum. Bu yazımda da Illustrator&#8217;deki &#8230;]]></description>
			<content:encoded><![CDATA[<p>
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&#8217;deki önemli araçları tanıtmayı düşünüyorum. Bu yazımda da Illustrator&#8217;deki araçların en önemlisi olan Pen Tool&#8217;u tanıtıp, nasıl kullanılacağını anlatacağım.
</p>
<h2>Pen Tool Neden Bu Kadar Önemli?</h2>
<p>
Pen Tool Illustrator&#8217;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&#8217;de bir logo veya vektörel türde çizim yapmak istiyorsanız Pen Tool&#8217;a iyi derecede hakim olmalısınız. Örneğin en son yaptığım <a href="http://farm3.static.flickr.com/2263/1600260156_f5c2f807cc_o.png" class="thickbox">vektörel çizimimini</a> dış çizgi kipinde (outline mode) bakınca bütün çizgilerin Pen Tool ile çizildiğini <a href="http://www.fatihturan.com/wp-content/uploads/2007/10/hugocizgi.gif" class="thickbox">göreceksiniz</a>.
</p>
<h2>Pen Tool Nasıl Kullanılır?</h2>
<p>
Illustrator&#8217;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).
</p>
<div class="ortala70">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/11/pentool1.jpg' alt='' />
</div>
<h3>1. Bağlantı Noktası</h3>
<p>
Bağlantı noktası (anchor point) diye tabir ettiğim noktalar yukarıda da görüldüğü gibi çizgileri (yani Path&#8217;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:
</p>
<div class="ortala70">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/11/pentool2.jpg' alt='' />
</div>
<p>
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.
</p>
<div class="ortala70">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/11/pentool3.jpg' alt='' />
</div>
<h3>2. Yön Noktası</h3>
<p>
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&#8217;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.
</p>
<div class="ortala70">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/11/pentool4.jpg' alt='' />
</div>
<h3>3. Çizgi (Path)</h3>
<p>
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.
</p>
<div class="ortala70">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/11/pentool5.jpg' alt='' />
</div>
<h2>Önerilerim</h2>
<p>
Pen tool ile daha iyi çizim yapabilmek için bol bol pratik yapmak gerekiyor. Bunu herhangi bir <a href="http://www.fatihturan.com/photoshop/ucretsiz-stok-fotograf-kaynaklari">ücretsiz stok fotoğraf sitesinden</a> 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 <a href="http://del.icio.us/fatihturan/illustrator">bazı eğitselleri</a> uygulayarak da pratik yapabilirsiniz. Yeterki bol bol pratik yapın. Unutmayın ne kadar çok pratik yaparsanız Pen tool&#8217;a o kadar hızlı alışırsınız.</p>
<hr noshade="noshade" color="#ccc" size="1" />
<p>Bu yazı <a href="http://www.fatihturan.com/ben-kimim/">Fatih Turan</a> tarafından <strong>02 November 2007 18:08</strong> tarihinde yazıldı. <strong>4 yorum var</strong>. <a href="http://www.fatihturan.com/grafik-tasarim/illustrator-araclari-pen-tool/#comments">Sen de yorum yaz.</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.fatihturan.com/grafik-tasarim/illustrator-araclari-pen-tool/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Adobe Illustrator&#8217;da Etiket Yapalım</title>
		<link>http://www.fatihturan.com/grafik-tasarim/adobe-illustratorda-etiket-yapalim/</link>
		<comments>http://www.fatihturan.com/grafik-tasarim/adobe-illustratorda-etiket-yapalim/#comments</comments>
		<pubDate>Sat, 25 Aug 2007 15:28:43 +0000</pubDate>
		<dc:creator>fatihturan</dc:creator>
				<category><![CDATA[Grafik Tasarım]]></category>
		<category><![CDATA[Illustrator]]></category>

		<guid isPermaLink="false">http://www.fatihturan.com/?p=57</guid>
		<description><![CDATA[
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ış &#8230;]]></description>
			<content:encoded><![CDATA[<p>
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.
</p>
<h2>Hadi Başlayalım</h2>
<p>
İ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.
</p>
<div class="ortala50">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/1yenidosya.jpg" alt="" />
</div>
<p>
Sonrasında araç kutusundan elips aracını seçip, Artboard(veya sayfa diyebiliriz)a SHIFT tuşunu basılı tutarak bir daire çiziyoruz.
</p>
<div class="ortala50">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/2ellipsetool.jpg" alt="" />
</div>
<p>
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.
</p>
<div class="ortala50">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/3knifetool.jpg" alt="" />
</div>
<p>
Araç çubuğundan seçim aracı(selection tool)u seçip az önce kestiğimiz bölümü DELETE tuşu ile siliyoruz.
</p>
<div class="ortala50">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/4sil.jpg" alt="" />
</div>
<p>
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)&#8217;la ayarlıyoruz ve işimiz bitince yine CTRL+Y ile dış çizgi modundan(Outline Mode) çıkıyoruz.
</p>
<div class="ortala50">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/5duplicate.jpg" alt="" />
</div>
<p>
Ş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.
</p>
<div class="ortala50">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/6duplicate2.jpg" alt="" />
</div>
<p>
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&#8217;i, yani ikinci Path&#8217;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&#8217;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 <a href="http://www.fatihturan.com/wp-content/uploads/2007/08/_kontrol1.jpg" class="thickbox">bu görüntüdeki</a> gibi görülmesi gerekiyor.
</p>
<div class="ortala50">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/7layerarrange.jpg" alt="" />
</div>
<p>
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&#8217;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.
</p>
<div class="ortala50">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/8maske.jpg" alt="" />
</div>
<p>
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ı:
</p>
<div class="ortala50">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/9hamsticker.jpg" alt="" />
</div>
<p>
Layer paletindeki ilk Path(bu sayfadaki dairemiz oluyor)&#8217;i seçip, ekranın üstündeki kontrol paletindeki Fill kısmından White, Black adlı Gradient&#8217;e tıklayarak siyah beyaz gradient ile boyanmasını sağlayın. Sonuç aşağıdaki gibi olmalı.
</p>
<div class="ortala50">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/10fillgrad.jpg" alt="" />
</div>
<p>
Ş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.
</p>
<div class="ortala50">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/11renkayari.jpg" alt="" />
</div>
<p><!--adsense--></p>
<p>
Bu işlemi tamamladıkdan sonra çalışmamız şu halini alması gerekiyor:
</p>
<div class="ortala50">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/13hamsticker.jpg" alt="" />
</div>
<p>
Şimdi ise üst dilimi renklendirmek için Layer Paletinde bir grup var ve bunun içindeki Path&#8217;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.
</p>
<div class="ortala50">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/12ustsecim.jpg" alt="" />
</div>
<p>
Üst dilimi seçtikden ekranın üstündeki kontrol paletindeki Fill kısmından “White, Black” adlı Gradient&#8217;e tıklayarak siyah beyaz gradient ile boyanmasını sağlayın.
</p>
<div class="ortala50">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/14ustdilimboyali.jpg" alt="" />
</div>
<p>
Araç kutusundan Gradient Tool(kısayolu G)&#8217;u seçin ve aşağıda görülen çizgi doğrultusunda fareyi sürükleyip bırakın.
</p>
<div class="ortala50">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/15gradientayar.jpg" alt="" />
</div>
<p>
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&#8242;ye ayarlayın.
</p>
<div class="ortala50">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/16gradayarla.jpg" alt="" />
</div>
<p>
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 &#8216;[None]&#8216;yi seçerek dış çizgilerimizi yok ediyoruz.
</p>
<div class="ortala50">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/17nostroke.jpg" alt="" />
</div>
<p>
Son olarak elde edeceğimiz görüntü aşağıdaki gibi olacak:
</p>
<div class="ortala50">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/18bitti.jpg" alt="" />
</div>
<p>
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.
</p>
<p><!--adsense--></p>
<div class="ortala50">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/19bonus.jpg" alt="" />
</div>
<hr noshade="noshade" color="#ccc" size="1" />
<p>Bu yazı <a href="http://www.fatihturan.com/ben-kimim/">Fatih Turan</a> tarafından <strong>25 August 2007 18:28</strong> tarihinde yazıldı. <strong>5 yorum var</strong>. <a href="http://www.fatihturan.com/grafik-tasarim/adobe-illustratorda-etiket-yapalim/#comments">Sen de yorum yaz.</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.fatihturan.com/grafik-tasarim/adobe-illustratorda-etiket-yapalim/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Adobe Illustrator&#8217;e Başlarken</title>
		<link>http://www.fatihturan.com/grafik-tasarim/adobe-illustratore-baslarken/</link>
		<comments>http://www.fatihturan.com/grafik-tasarim/adobe-illustratore-baslarken/#comments</comments>
		<pubDate>Sat, 25 Aug 2007 13:53:39 +0000</pubDate>
		<dc:creator>fatihturan</dc:creator>
				<category><![CDATA[Grafik Tasarım]]></category>
		<category><![CDATA[Illustrator]]></category>

		<guid isPermaLink="false">http://www.fatihturan.com/?p=30</guid>
		<description><![CDATA[Vektör ve bitmap grafikleri konusunu daha önce ele alırken vektörel grafik oluşturmak için Adobe&#8217;nin biçilmiş kaftanı diye tabir edebileceğimiz Illustrator&#8217;den de bahsetmiştim. Şimdi ise Adobe Illustrator&#8217;e yeni başlayacak olanlar için yararlı olacağını &#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.fatihturan.com/photoshop/vektor-ve-bitmap-grafik-turleri">Vektör ve bitmap grafikleri</a> konusunu daha önce ele alırken vektörel grafik oluşturmak için Adobe&#8217;nin biçilmiş kaftanı diye tabir edebileceğimiz Illustrator&#8217;den de bahsetmiştim. Şimdi ise Adobe Illustrator&#8217;e yeni başlayacak olanlar için yararlı olacağını düşündüğüm bir yazı yazdım.</p>
<p>Photoshop&#8217;un arabirimine alışıksanız, Illustrator&#8217;ün de arabirimine çok rahatlıkla alışabilirsiniz. Çünkü her iki programında arabirimi neredeyse aynı. Sonuçta ikisi de Adobe&#8217;nin elinden geçmiş. Şimdi Illustrator&#8217;un arabirimine bir göz atalım:</p>
<p><span id="more-9"></span></p>
<h2>Arabirim</h2>
<p>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.</p>
<div class="ortala70">
<a href='http://www.fatihturan.com/wp-content/uploads/2007/08/arabb.jpg' title="Arabirim" class="thickbox"><img src='http://www.fatihturan.com/wp-content/uploads/2007/08/14.jpg' alt="" /></a>
</div>
<p>Ekrandaki paletlerimiz ve araç kutumuzu yine Photoshop&#8217;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&#8217;un ilk açılışındaki gibi ayarlamak istiyorsanız  WINDOW-WORKSPACE-DEFAULT&#8217;u seçmeniz yeterlidir.</p>
<p>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.</p>
<p><!--adsense--></p>
<h2>Araç Kutusu</h2>
<p>Araç çubuğunda az önce birtakım araçların yer aldığından bahsetmiştik. Bu araçların altında yine Phohoshop&#8217;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.</p>
<div class="ortala50">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/08/31.jpg' alt='Araç Kutusu' />
</div>
<p>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&#8217;u daha rahat bir şekilde kullanabilirsiniz.</p>
<h2>Kontrol Paleti</h2>
<p>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&#8230;) belirleyebiliriz.</p>
<p>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&#8217;a basarsak palet en aşağıya, Dock To Top&#8217;a basarsak üste gelir.</p>
<div class="ortala50">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/08/41.jpg' alt='Kontrol Paleti' />
</div>
<h2>Paletler</h2>
<p>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.</p>
<p>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.</p>
<div class="ortala50">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/08/51.jpg' alt='Palet' />
</div>
<h2>Menü Çubuğu</h2>
<p>Her programda olduğu gibi Illustrator&#8217;un da birçok komutunun yer aldığı çubukdur. İlerde mümkün olursa buradaki önemli komutları bir kaç yazı halinde anlatacağım.</p>
<h2>İlk Tercihlerinizi Belirleyelim</h2>
<p>Adobe Illustrator&#8217;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&#8217;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.</p>
<div class="ortala90">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/08/61.jpg' alt='Tercihler' />
</div>
<p><!--adsense--></p>
<p>Şimdi sol üst köşedeki listeden Units&#038;Display Performance&#8217;ı seçerek tercih sayfasının en altındaki kaydırma çubuğunu göreceksiniz. Burada Hand Tool(el aracı) kullanırken, Illustrator&#8217;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&#8217;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&#8217;un ekranı daha hızlı(Faster Updates) veya daha kaliteli(Full Quality) güncellemesini belirlersiniz.</p>
<div class="ortala90">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/08/71.jpg' alt='Tercihler' />
</div>
<p>Yine bir performans için küçük bir ipucu daha vermek istiyorum. Preferences penceresindeyken sol üst köşedeki listeden Plug-ins&#038;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&#8217;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.</p>
<h2>Takip Edin</h2>
<p>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.</p>
<p><!--adsense--></p>
<ul>
<li><a href="http://www.ndesign-studio.com/resources/tutorials/">Ndesign-studio</a></li>
<li><a href="http://veerle.duoh.com/blog/archive-summary/category/Photoshop-Illustrator">Veerle</a></li>
<li><a href="http://www.layersmagazine.com/category/illustrator/">Layers Magazine</a></li>
<li><a href="http://www.tutvid.com/Tutorials_pages/AI.html">Tutvid</a></li>
<li><a href="http://www.illustrationclass.com/">Illustrationclass</a></li>
<li><a href="http://www.pixeladdiction.com/bb/articles.php?action=viewcat&#038;catid=2">Pixeladdiction</a></li>
<li><a href="http://www.biorust.com/tutorials/browse/10/added/desc/1/">Biorust</a></li>
<li><a href="http://www.illustratorworld.com/">Illustrationworld</a></li>
<li><a href="http://www.vecpix.com/tutorials/illustrator/">Vecpix</a></li>
<li><a href="http://www.video-tutes.com/packages/ILLDesign1.php">Video-tutes</a></li>
</ul>
<hr noshade="noshade" color="#ccc" size="1" />
<p>Bu yazı <a href="http://www.fatihturan.com/ben-kimim/">Fatih Turan</a> tarafından <strong>25 August 2007 16:53</strong> tarihinde yazıldı. <strong>2 yorum var</strong>. <a href="http://www.fatihturan.com/grafik-tasarim/adobe-illustratore-baslarken/#comments">Sen de yorum yaz.</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.fatihturan.com/grafik-tasarim/adobe-illustratore-baslarken/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Ücretsiz Stok Fotoğraf Kaynakları</title>
		<link>http://www.fatihturan.com/grafik-tasarim/ucretsiz-stok-fotograf-kaynaklari/</link>
		<comments>http://www.fatihturan.com/grafik-tasarim/ucretsiz-stok-fotograf-kaynaklari/#comments</comments>
		<pubDate>Sat, 25 Aug 2007 13:14:10 +0000</pubDate>
		<dc:creator>fatihturan</dc:creator>
				<category><![CDATA[Grafik Tasarım]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Web Tasarım]]></category>
		<category><![CDATA[İpuçları]]></category>

		<guid isPermaLink="false">http://www.fatihturan.com/?p=17</guid>
		<description><![CDATA[
Stok fotoğraflar&#8217;ın ne işe yaradığını ve ne olduğunu kendimce tanımlayacak olursam; web ve grafik tasarımcıların çalışmalarında kullandıkları vermek istedikleri mesajı daha etkili vurgulayabileceği fotoğrafik malzemelerdir. Bu yazımda da ücretsiz stok fotoğraf sağlayabileceğimiz &#8230;]]></description>
			<content:encoded><![CDATA[<p>
Stok fotoğraflar&#8217;ın ne işe yaradığını ve ne olduğunu kendimce tanımlayacak olursam; web ve grafik tasarımcıların çalışmalarında kullandıkları vermek istedikleri mesajı daha etkili vurgulayabileceği fotoğrafik malzemelerdir. Bu yazımda da ücretsiz stok fotoğraf sağlayabileceğimiz bu siteleri inceleyeceğim.
</p>
<p><span id="more-8"></span></p>
<h2><a href="http://www.sxc.hu">Sxc</a></h2>
<p>
Stok fotoğraflar&#8217;ın ne işe yaradığını ve ne olduğunu kendimce tanımlayacak olursam; web ve grafik tasarımcıların çalışmalarında kullandıkları vermek istedikleri mesajı daha etkili vurgulayabileceği fotoğrafik malzemelerdir. Bu yazımda da ücretsiz stok fotoğraf sağlayabileceğimiz bu siteleri inceleyeceğim.
</p>
<p><!--adsense--></p>
<p>
Bu sitede kategorilendirme işlevi gayet iyi yapılmış. Hemen üstte görebileceğiniz kategori listesinde &#8216;Hall Of Fame&#8217; denilen sitedeki en ünlü fotoğrafları, &#8216;Highest Rated Images&#8217; kategorisinde en çok puan verilen fotoğraflar, &#8216;Most Commented Images&#8217;da en çok yorum alan fotoğraflar ve &#8216;Most Downloaded Images&#8217; kategorisinde ise en çok indirilen fotoğrafları görebilirsiniz. Ve tabiki yine listede yer alan diğer kategorilerle de aklınızdaki konuya göre istediğiniz fotoğrafı kolayca bulabilirsiniz.
</p>
<div class="ortala70">
<img src="http://www.fatihturan.com/wp-content/uploads/2007/08/sxckategoriler.jpg" alt="" />
</div>
<p>Gelelim fotoğraf arama olayına. Aramak istediğiniz fotoğrafı sitenin sağ tarafındaki kısımdan kolayca arayabiliyorsunuz. Arama yaparken aklınızdaki terimin İngilizcesini yazmanızı öneririm(İngilizceniz yeterli değil ise <a href="http://www.seslisozluk.com">bu siteden</a> Türkçe-İngilizce çeviri yapabilirsiniz.). Zira buradaki kullanıcıların çoğu yabancı ve yükledikleri resimlerin etiketlerini de İngilizce olarak atıyorlar. Örneğin &#8216;karanlık&#8217; kelimesi yerine &#8216;darkness&#8217;ı kullanırsanız bir sürü sonuca ulaşabilirsiniz. Ayrıca aşağıda da görüldüğü üzere kullanıcıları, dosyaları, fotoğraf makinesine göre, ülkeye ve şehire göre arama da yapabiliyorsunuz.
</p>
<div class="ortala25">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/08/2.jpg' alt='Filtre' />
</div>
<p>
Standart arama bölümü sizi kesmediyse &#8216;Advanched Search&#8217; bölümünden gelişmiş arama yapabilirsiniz. Buradan tek bir kategori veya bütün kategorilere ait, istediğiniz çözünürlükte, istediğiniz fotoğrafçı tarafından  ve istediğiniz tarih aralığında arama yapabiliyorsunuz.
</p>
<div class="ortala70">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/08/3.jpg' alt='Gelişmiş Arama' />
</div>
<p>
Arama sonuçlarındaki fotoğrafları filtrelemek istiyorsanız, arama sonuçları sayfasının sağında görülen filtreleme listesinde tarih, boyut, puan, yorum gibi kriterlere göre yeniden sıralandırabiliyorsunuz. Ayrıca arama sonuçlarında çıkan fotoğraf sayısını aşağıda görüldüğü gibi arttırabiliyorsunuz
</p>
<div class="ortala70">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/08/4.jpg' alt='Sıralama' />
</div>
<p>
Gelelim kendi fotoğrafınızı Sxc.hu&#8217;ya yollama metoduna. Sitenin sağ tarafındaki menüden &#8216;My Account&#8217;a, ardından &#8216;Upload Photos via web forms&#8217;  düğmesine bastıkdan sonra aşağıdaki gibi bir form ile karşılaşacaksınız. Başlık, açıklama, etiket gibi gerekli bilgileri doldurdukdan sonra fotoğrafınızı Sxc.hu&#8217;ya gönderebiliyorsunuz. Sxc.hu&#8217;nun fotoğraf yükleme kuralları ile ilgili ayrıntılı bilgiyi <a href="http://www.sxc.hu/info.phtml?f=help&#038;s=5_2">bu sayfadan</a> bulabilirsiniz.
</p>
<div class="ortala70">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/08/5.jpg' alt='Yükleme' />
</div>
<p>
Son olarak Sxc.hu&#8217;nun diğer özelliklerinden kısaca bahsetmek gerekirse; üstte menüde görülen &#8216;Randomizer&#8217; adlı düğmeye basarsak karşımıza rastgele fotoğraf da getirebiliyorsunuz. Öte yandan kendi galerimizde eğer fotoğrafımız olması şartı ile bize küçük bir blog alanı da tahsis ediyorlar. Yani sxc.hu hesabımız altında kendi blogunuzda yazı da yazabiliyorsunuz. &#8216;Tutorials&#8217; bölümünde kullanıcıların yazmış oldukları çeşitli konulara ait eğitsel yazıları da okuyabilirsiniz. Beğendiğiniz, ilginizi çeken fotoğrafları favorilerinize ekleyebiliyorsunuz. Bunları &#8216;My Page&#8217; bölümünden kendi hesabınız altında tekrar görebiliyorsunuz.
</p>
<p><!--adsense--></p>
<h2><a href="http://www.photocase.de">Photocase</a></h2>
<p>
Bu stok fotoğraf sitesi Alman kökenli olmasına rağmen İngilizce arayüze de sahip. Sitede gördüğüm kadarı ile diğer sitelere nazaran daha kaliteli fotoğraflar var ama yine diğer sitelere göre daha sınırlı dosya indirme izini vermişler. Günlük ücretsiz olarak 3 adet fotoğraf  indirebiliyorsunuz. Bunun yanısıra eğer siz buraya fotoğraf yüklerseniz her kabul edilen fotoğrafa 5 kredi daha veriyorlar. Toplamda 10 adet kabul edilen sizin yüklediğiniz fotoğrafınız var ise günlük limitinizi 1 adet arttırıyorsunuz. Çok param var diyorsanız size tabi ki ücretli kredi satın alma seçeneğini de sunuyorlar. Herneyse işi böyle bir ince matematiğe bağlamışlar fakat dediğim gibi çok kaliteli fotoğrafları buradan temin edebiliyoruz.
</p>
<p>
Buraya kaydoldukdan sonra yine Sxc.hu&#8217;daki gibi elektronik posta adresimize bir aktifleştirme maili yolluyorlar. Gerekli talimatları izleyip hesabınızı aktifleştirdikden sonra üstteki &#8216;Login&#8217; düğmesi ile kullanıcı adı ve şifremiz ile giriş yapalım. Eğer sitenin arayüzü sizde Almanca görünüyorsa üst kısımdan &#8216;English&#8217; yazan yere basarak sitenin arayüzünü İngilizce diline çevirebilirsiniz. Giriş yaptıkdan sonra aşağıda da görüldüğü üzere sayfanın sağ üst köşesinde kullanıcı adı, kredi durumu ve duyurularınızı görebiliyorsunuz.
</p>
<div class="ortala70">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/08/6.jpg' alt='İstatistikler' />
</div>
<p>
Anasayfadaki &#8216;Photo Search&#8217; bölümü ile  arama işlemine hemen geçebilirsiniz. Fakat burada arama yaparken yine Sxc.hu&#8217;da olduğu gibi daha fazla sonuç elde edebilmeniz için  Almanca  terimler kullanmanızı öneririm.(Almancanız yeterli değil ise <a href="http://www.seslisozluk.com">bu adresden</a> Almanca-İngilizce çeviri yapabilirsiniz.) &#8216;Advandced Search&#8217; bölümünde ise site üzerindeki fotoğraflarda, forumda, haberlerde, yazılarda ve kısa öykülerde arama yapabiliyorsunuz. Sonuç olarak photocase.de&#8217;nin gelişmiş arama bölümü Sxc.hu gibi gelişmiş değil, daha basit yapılmış.
</p>
<div class="ortala70">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/08/7.jpg' alt='Arama' />
</div>
<p>
Sayfanın üstündeki &#8216;Photos&#8217; adlı düğmeye basarsanız kendinizi en son yüklenilen fotoğraflar arasında bulacaksınız. Buradan ilerleyen sayfaları takip ederek fotoğrafları görebilir ve beğendiğiniz var ise indirebilirsiniz de. Ayrıca bu sayfada photocase.de&#8217;de her kullanıcıya ait galeri diye tanımlayabileceğimiz &#8216;Lighbox&#8217;lar bulunmakta.  Bunlara sayfanın sağındaki &#8216;Public Lightboxes&#8217; ile ulaşabilirsiniz.
</p>
<div class="ortala50">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/08/8.jpg' alt='Lightbox’lar' />
</div>
<p>
Şimdi de kendi fotoğrafınızı photocase.de&#8217;ye nasıl yükleyebileceğinizi anlatacağım. Üst menüde bulunan &#8216;Take Part&#8217; adlı düğme ile aşağıda görülen forma ulaşacaksınız. Buradan dosyanızın yerini belirtip diğer iki kutucuğu işaretledikden sonra &#8216;Submit&#8217;e basıyorsunuz ve fotoğrafınız yükleniyor. Eğer Photocase&#8217;in jürileri fotoğrafı beğenmişse sizin fotoğrafınızda diğer fotoğraflar arasında beliriyor.
</p>
<div class="ortala70">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/08/9.jpg' alt='Yükleme' />
</div>
<p>
Genel olarak photocase.de&#8217;yi değerlendirirsek; kısıtlı ama kaliteli fotoğrafları bünyesinde bulunduran bir stok fotoğraf sitesi olarak tanımlayabiliriz.
</p>
<h2><a href="http://www.imageafter.com">Imageafter</a></h2>
<p>
Son olarak imageafter.com adlı stok fotoğraf sitesini ele alacağım. Bu sitede stok fotoğrafların yer almasının yanısıra &#8216;Texture&#8217; bölümünde doku fotoğrafları da yer almakta.
</p>
<p>
Hemen hızlıca belirli bir konuya ait fotoğraf bulmak için sitenin üst kısımında bulunan, aşağıdaki resimde de gördüğünüz gibi kategori listesinden yararlanabilirsiniz. Diğer stok fotoğraf sitelerinde olduğu gibi çeşitli kategorilere göre ayrılmış bölümlerden kafanızdaki konuya ait fotoğrafı bulabilirsiniz.
</p>
<div class="ortala50">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/08/10.jpg' alt='Kategoriler' />
</div>
<p>
Imageafter.com&#8217;da fotoğraf aramak için üstde bulunan arama kutusunda gerekli terimi yazarak istediğiniz sonucu döndürmesini sağlayabilirsiniz. Ayrıca sonuç penceresinde sıralamayı değiştirebilir, renklere göre sonuçları filtreleyebilir, sayfada kaç adet fotoğraf görüntülendiğini ayarlayabilir, küçük fotoğraf görüntülerini büyütebilir ve sonraki sayfalara kısayoldan ulaşabilirsiniz.
</p>
<div class="ortala70">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/08/11.jpg' alt='Sıralama' />
</div>
<p>
Imageafter.com&#8217;un diğer özelliklerini görmek için sitenin sağ üst köşesinde bulunan &#8216;Extras&#8217; adlı listede foruma bakmamız gerekir. Burada en son yüklenen fotoğrafları görebilir, belirli bir renge göre fotoğraf arayabilir, rastgele fotoğrafları gösterebilir, &#8216;Abstract Search&#8217; denen farklı bir arama metodunu kullanarak contrast, brightness vs.. gibi özelliklere göre fotoğraf arayabilirsiniz.
</p>
<p>
Imageafter.com&#8217;un hoşuma giden bir özelliğinden size bahsetmek istiyorum. Fotoğrafların üzerinde gördüğünüz makas işaretine basarak bir nevi favori listesine fotoğraf gönderebiliyorsunuz.
</p>
<div class="ortala50">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/08/12.jpg' alt='Favoriler' />
</div>
<p>
Dahası bu favori listenizdeki fotoğrafları elektronik posta olarak arkadaşlarınıza veya yine kendinize gönderebiliyorsunuz. Favori fotoğraflarınıza ulaşmak için üst menüde bulunan makas ikonuna tıklamanız gerekiyor. Eğer favori fotoğraflarınızı göndermek istiyorsanız, &#8216;Email box&#8217; düğmesine bastıkdan sonra göndermek istediğiniz fotoğrafları seçip ardından da üstteki alıcının elektronik posta adresi ve kendi isminizi girmeniz gerekiyor.
</p>
<div class="ortala70">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/08/13.jpg' alt='Gönderirken' />
</div>
<p><!--adsense--></p>
<h2>Son Sözler</h2>
<p>
Aslında bu tür stok fotoğraf siteleri internette epeyce mevcut. Genel bir liste arıyorsanız <a href="http://www.bluevertigo.com.ar/bluevertigo.htm">Blue Vertigo</a>&#8216;daki &#8216;Stock Photography/Free&#8217; kısmındaki bağlantılara bakmanızı öneririm.</p>
<hr noshade="noshade" color="#ccc" size="1" />
<p>Bu yazı <a href="http://www.fatihturan.com/ben-kimim/">Fatih Turan</a> tarafından <strong>25 August 2007 16:14</strong> tarihinde yazıldı. <strong>3 yorum var</strong>. <a href="http://www.fatihturan.com/grafik-tasarim/ucretsiz-stok-fotograf-kaynaklari/#comments">Sen de yorum yaz.</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.fatihturan.com/grafik-tasarim/ucretsiz-stok-fotograf-kaynaklari/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Vektör Ve Bitmap Grafik Türleri</title>
		<link>http://www.fatihturan.com/grafik-tasarim/vektor-ve-bitmap-grafik-turleri/</link>
		<comments>http://www.fatihturan.com/grafik-tasarim/vektor-ve-bitmap-grafik-turleri/#comments</comments>
		<pubDate>Sat, 25 Aug 2007 08:29:44 +0000</pubDate>
		<dc:creator>fatihturan</dc:creator>
				<category><![CDATA[Grafik Tasarım]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.fatihturan.com/?p=15</guid>
		<description><![CDATA[
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 &#8230;]]></description>
			<content:encoded><![CDATA[<p>
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.
</p>
<p>
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.
</p>
<p><span id="more-6"></span></p>
<p><!--adsense--></p>
<h2>Vektör Grafik Nedir?</h2>
<p>
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.
</p>
<div class="ortala50">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/08/vector.jpg' alt='Bir Vektör Grafik Örneği' />
</div>
<h2>Vektörel Grafikler Hangi Programlarla Oluşturulabilir?</h2>
<p>
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 <a href="http://www.adobe.com/products/illustrator/">Adobe Illustrator</a>&#8216;dur. Adobe Illustrator&#8217;un dosya uzantısı .ai&#8217;dir. Öte yandan ülkemizde özellikle baskı alanında kullanılan ve bence Illustrator kadar kullanışlı olmayan <a href="http://www.corel.com/servlet/Satellite?pagename=Corel3/Products/Display&#038;pfid=1047024307335&#038;pid=1047025934319">Corel Draw</a> bulunuyor. Corel Draw&#8217;ın dosya uzantısı .cdr&#8217;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 <a href="http://www.adobe.com/products/freehand/">Macromedia(Adobe) Freehand</a> bulunur. Freehand&#8217;in dosya uzantısı .fh(X)&#8217;dir. Bu ticari programların yanısıra arabirimi Corel Draw&#8217;a benzeyen ve açık kaynaklı, ücretsiz bir program olan <a href="http://www.inkscape.org/">Inkscape</a>&#8216;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&#8217;in kullandığı dosya uzantısı .svg&#8217;dir. Son olarak yukarda bahsettiğim programlar kadar gelişmiş olmasada web grafikleri için kullanabileceğiniz, vektörel çizim yeteneğine sahip olan  <a href="http://www.adobe.com/products/fireworks/">Macromedia(Adobe)  Fireworks</a>&#8216;dan da bahsedebiliriz. Öte yandan Fireworks&#8217;un bitmap çizim yetenekleride mevcut. Bunun için Muhammet Sevim&#8217;in hazırlamış olduğu <a href="http://www.muhammetsevim.com/yazi/fireworksun-en-guzel-yanlari/">yazıyı</a> gözden geçirmenizi tavsiye ederim. Fireworks&#8217;un kullandığı dosya uzantısı ise .png&#8217;dir.
</p>
<p><!--adsense--></p>
<p>
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.
</p>
<h2>Bitmap Grafik Nedir?</h2>
<p>
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&#8217;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.
</p>
<div class="ortala50">
<img src='http://www.fatihturan.com/wp-content/uploads/2007/08/bitmap.jpg' alt='Bir Bitmap Grafik Örneği' />
</div>
<h2>Bitmap Grafikler Hangi Programlarla Oluşturulabilir?</h2>
<p>
Bu tür grafikleri oluşturmak için en bilindik ve en popüler olan, yine benim kullanıyor olduğum <a href="http://www.adobe.com/products/photoshop/">Adobe Photoshop</a>&#8216;u ilk başta sayabiliriz. Sonrasında uzun zamandır Adobe Photoshop&#8217;a alternatif olarak gösterilen <a href="http://www.corel.com/servlet/Satellite?pagename=Corel3/Products/Display&#038;pfid=1047024307383&#038;pid=1047025487586">Corel PaintShop Pro</a>&#8216;dan bahsedebiliriz. Yine bir açık kaynaklı ve ücretsiz bir program olan <a href="http://www.gimp.org/">Gimp</a>&#8216;i de duymuşsunuzdur. Eğer Gimp&#8217;in arayüzüne yabancı iseniz <a href="http://plasticbugs.com/index.php?p=241">GimpShop</a>&#8216;u deneyebilirsiniz. GimpShop&#8217;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&#8217;i kullanabiliyorsunuz. Bitmap grafiklerde en çok  kullanılan uzantılardan bahsetmek gerekirse .jpg, .png, .gif, .bmp gibilerini sayabiliriz.
</p>
<h2>Avantajlar-Dezavantajlar</h2>
<h3>Vektör Grafik Türlerinin Avantajları</h3>
<ul>
<li>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.</li>
<li>Vektör grafikler gerektiğinde bitmap haline kolaylıkla getirilebilir.</li>
<li>Vektör grafikler istenildiğinde büyütülebilir, nesneler yeniden renklendirilebilir, nesneler yeniden şekillendirilebilir.</li>
<li>Dosya boyutu olarak daha az yer kaplarlar.</li>
</ul>
<h3>Vektör Grafik Türlerinin Dezavantajları</h3>
<ul>
<li>Vektörel grafik çalışmalarında görsel olarak fotoğraf kalitesinde üretim yapamassınız.</li>
<li>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.</li>
</ul>
<h3>Bitmap Grafik Türlerinin Avantajları</h3>
<ul>
<li>Bitmap grafikler milyonlarca renk değişimi alabilir.</li>
<li>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.</li>
</ul>
<p><!--adsense--></p>
<h3>Bitmap Grafik Türlerinin Dezavantajları</h3>
<ul>
<li>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.</li>
<li>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.</li>
<li>Bitmap grafikler vektör grafiklere nazaran bilgisayarda dosya boyutu olarak daha fazla yer kaplar.</li>
</ul>
<p>
Yazımızın sonuna geldik. Eğer bir eksiğim veya hatam varsa bu konu üzerinde yorumda bulunup yazımı genişletebilirsiniz.</p>
<hr noshade="noshade" color="#ccc" size="1" />
<p>Bu yazı <a href="http://www.fatihturan.com/ben-kimim/">Fatih Turan</a> tarafından <strong>25 August 2007 11:29</strong> tarihinde yazıldı. <strong>2 yorum var</strong>. <a href="http://www.fatihturan.com/grafik-tasarim/vektor-ve-bitmap-grafik-turleri/#comments">Sen de yorum yaz.</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.fatihturan.com/grafik-tasarim/vektor-ve-bitmap-grafik-turleri/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
