Design Up
Ola Visitante, Seja bem vindo ao DesignUp, esperamos que você goste de nosso conteudo e se torne um Membro para poder participar ainda mais de nossas atividades.

Vale tambem ressaltar que durante seu acesso caso vc veja algum assunto sem nexo algum não se preucupe, é que alguns de nossos conteudos são exclusivos para membros, entao não perca tempo, cadastre-se e tenha acesso completo ao forum.

Att. Rafael Ribeiro
Equipe DesignUp
Escolha o tema
  

Buscar
 
 

Resultados por:
 


Rechercher Busca avançada

Últimos assuntos
Navegação
 Portal
 Índice
 Membros
 Perfil
 FAQ
 Buscar
Top dos mais postadores
Antunes Marcelo™ (2685)
 
Rafael Ribeiro (1442)
 
bru5no (1407)
 
San (978)
 
abandonei rs' (213)
 
Banned+ (143)
 
michellgomes (138)
 
Micheel (132)
 
Kotoquinho (125)
 
Dexter (87)
 

Navegação
 Portal
 Índice
 Membros
 Perfil
 FAQ
 Buscar
Parceiros
Fórum grátis


iZiTech
Contador de Visitas
contador free
Facebook

[TUTO] ..: Efeito de texto entalhado :..

Ir em baixo

[TUTO] ..: Efeito de texto entalhado :..

Mensagem por Antunes Marcelo™ em Qui Ago 05, 2010 2:19 pm

::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:

avatar
Antunes Marcelo™
Administrador
Administrador

Gémeos
Mensagens : 2685
Pontos : 4815
Agradecimentos : 244
Data de inscrição : 19/07/2010
Idade : 27
Localização : Caldas Novas - GO

Outras Informações
Ocorrencias:
10/10  (10/10)

Ver perfil do usuário http://www.pwcentral.com.br

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum