Cor

O QUE É COR ?

A cor é uma percepção visual provocada pela ação de um feixe de fótons sobre células especializadas da retina, que transmitem, através de informação pré-processada ao nervo óptico, impressões para o sistema nervoso.

Cores destaque segundo a empresa Pantone

Pantone fez uma seleção das dez melhores cores, que incluem amarelo brilhante e rosa brincalhão, juntamente com tons pastéis refrescantes, verde-limão intenso e marrom neutro.

Esta é uma paleta de cores que captura a predisposição e ao mesmo tempo inspira criatividade e expressão livre cheia de vida.


Qual a diferença entre as cores em RGB e CMYK?

RGB

A abreviatura RGB (Red, Green, Blue) representa o método de cores utilizadas em monitores e eletrônicos emissores, fazendo referência aos tons vermelho, verde e azul para compor imagens coloridas nas telas.

Essa escala tem como base a Teoria Tricromática em que a luz é o elemento chave para a formação de cores através do sistema aditivo – capaz de gerar mais de 16 milhões de tonalidades diferentes ao serem divididas nos 255 níveis.

CMYK

Já o padrão CMYK (Cyan, Magenta, Yellow, Black) emprega as cores Ciano, Magenta, Amarelo e Preto e é utilizado para produção de materiais impressos. Sua proposta é reproduzir, da maneira mais fiel possível, a maioria das cores do espectro visível e é por isso que é o esquema oficial do universo gráfico.

Fabiano explica

Ilustração

Ilustração é uma imagem utilizada para acompanhar, explicar, interpretar, acrescentar informação, sintetizar ou até simplesmente decorar um texto. A ilustração também serve para comunicarmos uma mensagem ou sentimento sem usar palavras.


Ilustração Caricatura

É um desenho que tem como base a representação de uma pessoa, mais distorcida e exagerada deixando o desenho mais comico.


Ilustração Cartoon

É uma ilustração mais humorística, muito usada em jornais, revistas e desenhos animados, que procura passar de maneira engraçada situações do cotidiano. Tem como principal característica o desenho finalizado por contornos pretos.

Vamos testar nosso conhecimento até aqui?

Essa imagem é uma ilustração cartoonizada ?

Parabéns! Resposta correta.

Você fez a correspondência correta das técnicas que são aplicadas para facilitar e determinar quais serão as condições que o produto final deverá contemplar.

Resposta incorreta.

As respostas correta é:

Verdadeira, a coloração e a forma de distinção da imagem acaba dando um efeito de foto imagem, ou seja fica extremamente semelhante ao real produto, mesmo sendo uma ilustração.


Ilustração flat

O FLAT DESIGN, como é conhecido, tem característica principal o minimalismo e, assim, chamar a atenção de forma mais limpa e simplificada. É muito usado no universo de arquitetura de informação, UX e UI.

Se caracteriza por formas simples e geométricas, podendo usar proporções reais ou estilizadas, sendo trabalhado com paleta de cores reduzidas com mínimos efeitos de perspectiva.

Vamos testar nosso conhecimento até aqui?

É correto afirmar que essa imagem não é uma ilustração flat ?

Parabéns! Resposta correta.

Você fez a correspondência correta das técnicas que são aplicadas para facilitar e determinar quais serão as condições que o produto final deverá contemplar.

Resposta incorreta.

As respostas correta é:

Verdadeira, a coloração e a forma de distinção da imagem acaba dando um efeito de foto imagem, ou seja fica extremamente semelhante ao real produto, mesmo sendo uma ilustração.


Ilustração realista e hiper-realista

Esse tipo de ilustração busca representar a realidade, devido à riqueza de detalhes em sua representação. Além dela, temos uma variação que é o hiper-realismo que chega a ser confundido com fotografia de tão perfeito que é seu acabamento.

Vamos testar nosso conhecimento até aqui?

É certo afirmar que essa imagem é Hiperrealismo?

Parabéns! Resposta correta.

Você fez a correspondência correta das técnicas que são aplicadas para facilitar e determinar quais serão as condições que o produto final deverá contemplar.

Resposta incorreta.

As respostas correta é:

Verdadeira, a coloração e a forma de distinção da imagem acaba dando um efeito de foto imagem, ou seja fica extremamente semelhante ao real produto, mesmo sendo uma ilustração.


Ilustração técnica

São muito usadas para representar ou descrever estruturas mecânicas, sistemas e objetos de diversos tipos, muitas vezes demonstrando funcionalidades e detalhes dos mesmos.

Vamos testar nosso conhecimento até aqui?

É correto afirmar que essa imagem não é uma ilustração técnica ?

