AUGMENTED REALITY TUTORIALSTRANPARENCY & SHADOW IN UNITY

MAX + PhotoShop + Unity

ISIDRO NAVARROAR & VR Architect

2

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

MAX + PHOTOSHOP + UNITY2013

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.

3

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

MAX + PHOTOSHOP + UNITY2013

MAPPING• MAX– Insert an Skylight and No Exposure Control

4

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

MAX + PHOTOSHOP + UNITY2013

• MAX– Unwrap geometries

5

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

MAX + PHOTOSHOP + UNITY2013

• MAX– Render to Texture each mesh• CompleteMap for objects and LightMap for the plane.• Create new Materials using Diffuse Map only for both.

6

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

MAX + PHOTOSHOP + UNITY2013

EDITING TEXTURES• PHOTOSHOP– Addition of Alpha Channel to the shadow map• Create a layer with the background

7

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

MAX + PHOTOSHOP + UNITY2013

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

8

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

MAX + PHOTOSHOP + UNITY2013

APPLYING TEXTURES• MAX– Save as PNG image in 512x512 format– Add as Difusse Map to the plane

9

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

MAX + PHOTOSHOP + UNITY2013

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

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

MAX + PHOTOSHOP + UNITY2013

• UNITY– Activate ‘Alpha Is Transparency’ parameter in the

Texture Map and use ‘Truecolor’ Format

10

11

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

MAX + PHOTOSHOP + UNITY2013

• UNITY– Select the shader ‘Transparent/Bumped Difusse’– Use the color correction for darker shadows

selecting the Plane object from the Assets folders

12

AUGMENTED REALITY TUTORIALSBy ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

MAX + PHOTOSHOP + UNITY20132013

Isidro NavarroLinkedInYoutube

SlideshareGoogle+Twitter

FacebookScholarMeetup