SlideShare una empresa de 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

Más contenido relacionado

La actualidad más candente

Aula 05 Cores Especiais / Escala Pantone
Aula 05   Cores Especiais / Escala PantoneAula 05   Cores Especiais / Escala Pantone
Aula 05 Cores Especiais / Escala Pantone
Elizeu Nascimento Silva
 

La actualidad más candente (20)

Palestra Impressão
Palestra ImpressãoPalestra Impressão
Palestra Impressão
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficos
 
Aula - Produção Gráfica - Processos de Impressão
Aula - Produção Gráfica - Processos de ImpressãoAula - Produção Gráfica - Processos de Impressão
Aula - Produção Gráfica - Processos de Impressão
 
Aula 6 - Comunicação Gráfica e Design
Aula 6  - Comunicação Gráfica e DesignAula 6  - Comunicação Gráfica e Design
Aula 6 - Comunicação Gráfica e Design
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Aula 03 O Que é ProduçãO GráFica
Aula 03 O Que é ProduçãO GráFicaAula 03 O Que é ProduçãO GráFica
Aula 03 O Que é ProduçãO GráFica
 
Aula03 originais reticulas e cores
Aula03 originais reticulas e coresAula03 originais reticulas e cores
Aula03 originais reticulas e cores
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráfico
 
Aula 05 Cores Especiais / Escala Pantone
Aula 05   Cores Especiais / Escala PantoneAula 05   Cores Especiais / Escala Pantone
Aula 05 Cores Especiais / Escala Pantone
 
Psicologia das Cores no Design
Psicologia das Cores no DesignPsicologia das Cores no Design
Psicologia das Cores no Design
 
Introducao a Modelagem3D
Introducao a Modelagem3DIntroducao a Modelagem3D
Introducao a Modelagem3D
 
Produção gráfica - Foco em fechamento de arquivo
Produção gráfica - Foco em  fechamento de arquivoProdução gráfica - Foco em  fechamento de arquivo
Produção gráfica - Foco em fechamento de arquivo
 
Sesioìn 17 color en la impresioìn
Sesioìn 17 color en la impresioìnSesioìn 17 color en la impresioìn
Sesioìn 17 color en la impresioìn
 
Imagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisImagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriais
 
Técnicas de impressão
Técnicas de impressãoTécnicas de impressão
Técnicas de impressão
 
Teoria das cores
Teoria das coresTeoria das cores
Teoria das cores
 
Design e composição gráfica
Design e composição gráficaDesign e composição gráfica
Design e composição gráfica
 
Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)
 
Aula - RGB, CMYK e PANTONE - Produção Gráfica
Aula - RGB, CMYK e PANTONE - Produção GráficaAula - RGB, CMYK e PANTONE - Produção Gráfica
Aula - RGB, CMYK e PANTONE - Produção Gráfica
 

Destacado

Adobe illustrator
Adobe illustratorAdobe illustrator
Adobe illustrator
italorns
 

Destacado (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
 

Similar 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
 

Similar 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
 

Más 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
 

Más 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