Parabéns! Resposta correta.

Você fez a correspondência correta das técnicas que são aplicadas para facilitar e determinar quais serão as condições que o produto final deverá contemplar.

Resposta incorreta.

As respostas correta é:

Verdadeira, a coloração e a forma de distinção da imagem acaba dando um efeito de foto imagem, ou seja fica extremamente semelhante ao real produto, mesmo sendo uma ilustração.


Fabiano explica

Bitmap x Vetor

Bitmap

Armazena o conteúdo (cor) de cada pixel que forma a imagem. É basicamente usado em  fotografias, sendo que, quanto maior o arquivo, aumenta a quantidade de pixel na imagem, tornando, com isso, maior a resolução. Como consequência, consome muita memória. Se diminuirmos a imagem, reduz a quantidade de pixel, consequentemente, o arquivo fica com baixa resolução e menor qualidade.

Vetor

Eles são tipo ilustrações que armazenam fórmulas matemáticas que basicamente calculam altura, largura, cor de preenchimento e cor de contorno para construir a imagem toda vez que vai sendo apresentada na tela. Por se tratar de um cálculo, ela não perde resolução ao aumentar ou diminuir a imagem.

Fabiano explica

Proporção

A proporção é utilizada para poder identificar uma simulação da idade dos personagem, pois usamos a medida da cabeça como referência de altura e largura, assim, sabemos se é pequeno, grande, gordo, magro ou etc.

De acordo com o estilo do traço isso não muda pois, pode ser feito em tamanhos diferentes para representar as faixas de idades seguindo o mesmo conceito para criar a família de personagem no universo representado.

Fabiano explica

Ilustração Flat

O FLAT DESIGN, como é conhecido, tem característica principal o minimalismo e, assim, chamar a atenção de forma mais limpa e simplificada. É muito usado no universo de arquitetura de informação, UX e UI.

Se caracteriza por formas simples e geométricas, podendo usar proporções reais ou estilizadas, sendo trabalhado com paleta de cores reduzidas com mínimos efeitos de perspectiva.

Vantagens:

Esse estilo tende a ser mais fácil de trabalhar e está presente nas interfaces de diversos apps. Também é objetivo e direto em sua proposta, trazendo um ar mais moderno e menos poluído visualmente,  além de trazer um aspecto mais corporativo aos trabalhos.

Desvantagens:

Podem ocorrer, em alguns casos, da família de personagens ficarem muito parecidos se não tiver muita variação de proporções.

Flat estilizado

Segue os mesmo princípios das ilustrações FLAT, mas com muito uso de texturas, chegando a ser bem exageradas. Requer um planejamento para conseguir criar uma harmonia entre as texturas e a ilustração em si. A desvantagem é que os arquivos podem ficar poluídos e pesados.

Como principais características apresenta o uso de textura, efeitos variados, formas simples e geométricas. São muitas vezes bem estilizados criando uma identidade única. As cores usadas são fortes e com maior contraste visual.

Vantagens:

Esse estilo tende a ser mais fácil de trabalhar e está presente nas interfaces de diversos apps, também é objetivo e direto em sua proposta trazendo um ar mais moderno e menos poluído visualmente além de trazer um aspecto mais corporativo aos trabalhos.

Desvantagens:

Nessas ilustras costumam ser mais difíceis de trabalhar por conta dos efeitos para realizar as texturas deixando os arquivos mais pesado, além de impactar no tempo para produção.

Fabiano explica

Motion e animação

MOTION DESIGN

É basicamente um tipo de animação mais focado em elementos abstratos ou geométricos usando cores e tipografia usadas para apresentar uma informação ou uma identidade visual. Temos também animação de personagens de com base em cut-out.

Podemos ver esses trabalhos em vídeos explicativos, créditos em filmes, venda de produtos e etc.

ANIMAÇÃO

Nesse caso temos animações mais auto-suficientes sem nenhum link com outro trabalho e tem mais o objetivo mais de entretenimento com histórias fechadas produzida para programas de TVs, curta e longa metragens. Geralmente são desenhados quadro a quadro (frame-a-frame) e assim podemos ter maior controle na animação, além de riqueza de detalhe.

Ao lado podemos ver, a quantidade de objetos para elaborar uma pequena animação.

O processo de animação e feito relacionado apenas com o que vai ter animações, porém o conjunto de objetos estáticos também está presente nas camadas e nas layers no software de desenvolvimento de animação. Dessa forma é necessário ter muita atenção e aplicação do conteúdo digital.

Colagem

É uma técnica de composição que mistura fotos, ilustrações, formas geométricas, texturas e até vídeos recortados e sobrepostos.

