Welcome  Personal Site   Contact/About    Home Page   Photoshop Tutorials   Sitemap   PDF Tutorials

   Adobe Photoshop Tutorials

by Wendi E M Scarth.

 

Border Fades

 

Duplicated-image Border Fades
  Suitable for Adobe Photoshop CS CS2 & CS3
Skill Level - Intermediate - 320th Photoshop Tutorial

This tutorial demonstrates how to create a duplicated-image border fade. To work along, you are welcome to download the Start Image I am working with Here.  Unzip the file and open the image onto Photoshop’s workspace.

Undo and Navigation Steps
Two ways of undoing steps are from the top menu, Edit then Step Backwards.
Alternatively, click a previous snapshot in the History Palette.

Navigate (zoom in and pan) your image using the Navigator Palette,
or the Zoom Tool.

Activate The Hand Tool by tapping the Spacebar, keeping the Spacebar pressed, pan your image in the usual way.

1/
Open your Start Image onto Photoshop’s workspace, and extend its grey workspace by
left-clicking and dragging out one of its corners.



2/
Then duplicate the Background Layer by left-clicking and dragging it over the following Create a new layer icon.



3/
Now,
unlock the (bottom) Background Layer by double-left-clicking it - and replying OK to the subsequent New Layer dialogue box. Then activate the (top) Background Copy Layer. You are now ready for the next step.



4/
Still working on the Background Copy Layer; from the top menu, choose Edit then choose Free Transform - (Ctrl then T).  A large
Vector Transformation Bounding Box will surround your top Layer. From the Free Transform’s Options Ribbon, change the Height and Width measurements to 75%.
 


Then either, press your Return Key - or click the following Commit transform tick to complete the change. 



Your top image will now be smaller than the bottom - as illustrated below.


 


Note
In the next chapter you are going to apply a Blur Filter the the bottom (outside) image;
however, choose any Photoshop Filter you like; perhaps removing the colour - or applying contrasting tonal effects. 
Remove Colour Tutorials.

5/
Now, activate the bottom Layer (Layer 0).



6/
Then from the top menu, choose Filter then choose Blur then choose Gaussian Blur. From the subsequent Gaussian Blur dialogue box, enter a Radius value of your choice - then click OK.

 

7/
Reactivate the Background copy Layer.




8/
Then click the fx (f) icon found at the bottom of the Layers Palette, and choose Drop Shadow from the subsequent drop-down list.
 


9/
From the subsequent Layer Style dialogue box, enter the following Drop Shadow settings - or experiment - then click OK.


 




Tip
Whilst the Layers remain separate, experiment with different Filters and Commands and discover how they can alter both images.  I applied an
Alien Skin Exposure Black and White Filter to my second example (Gold Toning).

10/
When you are happy with your work, from the top menu, choose Layer then choose Merge Visible, then link
Here to learn how to optimise and save your work.

Tip
Apply a
Border Edge to your Flattened image.

Tip
For extra clarity, apply a
Sharpening Filter.


Wendi E M Scarth.
Top of Page - Home.