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.