1
00:00:00,000 --> 00:00:04,808
[MUSIC]

2
00:00:04,808 --> 00:00:09,114
For this stage, we're gonna do a bit
of roleplay as we create some ads for

3
00:00:09,114 --> 00:00:10,430
a client.

4
00:00:10,430 --> 00:00:12,640
The client is Nature Light Studios,

5
00:00:12,640 --> 00:00:17,400
a small photography team that
specializes in photos for realtors.

6
00:00:17,400 --> 00:00:21,860
They'll be providing us with the imagery,
their logo, and even the copy, or

7
00:00:21,860 --> 00:00:26,000
text, that we'll need to use for
all three deliverables.

8
00:00:26,000 --> 00:00:29,500
They're looking for a banner for
a website, an ad for

9
00:00:29,500 --> 00:00:32,410
a mobile device, an ad for
a use in Twitter.

10
00:00:33,540 --> 00:00:36,050
So we'll need to make sure
their imagery looks good,

11
00:00:36,050 --> 00:00:40,660
and all the content is formatted
properly for each use case.

12
00:00:40,660 --> 00:00:44,100
You can download all the assets
we'll use in the teacher's notes.

13
00:00:44,100 --> 00:00:46,340
Within the ZIP file,
you'll find the image and

14
00:00:46,340 --> 00:00:48,510
logo we'll be using, let's get started.

15
00:00:49,770 --> 00:00:52,540
The first thing we'll want to do is
have a look at the image they sent

16
00:00:52,540 --> 00:00:53,650
of the property.

17
00:00:53,650 --> 00:00:57,677
So, let's open the file,
Naturelightimage-raw.jpg.

18
00:01:03,049 --> 00:01:04,506
The first thing I notice is,

19
00:01:04,506 --> 00:01:08,440
there's an unnecessary whitespace
around the image itself.

20
00:01:08,440 --> 00:01:12,000
Let's go ahead and use the Crop tool
to isolate just the image content.

21
00:01:13,200 --> 00:01:16,500
Once selected,
the Crop tool gives us an overlay,

22
00:01:16,500 --> 00:01:19,340
with handles on each side we can adjust.

23
00:01:19,340 --> 00:01:24,860
In our top toolbar, we can take advantage
of some popular preset aspect ratios, or

24
00:01:24,860 --> 00:01:29,660
the relationship of the width to height,
and the crop will constrain to that ratio.

25
00:01:29,660 --> 00:01:31,572
For this image, let's go ahead and

26
00:01:31,572 --> 00:01:35,287
manually crop the image by selecting
width by height by resolution.

27
00:01:48,200 --> 00:01:51,440
It's okay if we crop just a little
bit of the edges of the image,

28
00:01:51,440 --> 00:01:54,485
as it probably won't end
up in our final product.

29
00:01:54,485 --> 00:01:56,785
Press Enter to commit
to your crop changes.

30
00:01:58,025 --> 00:02:01,065
Next, let's have a look at
the histogram for this image.

31
00:02:01,065 --> 00:02:04,991
To bring up the histogram, if you're not
seeing it, select it from the Window menu.

32
00:02:08,524 --> 00:02:12,519
The histogram gives us the tonal range for
all the colors within the photo,

33
00:02:12,519 --> 00:02:15,480
giving us an overview of the exposure.

34
00:02:15,480 --> 00:02:18,830
Along the horizontal axis,
we'll see the distribution of tones and

35
00:02:18,830 --> 00:02:24,470
colors lying within the range black to
white, or shadows to captured light.

36
00:02:24,470 --> 00:02:28,690
The vertical axis tells us how much
we're seeing of a specific tone.

37
00:02:28,690 --> 00:02:35,030
Generally, when looking at a histogram,
we see all colors RGB-combined by default.

38
00:02:35,030 --> 00:02:40,280
If an image is overexposed, it'll be
quite a bit of white, and look blown-out.

39
00:02:40,280 --> 00:02:44,698
The histogram would then appear heavier
on the right-hand side of the graph.

40
00:02:44,698 --> 00:02:47,900
If it's underexposed,
the image will appear dark, and

41
00:02:47,900 --> 00:02:51,050
have more peaks to the left
end of the histogram.

42
00:02:51,050 --> 00:02:54,320
Our image here appears to
be quite overexposed, and

43
00:02:54,320 --> 00:02:55,970
that's not always a bad thing.

44
00:02:55,970 --> 00:02:59,800
This whitespace will actually come
in handy for our end product.

45
00:02:59,800 --> 00:03:01,080
We can make a few adjustments,

