PHOTOSHOP BSICO

COMPUTAO GRFICA III

PROF. ANNA GALINATTI

1. ATALHOS DE TECLADO
2. DICAS E LEMBRETES IMPORTANTES
3. PASSO A PASSO MSCARA DE RECORTE
4. PASSO A PASSO PARA CAMADA DE AJUSTE
5. PASSO A PASSO CRIAO DE SOMBRA EM OBJETOS
6. PASSO A PASSO EXPORTAO DE IMAGENS AUXILIARES SKETCHUP
7. REGRAS BSICAS

Utilizar atalhos de teclado torna a edio no Photoshop mais gil. A seguir, as teclas de atalho para os
comandos bsicos mais utilizados:
-

Letreiro Retangular (M)

Lao (L)
Varinha Mgica (W)
Pincel (B)
Lata de Tinta (G)
Retngulo (U)
Zoom de maneira rpida: Atl + scroll do mouse
Desfazer uma ao: Alt + Ctrl + Z
Salvar: Ctrl + S
Salvar como: Ctrl + Shift + S
Nova camada: Ctrl + Shift + N
Cancelar seleo: Ctrl + D
Redimensionar imagem: Ctrl + T
Distorcer imagem: Ctrl + T seguido de clique com boto direito do mouse sobre o objeto

COMPUTAO GRFICA III

PROF. ANNA GALINATTI

1. ATALHOS DE TECLADO
2. DICAS E LEMBRETES IMPORTANTES
3. PASSO A PASSO MSCARA DE RECORTE
4. PASSO A PASSO PARA CAMADA DE AJUSTE
5. PASSO A PASSO CRIAO DE SOMBRA EM OBJETOS
6. PASSO A PASSO EXPORTAO DE IMAGENS AUXILIARES SKETCHUP
7. REGRAS BSICAS

Podemos abrir um imagem no Photoshop de trs maneiras diferentes:

- Menu Arquivo > Abrir
- Arrastando-a para dentro do programa
- Clicando com o boto direito em cima da imagem na pasta do computador onde ela est salva

Quando queremos adicionar elementos a um arquivo de Photoshop (por exemplo, uma imagem de cu,
calungas, etc.) estes devem ser arrastados para dentro da rea de trabalho do programa (o cursor se
transformar em uma seta com uma sinal de +). Caso sejam arrastados para a parte superior, onde esto
as abas, a imagem abrir em outra abra (outro arquivo) e no ficar onde desejamos. Outra maneira de
inserir elementos a um mesmo arquivo pelo menu Arquivo > Inserir

Nunca, NUNCA, devemos fazer alteraes na imagem no original, tampouco nas imagens auxiliares de
seleo (alpha, linhas e sombra). Sempre devemos fazer uma camada para cada modificao. Alguns
comando, quando acionados, criam uma nova camada automaticamente, como o caso da mscara de
recorte e das camadas de ajuste. Outros, no criam camadas novas, sendo necessrio faz-lo
manualmente, como os comandos pintura, pincel e borracha.

Sempre se certificar de que estamos com a camada correta selecionada antes de utilizar qualquer
ferramenta. Quando nenhuma camada est selecionada (azul) nenhum comando funciona.

COMPUTAO GRFICA III

PROF. ANNA GALINATTI

Ao utilizarmos um comando que no cria automaticamente uma camada, devemos cri-la ANTES do uso
da ferramenta.

As imagens exportadas do SketchUp auxiliam no processo de seleo. A imagem alpha, por exemplo,
pode ser utilizada para selecionarmos de maneira rpida o cu (com a ferramenta varinha mgica). Porm,
com o cu selecionado, antes de pint-lo ou fazer uma mscara de recorte, devemos criar uma camada
nova (para que a pintura seja feita nela e no na camada alpha) ou selecionar a camada da imagem a ser
utilizada como mscara. SEMPRE depois de fazermos uma seleo devemos clicar na camada onde
queremos fazer a edio, ou seja, em uma nova camada criada (no caso de pintura slida) ou na camada
onde est a imagem a ser colocada no fundo (no caso da mscara de recorte).

Caso o menu Camadas no esteja visvel, pressionar a tecla de atalho F7 para que ele aparea.

