<?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; bruno ribeiro</title>
	<atom:link href="http://www.mxstudio.com.br/author/bruno-ribeiro/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>Sun, 29 Jan 2012 11:31:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>QuickMask &#8211; Conceito e Prática</title>
		<link>http://www.mxstudio.com.br/design/photoshop/quickmask___conceito_e_pratica/</link>
		<comments>http://www.mxstudio.com.br/design/photoshop/quickmask___conceito_e_pratica/#comments</comments>
		<pubDate>Mon, 09 Apr 2007 00:00:00 +0000</pubDate>
		<dc:creator>bruno ribeiro</dc:creator>
				<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Apresentando o conceito de Quickmask vamos trocar os rostos do nadador Xuxa com o do Reynaldo Gianecchini]]></description>
			<content:encoded><![CDATA[<link href="http://www.mxstudio.com.br/webgerenciador/_css/PadraoCss.css" rel="stylesheet" type="text/css" /> <script src="http://www.mxstudio.com.br/js/ColorCode.js"></script><br />
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td id="colunaTexto" valign="top">
<h1 align="justify"><a title="topo" name="topo" id="topo"></a><strong> QuickMask &#8211; Conceito e Prática </strong></h1>
<h3 align="justify">Introdução</h3>
<p align="justify">Olá leitores do <a href="http://www.mxstudio.com.br"><strong>mxstudio</strong></a>. Estou de volta em meu terceiro artigo para continuar apresentando de forma simples a ferramenta Photoshop para os que estão iniciando ou que querem aprender a utilizar o Photoshop. Neste artigo apresentarei o conceito de <strong>QuickMask </strong>uma das ferramentas indispensáveis na hora de editar as imagens.</p>
<p>		    Adicionando uma nota a este artigo peço desculpas pela demora. Recentemente entrei para um curso de graduação em Gestão Comercial e ainda estou me adaptando a minha nova rotina.</p>
<h3 align="justify">Pré-Requisitos</h3>
<ul>
<li>Adobe Photoshop 7.0 ou superior</li>
<li>Ter acompanhado meus 02 primeiros artigos. <a href="http://www.mxstudio.com.br/views.tutorial.php?act=view&amp;cid=13&amp;aid=1043"></a></li>
<li> Força de vontade <img src='http://www.mxstudio.com.br/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Sempre!</li>
</ul>
<h3>Objetivo</h3>
<p align="justify">Capacitar os leitores a fazerem seus próprios trabalhos com os conhecimentos adquiridos aqui no <strong><a href="http://www.mxstudio.com.br">mxstudio</a></strong>. Adicionando ao seu aprendizado, vamos aprender o que é QuickMask e para que serve.</p>
<h4 align="justify">Conteúdo</h4>
<p>Vamos transformar um banner publicitário onde se encontra o nadador Xuxa e vamos deixá-lo com as afeições do Reynaldo Gianecchini<br />
(em homenagem a uma leitora dedicada :p )</p>
<p><strong>Imagem Base1</strong></p>
<p><img src="http://www.mxstudio.com.br/imagens_artigos/bruno_quickmask_abr07_imagens/cartaz_xuxa.jpg" height="329" width="500" /></p>
<p><strong>Imagem Base 2</strong></p>
<p><img src="http://www.mxstudio.com.br/imagens_artigos/bruno_quickmask_abr07_imagens/gianecchini.jpg" height="329" width="305" /></p>
<p><strong><font size="3">Procedimentos</font></strong></p>
<p align="justify">Clique com o botão direito sobre a imagem base 1 e escolha a opção copiar. Com o photoshop aberto clique em File &#8211; New (CTRL + N). Cole a imagem no novo documento criado (CTRL + V). Com a imagem base. Agora clique com o botão direito sobre a Imagem Base 02 e selecione a opção Copiar. Cole a imagem no mesmo documento criado. Você verá que uma imagem ficará sobre a outra (lembra-se de layers? Escrevi isto em meu segundo tutorial. Só para relembrar são Camadas. O que quer dizer que uma camada não altera a outra, dando total liberdade de edição)</p>
<p>		       <strong>O que é Quickmask?</strong></p>
<p align="justify">Quickmask &#8211; em português máscara rápida &#8211; quer dizer de forma prática o seguinte: Mesmo com a facilidade de trabalharmos com Layers as vezes este recurso por si só não é tão útil. As vezes não vemos a imagem que está por trás o que dificulta trabalharmos em conjunto. O quickmask então permite que você pinte a parte de uma imagem sem perder a visão. Seria uma espécie de tinta transparente, onde você vai pintando e vai vendo muito bem aonde está pintando. (Um professor acadêmico de Photoshop deve tá se remoendo pela minha explicação hehe). Neste tutorial o QuickMask poderia ser dispensado usando outros recursos. A função básica do quickmask é auxiliar na hora do recorte de uma imagem. Com a prática as vezes o QuickMask se tornará dispensável para pequenas coisas. Abaixo mostro onde alternar entre o modo normal e de máscara. O 1º modo é o normal e ao lado dele o modo Mask.</p>
<p><img src="http://www.mxstudio.com.br/imagens_artigos/bruno_quickmask_abr07_imagens/quickmask.gif" height="450" width="196" /></p>
<p>Vamos alterar para este modo clicando na segunda opção: <img src="http://www.mxstudio.com.br/imagens_artigos/bruno_quickmask_abr07_imagens/mask.gif" height="21" width="28" /></p>
<p align="justify">Com a imagem do Gianecchini ativa (Isto quer dizer que na janela Layer ela está ativa, ou seja, você clicou com o mouse sobre a layer correspondente). Considerando que você alternou para o modo Mask selecione a ferramenta Pincel e considere que as cores da paleta estão como a figura acima (Preto no Foreground e Branco no Background). Pinte o rosto do Gianecchini como mostro na figura abaixo.</p>
<p>        <img src="http://www.mxstudio.com.br/imagens_artigos/bruno_quickmask_abr07_imagens/imagem02.jpg" height="212" width="357" /></p>
<p>Feito isto volte para o modo normal <img src="http://www.mxstudio.com.br/imagens_artigos/bruno_quickmask_abr07_imagens/normalmode.gif" height="21" width="23" />. Note que agora a imagem do Gianecchini está com uma seleção. A parte que você pintou de vermelho foi excluída da seleção, ou seja, ela está de fora. Quando voltarmos pro modo normal e pressionarmos delete toda a imagem será deletada <strong>exceto</strong> o que foi pintado. Sendo assim, voltando pro modo normal pressione delete. Veja que agora ficou apenas o rosto do Gianecchini. Posicione então o rosto do Gianecchini sobre o rosto do Xuxa, como ilustra a figura abaixo:</p>
<p align="justify"><img src="http://www.mxstudio.com.br/imagens_artigos/bruno_quickmask_abr07_imagens/imagem03.jpg" height="194" width="325" /></p>
<p>		   Conseguiu fazer parecido? Estamos perto de chegar ao resultado que queremos. Como você pode observar ainda temos diferenças na tonalidade da pele. Vamos resolver isto da seguinte forma:</p>
<p align="justify">Navegue até: Image &#8211; Adjustments &#8211; Color Balance&#8230; (CTRL + B)</p>
<p>		     Deixe como ilustra a imagem abaixo:</p>
<p>Color Levels: + 15 / 0 / -60 (Midtones)</p>
<p><img src="http://www.mxstudio.com.br/imagens_artigos/bruno_quickmask_abr07_imagens/colorbalance.jpg" height="266" width="444" /></p>
<p>Agora vamos a alguns pequenos retoques. Como pintamos de forma aleatória o rosto as vezes cria-se umas pontas perceptíveis. Vamos corrigir isto com uma ferramenta que já apresentei em outro artigo: Smudge Tool <img src="http://www.mxstudio.com.br/imagens_artigos/bruno_quickmask_abr07_imagens/smudgetool.gif" height="23" width="27" /> Altera o Strength para 10% e vá pincelando sobre os extremos de forma que fique uniforme.</p>
<p align="justify">Feito isto estamos pronto, salve seu PSD e pronto. Veja o resultado abaixo:</p>
<p align="justify"><img src="http://www.mxstudio.com.br/imagens_artigos/bruno_quickmask_abr07_imagens/final.jpg" height="329" width="500" /></p>
<h4 align="justify">           Considerações Finais</h4>
<p>Hoje vimos o que é <strong>Quickmask</strong> e para que serve. Espero que estejam acompanhando, lendo sobre o assunto, aproveite para dar uma olhada nos outros tutoriais espalhados por este site. Participe de nosso fórum para tirar suas dúvidas.</p>
<p>Paralelamente a este tutorial, enquanto escrevia e editava as imagens fui fazendo uma brincadeira com uma imagem que achei no Google. Vejam o resultado:</p>
<p><img src="http://www.mxstudio.com.br/imagens_artigos/bruno_quickmask_abr07_imagens/humanizar.gif" height="250" width="482" /></p>
<p>Esta técnica chama-se <strong>humanização</strong>. Foi usado também o <strong>QuickMask</strong> para chegar neste trabalho. Tente fazer também <img src='http://www.mxstudio.com.br/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p align="justify">Agradeço sua visita ao mxstudio e convido a você a voltar sempre, me enviando suas críticas e sugestões. Meu e-mail: <a href="mailto:brunomxs@gmail.com">brunomxs@gmail.com</a> e caso tenha dúvida use o nosso <a href="http://www.mxstudio.com.br/forum/index.php?showforum=72" target="_blank">fórum</a>.</p>
<p align="justify"><strong>Autor: Bruno X. Ribeiro &#8211; Colunista Photoshop do Portal MXSTUDIO</strong></p>
<p>      <a href="#topo">voltar ao topo </a></td>
</tr>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/design/photoshop/quickmask___conceito_e_pratica/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Aplicando algumas ferramentas do Photoshop</title>
		<link>http://www.mxstudio.com.br/design/photoshop/aplicando_algumas_ferramentas_do_photoshop/</link>
		<comments>http://www.mxstudio.com.br/design/photoshop/aplicando_algumas_ferramentas_do_photoshop/#comments</comments>
		<pubDate>Sun, 25 Mar 2007 00:00:00 +0000</pubDate>
		<dc:creator>bruno ribeiro</dc:creator>
				<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Continuando o estilo de tutoriais para iniciantes apresentarei como usar as ferramentas do Photoshop. Explicando suas utilidades o leitor estar&#225; come&#231;ando a se familiarizar com o Photoshop.]]></description>
			<content:encoded><![CDATA[<link href="http://www.mxstudio.com.br/webgerenciador/_css/PadraoCss.css" rel="stylesheet" type="text/css" /> <script src="http://www.mxstudio.com.br/js/ColorCode.js"></script><br />
<style type="text/css"> <!-- .style1 {font-size: 14px} --> </style>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td id="colunaTexto" valign="top">
<h1 align="justify"><a title="topo" name="topo" id="topo"></a><strong> Aplicando  algumas ferramentas do photoshop</strong></h1>
<h3 align="justify">Introdução</h3>
<p align="justify">Continuando o estilo de tutoriais para iniciantes apresentarei como usar as ferramentas do Photoshop. Explicando suas utilidades o leitor estará começando a se familiarizar com o Photoshop. Aos mais avançados aguardem que um dia chegaremos lá. Vamos nivelar todos os frequentadores não é verdade? Em breve meu 1º tutorial irá ultrapassar de mil leitores e espero que estejam esperando o 2º hehe.</p>
<h3 align="justify">Pré-Requisitos</h3>
<ul>
<li>Adobe Photoshop 7.0 ou superior</li>
<li> Ter	lido meu primeiro artigo: <a href="http://www.mxstudio.com.br/views.tutorial.php?act=view&amp;cid=13&amp;aid=1043">Primeiros Passos com Photoshop </a></li>
<li> Força de vontade <img src='http://www.mxstudio.com.br/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
</ul>
<h3>Objetivo</h3>
<p align="justify">Capacitar os leitores a fazerem seus próprios trabalhos com os conhecimentos adquiridos aqui no <strong>mxstudio</strong>.</p>
<h4 align="justify">Conteúdo</h4>
<p align="justify"><strong>		    Imagem Base</strong></p>
<p align="justify"><img src="http://www.mxstudio.com.br/imagens_artigos/bruno_ferramentas_ps_mar07_imagens/img02.jpg" height="425" width="567" /></p>
<p align="justify"><strong>Resultado  Final<br />
</strong><br />
<img src="http://www.mxstudio.com.br/imagens_artigos/bruno_ferramentas_ps_mar07_imagens/img03.jpg" height="425" width="566" /><br clear="all" /><br />
<strong><br />
<span class="style1">Primeiros Passos</span></strong></p>
<p align="justify">Crie um  documento novo: File New&#8230; (CTRL + N) com resolução de 640&#215;480<br />
Cole a  imagem deste tutorial . Duplique a camada (CTRL + J) para ter sempre a base guardada.  Oculte a layer abaixo clicando no símbolo <img src="http://www.mxstudio.com.br/imagens_artigos/bruno_ferramentas_ps_mar07_imagens/img04.jpg" height="16" width="16" /> ao  lado da layer. Salve a layer acima como CARRO. Basta clicar duas vezes sobre a  palavra LayerX na sua paleta de camadas onde X representa o número de sua  layer. Caso não saiba o que é a paleta de camadas leia meu primeiro artigo<a href="http://www.mxstudio.com.br/mx_novo/wp-admin/%3E%20clicando%20aqui%20%3C/a%3E%3C/p%3E%3Cp%3E%20%20%20%20Vamos%20%20melhorar%20o%20foco%20da%20imagem.%20Para%20isto%20temos%20uma%20ferramenta%20chamada%20Sharpen.%20Voc%C3%AA%20%20chega%20at%C3%A9%20ela%20em%20Filter%20%E2%80%93%20Sharpen%20%E2%80%93%20Unsharp%20Mask%3C/p%3E%3Cp%3E%20%20%20%20Aplique%20as%20seguintes%20configura%C3%A7%C3%B5es:%3C/p%3E%3Cp%20align=">Amout: 30%<br />
Radius: 95%<br />
Threshold: 0%</a></p>
<p align="justify"><a href="http://www.mxstudio.com.br/mx_novo/wp-admin/%3E%20clicando%20aqui%20%3C/a%3E%3C/p%3E%3Cp%3E%20%20%20%20Vamos%20%20melhorar%20o%20foco%20da%20imagem.%20Para%20isto%20temos%20uma%20ferramenta%20chamada%20Sharpen.%20Voc%C3%AA%20%20chega%20at%C3%A9%20ela%20em%20Filter%20%E2%80%93%20Sharpen%20%E2%80%93%20Unsharp%20Mask%3C/p%3E%3Cp%3E%20%20%20%20Aplique%20as%20seguintes%20configura%C3%A7%C3%B5es:%3C/p%3E%3Cp%20align=">Uma dica:  Quanto maior o Radius maior a nitidez e quanto maior o Threshold menos nitidez.</a></p>
<p align="justify"><a href="http://www.mxstudio.com.br/mx_novo/wp-admin/%3E%20clicando%20aqui%20%3C/a%3E%3C/p%3E%3Cp%3E%20%20%20%20Vamos%20%20melhorar%20o%20foco%20da%20imagem.%20Para%20isto%20temos%20uma%20ferramenta%20chamada%20Sharpen.%20Voc%C3%AA%20%20chega%20at%C3%A9%20ela%20em%20Filter%20%E2%80%93%20Sharpen%20%E2%80%93%20Unsharp%20Mask%3C/p%3E%3Cp%3E%20%20%20%20Aplique%20as%20seguintes%20configura%C3%A7%C3%B5es:%3C/p%3E%3Cp%20align="><strong>Ajustando a Luminosidade da Imagem</strong></a></p>
<p align="justify"><a href="http://www.mxstudio.com.br/mx_novo/wp-admin/%3E%20clicando%20aqui%20%3C/a%3E%3C/p%3E%3Cp%3E%20%20%20%20Vamos%20%20melhorar%20o%20foco%20da%20imagem.%20Para%20isto%20temos%20uma%20ferramenta%20chamada%20Sharpen.%20Voc%C3%AA%20%20chega%20at%C3%A9%20ela%20em%20Filter%20%E2%80%93%20Sharpen%20%E2%80%93%20Unsharp%20Mask%3C/p%3E%3Cp%3E%20%20%20%20Aplique%20as%20seguintes%20configura%C3%A7%C3%B5es:%3C/p%3E%3Cp%20align=">A imagem  está um pouco escura então vamos melhorá-la através de um recurso que temos  chamado Levels (CTRL – L). Vá em Image – Adjustments – Levels (CTRL + L)</a></p>
<p><a href="http://www.mxstudio.com.br/mx_novo/wp-admin/%3E%20clicando%20aqui%20%3C/a%3E%3C/p%3E%3Cp%3E%20%20%20%20Vamos%20%20melhorar%20o%20foco%20da%20imagem.%20Para%20isto%20temos%20uma%20ferramenta%20chamada%20Sharpen.%20Voc%C3%AA%20%20chega%20at%C3%A9%20ela%20em%20Filter%20%E2%80%93%20Sharpen%20%E2%80%93%20Unsharp%20Mask%3C/p%3E%3Cp%3E%20%20%20%20Aplique%20as%20seguintes%20configura%C3%A7%C3%B5es:%3C/p%3E%3Cp%20align=">		    Deixe conforme mostra a imagem abaixo:<br />
<img src="http://www.mxstudio.com.br/imagens_artigos/bruno_ferramentas_ps_mar07_imagens/img05.jpg" height="286" width="403" /></a></p>
<p align="justify"><a href="http://www.mxstudio.com.br/mx_novo/wp-admin/%3E%20clicando%20aqui%20%3C/a%3E%3C/p%3E%3Cp%3E%20%20%20%20Vamos%20%20melhorar%20o%20foco%20da%20imagem.%20Para%20isto%20temos%20uma%20ferramenta%20chamada%20Sharpen.%20Voc%C3%AA%20%20chega%20at%C3%A9%20ela%20em%20Filter%20%E2%80%93%20Sharpen%20%E2%80%93%20Unsharp%20Mask%3C/p%3E%3Cp%3E%20%20%20%20Aplique%20as%20seguintes%20configura%C3%A7%C3%B5es:%3C/p%3E%3Cp%20align=">Input  Levels: 0 / 1,68 / 255<br />
Output Levels: 20 / 255</a></p>
<p><a href="http://www.mxstudio.com.br/mx_novo/wp-admin/%3E%20clicando%20aqui%20%3C/a%3E%3C/p%3E%3Cp%3E%20%20%20%20Vamos%20%20melhorar%20o%20foco%20da%20imagem.%20Para%20isto%20temos%20uma%20ferramenta%20chamada%20Sharpen.%20Voc%C3%AA%20%20chega%20at%C3%A9%20ela%20em%20Filter%20%E2%80%93%20Sharpen%20%E2%80%93%20Unsharp%20Mask%3C/p%3E%3Cp%3E%20%20%20%20Aplique%20as%20seguintes%20configura%C3%A7%C3%B5es:%3C/p%3E%3Cp%20align=">		    Clique em Ok para aplicar.</a></p>
<p><a href="http://www.mxstudio.com.br/mx_novo/wp-admin/%3E%20clicando%20aqui%20%3C/a%3E%3C/p%3E%3Cp%3E%20%20%20%20Vamos%20%20melhorar%20o%20foco%20da%20imagem.%20Para%20isto%20temos%20uma%20ferramenta%20chamada%20Sharpen.%20Voc%C3%AA%20%20chega%20at%C3%A9%20ela%20em%20Filter%20%E2%80%93%20Sharpen%20%E2%80%93%20Unsharp%20Mask%3C/p%3E%3Cp%3E%20%20%20%20Aplique%20as%20seguintes%20configura%C3%A7%C3%B5es:%3C/p%3E%3Cp%20align=">  <strong>Ajustando a cor do carro. Recurso:  Selective Color</strong></a></p>
<p align="justify"><a href="http://www.mxstudio.com.br/mx_novo/wp-admin/%3E%20clicando%20aqui%20%3C/a%3E%3C/p%3E%3Cp%3E%20%20%20%20Vamos%20%20melhorar%20o%20foco%20da%20imagem.%20Para%20isto%20temos%20uma%20ferramenta%20chamada%20Sharpen.%20Voc%C3%AA%20%20chega%20at%C3%A9%20ela%20em%20Filter%20%E2%80%93%20Sharpen%20%E2%80%93%20Unsharp%20Mask%3C/p%3E%3Cp%3E%20%20%20%20Aplique%20as%20seguintes%20configura%C3%A7%C3%B5es:%3C/p%3E%3Cp%20align=">Um dos  recursos que temos no Photoshop que é muito bom é o Selective Color. Com ele  você pode diminuir ou aumentar a intensidade de uma cor. Ideal para renovação  de fotos. Sabe aquelas velhas fotos azuladas que você tem guardadas? Ou aquelas  avermelhadas. Com o Selective Color você pode repará-las retirando estas cores.  Vamos ao nosso exemplo: Achei o amarelo deste carro já meio velho. Ele terá que  passar por algumas pinturas mas no momento o que podemos melhorá-lo é usando deste  recurso.</a></p>
<p align="justify"><a href="http://www.mxstudio.com.br/mx_novo/wp-admin/%3E%20clicando%20aqui%20%3C/a%3E%3C/p%3E%3Cp%3E%20%20%20%20Vamos%20%20melhorar%20o%20foco%20da%20imagem.%20Para%20isto%20temos%20uma%20ferramenta%20chamada%20Sharpen.%20Voc%C3%AA%20%20chega%20at%C3%A9%20ela%20em%20Filter%20%E2%80%93%20Sharpen%20%E2%80%93%20Unsharp%20Mask%3C/p%3E%3Cp%3E%20%20%20%20Aplique%20as%20seguintes%20configura%C3%A7%C3%B5es:%3C/p%3E%3Cp%20align="><strong>Procedimentos</strong><br />
Vá em Image  – Adjustments –Selective Color&#8230;</a></p>
<p><a href="http://www.mxstudio.com.br/mx_novo/wp-admin/%3E%20clicando%20aqui%20%3C/a%3E%3C/p%3E%3Cp%3E%20%20%20%20Vamos%20%20melhorar%20o%20foco%20da%20imagem.%20Para%20isto%20temos%20uma%20ferramenta%20chamada%20Sharpen.%20Voc%C3%AA%20%20chega%20at%C3%A9%20ela%20em%20Filter%20%E2%80%93%20Sharpen%20%E2%80%93%20Unsharp%20Mask%3C/p%3E%3Cp%3E%20%20%20%20Aplique%20as%20seguintes%20configura%C3%A7%C3%B5es:%3C/p%3E%3Cp%20align=">	    Deixe como a imagem a seguir:</a></p>
<p align="justify"><a href="http://www.mxstudio.com.br/mx_novo/wp-admin/%3E%20clicando%20aqui%20%3C/a%3E%3C/p%3E%3Cp%3E%20%20%20%20Vamos%20%20melhorar%20o%20foco%20da%20imagem.%20Para%20isto%20temos%20uma%20ferramenta%20chamada%20Sharpen.%20Voc%C3%AA%20%20chega%20at%C3%A9%20ela%20em%20Filter%20%E2%80%93%20Sharpen%20%E2%80%93%20Unsharp%20Mask%3C/p%3E%3Cp%3E%20%20%20%20Aplique%20as%20seguintes%20configura%C3%A7%C3%B5es:%3C/p%3E%3Cp%20align="><img src="http://www.mxstudio.com.br/imagens_artigos/bruno_ferramentas_ps_mar07_imagens/img06.jpg" height="306" width="341" /></a></p>
<p><a href="http://www.mxstudio.com.br/mx_novo/wp-admin/%3E%20clicando%20aqui%20%3C/a%3E%3C/p%3E%3Cp%3E%20%20%20%20Vamos%20%20melhorar%20o%20foco%20da%20imagem.%20Para%20isto%20temos%20uma%20ferramenta%20chamada%20Sharpen.%20Voc%C3%AA%20%20chega%20at%C3%A9%20ela%20em%20Filter%20%E2%80%93%20Sharpen%20%E2%80%93%20Unsharp%20Mask%3C/p%3E%3Cp%3E%20%20%20%20Aplique%20as%20seguintes%20configura%C3%A7%C3%B5es:%3C/p%3E%3Cp%20align=">	    Estamos alterando o canal Yellows (Amarelo) dando lhe mais amarelo e mais  contraste. Deixe 100% para Yellow e 50% para Black</a></p>
<p align="justify"><a href="http://www.mxstudio.com.br/mx_novo/wp-admin/%3E%20clicando%20aqui%20%3C/a%3E%3C/p%3E%3Cp%3E%20%20%20%20Vamos%20%20melhorar%20o%20foco%20da%20imagem.%20Para%20isto%20temos%20uma%20ferramenta%20chamada%20Sharpen.%20Voc%C3%AA%20%20chega%20at%C3%A9%20ela%20em%20Filter%20%E2%80%93%20Sharpen%20%E2%80%93%20Unsharp%20Mask%3C/p%3E%3Cp%3E%20%20%20%20Aplique%20as%20seguintes%20configura%C3%A7%C3%B5es:%3C/p%3E%3Cp%20align=">Até aí tudo  bem? Vamos fazendo passo-a-passo pois meu objetivo é incentivar novos talentos.  Uma dica que eu dou para você é que se tem alguma dúvida quanto ao efeito  duplique a camada e faça o teste nela. Se não ficar satisfeito delete-a e faça  outra até ficar certo de que está pronto para aplicar na camada original. Uma alternativa  é aplicar na original mesmo e caso fique insatisfeito poderá recorrer a janela  History (Clique no Menu Window – History). Dica: pressione F9 para abrir o  conjunto de janelas (History, Actions, etc).<br />
Abrirá uma  janela semelhante a esta:</a></p>
<p align="justify"><a href="http://www.mxstudio.com.br/mx_novo/wp-admin/%3E%20clicando%20aqui%20%3C/a%3E%3C/p%3E%3Cp%3E%20%20%20%20Vamos%20%20melhorar%20o%20foco%20da%20imagem.%20Para%20isto%20temos%20uma%20ferramenta%20chamada%20Sharpen.%20Voc%C3%AA%20%20chega%20at%C3%A9%20ela%20em%20Filter%20%E2%80%93%20Sharpen%20%E2%80%93%20Unsharp%20Mask%3C/p%3E%3Cp%3E%20%20%20%20Aplique%20as%20seguintes%20configura%C3%A7%C3%B5es:%3C/p%3E%3Cp%20align="><img src="http://www.mxstudio.com.br/imagens_artigos/bruno_ferramentas_ps_mar07_imagens/img07.jpg" align="left" height="264" hspace="12" width="161" />History (Histórico) É esta janela que registra tudo  que você faz no Photoshop. A ordem do mais recente é do último para o primeiro  na lista. Marque a caixinha ao ponto que você quer voltar e ele desconsiderará  o que foi feito posteriormente a ele.</a></p>
<p align="justify"><a href="http://www.mxstudio.com.br/mx_novo/wp-admin/%3E%20clicando%20aqui%20%3C/a%3E%3C/p%3E%3Cp%3E%20%20%20%20Vamos%20%20melhorar%20o%20foco%20da%20imagem.%20Para%20isto%20temos%20uma%20ferramenta%20chamada%20Sharpen.%20Voc%C3%AA%20%20chega%20at%C3%A9%20ela%20em%20Filter%20%E2%80%93%20Sharpen%20%E2%80%93%20Unsharp%20Mask%3C/p%3E%3Cp%3E%20%20%20%20Aplique%20as%20seguintes%20configura%C3%A7%C3%B5es:%3C/p%3E%3Cp%20align=">Prosseguindo  em nosso exemplo do tutorial vamos usar uma ferramenta chamada Burn Tool. Dica:  Pressione a Vogal O para selecionar a ferramenta. Por padrão a ferramenta  presente na </a><a href="http://www.mxstudio.com.br/views.tutorial.php?act=view&amp;cid=13&amp;aid=1043">Caixa  de Ferramentas</a> é a Dodge Tool como ilustra a figura.</p>
<p>              <img src="http://www.mxstudio.com.br/imagens_artigos/bruno_ferramentas_ps_mar07_imagens/img08.jpg" align="left" height="289" hspace="12" width="40" /><br />
Para  alternar entre ferramentas repare que no canto inferior esquerdo do ícone da  ferramenta há uma setinha preta. Clique com o botão esquerdo em cima e  selecione a opção Burn Tool <img src="http://www.mxstudio.com.br/imagens_artigos/bruno_ferramentas_ps_mar07_imagens/img09.jpg" border="0" height="24" width="28" /></p>
<p align="justify">Para alternar o tamanho do Brush (uma analogia ao tamanho da  ponta do lápis por exemplo) pressione no seu teclado a tecla [ para diminuir e  ] para aumentar. Vamos usar esta ferramenta no capô do carro e nos vidros.  Também no teto do carro e no painel frontal do carro. Para usar esta ferramenta  é simples. Basta selecioná-la e passar sobre a imagem como um pincel. Você notará  a diferença. Para adiantarmos no processo deste tutorial e aprendemos o máximo  de coisas possíveis posto abaixo como está ficando nossa imagem e já indicando  nosso próximo passo.</p>
<p align="justify">&nbsp;</p>
<p align="justify">&nbsp;</p>
<p align="justify">&nbsp;</p>
<p> 		  Veja a imagem:</p>
<p align="justify"><img src="http://www.mxstudio.com.br/imagens_artigos/bruno_ferramentas_ps_mar07_imagens/img01.jpg" border="0" height="353" width="445" /></p>
<p align="justify">Nossa  figura está semelhante a esta. A única diferença é que você pode ver um  pontilhado no capô do carro. Adiantando nosso tutorial ensinarei como fazer tal  procedimento. Selecione a ferramenta Lasso Tool (Pressionar L no teclado). Faça  um círculo em volta da macha no capô. Normalmente este procedimento não é  necessário porém como estou escrevendo para os que estão aprendendo o Photoshop  fazendo esta forma evita borrar a imagem em espaços não importantes. Quando  estiver selecionado então usaremos a ferramenta Smudge Tool (Pressionar R) <img src="http://www.mxstudio.com.br/imagens_artigos/bruno_ferramentas_ps_mar07_imagens/img11.jpg" border="0" height="21" width="25" />. Lembrando que todas as ferramentas aqui  apresentadas estão na Caixa de Ferramentas do Photoshop. Caso não esteja vendo  basta pressionar as teclas do teclado que estou passando que verá uma  ferramenta selecionada. Caso a imagem for diferente basta clicar na setinha  preta e verá outras opções e certamente encontrará a ferramenta certa. <em>Caso não esteja vendo a caixa de ferramentas clique em Window &#8211; Tools. Mesmo que ela esteja marcada desmarque e marque novamente.</em></p>
<p align="justify"><img src="http://www.mxstudio.com.br/imagens_artigos/bruno_ferramentas_ps_mar07_imagens/img12.jpg" border="0" height="34" width="469" /></p>
<p>		    Altere o Strength para 55% como ilustra a figura acima. Agora dentro do circulo  selecionado faça o seguinte: Das bordas para dentro vá fazendo movimentos de puxe, isto quer  dizer, arrastar o mouse para dentro com o botão pressionado. Bom isto você terá  de fazer algumas vezes para aprender mas pegará as manhas rapidinho. Isto  servirá para igualar as partes. Poderíamos usar o Carimbo também mas vou me deter  apenas a esta ferramenta</p>
<p>Chegamos ao resultado final que tinha me proposto a ensinar. Não desanime.  Aprenda aos poucos. Muitos conhecimentos você aprenderá na hora e esquecerá  depois. Então vamos por partes como o Estripador hehe.</p>
<p>Com o tempo  eu posso até voltar a este tutorial ensinando, por exemplo, a chegarmos a uma  imagem como a que monstro abaixo. Algumas melhorias na lataria do carro,  passando por uma lanternagem e transformando-o em prata. Mas antes disto  quero prepará-lo para este dia e não falta muito para chegarmos aos  conhecimentos necessários para fazermos o que fiz com a imagem abaixo:</p>
<p align="justify"><img src="http://www.mxstudio.com.br/imagens_artigos/bruno_ferramentas_ps_mar07_imagens/img13.jpg" border="0" height="420" width="566" /></p>
<h4 align="justify">Considerações Finais</h4>
<p align="justify">Agradeço sua visita ao mxstudio e convido a você a voltar sempre, me enviando suas críticas e sugestões. Meu e-mail: <a href="mailto:brunomxs@gmail.com">brunomxs@gmail.com</a> e caso tenha dúvida use o nosso <a href="http://www.mxstudio.com.br/forum/index.php?showforum=72" target="_blank">fórum</a>.</p>
<p align="justify"><strong>Autor: Bruno X. Ribeiro &#8211; Colunista Photoshop do Portal MXSTUDIO</strong></p>
<p>      <a href="#topo">voltar ao topo </a></td>
</tr>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/design/photoshop/aplicando_algumas_ferramentas_do_photoshop/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Primeiros Passos com Photoshop</title>
		<link>http://www.mxstudio.com.br/design/photoshop/primeiros_passos_com_photoshop/</link>
		<comments>http://www.mxstudio.com.br/design/photoshop/primeiros_passos_com_photoshop/#comments</comments>
		<pubDate>Wed, 21 Mar 2007 00:00:00 +0000</pubDate>
		<dc:creator>bruno ribeiro</dc:creator>
				<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Alguns conceitos importantes para quem deseja aprender a usar o Photoshop. N&#237;vel: B&#225;sico]]></description>
			<content:encoded><![CDATA[<link rel="stylesheet" type="text/css" href="http://www.mxstudio.com.br/webgerenciador/_css/PadraoCss.css" /><script src="http://www.mxstudio.com.br/js/ColorCode.js"></script><br />
<table border="0" width="100%" cellPadding="0" cellSpacing="0">
<tr>
<td vAlign="top" id="colunaTexto">
<h1><a name="topo" title="topo" id="topo"></a>Primeiros Passos com Photoshop</h1>
<h3>Introdução</h3>
<p>Em meu primeiro artigo ao <a target="_blank" href="http://www.mxstudio.com.br/">mxstudio</a> me voltarei aos iniciantes ensinando como funciona o Photoshop e quais as vantagens de utilizar este software.</p>
<h3>Pré-Requisitos</h3>
<ul>
<li>Adobe Photoshop 7.0 ou superior</li>
<li>Conhecimento básico com programas de imagem (Exemplo: MSPAINT)</li>
<li>Força de vontade <img src='http://www.mxstudio.com.br/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
</ul>
<h4>Objetivo</h4>
<p align="justify">Apresentar a Área de Trabalho do Photoshop e as janelas incluídas nele. Explicar a função de cada uma e alguns conceitos importantes para quem deseja aprender a usar o Photoshop.</p>
<h4 align="justify">Conceitos</h4>
<p align="justify">Para você que está familiarizando-se com o Photoshop poderá ter algumas dúvidas quanto aos nomes e siglas usados por profissionais e amantes na área. Para este artigo, tome nota dos seguintes:</p>
<ul>
<li>PS = Sigla para Photoshop. Derivações como PS-BR indicam a versão do idioma do aplicativo.</li>
<li>Layers = Camadas</li>
</ul>
<p id="destaque">
<p align="justify">Antes de começarmos sugiro a leitura de um artigo escrito por Marcelo Culen ao mxstudio. <a target="_blank" href="http://www.mxstudio.com.br/views.tutorial.php?act=view&amp;cid=13&amp;aid=648">Clique Aqui</a> para ler o artigo <a target="_blank" href="http://www.mxstudio.com.br/views.tutorial.php?act=view&amp;cid=13&amp;aid=648">O que é Photoshop?</a> (<em>por Marcelo Culen</em>)</p>
<p><!-- aqui chamamos a função para formatar todas as DIV's --><br />
<script>  FormatJS();</script></p>
<h4>Conteúdo</h4>
<p align="justify">Neste artigo inicial eu optei por escrever aos que estão tentando aprender a utilizar o Photoshop. Eu acredito que muitos usuários se perdem com tantos recursos e muitos desistem por não entender como o programa funciona e para que realmente ele foi desenvolvido.</p>
<p>Então vamos começar pela área de trabalho do Photoshop. Neste tutorial foi usado o Photoshop 7.0 em inglês.</p>
<p><img width="560" src="http://www.mxstudio.com.br/imagens_artigos/bruno_primeiros_passos_com_photoshop_mar07_imagens/img_bruno_mar07.gif" alt="Área de Trabalho do Photoshop" height="406" /></p>
<p align="justify">Esta é a área de trabalho do Photoshop 7.0 e destaquei os principais elementos da janela para que você possa começar a trabalhar. Só nesta tela teríamos muitas coisas para falar. Mas se você sabe usar o MSPAINT da microsoft grande parte dos comandos você saberá fazer. Por exemplo como você faria para por um texto no documento? Olhando a tela você vê a caixa de ferramentas com o símbolo T de Texto. Creio que até aí você não teria problemas então vamos aprofundar no assunto.<br />
Vendo a janela do novo documento observamos 4 nomes no topo: Untitled-1 @ 100% RGB. Que são respectivamente: <strong>Nome do Documento</strong>, <strong>Zoom atual</strong> e o <strong>Modo de Cores</strong>. Documentos que não foram salvos terão por padrão o nome Untitled-x onde X revela o nº de novos documentos abertos na área de trabalho do Photoshop. Já o zoom serve para auxiliar no acabamento do seu trabalho. Em alguns momentos você sentirá a necessidade de trabalhar com o zoom para facilitar seu trabalho. É como um artista pintor de quadros que se aproxima e afasta do quadro para obter outra perspectiva de sua arte. E já vai a dica: No teclado CTRL + para aumentar e CTRL – para diminuir. ALT CTRL 0 para voltar ao tamanho original. Já sobre o modo de cores, separei um artigo de nosso amigo Marcelo Culen onde ele fala sobre o assunto. Vale a pena conferir: <a target="_blank" href="http://www.mxstudio.com.br/views.tutorial.php?act=view&amp;cid=13&amp;aid=819">Modo de Cores</a>.</p>
<p align="justify">Ainda sobre a imagem acima o que podemos destacar nela são as Layers (Camadas). São elas que facilitam e muito o trabalho dos amantes e profissionais de photoshop.</p>
<p align="justify">Vamos ilustrar a utilidade das camadas em uma situação real.</p>
<p align="justify">Imagine-se numa mesa retangular e em suas mãos pincéis e tinta. Pedem que você desenhe a bandeira do Brasil nela. Ao terminar pedem que desenhe a bandeira de Portugal atrás. Até aí tudo bem não é verdade? Com um pouco de noção de perspectiva você desenharia apenas o que seria visível induzindo à quem vê de que realmente uma bandeira está na frente da outra.</p>
<p align="justify">Ae você feliz da vida pelo desenho até que alguém diz:</p>
<p>- Ah não gostei, coloque a bandeira de Portugal da frente.</p>
<p>Que cara intrometido não é verdade? E agora o que você poderia fazer? Teria que começar tudo de novo&#8230;.</p>
<p>Este mesmo problema teria acontecido se seu desenho fosse no mspaint. Tudo na mesma tela, no mesmo background.</p>
<p align="justify"><img width="500" src="http://www.mxstudio.com.br/imagens_artigos/bruno_primeiros_passos_com_photoshop_mar07_imagens/img2_bruno_mar07.gif" alt="Layers" height="450" /></p>
<p align="justify">Note que com layers você mantém as imagens intactas uma sobre as outras e se precisar alterar basta altera a layer. Dica: Para criar uma nova layer pressione no teclado: Shift + CTRL + N.</p>
<p align="justify">As camadas no photoshop, ou mais comum chamadas de Layers são colocadas uma sobre as outras de modo que você possa modificar, aplicar efeitos, recortar, redimensionar ou qualquer outra coisa sem que altere a camada superior ou inferior.</p>
<p align="justify">Neste tutorial usarei o exemplo de uma imagem criada pelo colunista de Fireworks do mxstudio, <strong>Willians Andrade</strong>. Nosso amigo colunista ensina como fazer uma folha de caderno usando o Fireworks. Caso tenha curiosidade em ler o tutorial <a target="_blank" href="http://www.mxstudio.com.br/views.tutorial.php?act=view&amp;cid=2&amp;aid=886">Clique Aqui</a>.</p>
<p align="justify">A imagem criada foi esta:</p>
<p align="justify"><img width="301" src="http://www.mxstudio.com.br/imagens_artigos/bruno_primeiros_passos_com_photoshop_mar07_imagens/linhas.jpg" alt="Folha de Caderno por Willians Andrade" height="342" /></p>
<p align="justify">Copie a imagem acima e crie um novo documento no Photoshop (CTRL + N). Cole a imagem que está agora na área de transferência no documento que você acabou de criar.</p>
<p align="justify">Usaremos ainda uma outra imagem neste tutorial. Um desenho a lápis que encontrei pela internet.</p>
<p align="justify"><img width="200" src="http://www.mxstudio.com.br/imagens_artigos/bruno_primeiros_passos_com_photoshop_mar07_imagens/boneco.jpg" alt="Boneco" height="287" /></p>
<p align="justify">Copie esta imagem e cole no Photoshop. Não se preocupe se a imagem vai ficar em cima da Folha de Caderno. Agora você está trabalhando com o Photoshop e entenderá o que são as Camadas (Layers). Agora faça o seguinte. Posicione o desenho acima de uma forma que fique dentro da folha. Altere o modo de blending do desenho a lápis para Darken e mude o campo Fill (Preenchimento) para 60%. Veja abaixo a imagem:</p>
<p align="justify"><img width="485" src="http://www.mxstudio.com.br/imagens_artigos/bruno_primeiros_passos_com_photoshop_mar07_imagens/img3_bruno_mar07.gif" alt="Resultado Final" height="341" /></p>
<h4>Considerações Finais</h4>
<p align="justify">Como você pode ter percebido as Layers são talvez o maior motivo do sucesso do Photoshop. Com elas você pode se dedicar com total exclusividade a uma parte da Arte que está sendo desenvolvida sem comprometer todo o resto. Os primeiros passos foram dados. Aproveite que está com o Photoshop aberto e faça suas próprias observações. Altere os modos de Blending na caixa de Layers e veja o efeito.</p>
<p align="justify">Em meu próximo tutorial estarei escrevendo sobre algumas funções do Photoshop passo-a-passo. Melhorias na foto (Cores, Brilho, Contraste, Selective Color, Levels), redimensionamento, posição da imagem, efeito de perspectiva). E aproveitando os conhecimentos adquiridos neste tutorial também faremos sobreposição de layers.</p>
<p align="justify">Agradeço sua visita ao mxstudio e convido a você a voltar sempre, me enviando suas críticas e sugestões. Meu e-mail: <a href="mailto:brunomxs@gmail.com">brunomxs@gmail.com</a> e caso tenha dúvida use o nosso <a target="_blank" href="http://www.mxstudio.com.br/forum/index.php?showforum=72">fórum</a>.</p>
<p align="justify"><strong>Autor: Bruno X. Ribeiro &#8211; Colunista Photoshop do Portal MXSTUDIO</strong></p>
<p><a href="#topo">voltar ao topo </a></td>
</tr>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/design/photoshop/primeiros_passos_com_photoshop/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>Criando iPods no Illustrator</title>
		<link>http://www.mxstudio.com.br/design/illustrator/criando_ipods_no_illustrator/</link>
		<comments>http://www.mxstudio.com.br/design/illustrator/criando_ipods_no_illustrator/#comments</comments>
		<pubDate>Sun, 25 Feb 2007 00:00:00 +0000</pubDate>
		<dc:creator>bruno ribeiro</dc:creator>
				<category><![CDATA[Illustrator]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Neste tutorial, ensinarei passo-a-passo como fazer dois tipos de iPod.]]></description>
			<content:encoded><![CDATA[<link rel="stylesheet" type="text/css" href="http://www.mxstudio.com.br/webgerenciador/_css/PadraoCss.css" /><script src="http://www.mxstudio.com.br/js/ColorCode.js"></script><br />
<table border="0" width="100%" cellPadding="0" cellSpacing="0">
<tr>
<td vAlign="top" id="colunaTexto">
<h1 align="justify">Criando iPods no Illustrator</h1>
<h3 align="justify">Introdução</h3>
<p align="justify">Neste tutorial, ensinarei passo-a-passo como fazer dois tipos de iPod, conforme a imagem abaixo:</p>
<p align="justify"><img width="423" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t1.jpg" height="406" /></p>
<h3 align="justify">Pré-Requisitos</h3>
<p align="justify">Adobe Illustrator (CS ou superior).</p>
<h3 align="justify"><strong>Objetivo</strong></h3>
<p align="justify">Aprender, de forma descontraída, a lidar com as ferramentas do Illustrator.</p>
<h3 align="justify"><strong>Conteúdo</strong></h3>
<p align="justify"><strong>1o iPod. </strong></p>
<p align="justify">1. Abra o Illustrator e crie um novo documento com o tamanho que você quiser. Eu optei pelo tamanho 800&#215;600. Uso este como padrão. Não esqueça de setar o modo de cor para RGB (padrão Web).</p>
<p align="justify">2. Feito isso, vá nas ferramentas e selecione &#8220;Rounded Rectangle Tool&#8221; (O Retângulo com bordas arredondadas). Dê um clique no documento e na tela que aparecer entre com as seguintes informações:</p>
<p align="justify">Options(Opções) -&gt; Trabalhando sempre com pixels.</p>
<p>+ Width(Largura): 211px<br />
+ Height(Altura): 344px<br />
+ Corner radius(Raio do canto): 16px</p>
<p align="justify">3. Você deverá ter um retângulo arredondado, com a forma do nosso iPod. Após isso, nós vamos começar a trabalhar com os gradients (degradês), para dar as texturas metalizadas do iPod.</p>
<p align="justify">Bom, para criar o nosso gradient, precisamos primeiro definir as cores que serão usadas nele. A maneira mais fácil de fazer isso é criar quadrados com as cores que desejamos usar e depois definir novos swatches com eles selecionados. Observe as figuras:</p>
<p>Selecione um quadrado por vez&#8230;</p>
<p align="justify"><img width="173" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t2.JPG" height="130" /></p>
<p align="justify">depois em Swatches (Window-&gt;Swatches) clique em New swatch (figura abaixo):</p>
<p align="justify"><img width="293" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t3.JPG" height="250" /></p>
<p align="justify">4. Agora é hora de aplicar os gradients. Com o nosso retângulo selecionado, arraste as cores que serão usadas nele para a paleta Gradient (Ctrl+F9). Observe como o gradient ficou na figura abaixo.</p>
<p align="justify"><img width="335" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t4.JPG" height="254" /></p>
<p align="justify">* Não esqueça de ajustar o ângulo do gradient para 270.</p>
<p align="justify">5. Bom, agora que já deu pra ter uma idéia de como criar um gradient, os próximos só vou mostrar o modelo do gradient e você vai aplicar para ir já pegando a manha.</p>
<p>Se tudo deu certo, seu retângulo estará assim:</p>
<p align="justify"><img width="222" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t5.JPG" height="353" /></p>
<p align="justify">6. Crie agora um retângulo normal (Rectangle tool) de cor #3F3F3F. Crie outro retângulo normal, um pouco menor, de cor #EDF3FB. Essa será nossa tela. Veja mais ou menos como deve ficar.</p>
<p align="justify"><img width="221" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t6.JPG" height="354" /></p>
<p align="justify">(Se você não sabe como se aplica uma cor por hexadecimal no Illustrator, clique em Fill na caixa de ferramentas, e na janela color picker, tente encontrar</p>
<p>&#8220;#&#8221;. Ali você coloca esse valor hexadecimal).</p>
<p align="justify">7. Vamos montar a barra de status. A que fica na parte superior do iPod. Crie um retângulo e posicione-o na parte superior da tela. Um align pode resolver.Feito isso, vamos para o gradient. É bem simples, crie de novos os swatches, a partir dessas cores:</p>
<p align="justify"><img width="172" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t7.JPG" height="178" /></p>
<p align="justify">e monte assim (com o retângulo selecionado)</p>
<p align="justify"><img width="221" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t8.JPG" height="141" /></p>
<p align="justify">8. Vamos criar agora o botão. Bem simples. Crie um círculo (que será o botão), com a ferramenta Ellipse Tool (L).</p>
<p>Centralize o botão. Altere suas propriedades de linha(stroke) e preenchimento(fill).</p>
<p>Fill=#D0D3D6<br />
Linha=#EAEAEA</p>
<p>Vai ficar parecido com isso.</p>
<p align="justify"><img width="225" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t9.JPG" height="357" /></p>
<p align="justify">9. Agora vamos criar a barra de progresso do iPod. Antes de mais nada, crie um retângulo que se assemelhe a uma barra de status. Esse será o fundo. Usaremos o mesmo gradient do iPod.</p>
<p>Selecione o retângulo do fundo da barra de progresso. Pressione (I) para usar o conta-gotas e simplesmente selecione o gradient do retângulo maior do iPod, para atribuir seu gradient ao nosso novo retângulo. A única coisa adicional que você precisa fazer aqui é retirar a linha (stroke).</p>
<p>Agora aplique uma sombra (Effect-&gt;Stylize-&gt;Drop Shadow) nesse retângulo com as seguintes propriedades:</p>
<p>Mode: Multiply<br />
Opacity: 20<br />
X offset: 0<br />
Y offset: 1<br />
Blur: 1<br />
Color: #000000 (Preto absoluto)</p>
<p>Continuando a barra de progresso, vamos agora para a parte azul, a que se movimenta durante a música. Crie um novo retângulo, dessa vez com a largura menor do que a do fundo. Eu escolhi perto da metade. Agora, crie um gradient com os seguintes swatches.</p>
<p align="justify"><img width="136" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t10.JPG" height="129" /></p>
<p align="justify">e monte dessa maneira (não esqueça de selecionar o retângulo)</p>
<p align="justify"><img width="221" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t11.JPG" height="140" /></p>
<p align="justify">10. Você deve ter algo parecido com isso:</p>
<p align="justify"><img width="220" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t12.JPG" height="352" /></p>
<p align="justify">11. Estamos quase concluindo este tutorial. Eis algumas coisas que você pode fazer agora.</p>
<p>* Adicionar um quadrado preto para na tela do iPod, simbolizando a arte do disco.<br />
* Escrever alguma coisa na tela, simbolizando as informações da música.</p>
<p>12. Toques finais:</p>
<p>Adicione um círculo menor no botão, para ficar mais semelhante ao iPod. Você pode também inserir flechas ou algo assi, para deixar mais completo.<br />
Adicione um reflexo ao seu iPod, simplesmente criando uma forma que se assemelhe a uma sombra e depois aplicar uma transparência.<br />
Adicione uma sombra ao seu iPod, usando um Drop shadow.</p>
<p>13. Se tudo deu certo, você terá algo parecido com isso.</p>
<p align="justify"><img width="222" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t13.JPG" height="353" /></p>
<p align="justify"><strong>2o iPod.</strong></p>
<p align="justify">Vamos agora para o segundo iPod. O trabalho diminui bastante agora, se você criou o 1o iPod sem problemas. Siga os passos:</p>
<p align="justify">1. Crie um novo documento, se quiser. Você pode continuar a fazer no mesmo arquivo. (Se for fazer em outro documento, deixe o 1o iPod aberto, pois você irá precisar de alguns elementos deste)</p>
<p align="justify">Selecione a ferramenta &#8220;Rectangle Tool&#8221; (M). Clique em qualquer lugar do documento. Do mesmo jeito que fizemos no primeiro iPod, faremos no segundo. Confira:</p>
<p align="justify">Options(Opções)</p>
<p>+ Width(Largura): 164 px<br />
+ Height(Altura): 374 px</p>
<p align="justify">2. Você já deve saber de cor como criar swatches. Crie agora 4 swatches com essas cores.</p>
<p align="justify"><img width="125" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t15.JPG" height="131" /></p>
<p align="justify">e monte o gradient assim (com o retângulo selecionado):</p>
<p align="justify"><img width="394" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t16.JPG" height="222" /></p>
<p align="justify">Você terá algo parecido com isso:</p>
<p align="justify"><img width="175" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t17.JPG" height="381" /></p>
<p align="justify">3. Lembram que eu falei para salvar o outro iPod, pois vocês iam precisar de elementos dele? Sim, sim. Agora, você vai simplesmente copiar os elementos que constituem a tela do outro iPod e colar nesse novo documento. Reduza um pouco a escala para caber certinho nesse novo iPod. Ajeite a vontade o que está escrito na tela.</p>
<p align="justify">Você deverá ter isso:</p>
<p align="justify"><img width="177" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t18.JPG" height="381" /></p>
<p align="justify">8. Quase pronto nosso novo iPod.</p>
<p align="justify">Crie um círculo. Centralize-o conforme a figura a seguir, com as determinadas propriedades:</p>
<p align="justify">Fill=#FFFFFF<br />
Linha=#CCCCCC</p>
<p align="justify"><img width="176" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t19.JPG" height="381" /></p>
<p align="justify">Vamos criar um reflexo bacana. Crie uma forma qualquer para o reflexo. A ferramenta pathfinder será útil nesse processo. No próximo tutorial, irei abordar pathfinder.</p>
<p align="justify">Veja como fazer o reflexo.</p>
<p align="justify"><img width="388" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t20.JPG" height="194" /></p>
<p align="justify">Defina a transparência (Shift+Ctrl+F10) para o modo Screen e Opacity -&gt; 90%.</p>
<p align="justify">Arraste para cima do iPod. E pronto. Está pronto seu novo iPod.</p>
<p align="justify"><img width="178" src="http://www.mxstudio.com.br/imagens_artigos/brunovieirapoeta_tutorialipod_0207_imagens/t21.JPG" height="382" /></p>
<h3 align="justify">Considerações Finais</h3>
<p align="justify">Neste tutorial você aprendeu a criar 2 tipos diferentes de iPod. Além disso, você começou a experienciar um pouco mais o uso de gradients e como eles são importantes em peças gráficas. No próximo tutorial, irei abordar novas ferramentas e ensinar novas técnicas. Até a próxima então!</p>
<p align="justify"><strong>Autor: Bruno Vieira Poeta &#8211; Colunista Illustrator do Portal MXSTUDIO</strong></p>
<p>Qualquer dúvida envie um email para <a target="new" href="maito:contato@brunopoeta.com">contato@brunopoeta.com</a> ou acesse o nosso <a target="forum" href="http://forum.mxstudio.com.br">fórum</a>.<a target="forum" href="http://forum.mxstudio.com.br"></a></td>
</tr>
</table>
<p><script>    FormatAS(new Array(\'codigo\',\'codigo1\',\'codigo2\',\'codigo3\',\'codigo4\',\'codigo5\'));</script> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.mxstudio.com.br/design/illustrator/criando_ipods_no_illustrator/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>

