SlideShare a Scribd company logo
1 of 18
Computação Gráfica para Designers Dialogando com as caixinhas de diálogo
TRON – Disney 1982 Dois Planetas A métafora do filme Tron – no qual um personagem se perde dentro do computador – utilizada pelo autor do livro para explanar a relação e a diferença entre o Planeta Material e o Planeta Digital. “ Os softwares ficaram mais potentes e suas interfaces mais amigáveis. (...) O grande risco do usuário contemporâneo é de se perder na facilidade gerada por essas traduções e esquecer a humanidade de encarar as regras deste outro planeta como distintas”
PLANETA MATERIAL – todo ambiente fora do computador onde teremos que nos relacionar com a imagem (mídia impressa, fotografias, etc.); PLANETA DIGITAL – se limita à imagem já no computador e, portanto, obedecendo as leis que regem este ambiente e não são tão próximas de nossa experiência cotidiana.
PAÍS MAPA DE BITS – no ambiente mapa de bits a imagem é construída a partir de uma coleção de pontos individuais. O arquivo mapa de bits é a reprodução gráfica das variações possíveis nas unidades da memória do computador (bits). O Bit é a unidade mínima da memória do computador Tem dois valores possíveis: 1 (ativado) e 0 (desativado). Toda a interface de trabalho do PLANETA DIGITAL é construída com imagens mapa de bits – até mesmo a interface de softwares vetoriais.
PAÍS VETORIAL – um vetor que possui diretrizes em função de três eixos (x,y e z). São as variações dos valores nestes três eixos que vão construir um objeto e posicioná-lo em relação ao espaço. A edição neste ambiente se dá por meio de uma junção de formas e objetos, e não pela junção de unidades pontuais, como no mapa de bit. Cada vez mais as ferramentas tentam vincular a edição de ambos os tipos de imagem em um único software, mas, ainda assim, a filosofia do arquivo em si não se torna híbrida.
Interfaces Corel Draw – abre uma área que simula uma folha de papel – com medidas materiais como centímetros, milímetros ou polegadas.
Photoshop – abre uma caixa de edição semelhante à caixa do próprio software, priorizando as características digitais.
Renderização Render (acabamento) se refere à conversão final da imagem vetorial em um mapa de bits.
Pixel Picture Element  - Unidade mínima de construção da imagem.
Profundidade de bits O bit não deixa de ser binário. Para que a imagem tenha mais cores, foram colocados mais bits atrás dos pixels. 2 n  = número de cores n = profundidade do bit Um arquivo de mapa de bits de oito bits de profundidade (2 8 ), por exemplo, pode variar em 256 cores.
Redução /aumento de cores Se você determina que um arquivo de 24 bits de profundidade passará a ter oito bits, além de informar a redução de cores desse arquivo, deve informar também quais as 256 cores que serão escolhidas entre as 16 milhões.  Esse processo é denominado PALETIZAÇÃO. A criação de pontos intercalados de cores distintas, simulando tons diferentes é chamado RETICULAÇÃO ou DITHERIZAÇÃO.
Cálculo da memória ocupada Os arquivos .PSD possuem um cálculo mais complicado, pois ele depende das camadas utilizadas. Elas funcionam como vários arquivos mapa de bits sobrepostos. altura x largura x profundidade Altura = pixel Largura = pixel Profundidade = bits
Resolução Resolução é sempre a relação que se estabelece entre duas unidades. Como as imagens mapa de bits não foram feitas para serem usadas exclusivamente no ambiente digital, foi preciso criar uma relação entre estas duas medidas. Esta relação é justamente a resolução! PPI –  Pixels per Inch DPI –  Dots per Inch
Dialogando com caixinhas de diálogo As caixas de diálogo estão dentro dos softwares que são de diferentes fabricantes. Por isso, elas não possuem uniformidade nem quanto a localização dos itens nem quanto à sua denominação.
Criando nos dois planetas A compreensão das relações entre os PLANETAS DIGITAL e MATERIAL será fundamental para lidar com qualquer imagem em qualquer contexto que utilize a edição digital. Além de utilizar os filtros e ferramentas de edição dos softwares, você poderá interferir na imagem por meio de seus elementos estruturais.
As relações entre o PLANETA DIGITAL e MATERIAL é fundamental para lidar com qualquer imagem ou contexto que use a edição digital. Editar, imprimir ou editar requer manipulação dessa variável.
Saber lidar com as  diferenças Tron guy
Computação Gráfica Desenho Industrial UFES - 2008 Diego Barbosa Souza Mariane Azevedo Rocha

More Related Content

Viewers also liked

Aula3 Pesquisa Norte Americana Teoria Hipodermica
Aula3 Pesquisa Norte Americana Teoria HipodermicaAula3 Pesquisa Norte Americana Teoria Hipodermica
Aula3 Pesquisa Norte Americana Teoria HipodermicaValéria da Costa
 
Computação Gráfica - Introdução ao OpenGL
Computação Gráfica - Introdução ao OpenGLComputação Gráfica - Introdução ao OpenGL
Computação Gráfica - Introdução ao OpenGLTony Alexander Hild
 
Teoria da Comunicação 2 - Tópico 01
Teoria da Comunicação 2 - Tópico 01Teoria da Comunicação 2 - Tópico 01
Teoria da Comunicação 2 - Tópico 01Fernando Fontanella
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - IntroduçãoTony Alexander Hild
 
Publicidade e Propaganda - ferramentas para o sucesso
Publicidade e Propaganda - ferramentas para o sucessoPublicidade e Propaganda - ferramentas para o sucesso
Publicidade e Propaganda - ferramentas para o sucessoAlexandre Luiz Costa
 
Introdução à Teoria da ComunicaçãO
Introdução à Teoria da ComunicaçãOIntrodução à Teoria da ComunicaçãO
Introdução à Teoria da ComunicaçãOTaïs Bressane
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - IntroduçãoDaniel Soto
 
Propaganda e publicidade conceito
Propaganda e publicidade conceitoPropaganda e publicidade conceito
Propaganda e publicidade conceitoManinho Walker
 
Teoria Da Comunicação Revisão
Teoria Da Comunicação RevisãoTeoria Da Comunicação Revisão
Teoria Da Comunicação RevisãoLuci Bonini
 
Introdução à Publicidade e Propaganda - Aula 05 - Mídia
Introdução à Publicidade e Propaganda - Aula 05 - MídiaIntrodução à Publicidade e Propaganda - Aula 05 - Mídia
Introdução à Publicidade e Propaganda - Aula 05 - MídiaThiago Ianatoni
 
Introdução à Publicidade e Propaganda - Aula 01 - Conceitos
Introdução à Publicidade e Propaganda - Aula 01  - ConceitosIntrodução à Publicidade e Propaganda - Aula 01  - Conceitos
Introdução à Publicidade e Propaganda - Aula 01 - ConceitosThiago Ianatoni
 

Viewers also liked (16)

Aula3 Pesquisa Norte Americana Teoria Hipodermica
Aula3 Pesquisa Norte Americana Teoria HipodermicaAula3 Pesquisa Norte Americana Teoria Hipodermica
Aula3 Pesquisa Norte Americana Teoria Hipodermica
 
Computação Gráfica - Introdução ao OpenGL
Computação Gráfica - Introdução ao OpenGLComputação Gráfica - Introdução ao OpenGL
Computação Gráfica - Introdução ao OpenGL
 
GingaHero
GingaHeroGingaHero
GingaHero
 
Viewport (OpenGL)
Viewport (OpenGL)Viewport (OpenGL)
Viewport (OpenGL)
 
Cores
CoresCores
Cores
 
Teoria da Comunicação 2 - Tópico 01
Teoria da Comunicação 2 - Tópico 01Teoria da Comunicação 2 - Tópico 01
Teoria da Comunicação 2 - Tópico 01
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - Introdução
 
TC - ESCOLAS AMERICANAS
TC - ESCOLAS AMERICANASTC - ESCOLAS AMERICANAS
TC - ESCOLAS AMERICANAS
 
Publicidade e Propaganda - ferramentas para o sucesso
Publicidade e Propaganda - ferramentas para o sucessoPublicidade e Propaganda - ferramentas para o sucesso
Publicidade e Propaganda - ferramentas para o sucesso
 
Introdução à Teoria da ComunicaçãO
Introdução à Teoria da ComunicaçãOIntrodução à Teoria da ComunicaçãO
Introdução à Teoria da ComunicaçãO
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - Introdução
 
Propaganda e publicidade conceito
Propaganda e publicidade conceitoPropaganda e publicidade conceito
Propaganda e publicidade conceito
 
Teoria Da Comunicação Revisão
Teoria Da Comunicação RevisãoTeoria Da Comunicação Revisão
Teoria Da Comunicação Revisão
 
Introdução à Publicidade e Propaganda - Aula 05 - Mídia
Introdução à Publicidade e Propaganda - Aula 05 - MídiaIntrodução à Publicidade e Propaganda - Aula 05 - Mídia
Introdução à Publicidade e Propaganda - Aula 05 - Mídia
 
Teorias da Comunicacao - Communication Theories
Teorias da Comunicacao - Communication TheoriesTeorias da Comunicacao - Communication Theories
Teorias da Comunicacao - Communication Theories
 
