SlideShare una empresa de Scribd logo
1 de 21
Universidade do Minho
                                Instituto de Ciências Sociais
                                Departamento de Ciências da Comunicação




Professor Leonardo Pereira
 Ano Curricular - 2012 | 2013   COMUNICAÇÃO E MEIOS DIGITAIS
                                Curso de Mestrado em Comunicação, Cidadania e Educação - 1º Ano | 1º Semestre




                                Aula 02

                                1. INTRODUÇÃO À MECÂNICA DA IMAGEM ESTÁTICA
                                	   Tipos de imagem
                                	   Modos e sistemas cromáticos de imagem
                                	   Resolução de imagem
                                	   Formatos de ficheiros de imagem
Universidade do Minho                     Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais                             Professor Leonardo Pereira
Departamento de Ciências da Comunicação




01
Tipos de imagem




                                                        leonardpeartree@gmail.com
Universidade do Minho                                      Comunicação e Meios Digitais - 2012 | 2013
             Instituto de Ciências Sociais                                              Professor Leonardo Pereira
             Departamento de Ciências da Comunicação




     Tipos   Interessa compreender que existem dois grandes tipos de imagem estática, muito
de imagem    embora só nos iremos debruçar sobre uma:

             A imagem bitmap e a imagem vetorial, como ilustrado em baixo.



             1. Imagem bitmap	                          2. Imagem vetorial				
             	




                                                                                      leonardpeartree@gmail.com
Universidade do Minho                                      Comunicação e Meios Digitais - 2012 | 2013
            Instituto de Ciências Sociais                                              Professor Leonardo Pereira
            Departamento de Ciências da Comunicação




A imagem
   bitmap




            Unidade básica do bitmap - o Píxel
            Uma imagem bitmap é constituída por pequenos pontos ou unidades de cor aos quais
            tipicamente se dá o nome de píxeis dispostos numa grelha, como exemplificado nestas
            imagens.

                                                                                     leonardpeartree@gmail.com
Universidade do Minho                                     Comunicação e Meios Digitais - 2012 | 2013
             Instituto de Ciências Sociais                                             Professor Leonardo Pereira
             Departamento de Ciências da Comunicação




A imagem
 vectorial




             Unidade básica da imagem vectorial - O Vector
             Uma imagem vetorial é uma imagem constituída por uma série de formas, por sua vez
             constituídas por pontos aos quais se dá, tipicamente, o nome de vetores.


                                                                                     leonardpeartree@gmail.com
Universidade do Minho                                 Comunicação e Meios Digitais - 2012 | 2013
             Instituto de Ciências Sociais                                         Professor Leonardo Pereira
             Departamento de Ciências da Comunicação




     Tipos   O bitmap é usado mais em imagem fotográfica e real:
de imagem




                                                                                 leonardpeartree@gmail.com
Universidade do Minho                                      Comunicação e Meios Digitais - 2012 | 2013
             Instituto de Ciências Sociais                                              Professor Leonardo Pereira
             Departamento de Ciências da Comunicação




     Tipos   O vetor é mais usado em grafismo e em ilustração, embora o vetor possa ser
de imagem    transformado em bitmap.




                                                                                      leonardpeartree@gmail.com
Universidade do Minho                                     Comunicação e Meios Digitais - 2012 | 2013
             Instituto de Ciências Sociais                                             Professor Leonardo Pereira
             Departamento de Ciências da Comunicação




     Tipos   Mas nós só vamos aprender a usar e a manipular imagens bitmap.
de imagem
             Como?
             Com o Photoshop que é o editor de imagens bitmap por excelência.




                                                                                     leonardpeartree@gmail.com
Universidade do Minho                     Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais                             Professor Leonardo Pereira
Departamento de Ciências da Comunicação




02
Modos e sistemas cromáticos de imagem




                                                        leonardpeartree@gmail.com
Universidade do Minho                                         Comunicação e Meios Digitais - 2012 | 2013
             Instituto de Ciências Sociais                                                 Professor Leonardo Pereira
             Departamento de Ciências da Comunicação




    Modos    O que é que é um modo cromático de imagem?
cromáticos
             É a forma como uma imagem é formada pela combinação de diferentes cores de base
de imagem    subjacentes a cada sistema.



             No Photoshop, o que interessa reter, para vossa aprendizagem, nesta fase, são 2:

             1. RGB	                                   2. CMYK	        	




                                                                                         leonardpeartree@gmail.com
Universidade do Minho                                                Comunicação e Meios Digitais - 2012 | 2013
             Instituto de Ciências Sociais                                                        Professor Leonardo Pereira
             Departamento de Ciências da Comunicação




    Modos    RGB
cromáticos   Uma imagem em modo RGB é uma imagem cujas cores resultam da combinação de 3
             canais de cores: RED | Green | Blue
de imagem
             No Photoshop, ligando-se e desligando-se no painel dos “channels” cada um dos canais
             da imagem, esta é a aparência com que as imagens ficam:


             Todos canais ativos	          Só canal blue ativo	   Só canal green ativo	 Só canal red ativo




                                                                                                leonardpeartree@gmail.com
Universidade do Minho                                      Comunicação e Meios Digitais - 2012 | 2013
             Instituto de Ciências Sociais                                              Professor Leonardo Pereira
             Departamento de Ciências da Comunicação




    Modos    CMYK
cromáticos   Uma imagem em modo CMYK é uma imagem cujas cores resultam da combinação de 4
             canais de cores: CYAN | MAGENTA | YELLOW | BLACK
de imagem
             No Photoshop, ligando-se e desligando-se no painel dos “channels” cada um dos canais
             da imagem esta é a aparência com que as imagens ficam:


             Só Cyan	                      Só Magenta	   Só Yellow	             Só Black




                                                                                      leonardpeartree@gmail.com
Universidade do Minho                                     Comunicação e Meios Digitais - 2012 | 2013
             Instituto de Ciências Sociais                                             Professor Leonardo Pereira
             Departamento de Ciências da Comunicação




    Modos    Como converter as imagens de um modo cromático para outro?
cromáticos   A conversão de uma imagem de um modo cromático para outro é muito fácil.
de imagem    No Photoshop, com a imagem aberta, basta fazer o seguinte, como mostra a imagem:
             1- Ir ao menú “Image”
             2- Escolher Mode
             3- Escolher um dos modos (RGB, CMYK ou Grayscale)
       1

       2


                          3




                                                                                     leonardpeartree@gmail.com
Universidade do Minho                                      Comunicação e Meios Digitais - 2012 | 2013
             Instituto de Ciências Sociais                                              Professor Leonardo Pereira
             Departamento de Ciências da Comunicação




    Modos    E porque é que há vários modos cromáticos ou sistemas de cor?
cromáticos   Porque cada suporte ou Media tem um modo cromático de formação
             da imagem diferente.
de imagem

             Tudo o que é suporte digital de exibição   A maioria das imagens bitmap que são
             de imagens usa o modo RGB:                 impressas usam o modo CMYK:

             Televisores, Ecrãs de PC, Ecrãs de         Revistas, Jornais, Cartazes, Embalagens,
             telemóvel, Ecrãs de Tablets, etc...        etc...




                                                                                      leonardpeartree@gmail.com
Universidade do Minho                     Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais                             Professor Leonardo Pereira
Departamento de Ciências da Comunicação




03
Resolução de imagem




                                                        leonardpeartree@gmail.com
Universidade do Minho                                      Comunicação e Meios Digitais - 2012 | 2013
            Instituto de Ciências Sociais                                              Professor Leonardo Pereira
            Departamento de Ciências da Comunicação




Resolução   O que é a resolução de uma imagem?
de imagem   Dito de uma forma simplista a resolução é o grau de detalhe de que uma imagem
            dispõe para descrever formal e visualmente um objeto. É a qualidade com que um
            objeto e seus detalhes são visualmente descritos numa imagem.


            	          Imagem em Alta resolução	       Imagem em Baixa resolução




            	          Tamanho: 16,5 cm x 21,9 cm	     Tamanho: 16,5 cm x 21,9 cm
            	          Resolução: 300 ppis	            Resolução: 30 ppis

            PPIS = Pixels per Inch.	

                                                                                     leonardpeartree@gmail.com
Universidade do Minho                                       Comunicação e Meios Digitais - 2012 | 2013
            Instituto de Ciências Sociais                                               Professor Leonardo Pereira
            Departamento de Ciências da Comunicação




Resolução   E temos de usar sempre alta resolução em todos os suportes?
de imagem

            Suporte Impresso (papel)
            Se estamos a falar de imagens a serem impressas em papel temos de usar imagens em
            alta resolução, ou seja, 300 ppis.

            Porquê?
            Porque senão as imagens ficam sem definição e com o píxel visível.


            Suporte ecrã digital e Web
            Se estamos a falar de imagens a serem exibidas na web, só precisamos de imagens a
            72 ppis.

            Porquê?
            1. 	Porque a maioria dos ecrãs de computador ainda não exibem imagem numa
            	 resolução superior a 72 ppis;

            2. 	Porque na web os dados têm de ser descarregados de um servidor para o nosso 		
            	 computador. Se uma imagem tiver alta resolução vai ser mais pesada. E se for mais 	
            	 pesada demora mais tempo a descarregar.




                                                                                      leonardpeartree@gmail.com
Universidade do Minho                     Comunicação e Meios Digitais - 2012 | 2013
Instituto de Ciências Sociais                             Professor Leonardo Pereira
Departamento de Ciências da Comunicação




04
Formatos de ficheiros de imagem




                                                        leonardpeartree@gmail.com
Universidade do Minho                                       Comunicação e Meios Digitais - 2012 | 2013
                Instituto de Ciências Sociais                                               Professor Leonardo Pereira
                Departamento de Ciências da Comunicação




Formatos de     Tipos de formato de ficheiro de imagem bitmap
 ficheiros de
                Há vários tipos de formatos de ficheiro de imagem. Mas estes podem-se dividir em dois
     imagem     grandes grupos e são escolhidos no momento em que gravamos um ficheiro:
                Sem compressão de dados                     Com compressão de dados
                • Tiff                                      • Jpeg
                • Eps                                       • Png
                • Psd ou Psp                                • Gif
                • BMP




                                                                                          leonardpeartree@gmail.com
