Inkscape Brasil

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

Tópicos Pais: Tutoriais

Usando o Filtro Blur

Introdução

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

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.

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

Ferramentas nescessarias

Inkscape

Como fazer

Orbes

O orbe básico

Textura

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/

Comentarios

 



create new tag

TutorialForm edit

Título Usando o Filtro Blur
Autor Nicu Buculei - Trad. RelsiRamone
Data 03/07/2008
Estado Finalizado
rev 5 em 12 Nov 2013 por AurelioAHeckert
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