Introdução à Publicidade e Propaganda - Aula 01 - Conceitos
Introdução à Publicidade e Propaganda - Aula 01  - ConceitosIntrodução à Publicidade e Propaganda - Aula 01  - Conceitos
Introdução à Publicidade e Propaganda - Aula 01 - Conceitos
 

Similar to Computação Gráfica Para Designers

ComputaçãO Gráfica Para Designers
ComputaçãO Gráfica Para DesignersComputaçãO Gráfica Para Designers
ComputaçãO Gráfica Para Designerswesleibatista
 
Computação Gráfica para Designers
Computação Gráfica para DesignersComputação Gráfica para Designers
Computação Gráfica para Designersgueste3d3ab
 
Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...
Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...
Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...Wesley Germano Otávio
 
Mundo Digital E Mundo Material
Mundo Digital E Mundo MaterialMundo Digital E Mundo Material
Mundo Digital E Mundo MaterialMarcos Accioly
 
Cg ComputaçãO Grafica Para Designers
Cg ComputaçãO Grafica Para DesignersCg ComputaçãO Grafica Para Designers
Cg ComputaçãO Grafica Para Designerslucasbas
 
Palestra Digitalizacao e Preservacao Digital: uma introdução / relato de caso
Palestra Digitalizacao e Preservacao Digital: uma introdução / relato de casoPalestra Digitalizacao e Preservacao Digital: uma introdução / relato de caso
Palestra Digitalizacao e Preservacao Digital: uma introdução / relato de casoSIBiUSP
 
Trabalho de documentação técnica
Trabalho de documentação técnicaTrabalho de documentação técnica
Trabalho de documentação técnicaDoris Reis
 
Trabalho de documentação técnica
Trabalho de documentação técnicaTrabalho de documentação técnica
Trabalho de documentação técnicaDoris Reis
 
Tipos de imagens digitais
Tipos de imagens digitaisTipos de imagens digitais
Tipos de imagens digitaisAline Okumura
 
Atividade de web design
Atividade de web designAtividade de web design
Atividade de web designViniciusGuedes
 
Atividade De Web Design
Atividade De Web DesignAtividade De Web Design
Atividade De Web DesignViniciusGuedes
 

Similar to Computação Gráfica Para Designers (20)

ComputaçãO Gráfica Para Designers
ComputaçãO Gráfica Para DesignersComputaçãO Gráfica Para Designers
ComputaçãO Gráfica Para Designers
 
Computação Gráfica para Designers
Computação Gráfica para DesignersComputação Gráfica para Designers
Computação Gráfica para Designers
 
ComputaçãO GráFica Para Designers
ComputaçãO GráFica Para DesignersComputaçãO GráFica Para Designers
ComputaçãO GráFica Para Designers
 
Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...
Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...
Bidimensional, Tridimensional, Pixel, Compressão de Imagem, Arte Digital, Pix...
 
Mundo Digital E Mundo Material
Mundo Digital E Mundo MaterialMundo Digital E Mundo Material
Mundo Digital E Mundo Material
 
Cg ComputaçãO Grafica Para Designers
Cg ComputaçãO Grafica Para DesignersCg ComputaçãO Grafica Para Designers
Cg ComputaçãO Grafica Para Designers
 
Slide blog
Slide blogSlide blog
Slide blog
 
Slide blog
Slide blogSlide blog
Slide blog
 
RADIOLOGIA DIGITAL
RADIOLOGIA DIGITALRADIOLOGIA DIGITAL
RADIOLOGIA DIGITAL
 
07 pre impressao
07 pre impressao07 pre impressao
07 pre impressao
 
Palestra Digitalizacao e Preservacao Digital: uma introdução / relato de caso
Palestra Digitalizacao e Preservacao Digital: uma introdução / relato de casoPalestra Digitalizacao e Preservacao Digital: uma introdução / relato de caso
Palestra Digitalizacao e Preservacao Digital: uma introdução / relato de caso
 
Trabalho de documentação técnica
Trabalho de documentação técnicaTrabalho de documentação técnica
Trabalho de documentação técnica
 
Trabalho de documentação técnica
Trabalho de documentação técnicaTrabalho de documentação técnica
Trabalho de documentação técnica
 
Design Gráfico
Design GráficoDesign Gráfico
Design Gráfico
 
Apostila d moda
Apostila d modaApostila d moda
Apostila d moda
 
Tipos de imagens digitais
Tipos de imagens digitaisTipos de imagens digitais
Tipos de imagens digitais
 
Slide carla
Slide carlaSlide carla
Slide carla
 
Aula fotografia digital
Aula fotografia digitalAula fotografia digital
Aula fotografia digital
 
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
 

