SlideShare una empresa de Scribd logo
1 de 56
Professor Leonardo Pereira
 Ano Curricular - 2012 | 2013   WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                Curso de Design Industrial - 2º Ano | 1º Semestre




                                SUMÁRIO

                                1. CONTEXTOS DE APLICAÇÃO DO PHOTOSHOP
                                2. APLICAÇÕES DO PHOTOSHOP
                                3. MECÂNICA DE UMA IMAGEM
                                4. INTRODUÇÃO AO PHOTOSHOP
                                5. BIBLIOGRAFIA E WEBLIOGRAFIA (TUTORIAIS)
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                  Professor Leonardo Pereira




01
CONTEXTOS DE APLICAÇÃO DO PHOTOSHOP EM PRINT



1. Publicidade - Direção de Arte/Art Direction
2. Design Gráfico




                                                                leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                Professor Leonardo Pereira




  Contextos     	   PUBLICIDADE - DIREÇÃO DE ARTE
de Aplicação
                	   A Publicidade, na sua componente de
     em Print   	   Direção de Arte, é um dos principais
     (suporte   	   contextos de aplicação do Photoshop.
   impresso)
                	   Esta é uma atividade criativa onde o
                	   Director de Arte é o responsável, numa 		
                	   campanha, por conceber e produzir o
                	   layout gráfico e imagético de uma
                	   campanha, nos diversos suportes em que 	
                	   a mesma se divide.

                	   Vejamos exemplos!




                                              leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                 Professor Leonardo Pereira




  Contextos
de Aplicação
     em Print
     (suporte
   impresso)




                               leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                 Professor Leonardo Pereira




  Contextos     	   O DESIGN GRÁFICO
de Aplicação
                	   O Design Gráfico é outros dos grandes
     em Print   	   contextos de utilização do Photoshop.
     (suporte
   impresso)    	   Embora aqui o Photoshop não seja a
                	   ferramenta de trabalho exclusiva e de a 		
                	   imagem bitmap não ser necessariamente a 	
                	   mais utilizada, não deixa de ser necessário 	
                	   o tratamento, o recorte de imagens e até 	
                	   mesmo de grafismo, na sua cor
                	   e configuração, para utilização em
                	   packaging, brochuras, cartazes, livros,
                	   entre outros suportes típicos deste ramo
                	   de atividade.

                	   Vamos ver alguns exemplos!




                                               leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                       Professor Leonardo Pereira




  Contextos     	   O DESIGN GRÁFICO
de Aplicação    	   PACKAGING - EMBALAGEM
     em Print   	   Temos imensos exemplos no 		
     (suporte   	   packaging onde a utilização de
   impresso)    	   imagem é muito importante e o 		
                	   seu correto tratamento cromático
                	   é vital.




                                     leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                         Professor Leonardo Pereira




  Contextos     O DESIGN GRÁFICO
de Aplicação    PACKAGING - EMBALAGEM
     em Print
     (suporte
   impresso)




                                                       leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                           Professor Leonardo Pereira




  Contextos     	 O DESIGN GRÁFICO
de Aplicação    	CARTAZES
     em Print   	 É muito habitual o uso de imagem 	
     (suporte   	 em cartazes porque há efeitos
   impresso)    	 gráficos, como a mistura de imagem 	
                	 real com grafismo, que só se
                	 conseguem obter com recurso ao 	
                	Photoshop.

                	                     Vejamos mais exemplos!




                                                         leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                    Professor Leonardo Pereira




  Contextos     O DESIGN GRÁFICO
de Aplicação    CARTAZES
     em Print
     (suporte
   impresso)




                                                  leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                    Professor Leonardo Pereira




  Contextos     O DESIGN GRÁFICO
de Aplicação    BROCHURAS
     em Print
     (suporte
   impresso)




                                                  leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                    Professor Leonardo Pereira




  Contextos     O DESIGN GRÁFICO
de Aplicação    BROCHURAS
     em Print
     (suporte
   impresso)




                                                  leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                               Professor Leonardo Pereira




  Contextos     O DESIGN GRÁFICO
de Aplicação    LAYOUT DE LIVROS E REVISTAS
     em Print
     (suporte
   impresso)




                                                             leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                    Professor Leonardo Pereira




  Contextos     O DESIGN GRÁFICO
de Aplicação    CAPAS DE LIVROS
     em Print
     (suporte
   impresso)




                                                  leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                     Professor Leonardo Pereira




  Contextos     O DESIGN GRÁFICO
de Aplicação    CAPAS DE REVISTAS
     em Print
     (suporte
   impresso)




                                                   leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                   Professor Leonardo Pereira




03
APLICAÇÕES E OPERAÇÕES DO PHOTOSHOP



Recorte de imagem
Correcção de cor
Foto montagem por fusão e sobreposição de layers
Retoque - Retouching
Entrelaçamento e interação de elementos gráficos com imagem real




                                                                 leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                       Professor Leonardo Pereira




   Aplicações   RECORTE DE IMAGEM
 e operações    Uma das principais aplicações e operações que o Photoshop permite são as operações
                de recorte de imagem, onde se utilizam ferramentas como as seleções, máscaras de
do Photoshop    layers, a Eraser Tool e a Brush Tool, quando se recortam as imagens usando-se más-
                caras aplicadas a layers.


                Imagem original                           Imagem recortada s/fundo




                                                                                     leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                          Professor Leonardo Pereira




   Aplicações    CORREÇÃO DE COR
 e operações     Outra das principais operações de edição de uma imagem com o Photoshop é a
                 correção de cor. A Correcção de cor implica o uso combinado de ferramentas de recorte,
do Photoshop     de seleção, de linkagens entre layers e a utilização de layers de ajuste como são o
                 Bightness contrast, Levels, Curves, Selective color, etc...
Aplicação da imagem            Imagem sem correção                 Imagem com correção




                              Efeitos de                             Efeitos de
                               correção                               correção
                                  de cor                                 de cor
                            desativados                               ativados

                                                                                        leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                         Professor Leonardo Pereira




   Aplicações   RETOQUE - RETOUCHING
                O retoque é também uma das aplicações mais importantes e criativamente
 e operações    poderosas do Photoshop. O retoque permite corrigir erros anatómicos, eliminar sujida-
do Photoshop    des e texturas indesejáveis e produzir alterações numa imagem por forma a torná-la o
                mais perfeita e limpa possível. Implica o uso de todas as ferramentas e operações men-
                cionadas nos slides anteriores e de ferramentas como o Clone Stamp tool, a Dodge tool,
                entre outras.




                                                                                       leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                              Professor Leonardo Pereira




   Aplicações   RETOQUE - RETOUCHING
                Um bom exemplo do poder do retoque é o vídeo “DOVE EVOLUTION“
 e operações
do Photoshop




                http://www.youtube.com/watch?v=5XF66Ku4a9U



                TUTORIAIS PARA VEREM EM CASA DE RETOQUE
                http://www.youtube.com/watch?v=hirRY6XZw2w
                http://www.youtube.com/watch?v=dRiqdDFpmoI
                http://www.youtube.com/watch?v=4qqD5K5_wJY&feature=related




                                                                                            leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                       Professor Leonardo Pereira




   Aplicações   FOTOMONTAGEM POR FUSÃO E SOBREPOSIÇÃO DE LAYERS
                A fotomontagem de imagens é muito útil, principalmente na Publicidade onde é muitas
 e operações    vezes necessário produzir imagens que representam seres e situações que não existem
