Estilizando um texto com vetores florais.

COMPARTILHE:

Descrição: Como estilizar seu texto com vetores florais usando layer styles, modos de blend e alguns filtros. 01. Caso queira utilizar a...

Descrição: Como estilizar seu texto com vetores florais usando layer styles, modos de blend e alguns filtros.



01. Caso queira utilizar a mesma fonte e ornamentos usados neste tutorial clique aqui para baixar a fonte e aqui para baixar o pack com os ornamentos utilizados, com tudo instalado em seu Photoshop pressione Ctrl+N para criar um novo documento, defina um tamanho qualquer, com 72 dpi's e modo de cor em RGB, pressione Ok, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer, neste tutorial foi utilizada a cor azul (#0083fe).



02. Pressione Ctrl+J para duplicar a layer, com a Horizontal Type Tool ainda selecionada, selecione a palavra e mude a cor da letra para preta, pressione Enter, dê o nome de Shadow para a layer, deixe esta layer abaixo da layer original do texto, pressione a letra V do teclado para selecionar a Move Tool, agora clique uma vez para baixo e uma vez para a direita usando a seta direcional do seu teclado, sua imagem deverá ficar como a da foto abaixo.



03. Com a layer Shadow selecionada pressione Ctrl+J para duplicar a layer, dê o nome de Blur para a layer, vá em Filter> Blur> Motion Blur e defina os valores abaixo.



04. Pressione a letra V do teclado para selecionar a Move Tool, passe a layer Blur para baixo da layer Shadow na paleta de layers e clique uma vez para baixo e uma vez para a direita nas setas direcionais do teclado, sua imagem ficará como a da foto abaixo, defina a opacidade da layer em 40%.



05. Agora pressione Ctrl+O e abra o vetor floral (que foi baixado do site indicado ou qualquer outro vetor floral que você queira utilizar), pressione Ctrl+A para selecionar o conteúdo do documento, Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar, pressione Ctrl+J algumas vezes para criar cópias do vetor, pressione a letra V do teclado para selecionar a Move Tool e posicione as cópias em locais diferentes, mude a orientação das cópias pressionando Ctrl+T para abrir a caixa de Free Transform, rotacione, redimensione, altere a posição etc, deixe como na foto abaixo.



06. Pressione Ctrl+E até mesclar todos os vetores em uma única layer, agora com a tecla Ctrl pressionada clique na miniatura da layer de texto, isto irá ativar a seleção ao redor das letras, pressione Ctrl+Shift+I para inverter a seleção, clique na layer dos vetores florais e pressione Delete.



07. Agora clique na layer de texto original e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Inner Shadow, Layer> Layer Style> Gradient Overlay e Layer> Layer Style> Stroke e defina os valores abaixo.









08. Sua imagem deverá ficar como a da foto abaixo.



09. Pressione Ctrl+J para duplicar a layer de texto, mude o modo de blend da layer para Overlay e vá em Filter> Noise> Add Noise, defina os valores abaixo e pressione Ok, defina a opacidade da layer em 20%.



10. Agora clique na layer que contém os vetores florais e vá em Layer> Layer Style> Drop Shadow e Layer> Layer Style> Outer Glow.





11. Agora clique na layer Background e vá em Layer> Layer Style> Gradient Overlay, defina os valores abaixo e pressione Ok.





12. Pressione Ctrl+O e abra um novo vetor floral, pressione Ctrl+A para selecionar seu conteúdo, Ctrl+C para copiar, volte ao documento que estamos trabalhando, clique na layer que estiver no topo da paleta de layers e pressione Ctrl+V para colar o novo vetor floral, pressione Ctrl+T para abrir a caixa de Free Transform e com a tecla Shift pressionada clique e arraste um dos pontos diagonais da caixa para aumentar o vetor, posicione no canto superior direito do documento como na foto abaixo, pressione Enter, pressione Ctrl+J para duplicar a layer, vá em Edit> Transform> Flip Vertical e depois em Edit> Transform> Flip Horizontal, posicione a cópia no canto inferior esquerdo como na foto abaixo, pressione Ctrl+E para mesclar os dois vetores florais que acabamos de aplicar.



13. Vá em <Layer> Layer Style> Drop Shadow e defina valores baixos para Size, Distance e Opacity, pressione Ok, diminua o valor de Fill e Opacity da layer para 30%.



14. Agora pressione a letra Print Screen do seu teclado, no caso do Mac Command+Shift+3, pressione Ctrl+V para colar a imagem captada em seu documento, deixe esta layer acima da layer Background, pressione Ctrl+T para abrir a caixa de Free Transform, redimensione a imagem para que ela se encaixe no seu documento, pressione Enter.



15. Vá em Filter> Blur> Motion Blur e defina os valores abaixo.





16. Agora pressione Ctrl+M para abrir a caixa de Curves e defina os valores abaixo.



17. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe o modo de blend da layer em Soft Light, vá em Edit> Fill, em Contents escolha a opção Pattern, faça o teste com diferentes tipos de Patterns, no final você poderá conseguir resultados como os das fotos abaixo.





site de origem: http://www.designioustimes.com/tutorials/create-bright-floral-text-effect.html

COMENTÁRIOS

BLOGGER: 16
  1. oi andré, estou com um probleminha.
    ache bem bacana o tuto, mas não consegui baixar o pack com os ornamentos florais :(

    não sei onde vou pra poder baixá-lo !
    vc pode me ajudar?

    abraço :B

    ResponderExcluir
  2. Gracias por utilizar mi tutorial .M'encanta que le gusta
    Georgiana, Designious Times

    ResponderExcluir
  3. muito bom mesmo esse tutorial parabéns André seu blog está ficando cada vez melhor

    ResponderExcluir
  4. Que legal.. o pack de ornamentos é pago.. --'

    ResponderExcluir
  5. adoro as suas tuturias ^^.


    eu acho o efeito muito giro esta 5*, mas o efeito e pago... acho que voce devia por opçoes para pessoas que nao querem gastar dinheiro...

    ResponderExcluir
  6. muito bom tutorial...mas eu to com o cs4 e não to conseguindo passar do passo 6..quando vc pede pra aperta CTL + Shift + I para inveter...e depois delete...o meu brushe floral some...e naõ to conseguindo nada pra fazer ele fikar dentro da letra...

    valeu...muito bom tutorial...

    ResponderExcluir
  7. Bom anonimo....se vc reparar no link pra baixar o pack,,,vc verá que o andré naõ baixa nada a naõ ser a imagem....em JPG....quando vc abri a o link...vc verá duas fotos em baixo do livro ,escolha a primeira...e depois clike com botão em cima e vai em salvar como,,,,

    espero ter ajudado

    abraço

    anjolouco_20@hotmail.com

    ResponderExcluir
  8. bem ..pra quer quiser o pack,,,,ele ta aki

    http://lh5.ggpht.com/_OY0RrrVmbHs/SlLs_JA2ePI/AAAAAAAABAU/0iJMYeBQn6I/s400/flores%20vectore.jpg

    obs: ele naõ é pago..e ele esta em JPG...so seguir o passo 5 que vc verá do que eu falo ...ok...

    abraço

    anjolouco_20@hotmail.com

    ResponderExcluir
  9. Traduz o tuto???
    http://abduzeedo.com/super-easy-and-cool-flower-text-effect-photoshop

    ResponderExcluir
  10. Valquiria, baixe a Barra de Ferramentas do Google no seu navegador que ele traz um tradutor junto. Você traduz todas as páginas de sites com um único clique. É beleza pura!!!!
    Os tutoriais do Andre são geniais. Nota milhões!!!

    ResponderExcluir
  11. Aonde baixo esse pack, pois lo link que passou não possui esse pack gratuito apenas pago.

    Obrigado

    ResponderExcluir
  12. Tuto bom...
    Mas tem q paga pra baixa ¬¬ tem otro site não.Mas que não precise pagar é claro

    ResponderExcluir
  13. http://www.dafont.com/theme.php?cat=712 tem um site aki q o André Sugai boto em um das saus videos aulas ve se vocês conseguem achar

    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,148,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,472,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Estilizando um texto com vetores florais.
Estilizando um texto com vetores florais.
http://www.andresugai.org/Botoes/Complexidade/3.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2009/05/estilizando-um-texto-com-vetores.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2009/05/estilizando-um-texto-com-vetores.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