Design

Tutorial Ilustração de Moda: como criar um mockup passo a passo

Aprenda o que é e como fazer um mockup no Adobe Photoshop para apresentar seus projetos com Robert Tirado

Ao entrar no mundo do design editorial, é importante saber como as ilustrações ou fotografias ficarão no produto final. As duas imagens que quero colocar na mesma página ficarão bem juntas? Esta capa funciona? Para facilitar nosso trabalho antes de imprimir qualquer coisa, existem os mockups de design.

No tutorial em vídeo a seguir, o ilustrador, diretor de arte e designer gráfico Robert Tirado (@roberttirado) nos ensina a usar mockups de design editorial para poder verificar como nossas ilustrações funcionam acompanhadas de outros elementos. Descubra abaixo:

O que é mockup?

Um mockup é, essencialmente, uma maquete de design que nos ajudará a contextualizar nossas ilustrações ou fotografias no contexto de uma revista ou qualquer outra publicação. Conseguir mockups na internet é muito simples, e lembre-se de que nem sempre estão vinculados ao mundo editorial: também existem os de camisetas, por exemplo, ou de outros designs nos quais possamos incluir uma foto ou ilustração.

Assim que encontrar um mockup do seu interesse, basta fazer o download e abri-lo no Adobe Photoshop. Assim que estivermos na interface do software e tivermos o mockup visível, poderemos continuar o processo.

Você pode fazer o download de mockups em diferentes sites
Você pode fazer o download de mockups em diferentes sites

Criando uma capa com nossa ilustração

Geralmente, os mockups vêm em formato .psd e estão organizados em camadas para torná-los mais fáceis de manipular. Para começar a ver como ficam suas ilustrações, basta abrir uma delas no Photoshop e salvá-la como .jpg e em 2000px.

Assim fica um mockup que acaba de ser importado no Photoshop
Assim fica um mockup que acaba de ser importado no Photoshop

Depois de salvá-la em .jpg, arraste-a para a camada do mockup em que deseja incluí-la. Por exemplo, se quiser testar a capa, clique em sua miniatura no menu de camadas do lado direito da interface do Photoshop para abrir o menu dedicado somente à capa. Arraste sua ilustração aqui e ajuste-a ao tamanho e design da capa.

Se, por exemplo, quiser que o logotipo da revista permaneça na capa teste, um bom método é selecioná-lo e, em seguida, aplicar uma máscara de camada para ficar apenas a parte selecionada. Depois de fazer isso, você só precisa fechar a janela da capa e salvar as alterações.

Ajuste sua ilustração à capa
Ajuste sua ilustração à capa
O mockup permite ver como a capa ficaria na publicação impressa
O mockup permite ver como a capa ficaria na publicação impressa

Trabalhando as páginas internas

Por meio do processo que detalhamos, você pode continuar testando como suas ilustrações ou fotos ficariam na publicação. Agora você pode ir para as páginas internas e continuar colocando a imagem onde mais preferir.

Você também pode adicionar traços com pincéis texturizados de seu interesse ou outros detalhes mais específicos de suas ilustrações ou fotos. Assim, você pode ver como as diferentes imagens ficam combinadas nas páginas.

Também permite verificar o aspecto das páginas internas da publicação
Também permite verificar o aspecto das páginas internas da publicação

Imprimindo suas imagens

Se quiser imprimir suas imagens para ver como ficariam, é aconselhável alterar o Modo de Cor para CMYK, na barra de ferramentas superior, e salvá-las no formato .TIF no menu Salvar.

Gostou deste tutorial? Lembre-se de que pode aprender com Robert Tirado a combinar técnicas manuais e digitais para criar uma ilustração de tendência. Confira seu curso online: "Ilustração de moda: da passarela ao papel".

Você também pode se interessar por:

- Restauração e customização de tênis, um curso de Juan Pablo Bello (MYSNKRS Customs)
- Desenho analógico e digital de padrões, um curso de Juan Díaz-Faes
- Criação de marca com seus próprios patterns, um curso de Ana Blooms

Ver cursos recomendados

Canva do começo ao fim: crie designs profissionais. Curso de Design por Clàudia Cánovas

Canva do começo ao fim: crie designs profissionais

Um curso de Clàudia Cánovas

Aprenda a usar o Canva de forma detalhada e pratique criando seu próprio guia de estilo e um site completo

  • 107,493
  • 96% (1.6K)
98% Desc.
Preço original $49.99USD
Comprar $0.99USD
Especialização em Design Gráfico e Comunicação Visual. Curso de Design por Domestika
Domestika Specialization · 18h

Especialização em Design Gráfico e Comunicação Visual

Uma especialização de vários professores

Mestrado em Design Gráfico: Domine cor, composição e percepção visual para criar identidades visuais impactantes e coerentes.

  • 10,368
  • 100% (133)
GRÁTIS COM PLUS
95% Desc.
Preço original $129.99USD
Comprar $5.99USD
Design de feed para Instagram com Canva. Curso de Design por Isabel Gil Loef

Design de feed para Instagram com Canva

Um curso de Isabel Gil Loef

Aprenda a criar o design de modelos para o Instagram que facilitarão a produção de um conteúdo original, impactante e homogêneo

  • 69,065
  • 98% (1.4K)
98% Desc.
Preço original $49.99USD
Comprar $0.99USD
0 comentários