MXStudio » Alberth_Costa

Desenvolvendo Multimidias III

Alberth_Costa — Wed, 12 May 2004 00:00:00 +0000

.style1 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

color: #333333;

}

–>

ai galera do MXSTUDIO, desculpa a demora essa semana foi meio conturbada

he he he, deixando as desculpas de lado vamos dar continuidade ao nosso

tutorial de desenvolvimento de multimidia está é a parte

3 do nosso exemplo.

Anteriormente vimos como criar e setar

os botões do multimidia agora vamos dar ações para

esses botões.

Vamos dar inicio ao tutor, para darmos

continuidade ao nosso multimidia vamos adicionar ao nosso cast mais algumas

imagens, para isso basta fazer o download do pacote imagens que se encontra

na seção de downloads do site ou clicando aqui

. Bem feito isso vamos adicionar ao nosso movie a imagem chamada linha

e posiciona-la conforme figura abaixo, observem é acrescentado

um member no score com o nome de linha.

Pronto!

Ao clicar no botão play nosso multimidia

irá iniciar, mais como haviamos definido uma action de stop não

acontecerá nada pois o filme está parado, para resolver

isso vamos criar nossa primeira behavior de controle iremos adicionar

uma ação ao nosso botão, o que é muito simples

vamos selecionar o botão do correspondente ao icone do Director

com o botão direito do mouse clique na opção behaviors,

na janela que aparece vamos construir nossa action.

Observe:

Na janela que aparece dê um nome

para a ação por exemplo Director que seria relacionado ao

botão, o proximo passo é adicionar um comando pra essa ação

tipo como ela vai funcionar, como vou ativa-la, clicando pressionando

uma tecla… para isso vamos clicar no sinal de + em

seguida na opção desejada no nosso exemplo usamos a opção

mouse down como mostra a figura ao lado.

seguida vamos dizer o que nossa action irá fazer vamos repetir

o processo acima só que vamos clicar no + do painel ao lado (actions).

As opções seram diversas conforme mostra a figura abaixo

depois poderemos vê-las individualmente mas para nosso exemplo iremos

usar a action de navegação pois vamos definir que ao clicar

no botão director ele nos leve para um determinado quadro dentro

do score. Para isso a primeira opção dentro do menu navigation

vai nos servir, na janela que aparecerá vc deve informar o numero

do frame inicial de sua animação ou o destino do botão

tipo quando clicar no botão do director vou cair bem em cima do

primeiro quadro da minha animação

downloads

com a animação completa da seção do director

e abaixo segue um exemplo do score dessa animação vou deixa-los

livres para criarem a animação que desejarem seguindo os

passos que mostrei nesse tutorial é claro que vcs teram um pouco

de trabalho e muitas dúvidas, nessa caso fiquem a vontade nos comentários

e qualquer coisa mandem um email

ficarei grato em responder.

ABRAÇOS A TODOS

Multimidia Parte II

Alberth_Costa — Fri, 23 Apr 2004 00:00:00 +0000

Bem

vamos continuar nosso tutorial.

No tutorial anterior montamos nossa interface,

e conhecemos nossa primeira action no director “go the frame”

que como disse equivale ao stop do flash.

Com a interface montada vamos a segunda

parte do tutorial e acrescentar os botões de controle do multimidia,

para isso vamos conheçer mais dois intens de nossa biblioteca,

Multi-State Button ou botão de vários estados e o Rollover

Cursor Change, que seria o tipo de cursor para o mouse quando passar por

cima de alguma coisa.

Para importar a behavior Multi stage Button

basta clicar em Library> Controls > Multi State Button.

O Multi State Button button funciona igual

ao botão do flash como vamos ver no passo abaixo.

Para importar a behavior Rollover Cursor

Change basta clicar em Library> Animation>Interactive > Rollover

Cursor Change.

1° Passo:

Importar para o cast os itens mencionados

acima em nossa library. Agora vamos importar para o movie alguns elementos

