Curso de Design Grfico com Adobe Photoshop CS5

Apresentao
Curso de Design Grfico com

Adobe Photoshop CS5

Autor

Joo Daher Neto joao.daher@hotmail.com

Objetivo O que ser ensinado apenas uma parte do que necessrio 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 necessrias para que voc no tenha problema nestes 30%.

A imaginao mais importante que o conhecimento.

Albert Einstein

Captulo: Apresentao

Copyright 2011 JOO DAHER NETO. garantida a permisso para copiar, distribuir e/ou modificar este documento sob os termos da Licena de Documentao Livre GNU (GNU Free Documentation License), Verso 1.2 ou qualquer verso posterior publicada pela Free Software Foundation; sem Sees Invariantes, Textos de Capa Frontal, e sem Textos de Quarta Capa. http://www.gnu.org/licenses/fdl.html

Curso de Design Grfico com Adobe Photoshop CS5

Sumrio
Apresentao ...........................................................................................................................................................1 Sumrio....................................................................................................................................................................2 1. Introduo ..........................................................................................................................................................4 1.1. Novo Documento ........................................................................................................................................4 1.2. Salvar Documento ......................................................................................................................................5 1.3. Paleta de Cores ...........................................................................................................................................6 2. Barra de Ferramentas .........................................................................................................................................7 2.1. Seleo (Move Tool) ...................................................................................................................................7 2.2. Marcao (Marquee Tool) ..........................................................................................................................8 2.2.1. Retangular/Circular (Rectangular/Elliptical) ..........................................................................................8 2.2.2. Seleo Rpida/Mgica (Quick Selection/Magic Wand) .......................................................................9 2.3. Formas (Rectangle Tool) .............................................................................................................................9 2.3.1. Colorizao de Formas ..........................................................................................................................9 2.4. Texto (Text) ...............................................................................................................................................10 2.4.1. Colorizao 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. Dgrad (Gradient) ..............................................................................................................................12 2.7.3. Conta-Gotas (Eyedropper)...................................................................................................................12 3. Camadas ...........................................................................................................................................................13 3.1. Opacidade (Opacity) .................................................................................................................................13 3.2. Visualizao (Hide)....................................................................................................................................13 3.3. Alinhamento (Align) ..................................................................................................................................13 3.4. Unio de Camadas ....................................................................................................................................14 3.4.1. Grupos (Group) ....................................................................................................................................14 3.4.2. Conexo (Link) .....................................................................................................................................14 3.5. Efeitos (Blending Options) ........................................................................................................................15 3.5.1. Sombreamento Projetado (Drop Shadow) ..........................................................................................15 3.5.2. Sombreamento Interno (Inner Shadow) .............................................................................................16 3.5.3. Brilho Externo (Outer Glow) ................................................................................................................16 3.5.4. Colorizao Slida (Color Overlay) ......................................................................................................17

Captulo: Sumrio

Curso de Design Grfico com Adobe Photoshop CS5

3.5.5. Dgrad (Gradient Overlay) ................................................................................................................17 3.5.6. Borda (Stroke)......................................................................................................................................19 4. Ajustes de Imagem ...........................................................................................................................................19 4.1. Automtico ...............................................................................................................................................19 4.2. Brilho/Constraste (Brightness/Contrast) ..................................................................................................20 4.3. Vibrao (Vibrance) ..................................................................................................................................20 4.4. Saturao (Hue/Saturation) ......................................................................................................................21 4.5. Balano de Cores (Color Balance) .............................................................................................................23

Captulo: Sumrio

Curso de Design Grfico com Adobe Photoshop CS5

1. Introduo
1.1.Novo Documento
O primeiro passo para comear a arte configurar o seu espao de trabalho que, no caso do Photoshop, uma folha em branco.

COMO FAZER: File New

