Animação - Unidade 5

Introdução

Durante o 3º período de oficina de multimédia B, era pedido a realização de uma animação usando o flash. O objectivo do meu trabalho era mostrar como, e quais as fases, que a minha assinatura feita no media imagem passou. Então criei uma pequena animação onde mostra os passos pelo qual o meu trabalho passou. Acrescentei alguns extras. Lá contem os meus restantes trabalhos que realizei ao longo do ano para a disciplina.

O programa que utilizamos para realizar o trabalho foi o flash. Tinhamos algumas opções para escolher, entre elas o Flash 8, que foi o que eu utilizei, e o Adobe Flash CS5 ou menor. Utilizei também o Audacity para "arranjar" alguns sons.

A animação deveria conter Motion, rotation e scale, color, shape tweening, motion guide, dois efeitos (Motion presets), texto, um botão, dois sons e dois extras. Era também importante os aspectos gráficos e a história.

Download Flash 8 - Gratuíto

Download Flash CS5 - Versão de Teste

Guião/Fases

Cena 1

Na primeira cena terá dois botões. Um que iniciará a animação propriamente dita e outro que irá para os extras.

Cena 1.1

Aqui começa a animação. Encaminha para esta cena se a pessoa carregar no botão "Ver Animação" na Cena 1. Começará a dar um pequeno texto onde explica como surgiu a minha assinatura de imagem. É uma espécie de introdução a ela.

Cena 2

Nesta cena começa a animação, uma viagem até à minha assinatura, passando por todos os cenários que me inspiraram para a realização da assinatura do media imagem.

Cena 3

Caso escolha na Cena 1 a opção "Ver Extras", irá ser redereccionado para esta cena. Nela estarão mais botões. Esses botões terá caminhos diferentes, onde o objectivo é mostrar os meus restantes trabalhos que realizei durante o ano.

Cena 4

Caso escolha o botão "Imagem" na cena 3, ele irá ter a esta cena. Aqui mostrará o meu trabalho final de Imagem, um friso cronológico sobre a evolução do software.

Cena 5

A mesma coisa que a Cena 4. Caso escolha o botão "Som" na Cena 3 irá mostrar o meu trabalho de som.

Cena 6

Aqui poderão ver o meu vídeo. Tal como os media anteriores, para acessar a esta cena deverá escolher o botão "Vídeo" na Cena 3.

Cena 7

Créditos.

Animação

O começo da minha animação é um começo simples. Tudo começa com dois botões, um que permite ver a animação e consequente a história da minha assinatura. Ou por outro lado, a secção extras que permite mostrar às pessoas os trabalhos que realizei durante o ano lectivo para a disciplina.

O fundo é composto por estrelas, que está, por parte, ligado à minha assinatura. Então coloquei uma estrela maior, que se realça das outras, de entre as estrelas todas, essa será a minha estrela, ou seja, a minha assinatura. Essa estrela contém um motion guide e um motion preset, a explosão.

Seguindo a parte da animação:

Nesta parte, começa com um texto que explica algum do sentido da minha assinatura. Relata algumas partes de como a ideia surgiu e mostra algumas dificuldades para obter um trabalho final.

Em seguida começa a animação, onde o objectivo é mostrar a "viagem" que eu percorri para chegar à minha assinatura digital, passando por todos os espaços e ideias que me surgiram, até chegar à assinatura.

O mundo, que lá podemos ver o meridiano de Greenwich. E as iniciais do meu nome são PM, sugerindo "Post meridiem" – "após o meio dia". Então eu peguei nesse factor, e fiz a minha animação. Começando pelo mundo e fazendo uma viagem até a uma casa que representa esse meridiano, que se situa mesmo no centro, por isso está dividida. Até que entra nessa casa e vê a minha assinatura, que tem tem, como já referi, uma parte dessa situação do Meridiano de Greenwich e do "Post meridiem".

Seguindo a parte dos extras:

Na parte dos extras podem ver os trabalhos que realizei ao longo do ano, com um pouco de animação à mistura. Em primeiro nasce o blog, que representa o media texto. No meu trabalho, tem uma hiperligação que permite aceder ao blog de maneira fácil.

A imagem, o nosso segundo media, está representado numa animação, onde o friso se move desde o principio até ao fim, através do motion tween.

O Som está representado com uns fones, que contêm umas ondas sonoras que se movimentam através de uma máscara, enquanto o meu trabalho de som se faz ouvir.

Por fim, o vídeo está representado numa tela, e sendo assistido por algumas pessoas, que são representadas por circulos.

Aqui fica a minha Animação: Carregue na Assinatura para ver a animação.

Flash8 Pedro OMB by -Pedro on deviantART

Técnicas e estratégias

Motion Tween - Usei em quase toda a animação, foi a técnica que utilizei mais.

