SlideShare uma empresa Scribd logo
1 de 31
INTRODUÇÃO
COMPUTAÇÃO GRÁFICA   A computação gráfica é a área da ciência da computação que estuda a transformação dos dados em imagem. Esta aplicação estende-se à recriação visual por intermédio de fórmulas matemáticas e algoritmos complexos.Tem a vantagem adicional de ocupar menos espaço em termos de memória. Atualmente com a integração das diversas técnicas através da tecnologia da informação o uso da computação gráfica possui usos diversos. 01010100111011101100010100101010101010010101010100010101010100 (TECNOLOGIA DA INFORMAÇÃO)
EXEMPLOS
INDENTIDADE VISUAL
IMPRESSOS
EMBALAGENS
SINALIZAÇÃO
ESTAMPARIA
MULTIMÍDIA (web)
MULTIMÍDIA (animação, vídeo, motion) veja o vídeo: http://www.lobo.cx/
MULTIMÍDIA (jogos)
INTERIORES  (e exteriores)
OBJETOS (produtos)
OBJETOS (acessórios)
CG + PROJETO = DESIGN Dado isso, comprova-se que atualmente o campo do design é responsável pela produção da cultura material na sociedade. E a computação gráfica é o meio que permite essa situação.
PIXEL x VETOR
IMAGEM EM VETOR   A imagem vetorial vai tentar traduzir a imagem recorrendo a instrumentos de vetores e de desenho, tipo: retas pontos, curvas, polígonos simples, etc. Isto associado a uma proporcionalidade de posição permite que mesmo que se estenda a área de imagem não se irá perder qualquer definição da imagem.  Tem a vantagem adicional de ocupar menos espaço em termos de memória. Alguns programas: Illustrator, InkScape, Auto Cad, Corel Draw, Freehand, Flash
ALGUNS FORMATOS DE ARQUIVO/PROGRAMAS   AI (application illustrator):  Formato vectorial do Adobe Illustrator. As primeiras versões suportavam apenas imagens vectoriais. É uma variante do Postscript tal como os formatos PDF, EPS e PS. EPS (Encapsulated PostScript ):  Formato com a finalidade de inportar e exportar ficheiros PostScript. Ao invés do formato ".ps" não editável, destinado a saídas em impressoras. CDR (Corel Draw):  Formato vectorial do Corel Draw. Formato de arquivo em vetor multipágina. É o concorrente direto do Adobe Illustrator e líder de mercado no Brasil. WMF (Windows Metafile):  Formato nativo do Microsoft Windows para armazenar imagens.
ALGUNS FORMATOS DE ARQUIVO/PROGRAMAS   DWG (Drawing ):  Arquivo nativo do AutoCAD AutoCAD DWG, Ficheiros de texto no padrão ASCII utilizados para armazenar dados de programas CAD. EMF (Windows Enhanced Metafile):  Versão avançada do Windows Metafile. SVG  (Scalable Vector Graphics):  É um formato vetorial, criado e desenvolvido pelo World Wide Web Consortium.  PDF (Portable Document Format):  Versão simplificada do PostScript. É um formato nativo do Adobe Acrobat Reader, Adobe Acrobat Professional e do Adobe eBook Reader. Permite múltiplas páginas e ligações (links). As últimas versões permitem ainda a inclusão de video, 3D, preenchimento de formulários, entre muitas outras opções.
IMAGEM EM PIXEL Pixel (aglutinação de Picture e Element, ou seja, elemento da imagem) é o menor elemento num dispositivo de exibição (como por exemplo um monitor), ao qual é possível atribuir-se uma cor. De uma forma mais simples, um pixel é o menor ponto que forma uma imagem digital, sendo que o conjunto de milhares de pixels formam a imagem inteira. A  qualidade de uma imagem digital se dará sobre dois aspectos, a quantidade de pixel por polegada (resolução da imagem), e o número de pixels na horizontal e na vertical (tamanho da imagem em centímetros). Alguns programas: Photoshop, Corel Photopaint, Gimp (software livre), Picasa (google), Fireworks
ALGUNS FORMATOS DE ARQUIVO/PROGRAMAS   JPEG  (Joint Photographic Experts Group):  É o formato mais utilizado e conhecido atualmente. Quase todas as câmaras dão esta opção para guardar as imagens. Arquivo muito utilizado na Internet e em multimídia, por ter uma compactação excelente, algo fundamental ao meio, e por suportar até 16.777.216 cores distintas.  GIF (Graphics Interchange Format ):  Desenvolvido pela Compuserve. É usado extensivamente na net. Suporta imagens animadas e 256 cores por frame.  PNG (Portable Network Graphics): Formato de imagem bitmap (mapa de bits) comprimido sem perdas de informação, originalmente designado para substituir o uso de GIF na web. Livre de patente patent, que venceu em 2003, associado a GIF.
ALGUNS FORMATOS DE ARQUIVO/PROGRAMAS   TIFF (Tagged Image File Format  ): Arquivo padrão para impressão industrial (offset, rotogravura, flexogravura); também muito usado como opção nas câmaras fotográgicas.  BMP (Windows Bitmap ):  Usualmente usado pelos programas da Microsoft Windows. Não utiliza nenhum algoritmo de compressão, daí esse formato apresentar as fotos com maior tamanho.  PSD (Photoshop Document):  Formato padrão da Adobe para documentos do Photoshop. Possui muitos recursos extras como image layering. Suportado por muito poucos programas fora o Adobe Photoshop.
COMPARAÇÃO (vetor x pixel)
 