46
00:03:01,080 --> 00:03:04,070
however, to bring out some of
the natural colors of this image.

47
00:03:04,070 --> 00:03:07,280
To do so,
we're gonna use a few adjustment layers.

48
00:03:07,280 --> 00:03:12,032
Adjustment layers allow us to modify
an image in a non-destructive method.

49
00:03:12,032 --> 00:03:16,920
Meaning we can delete the layer,
if we don't like the adjustments we made.

50
00:03:16,920 --> 00:03:20,989
If we were to use the Levels adjustment
from within the Image Image menu,

51
00:03:23,338 --> 00:03:27,998
That would be a destructive adjustment,
that would immediately affect our image.

52
00:03:27,998 --> 00:03:29,090
For the most part,

53
00:03:29,090 --> 00:03:32,647
sticking to non-destructive
techniques is best practice.

54
00:03:32,647 --> 00:03:37,505
As it allows us to undo or
modify any adjustments we make.

55
00:03:37,505 --> 00:03:42,110
So let's add an adjustments layer,
and see how those corrections work.

56
00:03:42,110 --> 00:03:45,474
From the Layers panel, let's go ahead and

57
00:03:45,474 --> 00:03:51,001
select Adjustments Layer, and
select the Levels adjustment layer.

58
00:03:51,001 --> 00:03:55,621
As you can see, the levels
adjustment looks like our histogram,

59
00:03:55,621 --> 00:03:58,481
providing us a tonal range of the image.

60
00:03:58,481 --> 00:04:01,522
We're able to make
adjustments to this range,

61
00:04:01,522 --> 00:04:04,190
either in RGB together or individually.

62
00:04:06,190 --> 00:04:09,303
I'll make some adjustments to help bring
out the reds and blues in the image.

63
00:04:13,902 --> 00:04:18,668
Slightly decrease the midpoint of the red.

64
00:04:18,668 --> 00:04:23,162
The highlights as well, just a hair,
and then now I'll select Green.

65
00:04:25,395 --> 00:04:31,869
Gonna adjust the shadows of the greens,
again just a hair.

66
00:04:35,930 --> 00:04:37,243
And the highlights.

67
00:04:40,499 --> 00:04:42,038
Finally we'll adjust the blue.

68
00:04:45,005 --> 00:04:54,082
I'll choose to adjust the midpoint on
this one as well, And the highlights.

69
00:04:56,973 --> 00:04:59,247
The one thing to think about
when making adjustments.

70
00:04:59,247 --> 00:05:03,186
Is, the gradient below will give you
a good idea of whether you're adjusting

71
00:05:03,186 --> 00:05:06,820
the highlights or
shadow areas of a specific channel.

72
00:05:06,820 --> 00:05:09,620
If you'd like to read more
about adjusting levels,

73
00:05:09,620 --> 00:05:12,320
check out the links in
the teacher's notes.

74
00:05:12,320 --> 00:05:14,250
So this is looking pretty good.

75
00:05:14,250 --> 00:05:16,675
We can preview our adjustments
later by turning it on and

76
00:05:16,675 --> 00:05:17,971
off within the Layers panel.

77
00:05:21,162 --> 00:05:26,754
Let's add just one more adjustment layer,
to bring up the contrast of our colors.

78
00:05:26,754 --> 00:05:33,539
Again, selecting Adjustment Layer and
choosing Brightness/Contrast this time.

79
00:05:33,539 --> 00:05:36,022
This panel only has two adjustments,

80
00:05:36,022 --> 00:05:41,110
similar to the one you may find on a TV,
Brightness and Contrast.

81
00:05:41,110 --> 00:05:45,162
By increasing the contrast, we'll see
the difference between colors, and

82
00:05:45,162 --> 00:05:46,918
bring about additional detail.

83
00:05:53,166 --> 00:05:55,787
And we'll bring up the brightness
just a hair as well.

84
00:05:59,428 --> 00:06:01,470
Okay, that's looking pretty good as well.

85
00:06:01,470 --> 00:06:04,210
We can also, again, turn on and

86
00:06:04,210 --> 00:06:09,280
off our levels together, and see them
combined, or one on top of each other.

87
00:06:09,280 --> 00:06:13,775
Okay, this is looking pretty good,
let's go ahead and save it,

88
00:06:13,775 --> 00:06:15,510
click File, then Save.

89
00:06:17,130 --> 00:06:22,310
Since we've added some layers, it'll
default to saving in the PSD extension.

90
00:06:22,310 --> 00:06:25,023
For now,
I'll choose to save this on my desktop,

91
00:06:25,023 --> 00:06:28,200
and I'll make sure that
the layers are indeed preserved.