0
1
00:00:02,810 --> 00:00:06,400
Alright. Time for some photoshop tutorial. For most of design,
1

2
00:00:06,400 --> 00:00:07,340
Figma is sufficient.
2

3
00:00:07,340 --> 00:00:10,340
But in some scenarios we can't do without Photoshop.
3

4
00:00:10,340 --> 00:00:11,240
This is one of them.
4

5
00:00:14,100 --> 00:00:18,690
If you don't already have Photoshop, you can get a 7 day free trial. And if you want to buy it, it
5

6
00:00:18,690 --> 00:00:27,060
costs about $10 per month, which includes Photoshop, Lightroom and all Adobe fonts, and a 20GB
6

7
00:00:27,060 --> 00:00:28,800
of their cloud storage space.
7

8
00:00:28,980 --> 00:00:34,650
You can download the trial from Adobe.com/downloads. Or just google Photoshop download.
8

9
00:00:39,390 --> 00:00:42,860
In case you have already used up your 7-day Photoshop trial in the past.
9

10
00:00:43,020 --> 00:00:43,920
Then you can try,
10

11
00:00:43,920 --> 00:00:45,570
Affinity photo instead.
11

12
00:00:45,720 --> 00:00:50,010
It's a very good alternative to Photoshop and most of the interface and how it all works is quite similar
12

13
00:00:50,010 --> 00:00:50,930
to Photoshop.
13

14
00:00:50,970 --> 00:00:56,640
I've included the link resources, it has 10-day free trial. Although, I won't be demonstrating this how
14

15
00:00:56,640 --> 00:01:01,980
to do in Affinity. But since they two are very similar, you will probably figure it out how to make it
15

16
00:01:01,980 --> 00:01:03,510
work inside Affinity as well.
16

17
00:01:06,410 --> 00:01:09,830
Okay back to Photoshop. After you go through the installation process,
17

18
00:01:09,830 --> 00:01:14,200
this will be your initial screen. Click Open and select the photo file.
18

19
00:01:14,240 --> 00:01:19,250
I've included this image in the resources of this lesson, so you can work on the same photo if you want.
19

20
00:01:19,520 --> 00:01:21,470
A quick lifesaver tip on Photoshop.
20

21
00:01:21,470 --> 00:01:26,390
When I first started using photoshop, I would end up losing some tools and options frequently.
21

22
00:01:26,390 --> 00:01:31,490
I would watch a youtube tutorial to learn something, but then I would be, not be able to find a tool that
22

23
00:01:31,490 --> 00:01:32,930
they were using in the video.
23

24
00:01:32,930 --> 00:01:38,480
Photoshop has a lot of shortcuts and little options, where you can easily close some tab or remove a
24

25
00:01:38,480 --> 00:01:39,980
tool and so on.
25

26
00:01:40,070 --> 00:01:45,740
I would end up with toolbox gone. No layers panel. And no idea on how to put them back. So I wouldn't
26

27
00:01:45,740 --> 00:01:48,860
be able to follow a tutorial anymore, because the tool isn't there.
27

28
00:01:48,860 --> 00:01:54,410
It's a nightmare for any beginner when you are trying to get your head around this new software and
28

29
00:01:54,650 --> 00:01:56,870
learn a lot of things at the same time.
29

30
00:01:56,870 --> 00:02:00,130
I would lose a lot of time figuring out how to put it back.
30

31
00:02:00,170 --> 00:02:03,080
So here is a trick on how to return everything back to normal,
31

32
00:02:03,080 --> 00:02:08,270
in case you mess up something. Go to this icon right here and select essentials. If that's what you already
32

33
00:02:08,270 --> 00:02:09,020
have selected,
33

34
00:02:09,050 --> 00:02:14,780
then click reset essentials. And this will return the workspace to the default. Just like it was out of
34

35
00:02:14,780 --> 00:02:15,230
the box,
35

36
00:02:15,230 --> 00:02:17,080
the very first time you installed it.
36

37
00:02:17,150 --> 00:02:18,710
This will include 2 extra tabs.
37

38
00:02:18,710 --> 00:02:23,060
This here is Photoshop's guide tutorial of some essential stuff.
38

39
00:02:23,060 --> 00:02:26,740
I recommend going through it later, if this is your first time with Photoshop.
39

