quinta-feira, 24 de agosto de 2017

Atividade 1 - Hello World! Processing (MAMI - 2017.2)

O documentário "Hello World! Processing" discerne inicialmente sobre o conceito de Processo e, aos poucos, vai adentrando na filosofia dos desenvolvedores de criar uma aplicação que fosse ao mesmo tempo simples e versátil, e que pudesse ser utilizada principalmente como ferramenta de criação artística e experimental para designers e artistas, por causa de sua alta interatividade visual.

Dentre os exemplos que foram contemplados no site do Processing, escolhi o Interpolate para essa atividade.
É um programa relativamente simples, que consiste em desenhar um círculo no background e este pode ser guiado pelo cursor por intermédio da função lerp(), que calcula uma distância entre dois pontos em determinado incremento (no caso, aqui é a posição da forma desenhada e o cursor) conforme o valor inserido (vai de 0.0 "Fixo na origem" a 1.0 "Fixo no cursor"). Desse modo, essa distância é aplicada na posição atual do círculo, dando a impressão deste seguir o cursor ao movimentar o mouse.

Sabendo disso, modifiquei um pouco o programa, de forma a inserir dois objetos adicionais, que seguem a trajetória do cursor em diferentes velocidades.



Primeiramente eu acrescentei mais 4 variáveis (a, b, c, d), que correspondem, respectivamente, aos valores da função lerp() no quadrado e na estrela.


Na função "void draw()", foi indicado o valor do lerp (3%) para o círculo, que teve sua cor alterada para magenta e o tamanho para 70, 70.


Foi indicado o valor do lerp (5%) para o quadrado e sua cor foi alterada para ciano e tamanho para 70, 70.

Foi indicado o valor do lerp (100%) para a estrela e sua cor foi alterada para amarelo, bem como foram dadas as coordenadas do seu tamanho para ser desenhada pela função "void star". Aqui, a estrela fica exatamente no meio do cursor, porque o lerp foi configurado como "1.0".


Peguei a função "void star" em um dos exemplos expostos no site do Processing (Star), que basicamente passa as instruções matemáticas para a criação da estrela.


Uma das ideias que achei interessante no documentário foi a da importância do compartilhamento e abertura do código de alguns projetos, pois contribui enormemente para o enriquecimento, desenvolvimento e reinvenção de novas ferramentas e tecnologias. No caso dessa atividade, mesmo que simples, foram usadas dois códigos para a criação de algo novo.


terça-feira, 13 de junho de 2017

Atividade 6 - Os 12 Princípios da Animação da Disney: Bons e Maus exemplos (Autoração Multimídia I - 2017.1)

1º- Squash and Stretch (Espremer e Esticar)

Resultado de imagem para gifs
Bom Exemplo: É possível observar a aplicação do princípio Squash and Stretch nessa animação, pois transmite uma sensação de flexibilidade nas formas usadas.
Resultado de imagem para gifs
Mau Exemplo: Vemos nesse GIF uma rigidez no personagem que contradiz o princípio Squash and Stretch, uma vez que não há muita flexibilidade de formas envolvida em sua animação.


2º- Anticipation (Antecipação)

Imagem relacionada
Bom Exemplo: Podemos ver claramente a utilização do princípio da Antecipação do golpe exercido pela personagem de bastão.












Mau Exemplo: A ação está despida do princípio da Antecipação porque não há uma preparação para a realização do movimento.


3º- Staging (Encenação)

Resultado de imagem para gifs
Bom Exemplo: Se transformarmos essa animação em silhuetas simples, continuamos a assimilar o seu conteúdo.


Imagem relacionada
Mau Exemplo: As ações dessa animação são reconhecíveis para o público apenas quando expostas por um certo tempo, o que desqualifica-a em termos de Staging.

4º- Straight Ahead Action and Pose to Pose (Ação Direta e Pose para Pose)

http://38.media.tumblr.com/6deaa95d90ecea2d34f1bd884ce5a67b/tumblr_nkxenqQiJy1tv5hcco1_500.gif 
Bom Exemplo (Straight Ahead Action): Vemos o uso de imagens desenhadas separadamente com artifício Straight Ahead, obtendo uma animação fluida.
Imagem relacionada
Bom Exemplo (Pose to Pose): Vemos o uso do técnica Pose para Pose sendo bem utilizada, com as intersecções dos frames começo-meio-fim definidas com maestria.


Resultado de imagem para boneco gif
Mau Exemplo (Straight Ahead Action): Não há graduação de imagens, elas aparecem abruptamente na tela, quebrando o Straight Ahead.

Imagem relacionada
Mau Exemplo (Pose to Pose): Há o estabelecimento do começo-fim, porém a imagem não obtém uma fluidez desejada, uma vez que não há intersecções.


5º- Follow Through and Overlapping Action (Continuidade e Ação de Sobreposição)










Bom Exemplo: A física dessa animação está bem dinâmica e exagerada, uma vez que faz o uso da Continuidade e Ação de Sobreposição, artifício que os animadores podem utilizar para tornar a movimentação mais fluida e natural.


 
Mau Exemplo: Aqui vemos uma rigidez nas feições da personagem, pois não se faz o uso adequado da Continuidade e Ação de Sobreposição.

6º- Slow In and Slow Out (Acelerar e Desacelerar)
Resultado de imagem para pendulum gif

Bom Exemplo: Notamos aqui a presença de aceleração e desaceleração no movimento, caraterizando o uso do Slow In e Slow Out.
Imagem relacionada
Mau Exemplo: A bola da animação está sempre em velocidade constante e uniforme, o que descaracteriza o uso do Slow In e Slow Out.

