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 draw the first edge of the impossible triangle. Now, this happens to be one of the trickier parts of the project. So make sure to follow my instructions exactly. Assuming that your looking at your hexagonal guidelines. Go ahead and select the Pen tool, which you can also get by pressing the P key. I also recommend that you increase the line weight value up here in the Control panel. And I'm going to go ahead and take it all the way up to six points. And press the Enter key or the Return key on the Mac. Now hover your cursor over the bottom left corner in the top most hexagon, and click in order set the first corner point.
Now drop down to the bottom left corner in the bottom left hexagon and click again in order to join your first two points with a straight segment. Now I want you to click on the bottom right corner, in the bottom right hexagon, followed by the right most point in that same shape, in order to create two more corner points. Now click on the right most point in the bottom left hexagon, in order to create a point at this location. And now notice the six pointed star. That's described by the inner section of the various hexagons.
You need to click on the topmost point in that star. At which point, assuming that the smart guides are turned on, you'll see the word intersect in green. Then just go ahead and click, and then finally, click in the first anchor point in your shape in order to close that shape like so. Now ideally, every single anchor point is exactly where it needs to be, but it's very possible that things aren't lined up precisely. And they need to be in order to get this effect right. So, go ahead and select the White Arrow tool, which Illustrator calls the Direct Selection tool, but you can also get to it by pressing A for arrow.
And now, press and hold the Ctrl+Spacebar keys. That's Cmd+Spacebar on the Mac, in order to temporarily access the Zoom tool. And go ahead and marquee this point right there in order to zoom way in on it. And in my case, the point is slightly off kilter. So, I'm just going to drag it a little bit like so. And then drag it until it snaps exactly into alignment with that guide corner right there. And now to inspect the other points. Rather than spacebar dragging, which can be pretty laborious when you're zoomed in this far, go up to the window menu and choose the Navigator command to bring up the Navigator panel shown here and I'm going to go ahead and increase the size of that panel so I can zoom in just a little bit like so.
And now, I'll go ahead and click right there on this corner in order to check out its location. It seems to be exactly where it needs to be so I'll click down at this location also we've got a nice match. Click over here to check out this corner. It looks just great. Click up here to check out this corner. So, in other words, we need to inspect every corner of the shape. Again, it looks good. And then click right there in order to check it out. And once again, thankfully, we have a match, at which point you can go ahead and click this double arrow icon at the top of the Navigator panel in order to hide it.
And the press Ctrl+0, or Cmd+0 on the Mac, in order to center your zoom. So, it's a little painful to have to go through that inspection process, but it's exceedingly important that we get that path aligned properly to achieve the proper effect. And that's how you draw the first six pointed edge of our impossible triangle, here inside Illustrator.
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.