Six free gradient maps for Photoshop.

Six free gradient maps for Photoshop.

Transform your photos with these colorful custom effects by Supply Family.

Sample application of gradient map effect by Supply Family.

Grab the assets and transform your photos with these simple step-by-step instructions.

  1. Install the gradients.

    To get started, you’ll need to first download Supply Family’s CC Library of custom gradient maps. Next, head to Photoshop to import them by going to Window > Gradients. In the Gradients panel, click on the menu icon > Import Gradients. Locate “Discover – gradient maps by Supply Fami-ly.grd,” then double-click the file to install the gradients.

    Preview of Supply Family gradient map effect tutorial, showing an image of a hand reaching out.

  2. Prep your workspace.

    Open the file “Discover-gradient-map-effect-by-Supply-Family.psd” in Photoshop. This will be the main workspace for your design.

    Preview of Supply Family gradient map effect tutorial, showing an image of a hand reaching out.

  3. Add your artwork.

    To apply the effect, click into the Layers folder labeled, “Add your design in this folder.” Then, add a Layer inside the folder, and import a photo or image of your choosing. Note: the Layer con-taining your image will need to be placed on top of the the default example image shown. (Need a brush-up on Photoshop Layers? Don’t sweat it: We’ve got you covered.) Ta-da! Your photo should transform instantly.

    Preview of Supply Family gradient map effect tutorial, showing an image of a woman with her hair blowing in the wind.

  4. Bonus: Switch up your gradients.

    Play around with additional Gradient Map presets to further personalize your creation. In the Layers panel, click into the Layer labeled Gradient Map. Then, in the Properties panel, click on the gradient to load the Gradient Editor. Open up the folder labeled “Discover – gradient maps by Supply Family” and choose one of the six custom presets.

    Screenshot of the sample glitch photo, with expanded Layers panel.

  5. All set! Enjoy your colorful creation.

    Save and export your artwork, or keep playing around with the presets to find a setting that works best for you.

    Screenshot of the sample glitch photo, now colored with a purple and pink gradient.

Adobe, Inc.

Get help faster and easier

New user?