apresentação1 photoshop

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.


ObjectivosObjectivos


• 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.


ConteúdosConteúdos


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


CalendarizaçãoCalendarização


AvaliaçãoAvaliação


•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%


ConceitosConceitos


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


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.


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.


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


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


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.


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.


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


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.


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


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


O modelo aditivo explica a mistura dos comprimentos

de onda de qualquer luz emitida.


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


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.


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.


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.


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


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).


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.


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.


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.


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.


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.


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)


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


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.


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


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).


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.


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


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.


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.


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);


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.


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.


Tipos de formatos BitmapTipos de formatos Bitmap

A imagem é representada por uma matriz de pixeis.


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.


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.


• 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.


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.


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.


• 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.


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.


Que formato escolher?Que formato escolher?


Imagens VectoriaisImagens Vectoriais

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


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


PhotoshopPhotoshop


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


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.


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).


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.


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,…


O painel das camadas é composto por três

zonas importantes:

parte superior

parte central

barra de ícones


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

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

Parte SuperiorParte Superior


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.


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

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

Preenchimento (Fill) – define a percentagem de

preenchimento da camada.


A parte central do painel é onde aparecem as camadas.

Parte CentralParte Central


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


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.


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.


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

as camadas, oferecendo uma melhor

organização sempre que existirem

muitas camadas.


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.netwww.joaoleal.net//moodlemoodle

apresentação1 photoshop

Education