1
00:00:06,800 --> 00:00:12,740
Hi, there in this video, you got to learn to create a business letterhead and InDesign, so let's

2
00:00:12,740 --> 00:00:13,430
get started.

3
00:00:14,650 --> 00:00:21,970
Mostly letter heads of either letter size or A4 size, letter size is more popular in the US, whereas

4
00:00:21,970 --> 00:00:24,160
A4 is more a European size.

5
00:00:24,550 --> 00:00:27,130
So let's select a full size for this tutorial.

6
00:00:28,420 --> 00:00:34,390
I'm going to change the units to MM and pages two two because we'll be designing the front as well as

7
00:00:34,390 --> 00:00:35,530
the back of the letterhead.

8
00:00:35,920 --> 00:00:40,120
In most cases, you won't find a letterhead to have a back page designed.

9
00:00:40,510 --> 00:00:43,300
But these days, this concept is picking up fast.

10
00:00:43,840 --> 00:00:49,480
We won't need of a pages to face each other, so let's uncheck the facing pages option.

11
00:00:50,050 --> 00:00:54,130
Let's add four columns to have a document with a gutter of four mm.

12
00:00:54,550 --> 00:01:00,340
Inserting columns might help you with placing text all elements, which is why I'm inserting the columns.

13
00:01:00,580 --> 00:01:04,239
Otherwise, personally, I don't add columns while designing a letterhead.

14
00:01:04,959 --> 00:01:08,530
Let's also add a three mm bleed and it create.

15
00:01:10,360 --> 00:01:15,820
Let's close the layers panel here, and first of all, we need to establish the center of the page,

16
00:01:15,820 --> 00:01:20,830
so let's make a rectangle and then drag a guide to the center of the rectangle.

17
00:01:21,340 --> 00:01:22,750
Now delete the rectangle.

18
00:01:23,650 --> 00:01:27,490
Also, close the info panel as we won't need it in this tutorial.

19
00:01:28,210 --> 00:01:33,340
Now, grab a rectangle and make a rectangle covering the top of the page about this size.

20
00:01:34,150 --> 00:01:37,180
Please ensure to include the bleed space in the rectangle.

21
00:01:37,870 --> 00:01:42,970
Now, grab the direct selection tool and select the bottom right anchor point of the rectangle.

22
00:01:43,660 --> 00:01:47,740
Hold shift and then click and drag the anchor point as illustrated.

23
00:01:48,340 --> 00:01:51,870
Please ensure that you don't click first and then hold shift.

24
00:01:51,880 --> 00:01:53,380
It should be the other way around.

25
00:01:54,280 --> 00:01:58,180
Similarly, let us select the bottom left anchor points and drag it up a notch.

26
00:01:59,110 --> 00:02:05,680
Now let's come down and make a rectangle at the bottom of the letterhead, as illustrated in to include

27
00:02:05,680 --> 00:02:06,910
the bleed space.

28
00:02:07,600 --> 00:02:13,660
I think we need to reduce the weight of this rectangle a notch with the rectangle selected hold option

29
00:02:13,660 --> 00:02:19,110
on a Mac or old on APC and drag it up now to fill it with none.

30
00:02:19,180 --> 00:02:23,590
Click the forward slash button once and the black fill should be gone.

31
00:02:24,640 --> 00:02:29,530
Click the middle anchor points on the right and drag it to the center point of the page.

32
00:02:31,360 --> 00:02:36,850
Now, grab the direct selection tool and select the top right anchor points of this rectangle.

33
00:02:38,120 --> 00:02:42,440
Holding shift, drag this anchor point inward as illustrated.

34
00:02:43,780 --> 00:02:46,930
Let's add a stroke to this shave from the panel above.

35
00:02:48,580 --> 00:02:55,390
Next, go to edit and then copy and then edit once again and select the Paste in place option, which

36
00:02:55,390 --> 00:02:58,690
will paste another copy of the shape right at the same location.

37
00:02:59,830 --> 00:03:05,470
Now click the flip horizontal button, which sits at the top toolbar and your copied shape shall become

38
00:03:05,470 --> 00:03:08,890
a mirror image of the existing shape holding shift.

39
00:03:09,010 --> 00:03:14,920
Drag this mirror image to the right so as to touch the right side of this shape to the bleed, not click

40
00:03:14,920 --> 00:03:16,900
flip vertical option on top.

41
00:03:17,710 --> 00:03:21,490
Holding shift move it up slightly, about five mm.

42
00:03:22,300 --> 00:03:27,430
Next, grab the rectangle tool and make a slim rectangle at the original position of the shape you just

43
00:03:27,430 --> 00:03:28,180
moved up.

44
00:03:28,600 --> 00:03:30,850
And let's fill it with black for now.

45
00:03:31,860 --> 00:03:32,640
Let me zoom in.

46
00:03:33,750 --> 00:03:39,510
With the selection to drag the rectangle to the left a notch because we need to align it with the slope

47
00:03:39,510 --> 00:03:45,270
of the shape above, have the direct selection tool selected and then select the bottom left anchor

48
00:03:45,270 --> 00:03:48,980
point of this black rectangle and holding shift.

49
00:03:48,990 --> 00:03:52,770
Drag it to the right to align it to the slope of the shape above.

50
00:03:54,050 --> 00:03:54,740
Perfect.

51
00:03:55,160 --> 00:04:01,190
Now go to edit and then copy and then edit once again and paste it in place.

52
00:04:02,150 --> 00:04:08,840
You can even use the shortcut command, see on a Mac or Control C on a PC to copy it and option shift

53
00:04:08,840 --> 00:04:13,990
command V on a Mac or alter shift control V on a PC to paste it in place.

54
00:04:15,000 --> 00:04:20,640
Click the flip horizontal button once to make it a mirror image and then click Flip Vertical Button

55
00:04:20,640 --> 00:04:22,110
once to flip it vertically.

56
00:04:22,650 --> 00:04:27,990
Now place this shape above the shape on the left and align it much like you aligned its counterpart

57
00:04:28,920 --> 00:04:29,860
holding shift.

58
00:04:29,880 --> 00:04:35,160
Select the shape and the big shape on the right, and then click once again the right shape to base

59
00:04:35,160 --> 00:04:41,610
the alignment on and from the alignment options on top, click the Align Top Edges button, and now

60
00:04:41,610 --> 00:04:44,250
these two shapes must be in perfect alignment.

61
00:04:44,880 --> 00:04:50,010
Similarly, select the bottom two shapes and then click the bigger shape on the left do base the alignment

62
00:04:50,010 --> 00:04:53,100
on and from the alignment options on top.

63
00:04:53,400 --> 00:04:55,350
Click the aligned bottom edges button.

64
00:04:56,350 --> 00:05:02,410
Now, all these shapes are in perfect alignment, so let's move to the top and fill the shape with black.

65
00:05:04,320 --> 00:05:09,270
To check the preview hit the W key, and it's looking good so far.

66
00:05:10,350 --> 00:05:17,550
Let's get back to the normal mode and then go to file and then place and locate the images from the

67
00:05:17,550 --> 00:05:20,820
computer of place to images here.

68
00:05:21,090 --> 00:05:25,770
One is the client's logo and the other one is the color reference sent by the client.

69
00:05:26,400 --> 00:05:31,380
I'm going to select the top shape and using the eyedropper tool, pick a color from the color reference

70
00:05:31,380 --> 00:05:31,830
image.

71
00:05:32,730 --> 00:05:37,950
I think it's a nice color, but we need something much lighter than this, so I'm going to stick to

72
00:05:37,950 --> 00:05:42,270
the same color, but change the opacity to about 25 percent.

73
00:05:44,020 --> 00:05:49,510
Now, let's resize our logo here and place it on top left of the page within the set margins.

74
00:05:50,350 --> 00:05:54,430
That's a W to check the preview and I guess it looks perfect.

75
00:05:55,210 --> 00:05:58,350
Let's work on the bottom design of the letterhead, actually.

76
00:05:58,360 --> 00:06:00,580
Let's drag this color reference image down.

77
00:06:01,650 --> 00:06:06,720
Let's select the bottom rectangle and using the eyedropper tool, I'm going to steal the color from

78
00:06:06,720 --> 00:06:07,800
the logo instead.

79
00:06:08,520 --> 00:06:10,530
I'm going to pick the color of the letter G.

80
00:06:13,560 --> 00:06:20,130
Holding shift, let's select the two big hollow shapes above and then using the eyedropper tool steel

81
00:06:20,130 --> 00:06:22,380
the color from the letter C of the logo.

82
00:06:23,280 --> 00:06:28,050
Now let's change the color of the two black shapes to the color of the big rectangle at the bottom.

83
00:06:29,170 --> 00:06:33,640
I think it's not looking good because there are too many dark colors here, so let's change the color

84
00:06:33,640 --> 00:06:40,630
of these two ships to the same base color we used with the shape on top with the shapes selected using

85
00:06:40,630 --> 00:06:45,790
the eyedropper tool, click once on the base color of the shape on top and jobs done.

86
00:06:46,450 --> 00:06:47,980
Now this looks a lot balanced.

87
00:06:49,120 --> 00:06:54,190
Let's grab the text tool and make a text box and type in the mobile number and email.

88
00:06:58,010 --> 00:07:05,180
I'll change the font to Roboto, bold and size to 10 points, and since we'll be placing it on top of

