Como criar uma caixa 3D no Photoshop (com imagens)

Índice:

Como criar uma caixa 3D no Photoshop (com imagens)
Como criar uma caixa 3D no Photoshop (com imagens)
Anonim

Pensar fora da caixa! Aprenda como criar uma caixa tridimensional usando Adobe Photoshop seguindo este tutorial passo a passo.

Passos

Crie uma caixa 3D no Photoshop Etapa 1
Crie uma caixa 3D no Photoshop Etapa 1

Etapa 1. Crie um novo documento

Para isso, acesse o arquivo e selecione “Novo” ou Ctrl + N. Em seguida, crie um novo documento com largura e altura de 1500x1500 pixels.

Crie uma caixa 3D no Photoshop Etapa 2
Crie uma caixa 3D no Photoshop Etapa 2

Etapa 2. Crie um quadrado usando a ferramenta Retângulo

Preencha-o com a cor: # bf9271.

Crie uma caixa 3D no Photoshop Etapa 3
Crie uma caixa 3D no Photoshop Etapa 3

Etapa 3. Edite a forma usando a ferramenta de seleção direta

Edite a forma e incline-a para cima em seu lado esquerdo.

Crie uma caixa 3D no Photoshop Etapa 4
Crie uma caixa 3D no Photoshop Etapa 4

Etapa 4. Copie a camada e vire-a horizontalmente

Para inverter, vá em Edit> Free Transform ou pressione Ctrl + T no teclado para abrir o Free Transform.

Crie uma caixa 3D no Photoshop Etapa 5
Crie uma caixa 3D no Photoshop Etapa 5

Etapa 5. Renomeie as camadas

Isso pode ser o que você desejar; o objetivo desta etapa é ajudá-lo a lembrar qual é qual. Também mova a imagem para baixo para ter espaço para a próxima etapa.

Crie uma caixa 3D no Photoshop Etapa 6
Crie uma caixa 3D no Photoshop Etapa 6

Etapa 6. Comece a desenhar o interior da caixa

Para criar o interior, simplesmente copie as duas primeiras camadas e vire-as verticalmente. Mude suas cores para um marrom mais escuro (use a cor: # b07d5b.)

Crie uma caixa 3D no Photoshop Etapa 7
Crie uma caixa 3D no Photoshop Etapa 7

Etapa 7. Desenhe as abas da caixa

Desenhe a primeira aba criando um retângulo ao longo da borda diagonal da caixa da caixa. Em seguida, preencha a forma com uma cor marrom mais clara (use a cor: # cfa98d).

Crie uma caixa 3D no Photoshop Etapa 8
Crie uma caixa 3D no Photoshop Etapa 8

Etapa 8. Repita para a segunda aba

Desta vez, porém, preencha com a mesma cor marrom usada na caixa.

Crie uma caixa 3D no Photoshop Etapa 9
Crie uma caixa 3D no Photoshop Etapa 9

Etapa 9. Termine a caixa desenhando o resto das abas

Pinte as duas últimas abas e preencha-as com a mesma cor usada na primeira aba.

Crie uma caixa 3D no Photoshop Etapa 10
Crie uma caixa 3D no Photoshop Etapa 10

Etapa 10. Agrupe camadas para organizar seu trabalho e antes de prosseguir para a próxima etapa

Faça isso selecionando as camadas que deseja agrupar e indo para Camada> Agrupar camadas ou digitando Ctrl + G.

Crie uma caixa 3D no Photoshop Etapa 11
Crie uma caixa 3D no Photoshop Etapa 11

Etapa 11. Adicione sombras para um efeito 3D

Faça isso adicionando uma sobreposição de gradiente nas opções de mesclagem de cada camada. Você pode tentar suas próprias combinações ou também seguir os detalhes abaixo na sobreposição de gradiente para cada camada:

  1. 1: Modo de mistura: Multiplicar; Opacidade: 44%; Gradiente: reverso; Estilo: Linear, Alinhar com Camada; Ângulo: 90o; Escala: 100%
  2. 2: Modo de mistura: Multiplicar; Opacidade: 44%; Gradiente: reverso; Estilo: Linear, Alinhar com Camada; Ângulo: 147o; Escala: 100%
  3. 1 cópia: Modo de mesclagem: Multiplicar; Opacidade: 44%; Gradiente: reverso; Estilo: Linear, Alinhar com Camada; Ângulo: -90o; Escala: 90%
  4. 2 Copiar: Modo de mesclagem: Multiplicar; Opacidade: 54%; Gradiente: Desmarque Reverse; Estilo: Linear, Alinhar com Camada; Ângulo: 133o; Escala: 100%

    Crie uma caixa 3D no Photoshop Etapa 12
    Crie uma caixa 3D no Photoshop Etapa 12

    Etapa 12. Em seguida, para as abas, aplique primeiro uma sobreposição de gradiente preto em uma das abas

    Aqui estão também os detalhes da sobreposição de gradiente:

    Modo de mistura: Multiply; Opacidade: 44%; Gradiente: Desmarque Reverse; Estilo: Linear, Alinhar com Camada; Ângulo: 90o; Escala: 100%

    Crie uma caixa 3D no Photoshop Etapa 13
    Crie uma caixa 3D no Photoshop Etapa 13

    Etapa 13. Crie uma nova camada

    Aplique um gradiente branco transparente no topo das abas restantes.

    Crie uma caixa 3D no Photoshop Etapa 14
    Crie uma caixa 3D no Photoshop Etapa 14

    Etapa 14. Adicione um destaque ou um pequeno espaço em branco no topo de uma aba frontal esquerda

    Para criar o espaço em branco, desenhe um pequeno retângulo no topo da aba usando a ferramenta caneta. Em seguida, vá para a janela de caminhos e clique com a tecla Ctrl pressionada no caminho para que as formigas em marcha apareçam ou para fazer a seleção. Adicione uma nova camada e preencha a seleção com branco.

    Certifique-se de que, ao usar a ferramenta caneta, você clicou no caminho e não nas camadas de forma para poder desenhar caminhos

    Crie uma caixa 3D no Photoshop Etapa 15
    Crie uma caixa 3D no Photoshop Etapa 15

    Etapa 15. Mova a camada anterior sob a camada de aba

    Crie uma caixa 3D no Photoshop Etapa 16
    Crie uma caixa 3D no Photoshop Etapa 16

    Etapa 16. Novamente usando a ferramenta caneta, desenhe pequenos retângulos nas abas de sua caixa para ilustrar as 3 dimensões das abas da caixa

    Adicione uma nova camada e clique com a tecla Ctrl pressionada em seus caminhos para fazer a seleção. Em seguida, preencha a seleção com uma cor marrom escura e mova a camada abaixo das abas.

    Crie uma caixa 3D no Photoshop Etapa 17
    Crie uma caixa 3D no Photoshop Etapa 17

    Etapa 17. Crie a sombra da caixa

    Crie a sombra criando uma nova camada e aplicando um gradiente transparente preto na camada. A sombra também deve estar localizada no lado direito da caixa.

    Crie uma caixa 3D no Photoshop Etapa 18
    Crie uma caixa 3D no Photoshop Etapa 18

    Etapa 18. Adicione um plano de fundo

    Para criar o fundo, adicione uma nova camada e preencha com uma cor escura ou use a cor: # 61351d

Recomendado: