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çãoResolução e tamanhoe 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 CorProfundidade 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 bits
CGA (Color
Graphics
Adapter)
EGA
(Enhanced
Graphics
Adapter)
VGA (Video
Graphics
Adapter)

Profundidade
de cor
(nº de bits)
Nº de cores
produzidas
Qualidade de
cor
Padrão gráfico
16 216 = 65 536
Cores de 16
bits (High
color)
XGA
(Extended
Graphics
Array)
24
224 = 16 777
216
Cores de 24
bits (True
color)
SVGA =
SuperVGA
32
232 = 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 Cores
Uma 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 as
suas 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 um
dos formatos.
• É necessário sempre saber qual o formato mais adequado
às tarefas que nos propomos desempenhar.
• Existem basicamente duas categorias, os formatos
Bitmap e os formatos Vectoriais.

Tipos de formatos BitmapTipos de formatos Bitmap
A imagem é representada por uma matriz de pixeis.

Formato BMP (Formato BMP (ou DIBou 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 InterchangeInterchange
FormatsFormats))
•É 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.

PNGPNG ((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.

JPEGJPEG ((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.
•TIFF
Formato muito usado por software de digitalização.
•Xcf
Formato usado pelo software GIMP.
•Swf
Formato nativo e não editável do Macromedia Flash
•Skp
Formato 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

Mais conteúdo relacionado

Destaque (11)

Semelhante a Apresentação1 photoshop (20)

Mais de João Leal (20)

Último (20)

Apresentação1 photoshop