Tópicos Pais: Tutoriais

Usando o efeito Whirl (Torção)

Introdução
Ferramentas nescessarias
Como fazer
Comentários

Introdução

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:

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":

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.

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:

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

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

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: