Category Archives: Research

Presenting 3D Models In a Showreel and Online

In such a highly competitive industry, it is imperative that your work stands out from the crowd. Unfortunately, great models can be overlooked due to poor presentation. It is for this reason that we should consider how we present our work, especially if we are trying to catch the eye of potential employers.

Let’s look at an example of good presentation:

hugh-holder-lms-gabriel-character-by-hugh-holder

Hugh Holder’s ‘Gabriel Costume‘ Model

The presentation of this work is excellent. It uses good lighting, is clean and simple and provides all the information that a potential employer may be looking for. To fully understand how to correctly present a model, I will take a look at the different aspects the make up good presentation.


IN PRACTICE

When presenting a model there are two main sets of images that you will be producing: some form of turnaround (with texture, wireframe etc.) and a display render (which may be a posed or action shot render). The latter is more of a splash image that looks awesome and might show a character in a cool pose or a building from a dramatic angle. It is designed to catch the eye but might not convey all the information or even display the whole model: this is the job of the turnaround. In both cases lighting is essential but you might use different setups for each. An example is below:

The display render uses washed out, pink lighting:

gilberto-magno-troll-wallpaper-s

While the turnaround render uses natural colored, standard 3 point lighting:

gilberto-magno-troll-views-s

So with this in mind let’s take a look at lighting.

Lighting is of the most critical aspect for presenting a model. Models exist in 3D space so we expect them to interact with both light and shadow. In the case of the turnaround, the lighting should help pick up on the model’s details and give it enough depth while still making the image readable. Conversely, the display render can utilize more extreme lighting in order to enhance certain aspects of the model or to convey something about it.

LIGHTING THE TURNAROUND:

When lighting the turnaround of a character, 3 point lighting is most commonly used as it nicely defines the model without being too extreme (Marmoset, 2016).

Just as the name suggests, 3-point lighting consists of three different lights: a key light, fill light and rim light. These are defined below:

  • Key light: the main light source – has a high intensity
  • Fill light: the secondary source which ‘fills’ in the shadows created by the key light – has a low intensity (half that of the key light)
  • Rim light / Back light: placed behind the subject, this light lights the rim edges of the model – has a very high intensity (double that of the key light)

(Marmoset, 2016).

The following GIF demonstrates the effect that each of these lights have:

mtbl_3point_anim3

For this to work correctly, the lights need to be placed in the proper way: the key light in front of the subject on a 45 degree angle (left or right of the camera); the rim light placed behind the subject, opposite to the camera; and the fill light placed in front of the subject on a 45 degree angle (on the side of camera opposite to the key light). This is shown below:

3-point-lighting

Additionally, a coloured ambient light can be used to help create atmosphere. Using this setup allows the model to be shown cleanly while still having depth.

EXTRA POINTERS FOR THE TURNAROUND:

A plain coloured background is standard for the turnaround. Pure black or white do not look as good as they are a little extreme. Additionally, a HDRI map can be used to simulate an environment and give greater depth to specular reflections.

For the turnaround it is much better if the model seems grounded in some way: whether this be by having the model sit on a stand or having them cast shadows onto the ground. This helps to establish their physicality and generally looks neater. See the example below:

tianji-soong-front

If multiple turnarounds are going to be created (one with a beauty pass, one a wireframe, one with the normal map etc.) the same lighting setup and background should be used as it helps with consistency and overall cleanness of the composition.

LIGHTING THE DISPLAY IMAGE:

Just as in film and photography, lighting is one small aspect of the overall piece that contributes to both the implied narrative and composition (Blender Guru, 2016). The choice of colour and the positioning and intensity of the lights helps to create an atmosphere and set the mood. Lighting should suit the subject matter (whether it be a character, object or environment) and convey some additional information (whether that be personality, setting, time of day or emotion) (Blender Guru, 2016).

The Blender Guru (2016) states that we should consider 5 points when setting up the lighting:

  1. What is the purpose of the render?
  2. Is there a implied narrative or story to this image?
  3. What is the focal point?
  4. What mood are you trying to convey?
  5. What lighting style would achieve and suit the above answers?

