Skip to main content

How do I create a gradient in Adobe InDesign

Lesson 54 from: Adobe InDesign Fundamentals

Daniel Walter Scott

How do I create a gradient in Adobe InDesign

Lesson 54 from: Adobe InDesign Fundamentals

Daniel Walter Scott

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

Lesson Info

54. How do I create a gradient in Adobe InDesign

Lessons

Class Trailer

Overview

1

InDesign Tutorial Basics Class Introduction

01:50
2

Exercise files & Projects

02:39
3

What Does Adobe InDesign do?

01:34
4

What are the differences between InDesign and PageMaker, Illustrator, Photoshop, Quark?

05:10

PROJECT 1: One page flyer

5

How to change MM to Inches & changing UK to US dictionary in InDesign?

01:39
6

New document in InDesign - what is bleed & slug?

08:08
7

How to create your own RGB & CMYK colors in Adobe InDesign

08:39
8

How do I steal colors from a logo using InDesign?

03:14
9

How to color the background of a page in InDesign?

03:33
10

Importing resizing rotating & flipping images & Logos inside InDesign

07:53
11

How to Import text from Microsoft Word into Adobe InDesign

05:46
12

How to group, ungroup & rotate images in Adobe InDesign

05:12
13

How to make a dotted line, dashed line & borders in InDesign

05:20
14

How best to preview your work in Adobe InDesign

05:16
15

How to make a simple PDF from InDesign

06:43
16

How to save your InDesign file as a JPEG

02:27
17

Why should I use CC Libraries in InDesign?

05:08
18

How to share your InDesign files with others by using package document

04:26
19

Class Exercise 1

03:24
20

Quiz - One Page Flyer

PROJECT 2: Other people's files

21

Ideas, Inspiration & starter templates

04:59
22

Working with other people's InDesign documents, missing images

03:12
23

How to find missing fonts in InDesign?

04:27
24

How to replace images in InDesign?

01:30
25

Opacity, transparency and see through ness in Adobe InDesign

02:29
26

Why is InDesign adding [Converted] and making me 'save as'

01:06
27

What if I can’t find the InDesign file - can I open the PDF?

02:37
28

Quiz - Other people's files

PROJECT 3: Company Newsletter/Brochure

29

Creating a new company newsletter or brochure, what are spreads in InDesign

06:58
30

How to use a Master Page in Adobe InDesign

05:33
31

How do to add automatic page numbering to a InDesign file

04:11
32

Removing a master page & deleting parts off the master page in InDesign

02:30
33

Production Video 1

02:53
34

What is Effective PPI & Image resolution in the InDesign links panel

06:52
35

How to add drop shadows to an image or logo in InDesign

04:20
36

What is TypeKit used for in Adobe InDesign?

08:37
37

How to add the Copyright, Registered & Trademark symbols in InDesign

05:08
38

Where can I find the different versions of letters in InDesign - Ligatures.

03:35
39

How to add placeholder text & lorem ipsum & get a word count in InDesign

03:04
40

Importing Text from Microsoft Word & keeping or removing the formatting

02:58
41

Creating Columns in a text box using Adobe InDesign

01:46
42

How do I justify text & turn off hyphenation in InDesign?

03:59
43

What is the space after & leading in Adobe InDesign?

05:22
44

How to underline text with a full width line in Adobe InDesign?

01:53
45

How do I make a paragraph style in Adobe InDesign?

06:06
46

How do I update a Paragraph Style in Adobe InDesign?

04:28
47

How to use Find & Change to remove double spaces after a period or full stop.

02:37
48

Stealing colours from images, is there a format painter in Adobe InDesign?

03:09
49

InDesign Class Exercise 2 - Magazine Spread

04:22
50

Quiz - Company Newsletter/Brochure

PROJECT 4: Long Business Document

51

How to bring in lots of text into InDesign at once

08:11
52

How do I import paragraph styles from another document

12:45
53

How do I insert completely blank pages in Adobe InDesign

02:03
54

How do I create a gradient in Adobe InDesign

07:20
55

Do I need to use layers in Adobe InDesign

05:27
56

Opacity advanced, mater marks and Transparency Effects in Adobe InDesign

04:24
57

How do I add rounded corners to an image or box in Adobe InDesign?

02:52
58

How to add a large first letter to my text aka Drop Cap

02:16
59

How do I increase the space between letters in Adobe InDesign aka Tracking or Kerning

02:32
60

How do I get text to move around an image or shape using text wrap

03:57
61

Why can’t I put text over anything that has text wrap applied?

03:25
62

How to draw an arrow or triangle or star in Adobe InDesign

06:40
63

How do I put an image inside other shapes like a circle - cropping

02:47
64

What is Adobe Stock

04:17
65

Where can I find free images & icons that I can use for my business

04:23
66

How do I add bullets and numbered lists in Adobe InDesign?

00:51
67

How can I create a table inside Adobe InDesign?

07:10
68

How do I convert tables from Microsoft Word or Microsoft Excel into Adobe InDesign

04:26
69

How do I get images to move with the text in Adobe InDesign using anchored objects?

03:22
70

How do I create a Line Break, Column Breaks & Page Breaks in Adobe InDesign?

04:16
71

How do I make an automatic table of contents in Adobe InDesign?

04:46
72

How do you change the tabs in Adobe InDesign?

04:30
73

Can I change the numbering of my pages so 1 starts later in the InDesign file?

03:26
74

Quiz - Long Business Document

PROJECT 5: Conference Name Badge

75

How do I combine Microsoft Excel spreadsheet in InDesign?

09:04
76

CLASS EXERCISE: Create your own business card

01:16
77

Quiz - Conference Name Badge

What next

78

How to create a mockup for your portfolio using InDesign

04:07
79

InDesign cheat sheet & shortcuts

12:45
80

BONUS: Software Updates

40:41
81

What to do after this InDesign tutorial class?

01:07
82

Quiz - What Next

Final Quiz

83

Final Quiz

Lesson Info

How do I create a gradient in Adobe InDesign

Hi there. This video will look at creating a gradient, like this one here in the background. So let's go and make it in our document. So I'm on my page one. Okay, some pages panel, double click page one. I'm going to zoom out a little bit. I'm going to turn the W key off. Okay. We'll click it so I can see all of my working. Why? Because I need this to go over into my bleed. Okay? So I'm gonna grab my rectangle tool and don't worry about what color or fill it has at the moment. Just drag a box that covers everything including our bleed and we will amend the Phil. Just make sure your stroke is set to none. Okay. Even then if it had a stroke, it will be cut off and in the bins are no big drama there. So what we want to do is we're going to go to the reason we don't worry about filling it with the color case. If I fill it with the color, it's just going to be replaced by our gradient in a second. Okay, to open up gradients, go to window, go down to color and go to gradient with your black ...

