Augmented Reality Tutorial to create Shadows using Transparency with Unity. The model from 3DMAX is exported to UNITY in FBX format and textures are edited using PHOTOSHOP. Unity includes VUFORIA AR-package to asing Markers. The App 'MODELOS 3D ETSAB AR' is avaiable

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