Depois de um bom tempo sem tutoriais, consegui fazer um tutorial de programação e já estou preparando outros.

Nesse tutorial, vocês irão aprender a criar um arquivo de actionscript que será a classe do documento fla que vocês irão criar. Mostro como mudar um texto por programação e esse conteúdo será importante para os próximos tutoriais.

Tentem criar esse classe várias vezes para que a estrutura da classe fique bem clara, ok? Fiz um desenho da estrutura para que vocês visualizem o que eu digo no tutorial.

Estrutura Básica de uma Classe

Aqui estão os arquivos que eu criei… mas antes de baixar, tente fazer o tutorial e, se der algum problema, abram os arquivos que eu criei! É muito importante saber resolver o bug o erro, problema ou seja lá como você chamar quando ele aparece, não só fazer o programa funcionar, ok?

meuPrimeiroProgramaEmAS.fla

Main_Class.as

Até mais!

Bom, o site é o Bitey Castle que, além de animações bem bacanas, possui alguns tutoriais fáceis de se seguir. O que posso dizer, retomem tudo e vamos meter a mão no Flash CS4!

Até mais!

Bom, essa animação faz parte de uma série feita pela University of Utah, no Genetic Science Learning Center. Lá podemos ver várias animações sobre genética… vale a pena para professores
Em breve eu posto mais algumas, apesar de eu achar que essa dos ratos é a campeã desparada!

Continuem estudando e até mais!

Bons estudos e até mais!

Acabei de achar alguns tutoriais do MX Masters, um site bem legal que eu costumava consultar diariamente. Como os tutoriais são bem parecidos com o padrão que eu acabei adotando, acredito que serão bem interessantes para vocês também!
Nesse tutorial, o Pontes Junior ensina como fazer um efeito de reflexo, utilizando máscara

É importante notar que vários efeitos do Flash são feitos com a utilização de máscaras e, por isso, venho tocando bastante nessa tecla. Pratiquem bastante os efeitos aprendidos nos tutoriais Máscaras sobrepostas… e Brincando com vídeo… para dominarem esse tipo de efeito.

Lição de casa: criar um banner ou um skycraper utilizando o efeito de reflexo no nome da marca.

É importante notar a ordem das camadas para que saia tudo direitinho. Caso tenham alguma dúvida, é só postar nos comentários

Lição de casa: analise o vídeo da entrada do James Bond e veja se é possível criar esse efeito no Flash. Tente fazer algo parecido (veja o tutorial Brincando com vídeo para integrar a parte do James Bond andando no fundo).

Até mais!

Continuando nessa onda de empolgação (e tempo “livre”), gravei mais um vídeo tutorial mostrando não só como importar um vídeo para o Flash, mas também, criando um efeitinho de máscara sobre ele!

Para esse tutorial seria interessante vocês repassarem pelos tutoriais:

Transformação…
Movimentos suaves (parte 1 e parte 2)…
Criando uma máscara…

Agora que vocês já viram os pré-requisitos para fazer esse tutorial, divirtam-se!

LIÇÃO DE CASA: Consigam um vídeo (pode ser bem curtinho) de fogo – com as chamas em evidência – que vai ser o fundo de um texto animado (DOMINANDO O FLASH!) que aparece, de letra em letra.

Vocês já sabe, qualquer dúvida, postem aqui!
Bons estudos e até mais!

Bom, continuando o tutorial anterior, vou ensinar agora uma nova técnica de vetorização de desenhos.

Até onde eu sei, é uma técnica largamente utilizada, mais ainda do que a da primeira parte desse tutorial. Para aprender essa técnica de desenho no Flash, você vai precisar de um bom papel em branco, um lápis, uma borracha e inspiração
O começo é o mesmo, desenha, passa a caneta indelével (ou uma canetinha qualquer – hidrográfica de preferência) e escaneia (pode ser da maneira tradicional ao invés do branco e preto).

Depois de pronta a imagem, importe-a para o palco (stage) do Flash e você só precisa “desenhar por cima”!

No fim do tutorial eu explico a parte mais importante de tudo, o “Convert lines to fill” (transformar linhas em preenchimento).

LIÇÃO DE CASA: Pegue a imagem abaixo (pra quem não sabe desenhar muito bem no papel ou não tem scanner) e vetorize-a utilizando as duas técnicas (trace bitmap e “desenhar por cima”). Compare-as entre si e com a imagem importada (charlieBrown.png).
Lembre-se: para que você tenha bons resultados no Flash, você precisa investir tempo nos seus projetos (e eu nos meus tutoriais ). Nada cai do céu no seu colo e é preciso suar muito pra conseguir alguma coisa, ok?

Imagem retirada de RedKid.Net

Bons estudos e até mais!!!

Bom, se esse é o seu caso, hoje ensinarei outra técnica de desenho no Flash, aliás, fora dele. Sim, prepare seu lápis, borracha e papel (e uma caneta hidrográfica) porque você vai precisar! Ah! Antes que briguem comigo (tudo bem, eu até que mereço às vezes), tenho que dizer: vocês vão precisar de um scanner também!
Sim, se você quer aprender Flash, quer conhecer todos os macetes que envolvem esse programa tão bom para nós, vai ter que colocar a mão no bolso, mas só um pouquinho.

Vocês vão aprender a vetorizar uma imagem escaneada, fazendo com que ela não perca a resolução conforme você aumenta ou diminui de tamanho. A ferramenta do Flash que eu uso é o trace bitmap!

No tutorial de hoje, eu disse que ia deixar a marca de uma caneta que eu usei (STAEDTLER pigment liner 0.2 / 0.4 / 0.8 – eu indico a mais grossa de todas, vocês vão perceber no tutorial o porque ) e alguns preços de scanners. Paguei R$6,50 em cada caneta e R$100,00 no scanner hp scanjet 2400 numa promoção do extra supermercados há pouco mais de um ano. Pronto, promessa cumprida!
Continuem estudando e, até mais!