SLIDES COMPUTACAOGRAFICA final 1 Copia

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

COMPUTAÇÃO GRÁFICA
Introdução aos conceitos básicos
1
Breve histórico
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
2
Atualmente...
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
3
INTRODUÇÃO
Computação Gráfica é a área da ciência que estuda a transformação dos dados em imagem.
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
4
4
INTRODUÇÃO
Computação Gráfica é a área da ciência que estuda a transformação dos dados em imagem.
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
5
5
INTRODUÇÃO
Computação Gráfica é a área da ciência que estuda a transformação dos dados em imagem.
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
6
6
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
7
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
8
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
9
INTRODUÇÃO
São várias as tarefas operadas com base em imagens que podem ser facilitadas pela computação gráfica.
Porém, o domínio completo das ferramentas de computação gráfica não consistem na formação em design, medicina, arte, arquitetura, publicidade, cinema, entre outros.
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
10
10
INTRODUÇÃO
São várias as tarefas operadas com base em imagens que podem ser facilitadas pela computação gráfica.
Porém, o domínio completo das ferramentas de computação gráfica não consistem na formação em design, medicina, arte, arquitetura, publicidade, cinema, entre outros.
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
11
INTRODUÇÃO
Dimensão: Refere-se à dimensão do espaço. 2D refere-se a objetos planos, representados nos eixos X e Y. 3D refere-se a objetos com volume, representados nos eixos X, Y e Z.
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
12
INTRODUÇÃO
Os objetos criados por computação gráfica em 3 dimensões, são apenas simulações, uma vez que a tela é plana, e a imagem uma representação.
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
13
INTRODUÇÃO
Os objetos criados por computação gráfica em 3 dimensões, são apenas simulações, uma vez que a tela é plana, e a imagem uma representação.
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
14
INTRODUÇÃO
Há duas formas de representação de imagem em computação gráfica: 
Matricial/Raster/Bitmap e Vetorial.
As imagens bitmap são formadas por unidades chamadas pixel.
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
15
INTRODUÇÃO
Há duas formas de representação de imagem em computação gráfica: 
Matricial/Raster/Bitmap e Vetorial.
As imagens bitmap são formadas por unidades chamadas pixel.
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
16
INTRODUÇÃO
Há duas formas de representação de imagem em computação gráfica: 
Matricial/Raster/Bitmap e Vetorial.
As imagens bitmap são formadas por unidades chamadas pixel.
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
17
17
INTRODUÇÃO
A nitidez da imagem bitmap pode ser medida pela sua resolução (ppi – pixels per inches – pixels por polegada). Quanto mais seu valor, mais nítida é a imagem;
Costuma-se usar o valor 300 ppi para produção de materiais a serem impressos, e 72 ppi para materiais web.
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
18
18
INTRODUÇÃO
Imagens bitmap permitem grande variabilidade de representações de cores, espaço e formas;
Porém, ocupam mais espaço na memória e sua manipulação é mais complexa;
São utilizadas, geralmente, para representação de imagens e ilustrações complexas;
Os softwares que trabalham esse tipo de imagem em origem são Adobe Photoshop, Corel Photo-Paint, GIMP, entre outros.
Seus formatos mais comuns utilizados em computação gráfica são: .psd, .tiff, .jpg, .gif, .png, .cpt, .raw, entre outros.
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
19
19
INTRODUÇÃO
A representação de imagem vetorial é baseada em operações matemáticas;
São construídos a partir das primitivas gráficas: 
Em 2D: Pontos, linhas, retângulos, circunferência, elipse, etc.
Em 3D: Planos, caixas, esferóides, cilindros, cones, etc. ... 
Ocupa menor espaço de memória, é utilizada para ilustrações menos complexas (em geral), e possui a vantagem de não ter limite de tamanho nem necessidade de ajuste de resolução;
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
20
20
INTRODUÇÃO
A representação de imagem vetorial é baseada em operações matemáticas;
São construídos a partir das primitivas gráficas: 
Em 2D: Pontos, linhas, retângulos, circunferência, elipse, etc.
Em 3D: Planos, caixas, esferóides, cilindros, cones, etc. ... 
Ocupa menor espaço de memória, é utilizada para ilustrações menos complexas (em geral), e possui a vantagem de não ter limite de tamanho nem necessidade de ajuste de resolução;
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
21
21
INTRODUÇÃO
Os softwares mais utilizados para esse tipo de representação de imagem são: Adobe Illustrator, Corel Draw, Inkscape, InDesign;
Os formatos mais comuns são: .ai, .cdr, .eps, .wmf, .cmx, entre outros;
O Photoshop também permite desenho com base vetorial, mas não possui os mesmos recursos dos softwares citados acima;
Da mesma forma, os softwares para desenho vetorial também permitem algumas manipulações em bitmaps, mas não com os mesmos recursos dos softwares específicos;
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
22
22
INTRODUÇÃO
Rasterização compreende a tarefa de transformar um desenho vetorial em bitmap;
Traçar a imagem significa converter de bitmap para vetor;
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
23
23
INTRODUÇÃO
Rasterização compreende a tarefa de transformar um desenho vetorial em bitmap;
Traçar a imagem significa converter de bitmap para vetor;
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
24
24
INTRODUÇÃO
Renderização é o processo de obtenção de uma imagem a partir de um modelo, ou de um processamento digital qualquer. 
Quase sempre o termo é atrelado ao processo de obtenção da imagem em 3D após a modelagem;
O resultado de um rendering é uma imagem bitmap;
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
25
25
INTRODUÇÃO
Os softwares mais utilizados para projetos em 3D são 3D Studio Max, Maya, Cinema 4D, Zbrush, AutoCad 3D, entre outros;
As extensões de arquivo mais comuns são .max, .3ds, .dwg, .mx, entre outras;
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
26
26
INTRODUÇÃO
JPEG: Um dos formatos mais utilizados e permitidos em vários tipos de projeto, possui ótima compactação, consegue armazenar bastantes informações da imagem, e permite até 16.777.216 de cores. Não permite animação nem transparência;
GIF: Formato aplicado, em geral, à internet apenas, e em alguns casos mais específicos, já que suporta apenas 256 cores. Porém suporta animação e transparência;
PNG: Formato que possui qualidade
no armazenamento de informações da imagem, possui boa compactação, permite o uso de transparência, e, recentemente, passou a suportar animação, o .apng;
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
27
27
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
28
.jpg
.gif
.png
28
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
29
.gif animado
29
INTRODUÇÃO
TIFF: Formato de imagem mais utilizado para projetos que tenham como destino a produção industrial, como impressões em alta tiragem de materiais diversos. Baixa compactação, alto armazenamento de informações, permite transparência e divisão em camadas;
BMP: Não possui compressão, logo ocupa bastante espaço e armazena bastantes informações. Não costuma ser usado como arquivo para uso em impressões de materiais em alta tiragem;
PSD: Formato original do Photoshop. Também é utilizado para arquivos com destino à impressão, permite o uso de camadas e transparência;
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
30
30
INTRODUÇÃO
RGB: Sistema de cores que se utiliza das cores luz: Vermelho, Verde e Azul. Utilizado para arquivos a serem visualizados apenas digitalmente;
CMYK: Sistema de cores que se utiliza das cores pigmento: Ciano, Magenta, Amarelo e Preto. Utilizado para arquivos a serem impressos;
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
31
31
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
32
32
Exercícios
Defina Computação Gráfica.
Leia a afirmação: “O amplo domínio da computação gráfica permite a profissionais de design, e de outras áreas, a plena execução de suas funções.” Esta afirmação é verdadeira ou falsa? Justifique.
O que querem dizer os termos 2D e 3D?
Leia a afirmação: “Os objetos criados por computação gráfica em 3D são a representação real de todas as suas dimensões.” Esta afirmação é verdadeira ou falsa? Justifique.
Quais as duas formas de representação da imagem, quanto à sua formação, em computação gráfica? Explique.
Observe a solicitação: “Me envie o arquivo em 300ppi.” O que isso quer dizer?
Em computação gráfica, o que são as primitivas gráficas, e onde este conceito pode ser aplicado?
Explique os termos “rasterizar” e “traçar”.
Observe a afirmação: “Temos que aguardar enquanto o modelo está renderizando.” Explique.
O cliente contratou um designer e disse: “Eu tenho essa imagem aqui: ‘minhafoto.gif’. Quero imprimi-la com alta qualidade para usar em um outdoor”. Qual o problema a ser resolvido?
Em um arquivo de um folder construído no Adobe Illustrator, uma foto, tratada no Adobe Photoshop, está com o modo de cores RGB. Está correta?
07/03/2018
Professor: Msc. Jonathan Prateat -jonathanprateat@gmail.com - fb.com/jonathanprateat
33
33