1. O documento fornece 50 dicas para utilizar o Photoshop de forma mais eficiente, incluindo atalhos de teclado, ferramentas e comandos. 2. As dicas cobrem várias áreas como interface do usuário, ferramentas, comandos e seleções para melhorar a produtividade. 3. O leitor aprenderá atalhos úteis como Ctrl+T para transformar livremente e Ctrl+Alt+T para duplicar ao mesmo tempo.
2. ÍNDICE APOSTILA PHOTOSHOP
50 DICAS PARA PHOTOSHOP...................................................................................................................................................................................03
TÉCNICA DE TÚNEL.................................................................................................................................................................................................. 05
FOTO TREMIDA ..........................................................................................................................................................................................................07
MÁSCARA DE CABELOS ENCARACOLADOS........................................................................................................................................................ 08
FIBRA DE CARBONO .................................................................................................................................................................................................13
ENVELHECENDO UMA IMAGEM ..............................................................................................................................................................................14
DARKART....................................................................................................................................................................................................................16
GOTAS EM LATA DE REFRIGERANTE ....................................................................................................................................................................18
CHOCOLATE COM PHOTOSHOP .............................................................................................................................................................................22
PERGAMINHO ENVELHECIDO E QUEIMADO .........................................................................................................................................................24
FOGO PLASTIFICADO ...............................................................................................................................................................................................26
CORAÇÃO DE VIDRO ................................................................................................................................................................................................30
UNSHARP MASK ........................................................................................................................................................................................................32
TRAÇOS DIFERENCIADOS .......................................................................................................................................................................................33
JUMPING OUT ............................................................................................................................................................................................................37
ARTE ABSTRATA .......................................................................................................................................................................................................43
POST IT .......................................................................................................................................................................................................................45
CLAREANDO DENTES ...............................................................................................................................................................................................49
BORDAS ARREDONDADAS ......................................................................................................................................................................................51
JOGANDO ÁGUA NO PHOTOSHOP .........................................................................................................................................................................53
PINTURA DIGITAL ......................................................................................................................................................................................................56
TRUQUES PARA TRATAMENTO ..............................................................................................................................................................................60
BELEZA SINTÉTICA ...................................................................................................................................................................................................65
TRABALHANDO COM CD ..........................................................................................................................................................................................68
BACK FIRE ..................................................................................................................................................................................................................72
ESFERA AMBIENTE ...................................................................................................................................................................................................76
NEON ...........................................................................................................................................................................................................................81
GLOBO ILUMINADO ...................................................................................................................................................................................................83
MODELAGEM .............................................................................................................................................................................................................87
EFEITO COCA-COLA .................................................................................................................................................................................................93
LUZ NEON I .................................................................................................................................................................................................................94
LUZ NEON II ................................................................................................................................................................................................................96
TEXTURA REALISTA ...............................................................................................................................................................................................101
CRIANDO ESTILOS ..................................................................................................................................................................................................106
ARTE .........................................................................................................................................................................................................................110
TUNNING ...................................................................................................................................................................................................................113
MUNDO HITECH .......................................................................................................................................................................................................114
MULHER VETORIZADA ...........................................................................................................................................................................................117
TRABALHANDO COM FOTOS ................................................................................................................................................................................119
BURACO NEGRO .....................................................................................................................................................................................................122
VIRANDO PÁGINA ....................................................................................................................................................................................................128
REFLEXO ..................................................................................................................................................................................................................131
CABELOS REBELDES - 02 ......................................................................................................................................................................................134
FUNDO ABSTRATO – 02 .........................................................................................................................................................................................139
FUNDO ABSTRATO................................................................................................................................................................................................. 141
CRIANDO UM ALIENÍGENA ....................................................................................................................................................................................143
DESENHOS ...............................................................................................................................................................................................................147
HALL TONE EM TEXTO ...........................................................................................................................................................................................153
TEXTO GRUNGE ......................................................................................................................................................................................................156
BANNERS ADOBE IMAGE READY .........................................................................................................................................................................157
BANNER 02 ...............................................................................................................................................................................................................161
BANNER ....................................................................................................................................................................................................................163
PIXEL ART 3D ...........................................................................................................................................................................................................167
EFEITO DE LUZ ........................................................................................................................................................................................................170
INTEGRAÇÃO E MOVIMENTAÇÃO COM IMAGEM READY ATUALIZAÇÃO – Aplicando Movimento ..............................................................174
EFEITOS DIA DOS NAMORADOS ...........................................................................................................................................................................179
CABELOS REBELDES .............................................................................................................................................................................................182
CRIANDO CURVAS ..................................................................................................................................................................................................186
PIXEL ART ................................................................................................................................................................................................................189
BRINCANDO COM FOGO ........................................................................................................................................................................................191
RECUPERANDO FERRAMENTA PINCEL (HEALING BRUSH TOOL) ..................................................................................................................196
COLORAÇÃO DE FOTOS ........................................................................................................................................................................................199
EFEITO "BOTÃO EM METAL" .................................................................................................................................................................................201
SCAN LINE ................................................................................................................................................................................................................203
PEN TOOL .................................................................................................................................................................................................................205
PINCEL ou BRUSH ..................................................................................................................................................................................................209
PINCEL BRUSH PARTE 02 .....................................................................................................................................................................................211
EFEITO DE FUNDO ................................................................................................................................................................................................. 213
EFEITO MEIO TOM DE CINZA "HALF TONE " .................................................................................................................................................... 216
EFEITO MATRIX ......................................................................................................................................................................................................219
SPLASH TEXTURE ..................................................................................................................................................................................................220
TEXTURA AÇO ........................................................................................................................................................................................................223
TEXTURAS ...............................................................................................................................................................................................................225
ALIEN STYLE ...........................................................................................................................................................................................................229
BLUE STEEL ............................................................................................................................................................................................................230
TEXTOS CROMADOS .............................................................................................................................................................................................231
BOTÕES DE PLASTICO OU GEL ...........................................................................................................................................................................234
FATIAMENTO DE IMAGENS ...................................................................................................................................................................................238
FERRAMENTA LIQUIFY ..........................................................................................................................................................................................239
BORDA ARREDONDADA .......................................................................................................................................................................................240
TEXTO EXPLODINDO NO PHOTOSHOP ..............................................................................................................................................................242
PLANETA ÁGUA ......................................................................................................................................................................................................245
2
3. 50 DICAS PARA PHOTOSHOP
Uma das coisas que tornam o Photoshop uma incrível ferramenta é a fácil interface e os
ótimos atalhos e comandos. Colocaremos aqui para vocês a maioria dos comandos. Não
só dicas de atalhos, como de várias áreas.
Dicas de Interface:
1. Você provavelmente sabe que apertando Tab, as palhetas (palletes) e a barra de
ferramentas (toolbar) ficam escondidas. Mas você também pode apertar Shift+Tab pra
esconder somente as paletas, deixando a barra de ferramentas visível ainda.
2. Mova suas palhetas para o canto mais próximo da tela, ou da borda, clicando na barra
de título (a parte azul) com o Shift.
3. Dando clique duplo na barra de título das palhetas e da barra de ferramentas elas irão
minimizar.
4. Dando um clique duplo nos ícones da barra de ferramentas irá abrir a barra de opções
para o respectivo ícone na parte de cima. Ou você pode ir em Window " Options.
5. Use o campo de zoom (na parte inferior esquerda da tela) pra colocar rapidamente um
valor certo de zoom.
6. Na barra de status, clique na parte onde tem escrito "Doc. tamanho da imagem" (abaixo
da tela, onde tem o campo de zoom) segurando o Alt para mostrar detalhes sobre a
imagem aberta. Como resolução, tamanho, canais, etc.
7. Sabe quando você abre uma imagem e aumenta ela arrastando as bordas da janela, e
aparece o fundo da tela na cor cinza? Você pode trocar essa cor se desejar. Pegue o balde
de tintas (Paint Bucket Tool - G) e clique na parte cinza segurando o Shift e ele ficará com
a cor que estiver de foreground. Dica: Pra voltar para a cor normal, use essas
configurações de cor: R192, G192, B192, e clique com o Shift no fundo de novo.
8. Segurando o Alt, você transforma qualqer botão de Cancel em um botão de Reset. Isso
serve pra voltar as configurações normais da imagem sem ter que ficar voltando ou
cancelando para voltar.
9. Aperte o Caps Lock pra transformar o cursor de alguma ferramenta em um cursor mais
preciso. Só não irá funcionar se nas Preferências já tiver com os cursores precisos
marcados. File " Preferences " Display & Cursors. (Muito pro balde de tintas)
10. Clicando em F você muda a tela entre os tipos de Screen Modes (modos de tela), ou
clicando em cada um deles na parte de baixo da barra de ferramentas.
11.Clicando duas vezes no fundo do Photoshop irá automaticamente aparecer a tela para
abrir arquivo. Ctrl+O ou File " Open.
12. Clicando na palheta Colors (F6), segurando Shift, você muda entre os tipos de cores
disponíveis nos modos RGB, CMKY, Grayscale, Web Safe Colors. Ou clique com o botão
direito e escolha.
13. Clique com o botão direito na barra de título de uma imagem pra acessar rapidamente
as opções Image Size, Canvas Size e Duplicate.
14. Deixando o cursor do mouse parado sobre uma barra de título de uma imagem irá
mostrar o caminho onde a imagem está no seu HD, o zoom e a Layer (camada) que está
sendo trabalhada no momento.
15. Na palheta Swatches (Window " Swatches) você pode adicionar qualqer cor que
desejar (a que estiver como foreground) clicando em alguma parte vazia, cinza, da palheta,
e escolher o nome da sua cor. Remova qualqer uma segurando Ctrl e clicando. E troque
uma por outra segurando Shift e clicando nela.
16. Use o código das cores Hexadecimais (#) para pegar uma cor exata e usá-la em outras
imagens ou até outros programas que suportem cores hexadecimais.
17. Para aumentar ou diminuir a janela de Curvas (Ctrl+M), clique no botão abaixo e a
esquerda de minimizar ou maximizar. No modo maximizado, o Grid onde você mexe nas
curvas, fica com 256 pixels de largura, quando no normal ele tem 171 pixels, ou seja, no
maximizado você tem mais precisão. E clique no Grid segurando o Alt para aumentar ou
3
4. diminuir os quadradinhos e ter uma precisão maior ainda. E segurando o Alt, você também
troca o botão Cancel por Reset.
18. Clicando no botão de triângulo da palheta de Actions ou nas Layers agrupadas você
abre todas as pastas dentro dela.
19. Para trocar de documentos abertos aperte Ctrl+Tab ou Ctrl+F6.
20. Use o Revert (F12) ou File " Revert, para voltar o documento à última vez q ele foi
salvo.
Dicas de ferramenta:
1. Usando Shift você pode traçar uma linha reta, ou fazer um quadrado com dimensões
iguais, ou um círculo perfeito.
2. Segurando o Ctrl a qualquer hora você pode usar a ferramenta Move (V) sem trocar a
ferramenta que está usando no momento. E quando estiver usando-a, segure o Ctrl+Alt
juntos pra copiar e arrastar a camada q está usando.
3.Segurando a barra de espaço a qualquer momento você pode usar a ferramenta Hand
(H) para mover a figura sem trocar a ferramenta q está usando.
4. Acesse a ferramenta de zoom a qualquer momento apertando Ctrl+Espaço pra aumentar
e Alt+Espaço para diminuir. Clicando com o botão do mouse depois.
5. Apertando Ctrl+Mais (+) você aumenta o zoom direto, e Ctrl+Menos (-) você diminui o
zoom direto também. E Ctrl+Alt+Mais a figura fica do tamanho original, e Ctrl+Alt+Menos
ela fica de um tamaho que caiba na tela. (Muito útil!)
6. Segurando o Alt na hora de escolher uma cor com o conta gotas, ela ficará como
background, cor de fundo.
7. Use o Color Sample Tool (Shift+I) para monitorar diferenças nas cores da imagens.
Segure o Shift e clique em alguma cor, que ele criará um ponto, e com o Shift de novo
clique em outro lugar da imagem que aparecerá outro ponto e na palheta de informações
(Info) aparecerá as configurações da cor. E para remover algum ponto clique com o Alt.
8. Clique em um dos ícones da barra de ferramentas com o Ctrl para resetar as
configurações dele para a padrão.
9. Para aumentar ou diminuir o tamanho de uma brush (pincel - B) use os colchetes [ e ] .
(Muito útil também!)
10. Para escolher o tamanho da caixa de diálogo de um texto, segure o Alt e clique na
ferramenta de texto (T)
11. Para modificar as propriedades de mais de uma camada de texto, como fontes, cor,
tamanho, etc., link uma camada com a outra que você queira mudar e enquanto troca as
propriedades de uma, segure Shift para trocar de todas.
Dicas de comando:
1. Para reaplicar o último filtro usado com as mesmas configurações aperte Ctrl+F (Filter "
Last Filter). E Alt+Ctrl+F para escolher novas configurações do último filtro.
2. Se você recentemente copiou alguma figura, quando criar um novo documento (Ctrl+N)
no OS ele automaticamente irá atribuir os valores da configuração dessa figura. Para voltar
à ultima configuração simplesmente segure o Alt. Ou Alt " File " New, ou Alt+Ctrl+N.
3. Aperte Ctrl+Shift+Z e Ctrl+Alt+Z para voltar ou avançar o que você fez na palheta
History.
4. Use o Alt+Backspace e Ctrl+Backspace para preencher com a cor que estiver no
foreground e background respectivamente. E Shift+Backspace para abrir a opção Fill (Edit "
Fill). Dica: Use Alt+Shift+Backspace e Ctrl+Shift+Backspace para preencher somente a
parte onde tem pixels, preservando a transparência, com as cores de foreground e
background respectivamente.
5. Para usar a Free Transform (Ctrl+T) e duplicar a camada ao mesmo tempo, basta
apertar Ctrl+Alt+T ou Alt " Edit " Free Transform. Mas tem que estar com algo selecionado.
Dica: Para reaplicar a última transformação aperte Ctrl+Shift+T (Edit " Transform " Again).
E reaplique a última transformação numa duplicata apertando Ctrl+Alt+Shift+T. (Cuidado
pra não enrolar os dedos hein! hehe)
4
5. 6. Para impedir que a ferramenta de corte (Crop - C) passe da borda da imagem, segure
Ctrl.
7. Para mudar o ângulo de uma imagem existem várias maneiras. Vou ensinar uma que é
nova para mim. Pegue a ferramenta de medida (Measure Tool - I, junto com o conta gotas),
e trace uma linha de como é o angulo que você deseja que a imagem fique. Depois vá em
Image " Rotate Canvas " Arbitrary.
8.Segurando o Ctrl+Alt na hora que carregar o Photoshop faz com que apareça as
preferências de disco antes de entrar no programa.
9. Pra tornar as preferências TODAS para as originais, segure Ctrl+Alt+Shift na hora de
carregar o Photoshop.
10.Você pode personalizar o menu de Jump To (File " Jump To) e Preview In colocando
atalhos dos seus programas favoritos na pasta Helpers do Photoshop. Mas cada um em
sua pasta, pasta de editores de HTML, de visulizador de imagem e de editor de imagem.
Todos em:
C:Arquivo de ProgramasAdobePhotoshop 7.0Helpers*
11. Na ferramenta Liquify (Ctrl+Shift+X) segure o Shift e clique no botão OK para
temporariamente salvar o que você fez, num arquivo C:TempLiquify.tmp. Mas já tem que
ter uma pasta chamada Temp em C: para funcionar.
12. Para salvar a ação (Action) que você fez para um arquivo de texto pra você ler depois o
que fez, segure Ctrl+Alt e clique em Save Actions.
Dicas de seleção:
1. Como já foi sito, segure Shit enqto usar qualquer ferramenta de seleção para criar
círculos, quadrados, ou retas perfeitas.
2. Para reselecioanr sua última seleção, presione Ctrl+Shift+D (Select " Reselect).
3. Você pode usar a ferramenta Polygonal Lasso enquanto estiver usando a ferramenta de
Lasso segurando Alt, e soltando o botão do mouse, e vice-versa também.
4. Segurando e clicando com o Alt no botão de Quick Mask Mode (abaixo da barra de
ferramentas) você troca os modos de mascara ou de seleção.
Dicas de camada:
1.Troque a Opacity da camada somente apertando os botões numéricos do teclado. 1=
10% 5= 50%, e assim por diante. Use o 0 para 100% e se apertar 85% ficará como 85%.
2.Aumente ou abaixe a quantidade de Opacity e Fill na barra q desliza, em 1% pelas setas
do teclado, ou em 10% segurando o Shift enqto aperta as setas.
3. Segurando o Alt e clicando na camada que você quer, irá esconder/aparecer todas as
outras camadas.
4. "Deslink" a camada que você quer segurando o Alt e clicando no ícone de pincel da
camda.
5. Para tirar todos os efeitos de uma camada segure Alt e clique duas vezes no ícone de
efeitos (F) ou vá em Layer "Effects " Clear Effects.
TÉCNICA DE TÚNEL
Olá amigos. Hoje estudaremos um efeito abstrato bastante utilizado em design gráfico e
para internet, utilizando o Photoshop CS2. Alguns conhecem este efeito como "Túnel".
Aproveitando, gostaria de desejar um feliz ano novo com muita paz, saúde, felicidade e
sorte para que consigamos alcançar todos os nossos objetivos.
Vamos ao artigo:
Crie um novo arquivo conforme a imagem abaixo. Vamos usá-la para criar um novo Padrão
(Pattern).
5
6. Em uma nova camada(layer), vamos preencher a metade do nosso arquivo com a cor
preta. A outra metade poderá ficar sem preenchimento.
No menu principal, selecione: Edit > Define Pattern. Nomeie o arquivo como quiser. No
meu caso, utilizei "tunel"(sem acento mesmo).
Com o nosso Padrão criado, vamos criar um novo arquivo conforme a imagem abaixo:
No menu principal, selecione: Edit > Fill (Shift + F5 ). Em Contents, na caixa de seleção,
escolha a opção: Pattern (Padrão). Em Custom Pattern, selecione o nosso Padrão que
acabamos de criar.
Nossa imagem deverá ficar assim:
6
7. No menu prinipal, selecione: Filter (Filtro) > Distort (Distorcer) > Polar Coordinates
(Coordenadas Polares). Marque a opção: Retangular to Polar
Em seguida,
altere o valor
da opacidade
para 5%. Aí
está a nossa
imagem final:
Imagens criadas que utilizaram a mesma técnica:
FOTO TREMIDA
1. Duplique a layer de sua foto/imagem
2. Aplique o Filtro: Filter > Other > High Pass
3. Escolha um número Radius que as linhas da imagem ficam com mais destaque.
4. Mude o modo da Layer para Soft Light.
__
Outra dica para melhorar a nitidez e algumas fotos pouco desfocadas é usar o filtro
Unsharp Mask.
Filter > Sharpen > Unsharp Mask
A configuração é de acordo com cada foto e com o gosto de cada um, geralmente em fotos
de pessoas o ideal é:
Amount 50%
Radius 2px
Threshold 0
A long times tinha respondido uma questão num forum sobre passar cabelos pretos para
loiro... recebi um email de uma pessoa perguntando a mesma coisa daí fucei e encontrei o
"artigo" mal escrito pobre coitado mas ta aí
LEMBRANDO!!! LEMBRANDO!!! QUE o que está em discursão é apenas o preto loiro, não
pensei no contraste da pele, detalhes etc... tava sem tempo hehehe..
4/14/2005
como passar um cabelo preto para loiro?
-----------------------------------------
7
8. Cara, isso era uma coisa que realmente me intrigava... mas nunca tinha tentado...
realmente não é algo muito fácil. Fiz algo aqui rapidinho pra te dar uma noção.
Primeiramente vc tem que separar o cabelo para trabalharmos apenas com ele.. use seu
método favorito ou o que mais preciso para isso, no caso usei os CHANNELS, meu
favorito, após colocar o seu cabelo em outra camada duplique ela novamente, ou seja vc
vai ter a imagem do fundo original e duas camadas de cabelo, esconda a primeira, usando
COLOR BALANCE, HUE/SATURATION, CURVAS tente deixar a imagem com um amarelo
da figura 3 do link... etc.. Bom agora a esconda, e deixa a primeira visível, inverta as cores
aí CRTL+I, usando COLOR BALANCE, HUE/SATURATION, CURVAS tente deixar ela
como a figura 4. Bom, então ficou assim a camada um com cabelo meio grisalho e a dois
com um amarelo forte, bom ative as duas, agora o pulo do gato, coloque a camada grisalha
em modo SCREEN e abaixe a opacidade da camada amarela para 70. Pronto, agora
corrija alguns detalhes e manda ver.
Ps: não ficou perfeito, ta meio artificial ainda, mas um pouco mais de trabalho ficaria bem
legal. Estes valores não se aplicam a todas as imagens, existiram variações lógicas devido
a luminosidade e intensidade do preto de outros cabelos. Mas é um bom começo.
MÁSCARA DE CABELOS ENCARACOLADOS
Vamos fazer um estudo sobre como recortar cabelos enrolados, o que penso ser uma das
questões mais procuradas da seção de PhotoShop, e, imagino, uma das mais complicadas
também.
A nossa imagem base é razoávelmente simples de ser recortada pelo método de Canal
Alpha, uma vez que apresenta um contraste relativamente bom entre o cabelo e o fundo.
Eis nossa imagem:
A primeira coisa a fazer é analisar
cada canal para verificarmos em
qual deles teremos um melhor
contraste para usarmos como
canal de seleção (alpha channel).
Com isso, verificaremos que um
canal ou outro pode ser muito mais
fácil para se trabalhar.
8
9. Canal RED:
Este canal está bom para
trabalhar, e poderia ter sido
o escolhido.
Canal GREEN:
O melhor canal na minha
opinião, o contraste entre o
cabelo e o fundo está
levemente melhor que o
canal RED, por isso foi a
minha escolha.
Canal BLUE:
O contraste entre o cabelo e
o fundo está mais difícil de
ser trabalhado, por isso não
vamos trabalhar com este
canal.
Escolhido o canal, simplesmente 'arrastamos' aquele canal para a folhinha em branco, na
parte inferior da paleta 'Channels', o que cria um novo canal... com o nome 'GREEN
COPY', ele será nosso canal de seleção.
9
10. Para termos um canal de seleção devemos aumentar significativamente o contraste entre o
que queremos manter visível e o que queremos deletar. Para isso usaremos a ferramenta
'CURVES' no canal 'GREEN COPY'. Note que nossa imagem está em RGB, por isso a
parte direita da curva se refere aos tons brancos e a parte esquerda aos tons escuros.
Faremos uma curvatura que acentue o contraste, assim como mostra a figura abaixo:
E nosso canal vai ficar com o seguinte aspecto:
Mesmo com o 'CURVES' alguns detalhes precisam ser analisados no nosso canal de
seleção. Veja na figura abaixo quais são os detalhes de que falo:
DETALHE DESTACADOS EM VERMELHO
Veja que algumas 'sujeiras' permaneceram na área que deve ser limpa, estas áreas devem
ser deletadas, usando-se a ferramenta 'erase' para que o fundo todo esteja em branco.
10
11. DETALHES DESTACADOS EM VERDE
As áreas destacadas em verde devem ser preenchidas com preto, de forma que ela faça
parte da área que vai ser mantida visível na seleção, desta forma, devemos pintar estes
locais.
DETALHES DESTACADOS EM ROXO
Apesar de parecerem áreas que deveriam ser mantidas, podemos analisar na foto que
estas áreas são locais onde se vê o fundo, e existem devido ao movimento do cabelo... por
isso, estas áreas devem ser mantidas como estão, ou seja, não estarão visíveis.
Depois de editarmos o canal de acordo com as nossas necessidades chegaremos a este
resultado:
Agora vamos transformar nossa imagem
BACKGROUND em layer, creio que todos
saibam fazer isso (clicando duas vezes
rapidamente sobre a layer background ela se
transforma em layer). Assim que tivermos
nossa imagem em layer poderemos criar uma
LAYER MASK para identificarmos as áreas
visíveis e invisíveis. Para tanto, basta clicar
sobre o ícone de máscaras, no rodapé da
paleta LAYERS.
Veja nosso canal alpha:
Note que criamos uma LAYER MASK em branco, para apicarmos nela nosso canal de
seleção (GREEN COPY). Para isso, utilizaremos o recurso 'APPLY IMAGE', que nos
possibilita mesclar camadas, inclusive camadas de seleção e de máscaras.
11
12. Perceba na imagem acima, que aplicamos o canal GREEN COPY invertido como multiply
na nossa layer mask, o que faz com que a camada de máscara 'receba' (por assim dizer) o
desenho do canal que preparamos anteriormente.
Na tabela de canais, do lado direito da imagem, veja que o canal de máscara ficou
'invertido' em relação ao canal 'GREEN COPY'.
Apliquei um fundo amarelo para verificarmos o resultado do nosso recorte, e veja que o
cabelo está mantido na nossa separação de imagens.
Note no detalhe que inclusive
os fios mais finos foram
mantidos...caso desejássemos
eliminar alguns detalhes,
bastaria editar a camada de
máscara.
Espero que todos tenham gostado deste tutorial... já fazia tempo que pensava em escrevê-
lo.
12
13. FIBRA DE CARBONO
Olá amigos. Venho pra compartilhar com vocês um pouco do que venho aprendendo ao
longo de 8 anos como designer. Criaremos uma textura simples, de forma bem rápida, mas
com um resultado visual muito agradável. Poderemos aplicar em vários tipos de trabalho.
Sigam-me os bons!
Descrição: Criação de uma textura “Fibra de Carbono”
Software Utilizado: Photoshop CS2 em inglês
Grau de Dificuldade: 6,0
Ao som de: Shakira ft. Wyclef Jean - Hips Don't Lie
01. Primeiramente iremos criar o padrão da textura. Abra um novo documento, de 4x4
pixels, com fundo branco. Note que é bem pequeno mesmo, porém, com a ferramenta
“Zoom” ou pelo atalho, “Ctrl+” você poderá ver o que está fazendo.
02. Selecione a ferramenta “Pencil Tool” e preencha o campo de valor com 1px de
diâmetro. Reproduza toda a área como a figura abaixo:
03. Agora vamos gravá-la como padrão, para podermos utilizá-la posteriormente em vários
trabalhos. Vá em Edit » Define » Pattern, adicione o nome “Fibra de Carbono” ou o que
você preferir e clique OK.
Pronto, sua textura de Fibra de Carbono está criada!
E agora Arthur, como utilizo essa maravilha?
Bom, é fácil. Crie um documento novo, “Ctr+N” de 400x400 pixels, branco. Agora vá em
Edit » Fill, e na combo “Use” selecione “Pattern”
13
14. Feito isso, aparecerá as opções existentes de padrões ou “patterns”, onde você selecionará
a que você acabou de criar, Fibra de Carbono.
Pronto! Em cima disso, use
sua criatividade para fazer
vários trabalhos e efeitos
diferentes. Veja um Zoom de
300% da textura.
Um modelo do que pode ser
feito com essa textura e um
pouco de criatividade:
ENVELHECENDO UMA IMAGEM
Muito bem pessoal! Neste artigo vamos conhecer uma técnica interessante de envelhecer
qualquer imagem. Vamos lá!
14
15. Duplique o Background:
Vamos até o menu Filter > Texture > Grain e insira os valores de 30 para Intensity, 5 para
Contrast e selecione a opção Vertical para Grain Type.
Vamos até o menu Image - Adjustments – Desaturate ou pressione (CRTL+SHIT+U), para
deixar a imagem em tons de cinza.
Com a ferramenta Elliptical Marquee Tool, faça uma seleção elíptica como na imagem
abaixo;
15
16. Em seguida, pressione (CTRL + ALT + D), para Feather, e aplique 20;
Obs: Este valor pode variar, dependendo da resolução da imagem.
Abra um arquivo novo, em branco e, com a ferramenta Move Tool, arraste a imagem
selecionada para lá. Logo depois ajuste o tamanho da imagem;
Era isso então pessoal! Rápido e simples, espero que tenham gostado. Forte abraço a
todos!
DARKART
Olá pessoal. Este é meu primeiro artigo publicado pelo iMasters e espero agradar o maior
número de pessoas possível. O que iremos fazer aqui é algo bem simples, mas que exige
um certo domínio sobre determinadas ferramentas do Photoshop.
Passo 01: Escolher a
"vítima". Utilizei neste
artigo uma foto minha
mesmo;
Passo 02: Com a ferramenta Brush
Tool, pintar o fundo da imagem de
preto. Com a ferramenta Clone Stamp
Tool, remover alguma parte do rosto
(Neste caso, removi a boca, também
poderia ter sido um olho ou nariz).
16
17. 1
Passo 03: Podemos utilizar vários
tipos de texturas, como essas abaixo,
para dar um toque mais, digamos,
2 3 macabro;
Obs.: Coloquei cada textura com
um número abaixo, para facilitar os
passos seguintes. Clique aqui para
fazer o download das texturas.
4 5 6
Passo 04: Colocar a textura n°6 e
aplicar um “saturation” no painel
Layers, para escurecer um pouco
na imagem;
Passo 05: Colocar a textura n°5,
e aplicar um “color” no painel
Layers, para dar uma aparência
de envelhecimento.
Passo 06: Inserir a textura n° 4, aplicar um
“multiply” no painel Layers, e, com essa layer
selecionada, clicar em “Add Layer Mask”.
Com a ferramenta Brush Tool selecionada, e
foreground preto, ir passando a mesma onde
deseja remover a imagem, deixando textura
apenas no rosto;
Passo 07: Colocar a textura n° 1 e aplicar um
“Hard Light”, para que as cores dessa
imagem se ajustem com as cores da pele, e
ao mesmo tempo se escureça um pouco.
Clicar em “Add Layer Mask”, e fazer a mesma
coisa que no passo anterior.
17
18. Passo 08: Colocar a textura n° 3 e
aplicar um “Overlay”, clicar em
“Add Layer Mask”, e fazer a
mesma coisa que no passo
anterior.
Passo 09: Colocar a textura n° 2 e
aplicar um “Overlay”, clicar em “Add
Layer Mask”, e fazer a mesma
coisa que no passo anterior.
Prontinho. Uma destruição facial completa. Apesar da minha mãe não ter curtido muito,
espero que vocês tenham gostado. Em breve mais novidades...
GOTAS EM LATA DE REFRIGERANTE
Descrição: Criando gotas em lata de refrigerante.
Software ultilizado: AdobePhotoshop em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 8,0
Ao som de: Racionais mcs - Vida Loca
Cores e calibração
Certamente você já se viu frente a um velho problema: a imagem de seu monitor não tem
nada a ver com a impressa e, além disso, não há como prever quais as cores que sairão na
gráfica.
Estes são problemas vivenciados diariamente pela maioria dos profissionais do mercado
gráfico que acostumaram-se com esse tipo de limitação.
Durante muitos anos, todas as soluções disponíveis para um correto gerenciamento de cor
eram baseadas em sistemas proprietários, ou seja, equipamento e software que funcionam
em conjunto, mas que oferecem bons resultados somente para equipamentos do mesmo
fabricante.
Em 1993, um conjunto de empresas uniu-se para criar um grupo responsável pelo
desenvolvimento e padronização de gerenciamento de cor. Foi então criado ICC
(International Color Consortium), que tinha como objetivo principal criar um sistema de
18
19. gerenciamento de cores que fosse independente de qualquer marca ou fabricante. Ao
mesmo tempo a Apple iniciou o desenvolvimento do ColorSync, que nada mais é do que
uma parte do sistema operacional do Mac que permite aos programas seguirem a
padronização de cor indicada pelo ICC.
Toda conversão de cor feita no Photoshop, internamente, é convertido em Lab Color para
depois ser convertido em modelo escolhido.
Embora o modelo de cores RGB utilizado por monitores de computador seja capaz de
exibir grande parte do espectro visível, o sistema de vídeo que envia dados a um
determinado monitor muitas vezes limita a maneira como várias cores podem ser exibidas
de uma só vez.
Ao compreender como dados de cor são medidos em arquivos digitais, é possível ajustar
melhor as configurações de exibição de cores para compensar as limitações de seu
sistema de vídeo - Trecho abordado pelo Prof. Pedro, da WOC.
Mas como isso realmente iniciou?
Em 1807, Young formulou a teoria de que existiam receptores na retina do olho humano,
conectadas ao cortex visual do cérebro por uma série de redes neurais. Estes receptores
denominados "cones" são sensíveis a radiações de comprimento de onda definido:
vermelho (600 - 780 nm), verde (500 - 600 nm), a azul ( 380 - 500 nm).
Bom amigos, acho que sobre cores por hoje ja está bom. Maiores informações em minha
matéria sobre "Calibragem de monitor".
1º Passo: Abra sua
imagem de sua lata de
refrigerante.
19
20. 2º Passo: Clique sobre a
ferramenta "Rectangle Tool" e
mantenha seu botão pressionado,
até a opção indicada "Ferramenta
Elipse" (Ellipse Tool) .
3º Passo: Agora crie
pequenas elipses em
nossa imagem (será
futuramente a forma das
gotas).
4º Passo: Nesse momento, clique em
"Ferramenta Seleção de
Componentes de Demarcador"(Path
Selection Tool) e escolha "Seleção
Direta" (Direct Selection Tool). Clique
sobre cada elipse e retoque torcendo
a forma para dar a impressão de uma
gota.
Faça isso em todos e observer que existem detalhes que serão importantes para termos
sucesso no final.
5º Passo: Quando terminado em
todas as elipses, adicione o "link"
(corrente) nas camadas das formas,
com excessão da "background", para
juntarmos todas as gotas.
20
21. 6º Passo: Clique sobre a primeira
camada e pressione "CTRL+E", assim
estaremos juntando nossas camadas.
Perceba na imagem abaixo que todas
nossas gostas agora estão em uma
única camada.
7º Passo: Agora vá em
"Camada" (Layer)... "Estilo de
Camada" (Layer Style) e use
as alterações a seguir.
8º Passo: Agora salve para
usar seu estilo quando bem
entender.
21
22. Pronto. Claro que nosso efeito final
vai depender da construção das
gotas que, como citei acima, varia
do gosto de cada usuário (4º
passo).
CHOCOLATE COM PHOTOSHOP
Olá pessoal, tudo bem? Inicialmente agradeço o carinho de vocês com meus artigos e hoje
vou retribuir com um artigo delicioso. Vamos criar um efeito chocolate no Photoshop.
Bem, alguns poderão dizer que o filtro Eye Candy 4000 LE faz isso sem perder muito
tempo, mas não podemos ficar dependendo de filtros. Usaremos na imagem abaixo.
Tire o fundo branco da maneira que você achar mais fácil, com as ferramentas de sua
preferência. Após de ter tirado o fundo, use o comando Ctrl+Shift+U para desaturar e vá
em :
22
23. Sua imagem ficará assim:
Agora use o comando Ctrl+U e as seguintes configurações:
Sua imagem já está quase pronta:
Iremos somente dar alguns toques mais realistas. Pressione as teclas Ctrl+J para duplicar
a camada e deixe como mostra na imagem abaixo:
Pressione Ctrl+L e deixe com as seguintes configurações:
Agora é só usar a sua imaginação e se surpreender com o resultado final:
23
24. PERGAMINHO ENVELHECIDO E QUEIMADO
Para iniciarmos nosso trabalho, crie um novo arquivo, no tamanho que desejar. Escolhi
600X600, um espaço bom para se trabalhar. Deixe como background a cor branca.
Crie uma nova layer (camada) com o nome de retangulo. Esta layer ficará acima do
background. Utilizando a ferramenta retângulo (Rectangle Tool), crie um retângulo um poco
menor que o Background. Agora, selecione e pinte com a cor #F4E7C4.
Vá em Filter > Texture > Texturizer e aplique os seguintes ajustes: Veja se Texturizer está
selecionado. Em Texture, escolha Canvas. Em Scaling: 101, Relief: 5. E em Light Direction:
Top right.
Vá em Image > Adjustments > Curves, clique sobre a linha e o input (entrada): coloque
180, e output (saída): 32. Clique em OK.
Vá em Image > Adjustments > Hue/Saturation ou (Ctrl+ U) e coloque em Hue: -13,
Saturation: -10 e clique em OK. Você deve agora ter uma textura semelhante à minha.
Agora, com Lasso Tool (L), faça os recortes nas bordas. Veja as imagens.
24
25. Com a layer retângulo ativada, vá em Layer > Layer Style > Blendig Options. Após abrir a
janela blending options, clique em Drop Shadow. Deixe selecionado e clique OK.
Agora, vamos utilizar a ferramenta Burn Tool para pintar algumas partes do retângulo
(pintura em torno das bordas de seu papel, incluindo os furos no centro, se você se você
colocou algum furo), aumentando e diminuindo os Brush (Pincéis) para dar o efeito que o
papel está queimado.
Em Range, deixe em Midtones. Você deve agora ter algo similar ao meu. Caso você ache
que ficou muito escuro, clique na ferramenta Dodge Tool para dar uma clareada.
25
26. Agora nosso papel tá ficando bonitinho. Mas vamos deixá-lo um pouco mais realista. Com
a layer (camada) retangulo ativada, vá em Filter > Brush Strokes > Accented Edges, e
aplique em Edge Width: 2, Edge Brightness: 23 e Smoothness:11.
Você terminou seu pergaminho envelhecido. Agora adicione algum texto com fontes de
aparência velha ou alguma forma velha e aí está pronto!
FOGO PLASTIFICADO
Olá pessoal. Hoje vamos estudar um efeito alternativo de fogo, diferente daquele que
etamos acostumados a encontrar na web, onde o fogo é aplicado a um objeto específico.
2º Passo
1º Passo Abra um novo
arquivo com o tamanho
1024x768 e o background
Branco. Se sua resolução for
800x600, abra o documento
neste tamanho.
26
27. 2º Passo Selecione a ferramenta Paint Bucket Toll (G) e pinte o fundo de Preto;
3º Passo
Coloque um Reflexo de Flash (Menu Filter - Render - Lens Flare);
Repita o processo. Estará parecido com esse:
4º Passo
Digite um texto de sua preferência
e aumente o tamanho deixando no
meio;
Obs.: Pode usar a transformação
livre. Selecione a ferramente Move
Tool e aperte CTRL + T.
27
28. 5º Passo
Agora, gire a imagem Sentido-
Horário (Menu Image - Rotate
Canvas - 90º CW);
6º Passo
• Aplique o efeito Vento na
Vertical (Menu Filter - Stylize -
Wind);
• OK, e marque a opção From
the Left. OK;
• Pressione "CTRL + F" 3 vezes
para Aumentar o efeito.
7º Passo
Volte a imagem ao normal (Image - Rotate Canvas - 90º CCW);
8º Passo
Junte as camadas (Layer - Flatten - Image);
9º Passo
Plastifique a imagem (Filter - Artistic - Plastic Wrap - OK).
10º Passo
Aplique o Color Balance (CTRL + B);
28
29. 11º Passo
Os Tons Shadows, Midtones e Highlights, deixe-os assim:
Dê OK. O Resultado será parecido com esse:
Após alguma modificações:
29
30. CORAÇÃO DE VIDRO
Abra seu Photoshop com a seguinte configuração:
Na barra de ferramentas, selecione a ferramenta Custom Shape Tool (U), e escolha o
shape Heart Card. Dê um clique no centro da área e, segurando as teclas Shift+Alt,
arraste-o até um tamanho propocional da área, escolha a ferramenta Direct Selection Tool
(A), e clique com o botão direito do mouse sobre a linha do shape.
Na barra de menu que aparecerá, escolha a opção Make Selection em Rendering (Feather
Radius 0 px e o Anti-aliased selecionado) em Operation (New selecition). Com isso, irá criar
uma seleção do shape. Preencha essa seleção com a cor e pressione as teclas Ctrl+D
para tirar a seleção. Veja como ficará:
Aperte Ctrl+Shift+N para criar uma nova camada e renomeie de fundo. Selecione essa
nova camada e arraste-a para baixo da camada coração. Pressione Ctrl, e clique sobre a
camada com o coração, para criar uma seleção. Vá em Select > Modify > Contract, e digite
20 no campo Contract by. Vá em Layer > New > Layer via cut e suas camadas ficaram
assim:
30
31. Selecione a camada coração que será o contorno e vá em Add a layer style > Bevel and
Emboss, e deixe a seguinte configuração:
Selecione a camada Layer 1 onde será o vidro, vá em Add a layer style > Bevel and
Emboss, como anteriormente, e deixe a seguinte configuração:
Coloque a opção Blending da
camada Layer 1 para Multiply e
ajuste Opacity para 70% e Fill
para 0%.
31
32. UNSHARP MASK
Olá pessoal. Hoje trago um artigo para responder dúvidas comuns que recebo por e-mail,
tornando uma foto original em traços. O último e-mail foi de Danielle Queiroz, solicitando
como fazer uma imagem escura como as fotos que encontramos do Che Guevara. Esse
efeito é muito simples e iremos usar o recurso Threshold.
Trabalharei com essa imagem do CheGuevara.
Pressione as teclas Crtl+Shift+U para dessaturar a imagem. Selecione o filtro Unsharp
Mask para aumentar o contraste dos pixels da imagem, e deixe a seguinte configuração
(lembrando que essa configuração irá variar de imagem para imagem.)
Vá agora em:
32
33. Use o comando Ctrl+Shift+N para criar uma nova camada e a renomeie de Fundo. Deixe-a
abaixo da camada Che Guevara, selecione a camada Che Guevara, e vá em Color Range.
Deixe como a configuração abaixo, dê um clique na parte branca da imagem, dê OK e
aperte a tecla Delete. Depois, Ctrl+D para tirar a seleção:
Feito isso, o fundo branco irá embora, dando espaço para você preencher com outras
cores. Selecione a camada fundo, e preencha com a cor de sua preferência. Veja o
resultado:
TRAÇOS DIFERENCIADOS
Olá pessoal. Este é meu primeiro material publicado pelo iMasters, espero agradar o maior
número possível de pessoas e buscaremos criar um efeito final extremamente interessante,
através de práticas simples pelo Photoshop.
Para iniciarmos, crie uma imagem com as seguintes proporções:
33
34. Deixe o plano de fundo com a cor: #70A4BA.
Clique na opção degradé e, logo após, dê dois cliques no degradé acima para criarmos um
novo degradé.
Deixe do seguinte modo:
Usei a cor branca em nosso exemplo. Na parte de opacidade, deixe 0 – 30 – 0.
Insira o degradé bem em cima. Deverá ficar da seguinte forma:
Tudo certo até agora? Vamos criar algumas linhas utilizando a ferramenta “Ferramentas
Linhas (U)“. Criei 5 linhas, como podemos observar na imagem abaixo:
Coloque-as um pouco acima do degradé, como na imagem de exemplo.
Obs.: Não se esqueça de agrupar as camadas das 5 linhas.
Clique na camada onde estão as 5 linhas, vá em Filtro > Distorção > Ondas, e deixe os
seguintes valores:
34
35. Repare que sobrará um pouco dos lados. As linhas não fecharão a página inteira. Aumente
o tamanho delas para as laterais, até ficar como ilustrado abaixo:
Selecione a camada das linhas, e deixe com opacidade 40. Logo após duplique-a e vá em
Editar > Transformação > Girar Verticalmente, colocando a camada duplicada um pouco
mais abaixo, até ficar como abaixo:
Espero que até agora esteja tudo certo com vocês.
Usando a ferramenta “Retângulo Arredondado”, crie uma figura do tamanho que preferir.
Ajustaremos melhor depois. Vá em “adicionar um estilo de camada” e deixe do seguinte
modo:
Deixei a sombra com a cor: #979595.
35
36. Cor: #B3B3B3
Posicione o “Retângulo arredondado” em algum lugar que vocês acharem mais apropriado
para o menu. Eu deixei assim:
Ali utilizei a fonte “papyrus”.
Utilizando a “Ferramenta retângulo”, crie um retângulo logo abaixo, vá em “Adicionar um
estilo de camada” e deixe do seguinte modo:
Deixe a camada que contém este retângulo com opacidade 40. O nosso trabalho até agora
deve estar mais ou menos assim:
36
37. Pegue a primeira camada com linhas que você criou e duplique. Coloque em nosso
retângulo, lá em baixo. Deverá ficar assim:
Agora usem um pouco da criatividade de vocês para concluirem o layout. Coloquei alguns
detalhes como na imagem:
Dica: Altere os valores das “Ondas” para uma melhor formação na parte superior, de
acordo com o site.
Bom, finalizo por aqui e espero que tenham gostado! Como vocês podem ver, é um layout
agradável e simples de se fazer.
JUMPING OUT
Salve salve grandes amigos! Hoje iremos conhecer um efeito interessante. Trabalharemos
um efeito que, em outros países, é conhecido como "Jumping Out". Ou seja, alteraremos
um ponto da foto dando a impressão que este ponto ficará fora da foto. No Brasil, algumas
pessoas chamam esta técnica de "Pokeout" .
Descrição: Jumping Out
Software ultilizado: Photoshop CS 2 em Inglês
Grau de Dificuldade: 7,5
Ao som de: Incubus - I Wish You Were Here
37
38. 1º Passo: Primeiramente
vamos escolher uma boa
foto e rica em detalhes.
Assim podemos determinar
uma boa área que será
"recortada".
2º Passo: Na paleta de
Camadas, clique com o botão
direito sobre a camada de
nossa foto e escolha a opção
"Duplicate Layers".
3º Passo: Clique sobre a
camada de fundo e a delete.
Em seguida, clique sobre o
botão "Delete Layer".
4º Passo: Pressione "CTRL + R" para
visualizarmos uma "régua" (número 1).
Assim poderemos utilizar as linhas guia
como na imagem abaixo (número 2).
Para visualizarmos a régua, clique e
arraste de régua para nossa imagem,
deixando a linha guia em uma posição
onde futuramente iremos deixar por fora
da foto.
38
39. 5º Passo: Clique sobre o botão
"indicates layers visibility" exibido
como um olho sobre a camada de
cima.
6º Passo: Clique sobre a camada de baixo "foto" e
em seguida sobre a ferramenta "Rectangular
Marquee Tool".5º Passo: Clique sobre o botão
"indicates layers visibility" exibido como um olho
sobre a camada de cima.
7º Passo: Com a ferramenta "Rectangular
Marquee Tool" pressionada, selecione a
área que criamos com a linha guia no
passo 4. Em seguida delete a área
selecionada.
8º Passo: Novamente clique sobre o
botão "Indicates Layer visibility" sobre a
camada de cima.
9º Passo: A partir de agora precisamos separar o
objeto em que iremos deixar "fora" da foto.
Existem diversas técnicas para conseguirmos
sucesso. Irei mostrar de uma forma rápida a mais
simples delas.
39
40. 10º Passo: Clique e arraste ao
redor da cadeira para
conseguirmos sua seleção.
11º Passo: Pressione "CTRL
+ SHIFT + I" para
invertermos a seleção e em
seguida pressione "Delete".
(Para a visualização como a
baixo, a camada de baixo
deverá estar oculta).
Aqui com mais alguns recortes, retirei
qualquer vestígio ou sujeira da imagem,
deixando somente a cadeira.
12º Passo: Clique sobre a camada de baixo e em seguida sobre o botão "Indicates Layer
visibility" indicado por um "olho".
40
41. 13º Passo: Clique sobre o botão "Add a layer style".
14º Passo: Vá até a opção "stroke" e deixe como abaixo:
15º Passo: Crie uma nova camada clicando sobre o botão "Create a new layer". Em
seguida deixe-a por baixo de todas as camadas.
Após isto, a preencha com branco.
Sua imagem ficará assim:
16º Passo: Em seguida, duplique a camada da cadeira, como no 2º Passo.
41
42. 17º Passo: Clique sobre o botão "Add a layer style".
18º Passo: Vá até a opção "Drop Shadow" e deixe como abaixo:
19º Passo: Crie uma nova camada pressionando "CTRL + SHIFT + N" Sua paleta de
camadas ficará como abaixo:
20º Passo: Segurando "SHIFT", clique sobre a nova camada, deixando as duas
selecionadas.
21º Passo: Pressione "CTRL + E".
22º Passo: Utilizando a ferramenta "Rectangle Marquee Tool", faça uma seleção como
abaixo e pressione "Delete".
Pronto. Agora nossa imagem final:
42
43. Mais abaixo, o mesmo efeito em uma foto pessoal: eu
e minha namorada Juliana.
ARTE ABSTRATA
Descrição: Arte abstrata
Software utilizado: Phoroshop CS2 em inglês
Grau de dificuldade: 6,0
Ao som de: Coldplay - Speed of Sound
Passo 1: Primeiramente precisamos definir um novo "Pattern". Crie um novo documento
com 60x10 e fundo transparente.
Passo 2: Com a ferramenta "Retangular Marquee Tool", desenhe um quadrado com
metade da largura (30px). Pinte-o de preto e pressione Ctrl+D para retirar a seleção.
Passo 3: Vá em Edit -> Define Pattern. Depois disso, feche o documento.
Passo 4: Agora crie um novo documento com o tamanho que você desejar (eu criei um
com 800x600) contendo o fundo também transparente e crie uma nova layer (ctrl+shift+n)
com fundo branco, colocando-a abaixo. Depois disso, selecione a layer transparente vá em
Edit -> Fill e selecione o "Pattern" que você criou. Você terá algo parecido com isso:
43
44. Passo 5: Vá em Filter -> Distort -> Polar Coordinates com a opção Rectangular to Polar
marcada.
Passo 6: Clique na layer com o botão direito e selecione Blending Options. Em Gradient
Overlay use os parâmetros abaixo (ou o mais próximo possivel):
Passo 7: Duplique a camada. Com a camada nova selecionada, vá em Edit -> Free
Transformation Path (ou simplesmente Ctrl+T) e rotacione a camada como se você
"tampasse" os espaços em branco. Feito isso, mude o Blending Mode para Multiply. Repita
o processo duas vezes, agora colocando as camadas para Lighten e Overlay,
respectivamente.
Passo 8: Selecione as três novas camadas criadas e dê um Ctrl+E para combiná-las (o
famoso "Merge"). Lembra da camada com o fundo branco que criamos? Preencha-a com
alguma cor variante da que você utilizou (Como eu usei laranja, apenas coloquei um com
tom mais pastel).
Passo 9: Estamos quase lá. Agora vá em Filter -> Blur -> Radial Blur. Marque a opção
Zoom e use 20 como valor. Você terá algo parecido com a figura abaixo:
44
45. Passo 10: Agora vai depender da sua imaginação para modificar. Como sugestão, use
Filter -> Distort -> Polar Coordinates. Outra sugestão poderia ser Filter -> Distort ->
Spherize com valor ao qual tenha uma "sucção". Os dois efeitos estão abaixo,
respectivamente:
POST IT
Descrição: Criando um post it no Photoshop
Software ultilizado: Photoshop CS 2 em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 7,0
Ao som de: Adriana Calcanhoto - Fico Assim Sem Você
Para quem não sabe, "Post-it" é aquele bloquinho de papel que veio para ajudar a quem,
na maioria das vezes, esquece as coisas com facilidade. No meu caso, já me vi em meu
escritório com tantos post-its no monitor que quase tapava a tela, mas enfim, eu acho muito
útil. Seguem abaixo algumas imagens de post-its para visualização
Nestes exemplos podemos ver diversas formas de sombra e posicionamento.
1º Passo: Primeiramente criaremos um arquivo novo de 600x300 pxls em RGB.
45
46. 2º Passo: Clique sobre a ferramenta "Pen Tool" (P).
Note que, graças aos pontos criados, podemos alterar suas posições e direções.
3º Passo: Clique sobre a thumbnail das camadas para alterarmos a cor.
4º Passo: Na janela que se abre "Color Picker", escolha uma cor de tom amarelo. Eu usei a
"#eae845". Em seguida, pressione "OK".
5º Passo: Segure a tecla "CTRL" e clique sobre a máscara de nosso thumbnail (como
abaixo), para trazer nossa seleção sobre o shape
6º Passo: Pressione "Shift + Ctrl + N" para acrescentarmos uma nova camada.
7º Passo: Clique sobre a ferramenta "Gradient Tool".
46
47. 8º Passo: Escolha um degradé de branco para transparente.
9º Passo:Trace, do canto inferior esquerdo diagonal para o canto superior direito.
10º Passo: Em blending Option, altere sua opacidade para 15% e sua propriedade para "
Pin Light".
11º Passo: Agora trace um degradé ao contrário. Ou seja, do canto superior direito para o
canto esquerdo inferior em preto como no 8º passo.
12º Passo: Creio que neste ponto já conseguimos criar degradés. Então crie um degradé
pequeno na outra ponta de nosso post it da mesma forma que criamos no 11º passo.
13º Passo: Usando a "pen tool" (veja o 2º passo), crie um shape como abaixo:
47
48. 14º Passo: Clique duas vezes sobre sua thumbnail e altere sua cor para cinza (#b3b3b3).
Caso necessário, altere sua opacidade (alterei a minha para 53%).
15º Passo: Clique sobre o botão "add a layer style".
16º Passo: Altere sua stroke como abaixo:
48
49. CLAREANDO DENTES
Software utilizado: Photoshop 7 em Português
Tempo aproximado: 10 min.
Passo 1 - Abra a imagem que será utilizada.
Passo 2 - Com a ferramenta de
seleção de sua preferência,
selecione apenas os dentes.
Nesse caso eu utilizei a
ferramenta Máscara Rápida [Q]
(Fig. 1):
Passo 3 - Pinte toda a área dos
dentes, tomando o cuidado para
não pintar sobre a gengiva ou
os lábios. Depois pressione "Q"
para sair da máscara e inverta a
seleção pressionando SHIFT +
CTRL+I ou indo em Selecionar
> Inverter ( Fig. 2):
Passo 4 - Agora vá em Imagem
> Ajustes > Cor seletiva. Na
janela que se abre, configure
conforme abaixo (fig. 3):
49
50. Ainda nessa janela de cor
seletiva, na aba Cores,
selecione o Branco e deixe
como abaixo (Fig. 4):
Passo 5 - Pressione
CTRL + U ou vá em
Imagem > Ajustes >
Matiz/Saturação e deixe
como abaixo (Fig. 5):
Passo 6 - Pressione CTRL
+ D ou vá em Selecionar >
Desfazer seleção e está
pronto. Com poucos
cliques se faz um ajuste
bem interessante e depois
é só revelar em papel
fotográfico caso seja do
seu interesse. Abaixo está
um Antes e Depois para
vocês poderem ver a
diferença (Fig. 6):
Percebem a diferença? Quero fazer aqui uma observação: nessa matéria foi utilizada a
ferramenta Máscara Rápida para selecionar os dentes, mas qualquer ferramenta de
seleção é viável. É só tomar os devidos cuidados para não selecionar a gengiva e os
lábios. Particularmente eu prefiro essa porque acho que sua precisão é maior, mas fica a
critério OK?
50
51. BORDAS ARREDONDADAS
Também gostaria de indicar a todos a nova parceria que o iMasters fez com a WOC, com
alguns cursos excelentes para certificação em Photoshop, neste finalzinho do mês.
Descrição: Criando bordas arredondadas no Photoshop
Software ultilizado: Photoshop CS 2 em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 7,0
Ao som de: Alice ´N Chains - Man in a Box
1º Passo: Crie um arquivo novo de 600 x 400 pixels em RGB.
2º Passo: Crie uma nova camada pressionando "Ctrl"+"Shift"+"n" ou pressionando o botão
para nova camada, como abaixo em blending Options.
3º Passo: Pressione "m" ou clique na ferramenta "Rectangle Marquee Tool".
4º Passo: Faça um retângulo em sua área de criação, como abaixo:
5º Passo: Vá até o botão "Edit in Quick Mask Mode" localizado na barra de ferramentas
ou pressione "Q".
6º Passo: Vá em Blur > Gaussian Blur e altere os valores como abaixo:
7º Passo: Nesse momento, pressione "Ctrl + L" para acessarmos os niveis da imagem.
Deixe como abaixo:
51
52. Note que nossa borda já começa a se formar
8º Passo: Volte ao normal pressionando o botão "Edit in Standard Mode (Q)".
Veja como ficou nossa seleção
9º Passo: Certifique-se que está na camada que criamos no 2º passo, e preencha a
seleção criada usando um cor de seu gosto (para preencher use o "Paint Bucket Tool")
pressionando "G" e escolhendo a cor de seu gosto.
Local onde escolhemos a cor para o preenchimento "Foreground" e "Background".
Aqui nossa borda final
52
53. Fabio Pena
fabbiopena@hotmail.com
Gustavo Martins
alberto_knox@hotmail.com
JOGANDO ÁGUA NO PHOTOSHOP
Descrição: Criando estilos no Photoshop - Parte 03.
Software ultilizado: Photoshop CS 2 em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 7,0
Ao som de: Slipnot – Snap
1º Passo: Abra uma foto
qualquer e crie um arquivo
da forma que quiser para
utilizar o efeito.
2º Passo: Usando a
ferramenta "Horizontal Type
Tool", digite um texto
qualquer em nossa imagem
como na figura ao lado:
Utilizei a fonte "Pork´s"
1º Passo Especial: Caso queira alterar as
propriedades de sua fonte, altere-as na barra
de opções que aparece ao clicar na
ferramenta "Horizontal Type Tool". Por
exemplo, a opção indicada abaixo podemos
criar "modelos" para textos pré definidos,
tornando assim nosso trabalho mais fácil.
53
54. 2º Passo Especial: Outras opções podemos acompanhar mais abaixo, como colocar o texto em curvas
pré definidas, com serrilhado ou hablitar outras opções como indicado. Ao clicar, podemos alterar o
espaçamento de caracter, colocá-lo em parágrafo e outras alterações bem interessantes. Caso alguém
queira algo específico, me avise por email que eu explico com prazer.
3º Passo: Em blending option, clique sobre o botão "layer style".
4º Passo: Nesse momento, altere como a seguir:
Drop Shadow Inner Glow
Contour usado:
Bevel and Emboss Contour
54
55. Texture Satin
Contour usado:
Color Overlay
5º Passo: Não esqueca de salvar nosso estilo! Portanto, vá ate o botão "New Style" e digite um nome
na janela que irá aparecer.
Nossa imagem ficará assim:
Na medida com que vamos alterando as propriedades em "blending option", vamos mudando a
aparência de nosso estilo.
55
56. PINTURA DIGITAL
Pintura digital é uma forma de arte derivada de desenho vetor. O grande diferencial dessa técnica é a
realidade que a imagem passa com suas tonalidades em degrade, diferente do vetor que é tom sobre
tom.
Essa técnica pode ser feita de duas formas: em um plano de fundo direto ou utilizando camadas que é
um modo mais fácil. Ao final desse trabalho cada pessoa terminará sua obra de uma forma diferenciada,
pois esse tipo de técnica não se utiliza filtros ou algum tipo de padrão. Cada pessoa utilizará as
ferramentas como achar mais adequada para seu trabalho. As escolhas das cores os modos de usar as
ferramentas, tudo influência no trabalho.
Uma Pintura Digital não é feita em duas horas de trabalho, pois quando se trabalha com pressa nada sai
bom, não é mesmo?. Houve trabalho que demorei duas semanas para terminar pelo grau de dificuldade
que a foto apresentava. Por isso já deixo bem claro que paciência é fundamental para esse tipo de
trabalho. Ligue sua MP3 Player, coloque um som para relaxar e vamos começar...
Para iniciarmos nosso trabalho, vamos abrir uma foto de boa qualidade para facilitar: Arquivo > Abrir
(Crtl + O). No meu caso eu escolhi uma foto de tamanho 800 x 548, lembrando que esse tamanho não é
algo padrão. Existem pessoas que gostam de trabalhar com fotos de baixa resolução.
Vamos alterar o modo de tela padrão para o modo de tela cheia, com barra de menus, para termos mais
espaço para trabalhar a imagem. Use a tecla de atalho F ou mude como na imagem a seguir.
Selecione todo o cabelo e crie uma camada. Nomeie a nova camada “Cabelo” e selecione a cor
vermelho para poder identificar melhor na caixa de camadas.
Utilize a Ferramenta Conta-Gotas (I) para selecionar um ponto vermelho do cabelo, com a Ferramenta
Lata de Tinta (G) clique sobre a camada “Cabelo” para preenche-la.
Selecione novamente a Ferramenta Conta-Gotas (I), e escolha duas cores da pele, primeiramente uma
mais escura. Após escolhida, pressione X para que as cores de primeiro plano e plano de fundo se
invertam, e escolha uma tonalidade mais clara do rosto. Pronto, essas serão as cores que você usará no
inicio de seu trabalho. Lembrando que nenhuma pintura ficará idêntica a outra pois isso é um trabalho
artístico.
Vamos selecionar a Ferramenta Laço Poligonal (L) e selecionaremos a área do rosto. As partes
diferentes como boca e os olhos não serão selecionados, assim como as partes de pele onde possui
uma notável aparência de relevo, como a asa do nariz e o risco do sorriso.
Obs:Você pode usar qualquer ferramenta de seleção para fazer esse função.
Clique sobre a camada de plano de fundo selecione a Ferramenta Lápis (B) e pinte toda área
selecionada. Veja a imagem a seguir:
56
57. Após preencher o rosto, inverta a seleção Crtl + Shift + I, selecione a Ferramenta Laço Poligonal (L), e
mude a forma de seleção para Fase Intersecção com Seleção, e selecione como a imagem abaixo.
Assim ficará selecionado apenas as partes onde você aplicará a cor de pele mais escura. Nesse caso a
sombra da asa do nariz e o risco do sorriso. Com a Ferramenta Lápis (B), pinte a área selecionada.
Depois de aplicada à cor, desfaça a seleção Crtl + D.
Agora faremos os olhos. Com a Ferramenta Conta-Gotas (I), selecione uma cor da Retina e, utilizando a
Ferramenta Letreiro Elíptica (M), selecione toda a Retina. Crie uma câmara com nome “Retina” e utilize
a Ferramenta Lápis (B) para pintar a área selecionada.
Faça o mesmo processo com a Pupila e o Globo Ocular. Sua janela de camadas deverá ficar assim:
57
58. Obs: Trabalhar com camadas é uma forma de facilitar para quem faz esse tipo de trabalho.
Selecione os cílios e as sobrancelhas, e crie uma nova camada nomeada “Cílios”. Usando a Ferramenta
Conta-Gotas (I), selecione uma cor dos cílios e preencha a camada com a Ferramenta Lápis (B).
Desfaça a seleção Ctrl + D.
Clique sobre a camada de fundo, e pinte a parte restante dos olhos indicada pela seta como a imagem a
seguir.
Selecione os lábios e crie mais uma câmara, de nome “Lábios” e preencha com uma das cores de um
ponto do lábio da foto original. Selecione a alça e a corrente, faça uma seleção, nomeie-a de “Alça”, e
pinte conforme os passos anteriores. Por último, selecione a parte do ombro e peito para formar mais
outra camada “Corpo” e preencha da cor que melhor agradar. Sua imagem e caixa de camadas deverão
ficar da seguinte maneira:
Agora que acabamos com as partes de camadas, iremos trabalhar cada uma separadamente.
Lembrando que a parte que até então vimos é a mais simples.Essa parte que veremos requer muito
cuidado e atenção. Cada pessoa irá se adequar a uma ferramenta conforme suas necessidades.
A imagem, que no inicio falei para deixar de guia ao lado do Photoshop, será usada agora. Note os
pontos de luz na imagem original e, com a Ferramenta Subexposição (O), aplique luz com a intensidade
desejada. Lembrando novamente, cada pessoa fará de uma forma. Com o tempo cada um vai
adquirindo uma técnica especial de aplicação de luz, sombra, nitidez, saturação, etc...
O mesmo será feito para os pontos com sombra. Para aplicação de sombra na pintura, utilize a
Ferramenta Superexposição (O). Veja figura abaixo:
58
59. Sua imagem deverá ficar mais ou menos assim:
Agora vamos para a parte X da questão na pintura digital. Após aplicada as proporções de luz e sombra,
iremos espalhá-las e torná-las um degradé suave, para que nossa pintura fique mais realista. Com a
Ferramenta Borrar (R), nós faremos movimentos suaves nas tonalidades claras e escuras para unificá-
las. Essa ferramenta tem a mesma funcionalidade de um esfuminho no papel ou um pincel para
espalhar tinta em uma tela.
59
60. O modo que você utilizar essas ferramentas será a grande cartada desse trabalho. Cada pessoa
movimentará e aplicara as devidas ferramentas de modo diferenciado, pois não existe um padrão. Basta
seguir a imagem guia e observar os pontos de luz e sombra que nela à.
Dicas: Trabalhe bem os olhos pois são eles que dão a maior realidade para sua pintura.
Após o término de seu trabalho, você poderá adicionar algum texto utilizando a Ferramenta Texto
Horizontal (T)
Sua imagem ficará mais ou menos assim:
TRUQUES PARA TRATAMENTO
Descrição: Truque para tratamentos em fotos no Photoshop.
Software ultilizado: Photoshop CS 2 em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 7,0
Ao som de: Linkin Park - Breaking The Habit
Efeito 1 - Alterando a cor de cabelo
60
61. 1º Passo: Inicialmente
encontraremos uma foto na
internet para nosso efeito. No
caso, usei uma da Janifer
Aniston.
2º Passo: Pressione "CTRL
+ M" para acessarmos o
menu de curvas (Curves).
Escolha o canal "RED" e
deixe como abaixo:
3º Passo: Nesse momento
pressione "CTRL + L" para
acessarmos o menu de
Niveis de cor (Levels) e
deixe como a seguir:
4º Passo: Sobre a paleta
"layers", clique com o botão
direito sobre a camada de
nossa foto e a duplique,
escolhendo a opção "Duplicate
Layer".
5º Passo: Com a camada duplicada selecionada, pressione "CTRL + U" e deixe como a seguir:
6º Passo: Nesse momento vá em Layer >
Layer Mask > Revel All e, usando a
ferramenta "Pincel" com a ponta de cor
preta, retire os pontos onde não iremos
utilizar:
61
62. 7º Passo: Em Blending Option, altere suas configurações como abaixo:
8º Passo: Pressione "CTRL + U" e altere nossa camada azul como abaixo:
Nosso resultado final:
Tons de Sepia
1º Passo: Pressione "CTRL + U" e altere como abaixo:
62
63. Imagem final: 1º Passo: Abra a imagem base:
Vivid Color
2º Passo: Pressione "CTRL + U" e deixe como abaixo: 3º Passo: Pressione " CTRL + L" e altere:
Imagem final:
63
64. Duotone
1º Passo: Abra a imagem base: 2º Passo: Agora iremos transformá-la em modo
"Grayscale". Vá até Image > Mode > Grayscale.
3º Passo: Nesse momento precisamos recolorir nossa imagem. Vá atá Image > Mode > Duotone.
4º Passo: Nesse momento, precisamos alterar suas configurações para se obter um valor real.
Selecione um "Tipo" Duotone, uma cor e um nome para cada slot de cor. Fica a seu critério.
64
65. BELEZA SINTÉTICA
salve a figura abaixo e abra-a no Photoshop.
Inicialmente iremos colorir algumas partes da figura utilizando o recurso de Equilibrio de Cores.
Teremos que manter a imagem original intacta, então vamos aplicar uma máscara rápida nesta camada
de plano de fundo para começarmos a pintura, pressione a tecla "Q".
Feito isso, note que, na barra de título do programa, aparecerá (Máscara Rápida), e a cor da seleção
ficará diferente. No meu caso, de azul ficou zinza.
Selecione a ferramenta zoom e aumente a área dos olhos da figura para a marcação ficar melhor. Em
seguida, selecione a ferramenta "Pincel".
Nas configurações, utilize um píncel esfumaçado com fluxo e opcidade em 100%. Aqui estou utilizando o
pincel com o tamanho "9". Faça uma marcação apenas na bolinha dos olhos, como na figura abaixo.
Obs: Antes de fazer a marcação da máscara, verifique se as cores estão zeradas. Caso não esteja,
pressione a tecla "D".
65
66. Após ter feito a marcação da máscara, vamos retirar a máscara pressioando novamente a tecla "Q".
Repare que toda a área da figura estará selecionada, menos os ohos. Então teremos que inverter a
seleção, pois são somente os olhos que iremos colorir por enquanto.
Pressione "Control" + "Shift" + "I" para inverter a seleção ou clique no menu "Selecionar > Inverter".
Agora teremos apenas os olhos selecionados. Então copie e cole. "Control" + "C" / "Control" + "V".
Temos agora outra camada,. Nomei-a para "Olhos" e faça um equilibrio de cores "Contrl" + "B" e altere
apenas os "Tons Médios" como na figura abaixo:
Agora teremos os olhos com um tom de Verde. Vamos repetir o procedimento para pintar a boca.
Seleciona a camada de "Plano de fundo", aplique a máscara rápida, faça a marcação apenas na boca,
retire a máscara, inverta a seleção, copie e cole, nomeie a camada para Boca, faça um equilibrio de
cores e deixe-a com um tom de vermelho não muito escuro. Veja o resultado abaixo:
Veja a ordem das camadas.
Agora temos as partes coloridas da figura. Duplique a camada Plano de Fundo (Menu "Camada duplicar
camada") e nomei-a para "Filtro"
Clique no menu Filtro> Ruído> Sujeiras e Rabiscos:
Raio = 3 / Limiar = 0. Note que a imagem ficara um pouco desfocada.
Agora adicione máscara na camada "Filtro".
66
67. Selecione a Ferramenta Pincel e, com ela, você deverá passar o pincel sobre as partes que você deseja
deixar mais nítida. Observe na figura abaixo que as partes que ficaram pretas foram as partes em que
eu passei o pincel.
Selecione a camada "Olhos" e clique sobre ela com a tecla "Control" pressionada, selecionando assim
apenas o conteúdo da camada. Agora adicione uma camada de "Curvas" e deixe as configurações
como na figura abaixo:
Clique no menu "Imagem > Modo > Tons de Cinza". Surgira uma mensagem. Não achate as camadas,
isso é muito importante, ou dará tudo errado. Agora clique novamente no menu "Imagem > Modo >
desta vez - "Duotônico", não achate as camadas. Veja as cores escolhidas:
Agora "Imagem > Modo > Cores RGB". Clique na Camada "Boca" com o control pressionado e adicione
uma camada de "Equilibrio de Cores" e deixe a cor da boca como desejar.
Pronto, veja o resultado Final.
67
68. TRABALHANDO COM CD
Vamos mostrar, de uma forma mais simples, a criação de um CD a partir de um documento em branco
no Photoshop. Se você incluir mais alguns efeitos, poderá dar mais realidade. Mostrarei o básico que,
mesmo assim, já dará um excelente efeito.
1º passo: Crie uma nova figura, em branco, com as dimensões 1024x768 pixels. Deixe a régua visível e
crie algumas guias para facilitar na hora de criar os círculos e deixá-los na medida exata.
2º passo: Crie uma nova camada transparente, renomeie como Círculo Maior e, com a ferramenta
seleção oval, crie um círculo como na figura abaixo. Depois a preencha com o balde de tinta com a cor
preta.
3º passo: Crie um círculo menor
dentro do círculo preto, com a
ferramenta seleção oval, e aperte
delete para criar um buraco no círculo.
Após isso, duplique a camada Círculo
Maior, configure-a apertando
Shift+backspace deixando-a no modo
50% cinza e renomeie como Círculo
Menor. Mantenha pressionada a tecla
Crtl e dê um clique na camada Círculo
Maior para selecionar a circunferência.
Inverta a seleção e pressione delete.
Desfaça a seleção, aperte Ctrl+T para
redimensionar a figura e a diminua,
deixando-a do tamanho do buraco do
círculo.
68