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

BLOGGER: 14
  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

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,412,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,123,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,31,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,15,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,517,outubro,745,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,158,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,474,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Estilizando letras e números
Tutorial: Estilizando letras e números
Como estilizar uma letra inserindo pequenas palavras em seu interior.
https://www.andresugai.org/Tutoriais/03.2009/T12/imagem13.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2009/03/estilizando-letras-e-numeros.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2009/03/estilizando-letras-e-numeros.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb 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$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar