Receitas nítidas do InDesign

Automatizar informações de preços em formatos aninhados.

Todos os vídeos do tutorial Receitas nítidas do InDesign

Neste treinamento, trata-se de formatar corretamente o preço. Vocês conhecem os avisos de preços, que nos sorriem de forma encantadora, mas é claro que esses preços também precisam ser formatados. E como fazer isso no InDesign, de modo que se obtenha diferentes tipos de representação, como nos meus três exemplos aqui, eu vou mostrar para vocês. Isso pode ser feito de maneira muito elegante através dos formatos de parágrafo e de caractere, ou seja, não precisamos formatar manualmente aqui, mas sim estabelecemos algumas regras e, em seguida, tudo funciona automaticamente.

Automatizar informações de preços em formatos aninhados

Preparar etiqueta de preço

Em primeiro lugar, desenho uma estrela (1) com a Ferramenta Polígono (2), sem contorno e na cor vermelha (3).

Automatizar informações de preços em formatos aninhados.

No próximo passo, utilizo a Ferramenta de Texto (1) para definir um preço, digamos 29,90. E formato tudo novamente na minha fonte favorita, a Myriad Pro, e aqui em Negrito Condensado (2). Defino o tamanho da fonte como 80 Pt (3) e a cor como branca (4). É assim que fica quando inserido de forma comum.

Automatizar informações de preços em formatos aninhados

Variante 1

Agora, sobre a formatação: seleciono o campo de texto e vou até os Formatos de Parágrafo (1 e 2), em seguida, seleciono Novo Formato de Parágrafo... (3). Dou o nome de "Indicação de Preço" (4) e confirmo.

Automatizar informações de preços em formatos aninhados.

Agora precisamos de Formatos de Caractere: O que muda no preço? Serão necessários exatamente dois formatos que, no final, terão seu efeito, que são a vírgula e a indicação de centavos sobrescrita (1). Então, crio dois novos formatos de caractere (2, 3, 4, na 5, insiro os nomes, e confirmo com 6): Um chamado "Indicação de Centavos" e o outro chamado "Indicação de Vírgula."

Automatizar informações de preços em formatos aninhados.

Agora tenho dois formatos de caractere (1) e um formato de parágrafo (2). Embora eu ainda não tenha definido nenhum parâmetro, é importante agora que construamos esses formatos em sequência. Então eu volto para o meu "Indicação de Preço" (clico duas vezes).

Automatizar informações de preços em formatos aninhados

Agora eu crio uma estrutura sob a guia Iniciais e formatos aninhados. Então, crio um novo formato aninhado.

Automatizar informações de preços em formatos em camadas.

Aqui, eu ainda não defino nenhum formato de caractere (1), mas seleciono inicialmente até (2), o número "1" (3) e, é claro, a vírgula (3).

Agora, o que importa é o seguinte: Com essa linha, estamos definindo que o "34" neste exemplo permanece intacto à frente (5). Simplesmente permanece inalterado. E somente a partir da vírgula algo deve acontecer. Este é o propósito deste formato aninhado.

Próximo passo: Precisamos definir um formato de caractere. Então, clicamos em Novo formato de caractere aninhado (6).

Automatizar informações de preços em formatos aninhados.

Primeiramente, tratamos da vírgula, então selecionamos nosso "Indicação de Vírgula" (1), sobre está ok (2), "1" também está ok (3), mas a vírgula não é uma palavra, é um caractere. Portanto, escolho aqui o caractere (4). Assim, definimos tudo até após a vírgula (5). E continuamos com mais um formato aninhado (6).

Automatizar informações de preços em formatos aninhados

Pegamos a "Indicação de Centavos" (1), novamente sobre (2) e também "1" (3), mas desta vez são palavras (4).

Essa estrutura é necessária para que o InDesign identifique quando cada formato deve ser aplicado. Confirmo com OK (5).

Automatizar informações de preços em formatos aninhados.

A caixa de texto marcada (1) agora é definida com o "Indicação de Preço" (2). Nada deve acontecer ainda. E agora fazemos ajustes nos formatos de caractere. Primeiramente, vamos reproduzir o primeiro exemplo: então entro no "Indicação de Centavos" (dou dois cliques no 3) …

Automatizar informações de preços em formatos aninhados.

… e vou em Formatos de Caractere Básicos (1). Selecionei a Posição Superior OpenType (2). Aí já acontece algo.

Automatizar informações de preços em formatos aninhados

O "90" no entanto sobressai um pouco, então ajustamos mais um parâmetro em Formatos de Caractere Avançados (1). Aqui ajustamos o deslocamento de linha base. Com 10 Pt, o "90" sobe ... (2) Direção errada. Portanto, diminuo o valor (com Shift e a seta para baixo) para -10 Pt (3). E isso é aproximadamente a altura que desejo. Claro que pode-se ajustar mais finamente, mas para minhas necessidades está ok e confirmo (4).

Automatizar informações de preços sobre formatos aninhados.

Agora vamos abordar a parte do meio: como é que o "90" vai parar na vírgula? Muito simples: vão até à "indicação de vírgula" (duplo clique no 1) e fazem um ajuste na largura de caráter. Para isso, vão a Formatos de Caráter Básicos (2) e inserem um valor na Largura de Caráter. Com -100 fica assim (3): o texto aproxima-se um pouco. O -100 aqui é insuficiente, por isso eu coloco -200 (4) e agora temos o preço exatamente como queríamos. Pronto (5).

Automatizar informações de preços em formatos aninhados.

Variante 2

Agora para o segundo exemplo: Aqui a vírgula desaparece e o "95" sobe um pouco.

Automatizar informações sobre formatos aninhados.

Para isso, abrimos novamente a "indicação dos centavos". Em Formatos de Caráter Avançados (1) removemos o Deslocamento da Linha-base (2). Então o "90" sobe. Confirmamos (3).

Automatizar informações de preços em formatos aninhados.

E agora focamos na vírgula e chamamos a "indicação de vírgula". Aqui alteramos a Cor do Caráter (1) simplesmente de Branco para [Sem] (2). Confirmamos (3). E pronto, desapareceu.

Automatizar indicações de preços para formatos aninhados.

Variante 3

Agora o terceiro exemplo com um sublinhado...

Automatizar informações de preços em formatos embutidos

Voltamos à "indicação dos centavos", e incluímos novamente o Deslocamento da Linha-base de -10 (1 e 2), para que o texto desça um nível novamente.

Automatizar a indicação de preços em formatos aninhados.

E agora chamamos as Opções de Sublinhado (1). Aqui ativamos a caixa de seleção (2), então a linha já está ligada à base da linha. Então ajustamos a Espessura para 4 Pt (3) e movemos a linha sobre o Deslocamento em direção ao "90", por exemplo, com -24 Pt (4). Pronto (5).

Automatizar informações de preços em formatos aninhados.

Resumo

Muito simples, então, podem experimentar à vontade. Se eu agora criar uma nova caixa de texto sem formatação e inserir um valor (1), então posso selecionar confortavelmente essa caixa de texto e aplicar a "indicação de preço" (2). O texto está pronto.

Automatizar a apresentação de preços em formatos aninhados.



É tão simples assim. Espero que possam aplicar isso para vocês - realmente não é nenhum bicho de sete cabeças e super fácil de replicar.

Seu Stefan