Apostila Adobe Photoshop CS5

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 [email protected]

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 o ã ç at n e s er p A : ol ut í p a C

1


Sumário Apresentação...........................................................................................................................................................1 Sumário....................................................................................................................................................................2 1. Introdução ..........................................................................................................................................................4 1.1. Novo Documento........................................................................................................................................4 1.2. Salvar Documento ......................................................................................................................................5 1.3. Paleta de Cores ...........................................................................................................................................6 2. Barra de Ferramentas.........................................................................................................................................7 2.1. Seleção (Move Tool) ...................................................................................................................................7 2.2. Marcação (Marquee Tool) ..........................................................................................................................8 2.2.1. Retangular/Circular (Rectangular/Elliptical) ..........................................................................................8 2.2.2. Seleção Rápida/Mágica (Quick Selection/Magic Wand) ....................................................................... 9 2.3. Formas (Rectangle Tool) .............................................................................................................................9 2.3.1. Colorização de Formas ..........................................................................................................................9 2.4. Texto (Text) ...............................................................................................................................................10 2.4.1. Colorização de Textos ..........................................................................................................................10 2.5. Corte (Crop) ..............................................................................................................................................11 2.6. Zoom .........................................................................................................................................................11 2.7. Preenchimento .........................................................................................................................................12 2.7.1. Uniforme (Paint Bucket) ......................................................................................................................12 2.7.2. Dégradé (Gradient) ..............................................................................................................................12 2.7.3. Conta-Gotas (Eyedropper)...................................................................................................................12 3. Camadas ...........................................................................................................................................................13 3.1. Opacidade (Opacity) .................................................................................................................................13 3.2. Visualização (Hide) ....................................................................................................................................13 3.3. Alinhamento (Align) ..................................................................................................................................13 3.4. União de Camadas ....................................................................................................................................14 3.4.1. Grupos (Group) ....................................................................................................................................14 3.4.2. Conexão (Link) .....................................................................................................................................14 3.5. Efeitos (Blending Options) ........................................................................................................................15 oi

3.5.1. Sombreamento Projetado (Drop Shadow) ..........................................................................................15 r á m

3.5.2. Sombreamento Interno (Inner Shadow) .............................................................................................16 u S :

3.5.3. Brilho Externo (Outer Glow) ................................................................................................................16 ol ut í

3.5.4. Colorização Sólida (Color Overlay) ......................................................................................................17 p a C

2

Curso de Design Gráfico com Adobe® Photoshop® CS5 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

oi r á m u S : ol ut í p a C

3


1. Introdução 1.1.Novo Documento O primeiro passo para começar a arte é configurar o seu espaço de trabalho que, no caso do Photoshop®, é uma folha em branco. COMO FAZER: File New

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. 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, 12 00 dpi é a qualidade máxima. 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.

o ã ç u d or t nI : ol ut

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” .

í p a C

4


1.2.Salvar 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 Save



Imagem Comum: é uma imagem no formato “png”, “jpg”, “gif” e outra s 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 Save for Web & Devices

o ã ç u d or t nI : ol ut í p a C

5


1.3.Paleta de Cores 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. COMO FAZER:  Para escolher uma nova cor principal, clique com o botão esquerdo no ícone da cor principal e, na janela que abrir (mostrada abaixo);

o ã ç u d or t nI : ol ut í p a C

6


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: 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: 1) Selecione a figura. 2) Segure o botão esquerdo sobre ela e arraste para o novo lugar. 

Alterar Tamanho das Figuras:

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. Rotacionar as Figuras: COMO FAZER: 1) Selecione a figura (ou várias figuras). 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. 3) Segure com botão esquerdo e arraste para os lados até a figura ficar na posição desejada. s at n e m ar r e F e

Dica de Rodapé: Para mudar a localização das figuras com mais precisão, você pode usar as setinhas do teclado para colocala para cima, baixo e para os lados lentamente. d ar r a B : ol ut

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.

í p a C

7

Curso de Design Gráfico com Adobe® Photoshop® CS5 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.

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). COMO FAZER: 1) Escolha a ferramenta de seleção retangular ou 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.

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:







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

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. e m ar r e F e d ar

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. r a B : ol ut í p a C

