<?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>RGB Magazine &#187; Caixa de Ferramentas</title>
	<atom:link href="http://www.rgbmagazine.com.br/tag/caixa-de-ferramentas/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.rgbmagazine.com.br</link>
	<description>Design, Web, Tutoriais e Downloads</description>
	<lastBuildDate>Sun, 27 Nov 2011 12:00:48 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Photoshop: Recortes profissionais de imagem utilizando a Pen Tool</title>
		<link>http://www.rgbmagazine.com.br/photoshop-recortes-profissionais-de-imagem-utilizando-a-pen-tool/</link>
		<comments>http://www.rgbmagazine.com.br/photoshop-recortes-profissionais-de-imagem-utilizando-a-pen-tool/#comments</comments>
		<pubDate>Thu, 12 Feb 2009 01:17:06 +0000</pubDate>
		<dc:creator>Rafael Marques</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[Caixa de Ferramentas]]></category>
		<category><![CDATA[Imagem]]></category>
		<category><![CDATA[Path]]></category>
		<category><![CDATA[Pen Tool]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.rgbmagazine.com.br/?p=233</guid>
		<description><![CDATA[Fazer um recorte de imagens bem feito pode diferenciar o trabalho de um profissional e de um iniciante. Ainda é comum ver trabalhos onde os recortes ficam com bordas brancas ou algum outro tipo de falha. Fique atento ao tutorial, pois você utilizará esta ferramenta de hoje em diante para fazer do mais simples até [...]]]></description>
			<content:encoded><![CDATA[http://www.rgbmagazine.com.br/photoshop-recortes-profissionais-de-imagem-utilizando-a-pen-tool/<a href=><img src=http://www.rgbmagazine.com.br/wp-content/uploads/2009/02/tutorial-pen-tool-path.jpg /></a><p>Fazer um recorte de imagens bem feito pode diferenciar o trabalho de um profissional e de um iniciante. Ainda é comum ver trabalhos onde os recortes ficam com bordas brancas ou algum outro tipo de falha. Fique atento ao tutorial, pois você utilizará esta ferramenta de hoje em diante para fazer do mais simples até o mais complexo trabalho no <strong>Photoshop</strong>.</p>
<p>O recorte de uma imagem também é chamado de &#8220;Path&#8221;.</p>
<h2><strong>Pen Tool</strong></h2>
<p>Para selecionar a <strong>Pen Tool</strong> basta clicar no ícone na <a title="Apresentação de Interface do Photoshop CS3" href="http://www.rgbmagazine.com.br/tutoriais/photoshop-cs3-apresentacao-da-interface-e-ferramentas/" target="_blank"><strong>Caixa de Ferramentas</strong></a> ou utilizar o atalho &#8220;P&#8221;.</p>
<p>Imagine que você tem uma pintura em suas mãos, como por exemplo um poster que conseguiu em uma revista. Além disso você também tem em mãos um papel comum bem claro. Caso tenha interesse você pode &#8220;cobrir&#8221; o desenho colocando o papel por cima do poster correto? Para isso bastaria contornar o desenho traço por traço. É essa a lógica que será usada para fazer o recorte das imagens e é ainda a mesma lógica caso queira fazer desenhos no photoshop.</p>
<h2><strong>Fazendo o Path</strong></h2>
<p>1. Abra o arquivo de sua imagem no photoshop e selecione a Pen Tool &#8211; neste tutorial será utilizado uma imagem de Kratos, o protagonista do game God of War;</p>
<p><a href="http://www.rgbmagazine.com.br/wp-content/uploads/2009/02/kratos-god-of-war.jpg"><img class="alignnone size-full wp-image-236" title="kratos-god-of-war" src="http://www.rgbmagazine.com.br/wp-content/uploads/2009/02/kratos-god-of-war.jpg" alt="" width="500" height="356" /></a></p>
<p>2. Por garantia, duplique a camada da imagem (Ctrl+J).</p>
<p><a href="http://www.rgbmagazine.com.br/wp-content/uploads/2009/02/pen-tool-camada-duplicada.jpg"><img class="alignnone size-full wp-image-237" title="pen-tool-camada-duplicada" src="http://www.rgbmagazine.com.br/wp-content/uploads/2009/02/pen-tool-camada-duplicada.jpg" alt="" width="500" height="175" /></a></p>
<p>3. Com a Pen Tool selecionada, clique com botão esquerdo do mouse em uma parte do contorno do personagem.</p>
<p>4. Clique novamente com o botão esquerdo do mouse no contorno mas com uma certa distância do primeiro ponto criado. Observe agora que existem dois pontos que se ligam. Para criar uma curva basta segurar o clique e arrastar o mouse.</p>
<p><a href="http://www.rgbmagazine.com.br/wp-content/uploads/2009/02/path-primeiro-passo.jpg"><img class="alignnone size-full wp-image-238" title="path-primeiro-passo" src="http://www.rgbmagazine.com.br/wp-content/uploads/2009/02/path-primeiro-passo.jpg" alt="" width="500" height="277" /></a></p>
<p>Geralmente o maior problema de se trabalhar com a Pen Tool ocorre após criado a primeira curva. Isto acontece porque quando é feito uma curva o Photoshop registra dois ângulos, sendo assim, na tentativa de fazer o terceiro ponto, automaticamente é criado uma nova curva mesmo que não seja desejável.</p>
<p><a href="http://www.rgbmagazine.com.br/wp-content/uploads/2009/02/pen-tool-angulos-01.jpg"><img class="alignnone size-full wp-image-234" title="pen-tool-angulos-01" src="http://www.rgbmagazine.com.br/wp-content/uploads/2009/02/pen-tool-angulos-01.jpg" alt="" width="500" height="277" /></a></p>
<p>Como solucionar o problema? É simples, para anular a criação da próxima curva segure &#8220;Alt&#8221; e clique sobre o último ponto (ao fazer isto veja que o segundo marcador de ângulo desaparece).</p>
<p><a href="http://www.rgbmagazine.com.br/wp-content/uploads/2009/02/pen-tool-angulos-02.jpg"><img class="alignnone size-full wp-image-235" title="pen-tool-angulos-02" src="http://www.rgbmagazine.com.br/wp-content/uploads/2009/02/pen-tool-angulos-02.jpg" alt="" width="500" height="277" /></a></p>
<p>4. Continue o processo de contorno da imagem até que os pontos se encontrem. Veja na imagem abaixo (tirei a opacidade para que fique mais visível o contorno feito pela pen tool, repare que podemos comparar a um papel um pouco transparente cobrindo um desenho como foi dito no início deste tutorial).</p>
<p><a href="http://www.rgbmagazine.com.br/wp-content/uploads/2009/02/path-segundo-passo.jpg"><img class="alignnone size-full wp-image-239" title="path-segundo-passo" src="http://www.rgbmagazine.com.br/wp-content/uploads/2009/02/path-segundo-passo.jpg" alt="" width="500" height="277" /></a></p>
<p>5. Agora você deverá transformar o contorno em uma seleção. Para fazer isto o processo mais rápido é utilizar o atalho &#8220;<strong>ctrl+Enter</strong>&#8220;. Uma outra maneira é com a ferramenta <strong>Pen Tool</strong> selecionada clicar com o botão direito do mouse e selecionar a opção &#8220;<em><strong>Make Selection</strong></em>&#8220;.</p>
<p><a href="http://www.rgbmagazine.com.br/wp-content/uploads/2009/02/path-terceiro-passo.jpg"><img class="alignnone size-full wp-image-240" title="path-terceiro-passo" src="http://www.rgbmagazine.com.br/wp-content/uploads/2009/02/path-terceiro-passo.jpg" alt="" width="500" height="277" /></a></p>
<p>6. Para finalizar você deve excluir o resto da imagem que não está interessado. Para isso existem várias opções. A mais prática é após transformar o desenho da <strong>pen tool</strong> em seleção usar o atalho &#8220;ctrl+j&#8221;, duplicando assim apenas a parte selecionada. Veja o resultado na paleta de camadas.</p>
<p><a href="http://www.rgbmagazine.com.br/wp-content/uploads/2009/02/path-quarto-passo.jpg"><img class="alignnone size-full wp-image-241" title="path-quarto-passo" src="http://www.rgbmagazine.com.br/wp-content/uploads/2009/02/path-quarto-passo.jpg" alt="" width="500" height="187" /></a></p>
<p>E finalmente sua imagem com um recorte profissional.</p>
<p><a href="http://www.rgbmagazine.com.br/wp-content/uploads/2009/02/path-finalizado.jpg"><img class="alignnone size-full wp-image-242" title="path-finalizado" src="http://www.rgbmagazine.com.br/wp-content/uploads/2009/02/path-finalizado.jpg" alt="" width="500" height="277" /></a></p>
<h2><strong>Dicas extras</strong></h2>
<p>Caso erre durante o contorno do desenho, o que fazer? Para retornar ações no photoshop basta utilizar o atalho &#8220;<strong>ctrl+alt+z</strong>&#8220;. Uma segunda opção é mover o ponto que clicou no lugar errado, para isso segure &#8220;ctrl&#8221; e utilize as setas do teclado para movê-lo. Outra maneira de mover os pontos é segurar o &#8220;ctrl&#8221;, clicar e arrastar o ponto desejado com o mouse (lembrando que a ferramenta <strong>Pen Tool</strong> deve estar selecionada).</p>
<p>Pratique o máximo que puder, até que consiga fazer recortes com bastante agilidade. Você vai precisar da <strong>Pen Tool</strong> pelo resto de sua carreira de designer.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rgbmagazine.com.br/photoshop-recortes-profissionais-de-imagem-utilizando-a-pen-tool/feed/</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
		<item>
		<title>Photoshop: Crop Tool (Ferramenta Cortar)</title>
		<link>http://www.rgbmagazine.com.br/photoshop-crop-tool-ferramenta-cortar/</link>
		<comments>http://www.rgbmagazine.com.br/photoshop-crop-tool-ferramenta-cortar/#comments</comments>
		<pubDate>Tue, 23 Dec 2008 01:39:04 +0000</pubDate>
		<dc:creator>Rafael Marques</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[Caixa de Ferramentas]]></category>
		<category><![CDATA[Crop Tool]]></category>
		<category><![CDATA[Ferramenta Cortar]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.rgbmagazine.com.br/?p=187</guid>
		<description><![CDATA[Uma das ferramentas mais comuns, utilizada por todo tipo de usuário (iniciante ou profissional) e muito útil para pessoas que gerenciam conteúdo de sites. O nome da ferramenta já diz tudo: Cortar, esta é sua função. Para acessá-la basta clicar no ícone na Caixa de Ferramentas ou através do atalho &#8220;C&#8220;.
Como cortar uma imagem
Para cortar [...]]]></description>
			<content:encoded><![CDATA[http://www.rgbmagazine.com.br/photoshop-crop-tool-ferramenta-cortar/<a href=><img src=http://www.rgbmagazine.com.br/wp-content/uploads/2008/12/tutorial-photoshop-crop-tool.jpg /></a><p>Uma das ferramentas mais comuns, utilizada por todo tipo de usuário (iniciante ou profissional) e muito útil para pessoas que gerenciam conteúdo de sites. O nome da ferramenta já diz tudo: <strong>Cortar</strong>, esta é sua função. Para acessá-la basta clicar no ícone na <strong>Caixa de Ferramentas</strong> ou através do atalho &#8220;<strong>C</strong>&#8220;.</p>
<h2><strong>Como cortar uma imagem</strong></h2>
<p>Para cortar basta clicar com o botão esquerdo do mouse e arrastar até onde deseja, depois que fizer isso aparecerá uma área de seleção onde será feito o corte, clique &#8220;<strong>Enter</strong>&#8221; para finalizar.</p>
<p><a href="http://www.rgbmagazine.com.br/wp-content/uploads/2008/12/photoshop-crop-tool.jpg"><img class="alignnone size-full wp-image-188" title="photoshop-crop-tool" src="http://www.rgbmagazine.com.br/wp-content/uploads/2008/12/photoshop-crop-tool.jpg" alt="" width="500" height="277" /></a></p>
<p>Caso após marcar a área de corte desistir do processo, basta clicar na tecla &#8220;<strong>Esc</strong>&#8220;, ou então, após finalizar o corte utilizar o comando desfazer (<strong>Ctrl+Alt+Z</strong>).</p>
<h2><strong>Barra de Propriedades da Crop Tool</strong></h2>
<p><a href="http://www.rgbmagazine.com.br/wp-content/uploads/2008/12/photoshop-crop-tool-propriedades.jpg"><img class="alignnone size-full wp-image-189" title="photoshop-crop-tool-propriedades" src="http://www.rgbmagazine.com.br/wp-content/uploads/2008/12/photoshop-crop-tool-propriedades.jpg" alt="" width="500" height="26" /></a></p>
<p>Caso queira um corte com medidas exatas em pixels na largura e altura basta definir tais valores na Barra de Propriedades. Lembre-se de após o número inserir &#8220;px&#8221;, por exemplo, width: 90px e height:150px. O campo <strong>Resolution</strong> representa a resolução após o corte, não é obrigatório atribuir um valor a este campo.</p>
<p>É importante lembrar que a melhor qualidade para internet é de 72dpi (acima disso os navegadores não interpretam, sendo assim os arquivos das imagens terão um tamanho maior sem necessidade).</p>
<p>Caso tenha alguma dúvida sobre este <strong>tutorial</strong> deixe seu recado.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rgbmagazine.com.br/photoshop-crop-tool-ferramenta-cortar/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

