Elaborando as ilustrações – Software Inkscape

Dentro do processo de elaboração das animações, a criação das imagens que posteriormente virão a ser animadas, corresponde a sua fase inicial e, consequentemente, uma das mais importantes. O software utilizado para criação das imagens animadas, o Synfig Studio, trás em si recursos capazes de executar esta tarefa, todavia, para elaboração de desenhos mais complexos preferimos utilizar o editor de imagens vetoriais Inkscape61_.

Este software livre é capaz de criar artes gráficas de qualidade profissional, sendo possível utilizá-lo nos sistemas Windows, Mac OS X e Linux (INKSCAPE, 2019). Os desenhos criados pelo Inkscape são classificados entre os vetoriais, os quais se baseiam em vetores matemáticos, criados a partir de pontos, linhas curvas e outras formas, diferindo dos

bitmaps, mapa de bits, ou rasters, imagens geradas a partir de pontos minúsculos.

Normalmente, ao se analisar esses dois tipos de imagens em sua totalidade não é possível distingui-las, fato que pode ser percebido ao se comparar as duas curvas da Figura

42 seguinte. Vejamos:

Figura 42 – Diferença entre imagens vetoriais e rasters.

Fonte: Próprio autor.

À esquerda da Figura 42, a curva vetorial, mesmo ampliada, não modifica sua característica de curva. Em contrapartida, a curva à direita da mesma figura, ao ter sua visibilidade aumentada, mostra sua verdadeira composição, os pixels62_.

Cientes disto, vejamos agora os principais recursos dentro desse programa, os quais utilizamos em nosso trabalho:

Figura 43 – Recursos presentes no Inkscape para a elaboração dos desenhos vetoriais.

Fonte: Próprio autor.

Essa figura mostra uma visão geral dos recursos do Inkscape. Nela, A corresponde à região utilizada para a execução da ilustração, a tela de desenho, B corresponde à barra de 62 Menores elementos de um dispositivo de exibição.

menus, C à barra de ferramentas, cujos parâmetros e demais ferramentas também podem ser acessados e modificados em D. Em E temos a paleta de cores e em F uma janela auxiliar para a edição dos desenhos criados.

A maior parte dos desenhos feitos, é produto da combinação e/ou modificação de formas mais simples (elipses, retângulos, polígonos, curvas, retas, etc.). Estas formas podem ser obtidas e editadas a partir da barra de ferramentas (C da Figura 43). Analisemos agora a próxima figura, na qual é possível visualizar alguns objetos criados a partir de tais ferramentas:

Figura 44 – Alguns exemplos de desenhos criados com as ferramentas do Inkscape.

Fonte: Próprio autor.

Esta figura é uma captura de tela do Inkscape. Nela, estão presentes alguns exemplos de uso de seus recursos. As setas relacionam as formas obtidas com as respectivas ferramentas utilizadas. Para se obter determinada forma, basta escolher a ferramenta desejada e, com o botão esquerdo do mouse ou touchpad, através de um “clique e arraste”, desenhar o objeto . Em A, o objeto foi construído com a ferramenta Polígono, cujas cores, do preenchimento e contorno, foram inseridas através de clique simples63 _{nas cores da paleta, utilizando-se os}

botões esquerdo e direito do mouse, respectivamente. Em B, o objeto foi obtido através da ferramenta Elipse e preenchido com a ferramenta Gradiente, recurso capaz de produzir gradações das mais variadas cores. Em C, as formas foram obtidas através das ferramentas

Elipse e Retângulo, as quais foram combinadas através do recurso União, inserido no menu

Caminho (destacado em vermelho na barra de menus). Em D, o objeto foi obtido com a

ferramenta Mão Livre, recurso que permite a obtenção de formas de acordo com o livre manuseio do artista. Em E, a curva foi desenhada com a Caneta Bézier, capaz de executar curvas e linhas, além disso, ela está sendo modificada por uma das ferramentas mais utilizadas: o Editor de Nós (circulada em vermelho na parte superior da barra de ferramentas). Esta última, permite a inserção de nós como também sua modificação, transformando os objetos de acordo com o que se necessita. Os nós, por sua vez, são os pequenos quadrados portadores de alças (visíveis em E), usadas para a modificação da forma selecionada. Além desses recursos, foi utilizada a ferramenta Texto (destacada em vermelho na parte inferior da barra de ferramenta), recurso capaz de editar textos, a exemplo das letras presentes na Figura 44. Todos estes recursos, assim como outros aqui não mencionados, foram utilizados de forma frequente no processo de criação das imagens estáticas de nosso produto e também das presentes nesta dissertação. Analisemos agora a figura seguinte que resume o processo de elaboração das imagens no Inkscape, de acordo com a maioria das ilustrações que criamos:

Figura 45 – Resumo do processo de elaboração das imagens no Inkscape.

Fonte: Próprio autor.

Nesta figura, temos em A a ordenação e agrupamento dos objetos escolhidos. Em B, houve combinações das formas desejas, para se obter outras mais próximas do resultado final. Além disso, ocorreu o processo de modificação das formas através da ferramenta Editor de

Nós. Em C, a forma final já está pronta, necessitado apenas de edições nas cores, o que ocorre

em D, cuja finalização também é mostrada. O exemplo acima, faz parte do produto, estando presente em duas animações. As imagens usadas no produto, foram obtidas, de forma geral, através de combinações e modificações nas propriedades dos objetos (cor, tamanho, espessura, alinhamento de objetos, etc), semelhantemente ao que foi feito no exemplo acima.

Algumas delas, tiveram suas formas baseadas em exemplos preexistentes, outras foram “imaginadas” em acordo com as conceituações físicas que pretenderam ilustrar. Após sua elaboração completa, as imagens foram exportadas64 _{no formato PNG}65_{, preferencialmente}

escolhido pela possibilidade de preservar o canal alfa66 _{dos arquivos obtidos. Após a}

exportação, as imagens deixarão de ser vetoriais, uma vez que o novo formato é característico das imagens raster. Apesar disso, a perda de qualidade poderá ser mínima se as configurações de exportação estiverem adequadas. Dessa forma, ao serem usados no Synfig Studio, as imagens estáticas poderão ser animadas sem qualquer contratempo. Na subseção seguinte explanaremos este último processo.

Outras informações e funções mais detalhadas podem ser acessadas nos diversos tutoriais oferecidos pelo próprio site do programa através do link “https://inkscape.org/pt-br/aprender/tutoriais/”.