Como fazer uma maquete de moletom preto no Photoshop

Neste tutorial do Photoshop, você aprenderá como criar uma maquete de moletom preto no Photoshop. Vou explicar tudo com tantos detalhes que todos podem aprender a criar maquetes 3D, mesmo aqueles que acabaram de abrir o Photoshop pela primeira vez.

Quer obter uma maquete de moletom imediatamente? Confira este ga-analytics#sendElementsClickEvent”>Mockup de capuz em ga-analytics#sendElementsClickEvent”>Envato Elements, onde você pode escolher entre vários modelos de produtos.

Interessado em um tutorial em vídeo? Siga este novo vídeo do canal Envato Tuts+ no YouTube para aprender a criar uma maquete 3D no Photoshop:

O que você aprenderá neste tutorial de maquete de capuz preto

  • Como criar uma maquete 3D no Photoshop
  • Como criar maquetes 3D
  • Como fazer um mockup de moletom preto
  • Como criar um mockup de moletom preto na frente e nas costas
  • Idéias de maquete de moletom

O que você precisará

Para recriar a maquete do moletom preto acima, você precisará dos seguintes recursos:

1. Como começar a criar um modelo de moletom preto

Nesta seção, vamos começar a criar a maquete do moletom. Primeiro, precisamos de um modelo 3D de moletom — usarei ga-analytics#sendElementsClickEvent”>Men’s Hoody Black from ga-analytics#sendElementsClickEvent”>Envato Elements.

baixando modelo 3dbaixando modelo 3dbaixando modelo 3d

2. Como criar uma perspectiva de maquete de capuz preto frontal

Passo 1

Nesta seção, vamos criar uma maquete de moletom preto da perspectiva frontal. Clique no Ver 360 Renderizar para ajustar a perspectiva para a frente, defina Baixar como para PSDe escolha Baixe este ângulo.

ajustando a perspectiva do modelo 3dajustando a perspectiva do modelo 3dajustando a perspectiva do modelo 3d

Passo 2

Agora temos nosso modelo 3D pronto. Vá para Arquivo > Abrirescolha o PSD arquivo que acabamos de baixar e clique em Abrir. Em seguida, esconda o Sombras camada.

removendo sombraremovendo sombraremovendo sombra

etapa 3

Selecione os Assunto [Flat] camada, defina a cor do primeiro plano para #ff0000escolha o Ferramenta Retângulo (U)clique dentro da tela e arraste para criar uma nova camada de forma retangular em um tamanho que cubra a frente do moletom.

criando uma nova camada de forma retangularcriando uma nova camada de forma retangularcriando uma nova camada de forma retangular

Passo 4

Agora pressione Controle-T no seu teclado para transformar esta camada, e defina o Largura e Altura para 125%.

camada transformadoracamada transformadoracamada transformadora

Passo 5

Clique com o botão direito nesta camada e escolha Converter para Objeto Inteligente. Então aperte Controle-T para transformar esta camada, e defina o Largura e Altura para 85%.

camada transformadoracamada transformadoracamada transformadora

Passo 6

Agora pressione Control-Alt-G para criar uma máscara de corte.

criando máscara de recortecriando máscara de recortecriando máscara de recorte

Passo 7

Imprensa Controle-T para transformar esta camada, Clique com o botão direito em qualquer lugar dentro da caixa de transformação e escolha Urdidura. Em seguida, distorça a camada como mostrado abaixo:

camada de deformaçãocamada de deformaçãocamada de deformação

Passo 8

Agora Duplo click nesta miniatura de camada e no arquivo recém-aberto, oculte o Retângulo 1 camada. Então vá para Arquivo > Lugar Incorporadoselecione a imagem no link e escolha Lugar. Em seguida, transforme e posicione o desenho como mostrado abaixo:

colocando design em objeto inteligentecolocando design em objeto inteligentecolocando design em objeto inteligente

Passo 9

Vá para Arquivo > Salvar para salvar as alterações e feche este arquivo. Em seguida, retorne ao arquivo de maquete, selecione o Retângulo 1 camada, altere o Modo de mesclagem desta camada para clareare nomeá-lo Projeto. Próximo, Clique com o botão direito nesta camada e escolha Amarelo para marcá-lo com uma cor amarela para que seja mais fácil de encontrar, pois é a camada principal da maquete.

