Caixas 3D II

8/9/2019 Caixas 3D II

1/4

FBIO PEREZ FUBUSMAN2 MERCADOLIVRE BRASIL

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

Todos os passos deste tutorial foram feitos no Photoshop 7.0 em Portugus. Abaixo esto algunsexemplos 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, precisoajustar a altura das duas imagens de modo que elas fiquem do mesmo tamanho - neste caso, 200 pixeColoque-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 daFigura 1, clique no boto correspondente ferramenta de seleo. Em seguida, clique com o botodireito do mouse em cima da figura e selecione a opo Transformao Livre. Clique novamente como boto direito do mouse em cima da figura e agora selecione Perspectiva, como na imagem abaixo:



2/4


4. Mantenha pressionada a tecla Alt e distora a figura proporcionalmente ao tamanho dela: no caso dnosso 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 aapresentado abaixo (1). Como pode-se notar, a caixa ainda est com uma perspectiva pouco definida eser 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. Mantenhapressionada a tecla shift e "encolha" a figura - conforme imagem 2.



3/4


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 diferenantida entre a lateral e a frente. Pra acrescentar a linha, cria-se uma camada especialmente para ela. Oresultado ser visto no passo 7.

7. Agora que a caixa est praticamente pronta, sero dados alguns retoques finais a ela: clique nacamada posicionada mais acima na janela das camadas e pressione CTRL + E. Este comando irmesclar as duas camadas (se a linha foi acrescentada, repetir CTRL + E uma segunda vez para juntar atrs 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 Opesde 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 umasombra em perspectiva dar essa idia ! Para faz-la, cria-se uma nova camada abaixo da camada dafigura. Em seguida, usando a ferramenta Lao poligonal, crie nesta nova camada uma seleo como ado modelo abaixo e em seguida preencha a seleo com a cor preta.



4/4


9. Para deixar a sombra mais real, selecione no menu Filtro > Desfoque > Desfoque Gaussiano. EmRaio, 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, pardar 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.


Caixas 3D II

Documents

Transcript of Caixas 3D II