RESOLUÇÕES DA IMAGEM
Resolução de imagem descreve o nível de detalhe que uma imagem comporta. O termo se aplica igualmente a imagens digitais, imagens em filme e outros tipos de imagem. Resoluções mais altas significam maiores detalhes na imagem.
CMYK x RGB
CMYK   No sistema SUBTRATIVO DE COR, ou COR PIGMENTO, ou CMYK, temos objetos que refletem a luz do ambiente. Nesse sistema o branco é a ausência de pigmento.  E o preto é justamente a soma das cores chamadas de primárias em artes plásticas: CIANO, MAGENTA, AMARELO E PRETO.
RGB No sistema RGB, ou COR LUZ, ou sistema ADITIVO DE CORES, temos os objetos que emitem luz (monitores, televisão, Sol, etc.) em que a adição de diferentes comprimentos de onda das cores primárias de luz VERMELHO (red), mais AZUL (blue), mais VERDE (green), resulta no BRANCO. As cores são expressas em valores de vermelho, verde e azul. Esses valores vão de 0 a 255 para cada cor. Assim, o vermelho puro é 255,0,0. Já o azul puro é 0,0,255. O RGB pode mostrar cerca de 16 milhões de cores.
 
CONTATOS :  [email_address] [email_address] 71 88955846 REFERÊNCIAS :   Computer Arts  (revista) Zupi  (revista) Publish  (revista) Webdesign  (revista)   www.wikipedia.com www.logopond.com  www.microsoft.com  www.vectortuts.com www.brandsoftheworld.com

Mais conteúdo relacionado

Mais procurados

Redes Avançadas - 4.Multimídia sobre Redes de Pacotes
Redes Avançadas - 4.Multimídia sobre Redes de PacotesRedes Avançadas - 4.Multimídia sobre Redes de Pacotes
Redes Avançadas - 4.Multimídia sobre Redes de Pacotes
Mauro Tapajós
 
Introdução a internet
Introdução a internetIntrodução a internet
Introdução a internet
Bernardo Cruz
 
Módulo 1 - Comunicação de Dados.pptx
Módulo 1 - Comunicação de Dados.pptxMódulo 1 - Comunicação de Dados.pptx
Módulo 1 - Comunicação de Dados.pptx
riodurval
 

Mais procurados (20)

A Imagem Digital
A Imagem DigitalA Imagem Digital
A Imagem Digital
 
