With Marvel app, like a lot of other tools used for prototyping, you supply images you create in other programs like Adobe Photoshop, Adobe XD, Sketch, and more. You can also design content for the screens of your prototype directly in Marvel. In this video, you’ll see how to import images in a supported file format.
- [Narrator] Okay, now that we've got our project set up,…what we're going to do is, we're going to start…to add some designs to this.…Now the way that we typically do this is…we're gonna either design within Marvel app…or, I should say and/or, we're gonna design in Photoshop,…Sketch, wherever you happen to want to design this stuff.…We're gonna create an app.…And what I did was, I actually designed this…in Experience Design, this is an Adobe application.…You can use, like I said, Sketch, Photoshop, Illustrator,…just about anything you want.…You just need to be able to export as ping, jpeg, gif…or even psd in some cases I'll show you…and AI if you want to, Adobe Illustrator, from the IOS app…or coming directly from Sketch like I mentioned.…
In XD, I was able to design all this…and then export by coming over to File and choosing Export.…You just have to be able to export as a file format…that Marvel understands.…Now when you create this, what I did was I actually created…them at the iPhone 6 size that was in Marvel: 750 by 1334.…
Author
Brian Wood
Released
9/9/2016- What is Marvel?
- Creating a new Marvel project
- Linking screens
- Adding images
- Setting up screen timers
- Adding video
- Sharing and downloading prototypes
Skill Level Intermediate
Duration
Views
-
Introduction
-
Welcome2m 43s
-
What you'll learn2m 34s
-
Using the exercise files1m 41s
-
-
1. Set Up a Marvel Project
-
What is Marvel?2m 11s
-
Create a project7m 11s
-
-
2. Design
-
Import images5m 37s
-
Design with Marvel Canvas7m 31s
-
MarvelApp and Sketch4m 6s
-
-
3. Prototype
-
Start with prototyping3m 21s
-
Layer an image9m 12s
-
Fixed header and footer4m 26s
-
Set up screen timers2m 26s
-
Work with anchors4m 25s
-
Prototype settings2m 35s
-
-
4. Collaborate, Company Plan Only
-
Share prototypes with others4m 30s
-
Download the prototype4m 52s
-
Commenting6m 45s
-
-
Conclusion
-
Next steps2m 38s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press 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.
Share this video
Embed this video
Video: Import images