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 Efeito Whirl (Torção)

Introdução

Wirhl Esquema

O efeito Whirl torce um caminho (qualquer objeto não primitivo) criando um efeito de torção parecido com um redemoinho, como o da água descendo o ralo da pia. Para isso ele reposiciona os nós do caminho e os pontos de controle das curvas bezier.

O esquema ao lado exemplifica o funcionamento desse efeito. A linha vermelha tem 5 nós e o quinto ponto está no centro da torção. Ao receber o efeito os nós da linha tem seus angulos aumentados (dentro da perspectiva de coordenadas polares) e assim eles são reposicionados criando a curva verde. Quanto mais distante do centro maior o ángulo aplicado, portanto maior a deformação da torção.

Ferramentas nescessarias

O Inkscape e a extenção Whirl, que já vem instalada por padrão.

Como fazer

Primeiro passo, crio o objedo que receberá a torção:

Efeito Whirl - passo 1
Criei uma estrela de cantos arredondados.

Como a estrela é um elemento primitivo (no Inkscape, não no SVG) não posso aplicar o efeito Whirl diretamente. É preciso converte-la em caminho (tag <path> no SVG), então clique no botão "Converter em Caminho":

Efeito Whirl - passo 2
Note que apareceram outros pontos na estrela. Não são pontos de controle, como na primitiva, são nós do caminho.

Agora sim. Vá no menu Efeitos -> Modificar Linha -> Whirl.

Efeito Whirl - passo 3
Note que na janela de diálogo você deve definir o centro da torção. Eu sei que o centro da minha estrela estava exatamente no ponto 400,400 e era alí que eu queria a minha torção. Se você não sabe a posição X,Y do ponto central da torção, deixe esses valores zerados e mova seu objeto para que este fique com o centro da torção no canto superior esquerdo da página. Ali é o ponto 0,0. Quer ver essa estrela? Baixe whirl.svg.

Note que o resultado não foi o esperado:

Efeito Whirl - passo 4
A torção está dura. Isso não parece com uma espiral...

É preciso ter mais nós para o Whirl deslocar e dar uma nova forma ao camino. Então, com a ferramenta de edição de nós, selecione todos os nós da estrela (Ctrl+A) e clique no botão "Inserir Nós no Seguimento".

Efeito Whirl - passo 5

Aplique o efeito novamente e... Melhorou! Note que as linhas de força da bezier também foram afetadas:

Efeito Whirl - passo 6
Mas ainda não está bom...

É preciso term mais pontos a serem reposicionados no caminho para que os nós tenham angulozidade mínima, tornando o resultado final mais suave. Então repita o processo pra criação de nós em todo o caminho sucessivamente, até ter um caminho com uma densidade de nós como o exemplo abaixo:

Efeito Whirl - passo 7

Agora sim a torção parece suave suficiente:

Efeito Whirl - passo 8


O atributo "Amount of Whirl" significa "Quantidade de Torção". Veja a distorção da estrela nas 3 quantidades abaixo:

whirl - quantidade 2.0
Quantidade de Torção: 2.0
whirl - quantidade 4.0
Quantidade de Torção: 4.0
whirl - quantidade 8.0
Quantidade de Torção: 8.0
O valor da quantidade de torção é um número real, ou seja "3,64" é válido.

Essa animação de torção 0 a 8 com incremento de 0.5 entre cada quadro
pode nos esclarecer bastante como o whirl afeta o objeto:
whirl - Animação de 0 a 8


Comentários

 



create new tag

TutorialForm edit

Título Usando o Efeito Whirl (Torção)
Autor AurelioAHeckert
Data 10/11/2006
Estado Finalizado
Topic attachments
I Attachment Action Size Date Who Comment
svgsvg whirl.svg manage 19.8 K 10 Nov 2006 - 01:09 AurelioAHeckert  
svgsvg wirhl_esquema.svg manage 12.5 K 10 Nov 2006 - 01:00 AurelioAHeckert  
rev 6 em 24 Sep 2009 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