Tutoriais

Tutorial Photoshop: tipografia com textura de “Cookies”

Anúncios Google

Nesse tutorial você vai aprender a criar um belo efeito de texto com textura de cookie, bem decorativo, muito bom para sites de gastronomia, bares, cafés, etc. O método é fácil e basta conhecer as ferramentas básicas do Photoshop para aprender a técnica.

A resolução da textura de cookie escolhida não é muito alta, então o uso do produto final seria mais restrito ao monitor (internet); se pretende imprimir, é incentivado a procurar outras com melhor resolução – e também aumentar o tamanho do documento em relação ao mostrado aqui.

Antes de começar, faça o download das texturas e da fonte. Para usar a fonte no Photoshop, você deverá antes instalá-la em seu sistema (no Windows: clique com o botão direito sobre o arquivo .ttf, selecione “Instalar”, e só depois abra o Photoshop).

Esse é o resultado final:

Tutorial Photoshop como criar tipografia Cookie

Comece criando um novo documento do Photoshop, tamanho 800 x 600 px, fundo transparente. Se não gostar da transparência enquanto trabalha em outros elementos, preencha a camada única com branco ou deixe o fundo branco ao criar o documento.

Use a ferramenta Letreiro para digitar o texto (no caso do tutorial, foi só um “Cookies!“, usando a fonte que baixou. Pode ser outra, sendo as mais encorpadas e arredondadas melhores para o efeito. Não importa a cor, só vamos precisar do texto para modelar as formas depois. Deixe a visibilidade do texto desligado (clique no ícone do olho ao lado da miniatura da camada, na janela de Camadas).

texto cookie

Abra a textura do cookie em um novo documento, então copie e cole no documento principal. Como os detalhes são grandes, acabarão quase invisíveis no texto, então reduza seu tamanho para menos da metade do original, então duplique a camada (Ctrl + J) e posicione a cópia ao lado da outra.

textura duplicada e posicionada
Percebe ali, o corte entre elas, bem no meio? Vamos nos livrar disso já.

Como fica um corte um tanto visível entre elas,use alguma ferramenta para mesclar a união das imagens. Pode ser a Carimbo; copie um pouco da textura perto da borda e cole sobre a emenda, usando um pincel macio. Tente fazer uma colagem mais natural entre as texturas original e duplicada.

junta entre textura

Depois de satisfeito com a união entre as texturas, achate as duas camadas em uma única – clique sobre cada uma na janela de Camadas (segure Ctrl ao clicar na segunda) e use o atalho Ctrl + E.

antes de mesclar camadas
Antes…

 

textura cookie mesclada
…e depois.

Segure a tecla Ctrl e clique sobre a miniatura do texto, na janela de camadas. É fácil saber quando: vai aparecer um ícone diferente. Então clique e isso criará uma seleção em torno do texto.

ícone da seleção

Com a seleção criada e a camada da textura ativa, use o atalho Ctrl + J para criar uma cópia da textura (vinda da parte selecionada) em uma nova camada, já com a forma do texto. Desligue a visibilidade da camada original de textura – não recomendo excluir pois você pode precisar dela outra vez e aí não tem mais…

seleção na forma do texto
Seleção na forma do texto.
textura com forma de texto
Forma duplicada a partir da textura.

Agora, os Estilos de Camada darão volume ao texto-cookie. Para começar, dê um duplo-clique sobre a miniatura da camada dos cookies, ou com a camada ativa, clique no botão “Adicionar um estilo de camada”, no rodapé da guia de Camadas.

botão Estilos de Camada

Esses são os estilos. Insira-os nessa ordem, principalmente o último:

Sombra interna: um tom de marrom (#3f0f0f) com a mesclagemem Superexposição Linear, Ângulo -90°, Opacidade em cerca de 90%, Distância 5, Desfoque 0, Tamanho 15. Não mexa no resto.

estilo sombra interna

Brilho interno: usado na verdade para criar uma sombra própria dos cookies e ajudar no volume. Mesclagem em Superexposição Linear, Opacidade 80, cor em degradê de marrom #77331e para transparente, Desfoque 0, Tamanho 5.

estilo brilho interno

Sombra projetada: essa sim a sombra do cookie sobre a superfície, num tom parecido com o do fundo; usar preto deixa um pouco mais artificial.

Antes de mais nada, desmarque a opção Luz Global. Então ajuste a Mesclagem em Multiplicação, Cor em #3f0f0f, Opacidade 80, Ângulo 90, Distância 3, Expansão 11, Tamanho 9 e Contorno em “Gaussiana” (clique na caixa e escolha).

estilo sombra projetada

Por fim, deve ter isso:

texto cookie

Insira a textura de fundo no documento. Como ela não vai cobrir tudo e a trama do tecido é muito grande, faça parecido com o método da textura do cookie: reduza um pouco, copie mais de uma vez e posicione-as lado a lado, para formar uma textura maior que cobre todo o fundo. Atenção ao posicionar para ajustar bem as linhas do “tecido”, ou vai ficar um efeito ruim de recorte.

Essa camada de textura deve ficar por último, antes só do fundo branco que criamos no começo (pode exclui-lo, não precisamos mais). Ao final, mescle as camadas que tiver duplicado. Não vai ser preciso usar o Carimbo. Deve ficar assim:

com textura de fundo

Agora, duas camadas de ajuste para colorir e mudar a luminosidade desse fundo. Com a camada de textura de fundo ativa, siga à guia Ajustes (se não estiver visível, abra pelo menu Janela > Ajustes). Insira primeiro uma camada de ajuste de Matiz/Saturação.

ajustes de matiz e saturação

Seguido por outra camada de ajustes, essa de Curvas. Tente deixar a curva assim, clareando bem o fundo.

ajustes de Curvas

Complete com uma camada de ajustes de Curvas. Com a camada do cookie ativa, siga ao menu Camadas > Nova camada de ajustes > Curvas. A opção de usar a camada de corte deve estar ativa, ou as alterações vão aparecer em tudo (o que não queremos, deve ser apenas sobre os cookies).

camada de curvas com máscara de corte

A ideia é deixar os cookies mais brilhantes e com contraste. Altere um pouco a curva pra cima e já deve ser o bastante.

ajuste de curvas nos cookies

Para caprichar ainda mais, vamos criar irregularidades nas bordas dos cookies. Com a camada do cookie ativa, clique no botão “Criar máscara de camada”. Nessa máscara (marcada por uma miniatura branca nas Camadas), pinte com um pincel duro ou lápis preto para esconder partes da borda dos biscoitos.

Trabalhe com bastante zoom. Aproveite rachaduras dos cookies para apagar pequenas partes ao lado, como se faltassem pedacinhos ali. É um pouco trabalhoso mas fica bem mais natural.

pintando de preto na máscara

É o bastante, mas fique à vontade para continuar e fazer experiências. Mudando a textura e algumas etapas do processo você consegue outros efeitos interessantes.

Outra vez o resultado final (recortado):

Tutorial Photoshop como criar tipografia Cookie

Arquivo-fonte disponível para download (4.41 Mb).

Baseado em Tutorial: Cookie Test Effect, de PSD Chat.

Author

Fundador do Tutoriart em 2010, é ex-instrutor de Photoshop, design web e gráfico. Em quase uma década de redação online, tem cerca de 1500 artigos publicados. Gerencia também o Memória BIT.

Write A Comment

Pin