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

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.

$ s Comentários

Deixe uma resposta
  1. Saudaçoes de portugal.!! ^^

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

    fika bem

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

    Ah, parabéns pelo blog :DD

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

  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[at]hotmail.com

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

  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: web.educom.pt/luisperna/images/ordem_fenix.jpg

  7. Nyma, faz o seguinte…

    Baixa a fonte de Harry Potter aqui:

    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!

  8. 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!!

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

  10. 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!!

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

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

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

  14. 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!

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

Deixe uma resposta

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

2 + 3 =

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

Tutorial: Colocando fogos de artifício em sua foto

Como mudar a cor do cabelo.