Point and Click Game - Preso no Puxadinho

Trabalho válido como segunda avaliação apara disciplina de Edição de Imagens Digitais, idealizado e produzido pela dupla Valeska Mesquita e Yaggo Lima. Depois de muitos conflitos com o Adobe Flash e várias tentativas, adaptações e revisões, nosso point and click ficou pronto (ufa!). As imagens são do Puxadinho ao lado da Biblioteca Central de Tecnologia, onde estão localizados os laboratórios e o ateliê do curso de SMD, na Universidade Federal do Ceará (Campus do Pici).
Eis o link para o noso .swf:
Preso no Puxadinho.swf

Photoshop - Montagens

Nossa tarefa desta vez, foi seguindo alguns tutoriais, aprender como fazer efeitos de chamas, brilho e transparência, abaixo seguem os respectivos resultados.

(nome em chamas)

(texto com brilho)

 (Transparência e cores)

Photoshop - Enquadramento e Tratamento de imagem

Recebemos como atividade o enquadramento da imagem abaixo, além disso devia ser feito seu tratamento em contraste, brilho, assim como uma montagem adicionando a imagem das nuvens mais abaixo :)

Resultado Final

Photoshop - Montagem

Hoje fizemos uma montagem bem simples com rostos e acessórios, usando técnicas de seleção e máscara no photoshop :3

Original

 Editada

Máscara 2 - Earth Rotation and Mask in text

Ainda aprendendo sobre máscaras, fiz uma animação que mostra um efeito sob um texto e a rotação terrestre ( no estilo Mario Bros *-*), seguem os respectivos links hospedados no megaswf
texto: http://megaswf.com/s/2481334
terra:http://megaswf.com/s/2481337

Máscara

Seguindo um tutorial recomendado pelo professor com aula, aprendi a utilizar o efeito de máscara para animar ^^! Essa animação foi feita quadro a quadro e representa o nascimento de uma vinha
Para ver a animação click no link: http://megaswf.com/s/2481320

Avestruz

Projeto 8 --> SMD - Edição de Imagens Digitais
Para ser bem sucinta, aprendemos a fazer um movie clip interno (ou embutido),que consiste na animação em fragmentos isolados do  contexto geral, e aplicamos nosso aprendizado produzindo uma animação baseada em outra, de autoria do querido Rogério Doki. Aqui está minha avestruz!

http://megaswf.com/serve/2372956/

4 Porquinhos

Projeto 7 --> SMD - Edição de Imagens Digitais
A produção de um Storyboard parece tarefa simples, mas na verdade torna-se complexa quando se tem que analisar todo o conjunto da animação, desde o cenário , passando pelos personagens, sonoplastia, roteiro de movimentação e , principalmente, o tempo de execução. A estágio da produção que é mais cansativo e trabalhoso é, sem dúvida, o processo de sincronização dos sons com as ações a serem executadas, sempre conforme o tempo já previsto no storyboard original. Passamos por essa experiência neste projeto, no qual tivemos que fazer a animação para uma história infantil somente a partir da narração, que nos foi fornecida pelo professor, junto com os personagens principais. Era uma espécie de remake da estória dos 3 porquinhos. Eu e Yaggo nos empenhamos muito nesse trabalho de animação, e ficamos orgulhosos com o resultado final. Pensamos em cada pequeno trecho da animação, fizemos um storyboard bem detalhado e seguimos  a frase do Prof. Melo Júnior " Não sejamos amadores...". Enfim, eis o resultado :)
P.S: todos os elementos gráficos foram produzidos a partir de colagem de revistas, inclusive o cenário, montado por nossa dupla :3

http://megaswf.com/serve/2372897/

    Cenário produzido pela dupla

Animação por interpolação

Projeto 6 --> SMD - Edição de imagens digitais
Mais um tipo de animação nos foi ensinado pelo Prof. Melo Júnior hoje, saindo da animação quadro por quadro, partimos para a "animação por interpolação" que tê m efeito semelhante mas a ferramenta (no caso o Flash) executa a movimentação de forma automática (bem menos trabalhosa diga-se de passagem, contudo menos detalhada ...). Primeiro fizemos a animação de uma bola...
http://megaswf.com/serve/2367943/

Depois aprendemos um pouco sobre Storyboard (roteiro de animação) e introduçaõ de sons na animação, então exercitamos produzindo uma jogada de sinuca, também com interpolação. O resultado segue abaixo :)
http://megaswf.com/serve/2367964/

Frame by frame animation

Projeto 5 -->  SMD - Edição de Imagens Digitais 

Neste projeto aprendemos a produzir uma animação quadro a quadro (frame by frame), primeiramente a partir de um modelo que executava a ação de subir escadas. Para fixar nossos conhecimentos, tivemos que reproduzir a caminhada de um amigo aplicando tal técnica, a partir de um vídeo que gravamos após a aula. Baseando-se no estilo Xiao Xiao ( que faz uso daqueles bonequinhos de palito, geralmente em contexto de luta, mas não é o nosso caso :] ). Yaggo Nit foi a cobaia da gravação que foi base para meu projeto, o de minha amiga Nina (http://ninainsmd.blogspot.com.br/) e o dele próprio. Abaixo segue o vídeo original :

e por fim, minha animação quadro a quadro articulada (time: 1s - 24 fps) :

http://megaswf.com/serve/2367866/

:P

Gradiente: Luz e Sombra

SMD--> Projeto 3 - Edição de Imagens Digitais (Dupla: Valeska e Yaggo  )

Neste terceiro projeto aprendemos a aplicar efeitos de tonalidades gradientes, utilizados principalmente para remeter à ideia de luz e sombra, enfatizando seus contrastes. Acredito ser um efeito visualmente muito bonito, quando explorado adequadamente, e bastante recorrente em ilustrações digitais. Depois de vérios ajustes, conseguimos um efeito bem satisfatório! :)

Passarinho - Rogério Doki

SMD--> Projeto 4 - Edição de Imagens Digitais

Este projeto é o resultado do uso conjunto dos conhecimentos adquiridos até o momento. Utilizando como ferramenta o Adobe Flash CS5 (assim como nas demais postagens  :P) aplicamos a vetorização de imagens, os efeitos de gradiente, sombreamento e brilho. É importante ressaltar que a obra original é de autoria do designer Rogério Doki, que realiza trabalhos maravilhosos com a mesma ferramenta, além de muito criativos, com características peculiares de ilustração e animação digital, das quais já me tornei fã. O cachorrinho que é mascote do canal Discovery Kids é um de seus diversos projetos. Vale a pena conferir seu portfólio pessoal  (http://www.doki.com.br/)!

Devíamos tentar reproduzir os efeitos utilizados no original, ei-lo aqui :

Ficou bem parecido né :)

Carro vetorizado

SMD--> Projeto 2 - Edição de Imagens Digitais (dupla: Valeska e Yaggo- turma A)
Neste segundo projeto fizemos a vetorização (processo que consiste, basicamente, na transformação de uma imagem bitmap,composta de pixels,em vetorial,que é contínua.) do veículo acima a partir de um esboço fornecido pelo professor. Adicionando alguns efeitos de brilho e contrastes cromáticos, ficou assim. :)