Depois disso, a seguinte caixa de dilogo ser aberta. Nela possvel escolher todas as configuraes da folha de trabalho, e o efeito de cada item ser explicado em seguida. Name: o nome do seu trabalho Size: so 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 nmero define a qualidade da imagem. Por exemplo: para uma imagem que ser exibida no computador, 96 dpi so suficientes para uma boa qualidade; j uma imagem que ser impressa, 1200 dpi a qualidade mxima. 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 espao de desenho). Se voc deseja aumentar a qualidade do desenho como um todo, incluindo tudo que j foi desenhado, utilize a opo Image Size dentro do menu Image, como mostrado abaixo.

Dica de Rodap: A tela de um monitor de 17 costuma ter a resoluo de 1280x1024 pixels, ento se sua arte for para se ver apenas no computador, qualquer tamanho maior que este desperdcio.

Captulo: Introduo

Curso de Design Grfico com Adobe Photoshop CS5

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 prprio 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, seno ser impossvel modific-lo depois.

COMO FAZER: File Save

Imagem Comum: uma imagem no formato png, jpg, gif e outras do gnero. Com este formato s permitido visualizar a arte, ningum ter acesso ao trabalho para mudar nenhuma caracterstica da imagem. Esse formato recomendado para quando seu trabalho est pronto, e voc quer divulglo, ou lev-lo para imprimir, por exemplo.

COMO FAZER: File Save for Web & Devices

Captulo: Introduo

Curso de Design Grfico com Adobe Photoshop CS5

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 so mostradas 2 cores, a da frente (vermelho, no exemplo) significa a cor principal, para us-la basta clicar com o boto esquerdo dependendo da ferramenta escolhida. Ento para trocar a cor principal, clique com o boto 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 boto esquerdo no cone da cor principal e, na janela que abrir (mostrada abaixo);

Captulo: Introduo

Curso de Design Grfico com Adobe Photoshop CS5

2. Barra de Ferramentas
A barra de ferramentas do Photoshop encontrada na lateral esquerda da janela. Nela esto todas as ferramentas que servem para CRIAR a sua arte. importante saber que cada cone da barra de ferramentas pode representar mais de uma funo, e para ver todas as funes, experimente segurar o boto esquerdo do mouse sobre cada ferramenta: direita sero mostradas todas as variaes daquela ferramenta, basta voc escolher a que deseja.

2.1.Seleo (Move Tool)

Esta a ferramenta mais bsica e mais usada de todo o Photoshop. E tem as seguintes funes: 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 Localizao das Figuras:

COMO FAZER:
1) Selecione a figura. 2) Segure o boto 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 boto 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 vrias 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 boto esquerdo e arraste para os lados at a figura ficar na posio desejada.

Dica de Rodap: Para mudar a localizao das figuras com mais preciso, voc pode usar as setinhas do teclado para colocala 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.

Captulo: Barra de Ferramentas

Curso de Design Grfico com Adobe Photoshop CS5

Lembre-se de, depois de modificar o objeto (mover, mudar o tamanho e girar), confirme as mudanas clicando no ltimo item da barra de propriedades. Note tambm na imagem abaixo que todas as modificaes podem ser feitas de forma mais precisa utilizando os campos da barra de propriedades.

2.2.Marcao (Marquee Tool)

As ferramentas de marcao so as mais usadas em toda arte feita no Photoshop quando se pretende editar alguma imagem. Seja para remover o fundo ou recolorir uma regio. Sempre necessrio indicar ao Photoshop qual rea especificamente voc quer editar, ao invs de editar toda a camada de uma s vez, e, para isto, o programa tem disposio mais de 10 maneiras diferentes de selecionar (marcar) uma rea desejada. Importante: depois de selecionar uma regio, TODAS as alteraes feitas de agora em diante s sero feitas dentro dessa regio. Lembre-se de cancelar a seleo 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 possvel selecionar uma regio retangular (para retirar bordas, por exemplo) ou uma regio circular (para selecionar olhos, por exemplo).

COMO FAZER:
1) Escolha a ferramenta de seleo retangular ou circular. (mostrada na imagem direita). 2) Clicar e arrastar na imagem para desenhar um retngulo (ou crculo), marcando a rea que se deseja selecionar. Note que, ao soltar o boto esquerdo do mouse, a regio se mostrar selecionada com vrios traos pontilhados em movimento. (como mostrado no exemplo esquerda). Entretanto, algumas vezes um simples quadrado no foi capaz de selecionar toda a rea que era pretendida, ento possvel refinar essa seleo, utilizando os botes que esto na barra de propriedades quando uma ferramenta de seleo escolhida:

