Photoshop

Hologram indicator : tutorial 2 edit normal map normal map with adobe Photoshop and Quixel NDO

Thursday November 8th, 2018

Due to the 3D features in Photoshop being discontinued, the “Generate Normal Map” feature described in this article will no longer be available. Please refer to the following article for more details.
 
 
Hi! SensitiveCube here!
In this tutorial, I’ll show you how to make Hologram indicator. You will learn : UV editing and baking normal map with Cinema4d, Edit normal map with Photoshop and Quixel, Create shader with Unity Amplify shader Editor, Node base scripting with Unity Playmaker.
 
hologram indicator by sensitiveCube

an image of edit normal map normal map with adobe Photoshop and Quixel NDO

 

Edit normal map with Photoshop 3D filther

In this section, I’ll show you how to add some details to normal map with adobe photoshop and Quixel.
Hologram indicator : tutorial 2 edit normal map normal map with adobe Photoshop and Quixel NDO

an image of edit normal map normal map with adobe Photoshop and Quixel NDO

Open the normal map in Photoshop. Add new layer and paint white. Change the layer mode to Darken. Select blush tool with black colour. Drew some circle and go to Filter > 3D > Generate Normal Map.
Hologram indicator : tutorial 2 edit normal map normal map with adobe Photoshop and Quixel NDO

an image of edit normal map normal map with adobe Photoshop and Quixel NDO

Hologram indicator : tutorial 2 edit normal map normal map with adobe Photoshop and Quixel NDO

an image of edit normal map normal map with adobe Photoshop and Quixel NDO

If a warning message appear, turn on ‘Use Graphics Processor’ in Preferences>Performance.
Hologram indicator : tutorial 2 edit normal map normal map with adobe Photoshop and Quixel NDO

an image of edit normal map normal map with adobe Photoshop and Quixel NDO


Hologram indicator : tutorial 2 edit normal map normal map with adobe Photoshop and Quixel NDO

an image of edit normal map normal map with adobe Photoshop and Quixel NDO


Set Parameter like below and hit OK.
Hologram indicator : tutorial 2 edit normal map normal map with adobe Photoshop and Quixel NDO

an image of edit normal map normal map with adobe Photoshop and Quixel NDO


Change Layer mode to normal. Add mask to the circle area. Now, the indicator get details like screw heads.
Hologram indicator : tutorial 2 edit normal map normal map with adobe Photoshop and Quixel NDO

an image of edit normal map normal map with adobe Photoshop and Quixel NDO

 

add details to nomal map with Quixel NDO

This photoshop filter is nice and easy but lack of functions for advanced texturemaking. The Quixel give us the solution. Quixel NDO is the photoshop plugin for creating normal map. Restart photoshop and open the normal map from cinema4d. Lounch Quixel SUITE and hit ‘N’ button.
Hologram indicator : tutorial 2 edit normal map normal map with adobe Photoshop and Quixel NDO

an image of edit normal map normal map with adobe Photoshop and Quixel NDO


Select Background layer (= the normal map) and click ‘Normal to NDO’.
Hologram indicator : tutorial 2 edit normal map normal map with adobe Photoshop and Quixel NDO

an image of edit normal map normal map with adobe Photoshop and Quixel NDO

So, preparation is ready. Hit the Add new sculpt layer.

an image of edit normal map normal map with adobe Photoshop and Quixel NDO

Hologram indicator : tutorial 2 edit normal map normal map with adobe Photoshop and Quixel NDO

an image of edit normal map normal map with adobe Photoshop and Quixel NDO


Hologram indicator : tutorial 2 edit normal map normal map with adobe Photoshop and Quixel NDO

an image of edit normal map normal map with adobe Photoshop and Quixel NDO


Select blush tool and draw something. this time, The line you drew changes directly. Also easy to adjust the normal map with NDO’s parameters. If finish tweaking, hit ‘Toggle zip mode’. I add more details with other layers.
Hologram indicator : tutorial 2 edit normal map normal map with adobe Photoshop and Quixel NDO

an image of edit normal map normal map with adobe Photoshop and Quixel NDO

The result in Unity is below. You can create nomal maps without 3D tools. No modeling, sclupting. Just 2d painting!

an image of edit normal map normal map with adobe Photoshop and Quixel NDO

 
Next section, I’ll show you create hologram shader with Amplify shader editor and visual scripting with playmaker.