Animação Flash
- Introdução
Neste 3º e último período do ano lectivo trabalhamos com "flash", com a intenção de criarmos uma animação, e o que vou apresentar é o meu trabalho desta unidade.
O principal programa para realizar este trabalho foi o “Adobe Flash” (https://www.adobe.com/cfusion/tdrc/index.cfm?product=flash&promoid=EBYEX), um programa em que se pode fazer animações. No entanto para fazer algumas coisas também usamos outros programas em que já trabalhamos anteriormente, o "Photoshop" (manipulação de imagem) e o "Audacity" (manipulação de som). A animação teria de ter obrigatoriamente "motion", "rotation", "scale", "color", "shape tween", "motion guide", efeitos, texto e o mínimo de 3 botões.
Após de nós terem iniciado na unidade, procedemos a criação de umas pequenas animações de teste.
Estas animações tinham como objectivo ensinar como inserir as seguintes técnicas “Motion”, “rotation”, “scale”, “color”, “shape” “tweening” e “motion guide” no "flash". Escrevemos num bloco de notas como chegar a estas técnicas para depois nós servir de cábula caso tivéssemos dúvidas.
O principal programa para realizar este trabalho foi o “Adobe Flash” (https://www.adobe.com/cfusion/tdrc/index.cfm?product=flash&promoid=EBYEX), um programa em que se pode fazer animações. No entanto para fazer algumas coisas também usamos outros programas em que já trabalhamos anteriormente, o "Photoshop" (manipulação de imagem) e o "Audacity" (manipulação de som). A animação teria de ter obrigatoriamente "motion", "rotation", "scale", "color", "shape tween", "motion guide", efeitos, texto e o mínimo de 3 botões.
Após de nós terem iniciado na unidade, procedemos a criação de umas pequenas animações de teste.
Estas animações tinham como objectivo ensinar como inserir as seguintes técnicas “Motion”, “rotation”, “scale”, “color”, “shape” “tweening” e “motion guide” no "flash". Escrevemos num bloco de notas como chegar a estas técnicas para depois nós servir de cábula caso tivéssemos dúvidas.
- Protótipo
Decidi então fazer o trabalho com base na minha assinatura.
Depois de pensar em várias maneiras em como realizar o trabalho, a professorar aconselhou-me a usar a ideia de uma máquina de escrever que escrevia " quem sou eu", então decidi pesquisar máquinas de escrever para usar como base. Durante a minha pesquisa encontrei este vídeo que serviu como inspiração para a realização da animação (http://www.youtube.com/watch?v=nJ_0Xw7o-7A).
Então depois de ter ganho inspiração procedi a procura de imagens de máquinas para depois usar o “Photoshop” para isolar as teclas para então usar "scale" e "motion tween" para dar a impressão que a teclas estavam a ser pressionadas.
As teclas que isolei foram Q, E, M, U, S, O.
Ao fim de isolar estas teclas, inseri-as no "flash" por cima da imagem da máquina original para poder atingir o efeito anteriormente referido, na cena seguinte fiz com que a máquina fosse mais para baixo para dar a impressão de que tinha papel e, procurando na Internet encontrei um tutorial de como aplicar no texto uma mascara para assim produzir o efeito de como se uma maquina de escrever tratasse.
Supostamente o meu trabalho estaria completo mas revendo melhor apercebi-me que o poderia melhorar e acrescentar mais coisas.
Usando uma animação de um aluno do ano anterior decidi então aplicar como extras, botões no qual iriam demonstrar os meus trabalhos anteriormente realizados nomeadamente Vídeo, Imagem, “Blog” e Som.
Então na cena 3, fiz com que o texto “Quem sou eu? ” desaparecesse usando um efeito de transição e uma “motion guide” para fazer com que o texto mova-se para o fundo da página onde começa a pensar em quem serei eu. Entretanto na última bolha de pensamento aparece a minha assinatura para assim dar uma pequena ideia de quem se trata. A seguir a bolhas de pensamento transformam-se nas iniciais correspondentes as unidade (ex. a primeira bolha transforma-se num B de blog) onde depois se irá pode carregar para então poder ver os meus trabalhos.
Então um colega de turma sugeriu que desenha-se todas as letras (escrever não daria pois não se pode usar uma “motion shape” em texto) e fazendo uma brincadeira com elas onde elas aparecem de todos os lados criando assim uma confusão de letras. Aceitando a sugestão decidi aplicar a ideia numa só letra para demonstrar o que ali se ia passar. Como o tempo era breve terminou aqui o meu Protótipo.
- Final
Então acabei a cena das letras no qual tinha anteriormente falado onde apliquei nas letras várias técnicas como “rotation”, “scale”, “color”, “shape” “tweening” e “motion guide". Depois foi só converter as palavras em botões para cada um demonstrar os meus trabalhos realizados (ex clicar no blog leva-nos até ao meu Blog, clicar no vídeo leva-nos ao vídeo etc.). Após ter feito os botões foi só criar as cenas correspondentes e lá colocar os trabalhos.
Coloquei também, nessas cenas 2 botões para repetir e para retroceder, no caso da cena do som acrescentei ainda um botão para "Play" e outro para "Stop". Depois de ter concluído acrescentei um fundo para ficar mais bonito e agradável.
Por fim então criei um botão no início para assim iniciar a animação. O meu botão foi baseado no seguinte tutorial (http://www.flashwebtraining.com/tutoriais/basicos/botao_animado/01.php) onde substitui o rato pela minha assinatura e o background com a imagem de uma biblioteca pois assim tem mais a ver comigo próprio. Acrescentei ainda um texto onde se pode ler “Carrega-me para ganhares um Iphone” não só para gozar com as várias publicidades que se encontra na Internet mas assim inserir um pouco mais de piada no trabalho.
Em seguida criei uma pequena introdução ao trabalho para assim ficar mais um bocado completo.
Nessa introdução inseri como funda a assinatura juntamente com uma espécie de moldura igual a que nas cenas anteriores inseri para simples propósitos cosméticos.
Após feito a introdução, realizei então os créditos onde inseri uma simples ficha técnica do trabalho. Aqui nesta cena, inseri “fade in’s” e “fade out’s” para assim ter mais técnicas.
Pus também uma pequena conclusão antes dos créditos para no caso as pessoas ainda não saberem quem eu sou.
Eis o resultado final
- Lista de efeitos
Técnicas e extras.
Motion tween - 1º cena na assinatura
as letras na segunda cena a dizer quem sou eu
maquina a ir para baixo na 5 cena
Algumas das letras na 6 cena.
Rotation - cena 6 nas letras
color - na cena 6 letras e fade in, fade out
Shape - nas letras da cena 6
motion guide - nas cenas 6 e 5 nas palavras quem sou eu
Motion presets - transition na cena 5 no quem sou eu
Botões - na cena 1, 7 e nas cenas em relação aos extrasassim como no
Extras - Som vídeo e imagem dos trabalhos anteriores.
Sons - assinatura na cena som e musicas de entrada e inicio e fim
créditos
- Bibliografia
Músicas
The cat attached to rust – Guilty Gear Isuka Ost (http://www.youtube.com/watch?v=qZ0tUeVvj00)
Knife Fight – Lemon Demon (http://www.youtube.com/watch?v=bZ6f5r64F-I)
Stardust Memories – BlazBlue Ost (http://www.youtube.com/watch?v=G_nWKy-sSlw)
Benni Hill Theme (http://www.youtube.com/watch?v=MK6TXMsvgQg)
Vídeos
Flash 5 (https://www.adobe.com/cfusion/tdrc/index.cfm?product=flash&promoid=EBYEX)
Flash 8 (por ser “portable” o que eu usei é me impossível arranjar links e aqui postar)
Sons
Maquina de escrever (http://www.freesound.org/samplesViewSingle.php?id=118591)
Flash 8 (por ser “portable” o que eu usei é me impossível arranjar links e aqui postar)
Sons
Maquina de escrever (http://www.freesound.org/samplesViewSingle.php?id=118591)
Rodar (http://www.soundjay.com/ communication/typewriter- paper-roll-up-1.wav)
Em geral gostei muito do trabalho e de trabalhar e espero que me sirva de base para os meus trabalhos para o futuro
- Conclusão
Em geral gostei muito do trabalho e de trabalhar e espero que me sirva de base para os meus trabalhos para o futuro