Tutorial: An Orbital Parallax Effect With Hexels
Events
Subscribe:  iCal  |  Google Calendar
7, Mar — 12, Jun
San Francisco US   19, May — 24, May
London GB   29, May — 1, Jun
Birmingham GB   1, Jun — 4, Jun
Taipei TW   5, Jun — 10, Jun
Latest comments
by derjyn@gmail.com
3 hours ago

$16 for a *very* non-performant material? If this was intended for use in high-detail scenes, not meant for gameplay, one would generally just use a flipbook animation, or looping HD video texture (both of which are higher quality and available for free all over). I love options, but c'mon, that's pretty steep. $5, maybe. And you can loop in materials, using custom HLSL nodes. Also, there are better ways of doing this, all around. Somewhere on the forums, Ryan Brucks (of Epic fame) himself touched on this. I've personally been working on a cool water material (not "material blueprint", thankyouverymuch) and utility functions, and am close to the quality achieved here, sitting at ~180 instructions with everything "turned on". The kicker? It's pure procedural. No textures are needed. So this is cool, no doubt about that. In my humble opinion though, it's not "good". It doesn't run fast, and it's more complicated than it needs to be.

Lee is right - you can use a gradient effect when you vertex paint in your chosen 3d modelling platform (I've done it in max), meaning the wind effect shifts from nothing to maximum along the length of the leaf/branch/whatever.

by Lee Stojkovic
4 hours ago

I'm fairly certain you can vertex paint the bottoms of the foliage and control the movement using vertex colors along with the wind node. I did this in an earlier project and was able to create a scene with grass that moved less and less as it went down until stationary. I created the grass and painted the vertexes black to red (bottom to top) in Maya.

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