# Editor de nós

{% hint style="info" %}
Atalho: \[ F2 ]
{% endhint %}

Como um editor vetorial, a ferramenta de editor de nós é praticamente o coração do Inkscape. Mas para entendê-la melhor, primeiro você precisa entender o próprio conceito de imagem vetorial.&#x20;

<details>

<summary>Mais sobre desenho vetorial</summary>

O desenho vetorial nada mais é do uma série de elementos que são calculados matematicamente. Se imaginarmos um retângulo criado em vetor, não importa quão grande ele seja, ele ocupará basicamente o mesmo espaço de armazenamento. Por outro lado, uma imagem rasterizadas (arquivos jpg, png, etc) são compostos de milhares de pontos únicos de cor (pixels) que juntos criam a impressão de uma imagem uniforme. Quanto maior for essa imagem, maior será o número de pixels e logo maior seu espaço de armazenamento.

O elemento básico do desenho vetorial é o nó. Podemos pensar num nó como um mero ponto sem qualquer conteúdo num espaço cartesiano. Esses pontos podem ser criados com algum vínculo, formando um caminho, definindo um preenchimento, etc. Lembre apenas que os nós em si mesmos são "invisíveis" e têm apenas a finalidade de receber as instruções matemáticas que formarão o objeto desejado.

