From the course: Deke's Techniques (2018-2021)

672 Filling out the hidden circles illusion

From the course: Deke's Techniques (2018-2021)

672 Filling out the hidden circles illusion

- [Instructor] In this movie we'll take our fragile circle effect so far, which is to say these hidden circles that I'm tracing with my cursor which are created by these inset rectangles. And we're going to add a few more rectangles in order to create this more fully realized effect here. All right I'm going to start things off in that build file that I created in the previous movie. And I'll go up to the View menu, choose Show, and choose Grid, bearing in mind that you have a keyboard shortcut at least here in the States of Control + Quote Mark here on the PC or Command + Quote on the Mac. All right now I'll click on the topmost of these two circle layers so that the next rectangles I create will land in back of the existing ones, and then I'll go ahead and select the Rectangle Tool from the Shape Tool fly-out menu, and I'll draw a rectangle one grid increment over from the purple one. So I'm going to start right here and drag down to outside of the purple rectangle like so, so that we have a rectangle that's just one grid increment wider on both the left and right-hand sides. And then I'll go up to the Fill menu. Notice that by default the rectangle ends up being filled black, at least in my case. I don't want any fill so I'll change it to No Color and then I'll click on the stroke swatch and I'll change it to this shade of orange, Pure Red Orange it just so happens to be. Although you could go with any color you like. And then I'll select the line weight value and change it to eight pixels, and by default that goes ahead and aligns the stroke to the inside of the rectangular path outline. All right now I'll draw another rectangle inside the purple one, like so, and I'll go ahead and change its stroke to this bright shade of green. Then I'll press the Enter key or the Return key on the Mac to hide that panel and I'll draw another one starting up here at the top. That is right underneath the edge of the purple rectangle, all the way down here to the bottom. So it's just as tall as the green rectangle but it's one grid increment narrower on both the left and the right-hand sides. And then I'll change its color to this shade of blue right here, although of course you can go your own way. All right now I'm going to draw a rectangle inside of this orange one, and I'm going to change its color to pure yellow in order to create this effect here. So I'm looking for a very colorful pattern. You could go with more muted colors or even gray values if you prefer. Now I'll go ahead and draw a rectangle inside of this orange one right here, and I'll change its color to this bright shade of green. Now I mentioned this in a previous movie, but I want to remind you because it is confusing, you don't just want to click with the Rectangle Tool to dismiss that Swatches panel. That will dismiss the panel but it'll also bring up the Create Rectangle dialog box, which is not what we want. So be sure to click the Cancel button or press the Escape key, and then I'll draw a rectangle like so inside of the blue one, and I'll change the color of the stroke to beige, that is Pale Warm Brown. And I'll go ahead and press the Enter key or the Return key on the Mac to dismiss the panel, and I'll draw another rectangle like so, so just as wide as the previous one, but not quite as tall, and I'll change its color once again to green. And then I'll draw a rectangle inside of the pink one and I'll change its color to pure cyan. And then I'll press the Enter key or the Return key on the Mac, and I'll draw another very thin rectangle as you can see here, so it's only one grid increment tall, and I'll change its color to this darker shade of blue. In order to color that final inset rectangle. All right now if you check out the final version of the pattern, you can see that in addition to the inset rectangles, we also have these horizontal lines that are separating the rectangle patterns, and to create those I'll go ahead and switch back to my build file here, and then I'll go up to the Image menu and choose the Canvas Size command. Now I want to create eight rows of color in all. You may recall that each one of our grid cells here is eight pixels wide by eight pixels tall, and so I'm going to turn on the Relative checkbox and I'm going to change the height value to 10 times eight, which is 80 pixels. And then I'll select one of these bottom points here in this anchor grid, and I'll click OK in order to add those rows above the existing rectangles. All right now before I draw the new rectangles, I'm going to do a little housekeeping here inside the Layers panel. So notice that Rectangle 17 is selected, that's the last rectangle I drew. I'll go ahead and scroll down the panel until I see Rectangle Nine which is the first one I drew, at least in this movie, and I'll Shift + Click on it to select all those rectangles, and then I'll click on the fly-out menu icon in the top right corner of the Layers panel and I will choose New Group from Layers, and I'll go ahead and call this guy filler, because after all we're filling in the gaps. And then I'll click OK. All right now I'll click on the top circle layer once again so that we're creating our new rectangles in the background, and you want to drag from the top of this circle right here, which is this third magnified pixel in, and you want to start above it and then draw upward until you're aligned with the right edge of the orange rectangle. So we're starting with this black column right here and we're ending with the orange column. We're not going all the way over to this black column because if we did we'd run the risk of repeating that column inside the pattern, which would turn the hidden circle into a hidden ellipse which is not what I want. All right now I do want this shape to be black, so I'm just going to leave it filled as is and we are going to work with a fill instead of a stroke this time around. And now I'll draw another rectangle that's not quite as tall. Notice that it's one grid increment shorter up here at the top, and at the bottom. And I'll go ahead and click on the fill swatch and I'll select this shade of blue. All right now I'll press the Enter key or the Return key on the Mac to hide that panel, and I'll draw another guy that's a little shorter, as you can see. And then I'll click on the Fill swatch and I'll set it to orange, and then I'll press the Enter key to dismiss the panel. And I'll draw another guy like so, so everyone of them is just a little bit shorter both at the top and at the bottom. Then I'll click on the Fill swatch and set it to this darkest shade of brown which is called Darker Warm Brown by the way. Press the Enter key or the Return key on the Mac to hide the panel, and draw this final rectangle which is just two grid increments tall, and I'll change its fill to this light beige which goes by the name Pale Warm Brown. In order to produce this effect here. All right now I'll go ahead and Shift + Click on Rectangle 18 so that all of my new rectangles are selected. I'll click on the fly-out menu icon in the top right corner of the Layers panel and choose New Group from Layers, and I'll go ahead and call this guy horizontals, let's say, and then click OK. All right now I need to convert all this stuff to a repeating pattern, and I'll do that by switching back to the Rectangular Marquee tool which you can get by pressing the M key. And then you want to drag like so. So in other words I'm including all of the horizontal lines right here as well as everything down to the bottom right corner of this orange rectangle right here. So I'm including this black column on the left but I'm not including the black column on the right. All right now with that selection in place I'll go up to the Edit menu and choose Define Pattern, and I'll go ahead and call this guy rectangles & circles, and I'll click OK. All right now to see what that looks like, I'll go up to the File menu and choose the New command, or of course you can press Control + N or Command + N on the Mac. We're working in pixels, and regardless of what this dialog box looks like for you, go ahead and set the width value to 1,600 pixels and we're looking for a height of 1,120 pixels. Just happens to work out beautifully. We want the color mode to be RGB. You can set the background contents to white, or you can scroll down to Transparent if you prefer. And then click Create in order to create the new file. I do not want to see the grid so I'll just press Control + Quote Mark here on the PC, that's Command + Quote on the Mac, in order to hide it. And then I'll go up to the Layer menu, choose New Fill layer, followed by Pattern, and I'll just call this guy rectangles this time around, and I'll click OK, and notice that Photoshop goes ahead and selects the last pattern I created which of course is rectangles & circles. And so having done that I'll just go ahead and click OK. All right now notice if I were to zoom out by pressing Control + Zero or Command + Zero on the Mac that I can see all of the horizontal lines up here at the top of the pattern, but none of the lines down here at the bottom. I want to split the difference, I want to see half of the lines at the top and half at the bottom as well. So I'll switch to the Move Tool which you can get by pressing the V key and then I'll press Shift + Up Arrow one, two, three, four times. And that will go ahead and hide 40 pixels worth of pattern up here at the top and expose 40 pixels of pattern down here at the bottom. And then I'll just go ahead and zoom on in so that we can see our pattern of inset rectangles which results in a series of hidden circles as rendered here inside Photoshop.

Contents