Webdesign PHOTOSHOP

INICIANDO

Vamos iniciar o uso do Photoshop estudando o dimensionamento e visualizao

da rea de trabalho e da imagem.

Ajustamos o tamanho da rea de trabalho utilizando o comando Tamanho da

Tela de pintura... do menu Imagem, que abre o quadro de dilogo.

1 - Abra o arquivo zebra.psd.

2 - No menu Imagem escolha a opo Tamanho da Tela de Pintura.

3 - Altere o tamanho da rea de trabalho para 500 px x 600 px, travando no canto
superior esquerdo - ncora.

Repare que na figura a seguir, a rea de trabalho cresceu somente nos cantos
direito e inferior, e o tamanho do arquivo tambm foi aumentado.

1
Webdesign PHOTOSHOP

Podemos desfazer somente a ltima ao no Photoshop, utilizando a funo

desfazer. No menu Editar, escolha a opo Desfazer Tamanho da Tela de
pintura, ou pressione Ctrl + Z, voltando a rea de trabalho ao seu tamanho
original.

Uma boa e rpida maneira de trabalhar com o Photoshop ir acostumando-se a

usar teclas de atalho, com isso voc economizar muitos movimentos
desnecessrios do mouse, agilizando seu trabalho.

Agora vamos redimensionar a figura.

1 - No menu Imagem, escolha a opo Tamanho da Imagem

2 - No quadro de dilogo, altere a Largura, da seo Tamanho do Documento

mantendo as propores constantes. Neste quadro podemos alterar o tamanho
da figura a ser impressa, observando suas dimenses na tela do computador na
seo Dimenses em Pixel.

A opo Redefinir a Resoluo da Imagem, indica qual mtodo de interpolao

ser utilizado para calcular os valores de cores dos pixels durante a ampliao ou
reduo da imagem, utilizando os valores da cor dos pixels existentes.

a - Pelo Mais Prximo - o mtodo mais rpido, mas menos preciso. Este
mtodo pode resultarem efeitos dentados que ficam aparentes quando
distorcemos ou redimensionamos uma imagem, ou ento, executamos
manipulaes mltiplas em uma seleo.

b - Bilinear - um mtodo de mdia qualidade.

c - Bicbica - o mtodo mais lento, porm mais preciso, resultando em

graduaes tonais mais lisas.

2
Webdesign PHOTOSHOP

Para ampliarmos ou reduzirmos a visualizao da imagem, utilizamos o comando

Zoom, que pode ser acessado via menu - opes Aumentar Zoom e Diminuir
Zoom do menu Visualizar, pelas teclas de atalho Ctrl + + ou Ctrl + -, que
realizam uma ampliao de toda figura, ou atravs da ferramenta Zoom (lupa) na
barra de ferramentas

1 - Com o arquivo zebra.psd aberto, pressione Ctrl + +, seguidas vezes at

alcanar o mximo de ampliao, ou seja, 1600%. Este comando ir ampliar a
figura a partir do centro, quando possvel ver os pixels individualmente.

A navegao na figura muito grande pode ser realizada com o uso das barras de
rolagem vertical e horizontal, ou atravs da janela Navegador. Esta janela
permite uma visualizao total da figura com a indicao da rea visvel, onde
poderemos tambm alterar o Zoom de uma forma mais linear com o boto
Controle Deslizante do Zoom.

2 - Se a janela Navegador no estiver aberta, use a opo Mostrar Navegador

do menu janela..

3 - Estando o ponteiro do mouse com a forma de uma mo indicando, d um

clique na regio da figura onde deseja observar. Escolha uma regio com alguns
detalhes.

Repare que neste nvel de ampliao podemos ver os pxels da figura, onde
possvel a sua edio.

3
Webdesign PHOTOSHOP

4 - Posicione o ponteiro sobre o retngulo vermelho, arraste-o, visualizando a

figura mais dinamicamente.

Podemos fazer o mesmo utilizando a Ferramenta Mo(H), arrastando-a sobre a

janela da imagem podemos observar a figura se movimentar dentro da janela,
experimente.

5 - Arraste o boto Controle Deslizante do Zoom e observe o aumento do

retngulo vermelho, mova at um Zoom de 300%.

Para acessar a Ferramenta Zoom, podemos ir com o ponteiro at a barra de

ferramentas e dar um clique em seu cone, ou pressionar a tecla Z. Para
sabermos qual a tecla de atalho de cada ferramenta, basta deixar o ponteiro
alguns instantes sobre o cone na barra de ferramentas, que o Photoshop nos
mostrar o nome da ferramenta e a tecla de atalho.

1 - Pressione a tecla Z.

2 - Leve o ponteiro at a rea de trabalho e d um clique, para ampliar a

visualizao. Normalmente a ferramenta Zoom possui um sinal de mais (+) em
seu ponteiro, indicando que cada clique sobre a figura ir ampli-la.

3 - Pressione a tecla Alt e observe que dentro do ponteiro existe agora um sinal
de subtrao (-), indicando que a cada clique sobre a figura a visualizao ser
reduzida.