Rotation - Utilizei principalmente na Estrela e no feno.

Scale - A linha do Meridiano foi feita com Scale.

Color - O texto, usei o Alpha e no céu, ao passar da manhã até à noite.

Shape tween - A estrela principal usa shape tween.

Motion guide - Usei no Sol em cima da casa e na estrela.

Motion presets - Usei a Explosão e "Blur".

Texto - Introdução da animação e Créditos.

Botões - Usei vários Botões.

Sons - Também usei vários sons.

Extras - Coloquei o meu trabalho de Som, Imagem e o vídeo. Usei também máscaras.

Guiei-me por alguns tutoriais que encontrei na internet para me ajudar a fazer algumas partes da minha animação.

Dificuldades

Tive algumas dificuldades a nível de erros. Um erro da imagem, e outros erros de códigos. Tive de pesquisar e tirar algumas dúvidas sobre esses mesmos códigos para os colocar devidamente nas Actions.

Conclusão

Acho que o meu trabalho ficou bom. Trabalhei com esforço no mesmo, utilizei todas as técnicas pedidas e no fim, percebeu-se qual era o objectivo do trabalho. Contudo, como referi, deu algum trabalho e complicações que se tiveram de resolver com algum tempo. Gostei bastante desta unidade, e aprendi com certeza alguns conceitos de flash.

Bibliografia

Sons

Link do Som de Porta a Abrir

Link do Som de "Boooooo"

Link do Som de Ideia/Lâmpada

Link do Som de Escrita

Link do Som de Vertigo/Música

Link de Todos os Sons

Imagens

Todos os cenários feitos por mim. Assim como os trabalhos, o friso e assinatura. Assim como botões também.

Auscultadores

Bons Sites que podem visitar

Bons Tutoriais

Flash Web Training

Tutoriais

Aqui ficam alguns tutoriais sobre o Adobe Première

Podem ver neste tutorial como mexer em fotos, aplicar bordas, movimentos e redimensionamentos.

Aprenda a fazer o efeito de filme antigo com este tutorial aprofundado.

Quer fazer um efeito REC, como a sua câmara de filmar? Veja este tutorial.

Acabando esta página de tutoriais, aqui fica mais um para vos ensinar a fazer os créditos para finalizar os vossos filmes.

Slide Show de Fotos de Braga

Deixo aqui algumas fotos da cidade de Braga.

Vídeo

Na segunda parte deste 2º período trabalhámos no media vídeo.

No início, tivemos uma ideia que era realizar um vídeo sobre a cidade de Braga, um Roteiro de Braga. Então criámos um pequeno grupo de 5 elementos e começámos a trabalhar nas ideias para o mesmo.

Principiámos pelo guião. Após fazer uma pesquisa sobre a cidade, guardámos algumas imagens e vídeos que nos iam ser úteis no futuro. Após algumas conversas, e o guião praticamente acabado, dividimos as temáticas por cada um. Eu fiquei com a parte de lazer da cidade.

O meu trabalho consistia em divulgar os espaços de lazer da cidade. Pensei no que, e se eu não fosse de Braga, gostaria de conhecer nesta área. Então fiz uma pesquisa e encontrei vários lugares para mostrar esta "cara" de Braga.


Como por exemplo a Avenida Central e o "Theatro Circo".

Como falei acima, o guião estava pronto. No entanto, tivemos vários contratempos o que não permitiu segui-lo à risca.

Comecei por colocar a estação ferroviária de Braga, que é, naturalmente, a chegada a Braga de quem viaja de comboio (e muito vulgar em turistas jovens). De seguida, coloquei o "Arco da Porta Nova", para referenciar a entrada de Braga. E aí algumas imagens e vídeos até ao centro propriamente dito. Tentei depois disso, colocar jardins e espaços verdes da cidade. Coloquei várias imagens para mostrar esses mesmos locais.

Tivemos algumas dificuldades para realizar o vídeo, principalmente em termos de câmaras de filmar. As filmagens não ficaram com grande qualidade, e isso não facilitou muito.

E nunca conseguimos estar os 5 elementos juntos para realizar as filmagens.

Começámos a realizar o vídeo no "Ulead VideoStudio 11", mas como houve alguns problemas no mesmo programa, decidi mudar para o "Adobe Elements 9".

Acabámos de fazer o protótipo, com o objectivo de estruturar o vídeo. No fim, quando o vídeo estava todo estruturado coloquei os extras que a professora pediu. Os créditos, as "Decoration" animadas, "Flash animation", "Video filter" e "Color", que esta última, no "Elements" fica automaticamente caso não haja vídeos ou imagens.

Como tenho muitas transições, usei várias entre as fotos, mas a que usei mais foram os "fade". Mesmo assim usei cerca de 7 ou 8. Também usei 2 "filters", pois era necessário. Um foi na estação e outro foi para reduzir as filmagens para se ajustar à moldura do "REC".