arrow. Okay, the selection tool here, make sure this box is selected. You might have to grab the outside of it. Okay, The edge of it if it has no Phil and we're going to slick type and going to go to linear. Now we're going to talk about linear all the way through this tutorial, but you can switch it to radio and everything applies the same. Okay, so linear by default, you're given black and white. So we're going to do it once with freehand colors and then we'll do it without corporate colors. So this little white house down the end here, this little box. If I click on it, Okay, I'm going to switch my colors so you need to be able to see window color panel. Okay, and in here you can just pick colors from this. If there are no colors in here, you can click on this little fly out menu and because we're going to be working in RGB for most of our document, we're switching it to that then you should be able to pick a color. Okay, so pick a color, do the same for the other end. Okay, so pick the black and this one steve hold it just for our black slider, which is not cool. Go to RGB pick another color and that my friends is horrific. Okay, so green to pink gradients is banned. I think they're illegal in most countries, definitely here in Ireland Okay, so to change the direction of this, there's a whole tool for, it's called the gradient swatch tool, click on this And all you do is click, hold and drag, drag, drag, drag. Okay, and you can play around with the angle, you can manually type it in, see the angles here. If I wanted to be 90°. Okay, I can have it straight up and down. zero is going to do left to right okay, so you can kind of watch this so I can make a really small line as well. It makes it kind of like just a little band, we're getting eighties right here, look at that, I feel like a jane fonda exercise video. Not that I ever watched one, but that's what I feel like would happen, these colors would combine in a gradient Anyway, so if you want to use corporate colors, okay I want mine to go straight up and down so I'm going to do 90° or I can click and drag across this. Okay I need to get it going straight up and down and what I'm gonna do is a little bit weird, I need to see this gradient panel. Okay but I also need to see my swatches panel so what I need to do is find my swatches. Okay I do I have them all applied here, I don't, some of them are over here and the problem with CC libraries at the moment is you can't drag from the CC libraries panel into the gradient panel. Okay, so what I'm going to do is select all of these. Okay actually I might undo to keep my ingredient back click off in the background so that nothing selected, I'm going to make sure all of these are added so I'm gonna right click them and say add to swatches so now they're all part of this down the bottom here and this is the stuff that I want. So grab my black arrow, click on this guy and with this house here at the first one, I'm gonna pick my mid green, click, drag, drag, drag it and you've got to be really careful watch this, I've got to kind of can see it goes black there, it means I'm replacing that one if you don't okay if you get it kind of close but not quite watch this end up with kind of like clothes and it's there and you end up with like this old one, little mix there, okay, if you do end up with this and there's two of them, you can just click hold and drag the one you don't want off, just kind of drag it down to no man's land, So get this green to start with, and I'm gonna grow my dark green to replace this one. Okay, and that is my beautiful gradient, is it the right way around? Yeah, that's how I've got it in my example and that my friends is how to make gradients. Now if you're following along with this tutorial series, we're going to add a few extra little parts, we'll add this image down the side here and this logo and this text. So the first thing we're going to bring in is this text. So let's go to the type tool, actually we're not going to bring it in. I'm actually just going to type it out. So whenever I'm working with the big colored background like this, you can see my type tool wants to turn this box into a tight box. So what I'm gonna do remember type tool on this side. Type it out. I'm lazy. I'm going to copy and paste it from here. You're going to have to type out green at heart and your report and style it. Okay. It's up to you how you style it. That's how I've done mine. The big thing with my type is that I've used the same font. Okay. But I've used a bold version in this one here is the light version of Roboto slab and I've made this font little smaller just so that they both line up either the side. Hmm. Doesn't look good. It's okay. The next thing I'm going to do is bring in my image. So I'm going to have nothing selected. Go to file place and then he is going to be called green logo for, okay, now this keeps appearing, we're not going to do anything for these changes. I'm gonna get canceled. I'm going to turn that off. It's a bit of a pain whenever you turn on the show import options. So file place this down here was awesome when we're bringing through text. But now it's a pain for images. There's nothing we want to change, click and drag it out. How big is it's gonna be, it's gonna kind of sit down here like this document here. So maybe a bit big command shift, drag it down a bit smaller, awesome. Let's bring in my image is file place I've got nothing selected. Okay. And I'm gonna bring in my image. Where is he? It's this one not him called tabletop, that's it. And I'm going to click and drag it so it's a massive Okay, you might have to actually zoom out a little bit. It's hard to work with full, full size images when you're very close. I'm gonna make mine very very big and I'm going to line mine up something like this. Okay. I'm gonna make sure it lines up there, make sure it lines up the bottom already and I'm going to drag this side across and how far was it going to be across? Yeah, that far. I'm sure it should be like a third but I'm just going to wing it. It w yeah, it looks all right now. One of the big things that's happened is that underneath there is my image because he was placed in the newest, he's at the top ist Okay. So what we need to do is play without a range. So I want to push him backwards. Okay. So I'm going to right click him and go to a range and we're going to go instead. I don't want to send it back to the back because it'll go behind the gradient box them back would so it goes behind the last thing, okay, Which was our image. So I'm gonna put them roughly in the middle and that is arranging. What we're going to do in the next video is we're going to look at doing layers. Why? Because arranging is fine, but sometimes it's just a pain to have a background image on every layer. You just want to kind of like put it in its own layer and lock it so we'll look at layers in the next video.

Class Materials

Bonus Materials with Purchase

Completed Files
Exercise Files