<?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>dmRy &#187; çizgili grafik</title>
	<atom:link href="http://www.dmrylife.net/tag/cizgili-grafik/feed" rel="self" type="application/rss+xml" />
	<link>http://www.dmrylife.net</link>
	<description>Bir çarpık bloglaşma örneği.</description>
	<lastBuildDate>Wed, 08 Sep 2010 10:44:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Photoshop&#8217;ta çizgili grafik yapımı</title>
		<link>http://www.dmrylife.net/photoshopta-cizgili-grafik-yapimi.html</link>
		<comments>http://www.dmrylife.net/photoshopta-cizgili-grafik-yapimi.html#comments</comments>
		<pubDate>Thu, 01 Oct 2009 09:56:03 +0000</pubDate>
		<dc:creator>Mehmet Demiray (admin)</dc:creator>
				<category><![CDATA[çizgili grafik]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[sarmal grafik]]></category>

		<guid isPermaLink="false">http://dmrylife.net/?p=15</guid>
		<description><![CDATA[Evet arkadaşlar ortaya çıkacak şeyi solda gösterdim. Web sitelerde çok karşılaşırız bu tür grafiklerle çünkü gerçekten yan yana birleşince çok hoş duruyor.  Onuda hemen sitemin üzerine bakarsanız görebilirsiniz. 1) İlk olarak arka planı beyaz (ben genelde beyaz kullanırım) ya da istediğiniz renkte kare şeklinde bir layer açalım. Fakat pixellerin çift sayı olmasına dikkat edelim. Örn: [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-28" title="son" src="http://dmrylife.net/wp-content/uploads/2009/10/son1.gif" alt="son" width="30" height="30" />Evet arkadaşlar ortaya çıkacak şeyi solda gösterdim. Web sitelerde çok karşılaşırız bu tür grafiklerle çünkü gerçekten yan yana birleşince çok hoş duruyor.  Onuda hemen sitemin üzerine bakarsanız görebilirsiniz.</p>
<p><span id="more-15"></span></p>
<p><strong><span style="color: #008000;">1)</span></strong> İlk olarak arka planı beyaz (ben genelde beyaz kullanırım) ya da istediğiniz renkte kare şeklinde bir layer açalım. Fakat <span style="color: #ff0000;">pixellerin çift sayı olmasına dikkat edelim</span>. Örn: 20&#215;20 30&#215;30 22&#215;22 vs. böylece kesimimizi yaparken küsüratlı sayılarla uğraşmamış olucaz.</p>
<p><strong><span style="color: #008000;">2)</span></strong><span style="color: #ff0000;"> Layerimize sağ tıklayıp duplicate Layer</span> diyelim ve üstteki layerla işlemimize başlayalım.</p>
<p><strong><span style="color: #008000;">3)</span></strong> <strong>ctrl+r</strong> yapıp cetvelimizi açalım; ve <span style="color: #ff0000;">cetvele sağ tıklayıp pixels seçeneğini </span>seçelim.</p>
<p style="text-align: center;"><img class="size-full wp-image-17   aligncenter" title="1" src="http://dmrylife.net/wp-content/uploads/2009/10/1.jpg" alt="1" width="209" height="212" /></p>
<p><strong><span style="color: #008000;">4)</span></strong> <strong>Gradident tool</strong> ile üstteki layerimizi renklendirelim şimdi.</p>
<p style="text-align: center;"><img class="size-full wp-image-22   aligncenter" title="2" src="http://dmrylife.net/wp-content/uploads/2009/10/21.jpg" alt="2" width="47" height="41" /></p>
<p style="text-align: center;"><img class="size-full wp-image-19   aligncenter" title="3" src="http://dmrylife.net/wp-content/uploads/2009/10/3.jpg" alt="3" width="187" height="57" />  </p>
<p style="text-align: center;"><img class="size-full wp-image-21   aligncenter" title="4" src="http://dmrylife.net/wp-content/uploads/2009/10/4.jpg" alt="4" width="208" height="203" /></p>
<p><span style="color: #008000;"><strong>5)</strong> <span style="color: #000000;">Şimdi en önemli kısma geldik 2 adet kesim işlemi yapıcaz. <span style="color: #ff0000;">Diyelim resmimizin pixelleri 30&#215;30&#8242;dü o zaman üstteki 15px&#8217;den soldaki 15px&#8217;e ordan üstteki 0 px&#8217;e ve ordan tekrar üstteki 15px&#8217;e gidip bir üçgen <span style="color: #ff0000;">oluşturuyoruz</span></span><span style="color: #ff0000;">.</span></span></span></p>
<p><span style="color: #008000;"><span style="color: #000000;">2. kesme işlemi ise  <span style="color: #ff0000;">üstteki 30px&#8217;den alttaki 0 px&#8217;e ordan sağ alttaki 30px&#8217;e ordan tekrar üstteki 30px&#8217;e giderek yamuk <span style="color: #ff0000;">oluşturuyoru</span></span><span style="color: #ff0000;">z.</span></span></span></p>
<p style="text-align: center;"><span style="color: #008000;"><span style="color: #000000;"><img class="size-full wp-image-25 aligncenter" title="5" src="http://dmrylife.net/wp-content/uploads/2009/10/5.jpg" alt="5" width="296" height="349" /></span></span></p>
<p><span style="color: #008000;"><span style="color: #000000;"><strong><span style="color: #008000;">6)</span></strong>Kesim işlemini <strong>polyganol lasso tool</strong> ile yaparsak ve çizerken <strong>Shift</strong>&#8216;e basarsak daha düzgün yaparız. Kesme işlemlerini yukarıda numaralarla gösterdim. İlk 3 numarayla gösterdiğim yeri ayrı 4-5-6-7 numarayı ayrı olarak şekilden kesip ayrı layerlar haline getiriyoruz(sağ tıklayarak<span style="color: #ff0000;"> layer via cut</span>). Toplamda  4 layermiz oldu.</span></span></p>
<p style="text-align: center;"><span style="color: #008000;"><span style="color: #000000;"><img class="size-full wp-image-26 aligncenter" title="6" src="http://dmrylife.net/wp-content/uploads/2009/10/6.jpg" alt="6" width="222" height="267" /></span></span></p>
<p><strong><span style="color: #008000;">7)</span></strong> Anlattıklarımda bir yanlışlık yapmadıysanız muhtemelen yukardaki gibi olacaktır layer menününüz. Şimdi yukardaki şekle bakın Layer 3 ve Layer 4 ün opacity değerini kafamıza göre değiştirelim. Ve resmimizin boyutunu ilk haline döndürelim. Artık çizgili grafiğimiz hazır ;)</p>
<p>İşte resmimizin son hali: </p>
<p><img class="alignleft size-full wp-image-27" title="son" src="http://dmrylife.net/wp-content/uploads/2009/10/son.gif" alt="son" width="30" height="30" /></p>
<p> </p>
<p>Bu ilk anlatımım umarım faydalı olabilmişimdir birilerine.</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-enjoy">
<ul class="socials">
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.dmrylife.net/photoshopta-cizgili-grafik-yapimi.html&amp;title=Photoshop%27ta+%C3%A7izgili+grafik+yap%C4%B1m%C4%B1" rel="nofollow" class="external" title="Bunu paylaş:del.icio.us">Bunu paylaş:del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.dmrylife.net/photoshopta-cizgili-grafik-yapimi.html&amp;t=Photoshop%27ta+%C3%A7izgili+grafik+yap%C4%B1m%C4%B1" rel="nofollow" class="external" title="Bunu paylaş:Facebook">Bunu paylaş:Facebook</a>
		</li>
		<li class="shr-friendfeed">
			<a href="http://www.friendfeed.com/share?title=Photoshop%27ta+%C3%A7izgili+grafik+yap%C4%B1m%C4%B1&amp;link=http://www.dmrylife.net/photoshopta-cizgili-grafik-yapimi.html" rel="nofollow" class="external" title="Bunu paylaş:FriendFeed">Bunu paylaş:FriendFeed</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.dmrylife.net/photoshopta-cizgili-grafik-yapimi.html&amp;imageurl=" rel="nofollow" class="external" title="Google Buzz'da paylaş:">Google Buzz'da paylaş:</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.dmrylife.net/photoshopta-cizgili-grafik-yapimi.html&amp;title=Photoshop%27ta+%C3%A7izgili+grafik+yap%C4%B1m%C4%B1" rel="nofollow" class="external" title="İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş">İyi bir şeye mi denk geldin? StumbleUpon üzerinde paylaş</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://www.dmrylife.net/photoshopta-cizgili-grafik-yapimi.html" rel="nofollow" class="external" title="Bunu paylaş:Technorati">Bunu paylaş:Technorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Photoshop%27ta+%C3%A7izgili+grafik+yap%C4%B1m%C4%B1+-+http://b2l.me/ahaerh&amp;source=shareaholic" rel="nofollow" class="external" title="Bunu Tweet'le!">Bunu Tweet'le!</a>
		</li>
		<li class="shr-mail">
			<a href="mailto:?subject=%22Photoshop%27ta%20%C3%A7izgili%20grafik%20yap%C4%B1m%C4%B1%22&amp;body=Link: http://www.dmrylife.net/photoshopta-cizgili-grafik-yapimi.html (shareaholic aracılığıyla)%0D%0A%0D%0A----%0D%0A Evet%20arkada%C5%9Flar%20ortaya%20%C3%A7%C4%B1kacak%20%C5%9Feyi%20solda%20g%C3%B6sterdim.%20Web%20sitelerde%20%C3%A7ok%20kar%C5%9F%C4%B1la%C5%9F%C4%B1r%C4%B1z%20bu%20t%C3%BCr%20grafiklerle%20%C3%A7%C3%BCnk%C3%BC%20ger%C3%A7ekten%20yan%20yana%20birle%C5%9Fince%20%C3%A7ok%20ho%C5%9F%20duruyor.%C2%A0%20Onuda%20hemen%20sitemin%20%C3%BCzerine%20bakarsan%C4%B1z%20g%C3%B6rebilirsiniz.%0D%0A%0D%0A%0D%0A%0D%0A1%29%20%C4%B0lk%20olarak%20arka%20plan%C4%B1%20beyaz%20%28ben%20genelde%20beyaz%20kullan" rel="nofollow" class="external" title="Bunu bir arkadaşa e-postala">Bunu bir arkadaşa e-postala</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

<h3  class="related_post_title">Benzer Yazılar</h3><ul class="related_post"><li><a href="http://www.dmrylife.net/vatandan-dev-kampanyaadobe-egitim-seti-medyasoft-sertifikasi.html" title="Vatandan dev kampanya(Adobe eğitim seti + MedyaSoft sertifikası)">Vatandan dev kampanya(Adobe eğitim seti + MedyaSoft sertifikası)</a></li><li><a href="http://www.dmrylife.net/vector-grunge-brush-seti.html" title="Vector-Grunge brush seti">Vector-Grunge brush seti</a></li><li><a href="http://www.dmrylife.net/photoshop-icin-el-firca-seti.html" title="Photoshop için el fırça seti">Photoshop için el fırça seti</a></li><li><a href="http://www.dmrylife.net/merhaba-dunya.html" title="Sonunda açıldı(k) :)">Sonunda açıldı(k) :)</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.dmrylife.net/photoshopta-cizgili-grafik-yapimi.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>




<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk
Database Caching 10/27 queries in 0.048 seconds using disk

Served from: www.dmrylife.net @ 2010-09-10 03:14:08 -->