Já lá vão os tempos em que para se fazer uma simples apresentação ou algo com mais movimento implicava 3 ou 4 programas, ter skills em todos eles, e rezar para que a coisa resultasse.

Apesar das suas limitações o Indesign faz uma belíssima apresentação dos documentos no formato PDF ou SWF com as Page Transitions.

Pretendo criar um documento de 8 páginas em Flash. Selecciono o sub-menu da Palete Pages > Page Transitions > Choose.

Estas são as opções que o Indesign permite exportar para Flash. Para quem conhece um pouco de PowerPoint ou Keynote, é bastante similar.

Neste exemplo, escolho a opção Page Turn, que só funciona para Flash. Todas as outras funcionam em PDF’s interactivos e Flash. Aplico a todas a páginas.

Ao fazer OK, é apresentada esta palete, que ainda nesta fase, me permite alterar a forma de visualização ou de personalizar a entrada das páginas, a sua direcção e velocidade. Esta palete encontra-se no menu Window > Interactive > Page Transitions.

Dando uma vista de olhos pela Palete Pages, verifico que as transições de página estão aplicadas em todo o documento, indicado pelo ícone à direita em cada um dos spreads.

O documento está pronto para ser exportado.

Menu File > Export > SWF.

O quadro apresentado é mais do interesse de um webdesigner. No entanto, há que saber o que se pretende do documento. Neste exemplo, exporto o texto para Flash Text. As outras opções (Vector Paths e Raster Image) permitem-me exportar o texto em vectores ou imagem.

Também posso especificar qual a compressão das imagens. Mais uma vez, penso que será o webdesigner a dar as especificações que pretende.

A opção Include Interactive Page Curl, se estiver activa, permite adicionar uma função que faz “folhear” as páginas, independentemente da transição aplicada. Ou seja, posso ter escolhido a opção Uncover, e se o botão Include Interactive Page Curl estiver assinalado, o ficheiro de Flash fará a transição pedida (Uncover) com a animação Page Turn. Assinalo também Generate HTML File.

O resultado da exportação são 2 ficheiros: o html (para visualizar num browser) e o ficheiro Flash propriamente dito.

Ao abrir o ficheiro html no Firefox, e posicionando o cursor no canto inferior direito da página, vejo a opção Page Turn a funcionar (clique para ampliar).

Finalmente, o próprio html é todo ele editável no Dreamwaver, ou programa similiar.

Conclusão: As Page Transitions são uma excelente feature do CS4, que evitam ter conhecimentos de HTML ou Flash para fazer uma apresentação bastante decente.

Bons Flashes.

]]> http://www.incunabulo.com/2009/03/30/exportar-paginas-para-flash/feed/ 0 http://www.incunabulo.com/2009/02/26/buttons-rollovers/ http://www.incunabulo.com/2009/02/26/buttons-rollovers/#comments Thu, 26 Feb 2009 23:25:18 +0000 edraant http://www.incunabulo.com/?p=1278

A Adobe nos últimos anos tem vindo a aproximar a interactividade entre os documentos dos seus vários softwares. O que dantes poderia ser uma dor de cabeça em Flash, pode agora ser bem simples (mas limitado), importando um documento de Indesign ou Illustrator.

O passo básico para interactividade, seja para exportar para PDF ou Flash, além dos hyperlinks, são os buttons.

Ponto prévio: tal como o QuarkXPress, também o Indesign tem uma forma muito bizarra de criar este tipo de animações para web. Pessoalmente não sou fã desta feature. Continuo a preferir o Dreamweaver ou o Fireworks para tal, mas deixo aqui a forma de o fazer no Indesign. Ah, e já agora umas noções de web também não serão de deitar fora.

Qualquer objecto do Indesign poder ser um Button: texto, imagem ou stroke.

Criei um pequeno documento com 3 obejctos e respectivo texto, que pretendo que se transformem em botões. Como vão funcionar como botões de navegação, coloquei-nos nas páginas mestras.

