Telemdia 2006/2007

http://marco.uminho.pt/disciplinas/TELEMEDIA

Aula de Laboratrio: Introduo ao Adobe Photoshop

Nome_______________________________________________________N_____________
O Adobe Photoshop uma ferramenta bastante utilizada para editar imagens e fotografias.
Pode ser usado para melhorar imagens capturadas (fotografias antigas por exemplo) para
posterior visualizao ou impresso.
Naturalmente que num trabalho introdutrio no podemos explorar todas as funcionalidades
duma aplicao com tantas ferramentas e opes.

Material de Apoio
Acetatos de aulas disponveis na pgina da disciplina.
Adicionalmente utilize sempre que necessrio o mestre Google.

Os objectivos desta aula so

Familarizao com o pacote Adobe Photoshop

Realizao dum trabalho exemplo: retocar uma imagem

Alguma terminologia
importante compreender alguma terminologia importante quando se aprende a
trabalhar com esta aplicao.

Camada (Layer): uma imagem pode ter mltiplas camadas, cada uma das quais pode ser vista
como uma transparncia em branco. Podemos criar imagens numa das camadas ou em todas as
camadas inferiores que sejam visveis atravs dela. Trata-se duma das funcionalidades mais
importantes do Photoshop e a sua utilizao importante por vezes mesmo para imagens
simples.
Opacidade: cada camada tem um nvel determinado de opacidade como em quase todas
ferramentas de desenho. A opacidade determina quo opaco determinado objecto. Se a
opacidade 0% o objecto ou camada completamente transparente. Seno (100%)
completamente opaca. No permite ver nada atravs dela.
o Qual a diferena entre transparente e translcido?
Filtros: O Photosohp traz uma larga quantidade de filtros. Alguns deles permitem melhorar
imagens e esconder os seus defeitos. Podem ser usados para retocar imagens capturadas via
scanner. Outros alteram drasticamente as nossas imagens.
Paletas (Palettes): As paletas flutuantes disponibilizadas pelo Photoshop disponibilizam uma
srie de opes do software incluindo gesto de camadas, seleco de cores, estabelecimento
de pincis ou escovas (brush), etc...
Cor de primeiro plano ou de fundo (foreground and background colors): Qualquer cor
pode ser colocada como de fundo ou de primeiro plano. A diferena bsica entre as duas que a
cor de primeiro plano aquela que usamos para pintar e a de fundo aplicada quando se
apaga.
Qual a cor de primeiro plano e a cor de fundo desta ficha?
_______________________________________________________________

Instalao

Exerccio n 0
Comece por instalar o Pacote Adobe Photoshop 6.0
a) Usando o Windows Explorer monte como uma drive virtual \\smbsvr\install onde est o
software que est disponvel para instalao
b) Mude-se para directoria macedo e copie a licena para o Adobe Photoshop que est no ficheiro
serials.txt. Utilize o wordpad ou o notepad.
AVISO IMPORTANTE: Deve-se esquecer completamente desse nmero para no ser tentado a us-lo
noutras circunstncias, sob pena de criar embaraos srios ao proprietrio desta licena que o
Departamento de Informtica da Universidade do Minho.
c) Na pasta Adobe Photoshop inicie o procedimento de instalao executando o programa seteup.exe.
Os Menus do Programa que vai instalar esto em Portugus ao contrrio dos menus apresentados na ficha.
Contudo as diferenas so apenas a lngua.
Leia com cuidado a ficha e responda s perguntas nos exerccios indicados.

O comeo
No boto de Start ->Programs->Adobe->Adobe Photoshop arrancamos o Photoshop.
Ao criarmos um novo documento aparece-nos o seguinte menu

No topo da janela aparece-nos espao para colocarmos o nome do nosso ficheiro.

Podemos seguidamente indicar o tamanho, largura e resoluo da nossa imagem. Temos que definir
com cuidado esses valores em funo das unidades escolhidas.

No faz sentido escolher 7*7 pixis ou 500*500 polegadas.

Tambm podemos escolher o modo de cor.

Os dois mais usados so os modelos RGB (Red, Green and Blue) e o CMYK (Cyan, Magenta, Yellow
and Back). O primeiro bom para imagens a visualizar em ecrs enquanto o segundo bom para
imagens a imprimir.
Uma imagem greyscale (escala de cinzento) tem 256 tons de cinzento desde o preto slido (0) at o
o branco puro (255) usados para construir uma imagem. Em contraste com o greysacle o modo
Bitmap oferece apenas pixis brancos e pretos.
O modo Lab um modo intermedirio usado para converso entre formatos.

Exerccio n1
a) O que um modelo de cor?

b) Quantas cores diferentes se consegue representar no Modelo RGB?

______________________________________________________________
c) Conhece outros modelos de cores para alm do RGB e CMYK?

