em , , , ,

Tutorial: Estilizando letras e números

Preview Descrição: Como estilizar uma letra inserindo pequenas palavras em seu interior.

  • [message]
    • ##check##AVISO: Estilizando letras e números

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado 🙂

tutoriais photoshop

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1280×1024 pixels, 72 dpi´s e modo de cor em RGB, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá da cor #111111 (cinza escuro) para o #000000 (preto), escolha o modo Radial e aplique em seu documento como na foto abaixo.

Estilizando letras e números

02. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, escolha a cor #6dcff6 e escreva uma letra qualquer, no caso deste tutorial usamos o número 9, diminua a opacidade da layer para 20%.

Estilizando letras e números

03. Agora 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, comece a escrever diversas palavras dentro do número criado como na foto abaixo.

Estilizando letras e números

Estilizando letras e números

04. Clique na layer do número 9 e diminua a opacidade da layer para 2%.

Estilizando letras e números

05. Agora clique na layer que estiver no topo da paleta de layers e vá em Layer> Group Layers, coloque todas as layers que contenham palavras que estejam dentro do número 9 na nova pasta, clique com o botão direito do mouse sobre a nova pasta e escolha a opção Duplicate Group, clique com o botão direito do mouse sobre a pasta duplicada e escolha a opção Merge Group, clique na pasta original e vá em Layer> Hide Layers, clique na layer que acabamos de mesclar e vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo, para o gradiente use as cores #48a248 e #3bb2f7.

Estilizando letras e números

Estilizando letras e números

06. (Opcional)Adicione um título qualquer, neste tutorial foi adicionado um Happy New Year no canto do documento (Centruy Gothic / 36px / Italic) na cor #736357.

Estilizando letras e números

07. Agora vá em File> Place para adicionar uma textura no documento, deixe a layer com a textura acima de todas as outras layers na paleta de layers, pressione Ctrl+Shift+U para retirar a saturação da imagem, mude o modo de blend da layer para Overlay.

Estilizando letras e números

08. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, defina a cor de Foreground como #6dcff6 e Background como #000000, vá em Filter> Render> Clouds, mude o modo de blend da layer para Overlay e defina a opacidade em 25%.

Estilizando letras e números

09. Agora mude a cor de Background para branco, pressione Ctrl+Shift+Alt+N para criar uma nova layer, vá em Filter> Render> Clouds, mude o modo de blend da layer para Overlay e defina a opacidade em 70%.

Estilizando letras e números

10. Ao final sua imagem estará como a da foto abaixo.

Estilizando letras e números

11. Outras variações como a da foto abaixo podem ser conseguidas com pequenos ajustes.

Estilizando letras e números

site de origem: http://www.tutorial9.net/photoshop/creating-a-typographic-wallpaper/

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

14 Comments

  1. Descobri como escrever dentro do número.

    1) Selecionar layer onde está o número 9;
    2) Ir até o menu Layer > Type > Convert to shape;
    3) Diminuir a fonte para poder escrever dentro do número;
    4) Escrever o que quiser!

  2. Pessoal,tem o efeito final q ele deu no site quel ele pegou,só q ele não traduziu!
    aí traduzi e coloquei aqui,n testei,mas pelo que li,deve ser isso!

    Para o efeito final, eu criei uma camada nova e fui a image > Apply Image. Então eu fui em Filter> Blur > Motion Blur e ajustei a camada para iluminar com opacidade de 35%. Após isso, eu criei um Gradient Map (Layer> New Adjust Layer > Gradient Map) que foi de #ec008c a #e77418. Finalmente, eu ajustei a camada do Gradient Map à luz vívida final.

    Tá aí pessoal,tamos aqui pra ajurdar uns aos outros né?
    Espero que tenha ajudado.

  3. tipo o as parte das letra eu fiz assim ( pra quem ta com dificuldade )
    eu criei uma caixa de texto no tamanho do 9 ai fui escrevendo qlq coisa…
    qnd acabei voltei para a leyer do 9 criei seleção em volta dele ai fui na otra ond tinha escrito as coisas de resterize type e apertei CTRL+I pra seleção inverte ai apaguei o q tava fora…. Prontu texto dentro do 9

    so qria saber como foi feito akele efeito da ultima imagem com fundo vermelho…achei mto massa e qria faze…
    Andre se vc pode esclarece vai me ajuda pra caramba

    VLW fui…

  4. Oie André,fiquei super feliz,consegui fzr esse tutorial e ficou lindo!!!Fiz para o aniversário d 02 aninhos da minha filha,vai ser a capa do álbum,fora do nº coloquei o nome dela do lado esq e do lado dir coloquei anos,dentro do nº 2 coloquei os votos de felicidades,etc.Ficou muito bacana até meu marido elogiou,e olha q ele é bem rigido afinal trabalha com impressão digital.de novo pela enésima vez obrigada por compartilhar os tutoriais!!! ~*:)

  5. Olá, André.
    Estava a procura de um tutorial que ensinasse
    a fazer capa de CD.( psdlearning.com/2008/07/cd-cover-design/)
    Achei meio complicado…
    Você pode nos ensinar algum mais fácil ou, quem sabe, na sua
    tradução ficaria menos difícil (?).
    Abraços.
    Minha.

Realidade aumentada com jogos.

Inspiração, Cartazes de Rock: The Get Up Kids.