quinta-feira, 4 de fevereiro de 2016

Criação de Currículo através de um Site

A última atividade proposta pelo Professor Melo Jr. consistiu em desenvolver através do Flash um site que disponibilizasse o nosso currículo. As exigências eram:

  • Utilizar o PhotoShop para tratamento das imagens;
  • Realizar a tarefa no Flash;
  • Desenvolver no mínimo de 07 (sete) telas;
  • Criar interação entre elas.
Aplicando as especificações determinadas pelo professor, obtivemos o seguinte resultado:

Para download do arquivo clique aqui


Criação de Botão

Olá Pessoas

O objetivo dessa aula consistia em criar um botão utilizando o Flash CS6. Para tanto criei um vídeo-tutorial que vocês poderão assistir abaixo:



Caso não apareça o vídeo, clique aqui!

Efeito Ken Burns

Olá Pessoas...

Nessa atividade, o professor Melo Jr, solicitou que fizéssemos a reprodução do efeito Parallax, utilizando no mínimo três imagens, tendo como base os trabalhos desenvolvidos por Tim Burns, que deu origem ao Ken Burns Effect.

O efeito Ken Burns é um tipo de panning e zoom efeito usado na produção de vídeo a partir de imagens fixas.
O nome deriva do uso extensivo da técnica pelo documentarista americano Ken Burns . A técnica anterior à sua utilização do mesmo, mas seu nome tornou-se associada com o efeito da mesma forma que Alfred Hitchcock é associado com o zoom dolly .
O recurso permite que uma técnica amplamente utilizada de incorporar ainda fotografias em filmes, exibidos com zoom lento e efeitos panning, e desbotamento transições entre quadros. Para obter mais informações sobre esse efeito clique Wikipedia

Para realizar essa técnica, utilizei o PS e o Flash Cs6. No PS fiz o tratamento das imagens, transformando-as em .PNG, para que eu pudesse ter maior liberdade de uso no flash.

Assim, peguei três personagens do Anime: Goku, Naruto e Samurai X, fiz o tratamento das imagens e coloquei como background a cidade de Fortaleza, e de modo específico a Ponte dos Ingleses na Beira-mar. Eis as imagens utilizadas:
 Ponte dos Ingleses, Fortaleza - Ceará


A técnica empregada para fazer esta atividade consistiu em criar camadas específicas para cada imagem e a partir da especificidade de cada camada implementar um efeito. Em um primeiro momento eu estava fazendo animações por camadas, porém eu percebi que poderia fazer movimentação no fundo que teria o mesmo resultado, tendo como resultado:

Se o vídeo não abrir, clique aqui!

sábado, 23 de janeiro de 2016

Fazendo um stickMan a partir do nosso caminhar.

Olá povo...
Tentando fazer a atividade de autoração multimídia do Profº Melo Jr. que consistia em criar uma animação estilo Stick Man através do meu próprio caminhar. 

O primeiro passo, consistiu em separar as imagens do vídeo realizado. Para tanto, poderíamos utilizar duas técnicas: a primeira, pausa e "prt sc" + photoshop (válida mas mto trabalhosa) e a segunda, obter as fotos através do After Effects, na opção renderizar em sequência de png. Optei pela segunda forma, obtendo uma sequência de fotos que já se configuravam como uma animação.



Essa sequência de imagens foi feita a partir do seguinte vídeo:


Caso o vídeo não abra, clique aqui!
A partir desses passo, fiz a vetorização das imagens, que por sinal ficaram mto mal feitas, principalmente pq para fzr uma vetorização mais real e perfeita, demanda mto tempo, principalmente para que a img não fique saltando. Assim, obtivemos o seguinte resultado final.




Caso o vídeo não abra, clique aqui!
Abs e até a próxima

terça-feira, 19 de janeiro de 2016

Criar uma fotomontagem sua a partir de elementos da UFC

Atividade 02... Criar uma fotomontagem sua a partir de elementos da UFC.
Vamos lá! Passo por passo...

01. Passo:
Procurar as imagens que seriam utilizadas na fotomontagem. Para tanto, peguei uma foto da Reitoria da UFC, uma foto da luta do Anderson Silva e uma foto minha, após um treino de Jiu-Jitsu.





02. Passo: Após ter acesso as imagens, comecei o processo de edição utilizando o photoshop CS6. Para as duas primeiras imagens, utilizei a mesma técnica: máscara rápida para seleção de imagem, como pode ser visto na imagem abaixo:

Seleção de imagem com a máscara rápida.

Inversão da seleção para ficar com a parte da foto que no interessa.

03. Passo:
A partir dessas imagens manipuladas, o cenário foi sendo montado. O objetivo dessa fotomontagem está em misturar a UFC, universidade, com o UFC, organizadora de lutas de MMA. Satirizando com a minha imagem ao fundo de quimono, esperando o próximo adversário.


Esse foi o resultado final.
Abs e espero que tenham gostado... :)

Criar uma ilustração com base em um rascunho.

Desculpem o atraso, principalmente, Profº Melo Jr, mas só agora o blog saiu do forno. Talvez um pouco queimado.
Vamos ao que interessa...

Atividade a ser realizada:

Atv 1 - Criar uma ilustração com base em um rascunho.
Rascunho baixado da internet no site: http://desenhoscolorir.blogspot.com.br/2014/05/desenhos-para-colorir-do-naruto.html

Depois de obtida a imagem, coloquei a imagem no stage do Flash CS6 e passei a vetorizar a imagem, obtendo o seguinte resultado:

Se ficou bem vetorizado, esse era o objetivo. Após a vetorização, foi copiada a imagem vetorizada para PhotoShop CS6 para fazer o acabamento. Resultando na seguinte imagem:


Não ficou 100% mas deu pra aprender que só podemos colorir imagens fechadas. Daí a grande dificuldade em colorir o Gaara.