Minhas animações ( ou não )

Essas são algumas animações antigas que eu fiz quando estava praticando no Adobe Flash Professional. Ambas são inspiradas em atividades existentes no fórum Chespirito                                                               ( http://www.forumch.com.br/topic/53-tutorial-adobe-flash-cs4-basico/ ), porém, as duas possuem elementos adicionais meus, como por exemplo, todo o design e alguns acréscimos na animação.

A primeira delas eu a chamo de Happy halloween, que foi inspirada na aula de interpolação de movimento. a atividade original é essa ( http://www.classicrpg.com/flash/halloween.html ). Eu acrescentei alguns novos elementos, como as árvores, as abóboras, o morcego, a lua e as nuvens, sem contar que decidi personalizar a bruxa e o castelo. O resultado final pode ser conferido logo abaixo.

http://megaswf.com/s/2519510

A segunda foi baseada em apenas um exemplo que pode ser baixado do site. Para fazer esse é necessário saber alguns comandos específicos de ActionScript, saber adicionar áudio e ter mais alguns conhecimentos de animação, claro. Eu adicionei alguns elementos, personalizei outros, acrescentei mais movimentos, e a maior diferença de todas é ter trocado a bruxa por uma diabinha ( ou uma succubus ). Gostaria de mostrar a atividade original, mas não estou a encontrando =p. Quanto ao meu exercício, ele esta logo abaixo.

http://megaswf.com/s/2519509

Bem, por hoje é isso.

Photoshop Again

Estas são três atividades feitas com o auxílio de vídeos tutoriais. O objetivo da primeira atividade era conseguir fazer efeitos de iluminação e reflexo em um texto, o da segunda basicamente fazer o efeito de fogo em um texto ( como se tivesse em chamas ) e a terceira fazer umas bolhas. Os resultados podem ser conferidos abaixo:

http://megaswf.com/s/2458013


http://megaswf.com/s/2458010


http://megaswf.com/s/2458012

E por hoje é isso.

The Mask of Mark

Ok, apesar de gostar de enfeitar nos títulos de minhas postagens, admito que dessa vez exagerei, mas mudando de assunto, vamos ao que interessa.

Acredito que esses eram os últimos trabalhos em Flash que faltavam atualizar. Eles foram feitos usando a ferramenta Mask ( máscara ), que, como o próprio nome sugere, serve para esconder algo ou apenas mostrar parte do todo, mas em ambos os casos ela mostra apenas o que você quer que ela mostre. Com ela dá para conseguir uns efeitos visuais bem legais.

Logo abaixo seguem os links de dois tutoriais passados pelo meu professor Melo Jr. Como um amigo meu disse: eles são o suficiente para aprender quase todo o básico sobre o uso da máscara, senão aprender todo o essencial para poder fazer suas próprias criações. A primeira atividade foi fazer um planeta terra em movimento de rotação, enquanto a segunda é apenas um slide de oito imagens.

Planeta terra: http://megaswf.com/s/2457634

Slide: http://megaswf.com/s/2457750


EXTRA


Irei postar também mais duas atividades a qual utilizei a máscara, que foram tiradas do tutorial básico de Adobe Flash Professional do fórum Chespirito ( http://www.forumch.com.br/index.php?/topic/53-tutorial-adobe-flash-cs4-basico/ ) e que também serviram de aprendizado. Diferente dos tutoriais em vídeo passados pelo meu professor, não existia um tutorial que ensinasse como fazê-los, mas sabendo como funciona a ferramenta Mask dá para desenrolar ( foi disponibilizado o arquivo em FLA, da atividade do segundo link, mas eu usei apenas para saber quais fontes de texto utilizar ).

Animação da lupa: http://megaswf.com/s/2457642

Animação do professor Vimerson Dantas: http://megaswf.com/s/2457641

Por hoje é só.

Slightly Better Sinuca

Já faz algum tempo que eu postei no blog uma animação simples de uma sinuca a qual batizei de Simple Sinuca ( para relembrar: http://megaswf.com/s/2433622 ). Quando revi esse trabalho, percebi que eu poderia ter feito um trabalho melhor com apenas um pouco mais de empenho. Portanto decidi fazer essa atividade mais uma vez, com um pouco mais de dedicação. O resultado pode ser conferido logo abaixo:

http://megaswf.com/s/2456616

Antes eu não gostava do Adobe Flash Professional, e por isso não tinha vontade de fazer nada interessante. Mas depois de praticar um pouco nas horas livres eu passei a gostar de trabalhar com ele, e estou mais satisfeito com o que eu faço nele. E essa nova sinuca é um bom exemplo disso: existem alguns defeitos perceptíveis na animação, mas o resultado final está bem melhor.

Jogo Point and Click

Este é um dos trabalhos mais importantes que o meu professor já passou. O objetivo era fazer um jogo estilo Point and Click usando o programa Adobe Flash Professional, com fotos tiradas diretamente do Campus do Pici, na Universidade Federal do Ceará (UFC) e editadas no programa Adobe Photoshop. As únicas exigências a mais foram o trabalho ser inspirado diretamente no jogo de Point and Click Amazonia, de Renato Degiovani, e nele ter no mínimo dois objetos interativos, além de uma quantidade mínima de treze fotos tiradas do campus. Enquanto isso, o enredo ficaria a gosto dos próprios alunos. Esta atividade era para ter sido feita em dupla, entretanto, não consegui encontrar alguém a tempo para faze o trabalho comigo. Então decidi fazê-lo sozinho, mesmo ( espero que ele seja aceito... ).

No link abaixo, vocês conferem o jogo que eu fiz. Espero que se divirtam. ;)

AVISO: esperem a página carregar completamente, senão o jogo não rodará direito ( não é minha culpa).

http://megaswf.com/s/2442827

Arte finalização

Nessa aula o objetivo era conseguir reproduzir uma imagem da maneira mais fiel possível a original utilizando o Adobe Photoshop, porém, tentando usar técnicas próprias, e de preferência, com você testando as melhores maneiras de se reproduzir a tal imagem. O primeiro link corresponde à imagem original, e o segundo ao trabalho que eu fiz.

http://megaswf.com/s/2442420

http://megaswf.com/s/2442421

OBS 1: O título "Arte Finalização" faz referência ao nome da pasta que continha a imagem original.

OBS 2: Eu sei, ainda tenho muito o que aprender no Photoshop...

ATUALIZAÇÃO

Decidi postar mais uma versão minha da imagem. :)

http://megaswf.com/s/2463174

É isso. Até.

Go to And Shape Tween

Essa foi uma aula extra, sobre como editar um site. O professor nos disponibilizou dois vídeos com exemplos de sites feitos em flash, um deles utilizava a ferramenta Shape Tween, que serve para deformar objetos ( transformar um quadrado em um círculo, por exemplo ), e o outro usava o comando "gotoAndPlay", do action script, para passar de um frame para o outro simulando movimentos ( diferente do "gotoAndStop", cuja passagem é bem brusca ). na aula era preciso apenas fazer um dos exemplos, mas o exercício abaixo tem os dois exemplos. Eu fiz essa atividade em dupla com Daniel Maranhão.

http://megaswf.com/s/2440858

Fazer um site realmente dá trabalho, entretanto, acredito que não seria uma má ideia trabalhar como Web Designer.

Frame to Frame

Essa foi a nossa primeira aula de animação, entretanto, não foi dessa vez que usamos o Classic Tween. Estávamos aprendendo os conceitos de quadros ( frames ) e FPS ( frames per seconds, ou quadros por segundo ). Por cima de algumas imagens que quando passadas simulavam o movimento de um homem subindo uma escada, tivemos de cobrir cada parte de seu corpo em cada foto e assim fazer a animação de um boneco de palito subindo as escadas. Resumindo, fizemos uma animação quadro-a-quadro            ( frame to frame ), e nada de Classic Tween para ajudar. O resultado de meu trabalho pode ser conferido logo abaixo:

http://megaswf.com/s/2440184

Ficou meio mal feito, eu sei. Mas eu gostei. =)

Photoshop novamente!

Só para postar mais uma atividade, como já havia prometido:

http://megaswf.com/s/2442714

Por algum motivo gostei do contraste formado entre o céu e o mar. Por isso deixei assim. Editar essa imagem foi uma grande experiência para mim, tanto pelo aprendizado quanto pela satisfação.

Abaixo mais uma versão da mesma foto. Uma tentativa de editar uma imagem que no final não parecesse tanto com uma edição de Photoshop ( ou pelo menos não tanto quanto a outra ).

http://megaswf.com/s/2457987

Mais tarde trago mais atividades!

Primeiras aulas de Photoshop

Bem, essas atividades não foram feitas no mesmo dia ( foram em dois, para ser mais específico ) e acredito que não era obrigatório postá-las aqui. Entretanto, gostei tanto de fazê-las ( apesar de erros de principiante fortíssimos, rsrsrs ) que decidi publicá-las. Na aula em que nos foi apresentadas as ferramentas de seleção, a primeira atividade foi usar partes de frutas para formar alguma coisa, e o que eu fiz pode ser conferido no link abaixo.

http://megaswf.com/s/2439149

Depos  tivemos de alterar uma imagem usando a "técnica da xérox" (nome inspirado  na seção Xerox, do site Nãointendo). O primeiro link é o da imagem original, e o segundo a minha modificação:

http://megaswf.com/s/2439152

http://megaswf.com/s/2442682

A próxima atividade foi feita no segundo dia de Photoshop. Aprendemos a mexer no contraste, no brilho e nas cores das imagens para nesse aspecto modificá-las como bem entendermos. O primeiro link leva à imagem original, enquanto o segundo leva à modificada.

http://megaswf.com/s/2439157

http://megaswf.com/s/2439158

As atividades não param por aí. Existe uma em específica que realmente precisa ser postada, contudo, ainda não a fiz, então fica pra próxima.

Terceira atividade

No começo do semestre, por motivos pessoais, tive que faltar muitas aulas do curso SMD, e a disciplina de Edição de Imagens Digitais foi uma das que mais me prejudiquei devido à rapidez com que são passados os conteúdos. Em ordem, essa foi a terceira atividade. Não sei se fiz da maneira correta, mas ao menos eu as fiz.

A primeira foi fazer uma esfera sendo iluminada. Para realizar essa atividade era preciso saber como utilizar as técnicas de pintura em gradiente e ter noção de iluminação. Abaixo está a minha esfera:

http://megaswf.com/s/2438284

Depois foi fazer um desenho de um pássaro voando sobre uns prédios e umas montanhas. A arte foi tirada do site da Uol, mas eu não sabia se era para deixar o resultado final do mesmo jeito ou se era para deixar alguns detalhes diferentes. Diante disso, o meu desenho ficou assim:

http://megaswf.com/s/2439109

Por hora é isso.

Design Gráfico

Nessa aula a minha turma aprendeu o básico do básico do que precisa saber para se fazer um site. Aprendemos como usar a régua, a gride e as guides para nos auxiliar nos trabalhos, ouvimos um pouco sobre padrões de cores, para se criar um site( cores que não cansam a vista, pouca poluição visual, etc ) e por fim fizemos um exemplo de site propriamente dito, baseado em um modelo que o professor nos mostrou, chamado Design Gráfico. O resultado de meu trabalho pode ser conferido logo abaixo:

http://megaswf.com/s/2438527

Descobri que fazer isso é mais divertido do que parece. ^_^

Três não... quatro!

Essa foi a minha primeira animação em flash, que foi feita em dupla com meu colega de classe Lucas Barros. O resultado final não ficou como esperávamos mas aprendemos muito com essa atividade. O professor disponibilizou os arquivos de som e os modelos dos personagens, e tivemos que fazer a animação de uma historinha e sincronizá-la com o áudio. Confira o resultado logo abaixo:

http://megaswf.com/s/2438282

Depois de pronta não tivemos ao menos a consideração de consertar os erros da animação ( se bem que a porquinha no topo da tela, por exemplo, não dá para consertar, pois tenho apenas o arquivo em SWF, ). Eu ouvi essa narração dos porquinhos tantas vezes que tenho certeza de que lembrarei dela pelo resto  da vida.

A real primeira atividade

Sei que demorei para postá-la, mas como faltei essa aula, tive de arranjar o material necessário para fazê-la com alguém, o que não foi fácil, pois pouca gente da minha turma guardou o material de atividade. Mas o que importa é que no fim deu tudo certo e agora trago ela. O objetivo era utilizar as ferramentas gráficas básicas do Adobe Flash Professional e conseguir fazer um avião de acordo com as instruções. O resultado de meu trabalho pode ser conferido logo abaixo. Por hora é só.

http://megaswf.com/s/2438063

Avestruz (minimalista ou não)

Neste dia o objetivo era fazer uma animação dentro de outra animação, ou como costumamos dizer, um Movie clip dentro de um Movie Clip. O professor nos mostrou a animação de um avestruz andando de um lado para o outro da tela, e o nosso objetivo nessa aula era, em dupla, conseguir fazer uma animação que fluísse da mesma maneira, sendo que o estilo do avestruz poderia ser diferente do da animação original. Na aula eu fiz parceria com Lucas Barros. tivemos alguns problemas técnicos, mas o que importa é que conseguimos fazer a animação, porém, o avestruz teve que ficar bem minimalista, para dar tempo de fazê-lo. O resultado pode ser conferido logo abaixo:

http://megaswf.com/s/2434920

depois da aula, combinamos que em casa capricharíamos mais em nossa atividade. O dele eu não cheguei a ver, mas o meu pode ser conferido no link abaixo. Esse é o meu avestruz definitivo:

http://megaswf.com/s/2434914

Por hora é so. Masi tarde postarei outras atividades, que por sinal, não são tão poucas.

Slide... feito em Flash!


Na minha postagem anterior, mostrei no primeiro link um slide feito com um botão invisível. Mas antes desta aula minha turma aprendeu a fazer um slide do mesmo estilo, mas com botões visíveis. Cada aluno fez seus botões, anterior e próximo, da maneira que bem entendesse, e eles tinham que exercer a função de voltar e avançar a página, respectivamente. Não adicionei conteúdo às páginas devido à falta de necessidade de fazê-lo, entretanto, adicionei duas páginas a mais do que o necessário ( como se isso acrescentasse em alguma coisa, rsrsrs ).

OBS 1:Agora eu não preciso mais de Power Point para fazer slides, o que não quer dizer que eu vá abandoná-lo, rsrsrs.

OBS 2: O link segue abaixo

http://megaswf.com/s/2434683

Botão Invisível


Como já deu pra perceber, deixei para postar as atividades meio que de última hora e estou postando logo aquelas que já tenho prontas ( na próxima eu me organizo mais ). Até o momento ( domingo, 28 de maio de 2012 ) esta foi a atividade da minha última aula com o Flash. Com o botão Hit, do Symbol Button podemos fazer um botão invisível e deixá-lo interativo com alguns comandos feitos na linguagem de programação do Flash, o Action Script, muito comum em páginas de internet e jogos de Point-and-Click.

Inicialmente fizemos uma espécie de slide, bem semelhante aos que são feitos em Power Point. Ele pode ser conferido neste link (http://megaswf.com/s/2456619). São apenas as páginas 1 e 2, que podem ser passadas como se fossem um livro, mas claro, usando os cliques.

Logo após nosso exercício foi fazer um jogo bem simples de Point-and-Click, acrescido de efeitos sonoros. Antes de postá-lo quero mostrar o botão que fizemos para aprender a adicionar sons aos botões usando o Action Script. Você confere o resultado logo abaixo ( procure por um pequeno círculo azul, na parte de cima da página =P ):

http://megaswf.com/s/2433643

E por fim, adicionando os efeitos sonoros e os botões invisíveis, fizemos um jogo bem simples. Trata-se de um cubo que está trancado e você precisa girá-lo e encontrar uma chave que se encaixe perfeitamente na feixadura para abri-lo. O jogo inteiro é feito em Point-and-Click. Se ele não estiver muito intuituitivo, é porque não o que é preciso para ser um bom desenvolvedor de jogos, rsrsrs. O resultado pode ser avaliado logo abaixo:

http://megaswf.com/s/2433645

Por hoje é só. Mais tarde eu posto mais atividades.

Classic Tween

Pelo que me lembro, essa foi a primeira aula de Edição de imagens Digitais que usamos a ferramenta Classic Tween, em que o Flash faz a animação por você, não precisando fazê-la quadro-a-quadro, tendo que atentar apenas nos quadros chaves ( keyframes ). Tivemos no mesmo dia uma aula básica de como fazer um storyboard, para auxiliar na construção das animações. Essa aula foi antes da atividade da Sinuca, entretanto, não me lembro se foi no mesmo dia.

Inicialmente tivemos que fazer um círculo ir para o canto da tela usando o Classic Tween. eu fiz ele ir e voltar, mas acho que precisava apenas fazê-lo ir, pois esta não era a principal atividade do dia. ^^'

Você confere o resultado logo abaixo:

http://megaswf.com/s/2433634

Logo após esse pequeno exercício, tivemos de fazer uma animação com os nossos nomes, igualmente usando o Classic Tween, porém, com a adição deoutros efeitos além dos usados na animação do círculo, e eles poderiam ser escolhidos pelo próprio aluno. Apesar de eu não ter usado meu nome original, a atividade que segue logo abaixo foi eu que fiz:

http://megaswf.com/s/2433636

Bem, acho que é isso. Em breve mais postagens.

OBS: Percebi que não usar minha identidade do mundo real ( sim, Mark D. Souza é como eu sou conhecido, no mundo virtual, apesar das barreiras serem quase inexistente, em alguns casos ) gerará problemas. Talvez por necessidade eu informe meu nome, mas por enquanto não. =P

Simple Sinuca


Esta também não é minha primeira atividade. Pra falar a verdade até esqueci quando ela foi passada, mas como já tenho ela pronta, decidi postá-la logo também. Tratava-se de fazer uma animação em Flash de uma sinuca. O professor disse que bastava ser uma animação bem simples, e eu, como não sou um aluno exemplar, segui a dica e fiz a animação mais simples possível, diferente de alguns colegas meus, que capricharam e tiveram um ótimo resultado final. Bem, o que importa é que eu gostei do que fiz, rsrsrs.

Segue o link logo abaixo:

http://megaswf.com/s/2433622

OBS: Como já deu pra perceber, não estou postando minhas atividades em ordem. Entretanto, postarei todas assim mesmo.

Minha Primeira Atividade 

Na verdade esse não é o real primeiro exercício. Entretanto, ele é o primeiro que fiz, além de ser também o meu primeiro contato com o Adobe Flash Professional, então decidi postá-la primeiro. A atividade foi desenhar um modelo de carro em desenho animado já existente, seguindo um tutorial. O resultado final é este que vocês podem conferir no link abaixo.

http://megaswf.com/s/2433620

OBS: Atividade feita em dupla com Django Torres.

The Mark Room

Bem, inicialmente esse blog será apenas para suprir minhas necessidades de postar atividades feitas em Adobe Flash. Se futuramente eu encontrar alguma outra utilidade para este espaço, Acho que não pensarei duas vezes.

The Mark Room. Gosto desse nome, pois dá a esse blog a cara de um espaço meu, para eu compartilhar minhas inutilidades com pessoas ociosas e perdidas na internet. Mas, como eu já disse, no momento ele será apenas para a postagem de atividades.