em , , , ,

Tutorial: Efeito abstrato multicolorido com elipses

Preview Descrição: Como criar um efeito multicolorido abstrato usando elipses.

  • [message]
    • ##check##AVISO: Efeito abstrato multicolorido com elipses

      • 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 arquivo, defina o tamanho de 1920×1200 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, escolha a cor #262626 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 layer com a cor escolhida.

Efeito abstrato multicolorido com elipses

02. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, vá em Layer> Hide Layers para desabilitar a visibilidade da layer Background, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra U do teclado para selecionar a Ellipse Tool, com a tecla Shift pressionada clique e arraste para criar uma elipse como na foto abaixo, vá em Layer> Layer Style> Blending Options, defina o valor de Fill em 50%, vá em Layer> Layer Style> Stroke, escolha a cor preta e defina o valor de 10 pixels para Size e Inside para Position, pressione Ok, clique com o botão direito do mouse sobre a layer da elipse na paleta de layers e escolha a opção Rasterize Layer.

Efeito abstrato multicolorido com elipses

03. Agora vá em Edit> Define Brush, dê um nome qualquer para seu brush e pressine Ok.

Efeito abstrato multicolorido com elipses

04. Agora vá em Window> Brushes, escolha o brush criado e defina os valores abaixo para Shape Dynamics, Scattering e Other Dynamics.

Efeito abstrato multicolorido com elipses

