Sunteți pe pagina 1din 24

Capítulo: Apresentação

Curso de Design Gráfico com Adobe® Photoshop® CS5

Apresentação

Curso de Design Gráfico com

Adobe® Photoshop® CS5

Autor

João Daher Neto joao.daher@hotmail.com

CS5 Autor João Daher Neto joao.daher@hotmail.com Objetivo O que será ensinado é apenas uma parte do

Objetivo O que será ensinado é apenas uma parte do que é necessário para uma pessoa se tornar capaz de criar uma arte. Apenas 30% do trabalho é o que você aprende, 70% de toda arte é pura criatividade! Dessa forma, esta apostila vem a te fornecer as ferramentas necessárias para que você não tenha problema nestes 30%.

“A imaginação é mais importante que o conhecimento.”

Albert Einstein

Copyright © 2011 JOÃO DAHER NETO. É garantida a permissão para copiar, distribuir e/ou modificar este documento sob os termos da Licença de Documentação Livre GNU (GNU Free Documentation License), Versão 1.2 ou qualquer versão posterior publicada pela Free Software Foundation; sem Seções Invariantes, Textos de Capa Frontal, e sem Textos de Quarta Capa.

http://www.gnu.org/licenses/fdl.html

sem Seções Invariantes, Textos de Capa Frontal, e sem Textos de Quarta Capa. http://www.gnu.org/licenses/fdl.html 1
1
1

Capítulo: Sumário

Curso de Design Gráfico com Adobe® Photoshop® CS5

Apresentação

Sumário

1.

Introdução

1.1. Novo Documento

1.2.

1.3. Paleta de Cores

Salvar Documento

2. Barra de Ferramentas

2.1. Seleção (Move Tool)

2.2. Marcação (Marquee

Tool)

Sumário

(Move Tool) 2.2. Marcação (Marquee Tool) Sumário 2.2.1. Retangular/Circular (Rectangular/Elliptical) 2.2.2.

2.2.1. Retangular/Circular (Rectangular/Elliptical)

2.2.2. Seleção Rápida/Mágica (Quick Selection/Magic Wand)

2.3. Formas (Rectangle Tool)

2.3.1. Colorização de Formas

2.4.

Texto (Text)

2.4.1. Colorização de Textos

2.5.

2.6.

2.7. Preenchimento

Corte (Crop)

Zoom

2.7.1. Uniforme (Paint Bucket)

2.7.2. Dégradé (Gradient)

2.7.3. Conta-Gotas (Eyedropper)

3.

Camadas

3.1. Opacidade (Opacity)

3.2. Visualização (Hide)

3.3. Alinhamento (Align)

3.4. União de Camadas

3.4.1. Grupos (Group)

3.4.2. Conexão (Link)

3.5. Efeitos (Blending Options)

3.5.1. Sombreamento Projetado (Drop Shadow)

3.5.2. Sombreamento Interno (Inner Shadow)

3.5.3. Brilho Externo (Outer Glow)

3.5.4. Colorização Sólida (Color Overlay)

1

2

4

4

5

6

7

7

8

8

9

9

9

10

10

11

11

12

12

12

12

13

13

13

13

14

14

14

15

15

16

16

17

2
2

Capítulo: Sumário

Curso de Design Gráfico com Adobe® Photoshop® CS5

Curso de Design Gráfico com Adobe® Photoshop® CS5   3.5.5. Dégradé (Gradient Overlay) 17 3.5.6.
 

3.5.5. Dégradé (Gradient Overlay)

17

3.5.6. Borda (Stroke)

19

4.

Ajustes de Imagem

19

4.1. Automático

19

4.2. Brilho/Constraste (Brightness/Contrast)

20

4.3. Vibração (Vibrance)

20

4.4. Saturação (Hue/Saturation)

21

4.5. Balanço de Cores (Color Balance)

23

3
3

Capítulo: Introdução

Curso de Design Gráfico com Adobe® Photoshop® CS5

1.

Introdução

1.1.Novo Documento

Adobe® Photoshop® CS5 1. Introdução 1.1.Novo Documento O primeiro passo para começar a arte é configurar

O primeiro passo para começar a arte é configurar o seu espaço de trabalho que, no caso do Photoshop®, é uma folha em branco.

que, no caso do Photoshop®, é uma folha em branco. COMO FAZER: File New Depois disso,

COMO FAZER: File

New

Photoshop®, é uma folha em branco. COMO FAZER: File New Depois disso, a seguinte caixa de

Depois disso, a seguinte caixa de diálogo será aberta. Nela é possível escolher todas as configurações da folha de trabalho, e o efeito de cada item será explicado em seguida.

Name: é o nome do seu trabalho

Size: são tamanhos pré-configurados (folha de tamanho A4, papel carta, etc.).

Width / Heigth: a largura e altura do documento respectivamente. As unidades de medidas podem ser alteradas na caixa à direita (“mm”). Você pode trocar por “pixels

e definir o tamanho da folha em pixels.

por “ pixels ” e definir o tamanho da folha em pixels.  Resolution: este número

Resolution: este número define a qualidade da imagem. Por exemplo: para uma imagem que será exibida no computador, 96 dpi são suficientes para uma boa qualidade; já uma imagem que será impressa, 1200 dpi é a qualidade máxima.

que será impressa, 12 00 dpi é a qualidade máxima. Mesmo depois de configurada, o tamanho
que será impressa, 12 00 dpi é a qualidade máxima. Mesmo depois de configurada, o tamanho

Mesmo depois de configurada, o tamanho da folha pode ser alterado a qualquer momento no menu “Image”, no item “Canvas Size”, como pode ser visto á esquerda.

Entretanto, isso irá apenas modificar o tamanho da “folha” (o espaço de desenho). Se você deseja aumentar a qualidade do desenho como um todo, incluindo tudo que já foi desenhado, utilize a opção “Image Size” dentro do menu “Image”, como mostrado abaixo.

Size” dentro do menu “Image”, como mostrado abaixo. Dica de Rodapé: A tela de um monitor
Dica de Rodapé: A tela de um monitor de 17’’ costuma ter a resolução de
Dica de Rodapé:
A tela de um monitor de 17’’ costuma ter a resolução de 1280x1024 pixels, então se sua arte for para se ver
apenas no computador, qualquer tamanho maior que este é “desperdício”.
4
4

