Banner Tutoriais Photoshop


Tutorial Anterior: Download: 17 Texturas padronizadas. | Página Inicial >>
Tutorial Anterior: Onda gravada em incríveis 500 frames por segundo. | Página Inicial >>
Tutorial Anterior: Trabalhos de Eric Rolph. | Página Inicial >>
Tutorial Anterior: Inspiração - Artistas do Photoshop - Aaron Nace | Página Inicial >>
Tutorial Anterior: Inspiração, Cartazes de Rock: Slipknot. | Página Inicial >>
Tutorial Anterior: Criando letras de Gelo. | Página Inicial >>
Tutorial Anterior: Infinity, timelapse e computação gráfica na cidade... | Página Inicial >>
Tutorial Anterior: Donwload: 19 Texturas com muros de pedra. | Página Inicial >>
Tutorial Anterior: Vídeo experimental com formas geométricas. | Página Inicial >>

quarta-feira, 13 de maio de 2009


Efeito esfumaçado para fontes.


Descrição: Como criar um efeito de letras esfumaçadas usando uma foto, uma fonte e algumas layer styles, modos de blend e pequenos ajustes.



01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1280x1020 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Ctrl+Shift+Alt+N para criar uma nova layer, vá em
Edit> Fill, escolha a opção Foreground Color e pressione Ok, pressione Ctrl+O e abra uma imagem de fumaça, caso queira utilizar a imagem abaixo clique com o botão direito do mouse sobre a foto e escolha a opção Save Link As, pressione Ctrl+A para selecionar o conteúdo da imagem, Ctrl+C para copiar, volte ao documento que criamos e pressione Ctrl+V para colar a imagem, pressione a letra V do teclado para selecionar a Move Tool e posicione a imagem como na foto abaixo.



02. Agora vá em Layer> New Adjustment Layer> Black & White, clique em Ok, defina o valor de Red em 150%, pressione Ok, vá em Layer> New Adjustment Layer> Channel Mixer, pressione Ok, marque a opção Monochrome e pressione Ok (caso seja necessário ajuste os sliders para melhorar o aspecto da imagem).



03. Com a tecla Ctrl pressionada clique sobre as 3 layers (as duas layers de ajuste, adjustment layers e sobre a layer com a imagem da fumaça), com as 3 layers selecionada clique com o botão direito do mouse sobre uma delas e escolha a opção Convert to Smart Object, caso você não tenha esta opção pressione Ctrl+E para mesclar as 3 layers, agora pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma frase qualquer, no caso deste tutorial a fonte usada foi a MOD, que pode ser baixada neste site, no tamanho 100 pt na cor branca.



04. Com a tecla Ctrl pressionada clique sobre a miniatura da layer de texto para ativar a seleção ao redor das letras, com a seleção ativa clique na layer da fumaça, vá em Layer> Layer Mask> Reveal All, pressione Ctrl+D para desabilitar a seleção, clique na layer de texto e vá em Layer> Hide Layers para remover a visibilidade da layer de texto.



05. Agora clique com o botão direito do mouse sobre a layer da fumaça e escolha a opção Duplicate Layer, clique sobre a miniatura da máscara na layer duplicada e pressione Ctrl+I para inverter sua cor.



06. Agora vá em Layer> Group Layers para deixar a layer duplicada dentro de uma pasta, mude o modo de blend da pasta para Screen, vá em Layer> Layer Mask> Reveal All, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, e passe sobre algumas partes onde temos nossa frase para criar o efeito de que a fumaça está mesclando com as letras, alterne a opacidade do Brush para conseguir diversos efeitos



07. Agora vá em Layer> New Adjustment Layer> Curves, clique em Channel e escolha a opção Red, defina o gráfico como na foto abaixo e pressione Ok.



08. Caso as palavras fiquem um pouco apagadas você pode adicionar uma nova adjustment layer de Brightness/Constrast acima da layer da fumaça com a máscara e aumentar o Brightness, ao final sua imagem estará como a da foto abaixo.



site de origem: http://psdlearning.com/2009/05/create-smoke-text/

Related Posts Plugin for WordPress, Blogger... Participe deixando seu comentário, dúvida, sugestão, ideias, exemplos ou simplesmente dizendo um "Olá!" na parte de comentários deste Post, sua participação é extremamente importante para o blog e também para todos os leitores que posteriormente terão acesso aos tutoriais e matérias que oferecemos por aqui.

