Banner Tutoriais Photoshop



Tutorial Anterior: Criando raios de luz do sol 2. | Página Inicial »
Tutorial Anterior: Como deixar uma imagem com as bordas escurecidas. | Página Inicial »
Tutorial Anterior: Como criar uma capa de DVD. | Página Inicial »
Tutorial Anterior: Criando uma montagem usando um avião de guerra. | Página Inicial »
Tutorial Anterior: Toshiba, Bullet Time. | Página Inicial »
Tutorial Anterior: Não se esqueça... | Página Inicial »
Tutorial Anterior: A arte de tricotar a cidade. | Página Inicial »
Tutorial Anterior: Vídeo promocional do estúdio de Design Echolab. | Página Inicial »
Tutorial Anterior: Fotos que abalaram o mundo: Rostos da Fome. | Página Inicial »

sexta-feira, 21 de novembro de 2008

Estilo anos 80 para letras.


Bem vindo ao Tutoriais Photoshop

Descrição: Como aplicar um efeito no estilo anos 80 em palavras usando muitas layer styles e alguns filtros.



01. Antes de começar este tutorial clique aqui e baixe a fonte (caso queira usar a mesma fonte do tutorial) chamada Sega, instale a fonte em seu computador e abra o Photoshop, pressione Ctrl+N para criar um novo arquivo, defina um tamanho qualquer, 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 Alt+Backspace ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor preta, pressione a letra X do teclado para inverter as cores de Foreground e Background, sua cor de Foreground deve ser a branca agora, pressione a letra T do teclado para selecionar a Horizontal Type Tool, defina o tamanho da fonte, neste tutorial foi usado o tamanho de 100 pt para a parte principal e 72 pt para a parte menor, defina os valores abaixo e escreva uma palavra qualquer.



02. Agora selecione as letras da palavra maior e vá em Window> Character, diminua o epaçamento para algo em torno de -40 ou -55, feito isto selecione todo texto e mude sua cor para #e59710.



03. Agora vá em Layer> Layer Style> Inner Shadow, Layer> Layer Style> Inner Glow, Layer> Layer Style> Bevel And Emboss e Layer> Layer Style> Gradient Overlay, defina os valores abaixo, suas letras deverão ficar como na foto seguinte.



04. Pressione Ctrl+J para duplicar a layer, clique na layer original e vá em Layer> Hide Layers para desabilitar a visibilidade da layer, agora clique com o botão direito do mouse sobre a layer copiada e escolha a opção Rasterize Type, pressione Ctrl+Shift+Alt+N para criar uma nova layer acima da layer do texto, selecione as duas layers na paleta de layers e pressione Ctrl+E, isto irá rasterizar as layer styles também, vá em Edit> Transform> Perspective e distorça sua palavra como na foto abaixo.



05. Pressione Ctrl+J duas vezes com isto você terá três layers da palavra que foi distorcida, pressione Ctrl+G ou vá em Layer> Group Layers para criar uma pasta, dê o nome de Text, coloque estas três layers dentro desta pasta, renomei as três layers como na imagem abaixo, a primeira como Front (que será a layer que ficará na frente), a segunda como Mid (a layer que irá ficar no meio) e a terceria como Back (a layer que ficará no fundo do efeito), pressione a letra V do teclado para selecionara Move Tool, clique na layer Mid e dê alguns toques na seta direcional direita do teclado e logo após faça o mesmo com a layer Back até que sua palavra fique como a da foto abaixo.



06. Clique na layer Mid e defina o Fill em 0% e vá em Layer> Layer Style Gradient Overlay, escolha um gradiente que vá da cor #008aff para o transparente e pressione Ok, clique na layer Front e pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de "chrome grad.", com a tecla Ctrl pressionada clique sobre a miniatura da layer "Front" para ativar a seleção ao redor das letras, clique na layer "chrome grad." e pressione a letra G do teclado para selecionar a Gradient Tool, clique sobre a amostra de gradiente que existe na barra de opções da ferramenta e escolha o gradiente chamado Chrome, aplique como indicado na imagem abaixo e logo após mude o modo de blend da layer para Soft Light.



07. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer fora da pasta text e dê o nome de "highlight flare", pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace para preencher esta layer com a cor preta, vá em Filter> Render> Lens Flare, escolha a opção 100mm Prime Lens e deixe o valor de Brightness em 100%, posicione o brilho onde achar melhor, neste tutorial o brilho foi posicionado sobre a letra S no TUTS, mude o modo de blend da layer para Soft Light e pressione Ctrl+J para duplicar a layer, e coloque o segundo brilho onde achar melhor, neste tutorial ele foi posicionado entre o P e o S, clique no ícone de Add Layer Mask no rodapé da paleta de layers para adicionar uma máscar em sua layer, pressione a letra B do teclado para selecionar a Brush Tool e com a cor preta selecionada passe nas áreas fora do brilho existente na layer como na foto abaixo, pressione Ctrl+G ou vá em Layer> Group Layers para criar uma pasta, dê o nome de "soft flares" e coloque as duas layers que acabamos de criar dentro desta pasta, sua paleta de layers deverá ficar como na foto abaixo, agora pressione Ctrl+G ou vá em Layer> Group Layers novamente e crie uma nova pasta chamada PS Tuts, coloque todas as layers e pastas criadas dentro desta nova pasta.



08. Clique e arraste a pasta "PS Tuts" até o ícone de Add New Layer no rodapé da paleta de layers para duplicar a pasta, usando a mesma técnica de rasterização utilizada anteriormente pressione Ctrl+Shift+Alt+N para criar uma nova layer acima da cópia da pasta que criamos, selecione a nova layer e a pasta e pressione Ctrl+E para mesclar as duas layers, dê o nome de "reflection" para esta layer, vá em Edit> Transform> Flip Vertical e posicione esta cópia abaixo da palavra original, pressione Enter e vá em Edit> Transform> Skew, distorça a palavra para que o efeito de reflexo fique como na imagem abaixo, vá em Layer> Layer Mask> Reveal All para adicionar uma máscara na layer, pressione a letra G do teclado para selecionar a Gradient Tool, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, escolha um gradiente que vá do preto para o branco e aplique de cima para baixo, sua imagem deverá ficar como na foto abaixo.



09. Agora clique na pasta "PS Tuts" e pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de "flare front" para esta layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace para preencher a layer com a cor preta, vá em Filter> Render> Lens Flare, escolha a opção 50-300mm Zoom e defina o valor de 100% para Brightness, posicione o brilho onde achar melhor e pressione Ok, mude o modo de blend da layer para Linear Dodge (add).



10. Pressione Ctrl+J para duplicar a layer "flare front", mude o modo de blend da layer para Screen e deixe o brilho abaixo da pasta "PS Tuts" dê o nome de "flare back" para esta layer, posicione o brilho no lugar que achar mais adequado.



11. Pressione Ctrl+N para criar um novo arquivo, defina um tamanho de 40x 2 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e selecione a metade direita esquerda do documento, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor preta, pressione Ctrl+D para desabilitar a seleção e vá em Edit> Define Pattern dê um nome qualquer para seu novo pattern e pressione Ok.



12. Feche o novo arquivo e volte ao arquivos que estavamos trabalhando, clique na layer Background e pressione Ctrl+Shift+Alt+N para criar uma nova layer, vá em Edit> Fill, escolha a opção Pattern e escolha o Pattern que criamos no passo anterior, defina o Fill da layer em 0%, agora vá em Layer> Layer Style> Color Overlay e defina a cor em #dd04ad, diminua a opacidade para cerca de 64% dentro da caixa de Color Overlay e pressione Enter.



13. (Opcional) Caso queira mudar a orientação das listras criadas pressione Ctrl+T para abrir a caixa de Free Transform e rotacione a imagem em 90º, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Perspective e distorça a imagem afim de criar a perspectiva desejada, pressione Enter e ao final sua imagem estará como a da foto abaixo.



site de origem: http://psdtuts.com/tutorials/text-effects-tutorials/how-to-quickly-create-a-stylish-retro-text-effect/

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!!


    22 Comentários:

    Às 24 de novembro de 2008 15h57min00s BRST , Anonymous Anônimo disse...

    Parabéns pelo empenho em manter o conteúdo mesmo com os problemas de servidor!

    A gente agradece!

     
    Às 24 de novembro de 2008 15h58min00s BRST , Anonymous Anônimo disse...

    Ah! Hoje é meu aniversário! Responde meu e-mail sobre efeitos de água! =D

     
    Às 24 de novembro de 2008 19h07min00s BRST , Blogger Luis Osorio disse...

    Vlw pelo empenho... Muito bom seu site....

     
    Às 25 de novembro de 2008 11h40min00s BRST , Blogger Everaldo disse...

    Uau! Lindo efeito.

     
    Às 25 de novembro de 2008 15h46min00s BRST , Blogger Fernando Kobaia disse...

    Parabens pelo blog, ainda bem que não perdeu os tutoriais antigos, e continua animado, todos agradecem seu empenho

     
    Às 29 de novembro de 2008 19h02min00s BRST , Anonymous Isabelle disse...

    André, não consigo visualizar a imagem do passo 6. :S
    Obg.

     
    Às 6 de dezembro de 2008 21h41min00s BRST , Anonymous Jana Falk. disse...

    Você não é a única, Isabelle... ;DDD

     
    Às 8 de dezembro de 2008 16h37min00s BRST , Blogger Lucas disse...

    A Pior coisa eu fiz foi ter traduzido o PS os Tuto são todos em Portugues, mas com nomes de Filtros Ferramentas estão em Ingles !

    UAShauhSHuH


    Mas o site é um dos melhores em tutorias, Parabéns !

     
    Às 11 de dezembro de 2008 14h30min00s BRST , Blogger Melo disse...

    100mm Prime Lens não tem no PS cs4... Apenas existe 50-30mm Zoom, 35mm Prime, 105mm Prime, Movie Prime... Qual fica melhor?

     
    Às 11 de dezembro de 2008 14h45min00s BRST , Anonymous Anônimo disse...

    o tuto e mto bom, mas la pelo passo 7 fica confuso, pq as imagens tão um poco fora da ordem e me perco todo depois do passo 7... se arrumase melhor taria exelente mas falta isso. no final confude mto!

     
    Às 26 de janeiro de 2009 02h49min00s BRST , Anonymous Anônimo disse...

    Perfeiito o tuto . aiinda mais eu q estou começando agora com o PS .
    Só que no passo 03 . A iimagem nao carrega toda . =/
    Intao nao consegui fazer .

     
    Às 8 de fevereiro de 2009 10h56min00s BRST , Anonymous Anônimo disse...

    Boas, desde já PARABÉNS pelo o site/blog está muito fixe e ja me ajudaram muito!!
    Venho por este meio informar que no passo 6 a imagem está indisponivel e não consigo avançar, podem tentar arranjar isto!?

    PARABÉNS e fico a espera de mudança!!

     
    Às 26 de março de 2009 09h24min00s BRT , Anonymous Anônimo disse...

    Legal mais nunca dou conta de fazer nenhum tuto igual o seu ^^

    mais mesmo assim Parabens

     
    Às 4 de julho de 2009 15h38min00s BRT , Anonymous Anônimo disse...

    como é que eu instalo as letras

     
    Às 11 de novembro de 2009 14h18min00s BRST , Blogger x__neverland__x disse...

    Acho que seria mais fácil se vocês conseguissem pular linha a cada passo. Pra ler e acompanhar seria mais fácil. :B

     
    Às 9 de dezembro de 2009 20h37min00s BRST , Blogger irien-puccicae disse...

    Gente, este tuto precisa selecionar, ai dá um Ctrl C e cola no Word onde vocês podem diminuir as imagens (clica com o botão direito em cima das imagens e selecionam Tamanho. Coloquem uns 40%). Depois dêem um Print Screen (a Print Screen fica ao lado do F12) na imagem do passo 03. Copiem ela e colem no Photoshop (não importa a versão. Recortem as imagens separando-as e voltem a colar no Word. Fica mais fácil para fazer este tuto. Eu só consegui fazer este tuto porque fiz isto. Ficou show.
    O Andre é um gênio.
    Parabéns Andre.
    Feliz Natal e Próspero Ano 2010.

     
    Às 26 de dezembro de 2009 21h52min00s BRST , Blogger Felipe disse...

    cara tuto muito bom memo, vo faze aqui!
    Aqui é o melhor site de dicas de photoshop, vlws andré

     
    Às 24 de março de 2010 09h28min00s BRT , Anonymous Anônimo disse...

    Ensina fazer essa porcaria direito!!!!

     
    Às 4 de abril de 2010 15h42min00s BRT , Blogger X5games disse...

    andre vc e mto bom aprendi mta coisa aki com vc mto bom continue assim

    e n ligue pra esse comentarios idiotas nao blza

     
    Às 30 de abril de 2010 20h00min00s BRT , Anonymous Anônimo disse...

    que phoshop é esse?

     
    Às 21 de julho de 2010 04h25min00s BRT , Blogger Nanda lol [RIP]™ disse...

    Devo dizer que está excelente, mas a partir do passo 7 me atrapalhei muito e não estou conseguindo mais... =/

     
    Às 16 de julho de 2011 15h44min00s BRT , Anonymous Anônimo disse...

    Belo tuto mas a partir do 7 está tudo muito confuso, e tb nao consegui avançar...

     

    Postar um comentário

    Assinar Postar comentários [Atom]

    Links para esta postagem:

    Criar um link

    << Início