em , , , ,

Tutorial: Partículas brilhantes ao redor de uma foto

Preview Descrição: Como criar o efeito de partículas brilhantes ao redor de uma foto.

  • [message]
    • ##check##AVISO: Partículas brilhantes ao redor de uma foto

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado 🙂

tutoriais photoshop

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 600×600 pixels, 72 dpi´s de resolução e modo de cor em RGB com fundo branco, pressione Ok, clique duas vezes sobre a layer na paleta de layers para retirar seu cadeado, agora vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo, o gradiente usado deve ir do vermelho escuro para o preto.

Partículas brilhantes ao redor de uma foto

02. Pressione Ctrl+O e escolha uma foto qualquer para este tutorial foi usada a imagem abaixo, pressione Ctrl+A para selecionar o conteúdo da foto, Ctrl+C para copiar, volte para o arquivo que criamos e pressione Ctrl+V para colar, pressione a letra P do teclado para selecionar a Pen Tool, na barra de opções da ferramenta deixe a opção Paths marcada, crie um path ao redor da pessoa como na foto abaixo (caso não saiba como usar a Pen Tool clique aqui).

Partículas brilhantes ao redor de uma foto

03. Com o Path criado, vá em Window> Paths, para abrir a paleta de Paths, clique no ícone de Load Path As A Selection no rodapé da paleta de Paths para criar uma seleção.

Partículas brilhantes ao redor de uma foto

04. Agora vá em Window> Layers para voltar a paleta de Layers, clique na layer da garota e vá em Select> Refine Edge ou pressione Ctrl+Alt+R, defina os valores abaixo mas use do bom senso pois estes valores irão mudar de acordo com a foto usada, quando achar que encontrou um bom resultado pressione Ok e vá em Layer> Layer Mask> Reveal Selection.

Partículas brilhantes ao redor de uma foto

05. Agora vá em Image> Adjustments> Brightness/Contrast e defina os valores abaixo (variáveis dependo da foto usada), depois vá em Filter> Noise> Add Noise e defina os valores abaixo.

Partículas brilhantes ao redor de uma foto

06. Agora vá em Layer> Group Layers para colocar a layer da garota dentro de um folder, pressione a letra M do teclado para selecionar a Elliptical Marquee Tool, defina o valor de 30 pixels para o Feather na barra de opções da ferramenta no alto da tela, com a tecla Shift pressionada clique e arraste afim de criar um círculo como na foto abaixo, agora clique no ícone do folder que foi criado na paleta de layers e vá e Layer, Layer Mask> Reveal Selection.

Partículas brilhantes ao redor de uma foto

