InDesign Tutoriais 10/09/2012 | 8 comentários
Você já conhece o nosso canal no Youtube? Então clique aqui e inscreva-se agora mesmo!

Pode parecer uma coisa simples, mas é melhor você acreditar, dá muito trabalho criar um projeto de capa de revista. As capas competem por atenção ao lado de dezenas de outras revistas nas bancas ou livrarias. Neste tutorial, vamos levá-lo através do processo de criação de uma capa, e também revelar as técnicas que os designers usam para fazer suas capas se destacam.

Publicidade

Pode parecer uma coisa simples, mas é melhor você acreditar, dá muito trabalho criar um projeto de capa de revista. As capas competem por atenção ao lado de dezenas de outras revistas nas bancas ou livrarias. Neste tutorial, vamos levá-lo através do processo de criação de uma capa, e também revelar as técnicas que os designers usam para fazer suas capas se destacam.

Passo 1: Crie um novo documento com sangramento

Como sempre, precisamos de um novo documento (File>New Document) para começar. No entanto, desta vez vamos fazer algo um pouco diferente. Clique no botão “More options” na caixa de diálogo de Novo documento para expor as opções de sangria e slug. Quase todas capas de revistas tem sangria fora da borda do papel e vamos fazer exatamente isso.

Desligue a opção “Facing Pages” e defina uma sangria de 0,25″ para todos os lados, menos à esquerda (desative o ícone de corrente para digitar valores diferentes para cada lado). Também adicione um slug de 1,5″ na parte inferior. Clique em OK para criar a sua nova página.

Como sempre, precisamos de um novo documento (File>New Document) para começar. No entanto, desta vez vamos fazer algo um pouco diferente. Clique no botão “More options” na caixa de diálogo de Novo documento para expor as opções de sangria e slug. Quase todas capas de revistas tem sangria fora da borda do papel e vamos fazer exatamente isso.

Passo 2: Aproveite o slug

Eu recomendo que você adquira o hábito de usar o recurso de slug para armazenar informações importantes sobre o trabalho em si. Pense no slug como uma área de notas que pode ser impresso, se necessário. A única coisa que você definitivamente vai querer colocar nesta área para capas de sua revista é a informação de direitos autorais sobre a foto que você está usando. Usando a ferramenta padrão Type (T), você pode incluir coisas como o fotógrafo, número de telefone, endereço de e-mail, e os direitos de uso nesta área.

Eu recomendo que você adquira o hábito de usar o recurso de slug para armazenar informações importantes sobre o trabalho em si. Pense no slug como uma área de notas que pode ser impresso, se necessário. A única coisa que você definitivamente vai querer colocar nesta área para capas de sua revista é a informação de direitos autorais sobre a foto que você está usando. Usando a ferramenta padrão Type (T), você pode incluir coisas como o fotógrafo, número de telefone, endereço de e-mail, e os direitos de uso nesta área.

Passo 3: Criar moldura e local da foto da capa

Usando a ferramenta Retângulo (F), crie um quadro que vai da borda de sua área de sangria. A imagem da capa é geralmente o que chama o leitor em potencial para pegar a revista. Coisas como, “Quem é?” “Uau, confira esse carro!” Ou “Ele é / ela é gostosa!” vêm à mente. Depois de desenhar seu quadro, use o comando Inserir (Place) a partir do menu Arquivo (File) ou use o Bridge para colocar a sua melhor foto.

Usando a ferramenta Retângulo (F), crie um quadro que vai da borda de sua área de sangria. A imagem da capa é geralmente o que chama o leitor em potencial para pegar a revista. Coisas como, "Quem é?" "Uau, confira esse carro!" Ou "Ele é / ela é gostosa!" vêm à mente. Depois de desenhar seu quadro, use o comando Inserir (Place) a partir do menu Arquivo (File) ou use o Bridge para colocar a sua melhor foto.
CRÉDITO DA FOTO: Terry White

Passo 4: Torná-la justa

A menos que você tenha editado o tamanho da sua foto no Photoshop antes deste passo, é possível que ele fique muito grande ou muito pequena para o seu quadro. O que torna as coisas ainda piores é que é, provavelmente, a proporção da imagem também pode estar errada. Você quer que sua imagem preencha o quadro sem distorcer, para isto acesse Object> Fitting> Fill frame proportionally. Isso vai certamente preencher o quadro, mas não significa que ele vai posicionar a imagem exatamente onde você quer. Mude para a ferramenta Seleção Direta (A) e então você será capaz de posicionar a imagem a seu gosto.

A menos que você tenha editado o tamanho da sua foto no Photoshop antes deste passo, é possível que ele fique muito grande ou muito pequena para o seu quadro. O que torna as coisas ainda piores é que é, provavelmente, a proporção da imagem também pode estar errada. Você quer que sua imagem preencha o quadro sem distorcer, para isto acesse Object> Fitting> Fill frame proportionally. Isso vai certamente preencher o quadro, mas não significa que ele vai posicionar a imagem exatamente onde você quer. Mude para a ferramenta Seleção Direta (A) e então você será capaz de posicionar a imagem a seu gosto.

Passo 5: Crie sua chamada

O problema com esta foto em particular é que não há espaço livre para adicionarmoe texto. Crie um quadro de texto com a ferramenta Type e digite o nome da sua publicação. Se a publicação for padrão, então você provavelmente já tem a fonte correta, tamanho e quem sabe um logotipo, no entanto, se você está começando agora, então você pode selecionar a fonte que achar conveniente.

O problema com esta foto em particular é que não há espaço livre para adicionarmoe texto. Crie um quadro de texto com a ferramenta Type e digite o nome da sua publicação. Se a publicação for padrão, então você provavelmente já tem a fonte correta, tamanho e quem sabe um logotipo, no entanto, se você está começando agora, então você pode selecionar a fonte que achar conveniente.

Passo 6 Escolha a fonte da chamada

Além da foto, o nome da publicação é a segunda coisa que as pessoas mais observam. Então, claramente, ela precisa ser grande, mas ele também precisa ter boa aparência. A menos que você esteja usando uma fonte Script, sua fonte terá de ser muito grossa e em tamanho maior. Eu estou usando uma fonte grunge robusta em 150 pontos e espaçamento definido para -10 no painel de controle. Eu também alterei o espaçamento das letras individualmente para dar uma aparência mais interessante.

Além da foto, o nome da publicação é a segunda coisa que as pessoas mais observam. Então, claramente, ela precisa ser grande, mas ele também precisa ter boa aparência. A menos que você esteja usando uma fonte Script, sua fonte terá de ser muito grossa e em tamanho maior. Eu estou usando uma fonte grunge robusta em 150 pontos e espaçamento definido para -10 no painel de controle. Eu também alterei o espaçamento das letras individualmente para dar uma aparência mais interessante.

Passo 7: Adicionando data, informações e gráfico

Agora é hora de colocar as informações sobre a capa. Normalmente, adiciona-se mês e ano e, talvez, o número do volume ou o endereço do site. Em ambos os casos, você pode criar estes em um quadro de texto separado da chamada para fácil posicionamento. Não se preocupe com a cor da fonte agora, veremos isto mais a frente. Você também pode adicionar um elemento gráfico para posicionar a sua chamada. Eu escolhi uma mancha de tinta retangular criada no Illustrator e inseri (File> Place) atrás da minha chamada e informações (Object>Arrange>Send Backward) para mais deixar a capa mais pop.

Agora é hora de colocar as informações sobre a capa. Normalmente, adiciona-se mês e ano e, talvez, o número do volume ou o endereço do site. Em ambos os casos, você pode criar estes em um quadro de texto separado da chamada para fácil posicionamento. Não se preocupe com a cor da fonte agora, veremos isto mais a frente. Você também pode adicionar um elemento gráfico para posicionar a sua chamada. Eu escolhi uma mancha de tinta retangular criada no Illustrator e inseri (File> Place) atrás da minha chamada e informações (Object>Arrange>Send Backward) para mais deixar a capa mais pop.

Passo 8: Conduza sua história

Quando você vê alguém na capa de uma revista, você quer saber por que ele ou ela está na capa, então você precisa de um título. Esta história vai fazer as pessoas comprarem a revista, assim, esta cópia deve ser maior do que quaisquer outros títulos. Crie um quadro de texto com a ferramenta Type em uma área que terá o menor impacto em sua foto principal. Escreva a sua provocação em uma bela fonte de grande porte, e nunca use a mesma fonte que você usou para a chamada, e tudo sobre contraste. (Certifique-se de desativar a opção Hifenizar no painel de controle de parágrafo.) Experimente com diferentes tamanhos de fonte e combinações de palavras maiúsculas e minúsculas.

Quando você vê alguém na capa de uma revista, você quer saber por que ele ou ela está na capa, então você precisa de um título. Esta história vai fazer as pessoas comprarem a revista, assim, esta cópia deve ser maior do que quaisquer outros títulos. Crie um quadro de texto com a ferramenta Type em uma área que terá o menor impacto em sua foto principal. Escreva a sua provocação em uma bela fonte de grande porte, e nunca use a mesma fonte que você usou para a chamada, e tudo sobre contraste. (Certifique-se de desativar a opção Hifenizar no painel de controle de parágrafo.) Experimente com diferentes tamanhos de fonte e combinações de palavras maiúsculas e minúsculas.

