How to Create Normal Maps in Photoshop (2026 Guide & 3D Filter Alternatives)

If you opened Adobe Photoshop recently (versions 2024, 2025, or Photoshop 2026) and looked for Filter > 3D > Generate Normal Map..., you likely noticed that the entire 3D menu is grayed out or missing entirely.

Adobe has officially discontinued and stripped all 3D features and OpenGL rendering filters from modern Photoshop releases.

In this guide, we cover the exact reasons behind this change, the fastest modern alternative to generate 4K Normal Maps in 3 seconds, legacy instructions if you are running an older Photoshop version, and a manual workaround within modern Photoshop.

---

Quick Comparison: Normal Map Creation Methods (2026)

Feature / Metric	Modern Photoshop (2024–2026)	NormalMap.ai (Online)	Legacy Photoshop (Pre-22.5)
Native 3D Filter	❌ Discontinued	✅ Real-time WebGL	✅ Available (Legacy only)
Full PBR Suite (Roughness, AO, Height)	❌ Manual work only	✅ Auto-generated	❌ Normal & Bump only
DirectX / OpenGL Flip	❌ Manual Invert Green	✅ One-click Toggle	⚠️ Invert Height only
Performance	High CPU overhead	Instant Local GPU	Slow CPU raster
Price	Paid Adobe Subscription	100% Free	Paid Legacy License

---

Method 1: The Modern & Recommended Alternative (NormalMap.ai)

Because Adobe discontinued its 3D engine, game developers, 3D artists, and modders now generate normal maps using browser-based GPU tools.

You don’t need to downgrade your Photoshop version or install heavy external suites like Substance Designer just to generate a normal map.

1. Open NormalMap.ai in any modern web browser (Chrome, Edge, Firefox, Safari).
2. Drag & drop your diffuse, albedo, or photo texture into the source canvas.
3. Your Normal Map is computed immediately on your local GPU with WebGL2 (your image is never uploaded to any remote server, preserving privacy).
4. Use the tuning sliders on the right:
   • Strength / Intensity: Dial up surface relief from subtle cloth weaves to deep cobblestones.
   • Level & Filter: Adjust fine vs. coarse high-frequency details.
   • DirectX vs. OpenGL: Toggle the Green channel flip (-Y for Unreal Engine, +Y for Blender and Unity).
5. Inspect the real-time 3D viewport (Sphere, Cube, Cylinder, or Plane) with dynamic interactive lighting.
6. Click Export to download your 2K/4K Normal Map as lossless PNG, along with auto-calculated Roughness, Displacement, and AO maps.

---

Method 2: For Legacy Photoshop Users (CS6 through CC 2021)

If you are running Photoshop version 22.2 or older (or have enabled Preferences > Technology Previews > Deactivate Native Canvas on supported versions), you can still access the built-in filter:

Step 1: Prepare Your Layer

1. Open your texture in Photoshop.
2. In the Layers panel, double-click the background layer to unlock it (Layer 0).
3. Convert your image to RGB Color 8-Bit mode (Image > Mode > RGB Color and 8 Bits/Channel). The 3D filter will not operate on 16-bit or Grayscale images.

Step 2: Open the Normal Map Filter

1. Navigate to the top navigation bar: Filter > 3D > Generate Normal Map…
2. An interactive dialog with a 3D preview will pop up.

Step 3: Configure Settings

• Blur: Smooths out microscopic camera noise. Keep between 0.5 and 1.5.
• Detail Scale: Controls contrast and depth calculation.
• Invert Height: Check this box if depressions appear as peaks.

Step 4: Export

Click OK, then save your layer via File > Save a Copy... as PNG or Targa (TGA). Never save normal maps as lossy JPEG, as DCT compression blocks create noticeable geometric seams and artifacts under 3D lighting.

---

Method 3: Manual Normal Map Approximation in Modern Photoshop (No 3D Required)

If you have no internet access and must construct a surface bump in modern Photoshop without the 3D filter, you can assemble a Sobel-like gradient using channel calculations:

1. Convert to Grayscale Height: Duplicate your image and desaturate (Ctrl + Shift + U / Cmd + Shift + U).
2. Generate X-Axis Slopes (Red Channel):
   • Apply Filter > Stylize > Emboss (Angle: 0°, Height: 2px, Amount: 150%).
   • Copy this result into the Red channel of a new document.
3. Generate Y-Axis Slopes (Green Channel):
   • Repeat the Emboss filter on the height map with an Angle of 90°.
   • Copy this result into the Green channel.
4. Generate Normal Z-Axis (Blue Channel):
   • Fill the Blue channel with pure white or light periwinkle (value: 255).
5. Set Base Neutral Vector:
   • In Normal Maps, a flat, facing-camera surface corresponds to RGB (128, 128, 255) / hex #8080FF. Adjust levels so flat areas rest at mid-tone 128 gray.

Note: While manual channel construction works in a pinch, it lacks accurate spherical normalization vector math. For production-ready assets in Unreal Engine, Unity, or Blender, using a dedicated tool like NormalMap.ai will produce significantly cleaner shading without flattened gradients.

---

Key Takeaways for 3D Texturing in 2026

• Don’t downgrade: Downgrading to Photoshop 2021 creates compatibility issues with newer .psd files and modern OS security updates.
• DirectX vs. OpenGL: Remember that Unreal Engine uses DirectX normal maps (Inverted Green channel), while Blender, Unity, and Godot use OpenGL.
• Need full PBR? A normal map alone is only half the equation. Modern materials require Roughness Maps (surface micro-sheen) and Displacement/Height Maps for true silhouette tessellation.

You can generate your complete PBR texture pack right now with our Free Online Normal Map Generator.