Learn about preparing and converting vector images to SVG for use in Proto.io.
- [Instructor] When it comes to working with…line art, logos and icons in Proto.io,…you're limited to one format, that's SVG…and those images are traditionally created…in a vector drawing application such as Illustrator,…which I've got open right here.…If you are an Illustrator user,…there are a couple of ways of creating an SVG image…and it depends on which version you have.…If you have the latest version of Adobe Illustrator,…then your in for a real treat…and for those of you that don't have it,…the common way of exporting an SVG image…is to go to Save As, Format, SVG,…click Save and then deal with this dialog box.…
Now there's a little button up here…that tells you if maybe you're doing it wrong,…Try Export for Screens.…No, this is wrong, and the reason it's wrong is that…that primarily works for art boards,…but what if I just want to export the pin and the lighthouse.…Well let's take a look at how all that works.…What you do is you go to Window,…Asset Export or over here,…just click the Asset Export button…
- Using design patterns
- Using grids and columns
- Using the Proto.io player
- Using the Proto.io smartphone app
- Working with screens
- Using components
- Creating artwork
- Creating and using containers
- Creating animation
- Publishing your prototype
Skill Level Intermediate
Building and Maintaining Your UX Design Portfoliowith Diane Cronenwett15m 54s Appropriate for all
Sketch: Creating Vector Graphicswith John-Paul Ballard1h 30m Intermediate
1. Getting Started with Proto.io
2. Working with Screens
3. Using Components
4. Creating Artwork from Proto.io
5. Creating and Using Containers in Proto.io
6. Creating Animation in Proto.io
7. Publishing Your Prototype
Next steps1m 22s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.