Preview Descrição: Como criar um texto feito de grama através do Photoshop.

  • [message]
    • ##check##AVISO: Texto feito de grama

      • 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+N para criar um novo documento, defina um tamanho de 1920×1200 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a letra G do teclado para selecionar a Gradient Tool, clique no gradiente que existe na barra de opções da ferramenta para editá-lo, defina um gradiente que vá de um verde-amarelado (#ADBF41) para um verde-de-meio-tom (#328A26), use um gradiente de tipo radial, clique no documento e arraste para aplicar, sua imagem deve ficar como a da foto abaixo.

Texto feito de grama

02. Neste passo será necessário usar uma textura de papel, neste site você encontrará a textura usada no tutorial, mas nada impede que se use outra textura, pressione Ctrl+O e abra a textura de papel que será usada, pressione Ctrl+Shift+U para retirar a saturação da imagem, pressione Ctrl+A para selecionar seu conteúdo e Ctrl+C para copiar.

Texto feito de grama

03. Volte ao documento que estávamos trabalhando e pressione Ctrl+V para colar, mude o modo de blend da layer para Overlay e defina a opacidade em 70%.

Texto feito de grama

04. Caso queira acentuar seu efeito pressione Ctrl+O e carrega mais texturas realizando os dois últimos passos, na imagem abaixo foram carregadas 6 texturas para dar mais profundidade a composição.

Texto feito de grama

05. Agora clique na layer do gradiente que foi criado (na paleta de layers) e pressione Ctrl+J para duplicar a layer, posicione a cópia do gradiente acima de todas as outras layers e defina o valor de 40% para sua opacidade.

Texto feito de grama

06. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra B do teclado para selecionar a Brush Tool, selecione um brush de tamanho grande e pontas suaves, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, passe nas pontas do documento afim de escurecer as pontas, mude a opacidade da layer para 30% e mude seu modo de blend para Overlay, pressione Ctrl+J para duplicar a layer, vá em Filter> Blur> Gaussian Blur e defina um valor de aproximadamente 32 pixels para o Radius e pressione Ok.

Texto feito de grama

07. Seu background já deve estar como o da imagem abaixo.

Texto feito de grama

08. Agora pressione Ctrl+O e abra uma textura de grama, no tutorial abaixo foi usada esta textura extraída do Flickr, sinta-se a vontade para usar a textura que achar melhor.

Texto feito de grama

09. Pressione a letra X do teclado para inverter as cores de Foreground e Background, sua cor de Foreground deve ser branca, pressione a letra T do teclado para selecionara Horizontal Type Tool, no caso deste tutorial foi usada a fonte Swiss 924BT, escreva uma palavra qualquer, no tutorial foi escrita a palavra “Earth”(Terra), mude o modo de blend da layer para Overlay e defina a opacidade em 50%.

Texto feito de grama

10. Com a textura de grama ao fundo seu texto deve ficar como na imagem abaixo.

Texto feito de grama

11. Vá em Window> Paths, pressione a letra P do teclado para selecionar a Freeform Pen Tool e desenhe as letras usando formas irregulares como na imagem abaixo, para cada letra crie um novo Path clicando no ícone de Create a New Path no rodapé da paleta de Paths, faça isto para todas as letras.

Texto feito de grama

12. Na paleta de Paths clique com o botão direito do mouse sobre o primeiro path (letra) e escolha a opção Make Selection, defina o valor de Feather Radius em 0 pixels e pressione Ok, vá em Window> Layers, clique na layer da grama e pressione Ctrl+J para duplicar, clique novamente na layer da grama e vá em Layer> Hide Layers para desabilitar a visibilidade da layer da grama.

Texto feito de grama

13. Sua letra deve ficar como a da foto abaixo.

Texto feito de grama

14. Com a layer da cópia da grama (letra) selecionada vá em Layer> Layer Style> Satin e defina os valores abaixo.

Texto feito de grama

15. E depois vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.

Texto feito de grama

16. Pressione Ctrl+J para duplicar a layer, clique com o botão direito do mouse na layer (na paleta de layers) e escolha a opção Clear Layer Style.

Texto feito de grama

17. Agora vá em Layer> Layer Style> Blending Options e defina os valores abaixo.

Texto feito de grama

18. Vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

Texto feito de grama

19. Aplique Layer> Layer Style> Bevel and Emboss com os valores abaixo.

Texto feito de grama

20. Agora com a tecla Ctrl pressionada clique na miniatura da layer para ativar a seleção ao redor da letra que estamos trabalhando, 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, 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 preenche-la com a cor preta, deixe esta layer abaixo da layer da letra que estamos trabalhando, pressione a letra V do teclado para selecionar a Move Tool e pressione as setas direcionais do teclado para baixo e para direita (1 vez cada uma)para deslocar a sombra que estamos criando, pressione Ctrl+J para duplicar a layer e mais uma vez pressione a seta para baixo e para direita (1 vez cada), faça isto algumas vezes até que sua letra fique como a da foto abaixo, depois de terminado vá pressionando Ctrl+E afim de mesclar todas as layer que compõe sua sombra.

Texto feito de grama

21. Agora vá Filter> Blur> Motion Blur e defina um valor de 45° para Angle e 30 pixels para Distance, defina a opacidade da layer por volta de 50% e sua imagem deverá ficar como a da foto abaixo.

Texto feito de grama

22. Pressione a letra V do teclado para selecionar a Move Tool e clique com as setas direcionais do teclado para baixo e para direita afim de deixar posicionar a sombra de forma correta e deixar sua letra como a da foto abaixo.

Texto feito de grama

23. Pressione Ctrl+J 3 vezes afim de duplicar a layer da sombra 3 vezes, pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de pontas suaves, para cada vez que a layer foi duplicada vá apagando cada vez mais em direção a letra ou seja de dentro para fora, na primeira layer de baixo para cima (das layers da sombra) apague somente as bordas, na segunda de baixo para cima apague a borda e a metade, e assim por diante, mude o modo de blend de todas as layers de sombra para Multiply, seu texto deve ficar como o da foto abaixo.

Texto feito de grama

24. Agora será preciso aplicar grama na área onde existe sombra, para isto crie algumas cópias de partes da letra em grama como na foto abaixo.

Texto feito de grama

25. Posicione as partes copiadas abaixo da layer de sombra, pressione a letra O do teclado para selecionar a Burn Tool, passe em alguns pontos afim de acentuar o sombreamento e aumentar a sensação de profundidade do efeito, sua letra irá ficar como a da foto abaixo.

Texto feito de grama

26. Faça o mesmo para as outras letras restantes.

Texto feito de grama

27. Abaixo o resultado depois que o A foi finalizado.

Texto feito de grama

28. Com o R e o T finalizados.

Texto feito de grama

29. Abaixo a palavra finalizada.

Texto feito de grama

30. (Opcional) Pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva algo abaixo da palavra que foi estilizada, escolha a cor branca, mude o modo de blend da layer para Overlay e 50% de opacidade, pressione Ctrl+J para duplicar a layer, mude o modo de blend para Screen com 50% de opacidade.

Texto feito de grama

31. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá do branco para o transparente, defina o modo radial, clique e arraste afim de criar um gradiente como o da foto abaixo, mude o modo de blend da layer para Soft Light e defina a opacidade em 50%.

Texto feito de grama

32. (Opcional) para decorar as letras feitas de grama pressione Ctrl+O e abra algumas imagens como Borboletas, Joaninhas etc, neste tutorial foram usadas duas imagens, uma de Borboleta (Butterfly) e outra de uma Joaninha (Ladybug) que foram conseguidas no site everystockphoto.

Texto feito de grama

33. Depois de aberta a figura da borboleta, como seu fundo é branco basta pressionar a letra W do teclado para selecionar a Magic Wand Tool e clicar na parte branca, isto irá criar uma seleção em toda área branca da imagem, pressione Ctrl+Shift+I para inverter a seleção, pressione Ctrl+C para copiar, volte no documento que estávamos trabalhando e pressione Ctrl+V para colar, para copiar a Joaninha use a Pen Tool para criar a seleção e proceda da mesma maneira que fizemos com a borboleta.

Texto feito de grama

34. Depois de aplicados no documento defina um Drop Shadow indo em Layer> Layer Style> Drop Shadow de aproximadamente 10 pixels em Distance para a Borboleta, pressione Ctrl+T para abrir a caixa de Free Transform e com a tecla Shift pressionada clique e arraste um dos pontos das diagonais da imagem afim de redimensioná-las para que fiquem na proporção do texto.

Texto feito de grama

35. Ao final seu texto estará como o da imagem abaixo.

Texto feito de grama

site de origem: http://psdtuts.com/text-effects-tutorials/create-a-spectacular-grass-text-effect-in-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.

Deixe um comentário

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.

22 Comments

  1. Oi, André, tudo bem?
    Apartir do ponto 12 não consegui fazer.
    Meu photoshop é em português, dai me atrapalho um pouco.
    Hide layeres é ocultar camada? qdo eu clico não acontece nada!
    Me ajude, please!!

  2. Nooossa muito show tradução perfeita..
    mais so tem uam critica…
    a joaninhae a borboleta estao desproporcional..
    a joaninhaesta desproporcional pela claridade..
    ela esta muito escura e tudo estam uito claro pra ela,e tambem ela nao parece q esta ali,se o que vc quiz era dar a impressao de q ele estava em cima da letra naoconseguiu sei la..
    tenta ageita a claridade deixar o mais igual possivel q tal vez fique melhor…
    sobre a borboleta ele tinah de ser menor so isso do resto ta 10…
    eu olhei no site oficial e nu tinaha joaninha e a borboleta nao,isso foi vc q add mais pelos erros parece ter add as pressas so prap osta..
    ta i a minah dica

  3. Olá André!!!
    Te deixei um comentário no tutorial “criando letras feitas de cactos”. E travei neste tuto também no passo 12, por um dos motivos anterior. Utilizo o photoshop 7.0 e parece que ele não possui a opção “hide layers”. Estou correta. Ficamos muito bravos, porque estávamos gostando de fazer o tuto, e paramos por alí.
    Uma outra duvida, em um outro tuto seu, pedia para baixar um novo “brush”, estilo glitter, mas meu photoshop não aceitou este novo brush, avisou que esta opção não era valida. Eu tenho a versão completa do 7.0.
    Obrigada André. Aguardo sua resposta. CAL

  4. Como disse antes ja tinha postado a muito tempo mais agora to de volta pra opinar e tirar minhas duvidas com você, achei muito bom o tuto super legal, parabéns André! e uma coisa tem como você posta algo para o dia dos namorados? tenho algumas ideias como fazer um quadro com uma messagem bem legal mas o tipo de efeito que vai ser colocado nas messagem não sei :p!

  5. Muito boa a tradução André, o blog está otimo como sempre.
    Parabens pelo 1º lugar, você fez por merecer. Sempre que não tiver um tut pra postar, dá uma olhada no PSD tuts, os melhores tutoriais da internet estão lá, você já teve saber né?
    Abraçoo!

  6. excelente tuto como sempre…

    gostaria de dar uma dica, se vc poder especificar quais os CSs que de para cada um dos tutos.
    se der fica muito show.
    pq fica dificil de saber se seus tutos o meu CS2 tem as msm ferramentas.
    fica ai a dica vlw

Cachoeira em Speed Paint.

Resultado iBest 2008, sem nosso suado 3° lugar…