Viewers: in countries Watching now:
Learn what it takes to design your own mind-bending illusion, in this installment of Designs dekeConstructed—the series that breaks down popular graphic designs and show you how to re-create them on your own. Deke starts out by drawing an "impossible" Penrose triangle and a golden ball in Adobe Illustrator. Next, he plots a path for the ball to follow around the triangle. Last, he moves to Photoshop, where he shows you how to animate the ball with a combination of layer masks and the timeline.
Want more dekeConstructed design techniques? Check out the other courses in the series here.
In this movie, we'll export our artwork as independent Photoshop layers that we can then animate in the next chapter, and you do that by going up to the File menu and choosing the Export command. And the first thing you want to do, is change your file type from whatever it is by default to Photoshop.psd, and I'm going to go ahead and name this file pixel based trails, and you want to turn on the use art board's check box. That way, you'll get a Photoshop image that is every bit as big as your Illustrator artwork.
Then click on the Export button. Next, you want to make sure that the color model is set to RGB. A resolution of Screen is fine for this, because after all, we'll ultimately be creating a work of GIF animation. You want to set the resolution to Screen, 72 ppi, which is exactly what you need in order to create the final animated GIF file. Then select the right layers option, and turn on the maximum editability check box, and because we don't really have any type, you might as well set antialiasing to art optimize super sampling.
And then finally, you do want to embed an ICC profile, which, in my case, is Adobe RGB. For you, it might be SRGB. But it really doesn't matter, as long as it's there. Next, go ahead and click OK in order to create that file. And now I'm going to go up to the File menu and choose Browse in Bridge to switch over to Bridge, like so. And notice that I've got this new file called pixel base trails-01. And that's because it's working from the first R port.
We don't need -01, because, after all, we only have the one art board. So, I'm going to go ahead and get rid of that part of the file name. And then I'll double-click on the image to open it inside Photoshop, and you can see that we've got a single layer for the triangle and ball. Meanwhile, if you go ahead and twirl open one of these groups here, you can see that each one of those sub layers, starting with layer seven, eight, nine, and so forth, have been converted to Photoshop layers and the layers that contain those sub-layers have been converted to groups, as represented by these folders.
And that's exactly what we need to animate these frames inside Photoshop starting in the next chapter
There are currently no FAQs about Designs dekeConstructed: Animating a Mind-Bending Illusion.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.