em , , , ,

Tutorial: Estilização de foto com palavras

Preview Descrição: Como estilizar uma foto usando palavras transformadas em brush.

  • [message]
    • ##check##AVISO: Estilização de foto com palavras

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado 🙂

tutoriais photoshop

01. Pressione Ctrl+O e abra uma foto qualquer, para este tutorial usaremos a imagem abaixo (caso queira usar a mesma imagem clique com o botão direito do mouse sobre a foto abaixo e escolha a opção Save Link As), caso você use outro tipo de foto que não seja preto e branco depois de abrir pressione Ctrl+Shift+U para retirar a saturação da imagem.

Estilização de foto com palavras

02. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra L do teclado para selecionar a Lasso Tool, selecione o colete, gravata e óculos, com a seleção criada 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 na seleção para preencher com a cor escolhida.

Estilização de foto com palavras

03. Agora pressione a letra T do teclado para selecionar a Horizontal Type Tool, neste tutorial foi usada a fonte Arial, tamanho 30, escreva algo, vá em Layer> Rasterize> Layer para rasterizer a layer de texto, desabilite a visibilidade de todas as layers (com excessão da layer de texto) clicando na layer de contorno e indo em Layer> Hide Layers e depois clicando na layer da foto e indo em Layer> Hide Layers, agora vá em Edit> Define Brush Preset para transformar a palavra em Brush, dê um nome para seu brush e pressione Ok.

Estilização de foto com palavras

04. Agora habilite novamente a visibilidade das layers clicando na layer da foto e indo em Layer> Show Layers e depois clicando na layer de contorno e indo em Layer> Show Layers, pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de “Face Dark Details”, pressione a letra B do teclado para selecionar a Brush Tool, clique no ícone do brush na barra de opções da ferramenta e escolha o brush que acabamos de criar, vá em Window> Brushes e defina os valores abaixo.

Estilização de foto com palavras

Estilização de foto com palavras

05. Reduza o tamanho do brush para 10 pixels, deixe a opacidade em 100% e passe nas áreas pretas do rosto na foto como na imagem abaixo.

Estilização de foto com palavras

Estilização de foto com palavras

06. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de “Face Medium Details”, na barra de opções da ferramenta defina a opacidade do brush em 40% e passe o brush nas áreas de sombra da sua foto como na imagem abaixo.

Estilização de foto com palavras

Estilização de foto com palavras

07. Presssione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de “Face Light Details”, repita os mesmo passos aplicando o brush nas partes mais claras da imagem, porém desta vez use a opacidade do brush em 20%.

Estilização de foto com palavras

Estilização de foto com palavras

08. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de “Hair Small”, na barra de opções da ferramenta defina o tamanho do brush em 100 pixels e opacidade em 100%, agora vá em Window> Brushes e defina os valores abaixo.

Estilização de foto com palavras

09. Passe o brush nas bordas do cabelo em áreas próximas ao rosto como na imagem abaixo.

Estilização de foto com palavras

10. Agora vá em Window> Brushes e defina os valores abaixo.

Estilização de foto com palavras

11. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de “Hair Medium”, defina o tamanho do brush em 175 pixels e passe no restante do cabelo.

Estilização de foto com palavras

12. Caso as palavras sobreponham partes da cabeça como a orelha na imagem abaixo pressione a letra E do teclado para selecionar a Eraser Tool e passe nas áreas onde desejamos deletar as palavras, no caso da imagem abaixo ela foi aplicada na orelha (na layer “Hair Small”).

Estilização de foto com palavras

Estilização de foto com palavras

13. Agora clique na layer da foto e pressione Ctrl+J para duplicar a layer, clique na layer original e vá em Layer> Hide Layers, posicione a layer da cópia acima de todas as outras layers em sua paleta de layers e mude o modo de blend para Vivid Light, sua imagem deve ficar como na foto abaixo.

Estilização de foto com palavras

14. Agora vá em Image> Canvas Size e aumente o tamanho do documento para a direita e para cima, na imagem do tutorial o tamanho do documento foi aumentado em 1500 pixels para cima e para direita.

Estilização de foto com palavras

15. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de “Hair Large”, pressione a letra B do teclado para selecionar a Brush Tool, defina o tamanho em 250 pixels e use a mesma técnica usada com o brush para criar mais cabelos.

Estilização de foto com palavras

16. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra T do teclado para selecionar a Horizontal Type Tool, escolha a fonte Arial tamanho 100 com a cor preta e escreva uma palavra qualquer no alto do documento.

Estilização de foto com palavras

17. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de “Text Small”, pressione a letra B do teclado para selecionar a Brush Tool, diminua o tamanho do brush para 100 pixels e passe ao redor do texto criado como na imagem abaixo.

Estilização de foto com palavras

18. Pressione Ctrl+Shift+Alt+N duas vezes para criar duas novas layers, dê o nome de “Text Medium” e “Text Large” para as layers, use o brush com tamanho de 175 pixels para a layer “Text Medium” e 250 pixels para a layer “Text Large” crie algumas palavras ligando aos cabelos com a palavra criada como na foto abaixo.

Estilização de foto com palavras

19. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de “Jacket Curve”, pressione a letra P do teclado para selecionar a Pen Tool, crie um Path como na imagem abaixo, depois de criado pressione Ctrl+Enter para ativar a seleção com a cor preta selecionada 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 preta, pressione Ctrl+D para desabilitar a seleção, deixe esta layer abaixo das layers de texto na paleta de layers.

Estilização de foto com palavras

Estilização de foto com palavras

20. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de “Excess Text”, deixe esta layer acima de todas as outras na paleta de layers, aplique o brush variando seu tamanho por toda a extensão do documento como na imagem abaixo.

Estilização de foto com palavras

21. Agora clique com a tecla Ctrl pressionada sobre a miniatura da layer “Jacket Curve” para ativar a seleção ao redor do Path criado, clique em alguma layer de texto que passe por cima desta layer e pressione Ctrl+I para inverter a cor das palavras, sua imagem deverá ficar como na foto abaixo.

Estilização de foto com palavras

22. (Opcional) Aqui o texto “Mr. Cool” foi aumentado, para isto basta clicar na layer do texto e pressione Ctrl+T para abrir a caixa de Free Transform, com a tecla Shift pressionada clicar em um dos pontos diagonais da caixa e arrastar afim de aumentar o tamanho da palavra, clique com a tecla Ctrl pressionada sobre a miniatura da layer de texto para selecionar as letras, com a seleção ativada clique nas layers de brush que sobrepões o texto e pressione Ctrl+I para inverter a cor do texto como feito anteriormente, ao final pressione Ctrl+D para desabilitar a visibilidade da seleção.

Estilização de foto com palavras

23. (Opcional)Pressione Ctrl+Shift+Alt+N para criar uma nova layer, aplique um brush como o rising sun, deixe esta layer abaixo de todas as outras layers.

Estilização de foto com palavras

24. Clique com a tecla Ctrl pressionada sobre a miniatura da layer do brush rising sun para ativar a seleção ao redor do brush, com a seleção ativa clique nas layers de palavras usadas e pressione Ctrl+I para inverter a cor do texto.

Estilização de foto com palavras

25. Pressione Ctrl+D para desabilitar a seleção, clique na layer do brush rising sun e vá em Layer> Layer Mask> Reveal All para aplicar uma máscar na layer, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá do preto para o transparente, na barra de opções da ferramenta escolha o modo de gradiente radial, aplique do centro do brush para a ponta afim de que ele fique como na imagem abaixo.

Estilização de foto com palavras

26. Pressione Ctrl+O e abra uma textura de papel qualquer, pressione Ctrl+A para selecionar, Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer acima da layer Background e abaixo de todas as outras layers, pressione Ctrl+V para colar a imagem, vá em Image> Adjustments> Hue/Saturation e defina Saturation em -50 e Lightness em +15, pressione Ok, ao final sua imagem estará como a da foto abaixo.

Estilização de foto com palavras

site de origem: http://psdfan.com/designing/create-an-awesome-illustration-using-custom-brushes/

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.

Deixe um comentário para UnknownCancelar resposta

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

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

12 Comments

  1. Primeiramente, gostaria de parabenizá-lo pelo trabalho. Gostei muito do site.
    Em segundo, gostaria de pedir uma ajuda: fiz todos os passsos corretamente, mas só quando estava no passo 14, notei que o cabelo ainda fazia parte da imagem. A imagem está igualzinha, com excessão do cabelo que ainda está presente. Deixei de fazer algum passo corretamente? Em que passo você “retirou” o cabelo dele?
    Um abraço.

  2. Parabéns!!! Pelo tutorial, meu favorito até agora. Pelo blog que é um veículo de utilidade pública mto bem elaborado. A cada tutorial você supera minha espectativa.
    Continue sempre com esse trabalho que elogiado ou não é uma bela iniciativa pra começo de conversa ein. Mostrar arte em um mundo onde tudo é feio onde as pessoas se preocupam e dedicam seu tempo tomando atitudes ou pensando em como matar, roubar, ferir, estorquir, manipula, maltratar, enganar e tantas outras coisas, sem dúvida pessoas como são importantissimas pro mundo.
    Vc é jóia cara. Te admiro e bola pra frente com esse blog sempre.
    Adoro.
    Abraço

  3. Oi Karla, eu que agradeço a visita! volte sempre!!

    Oi Warias, divulgado! vou visitar e deixarei um recado ok? obrigado pela visita!!

    Oi YingYang, obrigado pela visita!!

    Oi Anônimo, no final das contas o que vale mais é a imaginação né? 😀 obrigado pela visita!!

    Oi Anônimo, obrigado pela visita!!

    Oi Lory, realmente essas imagens da Chilli Beans são bem legais, eu desconfio que seja trabalho de algum ilustrador, já vi de perto e parecem uma mistura de trabalho vetorial com pintura, nunca postei um tutorial ou vi um tutorial do tipo, mas se encontrar com certeza postarei aqui, obrigado pela visita! 😀

  4. Párabeens André! Sempre tô aprendo mais aqui!
    Vem cá, não sei se já tenha passado p/ galera, mas gostariia muito de aprender o tuto ou talvez um similar do estilo das fotos conhecidas da Chili Beans, já viu?
    finissimo.com.br/blogdoeditor/wp-content/uploads/2007/07/chilli.jpg

    Há tempos que sou xonada nesse estiilo!
    Valeu André
    Parabéns sempre!
    Continue com esse blog nota 10!
    Abraaaço!

  5. Muito show esse seu site/blog cara, ensina realmente muitas coisas legais.
    Gostaria tb de te parabenizar pela conscientização ambiental, aproveitando, veio falar do meu blog, que é especialmente sobre esse assunto. quemundolindo.blogspot.com
    da uma entrada lá e de opiniões. abraço

Björk – Human Behaviour.

Trabalho de graduação em vídeo de Vincent Chai.