In the example below, see how the use of purple and teal lighting helps give the astronaut model a sci-fi feel and establishes the outer-space setting. This simple choice helps to set the scene and suits the character of the astronaut:

frederik-a-plucinski-astronaut-low

Model by Frederik A. Plucinski

If a piece is moody and dramatic, dark high-contrast lighting might be the way to go. Note how the shadows obscure Batman’s face to help show that he is brooding and mysterious, while the light catches on his bat ears and muscles thus drawing the viewer’s eye:

maxime-gainche-the-dark-knight

Model by Maxime Gainche

Similarly the dark lighting with sharp highlights help to give this sci-fi interior an ominous atmosphere:

Model by Kai Du

Model by Kai Du

On the other hand, a more light-hearted piece might require softer, brighter lighting. Note how the soft lighting on the body and face helps to establish Fiona as a bright and open character:

vincent-dromart-fionna-v1-02-sd

Model by Vincent Dromart

Similarly, the soft, warm lighting and use of bloom helps convey a calm and pleasant mood:

encho-enchev-ready1

Model by Encho Enchev

Carefully considering what you are going for with the display render and adjusting the colouring, positioning and intensity of the lights to suit will help to give the final render much more visual impact.

EXTRA THINGS TO CONSIDER FOR THE DISPLAY IMAGE:

  • The posing of the character (if applicable)
  • The background – this should suit the mood, story, personality or setting.
  • Framing – this should suit the mood, story, personality or setting.
  • Overall composition

PRESENTING WORK ONLINE

Flipping through Artstation, I have noticed a couple of things. I find that the best or most ‘viewable’ 3D character models are ones that contain multiple images. I ones that catch my eye usually contain around 5 – 8  items and include:

1) A display image: a high quality render of the (posed) model with approiprate lighting and background

Model by Per Haagensen

Model by Per Haagensen

2) A full length turnaround of the character with textures and 3 point lighting

Model by Hugh Holder

Model by Hugh Holder

3) Full length turnaround of the character with a wire frame

Model by Miles Wadsworth

Model by Miles Wadsworth

4) Close ups of details

Model by Blair Armitage

Model by Blair Armitage

5) Sketchfab or Marmoset viewer

Additionally, some artists may include a video showing an animation or turn-around, some development work, a breakdown of the design, a breakdown of the textures/maps or some concept art. Including these help show the process by which the model was created.

Model by Andy Chin

Model by Andy Chin

It should be noted that while this format works well for characters, other models, such as environments, may take a different format but usually include a high quality version, textured version, wireframe version and close ups.

tim-moreels-breakdown

Model by Tim Moreels

I feel that this is a pretty good format to present the model as it catches the viewer’s eye, lets them quickly see all the information in 2D and then lets them view the model in 3D. It allows a potential employer to view everything they need without have to scroll excessively.

For this reason, I will try to post my finished model on Artstation using this format (although I may not have the texturing finalised until the holidays).

SOME EXTRA POINTERS:

  • Have your name and contact details written legibly and discreetly on the bottom of the image and don’t use watermarks (Anhut, 2014).
  • Be clear if it was a group project, give credit where it is due and detail your role and work in the project.
  • Keep the overall presentation clean and simple.

SOME OUTSTANDING ARTSTATION EXAMPLES:


PRESENTING WORK IN A SHOWREEL

There are no hard and fast rules for displaying models in a showreel. However, after looking around a bit I have found what I would consider a good format in which to display a model.

1) A display render (can just be a still) with nice lighting and a background

01

Model by Aditya Parab

2) A full-length beauty turnaround

02

Model by Aditya Parab

3) A full-length gray/clay turnaround

03

Model by Aditya Parab

4) A full-length wireframe turnaround

04

Model by Aditya Parab

5) A slower, closeup turnaround 

Alternatively, several turnarounds may be shown at once. This is very effective and helps cut down the time of the showreel:

06

Model by Patrick Kilcher

Overall, it looks professional if the showreel is kept nice and short with clean transitions between the different turnarounds or models.

Of course, what you choose to display may depend on what job you are aiming for or what you are trying to showcase. More closeup shots or even closeup stills might be needed to display a particular detail. Some artists may also like to showcase their concept art, texture maps, rigging or animation.

05

Model by Aditya Parab

This format allows the artist to quickly showcase the model and display all necessary information, such as topography and textures, to the viewers. I will definately be using this format when putting together my showreel.

SOME EXTRA POINTERS:

  • Keep the overall presentation clean, simple and consistent.
  • Ground the model by using a stand or having them cast shadows.
  • If necessary, include project details such as time taken or polygon count.
  • Have your name and contact details displayed legibly and cleanly without extreme motion graphics or effects.
  • Be clear if it was a group project, give credit where it is due and detail your role and work in the project.
  • Do not use obnoxious music.

SOME GOOD EXAMPLES OF SHOWREELS:


MY PROJECT

For my specialisation project, I am creating a textured character model that will be eventually displayed both in my showreel and online (on Artstation). I am planning on using 3-point lighting and a HDRI map for the environment to render my beauty, wireframe and clay turnarounds. Using Premiere Pro I will be create a nice transition between them to put into my showreel. Eventually I would like to rig and pose my character for a display image but will not be doing that this trimester due to lack of time.

Below is my camera and light setup for the full length turnaround:

lights

I have used three direct lights for the key, fill and rim lights; one skylight (as an ambient light) and a camera. These have all been linked to the dummy in the center so that it is the only object I have to animate in order to create the turnaround.

lights2

Below is a render of my (unfinished) model without the three-point lighting:

skylight

And the following image is a render with the three-point lighting:

3-point

When comparing these images, it is evident how much flatter the first is compared to the one with three-point lighting. I can see how much of a difference using 3-point lighting makes as it helps the model ‘pop’ and gives a greater sense of depth. I will definitely be using this lighting setup to render my models in the future.


REFERENCES

Anhut, A. (2014). How To Build Your Portfolio?. Retrieved 7th May, 2016 from
howtonotsuckatgamedesign.com/2014/11/reader-question-portfolio/

Blender Guru. (2016). How To Correctly Light a 3d Model. Retrieved 7th May, 2016 from
http://www.youtube.com/watch?v=7o0PauhFQyo

Marmoset. (2015). Character Lighting Tutorial. Retrieved 7th May, 2016 from
http://www.marmoset.co/toolbag/learn/character-lighting

A Look at OpenSubdiv

BACKGROUND

OpenSubdiv is an open source tool that quickly and easily subdivides and smoothes a 3D model through the process of interpolation. It utilises the Catmull-Clark method of subdivision and has been widely adopted by the industry due to its efficiency (Pixar, 2016). 

opensubdiv

A simple tube with and without OpenSubdiv

Originally developed by Pixar, it was released to the public as an open source library and, since then, has been incorporated into software such as Autodesk’s 3DsMax and Maya and Blender (FX Guide, 2015).

geris-game1

Geri’s Game (1996)

The first instance of OpenSubdiv was developed by Tony DeRose and Tien Truong for the Pixar short Geri’s Game (Pixar, 2016). Pixar released it as open source in the hopes that it would be adopted by the industry and thus gain hardware support, as well as to increase efficiency throughout the industry (FX Guide, 2015).

APPLICATIONS

As OpenSubdiv was originally developed for character modelling, and because it smoothes and interpolates the mesh, it is most commonly used for organic modelling (FX Guide, 2015). It has been used for many Pixar characters such as Woody from Toystory.

woody

Woody with OpenSubdiv

More interestingly, OpenSubdiv has been used on non-organic characters, such as Steve McQueen from Cars and WALL-E, to achieve a high-poly look while still being manageable to animate (FX Guide, 2015). 

wally

WALL-E with OpenSubdiv and CreaseSet

WALL-E’s many details were achieved through subdivision in combination with creasing.

IN PRACTICE (3DsMAX)

