Efeito de imagem com círculos.

COMPARTILHE:

Descrição: Como utilizar círculos para estilizar uma imagem. Tutorial Intermediário 01. Abra uma imagem qualquer em que queira aplicar...

Preview Descrição: Como utilizar círculos para estilizar uma imagem.

Tutorial Intermediário


01. Abra uma imagem qualquer em que queira aplicar o efeito, neste tutorial iremos usar a foto abaixo.

tutoriais photoshop

02. Agora vá em Filter> Pixelate> Mosaic, o campo Cell Size fica a sua escolha, neste exemplo usaremos um tamanho pequeno, mas nada impede de usar tamanhos diferentes, o tamanho define resultados diferenciados ao final do tutorial.

tutoriais photoshop

03. Agora pressione Ctrl+N para criar um novo documento e defina o tamanho do documento de acordo com o tamanho dos círculos feitos antes ou seja, o documento deve ter o mesmo tamanho dos círculos usados no passo anterior, o tamanho usado neste tutorial foi de 9 pixels, pressione a letra M do teclado e selecione a Elliptical Marquee Tool (caso não saiba como usar esta ferramenta clique aqui), caso apareça outra ferramenta em seu lugar pressione Shift+M até que a ferramenta apareça selecionada na paleta de ferramentas, crie uma seleção como a da foto abaixo.

tutoriais photoshop

04. Pressione Ctrl+Shift+I para inverter a seleção e pressione a letra G do teclado para selecionar a Paint Bucket Tool, pinte de branco (nada impede de usar outras cores também), sua imagem deverá ficar assim (com excessão da cor verde, que é a cor da layer background no tutorial, essa cor foi usada para contrastar com o branco), selecione a layer com as bordas brancas e com o círculo transparente e vá em Edit> Define Pattern, dê o nome de Dots.

tutoriais photoshop

05. Volte para a outra imagem e pressione Ctrl+Shift+N para criar uma nova layer, posicione esta layer acima de todas as outras layers e pressione a letra G para selecionar a Paint Bucket Tool para pintar a layer, pinte de qualquer cor, depois clique com o botão direito sobre a layer que acabou de ser pintada e selecione a opção Blending Options e defina os valores a seguir.

tutoriais photoshop

Em Pattern Overlay defina os seguintes valores.

tutoriais photoshop

Agora seu efeito está pronto.

tutoriais photoshop

Aqui uma variação usando círculos maiores e um fundo preto ao invés do fundo branco.

tutoriais photoshop

COMENTÁRIOS

BLOGGER: 18
  1. Saudaçoes de portugal.!! ^^

    sera ke era posivel mandar a imagem ke ta em normal agradecido!!

    fika bem

    ResponderExcluir
  2. não consigo definir como pattern, só dá pra definir como pincel =|

    Ah, parabéns pelo blog :DD

    ResponderExcluir
  3. o meu photoshop é em português,não acho Pattern Overlay .
    Já procurei no PS Help mas não achei

    ResponderExcluir
  4. André, a algum tempo atrás eu vi o seu tutorial de como fazer bordas, estou tentando fazer o mesmo mas não estou conseguindo, eu fiz uma montagem com 160 pequenas fotos, salvei como jpg, mas quando eu duplico a layer e tento pintar a principal de branco ela não pinta, não estou conseguindo fazer essa, poderia me ajudar, é muito importante pq é meu convite de casamento. Obrigado, meu msn é fabio_inacio@hotmail.com

    ResponderExcluir
  5. Ebaaaaa pela primeira vez conseguir fazer alguma coisa daqui de primeira!
    Muito bom!!

    ResponderExcluir
  6. Achei muito legal o tutorial, mas não consegui fazer, a imagem não aparece por baixo dos pontinhos >< Eu queria saber se tem como fazer o efeito das letras de Harry Potter no photoshop. Se tiver como você poderia fazer um tutorial? Valeu ^^
    Aí tem um exemplo das letras, caso precise:http://web.educom.pt/luisperna/images/ordem_fenix.jpg

    ResponderExcluir
  7. Nyma, faz o seguinte...

    Baixa a fonte de Harry Potter aqui:

    http://img.dafont.com/download/?os=win&file=harry_p

    Se não sabe como instalar a fonte, é só descompactar em "C:/windows/fonts".

    Depois clica na layer do texto e no "F" que tem na parte de baixo da janelinha das layers.

    Daí usa o "Bevel and Emboss" pra deixar seu texto como você quer, com aquele alto relevo que tem na do HP.

    Depois usa o "Outer Glow" pra dar o brilho na parte de cima das letras.

    É só ajustar direitinho como vc achar melhor.

    Obs.: Não fiz e postei as imagens porque meu photoshop não tá abrindo e meu monitor tá azulado, sendo assim, não tenho como ver a cor que está na imagem nem no meu texto ¬¬'.

    *********************************************

    Espero ter ajudado!

    ResponderExcluir
  8. [sna]* obrigada pela ajuda, agradeço ^^

    ResponderExcluir
  9. Oi SpaceDementia, pode deixar que hoje a noite eu modifico o tutorial e deixo a imagem disponivel para você baixar ok?, obrigado pela visita!! :)

    Oi Anônimo, está selecionando a layer correta antes de definir como Pattern? aguardo sua resposta ok? :)

    Oi Fabio Cristhiano, qual dos tutoriais sobre bordas você se refere? aguardo sua resposta também!! obrigado pela visita!!

    Oi Glaussia, fico feliz que tenha dado certo :) esse efeito é bem legal de aplicar em fotos, volte sempre!!

    Oi Nyma como fica a sua imagem depois que você aplica o pattern? e o [sna]* explicou direitinho como é o efeito das letras no Harry Potter, obrigado pela visita!!

    Valeu pela dica [sna]* !! volte mais vezes!!

    ResponderExcluir
  10. Andre Sugai bgd compinxa por a imagem espero por ela e fika bem !

    ResponderExcluir
  11. Oi SpaceDementia ^^, já disponibilizei a imagem, basta clicar com o botão direito sobre a primeira imagem e escolhar a opção Save Image As, obrigado pelas visitas!!, volte sempre!!

    ResponderExcluir
  12. bgd amigo gostei do teu apoio abraços de portugal!! ^^

    ResponderExcluir
  13. Eu que agradeço a visita amigo!!, obrigado e volte sempre!!

    ResponderExcluir
  14. como e q eu seleciono o tamanho do novo documento em 9 pixeis???

    ResponderExcluir
  15. ola andre!
    quando eu vou pa pintar de branco ele nao fica verde dps...me ajude.
    valeu

    ResponderExcluir
  16. Nossa, que blog maravilhoso! Adorei!
    Eu sei que a pergunta que vou fazer é ridícula, mas acabei de instalar o programa e não entendo nada. Estou tentando fazer o tutorial imagens com círculos, mas quando abro a imagem, as ferramentas do menu filter estão todas desativas (aparecem apagadinhas). O que eu faço?
    Muito obrigada!

    ResponderExcluir
  17. essa pexte não ensina nada direito

    ResponderExcluir
  18. Olá, quando eu aplico os círculos eles ficam sobre a imagem, alguém sabe o que estou fazendo de errado?
    Até,
    Arthur

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,582,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,294,2am,1,2axion,1,360,4,abril,378,abstrato,223,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,509,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,101,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1758,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,561,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,18,html5,3,hype,2,hyperlapse,5,hyperx,29,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,488,junho,392,kingston,15,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,569,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,493,outubro,725,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,28,responsivo,2,retoque de imagem,111,rixty,3,saga,11,selecaoTP,44,setembro,451,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,692,vídeo aula,455,video mapping,3,wallpaper,1,warspear,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Efeito de imagem com círculos.
Efeito de imagem com círculos.
http://www.andresugai.org/Tutoriais/07.2007/T21/imagem8.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2007/07/efeito-de-imagem-com-crculos.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2007/07/efeito-de-imagem-com-crculos.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar