quinta-feira, 4 de agosto de 2011

Palestra da Wink na Semana do Design - FIEO


Aconteceu, no dia 10 e 11 de maio no Centro Universitario FIEO, a Palestra e workshop de Concept Art e Character Design com Marcio Ferreri da Wink Consultoria e Treinamentos. A Palestra foi dirigida aos alunos de Graduação de Design Digital, Publicidade e Jornalismo.

A apresentação foi dividida nos seguintes topicos:

dia 10 - I- Concept Art definição e conceitos
II- Character Design, Metodo e Tecnicas
dia 11 - III- Matte Painting

segunda-feira, 4 de abril de 2011

Indesign - Páginas com elementos animados

A versão CS5 do InDesign inclui recursos pré-definidos de animação do Flash e, se for vontade do usuário, há possibilidade de criá-las sem ser "mestre do Flash". Tudo para garantir dinamismo e interatividade dos layouts, que hoje podem ser voltados para web, que até você, bitolado em editoração tradicional (como eu), vai usufruir sem precisar comprar uma cartela de Neosaldina.
Você pode incluir vídeo, áudio, botões, transição de páginas e links. Para visualizar esses recursos na sua página, não há necessidade de exportá-los, pois o próprio InDesign possui uma paleta chamada "Preview", que permite que isso aconteça no próprio programa. É importante ressaltar que, como produto final, as animações só funcionarão em documentos exportados em SWF ou FLA.

Bem, vamos ao que interessa:

1) Para visualizar todos os recursos novos dessa versão, vá ao menu Window> Workspace> New in CS5;

2) Estruture seu layout na página, já inserindo todos os elementos que a formarão;

3) Selecione o objeto que pretende animar e vá até a paleta Interactive (Window> Interactive);

4) Escolha Animation e, já com a paleta aberta, escolha em Preset o tipo de animação que deseja;

5) Após definir o tipo de animação, automaticamente algumas opções serão habilitadas na mesma caixa:

- Event(s): o que deverá acontecer para "rodar" a animação (ex.: clicar do mouse);
- Reverse on Roll Off: ao virar a página a animação roda de trás para frente;

-Duration: tempo da animação

- Play: quantidade de vezes que a animação rodará;

- Loop: habilita reprodução contínua da animação;

- Speed: velocidade da animação;

6) Configure as opções acima e na paleta Preview visualize o resultado.

7) Para ordenar as animações, abra a paleta Timing. Ela apresentará uma lista com todas as animações contidas na página. A ordem de execução é de cima para baixo e, se houver interesse em executar animações simultaneamente, selecione-as pressionando a tecla Shift e clique no botão "Play together", posicionado no rodapé desta mesma paleta.

8) Muito bem. Agora se você deseja gerar uma página com essas animações funcionando, o próprio InDesign te conduz para exportá-la em SWF. Daí em diante é uma festa só. Você pode levá-la para o Flash CS5 e continuar a animação, trazer de volta para o InD, terminar o trabalho e exportá-lo.

Agora, se pretende manter o formato PDF, exporte apenas os seus objetos animados e depois os importe para o InDesign, substituindo os anteriores (em SWF mesmo). Na exportação da página, não esqueça de habilitar o PDF (Interactive) e, para visualizá-lo, precisa ter o Reader ou Acrobat 9.0.

É isso aí. Até a próxima!

[]'s

sexta-feira, 25 de fevereiro de 2011

Conceitos sobre Finalização e Fechamento de Arquivos Digitais (Parte 1)

Iniciaremos aqui a apresentação de conceitos que envolvem a Construção, Finalizamento e Fechamento de arquivos digitais para uma bela impressão. Tem-se aqui o intuito de apresentar de forma simples e dinâmica os principais procedimentos através dos softwares utilizados na área gráfica. Esse artigo faz parte do Caderno de Finalização e Fechamento de Arquivos Digitais, coleção que inclui também os cursos de Illustrator, Photoshop e InDesign. Através de exercícios práticos, o Caderno de Finalização e Fechamento de Arquivos Digitais apresenta os principais ajustes e procedimentos para se preparar um arquivo digital para uma impressão com qualidade.

O que é Finalizar e Fechar um Arquivo Digital?