Abro agora a Palete Buttons, para os criar. Menu Interactive > Buttons.

Vou criar um button no meu primeiro objecto (home).

Se tiver vários objectos agrupados, esse grupo funciona como um button.

Selecciono o objecto que contém ”home”, e no quadro State Appearance, especifico que o meu objecto aparece da forma como se apresenta na minha página.

Ainda no State Appearance, clico em On Roll Over, vou à minha palete Swatches e mudo a cor do objecto.

Ao escolher a opção On Roll Over, estou a indicar que quando o rato passa por cima do button, muda de cor.

Finalmente escolho outra mudança de cor, no quadro State Appearance.

Ao escolher a opção Click, estou a indicar que quando é dado o click no button, o objecto muda de cor.

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

Quero que o meu button faça ir o documento para a primeira página.

No pop-up Event, escolho On Click (que é o comando que eu pretendo que seja executado), depois carrego no sinal ”+” das Actions e escolho Go To First Page.

E tenho o meu primeiro Roll Over criado.

A seguir, selecciono o segundo objecto do meu documento (seguinte) e altero da mesma maneira que o anterior, só que desta vez, no Event On Click, a acção é Go To Next Page.

Repito o procedimento para o terceiro objecto (anterior), mudando obviamente a Action > on Click para Go To Previous Page.

O último passo é exportar para PDF. Independentemente dos parâmetros que poderão dar, o mais importante é estar assinalado a opção Interactive Elements, na parte inferior da janela, já que os buttons são objectos interactivos.

Conclusão: na realidade, o Indesign tem algumas limitações nestes processos. Mas também não preciso de ser um Webdesigner para criar uns buttons bem interessantes.

Bons buttons.

Escolher 3 cores para um logo de um cliente?  Uma brochura sobre Natureza, com verdes e castanhos? Cores complementares àquele azul-petróleo que fica tão bem naquele título daquele site?  Comprar catálogos de conjugações de cor a preços estratosféricos para usar, sabe-se lá quando? Kuler é a resposta. E finalmente, após ser apresentado no Illustrator CS3, foi implementado na nova versão do Indesign CS4.

O Sr. Kuler não existe; é ”apenas” uma comunidade Adobe online que se inspira em construir catálogos de cor digitais, funcionais e belos.

A Palete Kuler apresenta-se no Menu Window > Extensions > Kuler.

O quadro abaixo mostra uma lista das cores mais charming criadas por essa comunidade. Na tab Browse, podemos ver as cores mais votadas, mais populares, mais recentes, etc.

O mais interessante é que posso adicionar estas misturas de cores à minha palete Swatches, seleccionando o tema e escolhendo Add to Swatchs Panel.

Apesar de o Indesign ser fundamentalmente um programa desenhado para produção em CMYK, há cada vez mais funcionalidades relativas à web. Por este motivo, as cores adicionadas pelo Kuler aos nossos Swatches são em RGB. Para as usar num ambiente prepress, tenho de as converter em CMYK.

Também posso criar os meus próprios temas e juntar-me à grande comunidade Kuler.

Seleccionar a tab Create e utilizar as várias regras existentes na roda da cor: cores análogas, complementares, tríades, compostas, etc., sem esquecer o brilho da cor, além de que a Palete Kuler apresenta-me os valores em tempo real, no formato RGB e Hexadecimal.

Mais uma vez, posso adicionar as minhas cores criadas no Kuler e adicioná-las à palete Swatches, no botão inferior da palete.

Para fazer o upload do meu tema, tenho de estar registado no site. Reparem que a cor a salvar no site é a mesma que acabei de criar. Se estivesse registado e logado, só teria de lhe dar um nome e guardá-la.

Quantas vezes já tivemos uma imagem de base, e queremos construír o nosso trabalho a partir das cores mais predominantes dessa imagem?

Uma  das funcionalidades mais recentes do Kuler é poder adicionar uma foto através do meu computador ou do Flickr, e construír de raíz uma gama de 5 cores a partir da imagem apresentada.

Bons Kulers.