no , , , ,

Estilização avançada de texto

Preview Descrição: Hoje veremos uma estilização de texto avançada, usaremos diversos recursos do Photoshop e trabalharemos com a paleta de Channels, Filtros, Layer Styles, Modos de Blend, criaremos patterns e trabalharemos seleções para chegar ao resultado final.

Tutorial Avançado

01. Primeiro começaremos criando o Pattern que será utilizado nas letras, para isso pressione Ctrl+N para criar um novo documento, defina o tamanho de 100×100 pixels, 300 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 (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer Background com a cor preta, pressione a letra M do teclado para selecionar a Elliptical Marquee Tool, na barra de opções da ferramenta marque a opção Fixed Size e defina o valor de Width e Height em 24 pixels, clique dentro do documento para criar uma seleção circular, mova a seleção para o canto superior esquerdo do documento, como na foto abaixo, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressiona Alt+Backspace (a tecla cima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor branca, agora pressione Ctrl+R para que as Rulers apareçam em seu documento, clique sobre a Ruler horizontal e arraste uma nova linha guia, deixe ela no centro da seleção que foi criada, clique sobre a Ruler vertical e arraste uma nova linha guia, deixe ela no centro da seleção criada, como na foto abaixo, pressione Ctrl+J para duplicar o círculo criado, posicione a cópia do círculo 40 pixels abaixo do círculo original, pressione Ctrl+J para duplicar a layer novamente, desta vez mova a cópia 20 pixels para cima e 20 pixels para a direita, pressione Ctrl+J novamente e mova a cópia da layer 20 pixels para cima e 20 pixels para a direita, pressione Ctrl+J novamente e mova a cópia da layer 40 pixels para baixo, pressione Ctrl+Shift+E para mesclar todas as layers, clique e arraste sobre as Rulers horizontais e verticais e adicione mais duas linhas guia no centro de cada círculo criado, pressione Shift+M para selecionar a Rectangular Marquee Tool, crie uma seleção no centro dos círculos criados, como na foto abaixo e depois vá em Edit> Define Pattern, dê o nome de Holes para o Pattern criado e pressione Ok, feito isto você pode fechar o documento (não é necessário salvar, mas por segurança salve antes de fechar).

tutoriaisphotoshop.net

02. Agora pressione Ctrl+N para criar um novo documento, defina o tamanho de 1450×700 pixels, 300 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 a letra T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer, neste tutorial a fonte usada foi a Arial Black no tamanho 116 pt.

tutoriaisphotoshop.net

03. Agora vá em Layer> Layer Style> Stroke e depois em Layer> Layer Style> Pattern Overlay, escolha o Pattern que criamos e defina os valores abaixo, pressione Ok.

tutoriaisphotoshop.net

04. Clique na layer Background e vá em Layer> Hide Layers para retirar a visibilidade da layer, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de 2 Alpha para a nova layer e deixe acima de todas as outras na paleta de layers, vá em Image> Apply Image, defina os valores abaixo, marque a opção Invert e pressione Ok.

tutoriaisphotoshop.net

05. Com a tecla Ctrl pressionada clique sobre a miniatura da layer 2 Alpha para ativar a seleção, pressione Ctrl+C para copiar, vá em Window> Channels para ativar a paleta de channels, clique no ícone de Create New Channel no rodapé da paleta de Channels para criar um novo Channel, pressione Ctrl+V e depois Ctrl+D para desabilitar a seleção.

tutoriaisphotoshop.net

06. Agora vá em Window> Layers para voltar para a paleta de layers novamente, clique na layer 2 Alpha e vá em Layer> Delete> Layer para deletar a layer, retire a visibilidade da Layer Style de Pattern Overlay que aplicamos anteriormente clicando no pequeno olho em frente à Layer Style, vá em Window> Character para abrir a paleta Character e defina a cor da fonte para branca como na foto abaixo.

tutoriaisphotoshop.net

07. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de 2 Alpha novamente, deixe a layer acima de todas as outras layers dentro da paleta de layers, vá em Image> Apply Image, defina os valores abaixo, desmarque a opção Invert e pressione Ok.

tutoriaisphotoshop.net

08. Com a tecla Ctrl pressionada clique na miniatura da layer 2 Alpha para ativar a seleção, pressione Ctrl+C, vá em Window> Channels, clique no ícone de Create New Channel no rodapé da paleta de Channels para criar um novo Channel e pressione Ctrl+V para colar, com a tecla Ctrl pressionada clique sobre a miniatura do channel Alpha 2 para ativar a seleção.

tutoriaisphotoshop.net

09. Agora vá em Window> Layers para ativar a paleta de Layers novamente, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Text para a nova layer, vá em Window> Swatches e escolha a cor 80% Gray, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecione a Paint Bucket Tool, clique dentro da seleção para preencher com a cor escolhida, pressione Ctrl+D para desabilitar a seleção, clique na layer do texto e vá em Layer> Hide Layers para retirar a visibilidade da layer.

tutoriaisphotoshop.net

10. Agora clique na layer Background e vá em Layer> Show Layers para ativar a visibilidade da layer, vá em Window> Swatches para ativar a paleta Swatches novamente, escolha a cor 90% Gray, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor escolhida, clique na layer Text e vá em Layer> Layer Style> Pattern Overlay, defina os valores abaixo, depois vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo, pressione Ok.

tutoriaisphotoshop.net

11. Pressione Ctrl+J para duplicar a layer, dê o nome de Paint para a nova layer, clique e arraste as layer styles que estão atreladas a esta layer para o ícone de Delete Layer no rodapé da paleta de layers.

tutoriaisphotoshop.net

12. Agora vá em Window> Channels para ativar a paleta de Channels, clique no ícone de Create New Channel no rodapé da paleta de Channels, vá em Filter> Render> Clouds e depois em Filter> Render> Difference Clouds, pressione Ctrl+F para reaplicar o filtro, vá em Image> Adjustments> Invert e depois pressione Ctrl+L para abrir a caixa de Levels, defina os valores de 200, 1, 255 e pressione Ok, com a tecla Ctrl pressionada clique na miniatura do Channel para ativar a seleção.

tutoriaisphotoshop.net

13. Agora vá em Window> Layers para voltar para a paleta de layers, clique na layer Paint e pressione Delete para deletar as áreas selecionadas, vá em Layer> Duplicate Layer para duplicar a layer e dê o nome de Grain para a nova layer, vá em Layer> Hide Layers para deixar a layer sem visibilidade por enquanto, pressione Ctrl+D para desativar a seleção.

tutoriaisphotoshop.net

14. Agora clique na layer Paint e vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Inner Glow e Layer> Layer Style> Gradient Overlay, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

15. Pressione Ctrl+Shift+Alt+N para criar uma layer acima da layer Paint, dê o nome de Color para a nova layer, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente no modo Linear e aplique na diagonal, como na foto abaixo, vá em Layer> Create Clipping Mask e depois mude o modo de blend da layer para Difference.

tutoriaisphotoshop.net

16. Clique na layer Grain e vá em Layer> Show Layers para ativar a visibilidade da layer novamente, agora vá em Filter> Artistic> Film Grain, defina o valor de Grain em 10 pixels, Intensity em 0, pressione Ok, mude o modo de blend da layer para Color Dodge.

tutoriaisphotoshop.net

17. Com a tecla Ctrl pressionada clique sobre a miniatura da layer Text para ativar a seleção ao redor das letras, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Highlight para a nova layer, pressione a letra M do teclado para selecionar a Elliptical Marquee Tool, pressione as teclas direcionais do teclado uma vez para cima e uma vez para a esquerda afim de mover a seleção 1 pixel para cima e 1 pixel para a esquerda, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor branca, agora pressione a tecla direcional 1 vez para baixo e 1 vez para a direita para mover a seleção 1 pixel para baixo e 1 pixel para a direita, pressione Delete para deletar o conteúdo, vá em Layer> Layer Style> Outer Glow e defina os valores abaixo.

tutoriaisphotoshop.net

18. Agora vá em Window> Channels para ativar a paleta de Channels novamente, com a tecla Ctrl pressionada clique sobre a miniatura da layer Alpha 2 para ativar a seleção, vá em Window> Layers para ativar a paleta de layers novamente, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Highligth 2 para a nova layer, com as teclas direcionais do teclado clique duas vezes para a direita e 2 vezes para baixo para mover a seleção 2 pixels para cima e 2 pixels para baixo, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor branca, agora clique nas setas direcionais do teclado 2 vezes para a esquerda e 2 vezes para cima, para mover a seleção 2 pixels para a esquerda e 2 pixels para a cima, pressione Delete, pressione Ctrl+D para desabilitar a seleção.

tutoriaisphotoshop.net

19. Agora vá em Filter> Blur> Gaussian Blur e defina os valores abaixo, pressione Ok.

tutoriaisphotoshop.net

20. Vá em Window> Channels para ativar a paleta de Channels novamente, com o botão Ctrl pressionado clique sobre a miniatura do Channel Alpha 2 para ativar a seleção, vá Window> Layers para ativar a paleta de Layers novamente, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Shade para a nova layer, pressione as setas direcionais do teclado 2 vezes para a esquerda e 2 vezes para cima para mover a seleção 2 pixels para a esquerda e 2 pixels para cima, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool, clique no documento para preencher a seleção com a cor preta, pressione as teclas direcionais do teclado 2 vezes para a direita e depois 2 vezes para baixo para mover a seleção 2 pixels para a direita e depois 2 pixels para baixo, pressione Delete e depois Ctrl+D para desabilitar a seleção.

tutoriaisphotoshop.net

21. Vá em Filter> Blur> Gaussian Blur e defina os valores abaixo.

tutoriaisphotoshop.net

22. Com a tecla Ctrl pressionada clique sobre a minitura da layer de texto para ativar a seleção ao redor do texto, pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe essa layer no topo da paleta de layers, dê o nome de Shade 2, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor escolhida, pressione as setas direcionais do teclado 2 vezes para cima e 2 vezes para a esquerda para mover a seleção 2 pixels para cima e 2 pixels para a esquerda, pressione Delete, com a tecla Ctrl pressionada clique sobre a miniatura da layer de texto novamente, vá em Filter> Blur> Gaussian Blur e defina o valor de Radius em 2 pixels, pressione Ok.

tutoriaisphotoshop.net

23. Com a tecla Ctrl pressionada clique sobre a miniatura da layer de texto para ativar a seleção ao redor do texto, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Highlight 3 e deixe ela acima de todas as outras layers, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique na seleção para preencher com a cor preta, com as setas direcionais do teclado clique 2 vezes para baixo e 2 vezes para a direita para mover a seleção 2 pixels para baixo e 2 pixels para a direita, pressione Delete, com a tecla Ctrl pressionada clique novamente sobre a miniatura da layer de texto para ativar a seleção ao redor do texto, vá em Filter> Blur> Gaussian Blur e defina os valores abaixo, pressione Ctrl+D para desabilitar a seleção.

tutoriaisphotoshop.net

24. Agora clique na layer Background e pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Texture para a nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) 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, vá em Filter> Render> Lens Flare, defina o valor de Brightness em 160% e Lens Type em 50-300mm Zoom, pressione Ok, vá em Filter> Render> Difference Clouds e depois em Image> Adjustments> Desaturate, vá em Filter> Distort> Glass e defina os valores de 20 pixels para Distortion, 2 para Smoothness e 100% para Scaling, pressione Ok, agora vá em Layer> Layer Style> Gradient Overlay, defina o modo de blend para Multiply e a opacidade em 70%, sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

25. Você pode conseguir outras variações do efeito mudando a cor do gradiente aplicado na layer Color ou mudando a textura da layer style Pattern Overlay aplicada na layer Text.

tutoriaisphotoshop.net

26. No final suas letras estarão como a da foto abaixo.

tutoriaisphotoshop.net

site de origem: http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-create-eroded-metal-text-with-photoshop/

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

$ s Comentários

Deixe uma resposta
  1. Bom dia !!!, muito bom este artigo, parabéns. A cada dia me surpreendo com as utilidades do Photoshop e é claro com sua criatividade.

  2. bom dia parabenss pelo tutorial detonando como sempre por isso q esse site é minha pagina inicial
    abraco

  3. Oi André, parabéns pelo tutorial!
    Não estou conseguindo passar do passo 9. Faço tudo como vc diz, mas o passo 9 não dá o mesmo resultado. Uso o CS2…Acho q estou me enrolando com os canais…me dá uma luz?
    Obrigada
    Ana

  4. Oi André, sou eu novamente…vou ser mais clara. No passo 9, quando crio uma nova layer (após ter selecionado a miniatura do canal alfa2), clico na seleção para pintá-la de cinza e todas as letras ficam preenchidas de cinza, não fica como mostrado no tutorial, somente a textura!!! Não sei o q estou fazendo de errado, já é a 6a. vez q tento…rsrs
    Obrigada novamente
    Anapaula

  5. Ótimo resultado, muito bom.

    08. Com a tecla Ctrl pressionada clique na miniatura da layer 2 Alpha para ativar a seleção, pressione Ctrl+C, vá em Window> Channels, clique no ícone de Create New Channel no rodapé da paleta de Channels para criar um novo Channel e pressione Ctrl+V para colar, com a tecla Ctrl pressionada clique sobre a miniatura do channel Alpha 2 para ativar a seleção.

    Ao invés de clicar na Alpha 2, é na 1. a 2 não está perfurada. ;D

    Abraço

  6. Ana, o problema está no nome do Alpha, o passo 8 vc tem que pressionar Ctrl e clicar no ***Alpha 1*** ;DD, dei uma olhada e achei o problema ;DD

    LeandrO.JesuiS.

  7. Opahh tenho uma duvida no passo 10, qual pattern foi usado na Layer text..? eu ñ tenho esse ..
    muito obrigado !

    abraço

  8. OPa, André. tudo bem? Então cara, seguinte, eu naum consegui passar do passo 9 pq vc pede esconder a camada e tals… mas na imagem de exemplo soh tem 3 camadas enquanto na minha tem 4 camadas, eu apaguei a camada 2 Alpha 1 vez e vc pediupra criar outra camada 2 Alpha mais uma vez e não pediu pra excluir denovo, sendo q na sua imagem não tem!! Faça uma revisão no tutorial aew por favor!, para não acompanhar errado, blz!!!

    abç

  9. gALERA TA DANDO ERRADO PQ NO PASSO NOVE VCS TEM QUE MUDAR O AQUELE NEGOÇO ONDE TEM PRA COLOCAR OVERLAY ( PRA MIM SUBESPONER ) TEM QUE COLOCAR ( NO MEU eSPANHOL) ACLARAR, E EM VEZ DE PEGAR A ALFA 2, DELECIONEM A ALFA 1 ( ACONSELHO DESVISUALIZAR TODAS E DEIXAR SOMENTE A LAYER TEXT ) ENAUM ASSIM VC PREENCHE OS ESPAÇOS COM O GRIS 80 PCT E VISUALIZEM TODAS AS OUTRAS LAYERS DE NOVO, XD BOA SORTE, COMIGO DEU CERTO

    ———————– //——————————- // ——————
    "O homem não nasce ignorante, mas as suas faltas de atitudes o tornam assim"

    Galera do Touturials, vcs são mt bons, mas to começando a axar que isso é mascara, pq só traduzir eu vo no google e faço, mas saber mexer…
    Tem gente que sabe mexer, mas outros …
    infelizmente eu faço parte desse segundo grupo xD

  10. POXA ME ENROLEI LOGO NO COMEÇO NA ORA Q ELE COMEÇA A FALAR
    clique sobre a Ruler horizontal e arraste uma nova linha guia, deixe ela no centro da seleção que foi criada, clique sobre a Ruler vertical e arraste uma nova linha guia, deixe ela no centro da seleção criada, como na foto abaixo, pressione Ctrl+J para duplicar o círculo criado, posicione a cópia do círculo 40 pixels abaixo do círculo original, pressione Ctrl+J para duplicar a layer novamente, desta vez mova a cópia 20 pixels para cima e 20 pixels para a direita, pressione Ctrl+J novamente e mova a cópia da layer 20 pixels para cima e 20 pixels para a direita, pressione Ctrl+J novamente e mova a cópia da layer 40 pixels para baixo

    POXA NAO SEI ONDE VER ESSES 20 E 40 PIXEL Q ELE FALA NEM SEI ONDE PUXAR PRA DIREITA COMO ISSO ? ALGUEM ME D UMA LUZ POR FAVOR SE ALGUEM FOR MAIS GENEROSO QUE CONSIGUIU FAZER A TAL HOLES SALVA E POSTA EM ALGUMA SITE PRA DOWNLOAD E MANDA O LINK AQUI OU ATE MANDA O LINK PRA MEU EMAIL OU MANDA A PROPIAS HOLES ANEXADA AGRADEÇO DESDE DE JA SEI QUE VAI SER DIFICIL ACHAR UMA ALMA CARIDOSA =P MAIS TO TENTANDO VLWS GOSTEI MUITO DO TUTO QUERO FAZER ELE ATE +

    EMAIL É godfaithful[at]gmail.com

  11. poxa veio quando eu consigo fazer o holes o cara erra no tutorial ae os cara fica falando onde é alpha 2 é pra clicar na 1 onde porra ta essa alpha 1 afff o cara traduz o tuto nem testa pra ver se ta certo e posta ae pqp tutorial massa mai se ele corrigisse o erro que ta ali seria melhor

  12. vaio tomar no cu raiva do caraleooooo o cara erra o tutorial pqp ageita essa porra fdpperda de tempo do carai quebra cabeça de um aporra pra eese putu traduzir errado fdp

  13. ai andre desculpe o que vou falar agora ta: o Tom e esse outro que tão chingando ai que se fodam tomem no seus cú se não sebem o adm do blog não nasceu só para cuidar do blog ta tbm tem uma vida particular e tbm trabalha e outra errar é humano e antes de sair chingando todo mundo ai tem resolver ai sozinhos e quer saber para sair falando assim então vem fazer melhor fdp.

  14. img689.imageshack.us/img689/8825/estelizaaoavanada.jpg

    finalmente

  15. salve, salve andré. vc é o mago desse programa. um abraço. eu ainda estou "engatinhando" nesse programa. por isso, aproveito bem os tutorias para aprender. gostaria muito de me tornar um profissional na area de design, nao sei se tenho potencial para tanto se vc quiser ver o que fiz, por favor entre no site tribalrox.com.br e vera um banner simples que criei.

  16. AJUDAR AE!!
    no 1° passo qndo eu clico pra faze a bolinha aparece um aviso:
    "warning: no pixels are more than 50% selected. the selection edges will not be visible"
    o q eu faço?

  17. aki tb no 1° passo qndo eu clico pra faze a bolinha aparece um aviso:
    "warning: no pixels are more than 50% selected. the selection edges will not be visible"
    o q eu faço?

  18. ow galera vai toma no cu, o cara tem a boa vontade de postar tudo isso aqui e vocês vem reclamar? aqui funcionou normal pois não sou retardado! simples assim… poderia vir explicar onde cada um está errando mais devido a ingratidão de todos…fiquem ai se matando!

  19. LOrran se nao me engano no passo 10 foi usado o pattern black marble 200×200… é um pattern defalt do photoshop cs5, para seleciona-lo vc clica na setinha do lado da janela dos patterns e escolhe rock patterns
    espero ter ajudado

Deixe uma resposta para LOrran Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

cinco × três =

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Trichrome Blue.

Inspiração, Cartazes de Rock: Depeche Mode.