Como criar uma capa de revista de música no InDesign

O InDesign é um dos programas mais utilizados para diagramação profissional de páginas, com ferramentas muito práticas e que garantem um trabalho de qualidade e acabamentos impecáveis.

Eu comecei a trabalhar com este maravilhoso software há poucos meses, e confesso que vou aprender junto com você durante todos os tutoriais.

Neste tutorial, veremos como criar uma capa de revista no InDesign. Você vai aprender como configurar um layout de página e adicionar texto. Esta é uma introdução ao InDesign e não serão necessários muitos conhecimentos no programa. Este é um projeto simples colocado para ajudar você a começar com o InDesign. Vamos nessa!
Neste tutorial, veremos como criar uma capa de revista no InDesign. Você vai aprender como configurar um layout de página e adicionar texto. Esta é uma introdução ao InDesign e não serão necessários muitos conhecimentos no programa. Este é um projeto simples colocado para ajudar você a começar com o InDesign. Vamos nessa!

Passo 1. Primeiro, vamos dar uma olhada nos elementos comuns de uma capa de revista. Eu esbocei as partes mais importantes na imagem abaixo. O elemento mais importante é a imagem principal escolhida para a capa e a manchete, que nada mais é do que o título da revista.

Geralmente abaixo do nome da revista você pode encontrar a linha de cobertura principal atuando como uma chamada ou slogan. Linhas que podem introduzir previamente o conteúdo da revista. Outros elementos são a data e por último mas não menos importante, um código de barras.

Passo 1. Primeiro, vamos dar uma olhada nos elementos comuns de uma capa de revista. Eu esbocei as partes mais importantes na imagem abaixo. O elemento mais importante é a imagem principal escolhida para a capa e a manchete, que nada mais é do que o título da revista. Geralmente abaixo do nome da revista você pode encontrar a linha de cobertura principal atuando como uma chamada ou slogan. Linhas que podem introduzir previamente o conteúdo da revista. Outros elementos são a data e por último mas não menos importante, um código de barras.
Passo 2. Vamos começar. Abra InDesign e de uma olhada para a área de trabalho do software. O layout é similar ao do Illustrator e Photoshop, com a barra de ferramentas à esquerda, as paletas do lado direito e uma barra de ferramentas superior.

Passo 2. Vamos começar. Abra InDesign e de uma olhada para a área de trabalho do software. O layout é similar ao do Illustrator e Photoshop, com a barra de ferramentas à esquerda, as paletas do lado direito e uma barra de ferramentas superior.
Passo 3. Vamos olhar para a barra de ferramentas. Em cima você pode encontrar a ferramenta de seleção [V], abaixo da Direct Selection Tool [A]. Logo após a Pen Tool [P] e abaixo a ferramenta de texto [T]. Temos também uma ferramenta Pencil [N] e a ferramenta de linha.

Passo 3. Vamos olhar para a barra de ferramentas. Em cima você pode encontrar a ferramenta de seleção [V], abaixo da Direct Selection Tool [A]. Logo após a Pen Tool [P] e abaixo a ferramenta de texto [T]. Temos também uma ferramenta Pencil [N] e a ferramenta de linha.
Passo 4. Há uma maneira muito legal de organizar a barra horizontal, clicando na seta pequena no canto superior esquerdo.

Passo 4. Há uma maneira muito legal de organizar a barra horizontal, clicando na seta pequena no canto superior esquerdo.
Passo 5. Ou você pode dividir as ferramentas em duas linhas de uma maneira vertical, clicando na seta mais uma vez. Se você quiser voltar para a barra de uma linha vertical original, basta clicar na seta novamente.

Passo 5. Ou você pode dividir as ferramentas em duas linhas de uma maneira vertical, clicando na seta mais uma vez. Se você quiser voltar para a barra de uma linha vertical original, basta clicar na seta novamente.
Passo 6. Acesse File> New> Document [CTRL + N]. Se abrirá uma janela pop-up como você vê na imagem abaixo. Para iniciar facilmente, desmarque o botão Facing Pages, certifique-se que você selecionou o tamanho carta e escolheu apenas uma coluna. As margens são predefinidas e você pode deixá-las como estão.

