Estilizando um texto com vetores florais. | ::Tutoriais Photoshop::

Estilizando um texto com vetores florais.

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
Compartilhe no Google Plus

Sobre André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, colaborador Tech Tudo (Globo.com ), iMasters (UOL), Adobe, Revista Photoshop Creative e parceiro Adobe, Dollar Photo Clube e Wix. Siga-me no Twitter | Facebook | Portifólio.
    Comente com Blogger
    Comente com Facebook

16 comentários:

  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