Join Tom Green for an in-depth discussion in this video Creating assets in Sketch 3, part of Principle for UX Design.
- [Voiceover] If you use Sketch 3 for bohemian coding…to build your interfaces for principle,…there are a few things you need to know…which will actually make your life a lot simpler.…So let's get started,…and to get started I have an iPhone 6 Artboard open…you can see right there 375 by 667…and I want to bring a couple of assets…into this artboard from Sketch.…Now, I've got Sketch open so I'm just gonna…move this window over and bring Sketch up to the front.…So how do I bring images from Sketch into Principle?…Well, the first way of doing it is to copy and paste,…so if you copy the image and then come over to…Principle and paste, there's your image, size as.…
The other way of doing it is to just literally…grab a layer so if you've got the layer…with the image on it you just drag that in…and you see that you can just drop it in…and you can get rid of that.…Now, part of the problem with this is…is this image here is, you can see, is 375 wide…but that's gonna look like half size on a retina device.…So what you're gonna do is you're gonna make it exportable,…
- Adding content to new artboards
- Creating your first Principle animation
- Managing the Principle timeline
- Animating with keyframes and drivers
- Using assets from Photoshop and Sketch
- Manipulating content properties
- Modifying keyframes and retiming
- Masking and cropping
- Creating transitions
- Develop an Apple Watch alert
- Create a ripple effect
- Animate button presses
Skill Level Appropriate for all
1. Getting Started with Principle
2. Using the Principle Timeline
3. Using the Principle Drivers
4. Managing Content in Principle
5. Practical Principle Projects
Next steps1m 2s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
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.