Revisitemos o tamanho e resoluo da imagem para melhor compreenso....

Dimenso da imagem
No sentido de produzir imagens de alta qualidade necessrio perceber como as imagens com pixis
so medidas e mostradas.
O nmero de pixis de largura e comprimento determinam o tamanho da imagem que deve considerar a
dimenso do ecr. Por exemplo um monitor de 15 polegadas tipicamente mostra 800 pixeis horizontais e
600 verticais. Uma imagem 800x600 enche completamente um pequeno ecr. Num monitor maior
enche-se na mesma o ecr, mas cada pixel aparece maior. Mudando a configurao de visualizao do
monitor para 1024*768 mostra a imagem com tamanho menor, ocupando apenas uma parte do ecr.
Quando se concebe uma imagem para visualizao em linha (por exemplo a incluir numa pgina Web), a
dimenso em pixis tornam-se particularmente importantes. Como a sua imagem vai sr visualizada num
monitor de 15 polegadas deve limitar o seu tamanho para 800x600 para deixar espao para os botes
de controlo da janela Windows e do browser.
O tamanho como a imagem aparece no ecr depende duma combinao de factores: a dimenso em
pixis da imagem, o tamanho do monitor e a configurao de resoluo do monitor. O exemplo a seguir
mostra uma imagem de 620x400 pixis mostrada em monitores com diferentes tamanhos e resolues.

Resoluo da imagem
O nmero de pixis impressos por unidade de comprimento mede-se normalmente em ppi (pixl per inch) ou
pixel por centmetro. No Photoshop pode-se mudar a resoluo duma imagem. Os valores por defeito so 72 ppi
(28,346 px/cm). Trata-se da resoluo ajustada visualizao em ecr.

Exerccio n 2
a) Converta a resoluo de 50 ppi para a unidade px/cm

b) Converta a resoluo de 171,43 px/cm em ppi

No Potoshop a resoluo da imagem e a dimenso em pixis so interdependentes. A quantidade de detalhe

duma imagem depende da sua dimenso em pixis, enquanto a resoluo controla em que espao mostrado (ou
impresso) cada pixel. Por exemplo, podemos modificar a resoluo duma imagem sem mudar os dados dos
pixis para esta imagem ------apenas mudados o tamanho de impresso da imagem. Contudo se quiser mudar as
mesmas dimenses na sada, mudar a resoluo da imagem requer a mudana no nmero total de pixis.

Imagens 72-ppi e 300-ppi images; quadrado com zoom 200%

Quando impressa uma imagem com alta resoluo contm mais e portanto pixis mais pequenos que uma
imagem de baixa resoluo. Por exemplo uma 1 imagem de 1 polegada x 1 polegada com a resoluo de 72 ppi
contm um total de 5184 pixis (72*72). A mesma imagem com uma resoluo de 300 ppi contm um total de
90,000 pixis. Resoluo mais alta normalmente reproduz mais detalhe e transies de cor mais subtis. Contudo,
aumentar a resoluo duma imagem original com baixa resoluo apenas espalha a informao original dum
pixel para vrios. Raramente aumenta a qualidade da imagem.
Usar uma resoluo muito baixa resulta na pixelao da imagem: sada com pixis grandes e dispersos. Usar
uma resoluo muito alta (maior do que o dispositivo de saida pode produzir) aumenta desnecessariamente o

tamanho do ficheiro e tempo de impresso da imagem. Para alm disso, o dispositivo de sada incapaz de
reproduzir o detalhe extra.
Resoluo do monitor
O nmero de pixis ou pontos visualizados por unidade de comprimento no monitor, medido normalmente em
dots per inch (dpi). A resoluo do monitor depende do seu tamanho e tambm na sua configurao em pixis.
Os monitores novos normalmente tm uma resoluo de mais ou menos 96 dpi enquanto os antigos 72 dpi.
Perceber a resoluo do monitor ajuda a explicar porque o tamanho de visualizao duma imagem num terminal
muitas vezes difere do seu tamanho impresso. Os pixis da imagem so traduzidos directamente em pixis do
monitor. Isto significa que quando resoluo da imagem maior que a do monitor aparece maior no ecr que nas
dimenses de impresso especificadas. Por exemplo quando visualizamos uma imagem de 1x1 polegadas de 144
ppi num monitor de 72 dpi, aparece com 2x2 polegadas no ecr. Isto deve-se ao facto do monitor conseguir
mostrar apenas 72 pixis por polegada, para mostrar 144 pixels precisa do dobro do tamanho.
Resoluo da impressora
O nmero de pontos de tinta por polegada (ink dots per inch dpi) produzido por todas as impressoras laser,
incluindo mquinas de tipografia. A maior parte das impressoras tem resoluo de 600 dpi enquanto as
mquinas de tipografia tm 1200 dpi ou mais. Para determinar a resoluo adequada para impresso da sua
imagem veja a parte relacionada com a frequncia do ecr.
As impressoras janto de tinta (as mais baratas que temos em casa) produzem jactos de tinta, no pontos.
Normalmente tm uma resoluo aproximada entre 300 e 600 dpi e produzem bons resultados quando
imprimem imagens at 150 ppi.
Frequncia de varrimento da impressora
O nmero de pontos de impresso ou clulas por polegada usados para imprimir imagens a preto e branco ou
separao de cores. Esta frequncia medida lpi (line per inch) ou clulas por polegada no varrimanto halftone.
A relao entre a resoluo da imagem e a frequncia de varrimento determina a qualidade do detalhe na
imagem impressa. Para produzir imagens haltone da melhor qualidade normalmente usa-se uma resoluo da
imagem que 1.5 a 2 vezes a frequncia de varrimento. Mas com algumas imagens e dispositivos de sada
uma resoluo menor produz melhor resultados. Para conhecer a frequncia de varrimento da sua impressora,
consulte o manual ou o fornecedor de servio.