Caso não queira ficar de fora das atualizações diárias do blog você tem 3 opções bem práticas:

  • Siga-me no Twitter.
  • Cadastre-se e receba por e-mail o resumo diário do que foi postado aqui no blog.
  • Cadastre nosso endereço RSS para receber as atualizações via leitor de Feeds.
  • Obrigado por ter votado no ::Tutoriais Photoshop:: para o iBest e Peixe Grande 2008 e 2009!

    Até a próxima!!


    8 Comentários:

    Às 13 de maio de 2009 19:57:00 BRT , Blogger Alice disse...

    Alguém por ai pra me explicar uma coisa que eu não entendi!?

     
    Às 13 de maio de 2009 21:45:00 BRT , Blogger alessander disse...

    gostei mto da ideia da fumaca entrando nas letras, ficou pouco legivel a frase mas nada que uma ajustada nao corrija. no passo 4 por exemplo eu preferi diminuir a opacidade da layer, ficou bem mais legivel sem perder a fumaca adentrando na camada. Tambem e possivel fazer apenas o contorno da palavra e zerando o fill. Ficou otimo também.

    PARABENS MAIS UMA VEZ

     
    Às 14 de maio de 2009 00:52:00 BRT , Blogger Janice disse...

    André preciso de ajuda.......rs
    Olha vou explicar sou iniciante no photoshop e de todos os sites de tutoriais nenhum é melhor que o seu, depois que descobri entro aqui todos os dias, mas ainda não estou muito por dentro do funcionamento não sei se tenho q me cadastrar para pedir explicações mas vou tentar. Quero fazer um convite de aniversário, eu coloco o fundo 10x7 e quando fou acrescentar uma figura, recorto copio e colo ela entra com tamanho extremamente maior dou um ctrl-t, aperto shift diminuo no tamanho que que preciso e ela perde definição, isso acontece com qualquer figura.... me desculpe a "jumentici" hehehe..... como disse sou iniciante, beeeem iniciante.
    Poderia me ajudar?

     
    Às 14 de maio de 2009 01:38:00 BRT , Anonymous Bryan disse...

    Ficou legal o efeito, mas bem como o alessander falou, umas curvas podem fazer uma diferença danada.

    Janice, verifique o número de DPI quando você vai criar o documento. As imagens de internet costumam ter 72 dpi, enquanto um impresso tem que ter 3oo dpi, no mínimo. Quando você dá um resize e a imagem é aumentada, ela perde definição porque não tem pixels suficientes para aumentar a imagem, então repete alguns que estão em volta. Aí perdem-se os detalhes. Qualquer coisa, fala aí!

     
    Às 14 de maio de 2009 02:06:00 BRT , Blogger Janice disse...

    Bryan, o que está acontecendo é justamente o contrário, eu diminuo a imagem e ela perde definição. Por exemplo, eu recortei minha filha de uma foto e coloquei num fundo, ai fui diminuir o tamanho da criança para ficar proporcional e ela perdeu definição, tentei outras imagem e aconteceu a mesma coisa!
    Juro q estou sem entender. Tenho um domínio até razoavel do corel, e isso de perder definição só acontece quando aumenta, como vc falou, mas quando diminui ?
    Obrigada pela atenção.

     
    Às 3 de junho de 2009 06:33:00 BRT , Anonymous Anônimo disse...

    Alguem me socorre pelo amor de Deus, já extressei com esse efeito ¬¬...

    Quando voce da " Reveall All " não acontece NADA mesmo com a layer sem a visibilidade.
    Após o passo 4 , eu fiz TUDO a risca e nada deu certo eu preciso de ajuda nisso André!!!!!!!!

     
    Às 7 de junho de 2009 17:14:00 BRT , Anonymous Anônimo disse...

    Acontece-me o mesmo que a pessoa em cima.

     
    Às 10 de junho de 2009 22:59:00 BRT , Blogger perdi disse...

    E diminuir tbm perde qualidade.

     

    Postar um comentário

    Assinar Postar comentários [Atom]

    Links para esta postagem:

    Criar um link

    << Início