Home 3D Art Showcase & Critiques

[FINISHED!] [UE4] Havana - Overwatch FanArt Environment Study [FINISHED!]

polycounter lvl 4
Offline / Send Message
Pinned
ArcaneOwl polycounter lvl 4
Hey Polycounters!

We are Arcane Owl peepz, a freshly formed 3D art outsourcing studio. 

We have seen a lot of awesome Overwatch fanarts over they years, (mostly character-related) yet not that many complete maps/environments. 
So! As our love and passion lies in the stylized arena, we've decided to take the challenge and create the fabulous, inspiring and juicy.. Havana!

Our goal is to create a part of the map, decomposing it whole, with a plan to figure and deduct how things were created. We have analyzed it quite a lot, including- what production methods did they use, along with which workflows did they incorporate, and where.

After a long time going trough and inspecting the scene, it seems that every single building (along with the other various parts of the map) was created mostly out of 1 trim. This does not include tileables like walls, floors, wooden parts etc.



Upon deeper inspection, it seems that they have most likely used a "special" kind of trim.
The trim was created in a way that it always follows the same rule: 45 degree angle on the bevels, so that there are no sharp edges:



We tried minimazing the polycount as much as we could (without losing our minds too much). An example of the wireframe can be seen here:



For the wooden parts, we used a separate trim:



Apart from the trimmin', we made some tilables too!

Some of them were made without a base color. It was made in a way to help us make materials in UE4 easily and more proceduraly. That way we can only export eg. curvature maps, and expose some parameters in the shader. It helps us create different variations of the same material.



As for the parts that do not have trims or geometry bevels, we think they pretty wisely and sneaky-peaky used some custom normal edge bevels. 
These puppies are used to make an illusion with a normal map that the edge was beveled, which in reality is only a sharp/hard edge and a geometry with a simple tilable texture all across.

Here is a gif showing an example with/without the edge decal:



Also, we created some fast shaders in UE4 with vertex color painting enabled (R, G and B), along with splat-maps for more details. This way we can make stuff more interesting in the beggining. Finally, after a bunch of trimming, this is where we currently stand with the scene so far!

These are the comparissons in Overwatch, and our scene:







Some more single shots of the enteriours we just started:



Thanks for you time, and hope some of this has been helpful. :)

Arcane Owl Artists on the scene:
Aleksandra Milosevic: https://www.artstation.com/aleksandramilosevic
Stefan Stanic: https://www.artstation.com/stexara

Now... back to work work!

