Neste tutorial do Photoshop, aprenderemos como transformar uma foto em um padrão de pontos coloridos usando um dos filtros do Photoshop, uma máscara de camada e um padrão de repetição simples que criaremos do zero. Vou usar o Photoshop CS5 aqui, mas qualquer versão recente funcionará. No entanto, os usuários do Photoshop CS6 e CC (Creative Cloud) desejam verificar o tutorial Transforme uma foto em um padrão de pontos coloridos totalmente atualizado.

Aqui está a imagem com a qual começarei:

A foto original.

E aqui está como será quando terminarmos:

O resultado final.

Como criar um padrão de pontos coloridos a partir de uma foto

Etapa 1: duplicar a camada de plano de fundo

Com a foto recém-aberta no Photoshop, se olharmos no painel Camadas, vemos que atualmente temos uma camada - a camada Fundo - que é a camada em que nossa imagem está:

A imagem original fica na camada Plano de fundo no painel Camadas.

Clique na camada Segundo plano e, com o botão do mouse pressionado, arraste a camada até o ícone Nova camada, na parte inferior do painel Camadas (é o ícone diretamente à esquerda da lixeira):

Clique e arraste a camada Plano de fundo para baixo no ícone Nova camada.

Solte o botão do mouse quando o cursor da mão estiver sobre o ícone Nova camada. Isso faz uma cópia da camada de plano de fundo que o Photoshop coloca acima do original:

Uma cópia da camada Segundo plano aparece acima do original.

Etapa 2: adicionar uma nova camada em branco entre as duas camadas existentes

Mantenha pressionada a tecla Ctrl (Win) / Command (Mac) e clique no ícone Nova camada na parte inferior do painel Camadas (o mesmo ícone que usamos na etapa anterior):

Mantenha pressionada a tecla Ctrl (Win) / Command (Mac) e clique no ícone Nova camada.

Isso adiciona uma nova camada em branco ao documento. Normalmente, o Photoshop coloca novas camadas acima da camada selecionada atualmente (que no nosso caso era a camada de cópia em segundo plano), mas mantendo pressionada a tecla Ctrl (Win) / Command (Mac) enquanto clica no ícone Nova camada, pedimos ao Photoshop para coloque a nova camada abaixo dela. Podemos ver no painel Camadas que agora temos uma nova camada em branco chamada Camada 1, situada entre as camadas de cópia de fundo e de fundo:

A nova camada aparece entre as duas camadas anteriores.

Etapa 3: preencher a nova camada com preto

Vamos preencher a nova camada com preto, que se tornará a cor de fundo do efeito. Vá para o menu Editar na barra de menus na parte superior da tela e escolha Preenchimento :

Vá para Editar> Preenchimento.

Isso abre a caixa de diálogo Preenchimento do Photoshop. Altere a opção Usar na parte superior da caixa de diálogo para Preto :

Altere a opção Usar para Preto.

Clique em OK quando terminar de fechar a caixa de diálogo. Parece que nada aconteceu na janela do documento porque a imagem na camada de cópia em segundo plano está bloqueando a visualização da camada 1, mas podemos ver na miniatura da visualização da camada 1 no painel Camadas que preenchemos a camada com preto sólido:

A miniatura da visualização da camada 1 mostra que a camada agora está cheia de preto.

Etapa 4: Selecione a camada de cópia em segundo plano

Clique na camada de cópia em segundo plano no painel Camadas para selecioná-la e torná-la a camada ativa:

Selecione a camada de cópia em segundo plano.

Etapa 5: aplicar o filtro mosaico

Vá para o menu Filtro na parte superior da tela, escolha Pixelate e escolha Mosaico :

Vá para Filter> Pixelate> Mosaic.

O filtro Mosaic pixeliza uma imagem transformando-a em uma série de quadrados de cor sólida. Podemos definir o tamanho dos quadrados usando a opção Tamanho da célula na parte inferior da caixa de diálogo do filtro. Valores maiores criarão quadrados maiores. Valores menores, quadrados menores. Esses quadrados acabarão se tornando nossos pontos coloridos, então você desejará definir o valor do Tamanho da célula com base no número e tamanho dos pontos coloridos que deseja no seu efeito final. Isso pode levar um pouco de tentativa e erro para acertar as coisas. Vou definir meu valor de tamanho da célula como 20 . Lembre-se do valor exato que você usou, pois precisaremos dele novamente em um momento:

Lembre-se do valor digitado para a opção Tamanho da célula.

Clique em OK para fechar a caixa de diálogo. Sua imagem agora deve parecer pixelizada:

A imagem após a aplicação do filtro Mosaico.

Etapa 6: Criar um novo documento

Vamos deixar nossa imagem de lado por um momento e criar nosso padrão de pontos repetidos. Para isso, precisaremos de um novo documento do Photoshop, então vá para o menu Arquivo na parte superior da tela e escolha Novo :

Vá para Arquivo> Novo.

Isso abre a caixa de diálogo Novo documento. Defina Largura e Altura do documento com o mesmo valor digitado para a opção Tamanho da célula na caixa de diálogo do filtro Mosaico. No meu caso, defino meu Tamanho da célula como 20, então definirei minhas opções de Largura e Altura para 20 pixels cada. Isso criará um novo documento exatamente do mesmo tamanho dos quadrados da nossa imagem. Não se preocupe com o valor da resolução, mas verifique se o conteúdo do plano de fundo está definido como branco :

Defina Largura e Altura para o mesmo valor digitado para o Tamanho da célula. Verifique se o tipo de medição está definido como pixels.

Clique em OK quando terminar de fechar a caixa de diálogo. Seu novo documento aparecerá na sua tela. Como seu documento provavelmente é muito pequeno, mantenha pressionada a tecla Ctrl + barra de espaço (Win) / Command + barra de espaço (Mac) no teclado para alternar temporariamente para a Ferramenta de zoom do Photoshop (o cursor do mouse mudará para uma lupa com um sinal de mais no meio) e clique algumas vezes dentro do documento para aumentar o zoom. Aqui, eu ampliei para 1600%:

Aumente o zoom no seu novo documento para facilitar os próximos passos.

Etapa 7: selecione a ferramenta Elliptical Marquee Tool

Selecione a Elliptical Marquee Tool no painel Ferramentas. Por padrão, ele está escondido atrás da Rectangular Marquee Tool, então clique na Rectangular Marquee Tool e mantenha o botão do mouse pressionado por um segundo ou dois até que um menu suspenso apareça e escolha a Elliptical Marquee Tool na lista:

Clique e segure a Rectangular Marquee Tool e selecione a Elliptical Marquee Tool no menu suspenso.

Etapa 8: faça uma seleção circular

Com a Elliptical Marquee Tool na mão, mantenha pressionada a tecla Shift, clique no canto superior esquerdo do documento e, com o botão do mouse pressionado, arraste diagonalmente para baixo até o canto inferior direito do documento para desenhar um contorno de seleção circular . Manter a tecla Shift pressionada enquanto você arrasta forçará o contorno da seleção a um círculo perfeito. Se você precisar reposicionar o contorno da seleção enquanto o desenha, mantenha pressionada a barra de espaço, arraste o contorno para a posição com o mouse, solte a barra de espaço e continue. Quando terminar, as bordas do contorno da seleção devem tocar nas bordas do documento, de modo a ter a mesma largura e altura que o próprio documento:

Arraste uma seleção circular dentro do documento.

Etapa 9: preencher a seleção com preto

Volte ao menu Editar, na parte superior da tela, e escolha mais uma vez Preenchimento, como fizemos na Etapa 3. A opção Usar já deve estar definida como Preto, pois foi o que a alteramos da última vez. Basta clicar em Clique em OK para fechar a caixa de diálogo Preenchimento. O Photoshop preenche o contorno da seleção no documento com preto. Pressione Ctrl + D (Win) / Command + D (Mac) no teclado para desmarcar rapidamente a área e remover o contorno da seleção.

Se você estiver usando o Photoshop CS4 ou CS5 e tiver ampliado o zoom do documento como eu, verá um contorno da grade (conhecido como grade de pixels ) aparecendo através do círculo preto. A grade de pixels é um novo recurso a partir do CS4 e é simplesmente uma ajuda visual quando você amplia o zoom no seu documento. Não faz parte da própria imagem e desaparecerá ao visualizar a imagem em seu tamanho real; portanto, apenas a ignore. A grade não aparecerá se você estiver usando o Photoshop CS3 ou anterior:

O documento (ainda ampliado para 1600%) depois de preencher o contorno da seleção com preto.

Etapa 10: Inverter as cores no documento

Vá para o menu Imagem na parte superior da tela, escolha Ajustes e escolha Inverter :

Vá para Imagem> Ajustes> Inverter.

Isso inverte as cores do documento, deixando as áreas pretas em branco e as áreas brancas em preto:

O círculo em si agora está branco, enquanto as áreas dos cantos ficam pretas.

Etapa 11: Definir o círculo como um padrão

Vá para o menu Editar na parte superior da tela e escolha Definir padrão :

Vá para Editar> Definir padrão.

O Photoshop abrirá uma caixa de diálogo solicitando o nome do novo padrão. Atribua um nome descritivo ao padrão. Vou nomear o meu "Círculo 20x20", pois o tamanho do meu documento é 20 px por 20 px. Você pode criar mais padrões de círculo, todos em tamanhos diferentes, por isso é uma boa ideia incluir o tamanho do documento no nome:

Dê um nome ao padrão.

Clique em OK quando terminar de fechar a caixa de diálogo. Parece que nada aconteceu, mas o Photoshop agora salvou o documento como padrão. Você pode fechar o documento do seu círculo neste momento, pois não precisamos mais dele. Não há necessidade de salvá-lo, então escolha Não salvar quando o Photoshop perguntar se você deseja salvar o documento antes de fechá-lo.

Etapa 12: adicionar uma máscara de camada à camada de cópia em segundo plano

Volte para o documento principal e verifique se a camada de cópia em segundo plano está selecionada no painel Camadas. Clique no ícone Adicionar máscara de camada na parte inferior do painel Camadas:

Com a camada de cópia em segundo plano selecionada, clique no ícone Adicionar máscara de camada.

Mais uma vez, nada parece ter acontecido no documento, mas uma miniatura de máscara de camada preenchida em branco aparece na camada de cópia em segundo plano no painel Camadas, informando que adicionamos a máscara de camada. Observe que a miniatura tem uma borda de destaque fina ao redor. Isso nos diz que a própria máscara de camada está selecionada:

Uma miniatura da máscara de camada é exibida na camada de cópia em segundo plano.

Etapa 13: preencher a máscara de camada com o padrão de círculo

Mais uma vez, vá até o menu Editar na parte superior da tela e escolha Preencher . Desta vez, altere a opção Usar de Preto para Padrão :

Altere a opção Usar para Padrão.

Clique na miniatura de visualização do Padrão personalizado para selecionar o padrão que você deseja usar:

Clique na miniatura Padrão personalizado.

Isso abre o Seletor de padrões . Escolha o padrão de círculo que acabamos de criar clicando na miniatura. Deve ser a última miniatura da lista. Se você tiver as Dicas de ferramenta ativadas nas Preferências do Photoshop, o nome do padrão aparecerá quando você passar o cursor do mouse sobre a miniatura:

Clique na miniatura do padrão de círculo para selecioná-lo.

Clique em OK depois de selecionar seu padrão para fechar a caixa de diálogo Preenchimento. O Photoshop preenche a máscara de camada com o padrão de círculo, e nossa imagem agora é composta de um padrão de pontos coloridos:

A imagem após preencher a máscara de camada com o padrão de círculo repetitivo.

Aumentarei o zoom para mais perto da imagem para que possamos ver o efeito mais facilmente. Cada ponto da imagem é composto de uma única cor sólida, graças ao filtro Mosaic que aplicamos anteriormente. A área preta ao redor dos círculos é da Camada 1 abaixo da imagem (preenchida com preto na Etapa 3):

Uma visão mais próxima do efeito.

Etapa 14: adicionar uma camada de ajuste de matiz / saturação (opcional)

Como etapa final opcional, podemos aprimorar um pouco o efeito aumentando a saturação da cor na imagem. Clique no ícone Nova camada de ajuste na parte inferior do painel Camadas:

Clique no ícone Nova camada de ajuste.

Escolha uma camada de ajuste Matiz / Saturação na lista que aparece:

Escolha Matiz / Saturação na lista de camadas de ajuste.

Se você estiver usando o Photoshop CS3 ou anterior, uma caixa de diálogo Matiz / Saturação será exibida na tela. Para usuários do Photoshop CS4 e CS5, os controles da camada de ajuste Matiz / Saturação aparecerão no painel Ajustes. Em qualquer um dos casos, aumente a saturação da cor na imagem clicando no controle deslizante Saturação e arrastando-o para a direita. Quanto mais você arrasta para a direita, mais saturadas as cores se tornam. Vou aumentar minha saturação para +20 :

Arraste o controle deslizante Saturação para a direita para aumentar a saturação da cor na imagem.

Para usuários do Photoshop CS3 e versões anteriores, clique em OK para fechar a caixa de diálogo Matiz / Saturação. Os usuários do Photoshop CS4 e CS5 podem deixar o painel Ajustes aberto. E com isso, terminamos! Aqui, após aumentar a saturação da cor, está o meu resultado final "foto para pontos coloridos":

O resultado final.