Introduction to Photoshop's workshop - Covilha October 2012

1.865 visualizações

Publicada em

In this workshop I introduce the Industrial Design Course's students (the Universidade da Beira interior's one) to the main uses and Tools available in Photoshop for advanced picture editing. The mechanics of a static picture (bitmap picture) is also adressed.

Publicada em: Educação
  • Seja o primeiro a comentar

Introduction to Photoshop's workshop - Covilha October 2012

  1. 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. 2. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira01CONTEXTOS DE APLICAÇÃO DO PHOTOSHOP EM PRINT1. Publicidade - Direção de Arte/Art Direction2. Design Gráfico leonardpeartree@gmail.com
  3. 3. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos PUBLICIDADE - DIREÇÃO DE ARTEde 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. 4. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextosde Aplicação em Print (suporte impresso) leonardpeartree@gmail.com
  5. 5. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICOde 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. 6. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICOde 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. 7. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICOde Aplicação PACKAGING - EMBALAGEM em Print (suporte impresso) leonardpeartree@gmail.com
  8. 8. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICOde 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. 9. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICOde Aplicação CARTAZES em Print (suporte impresso) leonardpeartree@gmail.com
  10. 10. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICOde Aplicação BROCHURAS em Print (suporte impresso) leonardpeartree@gmail.com
  11. 11. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICOde Aplicação BROCHURAS em Print (suporte impresso) leonardpeartree@gmail.com
  12. 12. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICOde Aplicação LAYOUT DE LIVROS E REVISTAS em Print (suporte impresso) leonardpeartree@gmail.com
  13. 13. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICOde Aplicação CAPAS DE LIVROS em Print (suporte impresso) leonardpeartree@gmail.com
  14. 14. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Contextos O DESIGN GRÁFICOde Aplicação CAPAS DE REVISTAS em Print (suporte impresso) leonardpeartree@gmail.com
  15. 15. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira03APLICAÇÕES E OPERAÇÕES DO PHOTOSHOPRecorte de imagemCorrecção de corFoto montagem por fusão e sobreposição de layersRetoque - RetouchingEntrelaçamento e interação de elementos gráficos com imagem real leonardpeartree@gmail.com
  16. 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 dedo 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. 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. 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. 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çõesdo 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. 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 existemdo 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. 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 umdo Photoshop estes estão a interagir espacialmente e pertencem ao mesmo mundo físico, como se vê nos seguintes exemplos. leonardpeartree@gmail.com
  22. 22. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira03MECÂNICA DE UMA IMAGEM BITMAP leonardpeartree@gmail.com
  23. 23. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira Unidade O PÍXEL básica deuma 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. 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 basecromá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. 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 3cromá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. 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 4cromá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. 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. 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çãocromá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. 29. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraResoluçã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. 30. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraResoluçã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. 31. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraFormatos 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. 32. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraFormatos 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. 33. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraCompressã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. 34. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira04INTRODUÇÃO AO PHOTOSHOP leonardpeartree@gmail.com
  35. 35. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraIntroduçã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. 36. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraIntroduçã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. 37. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraIntrodução ao Criar um Ficheiro Para se criar um ficheiro novo no Photoshop é necessário fazer-se o seguinte: Photoshop 4 3 2 1 3Dica:Para se aceder à 3criação de um ficheronovo pode-se utilizar 3o atalho de tecladoseguinte sem sernecessário recorrer-seao menu “File“: 1. FileMac: 2. Newtecla cmd + N 3. Definir settings do ficheiro* 4. Carregar no okPC:tecla control + N As Settings a definir são as seguintes: Isto abre diretamente • O nome do ficheiroa 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. 38. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraIntroduçã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. 39. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraIntroduçã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. 40. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraIntroduçã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. 41. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraIntroduçã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. 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“ 13 leonardpeartree@gmail.com 6
  43. 43. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraIntroduçã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. 44. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraIntroduçã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. 45. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraIntroduçã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. 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. 47. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraIntroduçã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. 48. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraIntroduçã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. 49. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraIntroduçã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. 50. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraIntroduçã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. 51. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraIntroduçã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. 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. 53. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraIntroduçã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. 54. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo PereiraIntroduçã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. 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. 56. WORKSHOP DE INTRODUÇÃO AO PHOTOSHOP Professor Leonardo Pereira05BIBLIOGRAFIA 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 RidersWebliografia (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

×