Friday, June 3, 2016

Style Matrix Projects - Finished



Stylised Shop Front - UE4 Renders

The model looks visually appealing in UE4 with a basic lighting setup, it easily paves way to imagining a wider scene with consistent art style.
 


... and below with intended time of day and mood.

























The Cuckoos Tavern turned out better than I expected in its concept and model and I feel it portrays the essence of a stylized game asset, however I have regrets that the textures aren’t quite unified in painting technique and in some places are lacking in defining some material elements. I need to practice hand painting textures. 

I’m happy with the efficiency of the model, a lot of instancing and mirroring made it quick to texture all the elements and the effects of reusing texture space aren’t initially noticeable in the textures.

If I could do it again I would do more to define the art style earlier on rather than building on the style I suggested in the concept.

Stylised Shop Front - Texturing

To texture the model I’m using Substance Painter as a bridge program to Photoshop to quickly define roughness values between materials and blockout base colours.
 
Implementing this into a pipeline gives the texture artist much more of a head start on hand painting textures as the foundation for materials are already established and makes looking at the UV sheet easier to dive into.
 
 
The texture process admittedly took me a while as I don’t have much practice under my belt with stylized painting. I’m striving for a similar aesthetic to the concept, simple in surface details but rich with the autumn color palette.
 
 
I found an art style whilst practicing painting and decided to execute the hole seen in this style as it fit the autumn tones I was practicing with. The style formulated from a mixture of bold colours and some more defined and painterly. The bold materials are used to emphasise the plastic elements of the cuckoo clocks original design and then the more painterly style is used to emphasise surface details and bring an overall unity to the world’s aesthetic style. I used the aesthetics seen in the indie game ‘Firewatch’ to help me explore my art style further and tie the scene together through colour temperature in a similar way to theirs. 
 















Stylised Shop Front - Modelling/Unwrapping

Modelling the shop proceeded quickly and it didn’t take me long until I had the whole thing fleshed out. Unintentionally the shop is very easy to mirror down the middle and made the process quick. I’ve also included the base from the first concept as I was initially happy with that element.
 
 
 
 
At this stage the shop was taking shape but I didn’t feel incredibly drawn to the visuals of the model, it was essentially a box. I decided to include some extra geometry to emphasise the functionality of the “Cuckoo Tavern”, adapting the model to suggest scenarios for transporting the beer to the tavern.
 
 
I have created some interest toward the rear of the building with the winch and storage scenario in the loft.
 
 
 Delegating some of the triangle budget to modelling the tiles individually added a lot of visual interest to the roof, as well as emphasizing the angles of the rickety chimney.
 

I implanted the idea that the acorn chimes that hang from the clock could be lifts for bringing up the barrels from the ground.

Adding the asymmetrical adjustment to the base meant that this could no longer be mirrored, which is a shame but no an essential issue as the base will be relatively undetailed and won’t matter if it’s scaled down in UV space to now fit both sides of the mesh.

Using my usual methods of Box Mapping and then stitching faces together the model was quickly unwrapped to 5 different UV’s (3 x 1024 and 2 x 512, with two 512’s spare for any additional assets) I’m now ready to start texturing.
 
 
 
 
 

Stylised Shop Front - Chosen Idea

I've chosen to go ahead with the 'Cuckoo's Tavern' idea. I'm attracted to the overall aesthetic of the scene and feel most pleased with the how the shops function, setting and colour scheme fell into place when deigning it. The essence of the shop being a re-purposed cuckoo clock for a tavern could suggest that the player is tiny or that the shop is huge. In the concept I've hinted at the idea of having the tavern situated up a tree with a spiral staircase leading up to it, this could be fun to explore and allows for scope in imaging how the rest of the environment would look, with possibly more shops in other locations of the tree.


From the original concept I've looked into other directions in which I could take the design. The final composition utlises my favourite bits from the thumbnails. In the final design I've also emphasised the the slopped roof and made the clock more of a focal point to give the building more of a fun and fatasised form.

Thursday, May 26, 2016

Stylised Shop Front - Exploring Ideas


For the third and final professional brief projects I've chosen to do the stylised shop front. I enjoyed doing the last Stylised Karts project but regretted there not being more creative control with the pre-established design. Subsequently I've chosen to do a project where I can have some fun with the design and hopefully try and execute the imagineered aesthetic through to the finished 3d scene.

The specifications for the project are that the model is built using 15k triangles and uses 4 hand painted 1024 x 1024 textures. With these constraints I will have to design a shop that's simple to construct but retains a visually interesting aesthetic.  


After looking at a wide range of instances where stylised architecture is shown, I formulated some designs. The designs are to no particular or finalised art style, I just wanted to explore some ideas using a unified painting method. I tried to use colour palettes that emphasised the mood and environment.
  



To conjure up my designs I relied on the overall novelty and comical value of the shops function to pave way for an interesting aesthetic. I thought about shops or services that exist in the real world and tried to put an alternative twist on them. Once I had the premise of each shop locked down I focused on emphasizing its architecture and setting to make each one into an exaggerated design, giving myself a range of potential ideas that I could see working as a 3d scene.





