Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,140 --> 00:00:03,450
Our portfolio design is ready.
2
00:00:03,450 --> 00:00:06,210
Using the same principles you have learned through the class,
3
00:00:06,210 --> 00:00:08,010
I designed the rest of the portfolio.
4
00:00:08,010 --> 00:00:13,160
Now, we're going to add some interactivity to our cover and some content.
5
00:00:13,155 --> 00:00:14,915
We're back in design.
6
00:00:14,910 --> 00:00:18,720
As you can see, I have finished the design of my portfolio.
7
00:00:18,720 --> 00:00:21,150
I have placed all of the texts.
8
00:00:21,150 --> 00:00:23,250
Whenever I like it,
9
00:00:23,250 --> 00:00:25,980
we place our video in the last class,
10
00:00:25,980 --> 00:00:30,110
I place the image in our cover page,
11
00:00:30,105 --> 00:00:31,205
I change the colors,
12
00:00:31,200 --> 00:00:32,450
I place this image,
13
00:00:32,445 --> 00:00:33,885
I change the text.
14
00:00:33,885 --> 00:00:39,165
All of the things that I have teach you apply in all of these pages.
15
00:00:39,165 --> 00:00:41,145
Here I have my cover picture,
16
00:00:41,140 --> 00:00:43,730
is just my brown color and my logo.
17
00:00:43,730 --> 00:00:49,580
I have my logo grouped every element and now we're going to add a little animation.
18
00:00:49,580 --> 00:00:55,650
We're not going to go too crazy because we don't want this to look as a PowerPoint.
19
00:00:55,650 --> 00:00:58,660
We did 10 years ago with all of the bell and whistles.
20
00:00:58,655 --> 00:01:00,835
We're having our level selector.
21
00:01:00,830 --> 00:01:04,860
We're going to go to Window, Interactive,
22
00:01:04,860 --> 00:01:10,040
Animation, and over here you will see something similar to PowerPoint.
23
00:01:10,035 --> 00:01:12,565
Maybe you're familiar with it and over here we
24
00:01:12,560 --> 00:01:16,460
have different presets that do different things.
25
00:01:16,460 --> 00:01:19,240
Here you can see a preview of what they do,
26
00:01:19,235 --> 00:01:21,655
Fly in from left,
27
00:01:21,655 --> 00:01:26,595
right write, and things like that.
28
00:01:26,595 --> 00:01:31,605
I'm going to choose Grow because I just want my logo to
29
00:01:31,600 --> 00:01:38,120
do a bit of zoom in the page.
30
00:01:39,450 --> 00:01:42,750
The duration, you can set it here.
31
00:01:42,745 --> 00:01:46,575
We're going to set four seconds because that will
32
00:01:46,570 --> 00:01:50,260
make it slower and it's going to play one time,
33
00:01:50,255 --> 00:01:51,495
is not going to be on a loop.
34
00:01:51,490 --> 00:01:52,710
You can change that here.
35
00:01:52,705 --> 00:02:00,255
Also, you can change the speed and many things here.
36
00:02:00,250 --> 00:02:02,680
You can play around with all of these effects,
37
00:02:02,680 --> 00:02:04,850
but remember, don't go crazy.
38
00:02:04,850 --> 00:02:11,180
I would only work with the seconds of duration of the effect.
39
00:02:11,180 --> 00:02:14,580
Everything else pretty much I leave it as it is.
40
00:02:14,575 --> 00:02:16,885
I don't want anything crazy.
41
00:02:16,880 --> 00:02:19,610
I'm going to go to Window again,
42
00:02:19,610 --> 00:02:22,990
Interactive, EPUB Interactivity Preview.
43
00:02:22,985 --> 00:02:26,245
This is the panel that we saw previously. I'm going to click "Play."
44
00:02:26,240 --> 00:02:27,680
You can play around with it,
45
00:02:27,680 --> 00:02:29,690
changing settings here to see what they do.
46
00:02:29,690 --> 00:02:31,370
This is basically what I wanted to do,
47
00:02:31,370 --> 00:02:34,830
just to storm in my logo and then happy with that.
48
00:02:34,825 --> 00:02:36,475
I'm going to close this window,
49
00:02:36,470 --> 00:02:38,180
close this panel,
50
00:02:38,180 --> 00:02:41,720
and now I'm going to move to the next page.
51
00:02:41,720 --> 00:02:46,800
What I want to do here is work with my links here.
52
00:02:46,795 --> 00:02:51,385
As you can see, I have my website and a little icon of a website,
53
00:02:51,380 --> 00:02:54,230
and it's important that you have them grouped.
54
00:02:54,230 --> 00:02:58,830
This Instagram logo and my handle are not grouped. You should group them.
55
00:02:58,830 --> 00:03:06,500
You just select them and press command G. Now I'm going to right-click over my website,
56
00:03:06,500 --> 00:03:08,980
go to Hyperlink, New Hyperlink,
57
00:03:08,975 --> 00:03:12,125
and over here I'm going to write
58
00:03:12,910 --> 00:03:21,800
my website address and I'll click "Ok" and that is down here.
59
00:03:21,795 --> 00:03:26,885
I will look for my Instagram web address
60
00:03:26,885 --> 00:03:30,445
and do the same thing over here with all of this and I will do
61
00:03:30,440 --> 00:03:39,690
the same thing in this last page with all of these other web addresses.
62
00:03:39,690 --> 00:03:42,770
Maybe in email, I will leave it as it is.
63
00:03:42,770 --> 00:03:44,500
They can copy and paste the e-mail,
64
00:03:44,495 --> 00:03:48,245
but every other social media and website,
65
00:03:48,245 --> 00:03:50,375
I will add a hyperlink.
66
00:03:50,375 --> 00:03:54,355
You can also add a hyperlink to this.
67
00:03:54,350 --> 00:04:00,890
In this section, I like presents the the collections.
68
00:04:00,890 --> 00:04:03,180
I can group this,
69
00:04:03,175 --> 00:04:07,965
command G, right-click and go to Hyperlink,
70
00:04:07,965 --> 00:04:13,445
New Hyperlink, and instead of linking to my URL,
71
00:04:13,440 --> 00:04:16,500
I'm going to link it to a page.
72
00:04:16,495 --> 00:04:19,525
I want to go to my page number 4,
73
00:04:19,520 --> 00:04:23,430
which is where my bright summer days wallpaper collection is.
74
00:04:23,430 --> 00:04:25,040
I'm going to click "Ok".
75
00:04:25,035 --> 00:04:29,135
Whenever I publish this and I click on top of this,
76
00:04:29,130 --> 00:04:32,120
it will instantly go to my page number 4.
77
00:04:32,115 --> 00:04:38,055
It's like a table of content or something like that
78
00:04:38,050 --> 00:04:40,850
but I wouldn't call it a table of content because this
79
00:04:40,850 --> 00:04:43,730
is such a sharper folio and a creative portfolio.
80
00:04:43,730 --> 00:04:47,680
I find that table of contents are more suited for
81
00:04:47,675 --> 00:04:53,995
long products like books, magazines.
82
00:04:53,990 --> 00:04:57,830
But our portfolio, it's so short that people can go through that.
83
00:04:57,830 --> 00:05:00,770
It doesn't make too much sense to have a table of contents.
84
00:05:00,770 --> 00:05:02,210
But because it's bad,
85
00:05:02,210 --> 00:05:05,690
because this is an interactive portfolio,
86
00:05:05,690 --> 00:05:11,040
whenever people go through it and see the mouse changed to a hand,
87
00:05:11,040 --> 00:05:16,200
they will know is a link and they will click on it.
88
00:05:16,195 --> 00:05:18,925
I will not right click over here to go to
89
00:05:18,920 --> 00:05:21,710
the collections because I want them to go through all
90
00:05:21,710 --> 00:05:27,310
of the collections and also because as we will see in the next lesson,
91
00:05:27,305 --> 00:05:30,145
you can have the option for people to download
92
00:05:30,140 --> 00:05:36,650
this interactive portfolio and some of these features as we're doing it,
93
00:05:36,650 --> 00:05:39,100
we're doing it on that polish online.
94
00:05:39,095 --> 00:05:41,435
Maybe won't work for normal PDF,
95
00:05:41,435 --> 00:05:43,325
which is the ones that they will download.
96
00:05:43,325 --> 00:05:46,015
They won't download an interactive PDF.
97
00:05:46,015 --> 00:05:47,855
Maybe those won't work.
98
00:05:47,850 --> 00:05:49,780
I don't want to write here,
99
00:05:49,775 --> 00:05:53,575
click here, if they download a PDF, it won't work.
100
00:05:53,570 --> 00:06:00,770
I want to be savvy about that and know that they will have a print version of the PDF,
101
00:06:00,770 --> 00:06:02,350
not an interactive one,
102
00:06:02,345 --> 00:06:05,845
which is the one that all of these features will work.
103
00:06:05,845 --> 00:06:10,375
The other thing that we can add interactivity to is a photo that will
104
00:06:10,370 --> 00:06:14,420
take a viewer to a video hosted outside of InDesign portfolio.
105
00:06:14,420 --> 00:06:15,770
In the last lesson,
106
00:06:15,770 --> 00:06:19,190
we'll learn how to place a video inside InDesign itself.
107
00:06:19,190 --> 00:06:22,910
When you publish online your document with a pleased video,
108
00:06:22,910 --> 00:06:25,840
it will look great in Google Chrome and Firefox.
109
00:06:25,840 --> 00:06:28,290
Or for some Safari users in macOS,
110
00:06:28,294 --> 00:06:31,794
the page with a video can take longer to load making
111
00:06:31,790 --> 00:06:35,770
the experience of looking at your portfolio different from one user to another.
112
00:06:35,765 --> 00:06:38,045
Let me show you what I mean.
113
00:06:38,045 --> 00:06:40,525
Right now we are in Google Chrome.
114
00:06:40,520 --> 00:06:43,070
I'm going to reload my portfolios and you can see from
115
00:06:43,070 --> 00:06:46,280
the beginning and here I have my first page.
116
00:06:46,280 --> 00:06:49,990
As I go to my second page which is the one with the video,
117
00:06:49,985 --> 00:06:53,105
you can see that I can see the page as it should.
118
00:06:53,105 --> 00:06:55,355
When I am in Safari,
119
00:06:55,355 --> 00:06:58,435
I'm going to reload again this video.
120
00:06:58,435 --> 00:07:03,475
You can see the first page and when I go to the second page with the video,
121
00:07:03,470 --> 00:07:07,180
it takes a little bit longer to load and look as it should.
122
00:07:07,180 --> 00:07:09,620
Honestly, I don't think this is a major issue.
123
00:07:09,620 --> 00:07:14,120
I strongly believe in the power of humanizing your portfolio by adding a video.
124
00:07:14,120 --> 00:07:16,760
But I want to show you another way to include a video in
125
00:07:16,760 --> 00:07:21,730
your portfolio that will not affect the loading time of any page in there.
126
00:07:21,730 --> 00:07:23,450
First, you will need to upload
127
00:07:23,450 --> 00:07:26,730
the presentation video to a streaming service of your choice.
128
00:07:26,734 --> 00:07:29,074
In my case, I chose YouTube.
129
00:07:29,075 --> 00:07:32,645
As you can see here, my video is unlisted.
130
00:07:32,640 --> 00:07:38,190
What this means is that only the people that I share the link with can watch the video.
131
00:07:38,185 --> 00:07:43,785
I will copy the link of this video and go back to InDesign.
132
00:07:43,785 --> 00:07:49,255
Here, as you can see, I have redesigned my page so it works with this scenario.
133
00:07:49,255 --> 00:07:55,055
I have placed a picture using the same rectangle frame tool but in
134
00:07:55,050 --> 00:07:57,780
this case the Ellipse Frame Tool which made
135
00:07:57,775 --> 00:08:01,545
circles or ellipses and I place a photo there.
136
00:08:01,540 --> 00:08:05,130
I added a stroke to each image.
137
00:08:05,125 --> 00:08:08,355
You can do that in the Stroke panel.
138
00:08:08,355 --> 00:08:10,605
You can add the weight there.
139
00:08:10,605 --> 00:08:15,815
I created a circle using
140
00:08:15,810 --> 00:08:23,810
the ellipse tool and I use the Pen Tool to create this white triangle.
141
00:08:23,810 --> 00:08:27,140
I also wrote click Play to meet me so it's
142
00:08:27,140 --> 00:08:30,580
obvious that it's a video and then as you can see,
143
00:08:30,575 --> 00:08:34,045
everything here is grouped together so it works.
144
00:08:34,040 --> 00:08:37,530
Now, what I'm going to do is I'm going to do a right-click,
145
00:08:37,525 --> 00:08:40,325
go to Hyperlinks, New Hyperlink,
146
00:08:40,320 --> 00:08:43,380
and in this page, I will link to a URL.
147
00:08:43,375 --> 00:08:51,065
I'm going to paste my video URL and click "Okay."
148
00:08:51,065 --> 00:08:55,845
Now, I'm going to go to Window,
149
00:08:55,840 --> 00:09:00,690
Interactive, EPUB Interactivity Preview.
150
00:09:00,690 --> 00:09:05,590
Over here you can see, then I click "Play."
151
00:09:06,500 --> 00:09:12,620
I'm going to click over my video and as you can see the video open in YouTube.
152
00:09:12,615 --> 00:09:18,345
You can place this in Vimeo or any streaming service that you prefer to work with.
153
00:09:18,340 --> 00:09:22,670
That's another way that you can place videos in your portfolio.
154
00:09:22,670 --> 00:09:25,490
We're almost done with our project.
155
00:09:25,485 --> 00:09:27,395
Before we go into the next lesson,
156
00:09:27,390 --> 00:09:29,590
select the elements that you would like to add
157
00:09:29,590 --> 00:09:34,060
some interactivity and add hyperlinks to select the text or images.
158
00:09:34,060 --> 00:09:36,910
Next we are going to publish [inaudible] a portfolio,
159
00:09:36,910 --> 00:09:40,220
emulate, and learn about analytics.
12964
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
