Hochladen Einer SVG zu Storyboard That

Für Power User und Künstler mit Storyboard That

SVG oder Scalable Vector Graphics ist eine Webbilddatei, die von Adobe Illustrator und anderen Vektorbearbeitungsprogrammen generiert wird. Bilder, die in diesem Format erstellt und exportiert werden, können skaliert (vergrößert und verkleinert) werden, ohne dass die Bildqualität beeinträchtigt wird. Dies kann äußerst nützlich für Benutzer sein, die die freie Dimensionierung wünschen.

Schritte zum Exportieren einer SVG-Datei in Illustrator

1. Erstellen Sie Ihr gewünschtes Bild in Illustrator.



div class="img-thumbnail">

Klicken Sie auf Datei> Speichern unter und wählen Sie die Option .svg aus.

div class="img-thumbnail">

Das Dialogfeld SVG-Optionen wird geöffnet, und Sie haben die Möglichkeit, die .svg-Optionen zu ändern.

* Bitte beachten Sie: Sie sollten auf die Schaltfläche "Weitere Optionen" klicken, um alle anzuzeigen. *

div class="img-thumbnail">

Wählen Sie Folgendes aus:

• SVG-Profile: SVG 1.1
• Typ: Benutzerdefiniert
• Subsetting: Keine ( Systemschriftarten verwenden)
• Bildstandort: Link
• Deaktivieren Sie das Kontrollkästchen " Illustrator-Bearbeitungsfunktionen beibehalten"
• CSS-Eigenschaften: Präsentationsattribute
• Dezimalstelle: 1
• Kodierung: Unicode (UTF-8)
• Überprüfen Sie: Geben Sie weniger -Elemente aus
• Deaktivieren Sie das Kontrollkästchen: Slicing-Daten einschließen, Element für Text auf Pfad, XMP einschließen und Responsive

Sie haben ein SVG-Bild erstellt, das jetzt in StoryboardThat .com hochgeladen werden kann und das skalierbar und nicht gerastert ist.

Farbbare SVGs

Möchten Sie Teile Ihres .svg-Bildes färbbar machen , z. B. die Zeichen und Objekte auf Storyboard That? Wenn Sie die folgenden HEX-Codes in Ihr Bild integrieren, können Sie auf Farbpaletten für diese Abschnitte Ihrer Arbeit zugreifen.

• HEX-CODE 1: # 1D7A7C
• HEX CODE 2: # 199119
• HEX CODE 3: # A51717
• HEX CODE 4: # B5B51F

* Bitte beachten Sie, dass diese Farben standardmäßig 4 Grundfarben (Blau, Grün, Gelb und Rot) in Ihrem Bild enthalten. *

Hier ist ein Beispiel:

Dieses Quadrat hat die korrekten HEX-Codes und wird in das Storyboard That hochgeladen.

div class="img-thumbnail">