Using OpenSubdiv in 3DsMax is very simple. OpenSubdiv is a modifier that can be applied to a model via the modify tab.

modifier

The model may lose some of its original volume but can still be changed without having to collapse the modifier (and therefore add all those extra polys). This was one of the major advancements of OpenSubdiv and is one of the reasons it is so efficient as it allows the model’s current topology to be edited while also being able to see how it will look once it is subdivided.

Volume

The bulkness of the hands is reduced and smoothed with OpenSubdiv

One of the quickest and easiest ones to gain back some of the volume is to add an additional loop to the model.

EdgeLoop

Using additional edge loops on a tree trunk

However, this may not be what is needed. The creasing of the model can be adjusted in the Edges mode of the Editable Poly modifier. This is done by selecting the edges that require more creasing (i.e. they need to be less smoothed) and adjusting the “Crease” value (Autodesk, 2014).

ModifierCrease

CreasedEdges

Uncreased Vs. Creased edges

Alternatively, a CreaseSet modifier can be used to a similar result. The benefit of the CreaseSet modifier is that it allows multiple sets of creases with different values to be managed in all one place (Autodesk, 2014).

MY PROJECT

I have been using OpenSubdiv while modelling my character and her accessories.

Render

As demonstrated in the pictures earlier in this post, I have been using both creasing and additional edge loops. I have also found that I am using OpenSubdiv on the non-organic elements of the model.

shoulderpads

Overall, using OpenSubdiv has allowed me to quickly add detail and give my model a smooth look.

REFERENCES

Autodesk. (2014). 3ds Max 2015 Extension 1 – Working with OpenSubdiv. Retrieved 4th of May, 2016 from
https://www.youtube.com/watch?v=1Cy3niOZ7nA

Autodesk. (2014), To Work with OpenSubdiv.  Retrieved 4th of May, 2016 from
https://knowledge.autodesk.com/support/3ds-max/learn-explore/caas/CloudHelp/cloudhelp/2015/ENU/3DSMax/files/GUID-EEF18A3F-DE80-4BBE-8811-48B89FF0AC97-htm.html

FX Guide. (2015). Pixar’s OpenSubdiv V2: A detailed look. Retrieved 4th of May, 2016 from
https://www.fxguide.com/featured/pixars-opensubdiv-v2-a-detailed-look/

Pixar. (2016). OpenSubDiv. Retrieved 4th of May, 2016 from
http://graphics.pixar.com/opensubdiv/docs/intro.html

Physics Based Rendering

WHAT IS PBR?

According to Wilson (2015), “Physically based rendering (PBR) refers to the concept of using realistic shading/lighting models along with measured surface values to accurately represent real-world materials.”

traditionalvspbr01Understanding how light works in the real world is essential for creating realistic and believable textures. PBR models, and programs such as Quixel and Substance Painter, calculate the mathematics and physics of how light will interact with different materials and help apply this to the model. This means that the assets will behaviour like the real thing and should look realistic under all different lighting conditions.

IN THEORY:

PBR utilises the physics and mathematical model known as the Light Ray Model to help prescribe different attributes to different materials.

The Light Ray Model is used to predict the trajectory of light rays. The first rule to note is that a light ray that is travelling through a homogeneous transparent media (i.e. air) has the trajectory of a straight line. When light hits a surface it is either, or possibly both, reflected or refracted.

Reflected light is when a light ray bounces off the surface of the material. An example of this is polished metal. The following rules apply to reflection:

  • A “light ray that hits a surface is called the Incident Ray” and the light ray that bounces off the surface is called the Reflected Ray (McDermott, 2015).
  • The Law of Reflection states that the Angle of Incidence is equal to the Angle of Reflection

UntitledRefracted light occurs when the light ray passes through a material in the trajectory of a straight line. An example of this is clear glass.

PrintUnfortunately, materials are rarely this simple as they are rarely homogeneous. Where the Light Ray Model gets more complicated (and where using a PBR program becomes more handy) is when we look at in-homogeneous or translucent materials.

