Escolar Documentos
Profissional Documentos
Cultura Documentos
Tecnicas de Photoshop para Principiantes
Tecnicas de Photoshop para Principiantes
Uma das coisas que tornam o Photoshop uma incrível ferramenta é a fácil interface e os
ótimos atalhos e comandos. Colocaremos aqui para vocês a maioria dos comandos. Não
só dicas de atalhos, como de várias áreas.
Dicas de Interface:
1. Você provavelmente sabe que apertando Tab, as palhetas (palletes) e a barra de
ferramentas (toolbar) ficam escondidas. Mas você também pode apertar Shift+Tab pra
esconder somente as paletas, deixando a barra de ferramentas visível ainda.
2. Mova suas palhetas para o canto mais próximo da tela, ou da borda, clicando na barra
de título (a parte azul) com o Shift.
3. Dando clique duplo na barra de título das palhetas e da barra de ferramentas elas irão
minimizar.
4. Dando um clique duplo nos ícones da barra de ferramentas irá abrir a barra de opções
para o respectivo ícone na parte de cima. Ou você pode ir em Window " Options.
5. Use o campo de zoom (na parte inferior esquerda da tela) pra colocar rapidamente um
valor certo de zoom.
6. Na barra de status, clique na parte onde tem escrito "Doc. tamanho da imagem" (abaixo
da tela, onde tem o campo de zoom) segurando o Alt para mostrar detalhes sobre a
imagem aberta. Como resolução, tamanho, canais, etc.
7. Sabe quando você abre uma imagem e aumenta ela arrastando as bordas da janela, e
aparece o fundo da tela na cor cinza? Você pode trocar essa cor se desejar. Pegue o balde
de tintas (Paint Bucket Tool - G) e clique na parte cinza segurando o Shift e ele ficará com
a cor que estiver de foreground. Dica: Pra voltar para a cor normal, use essas
configurações de cor: R192, G192, B192, e clique com o Shift no fundo de novo.
8. Segurando o Alt, você transforma qualqer botão de Cancel em um botão de Reset. Isso
serve pra voltar as configurações normais da imagem sem ter que ficar voltando ou
cancelando para voltar.
9. Aperte o Caps Lock pra transformar o cursor de alguma ferramenta em um cursor mais
preciso. Só não irá funcionar se nas Preferências já tiver com os cursores precisos
marcados. File " Preferences " Display & Cursors. (Muito pro balde de tintas)
10. Clicando em F você muda a tela entre os tipos de Screen Modes (modos de tela), ou
clicando em cada um deles na parte de baixo da barra de ferramentas.
11.Clicando duas vezes no fundo do Photoshop irá automaticamente aparecer a tela para
abrir arquivo. Ctrl+O ou File " Open.
12. Clicando na palheta Colors (F6), segurando Shift, você muda entre os tipos de cores
disponíveis nos modos RGB, CMKY, Grayscale, Web Safe Colors. Ou clique com o botão
direito e escolha.
13. Clique com o botão direito na barra de título de uma imagem pra acessar rapidamente
as opções Image Size, Canvas Size e Duplicate.
14. Deixando o cursor do mouse parado sobre uma barra de título de uma imagem irá
mostrar o caminho onde a imagem está no seu HD, o zoom e a Layer (camada) que está
sendo trabalhada no momento.
15. Na palheta Swatches (Window " Swatches) você pode adicionar qualqer cor que
desejar (a que estiver como foreground) clicando em alguma parte vazia, cinza, da palheta,
e escolher o nome da sua cor. Remova qualqer uma segurando Ctrl e clicando. E troque
uma por outra segurando Shift e clicando nela.
16. Use o código das cores Hexadecimais (#) para pegar uma cor exata e usá-la em outras
imagens ou até outros programas que suportem cores hexadecimais.
17. Para aumentar ou diminuir a janela de Curvas (Ctrl+M), clique no botão abaixo e a
esquerda de minimizar ou maximizar. No modo maximizado, o Grid onde você mexe nas
curvas, fica com 256 pixels de largura, quando no normal ele tem 171 pixels, ou seja, no
maximizado você tem mais precisão. E clique no Grid segurando o Alt para aumentar ou
3
diminuir os quadradinhos e ter uma precisão maior ainda. E segurando o Alt, você também
troca o botão Cancel por Reset.
18. Clicando no botão de triângulo da palheta de Actions ou nas Layers agrupadas você
abre todas as pastas dentro dela.
19. Para trocar de documentos abertos aperte Ctrl+Tab ou Ctrl+F6.
20. Use o Revert (F12) ou File " Revert, para voltar o documento à última vez q ele foi
salvo.
Dicas de ferramenta:
1. Usando Shift você pode traçar uma linha reta, ou fazer um quadrado com dimensões
iguais, ou um círculo perfeito.
2. Segurando o Ctrl a qualquer hora você pode usar a ferramenta Move (V) sem trocar a
ferramenta que está usando no momento. E quando estiver usando-a, segure o Ctrl+Alt
juntos pra copiar e arrastar a camada q está usando.
3.Segurando a barra de espaço a qualquer momento você pode usar a ferramenta Hand
(H) para mover a figura sem trocar a ferramenta q está usando.
4. Acesse a ferramenta de zoom a qualquer momento apertando Ctrl+Espaço pra aumentar
e Alt+Espaço para diminuir. Clicando com o botão do mouse depois.
5. Apertando Ctrl+Mais (+) você aumenta o zoom direto, e Ctrl+Menos (-) você diminui o
zoom direto também. E Ctrl+Alt+Mais a figura fica do tamanho original, e Ctrl+Alt+Menos
ela fica de um tamaho que caiba na tela. (Muito útil!)
6. Segurando o Alt na hora de escolher uma cor com o conta gotas, ela ficará como
background, cor de fundo.
7. Use o Color Sample Tool (Shift+I) para monitorar diferenças nas cores da imagens.
Segure o Shift e clique em alguma cor, que ele criará um ponto, e com o Shift de novo
clique em outro lugar da imagem que aparecerá outro ponto e na palheta de informações
(Info) aparecerá as configurações da cor. E para remover algum ponto clique com o Alt.
8. Clique em um dos ícones da barra de ferramentas com o Ctrl para resetar as
configurações dele para a padrão.
9. Para aumentar ou diminuir o tamanho de uma brush (pincel - B) use os colchetes [ e ] .
(Muito útil também!)
10. Para escolher o tamanho da caixa de diálogo de um texto, segure o Alt e clique na
ferramenta de texto (T)
11. Para modificar as propriedades de mais de uma camada de texto, como fontes, cor,
tamanho, etc., link uma camada com a outra que você queira mudar e enquanto troca as
propriedades de uma, segure Shift para trocar de todas.
Dicas de comando:
1. Para reaplicar o último filtro usado com as mesmas configurações aperte Ctrl+F (Filter "
Last Filter). E Alt+Ctrl+F para escolher novas configurações do último filtro.
2. Se você recentemente copiou alguma figura, quando criar um novo documento (Ctrl+N)
no OS ele automaticamente irá atribuir os valores da configuração dessa figura. Para voltar
à ultima configuração simplesmente segure o Alt. Ou Alt " File " New, ou Alt+Ctrl+N.
3. Aperte Ctrl+Shift+Z e Ctrl+Alt+Z para voltar ou avançar o que você fez na palheta
History.
4. Use o Alt+Backspace e Ctrl+Backspace para preencher com a cor que estiver no
foreground e background respectivamente. E Shift+Backspace para abrir a opção Fill (Edit "
Fill). Dica: Use Alt+Shift+Backspace e Ctrl+Shift+Backspace para preencher somente a
parte onde tem pixels, preservando a transparência, com as cores de foreground e
background respectivamente.
5. Para usar a Free Transform (Ctrl+T) e duplicar a camada ao mesmo tempo, basta
apertar Ctrl+Alt+T ou Alt " Edit " Free Transform. Mas tem que estar com algo selecionado.
Dica: Para reaplicar a última transformação aperte Ctrl+Shift+T (Edit " Transform " Again).
E reaplique a última transformação numa duplicata apertando Ctrl+Alt+Shift+T. (Cuidado
pra não enrolar os dedos hein! hehe)
4
6. Para impedir que a ferramenta de corte (Crop - C) passe da borda da imagem, segure
Ctrl.
7. Para mudar o ângulo de uma imagem existem várias maneiras. Vou ensinar uma que é
nova para mim. Pegue a ferramenta de medida (Measure Tool - I, junto com o conta gotas),
e trace uma linha de como é o angulo que você deseja que a imagem fique. Depois vá em
Image " Rotate Canvas " Arbitrary.
8.Segurando o Ctrl+Alt na hora que carregar o Photoshop faz com que apareça as
preferências de disco antes de entrar no programa.
9. Pra tornar as preferências TODAS para as originais, segure Ctrl+Alt+Shift na hora de
carregar o Photoshop.
10.Você pode personalizar o menu de Jump To (File " Jump To) e Preview In colocando
atalhos dos seus programas favoritos na pasta Helpers do Photoshop. Mas cada um em
sua pasta, pasta de editores de HTML, de visulizador de imagem e de editor de imagem.
Todos em:
C:Arquivo de ProgramasAdobePhotoshop 7.0Helpers*
11. Na ferramenta Liquify (Ctrl+Shift+X) segure o Shift e clique no botão OK para
temporariamente salvar o que você fez, num arquivo C:TempLiquify.tmp. Mas já tem que
ter uma pasta chamada Temp em C: para funcionar.
12. Para salvar a ação (Action) que você fez para um arquivo de texto pra você ler depois o
que fez, segure Ctrl+Alt e clique em Save Actions.
Dicas de seleção:
1. Como já foi sito, segure Shit enqto usar qualquer ferramenta de seleção para criar
círculos, quadrados, ou retas perfeitas.
2. Para reselecioanr sua última seleção, presione Ctrl+Shift+D (Select " Reselect).
3. Você pode usar a ferramenta Polygonal Lasso enquanto estiver usando a ferramenta de
Lasso segurando Alt, e soltando o botão do mouse, e vice-versa também.
4. Segurando e clicando com o Alt no botão de Quick Mask Mode (abaixo da barra de
ferramentas) você troca os modos de mascara ou de seleção.
Dicas de camada:
1.Troque a Opacity da camada somente apertando os botões numéricos do teclado. 1=
10% 5= 50%, e assim por diante. Use o 0 para 100% e se apertar 85% ficará como 85%.
2.Aumente ou abaixe a quantidade de Opacity e Fill na barra q desliza, em 1% pelas setas
do teclado, ou em 10% segurando o Shift enqto aperta as setas.
3. Segurando o Alt e clicando na camada que você quer, irá esconder/aparecer todas as
outras camadas.
4. "Deslink" a camada que você quer segurando o Alt e clicando no ícone de pincel da
camda.
5. Para tirar todos os efeitos de uma camada segure Alt e clique duas vezes no ícone de
efeitos (F) ou vá em Layer "Effects " Clear Effects.
TÉCNICA DE TÚNEL
Olá amigos. Hoje estudaremos um efeito abstrato bastante utilizado em design gráfico e
para internet, utilizando o Photoshop CS2. Alguns conhecem este efeito como "Túnel".
Aproveitando, gostaria de desejar um feliz ano novo com muita paz, saúde, felicidade e
sorte para que consigamos alcançar todos os nossos objetivos.
Vamos ao artigo:
Crie um novo arquivo conforme a imagem abaixo. Vamos usá-la para criar um novo Padrão
(Pattern).
5
Em uma nova camada(layer), vamos preencher a metade do nosso arquivo com a cor
preta. A outra metade poderá ficar sem preenchimento.
No menu principal, selecione: Edit > Define Pattern. Nomeie o arquivo como quiser. No
meu caso, utilizei "tunel"(sem acento mesmo).
Com o nosso Padrão criado, vamos criar um novo arquivo conforme a imagem abaixo:
No menu principal, selecione: Edit > Fill (Shift + F5 ). Em Contents, na caixa de seleção,
escolha a opção: Pattern (Padrão). Em Custom Pattern, selecione o nosso Padrão que
acabamos de criar.
FOTO TREMIDA
1. Duplique a layer de sua foto/imagem
2. Aplique o Filtro: Filter > Other > High Pass
3. Escolha um número Radius que as linhas da imagem ficam com mais destaque.
4. Mude o modo da Layer para Soft Light.
__
Outra dica para melhorar a nitidez e algumas fotos pouco desfocadas é usar o filtro
Unsharp Mask.
Filter > Sharpen > Unsharp Mask
A configuração é de acordo com cada foto e com o gosto de cada um, geralmente em fotos
de pessoas o ideal é:
Amount 50%
Radius 2px
Threshold 0
A long times tinha respondido uma questão num forum sobre passar cabelos pretos para
loiro... recebi um email de uma pessoa perguntando a mesma coisa daí fucei e encontrei o
"artigo" mal escrito pobre coitado mas ta aí
LEMBRANDO!!! LEMBRANDO!!! QUE o que está em discursão é apenas o preto loiro, não
pensei no contraste da pele, detalhes etc... tava sem tempo hehehe..
4/14/2005
como passar um cabelo preto para loiro?
-----------------------------------------
7
Cara, isso era uma coisa que realmente me intrigava... mas nunca tinha tentado...
realmente não é algo muito fácil. Fiz algo aqui rapidinho pra te dar uma noção.
Primeiramente vc tem que separar o cabelo para trabalharmos apenas com ele.. use seu
método favorito ou o que mais preciso para isso, no caso usei os CHANNELS, meu
favorito, após colocar o seu cabelo em outra camada duplique ela novamente, ou seja vc
vai ter a imagem do fundo original e duas camadas de cabelo, esconda a primeira, usando
COLOR BALANCE, HUE/SATURATION, CURVAS tente deixar a imagem com um amarelo
da figura 3 do link... etc.. Bom agora a esconda, e deixa a primeira visível, inverta as cores
aí CRTL+I, usando COLOR BALANCE, HUE/SATURATION, CURVAS tente deixar ela
como a figura 4. Bom, então ficou assim a camada um com cabelo meio grisalho e a dois
com um amarelo forte, bom ative as duas, agora o pulo do gato, coloque a camada grisalha
em modo SCREEN e abaixe a opacidade da camada amarela para 70. Pronto, agora
corrija alguns detalhes e manda ver.
Ps: não ficou perfeito, ta meio artificial ainda, mas um pouco mais de trabalho ficaria bem
legal. Estes valores não se aplicam a todas as imagens, existiram variações lógicas devido
a luminosidade e intensidade do preto de outros cabelos. Mas é um bom começo.
Vamos fazer um estudo sobre como recortar cabelos enrolados, o que penso ser uma das
questões mais procuradas da seção de PhotoShop, e, imagino, uma das mais complicadas
também.
A nossa imagem base é razoávelmente simples de ser recortada pelo método de Canal
Alpha, uma vez que apresenta um contraste relativamente bom entre o cabelo e o fundo.
8
Canal RED:
Canal GREEN:
Canal BLUE:
9
Para termos um canal de seleção devemos aumentar significativamente o contraste entre o
que queremos manter visível e o que queremos deletar. Para isso usaremos a ferramenta
'CURVES' no canal 'GREEN COPY'. Note que nossa imagem está em RGB, por isso a
parte direita da curva se refere aos tons brancos e a parte esquerda aos tons escuros.
Faremos uma curvatura que acentue o contraste, assim como mostra a figura abaixo:
Mesmo com o 'CURVES' alguns detalhes precisam ser analisados no nosso canal de
seleção. Veja na figura abaixo quais são os detalhes de que falo:
Note que criamos uma LAYER MASK em branco, para apicarmos nela nosso canal de
seleção (GREEN COPY). Para isso, utilizaremos o recurso 'APPLY IMAGE', que nos
possibilita mesclar camadas, inclusive camadas de seleção e de máscaras.
11
Perceba na imagem acima, que aplicamos o canal GREEN COPY invertido como multiply
na nossa layer mask, o que faz com que a camada de máscara 'receba' (por assim dizer) o
desenho do canal que preparamos anteriormente.
Na tabela de canais, do lado direito da imagem, veja que o canal de máscara ficou
'invertido' em relação ao canal 'GREEN COPY'.
Apliquei um fundo amarelo para verificarmos o resultado do nosso recorte, e veja que o
cabelo está mantido na nossa separação de imagens.
Espero que todos tenham gostado deste tutorial... já fazia tempo que pensava em escrevê-
lo.
12
FIBRA DE CARBONO
Olá amigos. Venho pra compartilhar com vocês um pouco do que venho aprendendo ao
longo de 8 anos como designer. Criaremos uma textura simples, de forma bem rápida, mas
com um resultado visual muito agradável. Poderemos aplicar em vários tipos de trabalho.
Sigam-me os bons!
Descrição: Criação de uma textura “Fibra de Carbono”
Software Utilizado: Photoshop CS2 em inglês
Grau de Dificuldade: 6,0
Ao som de: Shakira ft. Wyclef Jean - Hips Don't Lie
01. Primeiramente iremos criar o padrão da textura. Abra um novo documento, de 4x4
pixels, com fundo branco. Note que é bem pequeno mesmo, porém, com a ferramenta
“Zoom” ou pelo atalho, “Ctrl+” você poderá ver o que está fazendo.
02. Selecione a ferramenta “Pencil Tool” e preencha o campo de valor com 1px de
diâmetro. Reproduza toda a área como a figura abaixo:
03. Agora vamos gravá-la como padrão, para podermos utilizá-la posteriormente em vários
trabalhos. Vá em Edit » Define » Pattern, adicione o nome “Fibra de Carbono” ou o que
você preferir e clique OK.
Bom, é fácil. Crie um documento novo, “Ctr+N” de 400x400 pixels, branco. Agora vá em
Edit » Fill, e na combo “Use” selecione “Pattern”
13
Feito isso, aparecerá as opções existentes de padrões ou “patterns”, onde você selecionará
a que você acabou de criar, Fibra de Carbono.
14
Duplique o Background:
Vamos até o menu Filter > Texture > Grain e insira os valores de 30 para Intensity, 5 para
Contrast e selecione a opção Vertical para Grain Type.
Com a ferramenta Elliptical Marquee Tool, faça uma seleção elíptica como na imagem
abaixo;
15
Em seguida, pressione (CTRL + ALT + D), para Feather, e aplique 20;
Era isso então pessoal! Rápido e simples, espero que tenham gostado. Forte abraço a
todos!
DARKART
Olá pessoal. Este é meu primeiro artigo publicado pelo iMasters e espero agradar o maior
número de pessoas possível. O que iremos fazer aqui é algo bem simples, mas que exige
um certo domínio sobre determinadas ferramentas do Photoshop.
16
1
Passo 03: Podemos utilizar vários
tipos de texturas, como essas abaixo,
para dar um toque mais, digamos,
2 3 macabro;
Obs.: Coloquei cada textura com
um número abaixo, para facilitar os
passos seguintes. Clique aqui para
fazer o download das texturas.
4 5 6
17
Passo 08: Colocar a textura n° 3 e
aplicar um “Overlay”, clicar em
“Add Layer Mask”, e fazer a
mesma coisa que no passo
anterior.
Prontinho. Uma destruição facial completa. Apesar da minha mãe não ter curtido muito,
espero que vocês tenham gostado. Em breve mais novidades...
Embora o modelo de cores RGB utilizado por monitores de computador seja capaz de
exibir grande parte do espectro visível, o sistema de vídeo que envia dados a um
determinado monitor muitas vezes limita a maneira como várias cores podem ser exibidas
de uma só vez.
Ao compreender como dados de cor são medidos em arquivos digitais, é possível ajustar
melhor as configurações de exibição de cores para compensar as limitações de seu
sistema de vídeo - Trecho abordado pelo Prof. Pedro, da WOC.
19
2º Passo: Clique sobre a
ferramenta "Rectangle Tool" e
mantenha seu botão pressionado,
até a opção indicada "Ferramenta
Elipse" (Ellipse Tool) .
Faça isso em todos e observer que existem detalhes que serão importantes para termos
sucesso no final.
5º Passo: Quando terminado em
todas as elipses, adicione o "link"
(corrente) nas camadas das formas,
com excessão da "background", para
juntarmos todas as gotas.
20
6º Passo: Clique sobre a primeira
camada e pressione "CTRL+E", assim
estaremos juntando nossas camadas.
Perceba na imagem abaixo que todas
nossas gostas agora estão em uma
única camada.
7º Passo: Agora vá em
"Camada" (Layer)... "Estilo de
Camada" (Layer Style) e use
as alterações a seguir.
21
Pronto. Claro que nosso efeito final
vai depender da construção das
gotas que, como citei acima, varia
do gosto de cada usuário (4º
passo).
Olá pessoal, tudo bem? Inicialmente agradeço o carinho de vocês com meus artigos e hoje
vou retribuir com um artigo delicioso. Vamos criar um efeito chocolate no Photoshop.
Bem, alguns poderão dizer que o filtro Eye Candy 4000 LE faz isso sem perder muito
tempo, mas não podemos ficar dependendo de filtros. Usaremos na imagem abaixo.
Tire o fundo branco da maneira que você achar mais fácil, com as ferramentas de sua
preferência. Após de ter tirado o fundo, use o comando Ctrl+Shift+U para desaturar e vá
em :
22
Sua imagem ficará assim:
Iremos somente dar alguns toques mais realistas. Pressione as teclas Ctrl+J para duplicar
a camada e deixe como mostra na imagem abaixo:
Para iniciarmos nosso trabalho, crie um novo arquivo, no tamanho que desejar. Escolhi
600X600, um espaço bom para se trabalhar. Deixe como background a cor branca.
Crie uma nova layer (camada) com o nome de retangulo. Esta layer ficará acima do
background. Utilizando a ferramenta retângulo (Rectangle Tool), crie um retângulo um poco
menor que o Background. Agora, selecione e pinte com a cor #F4E7C4.
Vá em Filter > Texture > Texturizer e aplique os seguintes ajustes: Veja se Texturizer está
selecionado. Em Texture, escolha Canvas. Em Scaling: 101, Relief: 5. E em Light Direction:
Top right.
Vá em Image > Adjustments > Curves, clique sobre a linha e o input (entrada): coloque
180, e output (saída): 32. Clique em OK.
Vá em Image > Adjustments > Hue/Saturation ou (Ctrl+ U) e coloque em Hue: -13,
Saturation: -10 e clique em OK. Você deve agora ter uma textura semelhante à minha.
Agora, com Lasso Tool (L), faça os recortes nas bordas. Veja as imagens.
24
Com a layer retângulo ativada, vá em Layer > Layer Style > Blendig Options. Após abrir a
janela blending options, clique em Drop Shadow. Deixe selecionado e clique OK.
Agora, vamos utilizar a ferramenta Burn Tool para pintar algumas partes do retângulo
(pintura em torno das bordas de seu papel, incluindo os furos no centro, se você se você
colocou algum furo), aumentando e diminuindo os Brush (Pincéis) para dar o efeito que o
papel está queimado.
Em Range, deixe em Midtones. Você deve agora ter algo similar ao meu. Caso você ache
que ficou muito escuro, clique na ferramenta Dodge Tool para dar uma clareada.
25
Agora nosso papel tá ficando bonitinho. Mas vamos deixá-lo um pouco mais realista. Com
a layer (camada) retangulo ativada, vá em Filter > Brush Strokes > Accented Edges, e
aplique em Edge Width: 2, Edge Brightness: 23 e Smoothness:11.
Você terminou seu pergaminho envelhecido. Agora adicione algum texto com fontes de
aparência velha ou alguma forma velha e aí está pronto!
FOGO PLASTIFICADO
Olá pessoal. Hoje vamos estudar um efeito alternativo de fogo, diferente daquele que
etamos acostumados a encontrar na web, onde o fogo é aplicado a um objeto específico.
2º Passo
1º Passo Abra um novo
arquivo com o tamanho
1024x768 e o background
Branco. Se sua resolução for
800x600, abra o documento
neste tamanho.
26
2º Passo Selecione a ferramenta Paint Bucket Toll (G) e pinte o fundo de Preto;
3º Passo
Coloque um Reflexo de Flash (Menu Filter - Render - Lens Flare);
4º Passo
Digite um texto de sua preferência
e aumente o tamanho deixando no
meio;
Obs.: Pode usar a transformação
livre. Selecione a ferramente Move
Tool e aperte CTRL + T.
27
5º Passo
Agora, gire a imagem Sentido-
Horário (Menu Image - Rotate
Canvas - 90º CW);
6º Passo
• Aplique o efeito Vento na
Vertical (Menu Filter - Stylize -
Wind);
• OK, e marque a opção From
the Left. OK;
• Pressione "CTRL + F" 3 vezes
para Aumentar o efeito.
7º Passo
Volte a imagem ao normal (Image - Rotate Canvas - 90º CCW);
8º Passo
Junte as camadas (Layer - Flatten - Image);
9º Passo
Plastifique a imagem (Filter - Artistic - Plastic Wrap - OK).
10º Passo
Aplique o Color Balance (CTRL + B);
28
11º Passo
Os Tons Shadows, Midtones e Highlights, deixe-os assim:
29
CORAÇÃO DE VIDRO
Aperte Ctrl+Shift+N para criar uma nova camada e renomeie de fundo. Selecione essa
nova camada e arraste-a para baixo da camada coração. Pressione Ctrl, e clique sobre a
camada com o coração, para criar uma seleção. Vá em Select > Modify > Contract, e digite
20 no campo Contract by. Vá em Layer > New > Layer via cut e suas camadas ficaram
assim:
30
Selecione a camada coração que será o contorno e vá em Add a layer style > Bevel and
Emboss, e deixe a seguinte configuração:
Selecione a camada Layer 1 onde será o vidro, vá em Add a layer style > Bevel and
Emboss, como anteriormente, e deixe a seguinte configuração:
31
UNSHARP MASK
Olá pessoal. Hoje trago um artigo para responder dúvidas comuns que recebo por e-mail,
tornando uma foto original em traços. O último e-mail foi de Danielle Queiroz, solicitando
como fazer uma imagem escura como as fotos que encontramos do Che Guevara. Esse
efeito é muito simples e iremos usar o recurso Threshold.
Trabalharei com essa imagem do CheGuevara.
Vá agora em:
32
Use o comando Ctrl+Shift+N para criar uma nova camada e a renomeie de Fundo. Deixe-a
abaixo da camada Che Guevara, selecione a camada Che Guevara, e vá em Color Range.
Deixe como a configuração abaixo, dê um clique na parte branca da imagem, dê OK e
aperte a tecla Delete. Depois, Ctrl+D para tirar a seleção:
Feito isso, o fundo branco irá embora, dando espaço para você preencher com outras
cores. Selecione a camada fundo, e preencha com a cor de sua preferência. Veja o
resultado:
TRAÇOS DIFERENCIADOS
Olá pessoal. Este é meu primeiro material publicado pelo iMasters, espero agradar o maior
número possível de pessoas e buscaremos criar um efeito final extremamente interessante,
através de práticas simples pelo Photoshop.
Para iniciarmos, crie uma imagem com as seguintes proporções:
33
Deixe o plano de fundo com a cor: #70A4BA.
Clique na opção degradé e, logo após, dê dois cliques no degradé acima para criarmos um
novo degradé.
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 não fecharão a página inteira. Aumente
o tamanho delas para as laterais, até ficar como ilustrado abaixo:
Selecione a camada das linhas, e deixe com opacidade 40. Logo após duplique-a e vá em
Editar > Transformação > Girar Verticalmente, colocando a camada duplicada um pouco
mais abaixo, até ficar como abaixo:
35
Cor: #B3B3B3
Posicione o “Retângulo arredondado” em algum lugar que vocês acharem mais apropriado
para o menu. Eu deixei assim:
Deixe a camada que contém este retângulo com opacidade 40. O nosso trabalho até agora
deve estar mais ou menos assim:
36
Pegue a primeira camada com linhas que você criou e duplique. Coloque em nosso
retângulo, lá em baixo. Deverá ficar assim:
Agora usem um pouco da criatividade de vocês para concluirem o layout. Coloquei alguns
detalhes como na imagem:
Dica: Altere os valores das “Ondas” para uma melhor formação na parte superior, de
acordo com o site.
Bom, finalizo por aqui e espero que tenham gostado! Como vocês podem ver, é um layout
agradável e simples de se fazer.
JUMPING OUT
Salve salve grandes amigos! Hoje iremos conhecer um efeito interessante. Trabalharemos
um efeito que, em outros países, é conhecido como "Jumping Out". Ou seja, alteraremos
um ponto da foto dando a impressão que este ponto ficará fora da foto. No Brasil, algumas
pessoas chamam esta técnica de "Pokeout" .
Descrição: Jumping Out
Software ultilizado: Photoshop CS 2 em Inglês
Grau de Dificuldade: 7,5
Ao som de: Incubus - I Wish You Were Here
37
1º Passo: Primeiramente
vamos escolher uma boa
foto e rica em detalhes.
Assim podemos determinar
uma boa área que será
"recortada".
2º Passo: Na paleta de
Camadas, clique com o botão
direito sobre a camada de
nossa foto e escolha a opção
"Duplicate Layers".
38
5º Passo: Clique sobre o botão
"indicates layers visibility" exibido
como um olho sobre a camada de
cima.
39
10º Passo: Clique e arraste ao
redor da cadeira para
conseguirmos sua seleção.
12º Passo: Clique sobre a camada de baixo e em seguida sobre o botão "Indicates Layer
visibility" indicado por um "olho".
40
13º Passo: Clique sobre o botão "Add a layer style".
15º Passo: Crie uma nova camada clicando sobre o botão "Create a new layer". Em
seguida deixe-a por baixo de todas as camadas.
41
17º Passo: Clique sobre o botão "Add a layer style".
19º Passo: Crie uma nova camada pressionando "CTRL + SHIFT + N" Sua paleta de
camadas ficará como abaixo:
20º Passo: Segurando "SHIFT", clique sobre a nova camada, deixando as duas
selecionadas.
42
Mais abaixo, o mesmo efeito em uma foto pessoal: eu
e minha namorada Juliana.
ARTE ABSTRATA
43
Passo 5: Vá em Filter -> Distort -> Polar Coordinates com a opção Rectangular to Polar
marcada.
Passo 6: Clique na layer com o botão direito e selecione Blending Options. Em Gradient
Overlay use os parâmetros abaixo (ou o mais próximo possivel):
Passo 7: Duplique a camada. Com a camada nova selecionada, vá em Edit -> Free
Transformation Path (ou simplesmente Ctrl+T) e rotacione a camada como se você
"tampasse" os espaços em branco. Feito isso, mude o Blending Mode para Multiply. Repita
o processo duas vezes, agora colocando as camadas para Lighten e Overlay,
respectivamente.
Passo 8: Selecione as três novas camadas criadas e dê um Ctrl+E para combiná-las (o
famoso "Merge"). Lembra da camada com o fundo branco que criamos? Preencha-a com
alguma cor variante da que você utilizou (Como eu usei laranja, apenas coloquei um com
tom mais pastel).
Passo 9: Estamos quase lá. Agora vá em Filter -> Blur -> Radial Blur. Marque a opção
Zoom e use 20 como valor. Você terá algo parecido com a figura abaixo:
44
Passo 10: Agora vai depender da sua imaginação para modificar. Como sugestão, use
Filter -> Distort -> Polar Coordinates. Outra sugestão poderia ser Filter -> Distort ->
Spherize com valor ao qual tenha uma "sucção". Os dois efeitos estão abaixo,
respectivamente:
POST IT
45
2º Passo: Clique sobre a ferramenta "Pen Tool" (P).
Note que, graças aos pontos criados, podemos alterar suas posições e direções.
4º Passo: Na janela que se abre "Color Picker", escolha uma cor de tom amarelo. Eu usei a
"#eae845". Em seguida, pressione "OK".
5º Passo: Segure a tecla "CTRL" e clique sobre a máscara de nosso thumbnail (como
abaixo), para trazer nossa seleção sobre o shape
6º Passo: Pressione "Shift + Ctrl + N" para acrescentarmos uma nova camada.
7º Passo: Clique sobre a ferramenta "Gradient Tool".
46
8º Passo: Escolha um degradé de branco para transparente.
10º Passo: Em blending Option, altere sua opacidade para 15% e sua propriedade para "
Pin Light".
11º Passo: Agora trace um degradé ao contrário. Ou seja, do canto superior direito para o
canto esquerdo inferior em preto como no 8º passo.
12º Passo: Creio que neste ponto já conseguimos criar degradés. Então crie um degradé
pequeno na outra ponta de nosso post it da mesma forma que criamos no 11º passo.
13º Passo: Usando a "pen tool" (veja o 2º passo), crie um shape como abaixo:
47
14º Passo: Clique duas vezes sobre sua thumbnail e altere sua cor para cinza (#b3b3b3).
48
CLAREANDO DENTES
49
Ainda nessa janela de cor
seletiva, na aba Cores,
selecione o Branco e deixe
como abaixo (Fig. 4):
Passo 5 - Pressione
CTRL + U ou vá em
Imagem > Ajustes >
Matiz/Saturação e deixe
como abaixo (Fig. 5):
Percebem a diferença? Quero fazer aqui uma observação: nessa matéria foi utilizada a
ferramenta Máscara Rápida para selecionar os dentes, mas qualquer ferramenta de
seleção é viável. É só tomar os devidos cuidados para não selecionar a gengiva e os
lábios. Particularmente eu prefiro essa porque acho que sua precisão é maior, mas fica a
critério OK?
50
BORDAS ARREDONDADAS
Também gostaria de indicar a todos a nova parceria que o iMasters fez com a WOC, com
alguns cursos excelentes para certificação em Photoshop, neste finalzinho do mês.
Descrição: Criando bordas arredondadas no Photoshop
Software ultilizado: Photoshop CS 2 em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 7,0
Ao som de: Alice ´N Chains - Man in a Box
1º Passo: Crie um arquivo novo de 600 x 400 pixels em RGB.
5º Passo: Vá até o botão "Edit in Quick Mask Mode" localizado na barra de ferramentas
ou pressione "Q".
7º Passo: Nesse momento, pressione "Ctrl + L" para acessarmos os niveis da imagem.
Deixe como abaixo:
51
Note que nossa borda já começa a se formar
52
Fabio Pena
fabbiopena@hotmail.com
Gustavo Martins
alberto_knox@hotmail.com
2º Passo: Usando a
ferramenta "Horizontal Type
Tool", digite um texto
qualquer em nossa imagem
como na figura ao lado:
53
2º Passo Especial: Outras opções podemos acompanhar mais abaixo, como colocar o texto em curvas
pré definidas, com serrilhado ou hablitar outras opções como indicado. Ao clicar, podemos alterar o
espaçamento de caracter, colocá-lo em parágrafo e outras alterações bem interessantes. Caso alguém
queira algo específico, me avise por email que eu explico com prazer.
Contour usado:
54
Texture Satin
Contour usado:
Color Overlay
5º Passo: Não esqueca de salvar nosso estilo! Portanto, vá ate o botão "New Style" e digite um nome
na janela que irá aparecer.
Na medida com que vamos alterando as propriedades em "blending option", vamos mudando a
aparência de nosso estilo.
55
PINTURA DIGITAL
Pintura digital é uma forma de arte derivada de desenho vetor. O grande diferencial dessa técnica é a
realidade que a imagem passa com suas tonalidades em degrade, diferente do vetor que é tom sobre
tom.
Essa técnica pode ser feita de duas formas: em um plano de fundo direto ou utilizando camadas que é
um modo mais fácil. Ao final desse trabalho cada pessoa terminará sua obra de uma forma diferenciada,
pois esse tipo de técnica não se utiliza filtros ou algum tipo de padrão. Cada pessoa utilizará as
ferramentas como achar mais adequada para seu trabalho. As escolhas das cores os modos de usar as
ferramentas, tudo influência no trabalho.
Uma Pintura Digital não é feita em duas horas de trabalho, pois quando se trabalha com pressa nada sai
bom, não é mesmo?. Houve trabalho que demorei duas semanas para terminar pelo grau de dificuldade
que a foto apresentava. Por isso já deixo bem claro que paciência é fundamental para esse tipo de
trabalho. Ligue sua MP3 Player, coloque um som para relaxar e vamos começar...
Para iniciarmos nosso trabalho, vamos abrir uma foto de boa qualidade para facilitar: Arquivo > Abrir
(Crtl + O). No meu caso eu escolhi uma foto de tamanho 800 x 548, lembrando que esse tamanho não é
algo padrão. Existem pessoas que gostam de trabalhar com fotos de baixa resolução.
Vamos alterar o modo de tela padrão para o modo de tela cheia, com barra de menus, para termos mais
espaço para trabalhar a imagem. Use a tecla de atalho F ou mude como na imagem a seguir.
Selecione todo o cabelo e crie uma camada. Nomeie a nova camada “Cabelo” e selecione a cor
vermelho para poder identificar melhor na caixa de camadas.
Utilize a Ferramenta Conta-Gotas (I) para selecionar um ponto vermelho do cabelo, com a Ferramenta
Lata de Tinta (G) clique sobre a camada “Cabelo” para preenche-la.
Selecione novamente a Ferramenta Conta-Gotas (I), e escolha duas cores da pele, primeiramente uma
mais escura. Após escolhida, pressione X para que as cores de primeiro plano e plano de fundo se
invertam, e escolha uma tonalidade mais clara do rosto. Pronto, essas serão as cores que você usará no
inicio de seu trabalho. Lembrando que nenhuma pintura ficará idêntica a outra pois isso é um trabalho
artístico.
Vamos selecionar a Ferramenta Laço Poligonal (L) e selecionaremos a área do rosto. As partes
diferentes como boca e os olhos não serão selecionados, assim como as partes de pele onde possui
uma notável aparência de relevo, como a asa do nariz e o risco do sorriso.
Obs:Você pode usar qualquer ferramenta de seleção para fazer esse função.
Clique sobre a camada de plano de fundo selecione a Ferramenta Lápis (B) e pinte toda área
selecionada. Veja a imagem a seguir:
56
Após preencher o rosto, inverta a seleção Crtl + Shift + I, selecione a Ferramenta Laço Poligonal (L), e
mude a forma de seleção para Fase Intersecção com Seleção, e selecione como a imagem abaixo.
Assim ficará selecionado apenas as partes onde você aplicará a cor de pele mais escura. Nesse caso a
sombra da asa do nariz e o risco do sorriso. Com a Ferramenta Lápis (B), pinte a área selecionada.
Depois de aplicada à cor, desfaça a seleção Crtl + D.
Agora faremos os olhos. Com a Ferramenta Conta-Gotas (I), selecione uma cor da Retina e, utilizando a
Ferramenta Letreiro Elíptica (M), selecione toda a Retina. Crie uma câmara com nome “Retina” e utilize
a Ferramenta Lápis (B) para pintar a área selecionada.
Faça o mesmo processo com a Pupila e o Globo Ocular. Sua janela de camadas deverá ficar assim:
57
Obs: Trabalhar com camadas é uma forma de facilitar para quem faz esse tipo de trabalho.
Selecione os cílios e as sobrancelhas, e crie uma nova camada nomeada “Cílios”. Usando a Ferramenta
Conta-Gotas (I), selecione uma cor dos cílios e preencha a camada com a Ferramenta Lápis (B).
Desfaça a seleção Ctrl + D.
Clique sobre a camada de fundo, e pinte a parte restante dos olhos indicada pela seta como a imagem a
seguir.
Selecione os lábios e crie mais uma câmara, de nome “Lábios” e preencha com uma das cores de um
ponto do lábio da foto original. Selecione a alça e a corrente, faça uma seleção, nomeie-a de “Alça”, e
pinte conforme os passos anteriores. Por último, selecione a parte do ombro e peito para formar mais
outra camada “Corpo” e preencha da cor que melhor agradar. Sua imagem e caixa de camadas deverão
ficar da seguinte maneira:
Agora que acabamos com as partes de camadas, iremos trabalhar cada uma separadamente.
Lembrando que a parte que até então vimos é a mais simples.Essa parte que veremos requer muito
cuidado e atenção. Cada pessoa irá se adequar a uma ferramenta conforme suas necessidades.
A imagem, que no inicio falei para deixar de guia ao lado do Photoshop, será usada agora. Note os
pontos de luz na imagem original e, com a Ferramenta Subexposição (O), aplique luz com a intensidade
desejada. Lembrando novamente, cada pessoa fará de uma forma. Com o tempo cada um vai
adquirindo uma técnica especial de aplicação de luz, sombra, nitidez, saturação, etc...
O mesmo será feito para os pontos com sombra. Para aplicação de sombra na pintura, utilize a
Ferramenta Superexposição (O). Veja figura abaixo:
58
Sua imagem deverá ficar mais ou menos assim:
Agora vamos para a parte X da questão na pintura digital. Após aplicada as proporções de luz e sombra,
iremos espalhá-las e torná-las um degradé suave, para que nossa pintura fique mais realista. Com a
Ferramenta Borrar (R), nós faremos movimentos suaves nas tonalidades claras e escuras para unificá-
las. Essa ferramenta tem a mesma funcionalidade de um esfuminho no papel ou um pincel para
espalhar tinta em uma tela.
59
O modo que você utilizar essas ferramentas será a grande cartada desse trabalho. Cada pessoa
movimentará e aplicara as devidas ferramentas de modo diferenciado, pois não existe um padrão. Basta
seguir a imagem guia e observar os pontos de luz e sombra que nela à.
Dicas: Trabalhe bem os olhos pois são eles que dão a maior realidade para sua pintura.
Após o término de seu trabalho, você poderá adicionar algum texto utilizando a Ferramenta Texto
Horizontal (T)
60
1º Passo: Inicialmente
encontraremos uma foto na
internet para nosso efeito. No
caso, usei uma da Janifer
Aniston.
5º Passo: Com a camada duplicada selecionada, pressione "CTRL + U" e deixe como a seguir:
61
7º Passo: Em Blending Option, altere suas configurações como abaixo:
8º Passo: Pressione "CTRL + U" e altere nossa camada azul como abaixo:
Tons de Sepia
1º Passo: Pressione "CTRL + U" e altere como abaixo:
62
Imagem final: 1º Passo: Abra a imagem base:
Vivid Color
2º Passo: Pressione "CTRL + U" e deixe como abaixo: 3º Passo: Pressione " CTRL + L" e altere:
Imagem final:
63
Duotone
1º Passo: Abra a imagem base: 2º Passo: Agora iremos transformá-la em modo
"Grayscale". Vá até Image > Mode > Grayscale.
3º Passo: Nesse momento precisamos recolorir nossa imagem. Vá atá Image > Mode > Duotone.
4º Passo: Nesse momento, precisamos alterar suas configurações para se obter um valor real.
Selecione um "Tipo" Duotone, uma cor e um nome para cada slot de cor. Fica a seu critério.
64
BELEZA SINTÉTICA
Inicialmente iremos colorir algumas partes da figura utilizando o recurso de Equilibrio de Cores.
Teremos que manter a imagem original intacta, então vamos aplicar uma máscara rápida nesta camada
de plano de fundo para começarmos a pintura, pressione a tecla "Q".
Feito isso, note que, na barra de título do programa, aparecerá (Máscara Rápida), e a cor da seleção
ficará diferente. No meu caso, de azul ficou zinza.
Selecione a ferramenta zoom e aumente a área dos olhos da figura para a marcação ficar melhor. Em
seguida, selecione a ferramenta "Pincel".
Nas configurações, utilize um píncel esfumaçado com fluxo e opcidade em 100%. Aqui estou utilizando o
pincel com o tamanho "9". Faça uma marcação apenas na bolinha dos olhos, como na figura abaixo.
Obs: Antes de fazer a marcação da máscara, verifique se as cores estão zeradas. Caso não esteja,
pressione a tecla "D".
65
Após ter feito a marcação da máscara, vamos retirar a máscara pressioando novamente a tecla "Q".
Repare que toda a área da figura estará selecionada, menos os ohos. Então teremos que inverter a
seleção, pois são somente os olhos que iremos colorir por enquanto.
Pressione "Control" + "Shift" + "I" para inverter a seleção ou clique no menu "Selecionar > Inverter".
Agora teremos apenas os olhos selecionados. Então copie e cole. "Control" + "C" / "Control" + "V".
Temos agora outra camada,. Nomei-a para "Olhos" e faça um equilibrio de cores "Contrl" + "B" e altere
apenas os "Tons Médios" como na figura abaixo:
Agora teremos os olhos com um tom de Verde. Vamos repetir o procedimento para pintar a boca.
Seleciona a camada de "Plano de fundo", aplique a máscara rápida, faça a marcação apenas na boca,
retire a máscara, inverta a seleção, copie e cole, nomeie a camada para Boca, faça um equilibrio de
cores e deixe-a com um tom de vermelho não muito escuro. Veja o resultado abaixo:
Agora temos as partes coloridas da figura. Duplique a camada Plano de Fundo (Menu "Camada duplicar
camada") e nomei-a para "Filtro"
Clique no menu Filtro> Ruído> Sujeiras e Rabiscos:
Raio = 3 / Limiar = 0. Note que a imagem ficara um pouco desfocada.
Agora adicione máscara na camada "Filtro".
66
Selecione a Ferramenta Pincel e, com ela, você deverá passar o pincel sobre as partes que você deseja
deixar mais nítida. Observe na figura abaixo que as partes que ficaram pretas foram as partes em que
eu passei o pincel.
Selecione a camada "Olhos" e clique sobre ela com a tecla "Control" pressionada, selecionando assim
apenas o conteúdo da camada. Agora adicione uma camada de "Curvas" e deixe as configurações
como na figura abaixo:
Clique no menu "Imagem > Modo > Tons de Cinza". Surgira uma mensagem. Não achate as camadas,
isso é muito importante, ou dará tudo errado. Agora clique novamente no menu "Imagem > Modo >
desta vez - "Duotônico", não achate as camadas. Veja as cores escolhidas:
Agora "Imagem > Modo > Cores RGB". Clique na Camada "Boca" com o control pressionado e adicione
uma camada de "Equilibrio de Cores" e deixe a cor da boca como desejar.
Pronto, veja o resultado Final.
67
TRABALHANDO COM CD
Vamos mostrar, de uma forma mais simples, a criação de um CD a partir de um documento em branco
no Photoshop. Se você incluir mais alguns efeitos, poderá dar mais realidade. Mostrarei o básico que,
mesmo assim, já dará um excelente efeito.
1º passo: Crie uma nova figura, em branco, com as dimensões 1024x768 pixels. Deixe a régua visível e
crie algumas guias para facilitar na hora de criar os círculos e deixá-los na medida exata.
2º passo: Crie uma nova camada transparente, renomeie como Círculo Maior e, com a ferramenta
seleção oval, crie um círculo como na figura abaixo. Depois a preencha com o balde de tinta com a cor
preta.
68
4º passo: Crie uma nova camada e a
nomeie como Degradê. Com a
ferramenta Degradê, escolha a opção
"Arco-íris transparente", e preencha o
primeiro quadro das guias. Após isso,
com a ferramenta seleção, pressione
Alt, e com o mouse, clique e arraste a
instância do degradê na figura para
preencher os outros quadros das guias.
Note que cada vez que você arrasta o
degradê pela guia, é criada uma nova
camada. Vamos vincular as camadas
de degradê e mesclá-las para
transformá-las em uma só
pressionando Ctrl+E.
5º passo: Depois de agrupar, mude a posição das camadas, colocando a camada degradê abaixo da
camada Círculo Menor. Vamos agora usar um filtro para começarmos a dar o efeito de reflexo em nosso
cd.
Deixe a camada de degradê secionada (figura 01), e com a tecla Crtl pressionada, clique na camada do
Círculo Maior para fazer a seleção do mesmo. Depois vá em Filtro>Distorção>Coordenadas Polares.
Clique em ok. A imagem ficará como na figura 02.
Figura 1 Figura 2
Figura 1
Figura 2
69
7º passo: Agora iremos fazer a borda do CD. Para isso, deixe a seleção ativada, inverta essa seleção
(Shift+Ctrl+I), depois vá em Selecionar>Modificar> Redução e coloque 7 Pixels. Após isso, com o balde
de tinta, preencha a seleção com a cor branca. Note como a borda fica com a mesma cor do
preenchimento do CD.
8º passo: Com a camada de cor branca ainda selecionada, use a ferramenta Varinha Mágica e
selecione os Círculos que ainda estão com a cor degradê forte(figura 1). Depois de feita a seleção,
preencha com a cor(#737272). Veja figura 2. A imagem deverá como na figura 3.
Figura 1
Figura 2
Figura 3
70
9º passo: Daremos acabamento ao nosso CD. Com a camada Círculo menor selecionada, iremos
colocar algumas opções de mesclagem de Chafro e Entalhe e Sobreposição de Cor, como nas figuras
abaixo. Nossa imagem ficará como na figura 03. Figura 3
Figura 1
Figura 2
10º passo: Duplique a camada Círculo Menor, redimensione um pouco menor, e depois faça uma
seleção cobrindo todo o buraco menor. Pressione delete.
71
BACK FIRE
2º Passo: Pressione "D" para as cores de foreground (principal) e background (secundária) voltarem as
padrões:
4º Passo: Agora vamos a Filter > Pixelate > Mezzotint e altere sua configuração para "short line":
72
6º Passo: Pressione "ctrl" + " f " três vezes para repetirmos o filtro novamente por três vezes:
73
Resultado após filtro:
10º Passo: Em blending Option, altere a propriedade da primeira camada (recém criada) para "overlay":
11º Passo: Pressione "ctrl" + "u" e altere as configurações das duas camadas como as de baixo:
74
13º Passo: Pressione novamente "ctrl" + "l" e altere como a seguir:
75
ESFERA AMBIENTE
Abra uma imagem do seu agrado no Photoshop (Larg 24 cm / Alt 24cm Resolução: 120 pixels/cm -
Para uma boa qualidade) e pressione (Ctrl + J) para duplicar a camada.
Com a ferramenta “marca de seleção elíptica”, crie uma esfera sobre a camada e pressione (Shift + Ctrl
+ I) para inverter a seleção e pressione “delete”. Ex:
77
Sua figura deve estar assim:
78
Na mesma camada, vá na guia (Camada / Estilo de Camada / Opção de mesclagem). Ex:
79
Sua figura deve estar assim:
Pressione (Ctrl + T) e coloque 85% de largura e 75% de altura. Encaixe como no exemplo:
80
Abra a primeira camada com a figura original e está pronto.
Abraços!
NEON
Primeiramente devemos criar um documento novo (CTRL+N) e inserir as medidas conforme as da foto
abaixo:
Feito isto, pinte o fundo da camada de preto. V á na barra de menu e clique no botão janela, abrindo as
seguintes janelas: Camadas e demarcadores. Agora vá na janelinha que abriu de demarcadores e clique
em criar um novo demarcador, conforme mostrado na figura abaixo.
81
Já podemos então começar a criar nosso neon. Vocês podem fazer qualquer desenho, desde que ele
seja de linha e feito dentro da camada de demarcador que criamos no passo anterior.
Eu vou criar um vaso com planta, utilizando.
Nosso vaso já esta pronto. Agora vamos começar a aplicar o efeito de neon. Para isso, iremos utilizar a
ferramenta pincel (B).
Ainda com a ferramenta caneta (P), selecione a parte do demarcador que você quer aplicar o efeito,
segurando CTRL. Mude para a ferramenta pincel (B) e fique atento, tenha certeza que você está com a
cor branca e que o pincel está com o diâmetro de "1", opacidade 100% e fluxo também de 100%.
Feito isto, dê enter duas vezes. Nosso demarcador deve estar desta forma.
Ainda com o demarcador selecionado, mude o estilo do pincel para suave e de diâmetro "5". Coloque
uma cor de sua preferência, é claro uma que seja bem forte, para parecer mais ainda com um neon.
Obs.: agora a opacidade é de 80% e fluxo de 60%. Basta você dar enter três vezes. E vamos ver como
está nosso neon.
Agora é simples. Mude o pincel novamente para sólido diâmetro "1" e deixe os mesmos valores de
opacidade e fluxo. Dê enter três vezes. Feito isso, mude o pincel para suave e diâmetro de "13" com
opacidade de 60% e fluxo de 50%. Dê enter duas vezes.
Obs.: Sempre lembrando que os pinceis de valores maiores devem ser aplicados às cores e não à cor
branca.
Resultado temporário:
Nosso neon está quase pronto. Estamos na última parte do trabalho. Selecione pela última vez o pincel
sólido de diâmetro "1", coloque opacidade 50% e fluxo também de 50%. Dê enter vinte vezes.
Agora pegue também pela última vez o pincel suave de diâmetro "35", opacidade 40% e fluxo 30%. Dê
enter 2 ou 3 vezes, de acordo com seu gosto.
82
Pronto. Basta ir na janela demarcador e deletar a camada de demarcador criada.
Siga os mesmo passos para criar as outras partes do nosso vaso. Vou colocar o meu para vocês terem
uma idéia de como ficará bonito e atraente. Usem a imaginação.
GLOBO ILUMINADO
O objetivo deste artigo é criarmos um globo iluminado, muito semelhante aos globos de luz utilizados em
festas e boates. Os passos são simples e o resultado final excelente.
Inicialmente, abra um novo documento (16/16 cm – 72 px) e cione a grade (Ctrl+Alt+”).
Com a ferramenta "marca de seleção retangular", crie um quadrado como na figura abaixo
Preenchimento degrade.
83
Exemplo: vá duplicando o quadrado em camadas e agrupando as mesmas:
84
Agora feche a camada. E com a ferramenta (seleção elíptica), crie um circulo igual ao abaixo:
Agora com a camada do globo selecionada pressione “DELETE”. Sua figura deve ficar assim:
85
E está pronto seu (GLOBO DISCO) Ex:
86
MODELAGEM
Olá pessoal. Nosso objetivo com este artigo é criar uma embalagem de desodorante, partindo do zero.
Pularei as etapas básicas, para agilizar certo (para intermediários).
01. Abra um novo documento e coloque a configuração igual à figura abaixo.
03. Crie dois círculos ovais pretos e os encaixe sobre o retângulo, assim como na figura abaixo.
Obs: Esta figura é apenas ilustrativa por isso está com outra cor ok.
87
04. Você deve vincular as três camadas e mesclá-las (Ctrl +E), transformando-as em uma só. Seu
cilindro deve ficar como na figura abaixo
05. Na barra superior, clique em (camada, estilo de camada, opções de mesclagem) ou dê dois cliques
rápidos na camada, e configure igual à figura abaixo. As cores são: realce (E5E3D6) multiplicação
(717469).
06. Novamente na mesma guia, clique em "Sobreposição de Degradê" e configure igual à figura abaixo.
88
07. Você deverá criar a cor de degradé para ficar igual à figura abaixo, repetindo as cores anteriores
como base: (E5E3D6) (717469).
09. Com a seleção elíptica da barra de ferramentas, crie um círculo oval degradé de 90 graus, para o
encaixe perfeito na parte superior do cilindro.
10. Dê um duplo clique sobre a camada circulo oval ou vá até Camada > Estilo de camada > Opções de
mesclagem e copie a configuração igual à figura abaixo. Idem cores.
89
11. Novamente na mesma guia, clique em "Sobreposição de Cor" e configure igual à figura abaixo. Cor
(AAA69B).
90
Duplique a camada oval e remova os efeitos Chanfro e Sobreposição de Cor. Duplique-a novamente e
mova esta nova camada um pouco para cima. Nesta mesma camada adicione "Sobreposição de Cor" e
deixe-a com a cor preta.
Desmarque a camada anterior e deixe somente a camada oval preta visível. Com a ferramenta "Varinha
Mágica" dê um clique fora do oval. Após aparecer a seleção, pressione Ctrl + Shift + I para a inversão da
seleção e deixe a camada de baixo da preta selecionada e pressione (Delete). Você terá um arco.
Exclua a camada oval preta.
Obs: Para o pontilhado desaparecer, basta pressionar Ctrl + D.
14. Abra novamente a guia "Opções de Mesclagem" da camada “Arco” e configure igual à figura abaixo.
15. Novamente na mesma guia, clique em "Sobreposição de Cor" e configure igual à figura abaixo. Cor
(6D6558).
91
16. Posicione o “Arco” como na figura abaixo.
17. Agora você pode escolher um nome e criar um logo para seu desodorante.
Eu acho que a melhor cor para isso deve ser o preto.
92
EFEITO COCA COLA
Clique com o botão DIREITO no centro da “forma” que você criou e em seguida “make selection”.
Deverá ficar assim:
Pressione a tecla “Q” para ir para o modo “quick mask” onde tudo que nós fizermos se tornará uma
“seleção”.
Clique agora no menu FILTER > PIXELATE > COLOR HALFONE
93
A Opção “Max Radius” são os tamanhos das bolinhas. Neste artigo utilizarei 8. Aperte OK e sua imagem
deverá ficar semelhante a esta:
Aperte “Q” novamente, e logo em seguida inverta a seleção (control + shift + I). Pinte de vermelho.
Inverta novamente a seleção (control Shift + I) e pinte de cinza. Arraste um pouco para baixo até ficar
uma parte em branco no centro como na foto abaixo:
Dica: cor do vermelho: (ff0000) – cor do cinza: (d9d9d9) Está pronto o fundo. Agora faremos os efeitinhos da latinha:
Use a PEN TOOL (P) e faça mais ou menos os mesmos movimentos para fazer as curvinhas. É bem
simples. Faça até aprender pois esse efeito é importantíssimo, e a habilidade só vem com o treino das
mãos!
Depois pinte um de branco, um de cinza e um de amarelo, colocando na ordem o Branco, o cinza e o
amarelo até ficar como na imagem abaixo:
94
1º Passo: Crie um arquivo de 700x600 em RGB (fundo não influencia, já que iremos alterá-lo).
2º Passo: Escreva um texto qualquer. Quanto maior o texto, mais satisfatório será. Claro que usei uma
fonte fina facilitando a proximidade com a aparência real. (Caso alguém deseje essa fonte, procure em
www.dafont.com por Neon).
4º Passo: Pressione "Ctrl + i" para invertermos a cor de fundo deixando-a em preto (#000000). Em
seguida altere a cor de seu texto para cinza como abaixo:
#797979
5º Passo: Nesse momento, vá na barra de Opções e escolha Layer > Layer Style, alterando como
abaixo:
Inner Shadow (Sombra Interna) Outer Glow (brilho externo)
95
Inner Glow (brilho interno) Drow Shadow (Sombra projetada)
6º Passo: Clique "OK" e, caso queira salvar seu estilo, veja minha matéria anterior.
7º Passo: Pressione "shifit+ ctrl+n" para adicionarmos uma camada nova. Em seguida, usando a
ferramenta de preenchimento (G), preencha usando a cor #0018FF.
Imagem final
96
1º Passo: Crie um arquivo de 42x 27 pixels como abaixo (não esqueça 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 botão (Create a New Layer) para
criamos uma nova camada.
4º Passo: Usando a ferramenta "Retangular Marquee tool" e trace um retângulo como abaixo:
5º Passo: Clique sobre a ferramenta "Paint Bucked Tool" e preencha a seleção usando #811212.
6º Passo: Duplique a camada clicando com o botão direito como abaixo:
10º Passo: Clique na camada dos blocos e em seguida vá em FILTER > NOISE > ADD NOISE e altere
como abaixo:
11º Passo: Clique sobre a camada de fundo e em seguida pressione "CTRL+U". Posteriormente, deixe
como abaixo:
12º Passo: Nesse momento, como no "9º passo", trace ao redor dos blocos, na parte superior, mas
desta vez utilize a cor #FFFFFF. Altere para "soft light" como abaixo:
13º Passo: Repita o 10º Passo, mas na camada de "background". Diminua os espaços dos blocos como
na minha imagem:
98
14º Passo: Finalmente, na barra de opções, vá em Select > All (Ctrl+A) em seguida vá em Edit > Define
Pattern.
15º Passo: Para testar, crie um arquivo de 500 x 500 pixels e clique sobre a ferramenta "Paint Bucked
Tool" .
E na barra de opções, altere sua propriedade para pattern e encontre sua nova textura, como abaixo:
18º Passo: Abra nosso arquivo da matéria anterior e arraste nosso texto com o estilo criado para a
nossa parede criada agora.
99
19º Passo: Vamos ao Image Ready para darmos o movimento. Clique sobre a ferramenta de acesso
rápido ao Image como abaixo:
20º Passo: Duplique a camada com o texto e na camada de cima retire o "drop shadow" dos blending
options da cama:
Caso seja necessário, retire também a opção "inner glow" e "outer glow" para retirar a brilho interno e
externo do neon como em minha última imagem.
Bom, no primeiro frame de nossa animação precisamos deixar exatamente como abaixo a ordem das
camadas (repare na ordem da visualição).
21º Passo: Na janela de frames, clique e arraste como na imagem abaixo para duplicarmos nosso
frame.
22º Passo: Clique sobre o segundo frame criado e deixe a visualização como abaixo: (repare nos olhos
que indicam a visualização da camada).
23º Passo: Segure o shift e clique sobre o outro frame, alterando o espaço de tempo para 0,2 sec.
* Note que essa é uma animação bem simples, mas a partir daí você poderá criar algo bem interessante.
Para maiores detalhes a respeito de animações, veja minha matéria
(http://www.imasters.com.br/artigo.php?cn=2225&cc=32)
24º Passo: Pressione "Play" para vermos nosso resultado final.
100
Aqui uma imagem que fiz baseada em minha matéria apenas com modificações em textura da parede e
movimento.
Caso alguém queira tirar algumas dúvidas, procurar sobre brush, texturas ou algo relacionado a
Photoshop, não deixe de visitar nosso forum: www.imasters.com.br/forum.
Obrigado a todos pelos emails e fiquem com Deus.
TEXTURA REALISTA
Como vão pessoal, tudo bem? Primeiramente gostaria de agradecer os comentários sobre o primeiro
artigo, e agradecer principalmente o interesse daqueles que me enviaram suas dúvidas; espero que
tenha respondido a todas.
Neste segundo artigo iremos reproduzir uma típica parede de superfície irregular, com algumas partes
do reboque rachado, o que nos permitirá ver os tijolos do fundo. Iremos, na verdade, construir uma cena
com efeitos de iluminação global, etc., não somente a textura da parede. Então... mãos-a-obra!
1º Passo: Abra um novo arquivo, com fundo branco e as dimensões que desejar (em meu caso,
500x300px). Escolha, para cor de primeiro plano a cor #2F2F2C, e, para cor de plano de fundo,
#8A8372. Estas cores resultarão em uma aparência satisfatória ai término do efeito, porém, caso queira
mudar a cor de sua parede, fica mais fácil fazer isso depois, aplicando Matiz/Saturação. Por enquanto
utilize estas cores.
2º Passo: Vá ao menu Filters > Render > Clouds (Filtros > Acabamento > Nuvens). Por este ser um filtro
gerado aleatoriamente pelo Photoshop, pode ser que você não obtenha o melhor resultado logo na
primeira vez que aplicá-lo; então, tecle Ctrl+Z e aplique o filtro novamente, até encontrar uma variação
que lhe agrade. Em seguida, vá ao menu Filters > Noise > Add Noise (Filtros > Ruído > Adicionar ruído)
e coloque as configurações:
3º Passo: Agora vá em Filters > Brush strokes > Spatter (Filtros > Traçados de pincél > Borrifo) desta
forma:
101
4º Passo: Vamos duplicar a camada plano de fundo, onde estamos trabalhando. Para isso, clique sobre
a camada Background (plano de fundo) e arraste-a para cima do ícone Criar nova Camada , desta
forma.
5º Passo: Vá ao menu Filters > Sharpen > Sharpen (Filtros > Nitidez > Arestas nítidas). Este
procedimento acrescentará alguns detalhes e imperfeições à parede, detalhes estes que fazem a
diferença no efeito final. Na paleta de camadas, clique no ícone Criar Máscara de Camada . Aperte
D para restaurar as cores padrão para a máscara, então vá em Filters > Render > Clouds (Filtros >
Acabamento > Nuvens). Em seguida, tecle Ctrl+L, ou vá ao menu Image > Adjust > Levels (Imagem >
Ajustar > Níveis). Especifique os valores 126 - 1,0 - 128, como a seguir:
6º Passo: Como não iremos mais mexer nestas duas camadas, podemos mesclá-las, teclando
Ctrl+Shift+E. Vá para a Paleta de Canais e clique no ícone Criar novo Canal . Vá ao menu Filters >
Pixelate > Mezzotint (Filtros > Pixelização > Meia-tinta). Escolha o tipo Coarse dots. Crie um novo
canal, clicando novamente no ícone e use novamente o filtro Mezzotint (Meia-tinta):
7º Passo: Segure Ctrl e clique no c anal Alpha1, para selecioná-lo. Clique no canal RGB e volta à paleta
de camadas. Tecle Ctrl+J. Isto fará com que seja criada uma nova camada apenas com a área que
estava selecionada da camada anterior. Vá em Filters > Render > Lighting Effects (Filtros > Acabamento
> Efeitos de iluminação) e utilize as configurações a seguir:
102
8º Passo: A esta altura sua parede deve estar parecida com a seguinte:
Faremos agora alguns buracos na parede, para torná-la mais real. Lembra-se do canal Alpha2 que foi
criado? Será usado agora. Retorne à Paleta de Canais, segure Ctrl e clique sobre o canal Alpha2, para
selecioná-lo. Clique sobre o canal RGB e retorne para a Paleta de Camadas. Clique, agora, sobre a
camada Plano de Fundo e tecle Ctrl+J, criando assim uma nova camada, com o conteúdo que estava
dentro da seleção. A sua paleta de camadas, agora, deverá estar da seguinte maneira:
9º Passo: Com a camada do meio ativa, clique no ícone e selecione Bevel and Emboss (Chanfro e
entalhe). Utilize as configurações a seguir:
103
10º Passo: Bom, nossa parede está finalizada. Perceba que os pequenos detalhes (como o filtro
Arestas Nítidas e os dois canais Mezzotint) garantem uma qualidade considerável no trabalho, uma vez
que o objetivo é justamente criar uma parede "irregular", com buracos, suja, etc.. Porém, o objetivo
deste artigo vai além, pois iremos ainda, fazer os tijolos que irão aparecer por baixo da parede
"rachada". Como nosso trabalho na parede está finalizado, podemos mesclar todas as camadas, a fim
de utilizar menos memória do computador. Para isto, tecle Ctrl+Shift+E.
11º Passo: Arraste a única camada que temos agora para o ícone , assim como foi feito no passo
4, para duplicá-la. Temos agora duas camadas. Na camada de cima, clique sobre o ícone de um olho
para ocultá-la:
12º Passo: Clique agora sobre a camada de baixo, para ativá-la. Altere sua cor de primeiro plano para
#9C8870, e sua cor de plano de fundo para #57473A. Vá ao menu Filters > Render > Clouds (Filtros >
Acabamento > Nuvens). Em seguida, acesse Filters > Noise > Add noise (Filtros > Ruído > Adicionar
ruído). Apenas dê Ok, mantendo as configurações que surgem.
13º Passo: Agora daremos a aparência de tijolos à esta imagem. Para isto, vá ao menu Filters > Texture
> Texturizer (Filtros > Textura > Texturizador), e utilize as opções seguintes:
14º Passo: Com os tijolos prontos, clique sobre a camada de cima (que estava oculta) para ativá-la
novamente. Clique no ícone para criar uma máscara na camada da parede. Então, vá ao menu
Filter > Render > Clouds (Filtros > Acabamento > Nuvens). Vá ao menu Image > Adjust > Levels
(Imagem > Ajustar > Níveis) ou simplesmente tecle Ctrl+L. Utilize os mesmo valores utilizados no 5º
passo: 126 - 1.0 - 128.
15º Passo: Este procedimento já nos passa a sensação de uma parede rachada com os tijolos, certo?
Porém perceba que há uma área muito grande de tijolos, o que não acontece realmente (pelo menos,
não é este o objetivo do artigo). Então, com a base feita, você terá que "acertar" manualmente ás áreas
onde sua parede será visível ou não. Para isto, selecione um pincel sólido (que não seja esfumaçado)
de um tamanho razoável, e, ainda na máscara, vá "pintando" de branco, para que mais áreas da parede
sejam mostradas.
Lembrando que, em máscaras, a cor branca mostra a imagem, e a cor preta esconde. Neste passo,
sinta-se à vontade para utilizar-se dos pincéis que quiser, o importante é chegar em um resultado
satisfatório. Após alguns retoques, minha parede está assim:
104
16º Passo: Nossa parede está quase pronta, faltam só alguns retoques. Clique sobre a camada da
parede, clique no ícone e selecione Inner Shadow (Sombra interna):
Ainda na tela da sombra interna, clique sobre o item Bevel and Emboss (Chanfro e entalhe) do lado
esquerdo da tela, e utilize estas configurações:
17º Passo: Nossa parede está pronta. Apenas como gosto pessoal, alterei o brilho da imagem, para
torná-la um pouco mais escura. Agora é só usar sua imaginação para enriquecer a cena, da maneira
que preferir. Abaixo está a imagem final, apenas com alguns detalhes da cena adicionados:
105
CRIANDO ESTILOS
Salve meus amigos! Primeiramente desculpem pela demora, mas estive meio fora devido a problemas
pessoais, mas graças a Deus está tudo certo. Volto com força total em minha coluna.
Iremos aprender como criar "estilos" no Photoshop. Em minha opnião é um assunto bem interessante e
vasto. Criaremos um efeito como exemplo e o salvaremos para quando precisarmos usá-lo, fazermos
tudo bem rapidamente. Quero mandar um abraço a todos os leitores e dizer que na próxima matéria
publicarei novos trabalho da segunda parte de nossa "Galeria de Leitores". Portanto, Let´s Rock Baby -
the original.
Criando Estilos
Descrição: Explicação sobre como criar, salvar e reutilizar estilos no Photoshop.
Software ultilizado: Photoshop CS em Inglês (Funciona em qualquer versão )
Grau de Dificuldade: 7,0
Ao som de: Legião Urbana - Quem inventou o amor.
1º Passo: Iniciaremos com um texto. Mas, a partir do momento em que seu estilo for criado, podemos
utilizar em quase todos objetos distribuidos sobre seu trabalho.
Crie um arquivo de 600 x 400 pixels em RGB como abaixo:
2º Passo: Clique sobre a ferramenta "Horizontal Type Tool" e digite um texto qualquer. (Utilizei a
fonte "Alison").
3º Passo: Clique sobre o botão "Add Layer Style". Em seguida em "Blending Option".
106
4º Passo: Clique sobre a opção "Drop Shadow" e deixe como abaixo:
5º Passo: Agora clique em "Bevel and Emboss" e deixe como abaixo: - Não se esqueça de alterar o
Contorno de Reflexo de "Shading".
107
8º Passo: Nesse momento dê um nome a seu estilo:
Agora, se abrirmos nossa janela de Estilos do Photoshop, nosso efeito estará por lá? Claro.
9º Passo: Vá em Window > Styles ...
10º Passo: Iremos salvar nosso estilo em uma pasta, para não perdemos mais nosso estilo criado.
Clique sobre a seta localizada ao canto superior direito, conforme o indicado:
11º Passo: Em seguida vá em "Save Styles" e escolha uma pasta a seu critério.
Agora, para complementar, vamos dar mais vida à nossa imagem criando um fundo.
12º Passo: Clique sobre a camada de fundo da imagem, e em seguida sobre a ferramenta "Gradient
Tool" .
108
13º Passo: Altere a opção do Gradiente para "Refleted Gradient".
14º Passo: Clique sobre o gradiente para editá-lo e em seguida clique na opção de "Orange, Yellow,
Orange"
16º Passo: Trace o degradé em uma diagonal do canto superior direito para o canto inferior esquerdo.
Está pronta nossa imagem:
Arte
109
Essa é a imagem pronta.
Crie um arquivo novo 800X600 RGB, resolução de 96 pixels.
Vamos começar pela criação da esfera.
Selecione a ferramenta de Marca de Seleção Elíptica, como na figura abaixo.
Agora, deixando o control apertado, clique o botão esquerdo sobre a camada com a circuferência azul.
Assim você irá selecioná-la. Sem desmarcar a figura, escolha a ferramenta Marca de Seleção Elíptica e,
com o alt pressionado, subtraia uma parte da seleção como na figura abaixo.
110
Neste passo vamos, com o brush, pintar de braco essa seleção, em uma nova camada, e aplicar uma
opacidade. Com a ferramenta desfoque, vá nas pontas da seleção e aplique.
Use as configurações abaixo.
Escolha a primeira da lista, Aer. Redondo suave 50% de fluxo, para obter o resultado abaixo.
Faça uma seleção como a da figura abaixo.
Depois disso vá na camada onde está a cincuferência azul e use o filtro Reflexo de flash.
111
Bem, é neste momento que você irá na camada
onde está a circuferência e irá selecioná-la com o ctrl pressionado, para usar a opção de traçar.
Terminamos a primeira parte deste artigo. Como eu disse ele é um mix de vários artigos e, desta forma,
em cada um teremos alguns novos efeitos para implementar a sua Magic Ball.
No próximo artigo falaremos de:
- Os tentáculos;
- As asas;
- O toque final.
Abraços!
112
TUNNING
Fala pessoal! Vamos iniciar esse ano de 2005 com o pé direito, de preferência acelerando fundo no
Photoshop e arrebentando nas curvas. Por isso, nada melhor que começar o ano com uma matéria
sobre uma técnica que cada vez mais vem sendo utilizada na área publicitária, de entretenimento e etc.
Tunning consiste em utilizar uma imagem de carro e modificá-la de várias formas, é super legal e você
consegue resultados rápidos e interessantes.
Nível de dificuldade: Básico/Intermediário
Software: Photoshop 7.0
Faça uma comparação entre as duas imagens abaixo.
Depois que você abrir a imagem que gostaria de modificar, selecione a ferramenta caneta e
contorne toda a carcaça do carro, como na figura abaixo.
113
Clique com o botão direito em cima do demarcador de trabalho e escolha criar seleção.
Agora você terá a carcaça selecionada. Pressione control+j para criar uma nova camada só com a
carcaça.
Nesse ponto você terá duas camadas: uma com o carro original, outra com a carcaça do carro que
selecionamos. Clique na camada só com a carcaça e dê control+u. Você terá a tela de matiz/saturação.
Continuando na camada da carcaça do carro, selecione com a ferramenta laço poligonal algumas
partes do carro como farol e vidros que iremos apagar.
Agora devemos “enfeitar” o carro. Para isso podemos usar brushes e outras imagens. Veja na figura
abaixo:
Usei alguns brushes, mudei a cor do pára-choques...Use sua imaginação para deixar sua imagem mais
bonita e criativa!
MUNDO HITECH
Vamos lá. Criaremos com um efeito Hitech para começarmos animados esse ano.
Entrando no mundo Hitech
Descrição: Explicação sobre como criar uma imagem Hitech.
Software ultilizado: Photoshop 7.0 em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 7,0
Ao som de: Blade Trinity - 07
1º Passo: Crie um arquivo de 550x400 pixels em RGB.
114
2º Passo: Tome muito cuidado com suas cores, isso vale para quase todas matérias como já citei aqui.
Então, relembrando, pressione "D" para suas cores de "Foreground" e "Background" voltarem as
padrões.
3º Passo: Nesse momento vá em: Filter > Render > Clouds.
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 é não muito complicado,
porém é um trabalho que você deverá se apegar completamente aos detalhes com o uso da pen tool,
pois a perfeição nas curvas do desenho será muito importante.
É importante dizer que estou usando o termo "vetorial" em minhas matérias, apenas como ilustração. O
Photoshop não permite imagens vetorizadas, porém os nossos resultados serão idênticos a uma
imagem vetorizada, para ser trabalhada na web.
Software utilizado: Adobe Photoshop CS em inglês.
Arte: Mulher P/B.
Nível de Dificuldade: 4,0 - Fácil.
Ferramentas Utilizadas: Pen Tool e Bevel and Emboss no olho somente.
Tempo estimado de trabalho: 1 hora (no máximo).
Clique aqui para baixar a foto em alta resolução
Clique aqui para baixar a arte no arquivo PSD (extensão Photoshop) pronto
Foto Original: Resultado Final:
Primeiramente devemos separar as diferenças de cor pela lógica da foto. Desta forma saberemos que
os locais que usam a cor branca (ou qualquer outra de sua preferência) são os locais da pele da mulher
(pernas, braços, rosto e etc.). As demais terão a sua cor preta (ou qualquer outra de sua preferência).
Utilize a ferramenta pen tool ( ) e comece, pelo ponto que preferir, a contornar o desenho, como
abaixo:
117
Terminadas todas as camadas, você terá certa parte de seu desenho pronto. Não se preocupe em
seguir a risca as áreas que serão sobrepostas pelo vestido da querida na foto, pois o mesmo ficará por
cima do corpo. Do contrário, veríamos ela nua.
Observe abaixo a separação de camadas. Foram feitas as layers brancas do corpo, e colocadas em um
Layer Set, que é uma pasta de separação das camadas.
Para criar com facilidade o Layer Set, selecione todas as camadas e use a ferramenta da corrente (1)
para deixá-las presas entre si. Então clique na seta das opções de Layers no menu (2) e selecione a
opção New - Layer Set from Linked (3).
Pronto, a separação por pasta foi criada. Nomeie a pasta para saber o que nela contém mais tarde, para
esses vetores mais simples como os que apresentei a vocês até agora. Não há necessidade de criação
de muitas pastas, mas conforme seu skill (nível de conhecimento) vai aumentando, você terá 160
camadas em um trabalho vetorial, então seria interessante que começe a se acostumar a usar esse
recurso.
Próximo passo: crie shapes que remetam as sombras do rosto da senhorita (hehe), para que façam o
sombreamento do formato do rosto.
Crie dois pequenos círculos pretos nos olhos e aplique o efeito Bevel and Emboss para fazer o reflexo
interno branco do olho. crie também dois shapes para fazer a parte externa oval do olho:
118
A sua área externa do olho, que é branca na realidade, deveremos deixar em uma cor um pouco mas
escura para podermos contrastar e fazer com que esse formato do olho apareça.
Aplique também um efeito Blending Options - Stroke com uma borda de 50% de opacity (opacidade)
e na cor preta na face para diferenciarmos o pescoço, deixando ele ao fundo do rosto, que está na frente
do mesmo.
É necessário que você organize a disposição de todas as camadas, deixando algumas sobreporem
outras de acordo com a lógica do desenho, como por exemplo, o círculo interno que faz o olho (preto)
deverá estar acima da elipse que faz a área branca (cinza) do olho, e assim por diante com todo o
desenho.
Após terminada essa organização das camadas, parta para a finalização desenhando o shape do
vestido preto, que irá fechar nosso vetor.
Retire a visualização de todas as camadas, de modo que fique somente a foto para você vetorizar em
cima da mesma. Faça o formato do vestido (somente na área que ele irá aparecer, no caso, as alças).
Habilite novamente a visualização das outras camadas e deixe o vestido acima de todas. Crie um Color
Fill clicando no ícone, da cor preta (ou no seu caso a cor que você estárá usando no lugar da preta), e
pronto, temos nossa sexy lady vetorizada.
Gostaria que você visitasse meu deviantArt e visualizasse os trabalhos que podem ser feitos em arte
vetorial. O endereço é http://jirayaaap.deviantart.com. Na maioria são carros vetorizados, desenhos que
demoram muito mais tempo a serem feitos e exigem um excesso muito grande de paciência, mas pra
quem gosta, como eu, acaba tendo saco.
119
2º Passo: Vá sobre a barra de Opções e procure o item Window (Janela) > Info para abrirmos a paleta
de Informações.
(Note que, dependendo da posição do ponteiro do mouse, ele já mostra o eixo da imagem e seu
respectivo valor em RGB e CMKY)
3º Passo: Selecione a ferramenta Conta - Gotas ou Classificador de Cor e escolha um tamanho de
amostra na barra de Opções.
Ao clicar, ele mostrará facilmente o valor do pixel. Se você selecionou a ferramenta cliassificador de
cores, coloque até quatro classificadores de cor na imagem. Clique no local em que deseja colocar um
classificador.
120
Perceba como a paleta INFO separa e mostra a diferença de cor do pixel clicado.
4º Passo: Para mover, excluir ou ocultar um classificador de cor:
Mover: para se mover um classificador de cor, selecione a ferramenta classificador de cores e arraste-a
até o novo local.
Excluir: para se excluir um classificador basta arrastá-lo para fora da janela do documento ou mantenha
a tecla ALT pressionada e clique no classificador.
5º Passo: Caso queira ver pela paleta de cor é mais simples ainda, basta selecionar o conta- gotas e
clicar sobre a região da foto que com a paleta de COR aberta lhe mostrará o valor exato.
Utilizando a caixa de Niveis
Denis Araujo, de Vassouras/RJ
Pergunta: Caro Fábio, como eu posso corrigir rapidamente a cor de uma foto antiga?
Um modo prático e rápido é com a utilização de Níveis de cor. A Caixa de dialogo "Níveis" permite
corrigir a escala de tons e o equilibrio de cores de uma imagem, ajustando os niveis de intensidade das
sombras, tons medios e realces da imagem.
Aqui está um exemplo prático:
Abaixo podemos observar como se encontra a foto original:
Agora abaixo podemos observar a alteração somente por níveis de cor (detalhes de recorte e ferramenta
carimbo enfatizam o efeito de uma foto melhorada.)
121
Para ajustar sombras e realces manualmente, veja abaixo:
Podemos arrastar seus controles deslizantes brancos e pretos de Níveis de Entrada até a aresta do
primeiro grupo de pixel nas duas extremidades do histograma. Podemos também inserir valores
diretamente pela caixa de texto.
Aqui um exemplo de antes e depois de alterada as configuraçõees de níveis de uma foto.
Antes Depois
BURACO NEGRO
Software ultilizado: Photoshop 7,0 em ingles
Grau de Dificuldade: 8,5
1º Passo: Crie um novo arquivo de 450x450 pixels em RGB.
2º Passo: Na paleta camadas, pressione o botão "Create new layer" e em seguida vá até a
ferramenta Paint Bucket Tool (G) e preencha a layer com a seguinte cor: #450909.
3º Passo: Novamente pressione o botão "Create new layer" e clique sobre a ferramenta Brush Tool
(B).
4º Passo: Altere a ponta do pincel para branco e em seguida clique sobre a seta localizada na barra de
opções. Altere sua ponta para "Hard Round 19 pixels".
122
5º Passo: Trace uma linha reta vertical como abaixo (segure "shift" pois ajuda na direção correta).
6º Passo: Vá até Filter > Stylize > Wind e em seguida pressione "ctrl+F" para repetirmos o filtro.
7º Passo: Vá até Filter > Stylize > Wind e em seguida pressione "ctrl+F" para repetirmos o filtro.
123
10º Passo: Vá em Filter > Distort > Polar Coordinates.
11º Passo: Clicando sobre a camada com o botão direito, vá ate "Duplicate layer" e duplique a camada.
Faça isso por 3 vezes.
12º Passo: Agora iremos direcionar nossos raios. Trabalharemos em uma camada de cada vez. Clique
sobre raio_02 e pressione "ctrl+t". Em seguida segure "shift" e arraste para fora do arco (raios). Façaa
isso com todos os arcos como abaixo:
13º Passo: Feito isso, clique sobre "raios_04" e hablite o link de camadas (faça em todas) como abaixo:
124
14º Passo: Pressione "ctrl + e" e veja o resultado abaixo:
15º Passo: Adicione uma nova camada, clicando no botão "Create a new layer" .
16º Passo: Nesse momento iremos preencher nossa camada com qualquer cor quente. No meu caso
adicionei #FF7E00 usando a ferramenta Paint Bucket Tool (G) na nova camada.
125
Automatizando a edição de imagens com Actions do Photoshop
Para os spotters/fotógrafos pouco íntimos dos programas de edição de fotos, "tratar" uma imagem ao
ponto de aceitação de sites como Airliners.net e Jetphotos.net ou até mesmo para uma impressão
caseira ou em laboratório, pode ser um martírio, ter uma curva de aprendizado enorme e levar o bravo
fotógrafo amador a níveis exorbitantes de stress por pura incompreensão dos termos usados por tais
programas. Sejamos francos, todos passamos por isso!
Para facilitar a vida de quem não edita imagens profissionalmente ou para quem realiza edições
repetitivas, a Adobe inclui em todas as versões do programa Photoshop a possibilidade de automatizar
algumas ações como ajuste de curvas, brilho/contraste, saturação de cores, sharpen, efeitos artísticos;
em suma, as principais funções do programa podem ser automatizadas e combinadas. E é isso que fiz;
desde que comecei a fotografar com câmeras digitais, percebi que certos procedimentos eram padrão
para todas as fotos, e que certas "melhorias" também ficavam bem em todas as fotos.
O pacote Contato Radar de Actions para o Photoshop é um apanhado das Actions mais úteis e mais
genéricas criadas para facilitar nossa dura vida de spotter.
Instalação
Após o download do arquivo contato_radar.zip, coloque o arquivo contato_radar.atn em qualquer pasta
do seu sistema, eu, por questões de organização, prefiro a pasta Plug-Ins dentro da pasta principal do
Photoshop.
Dentro do programa, certifique-se que a janela das Actions está aberta; Window>Action ou ALT+F9.
Com a janela de Action aberta, clique na seta apontando para a direita e selecione "Load Actions".
Procure pelo arquivo Contato_Radar.atn e selecione "load". Surgirá no menu, o pacote Contato Radar
com todas as Actions correspondentes.
Para "acionar" o processo de uma Action, abra uma imagem qualquer, e na janela das Actions,
selecione a Action a ser usada e aperte o botão play.
127
Menos Amarelo (Noturno): Para reduzir o efeito exageradamente amarelo das floodlights de Sódio ou
de white balance mal ajustado em fotos noturnas.
Efeito ISO800: Simula o efeito (aproximado) de ISO800 em fotos muito escuras tiradas à noite.
Estrelas (Nortuno): Cria efeito estrelado nas luzes de uma foto, similar aos filtros Cross-Screen, Star-
Six e Star-Eight (esta Action está mais para Star_Four). Está longe de ser a mais útil das Action mas cria
um efeito interessante especialmente se a foto for usada para impressão.
Para desfazer o efeito de uma Action, não use o comando "Undo". Na janela das Actions, selecione a
orelha "History" e então a foto original.
Todas essas Actions foram criadas a partir da minha experiência própria com edição de fotos no
Photoshop. Os resultados são todos aproximados e podem, ou não, agradar o gosto fotográfico de cada
um. Sendo assim, é possível modificar cada parâmetro usado para melhor adequação ao estilo, câmera
e técnica de cada fotógrafo.
VIRANDO A PÁGINA
CREATE YOUR OWN
CUSTOMIZABLE PAGE CURLS!
Here is a tool that will help you create your own, free page curl effects!
Do not get intimidated by the number of the steps below: As soon as you familiarize yourself with the
technique, it will only take a few seconds to create the effect.
Let’s start:
You will use an action and a set of nine gradients I have prepared for you. Please download them
by clicking on this link:
Curls.zip (3.47 KB)
Unzip the files in your hard disk. Drag both files in your Photoshop work area. Alternatively, you can load
up the gradients and the action by using the preset manager and the action palette, respectively.
This tutorial will guide you through the rest of the steps:
128
1. Open an image. The action is optimized for images of landscape orientation (e.g. 4:3 or 3:2 aspect
ratio). In addition, the action lets you transform the curl shape so that it looks optimal with images of any
aspect ratio.
2. Run the PageCurl Photoshop action. In a few seconds a page curl vector shape appears at the top left
image corner.
3. You can manipulate the size of the curl and its proportions by dragging the transformation handles.
Drag the lower right handle to change the curl dimensions to preference:
4. When finished, double click to confirm. In a moment you will be asked to stop the action and then
select the path selection tool:
5. To select the path selection tool press A on your keyboard (the path selection tool is the black arrow
on the toolbox. Be careful not to select the direct selection tool instead!):
6. Now click inside the curl shape and press the "Delete" key on your keyboard:
7. Resume playing the action from the step you stopped earlier. The action does some tricks and in a
moment you are asked to press stop again:
You will use the path selection tool again. This time click inside the empty (transparent) area at the top
left image corner and press the “Delete” key:
129
8. Resume the execution of the action from the step it stopped earlier. When the action finishes what you
get is a photoshop image that is a combination of 3 layers. The “Add curl shadow” layer is selected:
9. The action's finished. We will now add our artistic touch to the white curl area to enhance the
impression of a curled surface:
We will use the gradient fill tool. If you haven't loaded my "Curl gradients" set, please use Photoshop's
preset manager (Edit > Preset manager) to load it.
10. Press G to select the gradient tool. My set contains 9 gradients. Please select the first one (called
"Curl Shadow"):
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:
If you don't like the gradient fill you just created, just retry (you don't have to undo the previous fill)!
TIP:
WIth certain images try to change the blending mode of the curl layer (e.g. to "Multiply" or "Overlay") to
create a semi-transparent curl effect.
Overall, this is a very flexible tool:
-It allows you to adjust the curl size, the curl shadow and the curl gradient effects.
If you wish to create a page curl on another image corner (e.g. at the top right corner), use the flip
canvas transformation command (Image > Rotate canvas > Flip Canvas) prior to running this action.
When finished, flip the canvas again. Actually by playing with the flip commands you can create page
curls on any of the four image corners:
130
To create a curl at the top right corner, flip the canvas horizontally.
To create a curl at the lower left corner, flip the canvas vertically.
To create a curl at the lower right corner, flip horizontally and vertically.
When finished flip the canvas again.
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.
3. If the rulers are not visible, select View > Rulers from the menu.
4. Double click the rulers or Right-click on any of the rulers (MacOS: Command+Click); set the units of
measurement to Percent:
5. On the menu select Image > Canvas size. Type in these values in the width and height fields:
131
For Anchor please click the middle square of the first row (see the yellow arrow in the above image).
6. Press V to select the move tool. Hold down the Shift key and use your keyboard’s Down Arrow key to
move the image slightly downwards.
7. From the main menu select Layer > Duplicate layer. Name the new layer as “Photo”.
9. From the menu select Edit > Transform > Flip Horizontal.
10. From the menu select Edit > Transform > Rotate 180.
11. Press V. Hold down the Shift key and press your keyboard’s Down Arrow key to move the
"Reflection" layer below the "Photo" layer:
12. We'll now add a Canvas layer: Hold down both Control + Alt keys (Mac: Command + Option)
and click the Create a new layer icon on the layers palette:
This is a very useful key stroke because it places the new layer right below the active layer, in one click.
132
13. Rename the new layer to Canvas.
14. Press D to reset color swatches and select Edit > Fill > Foreground color or press Alt+Delete
(MacOS: Command+Delete) to fill the canvas layer with black color.
15. Select the "Reflection" layer. On the layers palette click the Add a layer mask button (the one with the
white circle within a grey rectangle). A white mask thumbnail appears to the right of the "Reflection" layer
thumbnail: 16. From the toolbox select the Gradient tool:
Having reset gradients, select the first one from the list (the White-to-Black gradient)
17.Having picked the gradient tool and having clicked the "Reflection" layer mask thumbnail, hold down
the SHIFT key; Click and drag from point A to point B:
133
Release your mouse button and the Shift key. That’s it! Now you can adjust the opacity of the
"Reflection" layer to preference. You can click the "Reflection" layer thumbnail (remember: at the moment
it is the "Reflection" layer mask that is selected!) and then select Filter > Distort > Ripple. This will ripple
the reflection, making our photo looking as if it were reflected on a liquid surface:
CABELOS REBELDES 02
Descrição: Explicação sobre como alterarmos o fundo onde temos cabelos
Software ultilizado: Photoshop 7.0 em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 8,0
Ao som de: Linkin Park - From the inside
1º Passo: Abra uma foto qualquer.
134
Nesse momento explicarei um pouco mais sobre canais, já que iremos ultilizar no 2º Passo.
Algumas vezes podemos melhorar a qualidade de uma imagem mesclando dois ou mais canais.
Fazemos isso usando o comando Misturador de Canais nos modos RGB (Para tela do computador)
como em CMYK (para impressão) de acordo com a calibragem de seu monitor. (Para informações a
respeito da calibragem pessoal de cor, consulte minha matéria sobre calibragem).
Quando temos imagens em RGB, nossa paleta "canais" nos mostra os canais vermelho, verde e azul.
Agora um trecho próprio Help do photoshop:
"Observe que todos canais de cor se encontram visíveis atualmente, inclusive o canal RGB, que é uma
composição dos canais separados vermelho, verde e azul. Para visualizar os canais individualmente,
use os ícones de olho da paleta."
* Lembrando aos meus amigos que "Misturador de Canais" no Photoshop se localiza em: Image
(Imagem) > Adjustments (Ajustes) > Channel Mixer (Misturador de Canais).
2º Passo: Vá em Janela (Window) > Canais (Channels).
Nesse momento precisamos analisar cuidadosamente cada um de nossos canais para descobrirmos
qual possui maior contraste.
3º Passo: Em nosso caso, o canal com o maior contraste foi o verde.
Duplique o mesmo clicando com o botão direito e em seguida "Duplicate Channel" (Duplicar canal) e
renomeie como Verde_02.
135
Devemos duplicar o canal ultilizado já que, alterando o canal verde matriz, estariamos alterando na
composição de nossa imagem e não é o que queremos.
4º Passo: Com nosso canal Verde_02 ativo, iremos inverter suas proriedades de cor pressionando
"ctrl+i".
7º Passo: Aumente a ponta da ferramenta "Burn Tool" usando " ] " e " [ " para diminuir e trace o fundo
da foto.
8º Passo: Mude a ferramenta para "Dodge Tool" e suas propriedades como abaixo:
136
Range: Hightlights
Em seguida preencha completo a parte interna.
9º passo: Clique sobre o canal RGB e, pressionando "ctrl", clique sobre o canal invertido (Verde_02).
Perceba que seu arquivo alterado será selecionado.
10º Passo: Volte a paleta de camadas e clique sobre aferramenta "Move tool" ( V ).
Passe o mouse sobre a nossa imagem selecionada e perceba que há uma alteração no cursor do
mouse (Uma seta em cruz para uma seta com uma tesoura ).
11º Passo: Nesse momento pressione o botão do mouse e com calma arraste sua imagem selecionada
(que a essa altura se tornou um recorte) para outra imagem qualquer.
137
12º Passo: Clique sobre a ferramenta borracha.
13º Passo: Altere a ponta "Soft Round" e opacidade de 34%. Podemos corrigir esta silueta.
138
FUNDO ABSTRATO 02
Descrição: Explicação de como se criar fundo abstrato no Photoshop
Software ultilizado: Adobe Photoshop em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 7,0
Ao som de: Charles Bronson - F technology
1º Passo: Crie um arquivo de 450x350 pixels em RGB
4º Passo: Clique em "Filter > Stylize > Extrude" e novamente altere como a seguir:
139
5º Passo: Pressione "CTRL+M" e altere como abaixo:
140
8º Passo: Clique na opção de filtro Filter > Sketch > Chrome.
E finalmente...
FUNDO ABSTRATO
7º Passo: Novamente iremos em Filter > Stylize > Wind e altere a direcão do vento.
142
8º Passo: Pressione "CTRL+ U" e altere como aseguir:
Colorize: Ativo
Hue: 113
Saturation: 41
Lightness: 0
CRIANDO UM ALIENÍGENA
Nesta matéria, com uma série de recursos, vamos criar um alienígena apartir de uma foto masculina.
Observer as orelhas, os olhos, o nariz, a sobrancelha, dentre outros.
Abra o arquivo alien.jpg , crie uma cópia da camada: dê dois cliques no plano de fundo, renomeie para
fundo e arraste-o para o símbolo criar nova camada, que ficará como fundo cópia.
Na cópia, vá ao menu imagem/ajustar/brilho e contraste. É mais fácil alterar cores na imagem mais
clara.
143
Com a ferramenta carimbo, procurei pegar partes próximas à boca, para removê-la sem deixar marcas:
Selecionei os olhos, mantendo na barra de propriedades difusão 2, para que não fique artificial a
seleção, e fui ao menu imagem/ajustar/variações, clicando duas vezes no verde
Selecionei o branco com a varinha mágica, menu inverter/seleção, com alt pressionado removi os olhos
da seleção (laço poligonal) e a parte branca da camisa.
144
Imagem/ajustar/variações:
145
Com as ferramentas subexposição e superexposição, atenuei sombras e luzes de determinadas
regiões. Esse trabalho é bem manual e de paciência. Dê zoom nos detalhes e veja como os olhos
sobressairam:
Apliquei uma máscara na camada de cima (base da janela camadas) e com a ferramenta degradê (de
preto para branco) fiz uma transparência gradiente na base da foto, para revelar um pouco da camada
de baixo:
146
DESENHOS
Resolvi escrever uma matéria para Photoshop com os Cavaleiros do Zodíaco. Eu criei meu próprio
cavaleiro e nada impede que vocês criem os seus ou desenhe os que já existem!
Vamos abrir um documento 800 x 600, RGB (pois estamos trabalhando para Internet), resolução de 72,
fundo preto ou transparente.
O segundo passo é colocar um fundo. Pode ser preto ou de outra cor escura, fica ao seu critério. O
importante, neste passo, é criar outra camada, deixando uma para o fundo e outra para selecionar a
ferramenta Marca de Seleção Elíptica, e formar uma elipse como na figura abaixo.
147
Feito isso, vamos fazer um corte nela como mostrado na figura para que ela tenha um formato parecido
com um capacete. Ao fazer o formato, vamos preenchê-lo com um gradiente como na figura abaixo
(metais – prata).
Depois de preenchermos com este gradiente, vamos preencher com outro. Clique na camada com o
capacete segurando control. Isso vai selecioná-la para que possa ser aplicado outro degradê (figura
abaixo) que iremos editar.
Nesse passo estamos criando o capacete do cavaleiro. Vamos fazer alguns cortes no capacete com a
ferramenta Laço Poligonal. Selecione a camada do capacete e faça uma seleção no formato que quiser
para o corte lateral. Eu fiz um triângulo e dois cortes de cada lado do capacete.
Neste passo, o capacete começa a ganhar detalhes para que mais na frente possa ser trabalhado com o
rosto. Vamos criar outra camada que iremos chamar de símbolo do capacete. Selecione a ferramenta
Marca de Seleção Elíptica, para formar uma circunferência, deixando o shift pressionado para uma
circunferência perfeita.
148
Vamos preencher essa circunferência com degradê prata que usamos no capacete!
Depois disso, vamos criar outra camada que será a parte de dentro deste circulo que criamos. Podemos
clicar na camada símbolo do capacete com o control para selecioná-la e utilizar redução como mostrado
na figura acima. Coloque um valor entre dez e quinze na caixa da opção de redução, selecione a
camada vazia que criamos sem desfazer a seleção do circulo preenchido, e preencha com preto.
O próximo passo será criar um ruído neste círculo preto. Vá em Filtro Ruído > Adicionar Ruído, como na
figura abaixo e depois iremos aplicar desfoque de movimento neste círculo preto. vá em Desfoque >
Desfoque gaussiano.
Depois disso vamos dar um toque bem bacana. Vamos adicionar ao nosso símbolo Chanfro e Entalhe.
Vá em Estilo da Camada e clique em Chanfro e Entalhe. Escolha entalhe elevado e modifique as opções
até parecer estar entalhado. Não exagere muito pois é só para dar um pouco de volume ao símbolo.
O próximo passo é desenhar o símbolo do capacete. Existe duas formas para se fazer isso: através de
demarcador ou simplesmente com laço poligonal. Com demarcador, podemos fazer selecionando a
ferramenta caneta. Desta forma, poderemos desenhar a forma que queremos. Esta parte vai mais da
criatividade de cada um. Eu desenhei uma forma, porém, não se prenda a ela e faça a sua. Se fizer com
a caneta você, estará trabalhando da seguinte forma:
Após ter terminado a forma que deseja para o símbolo, você irá clicar na paleta demarcadores e irá criar
uma seleção, clicando com o botão direito em cima da camada escrita demarcador de trabalho, criar
seleção.
Após ter criado sua seleção, vamos preenchê-la com o degradê metal. É legal você trabalhar com
curvas para deixar o degradê mais parecido com metal (control+m).
Após finalizar todo este processo, você deve estar com uma imagem igual a esta:
149
É nesta hora que iremos usar o filtro plastificação. Filtro artístico > Plastificação, para dar um brilho bem
bacana ao símbolo.
Agora vamos criar alguns fios para ornamentar o capacete. Selecione a ferramenta Laço Poligonal para
fazer um tentáculo como na figura abaixo.
Com isso teremos que usar o filtro distorção, cisalhamento. Teremos que editar a curva para que fique
com a forma de um tentáculo, como na figura abaixo. Duplique umas duas vezes ou mais como preferir
e depois mescle as camadas (control+e). Coloque opacidade depois delas agrupadas (só um pouco de
opacidade) e depois use o filtro plastificação, como na figura abaixo (obs: você pode fazer uma sombra
branca por trás dos tentáculos.)
150
Bom galera, neste ponto já conseguimos chegar na metade do nosso artigo. Fiquem frios que daqui para
frente vamos fazer o rosto do cavaleiro. Primeiramente vamos duplicar estes fios pois colocaremos um
em cada lado do símbolo do capacete.
Como já temos o capacete, podemos partir para o começo do rosto. Vamos lá.
Nesse ponto é interessante que você tenha alguma imagem dos cavaleiros do zodíaco. Vai servir como
referência para os traços como olho, boca, nariz, cabelo e etc.
Agora vamos desenhar olho, boca, nariz, face e tudo mais. Para isso precisaremos da Ferramenta Pen.
Crie uma camada chamada olho. Com a ferramenta vamos desenhar como na figura acima o olho.
Depois faça o mesmo procedimento para boca, nariz e um pedacinho do queixo. Tipo uma sombra.
Você pode, com a caneta, passar por cima da figura ou fazer no olho mesmo, que é bem mais difícil e
mais divertido!
151
Para montarmos a esfera do olho é fácil. Crie uma camada e nomeie para que você não fique perdido.
Crie uma seleção com a ferramenta de Marcação Elíptica e vá em Filtros > Iluminação e aplique nuvens
por diferença, na cor que você achar que seu personagem deve ter. Lembre-se: antes de aplicar o filtro,
você deve preencher a seleção com a cor do olho, tipo azul.
Depois faça como na figura acima. Uma outra circunferência menor, e um triângulo quase encostando
na esfera menor. Mescle tudo na camada com a esfera maior e duplique. Você terá os olhos do
personagem.
Agora que já desenhamos, olhos, boca, nariz, sombrancelhas e capacete, falta o rosto, que pode ser
desenhado como na figura acima. A sombra do rosto é feita com a Ferramenta Superexposição.
Cuidado para não sombrar demais, aconnselho a escolher nas opções de cima, em escala: sombras.
Outra observação é em relação à cor do rosto. Escolha um tom de pele para que possa ficar bacana o
trabalho.
Bom, agora só falta o cabelo.
Teremos que desenhar o cabelo e o mesmo vai ficar por trás do capacete. Com a Ferramenta Caneta
poderemos desenhar melhor o cabelo. É interessante você copiar nesta hora do modelo que você
estiver usando dos cavaleiros. Passe por cima com a caneta e crie uma seleção. Lembre-se que
estamos trabalhando com demarcador. Pinte com um degradê o cabelo ou uma cor chapada, tipo azul
ou mesmo cinza. Depois aplique o Filtro Plastificação com o cabelo selecionado.
Nesta hora é que o cabelo vai ganhar um brilho forte. Escolha a Ferramenta Superexposição e escureça
algumas áreas como na figura acima. Vá dando alguns ajustes de sombra com a ferramenta.
Pronto, você finalmente tem seu cavaleiro.
152
Bom galera, o cavaleiro não é tão difícil para começarmos meu primeiro artigo no iMasters. É bom para
quem for acompanhar sempre os próximos artigos a se familiarizarem com ferramentas como caneta,
degradê e sempre trabalhar com desenhos e desafios.
Com este artigo você está apto a construir não só cavaleiros do zodíaco, e sim vários personagens de
games e até quadrinhos!
Lembre-se de fazer vários diferentes e testar vários efeitos para melhorar mais ainda!
Descrição: Explicação de como se criar textos com efeitos de half tone no Photoshop
Software ultilizado: Adobe Photoshop em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 7,0
Ao som de: The Hives - Die, All Right
1º Passo: Crie um arquivo de 400x300 pixels em RGB.
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 seleção com uma cor qualquer.
Em meu exemplo utilizei #FF9C00.
11º Passo: Na barra de opções vá em Layer > Layer Style > Blending Option e altere a seguir.
Drop Shadow Bevel and Emboss
Stroke
155
TEXTO GRUNGE
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 critério. Eu usei a
"DSJapanCyr".
8º Passo: Na paleta de camadas, preste atenção e clique sobre a camada com o texto e pressione
"ctrl+e" para unirmos as duas camadas.
156
9º Passo: Vá em Filters > Stylize > Glowing Edges. E altere como a seguir:
10º Passo: Duplique a camada e na camada de cima altere sua propriedade em blending para Spin
Light.
Este é um efeito que quanto maior o arquivo for, maior será o destaque. Espero que tenham gostado.
Fiquem com Deus e até semana que vem.
Grandes amigos! Hoje vamos ver algo bem interessante. Dando sequencia às matérias sobre banners,
estudaremos diversos recursos sobre o Adobe Image Ready CS.
Banners - Parte 03 (Adobe ImageReady®)
Descrição: Estudo sobre software ImageReady e a criação de banners.
Software ultilizado: Adobe Image Ready CS em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 8,5
Ao som de: A Litte Less Conversation- Elvis vs jxl
Antes de mais nada, vamos ver um pouco mais sobre esse programa ok?
No Adobe ImageReady criaremos animações com base em uma única imagem, por meio de arquivos
GIF animados.
Um GIF animado é uma sequência de imagens, ou quadros. Cada quadro varia ligeiramente em relação
ao quadro precedente, criando a ilusão de movimento quando seus quadros são visualizados em
sucessão rápida. É possível criar animações de várias maneiras:
1º maneira: Utilizando o botão "Duplica", o quadro atual da paleta "Animação" para criar quadros de
animação e, em seguida, usando a paleta "Camadas" para definir o estado de imagem associado a cada
quadro.
2º maneira: O recurso Entremeio é utilizado para criar rapidamente novos quadros que deformam textos
ou promovem uma variação na opacidade, posição ou efeito de uma camada. Isso criará a ilusão de um
elemento em um quadro que se move ou gradualmente se acende ou apaga.
3º maneira: Abrindo um arquivo de várias camadas do Adobe Photoshop ou Adobe Illustrator para criar
uma animação, transformando cada camada em um quadro.
Dicas:
Ao criar uma sequência de animação, é melhor permanecer na visualização de imagem Original. Isso
evita que o ImageReady tenha de reotimizar a imagem à medida que o conteúdo dos quadros é editado.
Arquivos de animação resultam tanto em arquivos GIF quanto em filmes de QuickTime. Não é possível
CRIAR uma animação JPEG ou PNG. (Inspirado do Livro : Guia Autorizado Adobe)
Agora retirei um trecho do Help do próprio Adobe Photoshop.
WEB - Sobre trabalhar com camadas em animações
Trabalhar com camadas é uma parte essesncial da criação de animações no ImageReady. Dispor cada
elemento de uma animação em uma camada própria permite alterar a posição e a aparência do
elemento por uma série de quadros.
Alteraões específicas ao quadro: Algumas alterações efetuadas às camadas afetam somente o
quadro de animação ativo. Por padrão, as alterações feitas por meio dos comandos e opções da paleta
157
Camadas - Inclusive em opacidade de camada, modo de mesclagem, visibilidade, posição e estilo - são
específicas ao quadro. Contudo é possivel aplicar alterações de camada a todos os quadros de uma
animação por meio de botões da paleta Camadas.
Alterações globais: Algumas alterações afetam todos os quadros nos quais a camada está incluída.
Alterações efetuadas a valores de pixel da camada, por meio de ferramentas de pintura e edição,
comandos de ajuste de cor e tom, filtros, textos e outros comandos de ediçaõ de imagem, são globais.
Cada novo quadro é iniciado como duplicata do quadro anterior - o quadro é editado pelo ajuste de suas
camadas. É possível aplicar alterações de camada a um único quadro, a um grupo de quadros ou à
animação inteira.
Bem amigos, vamos lá!
Primeiramente vamos explicar as ferramentas mais usadas no Adobe ImageReady e iremos criar uma
pequena animação, bem simples, como exemplo, pois gosto de explicar em detalhes para aqueles
leitores iniciantes ou que não tem condições de comprar livros. Por isso, caso precisem de alguma
coisa, mande-me um email.
1º Passo: Abra uma imagem qualquer no ImageReady
2º Passo: Duplique a camada clicando sobre o botão "Duplicates current frame" como abaixo:
158
5º Passo: Em seguida, desabilite a opção de visualização clicando sobre o olho (veja abaixo) e repare,
no lado esquerdo, que seus frames foram alterados.
6º Passo: Segure o "SHIFT" e clique sobre o outro frame. Em seguida clique na seta "0 sec." e altere
para 0.1 segundo.
7º Passo: Clique sobre o botão de interpolação de quadros (ver F) e deixe como abaixo:
A diferença é que no " 7º Passo " coloquei apenas 4 quadros e adicionei um frame sem texto com delay
de 0,2 segundos. Logo em seguida outro frame com o texto novamente e um delay de 0,5. O resultado
está abaixo:
Agora adicionei frames ao logo esquerdo, com espaço de tempo, dando a impressão de piscar, e ao
texto "iMasters", do lado direito, adicionei um frame posicionando por fora da aréa visualizada. Fiz uma
ilustração apenas para imaginarmos a posição onde coloquei o iMasters e adicionei a interpolação com
espaço de tempo curto.
(Claro que iMasters não irá aparecer. Eu apenas fiz uma ilustração para imaginarmos onde eu posicionei
nossa camada de texto)
Meu resultado final é este:
Bem amigo, é claro que o iMageReady possui muito mais recursos, mas por hoje escolhi apenas alguns
onde criariamos um banner simples. Quando voltar a escrever sobre iMageReady, falarei a respeito de
seus filtros.
Semana que vem aguardem a matéria "Gotas em lata de refrigerante!"
Espero que tenham gostado. Dúvidas, mandem-me via email. Um abraço a todos e fiquem com Deus.
160
BANNER 02
Salve amigos! Hoje daremos sequência à série sobre Banners. Trabalharemos mais alguns estilos de
fundo. Antes, eu so gostaria de mandar um abraço para o pessoal da WOC e agradecer muito a
oportunidade.
Um grande abraço também a todos meus amigos.
Criando banners
Descrição: Estudo sobre criação de fundos para banners
Software ultilizado: Photoshop 7.0 em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 8,0
Ao som de: Freddy Vs Jason - 07 - Chimaira-Army Of Me
1º Passo: Crie um arquivo em RBG de 468x60 pixels, com fundo transparente (a escolha do fundo fica a
critério do criador, já que também podemos usar branco como cor inicial). Em seguida, pressione "D"
para as cores voltarem as padrões.
Como podemos observar, o próprio Photoshop já possui uma configuração de tamanho presente para
banners;
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 opções abaixo:
162
Caso queira com outra cor, basta alterar suas configurações. Com as que coloquei, teremos essa
imagem final:
11º Passo: Clique sobre a ferramenta "Eraser Tool" e vá apagando alguns trechos da camada que
colocamos em color dodge. Lembre-se que se usarmos "[" podemos diminuir o tamanho da ponta da
borracha e com "]" aumentaremos.
Apos deletar alguns trechos, acrescentei texto e um "Lens Flare".
Semana que vem falarei exclusivamente sobre o Image Ready. Então, quem tem duvida sobre como
utilizar esse maravilhoso programa, não perca a próxima matéria. Vou mostrar desde algumas das
funções principais até como dar movimentos mais complexos a seu banner. Um abraço e fiquem com
Deus.
BANNERS
Olá grandes amigos! Primeiramente desculpe pela minha ausência com a coluna na última semana. Tive
alguns problemas pessoais que agora já estão se resolvendo, graças a Deus.
Caso tenham me enviado e-mails e eu não respondi, por favor reenviem sua dúvida para meu outro e-
mail pessoal (fabio_lody@yahoo.com.br). Estou voltando normalmente também a postar imagens em
meu Fotolog (www.fotolog.net/fabiolody). Qualquer dúvida em relação às imagens postadas, entrem em
contato.
Antes de iniciar a matéria, eu so gostaria de corrigir um pequeno erro na matéria "Cabelos Rebeldes".
No 7º Passo eu alterei o nome da ferramenta, onde o correto seria "Dodge Tool".
Dando sequência à nossa lista, hoje iremos ver falar sobre fundos para Banners!
163
Antes de tudo precisamos ver quais tipos de banner iremos trabalhar. Os espaços mais utilizados são o
topo da página, para full banners e os botões, que são banners menores, localizados em espaços
alternativos, na lateral ou ao final do layout.
Os banners botões tem o tamanho padrão de 88x31. Abaixo temos 3 exemplos, cedido pelo usuário
VBA de nosso fórum.
Vamos lá!
Criando banners
Descrição: Explicação sobre como criar fundos para banners
Software ultilizado: Photoshop 7.0 em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 7,5
Ao som de: Juno Reactor/Don Davis - Tetsujin
1º Passo: Crie um arquivo em RBG de 468x60 pixels, com fundo transparente (a escolha do fundo fica a
escolha do criador, já que também podemos usar branco como cor inicial). Em seguida pressione "D"
para as cores voltarem ao padrão. Como podemos ver, o próprio Photoshop já possui uma configuração
de tamanho presente para banners.
2º Passo: Em seguida, vá na barra de Opções: Window > Documents > New Window
Fazendo isso, estamos criando mais uma visualização para nosso arquivo. Como já disse aqui, gosto
muito desse recurso do Photoshop, já que podemos visualizar ao mesmo tempo nosso documento em
modos de zoom diferentes. Isso ajuda muito quando precisamos nos preocupar com os detalhes.
Posicione onde quiser.
3º Passo: Nesse momento já temos o arquivo base criado. Agora precisamos do principal: as idéias. No
meu caso, como farei um banner da própria coluna, utilizarei branco como fundo e um logo do iMasters
para a primeira ação.
Repare que, por enquanto, a única coisa que fiz foi posicionar um logo. Pressionando "CTRL+T" para
ablitarmos as opções de transformação na imagem, segure o "SHIFT" e, clique e arraste para diagonal
aumentando assim o tamanho do objeito.
164
Pela seta indico suas pontas onde digo para arrastarmos, caso queira aumentar seu objeto. Claro que
haverá estouro de pixels, já que estamos alterando seu tamanho sem mexer em sua quantidade de
Dpis. Mas usaremos a imagem com uma opacidade grande, ficando, desta forma, quase imperceptivel a
perda.
4º Passo: Note que posicionei a imagem ampliada e reduzi sua opacidade nas propriedades da
imagem.
5º Passo: Adicionei novamente a camada com o logo e note quanto é importante o "2º Passo".
Perceba que estou escolhendo a fonte a ser usada. Acima, a janela ampliada e com a escolha da fonte.
Já um pouco mais abaixo, o banner final.
6º Passo: Já com as fontes definidas e posicionadas, resta somente o movimento. A base para nosso
banner está pronta. Claro que até esse ponto parece fácil, já que o mais dificil é considerado o
movimento que veremos na próxima matéria.
7º Passo: Usando a mesma quantidade de camadas e as mesmas idéias, fiz o button e o banner lateral.
Agora vamos criar outros tipos de fundos para os nossos banners. Geralmente, a grande sacada em
fundo de banners, como por exemplo "hightech", que são muito pedidos por e-mail, seria saber lidar bem
com blending option, opacity e masks. Vamos agora ver um pouco sobre isso.
Hightech - 01
8º Passo: Repita o 1º Passo, mas desta vez com background Branco.
9º Passo: Vá em Filter > Render > Difference Clouds. Agora aplique novamente o filtro configurado por
5 vezes pressionando "CTRL+F".
10º Passo: Agora em: Filter > Stylize > Find Edges.
Sua imagem ficará assim:
165
11º Passo: Seguindo: Image > Adjustments > Invert "Ctrl+I".
12º Passo: Vá em: Image > Adjustments > Levels "Ctrl+L" e siga as configurações a seguir:
13º Passo: Vamos em: Image > Adjustments > Hue/Saturation... "Ctrl+U" e hablite a opção "Colorize".
Altere as configurações para:
Hue: 184
Saturation: 25
Lightness: 0
14º Passo: Agora vá em: Layer > Duplicate Layer, para duplicar sua camada e repita o "13º passo",
alterando suas configurações para:
Hue: 36
Saturation: 98
Lightness: +5
15º Passo: Em blending Option, altere sua propriedade como a seguir:
20º Passo: Repita o "13º Passo" mas altere suas configurações para:
Hue: 223
Saturation: 30
Lightness: -8
21º Passo: Pressione "CTRL+L" e altere suas configurações como na imagem abaixo:
Terminamos o segundo:
PIXEL ART 3D
E ai meus amigos! Como vão vocês? Bom, vamos para a segunda parte desse tão maravilhoso mundo
pixel.
Descrição: Explicação passa a passo sobre pixelart 3D
Software utilizado: Photoshop CS em Inglês
Grau de Dificuldade: 8,0
Ao som de: Steel Dragon - We all die young
Algumas regras: Geralmente os elementos em pixelart 3D são criados em perspectiva isométrica. Essa
perspectiva é conhecida como perspectiva perfeita, pois as formas não apresentam distorções. É
através dessa falsa simulação de volume que são construídos a maioria dos desenhos em pixelart 3D.
A perspectiva isométrica é baseada no ângulo de 30º, assim:
167
Entretanto se dermos um zoom na linha do ângulo, perceba oque acontecerá:
Em 30º a linha de pixels fica deformada, contendo ora um, ora dois, ora três pixels numa seqüência
indefinida que esteticamente fica terrível. Para uma melhor apresentação, corrige-se a linha para a
seqüência de dois em dois pixels, trazendo a angulação para algo próximo do 26º.
Então, mantendo nossa nova medida de 26º, criamos a malha para confecção de nossa perspectiva
isométrica.
Bom, só lembrando do nosso caminhão da matéria passada. Para desenvolvê-lo, basta seguir essas
dicas:
A medida X1 corresponde à base do caminhão. Se a medida fosse transferida diretamente para a malha
isométrica o resultado seria um caminhão maior do que a medida correta. O caminhão teria sua forma
final esticada em relação às proporções originais. A medida errada pode ser observada na cor cinza
escura.
Para que a medida seja transferida com segurança, criou-se um círculo azul com o centro em um dos
vértices inferior direito da casa. Do centro do círculo azul foi traçado um raio com 26º de inclinação em
relação à base da casa. No exato ponto onde o raio cruza a circunferência, indicado no desenho com a
cor laranja, é marcada a linha de rebatimento. Definida no desenho com a cor cinza claro. Após essa
marcação a medida X1 pode ser transferida com segurança para a malha isométrica. Agora
começaremos do zero um quarteirão em Pixelart 3D.
1º Passo: Trace o contorno base do seu quarteirão.
2º Passo: Trace um segundo contorno em cinza neste tom ( #5F5F5F) e em seguida um terceiro
contorno mais claro (#A4A4A4)
168
3º Passo: Preencha a rua com o tom cinza mais escuro que usamos. E, por dentro do quarteirão, de
verde (#19740D).
4º Passo: Agora comece a construção de seu quarteirão. Eu comecei com uma árvore. Note que
existem pontos que não devemos deixar pra trás, como pontos de luz e sombra. Apenas usando a ponta
do pincel mais clara ou escura.
5º Passo: Agora copie e cole a sua árvore em vários pontos diferentes. Em seguida, construa uns
homenzinhos (nesse ponto os detalhes não influenciam já que o homenzinho e quase imperceptível).
Amigos, eu gostaria de deixar claro que isso é só o princípio de pixelart 3D. Abaixo seguem alguns
exemplos retirados da internet de como esse mundo pode ser maravilhoso.
169
EFEITOS DE LUZ
Pulando uma matéria na lista divulgada semana passada, vamos para "Efeitos de Luz". Quem tem
acompanhado meu fotolog (www.fotolog.net/fabiolody) viu que publiquei inúmeras imagens com efeitos
de luz. E um deles em especial chamou bastante atenção de alguns leitores. Imagem esta que você
encontrará abaixo. Então iremos reproduzir um efeito parecido e bem procurando por photoshopers.
Imagem postada e usada como exemplo:
170
3º Passo: Escolha branco e, com a ferramenta "Elipse Tool", trace um arco como nas imagens abaixo.
4º Passo: Clique com o botão direito sobre a camada e escolha "Rasterize image".
5º Passo: Segure "CTRL" e clique sobre a camada da forma que criamos. Perceba que vemos sua
seleção.
6º Passo: Vá em "Select" > "Modify" > "Contract". Em "Contract Selection", altere seu valor para 5
pixels.
8º Passo: Duplique a camada quantas vezes quiser e altere sua posição ou forma pressionando
"CTRL+T".
171
9º Passo: "Link" todas as camadas de arcos, usando a corrente para assim unirmos as camadas
pressionando "crtl +e", como na figura 02 . Em seguida nomeie a camada para "Arcos".
01
02
10º Passo: Vá em "Filter" > "Blur" > "Gaussian Blur" e altere seu valor para 1,5.
11º Passo: Duplique a camada por duas vezes clicando com o botão direito e clicando em "Duplicate
Layer".
12º Passo: Na terceira camada de arcos repita o 10º passo com a diferença do valor para 21,1.
13º Passo: Repita o 9º passo. Não esqueca de nomear a camada para "arcos" (botão direito > layer
propertier).
14º Passo: Pressione "SHIFT + CTRL+ N" para criarmos uma nova camada e a nomeie como "traço".
172
15º Passo: Clique sobre o Pincel "Brush Tool" e altere, na barra de Opções, sua ponta para "Soft Round
17 Pixels".
17º Passo: Nesse momento vá em "Filter" > "Blur" > "Motion Blur" e coloque os valores a seguir:
22º Passo: Em Blending Option da camada recém criada, escolha "Vivid Light" e 45º de opacidade:
23º Passo: Na barra de opções, vá em "Layer" > "Flatten Image". Perceba que achatamos nossas
camadas e que na camada "background" temos a corrente, impossibilitando assim a edição por isso
duplique está camada:
173
24º Passo: Agora vem o grande X da imagem. Repita o 14º passo mas nomeie para "degrade".
Escolha a ferramenta de degradé e altere suas opções na barra de Opções como na imagem a seguir:
25º Passo: Agora trace a posição de seu degradé e, em seguida, em "Blending Option", altere sua
propriedade para "Overlay".
Ufaaaa. Espero que tenham gostado. Abaixo a minha imagem onde eu acrescentei, como no passo 16º,
vários traços com a diferença que com a propriedade em overlay, além de borda, fonte e brush de flash.
174
Grau de Dificuldade: 8,5
Ao som de: Rolling Stones - It's Only Rock n' Roll
1º Passo: Crie uma imagem de 400x400 pixels com preenchimento de fundo na cor branca.
3º Passo: Escreva suas iniciais usando um corpo de fonte largo e legível (usei: Arial Black, 150pt,
Sharp). Sua cor é idependente nesse passo, já que colocaremos uma textura.
175
Color Overlay (Sobreposição de cor)
Stroke (Traçado)
5º Passo: Crie uma nova camada e pressione a ferramenta de Degradé (Gradiente Tool (G)) na barra
de opções:
6ºPasso: Pressione "D" e em seguida "X" para voltar ao padrão de cores e as alternar. Logo depois, vá
nas opções de degradé e escolha a de brando para transparente.
176
7º Passo: Segure a tecla "SHIFT" e, no meio das iniciais, e faça um pequeno caminho onde seu
degrade ficara, como na imagem abaixo.
8º Passo: Crie uma nova camada (CAMADA_GUIA), deixe acima da camada do seu texto e em seguida
selecione a "corrente" para unir as duas camadas.
9º Passo: Com a ferramenta "Move Tool (V)", escolha a camada "TRAÇO" e pressione "CTRL + G".
177
Sua imagem ficará assim:
10º Passo: Nesse momento abriremos o Image Ready, pressionando "SHIFT+CTRL+M" (instalado
juntamente com Photoshop)
11º Passo: Agora nosso ambiente será iMage Ready. Mova a camada do nosso "reflexo" para o canto
superior esquerdo até quase não aparecer na letra.
13º Passo: Agora pressionando "SHIFT", selecione os dois frames e clique sobre o botão "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 Opções, clique sobre a opção "Forma", clicando na setinha ao lado. Ao aparecer
as opções de forma padrões, escolha "Carta de Copas" (ou seja, nosso coração).
179
5º Passo: Agora posicione seu cursor no canto superior esquerdo e trace seu coração. (Lembrando que
se usar o 'SHIFT ', o traço sai com as coordenadas perfeitas).
6º Passo: Na camada da forma do coração, clique com o botão direito e vá em "Converter camada em
Bitmap" e em seguida vá em Camada> Estilo de camada> Opções de mesclagem.
7º Passo: Clique sobre "Sombra projetada" e altere para as configurações abaixo:
Chanfro e Entalhe
8º Passo: Crie uma nova camada (acima da camada do coração) e clique sobre ela. Não esqueça de
adicionar a corrente. Em seguida pressione 'CTRL + E' para mesclar a camada nova com a da forma do
coração.
9º Passo: Vá em Imagem > Ajustes > Variações. Adicione mais magenta e vermelho com o nivel de
variação 4.
10º Passo: Nesse momento, adicione uma camada sobre o coração e a preencha de vermelho
#FF2A00. Em seguida deixe a com 19% de opacidade e em "divisão" em sua propriedade.
180
11º Passo: Clique na camada "Plano de Fundo" e pressione 'CTRL + U'. Altere suas configurações
como abaixo:
12º Passo: Vá em Filtro > Artístico > Esponja e altere como abaixo suas configurações.
13º Passo: Com a mesma camada de "plano de fundo" selecionada, vá em Filtro > Acabamento >
Efeitos de Iluminação.
181
Sua imagem final deverá ficar assim:
CABELOS REBELDES
Lista de efeitos:
01. Mundar fundo quando o cabelo atrapalha
02. Gotas em latas de refrigerante
03. Efeitos de Luz
04. Efeitos de fundos para banners
05. Transformando foto em desenho
06. Tratando foto envelhecida
07. Criação de site pelo Photoshop
08. Criação de bordas
09. Texto em ouro com brilho
10. Pixel Art
Cabelos rebeldes
Descrição: Explicação sobre como alterarmos o fundo onde temos cabelos espalhados.
Software ultilizado: Photoshop 7.0 em inglês (Funciona em qualquer versão)
Grau de Dificuldade: 8,0
Ao som de: Fresno - Carpe Diem
1º Passo: Abra uma foto qualquer e pressione "d" para nossas cores voltarem às princípais. Será
trabalhada a foto cedida pela modelo Amanda Suita.
Nesse momento explicarei um pouco mais sobre canais, já que iremos ultilizar no 2º Passo.
182
Algumas vezes podemos melhorar a qualidade de uma imagem mesclando dois ou mais canais.
Fazemos isso usando o comando Misturador de Canais nos modos RGB (Para tela do computador) e
em CMYK (para impressão), de acordo com a calibragem de seu monitor. (Para informações a respeito
da calibragem pessoal de cor, consulte minha matéria sobre calibragem).
Quando temos imagens em RGB, nossa paleta "canais" nos mostra os canais vermelho, verde e azul.
Agora um trecho do próprio help do Photoshop:
"Observe que todos canais de cor se encontram visíveis atualmente, inclusive o canal RGB, que é uma
composição dos canais separados vermelho, verde e azul. Para visualizar os canais individualmente,
use os ícones de olho da paleta."
* lembrando aos meus amigos que "Misturador de Canais" no Photoshop em inglês se localiza em:
Image > Adjustments > Channel Mixer.
2º Passo: Vá em Janela (Window) > Canais (Channels)...
Nesse momento precisamos analisar cuidadosamente cada um de nossos canais para descobrirmos
qual possui maior contraste.
3º Passo: Em nosso caso, o canal com o maior contraste foi o verde.
Duplique o mesmo clicando com o botão direito e em seguida "Duplicate Channel" (Duplicar Canal).
Renomeie como Verde_02. Devemos duplicar o canal ultilizado já que, alterando o canal verde matriz,
estariamos alterando na composição de nossa imagem e não é o que queremos.
183
4º Passo: Com nosso canal verde_02 ativo, iremos inverter suas proriedades de cor pressionando
"ctrl+i".
9º passo: Pressione "CTRL" e retorne à paleta de layers (camadas). Arraste sua seleção mantendo
CTRL pressionado para outra imagem.
184
10º Passo: Altere a propriedade da Layer (camada) para Luminosity (Luminosidade)
* Retirei imagem do Photoshop PT para melhor visualização:
185
11º Passo: Duplique a camada da foto clicando com o botão direito e nomeie a nova camada como
"foto". Agora altere sua propriedade para "Normal", como no passo 10º
12º Passo: Nesse momento, crie uma máscara para nossa camada "foto", clicando em Layer (Camada)
>> Add Layer Mask (Adicionar Mascará de Camada ) > Reveal All (Revelar Todas).
13º Passo: Clique sobre a ferramenta Pincel (Brush Tool) e altere sua ponta para "Círculo Sólido". O
tamanho depende da região alterada.
14º Passo: Agora vá retirando as rebarbas. Lembrando que quando usamos máscara, usando a ponta
em preto retiramos a rebarba, já em branco adicionamos.
Claro que nosso efeito final depende dos pontos de sombra de nossa foto, que não alterei. Caso
tivéssemos que alterá-los precisariamos de outra matéria somente para o tratamento. Outra coisa que a
altera bem seria a imagem de fundo da foto.
CRIANDO CURVAS
Esse assunto e um pouco complexo já que existem varias caminhos para se criar formas curvilineas.
Como por exemplo, usando a Ferramenta "Caneta", apenas controlando a sensibilidade da ponta da
caneta.
Mas para isso precisamos entender alguns princípios de curvas, pontos de ancoragem e componentes.
Portanto, citarei um trecho do HELP do próprio Photoshop.
”Um demarcador consiste em um ou mais segmentos retos ou curvos. Pontos de ancoragem marcam as
extremidades dos segmentos do demarcador. Em segmentos de curvas, cada ponto de ancoragem
selecionado exibe uma ou duas linhas de direção, terminando em pontos de direção. As posições de
linhas e pontos de direção determinam o tamanho e a forma de um segmento de curva. Mover esses
segmentos remodela as curvas em um demarcador.
186
Um demarcador pode ser fechado, sem início ou fim (por exemplo, um círculo), ou aberto, com
extremidades distintas (por exemplo, uma linha ondulada). Curvas suaves são conectadas por pontos de
ancoragem chamados pontos suaves. Demarcadores curvos são conectados por pontos de vértice.
Ao mover uma linha de direção em um ponto suave, os segmentos de curvas de ambos os lados do
ponto se ajustam simultaneamente. Em comparação, ao mover uma linha de direção em um ponto de
vértice, somente é ajustada a curva do mesmo lado do ponto da linha de direção.
Ajustando um ponto suave e um ponto de vértice. Bom agora que já aprendemos como funciona,
tentaremos reproduzi-la de uma maneira que na minha opinião é bem mais fácil, usando a ajuda de
formas pré-definidas. Tudo com a ajuda da ferramenta Retângulo”.
2º Passo: Agora clique sobre a ferramenta "Seleção de demarcador" e em seguida sobre a forma
definida (perceba que alguns pontos seram adicionados em cada extremidade da forma).
187
3º Passo: Pronto agora alterne para ferramenta de seleção direta ( a seta de baixo) e clique sobre a
forma. Nesse momento temos total condição de alterar sua forma, apenas adicionando pontos de
ancora.
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
traçar sua curva, tenha já em mente a forma, posição e tamanho da curva.Assim economizará um bom
tempo.
Aqui após algumas alterações:
188
Ai você pergunta, qual seria a utilidade principal das curvas? Simples, para se usar na Web! Aqui
algumas imagens de sites que fiz usando essa técnica:
PIXEL ART
PixelArt é a arte de se desenhar pixel por pixel. Antes do tutorial, uma prévia.
O que é pixel?
Pixel é a abreviação de picture element (elemento da foto). É a menor parte de uma imagem
digitalizada. Cada um destes pontos possui a informação que determina sua cor. Este conjunto de
pontos é arrumado no formato de uma matriz. Essa matriz forma a imagem. O pixel determina a
resolução desta imagem.
Como é possível acessar um pixel?
Um pixel só é acessado via softwares de edição de imagem bitmap, até mesmo o Paintbrush,
Microangelo, entre outros.
Como definir a cor de um pixel?
O valor da cor de um pixel é calculado em valores da escala de cores RGB (Red - Vermelho, Green –
verde, Blue - azul) cada valor pode variar de 0 a 255. A mistura desses valores determina a cor final do
pixel. Um pixel pode ser "transparente", a essa cor transparente dá se o nome de Canal Alpha.
O que é Resolução?
Resolução é a quantidade de pixels em sentido horizontal e vertical e o número de cores geradas pela
placa de vídeo e aceitas pelo monitor. Quanto maior a quantidade de pixels e de cores, mais claras e
precisas são as imagens. A unidade de medida de Resolução é a dpi (dots per inch) Pontos por
polegada, e é expressa da seguinte forma: L x A (largura X altura) 800 x 600 pixels, 1024 x 768 pixels.
Quanto às cores, as configurações básicas podem ser 256 cores , 65.536 (chamada high color 16 bits) e
16,7 milhões (high color 24 bits). A norma segue sendo SVGA (Super Video Graphics Array).
O que é um ícone?
Sem se aprofundar no sentido simbólico da palavra, ícones são desenhos sintéticos que identificam
objetos ou funções em uma interface gráfica. Geralmente tem as seguintes especificações:
a) 1-bit ícones - ícones pretos e brancos simples
b) ícones 4-bit - 16 cores simples
c) ícones 8-bit -256 cores
d) ícones 16-bit - milhares das cores
e) ícones 32-bit - milhões das cores
f) nas medidas 16x16 pixels ou 32x32 pixels
O que é pixelart?
Basicamente é a técnica de desenhar através de pixels. Acredita-se que surgiu junto com os vídeo-
games, que utilizavam a técnica para suprir as deficiências na elaboração de imagens de melhor
qualidade.
Vamos à matéria que iniciará o ano com chave de ouro. Mas lembrando sempre que alguns dos
melhores Pixelarts do mundo possuem Tables de pelo menos 300 dólares, e aqui faremos na raça! E
iremos começar com um em 2D bem simples. Na próxima matéria de pixelart falaremos sobre 3D.
1º Passo: Crie uma imagem com nome de "Caminhão" do tamanho de 150x80 pixels com 72 dpi de
189
resolução, em modo RBG. De cor de fundo (Background) branca.
2º Passo: Agora é importante ressaltar que precisamos alterar algumas coisas para uma pixelart boa,
por exemplo:
a) Precisamos usar a ferramenta Lápis (Pencil) e definir sua ponta com 1 pixel
3º Passo: Com as devidas alterações vamos começar nossa arte. Só mais uma dica:
com a última alteração de criação da 2ª Janela, nosso pixel ficará mais fácil. Mas como assim? Varia de
acordo com o tamanho do monitor de cada usuário. No meu caso eu uso um monitor de 14 com uma
placa com saída para TV, e deixo as ferramentas e as paletas do PS sendo mostrados na TV e deixo o
monitor inteiramente a disposição do trabalho. Mas da forma que farei ficará com uma visualização mais
fácil.
Deixe a Janela esquerda com 300% de zoom e o da direita com 100 %.
4º Passo: Comece a traçar a borda do seu desenho. Em meu exemplo fiz um caminhão.
5º Passo: Sempre trocando a cor da ponta do lápis e tomando muito cuidado com detalhes, trace alguns
outros trechos do seu caminhão.
6º Passo: Defina uma cor a ser usada em seu desenho (Lembre que existem detalhes, como sombra e
posição da luz, que não podem ser ignorados).
190
Mas note que precisamos perceber cada ponto, mesmo sendo em pequeno estado já que faz muita
diferença.
Na semana que vem iremos ver mais detalhes desse maravilhoso mundo. Mas desta vez alguns mais
usados na web. Pixelart em 3D.
Um grande abraço a todos, e espero que tenham gostado e sucesso nesse ano que se inicia!
Alguns trechos do texto são de autoria de Armando Fontes
Descrição: Explicação passo a passo de como deixar texto com aparência de fogo
Software ultilizado: Photoshop 7.0 em inglês
Grau de Dificuldade: 8,0
1º Passo: Crie uma imagem de 400x400 pxl e pressione "D" para as cores voltarem ao seu padrão.
2º Passo: Preencha com preto sua área criada para, logo mais, inserirmos o texto e darmos
continuidade ao efeito.
3º Passo: Clique na ferramenta "Horizontal Type Tool", inverta as cores de Cor Principal (Foreground
Color) e Cor de fundo (Back Ground) e digite algo do seu interesse em branco. Uma sugestão: as
configurações de tipo de fonte e tamanho que usei estão abaixo:
191
4º Passo: Vá em Image...Rotate Canvas...90ºCCW
5º Passo: Vá em Filtros...Estilizar...Vento.
192
Ficará assim:
193
8º Passo: Nesse momento pressione CTRL+U e altere as configurações para: 23, 92,0 e "Colorize"
9º Passo: Duplique a camada e repita o 8º passo, mas altere seus valores para: 0, 62, 0 e duplique pela
terceira vez usando 58, 70, 0.
194
12º Passo: Com a ferramenta "Horizontal Type Tool", reescreva novamente, mas desta vez em preto
13º Passo: Vá em Layer...."Add Layer Mask...Reveal All" para adicionar uma máscara ao seu texto.
14º Passo: Usando a ferramenta "Gradient Tool", trace uma reta de cima para baixo, de acordo com as
configurações a seguir...
"Lembrando que a satisfação que teremos com a sombra criada na fonte, varia de acordo com a posição
que será traçada."
195
Efeito Final
Mais abaixo algumas artes usando o mesmo principio
2º Passo: Abra mais uma imagem e posicione ao lado direito (essa imagem será nossa textura)
3º Passo: Nesse momento aconselho a deixar a foto do lado esquerdo do mesmo tom de cor da foto do
lado direito, deixando assim uma coloração parecida. Clique sobre a ferramenta "Eyedropper tool".
196
Clique em algum ponto que represente as cores da imagem 2
4º Passo: Agora, clicando sobre a primeira foto, pressione "CTRL+U" e deixe as configurações como
no exemplo:
197
6º Passo: Segure o ALT e dê um clique simples sobre qualquer ponto da imagem 1 (esse ponto deverá
ser sobre a área que usaremos como efeito)
7º Passo: Nesse momento, clique em qualquer área da segunda imagem. Note que enquanto traça o
caminho da imagem, do lado esquerdo uma pequena cruz o acompanha sobre a área escolhida.
198
COLORAÇÃO DE FOTOS
4º Passo: Com a ferramenta "Pincel" (Brush) trace as areas que deseja mudar as cores. Repare que
sua área ficara vermelha.
199
5º Passo: Pressione "Q" novamente para voltar ao modo normal de seleção (Modo Padrão).
7º Passo: Crie uma nova camada, e usando a ferramenta Pincel, preencha novamente a seleção criada
como na figura:
200
8º Passo: Em seguida, vá sobre a paleta de Camadas (layers) e altere sua propriedade para Sobrepor
(Overlay). Após sobrepor, imagem final:
2º Passo: Usando a ferramenta Rounded Tool (Não esqueça de mudar as opções de "corner Radius"
para um numero maior) com 60 px. Ficando assim mais arredondado.
3º Passo: Clique na paleta de Camadas (Layers) e clique sobre o botão (layer style button) e altere
as configurações como abaixo:
201
Sombra Projetada(Drop Shadow) Brilho Interno(Inner Glow)
Contorno(Contour)
em Contour use:
202
Saturação(Satin)
SCAN LINE
Descrição: Utilização de um efeito como de TV
Software ultilizado: Photoshop 6.0 em Português
Grau de Dificuldade: 4,5
1º Passo: Abra uma imagem qualquer que servirá de base para usarmos o efeito:
203
Assim criaremos um arquivo bem pequeno
3º Passo: Segure a tecla ' CTRL ' e pressione ' + ' para podermos aproximar o arquivo (note que cada
vez pressionado, mais próximo ficará)
6º Passo: Nesse momento vá em na Opção "Editar" (Edit), "Definir Padrão" (Define Patern)
7 º Passo: Nesse momento, volte a magem que deseja colocar o efeito, e crie uma nova camada. Em
seguida, vá em "Editar" (Edit) "Preencher" ( Fill )
204
8º Passo: Agora, na janela "Camada" (Layer), altere a propriedade de mesclagem para Sobrepor e sua
opacidade para 20% Assim ficará nossa imagem
PEN TOOL
Sendo assim, ensinarei a lidar com a Ferramenta "PEN TOOL" usando algumas fontes. Em seguinda
poderemos criar um Logo ou brush personalizado. Mas como é uma ferramenta que requer um pouco de
habilidade, iremos nos dedicar a aprender a opção "PATH" e iremos começar a trabalhar e a entender a
ultilização da ferramenta PEN.
Aqui vai uma previa retirada do próprio HELP do Photoshop.
"A ferramenta caneta de forma livre permite desenhar como se desenha com um lápis em um papel. Pontos de
ancoragem são adicionados automaticamente à medida que você desenha. Não é possível definir o local em que os
pontos são posicionados, mas é possível ajustá-los depois de completar o demarcador.
A caneta magnética é uma opção da ferramenta de forma livre que permite desenhar um demarcador que se ajusta às
arestas de áreas definidas na imagem. É possível definir a escala e a sensibilidade do comportamento de ajuste, bem
como a complexidade do demarcador resultante. As ferramentas caneta magnética e laço magnético compartilham várias
opções em comum."
Então vamos lá:
205
3º Passo: Vá na paleta das camadas e a transforme em um Bitmap usando o botão Direito do mouse,
como na figura abaixo.
..
4º Passo: Nesse momento, dê um CTRL + CLIQUE sobre a camada de texto, para criar uma seleção.
5º Passo: Clique sobre a ferramenta "RECTANGULAR MARQUEE TOOL" e em seguinda, com o botão
Direito, vá na oção 'Make Work Path'
Como na imagem abaixo...
206
6º Passo: Clique sobre a ferramenta "DIRECT SELECTION TOOL " e clique sobre a letra
correspondente...
7º Passo: Em seguida, clique sobre cada quadro (que se localiza em cada estremidade da Fonte,
perceba na figura acima) e arraste, alterando assim a posição dos pontos...
8º Passo: Após concluir toda a alteração nas fontes, vamos alterá-la com seus pontos e transformar em
um logo.
Então ao termino, clique om o botão direito do mouse e vá na opção "CREATE VECTOR MASK"
9º Passo: Em seguida, repita a ação, mas desta vez sobre a ferramenta 'FILL SUB PATH"
207
Altere as configrações como na figura abaixo...
208
PINCEL ou BRUSH
Descrição: Utilização completa de uma importante ferramenta
Software ultilizado: Photoshop 6.0 em português
Grau de Dificuldade: 5,5
Antes de tudo, uma breve introdução a respeito da ferramenta:
O que são brushes?
São imagens em preto, branco e tons de cinza que podem ser "carimbadas" e transformadas em trabalhos gráficos ..
Poderemos assim usar qualquer imagem como carimbo.
Onde descompactar?
Quando copiar qualquer brush da internet, tenha cuidado de descompactar na pasta correta
C:Arquivos de programasAdobePhotoshop 6.0PredefiniçõesPincéis
Lembrando que os arquivos de Pinceis(Brushes) tem extensões *.ABR
Agora que já sabemos o que significa, vamos por a mão na massa. Mostraremos nesta matéria duas formas de se ultilizar
pincéis. Vamos ao primeiro:
Pincel Personalizado (Transformando imagens em pincéis no Photoshop)
Podemos transformar praticamente qualquer imagem em pincéis do Photoshop e depois usá-las como um carimbo digital
para assinar nossos trabalhos.
1º Passo: Pressione a letra "D" do teclado para acionar as cores Padrõs (Defaut), ou seja: Preta para cima (Foreground)
e Branca para baixo (Background).
2º Passo: Desenhe ou escaneie seu Logotipo e abra-o no Photoshop (pode ser qualquer outro desenho ou foto). No
exemplo abaixo usei meu logotipo:
209
**Obs: Caso queira eliminar o Brush recém criado, basta abrir o menu da Paleta Brushes (na seta
lateral) e clicar em Reset Brushes.
Agora vamos a outra utilidade dos Brushes
1º Passo: Crie uma nova camada e em seguida crie uma forma geométrica simples usando a
ferramenta Laço Poligonal (o tamanho fica a critério).
2º Passo: Usando a ferramenta "Lata de Tinta" preencha com uma cor qualquer (de preferência escura)
3º Passo: Em seguida va no menu Selecionar (Select) Modificar(Modify)...Redução e altere para 2,0
Esta imagem foi retirada do meu site pessoal. Abraço amigos, e até a próxima!
210
PINCEL BRUSH PARTE 02
211
4º Passo: Pressione o botao direito, vá em "Criar Demarcador de Trabalho" e deixe com 2,0 Pixels.
5º Passo: Nesse momento, clique na "Ferramenta Caneta" e pressione o botão direito. Vá em "Traçar
Demarcador" e depois na opção "PINCEL".
Pronto! Agora so usar a criatividade.
212
EFEITO DE FUNDO
213
6º Passo: Agora vá em Filtros(Filter)...Distorção(Distort)...Redemoinho (Twirl). Altere para Ângulo:800.
Ficará assim:
214
8º Passo: Vá em Filtro(Filter)...Distorção(Distort)...Coordenadas Polares(Polar Coordinates) - Polar to
Rectangular.
Depois vá em Editar(Edit)...Atenuar Coordenadas Polares (Fade Polar Coordinates) e use 95%
Amigos, o efeito resolvido já e o suficiente para elaborar algum fundo, mas apartir desse ponto vou
explicar o que fizemos em nosso efeito final.
10º Passo: Duplique a camada e pressione CTRL+T para rotacionar a imagem. Vire 180º e altere sua
propriedade para Sobrepor(Overlay) na paleta de camadas (layers)
215
Assim ficou minha imagem:
Descrição: Efeito de acrescentar algumas elipses ao redor de uma imagem como uma borda.
Software ultilizado: Photoshop 6.0 em português( Funciona inclusive no 7.0, ja testado)
Grau de Dificuldade: 6,0
Bom, o primeiro será HALF TONE (Meio tons de Cinza)
Half Tone? O que é isso?
Irei usar uma prévia do Help do Photoshop
"Simula o efeito de uma tela de meio-tom ampliada em cada canal da imagem, nos quais o filtro a divide
em retângulos, substituídos por círculos proporcionais ao brilho do retângulo."
Então agora ficará mais fácil
1º Passo: Crie uma imagem 400x400, Pressione "SHIFT+D" para as cores voltar as padrões. Em
seguida, preencha a camada "Layer" com a sua cor principal "Foreground" ou seja....Preto
216
2º Passo: Crie uma nova Camada "layer" . Em seguida, com a ferramente Marquee , faça uma
seleção que quase cubra sua imagem.
**Note que nesse ponto você estara definindo praticamente a area de efeito Half Tone
4º Passo: Vá em Filtro "Filter" ...Pixelização "Pixelate"...Meio Tom em Cinza "Color Half Tone"......
e coloque os valores a seguir:
217
5º Passo: Retorne para o modo de Edição de Imagem Padrão
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)...Estilização (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 então dar continuidade a nossa série sobre Texturas.
Hoje faremos uma textura muito pedida por e-mail: Splash Texture! Saiba que esse é um efeito simples
de água. Para se tornar uma textura, é so selecionar o layer do efeito e Definir como padrão. Para
maiores informações, veja minha matéria sobre Definições.
1º Passo: Abra uma imagem qualquer e em seguida crie uma nova camada (layer)
220
2º Passo: Com o botão direito, clique na ferramenta "Retângulo" (Rectangle Tool) e escolha a opção
"Ferramenta Elipse" (Ellipse Tool), nesse momento faça pequenas elipses curvas em seu desenho
Faça isso em todos e observer que existem detalhes que serão importantes para termos sucesso no
final.
5º Passo: Quando terminado em todas as elipses, retorne a ferramenta "Seleção Direta" (Direct
Selection Tool) para "Ferramenta Seleção de Componentes de Demarcador"(Path Selection Tool) . Com
a seta correta, clique e arraste sobre seu desenho, selecionando todas as gotas, como na figura.
221
5º Passo: Nesse momento vá em "Filtro"(Filter)..."Desfoque" (Blur)..."Desfoque Gausiano" (Gaussian
Blur), use 2 pixels e pressione Ok. Aparecerá uma mensagem perguntando se você deseja converter
sua camada. Pressione OK.
6ºPasso: Agora va em "Camada" (Layer)... "Estilo de Camada" (Layer Style)... e use as alterações
asseguir. "Sombra Projetada" (Drop Shadow)
"Contorno" (Contour)
"Acentinado" (Satin)
222
TEXTURA AÇO
1º Passo: Crie uma imagem de 400x400. Deixe suas cores primárias e secundárias
(foreground/background) padões, ou seja, preto e branco. Apenas mantenha pressionado o Shift e
pressione´D´.
223
Sua imagem deverá ficar assim:
224
Agora que ja temos criada a textura, vamos aprender a usá-la.
Escreva um texto. Na paleta de Camadas (layers) mova a camada do texto para baixo.
Nesse momento, clique sobre a camada que contém a textura. Em seguida pressione "CTRL +G"
TEXTURAS
1º Passo: O primeiro passo é importantíssimo pois depende muito do gosto de cada um. Inclusive no
tamanho da textura ok?! . Então temos que criar a textura. Crie uma imagem de uns 15 x 15
Por exemplo: a segunda textura mais abaixo, repare que a criei com tamanho de 5x5
2º Passo: Agora a parte principal. A criação da textura. Preparem-se porque neste ponto talvez você
tenha de refazê-lo umas 5 ou 6 vezes, já que até chegar no efeito desejado é complicado.
Com a micro imagem criada, temos que ampliá-la para podermos trabalhar . Pressione o Control mais o
sinal positivo(CTRL+ +) Cada vez que fizer será ampliado o zoom do seu desenho. Ah por curiosidade, o
CTRL+ - Tem a função de afastar o zoom ok? Usando a ferramenta Brush ou Rectangle Tool crie alguns
traços, retângulos ou quadrados em seu micro desenho.
225
Saiba que esse ponto é o mais importante, se necessário refaça-o várias vezes até o efeito
desejado ok
226
5º Passo: Agora escolha a ferramenta "Varinha Mágica" (magic wand tool) e selecione o ponto
onde será inserido o preenchimento. Adicione um novo layer. Agora vá em "Editar" (edit)
..."Preenchimento" (fill). Repita essa ação, toda vez que precisar usá-lo.
227
1º Passo: Crie uma imagem de 5x5 pixels
Agora ficou fácil, espero que não tenham restado dúvidas de como usá-lo.
Lembrando sempre que devemos selecionar a parte onde queremos usar a textura e criar uma camada
separada
Já o filtro Reticulação, faça o seguinte:
1º Passo: Selecione a área do desenho onde deseja usar o efeito (no meu caso selecionei e deletei o
fundo do meu desenho)
2º Passo: Agora crie uma camada só para esse efeito OK? (eu criei uma camada para o fundo)
3º Passo: Preencha essa seleção com uma cor qualquer ou com um efeito ex. Nuvens)
4º Passo: Nesse momento vá em "Filtro" (filter)..."Croqui" (sketch)..."Reticulação" (reticulation).
Usei os valores a seguir:
228
ALIEN STYLE
Olá pessoal, na matéria dessa semana vou mostrar como você pode criar um efeito de texto conhecido
como Alien Style
1º Passo: Crie uma imagem de 300 x 300 pixels
229
BLUE STEEL
1º Passo: Crie uma imagem de um tamanho qualquer suficiente para caber seu texto
*Obs: A cor não Importa nesse ponto ok?!
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 configurações 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). Faça essas mudanças :
5º Passo: Mais uma vez vá em imagens (Image) .... Ajuste (Adjust)... Curvas (Curves) (Ctrl+M). Faça as
mudanças a seguir
232
6º Passo: Agora vá em Camada (Layer).....Estilo de Camada (Layer Style)....Sombra Projetada (Drop
Shadow)... Mantenha os valores padrões e clique em Brilho Interno. Coloque os valores asseguir:
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 seleção com Branco.
Nesse momento ja pode deselecionar o retangulo (CTRL+D).
4ºPasso: Vá em Fíltros (Filter)...Movimento Gaussiano (Gaussian Blur)... e altere o seu valor para 9,0
234
5º Passo: Agora vá em Imagem (Image)...Ajuste (Adjust)...Níveis (Levels).
Faça as alterações como na figura e click em Ok
6º Passo: Agora segure a tecla CTRL e clique sobre o "Alpha 1" . Agora volte a paleta de Camadas
(Layers) Adicione uma nova camada. Em seguida a preencha com ver claro.
Descrição : R:39 , G:195 , B:134.
Sua imagem deverá ficar como a minha:
7º Passo: Agora com a imagem selecionada clique no Layer 2 e mova um pouco para cima
como na minha figura...
235
...agora Pressione e segura as teclas ALT + CTRL, e clique em ´Alpha 1´.
Sua seleção deverá ficar como a minha
8º Passo: Segure a tecla SHIFT e mova sua seleção um pouco para baixo...
...agora crie uma nova camada (Layer). Pressione D e então X, para alterar seu padrão de cor.
9º Passo: Escolha a ferramenta Gradiente (Gradient Tool) e altere suas opções para "foreground to
transparent" .
11º Passo: Bom agora CTRL+D para sair da seleção. Agora duplique a camada (Layer) e vá em Editar
(Edit)...Transformar (Transform)...Ratacionar 180 (Rotate 180) ou pressione CTRL + T .
Agora mova a camada duplicada para parte debaixo do botão. E altere a opção da Camada para o modo
Sobrepor "Overlay" e altere também sua opacidade para ´65´. Agora clique na Camada de Copia e vá
em
Filtros (Filter)...Movimento (Blur)... Movimento Gausiano (Gaussian Blur).... e entre com o valor 6,0 .
Finalmente click em Ok.
236
12º Passo: Agora vá em Camada (Layer), Estilo de Camada (Layer Style). Agora em Sombra Projetada
(Drop Shadow) e coloque os seguintes valores...
Aqui alguns outros tipo de botão feitos por esse mesmo modo
237
FATIAMENTO DE IMAGENS
1º Passo: Abra uma imagem que deseja fazer o efeito. ( No meu caso abri uma imagem que fiz para um
site de um projeto de uns amigos)
4º Passo: Recorte sua imagem em alguns pontos ( dependendo do tamanho da Imagem, recorta-la 3
vezes é uma boa opção )
238
5º Passo: Agora vá em File.... Save for Web...
6º Passo: Do lado direito em Settings: Existem muitas opções... entre elas a opção de escolher que
extensão será salva a sua imagem recortada, o numero de cores, se será para os computadores da
apple, se terá transparencia....enfim são muitas. Caso alguem tenha duvida em alguma ferramenta em
que eu não tenha explicado ou em qualquer ponto deste tutorial é so me mandar um email ou me
adicionar no icq ok?! ( icq : 57510830)
7º Passo: Bom agora é so abrir a pagina em que o PS criou e edita-la . Note que sua imagem foi
recortada em três partes.
FERRAMENTA LIQUIFY
O Comando Liquify está disponível para imagens de 8 bits, nos modos RGB Color, CMYK Color, Lab
Color e Grayscale.
1º Passo: No Photoshop 7.0, vá na opção Filter.....Liquidy ( no PS 6.0 fica na Opção Image )
Bom agora vou explicar algumas ferramentas passo a passo ok
Warp Tool Empurra pixels na direção do arraste da ferramenta
(Fazer girar no sentido horário) - rotaciona os pixels abrangidos
Twirl Clockwise tool
pelo pincel (brush) no sentido horário.
Twirl Counterclockwise (Fazer girar no sentido anti-horário) - Rotaciona pixels no sentido
tool anti-horário
Pucker Tool( Enrugar) Move os pixels abrangidos, em direção ao contro da área do brush
Bloat Tool (Inchar) Move os pixels na direção oposta ao centro da área do Brush
Shift Tool (Transferir) Move os Pixels perpendicularmente em relação à direção da
239
pincelada.
Reflection Tool Copia pixels para a área compreendida pelo brush, criando um
(Reflexo) efeito similar à reflexão na água.
Reconstrutict Tool +ermite reverter os efeitos realizados na imagem. No medu Mode (
(Reconstruir) à esquerda do dialogo) é oissivel escolher o modo de reconstrução
Freeze Tool ( Congelar) Utilizada para proteger áreas que não deverão sofrer modificações
Thaw Tool Utilizada para descongelar áreas prviamente congeladas, tornando-
(Descongelar) as editaveis
BORDA ARREDONDADA
1º Passo: Bom quero lembrar que existem diversas formas de se fazer uma borda arredondada. Essa é
uma delas ok? Na minha opinião a mais facil e na próxima matéria sobre fotos publicarei mais
formas...bom vamos lá
Abra uma foto e selecione a aréa que deseja o efeito arredondado, como as bordas
2º Passo:Va na barra de Menu e escolha a opção Suavização (Smooth) Use 6 como valor do
arredondamento. Dê CTRL+SHIFT+I e delete a área de fundo...
240
Agora outro efeito que vai em especial para aquelas pessoas que me mandam email perguntando como
se retirar o fundo de uma imagem de um modo facil e sem usar a Ferramenta de seleção ´Magic Wand
Tool´
1º Passo: Bom abra a imagem desejada. ( Os caminhos vão depender muito da versão do PS que você
usa, ja que os caminhos do 6.0 para o 7.0 mudaram)
2ºPasso: No Photoshop 7.0 Vá em Filter..... Extract. No PS. 6.0 essa Ferramenta fica na Opção
Imagens na Barra de Menu
3ºPasso: Selecione a Ferramenta Edge Highlighter, a esquerda da caixa. Em tool Options, configure a
ferramenta, alterando o tamanho do Pincel ´8´ Brush Size). Escolha uma cor de Highlight que contraste
com a imagem.
4ºPasso: Pinte o contorno do objeto que será extraído do fundo, mantendo o botão esquerdo do mouse
pressionado. Utilize a ferramenta Eraser para efetuar algumas correções necessárias no contorno.
Selecione Smart Highlighting para obter um contorno mais preciso.
Quando terminar de desenhar o contorno, selecione a ferramenta Fill. Clique sobre a figura que será
extraída, para preenchê-la
5ºPasso: Clique em Preview para verificar se obteve o resultado desejado. Você poderá usar as
ferramentas Clean Up (Limpeza) e Edge Touch Up ( Retoque das bordas) para dar alguns retoques à
imagem, caso necessario.
Clique Ok para confirmar a ação, extraindo a figura da imagem.
241
*Obs: Se quiser extrair um objeto de uma cor só, selecione a opção Force Foreground. Assim, irá
habilitar a ferramenta Eyedropper (Conta-Gotas), e com ela selecionar a cor que quer extrair.
Na proxima semana explicarei Tudo sobre Canais
**Essa matéria é dedicada a Maria de Fatima( minha tia que está na foto) falecida a 3 meses.
242
» Vá em Filtros>Distorção>Coordenadas Polares e use a opção Polar para retangular, veja a figura:
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: então vamos posicionar o mouse e puxarmos como a
imagem a seguir:
Passo 4:
Feito o degrade de acordo com a imagem, vamos agora criar uma camada nova e utilizarmos a
ferramenta Elliptical Marquee Tool:
245
Segurando o Shift, vamos criar uma seleção como a imagem a seguir e pintarmos ela de preto:
Passo 5:
Feito a seleção e a bola já pintada, vamos retirar a seleção (ctrl d). A próxima etapa séra no Blending
Options:
Passo 6:
Dentro da janela do Blending Options, vá na opção ao lado Outer Glow e configure como a imagem.
Obs: colocamos a cor do brilho como branca.
246
Passo 7:
Na mesma janela, sem você fechar, vamos aplicar um brilho interno, o Inner Glow, e configuramos a
seguir:
Passo 8:
Com nossa bola já feita, vamos aplicar um efeito de luz. Seria o Lens Flare: Filter -> Render -> Lens
Flare: e aplicamos como a seguir: posicione a luz na parte superior da bola como mostra a imagem e
damos ok..
Passo 9:
Para finalizarmos e aplicarmos o efeito final, vamos aplicar uma máscara, ou melhor, uma Layer Mask.
247
Volte ao degrade, e vamos utilizar o degrade padrão, do preto para o branco, como a imagem a seguir:
248