40
00:02:26,750 --> 00:02:29,360
Okay, I don't need these two tabs right here, so I'm going to close them.
40

41
00:02:32,510 --> 00:02:36,980
If this method doesn't still return everything back to normal, then that means you have changed something
41

42
00:02:36,980 --> 00:02:38,380
in the preferences.
42

43
00:02:38,420 --> 00:02:41,510
In that case, go to preferences. In windows,
43

44
00:02:41,510 --> 00:02:48,170
this is under edit menu. And Select General. And click Reset Preferences On Quit. Restart Photoshop and
44

45
00:02:48,170 --> 00:02:49,720
everything will go back to normal.
45

46
00:02:49,730 --> 00:02:54,200
Keep in mind, any preference that you intentionally changed in the past, that will be gone too.
46

47
00:02:54,250 --> 00:02:54,490
All right.
47

48
00:02:54,490 --> 00:02:55,500
Back to our photo.
48

49
00:02:57,850 --> 00:03:02,170
Often you find the right image of your project, but it's not quite the right size.
49

50
00:03:02,170 --> 00:03:04,790
This image, for example, would make a great background photo.
50

51
00:03:04,810 --> 00:03:08,760
It's clean, it's simple, it has great color contrast, but has one problem.
51

52
00:03:08,770 --> 00:03:13,660
The separation between the beach and the water cuts right through the middle of the picture.
52

53
00:03:13,690 --> 00:03:20,160
Neither side is wide enough to host our content. But if we could stretch one of the sides a little more,
53

54
00:03:20,200 --> 00:03:22,740
then we would have a perfect arrangement.
54

55
00:03:22,750 --> 00:03:25,830
Luckily, we can do that in Photoshop. Inside layers panel,
55

56
00:03:26,020 --> 00:03:28,140
you'll see this lock on the layer.
56

57
00:03:28,150 --> 00:03:32,700
This means, the layer is partially locked and in many ways won't be editable as you'd expect it.
57

58
00:03:32,710 --> 00:03:34,830
So just click on this lock to unlock the layer.
58

59
00:03:36,300 --> 00:03:38,100
Now, select this crop tool.
59

60
00:03:41,490 --> 00:03:46,980
You'll have these handles around the image. Drag the side you want to create the stretch crop on.
60

61
00:03:46,980 --> 00:03:49,470
This just extends the boundaries of our art board.
61

62
00:03:49,590 --> 00:03:50,490
Click the checkmark
62

63
00:03:50,490 --> 00:03:56,860
once done, so it commits the change. Now select this rectangular Marquee Tool.
63

64
00:03:57,100 --> 00:04:00,340
In case, you see something else here, right-click on it.
64

65
00:04:00,340 --> 00:04:03,710
This will open up all the other tools that are part of this group.
65

66
00:04:03,850 --> 00:04:06,900
Now, drag and select the part that you want to stretch.
66

67
00:04:06,940 --> 00:04:12,230
Make sure to select parts, that don't have any detail on it, something that is already blurry or uniform.
67

68
00:04:12,280 --> 00:04:14,790
You can't do this with people or objects.
68

69
00:04:14,800 --> 00:04:18,410
This can be done only on backgrounds, blurry parts and so on.
69

70
00:04:18,430 --> 00:04:24,100
I select extra on the left side, just to make sure the entire edge is selected. Once it's selected, go to
70

71
00:04:24,120 --> 00:04:26,650
Edit → Free Transform.
71

72
00:04:26,650 --> 00:04:31,060
You can also press CTRL+T or CMD+T, just as it's shown right here.
72

73
00:04:31,150 --> 00:04:35,310
Now, just drag the left handle and stretch the image, as much as you feel is right.
73

74
00:04:39,610 --> 00:04:41,150
And then click the checkmark
74

75
00:04:41,200 --> 00:04:44,700
again, this commits the change you are making to the selection.
75

76
00:04:45,100 --> 00:04:48,310
If you have extra space here, select crop tool again and crop it out.
76

77
00:04:57,700 --> 00:05:02,590
Now we've got an image that has a good amount of space, so we can put our content. To save that image,
77

78
00:05:02,590 --> 00:05:05,740
just click file, save as and select JPEG.
78

79
00:05:15,240 --> 00:05:15,890
And that's all.