Elementos do Desenho

Você já conheceu os elementos do desenho no tópico Ferramentas de Desenho. Esse tópico existe apenas para te ajudar a fixar esse conceito e traz alguns detalhes.

Elementos Primitivos ou Formas Geométricas

Você já viu esses elementos primitivos no tópico anterior, vamos só relembrar as características básicas comum a eles. Não existem nós nesses elementos, apenas pontos de controle para modificar as propriedades desses elementos, sem modificar sua natureza. Sem converter em elemento de curvas, uma estrela continua sendo uma estrela, um retângulo continua sendo um retângulo, por mais que modifiquemos seus atributos. Esclarecendo, o texto não se encaixa como forma geométrica, mas também é um elemento primitivo do desenho.

Elementos de Curvas ou Caminhos

Um elemento de curvas é o resultado de um conjunto de nós e as linhas que os conectam. Você pode criar um elemento de curvas com as ferramentas específicas, citadas no tópico Ferramentas de Desenho, ou convertendo um elemento primitivo em curvas com o botão no contexto de .

Elementos de curvas nos dão total liberdade para criação de formas. Crie novos nós (como já foi citado na descrição do Manipulador de Nós), mova-os e puxe suas alças béziers para criar novas formas.

Nós e suas propriedades

O nós podem ser angulares, suaves ou simétricos:

Nó Anguloso	Nó Suave	Nó Simétrico

Você já viu como definir esses tipos de nós na descrição do Manipulador de Nós.
Agora, para fixar, use os botões e tente reproduzir a forma dessa animação:

Esse exercício lhe ajudará a desenvolver a habilidade de criar formas, o que é muito importante para artístas vetoriais. O peixe é um bom exemplo do que você verá no seu cotidiano. A maioria dos nós são suaves ou angulares e em casos específicos, como no centro da cauda, temos um nó simétrico, ajudando a criar curvas iguais para cima e para baixo.

Grupos

Outro elemento do desenho é o grupo. O grupo une elementos e permite aplicar transformações e estilos (formatação) a todos os elementos filhos. Um grupo pode conter qualquer outro elemento de desenho, inclusive outro prupo.

Na animação ao lado, você pode perceber como a redução da opacidade se aplica de forma diferente a uma coleção de elementos primitivos quando apenas selecionamos e aplicamos e quando agrupamos e aplicamos ao grupo. Você não sabe como modificar a opacidade, não se preocupe... veremos isso no tópico Pintando Elementos e suas Bordas.

Para criar um grupo, selecione todos os elementos que devem ser agrupados e clique em . Para desagrupar, clique em .

Está difícil de ver o grupo como um elemento? A vivência vai te ajudar a entender bem tudo sobre SVG e imagens vetoriáis, mas veja aqui como fica a estrutura do SVG usado no exemplo animado sobre grupos:

Para abrir essa janela clique no botão "Visualizar a árvore XML do SVG". Opa... Estranhou? É importante saber que o SVG é basicamente um aquivo XML, mas se você não é programador(a) e nem conhece XML, não se preocupe. Não é necessário conhecer o XML por traz da imagem SVG para criar SVGs, principalmente com Inkscape. Ok. Continuando... Nesse exemplo você vê o elemento raiz <svg> como pai de todos os outros elementos. Os elementos visíveis retangulo-azul, circulo-vermelho e estrela-amarela, são filhos do elemento <g> (selecionado na lista) cujo id é grupo1.