Fazendo maravilhas com Inkscape

Artigo original por: Nicu Buculei (http://howto.nicubunu.ro/)
Traduzido por: Relsi Ramone (http://relsiramone.blogspot.com/)
Este trabalho esta sob uma licença Creative Commons Attribution-Share Alike 2.5 License (http://creativecommons.org/licenses/by-sa/2.5/)

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 aguardadas no Inkscape, e está presente na versão 0.45, portanto o presente tutorial se propõe a apresentar algumas aplicações desse filtro.

Orbes

O orbe básico:

• Use a ferramenta elipse 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 Gradiente, 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.

• 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 Interseçã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.

• 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.

• 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.

• 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.

• Faça algumas cópias do orbe. Troque as cores das cópias. Você adquire instantaneamente 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.

• 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 transparente;
• 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;

Textos com efeito 3D

• 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

• 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 elipse 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.

• 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.

Reflexo

• 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.

• Orbe Vermelho
• Orbe com foto
• Múltiplos orbes
• Texto 3D
• Composição com sombra inferior
• Composição com sombra lateral
• Composição com reflexo

• http://howto.nicubunu.ro/