[Clique aqui](https://pt.wikipedia.org/wiki/Desenho_vetorial) :earth\_americas: para mais informações sobre vetores.

</details>

Note, por último, que a ferramenta Editor de nós é focada precisamente na *edição*, ainda que tecnicamente seja possível adicionar novos nós a partir dela, você deverá usar outras ferramentas, como a [Caneta Bézier](https://juliomtneto.gitbook.io/o-manual-do-inkscape-pt-br/ferramentas/caneta-bezier) para expandir um desenho.

O uso da ferramenta basicamente consiste em, após ativada, clicar sobre um ou mais objetos e, assim, revelar seus nós. Clicando então sobre os nós, você os estará selecionando e poderá modifilá-los.

![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2F5qo3pveMuMmUtAwiWeMm%2FPeek%2002-07-2022%2022-22.gif?alt=media\&token=7e7fd9ff-1b49-43a1-ba90-16940cd5a2d9)

{% hint style="info" %}
Nós podem ser selecionados com muitas das mesmas interações da ferramenta [Seletor](https://juliomtneto.gitbook.io/o-manual-do-inkscape-pt-br/ferramentas/seletor).
{% endhint %}

Indo para a barra de controle da ferramenta, temos os primeiros dos botões![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2Fr05UOIGvQ9IsK3B9vGUF%2Fimage.png?alt=media\&token=d73afbea-d871-409d-a347-703cfb2965b3) que permitem criar novos nós entre os nós selecionados e excluir nós selecionados.

![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FZFLbuyFWJAnNBj0C24aS%2FPeek%2002-07-2022%2023-25.gif?alt=media\&token=8b2dc0a3-a457-4850-8d55-afd2b2f983c3)

O próximo botão ![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FbGTf5nyP6YQ9IYf0KQsX%2Fimage.png?alt=media\&token=135c1ca3-968d-45b5-bda5-dd5c2d95f65b)permite unificar dois nós, ainda que sejam de objetos diferentes.

![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FwP3TEt153a0C23gEOo49%2FPeek%2003-07-2022%2000-04.gif?alt=media\&token=6ada919d-955b-42b7-af9c-0e204ed085e9)![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FxM5xEc0EY2JeOAmImncP%2FPeek%2003-07-2022%2000-06.gif?alt=media\&token=5659eb1e-1392-4544-9fd7-9363a37eca49)

![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FzBXP4amTVVXDWeObj0NO%2Fimage.png?alt=media\&token=7f039a5a-3997-4608-b0b4-3785e9bc33ca) irá separar os nós selecionados de um caminho.

![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FfA52KaamFoNRpD1znrTM%2FPeek%2003-07-2022%2001-03.gif?alt=media\&token=a7472177-dea0-4029-822a-7f1a2cc28a55)

![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FlZI8vjy730a7NZTMRVvd%2Fimage.png?alt=media\&token=7749fce7-7ea0-4cfa-955a-825cc53392bd) permite unir os últimos nós de um caminho.&#x20;

![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2Fa0r13waAtaC2QXaR6ER9%2FPeek%2003-07-2022%2001-07.gif?alt=media\&token=6f19ec4c-5a78-47a3-8b5e-8b10385667d2)![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FMdpJKu0AYLgPb25Sdwyu%2FPeek%2003-07-2022%2001-18.gif?alt=media\&token=a747b710-f72d-4d05-b218-d6f12d309607)

![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FZpKAtgkD4Y8zCIzii45g%2Fimage.png?alt=media\&token=75fd7fa8-4991-42e3-88d6-0a4714019dcc) irá fazer o exato oposto, excluindo a união entre os caminhos selecionados.

![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FqiLZdtADj7LuTg5jFuOj%2FPeek%2003-07-2022%2001-21.gif?alt=media\&token=83acf6e0-a274-4446-9fbc-319fcf5e4335)![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FK5J1hRrzrkUbi62FhnBp%2FPeek%2003-07-2022%2001-23.gif?alt=media\&token=9dfa19f1-e3db-494c-8ce6-671472ca6d4f)

Os próximos botões ![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FSReTSOiYLOYoekSY9CbS%2Fimage.png?alt=media\&token=a79946f7-ee8d-4b78-af0b-55f071a29fc1) mudam como as alças dos nós vão se comportar. Na ordem, o primeiro torna o nós partindo do nó selecionado reto. Se o nó interconectado também estiver definido com esse padrão, não haverá alça de modificação. O segundo torna a alça "suave", criando uma continuidade entre os caminhos dois lados do nó. O terceiro torna os caminhos de ambos os lados simétricos. O último é útil para redefinir a suavidade de um nó rapidamente.

{% hint style="info" %}
Note que ao criar nós com a [Caneta Bézier](https://juliomtneto.gitbook.io/o-manual-do-inkscape-pt-br/ferramentas/caneta-bezier) apenas criando pontos interconectados, eles serão do primeiro padrão, sem alças de curvatura. Já ao criar pontos se ajustando as curvaturas, eles serão no padrão suave.
{% endhint %}

![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2Fz5WdAobkSvK1ToJr6hQN%2FPeek%2003-07-2022%2001-29.gif?alt=media\&token=990e07b0-161d-41bf-8982-e7faea701254)

Os botões seguites ![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2F4jr1aw9uq5FS5Zsop2kQ%2Fimage.png?alt=media\&token=3692ab0a-049b-4dcc-91f4-323bd2f393a5) permitem converter o segmento entre dois nós em uma linha reta ou em uma curva. A primeira vista, eles podem parecer uma redundância dos botões anteriores. Mas a diferença é que ao eles permitem realizar suas operações sem afetar o caminho anterior.

![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FQS0CntxSEhYX7YQwcezh%2FPeek%2003-07-2022%2010-34.gif?alt=media\&token=c34565b3-25f5-4d70-a46d-f98248620dce)![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2F9OrXZYsh1xHXPUvqgaCN%2FPeek%2003-07-2022%2010-36.gif?alt=media\&token=80cd0926-d9f3-4967-a1b0-f223047001fe)

Os botões ![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FI1P0r7hQMwNAvIXaAnAx%2Fimage.png?alt=media\&token=a3cb1abe-128a-4f65-99dc-d6e9faa6294c) permitem converter uma forma (círculos, retângulos, etc.) em caminhos simples, e converter contornos em caminhos. Logo em seguida, é possível ver um campo de posicionamento manual do nó e sua unidade de medida: ![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FYehbaSWV6rcwACquy6qM%2Fimage.png?alt=media\&token=ba19a438-1fba-45c0-b0c6-f4f0da36386c)

![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FOkVh6aYQBWaAbwS4wijH%2FPeek%2003-07-2022%2001-50.gif?alt=media\&token=737c100c-8018-4ed6-8541-e44a94bb0b69)![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FOdEq4Hne5yGS5x9SFmJg%2FPeek%2003-07-2022%2001-51.gif?alt=media\&token=042eb213-fc11-4b2d-8c52-b89244f7aab2)

Os botões seguintes, ![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FFr8hMbAdU6WGldH3nZOJ%2Fimage.png?alt=media\&token=1e677c36-0293-4352-90b6-afd27d81fd6c) permitem ajustar a visibilidade dos contornos dos objetos usados como recorte e máscara.&#x20;

![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2Fvpu9LoAuCIfyT8yjbJhh%2FPeek%2003-07-2022%2001-58.gif?alt=media\&token=76e9febc-9b31-4258-8b08-23e5e4f6fced)![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FUf36wqEA7mc4zhP4eXzl%2FPeek%2003-07-2022%2002-03.gif?alt=media\&token=51142c9f-78f3-4207-a61a-8fc01ac66166)

O botão ![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FHB9Q73YHbSImL1m6O7xY%2Fimage.png?alt=media\&token=bee29e05-9548-4c57-8e7f-bc0faa1de7b9) irá mostrar o parâmetro editável de um [efeito de caminho](https://juliomtneto.gitbook.io/o-manual-do-inkscape-pt-br/menu-caminho/efeitos-de-caminho-lpes) ativo. No caso abaixo, tínhamos o efeito de caminho Curva, onde podemos editá-lo sem precisar abrir o painel de Efeitos de Caminho. O botão ![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2Fb0yUwJ1B0ZhDhg8bw5T1%2Fimage.png?alt=media\&token=6711009b-6b32-45ab-9753-635750be9734) permite ver o contorno do objeto original sem o efeito de caminho.

![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FvyexHORWyV3TxAOHuz96%2FPeek%2003-07-2022%2002-08.gif?alt=media\&token=d047643d-1497-4bd9-8103-dd811b602679)![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FeVJeT3RNlHBhnxieHYyL%2FPeek%2003-07-2022%2002-12.gif?alt=media\&token=0d191cbd-d422-4e1a-918a-205951bcb4c4)

Por fim, vimos temos os botões ![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2Fg7Wab9bPcxhLtWi7MoV4%2Fimage.png?alt=media\&token=e6be7a8f-4ca8-44c9-b3b1-7228bcfb3164) que permitem exibir alças de transformação e rotação e as alças de Bézier respectivamente.&#x20;

![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FBk5hPUOA4uNNIbjmzWNJ%2FPeek%2003-07-2022%2002-16.gif?alt=media\&token=3bfbd8fd-f658-4a36-a58a-3ced06f06312)![](https://2275976129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgsZqaeXnjnqAMREztO3%2Fuploads%2FqJ0HMAXOMeOmkecomZ98%2FPeek%2009-07-2022%2013-26.gif?alt=media\&token=a3145958-9e3d-43a2-8858-96decd454bd5)

### Atalhos:

<table><thead><tr><th width="150"></th><th></th></tr></thead><tbody><tr><td>Shift + Ctrl + C <span data-gb-custom-inline data-tag="emoji" data-code="2b06">⬆️</span></td><td>Transforma forma em caminho</td></tr><tr><td>Ctrl + Alt + C <span data-gb-custom-inline data-tag="emoji" data-code="2b06">⬆️</span></td><td>Transforma contorno em caminho</td></tr><tr><td>7</td><td>Mostrar parâmetro editável de efeito de caminho</td></tr></tbody></table>