In such materials, the following factors will affect the movement of light rays and therefore its physical appearance:

  • Absorption – light rays lose energy and intensity and the colour changes
  • Scattering – light rays directions changes randomly
Untitled

This is an example of how both absorption and scattering affect the movement of light through a material such as skin. This is referred to as sub-surface scattering.

  • The roughness of the material – this will affect the materials over specularity
  • The Law of Energy Conservation which states that the total amount of light re-emitted by a surface is less than the initial amount it received

Additional theories, such as Microfacet Theory and the Fresnel Effect, are included in PBR models to add extra depth to surface irregularities and realism when viewing an object from different angles.

Untitled

Microfracet Theory calculates the light diffusion caused by surface irregularities on the microscopic level.

This is all extremely complicated and would take an extremely long time to figure out on your own for every different material. This is why so many artists and companies are turning to PBR.

IN PRACTICE:

In practice, PBR programs produce texture maps that utilise this theory to give a realistic result. They contain many different presets that are based upon real world materials and how light would interact with them.

For an example I will use the barrel that I textured in Quixel during Thursday’s class:

screen01

I decided on an old, weathered look for the barrel with some sort of toxic green liquid. For the metal bands I chose ‘Weathered Brass’. Quixel worked out the base colour, specularity and weathering using its algorithms and scanned material. I was able to tweak the ‘grunginess’ of the material – to make it dirtier and more cut up – and Quixel tweaked its specularity to match. What would have taken me hours to do by hand, just to texture those bands, literally took a minute to do. Additionally, I decided to make the ‘toxic’ green liquid glow. I had no baked in a glow / emissive map but was able to create and edit one in Quixel.

EVALUATION:

In order to fully evaluate PBR we must consider its pros and cons:

Pros:

  • Very time efficient
  • Creates realistic textures quickly
  • Physically accurate so the asset will look great under different lighting conditions
  • Quixel and Substance Painter are both extremely cost efficient
  • Allows different team members to produce consistently styled textures

Cons:

  • Doesn’t really work for super stylised textures
  • Programs can be buggy or heavy to run
  • Less unique than ‘handcrafted’ textures
  • May not suit the project

PBR not only saves time (so much time!) when it comes to texturing but also creates physically accurate textures that will look great under different lighting conditions. Additionally, programs such as Quixel and Substance Painter are both extremely cost efficient for both small and large teams. Overall, this makes PBR the sensible choice for creating realistic textures.

This is becoming apparent to the industry, as video game companies have started to incorporate PBR. Several high profile games have already been using it: Remember Me, Ryse: Son of Rome, Battlefield 4 and, most famously, Star Citizen. For good reason, PBR may be more than just a trend but rather the direction the industry is moving into.

REFERENCES

McDermott, W. (2015). The Comprehensive PBR Guide by Allegorithmic – vol. 1. Retrieved from
https://www.allegorithmic.com/system/files/software/download/build/PBR_Guide_Vol.1.pdf

McDermott, W. (2015). The Comprehensive PBR Guide by Allegorithmic – vol. 2. Retrieved from
https://www.allegorithmic.com/system/files/software/download/build/PBR_Guide_Vol.2.pdf

Wilson, J. (2015). PBR In Practice. Retrieved from
http://www.marmoset.co/toolbag/learn/pbr-practice

A HARMONY OF DUALITY:

AN ANALYSIS OF GUSTAV KLIMT’S ‘THE KISS’

klimt-ref-zoomThe Kiss
Gustav Klimt
1907-1908
Oil and gold leaf on canvas
Austria
180cm x 180cm

Painted during his Golden Period, The Kiss is one of Gustav Klimt’s most recognisable works (AS, 2016). The painting is highly decorative and depicts the abstracted form of a man and woman in a passionate embrace (TH, 2012). The couple kneel on a patch of flowers before a golden expanse. Overall, the piece has a warm and serene mood which embodies the theme of unity (PA, 2011). Through the subject of the painting, and elements of design such as shape, texture, colour and tone, Klimt carefully constructs balance in order to demonstrate the enlightening quality of a harmonious duality.

