Criando Uma Caixa 3d

Sera necessario baixar os seguintes arquivos para fazer o tutorial:
BoxKit.zip

Descompacte os arquivos BoxKit.psd e SbrushBox.atn em seu Desktop

Abra o .psd;

Caso não esteja visualizando as Guías, Pressione Ctrl + ;
Em seguida abra o painel ações;

Janela>Ações…
Clique na seta a direita e em seguida escolha a opção “Carregar Ações”;
Selecione o Arquivo SbrushBox.atn e carregue-o!

Vamos as explicações;

Estas ações, irão realizar o ajuste de perspectiva da caixa, poupado assim que você tenha que fazer todo o trabalho cada vez que fosse criar uma caixa;
Com apenas um clique a caixa ganhara o aspecto 3D;

As camadas:

1º Sombreado - Reflexão da Caixa
2º side - Parte lateral da caixa;
3º front - Parte frontal;
4º background - essa dispensa explicações!

Não altere o nome das camadas;
utilize as medidas da camada “front” e “side” para criar sua própria caixa;

Então, vamos ao trabalho;

Pressione o botão para executar as ações;

Vamos então, fazer a reflexão da nossa caixa;
Duplique a camada “front” com Ctrl + J;

Em seguida pressione Ctrl + T, clique com botão direito e escolha a opção “Virar verticalmente”

<

Tecle V para selecionar a ferramenta Mover;
Mantenha Ctrl pressionando e arraste para baixo, até o seu canto superior direito encostar no canto inferior direito da capa original;

Pressione novamente Ctrl + T para entrar o modo de transformação livre;
Clique com botão direito e escolha a opção: Distorcer;

Arraste o canto superior esquerdo até o canto inferior esquerda da capa original;

Faça o mesmo com a parte lateral;

Marque essas duas camadas como vinculadas, e depois pressione Ctrl + E para uni-las em uma só;

Mantena Ctrl pressionado e Clique sobre a camada para criar sua seleção;

Depois vá em Camada>Nova Camada De Preenchimento>Degradê;

Diminua a Opacidade da Camada que aplicamos o Degrade para 65%;

Crie uma nova camada (Ctrl + Shift + N);
Selecione a ferramenta Degradê (G):
Configure a Degradê Desta forma;

Aplique na imagem de baixa para cima, e diminua a Opacidade da camada para 50 %;

Podemos ainda simular uma sombra a caixa;
Crie uma nova camada, Com a ferramenta Laço Poligona (L)l ou qualquer outra que preferir crie uma seleção como esta;

Preenchemos de preto e aplicamos Filtro>Desfoque>Desfoque Gaussiano:

Raio : 13 px;

Ctrl + T para redimensiona-la e deixa-la mais parecida com uma sombra;

Apague a parte sobreposta a caixa e esta pronta nossa caixa;