Também utilizei uma animação com passarinhos na parte dos jardins e outros 2 objectos na parte da dormida e comida.

No vídeo há pequenos erros em termos de transições e ordem das imagens e vídeos. Falta também uma legenda, que ficava bem, para "motivar" e descrever um pouco mais cada um dos espaços que mostrei.

No entanto, pretendo melhorar o vídeo neste ou no 3º período. Corrigindo os erros e adicionando algumas coisas.

Penso que o vídeo não ficou mal, apesar de tudo. Acho que ele pode ainda ficar melhor, e é o que eu vou tentar fazer na melhoria, este ou o próximo período como disse acima.

Consegui aplicar todas as técnicas que aprendemos com sucesso e então acho que o trabalho foi bom para melhorar as minhas capacidades neste media.

Bibliografia

Aqui fica a Bibliografia do meu trabalho.

Fotos: 

http://forum.bracarae-avgvste.com/viewtopic.php?f=34&t=2255

Vídeos:

http://www.youtube.com/watch?v=lHn6CXG9Ofk

http://www.youtube.com/watch?v=GZMASB1lCRo

http://www.youtube.com/watch?v=lHn6CXG9Ofk&feature=related

Música:

http://www.youtube.com/watch?v=tTh9mmBf_PE

Pesquisa:

http://pt.wikipedia.org/wiki/Braga

Dormida:

http://juventude.gov.pt/Paginas/default.aspx

http://forum.bracarae-avgvste.com/viewtopic.php?f=30&t=1536

Comida:

http://braga.comtempero.pt/index.php

Programas Utilizados:
Adobe Première Elements 9: 
https://www.adobe.com/cfusion/tdrc/index.cfm?product=premiere_elements&loc=en_us
Upload de Ficheiros:
https://www.wetransfer.com/
http://www.youtube.com/

Guião do Vídeo

Cena 1
Estação
Começa uma filmagem na estação ferroviária, é como se fosse a chegada a Braga.

Cena 2
Arco da Porta Nova e Museu da Imagem
Para mostrar a entrada de Braga. Assim, o vídeo seguia uma sequência... O Museu, é perto do Arco, e mostra alguma cultura da cidade.

Cena 3
Theatro Circo
Um dos espaços mais antigos de Braga. O Theatro Circo é a maior sala de espectáculos e teatro da cidade.
Fala: "O Theatro Circo, foi inaugurado em 1911, e é a mais prestigiada sala de espectáculos bracarense."

Cena 4
Parques e Jardins da Cidade
Aqui ficam algumas imagens e vídeos da cidade. O objectivo é mostrar os espaços verdes, as zonas de descanso e até sítios para visitar e descontrair.
Fala: "Braga tem várias parques e jardins serenos e bonitos. Excelentes para as pessoas darem um passeio ao ar livre e até mesmo descansar. Em muitos deles, podemos ver várias fontes, que são uma referência em Braga. Os vários espaços verdes também são muito referenciados!"

Cena 5
Avenida e Arcada
Nesta cena mostro o centro da cidade, o chafariz e a Arcada. O objectivo é para as pessoas conhecerem o centro da nossa cidade.

Cena 6
A Brasileira
Um dos cafés mais antigos de Braga. Antigamente era mais frequentado por pessoas mais velhas, mas passado algum tempo também é muito frequentado por jovens. Isso foi o meu foto principal para esta escolha.
Fala: "A Brasileira é um café que abriu em 1907, o mais antigo de Braga."

Cena 7
Dormida e Comida
Um aspecto importante para que as pessoas visitarem a cidade. Coloquei a residencial mais barata que há na cidade, e dois bons sítios para comer. Não coloquei Telepizza e McDonald's™ pois toda a gente os conhece.

Cena 8
Final
Por fim, dois pequenos vídeos. O Elevador do Bom Jesus e o Chafariz de Braga a anoitecer, para passar os créditos logo de seguida.

Projecto - Som

O objectivo para o início da unidade de som era realizar uma assinatura sonora. Começámos por pensar numa ideia que tivesse a nossa cara. Então eu pensei que poderia fazer um efeito sonoro como se fosse um trailer de cinema. E assim foi. Comecei por escolher a música de fundo, pesquisei várias delas mas no fim fiquei com esta.

Transformers3 por Pedro

Coloquei alguns efeitos como fade in, fade out e repetição. Cortei algumas partes e as vozes, pois depois de um feedback da professora achei melhor. Para não sair muito do conceito "PM" que utilizei na assinatura da imagem, coloquei o som de um relógio para dar início à assinatura.

Relógio por Pedro

