apresentação1 photoshop

77
Ano Lectivo 2010/2011 Photoshop Aplicado a Materiais Educativos Centro de Formação de Associação de Escolas Beira Mar Formador: João Leal

Upload: joao-leal

Post on 20-Feb-2017

861 views

Category:

Education


0 download

TRANSCRIPT

Ano Lectivo 2010/2011

Photoshop Aplicado a Materiais

Educativos

Centro de Formação de Associação de Escolas Beira Mar

Formador: João Leal

www.joaoleal.net Formador: João José Leal 2

O Adobe Photoshop continua a ser o padrão

profissional em edição de imagens, e líder no

mercado de geração de imagens digitais, oferecendo

cada vez mais recursos.

www.joaoleal.net Formador: João José Leal 3

ObjectivosObjectivos

www.joaoleal.net Formador: João José Leal 4

• Conhecer as ferramentas do software utilizado;

• Conhecer os ficheiros de imagens mais comuns;

• Saber digitalizar imagens a partir de objectos opacos ou

transparências;

• Aplicar os conhecimentos adquiridos no tratamento digital

de imagem;

• Saber preparar imagens para a Internet;

• Aplicar os conhecimentos adquiridos a materiais educativos.

www.joaoleal.net Formador: João José Leal 5

ConteúdosConteúdos

www.joaoleal.net Formador: João José Leal 6

1- As ferramentas do Photoshop

2 - Os diversos ficheiros de imagem e as suas aplicações

3 - Análise de imagens digitais

4 - Captura de imagens e a sua preparação

5 - Exercício de retoque de imagem

6 - Exercício de coloração de imagem

7 - Exercício de recorte de imagens e utilização de layers

8 - Exercício de criação de sombras e objectos 3D

9 - Configuração de ficheiros para impressão

www.joaoleal.net Formador: João José Leal 7

CalendarizaçãoCalendarização

www.joaoleal.net Formador: João José Leal 8

AvaliaçãoAvaliação

www.joaoleal.net Formador: João José Leal 9

•Participação

•Realização das tarefas nas Sessões

•Assiduidade/Pontualidade

•Realização das actividades e trabalhos propostos

•Investigação

•Aplicação

•Portfólio

50%

25%

25%

www.joaoleal.net Formador: João José Leal 10

ConceitosConceitos

www.joaoleal.net Formador: João José Leal 11

A cor é um fenómeno óptico (Parte da física que estuda os

fenómenos luminosos e os fenómenos da visão) provocado

pela acção de um feixe de fotões sobre células especializadas

da retina, que transmitem através de informação pré-

processada no nervo óptico, impressões para o sistema

nervoso.

Conceito de CorConceito de Cor

www.joaoleal.net Formador: João José Leal 12

A cor de um material é determinada pelas médias de

frequência dos pacotes de onda que as suas moléculas

constituintes reflectem. Um objecto terá determinada cor se

não absorver justamente os raios correspondentes à frequência

daquela cor.

www.joaoleal.net Formador: João José Leal 13

A cor é relacionada com os diferentes comprimento de onda

do espectro electromagnético. São percebidas pelas pessoas,

em faixa específica (zona do visível), e por alguns animais

através dos órgãos de visão, como uma sensação que nos

permite diferenciar os objectos do espaço com maior precisão.

www.joaoleal.net Formador: João José Leal 14

A luz do Sol contém vários tipos de radiação que

constituem o espectro electromagnético e cada comprimento

de onda corresponde a um tipo de radiação.

Apenas uma pequena faixa de radiação é captada pelos

nossos olhos, entre os 400nm e os 700nm (espectro visível).

Espectro ElectromagnéticoEspectro Electromagnético

www.joaoleal.net Formador: João José Leal 15

www.joaoleal.net Formador: João José Leal 16

www.joaoleal.net Formador: João José Leal 17

Uma cor primária é uma cor que não pode ser

decomposta em outras cores. Essas cores se mesclam entre

si para produzir as demais cores do espectro. Quando duas

cores primárias são misturadas, produz-se o que se conhece

como cor secundária, e ao mesclar uma cor secundária com

uma primária surge uma cor terciária.

Cores PrimáriasCores Primárias

www.joaoleal.net Formador: João José Leal 18

Tradicionalmente, o Vermelho, o Azul e o Amarelo

são tratadas como as cores primárias nas artes plásticas.

Esse sistema de classificação é conhecido como RYB.

www.joaoleal.net Formador: João José Leal 19

Entretanto, essa é uma definição errada do ponto

de vista científico, uma vez que, em se tratando de