O segundo, , far uma adio seleo: toda vez que for desenhada uma nova seleo, essa ir se unir seleo anterior. Por exemplo, desenhando 2 retngulos, possvel fazer a seguinte seleo para desenhar o objeto branco no exemplo direita. O boto serve para retirar uma seleo: se voc j fez uma seleo, mas ela est marcando mais do que deveria, voc pode retirar um pedao dessa rea. No exemplo abaixo foi selecionado um quadrado e depois removido um crculo.

Captulo: Barra de Ferramentas

O primeiro boto, , indica uma nova seleo: toda vez que for desenhado uma nova seleo, a anterior ser ignorada.

Curso de Design Grfico com Adobe Photoshop CS5 2.2.2. Seleo Rpida/Mgica (Quick Selection/Magic Wand)
A seleo rpida a mais usada por profissionais para selecionar uma rea complexa, como cabelo, fundo da imagem ou qualquer outra regio que no seja nem circular nem retangular. Esta ferramenta ir procurar por cores semelhantes e tentar selecionar a regio desejada.

COMO FAZER:
1) Escolha a ferramenta de seleo rpida. (mostrada na imagem direita). 2) Clicar e a arrasta sobre toda a regio que se pretende selecionar. Se preferir, clique com o boto esquerdo vrias vezes sobre a regio, at ter a seleo desejada. A seleo mgica (tambm chamada de varinha mgica) tem o mesmo princpio, mas ela far a seleo com apenas um clique com o boto esquerdo. Se a seleo no estiver sendo feita corretamente (no caso de ter cores muito parecidas na imagem, por exemplo), possvel definir a tolerncia da seleo mgica na barra de propriedades (o nmero 20 da imagem abaixo).

Quanto menor esse valor, mais exigente ser a seleo: apenas cores muito parecidas sero escolhidas (por exemplo, selecionar verde claro e no selecionar verde escuro). Quanto maior esse valor, mais flexvel ser a marcao: cores nem to parecidas sero 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 prdefinidas, que vo desde polgonos (retngulos, hexgonos, etc.) at setas e bales.

COMO FAZER:
3) Escolha a forma que quer desenhar. 4) Clique com o boto esquerdo na folha onde deseja que seja o canto da figura. 5) Segure o boto 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 boto esquerdo. Voc ainda pode mudar o tamanho e a posio do que acabou de desenhar, como foi visto na seo 2.1 Seleo (Move Tool) (pg. 7).

2.3.1. Colorizao de Formas COMO FAZER:

1) Antes de desenhar o objeto, escolha a cor principal, como foi mostrado no captulo 0

Captulo: Barra de Ferramentas

Curso de Design Grfico com Adobe Photoshop CS5

2) Paleta de Cores (pg. 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 captulo.

2.4.Texto (Text)
Esta ferramenta serve para adivinhem criar textos. Se voc tem familiaridade com um editor de texto comum, essa ferramenta no tem nenhuma novidade.

COMO FAZER:
1) Escolha a ferramenta na barra de ferramentas. 2) Clique com o boto esquerdo na folha onde deseja que o texto aparea. 3) Digite o texto.

Depois de digitado, o texto se torna um objeto como todos os outros: pode ser movido, aumentado, diminudo e colorido da mesma forma que outros objetos. Para alterar qualquer uma dessas caractersticas, veja o captulo 2.1 Seleo (Move Tool) (pg. 7). A barra de propriedades apresenta configuraes comuns a um editor de texto:

Fonte: a primeira caixinha (escrito Arial, no exemplo) onde o estilo e o formato da fonte so escolhidos. Estilo: a segunda caixinha permite colocar o texto negrito, itlico 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 relao folha. Pode ser alinhado nas margens esquerda, direita ou centralizado. Voc s notar diferena no alinhamento quando tiver grandes trechos de texto, para texto curtos, de poucas palavras, no faz a mnima diferena.

2.4.1. Colorizao de Textos

Captulo: Barra de Ferramentas
Para colorir o texto, basta selecion-lo e escolher a cor desejada na barra de propriedades. Voc tambm pode dar efeitos mais complexos, usando o dgrad de cores mostrado com detalhes no captulo 2.7.2 Dgrad (Gradient) (pg. 12).

1 0

Curso de Design Grfico com Adobe Photoshop CS5

2.5.Corte (Crop)
A ferramenta de corte usada para cortar (bvio!) pedaos indesejados das figuras da imagem.

COMO FAZER:
Ateno: o corte ser feito em todo o documento, ento tome cuidado ao usar esta ferramenta. Escolha a ferramenta de corte na barra de ferramentas Desenhe um retngulo ao redor da figura, escolhendo apenas o pedao que voc quer que se mantenha (o restante ser cortado). Note que a tela fica cinza fora do seu retngulo, representado toda a parte que ser descartada. Agora ainda possvel alterar o corte: escolha um dos 8 quadradinhos ao redor do retngulo, clique e arraste para mudar o tamanho do corte. Tambm possvel girar o corte: clicando fora da rea colorida e arrastando para rotacionar a rea de corte. Assim como foi visto com mais detalhes no captulo 2.1 Seleo (Move Tool) (pg. 7). Finalmente, para confirmar o corte, clique com o boto 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.

1) 2)

3)

4)

5)

2.6.Zoom
A ferramenta de zoom serve apenas para aproxima e afastar a sua viso do trabalho. Ela no ir, em hiptese 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 boto 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).

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 trs para afastar. Lembre-se de manter o curso em cima do local que deseja dar zoom.

1 1

Captulo: Barra de Ferramentas

Curso de Design Grfico com Adobe Photoshop CS5

2.7.Preenchimento
H vrias formas de se colorir algum objeto. No caso das formas, basta selecionar o objeto e escolher a cor, como foi visto no captulo 2.3.1 Colorizao de Formas (pg. 9). Da mesma maneira tambm possvel colorir textos. Mesmo assim, o Photoshop permite colorizaes mais elaboradas e, para tais, usa-se uma das ferramentas a seguir.

2.7.1. Uniforme (Paint Bucket)

Essa a colorizao simples (com cor slida), 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 boto esquerdo sobre a imagem. (Note que toda a camada ser colorida)

2.7.2. Dgrad (Gradient)

Essa colorizao fornece o efeito de dgrad (transio) 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 no lembra como a encontrou no comeo. Com o Conta-Gotas possvel 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 boto esquerdo sobre a cor que voc deseja descobrir.

1 2

Captulo: Barra de Ferramentas

Curso de Design Grfico com Adobe Photoshop CS5

3. Camadas
A seguir esto algumas tcnicas que servem apenas para organizar os objetos na imagem.

3.1.Opacidade (Opacity)
Para cada camada possvel 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 nmero no topo da barra de camadas, logo na frente do item Opacity (nmero 46%, no exemplo ao lado). Quanto menor este valor, mais transparente ser a camada. E quanto maior, mais visvel.

3.2.Visualizao (Hide)
Quanto se tem uma arte com muitas camadas, s vezes algumas camadas comeam a atrapalhar o desenho da arte, ento possvel esconder temporariamente alguma camada desejada.

COMO FAZER:
1) Clique no cone do olho ( ) 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 captulo 2.1 Seleo (Move Tool) (pg. 7). Mas quase nunca se consegue alinhar manualmente vrias camadas de uma s vez. Para isto h os recursos de alinhamento que so mostrados na barra de propriedades quando se escolhe a ferramenta de Seleo (Move Tool) .

COMO FAZER:
1) Selecione todas as camadas que se deseja alinhar (segure a tecla CTRL para selecionar vrias camadas ao mesmo tempo). 2) Escolha a ferramenta de Seleo (Move Tool) . 3) Na barra de propriedades, escolha um dos seguintes botes de acordo com o alinhamento desejado.