Sistemas Operacionais e Mercado de Trabalho
Sistemas Operacionais e Mercado de TrabalhoSistemas Operacionais e Mercado de Trabalho
Sistemas Operacionais e Mercado de Trabalho
 
Aula 07 8 periféricos de um
Aula 07  8 periféricos de umAula 07  8 periféricos de um
Aula 07 8 periféricos de um
 
Introdução a Algoritmos: Conceitos Básicos
Introdução a Algoritmos: Conceitos BásicosIntrodução a Algoritmos: Conceitos Básicos
Introdução a Algoritmos: Conceitos Básicos
 
Redes Avançadas - 4.Multimídia sobre Redes de Pacotes
Redes Avançadas - 4.Multimídia sobre Redes de PacotesRedes Avançadas - 4.Multimídia sobre Redes de Pacotes
Redes Avançadas - 4.Multimídia sobre Redes de Pacotes
 
Introdução a internet
Introdução a internetIntrodução a internet
Introdução a internet
 
Redes de computadores
Redes de computadoresRedes de computadores
Redes de computadores
 
Aula Introdução a Arquitetura e Organização de Computadores
Aula Introdução a Arquitetura e Organização de ComputadoresAula Introdução a Arquitetura e Organização de Computadores
Aula Introdução a Arquitetura e Organização de Computadores
 
Aula 10 Software - sistema operacional e aplicativos
Aula 10 Software - sistema operacional e aplicativosAula 10 Software - sistema operacional e aplicativos
Aula 10 Software - sistema operacional e aplicativos
 
Aula 01 - História da Computação
Aula 01 - História da ComputaçãoAula 01 - História da Computação
Aula 01 - História da Computação
 
Aula de hardware
Aula de hardwareAula de hardware
Aula de hardware
 
Aula 10 - Adição no Sistema Binário
Aula 10 - Adição no Sistema BinárioAula 10 - Adição no Sistema Binário
Aula 10 - Adição no Sistema Binário
 
Imagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisImagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriais
 
Arquitetura cliente servidor
Arquitetura cliente servidorArquitetura cliente servidor
Arquitetura cliente servidor
 
Módulo 1 - Comunicação de Dados.pptx
Módulo 1 - Comunicação de Dados.pptxMódulo 1 - Comunicação de Dados.pptx
Módulo 1 - Comunicação de Dados.pptx
 
Sistemas operacionais
Sistemas operacionaisSistemas operacionais
Sistemas operacionais
 
Arquitetura de um computador
Arquitetura de um computadorArquitetura de um computador
Arquitetura de um computador
 
Projecto e Produção Multimédia
Projecto e Produção MultimédiaProjecto e Produção Multimédia
Projecto e Produção Multimédia
 
Oficina Edição E Manipulação de Imagem Digital
Oficina Edição E Manipulação de Imagem DigitalOficina Edição E Manipulação de Imagem Digital
Oficina Edição E Manipulação de Imagem Digital
 
Aula - Internet
Aula - InternetAula - Internet
Aula - Internet
 

Destaque

Adobe illustrator
Adobe illustratorAdobe illustrator
Adobe illustrator
italorns
 

Destaque (7)

illustrator
illustratorillustrator
illustrator
 
Tutoriais Illustrator - 02
Tutoriais Illustrator - 02Tutoriais Illustrator - 02
Tutoriais Illustrator - 02
 
Como desenvolver artes gráficas com o Illustrator
Como desenvolver artes gráficas com o IllustratorComo desenvolver artes gráficas com o Illustrator
Como desenvolver artes gráficas com o Illustrator
 
Computação grafica
Computação graficaComputação grafica
Computação grafica
 
Adobe illustrator
Adobe illustratorAdobe illustrator
Adobe illustrator
 
Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012
 
Introduccion a illustrator
Introduccion a illustratorIntroduccion a illustrator
Introduccion a illustrator
 

Semelhante a Computação Gráfica - Introdução

Atividade de web design
Atividade de web designAtividade de web design
Atividade de web design
ViniciusGuedes
 
