Fundamentals of Photoshop: Getting Started with the Interface, Tools, and Layers (Photoshop I) | Meg Lewis | Skillshare

Fundamentals of Photoshop: Getting Started with the Interface, Tools, and Layers (Photoshop I) skillshare originals badge

Meg Lewis, Designer, comedian, performer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
21 Lessons (1h 16m)
    • 1. Trailer

      0:35
    • 2. Intro to Resolution

      0:28
    • 3. Resolution & Designing for Print vs. Web

      11:47
    • 4. Intro to Workspaces

      0:23
    • 5. Workspace

      6:52
    • 6. Intro to Tools Exploration

      0:22
    • 7. Toolbar

      14:12
    • 8. Intro to Windows

      0:27
    • 9. Windows

      6:54
    • 10. Intro to Layers

      0:27
    • 11. Layers

      6:43
    • 12. Intro to File Types

      0:25
    • 13. File Types

      3:27
    • 14. Intro to Canvas Size

      0:26
    • 15. Canvas Size

      Nic&Sheila.jpg
      4:16
    • 16. Intro to Zooming

      0:26
    • 17. Zoom

      2:24
    • 18. Intro to File Naming

      0:24
    • 19. File Naming

      2:14
    • 20. Collage Project

      12:27
    • 21. More Creative Classes on Skillshare

      0:33
27 students are watching this class

About This Class

In collaboration with Adobe, we're excited to announce a free 5-class series on Adobe Photoshop CC for Beginners that'll run from March 1 – March 31st 2015. Each week, you’ll create projects in Photoshop and submit your work on Skillshare for feedback from your classmates, pushing your skills even further.

If you complete all course work before the final deadline, you’ll be eligible to receive a free voucher to take the Adobe Certified Associate exam in Photoshop (a $95 value). The top student chosen by the class teaching assistants (TAs) will also be awarded 1 free year of Creative Cloud membership. Judging will be based on quality of projects submitted and student participation.

This is the first class in the 5-class series.

→ View the syllabus for more details and a list of the key dates.

Important Notice

A trial of Adobe Photoshop CC or Creative Cloud membership will be needed to get the most out of this course. If you’re not a Creative Cloud member we recommend that you download a free 30-day trial of Adobe Photoshop CC when you start the course.

→ Click here to start your 30-day free trial of Adobe Photoshop CC

→ Click here to purchase a Creative Cloud membership

c3b9013b

Welcome to the first lesson in this five-part series of Photoshop classes. Throughout this series we'll cover everything you need to know to become a Photoshop pro. Knowing how to use Photoshop is an incredibly useful skill and is commonly used by anyone from photographers to graphic designers and illustrators. It is such a robust program that can be extremely overwhelming. I'll do my best to make you feel comfortable while I teach you the ins and outs.

This series is perfect if you're slightly familiar with yet aren't completely confident in your Photoshop skills. If you have never opened Photoshop and are feeling brave; this class is great for you too! It’s absolutely fine if you’ve never opened Photoshop until now.

Photoshop is such an exciting program as it allows you to produce so many kinds of beautiful things. Anything from beautiful business cards and stationery to websites tailored just for you can be created in Photoshop. The goal of this series is to get you to expert level so that your imagination can go straight to Photoshop’s canvas

What You'll Learn
In this Adobe Photoshop tutorial, you'll learn the fundamentals of Photoshop's interface. I'll help to show you exactly what you're dealing with when you first launch Photoshop. Topics in this class include:

  • Resolution. We’ll learn what resolution is and what it means. Together, we’ll take a look at various compositions and devices and learn the standard resolution size for those formats. I’ll give a special emphasis on resolution sizes for web and mobile in order to enhance your Photoshop design.
  • Photoshop Workspaces. We’ll open Photoshop together and take a peek around to see what’s going on under the Photoshop hood. Learn how to customize the Photoshop basics in order to see only what you want when you want it. I’ll show you exactly what you’re looking at so that you feel comfortable as we move forward. 
  • Tools and the Photoshop Toolbar. I’ll briefly show you the handiest of tools and give you a few toolbar tips and tricks along the way. We’ll study tool options and bonus surprises that each tool has. With even more options hidden within this panel, there is more than enough to get started learning how to Photoshop your drunk uncle out of your holiday photos!
  • Photoshop Windows. There are so many Photohop windows that it’s hard to know which ones you’ll need. I’ll show you around the default windows, which are generally the most important, and tell you how they work. From the color window to the swatches, whether you’re doing some Photoshop retouching or just playing around, knowing what each window does is essential to getting started.
  • Layers. Layers are such an important part of Photoshop. I’ll show you everything you need to know about layers to become a Photoshop pro. We’ll create layers, duplicate layers, and get them all organized into groups! It may boring, but if you’re an organization fiend like I am...you’ll love it.
  • Saving Files and File Types. Easy photoshop tutorials often overlook the elements of organization. There are a lot of ways to save your Photoshop files. I’ll do my best to show you the most important ways to do so. We’ll learn what exactly a PSD file is. How to save PDFs in Photoshop and the various image types that you can save to.
  • Adjusting your Canvas Size. Your Photoshop canvas is like a window into the soul of your project. And it can be quite frustrating when the size of your canvas is holding you back. I’ll show you how to adjust your canvas size most effectively and let you know when the right time to adjust the size of your canvas is.
  • The Zoom Tool. I’ll show you the quick n’ dirty tips and tricks of the zoom tool and how to zoom most effectively.
  • Best File Naming Practices. Knowing how to name your files is incredibly important if you want to keep them organized. It’s easy to haphazardly name your files and not be able to find them again. I’ll show you my favorite methods for naming my files and organizing them into folders.

What You'll Make

At the end of the class you'll be able to apply all of the skills you've learned to make a bold and bright geometric collage. Use color, shapes, and layering to design a truly unique composition.

f2846f83

Required Class Supplies

Adobe Photoshop. If you don’t have the program you can download a 30 day free trial here. All class tutorials are recorded on a Mac using Photoshop via Adobe Creative Cloud. You do not need a Mac or the most recent version of Photoshop to follow along. Most of the tools are consistent across all versions of Photoshop. 

Please note: Photoshop Elements is a limited version of Photoshop and is not recommended for this course.

Other Classes in This Series:

Transcripts