Realistic Basketball Court - FlyThrough


Gravity Karts - Sketchfab

Gravity Karts by JakWarne on Sketchfab

Stylised Prop - Gravity Karts, Texturing

Alongside my FMP I have also progressed a lot with the Gravity Karts and have already started the next model from one the professional brief choices.

To conclude the production of the Gravity Karts...

The texturing process for the Karts was pretty quick. Due to the art style of the Angry Birds being bold and simple in colour and surface definitions, I made textures that held simple pencil drawn details to suggest what the material is, using wide brush strokes to create subtle tonal changes on the overall surface. I also blurred the line details slightly to give some anti aliasing in the pixels, removing some of  the jagged edged look you get from using low res textures.
128 x 128
If the project was required to be made in UE4 I would have relied on Material Instances to change the Albedo colour of materials such as the wood, which is seen in various different colours in the concepts but is pretty much the same texture. However as i'm presenting the Karts in Sketchfab I will need to make multiple version of the texture in different colours, which is a shame for the efficiency of the model.

Unwrapping the models to the textures was probably the more time consuming side to texturing. Using the concept images as a reference for where the line details should be visible I tried to keep the overall pattern layout of each component the same, although it couldn't be achieved completely identically.




 Dividing up the UV's into different islands was useful to make the most of  texture sheets. 
After unwrapping all of the Karts to there textures and creating assisting maps for materials that needed it such as the metals, I prepared the models to import into Sketchfab. 



This was the first time I've used Sketchfab as a 3D model viewer, but it was fairly intuitive and easy to implement my PBR ready texture maps. For the presentation of the Karts I created a base for them to stand on and used the edge outline trick by duplicating the geometry, extruding each face out by 2cm and then flipping the Normals, so only the back faces are shown. This is an expensive trick as it doubles your triangle count, so it would only be used as a visual effect for Sketchfab, If it were Unreal Engine you would be able to do the same trick by using an outline material and plugging it into the 'Blendables' of a PostProcess volume.

I've tweaked the lighting and environment to emphasis the material properties and showcase the models and I'm happy with the results.

Rendered in Sketchfab

Finishing my FMP

I've just finished my Final Major Project this week, subsequently I've been concentrating all of my energy on the final touches to that and haven't had chance to post an update on the progress of my professional brief projects yet. The contents of my FMP can't be talked about because of it's involvement with BMW, however I can say that it was marked yesterday by my visiting tutor and the feedback was all positive.

Sunday, May 15, 2016

Stylised Prop - Gravity Karts, Modeling Kart 3

Kart 3 is now modeled. The model took a little longer than the second as not so many of the components are transferred over between this upgrade.

3dsMax Viewport with Skylight

Wireframe

Colour Ink Shader
Original Concept
Following the same pipeline as the other karts has meant that some elements of this model might be unnecessary. For example, from wanting to use tiling textures it's meant that I have had to make separate planes to house alphas of the studs featured on metal sheets, as it would be too hard/impossible to calculate the studs to fall in the right place on mesh if they were painted them into the tiling texture.


After culling some of the unnecessary geometry to get the best triangle count for each kart, all 3 are now ready to be textured. Hopefully texturing shouldn't take too long as I have most things in place to simply slot the tiling textures into the MultiSub material, the only UV work will be in overlaying the unique components to their textures and everything else can be quickly unwrapped to the tiled texture space.

All 3 Gravity Karts with triangle count

Saturday, May 14, 2016

Stylised Prop - Gravity Karts, Modeling Kart 2

The second kart was slightly quicker to model as I could re-use some of the elements from the first kart, which also gave me reference points for scaling the rest of the elements to. I've executed the model using the same principles as the first kart, doing most of the leg work for texturing in the seperation of different elements through material ID's and allowing for unique surface details to be modeled rather than painted to keep the method of filling each element with a simple tiling texture intact.

3dsMax Viewport With Skylight

Wireframe

Colour Ink Shader
To get the most out of both the texture budget and triangle allowance, I've delegated certain details to be modeled and others to be faked in the texturing. For example the white planes highlighted below will be alphas featuring details. If I modeled these details instead it would meen adding further tiling textures to the list and would probably push me over the limit of triangles as well, so it's more efficient to keep these as projected details on planes, which from the distance I'm assuming the player camera will be from the karts it wont be a noticeable difference.



























One scaling issue I had with this kart is with the wood barrel at the back. I'm assuming the concept artist was intending the barrel to look like it's sat on the kart floor, however if I did this with my model the pitch of the planks leaning against it to form the hut like shape was too high and made the kart look very back heavy in its composition, so I decided to have the barrel slightly sunken into the karts frame to keep the overall visual ratio's the same.



Knowing what to do with the rear view of the karts was also an obstacle, but I feel I've managed to keep the overall aesthetic for each upgraded version the same, making each iteration cleaner and more refined.