Learn Photoshop Well - The Complete Beginners Guide to Design | Chelsea Cruise | Skillshare

Playback Speed


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Learn Photoshop Well - The Complete Beginners Guide to Design

teacher avatar Chelsea Cruise, Graphic Designer and Educator

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Course Overview

      0:50

    • 2.

      Software Choices

      1:41

    • 3.

      Interface Walkthrough

      6:34

    • 4.

      Getting Started in Adobe Photoshop

      3:37

    • 5.

      Working with Layers

      14:33

    • 6.

      Nondestructive Editing

      8:12

    • 7.

      Managing Layers and Groups

      2:03

    • 8.

      Selections, Groups and Linking Layers

      3:53

    • 9.

      Blending Options and Opacity

      2:54

    • 10.

      Copying CSS (Cascading Style Sheets) from our Layers

      1:52

    • 11.

      Introduction to Using our Tools

      4:19

    • 12.

      The Powerful Marquee Tool

      13:21

    • 13.

      Using the Lasso Tool

      12:30

    • 14.

      Move Tool Quick Tips

      3:10

    • 15.

      Quick Selection Tool

      8:42

    • 16.

      Working with Text

      9:38

    • 17.

      The Eyedropper Tool

      4:49

    • 18.

      Leaving Notes in Photoshop

      1:30

    • 19.

      Perfume Project: Introduction

      1:43

    • 20.

      Getting Started with our Logo

      8:16

    • 21.

      Personilizing our Design

      11:57

    • 22.

      _19 Finishing up our Logo

      6:07

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

15

Students

--

Projects

About This Class

Understanding how to use your tools to the fullest to manipulate designs is key.

You can design whatever you dream of, but it's difficult to do when you don't fully understand your craft.

That's where this course comes in to play. I'm here to help you understand everything: 

  • Develop Confidence Mentally and Creatively

  • Understand the Photoshop Interface

  • Master all the Photoshop Tools and Filters

  • Design Professional Logos & Edit Photos that are Resume Ready

  • Master Photo Editing

  • Learn about Color Schemes & Palettes

  • Master Design Techniques and Tricks

  • Learn How to Create Multiple Logos from One Image Asset

  • Retouching photographs like a professional, seamlessly removing or adding any details.

Complete beginners will be able to master the software from the very beginning to the most advanced features.

Self-taught users and existing professionals can use the course to take their skills and knowledge to the next level, refine their workflows and learn to do everything the right way!

Become the best version of yourself that you can be and maximize your skills in design.

Meet Your Teacher

Teacher Profile Image

Chelsea Cruise

Graphic Designer and Educator

Teacher

Hello! My name is Chelsea. I have been a Software Developer & Graphic Artist for over 6 years. I've studied and was mentored under professionals in the field, and I have gone off to create logo designs for law firms, upcoming coaching businesses, eyelash brands, and even mobile application icons.

I've taught on multiple online platforms,  and also train 1-on-1 with students, and I love to see my students go from zero to hero in design and confidence.

My favorite part about graphic design is being able to help students understand software and techniques, troubleshoot areas and have logic for how to solve a problem. That "eureka" moment is what I strive to teach all my students.

See full profile

