Você está na página 1de 240

Faa o Escudo do Capito Amrica no Photoshop

TAGS

beginner metal photoshop tutorial

Ainda no tive a chance de ir ao cinema para assistir Capito Amrica. Como o poster do filme est espalhado por todos os cantos de So Francisco, cada vez que via o poster pensava em fazer algo no Photoshop para criar o escudo. Ontem acordei e resolvi colocar a ideia em prtica :)
Ento neste tutorial vou mostrar para vocs como criar o escudo do Capito Amrica no Photoshop. O processo todo bastante simples e no vai levar mais de 45 minutos.

Passo 1
Abra o Photoshop e crie um novo documento. Estou usando o tamanho 2600x2600 pixels. Preencha a background layer com preto usando a Paint Bucket Tool (G).

Passo 2
Com a Ellipse Tool (U) crie um crculo no centro do documento usando vermelho (#d51a37) na cor.

Passo 3
Com a Magic Wand Tool (W) selecione a rea do crculo e adicione uma nova layer acima da layer do crculo vermelho.

Passo 4
Preencha a nova layer com branco usando a Paint Bucket Tool (G).

Passo 5
V at Filter>Noise>Add Noise. Selecione preto e branco para as cores de background e foreground. Use150% em Amount, Gaussian em Distribution e selecione Monochromatic.

Passo 6
Com a marquee selection ainda ativa v at Filter>Blur>Radial Blur. Use 40 em Amount, Spin no Blur Method e Best em Quality.

Passo 7
V at Image>Adjustment>Levels. Troque Input Levels usando 103 em black, 1.00 em grey e 192 em white inputs.

Passo 8
Troque o Blend Mode para Darken com 100% Opacity.

Passo 9
Repita a mesma coisa para criar o crculo cinza do escudo.

Passo 10
Repita os mesmos passos para criar mais trs crculos e a estrela. Perceba que para cada objeto eu criei um efeito radial brush.

Passo 11
Hora de deixar o escudo mais realista. A primeira coisa a fazer usar Layer Styles. V at Layer>Layer Styles>Drop Shadow. Use branco na cor, Linear Dodge (Add) no Blend Mode, -4 em Angle, 5 pixels em Distance e 4 pixels em Size. Troque tambm Contour para o que estou usando na imagem abaixo.

Passo 12
Selecione Inner Shadow. Use Linear Burn no Blend Mode, preto na cor, 90% em Opacity, 45 em Angle, 5 pixels em Distance, 0% em Choke e 3 pixels em Size. Use o Contour style que estou usando na imagem abaixo.

Passo 13
Selecione Stroke. Use 2 pixels em Size, Inside em Position e preto na cor.

Passo 14
Aplique layer style em todos os crculos e na estela. Voc vai precisar fazer alguns ajustes dependendo do tamanho do seu design.

Passo 15
Hora de adicionar algumas texturas. A que estou usando cortesia do Shutterstock e voc a encontra emhttp://www.shutterstock.com/pic-20761540/stock-photo-metal-platebackgro...

Passo 16
Aplique a circle mask e troque o Blend Mode para Soft Light.

Passo 17
Importe uma nova textura. A que estou usando do DeviantArt e voc a encontra em http://wojtar-stock.deviantart.com/art/metal-texture-4-60021019. Pinte um pouco com branco usando a Brush Tool (B) e um very soft brush. Esse branco vai ser importante para o blend mode, para criar alguns highlights.

Passo 18
Troque o Blend Mode para Color Burn com 30%.

Passo 19
Adicione uma nova layer e usando a Gradient Tool (G) com Angle Style preencha a layer com um gradiente usando preto e branco. Como voc pode ver na imagem, eu criei um custom gradient para esse efeito.

Passo 20
Troque o Blend Mode para Overlay com 80%.

Passo 21
Duplique a layer e troque o Blend Mode para Color Dodge com 30%. Depois v at Layer>Layer Mask>Reveal All. Selecione a Brush Tool (B). Com um very soft brush e a cor preta comece a pintar as reas que quer esconder. No nosso caso, as reas 1,2 e 3.

Passo 22
Adicione uma nova layer acima das outras e crie ento uma marquee selection da rea do crculo. V ento at Filter>Render>Clouds. Selecione preto e branco para as cores de background e foreground.

Passo 23
Troque o Blend Mode para Soft Light com 50% Opacity.

Concluso
Selecione todas as layers e as duplique. Depois faa merge delas em uma via Layer>Merge Layers. Com as nova layer selecionada v at Image>Adjustment>Desaturate. Troque o Blend Mode para Soft Light com 50%. Como voc pode ver, o processo todo bastante simples, usamos apenas filtros bsicos e texturas. O segredo est nos Blend Modes para criar efeitos de luz necessrios para deixar a cena mais realista.

Download do Arquivo Photoshop

Efeitos de Luz RAWZ no Photoshop

TAGS

carbon fiber light effects photoshop rawz texture tutorial

Na ltima sexta ns lanamos uma nova ideia para nossos leitores compatilharem trabalhos para o Inspirao Diria. Ns chamamos a ideia de RAWZ ou Abduzeedo Raw Inspiration. Todos podem enviar trabalhos e imagens inspiradoras, e ns vamos escolher algumas artes para mostrar no Abduzeedo. Ns tambm criamos um logo no Illustrator e colocamos alguns efeitos de luz bacanas no Photoshop, inspirado no filme Tron.
Neste tutorial vou mostrar a vocs como criar o efeito de luz do RAWZ no Photoshop. O tutorial iniciante/intermedirio e vai levar 45 minutos para ser feito. Espero que gostem tanto quanto eu.

Passo 1
Abra o Photoshop e crie um novo documento. Com a Paint Bucket Tool (G) preencha a background layer com preto.

Passo 2
Criar uma textura de fibra de carbono fcil. Crie um novo documento e usando a Rectangle Tool (U) crie quadrados em preto, cinza claro e cinza escuro como na imagem abaixo. Essa ser a base do nosso pattern. Perceba que o tamanho bem pequeno.

Passo 3
Com a Rectangular Marquee Tool (M) crie uma seleo quadrada como na imagem abaixo.

Passo 4
V at Edit>Define Pattern. Nomeie Carbon Fiber e a parte do pattern est feita.

Passo 5
De volta ao documento do nosso design, adicione uma layer e tambm preencha com preto. V ento atLayer>Layer Style>Gradient Overlay. Use cinza nas cores. O mais escuro ficar na parte de baixo. Troque o Blend Mode para Multiply.

Passo 6

Selecione Pattern Overlay, para Pattern selecione a Carbon Fiber que criamos no passo anterior. Troque tambm Scale para 60%.

Passo 7
Aqui est nossa fibra de carbono no background.

Passo 8
Importe o logo que quiser usar. No meu caso estou usando o logo RAWZ que criei no Illustrator.

Passo 9

V at Layer>Layer Style. Selecione Drop Shadow. No Blend Mode use Color Burn com 50% Opacity, 90 em Angle, 2 pixels em Distance e 5 pixels em Size.

Passo 10
Selecione Stroke e use 3 pixels em Size, Inside em Position, 95% em Opacity e nas cores use #5c7a92, #000000, #5c7a92, #5c7a92, #000000, #5c7a92. Para Style use Linear e para Angle use 90.

Passo 11
Aqui est o logo com Layer Styles.

Passo 12
Para criar a luz neon do meio bem simples. Fiz isso no Illustrator e importei para o Photoshop.

Passo 13
Selecione a layer onde quer aplicar o efeito neon e v at Layer>Layer Style. Selecione Drop Shadow. Na cor, use preto, Color Burn no Blend Mode com 100% de Opacity. No Angle use 90 e 2 pixels em Distance e 3 pixels em Size.

Passo 14

Selecione Outer Glow. Para Blend Mode use Screen, para Opacity use 100% e azul (#00a2ff) na cor. Troque Spread para 0 e Size para 9 pixels.

Passo 15
Selecione Inner Glow. Use Lighten no Blend Mode com a cor cyan (ciano). Selecione tambm Edge e troque Size para 10 pixels. Em Quality, troque Contour para o que temos na imagem abaixo.

Passo 16
Aqui est o resultado com Layer Styles.

Passo 17

Adicone uma layer e a agrupe em um folder. Troque o Blend Mode do folder para Color Dodge e com aBrush Tool (B) e um soft brush, 0 hardness, pinte alguns pontos no neon para criar os pontos de luz que voc pode ver na imagem abaixo.

Passo 18
Adicione uma layer dentro do folder com color dodge e preencha com a fibra de carbono que criamos. Crie uma marquee selection da layer neon clicando no thumbnail da layer pressionando Command (Mac)/Control (PC), assim a layer com a fibra ficar selecionada, v at Layer>Layer Mask>Reveal Selection. Isso vai criar um efeito de luz bacana no neon.

Passo 19
Aqui est nosso resultado at agora.

Passo 20
Selecione todas as layers e as duplique, depois faa merge delas em uma layer e v atFilter>Blur>Gaussian Blur. Use 10 pixels em Radius.

Passo 21
Duplique a 'blurry layer' novamente e troque o Blend Mode da que est abaixo para Overlay e a de cima para Screen.

Passo 22
Agrupe as duas layers em um folder e troque Opacity para 50%.

Passo 23
V at Layer>New Adjustment Layer>Photo Filter. Use Cyan no Filter com 50% Density.

Concluso
Aqui est o resultado final. Como voc pode ver, o processo todo bastante simples e a tcnica super verstil, pode ser usada para vrias coisas.

Download Arquivo Photoshop


CLIQUE AQUI PARA FAZER O DOWNLOAD DO ARQUIVO PH

Dark Knight Rises Poster no Photoshop

TAGS

advanced batman photo manipulation photoshop tutorial

Algumas semanas atrs eu vi o poster do novo Dark Knight Rises e adorei. O conceito muito legal e usa espaos negativos para mostrar o smbolo do Batman. Como de costume comecei a imaginar como poderia fazer o efeito no Photoshop, ento no sbado resolvi pensar melhor na ideia e fazer o conceito que imaginei. Depois de algumas horas procurando por

imagens encontrei o que precisava para comear a trabalhar.


Ontem, domingo, acordei s 6:30 para terminar a pea e preparar o tutorial para compartilhar com vocs. Como vocs vo ver, a tcnica por trs da ideia simples. Eu no quis criar exatamente o mesmo efeito pois acredito que o original foi feito usando 3D. Ento neste tutorial vou mostrar a vocs como criar o poster Dark Knight Rises no Photoshop. Se prepare pois o processo pode levar algumas horas, mas o resultado muito legal e voc tambm poder aplicar essa tcnica em projetos futuros, ento vale a pena encarar o desafio.

Passo 1
Abra o Photoshop e crie um novo documento. Estou usando um portrait mode para o poster, o tamanho 2550x3500 pixels. Depois disso preencha a background layer com cinza (#b0adad).

Passo 2
O prximo passo encontrar o logo do Batman. Procure no Google, super simples de encontrar. Assim que tiver o logo, posicione-o no canvas como na imagem abaixo. A cor aqui no importa, vamos usar para referncia no masking.

Passo 3
Como disse no comeo, esse tutorial uma grande "photo collage" onde o mais importante encontrar as peas corretas. Nesta parte ns precisamos posicionar alguns prdios. Encontrei imagens interessantes no Shutterstock que voc encontra em: http://www.shutterstock.com/pic-20863036/stock-photo-modern-buildings-in... http://www.shutterstock.com/pic-346534/stock-photo-three-corporate-build... http://www.shutterstock.com/pic-2286315/stock-photo-corporate-buildings-... http://www.shutterstock.com/pic-80798674/stock-photo-corporate-buildings...

Passo 4
Comece a posicionar os prdios usando o logo do Batman como referncia de tamanho e posio.

Passo 5
Aqui ns cobrimos o canvas e o logo nosso espao negativo.

Passo 6
Para criar todo o efeito de destruio do poster original eu usei outras imagens do Shutterstock que baixei um tempo atrs. sempre bom ter esse tipo de imagem na manga pois elas sempre podem ser uteis. Essa pode ser encontrada em http://www.shutterstock.com/pic-73243228/stock-photo-abstract-character-...

Passo 7
Apenas copie alguns "cacos" da imagem e os coloque em sua cena. Voc redimensionar e girar esses pedaos, ou at mesmo criar um brush. Estava com um pouco de preguia ento usei a velha tcnica de copiar e colar.

Passo 8
Para deixar o efeito mais realista necessrio adicionar um pouco de motion blur aos cacos. Ento para cada bloco v at Filter>Blur>Motion Blur. Use a perspectiva do prdio como referncia para o ngulo.

Passo 9
Aqui voc tem a cena com os cacos.

Passo 10
Aqui tudo est muito limpo em perfeito em termos de textura e cores. Ento para resolver isso coloquei uma textura de concreto acima das outras layers com Multiply no Blend Mode. Ainda no precisa se preocupar com as cores, vamos chegar nelas logo logo.

Passo 11
Selecione todas as layers menos o background e v at Layer>Group Layers. Depois disso, com a Magic Wand Tool (W) selecione o smbolo do Batman. Voc pode esconder a layer do smbolo do Batman depois disso.

Passo 12
Com o grupo selecionado v at Layer>Layer Mask>Hide Selection. Agora o prdio e os cacos estaro escondidos na rea onde o smbolo do Batman estava. O visual est bacana mas est muito perfeito. Ento para resolver isso vamos usar a Brush Tool (B) e criar um brush usando um grunge brush. Apenas procure no Google por grunge brushes in Photoshop. Dica: reduza o espao, use Shape Dynamics e Scattering para fazer um brush que seja perfeito para efeitos de destruio. Depois disso comece a pintar na mask com preto e o novo brush. A ideia aqui "destruir" as margens do simbolo do Batman.

Passo 13
Adicione uma layer acima das outras e com a Brush Tool (B) e um very soft brush comece a pintar as margens do canvas com preto para criar um efeito vignette.

Passo 14
Na minha opinio a imagem ainda est muito limpa, ento adicionei mais cacos e tambm pintei algumas das janelas brancas com preto usando um grunge brush. A ideia deixar a imagem com uma cara bem destruda. Outro detalhe quando voc fizer as margens do smbolo do Batman menos uniforme, tente fazer como se o prdio estivesse mesmo se desmanchando. Ento deixe visvel algumas janelas e parte da estrutura do prdio. Use a imagem abaixo como referncia.

Passo 15
Hora de arrumar o problema das cores. Existem vrias formas de fazer isso, mas minha ideia encontrar algo que arrume isso de forma rpida. Ento v at Layer>New Adjustment Layer>Hue and Saturation. Troque Hue para 195, Saturation para 8 e Lightness para -7.

Passo 16
Agora v at Layer>New Adjustment Layer>Levels. Use 29 em black input, 1.00 no grey e 155 no white input. Dica: as duas adjustment layers precisam ficar acima das outras layers.

Passo 17
Aqui est a imagem depois das adjustment layers. O visual j est bem bacana.

Passo 18
Aqui ns vamos colocar algumas nuvens no cu. Apenas use qualquer imagem de nuvens que encontrar, desature ela e a posicione usando Multiply no Blend Mode. Se voc a colocar acima das outras layers use o mesmo mask que est usando nos prdios para mostrar apenas a rea do smbolo do Batman.

Passo 19
Adicione uma nova layer atrs da layer dos prdios e com a Brush Tool (B) e um very small brush com a cor preta, comece a pintar umas linhas acima do prdio como nas reas destrudas.

Passo 20
No poster original tem umas pedras caindo do cu. Ento vamos adicionar algumas pedras. Usei outra imagem do Shutterstock, que voc encontra em http://www.shutterstock.com/pic-24964786/stock-photo-zoom-of-gravel-gray.... Eu selecionei apenas uma pedra e copiei e colei no meu design.

Passo 21
Cole a pedra no seu design e a selecione. Depois v at Edit>Define Brush. Voc vai criar um brush com a forma da pedra. Edite o brush e na opo Shape Dynamics selecione Flip X and Y, Size Jitter. Selecione tambm Scatter para deixar o brush bem randmico. Assim que o brush estiver pronto comece a pintar pedras caindo do cu. Siga a perspectiva e faa as da parte de cima menores que as da parte de baixo da pgina. Eu

usei a cor branca, mas no se preocupe com isso pois vamos corrigir esse detalhe com Layer Styles.

Passo 22
V at Layer>Layer Style>Pattern Overlay. Selecione Multiply para Blend Mode e para Pattern selecione Black Marble ( uma opo default).

Passo 23
Selecione Color Overlay. No Blend Mode use Multiply e na cor use cinza escuro.

Passo 24
Agora selecione Inner Shadow. Na cor use branco; no Blend Mode use Color Dodge; no Angle, isso muito importante, depende de onde as pedras esto, use um ngulo que siga a perspectiva do prdio atrs delas. Neste caso 121. Em Distance use 28 pixels, em Choke 0 e em Size 25 pixels.

Passo 25
Aqui esto as pedras com layer styles. Perceba que as adjustment layers esto acima da layer das pedras. Outra coisa importante aqui aplicar motion blur (Filter>Blur>Motion Blur) nas pedras como fizemos nas layers do passo 7-9.

Passo 26
Adicione mais pedras no seu design. Lembre que o inner shadow angle vai variar de acordo com a posio das pedras.

Passo 27
Selecione todas as layers e as duplique. Depois faa merge das layers duplicadas em uma layer. O atalho para isso Command(mac)/Control(pc) + Alt + Shift + E. Troque o Blend Mode para Soft Light com 50% Opacity. Duplique essa nova layer e troque seu Blend Mode para Screen com 100% Opacity. V at Filter>Blur>Gaussian Blur. Use 20 pixels em Radius.

Concluso
Delete quase toda a layer com o screen mode, deixe apenas algumas reas ao redor do smbolo do Batman e crie um efeito de brilho. O design est praticamente pronto. Como voc pode ver, a maior parte do processo envolveu mexer com layers e adicionar alguns blurs. A parte mais difcil encontrar as imagens certas. Depois que encontr-las s organizar tudo e ajustar o resultado para que fique mais real. A tcnica muito legal. Adoro recriar posters para aprender coisas novas no Photoshop e praticar ainda mais o que j conheo. Agora com voc, divirta-se..

Download Arquivo Photoshop

Efeitos de Luz RAWZ no Photoshop

TAGS

carbon fiber light effects photoshop rawz texture tutorial

Na ltima sexta ns lanamos uma nova ideia para nossos leitores compatilharem trabalhos para o Inspirao Diria. Ns chamamos a ideia de RAWZ ou Abduzeedo Raw Inspiration. Todos podem enviar trabalhos e imagens inspiradoras, e ns vamos escolher algumas artes para mostrar no Abduzeedo. Ns tambm criamos um logo no Illustrator e colocamos alguns efeitos de

luz bacanas no Photoshop, inspirado no filme Tron.


Neste tutorial vou mostrar a vocs como criar o efeito de luz do RAWZ no Photoshop. O tutorial iniciante/intermedirio e vai levar 45 minutos para ser feito. Espero que gostem tanto quanto eu.

Passo 1
Abra o Photoshop e crie um novo documento. Com a Paint Bucket Tool (G) preencha a background layer com preto.

Passo 2
Criar uma textura de fibra de carbono fcil. Crie um novo documento e usando a Rectangle Tool (U) crie quadrados em preto, cinza claro e cinza escuro como na imagem abaixo. Essa ser a base do nosso pattern. Perceba que o tamanho bem pequeno.

Passo 3
Com a Rectangular Marquee Tool (M) crie uma seleo quadrada como na imagem abaixo.

Passo 4
V at Edit>Define Pattern. Nomeie Carbon Fiber e a parte do pattern est feita.

Passo 5
De volta ao documento do nosso design, adicione uma layer e tambm preencha com preto. V ento atLayer>Layer Style>Gradient Overlay. Use cinza nas cores. O mais escuro ficar na parte de baixo. Troque o Blend Mode para Multiply.

Passo 6

Selecione Pattern Overlay, para Pattern selecione a Carbon Fiber que criamos no passo anterior. Troque tambm Scale para 60%.

Passo 7
Aqui est nossa fibra de carbono no background.

Passo 8
Importe o logo que quiser usar. No meu caso estou usando o logo RAWZ que criei no Illustrator.

Passo 9

V at Layer>Layer Style. Selecione Drop Shadow. No Blend Mode use Color Burn com 50% Opacity, 90 em Angle, 2 pixels em Distance e 5 pixels em Size.

Passo 10
Selecione Stroke e use 3 pixels em Size, Inside em Position, 95% em Opacity e nas cores use #5c7a92, #000000, #5c7a92, #5c7a92, #000000, #5c7a92. Para Style use Linear e para Angle use 90.

Passo 11
Aqui est o logo com Layer Styles.

Passo 12
Para criar a luz neon do meio bem simples. Fiz isso no Illustrator e importei para o Photoshop.

Passo 13
Selecione a layer onde quer aplicar o efeito neon e v at Layer>Layer Style. Selecione Drop Shadow. Na cor, use preto, Color Burn no Blend Mode com 100% de Opacity. No Angle use 90 e 2 pixels em Distance e 3 pixels em Size.

Passo 14

Selecione Outer Glow. Para Blend Mode use Screen, para Opacity use 100% e azul (#00a2ff) na cor. Troque Spread para 0 e Size para 9 pixels.

Passo 15
Selecione Inner Glow. Use Lighten no Blend Mode com a cor cyan (ciano). Selecione tambm Edge e troque Size para 10 pixels. Em Quality, troque Contour para o que temos na imagem abaixo.

Passo 16
Aqui est o resultado com Layer Styles.

Passo 17

Adicone uma layer e a agrupe em um folder. Troque o Blend Mode do folder para Color Dodge e com aBrush Tool (B) e um soft brush, 0 hardness, pinte alguns pontos no neon para criar os pontos de luz que voc pode ver na imagem abaixo.

Passo 18
Adicione uma layer dentro do folder com color dodge e preencha com a fibra de carbono que criamos. Crie uma marquee selection da layer neon clicando no thumbnail da layer pressionando Command (Mac)/Control (PC), assim a layer com a fibra ficar selecionada, v at Layer>Layer Mask>Reveal Selection. Isso vai criar um efeito de luz bacana no neon.

Passo 19
Aqui est nosso resultado at agora.

Passo 20
Selecione todas as layers e as duplique, depois faa merge delas em uma layer e v atFilter>Blur>Gaussian Blur. Use 10 pixels em Radius.

Passo 21
Duplique a 'blurry layer' novamente e troque o Blend Mode da que est abaixo para Overlay e a de cima para Screen.

Passo 22
Agrupe as duas layers em um folder e troque Opacity para 50%.

Passo 23
V at Layer>New Adjustment Layer>Photo Filter. Use Cyan no Filter com 50% Density.

Concluso
Aqui est o resultado final. Como voc pode ver, o processo todo bastante simples e a tcnica super verstil, pode ser usada para vrias coisas.

Download Arquivo Photoshop

Tutorial do Leitor: Carro em Chamas no Photoshop by Lincoln Soares

TAGS

beginner fire photoshop reader tutorial tutorial

No tutorial desta semana vamos mostrar para vocs como criar um carro em chamas. Esse efeito bastante simples de ser alcanado e um bom exerccio. Voc melhora suas chamas e pode aplicar o efeito em outras imagens tambm.
Ento vamos l.

Passo 1

Abra o Photoshop e crie um novo documento. Faa o background com um mix de preto e vermelho (#160000). Depois use a imagem de um carro sem background. Para esse primeiro passo a ideia pegar os contornos do carro para nossa imagem. Fazer isso super fcil. Crie uma nova layer duplicando a layer do carro. Renomeie para "Base" e esconda a original. V at Image>Adjustments>Invert. Depois disso v at Filter>Stylize>Find Edges. Repita a mesma coisa para ter outra layer mas no Blend Mode use Hard Light. Depois disso voc pode fazer merge das layers em uma.

Passo 2
Sua imagem ficar assim:

Passo 3
Agora que temos o contorno do carro vamos aplicar um efeito de luz para que parea com um carro em chamas. Na layer que criamos no passo 1, vamos aplicar Gaussian Blur. V at Filter>Blur>Gaussian Blur. O valor vai variar dependendo da resoluo com que estiver trabalhando. No meu caso usei 1.6 em Radius. Depois troquei Blend Mode para Screen. Duplique a layer mantendo o blend mode, no entanto vamos aplicar novamente Gaussian Blur, ento v at Fitler>Blur>Gaussian Blur e use 3.6 pixels. Renomeie a layer para "Top". Duplique a layer que criamos no primeiro passo e faa merge com essa. Depois duplique novamente a primeira layer e renomeie para Red e v at Image>Adjustments>Hue and Saturation. Selecione Colorize e troque Saturation para 100. O Blend Mode da layer deve ser Overlay. Vamos repetir isso novamente para criar uma verso amarela. V at Image>Adjustments>Hue and Saturation e use 40 em Hue. Faa o mesmo novamente para criar uma verso laranja, em Hue and Saturation use -22. Depois troque a Opacity das layers amarela e laranja para 50% e as coloque em um folder. Voc pode fazer isso selecionando as duas e indo at Layer>Group Layers. Depois, com o grupo selecionado v at Layer>Vector Mask e delete os contornos da parte de trs do carro.

Passo 4
Nosso efeito est praticamente pronto. Agora vamos duplicar a layer original que escondemos no passo 1. Selecione a layer e v at Image>Adjustments>Hue an Saturation. Selecione colorize e troque Saturation para 100. Coloque a layer em um folder e renomeie para Car.

Passo 5
Adicione uma nova layer e nomeie "Superior Line" antes de adicionar as chamas e raios de luz. Com a Brush Tool (B) com Hardness 0 adicione uma linha seguindo as marcas dos pneus e v at Filter>Blur>Gaussian Blur. Eu usei 4.5 pixels em radius. Depois v

novamente at Image>Adjustments>Hue and Saturation. Use +76 em Hue. Dica: voc vai precisar fazer isso para os pneus dos lados, direito e esquerdo.

Passo 6
Agora vamos comear a misturar algumas imagens na nossa composio. Pegue imagens de chamas e comece a adicionar na nossa imagem. Perceba que as minhas imagens de chama esto em background preto, assim voc pode usar Screen no Blend Mode e o preto vai ficar transparente.

Passo 7
Continue adicionando chamas.

Passo 8
Aqui eu adicionei outra imagem de chama. Voc pode mudar a perspectiva da imagem indo at Edit>Transform>Perspective. Use novamente Screen no Blend Mode. Se quiser que o efeito fique mais forte duplique a layer.

Passo 9
Selecione uma das chamas que usei na marca dos pneus e a mova para baixo do carro. Faa isso para a parte da frente e traseira tambm.

Passo 10

Quase pronto. Vamos adicionar alguns detalhes. Adicione uma nova layer e com a Brush Tool (B), use um brush arredondado com 0% Hardness para criar alguns pontos de fogo seguindo a marca dos pneus. Lembre de usar tamanhos diferentes de pontos como na imagem abaixo.

Passo 11
Duplique a layer e v at Image>Adjustment>Hue and Saturation. Selecione Colorize e troque Saturation para 100 e Lightness para -50. Depois disso troque o Blend Mode para Overlay. Duplique a layer novamente e v at Image>Adjustments>Hue and Saturation. Troque Hue para 76. A prxima coisa aqui adicionar uma imagem de fumaa conforme abaixo.

Concluso
Prontinho! Leva um tempo e d um pouco de trabalho mas a tcnica super simples. Espero que tenham gostado desse meu primeiro tutorial para o Abduzeedo. Se tiver alguma dvida pode entrar em contato comigo via designsoares@hotmail.com

Download Photoshop File

Nuvens Fofinhas no Photoshop

TAGS

intermediate layer styles photoshop tutorial

No sbado passado estava conversando com um amigo e ele perguntou como criar nuvens, aquelas bem fofinhas, ele comentou que andava vendo nuvens assim com frequncia no Dribbble. Resolvi dar uma olhada e encontrei alguns exemplos bem legais de nuvens por l, ento achei que seria criar algo assim no Photoshop.
Neste tutorial vou mostrar como criar um wallpaper com nuvens bacanas estilizadas e fofinhas no Photoshop. Vamos usar ferramentas bsicas e Layer Styles para criar o efeito. O processo todo vai levar uns 30-45 minutos e o tutorial vai mostrar umas dicas bacanas para quem est iniciando no Photoshop.

Passo 1
Abra o Photoshop e crie um novo documento. Estou usando o tamanho 2560x1440 pixels. Depois disso deixe a background layer editvel dando um duplo clique nela. Depois v at Layer>Layer Styles>Gradient Overlay. Use Radial em Style e nas cores use #ddeffa e #96ccee.

Passo 2
Com a Ellipse Tool (U) crie um crculo. A cor neste ponto no to importante.

Passo 3
Crie outro crculo e o mova para o lado direito do crculo anterior. Deixe ele um pouco menor.

Passo 4
Adicione outro crculo prximo ao anterior. Use a imagem abaixo como referncia, note que os crculos ficam um por cima do outro.

Passo 5
Vamos adicionar outro crculo, desta vez bem menor acima do crculo anterior.

Passo 6
Para finalizar o formato da nuvem adicione outro crculo, desta vez um maior. Assim que tiver a forma de nuvem que quiser, agrupe e duplique o grupo. Depois v at Layer>Merge Layers. Voc ter uma layer com a nuvem mas os crculos sero importantes na sequncia do tutorial.

Passo 7

Selecione a layer da nuvem, a 'merged', e v at Layer>Layer Styles>Color Overlay. Use a cor branca.

Passo 8
Selecione Bevel and Emboss. Em Style use Inner Bevel, em Depth 100%, em Size 8 pixels, em Soften 16 pixels, em Angle 90, em Altitude 37, em Gloss Countour use o que usei na imagem abaixo. Em Highlight Mode e Shadow Mode use preto na cor e Color Burn no Blend Mode com 54% opacity no primeiro e 60% no ltimo.

Passo 9
Selecione Inner Glow. Use 100% Opacity com a cor branca e Edge em Source, 0% em Choke e 100 pixels em Size. Use a imagem abaixo para mais valores.

Passo 10
Agora selecione Inner Shadow e siga a imagem abaixo para valores.

Passo 11
O ltimo Layer Style que vamos usar Drop Shadow, no totalmente necessrio em termos de realismo mas a ideia da sombra dar um contraste entre a nuvem e o background j que eles usam as mesmas cores.

Passo 12
Aqui est o resultado final da nuvem que criamos com layer styles. O resultado j est bem legal, mas ainda acho que podemos adicionar profundidade nela.

Passo 13
Para adicionar profundidade vamos fazer algo super simples. Usando os crculos como referncia, vamos criar novas layers com eles para que eles tenham layer styles iguais aos das nuvens mas em crculos, assim vamos adicionar volume a nuvem. A primeira coisa a fazer no entanto reduzir a opacidade da layer na nuvem para 30%. Agora crie uma marquee selection de um dos crculos, selecione ento a layer da nuvem e a duplique, depois v at Layer>Layer Mask>Reveal Selecion. Mova essa nova layer para baixo da nuvem.

Passo 14
Selecione a mask do crculo que criamos no passo anterior e v at Filter>Blur>Gaussian Blur. Use 20 pixels em Radius.

Passo 15
Com essa quantidade de blur o crculo fica bem sutil como na imagem abaixo. Ento se quiser que fique mais marcado use menos blur.

Passo 16
Repita o mesmo nos outros crculos. Note que voc pode fazer 'unlink' da layer mask da layer e mov-la para criar outros efeitos, como fiz aqui no crculo da esquerda.

Passo 17
Aqui est o resultado final depois de adicionar volume. Agora a nuvem est com super fofinha mas ainda no est pronta.

Passo 18
Hora de adicionar um arco-ris. Criei esse usando retngulos com as cores do arco-ris. Depois fiz merge dele em uma layer e apliquei gaussian blur na rea que est abaixo da nuvem para criar um efeito de transparncia.

Passo 19

Crie uma marquee selection com a forma da nuvem e adicione uma nova layer. Preencha com as cores do arco-ris e aplique guassian glur com no mnimo 100 pixels de radius. Depois disso a coloque abaixo das outras layers usadas para criar a nuvem.

Passo 20
Duplique a nuvem duas vezes. Redimensione e faa flip horizontal para criar uma composio bacana. Veja que eu no dupliquei as cores do arcoris.

Passo 21
Agora vamos adicionar um texto. Usei a fonte Val e adicionei a palavra Abduzeedo em branco. Apliquei alguns Layer Styles para criar o mesmo efeito fofinho.

Passo 22
Para os valores da text layer styles use as imagens abaixo:

Passo 23
Duplique todas as layers e faa merge delas em uma, depois v at Filter>Noise>Add Noise. Use 1.5% em Gaussian.

Concluso
Depois de alguns passos e de uns bons 45 minutos de trabalho ns temos nossa nuvem fofinha. Eu sempre procuro novas maneiras de usar layer styles, acho essa uma das opes mais poderosas do Photoshop. Nesse tutorial eu respondi a pergunta de um amigo que queria criar esse tipo de nuvem, no prximo posso responder alguma dvida sua. Ento se tiver alguma sugesto ou dvida entre em contato com a gente e faremos o mximo para ajudar :)

Download do Arquivo Photoshop

Estilo Roy Lichtenstein com Illustrator e Photoshop

TAGS

illustrator photoshop Roy Lichtenstein tutorial vector vintage

Nas ltimas semanas andei fazendo umas experincias com o Halftone filter no Photoshop para testar que tipos de efeitos poderia conseguir com ele. Tambm descobri a Width Tool no Illustrator CS 5, o que foi uma grande surpresa pois agora podemos ter mais liberdade para brincar com strokes. Ento com essas duas ferramentas em mente eu decidi criar uma imagem, e ideia foi criar algo inspirado no design de Roy Lichtenstein.
Existem alguns tutoriais mostrando como criar esse tipo de imagem, mas mesmo assim resolvi fazer um. No conferi nenhum tutorial pois queria brincar com as ferramentas, ento a tcnica pode ser a mesma dos outros tutoriais, realmente no sei. Alem disso acho que um tutorial sobre o estilo de Roy uma tima aquisio para os tutoriais do Abduzeedo.

Roy Lichtenstein (27 Outubro, 1923 29 Setembro, 1997) foi um famoso artista Americano reconhecido por seus trabalhos Pop Art. Na sua obra procurou valorizar os cliches dos quadrinhos como forma de arte, colocando-se dentro de um movimento que tentou criticar a cultura de massa. -Wikipedia

Passo 1
Vamos comear o tutorial no Illustrator. Abra o Illustrator e importe a foto onde vai aplicar o efeito. A que estou usando cortesia do Shutterstock e voc encontra a imagem aqui.

Passo 2
No Illustrator, selecione a Pencil Tool (N) e comece a desenhar sobre a foto, usando-a como referncia. Eu comecei pelos olhos. Tambm usei a Ellipse Tool (L) para as pupilas.

Passo 3
Continue desenhando com a Pencil Tool (N) e a Pen Tool (P) para mais preciso, no entanto no precisa fazer o desenho to perfeito.

Passo 4
Com a Pencil Tool (N) crie o contorno do cabelo dela.

Passo 5
Ainda com a Pencil Tool (N) adicione alguns detalhes no cabelo.

Passo 6
Aqui eu tenho todos os elementos vetor que desenhei para criar a garota. Voc pode adicionar mais se quiser, depende da imagem que est usando.

Passo 9
Se livre da foto e comece a brincar apenas com os vetores. Aqui voc pode ver todos os elementos sem cor e com o mesmo stroke size.

Passo 10
Uma das melhores ferramentas do Illustrator CS5 a Width Tool (Shift+W). Com ela voc pode mudar a largura de partes do stroke, fantstica.

Passo 11
Ainda com a Width Tool (Shift+W), brinque com os strokes do cabelo e das mos dela. Use a imagem abaixo como referncia.

Passo 12
Hora de adicionar um pouco de cor. Usei bege para a pele, amarelo para o cabelo, branco para os olhos e preto para os detalhes. Para a blusa usei verde.

Passo 13

Agora vamos para o Photoshop. Abra o Photoshop e importe uma textura de papel para usar como referncia. A que estou usando cortesia do Shutterstock e voc encontra ela aqui.

Passo 14
Importe a foto da garota tambm. Vamos us-la como referncia para os vetores do Illustrator. Tambm ser usada para criar os halftones. Troque tambm o Blend Mode da layer para Multiply.

Passo 15
Faa Mask da foto da garota para que ela fique apenas na rea do papel. A melhor maneira de fazer isso para podermos usar a mesma mask nas outras layers criar um grupo e fazer mask do grupo no Photoshop.

Passo 16
Adicione uma nova layer abaixo da layer da garota mas dentro do folder com a mask. Troque o Blend Mode da nova layer para Multiply e a preencha com Ciano.

Passo 17
Copie os vetores do Illustrator e cole no Photoshop. Eu usei Smart Objects na opo quando colei pois assim eu consigo mudar os vetores quando quiser e ver o resultado no Photoshop. Como voc pode ver na imagem abaixo, troquei a Opacity da Layer para 70% para poder ajustar a posio com mais facilidade.

Passo 18
Depois de achar o alinhamento correto voc pode trocar a opacity de volta para 100%.

Passo 19
Reorganize as layers para que a foto da garota fique acima da layer dos vetores. Depois disso v atImage>Adjustments>Desaturate. Agora voc ter uma foto black & greyscale. Depois disso v atImage>Adjustments>Levels. Troque Black Inputs para 60 e White Inputs para 195. Depois troque o Blend Mode para Multiply.

Passo 20
V at Filter>Pixelate>Color Halftone. Use 15 para Max. Radius e 199 para channel values. Dica: dependendo do tamanho do seu design o Max. Radius pode ser diferente.

Passo 21
Aqui est a imagem depois do halftone filter. Est quase pronta, mas ainda precisamos cuidar de uns detalhes para que a imagem fique com um visual antigo/vintage. Tambm precisaremos arrumar os halftones da rea dos dentes e dos olhos.

Passo 22
Duplique a layer do papel e a mova para cima das outras, para o topo. Depois troque o Blend Mode para Linear Burn.

Concluso
Aqui est o resultado final! Como voc pode ver, limpei os halftones dos olhos e boca e tambm adicionei uma diagonal pattern no background. Esse design foi apenas um experimento usando halftones para criar uma pea inspirada no estilo de Roy Lichtenstein. Estou trabalhando em alguns designs novos onde 'vou mais a fundo' nessa tcnica, mas como vocs puderam ver, os halffones e vetores com a textura de papel fazem um timo trabalho em criar o estilo de Roy.

Download do Arquivo Photoshop

Efeito de Texto Clash of the Titans no Photoshop

TAGS

photoshop text effect tutorial tipografia

Algumas semanas atrs nos Estados Unidos, eu assisti Clash of the Titans (Fria de Tits). O filme foi ok. Tenho que admitir que estava esperando muito mais, mas mesmo assim foi muito legal ver monstros e criaturas mitolgicas em combate nesse filme pico. No entanto, no final do filme, nos crditos, fiquei impressionado com o efeito do texto e pensei que seria uma

tima fazer um tutorial no Photoshop inspirado no filme.


Ento neste tutorial eu vou mostrar a vocs como criar um efeito de texto inspirado nas artes e no poster de Clash of the Titans. Vamos usar layer styles e basic filters para produzir o efeito. Voc no vai levar mais de 45 minutos para finalizar o trabalho e o resultado ser muito legal.

Passo 1
Vamos comear nosso design no Illustrator, mais fcil fazer o texto por l, mas voc tambm pode fazer no Photoshop se preferir. Quando eu vi o poster oficial de Clash of the Titans eu reconheci a fonte, era aBank Gothic, ou pelo menos era bastante parecida com a Bank Gothic. Ento com a Type Tool (T) adicione a palavra "clash", depois adicione "of the" em outro objeto independente e ento "titans", tambm em outro objeto e linha.

Passo 2
Selecione os textos e v at Type>Create Outlines. Com a Direct Selection Tool (A) comece a editar o texto. Primeiro o A de "clash", depois o F de "of" e o T e o E de "the". Depois disso edite a palavra "titans" trocando o T e o A. Use a imagem abaixo como referncia. Voc vai basicamente mover pontos, mas tenha cuidado para manter o mesmo alinhamento e ngulos do texto original.

Passo 3
Agora abra o Photoshop e crie um novo documento. Crie uma nova layer e a preencha com qualquer cor. V ento at Layer>Layer Style>Gradient Overlay. Use um bege claro - #fee4c8 e um marrom escuro -#0f0802 no gradiente, use Radial para Style e 100% em opacity.

Passo 4
Adicione uma nova layer e v at Filter>Render>Clouds. Garanta ter escolhido preto e branco para as cores.

Passo 5
Troque o Blend Mode para Color Dodge na layer clouds. Depois disso v at Layer>Layer Mask>Reveal All. No Layers Palette, clique no mask thumb da layer e v at Filter>Render>Clouds para aplicar clouds na layer mask, assim o efeito ficar mais suave. Dica: brinque com masks e aplique filtro nas masks, voc vai se surpreender com as possibilidades e os resultados.

Passo 6
V at Edit>Transform>Warp. Selecione Fisheye warp type, mova o controller em direo ao centro do documento. Isso vai criar um efeito blur legal e muito mais rpido que o zoom blur no Photoshop.

Passo 7
Copie as palavras "Clash of the " do Illustrator para o Photoshop. Faremos essas palavras primeiro pois nelas vamos aplicar um Layer Style preset diferente para Bevel and Emboss.

Passo 8
A primeira coisa aqui procurar por uma textura de metal velho e enferrujado. Encontrei esse que estou usando no Google Images. Abra a imagem no Photoshop e v at Edit>Define Pattern. Depois disso volte ao nosso design e selecione a layer com as palavras "clash of the", v ento at Layer>Layer Style>Pattern Overlay. Selecione a 'metal pattern' que acabamos de criar.

Passo 9
Depois do Pattern Overlay, selecione Bevel and Emboss. Para Technique use Chisel Hard, para Depth use 500%, para Size use 120 pixels, para Soften use 0 pixel. Em Shading Options, use 95 para Angle, 35 para Altitude, e para Highlight Mode use Color Dodge com branco na cor e 65% na Opacity. Para Shadow Mode use Color Burn com preto na cor e 40% na Opacity.

Passo 10
Agora selecione Contour, e apenas troque Range para 50%.

Passo 11
Aqui voc pode ver o efeito que ter. Note que as luzes esto vindo de baixo, do centro do documento e por isso que dividimos as palavras.

Passo 12
Copie a palavra "titans" do Illustrator para o Photoshop. No layer palette selecione a layer que aplicamos o layer styles nos passos anteriores e com o boto direito do mouse clique e selecione Copy Layer Styles. Depois disso selecione a layer "titans" e clique novamente com o boto direito do mouse e selecione Paste Layer Styles. D um duplo clique na layer para abrir a Layer Style dialog box. Selecione Bevel and Emboss, depois troque Direction para Up.

Passo 13
Esse o efeito que teremos. Note que agora a luz da palavra "titans" vem de cima enquanto a luz de "clash of the" vem de baixo.

<="" p="" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-top-color: rgb(51, 51, 51) !important; border-right-color: rgb(51, 51, 51) !important; border-bottom-color: rgb(51, 51, 51) !important; border-left-color: rgb(51, 51, 51) !important; -webkit-transition-property: webkit-box-shadow; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -webkit-transition-delay: initial; ">

Passo 14
Se voc viu o filme sabe que Pegasus um cavalo alado preto, ento encontrei uma imagem de um cavalo alado no Shutterstock. Voc encontra a imagem aqui. uma imagem vetor, mas boa, ento a coloque no design, como se estivesse vindo do centro.

Passo 15
Para deixar o cavalo com um look mais realista e menos vetor, v at Filter>Blur>Motion Blur. Use 35 em Angle e 20 pixels em Distance.

Passo 16
Voc pode criar as labaredas/clares usando vrias tcnicas, pode ser via noise gradient, via lens flare filter (menos recomendado) ou usando uma imagem. Eu usei uma imagem que muito legal para isso e que uso em alguns projetos para esse propsito. A nica coisa que fao alterar Hue and Saturation para combinar as cores da imagem com a do design. Voc encontra a imagem que usei aqui. Como voc pode ver o background da imagem preto, ento a nica coisa que precisa fazer mudar oBlend Mode para Screen, para que o preto fique transparente.

Passo 17
Adicione mais clares sobre algumas letras do texto. Use a imagem abaixo como referncia.

Passo 18
Selecione todas as layers e as duplique, depois faa merge das layers duplicadas para que elas fiquem em uma layer. O atalho no teclado para fazer isso Command(mac)/Control(pc) + Alt + Shit + E. Selecione essa layer e v at Filter>Blur>Radial Blur. Use 5 em Amount, Zoomem Blur Method e Best em Quality.

Concluso:
O zoom blur vai dar aquela ideia de movimento ao nosso design, como se o texto estivesse saindo da pgina, exatamente como nos crditos do filme. Voc pode adicionar um pouco de noise para dar aquele estilo de filme para a imagem. A tcnica deste tutorial bastante simples, nada complicado de fazer. O mais importante que tentei mostrar que voc pode encontrar inspirao em qualquer lugar, basta aproveitar e usar essa inspirao para fazer algo real. E a melhor maneira de fazer isso em seus projetos pessoais ;)

Clique na imagem para um full preview.

Download do Arquivo Photoshop

Tutorial do Leitor: Pintura Digital Fcil no Photoshop

TAGS

photoshop reader tutorial tutorial

Esse tutorial vai mostrar a vocs alguns passos simples para transformar uma fotografia normal em um pintura digital muito interessante usando a Filter Gallery e a Smudge Tool do Photoshop. Dependendo da fotografia que escolher, em apenas algumas horas conseguir deixar o efeito pronto.
Antes de comear, quero agradecer a @kidhelios / por permitir que eu usasse a foto dele de George Auckland (meu antigo chefe da BBC) como personagem dessa ilustrao.

Preview

A primeira coisa a fazer redimensionar a foto para o tamanho que queira. Isso importante pois os efeitos da Filter Gallery so altamente 'pixel based' e se redimensionar depois de terminar o trabalho pode acabar perdendo parte do que fez. Minha foto foi feita com um iPhone e tem apenas 480x640 pixels. Eu queria que o resultado final fosse maior, ento aumentei a imagem para 960 pixels de altura e 1200 de largura. Depois disso aumentei a parte de Brightness and Contrast para dar mais uma fora para os efeitos da Filter Gallery. A melhor maneira de fazer isso usando uma adjustment layer, pois no destrutivo. Depois ns precisamos fazer um 'drop out' no background, arrumar qualquer tipo de problema e preparar a foto para os filters. Vou deixar que voc decida como vai remover o background, mas eu prefiro pintar na Layer Mask, pelo nivel de controle que essa opo d a voc. Voc no precisa dar muita ateno a elementos como o cabelo pois voc pode corrig-lo mais tarde. Na minha foto original, o ombro esquerdo do personagem foi 'cropped from the frame', e agora precisamos colocar de volta ao lugar. Eu apenas copiei o ombro direito e fiz flip para usar como esquerdo. Mais uma vez digo que no precisa ser preciso e super realista, contanto que a forma principal esteja correta e voc preste ateno nashighlights, shadows e overall tone.

Agora que finalizamos os ajustes da imagem bsica, hora de brincar com os filtros. Carregue sua Layer Mask como uma seleo (pressione Command e clique na Layer Mask) e Copy Merged (Command-Shift-C), agora cole na nova layer. Se voc achar que a verso colada se moveu um pouco, apenas a reposicione sobre a original, trocando o Blend Mode para 'Difference' pode ajudar, quando tudo ficar preto as duas layers esto alinhadas. Selecione a layer de baixo das trs e aplique o efeito 'Poster Edges' da Filter Gallery. Brinque com os ajustes at que tenha linhas pretas definindo as reas da sua foto, quase como cartoon outlines.

Na layer seguinte (acima da anterior), aplique o efeito 'Accented Edges'. Esse deve deixar a imagem mais clara e adicionar highlights. Ajuste o Blend Mode para 'Overlay'.

Na terceira layer, aplique o efeito 'Glowing Edges'. No se preocupe que sua imagem tenha ficado preta de repente, as highlights e os brilhos neon ficaro perfeitos depois que voc ajustar o Blend Mode para 'Lighten' e reduzir a Opacity para 50%.

Obviamente, todos esses ajustes so especficos para essa foto e podem no ficar bem na sua foto, ento fique a vontade para brincar com os valores at ficar feliz com o resultado. Inclusive teste outros filtros. Quando terminar seus ajustes dever ter algo parecido com a imagem abaixo.

Agora vamos para a parte divertida! Com suas trs Filter Gallery layers visveis, Select All, Copy Merged e Cole mais uma vez, e garanta que as cpias estejam alinhadas. Duplique essa layer (para que tenha um merged back-up) e essa ser a layer onde vamos pintar, mas antes de comear precisamos mudar dois ajustes default do Photoshop. Nas preferncias, v at Performance e aumente o nmero do History States para no mnimo 200. O segundo ajuste nos Keyboard Shortcuts do Edit menu, e para mudar o comando usual Undo (command-Z) para voltar. Assim voc poder voltar at 200 states se algo no te agradar. Selecione a Smudge Tool - a terceira opo da Blur/Sharpen tool - e escolha um brush pequeno e suave, com a Strength ajustada em 50%. Agora comece a pintar sua imagem e faa blend dos efeitos Filter para se assemelhar com brush strokes. Outro atalho til aqui o - [ ] - que reduz e aumenta o tamanho do brush, e as teclas numricas, que alteram o smudge effect (lembre; 0 ajusta em 100%, 9 em 90% etc)

(200% zoom view com setas mostrando a direo aproximada e click duration for the Smudge Tool)

Continue assim, trabalhando com sua foto metodicamente. Quando fizer o cabelo, voc pode melhorar o que fez antes na mask. Eu tambm alterei a cor da lapela da jaqueta. Quando terminar a pintura vai precisar de um background. Eu usei e dei uma mexida na tima imagem de Fabio do tutorial space background tutorial e coloquei uma 'spiral galaxy' do arquivo da NASA. Como um toque final eu dupliquei minha layer pintada, dando a ela um alto Gaussian Blur e a movi para baixo da layer da pintura para adicionar um overall glow a imagem. Se voc planeja pintar seu background usando o mesmo efeito, til deixar separado da sua imagem de foreground para que no as misture.

Sobre o Autor
Meu nome Nathan Barry sou um Web Designer/Coder freelance, depois de passar quase 10 anos fazendo sites para a BBC. Tambm escrevo para o Wired's GeekDad blog [http://www.wired.com/geekdad/author/discotechnological] sou tambm fotgrafo e pai em tempo integral. Voc pode me seguir no twitter @GeekDadNath se quiser. Obrigado!

Tutorial do Leitor: Personagem Cartoon em Photoshop

TAGS

cartoon colorindo drawing photoshop tutorial

Eu pensei em fazer uma verso cartoon de um dos meus personagens favoritos, o detetive Hercule Poirot de Agatha Christie, sempre retratado como um homem srio e impetuoso. Transformar um personagem rabugento e intelectual em algo cartunesco pareceu uma idia engraada. Desenhei a lpis e colori inteiramente no Photoshop CS3. Passo 1
Ento primeiro eu desenhei ele andando pelas ruas de Londres. Escolhi essa cidade por causa de sua atmosfera misteriosa. Desenhei ele procurando por nosso psicopata genrico, que estava logo ali na esquina.

Passo 2
Ento eu separei todas as cores. Eu iria pintar partindo das cores escuras para as claras, definindo logo no comeo quais seriam as fontes de luz na pintura. Essas seriam a lanterna a leo do Poirot, a Lua e uma fonte de luz que estaria fora da pintura, que iluminaria o assassino.

Passo 3
Eu comecei a espalhar a "tinta" para que eu pudesse estudar a maneira como a luz preencheria o rosto e as roupas de Poirot. Preste ateno: antes de simplesmente usar o "amarelo-lanterna-a-leo, eu usei um laranja forte e saturado. Isso cria um efeito de pele bem bacana. Comecei a brincar com as sombras um pouco, criando reas escuras e roxas no rosto do detetive.

Passo 4
Aqui eu defini um pouco mais sua iluminao facial.

Passo 5
Aqui eu pintei a luz em sua mo, de acordo com as duas fontes de luz, incluindo a Lua. Para sua luz, note que eu usei azul ao invs de laranja. Atrs das orelhas voc pode perceber melhor. Tambm criei seus olhos suspeitos.

Passo 6
Defini melhor a luz da lua tanto em sua cabea como em sua mo.

Passo 7
Agora eu comeo a prestar ateno ao resto de seu corpo, sombreando suas roupas.

Passo 8
Defini tudo melhor. Cores escuras vs cores claras da luz.

Passo 9
Adicionei luz da Lua.

Passo 10
Intensifiquei a colorizao das sombras internas de seu casaco.

Passo 11
Defini melhor o chapu, tomando todo o cuidado para tridimensionalizar a sombra e a luz do chapu.

Passo 12
Agora eu presto mais ateno no assassino. Comeo a fazer o mesmo que fiz com Poirot, imaginando uma segunda lmpada a leo fora de meu quadro, iluminando-o. Aqui voc pode notar a camada de laranja que eu usei antes do amarelo, em sua mo. Tambm fiz um rpido rascunho de como sua sombra deveria ficar contra a parede.

Passo 13
Defini melhor seu rosto, e criei seus olhos. Comecei a definir a iluminao de seu casaco.

Passo 14
Aqui o resto dele est feito, e agora posso comear a mexer na cidade.

Passo 15
Eu usei uma textura de pedra que peguei na internet na parede principal. Os tijolos de pedra que formam a coluna no limite da parede foram feitos mudando o tipo e intensidade do meu Brush. Eu tambm iluminei o detalhe da placa de rua.

Passo 16
Adicionei o nome da rua. Just for the lulz.

Passo 17
Aqui est uma parte iimportante de qualquer criao artstica. Tentar. Tentar e errar so timas maneiras de aprender. Eu comecei tentando pintar o cho. Primeiro eu iluminei seu centro, de acordo com a lanterna. Da comecei a tentar desenhar as pedras no cho. Quando eu vi que isso levaria muito mais tempo do que eu esperava, e que no iria valer a pena, porque o cho no estava ficando nada parecido com o que eu queria, eu tentei aplicar uma textura. Eu decidi deixar assim por enquanto, e trabalhar em outras partes da cidade. Eu gostei bastante de como aquela chamin ficou.

Passo 18
Depois de estudar vrias fotos do Big Ben no Google, comecei a procurar um lugar melhor para ele no cenrio. Decidi que ele ficaria mais realista se estivesse menor, parecendo estar mais longe dos nossos protagonistas, por causa da luz da Lua.

Passo 19
Adicionei bastante do resto da cidade.

Passo 20
Mais detalhes da cidade.

Passo 21
Aqui, eu criei um pequeno brush de estrelas no Photoshop e usei para estrelar o cu. Tambm fiz algumas nuvens e o crculo luminoso da Lua.

Passo 22
Aqui eu finalmente defini a sombra dos personagens no cenrio, assim como um cho melhor distorcido e aplicado.

Passo 23
Aqui eu fiz o meu melhor para iluminar o cabelo e bigode do assassino. Eu fiz a pintura inteira s com o mouse, sem uma caneta Tablet, o que dificultou bastante detalhes como esses.

Pintura Pronta
E finalmente aqui eu detalhei melhor a Lua, e acabou meu trabalho com Mousieur Poirot e seu psicopata de faca. Espero que vocs tenham gostado do tutorial, e que ele tenha realmente ajudado vocs!

About the Author


Silas Chosen um illustrador de So Paulo, Brasil. Seu estilo preferido o uso de lpis e papel, logo aps o Photoshop para colorir digitalmente. Para mais informaes e outros trabalhos visite sua pgina no DeviantArt ou seu blog em portugus http://silaschosen.blogspot.com/

Estilo Neon Super Fcil no Photoshop

TAGS

neon photoshop tutorial

Na ltima sexta fizemos um encontro do Abduzeedo na minha cidade, Porto Alegre. O encontro foi bem legal, bastante gente e vrias cervejas! Quando estava indo embora notei o neon no lado de fora do bar e me inspirei para criar um tutorial mostrando como alcanar aquele tipo deefeito no Photoshop.
Neste tutorial vou mostrar a vocs como criar um efeito bacana neon no Photoshop. Ns vamos usar Layer Styles e Blend Modes para simular um efeito de texto neon.

Passo 1
Abra o Photoshop e crie um novo documento. Para o tamanho eu usei 1920x1200 pixels. Depois disso importe uma textura de tijolo, a que usei foi cortesia do Shutterstock e voc pode fazer o download dela aqui

Passo 2
Com a texture layer selecionada v at Image>Adjustments>Hue and Saturation. Use 0 para Hue, 45 para Saturation e -85 para Lightness.

Passo 3
Adicione uma nova layer e v at Filter>Render>Clouds. Garanta que voc tenha preto e branco para as cores do foreground e background. Com a Eraser Tool (E) delete as reas prximas as bordas e deixe apenas o centro da imagem. Depois disso troque o Blend Mode para Color Dodge.

Passo 4
Importe o logo que deseja usar no efeito neon. Eu estou usando o logo da ZEE que criei umas semanas atrs. Duplique a layer e a esconda pois usaremos algumas cpias dela mais tarde. Selecione a layer visvel do logo e v at Filter>Blur>Gaussian Blur. Use 15 pixels para Radius.

Passo 5
Siga as imagens abaixo para os ajustes da Layer Style. Ns vamos usar Drop Shadow, Inner Shadow, Outer Glow, Bevel and Emboss e Color Overlay.

Passo 6
Esse ser o resultado que ter depois do layer style.

Passo 7
Duplique a layer com o layer style para deixar o efeito um pouco mais forte, mas reduza a opacity para 50%.

Passo 8

Ns vamos precisar de outra layer com o logo sem aplicao de layer style. Coloque esse novo logo acima das outras e v at Filter>Blur>Gaussian Blur. Use 100 pixels para Radius. Troque tambm o Blend Mode para Color Dodge.

Passo 9
Agora com a Brush Tool vamos criar a base do neon que ser fixada na parede. Use preto na cor e coloque essa parte atrs das neon layers. Depois disso v at Layer>Layer Style>Bevel and Emboss. Use a imagem abaixo como referncia para os valores do Bevel and Emboss. Para a base do o "E" use -160 para angle e na base do "Z" use 0.

Passo 10
Novamente com a Brush Tool (B) e um brush suave, usando 0 em hardness, adicione uma nova layer atrs das layers criadas no passo anterior. Ento apenas pinte uma sombra leve.

Concluso
Efeitos de luz so sempre legais para wallpapers. Sou viciado nesses tipos de efeitos e nesse tutorial eu mostrei como criar um efeito neon. Basicamente, o efeito usa layer styles e blend modes. Agora com voc! Voc pode tentar cores e backgrounds diferentes, mas a tcnica no muda muito dessa que mostrei.

Click on the image for full preview

Dicas Rpidas de Photoshop #6: Texto com Nuvens

TAGS

photoshop quick tips tutorial

No ano passado eu escrevi um tutorial mostrando como criar nuvens usando o Adobe Photoshop. Como recebi vrios e-mails perguntando como criar um texto feito com nuvens decidi escrever um tutorial com dicas rpidas explicando como fazer isso.
Seguindo com a srie Dicas Rpidas, nesse tutorial mostrarei a voc como criar um texto com nuvens, usando brushes e alguns outros efeitos interessantes de luz.

Passo 1
Crie um documento novo no Photoshop, eu usei 1920x1200 pixels para o tamanho. Ento utilizando oLayer Style aplique o Gradient Overlay na camada de fundo. Use Normal para o Blend Mode, 100% Opacity, Radial para o estilo e #07090b e #27160a para as cores. Tambm aumente a escala para 115%.

Passo 2

Com a ferramenta Horizontal Type Tool (T) digiteNUVENS, tudo maisculo. Eu usei Helevtica Neue Ultra Light. importante que voc use uma fonte light porque vamos inser-la em um path. Depois disso v paraLayer>Rasterize>Type. Isso vai rasterizar a camada, ento na Layer Palette, segure a teclaCommand(mac)/Control(pc) e clique no thumbnail da camada. Isso vai criar uma seleo marquee a partir do texto.

Passo 3
Com a seleo marquee do passo anterior, v at o Path Palette e clique no cone Make Work Path from the Selection (1). Ento salve o path para poder us-lo mais tarde. Voc pode fazer isso clicando no cone que est no topo a direita (3) e clicar em Save Path.

Passo 4
Com a ferramenta Direct Selection Tool (A) vamos editar o path. Comece deletando a parte interna dos paths. Cada letra precisa ter apenas um path como na imagem 2.

Passo 5
Vamos criar um brush que ser usado para criar as nuvens. J publiquei um tutorial mostrando como fazer esse brush, ento voc pode dar uma olhada em http://abduzeedo.com/beautiful-fluffy-clouds-photoshop-christmas-tutorial . Mas abaixo voc pode ver o que necessrio para criar o brush. V paraWindow>Brushes. Selecione um brush regular e leve. Selecione o Shape Dynamics, Texture and Other Dynamics. Para a textura muito importante que voc mude a escala cada vez que mudar o brush tip scale.

Passo 6
Novamente com o Direct Selection Tool (A), clique com o boto direito do mouse sobre o path na imagem e selecione Stroke Path. Uma caixa de dilogo vai aparecer, a janela stroke path, onde voc pode selecionar o que vai usar para stroke the path. Tenha certeza que tem o brush que criamos selecionado e ento selecione Brush. Tambm certifique-se de que a cor branca esteja selecionada para a cor do brush. (1). Ns vamos repetir isso duas outras vezes, mas cada uma em uma nova camada. Na primeira vez usamos branco, na segunda usaremos preto e na terceira branco de novo. Isso adicionar volume as nuvens e as deixar mais realistas.

Passo 7

Vamos criar e adicionar mais algumas nuvens, (image 1), e ento adicionar outra camada e ir paraFilter>Render>Clouds. Garanta que voc selecionou preto e branco para as cores. Depois disso altere oBlend Mode dessa camada para Color Dodge e com o Eraser Tool (E) delete algumas reas deixando apenas aquelas mais prximas das nuvens. Vamos tambm adicionar alguns efeitos de luz. Para fazer isso adicione um folder no Layer Palette, esse folder precisa estar abaixo das nuvens que criamos com a ferramenta brush tool. Altere o Blend Mode of the folder to Color Dodge. Dentro desse folder adicione uma nova camada. Ento com o Brush Tool (B)e branco para a cor, comece a pintar algumas nuvens. Essas nuvens que estamos pintando sero o efeito de luz, ento se quiser pode trocar a opacidade do brush clicando nas teclas numricas (1-0). Use a imagem abaixo como referncia.

Passo 8
Agora apenas adicione algumas estrelas. Para fazer isso crie uma nova camada e a preencha com preto. Ento v para Filter>Noise>Add Noise. Use 10% para o Amount e Gaussian para o Type. Depois disso v para Image>Adjustments>Levels, aumente o preto at que voc tenha apenas algumas estrelas e depois aumente o branco para deixlas mais brilhosas. Tambm altere o Blend Mode to Color Dodge.

Passo 9
Selecione todas as camadas e ento as duplique, ento v para Layer>Merge Layers. Depois disso v para Filter>Blur>Gaussian Blur. Use 12 para o amount. Altere tambm o Blend Mode to Screen., isso criar um brilho interessante e deixar as nuvens mais realistas.

Concluso
Voc pode adicionar mais efeitos de luz, estrelas maiores ou ainda testar cores diferentes, a idia desse tutorial foi mostrar dicas rpidas para criar nuvens e texto feito com nuvens. Agora s testar e brincar com as diferentes variaes para o tema.

Click on the image for full preveiw