Alinhamento pelo topo

ou pela base ou vertical

Alinhamento pelo centro horizontal Alinhamento pela esquerda

ou pela direita

1 3

Captulo: Camadas

Curso de Design Grfico com Adobe Photoshop CS5

3.4.Unio de Camadas
3.4.1. Grupos (Group)
Permite formar um grupo com vrias. Esse grupo ir se comportar como uma nica camada: se um mudar o tamanho, todos mudaro. muito til quando se tem diversos objetos que foram organizados na posio correta e s podem mudar se todos os outros mudarem. Mesmo agrupados, os objetos ainda mantm 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 vrias 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 esto naquele grupo. (imagem esquerda)

3.4.2. Conexo (Link)

Criar conexes entre camadas tem o mesmo objetivo de criar grupos: ao modificar uma camada, modificar a outra camada que est unida. Mas as conexes, ao contrrio dos grupos, podem ser usadas para camadas distantes uma da outra, que tenham outras camadas intermedirias que no devem ser unidas. Para agrupar, selecione as camadas na janela de camadas (lembre-se de usar CTRL para selecionar vrias camadas de uma s vez).

COMO FAZER: Layers

Link

COMO FAZER: Layers

Unlink Layers

1 4

Captulo: Camadas

Note que, ao conectar 2 camadas, ser mostrado o smbolo de uma corrente na frente da camada (na barra de camadas), como pode ser visto na imagem ao lado. Para cancelar a conexo entre camadas, selecione todas as camadas conectadas e:

Curso de Design Grfico com Adobe Photoshop CS5

3.5.Efeitos (Blending Options)

Grande parte de toda a riqueza de imagem que o Photoshop oferece graas aos efeitos que so 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 smbolo da camada. Ou, se preferir, clique com o boto direito sobre a camada e escolha a opo Blending Options. Ento, ser mostrada a caixa de dilogo que contm todos os efeitos, onde voc pode marcar o efeito desejado usando a caixinha esquerda de cada item e, alm disso, pode personalizar cada efeito clicando com o boto 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, atrs de todo o contedo da camada escolhida.

Esse efeito pode ser personalizado modificando os itens no centro da janela de efeitos. possvel modificar as seguintes caractersticas da sombra:

Cor: clicando sobre a caixa colorida (de cor preta, no exemplo) possvel trocar a cor da sombra. Normalmente toda sombra preta, mas nada impede de voc criar sombras coloridas para sua arte. Opacity: indica a transparncia da sombra. Quanto menor o nmero, mais invisvel ser a sombra, e quanto mais alto, mais forte ser a sombra. Angle: pode ser digitado um nmero (30, no exemplo) ou pode ser clicado na bolinha com um trao 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

Captulo: Camadas

Curso de Design Grfico 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 nmero, mais distante ser a sombra, e quanto menor, mais prximo da camada. Spread: oferece um efeito de fumaa para a sombra. Quanto maior o nmero, mais esfumaada 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 impresso de um texto/imagem que foi gravada na folha, ou numa parede, por exemplo.

Esse efeito possvel personalizar exatamente da mesma forma que o efeito visto anteriormente, no captulo 0 Sombreamento Projetado (Drop Shadow) (pg. 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 personalizaes muito parecidas com o efeito de sombreamento, que so: Cor: clicando sobre a caixa colorida (de cor rosa claro, no exemplo) possvel trocar a cor do brilho. Opacity: indica a transparncia do brilho. Quanto menor o nmero, mais discreto ser o brilho, e quanto mais alto, mais intenso. Spread: oferece um efeito de fumaa para o brilho. Quanto maior o nmero, mais esfumaada 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 fundo for mais escuro que a cor escolhida. Se voc quiser um brilho mais escuro que o fundo, ento use o efeito de sombreamento.

1 6

Captulo: Camadas

Curso de Design Grfico com Adobe Photoshop CS5

3.5.4. Colorizao Slida (Color Overlay)

O efeito de colorizao 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. Tambm possvel determinar a intensidade dessa cor, atravs da opo Opacity.

3.5.5. Dgrad (Gradient Overlay)

Enfim um efeito profissional para colorir a camada. Com este efeito possvel criar uma transio de cores para colorir a camada. Ele muito recomendado para praticamente qualquer camada colorida (textos, principalmente) pois proporciona uma sensao de realismo na arte.

1 7

Captulo: Camadas

Curso de Design Grfico com Adobe Photoshop CS5

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 faro parte da transio 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 transio e pode tambm acrescentar seus prprios pontos para adicionar mais cores, clicando em qualquer lugar abaixo da barra colorida. Style: possvel fazer transies 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 dgrad. Angle: se o estilo escolhido for linear, o valor do ngulo indicar a direo que a troca de troca de cores ser feita.

1 8

Captulo: Camadas

Curso de Design Grfico 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) possvel trocar a cor da borda. Size: define a espessura da borda.