7º- Arc (Arco)

Imagem relacionada
Bom Exemplo: O arco formado por essa animação é bem suave e definido por causa da quantidade de frames utilizados nela.
Resultado de imagem para balanço gif

Mau Exemplo: O arco formado pela animação acima, pelo contrário, não é fluido, o que torna os movimentos "travados".

8º- Secondary Action (Ação Secundária)
Resultado de imagem para chola mais gif

Bom Exemplo: O movimento de dança que o personagem realiza complementa a sua locomoção pelo cenário, caracterizando o Secondary Action.

Resultado de imagem para secondary action gif

Mau Exemplo: Aqui vemos apenas uma ação e reação realizada por vez, sem a participação de outros movimentos.

9º- Timing (Cronometragem)
Resultado de imagem para timing gif
 Bom Exemplo: A bola diminui a velocidade no final da animação por causa do aumento do tempo de transição entre duas imagens consecutivas no final da ação.
Resultado de imagem para gangorra gif
 Mau Exemplo: Não há fluidez na animação por vários fatores. Um deles é a ausência da utilização da Cronometragem.

10º- Exaggeration (Exagero)
Resultado de imagem para gif anime
Bom Exemplo: Há a utilização da técnica Exagero para exprimir mudança de emoções pela expressão facial da personagem.

Resultado de imagem para poker face gif

Mau Exemplo: Não há mudança de expressão na face da personagem.

11º- Solid Drawing (Desenho Sólido)

 Resultado de imagem para 3d gif

Bom Exemplo: Transmite sensação de profundidade.

Resultado de imagem para stick gif
Mau Exemplo: Não transmite sensação de profundidade.

12º- Appeal (Apelo)
Resultado de imagem para anime gif
Bom Exemplo: Exerce certa atração em relação ao público-alvo pelo uso dos gestos e personalidade das personagens.
Resultado de imagem para stick run gif

Mau Exemplo: Não exerce nenhuma atração, é só um boneco palito fuleiragem.

sábado, 6 de maio de 2017

Atividade 4 - Laboratório de Monstros (Autoração Multimídia I - 2017.1)

                                           Retrato Original

                                        Retrato "versão Quimera"


Foram utilizadas os seguintes ingredientes para fazer a nossa graciosa Quimera:

Imagens:
                             http://www.polyvore.com/blonde_fair_platinum_hair_png/collection?id=4911517
1- Mechas dessa linda cabeleira recortada com Seleção de Cor, Redimensionada e Colorida em tons esverdeados e azulados.

http://www.freeiconspng.com/png-images/beard-png 
  2- Uma barba colorida em azul claro para ficar na moda. Foi usada as ferramentas de Redimensionamento e a seleção pela Varinha Mágica para auxílio no Recorte da figura.

                                        http://www.mesbuta.info/key/b/words-bat-nose.html
3- As orelhinhas, o narizinho e os caninos dessa criatura singular. Foram Recortados com a Seleção Livre, Coloridos de vermelho, Redimensionados e tiveram seus ângulos mudados para se adequar à imagem.

                                        http://dark.pozadia.org/wallpaper/Demon-Face/
4- Os chifres desse capiroto foram Recortados com a Seleção Livre, Coloridos de verde e azul, Redimensionados e Colados na imagem.


                                            http://www.pngmart.com/image/21632
5- Para enaltecer seu caráter divino, foram transplantadas duas asas de querubim para a criatura. Foi utilizado a Seleção por Cor para recortar a figura e Redimensionar para adequá-la ao tamanho da imagem.

                                          http://ssrnews.com/fire-tax-increase-opposed/
6- O fogo em seus olhos e cabelos são resultado do ódio visceral que a criatura tem quando oferecem a ela fígado de boi. Foi utilizadas as ferramentas de Perspectiva, Redimensionamento e Mudança de Ângulo.

                                       https://br.pinterest.com/explore/unic%C3%B3rnios/
7- Sim! O sangue da mais alta raça de unicórnios corre pelas veias desse bicho. Esse chifre extraordinário é a prova disso. Foi utilizada a ferramenta de Seleção Livre e Redimensionamento para recortá-lo e colá-lo.

Filtros:

Os filtros utilizados foram o Filtros → Artístico → Aspecto de Tecido, na blusa (que foi pintada de roxo) e Filtros → Artístico → Brilho Suave, na imagem inteira.

Tutoriais:

https://www.youtube.com/watch?v=x84GaEiCy8M
https://www.youtube.com/watch?v=JS3LrQfYQ44
https://www.youtube.com/watch?v=N8xikItbxW8
https://docs.gimp.org/2.8/pt_BR

Obs.: Os vídeos mostram versões mais antigas do GIMP, mas de certa forma me orientaram bastante no que fazer e não fazer.

terça-feira, 2 de maio de 2017

Atividade 3 - Coloração (Autoração Multimídia I - 2017.1)

                                             Imagem Restaurada em Tons de Cinza
                                       Imagem Restaurada após Coloração no GIMP
                                                Imagem em Tons de Cinza
                                             Imagem após Coloração no GIMP

quarta-feira, 19 de abril de 2017

Atividade 2 - Restauração (Autoração Multimídia I - 2017.1)

                                                                    Foto Restaurada
                                                                     Foto Original

Trabalho de MAMI - Gerador de Arte (Parte 2)

Link do código: https://drive.google.com/open?id=1AUI4WUZtjbgH_A4s6xBvi9jPa_UV_rkT