1.
AUGMENTED REALITY TUTORIALS
TRANPARENCY & SHADOW IN UNITY
MAX + PhotoShop + Unity
ISIDRO NAVARRO
AR & VR Architect

2.
AUGMENTED REALITY TUTORIALS
By ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
INTRODUCTION
• Application using Augmented Reality
‘MODELOS 3D ETSAB AR’
– Transparency using UNITY
– MAX -> Render to Texture (lightmap)
– Photoshop -> Alpha Channel
– Unity -> Shader with transparency from Alpha.
2013
MAX + PHOTOSHOP + UNITY
2

3.
AUGMENTED REALITY TUTORIALS
By ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
MAPPING
• MAX
– Insert an Skylight and No Exposure Control
2013
MAX + PHOTOSHOP + UNITY
3

4.
AUGMENTED REALITY TUTORIALS
TRANSPARENCY & SHADOW IN UNITY
By ISIDRO NAVARRO
• MAX
– Unwrap geometries
2013
MAX + PHOTOSHOP + UNITY
4

5.
AUGMENTED REALITY TUTORIALS
By ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
• MAX
– Render to Texture each mesh
• CompleteMap for objects and LightMap for the plane.
• Create new Materials using Diffuse Map only for both.
2013
MAX + PHOTOSHOP + UNITY
5

6.
AUGMENTED REALITY TUTORIALS
By ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
EDITING TEXTURES
• PHOTOSHOP
– Addition of Alpha Channel to the shadow map
• Create a layer with the background
2013
MAX + PHOTOSHOP + UNITY
6

7.
AUGMENTED REALITY TUTORIALS
By ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
EDITING TEXTURES
• PHOTOSHOP
– Addition of Alpha Channel to the shadow map
• Select by color and create an Alpha channel with the
selection
• Reducing bright to layer gets darker shadows
2013
MAX + PHOTOSHOP + UNITY
7

8.
AUGMENTED REALITY TUTORIALS
By ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
APPLYING TEXTURES
• MAX
– Save as PNG image in 512x512 format
– Add as Difusse Map to the plane
2013
MAX + PHOTOSHOP + UNITY
8

9.
AUGMENTED REALITY TUTORIALS
By ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
3D MODEL IN UNITY
• UNITY
– Save the texture maps and the MAX file into the
assets folder of the Unity Project
– Assing the model to the Image Target
2013
MAX + PHOTOSHOP + UNITY
9

10.
AUGMENTED REALITY TUTORIALS
By ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
• UNITY
– Activate ‘Alpha Is Transparency’ parameter in the
Texture Map and use ‘Truecolor’ Format
2013
MAX + PHOTOSHOP + UNITY
10

11.
AUGMENTED REALITY TUTORIALS
By ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
• UNITY
– Select the shader ‘Transparent/Bumped Difusse’
– Use the color correction for darker shadows
selecting the Plane object from the Assets folders
2013
MAX + PHOTOSHOP + UNITY
11

12.
AUGMENTED REALITY TUTORIALS
By ISIDRO NAVARRO
TRANSPARENCY & SHADOW IN UNITY
Isidro Navarro
LinkedIn
Youtube
Slideshare
Google+
Twitter
Facebook
Scholar
Meetup
2013
2013
MAX + PHOTOSHOP + UNITY
12