LOGIN:

iMasters | Por uma internet mais criativa e dinâmica

Feeds

Segunda-feira, 28/06/2004 - 01:59 - Por Fabio Lody
Seções relacionadas:

Efeitos de luz

Olá meus amigos! Primeiramente agradeço os emails com sugestões para as matérias que faltam em nossa lista das 15 mais pedidas. Hoje deveriamos ver "gotas em latas", mas tive problemas com minha camera digital e por isso deixarei para próxima semana, ok?

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

Imagem postada e usada como exemplo:

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

Efeitos de Luz

Descrição: Explicação sobre como criar efeitos de luz.
Software ultilizado: Photoshop 7.0 em Inglês (funciona em qualquer versão)
Grau de Dificuldade: 8,0
Ao som de: Warp Brothers Vs Aquagen - Phat Bass

1º Passo: Crie um arquivo em RBG de 400x500 pixels com fundo transparente. Em seguida pressione "D" para as cores voltarem as padrões.

2º Passo: Usando a ferramenta de preenchimento "Pain Bucket Tool", preencha com preto sua camada (usaremos como camada de fundo).

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

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

5º Passo: Segure "CTRL" e clique sobre a camada da forma que criamos. Perceba que vemos sua seleção.

6º Passo: Vá em "Select" > "Modify" > "Contract". Em "Contract Selection", altere seu valor para 5 pixels.

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

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

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".

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

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

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

Sua imagem ficará assim:

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

19º Passo: Vá em "Filter" > "Render" > "Clouds".

20º Passo: Agorá vá em "Filter" > "Noise" > "Add Noise".

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

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

23º Passo: Na barra de opções, vá em "Layer" > "Flatten Image". Perceba que achatamos nossas camadas e que na camada "background" temos a corrente, impossibilitando assim a edição por isso duplique está camada:

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.

Aqui ultilizei a mesma tecnologia.

Até a próxima!

 

Todos os artigos de Fabio Lody

