You are on page 1of 248

1

Í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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
4º passo: Crie uma nova camada e a
nomeie como Degradê. Com a
ferramenta Degradê, escolha a opção
"Arco-íris transparente", e preencha o
primeiro quadro das guias. Após isso,
com a ferramenta seleção, pressione
Alt, e com o mouse, clique e arraste a
instância do degradê na figura para
preencher os outros quadros das guias.
Note que cada vez que você arrasta o
degradê pela guia, é criada uma nova
camada. Vamos vincular as camadas
de degradê e mesclá-las para
transformá-las em uma só
pressionando Ctrl+E.

5º passo: Depois de agrupar, mude a posição das camadas, colocando a camada degradê abaixo da
camada Círculo Menor. Vamos agora usar um filtro para começarmos a dar o efeito de reflexo em nosso
cd.
Deixe a camada de degradê secionada (figura 01), e com a tecla Crtl pressionada, clique na camada do
Círculo Maior para fazer a seleção do mesmo. Depois vá em Filtro>Distorção>Coordenadas Polares.
Clique em ok. A imagem ficará como na figura 02.
Figura 1 Figura 2

6º passo: Após isso, com a camada degradê selecionada, vá em Filtro>Desfoque>Desfoque Gaussiano


e coloque o valor 57 no campo raio.
Pressione Ctrl+G para juntar a camada de degradê à camada do Círculo Maior (Figura 01). Crie uma
nova camada acima da camada degradé. Com a seleção ativada, vá em Selecionar>Modificar>Redução
e coloque 15 pixels. Depois preencha a seleção com a cor Branca e deixe a camada com Opacidade em
65%.

Figura 1

Figura 2
69
7º passo: Agora iremos fazer a borda do CD. Para isso, deixe a seleção ativada, inverta essa seleção
(Shift+Ctrl+I), depois vá em Selecionar>Modificar> Redução e coloque 7 Pixels. Após isso, com o balde
de tinta, preencha a seleção com a cor branca. Note como a borda fica com a mesma cor do
preenchimento do CD.