4
Webdesign PHOTOSHOP

4 - A ferramenta Mo tambm pode ser transformada em ferramenta Zoom.

Selecione a ferramenta Mo e pressione Ctrl e Alt, e observe a mudana na
forma do ponteiro.

5 - Na rea de trabalho, arraste o cursor formando um retngulo pontilhado sobre

a rea que deseja ampliar. Aps soltar o boto do mouse, essa rea selecionada
ser ampliada para o tamanho da rea de trabalho visvel.

Podemos ter vrios arquivos do Photoshop abertos ao mesmo tempo, cada um

sendo mostrado em uma janela, mas somente uma delas pode ser a janela ativa.

Com o arquivo zebra.psd aberto abra tambm o arquivo urso.psd, da mesma

pasta, verificando que em determinado momento poderemos editar um, hora
outro.

1 - Abra o arquivo urso.psd.

2 - D um clique na janela do arquivo zebra.psd para torn-la ativa.

Existem vrios modos de exibio das imagens no monitor, a primeira, que

trabalhamos at agora, o modo padro, onde cada janela aparece no tamanho
normal. Os outros dois modos trabalham com a tela cheia. Para alternar entre
estes modos, d um clique em um dos botes na parte inferior da barra de
ferramentas ou pressione a tecla F para alterar entre estes modos.

5
Webdesign PHOTOSHOP

modos de visualizao modos de visualizao

Mas apesar de observar a imagem em tela cheia voc se sentir incomodado com
as janelas auxiliares do Photoshop, bastar pressionar a tecla <Tab> e ficar
visvel na tela somente a imagem que est sendo editada, ao pressionar <Tab>
novamente para elas voltarem a aparecer.

1 - Com os dois arquivos abertos na tela do computador e zebra. psd ativo,

pressione a tecla <F>.

2 - No menu Janela selecione a opo relativa ao arquivo urso.psd, tornando-o a

janela ativa. Repare que voltamos ao modo de janela padro.

3 - Clique na janela zebra.psd para ver somente a janela do arquivo sendo

exibida.

4 -Pressione sucessivas vez a tecla <F>, alternando entre os modos de exibio.

6
Webdesign PHOTOSHOP

SELEES

As selees so reas da imagem que voc marcou para fazer alguma alterao,
e caracterizam-se por uma linha pontilhada em torno da regio desejada.
Podemos criar selees utilizando a ferramenta Marca de Seleo, Lao, Varinha
Mgica, a opo Escala de Cores do menu Selecionar e com os Demarcadores,
como veremos mais adiante.

MARCA DE SELEO

Com as ferramentas de Marca fazemos selees de traado geomtrico -

retngulo, elipse, linhas e corte.

Na barra de ferramentas, as ferramentas que possuem sub-tipos tem no canto

inferior direito um pequeno tringulo, quando clicamos neste tringulo por alguns
instantes, aparecem as outras opes da ferramenta.

RETANGULAR E ELPTICA

1 - Abra o arquivo Nuvens.psd

2 - Com a ferramenta Marca de Seleo Retangular faa uma seleo retangular

na figura.

3 - Posicione o ponteiro dentro da rea selecionada e arraste-o, observando a

mudana de posio da seleo, sem alteraes na imagem.

4 - Com o ponteiro ainda dentro da rea selecionada, pressione a tecla <Ctrl> e

note que o ponteiro mudou para a forma de uma tesoura, indicando que esta rea
ser recortada se arrastarmos este ponteiro.

A seleo pode ser adicionada ou recortada utilizando-se as teclas <Shift> e

<Alt> juntamente com a ferramenta Marca de seleo.

5 - Com a primeira seleo ainda ativa, pressione a tecla <Shift> (adio)

enquanto faz outra seleo.

7
Webdesign PHOTOSHOP

6 - Pressione a tecia <Alt> (subtrao) e faa uma seleo envolvendo partes das
outras. Observe a figura a seguir.

Os mesmos princpios vistos anteriormente podem ser aplicados ferramenta

Marca de Seleo Elptica.

As ferramentas Marca de Seleo de Linha nica e Coluna, selecionam uma

rea vertical ou horizontal na figura com a largura ou altura de um pixel.

1 - Experimente fazer selees semelhantes s da figura a seguir.

8
Webdesign PHOTOSHOP

CORTE DEMARCADO

Com a ferramenta Corte Demarcado, cortamos a figura mantendo somente a

parte selecionada, descartando todo o seu restante.

1 - Abra o arquivo urso.psd e selecione a ferramenta Corte Demarcado (C)

2 - Arraste o mouse sobre a rea que voc deseja manter. Quando voc soltar o
mouse, a rea seleciona aparecer com botes dimensionadores.

3 - Ajuste esta rea arrastando estes botes. Podendo redimencionar, arrastar e

girar esta rea. Pressionando a tecla <Shift> mantemos as propores
constantes.

4 - Gire a seleo.

5 -Pressione a tecla Enter para cortar a figura. Para cancelar, pressione Esc.