Capítulo: Introdução

Curso de Design Gráfico com Adobe® Photoshop® CS5

1.2.Salvar Documento

Gráfico com Adobe® Photoshop® CS5 1.2.Salvar Documento Há 2 modos diferentes de se salvar um documento

Há 2 modos diferentes de se salvar um documento feito no Photoshop: imagem em camadas ou imagem comum.

Imagem em Camadas: é um documento no formato “psd”, ou seja, é um documento que só pode ser aberto pelo próprio Photoshop®. Neste documento fica todo o trabalho feito pronto para ser modificado (mudar cores, tamanho de fontes, etc.). Sempre salve o seu trabalho neste formato, senão será impossível modificá-lo depois.

COMO FAZER: File File

Save

impossível modificá-lo depois. COMO FAZER: File Save  Imagem Comum : é uma imagem no formato

Imagem Comum: é uma imagem no formato “png”, “jpg”, “gif” e outras do gênero. Com este formato só é permitido visualizar a arte, ninguém terá acesso ao trabalho para mudar nenhuma característica da imagem. Esse formato é recomendado para quando seu trabalho está pronto, e você quer divulgá- lo, ou levá-lo para imprimir, por exemplo.

COMO FAZER: File File

Save for Web & Devices

pronto, e você quer divulgá- lo, ou levá-lo para imprimir, por exemplo. COMO FAZER: File Save
5
5

Capítulo: Introdução

Curso de Design Gráfico com Adobe® Photoshop® CS5

1.3.Paleta de Cores

Gráfico com Adobe® Photoshop® CS5 1.3.Paleta de Cores A paleta de cores é o último item

A paleta de cores é o último item encontrado na lateral esquerda da janela do Photoshop®. Note que na paleta só são mostradas 2 cores, a da frente (vermelho, no exemplo) significa a cor principal, para usá-la basta clicar com o botão esquerdo dependendo da ferramenta escolhida. Então para trocar a cor principal, clique com o botão esquerdo sobre esta cor que será aberta a paleta de cores, para selecionar qualquer outra cor desejada.

de cores, para selecionar qualquer outra cor desejada. COMO FAZER:  Para escolher uma nova cor

COMO FAZER:

para selecionar qualquer outra cor desejada. COMO FAZER:  Para escolher uma nova cor principal, clique

Para escolher uma nova cor principal, clique com o botão esquerdo no ícone da cor principal e, na janela que abrir (mostrada abaixo);

nova cor principal, clique com o botão esquerdo no ícone da cor principal e, na janela
6
6

Curso de Design Gráfico com Adobe® Photoshop® CS5

Curso de Design Gráfico com Adobe® Photoshop® CS5 2. Barra de Ferramentas A barra de ferramentas

2. Barra de Ferramentas

A barra de ferramentas do Photoshop® é encontrada na lateral esquerda da janela. Nela estão todas as

ferramentas que servem para CRIAR a sua arte.

É importante saber que cada ícone da barra de ferramentas pode representar mais de uma função, e para

ver todas as funções, experimente segurar o botão esquerdo do mouse sobre cada ferramenta: à direita serão

mostradas todas as variações daquela ferramenta, basta você escolher a que deseja.

2.1.Seleção (Move Tool)

Esta é a ferramenta mais básica e mais usada de todo o Photoshop®. E tem as seguintes funções:

Selecionar Figuras:

E tem as seguintes funções:  Selecionar Figuras : COMO FAZER: 1) Só escolhendo a ferramenta
E tem as seguintes funções:  Selecionar Figuras : COMO FAZER: 1) Só escolhendo a ferramenta

COMO FAZER:

1) Só escolhendo a ferramenta o objeto está automaticamente selecionado.

E

como

saber

se

uma

figura

está

selecionada?

Quando

aparecer

8

quadradinhos transparentes em volta da figura.

Mudar Localização das Figuras:

COMO FAZER:em volta da figura.  Mudar Localização das Figuras : 1) Selecione a figura. 2) Segure

1)

Selecione a figura.

2)

Segure o botão esquerdo sobre ela e arraste para o novo lugar.

o botão esquerdo sobre ela e arraste para o novo lugar.  Alterar Tamanho das Figuras

Alterar Tamanho das Figuras:

COMO FAZER:

COMO FAZER:

 

1)

Selecione a figura.

2)

Escolha um dos 8 pontos da borda da figura.

3)

Clique com o botão esquerdo e arraste.

Aparecerá um contorno azul para ajudar a decidir qual o novo tamanho da figura.

azul para ajudar a decidir qual o novo tamanho da figura.  Rotacionar as Figuras :

Rotacionar as Figuras:

qual o novo tamanho da figura.  Rotacionar as Figuras : COMO FAZER: 1) 2) Mova

COMO FAZER:

1)

2) Mova o cursor do mouse para fora do objeto (como mostrado na

figura ao lado) até que ele tenha o desenho de uma setinha dupla. Segure com botão esquerdo e arraste para os lados até a figura ficar na posição desejada.

3)

Selecione a figura (ou várias figuras).

desejada. 3) Selecione a figura (ou várias figuras). Dica de Rodapé: Para mudar a localização das
Dica de Rodapé: Para mudar a localização das figuras com mais precisão, você pode usar
Dica de Rodapé:
Para mudar a localização das figuras com mais precisão, você pode usar as setinhas do teclado para coloca-
la para cima, baixo e para os lados lentamente.
Outra Dica de Rodapé:
Para aumentar ou diminuir o tamanho da figura, ou mesmo criar uma figura nova de forma uniforme, segure
a tecla SHIFT do teclado enquanto arrasta o mouse.
7
Capítulo: Barra de Ferramentas

Capítulo: Barra de Ferramentas

Curso de Design Gráfico com Adobe® Photoshop® CS5

