introdução à desing visual web
DESCRIPTION
AULA DE DESINGTRANSCRIPT
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