Aprenda a fazer um jogo estilo "ARCADE"

Se isso soa familiar, aqui está um curso numa série que irei dividir em 8 aulas que detalham como criar um simples jogo de tiro baseado em Flash a partir do zero. A série original foi desenvolvida pela Kongregate. As aulas para novatos no Flash utilizará dos fundamentos de usar o Flash como uma ferramenta de construção de jogo, e irar explorar os elementos necessários para reunir um jogo de tiro simples e interativo.

Embora a construção de um jogo de arcade simples pode parecer um pouco bobo, as habilidades em Flash que você vai aprender ao longo do caminho são um negócio sério.

Habilidades em Flash são cada vez mais na demanda para diversas atividades, tem quem diga que é ultrapassado e tal mas em diversas áreas de mídia digital e muito usado "SIM SENHOR" e há uma escassez de bons designers Flash no mercado hoje. No entanto, apesar das oportunidades de negócios, muitos designers de impressão migram para o projeto de Flash interativo timidamente.
 

Fique atento dia 10 iniciamos nosso curso. 

Aguardo vocês aqui.

EFEITO NEON

EFEITO NEON


Primeiramente devemos criar um documento novo (CTRL+N) e inserir as medidas conforme as da foto abaixo:

Feito isto, pinte o fundo da camada de preto. V á na barra de menu e clique no botão janela, abrindo as seguintes janelas: Camadas e demarcadores. Agora vá na janelinha que abriu de demarcadores e clique em criar um novo demarcador, conforme mostrado na figura abaixo.

Já podemos então começar a criar nosso neon. Vocês podem fazer qualquer desenho, desde que ele seja de linha e feito dentro da camada de demarcador que criamos no passo anterior.

Vamos criar um vaso com planta, utilizando.

Nosso vaso já esta pronto. Agora vamos começar a aplicar o efeito de neon. Para isso, iremos utilizar a ferramenta pincel (B).

Ainda com a ferramenta caneta (P), selecione a parte do demarcador que você quer aplicar o efeito, segurando CTRL. Mude para a ferramenta pincel (B) e fique atento, tenha certeza que você está com a cor branca e que o pincel está com o diâmetro de "1", opacidade 100% e fluxo também de 100%.

Feito isto, dê enter duas vezes. Nosso demarcador deve estar desta forma.

Ainda com o demarcador selecionado, mude o estilo do pincel para suave e de diâmetro "5". Coloque uma cor de sua preferência, é claro uma que seja bem forte, para parecer mais ainda com um neon.

Obs.: agora a opacidade é de 80% e fluxo de 60%. Basta você dar enter três vezes. E vamos ver como está nosso neon.

Agora é simples. Mude o pincel novamente para sólido diâmetro "1" e deixe os mesmos valores de opacidade e fluxo. Dê enter três vezes. Feito isso, mude o pincel para suave e diâmetro de "13" com opacidade de 60% e fluxo de 50%. Dê enter duas vezes.

Obs.: Sempre lembrando que os pinceis de valores maiores devem ser aplicados às cores e não à cor branca.

Resultado temporário:

Nosso neon está quase pronto. Estamos na última parte do trabalho. Selecione pela última vez o pincel sólido de diâmetro "1", coloque opacidade 50% e fluxo também de 50%. Dê enter vinte vezes.

Agora pegue também pela última vez o pincel suave de diâmetro "35", opacidade 40% e fluxo 30%. Dê enter 2 ou 3 vezes, de acordo com seu gosto.

Pronto. Basta ir na janela demarcador e deletar a camada de demarcador criada.

Siga os mesmo passos para criar as outras partes do nosso vaso. Vou colocar o meu para vocês terem uma idéia de como ficará bonito e atraente. Usem a imaginação.

Até a próxima!

Como Arrastar e Soltar Objetos....

Bom nesse meu primeiro tutorial vou lhes explicar de forma simples e objetiva um efeito muito usado. Como primeiro passo e com o nosso programa aberto insira uma figura qualquer (caso não tenha pode desenhar um quadrado ou um circulo), depois disso converta ele em MC (Movie Clip, ou Clip de Filme no MX). Tendo feito isso, instancio-o com um nome qualquer (nome desejado). tendo feito isso clique no objeto que vc inseriu no palco e aperte F9 no seu teclado ou vá no menu ("Windows - Action") no MX 2004, no MX ("Janela - Ações").
nomedainstancia.onPress = function () {
starDrag (this);
}
nomedainstancia.onRelease = function () {
stopDrag();
}

entendendo os códigos:

• nomedainstancia = o nome que você instancia o objeto, ou seja, o movie clip.
• onPress = quando o objeto é pressionado.
• function = função que vai exercer a ação.
• startDrag = prende o objeto
• stopDrag = solta o objeto.

OBS.: Se caso quiser mais de uma imagem você terá que criar para cada objeto inserido no campo uma camada e sempre converter o objeto em MOvie Clip. Lembrando também que o action (Ações), é inserido na "FIGURA" e não no FRAME...
Abraços e espero ter ajudado e esclarecido alguma duvida...