Curso de Design Gráfico com Adobe® Photoshop® CS5 Lembre-se de, depois de modificar o objeto (mover,

Lembre-se de, depois de modificar o objeto (mover, mudar o tamanho e girar), confirme as mudanças clicando no último item da barra de propriedades. Note também na imagem abaixo que todas as modificações podem ser feitas de forma mais precisa utilizando os campos da barra de propriedades.

mais precisa utilizando os campos da barra de propriedades. 2.2.Marcação (Marquee Tool) As ferramentas de marcação

2.2.Marcação (Marquee Tool)

As ferramentas de marcação são as mais usadas em toda arte feita no Photoshop quando se pretende editar alguma imagem. Seja para remover o fundo ou recolorir uma região. Sempre é necessário indicar ao Photoshop qual área especificamente você quer editar, ao invés de editar toda a camada de uma só vez, e, para isto, o programa tem à disposição mais de 10 maneiras diferentes de selecionar (marcar) uma área desejada. Importante: depois de selecionar uma região, TODAS as alterações feitas de agora em diante só serão feitas dentro dessa região. Lembre-se de cancelar a seleção para voltar a poder alterar a arte como um todo.

2.2.1. Retangular/Circular (Rectangular/Elliptical)

Esta é a forma mais simples de se selecionar uma área da imagem. Com ela é possível selecionar uma região retangular (para retirar bordas, por exemplo) ou uma região circular (para selecionar olhos, por exemplo).

uma região circular (para selecionar olhos, por exemplo). COMO FAZER: a 1) Escolha circular. (mostrada na
uma região circular (para selecionar olhos, por exemplo). COMO FAZER: a 1) Escolha circular. (mostrada na

COMO FAZER:

a

1) Escolha

circular. (mostrada na imagem à direita). 2) Clicar e arrastar na imagem para desenhar um retângulo (ou círculo), marcando a área que se deseja selecionar.

ferramenta

de

seleção

retangular

ou

se deseja selecionar. ferramenta de seleção retangular ou Note que, ao soltar o botão esquerdo do

Note que, ao soltar o botão esquerdo do mouse, a região se mostrará selecionada com vários traços pontilhados em movimento. (como mostrado no exemplo à esquerda). Entretanto, algumas vezes um simples quadrado não foi capaz de selecionar toda a área que era pretendida, então é possível refinar essa seleção, utilizando os botões que estão na barra de propriedades quando uma ferramenta de seleção é escolhida:

quando uma ferramenta de seleção é escolhida:  O primeiro botão, , indica uma nova seleção
quando uma ferramenta de seleção é escolhida:  O primeiro botão, , indica uma nova seleção

O primeiro botão, , indica uma nova seleção: toda vez que for desenhado uma nova seleção, a anterior será ignorada.

for desenhado uma nova seleção, a anterior será ignorada.  O segundo, , fará uma adição

O segundo, , fará uma adição à seleção: toda vez que for desenhada uma nova seleção, essa irá se unir á seleção anterior. Por exemplo, desenhando 2 retângulos, é possível fazer a seguinte seleção para desenhar o objeto branco no exemplo à direita.

para desenhar o objeto branco no exemplo à direita.  O botão serve para retirar uma
para desenhar o objeto branco no exemplo à direita.  O botão serve para retirar uma

O botão serve para retirar uma seleção: se você já fez uma seleção, mas ela está marcando mais do que deveria, você pode retirar um pedaço dessa área. No exemplo abaixo foi selecionado um quadrado e depois removido um círculo.

você pode retirar um pedaço dessa área. No exemplo abaixo foi selecionado um quadrado e depois
8
8

Capítulo: Barra de Ferramentas

Curso de Design Gráfico com Adobe® Photoshop® CS5

Curso de Design Gráfico com Adobe® Photoshop® CS5 2.2.2. Seleção Rápida/Mágica (Quick Selection/Magic

2.2.2. Seleção Rápida/Mágica (Quick Selection/Magic Wand)

A seleção rápida é a mais usada por profissionais para selecionar uma área complexa, como cabelo, fundo da imagem ou qualquer outra região que não seja nem circular nem retangular. Esta ferramenta irá procurar por cores semelhantes e tentará selecionar a região desejada.

1)

2)

COMO FAZER:e tentará selecionar a região desejada. 1) 2) Escolha a ferramenta de seleção rápida. (mostrada na

tentará selecionar a região desejada. 1) 2) COMO FAZER: Escolha a ferramenta de seleção rápida. (mostrada

Escolha a ferramenta de seleção rápida. (mostrada na imagem à direita). Clicar e a arrasta sobre toda a região que se pretende selecionar. Se preferir, clique com o botão esquerdo várias vezes sobre a região, até ter a seleção desejada.

A seleção mágica (também chamada de varinha mágica) tem o mesmo princípio, mas ela fará a seleção com apenas um clique com o botão esquerdo. Se a seleção não estiver sendo feita corretamente (no caso de ter cores muito parecidas na imagem, por exemplo), é possível definir a tolerância da seleção mágica na barra de propriedades (o número 20 da imagem abaixo).

na barra de propriedades (o número 20 da imagem abaixo). Quanto menor esse valor, mais exigente

Quanto menor esse valor, mais exigente será a seleção: apenas cores muito parecidas serão escolhidas (por exemplo, selecionar verde claro e não selecionar verde escuro). Quanto maior esse valor, mais flexível será a marcação: cores nem tão parecidas serão selecionadas. (por exemplo, selecionar branco e cinza ao mesmo tempo).

2.3.Formas (Rectangle Tool)

Este é um conjunto de 6 ferramentas (mostradas na imagem) que servem para criar algumas formas pré- definidas, que vão desde polígonos (retângulos, hexágonos, etc.) até setas e balões.

(retângulos, hexágonos, etc.) até setas e balões. 6) COMO FAZER: 3) Escolha a forma que quer

6)

(retângulos, hexágonos, etc.) até setas e balões. 6) COMO FAZER: 3) Escolha a forma que quer

COMO FAZER:

3)

Escolha a forma que quer desenhar.

4) Clique com o botão esquerdo na folha onde deseja que seja o canto da figura. 5) Segure o botão esquerdo e arraste. Acompanhe o contorno cinza mostrado para visualizar como a sua forma irá ficar. Quanto estiver do tamanho que deseja, solte o botão esquerdo. Você ainda pode mudar o tamanho e a posição do que acabou de desenhar, como foi visto na seção 2.1 Seleção (Move Tool) (pág. 7).

