Skip to main content

How to add textures to a basic game environment

games environment

Part one of this series guided you through the process of creating a professional portfolio piece – a realistic environment – in a short space of time, with very basic assets, using the brand new Unreal Engine 4.

The next step is to create the textures for your assets, one of my favourite tasks in creating game art. In this part, we will cover unwrapping your assets' UVs to use the most UV space possible. This can be tricky to do, but it's important to get this part of the process correct in order to get the most pixel density for your textures possible.

UVs are also important in games engines because you can use a second UV channel for light baking, which Unreal uses when building the lighting – the more UV space used the higher resolution the shadows will be, which will in turn improve the end result of your work.

games environment main 2

Textures for games engines are always made to the 'power of two' due to fundamental rules in the hardware of games consoles, so making sure your textures are sized at 1024x1024 pixels (for example) is very important.

I use two pieces of software for creating my textures, Photoshop and CrazyBump. I use Photoshop to manipulate photographs to create diffuse and specular textures. I tend to create most 
of my own textures but there are 
a lot of free photo galleries on the web that you can use to make your own images.

I use CrazyBump to create normal maps because it’s a powerful piece of software and is very good at converting normal maps from photo-sourced textures; via its user-friendly interface you can create a wide range of normal maps for hard or soft edges, making it ideal for environment artwork. This tutorial will cover unwrapping an asset for texturing and lighting and also the process of creating the diffuse, specular and normal maps used in the game engine.

Here are all the assets you need:

01. UV unwrapping

game step 1

To unwrap an asset like this garage door modular piece, use the Flatten Mapping tool in the Edit UVs window. This automatically planar-maps the polys at certain angles to get you the flattest mapping possible.

Use Edge Stitch to weld the edges together and move the UV clusters to the correct place. Once the main chunks of the asset are welded together, move them into a suitable place and scale them to get the best pixel density for the textures.

02. Finalising UV unwrapping

game step 2

To finish the UV stage, you must unwrap a second UV channel – this is essential as Unreal bakes to this channel and we don’t want any overlapping UVs.

Luckily the first set of UVs are quite clean and no overlapping occurs, so we can just simply copy the UV channel 1 to UV channel 2. Add a second UVW Unwrap modifier and switch to Map Channel 2. You will be prompted to Move or Abandon the UVs; choose Move, as this will copy UV 1 to UV 2.

Pack UV clusters

The Pack tool is a time-saving tool that packs your UV clusters tightly into the UV space ensuring no overlapping occurs. It’s useful for UV mapping the light baking channel

03. Creating the Diffuse map

game step 3

Render out the UVs from Max using the Render UV tool in the Unwrap modifier. I rendered to a 1,024x1,024 texture and imported this into Photoshop. Search for suitable free textures online and import them into Photoshop.

Here I used a brick wall photo. Using Clone, mask areas of the photo to create a seamless section of brick wall. Next, move the wall section to the 1,024x1,024 texture page and clone it until it fills the brick wall UV area.

Next page: more on how to add to your basic game environment with textures

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of six full-time members of staff: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.