do Photoshop    no mundo real. Implicam a utilização combinada das operações dos slides anteriores,
                entre outros recursos de edição de imagem mais sofisticados como o Clone Stamp.




                BOMS EXEMPLOS A VER:
                http://www.filtrestudio.com/main.html
                http://cistudios.com.au/category/retouch#cgi



                                                                                     leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                      Professor Leonardo Pereira




   Aplicações ENTRELAÇAMENTO E INTERAÇÃO DE GRAFISMO COM IMAGEM REAL
 e operações Há situaçõesumaque os Designers e os Diretores de Arte procuramforma a parecer que
              elemento de
                          em
                               imagem é composto com elementos gráficos por
                                                                             soluções em que um
do Photoshop estes estão a interagir espacialmente e pertencem ao mesmo mundo físico, como se vê
                  nos seguintes exemplos.




                                                                                    leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                 Professor Leonardo Pereira




03
MECÂNICA DE UMA IMAGEM BITMAP




                                               leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                      Professor Leonardo Pereira




   Unidade    O PÍXEL
  básica de
uma imagem
     bitmap




              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
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                        Professor Leonardo Pereira




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

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


                1. RGB	                       2. CMYK	




                                                                                      leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                           Professor Leonardo Pereira




       Modos    RGB
                Uma imagem em modo RGB é uma imagem cujas cores resultam da combinação de 3
cromáticos de   canais de cores: RED | Green | Blue
 uma 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
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                         Professor Leonardo Pereira




       Modos    CMYK
                Uma imagem em modo CMYK é uma imagem cujas cores resultam da combinação de 4
cromáticos de   canais de cores: CYAN | MAGENTA | YELLOW | BLACK
 uma 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
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                       Professor Leonardo Pereira




       Modos    Como converter as imagens de um modo cromático para outro?
                A conversão de uma imagem de um modo cromático para outro é muito fácil.
cromáticos de
 uma 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
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                       Professor Leonardo Pereira




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

                Tudo o que é suporte digital de exibição   A maioria das imagens 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
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                   Professor Leonardo Pereira




Resolução   O que é a resolução de uma imagem?
            Dito de uma forma simplista a resolução é o grau de detalhe de que uma imagem
   de uma   dispõe para descrever formal e visualmente um objeto. É a qualidade com que um
  imagem    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
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                    Professor Leonardo Pereira




Resolução   E temos de usar sempre alta resolução em todos os suportes?
   de uma
  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
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                         Professor Leonardo Pereira




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
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                         Professor Leonardo Pereira




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
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                     Professor Leonardo Pereira




Compressão   Mas o que é a compressão?
  de dados




             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 da 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
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                           Professor Leonardo Pereira




04
INTRODUÇÃO AO PHOTOSHOP




                                         leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                     Professor Leonardo Pereira




Introdução ao   A interface do Photoshop é essencialmente constituído pelas seguintes partes:
                1. Barra do menu
   Photoshop    2. Caixa de ferramentas (Toolbox)
                3. A Dock de paletas ou painéis
                4. As paletas ou painéis          1
                5. A janela do projeto
                6. A barra de opções                                              3


                6

                                                                                                          4



                2
                                                                                                          4




                                                                                                         4




                                                                                   leonardpeartree@gmail.com
                                              5
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                               Professor Leonardo Pereira




Introdução ao   Painel ou barra de ferramentas
   Photoshop    A barra de ferramentas é onde se encontram as principais ferramentas básicas
                disponíveis no Photoshop para operar a edição de uma imagem.

                Tendo em conta os nossos objetivos as que nos interessam reter são
                as seguintes:


                	       1. Move Tool                   	       8. Hand tool
                	

                	       2. Marque tool                 	       9. Brush Tool


                	       3. Lasso tool                  	       10. Zoom Tool


                	       4. Clone Stamp tool            	       11. Set Foreground color
                                                       	       (quadrado de cima)

                	       5. Eraser tool                 	       12. Set Background color
                                                       	       (quadrado de baixo)

                	       6. Paint Bucket tool           	       13. Eyedropper Tool


                	       7. Type tool                   Vamos ao photoshop ver para serve
                                                       cada uma!
                                                                              leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                                     Professor Leonardo Pereira




Introdução ao            Criar um Ficheiro
                         Para se criar um ficheiro novo no Photoshop é necessário fazer-se o seguinte:
   Photoshop                                                                                                          4
                                                                                                           3
                                                         2
                    1

                                                                 3
Dica:
Para se aceder à
                                                             3
criação de um fichero
novo pode-se utilizar                                3
o atalho de teclado
seguinte sem ser
necessário recorrer-se
ao menu “File“:
                         	                                   1. File
Mac:                     	                                   2. New
tecla cmd + N            	                                   3. Definir settings do ficheiro*
                         	                                   4. Carregar no ok
PC:
tecla control + N
                         	                                   As Settings a definir são as seguintes:			
Isto abre diretamente    	                                   • O nome do ficheiro
a janela “New“.          	                                   • Tamanho do ficheiro
                         	                                   • A resolução
                         	                                   • O sistema de cor a ser utilizado
                         	                                   • E até a cor do fundo ou Background
                                                                                                   leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                          Professor Leonardo Pereira




Introdução ao   Customizar e alterar o tamanho e resolução de um ficheiro
                Para se alterar o tamanho e resolução a um ficheiro basta fazer-se o seguinte:
   Photoshop
                	                                  1. Image
                	                                  2. Image size
                	                                  3. Mudar setting (resolução e tamanho)
          1     	                                  4. OK
                                                                                             4

                                        2
                	
                	



                                                                                             3




                                                                                        leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                           Professor Leonardo Pereira




Introdução ao   Customizar e alterar o modo ou sistema de cor de um ficheiro
                Para se alterar o modo de cor de um ficheiro basta fazer-se o seguinte:
   Photoshop
                                      2


          1

                                                     3


                	 1.	Image
                	 2. 	Mode
                	 3.	 Escolher o modo específico pretendido
                		 para o ficheiro:
                		    - CMYK
                		 - RGB
                		 - Grayscale
                		 - etc



                	
                	



                                                                                          leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                     Professor Leonardo Pereira




Introdução ao   A layer e o Painel das Layers (Layer panel)
                O painel das layers é onde estão exibidas e se podem criar a layer ou layers que
   Photoshop    compõem um ficheiro/imagem. Uma layer é uma camada que no painel das layers pode
                ser empilhada com outras como se fossem acetatos, por forma a criar uma imagem
                composta por partes de várias imagens. Cada parte da imagem pode ser uma layer.




                                                                                   leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                                            Professor Leonardo Pereira




Introdução ao   Ao criar um ficheiro...                                  Mas podemos adicionar mais layers
                Por defeito, quando abrimos um novo                      Podemos criar mais layers e trabalhar
   Photoshop    documento no photoshop, este abre com                    individualmente em cada layer tendo essa
                apenas uma layer como na imagem em                       que estar devidamente selecionada neste
                baixo.                                                   painel como demonstrado em baixo.


                                                                7                                          5


                                                 3              6                                         4




                                                 2

                                    1                                                     3

                1. Cria uma nova layer | 2. Apaga a layer selecionada | 3. Com várias layers selecionadas ao clicar neste ícone
                é criada uma pasta com as layer selecionadas | 5. Layer que surge por defeito | 4. layer criada quando se clica
                no botão de criação de layer (1) | 5. Controla o nível de transparência de uma layer | 6. Ícone que liga e des-
                liga a visibilidade de uma layer | 7. Atribui modos de interação cromática entre layers a uma layer | 8. Permite
                aplicar efeitos a uma layer como uma sombra (drop Shadow) ou brilhos (Outer Glow)
                                                                                                          leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                                  Professor Leonardo Pereira




    Introdução ao   Merge layers selecionadas...                     Flatten layers
       Photoshop    Quando temos muitas layers no painel das         Quando temos mais do que uma layer, no
     2              layers podemos fundir layers selecionadas        painel das layers, podemos também con-
                    em apenas uma.                                   verter todas as layers em apenas uma.

5                   Para tal temos de fazer o seguinte:              Para tal temos de fazer o seguinte:
                    1. Selecionar no painel das layers as layers 	   5. Na barra de menu ir a “Layer“
                    	 que queremos fundir.                           6. Dentro de “Layer” escolher
                    2. Na barra de menu ir a “Layer“                 	 “Flatten Image“
                    3. Dentro de “Layer” escolher “
                    	 Merge layers“




                                             1




3
                                                                                                leonardpeartree@gmail.com
            6
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                           Professor Leonardo Pereira




Introdução ao   Blending modes entre layers
   Photoshop    Os Blending Modes são propriedades que se aplicam a layers individuais por forma a
                criar interações cromáticas entre os píxeis de diferentes layers. São vários e dão origem
                a efeitos visuais diferentes.

                Por exemplo: Considerem-se duas layers de cor e que a que fica por cima tem os
                seguintes Blending Modes. Os resultados visuais são os seguintes:




                  Normal (sem B.             Multiply               Screen                  Overlay
                      Mode)




                                                                                         leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                         Professor Leonardo Pereira




Introdução ao   Aplicação de Máscaras a layers
   Photoshop    As máscaras são um recurso que permite criar numa layer zonas de transparência,
                independentemente de esta conter, ou não, nessas zonas, píxeis de cor.
                Este é um recurso muito útil que em conjunto com as seleções e com a Brush tool,
                permitem aplicar operações de recorte não destrutivas, o seja, em que o que é suposta-
                mente apagado não o é. É antes escondido.
      1
                	     Como aplicar uma máscara?
                	     1. Ativar a ferramenta Marque Tool
                	     2. Desenhar uma seleção na imagem
                	     3. Com a layer a mascarar
                		 selecionada, clicar no ícone
                		 indicado na figura com nº 3
                  2
                	     4.	A Máscara é criada e a layer que a
                		 recebe exibe apenas os píxeis que
                		 se encontram dentro da área
                		 delimitada pela máscara
                	     5.	A layer em si, no painel das layers
                		 exibe a aplicação da máscara
                    4



                                                                          5
                  3


                                                                                       leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                      Professor Leonardo Pereira




Introdução ao   Aplicação de Máscaras a layers
                Mas uma máscara pode, depois de criada, ser editada com o uso combinado da brush
   Photoshop    tool e das seleções.

                	 Antes de mais é preciso compreender que, 	
                	 se queremos editar uma máscara, temos 	
                	 primeiro que selecionar a máscara da layer 	
                	(2) e não os píxeis da layer (1).

                	 1   2     Como editar, então, uma máscara?
                	           3. Na barra de ferramentas, colocar o
                		 foreground a preto (o quadrado de cima)
                	           4.	Selecionar a brush tool
                	           5.	Na layer garantir que é a máscara que
                		 está selecionada e não a imagem
                          4
                	           6. Com a brush tool pintar na imagem os 	
                        3
                		 olhos de Obama por forma a esconder
                		 os mesmos
                	           7.	Repare-se que na máscara da layer
                		 esta também exibe a máscara mas com
                    6
                		 valores de preto e branco.

                	     Nota: para se voltar a repor os olhos de 		
                	     Obama basta no passo 3 colocar o
                	     foreground a branco e com a brush tool
                	     pintar novamente a presença dos olhos na
                	imagem.
                	 5 7
                                                                                    leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                           Professor Leonardo Pereira




    Introdução ao   Linkar layers
                    A linkagem de layers é uma operação que consiste em mascarar os píxeis de uma layer
       Photoshop    em função da área ocupada por píxeis na layer imediatamente abaixo da primeira.

                    	            Como linkar, então, uma layer a outra?
                    	            1. Precisamos de ter duas layers:
               2
                    		 Uma para a ser mascarada e outra para
                          1
                    		 mascarar a primeira;
                    	          3 2.	 A primeira layer (a ser mascarada) tem 	
3                   		 de conter uma imagem;
                    	       6    3. Na segunda (a que fica por baixo), 		
                        5
           4        		 desligando-se a visibilidade da primeira,
                    		 desenha-se, com a marque tool e com a
                    		 brush tool, um retângulo mal pintado;
                    	            4.	 Liga-se novamente a visibilidade da
                    		 primeira layer. Coloca-se o cursor na 		
                    		 linha divisória entre as duas layers, ao 	
                    		 mesmo tempo que se pressiona no 		
                    		 teclado a tecla ALT;
                    	            5. Surge entre as duas layers um novo 		
                    		 ícone (ícone de linkagem);
                    	            6. Com o ícone visível (cursor entre as 		
                    		 duas layers e com tecla ALT premida)
       3            		 clicar com o rato para linkar as layers;
                      4      7
                    	            7.	 As duas layers ficam linkadas e isso é 	
                    		 visível, quer na imagem quer nas layers.

                                                                                         leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                                          Professor Leonardo Pereira




Introdução ao   Tipos de layers
   Photoshop    1. Layers Bitmap                     2. Layers de Texto                    3. Layers de Ajuste



                Estas são as mais comuns e as        Estas layers, embora compostas        As layers de ajuste são layers que
                que são, essencialmente              por píxeis, são editadas utilizando   permitem ajustar as cores das lay-
                compostas pelos píxeis que           a Text Tool ou fazendo-se um duplo    ers situadas imediatamente abaixo
                compõem uma imagem.                  clique sobre esta layer (no painel)   das mesmas.
                                                     para alterar o texto.
                São editadas com as ferramentas                                            Como exemplos de layers de
                já referidas de seleção e pintura.   Estas podem, ainda, ser aumenta-      ajuste temos, o Hue/Saturation,
                                                     das sem que se perca qualidade        o Brightness/Contrast, Levels,
                                                     de imagem.                            Curves, Selective color, etc.




                A todos estes tipos de layer é possível aplicar Blending modes, Máscaras e criar
                Linkagens com outras layers. Aliás as layers de ajuste, quando criadas, são criadas
                automaticamente com uma máscara, ainda que vazia.




                	
                	


                                                                                                        leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                           Professor Leonardo Pereira




Introdução ao   Criar Layers de ajuste                        Editar Layers de ajuste
                1. Para se criarem layers de ajuste basta     Para se editar uma layer de ajuste e a
   Photoshop    que se clique no ícone      situado no ex-    forma como ela afeta as layers que estão
                tremo inferior do painel das layers.          por baixo da mesma, implica manipular as
                                                              variáveis que o painel “Adjustments“ exibe
                2. Depois é escolher um dos tipos de layer    em relação a cada tipo de layer de ajuste
                de ajuste disponível.

                3. Para apagar uma layer de ajuste basta                                          Layer
                que esta esteja selecionada e se clique, ou                                       Bightness/
                no ícone     , ou então clicando-se direta-                                       Contrast
                mente no Delete.                                                                  +
                                                                                                  Variáveis de
                                                                                                  ajuste



                	
                                                                                                  Layer
                	                                                                                 Hue/
                                                                                                  Saturation
                                                                                                  +
                    2                                                                             Variáveis de
                                                                                                  ajuste




                                                                                         leonardpeartree@gmail.com
                            1        3
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                          Professor Leonardo Pereira




Introdução ao   Operações de transformação formal de Layers
                Às layers podem ser aplicadas operações de transformação e/ou distorção formal:
   Photoshop    Estas operações estão disponíveis no “Edit“ (1) >> “Transform“ (2) e permitem fazer o
                seguinte:

          1                                                              3                                        4




                                                                         5                                        6




          2
                                              3                          7                                        8
                               8
                                              5
                                4
                                              6

                               3

                                                                                        leonardpeartree@gmail.com
                                7
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                          Professor Leonardo Pereira