OPOES DA MARCA DE SELEO

Obtemos um controle mais avanado das ferramentas Marcas de Seleo,

utilizando a barra de ferramentas de opes, logo abaixo do menu principal.

No menu suspenso Estilo, escolhemos como ser a aparncia da seleo:

Normal: permite escolher um tamanho livre.
Proporo Restrita: mantm as propores da seleo.
Tamanho Fixo: toda seleo ter um tamanho fixo para largura e altura.

9
Webdesign PHOTOSHOP

Na opo Difuso, especificamos o grau de suavidade, que til quando

utilizamos a seleo para corte. Quanto maior a Difuso melhor ser a transio,
evitando-se as mudanas abruptas entre as cores.

1 - Abra o arquivo Nuvens.psd

2 - Selecione a ferramenta Marca de Seleo Retangular.

3 - Na barra de ferramentas Opes, defina o fator de difuso = 0.

4 - Faa uma seleo, e copie com as tecla <Ctr> + <C>, ou atravs do menu
Editar, opo Copiar.

5 - Abra um novo arquivo pressionando <Ctrl> + <N>, utilizando um tamanho de

acordo com a rea copiada e com fundo branco. bom ir acostumando-se com
as teclas de atalho pois elas so mais geis que o movimento do mouse at o
menu.

10
Webdesign PHOTOSHOP

6 - Cole a parte do cu copiada anteriormente com <Ctrl> + <V>.

8 - Volte para o arquivo Nuvens.psd, definindo um novo fator de difuso. Copie

outra regio colando-a no arquivo novo.

Quando voc cola uma outra figura no arquivo novo, o Photoshop auto-
maticamente acrescenta mais uma camada neste arquivo. Observando a janela
Camadas, notamos as sucessivas camadas que esto sendo criadas.

A opo Suavizao de Serrilhado remove as extremidades dentadas de uma

seleo, fazendo uma transio sutil entre suas extremidades e os pixels
circunvizinhos.

1 - Selecione a ferramenta Marca de Seleo Retangular.

2 - Faa uma seleo oval com a opo Suavizao de Serrilhado desativada,

cole esta seleo em um novo arquivo.

3 - Agora faa uma nova seleo oval com a opo Suavizao de Serrilhado
ativada e cole em outro arquivo novo.

4 - Coloque todas as janelas de arquivos abertos visveis utilizando o menu

Janela Lado a Lado e compare as diferenas no uso da opo Suavizao de
Serrilhado.

LAO

Com a Ferramenta Lao (L), fazemos selees de traados livres onde

contornamos figuras irregulares.

A ferramenta Lao possui trs sub-tipos:

Lao, Lao Poligonal e Lao Magntico.

Com a primeira fazemos selees totalmente livres enquanto arrastamos o

ponteiro do mouse, com a segunda fazemos selees utilizando linhas retas, e
com a terceira a seleo tende a prender-se s extremidades de reas definidas
na imagem. A ferramenta de lao magntica especialmente til para selecionar
objetos rapidamente com extremidades complexas sobre fundos de
alto-contraste.

1 - Abra o arquivo urso.psd

2 - Selecione a ferramenta Lao.

3 - Arraste o mouse ao redor rosto.

4 - Quando o ponteiro encontrar o ponto inicial da seleo, o seu cone ter um

pequeno crculo ao lado.

11
Webdesign PHOTOSHOP

5 - Pressione a tecia <Delete>, apagando a rea selecionada mostrando com isso

o fundo da imagem.

6 - Pressione <Ctrl> +<Z> para desfazer a seleo.

7 - D um clique com o ponteiro dentro da rea selecionada para desfazer a

seleo.

Vamos agora selecionar o mesmo rosto utilizando a ferramenta Lao Poligonal.

1 - D um clique prximo ao rosto do urso, mova o mouse - repare que formada

uma linha reta entre o primeiro clique e a posio do ponteiro.

2 - D mais um clique em outro lugar a fim de circundar o mesmo rosto, podendo

a partir da selecionar todo o balo atravs de linhas retas.

3 - Quando o ponteiro estiverem sobre o ponto inicial da seleo, o seu cone ter
dois pequenos crculos indicando o possvel fechamento da seleo. Ou ento
para fechar a seleo basta dar um duplo-clique em qualquer lugar, que o
Photoshop unir a posio atual do ponteiro com o ponto inicial da seleo,
fechando-a.

4 - Coloque o ponteiro dentro da rea selecionada e d um clique para desfazer

esta seleo.

12
Webdesign PHOTOSHOP

A ferramenta Lao Magntico, possui alm das vistas anteriormente, as

seguintes opes:

Largura do Lao: especifica a distncia entre 1 e 40, em pixel, que a ferramenta

detectar diferenas entre contrastes, a partir da posio do ponteiro.

Freqncia: especifica a freqncia com que a ferramenta vai fixando pontos ao

redor da seleo, podendo variar entre 0 e 100.

Contraste de Arestas: especifica a sensibilidade do lao para as extremidades

