PHOTOSHOP CS4 DOWN & DIRTY TRICKS- P11 ppsx

Chapter 9 3D Effects C C Cha C p ter 9 3D Effects 286 STEP NINE: We’ll need to enlarge the gray plane layer, so we can see the light hitting it. So, go back to the Mesh options in the 3D panel, and click on the Scale the Mesh tool (it’s the bottom tool on the middle left). Now, click- and-drag straight up in the document to increase the size of the gray plane layer. Increase it so there is more area for the light’s shadow to cast onto. STEP 10: Now, in the Layers panel, click on the Background layer and then fill it with 50% gray, as well (using the Fill shortcut that you used in Step Two). This will make it seem as though the back- ground is uniform with the 3D layer. 287 Chapter 93D Effects Continued STEP 11: Click back on the 3D layer in the Layers panel, and then at the top of the 3D panel, click on the Filter By: Lights icon (it’s the last icon on the right at the top of the panel). Now, click on the down-facing arrow at the top right of the 3D panel and, from the flyout menu, choose New Spot Light. This is where it can get tricky and may require some practice. First, turn on the wireframe of the light by clicking on the Toggle Lights icon at the bot- tom of the panel (it’s the second icon from the left). We need to position the light behind the text and shining back towards us, and you do this by using the 3D Lights tools in the middle left of the 3D panel. You can choose from the Rotate the Light tool, the Drag the Light tool, or the Slide the Light tool. I would suggest just playing around with each one to get a feel for how they work. Fortunately, you can see the light on the object, so it helps to position it. Here, I have rotated the spotlight toward us using the Rotate the Light tool, then I used the Drag the Light and Slide the Light tools to push it back and above the type. (Note: Remember to go to the book’s down- loads page and watch the video on the basics of using the 3D tools.) STEP 12: Next, create a second spot- light (by going under the panel’s flyout menu again, or by just clicking on the Create a New Light icon at the bottom of the 3D panel, and choosing New Spot Light from the pop-up menu) and position it behind the lettering as we did with the first one, but position it on the right side and make it cross beams with the other spotlight. Chapter 9 3D Effects C C Cha C p ter 9 3D Effects 288 STEP 13: Now, go back to the 3D panel and click on the Filter By: Whole Scene icon at the top (the first icon from the left) to access the Scene options. From the Preset pop-up menu in the middle of the panel, choose Ray Traced. This will render the shadows based on the lights in the scene. STEP 14: Go to the Layers panel, and create a new blank layer. Then, click on the Foreground color swatch in the Toolbox, choose a tan color (or really any color you like) and press Option- Delete (PC: Alt-Backspace) to fill the new layer with this color. Change this layer’s blend mode to Overlay at the top of the Layers panel, and this will color the entire image to make it more interesting. (Note: Remember, you can change the color of the over- all image by filling this new layer with a new color.) 289 Chapter 93D Effects STEP 15: With the lights and color layer in place, using the 3D Rotate tool, you can rotate the 3D layer to a new angle and the lights will adjust accordingly, but the only thing is you’ll need to change the Scene Preset pop-up menu in the 3D panel back to Solid before you change the angle, and then just set it back to Ray Traced when you’re done to render the shadows. Chapter 9 3D Effects C C Cha pter 9 3D Effects 290 chapter 9 3D Package Design In order to create a 3D package design in earlier versions of Photoshop, you would have had to distort each side of a box individually and hope you got the perspective right. As smart as most applications are these days, why don’t we let it do that kind of thinking for us? Here, we are going to take some existing label art and cre- ate a 3D package using the preset 3D shapes built into Photoshop CS4 Extended. STEP ONE: It all starts with a label. Here, I have created a fictional label based on an obvious real product. While, in this tutorial, we are only going to be creating a backdrop and then applying this logo to a 3D object, you can download this image and view an online tutorial on how to create the en- tire label at www.kelbytraining.com/ books/CS4DD. STEP TWO: Go under the File menu, choose New, and create a new blank document that is 7 inches wide by 5 inches tall at 125 ppi. (Note: If you’re creating this for print, you will want to create it at a higher resolution.) Now, press D to set your Foreground and Background colors to their de- faults of black and white, then press Command-I (PC: Ctrl-I) to Invert the white Background layer to black. 291 Chapter 93D Effects Continued STEP THREE: Grab the Lasso tool (L) in the Toolbox and draw a very loose selec- tion around the center of the canvas, like you see here, and then click on the Create a New Layer icon at the bottom of the Layers panel to create a new layer for this selection. Press Shift-Delete (PC: Shift-Backspace) to open the Fill dialog, choose White from the Use pop-up menu, and click OK. Now, press Command-D (PC: Ctrl-D) to Deselect. STEP FOUR: Go under the Filter menu, under Blur, and choose Gaussian Blur. Set the Radius to 45 pixels, and click OK. Chapter 9 3D Effects C C Cha C p ter 9 3D Effects 292 STEP FIVE: With this layer still selected in the Layers panel, change the blend mode to Dissolve at the top of the panel, and then create a new layer be- neath this one by pressing-and-holding the Command (PC: Ctrl) key and click- ing on the Create a New Layer icon. Click back on the Dissolve layer, then click on the Layers panel’s flyout menu, and choose Merge Down (or press Command-E [PC: Ctrl-E]). This will make the Dissolve permanent and change the layer’s blend mode back to Normal, which we’ll need to apply our next filter. STEP SIX: Go under the Filter menu again, under Blur, and choose Motion Blur. Set the Angle to 0, the Distance to 250 pixels, and click OK. 293 Chapter 93D Effects Continued STEP SEVEN: Now, guess what? We’re going to go under the Filter menu again, but this time, go under Sketch and choose Halftone Pattern. In this di- alog, set the Size to 1 and the Contrast to 0, then from the Pattern Type pop- up menu, choose Line, and click OK. STEP EIGHT: Next, go under the Edit menu and choose Fade Halftone Pattern—this option is only available right after you apply a filter. When the dialog opens, set the Opacity to 25% and click OK. Chapter 9 3D Effects C C Cha C p ter 9 3D Effects 294 STEP NINE: In the Adjustments panel, click on the Hue/Saturation icon (it’s the second icon from the left, in the second row). In the Hue/Saturation op- tions, turn on the Colorize checkbox, set the Hue to 143, and then set the Saturation to 43 (as shown here). We are looking to get a green color similar to our original label. If you want to use a different color, simply drag the Hue slider to the left or right and use the Saturation slider to adjust the intensity of the color. STEP 10: Now, in the Layers panel, click back on your shape layer (Layer 2), then press Command-T (PC: Ctrl-T) to bring up Free Transform. Control- click (PC: Right-click) inside the bound- ing box and choose Distort from the contextual menu. Using the corner handles, click-and-drag outward, cre- ating the effect of a 3D plane, as you see here—don’t worry about scaling it out of proportion as it is merely a background element. You can also use the middle handles to change the size of the shape, as well (if you can’t see the corner handles when you enter Free Transform, just press Command-0 [zero; PC: Ctrl-0] and your image win- dow will resize, so you can see them). When you’re done, press Return (PC: Enter) to lock in your transformation. 295 Chapter 93D Effects Continued STEP 11: Let’s now create the 3D object for our package. First, click on the top layer in your layer stack, and create a new blank layer, then go under the 3D menu, under New Shape From Layer, and choose Cube. This will produce a multi-colored 3D cube contained in a 3D layer. STEP 12: You will see that the 3D layer contains numerous sub-layers, which contain the texture files for each sur- face of the 3D shape. Go to the bottom of the list of sub-layers and double-click on the layer named “Layer 3” (circled here in red). This will open a separate file, similar to that of a Smart Object. [...]... (Note: Go to the book’s downloads page for a video tutorial on the basics of using the 3D tools.) 298 Chapter Chapter 9 3D Effects STEP 19: Create a duplicate of the 3D layer by pressing Command-J (PC: Ctrl-J), then click back on the original 3D layer in the Layers panel With the 3D Rotate tool, go to the Axis widget and click on the blue axis line arrowhead, then click-and-drag downward until the original... effect is nothing this That’s because e like Creatin , but perhaps not one quit rials on creating a filmstrip though, we need to been so many different tuto nded Before we do that, Exte t here in Photoshop CS4 creating it in real 3D righ e, complete with lights shap we are e, then we will create the 3D hic with photos in each fram create the actual film grap and reflections STEP ONE: Start by going... right side of the canvas Continued 3D Effects Chapter 9 305 STEP 11: Now, go under the 3D menu, under New Mesh From Grayscale, and choose Plane What will happen is Photoshop will assess the grayscale values of the image While we see it in color, Photoshop will interpret its light and dark tones—pushing darker areas further away and bringing lighter areas closer—resulting in a ribbon effect or, in this case,... reflection layer; the copy you just made will now be your main 3D object layer) Get the 3D Rotate tool in the Toolbox, then click on the arrow on the blue Axis widget line and drag down to slide the filmstrip reflection down, and position it so the top edge of the reflection touches the bottom edge of the original STEP 18: In the Layers panel, doubleclick on the sub-layer under Diffuse once more to... With the image open, get the Move tool, and drag-and-drop it into the film document Press Command-T (PC: Ctrl-T) to bring up Free Transform, click on a corner point, and drag inward to scale the image down, then position it over the first frame (as shown here), and press Return (PC: Enter) to lock in your transformation Continued 3D Effects Chapter 9 303 STEP EIGHT: Continue this process for each frame... choose Merge Visible This will create a new layer with a flattened version of the image STEP 10: Create yet another blank layer, go to the Toolbox and get the Gradient tool (G), and then click on the down- facing arrow to the right of the gradient thumbnail in the Options Bar to bring up the Gradient Picker Now, normally, I might go ahead and create a new custom gradient here, but I discovered that... layer Select the Gradient tool in the Toolbox, and then press X to set the Foreground color to black In the Options Bar, click on the Linear Gradient icon (the first icon from the left), then click on the down- facing arrow to the right of the gradient thumbnail, and choose the Foreground to Transparent gradient (the second icon from the left, in the top row) in the Gradient Picker Start at the very bottom... case, a film effect STEP 12: The object may need to be repositioned in its 3D space So, get the 3D Slide tool (press Shift-K until you have it) and position the object inside the canvas—click-and-drag downward to slide the object closer and click-anddrag upward to push the object back Next, grab the 3D Rotate tool (press Shift-K until you have it) and clickand-drag around to see how it makes the shape... (Note: To make it easier to reposition my 3D object, I hide all of the layers beneath my 3D object layer by Option-clicking [PC: Alt-clicking] on the Eye icon to the left of its layer Go to the book’s downloads page for a video tutorial on the basics of using the 3D tools.) 306 Chapter Chapter 9 3D Effects STEP 13: Next, create a new document that is 10 inches wide by 6.25 inches high at 100 ppi, and... the Swatches panel (found under the Window menu), click on the Pure Cyan Blue swatch (shown here) to set this as your Foreground color and get the Gradient tool again In the Options Bar, click on the downfacing arrow to the right of the gradient thumbnail to open the Gradient Picker, and then click on the Foreground to Transparent gradient Now, click on the Linear Gradient icon (the first icon from . take some existing label art and cre- ate a 3D package using the preset 3D shapes built into Photoshop CS4 Extended. STEP ONE: It all starts with a label. Here, I have created a fictional label. applying this logo to a 3D object, you can download this image and view an online tutorial on how to create the en- tire label at www.kelbytraining.com/ books/CS4DD. STEP TWO: Go under the File menu,. perhaps not one quite like this. That’s because we are creating it in real 3D right here in Photoshop CS4 Extended. Before we do that, though, we need to create the actual film graphic with photos