Fique por dentro de nossas novidades através das redes sociais:
Este é o primeiro post de 2010 e gostaria de começar o ano desejando a todos tudo de bom e mais um ano de realizações.
Gostaria também de me desculpar pelo baixo número de posts no final do ano passado. Foi uma época de muito trabalho e pouquÃssimo tempo.
Este ano vou me dedicar mais ao blog e também variar mais os temas.
Para começar bem o ano, segue um tutorial de Photoshop que ensina a utilizar os Blend Modes para criar efeitos de luz. A princÃpio, este pode parecer apenas um tutorial sobre text effects, mas na verdade, é um tutorial para mostrar a importância de se experimentar com os Layer Effects (efeitos que você pode aplicar em cada camada) e os Blend Modes (modos de mesclagem, que é a maneira que o Layer de cima se relaciona com o de baixo). Para saber mais sobre os blend modes, veja o tutorial Aprenda a Usar os Blend Modes do Photoshop.
Passo 1 - Criando o fundo.
Crie um novo documento. Escolhi o tamanho da tela do meu computador, mas fique a vontade para escolher qualquer tamanho. Também prefiro trabalhar no modo RGB e depois, caso for imprimir o trabalho, converter para CMYK.
Efeitos de luz em geral tendem a ficar mais elegantes em fundos não chapados. Vamos criar alguns gradientes. Ao longo deste tutorial vou mencionar as cores que utilizo, mas experimente seguir o tutorial criando com suas próprias cores. Use sua imaginação. Tenho certeza de que você se surprenderá e ficará muito mais contente com o resultado se fizer do seu próprio jeito. Crie dois layers clicando no botão Create a new layer na janela Layers. É sempre uma boa prática renomear os novos layers assim que forem criados, para manter o trabalho organizado.
Antes de criar um gradiente é necessário escolher as cores. Duplo clique na cor de Background e Foreground na Toolbar, como mostra a figura abaixo. As cores que utilizei aqui foram: Azul Claro #363c66 e Azul Escuro #0f1325. Selecione a Gradient Tool [G]. As vezes as cores que escolhemos não aparecem automaticamente nos gradientes. Vá no menu de configuração e escolha a primeira opção, como mostra a imagem a seguir.
Arraste um gradiente de cima para baixo. Sua imagem deve ficar parecida com a figura a seguir.
Não gosto muito do efeito de gradientes isolados no Photoshop. Não acho que o resultado fica convincente. Quase sempre crio mais de uma camada com gradientes de cores diferentes e em posições diferentes e depois brinco um pouco com os Blend Modes.
No layer de cima repeti o processo de criar um gradiente mas dessa vez na horizontal e com as cores: Azul Claro #6d74a0 e Azul Escuro #2b3357.
Para finalizar mudei o blend mode do layer de cima para Overlay.
O toque final no fundo será feito com Brush Tool [B]. Escolhi um tom de azul que contraste bastante com o fundo. Se você escolheu outra cor para fundo como verde ou vermelho, escolha um tom mais claro mas correspondente a cor escolhida. Em um novo layer e com um brush de bordas suavizadas eu comecei a clicar em algumas áreas do fundo e criar uma espécie de névoa. Também mudei algumas vezes o tamanho do brush. Fique a vontade para criar o padrão que quiser. As imagens abaixo ilustram bem este passo.
Passo 2 - Criando o texto.
Crie um novo layer. Com a ferramenta Pen Tool [P] desenhe ou escreva alguma coisa. Aproveitei a deixa, para criar alguma bobagem de começo de ano, já que esse é o primeiro post de 2010. Este efeito pode ser aplicado em qualquer tipo de desenho e não só em letras. Use seu lado criativo.
Após criar o path, você precisa transformar a seleção em linha. Para isso, crie um novo layer e renomeie para 2010. Selecione a Brush Tool [B] e nas configurações escolha um brush sólido de 3px de espessura aproximadamente. Certifique-se que a Foreground Color é branca. Vá na janela Path e clique no botão Stroke path with brush localizado na parte inferior da janela. Ao retornar para a janela Layers verá que o path agora é uma linha.
Passo 3 - Glown e Slow Shutter Effect.
Agora que a diversão começa. Chegamos ao grande propósito deste tutorial: experimentar com os Blend Modes e Layer Effects.
Neste passo também, criaremos o que muitos tutoriais chamam de Slow Shutter Effect que é nada mais nada menos do que imitar o efeito desfocado de fotos tiradas em baixa velocidade. Para entender melhor o que estou falando, visite este pool do Flickr dedicado a fotos tiradas em baixa velocidade: http://www.flickr.com/groups/slowshutterspeed/pool/.
Como citado anteriormente neste tutorial, o grande lance é a experimentação. Você não precisa fazer exatamente todos os passos que fiz aqui, ou você pode fazê-los e alterá-los para conseguir um resultado próprio.
Eu dupliquei cinco vezes o layer com nomeado como 2010. Para ficar fácil a identificação renomeei os layer em sequência, como mostra a figura abaixo.
Em cada um dos layers, apliquei layer effects e blend modes distintos. Em alguns layers, utilizei efeitos de Blur e Transform.
Segue em sequência o que foi feito em cada layer.
2010 - 1
Para editar os Layer Effects de um layer, basta clicar duas vezes na aba do layer na janela Layers. Abrirá a janela da figura abaixo.
Neste tutorial, usaremos apenas a opção Outer Glown. Segue as configurações utilizadas. Note que a cor escolhida para a opção Outer Glown, é um tom derivado das tonalidades azuis do restante da imagem.
2010 - 2
Neste layer usaremos as mesmas configurações do layer anterior. Você pode facilmente configurar dois layers de umamesma maneira, selecionando o layer do qual você quer copiar o estilo, clicando com o botão direito do mouse e selecionando Copy Layer Style. Depois, selecione o layer de destino, e clicando com o botão direito do mouse neste layer, selecione Paste Layer Style. Simples não?
Neste layer aplicaremos também um Filter > Blur > Radial Blur… com as seguintes configurações:
Não esqueça de configurar o Blend Mode do layer para Overlay e Fill para 100%.
2010 - 3
Mesmas configurações do layer anterior mas aplicaremos também Filters> Blur > Gaussian Blur. Em seguida, utilizei a ferramenta Transform para redimensionar este layer, causando a sensação de desfocado. Com o layer selecionado tecle Ctrl + T (Command + T no Mac) e depois clicando com o botão direito selecione a opção Distort. Clique e arraste algumas arestas até que fique notável que este layer está desfocado. Veja as figuras abaixo.
A imagem abaixo mostra só o terceiro layer onde o Gaussian Blur foi aplicado.
A imagem abaixo mostra apenas o primeiro e o terceiro layers. Veja como o layer com o blur está levemente torto em relação ao primeiro layer.
2010 - 4
Mesmas configurações do layer anterior mas com Filters> Blur > Motion Blur aplicado. Mais uma vez utilizei a ferramenta Transform para deixar a imagem ainda mais desfocada. Dessa vez modifiquei um pouco mais este layer.
2010 - 5
Neste layer vamos alterar um pouco mais as configurações, para dar um pouco de vibração à composição. Mudaremos a cor do Outer Glown. Para conseguir bastate contraste recomendo que utilize a cor complementar à que você utilizou no restante da imagem. Para saber mais sobre cores complementares, recomendo este artigo na Wikipedia: http://pt.wikipedia.org/wiki/Cores_complementares. Também mudei o Blend Mode deste layer para Hard Light e Opacity para 60%.
Efeito aplicado apenas no layer 5.
Resultado da imagem com todos os layers visÃveis.
Passo 4 - Detalhes (que fazem toda a diferença).
Seguem alguns passos a mais que vão aumentar o impacto visual da imagem.
Aumentando o contraste.
Selecione todos os layers na janela Layers. Basta clicar no primeiro layer, pressionar a tecla SHIFT e clicar no último layer. Depois clique com o botão direito do mouse e selecione a opção Duplicate Layers… Feito isso, com os layers duplicados ainda selecionados, utilize o atalho CTRL + E (Command + E no Mac) para unir todos os layers em um só. Por fim, mude o Blend Mode deste layer para Overlay e a opção Fill para 75%.
Este passo serve para aumentar o contraste da imagem. Você também pode utilizar o menu Image > Adjustments > Levels para conseguir algo similar.
Adicionando cores ao gradiente.
Como mencionei antes, não gosto muito de utilizar os gradientes padrão do Photoshop. Vamos criar nosso próprio gradiente com o uso do pincel. Crie um novo layer e selecione a Brush Tool [B]. No menu de configuração, escolha um brush com bordas suavizadas e uma espessura alta, com mais de 400px. Abaixo segue as configurações de brush que utilizei. Escolha algumas cores e clique com o mouse em pontos distintos da tela. A imagem a seguir mostra o resultado do gradiente que criei. Note que o fundo branco foi colocado só para você ver como ficou a imagem. 
Altere o blend mode deste layer também para Overlay. As cores utilizadas foram: #18edeb, #327d4b e #122217.
Adicionando brilho.
Com o mesmo brush selecionado mas mudando a espessura para algo em torno de 20px ou 30px, selecione a cor branca e adicione alguns pontos onde quiser que haja mais brilho na imagem. No caso do exemplo deste tutorial, adicionei este pontos em cada uma das dobras da palavra 2010. Em alguns casos coloquei mais de um ponto adjacente para dar mais brilho. Depois mudei o blend mode para Overlay e a Opacity para 50%.
Note os pontos brancos adicionados nos cantos da palavra 2010.
Aqui, já com o blend mode configurado para Overlay. Note como o efeito fica mais suave.
Grand finale.
Por último (Ufa!!!) criei um novo layer e apliquei um dos gradientes padrão do Photoshop, o quinto na lista de gradientes para ser mais exato. Como não poderia deixar de ser, mudei o blend mode para Color Dodge. A última imagem abaixo é o resultado final. Ainda brinquei um pouco no Levels, mas isso fica ao seu critério. Segue também a imagem de como a janela Layers ficou no final do processo.
Acho que esse foi o tutorial mais extenso que escrevi. Espero ter despertado em vocês uma certa curiosidade e vontade de experimentar com os Blend Modes e Layer Effects. Tentem criar outras imagens com esta técnica. Você pode por exemplo, pegar uma foto e aplicar feixes de luz saindo da pessoa ou objeto. O importante é praticar sempre.
Outra coisa que acho importante dizer é que pelo menos para mim, não teve um tutorial milagroso ou ajuda divina que me fez aprender do dia para noite todas as maneiras de utilizar os efeitos propostos neste tutorial. Aliás, ainda estou longe de dominar alguma coisa no Photoshop. O que eu faço é sempre fuçar ao máximo nestas ferramentas, ser muito curioso e também nunca ficar satisfeito com o primeiro resultado. Com o tempo você acaba indo naturalmente ou institivamente nos lugares certos.
Qualquer dúvida, por favor, e-malas para tiago@tiagopimentel.com.
[ ]s
Você também deve curtir:
 |
 |
 |
 |