de nosso cast que vamos usar como botôes no caso o simbolo de cada

programa macromedia, na seção donwloads da coluna director

estão disponíveis esses elementos.

Vamos posiciona-los conforme a indicação

da figura abaixo.:

Após o poaicionamento dos botões

vamos agora crescentar nossa Behavior Multi Stage Button e Rollover Cursor

Change, acrescentaremos primeiramente o stágio do Botão

para isso basta arrasta-lo do cast para cima da figura desejada, fazendo

com que apareça na tela um janelinha contendo as propriedades dessa

behavior como mostra a figura abaixo:

O Multi State Button é interessante

pelo seguinte, na verdade vc tem dois estágios, um quando o botão

não foi clicado e o outro quando vc clica no botão.

Primeiro Estágio: Antes

de clicar.

OFF STAGE > significa o estado do botão em sua posição

inicial.

Rollover Member > Estado em que o botão irá ficar ao

passar o mouse.

Mouse Down Member > Estado do Botão quando clicado.

Segundo Estágio: Depois

de clicar

ON STATE > Estado do Botão após o clique.

Rollover Member > Estado em que o botão irá ficar ao

passar o mouse.

Mouse Down Member > Estado do Botão quando clicado.

Bem vc irá repetir essa sequência

até o último botão, dê um play para ver como

estão se comportando os botões, o único problema

seria o cursor do mouse continua uma setinha, e não aquela velha

e conhecida mãozinha é ai que entra nossa segunda behavior

o Rollover cursor change.

Você irá repetiro o mesmo

processo acima basta arrastar a behavior pra cima do botão e esperar

a caixa de opções com a propriedade da mesma, no caso do

Rollover Curso Change vc vai ter uma série de opções

de cursor para usar no seu multimidia desde a velha mãozinha até

caneta e carinhas.

Bem até a próxima semana

com a continuação do nosso multimidia, Até Mais.

qualquer duvida : alberthcosta@globo.com

Multimidia Parte I

Alberth_Costa — Sat, 10 Apr 2004 00:00:00 +0000

.style1 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

color: #333333;

}

–>

Aloha!

Bem primeiramente gostaria de me desculpar pelo meu breve afastamento,

tanto no forum quanto aqui, mais hoje iniciaremos uma série de

tutoriais que no final vão lhes mostrar como fazer um pequeno multimidia

completo no Director ok.

Bem para iniciarmos um multimidia é

necessário primeiramente ter em mente ou um esboço do multimidia

desejado, aconselho fazer o que chamamos de story board, nele você

defini-rá toda a sequência e o processo de desenvolvimento

do multimídia.

Para o nosso exercicio baixe os arquivos

na seção downloads da coluna.

Iremos utilizar uma interface simples

mais funcional, onde vamos demostrar como se fosse uma apresentação

os nossos colunistas do MXSTUDIO.

Abra o Director, em seguida importe para

o seu cast os arquivos baixados, no painel Property Inspector, vamos definir

o tamanho do nosso filme, na quia movie, defina os parâmetros de

altura e largura respectivamente em 720 e 486, mude também a cor

de fundo para #E4EAF2, como mostra a figura abaixo.

Observem que a cada elemento adicionado

no movie ganha um lugar em nossa timeline (score), quando um objeto é

adicionado ao score ele recebe i nome de sprite, a ordem de aparecimento

da sprite no movie depende da localização da mesma no score,

tipo cada linha do nosso score tem um numero que segue uma sequência

lógica, se colocar-mos uma sprite na linha 1 em seguida colocar-mos

uma sprite na segunda linha, a sprite que estiver na segunda linha vai

aparecer na frente da sprite na primeira linha, para entender melhor posicionem

as sprites de maneira com que os objetos do movie fiquem sobrepostos,

depois alternem as sprites de lugar.

Cada sprite adicionada na cena ocupa 30

quadros no score o que equivale a 30 segundos de animação,

para posicionar os elementos no movie de forma com que fiquem organizados

você pode usar linhas guias para alinha-los, no Director o uso de

linhas guias é diferente dos outros programas em que para adicionar

uma guia basta puxa-las da regua que ficam localizadas nas extremidades

da sua área de trabalho.

As guias podem ser adionadas a partir

do painel Property Inspector na guia, Guides. Nessa guia é definido

a cor, além de opções como visibilidade, snap e travamento

da guia. para adiconar-mos a nossa guia basta clicar com o botão

acionador do mouse em cima do sinal de + (escolhendo a guia horizontal

ou vertical) e arrastar para o movie, para remover basta clicar em cima

do botão remove all. nesta guia também estão localizadas

as opções do grid.

No campo name coloque “Base”

logo abaixo encontra-se um campo onde está definido 100% vamos

colocar 30%, isso ira definir a visibilidade da sprite no filme, agora

vamos trava-la clicando no cadeado localizado no canto esquerdo acima.

Isso vai fazer com que a imagem base não seja movida de lugar servindo

apenas de referência para a montagem do multimidia.

Bem vamos adicionar nosso elementos ao

movie, lembrando que os objetos devem ficar igual a imagem base, feito

isso o movie deverá ficar dessa forma:

Vamos a nossa primeira visão sobre

Lingo.

Mais vc me pergunta o que é lingo?

Lingo é uma linguagem de programação interna do director,

e como a maioria das liguagem é orientada a objetos. possuindo

rotinas pre-definidas, permitindo também ao usuário definir

suas próprias rotinas.

exitFrame

(aqui voçê irá definir a função desejada)

end

no espaço acima mostrado vc irá

digitar, “go the frame” sem aspas, pronto agora é só

fechar a jenelinha e dar play novamente. Repare que agora não ocorre

o loop. A linha de comando go the frame corresponde ao stop do flash.

Bem na proxima coluna vamos dar continuidade

ao nosso multimidia com a inserção de botões e links.

em caso de dúvidas uchimata@mxstudio.com

Descobrindo Shockwave 3D

Alberth_Costa — Wed, 17 Mar 2004 00:00:00 +0000

Aloha! Bem por enquanto ainda não tive tempo de testar as novas ferramentas do director mx, mas prometo que vou testar e fazer uma série de tutoriais iniciando é claro pelo controle de DVD, que a galera pediu tanto.

Bem vamos ao que interessa, hoje iremos conheçer um pouco do shockwave sua interatividade e controle, que particularmente acho um dos melhores recursos do director.

Bem para iniciar-mos nosso tutorial será nescessário baixar o arquivo shockwave de exemplo clicando aqui. O Proximo passo será abrir o director e seguir os passos abaixo.

1°. passo:

Abra o director, no cast carregue o arquivo mxstudio, bem o processo de importação de um arquivo seja ele video, imagem ou swf é simples, basta você clicar com o botão direito do mouse dentro do cast, em seguida clique em import. figura 1 e 2.

F igura 01

F igura 02

2°. Passo:

Agora arraste o arquivo para o seu stage, qualquer elemento adicionado no stage, automaticamente é adicionado no score uma sprite relacionando o objeto no stage dentro do score é que vc vai fazer o controle do seu multimidia ou video, quando o objeto é adicionado no stage, aparece em baixo do mesmo uma pequena caixinha transparente informando algumas propriedades desse objeto, como informação de posicionamento x e y em relação ao stage, behaviors sprite e a transparencia dessa caixinha é regulada em uma barrinha horizontal na própria caixanha no lado direito, só estou comentando isso por motivo de força maior caso alguem perceba e tenha alguma dúvida. Beleza agora vamos a parte divertida da coisa toda!

3°. Passo:

Bem agora vamos adicionar algumas behaviors ao nosso filme, no painel library, clique no icone para adicionar uma ação, no nosso caso vamos utilizar duas ações uma de controle do movimento e a outra para cionamento desse movimento.

