Introdução à Desing Visual Web

Introdução à manipulação de imagens e desenhos vetoriais

Tipos de Imagem

• Bitmap:

Tipos de Imagem

• Vetorial:

Representação das cores

As cores exercem diferentes efeitos fisiológicos sobre o organismo humano, influenciando no dia a dia do ser, interferindo nas emoções, sentidos e intelecto. Vamos entender um pouco como conseguimos visualizar as cores e os efeitos que podemos causar com elas.

Representação das cores

Relação das cores com a luz:– Azul violeta: 400 nm a 500 nm;– Verde: 500 nm a 600 nm;– Vermelho:600 nm a 700 nm.

Essas três faixas de cores juntas formam a luz branca que, quando projetada em algum objeto, reflete a cor. Um objeto terá determinada cor se não absorver justamente os raios correspondentes à frequência daquela cor.

Modelos de Cores

Modelo RGB: Quando utilizamos a luz para gerar as cores.Ex: monitores e televisores.Formado pela adição das cores primarias vermelho, verde e azul, a unção dessas três cores formam as demais segundo este padrão. Cores primárias são cores que não resultam da junção de nenhuma outra cor, já as cores secundárias são as cores formadas da junção de outras cores.

Modelos de Cores

Modelo RGB:

Modelos de Cores

Modelo CMYK → Quando utilizamos um pigmento para gerar as cores.Ex: tintasFormado pela subtração de cores, usa como cores primárias o ciano, a magenta, o amarelo e o preto. Esse modelo é mais utilizado para impressão de imagens.

Modelos de Cores

Modelo CMYK:

Cores Complementares

Cores Análogas

Tom e Temperaturas das Cores

Extensões de imagens.

BMP: Formato bitmap, não usa nenhum tipo de compressão o que possibilita uma melhor qualidade, mas em contrapartida fica com seu tamanho maior que outras extensões.TIF: Comprime a imagem possibilitando pouca perda de qualidade e deixando-a com tamanho menor ao BMP possibilita também salvar a imagem em camadas que podem ser editadas separadamente.JPG ou Jpeg : Há compressão de dados com perda de qualidade, reduz bastante o tamanho da imagem se tornando assim o preferido para imagens que serão utilizadas na web.

Extensões de imagens.

GIF: Comprime a imagem de forma diferente das extensões vistas até aqui, na sua compressão ele limita as quantidades de cores simultâneas possíveis, ele só suporta até 256 cores. Outra característica do gif é que suporta animações.PNG: Assim como o gif, ele permite salvar uma imagem com fundo transparente, esse recurso chamamos de canal alpha. Possuindo assim 4 canais, os 3 comuns (RGB), mais o alpha. Possui uma compressão com pouca perda de qualidade. A diferença é que esse formato suporta milhões de cores.

Logos

Logos