Atividade De Web Design
Atividade De Web DesignAtividade De Web Design
Atividade De Web Design
ViniciusGuedes
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web design
ViniciusGuedes
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web design
victorgarcez
 
Imagem Digital
Imagem DigitalImagem Digital
Imagem Digital
school
 

Semelhante a Computação Gráfica - Introdução (20)

Slide blog
Slide blogSlide blog
Slide blog
 
Slide blog
Slide blogSlide blog
Slide blog
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web design
 
Atividade De Web Design
Atividade De Web DesignAtividade De Web Design
Atividade De Web Design
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web design
 
Imagem Digital - VETOR E BITMAP
Imagem Digital - VETOR E BITMAPImagem Digital - VETOR E BITMAP
Imagem Digital - VETOR E BITMAP
 
ExercíCio Web Design
ExercíCio Web DesignExercíCio Web Design
ExercíCio Web Design
 
Imagens
ImagensImagens
Imagens
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web design
 
Bitmap ou vetor?
Bitmap ou vetor?Bitmap ou vetor?
Bitmap ou vetor?
 
Imagem Digital
Imagem DigitalImagem Digital
Imagem Digital
 
Aula fotografia digital
Aula fotografia digitalAula fotografia digital
Aula fotografia digital
 
05 imagem digital
05   imagem digital05   imagem digital
05 imagem digital
 
2ª prova pós web 1ª chamada
2ª prova pós web 1ª chamada2ª prova pós web 1ª chamada
2ª prova pós web 1ª chamada
 
Formato Imagens
Formato ImagensFormato Imagens
Formato Imagens
 
RADIOLOGIA DIGITAL
RADIOLOGIA DIGITALRADIOLOGIA DIGITAL
RADIOLOGIA DIGITAL
 
Multimídia - Imagens
Multimídia - ImagensMultimídia - Imagens
Multimídia - Imagens
 
Introducao
IntroducaoIntroducao
Introducao
 
07 pre impressao
07 pre impressao07 pre impressao
07 pre impressao
 
Slide carla
Slide carlaSlide carla
Slide carla
 

Mais de Daniel Soto

Materiais e Processos Gráficos - Controle de Qualidade
Materiais e Processos Gráficos - Controle de QualidadeMateriais e Processos Gráficos - Controle de Qualidade
Materiais e Processos Gráficos - Controle de Qualidade
Daniel Soto
 
Daniel apresentando: Victor Margolin e A Política do Artificial
Daniel apresentando: Victor Margolin e A Política do ArtificialDaniel apresentando: Victor Margolin e A Política do Artificial
Daniel apresentando: Victor Margolin e A Política do Artificial
Daniel Soto
 
Palestra - design e mercado de trabalho
Palestra - design e mercado de trabalhoPalestra - design e mercado de trabalho
Palestra - design e mercado de trabalho
Daniel Soto
 

Mais de Daniel Soto (14)

Portfolio ViSUALESCO 2016
Portfolio ViSUALESCO 2016Portfolio ViSUALESCO 2016
Portfolio ViSUALESCO 2016
 
Lançamento Bahia Análise & Dados - Biodiversidade
Lançamento Bahia Análise & Dados - BiodiversidadeLançamento Bahia Análise & Dados - Biodiversidade
Lançamento Bahia Análise & Dados - Biodiversidade
 
Lançamento do livro SEP 93 Metrópole Baiana
Lançamento do livro SEP 93 Metrópole BaianaLançamento do livro SEP 93 Metrópole Baiana
Lançamento do livro SEP 93 Metrópole Baiana
 
Materiais e Processos Gráficos - Papéis
Materiais e Processos Gráficos - PapéisMateriais e Processos Gráficos - Papéis
Materiais e Processos Gráficos - Papéis
 
Portfolio Daniel Soto 2011
Portfolio Daniel Soto 2011Portfolio Daniel Soto 2011
Portfolio Daniel Soto 2011
 
Materiais e Processos Gráficos - Controle de Qualidade
Materiais e Processos Gráficos - Controle de QualidadeMateriais e Processos Gráficos - Controle de Qualidade
Materiais e Processos Gráficos - Controle de Qualidade
 
Daniel apresentando: Victor Margolin e A Política do Artificial
Daniel apresentando: Victor Margolin e A Política do ArtificialDaniel apresentando: Victor Margolin e A Política do Artificial
Daniel apresentando: Victor Margolin e A Política do Artificial
 
Palestra - design e mercado de trabalho
Palestra - design e mercado de trabalhoPalestra - design e mercado de trabalho
Palestra - design e mercado de trabalho
 
Portfolio MangaRosa 2010
Portfolio MangaRosa 2010Portfolio MangaRosa 2010
Portfolio MangaRosa 2010
 
Tabela ADG - Honorários e remuneração
Tabela ADG - Honorários e remuneraçãoTabela ADG - Honorários e remuneração
Tabela ADG - Honorários e remuneração
 
Árvore do site
Árvore do siteÁrvore do site
Árvore do site
 
Wireframe do site
Wireframe do siteWireframe do site
Wireframe do site
 
Webdesign - Gestão Profissional
Webdesign - Gestão ProfissionalWebdesign - Gestão Profissional
Webdesign - Gestão Profissional
 
Design Webdesign
Design WebdesignDesign Webdesign
Design Webdesign
 

