Escolar Documentos
Profissional Documentos
Cultura Documentos
diminuir os quadradinhos e ter uma preciso maior ainda. E segurando o Alt, voc tambm
troca o boto Cancel por Reset.
18. Clicando no boto de tringulo 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 traar uma linha reta, ou fazer um quadrado com dimenses
iguais, ou um crculo 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 espao 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+Espao pra aumentar
e Alt+Espao para diminuir. Clicando com o boto do mouse depois.
5. Apertando Ctrl+Mais (+) voc aumenta o zoom direto, e Ctrl+Menos (-) voc diminui o
zoom direto tambm. 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 diferenas 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 informaes
(Info) aparecer as configuraes 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
configuraes dele para a padro.
9. Para aumentar ou diminuir o tamanho de uma brush (pincel - B) use os colchetes [ e ] .
(Muito til tambm!)
10. Para escolher o tamanho da caixa de dilogo 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 configuraes aperte Ctrl+F (Filter "
Last Filter). E Alt+Ctrl+F para escolher novas configuraes 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 configurao dessa figura. Para voltar
ultima configurao simplesmente segure o Alt. Ou Alt " File " New, ou Alt+Ctrl+N.
3. Aperte Ctrl+Shift+Z e Ctrl+Alt+Z para voltar ou avanar 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 opo Fill (Edit "
Fill). Dica: Use Alt+Shift+Backspace e Ctrl+Shift+Backspace para preencher somente a
parte onde tem pixels, preservando a transparncia, 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 transformao aperte Ctrl+Shift+T (Edit " Transform " Again).
E reaplique a ltima transformao numa duplicata apertando Ctrl+Alt+Shift+T. (Cuidado
pra no 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 vrias 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 aparea as
preferncias de disco antes de entrar no programa.
9. Pra tornar as preferncias 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 boto 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 ao (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 seleo:
1. Como j foi sito, segure Shit enqto usar qualquer ferramenta de seleo para criar
crculos, quadrados, ou retas perfeitas.
2. Para reselecioanr sua ltima seleo, 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 boto do mouse, e vice-versa tambm.
4. Segurando e clicando com o Alt no boto de Quick Mask Mode (abaixo da barra de
ferramentas) voc troca os modos de mascara ou de seleo.
Dicas de camada:
1.Troque a Opacity da camada somente apertando os botes numricos 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.
TCNICA DE TNEL
Ol amigos. Hoje estudaremos um efeito abstrato bastante utilizado em design grfico e
para internet, utilizando o Photoshop CS2. Alguns conhecem este efeito como "Tnel".
Aproveitando, gostaria de desejar um feliz ano novo com muita paz, sade, felicidade e
sorte para que consigamos alcanar todos os nossos objetivos.
Vamos ao artigo:
Crie um novo arquivo conforme a imagem abaixo. Vamos us-la para criar um novo Padro
(Pattern).
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 Padro criado, vamos criar um novo arquivo conforme a imagem abaixo:
No menu principal, selecione: Edit > Fill (Shift + F5 ). Em Contents, na caixa de seleo,
escolha a opo: Pattern (Padro). Em Custom Pattern, selecione o nosso Padro que
acabamos de criar.
No menu prinipal, selecione: Filter (Filtro) > Distort (Distorcer) > Polar Coordinates
(Coordenadas Polares). Marque a opo: Retangular to Polar
Em seguida,
altere o valor
da opacidade
para 5%. A
est a nossa
imagem final:
FOTO TREMIDA
1. Duplique a layer de sua foto/imagem
2. Aplique o Filtro: Filter > Other > High Pass
3. Escolha um nmero 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 configurao 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 questo 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 discurso apenas o preto loiro, no
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 no algo muito fcil. Fiz algo aqui rapidinho pra te dar uma noo.
Primeiramente vc tem que separar o cabelo para trabalharmos apenas com ele.. use seu
mtodo favorito ou o que mais preciso para isso, no caso usei os CHANNELS, meu
favorito, aps 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 visvel, inverta as cores
a CRTL+I, usando COLOR BALANCE, HUE/SATURATION, CURVAS tente deixar ela
como a figura 4. Bom, ento 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: no ficou perfeito, ta meio artificial ainda, mas um pouco mais de trabalho ficaria bem
legal. Estes valores no se aplicam a todas as imagens, existiram variaes lgicas devido
a luminosidade e intensidade do preto de outros cabelos. Mas um bom comeo.
Canal RED:
Canal GREEN:
O melhor canal na minha
opinio, o contraste entre o
cabelo e o fundo est
levemente melhor que o
canal RED, por isso foi a
minha escolha.
Canal BLUE:
Mesmo com o 'CURVES' alguns detalhes precisam ser analisados no nosso canal de
seleo. Veja na figura abaixo quais so os detalhes de que falo:
Note que criamos uma LAYER MASK em branco, para apicarmos nela nosso canal de
seleo (GREEN COPY). Para isso, utilizaremos o recurso 'APPLY IMAGE', que nos
possibilita mesclar camadas, inclusive camadas de seleo e de mscaras.
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 mscara '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 mscara ficou
'invertido' em relao ao canal 'GREEN COPY'.
Apliquei um fundo amarelo para verificarmos o resultado do nosso recorte, e veja que o
cabelo est mantido na nossa separao de imagens.
Espero que todos tenham gostado deste tutorial... j fazia tempo que pensava em escrevlo.
12
FIBRA DE CARBONO
Ol amigos. Venho pra compartilhar com vocs um pouco do que venho aprendendo ao
longo de 8 anos como designer. Criaremos uma textura simples, de forma bem rpida, mas
com um resultado visual muito agradvel. Poderemos aplicar em vrios tipos de trabalho.
Sigam-me os bons!
Descrio: Criao de uma textura Fibra de Carbono
Software Utilizado: Photoshop CS2 em ingls
Grau de Dificuldade: 6,0
Ao som de: Shakira ft. Wyclef Jean - Hips Don't Lie
01. Primeiramente iremos criar o padro da textura. Abra um novo documento, de 4x4
pixels, com fundo branco. Note que bem pequeno mesmo, porm, 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
dimetro. Reproduza toda a rea como a figura abaixo:
03. Agora vamos grav-la como padro, para podermos utiliz-la posteriormente em vrios
trabalhos. V em Edit Define Pattern, adicione o nome Fibra de Carbono ou o que
voc preferir e clique OK.
13
Feito isso, aparecer as opes existentes de padres ou patterns, onde voc selecionar
a que voc acabou de criar, Fibra de Carbono.
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 opo Vertical para Grain Type.
Com a ferramenta Elliptical Marquee Tool, faa uma seleo elptica como na imagem
abaixo;
15
Era isso ento pessoal! Rpido e simples, espero que tenham gostado. Forte abrao a
todos!
DARKART
Ol pessoal. Este meu primeiro artigo publicado pelo iMasters e espero agradar o maior
nmero de pessoas possvel. O que iremos fazer aqui algo bem simples, mas que exige
um certo domnio sobre determinadas ferramentas do Photoshop.
Passo 01: Escolher a
"vtima". Utilizei neste
artigo uma foto minha
mesmo;
16
17
Prontinho. Uma destruio facial completa. Apesar da minha me no ter curtido muito,
espero que vocs tenham gostado. Em breve mais novidades...
Embora o modelo de cores RGB utilizado por monitores de computador seja capaz de
exibir grande parte do espectro visvel, o sistema de vdeo que envia dados a um
determinado monitor muitas vezes limita a maneira como vrias cores podem ser exibidas
de uma s vez.
Ao compreender como dados de cor so medidos em arquivos digitais, possvel ajustar
melhor as configuraes de exibio de cores para compensar as limitaes de seu
sistema de vdeo - 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 crebro por uma srie de redes neurais. Estes receptores
denominados "cones" so sensveis a radiaes 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 informaes em minha
matria sobre "Calibragem de monitor".
19
Faa isso em todos e observer que existem detalhes que sero importantes para termos
sucesso no final.
5 Passo: Quando terminado em
todas as elipses, adicione o "link"
(corrente) nas camadas das formas,
com excesso da "background", para
juntarmos todas as gotas.
20
7 Passo: Agora v em
"Camada" (Layer)... "Estilo de
Camada" (Layer Style) e use
as alteraes a seguir.
21
Tire o fundo branco da maneira que voc achar mais fcil, com as ferramentas de sua
preferncia. Aps de ter tirado o fundo, use o comando Ctrl+Shift+U para desaturar e v
em :
22
V em Image > Adjustments > Curves, clique sobre a linha e o input (entrada): coloque
180, e output (sada): 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), faa os recortes nas bordas. Veja as imagens.
24
Com a layer retngulo ativada, v em Layer > Layer Style > Blendig Options. Aps 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 retngulo
(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 (Pincis) 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
aparncia 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 especfico.
2 Passo
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);
4 Passo
Digite um texto de sua preferncia
e aumente o tamanho deixando no
meio;
Obs.: Pode usar a transformao
livre. Selecione a ferramente Move
Tool e aperte CTRL + T.
27
5 Passo
Agora, gire a imagem SentidoHorrio (Menu Image - Rotate
Canvas - 90 CW);
6 Passo
Aplique o efeito Vento na
Vertical (Menu Filter - Stylize Wind);
OK, e marque a opo 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:
29
CORAO DE VIDRO
Abra seu Photoshop com a seguinte configurao:
Aperte Ctrl+Shift+N para criar uma nova camada e renomeie de fundo. Selecione essa
nova camada e arraste-a para baixo da camada corao. Pressione Ctrl, e clique sobre a
camada com o corao, para criar uma seleo. 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 corao que ser o contorno e v em Add a layer style > Bevel and
Emboss, e deixe a seguinte configurao:
Selecione a camada Layer 1 onde ser o vidro, v em Add a layer style > Bevel and
Emboss, como anteriormente, e deixe a seguinte configurao:
31
UNSHARP MASK
Ol pessoal. Hoje trago um artigo para responder dvidas comuns que recebo por e-mail,
tornando uma foto original em traos. 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.
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 configurao abaixo, d um clique na parte branca da imagem, d OK e
aperte a tecla Delete. Depois, Ctrl+D para tirar a seleo:
Feito isso, o fundo branco ir embora, dando espao para voc preencher com outras
cores. Selecione a camada fundo, e preencha com a cor de sua preferncia. Veja o
resultado:
TRAOS DIFERENCIADOS
Ol pessoal. Este meu primeiro material publicado pelo iMasters, espero agradar o maior
nmero possvel de pessoas e buscaremos criar um efeito final extremamente interessante,
atravs de prticas simples pelo Photoshop.
Para iniciarmos, crie uma imagem com as seguintes propores:
33
Tudo certo at agora? Vamos criar algumas linhas utilizando a ferramenta Ferramentas
Linhas (U). Criei 5 linhas, como podemos observar na imagem abaixo:
34
Repare que sobrar um pouco dos lados. As linhas no fecharo a pgina inteira. Aumente
o tamanho delas para as laterais, at ficar como ilustrado abaixo:
Selecione a camada das linhas, e deixe com opacidade 40. Logo aps duplique-a e v em
Editar > Transformao > Girar Verticalmente, colocando a camada duplicada um pouco
mais abaixo, at ficar como abaixo:
35
Cor: #B3B3B3
Posicione o Retngulo arredondado em algum lugar que vocs acharem mais apropriado
para o menu. Eu deixei assim:
Deixe a camada que contm este retngulo 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
retngulo, l em baixo. Dever ficar assim:
Agora usem um pouco da criatividade de vocs para concluirem o layout. Coloquei alguns
detalhes como na imagem:
Dica: Altere os valores das Ondas para uma melhor formao na parte superior, de
acordo com o site.
Bom, finalizo por aqui e espero que tenham gostado! Como vocs podem ver, um layout
agradvel e simples de se fazer.
JUMPING OUT
Salve salve grandes amigos! Hoje iremos conhecer um efeito interessante. Trabalharemos
um efeito que, em outros pases, conhecido como "Jumping Out". Ou seja, alteraremos
um ponto da foto dando a impresso que este ponto ficar fora da foto. No Brasil, algumas
pessoas chamam esta tcnica de "Pokeout" .
Descrio: Jumping Out
Software ultilizado: Photoshop CS 2 em Ingls
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 boto
direito sobre a camada de
nossa foto e escolha a opo
"Duplicate Layers".
38
39
12 Passo: Clique sobre a camada de baixo e em seguida sobre o boto "Indicates Layer
visibility" indicado por um "olho".
40
15 Passo: Crie uma nova camada clicando sobre o boto "Create a new layer". Em
seguida deixe-a por baixo de todas as camadas.
41
19 Passo: Crie uma nova camada pressionando "CTRL + SHIFT + N" Sua paleta de
camadas ficar como abaixo:
43
Passo 5: V em Filter -> Distort -> Polar Coordinates com a opo Rectangular to Polar
marcada.
Passo 6: Clique na layer com o boto direito e selecione Blending Options. Em Gradient
Overlay use os parmetros abaixo (ou o mais prximo 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 espaos 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 trs 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 opo
Zoom e use 20 como valor. Voc ter algo parecido com a figura abaixo:
44
Passo 10: Agora vai depender da sua imaginao para modificar. Como sugesto, use
Filter -> Distort -> Polar Coordinates. Outra sugesto poderia ser Filter -> Distort ->
Spherize com valor ao qual tenha uma "suco". Os dois efeitos esto abaixo,
respectivamente:
POST IT
Descrio: Criando um post it no Photoshop
Software ultilizado: Photoshop CS 2 em Ingls (Funciona em qualquer verso)
Grau de Dificuldade: 7,0
Ao som de: Adriana Calcanhoto - Fico Assim Sem Voc
Para quem no 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
escritrio 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 visualizao
45
Note que, graas aos pontos criados, podemos alterar suas posies e direes.
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 mscara de nosso thumbnail (como
abaixo), para trazer nossa seleo sobre o shape
6 Passo: Pressione "Shift + Ctrl + N" para acrescentarmos uma nova camada.
7 Passo: Clique sobre a ferramenta "Gradient Tool".
46
10 Passo: Em blending Option, altere sua opacidade para 15% e sua propriedade para "
Pin Light".
11 Passo: Agora trace um degrad ao contrrio. 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 degrads. Ento 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).
48
CLAREANDO DENTES
Software utilizado: Photoshop 7 em Portugus
Tempo aproximado: 10 min.
Passo 1 - Abra a imagem que ser utilizada.
49
Passo 5 - Pressione
CTRL + U ou v em
Imagem > Ajustes >
Matiz/Saturao e deixe
como abaixo (Fig. 5):
Percebem a diferena? Quero fazer aqui uma observao: nessa matria foi utilizada a
ferramenta Mscara Rpida para selecionar os dentes, mas qualquer ferramenta de
seleo vivel. s tomar os devidos cuidados para no selecionar a gengiva e os
lbios. Particularmente eu prefiro essa porque acho que sua preciso maior, mas fica a
critrio OK?
50
BORDAS ARREDONDADAS
Tambm gostaria de indicar a todos a nova parceria que o iMasters fez com a WOC, com
alguns cursos excelentes para certificao em Photoshop, neste finalzinho do ms.
Descrio: Criando bordas arredondadas no Photoshop
Software ultilizado: Photoshop CS 2 em Ingls (Funciona em qualquer verso)
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.
7 Passo: Nesse momento, pressione "Ctrl + L" para acessarmos os niveis da imagem.
Deixe como abaixo:
51
52
Fabio Pena
fabbiopena@hotmail.com
Gustavo Martins
alberto_knox@hotmail.com
JOGANDO GUA NO PHOTOSHOP
Descrio: Criando estilos no Photoshop - Parte 03.
Software ultilizado: Photoshop CS 2 em Ingls (Funciona em qualquer verso)
Grau de Dificuldade: 7,0
Ao som de: Slipnot Snap
Passo:
Usando
a
ferramenta "Horizontal Type
Tool", digite um texto
qualquer em nossa imagem
como na figura ao lado:
2
53
2 Passo Especial: Outras opes podemos acompanhar mais abaixo, como colocar o texto em curvas
pr definidas, com serrilhado ou hablitar outras opes como indicado. Ao clicar, podemos alterar o
espaamento de caracter, coloc-lo em pargrafo e outras alteraes bem interessantes. Caso algum
queira algo especfico, me avise por email que eu explico com prazer.
Contour usado:
Contour
54
Texture
Satin
Contour usado:
Color Overlay
5 Passo: No esqueca de salvar nosso estilo! Portanto, v ate o boto "New Style" e digite um nome
na janela que ir aparecer.
Na medida com que vamos alterando as propriedades em "blending option", vamos mudando a
aparncia de nosso estilo.
55
PINTURA DIGITAL
Pintura digital uma forma de arte derivada de desenho vetor. O grande diferencial dessa tcnica a
realidade que a imagem passa com suas tonalidades em degrade, diferente do vetor que tom sobre
tom.
Essa tcnica pode ser feita de duas formas: em um plano de fundo direto ou utilizando camadas que
um modo mais fcil. Ao final desse trabalho cada pessoa terminar sua obra de uma forma diferenciada,
pois esse tipo de tcnica no se utiliza filtros ou algum tipo de padro. Cada pessoa utilizar as
ferramentas como achar mais adequada para seu trabalho. As escolhas das cores os modos de usar as
ferramentas, tudo influncia no trabalho.
Uma Pintura Digital no feita em duas horas de trabalho, pois quando se trabalha com pressa nada sai
bom, no mesmo?. Houve trabalho que demorei duas semanas para terminar pelo grau de dificuldade
que a foto apresentava. Por isso j deixo bem claro que pacincia fundamental para esse tipo de
trabalho. Ligue sua MP3 Player, coloque um som para relaxar e vamos comear...
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 no
algo padro. Existem pessoas que gostam de trabalhar com fotos de baixa resoluo.
Vamos alterar o modo de tela padro para o modo de tela cheia, com barra de menus, para termos mais
espao 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. Aps 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 sero as cores que voc usar no
inicio de seu trabalho. Lembrando que nenhuma pintura ficar idntica a outra pois isso um trabalho
artstico.
Vamos selecionar a Ferramenta Lao Poligonal (L) e selecionaremos a rea do rosto. As partes
diferentes como boca e os olhos no sero selecionados, assim como as partes de pele onde possui
uma notvel aparncia de relevo, como a asa do nariz e o risco do sorriso.
Obs:Voc pode usar qualquer ferramenta de seleo para fazer esse funo.
Clique sobre a camada de plano de fundo selecione a Ferramenta Lpis (B) e pinte toda rea
selecionada. Veja a imagem a seguir:
56
Aps preencher o rosto, inverta a seleo Crtl + Shift + I, selecione a Ferramenta Lao Poligonal (L), e
mude a forma de seleo para Fase Interseco com Seleo, 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 Lpis (B), pinte a rea selecionada.
Depois de aplicada cor, desfaa a seleo Crtl + D.
Agora faremos os olhos. Com a Ferramenta Conta-Gotas (I), selecione uma cor da Retina e, utilizando a
Ferramenta Letreiro Elptica (M), selecione toda a Retina. Crie uma cmara com nome Retina e utilize
a Ferramenta Lpis (B) para pintar a rea selecionada.
Faa 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 clios e as sobrancelhas, e crie uma nova camada nomeada Clios. Usando a Ferramenta
Conta-Gotas (I), selecione uma cor dos clios e preencha a camada com a Ferramenta Lpis (B).
Desfaa a seleo 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 lbios e crie mais uma cmara, de nome Lbios e preencha com uma das cores de um
ponto do lbio da foto original. Selecione a ala e a corrente, faa uma seleo, nomeie-a de Ala, 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 devero
ficar da seguinte maneira:
Agora que acabamos com as partes de camadas, iremos trabalhar cada uma separadamente.
Lembrando que a parte que at ento vimos a mais simples.Essa parte que veremos requer muito
cuidado e ateno. 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 Subexposio (O), aplique luz com a intensidade
desejada. Lembrando novamente, cada pessoa far de uma forma. Com o tempo cada um vai
adquirindo uma tcnica especial de aplicao de luz, sombra, nitidez, saturao, etc...
O mesmo ser feito para os pontos com sombra. Para aplicao de sombra na pintura, utilize a
Ferramenta Superexposio (O). Veja figura abaixo:
58
Agora vamos para a parte X da questo na pintura digital. Aps aplicada as propores 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), ns faremos movimentos suaves nas tonalidades claras e escuras para unificlas. 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 no existe um padro. Basta
seguir a imagem guia e observar os pontos de luz e sombra que nela .
Dicas: Trabalhe bem os olhos pois so eles que do a maior realidade para sua pintura.
Aps o trmino de seu trabalho, voc poder adicionar algum texto utilizando a Ferramenta Texto
Horizontal (T)
60
1
Passo:
Inicialmente
encontraremos uma foto na
internet para nosso efeito. No
caso, usei uma da Janifer
Aniston.
61
8 Passo: Pressione "CTRL + U" e altere nossa camada azul como abaixo:
62
Imagem final:
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:
"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 configuraes para se obter um valor real.
Selecione um "Tipo" Duotone, uma cor e um nome para cada slot de cor. Fica a seu critrio.
64
BELEZA SINTTICA
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, ento vamos aplicar uma mscara rpida nesta camada
de plano de fundo para comearmos a pintura, pressione a tecla "Q".
Feito isso, note que, na barra de ttulo do programa, aparecer (Mscara Rpida), e a cor da seleo
ficar diferente. No meu caso, de azul ficou zinza.
Selecione a ferramenta zoom e aumente a rea dos olhos da figura para a marcao ficar melhor. Em
seguida, selecione a ferramenta "Pincel".
Nas configuraes, utilize um pncel esfumaado com fluxo e opcidade em 100%. Aqui estou utilizando o
pincel com o tamanho "9". Faa uma marcao apenas na bolinha dos olhos, como na figura abaixo.
Obs: Antes de fazer a marcao da mscara, verifique se as cores esto zeradas. Caso no esteja,
pressione a tecla "D".
65
Aps ter feito a marcao da mscara, vamos retirar a mscara pressioando novamente a tecla "Q".
Repare que toda a rea da figura estar selecionada, menos os ohos. Ento teremos que inverter a
seleo, pois so somente os olhos que iremos colorir por enquanto.
Pressione "Control" + "Shift" + "I" para inverter a seleo ou clique no menu "Selecionar > Inverter".
Agora teremos apenas os olhos selecionados. Ento copie e cole. "Control" + "C" / "Control" + "V".
Temos agora outra camada,. Nomei-a para "Olhos" e faa um equilibrio de cores "Contrl" + "B" e altere
apenas os "Tons Mdios" 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 mscara rpida, faa a marcao apenas na boca,
retire a mscara, inverta a seleo, copie e cole, nomeie a camada para Boca, faa um equilibrio de
cores e deixe-a com um tom de vermelho no muito escuro. Veja o resultado abaixo:
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> Rudo> Sujeiras e Rabiscos:
Raio = 3 / Limiar = 0. Note que a imagem ficara um pouco desfocada.
Agora adicione mscara na camada "Filtro".
66
Selecione a Ferramenta Pincel e, com ela, voc dever passar o pincel sobre as partes que voc deseja
deixar mais ntida. 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 contedo da camada. Agora adicione uma camada de "Curvas" e deixe as configuraes
como na figura abaixo:
Clique no menu "Imagem > Modo > Tons de Cinza". Surgira uma mensagem. No achate as camadas,
isso muito importante, ou dar tudo errado. Agora clique novamente no menu "Imagem > Modo >
desta vez - "Duotnico", no 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 criao de um CD a partir de um documento em branco
no Photoshop. Se voc incluir mais alguns efeitos, poder dar mais realidade. Mostrarei o bsico que,
mesmo assim, j dar um excelente efeito.
1 passo: Crie uma nova figura, em branco, com as dimenses 1024x768 pixels. Deixe a rgua visvel e
crie algumas guias para facilitar na hora de criar os crculos e deix-los na medida exata.
2 passo: Crie uma nova camada transparente, renomeie como Crculo Maior e, com a ferramenta
seleo oval, crie um crculo como na figura abaixo. Depois a preencha com o balde de tinta com a cor
preta.
68
5 passo: Depois de agrupar, mude a posio das camadas, colocando a camada degrad abaixo da
camada Crculo Menor. Vamos agora usar um filtro para comearmos 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
Crculo Maior para fazer a seleo do mesmo. Depois v em Filtro>Distoro>Coordenadas Polares.
Clique em ok. A imagem ficar como na figura 02.
Figura 1
Figura 2
Figura 2
69
7 passo: Agora iremos fazer a borda do CD. Para isso, deixe a seleo ativada, inverta essa seleo
(Shift+Ctrl+I), depois v em Selecionar>Modificar> Reduo e coloque 7 Pixels. Aps isso, com o balde
de tinta, preencha a seleo 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 Mgica e
selecione os Crculos que ainda esto com a cor degrad forte(figura 1). Depois de feita a seleo,
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 Crculo menor selecionada, iremos
colocar algumas opes de mesclagem de Chafro e Entalhe e Sobreposio de Cor, como nas figuras
abaixo. Nossa imagem ficar como na figura 03.
Figura 3
Figura 1
Figura 2
10 passo: Duplique a camada Crculo Menor, redimensione um pouco menor, e depois faa uma
seleo cobrindo todo o buraco menor. Pressione delete.
71
BACK FIRE
Descrio: Criando efeitos de fundos no Photoshop.
Software ultilizado: Photoshop CS 2 em Ingls (Funciona em qualquer verso).
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 (secundria) voltarem as
padres:
4 Passo: Agora vamos a Filter > Pixelate > Mezzotint e altere sua configurao para "short line":
72
6 Passo: Pressione "ctrl" + " f " trs vezes para repetirmos o filtro novamente por trs vezes:
73
10 Passo: Em blending Option, altere a propriedade da primeira camada (recm criada) para "overlay":
11 Passo: Pressione "ctrl" + "u" e altere as configuraes das duas camadas como as de baixo:
74
75
ESFERA AMBIENTE
Abra uma imagem do seu agrado no Photoshop (Larg 24 cm / Alt 24cm Resoluo: 120 pixels/cm Para uma boa qualidade) e pressione (Ctrl + J) para duplicar a camada.
Com a ferramenta marca de seleo elptica, crie uma esfera sobre a camada e pressione (Shift + Ctrl
+ I) para inverter a seleo e pressione delete. Ex:
76
77
78
79
Pressione (Ctrl + T) e coloque 85% de largura e 75% de altura. Encaixe como no exemplo:
80
Abraos!
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 boto 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 ento comear a criar nosso neon. Vocs 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 comear 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 dimetro de "1", opacidade 100% e fluxo tambm 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 dimetro "5". Coloque
uma cor de sua preferncia, 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 trs vezes. E vamos ver como
est nosso neon.
Agora simples. Mude o pincel novamente para slido dimetro "1" e deixe os mesmos valores de
opacidade e fluxo. D enter trs vezes. Feito isso, mude o pincel para suave e dimetro 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 no cor
branca.
Resultado temporrio:
Nosso neon est quase pronto. Estamos na ltima parte do trabalho. Selecione pela ltima vez o pincel
slido de dimetro "1", coloque opacidade 50% e fluxo tambm de 50%. D enter vinte vezes.
Agora pegue tambm pela ltima vez o pincel suave de dimetro "35", opacidade 40% e fluxo 30%. D
enter 2 ou 3 vezes, de acordo com seu gosto.
82
Siga os mesmo passos para criar as outras partes do nosso vaso. Vou colocar o meu para vocs terem
uma idia de como ficar bonito e atraente. Usem a imaginao.
GLOBO ILUMINADO
O objetivo deste artigo criarmos um globo iluminado, muito semelhante aos globos de luz utilizados em
festas e boates. Os passos so 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 seleo retangular", crie um quadrado como na figura abaixo
Preenchimento degrade.
83
Exemplo:
84
Agora feche a camada. E com a ferramenta (seleo elptica), crie um circulo igual ao abaixo:
85
86
MODELAGEM
Ol pessoal. Nosso objetivo com este artigo criar uma embalagem de desodorante, partindo do zero.
Pularei as etapas bsicas, para agilizar certo (para intermedirios).
01. Abra um novo documento e coloque a configurao igual figura abaixo.
03. Crie dois crculos ovais pretos e os encaixe sobre o retngulo, assim como na figura abaixo.
Obs: Esta figura apenas ilustrativa por isso est com outra cor ok.
87
04. Voc deve vincular as trs 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, opes de mesclagem) ou d dois cliques
rpidos na camada, e configure igual figura abaixo. As cores so: realce (E5E3D6) multiplicao
(717469).
06. Novamente na mesma guia, clique em "Sobreposio 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).
09. Com a seleo elptica da barra de ferramentas, crie um crculo 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 > Opes de
mesclagem e copie a configurao igual figura abaixo. Idem cores.
89
11. Novamente na mesma guia, clique em "Sobreposio de Cor" e configure igual figura abaixo. Cor
(AAA69B).
90
Duplique a camada oval e remova os efeitos Chanfro e Sobreposio de Cor. Duplique-a novamente e
mova esta nova camada um pouco para cima. Nesta mesma camada adicione "Sobreposio de Cor" e
deixe-a com a cor preta.
Desmarque a camada anterior e deixe somente a camada oval preta visvel. Com a ferramenta "Varinha
Mgica" d um clique fora do oval. Aps aparecer a seleo, pressione Ctrl + Shift + I para a inverso da
seleo 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 "Opes de Mesclagem" da camada Arco e configure igual figura abaixo.
15. Novamente na mesma guia, clique em "Sobreposio de Cor" e configure igual figura abaixo. Cor
(6D6558).
91
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.
92
Clique com o boto 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 ns fizermos se tornar uma
seleo.
Clique agora no menu FILTER > PIXELATE > COLOR HALFONE
93
A Opo Max Radius so 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 seleo (control + shift + I). Pinte de vermelho.
Inverta novamente a seleo (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 faa mais ou menos os mesmos movimentos para fazer as curvinhas. bem
simples. Faa at aprender pois esse efeito importantssimo, e a habilidade s vem com o treino das
mos!
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:
94
1 Passo: Crie um arquivo de 700x600 em RGB (fundo no influencia, j que iremos alter-lo).
2 Passo: Escreva um texto qualquer. Quanto maior o texto, mais satisfatrio ser. Claro que usei uma
fonte fina facilitando a proximidade com a aparncia real. (Caso algum deseje essa fonte, procure em
www.dafont.com por Neon).
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 Opes e escolha Layer > Layer Style, alterando como
abaixo:
Inner Shadow (Sombra Interna)
Outer Glow (brilho externo)
95
6 Passo: Clique "OK" e, caso queira salvar seu estilo, veja minha matria 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
96
1 Passo: Crie um arquivo de 42x 27 pixels como abaixo (no esquea de alterar o fundo para branco):
Neste momento, pressione "CTRL+ +" para ampliar seu zoom. Acho que 1200% o suficiente.
3 Passo: Pressione "CTRL + SHIFT + N" ou clique sobre o boto
(Create a New Layer) para
criamos uma nova camada.
4 Passo: Usando a ferramenta "Retangular Marquee tool"
97
8 Passo: Escolha a ferramenta "Pencil Tool (B)" e em seguida pressine "D" para as cores voltarem ao
padro.
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 espaos dos blocos como
na minha imagem:
98
14 Passo: Finalmente, na barra de opes, 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 opes, altere sua propriedade para pattern e encontre sua nova textura, como abaixo:
18 Passo: Abra nosso arquivo da matria 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
rpido 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 necessrio, retire tambm a opo "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 animao precisamos deixar exatamente como abaixo a ordem das
camadas (repare na ordem da visualio).
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 visualizao como abaixo: (repare nos olhos
que indicam a visualizao da camada).
23 Passo: Segure o shift e clique sobre o outro frame, alterando o espao de tempo para 0,2 sec.
* Note que essa uma animao bem simples, mas a partir da voc poder criar algo bem interessante.
Para maiores detalhes a respeito de animaes, veja minha matria
(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 matria apenas com modificaes em textura da parede e
movimento.
Caso algum queira tirar algumas dvidas, procurar sobre brush, texturas ou algo relacionado a
Photoshop, no deixe de visitar nosso forum: www.imasters.com.br/forum.
Obrigado a todos pelos emails e fiquem com Deus.
TEXTURA REALISTA
Como vo pessoal, tudo bem? Primeiramente gostaria de agradecer os comentrios sobre o primeiro
artigo, e agradecer principalmente o interesse daqueles que me enviaram suas dvidas; espero que
tenha respondido a todas.
Neste segundo artigo iremos reproduzir uma tpica parede de superfcie 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 iluminao global, etc., no somente a textura da parede. Ento... mos-a-obra!
1 Passo: Abra um novo arquivo, com fundo branco e as dimenses 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 resultaro em uma aparncia satisfatria ai trmino do efeito, porm, caso queira
mudar a cor de sua parede, fica mais fcil fazer isso depois, aplicando Matiz/Saturao. 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 no obtenha o melhor resultado logo na
primeira vez que aplic-lo; ento, tecle Ctrl+Z e aplique o filtro novamente, at encontrar uma variao
que lhe agrade. Em seguida, v ao menu Filters > Noise > Add Noise (Filtros > Rudo > Adicionar rudo)
e coloque as configuraes:
3 Passo: Agora v em Filters > Brush strokes > Spatter (Filtros > Traados de pincl > 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 ntidas). Este
procedimento acrescentar alguns detalhes e imperfeies parede, detalhes estes que fazem a
diferena no efeito final. Na paleta de camadas, clique no cone Criar Mscara de Camada
. Aperte
D para restaurar as cores padro para a mscara, ento v em Filters > Render > Clouds (Filtros >
Acabamento > Nuvens). Em seguida, tecle Ctrl+L, ou v ao menu Image > Adjust > Levels (Imagem >
Ajustar > Nveis). Especifique os valores 126 - 1,0 - 128, como a seguir:
6 Passo: Como no 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 > Pixelizao > 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 iluminao) e utilize as configuraes 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 contedo que estava
dentro da seleo. A sua paleta de camadas, agora, dever estar da seguinte maneira:
103
10 Passo: Bom, nossa parede est finalizada. Perceba que os pequenos detalhes (como o filtro
Arestas Ntidas e os dois canais Mezzotint) garantem uma qualidade considervel no trabalho, uma vez
que o objetivo justamente criar uma parede "irregular", com buracos, suja, etc.. Porm, o objetivo
deste artigo vai alm, pois iremos ainda, fazer os tijolos que iro aparecer por baixo da parede
"rachada". Como nosso trabalho na parede est finalizado, podemos mesclar todas as camadas, a fim
de utilizar menos memria 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 > Rudo > Adicionar
rudo). Apenas d Ok, mantendo as configuraes que surgem.
13 Passo: Agora daremos a aparncia de tijolos esta imagem. Para isto, v ao menu Filters > Texture
> Texturizer (Filtros > Textura > Texturizador), e utilize as opes 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 mscara na camada da parede. Ento, v ao menu
Filter > Render > Clouds (Filtros > Acabamento > Nuvens). V ao menu Image > Adjust > Levels
(Imagem > Ajustar > Nveis) 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 sensao de uma parede rachada com os tijolos, certo?
Porm perceba que h uma rea muito grande de tijolos, o que no acontece realmente (pelo menos,
no este o objetivo do artigo). Ento, com a base feita, voc ter que "acertar" manualmente s reas
onde sua parede ser visvel ou no. Para isto, selecione um pincel slido (que no seja esfumaado)
de um tamanho razovel, e, ainda na mscara, v "pintando" de branco, para que mais reas da parede
sejam mostradas.
Lembrando que, em mscaras, a cor branca mostra a imagem, e a cor preta esconde. Neste passo,
sinta-se vontade para utilizar-se dos pincis que quiser, o importante chegar em um resultado
satisfatrio. Aps 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 configuraes:
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 imaginao 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 graas a Deus est tudo certo. Volto com fora total em minha coluna.
Iremos aprender como criar "estilos" no Photoshop. Em minha opnio 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 abrao a todos os leitores e dizer que na prxima matria
publicarei novos trabalho da segunda parte de nossa "Galeria de Leitores". Portanto, Lets Rock Baby the original.
Criando Estilos
Descrio: Explicao sobre como criar, salvar e reutilizar estilos no Photoshop.
Software ultilizado: Photoshop CS em Ingls (Funciona em qualquer verso )
Grau de Dificuldade: 7,0
Ao som de: Legio 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:
3 Passo: Clique sobre o boto "Add Layer Style". Em seguida em "Blending Option".
106
5 Passo: Agora clique em "Bevel and Emboss" e deixe como abaixo: - No se esquea de alterar o
Contorno de Reflexo de "Shading".
107
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 no perdemos mais nosso estilo criado.
Clique sobre a seta localizada ao canto superior direito, conforme o indicado:
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
14 Passo: Clique sobre o gradiente para edit-lo e em seguida clique na opo de "Orange, Yellow,
Orange"
16 Passo: Trace o degrad em uma diagonal do canto superior direito para o canto inferior esquerdo.
Est pronta nossa imagem:
Arte
109
Agora, deixando o control apertado, clique o boto esquerdo sobre a camada com a circuferncia azul.
Assim voc ir selecion-la. Sem desmarcar a figura, escolha a ferramenta Marca de Seleo Elptica e,
com o alt pressionado, subtraia uma parte da seleo como na figura abaixo.
110
Neste passo vamos, com o brush, pintar de braco essa seleo, em uma nova camada, e aplicar uma
opacidade. Com a ferramenta desfoque, v nas pontas da seleo e aplique.
Use as configuraes abaixo.
Escolha a primeira da lista, Aer. Redondo suave 50% de fluxo, para obter o resultado abaixo.
Faa uma seleo como a da figura abaixo.
Depois disso v na camada onde est a cincuferncia azul e use o filtro Reflexo de flash.
111
Terminamos a primeira parte deste artigo. Como eu disse ele um mix de vrios artigos e, desta forma,
em cada um teremos alguns novos efeitos para implementar a sua Magic Ball.
No prximo artigo falaremos de:
- Os tentculos;
- As asas;
- O toque final.
Abraos!
112
TUNNING
Fala pessoal! Vamos iniciar esse ano de 2005 com o p direito, de preferncia acelerando fundo no
Photoshop e arrebentando nas curvas. Por isso, nada melhor que comear o ano com uma matria
sobre uma tcnica que cada vez mais vem sendo utilizada na rea publicitria, de entretenimento e etc.
Tunning consiste em utilizar uma imagem de carro e modific-la de vrias formas, super legal e voc
consegue resultados rpidos e interessantes.
Nvel de dificuldade: Bsico/Intermedirio
Software: Photoshop 7.0
Faa uma comparao 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
contorne toda a carcaa do carro, como na figura abaixo.
113
Clique com o boto direito em cima do demarcador de trabalho e escolha criar seleo.
Agora voc ter a carcaa selecionada. Pressione control+j para criar uma nova camada s com a
carcaa.
Nesse ponto voc ter duas camadas: uma com o carro original, outra com a carcaa do carro que
selecionamos. Clique na camada s com a carcaa e d control+u. Voc ter a tela de matiz/saturao.
algumas
Agora devemos enfeitar o carro. Para isso podemos usar brushes e outras imagens. Veja na figura
abaixo:
Usei alguns brushes, mudei a cor do pra-choques...Use sua imaginao para deixar sua imagem mais
bonita e criativa!
MUNDO HITECH
Vamos l. Criaremos com um efeito Hitech para comearmos animados esse ano.
Entrando no mundo Hitech
Descrio: Explicao sobre como criar uma imagem Hitech.
Software ultilizado: Photoshop 7.0 em Ingls (Funciona em qualquer verso)
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 matrias como j citei aqui.
Ento, relembrando, pressione "D" para suas cores de "Foreground" e "Background" voltarem as
padres.
3 Passo: Nesse momento v em: Filter > Render > Clouds.
115
7 Passo: Nesse momento v em: Filter > Distort > Wave e altere novamente como abaixo:
116
MULHER VETORIZADA
Ol novamente. Vamos estudar como desenhar uma mulher abstrata, que no muito complicado,
porm um trabalho que voc dever se apegar completamente aos detalhes com o uso da pen tool,
pois a perfeio nas curvas do desenho ser muito importante.
importante dizer que estou usando o termo "vetorial" em minhas matrias, apenas como ilustrao. O
Photoshop no permite imagens vetorizadas, porm os nossos resultados sero idnticos a uma
imagem vetorizada, para ser trabalhada na web.
Software utilizado: Adobe Photoshop CS em ingls.
Arte: Mulher P/B.
Nvel de Dificuldade: 4,0 - Fcil.
Ferramentas Utilizadas: Pen Tool e Bevel and Emboss no olho somente.
Tempo estimado de trabalho: 1 hora (no mximo).
Clique aqui para baixar a foto em alta resoluo
Clique aqui para baixar a arte no arquivo PSD (extenso Photoshop) pronto
Foto Original:
Resultado Final:
Primeiramente devemos separar as diferenas de cor pela lgica da foto. Desta forma saberemos que
os locais que usam a cor branca (ou qualquer outra de sua preferncia) so os locais da pele da mulher
(pernas, braos, rosto e etc.). As demais tero a sua cor preta (ou qualquer outra de sua preferncia).
Utilize a ferramenta pen tool (
abaixo:
117
Terminadas todas as camadas, voc ter certa parte de seu desenho pronto. No se preocupe em
seguir a risca as reas que sero sobrepostas pelo vestido da querida na foto, pois o mesmo ficar por
cima do corpo. Do contrrio, veramos ela nua.
Observe abaixo a separao de camadas. Foram feitas as layers brancas do corpo, e colocadas em um
Layer Set, que uma pasta de separao 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. Ento clique na seta das opes de Layers no menu (2) e selecione a
opo New - Layer Set from Linked (3).
Pronto, a separao por pasta foi criada. Nomeie a pasta para saber o que nela contm mais tarde, para
esses vetores mais simples como os que apresentei a vocs at agora. No h necessidade de criao
de muitas pastas, mas conforme seu skill (nvel de conhecimento) vai aumentando, voc ter 160
camadas em um trabalho vetorial, ento seria interessante que comee a se acostumar a usar esse
recurso.
Prximo passo: crie shapes que remetam as sombras do rosto da senhorita (hehe), para que faam o
sombreamento do formato do rosto.
Crie dois pequenos crculos pretos nos olhos e aplique o efeito Bevel and Emboss para fazer o reflexo
interno branco do olho. crie tambm 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 aparea.
Aplique tambm um efeito Blending Options - Stroke com uma borda de 50% de opacity (opacidade)
e na cor preta na face para diferenciarmos o pescoo, deixando ele ao fundo do rosto, que est na frente
do mesmo.
necessrio que voc organize a disposio de todas as camadas, deixando algumas sobreporem
outras de acordo com a lgica do desenho, como por exemplo, o crculo 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.
Aps terminada essa organizao das camadas, parta para a finalizao desenhando o shape do
vestido preto, que ir fechar nosso vetor.
Retire a visualizao de todas as camadas, de modo que fique somente a foto para voc vetorizar em
cima da mesma. Faa o formato do vestido (somente na rea que ele ir aparecer, no caso, as alas).
Habilite novamente a visualizao 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 estr 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 endereo http://jirayaaap.deviantart.com. Na maioria so carros vetorizados, desenhos que
demoram muito mais tempo a serem feitos e exigem um excesso muito grande de pacincia, mas pra
quem gosta, como eu, acaba tendo saco.
TRABALHANDO COM FOTOS
Descrio: Explicao sobre trabalhar corretamente com fotos.
Software ultilizado: Photoshop 7.0 em Ingls (Funciona em qualquer verso)
Grau de Dificuldade: 7,0
Ao som de: Phanton Planet - California
Perguntas de leitores:
Diego Mattos, de So Paulo:
Pergunta: "Fabio, como eu descubro ou comparo todos os valores reais de cor de uma imagem ou
regio de imagem."
Amigos, isso facilmente resolvido utilizando a paleta " Informaes" e a paleta "Cor" do Adobe
Photoshop.
Ao se trabalhar com uma caixa de dilogo de ajuste de cor, a paleta Informaes 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 Informaes 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 Opes e procure o item Window (Janela) > Info para abrirmos a paleta
de Informaes.
(Note que, dependendo da posio 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 Opes.
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 diferena 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 regio 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 Fbio, como eu posso corrigir rapidamente a cor de uma foto antiga?
Um modo prtico e rpido com a utilizao de Nveis de cor. A Caixa de dialogo "Nveis" 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 prtico:
Abaixo podemos observar como se encontra a foto original:
Agora abaixo podemos observar a alterao somente por nveis de cor (detalhes de recorte e ferramenta
carimbo enfatizam o efeito de uma foto melhorada.)
121
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.
e em seguida v at a
4 Passo: Altere a ponta do pincel para branco e em seguida clique sobre a seta localizada na barra de
opes. Altere sua ponta para "Hard Round 19 pixels".
122
5 Passo: Trace uma linha reta vertical como abaixo (segure "shift" pois ajuda na direo 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.
123
11 Passo: Clicando sobre a camada com o boto direito, v ate "Duplicate layer" e duplique a camada.
Faa 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). Faaa
isso com todos os arcos como abaixo:
13 Passo: Feito isso, clique sobre "raios_04" e hablite o link de camadas (faa em todas) como abaixo:
124
15 Passo: Adicione uma nova camada, clicando no boto "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.
Resultado final
125
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 boto play.
126
A seguir, algumas explicaes sobre a funo de cada Action inclusa no pacote Contato Radar:
Pelcula: Adiciona contraste local, satura cores e realiza sharpen. Faz imagens "desbotadas" ficarem
mais vivas e imagens muito boas costumam ficar ainda melhores. A idia criar um efeito "film-like".
Pelcula : Faz o mesmo que o action "Pelcula" 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 verses CS e
CS2.
Menos Luz: Efeito semelhante ao "Menos Sombras" mas ao contrrio. Descobre os pontos de muita
claridade e tenta abrand-los.
Imagem original
Action Pelcula V2
Action Pelcula
127
Menos Amarelo (Noturno): Para reduzir o efeito exageradamente amarelo das floodlights de Sdio 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, StarSix 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 impresso.
Imagem original
Action ISO800
Action Estrelas
Para desfazer o efeito de uma Action, no use o comando "Undo". Na janela das Actions, selecione a
orelha "History" e ento a foto original.
Todas essas Actions foram criadas a partir da minha experincia prpria com edio de fotos no
Photoshop. Os resultados so todos aproximados e podem, ou no, agradar o gosto fotogrfico de cada
um. Sendo assim, possvel modificar cada parmetro usado para melhor adequao ao estilo, cmera
e tcnica de cada fotgrafo.
VIRANDO A PGINA
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.
Lets 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:
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 keyboards 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 keyboards 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
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. Thats 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:
CABELOS REBELDES 02
Descrio: Explicao sobre como alterarmos o fundo onde temos cabelos
Software ultilizado: Photoshop 7.0 em Ingls (Funciona em qualquer verso)
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 impresso) de acordo com a calibragem de seu monitor. (Para informaes a
respeito da calibragem pessoal de cor, consulte minha matria sobre calibragem).
Quando temos imagens em RGB, nossa paleta "canais" nos mostra os canais vermelho, verde e azul.
Agora um trecho prprio Help do photoshop:
"Observe que todos canais de cor se encontram visveis atualmente, inclusive o canal RGB, que uma
composio 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 boto 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
composio de nossa imagem e no o que queremos.
4 Passo: Com nosso canal Verde_02 ativo, iremos inverter suas proriedades de cor pressionando
"ctrl+i".
7 Passo: Aumente a ponta da ferramenta "Burn Tool" usando " ] " e " [ " para diminuir e trace o fundo
da foto.
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.
Passe o mouse sobre a nossa imagem selecionada e perceba que h uma alterao no cursor do
mouse (Uma seta em cruz
para uma seta com uma tesoura
).
11 Passo: Nesse momento pressione o boto do mouse e com calma arraste sua imagem selecionada
(que a essa altura se tornou um recorte) para outra imagem qualquer.
137
13 Passo: Altere a ponta "Soft Round" e opacidade de 34%. Podemos corrigir esta silueta.
Nosso resultado final:
138
FUNDO ABSTRATO 02
Descrio: Explicao de como se criar fundo abstrato no Photoshop
Software ultilizado: Adobe Photoshop em Ingls (Funciona em qualquer verso)
Grau de Dificuldade: 7,0
Ao som de: Charles Bronson - F technology
1 Passo: Crie um arquivo de 450x350 pixels em RGB
4 Passo: Clique em "Filter > Stylize > Extrude" e novamente altere como a seguir:
139
140
E finalmente...
FUNDO ABSTRATO
Descrio: Explicao de como se criar fundo abstrato no Photoshop
Software ultilizado: Adobe Photoshop em Ingls (Funciona em qualquer verso)
Grau de Dificuldade: 7,0
Ao som de: Evanescence - My imortal
1 Passo: Crie um arquivo de 450 x 300 pixels em RGB.
141
7 Passo: Novamente iremos em Filter > Stylize > Wind e altere a direco do vento.
142
CRIANDO UM ALIENGENA
Nesta matria, com uma srie de recursos, vamos criar um aliengena apartir de uma foto masculina.
Observer as orelhas, os olhos, o nariz, a sobrancelha, dentre outros.
Abra o arquivo alien.jpg , crie uma cpia da camada: d dois cliques no plano de fundo, renomeie para
fundo e arraste-o para o smbolo criar nova camada, que ficar como fundo cpia.
Na cpia, v ao menu imagem/ajustar/brilho e contraste. mais fcil alterar cores na imagem mais
clara.
143
Com a ferramenta carimbo, procurei pegar partes prximas boca, para remov-la sem deixar marcas:
Selecionei os olhos, mantendo na barra de propriedades difuso 2, para que no fique artificial a
seleo, e fui ao menu imagem/ajustar/variaes, clicando duas vezes no verde
Selecionei o branco com a varinha mgica, menu inverter/seleo, com alt pressionado removi os olhos
da seleo (lao poligonal) e a parte branca da camisa.
144
Imagem/ajustar/variaes:
145
Apliquei uma mscara na camada de cima (base da janela camadas) e com a ferramenta degrad (de
preto para branco) fiz uma transparncia gradiente na base da foto, para revelar um pouco da camada
de baixo:
146
DESENHOS
Resolvi escrever uma matria para Photoshop com os Cavaleiros do Zodaco. Eu criei meu prprio
cavaleiro e nada impede que vocs criem os seus ou desenhe os que j existem!
Vamos abrir um documento 800 x 600, RGB (pois estamos trabalhando para Internet), resoluo de 72,
fundo preto ou transparente.
O segundo passo colocar um fundo. Pode ser preto ou de outra cor escura, fica ao seu critrio. O
importante, neste passo, criar outra camada, deixando uma para o fundo e outra para selecionar a
ferramenta Marca de Seleo Elptica, 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 Lao Poligonal. Selecione a camada do capacete e faa uma seleo no formato que quiser
para o corte lateral. Eu fiz um tringulo e dois cortes de cada lado do capacete.
Neste passo, o capacete comea a ganhar detalhes para que mais na frente possa ser trabalhado com o
rosto. Vamos criar outra camada que iremos chamar de smbolo do capacete. Selecione a ferramenta
Marca de Seleo Elptica, para formar uma circunferncia, deixando o shift pressionado para uma
circunferncia perfeita.
148
Vamos preencher essa circunferncia 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 smbolo do capacete com o control para selecion-la e utilizar reduo como mostrado
na figura acima. Coloque um valor entre dez e quinze na caixa da opo de reduo, selecione a
camada vazia que criamos sem desfazer a seleo do circulo preenchido, e preencha com preto.
O prximo passo ser criar um rudo neste crculo preto. V em Filtro Rudo > Adicionar Rudo, como na
figura abaixo e depois iremos aplicar desfoque de movimento neste crculo preto. v em Desfoque >
Desfoque gaussiano.
Depois disso vamos dar um toque bem bacana. Vamos adicionar ao nosso smbolo Chanfro e Entalhe.
V em Estilo da Camada e clique em Chanfro e Entalhe. Escolha entalhe elevado e modifique as opes
at parecer estar entalhado. No exagere muito pois s para dar um pouco de volume ao smbolo.
O prximo passo desenhar o smbolo do capacete. Existe duas formas para se fazer isso: atravs de
demarcador ou simplesmente com lao 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, porm, no se prenda a ela e faa a sua. Se fizer com
a caneta voc, estar trabalhando da seguinte forma:
Aps ter terminado a forma que deseja para o smbolo, voc ir clicar na paleta demarcadores e ir criar
uma seleo, clicando com o boto direito em cima da camada escrita demarcador de trabalho, criar
seleo.
Aps ter criado sua seleo, vamos preench-la com o degrad metal. legal voc trabalhar com
curvas para deixar o degrad mais parecido com metal (control+m).
Aps finalizar todo este processo, voc deve estar com uma imagem igual a esta:
149
nesta hora que iremos usar o filtro plastificao. Filtro artstico > Plastificao, para dar um brilho bem
bacana ao smbolo.
Agora vamos criar alguns fios para ornamentar o capacete. Selecione a ferramenta Lao Poligonal para
fazer um tentculo como na figura abaixo.
Com isso teremos que usar o filtro distoro, cisalhamento. Teremos que editar a curva para que fique
com a forma de um tentculo, 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 plastificao, como na figura abaixo (obs: voc pode fazer uma sombra
branca por trs dos tentculos.)
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 smbolo do capacete.
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 faa 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 difcil e
mais divertido!
151
Para montarmos a esfera do olho fcil. Crie uma camada e nomeie para que voc no fique perdido.
Crie uma seleo com a ferramenta de Marcao Elptica e v em Filtros > Iluminao e aplique nuvens
por diferena, na cor que voc achar que seu personagem deve ter. Lembre-se: antes de aplicar o filtro,
voc deve preencher a seleo com a cor do olho, tipo azul.
Depois faa como na figura acima. Uma outra circunferncia menor, e um tringulo 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 Superexposio.
Cuidado para no sombrar demais, aconnselho a escolher nas opes de cima, em escala: sombras.
Outra observao em relao 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 trs 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 seleo. 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 Plastificao com o cabelo selecionado.
Nesta hora que o cabelo vai ganhar um brilho forte. Escolha a Ferramenta Superexposio e escurea
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 no to difcil para comearmos meu primeiro artigo no iMasters. bom para
quem for acompanhar sempre os prximos artigos a se familiarizarem com ferramentas como caneta,
degrad e sempre trabalhar com desenhos e desafios.
Com este artigo voc est apto a construir no s cavaleiros do zodaco, e sim vrios personagens de
games e at quadrinhos!
Lembre-se de fazer vrios diferentes e testar vrios efeitos para melhorar mais ainda!
HAL TONE EM TEXTO
Descrio: Explicao de como se criar textos com efeitos de half tone no Photoshop
Software ultilizado: Adobe Photoshop em Ingls (Funciona em qualquer verso)
Grau de Dificuldade: 7,0
Ao som de: The Hives - Die, All Right
1 Passo: Crie um arquivo de 400x300 pixels em RGB.
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.
6 Passo: V em Filter > Pixelate > Color Halftone e digite os valores a seguir:
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 seleo com uma cor qualquer.
Em meu exemplo utilizei #FF9C00.
11 Passo: Na barra de opes v em Layer > Layer Style > Blending Option e altere a seguir.
Drop Shadow
Bevel and Emboss
Stroke
155
TEXTO GRUNGE
Descrio: Como criar textos com efeitos grunges no Photoshop.
Software ultilizado: Adobe Photoshop em Ingls (Funciona em qualquer verso).
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 critrio, j que ser alterada)
2 Passo: Retorne suas cores s padres, pressionando "D".
3 Passo: V em Filter > Render > Clouds.
4 Passo: Agora v em Filter > Noise > Add Noise e deixe como abaixo:
7 Passo: Adicione seu texto em cor de fonte Branca. A fonte fica a seu critrio. Eu usei a
"DSJapanCyr".
8 Passo: Na paleta de camadas, preste ateno 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 matrias sobre banners,
estudaremos diversos recursos sobre o Adobe Image Ready CS.
Banners - Parte 03 (Adobe ImageReady)
Descrio: Estudo sobre software ImageReady e a criao de banners.
Software ultilizado: Adobe Image Ready CS em Ingls (Funciona em qualquer verso)
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 animaes com base em uma nica imagem, por meio de arquivos
GIF animados.
Um GIF animado uma sequncia de imagens, ou quadros. Cada quadro varia ligeiramente em relao
ao quadro precedente, criando a iluso de movimento quando seus quadros so visualizados em
sucesso rpida. possvel criar animaes de vrias maneiras:
1 maneira: Utilizando o boto "Duplica", o quadro atual da paleta "Animao" para criar quadros de
animao 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 variao na opacidade, posio ou efeito de uma camada. Isso criar a iluso de um
elemento em um quadro que se move ou gradualmente se acende ou apaga.
3 maneira: Abrindo um arquivo de vrias camadas do Adobe Photoshop ou Adobe Illustrator para criar
uma animao, transformando cada camada em um quadro.
Dicas:
Ao criar uma sequncia de animao, melhor permanecer na visualizao de imagem Original. Isso
evita que o ImageReady tenha de reotimizar a imagem medida que o contedo dos quadros editado.
Arquivos de animao resultam tanto em arquivos GIF quanto em filmes de QuickTime. No possvel
CRIAR uma animao JPEG ou PNG. (Inspirado do Livro : Guia Autorizado Adobe)
Agora retirei um trecho do Help do prprio Adobe Photoshop.
WEB - Sobre trabalhar com camadas em animaes
Trabalhar com camadas uma parte essesncial da criao de animaes no ImageReady. Dispor cada
elemento de uma animao em uma camada prpria permite alterar a posio e a aparncia do
elemento por uma srie de quadros.
Alteraes especficas ao quadro: Algumas alteraes efetuadas s camadas afetam somente o
quadro de animao ativo. Por padro, as alteraes feitas por meio dos comandos e opes da paleta
157
2 Passo: Duplique a camada clicando sobre o boto "Duplicates current frame" como abaixo:
158
5 Passo: Em seguida, desabilite a opo de visualizao 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 boto de interpolao de quadros (ver F) e deixe como abaixo:
159
Est e nossa imagem final. Claro que o resultado vai variar com o nmero de interpolaes de cada
leitor.
Bom, agora que j sabemos algumas informaes 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 matrias.
Com as fontes e imagens j definidas e posicionadas, use da tcnica passada na matria 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 visualizao
da camada do texto em um frame.
A diferena 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 espao de tempo, dando a impresso de piscar, e ao
texto "iMasters", do lado direito, adicionei um frame posicionando por fora da ara visualizada. Fiz uma
ilustrao apenas para imaginarmos a posio onde coloquei o iMasters e adicionei a interpolao com
espao de tempo curto.
(Claro que iMasters no ir aparecer. Eu apenas fiz uma ilustrao 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 matria "Gotas em lata de refrigerante!"
Espero que tenham gostado. Dvidas, mandem-me via email. Um abrao a todos e fiquem com Deus.
160
BANNER 02
Salve amigos! Hoje daremos sequncia srie sobre Banners. Trabalharemos mais alguns estilos de
fundo. Antes, eu so gostaria de mandar um abrao para o pessoal da WOC e agradecer muito a
oportunidade.
Um grande abrao tambm a todos meus amigos.
Criando banners
Descrio: Estudo sobre criao de fundos para banners
Software ultilizado: Photoshop 7.0 em Ingls (Funciona em qualquer verso)
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
critrio do criador, j que tambm podemos usar branco como cor inicial). Em seguida, pressione "D"
para as cores voltarem as padres.
Como podemos observar, o prprio Photoshop j possui uma configurao de tamanho presente para
banners;
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;
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 opes abaixo:
162
Caso queira com outra cor, basta alterar suas configuraes. 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".
Semana que vem falarei exclusivamente sobre o Image Ready. Ento, quem tem duvida sobre como
utilizar esse maravilhoso programa, no perca a prxima matria. Vou mostrar desde algumas das
funes principais at como dar movimentos mais complexos a seu banner. Um abrao e fiquem com
Deus.
BANNERS
Ol grandes amigos! Primeiramente desculpe pela minha ausncia com a coluna na ltima semana. Tive
alguns problemas pessoais que agora j esto se resolvendo, graas a Deus.
Caso tenham me enviado e-mails e eu no respondi, por favor reenviem sua dvida para meu outro email pessoal (fabio_lody@yahoo.com.br). Estou voltando normalmente tambm a postar imagens em
meu Fotolog (www.fotolog.net/fabiolody). Qualquer dvida em relao s imagens postadas, entrem em
contato.
Antes de iniciar a matria, eu so gostaria de corrigir um pequeno erro na matria "Cabelos Rebeldes".
No 7 Passo eu alterei o nome da ferramenta, onde o correto seria "Dodge Tool".
Dando sequncia nossa lista, hoje iremos ver falar sobre fundos para Banners!
163
Antes de tudo precisamos ver quais tipos de banner iremos trabalhar. Os espaos mais utilizados so o
topo da pgina, para full banners e os botes, que so banners menores, localizados em espaos
alternativos, na lateral ou ao final do layout.
Os banners botes tem o tamanho padro de 88x31. Abaixo temos 3 exemplos, cedido pelo usurio
VBA de nosso frum.
Outros banners botes, um pouco maiores, so os de 120x60 pixels.
Vamos l!
Criando banners
Descrio: Explicao sobre como criar fundos para banners
Software ultilizado: Photoshop 7.0 em Ingls (Funciona em qualquer verso)
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 tambm podemos usar branco como cor inicial). Em seguida pressione "D"
para as cores voltarem ao padro. Como podemos ver, o prprio Photoshop j possui uma configurao
de tamanho presente para banners.
2 Passo: Em seguida, v na barra de Opes: Window > Documents > New Window
Fazendo isso, estamos criando mais uma visualizao 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 idias. No
meu caso, como farei um banner da prpria coluna, utilizarei branco como fundo e um logo do iMasters
para a primeira ao.
Repare que, por enquanto, a nica coisa que fiz foi posicionar um logo. Pressionando "CTRL+T" para
ablitarmos as opes de transformao 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 fcil, j que o mais dificil considerado o
movimento que veremos na prxima matria.
7 Passo: Usando a mesma quantidade de camadas e as mesmas idias, 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 so 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
13 Passo: Vamos em: Image > Adjustments > Hue/Saturation... "Ctrl+U" e hablite a opo "Colorize".
Altere as configuraes 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 configuraes para:
Hue: 36
Saturation: 98
Lightness: +5
15 Passo: Em blending Option, altere sua propriedade como a seguir:
166
Terminamos o segundo:
PIXEL ART 3D
E ai meus amigos! Como vo vocs? Bom, vamos para a segunda parte desse to maravilhoso mundo
pixel.
Descrio: Explicao passa a passo sobre pixelart 3D
Software utilizado: Photoshop CS em Ingls
Grau de Dificuldade: 8,0
Ao som de: Steel Dragon - We all die young
Algumas regras: Geralmente os elementos em pixelart 3D so criados em perspectiva isomtrica. Essa
perspectiva conhecida como perspectiva perfeita, pois as formas no apresentam distores.
atravs dessa falsa simulao de volume que so construdos a maioria dos desenhos em pixelart 3D.
A perspectiva isomtrica baseada no ngulo de 30, assim:
167
Em 30 a linha de pixels fica deformada, contendo ora um, ora dois, ora trs pixels numa seqncia
indefinida que esteticamente fica terrvel. Para uma melhor apresentao, corrige-se a linha para a
seqncia de dois em dois pixels, trazendo a angulao para algo prximo do 26.
Ento, mantendo nossa nova medida de 26, criamos a malha para confeco de nossa perspectiva
isomtrica.
Bom, s lembrando do nosso caminho da matria passada. Para desenvolv-lo, basta seguir essas
dicas:
A medida X1 corresponde base do caminho. Se a medida fosse transferida diretamente para a malha
isomtrica o resultado seria um caminho maior do que a medida correta. O caminho teria sua forma
final esticada em relao s propores originais. A medida errada pode ser observada na cor cinza
escura.
Para que a medida seja transferida com segurana, criou-se um crculo azul com o centro em um dos
vrtices inferior direito da casa. Do centro do crculo azul foi traado um raio com 26 de inclinao em
relao base da casa. No exato ponto onde o raio cruza a circunferncia, indicado no desenho com a
cor laranja, marcada a linha de rebatimento. Definida no desenho com a cor cinza claro. Aps essa
marcao a medida X1 pode ser transferida com segurana para a malha isomtrica. Agora
comearemos do zero um quarteiro em Pixelart 3D.
1 Passo: Trace o contorno base do seu quarteiro.
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 quarteiro, de
verde (#19740D).
4 Passo: Agora comece a construo de seu quarteiro. Eu comecei com uma rvore. Note que
existem pontos que no devemos deixar pra trs, 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 vrios pontos diferentes. Em seguida, construa uns
homenzinhos (nesse ponto os detalhes no influenciam j que o homenzinho e quase imperceptvel).
Amigos, eu gostaria de deixar claro que isso s o princpio de pixelart 3D. Abaixo seguem alguns
exemplos retirados da internet de como esse mundo pode ser maravilhoso.
169
EFEITOS DE LUZ
Pulando uma matria na lista divulgada semana passada, vamos para "Efeitos de Luz". Quem tem
acompanhado meu fotolog (www.fotolog.net/fabiolody) viu que publiquei inmeras imagens com efeitos
de luz. E um deles em especial chamou bastante ateno de alguns leitores. Imagem esta que voc
encontrar abaixo. Ento iremos reproduzir um efeito parecido e bem procurando por photoshopers.
Imagem postada e usada como exemplo:
170
3 Passo: Escolha branco e, com a ferramenta "Elipse Tool", trace um arco como nas imagens abaixo.
4 Passo: Clique com o boto 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
seleo.
6 Passo: V em "Select" > "Modify" > "Contract". Em "Contract Selection", altere seu valor para 5
pixels.
8 Passo: Duplique a camada quantas vezes quiser e altere sua posio 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 boto direito e clicando em "Duplicate
Layer".
12 Passo: Na terceira camada de arcos repita o 10 passo com a diferena do valor para 21,1.
13 Passo: Repita o 9 passo. No esqueca de nomear a camada para "arcos" (boto direito > layer
propertier).
14 Passo: Pressione "SHIFT + CTRL+ N" para criarmos uma nova camada e a nomeie como "trao".
172
15 Passo: Clique sobre o Pincel "Brush Tool" e altere, na barra de Opes, sua ponta para "Soft Round
17 Pixels".
17 Passo: Nesse momento v em "Filter" > "Blur" > "Motion Blur" e coloque os valores a seguir:
22 Passo: Em Blending Option da camada recm criada, escolha "Vivid Light" e 45 de opacidade:
23 Passo: Na barra de opes, v em "Layer" > "Flatten Image". Perceba que achatamos nossas
camadas e que na camada "background" temos a corrente, impossibilitando assim a edio 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 opes na barra de Opes como na imagem a seguir:
25 Passo: Agora trace a posio 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,
vrios traos com a diferena que com a propriedade em overlay, alm de borda, fonte e brush de flash.
174
3 Passo: Escreva suas iniciais usando um corpo de fonte largo e legvel (usei: Arial Black, 150pt,
Sharp). Sua cor idependente nesse passo, j que colocaremos uma textura.
175
Stroke (Traado)
6Passo: Pressione "D" e em seguida "X" para voltar ao padro de cores e as alternar. Logo depois, v
nas opes de degrad e escolha a de brando para transparente.
176
7 Passo: Segure a tecla "SHIFT" e, no meio das iniciais, e faa 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.
9 Passo: Com a ferramenta "Move Tool (V)", escolha a camada "TRAO" e pressione "CTRL + G".
177
13 Passo: Agora pressionando "SHIFT", selecione os dois frames e clique sobre o boto "Tweens
animation 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.
4 Passo: Na barra de Opes, clique sobre a opo "Forma", clicando na setinha ao lado. Ao aparecer
as opes de forma padres, escolha "Carta de Copas" (ou seja, nosso corao).
179
5 Passo: Agora posicione seu cursor no canto superior esquerdo e trace seu corao. (Lembrando que
se usar o 'SHIFT ', o trao sai com as coordenadas perfeitas).
6 Passo: Na camada da forma do corao, clique com o boto direito e v em "Converter camada em
Bitmap" e em seguida v em Camada> Estilo de camada> Opes de mesclagem.
7 Passo: Clique sobre "Sombra projetada" e altere para as configuraes abaixo:
Chanfro e Entalhe
8 Passo: Crie uma nova camada (acima da camada do corao) e clique sobre ela. No esquea de
adicionar a corrente. Em seguida pressione 'CTRL + E' para mesclar a camada nova com a da forma do
corao.
9 Passo: V em Imagem > Ajustes > Variaes. Adicione mais magenta e vermelho com o nivel de
variao 4.
10 Passo: Nesse momento, adicione uma camada sobre o corao e a preencha de vermelho
#FF2A00. Em seguida deixe a com 19% de opacidade e em "diviso" em sua propriedade.
180
11 Passo: Clique na camada "Plano de Fundo" e pressione 'CTRL + U'. Altere suas configuraes
como abaixo:
12 Passo: V em Filtro > Artstico > Esponja e altere como abaixo suas configuraes.
13 Passo: Com a mesma camada de "plano de fundo" selecionada, v em Filtro > Acabamento >
Efeitos de Iluminao.
181
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. Criao de site pelo Photoshop
08. Criao de bordas
09. Texto em ouro com brilho
10. Pixel Art
Cabelos rebeldes
Descrio: Explicao sobre como alterarmos o fundo onde temos cabelos espalhados.
Software ultilizado: Photoshop 7.0 em ingls (Funciona em qualquer verso)
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 princpais. 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 impresso), de acordo com a calibragem de seu monitor. (Para informaes a respeito
da calibragem pessoal de cor, consulte minha matria sobre calibragem).
Quando temos imagens em RGB, nossa paleta "canais" nos mostra os canais vermelho, verde e azul.
Agora um trecho do prprio help do Photoshop:
"Observe que todos canais de cor se encontram visveis atualmente, inclusive o canal RGB, que uma
composio 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 ingls 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 boto 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 composio de nossa imagem e no o que queremos.
183
4 Passo: Com nosso canal verde_02 ativo, iremos inverter suas proriedades de cor pressionando
"ctrl+i".
9 passo: Pressione "CTRL" e retorne paleta de layers (camadas). Arraste sua seleo mantendo
CTRL pressionado para outra imagem.
184
185
11 Passo: Duplique a camada da foto clicando com o boto direito e nomeie a nova camada como
"foto". Agora altere sua propriedade para "Normal", como no passo 10
12 Passo: Nesse momento, crie uma mscara 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 "Crculo Slido". O
tamanho depende da regio alterada.
14 Passo: Agora v retirando as rebarbas. Lembrando que quando usamos mscara, 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 no alterei. Caso
tivssemos que alter-los precisariamos de outra matria somente para o tratamento. Outra coisa que a
altera bem seria a imagem de fundo da foto.
186
Um demarcador pode ser fechado, sem incio ou fim (por exemplo, um crculo), ou aberto, com
extremidades distintas (por exemplo, uma linha ondulada). Curvas suaves so conectadas por pontos de
ancoragem chamados pontos suaves. Demarcadores curvos so conectados por pontos de vrtice.
Ao mover uma linha de direo em um ponto suave, os segmentos de curvas de ambos os lados do
ponto se ajustam simultaneamente. Em comparao, ao mover uma linha de direo em um ponto de
vrtice, somente ajustada a curva do mesmo lado do ponto da linha de direo.
Ajustando um ponto suave e um ponto de vrtice. Bom agora que j aprendemos como funciona,
tentaremos reproduzi-la de uma maneira que na minha opinio bem mais fcil, usando a ajuda de
formas pr-definidas. Tudo com a ajuda da ferramenta Retngulo.
Descrio: Explicao passo a passo de como criar curvas no Photoshop
Software utilizado: Photoshop 7.0 em Portugus
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
Retngulo e trace um retngulo que ocupe quase que de ponta a ponta os dois lados do espao criado.
2 Passo: Agora clique sobre a ferramenta "Seleo 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 seleo direta ( a seta de baixo) e clique sobre a
forma. Nesse momento temos total condio de alterar sua forma, apenas adicionando pontos de
ancora.
5 Passo: Agora adicione um novo ponto de ancoragem com a ferramenta "caneta" do lado direito.
Bom, agora j sabemos como fazer curvas. S precisamos ter bom gosto. Agora uma dica! Antes de
traar sua curva, tenha j em mente a forma, posio e tamanho da curva.Assim economizar um bom
tempo.
Aqui aps algumas alteraes:
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 tcnica:
PIXEL ART
PixelArt a arte de se desenhar pixel por pixel. Antes do tutorial, uma prvia.
O que pixel?
Pixel a abreviao de picture element (elemento da foto). a menor parte de uma imagem
digitalizada. Cada um destes pontos possui a informao que determina sua cor. Este conjunto de
pontos arrumado no formato de uma matriz. Essa matriz forma a imagem. O pixel determina a
resoluo desta imagem.
Como possvel acessar um pixel?
Um pixel s acessado via softwares de edio 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 Resoluo?
Resoluo a quantidade de pixels em sentido horizontal e vertical e o nmero de cores geradas pela
placa de vdeo e aceitas pelo monitor. Quanto maior a quantidade de pixels e de cores, mais claras e
precisas so as imagens. A unidade de medida de Resoluo 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 configuraes bsicas podem ser 256 cores , 65.536 (chamada high color 16 bits) e
16,7 milhes (high color 24 bits). A norma segue sendo SVGA (Super Video Graphics Array).
O que um cone?
Sem se aprofundar no sentido simblico da palavra, cones so desenhos sintticos que identificam
objetos ou funes em uma interface grfica. Geralmente tem as seguintes especificaes:
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 - milhes das cores
f) nas medidas 16x16 pixels ou 32x32 pixels
O que pixelart?
Basicamente a tcnica de desenhar atravs de pixels. Acredita-se que surgiu junto com os vdeogames, que utilizavam a tcnica para suprir as deficincias na elaborao de imagens de melhor
qualidade.
Vamos matria que iniciar o ano com chave de ouro. Mas lembrando sempre que alguns dos
melhores Pixelarts do mundo possuem Tables de pelo menos 300 dlares, e aqui faremos na raa! E
iremos comear com um em 2D bem simples. Na prxima matria de pixelart falaremos sobre 3D.
Descrio: Explicao passo a passo sobre pixelart
Software utilizado: Photoshop CS em Ingls
Grau de Dificuldade: 8,0
Ao som de: Chad Kroeger - Hero
1 Passo: Crie uma imagem com nome de "Caminho" do tamanho de 150x80 pixels com 72 dpi de
189
3 Passo: Com as devidas alteraes vamos comear nossa arte. S mais uma dica:
com a ltima alterao de criao da 2 Janela, nosso pixel ficar mais fcil. Mas como assim? Varia de
acordo com o tamanho do monitor de cada usurio. No meu caso eu uso um monitor de 14 com uma
placa com sada para TV, e deixo as ferramentas e as paletas do PS sendo mostrados na TV e deixo o
monitor inteiramente a disposio do trabalho. Mas da forma que farei ficar com uma visualizao mais
fcil.
Deixe a Janela esquerda com 300% de zoom e o da direita com 100 %.
4 Passo: Comece a traar a borda do seu desenho. Em meu exemplo fiz um caminho.
5 Passo: Sempre trocando a cor da ponta do lpis e tomando muito cuidado com detalhes, trace alguns
outros trechos do seu caminho.
6 Passo: Defina uma cor a ser usada em seu desenho (Lembre que existem detalhes, como sombra e
posio da luz, que no podem ser ignorados).
190
Mas note que precisamos perceber cada ponto, mesmo sendo em pequeno estado j que faz muita
diferena.
Na semana que vem iremos ver mais detalhes desse maravilhoso mundo. Mas desta vez alguns mais
usados na web. Pixelart em 3D.
Um grande abrao a todos, e espero que tenham gostado e sucesso nesse ano que se inicia!
Alguns trechos do texto so de autoria de Armando Fontes
BRINCANDO COM FOGO
Descrio: Explicao passo a passo de como deixar texto com aparncia de fogo
Software ultilizado: Photoshop 7.0 em ingls
Grau de Dificuldade: 8,0
1 Passo: Crie uma imagem de 400x400 pxl e pressione "D" para as cores voltarem ao seu padro.
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 sugesto: as
configuraes de tipo de fonte e tamanho que usei esto abaixo:
191
5 Passo: V em Filtros...Estilizar...Vento.
192
Ficar assim:
193
8 Passo: Nesse momento pressione CTRL+U e altere as configuraes 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.
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 mscara ao seu texto.
14 Passo: Usando a ferramenta "Gradient Tool", trace uma reta de cima para baixo, de acordo com as
configuraes a seguir...
"Lembrando que a satisfao que teremos com a sombra criada na fonte, varia de acordo com a posio
que ser traada."
195
Efeito Final
Mais abaixo algumas artes usando o mesmo principio
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 colorao parecida. Clique sobre a ferramenta "Eyedropper tool".
196
4 Passo: Agora, clicando sobre a primeira foto, pressione "CTRL+U" e deixe as configuraes como
no exemplo:
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 traa o
caminho da imagem, do lado esquerdo uma pequena cruz o acompanha sobre a rea escolhida.
198
COLORAO DE FOTOS
Descrio: Colorizao de fotos em PB
Software ultilizado: Photoshop 6.0 em Portugus
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/SATURAO).
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 seleo (Modo Padro).
7 Passo: Crie uma nova camada, e usando a ferramenta Pincel, preencha novamente a seleo criada
como na figura:
200
8 Passo: Em seguida, v sobre a paleta de Camadas (layers) e altere sua propriedade para Sobrepor
(Overlay).
Aps sobrepor, imagem final:
2 Passo: Usando a ferramenta Rounded Tool (No esquea de mudar as opes de "corner Radius"
para um numero maior) com 60 px. Ficando assim mais arredondado.
201
Contorno(Contour)
em Contour use:
202
Saturao(Satin)
SCAN LINE
Descrio: Utilizao de um efeito como de TV
Software ultilizado: Photoshop 6.0 em Portugus
Grau de Dificuldade: 4,5
1 Passo: Abra uma imagem qualquer que servir de base para usarmos o efeito:
203
3 Passo: Segure a tecla ' CTRL ' e pressione ' + ' para podermos aproximar o arquivo (note que cada
vez pressionado, mais prximo ficar)
6 Passo: Nesse momento v em na Opo "Editar" (Edit), "Definir Padro" (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 opo "PATH" e iremos comear a trabalhar e a entender a
ultilizao da ferramenta PEN.
Aqui vai uma previa retirada do prprio HELP do Photoshop.
"A ferramenta caneta de forma livre permite desenhar como se desenha com um lpis em um papel. Pontos de
ancoragem so adicionados automaticamente medida que voc desenha. No possvel definir o local em que os
pontos so posicionados, mas possvel ajust-los depois de completar o demarcador.
A caneta magntica uma opo da ferramenta de forma livre que permite desenhar um demarcador que se ajusta s
arestas de reas definidas na imagem. possvel definir a escala e a sensibilidade do comportamento de ajuste, bem
como a complexidade do demarcador resultante. As ferramentas caneta magntica e lao magntico compartilham vrias
opes em comum."
Ento vamos l:
Ferramenta "PEN TOOL"
Descrio: Utilizao de uma ferramenta
Software ultilizado: Photoshop 7.0 em Ingls
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 criao de um logo.
205
3 Passo: V na paleta das camadas e a transforme em um Bitmap usando o boto Direito do mouse,
como na figura abaixo.
..
4 Passo: Nesse momento, d um CTRL + CLIQUE sobre a camada de texto, para criar uma seleo.
5 Passo: Clique sobre a ferramenta "RECTANGULAR MARQUEE TOOL" e em seguinda, com o boto
Direito, v na oo '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 posio dos pontos...
8 Passo: Aps concluir toda a alterao nas fontes, vamos alter-la com seus pontos e transformar em
um logo.
Ento ao termino, clique om o boto direito do mouse e v na opo "CREATE VECTOR MASK"
9 Passo: Em seguida, repita a ao, mas desta vez sobre a ferramenta 'FILL SUB PATH"
207
208
PINCEL ou BRUSH
Descrio: Utilizao completa de uma importante ferramenta
Software ultilizado: Photoshop 6.0 em portugus
Grau de Dificuldade: 5,5
Antes de tudo, uma breve introduo a respeito da ferramenta:
O que so brushes?
So imagens em preto, branco e tons de cinza que podem ser "carimbadas" e transformadas em trabalhos grficos ..
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.0PredefiniesPincis
Lembrando que os arquivos de Pinceis(Brushes) tem extenses *.ABR
Agora que j sabemos o que significa, vamos por a mo na massa. Mostraremos nesta matria duas formas de se ultilizar
pincis. Vamos ao primeiro:
Pincel Personalizado (Transformando imagens em pincis no Photoshop)
Podemos transformar praticamente qualquer imagem em pincis 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 Padrs (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:
209
**Obs: Caso queira eliminar o Brush recm 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 geomtrica simples usando a
ferramenta Lao Poligonal (o tamanho fica a critrio).
2 Passo: Usando a ferramenta "Lata de Tinta" preencha com uma cor qualquer (de preferncia escura)
3 Passo: Em seguida va no menu Selecionar (Select) Modificar(Modify)...Reduo e altere para 2,0
Esta imagem foi retirada do meu site pessoal. Abrao amigos, e at a prxima!
210
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 boto direito. V em "Traar
Demarcador" e depois na opo "PINCEL".
Pronto!
Agora so usar a criatividade.
212
EFEITO DE FUNDO
Descrio: Efeito de fundo usando um redemoinho com saturao
Software ultilizado: Photoshop 6.0 em portugus (Funciona no 7.0)
Grau de Dificuldade: 7,5
Vamos l!
1 Passo: Crie um novo arquivo com 500x500 pixels (o tamanho no importa, j que ao final iremos
recort-lo)
2 Passo: Faa uma nova camada e a preencha de preto (#000000)
3Passo: V em Filtros (Filters)...Acabamento(Render)...Reflexo de Flash (Lens Flares)...Opo: First
50-300mm Zoom.
213
Ficar assim:
214
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
216
2 Passo: Crie uma nova Camada "layer" . Em seguida, com a ferramente Marquee
, faa uma
seleo que quase cubra sua imagem.
**Note que nesse ponto voc estara definindo praticamente a area de efeito Half Tone
4 Passo: V em Filtro "Filter" ...Pixelizao "Pixelate"...Meio Tom em Cinza "Color Half Tone"......
e coloque os valores a seguir:
217
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)
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)...Estilizao (Stylise)... Arestas Brilhantes (Glowing
Edges) .E entre com os seguintes valores: Edge Width = 1; Edge Brightness = 15; Smoothness = 1.
SPLASH TEXTURE
Ol amigos tudo bom?
Vamos ento dar continuidade a nossa srie 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 padro. Para
maiores informaes, veja minha matria sobre Definies.
1 Passo: Abra uma imagem qualquer e em seguida crie uma nova camada (layer)
220
2 Passo: Com o boto direito, clique na ferramenta "Retngulo" (Rectangle Tool) e escolha a opo
"Ferramenta Elipse" (Ellipse Tool), nesse momento faa pequenas elipses curvas em seu desenho
Faa isso em todos e observer que existem detalhes que sero importantes para termos sucesso no
final.
5 Passo: Quando terminado em todas as elipses, retorne a ferramenta "Seleo Direta" (Direct
Selection Tool) para "Ferramenta Seleo 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
"Contorno" (Contour)
"Acentinado" (Satin)
222
TEXTURA AO
1 Passo: Crie uma imagem de 400x400. Deixe suas cores primrias e secundrias
(foreground/background) pades, ou seja, preto e branco. Apenas mantenha pressionado o Shift e
pressioneD.
223
224
Nesse momento, clique sobre a camada que contm a textura. Em seguida pressione "CTRL +G"
225
Saiba que esse ponto o mais importante, se necessrio refaa-o vrias vezes at o efeito
desejado ok
226
5 Passo: Agora escolha a ferramenta "Varinha Mgica" (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 ao, toda vez que precisar us-lo.
227
Agora ficou fcil, espero que no tenham restado dvidas de como us-lo.
Lembrando sempre que devemos selecionar a parte onde queremos usar a textura e criar uma camada
separada
J o filtro Reticulao, faa 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 seleo com uma cor qualquer ou com um efeito ex. Nuvens)
4 Passo: Nesse momento v em "Filtro" (filter)..."Croqui" (sketch)..."Reticulao" (reticulation).
Usei os valores a seguir:
228
ALIEN STYLE
Ol pessoal, na matria 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
229
BLUE STEEL
1 Passo: Crie uma imagem de um tamanho qualquer suficiente para caber seu texto
*Obs: A cor no Importa nesse ponto ok?!
230
Contorno (Contour)
231
2 Passo: Agora v em Camada (Layer)... Estilo da Camada (Layer Style)...Chanfro e Entalhe (Bevel
and Emboss)... e altere as configuraes como na imagem a seguir
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). Faa essas mudanas :
232
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.
3 Passo: Clique na aba Channels e adicione um novo o (Alpha 1) e preencha sua seleo com Branco.
Nesse momento ja pode deselecionar o retangulo (CTRL+D).
4Passo: V em Fltros (Filter)...Movimento Gaussiano (Gaussian Blur)... e altere o seu valor para 9,0
234
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.
Descrio : 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
8 Passo: Segure a tecla SHIFT e mova sua seleo um pouco para baixo...
...agora crie uma nova camada (Layer). Pressione D e ento X, para alterar seu padro de cor.
9 Passo: Escolha a ferramenta Gradiente (Gradient Tool) e altere suas opes para "foreground to
transparent" .
10 Passo: Agora trace a ferramenta como na figura:
11 Passo: Bom agora CTRL+D para sair da seleo. 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 boto. E altere a opo da Camada para o modo
Sobrepor "Overlay" e altere tambm 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 alguns outros tipo de boto 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)
4 Passo: Recorte sua imagem em alguns pontos ( dependendo do tamanho da Imagem, recorta-la 3
vezes uma boa opo )
238
6 Passo: Do lado direito em Settings: Existem muitas opes... entre elas a opo de escolher que
extenso ser salva a sua imagem recortada, o numero de cores, se ser para os computadores da
apple, se ter transparencia....enfim so muitas. Caso alguem tenha duvida em alguma ferramenta em
que eu no 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 trs partes.
FERRAMENTA LIQUIFY
O Comando Liquify est disponvel para imagens de 8 bits, nos modos RGB Color, CMYK Color, Lab
Color e Grayscale.
1 Passo: No Photoshop 7.0, v na opo Filter.....Liquidy ( no PS 6.0 fica na Opo Image )
Bom agora vou explicar algumas ferramentas passo a passo ok
Warp Tool
Twirl Clockwise tool
239
pincelada.
Reflection Tool
(Reflexo)
Reconstrutict Tool
(Reconstruir)
Freeze Tool ( Congelar) Utilizada para proteger reas que no devero sofrer modificaes
Thaw Tool
(Descongelar)
BORDA ARREDONDADA
1 Passo: Bom quero lembrar que existem diversas formas de se fazer uma borda arredondada. Essa
uma delas ok? Na minha opinio a mais facil e na prxima matria sobre fotos publicarei mais
formas...bom vamos l
Abra uma foto e selecione a ara que deseja o efeito arredondado, como as bordas
2 Passo:Va na barra de Menu e escolha a opo Suavizao (Smooth) Use 6 como valor do
arredondamento. D CTRL+SHIFT+I e delete a rea de fundo...
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 seleo Magic Wand
Tool
1 Passo: Bom abra a imagem desejada. ( Os caminhos vo depender muito da verso do PS que voc
usa, ja que os caminhos do 6.0 para o 7.0 mudaram)
2Passo: No Photoshop 7.0 V em Filter..... Extract. No PS. 6.0 essa Ferramenta fica na Opo
Imagens na Barra de Menu
3Passo: 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.
4Passo: Pinte o contorno do objeto que ser extrado do fundo, mantendo o boto esquerdo do mouse
pressionado. Utilize a ferramenta Eraser para efetuar algumas correes necessrias 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
extrada, para preench-la
5Passo: 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 ao, extraindo a figura da imagem.
241
*Obs: Se quiser extrair um objeto de uma cor s, selecione a opo 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 matria dedicada a Maria de Fatima( minha tia que est na foto) falecida a 3 meses.
TEXTO EXPLODINDO NO PHOTOSHOP
A unio de alguns recursos oferecidos pelo Adobe Photoshop usado para criar efeitos incrveis e
poucos usados no cotidiano.
Crie um novo arquivo com o tamanho de 500x300 pixels
Escreva o texto WEB, como mostra a figura abaixo:
242
243
Ajuste o menu pop down da Camada duplicada para Luz direta.Veja 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: ento vamos posicionar o mouse e puxarmos como a
imagem a seguir:
245
Segurando o Shift, vamos criar uma seleo como a imagem a seguir e pintarmos ela de preto:
Passo 5:
Feito a seleo e a bola j pintada, vamos retirar a seleo (ctrl d). A prxima etapa sra no Blending
Options:
Passo 6:
Dentro da janela do Blending Options, v na opo 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..
247
Volte ao degrade, e vamos utilizar o degrade padro, do preto para o branco, como a imagem a seguir:
248