8

Curso de Design Gráfico com Adobe® Photoshop® CS5 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. COMO FAZER: 1) Escolha a ferramenta de seleção rápida. (mostrada na imagem à direita). 2) 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).

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. 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. 6) 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). s at

2.3.1. Colorização de Formas n e

COMO FAZER: 1) Antes de desenhar o objeto, escolha a cor principal, como foi mostrado no capítulo 0 m ar r e F e d ar r a B : ol ut í p a C

9

Curso de Design Gráfico com Adobe® Photoshop® CS5 2) 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.

2.4.Texto (Text) 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) Clique com o botão esquerdo na folha onde deseja que o texto apareça. 3) 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:

  



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. 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). s at n e m ar r e F e d ar r a B : lo ut í p a C

1 0


2.5.Corte (Crop) A ferramenta de corte é usada para cortar (óbvio!) pedaços indesejados das figuras da imagem. COMO FAZER: Atenção: o corte será feito em todo o documento, então tome cuidado ao usar esta ferramenta. 1) Escolha a ferramenta de corte na barra de ferramentas 2) 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. 3) 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. 4) 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). 5) 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.

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. COMO FAZER: 1) Escolha a ferramenta clicando no ícone

(zoom tool).

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

.

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

menu de detalhes da ferramentas, clicando no ícone

(como mostrado na figura abaixo). s at n e m ar r e F e d ar r a B : lo ut í p a

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.

C

1 1


2.7.Preenchimento 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: 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é.

2.7.3. Conta-Gotas (Eyedropper) 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: 1) Selecione a ferramenta “conta-gotas” (Eyedropper). 2) Clique com o botão esquerdo sobre a cor que você deseja descobrir. s at n e m ar r e F e d ar r a B : lo ut í p a C

1 2


3. 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: 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.

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. COMO FAZER:

Clique no ícone do olho ( ) logo ao lado esquerdo da camada para esconder essa camada. 2) Clique novamente para voltar a mostrar a camada. 1)

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 Seleção (Move Tool)

.

COMO FAZER: 1) Selecione todas as camadas que se deseja alinhar (segure a tecla CTRL para selecionar várias camadas ao mesmo tempo). 2) Escolha a ferramenta de Seleção (Move Tool)

. 3) Na barra de propriedades, escolha um dos seguintes botões de acordo com o alinhamento desejado. s a d a m 

Alinhamento pelo topo



Alinhamento pelo centro horizontal



Alinhamento pela esquerda

a C

ou pela base : lo ut

ou vertical í p a

ou pela direita C

1 3


3.4.União de Camadas 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). 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)

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). COMO FAZER: Layers

Link

Note que, ao conectar 2 camadas, será 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: COMO FAZER: Layers

s a d a

Unlink Layers m a C : lo ut í p a C

1 4


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 co m 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.

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



 

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.

s a d a m a C : lo ut í p a C

1 5

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

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.

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:

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.   

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. s a d a m a C : lo ut í p a C

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


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.

s a d a

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. m a C : lo ut í p a C

1 7


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

s a d a m a C : lo ut í p a C

1 8

Curso de Design Gráfico com Adobe® Photoshop® CS5 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.

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.

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 m

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

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

Auto Tone

COMO FAZER: Image

Auto Contrast

COMO FAZER: Image

Auto Color

mI e d s et s ju A : lo ut í p a

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.

C

1 9


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: COMO FAZER: Image

Adjustments

Brightness/Contrast

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).

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: 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). m e g a mI e d s et s ju A : lo ut í p a C

2 0


4.4.Saturação (Hue/Saturation) A ferramenta de saturação mostrada nesta seção é muito semelhante à ferramenta de balanço de cor, mostrada no capítulo 0

m e g a mI e d s et s ju A : lo ut í p a C

2 1

Curso de Design Gráfico com Adobe® Photoshop® CS5 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. 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.

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.

m e

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. g a mI e d s et s ju A : lo ut í p a C

2 2


4.5.Balanço de Cores (Color Balance) 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): COMO FAZER: Image Adjustments Color Balance

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.

m e g a mI e d s et s ju A : lo ut í p a C

2 3

Apostila Adobe Photoshop CS5

Recommend Documents