Composition is basically a tool to give the viewer a path to the subject of your image and the construction of that can be used in many different ways. Usually we hear about rule of thirds and fibonacci spiral as tools for this but there are so many other ways to do this. For leading the eyes you can use different paths, some examples are S-Shape, Diagonals, Grouping, Radiating Lines and so on. The more tools you have, the more you can play and combine them to achieve an even more feeling of “wow-ness” in your images.
It usually starts with creating a focal point, what the viewer is supposed to see or pay attention to. You don't have to just have one and sometimes you want to have the viewer stay longer in the image. To create a focal point you usually play with contrast, make it stand out from what ́s next to it. This can be achieved in different ways, such as having a different shape, value, alignment, lightning and so on. Study how others do this and you will start to see there are many ways to create a focal point.
3D games has not been around for that long so I think when going and studying this subject we should look at mediums that have been around for longer and perfected this method. Cinematography in movies has an extremely deep understanding of that skill and I think learning from them can make your environment stand out even more. We also have painters that have been around for much longer and created a long list of tools to use. In the future 3D games are going to evolve even more because this medium has a camera that is usually handled by the viewer with makes it even harder to make this work.
Already having a strong composition from the wonderful concept made by Emilie V.F. I wanted to push my understanding of colour and what I could do with it. So colour became my main feature of composition and playing with warm and cool colours, I added some contrast in these shapes of warm and cool colours with the counterparts to have some balance in the image and give the eye to notice while wondering over the image.
To balance the colors you can use different colour combinations and the most common one is complementary colors, if you look at the color wheel use the color on the other side from what you picked. So for example blue and orange goes well together but be careful, some tropes are played out more than otherS. To add an additional layer on top we can look in to what feeling colour can evoke and let them set the mood of the image. Colours have both positive and negative communications in them, study these and applying them in your composition can really make your image tell a deeper story. But remember this can be very dependent on what culture you are living in because colours evokes different meanings depending on where in the world you are.
Hanging Gardens: Creating a Semi-stylized Environment
Hi! I am Maria Martinez, a graphic designer and 3D environment artist from Sevilla, Spain.
My professional background has always been related to art. Due to the absence of a game dev-related degree in my city, I studied a graphic design degree in Sevilla. I started my professional career working for around 2 years as a graphic designer, in which I learned a great amount of basic composition/color/light theory knowledge that would really help me get a better critical view of my own art.
I have been passionate about video games since I was very young; I enjoyed playing video games such as The Legend of Zelda, Spyro, Ratchet & Clank, Diablo III, and also WoW, Ragnarok Online, and many other MMORPGs. Ive known since then that I wanted to someday create those beautiful worlds by myself. As soon as I got the opportunity of studying a game dev degree abroad, I decided to go for it; this is what Ive been doing for the last 3 years in Belgium.
My daily inspirations for work come from my close artistic friends, from my very talented classmates, and from the great artistic peeps of the Experience Points Discord server. Also, the beautiful work of some game dev artists such as Jasmin Habezai-Fekri is among my latest inspirations, and every lovely and colorful environment, whether 3D or 2D, that I see on Artstation.
The Hanging Gardens environment project started as a final semester school assignment, in which I wanted to go a step further and challenge myself to improve my environment art skills, using for the first time a more stylized approach. This project is based on the beautiful concept art by Hyunsu Cha on Artstation, called Hanging Gardens. I saw his artwork at the beginning of this year, and I absolutely fell in love with the colorful, painterly, and vibrant mood of the project. At that point, I thought how wonderful it would be to see such beautiful colors, vegetation, and great details in a 3D real-time environment such as Unreal Engine. What I really loved most about this artwork is the fact that the aspect ratio was vertical, and the extreme perspective, which gives lots of information about the gigantic size of every building and of the scene in general. The vertical aspect ratio of this artwork is something that can be unusual for a 3D environment, but at the same time quite original, so I really wanted to give it a try and match it as well as I could with my 3D environment.
For this project, I decided that the best approach would be creating modular pieces that I would then assemble inside the engine itself. Due to the huge number of details that this environment has, such as columns, different types of arches and windows, I started by creating a quick sketch-planning to have an overview of which and how many modular assets I needed to create. It didn’t need to be very detailed, just clear enough for me to understand how the architecture of the buildings works on the concept art.
After this, I started modeling and unwrapping the low-poly version of each of the modular assets in 3ds Max. I then exported each one of them to ZBrush, in which I created the high-poly version of them and added some extra small details such as cracks, wood patterns, and/or decorative borders. I then used this decimated high-poly version to be baked in Substance 3D Painter on top of the low-poly version Id already created. At this point I already knew I wanted to use Painter, using my high-poly model, to automatically generate every texture map and then use each one of them to help me get a nice result during the texturing process. I then imported each one of these assets inside Unreal Engine and I started replacing my UE4 early blockout by the final assets.
In the sketch planning above I also included how many tileable materials I would need in my environment, in this case it would be 4: the pink walls, the red rooftops, the green rooftops for the dome building in the back, and the red and white tiles. These 4 textures were entirely created in Substance 3D Designer because it was by far the easiest way of creating patterns for my walls and rooftops in a procedural way.
Semi-stylized in Substance
To tackle the semi-stylized direction, I first gathered a great number of references of the style approach I wanted to get into. This was an important step for me to have a clear idea of how to tackle the texturing process and not deviate into something too realistic or too stylized.
I decided I wanted to try and get as close as I could to the stylized PBR approach using the PBR method inside Painter. To me, this style could be summarized as a physically correct type of stylized texturing, meaning that the materials themselves are not realistic, but they still act kind of believably under different lighting types. It is basically a mix of hand-painted texturing but at the same time keeping some material fidelity such as metal looking like sort of metal, even if it’s cartoon-like, basically behaving in a more realistic way under light.
So, its essentially a mix of hand-painted texturing keeping more physically accurate materials applied to my assets, plus the fact of modeling my props towards the stylized but without making them too wonky; this is the reason I call this project “semi-stylized.”
Some parameters that I tried to keep overall the same to get this PBR-stylized feeling were the roughness values, which were around in case of the columns/arches, which in real life would be the marble material, and around for every rock-type asset, like the pots and the stairs/floors. Also, including some small roughness grunge-noise details in some areas can really improve the aspect of the asset by just letting the reflection of the light do its “magic”.
Moreover, for this kind of style its great to give a vibrant and colorful palette to the textures of every asset, while at the same time keeping an overall range/palette of colors that looks consistent enough to not distract the view from the focal point too much.
Texturing inside Painter
I worked using two ways of texturing, my go-to normal texturing process for PBR-stylized texturing, which is the one I used for every asset, and the hand-painting process, which I used in some cases. Sometimes, I combined both ways, like with the wooden window assets which I will explain later in this article.
MY GO-TO TEXTURING PROCESS
I started by creating a base layer with a uniform main color. I wanted to add some color variation to this asset, so I added a second layer with a gradient of a darker gray color by using the 3D Linear Gradient generator.
I then added 1 layer of ambient occlusion, which is great to give more cleanliness and readability to the model itself, by just adding some extra “fake” shadows everywhere.
This AO is basically created using a Fill sub-layer with the ambient occlusion generated on the baking process explained before. I then inverted it, added a Levels sub-layer so I could control the amount of AO in my asset, and added a Blur sub-layer to remove a bit of the noisiness created by the Fill layer.
In order to have even more color variation on the AO, I added a second AO layer with a different hue, following the same process explained before but tweaking the Levels layer so it’s less noticeable than the main AO.
I also wanted to add a feeling of being worn out by the sun to the rocky texture, so I included another layer with a white, grunge material, keeping a low opacity to make it more subtle.
Done with the big details, it was time to add the medium-small details. In this case, I added a layer of small darker spots by just creating a grunge texture, and another layer for a more irregular bigger grunge dark dirtiness overall over the asset. I also added another layer for white dirtiness, but to a lesser degree than in 2 other layers. I limited it to just some specific areas.
By using the curvature map generated on the texture bake Id done before, I also added another layer, which would create a white worn-out stylized feel on all the edges of the asset.
Finally, I also added another layer with some detail roughness which would give a rocky, slightly wet feeling to the texture overall.
This was basically the overall texturing I used for every asset. However, to this standard way of texturing, there were a few exceptions, like the texture for every wood asset, in which apart from applying all these steps, I also added some traditional hand-painted texturing.
EXTRA HAND-PAINTED PROCESS
The 3 first steps on this window wood piece are like the ones I made for the other assets. Firstly, adding a base color, secondly, adding a layer color with a darker value than the one before, to be used as a gradient for the bottom of the window, and adding 2 different layers of ambient occlusion with slightly different hue values following the same procedure as mentioned before.
From this point of the texturing process onwards, I basically used a combination of layers with slightly darker and lighter tone values which I hand-painted myself onto the texture itself, plus some curvature generators which give extra readability to the asset.
After this, I used the Curvature generator with the Cavities Mode activated to get some more tiny shadows and definition on the small wrinkles of the window.
I also used the same process on another layer with a Curvature generator, this time using the default Edges Mode instead of the Cavities mode I used before; this gave some interest to the lighter areas of the wood.
On this next layer, I added some extra hand-painted lighter wood wrinkles:
I also added some extra hand-painted dark wrinkles to some areas in which I felt it needed some more ambient occlusion.
Last, I also added some peeling or chipping paint generated with a noise pattern layer which gives the feeling that the green paint and the wood itself is old.
By using these 2 types of texturing processes I was able to come up with the following set of game-ready modular assets:
I would like to do a breakdown of the procedural wall material I created which I then used inside Unreal Engine. It was quite a simple material; I worked mainly with nodes that would give me a good main texture set ready for UE4. I then used these textures inside Unreal Engine to create a custom material with it, which I then mixed with some noise textures in order to create a set of different tileable wall materials.
First, I started my texture by using the Grunge Map , I added some pink color to it, and then I mixed it with the Grunge Map in order to get a noisier texture. I then distorted it a bit using a Directional Warp plus a Perlin Noise.
Then, I took the main Grunge Map and I created a “mask” from it by using a Levels node. I distorted it by using again a Directional Warp using the same noise as before. I used this mask to connect it to the Opacity input of the blend node to get some yellow noise patterns on top of the pink texture.
The same process is repeated but this time using a different texture, in this case, the Grunge Map , to get a little more noise pink darker patterns on top of the main pink one.
I then took the input of the Grunge Map and I connected it to a Levels node to get another black and white mask, and I used it to be connected on the input of another Blend node in order to get some white splatter paint in certain areas. This final node is then connected to the base color output.
For the roughness map, I took the mask generated by one of the nodes I used to create the white dirt paint before, and I blended it with the result of the directional warp of the pink main wall color, converting it to grayscale. I then blended this result with the Grunge Map , and I included a Levels node to control the amount of roughness I want for my wall.
For the normal, ambient occlusion and height outputs I took one of the nodes I created for the roughness output, and I connected it to each final node.
Green Rooftop Material
I would also like to do a breakdown of the green rooftop material I made for the building dome in the background of my environment. This was basically made by height blending 2 different types of roof tiles, a flat one and a curved one.
To get the height map, I first made the curved roof tile by just combining two different shapes with a blend node in Subtract mode. I then added a Bevel node to it, so I give an edge-bevelling effect for a smoother transition. I then blended it again with a Gradient Linear node which will affect the height of the overall tile. The darker part, on the top, will be pushed more inwards than the bottom part, which will be pushed outwards.
I used a similar process for the other type of roof tile, the flat one. I used a tile sampler to get 4 discs, which, combined in a Blend node with the same square I used for the first tile, and in Subtract mode gave me an irregular-shaped rectangle. As before, I also added a gradient node to get the same height difference at the top and bottom of the tile.
I then added each type of roof tile with its respective Tile Sampler to get a pattern of each roof tile. To enable flat roof tiles in between the column of regular roof tiles, I created a tile sampler with a few vertical-rectangular shapes that would work as a “mask” that I would input on the “Mask Map Input” on the curved roof tile Tile Sampler. I added some Levels nodes to match the height from the curved roof tiles and the flat roof tiles, and I used a Height Blend node to combine these two together.
To add some more irregularities and variations to each roof tile I connected it to a Directional Warp with two Perlin Noises with different scale parameters.
Lastly, due to the fact this texture would be seen from quite far in my environment, I did a very basic roughness texture by combining a few grunge textures plus a Histogram Range in a Blend node, and I used this same output to create a basic Basic Color out of it, to be connected to the final texture outputs.
This project was a challenging journey for me due to the fact I had never tried to create an environment following a more stylized approach and it was also the first time Id done hand-painting inside Painter.
I learned how important it is to make a good planning sketch of what needs to be done in terms of modularity, especially if it is a large scene like this one. The larger the environment, the more time should be spent on planning it, with quick sketches, before any actual modeling whatsoever. 2D sketching can be great in order to have a clear idea of how to tackle the environment modular assets.
Something that is also important is creating a good blockout inside Unreal Engine and iterate on it as much as I want before I start adding the final detailed assets. This is because when these large amounts of final assets are added, it gets more and more complex and time-consuming to make big changes to the scene.
I also learned how important it is to prioritize asset detailing whenever modeling; this way I could finish an environment like this in an optimal amount of time. More specifically, I mean that the more visible the asset is in the scene, or the closer the asset is to the camera, the more time I should spend working on it, and vice-versa.
Finally, I would like to thank the Substance 3D team for giving me the opportunity of sharing my personal, student view on how to tackle this environment artwork, and I really hope this breakdown can be useful to anyone interested in this subject.
Creating Stylized Game Environments with SpeedTree
Low Polys, High Style
“Can you make stylized trees?” is one of the top questions we get from new SpeedTree users, so we’re answering with a resounding “yes!” and this show-and-tell post full of our favorite examples.
Scroll down to see an eclectic set of AAA, indie, and hobbyist examples for games, from a fluffy broccoli canopy to a cell-shaded boreal forest. If you’re looking for VFX examples, click here to see more!
Whether you work on Fortnite or youre a brand-new student, you still have to practice. The artists below used personal projects below to learn new tools, experiment with fresh ideas, and collaborate with fellow artists.
Tutorials & Breakdowns
Are you ready to create your own stylized environment? Check out the tutorials below and tune in to SpeedTree Live for interactive work sessions and professional tips.
In this series, Martin Teichmann, Environment Modeler at Naughty Dog, takes you through his complete production workflow to build a stylized game ready environment; a process that requires not only technical and artistic knowledge, but also insight into the mechanics of game play in order to deliver the best experience for the player. In this final volume of a three-part series, Martin guides you through the process of assembling the scene in Unreal Engine 4. He starts by setting up the Unreal project and dresses the scene by placing all the main elements that were created in Volume Two. From there, he covers the first lighting pass by importing an HDR image to be used as a material for the Sky Sphere in Unreal. Martin then places the mid-elements and castle details, followed by the first bake. Additional assets are added, and the rock and stone materials are set up and painted to the 3D mesh using vertex painting. Scene lighting now gets updated along with a final material polish pass while taking care of the gameplay adjustments and optimizations needed for a smooth game experience. For those looking to develop their environment art workflow, this title concludes the series with techniques derived from Martin’s in-depth industry experience, providing the student with the necessary knowledge to create a game ready environment with Unreal.
Format: HD x
Environment concept art stylized
Stylized Environment Concept Art | Tim Kaminski
Stylied environment concept art | tim kaminski
There are many ways to approach the creation of concept art, whether it be by hand-painting everything, using photobashing, painting over 3D renders or even a combination of techniques, no two artists work exactly the same. In this tutorial Tim Kaminski will demonstrate how to create an atmospheric stylized jungle scene with a focus on composition and colour using Adobe Photoshop. In this tutorial you will learn workflows and methods that you can use when creating your own pieces of concept art such as: thumbnail sketch creation, digital painting, working with foreground, midground and background, adding colour to your work, working with light and polishing your sketches into a finished piece.
Whether you’re a seasoned artist, student, hobbyist or someone just starting out, grab this tutorial and learn an essential workflow that will allow you to work faster and more efficiently. Fuel your Creative Mind today.
Tim Kaminski is an Art Director and Environment Concept Artist with over 8 years of experience working in the games and animation industries working with a wide range of clients such as; Wonderstorm, Dreamworks, Ready at Dawn, Axis Animation and Velan Studios, and this is just a handful of clients that Tim has worked with! Tim’s high level of polish combined with his unique, bold and colourful style has made his work some of the most recognisable and admired in the business.
1 Hour 10 Minutes
Personal, Indie, and Studio Licenses are available. Personal licenses do not apply to companies or organisations. Sharing, streaming, and redistribution to third-party is strictly prohibited. Digital products are non-refundable.
You will also be interested:
- Craftsman allen wrench holder
- Honda motorcycles henderson nv
- Ebay used bikes
- Worries in spanish
- Ao3 steven
- Girls table lamp
- Peterbilt electrical problems
- Kwik goal replacement parts
- Rad bike water bottle holder
- Carl wheezer action figure
- 2020 monaco signature
- Cotton paper michaels
- Medicare compliance officer at ehealth