Universidade do Minho                                        Comunicação e Meios Digitais - 2012 | 2013
                Instituto de Ciências Sociais                                                Professor Leonardo Pereira
                Departamento de Ciências da Comunicação




Formatos de     E quais são os formats que nos vão interessar usar no Photoshop?
 ficheiros de
                •	 O Tiff
     imagem     - 	 formato sem compressão;
                - 	 alto peso de ficheiro quando em alta resolução;
                - 	 ideal para guardar imagens em alta qualidade;
                -	 suporta ficheiros multilayers;
                - 	 apesar de suportar layers no Photoshop (camadas de imagens) é mais utilizado nas 	
                	 artes finais de materiais e imagens a serem impressos em alta qualidade.

                • O PSD
                - 	 formato sem compressão;
                -	 suporta ficheiros multilayers;
                - 	 alto peso de ficheiro quando em alta resolução e ainda maior quando em layers;
                -	 serve essencialmente para guardar um ficheiro com as layers que foram necessárias 	
                	 à construção de uma imagem.

                • Jpeg
                -	 equivalente ao Tiff mas com compressão;
                - 	 baixo peso de ficheiro quando em alta resolução;
                - 	 embora seja ideal para a web (pela alta compressão de dados que suporta sem 	 	
                	 grandes perdas);
                -	 pode ser também utilizado em imagens impressas com qualidade desde que com 		
                	 pouca compressão;
                - 	 não suporta ficheiros multilayers.


                                                                                           leonardpeartree@gmail.com
Universidade do Minho                                      Comunicação e Meios Digitais - 2012 | 2013
                Instituto de Ciências Sociais                                              Professor Leonardo Pereira
                Departamento de Ciências da Comunicação




Formatos de     Mas o que é a compressão?
 ficheiros de
     imagem




                A compressão de imagem consiste num conjunto de operações informáticas que re-
                movem informação redundante existente numa imagem por forma a tornar essa mesma
                imagem mais leve.

                Naturalmente que, independentemente do formato de ficheiro usado, quanto maior for o
                índice de compressão aplicada a uma imagem, menor será a qualidade de definição da
                mesma imagem.

                Vamos ver no photoshop as diferenças de peso e qualidade em função
                da compressão aplicada a uma imagem, neste caso, no formato jpeg.

                                                                                         leonardpeartree@gmail.com

Más contenido relacionado

La actualidad más candente

Aula 02 - Princípios da Gestalt
Aula 02 - Princípios da GestaltAula 02 - Princípios da Gestalt
Aula 02 - Princípios da GestaltDanilo Aroeira
 
Comunicação visual conceito,signos-v001-parte 1
Comunicação visual conceito,signos-v001-parte 1Comunicação visual conceito,signos-v001-parte 1
Comunicação visual conceito,signos-v001-parte 1PEDRO DAVID
 
Manual - Enquadramento, Ângulos e planos
Manual - Enquadramento, Ângulos e planosManual - Enquadramento, Ângulos e planos
Manual - Enquadramento, Ângulos e planosAndreia Filipa Cardoso
 
Introdução aos Efeitos Visuais e ao Compositing
Introdução aos Efeitos Visuais e ao CompositingIntrodução aos Efeitos Visuais e ao Compositing
Introdução aos Efeitos Visuais e ao CompositingLeonardo Pereira
 
Conceitos básicos de multimédia
Conceitos básicos de multimédiaConceitos básicos de multimédia
Conceitos básicos de multimédiateixeirasandy
 
Elementos narrativos do cinema - Parte 1 (Planos e enquadramentos)
Elementos narrativos do cinema - Parte 1 (Planos e enquadramentos)Elementos narrativos do cinema - Parte 1 (Planos e enquadramentos)
Elementos narrativos do cinema - Parte 1 (Planos e enquadramentos)Mauricio Mallet Duprat
 
Direito à Comunicação
Direito à ComunicaçãoDireito à Comunicação
Direito à ComunicaçãoÉrica Rigo
 
Matriz de análise de conteúdo de entrevista
Matriz de análise de conteúdo de entrevistaMatriz de análise de conteúdo de entrevista
Matriz de análise de conteúdo de entrevistaAna Marques
 
Fotografia e sociedade
Fotografia e sociedadeFotografia e sociedade
Fotografia e sociedadeCid Costa Neto
 
Uma introdução ao multimédia: conceitos básicos
Uma introdução ao multimédia: conceitos básicosUma introdução ao multimédia: conceitos básicos
Uma introdução ao multimédia: conceitos básicosLuis Borges Gouveia
 
O poder da comunicação social
O poder da comunicação socialO poder da comunicação social
O poder da comunicação socialDRaul8
 

La actualidad más candente (20)

Composição gráfica
Composição gráficaComposição gráfica
Composição gráfica
 
Aula 02 - Princípios da Gestalt
Aula 02 - Princípios da GestaltAula 02 - Princípios da Gestalt
Aula 02 - Princípios da Gestalt
 