Introdução ao   O que é uma seleção?
                Uma seleção é a delimitação de uma área nos píxeis de uma layer ou numa imagem
   Photoshop    para editar, apenas e somente, a área e os píxeis contidos dentro da referida seleção.
                Também serve para mover aposição do que se encontra selecionado.

                Mas para tal, depois de desenhada uma seleção é necessário ativar a           Move Tool
                para mover a seleção.




                Ferramentas de seleção
                O Photoshop



                                                                                        leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                        Professor Leonardo Pereira




Introdução ao   Ferramentas de seleção - na barra de ferramentas
                O Photoshop disponibiliza na sua barra de ferramentas uma série de ferramentas de
   Photoshop    seleção:

                1. As Marquee Tools	                       2. As Lasso Tools




                As Marquee Tools são ferramentas de        As Lasso Tools são ferramentas de seleção
                seleção baseadas em formas retangulares    baseadas em formas irregulares e assen-
                e circulares:                              tes, ou na gestualidade da mão (Lasso), ou
                                                           na marcação de vértices (Polygonal).


                	
                                                           	
                	
                                                           	


                                                                                      leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                               Professor Leonardo Pereira




    Introdução ao   Ferramentas de seleção - seleção por gama de cor ou cores
                    O Photoshop tem uma ferramenta na barra de menu muito útil quando numa imagem em
       Photoshop    que um objeto ou elemento se destacam bem do fundo.

1                   Essa ferramenta é o Color Range:
                    1. 	Select
                    2. 	Color Range
                    3. 	Picar a cor da zona com o Eyedropper
                    4. 	Definir a tolerância da cor (será variável de imagem para imagem) até na janela do 		
                    	 color range termos uma imagem em que o céu é branco e o resto é preto.
2                   5. 	Ok

                    6. 	E, neste caso estamos selecionar o céu, ficamos com um céu selecionado de uma 		
                    	 forma quase perfeita.
                                                                  5

                                                4         4
        3                                                                                     6




                                     4
                                                              3




                                                                                             leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                         Professor Leonardo Pereira




Introdução ao   Ferramentas de seleção - seleção a partir de layers
                Uma forma curiosa de criar uma seleção é a partir do conteúdo de uma layer.
   Photoshop    Quando uma layer está apenas parcialmente ocupada por píxeis é possível selecionar,
                nessa layer, o espaço ou áreas que tem informação ou píxeis de cor.

                1. Colocar o cursor, no painel das layers, por cima do pequeno thumbnail presente na
                layer que a contém, enquanto se pressiona a tecla cmd (mac) ou control (PC).

                2. Quando surgir o ícone de seleção clicar em cima do thumbnail.

                3. E a imagem surge com uma seleção em torno dos píxeis daquela layer.


                                                                                              3

                                    1          2




                                                                             3         leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                         Professor Leonardo Pereira




Introdução ao   Transform Selection
                Uma seleção pode sofrer operações de transformação, sem afetar a informação ou
   Photoshop    áreas que se encontra a delimitar numa imagem ou numa layer. Para tal é necessário
                fazer o seguinte:
                1. Criar uma seleção;
                2. Na barra de menu ir a Select;
                3. Dentro de select escolher Transform Selection (na imagem a seleção surge com os 		
                	 controlos de transformação);
                4. Carregar com o bot do lado direito do rato por cima da imagem - surge a caixa de
                	 escolha do tipo de transformação a aplicar;
                5. Escolher o tipo de transformação a aplicar;
                6. Aplicar a transformação.
                              2


      1               4


                                                                  6
          5
                                  3


                                                                                                        6



                                                                                       leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                                Professor Leonardo Pereira




 Introdução ao     Modify
                   O comando Modify, que se encontra em “Select“ (1) >> “Modify“ (2), permite aplicar a
  1 Photoshop      uma seleção alterações como as seguintes:

                   Border                 Expand                 Contract                 Feather
                   A partir de uma se-    A partir de uma se-    A partir de uma se-      Este comando
                   leção este coman-      leção este comando     leção este comando       suaviza o limite de
                   do cria um border      expande a seleção      contrai a seleção        uma seleção.
                   com um número de       num número de          num número de
                   píxeis por nós indi-   píxeis por nós indi-   píxeis por nós
            2      cado.                  cado.                  indicado.




Seleção original   Seleção com Border     Seleção com Expand     Seleção com Contract     Seleção com Feather




                                                                                              leonardpeartree@gmail.com
WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP
                                                                                       Professor Leonardo Pereira




05
BIBLIOGRAFIA E WEBLIOGRAFIA (TUTORIAIS)




Bibliografia
• 	Adobe Press Books (2010)
	 Adobe Photoshop CS5: Classroom in a Book; Berkeley, Peachpit - Pearson Education
• 	Kelby, S., (2011)
	 The Adobe Photoshop book for digital photographers; Berkeley, New Riders

Webliografia (Tutoriais)
http://photoshoptutorials.ws/
http://www.smashingmagazine.com/2008/12/07/50-excellent-digital-photography-photoshop-tutorials/
http://photoshop-tutorials.deviantart.com/
http://www.photoshopessentials.com/




                                                                                     leonardpeartree@gmail.com

Más contenido relacionado

Destacado

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
 
Introdução à Projeção de cameras
Introdução à Projeção de camerasIntrodução à Projeção de cameras
Introdução à Projeção de camerasLeonardo Pereira
 
Photoshop CS6 - Efeito Flores de outono
Photoshop CS6 - Efeito Flores de outonoPhotoshop CS6 - Efeito Flores de outono
Photoshop CS6 - Efeito Flores de outonoMilena Capraro
 
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
 
Introdução ao retoque de imagem
Introdução ao retoque de imagemIntrodução ao retoque de imagem
Introdução ao retoque de imagemLeonardo Pereira
 
Inkscape For Art & Science
Inkscape For Art & ScienceInkscape For Art & Science
Inkscape For Art & ScienceMichele Tobias
 
Gimp Vs Photoshop
Gimp Vs PhotoshopGimp Vs Photoshop
Gimp Vs Photoshoplagrange
 
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
 
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
 
Estado da arte do parque de terminais móveis em PT_2010
Estado da arte do parque de terminais móveis em PT_2010 Estado da arte do parque de terminais móveis em PT_2010
Estado da arte do parque de terminais móveis em PT_2010 Leonardo Pereira
 
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...Leonardo Pereira
 
Tutorial AE vs Mocha using four point tracking
Tutorial AE vs Mocha using four point trackingTutorial AE vs Mocha using four point tracking
Tutorial AE vs Mocha using four point trackingLeonardo Pereira
 
Correção de cor em Photoshop
Correção de cor em PhotoshopCorreção de cor em Photoshop
Correção de cor em PhotoshopLeonardo Pereira
 
Adobe illustrator vs inkscape
Adobe illustrator vs inkscapeAdobe illustrator vs inkscape
Adobe illustrator vs inkscapedisseny2d1
 
Inkscape, nociones básicas
Inkscape, nociones básicasInkscape, nociones básicas
Inkscape, nociones básicasDavid Pineda
 
DESIGN PARA FACEBOOK
DESIGN PARA FACEBOOKDESIGN PARA FACEBOOK
DESIGN PARA FACEBOOKRenato Melo
 
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
 

Destacado (20)

Tutorial de retoque
Tutorial de retoqueTutorial de retoque
Tutorial de retoque
 
Introdução ao Photoshop
Introdução ao PhotoshopIntrodução ao Photoshop
Introdução ao Photoshop
 
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
 
Introdução à Projeção de cameras
Introdução à Projeção de camerasIntrodução à Projeção de cameras
Introdução à Projeção de cameras
 
Photoshop CS6 - Efeito Flores de outono
Photoshop CS6 - Efeito Flores de outonoPhotoshop CS6 - Efeito Flores de outono
Photoshop CS6 - Efeito Flores de outono
 
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
 
Introdução ao retoque de imagem
Introdução ao retoque de imagemIntrodução ao retoque de imagem
Introdução ao retoque de imagem
 
