Opening multiple layer files as layers automatically through Adobe Bridge. http://www.photoshopessentials.com/basics/layers/images-as-layers/
Parallax style multiple layers website front. http://www.firewatchgame.com/
I can recreate this multiple layers effect by learning how to take apart large complicated scenery images into separate pieces and scroll at different times.
The key bit of programing is layered DIV’s below.
<div class=”keyart” id=”nonparallax”>
</div>
<div class=”keyart” id=”parallax”>
<div class=”keyart_layer parallax” id=”keyart-0″ data-speed=”2″ style=”transform: translate3d(0px, 0px, 0px)”></div> <!– 00.0 –>
<div class=”keyart_layer parallax” id=”keyart-1″ data-speed=”5″ style=”transform: translate3d(0px, 0px, 0px)”></div> <!– 12.5 –>
<div class=”keyart_layer parallax” id=”keyart-2″ data-speed=”11″ style=”transform: translate3d(0px, 0px, 0px)”></div> <!– 25.0 –>
<div class=”keyart_layer parallax” id=”keyart-3″ data-speed=”16″ style=”transform: translate3d(0px, 0px, 0px)”></div> <!– 37.5 –>
<div class=”keyart_layer parallax” id=”keyart-4″ data-speed=”26″ style=”transform: translate3d(0px, 0px, 0px)”></div> <!– 50.0 –>
<div class=”keyart_layer parallax” id=”keyart-5″ data-speed=”36″ style=”transform: translate3d(0px, 0px, 0px)”></div> <!– 62.5 –>
<div class=”keyart_layer parallax” id=”keyart-6″ data-speed=”49″ style=”transform: translate3d(0px, 0px, 0px)”></div> <!– 75.0 –>
<div class=”keyart_layer” id=”keyart-scrim”></div>
<div class=”keyart_layer parallax” id=”keyart-7″ data-speed=”69″ style=”transform: translate3d(0px, 0px, 0px)”></div> <!– 87.5 –>
<div class=”keyart_layer” id=”keyart-8″ data-speed=”100″></div> <!– 100. –>
</div>