Neste três partes tutorial, vamos criar uma brochura com três dobras para uma agência de viagens fictÃcia
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.
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
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:
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:
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.
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.
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.
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).
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:
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.
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!
Projetar um folheto com três dobras no InDesign e Photoshop, Parte 1
Projetar um folheto com três dobras no InDesign e Photoshop, Parte 2
Projetar um folheto com três dobras no InDesign e Photoshop, Parte 3
You must be logged in to comment.