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

Tutorial Intermediário
Efeito De Imagem Com Círculos. | ::Tutoriais Photoshop:: 14 Anos De Photoshop No Ar!

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

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

quinze + 13 =

    Comentários de$ s

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

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

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

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

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

    Tutorial: Colocando fogos de artifício em sua foto

    Como mudar a cor do cabelo.