pigmentos, o sistema correcto é o CMY (Ciano, Magenta

e Amarelo). Como são muito raros na natureza pigmentos de

cor ciano e magenta, são substituídos respectivamente pelo

azul e pelo vermelho nas artes plásticas.

www.joaoleal.net Formador: João José Leal 20

Cores secundárias são as cores que se formam pela

mistura de duas cores primárias, em partes iguais.

Cores SecundáriasCores Secundárias

www.joaoleal.net Formador: João José Leal 21

No início, a teoria dos pigmentos era restrita à pintura.

Os antigos pintores já faziam misturas antes da moderna

ciência das cores, e as tintas usadas até então eram poucas. No

sistema RYB, que emprega a teoria das cores de Leonardo da

Vinci, as cores secundárias são: Verde - formado por azul e

amarelo; Laranja - formado por amarelo e vermelho; Violeta

(ou Roxo) - formado por azul e vermelho.

www.joaoleal.net Formador: João José Leal 22

Os modelos de cor fornecem métodos que permitem

especificar uma determinada cor. Por outro lado, quando se

utiliza um sistema de coordenadas para determinar os

componentes do modelo de cor, está-se a criar o seu espaço de

cor. Neste espaço cada ponto representa uma cor diferente.

Modelos de CorModelos de Cor

www.joaoleal.net Formador: João José Leal 23

Num modelo aditivo a ausência de luz ou de cor

corresponde à cor preta, enquanto que a mistura dos

comprimentos de onda ou das cores vermelha (Red), verde

(Green) e azul (Blue) indicam a presença da luz ou a cor

branca.

Modelo AditivoModelo Aditivo

www.joaoleal.net Formador: João José Leal 24

O modelo aditivo explica a mistura dos comprimentos

de onda de qualquer luz emitida.

www.joaoleal.net Formador: João José Leal 25

Num modelo subtractivo, ao contrário do modelo

aditivo, a mistura de cores cria uma cor mais escura, porque

são absorvidos mais comprimentos de onda, subtraindo-os à

luz. A ausência de cor corresponde ao branco e significa que

nenhum comprimento de onda é absorvido, mas sim todos

reflectidos.

Modelo SubtractivoModelo Subtractivo

www.joaoleal.net Formador: João José Leal 26

O modelo subtractivo explica a mistura de pinturas

e tintas para criarem cores que absorvem alguns

comprimentos de onda da luz e reflectem outros. Assim, a cor

de um objecto corresponde à luz reflectida por ele e que os

olhos recebem.

www.joaoleal.net Formador: João José Leal 27

Modelo RGBModelo RGB

O modelo RGB é um modelo aditivo, descrevendo

as cores como uma combinação das três cores primárias:

vermelha (Red), verde (Green) e azul (Blue).

Em termos técnicos, as cores primárias de um

modelo são cores que não resultam da mistura de

nenhuma outra cor.

www.joaoleal.net Formador: João José Leal 28

Qualquer cor no sistema digital é representada por um

conjunto de valores numéricos. Por exemplo, cada uma

das cores do modelo RGB pode ser representada por um dos

seguintes valores: decimal de 0 a 1, inteiro de 0 a 255,

percentagem de 0% a 100% e hexadecimal de 00 a FF.

www.joaoleal.net Formador: João José Leal 29

Correspondência entre valores

Decimal 0 0,2 0,4 0,6 0,8 1

Inteiro 0 51 102 153 204 255

Percentagem 0 20 40 60 80 100

Hexadecimal 00 33 66 99 CC FF

Caracterização do Modelo RGBCaracterização do Modelo RGB

www.joaoleal.net Formador: João José Leal 30

Como o modelo RGB é aditivo, a cor branca

corresponde à representação simultânea das três cores

primárias (1,1,1), enquanto que a cor preta corresponde à

ausência das mesmas (0,0,0).

www.joaoleal.net Formador: João José Leal 31

A escala de cinzentos é criada quando se adicionam

quantidades iguais de cada cor primária, permanecendo na

linha que junta os vértices preto e branco.

www.joaoleal.net Formador: João José Leal 32

Resolução Resolução e tamanho e tamanho

Imagem constituída por um conjunto de píxeis

Uma imagem digital é uma representação discreta,

isto é, constituída por píxeis (píxel - picture element). O

píxel, normalmente um quadrado, é a unidade elementar de

brilho e cor que constitui uma imagem digital.

www.joaoleal.net Formador: João José Leal 33

Assim, a definição de resolução de uma imagem é

entendida como a quantidade de informação que a imagem

contém por unidade de comprimento, isto é, o número de

píxeis por polegada, ppi (pixels per inch). A resolução

