Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
SlideShare a Scribd company logo

Augmented Reality Tutorial - Transparency & Shadow in Unity

•Download as PPTX, PDF•
•
Isidro Navarro
Isidro Navarro

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 of 12
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

More Related Content

Augmented Reality Tutorial - Transparency & Shadow in Unity

  • 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