Exerccio n3
Suponha que dispe duma imagem de 5*7 cm2 com uma resoluo de 100 ppi. Qual o tamanho da imagem
em pixels?

Tamanho do ficheiro
O tamanho duma imagem digital medida em kilobytes (KB), megabytes (MB), ou gigabytes (GB). O tamnho
di ficheiro proporcional ao nmero de pixis da imagem. Imagens com mais pixis produzem mais detalhe
num determinado tamanho, mas precisam de mais espao em disco e mais demoradas a imprimir ou editar.
Por exemplo uma imagem 1x1 polegas e 200 ppi contm 4 vezes mais pixis que uma 1x1 polegada com 100
ppi e portanto quatro vezes o tamanho do ficheiro. A resoluo da imagem um compromisso entre a
qualidade da imagem (capturada com todos dados necessrios) e o tamanho do ficheiro.

Um outro factor que afecta o tamanho do ficheiro o seu formato devido variao na variao dos mtodos
de compresso usados pelo GIF, JPEG, PNG, etc...o tamanho dos ficheiros pode variar bastante com a mesma
dimenso em pixis. Similarmente, o nmero de bits para cor e o nmero de camadas e canais pode afectar
sobremaneira o tamanho dos ficheiros.
O Photoshop suporta imagens com tamanho maximo de 30 000x30 000 pixis e tamanho de ficheiro de 2 GB.

Exerccio n 4
a) Qual o tamanho dum ficheiro a cores, usando o modelo RGB, com 7x5 polegadas
com 72 ppi de resoluo?
b) Se tivermos uma imagem a cores e outra a preto e branco com o mesmo tamanho
em centmetros qual a que ocupa mais espao em disco

Salvaguarda e Armazenamento de ficheiros Photoshop

O Photoshop tem a facilidade de armazenar o nosso trabalho numa diversa variedade de formatos.

Um formato de ficheiro a maneira segundo a qual um ficheiro armazenado ou acedido. Cada vez que
guardamos um ficheiro faz-lo num formato particular que determina como se pode usar o ficheiro
posteriormente. A maioria das aplicaes grficas, como alis o Photoshop permitem guardar as
imagens, nos mais variados formatos.

Formatos nativos ou proprietrios

Optimizados para a aplicao que o gerou. Tipicamente s a aplicao nativa (ou aplicaes do mesmo
fabricante) podem ler estes formatos proprietrios,e mbora haja excepes. O Photoshop tem
como formato nativo os ficheiros com extenso .psd1 e temos uma srie de vantagens em manter
os nossos ficheiros nesse formato se for possve:
Os ficheiros esto optimizados e o trabalho corre mais rpido.
As camadas so perdidas quando se converte para outros formato
Se necessrio, podemos salvar cpias adicionais noutros formatos

Formatos portveis
Ficheiros nestes formatos podem ser movidos entre aplicaes (de diferentes tipos) e entre
computadores. Para saber que formatos podemos usar clique na opo Save As (Guardar Como) e
aparece automaticamente a lista de formatos disponveis.

Que formato escolher?

Vamos explicar aqui apenas alguns porque aparecem uma boa dzia!

TIFF (Tagged Image File Format)

Especialmente concebido para a impresso de imagens obtidas via scanner. Disponibiliza grande preciso
e flexibilidade. Pode ter a cor separada.
Tem codificaes especiais para o Windows e para o MacIntosh. Como usamos normalmente o Windows
devemos usar a codificao para esta plataforma. Pode incluir percursos separados que permite as
imagens serem feitas em silhueta. Quando uma imagem com um percurso separado importada para
uma aplicao que os reconhece, a rea fora do percurso normalmente transparente no ecr e quando
o ficheiro impresso.
Bastante usado em aplicaes de impresso. As imagens EPS podem ser traduzidas para PostScript e
impressas com mais facilidade em impressoras PostScript que os outros formatos.