da imagem pode também ser definida, de forma imprópria,

pelo seu tamanho, ou seja, pelo número de píxeis por linha

e por coluna.

www.joaoleal.net Formador: João José Leal 34

A resolução de uma imagem digital determina não só o

nível de detalhe como os requisitos de armazenamento da

mesma. Quanto maior a resolução de uma imagem maior será

o tamanho do ficheiro de armazenamento.

O nível de detalhe de uma imagem depende da

informação de cada píxel. Cada píxel é codificado de acordo

com a cor e o brilho que representa, isto é, ocupa em memória

um número de bits que varia de acordo com o número de

cores, tons de cinza e brilho definido para uma determinada

imagem.

www.joaoleal.net Formador: João José Leal 35

Profundidade de Cor Profundidade de Cor A profundidade de cor indica o número de bits

usados para representar a cor de um píxel numa imagem. Este

valor é também conhecido por profundidade do píxel e é

definido por bits por píxel (bpp).

O quadro seguinte mostra a relação entre o número de

bits e o número de cores que podem ser produzidas. Mostra

também os respectivos modelos de cor e padrões gráficos

utilizados em monitores e placas gráficas.

www.joaoleal.net Formador: João José Leal 36

Profundidade de cor

(nº de bits)

Nº de cores produzidas

Qualidade de cor

Padrão gráfico

1 21 = 2 Preto e branco Monocromática

2 22 = 4 Cores de 2 bitsCGA (Color Graphics Adapter)

4 24 = 16 Cores de 4 bits

EGA (Enhanced Graphics Adapter)

8 28 = 256 Cores de 8 bitsVGA (VideoGraphicsAdapter)

www.joaoleal.net Formador: João José Leal 37

Profundidade de cor

(nº de bits)

Nº de cores produzidas

Qualidade de cor

Padrão gráfico

16 216 = 65 536Cores de 16 bits (Highcolor)

XGA (ExtendedGraphicsArray)

24224 = 16 777

216

Cores de 24 bits (Truecolor)

SVGA = SuperVGA

32232 = 4 294 967 296

Cores de 32 bits

SVGA = SuperVGA

www.joaoleal.net Formador: João José Leal 38

A profundidade de cor das imagens varia com o

número de cores presentes na imagem. No modelo RGB, com

a profundidade de 24 bits existe a possibilidade de escolher

16,7 milhões de combinações de cor . Embora o olho humano

não possa identificar estes 16,7 milhões de cores, este número

de combinações permite variações ténues que dão a

impressão de imagens com aspectos muito reais.

www.joaoleal.net Formador: João José Leal 39

Assim, a profundidade de cor indica o número de bits

usados para representar a cor de um pixel numa imagem (bit

por píxel: bpp).

1 bit 4 bit 8 bit

www.joaoleal.net Formador: João José Leal 40

Sistemas de Cores: RGBSistemas de Cores: RGB

RGB é a abreviatura do sistema de cores

aditivas formado por Vermelho (Red), Verde

(Green) e Azul (Blue). É o sistema aditivo de cores,

ou seja, de projecções de luz, como monitores e

datashows, em contraposição ao sistema

subtractivo, que é o das impressões (CMYK).

www.joaoleal.net Formador: João José Leal 41

A escala de RGB varia de 0 (mais escuro) a

255 (mais claro). Nos programas de edição de

imagem, estes valores são habitualmente

representados por meio de notação hexadecimal,

indo de 00 (mais escuro) até FF (mais claro) para o

valor de cada uma das cores. Assim, a cor #000000

é o preto, pois não há projecção de nenhuma das

três cores; por outro lado, #FFFFFF representa a

cor branca, pois as três cores estão projectadas na

sua intensidade máxima.

www.joaoleal.net Formador: João José Leal 42

Complementaridade de CoresComplementaridade de CoresUma cor complementar de uma determinada cor

primária é a cor que se encontra quando é efectuada uma rotação de

180 graus num anel de cor No modelo RGB, estas cores

complementares são também chamadas cores secundárias ou

cores primárias de impressão.

Cores primárias do modelo RGB e assuas cores complementares

www.joaoleal.net Formador: João José Leal 43

Sistemas de Cores: CMYKSistemas de Cores: CMYK

CMYK é a abreviatura do sistema de cores

subtractivas formado por Ciano (Cyan), Amarelo

(Yellow), Magenta (Magenta) e Preto (Black). É

utilizado em meios que têm fundo branco, como as

impressões em papel CMY é a mesma coisa, porém

sem a cor preta.

www.joaoleal.net Formador: João José Leal 44

