Existem infinitas oportunidades para criar elementos criativos e exclusivos para sua fotografia e design gráfico. Uma técnica de design legal para adicionar ao seu kit de ferramentas é o efeito de giz no Photoshop.

Embora essa técnica possa parecer difícil de alcançar, ela leva apenas algumas etapas e até mesmo editores e designers iniciantes podem obter esse efeito. Depois de aprender as etapas, você pode adicionar o efeito de giz a uma pessoa ou objeto de uma imagem, bem como texto ou formas, no Photoshop.

O método de adicionar um efeito de giz a uma imagem é semelhante para quando você adiciona o efeito a um texto ou uma forma. No entanto, existem algumas diferenças a serem observadas entre os dois métodos. Você sempre pode adicionar sua própria criatividade a essas etapas, mas siga as diretrizes básicas para obter o efeito desejado.

Como criar o efeito giz em imagens no Photoshop

Você pode adicionar o efeito de giz ao assunto de sua foto ou a um objeto de sua escolha. Neste exemplo, mostrarei como usar o efeito no assunto da imagem removendo o plano de fundo.

Se você quiser adicionar o efeito a um objeto diferente, isole-o em sua própria camada usando qualquer plano de fundo métodos de remoção que funcionam para sua imagem para isolar objetos específicos. Vou transformar esta imagem em um desenho de giz.

Etapa 1: remover o fundo e converter a imagem em um objeto inteligente

Para criar o efeito de giz, você precisa remover o fundo da imagem, então você está apenas adicionando o efeito ao assunto. Eu recomendo que você também use um fundo de quadro-negro para obter o resultado desejado.

Abri as duas imagens em um documento, então agora só preciso remover o fundo da imagem. Posso fazer isso usando qualquer um dos métodos de seleção do Photoshop, mas o mais rápido e fácil é usar a Remover Ação Rápida de Fundo.

Para usar o Ação rápida, selecione a camada da imagem e role para baixo no Painel de propriedades até ver a opção Remover plano de fundo.

Clique em Remover fundo e dê ao Photoshop alguns momentos para remover o fundo adicionando uma máscara de camada à imagem. Seu assunto permanecerá na imagem abaixo dele e a máscara ocultará o fundo. Agora você pode começar a criar o efeito de giz.

Em seguida, converta a camada de imagem em um objeto inteligente, para que você possa voltar e fazer alterações durante o processo. Para converter a imagem em um objeto inteligente, clique com o botão direito ou Control + clique na camada da imagem e selecione Converter em objeto inteligente.

Etapa 2: Alterar a camada de imagem para preto e branco

Para criar o efeito de giz, você precisa converter a imagem para preto e branco. Isso ajudará a obter o efeito de giz branco mais tarde no processo. Para converter a imagem, selecione a camada da imagem no Painel de Camadas.

Depois de selecionar a imagem, vá para Imagem > Ajustes > Preto e Branco. Você também pode usar o atalho Shift + Alt + Control + B (Win) ou Shift + Option + Command + B (Mac).

O preto e o painel Branco aparece onde você pode ajustar as cores para aumentar ou diminuir o contraste na imagem. Esses controles não importam, pois você removerá os pixels da imagem. Clique em OK para adicionar o efeito padrão.

A cor da sua imagem será removida, deixando você com uma imagem em preto e branco.

Etapa 3: Adicione um filtro de fotocópia da galeria de filtros

Agora, você deve adicionar um filtro de fotocópia para isolar os contornos. Para adicionar o filtro de fotocópia, vá para Filtro > Galeria de filtros.

No painel Filter Gallery, abra o Guia Esboço e selecione Fotocópia.

Sua imagem terá uma aparência de esboço, que você pode ver no painel de visualização na esquerda.

Use as configurações à direita para ajustar o efeito. Você pode alterar os controles deslizantes Detail e Darkness . Mantenha o controle deslizante Detalhe relativamente baixo se não quiser que o giz pareça muito refinado.

Em seguida, ajuste o controle deslizante Escurecimento com base em quão claro ou escuro você deseja que o giz pareça. Não deixe muito claro, pois você vai clarear o giz em etapas posteriores. Clique em OK para adicionar o efeito à sua imagem.

Sua imagem ainda não parecerá giz, mas deve ter apenas contornos e alguns detalhes nesta fase.

Etapa 4: Defina o modo de mesclagem para a tela

Para remover as áreas escuras da imagem e fazer com que os contornos pareçam mais com giz , você precisa alterar o modo de mesclagem.

Para alterar o modo de mesclagem, verifique se a imagem está selecionada e localize o menu suspenso que diz Normal, que é o modo de mesclagem padrão em qualquer camada.

Selecione Sc reen no menu suspenso.

Você notará que sua imagem tem uma aparência de giz neste estágio.

Etapa 5: Adicione uma camada de cor preta sólida abaixo da imagem

