Tutorial: Texto no estilo Windows Vista

COMPARTILHE:

Como criar o efeito Windows Vista em palavras e letras através de layer styles e algumas ferramentas.

Preview Descrição: Como criar o efeito Windows Vista em palavras e letras através de layer styles e algumas ferramentas.

  • [message]
    • ##check##AVISO: Texto no estilo Windows Vista

      • 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 600x420 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a letra G do teclado para selecionar a Gradient Tool, escolha o modo Radial e defina um gradiente que vá da cor #23849e para a cor #03675b, aplique no documento como na foto abaixo.

Texto no estilo Windows Vista

02. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, com a Gradient Tool ainda selecionada defina o gradiente como Radial e use a cor #023d3f indo para o transparente, aplique no canto inferior esquerdo do documento.

Texto no estilo Windows Vista

03. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, defina a cor #023d3f e escreva um texto qualquer, a fonte usada neste tutorial se chama Adobe Caslon Pro.

Texto no estilo Windows Vista

04. Agora vá em Layer> Layer Style> Blending Options, Layer> Layer Style> Inner Shadow, Layer> Layer Style> Outer Glow, Layer> Layer Style> Inner Glow, Layer> Layer Style> Bevel And Emboss, Layer> Layer Style> Stroke e defina os valores abaixo.

Texto no estilo Windows Vista

Texto no estilo Windows Vista

Texto no estilo Windows Vista

Texto no estilo Windows Vista

Texto no estilo Windows Vista

05. Sua palavra deverá ficar como a da foto abaixo.

Texto no estilo Windows Vista

06. Com a tecla Ctrl pressionada clique na miniatura da layer do texto para ativar a seleção ao redor da palavra, pressione Ctrl+Shift+Alt+N para criar uma nova layer.

Texto no estilo Windows Vista

07. Agora pressione a letra M do teclado para selecionar a Elliptical Marquee Tool, marque a opção Subtract from Selection na barra de opções da ferramenta, crie uma seleção pegando toda parte inferior das letras, sua seleção deverá ficar como a da foto abaixo.

Texto no estilo Windows Vista

08. Pressione a letra G do teclado para selecionar a Gradient Tool, defina um gradiente Linear que vá do branco para o transparente, aplique de cima para baixo, mude o modo de blend da layer para Overlay e a opacidade em 75%, ao final seu texto estará como o da foto abaixo.

Texto no estilo Windows Vista

09. (Opcional)Nesta variação do efeito foram adicionados outros textos em itálico (com a mesma fonte) e aplicado um gradiente em Radial usando a cor #d7fa7b indo para o transparente no canto inferior esquerdo do documento.

Texto no estilo Windows Vista

site de origem: http://www.psdcore.com/tutorials/text-effects/vista-styled-text/

COMENTÁRIOS

BLOGGER: 12
  1. Rápido e eficaz. O captcha do comentário é mais difícil que o efeito IJUahuHA!!

    ResponderExcluir
  2. muiiito bom seu blog ta show

    queria fazer um pedido esse tutoriais para download tipo no word´para quem tem net lenta (que nem eu)

    ResponderExcluir
  3. ISSO MESMO ... DOWNLOAD, ÚNICA COISA QUE FALTA NO SITE ... É MUITO BOM MESMO, UM DOS MELHORES QUE CONHEÇO!! PARABENS

    ResponderExcluir
  4. Eu hein não da para escolher radial no gradiente seus doidos!!!!!!!!!!!!!!!!!!!!!

    ResponderExcluir
  5. Essse anônimo aí
    e outro "superdotado"
    que não conhece o Photoshop!

    amigo se vc só sabe ler letras
    estude os ícones do photoshop ok?

    boa sorte nas aulas!

    ResponderExcluir
  6. aff...onde tá os "pixels" e blá blá?

    ResponderExcluir
  7. Às 24 de Maio de 2009 17h26min0s BRT , Anonymous Anônimo disse...

    aff...onde tá os "pixels" e blá blá?

    "01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 600x420 pixels"

    Cego? husauhsuhhsauhsasa

    ResponderExcluir
  8. q site fraco de tutorial de photoshop..

    PQP....

    ResponderExcluir
  9. e frako mesmo?? cade o seu?? mostra ai!!

    ResponderExcluir
  10. O meu não ficou do mesmo jeito, mas achei bem bacana! Vlw!

    ResponderExcluir
  11. eae andré
    acho q vc não vai responde isso
    pq esse tuto ja eh antigo
    mais mesmo assim la vai

    existe alguma forma de copiar a layer style
    e depois colar quando o photoshop for reiniciado?

    se puder posta um tuo sobre isso

    ResponderExcluir
  12. Parece massa, mas to com preguiça de fazer... Ótimo site, ta em favoritos!

    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,160,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,475,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Texto no estilo Windows Vista
Tutorial: Texto no estilo Windows Vista
Como criar o efeito Windows Vista em palavras e letras através de layer styles e algumas ferramentas.
https://www.andresugai.org/Tutoriais/03.2009/T19/imagem13.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2009/03/texto-no-estilo-windows-vista.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2009/03/texto-no-estilo-windows-vista.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