8º passo: Com a camada de cor branca ainda selecionada, use a ferramenta Varinha Mágica e
selecione os Círculos que ainda estão com a cor degradê forte(figura 1). Depois de feita a seleção,
preencha com a cor(#737272). Veja figura 2. A imagem deverá como na figura 3.

Figura 1

Figura 2

Figura 3
70
9º passo: Daremos acabamento ao nosso CD. Com a camada Círculo menor selecionada, iremos
colocar algumas opções de mesclagem de Chafro e Entalhe e Sobreposição de Cor, como nas figuras
abaixo. Nossa imagem ficará como na figura 03. Figura 3

Figura 1

Figura 2

10º passo: Duplique a camada Círculo Menor, redimensione um pouco menor, e depois faça uma
seleção cobrindo todo o buraco menor. Pressione delete.

Com mais alguns efeitos utilizando o mesmo princípio:

71
BACK FIRE

Descrição: Criando efeitos de fundos no Photoshop.


Software ultilizado: Photoshop CS 2 em Inglês (Funciona em qualquer versão).
Grau de Dificuldade: 7,0
Ao som de: Dead Fish - Zero e Um by Tio MutuM.
Chrome Metal Flame
1º Passo: Crie um arquivo de 700 x 300 pixels em RGB:

2º Passo: Pressione "D" para as cores de foreground (principal) e background (secundária) voltarem as
padrões:

3º Passo: Nesse momento, vá em Filter > Render > Clouds:

4º Passo: Agora vamos a Filter > Pixelate > Mezzotint e altere sua configuração para "short line":

5º Passo: Vamos em Filter > Blur > Radial Blur :

72
6º Passo: Pressione "ctrl" + " f " três vezes para repetirmos o filtro novamente por três vezes:

7º Passo: Clique com o botão direito e vá em "Duplicate Layer":

8º Passo: Renomeie a layer criada para "Chrome":

9º Passo: Agora iremos a Filter > Sketch > Chrome:

73
Resultado após filtro:

10º Passo: Em blending Option, altere a propriedade da primeira camada (recém criada) para "overlay":

Resultado após filtro:

11º Passo: Pressione "ctrl" + "u" e altere as configurações das duas camadas como as de baixo:

12º Passo: Pressione "ctrl+" "l" e altere como a seguir:

74
13º Passo: Pressione novamente "ctrl" + "l" e altere como a seguir:

Segue nosso resultado final:

75
ESFERA AMBIENTE

Abra uma imagem do seu agrado no Photoshop (Larg 24 cm / Alt 24cm Resolução: 120 pixels/cm -
Para uma boa qualidade) e pressione (Ctrl + J) para duplicar a camada.

Selecione a cópia da camada e aplique: (Filtro / Distorção / Coordenadas Polares). Ex:

Com a ferramenta “marca de seleção elíptica”, crie uma esfera sobre a camada e pressione (Shift + Ctrl
+ I) para inverter a seleção e pressione “delete”. Ex:

Pressione (Ctrl + D) para desmarcar a seleção.


76
Agora, em Estilo de Camada, faça uma sombra igual à figura. Ex:

Sua figura deve estar assim:

Na mesma camada, pressione (Ctrl + L) para ajuste de níveis. Ex:

77
Sua figura deve estar assim:

Na mesma camada ainda, vá em: (Filtro / Desfoque / Desfoque Gaussiano). Ex:

Agora pressione (Ctrl) e clique na camada que tem a esfera.


Preencha a seleção com com a cor 2A7C8D. Ex:

78
Na mesma camada, vá na guia (Camada / Estilo de Camada / Opção de mesclagem). Ex:

Sua imagem deve estar assim:

Novamente pressione (Ctrl) e clique na camada que tem a esfera azul.


Preencha a seleção com degradé na cor branca:

79
Sua figura deve estar assim:

Pressione (Ctrl + T) e coloque 85% de largura e 75% de altura. Encaixe como no exemplo:

Aplique nesta mesma camada (Filtro / Desfoque / Desfoque Gaussiano).

80
Abra a primeira camada com a figura original e está pronto.

Abraços!

NEON

Primeiramente devemos criar um documento novo (CTRL+N) e inserir as medidas conforme as da foto
abaixo:

Feito isto, pinte o fundo da camada de preto. V á na barra de menu e clique no botão janela, abrindo as
seguintes janelas: Camadas e demarcadores. Agora vá na janelinha que abriu de demarcadores e clique
em criar um novo demarcador, conforme mostrado na figura abaixo.

81
Já podemos então começar a criar nosso neon. Vocês podem fazer qualquer desenho, desde que ele
seja de linha e feito dentro da camada de demarcador que criamos no passo anterior.
Eu vou criar um vaso com planta, utilizando.

Nosso vaso já esta pronto. Agora vamos começar a aplicar o efeito de neon. Para isso, iremos utilizar a
ferramenta pincel (B).
Ainda com a ferramenta caneta (P), selecione a parte do demarcador que você quer aplicar o efeito,
segurando CTRL. Mude para a ferramenta pincel (B) e fique atento, tenha certeza que você está com a
cor branca e que o pincel está com o diâmetro de "1", opacidade 100% e fluxo também de 100%.
Feito isto, dê enter duas vezes. Nosso demarcador deve estar desta forma.

Ainda com o demarcador selecionado, mude o estilo do pincel para suave e de diâmetro "5". Coloque
uma cor de sua preferência, é claro uma que seja bem forte, para parecer mais ainda com um neon.
Obs.: agora a opacidade é de 80% e fluxo de 60%. Basta você dar enter três vezes. E vamos ver como
está nosso neon.

Agora é simples. Mude o pincel novamente para sólido diâmetro "1" e deixe os mesmos valores de
opacidade e fluxo. Dê enter três vezes. Feito isso, mude o pincel para suave e diâmetro de "13" com
opacidade de 60% e fluxo de 50%. Dê enter duas vezes.
Obs.: Sempre lembrando que os pinceis de valores maiores devem ser aplicados às cores e não à cor
branca.
Resultado temporário:

Nosso neon está quase pronto. Estamos na última parte do trabalho. Selecione pela última vez o pincel
sólido de diâmetro "1", coloque opacidade 50% e fluxo também de 50%. Dê enter vinte vezes.
Agora pegue também pela última vez o pincel suave de diâmetro "35", opacidade 40% e fluxo 30%. Dê
enter 2 ou 3 vezes, de acordo com seu gosto.

82
Pronto. Basta ir na janela demarcador e deletar a camada de demarcador criada.

Siga os mesmo passos para criar as outras partes do nosso vaso. Vou colocar o meu para vocês terem
uma idéia de como ficará bonito e atraente. Usem a imaginação.

GLOBO ILUMINADO

O objetivo deste artigo é criarmos um globo iluminado, muito semelhante aos globos de luz utilizados em
festas e boates. Os passos são simples e o resultado final excelente.
Inicialmente, abra um novo documento (16/16 cm – 72 px) e cione a grade (Ctrl+Alt+”).
Com a ferramenta "marca de seleção retangular", crie um quadrado como na figura abaixo

Preenchimento degrade.

83
Exemplo: vá duplicando o quadrado em camadas e agrupando as mesmas:

Repita o processo até obter este resultado:

Agora vá em (Filtro – Distorção – Esferização). Exemplo:

Dê um OK e sua figura ficará assim:

84
Agora feche a camada. E com a ferramenta (seleção elíptica), crie um circulo igual ao abaixo:

Inverta a seleção pressionando (Shift + Ctrl + I ).

Agora com a camada do globo selecionada pressione “DELETE”. Sua figura deve ficar assim:

Pressione (Ctrl + D) para desmarcar a seleção.


Agora aplique novamente o Filtro Esferização.

85
E está pronto seu (GLOBO DISCO) Ex:

Agora muita criatividade na finalização. Espero que tenham gostado.

86
MODELAGEM

Olá pessoal. Nosso objetivo com este artigo é criar uma embalagem de desodorante, partindo do zero.
Pularei as etapas básicas, para agilizar certo (para intermediários).
01. Abra um novo documento e coloque a configuração igual à figura abaixo.

02. Vamos criar a base de toda a figura.


Crie um retângulo com a ferramenta (Marca de Seleção Retangular), como a figura abaixo, na cor preta
mesmo.

03. Crie dois círculos ovais pretos e os encaixe sobre o retângulo, assim como na figura abaixo.
Obs: Esta figura é apenas ilustrativa por isso está com outra cor ok.

87
04. Você deve vincular as três camadas e mesclá-las (Ctrl +E), transformando-as em uma só. Seu
cilindro deve ficar como na figura abaixo

05. Na barra superior, clique em (camada, estilo de camada, opções de mesclagem) ou dê dois cliques
rápidos na camada, e configure igual à figura abaixo. As cores são: realce (E5E3D6) multiplicação
(717469).

06. Novamente na mesma guia, clique em "Sobreposição de Degradê" e configure igual à figura abaixo.

88
07. Você deverá criar a cor de degradé para ficar igual à figura abaixo, repetindo as cores anteriores
como base: (E5E3D6) (717469).

08. Sua figura deve estar assim.

09. Com a seleção elíptica da barra de ferramentas, crie um círculo oval degradé de 90 graus, para o
encaixe perfeito na parte superior do cilindro.

10. Dê um duplo clique sobre a camada circulo oval ou vá até Camada > Estilo de camada > Opções de
mesclagem e copie a configuração igual à figura abaixo. Idem cores.

89
11. Novamente na mesma guia, clique em "Sobreposição de Cor" e configure igual à figura abaixo. Cor
(AAA69B).

12. Sua figura deve estar assim.

13. Agora vem a melhor parte: criar a divisória da tampa.

90
Duplique a camada oval e remova os efeitos Chanfro e Sobreposição de Cor. Duplique-a novamente e
mova esta nova camada um pouco para cima. Nesta mesma camada adicione "Sobreposição de Cor" e
deixe-a com a cor preta.
Desmarque a camada anterior e deixe somente a camada oval preta visível. Com a ferramenta "Varinha
Mágica" dê um clique fora do oval. Após aparecer a seleção, pressione Ctrl + Shift + I para a inversão da
seleção e deixe a camada de baixo da preta selecionada e pressione (Delete). Você terá um arco.
Exclua a camada oval preta.
Obs: Para o pontilhado desaparecer, basta pressionar Ctrl + D.

14. Abra novamente a guia "Opções de Mesclagem" da camada “Arco” e configure igual à figura abaixo.

15. Novamente na mesma guia, clique em "Sobreposição de Cor" e configure igual à figura abaixo. Cor
(6D6558).

91
16. Posicione o “Arco” como na figura abaixo.

17. Agora você pode escolher um nome e criar um logo para seu desodorante.
Eu acho que a melhor cor para isso deve ser o preto.

18. Agora faça os acabamentos e está pronto.

92
EFEITO COCA COLA

Crie um arquivo de 600x420 pixels (File/New) e selecione a Ferramenta “ PEN TOOL”


Vá arrastando o mouse para ficar parecido com as seqüências abaixo:

Clique com o botão DIREITO no centro da “forma” que você criou e em seguida “make selection”.
Deverá ficar assim:

Pressione a tecla “Q” para ir para o modo “quick mask” onde tudo que nós fizermos se tornará uma
“seleção”.
Clique agora no menu FILTER > PIXELATE > COLOR HALFONE

93
A Opção “Max Radius” são os tamanhos das bolinhas. Neste artigo utilizarei 8. Aperte OK e sua imagem
deverá ficar semelhante a esta:

Aperte “Q” novamente, e logo em seguida inverta a seleção (control + shift + I). Pinte de vermelho.
Inverta novamente a seleção (control Shift + I) e pinte de cinza. Arraste um pouco para baixo até ficar
uma parte em branco no centro como na foto abaixo:
Dica: cor do vermelho: (ff0000) – cor do cinza: (d9d9d9) Está pronto o fundo. Agora faremos os efeitinhos da latinha:

Use a PEN TOOL (P) e faça mais ou menos os mesmos movimentos para fazer as curvinhas. É bem
simples. Faça até aprender pois esse efeito é importantíssimo, e a habilidade só vem com o treino das
mãos!
Depois pinte um de branco, um de cinza e um de amarelo, colocando na ordem o Branco, o cinza e o
amarelo até ficar como na imagem abaixo:

CRIANDO LUZ NEON II

Criando Luz Neon - I


Descrição: Explicação sobre criação de luz neon no Photoshop
Software ultilizado: Photoshop CS em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 7,0
Ao som de: Fresno - Carpedien

94
1º Passo: Crie um arquivo de 700x600 em RGB (fundo não influencia, já que iremos alterá-lo).

2º Passo: Escreva um texto qualquer. Quanto maior o texto, mais satisfatório será. Claro que usei uma
fonte fina facilitando a proximidade com a aparência real. (Caso alguém deseje essa fonte, procure em
www.dafont.com por Neon).

3º Passo: Clique sobre a camada de fundo chamada "Background".

4º Passo: Pressione "Ctrl + i" para invertermos a cor de fundo deixando-a em preto (#000000). Em
seguida altere a cor de seu texto para cinza como abaixo:

#797979
5º Passo: Nesse momento, vá na barra de Opções e escolha Layer > Layer Style, alterando como
abaixo:
Inner Shadow (Sombra Interna) Outer Glow (brilho externo)

95
Inner Glow (brilho interno) Drow Shadow (Sombra projetada)

Bevel and Emboss (Chanfro e Entalhe)

6º Passo: Clique "OK" e, caso queira salvar seu estilo, veja minha matéria anterior.
7º Passo: Pressione "shifit+ ctrl+n" para adicionarmos uma camada nova. Em seguida, usando a
ferramenta de preenchimento (G), preencha usando a cor #0018FF.
Imagem final

Criando Luz Neon - II


Descrição: Explicação sobre como criar luz neon no Photoshop
Software ultilizado: Photoshop CS em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 8,5
Ao som de: Incubus - Turning Japanese
Na materia anterior, caso não tenha conseguido a cor exatamente igual à minha, não tem problema.
Farei com outro tom de azul para vermos que o resultado é equivalente.
Vamos criar a textura da parede então.

96
1º Passo: Crie um arquivo de 42x 27 pixels como abaixo (não esqueça de alterar o fundo para branco):

2º Passo: Você pode criar um arquivo como:

Neste momento, pressione "CTRL+ +" para ampliar seu zoom. Acho que 1200% é o suficiente.
3º Passo: Pressione "CTRL + SHIFT + N" ou clique sobre o botão (Create a New Layer) para
criamos uma nova camada.
4º Passo: Usando a ferramenta "Retangular Marquee tool" e trace um retângulo como abaixo:

5º Passo: Clique sobre a ferramenta "Paint Bucked Tool" e preencha a seleção usando #811212.
6º Passo: Duplique a camada clicando com o botão direito como abaixo:

E desfaça a seleção (CTRL + D)


7º Passo: Pressione "CTRL + R" para usarmos as linhas guia. Em seguida procure deixar sua imagem
o mais próximo possivel da minha:
97
8º Passo: Escolha a ferramenta "Pencil Tool (B)" e em seguida pressine "D" para as cores voltarem ao
padrão.
9º Passo: Crie uma nova camada e trace a borda como a seguir. Feito isso, mude a propriedade da
camada com a borda para "soft light".

10º Passo: Clique na camada dos blocos e em seguida vá em FILTER > NOISE > ADD NOISE e altere
como abaixo:

11º Passo: Clique sobre a camada de fundo e em seguida pressione "CTRL+U". Posteriormente, deixe
como abaixo:

12º Passo: Nesse momento, como no "9º passo", trace ao redor dos blocos, na parte superior, mas
desta vez utilize a cor #FFFFFF. Altere para "soft light" como abaixo:

13º Passo: Repita o 10º Passo, mas na camada de "background". Diminua os espaços dos blocos como
na minha imagem:

98
14º Passo: Finalmente, na barra de opções, vá em Select > All (Ctrl+A) em seguida vá em Edit > Define
Pattern.
15º Passo: Para testar, crie um arquivo de 500 x 500 pixels e clique sobre a ferramenta "Paint Bucked
Tool" .
E na barra de opções, altere sua propriedade para pattern e encontre sua nova textura, como abaixo:

Preencha seu arquivo novo e veja como ficará nosso arquivo:

16º Passo: Vamos em Filter > Render > Lighting effects.

17º Passo: Vá em Image > Adjustments > Brightness/Contrast.

18º Passo: Abra nosso arquivo da matéria anterior e arraste nosso texto com o estilo criado para a
nossa parede criada agora.

99
19º Passo: Vamos ao Image Ready para darmos o movimento. Clique sobre a ferramenta de acesso
rápido ao Image como abaixo:

20º Passo: Duplique a camada com o texto e na camada de cima retire o "drop shadow" dos blending
options da cama:

Caso seja necessário, retire também a opção "inner glow" e "outer glow" para retirar a brilho interno e
externo do neon como em minha última imagem.
Bom, no primeiro frame de nossa animação precisamos deixar exatamente como abaixo a ordem das
camadas (repare na ordem da visualição).

21º Passo: Na janela de frames, clique e arraste como na imagem abaixo para duplicarmos nosso
frame.

22º Passo: Clique sobre o segundo frame criado e deixe a visualização como abaixo: (repare nos olhos
que indicam a visualização da camada).

23º Passo: Segure o shift e clique sobre o outro frame, alterando o espaço de tempo para 0,2 sec.

* Note que essa é uma animação bem simples, mas a partir daí você poderá criar algo bem interessante.
Para maiores detalhes a respeito de animações, veja minha matéria
(http://www.imasters.com.br/artigo.php?cn=2225&cc=32)
24º Passo: Pressione "Play" para vermos nosso resultado final.

100
Aqui uma imagem que fiz baseada em minha matéria apenas com modificações em textura da parede e
movimento.
Caso alguém queira tirar algumas dúvidas, procurar sobre brush, texturas ou algo relacionado a
Photoshop, não deixe de visitar nosso forum: www.imasters.com.br/forum.
Obrigado a todos pelos emails e fiquem com Deus.

TEXTURA REALISTA

Como vão pessoal, tudo bem? Primeiramente gostaria de agradecer os comentários sobre o primeiro
artigo, e agradecer principalmente o interesse daqueles que me enviaram suas dúvidas; espero que
tenha respondido a todas.
Neste segundo artigo iremos reproduzir uma típica parede de superfície irregular, com algumas partes
do reboque rachado, o que nos permitirá ver os tijolos do fundo. Iremos, na verdade, construir uma cena
com efeitos de iluminação global, etc., não somente a textura da parede. Então... mãos-a-obra!
1º Passo: Abra um novo arquivo, com fundo branco e as dimensões que desejar (em meu caso,
500x300px). Escolha, para cor de primeiro plano a cor #2F2F2C, e, para cor de plano de fundo,
#8A8372. Estas cores resultarão em uma aparência satisfatória ai término do efeito, porém, caso queira
mudar a cor de sua parede, fica mais fácil fazer isso depois, aplicando Matiz/Saturação. Por enquanto
utilize estas cores.

2º Passo: Vá ao menu Filters > Render > Clouds (Filtros > Acabamento > Nuvens). Por este ser um filtro
gerado aleatoriamente pelo Photoshop, pode ser que você não obtenha o melhor resultado logo na
primeira vez que aplicá-lo; então, tecle Ctrl+Z e aplique o filtro novamente, até encontrar uma variação
que lhe agrade. Em seguida, vá ao menu Filters > Noise > Add Noise (Filtros > Ruído > Adicionar ruído)
e coloque as configurações:

3º Passo: Agora vá em Filters > Brush strokes > Spatter (Filtros > Traçados de pincél > Borrifo) desta
forma:

101
4º Passo: Vamos duplicar a camada plano de fundo, onde estamos trabalhando. Para isso, clique sobre
a camada Background (plano de fundo) e arraste-a para cima do ícone Criar nova Camada , desta
forma.

5º Passo: Vá ao menu Filters > Sharpen > Sharpen (Filtros > Nitidez > Arestas nítidas). Este
procedimento acrescentará alguns detalhes e imperfeições à parede, detalhes estes que fazem a
diferença no efeito final. Na paleta de camadas, clique no ícone Criar Máscara de Camada . Aperte
D para restaurar as cores padrão para a máscara, então vá em Filters > Render > Clouds (Filtros >
Acabamento > Nuvens). Em seguida, tecle Ctrl+L, ou vá ao menu Image > Adjust > Levels (Imagem >
Ajustar > Níveis). Especifique os valores 126 - 1,0 - 128, como a seguir:

6º Passo: Como não iremos mais mexer nestas duas camadas, podemos mesclá-las, teclando
Ctrl+Shift+E. Vá para a Paleta de Canais e clique no ícone Criar novo Canal . Vá ao menu Filters >
Pixelate > Mezzotint (Filtros > Pixelização > Meia-tinta). Escolha o tipo Coarse dots. Crie um novo
canal, clicando novamente no ícone e use novamente o filtro Mezzotint (Meia-tinta):

7º Passo: Segure Ctrl e clique no c anal Alpha1, para selecioná-lo. Clique no canal RGB e volta à paleta
de camadas. Tecle Ctrl+J. Isto fará com que seja criada uma nova camada apenas com a área que
estava selecionada da camada anterior. Vá em Filters > Render > Lighting Effects (Filtros > Acabamento
> Efeitos de iluminação) e utilize as configurações a seguir:

102
8º Passo: A esta altura sua parede deve estar parecida com a seguinte:

Faremos agora alguns buracos na parede, para torná-la mais real. Lembra-se do canal Alpha2 que foi
criado? Será usado agora. Retorne à Paleta de Canais, segure Ctrl e clique sobre o canal Alpha2, para
selecioná-lo. Clique sobre o canal RGB e retorne para a Paleta de Camadas. Clique, agora, sobre a
camada Plano de Fundo e tecle Ctrl+J, criando assim uma nova camada, com o conteúdo que estava
dentro da seleção. A sua paleta de camadas, agora, deverá estar da seguinte maneira:

9º Passo: Com a camada do meio ativa, clique no ícone e selecione Bevel and Emboss (Chanfro e
entalhe). Utilize as configurações a seguir:

103
10º Passo: Bom, nossa parede está finalizada. Perceba que os pequenos detalhes (como o filtro
Arestas Nítidas e os dois canais Mezzotint) garantem uma qualidade considerável no trabalho, uma vez
que o objetivo é justamente criar uma parede "irregular", com buracos, suja, etc.. Porém, o objetivo
deste artigo vai além, pois iremos ainda, fazer os tijolos que irão aparecer por baixo da parede
"rachada". Como nosso trabalho na parede está finalizado, podemos mesclar todas as camadas, a fim
de utilizar menos memória do computador. Para isto, tecle Ctrl+Shift+E.
11º Passo: Arraste a única camada que temos agora para o ícone , assim como foi feito no passo
4, para duplicá-la. Temos agora duas camadas. Na camada de cima, clique sobre o ícone de um olho
para ocultá-la:

12º Passo: Clique agora sobre a camada de baixo, para ativá-la. Altere sua cor de primeiro plano para
#9C8870, e sua cor de plano de fundo para #57473A. Vá ao menu Filters > Render > Clouds (Filtros >
Acabamento > Nuvens). Em seguida, acesse Filters > Noise > Add noise (Filtros > Ruído > Adicionar
ruído). Apenas dê Ok, mantendo as configurações que surgem.
13º Passo: Agora daremos a aparência de tijolos à esta imagem. Para isto, vá ao menu Filters > Texture
> Texturizer (Filtros > Textura > Texturizador), e utilize as opções seguintes:

14º Passo: Com os tijolos prontos, clique sobre a camada de cima (que estava oculta) para ativá-la
novamente. Clique no ícone para criar uma máscara na camada da parede. Então, vá ao menu
Filter > Render > Clouds (Filtros > Acabamento > Nuvens). Vá ao menu Image > Adjust > Levels
(Imagem > Ajustar > Níveis) ou simplesmente tecle Ctrl+L. Utilize os mesmo valores utilizados no 5º
passo: 126 - 1.0 - 128.
15º Passo: Este procedimento já nos passa a sensação de uma parede rachada com os tijolos, certo?
Porém perceba que há uma área muito grande de tijolos, o que não acontece realmente (pelo menos,
não é este o objetivo do artigo). Então, com a base feita, você terá que "acertar" manualmente ás áreas
onde sua parede será visível ou não. Para isto, selecione um pincel sólido (que não seja esfumaçado)
de um tamanho razoável, e, ainda na máscara, vá "pintando" de branco, para que mais áreas da parede
sejam mostradas.
Lembrando que, em máscaras, a cor branca mostra a imagem, e a cor preta esconde. Neste passo,
sinta-se à vontade para utilizar-se dos pincéis que quiser, o importante é chegar em um resultado
satisfatório. Após alguns retoques, minha parede está assim:

104
16º Passo: Nossa parede está quase pronta, faltam só alguns retoques. Clique sobre a camada da
parede, clique no ícone e selecione Inner Shadow (Sombra interna):

Ainda na tela da sombra interna, clique sobre o item Bevel and Emboss (Chanfro e entalhe) do lado
esquerdo da tela, e utilize estas configurações:

17º Passo: Nossa parede está pronta. Apenas como gosto pessoal, alterei o brilho da imagem, para
torná-la um pouco mais escura. Agora é só usar sua imaginação para enriquecer a cena, da maneira
que preferir. Abaixo está a imagem final, apenas com alguns detalhes da cena adicionados:

105
CRIANDO ESTILOS

Salve meus amigos! Primeiramente desculpem pela demora, mas estive meio fora devido a problemas
pessoais, mas graças a Deus está tudo certo. Volto com força total em minha coluna.
Iremos aprender como criar "estilos" no Photoshop. Em minha opnião é um assunto bem interessante e
vasto. Criaremos um efeito como exemplo e o salvaremos para quando precisarmos usá-lo, fazermos
tudo bem rapidamente. Quero mandar um abraço a todos os leitores e dizer que na próxima matéria
publicarei novos trabalho da segunda parte de nossa "Galeria de Leitores". Portanto, Let´s Rock Baby -
the original.
Criando Estilos
Descrição: Explicação sobre como criar, salvar e reutilizar estilos no Photoshop.
Software ultilizado: Photoshop CS em Inglês (Funciona em qualquer versão )
Grau de Dificuldade: 7,0
Ao som de: Legião Urbana - Quem inventou o amor.
1º Passo: Iniciaremos com um texto. Mas, a partir do momento em que seu estilo for criado, podemos
utilizar em quase todos objetos distribuidos sobre seu trabalho.
Crie um arquivo de 600 x 400 pixels em RGB como abaixo:

2º Passo: Clique sobre a ferramenta "Horizontal Type Tool" e digite um texto qualquer. (Utilizei a
fonte "Alison").

3º Passo: Clique sobre o botão "Add Layer Style". Em seguida em "Blending Option".

106
4º Passo: Clique sobre a opção "Drop Shadow" e deixe como abaixo:

Em "Quality" escolha sua acentuação como "Ring - Double"

5º Passo: Agora clique em "Bevel and Emboss" e deixe como abaixo: - Não se esqueça de alterar o
Contorno de Reflexo de "Shading".

6º Passo: Clique agora em "Color Overlay".

Lembrando, em hexadecimal #FFC000.


7º Passo: Nesse momento nosso estilo está pronto. Vou mostrar a vocês duas formas de salvar nosso
estilo e umas delas é nesse momento, ao clicarmos no botão "New Style".

107
8º Passo: Nesse momento dê um nome a seu estilo:

Enfim criamos de uma maneira nosso estilo.

Agora, se abrirmos nossa janela de Estilos do Photoshop, nosso efeito estará por lá? Claro.
9º Passo: Vá em Window > Styles ...

10º Passo: Iremos salvar nosso estilo em uma pasta, para não perdemos mais nosso estilo criado.
Clique sobre a seta localizada ao canto superior direito, conforme o indicado:

11º Passo: Em seguida vá em "Save Styles" e escolha uma pasta a seu critério.

Agora, para complementar, vamos dar mais vida à nossa imagem criando um fundo.
12º Passo: Clique sobre a camada de fundo da imagem, e em seguida sobre a ferramenta "Gradient
Tool" .
108
13º Passo: Altere a opção do Gradiente para "Refleted Gradient".

14º Passo: Clique sobre o gradiente para editá-lo e em seguida clique na opção de "Orange, Yellow,
Orange"

15º Passo: Altere suas propriedades de cor como abaixo:

16º Passo: Trace o degradé em uma diagonal do canto superior direito para o canto inferior esquerdo.
Está pronta nossa imagem:

Arte

Resumo: Mixando vários artigos chegaremos a uma imagem artística.


Nível de dificuldade: Intermediário
Software: Photoshop 7.0
Aproveitando a onda de produtos mix, que vem invadindo o mercado atual, resolvi fazer um artigo
misturando vários pedaços de outros artigos muito bons que andam rodando na Internet, a idéia é
simples, criar uma esfera incrementada que apelidei de “Magic Ball”.
Espero que consigam terminar este tutorial e possam incrementar suas Magic Balls, peço que aqueles
que criarem esferas como essa possam mandar para que eu possa colocar no site!
Um abraço e vamos nessa! Let’s Rock!

109
Essa é a imagem pronta.
Crie um arquivo novo 800X600 RGB, resolução de 96 pixels.
Vamos começar pela criação da esfera.
Selecione a ferramenta de Marca de Seleção Elíptica, como na figura abaixo.

Crie uma circunferência na cor azul, ou na cor que preferir.

Agora, deixando o control apertado, clique o botão esquerdo sobre a camada com a circuferência azul.
Assim você irá selecioná-la. Sem desmarcar a figura, escolha a ferramenta Marca de Seleção Elíptica e,
com o alt pressionado, subtraia uma parte da seleção como na figura abaixo.

110
Neste passo vamos, com o brush, pintar de braco essa seleção, em uma nova camada, e aplicar uma
opacidade. Com a ferramenta desfoque, vá nas pontas da seleção e aplique.
Use as configurações abaixo.

Escolha a primeira da lista, Aer. Redondo suave 50% de fluxo, para obter o resultado abaixo.
Faça uma seleção como a da figura abaixo.

Aplique o mesmo brush novamente, vá em filtros e use Desfoque Gaussiano. coloque


aproximadamente 21.

Depois disso vá na camada onde está a cincuferência azul e use o filtro Reflexo de flash.

111
Bem, é neste momento que você irá na camada
onde está a circuferência e irá selecioná-la com o ctrl pressionado, para usar a opção de traçar.

Escolha uns dois pixels, use o mesmo azul da esfera.


Selecione de novo a camada da circunferência com o control pressionado e crie uma nova camada.
Pinte de branco, depois pressione ctrl+t e aumente um pouco a
circunferência branca até que passe da azul, como na figura abaixo.

Parte branca sem desfoque. Parte branca com desfoque.

Terminamos a primeira parte deste artigo. Como eu disse ele é um mix de vários artigos e, desta forma,
em cada um teremos alguns novos efeitos para implementar a sua Magic Ball.
No próximo artigo falaremos de:
- Os tentáculos;
- As asas;
- O toque final.

Abraços!

112
TUNNING
Fala pessoal! Vamos iniciar esse ano de 2005 com o pé direito, de preferência acelerando fundo no
Photoshop e arrebentando nas curvas. Por isso, nada melhor que começar o ano com uma matéria
sobre uma técnica que cada vez mais vem sendo utilizada na área publicitária, de entretenimento e etc.
Tunning consiste em utilizar uma imagem de carro e modificá-la de várias formas, é super legal e você
consegue resultados rápidos e interessantes.
Nível de dificuldade: Básico/Intermediário
Software: Photoshop 7.0
Faça uma comparação entre as duas imagens abaixo.

Imagem original Imagem modificada


Vamos iniciar o artigo abrindo uma imagem que você gostaria de modificar:

Depois que você abrir a imagem que gostaria de modificar, selecione a ferramenta caneta e
contorne toda a carcaça do carro, como na figura abaixo.

Depois de fazer o contorno, vá na paleta demarcador de trabalho e crie uma seleção.

113
Clique com o botão direito em cima do demarcador de trabalho e escolha criar seleção.
Agora você terá a carcaça selecionada. Pressione control+j para criar uma nova camada só com a
carcaça.
Nesse ponto você terá duas camadas: uma com o carro original, outra com a carcaça do carro que
selecionamos. Clique na camada só com a carcaça e dê control+u. Você terá a tela de matiz/saturação.

Clique em colorir e mude a cor da carcaça como preferir.

Continuando na camada da carcaça do carro, selecione com a ferramenta laço poligonal algumas
partes do carro como farol e vidros que iremos apagar.

Agora devemos “enfeitar” o carro. Para isso podemos usar brushes e outras imagens. Veja na figura
abaixo:

Usei alguns brushes, mudei a cor do pára-choques...Use sua imaginação para deixar sua imagem mais
bonita e criativa!

MUNDO HITECH

Vamos lá. Criaremos com um efeito Hitech para começarmos animados esse ano.
Entrando no mundo Hitech
Descrição: Explicação sobre como criar uma imagem Hitech.
Software ultilizado: Photoshop 7.0 em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 7,0
Ao som de: Blade Trinity - 07
1º Passo: Crie um arquivo de 550x400 pixels em RGB.

114
2º Passo: Tome muito cuidado com suas cores, isso vale para quase todas matérias como já citei aqui.
Então, relembrando, pressione "D" para suas cores de "Foreground" e "Background" voltarem as
padrões.
3º Passo: Nesse momento vá em: Filter > Render > Clouds.

4º Passo: Em seguida Filter > Render > Difference Clouds.

5º Passo: Pressione "Ctrl + i" para invertermos suas propriedades de cor.

6º Passo: Agora pressione "Ctrl + L" e altere como abaixo:

115
7º Passo: Nesse momento vá em: Filter > Distort > Wave e altere novamente como abaixo:

Nosso efeito final segue abaixo:

Imagens criadas baseando-se neste artigo:

116
MULHER VETORIZADA
Olá novamente. Vamos estudar como desenhar uma mulher abstrata, que é não muito complicado,
porém é um trabalho que você deverá se apegar completamente aos detalhes com o uso da pen tool,
pois a perfeição nas curvas do desenho será muito importante.
É importante dizer que estou usando o termo "vetorial" em minhas matérias, apenas como ilustração. O
Photoshop não permite imagens vetorizadas, porém os nossos resultados serão idênticos a uma
imagem vetorizada, para ser trabalhada na web.
Software utilizado: Adobe Photoshop CS em inglês.
Arte: Mulher P/B.
Nível de Dificuldade: 4,0 - Fácil.
Ferramentas Utilizadas: Pen Tool e Bevel and Emboss no olho somente.
Tempo estimado de trabalho: 1 hora (no máximo).
Clique aqui para baixar a foto em alta resolução
Clique aqui para baixar a arte no arquivo PSD (extensão Photoshop) pronto
Foto Original: Resultado Final:

Primeiramente devemos separar as diferenças de cor pela lógica da foto. Desta forma saberemos que
os locais que usam a cor branca (ou qualquer outra de sua preferência) são os locais da pele da mulher
(pernas, braços, rosto e etc.). As demais terão a sua cor preta (ou qualquer outra de sua preferência).
Utilize a ferramenta pen tool ( ) e comece, pelo ponto que preferir, a contornar o desenho, como
abaixo:

117
Terminadas todas as camadas, você terá certa parte de seu desenho pronto. Não se preocupe em
seguir a risca as áreas que serão sobrepostas pelo vestido da querida na foto, pois o mesmo ficará por
cima do corpo. Do contrário, veríamos ela nua.
Observe abaixo a separação de camadas. Foram feitas as layers brancas do corpo, e colocadas em um
Layer Set, que é uma pasta de separação das camadas.
Para criar com facilidade o Layer Set, selecione todas as camadas e use a ferramenta da corrente (1)
para deixá-las presas entre si. Então clique na seta das opções de Layers no menu (2) e selecione a
opção New - Layer Set from Linked (3).

Pronto, a separação por pasta foi criada. Nomeie a pasta para saber o que nela contém mais tarde, para
esses vetores mais simples como os que apresentei a vocês até agora. Não há necessidade de criação
de muitas pastas, mas conforme seu skill (nível de conhecimento) vai aumentando, você terá 160
camadas em um trabalho vetorial, então seria interessante que começe a se acostumar a usar esse
recurso.
Próximo passo: crie shapes que remetam as sombras do rosto da senhorita (hehe), para que façam o
sombreamento do formato do rosto.

Crie dois pequenos círculos pretos nos olhos e aplique o efeito Bevel and Emboss para fazer o reflexo
interno branco do olho. crie também dois shapes para fazer a parte externa oval do olho:

118
A sua área externa do olho, que é branca na realidade, deveremos deixar em uma cor um pouco mas
escura para podermos contrastar e fazer com que esse formato do olho apareça.
Aplique também um efeito Blending Options - Stroke com uma borda de 50% de opacity (opacidade)
e na cor preta na face para diferenciarmos o pescoço, deixando ele ao fundo do rosto, que está na frente
do mesmo.
É necessário que você organize a disposição de todas as camadas, deixando algumas sobreporem
outras de acordo com a lógica do desenho, como por exemplo, o círculo interno que faz o olho (preto)
deverá estar acima da elipse que faz a área branca (cinza) do olho, e assim por diante com todo o
desenho.
Após terminada essa organização das camadas, parta para a finalização desenhando o shape do
vestido preto, que irá fechar nosso vetor.
Retire a visualização de todas as camadas, de modo que fique somente a foto para você vetorizar em
cima da mesma. Faça o formato do vestido (somente na área que ele irá aparecer, no caso, as alças).

Habilite novamente a visualização das outras camadas e deixe o vestido acima de todas. Crie um Color
Fill clicando no ícone, da cor preta (ou no seu caso a cor que você estárá usando no lugar da preta), e
pronto, temos nossa sexy lady vetorizada.
Gostaria que você visitasse meu deviantArt e visualizasse os trabalhos que podem ser feitos em arte
vetorial. O endereço é http://jirayaaap.deviantart.com. Na maioria são carros vetorizados, desenhos que
demoram muito mais tempo a serem feitos e exigem um excesso muito grande de paciência, mas pra
quem gosta, como eu, acaba tendo saco.

TRABALHANDO COM FOTOS


Descrição: Explicação sobre trabalhar corretamente com fotos.
Software ultilizado: Photoshop 7.0 em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 7,0
Ao som de: Phanton Planet - California
Perguntas de leitores:
Diego Mattos, de São Paulo:
Pergunta: "Fabião, como eu descubro ou comparo todos os valores reais de cor de uma imagem ou
região de imagem."
Amigos, isso é facilmente resolvido utilizando a paleta " Informações" e a paleta "Cor" do Adobe
Photoshop.
Ao se trabalhar com uma caixa de diálogo de ajuste de cor, a paleta Informações exibe dois conjuntos
de valores de cor para pixels sob o ponteiro. O valor da coluna esquerda e o valor de cor original. O
valor da coluna direita e o valor de cor depois de ajuste.
Para utilizar a paleta Informações e a ferramenta conta-gotas ou classificador de cores para visualizar os
valores de cor:
1º Passo: Abra uma imagem de seu computador.

119
2º Passo: Vá sobre a barra de Opções e procure o item Window (Janela) > Info para abrirmos a paleta
de Informações.

(Note que, dependendo da posição do ponteiro do mouse, ele já mostra o eixo da imagem e seu
respectivo valor em RGB e CMKY)
3º Passo: Selecione a ferramenta Conta - Gotas ou Classificador de Cor e escolha um tamanho de
amostra na barra de Opções.

Ao clicar, ele mostrará facilmente o valor do pixel. Se você selecionou a ferramenta cliassificador de
cores, coloque até quatro classificadores de cor na imagem. Clique no local em que deseja colocar um
classificador.

120
Perceba como a paleta INFO separa e mostra a diferença de cor do pixel clicado.
4º Passo: Para mover, excluir ou ocultar um classificador de cor:
Mover: para se mover um classificador de cor, selecione a ferramenta classificador de cores e arraste-a
até o novo local.
Excluir: para se excluir um classificador basta arrastá-lo para fora da janela do documento ou mantenha
a tecla ALT pressionada e clique no classificador.
5º Passo: Caso queira ver pela paleta de cor é mais simples ainda, basta selecionar o conta- gotas e
clicar sobre a região da foto que com a paleta de COR aberta lhe mostrará o valor exato.
Utilizando a caixa de Niveis
Denis Araujo, de Vassouras/RJ
Pergunta: Caro Fábio, como eu posso corrigir rapidamente a cor de uma foto antiga?
Um modo prático e rápido é com a utilização de Níveis de cor. A Caixa de dialogo "Níveis" permite
corrigir a escala de tons e o equilibrio de cores de uma imagem, ajustando os niveis de intensidade das
sombras, tons medios e realces da imagem.
Aqui está um exemplo prático:
Abaixo podemos observar como se encontra a foto original:

Agora abaixo podemos observar a alteração somente por níveis de cor (detalhes de recorte e ferramenta
carimbo enfatizam o efeito de uma foto melhorada.)

121
Para ajustar sombras e realces manualmente, veja abaixo:
Podemos arrastar seus controles deslizantes brancos e pretos de Níveis de Entrada até a aresta do
primeiro grupo de pixel nas duas extremidades do histograma. Podemos também inserir valores
diretamente pela caixa de texto.
Aqui um exemplo de antes e depois de alterada as configuraçõees de níveis de uma foto.
Antes Depois

BURACO NEGRO
Software ultilizado: Photoshop 7,0 em ingles
Grau de Dificuldade: 8,5
1º Passo: Crie um novo arquivo de 450x450 pixels em RGB.

2º Passo: Na paleta camadas, pressione o botão "Create new layer" e em seguida vá até a
ferramenta Paint Bucket Tool (G) e preencha a layer com a seguinte cor: #450909.
3º Passo: Novamente pressione o botão "Create new layer" e clique sobre a ferramenta Brush Tool
(B).

4º Passo: Altere a ponta do pincel para branco e em seguida clique sobre a seta localizada na barra de
opções. Altere sua ponta para "Hard Round 19 pixels".

122
5º Passo: Trace uma linha reta vertical como abaixo (segure "shift" pois ajuda na direção correta).

6º Passo: Vá até Filter > Stylize > Wind e em seguida pressione "ctrl+F" para repetirmos o filtro.

7º Passo: Vá até Filter > Stylize > Wind e em seguida pressione "ctrl+F" para repetirmos o filtro.

8º Passo: Vá até Image > Rotate Canvas > 90° CW.


9º Passo: Agora vá em Filter > Blur > Motion Blur.

123
10º Passo: Vá em Filter > Distort > Polar Coordinates.

11º Passo: Clicando sobre a camada com o botão direito, vá ate "Duplicate layer" e duplique a camada.
Faça isso por 3 vezes.

12º Passo: Agora iremos direcionar nossos raios. Trabalharemos em uma camada de cada vez. Clique
sobre raio_02 e pressione "ctrl+t". Em seguida segure "shift" e arraste para fora do arco (raios). Façaa
isso com todos os arcos como abaixo:

13º Passo: Feito isso, clique sobre "raios_04" e hablite o link de camadas (faça em todas) como abaixo:

124
14º Passo: Pressione "ctrl + e" e veja o resultado abaixo:

15º Passo: Adicione uma nova camada, clicando no botão "Create a new layer" .
16º Passo: Nesse momento iremos preencher nossa camada com qualquer cor quente. No meu caso
adicionei #FF7E00 usando a ferramenta Paint Bucket Tool (G) na nova camada.

17º Passo: Altere a propriedade da nova camada para "color".

Resultado final Aqui com algumas alterações:

125
Automatizando a edição de imagens com Actions do Photoshop
Para os spotters/fotógrafos pouco íntimos dos programas de edição de fotos, "tratar" uma imagem ao
ponto de aceitação de sites como Airliners.net e Jetphotos.net ou até mesmo para uma impressão
caseira ou em laboratório, pode ser um martírio, ter uma curva de aprendizado enorme e levar o bravo
fotógrafo amador a níveis exorbitantes de stress por pura incompreensão dos termos usados por tais
programas. Sejamos francos, todos passamos por isso!
Para facilitar a vida de quem não edita imagens profissionalmente ou para quem realiza edições
repetitivas, a Adobe inclui em todas as versões do programa Photoshop a possibilidade de automatizar
algumas ações como ajuste de curvas, brilho/contraste, saturação de cores, sharpen, efeitos artísticos;
em suma, as principais funções do programa podem ser automatizadas e combinadas. E é isso que fiz;
desde que comecei a fotografar com câmeras digitais, percebi que certos procedimentos eram padrão
para todas as fotos, e que certas "melhorias" também ficavam bem em todas as fotos.
O pacote Contato Radar de Actions para o Photoshop é um apanhado das Actions mais úteis e mais
genéricas criadas para facilitar nossa dura vida de spotter.
Instalação
Após o download do arquivo contato_radar.zip, coloque o arquivo contato_radar.atn em qualquer pasta
do seu sistema, eu, por questões de organização, prefiro a pasta Plug-Ins dentro da pasta principal do
Photoshop.
Dentro do programa, certifique-se que a janela das Actions está aberta; Window>Action ou ALT+F9.

Com a janela de Action aberta, clique na seta apontando para a direita e selecione "Load Actions".
Procure pelo arquivo Contato_Radar.atn e selecione "load". Surgirá no menu, o pacote Contato Radar
com todas as Actions correspondentes.
Para "acionar" o processo de uma Action, abra uma imagem qualquer, e na janela das Actions,
selecione a Action a ser usada e aperte o botão play.

Pacote Contato Radar


126
A seguir, algumas explicações sobre a função de cada Action inclusa no pacote Contato Radar:
Película: Adiciona contraste local, satura cores e realiza sharpen. Faz imagens "desbotadas" ficarem
mais vivas e imagens muito boas costumam ficar ainda melhores. A idéia é criar um efeito "film-like".
Película ½: Faz o mesmo que o action "Película" com valores e efeitos mais brandos, reduzidos à
metade.
Menos sombras: "Descobre" as áreas escuras, deixando a foto menos escura mas diminuindo um
pouco o contraste. Funciona de maneira semelhante ao efeito "Shadow/Highlight" das versões CS e
CS2.
Menos Luz: Efeito semelhante ao "Menos Sombras" mas ao contrário. Descobre os pontos de muita
claridade e tenta abrandá-los.

Imagem original Action Película

Action Película V2 Action Menos Sombras

Action Menos Luz

127
Menos Amarelo (Noturno): Para reduzir o efeito exageradamente amarelo das floodlights de Sódio ou
de white balance mal ajustado em fotos noturnas.
Efeito ISO800: Simula o efeito (aproximado) de ISO800 em fotos muito escuras tiradas à noite.
Estrelas (Nortuno): Cria efeito estrelado nas luzes de uma foto, similar aos filtros Cross-Screen, Star-
Six e Star-Eight (esta Action está mais para Star_Four). Está longe de ser a mais útil das Action mas cria
um efeito interessante especialmente se a foto for usada para impressão.

Imagem original Action Menos Amarelo

Action ISO800 Action Estrelas

Para desfazer o efeito de uma Action, não use o comando "Undo". Na janela das Actions, selecione a
orelha "History" e então a foto original.
Todas essas Actions foram criadas a partir da minha experiência própria com edição de fotos no
Photoshop. Os resultados são todos aproximados e podem, ou não, agradar o gosto fotográfico de cada
um. Sendo assim, é possível modificar cada parâmetro usado para melhor adequação ao estilo, câmera
e técnica de cada fotógrafo.

VIRANDO A PÁGINA
CREATE YOUR OWN
CUSTOMIZABLE PAGE CURLS!

For: Photoshop 6 and higher


Level: Intermediate

Here is a tool that will help you create your own, free page curl effects!
Do not get intimidated by the number of the steps below: As soon as you familiarize yourself with the
technique, it will only take a few seconds to create the effect.
Let’s start:
You will use an action and a set of nine gradients I have prepared for you. Please download them
by clicking on this link:
Curls.zip (3.47 KB)
Unzip the files in your hard disk. Drag both files in your Photoshop work area. Alternatively, you can load
up the gradients and the action by using the preset manager and the action palette, respectively.
This tutorial will guide you through the rest of the steps:

128
1. Open an image. The action is optimized for images of landscape orientation (e.g. 4:3 or 3:2 aspect
ratio). In addition, the action lets you transform the curl shape so that it looks optimal with images of any
aspect ratio.

2. Run the PageCurl Photoshop action. In a few seconds a page curl vector shape appears at the top left
image corner.

3. You can manipulate the size of the curl and its proportions by dragging the transformation handles.
Drag the lower right handle to change the curl dimensions to preference:

4. When finished, double click to confirm. In a moment you will be asked to stop the action and then
select the path selection tool:

5. To select the path selection tool press A on your keyboard (the path selection tool is the black arrow
on the toolbox. Be careful not to select the direct selection tool instead!):

6. Now click inside the curl shape and press the "Delete" key on your keyboard:

7. Resume playing the action from the step you stopped earlier. The action does some tricks and in a
moment you are asked to press stop again:

You will use the path selection tool again. This time click inside the empty (transparent) area at the top
left image corner and press the “Delete” key:

129
8. Resume the execution of the action from the step it stopped earlier. When the action finishes what you
get is a photoshop image that is a combination of 3 layers. The “Add curl shadow” layer is selected:

9. The action's finished. We will now add our artistic touch to the white curl area to enhance the
impression of a curled surface:

We will use the gradient fill tool. If you haven't loaded my "Curl gradients" set, please use Photoshop's
preset manager (Edit > Preset manager) to load it.

10. Press G to select the gradient tool. My set contains 9 gradients. Please select the first one (called
"Curl Shadow"):

Make sure that the Linear Gradient tool is selected:

11. Use your mouse and drag from point A to point B to create the curl shadow. If you don't like the result
of your first attempt, press Control+Z (MacOS: Command+Z) to undo, and try again:

The shadow of the curl has now been created. Adjust the opacity of this layer to your liking.

12. On the Layers palette select the "Curl" layer. Now pick any of the other eight gradients. In our
example I picked the black-white-black gradient (named "Curl3"). I dragged with the mouse from point A
to point B, the way depicted below:

This is the result I got:

If you don't like the gradient fill you just created, just retry (you don't have to undo the previous fill)!

TIP:
WIth certain images try to change the blending mode of the curl layer (e.g. to "Multiply" or "Overlay") to
create a semi-transparent curl effect.
Overall, this is a very flexible tool:
-It allows you to adjust the curl size, the curl shadow and the curl gradient effects.

If you wish to create a page curl on another image corner (e.g. at the top right corner), use the flip
canvas transformation command (Image > Rotate canvas > Flip Canvas) prior to running this action.
When finished, flip the canvas again. Actually by playing with the flip commands you can create page
curls on any of the four image corners:

130
To create a curl at the top right corner, flip the canvas horizontally.
To create a curl at the lower left corner, flip the canvas vertically.
To create a curl at the lower right corner, flip horizontally and vertically.
When finished flip the canvas again.

REFLEXO - CREATING REFLECTIONS IN PHOTOSHOP


For: Photoshop 6 and higher
Level: Intermediate

In this tutorial we will study in detail the steps needed to create a reflection effect like the one shown on
the image above. From an educational perspective we will use some important features such as the
layers masks, transformations and gradient fills.
1. Open an image in Photoshop.

1.

2. Double click the “Background” layer and rename it to “Reflection”.

3. If the rulers are not visible, select View > Rulers from the menu.

4. Double click the rulers or Right-click on any of the rulers (MacOS: Command+Click); set the units of
measurement to Percent:

5. On the menu select Image > Canvas size. Type in these values in the width and height fields:

131
For Anchor please click the middle square of the first row (see the yellow arrow in the above image).

6. Press V to select the move tool. Hold down the Shift key and use your keyboard’s Down Arrow key to
move the image slightly downwards.

7. From the main menu select Layer > Duplicate layer. Name the new layer as “Photo”.

8. Select the “Reflection” layer.

9. From the menu select Edit > Transform > Flip Horizontal.

10. From the menu select Edit > Transform > Rotate 180.

11. Press V. Hold down the Shift key and press your keyboard’s Down Arrow key to move the
"Reflection" layer below the "Photo" layer:

12. We'll now add a Canvas layer: Hold down both Control + Alt keys (Mac: Command + Option)
and click the Create a new layer icon on the layers palette:

This is a very useful key stroke because it places the new layer right below the active layer, in one click.
132
13. Rename the new layer to Canvas.

14. Press D to reset color swatches and select Edit > Fill > Foreground color or press Alt+Delete
(MacOS: Command+Delete) to fill the canvas layer with black color.

15. Select the "Reflection" layer. On the layers palette click the Add a layer mask button (the one with the
white circle within a grey rectangle). A white mask thumbnail appears to the right of the "Reflection" layer
thumbnail: 16. From the toolbox select the Gradient tool:

The gradient tool bar appears under the main menu:


It should show the default White-to-Black gradient fill. If you have previously loaded another gradients
set, you will need to reset your gradients. To do so, please follow these 3 steps:

Having reset gradients, select the first one from the list (the White-to-Black gradient)

17.Having picked the gradient tool and having clicked the "Reflection" layer mask thumbnail, hold down
the SHIFT key; Click and drag from point A to point B:

133
Release your mouse button and the Shift key. That’s it! Now you can adjust the opacity of the
"Reflection" layer to preference. You can click the "Reflection" layer thumbnail (remember: at the moment
it is the "Reflection" layer mask that is selected!) and then select Filter > Distort > Ripple. This will ripple
the reflection, making our photo looking as if it were reflected on a liquid surface:

Let's go deeper into what we actually did with the mask:


A layer mask is a great tool; where it is painted with white color, the respective layer pixels are 100% opaque. When it is black the
layer pixels are transparent. We can selectively paint some mask areas with black color in order to hide the respective pixels. Or
we can apply a black-to-white gradient (like we did here) in order to create a smooth transition from 100% to 0% opacity within the
same layer.
Take a look at my Big Blue action: there I reflected a whole layer set on the sea surface.

CABELOS REBELDES 02
Descrição: Explicação sobre como alterarmos o fundo onde temos cabelos
Software ultilizado: Photoshop 7.0 em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 8,0
Ao som de: Linkin Park - From the inside
1º Passo: Abra uma foto qualquer.

134
Nesse momento explicarei um pouco mais sobre canais, já que iremos ultilizar no 2º Passo.
Algumas vezes podemos melhorar a qualidade de uma imagem mesclando dois ou mais canais.
Fazemos isso usando o comando Misturador de Canais nos modos RGB (Para tela do computador)
como em CMYK (para impressão) de acordo com a calibragem de seu monitor. (Para informações a
respeito da calibragem pessoal de cor, consulte minha matéria sobre calibragem).
Quando temos imagens em RGB, nossa paleta "canais" nos mostra os canais vermelho, verde e azul.
Agora um trecho próprio Help do photoshop:
"Observe que todos canais de cor se encontram visíveis atualmente, inclusive o canal RGB, que é uma
composição dos canais separados vermelho, verde e azul. Para visualizar os canais individualmente,
use os ícones de olho da paleta."
* Lembrando aos meus amigos que "Misturador de Canais" no Photoshop se localiza em: Image
(Imagem) > Adjustments (Ajustes) > Channel Mixer (Misturador de Canais).
2º Passo: Vá em Janela (Window) > Canais (Channels).

Nesse momento precisamos analisar cuidadosamente cada um de nossos canais para descobrirmos
qual possui maior contraste.
3º Passo: Em nosso caso, o canal com o maior contraste foi o verde.

Duplique o mesmo clicando com o botão direito e em seguida "Duplicate Channel" (Duplicar canal) e
renomeie como Verde_02.

135
Devemos duplicar o canal ultilizado já que, alterando o canal verde matriz, estariamos alterando na
composição de nossa imagem e não é o que queremos.
4º Passo: Com nosso canal Verde_02 ativo, iremos inverter suas proriedades de cor pressionando
"ctrl+i".

5º Passo: Clique sobre a ferramenta "Burn Tool".

E na barra de opções altere suas propriedades como na figura abaixo:


Range: Shadows
Exposure: 43%

7º Passo: Aumente a ponta da ferramenta "Burn Tool" usando " ] " e " [ " para diminuir e trace o fundo
da foto.

8º Passo: Mude a ferramenta para "Dodge Tool" e suas propriedades como abaixo:
136
Range: Hightlights
Em seguida preencha completo a parte interna.

9º passo: Clique sobre o canal RGB e, pressionando "ctrl", clique sobre o canal invertido (Verde_02).
Perceba que seu arquivo alterado será selecionado.

10º Passo: Volte a paleta de camadas e clique sobre aferramenta "Move tool" ( V ).

Passe o mouse sobre a nossa imagem selecionada e perceba que há uma alteração no cursor do
mouse (Uma seta em cruz para uma seta com uma tesoura ).
11º Passo: Nesse momento pressione o botão do mouse e com calma arraste sua imagem selecionada
(que a essa altura se tornou um recorte) para outra imagem qualquer.

137
12º Passo: Clique sobre a ferramenta borracha.

13º Passo: Altere a ponta "Soft Round" e opacidade de 34%. Podemos corrigir esta silueta.

Nosso resultado final:

Aqui com algumas alterações:

138
FUNDO ABSTRATO 02
Descrição: Explicação de como se criar fundo abstrato no Photoshop
Software ultilizado: Adobe Photoshop em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 7,0
Ao som de: Charles Bronson - F technology
1º Passo: Crie um arquivo de 450x350 pixels em RGB

2º Passo: Clique sobre a ferramenta "Paint Bucket Tool".

Preencha sua camada com #016DAE.


3º Passo: Em seguida clique sobre a opcao de Filtro: "Filter > Render > Lens Flare" e altere como a
seguir:

4º Passo: Clique em "Filter > Stylize > Extrude" e novamente altere como a seguir:

139
5º Passo: Pressione "CTRL+M" e altere como abaixo:

6º Passo: Duplique a camada pressionando o botão direito e em seguida "Duplicate Layer"

7º Passo: Clique sobre a camada duplicada e em seguida pressione " CTRL+I"

140
8º Passo: Clique na opção de filtro Filter > Sketch > Chrome.

9º Passo: Em blending altere para "Linear Light".

E finalmente...

FUNDO ABSTRATO

Descrição: Explicação de como se criar fundo abstrato no Photoshop


Software ultilizado: Adobe Photoshop em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 7,0
Ao som de: Evanescence - My imortal
1º Passo: Crie um arquivo de 450 x 300 pixels em RGB.

2º Passo: Pressione "D" para as cores voltarem as padrões.


141
3º Passo: Na barra de opções, vá em Filter > Render > Clouds.

4º Passo: Vá em Filter > Render > Difference Clouds.

5º Passo: Agora em Filter > Artistic > Smudge Stick.

6º Passo: Em seguida vamos em Filter > Stylize > Wind.

7º Passo: Novamente iremos em Filter > Stylize > Wind e altere a direcão do vento.

142
8º Passo: Pressione "CTRL+ U" e altere como aseguir:
Colorize: Ativo
Hue: 113
Saturation: 41
Lightness: 0

CRIANDO UM ALIENÍGENA

Nesta matéria, com uma série de recursos, vamos criar um alienígena apartir de uma foto masculina.
Observer as orelhas, os olhos, o nariz, a sobrancelha, dentre outros.

Abra o arquivo alien.jpg , crie uma cópia da camada: dê dois cliques no plano de fundo, renomeie para
fundo e arraste-o para o símbolo criar nova camada, que ficará como fundo cópia.

Na cópia, vá ao menu imagem/ajustar/brilho e contraste. É mais fácil alterar cores na imagem mais
clara.

143
Com a ferramenta carimbo, procurei pegar partes próximas à boca, para removê-la sem deixar marcas:

Com o carimbo também removi as sombrancelhas, e com as ferramentas subexposição e


superexposição comecei a delinear melhor onde eu quero luz ou sombra:

Selecionei os olhos, mantendo na barra de propriedades difusão 2, para que não fique artificial a
seleção, e fui ao menu imagem/ajustar/variações, clicando duas vezes no verde

No menu imagem/dissolver utilizei a ferramenta distorcer para "esticar as orelhas", e a ferramenta


inchar para aumentar o nariz, dose o tamanho do pincel:

Selecionei o branco com a varinha mágica, menu inverter/seleção, com alt pressionado removi os olhos
da seleção (laço poligonal) e a parte branca da camisa.

144
Imagem/ajustar/variações:

Alterei um pouco mais o brilho e contraste:

Menu imagem/ajustar/curvas, para realçar mais as cores:

145
Com as ferramentas subexposição e superexposição, atenuei sombras e luzes de determinadas
regiões. Esse trabalho é bem manual e de paciência. Dê zoom nos detalhes e veja como os olhos
sobressairam:

Apliquei uma máscara na camada de cima (base da janela camadas) e com a ferramenta degradê (de
preto para branco) fiz uma transparência gradiente na base da foto, para revelar um pouco da camada
de baixo:

Resolvi "brincar um pouco mais" no menu imagem/dissolver:

Aqui está a imagem final:

146
DESENHOS

Resolvi escrever uma matéria para Photoshop com os Cavaleiros do Zodíaco. Eu criei meu próprio
cavaleiro e nada impede que vocês criem os seus ou desenhe os que já existem!
Vamos abrir um documento 800 x 600, RGB (pois estamos trabalhando para Internet), resolução de 72,
fundo preto ou transparente.

O segundo passo é colocar um fundo. Pode ser preto ou de outra cor escura, fica ao seu critério. O
importante, neste passo, é criar outra camada, deixando uma para o fundo e outra para selecionar a
ferramenta Marca de Seleção Elíptica, e formar uma elipse como na figura abaixo.

147
Feito isso, vamos fazer um corte nela como mostrado na figura para que ela tenha um formato parecido
com um capacete. Ao fazer o formato, vamos preenchê-lo com um gradiente como na figura abaixo
(metais – prata).

Depois de preenchermos com este gradiente, vamos preencher com outro. Clique na camada com o
capacete segurando control. Isso vai selecioná-la para que possa ser aplicado outro degradê (figura
abaixo) que iremos editar.

Nesse passo estamos criando o capacete do cavaleiro. Vamos fazer alguns cortes no capacete com a
ferramenta Laço Poligonal. Selecione a camada do capacete e faça uma seleção no formato que quiser
para o corte lateral. Eu fiz um triângulo e dois cortes de cada lado do capacete.

Neste passo, o capacete começa a ganhar detalhes para que mais na frente possa ser trabalhado com o
rosto. Vamos criar outra camada que iremos chamar de símbolo do capacete. Selecione a ferramenta
Marca de Seleção Elíptica, para formar uma circunferência, deixando o shift pressionado para uma
circunferência perfeita.
148
Vamos preencher essa circunferência com degradê prata que usamos no capacete!

Depois disso, vamos criar outra camada que será a parte de dentro deste circulo que criamos. Podemos
clicar na camada símbolo do capacete com o control para selecioná-la e utilizar redução como mostrado
na figura acima. Coloque um valor entre dez e quinze na caixa da opção de redução, selecione a
camada vazia que criamos sem desfazer a seleção do circulo preenchido, e preencha com preto.
O próximo passo será criar um ruído neste círculo preto. Vá em Filtro Ruído > Adicionar Ruído, como na
figura abaixo e depois iremos aplicar desfoque de movimento neste círculo preto. vá em Desfoque >
Desfoque gaussiano.

Depois disso vamos dar um toque bem bacana. Vamos adicionar ao nosso símbolo Chanfro e Entalhe.
Vá em Estilo da Camada e clique em Chanfro e Entalhe. Escolha entalhe elevado e modifique as opções
até parecer estar entalhado. Não exagere muito pois é só para dar um pouco de volume ao símbolo.
O próximo passo é desenhar o símbolo do capacete. Existe duas formas para se fazer isso: através de
demarcador ou simplesmente com laço poligonal. Com demarcador, podemos fazer selecionando a
ferramenta caneta. Desta forma, poderemos desenhar a forma que queremos. Esta parte vai mais da
criatividade de cada um. Eu desenhei uma forma, porém, não se prenda a ela e faça a sua. Se fizer com
a caneta você, estará trabalhando da seguinte forma:
Após ter terminado a forma que deseja para o símbolo, você irá clicar na paleta demarcadores e irá criar
uma seleção, clicando com o botão direito em cima da camada escrita demarcador de trabalho, criar
seleção.
Após ter criado sua seleção, vamos preenchê-la com o degradê metal. É legal você trabalhar com
curvas para deixar o degradê mais parecido com metal (control+m).
Após finalizar todo este processo, você deve estar com uma imagem igual a esta:

149
É nesta hora que iremos usar o filtro plastificação. Filtro artístico > Plastificação, para dar um brilho bem
bacana ao símbolo.
Agora vamos criar alguns fios para ornamentar o capacete. Selecione a ferramenta Laço Poligonal para
fazer um tentáculo como na figura abaixo.

Com isso teremos que usar o filtro distorção, cisalhamento. Teremos que editar a curva para que fique
com a forma de um tentáculo, como na figura abaixo. Duplique umas duas vezes ou mais como preferir
e depois mescle as camadas (control+e). Coloque opacidade depois delas agrupadas (só um pouco de
opacidade) e depois use o filtro plastificação, como na figura abaixo (obs: você pode fazer uma sombra
branca por trás dos tentáculos.)

150
Bom galera, neste ponto já conseguimos chegar na metade do nosso artigo. Fiquem frios que daqui para
frente vamos fazer o rosto do cavaleiro. Primeiramente vamos duplicar estes fios pois colocaremos um
em cada lado do símbolo do capacete.

Como já temos o capacete, podemos partir para o começo do rosto. Vamos lá.
Nesse ponto é interessante que você tenha alguma imagem dos cavaleiros do zodíaco. Vai servir como
referência para os traços como olho, boca, nariz, cabelo e etc.

Agora vamos desenhar olho, boca, nariz, face e tudo mais. Para isso precisaremos da Ferramenta Pen.
Crie uma camada chamada olho. Com a ferramenta vamos desenhar como na figura acima o olho.
Depois faça o mesmo procedimento para boca, nariz e um pedacinho do queixo. Tipo uma sombra.
Você pode, com a caneta, passar por cima da figura ou fazer no olho mesmo, que é bem mais difícil e
mais divertido!

151
Para montarmos a esfera do olho é fácil. Crie uma camada e nomeie para que você não fique perdido.
Crie uma seleção com a ferramenta de Marcação Elíptica e vá em Filtros > Iluminação e aplique nuvens
por diferença, na cor que você achar que seu personagem deve ter. Lembre-se: antes de aplicar o filtro,
você deve preencher a seleção com a cor do olho, tipo azul.
Depois faça como na figura acima. Uma outra circunferência menor, e um triângulo quase encostando
na esfera menor. Mescle tudo na camada com a esfera maior e duplique. Você terá os olhos do
personagem.

Agora que já desenhamos, olhos, boca, nariz, sombrancelhas e capacete, falta o rosto, que pode ser
desenhado como na figura acima. A sombra do rosto é feita com a Ferramenta Superexposição.
Cuidado para não sombrar demais, aconnselho a escolher nas opções de cima, em escala: sombras.
Outra observação é em relação à cor do rosto. Escolha um tom de pele para que possa ficar bacana o
trabalho.
Bom, agora só falta o cabelo.

Teremos que desenhar o cabelo e o mesmo vai ficar por trás do capacete. Com a Ferramenta Caneta
poderemos desenhar melhor o cabelo. É interessante você copiar nesta hora do modelo que você
estiver usando dos cavaleiros. Passe por cima com a caneta e crie uma seleção. Lembre-se que
estamos trabalhando com demarcador. Pinte com um degradê o cabelo ou uma cor chapada, tipo azul
ou mesmo cinza. Depois aplique o Filtro Plastificação com o cabelo selecionado.
Nesta hora é que o cabelo vai ganhar um brilho forte. Escolha a Ferramenta Superexposição e escureça
algumas áreas como na figura acima. Vá dando alguns ajustes de sombra com a ferramenta.
Pronto, você finalmente tem seu cavaleiro.

152
Bom galera, o cavaleiro não é tão difícil para começarmos meu primeiro artigo no iMasters. É bom para
quem for acompanhar sempre os próximos artigos a se familiarizarem com ferramentas como caneta,
degradê e sempre trabalhar com desenhos e desafios.
Com este artigo você está apto a construir não só cavaleiros do zodíaco, e sim vários personagens de
games e até quadrinhos!
Lembre-se de fazer vários diferentes e testar vários efeitos para melhorar mais ainda!

HAL TONE EM TEXTO

Descrição: Explicação de como se criar textos com efeitos de half tone no Photoshop
Software ultilizado: Adobe Photoshop em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 7,0
Ao som de: The Hives - Die, All Right
1º Passo: Crie um arquivo de 400x300 pixels em RGB.

2º Passo: Vá à paleta Canais e adicione um novo canal.

153
3º Passo: Usando a cor branca, clique sobre a ferramenta "Horizontal Type Tool" e escreva um texto
qualquer. 4º Passo: Clique sobre o canal Alpha 1.

E remova a sua seleção ( "Ctrl+D").


5º Passo: Agora inverta as propriedades de cor de seu canal ("Ctrl+I").

6º Passo: Vá em Filter > Pixelate > Color Halftone e digite os valores a seguir:

7º Passo: Inverta o canal novamente (" Ctrl+I")

154
8º Passo: Pressione "Ctrl+Click" no canal Alpha 1 em seguida clique sobre o canal RGB.
9º Passo: Retorne a paleta de Camadas e adicione uma nova camada ( "Shift+Ctrl+N").
10º Passo: Usando a ferramenta "Paintbucket Tool", preencha sua seleção com uma cor qualquer.
Em meu exemplo utilizei #FF9C00.
11º Passo: Na barra de opções vá em Layer > Layer Style > Blending Option e altere a seguir.
Drop Shadow Bevel and Emboss

Stroke

Caso queira salvar seu estilo clique em New Style

155
TEXTO GRUNGE

Descrição: Como criar textos com efeitos grunges no Photoshop.


Software ultilizado: Adobe Photoshop em Inglês (Funciona em qualquer versão).
Grau de Dificuldade: 7,5
Ao som de: Sheryl Crow & Eric Clapton - Run baby run
1º Passo: Crie um arquivo RGB de 500x280 Pixels (A cor de fundo fica a critério, já que será alterada)
2º Passo: Retorne suas cores às padrões, pressionando "D".
3º Passo: Vá em Filter > Render > Clouds.

4º Passo: Agora vá em Filter > Noise > Add Noise e deixe como abaixo:

5º Passo: Clique em Filter > Pixellate > Mosaic.

6º Passo: Pressione "CTRL+L" e altere seus valores como abaixo:

7º Passo: Adicione seu texto em cor de fonte Branca. A fonte fica a seu critério. Eu usei a
"DSJapanCyr".

8º Passo: Na paleta de camadas, preste atenção e clique sobre a camada com o texto e pressione
"ctrl+e" para unirmos as duas camadas.

156
9º Passo: Vá em Filters > Stylize > Glowing Edges. E altere como a seguir:

10º Passo: Duplique a camada e na camada de cima altere sua propriedade em blending para Spin
Light.

Este é um efeito que quanto maior o arquivo for, maior será o destaque. Espero que tenham gostado.
Fiquem com Deus e até semana que vem.

BANNERS ADOBE IMAGE READY

Grandes amigos! Hoje vamos ver algo bem interessante. Dando sequencia às matérias sobre banners,
estudaremos diversos recursos sobre o Adobe Image Ready CS.
Banners - Parte 03 (Adobe ImageReady®)
Descrição: Estudo sobre software ImageReady e a criação de banners.
Software ultilizado: Adobe Image Ready CS em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 8,5
Ao som de: A Litte Less Conversation- Elvis vs jxl
Antes de mais nada, vamos ver um pouco mais sobre esse programa ok?
No Adobe ImageReady criaremos animações com base em uma única imagem, por meio de arquivos
GIF animados.
Um GIF animado é uma sequência de imagens, ou quadros. Cada quadro varia ligeiramente em relação
ao quadro precedente, criando a ilusão de movimento quando seus quadros são visualizados em
sucessão rápida. É possível criar animações de várias maneiras:
1º maneira: Utilizando o botão "Duplica", o quadro atual da paleta "Animação" para criar quadros de
animação e, em seguida, usando a paleta "Camadas" para definir o estado de imagem associado a cada
quadro.
2º maneira: O recurso Entremeio é utilizado para criar rapidamente novos quadros que deformam textos
ou promovem uma variação na opacidade, posição ou efeito de uma camada. Isso criará a ilusão de um
elemento em um quadro que se move ou gradualmente se acende ou apaga.
3º maneira: Abrindo um arquivo de várias camadas do Adobe Photoshop ou Adobe Illustrator para criar
uma animação, transformando cada camada em um quadro.
Dicas:
Ao criar uma sequência de animação, é melhor permanecer na visualização de imagem Original. Isso
evita que o ImageReady tenha de reotimizar a imagem à medida que o conteúdo dos quadros é editado.
Arquivos de animação resultam tanto em arquivos GIF quanto em filmes de QuickTime. Não é possível
CRIAR uma animação JPEG ou PNG. (Inspirado do Livro : Guia Autorizado Adobe)
Agora retirei um trecho do Help do próprio Adobe Photoshop.
WEB - Sobre trabalhar com camadas em animações
Trabalhar com camadas é uma parte essesncial da criação de animações no ImageReady. Dispor cada
elemento de uma animação em uma camada própria permite alterar a posição e a aparência do
elemento por uma série de quadros.
Alteraões específicas ao quadro: Algumas alterações efetuadas às camadas afetam somente o
quadro de animação ativo. Por padrão, as alterações feitas por meio dos comandos e opções da paleta
157
Camadas - Inclusive em opacidade de camada, modo de mesclagem, visibilidade, posição e estilo - são
específicas ao quadro. Contudo é possivel aplicar alterações de camada a todos os quadros de uma
animação por meio de botões da paleta Camadas.
Alterações globais: Algumas alterações afetam todos os quadros nos quais a camada está incluída.
Alterações efetuadas a valores de pixel da camada, por meio de ferramentas de pintura e edição,
comandos de ajuste de cor e tom, filtros, textos e outros comandos de ediçaõ de imagem, são globais.
Cada novo quadro é iniciado como duplicata do quadro anterior - o quadro é editado pelo ajuste de suas
camadas. É possível aplicar alterações de camada a um único quadro, a um grupo de quadros ou à
animação inteira.
Bem amigos, vamos lá!
Primeiramente vamos explicar as ferramentas mais usadas no Adobe ImageReady e iremos criar uma
pequena animação, bem simples, como exemplo, pois gosto de explicar em detalhes para aqueles
leitores iniciantes ou que não tem condições de comprar livros. Por isso, caso precisem de alguma
coisa, mande-me um email.
1º Passo: Abra uma imagem qualquer no ImageReady

2º Passo: Duplique a camada clicando sobre o botão "Duplicates current frame" como abaixo:

Agora acompanhe a explicação de cada botão:

A: Menu suspenso: Opções de looping


B: Botão seleciona o primeiro quadro
C: Botão seleciona o quadro anterior
D: Botão Executa/Interrompe a animação
E: Botão seleciona o próximo quadro
F: Botão interpõe quadros de animação
G: Botão duplica o quadro atual
H: Exclui quadros selecionados
I: Quadro selecionado
3º Passo: Duplique a camada na paleta de camadas, clicando com o botão direito e clicando sobre
"Duplicate Layer"
4º Passo: Com a cópia da camada selecionada, pressione "CTRL+U" e hablite o "colorize"
Hue: 214
Saturation: 70
Lightness: -18

158
5º Passo: Em seguida, desabilite a opção de visualização clicando sobre o olho (veja abaixo) e repare,
no lado esquerdo, que seus frames foram alterados.

6º Passo: Segure o "SHIFT" e clique sobre o outro frame. Em seguida clique na seta "0 sec." e altere
para 0.1 segundo.

7º Passo: Clique sobre o botão de interpolação de quadros (ver F) e deixe como abaixo:

8º Passo: Vá em File > Save Optmized As.. ("Ctrl+Shift+Alt+S").

Imagem retirada da pasta "Samples" do Adobe Photoshop 7.0


159
Está e nossa imagem final. Claro que o resultado vai variar com o número de interpolações de cada
leitor.
Bom, agora que já sabemos algumas informações importantes do Adobe ImageReady e suficientes para
criarmos um banner, criaremos um exemplo para o iMasters!
9º Passo: Abra o .psd no Adobe ImageReady de seu banner que criamos nas duas últimas matérias.
Com as fontes e imagens já definidas e posicionadas, use da técnica passada na matéria de hoje para
dar movimento ao seu banner.
Como podemos ver, usando o "5º Passo", cliquei sobre o frame 1 e desabilitei o modo de visualização
da camada do texto em um frame.

E clicando sobre o frame 2 hablitei novamente:

A diferença é que no " 7º Passo " coloquei apenas 4 quadros e adicionei um frame sem texto com delay
de 0,2 segundos. Logo em seguida outro frame com o texto novamente e um delay de 0,5. O resultado
está abaixo:

Agora adicionei frames ao logo esquerdo, com espaço de tempo, dando a impressão de piscar, e ao
texto "iMasters", do lado direito, adicionei um frame posicionando por fora da aréa visualizada. Fiz uma
ilustração apenas para imaginarmos a posição onde coloquei o iMasters e adicionei a interpolação com
espaço de tempo curto.

(Claro que iMasters não irá aparecer. Eu apenas fiz uma ilustração para imaginarmos onde eu posicionei
nossa camada de texto)
Meu resultado final é este:

Bem amigo, é claro que o iMageReady possui muito mais recursos, mas por hoje escolhi apenas alguns
onde criariamos um banner simples. Quando voltar a escrever sobre iMageReady, falarei a respeito de
seus filtros.
Semana que vem aguardem a matéria "Gotas em lata de refrigerante!"
Espero que tenham gostado. Dúvidas, mandem-me via email. Um abraço a todos e fiquem com Deus.

160
BANNER 02

Salve amigos! Hoje daremos sequência à série sobre Banners. Trabalharemos mais alguns estilos de
fundo. Antes, eu so gostaria de mandar um abraço para o pessoal da WOC e agradecer muito a
oportunidade.
Um grande abraço também a todos meus amigos.
Criando banners
Descrição: Estudo sobre criação de fundos para banners
Software ultilizado: Photoshop 7.0 em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 8,0
Ao som de: Freddy Vs Jason - 07 - Chimaira-Army Of Me
1º Passo: Crie um arquivo em RBG de 468x60 pixels, com fundo transparente (a escolha do fundo fica a
critério do criador, já que também podemos usar branco como cor inicial). Em seguida, pressione "D"
para as cores voltarem as padrões.
Como podemos observar, o próprio Photoshop já possui uma configuração de tamanho presente para
banners;

2º Passo: Vá na barra de Opções: Window > Documents > New Window


Desta forma estamos criando mais uma visualização para nosso arquivo. Como já disse aqui, gosto
muito desse recurso do Photoshop, já que podemos visualizar ao mesmo tempo nosso documento em
modos de zoom diferentes. Isso ajuda muito quando precisamos nos preocupar com os detalhes.
Posicione onde desejar;
3º Passo: Altere suas cores principais e de fundo, invertendo-as como abaixo:

4º Passo: Vá em Filter > Render > Clouds;


5º Passo: Agora em: Filter > Render > Difference Clouds;
6º Passo: Continuando... Image > Adjust > Invert ("ctrl+i");

7º Passo: Agora em Image > Adjust > Levels. E altere como abaixo:

161
Sua imagem ficaria como a imagem abaixo e já poderiamos considerar como um bom efeito de fundo,
restando somente alguma cor;

Mas vamos continuar...


8º Passo: Vá em Filter > Blur > Radial Blur e use as configurações abaixo:

9º Passo: Duplique essa layer e altere sua propriedade em blending option para "Color Dodge";

10º Passo: Clique sobre a camada original e em seguida vá em: Image > Adjust > Color Balance e use
as opções abaixo:

162
Caso queira com outra cor, basta alterar suas configurações. Com as que coloquei, teremos essa
imagem final:

11º Passo: Clique sobre a ferramenta "Eraser Tool" e vá apagando alguns trechos da camada que
colocamos em color dodge. Lembre-se que se usarmos "[" podemos diminuir o tamanho da ponta da
borracha e com "]" aumentaremos.
Apos deletar alguns trechos, acrescentei texto e um "Lens Flare".

Vamos criar mais um:


12º Passo: Repita o 1º passo e em seguida o 3º passo;
13º Passo: Vá em Filter > Render > Clouds;
14º Passo: Agora em Filter > Render > Lighting Effects e altere como a seguir:

Nossa imagem ficará assim:

Com algumas alterações de texto em blending option:

Semana que vem falarei exclusivamente sobre o Image Ready. Então, quem tem duvida sobre como
utilizar esse maravilhoso programa, não perca a próxima matéria. Vou mostrar desde algumas das
funções principais até como dar movimentos mais complexos a seu banner. Um abraço e fiquem com
Deus.
BANNERS
Olá grandes amigos! Primeiramente desculpe pela minha ausência com a coluna na última semana. Tive
alguns problemas pessoais que agora já estão se resolvendo, graças a Deus.
Caso tenham me enviado e-mails e eu não respondi, por favor reenviem sua dúvida para meu outro e-
mail pessoal (fabio_lody@yahoo.com.br). Estou voltando normalmente também a postar imagens em
meu Fotolog (www.fotolog.net/fabiolody). Qualquer dúvida em relação às imagens postadas, entrem em
contato.
Antes de iniciar a matéria, eu so gostaria de corrigir um pequeno erro na matéria "Cabelos Rebeldes".
No 7º Passo eu alterei o nome da ferramenta, onde o correto seria "Dodge Tool".
Dando sequência à nossa lista, hoje iremos ver falar sobre fundos para Banners!

163
Antes de tudo precisamos ver quais tipos de banner iremos trabalhar. Os espaços mais utilizados são o
topo da página, para full banners e os botões, que são banners menores, localizados em espaços
alternativos, na lateral ou ao final do layout.
Os banners botões tem o tamanho padrão de 88x31. Abaixo temos 3 exemplos, cedido pelo usuário
VBA de nosso fórum.

Outros banners botões, um pouco maiores, são os de 120x60 pixels.

Já os full banners, mais tradicionais, tem 468x60 pixels.

Vamos lá!
Criando banners
Descrição: Explicação sobre como criar fundos para banners
Software ultilizado: Photoshop 7.0 em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 7,5
Ao som de: Juno Reactor/Don Davis - Tetsujin
1º Passo: Crie um arquivo em RBG de 468x60 pixels, com fundo transparente (a escolha do fundo fica a
escolha do criador, já que também podemos usar branco como cor inicial). Em seguida pressione "D"
para as cores voltarem ao padrão. Como podemos ver, o próprio Photoshop já possui uma configuração
de tamanho presente para banners.

2º Passo: Em seguida, vá na barra de Opções: Window > Documents > New Window
Fazendo isso, estamos criando mais uma visualização para nosso arquivo. Como já disse aqui, gosto
muito desse recurso do Photoshop, já que podemos visualizar ao mesmo tempo nosso documento em
modos de zoom diferentes. Isso ajuda muito quando precisamos nos preocupar com os detalhes.
Posicione onde quiser.
3º Passo: Nesse momento já temos o arquivo base criado. Agora precisamos do principal: as idéias. No
meu caso, como farei um banner da própria coluna, utilizarei branco como fundo e um logo do iMasters
para a primeira ação.

Repare que, por enquanto, a única coisa que fiz foi posicionar um logo. Pressionando "CTRL+T" para
ablitarmos as opções de transformação na imagem, segure o "SHIFT" e, clique e arraste para diagonal
aumentando assim o tamanho do objeito.

164
Pela seta indico suas pontas onde digo para arrastarmos, caso queira aumentar seu objeto. Claro que
haverá estouro de pixels, já que estamos alterando seu tamanho sem mexer em sua quantidade de
Dpis. Mas usaremos a imagem com uma opacidade grande, ficando, desta forma, quase imperceptivel a
perda.
4º Passo: Note que posicionei a imagem ampliada e reduzi sua opacidade nas propriedades da
imagem.

5º Passo: Adicionei novamente a camada com o logo e note quanto é importante o "2º Passo".
Perceba que estou escolhendo a fonte a ser usada. Acima, a janela ampliada e com a escolha da fonte.
Já um pouco mais abaixo, o banner final.

6º Passo: Já com as fontes definidas e posicionadas, resta somente o movimento. A base para nosso
banner está pronta. Claro que até esse ponto parece fácil, já que o mais dificil é considerado o
movimento que veremos na próxima matéria.

7º Passo: Usando a mesma quantidade de camadas e as mesmas idéias, fiz o button e o banner lateral.

Agora vamos criar outros tipos de fundos para os nossos banners. Geralmente, a grande sacada em
fundo de banners, como por exemplo "hightech", que são muito pedidos por e-mail, seria saber lidar bem
com blending option, opacity e masks. Vamos agora ver um pouco sobre isso.
Hightech - 01
8º Passo: Repita o 1º Passo, mas desta vez com background Branco.
9º Passo: Vá em Filter > Render > Difference Clouds. Agora aplique novamente o filtro configurado por
5 vezes pressionando "CTRL+F".
10º Passo: Agora em: Filter > Stylize > Find Edges.
Sua imagem ficará assim:

165
11º Passo: Seguindo: Image > Adjustments > Invert "Ctrl+I".
12º Passo: Vá em: Image > Adjustments > Levels "Ctrl+L" e siga as configurações a seguir:

Nesse ponto, estaremos trabalhando uma imagem parecida com esta:

13º Passo: Vamos em: Image > Adjustments > Hue/Saturation... "Ctrl+U" e hablite a opção "Colorize".
Altere as configurações para:
Hue: 184
Saturation: 25
Lightness: 0
14º Passo: Agora vá em: Layer > Duplicate Layer, para duplicar sua camada e repita o "13º passo",
alterando suas configurações para:
Hue: 36
Saturation: 98
Lightness: +5
15º Passo: Em blending Option, altere sua propriedade como a seguir:

Pronto terminamos o primeiro:

Aqui com algumas fontes:

16º Passo: vamos para mais um: Repita o "8º Passo"


17º Passo: vá em: Filter > Render > Clouds

18º Passo: Agora em Filter > Noise > Add Noise

19º Passo: Vamos lá em Filter > Blur > Radial Blur


166
Sua imagem ficará assim:

20º Passo: Repita o "13º Passo" mas altere suas configurações para:
Hue: 223
Saturation: 30
Lightness: -8
21º Passo: Pressione "CTRL+L" e altere suas configurações como na imagem abaixo:

Terminamos o segundo:

Aqui com algumas fontes e brushes:

PIXEL ART 3D

E ai meus amigos! Como vão vocês? Bom, vamos para a segunda parte desse tão maravilhoso mundo
pixel.
Descrição: Explicação passa a passo sobre pixelart 3D
Software utilizado: Photoshop CS em Inglês
Grau de Dificuldade: 8,0
Ao som de: Steel Dragon - We all die young
Algumas regras: Geralmente os elementos em pixelart 3D são criados em perspectiva isométrica. Essa
perspectiva é conhecida como perspectiva perfeita, pois as formas não apresentam distorções. É
através dessa falsa simulação de volume que são construídos a maioria dos desenhos em pixelart 3D.
A perspectiva isométrica é baseada no ângulo de 30º, assim:

167
Entretanto se dermos um zoom na linha do ângulo, perceba oque acontecerá:

Em 30º a linha de pixels fica deformada, contendo ora um, ora dois, ora três pixels numa seqüência
indefinida que esteticamente fica terrível. Para uma melhor apresentação, corrige-se a linha para a
seqüência de dois em dois pixels, trazendo a angulação para algo próximo do 26º.
Então, mantendo nossa nova medida de 26º, criamos a malha para confecção de nossa perspectiva
isométrica.

Bom, só lembrando do nosso caminhão da matéria passada. Para desenvolvê-lo, basta seguir essas
dicas:

A medida X1 corresponde à base do caminhão. Se a medida fosse transferida diretamente para a malha
isométrica o resultado seria um caminhão maior do que a medida correta. O caminhão teria sua forma
final esticada em relação às proporções originais. A medida errada pode ser observada na cor cinza
escura.
Para que a medida seja transferida com segurança, criou-se um círculo azul com o centro em um dos
vértices inferior direito da casa. Do centro do círculo azul foi traçado um raio com 26º de inclinação em
relação à base da casa. No exato ponto onde o raio cruza a circunferência, indicado no desenho com a
cor laranja, é marcada a linha de rebatimento. Definida no desenho com a cor cinza claro. Após essa
marcação a medida X1 pode ser transferida com segurança para a malha isométrica. Agora
começaremos do zero um quarteirão em Pixelart 3D.
1º Passo: Trace o contorno base do seu quarteirão.

2º Passo: Trace um segundo contorno em cinza neste tom ( #5F5F5F) e em seguida um terceiro
contorno mais claro (#A4A4A4)

168
3º Passo: Preencha a rua com o tom cinza mais escuro que usamos. E, por dentro do quarteirão, de
verde (#19740D).

4º Passo: Agora comece a construção de seu quarteirão. Eu comecei com uma árvore. Note que
existem pontos que não devemos deixar pra trás, como pontos de luz e sombra. Apenas usando a ponta
do pincel mais clara ou escura.

5º Passo: Agora copie e cole a sua árvore em vários pontos diferentes. Em seguida, construa uns
homenzinhos (nesse ponto os detalhes não influenciam já que o homenzinho e quase imperceptível).

6º Passo: Usando mesmo princípio da árvore, eu desenhei uma casa.

Amigos, eu gostaria de deixar claro que isso é só o princípio de pixelart 3D. Abaixo seguem alguns
exemplos retirados da internet de como esse mundo pode ser maravilhoso.

169
EFEITOS DE LUZ
Pulando uma matéria na lista divulgada semana passada, vamos para "Efeitos de Luz". Quem tem
acompanhado meu fotolog (www.fotolog.net/fabiolody) viu que publiquei inúmeras imagens com efeitos
de luz. E um deles em especial chamou bastante atenção de alguns leitores. Imagem esta que você
encontrará abaixo. Então iremos reproduzir um efeito parecido e bem procurando por photoshopers.
Imagem postada e usada como exemplo:

Fiz está imagem para um site de Portugal à aproximadamente dois anos.

Descrição: Explicação sobre como criar efeitos de luz.


Software ultilizado: Photoshop 7.0 em Inglês (funciona em qualquer versão)
Grau de Dificuldade: 8,0
Ao som de: Warp Brothers Vs Aquagen - Phat Bass
1º Passo: Crie um arquivo em RBG de 400x500 pixels com fundo transparente. Em seguida pressione
"D" para as cores voltarem as padrões.
2º Passo: Usando a ferramenta de preenchimento "Pain Bucket Tool", preencha com preto sua camada
(usaremos como camada de fundo).

170
3º Passo: Escolha branco e, com a ferramenta "Elipse Tool", trace um arco como nas imagens abaixo.

4º Passo: Clique com o botão direito sobre a camada e escolha "Rasterize image".

5º Passo: Segure "CTRL" e clique sobre a camada da forma que criamos. Perceba que vemos sua
seleção.
6º Passo: Vá em "Select" > "Modify" > "Contract". Em "Contract Selection", altere seu valor para 5
pixels.

7º Passo: Delete a área selecionada para deixarmos apenas a borda.

8º Passo: Duplique a camada quantas vezes quiser e altere sua posição ou forma pressionando
"CTRL+T".

171
9º Passo: "Link" todas as camadas de arcos, usando a corrente para assim unirmos as camadas
pressionando "crtl +e", como na figura 02 . Em seguida nomeie a camada para "Arcos".

01

02
10º Passo: Vá em "Filter" > "Blur" > "Gaussian Blur" e altere seu valor para 1,5.
11º Passo: Duplique a camada por duas vezes clicando com o botão direito e clicando em "Duplicate
Layer".
12º Passo: Na terceira camada de arcos repita o 10º passo com a diferença do valor para 21,1.

13º Passo: Repita o 9º passo. Não esqueca de nomear a camada para "arcos" (botão direito > layer
propertier).
14º Passo: Pressione "SHIFT + CTRL+ N" para criarmos uma nova camada e a nomeie como "traço".

172
15º Passo: Clique sobre o Pincel "Brush Tool" e altere, na barra de Opções, sua ponta para "Soft Round
17 Pixels".

16º Passo: Trace duas retas como na imagem abaixo:

17º Passo: Nesse momento vá em "Filter" > "Blur" > "Motion Blur" e coloque os valores a seguir:

Sua imagem ficará assim:

18º Passo: Repita o 14º passo, mas nomeie para "zoom".


19º Passo: Vá em "Filter" > "Render" > "Clouds".
20º Passo: Agorá vá em "Filter" > "Noise" > "Add Noise".

21º Passo: Clique em "Filter" > "Blur" > "Radial Blur".

22º Passo: Em Blending Option da camada recém criada, escolha "Vivid Light" e 45º de opacidade:

23º Passo: Na barra de opções, vá em "Layer" > "Flatten Image". Perceba que achatamos nossas
camadas e que na camada "background" temos a corrente, impossibilitando assim a edição por isso
duplique está camada:
173
24º Passo: Agora vem o grande X da imagem. Repita o 14º passo mas nomeie para "degrade".
Escolha a ferramenta de degradé e altere suas opções na barra de Opções como na imagem a seguir:

25º Passo: Agora trace a posição de seu degradé e, em seguida, em "Blending Option", altere sua
propriedade para "Overlay".

Ufaaaa. Espero que tenham gostado. Abaixo a minha imagem onde eu acrescentei, como no passo 16º,
vários traços com a diferença que com a propriedade em overlay, além de borda, fonte e brush de flash.

INTEGRAÇÃO E MOVIMENTAÇÃO COM IMAGEM READY ATUALIZAÇÃO – Aplicando Movimento


Descrição: Movimento utilizando Image Ready
Software ultilizado: Photoshop em Inglês (funciona em qualquer versão)

174
Grau de Dificuldade: 8,5
Ao som de: Rolling Stones - It's Only Rock n' Roll
1º Passo: Crie uma imagem de 400x400 pixels com preenchimento de fundo na cor branca.

2º Passo: Deixe a cor de primeiro plano como um cinza escuro (#6C6C6C)

3º Passo: Escreva suas iniciais usando um corpo de fonte largo e legível (usei: Arial Black, 150pt,
Sharp). Sua cor é idependente nesse passo, já que colocaremos uma textura.

4º Passo: Nesse momento iremos adicionar um estilo de camada.

Siga os passo a seguir:


Outer Glow (Brilho Externo) Bevel and Emboss (Chanfro e Entalhe)

175
Color Overlay (Sobreposição de cor)

Gradient Overlay (Sobre posição de Gradiente) Pattern Overlay (Sobreposição de Padrão)

Stroke (Traçado)

Este será seu resultado:

5º Passo: Crie uma nova camada e pressione a ferramenta de Degradé (Gradiente Tool (G)) na barra
de opções:

6ºPasso: Pressione "D" e em seguida "X" para voltar ao padrão de cores e as alternar. Logo depois, vá
nas opções de degradé e escolha a de brando para transparente.

176
7º Passo: Segure a tecla "SHIFT" e, no meio das iniciais, e faça um pequeno caminho onde seu
degrade ficara, como na imagem abaixo.

8º Passo: Crie uma nova camada (CAMADA_GUIA), deixe acima da camada do seu texto e em seguida
selecione a "corrente" para unir as duas camadas.

Em seguida, pressione "CTRL+E". Suas camadas ficaram assim:

9º Passo: Com a ferramenta "Move Tool (V)", escolha a camada "TRAÇO" e pressione "CTRL + G".

177
Sua imagem ficará assim:

10º Passo: Nesse momento abriremos o Image Ready, pressionando "SHIFT+CTRL+M" (instalado
juntamente com Photoshop)
11º Passo: Agora nosso ambiente será iMage Ready. Mova a camada do nosso "reflexo" para o canto
superior esquerdo até quase não aparecer na letra.

Vá em "WINDOW" (Janela) > "ANIMATION" (Animação).


12º Passo: Com a janela de animação aberta, duplique seu frame e clique sobre ele. Nesse momento,
na imagem principal (ORIGINAL), segure o SHIFT e mova o reflexo até o canto inferior direito.

13º Passo: Agora pressionando "SHIFT", selecione os dois frames e clique sobre o botão "Tweens
animation frames".

14º Passo: Altere sua sequência para 8 frames.

178
15º Passo: Pressione "Play Animation" e veja um preview de como ficará sua arte. Caso seja preciso,
diminua a quantidade de frames em "Tweens Animation frames". Se o resultado for satisfatorio, vá em
"FILE" (Arquivo) > "Save Optimized As.." ( Salvar Otimizado Como..) e selecione o nome e local de seu
gif.

EFEITOS DIA DOS NAMORADOS

Coração para o dia dos Namorados


Descrição: Explicação sobre como criar um coração com efeitos no Photoshop
Software ultilizado: Photoshop 7 em PT (Funciona em qualquer versão)
Grau de Dificuldade: 7,5
Ao som de: Nickelback - Never Again
1º Passo: Crie um arquivo em RGB de 450x450 pxl com fundo branco (esse tamanho será para teste.
Você deverá definir o tamanho real de sua propriedade de tela se a intenção for um papel de parede).

2º Passo: Em seguida pressione "D" para as cores voltarem às padrões.

3º Passo: Clique sobre a ferramenta "Forma Personalizada"

4º Passo: Na barra de Opções, clique sobre a opção "Forma", clicando na setinha ao lado. Ao aparecer
as opções de forma padrões, escolha "Carta de Copas" (ou seja, nosso coração).

179
5º Passo: Agora posicione seu cursor no canto superior esquerdo e trace seu coração. (Lembrando que
se usar o 'SHIFT ', o traço sai com as coordenadas perfeitas).

6º Passo: Na camada da forma do coração, clique com o botão direito e vá em "Converter camada em
Bitmap" e em seguida vá em Camada> Estilo de camada> Opções de mesclagem.
7º Passo: Clique sobre "Sombra projetada" e altere para as configurações abaixo:

Chanfro e Entalhe

8º Passo: Crie uma nova camada (acima da camada do coração) e clique sobre ela. Não esqueça de
adicionar a corrente. Em seguida pressione 'CTRL + E' para mesclar a camada nova com a da forma do
coração.

9º Passo: Vá em Imagem > Ajustes > Variações. Adicione mais magenta e vermelho com o nivel de
variação 4.

10º Passo: Nesse momento, adicione uma camada sobre o coração e a preencha de vermelho
#FF2A00. Em seguida deixe a com 19% de opacidade e em "divisão" em sua propriedade.

180
11º Passo: Clique na camada "Plano de Fundo" e pressione 'CTRL + U'. Altere suas configurações
como abaixo:

Sua janela de camadas deverá ficar assim:

12º Passo: Vá em Filtro > Artístico > Esponja e altere como abaixo suas configurações.

13º Passo: Com a mesma camada de "plano de fundo" selecionada, vá em Filtro > Acabamento >
Efeitos de Iluminação.

181
Sua imagem final deverá ficar assim:

CABELOS REBELDES

Lista de efeitos:
01. Mundar fundo quando o cabelo atrapalha
02. Gotas em latas de refrigerante
03. Efeitos de Luz
04. Efeitos de fundos para banners
05. Transformando foto em desenho
06. Tratando foto envelhecida
07. Criação de site pelo Photoshop
08. Criação de bordas
09. Texto em ouro com brilho
10. Pixel Art

Cabelos rebeldes
Descrição: Explicação sobre como alterarmos o fundo onde temos cabelos espalhados.
Software ultilizado: Photoshop 7.0 em inglês (Funciona em qualquer versão)
Grau de Dificuldade: 8,0
Ao som de: Fresno - Carpe Diem
1º Passo: Abra uma foto qualquer e pressione "d" para nossas cores voltarem às princípais. Será
trabalhada a foto cedida pela modelo Amanda Suita.

Nesse momento explicarei um pouco mais sobre canais, já que iremos ultilizar no 2º Passo.

182
Algumas vezes podemos melhorar a qualidade de uma imagem mesclando dois ou mais canais.
Fazemos isso usando o comando Misturador de Canais nos modos RGB (Para tela do computador) e
em CMYK (para impressão), de acordo com a calibragem de seu monitor. (Para informações a respeito
da calibragem pessoal de cor, consulte minha matéria sobre calibragem).
Quando temos imagens em RGB, nossa paleta "canais" nos mostra os canais vermelho, verde e azul.
Agora um trecho do próprio help do Photoshop:
"Observe que todos canais de cor se encontram visíveis atualmente, inclusive o canal RGB, que é uma
composição dos canais separados vermelho, verde e azul. Para visualizar os canais individualmente,
use os ícones de olho da paleta."
* lembrando aos meus amigos que "Misturador de Canais" no Photoshop em inglês se localiza em:
Image > Adjustments > Channel Mixer.
2º Passo: Vá em Janela (Window) > Canais (Channels)...

Nesse momento precisamos analisar cuidadosamente cada um de nossos canais para descobrirmos
qual possui maior contraste.
3º Passo: Em nosso caso, o canal com o maior contraste foi o verde.

Duplique o mesmo clicando com o botão direito e em seguida "Duplicate Channel" (Duplicar Canal).
Renomeie como Verde_02. Devemos duplicar o canal ultilizado já que, alterando o canal verde matriz,
estariamos alterando na composição de nossa imagem e não é o que queremos.

183
4º Passo: Com nosso canal verde_02 ativo, iremos inverter suas proriedades de cor pressionando
"ctrl+i".

5º Passo: Agorá vá em Edit (Editar) > Fade Invert


6º Passo: Clique sobre a ferramenta "Burn Tool"...

E altere suas propriedades como mostrado abaixo:


Range: Shadows
Exposure: 43%
7º Passo: Aumente a ponta da ferramenta "Burn Tool" usando "]" e "[" para diminuir, e trace o fundo da
foto.
8º Passo: Mude a ferramenta para "Dodge Tool" e Range para Hightlights e pinte por completo a parte
interna.

9º passo: Pressione "CTRL" e retorne à paleta de layers (camadas). Arraste sua seleção mantendo
CTRL pressionado para outra imagem.

184
10º Passo: Altere a propriedade da Layer (camada) para Luminosity (Luminosidade)
* Retirei imagem do Photoshop PT para melhor visualização:

Nossa imagem ficará assim:

185
11º Passo: Duplique a camada da foto clicando com o botão direito e nomeie a nova camada como
"foto". Agora altere sua propriedade para "Normal", como no passo 10º
12º Passo: Nesse momento, crie uma máscara para nossa camada "foto", clicando em Layer (Camada)
>> Add Layer Mask (Adicionar Mascará de Camada ) > Reveal All (Revelar Todas).
13º Passo: Clique sobre a ferramenta Pincel (Brush Tool) e altere sua ponta para "Círculo Sólido". O
tamanho depende da região alterada.
14º Passo: Agora vá retirando as rebarbas. Lembrando que quando usamos máscara, usando a ponta
em preto retiramos a rebarba, já em branco adicionamos.
Claro que nosso efeito final depende dos pontos de sombra de nossa foto, que não alterei. Caso
tivéssemos que alterá-los precisariamos de outra matéria somente para o tratamento. Outra coisa que a
altera bem seria a imagem de fundo da foto.

Agradeco à modelo Amanda Suita por ceder sua foto.

CRIANDO CURVAS

Esse assunto e um pouco complexo já que existem varias caminhos para se criar formas curvilineas.
Como por exemplo, usando a Ferramenta "Caneta", apenas controlando a sensibilidade da ponta da
caneta.
Mas para isso precisamos entender alguns princípios de curvas, pontos de ancoragem e componentes.
Portanto, citarei um trecho do HELP do próprio Photoshop.
”Um demarcador consiste em um ou mais segmentos retos ou curvos. Pontos de ancoragem marcam as
extremidades dos segmentos do demarcador. Em segmentos de curvas, cada ponto de ancoragem
selecionado exibe uma ou duas linhas de direção, terminando em pontos de direção. As posições de
linhas e pontos de direção determinam o tamanho e a forma de um segmento de curva. Mover esses
segmentos remodela as curvas em um demarcador.

Um demarcador: A . Segmento de linha curva B . Ponto de direção C . Linha de direção D . Ponto de


ancoragem selecionado E. Ponto de ancoragem não selecionado.

186
Um demarcador pode ser fechado, sem início ou fim (por exemplo, um círculo), ou aberto, com
extremidades distintas (por exemplo, uma linha ondulada). Curvas suaves são conectadas por pontos de
ancoragem chamados pontos suaves. Demarcadores curvos são conectados por pontos de vértice.

Ao mover uma linha de direção em um ponto suave, os segmentos de curvas de ambos os lados do
ponto se ajustam simultaneamente. Em comparação, ao mover uma linha de direção em um ponto de
vértice, somente é ajustada a curva do mesmo lado do ponto da linha de direção.

Ajustando um ponto suave e um ponto de vértice. Bom agora que já aprendemos como funciona,
tentaremos reproduzi-la de uma maneira que na minha opinião é bem mais fácil, usando a ajuda de
formas pré-definidas. Tudo com a ajuda da ferramenta Retângulo”.

Descrição: Explicação passo a passo de como criar curvas no Photoshop


Software utilizado: Photoshop 7.0 em Português
Grau de Dificuldade: 7,5
Ao som de: Alanis Morissete - Hands Clean
1º Passo: Crie um arquivo de 600x400 px com fundo branco , em seguida clique sobre a ferramenta
Retângulo e trace um retângulo que ocupe quase que de ponta a ponta os dois lados do espaço criado.

2º Passo: Agora clique sobre a ferramenta "Seleção de demarcador" e em seguida sobre a forma
definida (perceba que alguns pontos seram adicionados em cada extremidade da forma).

187
3º Passo: Pronto agora alterne para ferramenta de seleção direta ( a seta de baixo) e clique sobre a
forma. Nesse momento temos total condição de alterar sua forma, apenas adicionando pontos de
ancora.

Repare que adicionei um ponto de ancora a direita na parte superior


4º Passo: Agora com a ferramenta de "Seleção Direta" mova o ponto de ancoragem para cima como na
figura abaixo:

5º Passo: Agora adicione um novo ponto de ancoragem com a ferramenta "caneta" do lado direito.

6º Passo: Agora mova o segundo ponto para baixo:

Bom, agora já sabemos como fazer curvas. Só precisamos ter bom gosto. Agora uma dica! Antes de
traçar sua curva, tenha já em mente a forma, posição e tamanho da curva.Assim economizará um bom
tempo.
Aqui após algumas alterações:

188
Ai você pergunta, qual seria a utilidade principal das curvas? Simples, para se usar na Web! Aqui
algumas imagens de sites que fiz usando essa técnica:

PIXEL ART

PixelArt é a arte de se desenhar pixel por pixel. Antes do tutorial, uma prévia.
O que é pixel?
Pixel é a abreviação de picture element (elemento da foto). É a menor parte de uma imagem
digitalizada. Cada um destes pontos possui a informação que determina sua cor. Este conjunto de
pontos é arrumado no formato de uma matriz. Essa matriz forma a imagem. O pixel determina a
resolução desta imagem.
Como é possível acessar um pixel?
Um pixel só é acessado via softwares de edição de imagem bitmap, até mesmo o Paintbrush,
Microangelo, entre outros.
Como definir a cor de um pixel?
O valor da cor de um pixel é calculado em valores da escala de cores RGB (Red - Vermelho, Green –
verde, Blue - azul) cada valor pode variar de 0 a 255. A mistura desses valores determina a cor final do
pixel. Um pixel pode ser "transparente", a essa cor transparente dá se o nome de Canal Alpha.
O que é Resolução?
Resolução é a quantidade de pixels em sentido horizontal e vertical e o número de cores geradas pela
placa de vídeo e aceitas pelo monitor. Quanto maior a quantidade de pixels e de cores, mais claras e
precisas são as imagens. A unidade de medida de Resolução é a dpi (dots per inch) Pontos por
polegada, e é expressa da seguinte forma: L x A (largura X altura) 800 x 600 pixels, 1024 x 768 pixels.
Quanto às cores, as configurações básicas podem ser 256 cores , 65.536 (chamada high color 16 bits) e
16,7 milhões (high color 24 bits). A norma segue sendo SVGA (Super Video Graphics Array).
O que é um ícone?
Sem se aprofundar no sentido simbólico da palavra, ícones são desenhos sintéticos que identificam
objetos ou funções em uma interface gráfica. Geralmente tem as seguintes especificações:
a) 1-bit ícones - ícones pretos e brancos simples
b) ícones 4-bit - 16 cores simples
c) ícones 8-bit -256 cores
d) ícones 16-bit - milhares das cores
e) ícones 32-bit - milhões das cores
f) nas medidas 16x16 pixels ou 32x32 pixels
O que é pixelart?
Basicamente é a técnica de desenhar através de pixels. Acredita-se que surgiu junto com os vídeo-
games, que utilizavam a técnica para suprir as deficiências na elaboração de imagens de melhor
qualidade.