Photoshop cs-6
Photoshop cs-6Photoshop cs-6
Photoshop cs-6
 
Inkscape For Art & Science
Inkscape For Art & ScienceInkscape For Art & Science
Inkscape For Art & Science
 
Gimp Vs Photoshop
Gimp Vs PhotoshopGimp Vs Photoshop
Gimp Vs Photoshop
 
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...
 
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
 
Estado da arte do parque de terminais móveis em PT_2010
Estado da arte do parque de terminais móveis em PT_2010 Estado da arte do parque de terminais móveis em PT_2010
Estado da arte do parque de terminais móveis em PT_2010
 
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...
 
Tutorial AE vs Mocha using four point tracking
Tutorial AE vs Mocha using four point trackingTutorial AE vs Mocha using four point tracking
Tutorial AE vs Mocha using four point tracking
 
Correção de cor em Photoshop
Correção de cor em PhotoshopCorreção de cor em Photoshop
Correção de cor em Photoshop
 
Adobe illustrator vs inkscape
Adobe illustrator vs inkscapeAdobe illustrator vs inkscape
Adobe illustrator vs inkscape
 
Inkscape, nociones básicas
Inkscape, nociones básicasInkscape, nociones básicas
Inkscape, nociones básicas
 
DESIGN PARA FACEBOOK
DESIGN PARA FACEBOOKDESIGN PARA FACEBOOK
DESIGN PARA FACEBOOK
 
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
 

Más de Leonardo Pereira

Tutorial de introducao as mascaras
Tutorial de introducao as mascarasTutorial de introducao as mascaras
Tutorial de introducao as mascarasLeonardo 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
 
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
 
www.entaovadesign.com 2014
www.entaovadesign.com 2014www.entaovadesign.com 2014
www.entaovadesign.com 2014Leonardo 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
 
O Genérico - Main Title Design and Diegetic Type
O Genérico - Main Title Design and Diegetic TypeO Genérico - Main Title Design and Diegetic Type
O Genérico - Main Title Design and Diegetic TypeLeonardo Pereira
 
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
 
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
 
Introdução à mecânica de uma imagem estática
Introdução à mecânica de uma imagem estáticaIntrodução à mecânica de uma imagem estática
Introdução à mecânica de uma imagem estáticaLeonardo 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
 
Introdução à Infografia
Introdução à InfografiaIntrodução à Infografia
Introdução à InfografiaLeonardo 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
 
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
 

Más de Leonardo Pereira (14)

Tutorial de introducao as mascaras
Tutorial de introducao as mascarasTutorial de introducao as mascaras
Tutorial de introducao as mascaras
 
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
 
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
 
www.entaovadesign.com 2014
www.entaovadesign.com 2014www.entaovadesign.com 2014
www.entaovadesign.com 2014
 
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
 
O Genérico - Main Title Design and Diegetic Type
O Genérico - Main Title Design and Diegetic TypeO Genérico - Main Title Design and Diegetic Type
O Genérico - Main Title Design and Diegetic Type
 
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
 
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
 
Introdução à mecânica de uma imagem estática
Introdução à mecânica de uma imagem estáticaIntrodução à mecânica de uma imagem estática
Introdução à mecânica de uma imagem estática
 
Apresentação relatório de progresso
Apresentação relatório de progressoApresentação relatório de progresso
Apresentação relatório de progresso
 
Introdução à Infografia
Introdução à InfografiaIntrodução à Infografia
Introdução à Infografia
 
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'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
 

Último

Apresentação | Eleições Europeias 2024-2029
Apresentação | Eleições Europeias 2024-2029Apresentação | Eleições Europeias 2024-2029
Apresentação | Eleições Europeias 2024-2029Centro Jacques Delors
 
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptxSlides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptxLuizHenriquedeAlmeid6
 
Habilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasHabilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasCassio Meira Jr.
 
E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?Rosalina Simão Nunes
 
Modelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e TaniModelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e TaniCassio Meira Jr.
 
Recurso Casa das Ciências: Sistemas de Partículas
Recurso Casa das Ciências: Sistemas de PartículasRecurso Casa das Ciências: Sistemas de Partículas
Recurso Casa das Ciências: Sistemas de PartículasCasa Ciências
 
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASBCRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASBAline Santana
 
Bullying - Texto e cruzadinha
Bullying        -     Texto e cruzadinhaBullying        -     Texto e cruzadinha
Bullying - Texto e cruzadinhaMary Alvarenga
 
Música Meu Abrigo - Texto e atividade
Música   Meu   Abrigo  -   Texto e atividadeMúsica   Meu   Abrigo  -   Texto e atividade
Música Meu Abrigo - Texto e atividadeMary Alvarenga
 
Manual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envioManual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envioManuais Formação
 
Gerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalGerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalJacqueline Cerqueira
 
Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.keislayyovera123
 
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEMCOMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEMVanessaCavalcante37
 
Universidade Empreendedora como uma Plataforma para o Bem comum
Universidade Empreendedora como uma Plataforma para o Bem comumUniversidade Empreendedora como uma Plataforma para o Bem comum
Universidade Empreendedora como uma Plataforma para o Bem comumPatrícia de Sá Freire, PhD. Eng.
 
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)Mary Alvarenga
 
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptxSlides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptxLuizHenriquedeAlmeid6
 
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresLilianPiola
 
02. Informática - Windows 10 apostila completa.pdf
02. Informática - Windows 10 apostila completa.pdf02. Informática - Windows 10 apostila completa.pdf
02. Informática - Windows 10 apostila completa.pdfJorge Andrade
 

Último (20)

Apresentação | Eleições Europeias 2024-2029
Apresentação | Eleições Europeias 2024-2029Apresentação | Eleições Europeias 2024-2029
Apresentação | Eleições Europeias 2024-2029
 
CINEMATICA DE LOS MATERIALES Y PARTICULA
CINEMATICA DE LOS MATERIALES Y PARTICULACINEMATICA DE LOS MATERIALES Y PARTICULA
CINEMATICA DE LOS MATERIALES Y PARTICULA
 
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptxSlides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
 
Habilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasHabilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e Específicas
 
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA -
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA      -XI OLIMPÍADAS DA LÍNGUA PORTUGUESA      -
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA -
 
E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?
 
Modelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e TaniModelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e Tani
 
Recurso Casa das Ciências: Sistemas de Partículas
Recurso Casa das Ciências: Sistemas de PartículasRecurso Casa das Ciências: Sistemas de Partículas
Recurso Casa das Ciências: Sistemas de Partículas
 
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASBCRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
 
Bullying - Texto e cruzadinha
Bullying        -     Texto e cruzadinhaBullying        -     Texto e cruzadinha
Bullying - Texto e cruzadinha
 
Música Meu Abrigo - Texto e atividade
Música   Meu   Abrigo  -   Texto e atividadeMúsica   Meu   Abrigo  -   Texto e atividade
Música Meu Abrigo - Texto e atividade
 
Manual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envioManual da CPSA_1_Agir com Autonomia para envio
Manual da CPSA_1_Agir com Autonomia para envio
 
Gerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem OrganizacionalGerenciando a Aprendizagem Organizacional
Gerenciando a Aprendizagem Organizacional
 
Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.
 
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEMCOMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
 
Universidade Empreendedora como uma Plataforma para o Bem comum
Universidade Empreendedora como uma Plataforma para o Bem comumUniversidade Empreendedora como uma Plataforma para o Bem comum
Universidade Empreendedora como uma Plataforma para o Bem comum
 
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
 
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptxSlides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
Slides Lição 5, CPAD, Os Inimigos do Cristão, 2Tr24, Pr Henrique.pptx
 
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
 
02. Informática - Windows 10 apostila completa.pdf
02. Informática - Windows 10 apostila completa.pdf02. Informática - Windows 10 apostila completa.pdf
02. Informática - Windows 10 apostila completa.pdf
 

Introduction to Photoshop's workshop - Covilha October 2012

  • 1. Professor Leonardo Pereira Ano Curricular - 2012 | 2013 WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Curso de Design Industrial - 2º Ano | 1º Semestre SUMÁRIO 1. CONTEXTOS DE APLICAÇÃO DO PHOTOSHOP 2. APLICAÇÕES DO PHOTOSHOP 3. MECÂNICA DE UMA IMAGEM 4. INTRODUÇÃO AO PHOTOSHOP 5. BIBLIOGRAFIA E WEBLIOGRAFIA (TUTORIAIS)
  • 2. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira 01 CONTEXTOS DE APLICAÇÃO DO PHOTOSHOP EM PRINT 1. Publicidade - Direção de Arte/Art Direction 2. Design Gráfico leonardpeartree@gmail.com
  • 3. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos PUBLICIDADE - DIREÇÃO DE ARTE de Aplicação A Publicidade, na sua componente de em Print Direção de Arte, é um dos principais (suporte contextos de aplicação do Photoshop. impresso) Esta é uma atividade criativa onde o Director de Arte é o responsável, numa campanha, por conceber e produzir o layout gráfico e imagético de uma campanha, nos diversos suportes em que a mesma se divide. Vejamos exemplos! leonardpeartree@gmail.com
  • 4. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos de Aplicação em Print (suporte impresso) leonardpeartree@gmail.com
  • 5. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICO de Aplicação O Design Gráfico é outros dos grandes em Print contextos de utilização do Photoshop. (suporte impresso) Embora aqui o Photoshop não seja a ferramenta de trabalho exclusiva e de a imagem bitmap não ser necessariamente a mais utilizada, não deixa de ser necessário o tratamento, o recorte de imagens e até mesmo de grafismo, na sua cor e configuração, para utilização em packaging, brochuras, cartazes, livros, entre outros suportes típicos deste ramo de atividade. Vamos ver alguns exemplos! leonardpeartree@gmail.com
  • 6. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICO de Aplicação PACKAGING - EMBALAGEM em Print Temos imensos exemplos no (suporte packaging onde a utilização de impresso) imagem é muito importante e o seu correto tratamento cromático é vital. leonardpeartree@gmail.com
  • 7. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICO de Aplicação PACKAGING - EMBALAGEM em Print (suporte impresso) leonardpeartree@gmail.com
  • 8. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICO de Aplicação CARTAZES em Print É muito habitual o uso de imagem (suporte em cartazes porque há efeitos impresso) gráficos, como a mistura de imagem real com grafismo, que só se conseguem obter com recurso ao Photoshop. Vejamos mais exemplos! leonardpeartree@gmail.com
  • 9. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICO de Aplicação CARTAZES em Print (suporte impresso) leonardpeartree@gmail.com
  • 10. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICO de Aplicação BROCHURAS em Print (suporte impresso) leonardpeartree@gmail.com
  • 11. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICO de Aplicação BROCHURAS em Print (suporte impresso) leonardpeartree@gmail.com
  • 12. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICO de Aplicação LAYOUT DE LIVROS E REVISTAS em Print (suporte impresso) leonardpeartree@gmail.com
  • 13. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICO de Aplicação CAPAS DE LIVROS em Print (suporte impresso) leonardpeartree@gmail.com
  • 14. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICO de Aplicação CAPAS DE REVISTAS em Print (suporte impresso) leonardpeartree@gmail.com
  • 15. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira 03 APLICAÇÕES E OPERAÇÕES DO PHOTOSHOP Recorte de imagem Correcção de cor Foto montagem por fusão e sobreposição de layers Retoque - Retouching Entrelaçamento e interação de elementos gráficos com imagem real leonardpeartree@gmail.com
  • 16. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Aplicações RECORTE DE IMAGEM e operações Uma das principais aplicações e operações que o Photoshop permite são as operações de recorte de imagem, onde se utilizam ferramentas como as seleções, máscaras de do Photoshop layers, a Eraser Tool e a Brush Tool, quando se recortam as imagens usando-se más- caras aplicadas a layers. Imagem original Imagem recortada s/fundo leonardpeartree@gmail.com
  • 17. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Aplicações CORREÇÃO DE COR e operações Outra das principais operações de edição de uma imagem com o Photoshop é a correção de cor. A Correcção de cor implica o uso combinado de ferramentas de recorte, do Photoshop de seleção, de linkagens entre layers e a utilização de layers de ajuste como são o Bightness contrast, Levels, Curves, Selective color, etc... Aplicação da imagem Imagem sem correção Imagem com correção Efeitos de Efeitos de correção correção de cor de cor desativados ativados leonardpeartree@gmail.com
  • 18. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Aplicações RETOQUE - RETOUCHING O retoque é também uma das aplicações mais importantes e criativamente e operações poderosas do Photoshop. O retoque permite corrigir erros anatómicos, eliminar sujida- do Photoshop des e texturas indesejáveis e produzir alterações numa imagem por forma a torná-la o mais perfeita e limpa possível. Implica o uso de todas as ferramentas e operações men- cionadas nos slides anteriores e de ferramentas como o Clone Stamp tool, a Dodge tool, entre outras. leonardpeartree@gmail.com
  • 19. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Aplicações RETOQUE - RETOUCHING Um bom exemplo do poder do retoque é o vídeo “DOVE EVOLUTION“ e operações do Photoshop http://www.youtube.com/watch?v=5XF66Ku4a9U TUTORIAIS PARA VEREM EM CASA DE RETOQUE http://www.youtube.com/watch?v=hirRY6XZw2w http://www.youtube.com/watch?v=dRiqdDFpmoI http://www.youtube.com/watch?v=4qqD5K5_wJY&feature=related leonardpeartree@gmail.com
  • 20. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Aplicações FOTOMONTAGEM POR FUSÃO E SOBREPOSIÇÃO DE LAYERS A fotomontagem de imagens é muito útil, principalmente na Publicidade onde é muitas e operações vezes necessário produzir imagens que representam seres e situações que não existem do Photoshop no mundo real. Implicam a utilização combinada das operações dos slides anteriores, entre outros recursos de edição de imagem mais sofisticados como o Clone Stamp. BOMS EXEMPLOS A VER: http://www.filtrestudio.com/main.html http://cistudios.com.au/category/retouch#cgi leonardpeartree@gmail.com
  • 21. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Aplicações ENTRELAÇAMENTO E INTERAÇÃO DE GRAFISMO COM IMAGEM REAL e operações Há situaçõesumaque os Designers e os Diretores de Arte procuramforma a parecer que elemento de em imagem é composto com elementos gráficos por soluções em que um do Photoshop estes estão a interagir espacialmente e pertencem ao mesmo mundo físico, como se vê nos seguintes exemplos. leonardpeartree@gmail.com
  • 22. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira 03 MECÂNICA DE UMA IMAGEM BITMAP leonardpeartree@gmail.com
  • 23. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Unidade O PÍXEL básica de uma imagem bitmap 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
  • 24. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Modos O que é que é um modo cromático de imagem? É a forma como uma imagem é formada pela combinação de diferentes cores de base cromáticos de subjacentes a cada sistema. uma imagem No Photoshop, o que interessa reter, para vossa aprendizagem, nesta fase são 2: 1. RGB 2. CMYK leonardpeartree@gmail.com
  • 25. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Modos RGB Uma imagem em modo RGB é uma imagem cujas cores resultam da combinação de 3 cromáticos de canais de cores: RED | Green | Blue uma 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
  • 26. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Modos CMYK Uma imagem em modo CMYK é uma imagem cujas cores resultam da combinação de 4 cromáticos de canais de cores: CYAN | MAGENTA | YELLOW | BLACK uma 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
  • 27. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Modos Como converter as imagens de um modo cromático para outro? A conversão de uma imagem de um modo cromático para outro é muito fácil. cromáticos de uma 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
  • 28. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Modos E porque é que há vários modos cromáticos? Porque cada suporte ou Media tem um modo cromático de formação cromáticos de da imagem diferente. uma imagem Tudo o que é suporte digital de exibição A maioria das imagens 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
  • 29. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Resolução O que é a resolução de uma imagem? Dito de uma forma simplista a resolução é o grau de detalhe de que uma imagem de uma dispõe para descrever formal e visualmente um objeto. É a qualidade com que um imagem 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
  • 30. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Resolução E temos de usar sempre alta resolução em todos os suportes? de uma 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
  • 31. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira 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
  • 32. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira 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
  • 33. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Compressão Mas o que é a compressão? de dados 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 da 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
  • 34. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira 04 INTRODUÇÃO AO PHOTOSHOP leonardpeartree@gmail.com
  • 35. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao A interface do Photoshop é essencialmente constituído pelas seguintes partes: 1. Barra do menu Photoshop 2. Caixa de ferramentas (Toolbox) 3. A Dock de paletas ou painéis 4. As paletas ou painéis 1 5. A janela do projeto 6. A barra de opções 3 6 4 2 4 4 leonardpeartree@gmail.com 5
  • 36. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao Painel ou barra de ferramentas Photoshop A barra de ferramentas é onde se encontram as principais ferramentas básicas disponíveis no Photoshop para operar a edição de uma imagem. Tendo em conta os nossos objetivos as que nos interessam reter são as seguintes: 1. Move Tool 8. Hand tool 2. Marque tool 9. Brush Tool 3. Lasso tool 10. Zoom Tool 4. Clone Stamp tool 11. Set Foreground color (quadrado de cima) 5. Eraser tool 12. Set Background color (quadrado de baixo) 6. Paint Bucket tool 13. Eyedropper Tool 7. Type tool Vamos ao photoshop ver para serve cada uma! leonardpeartree@gmail.com
  • 37. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao Criar um Ficheiro Para se criar um ficheiro novo no Photoshop é necessário fazer-se o seguinte: Photoshop 4 3 2 1 3 Dica: Para se aceder à 3 criação de um fichero novo pode-se utilizar 3 o atalho de teclado seguinte sem ser necessário recorrer-se ao menu “File“: 1. File Mac: 2. New tecla cmd + N 3. Definir settings do ficheiro* 4. Carregar no ok PC: tecla control + N As Settings a definir são as seguintes: Isto abre diretamente • O nome do ficheiro a janela “New“. • Tamanho do ficheiro • A resolução • O sistema de cor a ser utilizado • E até a cor do fundo ou Background leonardpeartree@gmail.com
  • 38. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao Customizar e alterar o tamanho e resolução de um ficheiro Para se alterar o tamanho e resolução a um ficheiro basta fazer-se o seguinte: Photoshop 1. Image 2. Image size 3. Mudar setting (resolução e tamanho) 1 4. OK 4 2 3 leonardpeartree@gmail.com
  • 39. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao Customizar e alterar o modo ou sistema de cor de um ficheiro Para se alterar o modo de cor de um ficheiro basta fazer-se o seguinte: Photoshop 2 1 3 1. Image 2. Mode 3. Escolher o modo específico pretendido para o ficheiro: - CMYK - RGB - Grayscale - etc leonardpeartree@gmail.com
  • 40. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao A layer e o Painel das Layers (Layer panel) O painel das layers é onde estão exibidas e se podem criar a layer ou layers que Photoshop compõem um ficheiro/imagem. Uma layer é uma camada que no painel das layers pode ser empilhada com outras como se fossem acetatos, por forma a criar uma imagem composta por partes de várias imagens. Cada parte da imagem pode ser uma layer. leonardpeartree@gmail.com
  • 41. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao Ao criar um ficheiro... Mas podemos adicionar mais layers Por defeito, quando abrimos um novo Podemos criar mais layers e trabalhar Photoshop documento no photoshop, este abre com individualmente em cada layer tendo essa apenas uma layer como na imagem em que estar devidamente selecionada neste baixo. painel como demonstrado em baixo. 7 5 3 6 4 2 1 3 1. Cria uma nova layer | 2. Apaga a layer selecionada | 3. Com várias layers selecionadas ao clicar neste ícone é criada uma pasta com as layer selecionadas | 5. Layer que surge por defeito | 4. layer criada quando se clica no botão de criação de layer (1) | 5. Controla o nível de transparência de uma layer | 6. Ícone que liga e des- liga a visibilidade de uma layer | 7. Atribui modos de interação cromática entre layers a uma layer | 8. Permite aplicar efeitos a uma layer como uma sombra (drop Shadow) ou brilhos (Outer Glow) leonardpeartree@gmail.com
  • 42. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao Merge layers selecionadas... Flatten layers Photoshop Quando temos muitas layers no painel das Quando temos mais do que uma layer, no 2 layers podemos fundir layers selecionadas painel das layers, podemos também con- em apenas uma. verter todas as layers em apenas uma. 5 Para tal temos de fazer o seguinte: Para tal temos de fazer o seguinte: 1. Selecionar no painel das layers as layers 5. Na barra de menu ir a “Layer“ que queremos fundir. 6. Dentro de “Layer” escolher 2. Na barra de menu ir a “Layer“ “Flatten Image“ 3. Dentro de “Layer” escolher “ Merge layers“ 1 3 leonardpeartree@gmail.com 6
  • 43. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao Blending modes entre layers Photoshop Os Blending Modes são propriedades que se aplicam a layers individuais por forma a criar interações cromáticas entre os píxeis de diferentes layers. São vários e dão origem a efeitos visuais diferentes. Por exemplo: Considerem-se duas layers de cor e que a que fica por cima tem os seguintes Blending Modes. Os resultados visuais são os seguintes: Normal (sem B. Multiply Screen Overlay Mode) leonardpeartree@gmail.com
  • 44. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao Aplicação de Máscaras a layers Photoshop As máscaras são um recurso que permite criar numa layer zonas de transparência, independentemente de esta conter, ou não, nessas zonas, píxeis de cor. Este é um recurso muito útil que em conjunto com as seleções e com a Brush tool, permitem aplicar operações de recorte não destrutivas, o seja, em que o que é suposta- mente apagado não o é. É antes escondido. 1 Como aplicar uma máscara? 1. Ativar a ferramenta Marque Tool 2. Desenhar uma seleção na imagem 3. Com a layer a mascarar selecionada, clicar no ícone indicado na figura com nº 3 2 4. A Máscara é criada e a layer que a recebe exibe apenas os píxeis que se encontram dentro da área delimitada pela máscara 5. A layer em si, no painel das layers exibe a aplicação da máscara 4 5 3 leonardpeartree@gmail.com
  • 45. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao Aplicação de Máscaras a layers Mas uma máscara pode, depois de criada, ser editada com o uso combinado da brush Photoshop tool e das seleções. Antes de mais é preciso compreender que, se queremos editar uma máscara, temos primeiro que selecionar a máscara da layer (2) e não os píxeis da layer (1). 1 2 Como editar, então, uma máscara? 3. Na barra de ferramentas, colocar o foreground a preto (o quadrado de cima) 4. Selecionar a brush tool 5. Na layer garantir que é a máscara que está selecionada e não a imagem 4 6. Com a brush tool pintar na imagem os 3 olhos de Obama por forma a esconder os mesmos 7. Repare-se que na máscara da layer esta também exibe a máscara mas com 6 valores de preto e branco. Nota: para se voltar a repor os olhos de Obama basta no passo 3 colocar o foreground a branco e com a brush tool pintar novamente a presença dos olhos na imagem. 5 7 leonardpeartree@gmail.com
  • 46. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao Linkar layers A linkagem de layers é uma operação que consiste em mascarar os píxeis de uma layer Photoshop em função da área ocupada por píxeis na layer imediatamente abaixo da primeira. Como linkar, então, uma layer a outra? 1. Precisamos de ter duas layers: 2 Uma para a ser mascarada e outra para 1 mascarar a primeira; 3 2. A primeira layer (a ser mascarada) tem 3 de conter uma imagem; 6 3. Na segunda (a que fica por baixo), 5 4 desligando-se a visibilidade da primeira, desenha-se, com a marque tool e com a brush tool, um retângulo mal pintado; 4. Liga-se novamente a visibilidade da primeira layer. Coloca-se o cursor na linha divisória entre as duas layers, ao mesmo tempo que se pressiona no teclado a tecla ALT; 5. Surge entre as duas layers um novo ícone (ícone de linkagem); 6. Com o ícone visível (cursor entre as duas layers e com tecla ALT premida) 3 clicar com o rato para linkar as layers; 4 7 7. As duas layers ficam linkadas e isso é visível, quer na imagem quer nas layers. leonardpeartree@gmail.com
  • 47. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao Tipos de layers Photoshop 1. Layers Bitmap 2. Layers de Texto 3. Layers de Ajuste Estas são as mais comuns e as Estas layers, embora compostas As layers de ajuste são layers que que são, essencialmente por píxeis, são editadas utilizando permitem ajustar as cores das lay- compostas pelos píxeis que a Text Tool ou fazendo-se um duplo ers situadas imediatamente abaixo compõem uma imagem. clique sobre esta layer (no painel) das mesmas. para alterar o texto. São editadas com as ferramentas Como exemplos de layers de já referidas de seleção e pintura. Estas podem, ainda, ser aumenta- ajuste temos, o Hue/Saturation, das sem que se perca qualidade o Brightness/Contrast, Levels, de imagem. Curves, Selective color, etc. A todos estes tipos de layer é possível aplicar Blending modes, Máscaras e criar Linkagens com outras layers. Aliás as layers de ajuste, quando criadas, são criadas automaticamente com uma máscara, ainda que vazia. leonardpeartree@gmail.com
  • 48. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao Criar Layers de ajuste Editar Layers de ajuste 1. Para se criarem layers de ajuste basta Para se editar uma layer de ajuste e a Photoshop que se clique no ícone situado no ex- forma como ela afeta as layers que estão tremo inferior do painel das layers. por baixo da mesma, implica manipular as variáveis que o painel “Adjustments“ exibe 2. Depois é escolher um dos tipos de layer em relação a cada tipo de layer de ajuste de ajuste disponível. 3. Para apagar uma layer de ajuste basta Layer que esta esteja selecionada e se clique, ou Bightness/ no ícone , ou então clicando-se direta- Contrast mente no Delete. + Variáveis de ajuste Layer Hue/ Saturation + 2 Variáveis de ajuste leonardpeartree@gmail.com 1 3
  • 49. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao Operações de transformação formal de Layers Às layers podem ser aplicadas operações de transformação e/ou distorção formal: Photoshop Estas operações estão disponíveis no “Edit“ (1) >> “Transform“ (2) e permitem fazer o seguinte: 1 3 4 5 6 2 3 7 8 8 5 4 6 3 leonardpeartree@gmail.com 7
  • 50. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao O que é uma seleção? Uma seleção é a delimitação de uma área nos píxeis de uma layer ou numa imagem Photoshop para editar, apenas e somente, a área e os píxeis contidos dentro da referida seleção. Também serve para mover aposição do que se encontra selecionado. Mas para tal, depois de desenhada uma seleção é necessário ativar a Move Tool para mover a seleção. Ferramentas de seleção O Photoshop leonardpeartree@gmail.com
  • 51. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao Ferramentas de seleção - na barra de ferramentas O Photoshop disponibiliza na sua barra de ferramentas uma série de ferramentas de Photoshop seleção: 1. As Marquee Tools 2. As Lasso Tools As Marquee Tools são ferramentas de As Lasso Tools são ferramentas de seleção seleção baseadas em formas retangulares baseadas em formas irregulares e assen- e circulares: tes, ou na gestualidade da mão (Lasso), ou na marcação de vértices (Polygonal). leonardpeartree@gmail.com
  • 52. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao Ferramentas de seleção - seleção por gama de cor ou cores O Photoshop tem uma ferramenta na barra de menu muito útil quando numa imagem em Photoshop que um objeto ou elemento se destacam bem do fundo. 1 Essa ferramenta é o Color Range: 1. Select 2. Color Range 3. Picar a cor da zona com o Eyedropper 4. Definir a tolerância da cor (será variável de imagem para imagem) até na janela do color range termos uma imagem em que o céu é branco e o resto é preto. 2 5. Ok 6. E, neste caso estamos selecionar o céu, ficamos com um céu selecionado de uma forma quase perfeita. 5 4 4 3 6 4 3 leonardpeartree@gmail.com
  • 53. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao Ferramentas de seleção - seleção a partir de layers Uma forma curiosa de criar uma seleção é a partir do conteúdo de uma layer. Photoshop Quando uma layer está apenas parcialmente ocupada por píxeis é possível selecionar, nessa layer, o espaço ou áreas que tem informação ou píxeis de cor. 1. Colocar o cursor, no painel das layers, por cima do pequeno thumbnail presente na layer que a contém, enquanto se pressiona a tecla cmd (mac) ou control (PC). 2. Quando surgir o ícone de seleção clicar em cima do thumbnail. 3. E a imagem surge com uma seleção em torno dos píxeis daquela layer. 3 1 2 3 leonardpeartree@gmail.com
  • 54. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao Transform Selection Uma seleção pode sofrer operações de transformação, sem afetar a informação ou Photoshop áreas que se encontra a delimitar numa imagem ou numa layer. Para tal é necessário fazer o seguinte: 1. Criar uma seleção; 2. Na barra de menu ir a Select; 3. Dentro de select escolher Transform Selection (na imagem a seleção surge com os controlos de transformação); 4. Carregar com o bot do lado direito do rato por cima da imagem - surge a caixa de escolha do tipo de transformação a aplicar; 5. Escolher o tipo de transformação a aplicar; 6. Aplicar a transformação. 2 1 4 6 5 3 6 leonardpeartree@gmail.com
  • 55. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Introdução ao Modify O comando Modify, que se encontra em “Select“ (1) >> “Modify“ (2), permite aplicar a 1 Photoshop uma seleção alterações como as seguintes: Border Expand Contract Feather A partir de uma se- A partir de uma se- A partir de uma se- Este comando leção este coman- leção este comando leção este comando suaviza o limite de do cria um border expande a seleção contrai a seleção uma seleção. com um número de num número de num número de píxeis por nós indi- píxeis por nós indi- píxeis por nós 2 cado. cado. indicado. Seleção original Seleção com Border Seleção com Expand Seleção com Contract Seleção com Feather leonardpeartree@gmail.com
  • 56. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira 05 BIBLIOGRAFIA E WEBLIOGRAFIA (TUTORIAIS) Bibliografia • Adobe Press Books (2010) Adobe Photoshop CS5: Classroom in a Book; Berkeley, Peachpit - Pearson Education • Kelby, S., (2011) The Adobe Photoshop book for digital photographers; Berkeley, New Riders Webliografia (Tutoriais) http://photoshoptutorials.ws/ http://www.smashingmagazine.com/2008/12/07/50-excellent-digital-photography-photoshop-tutorials/ http://photoshop-tutorials.deviantart.com/ http://www.photoshopessentials.com/ leonardpeartree@gmail.com