Você não está conectado. Conecte-se ou registre-se

[Tut Photoshop] Texto com Relva

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

1[Tut Photoshop] Texto com Relva Empty [Tut Photoshop] Texto com Relva Dom 22 Jun 2014 - 18:27

sonic2099

sonic2099
Co-Administrador
A pedido do ninho vou explicar como fazer o seguinte:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Ou seja, neste tutorial irei ensinar como dar a um texto o efeito para que pareça que tem relva a sair.

O Programa que usei foi o Adobe Photoshop CC, por isso algumas opções poderão ter nomes diferentes ou nem sequer existirem noutros programas ou versões.

1- Abre um novo ficheiro e coloquem as dimensões que pretendem, neste tutorial usei as dimensões 1920x1200 (em pixeis).
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

2- Agora vamos colocar uma imagem de relva, podem usar esta [url=tinypic.com/view.php?pic=2u4opdi&s=8]aqui[/url], depois de colocado podem esconde-la pois só a iremos usar mais tarde.

3- Escreve o texto que queres com o tipo de letra e tamanho que desejares, neste tutorial usei o tipo de letra "Nasalization" a Bold, tamanho 350px e cor branca, isto será uma base que iremos usar.
Depois de criado o texto reduz a "Opacity" para 50%.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

4- Dupliquem a Layer da relva (CTRL+J) e metam a Layer original antes do texto e agora peguem na ferramenta "Pen Tool" (tecla P) e o objectivo é ir seleccionado à volta de uma das letras de forma irregular, onde de vez em quando seguem alguns bocados de relva.
Isto servirá para que a letra pareça que tem relva a sair dela, depois carrega com o botão direito do rato e carrega na opção "Make Selection...", depois carrega nas teclas "CTRL"+"SHIFT"+"I" e selecciona a Layer da relva duplicada e apaga o seleccionado (Tecla Delete).
Se esconderem a layer da relva original irão ver o resultado (2ª imagem abaixo).
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

5- Agora vamos dar alguns efeitos à letra, carrega duas vezes na Layer para abrir a janela do "Layer Style" e coloca os seguintes efeitos:
5a- "Bevel & Emboss", onde tens "Size" a 10px, "Use Global Light" desactivado, "Gloss Contour" com a opção "Ring - Double" (deve ser a 3ª opção da 2ª fila), "Highlight Mode" em "Overlay" com "Opacity" a 16% e "Shadow Mode" com "Opacity" a 25%.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
5b- "Satin", coloca o "Blend Mode" como "Screen" e a cor #6d9c1c, "Opacity" a 13% e o "Contour" com a opção "Ring" (deve ser a 2ª opção da 2ª fila).
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

6- Agora duplica esta Layer (Ctrl+J) e na duplicada reduz a "Opacity" para 51% e remove os efeitos do passo anterior (botão direito na Layer e opção "Clear Layer Style") e coloca os seguintes:
6a- "Bevel & Emboss", onde tens "Size" a 1px, "Use Global Light" desactivado, em "Highlight Mode" mete a "Opacity" a 0% e em "Shadow Mode" mete a "Opacity" a 100%.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
6b- "Drop Shadow", mete "Opacity" a 34%, "Use Global Light" desactivado, "Distance" a 2px e "Size" a 1px.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

7- Agora vamos fazer com que a letra tenha um aspecto 3D, portanto selecciona a letra (Clica no quadrado à esquerda onde está a Layer enquanto ficas a carregar no "Ctrl").
Cria uma Layer nova e coloca-a antes da letra, depois pinta o seleccionado com a cor preta. Depois move esta layer para a direita e baixo para servir de sombra (podes duplicar esta layer e coloca-la em difentes posições para fazer diferentes efeitos).
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

8- Vai ao separador "Filter", "Blur", "Motion Blur" e na janela que abrir coloca no "Angle" 45º e no "Distance" 30px, depois reduz a "Opacity" para 50%.
Depois podes mover a Layer da sombra para dar um efeito diferente.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

9- Agora é só repetir o passo 4 até ao 8 com as restantes letras.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

E pronto, Qualquer erro no tutorial ou dúvida que tiverem é só dizerem.



Última edição por sonic2099 em Seg 23 Jun 2014 - 14:21, editado 1 vez(es)

2[Tut Photoshop] Texto com Relva Empty Re: [Tut Photoshop] Texto com Relva Dom 22 Jun 2014 - 19:05

ninho

ninho
V.I.P II
V.I.P II
E aqui vou eu Very Happy
Muito obrigado sonic Very Happy

http://www.rewtec.com/u1058

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos