Texto com efeito 3D superficial
Introdução
Este tutorial nós ensina como fazer um efeito 3D superficial em algum texto, o superficial que eu falo aqui é algo não muito profundo tipo uma plastificação do texto ou ele saindo do papel.
Este tutorial esta licenciado sobre
CC-Atribuição-Compartilhamento pela mesma licença 2.5 você pode:
- copiar, distribuir, exibir e executar a obra
- criar obras derivadas
0. Iniciando...
Escreva um texto em sua tela, escolha uma fonte um pouco "cheia", coloque do tamanho desejado e agora coloque um Jazz como som de fundo. rs...
1. Convertendo texto ao caminho
Converta o texto ao caminho.
Para isto vamos selecionar o objeto de texto, e no menu:
- Caminho, Objeto para caminho.
2. Administrando camadas
Eu trabalhei com camadas como na versão original do tutorial em inglês, eu não tenho mania de trabalhar com camadas, mas é muito bom quando você esta trabalha em um grande projeto. Torna-se muito mais fácil.
Para visualizar a caixa de diálogo das camadas escolha no menu:
A camada atual, eu renomeei como "Texto". Então eu criei mais 2 camadas acima delas: sendo "Luz" e "Sombra" (estas serão a sombra sobre o texto que vai dar o efeito chanfrado ou aspecto 3D.)
3. Administrando objetos entre as camadas
Voltando para a camada "Texto"
Selecione o Objeto, e com o botão direito do mouse, escolha "Duplicar", com o mesmo selecionado vá até o menu:
- Camada, Mover seleção para camada Acima.
Você deve repetir esta operação para a próxima camada, e conferir se o Texto esta duplicado três vezes, sendo uma em cada camada.
4. Criando a Luz e Sombra
Oky, agora vamos escolher a camada "Luz".
Duplique o Objeto Texto, escolha uma cor aleatória, logo depois você precisa mover o objeto um pouco para direita e para baixo (utilize as setinhas do teclado).
Agora você deve transformar os dois objetos em um único, para isto selecione ambos e no menu:
O Resultado deve ser somente um contorno superior, agora você deve repetir o procedimento para gerar o contorno inferior na camada "Sombra", duplicando o objeto e movendo ele para cima e para esquerda.
5. Definindo cores
A cor para a camada "Sombra" deve ser preta, e para camada "Luz" deve ser branca.
Depois ajustamos o efeito Borrão e Transparência sobre a Luz e Sombra, o resultado deve ser mais o menos assim:
6. Finalizando...
Eu coloquei um fundo degrade de preto para branco com uma reflexão do Trabalho, sendo mais um pouco mais Transparente, com um degrade de Branco para Transparente sobre o objeto, resultado final:
Você pode baixar a versão em .SVG aqui para editar:
font3d.svg
Referências
Comentários
O brilho e a sombra estão estrapolando os limites do texto.
Seria melhor fazer um cliping. Aproveitando ensina sobre isso também.
--
AurelioAHeckert - 14 Feb 2007
Opa,
em " 2. Administrando camadas" ao abrir a caixa de camadas não há nenhuma camada, assim ao colocar as duas (luz e sombra) fico com duas camadas, e não com três, como no seu exemplo, qual o problema?
falta dizer, que antes de nada, coloca-se uma camada, só então digita-se o texto. seria assim?
Obrigado
--
LuizPortella - 07 Feb 2008
svg 
FAQ (Perguntas Frequentes)
Dúvidas (Pergunte!)
Tutoriais (Aqui!)
Artigos
Vídeo Tutoriais
Apresentações
Reuniões
Como Fazer Extensões
Tradução
Conteúdo deste Site
Ink Zine
Material de Divulgação
Proponha Melhorias