Comunicação visual conceito,signos-v001-parte 1
Comunicação visual conceito,signos-v001-parte 1Comunicação visual conceito,signos-v001-parte 1
Comunicação visual conceito,signos-v001-parte 1
 
Manual - Enquadramento, Ângulos e planos
Manual - Enquadramento, Ângulos e planosManual - Enquadramento, Ângulos e planos
Manual - Enquadramento, Ângulos e planos
 
Introdução aos Efeitos Visuais e ao Compositing
Introdução aos Efeitos Visuais e ao CompositingIntrodução aos Efeitos Visuais e ao Compositing
Introdução aos Efeitos Visuais e ao Compositing
 
Conceitos básicos de multimédia
Conceitos básicos de multimédiaConceitos básicos de multimédia
Conceitos básicos de multimédia
 
Audiovisual
AudiovisualAudiovisual
Audiovisual
 
Aula linguagem audiovisual 02
Aula linguagem audiovisual 02Aula linguagem audiovisual 02
Aula linguagem audiovisual 02
 
Elementos narrativos do cinema - Parte 1 (Planos e enquadramentos)
Elementos narrativos do cinema - Parte 1 (Planos e enquadramentos)Elementos narrativos do cinema - Parte 1 (Planos e enquadramentos)
Elementos narrativos do cinema - Parte 1 (Planos e enquadramentos)
 
Signos Visuais
Signos VisuaisSignos Visuais
Signos Visuais
 
Direito à Comunicação
Direito à ComunicaçãoDireito à Comunicação
Direito à Comunicação
 
Regra dos terços
Regra dos terçosRegra dos terços
Regra dos terços
 
Matriz de análise de conteúdo de entrevista
Matriz de análise de conteúdo de entrevistaMatriz de análise de conteúdo de entrevista
Matriz de análise de conteúdo de entrevista
 
Aula Videoreportagem
Aula    VideoreportagemAula    Videoreportagem
Aula Videoreportagem
 
Fotografia e sociedade
Fotografia e sociedadeFotografia e sociedade
Fotografia e sociedade
 
Uma introdução ao multimédia: conceitos básicos
Uma introdução ao multimédia: conceitos básicosUma introdução ao multimédia: conceitos básicos
Uma introdução ao multimédia: conceitos básicos
 
Formação Síncrona e Assíncrona
Formação Síncrona e AssíncronaFormação Síncrona e Assíncrona
Formação Síncrona e Assíncrona
 
Slides módulo 4
Slides módulo 4Slides módulo 4
Slides módulo 4
 
Semiótica
SemióticaSemiótica
Semiótica
 
O poder da comunicação social
O poder da comunicação socialO poder da comunicação social
O poder da comunicação social
 

Destacado

Leonardo Pereira's Book cover design portfolio
Leonardo Pereira's Book cover design portfolioLeonardo Pereira's Book cover design portfolio
Leonardo Pereira's Book cover design portfolioLeonardo Pereira
 
Motion Graphics para Mobile TV em Portugal
Motion Graphics para Mobile TV em PortugalMotion Graphics para Mobile TV em Portugal
Motion Graphics para Mobile TV em PortugalLeonardo Pereira
 
Estilos de edição em Motion Grap
Estilos de edição em Motion GrapEstilos de edição em Motion Grap
Estilos de edição em Motion Grapguestb62f0b
 
Portfólio Leonardo Pereira
Portfólio Leonardo PereiraPortfólio Leonardo Pereira
Portfólio Leonardo PereiraLeonardo Pereira
 
Publicidade Audiovisual em Micro-Formatos (UFPR)
Publicidade Audiovisual em Micro-Formatos (UFPR)Publicidade Audiovisual em Micro-Formatos (UFPR)
Publicidade Audiovisual em Micro-Formatos (UFPR)Jean Silva
 
Introdução aos Motion Graphics
Introdução aos Motion GraphicsIntrodução aos Motion Graphics
Introdução aos Motion GraphicsLeonardo Pereira
 
Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitários
Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitáriosOs Motion Graphics Diegéticos e Não Diegéticos em filmes publicitários
Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitáriosLeonardo Pereira
 
Masks & Puppet Tool animation in After Effects
Masks & Puppet Tool animation in After EffectsMasks & Puppet Tool animation in After Effects
Masks & Puppet Tool animation in After EffectsLeonardo Pereira
 
Cuidados de Produção de chroma e tracking
Cuidados de Produção de chroma e trackingCuidados de Produção de chroma e tracking
Cuidados de Produção de chroma e trackingLeonardo Pereira
 
E.d de formação da imagem i
E.d de formação da imagem iE.d de formação da imagem i
E.d de formação da imagem iCristiane Dias
 
A influência das tecnologias e do mercado audiovisual brasileiro na estética ...
A influência das tecnologias e do mercado audiovisual brasileiro na estética ...A influência das tecnologias e do mercado audiovisual brasileiro na estética ...
A influência das tecnologias e do mercado audiovisual brasileiro na estética ...Ana Cláudia Herrmann
 
Motion Graphics & Compositing Video
Motion Graphics & Compositing VideoMotion Graphics & Compositing Video
Motion Graphics & Compositing VideoPaul McGovern
 