Computação Gráfica - Introdução

  • 2. COMPUTAÇÃO GRÁFICA A computação gráfica é a área da ciência da computação que estuda a transformação dos dados em imagem. Esta aplicação estende-se à recriação visual por intermédio de fórmulas matemáticas e algoritmos complexos.Tem a vantagem adicional de ocupar menos espaço em termos de memória. Atualmente com a integração das diversas técnicas através da tecnologia da informação o uso da computação gráfica possui usos diversos. 01010100111011101100010100101010101010010101010100010101010100 (TECNOLOGIA DA INFORMAÇÃO)
  • 10. MULTIMÍDIA (animação, vídeo, motion) veja o vídeo: http://www.lobo.cx/
  • 12. INTERIORES (e exteriores)
  • 15. CG + PROJETO = DESIGN Dado isso, comprova-se que atualmente o campo do design é responsável pela produção da cultura material na sociedade. E a computação gráfica é o meio que permite essa situação.
  • 17. IMAGEM EM VETOR A imagem vetorial vai tentar traduzir a imagem recorrendo a instrumentos de vetores e de desenho, tipo: retas pontos, curvas, polígonos simples, etc. Isto associado a uma proporcionalidade de posição permite que mesmo que se estenda a área de imagem não se irá perder qualquer definição da imagem. Tem a vantagem adicional de ocupar menos espaço em termos de memória. Alguns programas: Illustrator, InkScape, Auto Cad, Corel Draw, Freehand, Flash
  • 18. ALGUNS FORMATOS DE ARQUIVO/PROGRAMAS AI (application illustrator): Formato vectorial do Adobe Illustrator. As primeiras versões suportavam apenas imagens vectoriais. É uma variante do Postscript tal como os formatos PDF, EPS e PS. EPS (Encapsulated PostScript ): Formato com a finalidade de inportar e exportar ficheiros PostScript. Ao invés do formato ".ps" não editável, destinado a saídas em impressoras. CDR (Corel Draw): Formato vectorial do Corel Draw. Formato de arquivo em vetor multipágina. É o concorrente direto do Adobe Illustrator e líder de mercado no Brasil. WMF (Windows Metafile): Formato nativo do Microsoft Windows para armazenar imagens.
  • 19. ALGUNS FORMATOS DE ARQUIVO/PROGRAMAS DWG (Drawing ): Arquivo nativo do AutoCAD AutoCAD DWG, Ficheiros de texto no padrão ASCII utilizados para armazenar dados de programas CAD. EMF (Windows Enhanced Metafile): Versão avançada do Windows Metafile. SVG (Scalable Vector Graphics): É um formato vetorial, criado e desenvolvido pelo World Wide Web Consortium. PDF (Portable Document Format): Versão simplificada do PostScript. É um formato nativo do Adobe Acrobat Reader, Adobe Acrobat Professional e do Adobe eBook Reader. Permite múltiplas páginas e ligações (links). As últimas versões permitem ainda a inclusão de video, 3D, preenchimento de formulários, entre muitas outras opções.
  • 20. IMAGEM EM PIXEL Pixel (aglutinação de Picture e Element, ou seja, elemento da imagem) é o menor elemento num dispositivo de exibição (como por exemplo um monitor), ao qual é possível atribuir-se uma cor. De uma forma mais simples, um pixel é o menor ponto que forma uma imagem digital, sendo que o conjunto de milhares de pixels formam a imagem inteira. A qualidade de uma imagem digital se dará sobre dois aspectos, a quantidade de pixel por polegada (resolução da imagem), e o número de pixels na horizontal e na vertical (tamanho da imagem em centímetros). Alguns programas: Photoshop, Corel Photopaint, Gimp (software livre), Picasa (google), Fireworks
  • 21. ALGUNS FORMATOS DE ARQUIVO/PROGRAMAS JPEG (Joint Photographic Experts Group): É o formato mais utilizado e conhecido atualmente. Quase todas as câmaras dão esta opção para guardar as imagens. Arquivo muito utilizado na Internet e em multimídia, por ter uma compactação excelente, algo fundamental ao meio, e por suportar até 16.777.216 cores distintas. GIF (Graphics Interchange Format ): Desenvolvido pela Compuserve. É usado extensivamente na net. Suporta imagens animadas e 256 cores por frame. PNG (Portable Network Graphics): Formato de imagem bitmap (mapa de bits) comprimido sem perdas de informação, originalmente designado para substituir o uso de GIF na web. Livre de patente patent, que venceu em 2003, associado a GIF.
  • 22. ALGUNS FORMATOS DE ARQUIVO/PROGRAMAS TIFF (Tagged Image File Format ): Arquivo padrão para impressão industrial (offset, rotogravura, flexogravura); também muito usado como opção nas câmaras fotográgicas. BMP (Windows Bitmap ): Usualmente usado pelos programas da Microsoft Windows. Não utiliza nenhum algoritmo de compressão, daí esse formato apresentar as fotos com maior tamanho. PSD (Photoshop Document): Formato padrão da Adobe para documentos do Photoshop. Possui muitos recursos extras como image layering. Suportado por muito poucos programas fora o Adobe Photoshop.
  • 24.  
  • 26. Resolução de imagem descreve o nível de detalhe que uma imagem comporta. O termo se aplica igualmente a imagens digitais, imagens em filme e outros tipos de imagem. Resoluções mais altas significam maiores detalhes na imagem.
  • 28. CMYK No sistema SUBTRATIVO DE COR, ou COR PIGMENTO, ou CMYK, temos objetos que refletem a luz do ambiente. Nesse sistema o branco é a ausência de pigmento. E o preto é justamente a soma das cores chamadas de primárias em artes plásticas: CIANO, MAGENTA, AMARELO E PRETO.
  • 29. RGB No sistema RGB, ou COR LUZ, ou sistema ADITIVO DE CORES, temos os objetos que emitem luz (monitores, televisão, Sol, etc.) em que a adição de diferentes comprimentos de onda das cores primárias de luz VERMELHO (red), mais AZUL (blue), mais VERDE (green), resulta no BRANCO. As cores são expressas em valores de vermelho, verde e azul. Esses valores vão de 0 a 255 para cada cor. Assim, o vermelho puro é 255,0,0. Já o azul puro é 0,0,255. O RGB pode mostrar cerca de 16 milhões de cores.
  • 30.  
  • 31. CONTATOS : [email_address] [email_address] 71 88955846 REFERÊNCIAS : Computer Arts (revista) Zupi (revista) Publish (revista) Webdesign (revista) www.wikipedia.com www.logopond.com www.microsoft.com www.vectortuts.com www.brandsoftheworld.com