Passo 6. Acesse File> New> Document [CTRL + N]. Se abrirá uma janela pop-up como você vê na imagem abaixo. Para iniciar facilmente, desmarque o botão Facing Pages, certifique-se que você selecionou o tamanho carta e escolheu apenas uma coluna. As margens são predefinidas e você pode deixá-las como estão.
Passo 7. Este é o documento que você terá. As linhas rosa/roxo são as guias de margem e podem ser ligadas ou desligadas pressionando [CTRL+;].

Passo 7. Este é o documento que você terá. As linhas rosa/roxo são as guias de margem e podem ser ligadas ou desligadas pressionando [CTRL+;].
Passo 8. A primeira coisa que precisamos é a ferramenta Rectangle frame (F). Isso nos ajudará a colocar a nossa imagem. Selecione a ferramenta Rectangle frame (F).

Passo 8. A primeira coisa que precisamos é a ferramenta Rectangle frame (F). Isso nos ajudará a colocar a nossa imagem. Selecione a ferramenta Rectangle frame (F).
Passo 9. Agora clique e arraste a partir do canto superior esquerdo da página, desenhando um retângulo até alcançar o canto inferior direito.

Passo 9. Agora clique e arraste a partir do canto superior esquerdo da página, desenhando um retângulo até alcançar o canto inferior direito.
Passo 10. Eu selecionei uma imagem do site stock.xchng mencionado em outro post do Clube, aqui. Sinta-se livre para escolher qualquer imagem que você gostar. Certifique-se de que você criou uma pasta só para o seu arquivo do InDesign, e salve sua imagem lá.

Eles devem estar no mesmo local, já que o InDesign cria vínculos aos arquivos que você insere na página. Acesse File> Place (Arquivo > Inserir) e, na janela pop-up escolha a imagem que você gostaria de colocar e clique no OK.

Passo 10. Eu selecionei uma imagem do site stock.xchng mencionado em outro post do Clube, aqui. Sinta-se livre para escolher qualquer imagem que você gostar. Certifique-se de que você criou uma pasta só para o seu arquivo do InDesign, e salve sua imagem lá. Eles devem estar no mesmo local, já que o InDesign cria vínculos aos arquivos que você insere na página. Acesse File> Place (Arquivo > Inserir) e, na janela pop-up escolha a imagem que você gostaria de colocar e clique no OK.
Passo 11. A imagem pode ultrapassar o tamanho do retângulo que você inseriu. Sem distorcer a imagem, você pode ajustá-lo de forma proporcional. O botão da ferramenta para isso pode ser encontrado na parte superior, ao lado dos botões de alinhamento, em destaque na imagem abaixo.

Se você passar o mouse sobre qualquer uma das ferramentas irá revelar seus nomes. Clique nele uma vez e a imagem será automaticamente ajustada ao quadro.

Passo 11. A imagem pode ultrapassar o tamanho do retângulo que você inseriu. Sem distorcer a imagem, você pode ajustá-lo de forma proporcional. O botão da ferramenta para isso pode ser encontrado na parte superior, ao lado dos botões de alinhamento, em destaque na imagem abaixo. Se você passar o mouse sobre qualquer uma das ferramentas irá revelar seus nomes. Clique nele uma vez e a imagem será automaticamente ajustada ao quadro.
Passo 12. Em seguida, precisamos mover a imagem inserida sem mover o quadro em si. Podemos fazer isso selecionando a ferramenta Position [Shift + A]. Você pode encontrá-la sob a Direct Selection Tool [A]. Basta clicar na seta preta pequena e um menu suspenso irá aparecer, revelando as ferramentas do menu desdobrável.

Passo 12. Em seguida, precisamos mover a imagem inserida sem mover o quadro em si. Podemos fazer isso selecionando a ferramenta Position [Shift + A]. Você pode encontrá-la sob a Direct Selection Tool [A]. Basta clicar na seta preta pequena e um menu suspenso irá aparecer, revelando as ferramentas do menu desdobrável.
Passo 13. Quando você posicionar o mouse sobre a imagem uma mão vai aparecer e você pode mover a imagem dentro do quadro. Selecionei na barra de ferramentas superior o tamanho da imagem para 28%, isto irá definir o tamanho da imagem certa para o quadro, mas isso depende de qual parte da imagem que você quer que apareça, e também do tamanho da imagem selecionada.

Passo 13. Quando você posicionar o mouse sobre a imagem uma mão vai aparecer e você pode mover a imagem dentro do quadro. Selecionei na barra de ferramentas superior o tamanho da imagem para 28%, isto irá definir o tamanho da imagem certa para o quadro, mas isso depende de qual parte da imagem que você quer que apareça, e também do tamanho da imagem selecionada.
Passo 14. Um passo importante para um layout é adicionar a sangria. Sangria é uma sobra adicional de imagem que se estende além da borda da página para assegurar uma cobertura colorida no momento do corte do papel.

O InDesign é tão prático quanto o Illustrator e pode agir como uma pequena calculadora.  Basta digitar literalmente +18 pt para a largura e altura do quadro e pressionar [Enter], a sangria será adicionada ao frame. (9pt de cada lado).

Passo 14. Um passo importante para um layout é adicionar a sangria. Sangria é uma sobra adicional de imagem que se estende além da borda da página para assegurar uma cobertura colorida no momento do corte do papel. O InDesign é tão prático quanto o Illustrator e pode agir como uma pequena calculadora. Basta digitar literalmente +18 pt para a largura e altura do quadro e pressionar [Enter], a sangria será adicionada ao frame. (9pt de cada lado).
Passo 15. Depois disso, queremos que a sua moldura fique centralizada verticalmente e horizontalmente. Selecione o quadro com a ferramenta Selection [V] e em seguida, clique no canto superior esquerdo, no pequeno ponto de referência para definir a origem.

Em seguida, defina as coordenadas X e Y  para -9pt. InDesign calcula em paicas e pontos (ou outra unidade de medida que você tenha configurado). Certifique-se sempre de depois de um número adicionar a sigla pt, o InDesign automaticamente converte em paicas e pontos (1 paica é igual a 6pt).

Passo 15. Depois disso, queremos que a sua moldura fique centralizada verticalmente e horizontalmente. Selecione o quadro com a ferramenta Selection [V] e em seguida, clique no canto superior esquerdo, no pequeno ponto de referência para definir a origem. Em seguida, defina as coordenadas X e Y para -9pt. InDesign calcula em paicas e pontos (ou outra unidade de medida que você tenha configurado). Certifique-se sempre de depois de um número adicionar a sigla pt, o InDesign automaticamente converte em paicas e pontos (1 paica é igual a 6pt).

Passo 16. No InDesign também é possível trabalhar com camadas, como no Photoshop e Illustrator. Você pode encontrar a paleta de Layers no lado direito da janela ou acessando o menu Window>Layers.

Passo 16. No InDesign também é possível trabalhar com camadas, como no Photoshop e Illustrator. Você pode encontrar a paleta de Layers no lado direito da janela ou acessando o menu Window>Layers.

Passo 17. Criei quatro camadas. Um para a imagem de fundo. Em seguida, uma para o código de barras (vamos adicionar mais tarde), outra para algumas caixas e uma para o texto. Assim torna-se mais fácil de esconder e bloquear os objetos que compõe o nosso layout.

Passo 17. Criei quatro camadas. Um para a imagem de fundo. Em seguida, uma para o código de barras (vamos adicionar mais tarde), outra para algumas caixas e uma para o texto. Assim torna-se mais fácil de esconder e bloquear os objetos que compõe o nosso layout.