Level: All Levels

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Course Overview: Hi, I'm Chelsea Cruz and I'm the instructor of this course. Learn Photoshop well, the complete beginners guide to design. I'd been a graphic designer for over six years now in this course, I've structured the curriculum so that way, if you're a complete beginner to the industry or if you're an expert in graphic design, this course is going to be for you. We're going to master all the tools and techniques in depth in Photoshop, go over interfaces, filters, graphic design, concepts, theory. And you'll even have five of your own portfolio ready graphic designs by the end of this course. There is going to be, This is included in the course and projects for you to master and practice on your own. Enroll today and let's get started. 2. Software Choices: Here are some free resources that you can use to find images for your graphic design. First is Pexels.com. This has over thousands and thousands of free images that you can use, ranging from photography, backgrounds and even some packaging mock-ups that you can use to make your designs look amazing. We also have unsplash.com. This site is another resource to find thousands and thousands of free images and even some paid that you can use to optimize your designs. A resource website that I love to use is Envato.com. And you can use this to find the sounds, templates, web templates, fonts, presentations, and also packaging mock-ups that you can use to kick-start your design and really show how well you can brand. Just with using these templates. 3. Interface Walkthrough: Let's start getting to know our program. I'm going to go over here to New File. And let's quickly go over these tabs on top to show you what they do. These are the saved dimensions, the safe presets that you have. If you have a specific social media size that you want to refer to all the time. You can find that here. We also have an options. These are just default settings of sizes that adobe gives you. Four photo or print, art and illustration. Postcard poster for web design, which we'll get into later. Mobile design, for creating certain designs for a mobile device and creating movies or videos. So for now we're just going to go and use our custom size since we'll be doing a lot of projects coming up, I'm going to use the Instagram size for this. I'm going to have it at 300 resolution. Rgb color will be my mode, my background. I want it to be a default white. So this is multiple options you can select from when you open your, when you create a new file, you can set it as transparent background. If you want a black background, you can choose a background color or custom. So mine is just gonna be white. Then we're going to hit Create. So here we are. The completely blank screen. And a lot to learn. It might seem overwhelming at first because there are a ton of panels open. And these are just the default workspace presets that adobe gives you. But you do not have to panic and feel overwhelmed because we're going to go over all of it and it'll all start to make sense. If your setup does not look like this, That's okay as well. If you go up here to the right hand top corner, you'll have this panel right here that looks like a window. If you click it, it has a bunch of different workspace presets that you can choose from. If you want to use the 3D version, the 3D set up, you can weave motion, painting, photography, graphic, and web. And what each one of these do is they set up your workspace based on the tools that you'll need for each setting. If you're going to be using this for photo editing, will switch to photography. And it takes away a lot of the panels that we had before. And now you just have your essential panels for photography. And it does the same with the tools and the toolbar over here. But for now, switch yours to Essentials because that's what we're gonna be working with. For the remainder of this course. We're gonna go over all the tools and panels in the next video. But for now I just wanted to give you a walk through of the interface so you can become more comfortable with it as we're going over the tools. On the right side here we have the panels that show our properties, layers. And these are kind of refer to them as your hierarchy. This is where you're going to be putting everything that you're gonna be working with. This is going to be over here. And like I said, you don't have all of these different panels open, Don't worry. I've added a lot to mine and you may not have certain ones, especially the navigation. I don't think that pops up incidentally when you open your software. It's something that you have to add. So don't worry, we're gonna get into that. We have over here on the left-hand side, our toolbar. If you hover over each one of them, you'll be able to see what they do and how to use it. You can also click, Learn More on each one of them to get an in-depth understanding on how to use them. On the top panel. Over here we have file Edit, Image, Layer, Type, select, Filter, 3D, view, plug-ins, window and help. These are handy to access even more features, filters, effects, and so on. We will be going over these in a couple of videos. These are going to be the filters and effects and we'll go over these in a couple of videos down. But I just want you to know that their their window is also where you can access a lot of the panels that you don't have. Or you can de-select the panels that you do have. On the bottom here we have different options for the document you're working on. So if you click this little arrow, you'll be able to see all these options for your document. Next we have the Zoom size, so we have it at 66%. I normally like to zoom it to a 100% so I can see everything perfectly as I would on the web or tablet. You can also use the navigator for that. But if you don't have it up, you can use the zoom down here. Or you can use your zoom on the mouse button, your scroll button in the middle. That's an option. Or if you're on a tablet, if you take two fingers and pinch in and move it in and out, you can also zoom in that way as well. 4. Getting Started in Adobe Photoshop: Here we are now inside of Photoshop. So I wanted to go over everything on this page. I don't want to skip past it because everything on here actually does something and it is vital to know, especially for shortcuts and tricks to creating documents and creating your own designs. So we have over here a menu section where we have new file, open home. Learn your files shared with you, Lightroom photos and deleted. So when you click New File, you can obviously create a new file. There's different ones that you can select from that we'll go over in just a second. We have learned. Now, this is tutorials. These are tutorials from Adobe and they're quick videos that you can learn from their templates. They give you the resources to download and you can begin creating art just like this. Once you learn how they do it, this is super convenient to see what they do and how they do it. And it's just a quick start to get you gone. Then we have home, which is of course where all of your recent files will be here. Drag and drop an image. You can upload a file or you can drag it from the desktop onto Photoshop. We have a suggestions banner right here. These are different articles and tutorials that you can choose from. You can view the article or browse more. And if you're not wanting to see this every time you can just hit Hide suggestions. Or if you want to refer back to it, show suggestions. So I'm just going to hide that for now. And you can also select your files. And these are going to be all the files that you've previously worked with with your Photoshop account. It's based off per account. So it's based off per account. And if you've saved it to their Cloud, so that we'll go over that in just a second where you can choose to save to your computer or to a cloud. And these are all the ones that I've saved to my Adobe Cloud. We can go to shared with you. These are all files that people have shared with you once you've given them permission to do so. We also have Lightroom photos. This these are photos that you've edited in light room. And that is if you have downloaded Light room, either have bought the subscription to Light room, or you had bought the whole pack. The whole Creative Cloud suite where you have all of the apps, Lightroom will be in there. Then your deleted. If you delete any files, those will be in here. So that's just a quick overview of the Photoshop interface. 5. Working with Layers: Alright, so let's go over our layer basics. So we have Photoshop open. We're just going to hit New Layer or Control N or command in and create a new layer. I like to use 1080 by 1080 for certain images because I'll normally post to social media and that is the size that I use to do that. So for this example, we're just gonna use the same size, 1080 by 1080 pixels, resolution 300, that is the best size. For our creation. We're going to hit Create. And let's go over our layers. So first, how do you even get the layers panel to show up if yours is not there? And that's how that might be how Photoshop opens up or you don't even have a navigator, you don't have layers or anything. Go up here to Window layers. So of course, if you de-select layer, your panel will be gone or if you selected your layers panel will be there. So let's go over working around creating the bus workspace environment for you. I want you to take some time, pause the video, and play around with the workspace so it's comfortable for you. Of course, you can just go up here to the Windows panel and just hit essentials. And that's what Photoshop gives you as a default for what you need. But you can customize this to your liking. So for instance, if I wanted to take my layers panel and just drag it out, I wanted to hit these three little, I'm sorry, these two arrows right here and make it. So that way my icons are just there. So that way it's not this big panel that's taking up space. I could do so. And then click and drag it to this section here. So that way everything is compact. I don't have so many layers bugging my window down, just cluttering up space and you can just take a deep breath, just knowing that everything is cleaned up. So you can do that for all of your layers if you wanted to, or you can get rid of them. So I would just hit X and get rid of my panels. I didn't want them. Or I could put them in up here, or I could move them over here or up top. It really just depends on what you want. That's why you need to take some time and adjust the settings to be what you want. And the more you spend creating, the more layer, the more panels you are going to need and you're going to know what you need and what you don't need for specific tasks and whatever projects you're working on. So it will come in time, but now, just organize it to how you want. So I'm going to, for my liking, put everything back to where it was. And you may not have a navigator panel which you need to see your document zoom in, zoom out, and you can move it around. To get that. You're going to want to go to again, window navigator. That'll pull it up or take it away. That's how you get your panels to show up. Adjust them, take a second and pause the video. Once you've done all you're customizing that you want, you're satisfied with how it looks. You can go up here to this panel again with the window. And this is called, if you hover over, you can see what everything is called and it's called Choose a workspace so you can click down on the drop menu and save your workspace, go to New Workspace and given a name. My great workspace. Choose what you want it to capture. So keyboard shortcuts, if you've changed, any shortcuts are added to it. Menus, toolbar, whatever you have. If you wanted to capture it, you can select that. And I didn't change anything, so I'm not going to select it. And I'm going to hit save. There. You can go back to that drop-down and it is right there, it shows up migrate workspace. So for instance, if you change to a Photoshop default workspace like photography. This has all the tools that Photoshop gives you set tools that you'll need for if you're just doing photo editing. So let's say you're done with that and you wanna go back to your great workspace. Just click the down arrow. Go to migrate workspace. And now all your default settings are there. Okay, so let's go over our layer basics. So I'm trying to move that upfront. Okay, so let's go over layer basics. And I'm going to create some layers and groups and we can get comfortable with it and then learn what each thing is and what it does. So right now, we have a background layer. This is a default setting that Photoshop gives you. You only get one background layer. And you can edit this currently because it's locked. To unlock it, you can either click this icon and it'll unlock it. Or I'm going to hit Control Z. So we can, I can show you another way. Click the I, the, the little lock here, drag it down to the garbage can. That will also unlock it. I'm going to create some, a couple of layers and you can do that by going down here between the trash and a new folder. And it also shows you create a new layer on the bottom. So I'm going to click that. And I'm going to create a couple layers. And let me create one more. Okay? So now we have three layers and one background layer. I want to put a couple of these in a group and a group folder just to show you some examples. So I'm going to click layer three, layer two. And to do that, I'm going to hold down Shift. I can select multiple layers and go down here to my file folder. Now, I put them in a group. So I can easily control multiple layers by having them in a group. If I wanted to, I could just hide the whole group rather than heightening ten plus layers individually. So let's go over what the names are for each object here in the layers panel. We have the layer panel menu. Up here. There's three lines. That's where we can access tons of different things. In regards to our layer. We click out. We can go to our filter. This is where you can filter out different layers that you have. So if we have multiple, multiple layers, which is very easy to get when you're designing something in Photoshop. I'm going to just double-click this layer one real quick and type something. We'll call this guy. And I'm gonna go into my group and double-click layer three and call this grass. Okay, I'm gonna hide this or I'm just going to collapse the group one. And right up here it says kind, you have a drop-down menu and you have a bunch of different options. These are all layer options. There layer types that you're going to have. So you may want to sort by name or a certain effect that you've given a layer or an attribute or select from a certain art board. I'm going to select and filter by name. And my name. I'm going to try and find where is that grass layer at and you I don't know. I'm going to type grass and it filters out, isolates your layers with grass. Super, super convenient, and it makes your design process so much easier. Next, we have Google back to Kind. And you can't, There's different options here, icons to sort from. If you hover over them, it'll tell you what it does. Filter for pixel layers. These are all of our pixel layers. We can filter by adjustment layers. If you add an adjustment, would you haven't done that yet? We'll get into that in a second. It filters by adjustment layers which we have none. Or texts layers. If we've written any text, shortcut T. And my type text. Oops, Alright, move that. And now I can sort by texts than my texts will be isolated. We can also filter by shape layers. If we have any shape layers, we don't, we can get into that. We can also filter for smart objects. We currently have no smart objects either. And we'll get into how to create all of these later on. But just so you know that's there, you can filter. You can also turn off your filtering layers if you don't want it highlighted. Let's talk about layer thumbnails. So if you click on the thumbnail itself, not the layer, but the actual thumbnail and right-click on that thumbnail, you'll have an option for no thumbnails, small, medium or large, or you can have none. And you can save some space that way by getting rid of the thumbnail or just having a small. I'm going to go back to my default size, which is medium that works for me. You choose what works for you. Also, you can do right-click on the thumbnail layer again, Clip thumbnails to layer bounds, or Clip thumbnails to document bounds. So this is just the content within your layer thumbnail. If you have layer bounds selected, then this means that you will only have it cropped to the content within. If I select the sky and I draw something, you'll see that it was, It used to be a big size, but now it cropped to just the content within my thumbnail to whatever I drew in my actual document. So I'm going to draw and you get a little bit bigger. And you can see it cropped more. If I do the whole document now, it within the bounds of my layer, the content within my layer. If I were to switch that to Clip thumbnails document bounds, it's just going to crop to my document. So it doesn't matter if I erase this and make the eraser tool bigger. If I erase this and make it smaller, it's not going to change, it's just going to crop to my document size. And lastly, let's go over how to duplicate objects. So we have our sky here, and of course I've just drawn with the paintbrush. If we go to our move tool, which is shortcut V, or you can come over here to your Move Tool. We can, let's say I want this to move up a little bit higher and I want some grass down here because I'm making something abstract. We can hit Command J or Control J. And that's going to duplicate our layer. Now, whoops. Now we have another layer. We can also go and click and drag a layer and go to the New Layer tool. And that also creates a duplicate layer. We can also go and I'm going to delete this to keep it a little bit clean to show you guys what's going on and delete the texts as well. We can also go to edit copy and then go to edit paste. That creates a duplicate layer as well. Or Command C, Command V or Control C Control V. That will also create another duplicate layer. 6. Nondestructive Editing: Okay, so let's go over some techniques for non-destructive editing. So what do I mean by non-destructive editing? Editing and making changes to an image without overwriting the original image data. So that way it remains available in case you want to revert back to it. So what this would look like is if you, you can use your layers. Here, you can just create new layers and draw something. Or you can import an image. Or it doesn't matter whatever you're working on. I'm just going to work on this circle here. And I want to make adjustments to this, but I don't want to mess up my actual layer. So we can do that by going down to our settings on the bottom where we would normally grow a new layer and hit create a new adjustment layer. So if we click that, we can have multiple options here. We can also get to it by going to Window Adjustments that pulls up a new panel for us. Which mine is I like to keep mine on this side panel here so it's just easy. You just access it. So if I wanted to adjust the let's do hue and saturation. And I'm going to change the color. If I go back to the layer, you can see that I now have a new layer called hue and saturation. And I also have my original layer, which is, you can see it is still my green circle. So it didn't affect the original layer. I can always turn my hue and saturation. I can hide it or I can delete it and I'm back to my normal layer. So that would be an example of a non-destructive editing process. We can also find this helpful when we import an image. We can start getting into smart objects. So if you go to File Open or you hit Command or Control O, you can open and import a new file image or from your computer or from your Adobe Cloud wherever you've saved to your actual Cloud. Or you can drag and drop an image. There's multiple ways to get an image in. So we can go, I'm gonna go to my Downloads here. You can just go to your Finder. And I'm going to drag and drop an image in. So that's one way to get an image in. Or you can, I'm going to delete all three of these layers for now. Or you can go over here to our toolbar section and get the frame tool shortcut is k. And you can drag. So just click anywhere, drag. To create a frame. It creates a little box. And we can then drag an image onto our frame. Now it's just within the means of this frame. We won't go outside of it. You won't seep through. I find this to be pretty helpful for you from making a collage or something like that. But there's multiple ways to import an image. And I'm not going to use this wave right now. I'm going to delete it. I'm just going to drag and drop my image onto my document. I have now created a smart layer. By doing so. If you hover over this on your thumbnail, you actually see where it says Smart Object thumbnail. And this is helpful for another example, if non-destructive editing where I would not mess with the original file, I can double-click the thumbnail. It'll take me to a brand new window where I'll be able to edit it. Hit save, and it'll appear on this our file that we're working on. So for an example, I'm going to go to hue and saturation and just change the hue a little bit. I wanted to edit my photo, turn saturation up. Really made it pop a lot more actually really like that. I don't want to turn my brightness up a little, maybe. And that looks good to me. So I'm just going to go back over now we've created a new layer for hue and saturation, so it doesn't actually touch our current layer. And of course, if we turn it off, we have our current layer. Nothing happened to it. We just created a separate layer on top so that it does not affect our current layer in case we want to revert back to it for me reason. So to get this change to apply to our image, wind to hit Command S or Control S for PC, or go to File Save. I'm gonna hit Command S. And it's not letting me because it's not actually letting me because I need to flatten the layers. So if I go and select my hue and saturation and shift, select my background. I hit Command E or Control E, that will flatten it, and I hit command S. Now, we can select your JPEG options. I'm just going to leave it at default setting and hit okay. Go back over to our original document, and now our file has changed from what we changed over here in our smart object. Another example of non-destructive editing would be using the crop tool. If we were to go and use our shortcut C, that'll pull up a crop tool or we can go over here to our toolbar. And just like a crop tool, if it's not pulled up, you can just press and hold this and find it here in the menu. The menu section crop tool. Up here on the top we have delete cropped pixels. So what that means is we can just go ahead and crop it like normal. And so now it's cropped. But let's just say we crop too much. Oh no. Now we can go hit C crop again. Select our image and you can see that it did not crop. It didn't delete the image pixels, so we can still revert back to it if needed. If we have Delete Cropped Pixels checked, then when we crop it, hit Enter and we mess up and oh no, I didn't want it to delete that. When we hit crop again, our image isn't there now it just goes back to our transparent document, which is a default. So those are ways of non-destructive editing and techniques. 7. Managing Layers and Groups: Alright, so let's learn how to create and manage layers and groups. So one of the things that you can do to create a new layer is too like we went over, create a new layer and this button on the layers panel, they'll create a new layer. You can also go up here to layer, new layer or group. You can create a new layer that way. Or you can hold down Option on a Mac and Alt. On Windows. It's Option click or Alt click. And while holding down that click, create a new layer. And that comes up with a couple of options to choose from. So use previous layer or create clipping mask. This is not available for groups. The only available for layer's. Color assigns a color to. Your layer. Mode, specifies a blending mode for the layer or group. And opacity specifies an opacity level for the layer or group. We hit. Okay? And you can see that we now have a color assigned to our layer. We can do this as many times as we want. And now we have a blue layer. Likewise, to create a layer, we can click and drag an image into our program. So if I were to click and drag this cat photo in here, I've just created a new layer. 8. Selections, Groups and Linking Layers: So I wanted to show you how to select Group and link layers and also how to move layers around from one document to the other. So to select layers, we would hold down shift and select layers in a row. Or we would, if I say I add a bunch of layers and I just wanted to I'm just going to make this bigger real quick since we're working with it a little bit more than normal. If I wanted to select, say layer five, 0, and layer two, I would hold down control for Windows or command for Mac and select certain layers and I wanted so control. Let's use select individual layers by choice. Likewise, to select all of our layers, we would go to select all layers. And now all of our layers are selected. We can also move a layer to a new window by clicking and holding. Drag to a new window up top, make sure you're hovering over the title. And place into the scene. We can group our layers by selecting one layer, hitting Shift, selecting the layers that you want to be in a group, and hitting the file folder down here, create a new group. I'm going to Control Z to show you another option. Likewise, we can also hit Command I'm sorry, option and do the same that we do with the layers, which is just hold down option click, Group, and you can give it a color. Hit. Okay? We can also achieve the same thing by going to Control Z, going to Layer, New Group. Click and drag and move all of our layers into that group. If we wanted to ungroup, we can go to Layers. Ungroup layers. Now we don't have a group. And we can link layers by selecting two or more. And I'm just going to select all four here and go down to the link. And this is helpful because whatever happens to one layer happens to them all. So if you wanted to apply drop, shadow or effects to one layer, instead of applying to them all individually, the same effect individually we can apply to them all by linking the layers. If you want to unlink, you can select all of them and hit the link again. Likewise, we can disable the layer. So I have two layers here, linked. And I'm going to just hit, um, hold down Shift and click over the link. And that will give us an X to temporary, temporarily disable the layer. To enable it again, we'll just hold down shift and click the link again. And now it is enabled. 9. Blending Options and Opacity: So let's talk about blending options and opacity. One of the ways that you can access some effects for your layer or blending options would be to double-click the layer. And we have all the effects here that you can do to customize your layer. Likewise, you can also right-click and get to the blending options. That way, I have an image here that I dragging from my other window just to work with it and show you some examples. We can change the opacity of this layer by clicking opacity and moving the bar down. And you can see that the image gets lighter and lighter to where it eventually just disappears. Likewise, you can also hover over the word opacity and click and drag either left or right to move it up or down. You can also access the blending options by going up here to Layer, Layer Style Blending Options. When you apply an effect in the Blending Options panel, it will show up under the layer. So if we add a stroke for an example, we click Okay, and now we have drop-down menu of all the effects that we've added. I can add another effect like a drop shadow. And you can see it and hit. Okay? And now we have the stroke and drop shadow that we added. If we don't want to see this, we can just hit this arrow, which will close the sub menu. We can also click the arrow to open up the sub menu. Again. We can click the I to enable and disable the effect that we've done. So if I click the I to toggle off the visibility for my drop shadow. I can also turn it back on. We can also access the blending modes from the FX on the bottom of the panel. In the Layers menu, we click this. We can access all of the different options that the blending that's in our Blending Options panel here. Or we can just click blending options to get the pop-up menu to appear. 10. Copying CSS (Cascading Style Sheets) from our Layers: Copy CSS generates Cascading Style Sheets, properties from shape or texts layers. The CSS is copied to the clipboard and can be pasted into a style sheet. For shapes. It captures values for the following. Size, position, Stroke, Color, Fill Color including gradients, drop shadow, cast shadows for texts layers copy CSS also captures the following values. Font family, font size, font weight, line height, underline, strikethrough, superscript, subscript, and text alignment. To get started with this, you can click on any layer. It does not work with smart layers. However, we'll go ahead and click on our sky layer here. And we have a stroke and a drop shadow applied to it. But we don't have any colors or text elements or anything else applied. Right-click Copy CSS. And you can go ahead and paste this into your web document with graphic design. I know we use a lot of web templates for clients. So if that's the case, this is exactly what you need and what you're looking for. But just for preview sake, I'm going to open up my notes file and paste it so you see what it copied. And that is our CSS code. From our file. There. 11. Introduction to Using our Tools: Alright, so we're starting to understand our program a little bit better, but now it's time to move on to the tools so you can learn how to create and manipulate your own designs. So here to the left we have our tools panel. If you don't have that up, you can find it. By going to Window tools. I de-select it, it goes away. But if I select it, It's right there. You can also customize the Photoshop toolbar to organize tools in a group and do more than that. So to get started with that, you can just head to edit toolbar down here at the bottom. And you can edit what you have on your tool bar menu. And if you don't have anything, it'll be under extra tools that you can just drag and drop over here. And that will be on your toolbar. So we have currently our tools and groups. That's the default Photoshop setting. But if you don't want it in groups, you can simply remove it and just create a new layer for it. But to keep things tidy and less cluttered, I'm just going to have it in a group. Okay, so let's go over more what these tools do. So we can see our active tool on top. So the, whatever tool is shown is our active tool to see our hidden tool. Or to see if there are any hidden tools. You will be able to find that out by an arrow appearing right in the bottom right hand corner of the act of tool. If there's no arrow there. For instance, this zoom tool, There's no arrow, so there's no hidden tools. You can view the hidden tools by long pressing. And a sub menu will show up where you can see all of the hidden tools and active tools. To select a tool, you can simply click on any one of these active tools on your toolbar menu. Or you can use the keyboard shortcuts, which are displayed when you hover over any active tool. For instance, the move tool is keyboard shortcut V. That will allow me to shortcut, move any layer that I have open. Also notice that when you select any active tool, you will have a toolbar menu up here on the top with even more options to control. The tool you selected. Each tool already comes with its own default presets that you can find here by hovering over the drop-down menu. To change these presets at anytime or to reset them. Just go to the little gear settings icon. Click the drop-down menu. And you can create a new tool preset, change the icon size, or reset a tool, or reset all your tools. 12. The Powerful Marquee Tool: Okay, So let's start talking about the marquee tool. And this tool is extremely powerful. There are so many things you can do with this tool. I'd say that you can pretty much combine the majority of Photoshop's tools and suggests the marquee tool. It does so many different things and it has so many different options. And you're definitely going to learn a lot with this lecture, but you're gonna learn more over time with the more projects you create and your own personal projects as well. Okay, so let's go up and grab our marquee tool, which can be found right here, the Elliptical Marquee Tool. Now you get two options. Two main options. Of course we have our single row and single column. But the two main tools that I'm gonna be talking about is the elliptical and rectangular. I use the Rectangular for pretty much everything. That's my go-to tool. But I also use the elliptical for creating shapes or adding borders or bunch of various different things creating logos. I just use it for everything. It's my favorite tool. I'm going to show you how to use it with the with the rectangular marquee tool selected. Let's go ahead and add some color. Let's just start out with color. In order to use this tool, you have to have it on a new layer. So I will show you why. If I were to just we're on our sky layer here. If I were to just go ahead and draw this out, and to draw it out, you have to click and drag to get a perfect rectangle. You have to or perfect square, you have to hit Shift while you draw. And that'll give you a perfect square. But if you want a rectangle, you have to just let go of Shift and drag it out to be the width that you want. So if we don't use our, if we don't use a new layer for this, we're just going to be continuously editing over r. Whatever layer is on top that we're working with, which is going to be our sky. So if I go and grab my paint bucket, which is shortcut G. Actually for this, I'm going to just use a gradient instead, I think is what I want to do. So if I go ahead and do that, I'll just go ahead and but my gradient on there to de-select, you can go to Select, de-select or Command D. Now, I'm gonna go to the move tool shortcut V. And now my Marquee tool is a part of my sky and that's not what I, whoops, that's not what I want it all. I want to be able to manipulate my rectangle here of color. I can't do that because now it's attached to my sky. So that's why it's very important to create a new layer when you're working with this. Something that I forget often but it isn't easy fix to just back out of what you're doing, create a new layer. And then go ahead and reapply your Marquee Tool. I'm gonna go ahead and since I recreate a new layer, I'm gonna go ahead and just read, draw that rectangle. And I'm gonna go back to my Gradient tool. And this time I'm going to use some of the default color settings here. I'm going to use a darker blue, darker bluish purple since it's kinda try to go along with the color of my sky as it is. And so that'll work. Go ahead and apply the color Command D, Control D on Windows to de-select and V4 move. That is our rectangle of color. Now you can use this to have to be the background for your text if you're making a logo or if you just want to add your watermark, that can be your background and you can just turn down the opacity. And it works beautifully if you're trying to. Maybe sell some products and you just wanted to have texts. But for instance, you want to to have some texts, but you don't want the background to be. So bold. Use turned down. We can extend this to the whole size of the document or down the opacity to about 50 ish percent. And go ahead and enter our text for service. Just gonna give this a red or white color. And now we can write over our document with texts and it'll still stand out. It'll still look nice in any part that you put it. So that's just an option. If you're creating a flyer or a poster. For this, I'm going to go ahead and shrink it back. And the two free-form shift to free form move, we're going to have to hit shift and you can move it in all different sizes and lengths, widths to get a solid move of the shape, you would let go of Shift and then our object does not move. So for this project, I think I'm going to show you a couple of different tricks that you can do with this. And I'm going to turn the fill down to 50% as well. And going, I'm gonna go to Filter blur, Gaussian blur. So I'm going to turn the blur up just a little bit. Just to kind of because if you want more of a darker skies is one way to do it. If you want more of a darker sky and you want it to blend in with the sky, with the lavender color a little bit better, blurs a good way to get that done. And mix with the marquee tool. So if we hit this layer, you can see the before difference versus after. It just made it a little bit darker and an extended down a little bit more. If that's the look that you're going for. Or we can create a another layer and use our Marquee Tool and go down. Here. I'm going to sample this color with the eyedropper tool, which is shortcut I. And then I'm going to use my paint bucket this time. So paint bucket. And I'll turn my opacity down to about 50% as well. For this, again, you can kind of see the difference it's already making to our photo. I'm going to use the blur. Again. This is a good way to enhance our photo, to enhance the colors, to make adjustments. And this is all use with the marquee tool. And we're gonna go over a couple of different other ways that you can use the marquee tool as well. So if we grab our Elliptical Marquee Tool, and let's say I wanted to make maybe a little logo or welcoming message. If I was creating an advertisement of some sort, make sure this is on a new layer, of course. And I'm gonna give this a fill because you can't do anything with it, even if you create a new layer and you try and move it, it's going to give you an error. You can't because the selected area is empty, you have to fill it with something. Whether you double-click or the blending options and create drop shadow and a stroke. You just have to create something. Otherwise it won't work. But we're going to fill this instead with a actually I'm going to do a darker color. I'm going to use a darker blue for this. Yeah, that's a that's a good clue. Okay. Then Command D to de-select. And I'm going to go turn the opacity down again. I'm going to put a stroke on this as well. So let's change the color of our stroke maybe to a lighter. I'm just going to sample the color and turn the stroke size down. And maybe do we like the center to be that blue? And we want to turn the opacity down a little bit. I think I'm going to turn it down for this. So maybe we're creating a maybe like a flyer for our services or event. We'll do an event. We're going to create a flyer for any event that we have upcoming. And we're gonna do it in a very artistic way because it's just for practice. So I went ahead and turn down my opacity and I'm going to add a drop shadow to this as well. I think that would really add to it, make it look really good. So for our drop shadow, you have a bunch of different options for this, we can change the opacity. You can see right around here, I just moved it, but right around here you can see the shadow. You can see it getting lighter as we turn the opacity down. You can see it getting darker as we turn it up. I think I like a dark, deep shadow for this. And you can like I did just move it around if you want the shadow placement to be different. And you can see that our dial here is moving, the angle is moving with it as we move the shadow with our mouse. That's another way to control the direction. We're just going to keep it right here as good for me. In the distance is of course, how far the shadow is from your object. Distance. The spread, is the shadow spread, the harshness of the lines. If we want it to be a little bit harsher or softer. And the size is just the size of the actual shadow. And if you're happy with it, we're going to hit, Okay. 13. Using the Lasso Tool: Okay, so let's talk about the lasso tool. The Lasso tool is useful for drawing free form segments of a selection border. So you can use the Lasso tool for a lot of things. What I use them for mostly is to just cut things out. So for instance, if I wanted to take this picture and I want the sky, I would use the lasso tool and cut it out. Um, it depends on what exactly you want. Lasso tool may not be the best option for certain things, but that's what I used for it. And so I'm going to show you how to do it. So you can see that this is one whole layer, and I want this to be two layers. The sky to be one layer, the mountains to be another. And our Layers panel, which has left the chat, Let's bring that back in. Layers. And this is not, I want this connected to my side panel here. And I'm going to save my workspace because when I closed out Photoshop, my layers panel left. So now when I open it back up, I will have my Layers panel right where I want it. Okay, so moving on to the last votes will, Let's grab our Lasso tool on the toolbar menu over here. And if you don't have it, you can go to Edit toolbar and add it from your extra tools section over here. But for right now, we're just going to focus on the lasso tool shortcut L. To do this, I would have to have a steady hand and I don't. So I'm just going to click and drag, hold and draw. There's better ways to cut out an image, but I just want to show you how to use the lasso tool. Okay? So I cut it out, not the best job, but I did it. And if you're really set on using this, Let's go to our layers and hide the background. We could just erase the sky a little bit just to get that out of there. So at least you still have the cutout. Wasn't the worst job, but definitely not ideal. So let's get rid of this layer. And let's use the Polygonal Lasso Tool. So the polygonal lasso tool is good for drawing straight edge segments. I am not pressing down my and holding my mouse button. I just click, click almost as if you're using the pen tool. And it only creates straight lines. You can't bend them. That's it. And then you have to also connect a point. So let me go down here and set an example. Let's say I wanted to cut this. I'm going to hold down shift to get a straight line. So as you can see, it doesn't matter what where I move my mouse, I'm only going to get 45-degree angles. So I'm gonna hold down shift and click to create a point. Go down, click the red point, click and meet. When you see that circle. Next to your tool, that means you've hit the ending point and you can go ahead and create a selection. So if I wanted to just grab this piece right here, I would. If I wanted to cut it out, I would hit Command or Control C V to paste it. And now I have my piece that I cut out with my polygonal tool. Or I could delete this layer. And actually I'm going to just go back so I have the selection. Let me redo that way. Nope, it won't let me let me just redo it again. To create a square. And I want to show you some things so you can also do this. Like I said, the last as well as multiple uses, not just for cutting things out. If I wanted to use the Content Aware Tool, I can right-click in my selected area and make sure you're on an actual layer that's not empty and go to Content Aware Fill. This is a separate topic of its own, but I did want to show you that you can use Lasso tool for this. We can Content Aware, our selection that we cut out. So if I hit Okay, you can see now that when I hit, when I de-select and I didn't show you that, let me show you to do select your cut out. You have to go to Select, de-select, or Command D or Control D. So I'm going to show you that real quick. Okay, so I'll zoom in. You can see that it did Content Aware. If I were to hide this layer so you can see exactly what it did do. The grass that was here is no longer there from our content aware. So this is good for cropping out people in your photos or objects if you want to add certain things. So there's more than one use for the Lasso tool. And the Magnetic Lasso tool is really useful for quickly selecting objects with complex edges. So to give you an example, let me hide my layers panel. Go to have our Magnetic Lasso Tool selected. If I wanted to draw. You can see how it snaps to my mountains easier than our first tool did. It. I mean, that's a little bit excessive. Always hit the wrong button. Let me de-select. So if you see, you can see it's snapping to the edge of the mountains a lot easier and giving us a much cleaner cut than our first tool did. And even though my hand is still very shaky, it is still snapping too. The edge of the mountain. By double-click, it gives me a line from point a to point B. So I'm gonna go ahead and just copy the whole thing out. You can see on the bottom that it didn't, it's not working very well because it snaps to edges. But there we have it. It's a much more it's a much more clean. We're on the wrong layer and that's why it did that. When I tried to paste it, I did it on the wrong layer. So when we cut it out, it's a much cleaner. Let's hide the background layer. It's a much cleaner cut than our previous. So some other things you can do, the lasso tool I just want to show you you don't have to use all of these options. But I just wanted to show you that you can do more than one thing with a tool like it's not this is it. You can only do one thing and if you use it for anything else, you're wrong. It may not be the best way, may not be the easiest way, but you can still do it. So if I were to hide this layer, so I'm just on the background layer. I actually, I'm just gonna create a new layer. So I'm on a fresh, fresh layer. I'm gonna go back to my first lasso tool, just the first option here and say I wanted to create a drawing and Photoshop, free hand drawing. And I wanted some grass or something similar. I could r, These are looking more like mountains though, but what does make them mountains or hills actually, I could draw that out, outline it. And it has to be on a new layer, a blink, its own separate layer, or you just be aware of the layers are using it on, because if you use it on the wrong one, then I'll put a green color to this to show you. And now it's on my mountain layer and it's not going to work well. So new layer and hide this. There we go. Control Command D. Control D. Now we have some a shape that we created with the lasso tool. You can use it for whatever you're trying to do. You can create, delete this. You can create maybe a border. If you wanted to use a different. Let's create a square with the polygonal tool. So if I hold down shift, if I click and then hold down Shift, then hold down Shift again. If I was drawing something. And if I had you avoid creating a flyer or I just needed a square and you can use the Lasso tool for this. Just give it a color and de-select it. You can treat it just like anything else. Turn the opacity down. You can put a drop shadow on it. You can put a stroke on it. Outer Glow. It works the same way as as the Marquee Tool. Almost just you need to have better control over your tool. So there's tons of things that you can do with the lasso tool that I just wanted to bring to your attention, make you aware of that. You just don't have to use one tool. Whereas you might have used the rectangular marquee tool to create this, but you can actually use the Lasso tool as well. 14. Move Tool Quick Tips: So I just wanted to go over some quick tips for the move tool. This is going to be our Move tool in our toolbar menu shortcut V. Again, if you don't have a certain tool, just be sure to go to Edit toolbar and select it from your extra tools window. Okay, so when I was first starting out in photoshop, when things that really got me was the fact that I could not see my Transform controls. So it was basically like this. I selected the, the move tool and I was obviously moving it, but I had no idea how to see where my Transform controls were. And I would constantly have to select Command T or Control T to get to pull up transform. And that's where my controls which show up. So that was kind of inconvenient and wasn't very quick. If I'm moving fast, It's not very convenient for me. So to fix that, you just go up to the top, Show Transform Controls. And that was a lifesaver for me so quick, That's just a quick tip. Next is when you have multiple layers on. Let's move this to the top. If you have multiple layers going on. And I'm trying to make me duplicate this layer just to show you, I'm going to put this on top a little bit. Okay? So something like that. Um, I've got this layer here, and I want to just select this layer only. But when I go to select it, maybe I want to rotate it. As you can see, the rotate, some icon shows up. I end up selecting my bottom layer instead. That frustrated me to no end. And I didn't know how to fix it. So I'm going to show you how to turn off auto select, which is right next to Show Transform Controls. Turn off auto select. Now, I can just move this one, can't touch any other layer. And that was a huge lifesaver for me. You can still quickly access in move another layer, even with auto select turned off by hitting Control on Windows or Command on Mac and hovering over what you want to select. So you can't just click on it, but you can hit Command Select and then it'll select the layer for you. You can tell that you are on a layer by the fact that there'll be a grid around it showing you that you have selected or you're attempting to select a new layer. 15. Quick Selection Tool: So let's get started using the Quick Selection tools that Photoshop offers. They offer three different types of quick selection tools. We have the object selection tool, our Quick Selection Tool, and Magic Wand tool. The Magic Wand tool has been around since Photoshop started. And they recently just added the Quick Selection and objects selection tool, which are extremely useful. I say even more useful than the magic one tool. But all three of them worked together wonderfully. So you can use these tools to make quick selections in Photoshop. For instance, let's jump right into it. I have this picture of a phone. If I wanted to just put something on this phone screen, like I wanted to just edit the white part of the phone screen. I can do so by making sure my layer is selected. I'm on this layer that I want to use the magic wand tool on. And I can select it. As you can see, we now have our phone screen selected, but it did not get anything past the rail of our shopping cart. And I want to add these as well, but when I tried to select them, it won't it won't. Let me add all of my selections. It just does one at a time. So we can easily fix this by holding down Shift on the keyboard. And you can see it pops up with a plus sign next to our wand. And if we select option, it is a minus sign. So let's start with the plus first. We'll hit Shift and we can select our the rest of the parts that we want to be a part of our phone screen. Let's say I selected one too many parts, like this. Blue part of the basket here. Like, oops, that wasn't supposed to select that. If you hit Shift, it's not going to do anything but add more of the selection. To get rid of unwanted selection, we would hit option on Mac, Alt, on Windows. And that'll pull up a minus sign rather than a plus. That means we can get rid of an unwanted selection rather than add a selection. So I'm just going to do just that and get rid of my unwanted selection. And now I have everything selected that I want on my phone. And from here we can do whatever we want. We can get the brush. I'll just pull up the brush tool here, make it a little bit bigger. I'm going to select a color. Let's go with a blue. And you don't have to worry about going out side of the bounds that you have already selected. So if you want to just fill in the phone screen, you can do just that. You don't have to worry about getting it on the edge of the phone. I'm using my brush and brushing on the outside and nothing's happening. I'm not getting a painting on anything other than my phone screen. I can only do what I can only paint on what I've selected. So it's very convenient and helpful. And we can de-select this by going to select, de-select or Command D on your keyboard. So let's go over the other two options we have here. We have a Quick Selection Tool. This allows us to quickly select larger objects. So if we wanted to, we can make our tool size smaller. If I wanted to. Quickly add in this shopping cart handle, I can do so by selecting it and zooming in. And we have some parts here that are unwanted. We just want the handle. So if you go up here to the Quick Selection Tool, toolbar settings, we have add and take away. Let's select, subtract from selection here. And we can get rid of the unwanted spaces of our selection. Alternatively, we can add something I wanted to go over real quick with the magic one tool. If you were to select. This shopping cart handle. So let's do that now. I have at my magic wand tool selected, and I'm going to just try and select this shopping cart handle. It's not really doing that great of a job. It's only selecting a few pixels at a time. That's not what I want. I could use the Quick Selection Tool for this to get it done. But let's say I just wanted to use the magic wand tool. Here's how to fix this. I'm going to de-select this and come up here to our magic wand tool bar settings and come up to tolerance. This is to set range when sampling color. So I want to turn my tolerance up so I can get more of a selection. I'm going to show you how that works. So if I said something like 30, you can see it's grabbing bigger chunks of our shopping cart handle, which is what we want. So if I were to set it to say 50, that should definitely do the trick of gathering our handle. Precisely. So let's talk about the Object Selection tool next. The object selection tool is located in the same menu as the quick, the Quick Selection Tool and magic wand. If you don't see any of these options, they will be in your toolbar setting. When you go to Edit toolbar. The object selection tool allows you to select objects in your scene. So here it's already painted out what it sees as an object in my photo. So if I click this, you can now see that my whole entire object is selected. And I can do whatever I want with that. If I wanted to paint over it. I can paint this whole thing if I wanted to. Because it's now selected, it's given me the convenience of taking out the hard work. Or if I wanted to simply just get rid of this, I don't want the shopping cart in here, just a waste of my time. I can just delete it and go in and clean up that blue part. When it gets done, thinking, there we go, de-select that. I can just simply take my magic wand tool and delete that. There now is completely gone. And if I wanted to eyedrop reference the background color, grab my paint brush and paint over it. I could do that. So those are just some examples of things you can do with the Quick Selection tools that Adobe Photoshop offers. 16. Working with Text: Let's go over the different ways you can use the text tool. So we'll hit keyboard shortcut T for text or go over to our toolbar menu and select the Text tool. There's a couple of different options related vertical type, Vertical Type Mask, Horizontal Type Mask. And we are currently using the horizontal type tool. So if I want to select and select anywhere to begin typing, I can and I can type. It's going to type typography. So when you get done typing something, you have to come up here to the checkmark. That means commit and cancel. We can cancel our text or we can go ahead and commit. And I'm gonna make this, I'm going to highlight this and make this a lot smaller. I can do that by highlighting and changing the text size. Alternatively. And can go over here to our properties panel, which can be found Windows Properties. This properties panel shows the properties for any tool that you're working with. If there are properties associated with that tool. So I'm gonna go ahead and select properties. I like my properties to be on my side panel. So that's where I'm going to place them. That's normally where they are for me. Okay. So we can alternatively decrease or increase the size without having to highlight it by coming over to the font size and the properties panel. We can hover over the icon, the text T icon. And we can increase the size or decrease by pressing and holding the mouse button click and going up or down. We can also just type in our value. Right over next to it is our leading. So if we have more lines of text that we can easily create, and I'm going to just put this in place here so we can have a clear sight of it. So I'm gonna go ahead and click this and hit Enter and type something else. So topography, and I'm just going to type text. So the space in-between our text is what this will do. We can scroll up or down. You can see the effects that it gives our text. We want it to be a little bit closer or farther away. Okay, we even have the spacing between two letters here. So if we were to put our cursor in-between any text that we were working with and set it to say says her lower number, you can see that the spacing gets a little bit closer and then we can spread it out so that way it's further away. We even have, this is the spacing between all of our text. We can make it all of our texts closer or further out. We can go ahead and clean this up a little bit. We can even use the vertical type tool and type. And this gives us a new effect, a new style to our type. With the text tool, you can manipulate it as you would anything else. To a certain extent. We can use the blending options and use a drop shadow if we wanted. Make it a little bit nicer shadow. We can add a stroke to it. There's a bunch of different things we can do to it. If we wanted to actually edit the type. We would have to first make it editable and we would have to rasterize the layer before we can edit it. So some different ways that you can manipulate your text would be by changing the font size, which we can do in the properties panel. We have different fonts from Adobe. Or if we wanted to install our own font, we can do it from Adobe, which is more font. So we can look it up here, more fonts from Adobe. Or we can go to different font, free font sites and get different fonts that way we can change the color of our text. Okay, so I wanted to show you something really quick that you can do to really AMP your design style with texts. So this is a popular typography design style. And I'm gonna show you how it's done. We're gonna go to our layers, and this is our main topography layer. I changed the color to a yellow, but you can change it to whatever color you want. And then I'm going to duplicate this layer command. Jay. I'm gonna put this layer on the bottom. This is going to be, oops, this is going to be named topography, shadow. And make it easier. I should have changed the font style first, but it's okay now that we've already done and I'm just gonna go to the Properties. I'm going to click the layer on top. Because the properties, and I'm going to select the new font style to make I want a thicker font style. So for this, I'm going to go for, I'm an Arial black. I like that. Okay, so Arial Black, and I'm gonna do the same for my shadow. I'm going to use the same exact font choice for that. Black, okay, for my shadow, I'm going to color it a darker color, but really you can use any color you want. So let's just start out for live with a darker color for now. What I'm gonna do is use my left and right arrow keys and nudge my text left, right, up and down. So I'm going to take my arrow keys on the keyboard and nudge it to the right. And as you can see, we already have a more of a thicker shadow going on and it already starts to look really good. You can use this type of style for flyers, posters, or even logos. So I'm gonna go ahead and nudge it down a little bit just to kinda give it depth. So that looks pretty good. So now we've just added, we've owned all we did was used to texts layers, and we already created our own design. So you could also change the text, the shadow to a lighter color. If you want it. We can use a darker green. We can also use a lighter green, more of like a neon. If you're going for like a neon color, blue, you can use a lighter color. This light pink actually works really well. See purple and orange, that would look really good if you wanted to. If you're creating something fun. So play around with this and create your own style. But I just wanted to show you some more things that you can do as far as design is concerned with text. 17. The Eyedropper Tool: So let's go over some of the Eyedropper Tool Basics I on our keyboard to access the eye dropper. Or we can go over to our toolbar and access the eyedropper tool this way. So take notice of the top toolbar settings here. For our eyedropper tool. We have a drop-down menu with point sample, three-by-three, five-by-five, and so on. If we do point sample, I'm going to pull up my color picker here. And if we do point sample, you can see that we get the color value of each individual pixel. If we change it to, say, five-by-five. This provides the average value of the specified number of pixels within the area you click. We also have sample, which is all layers current and below, and so on. So currently we can sample any of our layers, or we can just change it to sampling the current layer that we're on, which we can't get a value because we're not on the correct layer. Our current leader is our typography shadow. Once we go to that layer, we now are able to sample that color. We can't sample anything else. We also have show sampling ring. If this is selected, you'll be able to get this ring around your eyedropper tool, which lets you know that you are sampling a color. It also shows you what, what color your sampling. So let's go back to all layers and we can drag it. And you can see that the ring is changing colors based on the colors that we're sampling. If you prefer not to have this, you can turn show sampling ring off. We can also sample colors. So say that we have our color picker open and we don't want the sample on our screen, we want it from our color picker. We can do so. We can do the foreground or the background or the foreground color. So those are just different ways that you can use the eyedropper tool. Alternatively, we can use the hidden tools in our menu here. And we're not gonna go over the 3D material eyedropper tool just yet. You should also be aware that Photoshop is discontinuing their 3D features. We're gonna go to the color sampler tool, and this is a really cool tool if you are creating a mood board, if you are laying out color schemes for your client, or want to experiment with different colors and color palettes. So click on the color sampler tool. And what this does is when you click on Colors, it marks it 1234 and so on. So I'm going to sample the yellow, brown, and white. Next, I'm going to, I want to add some more colors. So I'm gonna go to my layers, create a new layer. And I'm going to do blue and make that straight. It's going to bug me if I don't. Then R, I'm sorry, I'm gonna do purple, not blue. Now we're going to do blue and then some blue and just create a couple more colors just to give you an example. Orange. Orange up here. Okay, we're gonna go back to our eye dropper sampler tool. Great, 456. So these are all samples. Say we have a photo that we brought in and we just loved the colors on this image. And we just have to use these colors and our own design. You can sample those colors and go to your swatches, which would be under Window swatches and you can pull it up that way. And now all the colors that you sampled are here in your swatches. 18. Leaving Notes in Photoshop: We can also create notes and Photoshop if we were, say, sharing our PSD files. And we wanted to leave a note, that's an option that you could use. The note tool for. It says to create texts notes that you can attach to an image or a file. This is also under the eyedropper tool. We can alternatively important notes from a PDF file by going to File Import notes. So what we do is under the eyedropper tool sub-menu or just by clicking I, we can have a note symbol pop up on our icon, on your mouse icon, we can click anywhere. And now we've created a note. And this note, I can have it say, I love this color of orange, or I love this shade of orange. Perhaps. If I wanted to create another note I could. And I can create as many notes as I want and then scroll through them for one through five. So I can scroll through all the different notes that was left. 19. Perfume Project: Introduction: Okay, let's get started with creating a actual logo. So with everything you've learned, you definitely have the knowledge and experience to start creating something. And you will definitely get better within time. So if you don't grab onto a concept, just yet, do not beat yourself up and do not get discouraged. Everything takes time and you will get better in time. And the more projects you do, the better you become. So we're gonna be working on this perfume project, and I call it a perfume project because we're going to take our logo that we create. And we're going to put it on a perfume bottle. And we're going to show our skills and show what we've learned. We're going to be able to put this on our resume or portfolio and really maximize and show what we've learned. So let's get started into it. I've wrote this out in Latin, but you're going to create this project on your own. And you're going to do along with me, but then you're also going to create something on your own and customize it and make it whatever you want it to be. So the point of design and art is that it's yours. You've made it your own. So that's what we're gonna do in this section. So let's get started. 20. Getting Started with our Logo: Let's start off by creating a new document. I'm going to use the same size that I have been using. 1080 by 108300 resolution. Hit Create. And I'm going to start out with my background. So I created this using a image of pool water and this is going to be available to you in the resources this image that I used. But it's nothing special. It's just pull water. I'm going to make it a little bit bigger to fit my document size. Hit Enter to commit the adjustments, and I'm going to crop it. I'm going to make sure delete cropped pixels is turned on. I don't like I don't it's messy to me to have anything outside of my document that I'm not using and it's a waste of memory storage and much other stuff. So I'm just going to delete that, commit my changes. I think I went outside a little bit, commit my changes and hit Enter. So when I'm creating a logo, I like to duplicate a duplicate everything. So I always create one more of whatever I'm using because my design thoughts change, I get new ideas, anything can happen, my file could corrupt. Anything, really could happen. I like to keep two of everything, so I'm gonna do just that with this pool water. Also another reason that it's duplicate it is because if I, for instance, the one I'm creating texts, I will rasterize the text. And if I ever want to revert back to my original text, I will just delete my Rasterize Layer and go back to my original layer. And that's only if my ideas shifted or my style changed. And, you know, going back to the blueprint, I had to redo everything. But otherwise, the majority of the time I don't go back to my saved second layer, but it's just good to have just in case. So we're going to do just that with the pool layer. I'm going to duplicate it, hide it. And now I have that as a backup and it's still a smart object. So I have that just in case. And with that being said, I'm going to rasterize this layer. So an unlock my background just so that way I have it. Okay? We're going to get into learning all of our filters and in a different section coming up. But if you go up here to your tool bar and you'll have a bunch of different filter styles, different effects that you can get. For this. In particular, to get the swirl effect that we had. I use difference clouds. So we're going to use for this one. So Filter Render, Difference Clouds. And Difference Clouds gives you a different effect every time you use it. So I like to use, I like to click mine about four times. But when you're creating your project, play around with it and see what you can create. I'm gonna give you a little example. I'm going to hide this layer and I'm going to create, I'm going to make this bigger, crop it. I'm going to create, let me use my brush tool and just create some effects. And turn my flow up and see just random effects when needed. Color this time and just go over it. Okay, let's go to Filter, Render Difference Clouds. And you can see the effect it, it gave me. I love using Difference Clouds. It's probably the most unique filter that I've used on Photoshop. I just use it for so much and it's just my favorite to use. So we'll go to difference clouds again. And you can see it gave us a new effect. Again. It's different, but it's not just the color that changes the actual particles. The it starts shifting and creating new shapes. So you can see we're starting to get new shapes and it just changes your effects and hole. So that's just a little short background of what difference clouds, clouds do. So I'm just going to delete this layer because I don't need it. And I'm going to put my water layer back on. I'm going to hit filter. That makes sure I'm on the layer otherwise everything's grayed out. It Filter, Render Difference Clouds, and just hit this a couple times just to see what I want. It's all about personal preference. Usually play with this for about 45 times sometimes. But it really depends on the design style that I'm going for. And that kind of works for me. So next, I'm going to actually make this a little bit bigger because I want to see the texture when we're done with it. I love looking at my texture in my photo. And then I'm gonna hit Difference Clouds one more time. Okay? Now we're gonna go back to Filter, stylize and we have a bunch of different options to choose from. We're also going to get a bigger panel. And you'll see in a second that we're going to have this pop-up panel appear and this is going to give us an oil paint effect. If you look at it, I'm zooming in right here. You can see what it gives us. And I think this is such a pretty effect. It's so clean. The edges are so crisp, sharp. I love using oil paint. So it's different, Difference Clouds with my first favorite and then oil paints by my second. But make sure preview is checked so you can see what your art is going to look like as you're using the oil paint option. And I'm going to turn this up a little bit. It's really just about personal preference. Turn that cleanliness up, turn it scale. So we changed the scale. We're actually making it bigger as you can see, versus smaller. So let's settle with this. I'm going to change my bristle detail and adjust the shine. I'm going to turn the shine up just so that way it's more clear what our oil paint design looks like. I feel like the shine really brings out the edges. So I'm gonna go with that. I'm going to hit Okay. 21. Personilizing our Design: Okay, so we're going to create a new layer and put this layer underneath what we've just created with our Difference Clouds underneath our pool water. And actually let me just go ahead and label this so we can stay organized. So this can be our, we'll just call our logo because it technically is. Okay. So for our layer one, this is going to be called overlay. And I'm going to give it a color quickly. I wanted to mention that you could just stick with this color. This is very it's a very pretty color and there's nothing wrong with it. I had an idea that was going for and InDesign I had in my head what I wanted. So I changed the color a little bit and I made it more of a peachy color. Okay. So once you select your color that you want to get the paint bucket tool and drop it in. So we're going to go back to our logo layer and we're going to either hit right-click, Right-click, Create Clipping Mask, or we can just go Option on Mac, Alt on Windows. Go to this line that we learned in previous lectures, create clipping mask. And now I'm going to change the blending mode of this and this is where it really starts to come to life. So we can go to our blending modes right above here I Layers panel. And we can go through each one and you can kinda see you when I'm going through each one, the effects that it gives my logo. But if we just pick a darker color for now, you can see that it really brings in our color from our overlay layer. So you can see that the color seeping through. So I'm going to just keep going. So now, if we hit Lighten, we have a different effect that still looks pretty good. It just really depends on what you're creating and what you're doing. And that's one of the things that I wanted to stress in this course, is that you can create anything that you want with whatever ideas you have, whatever tools you have, is literally just your art and you can make it out to be whatever you want. So I'm going to keep going though. And I just wanted to show you some of the effects that the blending options give you. So for this one, we are going to be using luminosity. And it really kinda gives it more of like a fancy, shiny look, more of a luxurious look. Okay, So let's create the label for our logo. And I'm gonna go to our shapes over here in our toolbar and go to our polygon tool. I used five sides for this. So if you go up here to the toolbar, up top, we have a option to change the radius of our sides to make it a little bit smoother and also change the number of sides. So Ms, I just set mine to five. I'm going to click, Cancel. And when I click and hold down Shift to get it perfect shape. And just center this in the middle. Okay, I'm gonna go to our Layers panel now we have our shape and I'm also going to use the blend modes on this one and play around with it and see what I liked the most. See how I like the color to affect on my logo here. I really do like soft light, but let me just keep going and playing with it. So I'm going to go with soft light here. And I really liked that. I'm gonna go ahead and go double-click and give it a drop shadow. So I'm just going to turn down the opacity because I don't really want the drop shadow. It'd be too harsh. It's not the effect. The effect that I was going for. And I might even turn my drop shadow to screen as well, play with the blending modes on that. So just so that way, my drop shadow really isn't harsh, it doesn't give me that harsh lip. So we're going to hit Okay? Alright. We can also go back to our blending options, double-click and go to bevel and emboss and change the depth and settings of this one. It kind of gives it a new book. Contour. We can do chisel hard, chisel soft. Going to change the size a little bit, to change our edges up a little bit, so it doesn't look so flat. We could even add a texture if we wanted to. I like this one using the water texture and I really liked this one. We can change the scale of this as well if we wanted, but I liked the default settings, so I'm just going to hit Okay. Now we can go ahead and add our text in. So I'm going to exit out that. I'm going to create another, i'm, I create a duplicate of this polygon. This is gonna be our label. Then we create a duplicate of it, hide it. Now we're just working with this and I'm good. Just rasterize this layer. Now we can work with our text and we can have it say whatever you want. I'm just going to call this perfume in all caps. And I'm gonna go ahead and commit the changes. And now let's go to our Properties panel and change the font. I'm going for a more bold font, but still having some thin attributes to my font. So I'm gonna go with this one. This one's a bolder font and I'm going to make it a little bit bigger. And I'm going to change the color as well. So let's do that and make it maybe a little bit darker. I kinda like this one. Let's, let's play around with this color and see if we can make it work. Let's go to our layers and adjust the blending options. And maybe add a drop shadow to it. Normal blending mode, change the size to be a little bit sharper. Okay, bring up so we can see, start to really see the text. I actually really do like that. I'm going to hit Okay, and I'm going to get, grab our Rectangular Marquee Tool, grab a new layer, and put this behind it, because I want to be able to see our texts a little bit more clear. So I'm going to go with a little bit lighter shade, drop that shadow in, got that shading. Put this behind our text layer and change the blending mode of this. Maybe two. If I just leave it at normal and turn the opacity to 50. And I'm gonna go to my filter, blur, gaussian blur. Hit, Okay? Okay, and this is all about playing around with what looks right? So I'm gonna go and select maybe a darker text. I don't want to go too dark and I hit Okay, and go back to our blending options for our texts and add a stroke, because I did add a stroke in our last, in that original. That was similar to the colors here. Okay, so let's work with the label of our logo a little bit more and double-click it and go to color overlay. And let's add a lighter color to it. Something like the same. I just sampled a color from our logo here. I'm going for a lighter, a much lighter, peachy color. I'm going to turn the opacity down a bit and play with the blending modes. I do like that. I'm going to also add a stroke to this as well, a very thin stroke, maybe two pixels. And give it a darker brown stroke. And hit Okay. And I'm going to change the opacity and maybe bring it down a little bit. Just like that. So I'm really liking the way this is turning out. 22. _19 Finishing up our Logo: So on our perfume texts layer, I went ahead and turn down the opacity on it so that way it's not so harsh. The stroke is not so harsh. Okay, so next, we're going to go and make the texts maybe just a little bit bigger so you can actually see it that way. Maybe a customer could see it. I'm going to duplicate this text, bring it down and this is going to be our bottle weight. So here I'm just going to add, say this is three ounces. Make sure it's lined up with the center. I'm also going to go back to her perfume texts, duplicate it, and add a subtext to it. So it'll say something like from Italy or whatever subtexts you want that explains more about what you're selling. That explains more about this perfume bottle or this type of perfume. So I'm going to just see if that's good. I might make it, I'm going to zoom in, make it a little bit smaller. Okay? And for this one, I'm going to either reduce the opacity or is completely take the stroke off, which I'll probably just take the stroke off and adjust the drop shadow. I'm just going to disable the drop shadow for this because it is a little bit smaller. And maybe make the text a little bit darker. Yeah, darker is looking really, really good. And I'm also going to do the same for my ounces. Disabled the stroke and the drop shadow make the text a little bit darker. That works out perfectly so our logo is pretty much done. But for my second option of a different variation of my logo, I added a border to this one just to give it a different variation. This one kinda gave me like Ireland vibes almost. So let's go ahead and add a border to this as well. And I'm going to show you how you can do that. So let's go down to our logo layer and grab our rectangular marquee tool. And let's draw a box or a square. And you can make, yeah, I'm going to start I'm going to do a pretty thick border. So when I make my start my tool out it kind of close to the center and just make sure it's even like go. Okay, so for this, I'm just going to hit, you can go up to edit, copy and edit paste or Command C, Control C on Windows, command V, Control V on Windows as well. So command C, command V. And we missed a step. So let's go back. Let's hit Command Z and go back. The step we missed was we have to hit Shift Command I, Shift Control I on Windows. And that inverts the selection to make and it makes it go back almost inside, if you will. And then we're going to hit copy and paste. So Command C and V. And we can have that border around it if you so choose. We could also play with the blending modes. I already like multiply, but we can just go through and see which ones we like, which kind of style we're going for, for going more for like, no, like this one that actually looks really good to difference. So I'd have to choose between multiply indifference. I'll probably just go with difference. I really like that purple, dark blue look. So there we have it. You've created your own very unique logo, and you can use this for anything that you want. It doesn't have to be perfumed, but we are going to put this on a bottle coming up in the next section. The point of making these logos and designs in this course is to show that you can use any tool, any asset, any image to create whatever you want. You don't have to be bound to using a blank canvas and starting from scratch all the time. Or stressing out really hard on what to make. You can literally just grab whatever's around you in your software and start creating and create something that's unique and personalize it to your idea and your design theme and concept that you have. So I really want you to maximize your skills and abilities with this course and understand that anything truly as possible.