<?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>MXStudio &#187; Photoshop</title>
	<atom:link href="http://www.mxstudio.com.br/categoria/photoshop/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mxstudio.com.br</link>
	<description>Macromedia e Adobe - Artigos, colunas, tutorias e muito mais...</description>
	<lastBuildDate>Thu, 29 Jul 2010 13:13:48 +0000</lastBuildDate>
	
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<!-- google_ad_section_start -->	<item>
		<title>Quebra-cabeça personalizado</title>
		<link>http://www.mxstudio.com.br/design/photoshop/quebra-cabeca-personalizado/</link>
		<comments>http://www.mxstudio.com.br/design/photoshop/quebra-cabeca-personalizado/#comments</comments>
		<pubDate>Fri, 09 Jul 2010 03:11:24 +0000</pubDate>
		<dc:creator>VTaddone</dc:creator>
				<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.mxstudio.com.br/?p=4395</guid>
		<description><![CDATA[Fala pessoal.
Este tutorial é bem fácil pra gente se divertir. Já vi alguns do tipo pela net, mas segue a minha dica pra vocês.
Aproveito para dedicá-lo à minha esposa Camila.
Descrição: Quebra-cabeça para impressão ou wallpaper
Versão: Photoshop CS3, em inglês.
Grau de dificuldade: 7,0
Tutorial produzido ao som de: Mad Caddies – Drinking for 11
1- passo: Abra uma [...]]]></description>
			<content:encoded><![CDATA[<p>Fala pessoal.</p>
<p>Este tutorial é bem fácil pra gente se divertir. Já vi alguns do tipo pela net, mas segue a minha dica pra vocês.</p>
<p>Aproveito para dedicá-lo à minha esposa Camila.</p>
<p><strong>Descrição:</strong> Quebra-cabeça para impressão ou wallpaper</p>
<p><strong>Versão:</strong> Photoshop CS3, em inglês.</p>
<p><strong>Grau de dificuldade:</strong> 7,0</p>
<p><strong>Tutorial produzido ao som de:</strong> Mad Caddies – Drinking for 11</p>
<p><strong>1- passo:</strong> Abra uma imagem no tamanho que você quiser fazer seu quebra-cabeça. No caso, peguei uma foto no tamanho <strong>800 x 600 px</strong>.</p>
<p><a href="http://vtaddone.files.wordpress.com/2010/07/11.jpg"><img src="http://vtaddone.files.wordpress.com/2010/07/11.jpg?w=468&amp;h=355" alt="" width="468" height="355" /></a></p>
<p><strong>2- passo:</strong> Duplique esta imagem <strong>(Ctrl + J)</strong>. Depois desabilite o <strong>background</strong>, deixando apenas a layer duplicada aparecendo.</p>
<p><a href="http://vtaddone.files.wordpress.com/2010/07/2.jpg"><img src="http://vtaddone.files.wordpress.com/2010/07/2.jpg?w=213&amp;h=270" alt="" width="213" height="270" /></a></p>
<p><strong>3- passo:</strong> Clique na layer visivel e vá em <strong>Filter &gt; Texture &gt; Texturizer… </strong>Nesta tela que abriu, clique na seta marcada na imagem abaixo, e vá em <strong>Load Texture…</strong></p>
<p><a href="http://vtaddone.files.wordpress.com/2010/07/3.jpg"><img src="http://vtaddone.files.wordpress.com/2010/07/3.jpg?w=268&amp;h=341" alt="" width="268" height="341" /></a></p>
<p><strong>4- passo:</strong> Procure a textura que iremos utilizar no seguinte caminho <strong>C:\Program files\Adobe\Photoshop CS3\Presets\Textures . </strong>Carregue <strong>Puzzle.psd</strong></p>
<p><a href="http://vtaddone.files.wordpress.com/2010/07/4.jpg"><img src="http://vtaddone.files.wordpress.com/2010/07/4.jpg?w=468&amp;h=325" alt="" width="468" height="325" /></a></p>
<p>Defina os valores conforme sua preferência:</p>
<p><a href="http://vtaddone.files.wordpress.com/2010/07/5.jpg"><img src="http://vtaddone.files.wordpress.com/2010/07/5.jpg?w=253&amp;h=326" alt="" width="253" height="326" /></a></p>
<p>Ficará desta forma:</p>
<p><a href="http://vtaddone.files.wordpress.com/2010/07/6.jpg"><img src="http://vtaddone.files.wordpress.com/2010/07/6.jpg?w=468&amp;h=334" alt="" width="468" height="334" /></a></p>
<p><strong>Vamos dar um efeito agora para seu quebra-cabeça</strong>! Existem diferentes maneiras de dar este efeito. Você pode usar a <strong>Magic Wand Tool (w)</strong>, dependendo da cor do fundo, você seleciona a peça que ela já iluminará exatamente o que você deseja, no entanto, eu particularmente prefiro recortar com mais precisão, utilizando a ferramenta <strong>Pen Tool (p)</strong>. Esta que farei abaixo:</p>
<p><strong>5- passo:</strong> Selecione a ferramenta <strong>Pen Tool (p)</strong>. Escolha uma das peças do seu quebra-cabeça e crie um <strong>Path</strong> ao redor da peça escolhida.</p>
<p><a href="http://vtaddone.files.wordpress.com/2010/07/7.jpg"><img src="http://vtaddone.files.wordpress.com/2010/07/7.jpg?w=468&amp;h=409" alt="" width="468" height="409" /></a></p>
<p><strong>6- passo:</strong> Após fazer seu <strong>Path, siga esta seqüencia de comandos: Dê (Ctrl + Enter)para selecionar o Path, agora (Ctrl + C) para copiar, depois pressione Delete para deletar esta peça da sua Layer 1, agora (Ctrl + Shift + N) para criar uma layer nova (pode chama-la de layer 2 mesmo), e por fim, selecione a layer 2 e dê (Ctrl + V) para colar a peça, a separando da base. Seu painel de Layers deve ter ficado assim:</strong></p>
<p><strong><a href="http://vtaddone.files.wordpress.com/2010/07/8.jpg"><img src="http://vtaddone.files.wordpress.com/2010/07/8.jpg?w=217&amp;h=273" alt="" width="217" height="273" /></a></strong></p>
<p><strong>7- passo: Com a sua layer 2 selecionada, pressione (Ctrl + T) para selecionar a ferramenta Free Transform e gire sua peça.</strong></p>
<p><strong><a href="http://vtaddone.files.wordpress.com/2010/07/9.jpg"><img src="http://vtaddone.files.wordpress.com/2010/07/9.jpg?w=468&amp;h=272" alt="" width="468" height="272" /></a><br />
</strong></p>
<p>Clique em <strong>Add a layer style</strong> (conforme circulo vermelho), depois vá em <strong>Drop Shadow</strong>.</p>
<p><a href="http://vtaddone.files.wordpress.com/2010/07/10.jpg"><img src="http://vtaddone.files.wordpress.com/2010/07/10.jpg?w=398&amp;h=280" alt="" width="398" height="280" /></a></p>
<p><a href="http://vtaddone.files.wordpress.com/2010/07/111.jpg"><img src="http://vtaddone.files.wordpress.com/2010/07/111.jpg?w=468&amp;h=367" alt="" width="468" height="367" /></a></p>
<p>Aplique as preferências de sua sombra conforme sua preferência.</p>
<p><strong>8- passo:</strong> Para finalizar, clique na sua <strong>layer 1</strong>, escolha a <strong>Magic Wand Tool (w)</strong> e clique em cima da peça vazia da sua base para selecionar o espaço em que a peça estava.</p>
<p><a href="http://vtaddone.files.wordpress.com/2010/07/12.jpg"><img src="http://vtaddone.files.wordpress.com/2010/07/12.jpg?w=468&amp;h=272" alt="" width="468" height="272" /></a></p>
<p>Agora <strong>(Ctrl + Shift + N) </strong>para criar uma layer nova (pode chama-la de layer 3), clique sobre a ferramenta <strong>Paint Bucket Tool (G)</strong>. Pode preencher usando qualquer cor e depois vá novamente em <strong>Add a layer style &gt; Pattern Overlay…</strong></p>
<p><a href="http://vtaddone.files.wordpress.com/2010/07/13.jpg"><img src="http://vtaddone.files.wordpress.com/2010/07/13.jpg?w=468&amp;h=269" alt="" width="468" height="269" /></a></p>
<p>Selecione o <strong>Pattern </strong>que representa madeira. (ficará bem legal!) E aplique um <strong>Inner Shadow</strong>.</p>
<p><a href="http://vtaddone.files.wordpress.com/2010/07/14.jpg"><img src="http://vtaddone.files.wordpress.com/2010/07/14.jpg?w=468&amp;h=347" alt="" width="468" height="347" /></a></p>
<p>Está pronto!</p>
<p><a href="http://vtaddone.files.wordpress.com/2010/07/15.jpg"><img src="http://vtaddone.files.wordpress.com/2010/07/15.jpg?w=468&amp;h=351" alt="" width="468" height="351" /></a></p>
<p>Fazendo isso varias vezes você pode variar, assim:</p>
<p><a href="http://vtaddone.files.wordpress.com/2010/07/16.jpg"><img src="http://vtaddone.files.wordpress.com/2010/07/16.jpg?w=468&amp;h=351" alt="" width="468" height="351" /></a></p>
<p>Abraços! Valeu! </p>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/design/photoshop/quebra-cabeca-personalizado/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Balanço de gris &#8211; O ponto de equilíbrio do Tratamento</title>
		<link>http://www.mxstudio.com.br/design/photoshop/balanco-de-gris-o-ponto-de-equilibrio-do-tratamento/</link>
		<comments>http://www.mxstudio.com.br/design/photoshop/balanco-de-gris-o-ponto-de-equilibrio-do-tratamento/#comments</comments>
		<pubDate>Sat, 26 Jun 2010 23:23:32 +0000</pubDate>
		<dc:creator>Felipe Santos</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Cmyk]]></category>
		<category><![CDATA[Impressão]]></category>
		<category><![CDATA[Tratamento de Imagens]]></category>

		<guid isPermaLink="false">http://www.mxstudio.com.br/?p=4193</guid>
		<description><![CDATA[Em continuidade ao tema iniciado no último Post, que abordou  sobre contraste da imagem – calibração das áreas de mínima e máxima.  Nesta edição vamos pontuar os conceitos relacionados com o Balanceamento  de gris / cores.
Conceito:
Uma reprodução em cores deve apresentar cada cor na  intensidade correta em relação a todas as [...]]]></description>
			<content:encoded><![CDATA[<p>Em continuidade ao tema iniciado no último Post, que abordou  sobre contraste da imagem – calibração das áreas de mínima e máxima.  Nesta edição vamos pontuar os conceitos relacionados com o Balanceamento  de gris / cores.</p>
<p><strong>Conceito:</strong></p>
<p>Uma reprodução em cores deve apresentar cada cor na  intensidade correta em relação a todas as outras. As áreas neutras  (cinzas) precisam do equilíbrio entre os canais de cor (CMY), são nessas  áreas que o balanceamento deve ocorrer. No tratamento de imagens é  válido saber que é mais importante considerar o equilíbrio entre as  cores do que as intensidades exatas de cada cor separadamente.</p>
<p>O Balanceamento terá como referência sempre áreas neutras  (cinza) na imagem, mesmo que inicialmente apareçam infiltradas. Para a  remoção da invasão de cores, o operador precisa determinar que áreas da  imagem serão alteradas, normalmente é feita uma mudança na gradação  (range tonal da imagem), reduzindo ou aumentando valores em uma ou duas  cores nas <strong>Mínimas, Meias-tintas ou Máximas</strong>. Geralmente, a invasão  de cores abrange todas as áreas da imagem. Para reproduzir tons  neutros, é necessário compensar as contaminações das tintas. Os pontos  de magenta e amarelo são reduzidos ao longo da escala da imagem, desde a  mínima até a máxima.<br />
Abaixo temos valores típicos para a composição de áreas neutras:</p>
<table border="0" cellspacing="5" cellpadding="0" width="400" align="center">
<tbody>
<tr>
<td colspan="5" align="center" valign="middle"><strong>Papel revestido e Impressora Plana &#8211; valores em %</strong></td>
</tr>
<tr>
<td width="25%" bgcolor="#dddddd">ORIGINAL</td>
<td width="25%" align="center" valign="middle"><strong>CIANO</strong></td>
<td width="40%" align="center" valign="middle"><strong>MAGENTA</strong></td>
<td width="25%" align="center" valign="middle"><strong>AMARALO</strong></td>
<td width="25%" align="center" valign="middle"><strong>PRETO</strong></td>
</tr>
<tr>
<td width="25%" bgcolor="#dddddd">MÍNIMA / BRANCO</td>
<td width="25%" align="center" valign="middle">5</td>
<td width="25%" align="center" valign="middle">3</td>
<td width="25%" align="center" valign="middle">3</td>
<td width="25%" align="center" valign="middle">0</td>
</tr>
<tr>
<td width="25%" bgcolor="#dddddd">MEIA-TINTA / CINZA</td>
<td width="25%" align="center" valign="middle">45</td>
<td width="25%" align="center" valign="middle">35</td>
<td width="25%" align="center" valign="middle">35</td>
<td width="25%" align="center" valign="middle">8</td>
</tr>
<tr>
<td width="25%" bgcolor="#dddddd">MÁXIMA / PRETO</td>
<td width="25%" align="center" valign="middle">85</td>
<td width="25%" align="center" valign="middle">75</td>
<td width="25%" align="center" valign="middle">70</td>
<td width="25%" align="center" valign="middle">60</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="5" cellpadding="0" width="400" align="center">
<tbody>
<tr>
<td colspan="5" align="center" valign="middle"><strong>Papel Jornal e Impressora Rotativa &#8211; valores em %</strong></td>
</tr>
<tr>
<td width="25%" bgcolor="#dddddd">ORIGINAL</td>
<td width="25%" align="center" valign="middle"><strong>CIANO</strong></td>
<td width="25%" align="center" valign="middle"><strong>MAGENTA</strong></td>
<td width="25%" align="center" valign="middle"><strong>AMARALO</strong></td>
<td width="25%" align="center" valign="middle"><strong>PRETO</strong></td>
</tr>
<tr>
<td width="25%" bgcolor="#dddddd">MÍNIMA / BRANCO</td>
<td width="25%" align="center" valign="middle">2</td>
<td width="25%" align="center" valign="middle">1</td>
<td width="25%" align="center" valign="middle">1</td>
<td width="25%" align="center" valign="middle">0</td>
</tr>
<tr>
<td width="25%" bgcolor="#dddddd">MEIA-TINTA / CINZA</td>
<td width="25%" align="center" valign="middle">40</td>
<td width="25%" align="center" valign="middle">35</td>
<td width="25%" align="center" valign="middle">35</td>
<td width="25%" align="center" valign="middle">10</td>
</tr>
<tr>
<td width="25%" bgcolor="#dddddd">MÁXIMA/ PRETO</td>
<td width="25%" align="center" valign="middle">55</td>
<td width="25%" align="center" valign="middle">50</td>
<td width="25%" align="center" valign="middle">45</td>
<td width="25%" align="center" valign="middle">86</td>
</tr>
</tbody>
</table>
<p><strong>Como remover uma invasão de cor</strong></p>
<p>A invasão de cor é uma tonalização indesejada que contamina  as cores de uma imagem. Ocorre em todas as áreas da imagem, sendo  normalmente predominante em uma das áreas em específico <strong>(Mínimas,  Meia-tinta, Máximas)</strong>.</p>
<p>Sua remoção acontece por alterações no contraste. Primeiro  verifica-se em qual área da imagem a invasão é mais pronunciada. Em  seguida, verifica-se qual canal – <strong>ciano, magenta ou amarelo</strong> –  precisa ter seus valores reduzidos ou aumentados.</p>
<p>Conheça agora uma lista de ferramentas que possibilitam a  eliminação ou redução das invasões de cores. Através do balanceamento  dos grises:</p>
<table border="0" cellspacing="5" cellpadding="10" width="500" align="center">
<caption> </caption>
<tbody>
<tr>
<td width="60%"><strong>ORIGINAL </strong>Imagem capturada por uma câmera digital com  aparente infiltração para o azul-violeta.</p>
<p>Ciente que sua tonalidade original de fundo é  cinza, podemos utilizar uma das ferramentas abaixo para eliminar essa  infiltração e retomar as tonalidades &#8220;reais&#8221; da foto, como o tom de pele  da criança.</p>
<p>Sempre que sua imagem possuir alguma área  neutra (cinza), utilize-a como referência para o tratamento, pois a  partir do balanceamento dos canais (CMY), nos tons neutros, é possivel  se obter cores limpas e &#8220;reais&#8221; para sua imagem.</p>
<p>Nunca tente corrigir tonalidades da imagem,  como tons de pele, florestas, mares ou outras áreas coloridas, sem antes  balancear os tons neutros da imagem. O segredo de boas cores impressas  está na <strong>correta calibração do cinza</strong>. (veja box conclusão)</td>
<td align="center" valign="middle"><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/06/aula_griss.jpg"><img class="alignnone size-full wp-image-4195" src="http://www.mxstudio.com.br/wp-content/uploads/2010/06/aula_griss.jpg" alt="" width="199" height="300" /></a></td>
</tr>
<tr align="center" valign="middle">
<td height="25" align="center" valign="middle"></td>
<td height="25" align="center" valign="middle"></td>
</tr>
<tr>
<td colspan="2"><strong>Levels (Níveis)</strong>O uso do <strong>conta-gotas da Meia-tinta</strong> permite uma  correção prática e com resultados bem satisfatórios. Quando na imagem  houver áreas neutras no range intermediário (Meia-tinta) utilize esse  recurso.</td>
</tr>
<tr align="center" valign="middle">
<td width="60%" align="center" valign="middle"><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/06/niveis.jpg"><img class="alignnone size-full wp-image-4209" src="http://www.mxstudio.com.br/wp-content/uploads/2010/06/niveis.jpg" alt="" width="266" height="198" /></a></td>
<td align="center" valign="middle"><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/06/gris_niveis.jpg"><img class="alignnone size-full wp-image-4204" src="http://www.mxstudio.com.br/wp-content/uploads/2010/06/gris_niveis.jpg" alt="" width="135" height="197" /></a></td>
</tr>
<tr align="center" valign="middle">
<td height="25" align="center" valign="middle"></td>
<td height="25" align="center" valign="middle"></td>
</tr>
<tr>
<td colspan="2"><strong>Color Balance  (Equilíbrio de Cores) </strong>Trabalha em conjunto com paleta Color. Ideal para qualquer  tipo de infiltração, pois atua em todo range da imagem <strong>(mínima |  meia-tinta | máxima)</strong>. Cada slider representa um par de <strong>cores  complementares </strong>(ciano &#8211; vermelho | magenta &#8211; verde | amaralo &#8211;  roxo). Caso sua imagem tenha muito ciano na mínima, basta marcar na  ferramenta a opção Highlights (mínima) e mover slider Cyan &#8211; Red para  direita.</td>
</tr>
<tr align="center" valign="middle">
<td align="center" valign="middle"><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/06/colorbalance.jpg"><img class="alignnone size-full wp-image-4198" src="http://www.mxstudio.com.br/wp-content/uploads/2010/06/colorbalance.jpg" alt="" width="266" height="150" /></a></td>
<td align="center" valign="middle"><strong><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/06/gris_balance.jpg"><img class="alignnone size-full wp-image-4201" src="http://www.mxstudio.com.br/wp-content/uploads/2010/06/gris_balance.jpg" alt="" width="135" height="204" /></a></strong></td>
</tr>
<tr align="center" valign="middle">
<td align="center" valign="middle"></td>
<td align="center" valign="middle"></td>
</tr>
<tr>
<td colspan="2"><strong>Selective Colors (Cor  Seletiva)</strong>A Cor Seletiva é uma das ferramentas mais versáteis do  Photoshop. Ela abrange tanto as referências <strong>cromáticas</strong> (vermelho |  amarelo | verde | ciano | roxo | magenta), como também, os<strong> tons  neutros</strong> (branco | cinza | preto).<br />
Escolha a referência cinza  (Neutrals) e controle os sliders para amenizar a infiltração.</td>
</tr>
<tr align="center" valign="middle">
<td align="center" valign="middle"><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/06/Seletive.jpg"><img class="alignnone size-full wp-image-4210" src="http://www.mxstudio.com.br/wp-content/uploads/2010/06/Seletive.jpg" alt="" width="266" height="231" /></a></td>
<td align="center" valign="middle"><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/06/gris_seletive.jpg"><img class="alignnone size-full wp-image-4205" src="http://www.mxstudio.com.br/wp-content/uploads/2010/06/gris_seletive.jpg" alt="" width="135" height="204" /></a></td>
</tr>
<tr align="center" valign="middle">
<td align="center" valign="middle"></td>
<td align="center" valign="middle"></td>
</tr>
<tr>
<td colspan="2"><strong>Color Match</strong>Uma das recentes ferramentas do Photoshop. Inserida na  versão CS do programa tem como principal função aplicar a luminosidade e  coloração de uma imagem em outra. A ferramenta possui controles sobre  estes atribuidos e quando habilitamos a opção <strong>Neutralize</strong> temos de  imediato a redução da infiltração, mas num nível de remoção menor do  que as demais ferramentas.</td>
</tr>
<tr align="center" valign="middle">
<td align="center" valign="middle"><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/06/match.jpg"><img class="alignnone size-full wp-image-4208" src="http://www.mxstudio.com.br/wp-content/uploads/2010/06/match.jpg" alt="" width="266" height="298" /></a></td>
<td align="center" valign="middle"><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/06/gris_match.jpg"><img class="alignnone size-full wp-image-4203" src="http://www.mxstudio.com.br/wp-content/uploads/2010/06/gris_match.jpg" alt="" width="135" height="204" /></a></td>
</tr>
<tr align="center" valign="middle">
<td align="center" valign="middle"></td>
<td align="center" valign="middle"></td>
</tr>
<tr>
<td colspan="2"><strong>Variation (Variações)</strong>Uma ferramenta muito prática e totalmente visual, pois é a  única dentro do sub -menu Adjustments (ajustes), que não utiliza a  paleta Info para controlar as alterações numericas na imagem. Variações  exibe um <strong>preview</strong> para cada alteração sugerida na imagem, sempre  adicionando informação (Mais Ciano, Mais Magenta, Mais Claro,&#8230;). Além  de permitir atuar num range específico da imagem (mínima | meia-tinta |  máxima), também controla a intensidade nas cores (Saturation).<br />
Todos esses ajustes podem ser aplicados de forma <strong>suave  (Fine)</strong> ou mais<strong> intensa (Coarse).</strong></td>
</tr>
<tr align="center" valign="middle">
<td align="center" valign="middle"><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/06/variation.jpg"><img class="alignnone size-medium wp-image-4194" src="http://www.mxstudio.com.br/wp-content/uploads/2010/06/variation-205x300.jpg" alt="" width="205" height="300" /></a></td>
<td align="center" valign="middle"><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/06/gris_variation.jpg"><img class="alignnone size-full wp-image-4206" src="http://www.mxstudio.com.br/wp-content/uploads/2010/06/gris_variation.jpg" alt="" width="135" height="206" /></a></td>
</tr>
<tr align="center" valign="middle">
<td align="center" valign="middle"></td>
<td align="center" valign="middle"></td>
</tr>
<tr>
<td colspan="2"><strong>Camadas</strong>Uma boa dica para eliminar infiltrações. Capture o tom  infiltrado com a ferramenta <strong>conta-gotas, </strong>e em seguida crie uma  nova camada sobre a camada de sua imagem. Preencha esta nova camada com a  cor capturada e inverta o tom preenchido com o atalho <strong>Ctrl+I. </strong>Depois  altere o modo de mistura para <strong>Color</strong> e reduza a Opacidade. Aqui  trabalhei com 30%.</td>
</tr>
<tr align="center" valign="middle">
<td align="center" valign="middle"><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/06/layer.jpg"><img class="alignnone size-full wp-image-4207" src="http://www.mxstudio.com.br/wp-content/uploads/2010/06/layer.jpg" alt="" width="266" height="241" /></a></td>
<td align="center" valign="middle"><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/06/gris_layer.jpg"><img class="alignnone size-full wp-image-4202" src="http://www.mxstudio.com.br/wp-content/uploads/2010/06/gris_layer.jpg" alt="" width="135" height="204" /></a></td>
</tr>
</tbody>
</table>
<p><strong>Conclusão</strong></p>
<p>O entendimento do processo de &#8220;Balanceamento do gris&#8221; permite ao operador eliminar as infiltrações, devolvendo à imagem suas cores &#8220;reais&#8221;. Sendo uma etapa crucial durante o tratamento. Mesmo naquelas que não possuem problemas com infiltrações. Havendo em sua imagem áreas neutras, utilize-as como referência.</p>
<p>Dentre as ferramentas mostradas, destaco o uso dos Levels (Níveis) e Color Balance (Equilíbrio de Cores), pois permitem um maior controle durante a aplicação.</p>
<p>No <strong>tutorial</strong> deste Post trago um resumo sobre as  características das principais ferramentas utilizadas no tratamento de  imagens para impressão.</p>
<div>
<p><a title="Tutorial Ferramentas do  Photoshop" href="http://www.mxstudio.com.br/wp-content/uploads/2010/06/tutorial7.pdf" target="_self"><span style="font-size: small"><strong> Ferramentas de Ajuste<br />
</strong></span></a></p>
</div>
<p><strong>Acompanhe no próximo Post a continuidade desta matéria,  onde será abordado os detalhes da aplicação do filtro Sharpen  (acentuação de detalhes).</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/design/photoshop/balanco-de-gris-o-ponto-de-equilibrio-do-tratamento/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Da luz para o papel</title>
		<link>http://www.mxstudio.com.br/design/photoshop/da-luz-para-o-papel/</link>
		<comments>http://www.mxstudio.com.br/design/photoshop/da-luz-para-o-papel/#comments</comments>
		<pubDate>Wed, 09 Jun 2010 03:49:58 +0000</pubDate>
		<dc:creator>Felipe Santos</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Cmyk]]></category>
		<category><![CDATA[Impressão]]></category>
		<category><![CDATA[Tratamento de Imagens]]></category>

		<guid isPermaLink="false">http://www.mxstudio.com.br/?p=4019</guid>
		<description><![CDATA[Da luz para o papel
Com a melhora continua das câmeras digitais, o uso desses  equipamentos é pratica comum nos dias de hoje em estúdios, editoras,  agências, redações, ou seja, desde ambientes coorporativos, com maior  exigência de qualidade, até ambientes domésticos. Como ocorreu em outros  segmentos, devido à transição do analógico para [...]]]></description>
			<content:encoded><![CDATA[<p><strong><span style="font-size: small;">Da luz para o papel</span></strong></p>
<p>Com a melhora continua das câmeras digitais, o uso desses  equipamentos é pratica comum nos dias de hoje em estúdios, editoras,  agências, redações, ou seja, desde ambientes coorporativos, com maior  exigência de qualidade, até ambientes domésticos. Como ocorreu em outros  segmentos, devido à transição do analógico para o digital, o avanço  tecnológico permitiu uma maior difusão e acesso a processos de produção  antes restritos a poucos profissionais, assim aconteceu com <strong>edição de  vídeo, som e captura de imagens</strong>, este último inicialmente pelos  scanners planos e nos últimos anos com as câmeras digitais.</p>
<p>Sem duvida o processo de produção de imagens por meio digital  oferece inúmeras vantagens, entre elas, destaco o<strong> imediatismo</strong> no  acesso ao resultado do trabalho, o que permite realizar uma gama maior  de experimentações.</p>
<p>No decorrer deste ano pude notar a adesão de diversos jornais e  editoras ao processo digital de captura de imagens, eliminado de vez a<strong> etapa da digitalização</strong> na produção de imagens impressas, seguindo  assim os passos do segmento publicitário, que já utilizava esse recurso  em maior escala.</p>
<p>É importante dizer que a <strong>câmera digital</strong> é apenas uma  ferramenta, e a qualidade no resultado de suas imagens impressas não  está “somente” relacionada à quantidade de megapixels de sua câmera, a  tecnologia aplicada às câmeras permite uma série de funcionalidades,  muitas vezes ignoradas pelo produtor da imagem, junta-se então, a esses  novos recursos digitais o processo fotográfico em si, conceitos como:  abertura de lente, sensibilidade de captura, iluminação, exposição,  tipos de lente, entre outros, ou seja, a bagagem anterior do fotógrafo e  o conhecimento desses parâmetros certamente são diferenciais na  produção de um “original” para impressão (pois atualmente setores de  tratamento de imagens lidam com <strong>originais digitais – “virtuais”</strong>).</p>
<p>A câmera digital é o <strong>“elo de ligação”</strong> entre dois mundos  – Emissão de Luz (RGB) e Reflexão de Luz (CMYK). A qualidade das  imagens reproduzidas por um processo de impressão comercial como o  Offset é resultante de um conjunto de variáveis.</p>
<p>A tecnologia muda os meios de produção, oferecendo mais  recursos e ferramentas, mais os <strong>conceitos</strong> aplicados para se obter  uma boa captura de imagem e reprodução impressa são os mesmos  utilizados há cinco décadas atrás.</p>
<p>Em relação ao<strong> tratamento de imagens</strong> alguns conceitos  andam esquecidos. Para realizar um tratamento consciente visando a  melhor reprodução impressa, algumas informações devem ser previamente  conhecidas pelo operador, como o tipo de papel e qual processo de  impressão (offset, serigrafia, flexografia) será utilizado, pois tais  informações serão inseridas no <strong>“Color Settings”</strong> do Photoshop,  menu <strong>Edit &gt; Color Setting &gt; CMYK Setup</strong>, obtendo assim uma  conversão de RGB – CMYK otimizada ao processo de impressão utilizado.</p>
<p>Nas próximas linhas vou descrever os pontos essenciais dentro  do tratamento de imagens direcionado a reprodução impressa em policromia  (CMYK), chamo a atenção em dizer que os tópicos relacionados abaixo não  ilustram a totalidade da execução dessa tarefa, apenas seus fundamentos  básicos: <strong>Contraste, Balanceamento dos grises / cores e Acentuação de  detalhes</strong></p>
<p><strong><span style="font-size: small;">Contraste</span></strong></p>
<p>Sem dúvida o mais importante atributo para se obter cores  ótimas, consiste na diferença entre as áreas mais claras e mais escuras  da imagem, Mínimas e Máximas respectivamente.</p>
<p>A área de Mínima, também chamada de Altas-luzes ou Branco,  pode receber duas classificações – quanto a tonalidade (neutras ou  entonadas) e quanto a luminosidade (difusas ou especulares), vejamos  suas características:</p>
<p><strong>Neutras</strong> – representam uma tonalidade cinza ou branca  dentro do original. Normalmente as imagens capturadas por câmeras  digitais apresentam algum tipo de infiltração (color cast), que acabam  contaminando as áreas neutras da imagem (mais sobre este item no  tutorial 6A)</p>
<p><strong>Entonadas</strong> – quando recai sobre alguma tonalidade da  imagem, por exemplo, Tons de pele, Céu, etc.</p>
<p><strong>Difusas</strong> – apresentam informação suficiente para a  realização dos ajustes, estão de acordo com a luminosidade geral da  imagem.</p>
<p><strong>Especulares</strong> – são áreas estouradas, normalmente  aparecem em forma de reflexos ou focos de luz, não servem como  referência para o ajuste de Mínima, pois possuem pouca ou nenhuma  informação.</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/06/img01.jpg"><img class="alignnone size-medium wp-image-4020" src="http://www.mxstudio.com.br/wp-content/uploads/2010/06/img01-198x300.jpg" alt="Branco Neutro" width="198" height="300" /></a> <a href="http://www.mxstudio.com.br/wp-content/uploads/2010/06/img02.jpg"><img class="alignnone size-full wp-image-4021" src="http://www.mxstudio.com.br/wp-content/uploads/2010/06/img02.jpg" alt="Branco Entonado" width="200" height="227" /></a></p>
<p>A <strong>figura 1</strong> traz um exemplo de uma imagem infiltrada,  onde as áreas neutras estão contaminadas pela infiltração. Na <strong>figura 2</strong> apresenta uma área de Mínima Entonada &#8211; Difusa, pois sua área mais  clara esta localizada no tom de pele.</p>
<p>O ajuste de Mínima certamente é o momento mais delicado do  todo tratamento, a perfeita <strong>localização e ajuste</strong> desta área  garantem uma correta distribuição tonal por toda imagem.</p>
<p>A <strong>Máxima</strong> está diretamente relacionada ao limite máximo  de tinta suportado pelo papel, abaixo cito alguns exemplos típicos  desses valores.</p>
<p><strong>Papel Jornal:<br />
</strong>Limite Máximo de Tinta: 240%<br />
Limite Máximo do Preto: 90%</p>
<p><strong>Papel Offset:<br />
</strong>Limite Máximo de Tinta: 280%<br />
Limite Máximo do Preto: 80%</p>
<p><strong>Papel Couchê:<br />
</strong>Limite Máximo de Tinta: 330%<br />
Limite Máximo do Preto: 70%</p>
<p>Para cada <strong>tipo de papel e condição de impressão</strong> temos  resultados de contraste (reprodução tonal ou gradação) diferentes devido  à influência do intervalo de densidades atingível por uma determinada  combinação de condições de impressão. O intervalo de densidade é a  diferença entre o tom mais claro e o mais escuro da imagem, medido com  um densitomêtro. Por exemplo, um cromo que apresente em suas mínimas  densidade de 0.25 e nas máximas um valor de 3,0, seu intervalo de  densidade será de 2,75.</p>
<p>Dentre as reproduções, aquelas impressas sobre <strong>papel couchê</strong> chegam até 2,0 de intervalo de densidade, enquanto as impressas em <strong>papel  jornal</strong> atingem em média o valor de 1,2.</p>
<p>O segredo para produzir boas reproduções em cores é ajustar o  contraste para atingir a compressão adequada a determinadas condições de  impressão. Compressão tonal é a redução do intervalo tonal do original  para um valor possível de ser atingido usando os processos de  reprodução. Como a maioria dos originais tem intervalo de densidade  superior ao da reprodução impressa, tal ajuste é uma obrigação dentro do  tratamento de imagens, especialmente para imagens direcionadas a papeis  não-revestidos e jornais.</p>
<p><strong><span style="font-size: small;">Ganho de Ponto</span></strong></p>
<p>Durante o processo de impressão, o <strong>ganho de ponto</strong> é uma  das variáveis mais importante a ser controlada. O ganho de ponto  consiste no aumento do tamanho do ponto de retícula quando comparados os  filmes ou chapas com a reprodução impressa.</p>
<p>É a dilatação física do ponto causada por exposição incorreta  da chapa, pelas pressões entre chapa, blanqueta e cilindro de  contrapressão da impressora, ou pelo espalhamento da tinta ao penetrar  no papel (ex.: papel jornal).</p>
<p>E a compensação do ganho de ponto é uma atribuição do  Tratamento de imagens, a imagem é ajustada de modo que o resultado seja  uma linha de gradação próxima ao desejado. Isso é feito reduzindo o  tamanho dos pontos de meia-tinta. O segredo para uma boa reprodução em  cores é reduzir o tamanho dos pontos de meia-tinta conforme as condições  de impressão (processo de impressão e papel).</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p>Nos <strong>tutorias</strong> deste Post trago um resumo sobre os  procedimentos relacionados aos primeiros passos no tratamento de uma  imagem. O tutorial 6<sup> </sup>A destaca os principais problemas que um  original pode apresentar, como realizar uma análise e escolher a  ferramenta adequada para determinada correção, já o tutorial 6 B é um  resumo do ajuste de contraste numa imagem, você aprenderá a calibrar as  áreas de mínima e máxima, além de trabalhar com áreas de referências,  como os tons de pele.</p>
<div>
<p><a title="Analise das Imagens no Tratamento para Impressão" href="http://www.slideshare.net/feale/analise-imagem-no-tratamento-para-impresso" target="_blank"><span style="font-size: small;"><strong> TUTORIAL 6A<br />
</strong></span></a><br />
<a title="Areas Referencia no Tratamento de Imagens com Photoshop" href="http://www.slideshare.net/feale/areas-referencia-das-imagens" target="_blank"><span style="font-size: small;"><strong>TUTORIAL 6B</strong></span></a></p>
</div>
<p><strong>Acompanhe nos próximos Post a continuidade desta  matéria, onde serão abordados os tópicos de Balanceamento dos grises /  cores e Acentuação de detalhes.</strong></p>
<p><span>Bibliografia.<br />
Separações de Cores em Desktop<br />
Miles e Donna Southworth – Ed. Repro – 1996<br />
</span></p>
<p><span>Professional Photoshop<br />
Dan Margulis – Wiley Publishing – 2002</span> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/design/photoshop/da-luz-para-o-papel/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Faça seu próprio Cromo! Figurinha da Copa!</title>
		<link>http://www.mxstudio.com.br/design/photoshop/faca-seu-proprio-cromo-figurinha-da-copa-2/</link>
		<comments>http://www.mxstudio.com.br/design/photoshop/faca-seu-proprio-cromo-figurinha-da-copa-2/#comments</comments>
		<pubDate>Mon, 26 Apr 2010 15:00:31 +0000</pubDate>
		<dc:creator>VTaddone</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[manipulação de fotos]]></category>

		<guid isPermaLink="false">http://www.mxstudio.com.br/?p=3678</guid>
		<description><![CDATA[E ai pessoal. Blz?
Esse tutorial é bem ‘facinho’ e tranquilo, e o melhor, tenho certeza de que vão gostar.
Na verdade vocês podem fazer isso pelo site da Panini (www.mypanini.com) e criarem seus cromos. A diferença é que pelo site você não consegue salvar. Você só conseguirá solicitar para que imprimam e mandem quantidades de figurinhas [...]]]></description>
			<content:encoded><![CDATA[<p>E ai pessoal. Blz?</p>
<p>Esse tutorial é bem ‘facinho’ e tranquilo, e o melhor, tenho certeza de que vão gostar.</p>
<p>Na verdade vocês podem fazer isso pelo site da Panini (www.mypanini.com) e criarem seus cromos. A diferença é que pelo site você não consegue salvar. Você só conseguirá solicitar para que imprimam e mandem quantidades de figurinhas suas para sua casa. O que também não deixa de ser legal, mas o barato desta dica que vou dar, é para vocês ja sairem utilizando pela net, mídias sociais, etc.</p>
<p>Vamos lá?</p>
<p>1 – Entrei no site www.mypanini.com, e peguei a moldura da figurinha do Brasil.</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/untitled-11.jpg"><img class="aligncenter size-medium wp-image-3679" title="untitled-11" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/untitled-11-300x206.jpg" alt="" width="300" height="206" /></a></p>
<p>É claro que eles não disponibilizam o .PSD. Eu fiz upload no site da Panini com um fundo branco como foto. Depois disso dei um simples PrintScreen, e retirei o fundo no Photoshop.</p>
<p>2 – Procurei no Google, uma imagem que representasse a torcida ao fundo.</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/untitled-2.jpg"><img class="aligncenter size-medium wp-image-3680" title="untitled-2" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/untitled-2-300x187.jpg" alt="" width="300" height="187" /></a></p>
<p>3 – Abra o Photoshop, crie um novo projeto 327×437 px.</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/untitled-3.jpg"><img class="aligncenter size-medium wp-image-3681" title="untitled-3" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/untitled-3-300x215.jpg" alt="" width="300" height="215" /></a></p>
<p>4 – Aplique a imagem de torcida que você escolheu, nesta área de trabalho. Para dar o efeito “borrado” na torcida, utilize Filter&gt;Blur&gt;Gaussian Blur. Aplique 9,7 px de Radius.</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/untitled-4.jpg"><img class="aligncenter size-medium wp-image-3682" title="untitled-4" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/untitled-4-300x275.jpg" alt="" width="300" height="275" /></a></p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/untitled-5.jpg"><img class="aligncenter size-medium wp-image-3683" title="untitled-5" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/untitled-5-258x300.jpg" alt="" width="258" height="300" /></a></p>
<p>5 – Pegue uma foto sua que seja favorável para aplicação. Neste caso, peguei uma de minhas viagens.</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/dsc07720.gif"><img class="aligncenter size-medium wp-image-3684" title="dsc07720" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/dsc07720-265x300.gif" alt="" width="265" height="300" /></a>6 – Faça o recorte e retire o fundo. Depois precisei girar um pouco minha foto para enquadrar melhor no colarinho da camisa da seleção (da moldura).</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/untitled-7.jpg"><img class="aligncenter size-full wp-image-3685" title="untitled-7" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/untitled-7.jpg" alt="" width="446" height="513" /></a><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/untitled-6.jpg"><img class="aligncenter size-full wp-image-3686" title="untitled-6" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/untitled-6.jpg" alt="" width="446" height="513" /></a><br />
7 – Agora é só unificar tudo que você ja fez. Aplique a moldura sobre foto da torcida. Depois aplique sua foto onde a layer dela fique por cima da torcida e por baixo da moldura.</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/untitled-8.jpg"><img class="aligncenter size-medium wp-image-3687" title="untitled-8" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/untitled-8-300x173.jpg" alt="" width="300" height="173" /></a><br />
Pronto</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/vtaddone_panini.jpg"><img class="aligncenter size-full wp-image-3688" title="vtaddone_panini" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/vtaddone_panini.jpg" alt="" width="327" height="437" /></a></p>
<p>Está feito! Agora você ja é a figurinha mais disputada do seu album.</p>
<p>Coloque seu nome na moldura, não esqueça! Você pode, se preferir, ja pegar do site da Panini a moldura com seu nome.</p>
<p>Claro que esse recorte de sua foto, você pode com mais cuidado e perfeição, fazê-lo com mais perfeição. Neste tutorial fiz bem rapidamente.</p>
<p>Gostou do post? Deixe seu comentário… Valeu, divirta-se e até a próxima! </p>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/design/photoshop/faca-seu-proprio-cromo-figurinha-da-copa-2/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Desenho no Photoshop</title>
		<link>http://www.mxstudio.com.br/design/photoshop/desenho-no-photoshop/</link>
		<comments>http://www.mxstudio.com.br/design/photoshop/desenho-no-photoshop/#comments</comments>
		<pubDate>Tue, 20 Apr 2010 13:45:06 +0000</pubDate>
		<dc:creator>FernandoCS</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[desenho]]></category>

		<guid isPermaLink="false">http://www.mxstudio.com.br/?p=3628</guid>
		<description><![CDATA[Olá pessoal sou o FernandoCS &#8211; Designer Gráfico 25 anos, e essa é minha primeira coluna aqui no MxStudio.
Bom espero que seja a primeira de muitas, já que pretendo ensinar a vocês muitos efeitos em Photoshop CS4 e
em breve o CS5. Começarei com uma matéria relativamente fácil, porém bastante procurada pelos designers
que estão começando no [...]]]></description>
			<content:encoded><![CDATA[<p>Olá pessoal sou o FernandoCS &#8211; Designer Gráfico 25 anos, e essa é minha primeira coluna aqui no MxStudio.</p>
<p>Bom espero que seja a primeira de muitas, já que pretendo ensinar a vocês muitos efeitos em Photoshop CS4 e</p>
<p>em breve o CS5. Começarei com uma matéria relativamente fácil, porém bastante procurada pelos designers</p>
<p>que estão começando no mundo da criação.</p>
<p>Bom vamos lá !!</p>
<p>Ao som de Snow – Red Hot Chili Peppers</p>
<p>Foto efeito desenho colorido</p>
<p>Dificuldade &#8211; Fácil</p>
<p>1° Passo</p>
<p>Escolha uma imagem em boa resolução de preferência com cores vivas, que tenham um bom contraste, para</p>
<p>essa aula eu utilizei a imagem abaixo:</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/img1.jpg"><img class="aligncenter size-medium wp-image-3630" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/img1-300x200.jpg" alt="" width="300" height="200" /></a></p>
<p>2° Passo</p>
<p>Vamos duplicar a Background, eu sempre faço isso por motivos de segurança gosto sempre de ter o arquivo</p>
<p>original intacto.</p>
<p>Para duplicar, selecione a layer a ser duplicada e pressione ctrl+J, renomei a layer copy com o nome de desenho.</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/img2.jpg"><img class="aligncenter size-full wp-image-3631" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/img2.jpg" alt="" width="232" height="209" /></a></p>
<p>3° Passo</p>
<p>Vamos começar a desenhar, é muito simples, vá em Filter&gt;Artistic&gt;PosterEdges e ajuste igual aos valores da</p>
<p>imagem abaixo:</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/img3.jpg"><img class="aligncenter size-full wp-image-3632" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/img3.jpg" alt="" width="543" height="484" /></a></p>
<p>e ajuste igual aos valores da imagem abaixo:</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/img4.jpg"><img class="aligncenter size-full wp-image-3633" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/img4.jpg" alt="" width="252" height="230" /></a></p>
<p>Pressione ok</p>
<p>4° Passo</p>
<p>Novamente vá até Filters&gt;Artistic e agora escolha o filtro FilmGrain</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/img5.jpg"><img class="aligncenter size-full wp-image-3634" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/img5.jpg" alt="" width="545" height="478" /></a></p>
<p>e ajuste de acordo com os valores na imagem abaixo:</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/img6.jpg"><img class="aligncenter size-full wp-image-3635" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/img6.jpg" alt="" width="255" height="231" /></a></p>
<p>Final</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/img7.jpg"><img class="aligncenter size-medium wp-image-3636" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/img7-300x201.jpg" alt="" width="300" height="201" /></a></p>
<p>A sua imagem ficará assim, na verdade o intuito desse artigo é estimular a curiosidade, apenas quis mostrar que</p>
<p>utilizando dois filtros conseguimos fazer um efeito sensacional, simples mas muito legal, ideal para fazer convites</p>
<p>de crianças, entre outras coisas, testem, sejam curiosos, essa é a melhor forma de aprender, procurem referências,</p>
<p>é isso ai pessoal, espero que tenham gostado, vou ficando por aqui, até a próxima!!!</p>
<p>Qualquer dúvida me adicionem no Msn, fercomunicacao@hotmail.com,</p>
<p>acessem meu flickr: www.flickr.com/photos/fernando_cs/</p>
<p>me sigam no twitter: @fernandocs7</p>
<p>Fiquem com Deus!!! </p>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/design/photoshop/desenho-no-photoshop/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Fora da Moldura</title>
		<link>http://www.mxstudio.com.br/design/photoshop/fora-da-moldura/</link>
		<comments>http://www.mxstudio.com.br/design/photoshop/fora-da-moldura/#comments</comments>
		<pubDate>Thu, 08 Apr 2010 19:22:31 +0000</pubDate>
		<dc:creator>Dorival Silva</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Layes]]></category>
		<category><![CDATA[seleção]]></category>

		<guid isPermaLink="false">http://www.mxstudio.com.br/?p=3543</guid>
		<description><![CDATA[Boa tarde,
Em nosso próximo tutorial serão exibidos recursos para criação de um efeito muito interessante, onde parte da imagem parece saltar da fotografia.
Veja o resultado final:

Vamos aos passos:
1° &#8211; Abra a imagem do seu interesse e crie uma seleção ao redor do &#8220;personagem&#8221;.
2° &#8211; O próximo passo e enviar a área selecionada para uma nova [...]]]></description>
			<content:encoded><![CDATA[<p>Boa tarde,</p>
<p>Em nosso próximo tutorial serão exibidos recursos para criação de um efeito muito interessante, onde parte da imagem parece saltar da fotografia.</p>
<p>Veja o resultado final:</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/final.jpg"><img class="alignnone size-large wp-image-3544" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/final-1024x730.jpg" alt="Resultado final dos recursos apresentados" width="573" height="409" /></a></p>
<p>Vamos aos passos:</p>
<p>1° &#8211; Abra a imagem do seu interesse e crie uma seleção ao redor do &#8220;personagem&#8221;.</p>
<div id="attachment_3545" class="wp-caption alignnone" style="width: 650px"><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/passo1.jpg"><img class="size-full wp-image-3545" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/passo1.jpg" alt="" width="640" height="400" /></a><p class="wp-caption-text">Crie sua seleção</p></div>
<p>2° &#8211; O próximo passo e enviar a área selecionada para uma nova camada.</p>
<p>Vá no menu <strong><em>Layer, New e Layer via copy</em></strong> ou tecle <strong><em>&#8220;CTRL+J&#8221;</em></strong></p>
<p><strong><em><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/passo2.jpg"><img class="alignnone size-full wp-image-3546" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/passo2.jpg" alt="Copiar para uma nova camada" width="618" height="368" /></a></em></strong></p>
<p>3°- Na camada <strong><em>&#8220;Laye 1&#8243;</em></strong> desabilite a visualização (clique no &#8220;olhinho&#8221;) e mantenha a camada oculta temporariamente. Clique na camada <em><strong>&#8220;Background&#8221;</strong></em> para continuar.</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/passo3.jpg"><img class="alignnone size-full wp-image-3547" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/passo3.jpg" alt="Configurações" width="243" height="145" /></a></p>
<p>4° &#8211; Crie uma seleção retangular (que lembre o formato de uma fotografia convencional) e no menu Select clique em Transform Selection.</p>
<p>Este recurso permite alterar somente a seleção ou seja, a imagem não sofre qualquer alteração.</p>
<p>No exemplo apenas rotacionei um pouco seleção.</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/passo5.jpg"><img class="alignnone size-full wp-image-3548" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/passo5.jpg" alt="Ajustando a seleção" width="706" height="539" /></a></p>
<p>Após a alteração não se esqueça de teclar &#8220;ENTER&#8221; para confirmar a transformação.</p>
<p>5° &#8211; No menu <strong><em>Select </em></strong>clique em <strong><em>Inverse </em></strong>ou tecle <strong><em>&#8220;CTRL+J&#8221;</em></strong>. Agora pressione a tecla <strong><em>&#8220;delete&#8221;</em><span style="font-weight: normal">.</span></strong></p>
<p><strong><span style="font-weight: normal">O resultado dever ser parecido com este:</span></strong></p>
<p><strong><span style="font-weight: normal"><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/passo7.jpg"><img class="alignnone size-full wp-image-3549" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/passo7.jpg" alt="" width="626" height="450" /></a></span></strong></p>
<p>6° &#8211; Agora, você precisa inverter a seleção novamente (<strong><em>CTRL+SHIFT+I</em></strong>) e em seguida tecle <strong><em>CTRL+J</em></strong> para copiar em uma nova camada.</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/passo9.jpg"><img class="alignnone size-full wp-image-3550" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/passo9.jpg" alt="" width="242" height="228" /></a></p>
<p>7° &#8211; Com a camada<strong><em> &#8220;Background&#8221; </em></strong>selecionada mantenha a tecla <strong><em>CTRL </em></strong>pressionada e tecle <strong><em>Delete</em></strong> para preencher utilizando a cor de &#8220;background&#8221; (branco).</p>
<p>8° &#8211; No painel Layers clique me Layer 2 em seguida mantenha a tecla CTRL pressionada e clique na &#8220;miniatura&#8221; da mesma camada. Este processo serve para carregar a seleção da imagem.</p>
<p>9° &#8211; Para criar um efeito de moldura fotográfica utilize o comando Stroke no menu Edit. As configurações abaixo servem como exemplo.</p>
<p>Você pode escolher outras cores e outras espessuras para borda.</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/passo11.jpg"><img class="alignnone size-full wp-image-3551" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/passo11.jpg" alt="" width="347" height="322" /></a></p>
<p>Após definir suas configurações clique em <strong><em>OK</em></strong>.</p>
<p>10° &#8211; Para finalizar, no painel <strong><em>Layers </em></strong>clique em <em><strong>layer 1</strong></em> e ative a visualização (clique no &#8220;olhinho&#8221;).</p>
<p><a href="http://www.mxstudio.com.br/wp-content/uploads/2010/04/final1.jpg"><img class="alignnone size-full wp-image-3552" src="http://www.mxstudio.com.br/wp-content/uploads/2010/04/final1.jpg" alt="" width="895" height="638" /></a></p>
<p>Assista o <a title="Canal Dorival" href="http://www.youtube.com/dorivalsilva">vídeo</a> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/design/photoshop/fora-da-moldura/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wallpaper Abstrato</title>
		<link>http://www.mxstudio.com.br/design/photoshop/efeitos-de-luz-wallpaper-abstrato/</link>
		<comments>http://www.mxstudio.com.br/design/photoshop/efeitos-de-luz-wallpaper-abstrato/#comments</comments>
		<pubDate>Sat, 13 Mar 2010 18:10:40 +0000</pubDate>
		<dc:creator>Dorival Silva</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Abstrato]]></category>
		<category><![CDATA[Brushs]]></category>
		<category><![CDATA[Layers]]></category>
		<category><![CDATA[Mode Blend]]></category>

		<guid isPermaLink="false">http://www.mxstudio.com.br/?p=3307</guid>
		<description><![CDATA[Olá!
Este artigo tem a função de demonstrar recursos para aplicação de efeitos visuais, de forma fácil e rápida.
Para dar inicio faça download dos brushs necessários (clique aqui).
Recursos:
-Preenchimento
-Brushs
-Layrs
Veja o resultado final:

Vamos dar inicio:
1° &#8211; No photoshop crie um novo arquivo como  mostra a imagem abaixo:

2° Para obter maior um bom resultado é necessário seguir as configurações a [...]]]></description>
			<content:encoded><![CDATA[<p>Olá!</p>
<p>Este artigo tem a função de demonstrar recursos para aplicação de efeitos visuais, de forma fácil e rápida.</p>
<p>Para dar inicio faça download dos brushs necessários <a href="http://cid-f6714b724c5183ec.skydrive.live.com/self.aspx/MX%20Studio/Photoshop/efeitos%20de%20luz.zip">(clique aqui)</a>.</p>
<p>Recursos:<br />
-Preenchimento<br />
-Brushs<br />
-Layrs</p>
<p>Veja o resultado final:<br />
<img class="alignnone size-full wp-image-3321" src="http://www.mxstudio.com.br/wp-content/uploads/2010/03/fim.jpg" alt="Amostra" width="614" height="461" /></p>
<p>Vamos dar inicio:</p>
<p style="text-align: center; ">1° &#8211; No photoshop crie um novo arquivo como  mostra a imagem abaixo:<br />
<img class="aligncenter size-full wp-image-3309" src="http://www.mxstudio.com.br/wp-content/uploads/2010/03/01_new.jpg" alt="Novo arquivo" width="441" height="270" /></p>
<p>2° Para obter maior um bom resultado é necessário seguir as configurações a seguir:<br />
<img class="aligncenter size-full wp-image-3310" src="http://www.mxstudio.com.br/wp-content/uploads/2010/03/02_reset_colors.jpg" alt="Resetar cores" width="317" height="284" />Basta dar um único clique no botão indicado ou tecle &#8220;D&#8221;.</p>
<p>3° &#8211; Preencha de preto. Você pode aplicar o preenchimento rapidamente mantendo a tecla &#8220;ALT&#8221; pressionada e teclar &#8220;backspace&#8221;.<br />
Acompanhe o resultado:<br />
<img class="aligncenter size-medium wp-image-3311" src="http://www.mxstudio.com.br/wp-content/uploads/2010/03/03_alt_backspace-300x182.jpg" alt="Preenchimento" width="300" height="182" /><br />
4° &#8211; Crie uma nova camada com o nome &#8220;Efeito de Luz&#8221;</p>
<div id="attachment_3312" class="wp-caption aligncenter" style="width: 267px"><img class="size-full wp-image-3312" src="http://www.mxstudio.com.br/wp-content/uploads/2010/03/04_new_layer.jpg" alt="Nova Camada" width="257" height="335" /><p class="wp-caption-text">Nova Camada</p></div>
<p>5° &#8211; Clique na ferramenta &#8220;Brush&#8221; e carregue o arquivo do download (veja no inicio do post).<br />
Siga as etapas a seguir:</p>
<div id="attachment_3313" class="wp-caption aligncenter" style="width: 453px"><img class="size-full wp-image-3313" src="http://www.mxstudio.com.br/wp-content/uploads/2010/03/05_load_brush.jpg" alt="Carregando Brushs" width="443" height="413" /><p class="wp-caption-text">Carregando Brushs</p></div>
<p>6° &#8211; Vá até a pasta onde o arquivo foi descompactado e clique sobre o mesmo&#8230;</p>
<div id="attachment_3314" class="wp-caption aligncenter" style="width: 570px"><img class="size-full wp-image-3314 " src="http://www.mxstudio.com.br/wp-content/uploads/2010/03/06_load_brush.jpg" alt="Carregando pincéis" width="560" height="515" /><p class="wp-caption-text">Carregando pincéis</p></div>
<p>7° &#8211; Para o próximo passo é importante escolher a cor branca no painel &#8220;swatches&#8221;:<br />
<img class="alignnone size-full wp-image-3315" src="http://www.mxstudio.com.br/wp-content/uploads/2010/03/07_branco.jpg" alt="07_branco" width="242" height="147" /></p>
<p>8° &#8211; A próxima etapa, consiste em escolher diferentes tipos de &#8220;brushs (carregados no final da lista)&#8221;  e clicar em áreas diferentes. O exemplo abaixo utilizou quatro modelos de &#8220;brushs&#8221; diferentes.</p>
<div id="attachment_3316" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-3316" src="http://www.mxstudio.com.br/wp-content/uploads/2010/03/08_efeito_luz-300x182.jpg" alt="Exemplo" width="300" height="182" /><p class="wp-caption-text">Exemplo</p></div>
<p>9° &#8211; Adicione outra camada. Para facilitar o entendimento o nome da camada nova é &#8220;cores&#8221;.</p>
<div id="attachment_3317" class="wp-caption alignnone" style="width: 248px"><img class="size-full wp-image-3317" src="http://www.mxstudio.com.br/wp-content/uploads/2010/03/09_new_layer.jpg" alt="Camada para cores" width="238" height="336" /><p class="wp-caption-text">Camada para cores</p></div>
<p>10° &#8211; Com a ferramenta &#8220;brush&#8221; ativada, escolha o modelo predefinido do photoshop e altere o &#8220;brush size&#8221; para 1200 px.</p>
<div id="attachment_3318" class="wp-caption alignnone" style="width: 330px"><img class="size-full wp-image-3318" src="http://www.mxstudio.com.br/wp-content/uploads/2010/03/10_brush.jpg" alt="Brush tamanho 1200 px" width="320" height="308" /><p class="wp-caption-text">Brush tamanho 1200 px</p></div>
<p>11° &#8211; Na próxima etapa,  escolha três cores diferentes e para cada uma dê um clique em pontos diferentes da tela.<br />
Eu, escolhi as cores vermelho, amarelo e azul. Você pode tentar cores diferentes para conseguir outros resultados.</p>
<div id="attachment_3319" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-3319" src="http://www.mxstudio.com.br/wp-content/uploads/2010/03/11_cliques-300x182.jpg" alt="Exemplo de cores" width="300" height="182" /><p class="wp-caption-text">Exemplo de cores</p></div>
<p>12° &#8211; No painel &#8220;layers&#8221; utilize modos de mistura diferentes para obter outros resultado. Para  o exemplo a seguir, foi aplicado &#8220;overlay&#8221;.</p>
<div id="attachment_3320" class="wp-caption alignnone" style="width: 247px"><img class="size-full wp-image-3320" src="http://www.mxstudio.com.br/wp-content/uploads/2010/03/12_Blend.jpg" alt="Modo de mistura" width="237" height="357" /><p class="wp-caption-text">Modo de mistura</p></div>
<p>Pronto!</p>
<p><img class="alignnone size-full wp-image-3322" src="http://www.mxstudio.com.br/wp-content/uploads/2010/03/fim1.jpg" alt="fim" width="553" height="415" /></p>
<p><a href="http://www.youtube.com/watch?v=4W_5TmyqBLU">Vídeo Aula</a> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/design/photoshop/efeitos-de-luz-wallpaper-abstrato/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Banner publicitário no Photoshop</title>
		<link>http://www.mxstudio.com.br/design/photoshop/banner-publicitario-no-photoshop/</link>
		<comments>http://www.mxstudio.com.br/design/photoshop/banner-publicitario-no-photoshop/#comments</comments>
		<pubDate>Sun, 13 Dec 2009 22:39:49 +0000</pubDate>
		<dc:creator>Felipe Grinsztajn</dc:creator>
				<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.mxstudio.com.br/?p=2907</guid>
		<description><![CDATA[Banner publicitário no Photoshop
*Atendendo pedidos fiz este tutorial com o Photoshop em inglês com a tradução
das ferramentas entre parênteses.
Pressione Ctrl+N para criar um novo documento, defina o tamanho em 468&#215;60
pixels, modo de cor em RGB com 72 dpi´s, pressione Ok

Dê um clique duplo na miniatura da layer Background a fim de Destravá-la.
Vá em Layer&#62; Layer [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Banner publicitário no Photoshop</strong></p>
<p>*Atendendo pedidos fiz este tutorial com o Photoshop em inglês com a tradução<br />
das ferramentas entre parênteses.</p>
<p>Pressione Ctrl+N para criar um novo documento, defina o tamanho em 468&#215;60<br />
pixels, modo de cor em RGB com 72 dpi´s, pressione Ok</p>
<p><img src="http://img3.imageshack.us/img3/4825/48133606.jpg" border="0" alt="" width="321" height="195" /></p>
<p>Dê um clique duplo na miniatura da layer Background a fim de Destravá-la.</p>
<p><span lang="EN-US">Vá em Layer&gt; Layer Style&gt; Gradient Overlay e define:</span></p>
<p><img src="http://img189.imageshack.us/img189/6427/79643353.jpg" alt="" /></p>
<p>Sua imagem deve estar assim:</p>
<p><img src="http://img3.imageshack.us/img3/510/50046839.jpg" alt="" /></p>
<p>Pressione Ctrl+Alt+Shift+N para criar uma nova layer e pressione a letra P do<br />
teclado para selecionar a PenTool e desenhe uma forma semelhante a da imagem<br />
abaixo:</p>
<p><img src="http://img685.imageshack.us/img685/4391/47214280.jpg" alt="" /></p>
<p>Clique dentro da seleção e selecione ‘make selection’. De OK.</p>
<p>Preencha a seleção com a cor #001b6a.</p>
<p>Vá em Layer&gt; Layer Style&gt; Stroke e defina:</p>
<p><img src="http://img519.imageshack.us/img519/3993/54940587.jpg" alt="" width="566" height="423" /></p>
<p>Sua imagem deve estar assim:</p>
<p><img src="http://img519.imageshack.us/img519/1754/81690399.jpg" alt="" /></p>
<p>Faça algo semelhante aos passos acima só que desta vez com a parte de cima da<br />
imagem:</p>
<p><img src="http://img189.imageshack.us/img189/7340/27831434.jpg" alt="" /></p>
<p>Insira uma figura central e alguns outros detalhes no banner. Na imagem<br />
abaixo inserimos setas apontadas para a direita que podem ser encontradas nos<br />
Shapes da ferramenta CustomShape Tool (Letra U do teclado).</p>
<p><img src="http://img442.imageshack.us/img442/4938/16305164.jpg" alt="" /></p>
<p>Com a PenTool crie uma forma semelhante como imagem abaixo e pinte a seleção<br />
com a cor # 540000.</p>
<p><img src="http://img682.imageshack.us/img682/6762/42865079.jpg" alt="" /></p>
<p>Pronto. Seu banner está pronto. Fique á vontade para fazer suas modificações<br />
e adicionar seus próprios textos.</p>
<p style="text-align: left;"><strong>Ao final, sua imagem ficará como a imagem abaixo:</strong></p>
<p><img src="http://img687.imageshack.us/img687/6203/sfsdfdsf.png" alt="" /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/design/photoshop/banner-publicitario-no-photoshop/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Letras de Esmeralda</title>
		<link>http://www.mxstudio.com.br/design/photoshop/letras-de-esmeralda/</link>
		<comments>http://www.mxstudio.com.br/design/photoshop/letras-de-esmeralda/#comments</comments>
		<pubDate>Mon, 26 Oct 2009 22:34:31 +0000</pubDate>
		<dc:creator>Felipe Grinsztajn</dc:creator>
				<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.mxstudio.com.br/?p=2790</guid>
		<description><![CDATA[ 
 
 
 
Letras de Esmeralda
*Atendendo pedidos fiz este tutorial com o Photoshop em inglês com a tradução das ferramentas entre parênteses.
Como criar letras que parecem esmeraldas, com um fundo verde listrado. A imagem estará na resolução de 150 dpi´s com o modo de cor  modo de cor CMYK para obter uma melhor qualidade.
Vamos [...]]]></description>
			<content:encoded><![CDATA[<p><span style="font-size: 12px;"> </span></p>
<p style="font-family: Arial, Helvetica, sans-serif;" align="justify"><span style="background-color: #ffffff;"><strong> </strong></span></p>
<p><strong> </strong></p>
<p><strong> </strong></p>
<div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Letras de Esmeralda</div>
<div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">*Atendendo pedidos fiz este tutorial com o Photoshop em inglês com a tradução das ferramentas entre parênteses.</div>
<div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Como criar letras que parecem esmeraldas, com um fundo verde listrado. A imagem estará na resolução de 150 dpi´s com o modo de cor  modo de cor CMYK para obter uma melhor qualidade.</div>
<div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Vamos dividir este tutorial em 3 partes, 1° vamos criar o pattern que será usado no fundo da imagem, 2° depois vamos criar o fundo propriamente dito, e por último as letras.</div>
<div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">1° PARTE</div>
<div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Pressione Ctrl+N para criar um novo documento, nele criamos o Pattern que será usado como listras transversais na imagem, defina o tamanho em 3&#215;3 pixels, modo de cor em RGB com 72 dpi´s, pressione Ok, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, dê um zoom Maximo para que podemos visualizar melhor a imagem. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, desenhe 3 quadrados pretos como na imagem abaixo:</div>
<p><span style="background-color: #ffffff; "><strong>Letras de Esmeralda</strong></span></p>
<p>*Atendendo pedidos fiz este tutorial com o Photoshop em inglês com a tradução das ferramentas entre parênteses.</p>
<p>Como criar letras que parecem esmeraldas, com um fundo verde listrado. A imagem estará na resolução de 150 dpi´s com o modo de cor  modo de cor CMYK para obter uma melhor qualidade.</p>
<p>Vamos dividir este tutorial em 3 partes, 1° vamos criar o pattern que será usado no fundo da imagem, 2° depois vamos criar o fundo propriamente dito, e por último as letras.</p>
<p><strong>1° PARTE</strong></p>
<p>Pressione Ctrl+N para criar um novo documento, nele criamos o Pattern que será usado como listras transversais na imagem, defina o tamanho em 3&#215;3 pixels, modo de cor em RGB com 72 dpi´s, pressione Ok, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, dê um zoom Maximo para que podemos visualizar melhor a imagem. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, desenhe 3 quadrados pretos como na imagem abaixo:</p>
<div><span style="font-size: 9pt;"> <img src="http://img223.imageshack.us/img223/7283/index2.gif" border="0" alt="" /></span></div>
<div><span style="font-size: 9pt;"></p>
<p style="font-family: Arial, Helvetica, sans-serif;" align="justify"><span style="font-size: 9pt;"> Caso a layer Background contenha o ícone de um  cadeado clique duas vezes sobre a layer e pressione Ok na caixa que irá  aparecer. </span></p>
<p style="font-family: Arial, Helvetica, sans-serif;" align="justify"><span style="font-size: 9pt;">Após ter destrancado a Background, vá em Layer&gt; Delete&gt; Layer  (Camada&gt;Excluir&gt;camada).   Com a layer deletada vá em Edit&gt; Define Pattern (editar&gt;Definir predefinição  de Pincel),  feche o documento, não será  necessário salvar. </span></p>
<p></span></div>
<p><span style="font-size: 9pt"> <img src="http://img515.imageshack.us/img515/9246/index3.gif" border="0" alt="" /></span></p>
<p><span style="font-size: 9pt"> </span></p>
<p style="font-family: Arial, Helvetica, sans-serif" align="justify"><span style="font-size: 9pt; font-weight: 700">2° Parte</span></p>
<p style="font-family: Arial, Helvetica, sans-serif" align="justify"><span style="font-size: 9pt">Agora crie um novo documento na resolução de 150  dpi´s com o modo de cor  modo de cor CMYK para obter uma melhor qualidade  conforme a imagem abaixo.</span></p>
<p style="font-family: Arial, Helvetica, sans-serif" align="justify"><span style="font-size: 9pt"> <img src="http://img171.imageshack.us/img171/4351/index4w.jpg" border="0" alt="" /></span></p>
<p style="font-family: Arial, Helvetica, sans-serif" align="justify"><span style="font-size: 9pt"> </span></p>
<p style="font-family: Arial, Helvetica, sans-serif" align="justify"><span style="font-size: 9pt">Preencha o documento com a cor #044115</span></p>
<p style="font-family: Arial, Helvetica, sans-serif" align="justify"><span style="font-size: 9pt">Vá em Layer&gt; Layer Style&gt; Blending Options  (Camada&gt;Estilo da Camada&gt;Opções de Mesclagem). Na aba Gradient Overlay  (Sobreposição de Degradê) Defina:</span></p>
<p style="font-family: Arial, Helvetica, sans-serif" align="justify"><span style="font-size: 9pt"> <img src="http://img223.imageshack.us/img223/7020/index5g.jpg" border="0" alt="" /></span></p>
<p style="font-family: Arial, Helvetica, sans-serif" align="justify"><span style="font-size: 9pt"> <img src="http://img171.imageshack.us/img171/4125/index6.jpg" border="0" alt="" /></span></p>
<p style="font-family: Arial, Helvetica, sans-serif" align="justify"><span style="font-size: 9pt">Agora preencha o fundo com o Pattern que criamos no  1° passo (ele deverá ser o último da lista) conforme a imagem abaixo.</span></p>
<p style="font-family: Arial, Helvetica, sans-serif" align="justify"><span style="font-size: 9pt"> <img src="http://img21.imageshack.us/img21/6051/index7dz.jpg" border="0" alt="" /></span></p>
<p style="font-family: Arial, Helvetica, sans-serif" align="justify"><span style="font-size: 9pt">Sua imagem deverá ficar assim:</span></p>
<p style="font-family: Arial, Helvetica, sans-serif" align="justify"><span style="font-size: small;"><span><img style="border: 0px initial initial;" src="http://img188.imageshack.us/img188/8578/fundoti.png" border="0" alt="" width="515" height="299" /></span></span></p>
<p style="font-family: Arial, Helvetica, sans-serif" align="justify"><span style="font-size: 9pt; font-weight: 700">3° Parte</span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt">Agora vamos ao texto, digite um texto centralizado em relação ao gradiente de  fundo, conforme a imagem abaixo, o resultado fica melhor em fontes no estilo da  usada neste tutorial, a fonte ENGRAVES MT. Esta é uma fonte padrão do  Photoshop, não necessita de instalação).</span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt"> <img src="http://img180.imageshack.us/img180/3030/index1j.jpg" border="0" alt="" /></span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt">Agora Vá em Layer&gt; Layer Style&gt; Blending Options  (Camada&gt;Estilo da Camada&gt;Opções de Mesclagem) aplique as seguintes  configurações:</span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt">STROKE (Traçado)</span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt"> <img src="http://img200.imageshack.us/img200/9645/index2y.jpg" border="0" alt="" /></span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify">
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt">Pattern Overlay (Sobreposição de Padrão)</span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt"> <img src="http://img197.imageshack.us/img197/9177/index9.jpg" border="0" alt="" /></span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt">Gradient Overlay (Sobreposição de Degradê)</span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt"> <img src="http://img91.imageshack.us/img91/623/index10y.jpg" border="0" alt="" /></span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt">Color Overlay (Sobreposição de Cor)</span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt"> <img src="http://img197.imageshack.us/img197/3634/index11t.jpg" border="0" alt="" /></span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt">Satin (Acetinado)</span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt"> <img src="http://img200.imageshack.us/img200/3396/index12c.jpg" border="0" alt="" /></span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt">Texture (Textura)</span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt"> <img src="http://img200.imageshack.us/img200/3454/index13v.jpg" border="0" alt="" /></span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt">Contour (Contorno)</span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt"> <img src="http://img180.imageshack.us/img180/3935/index14w.jpg" border="0" alt="" /></span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt">Bevel and Emboss (Chanfro e entalhe)</span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt"> <img src="http://img132.imageshack.us/img132/7030/index15c.jpg" border="0" alt="" /></span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt">Outer Glow (Brilho externo)</span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt"> <img src="http://img18.imageshack.us/img18/4944/index16d.jpg" border="0" alt="" width="591" height="422" /></span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt">Drop Shadow (Sombra projetada)</span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt"> <img src="http://img21.imageshack.us/img21/8116/index17s.jpg" border="0" alt="" /></span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: small;"><span> </span></span></p>
<p><span style="font-size: small;"> </span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify"><span style="font-size: 9pt">Ao final sua imagem deverá estar assim:</span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif; margin-top:0; margin-bottom:0" align="justify"><span style="font-size: 9pt"> <a href="http://img109.imageshack.us/img109/8869/pixels.png" target="_blank"> <img style="border: 0px initial initial;" src="http://img22.imageshack.us/img22/2792/esmeralda.png" border="0" alt="" width="645" height="494" /></a></span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif; margin-top:0; margin-bottom:0" align="justify"><span style="font-size: 9pt"> <a href="http://img109.imageshack.us/img109/8869/pixels.png">(Clique na imagem para  ampliar)</a></span></p>
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif" align="justify">
<p style="font-family: tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', 'Lucida Grande', lucida, helvetica, sans-serif; text-align: center; "><span style="font-size: 11pt; font-weight:700">Qualquer dúvida, postar nos comentários.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/design/photoshop/letras-de-esmeralda/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Criando um GIF no Photoshop</title>
		<link>http://www.mxstudio.com.br/design/photoshop/criando-um-gif-no-photoshop/</link>
		<comments>http://www.mxstudio.com.br/design/photoshop/criando-um-gif-no-photoshop/#comments</comments>
		<pubDate>Tue, 28 Jul 2009 01:26:13 +0000</pubDate>
		<dc:creator>Felipe Grinsztajn</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[animação]]></category>
		<category><![CDATA[gif]]></category>

		<guid isPermaLink="false">http://www.mxstudio.com.br/?p=2628</guid>
		<description><![CDATA[Criando um GIF no Photoshop
Como criar um Gif animado simples usando a paleta Animation.  Neste
tutorial foi usada a versão Adobe Photoahop CS3, mas você também pode usar
outras versões.
1. Abra um novo documento Photoshop 504&#215;360 pixels. Selecione a a Horizontal
Type Tool e escreva algo com a cor preta.

02. Pressione Ctrl+J para duplicar a layer, e mude [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Criando um GIF no Photoshop</strong></p>
<p>Como criar um Gif animado simples usando a paleta Animation.  Neste<br />
tutorial foi usada a versão Adobe Photoahop CS3, mas você também pode usar<br />
outras versões.</p>
<p>1. Abra um novo documento Photoshop 504&#215;360 pixels. Selecione a a Horizontal<br />
Type Tool e escreva algo com a cor preta.</p>
<p><img src="http://img132.imageshack.us/img132/9211/index1n.gif" border="0" alt="" /></p>
<p>02. Pressione Ctrl+J para duplicar a layer, e mude a cor da palavra para<br />
vermelho. Agora temos duas layers: uma com a palavra em preto e outra em<br />
vermelho.</p>
<p><img src="http://img9.imageshack.us/img9/3246/index2e.gif" border="0" alt="" /></p>
<p>03. Desabilite a visibilidade da layer com a palavra em vermelho. Agora vá em<br />
Window&gt; Animation, a paleta Animation irá aparecer na sua tela.</p>
<p><img src="http://img189.imageshack.us/img189/2695/index3xwm.jpg" border="0" alt="" /></p>
<p>Clique no pequeno ícone que existe no canto inferior direito da paleta<br />
chamado Convert To Frame Animation.</p>
<p><img src="http://img268.imageshack.us/img268/4351/index4w.jpg" border="0" alt="" /></p>
<p>04. Sua paleta de animation deve estar como na foto abaixo. clique no ícone<br />
que está ao lado da lata de lixo na paleta Animation chamado Duplicates Selected<br />
Frames.</p>
<p><img src="http://img189.imageshack.us/img189/5320/index5.jpg" border="0" alt="" /></p>
<p>05. Ative novamente a visibilidade da layer que contém a palavra em vermelho.<br />
Ao fazer isso, sua paleta de animation deve estar assim:</p>
<p><img src="http://img268.imageshack.us/img268/8006/index6r.jpg" border="0" alt="" /></p>
<p>06. Selecione a primeira frame e clique no ícone Tweens Animation Frames:</p>
<p><img src="http://img17.imageshack.us/img17/7264/index7a.jpg" border="0" alt="" /></p>
<p>Na janela que abriu, configure:</p>
<p><img src="http://img17.imageshack.us/img17/8310/index8p.jpg" border="0" alt="" /></p>
<p style="text-align: justify;">07. Agora selecione o  último frame e clique novamente no ícone de<br />
Tweens Animation Frames, e na opção Tween With mude para <strong>First Frame</strong>, pressione<br />
Ok.</p>
<p style="text-align: justify;">08. Clique no botão de Play no rodapé da paleta Animation, você verá que a<br />
animação acontece porém para no final, então abaixo do primeiro frame você verá<br />
a palavra Once, clique nela e mude para Forever, isto fará com que a animação<br />
fique rodando em Looping.</p>
<p style="text-align: justify;">09. Você também pode definir tempo de cada frame no rodapé da paleta<br />
animation:</p>
<p><img src="http://img17.imageshack.us/img17/9177/index9.jpg" border="0" alt="" /></p>
<p>Selecione 0.1 segundos para todos os frames.</p>
<p><img src="http://img17.imageshack.us/img17/9274/index10x.jpg" border="0" alt="" /></p>
<p>Seu GIF está pronto.</p>
<p><img style="border: 0px initial initial;" src="http://img22.imageshack.us/img22/3402/77791297.gif" border="0" alt="" /></p>
<p>Para salvar seu gif com movimento vá em File&gt; Save For Web &amp; Devices e clique<br />
em SAVE.</p>
<p>Qualquer duvida, deixe um comentátario ou mande um email que terei prazer em responder. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/design/photoshop/criando-um-gif-no-photoshop/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
	<!-- google_ad_section_end --></channel>
</rss>