Tem como principais características o visual, que costuma ser caótico pela mistura de estilos, dependendo da diversidade do uso das texturas, cores e ruídos adicionados à composição. Esta técnica transita entre o Motion 2D e o Mixed Media.

Vantagens

Mais liberdade para criação sem a preocupação com detalhes de hiper-realismo, podendo partir para abstração ou surrealismo.

Desvantagens:

Demanda tempo tanto para pesquisar imagens e vídeos que se encaixem na ideia proposta, quanto para recortar, editar e organizar todos os arquivos antes da montagem.

O arquivo fica pesado com texturas, efeitos e vídeos, o que impacta na fluidez da produção.

Mixed Media

É um tipo de motion baseado no princípio da colagem, porém com visual mais rico, porque pode misturar animações 2D com objetos 3D, vídeos live-action (filmagens de pessoas, cenários, etc) e rotoscopia (animação quadro a quadro desenhada por cima de uma filmagem).

Assim como na Colagem, pode vir a ter uma aparência caótica, podendo partir para abstração ou surrealismo. A mistura de várias técnicas, deixa a animação com uma linguagem experimental. 

Vantagens

Total liberdade para criação ao permitir a mistura de vários estilos de mídia.

Desvantagens:

Demanda tempo para modelar objetos em 3D, procurar  imagens e vídeos que se encaixem na ideia proposta, recortar, editar e organizar todos os arquivos antes da montagem;

O arquivo fica pesado e o processamento lento, devido aos objetos em 3D, vídeos, texturas e efeitos, o que impacta no tempo de produção, além de exigir mais hardware.

Animação de personagem

É movimentar as partes de um personagem, seja humano, animal ou objeto, transmitindo a sensação de que ele tem "vida". Pode ser feito em 2D ou 3D.

Técnicas de animação 2D:

Cut-out

Mais comumente usada com estilo Flat, tem um visual clean devido aos movimentos limitados. É muito usada atualmente, devido à praticidade.

Vantagens

Menor tempo de produção - com a ilustração de apenas uma pose já é possível criar movimentos com o deslocamento das partes que compõem o personagem, pois a intercalação entre posições principais é feita pelo software.

Desvantagens

Necessita de um trabalho de rigging (montar a estrutura/esqueleto do personagem)

Tem uma limitação visual por não permitir perspectiva, 

Frame a frame

O personagem tem movimentos mais orgânicos, pois cada quadro é desenhado à mão. Apresenta maior apelo visual com o uso de perspectiva.

Vantagens:

O personagem não fica com um jeito robótico como acontece na técnica Cut-out, não tem a aparência de "recortes de papel" sendo movimentados, fica com movimentos mais fluidos.

Misto: Pode-se também mesclar a técnica cut-out com algumas partes frame a frame, quando for necessário mostrar a tridimensionalidade das formas por meio da perspectiva.

Desvantagens:

O processo de desenvolvimento e baseado totalmente, na ilustração sendo assim e preciso desenhar cada quadro para ter o efeito desejado de forma mais fluida e isso leva mais tempo consequentemente acaba dando mais trabalho.

ANIMAÇÃO DE PERSONAGEM

Consiste em dar movimento a uma pessoa, animal ou objeto que deva ganhar “vida” como personagem. Esse estilo de animação pode ser 2D ou 3D. 

Em 2D pode ser animado com a técnica de cut out ("recortes" animados com a intercalação de quadros-chave feita pelo software) ou frame a frame (com cada quadro sendo desenhado pelo ilustrador), ou misto, cut-out com algumas partes em frame a frame

Vantagens

Pode substituir um apresentador humano, caso este tenha dificuldade com a câmera e não precisa de direito de uso de imagem, apenas do direito de uso de voz.

Desvantagens

É um trabalho demorado porque:

  • exige um bom rigging.
  • é trabalhoso sincronizar movimentos corporais e labiais (lip sync) ao áudio. Alterações no áudio após feita a animação pode comprometer a fluidez pela manipulação dos quadros-chave

Liquid Motion:

É um estilo que de maneira exagerada dar um aspecto de fluidez na animação com a utilização de shapes em formas orgânicas. Apesar de parecer simples sua produção é bastante trabalhosa, pois utiliza diversas técnicas e também o processo de frame a frame trazendo total controle sobre o que está sendo feito.

Tipografia cinética, animação de tipografia

É  a animação de texto em movimento, usada para expressar ideias em vídeos animados. Geralmente o texto é apresentado sincronizado com as narrações, falas ou músicas cantadas, trazendo mais dinamismo para a animação.

Fabiano explica

Recursos Audiovisuais