1
00:00:00,330 --> 00:00:03,880
Let's now take a closer look at
the structure of a Photoshop document.

2
00:00:03,880 --> 00:00:06,990
The general structure of a Photoshop
document consists of the artboard, or

3
00:00:06,990 --> 00:00:09,160
the area in which your content displays,
and

4
00:00:09,160 --> 00:00:12,240
layers of content stacked
one on top of another.

5
00:00:12,240 --> 00:00:15,110
Let's have a closer look at artboards.

6
00:00:15,110 --> 00:00:17,610
The artboard is an area in which all
of our content will display in our

7
00:00:17,610 --> 00:00:18,960
final graphic.

8
00:00:18,960 --> 00:00:21,750
Think of the artboard as a frame for
our content.

9
00:00:21,750 --> 00:00:23,860
We can have the content
outside of our artboard, but

10
00:00:23,860 --> 00:00:25,980
it won't show in the final product.

11
00:00:25,980 --> 00:00:29,670
We're also able to adjust our
artboard size in a few ways.

12
00:00:29,670 --> 00:00:31,575
One way is to view
the Properties panel and

13
00:00:31,575 --> 00:00:34,854
input the exact number in which we
want to have the artboard displayed.

14
00:00:38,518 --> 00:00:43,215
Another is to use the Crop tool and
use the click and drag handles to adjust

15
00:00:43,215 --> 00:00:50,205
the size While not as precise,

16
00:00:50,205 --> 00:00:54,520
we can always make adjustments in
the Properties panel if need be.

17
00:00:54,520 --> 00:00:58,612
Using the Crop tool on an artboard will
not modify the content of the artboard,

18
00:00:58,612 --> 00:01:02,397
and we can essentially use the same
handles to expand the artboard again.

19
00:01:03,528 --> 00:01:07,303
Similarly, the Artboard tool can
be used to click and drag, or

20
00:01:07,303 --> 00:01:09,735
select a pre-set from the top tool bar.

21
00:01:16,731 --> 00:01:19,000
Next, let's have a look at layers.

22
00:01:19,000 --> 00:01:22,660
Layers represent different pieces of
content within the document stacked

23
00:01:22,660 --> 00:01:24,700
one on top of the other.

24
00:01:24,700 --> 00:01:28,647
Within the Layers panel,
we can add new layers.

25
00:01:31,100 --> 00:01:32,663
We can change the order.

26
00:01:34,739 --> 00:01:36,580
And we can also change the visibility.

27
00:01:38,500 --> 00:01:42,580
The order of layers can be important
on how the final graphic appears, so

28
00:01:42,580 --> 00:01:46,480
if you happen to have a photo filter
on top of another photo filter,

29
00:01:46,480 --> 00:01:49,380
it will likely have a different
effect if you change them.

30
00:01:49,380 --> 00:01:52,790
Generally, any time you add new
content to a Photoshop document,

31
00:01:52,790 --> 00:01:54,740
it will likely create a new layer.

32
00:01:54,740 --> 00:01:56,130
So, for example, the Type tool.

33
00:01:56,130 --> 00:01:59,850
If we happen to type in
some new content here,

34
00:02:01,480 --> 00:02:04,320
it adds it to its own layer
within the Layers panel.

35
00:02:06,040 --> 00:02:09,105
However, things like
painting with the Brush or

36
00:02:09,105 --> 00:02:14,200
Gradient tool will only affect a currently
selected layer that already exists.

37
00:02:20,214 --> 00:02:23,352
That's looking pretty horrendous,
so I'm gonna go ahead and

38
00:02:23,352 --> 00:02:25,790
click on the History tool and
go back a few steps.

39
00:02:27,520 --> 00:02:30,800
Keeping the Photoshop document
organized will come in very handy

40
00:02:30,800 --> 00:02:32,700
as you add content and layers.

41
00:02:32,700 --> 00:02:37,780
We can group layers within folders and
create additional artboards.

42
00:02:37,780 --> 00:02:42,266
Within the Layers panel, clicking on
a folder icon will create a new folder,

43
00:02:42,266 --> 00:02:46,010
and we can drag whatever content
we'd like within that folder.

44
00:02:50,295 --> 00:02:53,270
As your document grows in layers and
possibly artboards,

45
00:02:53,270 --> 00:02:55,780
it's a good practice to name them.

46
00:02:55,780 --> 00:02:59,122
One way we can rename a layer is
within the Layers panel itself.

47
00:02:59,122 --> 00:03:02,206
Just double-click on a layer name and
give it a title.

48
00:03:05,539 --> 00:03:09,170
This will help you keep track of
what's going on in each layer.

49
00:03:09,170 --> 00:03:11,720
Now, things are a bit different
if we've opened a photo that

50
00:03:11,720 --> 00:03:14,920
isn't a native Photoshop document or
a PSD file.

51
00:03:15,940 --> 00:03:18,823
Let's open this original
JPG file from my camera.

52
00:03:21,645 --> 00:03:23,458
If we take a look at our Layers panel,

53
00:03:23,458 --> 00:03:27,990
we don't see that this image lands in
an artboard, and is simply a layer.

54
00:03:27,990 --> 00:03:30,972
Using the Properties panel
to adjust the size, or

55
00:03:30,972 --> 00:03:34,102
using the Crop tool will
indeed cut off our content.

56
00:03:38,211 --> 00:03:41,530
And I'm not able to uncrop
this as we did before.

57
00:03:42,930 --> 00:03:46,740
Again, I'm going to head back to
the History panel and undo that change.

58
00:03:46,740 --> 00:03:50,849
If we would like to create an artboard,
we can use the Artboard tool to draw one.

59
00:03:55,837 --> 00:04:00,664
If we take a look at our Layers panel,
we can see that we have indeed created our

60
00:04:00,664 --> 00:04:05,460
own artboard, and
our photo has remained in it's own layer.

61
00:04:05,460 --> 00:04:08,200
That's the general structure
of a Photoshop file.

62
00:04:08,200 --> 00:04:10,960
Layers are the building blocks
of any Photoshop document,

63
00:04:10,960 --> 00:04:14,500
and artboards are the frames
that hold those creations.

64
00:04:14,500 --> 00:04:17,710
Folders can be used to help group
your layers and stay organized.

65
00:04:19,060 --> 00:04:23,220
In this stage, we've introduced
the mighty graphics tool, Photoshop.

66
00:04:23,220 --> 00:04:25,770
We went through a brief
history of the application and

67
00:04:25,770 --> 00:04:27,420
learned a bit about how it evolved.

68
00:04:28,560 --> 00:04:32,920
From two brothers simply wanting to
display an image on a screen to a world

69
00:04:32,920 --> 00:04:37,590
recognized app that's used in many stages
of a standard creative process today.

70
00:04:38,770 --> 00:04:43,570
We took a brief look at the user interface
of Photoshop and shared a few tips for

71
00:04:43,570 --> 00:04:48,550
rearranging your panels, and where to
look for adjustments for an active tool.

72
00:04:48,550 --> 00:04:52,555
We then deconstructed a Photoshop
document learning about layers,

73
00:04:52,555 --> 00:04:54,920
artboards, and how they work together.

74
00:04:56,240 --> 00:04:59,190
In the next stage,
we'll dive in head first and

75
00:04:59,190 --> 00:05:02,211
start creating our ads for
client's photo studio