Kinetic Typography Motion Graphics From After Effects To PowerPoint
Kinetic Typography Motion Graphics From After Effects To PowerPointKinetic Typography Motion Graphics From After Effects To PowerPoint
Kinetic Typography Motion Graphics From After Effects To PowerPointRajiv Kohli
 
Introdução à Infografia
Introdução à InfografiaIntrodução à Infografia
Introdução à InfografiaLeonardo Pereira
 
Laboratório de Comunicação Popular - Aula 6
Laboratório de Comunicação Popular - Aula 6Laboratório de Comunicação Popular - Aula 6
Laboratório de Comunicação Popular - Aula 6Diedro Barros
 
Trabalho sobre a animação
Trabalho sobre a animaçãoTrabalho sobre a animação
Trabalho sobre a animaçãogasparlanca
 
Princípios básicos e clássicos de animação
Princípios básicos e clássicos de animaçãoPrincípios básicos e clássicos de animação
Princípios básicos e clássicos de animaçãoLeonardo Pereira
 

Destacado (20)

Leonardo Pereira's Book cover design portfolio
Leonardo Pereira's Book cover design portfolioLeonardo Pereira's Book cover design portfolio
Leonardo Pereira's Book cover design portfolio
 
Motion Graphics para Mobile TV em Portugal
Motion Graphics para Mobile TV em PortugalMotion Graphics para Mobile TV em Portugal
Motion Graphics para Mobile TV em Portugal
 
Estilos de edição em Motion Grap
Estilos de edição em Motion GrapEstilos de edição em Motion Grap
Estilos de edição em Motion Grap
 
Portfólio Leonardo Pereira
Portfólio Leonardo PereiraPortfólio Leonardo Pereira
Portfólio Leonardo Pereira
 
Publicidade Audiovisual em Micro-Formatos (UFPR)
Publicidade Audiovisual em Micro-Formatos (UFPR)Publicidade Audiovisual em Micro-Formatos (UFPR)
Publicidade Audiovisual em Micro-Formatos (UFPR)
 
Som Vs Motion Graphics
Som Vs Motion GraphicsSom Vs Motion Graphics
Som Vs Motion Graphics
 
Introdução aos Motion Graphics
Introdução aos Motion GraphicsIntrodução aos Motion Graphics
Introdução aos Motion Graphics
 
Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitários
Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitáriosOs Motion Graphics Diegéticos e Não Diegéticos em filmes publicitários
Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitários
 
Masks & Puppet Tool animation in After Effects
Masks & Puppet Tool animation in After EffectsMasks & Puppet Tool animation in After Effects
Masks & Puppet Tool animation in After Effects
 
Cuidados de Produção de chroma e tracking
Cuidados de Produção de chroma e trackingCuidados de Produção de chroma e tracking
Cuidados de Produção de chroma e tracking
 
E.d de formação da imagem i
E.d de formação da imagem iE.d de formação da imagem i
E.d de formação da imagem i
 
A influência das tecnologias e do mercado audiovisual brasileiro na estética ...
A influência das tecnologias e do mercado audiovisual brasileiro na estética ...A influência das tecnologias e do mercado audiovisual brasileiro na estética ...
A influência das tecnologias e do mercado audiovisual brasileiro na estética ...
 
Motion Graphics & Compositing Video
Motion Graphics & Compositing VideoMotion Graphics & Compositing Video
Motion Graphics & Compositing Video
 
Kinetic Typography Motion Graphics From After Effects To PowerPoint
Kinetic Typography Motion Graphics From After Effects To PowerPointKinetic Typography Motion Graphics From After Effects To PowerPoint
Kinetic Typography Motion Graphics From After Effects To PowerPoint
 
Introdução à Infografia
Introdução à InfografiaIntrodução à Infografia
Introdução à Infografia
 
Laboratório de Comunicação Popular - Aula 6
Laboratório de Comunicação Popular - Aula 6Laboratório de Comunicação Popular - Aula 6
Laboratório de Comunicação Popular - Aula 6
 
Trabalho sobre a animação
Trabalho sobre a animaçãoTrabalho sobre a animação
Trabalho sobre a animação
 
Princípios básicos e clássicos de animação
Princípios básicos e clássicos de animaçãoPrincípios básicos e clássicos de animação
Princípios básicos e clássicos de animação
 
Mecanica corporal
Mecanica corporalMecanica corporal
Mecanica corporal
 
Tipos e formatos de imagens
Tipos e formatos de imagensTipos e formatos de imagens
Tipos e formatos de imagens
 

Similar a Resolução Imagem Photoshop Aula

Correção de cor em Photoshop
Correção de cor em PhotoshopCorreção de cor em Photoshop
Correção de cor em PhotoshopLeonardo Pereira
 
O Photoshop na Direção de Arte Publicitária
O Photoshop na Direção de Arte PublicitáriaO Photoshop na Direção de Arte Publicitária
O Photoshop na Direção de Arte PublicitáriaLeonardo Pereira
 
