Come esportare un'immagine o un'animazione come SVG in Blender

Dal rilascio di Blender 2.8, il software ha avuto la possibilità di esportare immagini e animazioni nel formato Scalable Vector Graphics (SVG). Questo formato basato su vettori è popolare tra i web designer e i grafici ed è un ottimo modo per condividere il tuo lavoro con altri che potrebbero non avere accesso a Blender. In questo articolo, esamineremo le basi su come esportare un'immagine o un'animazione come SVG in Blender.

Contorno a Svg Blender

I contorni in Blender vengono creati utilizzando il pannello Ictus nella barra degli strumenti. Per creare un contorno, seleziona prima l'oggetto che vuoi delineare. Quindi, nello scaffale degli strumenti, seleziona il pannello Ictus. Nel pannello Tratto, seleziona il tipo di tratto che desideri utilizzare. Le opzioni sono: – Mano libera: crea un contorno a mano libera – Poligonale: crea un contorno poligonale – Spline: crea un contorno basato su spline Una volta selezionato il tipo di tratto che si desidera utilizzare, è possibile regolare le impostazioni per quel tratto . Ad esempio, puoi regolare lo spessore del tratto, il colore del tratto e il numero di punti utilizzati per creare il tratto. Una volta che sei soddisfatto delle impostazioni per il tuo tratto, puoi quindi fare clic sul pulsante "Tratto" per creare il contorno. Il contorno verrà aggiunto all'oggetto come nuovo gruppo di vertici.

Blender Export Grease Pencil come Svg

Non esiste un pulsante con un clic per esportare oggetti Grease Pencil come file SVG in Blender, ma è possibile farlo con un po' di lavoro. Innanzitutto, seleziona l'oggetto Grease Pencil che desideri esportare in Outliner. Quindi, nel pannello Proprietà, vai alla scheda Dati oggetto e scorri verso il basso fino alla sezione Percorso di esportazione. Fare clic sul pulsante Sfoglia e scegliere una posizione in cui salvare il file. Infine, nel menu a discesa Formato file, seleziona "SVG".

Esportazione di file Grease Pencil

Se desideri esportare un singolo fotogramma, scegli un nome file che sia facilmente ricordabile. Per esportare i fotogrammi da un'animazione, utilizzare un file con una sequenza che rifletta la sequenza dei fotogrammi. I file PNG, JPG e GIF sono i tre tipi di file principali per le matite grasse. GIF e PNG sono entrambi adatti per piccole animazioni, mentre JPG è adatto per grafica web di grandi dimensioni. Quando si esporta un file Grease Pencil, viene salvata un'immagine PNG contenente un canale alfa, quindi salvata come file Grease Pencil. È importante mantenere aperto questo canale perché lo strumento Grease Pencil determina quali parti del disegno sono trasparenti utilizzando il canale alfa. In alternativa, puoi esportare un file Grease Pencil come file.JPG o. Immagine GIF. Un JPEG può essere utilizzato per la grafica web, mentre un GIF può essere utilizzato per piccole animazioni. Questa opzione ti consente di esportare un file Grease Pencil come PNG, JPG o GIF. Scegli uno strumento per ingrassare la matita se vuoi usarne uno. Puoi esportare il tuo lavoro selezionando Esporta dal pannello Strumenti. Vai alla finestra del browser del file di esportazione e scegli il nome del file per il tuo archivio di fotogrammi di grasso nella finestra del browser del file di esportazione, quindi esportalo. Blender salva il file come immagine PNG, con un canale alfa, dopo che è stato convertito.

Componente aggiuntivo Blender Svg

L' addon Blender SVG è un ottimo modo per creare grafica di alta qualità per il web. Ti consente di creare grafica vettoriale che può essere esportata come file SVG. Questo è un ottimo modo per creare loghi, icone e altri elementi grafici che possono essere utilizzati su siti Web e in altre applicazioni.

Tutorial SVG

SVG è un formato di immagine vettoriale basato su XML per grafica bidimensionale con supporto per interattività e animazione. La specifica SVG è uno standard aperto sviluppato dal World Wide Web Consortium (W3C) dal 1999. Le immagini SVG ei loro comportamenti sono definiti in file di testo XML. Ciò significa che possono essere cercati, indicizzati, inseriti in script e compressi. Come file XML, le immagini SVG possono essere create e modificate con qualsiasi editor di testo, ma sono più spesso create con software di disegno . Questi vengono poi combinati in un unico file, facilitando la distribuzione e la manipolazione.

Scalable Vector Graphics (SVG) è attualmente uno degli argomenti più caldi sul mercato. Nonostante sia stato standardizzato nei primi anni 2000, StandardVG è stato costantemente influenzato negativamente dallo scarso supporto dei browser (in particolare IE). Al momento, l'incorporamento diretto di SVG in HTML richiede i browser più recenti. La maggior parte delle volte non è necessario modificare il codice, ma è possibile utilizzare strumenti come Figma o Sketch per crearlo. Il browser può visualizzarli come tag img, così come può visualizzare immagini in altri formati di file. Per incorporare le immagini, HTML5 e XHTML utilizzano una sintassi diversa. Renderport e viewBox possono essere combinati utilizzando l'elemento g.

Il canvas SVG consente di specificare un nuovo sistema di coordinate. Ad esempio, inizia con 0 e poi limita le dimensioni della tela a 100×100. Puoi vedere una seconda parte della stessa tela non appena raggiungi 100. Proprio come i tag HTML accettano un attributo di stile, qualsiasi elemento può farlo in sva. Poiché la natura del modulo richiede che alcune proprietà CSS funzionino diversamente da quanto ci si potrebbe aspettare, non sarà possibile utilizzare tutte le proprietà CSS. Il riempimento può essere utilizzato anche come attributo di un elemento, ad esempio per modificare il colore di un elemento di testo. Inline è presente anche in HTML e CSS.

Basta inserire l'URL dei dati appropriato nel campo. È possibile includere un foglio di stile esterno in un file SVG utilizzando il metodo CDATA. Quando la pagina è completamente caricata, puoi posizionare prima il codice JavaScript e avvolgerlo in un evento di caricamento per completarlo. Se puoi interagire con l'SVG (l'SVG è incorporato nell'HTML), puoi modificare qualsiasi attributo in JavaScript. Questo è un linguaggio di markup che può essere utilizzato con HTML5, ma dovrebbe essere utilizzato solo quando si utilizza prima XHTML (documenti con formato XML, un file SVG non valido potrebbe non essere accettato da alcuni servizi o app. Ad esempio, il Modernizr library può essere utilizzata per verificare la mancanza di supporto.

Crea file Svg con Inkscape

Ci sono anche una varietà di altri programmi software che possono creare file SVG. l'illustrazione vettoriale è comunemente usata con un programma gratuito chiamato Inkscape. Puoi mettere le mani su Inkscape visitando il suo sito web. Esistono anche applicazioni commerciali, come Adobe Illustrator e Inkscape, che offrono la possibilità di creare file sva.