20 comentários publicados

  • 1. Bom:.

    Segunda-feira, 28/06/2004, por Robson Luis Monteiro Júnior

    legal esse efeito de luz estava com algumas duvidas sobre efeitos de luz... Valeu Fabio essa coluna ta me ajudando pá porra!!!

    Responder comentário
  • 2. Rox

    Quinta-feira, 01/07/2004, por marcone

    Iae Fabio, parabens pela coluna... cada vez melhor... Brother, ve soh... Tu eh mestre em webarts, acho q vc pode mim ajudar e ao um bokado de gente, qria mto q publicaste uma coluna sobre efeito de uma foto rasgada, tipo akelas q vc rasga na mão msm. Se poder... valeu msm

    Responder comentário
  • 3. Reflexo

    Quinta-feira, 01/07/2004, por Ra M. S. demais

    Fabio, estou acompanhando a algum tempo sua coluna, curto muito photoshop e fiquei curioso sobre o efeito que vc usou para fazer o reflexo no artigo "Brincando com fogo". Vc poderia esclarecer isso pra galera!!!!!
    Valeu Abraços

    Responder comentário
  • 4. Como faço o efeito de "latinha suada"

    Quinta-feira, 01/07/2004, por Vitor Alves

    Fabio,
    Adimiro seus efeitos no Photo. Gostaria de saber como conseguir o efeito de "latinha suada" que tanto dá sede em todo mundo nas propagandas de bebidas.

    Valeu,

    Wagner de Almeida Vieira

    Responder comentário
  • 5. Muito show

    Sábado, 03/07/2004, por Richelieu Rodrigues

    e fabio.> !! muito bakana essse efeitos.. mas gostaria de aprender a fazer os efeitos do LUMIERE... sera que tem como vc fazer um capitulo dele. ?? vlw muito obrigado

    Responder comentário
  • 6. Oi

    Quinta-feira, 22/07/2004, por Nilton Esteves

    gostei muito, mas está meio confuso os primeiros passos...

    Responder comentário
  • 7. Efeitos de Luz

    Terça-feira, 03/08/2004, por Carlos henrique Aguiar

    Oi, gostaria de Imasters. Nao consigo ja tentei, nada aparece bola tira so fio branco linha. nada. como faço? ja tentei select>Modifty>Contract (5). favor me ajuda urgente!!

    Responder comentário
  • 8. efeito de luzes

    Sábado, 07/08/2004, por angelica yuri kobayashi

    oi fabio queria uma ajuda sua!!
    so consegui fazer ate o 6 passo..depois q deleta a camada ele fica com os pontilhados..como q faco pra ficar com a borda??me ajuda se puder!!beijos ate a proxima

    Responder comentário
  • 9. Obrigado!!

    Terça-feira, 10/08/2004, por Neto Bordenel

    Valew Mesmo Fabio!!!!
    Eu nunca Tinha mexido pra valer no Photoshop, aí eu conheci o iMasters e ler a suas colunas, agora eu to fera já to fazendo umas coisas que vc naum explicou ainda!!! Muito obrigado mesmo!!

    Responder comentário
  • 10. nao consegui

    Sexta-feira, 08/10/2004, por Mauro Costa e Silva

    cara eu nao consegui deletar a area selecionada como eu faço isso?? eu aperto delet e aparece um erro .
    valeu!!

    Responder comentário
  • 11. 25º

    Quarta-feira, 01/12/2004, por rosana

    Responder comentário
  • 12. confuso...

    Quarta-feira, 01/12/2004, por rosana

    meu photoshop é em português e gostaria q vc colocasse em português tb... toda vez tenho q ficar traduzindo... e tb não consegui fazer o 25º passo... poderia me explicar melhor?

    Responder comentário
  • 13. não consegui fazer o efeito

    Quinta-feira, 03/02/2005, por Virley R. Alvarenga Cesario

    Ola, fabio,
    Encontrei o sua dicas por acaso,
    achei super legais
    Eu não estou conseguindo fazer do 3º passo para o 4º passo aparecer ativado RASTERIZE LYER, o que eu faço para continuar meu aprendizado.
    Se a galera puder me ajudar, fico grato
    tchau!!!
    obrigado

    Responder comentário
  • 14. não consegui fazer o efeito de LUZ

    Quinta-feira, 03/02/2005, por Virley R. Alvarenga Cesario

    Ola, fabio, Encontrei o sua dicas por acaso, achei super legais Eu não estou conseguindo fazer do 3º passo para o 4º passo aparecer ativado RASTERIZE LYER, o que eu faço para continuar meu aprendizado. Se a galera puder me ajudar, fico grato tchau!!! obrigado

    Responder comentário
  • 15. Conselho!!!

    Sexta-feira, 04/02/2005, por Evan Lopes

    e ae, olha nós a e de novo...Fábio hoje o muitos tem o photoshop em Português, como meu caso, mas não tenho muito problema com isso não, mas outros tem...não seria melhor lança algumas explicações em Português? blz....faloww

    Responder comentário
  • 16. Muuuito bom

    Quinta-feira, 03/03/2005, por Diego Junio

    Cara... eu olhava para algusn sites com esses efeitos e ficava maluco querendo saber como isso era feito, mexo com o Photoshop por hobby a uns 3 meses e nunca imaginei q naum era tão difícil fazer efeitos assim. Parabéns cara, vc é um grande profissional!!!

    Responder comentário
  • 17. P/ Virley R. Alvarenga Cesario

    Segunda-feira, 11/07/2005, por Dalton Jorge

    aê fábio muito boa a explicação cara... e para o Virley, pois com certez na hora de criar a elipse a opção Fill Pixels deve estar ativada. Para rasterizar a imagem deve estar marcada a opção Shape Layers ;) falows

    Responder comentário
  • 18. ajuda

    Segunda-feira, 06/11/2006, por gabriel serpe

    aew eu n consegui entender o 5ºpasso...eu aperto ctrl na camada LAYER ou SHAPE???tipo eu ja apertei as duas mas num libera a parte do 6ºpasso...


    q q eu faço akiii ajuda

    Responder comentário
  • 19. Duvidas

    Segunda-feira, 27/11/2006, por Raquel Albuquerque

    Eu também não consigo completar o passo 5.
    O que estou fazendo de errado?
    Trabalho com o photoshop CS2

    Responder comentário
  • 20. Muito bom

    Quarta-feira, 02/05/2007, por Alexandre Pinto

    Só não conseguir aplicar o degrade, o efeito de luz fica branco. vlw!

    Responder comentário

Poste um comentário


Os textos publicados neste espaço são de responsabilidade única de seus autores (colunistas e leitores) e podem não expressar necessariamente a opinião do iMasters.

Sobre o autor

Fabio Lody é um dos colunistas mais lidos do Brasil. Desenvolveu trabalhos para a Johnson&Johnson, Chevrolet, Kawasaki Motors, grupo SBT, Ethos, HopiHari entre outros pela Tribal Interativa. Foi instrutor da WOC (Centro de Treinamento Adobe) e já trabalhou nas áreas de produção de vários webstudios. Escreve para duas revistas de circulação nacional além de desenvolver layouts de cartões para uma empresa do japão. Foi aluno de Alexandre Wollner e há 9 anos trabalha como Designer Gráfico. Blog: (http://www.fabiolody.com.br).


Indique para um amigo

captcha

TI SHOP Produtos iMasters

  • Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
  • Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
  • DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
  • DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!

2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.