Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,000 --> 00:00:03,300
After you have a clear idea of the objective of
2
00:00:03,300 --> 00:00:06,450
your portfolio and the layout that you want to use,
3
00:00:06,450 --> 00:00:11,030
you must prepare the most important aspect of your portfolio, your images.
4
00:00:11,025 --> 00:00:14,585
The first thing to know is that you should export,
5
00:00:14,580 --> 00:00:20,640
or prepare your Illustrator or Photoshop files in the color format RGB,
6
00:00:20,640 --> 00:00:23,930
a resolution of 72 PPI,
7
00:00:23,925 --> 00:00:26,565
and the file format PNG.
8
00:00:26,565 --> 00:00:30,105
Because your portfolio will be displayed on the monitor,
9
00:00:30,105 --> 00:00:33,455
RGB is the right color format to use.
10
00:00:33,450 --> 00:00:36,590
Also this portfolio is intended to be digital,
11
00:00:36,590 --> 00:00:40,540
so it doesn't make sense to export your images in higher PPI.
12
00:00:40,540 --> 00:00:46,190
I choose the file format PNG because it keeps a higher quality than JPEG.
13
00:00:46,190 --> 00:00:51,870
Again, I dive deep into this topic in my file formats class.
14
00:00:51,865 --> 00:00:56,605
Something very important when working in InDesign is organization.
15
00:00:56,600 --> 00:01:00,400
For example, I created a folder named Portfolio.
16
00:01:00,395 --> 00:01:03,495
Inside that folder, I have two other folders,
17
00:01:03,499 --> 00:01:05,169
links, and texts.
18
00:01:05,170 --> 00:01:08,680
InDesign calls any image you use a link.
19
00:01:08,675 --> 00:01:10,315
Inside my text folder,
20
00:01:10,310 --> 00:01:12,890
I have my Microsoft document text files,
21
00:01:12,890 --> 00:01:14,810
and inside my links folder,
22
00:01:14,810 --> 00:01:16,120
I have my images,
23
00:01:16,115 --> 00:01:18,755
the originals in Illustrator and Photoshop,
24
00:01:18,755 --> 00:01:21,295
and all my exported images.
25
00:01:21,290 --> 00:01:26,190
I always make a copy of the designs that I will use in my portfolio.
26
00:01:26,185 --> 00:01:31,505
Firstly, because I don't want to make unwanted changes to the originals and lose them,
27
00:01:31,505 --> 00:01:35,055
and secondly, because of the way that InDesign works.
28
00:01:35,050 --> 00:01:36,340
As I show you,
29
00:01:36,335 --> 00:01:39,085
you will want to save every image you will use in
30
00:01:39,080 --> 00:01:42,730
a specific folder inside your project's main folder.
31
00:01:42,725 --> 00:01:47,785
If you have your project images saved all in different folders or hard drives from
32
00:01:47,780 --> 00:01:52,640
the original artwork and then you move or rename those files,
33
00:01:52,640 --> 00:01:54,940
InDesign will prompt you an error.
34
00:01:54,935 --> 00:01:56,785
We will discuss these in one of
35
00:01:56,780 --> 00:02:01,090
our final lessons and how to solve it in case that happens to you.
36
00:02:01,085 --> 00:02:04,235
But for now, follow these suggestions.
37
00:02:04,230 --> 00:02:09,270
Make copies of your original artwork, and save it.
38
00:02:09,270 --> 00:02:11,730
Organize in your portfolio folder.
39
00:02:11,730 --> 00:02:18,060
Now, I am going to show you how I export the images that will go into my portfolio.
40
00:02:18,380 --> 00:02:21,680
Now we are inside Illustrator,
41
00:02:21,680 --> 00:02:24,470
which is the program that I use to create my patterns,
42
00:02:24,470 --> 00:02:26,960
in this case that I'm doing my portfolio for,
43
00:02:26,960 --> 00:02:30,860
and here you can see one of my patterns original and this is
44
00:02:30,860 --> 00:02:35,350
the task of the pattern to see that it works.
45
00:02:35,345 --> 00:02:40,135
As I said, I'm not going to edit this file and
46
00:02:40,130 --> 00:02:45,250
make changes in sizes or the main dimensions or anything like that.
47
00:02:45,245 --> 00:02:48,965
Instead, I copy this pattern to this,
48
00:02:48,965 --> 00:02:51,655
along with all of the other patterns that I'm going to use in
49
00:02:51,650 --> 00:02:56,000
my portfolio in this new document inside Illustrator.
50
00:02:56,000 --> 00:02:57,910
Now, as I said,
51
00:02:57,905 --> 00:03:04,205
you should export every image as a 72 PPI PNG.
52
00:03:04,970 --> 00:03:12,330
Let's take a look at the size of this artboard,
53
00:03:12,330 --> 00:03:17,270
which is around 300 pixels by 265 pixels.
54
00:03:17,265 --> 00:03:22,215
That is around four inches by three inches so you have an idea.
55
00:03:22,215 --> 00:03:24,035
You will say, well,
56
00:03:24,030 --> 00:03:27,180
four by three will work fine imagining
57
00:03:27,180 --> 00:03:31,810
my paper and the size of the image there so it should look fine.
58
00:03:31,810 --> 00:03:38,250
But the reality is that if I export this image in 72 PPI,
59
00:03:38,245 --> 00:03:42,645
it will look blurry because it will be too small.
60
00:03:42,640 --> 00:03:45,340
Let's export this image right now,
61
00:03:45,340 --> 00:03:48,990
as we traditionally do inside Illustrator.
62
00:03:48,985 --> 00:03:51,745
I'm going to export the first one.
63
00:03:51,745 --> 00:03:54,475
We will go to File,
64
00:03:54,475 --> 00:04:00,415
Export, Export as I will choose my Skillshare folder.
65
00:04:00,410 --> 00:04:03,750
I'm going to use my first artboard.
66
00:04:03,820 --> 00:04:08,610
I'm going to go write here, traditional-export.
67
00:04:12,200 --> 00:04:14,670
I'm going to export it.
68
00:04:14,670 --> 00:04:17,470
I'm going to choose 72.
69
00:04:18,650 --> 00:04:21,820
If I go to my folder,
70
00:04:21,815 --> 00:04:25,865
I can see here the image and this is a 100 percent,
71
00:04:25,865 --> 00:04:27,445
as you can see, it's really small.
72
00:04:27,440 --> 00:04:30,350
You can even see the artifacts that
73
00:04:30,350 --> 00:04:34,980
Illustrator makes to some images when you export them.
74
00:04:35,220 --> 00:04:43,570
It's not the ideal image to use that's why I choose to export them in a different way.
75
00:04:43,565 --> 00:04:45,275
You may ask, ''Well,
76
00:04:45,275 --> 00:04:47,495
why don't you make them bigger,
77
00:04:47,495 --> 00:04:53,645
the artboards and export them in a bigger size and then they won't look blurry?''
78
00:04:53,640 --> 00:04:55,070
Well, you could do that.
79
00:04:55,065 --> 00:04:59,665
I can make these artboard four or seven times bigger than
80
00:04:59,660 --> 00:05:04,570
they are right now and export the image in 72 PPI and they will look fine.
81
00:05:04,565 --> 00:05:07,615
But the truth is that because I'm working with vectors,
82
00:05:07,610 --> 00:05:09,530
I don't really have to do that.
83
00:05:09,530 --> 00:05:12,080
Sometimes when you're working inside Illustrator,
84
00:05:12,080 --> 00:05:17,270
depending on your computer or the resources that you have in your computer,
85
00:05:17,270 --> 00:05:20,180
it can crash,
86
00:05:20,180 --> 00:05:21,890
it can take a long time,
87
00:05:21,890 --> 00:05:26,420
and it's just not the ideal thing to do,
88
00:05:26,420 --> 00:05:29,750
to have too many things in one document sometimes that can cause
89
00:05:29,750 --> 00:05:33,190
problems and the reality is again,
90
00:05:33,185 --> 00:05:34,475
I don't need to do that.
91
00:05:34,470 --> 00:05:37,780
This is, for me, the best way to export these images.
92
00:05:37,780 --> 00:05:41,670
I'm going to show you the way that I do it.
93
00:05:41,770 --> 00:05:44,600
For this export,
94
00:05:44,600 --> 00:05:49,090
I need to make sure I have selected the image that I want to export,
95
00:05:49,090 --> 00:05:53,850
the artboard must be selected and then I go to File,
96
00:05:53,850 --> 00:05:57,510
Export, Save for Web.
97
00:05:57,510 --> 00:05:59,680
As you can see here, the image,
98
00:05:59,680 --> 00:06:08,710
it's pretty small and over here you can see the size of the image is in pixels.
99
00:06:08,710 --> 00:06:12,430
What I want to do, and I know this is a standard,
100
00:06:12,430 --> 00:06:20,910
I want that the smallest side of my image is at least 1,800 pixels.
101
00:06:20,905 --> 00:06:26,485
In this instance is the height because this image is wider
102
00:06:26,484 --> 00:06:32,534
than higher so I want to write here 1,800 pixels.
103
00:06:32,530 --> 00:06:39,660
Now you can see here how it changes how the image looks.
104
00:06:39,655 --> 00:06:44,175
You can see that I augmented that percentage
105
00:06:44,170 --> 00:06:50,080
by almost 700 percent and you don't have to worry because again,
106
00:06:50,080 --> 00:06:54,220
this is a vector image and it will look fine no matter what.
107
00:06:54,220 --> 00:06:59,180
Over here you should choose PNG 24 to export.
108
00:06:59,180 --> 00:07:03,240
Transparency, if you have an image that have transparency,
109
00:07:03,235 --> 00:07:04,825
you should check that box.
110
00:07:04,825 --> 00:07:08,275
If you don't have transparency, like in my case,
111
00:07:08,275 --> 00:07:12,915
you can uncheck that or you can leave it check it won't make any difference.
112
00:07:12,915 --> 00:07:15,745
You should make sure that you have "Art Optimized"
113
00:07:15,745 --> 00:07:19,615
selected and now you're going to click ''Save.''
114
00:07:19,615 --> 00:07:22,485
Again the I'm going to choose my Skillshare folder.
115
00:07:22,485 --> 00:07:30,825
I'm then going to write save-for-web and I'm going to save it.
116
00:07:30,825 --> 00:07:33,245
Now when I open,
117
00:07:33,245 --> 00:07:34,985
this is a traditional one,
118
00:07:34,985 --> 00:07:41,545
this is the Export for Web and this big image, it's 72 PPI.
119
00:07:41,545 --> 00:07:46,475
Save for Web, always export your images at 72 PPI.
120
00:07:46,470 --> 00:07:50,810
That is basically the reason why I choose to use Save for Web,
121
00:07:50,810 --> 00:07:55,790
because I can't have all of my images in just one folder in a small size,
122
00:07:55,790 --> 00:08:00,190
and they can export them in any size that I want without losing quality.
123
00:08:00,185 --> 00:08:02,935
That's the way that I export my images.
124
00:08:02,935 --> 00:08:05,555
That's why I always recommend using Save for
125
00:08:05,550 --> 00:08:08,110
Web whenever you're working with digital design.
126
00:08:08,110 --> 00:08:13,080
Your to-do for this lesson is to create a copy of your original designs,
127
00:08:13,080 --> 00:08:17,030
create a new document with the ratio that you want your portfolio images to
128
00:08:17,030 --> 00:08:21,030
be and export the images using the Save for Web.
129
00:08:21,025 --> 00:08:22,265
Once you have those,
130
00:08:22,265 --> 00:08:27,275
go to the next lesson to learn how to prepare your text for your portfolio.
10715
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.
Afrikaans
Akan
Albanian
Amharic
Armenian
Azerbaijani
Basque
Belarusian
Bemba
Bengali
Bihari
Bosnian
Breton
Bulgarian
Cambodian
Catalan
Cebuano
Cherokee
Chichewa
Chinese (Simplified)
Chinese (Traditional)
Corsican
Croatian
Czech
Danish
Dutch
English
Esperanto
Estonian
Faroese
Finnish
Galician
Georgian
German
Greek
Guarani
Haitian Creole
Hausa
Hawaiian
Hebrew
Hmong
Hungarian
Icelandic
Indonesian
Irish
Italian
Japanese
Kazakh
Kinyarwanda
Kirundi
Kongo
Korean
Krio (Sierra Leone)
Kurdish
Kyrgyz
Laothian
Latin
Latvian
Lithuanian
Luganda
Luo
Luxembourgish
Macedonian
Malagasy
Malay
Maltese
Maori
Mauritian Creole
Moldavian
Mongolian
Myanmar (Burmese)
Montenegrin
Nepali
Norwegian
Pashto
Persian
Polish
Portuguese (Brazil)
Portuguese (Portugal)
Quechua
Romanian
Romansh
Russian
Samoan
Scots Gaelic
Serbian
Sesotho
Setswana
Seychellois Creole
Shona
Sindhi
Sinhalese
Slovak
Slovenian
Somali
Spanish
Swedish
Tajik
Thai
Tigrinya
Tonga
Turkish
Turkmen
Ukrainian
Uzbek
Vietnamese
Welsh
Wolof