All Articles Photoshop
Projetar um folheto com três dobras no InDesign e Photoshop, Parte 1
Martin Perhiniak on Mon, May 27th 1 comments
Become an InDesign and Photoshop ninja with this 3-part tutorial by Martin Perhiniak that shows you how to create a beautiful trifold brochure. Watch out for Part 2 tomorrow.

Neste três partes tutorial, vamos criar uma brochura com três dobras para uma agência de viagens fictícia especializada em excursões para a bela ilha de Bali. Na primeira parte do tutorial, vamos focar no título do projeto, que será criado no Photoshop usando uma de minhas fotos que eu tomei de um mosteiro de Bali. Na segunda parte, vamos incorporar este projeto título para o nosso projeto do folheto em InDesign, e na terceira parte vamos criar um 3d olhando mock-up em Photoshop que será parecido com este:

Bali brochure


Primeiro de tudo, temos de nos concentrar no design título, que será parecido com este:

Bali title


Passo 1 - Abrindo a foto no Photoshop

Você pode baixar a minha foto abaixo para acompanhar o tutorial:

Bali


Uma vez que você fez o download, seria aconselhável criar uma pasta de projeto e crie uma pasta dentro dela chamada Links. Isso será útil quando começamos a trabalhar com o InDesign como vamos precisar de vincular a imagem e é importante mantê-los organizados.

Depois de ter tudo no lugar, você pode abrir a foto no Photoshop, onde vamos criar o design título dele.


Passo 2 - Adicione o texto para o Projeto do título

Primeiro de tudo temos de acrescentar o texto para nosso projeto de título. Selecione a ferramenta Texto e clique em qualquer lugar da foto. Isto irá criar automaticamente uma nova camada acima da camada Tipo fotos. Você pode digitar bali com todos os caracteres minúsculos e, em seguida, selecionar a palavra inteira e pressione Control / Command-Shift-K para transformá-los em todos os Capitals. Esta é a melhor maneira de usar todas as letras maiúsculas, porque com o mesmo atalho de teclado que você pode sempre ligá-lo novamente para minúsculas sem reescrevê-lo. Usei fonte de impacto para o texto e preto como cor de primeiro plano durante a digitação.

Pic 1


Passo 3 - Posição e texto redimensionamento

Você sempre pode redimensionar o texto facilmente com a ferramenta Free Transform (Command / Control-T) e reposicionar com a ferramenta Mover. Você vai ter que movê-lo mais ou menos no meio da imagem, ajustando a parte superior do texto para os telhados altos do mosteiro. Você pode usar o kerning para ajustar horizontalmente os caracteres (Alt / Option-setas esquerda / direita, enquanto o cursor está ativo entre dois personagens). É assim que eu coloquei o meu texto e eu também recolorido para branco, por isso é mais fácil de vê-lo na imagem (a cor não será visível no final, por isso não é necessário alterá-lo):

Pic 2


Passo 4 - Recorte a imagem sobre o texto

Para ser capaz de usar o texto como um recipiente para a imagem que você precisa para criar uma máscara de corte. Você precisa duplicar a camada da foto (selecione-o e pressione Command / Control-J) e coloque-o em cima da camada de texto e, em seguida, tendo a camada da foto no topo imprensa selecionado Command / Control-Option / Alt-G. Isto irá cortar a foto no topo do texto, o que significa que a imagem só será visível dentro do texto. Para ser capaz de ver esse efeito, você terá que apagar a outra versão da camada na parte inferior da estrutura de camadas. Isto é o que você deve ver:

Pic 3


Passo 5 - Criação de um fundo branco

Para ser capaz de ver nosso projeto adequadamente vamos criar uma camada de fundo branco. Para isso, você tem que ter certeza de que nenhuma das camadas estão definidas para ser uma camada de fundo. Porque nós excluída a camada foto original na etapa anterior, você deve ter duas camadas normais e veja a transparência no fundo. Você pode criar rapidamente uma camada de fundo branco, selecionando a camada de fundo e segure a tecla Command / Control enquanto clica no ícone de nova camada na parte inferior do painel Layers. Uma vez que a nova camada foi criada, você pode selecioná-lo e pressione D primeiro a definir as amostras de volta ao padrão (preto e branco) e pressione Command / Control + Backspace para preencher a camada selecionada com branco (Preencher com fundo amostra de cor) .

Pic 4


Passo 6 - Adicionando os telhados para o texto

Para esta etapa, vamos precisar de um outro duplicado da camada de foto (selecione-o e pressione Command / Control-J). Fazendo o duplicado vai mostrar mais uma vez toda a imagem. Agora podemos usar a ferramenta Seleção rápida (W é o atalho de teclado para ele e com a seta vermelha mostra-o na barra de ferramentas na imagem abaixo) e desenhar sobre o céu até que todo o céu azul é selecionado. Tente também selecionar as árvores verdes entre as torres, como este:

Pic 5


A maneira que eu poderia mostrar as partes não selecionados em vermelho é usando o modo Quick Mask. Para ativá-lo, você pode pressionar Q e pressionando Q novamente para voltar para o modo de seleção normal. Você também pode clicar no ícone circundado na parte inferior da barra de ferramentas. Quando a seleção estiver pronto, você pode clicar no ícone da máscara na parte inferior do painel Layers para ativar sua seleção em uma camada de máscara. Primeiro, ele vai ficar bem, porque temos de inverter a máscara para mostrar os edifícios e não o céu. Por isso tudo que você precisa fazer é pressionar Command / Control-I (ajuste Inverter as cores, que irá inverter as cores da máscara). Você deve ser capaz de ver este resultado:

Pic 6


Nós ainda não estão prontos, porque embora nós só queremos ver os telhados acima do texto. Para se livrar das partes desnecessárias fazer uma seleção retangular como esta:

Pic 7


Certifique-se de que a camada com a máscara selecionada e, em seguida, pressione Command / Control-G para criar um grupo de camadas com ele e, em seguida, clique no ícone de máscara na parte inferior do painel Layers para criar uma segunda máscara afetando a mesma camada da foto.

Pic 8


Passo 7 - Finalizando a máscara

Para se livrar de todas as partes restantes desnecessários ao redor dos telhados, você pode usar a ferramenta Pincel e defina a cor para preto. Certifique-se de ter uma das máscaras selecionados no painel Camadas e, em seguida, começar a desenhar sobre as partes indesejadas com um pequeno tamanho do pincel. Você pode ser muito preciso, se você tem um tablet digital, mas você pode conseguir bons resultados com um mouse bem. Isto é o que você deve alcançar para:

Bali title


Continuaremos a partir desta etapa da próxima vez, mas até então vamos dar uma olhada no design final do folheto:

Final brochure


To be continued ...

Related Videos
Comments (1)

You must be logged in to comment.

  • Paul
    cant seem to be able to download picture
    • 7 years ago
    • By: Paul
    Reply
Putting It All Together
InDesign CC & CS6 106
Dream It. Do It.
Do you want to learn Putting It All Together?
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: