Buttons & Rollovers

A Adobe nos últi­mos anos tem vindo a apro­xi­mar a inte­rac­ti­vi­dade entre os docu­men­tos dos seus vários softwa­res. O que dan­tes pode­ria ser uma dor de cabeça em Flash, pode agora ser bem sim­ples (mas limi­tado), impor­tando um docu­mento de Inde­sign ou Illustrator.

O passo básico para inte­rac­ti­vi­dade, seja para expor­tar para PDF ou Flash, além dos hyper­links, são os but­tons.

Ponto pré­vio: tal como o QuarkX­Press, tam­bém o Inde­sign tem uma forma muito bizarra de criar este tipo de ani­ma­ções para web. Pes­so­al­mente não sou fã desta fea­ture. Con­ti­nuo a pre­fe­rir o Dre­amwe­a­ver ou o Fireworks para tal, mas deixo aqui a forma de o fazer no Inde­sign. Ah, e já agora umas noções de web tam­bém não serão de dei­tar fora.

Qual­quer objecto do Inde­sign poder ser um But­ton: texto, ima­gem ou stroke.

Criei um pequeno docu­mento com 3 obejc­tos e res­pec­tivo texto, que pre­tendo que se trans­for­mem em botões. Como vão fun­ci­o­nar como botões de nave­ga­ção, coloquei-nos nas pági­nas mestras.

Abro agora a Palete But­tons, para os criar. Menu Inte­rac­tive > Buttons.

Vou criar um but­ton no meu pri­meiro objecto (home).

Se tiver vários objec­tos agru­pa­dos, esse grupo fun­ci­ona como um button.

Selec­ci­ono o objecto que con­tém ”home”, e no qua­dro State Appe­a­rance, espe­ci­fico que o meu objecto apa­rece da forma como se apre­senta na minha página.

Ainda no State Appe­a­rance, clico em On Roll Over, vou à minha palete Swat­ches e mudo a cor do objecto.

Ao esco­lher a opção On Roll Over, estou a indi­car que quando o rato passa por cima do but­ton, muda de cor.

Final­mente esco­lho outra mudança de cor, no qua­dro State Appearance.

Ao esco­lher a opção Click, estou a indi­car que quando é dado o click no but­ton, o objecto muda de cor.

Quando cli­ca­mos em algum botão numa página web, ela faz uma acção. É essa acção que vou criar.

Quero que o meu but­ton faça ir o docu­mento para a pri­meira página.

No pop-up Event, esco­lho On Click (que é o comando que eu pre­tendo que seja exe­cu­tado), depois car­rego no sinal ”+” das Acti­ons e esco­lho Go To First Page.

E tenho o meu pri­meiro Roll Over criado.

A seguir, selec­ci­ono o segundo objecto do meu docu­mento (seguinte) e altero da mesma maneira que o ante­rior, só que desta vez, no Event On Click, a acção é Go To Next Page.

Repito o pro­ce­di­mento para o ter­ceiro objecto (ante­rior), mudando obvi­a­mente a Action > on Click para Go To Pre­vi­ous Page.

O último passo é expor­tar para PDF. Inde­pen­den­te­mente dos parâ­me­tros que pode­rão dar, o mais impor­tante é estar assi­na­lado a opção Inte­rac­tive Ele­ments, na parte infe­rior da janela, já que os but­tons são objec­tos interactivos.

Con­clu­são: na rea­li­dade, o Inde­sign tem algu­mas limi­ta­ções nes­tes pro­ces­sos. Mas tam­bém não pre­ciso de ser um Web­de­sig­ner para criar uns but­tons bem interessantes.

Bons but­tons.

etiquetados como: CS4