na imagem, e est entre 1 % e 100%. Um valor mais alto detecta s extremidades
que contrastam nitidamente com os ambientes deles/delas; um valor mais baixo
detecta extremidades debaixo contraste.

1 - Selecione o mesmo rosto das vezes anteriores, utilizando a ferramenta Lao

Magntico. Aumente a figura com um Zoom de aproximadamente 500% para
melhor visualizar o trabalha da ferramenta.

2 - Altere as opes desta ferramenta, observando as diferentes formas e

facilidades de seleo.

13
Webdesign PHOTOSHOP

VARINHA MGICA

Com a ferramenta Varinha Mgica (W) selecionamos todos os pixels prximos ao

pixel clicado que possuem cores semelhantes. Esta ferramenta bastante til
quando queremos selecionar um objeto de determinada cor sem o uso das
ferramentas de seleo vistas anteriormente.

Nas opes da Ferramenta Varinha Mgica (W) encontramos o fator Tolerncia,

variando entre 0 e 255, que indica qual ser a tolerncia da ferramenta para a
seleo das cores semelhantes. Entrando com um valor baixo, selecionamos
cores bem parecidas com a do pixel clicado, e com um valor mais alto
aumenta-se o alcance de cores.

Tambm encontramos a opo Adjacente, que quando habilitada, faz com que o
a Varinha selecione apenas as reas conectadas a rea que voc clicou, quando
desabilitada, permite que a seleo de cores semelhantes funcione por toda a
imagem.

1 - Com o arquivo Nuvens.psd aberto, selecione a ferramenta Varinha Mgica.

2 - Altere a Tolerncia para 40 e selecione as opes Suavizao de Serrilhado

e Adjacente.

3 - D um clique em uma nuvem, selecionando boa parte dela - escolha uma cor
intermediria para dar o clique.

4 - No menu Selecionar opo Difuso..., defina o Raio de Difuso em 5.

Apesar de a janela Opes no ter esta opo, ns podemos alterla atravs do
menu. Note que ao fechar a janela de Raio de Difuso, a seleo ficar mais
linear.

5 - Pressione as teclas <Ctrl> + <Alt> enquanto arrasta o mouse, movendo a

nuvem para outro local.

14
Webdesign PHOTOSHOP

6 -D um clique com o boto direito dentro da rea selecionada, e no menu rpido

escolha Desfazer Seleo para que ela seja desfeita ou pressione <Ctrl> + D.

JANELA HISTRICO

Como a opo Desfazer possui somente um retorno e caso voc no tenha

gostado da posio da nova nuvem, no possvel desfazer esta mudana
utilizando esta funo, pois aps desfazer a seleo, o Photoshop apenas voltar
a seleo e mais nada.

Voltamos mais atrs com o uso da janela histrico - no menu Janela Mostrar
Histrico.

Nesta janela poderemos observar as aes realizadas com a imagem, podendo

voltar ao ponto onde nos interessa.

1 - Para voltar ao ponto onde as nuvens foram selecionadas, d um clique na

linha indicada na figura anterior.

2 - Ou se preferir voltar o arquivo at a ltima verso gravada da imagem no

disco, voc pode utilizar a opo Reverter do menu Arquivo respondendo que
deseja reverter, no quadro que aparecer.

Voltando ferramenta Varinha Mgica, voc pode expandir a rea selecionada

escolhendo as opes Aumentar e Semelhante do menu Selecionar, ou
utilizando o menu rpido - clique boto direito.

A opo Aumentar expande a seleo a partir da seleo inicial, anexando os

pixels adjacentes dentro da tolerncia especificada. A opo Semelhante
seleciona todas as regies na imagem onde as cores esto dentro da tolerncia
especificada.

1 - Selecione uma nuvem no arquivo Nuvens.psd com a ferramenta Varinha

Mgica.

15
Webdesign PHOTOSHOP

2 - Escolha a opo Aumentar do menu Selecionar. Repare que a seleo ficou

mais ampla ao redor da nuvem.

3 - Agora escolha a opo Semelhante do menu Selecionar note que todas as

nuvens foram selecionadas.

4 - Inverta a seleo escolhendo Selecionar Inverso no menu rpido. Agora o

que estar selecionado ser todo o cu e no mais as nuvens.

Esta seleo varia de acordo com os parmetros de difuso e tolerncia.

Experimente estas variaes.

ESCALA DE CORES

Atravs da opo Escala de Cores do menu Selecionar, podemos fazer

selees similares ao uso da ferramenta Varinha Mgica com a opo
Semelhante do menu Selecionar.

Com este comando podemos selecionar uma cor direto da imagem, ou escolher
uma a partir da janela Selecionar. O Photoshop selecionar os pixels relativos
cor escolhida de acordo com o valor da propriedade Grau de Seleo,
semelhante tolerncia da ferramenta Varinha Mgica.

1 - Com o arquivo Nuvens.psd aberto, escolha a opo Escala de Cores... do

menu Selecionar.

2 - Na caixa de dilogo Escala de Cores..., defina Selecionar para Amostra de

