Tutorial: An Orbital Parallax Effect With Hexels
Subscribe:  iCal  |  Google Calendar
Amsterdam NL   25, Jun — 28, Jun
Los Angeles US   25, Jun — 28, Jun
Montreal CA   27, Jun — 1, Jul
Cambridge GB   28, Jun — 2, Jul
Guildford GB   29, Jun — 30, Jun
Latest comments
by info@danielepezzella.it
45 min ago

Great job! I want this too! Please make it somehow available!

by John Doe
1 hours ago

I want this!

by hnjmbn
3 hours ago


Tutorial: An Orbital Parallax Effect With Hexels
31 January, 2018

Marmoset has recently shared a tutorial by Mark Knight on using Hexels to create a dynamic, comic book style sequence with an orbital parallax effect.

Here is small piece to get you interested:

A parallax effect is an illusion of depth using layered 2D elements. Foreground layers move at a different speed to background layers depending on their perceived distance from the camera.

This animation is an example of Asymmetrical Scrolling. It’s created by looping multiple tiling planes at varying speeds.

An Orbital Parallax effect, on the other hand, simulates a camera orbiting a pivot point.

Elements beyond the pivot point move in the opposite direction to those ahead of the pivot point. The closer an object is to the pivot point, the less it appears to move.

I started with the Pixels Trixels 1080p template and doubled the canvas size from 1920×1080 to 3840×2160.

I drew a cityscape on a Pixel layer using the Line tool (L) with my pencil size set to 5.


Here is the final result:

Make sure to check out the full guide to find out how it was created. 

Source: marmoset.co

Leave a Reply