Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

Como Criar um Logo com Efeito de Giz no Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:
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.

printingstep1

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.

sketchingstep2

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

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

step1

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.

step2

Passo 3

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

step2a

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.

step3

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.

step3b

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_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_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-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_fin

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

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.