<?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>Cappuccino, Etc. &#187; Tutoriais</title>
	<atom:link href="http://www.cappuccinoetc.com/category/tutoriais/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.cappuccinoetc.com</link>
	<description></description>
	<lastBuildDate>Tue, 20 Oct 2009 14:54:27 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<image>
  <link>http://www.cappuccinoetc.com</link>
  <url>http://rodrigoesch.com/wordpress/favicon.ico</url>
  <title>Cappuccino, Etc.</title>
</image>
		<item>
		<title>Flash CS4 Bone Tool</title>
		<link>http://www.cappuccinoetc.com/tutoriais/flash-cs4-bone-tool/</link>
		<comments>http://www.cappuccinoetc.com/tutoriais/flash-cs4-bone-tool/#comments</comments>
		<pubDate>Sat, 30 May 2009 18:15:22 +0000</pubDate>
		<dc:creator>Rodrigo Esch</dc:creator>
				<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[screencast]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[vimeo]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://www.cappuccinoetc.com/?p=249</guid>
		<description><![CDATA[Uma das novidades mais legais do Flash CS4 é a ferramenta Bone, que permite adicionar uma estrutura semelhante a um esqueleto em um desenho.
Selecionei dois vídeos que mostram o quanto essa ferramenta é simples e como facilita o processo de animação.

 


]]></description>
			<content:encoded><![CDATA[<p style="clear: both">Uma das novidades mais legais do Flash CS4 é a ferramenta Bone, que permite adicionar uma estrutura semelhante a um esqueleto em um desenho.</p>
<p style="clear: both">Selecionei dois vídeos que mostram o quanto essa ferramenta é simples e como facilita o processo de animação.</p>
<p style="clear: both"><span style=" display: inline; float: left; margin: 0 10px 10px 0;"><object width="400" height="300" data="http://vimeo.com/moogaloop.swf?clip_id=3309865&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=3309865&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /></object></span></p>
<p style="clear: both"> </p>
<p><object width="425" height="344" data="http://www.youtube.com/v/KE_rGHVAjOI&amp;hl=pt-br&amp;fs=1" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/KE_rGHVAjOI&amp;hl=pt-br&amp;fs=1" /><param name="allowfullscreen" value="true" /></object></p>
<p><br class="final-break" style="clear: both" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cappuccinoetc.com/tutoriais/flash-cs4-bone-tool/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Criando efeito de fenda no Photoshop</title>
		<link>http://www.cappuccinoetc.com/tutoriais/criando-efeito-de-fenda-no-photoshop/</link>
		<comments>http://www.cappuccinoetc.com/tutoriais/criando-efeito-de-fenda-no-photoshop/#comments</comments>
		<pubDate>Sat, 23 May 2009 03:30:25 +0000</pubDate>
		<dc:creator>Rodrigo Esch</dc:creator>
				<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://blog.rodrigoesch.com/?p=140</guid>
		<description><![CDATA[Todo mundo sabe que o Photoshop é uma ferramenta extremamente complexa e por causa disso é capaz de resultados fantásticos e imprevisíveis. Mas esse mini-tutorial visa mostrar que através de ações ridículas de tão simples é possível conseguir efeitos também bastante sofisticados.

Apesar do Photoshop já quebrar o nosso galho com a opção &#8220;drop shadow&#8221; que [...]]]></description>
			<content:encoded><![CDATA[<p style="clear: both">Todo mundo sabe que o Photoshop é uma ferramenta extremamente complexa e por causa disso é capaz de resultados fantásticos e imprevisíveis. Mas esse mini-tutorial visa mostrar que através de ações ridículas de tão simples é possível conseguir efeitos também bastante sofisticados.</p>
<p><span id="more-140"></span></p>
<p style="clear: both">Apesar do Photoshop já quebrar o nosso galho com a opção &#8220;drop shadow&#8221; que você encontra nas blending modes das camadas, vale a pena não ficar preso ao uso de sombras da ferramenta. Um recurso bastante utilizado para adicionar mais realismo a objetos que simulam um 3D é o de criar sombras a partir de shapes e suavizá-las através do filtro Gaussian Blur (filters&gt; blur &gt; gaussian blur).</p>
<p style="clear: both"><a class="image-link" href="http://rodrigoesch.com/wordpress/wp-content/uploads/2009/05/fenda1.jpg"><img class="linked-to-original" style=" text-align: center; display: block; margin: 0 auto 10px;" src="http://rodrigoesch.com/wordpress/wp-content/uploads/2009/05/fenda1-thumb.jpg" alt="" width="380" height="182" /></a>Para criar uma borda com aparência de fenda, em alto relevo, abra um arquivo em branco em um tamanho razoável, pode ser 800&#215;600px.</p>
<p style="clear: both">Com a Paint Bucket Tool (G) pinte o background com um tom bem claro de preto (pode ser #d8d8d8).</p>
<p style="clear: both">Crie uma nova camada e desenhe uma elipse (U) achatada na cor preta. Depois, aplique o filtro Gaussian Blur com um radius de 9px. Essa será a nossa sombra.</p>
<p style="clear: both"><a class="image-link" href="http://rodrigoesch.com/wordpress/wp-content/uploads/2009/05/fenda2.jpg"><img class="linked-to-original" style=" text-align: center; display: block; margin: 0 auto 10px;" src="http://rodrigoesch.com/wordpress/wp-content/uploads/2009/05/fenda2-thumb.jpg" alt="" width="380" height="256" /></a></p>
<p style="clear: both"><a class="image-link" href="http://rodrigoesch.com/wordpress/wp-content/uploads/2009/05/fenda3-full.jpg"><img class="linked-to-original" style=" text-align: center; display: block; margin: 0 auto 10px;" src="http://rodrigoesch.com/wordpress/wp-content/uploads/2009/05/fenda3-thumb.jpg" alt="" width="379" height="242" /></a>Agora com a Marquee Tool (M), crie um retângulo selecionando apenas metade da elipse como na imagem abaixo:</p>
<p style="clear: both"><a class="image-link" href="http://rodrigoesch.com/wordpress/wp-content/uploads/2009/05/fenda5.jpg"><img class="linked-to-original" style=" text-align: center; display: block; margin: 0 auto 10px;" src="http://rodrigoesch.com/wordpress/wp-content/uploads/2009/05/fenda5-thumb.jpg" alt="" width="380" height="73" /></a>Dê um Control + I (Command + I no Mac) para acionar a inversão de cores nesse seleção, ou vá em Image &gt; Adjustments &gt; Invert.</p>
<p style="clear: both"><a class="image-link" href="http://rodrigoesch.com/wordpress/wp-content/uploads/2009/05/fenda6.jpg"><img class="linked-to-original" style=" text-align: center; display: block; margin: 0 auto 10px;" src="http://rodrigoesch.com/wordpress/wp-content/uploads/2009/05/fenda6-thumb.jpg" alt="" width="380" height="86" /></a>Feito isso, desfaça a seleção com a tecla de atalho Control + D (ou Command) e mude a opacidade dessa camada para 30%.</p>
<p style="clear: both"><a class="image-link" href="http://rodrigoesch.com/wordpress/wp-content/uploads/2009/05/fenda4.jpg"><img class="linked-to-original" style=" text-align: center; display: block; margin: 0 auto 10px;" src="http://rodrigoesch.com/wordpress/wp-content/uploads/2009/05/fenda4-thumb.jpg" alt="" width="380" height="105" /></a></p>
<p style="clear: both"><a class="image-link" href="http://rodrigoesch.com/wordpress/wp-content/uploads/2009/05/fenda7.jpg"><img class="linked-to-original" style=" text-align: center; display: block; margin: 0 auto 10px;" src="http://rodrigoesch.com/wordpress/wp-content/uploads/2009/05/fenda7-thumb.jpg" alt="" width="380" height="195" /></a>O uso do gaussian blur geralmente é mais efetivo para lidar com sombras em perspectiva. Esse recurso absurdamente simples pode ser usado para dar mais realismo a layouts para web feitos no Photoshop.</p>
<p style="clear: both"><a class="image-link" href="http://rodrigoesch.com/wordpress/wp-content/uploads/2009/05/fenda8.jpg"><img class="linked-to-original" style=" text-align: center; display: block; margin: 0 auto 10px;" src="http://rodrigoesch.com/wordpress/wp-content/uploads/2009/05/fenda8-thumb.jpg" alt="" width="379" height="301" /></a></p>
<p><br class="final-break" style="clear: both" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cappuccinoetc.com/tutoriais/criando-efeito-de-fenda-no-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
