Take your static website photos to another dimension with this 2.5D parallax effect

Take your static website photos to another dimension with this 2.5D parallax effect 2

2.5 D is an exciting technique that you can apply to your photos. The great thing about this effect is that you can apply it to old photographs and bring them to life. When used in conjunction with our new free pootle page builder plugin 2.5D photos look really beautiful.  To see how a 2.5D photo looks on a website click here.

Below is an example that I made from a static stock photo downloaded from the Death To The Stock Photo website.

LA TIMES 2.5D from pootlepress on Vimeo.

And here’s a video tutorial on how to bring your photos to life using a 2.5D effect

In this tutorial I used the following software.

  1. Pixelmator – To create the separate layers of the photo
  2. Adobe After Effects – To animate the photo and make it 2.5D
  3. Pootle page builder – To add the video to my website.

STEP 1 – Create the photo layers

In this video I show you how to create separate layers in your photos

 

STEP 2 – Animate the layers in Adobe After Effects

This video shows you how to create the 2.5D parallax effect in Adobe After Effects

 

 STEP 3 – How to insert your photo as a video background

If you have any questions, please post them in the comments below.

Thanks for taking the time to pootle.

Leave a Comment

Your email address will not be published. Required fields are marked *