7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Como Criar um Logo com Efeito de Giz no Photoshop

Scroll to top
Read Time: 4 mins
This post is part of a series called How to Create a Logo.
Quick Tip: How to Design a Beautiful Water Drop Logo
Creating a Coffee House Logo - From Theory to Vector in Adobe Illustrator

Portuguese (Português) translation by Felipe Roberto Martinin Alcara (you can also view the original English article)

Criar um efeito de giz no Photoshop pode ser um pouco desafiador. Embora existam alguns filtros, plug-ins, e outras técnicas completamente digitais para ajudar você a atingir o efeito desejado, muitas vezes você pode conseguir um efeito mais realista usando um papel e lápis da vida real. Neste tutorial, vou mostrar-lhe como aplicar um efeito de giz para uma ilustração no Photoshop. Esta técnica pode ser usada em qualquer coisa desde uma ilustração tipográfica até um logotipo. Vamos começar!

Recursos do Tutorial

Você vai precisar dos seguintes recursos para completar esse tutorial. O Line Art (Traçado) e o Sketch (Esboço) foram disponibilizados para se você quiser pular esses passos. Você pode baixar a textura de quadro negro no Photodune, mas fique à vontade em usar uma imagem alternativa.

1. Prepare o Line Art

Passo 1

O primeiro passo é imprimir fisicamente o trabalho artístico que você pretende usar. Neste exemplo, eu usei um logo que eu criei para esse tutorial.

printingstep1printingstep1printingstep1

Passo 2

Uma vez que você imprimiu seu trabalho artístico, cubra-o com uma segunda folha de papel e contorne a arte usando um lápis. Contorne mais precisamente possível mas certifique-se que fique como um esboço assim como você deseja que pareça. (veja abaixo).

Use um lápis comum para essa etapa. Você pode também, caso desejar, experimentar outros tipos de materiais.

sketchingstep2sketchingstep2sketchingstep2

Passo 3

Assim que o seu logo estiver traçado, faça um scan dele para o Photoshop. Agora aplique um ajuste de levels para impulsionar os brancos e dar-lhe um melhor contraste. Isso também vai ajudar a limpar qualquer mancha não intencional. Eu usei as configurações abaixo para para o logo homemade noodles em sketch

levelslevelslevels
Seu trabalho artístico deverá ficar semelhante à esse.

2. Aplicando os Efeitos no Photoshop

Passo 1

Agora, nós estamos prontos para juntar tudo no Photoshop. Comece criando um novo documento no Photoshop. Este documento terá 1200px por 1000px, 200dpi, RGB mas fique à vontade para usar qualquer configuração que você precisar para o seu projeto. Usa a textura de quadro-negro como sua layer (camada) de fundo.

step1step1step1

Passo 2

Adicione uma leve vinheta em sua imagem para adicionar um pouco de profundidade. Para fazer isso, faça uma nova layer sobre o seu fundo de quadro-branco. Nessa camada, simplesmente use uma brush suave e pinte um cinza escuro ao redor das bordas, como visto abaixo. Mude o blending mode dessa layer para "multiply" e ajuste a opacidade para atingir a quantidade de escuridão que você deseja.

step2step2step2

Passo 3

Agora coloque seu sketch dentro do documento por cima de todas as outras layers.

step2astep2astep2a

Com a layer do seu novo logo em sketch selecionada, aperte Command/Ctrl-I ou vá em Images > Adjustments > Invert. Isto irá inverter a imagem de modo que o seu logo em sketch ficará agora branco no preto.

step3step3step3

Nesse ponto o fundo da imagem do logo em sketch é exibido. Sob o Paínel de Camadas, enquanto ainda houver uma layer selecionada, mude o blending mode para "Screen." Isto fará com que apenas o sketch seja exibido.

step3bstep3bstep3b

Passo 4

Para adicionar cor no giz, nós vamos aplicar um Hue/Saturation Adjustment na layer do logo esboçado. Faça isso clicando no botão Adjustment Layer no inferior do Painel de Camadas, como pode ver abaixo

Huesat_1Huesat_1Huesat_1

As opções do Hue/Saturation Adjustment vai abrir no Painel de Propriedades. Abaixo estão as configurações utilizadas para colorir o giz de azul, como pode ver.

hue-sat_1hue-sat_1hue-sat_1

Agora nós vamos precisar aplicar uma Clipping Mask de modo que os ajustes na layer tenha efeito apenas na cor do trabalho artístico, e não no fundo e na vinheta. Você pode adicionar uma Clipping Mask de várias maneiras. Nesse passo, nos vamos adicionar uma Clipping Mask selecionando a layer, e então clicando no menu sobreposto no Painel de Camadas, como podem ver.

Dica: Você também pode criar uma Clipping Mask pressionando Alt/Option e clicando entre as duas camadas no Painel de Camadas.

hue-sat_1-clippedhue-sat_1-clippedhue-sat_1-clipped

Conclusão

Nesse tutorial, eu mostrei à você como aplicar um efeito de giz em um logo ou em um texto com efeito. O resultado, é um efeito extremamente realístico que pode ser aplicado em qualquer linework existente. Eu espero que você tenha gostado desse tutorial e possa usar essa técnica para criar algo incrível para você.

Chalkletteringeffect_finChalkletteringeffect_finChalkletteringeffect_fin

Seja o primeiro a saber sobre novas traduções–siga @tutsplus_pt no Twitter!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.