Photoshop EPS (Encapsulated PostScript)

Bastante usado em aplicaes de impresso. As imagens EPS podem ser traduzidas para PostScript e
impressas com mais facilidade em impressoras PostScript que os outros formatos. Pode ser separada da
cor. Pode tambm incluir paths para clipping. Tamanho maior que o dos ficheiros psd ou tiff.

PICT
Formato nativo para grficos em MacIntosh. Um bom formato para apresentaes no ecr. Normalmente
trs problemas com as impressoras PostScript.

GIF (Graphic Interchange Format)

Trata-se dum standard no WWW. Usa um mximo de 256 cores. Usa cores indexadas para tornar o
tamanho de ficheiro pequeno (com perdas). Mais apropriado para imagens com reas coloridas planas.
As imagens podem ser tornadas transparentes e podem ser definidas para ser carregadas como grfico
interlaado.

JPEG (Point Photographic Experts Group)

1

No tem a ver com o Duro Barroso!

Trata-se dum formato que a norma usada no WWW para fotos. A compresso JPEG que tem perdas
funciona melho com fotografias e imagens com cores contnuas. O nvel de compresso um
compromisso entre o tamanho do ficheiro e a preservao da qualidade da imagem.

Exerccio n 5
Descarregue o ficheiro aretocar.psd da pgina da disciplina (Trabalhos Prticos) e guarde-o em disco nos
diferentes formatos jpeg, eps, tiff, gifpsd disponveis no Photoshop.
a)

Preencha a seguinte tabela:

Nome
aretocar.psd
aretocar.jpg
aretocar.tiff
aretocar.psd
Aretocar.gif

Tamaho (bytes)

b) Comente os resultados obtidos

As Barras de Ferramentas
* apenas no Photoshop
apenas no ImageReady

Feramentas de seleco
(marquee tool) que
permitem seleccionar
partes rectangulares
quadradas ou elpticas da
imagem editada

Ferramenta de
movimentao (move
tool) move seleces,
camadas e guias.

Ferramentas de lao
( lasso tools) permitem
fazer seleces mo
livre, poligonais ou
magnticas

Ferramenta de seleco
de areas coloridas
( magic wand tool)
selecciona reas
igualmente coloridas.

Ferramenta de corte
( Crop tool) corta
imagens .

A ferramenta de
pedaos (slice tool) cria
pedaos da imagem

Ferramenta de seleco
de pedaos ( slice
selection tool)
selecciona.

O areogrfo (airbrush
tool) permite pinceladas
com contornos leves
(soft-edged strokes).

Pincel (Paintbrsuh tool) Lpis (pencil tool)

O carimbo padro
O carimbo (clone stamp
( pattern stamp tool )*
tool ) pinta com uma
pinta como parte duma
amostra de uma imagem
imagem como padro.

Pincel histrico artstico

( art history brush
O pincel histrico
tool *) pinta com
( history brush tool *)
pinceladas estilizadas
pinta uma cpia dum
que simulam a aparncia
estado seleccionado ou
de diferentes estilos de
duma imagem instantnea
pintura , usnado um
para a janela actual.
estado seleccionado ou
uma imagem instantnea.

A borracha ( eraser
tool) apaga pixis e
restaura partes de uma
imagem para um estado
anterior.

A ferramenta para
apagar o fundo
(background eraser
tool *) apaga reas do
fundo para transparente

10

Borracha mgica (magic

eraser tool ) apaga reas
solidamente coloridas
transformado-as em
transparentes com um
simples clique.

As ferramentas de
gradiente ( gradient
tools ) criam linha rectas,
radial *, ngulos *,
reflexos *, e diamond *,
misturas entre cores .

Ferramenta de aguar (
Ferramenta de borrar
sharpen tool) torna mais
(smudge tool) borra
slidas as arestas suaves
partes duma imagem.
duma imagem.

Ferramenta de pintar
em lotes (paint bucket
tool *) enche reas com
cores similares com a cor
de primeiro plano.

Ferramenta de
embaciar ( blur tool )
embacia as arestas
slidas duma imagem .

Ferramenta de clarear
clareia areas duma
imagem.

Ferramenta de
escurecer ( burn tool)
escurece reas numa
imagem. .

Ferramenta de seleco
de percursos (path
selection tools *) faz
A esponja ( sponge tool) seleces de formas ou A ferramenta de tipo
muda a saturao de cores segmentos mostrando
( type tool) cria tipo
numa rea.
ncoras linhas e pontos numa imagem.
de direco.

A caneta ( pen tools *)

permite-nos desenhar
percursos suaves

11

A ferramenta de figuras
feitas medida ( custom
shape tool * ) faz formas
medida seleccionadas
duma lista.

