
<?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>Elison Design</title>
	<atom:link href="http://elisondesign.com.br/feed/" rel="self" type="application/rss+xml" />
	<link>http://elisondesign.com.br</link>
	<description>Photoshop Wordpress Dreamweaver</description>
	<lastBuildDate>Sat, 18 Feb 2012 17:41:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Montagem com imagens</title>
		<link>http://elisondesign.com.br/montagem-com-imagens/</link>
		<comments>http://elisondesign.com.br/montagem-com-imagens/#comments</comments>
		<pubDate>Sun, 05 Feb 2012 19:05:28 +0000</pubDate>
		<dc:creator>Elison Ferreira</dc:creator>
				<category><![CDATA[Montagem]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[montagem]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://elisondesign.com.br/?p=1504</guid>
		<description><![CDATA[Depois de alguns meses ausente, devido a correria do dia-a-dia, estou de volta com mais um tutorial photoshop. Estarei criando uma montagem com duas imagens. Para este tutorial vou usar duas imagens: Louva-Deus de Igor Siwanowickz Surf do site www.esportesite.com.br Estarei supondo que você já sabe usar a ferramenta Carimbo(S) de seu photoshop. Passo 1<a href="http://elisondesign.com.br/montagem-com-imagens/">&#160;&#160;[ Read More ]</a>]]></description>
			<content:encoded><![CDATA[<p>Depois de alguns meses ausente, devido a correria do dia-a-dia, estou de volta com mais um tutorial photoshop. Estarei criando uma montagem com duas imagens.<br />
<span id="more-1504"></span></p>
<div id="attachment_1505" class="wp-caption aligncenter" style="width: 610px"><a href="http://elisondesign.com.br/wp-content/uploads/2012/02/surf.jpg"><img class="size-full wp-image-1505" title="Surf" src="http://elisondesign.com.br/wp-content/uploads/2012/02/surf.jpg" alt="Surf" width="600" height="424" /></a><p class="wp-caption-text">Imagem Final</p></div>
<p>Para este tutorial vou usar duas imagens:<br />
<em><strong><a href="http://img824.imageshack.us/img824/4977/louvadeus.jpg" target="_blank">Louva-Deus de Igor Siwanowickz</a></strong></em></p>
<p><a href="http://img11.imageshack.us/img11/8245/surfc.jpg" target="_blank"><em><strong>Surf do site www.esportesite.com.br</strong></em></a></p>
<p>Estarei supondo que você já sabe usar a ferramenta <strong>Carimbo(S)</strong> de seu <strong><span style="color: #0158b9;"><a href="http://www.elisondesign.com.br/categoria/photoshop" target="_blank"><span style="color: #0158b9;">photoshop</span></a></span></strong>.</p>
<p><strong>Passo 1</strong> &#8211; Abra a imagem <em>surf.jpg</em>. Tecle Ctrl+T e clique com botão direito do mouse dentro da imagem e escolha a opção &#8220;Virar Horizontalmente&#8221;. Agora exclua a imagem do garoto que esta surfando. Para isso use a ferramenta <strong>Carimbo(S)</strong>. Veja:</p>
<div id="attachment_1506" class="wp-caption aligncenter" style="width: 610px"><a href="http://elisondesign.com.br/wp-content/uploads/2012/02/garoto.jpg"><img class="size-full wp-image-1506" title="Garoto Surfando" src="http://elisondesign.com.br/wp-content/uploads/2012/02/garoto.jpg" alt="Garoto Surfando" width="600" height="424" /></a><p class="wp-caption-text">Antes</p></div>
<div id="attachment_1507" class="wp-caption aligncenter" style="width: 610px"><a href="http://elisondesign.com.br/wp-content/uploads/2012/02/surf2.jpg"><img class="size-full wp-image-1507" title="Surf sem o garoto" src="http://elisondesign.com.br/wp-content/uploads/2012/02/surf2.jpg" alt="Surf sem o garoto" width="600" height="424" /></a><p class="wp-caption-text">Depois</p></div>
<p><strong>Passo 2</strong> &#8211; Abra a imagem louvadeus.jpg e, com a ferramenta de seleção de sua preferência, selecione o louva-deus. Tecle Ctrl+Shift+C para copiar o conteúdo de sua seleção, volte até a imagem do surf e tecle Ctrl+V para colar o louva-deus. Chame esta camada de louva-deus.</p>
<p><strong>Dica:</strong> <em>para selecionar o louva-deus eu usei primeiramente a ferramenta </em><strong>Seleção Rápida(W)</strong><em> para selecionar as partes maiores da imagem e depois usei a ferramenta </em><strong>Laço Poligonal(L)</strong><em> para selecionar os detalhes menores da imagem.(não esquecendo de sempre usar a tecla Shift para adicionar seleção a uma seleção já existente e Alt para subtrair uma seleção de uma seleção já existente.)</em></p>
<p><strong>Passo 3</strong> &#8211; Com a camada louva-deus selecionada tecle Ctrl+T ou vá até o menu <em>Editar&gt;Transformação Livre</em> e redimensione a imagem posicionando-a sobre a prancha. Use as opções &#8220;Deformar, Perspectiva e Distorcer&#8221;, encontradas no menu <em>Editar&gt;Transformação&gt;&#8230;</em>ou clique com o botão direito do mouse dentro da imagem do louva-deus quando estiver usando a ferramenta de transformação livre, para um melhor posicionamento.</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2012/02/transformando.jpg"><img class="aligncenter size-full wp-image-1510" title="transformando" src="http://elisondesign.com.br/wp-content/uploads/2012/02/transformando.jpg" alt="transformando" width="600" height="358" /></a></p>
<p><strong>Passo 4</strong> &#8211; Agora com a imagem já posicionada, com a ferramenta Borracha(B) apague as patas do louva-deus que ficarão sob as ondas. Use pontas suave.</p>
<p><strong>Passo 5</strong> &#8211; Faça as seguintes alterações na imagem louva-deus:</p>
<div id="attachment_1511" class="wp-caption aligncenter" style="width: 422px"><a href="http://elisondesign.com.br/wp-content/uploads/2012/02/niveistut.jpg"><img class="size-full wp-image-1511" title="niveistut" src="http://elisondesign.com.br/wp-content/uploads/2012/02/niveistut.jpg" alt="" width="412" height="349" /></a><p class="wp-caption-text">Níveis(Ctrl+L)</p></div>
<div id="attachment_1512" class="wp-caption aligncenter" style="width: 362px"><a href="http://elisondesign.com.br/wp-content/uploads/2012/02/corseletiva.jpg"><img class="size-full wp-image-1512 " title="corseletiva" src="http://elisondesign.com.br/wp-content/uploads/2012/02/corseletiva.jpg" alt="" width="352" height="349" /></a><p class="wp-caption-text">Menu Imagem&gt;Ajustes&gt;Cor Seletiva</p></div>
<p><strong>Passo 6</strong> &#8211; Use a ferramenta <strong>Superexposição e Subexposição(O)</strong> para dar efeitos de luz e sombra a sua imagem. Veja:</p>
<div id="attachment_1513" class="wp-caption aligncenter" style="width: 610px"><a href="http://elisondesign.com.br/wp-content/uploads/2012/02/sub-e-super.jpg"><img class="size-full wp-image-1513" title="sub-e-super" src="http://elisondesign.com.br/wp-content/uploads/2012/02/sub-e-super.jpg" alt="" width="600" height="425" /></a><p class="wp-caption-text">Setas vermelhas= Subexposição Setas pretas= Superexposição</p></div>
<p><strong>Passo 7</strong> &#8211; Crie uma nova camada abaixo da camada louva-deus e chame-a de sombra. Selecione a ferramenta <strong>Pincel(B)</strong> e pinte de preto como indicado na figura abaixo e a o final diminua a opacidade da camada sombra para 68%.</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2012/02/sombratut.jpg"><img class="aligncenter size-full wp-image-1514" title="sombratut" src="http://elisondesign.com.br/wp-content/uploads/2012/02/sombratut.jpg" alt="" width="533" height="410" /></a></p>
<p>Pronto! Terminamos. Veja o resultado final:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2012/02/surf.jpg"><img class="aligncenter size-full wp-image-1505" title="Surf" src="http://elisondesign.com.br/wp-content/uploads/2012/02/surf.jpg" alt="Surf" width="600" height="424" /></a></p>
<p>Não esqueça de comentar. Deixe sua opinião, sua crítica! Até a próxima!!!</p>
]]></content:encoded>
			<wfw:commentRss>http://elisondesign.com.br/montagem-com-imagens/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Efeito 3D &#8211; Tutorial</title>
		<link>http://elisondesign.com.br/efeito-3d-tutorial/</link>
		<comments>http://elisondesign.com.br/efeito-3d-tutorial/#comments</comments>
		<pubDate>Mon, 10 Oct 2011 18:25:26 +0000</pubDate>
		<dc:creator>Elison Ferreira</dc:creator>
				<category><![CDATA[Montagem]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://elisondesign.com.br/?p=1443</guid>
		<description><![CDATA[Usando técnicas simples para construir um efeito 3D realista com photoshop. Estou fazendo este tutorial para concorrer a um concurso onde o prêmio é esta Tv que estou utilizando para a montagem - Sony Bravia TV LCD KDL-32EX402 Full HD . E eu quero ganhar esta maravilhosa tv para usufruir ao máximo o que há<a href="http://elisondesign.com.br/efeito-3d-tutorial/">&#160;&#160;[ Read More ]</a>]]></description>
			<content:encoded><![CDATA[<p>Usando técnicas simples para construir um efeito 3D realista com photoshop.<span id="more-1443"></span></p>
<p>Estou fazendo este tutorial para concorrer a um concurso onde o prêmio é esta Tv que estou utilizando para a montagem -<strong> Sony Bravia TV LCD KDL-32EX402 Full HD </strong>. E eu quero ganhar esta maravilhosa tv para usufruir ao máximo o que há de melhor na tecnologia digital&#8230; e a copa do mundo de 2014 aqui no Brasil esta às portas e eu quero assistir os jogos nesta Tv! Caso eu ganhe, vou dar uma festa, com muito churrasco, cerveja, samba e pagode e é claro, muitos clipes nesta bela &#8220;telinha&#8221;.</p>
<p>Este concurso é uma iniciativa conjunta dos sites <strong><a title="Escola Dinheiro" href="http://www.escoladinheiro.com/" target="_blank">Escola Dinheiro</a></strong> &#8211; que é um site que ensina de forma diversificada e simplificada como monetizar seu site ou blog, além de dicas diversas para deixá-lo otimizado para motores de buscas. Não deixe de visitar &#8211; e  <strong><a title="Ok Online Cassino" href="http://www.okonlinecasino.com/pt/" target="_blank">Ok Online Casino</a></strong> &#8211; site de jogos de cassino e apostas, sua diversão está garantida aqui. Um verdadeiro cassino virtual, com apostas reais. Vale a pena fazer uma &#8220;fezinha&#8221; e tentar ganhar um grana boa.</p>
<div id="attachment_1490" class="wp-caption aligncenter" style="width: 610px"><a href="http://img411.imageshack.us/img411/2237/tv3d.jpg"><img class="size-full wp-image-1490 " title="Tv 3D" src="http://elisondesign.com.br/wp-content/uploads/2011/10/tvbravia.jpg" alt="" width="600" height="410" /></a><p class="wp-caption-text">Imagens by igor siwanowicz</p></div>
<p>Aqui você encontra as imagens utilizadas neste tutorial. Para salvar a imagem clique com o botão direito do mouse e escolha &#8220;Salvar imagem como&#8230;&#8221;</p>
<ul>
<li><a title="Imagem da rã" href="http://img705.imageshack.us/img705/1885/82588010.png" target="_blank">Rã</a></li>
<li><a title="Imagem da TV" href="http://img831.imageshack.us/img831/2457/12985004.png" target="_blank">TV</a></li>
<li><a title="Imagem da cobra" href="http://img194.imageshack.us/img194/4006/cobrae.jpg" target="_blank">Cobra</a></li>
</ul>
<p><strong>Passo 1 -</strong> Crie um novo documento em seu <span style="color: #3366ff;"><strong>Photoshop</strong></span>(Crtl+N) com 1024x700px.</p>
<p><strong>Passo 2 &#8211; </strong>Insira a imagem Tv.png(<strong><em>Menu Arquivo&gt;Inserir&#8230;</em></strong>) e a redimensione usando Transformação Livre(Ctrl+T).</p>
<p><strong>Passo 3 &#8211; </strong>Insira agora a imagem cobra.jpg deixando-a acima da camada Tv. Tecle Ctrl+T ou vá ao menu <strong><em>Editar&gt;Transformação Livre</em></strong>, diminua a opacidade da camada para 36% e a posicione como a seguir e ao final tecle Enter em seu teclado:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/10/transform.jpg"><img class="aligncenter size-full wp-image-1445" title="transform" src="http://elisondesign.com.br/wp-content/uploads/2011/10/transform.jpg" alt="" width="600" height="387" /></a></p>
<p><strong>Passo 4 -</strong> Agora com a ferramenta <strong>Laço Poligonal(L) </strong>ou outra de sua preferência faça uma seleção como na imagem a seguir. Clique com o botão direito do mouse sobre a camada e escolha a opção &#8220;Rasterizar Camada&#8221;.</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/10/selecionar.jpg"><img class="aligncenter size-full wp-image-1446" title="selecionar" src="http://elisondesign.com.br/wp-content/uploads/2011/10/selecionar.jpg" alt="" width="600" height="440" /></a><strong></strong></p>
<p><strong>Passo 5 -</strong> Agora vá ao menu <em><strong>Selecionar&gt;Inverter</strong></em> ou tecle Ctrl+Shift+I e em seguida tecle Backspace em seu teclado. Aumente a opacidade para 100%. Sua imagem deverá está assim:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/10/cobra.jpg"><img class="aligncenter size-full wp-image-1447" title="cobra" src="http://elisondesign.com.br/wp-content/uploads/2011/10/cobra.jpg" alt="" width="600" height="410" /></a><strong>Passo 6 &#8211; </strong>Ainda na camada cobra tecle Ctrl+L ou vá ao menu <strong><em>Imagem&gt;Ajustes&gt;Níveis </em></strong></p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/10/niveis.jpg"><img class="aligncenter size-full wp-image-1449" title="niveis" src="http://elisondesign.com.br/wp-content/uploads/2011/10/niveis.jpg" alt="" width="413" height="375" /></a></p>
<p><strong>Passo 7 -</strong> Crie uma nova camada abaixo da camada cobra e chame-a de sombra. Escolha a ferramenta <strong>Pincel(B)</strong> e pinte, com uma ponta suave, de preto nos locais indicados abaixo e em seguida diminua a opacidade desta camada para 85%.</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/10/sombras.jpg"><img class="aligncenter size-full wp-image-1450" title="sombras" src="http://elisondesign.com.br/wp-content/uploads/2011/10/sombras.jpg" alt="" width="600" height="438" /></a></p>
<p><strong>Passo 8 &#8211; </strong>Insira agora a imagem rã.png tecle Ctrl+T e redimensione esta imagem e a posicione como abaixo:<strong></strong></p>
<p><strong><br />
<a href="http://elisondesign.com.br/wp-content/uploads/2011/10/sapo.jpg"><img class="aligncenter size-full wp-image-1452" title="sapo" src="http://elisondesign.com.br/wp-content/uploads/2011/10/sapo.jpg" alt="" width="600" height="410" /></a> </strong><br />
<strong>Passo 9 &#8211; </strong>Na camada rã tecle Ctrl+T e clique com o botão direito do mouse dentro da seleção e escolha a opção &#8220;Perspectiva&#8221; e proceda como na imagem abaixo:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/10/perspectiva.jpg"><img class="aligncenter size-full wp-image-1453" title="perspectiva" src="http://elisondesign.com.br/wp-content/uploads/2011/10/perspectiva.jpg" alt="" width="600" height="500" /></a><strong></strong></p>
<p><strong>Passo 10 -</strong> Duplique a camada rã(Ctrl+J). Agora você tem a camada rã e a camada rã cópia. Com a tecla Ctrl pressionada, clica na miniatura da camada rã<strong>. </strong>Tecle D em seu teclado para resetar as cores de plano de fundo e tecle Alt+Backspace pra preencher a seleção de preto em seguida tecle Ctrl+D para desfazer a seleção. Agora vá ao menu <em><strong>Filtro&gt;Desfoque&gt;Desfoque Gaussiano</strong></em> e coloque 1,6 px para o valor raio. Ao final, diminua a opacidade para 75%.</p>
<p><strong>Passo 10 &#8211; </strong>Agora na camada rã cópia tecle Ctrl+N e configure os níveis para esta camada assim:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/10/niveis2.jpg"><img class="aligncenter size-full wp-image-1454" title="niveis2" src="http://elisondesign.com.br/wp-content/uploads/2011/10/niveis2.jpg" alt="" width="410" height="371" /></a></p>
<p>Sua imagem deverá estar assim<strong>:</strong></p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/10/cobra_sapo.jpg"><img class="aligncenter size-full wp-image-1456" title="cobra_sapo" src="http://elisondesign.com.br/wp-content/uploads/2011/10/cobra_sapo.jpg" alt="" width="600" height="410" /></a><strong></strong></p>
<p><strong>Passo 11 -</strong> Crie uma nova camada(Ctrl+Shift+N) acima das demais e chame-a de Luz. Coma ferramenta de seleção de sua preferência faça uma seleção como na imagem abaixo:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/10/selecionar2.jpg"><img class="aligncenter size-full wp-image-1457" title="selecionar2" src="http://elisondesign.com.br/wp-content/uploads/2011/10/selecionar2.jpg" alt="" width="600" height="400" /></a><strong></strong></p>
<p><strong>Passo 11 &#8211; </strong>Verifique se as cores de plano de fundo estão em preto e braco e, na camada Luz, tecle Ctrl+Backspace para preencher de branco a seleção. Agora vá ao menu <strong><em><strong>Filtro&gt;Desfoque&gt;Desfoque Gaussiano</strong></em> </strong>e coloque 4,6 px para o valor raio. Tecle Ctrl+D para desfazer a seleção e diminua a opacidade para 26%. Veja:<strong></strong></p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/10/luz.jpg"><img class="aligncenter size-full wp-image-1458" title="luz" src="http://elisondesign.com.br/wp-content/uploads/2011/10/luz.jpg" alt="" width="600" height="410" /></a><strong></strong></p>
<p><strong>Passo 11 &#8211; </strong>Agora com a ferramenta <strong>Borracha(E) </strong>apague alguns pontos da camada Luz: as costas e cabeça da rã e a cabeça da cobra. Veja na imagem:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/10/erase.jpg"><img class="aligncenter size-full wp-image-1459" title="erase" src="http://elisondesign.com.br/wp-content/uploads/2011/10/erase.jpg" alt="" width="600" height="400" /></a><strong></strong></p>
<p>Pronto tudo acabado! Eu ainda usei as ferramentas <strong>Superexposição e Subexposição(O) </strong>para acrescentar luz e sombra em algumas áreas da imagem. Usei também a ferramenta <strong>Desfoque</strong>(fica bem acima das ferramentas anteriormente citadas) para desfocar algumas áreas da cobra. Por fim, criei uma camada de ajuste &#8220;Equilibrio de Cores&#8221; acima das demais camadas. Veja o resultado final:</p>
<p style="text-align: center;"><a href="http://img411.imageshack.us/img411/2237/tv3d.jpg"><img class="aligncenter size-full wp-image-1490" title="Tv 3D" src="http://elisondesign.com.br/wp-content/uploads/2011/10/tvbravia.jpg" alt="" width="600" height="410" /></a></p>
<p>Espero obter um bom resultado e ganhar esta linda TV. Torçam por mim. Deixem seus comentários e se você também quer participar desta promoção veja como <strong><a title="Como participar?" href="http://www.escoladinheiro.com/2011/10/03/temos-um-lcd-sony-bravia-tv-para-lhe-oferecer-participe/" target="_blank">clicando aqui!</a><br />
</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://elisondesign.com.br/efeito-3d-tutorial/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Otimizando Imagens</title>
		<link>http://elisondesign.com.br/otimizando-imagens/</link>
		<comments>http://elisondesign.com.br/otimizando-imagens/#comments</comments>
		<pubDate>Sat, 17 Sep 2011 19:30:16 +0000</pubDate>
		<dc:creator>Elison Ferreira</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[otimizar]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://elisondesign.com.br/?p=1407</guid>
		<description><![CDATA[Todos nós compartilhamos inúmeras imagens pela net, seja em sites pessoais, blogs ou redes sociais. Mas, será que nós paramos pra pensar quanto tempo leva para nossos amigos visualizarem nossas imagens e como eles as estão visualizando?Vou mostrar como diminuir suas imagens sem perda de qualidade aparente. Abra seu Photoshop e tecle Ctrl+O, ou vá<a href="http://elisondesign.com.br/otimizando-imagens/">&#160;&#160;[ Read More ]</a>]]></description>
			<content:encoded><![CDATA[<p>Todos nós compartilhamos inúmeras imagens pela net, seja em sites pessoais, blogs ou redes sociais. Mas, será que nós paramos pra pensar quanto tempo leva para nossos amigos visualizarem nossas imagens e como eles as estão visualizando?<span id="more-1407"></span>Vou mostrar como diminuir suas imagens sem perda de qualidade aparente.</p>
<p>Abra seu <a title="Tutoriais photoshop" href="http://www.elisondesign.com.br/categoria/photoshop" target="_blank"><strong><span style="color: #0c6df2;">Photoshop</span></strong></a> e <span style="color: #000000;">tecle <strong>Ctrl+O</strong></span>, ou vá ao menu <strong><em>Arquivo&gt;Abrir</em></strong> e escolha uma imagem sua com uma resolução média ou grande. No meu caso, vou usar um trabalho no photoshop que eu chamei de <a title="Veja no Flickr." href="http://www.flickr.com/photos/elison_ap/6151986974/" target="_blank"><strong><span style="color: #ff0000;">Língua</span></strong></a>. Esta imagem em meu PC possue 1024x768px de resolução e 569Kb de tamanho, em uma conexão discada esta imagem demoraria em torno de 95s para abrir. Bem, para eu postar esta imagem aqui no <a title="Compartilhe esta idéia!" href="http://elisondesign.com.br/" target="_blank"><strong>Elison Design</strong></a> eu tenho que ter uma imagem com 600px de largura para ela se enquadrar legal em minha área de posts, então, tecle Ctrl+Alt+I ou vá menu <em><strong>Imagem&gt;Tamanho da Imagem</strong></em> e proceda como abaixo:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/09/altI.jpg"><img class="aligncenter size-full wp-image-1408" title="Alterar tamanho da imagem" src="http://elisondesign.com.br/wp-content/uploads/2011/09/altI.jpg" alt="Alterar tamanho da imagem" width="599" height="453" /></a></p>
<p>Basta preencher o valor 600 no campo “Largura” e o campo “Altura” será preenchido automáticamente, pois as 3 caixinhas estão marcadas.</p>
<p>Pronto! Agora minha imagem tem 600x450px, ideal para pôr aqui no post veja.</p>
<p><a href="http://farm7.static.flickr.com/6183/6151986974_a7602a7dd1_b.jpg"><img class="aligncenter size-full wp-image-1412" title="Lingua - Manipulação de Imagens" src="http://elisondesign.com.br/wp-content/uploads/2011/09/Lingua.jpg" alt="Lingua - Manipulação de Imagens" width="600" height="450" /></a>Porém, esta imagem tem 232,4Kb e em uma conexão discada(aqui onde moro tem muitos que ainda a usam viu!!rsrsrs&#8230;) demoraria 43s para abrir. Então, é agora que entra a <a title="Tratamento de Imagem com o Photoshop" href="http://elisondesign.com.br/tratamento-de-imagem-com-o-photoshop/" target="_blank">otimização da imagem</a>. Ao invés de você salvar sua imagem pela opção &#8220;Salvar como&#8230;&#8221; contida no menu Arquivo, use a opção &#8220;Salvar para Web e Dispositivos&#8230;&#8221; contida neste mesmo menu e configure como abaixo.</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/09/salvando.jpg"><img class="aligncenter size-full wp-image-1415" title="Salvando" src="http://elisondesign.com.br/wp-content/uploads/2011/09/salvando.jpg" alt="Salvar para Web e Dispositivos" width="600" height="450" /></a></p>
<p>Veja o resultado: nossa imagem agora tem a mesma resolução, porém somente 57,97Kb o que em uma net discada abrirá, aproximadamente, em 11s e isto já está ótimo. Perceba que não há perdas vísiveis em nossa imagem.</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/09/Lingua-otmizada.jpg"><img class="aligncenter size-full wp-image-1416" title="Lingua-otmizada" src="http://elisondesign.com.br/wp-content/uploads/2011/09/Lingua-otmizada.jpg" alt="Imagem Otimizada" width="600" height="450" /></a></p>
<p>Agora seus amigos poderão ver muito mais fotos e imagens suas, pois elas estão otimizadas e abrirão rapidamente.</p>
<p>Espero que tenham gostado e até a próxima!</p>
]]></content:encoded>
			<wfw:commentRss>http://elisondesign.com.br/otimizando-imagens/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Manipulação de Imagens</title>
		<link>http://elisondesign.com.br/manipulacao-de-imagens/</link>
		<comments>http://elisondesign.com.br/manipulacao-de-imagens/#comments</comments>
		<pubDate>Sun, 04 Sep 2011 00:42:07 +0000</pubDate>
		<dc:creator>Elison Ferreira</dc:creator>
				<category><![CDATA[Downloads]]></category>
		<category><![CDATA[Montagem]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[Vídeos]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[vídeo]]></category>

		<guid isPermaLink="false">http://elisondesign.com.br/?p=1394</guid>
		<description><![CDATA[Esse trabalho eu chamei de &#8220;O Ratinho Pescador&#8220;. É um trabalho bem fácil&#8230; um pouco trabalhoso, mas com um resultado bem impressionante. Usando apenas 4 imagens, e alguns recursos do photoshop, criei esta fantasia surreal. Ao final do tutorial você poderá baixar as imagens usadas. Dividi o tutorial em dois vídeos para não ficar muito<a href="http://elisondesign.com.br/manipulacao-de-imagens/">&#160;&#160;[ Read More ]</a>]]></description>
			<content:encoded><![CDATA[<p>Esse trabalho eu chamei de &#8220;<strong>O Ratinho Pescador</strong>&#8220;. É um trabalho bem fácil&#8230; um pouco trabalhoso, mas com um resultado bem impressionante. Usando apenas 4 imagens, e alguns recursos do photoshop, criei esta fantasia surreal.<span id="more-1394"></span></p>
<blockquote><p>Ao final do tutorial você poderá baixar as imagens usadas.</p></blockquote>
<div id="attachment_1396" class="wp-caption aligncenter" style="width: 610px"><a href="http://elisondesign.com.br/wp-content/uploads/2011/09/rato-pescador.jpg"><img class="size-full wp-image-1396" title="Ratinho Pescador" src="http://elisondesign.com.br/wp-content/uploads/2011/09/rato-pescador.jpg" alt="Imagem Final" width="600" height="400" /></a><p class="wp-caption-text">Imagem Final</p></div>
<p>Dividi o tutorial em dois vídeos para não ficar muito longo, pois minha net é um lixo rsrsrsrs!</p>
<p><strong>Vídeo 1</strong></p>
<p><iframe src="http://www.youtube.com/embed/PAwLg1mBxtA" frameborder="0" width="640" height="390"></iframe></p>
<p><strong>Vídeo 2</strong></p>
<p><iframe src="http://www.youtube.com/embed/-WL-0Y-sjDI" frameborder="0" width="640" height="390"></iframe></p>
<p style="text-align: center;"><strong>Clique na imagem abaixo para você baixar as imagens utilizadas neste tutorial.</strong><br />
<a href="http://elisondesign.com.br/wp-content/wp-content/uploads/tut.rar" target="_blank"><img class="aligncenter" title="Baixe as imagens" src="http://elisondesign.com.br/wp-content/uploads/2011/09/60-Downloads-icon.png" alt="Baixe as imagens" width="128" height="128" /></a></p>
<p>Não deixem de comentar. Até mais!</p>
]]></content:encoded>
			<wfw:commentRss>http://elisondesign.com.br/manipulacao-de-imagens/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Tratamento de Imagem com o Photoshop</title>
		<link>http://elisondesign.com.br/tratamento-de-imagem-com-o-photoshop/</link>
		<comments>http://elisondesign.com.br/tratamento-de-imagem-com-o-photoshop/#comments</comments>
		<pubDate>Thu, 28 Jul 2011 22:23:39 +0000</pubDate>
		<dc:creator>Elison Ferreira</dc:creator>
				<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[Vídeos]]></category>
		<category><![CDATA[imagens]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://elisondesign.com.br/?p=1379</guid>
		<description><![CDATA[Sabe aquelas suas fotos velinha, desbotadas e sem cor?! Agora você pode voltar a mostrar para seus amigos, pois com este tutorial você vai aprender a &#8220;devolver a vida&#8221; a estas fotos, imagens, etc&#8230; Neste tutorial vamos utilizar o Photoshop CS5 em português. &#160; Para uma melhor visualização assista este vídeo em HD. Dúvidas e<a href="http://elisondesign.com.br/tratamento-de-imagem-com-o-photoshop/">&#160;&#160;[ Read More ]</a>]]></description>
			<content:encoded><![CDATA[<p>Sabe aquelas suas fotos velinha, desbotadas e sem cor?! Agora você pode voltar a mostrar para seus amigos, pois com este tutorial você vai aprender a &#8220;devolver a vida&#8221; a estas fotos, imagens, etc&#8230;<br />
<span id="more-1379"></span><a href="http://elisondesign.com.br/wp-content/uploads/2011/07/tratando.jpg"><img class="aligncenter size-full wp-image-1386" title="Tratamento de Imagens" src="http://elisondesign.com.br/wp-content/uploads/2011/07/tratando.jpg" alt="" width="600" height="425" /></a></p>
<p>Neste tutorial vamos utilizar <strong>o Photoshop CS5 em português. </strong></p>
<p><center><iframe src="http://www.youtube.com/embed/vbbJJSfjFlg?rel=0" frameborder="0" width="640" height="390"></iframe></center>&nbsp;</p>
<p><em>Para uma melhor visualização assista este vídeo em HD.</em></p>
<p>Dúvidas e pedidos&#8230;é só comentar!!</p>
]]></content:encoded>
			<wfw:commentRss>http://elisondesign.com.br/tratamento-de-imagem-com-o-photoshop/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Bordado com o Photoshop &#8211; Tutorial em Vídeo</title>
		<link>http://elisondesign.com.br/bordado-com-o-photoshop-tutorial-em-video/</link>
		<comments>http://elisondesign.com.br/bordado-com-o-photoshop-tutorial-em-video/#comments</comments>
		<pubDate>Wed, 20 Jul 2011 16:57:10 +0000</pubDate>
		<dc:creator>Elison Ferreira</dc:creator>
				<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[Vídeos]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutoriais]]></category>

		<guid isPermaLink="false">http://elisondesign.com.br/?p=1345</guid>
		<description><![CDATA[Meu primeiro tutorial em vídeo para criação de um simples bordado utilizando o photoshop. O tutorial é bem simples mesmo. Estou utilizando o Photoshop CS5 em português e também suponho que você já tem um conhecimento básico de photoshop. Clique Aqui para você baixar o brush utilizado neste tutorial. Diga o que achou, deixe seu<a href="http://elisondesign.com.br/bordado-com-o-photoshop-tutorial-em-video/">&#160;&#160;[ Read More ]</a>]]></description>
			<content:encoded><![CDATA[<p>Meu primeiro tutorial em vídeo para criação de um simples bordado utilizando o photoshop.<span id="more-1345"></span></p>
<p>O tutorial é bem simples mesmo. Estou utilizando o <strong>Photoshop CS5 em português</strong> e também suponho que você já tem um conhecimento básico de photoshop.<br />
<center></p>
<p><iframe width="640" height="390" src="http://www.youtube.com/embed/5KryJ0xzbgM?rel=0" frameborder="0" allowfullscreen></iframe></p>
<p></center></p>
<p><strong><a href="http://pshero.com/assets/tutorials/0065/StitchesOfThread.abr">Clique Aqui</a></strong> para você baixar o <strong>brush</strong> utilizado neste tutorial.</p>
<p>Diga o que achou, deixe seu comentário!</p>
]]></content:encoded>
			<wfw:commentRss>http://elisondesign.com.br/bordado-com-o-photoshop-tutorial-em-video/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Galleria &#8211; Tema WordPress</title>
		<link>http://elisondesign.com.br/galleria-tema-wordpress/</link>
		<comments>http://elisondesign.com.br/galleria-tema-wordpress/#comments</comments>
		<pubDate>Sat, 11 Jun 2011 21:12:08 +0000</pubDate>
		<dc:creator>Elison Ferreira</dc:creator>
				<category><![CDATA[Downloads]]></category>
		<category><![CDATA[Temas WordPress]]></category>
		<category><![CDATA[temas]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://elisondesign.com.br/?p=1334</guid>
		<description><![CDATA[Ótimo tema pra você que quer oferecer produtos, imagens ou templates na web. Totalmente em português do Brasil. Galleria é um tema wordpress muito especial. Este é um tema da série fab ( Rodapé editável). Este tema é construído para transformar o seu blog wordpress para um site de galeria de css, templates ou imagens.<a href="http://elisondesign.com.br/galleria-tema-wordpress/">&#160;&#160;[ Read More ]</a>]]></description>
			<content:encoded><![CDATA[<p>Ótimo tema pra você que quer oferecer<strong> produtos, imagens ou templates na web</strong>. Totalmente em português do Brasil.<span id="more-1334"></span><br />
<a href="http://jinsonathemes.com/galleria/"><img class="aligncenter size-full wp-image-1335" title="Galleria" src="http://elisondesign.com.br/wp-content/uploads/2011/06/galleria.jpg" alt="Tema WordPress" width="600" height="616" /></a></p>
<p>Galleria é um tema wordpress muito especial. Este é um tema da série fab ( Rodapé editável). Este tema é construído para transformar o seu <strong>blog wordpress</strong> para um site de galeria de css, templates ou imagens. A coisa importante é que a configuração e execução do modelo é muito simples e qualquer um pode fazê-lo.</p>
<table id="wp-table-reloaded-id-1-no-1" class="wp-table-reloaded wp-table-reloaded-id-1">
<caption style="caption-side: bottom; text-align: left; border: none; background: none;"><a title="Editar" href="http://elisondesign.com.br/wp-admin/tools.php?page=wp-table-reloaded&amp;action=edit&amp;table_id=1">Editar</a></caption>
<thead>
<tr class="row-1">
<th class="column-1">Recursos do Tema</th>
</tr>
</thead>
<tbody class="row-hover">
<tr class="row-2">
<td class="column-1">Galeria de imagens CSS</td>
</tr>
<tr class="row-3">
<td class="column-1">Pronto para o wordpress 3.0</td>
</tr>
<tr class="row-4">
<td class="column-1">Metaboxes personalizáveis</td>
</tr>
<tr class="row-5">
<td class="column-1">Menus personalizáveis</td>
</tr>
<tr class="row-6">
<td class="column-1">Sidebar e rodapé widgetizados</td>
</tr>
<tr class="row-7">
<td class="column-1">Efeitos jQuery</td>
</tr>
<tr class="row-8">
<td class="column-1">Banners de publicidade personalizáveis</td>
</tr>
<tr class="row-9">
<td class="column-1">Widget twitter</td>
</tr>
<tr class="row-10">
<td class="column-1">Área de post populares</td>
</tr>
<tr class="row-11">
<td class="column-1">Opções do Tema</td>
</tr>
</tbody>
</table>
<p style="text-align: center;"><strong>Veja o tema em ação!</strong></p>
<p style="text-align: center;"><strong><a href="http://www.web2feel.com/galleria/" target="_blank"><img class="aligncenter size-full wp-image-789" title="Demonstração" src="http://elisondesign.com.br/wp-content/uploads/2011/03/buttom2.png" alt="Clique para ver o tema em ação" width="260" height="55" /></a></strong></p>
<p style="text-align: center;"><strong>Faça o Download!</strong></p>
<p style="text-align: center;"><strong><a href="http://www.elisondesign.com.br/wp-content/uploads/2011/07/Galleria.rar" target="_blank"><img class="aligncenter size-full wp-image-729" title="Download" src="http://elisondesign.com.br/wp-content/uploads/2011/02/buttom.png" alt="Baixe aqui." width="260" height="55" /></a></strong></p>
<p>Se você não sabe instalar um tema <a title="Como instalar um tema" href="http://elisondesign.com.br/wordpress/como-instalar-tema/" target="_blank">clique aqui!!</a></p>
<p>Até a próxima!!</p>
]]></content:encoded>
			<wfw:commentRss>http://elisondesign.com.br/galleria-tema-wordpress/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Texto em Aço com o Photoshop</title>
		<link>http://elisondesign.com.br/texto-em-aco-com-o-photoshop/</link>
		<comments>http://elisondesign.com.br/texto-em-aco-com-o-photoshop/#comments</comments>
		<pubDate>Sun, 03 Apr 2011 07:02:39 +0000</pubDate>
		<dc:creator>Elison Ferreira</dc:creator>
				<category><![CDATA[Efeitos de Texto]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[efeitos no photoshop]]></category>
		<category><![CDATA[estilos]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://elisondesign.com.br/?p=1270</guid>
		<description><![CDATA[Aplicando efeitos de luz e sombra, combinando com alguns estilos de camada vamos criar um texto em aço. Passo 1 - Crie um novo documento em seu photoshop. Passo 2 - Configure as seguintes cores para o primeiro plano e segundo plano respectivamente: #474646 e #0c0c0c. Selecione a ferramenta Degradê(G) e faça um gradiente circular<a href="http://elisondesign.com.br/texto-em-aco-com-o-photoshop/">&#160;&#160;[ Read More ]</a>]]></description>
			<content:encoded><![CDATA[<p>Aplicando efeitos de luz e sombra, combinando com alguns estilos de camada vamos criar um texto em aço.<span id="more-1270"></span></p>
<div id="attachment_1271" class="wp-caption aligncenter" style="width: 610px"><a href="http://img821.imageshack.us/img821/1390/steefulll.jpg"><img class="size-full wp-image-1271 " title="Texto em Aço" src="http://img821.imageshack.us/img821/1390/steefulll.jpg" alt="Texto em Aço" width="600" height="338" /></a><p class="wp-caption-text">Imagem Final</p></div>
<p><strong>Passo 1 -</strong> Crie um novo documento em seu photoshop.</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/04/novo_doc.jpg"><img class="aligncenter size-full wp-image-1286" title="Criando um novo documento" src="http://elisondesign.com.br/wp-content/uploads/2011/04/novo_doc.jpg" alt="Criando um novo documento" width="539" height="285" /></a></p>
<p><strong>Passo 2 -</strong> Configure as seguintes cores para o primeiro plano e segundo plano respectivamente: <strong>#474646 e #0c0c0c.</strong> Selecione a ferramenta <strong>Degradê(G)</strong> e faça um gradiente circular como a seguir:</p>
<div id="attachment_1277" class="wp-caption aligncenter" style="width: 610px"><a href="http://elisondesign.com.br/wp-content/uploads/2011/04/gradiente.jpg"><img class="size-full wp-image-1277" title="Fazendo um gradiente circular" src="http://elisondesign.com.br/wp-content/uploads/2011/04/gradiente.jpg" alt="Fazendo um gradiente circular" width="600" height="743" /></a><p class="wp-caption-text">&quot;Gradiente Linear&quot;</p></div>
<p><strong>Passo 3 -</strong> Duplique a camada do plano de fundo(Crtl+J). Vá ao menu <em>Filtro&gt;Ruído&gt;Adicionar Ruído</em>. coloque 2% para o valor <em>Intensidade</em>, escolha <em>Distribuição&gt;Uniforme </em>e marque a caixinha <em>Monocromático</em>. Pressione ok.</p>
<p><strong>Passo 4 -</strong> Ainda na camada de cópia do plano de fundo, vá até ao menu <em>Filtro&gt;Artístico&gt;Plastificação</em> e configure como abaixo:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/04/plastificar.jpg"><img class="aligncenter size-full wp-image-1278" title="Filtro Plastificação" src="http://elisondesign.com.br/wp-content/uploads/2011/04/plastificar.jpg" alt="Filtro Plastificação" width="544" height="531" /></a></p>
<p><strong>Passo 5 -</strong> Aplique ainda <strong>Níveis(Ctrl+L) </strong>nesta camada, como abaixo:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/04/levels.jpg"><img class="aligncenter size-full wp-image-1279" title="Aplicando Níveis" src="http://elisondesign.com.br/wp-content/uploads/2011/04/levels.jpg" alt="Aplicando Níveis" width="413" height="349" /></a></p>
<p><span style="color: #ff0000;">*Detalhe que esqueci. Vá ao menu <strong>Filtro&gt;Desfoque&gt;Desfoque de Movimento</strong> e escolha 90º para o ângulo e 45 para a distância.</span></p>
<p><strong>Passo 6 -</strong> Ao final mude o mode de mesclagem desta camada para <strong>Sobrepor. </strong>Sua imagem deverá está assim:</p>
<div id="attachment_1280" class="wp-caption aligncenter" style="width: 610px"><a href="http://elisondesign.com.br/wp-content/uploads/2011/04/fundo1.jpg"><img class="size-full wp-image-1280" title="Plano de Fundo" src="http://elisondesign.com.br/wp-content/uploads/2011/04/fundo1.jpg" alt="Plano de Fundo" width="600" height="338" /></a><p class="wp-caption-text">Altere o Modo de Mesclagem para Sobrepor.</p></div>
<p><strong>Passo 7 &#8211; </strong>Crie uma nova camada acima das demais e chame-a de <strong>Luz topo. </strong>Escolha a ferramenta <strong>Pincel(B),</strong> uma ponta bem suave e a cor branca. Pinte nos pontos indicados na imagem abaixo:<br />
<a href="http://elisondesign.com.br/wp-content/uploads/2011/04/luz_top.jpg"><img class="aligncenter size-full wp-image-1283" title="Luz do Topo" src="http://elisondesign.com.br/wp-content/uploads/2011/04/luz_top.jpg" alt="Luz do Topo" width="600" height="338" /></a></p>
<p><strong>Passo 8 -</strong> Ao final mude o modo de mesclagem da camada para <strong>Sobrepor</strong>. Sua imagem deverá está assim:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/04/fundo.jpg"><img class="aligncenter size-full wp-image-1284" title="Plano de Fundo" src="http://elisondesign.com.br/wp-content/uploads/2011/04/fundo.jpg" alt="Plano de Fundo" width="600" height="338" /></a></p>
<p><strong>Pass0 9 -</strong> Agora selecione a ferramenta <strong>Texto Horizontal(T),</strong> a cor <strong>#959494</strong> e configure assim:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/04/caractere.jpg"><img class="aligncenter size-full wp-image-1288" title="Configurações do Texto" src="http://elisondesign.com.br/wp-content/uploads/2011/04/caractere.jpg" alt="Configurações do Texto" width="249" height="212" /></a></p>
<p><strong>Pass0 10 -</strong> Escreva a palavra <strong>AÇO</strong> e a centraliza em sua tela de pintura. Deixe a camada <strong>AÇO </strong>acima das demais. Vá ao menu <em>Camada&gt;Estilo de Camada&gt;Opções de Mesclagem</em> e aplique os seguintes estilos:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/04/steel_estilos.jpg"><img class="aligncenter size-full wp-image-1289" title="Estilo de Camada" src="http://elisondesign.com.br/wp-content/uploads/2011/04/steel_estilos.jpg" alt="Estilo de Camada" width="600" height="1500" /></a></p>
<p>Sua imagem ficará assim:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/04/steel1.jpg"><img class="aligncenter size-full wp-image-1290" title="Texto em Aço" src="http://elisondesign.com.br/wp-content/uploads/2011/04/steel1.jpg" alt="Texto em Aço" width="600" height="338" /></a></p>
<p><strong>Passo 11-</strong> Duplique a camada de texto(<strong>Ctrl+J</strong>), chame-a de <strong>Aço textura.</strong> Deixa-a acima das demais. Clique com o botão direito do mouse sobre a camada <strong>Aço textura</strong> e escolha a opção &#8220;<em><strong>Converter em Objeto Inteligente</strong></em>&#8220;, clique novamente e escolha &#8220;<em><strong>Rasterizar Camada</strong></em>&#8220;. Aplique mais alguns estilos de camada nesta nova camada recém criada.</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/04/steel_estilos2.png"><img class="aligncenter size-full wp-image-1291" title="Estilos de Camada" src="http://elisondesign.com.br/wp-content/uploads/2011/04/steel_estilos2.png" alt="Estilos de Camada" width="600" height="930" /></a></p>
<p><strong>Passo 12 -</strong> Duplique a camada <strong>Aço textura</strong> e chame a nova camada criada de <strong>Luz e Sombra. </strong>Deixe-a acima das demais. Selecione a ferramenta <strong>Superexposião(O) </strong>e aplique-a nas áreas de sombra, depois selecione a ferramenta <strong>Subexposição </strong>e aplique-a nas áreas de luz. Fique alternando entre estas duas ferramentas aplicando luz e sombra em nosso texto.</p>
<p><em><strong>OBS: </strong></em>Para alternar entre as ferramentas clique Shift+O, repare que neste menu de ferramentas há a ferramenta <strong>Esponja, </strong>use-a se achar necessário.</p>
<p>Sua imagem deverá ficar assim:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/04/steel2.jpg"><img class="aligncenter size-full wp-image-1292" title="Texto em Aço" src="http://elisondesign.com.br/wp-content/uploads/2011/04/steel2.jpg" alt="Texto em Aço" width="600" height="338" /></a></p>
<p><strong>Passo 13 -</strong> Crie uma nova camada(<strong>Ctrl+Shift+N</strong>) acima das demais e a chame de <strong>Luzes</strong>. Selecione a ferramenta <strong>Pincel(B)</strong>, uma ponta suave e a cor branca e pinte como na imagem abaixo:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/04/steel_luzes.jpg"><img class="aligncenter size-full wp-image-1293" title="Luzes" src="http://elisondesign.com.br/wp-content/uploads/2011/04/steel_luzes.jpg" alt="Luzes" width="600" height="338" /></a></p>
<p><strong>Passo 14 -</strong> Altere o modo de mesclagem desta camada para <strong>Sobrepor.</strong> Veja o resultado:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/04/steel3.jpg"><img class="aligncenter size-full wp-image-1294" title="Texto em Aço" src="http://elisondesign.com.br/wp-content/uploads/2011/04/steel3.jpg" alt="Texto em Aço" width="600" height="338" /></a></p>
<p><strong>Passo 15 &#8211; </strong>Vamos criar agora a sombra de nosso texto. Resete as cores de plano de fundo(basta pressionar D em seu teclado) para Preto e Branco. Duplique a camada <strong>Luz e Sombra</strong>(Ctrl+J), chame-a de <strong>AÇO Sombra. </strong>Pressione a tecla Ctrl e clique sobre a camada <strong>AÇO Sombra</strong>(clique em cima da miniatura da camada). Isso fez uma seleção em nosso texto, correto? Agora preencha essa seleção de preto(tecle Alt+Backspace em seu teclado). Deixe a camada <strong>AÇO Sombra</strong> abaixo da camada <strong>AÇO</strong>. Vá ao menu <em>Editar&gt;Transformação Livre</em> e aumente um pouco nossa sombra clicando na alça central superior da seleção(com a tecla Shift pressionada!).</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/04/transformar_steel.jpg"><img class="aligncenter size-full wp-image-1296" title="Transformação Livre" src="http://elisondesign.com.br/wp-content/uploads/2011/04/transformar_steel.jpg" alt="Transformação Livre" width="560" height="397" /></a></p>
<p><strong>Passo 16 -</strong> Clique dentro da seleção e escolha a opção &#8220;<strong>Perspectiva</strong>&#8220;. E faça assim:</p>
<div id="attachment_1297" class="wp-caption aligncenter" style="width: 579px"><a href="http://elisondesign.com.br/wp-content/uploads/2011/04/transformar_stee2l.jpg"><img class="size-full wp-image-1297" title="Perspectiva" src="http://elisondesign.com.br/wp-content/uploads/2011/04/transformar_stee2l.jpg" alt="Perspectiva" width="569" height="378" /></a><p class="wp-caption-text">Sempre com tecla Shift pressionada</p></div>
<p><strong>Passo 17 -</strong> Vá ao menu <em>Filtro&gt;Desfoque&gt;Desfoque Gaussiano</em> e escolha 14,8px para o raio e diminua a opacidade da camada <strong>AÇO Sombra </strong>para 75%. Veja:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/04/steel4.jpg"><img class="aligncenter size-full wp-image-1298" title="Texto em Aço" src="http://elisondesign.com.br/wp-content/uploads/2011/04/steel4.jpg" alt="Texto em Aço" width="600" height="338" /></a></p>
<p>Pronto! Quase terminamos&#8230; isso quase!!!! Eu ainda apliquei uma camada de ajuste de <strong>equilíbrio de cores</strong> e criei também linhas que cruzam os pontos de luz da imagem, mas essa parte deixo como exercício para vocês!</p>
<p>Veja a imagem final!</p>
<div id="attachment_1271" class="wp-caption aligncenter" style="width: 610px"><a href="http://img821.imageshack.us/img821/1390/steefulll.jpg"><img class="size-full wp-image-1271 " title="Texto em Aço" src="http://elisondesign.com.br/wp-content/uploads/2011/04/steel.jpg" alt="Texto em Aço" width="600" height="338" /></a><p class="wp-caption-text">Imagem Final</p></div>
<p>Até a próxima!!</p>
]]></content:encoded>
			<wfw:commentRss>http://elisondesign.com.br/texto-em-aco-com-o-photoshop/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Menus de Navegação com CSS3</title>
		<link>http://elisondesign.com.br/menus-de-navegacao-com-css3/</link>
		<comments>http://elisondesign.com.br/menus-de-navegacao-com-css3/#comments</comments>
		<pubDate>Sat, 02 Apr 2011 00:47:46 +0000</pubDate>
		<dc:creator>Elison Ferreira</dc:creator>
				<category><![CDATA[Downloads]]></category>
		<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[HTML e CSS]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[downloads]]></category>
		<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://elisondesign.com.br/?p=1234</guid>
		<description><![CDATA[Sempre estarei postando artigos que trazem novidades nesta área infinita que é o CSS, e o HTML também. Hoje trago para vocês um belo menu vertical criado somente com Html e CSS, sem scripts. Clique aqui para baixar a imagem usada para os menus. Clique com o botão direito do mouse sobre a imagem e<a href="http://elisondesign.com.br/menus-de-navegacao-com-css3/">&#160;&#160;[ Read More ]</a>]]></description>
			<content:encoded><![CDATA[<p>Sempre estarei postando artigos que trazem novidades nesta área infinita que é o CSS, e o HTML também. Hoje trago para vocês um belo menu vertical criado somente com Html e CSS, sem scripts.<span id="more-1234"></span></p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/menus/demo.html" target="_blank"><img class="aligncenter size-full wp-image-1251" title="Menus de Navegação com CSS3" src="http://elisondesign.com.br/wp-content/uploads/2011/04/menus_css3.jpg" alt="Menus de Navegação com CSS3" width="500" height="367" /></a></p>
<p><a href="http://img860.imageshack.us/img860/4787/navigation.jpg" target="_blank">Clique aqui para baixar a imagem usada para os menus.</a> <em><cite dir="ltr" lang="Português">Clique com o botão direito do mouse sobre a imagem e escolha &#8220;Salvar imagem como&#8230;&#8221;</cite></em></p>
<blockquote><p>É importante que você crie uma pasta em seu PC para salvar os arquivos abaixo.</p></blockquote>
<p><strong>O código HTML</strong><br />
Cole este código em seu editor de texto ou dreamweaver e salve-o como <strong>demo.html</strong>. Observe a linha 7, é onde estará o link para seu arquivo <strong>styles.css</strong> que vamos criar mais abaixo.</p>
<pre class="brush: xml; highlight: [7]; title: ; toolbar: false; notranslate">
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;title&gt;Menus de Navegação com CSS3&lt;/title&gt;

&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;styles.css&quot; /&gt;

&lt;/head&gt;

&lt;body&gt;

&lt;h1&gt;Menu de Navegação com CSS3 &lt;/h1&gt;
&lt;h2&gt;&lt;a href=&quot;http://www.elisondesign.com.br/&quot;&gt;Voltar à página inicial&lt;/a&gt;&lt;/h2&gt;

&lt;div id=&quot;main&quot;&gt;

&lt;ul id=&quot;navigationMenu&quot;&gt;
    &lt;li&gt;
	    &lt;a class=&quot;home&quot; href=&quot;#&quot;&gt;
            &lt;span&gt;Início&lt;/span&gt;
        &lt;/a&gt;
    &lt;/li&gt;

    &lt;li&gt;
    	&lt;a class=&quot;about&quot; href=&quot;#&quot;&gt;
            &lt;span&gt;Sobre&lt;/span&gt;
        &lt;/a&gt;
    &lt;/li&gt;

    &lt;li&gt;
	     &lt;a class=&quot;services&quot; href=&quot;#&quot;&gt;
            &lt;span&gt;Serviços&lt;/span&gt;
         &lt;/a&gt;
    &lt;/li&gt;

    &lt;li&gt;
    	&lt;a class=&quot;portfolio&quot; href=&quot;#&quot;&gt;
            &lt;span&gt;Portifólio&lt;/span&gt;
        &lt;/a&gt;
    &lt;/li&gt;

    &lt;li&gt;
    	&lt;a class=&quot;contact&quot; href=&quot;#&quot;&gt;
            &lt;span&gt;Fale Conosco&lt;/span&gt;
        &lt;/a&gt;
    &lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;

&lt;p class=&quot;note&quot;&gt;
Exibir em um navegador Webkit (Safari, Chrome) para visualizar o efeito completo. Visite o site do autor &lt;a href=&quot;http://tutorialzine.com/&quot; title=&quot;Site do autor&quot; target=&quot;_blank&quot;&gt;aqui!&lt;/a&gt;&lt;/p&gt;

&lt;/body&gt;
&lt;/html&gt;
</pre>
<p><strong>Os estilos CSS3</strong>.<br />
Cole o código e salve-o com o nome <strong>styles.css</strong>. Os arquivos <strong>demo.html</strong> e <strong>styles.css</strong> devem está no mesmo diretório.</p>
<pre class="brush: css; title: ; toolbar: false; notranslate">
*{
	margin:0;
	padding:0;
}

body{
	font-size:14px;
	color:#666;
	background:#111 no-repeat;

	/* CSS3 Radial Gradients */
	background-image:-moz-radial-gradient(center -100px 45deg, circle farthest-corner, #444 150px, #111 300px);
	background-image:-webkit-gradient(radial, 50% 0, 150, 50% 0, 300, from(#444), to(#111));

	font-family:Arial, Helvetica, sans-serif;
}

#navigationMenu li{
	list-style:none;
	height:39px;
	padding:2px;
	width:40px;
}

#navigationMenu span{
	/* Container properties */
	width:0;
	left:38px;
	padding:0;
	position:absolute;
	overflow:hidden;

	/* Text properties */
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.6px;
	white-space:nowrap;
	line-height:39px;

	/* Transição CSS3: */
	-webkit-transition: 0.25s;

	/* Preparação para o futuro (estes ainda não funcionam): */
	-moz-transition: 0.25s;
	transition: 0.25s;
}

#navigationMenu a{
	background:url('img/navigation.jpg') no-repeat;

	height:39px;
	width:38px;
	display:block;
	position:relative;
}

/* Estilos gerais para hover */

#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
	text-decoration:none;

	/* CSS outer glow with the box-shadow property */
	-moz-box-shadow:0 0 5px #9ddff5;
	-webkit-box-shadow:0 0 5px #9ddff5;
	box-shadow:0 0 5px #9ddff5;
}

/* Green Button */

#navigationMenu .home {	background-position:0 0;}
#navigationMenu .home:hover {	background-position:0 -39px;}
#navigationMenu .home span{
	background-color:#7da315;
	color:#3d4f0c;
	text-shadow:1px 1px 0 #99bf31;
}

/* Blue Button */

#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
	background-color:#1e8bb4;
	color:#223a44;
	text-shadow:1px 1px 0 #44a8d0;
}

/* Orange Button */

#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
	background-color:#c86c1f;
	color:#5a3517;
	text-shadow:1px 1px 0 #d28344;
}

/* Yellow Button */

#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
	background-color:#d0a525;
	color:#604e18;
	text-shadow:1px 1px 0 #d8b54b;
}

/* Purple Button */

#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
	background-color:#af1e83;
	color:#460f35;
	text-shadow:1px 1px 0 #d244a6;
}

/* Os estilos abaixo são necessários apenas para a página de demonstração */

#main{
	margin:80px auto;
	position:relative;
	width:40px;
}

h1{
	color:#fff;
	font-size:30px;
	font-weight:normal;
	padding:60px 0 20px;
	text-align:center;
}

h2{
	font-weight:normal;
	text-align:center;
}

h1,h2{
	font-family:&quot;Myriad Pro&quot;,Arial,Helvetica,sans-serif;
}

a, a:visited,a:active {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

a img{
	border:none;
}

p.note{
	color:#707070;
	font-size:10px;
	text-align:center;
	margin:50px;
}
</pre>
<p style="text-align: center;"><strong>Veja a demonstração</strong></p>
<p style="text-align: center;"><a href="http://elisondesign.com.br/wp-content/uploads/menus/demo.html" target="_blank"><img class="aligncenter size-full wp-image-789" title="Demonstração" src="http://elisondesign.com.br/wp-content/uploads/2011/03/buttom2.png" alt="Clique para ver o menu em ação" width="260" height="55" /></a></p>
<p style="text-align: center;"><strong>Faça o Download dos arquivos, inclusive o arquivo <strong>PSD </strong>dos menus!</strong></p>
<p style="text-align: center;"><strong><a href="http://www.megaupload.com/?d=M6N557X8" target="_blank"><img class="aligncenter size-full wp-image-729" title="Download" src="http://elisondesign.com.br/wp-content/uploads/2011/02/buttom.png" alt="Baixe Aqui." width="260" height="55" /></a></strong></p>
<p>Até a próxima!!</p>
]]></content:encoded>
			<wfw:commentRss>http://elisondesign.com.br/menus-de-navegacao-com-css3/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Criando Letra de Mel no Photoshop</title>
		<link>http://elisondesign.com.br/criando-letra-de-mel-no-photoshop/</link>
		<comments>http://elisondesign.com.br/criando-letra-de-mel-no-photoshop/#comments</comments>
		<pubDate>Mon, 28 Mar 2011 00:44:49 +0000</pubDate>
		<dc:creator>Elison Ferreira</dc:creator>
				<category><![CDATA[Abstrato]]></category>
		<category><![CDATA[Desenho Digital]]></category>
		<category><![CDATA[Efeitos de Texto]]></category>
		<category><![CDATA[Inspiração]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[abstrato]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://elisondesign.com.br/?p=1200</guid>
		<description><![CDATA[Com uma idéia e o seu photoshop você pode criar inúmeros trabalhos. Neste tutorial iremos criar uma letra de mel&#8230;uma letra se derretendo em mel! Parece gostoso, hein!? Clique aqui para usar a imagem utilizada neste tutorial. Passo 1 - Crie um novo documento em seu photoshop(Ctrl+N) com as seguintes configurações: Passo 2 &#8211; Vamos<a href="http://elisondesign.com.br/criando-letra-de-mel-no-photoshop/">&#160;&#160;[ Read More ]</a>]]></description>
			<content:encoded><![CDATA[<p>Com uma idéia e o seu photoshop você pode criar inúmeros trabalhos. Neste tutorial iremos criar uma letra de mel&#8230;uma letra se derretendo em mel! Parece gostoso, hein!?</p>
<p><span id="more-1200"></span></p>
<div id="attachment_1201" class="wp-caption aligncenter" style="width: 610px"><a href="http://img155.imageshack.us/img155/2237/melfull.jpg"><img class="size-full wp-image-1201" title="Mel" src="http://elisondesign.com.br/wp-content/uploads/2011/03/Mel.jpg" alt="Texto em Mel" width="600" height="500" /></a><p class="wp-caption-text">Imagem Final</p></div>
<p><a title="Mel" href="http://img140.imageshack.us/img140/9139/melbeleza.jpg"><strong>Clique aqui para usar a imagem utilizada neste tutorial.</strong></a></p>
<p><strong>Passo 1 -</strong> Crie um novo documento em seu photoshop(<strong>Ctrl+N</strong>) com as seguintes configurações:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/novo.png"><img class="aligncenter size-full wp-image-1202" title="Novo documento" src="http://elisondesign.com.br/wp-content/uploads/2011/03/novo.png" alt="Novo documento" width="500" height="241" /></a></p>
<p><strong>Passo 2 &#8211; </strong>Vamos criar nosso background. Clique duas vezes(botão esquerdo do mouse) na única camada existente em seu painel de camadas e renomeie para <strong>bg</strong>. Selecione a ferramenta <strong>Degradê(G) <a href="http://elisondesign.com.br/wp-content/uploads/2011/03/g.png"><img class="alignnone size-full wp-image-1203" title="g" src="http://elisondesign.com.br/wp-content/uploads/2011/03/g.png" alt="" width="25" height="21" /></a> </strong>e faça um gradiente circular conforme a imagem abaixo:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/bg1.jpg"><img class="aligncenter size-full wp-image-1204" title="Criando o background" src="http://elisondesign.com.br/wp-content/uploads/2011/03/bg1.jpg" alt="Criando o background" width="500" height="420" /></a></p>
<p><strong>Passo 3 &#8211; </strong>Crie uma nova camada(<strong>Ctrl+Shift+N</strong>) acima da camada <strong>bg </strong>e chame-a de <strong>luz</strong>.<strong> </strong>Selecione a ferramenta <strong>Pincel(B) </strong>com tamanho 500px, uma ponta bem suave e a cor branca. Clique duas vezes na posição indicada abaixo:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/brushbg.jpg"><img class="aligncenter size-full wp-image-1205" title="Pincel" src="http://elisondesign.com.br/wp-content/uploads/2011/03/brushbg.jpg" alt="Pincel" width="500" height="420" /></a></p>
<p><strong>Passo 4 &#8211; </strong>Agora vá ao menu <em>Filtro&gt;Desfoque&gt;Desfoque de Movimento</em> e aplique duas vezes este filtro como na imagem a seguir:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/desfoquebg.jpg"><img class="aligncenter size-full wp-image-1206" title="Desfoque de Movimento" src="http://elisondesign.com.br/wp-content/uploads/2011/03/desfoquebg.jpg" alt="Desfoque de Movimento" width="600" height="506" /></a></p>
<p>Ao final seu background estará assim:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/bg_final.jpg"><img class="aligncenter size-full wp-image-1207" title="Background Final" src="http://elisondesign.com.br/wp-content/uploads/2011/03/bg_final.jpg" alt="Background Final" width="600" height="500" /></a></p>
<p><strong>Passo 5 -</strong> Selecione a ferramenta <strong>Texto Horizontal(T) </strong>e, após configurar como na imagem abaixo, digite a letra <strong>M</strong>.</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/texto.jpg"><img class="aligncenter size-full wp-image-1209" title="Configurando o texto" src="http://elisondesign.com.br/wp-content/uploads/2011/03/texto.jpg" alt="Configurando o texto" width="253" height="211" /></a></p>
<p><strong>Passo 6 -</strong> Vá ao menu <em>Camada&gt;Estilo de Camada&gt;Opções de Mesclagem </em>e proceda como nas imagens:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/estilos2.jpg"><img class="aligncenter size-full wp-image-1210" title="Estilos" src="http://elisondesign.com.br/wp-content/uploads/2011/03/estilos2.jpg" alt="Estilos" width="554" height="1500" /></a></p>
<p>Deixe a camada de texto(camada <strong>M</strong>) acima das demais.</p>
<p><strong>Passo 7 -</strong> Clique com o botão direito do mouse sobre a camada <strong>M</strong> e escolha &#8220;Converter em Objeto Inteligente&#8221;. Clique novamente e escolha &#8220;Rasterizar Camada&#8221;.</p>
<p><strong>Passo 8 &#8211; </strong>Ainda na camada <strong>M</strong>, vá ao menu <em>Camada&gt;Estilo de Camada&gt;Opções de Mesclagem</em> e aplique os seguintes estilos:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/estilos-2.jpg"><img class="aligncenter size-full wp-image-1211" title="Estilos de Camada" src="http://elisondesign.com.br/wp-content/uploads/2011/03/estilos-2.jpg" alt="Estilos de Camada" width="510" height="740" /></a></p>
<p>Ao final sua imagem deverá está assim:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/M2.jpg"><img class="aligncenter size-full wp-image-1212" title="Mel" src="http://elisondesign.com.br/wp-content/uploads/2011/03/M2.jpg" alt="Mel" width="600" height="500" /></a></p>
<p><strong>Passo 9 &#8211; </strong>Insira<strong>(menu Arquivo&gt;Inserir)</strong> a imagem <strong>melbeleza.jpg.</strong> Clique com o botão direito do mouse sobre a imagem e escolha &#8220;Rasterizar Camada&#8221;. Deixe-a acima da camada <strong>M </strong>e posicione à vontade. Quando achar a posição, clique com o botão direito do mouse sobre a camada e escolha &#8220;Criar Máscara de Corte&#8221; e em seguida troque o modo de mesclagem desta camada para &#8220;Cor Mais Clara&#8221;. Veja o resultado:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/M3.jpg"><img class="aligncenter size-full wp-image-1213" title="Mel" src="http://elisondesign.com.br/wp-content/uploads/2011/03/M3.jpg" alt="Mel" width="600" height="500" /></a></p>
<p><strong>Passo 10 -</strong> Agora tecle Ctrl+O e abra a imagem <strong>melbeleza.jpg.</strong> Selecione a ferramenta <strong>Caneta(P)</strong> e desenhe um coração em uma área com bastante mel, ao final clique com o botão direito do mouse dentro do coração e escolha &#8220;Criar Seleção&#8221;. Veja:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/pentool.jpg"><img class="aligncenter size-full wp-image-1214" title="Pen Tool" src="http://elisondesign.com.br/wp-content/uploads/2011/03/pentool.jpg" alt="Pen Tool" width="449" height="363" /></a></p>
<p><strong>Passo 11 &#8211; </strong>Com a seleção criada, tecle <strong>Ctrl+C</strong> para copiar a seleção. Volte para a janela com nosso trabalho e tecle <strong>Ctrl+V</strong> para colar, chame esta nova camada de <strong>coração </strong>e deixe-a abaixo da camada <strong>M.</strong></p>
<p><strong>Passo 12 -</strong> Aplique os estilos de camada abaixo para a camada <strong>coração.</strong></p>
<p><strong><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/estilos_3.jpg"><img class="aligncenter size-full wp-image-1215" title="Estilos de Camada" src="http://elisondesign.com.br/wp-content/uploads/2011/03/estilos_3.jpg" alt="Estilos de Camada" width="500" height="860" /></a></strong></p>
<p>Sua imagem deverá está assim:</p>
<p><strong><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/M4.jpg"><img class="aligncenter size-full wp-image-1216" title="Mel" src="http://elisondesign.com.br/wp-content/uploads/2011/03/M4.jpg" alt="Mel" width="600" height="500" /></a></strong></p>
<p><strong>Passo 13 -</strong> Com a tecla Ctrl pressionada, clique sobre as camadas <strong>melbeleza</strong> e <strong>M </strong>e em seguida tecle <strong>Ctrl+E</strong> para mesclar essas camadas. Agora temos a camada <strong>melbeleza</strong> somente. Vá ao menu <em>Filtro&gt;Dissolver</em> e configure como abaixo:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/dissolver1.jpg"><img class="aligncenter size-full wp-image-1218" title="Filtro Dissolver" src="http://elisondesign.com.br/wp-content/uploads/2011/03/dissolver1.jpg" alt="Filtro Dissolver" width="600" height="494" /></a></p>
<p><strong>Passo 14 -</strong> Clique e mantenha pressionado o botão esquerdo do mouse por poucos segundos em algumas áreas da letra M: o topo, o meio e a base. Deixe sua imagem assim:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/M5.jpg"><img class="aligncenter size-full wp-image-1219" title="Mel" src="http://elisondesign.com.br/wp-content/uploads/2011/03/M5.jpg" alt="Mel" width="600" height="500" /></a></p>
<p><strong>Passo 15 -</strong> Selecione a ferramenta <strong>Borracha(E)</strong> e apague as área da base da letra M. Use uma opacidade baixa para a borracha, em torno de 10%. Veja o resultado:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/M6.jpg"><img class="aligncenter size-full wp-image-1220" title="Mel" src="http://elisondesign.com.br/wp-content/uploads/2011/03/M6.jpg" alt="Mel" width="600" height="500" /></a></p>
<p><strong>Passo 16 -</strong> Vamos criar o reflexo da letra M sobre o coração de mel. Duplique(<strong>Ctrl+J</strong>) a camada <strong>melbeleza </strong>e chame-a de <strong>reflexo.</strong> Ponha a camada <strong>reflexo </strong>abaixo da camada <strong>melbeleza</strong> e vá ao menu <em>Editar&gt;Transformação&gt;Virar Verticalmente. </em>Posicione a imagem da camada <strong>reflexo </strong>de modo que as bases da letra M se toquem. Veja:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/reflexomel.jpg"><img class="aligncenter size-full wp-image-1221" title="Reflexo" src="http://elisondesign.com.br/wp-content/uploads/2011/03/reflexomel.jpg" alt="Reflexo" width="600" height="500" /></a></p>
<p><strong>Passo 17 -</strong> Com a camada <strong>reflexo </strong>selecionada, pressione a tecla Ctrl e clique na camada <strong>coração</strong>(em cima da miniatura da camada). Vá ao menu <em>Selecionar&gt;Modificar&gt;Contração</em> e coloque 2px no valor pedido e dê ok. Vá agora ao menu S<em>elecionar&gt;Inverter</em> e em seguida tecle <em><strong>backspace </strong></em>em seu teclado para excluir o conteúdo da seleção.</p>
<p><strong>Passo 18 -</strong> Ainda na camada <strong>reflexo,</strong> vá ao menu <em>Filtro&gt;Desfoque&gt;Desfoque Gaussiano</em> e coloque 1px para o valor pedido. Altere a opacidade desta camada para 54%. Veja o resultado:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/M7.jpg"><img class="aligncenter size-full wp-image-1222" title="Mel" src="http://elisondesign.com.br/wp-content/uploads/2011/03/M7.jpg" alt="Mel" width="600" height="500" /></a></p>
<p><strong>Passo 18 -</strong> Neste momento inserimos a imagem de uma abelha como detalhe. Este passo vou deixar a seu critério. Procure na web por uma imagem que lhe agrade e insira em nosso trabalho. Use <em><strong><a title="Photoshop" href="http://www.elisondesign.com.br/categoria/photoshop" target="_blank">Níveis e Curvas</a></strong></em> para equalizar a imagem inserida com o nosso trabalho. Veja:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/abelha.jpg"><img class="aligncenter size-full wp-image-1223" title="Inserindo imagem" src="http://elisondesign.com.br/wp-content/uploads/2011/03/abelha.jpg" alt="Inserindo imagem" width="600" height="500" /></a></p>
<p>Vamos aos detalhes finais!</p>
<p><strong>Passo 19 -</strong> Vamos criar duas <strong>camadas de ajustes</strong> agora. Essas camadas devem ficar acima de todas as outras. Vá ao menu <em>Camada&gt;Nova Camada de Ajuste&gt;Curvas</em> e configure como abaixo:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/curvas.jpg"><img class="aligncenter size-full wp-image-1224" title="Curvas" src="http://elisondesign.com.br/wp-content/uploads/2011/03/curvas.jpg" alt="Curvas" width="366" height="357" /></a></p>
<p><strong>Passo 20 -</strong> Vá ao menu <em>Camada&gt;Nova Camada da Ajuste&gt;Cor Seletiva</em> e configure como abaixo:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/cor_seletiva.jpg"><img class="aligncenter size-full wp-image-1225" title="Cor Seletiva" src="http://elisondesign.com.br/wp-content/uploads/2011/03/cor_seletiva.jpg" alt="Cor Seletiva" width="600" height="498" /></a></p>
<p>Seu painel de camadas deve está assim organizado:</p>
<p><a href="http://elisondesign.com.br/wp-content/uploads/2011/03/painel1.jpg"><img class="aligncenter size-full wp-image-1226" title="Painel de Camadas" src="http://elisondesign.com.br/wp-content/uploads/2011/03/painel1.jpg" alt="Painel de Camadas" width="292" height="425" /></a></p>
<p>Pronto terminamos! Veja a imagem final.</p>
<div id="attachment_1201" class="wp-caption aligncenter" style="width: 610px"><a href="http://img155.imageshack.us/img155/2237/melfull.jpg"><img class="size-full wp-image-1201" title="Mel" src="http://elisondesign.com.br/wp-content/uploads/2011/03/Mel.jpg" alt="Texto em Mel" width="600" height="500" /></a><p class="wp-caption-text">Imagem Final</p></div>
<p>Eu gostaria muito de ver o seu trabalho final também, então, deixem nos comentários o link de seu trabalho.</p>
<p>Em breve estaremos postando mais novidades. Até a próxima!!</p>
]]></content:encoded>
			<wfw:commentRss>http://elisondesign.com.br/criando-letra-de-mel-no-photoshop/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

