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're going to create the golden ball. I'll go ahead and switch to my artwork so far and I will select the Ellipse tool from the Shape tool fly out menu. And then, if you want to get the same results as me, just go ahead and click somewhere inside of your artwork. And turn on the link icon so that both your width and height values change in kind. And now you can change either one to 60 pixels and they will both change together, at which point, go ahead and click OK in order to create that shape.
Now, in my case, Illustrator automatically fills the shape with the gradient, but of course, it is the wrong gradient, so assuming that you have the Gradient panel up on screen, let's go ahead and modify a few settings here. By double clicking on this far right color stop. In the RGB values that I want you to dial in are a red value of 64, green value of 32 and a blue value of 0. So we end up with this dark brown. Then double click on the next slider triangle which, as you may recall.
Then go ahead and select the next color stop over, which as you can see has a location value of 75%. We wanted to have a location of 66%, so go ahead and dial in that value, and then double click on the color stop and change the red value this time to 177 is what I came up with. And I'm looking for a green value of a 100 and a blue value of 0. And then finally, double click on the very first color stop over here on the left hand side and dial in a maximum red value of 255.
We'll also max out the green value, so 255 once again. Then set the blue value to 50 and press the Enter key or the Return key on the Mac to invoke that change. Now I want to change the type from linear to radial. So we achieve a radial gradient like so, and now I'm going to zoom in on this ball a couple of times by pressing Ctrl++ or Cmd++ on a Mac. And I want to move the hot spot of this gradient to the upper left corner of the ball by selecting the Gradient tool, which, once again, you can get by pressing the G key.
And then, you want to move your cursor to just to the right of that square on the Gradient Annotator. At which point, you'll see this little Rotate cursor. And then, drag this guy down and to the right, and go ahead and press the Shift key as you drag to constrain the angle of the Annotator to negative 45 degrees. And we may need to have to reinstate that value in just a moment. After you go ahead and drag this second little circle, the circle that's up and to the left, even farther up into the left, like so.
Until you're very close to the top left edge of the circle. And then go ahead and release in order to achieve this effect here. And also, go ahead and confirm that the angle value here inside the gradient panel is negative 45 degrees. In which case, you can go ahead and press the V key in order to switch back to the Black Arrow tool. And then I will go ahead and zoom out, by once again pressing Ctrl+0 or Cmd+0 on a Mac, and I will drag this shape by it's center point to approximately this location here, and then I will click off the circle in order to deselect it, and that's, quite simply, how you add a golden ball to your artwork, 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.