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