2.3.1.

na seção 2.1 Seleção (Move Tool) (pág. 7). 2.3.1. Colorização de Formas COMO FAZER: 1) Antes

Colorização de Formas COMO FAZER:

1)

Antes de desenhar o objeto, escolha a cor principal, como foi mostrado no capítulo 0

9
9

Capítulo: Barra de Ferramentas

2)

Curso de Design Gráfico com Adobe® Photoshop® CS5

2) Curso de Design Gráfico com Adobe® Photoshop® CS5 Paleta de Cores (pág. 6) . Outra

Paleta de Cores (pág. 6). Outra alternativa é escolher a cor desejada na barra de propriedades antes de desenhar. Agora se a forma já está desenhada e você deseja modificar a cor, veja como fazer no capítulo.

você deseja modificar a cor, veja como fazer no capítulo. 2.4.Texto (Text) Esta ferramenta serve para

2.4.Texto (Text)

Esta ferramenta serve para – adivinhem – criar textos. Se você tem familiaridade com um
Esta ferramenta serve para – adivinhem – criar textos. Se você tem familiaridade com
um editor de texto comum, essa ferramenta não tem nenhuma novidade.
COMO FAZER:
1)
Escolha a ferramenta na barra de ferramentas.
2)
3)
Clique com o botão esquerdo na folha onde deseja que o texto apareça.
Digite o texto.

Depois de digitado, o texto se torna um objeto como todos os outros: pode ser movido, aumentado, diminuído e colorido da mesma forma que outros objetos. Para alterar qualquer uma dessas características, veja o capítulo 2.1 Seleção (Move Tool) (pág. 7).

A barra de propriedades apresenta configurações comuns a um editor de texto:

apresenta configurações comuns a um editor de texto:  Fonte : a primeira caixinha (escrito “Arial”,

Fonte: a primeira caixinha (escrito “Arial”, no exemplo) é onde o estilo e o formato da fonte são escolhidos.

Estilo: a segunda caixinha permite colocar o texto negrito, itálico ou sublinhado.

Tamanho: a terceira caixinha (escrito “29,78 pt”, no exemplo) é onde o tamanho do texto é definido.

pt”, no exemplo) é onde o tamanho do texto é definido.  Alinhamento : os 3

Alinhamento: os 3 ícones seguintes indicam o alinhamento do texto em relação à folha. Pode ser alinhado nas margens esquerda, direita ou centralizado. Você só notará diferença no alinhamento quando tiver grandes trechos de texto, para texto curtos, de poucas palavras, não faz a mínima diferença.

2.4.1. Colorização de Textos

Para colorir o texto, basta selecioná-lo e escolher a cor desejada na barra de propriedades. Você também pode dar efeitos mais complexos, usando o dégradé de cores mostrado com detalhes no capítulo 2.7.2 Dégradé (Gradient) (pág. 12).

1 0
1
0

Capítulo: Barra de Ferramentas

Curso de Design Gráfico com Adobe® Photoshop® CS5

2.5.Corte (Crop)

Design Gráfico com Adobe® Photoshop® CS5 2.5.Corte (Crop) A ferramenta de corte é usada para cortar

A ferramenta de corte é usada para cortar (óbvio!) pedaços indesejados das figuras da

para cortar (óbvio!) pedaços indesejados das figuras da imagem. COMO FAZER: 1) 2) Atenção : o

imagem.

COMO FAZER:cortar (óbvio!) pedaços indesejados das figuras da imagem. 1) 2) Atenção : o corte será feito

1)

2)

Atenção: o corte será feito em todo o documento, então tome cuidado ao usar esta ferramenta. Escolha a ferramenta de corte na barra de ferramentas Desenhe um retângulo ao redor da figura, escolhendo apenas o pedaço que você quer que se mantenha (o restante será cortado). Note que a tela fica cinza fora do seu retângulo, representado toda a parte que será descartada. Agora ainda é possível alterar o corte: escolha um dos 8 quadradinhos ao redor do retângulo, clique e arraste para mudar o tamanho do corte. Também é possível girar o corte: clicando fora da área colorida e arrastando para rotacionar a área de corte. Assim como foi visto com mais detalhes no capítulo 2.1 Seleção (Move Tool) (pág. 7). Finalmente, para confirmar o corte, clique com o botão esquerdo 2 vezes na parte colorida (a que será mantida). Para cancelar o corte, apenas escolha outra ferramenta (o cursor, por exemplo) que nenhum corte será feito. Ou aperte ESC.

por exemplo) que nenhum corte será feito. Ou aperte ESC. 3) 4) 5) 2.6.Zoom A ferramenta

3)

4)

5)

2.6.Zoom

A ferramenta de zoom serve apenas para aproxima e afastar a sua visão do trabalho.

Ela não irá, em hipótese alguma, alterar o seu trabalho. Ela é muito útil quando você quer

desenhar com mais detalhes em um determinado local.

quer desenhar com mais detalhes em um determinado local. COMO FAZER: 1) 2) 3) Escolha a

COMO FAZER:quer desenhar com mais detalhes em um determinado local. 1) 2) 3) Escolha a ferramenta clicando

1)

2)

3)

mais detalhes em um determinado local. COMO FAZER: 1) 2) 3) Escolha a ferramenta clicando no

Escolha a ferramenta clicando no ícone (zoom tool).

2) 3) Escolha a ferramenta clicando no ícone (zoom tool). Note que o cursor do mouse

Note que o cursor do mouse passará a ter o ícone .

Clique com o botão esquerdo na folha sobre o local que você deseja aproximar. Para diminuir o zoom (afastar a imagem), segure a tecla SHIFT do teclado ou, se preferir, use o

segure a tecla SHIFT do teclado ou, se preferir, use o menu de detalhes da ferramentas,
segure a tecla SHIFT do teclado ou, se preferir, use o menu de detalhes da ferramentas,

menu de detalhes da ferramentas, clicando no ícone (como mostrado na figura abaixo).

