Neste três partes tutorial, vamos criar uma brochura com três dobras para uma agência de viagens fictícia

Passo 1 - JPEGs Exportadores de InDesign

Primeiro de tudo, precisamos obter as dobras da brochura salvo fora do InDesign para que possamos trabalhar com eles no Photoshop. O plano é mostrar as dobras no interior e na frente do folheto no mockup por isso só terá de exportar essas páginas. Se você seguiu as duas partes anteriores deste tutorial, então você pode abrir o arquivo do InDesign e vá em Arquivo

Você pode especificar as páginas da seção intervalo que você deseja salvar para fora. É importante definir Pages em vez dos spreads na caixa de diálogo Exportar.

Passo 2 - Carregar arquivos em camadas do Photoshop

Agora que temos as dobras exportados, podemos ir até a pasta onde os arquivos estão em Bridge. Uma vez que você selecionou todas as quatro dobras (frente e três dobras dentro) você pode escolher Tools

Passo 3 - Ampliando a tela para a maquete

Agora que estamos em Photoshop, temos que preparar a tela para ser capaz de encaixar tudo corretamente. No momento, a tela é do mesmo tamanho que uma dobra. Temos que escolher Imagem

Esta é a forma como o documento será parecido com essas mudanças:

Passo 4 - Criando a camada de fundo

Para fazer a maquete olhar realista, precisamos de um belo fundo gradiente. Primeiro de tudo, precisamos criar uma camada vazia e coloque-o na parte inferior da estrutura de camadas. Em seguida, precisamos dar um duplo clique sobre ele e adicionar um estilo de camada Gradient Overlay com as seguintes configurações:

Passo 5 - Organizando as dobras

Antes de começar a trabalhar com as dobras, temos que ter certeza que eles são organizados. O melhor é manter os três dobras dentro em conjunto e passar a dobra frente separadamente no lado por agora.

Passo 6 - Criação de objetos inteligentes

Antes de iniciar qualquer redimensionamento das pregas, seria sábio para transformar cada camada separadamente em objetos inteligentes. A vantagem de fazer isso é que nós não vamos perder a qualidade das imagens, enquanto redimensionando-as. Para fazer isso, basta botão direito do mouse sobre a camada e escolha Convert to Smart Object. Repita este passo para todas as camadas da prega.

Passo 7 - Adicionando perspectiva de dobras

Esta é provavelmente a parte mais difícil do tutorial, pois precisa de alguma prática e compreensão da perspectiva. O que você precisa fazer antes de tudo é para selecionar as camadas com as dobras dentro e escolha Editar

Quando estiver pronto basta pressionar Enter para aceitar as alterações.

Passo 8 - Rodar as dobras

Usando a mesma técnica, podemos adicionar mais profundidade para as dobras, distorcendo-os ligeiramente para cima. Certifique-se de que, nesse caso você use Free Transform separadamente na dobra interna do lado esquerdo e direito. Além disso, tente alinhar todos os elementos que se sobrepõem entre as pregas (como o retângulo azul no meu design).

Passo 9 - Adicionando sombras

Para fazer a maquete mais realista que também precisa criar sombras. A maneira mais fácil de fazer isso é adicionar uma camada de sombra estilo gota para as camadas. Você pode usar as seguintes configurações:

Você pode adicionar o efeito de um só rebanho e, em seguida, Alt / Option arraste o ícone fx à direita do nome da camada para as outras duas camadas para copiar os efeitos ou você pode fazê-lo da maneira mais fácil, colocando as camadas em um grupo e adicionando o efeito para o grupo. Você só pode fazer isso se você tiver Photoshop CS6 ou posterior.

O que você tem a fazer é selecionar todas as três camadas e pressione Command / Control-G para combiná-los em um grupo de camadas e, em seguida, clique duas vezes no ícone do grupo para adicionar o efeito. Você pode usar as mesmas configurações acima, mas neste caso sua estrutura de camadas será parecido com este:

Passo 10 - Adição de sombreamento sobre as dobras

Não é o suficiente para ter sombras de uma maquete realista, precisamos também de sombreamento nas próprias dobras. Para isso, a melhor técnica é adicionar Gradient Overlay camada estilo nas pregas. Neste caso, pode ser mais fácil de controlar o efeito se aplica separadamente para cada camada vezes. Eu usei as seguintes configurações para a dobra à esquerda:

Você pode repetir esta etapa para as outras dobras.

Passo 11 - Posicionamento e aplicação de efeitos para a dobra da frente

Por último, mas não menos importante, você pode adicionar a dobra da frente e aplicar os mesmos efeitos a ele (distorção, sombra e sombreamento).

A grande vantagem desta maquete é que você pode facilmente atualizá-lo se você salvá-lo como um arquivo PSD. Da próxima vez, quando você criar um folheto com o mesmo ou muito semelhante tamanho que você pode apenas clicar duas vezes sobre o Objeto Inteligente camadas miniaturas no painel Layers e substituir as imagens com o novo design. Uma vez que você salvar esses documentos incorporados (fontes dos Smart Objects), você verá que a sua maquete será atualizado com as novas dobras.

Espero que você tenha gostado desta série de tutoriais e você aprendeu algumas técnicas novas com ele. Boa sorte com seus projetos futuros brochura!