Through the use of shape and colour Klimt strikes a balance between the two figures. The man’s form is constructed almost entirely through out of tonal rectangles, while the woman’s form consists of coloured swirls and circles. This choice of shapes reflects the binary Structuralist thinking of the early 20th century (Briggs & Meyer, 2009). Rectangles and squares reflect the masculine qualities of strength and solidarity while the rounded shapes reflect more the feminine qualities of softness and flexibility (AS, 2016; Davari, S; Echostains, 2010). This contrast makes their unity interesting: they are not one in the same but rather two opposing forces that have united (Harper, 2011). Additionally, both figures have a small amount of the other’s shapes within their form.

This, again, amplifies their unity, as they are absorbing each other, and has been interpreted in many different ways: as a sexual act, as spiritual unification, as reconciliation and as a representation of ultimate love (As, 2016; Davari; PA, 2011). I believe that Klimt was demonstrating all of these and more. The unification of two contrasting elements could also be interpreted as the balance between life and death, good and evil, Mother Nature and mankind, and so on. Through this piece, Klimt explores the notion of a harmonious duality.

Klimt uses decoration and tone to create balance between the embracing couple and the golden background. The couple is depicted almost entirely through detailed decoration and, compared to the speckled background, is high in complexity. The background is much darker in tone than the couple and contains little visual information. This juxtaposition draws the viewer’s eye and helps make the embracing couple the focal point of the piece. It gives the sense that, to the embracing couple, the only thing that matters is their unity. This harmony has set them apart from their surroundings: the rest of world has fallen away and is immaterial and inconsequential (PA, 2011). This helps to establish the idea that ultimate enlightenment comes from uniting a duality.

Through the use of decoration, colour, tone and shape, Klimt creates balance within his work, The Kiss, in order to demonstrate that insight and clarity is achieved through the reconciliation of contrasting forces. While the message is subtle, it was poignant at the time and is still relevant today.

BUT DO THESE TECHNIQUES STILL WORK TODAY?

Well, yes.

Just as Klimt used different forms to convey different emotions and meaning, so too does graphic design, advertisement and character design. This has become known as shape language – the idea that different geometric shapes have different emotional properties (Anhut, 2016).

The idea is to break down the concept or character to its simplest form (e.g. strong, stubborn) and use rough geometric shapes to represent this (e.g. a square). Nowhere is this better seen than in animated children’s movies. The image below demonstrates the shape language used for the characters in Up.

upshapesWhen we look at the final version, we can see how squares are used throughout Carl’s design – in his face shape, glasses, eyebrows and chair – and how this matches to his stubborn disposition. This contrasts the Ellie’s more rounded form – as reflected in her face, hair and chair.

Disney-Guide-to-Getting-Over-a-Breakup-UPJust as in The Kiss, the contrasting shapes of these two characters helps emphasise the notion of a harmonious duality.

Similarly, the character designs for the emotions from Inside Out began as a series of simple shapes that reflected the personality of each character (TFD, 2015). Again, we can see how these suit the final characters:

03

Butler (2013) expands on this and demonstrates that constructing a character from a shape not only emphasise their characteristics but also gives cohesion and consistency to the overall design. Additionally, the contrast between different characters helps the audience to distinguish them.

tumblr_inline_mwqvzesYdW1qdm9r3Additionally, Klimt’s use of decoration has inspired modern artists such as Jen Zee: the art director of Supergiant Games who incorporated some of Klimt’s techniques into the game Transistor. Zee (2013) states that Klimt’s use of “interesting shapes” and his “flare for dramatic presentation” seemed to work well with the cyberpunk aesthetic.

1407982520654_Transistor_19-mar-2013_04The use of decoration and Art Nouveau shapes is present in both the actual game and the promotional art and helps create the game’s atmosphere.

Cloudbank_ITP20131
REFERENCE LIST

Anhut, A. (2016). Art Style Atoms. Retrieved from
http://howtonotsuckatgamedesign.com/2016/01/art-style-atoms/

