Parallax Scrolling Website

I found this cool tutorial on medium on making a multi-layered parallax website

https://medium.com/@PatrykZabielski/how-to-make-multi-layered-parallax-illustration-with-css-javascript-2b56883c3f27

The effect is really cool, however this developer was also the original artist of the artwork. I did some looking around online but couldn’t find a type of PSD file for the website I wanted. I did like how the Firewatch background looked, so I found this YouTube tutorial to recreate it:

After about an hour of work (and also trying out using my iPad with Sidecar on my MacBook at the same time), I was able to create this:

A lovely blue mountainscape

Once that was done, I just needed to group my layers together and export them out and I could follow the original tutorial for the website and voila! Take a look below:

https://ericturner.it/parallax-test/

Leave a Reply

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