Após isso, gravei a minha voz no próprio audacity, porém ela não ficou grande coisa. A minha voz não fica bem gravada então tive de utilizar um efeito para a modificar. Já que estava a fazer o som de um trailer de um filme de suspense e no qual utilizei a música dos Tranformers 3, pensei em colocar a minha voz "robótica". Pesquisei na Internet como fazer isso, então encontrei um tutorial muito interessante que me ajudou bastante a realizar o que eu pretendia. Usei o Eco para tornar a minha voz "robótica".

Tive algumas dificuldades, mas consegui ultrapassá-las, por isso fiquei satisfeito com a minha assinatura e com o meu desempenho. Além disso tive algum trabalho a cortar as partes da música principal, pois queria que ela ficasse “corrida”. No fim, para terminar, depois do meu nome coloquei uma máquina a desligar-se.

Tutorial: Veja aqui como colocar a sua voz "robótica"

Então a minha assinatura ficou assim:

Ass v-final por Pedro

Após realizar a assinatura começámos a trabalhar no projecto final. Como eu tratei de software na unidade da imagem, dei continuidade no som. O objectivo era fazer uma entrevista e dar a conhecer às pessoas a evolução da informática. Por isso fiz um pequeno questionário a duas pessoas de tempos diferentes. Assim podia ter opiniões diferentes e níveis de reconhecimento de antigos métodos de trabalho.

O meu trabalho de som consistiu em realizar um comentário, onde o tema principal seria a informática, mais propriamente o software como referi acima. Então como era uma entrevista e comentário de televisão comecei por colocar o som de um zapping. Coloquei um efeito muito engraçado, que quando ouvido com auscultadores cria uma espécie de esquerda - direita. Isto é, enquanto o zapping decorre o canal 1 ouve-se na parte esquerda, o canal 2 ouve-se na parte direita e assim sucessivamente.

Zapping por Pedro

A seguir, como tinha de dar um início ao programa, procurei no youtube e encontrei uma introdução bem engraçada. Então escolhi a parte desejada do som e coloquei-a no trabalho com um fade in. Após isso usei a repetição numa parte do meio dessa mesma introdução para ganhar algum tempo para fazer a minha própria introdução falada. Para realizar essa mesma fala utilizei o textaloud, que me permitiu usar uma voz standard. Usei o efeito de eco, para dar uma sensação de introdução.

Introdução tv globo por Pedro

A seguir coloquei as entrevistas, como eram um pouco extensas decidi colocar uma entrevista inteira e com a outra um comentário onde abordava os temas essenciais. Para não ficar apenas uma entrevista “seca”. Pensei em colocar uma música de fundo. Ouvi várias delas, mas não sabia qual delas colocar. Então depois de falar com a professora decidi aplicar uma música feita com uma guitarra acústica. Também tive de a prolongar pois era um pouco curta para todo aquele “texto”. Por isso usei de novo a repetição. Acabei por colocar a música num tom baixo, pois o mais importante era a entrevista e não a música.

Guitar por Pedro

Para colocar as vozes também não foi uma tarefa fácil. Comecei por utilizar um programa que nos permite gravar a nossa voz e modificá-la para masculino, feminino ou até "robótica" por exemplo. No entanto essa tentativa não teve sucesso. As vozes ficaram horríveis, sinceramente a minha voz não dá para este tipo de coisas. Então tive de recorrer ao plano B. Usei o textaloud e utilizei as vozes standard, no entanto tive de fazer algumas modificações no texto pois as vozes não tinham a prenuncia correcta. Até tentei dentro do audacity usar o aumento de graves para ver se conseguia colocar uma voz feminina em masculina, pois eu precisava, novamente sem sucesso. Tive de usar uma voz feminina.

Para acabar o trabalho, usei novamente o zapping e então a televisão a desligar-se. No fim coloquei a minha assinatura.

Resumindo, penso que o meu trabalho ficou bom. Penso que podia ter ficado melhor nuns sítios como por exemplo nas vozes. Entretanto acho que consegui criar o que tinha em mente. A minha maior dificuldade foi sem dúvida trabalhar as vozes, pois fiz várias tentativas e utilizei-as em vários modos, no entanto poucas resultaram devidamente.

Acho que ultrapassei positivamente esta unidade, por isso fiquei satisfeito pelo esforço e dedicação que empenhei neste trabalho. Assim ficou o meu trabalho.

Versao final por Pedro

Biblioteca

Sons Utilizados:

http://www.youtube.com/watch?v=o0ysT0QwJio,

http://www.youtube.com/watch?v=2K61zdPjAi8,

http://www.freesound.org/

http://www.youtube.com/watch?v=QtX81rdi6q8

http://www.youtube.com/watch?v=3H8bnKdf654

http://www.freesound.org/samplesViewSingle.php?id=107435

Programas Utilizados:

Audacity

TextAloud

MorphVox

Upload de Som:

http://soundcloud.com/