All Articles Photoshop
Projetar um folheto com três dobras no InDesign e Photoshop, Parte 3
Martin Perhiniak on Wed, May 29th 0 comments
Continuing from Part 2 in this 3-part InDesign and Photoshop tutorial, Martin Perhiniak shows you how to create a beautiful trifold brochure and hone your design ninja skills.

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

Bali brochure


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

Pic 1


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

Pic 2


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

Pic 3


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

Pic 4


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:

Pic 5


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.

Pic 6


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.

Pic 7


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

Pic 8


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

Pic 9


Pic 10


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:

Pic 11


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:

Pic 12


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:

Pic 13


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

Pic 14


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

Related Videos
Comments (0)

You must be logged in to comment.

Working With Images
InDesign CC & CS6 105
Dream It. Do It.
Do you want to learn Working With Images?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: