() translation by (you can also view the original English article)
O Photoshop é uma ótima ferramenta para design gráfico, especialmente gráficos digitais que só são exibidos em telas, além de suas tarefas de ajustes fotográficos. Mas ele não serve só para isso. Com os conhecimentos e pensamentos adequados, você pode também usar o Photoshop para criar projetos surpreendentes para impressão.
Este tutorial irá levá-lo através dos passos básicos da criação de um folheto (flyer) atraente como visto mais acima, que pode ser impresso imediatamente para distribuição com as cores em CMYK diretamente do Photoshop. Você pode seguir este tutorial para fazer o mesmo folheto, ou pode ajustar as etapas e colocar o conteúdo ou cores que desejar utilizando os mesmo métodos.
Arquivos do Tutorial
Este tutorial usa imagens royalty-free da Envato, juntamente com alguns ícones personalizados feitos em vetor que criei no Illustrator, especialmente para este projeto. Você vai encontrar cada uma delas, juntamente com o arquivo PSD finalizado, onde você pode usar para comparar com o seu trabalho, em download na barra lateral deste tutorial.
Este tutorial também usa a Família de Fontes Proxima Nova, que vem com junto do Typekit ou de uma assinatura do Adobe Creative Cloud. Você pode sincronizar essa fonte para o seu computador e usá-la com este tutorial ou usar outra fonte semelhante.
Configuração do Documento com Guias
Passo 1
Primeiro, configure o documento com o tamanho e as configurações corretas para a impressão. Crie um novo documento no Photoshop, e defina suas dimensões para 216x154 mm. Estas dimensões representam o tamanho do papel A5 com 3 mm de sangria adicionado para cada borda. Já que vamos criar uma arte-final para impressão, defina o Color Mode (Modo de cor) para CMYK e a Resolução para 300 Pixels/Pol.
Passo 2
Crie novas guias que irão representar a área de sangria. O Illustrator e o InDesign já tem essa função nativamente, mas no Photoshop, precisamos criar por nós mesmos. Use a Move Tool (V) (Ferrramenta Mover) e a tecla Shift para criar uma linha guia horizontal arrastando o cursor da régua superior. Certifique-se de que a guia está localizada a 3 mm no eixo-Y.
Passo 3
Repita o mesmo processo para criar guias de cada lado do documento. Certifique-se de que cada guia tem uma distância de 3 mm de sua borda correspondente.
Criando o Plano de Fundo
Passo 1
Pressione Shift-Cmd-N para criar uma nova Camada. Preencha-a com uma cor Branca de Primeiro Plano (Alt-Backspace). Certifique-se de que os controles deslizantes de CMYK estão ativados assim você estará utilizando as cores para impressão.
Passo 2
Crie uma nova Sobreposição de Gradiente (Gradient Overlay). No Painel de Estilo de Camada, edite o Gradiente. Defina o Location do controle deslizante branco para 30%. Mude a cor do controle deslizante preto para um Amarelo Claro (C=9 M=6 Y=14 K=0).
Passo 3
Use a Ferramenta Retângulo (U) para criar um novo retângulo. Defina o tamanho para 216 mm por 56 mm.
Passo 4
Alinhe o retângulo no canto superior esquerdo do documento. Preencha-o com a cor Marrom Escura (C=49 M=74 Y=80 K=70).
Passo 5
Use a Ferramenta Caneta (P) para adicionar novos pontos de âncora na borda inferior do retângulo.
Passo 6
Com a Ferramenta de Seleção Direta (A), brinque com as alças dos pontos feitos com a caneta para criar uma ótima curva de Bezier.
Passo 7
Siga os mesmos passos para ajustar o retângulo na forma mostrada abaixo.
Passo 8
Vá para Arquivo > Colocar Incorporados... (File > Place Embedded...), e então selecione a imagem people-1.jpg do Pacote de Recursos.
Passo 9
Use a Ferramenta Mover (V) para mover a foto pelo documento. Posicione-a no canto superior esquerdo como mostrado abaixo.
Passo 10
Crie um novo retângulo com a Ferramenta Retângulo (U). Defina-o com o tamanho de 216 mm por 100 mm.
Passo 11
Use a Ferramenta de Seleção Direta (A) para posicionar o retângulo diretamente acima da foto no canto superior esquerdo.
Passo 12
Nas opções do Painel da Ferramenta Retângulo, selecione Máscara (Mask). Isto irá criar uma máscara de vetor aplicada na camada com a foto.
Passo 13
Adicione um novo ponto de âncora para a máscara com a Ferramenta Caneta (P). Crie uma curva de Bezier curvada com a Ferramenta de Seleção Direta (A).
Passo 14
Usando as mesmas ferramentas, a Ferramenta Caneta (P) e a Ferramenta de Seleção Direta (A), tente ajustar a máscara na forma mostrada abaixo. Observe a posição dos pontos de âncora e a simplicidade da forma. Quanto menos pontos de âncora você usar, mais suave a máscara final aparecerá.
Passo 15
Vá para Filtro > Desfoque > Desfoque Gaussiano. (Filter > Blur > Gaussian Blur). Defina o Raio para 6.
Passo 16
Selecione a máscara de Filtros Inteligentes (Smart Filters). Use a Ferramenta Gradiente (G) para desvanecer a máscara da esquerda para a direita.
Passo 17
Crie uma nova Máscara de Camada. Use a Ferramenta Pincel (B) para desvanecer as escadas na foto. Use seu instinto e sua criatividade.
Passo 18
Crie uma nova Camada de Ajuste (Adjustment Layer) de Brilho/Contraste, clicando no ícone do sol no painel de Ajustes. Defina o Brilho (Brightness) para 40 e o Contraste para 10.
Passo 19
Clique com o Botão Direito do Mouse na Camada de Ajuste e selecione Criar Máscara de Recorte. Isto vai aplicar novas configurações de brilho somente na foto abaixo.
Passo 20
Crie uma nova Cor Sólida. Defina o Preenchimento da Cor para Marrom (C=30 M=80 Y=100 K=30).
Passo 21
Clique na máscara de vetor da camada com a foto. Segure Alt e arraste a máscara sobre o Preenchimento de Cor marrom. Esta ação irá duplicar a máscara selecionada.
Passo 22
Use a Ferramenta de Seleção Direta e arraste o ponto de âncora superior direito para o canto superior direito.
Passo 23
Use a Ferramenta Pincel (B) para revelar algumas áreas da foto abaixo do preenchimento marrom. Defina a Opacidade da Camada para 75%.
Passo 24
Desenhe um novo retângulo com a Ferramenta Retângulo (U).
Passo 25
Preencha o retângulo com a Cor Marrom Claro (C=10 M=65 Y=100 K=0).
Passo 26
Posicione a camada com o retângulo marrom claro abaixo da camada do retângulo marrom escuro.
Passo 27
Use a Ferramenta de Caneta (P) com a Ferramenta de Seleção Direta (A) para ajustar o retângulo na forma curvada como mostrado abaixo.
Adicionando o Texto e a Logo
Passo 1
Crie uma nova Elipse (U). Defina as dimensões dela para 248 px por 248 px. Preencha-a com a Cor Marrom (C=30 M=80 Y=100 K=30).
Passo 2
Adicione o efeito de Sombra Projetada (Drop Shadow). Defina a Opacidade para 14%, Distância para 5 px e o Tamanho para 15 px.
Passo 3
Crie uma nova Elipse (U). Defina as dimensões dela para 400 px por 400 px. Preencha-a com a Cor Azul Escuro (C=100 M=80 Y=45 K=50).
Passo 4
Use o mesmo efeito de Sombra Projetada e aplique-o para a elipse. Você pode recriar a sombra, ou clicar com o Botão Direito do Mouse e selecione Copiar Estilo de Camada (Copy Layer Style) e em seguida, colar o estilo de camada na outra elipse. Coloque a camada da elipse azul escura abaixo da camada da elipse marrom.
Passo 5
Adicione um texto com a Ferramenta Texto (T). Este tutorial usa a família Proxima Nova. O Tamanho do Título Superior é de 17 pt. Adicione o resto do texto, cada um em uma camada separada. Use a Ferramenta Mover (V) para posicionar cada linha de forma adequada, conforme descrito na imagem abaixo.
Passo 6
Repita o mesmo processo para adicionar um novo texto. Defina o tamanho da primeira linha para 31 pt.
Passo 7
Crie um novo título usando a Ferramenta Texto (T). Defina a fonte para Proxima Nova Light e o tamanho para 18 pt.
Passo 8
Adicione um subtítulo, novamente, usando a Ferramenta Texto (T). Defina o Tamanho para 36 pt. Ajuste o Espaçamento dos Caracteres (Character Tracking) para -10.
Passo 9
Selecione ambas as camadas de texto. Segure Alt e arraste o texto para duplicar ambas as linhas abaixo.
Passo 10
Novamente, com a Ferramenta Texto (T), reescreva o texto de acordo com a imagem mostrada abaixo. Posicione o texto com a Ferramenta Mover (V).
Passo 11
Vá para Arquivo > Colocar Incorporados... (File > Place Embedded) e coloque a logo vetorizada acme-travel-logo.ai no documento.
Passo 12
Reduza a escala da logo vetorizada e posicione-a no canto superior direito.
Passo 13
Adicione o efeito de Sombra Projetada (Drop Shadow). No Painel de Estilo da Camada, defina a Opacidade para 11%, a Distância para 3 px e o Tamanho para 16 px.
Adicionando as Fotografias de Fundo
Passo 1
Crie um novo Retângulo (U). Defina-o com o tamanho de 60 px por 28 px.
Passo 2
Selecione a forma do retângulo com a Ferramenta de Seleção Direta (A). No painel de alinhamento, escolha Centros Horizontais.
Passo 3
Vá para Arquivo > Colocar Incorporados... (File > Place Embedded) e escolha a foto people-11.jpg do Pacote de Recursos.
Passo 4
Reduza a escala da imagem e posicione-a em cima do retângulo.
Passo 5
Ative a Ferramenta Retângulo (U), e no painel de opções, clique em Máscara. Esta ação criará uma máscara de vetor a partir do retângulo e vai aplicá-la na foto.
Passo 6
Com a camada da foto selecionada, pressione Alt-Shift e arraste a foto para duplicá-la.
Passo 7
Vá para Arquivo > Colocar Incorporados... (File > Place Embedded) Selecione a foto city-5.jpg do Pacote de Recursos e adicione-a ao documento.
Passo 8
Reduza a escala da imagem e posicione-a acima da foto duplicada da mulher.
Passo 9
Pegue a máscara da foto duplicada com a mulher e coloque-a dentro da nova imagem e, em seguida, exclua a camada people-11-copy.
Passo 10
Repita os Passos de 7 a 9 para adicionar a imagem de mapa no documento, desta vez colocando a imagem do mapa.
Passo 11
Selecione a camada map-screenshot e adicione Traçado (Stroke) do botão de efeitos no painel camadas.
Passo 12
Defina o Tamanho do Traçado (Stroke Size) para 2 px. Ajuste a Posição para Interna (Inside) e defina a Cor para Marrom (C=30 M=80 Y=100 K=30).
Adicionando o Texto Inferior
Passo 1
Use a Ferramenta de Texto (T) para criar uma nova instância de texto. Defina o tamanho para 11 pt e a Cor para um Marrom Claro (C=10 M=65 Y=100 K=0).
Passo 2
Adicione mais linhas. Defina o Tamanho para 9 pt, ajuste as Entrelinhas (Leading) para 13 pt e mude a Cor para Cinza (K=90).
Passo 3
Siga o mesmo processo para criar um novo bloco de texto. Posicione-o abaixo da foto com a mulher e a imagem do mapa.
Passo 4
Vá para Arquivo > Colocar Incorporados... (File > Place Embedded) e selecione icons.ai para importar os ícones no documento. Uma nova janela contextual vai aparecer. Selecione o Ícone de Calendário e clique em OK.
Passo 5
Reduza a escala do ícone e posicione-o ao lado da primeira linha com as informações de horário.
Passo 6
Repita o mesmo processo para importar o resto dos ícones e posicione-os de acordo próximos de cada linha.
Passo 7
Use a Ferramenta de Texto (T) para adicionar um novo texto. Posicione-o sobre a imagem do mapa. Defina o Tamanho para 13 pt, ajuste as Entrelinhas (Leading) para 11 pt e mude a Cor para um Marrom Claro (C=10 M=65 Y=100 K=0).
Passo 8
Siga o mesmo processo para adicionar novas linhas de texto para o endereço. Defina o Tamanho para 9 pt e mude a Cor para Cinza (K=90).
Passo 9
Vá para Arquivo > Colocar Incorporados... (File > Place Embedded), selecione icons.ai novamente e importe o Ícone Vetorizado do Globo no documento.
Passo 10
Reduza a escala do ícone e posicione-o próximo ao site.
Passo 11
Ative a Ferramenta Caneta (P) e crie uma forma de vetor que irá representar a direção no mapa.
Passo 12
No Painel de Opções, defina o Traçado (Stroke) para Tracejado (Dashed) e a Cor para um Marrom Claro (C=10 M=65 Y=100 K=0). Ajuste a Largura do Traçado para 1,5 pt.
Passo 13
Vá para as Opções de Traçado > Mais Opções... e defina Caps para Redondo (Round) e ajuste Linha Tracejada: Traço (Dashed Line: Dash): para 3 e o Espaço (Gap) para 3.
Passo 14
Crie uma nova Elipse (U). Defina a Cor para Marrom (C=30 M=80 Y=100 K=30).
Passo 15
Ative a Ferramenta Caneta (P). Segure Alt e clique no ponto de âncora inferior. Isto converterá o ponto de âncora de suave (smooth) para pontudo (corner).
Passo 16
Com a Ferramenta de Seleção Direta (A), mova o ponto de âncora que acabou de ser convertido para baixo.
Passo 17
Adicione o efeito de Sombra Projetada ao marcador. Use as configurações mostradas abaixo para torná-lo sutil.
Passo 18
Novamente, crie uma nova Elipse (U) e defina sua Cor de Preenchimento para Branco. Posicione a elipse no centro do marcador. E este foi o toque final para o design do nosso folheto (flyer).
Conclusão
Parabéns! Se você seguiu o tutorial até este ponto, você deve ter um ótimo design de um folheto promocional finalizado.
Lembre-se: toda vez que você projetar imagens para uma impressão digital, você tem que pensar nas cores CMYK para alcançar os melhores resultados. Não se esqueça de adicionar a distância de sangria para nossa tela de desenho (pelo menos 3 mm em cada extremidade). Se você não tiver certeza de alguns parâmetros técnicos avançados, é sempre bom consultar diretamente a gráfica para evitar erros ou problemas.
No próximo tutorial desta série, nós iremos dar uma olhada em como passar este folheto para o InDesign e prepará-lo para uma impressão em PDF de qualidade. Nesse meio tempo, se você tiver alguma dúvida sobre como criar um design para impressão no Photoshop, deixe um comentário abaixo e nós vamos ter o prazer de ajudá-lo.