Art Story (AS). (2016). Gustav Klimt. Retrieved from
http://www.theartstory.org/artist-klimt-gustav.htm

Briggs, R. & Meyer, J. (2009). Structuralism. Retrieved from
http://anthropology.ua.edu/cultures/cultures.php?culture=Structuralism

Butler, T. (2013). Notes on Character Design. Retrieved from
http://lackadaisycats.tumblr.com/post/67909264429/notes-on-character-design

Davari, S. (NA). Analysis of Klimt’ artworks. Retrieved from
http://najmehdavari.com/images/Art-Nouveau.pdf

Echostains. (2010). Behind the Paint: ‘The Kiss’ by Gustav Klimt. Retrieved from
https://echostains.wordpress.com/2010/03/31/behind-the-paint-the-kiss-by-gustav-klimt/comment-page-1/

Harper, S. (2011). The Universe in a Kiss. The Montréal Review. Retrieved from
http://www.themontrealreview.com/2009/Gustav-Klimt-the-kiss.php

Painting Analysis (PA). (2011). Klimt, ‘The Kiss’, Painting Analysis. Retrieved from
http://painting-analysis.blogspot.com.au/2011/01/klimt-kiss-painting-analysis.html

Pelissier, S. (2014). Portrait of an Artist: Glustav Klimt’s Controversial Pattern in Painting. Retrieved from
http://www.craftsy.com/blog/2014/06/klimt-patterns-in-painting/

Tips From Disney (TFD). (2015). D23 Expo 2015 Gets Turned “Inside Out”. Retrieved from
http://www.tipsfromthedisneydiva.com/2015/08/24/d23-expo-2015-gets-turned-inside-out/

Totally History (TH). (2012). The Kiss. Retrieved from
http://totallyhistory.com/the-kiss/

Zee, J. (2013). Unicorn Sparkle: An Interview with Jen Zee of Supergiant Games. Retrieved from
https://nerdybutflirty.com/2013/07/11/unicorn-sparkle-an-interview-with-jen-zee-of-supergiant-games/

Modular Workflows

Last week in class, Brett took us through a modular workflow exercise. This involved us using a set of small modeled assets, such as a part of a wall, that could fit together in a multitude of different ways. We were to use them to construct an entire building.

Below is an image of the modular pieces that we used:

02By duplicating, rotating, mirroring and occasionally scaling the original pieces I was able to construct the following building:

renderAs you can see, this building has been made of many, many smaller pieces:

04To ensure that the pieces fit together correctly, we used vertex snapping and axis constraints. I had never used this before and it was extremely helpful.

05The only issue we encountered was that the assets had not been modeled to the grid, which made it harder to fit them together in some circumstances. For my own projects, I will definitely be constructing the models to the grid.

From this exercise I could already see the benefit of using modular pieces in order to construct larger objects and environments. I will be using this knowledge for both the world builders project and for the cross-discipline project, Orient.

APPLICATION OF THIS RESEARCH:

From the lesson on modular workflows I could see how it could be applied in my own projects.

In the world builders project, the most obviously application would be for the pyramid’s steps. Below is a mock-up of a modular step piece which I construct to the grid:

06Using this I was quickly able to construct part of a staircase:

07Obviously, this is unfinished as it would need sides or a railing. However, as each stair piece is an instance of the original, this was a very simple and quick fix.

08

09Super simple and quick. Again, this will need some adjustment once I determine the steepness of the pyramid.

For the Orient project I will be creating many different low-poly buildings so using modular pieces will speed up this workflow dramatically.

To begin with, I decided to start with some modular pieces for a square building (10m x 10m for the base and 5m for each floor). These were modeled to the grid.

11The windows and door are not necessarily to scale as the game designers wanted the buildings simplified and stylised.

From this, I can make different buildings with a varying number of floors.
12Of course, these are very basic and very repetitive: they lack variation.

13However, it is a good place to start and I can always adjust things later. Similarly, as the walls were made separately, I can also construct rectangular buildings from these pieces.