Vamos à matéria que iniciará o ano com chave de ouro. Mas lembrando sempre que alguns dos
melhores Pixelarts do mundo possuem Tables de pelo menos 300 dólares, e aqui faremos na raça! E
iremos começar com um em 2D bem simples. Na próxima matéria de pixelart falaremos sobre 3D.

Descrição: Explicação passo a passo sobre pixelart


Software utilizado: Photoshop CS em Inglês
Grau de Dificuldade: 8,0
Ao som de: Chad Kroeger - Hero

1º Passo: Crie uma imagem com nome de "Caminhão" do tamanho de 150x80 pixels com 72 dpi de

189
resolução, em modo RBG. De cor de fundo (Background) branca.

2º Passo: Agora é importante ressaltar que precisamos alterar algumas coisas para uma pixelart boa,
por exemplo:
a) Precisamos usar a ferramenta Lápis (Pencil) e definir sua ponta com 1 pixel

b) A Ferramenta de Preenchimento (Fill) com tolerância 0 e Anti-aliased desligado


c) Siga o caminho abaixo para criar uma segunda visualização do documento que precisaremos mais
adiante

3º Passo: Com as devidas alterações vamos começar nossa arte. Só mais uma dica:
com a última alteração de criação da 2ª Janela, nosso pixel ficará mais fácil. Mas como assim? Varia de
acordo com o tamanho do monitor de cada usuário. No meu caso eu uso um monitor de 14 com uma
placa com saída para TV, e deixo as ferramentas e as paletas do PS sendo mostrados na TV e deixo o
monitor inteiramente a disposição do trabalho. Mas da forma que farei ficará com uma visualização mais
fácil.
Deixe a Janela esquerda com 300% de zoom e o da direita com 100 %.

4º Passo: Comece a traçar a borda do seu desenho. Em meu exemplo fiz um caminhão.

5º Passo: Sempre trocando a cor da ponta do lápis e tomando muito cuidado com detalhes, trace alguns
outros trechos do seu caminhão.

6º Passo: Defina uma cor a ser usada em seu desenho (Lembre que existem detalhes, como sombra e
posição da luz, que não podem ser ignorados).

Aqui com mais alguns detalhes.

190
Mas note que precisamos perceber cada ponto, mesmo sendo em pequeno estado já que faz muita
diferença.

Aqui eu chego em meu efeito final.

Na semana que vem iremos ver mais detalhes desse maravilhoso mundo. Mas desta vez alguns mais
usados na web. Pixelart em 3D.
Um grande abraço a todos, e espero que tenham gostado e sucesso nesse ano que se inicia!
Alguns trechos do texto são de autoria de Armando Fontes

BRINCANDO COM FOGO

Descrição: Explicação passo a passo de como deixar texto com aparência de fogo
Software ultilizado: Photoshop 7.0 em inglês
Grau de Dificuldade: 8,0
1º Passo: Crie uma imagem de 400x400 pxl e pressione "D" para as cores voltarem ao seu padrão.

2º Passo: Preencha com preto sua área criada para, logo mais, inserirmos o texto e darmos
continuidade ao efeito.

3º Passo: Clique na ferramenta "Horizontal Type Tool", inverta as cores de Cor Principal (Foreground
Color) e Cor de fundo (Back Ground) e digite algo do seu interesse em branco. Uma sugestão: as
configurações de tipo de fonte e tamanho que usei estão abaixo:

191
4º Passo: Vá em Image...Rotate Canvas...90ºCCW

Sua imagem ficará assim:

5º Passo: Vá em Filtros...Estilizar...Vento.

192
Ficará assim:

Repita o mesmo passo, pelo menos mais 3 vezes.

6º Passo: Nesse momento vá em Imagem (Image)...Rotacionar (Rotate)...90 CW

7º Passo: Vá em Filtros (Filter)...Movimento (Blur)...Movimento Gaussiano (Gaussian Blur)


e em seguinda, com a paleta de camada ativa, clique na Camada (layer) do texto e pressione CTRL+E
para mesclar as duas camadas (fundo e texto).

193
8º Passo: Nesse momento pressione CTRL+U e altere as configurações para: 23, 92,0 e "Colorize"

9º Passo: Duplique a camada e repita o 8º passo, mas altere seus valores para: 0, 62, 0 e duplique pela
terceira vez usando 58, 70, 0.

Assim teremos 3 camadas com cores diferentes.