Replies

  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4
    Hey Guys! 

    We're back with an update. 

    As we are all aware, sadly, a lot of things were (and still are) going on, so including this and other client work we managed to get back to the scene with a bigger update. 

    Regarding the scene, a bunch of stuff was added:
    - New juicy materials including some metal trims, bricks, tiles, walls etc. Upgraded the master material so that we could paint R,G and B vertex paint to almost every material desired. 
    - Different kinds of decals including dust, dirt, edge with normals, dripping and rust leakage, posters etc.
    - Finished and made the ramaining buildings: factory, machanic shop, main theater building and more
    - Made interior of other ramaining buildings too
    - Some inside jokes, aswell

    Here are some of the current in-game screenshots



    - Examples of edge dirt/dust decals and how beneficial they are to the depth and livelyhood of the scene:



    - The way we painted materials with vert colors:



    We made some particles too!



    - Theater ornaments:



    - Doors!


    - And last but not least, some new materials:



    Be sure to follow our progress on instagram too:
    https://www.instagram.com/arcaneowlstudio/

    Thank you for your time guys!
    ...Till next update :)
  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4
    Hey Guys!

    A bigger update: 
    We finally added some foliage and with it added a splash of colors to the scene.
    Next we played around with the lighting. We realized that earlier we didn't quite capture the right mood and atmosphere of the scene so we worked on it. We iterated a bit on buildings and materials.
    It's still a long way to go, we still have a lot work to do and things to fix, so possible lighting and material updates to come. :)
    We also fixed our light maps.

    We added buildings around the scene to improve the composition. One of our favourite buildings was added - the parliament in the background.

    Additionally, we added the remaining signs in the scene (more inside jokes) and added splats/drips and other decals.

    We also created props and started adding them to the scene- lighting, pottery, instruments, cables and electric wall panels.

    Here are some of the current in-game screenshots:










    We also started additing and working on interiors of the buildings. For no particular reason, the first room which was furnished was the cigar lounge room. 

    Hear are the screenshots of the cigar lounge room: 








    We also made some beauty shots of the instruments, lighting and plants:







    More on Artstation: www.artstation.com/arcaneowlstudio

    Thank you for your time guys!
    ...Till next update :)
  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4
    Hey!

    We're back at it again, this time with a smaller update.

    We were busy with creating smaller sci-fi-ish normal decals that can, and are going to be re-usable throughout a bunch of the assets on the scene. Those include all of the cars, gas station, ticket booth and more.

    - Firstly we went trough the whole scene again and noted down which ones we need. We created them and compiled into 1 single 256x256 texture.



    - All it was left to do was create an asset to test it on, and what better candidate than the decal-rich gas station? 



    - On the image above one could see the placement of the different decals we created.

    - Here is the pump with and without the decals material in UE4



    - There was a cool effect going on on the pumps, where the texture was animated. We manage to replicate this effect by using a Panner node on the emissive inside the shader editor
    - The speed and tile parameters were exposed for us to easily tweak the effect. This could be seen in the gif bellow



    .. which brings us to our completed decal-friendly emission-animated Gas Station!



    Off to the rest!

  • Nirvis
    Offline / Send Message
    Nirvis polycounter lvl 2
    Very nice! You're nailing it!
  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4
    Thank you Nirvis!  :3
  • EpicEric
    Offline / Send Message
    EpicEric polycounter lvl 9
    Really awesome, it is coming along so great!
  • Finnn
    Offline / Send Message
    Finnn greentooth
    Nice thread, love the stylized substances.
    Can you give a brief overview of your approach to stylized materials in substance and how it might differ from realistic materials ?

  • lluc21
    Offline / Send Message
    lluc21 polycounter lvl 6
    That's looking awesome! You really nailed the original style.
  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4
    Hey, @Finnn thanks for the comment.

    We have looked over an inspected a lot of Overwatch materials, and usually we noticed always a pattern of simplicty. 
    They are so simple, yet so powerful and paint a full "picture" of a material and what it should represent, but in a sophisticated level of ellegance and thought that was put into it.
    After not much time of looking at certain asset/character or more importantly for this material, 
    after some time one could notice that it's a "overwatch material" or just a "thing from the overwatch universe/style", which they 
    did perfectly and we are so inspired by that. To have a visual and stylistical "stamp" on something these days is really hard, 
    and they managed to pull it off. 

    We tried approaching the materials with longer close up inspections and thought of how to decompose it into something that makes
    sense to recreate in steps, and what kind of thought process went to it when an artist was creating it. 
    So usually we split the material looking at it from larger details-to small. Work from a normal map firstly, and then take a
    closer look over the base color, and later on comes roughness. Those 3 aspects, and especially base and rough define the material and make the larger differences between good and amazing materials, and they do it so well.

    - These tiles for example are used on various places over the map, but in slightly different "forms", variations and changes. 
    Eg. some have small stones, others have pattern overlay variations like in the image below.

    - Building blocks were decomposed in a similar fasion, and they were both done in designer 100%



    - On the other hand, the metal scraps used a model we created in blender, baked, and afterwards textured in designer with all the baked maps to help us out and speed up the process immensly.



    Hope this helps or we managed to answer the question! 


    Hey thanks, @lluc21appreciate it!
  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4
    Hey guys! Getting closer to the finish line, and this time with a smaller update.


    - We did some beauty shots for the Cigar Lounge room, and managed to complete the ticket booth as well.

    - The ticket booth uses a 1k texture with the same details on top as the pump/gas station. (The posters are different small textures)
    - One thing to note is that the normal decals are an awesome tool and are doing wonders for ading details, without the need for assets to be with a high resolution texture



    - And the beauty shots of the Cigar Lounge Room, rendered in Marmoset.



    Marmoset Viewer scenes on Artstation:
    https://www.artstation.com/artwork/28lLng


    Next up:
    - Market
    - Vehicles 
    - Caffe interior

    Cheers :)

  • tohtori
    Offline / Send Message
    tohtori polycounter lvl 3
    This is amazing! Really loving the breakdowns. It's great to see the effort you've put into studying the original visuals. Good work with the textures!
  • Lucas Annunziata
    Offline / Send Message
    Lucas Annunziata polycounter lvl 14
    Huh, would you look at that?
  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4
    Appreciate it @tohtori !

    @Lucas Annunziata  We feel we shared a rumbotico-distilleric moment..? Heck, one could say that one walked a mile in your shoes B)

  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4
    Update time!

    - We decided to firstly finish the Theater open "room", finish caffee exterior and start with the caffe interior and fruit market afterwards.
    - Created a custom LUT (LookUpTable) for the scene to pop-up more, and to better portray the mood and atmosphere of the time of day and place we are tried to achieve
    - Also, we made some animated shaders for the closed off areas. 
    (ps: planning on doing the animated healthing "potion" for fun as well ^^)

    - For the theater room we crated couches, bins, curtains, some painting and a tileable floor texture.



    - For the tileable textures we created and used R,G and B vertex painting, with some decals on the rims/edges of the tiles so it looks more natural
    - The B&W mask determines where the dust/dirt/sand would go onto the tiles, as it could be placed and found in real life



    - The LUT comparisson is shown in the GIF below, as well as the adjustment layers used to get the result



    - We made a closed-off animated shader, so "players" would have a better sense on where to go, and what to avoid/what is off limits



    - We did some exterior assets for the Caffe afterwards, including chairs, tables, and domino set 



    - For the end, with the added LUT's and some additional lighting and material tweaks, we are left with the current state of the scene:



    Stay safe!
  • icegodofhungary
    Offline / Send Message
    icegodofhungary interpolator
    I haven't played OW in forever but it's getting to the point where I'm having a hard time noticing these shots aren't from the game. Great work. Those LUTs really make it.
  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4
    @icegodofhungary

    Lovlier compliment we could not receive, thanks :)
  • wirrexx
    Offline / Send Message
    wirrexx quad damage
    This is so gorgeous, i would litteraly sit down a week with you and pluck your brains. Great job!
  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4
    Appreciate it @wirrexx. If there's something where we could help, we would be more than glad to.  :)

  • codyaq2
    Offline / Send Message
    codyaq2 greentooth
    Fantastic breakdowns!
  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4
  • saleomkd
    Offline / Send Message
    saleomkd polycounter lvl 4
    this work is just amazing, you guys did a great breakdown and analysis. it really helps others that want to achieve a similar style, svaka cast!
  • DavidCruz
    Offline / Send Message
    DavidCruz interpolator
    Agree with saleomkd and you got the man himself to post a response.

    I really love this as well, masterfully replicated, for me however i feel maybe an original design would have gone a bit further than replicating a project.  (Again however) since you are a freshly new studio group, its a great learning piece but i feel perhaps maybe just 1 building or two key buildings (or areas) to learn the techniques might've been better time spent learning and would've been a bit quicker.  Leaving you room to create your own "map" having learned the new techniques, just letting you know this is coming from someone who does not do environment work.  Another good reason not to replicate something 100%, you could've sold pieces of the work on stores, to gain a bit of profit from the time spent. 

    Take this with the  grainiest of salts, just my probably unwanted .02's cents but maybe you all are open to alternative viewing angles, so hope it somehow helped and made sense.

    Absolutely love the work, you nailed it as others have said, i just wanted to put a spin on all the praise and show a different thought process for perhaps the next learning project for the group.  Amazing work never the less.
  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4

    Hey @DavidCruz thanks for the comment.
    The two of us started this project with the whole purpose of learning for ourselves, trying to get out of our comfort zones and at the same time post our process to polycount and that way try to give back to this amazing community.
    We believe we actually learned much more by analyzing a bigger part of the scene, not some smaller chunks as this way we managed to get the overall feel of how the entire level was built. We tried to uncover the magical formula used by wizards working in Blizzard.

    Next step we hope to do is, use all of the things we learned and make something of our own.
    Our initial plan, when we finish the whole project (hopefully soon, as it took us a bit more time than expected xD) is to post the whole scene as well, to unreal marketplace for free. It’s a Blizzard scene made in Unreal engine. So hopefully, it would help someone learn through reverse engineering and help with technical stuff with creating shaders, blueprints and lighting.

    @saleomkd Hvala puno!

  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4
    Greeting and salutations hard working people of polycount!

    We've been a bit busier with work stuff, but after some time are coming with a larger update. 

    Things we got our hands dirty on:

    - Finished off the market



    - Electronicy-Electricly-Hard-Surfacy props for the floors and rooftops



    - Some simple animations for the roof props:



    - Made a little scene near the factory, so it doesn't look too harshly cut-off:



    - Gave more love and worked on stuff around the housing areas, caffee and cafeteria. Did some furniture, appliances, cans, mugs, plates and more. Also re-did walls for those areas to make them feel more natural and believable:



    ... Umbrellas!



    - For the end, we also managed to do some jummy beauty shots, here's a few:




    - Added some stuff to Artstation:
    Market: https://www.artstation.com/artwork/68Nkar
    Furniture: https://www.artstation.com/artwork/kDQaDl
    Electronics: https://www.artstation.com/artwork/9mEkEy


    .. Race to the finish line!





  • Djanki
    Not a lot to add just wanted to say the texture work is awesome and like someone else mentioned at some point when looking at the pictures I thought you had actual Overwatch or Valorant references mixed in there. Great work!
  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4
    Hello there, loong time!  :)

    Thanks for the kind words @Djanki .

    We've been extremely busy with a new project we started working for, but have gathered some time to slowly (but surely) get the scene near the finish line..


    - We got to work on the kitchen, and finish all the props there




    - Also we added remaining street props like garbage cans, hydrant, papers and magazines, junk etc.



    - Not to worry, we did some beauty shots as well  :3



    We also have more shots on our Artstation page:
    - Kitchen: https://www.artstation.com/artwork/kDLJXA
    - Street Props: https://www.artstation.com/artwork/lxlAEO

    As always....Thank you for your time!
  • pixelpatron
    Offline / Send Message
    pixelpatron polycounter
    Amazin' work. Bravo! Looks like you're ready to start at blizzard.
  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4
    @pixelpatron We could not get a lovelier compliment :3

  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4
    *And after 6 months, the flask of invisibility fades...* Hey there again!

    We gathered some more free time and finally managed to slowly get back on the saddle... and continue working on the mapzz.  :3

    As promised, we worked on some vehicles as well (cool slick ride + awesome blossom bike).

    With this, we think of concluding and finalizing the map with all of its contents, and hopefully bring it to you, the gang that has been following this intense ride, for a deeper inspection..

    Highpoly's of the car+bike:



    Animated? No probs


    Al...most...there......
  • saleomkd
    Offline / Send Message
    saleomkd polycounter lvl 4
    thanks for the update, really cool looking at the progress all this time :)
  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4
  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4
    The moment has finally come.. IT..IS..DONZO!

    After so much hard work, research, ups, downs, lefts, diagonals and broken normals, we have managed to go through our envisioned finish line. We're calling the fan art of, the Havana Overwatch map, complete.

    We have acquire so much knowledge and experience throughout this lovely experience. We hope that our goal to share the same with you, the coolest community in Milky Way, was reached.

    Oh yea, one more thing... We uploaded the whole project to Gumrod to download for FREE (not commercial but educational purpose only, all rights go to Blizzard):

    DOWNLOADhttps://app.gumroad.com/arcaneowlstudio#ncxhq

    Artstation: https://www.artstation.com/artwork/XnZo8L

    Video preview/trailer: https://www.youtube.com/watch?v=Yh8WSXqtGHE


    Some preview images:



    Dear Polycounters and Polycountresess, thank you for sticking with us.

    Much love, Arcane Owl team.
  • Lowpology
    Offline / Send Message
    Lowpology polycounter lvl 11
    It's been an absolute blast to follow along in the creation of this project! Y'all have made some incredible looking art! And it's absolutely crazy awesome that y'all uploaded the project for free! Can't wait to download it and check it out in engine!
  • Ashervisalis
    Offline / Send Message
    Ashervisalis grand marshal polycounter
    Yeah, wicked recreation. Looks awsesome :)
  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4
    @Lowpology Thanks a bunch! We would love to hear your thoughts when you check it out ;)

    @Ashervisalis Appreciate it!
  • BellBlitzKing

    Amazing work! Can you all replicate this Project in Unity perhaps? Are there any more continual updates planned?

  • SgtHK
    Offline / Send Message
    SgtHK triangle

    I'm not an environment artist. But I'd say you did a great job replicating that area of the map entirely. If I was a project manager for a game or something I'd definitely hire you.

  • ArcaneOwl
    Offline / Send Message
    ArcaneOwl polycounter lvl 4

    @BellBlitzKing Thanks man! It would be possible to replicate it in Unity no doubt, but would require a lot of additional work mainly regarding blueprints, lighting and other aspects that are different from UE4 :) We planned to have only a part of the map completed though ☺️

    Thanks for the kind words @SgtHK 😍. PS: Annie is awesome! Like she is a real life actor playing the character from the Marvel universe or something, in a studio set with the super-hero clothes and wings

  • wirrexx
Sign In or Register to comment.