Tutorial: Estilizando letras e números

COMPARTILHE:

Como estilizar uma letra inserindo pequenas palavras em seu interior.

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 1280x1024 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/

COMENTÁRIOS

  1. DUVIDA:

    Não tem nenhuma forma de delimitar a escrita dentro do número?

    Ou temos que fazer "manualmente"?

    ResponderExcluir
  2. Muito bacana este tuto... Gostaria de saber como fazer o texto
    acompanhar o desenho do número 9.

    ResponderExcluir
  3. Olá, André.
    Estava a procura de um tutorial que ensinasse
    a fazer capa de CD.(http://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.

    ResponderExcluir
  4. Meeu photO shop ée diferentee !

    Býee : Fabii

    ResponderExcluir
  5. Não entendi como escrever dentro do número

    ResponderExcluir
  6. 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!!! ~*:)

    ResponderExcluir
  7. muito irado, o meu não ficou perfeito como esse, mass, ficou legalzinho!!
    Colocar as palavras no numero dah trabalho demais!!!
    PARABÈNS!!!

    ResponderExcluir
  8. muito bom, mas tenho uma duvida(:b), qual é o tipo de letra que usaram?
    obrigado :)

    ResponderExcluir
  9. 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...

    ResponderExcluir
  10. 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.

    ResponderExcluir
  11. 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!

    ResponderExcluir
  12. cara eu n consegui escrever dentro do numero... cmo q faz?

    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