Overview
Human Cybercity

A metaphorical approach that mixes the meaning of human, city structures and computer parts to create a futuristic cyber city.

A lowpoly isometric 3D model that takes a cyberpunk-inspired approach where technology and people work together to shape the world.
Responsibilities
  • Industry standard 3D modelling, texturing, lighting, & rendering
Goals
  • Create a low-poly 3D isometric concept
  • Apply 3D techniques to visualize mockups
Challenges
  • All assets should be in quods
  • Using Substance Painter for the first time for asset texture

Concept Sketch

Took inspiration from looking into my PC case where certain parts can be attributed to the human mind. Such as the brain is the CPU, the graphics card is the eye, and the SD card is a highway.

Results

  • Able to navigate technical issues and work progress with no issues
  • Demonstrates a rapid acquisition of new skills and proficiency with industry-standard software

Breaking down primitive objects into desired assets from the sketch

From using cubes, cylinders and spheres, I designed each part of the sketch above. The most challenging was created the brain as I had to create quads (squares) that snaked around a sphere to resemble a brain and extruded outwards.

Creating textures in substance painter

Before creating textures, each asset was appropriately unwrapped in the UV editor so that the texture wont distort. Each object was added in substance painter with a rustic material layer and some of the pieces were painted with neon lights.

bobo prototype version 1

Graphics card is the eye

Task scenarios

CPU is the brain

Task scenarios

Motherboard 10-pin building

Task scenarios

Final rendered scenes with Photoshop

Before creating textures, each asset was appropriately unwrapped in the UV editor so that the texture wont distort. Each object was added in substance painter with a rustic material layer and some of the pieces were painted with neon lights.

bobo prototype version 1
Sketches of mobile website
Sketches of website
Sketches of mobile website
Sketches of website
Sketches of mobile website
Sketches of website
Sketches of mobile website
Sketches of website

Reflecting on the project outcome and areas of improvement

I was anxious with how to approach this project because I never used substance painter. I did not understand if there were any limitations to my concept especially the neon lighting. My professor gave feedback and insight on how to approach it that allowed me to navigate substance painter and complexity of my models.

 

Some key takeaways from this project are:

 

  • Initially, I thought creating a background for the piece would be challenging mix of photoshop and maya. However, I learned that adding a sphere with background lighting makes a seamless render.
  • Substance painter enables real time render and details of each asset versus photoshop is flat with no texture and harder to estimate texture orientation.

More fun stuff I’ve been up to

project image
Immersive Washroom Ad Space
Thesis Project, UX Design, Unity, VR
LOO explores the experiences of public space and how the absence for a public good creates an opportunity of private gain.
project image
AR Wayfinding for Hospitals
UX Design, Case Study, AR
Designed a user experience for an AR app to improve wayfinding in children’s hospital.