Tutorial: An Orbital Parallax Effect With Hexels
Events
Subscribe:  iCal  |  Google Calendar
Vancouver CA   12, Aug — 17, Aug
London XE   17, Aug — 20, Aug
Cologne DE   19, Aug — 21, Aug
Cologne DE   22, Aug — 26, Aug
Seattle US   28, Aug — 30, Aug
Latest comments

I'm gonna wait for Steam version

Really cool.

by someone
3 hours ago

Free work is ok if it's not-commercical project, such as modding for game. If it's commercical and they're going to make money off your work then it's unfair.

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

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.

Marmoset 

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

Be the First to Comment!

avatar
wpDiscuz