O resultado da sobreposição das três cores,

na impressão gráfica, é uma cor intermédia entre o

cinzento e o castanho; por isso mesmo considera-se

o preto a quarta cor primária. Para impressão de

livros ou qualquer outra coisa que seja impressa, é

usada esta combinação.

www.joaoleal.net Formador: João José Leal 45

o Utiliza-se na impressão em papel;

o Ciano é a cor oposta ao vermelho, o que significa que

actua como um filtro que absorve a dita cor (-R +G +B);

o Da mesma forma, magenta é oposta ao verde (+R –G +B)

e amarelo é a oposta ao azul (+R +G –B);

www.joaoleal.net Formador: João José Leal 46

o Assim, magenta mais amarelo produzirá vermelho,

magenta mais ciano produzirá azul e ciano mais amarelo

produzirá verde;

o O preto obtém-se da mistura das três.

www.joaoleal.net Formador: João José Leal 47

www.joaoleal.net Formador: João José Leal 48

Formatos de ficheiros de imagensFormatos de ficheiros de imagens

• Existem vários tipos de formatos de ficheiros,acrescentando às imagens aspectos próprios de cada umdos formatos.

• É necessário sempre saber qual o formato mais adequadoàs tarefas que nos propomos desempenhar.

• Existem basicamente duas categorias, os formatosBitmap e os formatos Vectoriais.

www.joaoleal.net Formador: João José Leal 49

Tipos de formatos BitmapTipos de formatos Bitmap

A imagem é representada por uma matriz de pixeis.

www.joaoleal.net Formador: João José Leal 50

Formato BMP (Formato BMP (ou DIB ou DIB –– DeviceDevice--IndependentIndependent

BitmapBitmap))•Criado pela Microsoft

•É um formato sem compressão, as

imagens ocupam bastante espaço mas

têm qualidade.

•Os pixeis que representam a imagem são

guardados numa matriz.

www.joaoleal.net Formador: João José Leal 51

GIF (GIF (GraphicsGraphics InterchangeInterchangeFormatsFormats))

•É um formato com compressão mas sem perdas de qualidade.

•Utiliza uma palete de 256 cores (8 bits).

•O formato foi introduzido em 1987 pela CompuServe.

•O GIF tornou-se popular porque utilizava compressão de

dados LZW.

www.joaoleal.net Formador: João José Leal 52

• Devido ao pouco número de cores, o uso do formato GIF é

aconselhado para ícones ou imagens que não precisam de

muitas cores (ilustrações, por exemplo).

• Possui transparência.

• Possibilita a existência de camadas e criação de simples

animações.

www.joaoleal.net Formador: João José Leal 53

PNG PNG ((PortablePortable NetworkNetwork GraphicsGraphics))

• O formato GIF utiliza o LZW que foi criado pela empresa

Sperry Corporation, comprado posteriormente pela Unisys.

Esta, em 1994, anunciou que este formato não seria livre.

• Por isso, em 1996 foi lançado um formato criado para

concorrer com GIF: o PNG.

www.joaoleal.net Formador: João José Leal 54

JPEG JPEG ((JoinJoin PicturesPictures ExpertExpert GroupGroup))

• É um tipo de ficheiro para armazenamento de imagens que

pode trabalhar com esquema de cores em 24 bits. Isso significa

que este formato aceita 16,8 milhões de cores.

• O JPEG utiliza um algoritmo de compactação que se baseia

na capacidade do olho humano.

• Os arquivos podem ter diferentes níveis de compressão.

www.joaoleal.net Formador: João José Leal 55

• Versão simplificada do PostScript.

•É um formato nativo do Adobe Acrobat Reader, Adobe

Acrobat Professional e do Adobe eBook Reader.

• Permite múltiplas páginas e ligações (links). As últimas

versões permitem ainda a inclusão de vídeo, 3D,

preenchimento de formulários, entre muitas outras opções.

• Forma padronizada para enviar documentos na Internet.

www.joaoleal.net Formador: João José Leal 56

Outros formatosOutros formatos•PCX

Formato desenhado para o paintbrush da Microsoft.

•TIFFFormato muito usado por software de digitalização.

•XcfFormato usado pelo software GIMP.

•SwfFormato nativo e não editável do Macromedia Flash

•SkpFormato utilizado no programa Sketchup da Google.

www.joaoleal.net Formador: João José Leal 57

Que formato escolher?Que formato escolher?

www.joaoleal.net Formador: João José Leal 58

Imagens VectoriaisImagens Vectoriais

As imagens vectoriais baseiam-se em fórmulas matemáticas.

www.joaoleal.net Formador: João José Leal 59