Passo 9: Emprestar as swatches do Illustrator

Antes de prosseguirmos, precisamos de algumas amostras de cores para começar a aplicar cor ao nosso texto. Se você é bom em escolher cores, então você pode ir em frente e criar suas amostras no InDesign. Verdade seja dita, eu reluto, quando se trata de escolher as cores, por isso eu vou deixar Illustrator criar meus swatches para mim. Abra o Illustrator e crie um novo documento de impressão. Vá para o painel Amostras (Swatches) e escolha Select All Unuseds no menu flyout. Agora clique no ícone Trash (Lixeira) para removê-los.

Antes de prosseguirmos, precisamos de algumas amostras de cores para começar a aplicar cor ao nosso texto. Se você é bom em escolher cores, então você pode ir em frente e criar suas amostras no InDesign. Verdade seja dita, eu reluto, quando se trata de escolher as cores, por isso eu vou deixar Illustrator criar meus swatches para mim. Abra o Illustrator e crie um novo documento de impressão. Vá para o painel Amostras (Swatches) e escolha Select All Unuseds no menu flyout. Agora clique no ícone Trash (Lixeira) para removê-los.

Passo 10: Criar cores que combinam automaticamente

Coloque a foto da capa que você usou no InDesign em sua página no Illustrator. Desenhe uma caixa ao lado com a ferramenta Retângulo (M). Agora pegue o Eyedropper (I) e pegue uma amostra de cor em sua foto (neste exemplo, os lábios). Se você abrir o painel Color guide, agora você vai ter um conjunto de amostras que se combinam. (Dica: Clique no menu drop-down no topo do painel Color guide para ver regras de harmonia diferente) Escolha Save Colors as Swatches no menu flyout para adicionar essas amostras em seu painel de Amostras do Illustrator.

Coloque a foto da capa que você usou no InDesign em sua página no Illustrator. Desenhe uma caixa ao lado com a ferramenta Retângulo (M). Agora pegue o Eyedropper (I) e pegue uma amostra de cor em sua foto (neste exemplo, os lábios). Se você abrir o painel Color guide, agora você vai ter um conjunto de amostras que se combinam. (Dica: Clique no menu drop-down no topo do painel Color guide para ver regras de harmonia diferente) Escolha Save Colors as Swatches no menu flyout para adicionar essas amostras em seu painel de Amostras do Illustrator.

Passo 11: Exportação / Importação das amostras ,

Por fim, escolha Save Swatch Library as ASE no menu flutuante da paleta Swatches e escolha um nome e local para guardar as amostras. Voltar no InDesign, escolha Load Swatches no menu do painel Swatches e abra a que acabou de salvar. Agora você pode aplicar essas “misturas” de cores em seu texto, basta selecionar o texto com a ferramenta Type e, em seguida, clicar na amostra que você deseja usar. Eu também mudei a cor do gráfico da chamada para combiná-los (clicando com o botão direito do mouse e escolhendo Edit Original para abrir e editar no Illustrator).

Por fim, escolha Save Swatch Library as ASE no menu flutuante da paleta Swatches e escolha um nome e local para guardar as amostras. Voltar no InDesign, escolha Load Swatches no menu do painel Swatches e abra a que acabou de salvar. Agora você pode aplicar essas "misturas" de cores em seu texto, basta selecionar o texto com a ferramenta Type e, em seguida, clicar na amostra que você deseja usar. Eu também mudei a cor do gráfico da chamada para combiná-los (clicando com o botão direito do mouse e escolhendo Edit Original para abrir e editar no Illustrator).

Passo 12: O truque da sombra projetada

Aplicando cores diferentes em seu texto, muitas vezes torna mais fácil de ler com a foto no fundo, no entanto, os projetistas utilizam outro truque para fazer seu texto se destacar ainda mais. Sim, é hora de uma sombra. O truque aqui é aplicar uma sombra com uma borda dura que é apenas ligeiramente deslocada a partir do texto original. Selecione seu quadro de texto com a ferramenta Seleção, e acesse Object> Effects> Drop Shadow. Ative o Preview, e defina o tamanho para 0 e seu deslocamento para uma pequena fração, no caso 0,004″ (Observe que estamos usando polegadas). Clique no OK quando o resultado lhe agradar. Fica ótimo aplicado aos títulos de história também.

