https://www.storyboardthat.com/help-and-faqs/how-to-upload-vector-images

Uploading an SVG to Storyboard That


For Power Users and Artists Using Storyboard That


SVG or Scalable Vector Graphics is a web image file that is generated by Adobe Illustrator and other vector editing programs. Images that are created in this format and exported can be scaled (increased and decreased in size) without losing quality in the image. This can be extremely useful for users who want the freedom of free sizing.

Here are the steps for exporting an SVG in Illustrator:

  1. Create your desired image in Illustrator.




  2. Click File>Save As and select the .svg option




  3. The SVG Options dialogue box will open, and you will be given the option to change the .svg options.

    *Please note: you should click the “more options” button to see all*



    Select the Following:

    • SVG Profiles: SVG 1.1
    • Type: Custom
    • Subsetting: None (Use System Fonts)
    • Image Location: Link
    • Un-check Preserve Illustrator Editing Capabilities
    • CSS Properties: Presentation Attributes
    • Decimal Place: 1
    • Encoding: Unicode (UTF-8)
    • Check Output fewer elements
    • Un-check Include Slicing Data, Use element for Text on Path, Include XMP, and Responsive
  4. Click Ok

You have created an SVG image that can now be uploaded to StoryboardThat.com and will be scalable and non-rasterized!



Additional Option

Colorable Svgs

Want to make parts of your .svg image able to be colorable, like the characters and objects on Storyboard That? By incorporating the following HEX codes into your image, you will be able to access color palettes for those sections of your work.

*Please note: these colors will default to 4 basic colors (Blue, Green, Yellow, and Red) on your image.*

Here is an example:

This square has the correct HEX codes and is uploaded to Storyboard That


The colors change to the default on the color palette, but now there is the option to change the colors of those sections.


As you can see, you can access the color palette, or even select custom colors, by pressing the down arrow.


Now you can take your graphics further and make your storyboards even better!


Help Share Storyboard That!

Teacher Favorites

Get the most out of Storyboard That with these great features!

Classroom Features

During your 14-Day free trial, you and your students will have full access to all the classroom features.

  • Unlimited Storyboards with up to 100 cells
  • Personal Teacher Dashboard
  • Support for Google Sign On

Photos for Class

Easily find that perfect photo thanks to integration with Photos for Class.

  • Millions of Creative Commons photos
  • Automatically cited when used
  • Makes storyboards POP

Powerful Export

After your storyboard is created easily export it to high resolution storyboard cells, PDF or PowerPoint File.

  • Add a storyboard into a larger presentation
  • Upload to your blog, wiki or email
  • Create classroom posters

Presentation Ready

Quickly turn any storyboard into a presentation to receive immediate feedback!

  • One Click Live Slide Shows
  • Export to PowerPoint (Keynote, and Google Slides compatible)
  • Create a new presentation just as easily after edits
Start My Free Teacher Trial
https://www.storyboardthat.com/help-and-faqs/how-to-upload-vector-images
© 2017 - Clever Prototypes, LLC - All rights reserved.
Want a Free Trial? Learn More about our Educational Edition     Start My Free Trial
Explore Our Articles and Examples

Teacher ResourcesTeacher Guides and Lesson Plans Ed Tech Blog
Business ResourcesAll Business ResourcesProduct DevelopmentNegotiationBusiness Frameworks
Film ResourcesFilm and Video Resources
Try Our Other Websites!

Photos for Class – Search for School-Safe, Creative Commons Photos! (It Even Cites for You!)
Quick Rubric – Easily Make and Share Great Looking Rubrics!
Prefer a different language?

•   (English) How to Upload Vector Images   •   (Español) Cómo Cargar Imágenes Vectoriales   •   (Français) Comment Télécharger des Images Vectorielles   •   (Deutsch) Wie zum Hochladen von Vector Images   •   (Italiana) Come Caricare Immagini Vettoriali   •   (Nederlands) Hoe kan ik Vector Afbeeldingen Uploaden   •   (Português) Como Carregar Imagens Vetoriais   •   (עברית) כיצד להעלות תמונות וקטור   •   (العَرَبِيَّة) كيفية تحميل الصور المتجهات   •   (हिन्दी) वेक्टर छवियों को अपलोड करने के लिए कैसे