Cores e Grau de Seleo para 10.

3 - Mova o ponteiro com a forma de um conta gotas e clique sobre um azul,

selecionando todos os pixels de cores semelhantes na imagem.

16
Webdesign PHOTOSHOP

Os pontos selecionados podem ser vistos no quadro de amostra da janela Escala

de Cores ou diretamente na imagem, se voc mudar as opes no caixa de lista
Visualizar a Seleo.

MODIFICANDO AS SELEES

Aps selecionar uma determinada regio da imagem, voc poder aplicar

diversas ferramentas que permitem a modificao desta regio, como distores,
cores, bordas, filtros e muita outras.

Preenchendo selees

Uma seleo pode ser preenchida com uma cor, uma imagem vinda de outro
arquivo, ou uma textura.

Janela Informaes

Antes de preenchermos uma seleo com cor, veremos a janela Informaes

que est no mesmo quadro que a janela Navegador. Nesta janela temos as
informaes de posio do cursor, tamanho da seleo, parmetros de cor do
pixel atual e outras medidas conforme a ferramenta atualmente selecionada.

1 - Abra um arquivo novo com tamanho: Largura = 300 e Altura = 100 (pixels) com
fundo branco.

2 - Selecione a ferramenta Marca de Seleo Retangular e observe as

caracterstica da janela Informaes enquanto o ponteiro movido pela tela.

3 - D um clique no pequeno tringulo ao lado de cada cone da janela para

alterar a unidade atualmente utilizada tanto de cor quanto de medida.

17
Webdesign PHOTOSHOP

4 - Faa uma seleo olhando para as coordenadas mostradas pela janela

Informaes sem se preocupar com o ponteiro na tela, com os seguintes valores,
em pixel:

Com o Photoshop podemos escolher as cores de primeiro plano e de plano de

fundo atravs da barra de ferramentas.

Para escolher uma cor diferente da padro, basta dar um clique no quadro de cor
que se deseja modificar (Primeiro Plano ou Plano de Fundo) abrindo com isso o
quadro de dilogo Seletor de Cores onde possvel escolher uma cor
digitando-se seus valores para cada elemento ou dando um clique no quadro com
a matriz de cores.

(azul) cor de primeiro plano

cor de segundo plano (branco)

O Photoshop nos avisa quando a cor escolhida no pode ser impressa, e quando
no puder ser publicada com segurana na Internet.

18
Webdesign PHOTOSHOP

1 - Aps fazer a seleo descrita anteriormente, d um clique na Cor de Primeiro

Plano.

2 - Digite os seguintes valores para os parmetros de RGB: R=70 G=152 B=134.

Feche com OK.

3 - Aplique esta cor na seleo escolhendo a opo Preencher do menu Editar e

na caixa de lista Usar, escolha Cor de Primeiro Plano. Aplicando a cor na seleo.

19
Webdesign PHOTOSHOP

4 - Posicione o ponteiro dentro da seleo. Arraste o mouse, movendo a seleo

100 pixels para a direita. Use como guia a janela Informaes observando as
variaes de coordenadas polar e retangular.

5 - Escolha uma outra cor de fundo preenchendo esta segunda seleo.

6 - Faa uma nova seleo elptica que envolva parte das duas primeiras, e
preencha-a com uma terceira cor utilizando uma opacidade de 10%.

TEXTURAS

As selees tambm podem ter texturas atravs da aplicao de filtros. No menu

Filtro temos vrios tipos de filtros para textura na opo Textura.

1 Abra o arquivo nuvens.psd, selecione a regio central do cu.

2 - No menu Filtro escolha Textura e Texturizador...

20
Webdesign PHOTOSHOP

3 - Na caixa de lista textura escolha Carregar Textura, carregando o arquivo

pegadas.psd.

4 - Defina os parmetros desta textura.

5 - Experimente carregar outros tipos de textura, variando os parmetros de

Tamanho, Relevo e Direo da Luz.

MOLDURA - COMANDO STROKE

Finalizando o preenchimento de selees temos o comando Traar, que cria um

contorno ao redor da seleo. Acessado atravs do menu Editar Traar.

Na figura anterior vemos o quadro de dilogo Traar onde voc pode modificar os
parmetros de contorno da seleo.

1 - Abra o arquivo zebra.psd.

2 - Escolha um amarelo para cor de primeiro plano: R=249; G=244 e B=0.

3 - Escolha a opo Traar do menu Editar.

4 - Defina em 10 pixels a largura do traado, partindo para o lado de fora da

seleo. Poderia ser o centro ou para dentro. Feche com OK.

21
Webdesign PHOTOSHOP

5 - Remova a seleo e observe o contorno formado ao redor da rea

selecionada.

TRANSFORMANDO SELEES

Entendemos como transformaes, os comandos encontrados no menu Editar -

Transformao Livre e Transformao, neste menu esto as opes de
Escalar, Rotacionar, Inclinar, Distorcer e Perspectiva de um objeto
selecionado.

1 - Abra o arquivo pato.psd.