As camadas so como folhas de papel empilhadas, fica visvel o que estiver desenhado na camada mais
de cima. Podemos alterar a ordem das camadas, clicando em cima da camada e arrastando-a para cima
ou para baixo.

COMPUTAO GRFICA III

PROF. ANNA GALINATTI

O smbolo no formato de um olho, que fica ao lado do nome da camada, serve para indicar se a camada
est ligada (visvel) ou desligada (invisvel). Clicando em cima do olho conseguimos alterar a visibilidade da
camada.

possvel alterar a opacidade delas para que se possa enxergar o contedo da camada logo abaixo.

Sempre nomeia as camadas com o nome do que elas so ou representam. Exemplo: cu, textura piso,
sombra, etc. Esse procedimento facilita a organizao do arquivo quando se tem muitas camadas criadas.

COMPUTAO GRFICA III

PROF. ANNA GALINATTI

1. ATALHOS DE TECLADO
2. DICAS E LEMBRETES IMPORTANTES
3. PASSO A PASSO MSCARA DE RECORTE
4. PASSO A PASSO PARA CAMADA DE AJUSTE
5. PASSO A PASSO CRIAO DE SOMBRA EM OBJETOS
6. PASSO A PASSO EXPORTAO DE IMAGENS AUXILIARES SKETCHUP
7. REGRAS BSICAS

As mscaras de recorte servem para ocultar partes de uma camada e revelar partes da camada de baixo.
Nos trabalhos de ps-produo no Photoshop as mscaras de recortes so particularmente teis quando
desejamos colocar imagens de fundo (cu, entorno, texturas) em algum elemento da imagem, SEM DESTRUIR a
imagem original. Para a criao de uma mscara, devemos seguir alguns passos:
1.
2.

3.

4.

Arrastar para dentro do arquivo a imagem que queremos utilizar (seja ela um background ou uma
textura);
Selecionar a rea onde ser feita a mscara. importante escolhermos a ferramenta de seleo mais
adequada a cada caso. A varinha mgica, por exemplo, seleciona por amostragem de cor e funciona
bem quando h bastante contraste na imagem, j a ferramenta lao poligonal funciona bem quando
queremos contornar algum elemento;
Aps a seleo, clicar na camada da imagem (cu, textura, etc) para selecion-la e somente ento
fazer a mscara de recorte.

A imagem aparecer somente dentro da seleo.

COMPUTAO GRFICA III

PROF. ANNA GALINATTI

5.
O comando mscara de recorte criar, na camada da imagem, uma nova miniatura, ao lado da
miniatura da imagem, com a mscara de recorte. A mscara de recorte uma imagem em preto e branco
com o contorno da seleo feita. Onde est branco onde aparecer a imagem da mscara (cu, textura,
etc.). Onde est preto aparecer o contedo da camada logo abaixo da camada da mscara.
6.
Caso seja necessrio editar a imagem da mscara (redimensionar, reposicionar), precisamos tomas
alguns cuidados. As miniaturas da imagem e da mscara aparecem na camada com um smbolo de
corrente entre elas. Para que possamos editar a imagem sem danificar a mscara, necessrio clicar
nesse smbolo para desvincular as miniaturas. Assim, podemos alterar livremente tanto a mscara como a
imagem, lembrando que, para isso, precisamos clicar na miniatura desejada. Por exemplo, se queremos
redimensionar uma imagem de cu que foi utilizada na mscara, devemos, aps desvincular, clicar na
miniatura da IMAGEM e, somente ento, edit-la.

Clicar na corrente para desvincular miniaturas

COMPUTAO GRFICA III

PROF. ANNA GALINATTI

Clicar na miniatura da imagem para edit-la

1. ATALHOS DE TECLADO
2. DICAS E LEMBRETES IMPORTANTES
3. PASSO A PASSO MSCARA DE RECORTE
4. PASSO A PASSO PARA CAMADA DE AJUSTE
5. PASSO A PASSO CRIAO DE SOMBRA EM OBJETOS
6. PASSO A PASSO EXPORTAO DE IMAGENS AUXILIARES SKETCHUP
7. REGRAS BSICAS