A ferramenta de
anotaes ( annotations
tool * ) faz anotaes em
texto ou voz que podem
ser associadas a uma
imagem.
.

O conta-gotas
(eyedropper tool )
experimenta cores numa
imagem.

A ferramenta de medida
( measure tool *) mede
distncias, localizaes e
ngulos

A mo ( hand too)l move O zoom ( zoom tool)

uma imagem na sua
aumenta e reduz a vista
janela.
duma imagem.

As ferramentas de
correspondncia de
reas de imagens
( image map tools . )
definem reas de
correspondncia numa
imagem.

Ferramenta de seleco
de reas de
correspondncia
( image map select
tool ) selecciona reas
de correspondncia.

Comutador de
visibilidade de reas de
correspondncia (toggle
image map visibility
tool ) comuta entre
mostrar e esconder reas
de correspondncia de
imagens.

A ferramenta de pr
visualizao de rollover
( rollover preview
tool ) permite a pr
visualizao de efeitos
directamente
ImageReady.

A ferramenta de pr
visualizao no browser
por defeito (The preview
in default browser
tool ) permite a prvisualizao de
animaes num browser
Web.

Comutador de
visibilidade de pedaos
da imagem ( toggle
slices visibility tool )
comuta entre mostrar e
esconder pedaos duma
imagem.

12

Exerccio 6
Descreva sucintamente as possibilidades disponveis no PhotoShop potenciadas pela barra de ferramentas. O
que lhe parece que possvel fazer?

Camadas
Uma nova imagem no Photoshop ou ImageReady uma unica camada. No Photoshop esta camada
chamada a camada de fundo e anloga tela que se pinta. No se pode mudar a sua posio na pilha
das camadas sempre a camada de fundo. Tambm no se pode mudar a sua opacidade nem aplicar
um modo de mistura (blending mode) a menos que seja transformada previamente numa camada
normal.

As camadas permitem-nos fazer mudanas numa imagem sem alterar o original. Podemos por exemplo
fotografias ou elementos de fotografias em camadas separadas e combin-las numa imagem composta.
Podemos imaginar as camadas como sendo um conjunto de acetatos uns em cima dos outros. Quando
no h imagens numa camada podemos ver as camadas abaixo. Todas as camadas dum ficheiro tm a
mesma resoluo comeam com o mesmo nmero de canais e tm o mesmo modo de imagem.

A zebra a camada mais me cima.

13

As reas transparentes duma camada permitem-nos ver as camadas abaixo.

Podemos pintar, editar, remover ou acrescentar elementos numa camada sem afectar as outras. At que se
combine ou se junte as camadas elas permanecem independentes uma das outras. Isto singifica a possibilidade
de experimentar grficos, tipos, opacidades e misturas. Existem no Photoshop e ImageReady camadas normais
ou de texto. O Photoshop suporta adicionalmente camadas de ajustamento e de preenchimento (fill). Pode-se
aplicar efeitos sofisticados s camadas desde mscaras, clippin paths e estilos. No ImageReady podemos para
alm disso criar estados rollover e animaes.
Quando se transfere uma imagem em camadas do Photoshop para o ImageReady todas as camadas e respectivos
atributos so preservados. Embora as camadas de ajustamento e preenchimento s possam ser editadas no
Photoshop podem ser visualizadas no ImageReady. Os percursos separados embora possam ser criados pelas
duas aplicaes tm maior suporte no Photoshop.

Exerccio n 7
Descreva sucintamente o que so as camadas do Photoshop e qual a sua grande utilidade. Sem esta
funcionalidade o programa ficava mais pobre? Porqu ou porque no?

