Mais conteúdo relacionado
Semelhante a Apostila dominando ps cs5 (20)
Apostila dominando ps cs5
- 1. Dominando o Photoshop® Cs5 1
com alexandre keese 1
dtp.com.br | photopro.com.br | photoshopconference.com.br 1
01 Photoshop CS5
nos mínimos detalhes
Alexandre Keese
Especialista em tratamento e edição de imagens
Editor da Revista Desktop
Consultor Adobe Systems Brasil
Autor do livro Adobe Photoshop: Tratamento & Edição Profissional de Imagens
Cursou Publicidade e Propaganda na PUC-Campinas e hoje é consultor de diversas empre-
sas gráficas, editoras, agências e bureaus de imagens, nos quais ajuda na capacitação e apri-
moramento de processos e profissionais. Além disso, durante seus treinamentos e palestras
ministradas em todo o Brasil, Keese já teve a oportunidade de ensinar milhares de profissionais.
Trabalhando com o Photoshop desde a sua primeira versão, Alexandre Keese é um verdadeiro apaixonado pelo
aplicativo e vem trabalhando ativamente, em conjunto com a engenharia da Adobe em San Jose, no desenvol-
vimento das novas versões. É autor do livro “Tratamento e Edição Profissional de Imagens com o Photoshop” e
dos DVDs “Canais, Máscaras e Seleções” e “Photoshop e Fotografia, a arte da imagem conceitual”. Também é res-
ponsável pela revisão técnica do Guia Autorizado do Adobe Photoshop CS3 e CS4 e pelo PhotoPro TV, o primeiro
podcast sobre Photoshop do mercado Brasileiro, além de ser o idealizador do Grupo PhotoPro e organizador do
Photoshop Conference, consagrado como o maior evento de Photoshop da América Latina.
Photoshop 20 anos Hexabites. Já parou para pensar sobre isso? São
2010 é com certeza o ano do Photoshop. A come- 18.000.000GB, o sonho de consumo de qualquer
çar pelo seu aniversário. É isso mesmo, o Pho- usuário.
toshop completou, em 19 de fevereiro, 20 anos de
existência, durante os quais vem sendo considera- Mini Bridge
do o principal aplicativo para tratamento e edição Considero o Bridge hoje uma ferramenta indis-
de imagens do mundo. E as novidades não param pensável, pois a partir dele posso gerenciar todos
por aí: no dia 12 de abril de 2010 chegou ao mer- os arquivos presentes dentro de um projeto e
cado a sua mais nova versão, o Photoshop 12, que ganhar muito tempo de produção. Sem falar dos
faz parte do pacote Creative Suite 5 e que, mesmo ganhos em organização.
após 20 anos, ainda possui muitas novidades para Na versão CS5, uma nova modalidade aparece.
facilitar a vida dos usuários. Seu nome? Mini Bridge, que funciona como um
painel inserido em praticamente todos os produ-
Novidades do PsCS5 tos do pacote Creative Suite 5, oferecendo mais
E meu objetivo a partir de agora é apresentar as flexibilidade em operações do dia-a-dia, como
principais novidades do Photoshop. E olha que Drag and Drop de imagens, organização, visualiza-
não são poucas! ção rápida e muito mais.
Para acessar o novo painel, basta entrar no menu
São mudanças presentes em praticamente todas Window > Extensions > Mini Bridge e o mesmo
as áreas do aplicativo, não somente em novos será automaticamente aberto.
comandos como normalmente é esperado pelos Dessa forma, não é necessária a troca de aplica-
usuário. Há alterações consistentes que visam tivos para buscar e inserir uma imagem em seu
aumentar a produtividade do usuário e também projeto, ou mesmo para abrir mais um arquivo.
o desempenho em seu equipamento, por isso Outro ponto positivo: você pode arrastar o painel
explicarei sobre o suporte 64bits. sobre qualquer outro, deixando-o sempre acessí-
vel na sua tela.
64 bits, muito mais desempenho Clicando e arrastando pela lateral do painel, você
Uma grande barreira é ultrapassada nessa nova pode trocar suas dimensões, personalizando sua
versão, pois agora o Photoshop roda plenamente disposição.
nos sistemas operacionais 64 bits. Isso significa
que a quantidade de informações processadas
aumentou consideravelmente, isso é totalmente
perceptível em praticamente qualquer operação
realizada no aplicativo.
Além disso, a memória RAM passa dos 4GB supor-
tados pelos sistemas operacionais 32bits para 18
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 2. Dominando o Photoshop® Cs5 2
com alexandre keese 2
dtp.com.br | photopro.com.br | photoshopconference.com.br 2
Seleções complexas Edge
Muitos dos movimentos que são feitos dentro Com a seleção pronta, é necessário refinar alguns
do Photoshop requerem uma seleção, pois na detalhes. Isso será feito pelo comando Refine
maioria das vezes lidamos com correções localiza- Edge, acessado pela barra superior ou pelo menu
das. Agora, no CS5, temos um novo controle que Select > Refine Edge.
permite a seleção de elementos muito pequenos,
como cabelos, de forma bastante rápida e precisa.
Passo 01 - Por onde começar
A caixa de diálogo do comando é aberta e nela
você irá encontrar quatro áreas diferentes, sendo
que cada uma permite o controle das partes do
processo mostradas abaixo:
• View Mode: controla a visualização do
comando, ao abrir o pop-up View para você
escolher entre sete configurações diferen-
tes. Ao usar a tecla de atalho “F”, você pode
navegar entre os modos, mas vale destacar
que cada opção tem sua tecla de atalho que
permite seu acesso direto.
Tudo começa com uma seleção bastante rápida.
Eu comecei a maioria dos testes usando a ferra-
menta Quick Selection. Como você irá perceber,
essa nova tecnologia presente no Photoshop está
focada no ajuste fino da seleção e não em sua
construção inicial, que pode ser feito com uma
ferramenta bastante automatizada.
Passo 2 -
Novo Refine
• Edge Detection: permite que o comando
procure por bordas ao redor da área selecio-
nada. Posso afirmar que isso é o primeiro pas-
so para uma ótima seleção: basta configurar
os seus valores para que o comando analise
uma região ao seu redor. Muito simples e
poderoso.
Dentro dessa opção, temos ainda o Smart
Radius, um ajuste fino feito pelo Photoshop
que aumenta a precisão do comando.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 3. Dominando o Photoshop® Cs5 3
com alexandre keese 3
dtp.com.br | photopro.com.br | photoshopconference.com.br 3
• Adjust Edges: permite o ajuste fino da
seleção usando quatro opções:
Passo 3 - Analisando o resultado
Após todos os ajustes feitos, você pode voltar para
o Preview e verificar o resultado final. Gostei muito
da tecla de atalho “F”. Ela permite navegar entre as
opções de preview e, assim, você pode ter certeza
da configuração usada.
Veja abaixo um comparativo da imagem que
entrou no comando e o resultado final com os
ajustes feitos pelo Refine Edges.
1. Smooth: contornos mais detalhados ou mais
arrendondados, o que permite a correção de
seleções com muitas quebras;
2. Feather: acredito que esse é o comando
mais tradicional do Photoshop e permite dar
suavidade à seleção;
3. Contrast: aumenta o contraste da máscara, o
que evita que a seleção fique com transições
suaves. É um comando muito importante
para o ajuste fino, principalmente quando
se trabalha em conjunto com o Feather para
evitar seleções serrilhadas.
4. Shift Edge: controla a dimensão da seleção,
que pode ser ampliada ou reduzida a partir
do movimento desse slider. Se compararmos o tempo, facilidade no uso do
comando e qualidade final do resultado, podemos
• Output: Nessa parte do comando temos concluir que o Photoshop teve uma ótima evolu-
duas decisões importantes, pois aqui po- ção para fazer seleções complexas.
demos controlar a forma como o comando
será processado e como o resultado será Dica Adicional
devolvido para a imagem. Como todo processo do Photoshop, o resultado
pode não ser 100% para todas as imagens, mas
1. Decontaminate Colors / Redução da inva- acredito que o início do trabalho se torna muito
são de cores: ao ativar a opção Decontami- mais simples com o uso dessa ferramenta. Outro
nate Colors, o slider Amount fica ativo e por ponto forte está na economia de tempo, que
ele podemos fazer os ajustes para eliminar as chega em alguns casos a 70%, pois é um primeiro
cores de invasão, ou seja, aquela cor que fica ajuste que entrega uma máscara de excelente
no fundo e acaba contaminando a imagem. qualidade.
2. Output To: permite que o resultado final
seja processado de seis formas diferentes. Transparência
Entre elas temos a seleção, novo layer com O recorte feito pelo Refine Edge também funciona
máscara, novo documento, novo documento muito bem em elementos com transparências,
com máscara etc. como véus, vidros...
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 4. Dominando o Photoshop® Cs5 4
com alexandre keese 4
dtp.com.br | photopro.com.br | photoshopconference.com.br 4
Content-Aware Fill:
Uma super novidade do Photoshop CS5
Introduzido no Photoshop CS4, o comando
Content-Aware Scale parece fazer milagre durante
a transformação de elementos. Mas o que já
parecia ser inacreditável na versão 5 ficou sem
palavras, pois agora o comando está mais inteli-
gente do que nunca e permite a limpeza de áreas
de forma automática. Você precisa apenas indicar
em qual região existe um elemento indesejado e
o Photoshop elimina-o em um passe de mágica.
Vamos ver como isso funciona na prática?
Passo 1 - Seleção
O primeiro passo é a seleção da área que se deseja Você deve estar se perguntando: Mas qual é o
eliminar ou corrigir. Para isso, você pode usar qual- passo 3? Não preciso fazer mais nada, está pronto!
quer ferramenta de seleção (eu usei o Lasso). Digo O Photoshop automaticamente buscou a informa-
mais: usei-o de forma nada precisa para selecionar ção ao redor da imagem e completou a área.
o casal que está atrapalhando a minha paisagem.
Mesmo assim, como nem tudo é moleza, você
deve tirar a seleção clicando em qualquer lugar
com a ferramenta de seleção escolhida. Ainda não
acredita, não é mesmo? Pois tem mais!
Dica Adicional
Mas antes, vale uma dica adicional: se o comando
não localizar uma boa área na primeira tentativa,
use o famoso Cmd + Z (Win: Ctrl + Z) para desfa-
zer o comando e tente novamente. O aplicativo irá
procurar por uma nova referência e, em alguns ca-
sos, pode solucionar completamente o processo.
A segunda dica fica por conta da máscara: você
Passo 2 - É a hora da mágica pode duplicar o layer e usar o layer mask para
É aqui que a mágica irá acontecer. Entre no menu preservar uma área importante. Dessa forma, o
Edit > Fill para abrir a caixa de diálogo do coman- comando tem mais informações, o que melhora o
do e nela você deve escolher a opção Content- desempenho do comando.
Aware para Fill e clicar em OK.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 5. Dominando o Photoshop® Cs5 5
com alexandre keese 5
dtp.com.br | photopro.com.br | photoshopconference.com.br 5
Healing + Content-Aware Content-Aware para começar a eliminar os fios.
Basta clicar e arrastar o mouse sobre o céu,
paredes e até mesmo a janela. Você irá notar que,
cada vez que você solta o mouse, o Photoshop
automaticamente procura a melhor opção de
preenchimento e o resultado final é muito bom.
Ajustes finos
Outro recurso que se aperfeiçoou bastante com Claro que, por mais que o aplicativo procure por
as novidades do Content-Aware na versão CS5 foi diferentes áreas de sobreposição, alguns detalhes
a ferramenta Spot Healing Brush. Veja um exem- ficam para trás. Assim, você pode matar a saudade
plo prático a seguir. de carimbar um pouco.
Brincadeiras a parte, tenho certeza de que você
Passo 1 - Cenário ficou muito impressionado com tudo que acabou
Vamos começar imaginando o cenário: temos a de ver. E deve estar se perguntando: como o
foto de uma igreja, na frente dela passa uma rua, trabalho pode ser tão simples assim?!
há postes e, para a alegria dos estagiários de plan-
tão, há também um monte de fios que devem ser Na imagem abaixo, usei as duas opções do Con-
eliminados. Conseguiu imaginar? Caso contrário, tent Aware para eliminar as pessoas.
olhe para a imagem abaixo, mas sem entrar em
pânico ainda.
Agora, se você não tem a tão poderosa ferra-
menta chamada estagiário, deve também estar
pensando na quantidade infinita de carimbos que
será necessária para eliminar todos os fios, não é
mesmo?
Bom, é um processo lento e muitas vezes penoso,
pois será preciso escolher várias referências e
clonar muitas vezes até conseguir eliminar todos
os fios. Acredito que 30 minutos seriam necessá-
rios para você terminar a limpeza. Agora, se você
pensar em Photoshop CS5, a solução será muito
mais simples do que imagina.
Passo 2 - Content Aware Healing
Escolha a ferramenta Spot Healing Brush pela cai-
xa de ferramentas - tecla de atalho “J”. Em seguida,
pela barra superior, você pode clicar na opção
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 6. Dominando o Photoshop® Cs5 6
com alexandre keese 6
dtp.com.br | photopro.com.br | photoshopconference.com.br 6
Puppet Warp Esses pontos são responsáveis pela movimentação.
Quem usa Photoshop sabe que o comando Warp Por isso, o segredo aqui é escolher bem o local.
foi um grande avanço para tratamento e edição
de imagens. Na versão CS5, ele evoluiu e usa uma Passo 3 - Movimentando os pontos
tecnologia semelhante à que encontramos em Mais simples impossível! Clique e arraste qualquer
outros produtos, como AfterEffects, que permite a um dos pontos para o local desejado. Com o auxílio
movimentação a partir de pontos específicos que da tecla Option, você pode também rotacionar,
podem ser configurados de forma personalizada. simulando um movimento mais realista durante a
edição.
Passo 1 - Preparando a imagem
O primeiro passo é separar o elemento que você
deseja alterar ou fazer a edição em um layer
independente. Assim, teremos o fundo e o item
principal.
Passo 2 - Puppet Warp
Com o layer selecionado, entre no menu Edit e
escolha a opção Puppet Warp. Um grid é automa-
ticamente inserido sobre a sua imagem.
Clicando sobre a malha é possível inserir vários
pontos diferentes. Pense neles como juntas, seme- Mais opções
lhantes às que existem em nosso corpo. Note ainda que a barra superior possui diversas
opções para controlar melhor o desempenho do
comando.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 7. Dominando o Photoshop® Cs5 7
com alexandre keese 7
dtp.com.br | photopro.com.br | photoshopconference.com.br 7
02 Photoshop 100% criativo
Alexandre Keese
Especialista em tratamento e edição de imagens
Editor da Revista Desktop
Consultor Adobe Systems Brasil
Autor do livro Adobe Photoshop: Tratamento & Edição Profissional de Imagens
Cursou Publicidade e Propaganda na PUC-Campinas e hoje é consultor de diversas empre-
sas gráficas, editoras, agências e bureaus de imagens, nos quais ajuda na capacitação e apri-
moramento de processos e profissionais. Além disso, durante seus treinamentos e palestras
ministradas em todo o Brasil, Keese já teve a oportunidade de ensinar milhares de profissionais.
Trabalhando com o Photoshop desde a sua primeira versão, Alexandre Keese é um verdadeiro apaixonado pelo
aplicativo e vem trabalhando ativamente, em conjunto com a engenharia da Adobe em San Jose, no desenvol-
vimento das novas versões. É autor do livro “Tratamento e Edição Profissional de Imagens com o Photoshop” e
dos DVDs “Canais, Máscaras e Seleções” e “Photoshop e Fotografia, a arte da imagem conceitual”. Também é res-
ponsável pela revisão técnica do Guia Autorizado do Adobe Photoshop CS3 e CS4 e pelo PhotoPro TV, o primeiro
podcast sobre Photoshop do mercado Brasileiro, além de ser o idealizador do Grupo PhotoPro e organizador do
Photoshop Conference, consagrado como o maior evento de Photoshop da América Latina.
O Photoshop é um aplicativo muito conhe- Esses efeitos começam com ferramentas
cido para tratamento e edição de imagens, simples como, por exemplo, a ferramenta de
mas seu lado criativo também se destaca e Path. Ela é tradicionalmente usada para recor-
hoje podemos dizer que, praticamente, não tar uma imagem, mas irei usá-la aqui para a
há publicidade sem o Photoshop. criação de efeitos.
A diversidade aumenta quando entramos no
3D, focando um universo completamente
novo. Inserido pela primeira vez no Pho-
toshop CS3 e depois na versão CS4, o meca-
nismo foi revisto pela engenharia, e agora,
com a versão 5, temos ainda mais recursos.
O 3D pode ser usado não somente para criar
sensações tridimensionais, mas também para
somar novos elementos aos seus trabalhos
de design tradicional.
Seguindo essa linha de raciocínio, vou
apresentar diversos efeitos e tendências de
imagens que podem ser criador ao se usar o
Photoshop.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 8. Dominando o Photoshop® Cs5 8
com alexandre keese 8
dtp.com.br | photopro.com.br | photoshopconference.com.br 8
Trabalhando com gelo Passo 4 - Blend Mode
Desenvolvi este tutorial focado em um trabalho Agora troque o Blend Mode de Normal para Line-
cada vez mais simples e editável, para que, a ar Burn pelo painel Layers. A garrafa irá interagir
qualquer momento, você consiga alterar o filtro, a com a imagem do gelo no layer abaixo.
imagem ou até mesmo a composição do arquivo.
passo 1 - unindo as imagens
O primeiro passo é unir os dois arquivos que irei
trabalhar. Para isso, abri a imagem do gelo e da
garrafa no Photoshop e, com a ferramenta Move,
arrastei e joguei a imagem da garrafa sobre a
imagem do gelo.
Passo 5 - Posição
Por meio do comando Free Transform, teclas de
atalho Cmd + T (PC: Ctrl + T), rotacione a imagem
para criar a sensação de que a garrafa está natural-
mente inserida no gelo e não em pé.
Passo 2 - Smart Object
Pressione o botão direito do mouse sobre o Layer
da garrafa para abrir o menu contextual. Escolha a
opção Convert to Smart Object.
Dessa forma, a informação original é mantida no
layer e todos os elementos aplicados a partir de
então entram como instruções no layer e podem Passo 6 - filtro
ser reaplicados em outros objetos ou conteúdos. Para incrementar
a sensação de
Passo 3 - Duplique o layer que a garrafa está
Duplique o layer da garrafa com as teclas de ata- inserida no bloco
lho Cmd + J (PC: Ctrl + J). Em seguida, desligue a de gelo, entre
sua visualização no menu Filter >
e selecione o Distort > Glass.
layer abaixo. Na caixa de diálo-
go do filtro, colo-
quei os valores de
8 para Distortion
e 3 para Smooth-
ness.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 9. Dominando o Photoshop® Cs5 9
com alexandre keese 9
dtp.com.br | photopro.com.br | photoshopconference.com.br 9
Passo 7 - Trabalhando no layer acima Passo 9 - Suavidade
Agora você vai ligar a visualização do layer dupli- Por meio do painel Mask, aumente o valor de
cado no passo 2. Esse layer será usado para trazer Feather para 100 pixels. Isso faz com que a seleção
um pouco mais de detalhes ao produto. fique bastante suave e a sensação de que a garra-
fa foi inserida no gelo aumenta.
Passo 8 - Seleção
Selecione o centro da garrafa com a ferramenta
Lasso (L). Adicione então uma máscara, clicando
no ícone Add Layer Mask que está presente na Passo 10 - Mais contraste
barra inferior do painel layers. Para finalizar, vou aumentar o contraste da
imagem inserindo um novo layer de ajuste com o
comando Curves. Esse comando não terá nenhum
ajuste inicial.
Troque o Blend Mode de Normal para Overlay:
a imagem tem um super ganho de contraste e
saturação, fechando nosso arquivo.
A imagem fica visível somente no local da seleção,
com um transição muito marcada. Mas fique
tranquilo, pois iremos suavizar essa transição no
próximo passo.
Passo 11 - Opcional
Como usei Smart Object desde o início do projeto,
posso trocar de conteúdo ao clicar duas vezes
no ícone de smart do layer da garrafa. O arquivo
original é aberto e nele posso inserir um novo
conteúdo usando o Copy e Paste. Ao fechar o
arquivo, todas as informações são atualizadas e
nossa segunda imagem está pronta.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 10. Dominando o Photoshop® Cs5 10
com alexandre keese 10
dtp.com.br | photopro.com.br | photoshopconference.com.br 10
Polaroid Criativa
Um resultado muito interessante e simples pode
ser obtido com o uso de patterns e efeitos do
Photoshop.
Passo 1 - Criando pattern
Com a imagem aberta no Photoshop, use a teclas
de atalho Cmd + A (PC: Ctrl + A) para selecionar Passo 3 - Seleção
toda a imagem. Em seguida, entre no menu Edit Com a ferramenta de seleção Marquee, selecione
> Define Pattern para definir a imagem como um um retângulo sobre a imagem.
pattern.
Na caixa de diálogo aberta, você deve escolher o
nome para seu pattern.
Passo 2 - Reduzindo a saturação
Passo 4 - Novo layer
de preenchimento
Agora, pelo painel layers,
insira um novo layer com
pattern clicando sobre o
ícone de New Adjust-
ment Layer.
Pelo painel Layers, insira um novo layer de ajuste
com a opção Hue / Saturation. Na caixa de diálo-
do do comando coloque os valores de -95 para
Saturation e 75 em Lightness.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 11. Dominando o Photoshop® Cs5 11
com alexandre keese 11
dtp.com.br | photopro.com.br | photoshopconference.com.br 11
Pela caixa de diálogo aberta, escolha o pattern Em seguida, clique na opção Drop Shadow e ajus-
salvo no passo 1. Muito importante: desligue a te os valores para que a sombra fique posicionada,
opção Link with Layer e clique em OK. respeitando a iluminação da imagem.
Dessa forma, se você decidir movimentar a sele-
ção, a mesma terá um comportamento semelhan-
te a uma janela, que revela o que está por trás,
independentemente de sua posição.
Passo 6 - Ajustes finais
São vários os ajustes que podem ser aplicados
para finalizar o projeto. Por isso, vou listar todos
eles de forma independente para que você possa
aplicar um ou mais:
• Ao usar a ferramenta de Free Transform, tecla
de atalho “T”, rotacione e/ou altere o tama-
nho da polaroid;
• Duplique o layer duas ou três vezes;
• Reposicione os layers, dessa forma você con-
segue um efeito de quebra-cabeça, na qual
as peças coloridas ficam sobre a imagem
com um encaixe perfeito;
• Transforme os efeitos em layers e, depois, use
a opção Warp do Free Transform. Deforme
a sombra: você criará a sensação de volume
nas janelas;
Passo 5 - Efeitos
Agora vou aplicar dois efeitos para simular o con-
torno de uma polaroid. O primeiro efeito será uma
moldura branca ao redor da seleção. O segundo
efeito será uma sombra projetada.
Isso é feito acessando o ícone Effects, presente na
parte inferior do painel Layers.
Comece com a seleção da opção Stroke: coloque
o tamanho de 25 pixels, troque a posição para
Inside e, por fim, escolha a cor branca, clicando
sobre o swatch Color.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 12. Dominando o Photoshop® Cs5 12
com alexandre keese 12
dtp.com.br | photopro.com.br | photoshopconference.com.br 12
Fundos, paths e brushes
Vamos elaborar um arquivo bastante interessante,
cheio de efeitos, textura e um pouco de tridimen-
sionalidade, por meio da união de vários coman-
dos do Photoshop
Passo 1 - Novo documento
Neste exercício, vamos começar com a criação
de um novo arquivo com as dimensões de 2000
pixels de largura por 1600 pixels de altura. Isso
pode ser feito pelo menu File > New.
Passo 5 - Aplicando filtros
A partir da combinação de dois filtros, vamos
transformar as linhas em uma textura de fundo.
O primeiro será o Polar Coordinates, presente no
menu Filter > Distort > Polar Coordinates.
Passo 2 - Layer com degradê
Agora, pelo painel de layers, escolha a opção New
Gradient Layer clicando no ícone presente na
parte inferior.
Em seguida, aplique o filtro Radial Blur, presente
no menu Filter > Blur > Radial Blur com os valores
abaixo:
Passo 3 - Escolhendo as cores
Na caixa de diálogo aberta, você deve escolher
duas cores pela opção Gradient Editor. Eu usei
dois tons de verde. Isso é feito clicando sobre a
barra do degradê. Em seguida, escolha a opção
Radial, ângulo de 90º e Scale com 150%.
O resultado final é uma imagem mais interessante,
lembrando um pouco um efeito retrô.
Passo 4 - Criando listras
Crie um novo layer e preencha o mesmo com
listras pretas e brancas. Basta preencher o layer de
branco, selecionar as listas com a ferramenta Mar-
quee e preencher a área selecionada com preto.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 13. Dominando o Photoshop® Cs5 13
com alexandre keese 13
dtp.com.br | photopro.com.br | photoshopconference.com.br 13
Passo 6 - Blend mode e opacidade
Troque o Blend mode do layer com a textura de
Normal para Soft Light. Em seguida, reduza sua
opacidade para 50%.
Passo 9 - Desenhando o Path
Usando a ferramenta Path, vamos desenhar um
caminho que comece por trás da modelo. Dê a
volta ao redor de seu corpo e, por fim, saia da área
de trabalho pelo lado esquerdo do documento.
Passo 7 - Degradê interno
Crie um novo layer e insira um degradê interno
que comece com o mesmo tom de verde usado
no degradê original e termine com transparên-
cia, isso fará com que o centro ganhe uma área
melhor e a textura ficará mais evidente somente
na parte externa.
Dica importante
O Path será usado para inserir diversos traços e
elementos que simulam a pressão do traçado.
Dessa forma, o início e fim do Path tem traços
finos, enquanto que o meio tem uma expessura
maior. Veja o exemplo abaixo:
Fundo pronto
Com isso finalizamos nosso fundo e os elementos
já podem ser inseridos na arte.
Passo 10 - Aplicando stroke
Configure a ferramenta de pincel - Brush - com o
tipo de traçado desejado. Esse traçado pode usar
um brush padrão ou até mesmo uma configura-
ção personalizada, uma estrela por exemplo.
Em seguida, entre no painel Path e escolha a op-
ção Stroke Path. Na caixa de diálogo aberta, ative
a opção Simulate Pressure e clique em OK.
Passo 8 - Inserindo a modelo
Usando uma imagem do meu banco, separei uma Somando efeitos
modelo e a recortei e posicionei sobre o fundo. Experimente trocar a configuração e o tipo de
brush, passando por diversos traçados. Crie a
combinação mais atraente para sua imagem.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 14. Dominando o Photoshop® Cs5 14
com alexandre keese 14
dtp.com.br | photopro.com.br | photoshopconference.com.br 14
3D & Lenticular Photoshop pode fazer animações somente
O processo de imagens 3D e lenticulares é muito a partir da automação do Dr. Brown - www.
interessante e também é uma das novidades do russellbrown.com.
Photoshop a partir da versão CS3. O recurso, que • Zooming: permite que elementos dentro
evoluiu no CS4, está ainda mais avançado no CS5. da imagem sejam vistos de forma mais
Cada uma das opções permite um tipo de
efeito relacionado com o transporte da imagem
bidimensional para o mundo tridimensional. Por
A + B + C = ABC
sua vez, essas opções necessitam também um
complemento diferente, para que o resultado final próxima ou distante para chamar a atenção
possa ser visto como o esperado. do observador.
• Morphing: como o próprio nome indica,
• Imagens 3D: processo pelo qual podemos permite a fusão ou metamorfose entre dois
ver imagens bidimensionais com a ilusão de
A
serem tridimensionais. Isso pode ser feito
inserindo cada um dos elementos em um
determinado plano para criar a profundidade
A +
necessária. Para conseguir visualizar esse efei-
to é necessário o auxílio de óculos especiais elementos, por exemplo: você se lembra da
que transmitam uma imagem diferente para Monga, a mulher gorila?
cada olho, o que altera o ângulo de cada • 3D: aqui temos a ilustração com efeito de
imagem e faz com que o cérebro crie a ilusão profundidade de campo aplicada e/ou rota-
de profundidade.
• Tecnologia lenticulara: a tecnologia de
A + B
B
A
ção aplicada sem perder o foco.
Agora que conhecemos as diferenças básicas entre
as imagens 3D e a tecnologia lenticular com suas
impressão lenticular consiste em uma lente
lenticular colocada sobre um impresso para
gerar a sensação de profundidade de campo A + A
e/ou mesmo a possibilidade de trocar ou
mover elementos vistos sobre ângulos dife-
A
rentes. Temos vários exemplos desse tipo de
aplicação, que vão desde as figurinhas que
recebemos de presentes nos salgadinhos A
da Elma Chips até cartazes e publicidades
espalhadas em shoppings e aeroportos. variáveis, é hora de entrar no Photoshop e desco-
A principal vantagem neste caso é a presen- brir quais são os comandos para criar essas imagens
ça da lente sobre o impresso, o que permite
visualizar a imagem sem a necessidade de 3D workspace
um óculos 3D. O Photoshop tem uma área de trabalho total-
mente dedicada ao trabalho tridimensional.
Lenticular e suas variações: Dessa forma, todos os painéis principais para essa
São vários os efeitos que podem ser produzidos finalidade são organizados na tela.
usando a tecnologia lenticular, entre eles: Para escolher o Workspace 3D, basta entrar no
• Flipping: é o processo mais simples de menu Window > Workspace > 3D e pronto, sua
todos e permite a troca da imagem quando tela será configurada com as ferramentas certas.
vista por ângulos diferentes.
• Animation: permite que uma animação seja Planejamento da imagem
feita a partir da sequência de imagens. O Temos dois pontos de partida: uma ilustração que
A + B
A-B
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 15. Dominando o Photoshop® Cs5 15
com alexandre keese 15
dtp.com.br | photopro.com.br | photoshopconference.com.br 15
separe os elementos em layers ou que capture
os elementos separados em layers. De todas as
formas, é necessário que os elementos estejam
em campos separados.
Isso significa que, na grande maioria das vezes,
você não vai conseguir um efeito surpreendente
agora ficam no menu 3D e se chamam Render
Settings.
Você também pode acessar essa opção clicando
com o botão direito sobre o layer 3D ou pelo
sem o devido planejamento da imagem.
Passo 1 - Separando os elementos
Vamos começar o processo preparando a imagem painel de 3D aberto em sua área de trabalho.
no Photoshop. Para isso, é necessário que você Com a configuração aberta, clique na última
separe todos os elementos que deseja trabalhar opção, que tem como ícone uma caixa com des-
de forma tridimensional em layers.
É importante também que eles estejam organi-
zados de uma forma lógica, ou seja, o elemento
mais distante fica na parte inferior do painel de
Layer e o elemento mais próximo fica na parte
superior.
Para falar a verdade, o inverso também pode
acontecer, o cuidado mesmo fica em evitar a
mistura de layers.
Passo 2 - Convertendo seus layers
Agora vamos converter cada um dos layers
presentes no arquivo para um layer 3D, isso pode
ser feito clicando sobre o nome do layer e, depois,
escolhendo a opção New 3D Postcard from Layer
que fica no menu 3D.
Observações
As configurações que vamos mexer a partir de
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 16. Dominando o Photoshop® Cs5 16
com alexandre keese 16
dtp.com.br | photopro.com.br | photoshopconference.com.br 16
locamento azul e vermelho, simulando o 3D.
Dessa forma, novas configurações ficam dispo- Passo 3 - Render Settings
níveis: cada uma delas controla um parâmetro Agora vamos começar a definir os parâmetros
dentro da produção de imagens tridimensionais, de profundidade para cada um dos layers. Vou
como vou explicar a seguir: começar de baixo para cima, assim seguimos uma
ordem lógica e evitamos qualquer tipo de dúvida
• Stereo Type: Há duas opções: Red/ Blue e o durante o processo.
Vertical Interlaced. A primeira gera imagens Clique sobre o layer mais abaixo e, pelo menu 3D,
3D que podem ser usadas com óculos Azul / escolha a opção Render Settings. Insira os valores
Vermelho e a segunda gera imagens com a abaixo para cada um dos layers:
tecnologia lenticular. • Cidade: Stereo Type: Vertical Interlaced,
• Parallax: é a distância entre as cameras Focal Plane: -80, Parallax: 30 e Lenticular
usadas. Basicamente, ao aumenta seu valor, a Spacing: 40.
sensação de profundidade é ampliada. • Filme: Stereo Type: Vertical Interlaced, Focal
Valores ideais para essa opção ficam entre Plane: -40, Parallax: 30 e Lenticular Spacing:
15 e 30. 40.
• Focal Plano: É responsável por posicionar o • Balão: Stereo Type: Vertical Interlaced, Focal
objeto mais distante ou mais próximo. Pode- Plane: -20, Parallax: 30 e Lenticular Spacing:
mos resumir como o comando que define os 40.
planos. • Alekeese: Stereo Type: Vertical Interlaced,
Seus valores podem variar de +100 até -100. Focal Plane: 0, Parallax: 30 e Lenticular Spa-
Valores positivos deixam os objetos mais pró- cing: 40.
ximos e valores negativos deixam os objetos • Focal Plane: Stereo Type: Vertical Interla-
mais distantes. ced, Focal Plane: 50, Parallax: 30 e Lenticular
• Lenticular Spacing: Fica disponível somente Spacing: 40.
com a opção Vertical Interlaced. Nele deve- • Resumindo, somente os valores inseridos na
mos inserir a especificação de lente que será opção Focal Plane foram alterados. O res-
colocada sobre o impresso final. tante deve manter a uniformidade, pois eles
Um bom valor para quem prentende tra- definem a condição técnica do efeito.
balhar com impressoras jato de tinta como
Epson, HP ou Canon é 40 lpi, mas sempre
consulte seu fornecedor para saber exata-
mente qual lente está usando.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 17. Dominando o Photoshop® Cs5 17
com alexandre keese 17
dtp.com.br | photopro.com.br | photoshopconference.com.br 17
Importante Passo 6 - Testando o sistema
Você vai perceber que sua imagem tem um ga- Coloque a lente sobre o impresso e gire o mesmo,
nho lateral, por isso, é sempre importante manter você vai perceber que os elementos agora estão
uma área um pouco maior. Gosto de adicionar tridimensionais.
20% de espaço nas laterais. Não faço nenhum
ajuste ou espaço extra para a área vertical, pois o Conclusão
efeito não se expande nesse sentido. Acredito que, como eu, você ainda não havia pen-
sado como o 3D do Photoshop possui diversas
Dados técnicos novidades. Tenho certeza que, a partir de agora,
Antes de imprimir o arquivo, é necessário fazer você começará a testar sua criatividade e buscar
alguns ajustes na resolução da sua imagem para as mais diversas combinações. Portanto, boa sorte!
que a impressão aconteça sem qualquer proble-
ma. Cada impressora trabalha sob uma condição Última dica
ideal. Sendo assim, temos: Você pode usar exatamente o mesmo processo
• Epson: 720ppi que eu usei aqui em uma ilustração para criar a
• HP: 600ppi sensação tridimensional em uma imagem. Basta
• Canon: 600ppi seguir os mesmos passos, ou seja:
1. Separe as imagens em layers;
Verifique se seu arquivo foi criado seguindo essas 2. Converta todos os layers para 3D;
especificações. Caso contrário, você pode usar 3. Insera os valores pelo Render Settings;
a ferramenta de Crop com valores pré-definidos 4. Imprima;
para a resolução e, assim, ajustar sua imagem. 5. Continue tendo idéias!
Observação
Quando usamos a ferramenta de Crop, interpola-
mos o arquivo. Mas, neste caso, isso não importa
tanto, uma vez que a imagem sofreu bastante
com o cálculo aplicado sobre ela.
Passo 5 - Imprimindo sua imagem
Agora você deve imprimir a imagem usando um
papel de alta qualidade como, por exemplo, um
papel fotográfico. Isso permite maior definição e
acomoda melhor a tinta.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 18. Dominando o Photoshop® Cs5 18
com alexandre keese 18
dtp.com.br | photopro.com.br | photoshopconference.com.br 18
Imagens 3D
Se seu objetivo é gerar uma imagem para ser vista
com os tradicionais óculos 3D, a única diferença
entre o exercício anterior e este está na opção
Stero Type presente no Render Setting.
Nela você deve selecionar Red/Blue para que o
Photoshop aplique o descolcamento definido
pelo Focal Plane. Sua imagem vai ficar um pouco
confusa, pois o deslocamento do vermelho e azul
é feito, mas após colocar os óculos o efeito fica
show!
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 19. Dominando o Photoshop® Cs5 19
com alexandre keese 19
dtp.com.br | photopro.com.br | photoshopconference.com.br 19
03 Fotografando para o
Photoshop
Alexandre Keese
Especialista em tratamento e edição de imagens
Editor da Revista Desktop
Consultor Adobe Systems Brasil
Autor do livro Adobe Photoshop: Tratamento & Edição Profissional de Imagens
Cursou Publicidade e Propaganda na PUC-Campinas e hoje é consultor de diversas empre-
sas gráficas, editoras, agências e bureaus de imagens, nos quais ajuda na capacitação e apri-
moramento de processos e profissionais. Além disso, durante seus treinamentos e palestras
ministradas em todo o Brasil, Keese já teve a oportunidade de ensinar milhares de profissionais.
Trabalhando com o Photoshop desde a sua primeira versão, Alexandre Keese é um verdadeiro apaixonado pelo
aplicativo e vem trabalhando ativamente, em conjunto com a engenharia da Adobe em San Jose, no desenvol-
vimento das novas versões. É autor do livro “Tratamento e Edição Profissional de Imagens com o Photoshop” e
dos DVDs “Canais, Máscaras e Seleções” e “Photoshop e Fotografia, a arte da imagem conceitual”. Também é res-
ponsável pela revisão técnica do Guia Autorizado do Adobe Photoshop CS3 e CS4 e pelo PhotoPro TV, o primeiro
podcast sobre Photoshop do mercado Brasileiro, além de ser o idealizador do Grupo PhotoPro e organizador do
Photoshop Conference, consagrado como o maior evento de Photoshop da América Latina.
Planejamento é tudo! Tenho certeza de que você
já ouviu ou leu essa frase em algum lugar, certo?
Agora, como isso se aplica ao Photoshop? A
resposta é simples: quanto melhor for a captura
da sua imagem, mais facilidade você vai encontrar
durante uma fusão, tratamento ou até mesmo
buscando aquele efeito super desejado.
Por isso, durante este tutorial, separei alguns
exemplos que podem ajudar muito nosso dia-a-
dia. Para isso, usei uma linha de raciocínio bastan-
te simples: pensar qual seria a melhor captura para
que a imagem fosse processada com tranquilida-
de pelo aplicativo.
Dessa forma, estaremos sempre um passo à frente
pois, antes mesmo da captura, vamos mastigar
as imagens. Assim, quando elas entrarem no
Photoshop, bastará apenas alguns cliques até o
resultado final.
Algumas perguntas são válidas para que você
possa planejar melhor a captura da sua imagem,
entre elas:
• Qual a melhor maneira para produzir essa
imagem no Photoshop?
• Qual é o fundo ideal?
• De que forma o comando X interage melhor
com cores?
• Existe um fundo ideal?
• Claro ou escuro?
• Liso ou com textura?
E por aí a lista vai crescendo. Por isso, vamos
começar logo os exercícios e ver como o planeja-
mento é importante para o Photoshop.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 20. Dominando o Photoshop® Cs5 20
com alexandre keese 20
dtp.com.br | photopro.com.br | photoshopconference.com.br 20
Um ambiente, diversas luzes que valoriza o produto final.
A fotografia de arquitetura enfrenta algumas
situações com grande grau de complexidade. Na
situação que vamos analisar aqui, temos uma casa
e queremos capturar as diversas condições de luz
disponíveis para que, futuramente no Photoshop,
seja possível montar a combinação que quiser-
mos.
Planejando sua foto
Vamos começar pelo cuidados da captura, pois o
sucesso do processo depende desses passos:
• Coloque a câmera no tripé;
• Use sempre a mesma abertura para manter a • Quarta foto: o objetivo aqui foi capturar a
profundidade de campo; iluminação interna da casa; todo o restante
• Trabalhe com o White Balance predefinido foi apagado. Com ela, acredito que vamos
para evitar uma variação de cores muito ganhar um pouco mais de profundidade.
grande entre uma imagem e outra.
Passo 1 - captura
A primeira etapa é a captura das imagens. Aqui
você deve analisar cada um dos elementos que
compõem a sua cena, quais devem ficar juntos e
quais devem ficar separados, por exemplo:
• Primeira foto: capturei a área externa da
casa, valorizando a região da piscina e textu-
ras diversas, mas note que a área interna não
tem uma boa condição de luz, ficou escuro.
• Quinta foto: existem três iluminações na
parede externa da casa, que podem dar um
charme na cena final. O cuidado aqui fica
para o tipo de medição, pois temos uma luz
muito pontual e, de acordo com a fotome-
tragem que você escolher, muitos detalhes
podem ser perdidos.
• Segunda foto: meu objetivo, nesta imagem,
foi capturar a iluminação interna dos venti-
ladores; note que agora a casa ficou escura.
Mas tudo bem, o meu objetivo é o que
importa.
Formato de arquivo
Dê preferência para o formato nativo de sua
câmera, também conhecido como Raw, pois ele
possui uma informação mais rica e permite ajustes
mais extremos.
Passo 2 - Correção de cores
Existem dois caminhos possíveis aqui. O primeiro
é fazer os ajustes de cores usando o ACR - Adobe
Camera Raw, o segundo é entrar direto no Pho-
• Terceira foto: uma segunda opção de toshop e fazer os ajustes usando comandos como
iluminação na varanda foi capturada e ela Levels, Curves etc.
pode ser futuramente somada ou usada
sozinha dentro da minha composição final. Em ambos os casos, você deve ter em mente um
Vale destacar também que o reflexo na água ajuste de cores que mantenha basicamente o
é outro ponto forte e importante para o mesmo tom e nível de contraste.
sucesso da fusão, pois é esse tipo de detalhe
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 21. Dominando o Photoshop® Cs5 21
com alexandre keese 21
dtp.com.br | photopro.com.br | photoshopconference.com.br 21
Passo 3 - Fotos em layers Pelo painel Layers, vou clicar no olhinho do layer
Usando o Adobe Bridge, você deve selecionar 02-Ventilador.NEF para torná-lo visível. A foto fica
todas as fotos que fazem parte da composição. toda escura, não se preocupe, basta trocar o Blend
Em seguida, escolha menu Tools > Photoshop > Mode de Normal para Lighten para que todas as
Load Files into Photoshop Layers. áreas escuras da imagem sejam substituídas pelas
áreas claras da imagem que está logo abaixo, pre-
servando apenas a iluminação presente no layer.
O Photoshop automaticamente vai abrir todos
os arquivos selecionados e importá-los para o
mesmo documento de Photoshop, organizado
em layers e com seus respectivos nomes. Mais
fácil impossível.
Repeti o processo para o layer 04-Interna.NEF para
acender as luzes internas na minha composição.
Lighten x Screen
Esses dois Blend Modes podem ser usados para
preservar as áreas claras do layer superior e substi-
Analisando a composição tuir as áreas escuras, porém, dentro de seu cálculo
Agora estamos prontos para brincar com as diver- temos uma pequena diferença:
sas condições de luz. Tenho como base a foto da • Lighten: permite que a luz passe de um layer
casa, a primeira captura comentada anteriormente para outro, mas não consegue somar uma
que valoriza a textura externa. com a outra;
Logo acima, as diversas condições de luz que • Screen: além de permitir que a luz passe de
serão usadas na composição. um layer para outro, ela também calcula a
soma dessa luz
Passo 4 - Blend Modes sobre a imagem,
Vamos começar interagindo apenas com dois sendo, em alguns
layers, por isso, vou deixar somente o layer 01-Casa momentos, mais
Clara.NEF visível interessante e
pressionando conseguindo
a tecla Option simular uma con-
(PC:Alt) sobre dição mais real.
seu olho; todos Mas o que vale mesmo
os outros layer é você testar e procurar
são desligados a combinação que
e somente este mais agrade e chegue
fica visível. no resultado esperado.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 22. Dominando o Photoshop® Cs5 22
com alexandre keese 22
dtp.com.br | photopro.com.br | photoshopconference.com.br 22
Um ambiente, várias apresentações Passo 3 - Free Transform
Outro exercício muito interessante é a substituição Agora, usando o comando Free Transform, vou
dos detalhes de um ambiente, como vou apresen- distorcer o piso para que a perspectiva entre as
tar na imagem a seguir. duas imagens seja a mesma.
Meu objetivo é aproveitar os objetos inseridos no
ambiente e trocar o piso, preservando as condi-
ções de iluminação e, no fim, inserindo uma nova
fonte de luz e sombra.
Passo 1 - Unir os elementos
O primeiro passo é juntar as duas imagens em
um único arquivo. Abra os dois arquivos e, com a
ferramenta Move, clique e arraste uma imagem
sobre a outra.
Para isso, basta selecionar o layer com o piso,
entrar no menu Edit e escolher a opção Free
Transform. Finalize com um duplo clique.
Observação
A vantagem de usar o recurso de Smart Object é
que o mesmo é editável e se lembra de pratica-
mente qualquer coordenada inserida após sua
conversão. Sendo assim, a distorção aplicada
acima será armazenada como uma instrução e se
eu substituir a imagem por outra, ela será automa-
ticamente distocida.
E é isso que torna o processo tão simples e fácil,
ficando para o operador, de agora em diante,
somente a substituição da imagem por outra.
Passo 4 - Editando o smart object
Agora você deve clicar duas vezes sobre o ícone
Passo 2 - Smart Object de Smart object para abrir seu conteúdo. Este é
Agora vou converter a imagem do piso para um exibido em outro documento.
objeto inteligente. Isso pode ser feito de duas Agora você pode:
formas: • Copiar e colar outra imagem
• Clicando com o botão direito sobre o layer e dentro desse documento;
escolhendo a opção Convert to Smart Object • Aumentar seu tamanho e
do menu contextual, ou; preencher com um Pattern
• Pelo Menu Layer > Smart Object > Convert predefinido.
to Smart Object.
Eu usei um pattern feito a partir da
própria imagem para preencher
toda a extensão do documento.
Mais informações podem ser en-
contradas na próxima página.
Passo 5 - Acabamento
O acabamento final é muito sim-
ples: basta selecionar os objetivos
originais da imagem, copiá-los e
colá-los em outro layer.
Procure também manter a mesma
condição de sombra. Caso contrá-
rio, os objetivos parecerão estar
voando sobre a imagem.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 23. Dominando o Photoshop® Cs5 23
com alexandre keese 23
dtp.com.br | photopro.com.br | photoshopconference.com.br 23
Criando patterns no Photoshop
Patterns são elementos padrões que podem ser
repetidos em uma imagem, área selecionada,
layer... São muito úteis quando estamos editando
uma fusão ou mesmo quando é necessário com-
pletar uma área.
Os exemplos são os mais diversos: um gramado
presente na fachada de uma fábrica, a troca de
um pavimento de fábrica, até a substituição do
piso de um ambiente.
Para isso, é necessário termos uma amostra, que
nada mais é do que uma imagem de referência
que será distribuída por igual em toda a extensão
da área.
Passo 1 - Abrindo a imagem
Abra a imagem que deseja transformar em um
pattern. Ela pode ter qualquer dimensão, mas
tome cuidado para que o arquivo não seja muito
pequeno, o que pode gerar pixelizações na
imagem aplicada.
Passo 3 - Criando o pattern
Selecione a imagem toda usando a tecla de atalho
Cmd + A (PC: Ctrl + A). Em seguida, entre no menu
Edit e escolha a opção Define Pattern.
Coloque um nome na caixa de diálogo aberta e
clique em OK.
Passo 2 - Background para layer 0
Clique duas vezes sobre o nome Background / Pla- Passo 4 - Aplicando o pattern
no de fundo para transformar o mesmo em Layer Agora você pode ampliar o tamanho do docu-
0 / Camada 0. Assim poderemos trabalhar com mento ou selecionar a área desejada, depois basta
transparência no arquivo. escolher entre:
• Menu Edit > Fill: Preenche o local usando o
comando Fill. Na caixa de diálogo, você deve
escolher a opção Pattern e, logo em seguida,
o pattern desejado entre as opções da lista.
• Layer de preechimento: pelo painel Layers,
você pode inserir um novo layer de preenchi-
mento de pattern e escolher a textura pela
caixa de diálogo aberta.
Passo 2 - Aumentando a área
Como estou trabalhando com pisos, é necessário
adicionar um espaço extra. Vou deixar o vão trans-
parente, assim, posso trocar a cor ou condição do
rejunte sem problemas.
Entre então no menu Image e escolha a opção
Canvas Size. Nela você deve usar os valores:
• Relative: ative essa opção para que o Pho-
toshop amplie a área de forma relativa, ou
seja, some o valor definido à imagem.
• Width e Heigh: 1.4% - use porcentagem
como opção de medida. Essa dica também
é muito útil quando usamos actions, pois o
documento é ampliado sempre de forma
proporcional.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 24. Dominando o Photoshop® Cs5 24
com alexandre keese 24
dtp.com.br | photopro.com.br | photoshopconference.com.br 24
Criando sombra sobre o piso
Agora vamos entrar em alguns efeitos interessan-
tes, como criar uma nova fonte de luz ou mesmo
uma sombra aplicada sobre o arquivo.
Passo 1 - Determinando a fonte de luz
O primeiro passo é selecionar o local onde deseja-
mos que a fonte de luz atue. Usando a ferramenta
de seleção elíptica, eu fiz uma círculo na parte
superior esquerda do arquivo, como pode ser
visto abaixo.
Passo 4 - Suavizando a seleção
Usando o valor de 250 pixels no comando Fea-
ther, presente no painel Masks e disponível no
Photoshop a partir da versão CS4, eu suavizei a
seleção, simulando a incidência da luz.
Passo 2 - Novo layer de ajuste
Pelo painel Layers, criei um novo layer de ajuste
com o comando Curves, clicando sobre o ícone
de New Adjustment Layer.
Observação
Em alguns casos, os valores dedicados ao Feather
podem variar. Procure sempre aquele que apre-
sente um resultado mais natural em sua imagem.
Outra dica importante é criar mais contraste, ou
seja, escurecer o restante da imagem.
Passo 5 - Escurecendo a imagem
Duplique o layer de ajuste e troque seu Blend
Mode para Multiply. Em seguida, clique no ícone
da máscara e inverta a imagem entrando no
menu Image > Adjust > Invert. Eu usei 20% para a
opacidade desse layer.
Passo 3 - Blend Mode
Trocar o Blend Mode de Normal para Screen faz
com que a área selecionada fique mais clara.
Mas o interessante desse comando é que os tons
escuros não se destacam muito e conseguem
preservar o comportamento da incidência de luz
sobre a superfície do piso.
Por fim, reduza a opacidade de 100% para 40%,
deixando o efeito mais suave.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 25. Dominando o Photoshop® Cs5 25
com alexandre keese 25
dtp.com.br | photopro.com.br | photoshopconference.com.br 25
Projetando uma sombra da janela que ela ganhe uma perspectiva interessante.
Você também pode inserir uma luz com desenho Lembre-se de que temos somente uma fonte de
como, por exemplo, a forma de uma janela. Isso é luz, por isso, se existe qualquer tipo de sombra
muito simples e o mais legal é que todos os itens presente no arquivo, a nova sombra deve seguir a
necessários já estão disponíveis no Photoshop. mesma orientação.
Passo 1 - Escolhendo a forma
O primeiro passo é escolher a forma da sombra ou
luz que será inserida na imagem. Eu normalmente
uso as formas disponíveis pela ferramenta Custom
Shape Tool.
Com a ferramen-
ta selecionada,
escolhi a forma
que lembra a
regra dos terços
da fotografia,
ou seja, um
retângulo com
duas divisões na
horizontal e duas na vertical. Passo 5 - Melhor filtro do mundo
Agora chegou a hora de suavizar o traçado usan-
do o melhor filtro do mundo, portanto, entre no
menu Filter > Blur > Gaussian Blur e aplique um
valor bem alto. Eu usei 40 pixels.
Passo 6 - Ajuste final
Passo 2 - Desenhando sobre o arquivo
Escolha a cor preta para Foreground ou Primeiro
Plano e desenhe um retângulo sobre a imagem.
Troque o blend Mode de normal para multiply
e, se necessário, una todas as camadas usando o
comando Flatten Image que fica no menu Layers.
Super dica
Como não existe sombra preta, mas sombra com
a cor da superfície mais escura, você pode usar no
passo 2 o tom marrom da madeira para preencher
a sombra. O arquivo fica muito mais real.
Se você criou um novo layer vetorial - Shape Layer,
clique com o botão direito sobre o layer e escolha
a opção Rasterize para convertê-lo para imagem.
Passo 3 - aplicando a perspectiva
Usando o comando Free Transform, tecla de ata-
lho Cmd +t (PC: Ctro + T), distorça a imagem para
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 26. Dominando o Photoshop® Cs5 26
com alexandre keese 26
dtp.com.br | photopro.com.br | photoshopconference.com.br 26
Reduzindo ruído
Muitas vezes nos deparamos com situações com
pouca iluminação, dificultando a captura e exigin-
do o uso de valores de ISO altos. Isso faz com que
nossos originais fiquem granulados, sacrificando a
qualidade final.
No exemplo deste tutorial, vou apresentar como
reduzir a granulação de suas imagens a partir da Vale destacar que o nome do layer é o mesmo
combinação de três ou mais fotografias. nome do arquivo, simplificando a identificação de
qual imagem está sendo usada em cada layer.
Passo 3 - Alinhamento
Pelo painel layers, você deve selecionar todos os
layers clicando sobre os mesmos com a tecla Shift.
Depois, entre no menu Edit > Auto Align e escolha
a opção Auto. Clique em OK para que o comando
alinhe as imagens automaticamente.
Passo 1 - Captura
Esse processo começa pela captura, e o melhor
conselho que posso dar para você é não perder
a oportunidade e garantir a foto, pois em alguns
momentos, a informação presente na imagem
vale mais do que qualquer técnica.
Sendo assim, eu usei ISO 3200 para capturar a foto
dos brinquedos, e isso pode ser visto na granula-
ção das imagens.
Mas o grande segredo está na captura de mais de
uma imagem, que juntas irão somar os elementos
bons e assim reduzir a granulação. Passo 4 - Smart Object
Mantendo os layers selecionados, pressione botão
Explicação direito e clique sobre qualquer um dos layers para
A explicação por trás dessa técnica é muito abrir o menu contextual. Escolha a opção Convert
simples: quando capturamos uma imagem com to Smart Object.
valores altos de ISO, o resultado é uma granulação
bastante forte. Essa granulação tem um compor-
tamento único em cada uma das fotos e quando
misturamos mais de uma imagem, somamos os
melhores pixels de cada conjunto. O resultado
final é uma imagem com menos granulação.
Passo 2 - Abrindo os arquivos
Usando o Adobe Bridge, selecione as imagens
que serão trabalhadas. Em seguida, entre no
menu Tools > Photoshop > Load Files into Pho-
toshop Layers.
O Photoshop é aberto e as imagens selecionadas
pelo Bridge são colocadas uma em cada layer.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 27. Dominando o Photoshop® Cs5 27
com alexandre keese 27
dtp.com.br | photopro.com.br | photoshopconference.com.br 27
Passo 5 - Mesclando os pixels
Entre no menu Layer > Smart Object > Stack
Mode > Median para que o Photoshop mescle
os pixels e apresente somente os melhores pixels
como resultado final.
Após a redução do ruído, você pode continuar o
processo de tratamento e edição de imagens.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 28. Dominando o Photoshop® Cs5 28
com alexandre keese 28
dtp.com.br | photopro.com.br | photoshopconference.com.br 28
04 Mito ou verdade:
Simples assim III
Alexandre Keese
Especialista em tratamento e edição de imagens
Editor da Revista Desktop
Consultor Adobe Systems Brasil
Autor do livro Adobe Photoshop: Tratamento & Edição Profissional de Imagens
Cursou Publicidade e Propaganda na PUC-Campinas e hoje é consultor de diversas empre-
sas gráficas, editoras, agências e bureaus de imagens, nos quais ajuda na capacitação e apri-
moramento de processos e profissionais. Além disso, durante seus treinamentos e palestras
ministradas em todo o Brasil, Keese já teve a oportunidade de ensinar milhares de profissionais.
Trabalhando com o Photoshop desde a sua primeira versão, Alexandre Keese é um verdadeiro apaixonado pelo
aplicativo e vem trabalhando ativamente, em conjunto com a engenharia da Adobe em San Jose, no desenvol-
vimento das novas versões. É autor do livro “Tratamento e Edição Profissional de Imagens com o Photoshop” e
dos DVDs “Canais, Máscaras e Seleções” e “Photoshop e Fotografia, a arte da imagem conceitual”. Também é res-
ponsável pela revisão técnica do Guia Autorizado do Adobe Photoshop CS3 e CS4 e pelo PhotoPro TV, o primeiro
podcast sobre Photoshop do mercado Brasileiro, além de ser o idealizador do Grupo PhotoPro e organizador do
Photoshop Conference, consagrado como o maior evento de Photoshop da América Latina.
O tema desta palestra surgiu há aproximadamente
3 anos com o nome “Simples Assim”. Seu objetivo
foi apresentar a simplicidade por trás de muitas
coisas que fazemos no Photoshop. Por mais que
elas passem a impressão de serem complicadas,
cheias de passos e que é necessário dominar um
conhecimento fora do comum no Photoshop,
você vai ver que, conhecendo o princípio dos co-
mandos, e com um bom planejamento, podemos
economizar muito tempo e neurônios.
Separei várias exercícios. E na maioria deles vou
usar de um a três passos; em alguns um pouco
mais, mas sempre muito focado em um lema que
levo sempre comigo: fazer melhor, mais rápido e
de forma mais simples.
Conversando com os usuários durante minhas
consultorias em todo o Brasil, reforço a cada dia
que o Photoshop é um aplicativo surpreendente,
e este tutorial tem por objetivo apresentar para
você o quanto nosso trabalho com o aplicativo
pode ser simples e prazeroso.
Portanto, não vamos perder mais tempo e entrar
direto no que interessa: descobrir o quanto o
Photoshop pode ser simples ao mesmo tempo
em que produz ótimos resultados.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br
- 29. Dominando o Photoshop® Cs5 29
com alexandre keese 29
dtp.com.br | photopro.com.br | photoshopconference.com.br 29
Filter Gallery no ícone New Effect Layer presente na parte
Presente já há algum tempo no Photoshop, o inferior desta coluna. Não tem como errar, ele
comando Filter Gallery permite a previsualização é idêntico ao ícone para criar um novo layer.
de muitos filtros do Photoshop. Visualização que Em seguida, clique no novo filtro ou insira
pode ser de um filtro aplicado ou da combinação diretamente seus valores. Dessa forma, esta-
de vários. Além disso, existe também um preview mos somando efeitos sem a necessidade de
do efeito de cada um dos filtros. aplicar, voltar para o filtro, escolher novamen-
te etc.
A interface do Filter Galley
Abra uma imagem qualquer e depois, pelo menu Alterando a ordem dos filtros
Filter, escolha a opção Filter Gallery. A qualquer instante, você pode mover um filtro
para cima ou para baixo, clicando e arrastando
Uma caixa de diálogo é aberta e nela você vai sobre seu nome. Isso fará com que a ordem de
perceber que existe uma divisão em três colunas. aplicação dos efeitos seja alterada e um novo
Em cada uma delas você tem: resultado seja obtido sem que você saia ou troque
o comando.
1. Preview da imagem: na primeira coluna da Você também pode clicar sobre os olhos presen-
esquerda podemos ver a imagem original tes ao lado do layer para ligar ou desligar um filtro
ou com os efeitos aplicados. Pela parte e ter certeza de que o mesmo é somado ou não à
inferior os valores de visualização podem ser sua composição final.
controlados, mas você também pode usar a
combinação de teclas de atalho para ampliar Compatibilidade com Smart Filters
ou reduzir a imagem. O comando Filter Gallery também é compatível
2. Filtros: nessa coluna você vai encontrar seis com Smart Filters, porém, você vai perceber que o
pastas diferentes. Elas estão organizadas da comportamento dos filtros muda um pouco, por
mesma forma que aparecem no menu Filter, exemplo:
porém, você vai perceber que nem todos os • Os filtros não aparecem listados individu-
filtros aparecem nessa lista. almente, ficando somente o nome Filter
Clicando sobre o triângulo presente antes do Gallery presente na lista Smart;
nome da pasta, é possível ver seu conteúdo • Você não pode controlar as opções de Blend
e escolher o filtro desejado clicando sobre o Mode individualmente, somente pode fazer
mesmo. isso para o grupo;
Um dos grandes diferenciais encontrados • Com dois cliques sobre o nome Filter Gallery,
aqui está no preview do filtro, no qual temos o mesmo é aberto, assim, podemos trocar
uma mesma imagem com o filtro aplicado a combinação dos filtros ou mesmo suas
facilitando muito sua escolha. configurações.
3. Configurações: pela última coluna, presente
no lado direito da caixa de diálogo, você Resumindo
pode controlar e/ou configurar o filtro. Os Acredito que esse é um poderoso recurso do
resultados podem ser vistos diretamente na Photoshop, principalmente para quem tem um
imagem presente na primeira coluna. perfil mais criativo e está sempre buscando por
Caso queira inserir um novo filtro, basta clicar novos efeitos.
100511 ©2010 Alexandre Keese | Proibida a reprodução parcial ou total sem autorização por escrito do autor | alekeese@dtp.com.br