0
1
00:00:00,240 --> 00:00:02,580
I'm a big fan of movie poster design.
1

2
00:00:02,580 --> 00:00:07,740
Most of them have a great design work. It's intriguing, exciting and often mysterious.
2

3
00:00:07,740 --> 00:00:13,100
I often have this habit of staring at movie posters in the streets. And then boring my girlfriend with
3

4
00:00:13,230 --> 00:00:19,380
the details on what sort of typography they were using, and what did they do with a photo, and what sort of
4

5
00:00:19,380 --> 00:00:21,090
design tricks they used on it.
5

6
00:00:21,100 --> 00:00:26,770
As you learn fundamentals of good design, you will never look at the movie posters the same way again.
6

7
00:00:26,790 --> 00:00:32,530
Here on these 2 posters, I want you to notice the similarity in how the photos are used.
7

8
00:00:32,550 --> 00:00:40,050
Do you notice how their full head is invisible? And it's zoomed in, very closely, to their face.
8

9
00:00:40,050 --> 00:00:43,310
This is called Extreme Crop. In this and following lesson,
9

10
00:00:43,320 --> 00:00:47,280
I'm going to teach you several ways how to crop an image. How cool is design?
10

11
00:00:47,280 --> 00:00:49,530
There are even tricks on how to crop a photo.
11

12
00:00:49,890 --> 00:00:51,370
Let's start with Extreme Crop.
12

13
00:00:51,420 --> 00:00:53,970
Remember this example from the color lesson?
13

14
00:00:53,970 --> 00:00:59,370
The original photo of the lion is actually this. But this layout isn't as impressive, as the previous
14

15
00:00:59,370 --> 00:00:59,640
one.
15

16
00:00:59,820 --> 00:01:06,120
Despite the fact that we see more of the lion. Compared to the full view, her look now has become much
16

17
00:01:06,120 --> 00:01:08,640
more intense and a little unsettling.
17

18
00:01:08,640 --> 00:01:11,160
It adds more emotion and drama to the image.
18

19
00:01:11,160 --> 00:01:12,810
There are two things happening here.
19

20
00:01:12,810 --> 00:01:20,100
First, there is more focus on the most important part of any being – their face and especially their eyes.
20

21
00:01:20,100 --> 00:01:22,440
This makes a shot more intimate.
21

22
00:01:22,530 --> 00:01:27,330
The eyes are sort of talking to us. Like they're trying to give us a message, or demonstrate some sort
22

23
00:01:27,330 --> 00:01:34,320
of emotion. Makes us more curious and interested. And the second, hiding parts of the subject creates mystery.
23

24
00:01:34,320 --> 00:01:37,880
The story that is on the poster, now doesn't end on the edge of
24

25
00:01:37,880 --> 00:01:38,550
that poster.
25

26
00:01:38,550 --> 00:01:42,370
It feels like there is much more to it than what we see.
26

27
00:01:42,450 --> 00:01:47,490
Which means, we want to find out. And we want to solve the puzzle of that mystery.
27

28
00:01:47,490 --> 00:01:52,790
This is how you make interesting design. Extreme cropping isn't just used on humans and animals,
28

29
00:01:52,800 --> 00:01:54,440
it can be used on objects too.
29

30
00:01:54,660 --> 00:01:59,920
This a great example of extreme cropping, I came across on some website. Cropping out parts of the bicycle
30

31
00:01:59,960 --> 00:02:01,980
makes the section more interesting.
31

32
00:02:01,980 --> 00:02:08,810
The key to nailing extreme crop is to not go too far and make the object unrecognizable.
32

33
00:02:08,820 --> 00:02:13,500
The audience has to understand what's the object instantly, without squinting or pausing even for a
33

34
00:02:13,500 --> 00:02:15,750
second. Until the object remains obvious,
34

35
00:02:15,750 --> 00:02:18,100
then you have a freedom to go pretty extreme.
35

36
00:02:18,150 --> 00:02:23,250
For instance, say you are designing a website for a guitar store. Instead of using the full shape of the
36

37
00:02:23,250 --> 00:02:24,030
guitar,
37

38
00:02:24,120 --> 00:02:27,120
you can zoom in and crop to the head of the guitar.
38

39
00:02:27,120 --> 00:02:28,710
We can clearly see it's a guitar.
39

40
00:02:28,710 --> 00:02:30,630
Absolutely undeniable.
40

41
00:02:30,630 --> 00:02:32,850
But this is now more interesting.
41

42
00:02:32,850 --> 00:02:38,400
This way we are teasing an audience a little. We are dangling a little information in front of them, but
42

43
00:02:38,430 --> 00:02:39,930
not revealing the whole picture.
43

44
00:02:39,960 --> 00:02:41,700
We're making them finish the puzzle.
44

45
00:02:41,700 --> 00:02:48,390
Add your content.  Sample of color from the guitar, make the body text a bit lighter, so it doesn't compete
45

46
00:02:48,390 --> 00:02:51,410
with the headline. And bam! You have an excellent section.
46

47
00:02:51,420 --> 00:02:53,340
It's interesting and intriguing.
47

48
00:02:53,340 --> 00:02:58,710
Remember the lesson about typography? And how to match the personality and mood of the typeface with
48

49
00:02:58,710 --> 00:02:59,520
the context?
49

50
00:02:59,520 --> 00:03:00,540
Take a look at the headline.
50

51
00:03:00,540 --> 00:03:04,440
It says "classical guitars". Without knowing anything about guitars,
51

52
00:03:04,440 --> 00:03:10,230
the word "classical" already dictates, what choice we should make with the typography.
52

53
00:03:10,320 --> 00:03:16,590
Using a modern, geometric typeface like Futura would be so out of place in here. But a script typeface
53

54
00:03:16,590 --> 00:03:19,200
like Apple Chansery is a great match.
54

55
00:03:21,790 --> 00:03:24,900
Often you'll need to design for a very narrow spaces.
55

56
00:03:24,940 --> 00:03:30,400
For example, a horizontal banner for newsletter sign ups. In a narrow space like these, when we place
56

57
00:03:30,400 --> 00:03:36,550
an image, the drama and power within the image is decreased. Because how small it is. This a great image,
57

58
00:03:36,550 --> 00:03:38,770
with a lot of emotion in it, but it's lost.
58

59
00:03:38,770 --> 00:03:40,380
There is a great solution to this.
59

60
00:03:40,420 --> 00:03:42,980
We can find a frame that tells the story.
60

61
00:03:43,120 --> 00:03:49,180
In this case, it's the faces. And zoom into that frame. This frame still portrays the story of the image.
61

62
00:03:49,480 --> 00:03:55,150
The face of the kid is in focus and the parts of the mother's face is enough, to demonstrate the emotion
62

63
00:03:55,150 --> 00:03:59,800
of the photo. Like love and happy vibes. Add the content. And that's it.
63

64
00:03:59,800 --> 00:04:01,650
Now we get a more effective banner.
64

65
00:04:01,690 --> 00:04:06,910
The emotion is still there. And we don't have to squint to understand what's going on in the image.
65

66
00:04:06,910 --> 00:04:10,570
This trick is quite handy for blog headers and article pages.
66

67
00:04:10,570 --> 00:04:16,990
Find a frame that tells the story on its own. Crop into that and now you have a very interesting header
67

68
00:04:17,020 --> 00:04:22,000
for a blog page. One graphic design professor called this technique, "Peeking through the blinds".
68

69
00:04:22,000 --> 00:04:27,490
Think of it not as a cropped photo, but more like the parts of the scene that you see, as you're looking
69

70
00:04:27,490 --> 00:04:28,480
at it through the blinds.