ISSUE:
A challenge that arises when attempting to rotate a normal map in Photoshop is that the software does not consider the direction of the map’s vectors from the RGB channels. As a result, rotating a normal map by 180 degrees in any image processing program will result in an inversion of the normal strength – elements that should protrude will appear recessed and vice versa.
SOLUTION:
After exploring various options, I developed a tool of my own. By utilizing three.js, I am able to apply the original normal map to a plane, rotate the plane, render the plane using a Normal material texture, and the final output takes into account the rotation of the normal map.
Try it for yourself
Open Normal Map Rotation ToolTodo
- Flip Horizontal and Vertical
- Normal Map Strength
- …let me know!
Hi Miro,
thanks for the tool but I’m unable to save the edited map, I’m using Firefox.
Hi Beppe, thanks for pointing this out. You should now be able to save it using Firefox. I’ve added a “Download Map” in the upper right menu just in case.
great tool! U should sell this 😉
Nice!