How and with what software was this image created with?

enter image description here

I want to know, how it was possible to create the cubes, with their shinny, dark and cubed parts? I know it could be doable with Photoshop, but how? Is there any software better suited to make it than that?

Answer

To expand on Marc’s answer I dug into the source code of the page.

There’s a div tag in the html like such:

<div id="runner">
        <img class="parallax-layer" src="http://mortenstrid.no/wp-content/themes/mortenstrid/images/runner_layer_bottom.png" alt="" style="width:1347px; height:642px;"/>
        <img class="parallax-layer" src="http://mortenstrid.no/wp-content/themes/mortenstrid/images/runner_layer_middle.png" alt="" style="width:1307px; height:623px;"/>
        <img class="parallax-layer" src="http://mortenstrid.no/wp-content/themes/mortenstrid/images/runner_layer_top.png" alt="" style="width:1266px; height:603px;"/>
</div>`

Each image (bottom, middle, top) is merely a png, and they are layered on top of one another.

That means there’s a script, or numerous scripts that interact to move the images around the page. Off the top of my head I’d say, as I mentioned in my comment, that the images rely on the cursor’s X and Y coordinates and adjust themselves according to the coordinates.

At the top of the source code we find a number of different scripts. One of them is called “jparallax” which traces back to this website, where you can find numerous demos.

Attribution
Source : Link , Question Author : samayo , Answer Author : Community

Leave a Comment