4. Ajustes de Imagem
Neste captulo sero mostradas diversas maneiras possveis para melhorar ou modificar a aparncia de uma foto. As alteraes feitas com estas ferramentas s podem ser revertidas no exato momento que foram feitas, ento, antes de fazer qualquer alterao, lembre-se de salvar uma cpia 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.

possvel fazer alguns ajustes bem simples com apenas um clique do mouse na opo certa. H 3 opes para fazer um ajuste automtico na qualidade da imagem, eles variam muito pouco e o ideal testar cada um deles e ver qual far a mudana desejada na imagem.

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

Auto Tone Auto Contrast Auto Color

Dica de Rodap: Lembre-se que os ajustes automticos so apenas TENTATIVAS do Photoshop para melhorar a imagem. Algumas vezes ele far as mudanas perfeitas, outras vezes deixar a imagem ainda pior. Ento experimente usar ajustes manuais nesse ltimo caso.

1 9

Captulo: Ajustes de Imagem

4.1.Automtico

Curso de Design Grfico com Adobe Photoshop CS5

4.2.Brilho/Constraste (Brightness/Contrast)
Esta ferramenta permite clarear ou escurecer a imagem ou deixa-la mais definida, caso esteja difcil de identificar o que compe a imagem. Para habilitar essa ferramenta:

COMO FAZER: Image

Brightness/Contrast

Adjustments

A seguir, ser mostrada uma caixa de dilogo que permite configurar o brilho e o contraste da imagem apenas mudando o nmero 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.Vibrao (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 moderao, 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 no necessrio modificar a saturao, apenas a mantenha no valor padro: zero (0).

2 0

Captulo: Ajustes de Imagem

Curso de Design Grfico com Adobe Photoshop CS5

4.4.Saturao (Hue/Saturation)
A ferramenta de saturao mostrada nesta seo muito semelhante ferramenta de balano de cor, mostrada no captulo 0

2 1

Captulo: Ajustes de Imagem

Curso de Design Grfico com Adobe Photoshop CS5

Balano de Cores (Color Balance) (pg. 22). Mas em alguns casos necessrios escolher a opo certa para conseguir o efeito desejado. A funo dela modificar a cor de uma camada ou de uma rea que foi selecionada.

COMO FAZER: Image Adjustments Hue/Saturation

Primeiramente, mexa a marcao 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 regio a ser colorida - utilizando alguma ferramenta vista no captulo 2.2 Marcao (Marquee Tool) (pg. 8) e depois se utiliza o recurso desta seo para colorir a rea. Caso a colorao esteja fraca, pode-se intensific-la marcando a opo Colorize na janela de configuraes.

Dica de Rodap: O item Saturation tambm pode ser usado para deixar uma imagem em preto-e-branco (escala de cinza), para isto basta deslocar a marcao totalmente para a esquerda.

2 2

Captulo: Ajustes de Imagem

Curso de Design Grfico com Adobe Photoshop CS5

4.5.Balano de Cores (Color Balance)

Este recurso tambm permite modificar as cores de uma camada ou de uma seleo, 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 regio a ser alterada (camada ou rea de seleo):

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 marcao na direo desse tom.

2 3

Captulo: Ajustes de Imagem