clicando no ícone (como mostrado na figura abaixo). Dica de Rodapé: Outra forma de aproximar e
Dica de Rodapé: Outra forma de aproximar e afastar a imagem é segurando a tecla
Dica de Rodapé:
Outra forma de aproximar e afastar a imagem é segurando a tecla ALT e usando a “rodinha” do mouse
(scroll). Gire para frente para aproximar, e para trás para afastar. Lembre-se de manter o curso em cima do
local que deseja dar zoom.
1 1
1
1

Capítulo: Barra de Ferramentas

Curso de Design Gráfico com Adobe® Photoshop® CS5

2.7.Preenchimento

Gráfico com Adobe® Photoshop® CS5 2.7.Preenchimento Há várias formas de se colorir algum objeto. No caso

Há várias formas de se colorir algum objeto. No caso das formas, basta selecionar o objeto e escolher a cor, como foi visto no capítulo 2.3.1 Colorização de Formas (pág. 9). Da mesma maneira também é possível colorir textos. Mesmo assim, o Photoshop® permite colorizações mais elaboradas e, para tais, usa-se uma das ferramentas a seguir.

2.7.1. Uniforme (Paint Bucket)

Essa é a colorização simples (com cor sólida), e é muito pouco utilizada porque, como foi visto anteriormente, costuma-se escolher a cor antes de desenhar qualquer objeto. Mas caso você prefira usar esta ferramenta para colorir, siga os passos:

COMO FAZER:prefira usar esta ferramenta para colorir, siga os passos: 1) Escolha uma cor principal. 2) Escolha

esta ferramenta para colorir, siga os passos: COMO FAZER: 1) Escolha uma cor principal. 2) Escolha

1)

Escolha uma cor principal.

2)

Escolha a ferramenta Paint Bucket”.

3)

Clique com o botão esquerdo sobre a imagem. (Note que toda a camada será colorida)

2.7.2. Dégradé (Gradient)

Essa colorização fornece o efeito de dégradé (transição) de cores. Mas ela é usada muito raramente, pois há maneiras melhores e mais simples de aplicar o efeito de degradé.

melhores e mais simples de aplicar o efeito de degradé. 2.7.3. Conta-Gotas (Eyedropper) Esta ferramenta serve

2.7.3. Conta-Gotas (Eyedropper)

o efeito de degradé. 2.7.3. Conta-Gotas (Eyedropper) Esta ferramenta serve para “recuperar” uma cor que já

Esta ferramenta serve para “recuperar” uma cor que já está foi usada na imagem. Por exemplo, imagem que você escolheu uma cor perfeita para um objeto e o coloriu. Continuou trabalhando na imagem, coloriu outros objetos de outras cores. Mais tarde você percebe que precisa daquela cor que usou, mas não lembra como a encontrou no começo. Com o “Conta-Gotas” é possível pegar a cor que foi usada. Ao pegar uma cor, ela passará a ser a cor principal.

COMO FAZER:

COMO FAZER:

1)

Selecione a ferramenta “conta-gotas” (Eyedropper).

2)

Clique com o botão esquerdo sobre a cor que você deseja descobrir.

1 2
1
2

Capítulo: Camadas

3.

Curso de Design Gráfico com Adobe® Photoshop® CS5

3. Curso de Design Gráfico com Adobe® Photoshop® CS5 Camadas A seguir estão algumas técnicas que

Camadas

A seguir estão algumas técnicas que servem apenas para organizar os objetos na imagem.

3.1.Opacidade (Opacity)

Para cada camada é possível definir a intensidade da imagem nela contida. Isso é muito usado para deixar alguma imagem (de fundo, por exemplo) mais clara, para poder enxergar melhor o que está escrito na frente. Para alterar a opacidade:

COMO FAZER:o que está escrito na frente. Para alterar a opacidade: 1) Selecione a camada desejada 2)

1)

Selecione a camada desejada

2) Altere o número no topo da barra de camadas, logo na frente do item Opacity (número 46%, no exemplo ao lado). Quanto menor este valor, mais transparente será a camada. E quanto maior, mais visível.

transparente será a camada. E quanto maior, mais visível. 3.2.Visualização (Hide) Quanto se tem uma arte

3.2.Visualização (Hide)

Quanto se tem uma arte com muitas camadas, ás vezes algumas camadas começam a atrapalhar o desenho da arte, então é possível esconder temporariamente alguma camada desejada.

possível esconder temporariamente alguma camada desejada. COMO FAZER: 1) Clique no ícone do olho ( )
possível esconder temporariamente alguma camada desejada. COMO FAZER: 1) Clique no ícone do olho ( )

COMO FAZER:

1)

Clique no ícone do olho (

camada desejada. COMO FAZER: 1) Clique no ícone do olho ( ) logo ao lado esquerdo

) logo ao lado esquerdo da camada

para esconder essa camada.

2)

Clique novamente para voltar a mostrar a camada.

3.3.Alinhamento (Align)

Para mudar as camadas de lugar basta fazer o que foi mostrado no capítulo 2.1 Seleção (Move Tool) (pág. 7). Mas quase nunca se consegue alinhar manualmente várias camadas de uma só vez. Para isto há os recursos de alinhamento que são mostrados na barra de propriedades quando se escolhe a ferramenta de

na barra de propriedades quando se escolhe a ferramenta de Seleção (Move Tool) . COMO FAZER:

Seleção (Move Tool) .

COMO FAZER:quando se escolhe a ferramenta de Seleção (Move Tool) . Selecione todas as camadas que se

Selecione todas as camadas que se deseja alinhar (segure a tecla CTRL para selecionar várias camadas ao mesmo tempo).

1)

2)

3)

Escolha a ferramenta de Seleção (Move Tool) . Na barra de propriedades, escolha um dos

Escolha a ferramenta de Seleção (Move Tool) . Na barra de propriedades, escolha um dos seguintes botões de acordo com o alinhamento desejado.

Seleção (Move Tool) . Na barra de propriedades, escolha um dos seguintes botões de acordo com
dos seguintes botões de acordo com o alinhamento desejado. ou vertical  Alinhamento pelo topo 
dos seguintes botões de acordo com o alinhamento desejado. ou vertical  Alinhamento pelo topo 
ou vertical
ou vertical

