Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In this movie, I'll show you how to take that impossible pen rose triangle of cubes that we created in the previous movie, and we'll shade the cubes using a few gradients in order to create this tricked out classic effect here. So, I'm going to start things off by pressing Ctrl+-, or Cmd+-, on the Mac to zoom out slightly. Go up to the View menu and make sure your Smart Guides are turned on. If not, go ahead and choose the command and then, switch to the Rectangle tool, which you can get by pressing the M key and click in the top right corner of the artboard.
You should see the word Intersect. Clicking with the tool brings up the rectangle dialog box and I want you to enter the size of the artboard, which is 720 points wide by 500 points tall. And then, click OK in order to create this big, white rectangle. Now, I'm going to set its stroke to None, up here in the Control Panel. I'm also going to set the fill to black. Now, obviously I don't want this rectangle to be in front of everything else, so I'm going to add a new layer behind the active one by pressing Ctrl+Alt+L or Cmd+Option+L on the Mac, and I'll just go ahead and call this guy black back let's say.
And a color of light red is just fine, so I'll click OK in order to make that new layer. And then, with that rectangle selected, you'll see a little blue cube over here on the right hand side of the layers panel. Go ahead and drag it down to the black back layer, at which point you should see the square turn red and then go ahead and drop it into place. And now, I'm going to lock that layer by clicking in the second column in front of the layer. Now, I'm going to press Ctrl++ or Cmd++ on the Mac to zoom in and, I'll switch back to my Mobius triangle layer and, I'll press the A key in order to select the White Arrow tool.
And, what I need to do here, is select all of the light gray faces. And you do that by clicking inside any one of these light gray shapes. And that should go ahead and select the entire shape, as you're seeing here. If not, what you need to do is press Ctrl+K or Cmd+K on a Mac in order to bring up the Preferences dialogue box. Go ahead and switch to Selection and anchor display and turn off this check box, Object selection by path only. When it's off, you can select entire paths with the White Arrow tool by clicking inside their fills.
Alright, having selected this first path and bear in mind, this is a big group, as you may recall from the ending of the previous movie. So, we're selecting inside the group at this point. I want to select all the other light gray faces, and you do that by going to this final icon over here on the right hand side of the Control Panel. Click this down pointing arrowhead right there, and choose Fill Color to make it active. And then click on the icon, the Select Similar Objects icon, and that will select all of those light gray shapes.
Now let's fill 'em with a gradient by going up to the Window menu and choosing the Gradient command in order to display the gradient panel. And then, we need to expand it by clicking on these little arrow icons a couple of times. Make sure the fill is active. And then just click inside the gradient slider, in order to fill the shapes with a gradient. Now, this is not the gradient I'm looking for. And I wanted to start dark and end light, so I'll go ahead and click on the Reverse Gradient icon right there. And now, I want to dial in some slightly bluish colors.
So, I'll go ahead and double click on this first color stop, and I'll click on this fly out menu icon. Right there in the upper right hand corner of this pop up panel, choose RGB and then I'm going to dial in a red value of 50, a green value of 50 and a blue value of 60, and when I press the Tab key, you can see that we get this low saturation blue. Now, go ahead and double click on the white color stop at the end here. Switch it to RGB as well. And let's go ahead and dial in a brighter color.
I'll change the red value to 120, the green value to 120 and the blue value to 130, in order to produce this color here. And then, I want an even brighter intermediate color, so I'll go ahead and Alt+Drag or Option+Drag this color swatch. And I want the location to be 75%, so I'll just go ahead and dial that value in. Then I'll double-click on this color stop. And I'll take the red value up to 240, the green value up to 240, and the blue value up to 250. Press the Tab key. You can see, we get a very bright bluish gray.
Now I want all the gradients to proceed in the same direction. So I'll go ahead and select my Gradient Tool. Which you can get by pressing the G key. Then you're going to see a bunch of these gradient annotators. What you want to do is drag from this bottom anchor point right there straight up, while pressing the Shift key. Until you get to the very top of the cubes, and then release in order to fill the cubes with the continuous gradient from bottom to top, like so. All right, now press the A key to switch back to the White Arrow tool.
And click on one of the medium gray sides, like so. And then go up here to the Select Similar Objects icon and click on it. And that'll go ahead and select all those medium gray faces, because, note here, that Fill Color is still active. Now we want to fill these guys with the gradient as well so I'll just go ahead and click inside that Gradient Slider here inside the Gradient Panel. Thing is, I want to be able to select these faces independently of the others. So I want the gradient to be ever so slightly different.
So, I'll go ahead and double click on this first guy, and I'll take the b value, the blue value up, just 1 to 61, and then I'll double click on the second color stop right there, and I'll take it's blue value up to 251. I'll double-click on the final color stop and I'll take its blue value up to 131. So we just have a slightly different color scheme going on. Then, I'll switch to the Gradient tool. Again, I can get that by pressing the G key. And I'll drag from this anchor point, the upper right anchor point down and to the left like so.
So that I'm going directly through this anchor point right there and down to the edge and then I'll release. Amazingly, I got exactly the right angle which is negative 150 degrees here inside the gradient panel. And now I'll press the A key once again to switch back to the White Arrow tool and I'll click on one of the dark gray faces, like so, then I'll click on the Select similar objects icon in order to select all of those dark gray faces. And I'll click inside the gradient slider in order to fill them with that gradient.
And again, I want this gradient to have some slightly different colors. So I'll double click on the first stop, and I'll take its blue value down to 59. Then I'll double click on the second one, I'll take its blue value down to 249. And then I'll double click on the third one and take it's blue value down to 129. And then finally, I'll go ahead and grab my Gradient tool, and I'll drag from the upper left point this time around, down through this point right there, and all the way to the edge. And this time, I'm looking for an angle value that's slightly different than what I have here.
value that's slightly different than what I have here. It needs to be negative 30 degrees in order to be setup precisely correctly. I'll go ahead and press the A key to once again switch to my White Arrow tool. Now, the reason by the way, just so you know what's going on here. The reason I kept varying those color schemes ever so slightly is because let's say you want to go back and modify one of your gradients. Then you still need to be able to click inside one of these faces with the White Arrow tool. And then, click on Select similar objects to select just that one group of faces.
You don't want to select all of them, if they were all filled with exactly the same gradient, whether its at a different angle or not, doesn’t matter. Illustrator would go ahead and select all the faces and that would be a big pain in the neck. So, it’s just a good idea to make sure everyone one of these is ever so slightly different. All right, now I’m going to press Ctrl+Shift+A or Cmd+Shift+A on the Mac in order to deselect my artwork. And that’s how you shade your orthogonal cubes to create a classic impossible Penrose triangle effect.
Get unlimited access to all courses for just $25/month.Become a member
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.