colocando design sobre moletomcolocando design sobre moletomcolocando design sobre moletom

Passo 10

Agora precisamos colocar o desenho sobre o moletom para torná-lo mais realista, então precisamos criar um mapa de deslocamento. Vá para Imagem > Duplicar para duplicar este arquivo e, no arquivo recém-aberto, ocultar o Projeto camada e mostrar o Profundidade pasta. Em seguida, selecione o Moletom Masculino 2 Preto pasta e pressione Control-Alt-Shift-E no teclado para fazer uma captura de tela.

fazendo captura de telafazendo captura de telafazendo captura de tela

Passo 11

Vá para Filtro > Desfoque > Desfoque Gaussiano e definir o Raio para 5 px. Então vá para Imagem > Modo e mude o Modo para 8 bits/canal. Em seguida, vá para Arquivo > Salvar como para salvar o arquivo como PSDe feche-o.

adicionando filtro de desfoque gaussianoadicionando filtro de desfoque gaussianoadicionando filtro de desfoque gaussiano

Passo 12

Agora retorne ao arquivo de maquete, selecione o Projeto camada, vá para Filtro > Distorcer Deslocare defina o Horizontal e Escala Vertical para 25, Mapa de Deslocamento para Esticar para cabere Áreas Indefinidas para Repetir pixels de borda.

adicionando filtro de deslocamentoadicionando filtro de deslocamentoadicionando filtro de deslocamento

Passo 13

Vá para Camada > Máscara de camada > Revelar tudo para adicionar uma máscara de camada que revele toda a camada. Em seguida, defina a cor do primeiro plano para #000000escolha o Ferramenta Pincel (B)escolha um pincel macio e passe sobre as fitas do capuz para que o desenho não as cubra.

adicionando máscara de camadaadicionando máscara de camadaadicionando máscara de camada

Passo 14

Clique no ícone do link entre a miniatura da camada e a máscara para desvinculá-los. Em seguida, selecione a miniatura da camada, pressione Controle-T para transformar esta camada novamente, Clique com o botão direito em qualquer lugar dentro da caixa de transformação e escolha Urdidura. Em seguida, deforme a camada para fazer o design combinar com os contornos do moletom.

ajustando a dobraajustando a dobraajustando a dobra

3. Como criar uma perspectiva de maquete de moletom preto lateral

Passo 1

Nesta seção, vamos criar a maquete do moletom preto da perspectiva lateral. Clique no Ver 360 Renderizar para ajustar a perspectiva para o lado, defina Baixar como para PSDe escolha Baixe este ângulo.

ajustando a perspectiva do modelo 3dajustando a perspectiva do modelo 3dajustando a perspectiva do modelo 3d

Passo 2

Agora vá para Arquivo > Abrirescolha o PSD arquivo que acabamos de baixar e clique em Abrir. Em seguida, esconda o Sombras camada.

removendo sombraremovendo sombraremovendo sombra

etapa 3

Siga o mesmo processo que usamos para a perspectiva frontal para criar, posicionar e transformar a camada de objeto inteligente. No entanto, desta vez, ajuste o Urdidura para combinar com a perspectiva lateral.

camada de deformaçãocamada de deformaçãocamada de deformação

Passo 4

Agora coloque o design em um objeto inteligente, selecione o Retângulo 1 camada, altere o Modo de mesclagem desta camada para clareardiga Projetoe defina sua cor para Amarelo.

colocando design sobre moletomcolocando design sobre moletomcolocando design sobre moletom

Passo 5

Imprensa Controle-T no seu teclado, Clique com o botão direito em qualquer lugar dentro da caixa de transformação e escolha Urdidura. Em seguida, ajuste a urdidura para fazer com que o design corresponda aos contornos do moletom.

ajustando a dobraajustando a dobraajustando a dobra

Passo 6

Agora desloque o desenho com o mesmo método que usamos para a perspectiva frontal.

adicionando filtro de deslocamentoadicionando filtro de deslocamentoadicionando filtro de deslocamento

Passo 7

Vá para Camada > Máscara de camada > Revelar tudo para adicionar uma máscara de camada que revele toda a camada. Então. definir a cor do primeiro plano para #000000escolha o Ferramenta Pincel (B)escolha um pincel macio e pincele as fitas do capuz.

adicionando máscara de camadaadicionando máscara de camadaadicionando máscara de camada

Passo 8

Clique no ícone do link entre a miniatura da camada e a máscara para desvinculá-los. Em seguida, selecione a miniatura da camada, pressione Controle-T para transformar esta camada, Clique com o botão direito em qualquer lugar dentro da caixa de transformação e escolha Urdidura. Em seguida, ajuste a urdidura novamente, se necessário, para combinar perfeitamente com o design do moletom.

ajustando a dobraajustando a dobraajustando a dobra

Você conseguiu!

Parabéns, você conseguiu! Você aprendeu como criar uma maquete 3D no Photoshop (mais especificamente como criar uma maquete de moletom preto) e como criar maquetes 3D em geral. Desta vez, criamos vistas frontais e laterais, mas, dessa forma, você também pode criar uma maquete de moletom preto com vista frontal e traseira e muito mais. Aqui está o nosso resultado final:

resultado finalresultado finalresultado final

Você quer economizar tempo com uma maquete pronta? Confira este ga-analytics#sendElementsClickEvent”>Mockup de capuz em ga-analytics#sendElementsClickEvent”>Envato Elements, onde você pode encontrar milhares de modelos incríveis!

ga-analytics#sendElementsClickEvent”>maquete de moletommaquete de moletommaquete de moletom

5 exemplos de maquetes de moletom da Envato Elements

Quer ver mais maquetes de moletom? Confira esta lista de modelos de ga-analytics#sendElementsClickEvent”>Envato Elements.

ga-analytics#sendElementsClickEvent”>Mockup Mockup Front View (PSD)

ga-analytics#sendElementsClickEvent”>vista frontal de maquete de capuzvista frontal de maquete de capuzvista frontal de maquete de capuz

Basta arrastar e soltar seu design em um objeto inteligente e você estará pronto para usar esta maquete. O moletom é altamente detalhado e você pode mudar as cores.

ga-analytics#sendElementsClickEvent”>Mockup de moletom com capuz de um menino sorridente (PSD)

ga-analytics#sendElementsClickEvent”>maquete de moletom com capuz de um menino sorridentemaquete de moletom com capuz de um menino sorridentemaquete de moletom com capuz de um menino sorridente

Com esta maquete, você não só pode adicionar o desenho à frente do moletom, mas também pode adicioná-lo às mangas.

ga-analytics#sendElementsClickEvent”>Modelos de capuz (PSD)

ga-analytics#sendElementsClickEvent”>maquetes de moletommaquetes de moletommaquetes de moletom

Confira esta maquete de capuz realista e limpa. Você pode substituir o design de forma rápida e fácil usando o objeto inteligente.

ga-analytics#sendElementsClickEvent”>Modelo de Moletom (PSD)

ga-analytics#sendElementsClickEvent”>maquete de moletommaquete de moletommaquete de moletom

Aqui temos outra maquete de moletom para apresentar seus designs. As camadas são bem organizadas e você pode alterar a cor do plano de fundo.

ga-analytics#sendElementsClickEvent”>Modelo de Moletom (PSD)

ga-analytics#sendElementsClickEvent”>maquete de moletommaquete de moletommaquete de moletom

Apresente o design do seu moletom da maneira certa usando este conjunto de maquete de moletom preto. Não há apenas visualizações de frente e verso de maquetes de moletom com capuz preto, mas também dez variações de maquete de moletom com capuz. As maquetes são totalmente em camadas e personalizáveis, para que você possa alterar/remover o plano de fundo, alterar a cor de qualquer parte do moletom e ajustar as sombras e reflexos.

Descubra mais tutoriais e recursos incríveis

Você gostou deste tutorial de Photoshop de maquete de capuz preto? Então você também pode gostar destes recursos:

[ad_2]

Deixe uma resposta