89
00:07:05,180 --> 00:07:09,470
the bottom, rectangle will have to also change the font color to white.

90
00:07:11,010 --> 00:07:16,350
Let's also send to align it now, place the text in the center of the rectangle.

91
00:07:16,950 --> 00:07:22,240
Another thing to note here is that so far the text has been only horizontally aligned.

92
00:07:22,260 --> 00:07:24,480
We need to align it vertically as well.

93
00:07:24,930 --> 00:07:30,630
But since that rectangle is extended all the way to the bleed zone, we'll have to make sure to excluded

94
00:07:30,630 --> 00:07:32,340
while centre aligning the text.

95
00:07:32,790 --> 00:07:38,580
The best way to do that is to grab the rectangle tool and make a small rectangle stretching from the

96
00:07:38,580 --> 00:07:42,720
top of the bottom rectangle until the mark from where the bleed zone begins.

97
00:07:43,870 --> 00:07:50,260
Now, with the text selected, go to type menu and select create outlines to change your type to shape.

98
00:07:51,280 --> 00:07:57,010
Select the text and the small rectangle and then click the rectangle once again to base the alignment

99
00:07:57,010 --> 00:08:00,190
on and from the alignment options on top.

100
00:08:00,220 --> 00:08:05,740
Select Align vertical centers, not delete the small rectangle as its job is done.

101
00:08:06,610 --> 00:08:11,800
Now, when you hit the W key to check the preview, you'll find your text at the bottom is perfectly

102
00:08:11,800 --> 00:08:13,330
aligned to the rectangle.

103
00:08:14,140 --> 00:08:18,610
Let's grab the text tool and make a big text box to cover the content of the letterhead.

104
00:08:19,450 --> 00:08:21,880
Right click the text box and fill it with some place.

105
00:08:21,880 --> 00:08:28,510
Hold a text, shed the extra text and divide the text into paragraphs, like in an official letter.

106
00:08:30,460 --> 00:08:36,490
Select the text and change the font to Roboto, a regular and font size to 10 points.

107
00:08:37,240 --> 00:08:39,940
Also increase the leading to 15 points.

108
00:08:40,980 --> 00:08:46,620
Let's make the name bowled in the air and then drag the text box down as it's too close to the colored

109
00:08:46,620 --> 00:08:47,460
shape above.

110
00:08:48,920 --> 00:08:54,470
Make another textbox on top right corner and type in the address and other details, and then write

111
00:08:54,470 --> 00:08:55,040
a line it.

112
00:08:56,160 --> 00:09:03,600
Select the text and change the fonts to robots regular and font size to 10 points, a letterhead or

113
00:09:03,600 --> 00:09:09,300
even a business card should not have more than two fonts, so try to restrict the font usage to just

114
00:09:09,300 --> 00:09:12,870
two unless you really have a valid reason to use more.

115
00:09:13,470 --> 00:09:16,080
Let's add a space between the address and the website.

116
00:09:16,590 --> 00:09:22,680
We have enough room here to add other details as well, like the Instagram address or Facebook or any

117
00:09:22,680 --> 00:09:24,810
other social media address, etc..

118
00:09:25,860 --> 00:09:27,540
Let's see W for a preview.

119
00:09:28,380 --> 00:09:31,860
I think we need to move the content to the left just a tad.

120
00:09:33,720 --> 00:09:35,010
Let's see how it looks now.

121
00:09:36,280 --> 00:09:36,970
Perfect.

122
00:09:37,720 --> 00:09:42,790
Another thing to note is that the left side of the content of the letter should always have more space

123
00:09:42,790 --> 00:09:48,670
than the ride, because if a letter has to be filed, it needs to be a punch hold and that takes up

124
00:09:48,670 --> 00:09:49,720
space on the left.

125
00:09:50,200 --> 00:09:54,760
By the way, I've inserted the content just for an idea how the letterhead would look when the content

126
00:09:54,760 --> 00:10:00,100
is filled, because otherwise, when you have to print blank letter heads, you'd obviously not include

127
00:10:00,100 --> 00:10:00,940
the letter on it.

128
00:10:01,630 --> 00:10:07,540
The front of the letterhead is ready, but we need to still fine tune it so big the direct selection

129
00:10:07,540 --> 00:10:13,750
tool and select the bottom left and component of the shape and drag it down a bit because the space

130
00:10:13,750 --> 00:10:16,000
on top and bottom should be same.

131
00:10:17,150 --> 00:10:22,700
Let's hit the W key and pick the rectangle tool and make a rectangle on top as illustrated.

132
00:10:24,700 --> 00:10:26,830
Now plays this rectangle on the bottom.

133
00:10:28,080 --> 00:10:29,760
Let's come out of the preview mode.

