Inkscape Brasil

Siga-nos no Twitter Siga-nos no Identi.ca
Versão Estável 0.91 Baixe Agora!

Tópicos Pais: Tutoriais

Texto 3D no Inkscape usando Blur

Introdução

Este tutorial mostra como fazer um texto 3D no estilo do logotipo do Google usando principalmente o filtro Gaussian Blur.

Este trabalho esta sob uma licença Creative Commons Attribution-Share Alike 2.5

Como fazer

Usando a Ferramenta de Texto escreva o texto desejado para seu logotipo usando uma fonte de serifa agradável. Vamos usar esse texto várias vezes durante o artigo, então faça uma cópia e deixe reservada.

Selecione o texto, converta em caminho (Shift+Ctrl+C) e então Aplique o modificador Separar (Shift+Ctrl+K)

Aqui está o resutado (de um zoom in no objeto para melhorar a precisão dos próximos passos):

Para as letras com orifícios selecionem o interior e o exterior e apliquem o modificador Diferença (Ctrl + -):

Para as letras formadas de partes múltiplas, selecione todas as partes e aplique o modificador União (Ctrl + +):

O resultado é igual ao texto inicial, mas cada letra é um objeto diferente:

De às letras um colorido bem vívido, tipo arco-íris, deixe mais ou menos igual ao logotipo de Google:

Faça uma cópia deixe o interior branco:

Duplique o texto (Ctrl + D), mova um pouco para baixo e à direita (eu só usei uma cor diferente ficar mais claro a operação):

Selecione as duas cópias e aplique o modificador Diferença (Ctrl + -):

Aplique o Filtro Blur e reduza sua opacidade:

Esta é a área iluminada:

Pegue uma cópia do texto inicial novamente e deixe-a com a cor preta:

Duplique o texto, mova um pouco para cima e à esquerda (mais uma vez eu só usei uma cor diferente ficar mais claro a operação):

Selecione as duas cópias e aplique o modificador Diferença (Ctrl + -):

Aplique o Filtro Blur e reduza sua opacidade:

Essa é a area escura:

O texto está um pouco desfocado, assim é preciso aplicar o efeito clip ou máscara. Pegue outra cópia do texto inicial e selecione tudo (o texto, letras coloridas, luzes e sombras):

Aplique o efeito Clip:

E aqui está seu texto 3D:

Agora tire o zoom, volte ao tamanho original e desfrute o resultado:

Pela última vez pegue uma cópia do texto inicial e deixe com a cor preta:

Mova-o um pouco para baixo e à direita, e jogue-o para trás do logotipo:

Aplique o Filtro Blur e reduza sua opacidade:

E esse será o resultado final:

Se você quiser pode adicionar outros elementos ao logo:

Comentários, sujestões, elogios, reclamações, podem ser feitas diretamente no site do autor, se esse artigo foi útil de alguma forma para você passe por lá e deixe um alô para o super Nicu:
http://howto.nicubunu.ro

Comentarios

 



create new tag

TutorialForm edit

Título Texto 3D no Inkscape usando Blur
Autor Nicu Buculei - Trad. RelsiRamone
Data 03/07/2008
Estado Finalizado
rev 5 em 19 May 2011 por ValessioBrito
Editar Anexar Versões Mais...

Todo material do sítio Inkscape Brasil é propriedade do grupo Inkscape Brasil e pode ser reproduzido livremente, desde que permaneça livre e a fonte seja citada, seguindo os termos da licença Creative Commons (by-sa).

Inkscape é um Software Livre, distribuido sobre Termos GNU-GPL.

eXTReMe Tracker
Inkscape - Open Source vector graphics editor SVG - Scalable Vector Graphics TableLess - Coerência, Simplicidade e Acessibilidade no código HTML Esse documento é XHTML 1.0 Valido! Esse documento contém CSS-2 Valido! Debian - GNU/Linux TWiki - Ambiente Web Colaborativo Colivre - Cooperativa de Tecnologias Livres