Como mostra a figura acima clicamos no item 3D por se tratar de uma interação em shockwave seguido do sub-item actions, nesse subitem encontra-se as blibliotecas de camera, como rotação drag etc… ao longo dos artigos vamos explicar algumas dessas opções não todas pois o objetivo dos artigos estimular o aprendizado, quer dizer que vamos dar um suporte e o resto fica com a “fome” de cada um ok.

Bem voltando, dentre as várias opções que temos nessa seção vamos escolher a opção de orbit camera como mostra a figura abaixo. Você vai clicar, segurar e arrastar esse icone para seu stage para cima do seu filme, automaticamente, ele é adicionado no seu cast mais não aparece no seu score por se tratar de uma ação e não de um elemento do seu filme ok.

Quando isso acontece, aparecerá em seu video uma caixa com as setagens da sua behavior, como mostra a figura abaixo, é extremamente necessário identificar um grupo, vamos ver o porque logo mais. No nosso caso o grupo chama-se mxstudio. Bem a caixa Which Model dependendo do filme shockwave e dos elementos nele contidos, vai variar deixa eu explicar melhor, para gerar esse arquivo shockwave usei um programa 3D que faz a exportação do filme shockwave, quando modelei o logotipo do MXSTUDIO não dei nome aos bois, quero dizer que cada quadrado pertencente ao logo possue o nome de rectangle01, 02 e 03 e o nome mxstdio text01, essa é a nomeclatura que utilizei no programa de 3D que o shockwave trouxe.

Bem então é o seguinte essa bahavior vai fazer com que aconteça um movimento de rotação em cima de um eixo que você vai definir na caixa Which Model. Como mostra a figura abaixo.

4°. Passo:

Agora vamos adicionar outra ação ao nosso filme, vamos voltar ao painel library, novamente no item 3D em seguida no sub-item Triggers e vamos repetir o processo feito acima.

Em seguida na opção Mouse left, essa função ira fazer com que você controle o filme utilizando o botão esquerdo do mouse dentro das propriedades dela você irá determinar como esse controle será realizado, tipo mantendo pressionado, clicando etc… Como mostra a figura abaixo.

Bem agora é só dar o play e clicar, e arrastar o mouse em cima do seu filme. como mostra abaixo.

Valeu Galerá espero que vcs gostem.

Novo Director MX 2004

Alberth_Costa — Tue, 09 Mar 2004 00:00:00 +0000

Olá comunidade MXSTUDIO, bem havia mencionado no artigo passado que o próximo assunto seria a criação do primeiro filme em director, peço desculpas e permissão pra falar de um outro assunto.

A macromedia lançou o novissimo Director MX 2004, que veio carregado de coisas novas, e gostaria de comentar sobre os news features do Director, claro alguns deles.

Então vamos fazer o seguinte, vou deixar a disposição de vocês meu email, sendo aasim vocês poderão mandar Críticas, Duvidas e Sugestões para os próximos artigos porque dessa forma fica fácil trabalhar em cima das dúvidas de vocês. ok

Olha o email ai : alberthcosta@globo.com

Bem vamos ao que interessa:

Na coluna passada comentei sobre a interface do Director, bem ela sofreu várias modificações ficando ainda mais perfeita, agora você pode acrescentar aos seus filmes componentes do Flash MX a partir do próprio director como vc pode ver na figura abaixo: (quem vai gostar disso é o carneirinho, he he he )

Você pode ter acesso aos componentes tanto do menu tools quanto da própria biblioteca do director.

E não para por ai a integração com o Flash MX é tão perfeita, que vc pode inportar pra dentro do cast do director um arquivo swf qualquer e se por um acaso esse arquivo tiver que sofrer alguma alteração basta dar dois cliques localizar o arquivo de origem editar e salvar automaticamente o arquivo swf é atualizado dentro do cast. Além do fato de agora você poder importar arquivos do Fireworks edita-los e otimiza-los no proprio Director.

