SEARCH
  Tutorials Photoshop Photo Editing Make Web Image Slider Template in Photoshop

Make Web Image Slider Template in Photoshop

PSDpoint Photo Editing Jul 02, 2012

Learn How To Make Image Slider Template in Photoshop! Today we will learn how to Make Image Slider Template in Photoshop. We will firstly create the background , then we will work on the many layers, layer masks and other useful techniques related this tutorial.

Step 1:

Create a new project with a resolution of 1280 x 1024 pixels, Now Select the Rounded Rectangle Tool (U) and Web Image Slider Temp A Make Web Image Slider Template in Photoshopmake shape with radius to 10 pixels like as Below

 

Step 2:

Open layer style and select Stroke and set the Stroke like as below

Web Image Slider Temp B Make Web Image Slider Template in Photoshop

Step 3:

Now select the Rectangular Marquee tool (M) and cut the shape like as below

Web Image Slider Temp C Make Web Image Slider Template in Photoshop

Step 4:

Now select the Rectangular Marquee tool (M) and cut the shape like as below

Web Image Slider Temp D Make Web Image Slider Template in Photoshop

Step 5:

Now select the Rectangular Marquee tool (M) and make a shapes like as below

Web Image Slider Temp E Make Web Image Slider Template in Photoshop

Step 6:

Open layer style and click and select Gradient Overlay and set the Gradient Overlay like as below

Web Image Slider Temp F Make Web Image Slider Template in Photoshop

Step 7:

Now Select the Rounded Rectangle Tool (U) and make shape

Web Image Slider Temp G Make Web Image Slider Template in Photoshop

Step 8:

Select a Wallpaper for Banner from Google images

Web Image Slider Temp H Make Web Image Slider Template in Photoshop

Step 9:

Apply wallpaper on banner Then Adjust size and angle (Ctrl+T) like as below

Web Image Slider Temp I Make Web Image Slider Template in Photoshop

Step 10:

Now Select Text Type Tool (T) and type text like as below

Web Image Slider Temp J Make Web Image Slider Template in Photoshop

Final Result!

Web Image Slider Temp Final Make Web Image Slider Template in Photoshop

I hope you've enjoyed this tutorial and I hope these techniques have inspired some new thoughts and ideas for your next design.

ABOUT THE AUTHOR

Shahzad Amin

PsdPoint Best and Unique Web Photoshop Graphics Designers Team

subscribe to newsletter