no , , , ,

Estilização de foto com palavras 2

Preview Descrição: Novamente veremos um efeito que utiliza palavras para estilizar uma imagem, mas desta vez veremos uma variação do efeito que utiliza palavras transformadas em Brush, usaremos filtros, layer styles e ajustes para criar este efeito.

Tutorial Intermediário

"use strict"; var adace_load_5f0ba4f1ed8ab = function(){ var viewport = $(window).width(); var tabletStart = 601; var landscapeStart = 801; var tabletEnd = 961; var content = '%3Cdiv%20class%3D%22adace_adsense_5f0ba4f1ed86a%22%3E%3Cscript%20async%20src%3D%22%2F%2Fpagead2.googlesyndication.com%2Fpagead%2Fjs%2Fadsbygoogle.js%22%3E%3C%2Fscript%3E%0A%09%09%3Cins%20class%3D%22adsbygoogle%22%0A%09%09style%3D%22display%3Ablock%3B%22%0A%09%09data-ad-client%3D%22ca-pub-3297652328497884%22%0A%09%09data-ad-slot%3D%221456553999%22%0A%09%09data-ad-format%3D%22auto%22%0A%09%09%3E%3C%2Fins%3E%0A%09%09%3Cscript%3E%28adsbygoogle%20%3D%20window.adsbygoogle%20%7C%7C%20%5B%5D%29.push%28%7B%7D%29%3B%3C%2Fscript%3E%3C%2Fdiv%3E'; var unpack = true; if(viewport=tabletStart && viewport=landscapeStart && viewport=tabletStart && viewport=tabletEnd){ if ($wrapper.hasClass('.adace-hide-on-desktop')){ $wrapper.remove(); } } if(unpack) { $self.replaceWith(decodeURIComponent(content)); } } if($wrapper.css('visibility') === 'visible' ) { adace_load_5f0ba4f1ed8ab(); } else { //fire when visible. var refreshIntervalId = setInterval(function(){ if($wrapper.css('visibility') === 'visible' ) { adace_load_5f0ba4f1ed8ab(); clearInterval(refreshIntervalId); } }, 999); }

})(jQuery);

01. Pressione Ctrl+O e abra uma foto qualquer no Photoshop, no caso deste tutorial usaremos a foto abaixo.

tutoriais photoshop

02. Vá em Image> Adjustments> Brightness/Contrast e defina os valores abaixo.

tutoriais photoshop

tutoriais photoshop

03. Agora vá em Select> Color Range.

tutoriais photoshop

04. Escolha a opção Shadows no menu dropdown Select e pressione Ok.

tutoriais photoshop

tutoriais photoshop

05. Com a seleção ativa pressione Ctrl+J para duplicar a área selecionada para uma nova layer, dê o nome de Shadow para a nova layer.

tutoriais photoshop

tutoriais photoshop

06. Clique na layer Background (da foto original) e vá em Select> Color Range, desta vez escolha a opção Midtones no menu dropdown Select, pressione Ok.

tutoriais photoshop

07. Com a seleção ativa pressione Ctrl+J para duplicar a área selecionada para uma nova layer, dê o nome de Midtone para a nova layer.

tutoriais photoshop

tutoriais photoshop

08. Clique na layer Shadow e vá em Edit> Fill, no menu dropdown Use escolha a opção Black, marque a opção Preserve Transparency e pressione Ok.

tutoriais photoshop

09. Agora clique na layer Midtones e vá e pressione Shift+Backspace (a tecla acima do Enter) ou vá em Edit> Fill, no menu dropdown Use escolha a opção 50% Gray e pressione Ok.

tutoriais photoshop

tutoriais photoshop

10. Clique na layer Shadow e pressione Ctrl+E para mesclar com a layer Midtone.

tutoriais photoshop

11. Agora pressione Ctrl+N para criar um novo documento, 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 a letra T do teclado para selecionar a Horizontal Type Tool e escreva diversas palavras usando fontes e tamanhos diferentes.

tutoriais photoshop

12. Para cada palavra criada clique sobre a layer com o botão direito do mouse e escolha a opção Rasterize Type.

tutoriais photoshop

13. Vá em Edit> Define Brush Preset, dê um nome para o brush que você está criando e pressione Ok, faça isto para cada palavra criada.

tutoriais photoshop

tutoriais photoshop

14. Volte ao documento que estamos trabalhando e pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco.

tutoriais photoshop

15. Pressione a letra B do teclado para selecionar a Brush Tool, escolha um dos brushes que acabaram de ser criados.

tutoriais photoshop

16. Agora vá em Window> Brushes, defina os valores abaixo e aplique o brush na imagem, como na foto abaixo.

tutoriais photoshop

16. Repita o processo com todos os outros brushes criados.

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

17. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione Ctrl+Backspace (a tecla acima do Enter) para preencher a layer com a cor branca.

tutoriais photoshop

18. Deixe a nova layer abaixo da layer onde aplicamos os brushes.

tutoriais photoshop

19. Retire a visibilidade (indo Layer> Hide Layers) de todas as layers com exceção da layer que mesclamos anteriormente (Shadow e Midtones).

tutoriais photoshop

20. Clique na layer que mesclada e pressione Ctrl+A para selecionar todo conteúdo do documento e Ctrl+C para copiar.

tutoriais photoshop

