VISUAL SYSTEMS



Rather than start by designing the rules of the system and then applying those 
rules to create pieces of design, we were to start with a singular piece of design and reverse engineer a system of rules from it. 

We first created a stand-alone piece of graphic design to use as the starting point for our system.

We then were to re-imagine our design as one piece within a series of 3 pieces that come together to form a visual system as well as a 1280x720 GIF and letterform pertaining to the rules of our system.
SKILLS
3D CAD MODELING
MOTION GRAPHICS

PROGRAMS
AFTEREFFECTS
KEYSHOT
SOLIDWORKS
PHOTOSHOP
ILLUSTRATOR







Original


2

3






POSTER CREATION
I first used Solidworks to create the original base image in the three posters and then rendered the model in Keyshot (below).

After creating the first poster, I then devised the set of rules for the rest of the series:

︎ Red elements must come from the left
︎ Texture/greenfile must remain on the right
︎ Spheres must have converging lines
︎ Imposed elements must remain orthogonal
︎ Color Palette: red, green, and grayscale
︎ Majority of the background must remain gray
︎ No curves with the exception of spheres

GIF CREATION
For the GIF, I began by animating the rendered base model in Keyshot (left). 

I then created the GIF in Adobe Aftereffects to advance the animation so it pertains to the set of rules in order to become part of the visual system (below). 













LETTERFORM CREATION
For my letterform, I decided to do the letter H since it already had the orthogonal forms that were required of my visual system.

I modeled the H once again in Solidworks and then rendered it in Keyshot (left).

After the rendering, I manipulated the letterform in Photoshop and Illustrator  to fulfill the rules of the visual system.
2017 — Frogtown, Los Angeles