Transformação…

Desculpem-me pela demora… essa semana tive mais um curso, só que dessa vez foi de Flash! Aprendi muitas coisas que postarei em breve aqui no Aprendendo Flash. Então vamos ao nosso tutorial!
Você já teve aquela vontade de fazer um objeto se transformar em outro??? Pois é isso que vamos ver hoje!

Primeiro, crie uma bolinha, como na figura ao lado. Renomeie a camada para bolinha. Não faça mais nada na bolinha (NÃO crie um movie clip com ela!).

No frame 15, insira um novo quadro-chave em branco, clicando com o botão da direita do mouse e selecionando Insert Blank Keyframe ou pelo atalho F7.

No frame 15, desenhe um quadrado, mas NÃO o transforme em movie clip (e nem em nenhum outro símbolo!).

Agora, selecione o frame 1 e abra o painel de propriedades Window > Properties > Properties ou Ctrl+F3. No menu Tween (indicado pela flecha vermelha), selecione Shape.

Agora, teste seu filme e veja o resultado!
Você acabou de criar um Tweening Shape! Note que existe uma diferença na cor dos frames, que agora estão verdes, ao contrário do azul arroxeado do Tweening Motion (ou Motion Tween). Mas preste muita atenção:
Você só pode criar esse efeito com desenhos que não foram convertidos em símbolo!!!
Então, não converta seus desenhos em movie clip, graphic ou button se quiser produzir esse efeito!
Aí está, mais um tutorial simples que dá um efeito bastante interessante na sua animação.
DICA: tente evitar desenhos com contornos. Muitas vezes esse efeito em desenhos com contornos não “cai” muito bem. Teste para ver, ok?
Até a próxima!

  • Share/Bookmark

11 Responses

  1. [...] esse tutorial seria interessante vocês repassarem pelos tutoriais: Transformação… Movimentos suaves (parte 1 e parte 2)… Criando uma [...]

  2. a gente pode fazer esse efeito com Palavras?

  3. Olá, Danyel,

    Dá pra fazer esse efeito com palavras também, mas depois que você escrever seu texto, é preciso dar Crtl+B duas vezes com o texto selecionado. Aí, você só precisa definir qual será o formato no próximo keyframe, ok?
    Até mais!

  4. tentei fazer isso com imagens e não obtive sucesso, com imagens q eu poeguei do google de coração
    alguem sabe como fazE?

  5. lilith,

    Com imagens você não vai conseguir fazer isso… só dá para fazer com imagens vetoriais, ou seja, imagens que você tenha feito dentro do próprio flash. Para mudança de imagens (jpg, por exemplo), eu já ouvi falar de um programa que faz, mas infelizmente não me lembro do nome dele. Vou tentar achar e, assim que eu achar, coloco aqui o nome, ok?
    Até mais!

  6. então gepeto, esse menu Tween não aparce nas propriedades

  7. malung0,

    Qual é a versão do flash que você está usando?

  8. Flash Cs4, será que mudou, pq percebi tb que não contém a aba filtros e nem parametros.

  9. malung0,

    Mudou, sim! O que você pode fazer é clicar com o botão da direita do mouse em um dos frames entre os dois frames da bolinha e do quadrado e selecionar “Create Shape Tween” que o efeito será o mesmo…

    Até mais!

  10. é gepeto descobri, mas obrigado por responder, estou estudando todos os dias, esse blog é um dos mais completos que encontrei na web, sempre começava a brincar no flash mas sempre desista, nunca sabia o que fazer. o interessante do seu blog é a maneira como coloca os pontos, espero que continue a introduzir as pessoas nesse mundo. e outra coisa comecei a estudar o as3 mas po é muito complexo pra quem tá começando, mas as ações que vc faz tem em as3 são exatamente como fazer normalmente, pelas ferramentas? ou exixte uma diferença em fazer programando?

    valeu e até a proxima pergunta hehe :P

  11. malung0,

    O intuito é continuar a fazer os tutoriais, sim… só preciso batalhar prá achar um tempo.

    Quanto ao as3, é meio complicadinho quando você não tem base nenhuma de linguagem de programação/lógica de programação, mas com o tempo vai melhorando. Tem muita coisa que dá prá fazer sem ter que utilizar o actionscript, mas quando você quer interagir com o usuário, dificilmente conseguirá sem programação… aí o as3 vem prá ajudar :D

Leave a Reply

BlogBlogs.Com.Br | Technorati Profile