Finalizar um arquivo digital é prepará-lo para um posterior fechamento. Todos os procedimentos de ajustes, tanto na elaboração do layout como na correção dos itens que envolve a área de impressão, compreendem essa Finalização. Após finalizá-lo, parte-se para o fechamento. E o que é esse Fechamento? Fechar um arquivo é adaptá-lo para ser impresso na linguagem profissional de impressão, gerando-se um formato, uma extensão de arquivo que os equipamentos que vão interpretá-lo possam reconhecê-lo. A extensão de arquivo demonstra o tipo de arquivo e onde ele foi gerado. Por exemplo, a extensão .doc mostra que o arquivo é do tipo texto e foi gerado no Word, na maioria das vezes.

Linguagem Postscript

Desenvolvida pela Adobe nos anos 90, a linguagem Postscript é uma linguagem de programação utilizada para descrever páginas. Ela é utilizada como um interpretador de arquivos digitais para impressão profissional, ou seja, em que a tiragem e a qualidade são requisitos fundamentais. Essa linguagem tem como parceiro um cara chamado RIP (Raster Image Processor), que se trata de um software/hardware que tem como principal função rasterizar todos os elementos do arquivo digital, incluindo aí as fontes e as ilustrações criadas nos softwares vetoriais.

Formatos PS e PDF

Para que os arquivos gráficos possam ser reconhecidos pelo RIP, é necessário que sejam convertidos em formatos de arquivos fechados. Os formatos mais utilizados hoje no mercado são: PS (postscript) e PDF (Portable Document File). A principal diferença entre os dois é que o PDF, além de ser bem mais compacto do que o anterior, pode ser visualizado. O PDF seria uma evolução do PS, pois possui outras vantagens: pode ser visualizado em qualquer sistema operacional e impresso em qualquer impressora, mesmo aquelas “caseiras”.

quinta-feira, 20 de janeiro de 2011

Transição de Páginas no InDesign CS5

Quer aplicar o efeito da Revista Wink no seu trabalho? Certo! Nós ensinamos pra você.

O efeito de transição de páginas do InDesign é bem parecido com o do PowerPoint, mudando apenas os procedimentos de aplicação e exportação. Num documento de várias páginas é possível configurar para que elas sejam exibidas de forma mais dinâmica que a tradicionalmente exibida no pdf. Na verdade é uma “frescurite” que todo mundo gosta e, além disso, quando se trata de web, todo movimento é pouco. Por falar em movimento, vamos lá, movimente-se!

1) Crie todas as páginas com o layout desejado, lembrando que ele não interfere nos efeitos;


2) Abra a paleta Pages (Window> Pages) e clique duas vezes sobre qualquer uma das páginas. Abra a paleta Page Transitions (Window> Interactive> Page Transitions). Selecione o tipo de transição que prefere, a direção e a velocidade da transição. Cada vez que clicar sobre uma opção, ele mostrará o efeito da transição. Nós escolhemos “Page Turn” para a revista do post abaixo.

3) Se sua vontade é aplicar essa mesma configuração a todas as páginas, clique em “Apply to All Spreads”, caso contrário, repita o mesmo procedimento individualmente nas páginas, sempre com a página em foco no momento da aplicação, ou seja, clique duas vezes sobre a página na paleta Pages antes de aplicar o efeito.


4) Pronto. Tudo aplicadinho, agora temos que salvar o arquivo. Na hora de exportar (File> Export), selecione FLASH PLAYER no formato do arquivo.


IMPORTANTE: A opção do efeito de virar a página (como se estivéssemos virando a página de um livro) só acontece se você exportar o arquivo em SWF e visualizá-lo no Flash Player. Se você chegar até aqui e exportar o arquivo em pdf, não haverá movimento e as páginas serão passadas normalmente de uma para a outra, como se você não tivesse configurado nada.

5) Para encerrar, devemos escolher as propriedades do swf. Eu sempre deixo 100%, Paper Color e Include All (para carregar com ele animações – quando tiver). Não podemos esquecer de selecionar Include Interactive Page Curl, e só.

6) Pronto. Agora é só visualizar o arquivo e ficar virando mil vezes as páginas, só porque ficou bonitinho.

Fiquem ligados! Publicaremos também um tutorial para gerar pdf’s com elementos animados na página, ferramentas que fazem do InDesign um software de criação de layouts e editoração também para web.

Qualquer dúvida neste tutorial, entre em contato com nossa equipe: wink.ct@gmail.com

Até a próxima!
Lançamento da Revista Semeiosis na Escola de Comunicação e Artes da Universidade de São Paulo.