CHUVA - Animação em Flash

Primeiramente abra um novo documento no flash. vá em propriedade(CTRL+J) E ajuste conforme a imagem abaixo...

Crie uma camada e nomei como gota
Após isso com a ferramenta pen tool

Desenhe uma Gota como a de baixo

Arraste a Gota para o topo da imagem conforme mostrado abaixo

transforme a gota em um clipe... para isso aperte F8...

Agora cline na time line, no frame 30 e crie um key frame. aperte F6 para isso.

arraste a gota em linha reta para o ponto inferior da animação...

Clique com o botão direito no frame e clique em Interpolação de movimento.

Pronto a animação da chuva esta pronta.... agora vamos fazer as ondas...
Crie mais uma camada, nomei como onda.
no quadro 30 aperte F7 para adicionar um quadro vazio.

e com a ferramenta Oval Tool faça um circulo com a cor: #0000ff

Transforme a onda para um clipe.

e enseguida clique clique no quadro 45 e faça um key frame. para isso aparte F6.
repita o processo no quado 60

Selecione o quadro 45 e aumente nossa onda um pouco....
Para isso selecione a ferramenta free trasnform tool (ferramenta transformação livre) e aumente a onda com uma proporção....
com a ferramenta Selection tool clique na onda do frame 45.
vá em color mude para alpha e coloque color para alpha e coloque o valor para 44%

selecione a o frame 60. aumente a onda um pouco maior do que o frame 45.
clique com a selection tool e mude tambem para alpha mas agora mude o valor para 22%
entre as frames 30, 45 e 60 clique com o direito e selecione

pronto para testa aperte CTRL + ENTER
Para fazer uma segunta onda basta copiar os frame da layer onda e colar em uma nova camada que deve ficar acima...
Coloque os frames com uma distância direfente.
no frame 45 na nova camada coloque alpha com o valor de 18%
no frame 60 na nova camada coloque alpha com o valor de 10%
no frame 75 na nova camada coloque alpha com o valor de 0%
não esqueça de criar o motion entre as camadas 45,60 e 75

salve e de uma olhada...

Para isso pressione CRTL + D.

Criando um novo documento

Cada vez que você abre o Flash, o aplicativo cria um novo arquivo com a extensão FLA. Você pode criar novos documentos adicionais do Flash à medida que trabalha. Para definir o tamanho, a taxa de quadros, a cor de fundo e outras propriedades de um novo documento, use a caixa de diálogo Propriedades do documento.
Também é possível abrir um modelo como novo documento. Você pode escolher entre modelos padrão fornecidos com o Flash ou abrir um modelo salvo anteriormente.

Para criar um novo documento e definir suas propriedades:

1
Clique na Barra de propriedades do documento.

2
A caixa de diálogo Propriedades do documento é exibida.

3
Para Taxa de Quadros, insira o número de quadros de animação a serem exibidos por segundo. Para a maioria das animações exibidas em computador, principalmente as reproduzidas em um site da Web, são suficientes de 8 qps (quadros por segundo) a 12 qps. (12 qps é a taxa de quadros padrão.)

4
Para Dimensões, siga um destes procedimentos:
Para especificar o tamanho do Palco em pixels, insira valores nas caixas de texto Largura e Altura.
O tamanho padrão do filme é de 550 x 400 pixels. O tamanho mínimo é de1 x 1 pixel; o máximo é de 2880 x 2880 pixels.
Para definir o tamanho do Palco para que o espaço seja distribuído de forma uniforme em torno da imagem, clique no botão Conteúdo à direita de Corresponder. Para minimizar o tamanho do filme, alinhe todos os elementos no canto superior esquerdo do Palco e clique em Conteúdo.
Para definir o tamanho do Palco como a área de impressão máxima disponível, clique em Impressora. Essa área é determinada pelo tamanho do papel menos a margem atual selecionada na área Margens da caixa de diálogo Configurar Página (Windows) ou da caixa de diálogo Margens de Impressão (Macintosh).
Para definir o tamanho do Palco com o padrão, clique em Padrão.
5
Para definir a cor de fundo do seu filme, clique no triângulo da caixa Cor de fundo e selecione uma cor na paleta.
6
Para especificar a unidade de medida das réguas que podem ser exibidas na parte superior e lateral da janela do aplicativo, selecione uma opção no menu pop-up no canto superior direito.

7

Siga um destes procedimentos:
Para transformar as novas configurações em propriedades padrão somente do seu novo documento, clique em OK.

Para transformar essas configurações em propriedades padrão de todos os novos documentos, clique em Tornar padrão.

Para abrir um modelo como um novo documento:
1
Escolha Arquivo > Novo a partir de modelo.
2
Na caixa Novo documento, selecione uma opção na lista Categorias e escolha um documento na lista Itens da categoria.
3
Clique em OK.