🌈 One Tool, Infinite Gradients
Solid colors are boring. Gradient Tool creates smooth transitions. Backgrounds, overlays, masks — essential for modern design.
📝 Gradient Types
Linear Gradient: Straight line transition Radial Gradient: Circular from center Angle Gradient: Sweep around center Reflected Gradient: Mirror effect Diamond Gradient: Diamond shape Shortcut: G (Gradient Tool) Shift + G cycles through gradient types
🎯 Create Custom Gradients
1. Select Gradient Tool (G) 2. Click gradient preview in options bar 3. Gradient Editor opens 4. Click below gradient bar to add color stops 5. Double-click color stops to change colors 6. Adjust opacity stops above gradient bar 7. Save as preset (.grd) Use cases: - Sunset skies (yellow to orange to red) - Dark mode overlays (black to transparent) - Metallic effects (gray to white to gray) - Glass morphism (white to transparent)
💡 Pro Tips
- Hold Shift for straight gradients (0°, 45°, 90°)
- Use on layer masks for smooth transitions
- Gradient overlay layer style (non-destructive)
- Save favorite gradients for brand colors
“Solid backgrounds look amateur. Added gradient to hero section. Looks professional instantly. Gradient Tool is underrated.”
