Augmented Rality Tutorial - Transparency & Shadows in Unity

Page 1

AUGMENTED REALITY TUTORIALS TRANPARENCY & SHADOW IN UNITY MAX + PhotoShop + Unity

ISIDRO NAVARRO AR & VR Architect


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


AUGMENTED REALITY TUTORIALS By ISIDRO NAVARRO

TRANSPARENCY & SHADOW IN UNITY

MAPPING • MAX – Insert an Skylight and No Exposure Control

2013

MAX + PHOTOSHOP + UNITY

3


AUGMENTED REALITY TUTORIALS

TRANSPARENCY & SHADOW IN UNITY

By ISIDRO NAVARRO

• MAX – Unwrap geometries

2013

MAX + PHOTOSHOP + UNITY

4


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


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


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


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


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


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


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


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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.