Técnica avançadas de recorte em Photoshop
Técnica avançadas de recorte em PhotoshopTécnica avançadas de recorte em Photoshop
Técnica avançadas de recorte em PhotoshopLeonardo Pereira
 
Correcção de cor em vídeo
Correcção de cor em vídeoCorrecção de cor em vídeo
Correcção de cor em vídeoLeonardo Pereira
 
Introdução à Projeção de cameras
Introdução à Projeção de camerasIntrodução à Projeção de cameras
Introdução à Projeção de camerasLeonardo Pereira
 
Introdução ao retoque de imagem
Introdução ao retoque de imagemIntrodução ao retoque de imagem
Introdução ao retoque de imagemLeonardo Pereira
 
Introdução à interatividade
Introdução à interatividadeIntrodução à interatividade
Introdução à interatividadeLeonardo Pereira
 
Bruno Cunha - Análise do artigo "ARSC - Augmented Reality Student Card"
Bruno Cunha - Análise do artigo "ARSC - Augmented Reality Student Card"Bruno Cunha - Análise do artigo "ARSC - Augmented Reality Student Card"
Bruno Cunha - Análise do artigo "ARSC - Augmented Reality Student Card"brunocunhapt
 

Similar a Resolução Imagem Photoshop Aula (10)

Correção de cor em Photoshop
Correção de cor em PhotoshopCorreção de cor em Photoshop
Correção de cor em Photoshop
 
O Photoshop na Direção de Arte Publicitária
O Photoshop na Direção de Arte PublicitáriaO Photoshop na Direção de Arte Publicitária
O Photoshop na Direção de Arte Publicitária
 
Técnica avançadas de recorte em Photoshop
Técnica avançadas de recorte em PhotoshopTécnica avançadas de recorte em Photoshop
Técnica avançadas de recorte em Photoshop
 
Correcção de cor em vídeo
Correcção de cor em vídeoCorrecção de cor em vídeo
Correcção de cor em vídeo
 
Introdução à Projeção de cameras
Introdução à Projeção de camerasIntrodução à Projeção de cameras
Introdução à Projeção de cameras
 
Introdução ao retoque de imagem
Introdução ao retoque de imagemIntrodução ao retoque de imagem
Introdução ao retoque de imagem
 
Introdução à interatividade
Introdução à interatividadeIntrodução à interatividade
Introdução à interatividade
 
Tutorial de retoque
Tutorial de retoqueTutorial de retoque
Tutorial de retoque
 
Bruno Cunha - Análise do artigo "ARSC - Augmented Reality Student Card"
Bruno Cunha - Análise do artigo "ARSC - Augmented Reality Student Card"Bruno Cunha - Análise do artigo "ARSC - Augmented Reality Student Card"
Bruno Cunha - Análise do artigo "ARSC - Augmented Reality Student Card"
 
Introdução ao Photoshop
Introdução ao PhotoshopIntrodução ao Photoshop
Introdução ao Photoshop
 

Más de Leonardo Pereira

Tutorial de criação de paralaxe numa imagem 2D
Tutorial de criação de paralaxe numa imagem 2DTutorial de criação de paralaxe numa imagem 2D
Tutorial de criação de paralaxe numa imagem 2DLeonardo Pereira
 
Tutorial de introducao as mascaras
Tutorial de introducao as mascarasTutorial de introducao as mascaras
Tutorial de introducao as mascarasLeonardo Pereira
 
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto português
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto portuguêsEstratégias de Produção de Motion Graphics para Mobile TV: O contexto português
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto portuguêsLeonardo Pereira
 
www.entaovadesign.com 2014
www.entaovadesign.com 2014www.entaovadesign.com 2014
www.entaovadesign.com 2014Leonardo Pereira
 
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...Leonardo Pereira
 
Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013
Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013
Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013Leonardo Pereira
 
Ludicidade vs usabilidade num website
Ludicidade vs usabilidade num websiteLudicidade vs usabilidade num website
Ludicidade vs usabilidade num websiteLeonardo Pereira
 
Adding paralax to a still picture - From 2D to 2.5D
Adding paralax to a still picture - From 2D to 2.5DAdding paralax to a still picture - From 2D to 2.5D
Adding paralax to a still picture - From 2D to 2.5DLeonardo Pereira
 
O Flash no mundo da Animação
O Flash no mundo da AnimaçãoO Flash no mundo da Animação
O Flash no mundo da AnimaçãoLeonardo Pereira
 
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 2012Leonardo Pereira
 
Introduction to Photoshop's workshop - Covilha October 2012
Introduction to Photoshop's workshop - Covilha October 2012Introduction to Photoshop's workshop - Covilha October 2012
Introduction to Photoshop's workshop - Covilha October 2012Leonardo Pereira
 
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3D
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3DTutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3D
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3DLeonardo Pereira
 
Apresentação relatório de progresso
Apresentação relatório de progressoApresentação relatório de progresso
Apresentação relatório de progressoLeonardo Pereira
 
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...Leonardo Pereira
 
After Effects Camera Tracker Plug in Tutorial
After Effects Camera Tracker Plug in TutorialAfter Effects Camera Tracker Plug in Tutorial
After Effects Camera Tracker Plug in TutorialLeonardo Pereira
 
