Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
This course is a collection of short Photoshop and Illustrator projects and creative effects that can be completed in ten minutes or less. The series is taught by computer graphics guru Deke McClelland, and presented in his signature step-by-step style. The intent is to reveal how various Photoshop and Illustrator features can be combined and leveraged in real-world examples so that they can be applied to creative projects right away.
In this movie we are going to create this piece of Op Art entirely from scratch inside Photoshop. Naturally, the first thing that we need to do is create the Window Pattern, so go into the File Menu and choose the New Command and dial in a Width value of 450 Pixels and Height value of 400 Pixels. Resolution doesn't matter, you want the Color Mode to be Grayscale, the background content should be White, then go ahead and click OK to create that file. Now assuming that you have got a Rectangular Marquee Tool selected here in the toolbox, go ahead and switch the Style from Normal to appear in the Options Bar to Fixed Size and dial in a width value of 400 Pixels and height value of 200 Pixels.
And then go ahead and click in the upper-left corner of the image in order to create this selection right there. So notice that it doesn't extend quite all the way over to the right-hand side, and that's going to allow us some space between windows. Now tap the D key to make sure you foreground is black and press Alt+Backspace or Option+Delete on the Mac in order to fill the selection with black and then press Ctrl+D or Command+D on the Mac to deselect the image. And you might as well go ahead and switch the Style back to Normal so that you can use Rectangular Marquee Tool normally in the future.
Now I will go to the Edit Menu and choose to Define Pattern, and we will go ahead name this new pattern Windows and then click OK. Now to create the actual file, press Ctrl+N or Command+N on the Mac to bring up the new Dialog Box. This time we want the Width value to be 4800 Pixels and the height value should be 3000 Pixels, that's just going to give some predictable results. The Resolution value, once again, doesn't matter. You want your Color Mode to be Grayscale so that you don't end up with a ginormous file, and background contents of white is just fine, then go ahead had click OK to create the file.
Now let's create new Pattern Layer by pressing the Alt key or the Option key on the Mac and clicking the little circular black/white icon at the bottom of the Layers Panel and then choose the Pattern Command. And because you have the Alt or Option key down, that brings up the new layer Dialog Box. Let's go ahead and call this layer Windows and click OK. And then you want to select that windows pattern from the bottom of the list. It should be the last pattern you see. And then change the scale value to 25% in order to create this effect here then click OK.
Now at this point, we are going to have to apply some warping to the layer, which means we need to convert the Pattern Layer to a Smart Object, by going up to the Layers panel flyout menu and choosing Convert to Smart Object. Then go up to the Edit Menu and choose the Free Transform command, or you can press Ctrl+T or Command+T on the Mac. Now I click the Warp icon over here at the right side of the Options Bar in order to enter the Warp Mode and change the Warp option on the left side of the Options Bar from Custom to Bulge and then dial in a Bend value of 90%.
If you go much higher than that, you are going to get a little bit of distortion around the edges. And then press the Enter key or the Return key a couple of times in order to apply that transformation. Next, we want to scoot the effect over, and we'll do so using a Filter called Offset. So go up to the Filter menu and choose Other and choose the Offset command. And because we are working with a smart object, we will be applying the offset as an editable smart filter. And then dial in a Horizontal value of -1275 pixels, which will go ahead scoot these building over to the left.
And you want the Vertical value to be zero. Make sure that Wrap around is turned on down here at the bottom of the dialog box and then click OK in order to apply that effect. If you zoom in, you'll find that your crease may not look exactly the way you want it to. In my case, it's actually coming out quite nicely. But if it doesn't in your case, or you just want to be sure that we have a nice white seam right down here through the center, then go ahead and create a kind of sliver layer. So press Ctrl+Shift+N or Command+Shift+N on the Mac to bring up the new layer dialog box and call this new layer sliver and then click OK.
And now you want to dial in some new marquee values, so go ahead and change the style up here in the Options Bar to Fixed Size once again. And change the Width value to 4 pixels, that's all. And then increase the Height value to the height of the image, which is 3000 Pixels, and press the Enter key or the Return key on the Mac. And now click right here with this location in order to create a selection that's just a little wider than that white line and press Ctrl+Backspace or Command+Delete on the Mac in order to fill the selection with white.
Then press Ctrl+D or Command+D on the Mac to deselect the image. And if you like, go ahead and restore your Style to Normal up here in the Options Bar. I'm going ahead and zoom out here. The next thing we want to do is create that rounded bit of building in the foreground over here on the left-hand side. And we are going to base that building on the exiting windows layer. So go ahead and click on it to select it and then Alt-drag or Option-drag it to the top of the Layers panel in order to create a copy of that layer. And then grab the Smart Filter, just drag it down to the trash here in order to get rid of it.
Now let's go ahead and take this top layer and move it to the left by pressing the Ctrl key or the Command key on the Mac as well as the Shift key and dragging this guy over to the left like so. Now, obviously, it's not the size, we need to scale it. So press Ctrl+T or Command+T on the Mac to enter the Free Transform Mode. And you want select this middle right reference point up here in the reference point matrix on the far left side of the Options Bar in order to make it active so that we are scaling the building with respect to its right-hand side.
And then turn on the link between W and H values up here, and through trial in error, I came up with a Scale value of 236%. Now go ahead and press the Enter key in order to accept that value. And I also want the scoot the X value just a little bit. I'm going to change this value to 1366 pixels. Once again I figured this out through trial and error just by dragging the darn thing around. And then I will press the Enter key or the Return key a couple of times in order to apply that transformation.
Now it may take a few moments for of the transformation to apply because this image is getting quite large and it's computationally intensive. And with that, we finish off the effect, so I'll go ahead and press the F key a couple of times in order to enter the full screen mode. And the result is a compelling piece of the black and white Op Art created in record time really, here inside Photoshop.
Find answers to the most frequently asked questions about Deke's Techniques.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
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.