05. Agora pressione Ctrl+shift+Alt+N para criar uma nova layer, 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 a layer com a cor escolhida, vá em Layer> Layer Style> Gradient Overlay, caso queira criar um gradiente como o apresentado neste tutorial defina o Blend Mode em Overlay, Opacity em 100%, Style em Linear, Angle em 45° e escolha as cores, Yellow (#00085), Cyan (#1bdaeb), Purple (#9b3b81), Orange (#d27e34), mas sinta-se a vontade para usar o gradiente que mais lhe agradar.

Efeito abstrato multicolorido com elipses

06. Agora vá em Layer> Group Layers, para a pasta que acabou de ser criada na paleta de layers dê o nome de Bokehs, mude o modo de blend para Color Dodge, 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, sua cor de Foreground deve ser a branca, pressione a letra B do teclado para selecionar a Brush Tool, escolha o brush que foi criado, defina um tamanho entre 500 e 600 pixels e crie algumas elipses como na imagem abaixo.

Efeito abstrato multicolorido com elipses

07. Agora vá em Filter> Blur> Gaussian Blur e defina um valor de 20 pixels para o Radius, pressione Ok.

Efeito abstrato multicolorido com elipses

08. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra B do teclado para seelcionar a Brush Tool e crie outras elipses de tamanhos variados, depois vá em Filter> Blur> Gaussian Blur e defina um valor de 4 pixels para o Radius, pression Ok.

Efeito abstrato multicolorido com elipses

09. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra B do teclado para selecionar a Brush Tool e crie outras elipses de tamanhos variados, vá em Filter> Blur> Gaussian Blur e defina o valor de 1 pixel para o Radius, pressione Ok.

Efeito abstrato multicolorido com elipses

10. Ao final seu efeito estará com na imagem abaixo.

Efeito abstrato multicolorido com elipses

site de origem: http://abduzeedo.com/awesome-digital-bokeh-effect-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 para AnônimoCancelar resposta

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.

37 Comments

  1. cara …. não consegui entender umas partes do tutorial … o único jeito q as Elipses aparecem é quando eu removo a cor preta do Background …. num consigo fazer as Elipses aparecerem …. e ja pus na ordem as layers de tudo que foi forma .. num sei pq mas num consigo =/

  2. Eu fiz um, não ficou igual, mas ficou bem parecido…personalizei tbm 😀

    4.bp.blogspot.com/_E7DcGoMY9ZA/SgAm-WtcTDI/AAAAAAAAA5A/0UKf94FHPws/s1600-h/Cantores-de-Deus—Borks.jpg

  3. Vê ae se alguem pode me ajudar, tipow:
    Eu vou fazer o passo 4 mais quando seleciono "Window> Brushes" a janea fika inativa, não consigo selecionar nada… o que faço?

    OBS: quando crio o Elipse a opção Rasterizar camada fica inativa suponho que ela já esteja rasterizada!!

    Help…:P

  4. Plinu

    Valeu pela dicas….deu certo

    entao como eu disse acabei fazendo meio q do meu jeito nao seguindo o Tutorial…

    pra ve onde mais ou menos eu chegava

    e com a sua resposta acabei vendo onde eu estava errado na primeira vez…

    Valeu pela atençao

    vinicius

  5. Pinus para Vinicius: De nada, imagina. Baixei e vi aqui teu arquivo “bolhas.psd”. Pelo o que eu pude ver, imagino que vc tenha cometido alguns equivocos, caro Vinicius. Perdão, mas como eu também tenho limitado conhecimento em photoshop, nem me acho tão capacitado/apto a decifrar/identificar e a dizer/apontar os teus ‘ditos’ equivocos.
    Mas tentarei:
    1- tanto tua “layer 1” como também tua “layer 2” são absolutamente pretas ( #000000 ) em teu psd. O sugerido no tutorial é uma cor cinza escuro ( #262626 ).
    2- a tua layer=camada “shape 1=forma 1” vc configurou diferente do sugerido no tutorial ( Opacity=opacidade 60% Fill=preenchimento 100%) sendo que o recomendado seria Opacity=opacidade 100 % e o Fill=preenchimento 50 % . Nesta mesma layer=camada tem outras duas “coisas estranhas”: a) me parece que vc fez dela uma “máscara de camada”, sim ? b) tem tb nesta mesma layer=camada uma segunda bola menor e bem mais tênue/transparente, sim ? Acho que nenhum destes dois ítens foram sugeridos no tutorial , por isso chamei-os de “coisas estranhas”.
    3- Nas tuas layers=camadas #3 ; #4 e #5 aparecem bolas ‘cinzentas’ e com Gradient Overlay=Sobreposicao de Degrade e Stroke=Traçado nas 3 layers. Isto não foi o sugerido no tutorial, sim ? O sugerido no tutorial é usar o brush=pincel/bola usando a cor branca para fazer as bolas nestas 3 layers=camadas. Agrupar=group estas 3 layers (numa pasta) e configurar o Group=pasta com blend=mesclagem “Color Dodge”=”Subexposição de Cores”.
    O que dará a coloração a todas as bolas ‘brancas’ será uma nova layer=camada ACIMA de todas as outras layer (acima e FORA da pasta=group)! Esta layer sim, tem o dito Gradient Overlay=Sobreposicao de Degrade blend=mesclagem Overlay=Sobrepor. E esta layer tem Opacity=opacidade 100% e Fill=preenchimento 0%.

    Sugiro a vc recomeçar tudo do zero, bem do início: relendo e refazendo passo a passo todo o tutorial atenciosamente, complementando com a leitura dos comentarios. Caso vc queira, poste teu novo arquivo PSD ( o link ). Espero ter ajudado. Abraços

  6. Ordem das camadas:

    – layer=camada ACIMA DE TODAS e FORA DA PASTA !!! com Gradient Overlay (INTERNO) e blend=mesclagem do degrade (INTERNA) Overlay=Sobrepor
    Muita atencao: esta camada tem Opacidade 100% mas o Fill=Preenchimento é 0% (zero porcento)

    – aqui fica a tal pasta com blend=mesclagem Color Dodge=Subexposicao de Cores
    Nota: esta pasta contem as 3 layers=camadas com as tais bolas 'brancas'
    – as bolas menores com desfoque gaussiano de 1 pixel
    – as bolas medias com desfoque gaussiano de 4 pixels
    – as bolas maiores com desfoque gaussiano de 20 pixels
    Filter>Blur>Gaussian Blur = Filtro>Desfoque>Desfoque Gaussiano

    – aquela outra camada=layer com UMA UNICA BOLA PRETA semi-transparente ( Fill 50% ) é só para fazer o brush=pincel. Depois podemos deletá-la ou apenas escondê-la ( hide layer )

    – Background=Plano de Fundo – cinza bem escuro ( #262626 ) LAYER ABAIXO DE TODAS

  7. Pinus para Vinicius: acho q soh teria um ultimo modo d’eu tentar te ajudar, cara ! Seria vc postar teu arquivo salvo em *.PSD ( NAO adianta em *.jpg !!! ). Eu abriria aqui em casa o teu arquivo .PSD e veria onde vc estah “errando”, ok ? Use algum hospedeiro ( host ) de arquivos e me envie o link aqui mesmo, noutro comentario ( post ). Hospedeiros ‘gratuitos’: rapidshare.com ; megaupload.com ; easy-share.com ; filefactory.com, etc

    … para Vinicius e outros …
    Postarei aqui o(s) link(s) para vc(s) ver(em) o arquivo psd que fiz. Baixe(m), olhe(m) TUDO minuciosamente e tente(m) ver onde vc(s) esta(o) errando. Reparem que onde tem 3 ou mais de 3 bolas superpostas fica branco mesmo !

    Nome do arquivo: efeito_abstrato_multicolorido_com_elipses.psd
    Tamanho do arquivo: 4328 KB ( 4.432.467 bytes = 4,23 MB )
    – rapidshare.com/files/15894015/efeito_abstrato_multicolorido_com_elipses.psd.html
    ou
    – w14.easy-share.com/1702234555.html
    ou
    – megaupload.com/?d=TGG7KPYA

  8. Pinus para todos : Reparei que outra dificuldade de varios que estao tentando fazer este tutorial eh no final do passo 02 ( dois ) onde aparece escrito “””… clique com o botão direito do mouse sobre a layer da elipse na paleta de layers e escolha a opção Rasterize Layer.””” Sim ?
    Pois bem, fui no site de origem ( abduzeedo.com ), baixei o arquivo Sample.psd que o Fabio disponibiliza lah e reparei que ele, Fabio nem rasterizou e nem comenta nada de rasterizar no texto dele. Imagino que o Andre adicionou esta dica na traducao do tutorial com o intuito de facilitar.
    Aqui no meu caso ( eu uso a versao CS3, nao sei dizer se em outras versoes acontecerah o mesmo ! ) dah para fazer o pincel DIRETO ! … sem ter que rasterizar e tb sem ter q tranformar em “Convert to Smart Object” ( “Objeto Inteligente” na versao em portugues ). Se quiserem, vejam como fazer na imagem ilustrativa : images.cjb.net/6a460.gif e/ou img162.imageshack.us/img162/3652/pincelcn9.gif

  9. Pinus para isma e outros : “Color Dodge” na versao em portugues eh “Subexposicao de Cores”. O Andre sempre sugere aas pessoas que teem dificuldades com o ingles para irem na pagina “PS Help!”, aqui neste blog mesmo ( vide menu barrinha fina preta horizontal com escritos na cor cinza, sempre bem no topo das paginas ) onde tem muitas dicas e as traducoes das ferramentas, efeitos, filtros etc . Outra recomendacao feita sempre pelo proprio Andre eh usar o navegador “Mozilla Firefox” que ele dispoe dum script onde a maioria dos termos aqui escritos em ingles aparecem em negrito como um link, que ao passarmos o mouse por cima aparece o termo traduzido e ateh imagem(s) ilustrativa(s) mostrando o caminho, a ferramenta e/ou filtro, etc … jah como aparece na versao em portugues ! Facilita muitissimo, recomendo !!! 😉
    Mais uma vez, obrigado Andre por todo teu trabalho e capricho.
    Isma: quanto aas tuas outras perguntas e duvidas recomendo vc ler meu comentario escrito no dia 15 de outubro e ver a “imagem ilustrativa” de lah. E ver tb uma outra imagem que fiz mais “atualizada” : images.cjb.net/22e4c.jpg e/ou img368.imageshack.us/img368/8100/imagem01kj1.jpg
    Nesta imagem fica bem claro a ORDEM DAS CAMADAS ( layers ) e o que fica DENTRO e FORA da tal pasta/grupo ( Group ). A pasta/grupo eh q o modo de mesclagem eh “Subexposicao de Cores ( = Color Dodge ), e todas 3 camadas dentro dela “pegam o efeito”, embora o modo de mesclagem das 3 individualmente seja “Normal” mesmo.
    Espero que ajude, pois apenas sequindo os passos do tutorial ( tanto do original do Fabio Sasso/Abduzeedo quanto da traducao do Andre Sugai ) tem coisas que não estao tao “claras”. Outro engano cometido tb jah pelo proprio Fabio foi o codigo da cor amarela passado no texto (#00085, isso aqui dah azul e nao amarelo) do degrade – e o usado na imagem ( o “correto” ) eh o codigo #e7dd85.
    Claro, somos HUMANOS e como tal passiveis de erros, enganos, omissoes, etc ! Creio que temos mais eh que agradecer quem compartilha conhecimento conosco, sobretudo num mundo jah tao individualista onde muitas e muitas vezes predomina a mesquinharia, a “amarracao”, a ingratidao, etc. “Exigir” perfeicao jah seria ‘meio’ DEMAIS, nao ?!? hehehe Sim, seria DESEJOSO, mas meio utopico ! Acho que seriammos mais “democraticos” em todo este trabalho/processo e tb mais “produtivos” se os que fossem descobrindo os “acertos” tb ajudassem quem ainda se encontra “enroscado”. E deixemos os “Fabios” criando mais e os “Andres” traduzindo mais ( mais – seja no sentido qualitativo e/ou quantitativo hehehe ) 😉
    Abracos a todos, perdao pelas alfinetadas, sermoes etc …

  10. Pinus para Atila: por favor, releia no passo 02 ( dois ) e vc vera escrito """ … vá em Layer> Layer Style> Stroke, escolha a cor preta e defina o valor de 10 pixels para Size e Inside para Position … """, sim ?!? Pois bem, basta vc aumentar este valor sugerido no tutorial de 10 pixels para qual valor ( espessura ) que vc desejar ( exemplo : 12 ; 15 ; 20 pixels, etc … ) e vc obtera um "Stroke" ( "traçado" na versao em portugues ) mais do teu gosto.

  11. Pinus escrevendo para os que estao ficando com as “bolas totalmente brancas” – Imagino que o “erro mais provavel” pode ser corrigido relendo o passo 02 ( dois ) com TODA ATENCAO e reparem BEM que o recomendado é: “””… defina o valor de Fill em 50% …””” !!! Como fazer isso ? Vejam um dos modos de fazer isso nesta(s) imagem(s) : images.cjb.net/3d6ee.gif e/ou img370.imageshack.us/img370/7782/50porcentosh8.gif – Espero ter ajudado.

  12. olá andré!!vc pode me dar uma ajundinha no item 06?eu me perdi quando vc manda criar um novo grupo de camadas.eu uso pscs2 em portugues e fui lá em “criar novo grupo de camadas” daí vc pede pra mudar o modo da camada para color dodge,eu não sei como é em portugues esse modo.depois vc pede pra criarmos uma nova camada,mas para quê? é para a colocarmos dentro do grupo novo de camadas?e quando eu vou criar as elipses com o brush elas ficam da cor do meu forenground,isso na nova camada.pq isso?como faço pra que a minhas elipses fiquem da cor do degradê criado anteriormente?
    abração mano sugai! aguardo a sua resposta mano!!

  13. Oi André, o meu problema está nas elipses que não ficamcom esse contorno grosso que há nas suas!!!
    Gostaria de saber como deixar o contorno mais grosso!!!!
    Obrigado e parabéns pelo trabalho!!!
    ^^’

  14. o erro deve ser na elipse tool, qnd for usá-la, verifica se o fill Pixels está selecionado(tem as opções: Shape Layers, Paths e Fill Pixels)

    acho que isto já soluciona…

    flw

    já deixo outra pergunta, aqui no meu a opção Rasterize Layer não está habilitada?
    alguém sabe pq?

  15. Olá!

    Não consigo mesmo fazer. As minhas bolas ficam todas brancas. Já vi que o problema é comum. Se por favor conseguires colocar isto mais especifico.

    Desde já os meus sinceros parabéns pelo magnifico trabalho que aqui tens :)!

  16. Prefiro pegar os tutoriais na fonte e checar com os traduzidos, sempre aparece diferenças..
    Sugestão:
    Dê mais atenção aos tutos, PROCURE FACILITAR, COLOCANDO SEU CONHECIMENTO NO QUE ESTÁ OBSCURO.
    Nem sempre quem elogia está sendo sincero, o mérito é todo da fonte inspiradora..

  17. Pinus para todos:
    Pela segunda vez “tomei um couro” terrivel nestes tutoriais do “Abduzeedo”, mas desta vez ainda “fui feliz” e acho que consegui identificar parte dos meus “erros” ( omissoes/esquecimentos, falta de clareza ao interpretar as explicacoes dos passos, etc etc etc ). Sugiro que todos baixem o arquivo PSD do site do Abduzeedo e
    -1) fiquem BEM ATENTOS na ORDEM das camadas ( layers ) e o que fica DENTRO E FORA da tal pasta/grupo criada chamada de “Bokehs” !!!
    -2) Outro “detalhe” FUNDAMENTAL, ao criarmos a camada com “Sobreposicao de Gradiente” ( Gradient overlay ) no passo 5, precisamos configura-la com 0% ( ZERO porcento ) de Preenchimento ( opacidade INTERNA da camada ).
    Bom ‘tuto’ a todos e espero ter ajudado um pouquinho.
    Andre, perdao pela intromissao. Parabens e obrigadissimo pelo teu arduo trabalho, tao apreciado pelos muitos visitantes do teu riquissimo blog ! Com certeza gracas a vc eh que eu pude comecar a conhecer um pouco mais os inumeros recursos que o Photoshop nos oferece. 😉
    P.S.: imagem ilustrativa
    – images.cjb.net/6a453.jpg
    ou
    – img505.imageshack.us/img505/2302/atencaokl0.jpg

  18. E se alguém ainda não conseguiu rasterizar a layer, tentem 1º da o comando SMART OBJECT (com botão direito) e depois RASTERIZAR (botão direito dinovo) mas depois não sei como que faz o resto huaaa

  19. Oi Lipe, desculpe outro deslize, na realidade no final do passo 2 você deve rasterizar a layer da elipse, para fazer isto você deve clicar com o botão direito do mouse sobre a layer (na paleta de layers) e escolher a opção Rasterize Layer, aí sim você conseguirá aplicar o Define Brush Preset, obrigado pela visita!! 🙂

    Oi Felipe, muitas vezes o que conta não é somente realizar o efeito, e sim combinar cores, tamanhos, composição em geral, este tipo de efeito é bem complicado reproduzir 2 vezes, sempre sairá de um jeito completamente diferente quando você fizer novamente, algumas vezes melhor outras nem tanto mas pratique e tente outras vezes, você verá que o resultado irá melhorar! 🙂 obrigado pela visita!!

    Oi Lucas, como disse antes, acabei passando batido nesta informação (foi mal! assim que o blogger voltar a funcionar vou revisar o passo 2), mas então, para finalizar o passo 2 você deve rasterizar a layer da elipse, para fazer isto basta clicar com o botão direito do mouse sobre a layer e escolher a opção Rasterize Layer, aí sim a opção Define Brush Preset estará habilitada, obrigado pela visita!! 🙂

    Oi Anônimo, você não deve mesclar nenhuma layer, o blend Color Dodge você define na pasta, as layers que ficarão dentro desta pasta ficam no modo de blend normal, espero que isso ajude, obrigado pela visita 🙂

  20. Oi Andre,
    estou com problema no Passo 5 ou 6, não sei identificar, pois a o brush fica na cor branca e não mescla com a layer,já fiz varias vezes e não sai(a pasta criada recebe o Color Dodge e as camadas qual é o blend, o total são 3 camadas?).
    obrigado e o site é muito bom!

  21. Olá André,

    Venho acompanhando o site diariamente e o seu trabalho é muito bom, parabéns!

    Estou com problemas no passo 3, a opção Define Brush está desabilitada, e pelo que percebi, nao sou o unico com esse problema…

    Obrigado e Parabens pelo site!

  22. Não entendi no passo 2, a opção Define Brush fica desabilitado… e você deu a resposta aqui ao Anônimo que deve retirar a visibilidade da Layer Background.. retirei mas não deu em nada não, teria como explicar um pouco mais? Muito Obrigado e o site é nota 10000000…

  23. Oi Anônimo, desculpe pelo descuido mas no passo 2 você deve retirar a visibilidade da layer de Background (que foi pintada anteriormente) para isto basta ir em Layer> Hide Layers, vou revisar isto, obrigado pela visita!!

Logo do Blink 182 em Speed Paint.

12 ª Mostra SESC de Artes.