Computação Gráfica Para Designers

  • 1. Computação Gráfica para Designers Dialogando com as caixinhas de diálogo
  • 2. TRON – Disney 1982 Dois Planetas A métafora do filme Tron – no qual um personagem se perde dentro do computador – utilizada pelo autor do livro para explanar a relação e a diferença entre o Planeta Material e o Planeta Digital. “ Os softwares ficaram mais potentes e suas interfaces mais amigáveis. (...) O grande risco do usuário contemporâneo é de se perder na facilidade gerada por essas traduções e esquecer a humanidade de encarar as regras deste outro planeta como distintas”
  • 3. PLANETA MATERIAL – todo ambiente fora do computador onde teremos que nos relacionar com a imagem (mídia impressa, fotografias, etc.); PLANETA DIGITAL – se limita à imagem já no computador e, portanto, obedecendo as leis que regem este ambiente e não são tão próximas de nossa experiência cotidiana.
  • 4. PAÍS MAPA DE BITS – no ambiente mapa de bits a imagem é construída a partir de uma coleção de pontos individuais. O arquivo mapa de bits é a reprodução gráfica das variações possíveis nas unidades da memória do computador (bits). O Bit é a unidade mínima da memória do computador Tem dois valores possíveis: 1 (ativado) e 0 (desativado). Toda a interface de trabalho do PLANETA DIGITAL é construída com imagens mapa de bits – até mesmo a interface de softwares vetoriais.
  • 5. PAÍS VETORIAL – um vetor que possui diretrizes em função de três eixos (x,y e z). São as variações dos valores nestes três eixos que vão construir um objeto e posicioná-lo em relação ao espaço. A edição neste ambiente se dá por meio de uma junção de formas e objetos, e não pela junção de unidades pontuais, como no mapa de bit. Cada vez mais as ferramentas tentam vincular a edição de ambos os tipos de imagem em um único software, mas, ainda assim, a filosofia do arquivo em si não se torna híbrida.
  • 6. Interfaces Corel Draw – abre uma área que simula uma folha de papel – com medidas materiais como centímetros, milímetros ou polegadas.
  • 7. Photoshop – abre uma caixa de edição semelhante à caixa do próprio software, priorizando as características digitais.
  • 8. Renderização Render (acabamento) se refere à conversão final da imagem vetorial em um mapa de bits.
  • 9. Pixel Picture Element - Unidade mínima de construção da imagem.
  • 10. Profundidade de bits O bit não deixa de ser binário. Para que a imagem tenha mais cores, foram colocados mais bits atrás dos pixels. 2 n = número de cores n = profundidade do bit Um arquivo de mapa de bits de oito bits de profundidade (2 8 ), por exemplo, pode variar em 256 cores.
  • 11. Redução /aumento de cores Se você determina que um arquivo de 24 bits de profundidade passará a ter oito bits, além de informar a redução de cores desse arquivo, deve informar também quais as 256 cores que serão escolhidas entre as 16 milhões. Esse processo é denominado PALETIZAÇÃO. A criação de pontos intercalados de cores distintas, simulando tons diferentes é chamado RETICULAÇÃO ou DITHERIZAÇÃO.
  • 12. Cálculo da memória ocupada Os arquivos .PSD possuem um cálculo mais complicado, pois ele depende das camadas utilizadas. Elas funcionam como vários arquivos mapa de bits sobrepostos. altura x largura x profundidade Altura = pixel Largura = pixel Profundidade = bits
  • 13. Resolução Resolução é sempre a relação que se estabelece entre duas unidades. Como as imagens mapa de bits não foram feitas para serem usadas exclusivamente no ambiente digital, foi preciso criar uma relação entre estas duas medidas. Esta relação é justamente a resolução! PPI – Pixels per Inch DPI – Dots per Inch
  • 14. Dialogando com caixinhas de diálogo As caixas de diálogo estão dentro dos softwares que são de diferentes fabricantes. Por isso, elas não possuem uniformidade nem quanto a localização dos itens nem quanto à sua denominação.
  • 15. Criando nos dois planetas A compreensão das relações entre os PLANETAS DIGITAL e MATERIAL será fundamental para lidar com qualquer imagem em qualquer contexto que utilize a edição digital. Além de utilizar os filtros e ferramentas de edição dos softwares, você poderá interferir na imagem por meio de seus elementos estruturais.
  • 16. As relações entre o PLANETA DIGITAL e MATERIAL é fundamental para lidar com qualquer imagem ou contexto que use a edição digital. Editar, imprimir ou editar requer manipulação dessa variável.
  • 17. Saber lidar com as diferenças Tron guy
  • 18. Computação Gráfica Desenho Industrial UFES - 2008 Diego Barbosa Souza Mariane Azevedo Rocha