A grande viagem pelos Nested Styles

por edraant em 07/02/2009

em Character Styles, Grandes viagens, Nested Styles, Paragraph Styles, Produtividade, Texto

Há téc­ni­cas e téc­ni­cas, e uma das gran­des fea­tu­res do Inde­sign é a pos­si­bli­dade de usar­mos os  Nes­ted Sty­les, que me per­mi­tem per­so­na­li­zar par­tes de texto da forma como qui­ser. Pode­rão per­gun­tar: ”mas isso não será sufi­ci­ente com os Cha­rac­ter Style?”. Até um certo ponto, sim. Mas não para o que vos vou mos­tar. Sentem-se e preparem-se para a grande via­gem dos Nes­ted Styles.

Antes de mais, onde está a palete dos Nes­ted Sty­les? Não existe. Existe a palete dos Cha­rac­ter Sty­les, Para­graph Sty­les, e até das Table Sty­les, Cell Sty­les e Object Styles.

Para que serve um Nes­ted Style? Bom, para mim serve-me para des­ta­car uma pala­vra de texto, para ita­li­zar a pri­meira pala­vra dos meus pará­gra­fos ou para espe­ci­fi­car que pre­tendo que a minha capi­tu­lar seja de uma fonte dife­rente do resto do texto. E tudo isto com um click.

Um con­se­lho pre­ci­oso: não tenham pro­ble­mas em per­der várias horas na pre­pa­ra­ção de um docu­mento (cores, esti­los, etc.), e a automatizá-los o mais pos­sí­vel. Verão que as horas (ou dias) de tra­ba­lho para a exe­cu­ção de um tra­ba­lho serão bem meno­res.
Ah, e tes­tem. Tes­tem muito!

Os Nes­ted Sty­les ”nas­cem” nos Cha­rac­ter Sty­les e ”mor­rem” nos Para­graph Sty­les. O que é que isto sig­ni­fica? Que são cri­a­dos como Cha­rac­ter Sty­les e apli­ca­dos como Para­graph Sty­les. Con­fu­sos? Vamos lá então.

Exer­cí­cio 1

Pre­tendo des­ta­car a nega­tivo uma pala­vra den­tro do meu texto. Mui­tos de nós uti­li­za­mos uma téc­nica dife­rente. Dese­nham uma caixa com texto a branco e fundo verde, copiam-na, posi­ci­o­nam o cur­sor na parte do texto onde pre­tende inse­rir e fazem paste. A coisa fun­ci­ona, e mesmo que o texto rejus­ti­fi­que, a caixa ali anda para trás e para a frente sem gran­des problemas.

Chamo a minha palete dos Cha­rac­ter Sty­les e crio um novo estilo cha­mado ”texto nega­tivo branco”.

Edito a tab das cores e digo que o meu ”Cha­rac­ter color” é branco.

nested_1

Um pouco mais abaixo, na tab ”Under­line Opti­ons” vou fazer o meu fundo de des­ta­que do texto. Para quem pensa que o under­line só serve para subli­nhar pala­vras, aqui está uma alternativa.

Activo o Under­line. Defino uma espes­sura para o filete (varia coso­ante o corpo que esta­mos a usar). Defino um off­set (des­lo­ca­ção desse filete rela­ti­va­mente ao base­line do carac­ter) para cima, e atribuo-lhe a cor encar­nada, já cri­ada anteriormente.

E pronto, tenho o meu Cha­rac­ter Style criado.

nested_2

Nesta altura pode­ria usá-lo indi­vi­du­al­mente, selec­ci­o­nando o texto que pre­tendo e aplicá-lo.

Con­se­guem ver a dife­rença entre a pala­vra ”labo­ri­ta­quo” e ”ati­sim­por”? A pri­meira tem uma ”defesa” antes e depois pre­en­chida com ver­me­lho, na segunda o texto quase que é cor­tado pelo espaço vermelho.

Acres­cen­tei um ”Thin Space” (Type > Insert White Space > Thin Space) antes e depois da pala­vra, para haver uma mar­gem ver­me­lha para a pala­vra res­pi­rar. O tru­que é esse espaço fino ter o mesmo Cha­rac­ter Style do texto a negativo.

nested_3

Vamos então ”trans­for­mar” este Cha­rac­ter Style em Nes­ted Style.

Para não fazer con­fu­são, apa­guei as pala­vras que con­ti­nham o Cha­rac­ter Style aplicado.

Edito a minha palete ”Para­graph Style” e crio um novo Para­graph Style, cha­mado ”texto’, com as carac­te­rís­ti­cas de tipo, ali­nha­mento, cor, etc.

Nesta paleta, selec­ci­ono a tab ”Drop Caps and Nes­ted Sty­les”.

A nova ver­são CS4 tem agora a pos­si­bi­li­dade de apli­car Nes­ted Sty­les a linhas. De momento o que pre­tendo fazer é espe­ci­fi­car no campo ”Nes­ted Sty­les” para usar o Cha­rac­ter Style ”texto nega­tivo branco”. Repa­rem ao lado, subli­nhado a azul. ”Through 1 words”. Isto sig­ni­fica que a minha folha de esti­los que será apli­cada como Nes­ted Style só irá apa­re­cer na 1ª pala­vra do meu parágrafo.

nested_4

E tenho o meu Nes­ted Style apli­cado, atra­vés do Para­graph Style, apli­cado ape­nas à pri­meira pala­vra de cada parágrafo!

Repa­rem que selec­ci­o­nei um pouco do texto, e o Inde­sign indica-me que não está a usar o Cha­rac­ter Style ”texto nega­tivo branco”. Isto acon­tece por­que este Cha­rac­ter Style está a ser usado como Nes­ted Style den­tro do Para­graph Style.

nested_5

Exer­cí­cio 2

Pre­tendo que os meus núme­ros no iní­cio do texto sejam a verde.

Para isso dupli­quei o Cha­rac­ter Style, e alte­rei a cor para verde no ”Under­line options”

Chamo de novo o Para­graph Style, só que agora esco­lho o novo Cha­rac­ter Style: ”texto nega­tivo verde”, dizendo para me apli­car o estilo até ao começo do 3ª carac­ter (up to 3 Characters).

nested_6

E o resul­tado é este.

nested_7

Exer­cí­cio 3

A par­tir daqui vamos entrar mais a fundo nos Nes­ted Styles.

Pre­tendo uma capi­tu­lar em Azki­zend Gro­tesk, a 70% preto, em que a pri­meira linha do meu texto é cor de laranja, em Cha­par­ral Pro, sendo que o resto do texto tam­bém é Cha­par­ral Pro.

Para isso tenho de criar 2 novos Cha­rac­ter Sty­les. O pri­meiro, cha­mado ”capi­tu­lar”, apliquei-lhe ape­nas 70% de preto, e Akzi­denz Gro­tesk Bold.

O segundo, cha­mado ”linha texto laranja”, espe­ci­fi­quei ape­nas um encar­nado a 70%.

Quando não pre­en­cho um campo num Cha­rac­ter Style ou Para­graph Style, esse estilo assume por defeito as características-base. Se eu qui­sesse que, além de mudar de cor, tam­bém mudasse de corpo, tinha que espe­ci­fi­car o novo corpo nesse Cha­rac­ter Style. Como dei­xei o campo em branco, o estilo assu­miu o corpo por defeito do Para­graph Style.


Vamos lá então com­pli­car mais um bocadinho.

Como podem veri­fi­car, não é só no campo ”Nes­ted Sty­les” que posso apli­car o meu Cha­rac­ter Style. Neste exem­plo, apli­quei o meu Cha­rac­ter Style ”capi­tu­lar” no campo ”Drop Caps”, espe­ci­fi­cando que quero usar uma capi­tu­lar de 2 linhas, usando o Cha­rac­ter Style ”capi­tu­lar”, que, se bem se lem­bram, é ape­nas preto 70% com a fonte Akzi­denz Grotesk.

Tal como tinha refe­rido atrás, o CS4 tem uma nova fun­ci­o­na­li­dade para nes­ted sty­les em linhas. Assim, no campo ”Nes­ted Line Style”, chamo o meu segundo Cha­rac­ter Style, em que desejo que seja apli­cado ao longo de 2 linhas.

nested_9

E o resul­tado é cada vez mais interessante.

nested_10

Exer­cí­cio 4

Aqui já é quase brin­car com os Nes­ted Sty­les, para ver até onde pode­mos ir.

Adi­ci­o­nei os 2 Cha­rac­ter Sty­les ”texto nega­tivo branco” e ”texto nega­tivo verde” ao campo ”Nes­ted Sty­les”, pedindo que fos­sem ape­nas apli­ca­dos a 1 pala­vra. Man­tive o Nes­ted Style ”linha texto laranja” apli­cado a duas linhas.

nested_11

Podia ter esco­lhido outras cores, mas o resul­tado final é bem agra­dá­vel, espe­ci­al­mente por­que é tudo feito de modo automático.

nested_12

Estão a ver no qua­dro dos Nes­ted Sty­les, aque­las duas setas para cima e para baixo? Selec­ci­o­nei o ”texto nega­tivo verde” e coloquei-o por cima do ”texto nega­tivo branco”.

nested_13

Exer­cí­cio 5 (e último!)

Para ter­mi­nar, algo que sem­pre foi com­pli­cado de fazer, pela sua moro­si­dade, mas que com os Nes­ted Sty­les se reve­la­ram um prazer.

Criei mais 2 Cha­rac­ter Sty­les, um com o ”Under­line Opti­ons” a 20% preto e o outro a 60% preto (podiam ser outras cores).

No campo ”Nes­ted Sytle Lines” fui adi­ci­o­nando os 2 esti­los, alter­na­da­mente. Podem adi­ci­o­nar quan­tas vezes quiserem.

nested_14

O resul­tado, ape­sar de sim­ples, é bem efi­caz graficamente.

O fio branco que existe na entre­li­nha não é pro­po­si­tado. Se o qui­sesse tapar com­ple­ta­mente, bas­tava alte­rar a altura do filete nas ”Under­line Options”.

nested_15

Os Nes­ted Sty­les não se ficam por aqui. Há situ­a­ções em que neces­sito deles ape­nas para poder espe­ci­fi­car que quero que sejam visí­veis 3 carac­te­res, quando con­ju­ga­dos em variá­veis de texto. São os ”Nes­ted Sty­les pla­cebo” (expres­são minha). Mas isso fica para outro artigo.

Bons Nes­ted Styles.

Deixar um comentário

Post Anterior: Repaginar com o Layout Adjustment

Post Seguinte: Técnicas avançadas de uma Library