21. Ative a visibilidade de todas as layer novamente (indo em Layer> Show Layers), clique na layer onde aplicamos os brushes e vá em Layer> Layer Mask> Reveal All ou clique no ícone de Add Layer Mask no rodapé da paleta de layers, para adicionar uma máscara na layer.

tutoriais photoshop

22. Com a tecla Alt pressionada clique sobre a miniatura da máscara que foi aplicada na layer.

tutoriais photoshop

23. Pressione Ctrl+V para colar a imagem que copiamos anteriormente.

tutoriais photoshop

24. Pressione Ctrl+D para desabilitar a visibilidade da seleção e depois Ctrl+I(i) para inverter as cores da imagem.

tutoriais photoshop

25. Clique na miniatura da imagem da layer com os brushes para ativar novamente a imagem dos brushes aplicados.

tutoriais photoshop

26. Pressione Ctrl+Shift+Alt+N para criar uma nova layer e aplique mais brushes com palavras.

tutoriais photoshop

27. Clique na layer onde aplicamos a máscara e vá em Layer> Layer Style> Gradient Overlay, escolha um dos gradientes pré definidos e pressione Ok.

tutoriais photoshop

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

tutoriais photoshop

29. Clique na nova layer onde aplicamos os brushes e repita o processo, vá em Layer> Layer Style> Gradient Overlay, escolha um gradiente qualquer e pressione Ok.

tutoriais photoshop

tutoriais photoshop

30. No final sua imagem estará como a da foto abaixo.

tutoriais photoshop

Site de origem: http://www.psdtop.com/blog/photo-effects/typographic-portrait-like-grammys-posters/

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

$ s Comentários

Deixe uma resposta
  1. é ás , deu para perceber que vc gosotu O.O

    _____

    ficou muito legal mesmo ! muito massa esse efeito !

  2. Muito bom tutorial tal como todos os outros que estão no site, quero agradecer ao André e aos restantes pelo vosso esforço, excelente site, ajudou-me muito a compreender o Photoshop.
    Há algum tempo que quero aprender a fazer um sign ou também a chamada signature para foruns, sabes? mas o que se passa é que não encontro nenhum tutorial de jeito, podes-me ajudar? de certeza que não sou o único a querer fazer a sua própria signature.

    Agradeço por tudo, continuem! Espero resposta …

  3. Qual a fonte que é usada no BEAUTY? muitooo bom, efeitoo frenetico demais! parabens

  4. Boas…
    Eu decidi começar a aprender a trabalhar com o Photoshop.
    Ao qual ainda so comecei a aprender deste ontem.
    Gostava de aprender tudo ao pormenor a forma de mudar a cor dos olhos e de criar wallpaper's como este.
    Já vi o blog e tutoriais.

    Tentei fazer, mas há certas partes que não percebo o que tenho de fazer, pelo qual da'-me erro.
    Poderiam ajudar-me?

    Tambem não percebo quando dizem isto: "escolha o modo Radial, clique e arraste no documento para preencher "

    Não sei como arrasto : C

    Por favor E-mail: josemarques06[at]live.com.pt

  5. Muito Louco este desenho, vou tirar um foto e fazer o e mesmo.

    Obrigado
    Carleoncio

  6. Muito legal mesmo o tutorial,mais achei que aparte do rosto deveria ficar um pouco mais nitida, como a de antes de ele colocar as letras, e usar este efeito mais em volta, tipo cabelo e roupa, mais mesmo assim ficou muito bom o efeito, vou usar bastante hehe.Faloww

  7. Muito show esse tuto! Adoro essa mistura de tipografia com imagem, dá pra criar várias peças publicitárias legais! 😉

    Obrigada!

    Marcelle.

  8. Às 5 de Setembro de 2009 9h54min0s BRT , Blogger Felipe. disse…

    Caramba…
    Muito bom!!
    Fica Perfeita a foto!

    Às 5 de Setembro de 2009 17h49min0s BRT , Blogger J.Edu disse…

    é ás , deu para perceber que vc gosotu O.O

    uhasuhsauahsuhs ocara penso que o nome do bixo era AS nao eh nao lokao eh Felipe

    Foto Ficou PErfeita

  9. MUITOOOOOOOOO LOUCO O TUTO… fiz, aprovei e ja postei a minha.
    dei alguns ajustes finais com filtros…. e claro isso vai da imaginação de cada um…. adorei mesmo… da pra usar trankis numa propaganda.

    =D

    Valeu André e os colaboradores.
    =*

  10. Eu fiz esse tuto e ficou lindo demais!!!!
    é mt raro eu fazer algum efeito e nao dar certo!

  11. Nossa, que porcaria, como é que você posta uma p@#ra dessa car#@ho! Vê se deixa de ser preguiçoso andre e começa a posta uns tutos bons porque a qualidade desse site ta uma merda… fala seriu

  12. Eu adorei o tutorial… eu fiz e o resultado ficou otimo!!! ate coloquei no meu site!! bjo

  13. Belo efeito, adorei! Parabéns André!
    Perguntinha básica: Qual o nome da fonte usada na palavra 'PORTRAIT'?

    Agradeço o help.

    o/

  14. SENSACIONAL!

    Incrível como um efeito tão incrível foi tão fácil de fazer, seguindo o tutorial, que está excelente.

    Parabéns e obrigado!

Deixe uma resposta

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

7 − 3 =

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