07. Clique na layer da garota e vá em Layer> Layer Style> Outer Glow e defina os valores abaixo, clique em Ok e pressione Ctrl+J para duplicar a layer, vá em Filter> Blur> Motion Blur e defina os valores abaixo, coloque a layer onde foi aplicado o Blur abaixo da layer normal pressionando Ctrl+[ ou clicando e arrastando para baixo.

Partículas brilhantes ao redor de uma foto

08. Clique na layer de Background (ou Layer 1) e pressione Ctrl+Shift+Alt+N para criar uma nova layer vá em Filter> Render> Clouds, pressione Ok e mude o modo de blend da layer para Color Dodge.

Partículas brilhantes ao redor de uma foto

09. Clique novamente na layer Background (ou Layer 1) e pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores e pressione Alt+Backspace (a tecla acima do enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher toda a área de branco, vá em Filter> Render> Fibers e defina os valores abaixo, vá em Filter> Blur> Motion Blur e defina os valores abaixo e pressione Ok.

Partículas brilhantes ao redor de uma foto

10. Agora pressione Ctrl+T para abrir a caixa de Free Transform, clique em um dos pontos da diagonal da caixa com a tecla Shift pressionada e rotacione a layer como na foto abaixo, pressione a letra L do teclado para selecionar a Lasso Tool e defina o valor de 30 pixels para o feather na barra de opções da ferramenta, crie uma seleção como a mostrada abaixo, vá em Layer> Layer Mask> Reveal Selection, vá em Layer> Layer Style> Blending Options e defina os valores mostrados abaixo e depois entre em Layer> Layer Style> Gradient Overlay e defina os valores mostrados abaixo.

Partículas brilhantes ao redor de uma foto

11. Agora clique na pasta que criamos na paleta de layers e clique no ícone de Create A New Group (o ícone de pasta) no rodapé da paleta de layers para criar uma nova pasta, mude o modo de blend desta pasta para Color Dodge, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar a cor de Foreground para branco, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de ponta dura e vá em Window> Brushes, defina os valores a seguir, clique em Ok e pressione Ctrl+Shift+Alt+N para criar uma nova layer dentro desta pasta, com a Brush Tool crie alguns pontos de brilho como na foto abaixo.

Partículas brilhantes ao redor de uma foto

Ao final sua imagem estará assim.

Partículas brilhantes ao redor de uma foto

Tutorial indicado e solicitado pelo leitor Cayo, valeu Cayo!

site de origem: http://abduzeedo.com/sparkling-hot-girl-photoshop

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

49 Comments

  1. Me ajudou muito!!!
    Não ficou exatamente igual, mas abriu meus horizontes!!!
    E o fato de traduzir os comandos em portugues!!! afff!! salvou minha vida!
    Obrigada!
    Melhor site de tutoriais de todos os tempos!

  2. O meu problema é no começo… Sei que não é necessário fazer isso, mas toda vez que coloco no Refine Edge, quando aparece a preview, está do jeito que eu quero… mas quando aperto OK volta ao normal, sem nenhuma borda. Já tentei colocar uma Layer Mask, mas também acontece a mesma coisa. Por favor, dá pra dar uma ajudinha?
    Obrigadaa!

  3. Então, eu vi que teve gente que falou que a maioria dos usuários do blog não curtem os tutos que ensinam a fazer figuras abstratas… bom, eu CURTO MTO!!
    mas tipo, claro que cada coisa tem um propósito: tem situações em que você quer usar uma imagem de fundo em um trabalho, mas não pode usar foto – então você usa um fundo abstrato. Mas, de vez em quando, surgem trabalhos em que você pode usar foto – então você retoca a imagem como nesse tuto aí…
    Então tipo… André, não para de postar abstratos cara!!
    Abraço, parabéns pelo blog, acho que já podemos chamar de “O mais completo sobre Photoshop no Brasil”!!!

  4. Ola André tudo bem com você? bom primeiramente parabéns pelo tuto esta muito bom, bom vamos lá, é o seguinte eu travei no passo 8 do tutorial, pois quando vc pede para que faça os seguintes comandos:Clique na layer de Background (ou Layer 1) e pressione Ctrl+Shift+Alt+N para criar uma nova layer vá em Filter> Render> Clouds, pressione Ok e mude o modo de blend da layer para Color Dodge, quando eu faço isso a imagem nao fica igual a que esta postada no tutorial, ela fica toda coberta e quando eu mudo o blend para color dodge, ela fica com a imagem estranha e nao igual na imagem, será que eu fiz algo errado anteriormente? peço que esclareça para mim esta duvida por favor, fico por aqui lhe parabenizando mais uma vez e agradecendo a atenção, ass: André

  5. amigo seu site eh muito bom tem muito material pra quem esta se iniciando igual eu….mas fiz e refiz esse tuto 2 vzs passo a passo e no final nao fko igual o da foto…mas um dia eu xego alh ainda…

  6. Oi Alexandre, em qual posição está a pasta que você criou na paleta de layers? ela deve ficar acima de todas as outras layers, espero que isso ajude, obrigado pela visita!

    Oi Heron, depois que você aplicar o Refine Edges não acontece nada?, você está usando com os mesmo valores usados no tutorial? e qual a imagem que você está usando? este valor pode mudar de acordo com a imagem usada, obrigado pela visita!!

    Oi Marcos, em Português você encontra a opção Refine Edges indo em Selecionar> Refinar Aresta e a opção Group Layers em Camada> Agrupar Camadas, já adicionei os termos no banco de dados do blog, obrigado pela visita!!

    OI Nerontejr, os pontos criados com a Brush Tool realmente são brancos o colorido é conseguido no passo 10, outra coisa importante é colocar a pasta onde as layers com brush tool estão no modo de blend Color Dodge, obrigado pela visita! 🙂

  7. André, parabéns pelo efeito,

    só uma dúvida, no final o meu brush não fica com esse efeito colorido, bacana, fica apenas uns pontinhos brancos em volta da imagem,
    onde será que errei?!

    abraços

  8. Olá André! muito legal seu tutorial, porém estou com dificuldade no item 4, onde não consigo aplicar o efeito “Refine Edge” , arrumo do jeito que eu quero depois dou OK e nada!
    Tem como vc me ajudar?
    Abração!

  9. Amigo, o tutorial é ótimo, seguindo a qualidade do site!
    Você está de parabéns!

    Estou com dificuldades no último passo. Poderia colocar uma figura com a paleta de camadas? Creio que seja nela o meu erro. Os círculos sempre ficam cinzas, ao invés de seguirem as cores do fundo.

    Abraços!

  10. Oi André, acho difícil que seja algum erro de seu Photoshop, o filtro Blur pode não parecer mas é um filtro bem pesado na aplicação e caso você tenha pouca memória RAM instalada em sua máquina este tipo de coisa pode ocorrer, caso não seja este o caso tente fazer o teste em outro computador com a mesma configuração que a sua, no CS3 você consegue faze este tutorial inteiro tranquilamente… obrigado pela visita!! 🙂

  11. Ola André, parabéns pelo tutorial, esta muito legal, mas eu tenho uma duvida, talvez você não saiba me responder mas vamos lá, bom quando eu estou no passo 9 aplico o primeiro filtro e quando vou aplicar o segundo que é: Filter> Blur> Motion Blur que eu dou os valores, meu photoshop da erro e fecha, será que é algum problema no programa ou em meu pc, estou meio encucado com isso, mais uma vez agradeço e meus parabéns pelo tutorial, ha meu photoshop é o CS3, será que este 9 passo eu consigo só terminar no CS2?

  12. Oi Rekator, eu que agradeço a visita!! volte sempre!!

    Oi Edgar Allan Poe, talvez sua seleção esteja invertida, tente pressionar Ctrl+Shift+I para inverter a seleção, desculpe a demora na resposta, volte sempre!! 🙂

    Oi Kal, como a foto já está sem fundo você pode pular os primeiros passos, isto até facilita o trabalho, quanto ao tutorial aí vai o link, desculpe a demora na resposta!! volte sempre!!

    Cores Psicodélicas em foto.
    tutoriaisphotoshop.blogspot.com/2007/06/cores-psicodlicas-em-foto.html

    Oi Daniel, estranho, qual a versão do seu Photoshop? e qual modo de cor está seu documento? para ver isso vá em Image> Mode> e veja o modo que está marcado, caso seja algum diferente de RGB mude para RGB e veja se resolve, desculpe a demora na resposta, volte sempre!! 🙂

    Oi Anônimo, obrigado pelo toque, já arrumei, desculpe demora na resposta e o erro, volte sempre!!

    Oi Jefferson, obrigado pela visita e pela dica!! fico feliz que esteja gostando dos tutoriais postados aqui no blog! não deixe de votar no ::Tutoriais Photoshop:: para o iBest 2008! :D, volte sempre!! 🙂

  13. André,
    virei fã do seu blog.
    sempre tento fazer, não que eu consiga, mas com o tempo eu vou conseguindo.
    e sobre quem está tentando fazer no cs2, dá sim, mas na parte do Refine Edges, tem que fazer o ‘contrast’ o ‘feather’ e o ‘contract’ separadamente.
    mas dá pra fazer todo o resto!

    continue com esse otimo blog!
    abraaço

  14. Olá amigo acompanhando o tuto em ingles vc errou no passo numero 10 quando vc diz vá em Layer> Layer Mask> Reveal All na verdade eh Layer> Layer Mask> Reveal Selection
    por favor confira valeu otimo tutorial

  15. pow… haiuhauihauiahui
    só pra constar…
    era fundo preto… e não branco
    mais enfim… essa parte já arrumei
    o problema mesmo é com o efeito cloud lá… =/

    valeu valeu…
    abraços
    e de novo…
    vc é o melhor….

  16. Faaaala brother…
    cara… venho aki direto
    seu site é o melhor…
    muito bom mesmo
    só que eu tenho 2 probleminhas ae
    o primeiro é que eu não consigo fazer o efeito clouds… a opção no ps fica trancada… =/
    o segundo é que a minha imagem não volta com o fundo branco… agora eu não sei se é por causa do efeito ou se eu to fazendo algo de errado…
    mais se vc puder me ajudar… eu to aki todos os dias…
    =]

    Parabéns ae pelo site
    e já venho lhe agradecendo desde já…
    abraços

  17. ah!desculapa ai,mas sem querer abusar e ja abusando rsrsrsrs
    eu ja vi a traduçao desse tuto aqui,mas num sei onde ta,vc pode me ajudar?
    celoxdesign.net/free-photoshop-tutorials/trippy-colors-photo-effect/id/63
    brigadao

  18. Efeito muito bom!!!

    Poxa, mas infelizmente já vou pra minha terceira tentativa de conseguir faze-lo… não sei aonde estou errado… mas os efeitos adicionados após a Clouds continuam ao redor da fotografia… vou insistir, devo estar errando em algo.

    Amigo parabéns!! Não dá mais pra adicionar a palheta de Layers no tuto neh… acho que ajuda muito =) Obrigado!!

  19. Oi Rekator, respondi isto na pergunta que veio logo após a sua, em todo caso lá vai de novo..

    “Oi Anônimo, o que você pode fazer para suavizar as bordas que foram recortadas é usam a Blur Tool (letra R do teclado) e passar nas bordas para ir suavizando caso algumas partes fiquem serrilhadas, obrigado pela visita e desculpe a demora na resposta!! volte sempre!!”

    Qualquer coisa é só falar, obrigado pela visita!! 🙂

  20. Olá de novo andre, o meu problema é na parte do refine edge, no cs2 n existe essa opçao, será q voçes podia dizer outra maneira de fazer esse paço no cs2?
    Se n conseguir por n ter esta versao n faz mal mas se puder fico agradecido 😉

    Fica bem e boa continuaçao de um magnifico trabalho

  21. Oi Bruno, obrigado pela visita e desculpe a demora na resposta!! volte sempre!!

    Oi Gio, a técnica no texto é a mesma usada no tutorial para o brilho nos detalhes, mas pode deixar que assim que possível postarei algo sobre isto ok? obrigado pela visita!!

    Oi Cayo, demorei mas publiquei o tutorial que você indicou, fico feliz que tenha gostado!! quando quiser indicar algum fique a vontade, obrigado pela visita e pela participação!! 🙂

    Oi Rekator, a partir de qual passo você não conseguiu fazer no CS2? estou usando o CS3 e não tenho como testar em versões anteriores infelizmente, obrigado pela visita e pela ajuda, volte sempre!!

    Oi Anônimo, o que você pode fazer para suavizar as bordas que foram recortadas é usam a Blur Tool (letra R do teclado) e passar nas bordas para ir suavizando caso algumas partes fiquem serrilhadas, obrigado pela visita e desculpe a demora na resposta!! volte sempre!!

    Oi Anônimo, tento sempre deixar o tutorial o mais próximo do tutorial original, eu modifico apenas quando vejo que faltam alguns passos, então recrio todo o tutorial e posto com detalhes a mais, ou quando os leitores estão tendo muitas dificuldades, neste caso em que parte você teve dificuldades? obrigado pela visita!! volte sempre e desculpe pela demora na resposta!!

    Oi Anônimo, não é muito complicado de se fazer mas vou fazer uns testes antes de afirmar algo, mas creio que seja apenas um aplique de gradient overlay… assim que fizer o teste publico aqui no blog ok? já viu o tutorial sobre o batom multicolorido? é uma técnica parecida, obrigado pela visita!!

    Oi Eder Rodrigues, obrigado pela visita!! volte sempre!!

    Oi Anônimo, pode deixar que vou ver o que posso fazer para facilitar o tutorial ok? mas o efeito é complexo tendo fotos da paleta de layer ou não, obrigado pela visita!! volte sempre!!:)

    Oi Abner Lobo, pode deixar que assim que possível postarei o tutorial ensinando a fazer o efeito nas letras ok? obrigado pela visita!!

    Oi Shin_, eu que agradeço a visita!! volte sempre!! 🙂

    Oi Kal, acabei esquecendo de dizer que neste passo deveria-se pintar a layer de branco, para isto basta pressionar a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressionar a letra X para inverter as cores de Foreground e Background e pressionar Alt+Backspace ou pressionar a letra G do teclado para selecionar a Paint Bucket Tool e clicar no documento para preencher toda a área do documento de branco, depois sim aplicar o filtro Fibers, desculpe pelo erro, já foi corrigido, desculpe também pela demora na resposta, obrigado pela visita!! 🙂

    Oi Angel, você tem razão, inclusive fiz uma atualização no tutorial retirando este erro, peço desculpas pelo descuido, na verdade nã é necessário que se inverta a seleção, obrigado pelo toque, pela visita e desculpe a demora e o erro!! volte sempre!!

    Oi Kal, como assim imagem recortada? e a seleção pode ser feita com a ferramenta que achar melhor, não é obrigatório o uso da Elliptical Marquee Tool, obrigado pela visita e desculpe a demora na resposta!! 🙂

  22. Andre comigo aconteceu igual angel,num da certo se inverter a seleçao.
    serve pra fazer com uma imagem ja recortada? e fazer a seleçao com outra ferramenta?
    ainda to precisando da resposta ai encima?
    um abraço

  23. Oi, Andre
    Fiquei com dúvida no passo 6, quando pede para inverter a seleção não dá certo, cobre a imagem. E no fundo do fibers fica avermelhado… Adorei o tutorial, tentei fazer 3 vezes mas não consegui fazer como está no seu. Não sei o que estou fazendo errado… Se vc puder dar uma explicação, agradeço! bjs

  24. andreeeee,oia aqui eu.
    faz tempo q num te pertubo,mas esse num consegui nao.no passo 9,quando vou aplicar o filtro aparece “could not complete the fibers command because the selected area empty”.
    o q posso ta fazendo de errado?
    belo tuto,amei.posta mais de fotos.
    um beijao

  25. oi, muito bom o efeito, mas concordo com o cara ai de cima, no exemplo que ele deu da layer, se tivesse imagens mostrando como fica a paleta de layers, como em muitos tutorias do site, ficaria muito mais fácil!

    parabéns pelo tutorial!

    abraços.

  26. Muito bom esse efeito. Gostei demais.
    André, eu gostaria que vc desse uma olhada no site do Max Viana e nos ensinasse a fazer o efeito do colorido. Eu acho muito bom, mas não sei o bastante para conseguir o efeito.
    Abraço!
    maxviana.com.br/default_2.asp

  27. e ae andré!

    o blog ta muito bom!

    continue assim, que você vai longe!

    mas eu não consegui fazer esse efeito, a explicação é ótima, muito bem detalhada, passo a passo, mas as imagens não batem com a explicação, por exemplo no caso de selecinar a layer, não tem nenhuma imagem que mostra qual layer, como a explicação é sua e as imagens de outro site fica um pouco “fora de sincronismo”, seria bem melhor se fossem imagens realmente mostrando o passo a que se refere, se desse pra você fazer na sua casa esse efeito, e postar imagens que sejam também detalhadas de cada passo, seria bem melhor!

    mas o blog é muito bom, muito bom mesmo!

    você está de parabéns!

    muito sucesso pra você!

    abraços

  28. e ae…

    muito show esse efeito… !

    andré o blog tá cada vez melhor, e só tende a melhorar ainda mais.. !

    continue assim.. !

    agora vamos a dúvida:

    no passo 4 eu não acho o “Refine Edge”… eu uso o PS CS2…

    eu vi no comentário acima que só pode ser feito no CS3… =

    se for verdade tem como fazer essa parte de alguma outra forma no CS2?

    abrass

    e parabéns pelo blog.. !

    muito sucesso pra você.. !

    Igor

  29. Tá muito bom mesmo.
    Com tutoriais destes vais ainda mais longe 😉

    Tás de Parabéns.

    Ps: Devia ter informado que só dá pra fazer no cs3, comecei a fazer no meu cs2 depois tive que começar tudo de novo x)

  30. de nada André, sempre q puder vou indicar um efeito legal pra vc publicar em Portugês para ajudar as pessoas q naum entendem muito Inglês e também para akelas q naum conhecem muitos sites.!

  31. Mto show velho , parabéns !

    o unico ruim eh qe nao ensina fazer o texto . vc podia dar uma pesquisada e ensinar pra gente em cara ?

    po , posta tipo uns tutoriais como esse pra fazer efeito em fotos , nao obras abstratas , qe eu acho qe a maioria nao gosta nao . acho qe podia ate fazer um enqete para ver !

    hehe .

    abraçoo , e to visitando seu blog diariamente !

    menos nos fds e feriados , pq vc nao posta neh . heheh

Entendendo os modelos de cores no Photoshop – DRC – 29/03/08

SPEED PAINTING – Scarlett Johansson por mediamaster.