How to Create Gradients in Adobe InDesign

What You’ll Be Creating
In the following tutorial, I’m going to show you how to create gradients in InDesign. I’ll then show you how to save and load gradients for future projects in your InDesign templates and projects.
Follow along with us over on ou…


This content originally appeared on Envato Tuts+ Tutorials and was authored by Jonathan Lam

Final product imageFinal product imageFinal product image
What You'll Be Creating

In the following tutorial, I'm going to show you how to create gradients in InDesign. I'll then show you how to save and load gradients for future projects in your InDesign templates and projects.

Follow along with us over on our Envato Tuts+ YouTube channel:

1. How to Make a Gradient in InDesign

Step 1

To create a gradient in InDesign, you must first have access to both the Gradient panel (Window > Color > Gradient) and the Gradient Tool (G) (usually located in the left toolbar). 

The Gradient panel is used to define the type of gradient and the colors, and the Gradient Tool is used to apply the gradient to your objects.

Use the Gradient Tool and Panel in InDesignUse the Gradient Tool and Panel in InDesignUse the Gradient Tool and Panel in InDesign

Step 2

The Gradient panel will select a white and black gradient by default. To apply this gradient to an object, select the Gradient Tool and click on an object (for this tutorial we will use a square shape as an example).

Apply the gradient to an objectApply the gradient to an objectApply the gradient to an object

Step 3

To define the gradient colors in the Gradient panel, you must first open up the Swatches panelAccess the Swatches panel by going to Window > Color > Swatches.

Once you have the Swatches panel open, you need to select a color swatch that you want to use (e.g. the blue color), and then click and drag it from the Swatches panel and drop it on the color stop in the Gradient panel.

Define a color for the gradientDefine a color for the gradientDefine a color for the gradient

Step 4

Define the ending color by repeating the same steps and dragging a color swatch on the end color stop.

Define an ending color for the gradientDefine an ending color for the gradientDefine an ending color for the gradient

Step 5

Once the colors have been defined, you can choose to adjust the location of the starting point and/or the end point. This will change the look and smoothness of the gradient. To do this, click and drag the color stop left or right until you are happy with the result.

Adjust the location of the color stopsAdjust the location of the color stopsAdjust the location of the color stops

Step 6

To edit the look of the gradient further, you can adjust the location of the midpoint (represented by the diamond icon). This is where the gradient displays an even mix of both the starting and ending colors. To do this, simply drag the diamond left or right.

Adjust the midpoint of the gradientAdjust the midpoint of the gradientAdjust the midpoint of the gradient

Step 7

You can also add extra colors to your gradient. To do this, you need to drag a color from the Swatches panel into the Gradient panel.

Add extra colors to the gradientAdd extra colors to the gradientAdd extra colors to the gradient

Step 8

To delete color stops, simply click and drag the stop down until it disappears.

Remove color stops from gradientRemove color stops from gradientRemove color stops from gradient

Step 9

You can also adjust the angle of the gradient. This is done by entering a value in the Angle box.

Adjust the angle of gradientAdjust the angle of gradientAdjust the angle of gradient

2. How to Save a Gradient in InDesign

Step 1

To save a new gradient that you have created, you must add it to the Swatches. Select the object with the gradient that you want to save applied to it. Open up the Swatches panel and click on the New Swatch button.

Create new gradient swatchCreate new gradient swatchCreate new gradient swatch

Step 2

This will save your gradient as a swatch called 'New Gradient Swatch' by default. You can double-click on it to change the name.

Change the name of gradient swatchChange the name of gradient swatchChange the name of gradient swatch

3. How to Load a Gradient in InDesign

Step 1

To load the gradient in InDesign, you need to access the Swatches panel by going to Window > Color > Swatches.

Open Swatchs PanelOpen Swatchs PanelOpen Swatchs Panel

Step 2

If you saved your gradient previously, the gradient will appear in the Swatches panel. Simply select it and use the Gradient Tool to apply it.

Apply gradient to objectApply gradient to objectApply gradient to object

Awesome! You're Finished!

Congratulations! You have successfully completed this tutorial. I hope you found this tutorial helpful and that you've learned many new tips and tricks that you can use for your future illustrations and designs. See you next time!

Creating Gradients Creating Gradients Creating Gradients

Learn More Gradient Skills!

Now that you have learnt the basics of creating, saving and loading gradients, check out the tutorials below! Expand your expertise by going through these in-depth guides. Happy designing!


This content originally appeared on Envato Tuts+ Tutorials and was authored by Jonathan Lam


Print Share Comment Cite Upload Translate Updates
APA

Jonathan Lam | Sciencx (2019-10-15T11:53:32+00:00) How to Create Gradients in Adobe InDesign. Retrieved from https://www.scien.cx/2019/10/15/how-to-create-gradients-in-adobe-indesign/

MLA
" » How to Create Gradients in Adobe InDesign." Jonathan Lam | Sciencx - Tuesday October 15, 2019, https://www.scien.cx/2019/10/15/how-to-create-gradients-in-adobe-indesign/
HARVARD
Jonathan Lam | Sciencx Tuesday October 15, 2019 » How to Create Gradients in Adobe InDesign., viewed ,<https://www.scien.cx/2019/10/15/how-to-create-gradients-in-adobe-indesign/>
VANCOUVER
Jonathan Lam | Sciencx - » How to Create Gradients in Adobe InDesign. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2019/10/15/how-to-create-gradients-in-adobe-indesign/
CHICAGO
" » How to Create Gradients in Adobe InDesign." Jonathan Lam | Sciencx - Accessed . https://www.scien.cx/2019/10/15/how-to-create-gradients-in-adobe-indesign/
IEEE
" » How to Create Gradients in Adobe InDesign." Jonathan Lam | Sciencx [Online]. Available: https://www.scien.cx/2019/10/15/how-to-create-gradients-in-adobe-indesign/. [Accessed: ]
rf:citation
» How to Create Gradients in Adobe InDesign | Jonathan Lam | Sciencx | https://www.scien.cx/2019/10/15/how-to-create-gradients-in-adobe-indesign/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.