2 - Selecione o pato. (varinha mgica seleciona a rea branca)

22
Webdesign PHOTOSHOP

Depois v em selecionar inverter

3 - Escolha a opo Transformao Livre do menu Editar.

4 - Transforme a imagem movimentando os pontos de controle que envolvem a

seleo. Tente tambm utilizar as opes inclinar, rotacionar e escalar da opo
Editar / Transformao.

5 - Aplique a transformao dando um clique na barra de ferramentas, e na caixa

de dilogo que aparece, responda que deseja aplicara transformao.

23
Webdesign PHOTOSHOP

6 -Para finalizar, abra o arquivo pato.psd aplique a transformao Perspectiva

arrastando um dos pontos de controle da regio seleciona.

EXPANDINDO E CONTRAINDO

As seleo podem ser expandidas ou contradas com o uso dos comandos

Expanso e Reduo do menu Selecionar/ Modificar.

s vezes precisamos de um ajuste mais fino na seleo para incluir algum efeito,
hora aumentando hora diminuindo o seu tamanho.

1 - Abra um novo arquivo com fundo branco.

2 - Faa uma seleo retangular, e preencha-a com alguma cor clara.

3 - No menu Selecionar/Modificar, escolha Reduo.

4 - No quadro de dilogo Reduzir Seleo, escolha uma diminuio de 16 pixels

(valor mximo permitido) para a seleo. Clique em OK.

5 - Preencha a nova seleo com uma cor mais escura.

6 -Repita o mesmo processo com o comando Expanso.

24
Webdesign PHOTOSHOP

AERGRAFO

Esta ferramenta funciona como uma lata de spray, que espalha mais tinta
medida que diminumos a velocidade do ponteiro.

1 - Abra o arquivo urso.psd. Selecione toda a rea da imagem pressionando as

teclas <Ctrl + A>.

2 - Selecione o tipo de pincel Borrifo 39 com o modo Dissolver e a presso do

spray em 4%.

4 - Usando sua criatividade, tente reproduzir a figura abaixo, apenas utilizando a

ferramenta Spray, alternando os valores da presso em seguida para 50%,
utilizando os modos Diferena, Excluso e Dissolver, modificando inclusive o
pincel para Slido, Suave e Estrela.

25
Webdesign PHOTOSHOP

PAINTBRUSH

Esta ferramenta realmente como um pincel, espalhando a tinta mais

uniformemente que a ferramenta Aergrafo.

1 - Partindo de um arquivo em branco, selecione a ferramenta Pincel.

2 - Na barra de ferramentas opes, selecione Arestas Aguadas para escrever o

texto manualmente. Esta opo faz com que o pincel use recursos parecidos com
aquarela, que quanto mais tempo ele permanecer parado, mais a tinta se
espalhar.

3 -Veja o exemplo abaixo onde foi estilizado a bandeira do Brasil.

(TENTE FAZER!)

FERRAMENTA DEGRAD

A ferramenta Degrad muito utilizada na criao de fundos para imagens, pois

ela gera uma transio gradual de uma cor para outra. Podese definir um nmero
muito grande de gradientes a partir da janela de opes, comeando com a
escolha do tipo de gradiente na barra de ferramentas, se Linear, Radial, Angular,
Refletido ou Diamante.

Degrad Linear - cria uma matiz do ponto de partida ao ponto final em uma linha
reta.
Degrad Radial - cria uma matiz do ponto de partida ao ponto final num padro
circular.

26
Webdesign PHOTOSHOP

Degrad Angular - cria uma matiz ao redor do ponto de partida.

Degrad Refletido - cria uma matiz usando gradientes lineares simtricos em

qualquer lado do ponto de partida.

Degrad Diamante - cria uma matiz do ponto de partida externo em um padro

de diamante. O ponto final define um canto do diamante.

1 -Abra o arquivo pato.psd.

2 - Com a ferramenta Varinha Mgica, selecione toda a rea branca da imagem

e delete-a.

27
Webdesign PHOTOSHOP

3 - Selecione a ferramenta Degrad, com as opes da figura abaixo.

4 - Arraste o mouse no sentido de cima para baixo na imagem, ao soltar o boto

do mouse o gradiente ser construdo.

5 - Desfaa a gradiente aplicado anteriormente.

6 - D um clique em cima do degrad da barra de ferramentas de opes.

7 - No quadro de dilogo Editor de Degrad, arraste o ponto de cor central

mudando de posio. Os cones de cor final e inicial tambm podem ser
deslocados.

8 - D um clique no cone da cor final e depois clique no cone de cor

personalizada. Para definir qual ser esta cor clique no quadro de cor. Escolha
uma cor e depois feche a janela dando um clique em OK.

28
Webdesign PHOTOSHOP

9 - Crie outro gradiente, desta vez circular a partir do centro da imagem.

Podemos tambm utilizar os vrios padres de gradiente radiais e lineares

pr-programados do Photoshop.

CARIMBO

A ferramenta Carimbo utilizada para copiar pequenos trechos de uma imagem