Particles emission from a moving finger - Tutorial
Particles emission from a moving finger - TutorialParticles emission from a moving finger - Tutorial
Particles emission from a moving finger - TutorialLeonardo Pereira
 

Más de Leonardo Pereira (16)

Tutorial de criação de paralaxe numa imagem 2D
Tutorial de criação de paralaxe numa imagem 2DTutorial de criação de paralaxe numa imagem 2D
Tutorial de criação de paralaxe numa imagem 2D
 
Tutorial de introducao as mascaras
Tutorial de introducao as mascarasTutorial de introducao as mascaras
Tutorial de introducao as mascaras
 
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto português
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto portuguêsEstratégias de Produção de Motion Graphics para Mobile TV: O contexto português
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto português
 
www.entaovadesign.com 2014
www.entaovadesign.com 2014www.entaovadesign.com 2014
www.entaovadesign.com 2014
 
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...
 
Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013
Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013
Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013
 
Ludicidade vs usabilidade num website
Ludicidade vs usabilidade num websiteLudicidade vs usabilidade num website
Ludicidade vs usabilidade num website
 
Adding paralax to a still picture - From 2D to 2.5D
Adding paralax to a still picture - From 2D to 2.5DAdding paralax to a still picture - From 2D to 2.5D
Adding paralax to a still picture - From 2D to 2.5D
 
O Flash no mundo da Animação
O Flash no mundo da AnimaçãoO Flash no mundo da Animação
O Flash no mundo da Animação
 
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
 
Introduction to Photoshop's workshop - Covilha October 2012
Introduction to Photoshop's workshop - Covilha October 2012Introduction to Photoshop's workshop - Covilha October 2012
Introduction to Photoshop's workshop - Covilha October 2012
 
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3D
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3DTutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3D
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3D
 
Apresentação relatório de progresso
Apresentação relatório de progressoApresentação relatório de progresso
Apresentação relatório de progresso
 
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...
 
After Effects Camera Tracker Plug in Tutorial
After Effects Camera Tracker Plug in TutorialAfter Effects Camera Tracker Plug in Tutorial
After Effects Camera Tracker Plug in Tutorial
 
Particles emission from a moving finger - Tutorial
Particles emission from a moving finger - TutorialParticles emission from a moving finger - Tutorial
Particles emission from a moving finger - Tutorial
 

