Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,020 --> 00:00:05,040
Once we have our document created and the master page templates ready,
2
00:00:05,040 --> 00:00:07,380
we can start to place our content.
3
00:00:07,380 --> 00:00:12,560
In this case, I will start with the images because it is our main visual element.
4
00:00:12,555 --> 00:00:16,505
We should always begin placing the biggest thing in the page.
5
00:00:16,500 --> 00:00:22,210
This will help us better use a space and organize our elements in a logical way.
6
00:00:22,940 --> 00:00:28,370
Now we are inside InDesign again and then on page number 4,
7
00:00:28,365 --> 00:00:33,095
and here we have the master page B placed.
8
00:00:33,090 --> 00:00:37,120
As you can see, I can't edit anything.
9
00:00:37,120 --> 00:00:40,180
But for be able to edit them,
10
00:00:40,175 --> 00:00:44,335
you will have to press "Command Shift" both of them at the same time,
11
00:00:44,330 --> 00:00:49,840
keep them pressed and drag over all of your page content.
12
00:00:49,835 --> 00:00:52,355
Release, and now as you can see,
13
00:00:52,355 --> 00:00:56,345
I can select everything in the page.
14
00:00:56,340 --> 00:00:59,870
As I said, I'm going to start placing my images first.
15
00:00:59,870 --> 00:01:05,470
I'm going to select the first frame and then going to
16
00:01:05,465 --> 00:01:12,325
press "Command D." That would be Control D on Windows.
17
00:01:12,325 --> 00:01:16,875
Now I am in my links folder for my portfolio,
18
00:01:16,870 --> 00:01:21,150
and I'm going to select 1-b-reflecting sun,
19
00:01:21,145 --> 00:01:24,255
double-click on it and it appeared there.
20
00:01:24,250 --> 00:01:28,230
As you can see, it is pretty big.
21
00:01:28,230 --> 00:01:32,310
If I double-click over the image,
22
00:01:32,305 --> 00:01:37,755
on top of the image, you can see the frame that is pretty big outside.
23
00:01:37,755 --> 00:01:40,545
What I'm going to do, I'm going to click outside now,
24
00:01:40,545 --> 00:01:46,095
click over one time "Control Zero" to zoom in.
25
00:01:46,250 --> 00:01:48,580
When you have this selected,
26
00:01:48,575 --> 00:01:50,235
over here in the control panel,
27
00:01:50,230 --> 00:01:54,470
you can see more feeding options.
28
00:01:54,470 --> 00:01:59,420
This one over here in this icon with the rectangle with the arrows going out,
29
00:01:59,420 --> 00:02:03,720
it says, fit content to frame.
30
00:02:04,340 --> 00:02:06,620
I'm going to click that one.
31
00:02:06,615 --> 00:02:08,685
That one's going to do exactly that.
32
00:02:08,685 --> 00:02:12,475
It's going to fit the content inside the frame that you have created.
33
00:02:12,470 --> 00:02:15,890
If I have the image selected and I'm outside,
34
00:02:15,889 --> 00:02:17,789
I have a black arrow.
35
00:02:17,785 --> 00:02:21,275
If I go over to this center,
36
00:02:21,270 --> 00:02:24,410
this circle, I have a hand handle.
37
00:02:24,405 --> 00:02:26,585
If I click and drag,
38
00:02:26,585 --> 00:02:33,665
what I'm doing is that I'm moving the image inside this frame.
39
00:02:33,665 --> 00:02:36,885
You can see the brown lines.
40
00:02:36,880 --> 00:02:40,330
You can double-click also and see the brown border.
41
00:02:40,325 --> 00:02:43,005
You can make it big,
42
00:02:43,005 --> 00:02:45,575
obviously this is disproportional.
43
00:02:45,570 --> 00:02:50,520
You have to press "Shift" in order to make it proportional.
44
00:02:50,520 --> 00:02:56,720
This brown line represents the size of the image in the page,
45
00:02:56,720 --> 00:03:00,250
but you can only see what is inside the frame.
46
00:03:00,250 --> 00:03:02,870
Now I'm just going to go back to
47
00:03:02,870 --> 00:03:06,560
the similar size of a frame and I'm going to click again,
48
00:03:06,560 --> 00:03:09,830
fit content to frame. That is perfect.
49
00:03:09,825 --> 00:03:13,975
If you want to increase the size of this pattern in this case,
50
00:03:13,970 --> 00:03:19,340
I will double-click pressing "Shift" and "Alt" to make
51
00:03:19,335 --> 00:03:23,725
the image bigger proportionally from the center and I will
52
00:03:23,720 --> 00:03:27,390
drag out to make it bigger if I want.
53
00:03:27,390 --> 00:03:31,010
In this case, I'm going to leave it to the size that I designed it.
54
00:03:31,010 --> 00:03:34,990
That same way, I'm going to go to the second frame,
55
00:03:34,985 --> 00:03:43,855
"Control D" and I'm going to select 2-b-Caribbean arches and again,
56
00:03:43,850 --> 00:03:47,230
I'm going to click fit content to frame.
57
00:03:47,225 --> 00:03:52,565
I'm going to do the same thing for my other pattern,
58
00:03:52,840 --> 00:03:56,910
and so on and so forth.
59
00:03:57,490 --> 00:04:05,220
This is the last one and now I have all of my patterns in place.
60
00:04:05,215 --> 00:04:09,475
You can press the letter "W" in your keyword,
61
00:04:09,475 --> 00:04:14,915
and now you can see how it is looking.
62
00:04:14,910 --> 00:04:21,550
Now I'm going to edit this text and I'm going to write the name of this pattern
63
00:04:21,550 --> 00:04:28,710
which is Reflecting Sun.
64
00:04:28,710 --> 00:04:35,930
This is the right number for this one and I want to change the color of that rectangle.
65
00:04:35,930 --> 00:04:39,840
I'm going to go to my tools and I'm going to select the Eyedropper tool.
66
00:04:39,840 --> 00:04:44,060
You can also press the letter "I" in your keyboard.
67
00:04:44,055 --> 00:04:50,015
I'm going to go over to my pattern and click over this turquoise color.
68
00:04:50,010 --> 00:04:53,790
Now, that is the color for my rectangle.
69
00:04:53,790 --> 00:04:59,870
I'm going to press "V" to go to my selection tool.
70
00:04:59,865 --> 00:05:02,795
Now I'm going to do the same thing for this one.
71
00:05:02,790 --> 00:05:08,580
This one is Caribbean Arches.
72
00:05:08,575 --> 00:05:13,365
As you can see, the text didn't fit but I
73
00:05:13,360 --> 00:05:17,610
couldn't see the box because right now I'm in preview mode.
74
00:05:17,605 --> 00:05:21,285
I will have to click again "W" to see the box that
75
00:05:21,280 --> 00:05:25,360
says that there is extra text that is not visible right now.
76
00:05:25,360 --> 00:05:26,750
I'm going to make it bigger.
77
00:05:26,750 --> 00:05:28,760
We're going to click over here,
78
00:05:28,760 --> 00:05:34,340
fit frame to content and this one, it's number 2.
79
00:05:34,340 --> 00:05:39,870
Remember that we change the kerning in this for number 1.
80
00:05:39,870 --> 00:05:41,500
I'm going to select my text,
81
00:05:41,500 --> 00:05:43,370
go to the characters panel,
82
00:05:43,370 --> 00:05:46,360
and I'm going to change my tracking to zero.
83
00:05:46,355 --> 00:05:50,875
Now everything is the right way because number 2 does not
84
00:05:50,870 --> 00:05:56,220
need that treatment to look more balanced.
85
00:05:56,590 --> 00:06:01,410
In my selection tool I selected the black rectangle.
86
00:06:01,410 --> 00:06:06,370
I'm going to press the letter "I" on my keyboard and select the color green.
87
00:06:06,370 --> 00:06:14,590
As you can see, I am changing all of my colors and text for this page.
88
00:06:14,585 --> 00:06:18,635
Let's take a look at the master page B.
89
00:06:18,635 --> 00:06:24,425
You can see here I still have my originals and everything still looks the same.
90
00:06:24,425 --> 00:06:27,235
Let's take a look at the page 6,
91
00:06:27,230 --> 00:06:30,020
which also have the master B placed.
92
00:06:30,020 --> 00:06:32,360
It's still the same layout.
93
00:06:32,360 --> 00:06:35,900
It's not changed because when I press the "Command Shift," I
94
00:06:35,900 --> 00:06:40,520
release that page from the master.
95
00:06:40,515 --> 00:06:44,545
It still says B but whatever change I do here,
96
00:06:44,540 --> 00:06:46,840
even if I move this pattern over here,
97
00:06:46,835 --> 00:06:48,625
that one change in the master page,
98
00:06:48,620 --> 00:06:54,080
or on any other page that I have this master page applied,
99
00:06:54,080 --> 00:06:58,470
it will only change on this one because I already released it from there.
100
00:06:58,470 --> 00:07:00,520
It's not locked anymore.
101
00:07:00,520 --> 00:07:02,280
But you will say,
102
00:07:02,280 --> 00:07:04,260
"Why then do I create the master page?"
103
00:07:04,260 --> 00:07:08,180
Well, because I am using the placement.
104
00:07:08,175 --> 00:07:10,965
So everything in page 4 and page
105
00:07:10,960 --> 00:07:15,050
6 looks in the same place even though they have different things,
106
00:07:15,050 --> 00:07:18,470
because I like the continuity about that.
107
00:07:18,470 --> 00:07:21,800
You can do the same thing with this text. You can change the color.
108
00:07:21,800 --> 00:07:26,400
I'm going to select the Eyedropper again and use this gold.
109
00:07:26,395 --> 00:07:28,925
Select the My Website,
110
00:07:28,920 --> 00:07:30,950
and use this gold.
111
00:07:30,945 --> 00:07:34,905
For this, I'm going to use the turquoise
112
00:07:35,360 --> 00:07:42,500
and you can continue to select the colors that you want and edit the text.
113
00:07:42,500 --> 00:07:49,060
I'm going to continue selecting the colors so I can show you something.
114
00:07:49,060 --> 00:07:52,760
After you have all of your colors selected,
115
00:07:52,760 --> 00:07:54,380
you can change this later.
116
00:07:54,380 --> 00:07:59,880
I'm going to select all of my rectangles which are in different colors.
117
00:07:59,880 --> 00:08:01,710
I'm going to go to my swatches panel,
118
00:08:01,710 --> 00:08:05,490
I'm going to click in the menu over here,
119
00:08:05,489 --> 00:08:08,549
and select New Color Group.
120
00:08:08,550 --> 00:08:13,970
I'm going to say this is my Bright Collection.
121
00:08:13,965 --> 00:08:15,945
I'm going to click, "Okay".
122
00:08:15,945 --> 00:08:18,805
Now I have all of my bright colors here.
123
00:08:18,800 --> 00:08:23,660
If I want to use those colors in other pages to give life to other elements,
124
00:08:23,660 --> 00:08:27,810
I can use the same color and have consistency toward my portfolio.
125
00:08:27,830 --> 00:08:30,810
For now I'm going to stop working on this.
126
00:08:30,810 --> 00:08:33,540
I will later change things and keep editing.
127
00:08:33,540 --> 00:08:36,920
I already showed you how to place images.
128
00:08:36,915 --> 00:08:38,915
I'm going to show you how to place text.
129
00:08:38,910 --> 00:08:43,070
I'm going to go to my second page in my portfolio
130
00:08:43,069 --> 00:08:47,149
and this one have no master page applied.
131
00:08:47,150 --> 00:08:52,040
I'm going to create three columns and click "Okay".
132
00:08:52,040 --> 00:08:55,270
Now I have my column. This is only happening in page number 2.
133
00:08:55,270 --> 00:08:57,230
I'm going to press "Command D".
134
00:08:57,225 --> 00:09:02,755
That's our default shortcut in InDesign to place images, text, video, whatever.
135
00:09:02,750 --> 00:09:07,370
I'm going to go to my folder to find my portfolio text.
136
00:09:07,370 --> 00:09:09,540
Here I have my Word document text.
137
00:09:09,535 --> 00:09:11,065
Over here you can see the pages,
138
00:09:11,060 --> 00:09:13,570
the one from magnet I explained to you in
139
00:09:13,565 --> 00:09:17,935
previous videos that you can save as a Word document.
140
00:09:17,930 --> 00:09:25,470
I'm going to double-click on my Word document and it says that I am missing some fonts.
141
00:09:25,470 --> 00:09:28,720
It doesn't matter because I'm going to change the fonts anyway.
142
00:09:28,715 --> 00:09:31,585
As you can see, I have my clipboard,
143
00:09:31,580 --> 00:09:33,520
I have the text there.
144
00:09:33,515 --> 00:09:36,935
It's going to be placed wherever I click.
145
00:09:36,935 --> 00:09:42,395
I'm going to click in this corner over here and now my text is placed.
146
00:09:42,390 --> 00:09:48,340
But in this case I'm going to use two columns to arrange my text.
147
00:09:48,335 --> 00:09:53,015
As you can see here, I have some contact info.
148
00:09:53,010 --> 00:09:57,840
I'm going to cut and paste that elsewhere.
149
00:09:57,840 --> 00:10:00,310
It's going to be in this column.
150
00:10:05,270 --> 00:10:11,520
Now I can select this and change the font here
151
00:10:11,520 --> 00:10:18,210
to Caviar Dreams Regular and now I have my font placed.
152
00:10:18,210 --> 00:10:22,150
Now you know how to place your images and text so far.
153
00:10:22,150 --> 00:10:25,660
I'm going to design this a little bit and to make it look more
154
00:10:25,660 --> 00:10:30,070
finished and then I'm going to come back to show you how to place a video.
155
00:10:30,065 --> 00:10:33,655
Now, using the techniques that we have learned so far,
156
00:10:33,655 --> 00:10:35,415
I edit my text,
157
00:10:35,410 --> 00:10:37,480
I added some more texts,
158
00:10:37,480 --> 00:10:40,270
icons as a vectors as I showed you,
159
00:10:40,270 --> 00:10:43,860
and they have accommodated my first page of the portfolio.
160
00:10:43,860 --> 00:10:47,620
Now I'm going to place my video in this area over here.
161
00:10:47,615 --> 00:10:52,325
Then I'm going to place it the same way that I have done already, "Command D".
162
00:10:52,325 --> 00:10:56,905
I'm going to select my video, click "Open",
163
00:10:56,905 --> 00:10:59,385
and now as you can see the same as texts,
164
00:10:59,385 --> 00:11:03,525
I can see that I have a video in my clipboard.
165
00:11:03,525 --> 00:11:07,925
I can click and it will go big and I can rearrange it or I can
166
00:11:07,925 --> 00:11:12,255
click and drag to this space more or less that I wanted.
167
00:11:12,250 --> 00:11:15,410
As you can see, my frame is bigger than the video area.
168
00:11:15,410 --> 00:11:20,540
I'm going to click "Fit frame to content" and we're going to accommodate.
169
00:11:20,540 --> 00:11:24,670
You will say, "Well, there's nothing there, there's no video."
170
00:11:24,670 --> 00:11:27,510
We have to select your video,
171
00:11:27,510 --> 00:11:28,890
go to Window,
172
00:11:28,890 --> 00:11:36,750
Interactive, Media and this is the Media panel.
173
00:11:36,750 --> 00:11:41,560
Over here you can click "Play" and you will preview video.
174
00:11:41,555 --> 00:11:43,955
This is a short video around one minute,
175
00:11:43,955 --> 00:11:45,205
which is why I recommend,
176
00:11:45,200 --> 00:11:46,790
don't do a 10-minute video,
177
00:11:46,790 --> 00:11:48,680
you're going to use it in your portfolio.
178
00:11:48,680 --> 00:11:52,700
It's just a short and sweet video just to show yourself,
179
00:11:52,700 --> 00:11:58,160
to humanize this digital portfolio because we're now
180
00:11:58,160 --> 00:12:03,840
so used to working with digital things and people far.
181
00:12:03,840 --> 00:12:06,000
We don't have a face to things.
182
00:12:06,000 --> 00:12:10,420
It's a good idea to have something warm and familiar there.
183
00:12:10,415 --> 00:12:12,895
If you're not placing a video because it's not your choice,
184
00:12:12,890 --> 00:12:15,260
you can place a picture of you,
185
00:12:15,260 --> 00:12:21,370
but always put something to give the human touch to your portfolio.
186
00:12:21,365 --> 00:12:23,515
Over here, as you can see, I have my video,
187
00:12:23,510 --> 00:12:26,730
different charts, and I have different options here.
188
00:12:26,730 --> 00:12:28,410
Play on the Page Load.
189
00:12:28,410 --> 00:12:32,360
I won't do that because I want the person to actually play
190
00:12:32,360 --> 00:12:34,580
the video because they are in a place that they can listen
191
00:12:34,580 --> 00:12:37,570
to it and they are available to listen to it.
192
00:12:37,565 --> 00:12:40,185
I don't want it to play in a loop either.
193
00:12:40,180 --> 00:12:42,310
Over here is the poster frame,
194
00:12:42,305 --> 00:12:45,385
which is the image that is going to first appear on your video,
195
00:12:45,380 --> 00:12:50,550
like the YouTube cover picture or something like that. The thumbnail.
196
00:12:50,550 --> 00:12:54,320
In this menu, I'm going to click on "Choose Image."
197
00:12:54,320 --> 00:12:56,750
I have an image I have designed.
198
00:12:56,750 --> 00:13:00,730
Over here you can see that it says Play video and my picture.
199
00:13:00,730 --> 00:13:03,860
Over here you see that it says Previous Spread:EPUB,
200
00:13:03,855 --> 00:13:06,905
you're going to click there, that's going to open another panel.
201
00:13:06,905 --> 00:13:09,445
Over here you can see the actual page,
202
00:13:09,440 --> 00:13:10,600
how it's going to look.
203
00:13:10,595 --> 00:13:13,955
You're going to click "Play" and there you go.
204
00:13:13,950 --> 00:13:18,740
There's your video. That's a way that you test it.
205
00:13:18,735 --> 00:13:27,415
I'm going to press "Command S." I have saved my document, and that's it.
206
00:13:27,410 --> 00:13:29,420
That's how you place text,
207
00:13:29,420 --> 00:13:31,990
images, and video on your document.
208
00:13:31,990 --> 00:13:35,150
Now, with everything you have learned so far,
209
00:13:35,150 --> 00:13:37,040
finish the design of your portfolio.
210
00:13:37,040 --> 00:13:39,740
Go ahead and unlock your master page elements,
211
00:13:39,739 --> 00:13:42,229
place your images, texts and videos,
212
00:13:42,230 --> 00:13:43,560
and change your colors.
213
00:13:43,555 --> 00:13:44,965
In the next lesson,
214
00:13:44,960 --> 00:13:49,230
you will learn about adding interactivity to some elements.
17653
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.
Afrikaans
Albanian
Amharic
Armenian
Azerbaijani
Basque
Belarusian
Bengali
Bosnian
Bulgarian
Catalan
Cebuano
Chichewa
Chinese (Simplified)
Chinese (Traditional)
Corsican
Croatian
Czech
Danish
Dutch
English
Esperanto
Estonian
Finnish
French
Frisian
Galician
Georgian
German
Greek
Gujarati
Haitian Creole
Hawaiian
Hungarian
Icelandic
Indonesian
Irish
Italian
Japanese
Kazakh
Khmer
Korean
Kurdish (Kurmanji)
Kyrgyz
Lao
Latvian
Lithuanian
Luxembourgish
Macedonian
Malagasy
Malay
Maltese
Maori
Mongolian
Myanmar (Burmese)
Nepali
Norwegian
Pashto
Polish
Portuguese
Romanian
Russian
Samoan
Serbian
Sesotho
Shona
Sinhala
Slovak
Slovenian
Somali
Spanish
Swahili
Swedish
Tajik
Thai
Turkish
Ukrainian
Urdu
Uzbek
Vietnamese
