Como exportar uma imagem ou animação como um SVG no Blender

Desde o lançamento do Blender 2.8, o software tem a capacidade de exportar imagens e animações no formato Scalable Vector Graphics (SVG). Este formato baseado em vetor é popular entre web e designers gráficos e é uma ótima maneira de compartilhar seu trabalho com outras pessoas que podem não ter acesso ao Blender. Neste artigo, veremos os fundamentos de como exportar uma imagem ou animação como SVG no Blender.

Contorno para o Blender Svg

Os contornos no Blender são criados usando o painel Stroke na Tool Shelf. Para criar um contorno, primeiro selecione o objeto que deseja contornar. Em seguida, na estante de ferramentas, selecione o painel Stroke. No painel Stroke, selecione o tipo de traço que deseja usar. As opções são: – Mão livre: cria um contorno à mão livre – Poligonal: cria um contorno poligonal – Spline: cria um contorno baseado em spline Depois de selecionar o tipo de traçado que deseja usar, você pode ajustar as configurações desse traçado . Por exemplo, você pode ajustar a espessura do traçado, a cor do traçado e o número de pontos usados ​​para criar o traçado. Assim que estiver satisfeito com as configurações do seu traço, você pode clicar no botão “Stroke” para criar o contorno. O contorno será adicionado ao objeto como um novo grupo de vértices.

Blender Exportar Grease Pencil como SVG

Não há botão de um clique para exportar objetos Grease Pencil como arquivos SVG no Blender, mas é possível fazer com um pouco de trabalho. Primeiro, selecione o objeto Grease Pencil que deseja exportar no Outliner. Em seguida, no painel Properties, vá para a guia Object Data e role para baixo até a seção Export Path. Clique no botão Procurar e escolha um local para salvar o arquivo. Por fim, no menu suspenso Formato de arquivo, selecione “SVG”.

Exportando arquivos Grease Pencil

Se você deseja exportar um único quadro, escolha um nome de arquivo que seja fácil de lembrar. Para exportar quadros de uma animação, use um arquivo com uma sequência que reflita a sequência de quadros. Arquivos PNG, JPG e GIF são os três principais tipos de arquivo para lápis de graxa. GIF e PNG são adequados para pequenas animações, enquanto JPG é adequado para grandes gráficos da web. Ao exportar um arquivo Grease Pencil, uma imagem PNG é salva contendo um canal alfa e, em seguida, salva como um arquivo Grease Pencil. É importante manter esse canal aberto porque a ferramenta Grease Pencil determina quais partes do desenho são transparentes usando o canal alfa. Alternativamente, você pode exportar um arquivo Grease Pencil como um.JPG ou. imagem GIF. Um JPEG pode ser usado para gráficos da web, enquanto um GIF pode ser usado para pequenas animações. Esta opção permite exportar um arquivo Grease Pencil como PNG, JPG ou GIF. Escolha uma ferramenta de graxa de lápis se quiser usar uma. Você pode exportar seu trabalho selecionando Exportar no painel Ferramentas. Vá para a janela Exportar arquivo do navegador e escolha o nome do arquivo para o arquivo de estrutura de graxa na janela Exportar arquivo do navegador e, em seguida, exporte-o. O Blender salva o arquivo como uma imagem PNG, com um canal alfa, depois de convertido.

Complemento Svg do Blender

O Blender SVG Addon é uma ótima maneira de criar gráficos de alta qualidade para a web. Ele permite criar gráficos vetoriais que podem ser exportados como arquivos SVG. Essa é uma ótima maneira de criar logotipos, ícones e outros gráficos que podem ser usados ​​em sites e outros aplicativos.

Tutorial SVG

SVG é um formato de imagem vetorial baseado em XML para gráficos bidimensionais com suporte para interatividade e animação. A especificação SVG é um padrão aberto desenvolvido pelo World Wide Web Consortium (W3C) desde 1999. Imagens SVG e seus comportamentos são definidos em arquivos de texto XML. Isso significa que eles podem ser pesquisados, indexados, codificados e compactados. Como arquivos XML, as imagens SVG podem ser criadas e editadas com qualquer editor de texto, mas são mais frequentemente criadas com software de desenho . Estes são então combinados em um arquivo, tornando-o fácil de distribuir e manipular.

Scalable Vector Graphics (SVG) é atualmente um dos tópicos mais quentes do mercado. Apesar de ter sido padronizado no início dos anos 2000, o StandardVG foi consistentemente afetado negativamente pelo suporte ruim do navegador (principalmente o IE). No momento, a incorporação direta de SVG em HTML requer os navegadores mais recentes. Na maioria das vezes, você não precisa editar o código, mas pode usar ferramentas como Figma ou Sketch para criá-lo. O navegador pode exibi-los como uma tag img, assim como pode exibir imagens em outros formatos de arquivo. Para imagens embutidas, HTML5 e XHTML usam sintaxes diferentes. Renderport e viewBox podem ser combinados usando o elemento g.

A tela SVG permite que você especifique um novo sistema de coordenadas. Por exemplo, comece com 0 e limite o tamanho da tela para 100 × 100. Você pode ver uma segunda parte da mesma tela assim que chegar a 100. Assim como as tags HTML aceitam um atributo de estilo, qualquer elemento pode fazê-lo em sva. Como a natureza do formulário exige que algumas propriedades CSS funcionem de maneira diferente do esperado, você não poderá usar todas as propriedades CSS. O preenchimento também pode ser usado como um atributo de elemento, como para alterar a cor de um elemento de texto. Inline também está presente em HTML e CSS.

Basta inserir o URL de dados apropriado no campo. Você pode incluir uma folha de estilo externa em um arquivo SVG usando o método CDATA. Quando a página estiver completamente carregada, você pode colocar o JavaScript primeiro e envolvê-lo em um evento load para completá-lo. Se você pode interagir com o SVG (o SVG está embutido no HTML), você pode alterar qualquer atributo em JavaScript. Esta é uma linguagem de marcação que pode ser usada com HTML5, mas só deve ser usada ao usar XHTML primeiro (documentos com Devido ao formato XML, um arquivo SVG inválido pode não ser aceito por alguns serviços ou aplicativos. Por exemplo, o Modernizr A biblioteca pode ser usada para verificar se há suporte ausente.

Crie arquivos SVG com o Inkscape

Há uma variedade de outros programas de software que também podem criar arquivos SVG. ilustração vetorial é comumente usada com um programa gratuito chamado Inkscape. Você pode colocar as mãos no Inkscape visitando seu site. Existem também aplicativos comerciais, como o Adobe Illustrator e o Inkscape, que fornecem a capacidade de criar arquivos sva.