134
00:10:30,420 --> 00:10:35,910
Pick the direct selection tool once again and drag the bottom left corner further down to the point

135
00:10:35,910 --> 00:10:36,390
it covers.

136
00:10:36,390 --> 00:10:41,940
The rectangle I think will have to drag the bottom right anchor point down a tad as well.

137
00:10:42,810 --> 00:10:44,160
Let's check the preview now.

138
00:10:45,390 --> 00:10:48,030
The location of the logo is perfect now.

139
00:10:48,480 --> 00:10:54,270
Let's also push the address to the top until the margin so it will have the same margins from top and

140
00:10:54,270 --> 00:10:54,780
right.

141
00:10:55,960 --> 00:10:56,460
All right.

142
00:10:56,500 --> 00:10:57,550
The front is done.

143
00:10:57,850 --> 00:11:01,180
Let's head to the second page of the document for the back of the letterhead.

144
00:11:02,080 --> 00:11:07,630
Now grab the rectangle tool and make a big rectangle covering the entire page, including the blade.

145
00:11:08,380 --> 00:11:11,980
We need to fill it with a gradient matching the color theme of the logo.

146
00:11:12,370 --> 00:11:20,020
So with the rectangle still selected, click the swatches panel and then the burger menu and then select

147
00:11:20,140 --> 00:11:21,970
new gradient swatch option.

148
00:11:22,810 --> 00:11:25,600
We'll be adding a linear gradient to our rectangle.

149
00:11:26,140 --> 00:11:27,640
So click the right color.

150
00:11:27,640 --> 00:11:32,470
Stop the moment it's selected, the color stop option will be populated.

151
00:11:33,010 --> 00:11:36,190
Change the stop color option to see and y k.

152
00:11:37,150 --> 00:11:42,700
Let's change the value of science to 68 and magenta to sixty four.

153
00:11:43,650 --> 00:11:45,720
Yellow and black should stay at zero.

154
00:11:46,440 --> 00:11:51,510
Now let us click the color stop on the extreme left and values here are perfectly assigned.

155
00:11:52,170 --> 00:11:53,850
Sign is at ninety one.

156
00:11:53,970 --> 00:11:59,310
Magenta is a fall yellow 36 and black 31.

157
00:12:00,410 --> 00:12:06,290
Let's add a color stop by clicking just below the gradient bar and update its location to 90.

158
00:12:07,450 --> 00:12:13,000
Now, update the value of Scion to 41 and magenta to 62.

159
00:12:13,810 --> 00:12:15,580
Yellow and black should get zero.

160
00:12:16,980 --> 00:12:21,870
Time to add another stop and change its location to 65 percent.

161
00:12:23,120 --> 00:12:28,570
Now, update, the value of sign to 31 and Magenta to 44.

162
00:12:29,620 --> 00:12:32,320
Yellow and black should still be sitting at zero.

163
00:12:33,530 --> 00:12:37,430
Add one last stop and update its location to 26 percent.

164
00:12:39,320 --> 00:12:44,600
Now, change the values to 17:09 for Scion 18:9 form magenta.

165
00:12:45,740 --> 00:12:49,340
Thirty three for yellow and 24 for black.

166
00:12:50,670 --> 00:12:55,380
And then click the add button to add the gradients to our rectangle, and then it's done.

167
00:12:56,580 --> 00:13:01,350
Now pick the gradient swatch tool and click and drag it onto the rectangle diagonally.

168
00:13:01,620 --> 00:13:06,030
So what we need is to have the shine approximately in the center of the page.

169
00:13:08,610 --> 00:13:12,960
Let's say W for a preview, I think this looks perfect.

170
00:13:13,500 --> 00:13:20,040
Now let's go to file and then place and locate the watermark image that we're going to place here.

171
00:13:21,190 --> 00:13:27,280
Let's pick the rectangle tool and make a rectangle horizontally and then place a guide to establish

172
00:13:27,280 --> 00:13:28,030
the center.

173
00:13:28,750 --> 00:13:35,530
Now delete the rectangle and then make another rectangle vertically and then drop another guide to establish

174
00:13:35,530 --> 00:13:36,240
the center.

175
00:13:37,380 --> 00:13:43,530
And then delete this rectangle as well using the two guides, a line, the watermark to the center of

176
00:13:43,530 --> 00:13:44,180
the page.

177
00:13:45,160 --> 00:13:49,800
With the watermarks selected, reduce the opacity to 25 percent.

178
00:13:51,140 --> 00:13:55,220
Hits W for a preview, and the letterhead is ready.

179
00:13:57,240 --> 00:14:02,100
All right, guys, that brings us to the close of the session, and it's time for a short break, so

180
00:14:02,100 --> 00:14:03,750
I'll see you in just a bit.

181
00:14:04,140 --> 00:14:04,740
Goodbye.