Passo 18. Vamos adicionar textos em nossa capa de revista. Selecione a ferramenta Type [T].

Passo 18. Vamos adicionar textos em nossa capa de revista. Selecione a ferramenta Type [T].

Passo 19. Em seguida, clique e arraste o mouse sobre a tela para criar um retângulo de texto, mantendo pressionado o botão do mouse e puxando para baixo.

Passo 19. Em seguida, clique e arraste o mouse sobre a tela para criar um retângulo de texto, mantendo pressionado o botão do mouse e puxando para baixo.
Passo 20. Digite o texto e alinhe-o como na imagem abaixo. Você pode abrir a Paleta de Caracteres e Parágrafo. Eu escolhi uma fonte chamada Sansation. Você pode baixá-la aqui no Dafont.com.

Passo 20. Digite o texto e alinhe-o como na imagem abaixo. Você pode abrir a Paleta de Caracteres e Parágrafo. Eu escolhi uma fonte chamada Sansation. Você pode baixá-la aqui no Dafont.com.
Passo 21. Eu adicionei outra caixa de texto logo abaixo e alinhei-o à direita, com um tamanho menor. Esta será a linha que pode conter o preço da revista e a data.

Passo 21. Eu adicionei outra caixa de texto logo abaixo e alinhei-o à direita, com um tamanho menor. Esta será a linha que pode conter o preço da revista e a data.
Passo 22. Você pode mudar a cor do texto, selecione-o com o cursor e abra a paleta Window > Swatches e escolha a cor “paper”.

Passo 22. Você pode mudar a cor do texto, selecione-o com o cursor e abra a paleta Window > Swatches e escolha a cor “paper”.
Passo 23. Para o centro do layout da capa, eu criei outra caixa de texto e acrescentei a manchete (ou título). Usei a fonte Astro 867 de Dafont.com. Alinhado à direita junto às margens do documento.

Passo 23. Para o centro do layout da capa, eu criei outra caixa de texto e acrescentei a manchete (ou título). Usei a fonte Astro 867 de Dafont.com. Alinhado à direita junto às margens do documento.
Passo 24. Abaixo mostro as caixas de texto que eu criei para a capa. Ao todo foram seis caixas de texto. Cores, fontes e tamanhos são a seu critério, use toda a sua criatividade!

Passo 24. Abaixo mostro as caixas de texto que eu criei para a capa. Ao todo foram seis caixas de texto. Cores, fontes e tamanhos são a seu critério, use toda a sua criatividade!
Passo 25. Para dar ao texto um pouco mais de destaque, você pode adicionar algumas caixas transparentes atrás dele. Certifique-se de que você vai colocá-las na camada abaixo da camada de texto. Selecione a Rectangle Tool [M].

Passo 25. Para dar ao texto um pouco mais de destaque, você pode adicionar algumas caixas transparentes atrás dele. Certifique-se de que você vai colocá-las na camada abaixo da camada de texto. Selecione a Rectangle Tool [M].
Passo 26. Desenhe uma caixa em toda a estrutura do título e subtítulo, incluindo a sangria, mantendo pressionado o botão do mouse e arrastando para baixo e em frente.

Passo 26. Desenhe uma caixa em toda a estrutura do título e subtítulo, incluindo a sangria, mantendo pressionado o botão do mouse e arrastando para baixo e em frente.
Passo 27. Preencha o retângulo com a cor preta e defina a opacidade para 75%. Você pode fazer isso através da Paleta de Effects (Efeitos).

Passo 27. Preencha o retângulo com a cor preta e defina a opacidade para 75%. Você pode fazer isso através da Paleta de Effects (Efeitos).
Passo 28. Apenas para o caso de você estar confuso, mostro a imagem das paletas que estão do lado direito da tela. Claro que você pode personalizá-las e ordená-las como quiser.

Passo 28. Apenas para o caso de você estar confuso, mostro a imagem das paletas que estão do lado direito da tela. Claro que você pode personalizá-las e ordená-las como quiser.
Passo 29. Abaixo estão as caixas que foram adicionados por trás do texto. Tenho sete retângulos com várias cores e transparências.

Passo 29. Abaixo estão as caixas que foram adicionados por trás do texto. Tenho sete retângulos com várias cores e transparências.
Passo 30. Agora é só se divertir um pouco mais, podemos acrescentar a nossa imagem um código de barras personalizado. Eu encontrei um site onde você pode criar seu código de barras gratuitamente  e baixar a imagem, você também pode criar o código de barras no CorelDRAW.

Sinta-se livre para escolher o tamanho que quer e o nome. Eu escolhi um negativo, e escrevi o texto do autor da capa: “por simona”.

Passo 30. Agora é só se divertir um pouco mais, podemos acrescentar a nossa imagem um código de barras personalizado. Eu encontrei um site onde você pode criar seu código de barras gratuitamente e baixar a imagem, você também pode criar o código de barras no CorelDRAW. Sinta-se livre para escolher o tamanho que quer e o nome. Eu escolhi um negativo, e escrevi o texto do autor da capa: "por simona".
Passo 31. Volte ao seu arquivo do InDesign. Coloque outro quadro com a ferramenta Rectangle frame [F], tal como fizemos no passo 9. Coloque a imagem de código de barras que você baixou na sua pasta, e insira em sua capa.

Em seguida, redimensione a moldura desta vez para ajustar à imagem, clicando sobre o botão “Fit frame to content”. Coloque o quadro com o código de barras no canto inferior esquerdo.

Passo 31. Volte ao seu arquivo do InDesign. Coloque outro quadro com a ferramenta Rectangle frame [F], tal como fizemos no passo 9. Coloque a imagem de código de barras que você baixou na sua pasta, e insira em sua capa. Em seguida, redimensione a moldura desta vez para ajustar à imagem, clicando sobre o botão “Fit frame to content”. Coloque o quadro com o código de barras no canto inferior esquerdo.
Passo 32. Abaixo você visualiza o design final. Claro que este é um layout simples que vai lhe dar uma introdução sobre o que faremos com o InDesign daqui por diante, ainda veremos muitos tutoriais multi-layout de página pelo caminho.

Passo 32. Abaixo você visualiza o design final. Claro que este é um layout simples que vai lhe dar uma introdução sobre o que faremos com o InDesign daqui por diante, ainda veremos muitos tutoriais multi-layout de página pelo caminho.
Conclusão. Espero que tenham gostado desta singela introdução ao InDesign, e de como criar uma capa de revista, sua configuração e os elementos que são importantes para o layout. Deixe sua imaginação voar, e com certeza você terá mais ideias para a sua própria capa de revista.

Compartilhe este artigo:

Guia de Estudos para Aprender Design por Conta Própria

Baixe o nosso guia e receba dicas e as novidades do Clube do Design no seu email:

Deixe uma resposta

Mais artigos pra você ler:
Affinity Photo #7 - Inserindo imagens stock

Affinity Photo #7 - Inserindo imagens stock

Você pode adicionar fotos e imagens rasterizadas adicionais à sua página como uma nova camada. As fotos e imagens inseridas…
Affinity Photo #6 - Incorporar documentos

Affinity Photo #6 - Incorporar documentos

A incorporação de documentos permite que você coloque qualquer documento do Affinity (Designer, Photo, etc.), Photoshop, Illustrator, Freehand, SVG, EPS…
Affinity Photo #5 - Criando novos documentos

Affinity Photo #5 - Criando novos documentos

Quando você cria seu novo documento, você especifica uma variedade de configurações de cores e dimensões de página em função…
Affinity Photo #4 - Abrindo imagens RAW

Affinity Photo #4 - Abrindo imagens RAW

Você pode abrir imagens raw de sua câmera digital diretamente no Affinity Photo. Ao fazer isso, você será capaz de…
Fechar Menu