Edição de Imagens

LIVRO 11
Desenhando à
mão livre
Sumário

Ferramentas Ajustando os desenhos

Apresentação Seletor
Caneta Bézier Editor de nós
Mão Livre Deslocando caminhos
Caneta Caligráfica Combinando Objetos e Caminhos
Simplificação
Apresentação 1

O Inkscape tem três ferramentas para desenho à mão livre, e ao selecionar uma das 2

três, basta sair pintando na tela. Uma vez que uma sequência de linhas retas ou
curvas é criada, ela exibe suas alças como marcas brancas, quadradas ou redondas 3

(dependendo das ferramentas), para que você possa editar imediatamente o que você
criou. 4

Cada ferramenta de desenho mostra seus parâmetros na Barra de Controles de 5

Ferramenta que está logo abaixo do menu. Qualquer mudança feita na barra
Controles de Ferramenta será gravada e usada para o próximo objeto que você 6
desenhar com tal ferramenta.
7

9
Caneta Bézier 1

A curva de Bézier é uma curva polinomial expressa como a interpolação linear entre 2

alguns pontos representativos, chamados de pontos de controle.

3

É uma curva utilizada em

diversas aplicações gráficas 4

como o Illustrator, Freehand,

Fireworks, GIMP, Photoshop, 5
Inkscape e CorelDRAW, e
formatos de imagem vetorial 6
como o SVG.
7
A caneta Bézier do Inkscape
tem diversas possibilidades
que podem ser escolhidas na
8

barra de comando. 9
Mão livre 1

A maneira mais fácil de criar uma forma arbitrária é desenhá-la usando a ferramenta Lápis 2

(desenhar linhas a mão livre) (F6). As ferramentas Caneta e Lápis criam o que é conhecido como
caminhos. Um caminho é uma sequência de segmentos de linhas retas e/ou curvas. 3

Ou seja, o desenho arbitrário feito à mão livre é representado pelo Inkscape como curvas. O
usuário que decide qual curvas vão ser usadas, basta escolher na barra de comandos. 4

Estas curvas podem ser Bézier, Espiral ou Bspline. 5

O Lápis também permite que a utilização da pressão de entrada para saber a espessura da
linha que deve ser criada. 6

A ferramenta de suavização, que provoca

uma simplificação do que foi desenhado. 7
Podemos definir o grau de simplificação, através da
caixa com o número. 8

Observe ao lado as duas ilustrações. A primeira com a

ferramenta de suavização desligada, e a segunda com 9
a ferramenta ligada em grau 20.
Caneta caligráfica 1

A caneta para caligrafia possível sete 2

perfisdiferentes que podem ser

selecionados nabarra de comandos. 3

Cada opção de perfil altera os 4

parâmetros listado a seguir. Mas a

primeira opção permite a alteração 5

livre dos parâmetros.

6
Na barra de comandos temos também
a largura do traço. 7

Temos também a definição do 8

ângulo da pena. O botão ao lado
permite usar a angulação do dispositivo de
entrada, caso o usuário tenha uma mesa ou
9

caneta digitalizadora.
Caneta caligráfica 1

A taxa de variação define o quanto a velocidade da caneta afina o 2

traço.
3

A estabilidade altera o comportamento do ângulo da

caneta. 4

Alterar a ponta da caneta podendo ser 0 (sem pontas), 5

1 (pontas arredondadas) e maior que 0 (pontas mais
pontiagudas). 6

Em tremulação, ao aumentar o valor, tornamos os 7

traços mais trêmulos, de 0 a 1 00.
O parâmetro ondulação aciona uma ondulação
8

automática na caneta, que pode ser controlada de 0 a 1 00. 9

Já o parâmetro massa torna a caneta mais pesada.

Seletor 1

O botão seletor tem uma gama grande de controles, por 2

isso dividimos em três conjuntos. 3

O primeiro conjunto traz três opções servem para

controlar o que está sendo selecionado. 4

Ainda no primeiro conjunto, temos dois botões que 5

giram o elemento selecionado.

6
E também dois botões que invertem o desenho.
7
Para encerrar o primeiro conjunto, os botões que
posicionam os elementos do desenho uns em relação 8
aos outros (recua para trás, recua um passo, avança um
passo, traz para frente). 9
Seletor 1

O segundo conjunto traz os 2

controles de posição X e Y,
além da largura e altura W e H. 3

O último controle fornece a seleção de qual a medida que podemos utilizar 4

nestes controles.
5

8
O terceiro conjunto de controles define o comportamento do
Inkscape para quando fizermos redimensionamento de objetos. 9
Editor de nós 1