para col-los em outra ou na mesma figura. O que ela faz criar um clone dos
pixels da imagem, como se fosse um carimbo da seleo.

1 - Abra os arquivos pato.psd.

2 - Posicione a ferramenta no canto esquerdo superior da figura das nuvens e

depois d um clique com a tecla <Alt> pressionada. Marcando o ponto de partida
da clonagem.

7 - A ferramenta Carimbo possui as mesmas propriedades de Pincel das outras

ferramentas de pintura. V at a janela e altere o formato do pincel.

29
Webdesign PHOTOSHOP

DESFOQUE, NITIDEZ E BORRAR

A ferramenta Desfoque faz com que a rea da figura selecionada, perca sua
nitidez, deixando com um aspecto embassado. A ferramenta Nitidez faz o
contrrio da ferramenta desfoque. Ela reconhece as cores dos pixels em volta da
rea selecionada, e adciona automaticamente contrastes e cores nas matizes dos
pixels, de modo que eles fiquem mais claros e exuberantes. Ela quase consegue
reverter o trabalho da ferramenta desfoque. Porm, de maneira muito leve, e
quando saturada ela destri os pixels da rea selecionada, manxando a figura.
Deve ser utilizada com cautela. Com a ferramenta Borrar fazemos um efeito de
borro criado com o dedo sobre uma pintura ainda fresca. Ela cria bordas mais
suaves quando mistura e harmoniza os pixeis por onde passa.

1 - Com o arquivo zebra.psd aberto, selecione a ferramenta Borrar (R).

2 - Na janela de opes, defina uma presso de 70%, e desative a opo Pintura

a Dedo. Escolha tambm na janela Pincis um pincel com uma borda suave.

3 - Arraste ferramenta Borrar entre as listras da zebra, dando a impresso de que

ele est soltando tinta.

30
Webdesign PHOTOSHOP

4 - Escolha um verde neon para a cor de Primeiro Plano.

5 - Nas opes da ferramenta Borrar, ative a opo Pintura a Dedo, na barra de

menu pintando o mesmo local de antes.

31
Webdesign Photoshop

FERRAMENTAS DE TEXTO

Com as ferramentas de ajuste podemos retocar fotografias, suavizar bordas e unir

as imagens e com a ferramenta de texto, escrevemos sobre a imagem.

TEXTO

Com a ferramenta Texto criamos ttulos, comentrios e letreiros para as imagens.

Caixa de Propriedades do Texto

Uma camada de texto no pode ser criada para imagens em modos multicanal,
bitmap, ou cores indexadas, porque estes modos no suportam camadas. Nestes
modos de imagem o texto aparece no Plano de Fundo e no pode ser editado.
Por isso quando voc quiser trabalhar com texto trabalhe sempre com
arquivos .psd.

1 - Abra o arquivo urso.psd.

2 - Selecione a ferramenta Texto (letra T) e clique no ponto onde deseja inserir o

texto.

3 - Na barra de ferramentas opes, escolha o tipo de fonte, tamanho,

espaamento entre linhas e caracteres, e a cor do texto.

32
Webdesign Photoshop

4 - Enquanto voc digita, o texto mostrado na figura.

EFEITOS DE TEXTO

Um texto do Photoshop pode tambm conter efeitos. Para adicionar um efeito,

basta que voc selecione a camada de texto e v para o menu:
Camada Estilo de Camada Brilho Externo

Escolhendo o efeito desejado. Veja na figura a seguir alguns exemplos de efeitos

de Texto.

33
Webdesign Photoshop

Faa agora o teste com todas as possibilidades de efeito (mesclagem),

alterando os valores

MODOS DE COR

Duotnico

Uma imagem Duotnica quando so utilizadas duas tintas para imprimir os

Tons de Cinza ao invs de tinta preta. Com mais de uma tinta para reproduzir os
Tons de Cinza a imagem fica mais definida, combinaes estas que conseguem
mostrar com maior nitidez a escala de cinza do que a cor preta sozinha.

Alm de converter imagens para o modo duotnico, o Photoshop, consegue criar

imagens com cores Monotnicas, Tritnicas e Quadritnicas.

Com o modo Monotnico, a imagem convertida para Tons de cinza, utilizando

uma nica tinta, que no seja a preta. Os modo Tritnico, com trs e no
Quadritnico, com Quatro.

Para que a imagem seja transformada em qualquer um destes modos de cores,

ela primeiro tem que ser convertida para Tons de Cinza.

1 - Abra a imagem astronauta.tif e converta para o modo Tons de Cinza.

34
Webdesign Photoshop

2 - Escolha a opo Duotnico no menu Imagem Modo. Abrindo a caixa de

dilogo Opes do Modo Duotnico, onde voc poder definir as novas cores
dos tons de cinza.

3 - Na caixa Tipo, escolha Duotnico.

35
Webdesign Photoshop

4 - Clique nas caixas da Tinta 1 e Tinta 2 e escolha as cores do duotnico

5 - Feche a caixa Opes do Modo Duotnico, terminando de converter a figura.

