Usando o filtro Blur do Inkscape

Artigo Original por: Nicu Buculei
Traduzido por: Relsi Ramone
Este trabalho esta sob uma licença Creative Commons Attribution-Share Alike 2.5 License.

Nota: Este artigo foi originalmente publicado na Red Hat Magazine mas agora ele é livre para publicação em seu formato original.

Introdução

O filtro Blur foi uma das características mais aguardada no Inkscape, e está presente na versão 0.45, portanto o presente tutorial se propõem a apresentar algumas aplicações desse filtro.

Orbes

O orbe básico

Use a ferramenta ellipse e desenhe um círculo (mantenha a tecla Ctrl pressionada para facilitar a criação).
Preencha-o com uma cor sólida de sua preferância;
Duplique o círculo (Editar > Duplicar, Ctrl + D) e preencha a cópia com a cor preta;
Utilizando a ferramenta Gradientel, escolha a cor de preenchimento da cópia como radial gradiente começando com completamente branco transparente até o centro, e parcialmente preto transparente nas bordas;
Posicione o centro do gradiente no centro do círculo.

Textura

Duplique o círculo novamente e preencha a cópia com a cor branca;
Reduza o tamanho da cópia (Caminho > Comprimir, Ctrl + ();
Desenhe uma forma semelhante a mostrada abaixo com a ferramenta Mão livre;
E aplique o modificador Intersenção (Caminho > Interseção, Ctrl + *) a forma criada com a cópia do círculo;
Preencha o objeto com um gradiente indo do branco sólido para branco completamente transparente;
Aplique o filtro Blur e diminua a opacidade.

Iluminação de Destaque

Duplique o círculo e preencha-o com a cor branca;
Duplique-o novamente e preencha-o com a cor que desejar e mova-o um pouco para baixo e a direita;
Aplique o modificador Diferença (Caminho > Diferença, Ctrl + -) e subtraia a segunda cópia da primeira;
Posicione a forma sobre o orbe e aplique o filtro blur, reduza a opacidade como desejar;
Desenho outra forma, preencha com a cor branca e aplique o filtro blur e modifique os valores da opacidade. Você é livre para experimentar.

Escurecimento

Duplique o círculo e preencha-o com a cor preta desta vez;
Duplique-o novamente e redimensione-o (mantenha a tecla Ctrl pressionada para preservar o aspect ratio), em seguida mova-o um poça para cima e à esquerda;
Aplique o modificador Diferença (Caminho > Diferença, Ctrl + -) e subtraia a segunda cópia da primeira;
Posicione a forma resultante;
Aplique o filtro Blur e reduza a opacidade.

Sombras

Desenhe uma elipse, posicione na base do orbe, preencha com a cor preta, aplique o filtro Blur e reduza a opacidade.
Para uma sombra em perspectiva, duplique o círculo, preencha-o com a cor preta, reduza sua altura, incline-o para direita, mova-o um pouco se necessário, aplique o filtro Blur e reduza a opacidade.

Variações sobre o mesmo tema

Faça algumas cópias do orbe. Troque as cores das cópias. Você adquire instantâneamente orbes de diferentes cores.
É possível até mesmo colocar alguma coisa dentro do orbe: nesse caso irei utilizar uma letra criada com a ferramenta Texto, na qual você deve adicionar um destaque, um escurecimento e uma sombra. Agrupe-os (Objeto > Agrupar, Ctrl + G), mova para o centro do círculo e posicione-o abaixo dos elementos de destaque.

Colocando uma foto dentro do orbe:

Importe uma foto, nesse caso uma da cabeça apenas, delicadamente remova o contorno utilizando o GIMP (leia mais obre isso no meu tutorial criando um hackergotchi com GIMP);
Aplique o modificador Traçar Bitmap (Caminho > Traçar Bitmap) para obter um contorno vetorial para podermos moldar o brilho;
Preencha a forma com um gradiente radial indo do branco transparente para o preto completamente transaparente;
Duplique a forma e aumente seu tamanho (Path > Outset, Ctrl +)), preencha com a cor preta, aplique o filtro blur, reduza a opacidade e mova-o para cima do orbe;

Mais opções

As possibilidades são infinitas, use outras cores para utilizar os destaques e as áreas escuras conforme for seu gosto.

Texto 3D

Iluminação de destaque

Usando a ferramenta Texto, escreva alguma coisa. Eu usei nesse tutorial a palavra “Orbs” (Orbes);
Duplique o texto duas vezes e mova a segunda cópia um pouca para a direita e abaixo. Eu usei cores diferentes para dar mais destaque ao posicionamento das palavras, você pode fazer dessa forma se desejar;
Aplique o modificador Diferença (Caminho > Diferença, Ctrl + -), e subtraia a segunda cópia da primeira
Mude a cor do objeto para branco, aplique o filtro blur e reduza a opacidade. Pronto temos um efeito de iluminação de destaque.

Duplique o texto duas vezes, mova a segunda cópia para a esquerda e para cima.
Aplique o modificador Diferença (Caminho > Diferença, Ctrl + -) e subtraia a segunda cópia da primeira;
Aplique o filtro blur e reduza a opacidade. Pronto, temos uma variação do exemplo anterior.

Composições

Sombras de base

Importe os textos 3D criados anteriormente e alguns orbes também. Alinhe-os para termos a mesma linha de base;
Desenhe uma elipse na base da primeira letra do texto e preencha-a com a cor preta;
Duplique a lepsi e mova-a para debaixo da letras restantes, mantenha a tecla Ctrl pressionada quando movê-las para que o movimento se dê apenas na horizontal;
Como nossa orbes são ligeiramente maiores que as letras, Usaremos elipses maiores;
Aplique o modificador União na elipses(Caminho > União, Ctrl + +) e em seguida aplique o filtro Blur e reduza a opacidade.

Sombras em perspectiva

Duplique o texto e as orbes;
Mantenha as cópias selecionadas, desagrupe-as se você tem alguma forma agrupada, e então aplique o modificador União;
Preencha essa forma coma cor preta, reduza a sua altura, incline-a para direita, mova se necessário, e posicione na parte inferior
Aplique o filtro blur e reduza a opacidade.

Reflexos

Selecione o Texto e os orbes e agrupe-os;
Duplique a forma e gire-a na vertical (Objeto – > Inverter Verticalmente , V), mova-o para baixo;
Aumente um pouco a altura da forma e incline-a para esquerda (ou para direita, você escolhe);
Desenhe um retângulo sobre a forma, agrupe e preencha com um gradiente começando com a cor branca sólida e terminando na cor branca completamente transparente.

Arquivos de exemplo

Todos os arquivos utilizados nesse tutorial estão disponíveis para download:

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/