Numa imagem vectorial não acontecem perdas com o zoom na imagem.

www.joaoleal.net Formador: João José Leal 60

PhotoshopPhotoshop

www.joaoleal.net Formador: João José Leal 61

www.joaoleal.net Formador: João José Leal 62

As camadas (layers) permitem trabalhar num

elemento da imagem sem interferir nos outros.

É possível alterar a composição de uma imagem

alterando a ordem e os atributos das camadas.

CamadasCamadas

www.joaoleal.net Formador: João José Leal 63

Quando inserimos uma imagem sobre outra, passamos

a trabalhar com duas figuras distintas numa mesma janela.

O background, ou Plano de Fundo, é o layer

(Camada), uma película transparente sobre a qual a segunda

imagem é inserida. Uma mesma janela pode conter até 100

camadas em qualquer ordem gerando, assim, a imagem final.

A grande vantagem desse recurso é que as imagens não se

misturam, podendo ser manipuladas independentemente e

apagadas a qualquer momento, sem que nada aconteça às

outras.

www.joaoleal.net Formador: João José Leal 64

Camadas auxiliam-nos no trabalho quando um

elemento na imagem pode estar separado em outras camadas

sem influenciar na imagem.

Devemos pensar em camadas como se fossem folhas

de papel transparente onde podemos desenhar uma parte da

imagem em cada folha e assim visualizar a parte de baixo

naturalmente (logicamente que apenas a parte da imagem

que a parte de cima não cobrir).

www.joaoleal.net Formador: João José Leal 65

Cada parte, em que se divide a imagem seria uma

camada, e apenas será visualizada na imagem total a parte da

imagem que a camada superior não esconder facilitando,

assim, a aplicação de partes de imagens sobrepostas.

Podemos unir as camadas, aplicar estilos individuais a cada

uma delas, assim como filtros e efeitos distintos como se

fossem imagens distintas também.

www.joaoleal.net Formador: João José Leal 66

A paleta Camadas (Layers) relaciona todas as camadas,

todos os conjuntos de camadas e efeitos de camadas numa

determinada imagem. Várias tarefas podem ser executadas

nesta paleta, tais como: criação, ocultação, exibição, cópia e

exclusão de camadas,…

www.joaoleal.net Formador: João José Leal 67

O painel das camadas é composto por três

zonas importantes:

parte superior

parte central

barra de ícones

www.joaoleal.net Formador: João José Leal 68

A parte superior apresenta as opções de Blending,

Opacidade (Opacity), Bloquear(Lock) e Preenchimento (Fill).

Parte SuperiorParte Superior

www.joaoleal.net Formador: João José Leal 69

Blending – forma como a camada aparece na imagem, por

defeito está com a opção normal.

Opacidade (Opacity) – corresponde ao nível de

visualização ou transparência dessa

camada.

www.joaoleal.net Formador: João José Leal 70

Bloquear (Lock) – permite bloquear as quatro opções:

transparência, imagem, posição e tudo.

Preenchimento (Fill) – define a percentagem de

preenchimento da camada.

www.joaoleal.net Formador: João José Leal 71

A parte central do painel é onde aparecem as camadas.

Parte CentralParte Central

www.joaoleal.net Formador: João José Leal 72

A barra de ícones está localizada ao fundo na janela.

Alguns destes ícones também aparecem noutros painéis com

funções semelhantes.

Barra de íconesBarra de ícones

www.joaoleal.net Formador: João José Leal 73

Link – tem a função de ligar duas camadas, isto é, ao deslocar-

mos uma camada, também deslocaremos a outra e assim

sucessivamente para outras operações.

fx (ícone de estilos)– abre a janela Layer Style que permite

adicionar estilos a essa camada.

www.joaoleal.net Formador: João José Leal 74

Adicionar uma máscara – permite adicionar uma máscara

à camada seleccionada.

Adicionar camada de ajuste – permite adicionar uma

camada de ajustamentos ou

preenchimento para aplicar uma

tonalidade diferente à imagem final.

www.joaoleal.net Formador: João José Leal 75

Pasta (Novo Grupo) – permite criar uma pasta para colocar

as camadas, oferecendo uma melhor

organização sempre que existirem

muitas camadas.

www.joaoleal.net Formador: João José Leal 76

Adicionar nova camada – permite adicionar uma nova

camada (um dos mais importantes e

comum a quase todos os painéis

laterais de opções).

Balde de reciclagem – tem a função de eliminar uma

camada.

www.joaoleal.net Formador: João José Leal 77

www.joaoleal.netwww.joaoleal.net//moodlemoodle