Alinhamento pelo topo

Alinhamento pelo centro horizontal

Alinhamento pela esquerda

ou pela base

pelo topo  Alinhamento pelo centro horizontal  Alinhamento pela esquerda ou pela base ou pela

ou pela direita

1 3
1
3

Capítulo: Camadas

Curso de Design Gráfico com Adobe® Photoshop® CS5

3.4.União de Camadas

Gráfico com Adobe® Photoshop® CS5 3.4.União de Camadas 3.4.1. Grupos (Group) Permite formar um grupo com

3.4.1. Grupos (Group)

Permite formar um grupo com várias. Esse grupo irá se comportar como uma única camada: se um mudar o tamanho, todos mudarão. É muito útil quando se tem diversos objetos que foram organizados na posição correta e só podem mudar se todos os outros mudarem. Mesmo agrupados, os objetos ainda mantém sua identidade, e podem ser desagrupados e modificados individualmente a qualquer momento. Para agrupar, selecione as camadas na janela de camadas (lembre-se de usar CTRL para selecionar várias camadas de uma só vez).

usar CTRL para selecionar várias camadas de uma só vez). COMO FAZER: Layers Group Note que,

COMO FAZER: Layers

Group

Note que, ao criar um grupo, aparece uma “pasta” na janela de camadas, que você pode mostrar/esconder para verificar quais as camadas que estão naquele grupo. (imagem à esquerda)

as camadas que estão naquele grupo. (imagem à esquerda) 3.4.2. Conexão (Link) Criar conexões entre camadas
as camadas que estão naquele grupo. (imagem à esquerda) 3.4.2. Conexão (Link) Criar conexões entre camadas

3.4.2. Conexão (Link)

Criar conexões entre camadas tem o mesmo objetivo de criar grupos: ao modificar uma camada, modificar a outra camada que está unida. Mas as conexões, ao contrário dos grupos, podem ser usadas para camadas distantes uma da outra, que tenham outras camadas intermediárias que não devem ser unidas. Para agrupar, selecione as camadas na janela de camadas (lembre-se de usar CTRL para selecionar várias camadas de uma só vez).

usar CTRL para selecionar várias camadas de uma só vez). COMO FAZER: Layers Link Note que,

COMO FAZER: Layers

Link

Note

que, ao conectar 2 camadas, será

FAZER: Layers Link Note que, ao conectar 2 camadas, será mostrado o símbolo de uma corrente
FAZER: Layers Link Note que, ao conectar 2 camadas, será mostrado o símbolo de uma corrente
FAZER: Layers Link Note que, ao conectar 2 camadas, será mostrado o símbolo de uma corrente

mostrado o símbolo de uma corrente na frente da camada (na barra de camadas), como pode ser visto na imagem ao lado. Para cancelar a conexão entre camadas, selecione todas as camadas conectadas e:

Para cancelar a conexão entre camadas, selecione todas as camadas conectadas e: COMO FAZER: Layers Unlink

COMO FAZER: Layers

Unlink Layers

1 4
1
4

Capítulo: Camadas

Curso de Design Gráfico com Adobe® Photoshop® CS5

Camadas Curso de Design Gráfico com Adobe® Photoshop® CS5 3.5.Efeitos (Blending Options) Grande parte de toda

3.5.Efeitos (Blending Options)

Grande parte de toda a riqueza de imagem que o Photoshop oferece é graças aos efeitos que são aplicados nas camadas já criadas. Para escolher um efeito para uma determinada camada, selecione a cama desejada (apenas uma de cada vez) e clique 2 vezes sobre o símbolo da camada. Ou, se preferir, clique com o botão direito sobre a camada e escolha a opção “Blending Options”. Então, será mostrada a caixa de diálogo que contém todos os efeitos, onde você pode marcar o efeito desejado usando a caixinha à esquerda de cada item e, além disso, pode personalizar cada efeito clicando com o botão esquerdo sobre ele (repare que o fundo do item ficará azul). A seguir, mais detalhes sobre como personalizar cada um destes efeitos.

3.5.1. Sombreamento Projetado (Drop Shadow)

O sombreamento projetado dará o efeito de uma sombra comum, atrás de todo o conteúdo da camada escolhida.

comum, atrás de todo o conteúdo da camada escolhida. Esse efeito pode ser personalizado modificando os

Esse efeito pode ser personalizado modificando os itens no centro da janela de efeitos. É possível modificar as seguintes características da sombra:

possível modificar as seguintes características da sombra:  Cor: clicando sobre a caixa colorida (de cor

Cor: clicando sobre a caixa colorida (de cor preta, no exemplo) é possível trocar a cor da sombra. Normalmente toda sombra é preta, mas nada impede de você criar sombras coloridas para sua arte.

Opacity: indica a transparência da sombra. Quanto menor o número, mais invisível será a sombra, e quanto mais alto, mais forte será a sombra.

Angle: pode ser digitado um número (30, no exemplo) ou pode ser clicado na “bolinha com um traço” à esquerda. Este valor indica onde está a luz que está fazendo essa sombra. Você pode decidir se a luz virá de cima, de baixo, ou dos lados, o que for mais adequado para sua arte.

1 5
1
5

Capítulo: Camadas

Curso de Design Gráfico com Adobe® Photoshop® CS5

Camadas Curso de Design Gráfico com Adobe® Photoshop® CS5  Distance : este valor indica se

Distance: este valor indica se a “parede” (onde a sombra é projetada) está perto ou longe do seu objeto. Quanto maior este número, mais distante será a sombra, e quanto menor, mais próximo da camada.

Spread: oferece um efeito de “fumaça” para a sombra. Quanto maior o número, mais esfumaçada será a sombra, e quanto menor, mais definida será.

Size: indica o tamanho da sombra.

3.5.2. Sombreamento Interno (Inner Shadow)

O sombreamento interno dará um efeito muito interessante, como se a camada estivesse em um “buraco” na folha. É muito utilizado para dar a impressão de um texto/imagem que foi gravada na folha, ou numa parede, por exemplo.

que foi gravada na folha, ou numa parede, por exemplo. Esse efeito é possível personalizar exatamente

Esse efeito é possível personalizar exatamente da mesma forma que o efeito visto anteriormente, no capítulo 0 Sombreamento Projetado (Drop Shadow) (pág. 15).

3.5.3. Brilho Externo (Outer Glow)

O efeito de brilho externo é muito usado para dar destaque a textos, as pode ser usado para qualquer camada, para acrescentar uma cor ao redor dela. Como pode ser visto na imagem abaixo:

uma cor ao redor dela. Como pode ser visto na imagem abaixo: Esse efeito tem personalizações

Esse efeito tem personalizações muito parecidas com o efeito de sombreamento, que são:

Cor: clicando sobre a caixa colorida (de cor rosa claro, no exemplo) é possível trocar a cor do

brilho.

rosa claro, no exemplo) é possível trocar a cor do brilho.  Opacity : indica a