Aplicando cores diferentes em seu texto, muitas vezes torna mais fácil de ler com a foto no fundo, no entanto, os projetistas utilizam outro truque para fazer seu texto se destacar ainda mais. Sim, é hora de uma sombra. O truque aqui é aplicar uma sombra com uma borda dura que é apenas ligeiramente deslocada a partir do texto original. Selecione seu quadro de texto com a ferramenta Seleção, e acesse Object> Effects> Drop Shadow. Ative o Preview, e defina o tamanho para 0 e seu deslocamento para uma pequena fração, no caso 0,004" (Observe que estamos usando polegadas). Clique no OK quando o resultado lhe agradar. Fica ótimo aplicado aos títulos de história também.

Passo 13: Adicionando mais histórias e uma foto

Eu prefiro apenas uma foto principal em minhas capas, mas se você precisa colocar outra foto na página, você vai querer que ela seja vista, mas não tire a atenção da foto principal. Uma forma de contornar este problema é usar ferramentas de formas para ajudar a segurar suas fotos menores. Você pode desenhar uma forma com a ferramenta Pen (P), preencher com a cor, e depois baixar a sua transparência (Objeto> Efects> Transparency). Para ver como sua capa ficará impressa, vá para o modo de visualização. Você pode entrar / sair do modo de visualização (desde que você não esteja com a ferramenta Type), pressionando a letra W no seu teclado.

Eu prefiro apenas uma foto principal em minhas capas, mas se você precisa colocar outra foto na página, você vai querer que ela seja vista, mas não tire a atenção da foto principal. Uma forma de contornar este problema é usar ferramentas de formas para ajudar a segurar suas fotos menores. Você pode desenhar uma forma com a ferramenta Pen (P), preencher com a cor, e depois baixar a sua transparência (Objeto> Efects> Transparency). Para ver como sua capa ficará impressa, vá para o modo de visualização. Você pode entrar / sair do modo de visualização (desde que você não esteja com a ferramenta Type), pressionando a letra W no seu teclado.

Site original: Layers Magazine

Comente! Sugestões, dúvidas e opiniões são ótimos para melhorar o conteúdo do Clube.

Aproveite para seguir o Clube no twitter, facebook, youtube ou google+, assim você fica por dentro das novidades, e acompanha os melhores links do blog. Você também pode assinar nosso feed de notícias e receber todas as atualizações de maneira exclusiva.

Publicidade

8 Comentários em “Como criar uma capa de revista no InDesign

  1. Cris

    15/02/2014

    Responder

    olá criei minha revista no indesign , mas não sei como colocar ela na minha loja virtual , tem como postar uma revista feita neste programa em sites , já perguntei pra muitos mas as pessoas não respondem

    • Cris, sua dúvida foi respondida na fanpage, você só precisa usar um canal para dúvidas, respondo sempre. Seu arquivo pode ser finalizado em PDF e carregado em seu site na forma de download ou você pode upar o PDF no serviço issu, muito conhecido no mundo todo e serve para publicações online. Caso tenha conhecimentos suficientes, poderia finalizar o projeto em ePub, um formato responsivo de ebook, mas que, como disse, requer um conhecimento mais abrangente.
      Uma braço.

  2. Daniela

    04/06/2013

    Responder

    Então…
    Estou fazendo um catálogo de produtos ,
    porém pediram que eu utilizasse um arquivo que já continha algumas páginas prontas, o caso é que quando tento colocar capa ela é vinculada ao miolo e recebe até numeração. Quando consigo colocála sem numeração ela desconfigura as demais páginas.
    Como resolvo isso?

    • Você precisa verificar a situação dos masters do arquivo. No painel de páginas (Pages) talvez seja preciso criar um novo master para as novas páginas, vai depender do objetivo final.

  3. muito bom!

  4. Muito bom, sou estudante de DG!
    Uma duvida, estou fazendo uma revista, porem quando seleciono a imagem para fazer a capa aumento ela usando SHIFT e CTRL e a imagem perde qualidade, tamano de imagem 1600×1100.
    estou na duvida, porque esta ficando assim ?
    Obrigado desde jah, se poder responder em meu e-mail.
    – gustavo.pontin@hotmail

    • Gustavo, o InDesign por padrão exibe as imagens em modo reduzido de qualidade. Você pode controlar a exibição de maneira individual, para cada imagem clicando com o botão direito sobre ela e escolhendo nas opções de desempenho de exibição (Display Performance) ou acessando o menu Exibir> Desempenho de exibição (View> Display performance) e escolher a qualidade que desejar.
      Note que esta opção está justamente em qualidade baixa para evitar perda de desempenho de processamento enquanto estiver trabalhando com seus documentos, mas a imagem será impressa em qualidade normal independe do modo de exibição.
      Um abraço!

  5. bom demais

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>