Gostou??? Então Copie esse post para seu Blog: <p>Sera necessario baixar os seguintes arquivos para fazer o tutorial:<br /><a href="http://andremaia.webcindario.com/BoxKit.zip" target="_blank"><strong>BoxKit.zip</strong></a></p> <p>Descompacte os arquivos <strong>BoxKit.psd</strong> e <strong>SbrushBox.atn</strong> em seu Desktop</p> <p>Abra o <strong>.psd;</strong></p> <p><a href="http://superbrush.files.wordpress.com/2008/04/012.jpg"><img alt="" class="alignnone size-full wp-image-1378" src="http://superbrush.files.wordpress.com/2008/04/012.jpg" /></a></p> <p>Caso não esteja visualizando as Guías, Pressione <strong>Ctrl + ;</strong><br />Em seguida abra o painel ações;</p> <p><strong>Janela>Ações…</strong><br />Clique na seta a direita e em seguida escolha a opção “Carregar Ações”;<br />Selecione o Arquivo <strong>SbrushBox.at</strong>n e carregue-o!</p> <p><a href="http://superbrush.files.wordpress.com/2008/04/022.jpg"><img alt="" class="alignnone size-full wp-image-1379" src="http://superbrush.files.wordpress.com/2008/04/022.jpg" /></a></p> <p>Vamos as explicações;</p> <p>Estas ações, irão realizar o ajuste de perspectiva da caixa, poupado assim que você tenha que fazer todo o trabalho cada vez que fosse criar uma caixa;<br />Com apenas um clique a caixa ganhara o aspecto 3D;</p> <p>As camadas:</p> <p><a href="http://superbrush.files.wordpress.com/2008/04/032.jpg"><img alt="" class="alignnone size-full wp-image-1380" src="http://superbrush.files.wordpress.com/2008/04/032.jpg" /></a></p> <p><strong>1º Sombreado</strong> - Reflexão da Caixa<br /><strong>2º side</strong> - Parte lateral da caixa;<br /><strong>3º front</strong> - Parte frontal;<br /><strong>4º background </strong>- essa dispensa explicações!</p> <p>Não altere o nome das camadas;<br />utilize as medidas da camada “front” e “side” para criar sua própria caixa;</p> <p>Então, vamos ao trabalho;</p> <p>Pressione o botão para executar as ações;</p> <p><a href="http://superbrush.files.wordpress.com/2008/04/042.jpg"><img alt="" class="alignnone size-full wp-image-1380" src="http://superbrush.files.wordpress.com/2008/04/042.jpg" /></a></p> <p><a href="http://superbrush.files.wordpress.com/2008/04/052.jpg"><img alt="" class="alignnone size-full wp-image-1382" src="http://superbrush.files.wordpress.com/2008/04/052.jpg" /></a></p> <p>Vamos então, fazer a reflexão da nossa caixa;<br />Duplique a camada “front” com <strong>Ctrl + J;</strong></p> <p>Em seguida pressione <strong>Ctrl + T</strong>, clique com botão direito e escolha a opção <strong>“Virar verticalmente”<br /></strong><br /><<a href="http://superbrush.files.wordpress.com/2008/04/062.jpg"><img alt="" class="alignnone size-full wp-image-1383" height="357" src="http://superbrush.files.wordpress.com/2008/04/062.jpg" width="333" /></a></p> <p>Tecle <strong>V</strong> para selecionar a ferramenta <strong>Mover;</strong><br />Mantenha <strong>Ctrl</strong> pressionando e arraste para baixo, até o seu canto superior direito encostar no canto inferior direito da capa original;</p> <p><a href="http://superbrush.files.wordpress.com/2008/04/072.jpg"><img alt="" class="alignnone size-full wp-image-1384" src="http://superbrush.files.wordpress.com/2008/04/072.jpg" /></a></p> <p>Pressione novamente <strong>Ctrl + T</strong> para entrar o modo de transformação livre;<br />Clique com botão direito e escolha a opção: <strong>Distorcer;</strong></p> <p>Arraste o canto superior esquerdo até o canto inferior esquerda da capa original;</p> <p><a href="http://superbrush.files.wordpress.com/2008/04/081.jpg"><img alt="" class="alignnone size-medium wp-image-1385" src="http://superbrush.files.wordpress.com/2008/04/081.jpg" /></a></p> <p>Faça o mesmo com a parte lateral;</p> <p><a href="http://superbrush.files.wordpress.com/2008/04/092.jpg"><img alt="" class="alignnone size-full wp-image-1386" src="http://superbrush.files.wordpress.com/2008/04/092.jpg" /></a></p> <p><a href="http://superbrush.files.wordpress.com/2008/04/102.jpg"><img alt="" class="alignnone size-full wp-image-1387" height="347" src="http://superbrush.files.wordpress.com/2008/04/102.jpg" width="332" /></a></p> <p>Marque essas duas camadas como vinculadas, e depois pressione <strong>Ctrl + E</strong> para uni-las em uma só;</p> <p><a href="http://superbrush.files.wordpress.com/2008/04/114.jpg"><img alt="" class="alignnone size-full wp-image-1388" height="294" src="http://superbrush.files.wordpress.com/2008/04/114.jpg" width="256" /></a></p> <p>Mantena <strong>Ctrl</strong> pressionado e Clique sobre a camada para criar sua seleção;</p> <p>Depois vá em <strong>Camada>Nova Camada De Preenchimento>Degradê;<br /></strong><br /><a href="http://superbrush.files.wordpress.com/2008/04/122.jpg"><img alt="" class="alignnone size-full wp-image-1389" src="http://superbrush.files.wordpress.com/2008/04/122.jpg" /></a></p> <p><a href="http://superbrush.files.wordpress.com/2008/04/131.jpg"><img alt="" class="alignnone size-full wp-image-1390" src="http://superbrush.files.wordpress.com/2008/04/131.jpg" /></a></p> <p>Diminua a <strong>Opacidade</strong> da Camada que aplicamos o Degrade para <strong>65%;</strong></p> <p><a href="http://superbrush.files.wordpress.com/2008/04/14.jpg"><img alt="" class="alignnone size-medium wp-image-1391" src="http://superbrush.files.wordpress.com/2008/04/14.jpg" /></a></p> <p>Crie uma nova camada <strong>(Ctrl + Shift + N);</strong><br />Selecione a ferramenta <strong>Degradê (G):</strong><br />Configure a Degradê Desta forma;</p> <p><a href="http://superbrush.files.wordpress.com/2008/04/15.jpg"><img alt="" class="alignnone size-medium wp-image-1392" src="http://superbrush.files.wordpress.com/2008/04/15.jpg?w=400" /></a></p> <p>Aplique na imagem de baixa para cima, e diminua a Opacidade da camada para <strong>50 %;</strong></p> <p><a href="http://superbrush.files.wordpress.com/2008/04/16.jpg"><img alt="" class="alignnone size-full wp-image-1393" height="430" src="http://superbrush.files.wordpress.com/2008/04/16.jpg" width="419" /></a></p> <p>Podemos ainda simular uma sombra a caixa;<br />Crie uma nova camada, Com a ferramenta <strong>Laço Poligona (L)</strong>l ou qualquer outra que preferir crie uma seleção como esta;</p> <p><a href="http://superbrush.files.wordpress.com/2008/04/17.jpg"><img alt="" class="alignnone size-medium wp-image-1394" src="http://superbrush.files.wordpress.com/2008/04/17.jpg" /></a></p> <p>Preenchemos de preto e aplicamos Filtro>Desfoque>Desfoque Gaussiano: </p> <p><strong>Raio : </strong><em>13 </em>px;</p> <p><strong>Ctrl + T</strong> para redimensiona-la e deixa-la mais parecida com uma sombra;</p> <p><a href="http://superbrush.files.wordpress.com/2008/04/18.jpg"><img alt="" class="alignnone size-full wp-image-1395" src="http://superbrush.files.wordpress.com/2008/04/18.jpg" /></a></p> <p>Apague a parte sobreposta a caixa e esta pronta nossa caixa;</p> <p><a href="http://superbrush.files.wordpress.com/2008/04/19.jpg"><img alt="" class="alignnone size-full wp-image-1396" height="430" src="http://superbrush.files.wordpress.com/2008/04/19.jpg" width="419" /></a></p>