[Tutorial] Efeito de texto entalhado

: Efeito de texto entalhado :..


Baseado em tutorial de autoria de Thierry Lorey publicado em: http://www.graphiland.fr/

::Objetivo::


Mostrar como obter um efeito de texto entalhado em uma textura ou mesmo em um fundo liso.

::Novo documento::


Abra um novo documento.
Ajuste as dimensões do palco para:


Largura: 400 pixels - Altura: 210 pixels
Cor da Tela: Transparente.

::Os layers::


Vamos
precisar de quatro layers para nossa construção.
1-) No painel Layers clique 03 (três) vezes no ícone "Duplicar Layer";
2-) Observe no painel que agora estamos com 04 (quatro) layers no nosso documento e o Layer 4 está selecionado.

Clique sobre o Layer 1 para selecioná-lo.


::O fundo para o entalhe::


1-) Certifique-se de estar com o Layer 1 selecionado;
2-) Construa um retângulo preenchendo todo o palco com os seguintes parâmetros:
Cor do preenchimento: #999999;
Textura: Vein - 30%.
3-) Este será o fundo.
Vá no painel Layer e bloqueie este layer (Layer 1), clicando no quadradinho ao lado do "olho" até aparecer um cadeado!
Neste
fundo será entalhado nosso texto e depois que você entender a técnica
de construção, poderá experimentar com outros fundos e outras cores.
Ver figura abaixo.

::Os textos::


Sobre o fundo vamos digitar o texto a entalhar, três vezes conforme mostrado na figura abaixo e explicado a seguir:
Importante: Os três textos devem ser com o mesmo estilo e tamanho de fonte. Alguns estilos de fonte apresentam um resultado final melhor.
Neste tutorial usei o estilo de fonte ARIAL BLACK normal.
As fontes com serifa (Times New Roman p. ex.) dão bom resultado.

1-) Digite o primeiro texto usando a cor preta #000000;
2-) Com o texto selecionado, vá ao painel "Layers" e clique no quadradinho ao lado direito do
Layer 2 para colocar o texto neste layer.
Após clicar surgirá um quadradinho azul onde você clicou.
3-) Faça uma cópia do texto e coloque logo abaixo mudando a cor do texto para #EEEEEE;
Com este segundo texto selecionado, vá ao painel "Layers" e clique no quadradinho ao lado direito do
Layer 3 para colocar o texto neste layer.
Após clicar surgirá um quadradinho azul onde você clicou.
4-)
Faça uma cópia do texto e coloque logo abaixo mudando a cor do texto
para #999999 (a mesma cor usada para o fundo no layer 1);
Aplique neste terceiro texto o efeito Shadow and Glow => Inner Shadow com os parâmetros:
4 - 65% - 4 - 315

Com este terceiro texto selecionado, vá ao painel "Layers" e clique no
quadradinho ao lado direito do Layer 4 para colocar o texto neste
layer.
Após clicar surgirá um quadradinho azul onde você clicou.


Ao final da construção dos três textos você terá seu painel "Layers" conforme mostrado abaixo:


::Organizando os textos::


Agora vamos posicionar os textos na sua posição definitiva.
Vamos assumir que os três textos estão um em baixo do outro em posição parecida com a da figura anterior.
1-) Selecione o primeiro texto e observe a suas coordenadas x e y.
Na figura deste tutorial as coordenadas são x=0 e y=3 (ver a figura a seguir)


2-) Selecione o terceiro texto e digite suas coordenadas assim:
x = x do primeiro texto + 1pixel;
y = y do primeiro texto + 1px;
No nosso tutorial as coordenadas do terceiro texto são:
x = 0 + 1 = 1px;
y = 3 + 1 + 4px;
2-) Selecione o segundo texto e digite suas coordenadas assim:
x = x do primeiro texto + 2pixel;
y = y do primeiro texto + 2px;
No nosso tutorial as coordenadas do segundo texto são:
x = 0 + 2 = 2px;
y = 3 + 2 + 5px;
Observe a construção desta etapa na animação abaixo:

Resumindo: Nesta etapa o que fizemos foi:
1-) Colocar o terceiro texto sobre o primeiro e deslocá-lo 1px para a direita e 1px para baixo.
2-) Colocar o segundo texto sobre o primeiro e deslocá-lo
2px para a direita e 2px para baixo.


::O retoque final::


Pronto! Vamos aparar as sobras.
1-) Selecione a ferramenta Crop;
2-) Clique e arraste o cursor no palco para definir um retângulo de corte em volta do texto;
Recorte o retângulo definido.
Depois de recortado o retângulo, conforme acima seu texto ficará assim: