Criando Uma Caixa 3d

Tutorial – 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;

Espero que tenha gostado;
Até a próxima;

15 Respostas para “Criando Uma Caixa 3d”

  1. Criando uma Caixa 3D « Tutoriais De Photoshop Disse:

    [...] >> Tutorial [...]

  2. Márcio Guerra Disse:

    Bom tutorial. Apesar de estar muito em voga essa aplicação do reflexo na parte de baixo, obrigado, apesar de achar que não o vou fazer, por partilhar esse seu conhecimento com quem vê isto, como eu.
    Sou estudante de design de comunicação, sei algumas coisitas também sobre photoshop, fica aí o meu mail nos dados do post, se algum dia precisar de algo, apite! Estou a fazer um portfolio para uma cadeira do meu curso, de último ano, em estando pronto, caso queira, diga qualquer coisa, e, se gostar, poderei sem dúvida partilhar o que lá fiz.
    Bom blog. Gostei das explicações do MEME.

    Márcio Guerra

  3. Andre Maia Disse:

    Olá Márcio,

    Obrigado pelo comentário sobre o tutorial!

    Eu gosto de compartilhar, pois só assim iremos aprender mais!

    Eu gostaria de ver seu portfólio quando ficar pronto!

    :D

    Abraço, André
    ——————–

  4. newsworlds Disse:

    Sou novato e não sei muito! Me da uma força, esse tutorial serve para CS3 também? Como instala esse arquivo SbrushBox.atn?

    Show esse blog viu!

  5. Andre Maia Disse:

    Olá newsworlds;

    vale para todas as versões!

    Para instalar: (Janela>Ações>)

    Na janela de ações, clique sobre a seta a direita e escolha a opção (Carregar Ações);

    Abraço;

  6. Tutorial: Como criar uma caixa 3D no Photoshop « Dica Diária Disse:

    [...] Veja o tutorial > [...]

  7. Tutorial: Como criar uma caixa 3D no Photoshop Disse:

    [...] Veja o tutorial > [...]

  8. Tutorial: Como criar uma caixa 3D no Photoshop Disse:

    [...] Veja o tutorial > addthis_url = ‘http%3A%2F%2Fficaadica.co.cc%2F2008%2F05%2F22%2Ftutorial-como-criar-uma-caixa-3d-no-photoshop%2F’; addthis_title = ‘Tutorial%3A+Como+criar+uma+caixa+3D+no+Photoshop’; addthis_pub = ”; [...]

  9. Andrei Disse:

    Olá André primeiramente quero te dizer que acho muito legal voce compatilhar o que sabe e te agradeço muito pelos OTIMOS tutoriais =D

    E queria te pedir por favor se voce nao pode colocar um link novo pra baixar o BoxKit.zip o link nao ta funcionando e gostei desse tutorial queria muito faze-lo mas nao consigo fazer o download “/

    Obrigado
    Abraço

  10. waessman Disse:

    Eu também não consegui baixar o BoxKit…
    Alguém poderia ajudar?

    Obrigado

  11. Davy Disse:

    o link do Box Kit ta quebradoooooo
    tem como reupar ?
    vlw

  12. Eliandro Disse:

    Olá! parabéns pelo tutorial mas não consegui baixar o aplicativo.

    se poder me enviar por e-mail eu agradeço.

  13. mauricio ferraz Disse:

    muito bom este tutorial, usarei este novo conhecimente…
    Um forte abraço
    Mauricio ferraz

  14. Rafael Volles Disse:

    Olá eu tenho um Kit que você só precisa fazer até o passo de dar play… o resto de sombra tudo o action faz sozinho.. detalhe nesse kit contem BOX, Box Grande, Caixa de DVD, CD, Cartão de Visita, revista, capa de caderno, etc.. muito intereçante quem quiser pode me enviar um e-mail solicitando esse kit…

    Vlw

  15. Rafael Volles Disse:

    Esqueci rafael.volles@gmail.com

Deixe uma resposta