Canais
O Photoshop usa canais especiais para manter informao sobre a cor da imagem e informao sobre
determinadas partes. Se uma imagem tiver vrias camadas cada uma delas tem o seu prprio conjunto de canais
de cor.
Os canais de informao sobre a cor so criados automaticamente quando abrimos uma nova imagem. O modo
de cor da imagem e no o seu nmero de camadas determinam o nmero de canais de cor que so criados. Por
um exemplo uma imagem RBG tem quatro canais (um para o vermelho, um para o verde, outro para o azul e um
outro composto com informao usada para editar a imagem.
Podemos criar canais alfa para armazenar seleces como imagens a preto e branco com 8 bits. Pode-se ainda
usar os canais alfa para criar e armazenar mscaras que permitem manipular, isolar e proteger partes da
imagem. Seleces salvas nos canais alfa podem ser carregados no ImageReady.
Adicionalmente, podemos criar canais de cor para regies para especificar estampas adicionais para impresso
com cores de tinta para regies (spot color inks). Uma imagem pode ter at 24 canais (cor + alfa).

14

O tamanho de ficheiro necessrio para um canal depende da informao de pixel no canal. Alguns formatos
(incluindo o tiff e photoshop) compactam a informao dos canais e podem poupar espao. O tamanho no
compactado dum ficheiro, incluindo os canais alfa e as camadas, aparece na barra inferior da janela quando se
escolhe Document Sizes.

Exerccio n8
O que distingue os canais do Photoshop das camadas?

Mscaras
As mscaras permitem-nos isolar e proteger partes da imagem quando se aplicam mudanas de cor, filtros ou
outros efeitos ao resto da imagem. Quando selecciona parte da imagem, a rea nao seleccionada mascarada ou
protegida para a edio. Tambm podemos usar mscara para edio complexa de imagens como aplicao
graduais de cor ou efeitos de filtros.
Adicionalmente, as mscaras permitem-nos guardar e reutilizar seleces que consomem muito tempo como
canais alfa. Os canais alfa podem ser convertidos em seleces e usados para edio de imagem.
Como as mscaras so armazenas como canais em tons de cinzento com 8 bits podemos refin-los e edit-los
usando as ferramentas disponveis de edio e pintura.
Quando se selecciona as mscaras na palete dos canais, a cor de primeiro plano e a de fundo aparecem como
valores em tons de cinzento.
Criao de mscaras temporrias no Quick Mask mode.
Para criar uma mscara temporria
1.
2.

Usando uma ferramenta qualquer de seleco, seleccione a parte da imagem que quer mudar
Clique no boto quick mask mode na ferramenta .

rea seleccionada e aplicado Quick Mask mode

Uma camada de cor cobre e protege a rea fora da seleco. A rea seleccionada deixada desprotegida pela
mscara. Por defeito essa camada um vermelho 50% opaco.
3.

Para editar a mscara selecciona uma ferramenta de pintura ou edio da barra de ferramentas or
seleccione um filtro da barra de menus. Por defeito pintar de preto adiciona mscara, encolhendo a
rea seleccionada e pintar de branco diminui a zona mascarada, aumentando a seleco.

15

4.
5.
6.

Clique no boto de modo normal na ferramenta para sair do quick mask e regressar imagem
original. Uma fronteira de seleco limita a rea desprotegida.
Aplique as mudanas desejadas na imagem. As mudanas apenas afectam a rea seleccionada.
Escolha Select > Deselect ou salve a seleco.

O tamanho de ficheiro necessrio para um canal depende da informao de pixel no canal. Alguns
formatos (incluindo o tiff e photoshop) compactam a informao dos canais e podem poupar espao. O
tamanho no compactado dum ficheiro, incluindo os canais alfa e as camadas, aparece na barra inferior da
janela quando se escolhe Document Sizes.

A. Mscara opaca usada para proteger o fundo e colorir a concha.. B. Mscara opaca usada para pintar o fundo
e proteger a concha. C. Mscara semi transparente usada para colorir o fundo e uma parte da concha.
No Photoshop podem-se criar mscaras, todas armazenadas pelo menos temporariamente como canais de tons
de cinzento das seguintes formas:
1. Criar mscaras temporrias com o Quick Mask mode
2. Salvar e carregar seleces que queremos usar cmo mscaras em canais alfa.
3. As mscaras e os percursos separados de camada permitem-nos criar um misto de mscaras soft e
hard na mesma camada. Introduzindo mudanas numa mscara ou num percurso de camada, pode
aplicar uma variedade de efeitos especiais.

Exerccio n9
Apresente um cenrio em lhe paream teis as mscaras

Percursos (Paths)
Os percursos (paths ) so difceis de aprender mas bastante teis.
Quando se cria uma imagem num computador h uma distino entre desenhar e pintar. Pintar significa mudar a
cor de pixis usando uma ferramenta de pintura. Podem-se aplicar as cores gradualmente com contornos suaves
e transies e manipular os pixis individualmente usando efeitos de filtragem bastante sofisticados. Contudo
quando se aplica uma pincelada no h uma maneira simples de seleccion-la completamente e colocar numa
outra localizao da imagem.

16

Desenhar por outro lado, envolve a criao de figuras que so definidos como objectos geomtricos (tambm
chamados objectos vectoriais). Por exemplo se se desenhar um crculo como uma ferramenta de elipses, o
crculo definido como uma localizao, um raio e um cor. Podemos mov-lo para uma nova localizao ou
podemos editar a sua meta-informao (outline) e distorcer a sua forma.

Exerccio n 10
Que diferena existe entre as imagens bitmap e os grficos vectoriais?

Trabalhar com figuras tem vrias vantagens:

1.

2.

As figuras so orientadas ao objecto podem ser seleccionadas, mudadas de tamanho de localizao.

possvel editar as suas caractersticas (designada por percursos) e atributos (tal como tamanho das
linhas, cor e forma de preenchimento). Podem-se usar figuras para fazer seleces e criar-se biblioteca
de figuras.
So independentes da resoluo : mantm-se os seus contornos quando se muda o seu tamanho, se
imprime se salva num ficheiro PDF ou se importa para aplicao grfica baseada em vectores.

Uma caneta um dispositivo com o qual se vai aprendendo a trabalhar. H muitas canetas na ferramenta de
canetas. Podemos criar linhas e formas que podem ser afinadas, guardadas como percursos, coloridos e
convertidos para seleces. Os pontos de referncia (ncoras) so ligados por segmentos que ligam para fazer
um sub-percurso. Os sub-percursos combinados formam um percurso.
Exemplo de percursos:
1.
2.

Desenhar um linha recta

Desenhar um crculo.

Percurso de trabalho: um percurso de trabalho um percurso que foi desenhado com ferramenta de desenho e
ainda no foi guardado. Trata-se de trabalho em curso. Pode ser guardado se quisermos conserv-lo; de outra
maneira, se comearmos um novo percurso vai apag-lo.
Percurso separado (clipping path): um percurso guardado para ser usado num programa de grfico baseado
em vectores.
As mscaras permitem-nos isolar e proteger partes da imagem quando se aplicam mudanas de cor, filtros ou
outros efeitos ao resto da imagem. Quando selecciona parte da imagem, a rea nao seleccionada mascarada ou
protegida para a edio. Tambm podemos usar mscara para edio complexa de imagens como aplicao
graduais de cor ou efeitos de filtros.

Filtros
Como se descrever na seco de terminologia os filtros podem ser usados para retocar e limpar as imagens e
tambm para criar efeitos especiais. H demasiados filtros para serem descritos nesta introduo. A melhor
maneira de ver o que se pode fazer com eles experiment-lo. Contudo h uma srie de filtros
1.

Assegure que guardou a sua imagem antes de lhe aplicar um filtro

17

2.
3.
4.
5.

Muitos filtros disparam uma janela de dilogo com opes quando so seleccionados. Essas janelas
disponibilizam janelas de pr visualizao que permitem antecipar as modificaes que serem feitas
na imagem. No se esquea de as utilizar.
Alguns filtros s funcionam se tiver uma parte da sua imagem seleccionada primeiro.
Pode limitar a parte afectada pelo filtro seleccionado primeiro uma regio seleccionada da sua imagem.
As mscaras permitem-nos isolar e proteger partes da imagem quando se aplicam mudanas de cor,
filtros ou outros efeitos ao resto da imagem. Quando selecciona parte da imagem, a rea nao
seleccionada mascarada ou protegida para a edio. Tambm podemos usar mscara para edio
complexa de imagens como aplicao graduais de cor ou efeitos de filtros.

Automatizao de aces
Uma aco uma srie de comandos que se podem executar num nico ficheiro ou num conjunto de ficheiros.
Por exemplo, pode-se criar uma aco que aplique um comando de tamanho de imagem para um tamanho
especfico em pixes, seguido por um filtro Unsharp Mask que aumenta o detalhe seguido dum comando de
Save que guarda o ficheiro no formato desejado.
Muitos comandos e operaes realizadas com ferramentas so registveis em aces. Estas podem incluir
paragens para deixar executar tarefas que no so registveis (por exemplo, usar a ferramenta de pintura). As
aces podem tambm incluir controlo de modo que permitem deixar introduzir valores m janelas de dilogo
durante a respectiva execuo. As aces constituem a base para os droplets, pequenas aplicaes que
processam automaticamente todas os ficheiros que so despejadas no respectivo con.

Aco aplicada a uma imagem

Tanto o Photoshop e ImageReady disponibilizam aces pr definidas. Pode-se usar essas aces e usar outras
feitas por ns.
Como se descrever na seco de terminologia os filtros podem ser usados para retocar e limpar as imagens e
tambm para criar efeitos especiais. H demasiados filtros para serem descritos nesta introduo. A melhor
maneira de ver o que se pode fazer com eles experiment-lo. Contudo h uma srie de filtros

Optimizao de Imagens para o Web

18

Optimizao o processo de afinao entre a qualidade da imagem e o tamanho do ficheiro para posterior uso
no Web ou outro mdia em linha. Tanto o Photoshop como o ImageReady uma srie de formas efectivas de
compactar o tamanho do ficheiro ao mesmo tempo que optimiza a qualidade de visualizao imagem.
Pode optimizar a imagem em trs principais formatos de ficheiros de imagem usados na Web : GIF (Graphics
Interchange Format), JPEG (Joint Photographic Experts Group), e PNG-8 ou PNG-24 (Portable Network
Graphics, com cores com 8-bits e 24-bits) .
H dois mtodos para optimizar imagens :
Bsica : em que se usa o Save As indicando o formato de ficheiro e dependendo deste a qualidade da imagem, a
transparncia ou no do fundo, a cor e o mtodo de descarga. Contudo algumas funcionalidades do Web como
pedaos, ligaes, animaes, etc que podem ter sido adicionadas ao ficheiro no so preservadas.
Precisa: podem-se usar as funcionalidades de optimizao do Phostoshop ou ImageReady para pr visualizar as
imagens optimizadas nos diferentes formatos com diferentes atributos. Pode-se visualizar mltiplas verses da
imagem simultaneamente modificar as opes de optimizao para o que se deseja. Tambm se pode
especificar a transparncia ou no do fundo, definir a dimenso em pixis ou numa percentagem do seu
tamanho original, etc...
Quando guarda um ficheiro optimizado usando Save for Web (Photoshop) ou Save Optimized (ImageReady)
pode optar por gerar um ficheiro HTML para a imagem. O ficheiro contm todo cdigo necessrio para mostrar
a imagem com ligaes, animaes, etc... num browser Web.

Exerccios n 11
1- Realize uma leitura cuidada da parte introdutria da ficha, tentando com base na leitura da ajuda (help)
e com a realizao de pequenos exerccios eliminar as vrias dvidas que lhe sejam entretanto
suscitadas
2- Para concretizar ideias ser realizado um exerccio prtico que consistir em retocar uma fotografia.
Vo ser feitas as correces tpicas necessrias a uma imagem digitalizada. O Adobe Photoshop
disponibiliza uma srie de ferramentas adequadas para esse efeito
a. Descarregue
a
imagem
aretocar.psd
disponibilizada
no
servidor
http://marco.uminho.pt/disciplinas/TELEMEDIA para a sua rea de trabalho.

b.

c.

Abra essa imagem no Photoshop. A foto est torta, ligeiramente manchada e tem um tom
avermelhado. Para alm de resolvermos estes problemas, vamos remover o pequeno barco no
centro da imagem, ajustar o tom e o balano da cor na imagem e mesmo substituir o cu actual
por outro. A primeira operao a realizar cortar e endireitar a imagem
Selecciona a ferramenta de corte (crop tool) na barra de ferramentas. Vai-se agora seleccionar
a parte da imagem que se pretende cortar.

19

d.
e.
f.

Mova o ponteiro de seleco at que o rectngulo de corte seja paralelo com a imagem. Clique
em Enter. A imagem fica agora cortada e direita. O prximo passo eliminar o pequeno barco
no centro da imagem, pintando-lhe gua em cima (afundando-o !).
Seleccione a ferramenta de zoom; a seguir clique no pequeno barco para ampliar essa zona da
imagem.
Clique duas vezes no carimbo (clone stamp tool). Coloque-o na gua entre o barco e a corda e
clique na tecla Alt para apanhar uma amostra desta parte da imagem.

g.

Coloque isso em cima do pequeno barco at o afundar -.

h.

Clique duas vezes no zoom para regressar aos 100%. A seguir vamos expandir o gama de
tonalidades da imagem de tal modo que as cores passem da zona de escuro para a mais
iluminada.
Escolha Image->Adjust->Levels e seleccione a opo de pr visualizao. Observe o
histograma na caixa de dilogo. Se a imagem tiver cores em toma gama de brilho, o grfico
estende-se atravs de toda largura do histograma. Se ao contrrio, o o grfico estiver
amontado no centro do histograma, deve-se concluir que no h cores muito claras ou muito
escuras.
O que e o que representa o histograma duma imagem?

i.

j.

20

k.
l.

Estender o grfico de forma a cobrir toda a gama histograma. Clique OK.

Escolher Image->Adjust->Levels para visualizar o histograma novamente. A gama de
tonalidades estende-se agora na gama inteira do histograma. Clique Cancel.
m. Que efeitos tem na imagem esticar ou encolher o histograma?

Observe que a imagem tem uma tonalidade vermelha. Para posteriormente refinar a correco de
cores na imagem vamos agora ajustar o balano de cores. A caixa de dilogo do balano deixa ajustar
trs valores na imagem: as sombras, os tons do meio e a claridade.
n.

o.

Escolha Image->Adjust->Color Balance. Seleccione a opo de pr visualizao. Para ajustar

os tons do meio para se tornarem menos vermelho, mexa o cursor de topo para Cyan (valor
15) e o cursor do meio para Green (valor +8). Clique Ok. A seguir vamos saturar as cores do
barco usando a esponja (sponge tool).
Escolha a esponja, escolha a intensidade de saturao a 40%. Observe o efeito da reflexo da
gua.

21

p.
q.

Guarde o ficheiro no formato psd na sua rea de trabalho com o nome retocado.psd
Publique o ficheiro retocado.psd na sua rea no servidor WWW da disciplina com o nome
CSXXXX-retocado.psd

Crditos
Adaptado dum Tutorial acessvel em linha no site da Adobe (www.adobe.com)

22