Resolução Imagem Photoshop Aula

  • 1. Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da Comunicação Professor Leonardo Pereira Ano Curricular - 2012 | 2013 COMUNICAÇÃO E MEIOS DIGITAIS Curso de Mestrado em Comunicação, Cidadania e Educação - 1º Ano | 1º Semestre Aula 02 1. INTRODUÇÃO À MECÂNICA DA IMAGEM ESTÁTICA Tipos de imagem Modos e sistemas cromáticos de imagem Resolução de imagem Formatos de ficheiros de imagem
  • 2. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação 01 Tipos de imagem leonardpeartree@gmail.com
  • 3. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Tipos Interessa compreender que existem dois grandes tipos de imagem estática, muito de imagem embora só nos iremos debruçar sobre uma: A imagem bitmap e a imagem vetorial, como ilustrado em baixo. 1. Imagem bitmap 2. Imagem vetorial leonardpeartree@gmail.com
  • 4. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação A imagem bitmap Unidade básica do bitmap - o Píxel Uma imagem bitmap é constituída por pequenos pontos ou unidades de cor aos quais tipicamente se dá o nome de píxeis dispostos numa grelha, como exemplificado nestas imagens. leonardpeartree@gmail.com
  • 5. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação A imagem vectorial Unidade básica da imagem vectorial - O Vector Uma imagem vetorial é uma imagem constituída por uma série de formas, por sua vez constituídas por pontos aos quais se dá, tipicamente, o nome de vetores. leonardpeartree@gmail.com
  • 6. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Tipos O bitmap é usado mais em imagem fotográfica e real: de imagem leonardpeartree@gmail.com
  • 7. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Tipos O vetor é mais usado em grafismo e em ilustração, embora o vetor possa ser de imagem transformado em bitmap. leonardpeartree@gmail.com
  • 8. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Tipos Mas nós só vamos aprender a usar e a manipular imagens bitmap. de imagem Como? Com o Photoshop que é o editor de imagens bitmap por excelência. leonardpeartree@gmail.com
  • 9. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação 02 Modos e sistemas cromáticos de imagem leonardpeartree@gmail.com
  • 10. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Modos O que é que é um modo cromático de imagem? cromáticos É a forma como uma imagem é formada pela combinação de diferentes cores de base de imagem subjacentes a cada sistema. No Photoshop, o que interessa reter, para vossa aprendizagem, nesta fase, são 2: 1. RGB 2. CMYK leonardpeartree@gmail.com
  • 11. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Modos RGB cromáticos Uma imagem em modo RGB é uma imagem cujas cores resultam da combinação de 3 canais de cores: RED | Green | Blue de imagem No Photoshop, ligando-se e desligando-se no painel dos “channels” cada um dos canais da imagem, esta é a aparência com que as imagens ficam: Todos canais ativos Só canal blue ativo Só canal green ativo Só canal red ativo leonardpeartree@gmail.com
  • 12. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Modos CMYK cromáticos Uma imagem em modo CMYK é uma imagem cujas cores resultam da combinação de 4 canais de cores: CYAN | MAGENTA | YELLOW | BLACK de imagem No Photoshop, ligando-se e desligando-se no painel dos “channels” cada um dos canais da imagem esta é a aparência com que as imagens ficam: Só Cyan Só Magenta Só Yellow Só Black leonardpeartree@gmail.com
  • 13. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Modos Como converter as imagens de um modo cromático para outro? cromáticos A conversão de uma imagem de um modo cromático para outro é muito fácil. de imagem No Photoshop, com a imagem aberta, basta fazer o seguinte, como mostra a imagem: 1- Ir ao menú “Image” 2- Escolher Mode 3- Escolher um dos modos (RGB, CMYK ou Grayscale) 1 2 3 leonardpeartree@gmail.com
  • 14. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Modos E porque é que há vários modos cromáticos ou sistemas de cor? cromáticos Porque cada suporte ou Media tem um modo cromático de formação da imagem diferente. de imagem Tudo o que é suporte digital de exibição A maioria das imagens bitmap que são de imagens usa o modo RGB: impressas usam o modo CMYK: Televisores, Ecrãs de PC, Ecrãs de Revistas, Jornais, Cartazes, Embalagens, telemóvel, Ecrãs de Tablets, etc... etc... leonardpeartree@gmail.com
  • 15. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação 03 Resolução de imagem leonardpeartree@gmail.com
  • 16. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Resolução O que é a resolução de uma imagem? de imagem Dito de uma forma simplista a resolução é o grau de detalhe de que uma imagem dispõe para descrever formal e visualmente um objeto. É a qualidade com que um objeto e seus detalhes são visualmente descritos numa imagem. Imagem em Alta resolução Imagem em Baixa resolução Tamanho: 16,5 cm x 21,9 cm Tamanho: 16,5 cm x 21,9 cm Resolução: 300 ppis Resolução: 30 ppis PPIS = Pixels per Inch. leonardpeartree@gmail.com
  • 17. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Resolução E temos de usar sempre alta resolução em todos os suportes? de imagem Suporte Impresso (papel) Se estamos a falar de imagens a serem impressas em papel temos de usar imagens em alta resolução, ou seja, 300 ppis. Porquê? Porque senão as imagens ficam sem definição e com o píxel visível. Suporte ecrã digital e Web Se estamos a falar de imagens a serem exibidas na web, só precisamos de imagens a 72 ppis. Porquê? 1. Porque a maioria dos ecrãs de computador ainda não exibem imagem numa resolução superior a 72 ppis; 2. Porque na web os dados têm de ser descarregados de um servidor para o nosso computador. Se uma imagem tiver alta resolução vai ser mais pesada. E se for mais pesada demora mais tempo a descarregar. leonardpeartree@gmail.com
  • 18. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação 04 Formatos de ficheiros de imagem leonardpeartree@gmail.com
  • 19. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Formatos de Tipos de formato de ficheiro de imagem bitmap ficheiros de Há vários tipos de formatos de ficheiro de imagem. Mas estes podem-se dividir em dois imagem grandes grupos e são escolhidos no momento em que gravamos um ficheiro: Sem compressão de dados Com compressão de dados • Tiff • Jpeg • Eps • Png • Psd ou Psp • Gif • BMP leonardpeartree@gmail.com
  • 20. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Formatos de E quais são os formats que nos vão interessar usar no Photoshop? ficheiros de • O Tiff imagem - formato sem compressão; - alto peso de ficheiro quando em alta resolução; - ideal para guardar imagens em alta qualidade; - suporta ficheiros multilayers; - apesar de suportar layers no Photoshop (camadas de imagens) é mais utilizado nas artes finais de materiais e imagens a serem impressos em alta qualidade. • O PSD - formato sem compressão; - suporta ficheiros multilayers; - alto peso de ficheiro quando em alta resolução e ainda maior quando em layers; - serve essencialmente para guardar um ficheiro com as layers que foram necessárias à construção de uma imagem. • Jpeg - equivalente ao Tiff mas com compressão; - baixo peso de ficheiro quando em alta resolução; - embora seja ideal para a web (pela alta compressão de dados que suporta sem grandes perdas); - pode ser também utilizado em imagens impressas com qualidade desde que com pouca compressão; - não suporta ficheiros multilayers. leonardpeartree@gmail.com
  • 21. Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Formatos de Mas o que é a compressão? ficheiros de imagem A compressão de imagem consiste num conjunto de operações informáticas que re- movem informação redundante existente numa imagem por forma a tornar essa mesma imagem mais leve. Naturalmente que, independentemente do formato de ficheiro usado, quanto maior for o índice de compressão aplicada a uma imagem, menor será a qualidade de definição da mesma imagem. Vamos ver no photoshop as diferenças de peso e qualidade em função da compressão aplicada a uma imagem, neste caso, no formato jpeg. leonardpeartree@gmail.com