Opacity: indica a transparência do brilho. Quanto menor o número, mais discreto será o brilho, e quanto mais alto, mais intenso.

Spread: oferece um efeito de “fumaça” para o brilho. Quanto maior o número, mais esfumaçada será o brilho, e quanto menor, mais definido será.

Size: indica o tamanho do brilho.

Dica de Rodapé: Tenha em mente que todo brilho só poderá ser visto se o
Dica de Rodapé:
Tenha em mente que todo brilho só poderá ser visto se o fundo for mais escuro que a cor escolhida. Se você
quiser um brilho mais escuro que o fundo, então use o efeito de sombreamento.
1 6
1
6

Capítulo: Camadas

Capítulo: Camadas Curso de Design Gráfico com Adobe® Photoshop® CS5 3.5.4. Colorização Sólida (Color Overlay) O

Curso de Design Gráfico com Adobe® Photoshop® CS5

Camadas Curso de Design Gráfico com Adobe® Photoshop® CS5 3.5.4. Colorização Sólida (Color Overlay) O efeito

3.5.4. Colorização Sólida (Color Overlay)

O efeito de colorização é usado para colorir toda uma camada de outra cor. Mesmo que, por exemplo, você tenha um texto escrito na cor preta, você pode trocar a cor utilizando este efeito. Para escolher uma cor, basta clicar sobre o quadrado colorido (vermelho, no exemplo abaixo) e escolher outra cor. Também é possível determinar a intensidade dessa cor, através da opção Opacity.

a intensidade dessa cor, através da opção Opacity . 3.5.5. Dégradé (Gradient Overlay) Enfim um efeito

3.5.5. Dégradé (Gradient Overlay)

Enfim um efeito profissional para colorir a camada. Com este efeito é possível criar uma transição de cores para colorir a camada. Ele é muito recomendado para praticamente qualquer camada colorida (textos, principalmente) pois proporciona uma sensação de realismo na arte.

1 7
1
7
Curso de Design Gráfico com Adobe® Photoshop® CS5 Este efeito pode ser configurado da seguinte

Curso de Design Gráfico com Adobe® Photoshop® CS5

Curso de Design Gráfico com Adobe® Photoshop® CS5 Este efeito pode ser configurado da seguinte forma:

Este efeito pode ser configurado da seguinte forma:

Gradient: clicando sobre a barra colorida na frente desse item, será aberta uma janela (mostrada no

exemplo à direita) para escolher quais cores farão parte da transição de cores. Clique 2 vezes sobre os pequenos quadrados

na parte de baixo da barra colorida para trocar a cor naquele ponto. Você pode arrastar esses pontos para mudar

a transição e pode também acrescentar seus

próprios pontos para adicionar mais cores, clicando

seus próprios pontos para adicionar mais cores, clicando em qualquer lugar abaixo da barra colorida. 

em qualquer lugar abaixo da barra colorida.

Style: é possível fazer transições de cores das mais variadas formas, da esquerda para a direita, de dentro pra fora, apenas mudando o estilo. Experimente trocar o estilo e verificar como ficará o dégradé.

Angle: se o estilo escolhido for linear, o valor do ângulo indicará a direção que a troca de troca de cores será feita.

Capítulo: Camadas
Capítulo: Camadas
1 8
1
8

Capítulo: Ajustes de Imagem

Curso de Design Gráfico com Adobe® Photoshop® CS5

Imagem Curso de Design Gráfico com Adobe® Photoshop® CS5 3.5.6. Borda (Stroke) Este efeito permite que

3.5.6. Borda (Stroke)

Este efeito permite que seja adicionada uma borda à camada. É muito utilizado em textos, para dar contraste entre o que está escrito e o fundo da arte.

dar contraste entre o que está escrito e o fundo da arte. O efeito é extremamente

O efeito é extremamente simples e só há 2 itens para personaliza-lo:

Cor: clicando sobre a caixa colorida (de cor branca, no exemplo) é possível trocar a cor da

borda.

Size: define a espessura da borda.

a cor da borda.  Size : define a espessura da borda. 4. Ajustes de Imagem

4. Ajustes de Imagem

Neste capítulo serão mostradas diversas maneiras possíveis para melhorar ou modificar a aparência de uma foto. As alterações feitas com estas ferramentas só podem ser revertidas no exato momento que foram feitas, então, antes de fazer qualquer alteração, lembre-se de salvar uma cópia da sua foto para nunca perder a imagem original. Todas as ferramentas a seguir servem apenas para a camada que estiver selecionada, portanto lembre-se de selecionar corretamente a camada que você quer alterar.

4.1.Automático

É possível fazer alguns ajustes bem simples com apenas um clique do mouse na opção certa. Há 3 opções

apenas um clique do mouse na opção certa. Há 3 opções para fazer um ajuste automático

para fazer um ajuste automático na qualidade da imagem, eles variam muito pouco e o ideal é testar cada um deles e ver qual fará a mudança desejada na imagem.

COMO FAZER: Image COMO FAZER: Image COMO FAZER: Image Image COMO FAZER: COMO FAZER: Image COMO FAZER: Image COMO FAZER: Image COMO FAZER: Image COMO FAZER: COMO FAZER: Image COMO FAZER: Image

Auto Tone

Auto Contrast

Auto Color