1. Trailer: Hi, I'm Meg Lewis. In this class, we'll learn all the getting started basics of Photoshop's interface, tools, and windows. I'll teach you some of my favorite tips for naming and saving files, organizing layers, adjusting the size of your Photoshop document, and zooming in and out so you'll work more effectively. This may sound like a boring lesson, but it's absolutely not. If you're an organization freak like me, you'll love it. At the end of the class, you'll learn how to make an awesome geometric collage using layers. 2. Intro to Resolution: This lesson is all about resolution. We'll learn what resolution is and what it means. Together, we'll look at various compositions and devices and learn the standard resolution size from those formats. I'll give a special emphasis on resolution size for web and mobile as those dimensions are always very specific. 3. Resolution & Designing for Print vs. Web: Hey skill share babes, welcome to my series of Photoshop classes on Skill Share. My name is Meg Lewis, you probably know enough about me from the bio that you saw on Skillshare. So, let's just dive right in. Our first lesson here is on resolution and I'm going to go a little bit over and beyond on all of the conversations and sections taught throughout this class and throughout the entire series. The way this series works is each of the classes are independent of one another and you are welcome to take the classes that you think apply best to you but you will get the best experience if you take all of the classes in their sequential order. So, we might be learning things along the way and if you just hop into a random class at the end of the series, you might miss some important things and we're going to dive pretty deep into all of the things along the way so, it's really important that you just take them all and each class is about an hour or so worth of video. So, it's not really going to take up a lot of your time but we will be covering a lot of information. Okay, so let's dive right into resolution. So let's talk about what exactly resolution is and what you need to know here. Okay. So, let's take a look at Photoshop here. I mentioned this before, I am using Photoshop CS6 right now. Sometimes I use this one, sometimes I use the Creative Cloud. So what you need to know is that the Creative Cloud is a monthly or annual subscription-based service that Adobe offers. If you downloaded the trial, you probably have a Creative Cloud trial. The CS6 is actually the newest version of Photoshop if you buy it separately and I want to use both just so that I show you guys the difference between the two because they're basically the same but they are two different things. They have all the same tools it's just that Creative Cloud is a subscription service that updates on its own, whereas CS6 is the disks that you actually buy separately in a store. So, I'm using CS6 for right now but I might switch back and forth between Creative Cloud just so that you guys see the difference and again they're pretty much the same. I would highly recommend just getting a Creative Cloud membership if you don't mind spending the money, it's cheaper because it's just a fee every month a smaller fee. So, the nice thing about the Creative Cloud is that it updates every time there's an update to the software so you don't need to spend hundreds of dollars each time a new creative suite comes out it will just update automatically for you which is really really nice because they do release new ones quite often every couple of years and each time there are new features. So, rather than spending all that money each time, you can just get that Creative Cloud membership and it will update on its own. All right, enough of me blubbering so let's get right in. This is Photoshop again CS6 as you see right here. So, let's just create a new Photoshop document here, so I'm going to go "File" "New" and you see that we get this handy little window that pops up. You'll probably have different numbers right here this is just saved what I did last time I was in Photoshop. So, if you have different presets there, it's absolutely fine we're going to customize this for ourselves. So, up here you have your file name. So, we can name this whatever we want, let's name it whatever we want. Again, I don't put spaces in there just because it's good file naming conventions and I will dive more on that in a different lesson. Okay, so, again, this lesson is about resolution and you really need to know what resolution is before you even create your first Photoshop document. So, right now, I have a set tool pixel width of 1200 and a pixel height of 1200 and obviously that is going to be a square, but we need to figure out first what all these things are. So, we have pixels and inches which are the primary things that I use and that most people use in their day-to-day life. So, I'm going to explain to you a little bit about the difference between pixels and inches. So, pixels are anything that you need to design for the web that includes mobile devices as well will be in pixels so that's anything basically for the web or for the screen. So, anything you're looking at on a computer screen and you won't be printing out for any reason, you'll just want to use pixels. If you want to print something that you primary focus for that is to be printed, you'll definitely want to go with inches. For this class, we'll be doing a lot of things in pixels only because this is an internet-based class so we'll be looking at everything we're doing on screen. So, I'm going to use pixels for everything and I am primarily a web designer in my job so, I usually use pixels most often but if you are a print designer or a photographer or somebody who really needs to print their stuff out a lot, you'll probably use inches more often. So, inches again, if I click inches here, you'll notice that it says width of 16. It tries to convert those 1200 pixels into an inch. Let's close this so we have 16.667 inches is the same in Photoshop as 1200 pixels. Let's go back to inches. So, if I wanted to create 8.5 by 11 piece of paper document, I would literally go 8.5 width and then 11 height and make sure that these are set on inches. So, again, with printing there are two color modes there's RGB color mode and CMYK color mode and we'll go more in that dive deeper into that in our color lesson but for now I just want you to be familiar with this entire creating a new document panel here. So, if we were creating a document for the web, we would want CMYK, I'm sorry if we created a document for the web we'd want RGB not CMYK. CMYK color is for printing. So, again, if we're doing inches, we always want to have it set on CMYK because we're printing and if we're designing for screens and for the internet, we'll want to put it on pixels and RGB color. Now these other colors, you really don't need to know much about grayscale obviously just keeps things in gray. If you need that for any reason. I usually just mess with the gray scale settings in my printer which is the only time I usually print grayscale is if I'm going with a printer and I can just do that during printing settings. So, really just RGB and CMYK is all you really will ever need to know. So, as for resolution, resolution is generally only important to know if you're designing for screens and for the web. So, anything you're designing for screens in those pixel format, in the RGB color, you'll need to know a little bit about resolution. Now, resolution is how large your document is and how many pixels wide and how many pixels tall it is. So, there are some common resolutions that we use here in web design and also with designing for various devices if I were designing for an iPhone for instance. There are common resolutions. So, if I was designing for the web, there are few standard dimensions that you need to know. Back in the day, websites used to always be 960 pixels wide, I'm going to type this in here 960 pixels wide. That is a very common width for websites and it is not very wide at all but it's as safe width for websites that can be viewed on any size of laptop or desktop computer which is why 960 is a good number. Now, for websites, you can make websites as tall as you want. We have a general rule where if you want to keep things above the fold on a website which means that it is above the point of where you have to scroll down. So, if I open up a website, it's all of the things I see right from the beginning before I'm scrolling down is above the fold. So, if I want to keep things above the fold, I would make my document 600 pixels high. So, 600 pixels in height is how much we have to fit in above that scrolling point above the fold. So, okay, now we have a website that's 960 pixels wide by 600 tall. If I create that document, you're going to see this is a 100 percent of the size and it's pretty small. This is just a really great size of a website if you have a very, very tiny laptop. So, if you have one of those really small 11 inches or maybe smaller laptops, this size will be viewable for those people. But then think about if I was using a 27 inch desktop computer. This would be really very small. So, I highly encourage that you always make your websites taller than 600 pixels. That 600 pixel height is just say for what's above the fold. People obviously love scrolling these days and keeping things above the fold isn't as important as it used to be back in the day but again, I'm just teaching you about resolution so, 600 pixels tall for resolution is okay but you can absolutely make them taller. I don't think I've ever made a website that's only 600 pixels tall. But 960 pixels wide is very common again and another dimension in width that is also popular for creating websites so let's create a new document, is 1020 pixels wide. That just goes along with the standard dimensions of your screen. So, 1020 is a nice ratio to fit within your screen. So, again common resolutions for websites are 960 pixels wide and 1020 pixels wide,1020 pixels wide. Okay, so, let's move on to a different kind of device which is the iPhone. Today, as I'm recording these tutorials, the iPhone 5S is the most recent iPhone and there are specific dimensions for that and it's 640 pixels wide. I'm going to type this in here, 640 by 1136 pixels tall. Now you'll see when I press okay and I zoom in to where this says 100 percent down here, I'm going to zoom on in. I'll teach you guys how to zoom later and I'm going to teach you how to do all of these things. You'll see this is 100 percent in size and it's huge, it's so much bigger than your iPhone is. So, I'm sure you're wondering why it's so large and it's definitely a challenge when you're designing on this size and when your phone is so small because you have to figure out what the size of text is that would be best and the reason why it's so big is because your phone iPhone 5S is retina screen. Which means it has a lot of pixels packed in there. So, you really need to design it really big so then it can look nice and crisp when it's so small on that retina screen. Again, if we wanted to create a new document and we were designing for an iPad, common resolution size for that is really big. It's 1536 pixels wide by 2048 pixels in height and that is obviously very large. Let's go to 100 percent again. Look how big it is, it's going off of my Photoshop canvas, it's just huge. So, resolution is something very important to know and if you have to look up resolution in the future because you aren't sure what the size of it is, Android for instance has a lot of different devices which all have different resolution sizes which is that's exactly why I'm not telling you what they all are now. There are so many. But if you ever need to look up a resolution size on your own, just go right into Google and search for, you can do Android resolution sizes or if you have a specific Nokia device name, you can search for the resolution size of that. It's all quite easy but at least you know what resolution is and as we move forward, you'll be very comfortable dealing with different resolutions. 4. Intro to Workspaces: Let's talk about Photoshop workspaces. We will open up Photoshop together and take a peek around to see what's going on under the Photoshop [inaudible]. I'll show you exactly what you're looking at so you feel comfortable when we move forward. 5. Workspace: Hello, everybody. Okay. Let's talk about opening up Photoshop for the first time and taking a look under the hood and seeing what's going on inside. All right. So let's go to File, New. Again, open up this new Photoshop document box here. Let's name it whatever we want again and again you don't have to name this whatever we want, really just name it whatever you want. Let's go back to pixel since we're designing for the screen and let's just do 800 pixels by 800 pixels, so that's going to be square. Something I haven't covered yet is this resolution here and so resolution is just how many pixels per inch you want to show and that's a little bit complicated and the only thing you really need to know and the only thing that I have to do for my day to day life is that 72, here is just what you need to put for if you're designing for the screen. So if you have pixels and RGB selected, also make sure that is still 72. Now if you're designing for print, you want this to be a little bit of a higher resolution and you want it to be 300. So again, if I were doing inches and CMYK, I would also want this to say 300. Finally you will be designing for the web or for the screen the most like me, just make sure that it's always on pixels it always says 72 and it's always set on RGB. So again, 800 by 800 resolution of 72 color mode RGB. Now this eight bit here, that's all you need to know you'll never need to use anything besides eight bit. I don't ever use anything besides eight bit so you'll be fine. So, just keep this at eight bit. The nice thing to know about Photoshop is that there's so much going on inside of the program that you won't use most of the things in your day to day life and chances are you just won't even know what half of them are. There are so many things that I don't use but I do use a lot of Photoshop and there are so many things that the average person doesn't use and teaching you all of those would take months and we only have just a few hours here on SkillShare so I'm going to go through the most important things. But as you see, Photoshop has a lot of things that are always under the hood of everything else, and it's up to you to explore what I don't teach you and figure out what they mean because we don't have time to go over every tiny little detail. So again, background contents just means you can choose what color you want your background to be from the get-go. I always start with Y and then I move from there and just select the colors after I already have my document created. So, let's just press okay because we're done here. So, here is my Photoshop canvas and it looks like there's a white background here and if you like math and numbers and you just like to know the size and things at all times, I would highly encourage you go to command R and that is the shortcut for showing those rulers. Do you see one? I'm clicking command R again they go away and then command R and there are back. So I like to see them all the time but it's up to you, the default setting does not have them showing. Something else right from the get-go that I really want you to know that's a shortcut is pressing F. If you'll notice whenever you press F, it filters through these three different views that Photoshop has. This one is a full-screen view which is really nice for looking around and being able to see everything at once. Clicking F again, goes to this black view which removes all of the clutter around Photoshop just so that you can concentrate right in your canvas. It's really great if you want to step back and look at what you've put on there. Then F again, goes back to this tiny little window view that you can move around. So say I had a internet browser beside it, I can compare and click back and forth. Normally, I like to do this beautiful full-screen view here but again that is clicking F, the F key, F for Frank, and clicking it again and pressing it again we'll go through those different views. Another way to go through those views is down here, this little button on the very far bottom left. You can click it and it will go between those views, there we go. I just want to give you guys a little low down on what all of these things are and what they do because there's a lot going on and it can be pretty intimidating. So, there are a lot of terminology with Photoshop, a lot of it is kind of intuitive what you would call these things anyways. Some of them are weird quirky Photoshop sayings. So, over here on the right hand side, and this view that you see of my Photoshop should be the default view. I reset my Photoshop back to the default settings but if you're seeing something that doesn't look like yours, just know that you will if you keep watching these tutorial videos in the series. I will show you how to customize your own Photoshop. But again, this should look how yours does I hope. So, again on the right-hand side we have these large panels here, these are called Windows and if you go up here to window you can see all of the optional windows that Photoshop has and we'll go into this more later but these are just called Windows and you can customize the way they look in which Windows you see at all times, so that's what you're seeing over here these large boxes. We will again go more into this in detail later. Up here, you just have the detailed toolbar for whatever tool you have selected and the tools that you have are over here on your left hand side. So, these are tools and you can see there are quite a few and each of the tools have this little arrow by them and when you click and hold, you can see all of the tools that are inside of that tool. So again, Photoshop just has so many things that it does and I will touch on these tools as well in a bit in another video but these I just want you to know are tools. Whenever you have a tool selected, you can see that there are Tool Options for that specific tool up on the top, this bar here is the options. So, when I select a different tool, you can see those options always change depending on what tool I have selected. So again, lots of stuff to know here, lots of stuff to do in Photoshop. So, we have our rulers which I showed you already with the command R shortcut for showing and hiding your rulers. So we have our top ruler here and then if I move this toolbar out of the way, you can see our left-hand side toolbar over here. That's about it for what you're looking at right when you open up Photoshop and again I will repeat again, we will be going into the detail of how all of these things work in future screencasts. All right guys, see you on the next one. 6. Intro to Tools Exploration: Now, let's take a look at the old Photoshop toolbar. I'll briefly show you the handiest of tools and give tricks along the way. We'll study two options and go to surprises that each tool has. 7. Toolbar: All right. Let's talk about the toolbar. The toolbar is such an important part of Photoshop that you hear a lot about, and I'm going to demystify it for you. So, as you remember from the last lesson, the toolbar is over here on the left and it's pretty long and skinny. There are a few things that a toolbar does that you might want to know about. If you don't like it being long and skinny, you can always double-click right in-between that x and those arrows or you can just click the arrows and it will change between two views that the toolbar has, it has long and skinny and then short and fat. So, you might like it one way. I like it long and skinny and that is also the default view, I believe. So it's really up to you, you can use it either way you'd like. So, I'm going to go briefly through some of the more important tools and then I'll set you on your way to the next lesson. So, our first tool is just the selection tool, and you will use this for just about everything and allows you to grab things, move them around on your canvas, and again you'll just use this all the time. This will be your most often used tool. Again, it's called the selection tool and you will use all the time. The shortcut for this tool, which I will not tell you all this very frequently, I'm not going to tell you shortcuts all the time and for all the tools, but the shortcut for this tool is V and you are allowed to hover your mouse over tool and leave it there and it'll tell you the name of the tool. This is actually called the move tool, and the shortcut is also right there, let's hover back over it. It says V, so that's the shortcut key for this. So, say I was on this cropping tool and I wanted to go back to that selection move tool, I would just press V and that will take me back to that move tool. So, again, as you see, I have this image here, I'll show it for you, a picture of my lovely friends, Kevin any Yoko. So, if I have the move tool and I have this layer over here selected, I can move them around which is quite nice. So, that is the move tool and let's keep going. This down here is simply called the elliptical marquee tool, and again like I showed you before, if I hold my mouse down on there, it will show me all of the other kinds of tools within that tool. So, again, we have a rectangular marquee tool, a single row in a single column marquee tool. So, I use the rectangle one most often because I do squares and rectangles a little bit more than I do circles but that doesn't matter. For this, we can do a circle. So, if I have an image selected, for example, I could click and drag this marquee tool, I'll just let go here, and as you can see, it has this dotted marching ants line going around my image. Since I have my image selected, if I wanted to, I could literally just press delete on my keyboard and I've just completely removed that part from Kevin in Yoko, they're gone, bye. I don't want to do that, I'm going to go back in time, I'll show you how to do that later, but that is what this marquee tool does. It makes selections and then you can do things with that selection. So, again, I could do command + C for copy and command + V for paste, and now I have Kevin's little head and another layer and I can use the move tool. I pressed V to go back to the move tool and I can move Kevin's face around, put them on Yoko if I wanted to, and that's how that works. Again, I'm not going to go through all the tool this in-depth, but that is an important one to know. The next tool we have here is the lasso tool, and if I click and hold again, I can see more tools that are behind. So, the lasso tool, the polygonal lasso tool, and then the magnetic lasso tool. These are fun, I love these tools. So, they do exactly what that elliptical marquee tool did, but I can make my own shapes, so I could make my own marching ant selection. See there? I did that, and you have to click and hold down while you're drawing. So, you're basically clicking and holding while you're drawing a shape, and you always have to make sure that you end up where you started and let go and it will connect that for you. If you don't, and where let's say I want to end here and I don't actually connect back to the beginning, I would just let go and it'll connect it for me, which is quite nice. So that's the lasso tool. The polygonal lasso tool, I make these little points. See, I'm clicking here, clicking here, clicking here, clicking here, and it's doing this for me. If I go back to the beginning, you'll see that little circle that popped up, there it goes again, popped up, that means that I've completed the shape and then I can click again to make those marching ants appear. Then, here, we have the magnetic lasso tool which is quite interesting. So, I'm going to zoom in a little bit here on Yoko, and you'll see if I grab my magnetic lasso tool, if I click once, and then I'm not clicking anymore doing anything, I'm just lining Yoko shoulder, it's trying to grab everything that's similar color, so it's grabbing all around her shoulder for me, which is quite nice whenever you're trying to cut someone out of a photo. So, if I click again, it will make points for me. So I'm clicking, clicking, clicking, and then I can click my way back to the beginning if I wanted to, and there are my marching ants again. I'm going to zoom out, click on this for 100 percent. So up next, we have the quick selection tool. I won't go into this on too much, but it does the same thing. Although, you just click on areas and it'll try to grab everything it associates in that chunk. As you can see, it's not doing such a good job. I tried to just grab Kevin's arm here and then Kevin's hand, but when I grab to Kevin's hand, it went up into the building. It's not the most intuitive, but this is a cluttered photograph. So if I had a more simplistic photo, it might work a little bit better. Up next, we have the crop tool and then a few other tools within that tool that are a little more advanced. So, the crop tool is exactly what it says, I can crop the size of my canvas. So, I can either click and drag with the crop tool to select that area to crop, or if I just by the default view, I could go down and I could select this area and pull it up. I could select this corner, manipulate the corner, and then you can see my little guides that say width and height down there in the bottom left-hand corner, that helps me out. If I wanted to change my document to only be a certain amount of inches in height, then I could change it to those inches. Down here, we have the, let's see what it's technically called, the eyedropper tool. So, we have this eyedropper tool and the samples colors for us. I think if you've ever messed around with Paint or any other sort of computer graphics program, you're probably pretty familiar with the eyedropper tool. So, if I wanted to sample the color of red from Yoko's hat, I could just click with the eyedropper tool, and you can see what happened there. As I'm moving and holding down my mouse while I'm clicking, it's grabbing those different colors and comparing them to the last color I selected. So, I'm selecting this color, I let go of my mouse, and now you can see that my color is down here, and now I have that color selected. All right. Next up, we have the spot healing brush tool. Within that one, we have a few others including the patch tool, which is my favorite, which I will show you right now. So, all of these tools are really great for editing photos. So, if you're removing blemishes from a photo, these are really great. If you're removing red eye from a photo, these are really great. I want to drive more into these later on. But for now, I'm going to show you this patch tool because I just love it so much. So let's zoom on in. So, in this photograph, there's this spot here. I think it might be a graphic that was in Yoko shirt, but whenever you zoom all the way out, you can't quite tell what it is. It looks like it might be dirt or something. So, if I zoom in and I want to get rid of it, I'm going to zoom way in, so I can really look at it. I can take this patch tool here, select it, I'm going to just draw, click and drag, and draw around it, let go, I have my marching ants. So, the tricky part here is that I hold this, click, drag, until I find an area that's clean that I want it to look like, let go, and then press command + D, as in dog, which deselects the marching ants. Look, it's gone. Pretty great, right? So, I'll go back to zoom a 100 percent, and look, it's gone. Awesome. Next tool is the paintbrush tool. I think we need to speed things along here. So, a paintbrush tool does exactly what you think it does, it paints and it paints the color that I have selected, this red color from Yoko's hat. Simple. There are other kinds of paintbrush tools, the stamp tool. I'm not going to go into that stamp tool right now because it's not really that relevant for me, and you might like it. So, do a little bit of exploring on your own later. The history brush tool. Again, I'm not going to go into that one today, but it is very important. The eraser tool does exactly what you think it does as well, it erases. The gradient tool makes gradients. By default, it shows what the color I had selected is, that fades to white. If you click and drag, you can change the direction of the gradient, which is pretty nice. We can go back in time a little bit here. I'll show you how to go back in time later. So now, the next tool we have is the blur tool. There's also a sharpen tool and a smudge tool. The blur tool blurs out areas. You can see it's doing it very subtly, but it is blurring Kevin's arm. Pretty fun. The strength, if you go up here, how we have these tools settings, the strength is at 50 percent. I could change that to 100 percent and it would be much more strong. For blurring out Kevin's face, if Kevin wants to remain anonymous. Going back in time. Then again, we have here a dodge tool and the burn tool. So, dodge and burn are Photoshopy terms for lighten and darken. So, dodge means lighten, so I can literally lighten an area. See how Kevin's face is getting really bright? Then, I can also burn Kevin's face and make it darker. So, if I go to this burn tool, I can make Kevin`s face darker. Next up, we have the pen tool. This is a handy tool that we will definitely dive more into later, but it makes selections and it makes shapes. So, I just made a selection, but if I wanted to make a shape, I will go up here to the tool options and select from path to shape. Look, now I'm making a shape. So, I just made a weird abstract shape which is really fun. We will definitely again go back into the pen tool. The next tool we have here is the type tool. So, I can click and I can type something. It's pretty small. So, if I go up here into the, oops, sorry. If I go back up here into these tool selection styles and details, I can change my font here, I can change the size to something larger, and there we have that, I typed something. Again, also with the type tool, we're definitely going to go more into that in different lesson. Down here we have our direct selection and path selection tool, and then again down here we have shapes. So, I can make rectangles in the shapes tool. I can use the ellipse tool to make circles, I can use the polygon tool to make polygons, and I can make lines with the line tool. Lots and lots of shapes to me made here. Let's get out of there. Next up, we have this, what is it called here? The hand tool. So, the hand tool just moves your canvas around. There's actually something I like to do a little bit more with the hand tool, and it's a shortcut. So, say for instance, I was on my move tool and I wanted to move my canvas around, if I use the move tool, it's just going to move whatever this photo I have selected is. But if I want to move the canvas around, I would move it. If I'm not on the hand tool or on a different tool, I can just press space. While I have space held down, I can then move the canvas around. I use this all the time and has become a second nature gesture for me, which I really like doing. Again, you have to hold down space and then I can move around. Last but not least, we have the zoom tool, which zooms in and out. So, if I zoom in, I just click. If I want to zoom out, I can hold down option, which is also the alt key on Mac keyboards, and I can zoom out while I click that. You will see that little zoom icon there, changes were from a plus to a minus when I hold down option and click. Again, you have options up here and I can do 100 percent. So, if I was zoomed in and I click 100 percent, it will move it back towards a 100 percent. Fit to screen simply fits the entire thing into the size of your screen no matter what size of screen you have. Then fill screen fills up your screen real nice. Then again, I can hold down the spacebar and move my canvas around with that hand tool. The last couple of things and the tools to toolbar are these color swatches. So, clicking that defaults it to black and white. So, this color on the front is your foreground color and the color in the back is your background color. So, the foreground color is the one you really want to deal with the most often. So, you can change your color here, change it to yellow, and then when I make a shape, it's going to be yellow because I have that selected as my foreground color. Then, if I want to save yellow for later but I want to use white for now, I could switch these. So now, white is my foreground color and that's going to be the color that I make shapes with or do anything with. But if I just want to have yellow at my disposal for later, I could always just keep it at the background, and then swap it back and forth with these little arrows. That's everything you need to know with the toolbar. Again, we will be diving much, much deeper into some of these tools later on. But I just wanted you to be understanding of all these tools do. I think it's definitely time for you to take a drink of water and a piece around your home or apartment because that was quite a doozy. I will see you in the next tutorial. 8. Intro to Windows: There are so many Photoshop windows that is hard to know which ones you'll need. I'll show you around the default windows, which are generally the most important, and tell you how they work. We'll specifically learn about the Color window, the Type windows and the Layer window, and a few others along the way. 9. Windows: All right, it looks like we're just tracking along here. Okay. So, next up is the Windows. All right. So, your windows again are the boxes here on your right hand side of the Photoshop screen. So, by default, and again, this should be the default, but if yours looks a little bit different, don't worry, it can be completely customized. I'll try to help you get it back to the way that mine is. So, I'm going to go over which of the default Windows are already open for you, and then we'll go from there. So, you'll find that you'll use specific Windows all the time, and then you'll never use a lot of other windows. These default windows aren't necessarily the ones that you will use most often. Photoshop has these presets for you which I'll dive into more called Workspace. Say you're a photographer, and maybe you'd want to check the photography Workspace. So, let's look at it. Okay. So, it's a little bit different, and not too different, but if you want to go back to the default, you go to Workspace, default. There it has to a different tool selected, and different window selected. But again, let's just talk about the default windows, and see what happens, and we'll go from there, and we will customize later. All right. So, again, up here at the top, we have color and swatches. So, these all have to do with color, and we're going to have an entire color class later on, but for now let's just talk about it a little bit. Again, as I mentioned, RGB goes along with the designing for the web, and designing for screens. If I was designing for print, and I selected CMYK color whenever I first created my document, this would say CMYK here, but since I selected RGB, it says RGB. RGB has value. So, if I said for instance 342 by G of oops sorry, 242 is what I meant, by 31 by 31, I would get this red color, and that's just color I just made up randomly, but each color has a value, an RGB value. Also, each color has a CMYK value. Okay. So, that's how that works. Then again, we have our color picker here, and I could just select a color based on these values, or I can click here, on this color. This is our foreground color, and I could select it this way. I actually prefer this view because it's a little bit larger, and easier to see what I'm doing, but that's just me, that's my preference. Here again, you can see the RGB values here. The CMYK values are even here for our use. That's all there is to know. So, pressing okay, it gets us out of there, and now I have this new color selected. Going to Swatches is, these are all the default swatches in Photoshop. They're just trying to give you a wide range of swatches for your use right away. You can add swatches, you can delete swatches, we will definitely go into that in a later class, but for now I just want you to know that it exists. So, you can toggle between color and swatches, and if you prefer to select colors this way, you can literally just grab this purple color, and now you have that purple color selected. So, if I make a square, you can see that it's purple. Okay. So, here we have the next window, is the adjustments and styles, we will work with adjustments and styles later on in another lesson. Adjustments simply just adjust your layers, and make them look all sorts of crazy ways, from changing the hue and saturation, we can turn things black and white this way, we can make things brighter, darker, add more contrast. All sorts of things can be done in the adjustments Window. Down below is the most important window that we will be using the most often, and this is your layers window. Okay. So, your layers are everything in Photoshop. We will be extensively covering layers. They are so important, they just change the way you work, they are my life, I dream about them at night, I wake up thinking about layers, and they're just such an amazing thing in Photoshop that you definitely will need to know about. So, this is your layers window. It is exceptionally important, it has a lot of doodads inside of it, a lot of things that it does, you won't need to know them all, I don't need them all, and I'm a Photoshop expert. You won't need to know them all, I don't need to know them all. You can pick and choose your battles, decide what you need to know, and decide what you don't. I will show you the things that I use the most often with layers. Again, as I just showed you, each of the windows have this little menu here in which there are so many more options. So, if I click here on color, look at all of these color presets. So, if you're into pantone colors, which is designing for print mostly, you can see pantone presets here, you can load swatches, you can reset your swatches back to the default state which is what we were at anyway. Then also, the thing to know about windows is that you can pull them out from one another, and you can move them around. So, I can pull this layer out, I can pull the layers window out, and then I can rearrange them. So, I could put the layers window at the top if I wanted to, I can move this one down, and put it onto the bottom, and so on. If I don't want a layer, I can simply put it out here, and then press the X, okay? So, that properties window that I just exited out of, that is the window that I never use, and I don't care for it. It is up to you, if you want to dive into it, and figure it out, I'm not going to teach it to you because it's not my thing, but again, up to you. So, this layer here, sorry I moved everything, I can reset this back to the default. So, if I go to up here, remember how I showed you window, workspace, and then essentials. Okay. So, you also have them here, it's so handy that it's right here. So, I'm going to do reset essentials, and it's putting everything back to the way it was because I don't actually want it rearranged like I had it that's no fun. Okay. So, let's go up here to history, this window is pretty darn important for me. I love the history window because it allows us to go back in time. I will show you more on this later. But, if you see when I click back, I'm literally going back in time to the last lesson that we were on before, and so clicking up here, also goes all the way to the back, to the beginning of what we're doing. It's just so great this history window, I love it so much. Let's get rid of it for now. Again, so, if we're clicking on a window up here, you'll notice that we have so many other windows that we're looking at, and it's just so great to click these. The ones that we don't want, we could click them again, and deselect them. Again, we definitely want the layers window, that's crazy. So, let's click that again to select it again. So, you can decide which of these windows you do and don't like, and at anytime you want to reset your windows back to the default, again, you go window, workspace, reset. Also, you can do that up here in this drop-down too which is even better, more convenient. Okay. So, that's it for windows. See you on my next lesson. 10. Intro to Layers: Layers are such an important part of Photoshop. I'll show you everything you need to know about layers to become a Photoshop pro. We'll create layers, duplicate layers, and get them organized into groups. It may be boring but if you're an organization freak like me, you're going to love it. 11. Layers: All right, now let's talk about layers. You definitely know my enthusiasm for layers. I'm glad I get to finally share it with you. Okay, so let's look over here. On the right-hand side, we have our Layers window and it does all kinds of crazy stuff, but let's just cover the basics for now. We'll dive into more detail later. Okay so, creating a new layer, everything we need to know is down here at the very bottom. So, our new layer button is down here next to this trash can. So, in order to create a new layer, we just click that and we have our new layer here that defaults to a title of Layer One. So, I'm going to put a simple shape in this layer and I'm going to make a perfect square. And now, to make a perfect square, I need to have this Rectangle Tool selected over here. And then in order to make a perfect square or perfect circle if we have the Ellipse tool selected, we would hold down 'shift' while we click and drag and that makes a perfect square, it's beautiful. Okay. So, here's my perfect square, I let go. Now we have our Properties window, which I don't like. It's pretty simple. It lets us change the height and width of our square right here. So, I could do 100 by 100 and change the size of my square if I wanted to. I could change the color here. I just don't need the Properties window because it's always popping up and getting in my way, but you'll find that it does a lot of interesting things. So, here we have my square and my new layer and this called Rectangle One now because I have a rectangle in it. If I wanted to, I could double-click on Rectangle One and rename it to Purple Square. Okay. So, I've renamed it to Purple Square and now I still have Kevin & Yoko in this layer underneath. And I clicked on the eyeball here. Clicking on the eyeball, hides and shows my layer which is pretty neat and it comes in handy quite often. So, Kevin & Yoko has been hidden. Is not visible right now because Eyeball is not selected. So, I'm going to click there to show Kevin & Yoko. And you can see my Purple Square layer is highlighted here. Which means that it's the one I'm moving around with my Move tool. So, if I wanted to move Kevin & Yoko, unfortunately, it's not as simple as just clicking on Kevin & Yoko. Because I still have this Purple Square layer selected. Rather I would have to go into layers and click on the Kevin & Yoko layer to make sure it's selected and then with my move tool, I can move Kevin & Yoko's photo around. And if I wanted to go back to this square, I would just click over on the Layers window, Purple Square, then I can move the purple square around. You'll notice here, I have this default background layer that pops up immediately. That is standard on all Photoshop documents. It has a little lock symbol which means if I select it and click and drag around, I can't actually move it because it is locked. So, I get this warning notifications just saying, you can't use that Move tool because there's a lock on this layer. In order to remove the lock if you ever wanted to, you just tick the Lock, and click and drag, and then throw it away in the trash can and that removes the lock. And then this layer is now up for grabs. So, I can just move it around if I want to. I don't want to do that, though. I'd rather just lock it. So, if I want to lock it again when I had this layer selected, I can go up here and just click on this lock. There, and now it's locked. So, we have our Locked layer, and we have Kevin & Yoko's layer, and then we have our Purple Square. Okay. So, if you need to copy layer for instance, say we wanted two Purple Squares, there are two things we can do. We can either grab our Purple Square layer here, drag it down, and drop it in the new layer button area. Which creates a copy. So, now we have two Purple Square. So, if I select this Purple Square copy and move it over, you'll notice we have two of them. Or, I could delete this copy and I can do it a different way. So, if I have the Purple Square layer selected, I could take my Option button, and hold it down and then click and drag this Purple Square and it's bringing over a new one, and again Purple Square copy. So, there are two ways you can do it. It's really up to you which one you prefer. I do it pretty much usually the latter of the two methods, but again everything's all personal opinion in Photoshop. And you'll notice sometimes that I will be definitely doing things that you might find a shortcut for or a different way to do it and that's absolutely fine. Everybody uses Photoshop differently and there's so many ways to accomplish everything you want to do. Okay. So, now let's talk a little bit about forming groups and putting things into groups and folders. So, they're technically called Groups in Photoshop, but if you look down here, third from the right, we have our Group button. Which is just like creating new folder or creating a new group, is what it's called. So, if I click that I have this little folder icon here where it says Group one. If I name this, I could just name this "Folder!" yeah, it's exciting, okay. So, now I can drag things and drop them into the folder and now they're grouped. So, if I have a lot of things that are associated with one another, I could put them in a folder together. It just keeps our layers a little bit more organized. So, if I click this arrow here, it minimizes that and tucks all them in inside its folder. And then again, you can rearrange things in whatever order you'd like if we had a bunch of folders are a ton of layers. So, if I expand them and then minimize them, you can see what happens there. If I put things in a folder and I want to click this eyeball, I can hide that folder so we can't see it. I could also show the folder, lock the folder, unlock the folder, do all kinds of stuff here and it's quite nice. One last thing I want to tell you is changing the color of the layers. If you are a color coding kind of person, you'd like to keep things nice and organized which I definitely do especially when you have a lot of things. Say all purple squares throughout my design, I want to make sure that I can see them. So, I'm going to right-click by either holding down Control and clicking on the eyeball. Or just right-clicking the old-fashioned way with my mouse and I can see these color options here. I'm going to select purple because it is the closest color to this purple square that I wanted to mark. And you could see here that it just gives it a little color and this is completely optional. This is just a little tip that I have to recommend to keep things clean and de-cluttered, but you can see here that we now know how to colorize. We now know how to lock layers. I can throw away a layer by clicking it, and dragging it to this trash can, letting go. I'll just delete this one, too, and then delete this folder. And we also know how to create new layers, copy layers, put layers into groups and folders, and remove locks and apply locks. So, that's all there is to know for beginners layer information, we'll dive deeper into some of these things later. 12. Intro to File Types: There are a lot of ways to save your Photoshop files. I'll do my best to show you the most important ways to do so. We'll learn exactly what a PSD file is, how to save PDFs in Photoshop, and the various image types, which you can save too. 13. File Types: When it comes to saving file types and Photoshop, there are few things that you need to know. The traditional Photoshop file type is called a.PSD document and that just stands for Photoshop document. Okay, so let's go to, file, save as and that's how we save most things in Photoshop. Okay, so again it has pre-filled in my title of my document which I titled whatever we want, so you can change that if you want to, again to whatever you want. Then we need to decide where we want to save it. So, I'm going to save it to my desktop for now, and then format is what we're talking about here. So, we have two file types or maybe even three file types that I often save too. But look how many there are, there are so many types of files and really you don't need to know most of these. They're kind of crazy and very specific. Again, I don't use most of them, I don't even know what half of them are. So, it's up to you to explore and figure out which ones you like, okay? So, for instance, Photoshop is the default and that's going to save your file as a. PSD, you can see that right up there. So, the other two that I like to save two are JPEG, which is just a flat image and the nice thing about that, is that if you save a JPEG, anyone who doesn't have Photoshop can open that up and we'll take a look at it, which is great. But the problem is, is that you definitely want to make sure that you save a Photoshop's type of document at least once, because otherwise you can't open back up and Photoshop and edit again. So, if you save it as a Photoshop document, Photoshop format, you'll be able to open and back up in Photoshop and look at all your layers, edit it, and all you want and you won't lose any of that. But if you don't do this at all and you just go straight for a JPEG, you're going to not be able to update that ever again, and Photoshop and it's going to be a real pain. So, I like to first of all save it as a Photoshop file first, and then save it again as a JPEG. The third file type that I like to save as, is a PDF. You're probably all familiar with PDF files. They're really great and they're usually look very clean and crisp, and again most people can open and take a look at PDF files and they're quite nice. So, those are the three file types that I like to save to Tiff, PNG, those are also different image types that anybody can take a look at and see, and those are all great too. But I would highly recommend saving as a Photoshop file first, and then going in and saving as JPEG or a PDF. So, let's go to JPEG, and then we can pre-save, and you can see here that we have some options with saving as JPEGS. You can make it the quality, you can turn it up to really maximum, and have it be really great quality and you see it's 65.9 in file size or we can go and scroll down the small file, you can see one all the way down to 30. So, Photoshop files can get quite big, there's nothing in this file, I don't have any layers besides the background. So, the file type is very small, once you start getting into megabytes or even gigabytes is huge. But right now we're just okay. So, it's not a big deal, this isn't a very big file size, so I would go ahead and save it as maximum and it's up to you to play with this a little bit. As long as you have your Photoshop file saved, you can keep opening a backup and saving JPEGS at all different kind of sizes, and see which one works best for you. So, that's Photoshop files types. Next lesson please. 14. Intro to Canvas Size: Your Photoshop canvas is like a window into the soul of your project, and it can be quite frustrating when the size of your canvas is holding you back. I'll show you how to adjust your Photoshop canvas size most effectively and let you know when the time is right to adjust the size of your canvas. 15. Canvas Size: All right, let's talk a little bit about image size versus canvas size and when to adjust both. They are very similar but they both do different things and it's a little bit tricky to remember which does which but I will try to clarify that for you a little bit. Let's go here to image and you can see here's where image size is and canvas size, they're right by each other. For example, let's talk about this photo that I have opened here. So, I just opened up this photo of my friend. So, say I want to add a little bit of white space onto either side, let's just say the left side. So I'm going to add some white space because I want to add some text over here by Nick and Sheilah. The difference between the image size and the canvas size is that if I select image size, it's going to actually adjust the size of the image and the canvas. If I do the canvas size, it doesn't adjust the size of the image, it just adjusts the size of the canvas. I'll show you what this means a little bit. So if I go to image size and I want to make it wider so I can fit some text in besides the image, I would change 750 to maybe let's say a 1,000 pixels wide. So you can see that the proportions width and height it was 750, when I typed in a 1,000, the height proportion changed to match, which is really nice. So that means that it's not going to warp my photo any. But whenever I press okay, look, it made it larger but it made my image larger. It didn't necessarily just make my canvas larger. You can see that the canvas itself is actually larger as well but I wanted that white space next to the image so that I could add text. So, whenever you do image size as I mentioned before, it resizes both the image and the canvas. So, let me just press command Z to go back in time that means undo, command Z. So, I went back in time and let's do image, canvas size this time. So this looks a little bit different. So you can see it says canvas size and this is just simply just adjusting the size of my canvas. So it's on inches which I don't want, let's put that on pixels because we're designing in pixel still and then let's just go to a 1,000 pixels wide again. You can see here the proportions did not change as they did when I was changing my image size, which is okay because that doesn't really matter when you're dealing with canvas size as much as it does with the image size. Because when the proportions are intact on image size, it keeps the image from looking stretched out but on canvas size, things are going to ever look stretched out because we're just resizing the canvas and nothing on it, which is great. So let's see what happens when I press okay for width of a 1,000 here. All right, so this is perfect. So we have white space on both sides of the image and it didn't resize the image, that's amazing. But I did want the white space on the left-hand side only and we have it both on the left and right hand side. So let's press command Z and go back in time again and let's see if we can get the white space on the left-hand side. Again, let's go to image, canvas size, go back to a 1,000 width and now we're going to press the arrow. So that if we press the right-hand arrow, you see all the arrows are pointing to the left which is what we want because we want the white space to go on the left-hand side. So, I press the arrow and I'll press okay, and you can see that the white space is just on the left-hand side now. That is the primary difference between changing your canvas size and changing your image size. So, what happens to me a lot is I'll want white space down below if I'm creating a web design, and it seems to be getting longer and longer than I thought it was going to get from the beginning, I just need to add more on the bottom. So in order to do that, the easiest way is to again to go to canvas size, make the canvas taller. So if we did double the height and did a 1,000 pixels tall, then I would click this arrow up here so that everything's pointing downwards. This means that it's going to grow downwards and then press okay. Then we have a bunch of additional white space down there on our canvas and plenty of more room to design. All right, that's it for this lesson. Let's go to the next one. 16. Intro to Zooming: I am a Zoom addict. I love zooming in my Photoshop Canvas, see my work up close and personal. Then I zoom out to see the entirety of what I'm working on. I'll show you the quick and dirty tricks on the zoom tool and how to use it most effectively. 17. Zoom: Let's just touch briefly on the Zoom tool. I know I've went over this just a little bit already, but let's just dive a little bit deeper. So we have, the zoom tool is the shortcut of Z. Obviously if you zoom Z. Also you can click down here to access the zoom tool. Clicking in zooms in, holding down option or Alt zooms out. And then also there's this nice feature of clicking and dragging up and down which zooms in and out. I'll let you practice that on your own because it's a little hard to get the hang of. But so you click and then drag down zooming in, dragging back up, clicking and dragging up zooms out. Pretty fun. Okay as we've mentioned before, if you do a 100%, it makes it fill up nicely in your window and shows it at 100%. This works nicely for the shape of document that I have but if you get into that really large like iPad size for instance, it's going to be pretty big but it's nice to view things at 100%. I typically design only at 100%. And clicking that 100% button, make sure that it is 100% in size. Fit screen makes it fit on your screen and then fill screen makes it fill up really big into your screen which will if you had an image make it look pix elated but you can just zoom right out by pressing option and then clicking. So that's zooming out. Just let me zoom this thing up here, it's pretty funny term. That is the term for the thing that is clicking and dragging to zoom in and out. Now if you turn that off, it does this also a very interesting thing where you can click and drag and it will make this a little box and it will zoom in to where you made that box. So again, you can zoom out, go 100% and then if I click and drag, it's going to make that box and it'll zoom right and into that box. I actually do like and prefer turning scrubby zoom off because I like that little box. I like knowing exactly where I can zoom right into. Once you get some elements on your page it's really helpful to do that. But that's it for zoom. That should be all you need to know. Please though if you have any additional questions on zoom, go right into the question and answer feed discussion and ask away. Thanks. 18. Intro to File Naming: Knowing how to name your files is incredibly important if you want to keep your files organized. It's easy to haphazardly name your files and not able to find them. I'll show you my favorite methods for naming my files and organizing them into folders. 19. File Naming: I can't believe it, but we're on our very last tutorial lesson before we work on the project together. So, this lesson is about naming files. This is a boring thing, but is extremely important. So, I will tell you a little bit about how I name files and it's up to you as to how you like to name your own files, but I'll give you a few tips on what I like to do. So, when I'm naming a file, it's really important to me that I can find it again later, and in order to do that, I like to use dates a lot. So, I deal with a lot of files in my work, in my day-to-day life, and a lot of the files are the same, but have little tiny updates every day. I like to save them every day just so that I can go back in time if I need to, and go back to an older file. So, you're saving this file in real life. So, I'll go to Save As. I'm going to save it as a PDF file or PSD file for Photoshop file. So, I want to be very descriptive of what it is, and then I want to put the date. So, I like to put what it is followed by the date. So, rather than saying whatever we want, I don't know if I'll remember that, I said that tomorrow. So, I'll be very descriptive. So, I'll say PhotoshopClassTutorial, and then I'll give it an underscore always, and then I follow by the date. Today's date is 02/23/2014. Okay. So, this is today's date and I always put that after the very descriptive title. That's usually how I title things. So, the data is nice because you can search by the date in the future, and that's really helpful. So, if you didn't know what you named a file, but you knew what date you made it on, you can easily search by the date. Or even if you just knew the week, or month, it's at least easier to find it that way. That's a quick and dirty tips for how I name files. There are obviously plenty of ways that you can name a file. I'll make sure that I upload some resources for you with this lesson that says, some other people's tips on naming files because we all have our own opinion. But this is exactly like how I like to do it because they're easy to find in the future, and that's all that matters to me. Okay. So, let's move on to working on the project together. 20. Collage Project: Okay. So, let's make our project together. I'm going to walk through how I would do this, and then you're welcome to run free on your own and do your own thing. So, the project for this class is to make a geometric collage using shapes and layers. So, we're going to put some layers on top of one another, put shapes on top of one another, and see what happens and create nice colorful compositions. So, I'm going to create a new document and I'm just going to make it let's do a 800 by 800 pixels. Now, you can make yours any size you want, I recommend 800 by 800, maybe 1,000 by 1,000 or 1,200 by 1,200 pixels, but you definitely want to do pixels and you definitely want to do 72 as your resolution, 72 pixels per inch in RGB. Again, we're just designing for looking at screens. So, we just want to do pixels, 72 pixels per inch, and then also RGB because we're designing for screens. So, I'm going to name this final project and press okay. So, I'm going to press F to bring this to full screen. So, it's full screen now and it's not quite 100 percent, I don't think. So let's bring my zoom tool up and do fit screen, and now it's 100 percent. So, first of all, I want to put a background that isn't quite white, so let's pick our color first. So, I'm going to go over here to color, I'm going to click on this foreground color, which brings up our color picker, and I'm just going to pick a color that I like best. So let's go for, how about a nice corollary color perhaps. So, to get coral, I'm going to go in between orange and red and I'll just select, how about this color? So, I'll press okay. So, now I have this color selected, you can see it in my foreground over here and then also in my foreground over here in the color palette, color window. So, to create a new layer that is completely filled with this coral color, we would go down here to this what I call the black and white cookie because it really just looks like a black and white cookie. It is adding a new fill or adjustment layer. So, I'm going to click on that and then go up here to solid color because we just want to add a solid color. So, I go solid color and there's my coral already selected for me, I'm going to press okay. So, you can see here, I have my layer, I'll turn it off and on, it's called color fill 1, I'm just going to rename it coral. So, we just have are lock background layer and our coral layer. So, it's time to make some shapes. So, first of all, I'm going to make my first shape and I want to first create a new layer. So again, this button down here create a new layer. Here's my new layer, layer 1, and then I'm going to go over and select my shape. So, let's start off with just a perfect square. So, I'll select the rectangle tool, and remember what I told you before to make a perfect square is that you hold down shift while you click and drag, and then there's my shape. I can't quite see it because it's coral. So, in order to change the color, I can do two things. I can either, in my properties window here, I can change the color by clicking there or my favorite method is to minimize that properties window and then come over here, and in this box here, you can double-click this box and it brings up the color picker, it's pretty handy. So, I'm going to make this white. So, I'm just going to drag this over to white and press okay. So then, I'm going to either press this move tool button or I'm going to do my shortcut of V, and then I can select and move this around and move it to where I want, and now I'm going to go over and rename my layer, white square. So, now I have coral layer, white square layer, let's make another shape. New layer, let's make a triangle this time. So, in order to get to the triangle, I need to click and hold on this rectangle tool and you need to find that polygon tool. So, I'll select the polygon tool. You'll notice if I make a shape, it's going to be this one, two, three, four, five-sided polygon, which is not what I want, I wanted a triangle. So, I'm going to do command Z to go back in time, and up here on these options, there it says sides and it's on five sides, which is a polygon. I want it to just be three sides as the triangle, so I'm going to change this to three. So when I'm creating a triangles, if I want to create a perfect triangle, same goes as the square, so hold down shift and then I'll create my triangle, and you'll see it snaps to these different dimensions, I just want it to be like this. So, that's too big. So, I'm going to make my triangle about this size and I'm going to let go and then hold down space to move my canvas around. You can see my triangle is coral again, which I don't want. I'm moving it around but I can't quite see it because it's the same color as my background. So, I'm going to double-click in here again, bring up the color picker, and I'm going to pick just a darker coral shade, how about that one. So you can see here, the shade that you originally had versus the new shade, which is really helpful to compare things. So, there is my new coral triangle, so I can drag this around and place it on top of the square if I want or I could move the layer under the square layer by dragging and dropping, and now all my triangle is behind my square, which is pretty cool. So, let's make a circle now. So, let's do new layer, and then we'll click and hold on this polygon tool, and we'll bring out the ellipse tool and same goes. If I'd click and drag, it's going to make an oval of any shape and size. I could either do an oval and let go or press command Z because I want to go back, because I want to make a perfect circle. I think you probably know what I need to do to make that perfect circle, which is press again shift while I'm clicking and dragging. So, here's my circle about yea big, again it's coral. So I'm going to double-click here, which brings up that color picker, and I'm going to pick, which color should I do this time? How about like a dark gray? Maybe like that. Perfect. So, it looks to me like the dark gray is kind of dominating, so I'm going to stuff it by hand everything else and drag this dark gray layer behind. You can see I have two unnamed layers, which I really don't like because as you get more and more layers, it's hard to find things. So, I'm going to rename these layers dark coral triangle and then also dark grey circle. Perfect. So, let's just quickly make some more shapes. I'm going to do this fast since we've already been through the others pretty slowly. There's a long skinny rectangle. Again, so if I double-click this, if you notice when I move my mouse onto the canvas, it has the color picker. So I could just sample white or sample this dark gray color or sample the dark coral, which is exceptionally helpful. So, I'm going to move that to the back and rearrange it here in this white bar, and then new layer, let's make another tiny little circle, pick the ellipse tool, hold down shift. Perfect. So here's my circle, let's double-click to bring them to color picker. Let's make this one also dark coral. As you see, we can't really see the circle because it's stuck underneath these other layers. So, I just need to drag this layer up above those layers and now it's on top. So, let's bring up our move tool by pressing V if we don't have it already, and there it is. We just can't see it because it's the same color as that other triangle. So, I like it right here, that's interesting. So, I'll do small dark coral circle. So, I think I need something here and then something maybe over here. So, let's do another square. New layer, let's go to rectangle tool, holding down shift make a perfect square. Let's make it about this size this time and then let's make this one. Let's go wide again and then I'll put it back behind the circle and title this white square. But we already have two white squares, so before that I'll put large because it's a little larger than the other one. Last but not least, I need something right here and I think it needs to be dark gray again. Let's do a more complicated shape. Let's go to polygon tool. Let's give it eight sides, let's make it an octagon. So, here we go dragging, and this looks okay to me. So, as you can see, I have a coral octagon, I'm going to change the color to dark gray and rename it dark grey octagon. So, last thing I would like to do is to resize this octagon because now I'm thinking it looks a little too large. So, in order to do that, I need to make sure that the octagon layer is visible and selected. I'm going to bring it up to the top just so that it's on top of everything and I can see it a little bit better. So, to resize it and make it a little bit smaller or larger, I just need to press command T while the layer is already selected, and it brings up this bounding and transform box here. You can see if I pull on any of these corners, I can reshape it and resize it. The only thing I don't like about this is that it's not really keeping those perfect octagon ratios, it's weird warping shape. So, I'm going to press command Z and go back in time to where it was perfect, and then I'm going to resize again keeping the proportions right by holding down shift. As you can see, I'm resizing and resizing and it's really not warping anything, which is really nice. So, I'm going to make it about this size here, which is perfect. So, to save this, I can either double-click in here or I can press enter. Great. Now, I can move this around, I like it on top, I think it looks nice. So, I'm going to keep it there, that looks great. So, last but not least, I'd like to resize everything just to give it a little bit more white space around my canvas. So, in order to do that, I need to have all of these layers except for the coral layer selected. In order to do that, I need to have either the top or the bottom layer selected and then go all the way down, hold down shift, and then click at the bottom. So that selects everything except for the coral layer. Again, if I wanted to start at the bottom, that's fine, too. So, I hold down shift and then click at the top, and there I'll select it. So now, you can see I can move them all around, let's get out of there. So, I can move them all around, which is really nice, and then I can also resize them. So, when they're all selected, I can do command T to transform and then again hold down shift while I drag, and look they're all getting smaller and larger and I can make them real big or really small, whatever I want. So, I'm going to do maybe about this, it looks perfect. Maybe a little larger. Yeah. So, again, double-click or press enter. I double-clicked, and now I can move this around, which is nice. So, let's find the visual center which appears to be about right here, and now it's in the center. So, we have this nice abstract geometric shape collage here with colors, and I'm really excited to see what you all do. There are so many different colors, you can do all sorts of shapes and sizes of shapes and different kinds of polygons, which will be really nice, different sides on your polygons, for instance. I hope you guys get really creative and do some fun things because I really can't wait to see them. I will absolutely be taking a look at everybody's projects and tracking your progress along the way. If you have questions, please post them in the class Q&A discussion feed and I'll try to take a look at those. If I can't make it to your questions, please answer your classmate's questions if you know the answer. Help each other out, it's very, very, very helpful to have such a fostering environment inside of Skillshare. So, if you guys give each other feedback on your projects and try to address each others questions, this is just going to become a better experience for everybody. Again, I will keep an eye on everything and try to pop in every now and again because I really, really love seeing what you guys do and I can't wait to see your final projects. Okay, guys, so this is the end of Photoshop one, it's onto Photoshop two. Thank you all, bye. 21. More Creative Classes on Skillshare: