Palavras estilizadas com patterns.

COMPARTILHE:

Descrição: Hoje veremos como estilizar um texto usando um pattern criado no Photoshop, para isso usaremos layer styles e algumas ferramenta...

Preview Descrição: Hoje veremos como estilizar um texto usando um pattern criado no Photoshop, para isso usaremos layer styles e algumas ferramentas.

tutoriaisphotoshop.net






01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 10x10 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a letra B do teclado para selecionar a Pencil Tool, defina o tamanho em 1 pixel, crie um desenho como o da foto abaixo.

tutoriaisphotoshop.net

02. Vá em Edit> Define Pattern, dê um nome qualquer para seu pattern e pressione Ok.

tutoriaisphotoshop.net

03. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 600x330 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor escolhida.

tutoriaisphotoshop.net

04. Escolha a cor #a74930, pressione a letra T do teclado para selecionar a Horizontal Type Tool, escreva uma palavra qualquer, no caso deste tutorial a fonte usada foi a Bebas.

tutoriaisphotoshop.net

05. Escolha a cor #7ca730, escreva outra palavra, como na imagem abaixo.

tutoriaisphotoshop.net

06. Agora vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

tutoriaisphotoshop.net

07. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

08. Vá em Layer> Layer Style> Pattern Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

09. Vá em Layer> Layer Style> Stroke e defina os valores abaixo.

tutoriaisphotoshop.net

10. No final sua palavra estará como a da foto abaixo.

tutoriaisphotoshop.net

Site de origem: http://crypticgfx.com/viewtopic.php?f=9&t=78

COMENTÁRIOS

  1. Tutorial muito bom...
    está de parabéns, Andre Sugai, por ter nos ligado a este tutorial...

    ResponderExcluir
  2. Olá André!
    Muito bom o tutorial, mas ao tentar fazê-lo a imagem de referência do item 6 não está abrindo. Tentei visualizar usando explorer e firefox, e não obtive resultados.

    ResponderExcluir

Todos os posts carregados Nenhum post encontrado VEJA TODOS Leia Mais Responda Cancelar resposta Deletar De Home PÁGINAS POSTS Veja todos RECOMENDADO PARA VOCÊ ETIQUETA ARQUIVO BUSCA TODOS OS POSTS Nenhum post encontrado para sua pesquisa Voltar para Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sab Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez Agora 1 minuto atrás $$1$$ minutos atrás 1 hora atrás $$1$$ horas atrás Ontem $$1$$ dias atrás $$1$$ semanas atrás mais de 5 semanas atrás Seguidores Seguir ESTE CONTEÚDO PREMIUM ESTÁ TRANCADO PASSO 1: Compartilhe nas redes sociais PASSO 2: Clique no link nas suas redes sociais Copie Todo Código Selecione Todo Código Todos os códigos foram copiados para o clipboard Se não consegue copiar os códigos / textos, por favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar Tabela de Conteúdo