Dica de Rodapé: Lembre-se que os ajustes automáticos são apenas TENTATIVAS do Photoshop para melhorar
Dica de Rodapé:
Lembre-se que os ajustes automáticos são apenas TENTATIVAS do Photoshop para melhorar a imagem.
Algumas vezes ele fará as mudanças perfeitas, outras vezes deixará a imagem ainda pior. Então experimente
usar ajustes manuais nesse último caso.
1 9
1
9

Curso de Design Gráfico com Adobe® Photoshop® CS5

Curso de Design Gráfico com Adobe® Photoshop® CS5 4.2.Brilho/Constraste (Brightness/Contrast) Esta ferramenta permite

4.2.Brilho/Constraste (Brightness/Contrast)

Esta ferramenta permite clarear ou escurecer a imagem ou deixa-la mais definida, caso esteja difícil de identificar o que compõe a imagem. Para habilitar essa ferramenta:

o que compõe a imagem. Para habilitar essa ferramenta: COMO FAZER: Image Brightness/Contrast Adjustments A seguir,

COMO FAZER: Image

Brightness/Contrast

Adjustments

A seguir, será mostrada uma caixa de diálogo que permite configurar o brilho e o contraste da imagem apenas mudando o número do item Brightness (quanto maior, mais clara a imagem, quanto menor, mais escura) e do item Constrast (quanto maior, mais definida a imagem, quanto menor, mais confusa).

maior, mais definida a imagem, quanto menor, mais confusa). 4.3.Vibração (Vibrance) Esta ferramenta permite dar mais
maior, mais definida a imagem, quanto menor, mais confusa). 4.3.Vibração (Vibrance) Esta ferramenta permite dar mais

4.3.Vibração (Vibrance)

Esta ferramenta permite dar mais vividez às cores da imagem. É muito recomendada para fotos que parecem “sem vida”, sem cor. Um leve aumento do valor do Vibrance permite melhorar muito uma imagem, mas use com moderação, pois o exagero dessa ferramenta fará a sua imagem perder o realismo e parecer falsa. Esse recurso pode ser facilmente ativado assim:

falsa. Esse recurso pode ser facilmente ativado assim: COMO FAZER: Image Adjustments Vibrance O item Saturation

COMO FAZER: Image

Adjustments

Vibrance

O item Saturation irá definir a intensidade dessa “vividez” escolhida na item Vibrance. Na maioria das vezes não é necessário modificar a saturação, apenas a mantenha no valor padrão: zero (0).

é necessário modificar a saturação, apenas a mantenha no valor padrão: zero (0). Capítulo: Ajustes de
Capítulo: Ajustes de Imagem
Capítulo: Ajustes de Imagem
2 0
2
0

Capítulo: Ajustes de Imagem

Curso de Design Gráfico com Adobe® Photoshop® CS5

4.4.Saturação (Hue/Saturation)

com Adobe® Photoshop® CS5 4.4.Saturação (Hue/Saturation) A ferramenta de saturação mostrada nesta seção é muito

A ferramenta de saturação mostrada nesta seção é muito semelhante à ferramenta de balanço de cor, mostrada no capítulo 0

de saturação mostrada nesta seção é muito semelhante à ferramenta de balanço de cor, mostrada no
2 1
2
1

Curso de Design Gráfico com Adobe® Photoshop® CS5

Curso de Design Gráfico com Adobe® Photoshop® CS5 Balanço de Cores (Color Balance) (pág. 22) .

Balanço de Cores (Color Balance) (pág. 22). Mas em alguns casos é necessários escolher a opção certa para conseguir o efeito desejado. A função dela é modificar a cor de uma camada ou de uma área que foi selecionada.

a cor de uma camada ou de uma área que foi selecionada. COMO FAZER: Image Adjustments

COMO FAZER: Image

Adjustments

Hue/Saturation

Primeiramente, mexa a marcação da barra colorida (item Hue) para escolher a tonalidade da cor desejada. Observe a imagem trocando de cor e escolha o ponto exato com a cor desejada. Depois, use a barra do item Saturation para deixar a cor mais intensa (mais à direita) ou mais fraca (mais à esquerda). Por fim, defina a claridade da imagem no item Lightness.

Por fim, defina a claridade da imagem no item Lightness . Esta ferramenta é muito utilizada

Esta ferramenta é muito utilizada durante a maquiagem de fotos (colorir cabelos, boca, olhos, etc.), onde primeiramente seleciona-se a região a ser colorida - utilizando alguma ferramenta vista no capítulo 2.2 Marcação (Marquee Tool) (pág. 8) e depois se utiliza o recurso desta seção para colorir a área. Caso a coloração esteja fraca, pode-se intensificá-la marcando a opção Colorize na janela de configurações.

Dica de Rodapé: O item Saturation também pode ser usado para deixar uma imagem em
Dica de Rodapé:
O item Saturation também pode ser usado para deixar uma imagem em “preto-e-branco” (escala de cinza),
para isto basta deslocar a marcação totalmente para a esquerda.
Capítulo: Ajustes de Imagem
2 2
2
2

Capítulo: Ajustes de Imagem

Curso de Design Gráfico com Adobe® Photoshop® CS5

4.5.Balanço de Cores (Color Balance)

Photoshop® CS5 4.5.Balanço de Cores (Color Balance) Este recurso também permite modificar as cores de uma

Este recurso também permite modificar as cores de uma camada ou de uma seleção, mas ele altera cada tom de cor separadamente. Por exemplo: para dar mais destaque a tons azuis ou verdes. Para isso, lembre-se de escolher corretamente a região a ser alterada (camada ou área de seleção):

a região a ser alterada (camada ou área de seleção): COMO FAZER: Image Color Balance Adjustments

COMO FAZER: Image

Color Balance

Adjustments

Na janela que se abriu, basta escolher o tom a ser modificado (Ciano/Vermelho ou Magenta/Verde ou Amarelo/Azul) e arrastar a devida marcação na direção desse tom.

modificado (Ciano/Vermelho ou Magenta/Verde ou Amarelo/Azul) e arrastar a devida marcação na direção desse tom. 2
modificado (Ciano/Vermelho ou Magenta/Verde ou Amarelo/Azul) e arrastar a devida marcação na direção desse tom. 2
2 3
2
3