9 Respostaspara ““Tutorial Photoshop: Light effects utilizando Blend Modes e Layer Effects”
Deixe uma resposta
Busca
destaques
posts aleatorios
Translator
TOPBLOG 2010
parceiros
- Para quem gosta de gadgets, a dica é o blog Digital Drops | http://www.digitaldrops.com.br 2009-08-07
- Conhecem um livro sobre 100 Livros Clássiccos Sobre Design Gráfico? | http://30porcento.com.br/blog/?p=717 2009-08-07
- RT @leandronunes Programa para fazer sketches vetoriais como se fossem feitas a mão | http://www.pencil-animation.org/ 2009-08-07
- More updates...
Powered by Twitter Tools
Olá
Ótimo tutorial, tem funções que desconhecia principalmente na parte de Layer Effects.
O resultado final ficou bem profissional.
Boa iniciativa!
Até mais
Muito legal o post Tiago, Parabéns!
O efeito ficou muito legal, as cores tem um bom contraste, gostei bastante do resultado fianl.
Obrigado por compartilhar, continue assim.
Eu que agradeço a vocês pela visita e pelos comentários.
[ ]s
[...] Fonte: http://www.designinabox.nu/tutoriais/tutorial-photoshop-light-effects-utilizando-blend-modes-e-layer... [...]
kkkkk
eu fasso é rir
q nen foi tu q fez…
FAÇO é com cedilha e NEM é com M.
Design in a Box também é cultura útil.
Aliás gostaria de pedir por gentileza que quem quiser escrever besteira, o espaço está aberto para isso, eu até gosto por que me divirto bastante com isso, mas por favor, escrevam corretamente pelo menos.
Bem legal!
muito bom !
Tu deve ser algum primo meu desconhecido! HUAhuauhUHAUHA
Parabéns pelo tutorial, eu estou começando a brincar com photoshop mais voltado para criação de lâminas para álbuns encadernados.
Mas ainda sou bem amador. tenho algumas montagens feitas com minha filha no meu orkut, se permitir eu colo o link do meu profile. Abraços
We really like what you write about here. I try and visit it every day so keep up the good writing!