Confeco de caixas 3D no Photoshop

As caixas 3D so usadas em vrios sites (especialmente os de vendas online) como uma maneira bonita de desmonstrar o produto que ali est exposto. Apesar de serem extremamente simples de fazer, as caixas ficam com uma aparncia muito bonita, parecendo uma foto ...
03/06/03h

As caixas 3D so usadas em vrios sites (especialmente os de vendas online) como uma maneira bonita de desmonstrar o produto que ali est exposto. Apesar de serem extremamente simples de fazer, as caixas ficam com uma aparncia muito bonita, parecendo uma foto. Todos os passos deste tutorial foram feitos no Photoshop 7.0 em Portugus. Abaixo esto alguns exemplos encontrados em diversos locais da internet de caixas 3D:

Agora ser construda uma caixa 3D utilizando duas imagens planas: uma para a lateral e outra frontal. Neste exemplo faremos uma caixa do BABOO :) ... 1. Abra um novo arquivo de 400 x 400 pixels com fundo branco. 2. Selecione as duas imagens que iro compor a caixa: antes de inseri-las neste novo arquivo, preciso ajustar a altura das duas imagens de modo que elas fiquem do mesmo tamanho neste caso, 200 pixels. Coloque-as lado a lado no mesmo arquivo em duas camadas (layers) diferentes.

3. A partir de agora a figura frontal ser chamada de Figura 1 e a lateral de Figura 2. Na camada da Figura 1, clique no boto correspondente ferramenta de seleo. Em seguida, clique com o boto direito do mouse em cima da figura e selecione a opo Transformao

Livre. Clique novamente com o boto direito do mouse em cima da figura e agora selecione Perspectiva, como na imagem abaixo:

4. Mantenha pressionada a tecla Alt e distora a figura proporcionalmente ao tamanho dela: no caso do nosso exemplo, a distoro deve ficar semelhante mostrada abaixo.

5. Para a Figura 2, preciso fazer o mesmo que foi feito na Figura 1 e o resultado ser semelhante ao apresentado abaixo (1). Como pode-se notar, a caixa ainda est com uma perspectiva pouco definida e ser preciso diminuir um pouco a largura de cada parte. Para tanto (fazer os passos a seguir na figura 1 e na figura 2), usando novamente a ferramenta de seleo, clique com o boto direito do mouse na imagem e selecione Transformao Livre. Mantenha pressionada a tecla shifte "encolha" a figura - conforme imagem 2.

6. Como a imagem que est sendo utilizada tem como parte lateral uma continuao da parte frontal, convm acrescentar uma linha preta e fina no eixo que une as duas partes para que haja uma diferena ntida entre a lateral e a frente. Pra acrescentar a linha, cria-se uma camada especialmente para ela. O resultado ser visto no passo 7. 7. Agora que a caixa est praticamente pronta, sero dados alguns retoques finais a ela: clique na camada posicionada mais acima na janela das camadas e pressione CTRL + E. Este comando ir mesclar as duas camadas (se a linha foi acrescentada, repetir CTRL + E uma segunda vez para juntar as trs camadas) existentes em uma nica. Aps junt-las, uma sombra ser colocada na caixa. Clique com o boto direito do mouse em cima da camada que contm a imagem e depois em Opes de Mesclagem. Clique na opo Sombra Projetada e use as configuraes abaixo.

8. Com a caixa pronta, sero acrescentados alguns detalhes externos para deix-la mais real e uma sombra em perspectiva dar essa idia ! Para faz-la, cria-se uma nova camada abaixo da camada da figura. Em seguida, usando a ferramenta Lao poligonal, crie nesta nova camada uma seleo como a do modelo abaixo e em seguida preencha a seleo com a cor preta.

9. Para deixar a sombra mais real, selecione no menu Filtro > Desfoque > Desfoque Gaussiano. Em Raio, digite 5 e clique em OK. Finalmente, reduza a opacidade da camada para 80%. A imagem final ficar conforme abaixo. Ns poderamos aplicar efeitos de iluminao, reflexo, etc, para dar um acabamento final a caixa, mas mesmo sem os efeitos, j fica bastante bonita e bem acabada. No exemplo abaixo, foi acrescentada uma borda em torno de toda caixa.