Ao selecionar o editor de nós, a figura mostra todos os nós que podem ser 2
editados.Temos quatro conjuntos de comandos, que vamos explicar
separadamente. 3
O primeiro conjunto temos botões para:
• Inserir novos nós, 4
• Inserir novos nós no segmento selecionado,
• Excluir os nós selecionados.
• Unir nós selecionados 5
• Quebrar nós selecionados
• Unir segmentos
• Quebrar segmentos 6

O segundo conjunto temos botões para:

7
• Tornar nós cúspides,
• Tonar nós suaves,
• Tornar nós simétricos, 8
• Tornar nós auto suaves,
• Converter segmentos em linhas retas,
• Converter segmentos em curvas, 9
• Converter objetos em caminhos,
• Converter o contorno de objetos em caminhos.
Editor de nós 1

O terceiro conjunto traz a posição X e Y do nó, além de alterar a medida. 2

O quarto conjunto apresenta um primeiro grupo que permite mostrar os nós de

elementos selecionados. Já o segundo grupo permite mostrar as alças de 3
transformação e as alças de bézier, e o último destaca o caminho.
Temos ainda alguns atalhos para serem apresentados. 4

Você pode excluir nós com Del ou Ctrl + Alt + click. Ao excluir nós, ele tentará
manter a forma do caminho, se você desejar que as alças dos nós adjacentes 5
sejam retraídas (sem reter a forma) com as quais você pode excluir Ctrl + Del.
Além disso, você pode duplicar (Shift + D) nós selecionados. 6

O caminho pode ser quebrado (Shift + B) nos nós selecionados, ou se você

selecionar dois nós finais em um caminho, você pode junta-los (Shift + J). 7

Um nó pode ser feito:

8
• cúspide (Shift + C), o que significa que suas duas alças podem se mover independentemente em qualquer ângulo
entre si;
• smooth (Shift + S), o que significa que suas alças estão sempre na mesma linha reta (colinear); 9
• simétrico (Shift + Y), que é o mesmo que suave, mas as alças também têm o mesmo comprimento;
• auto-smooth (Shift + A), um nó especial que ajusta automaticamente as alças do nó e os nós auto suaves adjacentes
para manter uma curva suave.
Deslocando caminhos 1

Existem três comandos agrupados para deslocarmos 2

caminhos. Cada um permite que um caminho seja

ampliado ou reduzido. 3

• Comprimir - Ctrl + ( - Move o caminho para dentro

pela etapa Inset / Outset (padrão 2 px). 5

6
• Expandir - Ctrl + ) - Move o caminho para fora pela
etapa Inset / Outset (padrão 2 px). Ícone 7

• Expansão/Compressão Dinâmica - Ctrl + J - Move o

8

caminho para dentro ou para fora. Um identificador

(visível quando a ferramenta node selecionada) 9

controla a magnitude do deslocamento.

Combinando objetos e caminhos 1

Os comandos no menu Caminho permitem combinar dois ou 2

mais objetos usando operações booleanas.

3

As teclas de atalho para estes comandos fazem alusão às

analogias aritméticas das operações booleanas (união se refere 4

à adição, diferença a subtração, etc.).

5
Os comandos Diferença e Exclusão se aplicam apenas a dois
objetos selecionados; os outros comandos podem processar 6
qualquer quantidade de objetos de uma só vez. O resultado
sempre recebe o estilo do objeto do fundo. 7

9
Simplificação 1

O principal uso do comando simplificar (Ctrl + L) é reduzir o número 2

de nós em um caminho enquanto quase preserva sua forma.

3
Isto pode ser útil para caminhos criados pela ferramenta Lápis, uma
vez que essa ferramenta algumas vezes cria mais nós que o
necessário. 4

O caminho original da figura de exemplo tem 28 nós. Teclando várias

vezes o Ctrl + L, temos a eliminação de nós desnecessários. 5

O resultado é uma figura semelhante, porém formada com apenas 1 6 6

nós (o que significa que é muito mais fácil para trabalhar com a
ferramenta de edição de nós) e é mais suave.
7
A quantidade de simplificação (conhecida como limiar) depende do
tamanho da seleção. 8

Por essa razão, se você selecionar um caminho junto com algum

objeto mais largo, ele será simplificado mais agressivamente que se 9
você o selecionar sozinho.
Referências
Referências

Livro The book of Inkscape

Curso Alura - Inkscape: Produção gráfica
Ilustração da Capa - O mundo de Edena - Moebius

I n ks cape S cri bu s P exel s

Só mais uma coisa...

@laertecoutinho1

O professor não é dono do saber.

O professor é um curador de conhecimento, que tem a experiência adequada
para selecionar o que é relevante neste mar infinito de informação.
@marcomacielpro Produzido em 2021
marco@iftm.edu.br