10º Passo: Clique sobre a camada do meio (vermelha) e altere sua propriedade para "Color Burn" e sua
Opacidade para 20%. Na camada superior, deixe a propriedade como "Overlay" e sua opacidade com
60%.
11º Passo: Agora iremos dar a impressão de movimento. Vá em Filter... Liquify. E usando a ferramenta
Warp Tool, Pucker Tool e a Bloat Tool, altere sua posiçao como na figura abaixo:

Repita isso nas 3 camadas.

194
12º Passo: Com a ferramenta "Horizontal Type Tool", reescreva novamente, mas desta vez em preto

13º Passo: Vá em Layer...."Add Layer Mask...Reveal All" para adicionar uma máscara ao seu texto.
14º Passo: Usando a ferramenta "Gradient Tool", trace uma reta de cima para baixo, de acordo com as
configurações a seguir...

"Lembrando que a satisfação que teremos com a sombra criada na fonte, varia de acordo com a posição
que será traçada."

195
Efeito Final
Mais abaixo algumas artes usando o mesmo principio

RECUPERANDO FERRAMENTA PINCEL (HEALING BRUSH TOOL)


Grandes amigos! Essa semana iniciarei uma série de matérias sobre algumas ferramentas do Photoshop. Muita gente
tem dificuldade ou não tem a menor ideia para que servem determinadas ferramentas como, por exemplo, a "Ferramenta
Correção (Patch tool)".
Bom, começaremos com uma ferramenta bem fácil, e durante a explicação mostrarei alguns truques para um melhor
proveito.
Efeito "Explicação da Ferramenta: Recuperando Ferramenta Pincel(Healing Brush Tool)"
Descrição: Descrição da ferramenta com exemplo aplicado
Software ultilizado: Photoshop 7.0 em Inglês
Grau de Dificuldade: 6,0
1º Passo: Abra uma imagem qualquer e posicione do lado esquerdo.

