| Tutorial Title: How to create a screen zoom |
| Program: PS 7+ |
Step 1: A bunch of people emailed me asking how to recreate the effect shown in the header of the Titanium Face page... so here goes. Take a screenshot of whatever you want to zoom into. Below is a cropped version of the screenshot that I am going to use for tutorial. If you're using Windows press the "Print Screen" key on your keyboard to take a screenshot which is saved into your clipboard. You can paste it into a new document in Photoshop. If you're using a Mac, press Command+Shift+3 (if you're in Mac OS 9 it'll be saved to your hard drive, Mac OS X saves it to your desktop). Open it in Photoshop, select all, copy and paste it into a new document.
NOTE: I am going to assume that your screenshot is 1024x768 pixels cause that's what I am using and that what I am basing my measurements on. If your screenshot is larger than that, scale it or crop it to 1024x768 pixels. |
| Step 2: Make a new document that is 6x6 pixels with a white background. Zoom in to about 800%. Make a selection that is 3 pixels in height and 6 in width. Fill it with black. You might want to add some tones of grey in there like I did to mine, but it isn't necessary. Select all and make a new pattern by going to: Edit > Define Pattern and name is "scanlines," click OK. Clear out that image by pressing the delete key. Make a upside down "L" like in the picture below, save it as a new pattern named "grid." This will become your grid. You can close this document without saving. |
| Step 3: Switch back to the document containing your screenshot. Make a new layer above the layer containing the screenshot, and name it Grid. Select the Paint Bucket Tool (its grouped with the gradient tool). In the Option Bar, select "pattern" for fill, and from the pattern drop down menu select your grid pattern. Click in the canvas to fill the layer with the grid pattern. Set the layer mode to linear burn, set the opacity to 75%, and the fill to 50%.Make a new layer name Scanlines. In the Option Bar select your scanline pattern and fill the layer with it. Set the layer mode to linear dodge, set the opacity to 70%, and the fill to 65%. If you want the scanlines to more visable, give the layer a higher value for opacity and fill. Go to: Filter > Blur > Blur to blur the layer a bit. Switch to your screenshot layer and press Ctrl+T (Command+T on the Mac) to go into the free-transform. Just scale the image up by 550%. Go to: Filter > Pixelate > Mosaic and enter 6 pixels. Below is a image of how you layer setup should look and a cropped corner of what my image looks like so far... you should have something similar. |
| Step 4: You can now flatten your image. Select all and copy and paste it into a new document. In your new document press Ctrl+T (Command+T on the Mac) to open free-transform. Scale the image down to 70% (type 70% in the H and W fields in the Option Bar). Right-click (Ctrl+Click on the Mac) and choose "Perspective" from the menu. Squeeze the right end of the image using the perspective transform. Then type 63% in the W field in the Option Bar. Double-click in the canvas or press enter to accept the transformation. Below is an example of how your image should look if you have transformed it correctly... note that I have scaled it and changed the background color so you could see the results better. |
| END: With the move tool, move you image to the right hand corner of your canvas. Go to: Filter > Distort > Spherize and enter 40%. You are finished! Just crop the image so that its not all rounded and crap. Below is how mine looks. I scaled mine a bit to fit it into this tutorial template, so yours should look a bit sharper and nicer. If it doesn't, just run the sharpen filter once to sharpen it up a bit. |
|
