8 Image Templates For Your Vertex Theme Homepage Slider

Posted on March 10, 2014 by 22 Comments

8 Image Templates For Your Vertex Theme Homepage Slider
Blog / Freebie Of The Week / 8 Image Templates For Your Vertex Theme Homepage Slider

Our Vertex Theme has a homepage Post Slider with an image that slides up from bottom to top. Our demo uses beautiful transparent png images to utilize its functionality in the best way possible. With these 8 free slider templates you can create perfectly sized png images for the Vertex Theme slider. Check out some examples below made from these templates and download the PSD package to get started!

Download The PSD

Floating Image

If you fill the entire PSD canvas with an image, you will get an image that touches down to the bottom of the slider. This template allows you to create a floating image in the space next to your post title and excerpt.

vertex-slider-image

Image Stack

The image stack is made up of two overlapping images that touch down to the bottom of the slider, great for showing off more than one image at a time.

vertex-slider-image-stack

Magnifying Glass

If you are looking to focus on a specific part of an image, but still want to hint at the full thing, this is a great template for creating a magnifying glass effect. Just place your image once, and the template will do the blurring and zoom effect for you.

vertex-slider-magnify

iMac & MacBook Air

Both the iMac and MacBook Air templates are great for showing off any website design with a clean and professional look.

vertex-slider-imac

vertex-slider-mba

Mobile Device Lockups

This template pack includes both Android and iOS device lockups for mocking up responsive websites and mobile apps.

vertex-slider-android

vertex-slider-ios

iPhones

The iPhones template features 3 overlapping devices that get tucked under the bottom fold of the slider, perfect for showing off multiple screens of a mobile website or app.

vertex-slider-iphones

How to Use the Template

The download comes with a single Photoshop file with each slider variation as its own layer group. To used the templates, follow the steps below.

  1. Inside each layer group is a Smart Object(s) where you can input your own photo (just double click the smart object layer icon and place your artwork).
  2. Once you have added your imagery, save and close the Smart Object. The artwork you placed will automatically be added/rotates/skewed within the appropriate area of the slider template.
  3. When you are happy with your slider image, simply choose File > Save For Web, and save your file as a transparent PNG-24 image.

For all of you Photoshop savvy designers, this template is fully editable—have fun with it and even use it to create your own!

If you like these templates, take a stroll around the blog for more of our free resources and please let us know what our next slider template should be!

Divi

Want To Build Better WordPress Websites? Start Here! 👇

Take the first step towards a better website.

Get Started
Divi
Premade Layouts

Check Out These Related Posts

8 FREE Nexus 7 PSD Mockup Templates

8 FREE Nexus 7 PSD Mockup Templates

Posted on February 12, 2014 in Freebie Of The Week

Our Nexus 5 mockups finally get some friends with these 8 Nexus 7 tablet mockups. These are fully scalable, vectored PSD templates that are perfectly sized for the latest Nexus 7 screen resolution. All you have to do is place your image into the smart objects, and the sizing and perspective...

View Full Post

22 Comments

  1. Thanks ET team for creating them.

  2. Awesome, looks great guys! I really like that theme too.

  3. Beautiful! Thank you VERY much! 🙂

  4. Nice work Kenny! Any templates for the Harmony theme up your sleve?

  5. is there anywhere i can get a list of all the custom fields that are on most of the demo sites? eg small images in home blurbs?

  6. Thanks for the templates, they are very helpful.

  7. I love it when you post stuff like this, it makes my job so much easier!

  8. As usual – thanks for templates. It gives tools to impress customers at no cost. This is invaluable.

  9. Great post. thanks you

  10. thank you.
    is it compatible with Photoshop CS3?

  11. great slider .thanks you 😀

  12. Glad to see the download options for PSD files. I like the Magnifying Glass option the most. Thanks for sharing such a nice article 🙂

  13. cool good addition..I made my own custom sliders but these will com in handy

    thanks

    solostudios.net

  14. Nice tips!

  15. Wow, what a great slider you’ve made. I’ll have to check out the code. Really looks wonderful!

  16. Hmmmm, I don’t have photoshop and used GIMP 2 and tried Go2Convert to look at this PSD (which has never failed) and both crash with all kinds of errors. I tried downloading the zip a few times to be sure and I can’t get the PSD to open no matter what. Comments?

  17. I like iPhones template looks good.but I don’t have any idea how to customize that theme.anyway,thanks for free theme 🙂

  18. Any chance you can release some PSD using black 17″ Dell CRT?

  19. What version of Photoshop do you need to edit the psd files of the free templates you give away here? I only have version CS2 and couldn’t open one of your recent template files.

  20. So the PSD file once exported is intended not to integrate with wordpress but with a standard web site?!

  21. I no longer use Photoshop, as I have moved on to Mac’s .. I now use Affinity … will these work with Affinity ..

  22. Thank you guys for sharing these templates.

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Get Started With Divi