Worth1000.com | Photoshop Contests | Are you Worthy™ | tutorial
Don’t worry about the size for the moment, we’ll deal with that next.
Page 3: Bend me, shape me. Select Free Transform from the Edit menu (CTRL+T on PCs). Move the shape over the top of the phone's screen.
I’ve stretched the shape using distortion (hold CTRL when dragging the corners), this helps to match the perspective, as you can line the bounding box up with the phone’s own vertices. It looks a little odd at the moment, so grab the central handles and size it down to roughly match the size of the screen.
When you have it at the size you want, hit Enter or the Tick in the top toolbar to set it. I recommend saving the new shape's path at this point, again, it's useful if you need to replicate it later on.
Select the Paths Tab on the Layer Palette and clicking the arrow in the corner. You can call it anything, but Heart would be descriptive.
Page 4: Attack of the Clones We now need to make the shape into a selection. CTRL+Click (for PCs) on the Heart path thumbnail and you’ll get the ‘marching ants’ on your path.
Now it’s time to blend the shape in. First you’ll need to invert the selection either by pressing Shift+CTRL+I (for PCs) or from the Select Menu. This will allow you to draw over everything that's not in the center of the shape. Select the Clone Stamp Tool. The size of the brush depends on the size of your image, so pick one that will give you good coverage but not be too cumbersome. Set the hardness to about 95-99%. Sample from a clear area and start brushing over the original screen image. You can freely go around and up to the edges of the shape as it is protected by the selection border. On this image, there is a slight tonal difference between the top and the bottom, so I selected areas from both ends to get a better match. It can be tricky to avoid ‘patches,’ so you may have to sample an area again to get rid of them. If you have Photoshop 7, you can use the Healing Brush (make sure that you have gone right up to the edges of the selection with the Clone Brush or you’ll find it will pick up the tones from the original image).
Page 5: Cookie Cutting Make sure you are working on the Phone Base layer and invert the selection again, so it’s only surrounding the shape.
Hit CTRL+Shift+J (for PCs) or from the Layer Menu > New Layer > Via Cut. This removes the selection from the body of the phone, leaving a heart shaped hole. Name the new layer Screen Base. Reselect the shape on the new layer by CTRL+Clicking (for PCs) the layer thumbnail. From the Select Menu, go to Modify > Expand. Again, the amount is relative to the size of the image. It should be a few pixels larger than the original so I used 10 in this example.
Move this layer down so that it’s underneath the Phone Base layer. Select a suitable color for an LCD screen (in this case I used Light Pea Green from the colour swatches). On the Edit Menu, choose Fill, set the Contents to Foreground Color, Mode: Normal, Opacity: 100%. Then click OK and you should have a nice green heart. With the shape still selected, select the Phone Body layer, click CTRL+J (for PCs) or Layers > New > Via Copy. Name the new layer Bezel. We’ll come back to this later. We will also need a couple of duplicates of the screen layer, so drag the Screen Base layer onto the New Layer icon a couple of times and rename them Screen Middle and Screen Top.
file:///C|/Worth1000/41.htm (2 van 5)13-6-2006 23:18:14