Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Photoshop is the tool of choice for most creative professionals and has quickly become household name synonymous with computer art and image manipulation. In Photoshop CS3 One-on-One: Beyond the Basics, internationally renowned Photoshop guru Deke McClelland teaches such digital-age wonders as masking, filters, layers, blend modes, Liquify, Vanishing Point, and vector-based type. Along the way, Deke also teaches tried-and-true methods for sharpening details, smoothing over wrinkles and imperfections, trimming away jowls and fat, and wrapping one image around the surface of another. Plus, the training teaches how to construct and organize the elements in a composition so you can edit them easily in the future. Exercise files accompany the tutorial.
Ready for more Photoshop CS3 training with Deke? Check out Photoshop CS3 One-on-One: Advanced Techniques.
Note: Photoshop CS3 One-on-One: The Essentials is a recommended prerequisite to Photoshop CS3 One-on-One: Beyond the Basics.
Download Deke's customized keyboard layouts for Photoshop from the Exercise Files tab.
In this exercise we are going to add a frame around our layer dark work and I have that frame right ready to go for you it's called pictureframe.psd and it's available to you inside the 13 Layers folder. But first let's go back to Saint Sebastian the reason being that Photoshop always introduces the new layer in front of the active layer. So for example if hair extensions was active and of course you activate a layer by clicking on it and I were to drag and drop the frame into the composition at this point then the frame would appear in front of hair extensions and behind my face.
So I really want to make sure the top layer in the stack is active. Let me show you a little trick here. You can cycle from one layer to another by pressing Alt on the PC or option on the Mac along with a bracket key so Alt right bracket goes up the stack, Alt left bracket goes down the stack and if you go down too far you will go back to the top so both keyboard shortcuts cycle all the way around the stack. Alright so I am going to go ahead and cycle my way however I get there to the very top layer in the stack. Another cool thing by the way in case you are interested if you hover your cursor over the Layers palette and your mouse includes a scroll wheel then you can use the scroll wheel to scroll up and down the layer list, very handy in my opinion.
Alright anyway Still More Hair is active now and I am going to go to the picture frame image. I have still got my Move tool active and if you do then you can just use the Move tool to drag the frame and Shift Drop it into the SaintSebastian.psd image very important that you Shift Drop it in the place so that it registers so that Photoshop centers the frame inside of this layer composition. Now I am going to go ahead and press the F key a couple of times to fill the screen with the image and you may notice that the frame doesn't actually quite fit inside the canvas.
It's extending far outside the image and that's a function of having a smaller canvas than the layer and that's a beautiful thing about Photoshop is the visible size of your image can be much smaller than the size of the layers. Notice that the layer shows the entire frame because it is really there and this is a function called big layer. That's what it's actually called by the Adobe crew and it just means a layer can be bigger than the image that houses it. So how do we go about revealing this entire frame so that we can see what's going on? Two ways that you can scale the canvas to include the largest element inside the image: you can go up to the image menu and you can choose Reveal All and that's going to make the canvas much bigger so that every bit of every layer is visible inside the image window.
Alright so as I say that's one way to work. A better way to work where this image is concerned because notice that I have a lot of extra room at the bottom, I just want to scale this image to exactly match the frame image alright so I will undo that modification and my reasoning here by the way is that the frame image is obviously the right size already because it nicely houses the frame and I should be able to scale the composition the Saint Sebastian composition to match and sure enough I can. You go up to the image menu and you choose the canvas size command or you can press Ctrl Alt C or Command Option C on the Mac and the canvas size command allows you to either crop an image or make it bigger or uncrop it to reveal more background.
So that's what we are going to be doing we are going to reveal more background here. Go ahead and choose the command and at this point I could enter some numerical values, some specific values. You will probably see the relative checkbox turned off so you will see that the width and height of the image are 1001 and 1292 pixels respectively and you can make those values bigger if you want to. You could say with relative turned on you could say gosh I want to make it 500 pixels wider than it is currently and 400 pixels taller something along those lines or you can exactly match the dimensions of another open image by going up to the window menu and choosing that other image.
So I am going to choose the pictureframe.psd image from the window menu and notice that Photoshop automatically goes ahead and enters those new values and notice it turns off Relative by default as well. You can turn Relative back on to see oh it's only 1000 pixels bigger in both directions interesting. Anyway doesn't matter how you work. Go ahead and click OK after choosing the picture frame document from inside the canvas size dialog box. Now I am going to go ahead and zoom in here a little bit. We can see the entire frame but it's not exactly aligned with the image currently.
If you zoom in close to the image you will see that you have a little bit of extra white edge over here on the right hand side so what I want you to do is I want you to assuming that the Move tool is active you just have to press the left arrow key about 3 times I think 3 or 4 times in order to move that picture frame over to the left and then if I were you I would go ahead and check out the right side of the frame and make sure that it matches up, okay it does. I might also press the Up arrow key in order to nudge the picture frame up slightly. Then I am going to scroll upward to the other frame intersection here in the navigator palette so that I can make sure that this edge looks pretty darn good which it doesn't actually.
Look at that, it looks terrible so let's go in and move that down a little bit so that we are not revealing a bunch of white at the top of the image. And I am going to click at the bottom of the image just to make sure that we are covering up what we need to because I don't want to reveal that little weird hand edge down at the bottom of the image. Alright this looks good. So anyway I am going to zoom out in order to take in more of the image at a time and because the image is getting so much larger I have to zoom out to the 25% zoom ratio on my screen at least. That's the frame. We manage to add the frame to the image and expand the canvas to include this big old frame.
In the last exercise of this particular project, we are going to add a vignette, we are going to add a soft black vignette around the entire composition. Stay tuned.
There are currently no FAQs about Photoshop CS3 One-on-One: Beyond the Basics.
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.