Embora a imagem pareça pronta, ainda há mais algumas etapas para tornar o efeito mais realista. Primeiro, você deve separar os contornos e transformá-los em contornos de giz, que não estão conectados à camada de imagem. Isso permitirá que você mova o contorno do giz para novos planos de fundo e adicione os próximos efeitos necessários.

Para isolar os contornos, primeiro você precisa adicionar uma camada preta sólida abaixo da camada da imagem. Esta etapa ajudará ao selecionar os contornos na próxima etapa. Para fazer isso, clique na camada de fundo, selecione o ícone Ajustese escolha Cor sólida.

Na cor janela do seletor, selecione Preto e clique em OK.

Etapa 6: Adicione uma camada de cor branca sólida às áreas de contorno branco

Agora que você tem o fundo preto sólido, você pode facilmente selecionar os contornos usando o Painel de Canais. Para selecionar os contornos, clique na camada da imagem e abra o Painel de Canais(se o painel não estiver visível, vá para Janela > Canais para abri-lo).

No Painel de Canais, segure Control (Win) ou Command (Mac) e clique na miniatura da imagem ao lado do Canal azul. Isso selecionará automaticamente todas as áreas brancas da imagem, que são os contornos.

Agora que você selecionou os contornos, pode criar uma camada separada adicionando um preenchimento branco sólido camada à seleção. Para fazer isso, volte para o Painel de Camadas, clique no ícone de Ajustes e selecione Cor Sólida.

Selecione branco na janela Color Picker e clique em OK.

Você notará que o preenchimento branco sólido é adicionado como um novo camada, com a máscara de camada isolando os contornos e detalhes. Você pode desativar as outras duas camadas (clicando nos ícones de olho) e deixar apenas o plano de fundo e a nova camada visíveis.

Agora você notará que o efeito é muito mais giz-como no plano de fundo, mas o mais importante, o contorno está em uma camada separada.

Etapa 7: Adicione uma sombra projetada à imagem de giz 

Para Para elevar o efeito, você pode adicionar uma sombra projetada, que separa ligeiramente os contornos do giz do plano de fundo para torná-lo mais desenhado. Primeiro, converta a nova camada em um Objeto Inteligente clicando com o botão direito do mouse ou Ctrl + clicando na camada e selecionando Converter em Objeto Inteligente.

Para adicionar uma sombra projetada, certifique-se de que a camada Contorno de giz esteja selecionada, clique no ícone Efeitos e escolha Sombra projetada.

Agora você pode alterar o Blend Mode para Normal e a cor para branco, depois ajustar o Controles deslizantes de Distância, Espalhamento e Tamanho conforme necessário para criar uma sombra projetada sutil ao redor do contorno do giz. Clique em OK quando terminar.

Etapa 8: adicione ruído à imagem do giz e defina a camada para a tela

Agora você pode adicionar ruído ao contorno de giz para dar ao efeito uma aparência mais grosseira. Para fazer isso, vá para Filter > Noise > Add Noise.

Ajuste o Controle deslizante de quantidade para adicionar o máximo de ruído possível você gostaria, então clique em OK.

Em seguida, altere o modo de mesclagem da camada para Tela para mesclar o efeito de ruído melhor.

Etapa 9: adicione um desfoque gaussiano à imagem de giz

Para manter o efeito de giz realista, você pode adicionar um leve desfoque aos contornos. Para fazer isso, vá para Filter > Blur > Gaussian Blur.

Adicione um leve desfoque usando o controle deslizante de raio. Qualquer coisa até 1 pixel deve funcionar bem. Clique em OK quando terminar.

Sua imagem deve ter um efeito de giz realista nesta fase. Você pode manter a imagem como está neste estágio ou dar um passo adiante para torná-la ainda mais áspera.

Etapa 10: Use um pincel de giz para adicionar mais giz Efeitos

Para finalizar a aparência de giz, é uma boa ideia adicionar um toque final adicionando pinceladas de giz desenhadas à mão. Isso completará o efeito desenhado à mão.

Primeiro você precisa encontrar um bom conjunto de pincéis de giz para adicionar essas pinceladas. Você pode encontrar vários conjuntos de pincéis on-line gratuitos, como este conjunto de Pincéis de giz grátis de Dribbble.

Primeiro, baixe e instale os pincéis no Photoshop. Em seguida, você pode usar os pincéis em sua imagem selecionando a Ferramenta Pincel (B).

Em seguida, selecione um pincel de giz no Seletor de predefinições de pincel na barra de opções e defina o tamanho e a cor do pincel.

Em seguida, adicione uma nova camada no Painel de Camadas clicando no ícone Adicionar Nova Camada. Isso permite que você mantenha as pinceladas separadas dos contornos de giz originais.

Agora, você pode pincelar ao redor do assunto para criar traços de giz de aparência grosseira. Ajuste a opacidade do pincel e o tamanho do pincel na barra de opções para adicionar traços diferentes ao efeito.

Sua imagem deve agora tem um efeito de giz mais áspero e realista conforme você pincela as bordas e os contornos.

Como criar o efeito giz com formas e texto

Você também pode adicionar o efeito de giz a qualquer texto ou forma que adicionar ao seu documento. Embora muitas das etapas sejam as mesmas do método acima, existem algumas variações.

Resumirei as etapas que são repetições do método de imagem e darei mais detalhes sobre as diferenças, o que significa que você pode consultar as seções anteriores para etapas específicas, se necessário.

Etapa 1: Adicione o texto ou a forma à página

Para adicionar o efeito de giz ao texto ou às formas, você deve primeiro adicionar o texto ou a forma à página. Você pode usar a ferramenta Type (T) para adicionar texto ou qualquer uma das ferramentas de forma (U) para adicionar uma forma.

Você pode usar a fonte que quiser, mas sugiro manter a cor branca. Adicionarei as etapas a ambos os objetos para mostrar como fica no texto e nas formas, mas você pode focar apenas em um objeto para adicionar o efeito.

Etapa 2: Adicionar um Sombra projetada no objeto

Depois de colocar o objeto na página, adicione uma sombra projetada a ele clicando no ícone Efeitos no Painel Camadas e selecionando Drop Shadow.

Mantenha o Blend Mode definido como Normal e o Cor para Branco e, em seguida, ajuste a Distância, Espalhamento e Tamanho. Clique em OK para aceitar.

Altere a camada do objeto para um Objeto Inteligente clique com o botão direito ou Control + clique e selecione Converter em objeto inteligente.

Etapa 3: Adicione ruído ao texto ou forma

Adicione ruído ao objeto da mesma forma que você fez com a imagem indo para Filtro > Ruído > Adicionar ruído.

Adicione o ruído que desejar ajustando o Amount Slider, em seguida, marque a opção Monocromático na parte inferior e clique em OK.

Seu objeto deve ter uma aparência corajosa neste estágio.

Etapa 4: encontre as arestas e defina o modo de mesclagem para a tela

Em seguida, vá para Filter > Stylize > Find Edges para detectar as bordas do objeto.

Sua imagem escurecerá e o ruído permanecerá destacado. Para criar um efeito mais sutil e parecido com giz, altere o modo de mesclagem para Tela.

Seu objeto deve começar a parecer giz neste estágio.

Etapa 5: Adicione uma camada de curvas para aumentar o brilho

Como o objeto parece opaco, você pode facilmente iluminá-lo usando uma camada de ajuste de curvas. Para fazer isso, selecione a opção Curvas no ícone Adicionar ajuste na parte inferior do Painel de camadas.

No Painel de propriedades de curvas, clique no ícone de máscara de recorte para que o ajuste afete apenas a camada do objeto abaixo dela e, em seguida, mova a parte superior âncora direita na parte superior central do gráfico.

Etapa 6: adicione um desfoque gaussiano ao objeto

Em seguida, desfoque levemente o objeto acessando Filter > Blur Gaussian Blur.

I Aumente o Radius Slider e clique em OK.

Etapa 7: Adicione um pouco de sujeira ao objeto usando uma máscara de camada

Agora, você pode usar o Chalk Brush para adicionar sujeira ao objeto para torná-lo áspero. Primeiro, adicione uma máscara de camada ao objeto segurando Control (Win) ou Command (Mac) e clicando na miniatura do objeto para fazer uma seleção ao redor do objeto.

Em seguida, clique no ícone Adicionar máscara de camada.

Após adicionar a máscara de camada, selecione a ferramenta Pincel ( B) e defina a cor do primeiro plano como Preto. Você pode usar o mesmo conjunto de pincéis de giz usado na seção de imagens.

Em seguida, pincele aleatoriamente sobre o objeto para criar um efeito de sujeira, ocultando algumas das áreas dentro do objeto. Ajuste o tamanho do pincel e a opacidade para fazer pinceladas variadas. Você pode ser criativo com isso e editar o objeto como quiser.

Etapa 8: adicione giz áspero ao objeto para criar um efeito realista

Por fim, você pode usar o Pincel de giz para adicionar mais efeitos de giz branco para finalizar a aparência. Para isso, você precisa rasterizar a camada clique com o botão direito ou Control + clique na camada e selecione Rasterizar Camada.

Em seguida, você pode usar a Ferramenta Pincel (B) com a cor do primeiro plano definida como branco para pintar sobre áreas do objeto para completar o efeito de giz. Lembre-se de ajustar o tamanho do pincel e a opacidade para um efeito variado.

Você pode ser tão criativo quanto quiser para deixar o giz tão liso ou áspero quanto quiser.

By Henry Taylor

Eu trabalho como desenvolvedor back-end. Alguns de vocês devem ter me visto na conferência de desenvolvedores. Ultimamente tenho trabalhado em um projeto de código aberto.