• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Introdução ao Photoshop
 

Introdução ao Photoshop

on

  • 2,440 views

In this class I introduce my students to Photoshop's Tools and interface and, in particular, to layer and selections managment.

In this class I introduce my students to Photoshop's Tools and interface and, in particular, to layer and selections managment.

Statistics

Views

Total Views
2,440
Views on SlideShare
2,383
Embed Views
57

Actions

Likes
5
Downloads
0
Comments
2

4 Embeds 57

http://venisemelo.blogspot.com.br 47
http://www.venisemelo.blogspot.com.br 5
http://venisemelo.blogspot.com 3
http://www.linkedin.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

12 of 2 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Introdução ao Photoshop Introdução ao Photoshop Presentation Transcript

    • Universidade do Minho Instituto de Ciências Sociais Departamento de Ciências da ComunicaçãoProfessor Leonardo Pereira Ano Curricular - 2012 | 2013 COMUNICAÇÃO E MEIOS DIGITAIS Curso de Mestrado em Comunicação, Cidadania e Educação - 1º Ano | 1º Semestre Aula 02 1. INTRODUÇÃO AO PHOTOSHOP
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013Instituto de Ciências Sociais Professor Leonardo PereiraDepartamento de Ciências da Comunicação01A interface do Photoshop leonardpeartree@gmail.com
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação A interface A interface do Photoshop é essencialmente constituído pelas seguintes partes:do Photoshop 1. Barra do menu 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
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação A interface Painel ou barra de ferramentasdo 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
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013Instituto de Ciências Sociais Professor Leonardo PereiraDepartamento de Ciências da Comunicação02Operações básicas de gestão de um ficheiro leonardpeartree@gmail.com
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Operações Criar um Ficheiro Para se criar um ficheiro novo no Photoshop é necessário fazer-se o seguinte: básicas de 4gestão de um 3 ficheiro 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
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Operações Guardar um Ficheiro Para se guardar um ficheiro novo no Photoshop é necessário fazer-se o seguinte: básicas degestão de um 3 ficheiro 3 1Dica:Para guardar umficheiro novo pode-se utilizar o atalho deteclado seguinte semser necessário recor- 3rer-se ao menu “File“: 2Mac:tecla cmd + S 4PC:tecla control + SDepois de guardadoo ficheiro este atahoserve para se ir guar-dando as alterações 1. Fileque vamos fazendo ao 2. Save Asnosso trabalho. 3. Definir o nome, formato e onde guardar o ficheiro* 4. Carregar no Save leonardpeartree@gmail.com
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Operações Guardar alterações a um Ficheiro já gravado Para se guardar alterações feitas a um ficheiro basta fazer-se o seguinte: básicas degestão de um 1. File ficheiro 2. Save 1 2 Ou então utilizar o atalho de teclado seguinte: Mac: tecla cmd + S PC: tecla control + S leonardpeartree@gmail.com
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Operações 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: básicas degestão de um 1. Image ficheiro 2. Image size 3. Mudar setting (resolução e tamanho) 1 4. OK 4 2 3 leonardpeartree@gmail.com
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Operações 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: básicas degestão de um 2 ficheiro 1 3 1. Image 2. Mode 3. Escolher o modo específico pretendido para o ficheiro: - CMYK - RGB - Grayscale - etc leonardpeartree@gmail.com
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013Instituto de Ciências Sociais Professor Leonardo PereiraDepartamento de Ciências da Comunicação03Layers - Gestão e edição leonardpeartree@gmail.com
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Layers: 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 Gestão compõem um ficheiro/imagem. Uma layer é uma camada que no painel das layers podee edição 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
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Layers: Ao criar um ficheiro... Mas podemos adicionar mais layers Por defeito, quando abrimos um novo Podemos criar mais layers e trabalhar Gestão documento no photoshop, este abre com individualmente em cada layer tendo essae edição 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
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Layers: Merge layers selecionadas... Flatten layers Quando temos muitas layers no painel das Quando temos mais do que uma layer, no Gestão layers podemos fundir layers selecionadas painel das layers, podemos também con- 2 e edição 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
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Layers: Blending modes entre layers Os Blending Modes são propriedades que se aplicam a layers individuais por forma a Gestão criar interações cromáticas entre os píxeis de diferentes layers. São vários e dão origeme edição 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
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Layers: Aplicação de Máscaras a layers As máscaras são um recurso que permite criar numa layer zonas de transparência, Gestão independentemente de esta conter, ou não, nessas zonas, píxeis de cor.e edição 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
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Layers: Aplicação de Máscaras a layers Mas uma máscara pode, depois de criada, ser editada com o uso combinado da brush Gestão tool e das seleções.e edição 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
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Layers: Linkar layers A linkagem de layers é uma operação que consiste em mascarar os píxeis de uma layer Gestão em função da área ocupada por píxeis na layer imediatamente abaixo da primeira. e edição 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
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Layers: Tipos de layers Gestão 1. Layers Bitmap 2. Layers de Texto 3. Layers de Ajustee edição 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
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Layers: 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 Gestão que se clique no ícone situado no ex- forma como ela afeta as layers que estãoe ediçã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
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Layers: Operações de transformação formal de Layers Às layers podem ser aplicadas operações de transformação e/ou distorção formal: Gestão Estas operações estão disponíveis no “Edit“ (1) >> “Transform“ (2) e permitem fazer oe edição seguinte: 1 3 4 5 6 2 3 7 8 8 5 4 6 3 leonardpeartree@gmail.com 7
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013Instituto de Ciências Sociais Professor Leonardo PereiraDepartamento de Ciências da Comunicação04Seleções - Gestão e edição leonardpeartree@gmail.com
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da ComunicaçãoSeleções: O que é uma seleção? Uma seleção é a delimitação de uma área nos píxeis de uma layer ou numa imagem Gestão para editar, apenas e somente, a área e os píxeis contidos dentro da referida seleção. e ediçã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
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da ComunicaçãoSeleções: Ferramentas de seleção - na barra de ferramentas O Photoshop disponibiliza na sua barra de ferramentas uma série de ferramentas de Gestão seleção: e ediçã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
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Seleções: 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 Gestão que um objeto ou elemento se destacam bem do fundo. e edição1 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
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da ComunicaçãoSeleções: 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. Gestão Quando uma layer está apenas parcialmente ocupada por píxeis é possível selecionar, e edição 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
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da ComunicaçãoSeleções: Transform Selection Uma seleção pode sofrer operações de transformação, sem afetar a informação ou Gestão áreas que se encontra a delimitar numa imagem ou numa layer. Para tal é necessário e edição 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
    • Universidade do Minho Comunicação e Meios Digitais - 2012 | 2013 Instituto de Ciências Sociais Professor Leonardo Pereira Departamento de Ciências da Comunicação Seleções: Modify O comando Modify, que se encontra em “Select“ (1) >> “Modify“ (2), permite aplicar a 1 Gestão uma seleção alterações como as seguintes: e edição 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