Uma camada de ajuste aplica ajustes de cores e tons s imagens sem alterar permanentemente a imagem
original. Os ajustes a cores e tons so armazenados na camada de ajuste e se aplicam todas as camadas sob
a mesma. Podemos tambm, atravs de um comando, aplicar os ajustes somente camada imediatamente
abaixo da camada de ajuste. Quando clicamos em um dos botes das camadas de ajuste, o programa cria uma
nova camada automaticamente.

Botes camadas de ajuste

Camada criada automaticamente

COMPUTAO GRFICA III

PROF. ANNA GALINATTI

Caso seja desejvel aplicar o ajuste somente camada imediatamente abaixo do ajuste, devemos seguir o
seguinte procedimento: manter pressionada a tecla Alt, posicionar o ponteiro na linha, no painel Camadas, que
divide a camada base e a camada de ajuste acima dela (o ponteiro muda para dois crculos sobrepostos
e clique.

Seta indicando que o ajuste est sendo aplicado somente na

camada imediatamente abaixo dele

COMPUTAO GRFICA III

PROF. ANNA GALINATTI

1. ATALHOS DE TECLADO
2. DICAS E LEMBRETES IMPORTANTES
3. PASSO A PASSO MSCARA DE RECORTE
4. PASSO A PASSO PARA CAMADA DE AJUSTE
5. PASSO A PASSO CRIAO DE SOMBRA EM OBJETOS
6. PASSO A PASSO EXPORTAO DE IMAGENS AUXILIARES SKETCHUP
7. REGRAS BSICAS

O processo de criao de sombra em objetos (calungas, rvores, etc) no Photoshop manual e demanda
ateno. Aps termos inserido o elemento no qual queremos (ele estar em uma camada individual), devemos
seguir o seguintes passos:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

Clicar com o boto direito em cima da camada dele e escolher a opo "Rasterizar camada". Esse
passo importante para que o objeto se torne editvel.
Clicar com o boto direito na camada e escolher a opo "Duplicar camada" para duplicar o objeto.
Nomear a nova camada como "Sombra". Para mudar o nome, clicar duas vezes sobre o nome da
camada.
Posicionar a camada sombra logo abaixo da camada do objeto original.
Criar camada de ajuste "Matiz/saturao" e retirar toda a luminosidade (arrastar barra da
luminosidade para esquerda, deixando o valor dela em -100). O objeto ficar todo preto.
Aplicar a camada de ajuste criada somente camada da sombra (que deve posicionado logo abaixo
da camada de ajuste).
Selecionar a camada da sombra e distorcer o objeto, clicando "Ctrl + T" e, em seguida, clicando
com o boto direito na imagem.
Distorcer a imagem at que ela parea estar projetada no cho.
Tirar opacidade da camada da sombra, para que ela fique um tom de cinza claro.
Suavizar a sombra, aplicando um desfoque. Menu Filtro>Desfoque>Desfoque Gaussiano. Escolher
valor entre 3 e 5 pixels.

COMPUTAO GRFICA III

PROF. ANNA GALINATTI

IMPORTANTE
-

Devemos sempre prestar ateno na direo e tamanho da sombra dos outros objetos da cena,
principalmente quando estivermos trabalhando sobre uma imagem renderizada. Jamais devemos criar
uma sombra oposta ao resto dos itens, devemos ter bom senso.

Sempre deixar o incio da sombra colado "nos ps" do objeto gerador da sombra. Jamais descolar a
sombra do objeto.

COMPUTAO GRFICA III

PROF. ANNA GALINATTI

1. ATALHOS DE TECLADO
2. DICAS E LEMBRETES IMPORTANTES
3. PASSO A PASSO MSCARA DE RECORTE
4. PASSO A PASSO PARA CAMADA DE AJUSTE
5. PASSO A PASSO CRIAO DE SOMBRA EM OBJETOS
6. PASSO A PASSO EXPORTAO DE IMAGENS AUXILIARES SKETCHUP
7. REGRAS BSICAS

Ao editarmos um corte, planta baixa ou um desenho exportado do SketchUp, podemos utlizar alguns
truques para facilitar a edio no Photoshop. interessante exportamos, no SketchUp, imagens auxiliares que
facilitaro o processo de seleo no momento da ps-produo imagens. So elas:
-

Somente Linhas
Alpha (imagem onde o modelo fica todo preto e fundo fica branco)
Sombras

IMPORTANTE: As 3 imagens de suporte exportadas no SketchUp devem ser geradas a partir exatamente
da mesma cena. Aps encontrar o ngulo desejado para a vista, acesse o menu Janela > Cenas e crie uma cena
nova. Clique na aba da cena gerada e, aps se certificar de que est com a cena deseja selecionada, exporte as
imagens. Tanto as imagens geradas quanto a imagem a ser editada (corte, planta baixa), dever ser exatamente
iguais. Ou seja, devem possuir as mesmas dimenses e ser geradas a partir do mesmo ponto de vista. Lembrese de que a posio das barras de ferramentas no SketchUp influencia no tamanho das imagens exportadas,
que ser exatamente o que est sendo visualizado na tela. Exporte a imagem da ser editada e em seguida j
exporte as imagens auxiliares. No feche o arquivo de sketch nem deixe para depois. Exporte tudo junto e
depois as leve para o programa de edio.

COMPUTAO GRFICA III

PROF. ANNA GALINATTI

Exportando "Somente linhas"

-

Selecionar o estilo Linha oculta, no menu Estilos;

Marcar as opes Arestas e Perfis no menu Visualizar > Estilo de aresta.

COMPUTAO GRFICA III

PROF. ANNA GALINATTI

Exportando "Alpha"
-

Selecionar o estilo Linha oculta, no menu Estilos;

No menu Configuraes de sombra, (barra de ferramentas Sombras), mudar o horrio para noite (por
volta de 19:30). No esquecer de ligar as sombras.

COMPUTAO GRFICA III

PROF. ANNA GALINATTI

Exportando "Sombras"
-

Selecionar o estilo Linha oculta, no menu Estilos;

No menu Configuraes de sombra, (barra de ferramentas Sombras), mudar as configuraes de

sombra (horrio, data, claro, escuro) at que ela fique de acordo com o desejado.

COMPUTAO GRFICA III

PROF. ANNA GALINATTI

DICA NINJA
Existe um plugin para o SketchUp que cria automaticamente cenas j configuradas como Alpha,
sombras e linhas, entre outras. Est disponvel para download no link abaixo:
https://extensions.sketchup.com/en/content/such

COMPUTAO GRFICA III

PROF. ANNA GALINATTI

1. ATALHOS DE TECLADO
2. DICAS E LEMBRETES IMPORTANTES
3. PASSO A PASSO MSCARA DE RECORTE
4. PASSO A PASSO PARA CAMADA DE AJUSTE
5. PASSO A PASSO CRIAO DE SOMBRA EM OBJETOS
6. PASSO A PASSO EXPORTAO DE IMAGENS AUXILIARES SKETCHUP
7. REGRAS BSICAS

1.

2.

3.
4.

5.
6.

Trabalhar e salvar com o formato .psd - Arquivo .psd possibilita manipulao. Quando necessrio, a
partir do .psd, salvar em outros formatos especficos, .jpeg, .png, etc. O formato mais recomendado para
salvar uma imagem final o png pois ele carrega mais informaes da imagem, conferindo a ela mais
qualidade.
Trabalhar no modo RGB - Cores mais vivas, arquivo mais leve e com todas as opes de recursos
disponveis. Caso seja necessrio imprimir o arquivo no qual estamos trabalhando, necessrio, aps o
trmino e antes da impresso, alterar o modo de cor para CMYK, pois esse o modo de cor que as
impressoras e plotters utilizam. Imagem>Modo>CMYK Color
Trabalhar com camadas - Importante para que possamos manipular as partes da imagem de maneira
independente, sem destruir o arquivo original;
Salvar seleo - Importante para conseguirmos utiliz-la posteriormente sem ter que refaz-la. Para
salvar: menu Select > Save Selection e nome-la. Para carreg-la: Select > Load Selection e encontr-la
na lista de "channel";
Trabalhar com mscaras;
Trabalhar com camadas de ajuste - Podemos ajustar brilho, cor, contraste E aplicar efeitos de forma no
destrutiva e editvel. As camadas de ajuste podem ser aplicadas sobre toda a imagem ou em reas
isoladas, quando combinadas com mscaras.

COMPUTAO GRFICA III

PROF. ANNA GALINATTI