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.



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.



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.



etapa 3
Selecione os Assunto [Flat] camada, defina a cor do primeiro plano para #ff0000
escolha 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.



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



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%.



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



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:



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:



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.



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.



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.



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.



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 #000000
escolha o Ferramenta Pincel (B)escolha um pincel macio e passe sobre as fitas do capuz para que o desenho não as cubra.



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.
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.



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



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.



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.



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.



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



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 #000000
escolha o Ferramenta Pincel (B)escolha um pincel macio e pincele as fitas do capuz.



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.



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:



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!



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)
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)
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)
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)
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)
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: