Tutorial do Adobe InDesign: Grelhas de imagens e estilos de caracteres

Com base no sucesso do nosso primeiro tutorial do InDesign, este próximo episódio aprofunda os atalhos essenciais que podem ajudar qualquer designer. Poupe tempo com estilos de caracteres, uma técnica perfeita para criar uma marca consistente, e pode elevar a qualidade e a precisão dos seus designs ao dominar as grelhas de imagens. 

Inspiração desde o argumento de venda até à página

Neste segundo episódio da nossa série, inspiramo-nos no design elegante e funcional do programa de Brighton. A disposição em três colunas, um elemento básico do seu design, serve de modelo, demonstrando como equilibrar eficazmente o texto e as imagens para uma experiência visual cativante.

Criar grelhas de imagem com precisão

O nosso tutorial começa com a construção de grelhas de imagens. Exploramos a utilização da ferramenta de moldura retangular do InDesign, realçando a importância da precisão e do alinhamento. Utilizando atalhos de teclado e ferramentas como a ferramenta de intervalo, demonstramos como criar grelhas de imagens com espaçamento uniforme que melhoram o aspeto visual da sua apresentação.

Colocação e dimensionamento de imagens

Assim que a grelha estiver definida, acompanhamos o processo de inserção e dimensionamento de imagens. Esta parte do tutorial centra-se na obtenção de um aspeto equilibrado e proporcional, semelhante a uma máscara de recorte, garantindo que as suas imagens se encaixam perfeitamente nas molduras designadas.

Implementação de estilos de caracteres para uma formatação de texto consistente

O ponto alto do nosso tutorial é a implementação de estilos de caracteres. Esta funcionalidade do InDesign é um divisor de águas para garantir uma formatação de texto consistente e eficiente. Orientamo-lo na configuração de um novo estilo de carácter, no ajuste das opções de tipo de letra e até na adição de um toque criativo com texto realçado.

Aplicação prática

Ao concluirmos o tutorial, aplicamos as técnicas aprendidas para criar uma apresentação visualmente atraente. Esta abordagem prática não só reforça as competências, como também demonstra como estas funcionalidades do InDesign podem elevar os seus projectos de impressão.

Fique atento para mais informações

A nossa viagem não termina aqui. Nos próximos episódios, iremos explorar mais aspectos de design dos programas da Premier League, cada um deles repleto de dicas e truques para aperfeiçoar as suas proezas no InDesign.

Para aqueles que desejam expandir as suas competências no InDesign, particularmente na criação de esquemas profissionais e apelativos, este tutorial é um recurso inestimável. Veja o nosso vídeo, acompanhe-o e veja como estas técnicas podem transformar os seus projectos de impressão.

Se o tempo é essencial, consulte o nosso Curtas do YouTube ou TikTok para explicar estas técnicas numa questão de segundos.

Quando dominar a utilização de grelhas de imagem e estilos de caracteres para o seu design, a nossa gama estará aqui para produzir na perfeição a sua obra de arte impressa!

Transcrição

Bem-vindos de volta ao segundo episódio da série em que vou analisar os programas da Premier League desta época e, todos os meses, usá-los como inspiração para vos ajudar a desenvolver as vossas competências em InDesign. 

Estas dicas vão ajudá-lo a criar o seu próprio trabalho artístico, que pode depois dar vida à impressão. No último episódio, dei uma vista de olhos ao programa Wolves e mostrei-lhe como configurar um documento InDesign. 

Neste episódio, vou percorrer a página de conteúdos do programa de Brighton e mostrar-vos como criar algumas funcionalidades que eles utilizaram. 

Aqui está uma pré-visualização do que vou mostrar-vos como criar. Como pode ver, utilizaram um esquema de três colunas para ajudar a dividir a informação e as imagens, para ajudar a tornar a página mais digerível. 

Gosto muito da simplicidade deste design e penso que incluíram a quantidade certa de informação para captar a atenção do utilizador. Não exageraram e não o deixaram sem saber o que esperar. 

A utilização de grelhas de imagens para realçar secções do programa é também uma excelente ideia, que se encontra na maioria das páginas de conteúdo dos programas de futebol. 

Neste episódio, vou mostrar-vos como criar as vossas grelhas de texto e imagem destacadas, tal como têm aqui. Aqui está um desenho que fiz inspirado no programa Brighton. Vou mostrar-vos como criar esta grelha de imagens aqui com o texto destacado. 

Criei algum espaço para mim próprio para criar as grelhas de imagens, por isso vamos começar por fazê-lo. Por isso, vá à barra de ferramentas e seleccione a ferramenta de moldura retangular. Mantendo a tecla Shift premida, arraste um quadrado como este para a extremidade da coluna, mas não largue ainda a tecla Click e a tecla Shift. 

Utilizar as teclas de seta, para cima, para criar dois na vertical e, em seguida, utilizar as teclas de setas, corretopara criar duas horizontalmente e cria um espaço uniforme entre cada imagem. Pode utilizar esta ferramenta aqui, a ferramenta de intervalo, para alterar o tamanho de cada uma, e pode movê-la para cima e para baixo mantendo premida a tecla Alt. E se mantiver premida a tecla Shift, pode separar estas duas. Se mantiver premido o Ctrl, pode alterar um espaço como este, e pode fazer isto com qualquer forma de grelha. 

Mas voltemos à imagem dois a dois, que eu tinha antes. Como viram anteriormente, só tinha uma imagem horizontal no topo, e é muito fácil de fazer. Basta apagar uma das caixas e, com a ferramenta de seleção direta, arrastar a imagem até à extremidade. E já está, três molduras, nas quais podemos colocar as nossas imagens. 

Agora que já criámos as nossas grelhas de imagens, vamos colocar as nossas imagens, o que é muito fácil de fazer. Seleccione uma das molduras, vá a Ficheiro, desça até Colocar e encontre a imagem que pretende. 

Como pode ver, a imagem não foi redimensionada para um tamanho proporcional, pelo que basta clicar no círculo do meio e verá uma mão como esta. Clique com o botão direito do rato, seleccione ajustar e, em seguida, ajustar o conteúdo proporcionalmente. 

Como podem ver, ainda não encaixou corretamente, mas já consigo ver a minha imagem. Por isso, para dimensionar a imagem, certifique-se de que tem um contorno castanho como este. Isto significa que só vou alterar a imagem dentro da moldura e não a moldura em si. 

Assim, a holding Alt + ShiftVou apenas aumentar a escala para caber na moldura. Como pode ver, nada saiu da moldura e tudo ficou dentro, semelhante a uma máscara de recorte. Por isso, agora posso repetir o passo para as outras molduras. 

Acabei de adicionar todas as minhas imagens às molduras e também adicionei a cópia, que vos vou mostrar como realçar. Por isso, vão até Janela, desça até Estilose selecionar Estilos de carácterou pode utilizar o atalho, Shift + F11. E abre-se um separador como este. 

Os estilos de carácter são muito úteis, pois ajudam-no a poupar tempo e assegurar formatação coerente em todo o teu trabalho artístico. Há também uma coisa chamada estilos de parágrafo, que mostrarei como fazer em episódios posteriores, mas, por agora, só vou falar de estilos de personagem. 

Agora que temos este separador aberto, seleccione o ícone de mais aqui, e isso criará um novo estilo de carácter, chamado estilo de carácter um. Com o texto selecionado, clicar duas vezes o estilo do personagem, e abre-se um separador como este. Seleccione a caixa de pré-visualização no canto inferior esquerdo para poder ver todas as alterações a acontecerem ao longo do tempo. 

Vamos então começar com os formatos básicos de caracteres e podemos agora escolher o tipo de letra de uma frase. E eu vou fazer Próxima Nova, estilo de letra, regular, e tamanho 15. E estou satisfeito com isso. 

Quero que a minha cor seja branca, uma vez que vai estar sobre um fundo azul, por isso quero que seja visível. Agora, vamos às opções de sublinhado, e é aqui que vamos adicionar o nosso destaque. Por isso, nesta opção, certifiquem-se de que seleccionam a opção "Sublinhado" e que esta tem uma caixa de verificação. Por agora, vamos apenas alterar o peso para 10 e, em seguida, certificarmo-nos de que o deslocamento é -3. 

Como podem ver, o realce não cobre todo o texto. Por isso, o que precisamos de fazer é aumentar lentamente o peso até que se ajuste ao texto. Quero que a cor do destaque seja ciano. 

Decidi que não gosto do 17 e vou baixá-lo um pouco, para que haja um espaço entre cada linha. Também pode alterar a cor do espaço, mas vou deixá-lo como está por agora e clicar em OK. Vou ter de aumentar um pouco o tamanho do meu livro de texto, para que a frase caiba nele. 

Agora só preciso de selecionar as minhas outras frases e posso aplicar este estilo de carácter, assim. E também o posso fazer para esta frase aqui. Como podem ver rapidamente, adicionei este estilo e destaquei todas estas frases. 

Obrigado por terem assistido a este episódio, e espero ter conseguido ensinar-vos alguns truques que podem utilizar no vosso projeto de impressão atual ou num futuro. E não se esqueçam de ficar atentos, pois irei analisar o programa do West Ham e mostrar-vos ainda mais truques que podem utilizar na vossa impressão.