Uma outra novidade que achei muito importante foi a integração perfeita rápida e fácil de videos no formato DVD. Além é claro de 40 tipos de midia e gráficos incluindo DVD – Video, AVI, Flash, 3D, WAV, AIFF e muitos muitos outros. Suporte avançado ao quick time 6 incluindo straming MPEG-4 e MP3.

Podendo utilizar também em seus projetos o tão popular Windows Media o audio e video ou Real Media, tanto para Windows quanto para Macintosh.

Outro recurso, foi a introdução da linguagem Java script ao director, pra vc que não sabe programar em lingo ( que é a linguagem de programação interna do director) poderá fazer apresentações adicionando mais interatividade.

Quem gostou das novidades e quizer migrar ou atualizar o diretor precisa se preocupar um pouco com os requisitos minimos que ele exige.

Plataformas Windows:

Intel Pentium III 600 Mhz ou superior
Windows 2000 ou Windows XP
128 MB de memória RAM ( o aconselhavel é 512)
200 MB de espaço em disco

Plataformas MAC:

Power Macintosh G3 500 Mhz ou Superior
MAC OS X 10.2.6 ou 10.3
128 MB de memória RAM ( o aconselhavel é 512)
200 MB de espaço em disco

Para maiores informações do Produto visite o site oficial da macromedia.

http://www.macromedia.com/go/dirmx2004new/

Abraço, Mandem email com sugestões para as próximas colunas.

Conhecendo um pouco da interface

Alberth_Costa — Sun, 07 Mar 2004 00:00:00 +0000

Olá pessoal, me chamo Alberth Costa, trabalho como Designer Gráfico em uma empresa de computação gráfica aqui em Belém do Pará, e a partir de hoje sou o novo colunista de Director da MXSTUDIO, bem agora que ja fomos apresentados vamos deixar de conversa e começar o que realmente interessa.

A primeira vista o Director parace ser um pouco complicado, bem a primeira vista somente, como todo programa da macromedia a interface do Director é de uma fácil manipulação, bem intuitiva e simples.

Basicamente, nossos artigos se resumirão em coisas práticas pra não ficar também no básico do básico, por isso não vamos nos prender muito na interface do director.

A imagem abaixo mostra da interface do programa, como disse não vou me prender em todas as ferramentas do director, vou mostrar as somente as principais.

1.- STAGE: Sua Área de trabalho no director, é aqui onde tudo acontece.

2.- TOOLS: Barra de Ferramentas.

3.- CAST: O Cast é uma “espécie” de biblioteca nele fica armazenado todos os objetos (sprites) que vc pode usar em seu filme como por exemplo: Sons, textos, gráfios, imagens e até mesmo outros filmes, também é armazenado recursos do prórpio director como behaviors, botons elementos de formulários e etc. Você possue dois tipos de visualização do cast o modo lista e o modo thumbnails.

4.- PROPRIETY INSPECTOR : Esse é o painel de propriedades do director ao contrario do cast que armazena todos os objetos da cena ou importados pra ela, ele é quem lhe informa todas as caracteristicas do objeto como altura argura posição X e Y do mesmo na cena.
O inspector de propriedade fornece todos os atributos de todo o objeto selecionado,se voce selecionar vários objetos ele irá mostrar para voce apenas as informações comins entre os objetos.

5.- CONTROL PAINEL: Esse é o painel de controle do seu filme diferente do propriety inspector ele controla a sua animação, como velocidade e som.

6.- SCORE : É aqui onde tudo acontece, nesse painel você controla e organiza o seu filme, contem canais de som, ações, transições e tempo, a timeline é bem parecida com a do flash, a maior parte do trabalho aconteçe nesse painel.

Para criar um filme no director, primeiramente você vai ter que definir a ordem das sprites no score é como se fosse uma edição de video, claro adicionando uma determinada ação em que tudo vai depender do tipo de apresentação que voce queira trabalhar.

Bem espero que tenham gostado no próximo artigo estárei mostrando ná prática o funcionamento do director, vamos fazer nosso primeiro filme. Até mais.