2º Passo: Abra mais uma imagem e posicione ao lado direito (essa imagem será nossa textura)

3º Passo: Nesse momento aconselho a deixar a foto do lado esquerdo do mesmo tom de cor da foto do
lado direito, deixando assim uma coloração parecida. Clique sobre a ferramenta "Eyedropper tool".

196
Clique em algum ponto que represente as cores da imagem 2

4º Passo: Agora, clicando sobre a primeira foto, pressione "CTRL+U" e deixe as configurações como
no exemplo:

Suas imagens deveram ficar como abaixo.

5º Passo: Nesse momento, clique sobre a ferramenta "Healing Brush tool"

197
6º Passo: Segure o ALT e dê um clique simples sobre qualquer ponto da imagem 1 (esse ponto deverá
ser sobre a área que usaremos como efeito)

7º Passo: Nesse momento, clique em qualquer área da segunda imagem. Note que enquanto traça o
caminho da imagem, do lado esquerdo uma pequena cruz o acompanha sobre a área escolhida.

Tente percorrer o caminho escolhido acompanhando as duas imagens


Quando acabar note que sua imagem ficou "sobre" a segunda.

8º Passo: Clique em Ajuste (Adjustments), Image (imagem), Brilho e Contraste (Brightness/Contrast).

9º Passo: Vá em Filtros (Filter), Ruído (Noise), Adicionar Ruido (Add Noise)

198
COLORAÇÃO DE FOTOS

Descrição: Colorização de fotos em PB


Software ultilizado: Photoshop 6.0 em Português
Grau de Dificuldade: 5,5
1º Passo: Abra uma foto em Preto e Branco ( Se quiser fazer um teste com uma foto colorida, basta
depois de aberta pressione CTRL+U e deixe todos os 3 valores em Zero no Painel
(MATIZ/SATURAÇÃO).

2º Passo: Mude para RGB. Vá em Imagem > Modo> Cores RGB


3º Passo: Pressione "Q " para seu Photoshop entrar em "Editar em modo Mascara Rapida" ou clique no
botao abaixo.

4º Passo: Com a ferramenta "Pincel" (Brush) trace as areas que deseja mudar as cores. Repare que
sua área ficara vermelha.

199
5º Passo: Pressione "Q" novamente para voltar ao modo normal de seleção (Modo Padrão).

Repare que criara uma seleção em sua foto.


6º Passo: Pressione "SHIFT+CTRL+I" ou vá em Selecionar > Inverter

7º Passo: Crie uma nova camada, e usando a ferramenta Pincel, preencha novamente a seleção criada
como na figura:

200
8º Passo: Em seguida, vá sobre a paleta de Camadas (layers) e altere sua propriedade para Sobrepor
(Overlay). Após sobrepor, imagem final:

EFEITO "BOTÃO EM METAL"


Descrição: Criação de botões em Metal para uso na Web
Software utilizado: Photoshop 7.0 em Inglês
Grau de Dificuldade: 7,0
1º Passo: Crie uma imagem (de 72 DPIs) com o tamanho que quiser. Importante saber que o tamanho
influência em quantidade de botões ok? Eu usei 400 x 200 pixels.

2º Passo: Usando a ferramenta Rounded Tool (Não esqueça de mudar as opções de "corner Radius"
para um numero maior) com 60 px. Ficando assim mais arredondado.

Crie uma imagem como ao lado:

3º Passo: Clique na paleta de Camadas (Layers) e clique sobre o botão (layer style button) e altere
as configurações como abaixo:
201
Sombra Projetada(Drop Shadow) Brilho Interno(Inner Glow)

Chanfro e Entalhe(Bevel and Emboss)

Em Gloss Contour. Use as seguintes configurações:

Contorno(Contour)

em Contour use:

202
Saturação(Satin)

Cor de Sobreposição(Color Overlay)

Esse deverá ser o resultado final:

SCAN LINE
Descrição: Utilização de um efeito como de TV
Software ultilizado: Photoshop 6.0 em Português
Grau de Dificuldade: 4,5
1º Passo: Abra uma imagem qualquer que servirá de base para usarmos o efeito:

2º Passo: Agora crie uma imagem de 5 x 5 Pixels

203
Assim criaremos um arquivo bem pequeno

3º Passo: Segure a tecla ' CTRL ' e pressione ' + ' para podermos aproximar o arquivo (note que cada
vez pressionado, mais próximo ficará)

4º Passo: Usando a ferramente "Brush", faça uma marca em nossa área

5º Passo: Vá na barra de Menu na opção "Selecionar" (Select)..."Tudo" (All) para selecionarmos a


imagem toda

6º Passo: Nesse momento vá em na Opção "Editar" (Edit), "Definir Padrão" (Define Patern)
7 º Passo: Nesse momento, volte a magem que deseja colocar o efeito, e crie uma nova camada. Em
seguida, vá em "Editar" (Edit) "Preencher" ( Fill )

204
8º Passo: Agora, na janela "Camada" (Layer), altere a propriedade de mesclagem para Sobrepor e sua
opacidade para 20% Assim ficará nossa imagem

PEN TOOL

Sendo assim, ensinarei a lidar com a Ferramenta "PEN TOOL" usando algumas fontes. Em seguinda
poderemos criar um Logo ou brush personalizado. Mas como é uma ferramenta que requer um pouco de
habilidade, iremos nos dedicar a aprender a opção "PATH" e iremos começar a trabalhar e a entender a
ultilização da ferramenta PEN.
Aqui vai uma previa retirada do próprio HELP do Photoshop.
"A ferramenta caneta de forma livre permite desenhar como se desenha com um lápis em um papel. Pontos de
ancoragem são adicionados automaticamente à medida que você desenha. Não é possível definir o local em que os
pontos são posicionados, mas é possível ajustá-los depois de completar o demarcador.
A caneta magnética é uma opção da ferramenta de forma livre que permite desenhar um demarcador que se ajusta às
arestas de áreas definidas na imagem. É possível definir a escala e a sensibilidade do comportamento de ajuste, bem
como a complexidade do demarcador resultante. As ferramentas caneta magnética e laço magnético compartilham várias
opções em comum."
Então vamos lá:

Ferramenta "PEN TOOL"


Descrição: Utilização de uma ferramenta
Software ultilizado: Photoshop 7.0 em Inglês
Grau de Dificuldade: 7,5
1º Passo: Crie uma imagem de 400x400 pxls (o fundo é irrelevante)
2º Passo: Usando a ferramente "TYPE TOOL", escreva o nome desejado. Eu usarei apenas duas letras
para criação de um logo.

205
3º Passo: Vá na paleta das camadas e a transforme em um Bitmap usando o botão Direito do mouse,
como na figura abaixo.

..
4º Passo: Nesse momento, dê um CTRL + CLIQUE sobre a camada de texto, para criar uma seleção.

5º Passo: Clique sobre a ferramenta "RECTANGULAR MARQUEE TOOL" e em seguinda, com o botão
Direito, vá na oção 'Make Work Path'
Como na imagem abaixo...

206
6º Passo: Clique sobre a ferramenta "DIRECT SELECTION TOOL " e clique sobre a letra
correspondente...

7º Passo: Em seguida, clique sobre cada quadro (que se localiza em cada estremidade da Fonte,
perceba na figura acima) e arraste, alterando assim a posição dos pontos...

8º Passo: Após concluir toda a alteração nas fontes, vamos alterá-la com seus pontos e transformar em
um logo.
Então ao termino, clique om o botão direito do mouse e vá na opção "CREATE VECTOR MASK"

9º Passo: Em seguida, repita a ação, mas desta vez sobre a ferramenta 'FILL SUB PATH"

207
Altere as configrações como na figura abaixo...

10º Passo: Em seguinda, repeti a mesma ação sobre a outra letra...

Agora é só usar a criatividade...

208
PINCEL ou BRUSH
Descrição: Utilização completa de uma importante ferramenta
Software ultilizado: Photoshop 6.0 em português
Grau de Dificuldade: 5,5
Antes de tudo, uma breve introdução a respeito da ferramenta:
O que são brushes?
São imagens em preto, branco e tons de cinza que podem ser "carimbadas" e transformadas em trabalhos gráficos ..
Poderemos assim usar qualquer imagem como carimbo.
Onde descompactar?
Quando copiar qualquer brush da internet, tenha cuidado de descompactar na pasta correta
C:Arquivos de programasAdobePhotoshop 6.0PredefiniçõesPincéis
Lembrando que os arquivos de Pinceis(Brushes) tem extensões *.ABR
Agora que já sabemos o que significa, vamos por a mão na massa. Mostraremos nesta matéria duas formas de se ultilizar
pincéis. Vamos ao primeiro:
Pincel Personalizado (Transformando imagens em pincéis no Photoshop)
Podemos transformar praticamente qualquer imagem em pincéis do Photoshop e depois usá-las como um carimbo digital
para assinar nossos trabalhos.
1º Passo: Pressione a letra "D" do teclado para acionar as cores Padrõs (Defaut), ou seja: Preta para cima (Foreground)
e Branca para baixo (Background).
2º Passo: Desenhe ou escaneie seu Logotipo e abra-o no Photoshop (pode ser qualquer outro desenho ou foto). No
exemplo abaixo usei meu logotipo:

3º Passo: Vamos selecionar a imagem inteira: Selecionar (Select)...Tudo (all)


4º Passo: Vá em Editar (Edit)...Definir Pincel (Define Brush)
5ºPasso: Nesse momento aparecerá uma tela de salvamento como mostrado abaixo:

6º Passo: Selecione a ferramenta Pincel na Caixa de Ferramentas e depois selecione na Paleta


Pincéis(Brushes) a nova "ponta de pincel" que você acabou de criar e clique sobre a imagem que deseja
adicionar seu logo.

209
**Obs: Caso queira eliminar o Brush recém criado, basta abrir o menu da Paleta Brushes (na seta
lateral) e clicar em Reset Brushes.
Agora vamos a outra utilidade dos Brushes
1º Passo: Crie uma nova camada e em seguida crie uma forma geométrica simples usando a
ferramenta Laço Poligonal (o tamanho fica a critério).

2º Passo: Usando a ferramenta "Lata de Tinta" preencha com uma cor qualquer (de preferência escura)
3º Passo: Em seguida va no menu Selecionar (Select) Modificar(Modify)...Redução e altere para 2,0

4º Passo: Vá em Selecionar (Selection)...Tudo (all)


5º Passo: Editar (Editar)...Definir Pincel (Define Brushe)
6º Passo: Nesse momento clique sobre a ferramenta Pincel (Brush). Em seguida, mantendo o botão
pressionado, escolha outra opção de Pincel. No caso, a opção que acabamos de criar
7º Passo: Clique duas vezes sobre a opção do Brush e escolha espaçamento 5%
Use sua imaginação.

Esta imagem foi retirada do meu site pessoal. Abraço amigos, e até a próxima!

210
PINCEL BRUSH PARTE 02

Descrição: Utilização completa de uma importante ferramenta


Software ultilizado: Photoshop 6.0 em português
Grau de Dificuldade: 5,5
1º Passo: Crie uma nova imagem de 400x400 pxls com o fundo branco e em seguida pressione "D"
para as cores voltarem ao padrão.
2ºPasso: Clique sobre a ferramenta pincel e em seguida na barra de propriedades. Altere seu formato e
espaçamento como na configuração abaixo.

3º Passo: Clique sobre a ferramenta "Marcação Eliptica"

e faça um circulo como na figura abaixo.

211
4º Passo: Pressione o botao direito, vá em "Criar Demarcador de Trabalho" e deixe com 2,0 Pixels.

5º Passo: Nesse momento, clique na "Ferramenta Caneta" e pressione o botão direito. Vá em "Traçar
Demarcador" e depois na opção "PINCEL".
Pronto! Agora so usar a criatividade.

Vamos falar agora sobre modelos de brushes prontos e personalizado:


Bom, como citei na materia passada; um brush poderá fazer a diferença ou mudar totalmente o sentido
de um trabalho. Por exemplo, veja alguns trabalhos criados com a ajuda de brushes:

212
EFEITO DE FUNDO

Descrição: Efeito de fundo usando um redemoinho com saturação


Software ultilizado: Photoshop 6.0 em português (Funciona no 7.0)
Grau de Dificuldade: 7,5
Vamos lá!
1º Passo: Crie um novo arquivo com 500x500 pixels (o tamanho não importa, já que ao final iremos
recortá-lo)
2º Passo: Faça uma nova camada e a preencha de preto (#000000)
3ºPasso: Vá em Filtros (Filters)...Acabamento(Render)...Reflexo de Flash (Lens Flares)...Opção: First
50-300mm Zoom.

4º Passo: Adicione novamente, mas dessa vez 105mm Prime

5º Passo: Vá em Imagem(Image)...Ajustes(Adjustsments)...Brilho e Contraste(Brightness/Contrast) -


Brilho: +80

213
6º Passo: Agora vá em Filtros(Filter)...Distorção(Distort)...Redemoinho (Twirl). Altere para Ângulo:800.

7º Passo: Vá em Filtro (Filter)...Artístico(Artistic)...Plastificação(Plastic Wrap). Use as modificações:

Ficará assim:

214
8º Passo: Vá em Filtro(Filter)...Distorção(Distort)...Coordenadas Polares(Polar Coordinates) - Polar to
Rectangular.
Depois vá em Editar(Edit)...Atenuar Coordenadas Polares (Fade Polar Coordinates) e use 95%

9º Passo: Nesse momento pressione CTRL+U e coloque os valores a seguir.

Amigos, o efeito resolvido já e o suficiente para elaborar algum fundo, mas apartir desse ponto vou
explicar o que fizemos em nosso efeito final.
10º Passo: Duplique a camada e pressione CTRL+T para rotacionar a imagem. Vire 180º e altere sua
propriedade para Sobrepor(Overlay) na paleta de camadas (layers)

215
Assim ficou minha imagem:

Agora vamos aos retoques!


11º Passo: Adicionei uma camada com uma textura como Scan Line(veja a coluna sobre texturas que
consta no menu das matérias anteriores ao final desta coluna)
12º Passo: Usando a ultima materia (HALF TONE), inserimos uma borda e escrevemos algumas coisas
com a fonte "7 Days". Em seguida adicionamos o movimento usando o Image Ready*

EFEITO MEIO TOM DE CINZA "HALF TONE "

Descrição: Efeito de acrescentar algumas elipses ao redor de uma imagem como uma borda.
Software ultilizado: Photoshop 6.0 em português( Funciona inclusive no 7.0, ja testado)
Grau de Dificuldade: 6,0
Bom, o primeiro será HALF TONE (Meio tons de Cinza)
Half Tone? O que é isso?
Irei usar uma prévia do Help do Photoshop
"Simula o efeito de uma tela de meio-tom ampliada em cada canal da imagem, nos quais o filtro a divide
em retângulos, substituídos por círculos proporcionais ao brilho do retângulo."
Então agora ficará mais fácil
1º Passo: Crie uma imagem 400x400, Pressione "SHIFT+D" para as cores voltar as padrões. Em
seguida, preencha a camada "Layer" com a sua cor principal "Foreground" ou seja....Preto

216
2º Passo: Crie uma nova Camada "layer" . Em seguida, com a ferramente Marquee , faça uma
seleção que quase cubra sua imagem.
**Note que nesse ponto você estara definindo praticamente a area de efeito Half Tone

3º Passo: Nesse momento pressione o botão Mascara Rápida...

Repare que sua imagem ficara com uma "borda" Vermelha

4º Passo: Vá em Filtro "Filter" ...Pixelização "Pixelate"...Meio Tom em Cinza "Color Half Tone"......
e coloque os valores a seguir:

217
5º Passo: Retorne para o modo de Edição de Imagem Padrão

6º Passo: Pressione: "CTRL+SHIFT+I" para inverter a seleção

7º Passo: Usando a ferramenta de preenchimento...

...preencha a camada seleciona na cor que preferir.

Lembrando para algumas pessoas: para trocar a cor Principal " Foreground" e a cor de fundo "
Background", use essas ferramentas...

218
Agora algumas Web Arts usando esse efeito, inspirem-se e Boa Sorte!

EFEITO MATRIX
1º Passo: Crie uma imagem de 300x350, com Branco de cor de Fundo (Backgroud)

2ºPasso : Vá em Filtro (Filter)...Textura (Texture)...Granulado(Grain)... e altere seus valores para :


Intensity 100; Contrast 100; Grain Type = Vertical.

219
3º Passo: Mude a cor Principal para um Verde Claro e a cor de fundo para Preto. Agora vá em
Filtro(Filter)...Artistico(Artistic)...Neon(Neon Glow) e altere as propriedes as seguir: Glow Size = 5; Glow
Brightness = 15, em Glow Color selecione um verde um pouco mais escuro que Foreground
4º Passo: Nesse momento vá em Filtro(Filter)...Estilização (Stylise)... Arestas Brilhantes (Glowing
Edges) .E entre com os seguintes valores: Edge Width = 1; Edge Brightness = 15; Smoothness = 1.

Seu trabalho Final depende do tamanho inicial da imagem

SPLASH TEXTURE
Olá amigos tudo bom?
Vamos então dar continuidade a nossa série sobre Texturas.
Hoje faremos uma textura muito pedida por e-mail: Splash Texture! Saiba que esse é um efeito simples
de água. Para se tornar uma textura, é so selecionar o layer do efeito e Definir como padrão. Para
maiores informações, veja minha matéria sobre Definições.
1º Passo: Abra uma imagem qualquer e em seguida crie uma nova camada (layer)

220
2º Passo: Com o botão direito, clique na ferramenta "Retângulo" (Rectangle Tool) e escolha a opção
"Ferramenta Elipse" (Ellipse Tool), nesse momento faça pequenas elipses curvas em seu desenho

3º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, retorne a ferramenta "Seleção Direta" (Direct
Selection Tool) para "Ferramenta Seleção de Componentes de Demarcador"(Path Selection Tool) . Com
a seta correta, clique e arraste sobre seu desenho, selecionando todas as gotas, como na figura.

221
5º Passo: Nesse momento vá em "Filtro"(Filter)..."Desfoque" (Blur)..."Desfoque Gausiano" (Gaussian
Blur), use 2 pixels e pressione Ok. Aparecerá uma mensagem perguntando se você deseja converter
sua camada. Pressione OK.
6ºPasso: Agora va em "Camada" (Layer)... "Estilo de Camada" (Layer Style)... e use as alterações
asseguir. "Sombra Projetada" (Drop Shadow)

"Sombra Interna" (Inner Shadow)

"Chanfro e Entalhe" (Bevel and Emboss)

"Contorno" (Contour)

"Acentinado" (Satin)

Sua imagem deverá ficar assim.

222
TEXTURA AÇO

1º Passo: Crie uma imagem de 400x400. Deixe suas cores primárias e secundárias
(foreground/background) padões, ou seja, preto e branco. Apenas mantenha pressionado o Shift e
pressione´D´.

2º Passo: Vá até a opção "Filtro"(filter) na barra de menu. Em seguida "Render"..."Clouds"

3º Passo: Agora em filtro "Filter"..."Ruído" (noise)..."Adicionar Ruído" (add noise).

223
Sua imagem deverá ficar assim:

4º Passo: Clique em "Filtro" (filter)... "Movimento" (blur)...(motion blur).


Use as configurações a seguir:

224
Agora que ja temos criada a textura, vamos aprender a usá-la.
Escreva um texto. Na paleta de Camadas (layers) mova a camada do texto para baixo.

Nesse momento, clique sobre a camada que contém a textura. Em seguida pressione "CTRL +G"

Agora existe uma forma de deixar disponível sua textura...


Selecione a textura por completo. Clique em "Seleção" (selection)..."Tudo" (all) .
Em seguida vá em "Editar" (edit)..."Definir Padrão" (define pattern). Nesse momento, dê um nome à sua
textura.
Quando quiser ultilizá-la, crie uma camada para sua textura. Vá em "Editar" (edit)..."Preenchimento" (fill).
Como expliquei na matéria passada, clique sobre modos e escolha sua textura padrão.
Lembrando que não precisamos utilizar essa textura apenas com textos. Abaixo podemos ver vários
exemplos de onde poderiamos usá-la.

TEXTURAS

1º Passo: O primeiro passo é importantíssimo pois depende muito do gosto de cada um. Inclusive no
tamanho da textura ok?! . Então temos que criar a textura. Crie uma imagem de uns 15 x 15
Por exemplo: a segunda textura mais abaixo, repare que a criei com tamanho de 5x5
2º Passo: Agora a parte principal. A criação da textura. Preparem-se porque neste ponto talvez você
tenha de refazê-lo umas 5 ou 6 vezes, já que até chegar no efeito desejado é complicado.
Com a micro imagem criada, temos que ampliá-la para podermos trabalhar . Pressione o Control mais o
sinal positivo(CTRL+ +) Cada vez que fizer será ampliado o zoom do seu desenho. Ah por curiosidade, o
CTRL+ - Tem a função de afastar o zoom ok? Usando a ferramenta Brush ou Rectangle Tool crie alguns
traços, retângulos ou quadrados em seu micro desenho.

225
Saiba que esse ponto é o mais importante, se necessário refaça-o várias vezes até o efeito
desejado ok

Minha textura ficou assim....

3º Passo: Agora vá em "Seleção" (select)..."Tudo" (all) ou apenas pressione ´CTRL + A´


Agora vá em "Editar" (edit)...."Definir Padrão" (define pattern). Agora de um nome ao seu padrão.
4º Passo: Nesse ponto abra sua foto ou desenho onde deseja inserir a textura
Nesse momento usando ferramentas como "Varinha Mágica" (wandy tool), "Lata de Tinta" (painted
bucked) eu colori meu desenho e em alguns pontos usei texturas como na ilustração. Em seguida reduzi
o preenchimento para 40%

226
5º Passo: Agora escolha a ferramenta "Varinha Mágica" (magic wand tool) e selecione o ponto
onde será inserido o preenchimento. Adicione um novo layer. Agora vá em "Editar" (edit)
..."Preenchimento" (fill). Repita essa ação, toda vez que precisar usá-lo.

A textura usada na calça chama-se Scan Line.


Scan Line

227
1º Passo: Crie uma imagem de 5x5 pixels

2º Passo: Faça um traço na metade da imagem.


Repita o processo de seleção nos primeiros passos, para salvar esse modelo padrão.

Agora ficou fácil, espero que não tenham restado dúvidas de como usá-lo.
Lembrando sempre que devemos selecionar a parte onde queremos usar a textura e criar uma camada
separada
Já o filtro Reticulação, faça o seguinte:
1º Passo: Selecione a área do desenho onde deseja usar o efeito (no meu caso selecionei e deletei o
fundo do meu desenho)
2º Passo: Agora crie uma camada só para esse efeito OK? (eu criei uma camada para o fundo)
3º Passo: Preencha essa seleção com uma cor qualquer ou com um efeito ex. Nuvens)
4º Passo: Nesse momento vá em "Filtro" (filter)..."Croqui" (sketch)..."Reticulação" (reticulation).
Usei os valores a seguir:

Bom agora use a imaginação como quiser!

228
ALIEN STYLE
Olá pessoal, na matéria dessa semana vou mostrar como você pode criar um efeito de texto conhecido
como Alien Style
1º Passo: Crie uma imagem de 300 x 300 pixels

2º Passo: Escolha as cores #000000 como(background) e a cor #9CFF00 como foreground


3º Passo: Agora preencha a Camada usando a cor de background . Vá em Edit ......Fill ......Background
e aperte OK.
4º Passo: Agora selecione a ferramenta ´type tool´ and choose the Type Mask Layer nas outras opções
de texto da ferramenta , em seguida escreva algo do seu interesse.

5º Passo: Agora vá em Edit ......Fill ......Foreground e aperte OK

6º Passo: Agora vá em Select ......Feather......... 2 pixels


7º Passo: Agora vá em Filter .....Blur .....Radial Blur ......escolha as opções 100.... Zoom e Best
8º Passo: Repita o efeito mais uma vez pressionando ´CTRL+F ´
9º Passo: Escolha Select....Invert ou pressione ´SHIFT+CTRL+I´
10º Passo: Pressione ´CTRL+F´
11º Passo: Para o final vá em ´Layer´ .....´Flatten Image´
Sua imagem deverá ficar assim....

229
BLUE STEEL
1º Passo: Crie uma imagem de um tamanho qualquer suficiente para caber seu texto
*Obs: A cor não Importa nesse ponto ok?!

2º Passo: Agora vá em Camadas(Layers) .........Estilo de Camada (Layer Style) e selecione a opção


Sombra Projetada ( Drop Shadow) e deize as opções como na imagem.

Chanfro e Entalhe ( Bevel and Emboss )

230
Contorno (Contour)

Cor de Sobreposição ( Color Overlay)

Sobreposição Padrão (Patern Overlay)

Aqui como ficará seu resultado final

Aqui depois de alguns retoques


TEXTOS CROMADOS
Bom Hoje escolhi lhes ensinar um efeito um pouco complexo mas muito interessante. Muitas pessoas
me perguntam se existe um meio de se fazer textos cromados....Então vamos conhecer esse efeito

1º Passo: Crie uma imagem 400x400 pixels ou de um


tamanho suficiente que possa caber seu texto.. Selecione a
ferramenta de texto (HorizontalType Tool (T)) e escolha o
tamanho da sua fonte. Escolha também seu tipo de fonte,
mas saiba que o efeito será melhor aproveitado em fontes
mais grossas ou em Negrito. Vamos trabalhar com um
tamanho grande de fonte depois nos a reparamos ok?
Escreva uma Letra qualquer usando como cor ( Foreground )
(# 8A8A8A)

231
2º Passo: Agora vá em Camada (Layer)... Estilo da Camada (Layer Style)...Chanfro e Entalhe (Bevel
and Emboss)... e altere as configurações como na imagem a seguir

Sua imagem deverá ficar assim

3º Passo: Vá na Paleta de Camadas e click na Camada Backgroud, crie uma nova camada e click na
Camada do Texto. Agora va em Camada (Layer)...Merge Down (Ctrl+E).Vá em imagens (Image) ....
Ajuste (Adjust)... Curvas (Curves) ou pressione (Ctrl+M). Faça essas mudanças :

4º Passo: Agora em Imagem (Image)....Ajustações(Adjustents) ...Variações (Variations)


Aplique a alteração asseguir e clique sobre Original então adicione mais Azul (More Blue) e então mais
verde (More Green.)

5º Passo: Mais uma vez vá em imagens (Image) .... Ajuste (Adjust)... Curvas (Curves) (Ctrl+M). Faça as
mudanças a seguir

232
6º Passo: Agora vá em Camada (Layer).....Estilo de Camada (Layer Style)....Sombra Projetada (Drop
Shadow)... Mantenha os valores padrões e clique em Brilho Interno. Coloque os valores asseguir:

Chanfro e Entalhe (Bevel and Emboss)

7º Passo: Vá na Paleta de Camadas e de um ´ Ctrl+click ´ sobre a camada de texto. Agora vá em


Seleção (Select)...Midificação (Modify) ....Redução (Contract)... Coloque 3 como valor e faça (Alt+Ctrl+D)
, coloque 2 para seu valor.
Vá na Paleta de Camadas clique no botão para criar um novo preenchimento ou Ajuste de Camada ,
escolha Mapa de Gradiente (Gradient Map)... Use o gradiente aseguir :

Em seguida finalmente altere a propriedade da Imagem para Sobrepor (Overlay)

233
Por ultimo de quiser dar uns retoques, clique sobre a Camada do texto e altere o Chanfro e Entalhe (
Bevel and Emboss) deixe como quiser.

BOTÕES DE PLASTICO OU GEL


Esse efeito vai para web designers que desejam criar seu próprio botão.
Existe coisa pior que alguém visitar seu site e dizer:
Nossa esse botão é um daqueles padrões do Dream Weaver?? hehehe não né. Então vamos lá criar
nosso próprio botão.
1º Passo: Crie uma nova imagem 400x400 px com Branco de Background.

2º Passo: Com a ferramenta ´Rectangle Marque desenhe seu retângulo.


Procure usar o mesmo tamanho que o meu desenho

3º Passo: Clique na aba Channels e adicione um novo o (Alpha 1) e preencha sua seleção com Branco.
Nesse momento ja pode deselecionar o retangulo (CTRL+D).
4ºPasso: Vá em Fíltros (Filter)...Movimento Gaussiano (Gaussian Blur)... e altere o seu valor para 9,0

234
5º Passo: Agora vá em Imagem (Image)...Ajuste (Adjust)...Níveis (Levels).
Faça as alterações como na figura e click em Ok

6º Passo: Agora segure a tecla CTRL e clique sobre o "Alpha 1" . Agora volte a paleta de Camadas
(Layers) Adicione uma nova camada. Em seguida a preencha com ver claro.
Descrição : R:39 , G:195 , B:134.
Sua imagem deverá ficar como a minha:

7º Passo: Agora com a imagem selecionada clique no Layer 2 e mova um pouco para cima
como na minha figura...

235
...agora Pressione e segura as teclas ALT + CTRL, e clique em ´Alpha 1´.
Sua seleção deverá ficar como a minha

8º Passo: Segure a tecla SHIFT e mova sua seleção um pouco para baixo...

...agora crie uma nova camada (Layer). Pressione D e então X, para alterar seu padrão de cor.
9º Passo: Escolha a ferramenta Gradiente (Gradient Tool) e altere suas opções para "foreground to
transparent" .

10º Passo: Agora trace a ferramenta como na figura:

11º Passo: Bom agora CTRL+D para sair da seleção. Agora duplique a camada (Layer) e vá em Editar
(Edit)...Transformar (Transform)...Ratacionar 180 (Rotate 180) ou pressione CTRL + T .
Agora mova a camada duplicada para parte debaixo do botão. E altere a opção da Camada para o modo
Sobrepor "Overlay" e altere também sua opacidade para ´65´. Agora clique na Camada de Copia e vá
em
Filtros (Filter)...Movimento (Blur)... Movimento Gausiano (Gaussian Blur).... e entre com o valor 6,0 .
Finalmente click em Ok.

236
12º Passo: Agora vá em Camada (Layer), Estilo de Camada (Layer Style). Agora em Sombra Projetada
(Drop Shadow) e coloque os seguintes valores...

Aqui o efeito final, se desejado adicione um texto sobre o botão

Aqui alguns outros tipo de botão feitos por esse mesmo modo

237
FATIAMENTO DE IMAGENS
1º Passo: Abra uma imagem que deseja fazer o efeito. ( No meu caso abri uma imagem que fiz para um
site de um projeto de uns amigos)

2º Passo: Duplique a imagem e apague o layer " Background "


3º Passo: Clique na ferramenta ´ Slice Tool ´

4º Passo: Recorte sua imagem em alguns pontos ( dependendo do tamanho da Imagem, recorta-la 3
vezes é uma boa opção )

238
5º Passo: Agora vá em File.... Save for Web...

6º Passo: Do lado direito em Settings: Existem muitas opções... entre elas a opção de escolher que
extensão será salva a sua imagem recortada, o numero de cores, se será para os computadores da
apple, se terá transparencia....enfim são muitas. Caso alguem tenha duvida em alguma ferramenta em
que eu não tenha explicado ou em qualquer ponto deste tutorial é so me mandar um email ou me
adicionar no icq ok?! ( icq : 57510830)
7º Passo: Bom agora é so abrir a pagina em que o PS criou e edita-la . Note que sua imagem foi
recortada em três partes.

FERRAMENTA LIQUIFY
O Comando Liquify está disponível para imagens de 8 bits, nos modos RGB Color, CMYK Color, Lab
Color e Grayscale.
1º Passo: No Photoshop 7.0, vá na opção Filter.....Liquidy ( no PS 6.0 fica na Opção Image )
Bom agora vou explicar algumas ferramentas passo a passo ok
Warp Tool Empurra pixels na direção do arraste da ferramenta
(Fazer girar no sentido horário) - rotaciona os pixels abrangidos
Twirl Clockwise tool
pelo pincel (brush) no sentido horário.
Twirl Counterclockwise (Fazer girar no sentido anti-horário) - Rotaciona pixels no sentido
tool anti-horário
Pucker Tool( Enrugar) Move os pixels abrangidos, em direção ao contro da área do brush
Bloat Tool (Inchar) Move os pixels na direção oposta ao centro da área do Brush
Shift Tool (Transferir) Move os Pixels perpendicularmente em relação à direção da
239
pincelada.
Reflection Tool Copia pixels para a área compreendida pelo brush, criando um
(Reflexo) efeito similar à reflexão na água.
Reconstrutict Tool +ermite reverter os efeitos realizados na imagem. No medu Mode (
(Reconstruir) à esquerda do dialogo) é oissivel escolher o modo de reconstrução
Freeze Tool ( Congelar) Utilizada para proteger áreas que não deverão sofrer modificações
Thaw Tool Utilizada para descongelar áreas prviamente congeladas, tornando-
(Descongelar) as editaveis

BORDA ARREDONDADA
1º Passo: Bom quero lembrar que existem diversas formas de se fazer uma borda arredondada. Essa é
uma delas ok? Na minha opinião a mais facil e na próxima matéria sobre fotos publicarei mais
formas...bom vamos lá
Abra uma foto e selecione a aréa que deseja o efeito arredondado, como as bordas

2º Passo:Va na barra de Menu e escolha a opção Suavização (Smooth) Use 6 como valor do
arredondamento. Dê CTRL+SHIFT+I e delete a área de fundo...

Se quiser ao final adicione uma textura ou altere sua cor ...CTRL+U

240
Agora outro efeito que vai em especial para aquelas pessoas que me mandam email perguntando como
se retirar o fundo de uma imagem de um modo facil e sem usar a Ferramenta de seleção ´Magic Wand
Tool´
1º Passo: Bom abra a imagem desejada. ( Os caminhos vão depender muito da versão do PS que você
usa, ja que os caminhos do 6.0 para o 7.0 mudaram)

2ºPasso: No Photoshop 7.0 Vá em Filter..... Extract. No PS. 6.0 essa Ferramenta fica na Opção
Imagens na Barra de Menu
3ºPasso: Selecione a Ferramenta Edge Highlighter, a esquerda da caixa. Em tool Options, configure a
ferramenta, alterando o tamanho do Pincel ´8´ Brush Size). Escolha uma cor de Highlight que contraste
com a imagem.
4ºPasso: Pinte o contorno do objeto que será extraído do fundo, mantendo o botão esquerdo do mouse
pressionado. Utilize a ferramenta Eraser para efetuar algumas correções necessárias no contorno.
Selecione Smart Highlighting para obter um contorno mais preciso.

Quando terminar de desenhar o contorno, selecione a ferramenta Fill. Clique sobre a figura que será
extraída, para preenchê-la
5ºPasso: Clique em Preview para verificar se obteve o resultado desejado. Você poderá usar as
ferramentas Clean Up (Limpeza) e Edge Touch Up ( Retoque das bordas) para dar alguns retoques à
imagem, caso necessario.
Clique Ok para confirmar a ação, extraindo a figura da imagem.

241
*Obs: Se quiser extrair um objeto de uma cor só, selecione a opção Force Foreground. Assim, irá
habilitar a ferramenta Eyedropper (Conta-Gotas), e com ela selecionar a cor que quer extrair.
Na proxima semana explicarei Tudo sobre Canais
**Essa matéria é dedicada a Maria de Fatima( minha tia que está na foto) falecida a 3 meses.

TEXTO EXPLODINDO NO PHOTOSHOP


A união de alguns recursos oferecidos pelo Adobe Photoshop é usado para criar efeitos incríveis e
poucos usados no cotidiano.
» Crie um novo arquivo com o tamanho de 500x300 pixels
» Escreva o texto WEB, como mostra a figura abaixo:

» Depois vá em Camada>Converter em Bitmap>Todas as Camadas


» Em seguida, vá até a paleta Camadas, e duplique a camada onde você escreveu o texto
» Clique na layer em que você acabou de criar e preencha-a com a cor branca e no Modo Multiplicação,
veja a figura abaixo:

» Aplique o filtro Desfoque gaussiano(Filtros>Desfoque>Desfoque Gaussiano) com o raio de 6,2 pixels ,


agora todos os filtros serão aplicados na camada em que você duplicou.

242
» Vá em Filtros>Distorção>Coordenadas Polares e use a opção Polar para retangular, veja a figura:

» Logo após vá em Imagem>Rotacionar tela de pintura>90° Horário


» Feito isto, aplique o filtro Vento(Filtros>Estilização>Vento), veja a figura abaixo:

» Aplique o mesmo filtro acima mais uma vez


» Vá em Imagem>Ajustar>Níveis automáticos
» Vá em Imagem>Ajustar>Inverter
» Vá em Filtro>Estilização>Vento
» Aplique o mesmo acima mais uma vez
» Vá em Imagem>Rotaciolnar tela de pintura>90º Anti-horário
» Vá em Filtro>Distorção>Coordenadas polares e escolha a opção Retangular para polar, como mostra
a figura abaixo:

243
» Ajuste o menu pop down da Camada duplicada para Luz direta.Veja a figura:

» Vá em Imagem>Ajustar>Matiz/Saturação, marque a caixa Colorir, e preencha os dados como mostra a


figura:

» Resultado:

244
PLANETA ÁGUA

Passo 1:
Crie uma camada com 500 x 500 pixels

Passo 2:
Vamos agora criar um degrade, que puxe de um azul mais escuro para um azul mais claro:

Passo 3:
Vamos aplicar esse degrade ao nosso documento: então vamos posicionar o mouse e puxarmos como a
imagem a seguir:

a imagem será essa:

Passo 4:
Feito o degrade de acordo com a imagem, vamos agora criar uma camada nova e utilizarmos a
ferramenta Elliptical Marquee Tool:

245
Segurando o Shift, vamos criar uma seleção como a imagem a seguir e pintarmos ela de preto:

Passo 5:
Feito a seleção e a bola já pintada, vamos retirar a seleção (ctrl d). A próxima etapa séra no Blending
Options:

Dentro do Blending Options, vamos deixar marcado essas propriedades:

Passo 6:
Dentro da janela do Blending Options, vá na opção ao lado Outer Glow e configure como a imagem.
Obs: colocamos a cor do brilho como branca.

246
Passo 7:
Na mesma janela, sem você fechar, vamos aplicar um brilho interno, o Inner Glow, e configuramos a
seguir:

Passo 8:
Com nossa bola já feita, vamos aplicar um efeito de luz. Seria o Lens Flare: Filter -> Render -> Lens
Flare: e aplicamos como a seguir: posicione a luz na parte superior da bola como mostra a imagem e
damos ok..

A imagem ficará assim:

Passo 9:
Para finalizarmos e aplicarmos o efeito final, vamos aplicar uma máscara, ou melhor, uma Layer Mask.

247
Volte ao degrade, e vamos utilizar o degrade padrão, do preto para o branco, como a imagem a seguir:

Posicione o mouse como na imagem e vamos puxá-lo:

Nossa imagem final ficará assim:

Com algumas modificações:

Bem pessoal, espero que tenham gostado. Abraços e até a próxima!

248

You might also like