Imagem Normal Imagem Tom de Cinza Imagem Doutnica

Cores Indexadas

O modelo Cores Indexadas utiliza no mximo uma paleta com 256 cores para
exibir a imagem. Ele muito utilizado para diminuir o tamanho do arquivo
especialmente quando se deseja publicar a imagem na Internet.

Voc pode utilizar uma das sete paletas disponveis na hora da converso do
arquivo, escolhendo uma que mais lhe satisfaa,

Exata - usa as cores, em RGB, que esto na imagem.

Sistema(Macintosh) - usa a paleta do sistema Macintosh.

36
Webdesign Photoshop

Sistema (Windows) - usa a paleta do sistema Windows.

Web - usa a paleta com as cores mais freqentes usadas pelos Navegadores.

Uniforme - cria a paleta a partir de uma amostra estrita de cores.

Local - cria uma paleta de cores a partir das cores disponveis na imagem.

Personalizada - permite ao usurio criar sua prpria paleta.

1 Abra o arquivo cascata.tif em modo RGB

2 - Escolha Cores Indexadas..., no menu Imagem Modo.

37
Webdesign Photoshop

3 - Escolha a paleta Adaptvel com 16 cores.

Contraste Automtico

1 - Abra o arquivo cascata.tif

Esta nova opo ajusta automaticamente as sombras e os realces da imagem,

deixando os realces mais claros e as sombras mais escuras. Para escolher esta
opo basta ir no menu Imagem Ajustar Contraste Automtico.

2 Veja a diferena (CTRL + Z apertando seguidamente)

Contraste Personalizado

s ir em Imagem Ajustar Brilho/Contraste e alterar os valores:

Para direita Valores maior que zero

Para esquerda Valores menos que zero

38
Webdesign Photoshop

CAMADAS

Como j vimos anteriormente o Photoshop permite a edies de imagens atravs

do uso de camadas sobrepostas umas s outras atravs da janela Camadas.
Com as Camadas podemos alterar partes de uma imagem, aplicando
modificaes somente na regio onde nos interessa.

1 - Abra o arquivo mos.psd, e veja na janela camadas todas as camadas deste

arquivo.

A Janela Camadas possui os seguintes componentes:

Opacidade - controla o grau de transparncia da camada;

Seletor de Mistura - controla como os pixels da camada sero exibidos e como

se combinam com os pixels das camadas abaixo;

Indicador de Visibilidade - indica que todas as operaes sero realizadas com

esta camada;

Indicador de Vnculo - indica uma ligao desta camada com a camada

selecionada;

cone de visibilidade - indica que a camada est visvel.

Outras Propriedades:

39
Webdesign Photoshop

40
Webdesign Photoshop

CRIAES PARA WEB

Quando ns utilizamos a Internet procura de informaes, queremos que estas

cheguem o mais breve possvel em nosso computador. Mas, com o
aprimoramento da parte visual das pginas, s vezes ficamos um bom tempo
esperando uma figura ser carregada pelo navegador, por isso muito importante
que voc ao editar imagens para publicao na Web tenha em mente que quanto
maior o tamanho do arquivo da imagem, maior ser o tempo de recebimento
(download) desta pgina.

Nesta verso do Photoshop, foram includos vrios recursos de processamento

de imagens para Internet.

O programa lmageReady que complementava o Photoshop nos recursos de

tratamento de imagens para Internet, agora est includo ao programa, os dois
trabalham em completo entrosamento. Foi includa a opo Saltar Para Web do
menu Arquivo, esta opo facilita alternar de um programa para o outro. Os dois
programas so muito parecidos, e um arquivo feito em um pode ser aberto no
outro sem problemas. Voc pode tambm utilizar o boto Saltar para ImageReady
atravs da Barra de Ferramentas padro, ou atravs das teclas <Ctrl+Shift+J>.

ATENO
Arquivos Foto Prefira JPG
Arquivos em Desenho (chapado) Prefira GIF

Para salvar um arquivo em JPG:

1 Abra o arquivo zebra.psd

2 - Escolha a opo Arquivo Salvar Como
3 Na aba formato escolha JPG
Na opo de qualidade da caixa de dilogo JPEG Options escolha a qualidade de
imagem desejada. Tendo as seguintes opes de formato:

41
Webdesign Photoshop

Linha de Base - este formato reconhecido pela maioria dos navegadores.

Linha de Base Otimizada - melhora a qualidade das cores da imagem

produzindo arquivos pequenos, mas no suportado por todos os navegadores.

Progressivo - mostra a imagem gradualmente enquanto ela est sendo

carregada pelo navegador, onde voc especifica a quantidade de varreduras para
carregar a imagem toda, em contra partida produz arquivos maiores.

FILTROS

Os Filtros so efeitos especiais que voc consegue adicionar s imagens pelo

Photoshop.

1 Abra a imagem urso.psd

2 V em filtro Acabamento, e teste as possibilidades deste filtro

3 Faa o teste com os todos os itens do menu filtro (Artstico, Croqui,

Desfoque, Distoro, Estilizao,.......).

42