Transcripts
1. Mastering Adobe Photoshop CC Intro: So you're familiar
with Adobe Photoshop, but ever wondered how to enhance your skills and easily
transform images? Then this mastering Adobe Photoshop class
is perfect for you. We'll cover everything from advanced retouching techniques, grand mockups, to
seamless patterns and neon glow with fun projects. And guided by clever
shortcuts along the way. As some of you may already
know, I'm Kate Silver. I'm a graphic designer. I'm a shoe designer and a
top teacher on skillshare, whether you have basic
knowledge of Adobe Photoshop, have completed my
beginner's class, or simply looking to learn multiple skills in one
go, then this is for you. Now here's a little sneak
peek at what you'll learn. We'll start off with advanced
retouching techniques, because a Photoshop class
isn't complete without classic makeover tools
such as removing wrinkles, bag and teeth whitening. Then get ready for one of Adobe Photoshop best
updates the contextual tab. Simplify tasks like
removing backgrounds with one click certainly
makes my life easier. While AI may be controversial, I personally love
Adobe's take on it. So let's embrace the power
of AI with Adobe Photoshop. Amazing AI, generative
fill and expand. Now here's a little thing I like to call fantasy portrait. I've always wanted colorful hair and now we can easily make
that happen with the camera. Raw filter. Level up your branding and
digital marketing game with realistic mockups labels, T shirts and learn how to
create Simas patterns. We'll even get to play
interior designer and turn a dull room into a
gorgeously styled one. And last but not least, we'll make our designs pop
with creative effects like duo tone and my personal
favorites, neon glow effect. I'm a big fan of repetition in order
to perfect the skill. So we will be repeating every tool a bunch of times
throughout the course. As usual, there are
tons of files and exercises that you can
download with a course. I will be guiding you with clever shortcuts
throughout the whole time. And voila, let's get started.
2. Welcome to the Class!: Welcome my friends to this Mastering Adobe
Photoshop class with me, Kate Silver. I'm super excited because
this is such a fun clause, and I really hope you'll agree. So this class is a
project based class, which means that we'll be combining various
Adobe Photoshop skills and tools to achieve
stunning outcomes. So in each lesson, we'll be combining
many Photoshop skills such as blending modes, image adjustments,
layer adjustments, smart objects, and so much more. If you are interested in a detailed exploration of each specific and
individual tool, then feel free to check
out my beginner's class. There you'll find
a dedicated lesson for each specific tool. For instance, I've got a specific lesson just
on selection tools, which is super important. But you can totally skip the beginner's class
and just learn tools holistically in one go in this mastering Adobe
Photoshop class. So that's totally up to you. See what works best for you and your brain and your
way of learning. So without further ado, let's get ourselves started
with the free shortcuts, the free files, and of course, mastering Adobe Photoshop
in this first section.
3. Getting Ready: Files & Free Shortcuts: Okay, my friends argue, ready for this mastering
Adobe Photoshop class with me, Kate Silver. I'm super excited for you
to see what's in store, what exercises we'll
be working with. I had such a blast creating
all these exercises and we'll be combining a collection
of skills in each exercise. Okay, now first things first, let's make sure that you
have Adobe Photoshop installed in your
computer or laptop. Now you can either
have access just to Adobe Photoshop and
have that membership, or have the full
Creative Cloud Suite, which is what I have. It means that you'll
have access to other softwares like
Photoshop in design, Illustrator, Premier Pro, after effects, and so much more. But that's totally up
to you. You do you. Now, if you head
to the class page, you'll see a series of downloadable zip files and
they're compressed folders. Which means that if you
double click on one, you'll be able to expand it
into a folder and you'll see all the exercises and images that I created
for us inside. Now I created a bunch of exercises because my
goal is for you to do them along with
me and we do them together as a team step by step. I've also added
an amazing folder which is the shortcut
sheet folder, if you know me and
the way I teach, I'm all about shortcuts. I really love a good old shortcut because
I think it makes the process just a lot
faster and more efficient. I've created shortcut
sheets both for Max and PCs as you can see here. Now they're more
or less the same, except most shortcuts for
Max will start with command. Most shortcuts for PC's
will start with Control. Now my favorite shortcut of all time is Undo
Commander Control. I just wish I could apply
this in my day to day life, but sadly I can't. Adobe Photoshop is
my next best bet. Now a bunch of other shortcuts
I will be working with a lot is layer via copy
commander control J. Remember that one?
But don't worry, I'll be banging on
about the shortcut and I'll be repeating them
over and over again. Hopefully you will
have memorized a lot of them by the
end of the class. The selection tools will also be important. The move tool. Always go back to the move tool. This guy over here
making the brush bigger or smaller with the left and
the right square bracket. Cool. Feel free to
memorize these all by heart in the next 5
minutes. Just kidding. But without further ado, let's go ahead and
open Adobe Photoshop.
4. Most Useful Shortcuts & Interface: Now we'll be opening a bunch of Photoshop files here later on. But for now, let's
keep things simple and let's just start and create
a new file from scratch. Go ahead and click on
new file over here. We'll be able to
choose from a series of suggestions for web, for mobile, for art. Below you'll see a series of gorgeous templates by Adobe
by Amazing designers. But let's keep it simple. And we could just click on Photo and Default
Photoshop size. Now over here you can
choose the units. And you can change them
according to where you live or what metrics you use, what makes sense to you, really. You can change the
orientation as well. Let's just go ahead and click
on Create and Start Simple. Okay, great. Now a
bit of housekeeping. I won't go into detail about every panel or every
layer, or every tool. If you wanted to do that, you can check out
my Adobe Photoshop beginner scores
where I cover this. In this course,
we'll be combining a bunch of different tools and skills in one go and we'll be learning
them in one go. Now let's make sure
we're all staring at the same Adobe Photoshop
interface or workspace. Let's make sure it
looks the same. To do that, we can go
to Window Workspace and either select Essentials
or reset Essentials. We should now have all
the same workspace. Cool, a few shortcuts
to start with, because we'll be
doing this a lot. And that's zooming in Commander Control and zooming
out Commander Control minus and holding down the space bar And clicking and dragging for the grab hand tool, that's what is called
one final zoom shortcut is command or control
zero to fit to screen. Now we will be using this
all the time almost. In every exercise we'll
be zooming in and out. Make sure you try and
remember that one. Okay, One of the most important
panels we'll be working with is the layers panel here. Every time we add
something to our page, we bring an object in, we draw something, we add text. It will appear here
in its own layer. The more layer is at the top, the more it's in front
or close to you. Feel free to click and drag and make the layer panel bigger, just so that you
have more space. Okay, now another super
important panel we'll be working with is the
history panel over here. Now a history panel is
basically a list of every single action we did in this Adobe
Photoshop document. It's basically undo but listed. We can see every single
thing we did in this case. We did absolutely nothing. We just opened a new document. We'll be working with this. It's super useful. I love it. Now on the left,
we have the tools. A bunch of brilliant tools. A bunch of new
ones and old ones. The move tool is always the
one we want to go back to. We'll be working with some
of the selection tools, especially the lasso tool, the object selection
tool, the crop tool, which is now updated and now
includes generative expand, but more on that
in a little bit. We'll also be working with retouching tool to look at the plaster or band
aid for retouching. All these are retouching
tools. Amazing.
5. Non-Destructive Editing: Okay, so now for the more nerdy or theoretical
part of this course, but I promise it won't be
very long, So bear with me. We'll be talking now about
non destructive editing. Three types to be specific,
in Adobe Photoshop, there are three types of non destructive editing and we'll be using a
combination of all three. Non destructive editing just means that when we make changes, they're always
reversible, We can always undo without
destroying our image. And that's going to be very
important for this course. There are three types of
non destructive editing. Converting our images
to a smart object, adding an extra empty layer, or duplicating that layer. Converting images
to a smart object just means that
Photoshop keeps it safe. Any changes or filters
that we do will be added on top of our
image as an add on. It won't destroy
the original image. Adding an extra empty
layer means that whatever changes we make will
be in an extra empty layer. It won't be in the same
layer as the image. Then duplicating a layer, it just means that we duplicate that image so that
it's not destroyed. I can show you what I mean. This image has this icon, which means that
it's a smart object. To convert images to smart
objects, we can write, click and convert
to smart object. When we do this, any filter, any adjustments that we
will be added as an add on. If I go image adjustments, hue saturation, and I
change a saturation, I make it black and
white and I click on, okay, this will be a filter added on top
of the smart object. That is number one technique
of non destructive editing. The second technique is adding an empty layer and then making whatever changes
we want in this layer. For instance, I can
go to the brush tool. I can draw with a brush tool, whatever this is in
an empty extra layer, it doesn't destroy
my original image. This as well because
I can hide it. Then the third way to create non destructive editing is
to duplicate this layer. I'll teach you now
a shortcut that's going to be super
important and that is command or control J for
duplicating a layer. We'll have two layers and if we make any mistakes
in this layer, we always have the
original layer there. You have it for three types
of non destructive editing. If that doesn't make
sense at all to you and you're super
confused and you're like, what is she talking about? Don't worry. Because
as we go along and actually apply these
to our exercises, hopefully it will
make more sense.
6. Contextual Tab and History Panel: Now one of the most
exciting changes of Adobe Photoshop is
this guy over here, which is called the
contextual tab, which is a really
funny name actually. But it's amazing. Why is it amazing? Because before, whenever you had to do something
in Adobe Photoshop, like remove a background
or select something, you would have to go all over the shop and try and
find what you need to do and use a combination
of panels and tools. But now Adobe Photoshop made it really simple and
created a panel, the contextual tab, that
will always give you the next logical step or the
next thing that makes sense. In this case, it looks
like the next thing that makes sense
is import image. Because we don't
have anything on our page to do this
in a long way, you would have to go
file Place Embedded. But now with the
new contextual tab, you can just click on here. Let's do that. Let's either click on Import Image
or Place Embedded. We're going to work
with the contextual tab and I will show you how
quick and amazing it is. Now this is just a teaser. Because afterwards we'll do an actual exercise where we use a contextual tab
both for removing backgrounds in detail
and AI generative Phil. Because what's amazing is that the contextual tab now
includes AI generative Phil. We all have different opinions
about AI generative fill, but Adobe Photoshop take on it is super amazing and honestly
makes my life easier. Now in the zip files, you should have received a
folder called stock images, which is a folder with images
from unsplash and pixels. If you can go ahead and
select this guy over here, Yummy tomatoes, And click
on Place and Enter. Okay, now there's a lot
going on in our Photoshop. Let's look at the
section by section. First of all, in
the layers panel, we now have a layer
of the image. If we look at our history, our history will now include this latest action that we
did place embedded object. If we wanted to undo this, we can go edit, undo or
command or control Et. Or we could also go over here and just go back
to the previous step. Go back to the next step. Previous step, next
step, awesome. Then the third thing
is the contextual tab, which now gives you the
next logical steps. You've got Select Subject. Wow, just in one click, it selected the
subject beautifully. But let's click on Select. You can also just
click on Background. Click. Who isn't
that Incredible? With one click, Adobe Photoshop, Remove the Background.
That's just incredible. Now later on we'll be
looking at how to edit the background or the mask using the contextual tab
that you see over here. But for now let's just go
back and undo what we did. Amazing. One final teaser with the contextual tab
before we discuss this a little bit
more in detail later on is if we go to the crop tool. The crop tool has now been
updated and made brand new. And it now includes
generative expand I, which means that
if you click and drag and extend your page, you just click on Generate. Obviously, if you wanted to,
you could type something. But for now just
click on Generate. Adobe Photoshop
will automatically create AI generated
content that makes sense. That will fill out this
image which is mind blowing, and I'll show you later on how amazing and
useful this can be. Now you'll see in
the property spanel, it will include a few different
prompts, always three. To start with the magic
number three variations, it will have included its
own layer for the AI. Incredible. I hope you enjoyed this little teaser because we'll be learning more
stuff in depth in a bit. For now, if we can go back
to Untitled or to New to just go back to
the start and undo all these things we did and
just keep our page clean.
7. Advanced Retouching: Okay, my friends, in
this exciting section, we'll be covering advanced
retouching techniques. We may all have different
opinions about image editing, but is it really a
Photoshop clause without image editing?
I'm not sure. In this section we'll be removing wrinkles,
removing eye bags, whitening teeth for a
beautiful Hollywood smile, and giving ourselves
a sun kissed, tan, or glow exciting. Now we'll be covering many
Adobe Photoshop tools. If at any point you feel
a little bit intimidated, then feel free to head back to the beginner's
clause for a refresher. We'll also of course be using
non destructive editing, such as duplicating our layers
with our famous shortcuts, converting our images
to smart objects, and adding an extra
empty layer and making the changes inside
that specific layer. We'll be using things like image adjustment
layer adjustments, converting to smart
objects, the healing tool, the brushes and clipping mask a lot of things that's exciting. Let's get ourselves started with advanced
retouching techniques.
8. Retouching: Whitening Teeth: Okay, now that the more boring
theory is out of the way, we can actually do some fun
stuff and start editing. Super exciting.
Now the first part of the course we'll be editing images and retouching
where we get to do things like making
yellow teeth white. Always necessary. We'll
be able to clone parts of how fun and remove
wrinkles and dark circles. Okay, full disclosure
though I love wrinkles and they're beautiful
part of aging and natural. But it isn't a Photoshop course without learning how
to edit images, right? We'll also learn how
to edit skin tone and give someone a
nice sunkissed glow. Okay, so let's get started. So let's go ahead and open the white and T
folder or zip file. If you double click
the zip files, it converts into a folder. And I would like us to select this gorgeous image and
open with Adobe Photoshop. Amazing. Now let's do some
non destructive editing. First things first,
we can convert this to a smart object
by going to right click and convert a smart object that it has this little icon. Now our image is safe
now to be extra safe. If we wanted to, we could
also duplicate this layer. Right click, Duplicate
or command or control J and click on. Okay, look, we now have two copies of this
smart object. Amazing. Now let's actually
do the fun bit where we change a
teeth to yellow teeth. Now we're going to go to
the object selection tool. We're going to click and drag and draw shape around the teeth. Wow, it did a good job. It highlighted the
teeth very well. We're going to go
command or control J. What that means is that it
just duplicated our selection. It made a copy of our
selection in a new layer. Command or control J can be applied for duplicating
a layer or a selection. If I show this layer but
hide the other ones, I will see the teeth in an
extra layer on their own. This is non destructive editing. It means that if
I make a mistake, I still have the original
images. Okay, great. Now let's go to
image adjustments. Hue saturation
command or control is a shortcut over in master. I would like us
to select yellows because this will select only the yellow and not the reds. Now we're going to reduce
the saturation or remove the color and it
will look grayish. Now to make it
whiter or lighter, let's increase
lightness and wow, she looks like a dentists model. A model for a dentist
ad with white teeth. Then we can click, Then when we're happy
we can click on, okay, we'll have the
teeth in an extra layer, which means that if we
hide it, it's gone. If we show it, yellow teeth, hide original yellow
teeth, show white teeth. Great. I really
believe in repetition. To really learn a
skill in this course, we'll be repeating things a lot. Let's go ahead and
repeat this new skill. We're going to
minimize Photoshop. Open this image, right click, open with Adobe Photoshop. Now as a habit, I would like you to try
and remember to always convert your files
to smart object. If we write, click and
convert to smart object, there we go, great. Now let's go back to the
object selection tool again, select the smile,
the teeth, not bad. Now we're going to duplicate
the teeth in a new layer. The shortcut for
dad is command for max or control for PC's and j. Now we should have the
teeth in a separate layer. If we hide the bottom layer, we'll see a duplicate of
the teeth in a new layer. Great, Let's make these
yellow teeth white. We go to image adjustments,
hue saturation. Let's make sure we
select the yellows. It only gets applied
to the yellow colors. Now we're going to
reduce the saturation, or remove the color and increase the lightness to make the
tief white. There we go. We've got our dentist smile. Click on, Okay, and voila, we can hide the layer
yellow Tev. Show the layer. Brilliant. Now, if you wanted, you could save these files as Photoshop files by
going to File Save As, save it as a Photoshop file, or to save a copy as a Jpeg. Click save a copy
and choose Jpeg. And there we go. Well done, and now we're going to move on to the next part of the course.
9. Clone Eyes with Clone Stamp Tool: Okay, moving on to
something really fun, and it's still in the
retouching category. And that is we're going to clone eyes or make
images symmetrical. So we're going to take an
image that's with a blink or wink and we're going to
make her eye symmetrical. Or clone her eye, obviously. We're going to do that
for a cat as well, because I love cats, we're going to clone
stamp, clone their eyes. And last but not least, we're going to
clone the outfit in the arm to make it symmetrical.
Yeah, that's cool. Let's go ahead and get started. We're simply going to open this image with Adobe Photoshop, and we're going to zoom
in Commander Control. Zoom in Commander Control. Great. What we'll be
doing is we're going to be adding an additional
layer, an empty layer. This is non destructive editing. Just one technique. We're going to name it double click and name it
Retouching layer. Awesome. Now all the
changes we'll be making are in this
additional layer. It won't destroy
our original layer. Now we're going to go to the
clone stamp tool shortcut. That's what we're going to do. We're going to clone a part of this image and pop it there. The clone stamp is a brush. We're going to have to adjust the brush size
using the shortcut, left square bracket
to make it smaller. Right square bracket
to make it bigger. Now we're going to have to
change some properties, some adjustments for this brush. First of all, over
here we can resize it, We can change a hardness, which means we're going
to see more of it. It's not going to be blurreds. We can change opacity
and make it a hundreds, make the flow really
high as well. Then one of the most
important parts is sample current and
below, or all layers. If sample current
layer is selected, then that means that we're only sampling or taking
pixels from this layer. But this layer is empty, nothing is going to happen. This is where we need to select current and below,
or all layers. Which means that it's going to sample from all the layers. Including the layers below. Great. Now the next thing
we're going to do is click on the clone panel. Now this will appear. This is where we can make
some adjustments about our clone stamp brush.
Let's get started. We're going to hover over
here and we're going to hold the alter option key
to select the sample. And we'll see the
bull's eye icon. Now we can click, just like that we've
sampled this piece. Now obviously this
needs to be flipped. This is where we go to
our clone source panel. And we'll see flip, horizontal, that icon.
Just click on that. There we go, it's flipped. Now we're going to have to line it up perfectly and try and make it symmetrical to the
best of our ability, which can be hid and miss. Once you're happy, you
click and there we go. Now if you made a mistake, you can just undo
command or control Et. Or go to our beautiful
history panel and go to layer another state. Since we've added it in an additional layer
we can hide it. So it so that is non destructive editing
with the Clone Sam tool. Amazing. Now I believe
in repetition. Let's repeat this new
skill we've just learned. I'm just going to
minimize Photoshop.
10. Clone Stamp with Rotation: Go back to that folder. For the clone, we're going to choose the cat image open
with Adobe Photoshop. The first step, remember, is to add an additional
layer, empty layer. And we can call it the retouching
layer or the eye layer, or the clone layer. Great. Let's go to
the clone stamp. If we're not already
there, let's zoom in. We can see the cat better. Obviously we're seeing this
eye from the previous image, which obviously we're
not going to need. We're just going
to make sure we go back to the clone panel. What we can do is untick
show overlay so we can temporarily not see
that other eye. I want us to resize our
brush left square bracket. It's just a tab
bigger than the E. I want us to go over here, make sure sample current and below or sample all
layers selected. Otherwise it's not
going to work. I want us to hold down the old or option key until we see the
bull's eye and click. And now we can click
on Show Overlay, and we will see the, the cat. Now obviously the E
has been flipped, which is great because it's the settings of
the previous one. But our cat has its
head rotated a bit. So we're going to need to rotate the E as well to make
it look realistic. This is where we can
click on this icon. Rotate, highlight
this value box. Now I'll show you
a little trick. If you press the
upward R keyboard, the value goes up,
which is incredible. Now I want to make
sure that you keep the selected, keep this blue. Now hover over here. And now press the up
arrow on your keyboard. And you'll see that it's
slightly being rotated ever so slightly to
make it a bit faster. Hold down the shift key and
press the upward arrow. Wow. Now it's rotating
much faster and better. And we're going to have to
try and line up the eyes, I think something like that, but I'm not entirely sure. Once you're done,
you just click. Wow, that's so cool. Now you can hide
that layer and show. And just like that,
we've cloned the eye. Moving on to the final one, we can go ahead
and minimize this. We're going to practice this again and make it
slightly more difficult. We're going to go to open
with Adobe Photoshop. We still have that cat eye. That's cool. If we wanted, we could temporarily hide show overlay just so that
we don't see that eye. Now click on plus, we can add an
additional empty layer. We're going to double
click and rename this to Retouching Layer Great, or Arm layer, whatever you
think makes sense to you. Make sure the clone
stamp tool is selected. Make sure the hardness is around this number and make sure sample current
and below is selected. Now let's resize our brush
the right square bracket, we want to make it a little bit bigger than whatever we're
going to copy about this. We're going to hold down the alter option key until
we see the busy icon. And click. We don't see anything because
our overlay is hidden. Just take this show
Overlay. There we go. Now it's save the settings
that we had previously. The settings are a bit
wrong for this image. We're going to have
to adjust them again. Again, I would like
us to highlight the rotation box and
press the downward arrow. This time, hover over here so we can see a
bit what we're doing. Hover down, and you can
see it's going down. If you want it to go faster, use the shift key
and the down key, it should go a bit faster. Now this is hid and miss. Right? Every time I do it
it might be a bit different because I'm human and I can't do it exactly the
same every time. Bear with me. Once you think it looks
okay and realistic, you can click and drag
and draw around it. It looks realistic.
Not too much. I've messed up her
hair a little bit. I think if that's the case, I can also do do it again, Alt and click, and
then pop it again. There we go. Something like that.
I think I can go over here not over the
hair but just the round. It just so it fills
up the background. Okay, now we have a little
piece here that's gone wrong. That's absolutely fine. Because we're going to use for the first time I generative
fill because why not? It just makes everything
go faster and easier and you'll
see how quick it is. We're going to go
to the lasso tool, which is a selection tool. We're going to
select this piece, the whole piece, that's a
bit odd and doesn't fit. We're just going to
click generative fill. Don't type anything,
just click Generate and see what will happen. They will create an
additional layer just for that generative fill, which is great, so it doesn't destroy any existing pixels. Wow, that looks cool. Although she doesn't have a
massive finger over here. In properties, we'll see a
few different variations. We can just choose one of them. If we don't like any of them, we can click on Generate
again and see if there's better options,
and that's okay. Once you've chosen one, that's happy, that's it. Feel free to save the
file or just close it. Well done for using the clone stamp tool and
non destructive editing.
11. Retouching Wrinkles: But first Teeth Whitening: Okay, so let's move on to the next part of
the image editing retouching beauty section of the mastering Photoshop course. And that is wrinkles
and dark circles. Even though I personally find
wrinkles and dark circles, beautiful and natural, learning to edit them is a big
part of Photoshop. So let's go ahead and open wrinkles and
dark circles folder. We'll start with
wrinkles, double click. We'll be editing
this beautiful image using something called
the healing tool. We'll be covering a
bunch of techniques, a bunch of non destructive
editing techniques like converting to smart object duplicating and adding an extra empty layer just to be on the
extra safe side, just to make sure
we're not destroying our original image
without further. Let's go if we can open
this with Adobe Photoshop. There we go. We might want
to zoom in a little bit. Commander control
plus Beautiful. Okay, One of the first things I like to do when
I open an image in Adobe Photoshop is converting my images to smart object
just to be on the safe site, just in case I forget later on. Again, smart object means that it's not going
to destroy our image, it's just going to
add filters on top. Let's right click and
convert to smart objects. Great. Now before we do
the editing wrinkles, I would like us to
repeat a skill that we just learned now and that
is whitening the teeth, because now we're layering up all our new skills together. I want us to go to the
object selection tool, click and drag, and try and
select around the teeth. That was a good job. Good selection. If that didn't
work, then select again. Now I would like us to
go and duplicate it in a new layer using our
shortcut command or control J. Now we've just duplicated
it in a new layer. To be extra safe, I would like us to
convert this as well to a smart object because when we'll be editing
the hue saturation, if we convert it
into a smart object, we can go back and edit it again or undo the
changes we made. Smart object is a smart idea. This is the teeth layer, right? If we want we can even double
click and call the Te just so that we know rename the layer teeth
and now convert to smart object and we'll see this little icon
for smart object. Great, let's go to
image adjustments, Hue saturation or shortcut
command or control U. We're going to make
sure we select the yellows because it's the yellow teeth
we want to select, right, not the pink gums. We're going to reduce
the saturation. Remove the color from the teeth, and increase lightness
so that it's lighter. Now we can click on Okay, because we converted
it to a smart object. We now have the smart
filter as an add on. Which means that
if we dislike it, we can hide it and have the yellow teeth
again or show it. Or we can even double
click here and edit it all over again. Great.
12. Retouching Wrinkles: 1. with Healing Tool: Now let's actually get
to the gist of it. Let's talk about removing
wrinkles with the healing tool. First things first, I would
like us to click on the plus and create an
additional layer. Even though we have a
smart object to use, things like the healing tool
or the clone stamp tool, we need an empty blank layer. We could call it
the healing layer or the retouching layer, or the anti wrinkle layer, whatever makes sense for you. Now the next thing
we're going to do is change the blending mode. A blending mode is
a transparency. It's a transparency
and there are so many different kinds
of effects with it. Which is cool. We're
going to select lighten just to make it subtle so
that the effect is subtle. Then we're going to go to
the healing brush tool, which is the tool we need. The healing brush is a brush. Since it's a brush, we can resize it using our
lovely shortcuts. The right square bracket
to make it bigger, and the left square bracket
to make it smaller. Just like the clone stamp tool, we're going to have to select a sampling area or an area
that doesn't have a wrinkle. What we're going to
do, essentially, is sample a nice and clean area and pop it on top
of the wrinkles. But what's super important
is if we go here, we can adjust the brush, the hardness, it's
softer or hard. Most importantly, very
important if we select sample, it needs to say sample all
layers current and below. Because if we don't,
it's an empty layer, which means that it will only select samples from
the empty layer, but there's nothing
in that layer, it's not going to work. Always make sure you
select sample all layers. Now we're going to hold the
alter option key and click. Now we can start
clicking and dragging. Nice, sometimes it
goes a bit funny. If it goes funny we can just go over it and it should solve it. Or we can also undo using the
shortcut commander control. What I like to do
is re sample it. Hold on the alter option
key again and click resample it and then pop
it on top of a wrinkle. We can do it here as well. Alt or option to
re select next to a wrinkle and then
pop it on top of the wrinkle al next to a wrinkle in a blank
area, clean area. And go over it. We can do this everywhere, which is quite nice. I'm going to do the second
eye alter option and click, then I can just
beautifully draw on top. Now happened again. I can try and do it again, or undo and do it again. Select and draw on top again. Old and draw on top. Great. Let's keep going
old and draw on top. Very satisfying, isn't it? Now, the moment we go
into a smaller piece, we can make our brush smaller. Left square bracket
again, option and click. Even here in between
the eyebrows, you can select a blank space Alt and click and then pop it around in between the wrinkles and then drop it on
top of the wrinkles. For the horizontal wrinkles. For the horizontal wrinkles, we can select
somewhere in between where there is no
wrinkle and then draw it on top of the wrinkle
where there's no wrinkle. Alt and click, then
click and drag on top. It's a bit like a video game where you have to
alternate between selecting a sample and click
Alter Option and click, then click and drag. A bit like riding a
bicycle or a car. Practice makes perfect. Let's mount and see
what we've done so far. Because we've added an
additional blank layer, we can just hide it or show it. Wow, that's pretty cool. What's also cool is if you
hide all the other layers, you will see that it looks like a concealer make up
layer, which is cool. If you're happy with something, you can also go to the
razor tool or shortcut E, you can erase parts if you didn't like it,
but I do like it. Yeah, that was it for
the healing tool. We're going to practice this
again with another exercise. You can minimize this and
head to the next one.
13. Retouching Wrinkles: 2. with Clipping Mask & Warp Tool: I would like us to
select dark circle. This time we'll be practicing the healing tool
that we've just covered. I'll be showing you an
additional technique, another way of doing it, because sometimes one technique works better than the other, depending on the image, the lighting, if there's a book, let's say, in a way,
that's what we'll do. Let's go ahead and
open this image. I've kept the name of the author open with
Adobe Photoshop, just like before, we can
immediately convert this to a smart object to
keep it nice and safe. Let's zoom in command plus. Okay, let's do the
technique we've just done. Now we're going to add an
additional blank layer. We can call it the layer
or the healing tool, which is a tool we'll use. Now remember, we need
to make it a bit transparent so it's
a bit more subtle. We're going to go to
normal and select lighten. So this is a blending mode,
making it transparent. All right, let's head to
our healing brush tool now. It still has the samples
from the before. Make sure we select sample all layers or current and below. And we can adjust the brush. Now we're going to hold
down the alter option key and click Now we
can draw on top. And that doesn't look too
bad except this bit, Oops, What I could do is I
could go to the eras and delete the shortcut for the spot healing is it could
go back to the spot healing. Nice. So let's hide the layer and show. Oh,
that's pretty cool. Looks like I've added a layer
of concealer of makeup. Awesome. Now, are you ready to learn a new technique
of doing this? A new method might be
a little bit tricky, but if we're going to
practice it a bunch of time, then you might get familiar
with it and at ease. Okay, I would like us to
go to the Lasso tool, which is a selection tool. I would like us to click
and drag around the eye. There we go, We clicked and dragged around the
eye, it's a bit lower. Now we're going to right
click and click on feather. This means that
it will highlight the selection area
but make the border a bit feather or a bit softer. Father radius ten and okay. Now we're going to duplicate this piece in a new layer by
going command or control J. And we're going
to do that again, command or control J. We might even convert
them into a smart object, convert to smart objects. Now we're going to place this
layer inside the other one, copy inside the other one using something
called clipping mask. Which means we're clipping
one layer into the other. To do this you hover
over both layers, the two copies of the under hold down the
alter option key and click that should clip it
from one inside the other. Now we're going to go to
Edit, Transform, and Warp. That's because we're going
to push everything higher. Push everything up
so that we might not even see the under
eye bags anymore. Meaning if we click and drag, we're gently going
to push it up. And we might need some help and push it up from below as well. We're literally going
to warp and push everything up, which is amazing. Looks good. Wow,
when we're done, we press Enter. Or done. There we go. Now the
good news is we've converted it to a smart
object. What does that mean? That means that if we don't like it and we made a mistake, we go back to edit, transform Warp and we're right back off where we were
before we can adjust it. That's the benefit
of a smart object. Yeah, I'll let you decide
which technique you liked more using the
healing tool and it looks a bit like
it has a layer of makeup or using the
clipping mask method. The good news is we're going to practice this again
because again, I believe in repetition and we're dealing with a lot
of difficult things. Photoshop is not easy
at first for sure. This is why repetition
is incredibly important. Let's minimize this and
choose another image open with Adobe Photoshop and
zoom in Commander Control.
14. Practice Both Techniques: 1.Healing Tool & 2.Clipping/Warp: We can even right click and convert it to a smart
object just to make sure. I think it's a good trick to always do that as
much as possible. Convert your images to
smart objects just in case, even if we duplicate it and even if we add
a hidden layer, I'd just like to be extra sure that I'm not
destroying anything. All right, let's start with
the healing technique. We're going to
click on the plus, we're going to call it healing. We're going to make the blending
mode lighten, it's soft. Then we're going to go to the healing brush tool
and adjust the brush. Very important,
make sure it says sample all layers or
current and below. That's fine too. Now we have to choose the
samples from here is we hold on the alter option key and click and then we
start drawing on top. And it's going to be make really literally looks like
we've added concealer on her face. That's it. It's as easy as that. Nice. Let's practice
the other methods with the clipping mask. Let's select back
the original layer. We're going to go
to the lasso tool. The selection tool
we're going to select here is a bit under. We have things to move up. Now we're going to right
click and feather again. The edges are feathered. Soft, radius ten. Okay, we're going to duplicate this in a new
layer command or control J. Great, let's convert it into smart object because
when we war it, we'll be able to
edit it if needed, convert to smart object. Now let's duplicate this again, commander control J, it will automatically duplicate it as a smart object, which is great. Now we're going
to clip this one. Inside that one, we're
going to hold down the old or option
key until we see the black arrow and
the white square. We click now, this
is inside that. Then we go to Edit, transform. And we're just going
to push everything high so that we try and get rid of that under eye bag
that she barely has. But yeah, when you're sort of happy, you press Enter. Great. Now if you didn't like that and
you made a mistake, you can go back to transform Warp because it wasn't
a smart object. We can pick up right where
we left off and edit it. Yeah, those are the
two techniques. Clipping mask, this
one, healing brush. It's up to you to decide which
one you prefer, honestly. Sometimes it really depends on the image and the situation. Sometimes you might
want the other, sometimes the other one might
look better than the other. And that's why I
think it's always a good idea to know a few
different methods of editing. Zoom out, there we go. Let's do this again
one final time. With one final image, we go open with Adobe Photoshop. We can zoom in
Commander Control, plus we can convert it to a
smart object just to be safe. We're going to highlight, since we're still
on the lasso tool, we're going to highlight the under I just make sure you
don't select the book. We're going to right
click, select feather ten. Okay, we're going to
command J or duplicate. We're going to convert
it to a smart object. Again, command J. Now we're going to clip one
of them inside the other, Hold down the alter option key between the layers and click now we're going to go to
Edit, Transform Warp. Now we're going to
push everything a bit higher and we're
going to try and hide the under eye bags as much as we can, not too much. When we're happy we press Enter. If we're not happy, we go
back to edit transform Warp. And no worries, we
can just edit stuff. Okay, let's do it again. But for this, make
sure you go back to the bottom layer because we're going
to select from here, not from there, the
original layer. Click and drag around the
eye, right click, feather. Because remember we need
to soften the edges. Okay, command or control J, convert it to a smart object
if you want to keep it safe. Again, command J
to duplicate that, we have two duplications and
now we're going to hold on the alter option key and place or clip one of the
under eyes into the other. Finally, we're going to go
to edit, transform warp, I promise this is the last time, then we just play around
with it and try and shift the under eye bags up. It's not in the
clipping anymore. It disappears as much as we can. Again, it's trial and error. And sometimes it
looks better than the others because
every time we do it, we do it in another way. Enter when you're
happy, and there we go. Now if you're confused, which is which you can right
click and rename it right eye and left eye if you want. You can even select both
clippings of one eye, the top two, and color code. Right click and go to colors and pick a
color red for right. I guess color coded, just so that it
makes more sense, I've color coded it red
and the other eye blue. There we go, for removing
wrinkles and dark circles.
15. Retouching Skin Tone: Color Fills, Masks & Blending Modes: Okay, moving on to
the final part of the retouching or image editing
section. Beauty section. That will be skin tone adding a tan or sun kiss
skin like this. Sun kissed again,
natural sun kissed. We'll be doing both exercises. Let's go ahead and open
this with Adobe Photoshop. If we want, we can
go ahead and convert this to smart object
just to keep it safe, it's a good habit to keep. We can click on Select Subject, over here in the contextual tab. Good job. Now we're going to add a layer adjustment if you
don't know what that is. Basically if we add adjustments like we did with
hue saturation, this one. And all of these get applied
only to that specific image. But when we add a layer
adjustment like this, it looks a bit like
the yin and an icon. It's a layer with an adjustment inside and it gets applied to all the
layers underneath it. If we had ten layers, this would get applied
to all of them. Anyway, we're going to click on that and select Solid Color. We want to select the RNG color, like a skin tone Ish, and click on Okay. The reason it filled the subject only and not the background is because we had that selected. When we clicked, it only created the solid color for that
area and masked the rest. Now we're going to go
back to blending modes. We've talked about blending
modes before this time. Let's try color burn who? That's a bit much. If
it's a bit too RNG, we can double click here
and we can just make the color a bit lighter
if we wanted to. And click on Okay. Now if we double
click on this layer, this layer style
panel will come up. We're going to change
the blending options. All of these are
effects, by the way, that will cover
later in the course. But we're just looking
at here blending mode. It's the same thing
we applied earlier, color burn, I would like us to change the
underlying layer. If we hold on the alter
option key click, we're going to add
another color stop until you see
another color stop. And then slide it
more to the right, because that will mean that it won't affect the dark bits. Just the light bits. And
look, just looks amazing. Click on. Okay. If we hide this, we can have a look. There we go. She's a bit more golden, a little bit Spray tiny, a little bit more golden. Great. Now this was for the highlights. We can also do another one for the shadows if we wanted to. Honestly, I think it also
looks great as it is. But if we wanted to and maybe
make her a bit darker even, we can duplicate
this layer command control J. Whoa, she's orange. Now, change a color double click and make it maybe
a bit more browny, a bit more dark, or a bit brown. Okay, obviously looks hideous. We're going to double
click again here. This time we're going
to pop this back. We're going to
alter option around the white bit and then
slide it to the left. Now click on Okay and see what we can also do is
reduce opacity for this layer. Now there's something else we
can do that is really cool, is we add an additional
layer adjustment called selective color. And this will be applied to
all the layers underneath it. So make sure you select reds
and then sin is like a blue. If we increase that, it
will make it less pink. If we reduce it, it's
really pink, right? I think we need to add
a bit of a bit of blue, just so it's a bit less pink. Then you can play around,
Magentizink yellow. Maybe make her less
yellow or more yellow. Simpsons, You can play around with these and
adjust the color again. It's hit or miss sometimes, because every time I do this, it looks different
because I don't remember the exact
numbers that I choose. I'm always doing it by eye. When you're done, that's it. If you hide, you'll see
that we've given her a ten. Nice. Again, if you think she's
too pink or too orangy, you can always adjust the color. So yeah, that's
totally up to you.
16. Skin Tone: Editing Layer Masks (for Eyes & Teeth): Now, what other thing that
I'm going to show you? And it might be a
little bit complicated. Just if the next step
is too complicated, it's totally okay to ignore it. But for those of you
that want to make this, the next level is this. You may notice that her eyes
went a bit darker as well. You may notice that
we have a mask here. These, everything
that's black is hidden. Everything that's
white is shown. We're going to have to select the layer mask thumbnails with this guy, the
black and white. With a brush brush that's black, we're going to have to draw in the eye so it doesn't
affect the eye. You can adjust the
brush size with the left square
bracken and the right. We're just going to
draw on top of it just so that the adjustments don't get applied to the eyes. If you want, you can do
the same for the teeth. They're nice and white. If you made a mistake, then you can just undo the same for the other
layer If you wanted to select the other layer and
make sure you go to the brush black and you can remove the
effect on the eyes. She has those beautiful
green eyes that we can see, there's no effect on the teeth. If you made a mistake, then you can just go and swap
it to white or x to swap. And then you can draw on top x. And there we go, great. Now if we look at
the layer mask, we've just removed the
effect from the eyes. That looks funny. Yeah, Now it's not applied
to the eyes or the teeth. Awesome. A nice sun kiss, tan, lovely. I love this. Great. Let's do this again
with another image. Let's go ahead and select this, open with Adobe Photoshop. Again, we're going to
click on Select Subject. We might want to
add those fingers, otherwise it will have
a different color. What we can do is click on
the Quick Selection tool, select the plus, Just
add to selection. Click and click, there we go. Now we have this selected. If we click on the Layer adjustment
and select Solid Color, it will only be applied
to whatever selected. Click on Solid Color, and then we can choose a, a little tanny color, a bit more tanned,
and click on Okay. And select Color Burn, which again, is a blending mode. That's a type of effect, but it makes it
look a bit burned. Wow, that looks amazing. That was quick. Now if
we didn't like that, again, we can double
click on this layer. Click click to bring
up the effects panel, where you have all the effects
which we'll look at later. But also to change the
blending the underlying layer. These are the blending options. We can hold on the
Alt and click then we can adjust it that the dark
bits are not too much. Click on okay. Before and after. That's amazing.
Now if we want it, we can add another
color command J and duplicated double click. And we can make it maybe a more. Add a mix of two colors, a bit grayish and greenish. Click on, okay, we're going to change a
blending mode now. We're going to double
click on this layer. This time go back like that. This time we're going to hold on the alter option key here, alter option and do the opposite where we slide the white
all the way there. Click on, okay, that's
a little bit more dark. If we don't like it,
we can just remove it. Or we can just change
opacity and just have it apply a tiny
bit, not too much. Again, if it's a bit
on the yellow side, we are welcome to add another
adjustment layer with selective color and make
it add more blue a bit. And maybe remove
the yellow a bit. Maybe add a little bit of pink. It's quite fun to change
the tone, the hues. There we go. So that was before, and that's a before. After she has a little tan. And that is a very
quick way to apply a suntan and change a skin
tone in Adobe Photoshop. So that's it for the first retouching image
editing section. After we're going to move
on to AI, generative fill, creating special portraits, adding hair with AI and
more photo manipulation.
17. The Contextual tab & AI Generative Fill: Can my friends argue, ready for one of Adobe
Photoshops best updates? Trust me, it's awesome. It's called the contextual tab and it certainly
makes my life easier. It allows you to
do actions such as remove background super
easy in one click, then edit said backgrounds by softening the edges
and stuff like that. Super cool. Then the section after that we'll be
covering, Wait for it. Drum roll, generative, Phil, we all have also different
feelings of the rise of AI, but I really love
Adobe Photoshop take on it and it's called
AI generative Phil. And I generative extent, it allows us to easily transform our images effortlessly
and create masterpieces. And it also removes a lot of the tedious processes
in Adobe Photoshop. We'll also be using
Camera Raw Filter, which is AI powered. And it's my personal
favorite part of the class because anyone can now easily
change the hair color, the eye color, the lip
color, the outfits, and even add a cloudy sky
with the sky replacement. I'm super excited. I hope you'll enjoy this
section. It's so fun.
18. The Contextual Tab: Removing Background: Okay, so before we move
on to the next part, which will be AI
generated Photoshop using AI generated fill and
AI generated extension. We're going to talk
about something really important called
the contextual tab, which I briefly
mentioned before. Now I personally
think this is one of the best updates that
Adobe Photoshop added. And that's because it
just made things a lot easier and a lot
quicker to access, especially removing
background editing, the background removal
and I generative fill. Let's have a brief overview of the contextual tab bar and we're going to
put it to the test. With background removal, this is going to
be really simple. It's not going to be very
beautifully pleasing, but it's more to practice. I would like us to open
background with contextual. I would like us to
open this person, this lovely lady
that's working out, open Adobe Photoshop. When you open, you will find
the contextual tab here. Now if ever you want to
hide the contextual tab, or you can't find it and
you want to view it, you can go to window, You will see the contextual
task bar right here. If it has a tick, it
means you can see it. If I click on it,
it will disappear. If I go window contextual task
bar again, I can show it. Anyway, now I have
my image as usual, we can convert this to a smart
object if we want it to. Okay, the contextual task bar is going to give us a few
logical next steps. We could select the subject, go ahead and click, and it
will do a beautiful selection. And let's zoom in so we can
see a little bit better. That's great. We also have the possibility
of inverting selection. There's a bunch of
stuff we can do here straight away,
but let's deselect. What we're going to do straight away is remove
background in one click. We're going to go ahead and remove the background
in one click. Using the contextual tab bar, we're just going to
click and voila, wow, that was so quick.
It's incredible. Now it isn't perfect. I can see her forehead
is chopped off. What's amazing about the
contextual tab bar now is that we can subtract from
mask or add to mask. Let's click on Add to Mask. Again, you can adjust
your brush size as usual with the right square bracket
and left square bracket. Then you can start adding if there's any bits that are
missing like her fingers. Let's zoom in Command Control. Yes, there are some nails there, so we're just going to add them back and add some more back. This is really great. The contextual bar
thumbs up for me so far. Great. We're going to do a few
more adjustments in a bit, but to do that first we're
going to add an image as a background because it will
be a lot easier to view. Let's go to file place, embedded in that folder. You'll see a bunch of
images to choose from. Let's select this
image, nice and green, and let's resize it. Click and drag. Click and drag and pop it so we can see the
beautiful green window. Once you're done, you can
click on Done or Enter. There we go. Currently the background is hiding the layer of the woman. We're going to click
and drag and move the layer of the background behind the layer of the woman. Awesome, Now we're going to make a few
adjustments to our mask. Let's go ahead and
select the image. If we select the
thumbnail of the image, then it will give
us a few options. But if we select the layer
mask thumbnail instead, the contextual tab
will now give us some options for the
mask which is amazing. Let's zoom in
Commander Control now. What's also cool is that we can adjust the
feather of the mask. This is something I
really like because sometimes it just
looks too cut off. What we can do is click on this and increase
the feather effect. You might notice it
very subtly that the edges or the borders of the mask will be
softened and feathered, which is quite nice
because it makes it look a bit more realistic. A bit softer, less cut out. It's really cool. And quite a nice quick
way of doing that. Great perfect. Now if we wanted, we could also make this
image a little bit less saturated because it looks a bit more saturated
compared to the background. So we can go to
image adjustments, hue saturation, and just reduce the saturation just
a tiny bit, okay? Then finally, if we wanted, we can select the background, go to filter blur,
Gaussian blur, and add a tiny bit of blur just so that it looks
more like a depth of field, like the woman is in front. Apologies for the
sound of my cat. There we go. That is an introduction
to the contextual tab. It's just really easy now to
remove a background and to edit the background layer mask
using the contextual tab. We'll be using the
contextual tab in a bit as well for AI.
19. AI Generative Fill & Extend: Okay, my friends. Are you ready for the next part of the course, which is AI generative, Phil, or artificial
intelligence. So we all had different
reactions to AI. I was a bit reluctant at first, but when Adobe Photoshop
came up with AI generative, I realized that I could
use AI to my advantage and make some of the
tedious processes a lot faster, a lot better. And now I actually
love it interestingly. So my first introduction to AI was actually for
extending images. Basically, I hired
a photographer to create these gorgeous images, but the format was all wrong. Basically, if you know
Youtube or skill share, the thumbnail size
is 1920 times 1080. Sadly, the images
that the photographer created were too small,
as you can see here. As you can see here, this
is the Youtube size, and this is the image that
the photographer created. I used generative pill to fill out the bits that I
didn't have from far. It looks amazing, doesn't it? But as soon as you zoom in, you'll see that
it's AI generated. But that's fine. I don't believe anyone is
going to zoom in. And I did the same
for this image. Not bad, right? This image am, I used AI generative fill here And I did the same
for all my images. That's great. That's
what we'll do. Now, we're going to use AI generative fill and
generative extent. The next exercise will
be cropped or taking these half images
of unsplash and pexels and using AI generative
fill to fill it out. I want you to see how
incredible this is. I basically took this
image and I popped it into I and it created this. Isn't that incredible? Another variation is this. If you look at I, it's the same image but a different outcome,
which is incredible. We'll look at that in a bit. I want us to select this image and open with Adobe Photoshop. I want us to go
to the crop tool. The new updated
crop tool has now a generative expand built
in inside that tool. What we're going to
do is we're simply going to click and
drag and expand it. We're just going to
click on Generate and see what Adobe Photoshop
in AI comes up with. Now it's a bit
hidden miss, right? Every time we use it, it comes up with
something different. Sometimes it's weird, sometimes
it's great. Let's see. The great thing is that
it will automatically add a layer of
generative expand here. Over here in the
properties panel, we'll be able to see three different variations each time we can click on this one. It's not bad, actually, let's look at the second one. Not bad. And the third one? I quite like this one
actually. Or perhaps this one. Yes, the second one. Now, if you don't
like any of these, you can just click on
Generate again and it will generate three
additional variations. 12.3 it's totally up to you which one you
choose personally. Once I've chosen one, what I tend to do is
delete all the other ones using the bin or the trash icon. Then I write click and
I rasterize layer. The reason why I
do this is because when we use AI generative fill, it can make our files
really massive anyway, I believe in repetition. So let's minimize this. Let's do the exact same
thing for this image, open with Adobe Photoshop. We might still be
on the crop tool. We're going to click and drag, and do the same thing here. And press Enter and Generate
without filling anything. If you don't fill out anything, Photoshop will
just automatically fill it based on the
surroundings Generate. That looks a little bit weird. Let's see the next one, not bad. Oh, this is nice.
Once you've chosen, you can delete all the ones you didn't like using the bin icon. Great. You're welcome
to save it and go to A and save it as
a Photoshop file. Or if you click on Save a Copy, you can save it as a Jpeg. Perfect, let's go ahead
and close these files.
20. AI Generative Fill: Design a Portrait: Let's move on to this
lovely, gorgeous, glittery eye picture and see what Adobe Photoshop
will give us. This was just
absolutely stunning, and I'm really hoping
that it will come up with something as
stunning. But let's see. Let's go ahead and
go to file open with Adobe Photoshop.
Okay, brilliant. Now we're going to
go to the crop tool. There's a bunch of
ways you can do this. You can just, in one go
open and stretch it out, or you can do piece by
piece and click and drag. And every time allow
Photoshop to generate. And that's not bad. Let's look at the other options. Gosh, they're all nice,
but I'll choose this one. And yours might look
completely different. Now let's zoom out
and let's keep going. Generate every time you
can crop it out and extend it a tiny bit and eventually see what
it will come up with. Keep going again every time you'll have three
prongs to choose from. So choose whichever
you find best, and click and drag, and even resize it a bit more. And let's see what it
will come up with. Wow, that's gorgeous. Let's look at the second one,
different and interesting. And the third one,
wow, that's gorgeous. It's incredible how
every time I do it, it generates something
completely different. I really loved the
one I created before. Let me show you. It's
definitely worth having a look. This wasn't this incredible. It's incredible how
the same image will generate a completely
different outcome. What I did before is I called it Glitter Bride by the way. I also created a different one, a completely different
outcome from the same image. It's just incredible. And I'm really curious to
see what your AI generated. Feel free to post it in the
project section because I would love to see what you and your Photoshop
generated together. Okay, let's move on and do
some more AI generative. Phil, this time
we're going to add hair to bald people and babies. I have nothing
against bold people, by the way, at all. I just thought it's a fun
use of AI generative fill. It looks really good and funny. Let's start with the baby. Let's right click and open
with Adobe Photoshop. What we'll start with first
is generative expand. We're going to go
to the crop tool. We're going to generative
expand it first, because we're going to
need a lot of space for that crazy mohawk
hair that we're going to be creating.
Click on Generate. Great. We'll have three options, but to be honest, all three
are pretty okay to me. Choose one of them. Now what we're going to do is we're going to
select both layers by clicking on one and holding down the shift
key and clicking on another. This means that when we
apply I generated fill, it will be added to both layers. Then we can go to
the Lasso tool. We can click and drag and
start drawing where we think the crazy hair should
come over here. That was bad, let's see. And click on Generative
Fill and type blue rock star or blue rock star hair mohawk. Then click on Generate and see
what it will come up with. I love that. That is so funny. Again, every time we generate
something, it's different. I've generated a few
different versions of this. Funny. Now let's move on to
the next one, because again, I believe in repetition
with Adobe Photoshop. Open this image and
do the same thing. Go to the crop extend
and click on Generate. Great, now just choose one of the variations that you like. Then make sure you
select both layers and go to the Lasso tool and click and drag
where hair should be. I think like that. No idea. I'm not a hair dresser. Then click on generative
fill and type hair. Let's see what will come up. Wow, that's incredible. That is just
incredible, isn't it? I like this one. The thing is it's really hidden. Miss, last time I created it gave me something
really nice outcome. Even yellow hair which
looked really good. Justin Bieber esque
is incredible. Wow, I hope you enjoyed this, but there's more
to come with, AI.
21. Fairy Portrait: Auto-Image Brightening: Okay, are you ready for the
next part of the course, which is my personal
favorite part, and I've called
it Fairy Princess because what we'll
be doing is taking a beautiful natural portrait and converting this person
into a fairy princess. Using AI and something
called Camera Raw filter, which is incredible,
isn't that stunning? We can change the
hair, the eyes, the eyebrows, the
lips, and even more. Do something called
make up transfer, which is a Adobe
Photoshop filter. We can add a crown using AI generator Fill,
add a necklace, change the outfit, change the
sky using Sky replacement, which is an Adobe Photoshop
new filter as well. We're also going to
learn how to add some beads here which is just like a pearl image that will
remove the background of. Anyway, I'm super excited we'll be using all these images. This will be the image
that we'll use for makeup transfer and
this will be the beads. Let's get to it.
So if he can open Fairy Princess Me,
select this image. One pexels, this one. And right click and open
with Adobe Photoshop. Beautiful. Now the
first things we'll do is let's keep
this image safe. We're going to convert it to a smart object for non
destructive editing. We're going to write click
and convert to smart object. Then to be extra safe, we're going to
duplicate this layer. We have an extra copy
just in case we can use the shortcut command
or control J perfect. Now because this
is a smart object, we'll be able to layer a lot
of smart filters on top. Every change we'll make
will be separately added as a filter to
the smart object. Which means it will be really
easy for us to edit it if we wanted to and
to layer on top. Okay, now, before we start editing the hair, the eyebrows, the pupils, the lips with something called
camera raw filter, which is super easy
and super cool. First I would like us to adjust the brightness of
this beautiful image. So we're going to go and
add an adjustment layer right over here in the
Yin and Yan looking icon. This will be a
layer that will be applied to all the
layers underneath. I want us to select
levels and click on auto. What's great now is Photoshop has a lot of auto functions, let's click on that
automatically. It will have brightened
up our image before and after, it's
slightly brighter.
22. Camera Raw Filter: Making Hair Color Pink: Awesome. Now let's get going. I would like us to select the duplicate the
smart object image. We're going to go to
Camera Raw Filter. What we're going to do
is we're going to go to the circly icon
and select people. Photoshop is going to
detect the person and detect all the separate parts of the person which
is really cool. Listed here, all the parts
like the skin, the eyebrows, the pupil, the lips, which is incredible and does
it in a really quick way. Let's go ahead and select hair, because that's what we'll
start with with the hair. We're going to be
doing every part separately because it will be much easier to
edit and to apply. After go ahead and
click on Create. Now we're going to zoom in Commander Control so
that we can see better. I did a good job with
detecting the hair, but there are some bits
we would like to change, probably like some
of the face here. What we can do is click on
Subtract and select Brush. Because it's a brush, we can use our shortcuts to
adjust the brush size. The right square bracket
to make it bigger, and the left square bracket
to make it smaller. Then we'll be able to click
and drag and remove some of the bits that are
a bit in excess and adjust the brush size
left square brackets, we can start removing some of
the bits here that we don't want and some of the shoulder bits
that we don't want. Now we can press and hold the Spacebar on your keyboard to click and drag
and move it around. Hold on the Space bar
and click and drag. And just the brush size, all the round where you
think is necessary. The fingers, let's
not chop the fingers off and some of
the arm over here. More or less. I personally
like that. It's imperfect. I think it adds to the look, but don't worry, it
will not be red. This is just the mask, great. Let's scroll down. Also, you can adjust
the brush settings by changing the
feather and the flow. If that didn't work
for you, great. Let's scroll down. One
of the first things I like to do is straightway
play with the temperature, to change the color bit and the tint and the hue saturation. I like to change the color first and then play
with the rest. I want to go for pinky
color, but of course, choose any color that you
fingers cool might make it a bit yellowy,
a bit more pink. You can add saturation
or reduce saturation. Don't worry if it doesn't
look the way you want it. We're going to be
changing some stuff. No worries. We can add the
amount or reduce the amount. Again, this is up to you. We can add exposure. Whoa, that looks weird. Or reduce exposure, but I'm
going to leave it as is. We can add contrast or
reduce the contrast. I think that looks pretty good. Reducing the contrast. We can add more
highlights or reduce, there's no right or wrong here. It's just a matter
of playing and seeing what we
think looks right. We might have different styles as well in the
opinions you can add. So I'm going to add some shadows because I
think it looks good. And add some white who no or reduce, play with the blacks. And actually I think these two, I might leave them as they are. Doesn't that look amazing? It's just incredible how quick
we change the hair. Great. Now we can scroll
down and there are some more things we can play
with. Like the texture. Who? Really big texture
or reduction of texture? I quite like that. It looks
a bit more dream like. When there's less texture, add more clarity or the ha, there's all these settings
we can play with. Add sharpness or
remove sharpness. It's really blurred,
noise reduction. There's so many
factors to play with. Now once we're happy, we can click on okay. This will be applied
to our image. Incredible. Now if we're
not happy with this, we have the option to
edit it just by selecting camera raw filter
because we created a smart object
which means that it will be non
destructible editing, which means that all our
filters will be layered here and we'll be able to edit them individually
one by one. If you wanted to edit this, you can just double click, go back to that icon
and select here. It will just take you back
to where you were where you would be able to change
colors or whatnot. Or subtract maybe and
select brush and maybe subtract a little bit from here if it's too much
on the forehead. Great. Once we're happy, we click on. Okay, and voila.
23. Camera Raw Filter: Eye & Eyebrow Color: Amazing. Let's move on
now to the eyebrows. We're going to be changing the colors of every little part. We're going to make sure
that this is selected, that image smart object. We're going to go to
filter and camera raw. Filter again again,
that circle icon, right click and select people. We're going to select eyebrows. Click on Create. We might zoom in a little
bit command or control. Plus they look a bit like
caterpillars, don't they? The eyebrows. That's where
we'll be editing a bit and subtracting a little
bit to make it look a bit more subtle. Subtract and brush control, we can soften it here
and remove some bits. And maybe make the
brush smolder. And remove some bits and
look a bit like microblading or like make up great. And once you're happy with
the shape of the browse, you can scroll down. And I always start straight
away with the color. I always start with the color
and then I adjust the rest. That's how I work. We can
play with the hue a bit. That's nice, isn't it? I want
to go for a little green, bluey type color because
I think that looks cool. That's pretty, we can
reduce the saturation. Wow, that looks perfect.
That's what I want to go for. It looks a bit bluey,
fairy like great. Now let's go back to
the light section now. We could play with
this. Whoa, that's too much and reduce the exposure. It's very dark.
That's also cool. But I don't want that we can reduce the contrast
or add contrast. And I would like to reduce
the contrast because I would like the eyebrow
to be a bit more subtle. Add highlights, Add shadows. I'm going to add some shadows. Yeah, that's it for now. I won't touch whites
and blacks here. Scroll down and we can add
texture or reduce texture. I'm going to reduce all of
these a bit because I want the eyebrows to be softer
and less noticeable. I'm going to reduce
all of these effects. Scroll. You can add sharpness
or reduce sharpness, it's more blurred.
Noise reduction. Let's zoom out a little bit. Come on minus O. That's fun, isn't it? I might go back to subtract. Go to the brush
and I might remove a little bit because it might
be a little bit much just to soften it out and
even reduce the amount. It's not super, there's
just a more subtle effect. Great. Once I'm happy
I can click on. Okay, there we go. It's applied. Awesome. Now I
have two camera raw filters, one for the eyebrows,
which is this one. If I hide it, I will see
the eyebrows hidden. Let's show it again,
one for the hair. If I hide the bottom filter,
the hair disappears. This is why it's great to
have a smart object with non destructive editing
because we can just always edit and add on
top without destroying. Great. Moving on to my
favorite part, the eyes. Let's go back to filter
Camera, Raw, filter. Go back to that circle icon, right click, Select People. We're going to select
Iris and whoa, that looks vampire esque. Zoom in, come on, plus
love that as well. And click on Create. As usual, I would like
to start with the color. I want her to have
big green eyes, because I love green eyes. I'm going to make the
tint green gorgeous, and maybe add some yellow. Wow, isn't that stunning? I could play with the hue bit, I can play around and
see which I like, because I wanted to be
a bit yellowy green. I can add the saturation. Wow, that's absolutely
stunning, isn't it? I'm obsessed with this
camera raw filter tool. It's just incredible
life changer. Then I can go back here
and I can add the mount. I can add some exposure
if I wanted to, but no add contrast or
reduce contrast highlights. To be honest, I'm not
going to make such changes here because I
like how it looks. I'm going to scroll down
and perhaps I'll add more texture because I
think that looks good, like the eyes pop out a bit more and perhaps I'll
add more clarity. I love that. Awesome. I can also add more sharpness or
not noise reduction. Well, gorgeous. Absolutely stunning. Once I'm happy I
can click on okay. Wow. Now I'll have three
different camera raw filter, one for the eyes, one
for the eyebrows, and one for the hair, and they're all separate.
24. Adding Glittery Lip Color: Awesome. Now let's
move on to the lips. We're going to go
back to back to Camera Raw Filter this time
back to the circle icon. Again, select people to detect all the parts
of the person. And select Lips and
click on Create. Let's zoom in, shall we, so we can see a bit better. Great, we might need to
adjust the lips a little bit. I feel like it's not filled
out the cupid's bow, this is what it's called, is
not completely filled out. This time we're going to add, we're going to select brush. We can zoom in a
little bit more. Command or control plus
and add to the lip. Maybe make the
brush a bit bigger. Add and fill out the
beautiful cupid's bow, which is pretty
important for lips. Maybe some edges here, perfect. Now, I would like to give the lips a similar
color to the eyebrows. Greeny, bluey, minty. I'm going to go to the
temperature and make it blue and add more green, gorgeous. I can play with the saturation
and reduce the saturation. Wow, that's quite
nice, isn't it? I can play with the
exposure again here. Reduce it contrast. High contrast, which
is really nice. Or low contrast. Play with the high lights to
make it lighter. Shadows, so much to
play. Isn't it cool? Now, I'm not going to play
with too many factors except this one
thing that I want to show you, that's grain. I would like us to
add grain because it will look a bit like a
glittery effect, which I love. You can see here, it looks a bit glittery
and I really like that. It looks a bit like
make up and it adds to the fairy look again, we can add amount or reduce, it's a bit more subtle. Great. I'm pretty
happy with that. Once you're happy,
you click on. Okay. There we have it. We have all
the colors that we edited. The hair, the eyebrows, the eyes, the lips, and all using camera raw
filter in a quick go.
25. New AI Filter: Makeup Transfer: But we're not done yet. If you look at the
original one I created, which is pretty similar but not entirely, there's
some differences. You can see the makeup. This is also a filter
and it's called make up transfer filter and it's a new filter in Adobe Photoshop. That's what we'll do
next. Really cool. After that, we'll add the beads, the crown, the dress, and the bead necklace. Okay, let's go for it. We're going to go to Filter. We're going to go
to Neural filters, which are newer filters
in Adobe Photoshop. We're going to select makeup
transfer, turn it on. If you don't have this yet, you might have to download it first and then you'll
be able to apply it. This filter is only available in the latest versions
of Adobe Photoshop. If you have older versions, then you might not have these. We're going to click here
and select an image. Click on the folder in that
folder, Fairy Princess. We have a few makeups that
we can use and choose from, but I'm going to
choose this one, because that's the one I
chose in the original. I'm going to click this image. Let's see. Wow, that's
great, isn't it? I really like that.
That's really great. Great. That looks beautiful. Wow. Look at these eyes. But there are some parts
that I would like to mask. Like the lips. I
don't like the lips. What I'm going to do is select new layer mask just so that it would be
applied in a new layer. Then I can go to minus and
remove the bit where I don't want it to be the makeup because that's where I don't
want those bits to be. Then when I click on okay, it just created a new
layer for that makeup. Just for the makeup
in a new layer, which is great because
that's another way of doing non
destructive editing. Gorgeous.
26. Adding Beads Makeup: What's next? We've got the
beads here, let's keep going. Now we're going to
go to file open a smart object straightaway so we don't have to
convert it later. We're going to select the
beads and click on open. We're going to go to the
rectangular mark key tool. We're going to select this bead and we're just going to go copy command C and go back to our
image and command V paste. And we're going to use our lovely remove
background effect. Just like that, it
removes the background. Awesome. Now I would like to soften the edges a bit of
our background removal. I would like to click
here and just give it a little feathery effect just so it's a little bit
smoother on the edges. Amazing. Now we're going to
resize this because it's huge command or control
for free transform. And we're going to resize
it, make it smaller, and pop it here
somewhere even smaller, maybe zoomed in and enter once
we're happy with the size. If we wanted, we could
also reduce opacity. Now we're going to duplicate this bead using a
shortcut alter option. Because we want to
duplicate it a few times. We have a bit of
a beaded make up, look the shortcut
for duplication. Make sure you're on
that correct layer is alter option until you see
the black and white cursor. And now we have to. Awesome. Now we're going to do this again to do these two little bits, but I want them to
be a lot smaller, so I'm going to go here and I'm going to Alt and drag again, but this time resize it
and make it smaller. Commander control
T, make it smaller. Great. Now duplicate that
and add another one there. Once we're done with
that, we can alton, drag and drop it to the other side and add
to the other side. Once we're happy, zoom out
and see what it looks like. Wow, that's cool, Frank. Look.
27. AI Generative Fill: Crown, Necklace & Dress: Gorgeous. Now let's use AI and give this fairy
princess a crown. What we can do is go
to the lasso tool. Again, just select where
we think a crown would go. Depends. If you
want a small crown or short crown selected, then click on generative fill. You can type crown
or beaded crown or white crown or fan many ideas, but let's just see what
crown will give us. I don't like that, but
let's see what else. Wow, that's interesting. This time I must say I
didn't love the crowns. I'm going to delete those. Maybe I'll type white crown
and see what comes up. White crown and generate because I think that
would look good. Oh, that's quite nice. Great. In my original one, I had this beautiful crown
which I really liked. I also had this and that. Yeah, that's the thing about AI. Every time you generate it
will create another one. And sometimes it's
nicer than the other. That's incredible. And I wonder what yours, what type of crown you
had in your prompt. Now if you want, you can
also try and give her a necklace by drawing around the neck back
with the lasso tool. Drawing around the neck is
generative fill and can type beaded necklace or just necklace and see what comes up. That's cool. But again, I preferred my
original one, Gorgeous. I hope you had fun with this. And then last but not least, if you wanted to, you could make AI, give her a completely
different outfit. Okay, if we go to the
move tool and just click away and make sure
everything is de selected. We can then go to the
object selection tool and the main layer
with all our filters. And we can click and drag, and try and select the outfit
to the best of our ability. If it missed a bit, we can hold the Shift
key and click and drag. And this should add some
bits to our selection. Again, shift and click to add
some bits. Okay, let's see. Then we can either just
click Generative Fill and see what it offers and
not type anything. Or we could type dress and just generate and see what I will give us and wow, that's cool. Kind of reminds me of
Tim Burton movies. For some reason I don't
like this as much. Ooh, this is quite interesting. So yeah, gorgeous. I hope you had fun with this.
28. AI Sky Replacement: Okay, so one of the final
parts we need to add to this fantasy fairy portrait
is sky replacement. It's also one of the latest
Adobe Photoshop AI filters. Just make sure to select the last layer or smart
object of the image. We simply have to go to
Edit Sky replacement. If it's grayed out, just make sure you have
that layer of the image selected and it's
doing its thing. And just like that, we'll
be able to choose from a bunch of different skies, all of them have
different clouds. Pick one that you like. Well, trippy. Once you've chosen one of them, you can adjust them
by fading it a bit or not reducing the brightness. The temperature. We can change,
actually the clouds click on. Okay, once we're done. And it will automatically create a new group for sky replacement, which we could also hide if
we wanted to show or hide. That's totally optional. In my original one, I created a different
Sky Ok. Great.
29. Brand Mockups & Patterns: Okay, my friends, in this
next section we'll be focusing on branding
and digital marketing. So we'll be creating realistic
mockups from pages of a book to adding brand
labels to boxes. We'll also be creating seamless patterns really
easily in Adobe Photoshop, and then apply
realistic mock ups of those patterns to T
shirts and boxes. And apply them beautifully
in perspective With really cool tools
such as the Warp tool, the perspective
Warp cylinder Warp. And will be introduced
to a new tool called the vanishing
point filter. This will allow us to
put everything into a realistic perspective
in a really easy manner. We'll also be adding blurs
and filters and drop shadows to make it even look
more realistic. Let's go.
30. Book Mockup: The Warp Tool: Amazing guys. So in this
part of the course, we're going to be
creating mock ups. We'll be creating book
mock ups where we have a book and we'll be adding pages to it and create
like a fake book, mock up a bunch of different kinds of mock ups using something
called the Warp Tool. And then afterwards we'll be creating mock ups for packaging. We'll be adding labels
to objects and more, and using all kinds
of blending modes, transparency modes, and
warping techniques, in this case, cylinder. But more after let's get to it, I would like us to
go to book mock up folder or zip file and
decompress it or open it up. We're going to start
with this one. We're going to open this
image, open Adobe Photoshop. Zoom in, Commander
control. Great. So if you want, feel free to convert this
to smart object, just in case by right clicking and
convert to smart object. I just love getting in
the habit of doing that. It keeps our images safe. All right, now we're going
to go to the rectangle tool. What we're going to
do is we're going to create a fake page or
mock up of a page. We're going to add
some contents to it. Text images or even
some pre prepared pages that I've designed
in Adobe Design. That it's one of the
course files of my course, in my beginner's Adobe Indesign. And then we're going to
use something called Warp, which is a tool
that allows us to warp our page according
to this shape. Anyway, let's start and try and draw an four page To the
best of our ability, click and drag and
draw an four page. Now make sure the fill is white and that there's
no stroke or border. Right click and remove
the stroke. Perfect. You can also readjust
it if you're not happy, but try four as much as you
can, Standard printing page. Once you're happy you press
Enter and then you can write, click and convert
to smart object. Because if you do that, you'll be able to edit and adjust it as much as we
can to keep it safe, convert to smart object. Now one thing we
can do is reduce the opacity because that way it will be a bit more
transparent and we'll be able to see a bit better
what we're going to do, because we're going to
align all these bits. Let's transform this shape with our shortcut
command or control. For transform, we can
rotate it hovering around the corner and
we're going to try and align it a little bit
better as much as we can. Great, press Enter
when you're done. Now there's a few
ways of doing this. We can either warp
or align the page first and then start adding
the contents to the page, which is what we'll do now. Then after, we'll first
add the contents to the page and then
warp it anyway, to use the Warp tool, we're going to go to
edit, transform Warp. Then we'll nicely be able to align the corners of
the page with this. Try and align it to the best of your ability,
elongate this corner. These are handles so you can click and drag and
pull the handles. Click and drag and try
and align it well. Click and drag the handles
here to give it a curve. And align this corner, obviously it's a
little bit fiddly and it will look different every time
because we're human. But to the best of our ability, we're going to try and align it. What's great is since
it's a smart object, we can always adjust it
later on, no problem. Once we're more or less happy and we think
it looks all right, we can press Enter. We're going to go to Opacity
and make it 100 again.
31. Book Mockup: Edit Page Contents: Perfect. Now what's great is since we've converted
this to a smart object, what we can do is either
double click here on the icon or right click
and edit contents. This will open this rectangle
in a separate document in Photoshop and it will be called Rectangle one PSB which
is a big Photoshop file. Everything we put on this
rectangle, any images, any changes we make, will be saved and
applied to this, which is so awesome. That means that if
you wanted to place an image and go file Place embedded in that folder
in magazine pages, you will have a picture. So you're welcome to apply this, Select it, and click on Place. Let's press Enter and
Save Commander Control. Now if we go back to that page, it will automatically
add this image. Wow, that's gorgeous.
Actually, anything we put on this image
will be applied. That's great. Feel free
to resize the image. Commander Control Re Enter. Feel free to go to the type tool and start adding text and
create a magazine layout. Now I'm feeling a
little bit lazy. I'm just going to grab
some of the pages that I created in my Adobe
Indesign course. I'm just going to select
these and delete. Instead, I'm going to go
to File Place Embedded. I've actually pre
prepared some pages. I'm, if I'm happy with this, I can just press Enter and Save. Command or control or edit. Save. Let's go. Wow, amazing it just added this. Now obviously it needs to be a bit more transparent, right? This is where we use our
famous blending mode, the most famous one, multiply. We can select this layer of
the rectangle and multiply, wow, that's really cool, because we can see the
shadow seeping through. Now if you aren't happy
with the way it's warped, and if it looks a bit funny, you're welcome to go back
to edit, transform, Warp. And just adjust
the warping a bit, make it look a bit
more realistic. Once you're happy,
press Enter and voila, great, now you can go ahead back to this
page and close it. If you wanted, you could
save this file file, save as a Photoshop file, or save a copy and save it as
a Jpeg. Totally up to you.
32. Another Book Mockup: Great, I'm going to
close this and not safe. And you know me, I believe in repetition and I think we should practice every
skill we learned. So let's do this, let's
practice this time. We're going to do
it with this page. And we're going to
grab a page that I created in Adobe Indesign
in my beginner's course. So if you want to
learn how to draw and design any of these,
check out my course. I created a few
different pages like these and I love them.
They look so pretty. Okay, so let's go ahead and open this with Adobe Photoshop. Right click open with
Adobe Photoshop. Again, we're going to go
to the rectangle tool. We're going to try again, to the best of our ability, to create an four page. We can click and drag and
try and create an four page is make sure the fill is white and the stroke
has no stroke, no border. Once we're happy, we can write click and convert this
to a smart object because remember
this means I will be able to edit the contents and have non destructive editing
convert to smart object. Please command control which
is a shortcut for transform. We can transform it
and start rotating it. Click and drag, and click and drag to the best
of our ability. And enter. Okay, this time we're
going to straightway, add an image inside
and do the warping. After we're going to right click and click
on Edit Contents. Photoshop will open this
rectangle in a new document, it will be called again,
rectangle one PSB. Again, everything we put
here will be saved there, which is so cool.
Again, I'm lazy. Let's choose a pre prepared file that I created by going to file Place Embedded and choosing
this gorgeous page place. Okay, we're going to resize it. I would like to give it a beautiful white margin or edge because I
think it looks good. But obviously do
what feels right for you and enter once we're happy. Now if we go file save or
command or control, that's it. Our smart object in our other document will be
updated if we selected. Wow, there it is, isn't it? Great. Now we're
going to warp it. We're going to go to
Edit, transform Warp. Let's work our magic and try and align all the
edges and corners. So click and drag and
align as much as we can. Click and drag the corners, try as much as we
can to align it. It's a bit more difficult
this time because it's a bigger curve and it's
a bigger perspective. There's a bit of tweaking
that will be needed here. And what's great is
if we make a mistake, we can always edit it later on, no problem, because
it's a smart object. Once we're more or less happy, we can press Enter and
add our blending mode. Multiply, wow, that looks great, doesn't we can even see
the texture of the page, but to be honest, I'm not
super happy with the Warp. We can just go back to edit, transform Warp and just continue editing the
Warp if we wanted to. No problem. And then press Enter when you're done, and voila, we've
just created a page, a mock up of a page. Beautiful.
33. Book Mockup with 2 Pages: Great, now we're going
to do this again, but this time with two pages. We're going to minimize
Adobe Photoshop, And this time select this page because we'll be creating
this as well as this, we'll be creating two
markups of the same image. Let's go ahead and open
this with Adobe Photoshop. Let's draw a Rectangle
Rectangle tool. Click and drag, Make sure the fill is white and
the stroke is none. Remove the stroke, try and make it a four
as much as you can. Then right click and convert
it to a smart object. Because remember this
will keep our image safe and we'll be able
to edit the contents, convert to Smart Object
Transform Commander Control, rotate it and try and align it to the
best of our ability. Enter right again, we will
start by editing the contents. Right click and edit contents. And we'll start popping
our stuff in here. Or if you want it, if
you're feeling brave, you can draw it from
scratch and add some texts, but I'm feeling lazy. So let's go to File
Place Embedded, and choose our images. We can choose this image
again if you're bored of it. And place. Okay, and try and align it to the edges and have it
filled the whole page. Wow, I didn't do
such a bad job with estimating the four.
I'm proud of myself. Then we press Enter. When we go file and go
back to our other page, it will automatically be updated here, Isn't
that incredible? Now if we wanted, we could
reduce opacity a little bit, just so that we can see
better for alignment. And then go to Edit,
Transform, Warp. And start warping our
page and aligning it. Click and drag in a line. Click and drag on the handles. Once you're more or less happy, you press Enter or return, make the opacity 100 again and change the
blending mode to multiply. Because that's a better opacity, it's a better transparency mode. Opacity, great,
amazing, obviously, feel free to adjust if
you're not happy with it. Let's move on to the second
page, the right page. We can go back to
the rectangle tool, click and drag, and try and draw an four page as much as we can. Make sure the field is white
and there's no stroke. Click here and
remove the stroke. Great. Let's convert
this to a smart object. Shall we right click Convert to smart object
to keep it nice and safe, and editable but
non destructively. Then command or
control for transform. We can rotate it and try and align it a
little bit better. And enter. Great,
let's edit this. Edit the contents
of the rectangle. We'll be doing the
warping afterwards. If we can write Click
and Edit Contents and go file and place
some of our saved pages. This time this yellowy one
which I also designed in Adobe Indesign and I also teach in my Adobe Indesign
beginners course. Check it out if you want. No pressure, click on
place and okay again, we're going to try and
align it to the edges. Beautiful. Wow. Very. For press Enter and file, save or control or command, it should be updated
in our document. Yes, great. We can reduce the opacity a bit. Just so we can align it
better and see better. Go to edit, Transform. Warp Again, let's do our thing. Let's try and align it to
the best of our ability. Click and drag. Click and drag. Click and drag. And
try and align it. The handles, click and
drag those handles. You know what you're
doing by now, I hope. Click and drag. Click and drag. Okay Ish. Once you're happy, press Enter and make the
Opacity 100 again, because we're going to use a better opacity
style blending modes and select multiply. And voila, isn't that awesome? Again, if you're not
happy with the Warp, feel free to go back to edit, transform Warp, and adjust
the Warp a bit better. Cool. It's a bit hid and miss. Every time I do it, it
looks slightly different. It can take a little
while to edit it and get it in the
exact position you want.
34. Book Mockup: Multiple Designs: Great, let me teach you one
more thing on this topic. You can actually create different variations
of the same document, like this, different variations inside the same documents. Which is great. And
I'll show you how. If we select this page, for instance, rectangle one. If we right click
and edit contents, what we can do is hide this layer and place
another image on top. We'll still have
the other image, but it will just be hidden. If we go to file Place Embedded and choose the other
yellow one, let's say. And click on Place, and click on, Okay. Now this will
appear on our page, but the other one
won't be deleted, it will just be hidden anyway. Let's resize it. I would like a
little white edge. I like that. Let's
give it a white edge. Click Enter Now, Commander
Controls or File, so this will be updated. But if we go back
to this rectangle, either by right
click Edit Contents, or just going in this open tab, our other one is still
there, is just hidden. So we can alternate
and pick which one we want and have it saved
in the same document. Anyway, let's go back here and
do the same for this page. We can select this page, right click Edit Contents. We can hide this
page for now and add another page so that we have
a few different options. If we go to File Place Embedded, and select this one now, click on Place, okay, we can resize it and give it a nice and white border again,
because I quite like that. Maybe a bit bigger. And Enter. Now if we go File save, this shall replace
the other one. If we go back to our
page, there we go. It's replaced side notes. If you think that the colors are too strong and not realistic. You could also go to opacity and slightly reduced opacity to make it look a bit
more like print. If you select the
other one as well and reduce opacity, that's better. I think that looks a
bit more realistic. The great thing is, once
we close all these files, these rectangles
and all the layers we've added these guys, they will still be
attached to this file. You'll always be able to
edit the content and go back here and change your
mind. That's awesome. Feel free to save these files
by going to file Save As, and save it as a Photoshop file and a JP file if you wanted to. I would love to see your
design if you designed the page and added text and
images or your branding. And if you could pop it
in the project section, I would love to see what book mock ups you came
up with. Well done.
35. Class Review: My friends. I hope you're really enjoying
the course so far, so your feedback
means a lot to me. So please consider
leaving a class review because it would be really helpful to me. Thank
you in advance.
36. Labels Mockup: The Perspective Warp: Okay, moving on to the
next mock up exercise and that will be adding
labels to our packages. So, let's get started, shall we? I've already set up the file
for us, the Photoshop files. So it will be fewer steps. Open packaging labels,
folder or zip file. So go ahead and open one round label with
Adobe Photoshop, and we're going to start popping all these labels over here. Okay, So anyway what we're going to do is we're going to grab this label that I also created
in Photoshop very easily. We're going to pop it
here, there, and there. Using the Perspective Warp tool, we're going to duplicate this. Make sure you're
on the move tool. Hold down the alter option key until you see the black and
white cursor. And drag it. There we go. Now let's
make sure we convert this to smart object to keep it extra safe and so that we
can edit it better. Cool, let's start with this one. Let's Alt and drag
again and duplicate it. And pop it in here. Perhaps we're going to reduce the opacity just so we
can see a bit better. And we can zoom in
Commander Control plus, right, there's so many
different ways we can change the perspective
or the warp of this. Using Warp as we did
before with the book, we can also use something
called perspective warp, which I think is
our best bet here. Let's go to Edit
Perspective Warp. What we're going to do is we're going to
click and drag and align the edges of the circle have a
circle inside a square. Once we're done, we press Enter. Our pins will become black. Now we'll be able
to click and drag and create a fake perspective. And align the circles to our, to that circle, and play with it until we
think it looks decent. Again, there's room for
error because we can always adjust it later on thanks
to it being a smart object. Great, Now once we're
more or less happy, we press Enter and increase the opacity so it's not
transparent as usual. If we want it, we
can select multiply. It looks a bit more real. Voila, wasn't that easy.
37. Perspective Warp & Layer Mask: Right. Let's do it again,
but for the two other bits. We're going to go
to the move tool, Select our El pum honey and apple and hold down
the alter option key. And click and drag
and transform it. Resize it. Command or control, transform and resize it. We're going to do the same here, similar to what we just did. Enter. We're going to go back
to edit perspective warp. And we're going to
click and drag, and try and highlight our circle edges and make it as though there's
a circle in a square. Once we're happy, we press Enter until the pins are black, and now we can start aligning it in the correct perspective. We're trying to keep this rectangle parallel with that rectangle, if
that makes sense. Because that should give it the same perspective as
long as they're parallel. Okay, once you're
happy, you press Enter. And great, the
perspective looks good. Obviously, if you're not
happy with this perspective, you can just change it by going to here to the layer and perspective warp
and double click, you'll be able to
edit it further. Great, We can either keep
it like that or if we wanted to get rid of
the white border, we can go to blending modes
and select multiply O. Now we don't have the border
and we just have the icon. This is up to you. Great. The final one is this one. We're going to select this, make sure you're
on the move tool, hold on the alter option key and drag because we're duplicating
it one final time. We're going to command or
control for transform resize. This time what we can
do is pop it over here, have half of it not be
seen, if that makes sense. Because we won't see
this bit because the label is meant to
be around the sticker, we're going to mask
the bit we don't want. We can also resize this
if we wanted to using the Warp tool by going
to Edit transform. And if we wanted to, we can figure it a bit and
pretend it's going to wrap around the edge and give it
a tiny, tiny perspective. And enter, great. Now we're going to
mask the part we don't want by going to the
rectangular marquee tool. We're going to zoom in, maybe it's easier to see. We're going to select
the bit we do want, we do want to keep this bit and try and
align it to the edge. And then click on Create
Mask From Selection. Amazing, it's the contextual
tab again, useful. Click and bye bye edge
that we don't need. If it doesn't look
the way we want, we can go back to
the move tool and we can play with the arrows on our keyboard and
push it around. Finally, let's give
it a blending mode, normal and select blending mode. Voila. We've added
labels to our packages. In this one, I did reduce
the transparency a bit. If you want, feel free to
select each of these and reduce opacity to make it
a bit more transparent. If it's to reduce opacity, click on this one.
Reduce opacity. That's totally up to you. Well done. That was cool. Let's move on to some more
packaging and labels mock up. Feel free to close
this or save as.
38. Labels Mockups: Cylinder Warp: And let's open two el drops, because they are drops. Go ahead and open this
with Adobe Photoshop. Okay, this time what
we'll do first is we're going to create rectangles with a color with these colors. Namely, we're going to use a completely new Warp tool that super cool that
Photoshop added. And it's called cylinder Warp. Because these are
cylinder shapes, you'll see it will
be a lot easier to adjust it and align it. First things first, let's
go to the rectangle tool. Let's start drawing a
rectangle and zoom in, and let's start
drawing a rectangle around this cylinder.
Click and drag. Now this time we're
going to go to fill. We want this color, we're going to go to this
color thing, then go here. The eye dropper will
pick up that color. Click. Okay, beautiful. Now let's remove the
stroke or the border. Click Amazing. Great. What we're going to
do now is convert this into a smart
object as usual. Let's get in the
habit of doing that. I really wish there
was a shortcut for converting to
a smart object, but sadly, I don't know of any. If you did know,
please let us know. Okay. Now if we want it, we could reduce the opacity a bit because it will
be easier to align, we'll be able to see
the edges better. Let's go ahead and go to
Edit, Transform, and Warp. We've done this before, but this time we're
going to choose Warp. If you scroll down, there's
an option called cylinder. If we select this, it will automatically be in the
shape of a cylinder, which makes things easier. Now all we have to do
is click and drag, and try and adjust
it, which is great. We can resize it here a bit and try and line
it to cylinder. Now obviously, it's never
in the perfect angle. If we do need to make minor
adjustments to the edges, then we can always go back
here and select Custom. And then edit the other bit slightly to further
adjust and perfect. Once we're happy we
press Enter as usual, let's increase the opacity, but let's select
the blending mode, multiply, so we can see
this beautiful shadow. Amazing. Now feel free to edit
it further if you need it. If there's edges to be edited, go back to Tarp and you can
edit stuff further if needed. Perfect. Now, I
believe in repetition. So let's do the
same for this side. We're going to go back
to the rectangle tool. We're going to click and
drag and draw rectangle. We're going to go to the fill. Go to this rainbow. And click on this color with the eye dropper so that
it's Select this color. Okay, now let's get rid of the stroke or the
border and get rid of it. Great. Once we're happy with
our shape, we can write, click and convert it to smart objects so that
if we make any mistake, we'll be able to adjust
it and edit it. Cool. Let's go to Edit,
Transform, Warp Cylinder. Warp, Scroll down
and select cylinder. That's not bad, isn't
it? Not bad at all. If we want it, we can
reduce the opacity though, so we can see a bit more
what we're doing now. We can stretch it out or
make it smaller if needed, and not bad at all. Again, for minor tweaks, you can go back to
Warp back to custom, and then you can change
some minor tweaks. When you're done,
press Enter or Done, and voila, if you wanted to, you could also go
to normal and add multiply blending
modes. Amazing.
39. Labels Mockups: Adding Blur Filters: Now we're going to be
adding labels over here. These guys, I've saved
the label somewhere. We're going to go file place Embedded Mastering
Photoshop Packaging Labels. Select this label, PNG, which means it has
a clear background. I also created
this in Photoshop. Click on place, let's
just pop it over here. Now let's go to the move
tool and pop it over here. And resize it. Commander Control and
resize it, make it smaller. And pop it here is and
enter once we're happy. Great, now we're going to
have to add a blending mode. Here is where it
will be a little bit more tricky in terms
of blending mode, because if we select multiply, it's not going to look
that good either. We choose and try and find another blending mode
that looks better. But personally, I
didn't find any. Or another option would be to reduce the opacity a little bit. A third option would be to double click
here on the layer. Hold down the old key in
the underlying layer, and just go a bit like that. This will make parts of it
transparent, but not entirely. And reduced opacity
maybe a tiny bit. Then click on okay,
this is an option. Now let's go Alt or Option, and drag and duplicate
it on this one. Let's see, maybe we
can try multiply here. In this case,
multiply works pretty well because the background is lighter, so it works better. Multiply it is for this one. Finally, we're going
to add it over here, we're going to alt and drag It still has multiply
applied to it, which is great. But the final thing is, obviously this is blurred
because it's in perspective. When something is in the
background, it's blurred. We don't see it as clear, we're going to make it blurred. Also, another thing about
things in the background is they're usually smaller when
they're in perspective. Let's make the label smaller
Command or control for transform and re size and make it smaller because
things are smaller. When they're further away from the eye, they look smaller. At least press Enter
when you're done. Now we can add a blur. Filter by going to filter blur. Gaussian blur. Not too much. Whoa, But add a little blur just so that it matches
the rest of the bottle. Then click on.
Okay, there we go. Now feel free to add a tiny bit of blurs to these as well. If you find that they're a bit too clear and not realistic, make sure you selected first
filter blur, Gaucianblur. Just add a tiny weeny bit of
blur just so it's realistic. And the same for here.
Select filter blur, Gaussian blur, and a tiny
little bit, barely noticeable. Okay, there we have it. We've added some more
mock ups of bottles and labels and we've used blurs, blending modes,
and even cylinder warp to fake mock
ups for our brands. And feel free to use your own branding for
this. It's well done.
40. Class Project: Okay, my friends, I hope you're enjoying
the class so far. I would love to see how the projects we're working
on have inspired you. So please feel free
to customize them and edit them and have your
personal take on them. And post them in the project section for
me to have a look at. You'll get personal
feedback from me, whether it's your own
fantasy portrait or your own brand labels mock
ups to products, so grain.
41. Create a Seamless Pattern: Okay, my friends, let's
talk about patterns. Yes, creating seamless
patterns in Adobe Photoshop. It's actually much
easier than you think. Now, I personally usually
tend to create my patterns in Adobe Illustrator because it's a vector program and
it's made for that. But you can also create
patterns in Adobe Photoshop. And that's what we'll do next
and I will show you there's a Patterns folder inside
Patterns folder zip file. There's some files that
I've taken from the web, from pexels and on Splash. And there are some files that
I've created from scratch using Adobe Photoshop.
That's what we'll do. Now after this, what
we're going to do is make mock ups of the patterns and
add them to boxes and tubs. And we'll combine a bunch
of skills like patterns, like the warp tool,
like blending modes. And we'll even discuss something new called vanishing point, which is really cool for adding patterns and adding
anything into perspective. The really fun part
is we're going to add patterns to
T shirts as well. How fun and exciting,
let's do this. It's a really fun
part of the class, but this time we're going to
create a file from scratch. If we could go to Adobe
Photoshop and go to File New. We're going to select
Art and Illustration and select 1,000 pixel grid. Now it's very important that we have artboards unticked or turned off because if it's
turned on pattern view, which is the view
mode that will be needing will be
deactivated or grade out. Make sure artboards is not
ticked and click on Create. In a minute we'll have to go to View and go to Pattern View, but I just want to show you
that it is not graded out now because we don't
have an artboard. If you look over here, there's
no artboard. Okay, cool. So what we'll start doing, we'll start adding our elements here, We'll remove the backgrounds
of our elements, we'll add a little color
for the background, and then we'll start creating
our seamless pattern. Let's go, if we can go
to file place embedded, there should be a folder
called stock images. But obviously, feel free to grab any image that makes sense
to you that you like. I've added a few images
here from Unsplash. I'm going to choose this Chili
because I think it's cute. And click on Place. Now let's resize it
and enter Straightway. I'm going to click on
Remove Background, because when we add a color, it will be nicer if we have a clear background
or no background. Cool, Let's view
Pattern View right now. And I'll show you how
amazing it will be if we go to View
Pattern Preview. Click on okay, and out. Hello, pattern
isn't this amazing. Every time we move this around, the pattern automatically
gets updated. I just love this. I
find this incredible. Yeah, it's a bit empty. Let's add a second element
to our pattern, shall we? Let's go to file Place Embedded, and choose a second image. I might choose this, Lemon. Why not click on Place and
wow, I actually love this. But no, let's make
it smaller so we can see the chili as
well as the lemon. And Enter now, just like before, let's remove the background. Wow, that was easy. We can move this around and our pattern will be adjusted
accordingly, so cool.
42. Adding Drop Shadow Effects: Great. Now if we wanted
to make it a bit cooler, we could add a drop
shadow to both of these. So if we select the chili layer, we can go to FX and
select drop shadow. The standard drop
shadow should be good, but if you didn't like that, you can adjust the shadow here, the pacity, the
distance, the size. Feel free to adjust this
according to your preference. Then once you're
happy, click on. Okay. Let's do the
same for the lemon. Select the lemon layer. Click on X drop shadow. It should apply the lost
effect that we added, the same effect we
added to the Chili. Now click on Okay. And voila, Awesome. Now let's add a colored
background because I quite like adding
colors to the background. It looks a bit like
a smiley face. Now, doesn't it cut
to add a background, we need to make
sure we highlight underneath these elements, underneath the chili
and the lemon. We're going to select
here the background. The best way to create a color fill for the
background is to go to the Yin and an icon and create a new
fill or adjustment layer. And select solid color. And I love pink. Let's go ahead and select
any color we want. But sorry, I will select
pink because that's just me. Once we're done, we click on Okay and zoom out
and Hello pattern. Feel free to adjust this and add your own elements
and whatever you think is pretty
and make it your own cool. What do we do now? How do we save this pattern? If we go to edit
the fine pattern, this will be saved
inside our Photoshop. If we want we can call it
Lemon Chill Limoncello, but no and click on. Okay, Now where will it be? If we go to the
pattern stamp tool, which is underneath
the clone stamp tool. We go over here, we will see all the
patterns that we created. As you can see, I've created
a bunch of versions of these to apply it. We could, for instance, go to a new document and create a
new document and apply it. If we go to file new, this time perhaps select 2000 pixel grid and
click on Create. Let's make the file
even bigger so that we have more
space for our pattern. We could even go to
the artboard tool and then click and drag and make a really big art board. Just so that we'll have a
lot of space for a pattern. We can add a new empty layer that can be for
our pattern layer. Now make sure you're on the pattern stamp tool and
you select our pattern. Now if you draw hello pattern, wow, that is so cool. I love this. Yeah, we
created our pattern. So feel free to practice this again and create
your own pattern. Now, you can either keep this file on or you
can go and save it, either as a Photoshop file
or a Jpeg or even both. I'm just going to go file save, as I might save a copy and save a Jpeg version of this
file just in case, okay.
43. Mockup: Apply Patterns to T-shirt: Amazing. Now for
the really fun bit, let's start applying
this pattern and other patterns to mock ups. I would like us to open
this image and we're going to start creating a pattern
mock up to our T shirt. Right click open with
Adobe Photoshop. Make sure you're on the
pattern zip file or folder. Beautiful. What we're going to do now
is we're going to go to the object selection tool and we're going to try and
select the T shirt. This might take a few goes. We're going to click and drag. And let's see, oh, that actually did
a really good job now obviously it's not perfect. If we need to add to selection
or remove from selection, we can right click and go to
the quick selection tool. There we'll see the
plus and the minus. And we can add to
selection or subtract. I need to add. I'm going
to go on the plus. I'm just going to click, click, click, and start
filling the bits. Whips not too much. Undo if there's bits here
that we need to get rid of, I can go to minus and get
rid of the bits here. Awesome. Now that we have
the T shirt selected, we're going to do
something special. We're going to paste
our pattern in a special way
inside the T shirt. We're going to go
back to this pattern. We're going to go to
select all or command or control a, then edit, copy. Because we're going
to copy this, we're going to paste
it inside the T shirt. We're going to go edit, paste, special paste into and who. First of all, it's really
big and second of all, it looks like a cartoon. Let's resize it. Command
or control transform. We can click and drag resize
pattern and make it smaller. Okay, I think that's
looking a bit better. And Enter. If you look at the layer, it will have
automatically created a layer mask in the
shape of our T shirt, which is incredible nice. Now obviously let's make
it transparent and let's use our friend multiply
the blending mode. Wow. Doesn't that look cool? That's
just amazing. I love this. You can see all the
folds in the shadows. It looks pretty realistic,
I think. Awesome. I believe in repetition. So let's do this again
with more patterns, right? Maybe we can hide this for now. And let's do it
again. Let's go to the background layer again. Go to the object selection tool. Again, select our T shirt. Oh, that was pretty good. Now to make adjustments, we go to the Quick
selection tool, to the plus or minus. Feel free to adjust your brush using the right
square bracket or the left square bracket and
adjust the little bits. Great. Now what we're
going to do is go file open a smart object. Just open the patterns folder. In the Patterns folder, there's another pattern folder
with a bunch of patterns. If you can choose any
pattern you like, I'm going to choose more lemons. Because when life
gives you lemons, make patterns and click on Open. This opens it in a separate
Adobe Photoshop file. We need to select
it and copy it. Select all or commander
control A and edit copy. Now let's go back to our
T shirt folder file. I have a special special
friend, we go edit, special paste into
transform command control and click and drag. I might even rotate it, click and drag it, and enter. One more time, let's use our
multiply blending modes. Normal multiply, wow, we
just made a lemon T shirt. Isn't this awesome? Okay, one more time, let's do it again. We go back to the T shirts. We go to the Object
selection tool and select our lovely T shirts. Make necessary adjustments by right clicking Selecting
the Quick selection tool, We can add selection
or subtract depending on your selection minus. And let's open one more pattern. Let's go file open
a smart object. We're opening another pattern. In another file, we can
open this beautiful, gorgeous picture that
I took from Pexels. Click on open again. We're going to have to
select all and copy. Select all or command or
control A and then edit copy. Now we're going back
here and one final time. Edit, Paste, special and paste into and resize command
or control for transform. Click and drag and resize it according
to your preference. And enter one more time. Add a blending mode, right click and multiply. Wow, actually I really dig that T shirt.
That's really pretty. I don't know what I have
with citrus fruits today, but guess I'm really
craving citrus, fruit, vitamin C, amazing. I hope you enjoy this. But we're not done with patterns just yet. In a bit, we're going to
be stepping a level up and adding patterns to boxes
and cylinder tubs.
44. Patterns on Boxes: Cylinder Warp: Okay, moving on to the next
mock up and pattern exercise, combining a few skills in one, this is what we'll do next. Exciting. I would like us to open this image in
the pattern folder, right click, open
with Adobe Photoshop. Perfect. If we want it, we can right click
and convert it to a smart object to
keep it extra safe. We're going to start with this one and we're going
to combine a few skills. We're going to use
what we did now, paste into space special, the pattern we're
going to be using, the blending mode
and the warp for cylinder that we
did when we worked on labels because it is warped, here it is in a cylinder
warp perspective. Then we'll tackle
some new skills with this box spoiler alert, It's called the vanishing point. Okay, let's get to it. Okay, now we're going
to go and place a pattern in for this
cylinder, for this tub. We're going to go to
File place Embedded. We're going to go to
the Patterns folder. Patterns again and choose this dod fun pattern
which is a PNG with a clear background
and click on Place, Great. And we're going to
click and drag. And now it's a smart object. When you place an image
as an embedded object, it becomes a smart object. That's great. That means that
any changes we make will be fixable and not
permanent changes that already looks not bad. But let's go ahead and
go to Edit, Transform, And use Warp again, because I would like to make
it look more like it's in a, it's in a perspective. Let's select Warp. Remember our cylinder warp. It is a cylinder object. Perfect. Let's select
cylinder. And who? Not too much but just slightly. I don't
know if you can tell. But the edges here look
a bit more cylindery. They look more realistic,
which is great. If we want it, we
can squish it more. We can play around with this. Yeah, I quite like that. I think it looks more realistic. Now, don't worry about
the pattern being too big because we're going to use our Paste into in a minute. Just press Enter when
you're happy with the Warp. Now we can go to the rectangular marquee tool
and just make sure it's, make sure the layer
is selected as well. And just copy, edit, copy. We can hide this for now. Now let's select the
background again. What we're going
to do now is we're going to go to the
object selection tool. We're going to select
this tub because now we're going to paste
into the selected, the copied piece that we
had from the pattern. We're going to go edit, paste, special paste into. Wow, that looks pretty cool. I like it. Finally,
the final part though is to add a transparency. Because if you look well, you'll see that there's
no transparency. If we go to normal, multiply, wow, perfection,
that looks awesome. I love it. We can see all the
little shadows now amazing. Let's go back to the move tool.
45. The Vanishing Point: Great, now for the next
part for this one, we're actually going
to be covering a brand new tool that
we haven't covered yet. And this is called
the vanishing point. And it's so awesome, honestly. It makes adding patterns and walls and stuff in
perspective so much easier. I just love it and I'm so happy that I
discovered this tool, and I hope you'll enjoy
it too. So let's go. The way to use it is
this is as follows. I would like us to create an additional layer by
clicking on the plus. As usual for non
destructive editing, I would like us to
double click and call it the vanishing point
layer. Perfect. Now we're going to be applying
the vanishing filter. It's a filter,
surprise, surprise. We're going to go to
and vanishing point. Note that we've already covered a few filters here, right? The camera raw filter, the neural filter
makeup transfer blurs now vanishing point, great. And this is where we're going to tell Adobe Photoshop where we want our perspective to
be, our vanishing points. What we're going to do
is we're going to align and draw around the perspective. We're going to click
here and click Are. Then click on this corner,
and then click Are. That should be our
vanishing point. Now if you see blue lines,
that means it's good. It's a perspective that
exist that is possible. If you see yellow or reds, it just means that this is a
fake perspective, incorrect. You want to try and align it to the best of your ability to the box while making
sure that it's blue. Because Photoshop knows, oh, this is existing perspective,
that will be one. We've just created one plane, but we're not done yet. We're going to add
the second plane, this one, It's just
called the plane. What we do is if we hold down the command key or control
and select this anchor point, this little point, we'll be
able to draw the other plane. Most of the time it
tends to be perfect, but sometimes, like in this case it's not,
that's totally okay. All that means is that we'll
be able to adjust it and click and drag and adjust it. Now we have two planes, which is awesome because in a bit we're going to be adding patterns into here and it's just going to line up
perfectly amazing. If you made a mistake as
usual, undo commander control, Et, and just do it
again, then click on. Okay. You might be like, whoa, nothing happened,
What happened here? But remember, we're in the
vanishing point layer. If we now go back to
filter vanishing point, our perspectives, our vanishing points
will still be there, no harm, no done. Perfect. Now I would
like us to go back to our folders and pick one of
the patterns we would like. I'll go for the
cherry lemon pattern that I created using
Adobe Photoshop. I'm just going to open it up. I'm just going to go right click open with Adobe Photoshop. I'm going to select all and
copy it, just like before, so I'm going to go
to Select All or Commander Control A
and then edit copy. I'm going to go back to this image and back to the
vanishing point layer. Now to be on the safe side, I'm just going to duplicate this vanishing point
layer commander control J just so that we have an
extra copy just in case. Great, now we can go to
filter and vanishing point. Now let's press Paste, or control or
command V. Awesome. Obviously we need to resize
this command or control for transform and click and drag
and resize this pattern. But look what happens when
we start placing it here. It will automatically
align to the plane. Wow, that is super cool. Now if you want to resize it, then hold on the
shift key so that it doesn't get distorted
when you're happy. If you're happy with this one, then you can duplicate
it for the other plane. Hold on the older option key and drag and duplicate
it for the second plane. Now press okay. And, but we're not done just yet because we're going
to select multiply. And wow, that's cool. It's already added
with the shadows, With everything that's amazing.
46. Adding Labels to Vanishing Point: Now we're going to
do the same thing, but this time we're going
to add a Photoshop label. We're going to do it twice, once with the Photoshop
label, like this. On with this label, I would like us to
select both Images, Photoshop, this label,
and that label, and open it with
Adobe Photoshop. Great, make sure we select all. Select all and then edit
copy. That's copied. Let's go back to our image. Let's select that same
vanishing point layer. Now we're going to go back to filter and back to
vanishing point. We're going to paste command control V and we're going to add that
Photoshop icon here. If you want to resize commander
control and re it old, hold on the alter option key
and drag to duplicate it. Well, I think it
got distorted if it did hold down the shift
key and resize it. Amazing. If you're
happy with that, you click on okay, wow. It automatically added
the blending modes and the blurs, which is amazing. But let's say I don't
like this label. I want to have another label. What I can do is undo. We can do it again, but with the other label. With this one. Again, select all, edit, copy, go back here, back to the vanishing
point layer. This is why we name
layers so that we know. And then back to filter
back to vanishing point. And again, paste command
or control V, resize it. Command or control
for transform. Hold down the shift key
so it doesn't change proportions and resize it to
whatever makes sense to you. Then if you want to
duplicate it on this side, hold down the alter option key and drag and pop it over here. Wow, it's beautifully
in perspective. Isn't that great?
When you're done, press okay and voila, it's automatically
in the blending mode because it's all in
that same layer. If I hide this layer
that's before, so that's this layer. Hide and show. That was your introduction to
the vanishing point. I hope you liked it,
but don't worry, we're not done with
vanishing point. As usual, I believe in
repetition we will be using the vanishing
0.4 interiors, which is cool, so stay tuned.
47. Interior Design with Vanishing Point: Okay, my friends, in this
section of the class we get to play interior
designer, super fun. We get to transform
a boring room into a gorgeous interior
designed room using our newly acquired skill of
the Vanishing Point filter. Where we get to
apply artworks and rugs and put them beautifully and realistically
into perspective. Thanks to the Vanishing
Point Filter, we'll be grabbing furniture
from all kinds of images and popping them into
that images. Let's do this.
48. Interior Design: The Vanishing Point: Okay my friends, in this exercise we get to
play interior designer, how exciting and we get to practice our new
vanishing point skills. If you open vanishing
point interiors folder, this is what we'll get to do. We'll take this image and transform it into this gorgeous, We're going to use the
vanishing point filter here to add these works of art. Those works of art and the rug. Even then, we'll be adding
the pieces of furniture, the plants, the lamp, and we'll even work
with a neon sign. Speaking of neon signs, later in a couple of exercises, I will teach you how to create the neon effect from scratch. We'll be designing our own
neon signs. Stay tuned. Later on, we'll
even be using AI, generative fill to add this console table or table or whatever that is. Okay, cool. Let's get started. We'll have a furniture folder over here. We'll be grabbing pieces
of art and furniture from these images and
popping them over here. If you can open this with
Adobe Photoshop, great. Now, just to be
on the safe side, we're going to duplicate
this image command or control J if we want. We can convert it to
a smart object by right clicking Convert to smart object just to
keep it extra safe, just to be on the safe side. Great. Now we're going to create a new layer because
just like any, we'll create a blank or an
empty layer and we'll put that filter inside just so that there'll
be no destructive. It's going to be non
destructive editing, We can rename it and call it
vanishing point. Amazing. Now let's go ahead
and go to Filter. And we're going to
go to our new skill, the vanishing point. Amazing. Now let's start
drawing our vanishing point. We can start here if we wanted
to, click, click, Click. The reason I only go over here is because it
doesn't go further. I'm going to stop right over here to create the vanishing. Feel free to adjust it and just make sure
it's still blue. Because as soon as
it's red or yellow, it means that this
perspective is not possible. It's not a possible perspective. Once you're happy
with this plane, we're going to draw this plane. We can just drag it
out by hovering over the white square and holding down the command or control key. And click and drag and okay, so that's not perfect,
which is fine. We can click and drag
and adjust this plane, just make sure it
stays blue so that we know it's a
possible perspective. Once we're happy, we can
go to this little square and hold down the command
control key and click and drag, Wow, that's actually not bad. That's actually quite
good this perspective. If it's not, feel free to adjust it and if you make a
mistake, that's fine. Just click on Commander
Control for Undo. Great. Now let's do the
same for the floor now. Again, we're going to hover
over the white square and hold down the control
key and click and drag. Wow, we've created
a little cube. We have that, this and that. Amazing. Last but not least, we can do the same
for the top one. Go to the white
square in the middle. Hold down the command or
control key and click and drag Hello little
cube that we created. Now we'll be able to
place lots of items inside the cube and it will be beautifully in that perspective. If we're happy with that, we can click on okay. We might be like, well,
we don't see anything. But remember, if we go
back to the filter, back to vanishing point. Hello, vanishing point planes. Anyway, let's click on cancel.
49. Interior Design: The Vanishing Point: Okay my friends, in this exercise we get to
play interior designer, how exciting and we get to practice our new
vanishing point skills. If you open vanishing
point interiors folder, this is what we'll get to do. We'll take this image and transform it into this gorgeous, We're going to use the
vanishing point filter here to add these works of art. Those works of art and the rug. Even then, we'll be adding
the pieces of furniture, the plants, the lamp, and we'll even work
with a neon sign. Speaking of neon signs, later in a couple of exercises, I will teach you how to create the neon effect from scratch. We'll be designing
our own neon signs. Stay tuned later on and
we'll even be using AI generative fill to add this console table or
table or whatever that is. Okay, cool. Let's get started. We'll have a furniture
folder over here. We'll be grabbing pieces
of art and furniture from these images and
popping them over here. If you can open this with
Adobe Photoshop, great. Now just to be on the safe side, we're going to duplicate
this image command or control J if we want. We can convert it to
a smart object by right clicking Convert to smart object just to
keep it extra safe, just to be on the safe side. Great. Now we're going to create a new layer because
just like any, we'll create a blank or an
empty layer and we'll put that filter inside just so that there'll
be no destructive. It's going to be
non destructive. Editing, We can
rename it and call it vanishing Point Amazing. Now let's go ahead
and go to Filter. And we're going to
go to our new skill, the vanishing point. Amazing. Now let's start
drawing our vanishing point. We can start here if we wanted
to, click, click, Click. The reason I only go over here is because it
doesn't go further. I'm going to stop right over here to create the vanishing. Feel free to adjust it and just make sure
it's still blue. Because as soon as
it's red or yellow, it means that this
perspective is not possible. It's not a possible perspective. Once you're happy
with this plane, we're going to draw this plane. We can just drag it
out by hovering over the white square and holding down the command or control key. And click and drag and okay, so that's not perfect,
which is fine. We can click and drag
and adjust this plane, just make sure it
stays blue so that we know it's a
possible perspective. Once we're happy, we can go to this little square and hold
down the command control key, and click and drag. Wow, that's actually not bad. That's actually quite
good this perspective. If it's not, feel free to adjust it and if you make a mistake, that's fine, just click on
Commander Control for Undo. Great. Now let's do the
same for the floor now. Again, we're going to hover
over the white square and hold down the control
key and click and drag. Wow, we've created
a little cube. We have that, this and that. Amazing. Last but not least we can do the
same for the top one. Go to the white
square in the middle. Hold down the command or
control key and click and drag Hello little
cube that we created. Now we'll be able to
place lots of items inside the cube and it will be beautifully in that perspective. Amazing. If we're
happy with that, we can click on okay. We might be like, well,
we don't see anything. But remember, if we go
back to the filter. Back to vanishing point. Hello, vanishing point planes. Anyway, let's click on cancel.
50. Interior Design: Adding Artwork to Perspective: Now I want us to make a copy of this layer because we'll
have one layer where we put the artwork in and then
one layer where we put the carpet in if we wanted. We could also have
an individual layer of vanishing point
for each item. Let's duplicate this layer
command or control J. Perfect. Let's
choose any of them. It doesn't matter. What we're going to do now is we're going to minimize Adobe Photoshop and go to our furniture folder. I want us to start opening the images that have the
artworks that we need. Opening them in Adobe Photoshop, because we're going to grab
them and copy them and pop them in our vanishing
points in here. The ones we need are this one, That one, and this one. For now. Afterwards we're going to be opening
a lot more files. If we click on one, hold down the shift key, click on this one, hold down the shift key,
click on this one, and then right click
We can open with Adobe Photoshop and open
all of these in one go. Great. Then we're going to go to the Object Selection tool. Click in the artwork and edit, Copy or command or control C.
Now we're going to go back to our lovely MT image and make sure we select
the vanishing point layer. Now let's go to Filter
vanishing point and Paste. Command or Control V.
Now let's resize it. Command or control
for transform. Let's try and pop it
over here and whoa, it's big, we need to resize it. If we hold down the shift
key whilst we resize it, it will not distort our
image or our artwork. Then we can pop it over here is I'm going to
cheat a little bit. I'm going to click
and drag without the shift to distort it because I just think
it looks better. It's okay to cheat
sometimes Once we're happy, we can click on Okay
or enter Hello. Artwork in Perspective. We can hide it or show it. Let's have this layer
selected still, and let's move on to the
next piece of art, this one. If we can go back to the Object Selection tool
and click and vote selected. Now we can go to Edit, copy, and go back to our
interior design page. Make sure the vanishing
point is selected. And go to filter vanishing point and start
adding the second artwork. Over here, press
command or control. V for paste. Control or command for
resize or transform. Hold down the shift key
so that you can resize. Again, it's huge. Hold down
the shift key and resize it. Hold down the shift
key and resize. What's cool is that even though
this is outside the cube, it's still going to be in the
perspective that we want. Let's just make it a
bit bigger, shall we? Yeah, something like
that. Once you're happy, click on Okay or Enter. Now we've got two artworks. Great. Let's move on and add
two more artworks over here. We're going to grab these
two, which are gorgeous. Wow, I love this color way. I'm getting inspired here. Make sure you're on the
object selection tool. This time we can click
and drag around both. They'll both be selected. We'll go edit Copy. Because this time
I want to show you that we can add two
pieces in one go. Let's go back to our page, make sure you're on the
vanishing point layer. And go to Filter vanishing
point and Paste Command or Control V now transform these command or control
and pop them over here. And we, the massive
but gorgeous. Hold down the shift key and click and drag to
make it smaller. Hold down the shift
key and let's do it a little bit smaller. That looks so good, doesn't it? Great, Once you're happy, you click on Okay, If you make any
mistakes at any point, then you can always
duplicate the layer and then delete these bits, like select them and delete
or do is your best friend. Also, you're always
welcome to use the history panel to
undo a few steps.
51. Adding Rug & Furniture: Great, Now that we've
done the artwork, we're going to move on
to the rug like this. The rug and it's gorgeous. We're going to go back to our folder and this is
going to be our rug. If we can open this
with Adobe Photoshop, we're going to select
it all and Copy. Select all or Commander
Control A and then edit Copy or Commander control
C. Now we're going to go back to
our page over here. This time I want us to select the copy of the vanishing point because I want us to have the
rug on a different layer. Let's go to filter vanishing point and
paste the beautiful rug. Whoa, it's massive. Let's re size it or transform its commander control
T remember to hold the shift key to make it smaller then let's
pop it in the bottom. Whoa, it's big. No worries. As long as we find a
little white square and hold down the shift key, we can make it smaller. Click and drag. And then hold down the shift key
and make it smaller. Cool. Actually I
want to rotate this. Let's click and
drag and rotate it, resize it a tiny bit. That looks good, doesn't it? Once you're happy with how
it looks, just click on, okay, wow, gosh, that looks
really realistic, doesn't it? That looks really pretty. I
wish I had a rug like this. Great. Let's move on to the
next pieces of furniture, our yellow arm chair. If we can go back to this page, and this time make sure you're on the object selection tool and click Select the Chair
and then Edit Copy. Then let's go back to our interior design page and
control V or edit Paste. Hello, little chair. Now, commander control
for transform. We can pop it over here, perhaps make it a little
bit bigger this time. Don't use the shift key. Oh, I love that pop of
color that looks so pretty. Once we're happy, we
press Enter and voila. Okay, let's go ahead and add a plant now, add some oxygen. So we're going to
minimize Photoshop, and we're going to grab this gorgeous image and this
gorgeous plant specifically. Let's open this with
Adobe Photoshop. Make sure you're on the
object selection tool and click while the
object selection tool does such a good job. But if you can see it added
a piece that we don't want. Let's zoom in Commander Control plus hold on the Spacebar
to move it around. Let's go to the Quick
selection tool. And minus to subtract
from selection, because I want to
subtract this bit. Click and voila, now
we have our plant. Then we can go to Edit, Copy. And let's go back to our
interior design page. Now we have a lot of
stuff open right now. Let's just close
the history panel. When you have a lot of files open and you can't
find something, you can click on
this arrow here. Find your image, which
was 0.3 D. There we go. Now command or control. V or edit. Paste, and Hello plant. And again, command or
control for transform. Let's pop our plant over here. Wow, it looks so pretty. I love this and Enter. Great. Now we're going
to add a lamp over here. Let's minimize Adobe Photoshop, and we're going to add
this ceiling lamp. If we can open this
with Adobe Photoshop, let's go back to our
object selection tool and click and drag and grab
this lamp and edit, copy. And try and find the right file. So we can click on this arrow, and I remember it had the word commercial in it, it's this one. And Paste Commander Control
V Commander Control for Re Size Transform. Now you can pop it over
here and wow, perfect, Isn't it looking good?
Enter when you're done.
52. Designing a Table with AI: Great, so now we're going to
be adding this Neon sign. This has a few more maneuvers or a few more steps involved. That's what we'll do. Now, if this neon sign doesn't really satisfy your creative needs
or fulfill your creativity, don't worry, because we'll
be creative and we'll be creating a neon
sign from scratch, which is awesome and super cool. Okay, so I want us to minimize Adobe Photoshop and head to this image and open it
with Adobe Photoshop. Here we go. Then we're going to go to the
Object Selection tool. If we can click and select
and again go edit copy. Go back to our file. Great. Now we're going to go
Commander control V to paste it or edit. Paste. Perfect,
Let's transform it. Commander control T and move it over here and Enter, right? Because we're going to
actually make changes to this, we're going to convert
this to a smart object. Ideally, when you have a
big file like this open, you would ideally convert all the layers into
smart objects. But because we
haven't really made any changes to the
other objects, it's not really necessary. And because we are going to
make changes to this one, and we don't want to have
destructive editing, we want non destructive editing. We'll convert this
into smart objects. So make sure you have this layer and if you want you can even rename it just so it makes
more sense so it's more clear. Double click and
call it Good Vibes. Enter. I hope this course
is good vibes for you. Okay, let's right click and
convert to Smart Object. Here's our smart object icon. Great, what we're going to do is we're going to
use a blending mode. Why? Because I want our
Neon to be still there, but I want the bluey background
to be more discrete. I'm going to go to normal
and I'm going to have a look this time. Multiply is not great. Okay, that's okay.
Wow. Pinlight is good. I think Pin light pink, Neon actually looks good. So what I'm going to do is I'm
going to select pin light. And then I'm going to
duplicate this layer command or control J. Amazing. Now for the bottom one, the bottom copy, I'm going
to remove the pin light. Because I want that frame back. This bluey frame, amazing, but it's a bit too opaque. I want the bluey
frame to be more transparent. What
am I going to do? I'm going to reduce
the opacity a bit, just so that it's a
little bit more discrete. And if you look now, it's a
little bit more discrete. Now, that's great, but it's
still a little bit bluey. I want to get rid of that.
It's too blue for me. So we can go to
image adjustments. Hue saturation, or the
shortcuts command or control because I want to make sure that it's not blue so I can reduce
the saturation. As you can see, it's
no longer blue. It's gray. Yeah, that looks
pretty good, doesn't it? Once you're happy with
that, you click on. Okay. Now if this didn't really
fulfill your Neon vibes, neon effect creativity,
then don't worry, because in a couple
of exercises, we'll be creating
really cool neon signs and neon effects from scratch. Just bear with me
and stay tuned. Wow, look at this. We just designed
our own interiors. Feel free to add some
more stuff and add some more pieces of art or
furniture that you like. We're not completely
done though. We're going to be adding
a console table or piece of furniture over here
with AI generative fill. Just like this, we'll be
adding a console table. Now AI can be hidden miss
every time I create something. Even though it's
the same exercise, it always comes
up with something completely unique and
completely different. Sometimes it's really bad
and sometimes like here, it's not bad, it's good. Let's see what AI will
come up with on yours. I would like us to make
sure that we select the layer of the image,
the background image. Now if we could go to the Lasso tool and select the area where we
want to add something. Click and drag. Whoa,
I'm a bit shaky, so it's a bit fiddly. No problem. Let's
just try again. I've had way too much
coffee today, I think. Great. Then what you can do is click on Generative
Fill and you can type table or bookshelf or
whatever makes sense to you. Or Console table, I think it's
called the console table. Anyway, let's type table, let's say, and hope for the
best, click on Generate. Oh, that's pretty bad. Let's click on the other
ones. Interesting. Okay, if you didn't
like any of them, you can delete the
ones you didn't like. The one that is okay, keep it and then
type generate again. Let's see what it has to offer. I'm happy with it. This is the console table, but again it's hidden miss. It might take you a few trials and errors to get
one that you like. Feel free to grab
as well a piece of table or console table
from another image. Great, now we have all of these files open and
we don't need them. You're free to go
ahead and close all of these individual files. Make sure you take this file, the one we've designed
just now, and save it. If you go to file, you can save it as a Photoshop
file and save a copy.
53. Duotone & Neon Effects: This is where we take our Photoshop skills
to the next level with creative effects such as
duotone or dual lighting. And my personal
favorite neon effects. For duotone or dual
lighting effects, we'll be using gradients
and fill layers. Then for Neon, we'll be using the effects panel or
the layer style panel. We'll be layering up a lot of effects on top of
each other together. They will create that
gorgeous neon glow. And then once we've
created that neon glow, we'll easily be able
to copy and paste that effect onto other
objects and text, which will just make
things faster and easier. And then we'll use that skill to create a gorgeous
neon party poster. Who fun? So let's do this.
54. Duotone with 1 Gradient Fill: Yes, my friends. We have now come to the last
section of the chorus, which is special effects
like dual lighting, or two lights, and neon effects. A lot of really beautiful
cool effects to enhance our images and
make it really creative. First we'll look at dual effect, which is basically
dual 22 lights. We'll take an image like this
that's already gorgeous, and convert it to a
really cool duo tone or two colored image, red and blue, and it's
easier than you think. Then we will do this again
with another image and add one of my favorite effects
in Adobe Photoshop Neon. And I'm completely
obsessed with it. The moment I learned
how to do this, I became utterly obsessed. And now I love creating neon effects and more different
types of neon effects. And lately I've noticed
that on Netflix, a lot of the movie posters
actually have neon effects. And I think it gives it an extra edge and it
looks really good, gives it an extra glow. That's what we'll be doing. We'll be learning
neon effects and then creating a party
poster like this one. You can be a graphic
designer for night life, for parties and add this
neon effect because I feel like it's really on
topic Neon and parties. Okay, great. So let's start with dual lighting,
red and blue. Make sure you open up the
dual light Neon folder, you open this image. Cool. Now, as usual, if we want, we can convert this to a
smart object to keep it safe. What we'll be using today is
a layer adjustment filter, which is a layer with an
adjustment inside of it. It gets applied to all
the layers underneath it. We need to go to this yin yang looking icon for a new
fill or layer adjustment. We're going to select
gradient because what we'll do is we'll have two colors. A gradient is when it goes
from one color to the other in a gradual way.
This is what we want. But with blue and red, go ahead and select gradient. We're going to make
a few adjustments. First of all, I
would like you to select this angle because we want the red to be on the left and we'll want
the blue on the right. Then if you can double click on the gradient and go to basics, choose the first one. This one. Now what we're going to
do is we can either keep this red or change
and add another red. If you double click
on this color, stop, click, click.
This should come up. If it didn't come up, just
click, click, click again, until it comes up and perhaps make it a
bit more bright red. Okay, now let's do the
same for the blue one, because that will be the
right side. Double click. And pick a blue that you
fancy, that's so pretty. I love this great and gorgeous. Click on okay, and
click on okay. Finally, I want us to
type ten in the scale, because that will make
it look less pretty, but more of the effect we want where it's cut in the middle. Let's click on Okay. Now the good news is because
it's a layer adjustment, we can hide it or show it. If we need to edit it,
we can just double click and go back and edit
it, which is cool. Okay, obviously our
image has disappeared. This means that we're
going to have to add a transparency or better
yet, a blending mode. Let's go ahead and
have a look at all the different
blending modes and see which one looks best. As usual, Mr. multiply
is always a favorite, but let's look at the other
ones and feel free to choose anyone that
looks good on yours. For this, I think color
looks pretty cool. But I'm going to go with
multiply, select multiply. Now, yours might
look very different, or it might not If it doesn't
look the way you want it. What you can also do is
go to the gradient tool, or then click and drag and
play with the gradient. Or you can go click and drag. But what I think clicking and dragging over a
short distance here and having the separation in the middle works
well. That's amazing. Now if you think the
light is not enough, as in the red and the
blue aren't dark enough, you can also
duplicate this layer. Remember our friendly shortcut
command or control J. Now we'll have two of these. You can go back
to the move tool. I actually, this time I
prefer just with one, but it will look
different on yours. Do whatever makes sense
and looks good on yours. Now if you're still
not happy with that, you can also change
the blending modes and add color. Wow, I love that. That looks good. I've
decided this is what I want. The first layer has the gradient and multiply
the second layer, the gradient copy has the same, but with color, it's two
different blending modes. Great. So if you're
happy with that, feel free to go to file, save ads, or save.
And there we go.
55. Duotone:2 Separate Gradients: Now, you know me, I believe
in repetition, right? Let's repeat this. Actually, I'm going to teach you
another way of doing it. It's very similar, but
it's just a second option. I want to make sure you have all the options and you
decide what looks the best. Let's go ahead and minimize, and let's do the same, but with this lovely lady. Let's open it with
Adobe Photoshop. Great. As usual, feel free to convert
it to a smart object just as a good habit to have
convert to smart object. Great, We're going to
add a gradient as well. We're going to do
this again where we add a layer adjustment
of a gradient. Go back to the In and
Yan icon looking icon and choose gradient. Now this time I
would like to try instead of doing one
gradient from red to blue, I would like us to do the red separately and then do the blue separately and just see
what that looks like. First of all, let's
change the angle. The red is only on the left. Then let's make the scale ten. Because if we do that,
it makes it more strong, it makes the middle
more to the center. You can play around with the angle to make it
more in the center. Then if you want
it, you can change the color of the gradient
by double clicking here, double or triple clicking
on the color stop. If you want, you
can change the red, or you can even make
it purple or pink. You know, I love
a good old pink. And then click on Okay, And then click on okay. Okay. There's a
lot of okay, cool. Let's make sure we add a
blending mode because obviously it's not transparent right
now and it should be. Let's go to normal and let's see and decide which
one looks best. That's actually cool,
dark multiply color burn. Now don't worry right
now about where the color appears
or hits the face. Just look at the
transparency because we can change the positioning of
the color in a bit darker. Color looks cool,
Overlay is interesting. Soft light is nice as well. This time, there's
a lot of options. Wow, this is cool. There's a lot of options and
it always looks different depending on the image you
chose on the gradient, it will never look identical. Color looks interesting for me, it's either between
color and overlay, or multiply. That is up to you. Do what makes sense for you. I'm going to go ahead and
select color for a change. Then I'm going to go
to the gradient tool. I'm going to play with
this and try and make it so that the pink hits the
face nicely in the middle. More or less like this. Yeah, I think I like this
more or less now. I might want it to
be a bit stronger, a bit more darker. I'm going to duplicate it. Command or Control J,
that looks better. Great. Now we have two
copies of that on the left. Now I want to do
exactly the same, but I want to make it
blue and then flip it. It will be on the right. Instead of having to go and
do this all over again, I'm just going to go command or control J to duplicate it. We'll have this duplication. The second one, I'm just going
to double click on this. Double click here and just
change the pink to blue. I'm going to double click here and I'm going to choose a blue. Wow, that looks cool. A blue that I like.
Okay. Okay. But this time I'm going to
change the angle, it's on the flip side. Oh, this looks cool. It looks like the French flag, I think if I'm
correct, and click on. Okay. And if you're
not happy with that, feel free to go back to the gradient tool and
have a little play. Whoops. And click and drag, and wow, I like this,
This looks good. Every time I do this, it
looks slightly different. I always have different
results, but that's okay. Once you're happy,
you can go back to the move tool, so
you get rid of that. Any gradient tool, if this
is not strong enough, the light, the color, you
can duplicate it Again. Command or control J. Look at that. We've created a dual lighting
effect, I quite like.
56. Introduction to Neon Effects: Okay, my friends, are
you ready for one of the most fun and exciting and
cool parts of this course, and that is creating neon
glow effects, non super cool. And yes, we can make it from
scratch in Adobe Photoshop. Now I've decided to do this because recently I
had a little look at Netflix and I noticed all these neon glow posters
and they look really cool. It gives it the extra
glow and extra touch. So that's what we're
going to do today. We're going to learn the
neon effect and do this. And even all sorts of elements that have neon
glows apply to them. Text, more text shapes, more shapes, really exciting. Now once we'll have
mastered the skill of neon, we'll be going the
extra mile and we're going to create our
very own party poster, just like this neon
glow poster with DJ Photoshop and DJ K
Silver. Exciting stuff. But first things first, let's get to it, let's start
our very first exercise. So it would be great if
you remain on one of the dual lighting
files that we've been working on because
when it's really dark, it works really well
with neon glow. Choose any of these, I'm
going to choose this one. Let's start by creating a
rectangle, a rounded rectangle. We're going to go to
the rectangle tool. We're going to click and
drag and draw a rectangle. Now let's make sure
the fill is none. We click on this and that
the stroke is white. Now let's increase the stroke width by highlighting this box. And pressing the upward arrow on our keyboard so that
it goes up to about, let's say, 22 pixels. Now it won't get applied until
we click somewhere else, and boom it's applied great. Now let's round the
corners by clicking, Dragging over here
from left to right. You'll start noticing the
corners here getting rounded. Now you can also use these
cute little widgets, such a cute name, these circles, to click and drag
rounded even more. Now, if you're happy
with the size, feel free to adjust it. Adjust the size, click
and drag up to you. Now the reason why the
the border is fin. It's because Fin strokes and borders and Fin text really
works well with neon. That's what we'll
do. Okay, cool. Now we're going
to start applying all kinds of effects
to this rectangle. We'll be layering up a
bunch of effects together. The collection of all
these effects will look like a neon glow
and it's super cool. We can either do this by double clicking on
the Rectangle layer. Click, click the layer
style panel will come up. Or we can click on
the effects panel. And for instance,
go to Inner Glow. And that will open up
a new panel as well. Now I'm just going
to click on Cancel and I might just squish it in. I'm on the rectangle tool so
I can still squish it in. But once we're happy
with the rectangle, make sure you go back to the
move tool just as a default. All right, let's do this. We're going to either
double click on the rectangle layer or click on Effects inner
glow. Same thing. Now, the reason I
have these changes right now is because I cheated. I'm on a previous setting. I'm just going to click
on Reset to Default, just so that everything goes
back to the default setting. Normal setting, we'll
stir with inner glow now. Inner glow will give
it a little glow on the inside. Just like this. I don't know if
you can see on the inside there's a little glow. That's what we'll
do. What we'll stir with is changing the
color, inner glow. Let's double click over
here and make it pink. Obviously, I love pink. Click and drag over
here and choose a pink. If you click on the utmost
right corner over here, it will give it a
really bright pink, which is what we want. Click on. Okay, now we're going to
change the blending mode. Because right now
it's on screen now there's all kinds of blending modes that I've played with. And I've tested just
from experience, just from playing around. I figured out that hard light is pretty good for inner glow. For the Glenda inside. Now if you can't see anything, just make sure preview is
ticked on so we can see. But also you might
not see anything because there's a few
changes we need to make. For instance, we need to
increase the opacity. Now you might see a tiny, winy detail here, maybe not. Then we might need to resize it. If you look at size, you can
make it a little bit bigger. You might start to
notice it here, cool. You can also change the range, which is so subtle. But if it's on the
left, it's very pink. If it's on the right, it
becomes a bit more subtle. I think somewhere in the
middle would be good. Now obviously, you might not have the exact
same settings as me, because your shape might
be smaller or bigger. The width of the stroke
might be smaller or bigger. There's so many factors that will make it that yours
will look different. Do whatever you think looks
right and looks good. You be the designer
and a crater. I'm just showing you the
tool kit and the skills so that you can play and
become an amazing designer. Okay, amazing. Now feel free to apply all these settings
or change them up to you. But now we're going to
move on to the next one, which is outer glow. Click. Obviously I have a previous settings
applied to it, so I'm cheating a little bit. Let's click on Reset to Default, just so we're all starting
fresh from the same spot. Okay, let's start by changing
the color so it's pink. You can go slide up and
down and then go to the utmost top right corner to make it like a bright pink. And click on, Okay, you'll see a little
preview over here. Now let's change
the blending mode. I've also figured out, after playing and trying and testing all these
blending modes, that linear dodge
is pretty good. Let's select linear dodge. Now, obviously we might
not see any changes. Let's just increase the opacity, and we still won't
see any changes. That's because the
size currently is two. Let's increase the size. Wow, Hello, neon glow. Feel free to resize it,
so it's really big. The glow or a lot smaller. You be the judge
and the designer. That is so pretty. Now we can also play
with the range. If we increase the range,
it will be more subtle. If we decrease who, it's too obvious we
can go in the center is to make it semi glow, honestly as it is. I'm already happy with it. Think it looks perfect as it is. But we're going to
apply other factors. I also want to show you
that if you click on Contour and you click here
and you push it up and down, you can also play
with how that looks. That's a second option, but I'm just going to click on Cancel because I like the way it looks is okay. Now I might want it
to go a bit brighter. That's what we're
going to do next. Just so you know,
when you see a plus next to a word or an effect, it means that you
have the possibility to duplicate that effect. To copy that effect. Sadly, we don't have
that option for glow, For outer glow, We're going
to, we're going to fake it. We make it and add a fake
outer glow using drop shadow. If we could tick drop
shadow, that's really cool. It's an old defect, But let's reset to default. The default settings of drop shadow is
black and multiply. But we're going to change
that because I want our neon pink to be
a bit more poppy. Let's choose another pink. Again, double kick here. Click on a pink, slide it up and down. Click on Pink. Click on, Okay. Let's start adjusting. First of all, the blend mode
is going to be linear dodge. That's because we're
going to try and add all the effects
that we added here in this outer glow we're
going to try and add here. You can increase the
opacity or decrease it, but obviously we won't see anything until
we adjust the size. Let's click and drag
and start adjusting the size. That's cool. Maybe make the size
a lot bigger and the spread that's too much. Obviously, you're a designer, hopefully, at any point, if you think you
have an option that looks better than the
option that I'm choosing, go for it, honestly. Okay, these are the settings that I've decided to go with. Feel free to copy them or
feel free to do your own. Okay, cool. Now,
last but not least, we're going to add an actual
shadow, the black one. The one that comes from light
or the absence of light. What we're going to do is
duplicate this effect. We're going to go to the
plus here and click. But we're going to change
all the effects entirely by going to reset
default, or default. Let's start playing
with the shadow. First of all, we can increase the opacity to make it more
so we can see it better. We can play with the
distance. Here's the shadow. I don't know if you can see, but obviously that was too much. We can also play with the angle. If you have global light ticked, it means that when
you change the angle, it gets applied to
all the effects. But if you untick global light, then you're just
changing the angle of this particular
drop shadow effect. Anyway, you feel
free to play with the angle to decide where you
want the drop shadow to be. I'm going to reduce
the distance. We can add spreads,
change of size. It's very subtle. The shadow is very
subtle over here. Now if you can't even
see it and you're like, well what did we just do? You can temporarily hide the
effect here by untaking it. Show, it's very subtle, but you can see it over
here. Hide and show. I might reduce the opacity
just a little bit. Just so it's softer.
Yeah, amazing. Click on. Okay, and
there is our effect. Our first neon effect. Now you can go back to the rectangle tool and feel free to adjust
your rectangle. And you'll see that if
you make it smaller, for instance, the effect
will change a bit. That's cool, I love that
it's still adjustable. You can always adjust
the rectangle. Go back to the move tool once you're happy with the rectangle. Wow, I love this effect.
57. Copy&Paste Neon Effects for Text: Okay, so what we'll do
now is we're going to add some text
instead of having to reapply all these effects
and spending ages on it because it's a little bit time consuming,
let's be honest. We're going to copy
all these effects and then paste them onto the
text, which is super cool. Now, just so you
know, you'll see all the effects we've
just created listed here. You can temporarily
hide some effects, hide the outer glow, hide the drop shadow, et cetera. You can hide all of
them which is awesome. And you can also copy them, which will be called
copy layer style. And paste them onto something else. That's
what we'll be doing. We'll be adding
lots of stuff and then just pasting all
these effects onto them. We'll just make everything
a lot faster and easier. I love a good old shortcut. I like cutting corners,
no pun intended. Anyway, let's go to the
horizontal type tool, because we're going to click and drag and create
a text frame. Let's click and drag and create a large text frame because
we might have a big text. Delete the lorem ipsum
or placeholder text, and just type Neon in all caps. Now highlight your Neon. What's great is the
contextual tab just gave us a few really cool
shortcuts over here. First of all, you
can change the font. You can change the font
size and the color. Make sure the color is white. We'll be using white text. Now, if you can highlight this, you'll be able to change a fund. But it's a little bit weird, it's hard to choose a fund here. You can also go over here and
change the fund from here. Now just from experience, I know that there's a few funds that look really good with Neon. The one I'll be using in this particular exercise
is called act as. But just because it looks really cool, if
you don't have it, feel free to try and find
it in websites like Dafont, Google Font, Font, Squirrel, and of course, Adobe fonts. Otherwise, try and use a
really thin font like Acumen. Pro can also work because it's because Neon works
quite good with thin fonts. Even Calibri does a good job. A is gorgeous. But anyway, I'll be using a bat. Now, I'm going to go
here in the font size, I'm going to press
the upward arrow on my keyboard and
make it bigger. It's a bit slow, so
I'm going to hold the shift key and press the upward arrow on my
keyboard at the same time. So it goes a bit faster
until it's about, I guess like this,
about 677 points. Well, that specific. It doesn't
have to be that specific, but yeah, pretty much great. Now, once you're
happy with the text and make sure it's white,
go to the move tool. As a default, you always want to go back
to the move tool, especially when we're
doing a lot of stuff here. Then you can click and
drag and move it around. That looks nice,
that looks nice. We might have to resize our rectangle again,
but no harm done. Let's select our
rectangle layer. Go to the rectangle tool
and just make it a tiny bit bigger because it's a bit
too squished in, isn't it? Maybe a tiny bit bigger here. And click away, Gorgeous. Now for the fun part,
well, it's all fun. But a fun part is
we're going to copy the effects from the rectangle and paste it onto the text. We're going to go to
the rectangle layer. This is the rectangle layer. Right click and
copy layer style. Now we're going to select
the Neon or the text, make sure it's selected. Now we're going to click
paste layer style. Whoa, that was super
easy and super cool. And now we've just created our first Neon sign. I love it.
58. Layer Mask / Hide Rectangle part: Now we're going to make a
few adjustments in a bit, but for now I would like to show you what
we're going to do next. Cut a little piece in
our rectangle not cut, but we're going to hide or mask it because we're
going to want to add more texts in
Adobe Photoshop. We never cut or delete anything, we hide mask it, which means that we can
always get it back. If we wanted to
feel free to adjust the rectangle again to
make it the size you want. Okay, now let's go to
the rectangle layer. We're going to go
to the lasso tool, which is a selection tool
that we've used before. I want us to draw a
little piece here, a little piece of area that
we want to get rid of, that we want to hide. Better said, because this
is where we'll place another neon word now because we've selected this
part and not the rest. If we go on the layer mask icon, which is the icon that
looks like the Japan flag. If I click on that, it
will hide the rest, which is what I don't want. Let's undo Common
Control. There we go. If I click on this one, which is Select Invert, now the rest is
selected and this is the only piece
that is not selected. If I now click on the
Japan flag or this icon, bye bye little piece of neon, it will have automatically
create a layer mask. And you'll see white and
black in Adobe language. White means show, reveal,
black means hide. Let me show you
in terms of mask. If I hold down the
alter option key and I click on this layer mask, I will see the black here
and the white all around. Let's say I want it to hide
more of that neon sign. I would have to go over with
a black brush, for instance, and make it black so that we remove another bit
of the rectangle. We might do that now actually
we're going to go to the brush tool and make sure you select the
layer mask thumbnail. And make sure you select
the default colors here. And then swap them over
so that it's black. Because we want to get rid
of a part of the mask. We're going to click and drag and remove a part of the mask. How cool is that even here? Remove a big chunk,
That's just awesome. You learn the finger two here. Now go back to the
move tool. Great. Now let's add another
piece of text. Let's go to the type tool, horizontal type and click and
drag a piece of text type. If it's too big,
make the frame big. Click and drag
Commander control A, which will select
your whole text. Just make sure it's white. Click here and make it white. It's white when you have
255 here in all three. That's how you
know it's white in the utmost left corner,
top left corner. Now click on. Okay,
now it's way too big. I want to do it about halfway, about half the size
as the other words. I'm going to make sure
it's selected and then go this time with
the downwards arrow on my keyboards and shift at the same time until
it's about halfway. Actually, I think that
looks pretty good. I'm going to go back
to the move tool, because this time I
want to move the text. I'm going to pop it here. It's going to fit
nicely, doesn't it? Now, if it doesn't, feel free to make this bigger, no problem. Okay, starting to look
really cool. I'm excited. Remember when we
copy the layer style the effect from the rectangle and we pasted it on the text, it's still copied somewhere. But if it's not,
feel free to select the rectangle and right
click and copy layer style. Okay, now let's go
to Go the Word Go, right click and
paste layer style. And them we have another element to our
neon collection. Cool.
59. Adding More Neon Colors: Now. It will look a
little bit different to the other pieces because it's smaller whenever things are different, smaller, less wide. Another font, every change will make that the
effects look different. We might have to adapt and change the effects
so they look better. But also I want to make
it yellow, not pink. Let's go ahead and
edit each of these. Each of these effects are editable now because
they're all listed here. Let's double click on inner
Glow and start with that. First of all, inner glow, let's change the
color to yellow. Let's try and find
a yellowy color. Click on, Okay, we might
make some changes in a bit, like we can reduce the choke, perhaps make the size bigger, perhaps change the range, maybe make it more opaque. Now let's go to the next
part, the outer glow. Let's double click
here and again give it the R and G yellowy color because we want a golden
glow. Click on. Okay. And perhaps increase the range. Yes, don't worry. I know the neon
glow disappeared, but we're going to
be adding this in the next one, don't you worry. Let's go now to drop
shadow as well. Change the color
to a golden glow. And click on Okay, We're going to
increase the opacity. Wow, beautiful,
That is gorgeous. I love this very non
perfect obviously. Feel free to change
all the settings at any time because you might
have a better eye than I do. You might be a better
designer than I am. I'm just teaching
you the skills. Do what is best for your design. Once we're, I'm happy with
this, we can click on. Okay. And voila, we have three
neon items that and that. Cool. Now we're not done just yet. I want to show you how
we can tweak some bits and I want this neon
sign to be blue. Actually, I changed my mind. That's allowed thanks to the
fact that it's listed here. We can edit these. Let's select Neon. Let's start with inner glow. Let's just make all
the colors blue. Hello, blue. Okay, let's
select Outer Glow. Double click here,
and select Blue. Wow, that's amazing. Okay, And then drop shadow, double click and select blue. And maybe even a light
blue if you want. You can play around with
it and see in actual time, in real time, how it looks like. If it looks better in a
certain way, go for it. There's no rules, there's
no right way of doing it. It's basically
trial and error and personal preference.
But I love this. I think it looks awesome. I'm going to click on Okay. And click on Okay. And wow, so cool. Okay, I want to add a few
more shapes and effects. Let's go to the ellipse tool. Shall we now to draw a circle? Let's say we need to click and hold down the shift key
for a perfect circle. Cool, Now let's remove the fill. Let's choose a
white stroke again. Again, like I said before, thin stroke or fin borders and fin text works really
well with neon. Let's stick to that. Let's
stick to a thin one. Let's see, maybe ten. Select this box and press the upward arrow
on your keyboard. Then click in another box
so that it gets applied. And then go to the move tool. All right, this time
I might want to take the yellow effect. I'm going to make sure
I'm on the move tool. Click on the Go and copy the effects from this
one copy layer style. Then I'm going to select
the circle or the lips. And make sure the lips
layer is selected. Right, click and
paste layer style. To paste my lovely
yellow and wow, that looks like a
halo, Beyonce song. Okay, let's add some text, maybe some more text. Let's go to the type
tool and click and drag another text frame type glow, oops, commander
control A to make sure it selects the whole
text and delete. And now type glow in all caps. Again, we're going to go to
the right click and paste layer style and it's going
to make it glow amazing. Now I want to show you that it looks really good
with another font. Select your text, now go over here and try
it with other fonts. Every time you change the font, you're going to have to change
and adjust the effects, because every font
looks different. Let's try Aria.
Wow, that is cool. A plus for area. I really enjoyed this.
It's really nice. But let's just undo, because to be honest, it's nice. But I do prefer the
original font I chose. Okay, now the last thing, before we move on to an actual
real exercise about Neon, I want to show you the
custom shape tool. If you go to the shape tool and you select the
custom shape tool, if you click over here, you should see a few folders. Now your Photoshop might
be different to mine, so you might not
have access to D's, you might have different ones. But I want you to
choose a special shape, any shape that you
think looks good. I'm going to go for a tree, A bit of oxygen, bit of green, good for the mental health. I'm going to draw it. If you hold on the shift
key and click and drag, it will keep the original shape. Again, we're going to remove the fill and make
the stroke white, because Neon works
really good with white stroke and white text. Now we're going to
select this box. And press the upward
arrow on our keyboard, so that it goes up. Now click away. Now go to the move tool. Okay, now let's copy
the blue effect. I'm filling some more blue. So make sure you click on the neon sign and that
you're on the move tool. Make sure that layer
is selected and right click copy layer style. We're copying all these
effects from the blue. Now try and select the tree, and it might be difficult
because it's very thin. Make sure you select the
layer minus an olive tree. It will be called olive tree, I know now it's selected. Then I'm going to click
and paste layer style. Wow, that's cool. Yeah, we've added
the same effect to different elements
to text, two shapes. I even added a yes in another
time, in another recording. Isn't this amazing? I am completely obsessed with
this tool, really love it. I hope you do too. And let's practice it and
repeat all these skills in a new exercise
neon party poster.
60. Neon Party Poster: Blur Background & Color: Okay, my friends,
are you ready for the final big exercise
of this course, of this Adobe Photoshop
mastering class? So we get to apply all the
recently acquired skills that we learned about neon
masking bits of the neon, adding neon to text
copying layer styles. And we'll also add
a little extra, adding a picture of a wall of a brick wall and then adding
some effects and some blurs. Yeah, the thing is once
you've covered one effect, it goes much faster after
that because then you can just paste the effect
on the other parts. Yeah, you should have a
folder called Neon Poster. Double click on that, expand
the zip file into a folder. You should have a
pre prepared PSD or Adobe Photoshop file. Now, you should also have
in that folder brick walls. We'll be using
this specifically, but feel free to use the other
ones that I've taken from unsplash or even plants as a background. That
could be really cool. Let's go ahead and go
to the Neon poster. Let's get started. It isn't a party without
some Neon, is it? To be honest, I left
two versions of it because I couldn't decide
which one I liked more. You decide which one you prefer because we're
going to recreate this. Actually, I've just decided
this one because it's closer to the other artboard
that we'll be working with. Great. The first thing
we'll start with is actually a replacing
the brick wall. Make sure you're on the copy me artboard and you
have that selected over here and that you're
on the move tool. Great. Now let's go file place embedded and try and find
that folder somewhere. The folder, the neon
poster folder, brick wall. This image by Anastas Magos. I hope I pronounce that well, an artist from unsplash
click on place. Now we can click and drag
and try and resize it. Obviously, it will
not look identical to the original one I created
because we're human. And every time we change, it's never exactly the
same unless we're robot. Cool, more or less. And once we're happy, we press Enter. Cool. Now obviously the
colors are different, so we're going to
change the colors. And we can do that by
selecting the layer and go to image
adjustments, my friend hue. And the shortcut is
Commander Control. Then I can just change
how love these, these are all gorgeous. I might even prefer
the green wall to be completely honest. But no, let's go
for a bluey wall. The same blue, the
same blue hue, more or less like this, I believe, more or less. If we want, we can reduce
the saturation a tiny bit and perhaps make
it a bit darker by reducing the lightness or not, it's really difficult to get exactly the same
color severe with me. Okay, I think
that's about right. Now, once we click on, okay, the smart filter or the hue saturation
will be applied here. Now we're going to add one final filter to this background. We're going to go literally to filter blur, Gaussian blur. We're going to add
a tiny bit of blur. This is too much and
this is too little. Just a little bit of blur. I quite like to add blur to backgrounds because when
backgrounds are blurred, whatever we put in front, like text, stands out more. I quite like to blur
backgrounds in general because whatever or elements we add
in front will stand out. Click on Okay, and there we
have a little blur actually, that's not even
the blur I wanted. I'm going to go to Filter
blur gallery and actually select the iris blur which I covered in
my beginner's claw. If we move this
circle and resize it, make it smaller here, it will blur whatever is on
the outside of the circle. Whatever is on the
inside remains blurred. Just a tiny bit, not too much. Just so it makes the edges a bit more and the center
more stand out. Then once we're done,
we click on Enter. There we go. It's
a subtle effect.
61. Neon Poster: Neon Rectangle: Oki Doki. Now let's
talk about Neon. We're going to do
what we did before, where we create this beautiful
rectangular neon sign and we hide a little bit. It's great because we get to practice the skills
we've just learned. And I love that. That's
how you learn best, I think personally, right. So whenever I copy something
in Photoshop or in Design, I always make sure
I have my rulers. And to do that we click on Commander Control R and
we'll see these rulers. Such a hard word to pronounce. And then I make sure
I'm on the move tool and then I start
clicking and dragging, and adding guides wherever
something starts. Because that will help me align things again here and there, and basically everywhere
where we add something. Yeah, but for now we can
start with the rectangle. Let's go to the rectangle tool. We can either draw it here, or sometimes what I like
to do is draw on the existing one by
clicking and dragging. I have the exact same size. Now remember the
fill has to be no, fill the stroke wide. Let's see which width of the rectangle will work if we press the upward arrow
on our keyboard. In this box, the
value will go up. Now click away. I
think that's too much. So we might press a downward
arrow and just decrease it by just a little
bit, maybe even more. Because remember, I
think it looks really good when it's quite thin. Now we can round
the corners here, or round the corners
over here using the cute little widgets.
Click and drag. And if we need to adjust it, we can click and
drag. Click and drag. That's not too bad, is it? Once we're happy, we can go to the move tool and then we
can just click and drag. Try and select it somehow
from the edges and pop it in place. Perfect. Now we have the shape
of the rectangle. Let's start adding the
non, the best part. Remember we start
by adding effects. We can either go here in
Effects or double click on this rectangle layer and the layer style
panel will come up. And I'm just going to pop this here just so we
can actually see, or actually I'll pop
this here so we can see the panel as well
as the neon sign. Okay, let's start
with inner glow. I love starting with inner glow. It's possible that
you might still have the pink
settings from before, but if you don't, let's start applying all these
settings again. Because repetition is great for our brain and it's
great for learning. Make sure you select hard light because for inner glow,
that's the one we want. Let's make this color pink. Double click and make it
pink. Click on, Okay. Obviously from here you
can see it's too much, so we're going to
have to adjust it. Let's start with the
choke and the size. If we reduce the size, it should start to
look a little bit better. Not too much. Maybe about ten pixels,
maybe a bit more. Actually, if we increase the choke and we
make it smaller, I think that looks pretty good. Then we increase
the range a bit, it will be subtle. It's very hard to
see the inner glow. It's very subtle. Make sure that it
looks good on yours. You're a designer now. I trust that you can choose your own settings or follow me. Okay, Now that
we're more or less happy with this inner glow, let's select outer glow.
Whoa, that's cool. But let's reset to default just so that we get to practice
this from scratch. No cheating for outer glow, linear dodge is the one we want. I think over time
as you practice, you'll start remembering
which to use. Let's make this
pink double click and choose a very bright pink. Okay, we might not see anything. Let's increase the opacity. We still might not see anything. Let's increase the size
and hello, gorgeous. About 38, I think. Looks good. Now, let's increase the range just to
make it more subtle. Remember, if you
decrease the r sub, if you increase the range, it makes it more subtle. Okay, Now don't worry, we can go back to outer glow afterwards and adjust
it if we're non happy. And perhaps we'll need to change the colors and adjust
the colors a bit. Anyway, let's try and fake the
outer glow in drop shadow. Because remember we need
a second outer glow, but we don't have one. There's no plus, we're going to fake outer glow, Drop shadow. Click on drop shadow and
whoa, that's really cool. It's like a blue pinky effect,
but we don't want that. Let's just click on
Reset to default. We get to practice this
from scratch again. First of all, let's double click here and try and select a pink. By the way, if you are tired of always trying
to find a pink, you can actually add to swatches and then select that same pink that you chose. Okay? And once you're happy,
you click on okay. Remember the blend mode for the outer glow should
be linear dodge. It just works really well. Let's select linear dodge. Again, we can't see anything. Let's increase the size. And hello non. We can even increase the opacity a little bit if we need to. Can increase the spread as
well. So it's more pop. There's no right or wrong. This also looks really good
when it's really bright. It also looks really good
when it's less bright. There's no right or wrong. Just make sure you
like how yours looks. Now, I'm not super
happy with this. I don't think it
looks similar enough. We're going to go back
to outer glow and tweak that it looks a
little bit more similar. You can change a color, maybe make it a bit
red. There we go. I think it needed to be
a little bit more red. I think we might need to make the size a little bit smaller. I think that would
help. There we go. It looks a little bit
more similar to this one. Again, it's always trial
and error and adjusting, and because we're not robot, every time we design and tweak something, it
looks different. But that's just the way it is. That's okay. I'm
totally okay with that. If we go now to drop shadow, we might still have an existing drop shadow that
we added before. If you do select that, if you don't just
click on the plus, make sure it's black. Make sure it says multiply, because shadows work
well with multiply. Now we might change
the distance. We might change the size
and make it smaller. See you can see the edge albin, make it a tiny bit bigger, perhaps a bit darker, maybe change a distance. It's a bit lower. Yeah, Starting to look a bit more like it's standing on the
wall, doesn't it? Again, it's not
exactly the same, but it's not too bad,
quite like this. The great thing is
we can always adjust it later on or whenever
we want, no problem. If we're happy, we click on. Okay, there is our neon glow, which is actually
brighter than the original one, totally fine. But if you're like, oh
well it is too bright, then you can select
the rectangle again. I think it's the
second drop shadow, the problem, the culprit. Double click on the drop shadow. Perhaps reduce opacity
a bit. There we go. And perhaps reduce the
spread a tiny bit as well. And the size,
basically everything. Reduce just a tiny bit. Once you're happy, click on. Okay. And I think that's
a little bit better. Great. Now if you hate those guides and you want to see what it looks
like without it, make sure you're on the
move tool, click away. Then over here in
the property spanel, you should see
rulers than guides. Now take the guides and
it should disappear. You can see how it looks
like now without the guides, that looks pretty cool.
62. Adding Neon to Text: Great, what we're
going to do now is we're going to hide the little piece
here, where the y is. We're going to select
our rectangle. We're going to go
to the lasso tool, we're going to select
this piece here. Click and drag is
here is, I think. Now remember this is selected
if we add a layer mask. Now if we and get rid of that, it will mask the
rest and show this. If we select on the
layer mask right now, it will do what we don't want, it will show this
and hide the rest. I'm just going to undo. Instead, I'm going to
have to invert selection, so that it selects the rest and not this piece,
invert selection. Now I can click on the
layer mask icon and bam, there is the piece that
I needed to get rid of. Now let's go back to the
Move tool and voila, Okay, let's start adding
the Neon, shall we? Now, the Neon text
is bebas New Bowl. That's the font I used. Feel free to use any font
that makes sense to you, but this is the fund
that I've used here. If you want to
download this fund, I believe it's available
on Adobe Fonts. If it's not, check out a fund. Google Fonts and font Squirrel. Anyway, enough talking
and let's get to work. So we're going to go to
the horizontal type tool. We're going to click and drag a little text frame over here. Press delete to get rid
of the paste holder. Lorem ipsum text,
start typing Neon. We might be cheating, meaning the font might already
be there the way we want. If that's the case or not, just make sure you select it
and you choose bebas new, then the font size should
be around 77 pixels. I just know that because
obviously I created this vola for now. Now go to the selection
tool, and that should be it. Anyway, we can start by
adding the neon effect. Let's go for it. Make sure
you're on the neon font layer, just like before, we
can either double click here or click on the
effects panel. Same thing. Let's double click
and let's start adding our non to our text. Now you might be like, well, why am I not copying the
neon effects from there? Well, you can. Let's
see how it looks like. If we go to the move tool and
we select this rectangle, make sure it's selected the rectangle, the
rectangle layer. And then we right click
and copy layer style. Then we select Neon. Right click the neon text
and paste layer style. Let's see what that looks like. Actually, that
looks pretty good. That looks pretty good. I'm
pretty happy with that. The only thing I want to change is the white in the middle. To do this, I can
again double click on the non double click
on the effects panel. And I can change a
blending mode to multiply. That will get rid of the
white in the middle. It's a blending mode. Now let's start adjusting
the rest, shall we? Because it's not perfect. We're going to
select inner glow. And we're going to increase
the opacity all the way, it's more out there. But let's double
click on the color. And this time go
for light pink or even a white pink like
between white and pink, because I think that looks good and that's what it is here. And click on. Okay, now this might be a little
bit wider than that. We want to increase the size
of a tiny bit, not too much. Play with the increase The choke may be a
tiny bit about here. Yeah, starting to look good. Let's select the outer glow. Now I've played around with a few settings and notice that screen looked pretty good. But again, feel free to choose
any effect you find good. I'm going to increase the size, increase the spread a tiny bit, and increase the
range or decrease, actually, actually that
looks pretty good. Now the color is a
little bit wrong. I'm going to make the
color a bit darker, a little bit more purply. I'm going to double
click in the color and make it a tiny
bit more purple. Okay, there we go. Click on Okay.
Once you're happy. Now, I cheated in this one. I thought it looked a
little bit less powerful. Less strong. I actually duplicated the sign.
I selected Neon. I duplicated the
Commander control J. Now it looks a
little bit stronger. Now if it's strong, you can also reduce the opacity on the second one a tiny bit. There we go, there's
our Neon sign.
63. Blue Neon Sign: Let's move on to the party sign. Then we'll just do
one of the pieces of text and then you'll be able to copy and paste it
all over the shop, and then just adjust the colors. Let's go to the type
tool, horizontal type. Let's click and drag
and type Party. Now let's change a font, even though it looks also
good with this font. Let's highlight the party text. I'm going to give you a font
that I think is really cool. It's called Pacifico,
it looks pretty cool. It looks like a bit
like handwritten. Adjust the text frame accordingly by
clicking and dragging. And I'm just going
to make the caps, just the click and drag. You might notice
that I've played around with this because
it looks very different. I've distorted it,
I've changed it. It looks a bit more like here. One thing I did is
I highlighted it. And I made the horizontal scale. The vertical scale bigger. I made it 120% And
what it does is, as you can see, it's squishing
or elongating the text. That's good. Now the fun
needs to be smaller. Specifically 61, we
can reduce it to 61. Great, I think we're there. Great, perfect. Now, because the neon
sign looks good, we can copy this and
paste it onto here. Now remember that to get rid
of the white in the middle, we added a blending mode. I just want to show you if I double click on
the original one. I go to blending options,
you'll see multiply. If I go back to normal,
you'll see normal, which is also cool by the way, but multiply is the one we used. Yeah, just bear that in mind. Now we can copy these
layer style effects. Copy from the Neon, then select the party layer, and then right click
and paste layer style. Wow, that looks cool. That's really cool actually. Now let's change
it to blue though, Even though I love pink, let's add some extra color. Let's double click on inner glow and instead of a light pink, let's make it a blue pink. All we have to do is slide this up and down until
it's more blue. About here is okay. Maybe increase the range
a tiny bit and play with the choke a little bit,
just so it looks good. Use your artistic
creativity and judgment to decide how good it looks and what options
you're changing. Now let's change outer
glow and make it blue. We're going to double click here and we're going
to try and find the blue sky blue, more
or less like this. And click on Okay. Again, we can always change it. If it doesn't look
good, no problem. We might change the range a
bit so it looks different. Change of spread.
You get to play with all these elements
to see what works best. Now, it might look weird because a drop
shadow is still red. Let's double click on the drop shadow and change the color of the
red to a blue color. We're going to double click
here and choose a blue color. And there we go. You can see
it looks better, doesn't it? Much better. Click on. Okay, actually I think
that looks great. We might just need to go
back to the inner shadow. Inner glow change choke, maybe add choke, maybe make
it a little bit more lighter. Yeah, as you can tell,
it can be difficult to recreate the exact same
options we created. I created in the original but I think it looks pretty
good, so click on. Okay. Once you're
happy and voila, we created the non sign.
64. Copy & Paste Neon Effects: Okay, now let's go ahead and
start typing this stuff. Kate Silver, Adobe Photoshop, or preferably type your name. Let's start by going
to the type tool. We're going to add
a text frame here. We're going to need to
adjust some things. First of all,
commander control a to select all, then press Delete. Delete all the texts. We don't need it now, the font is specifico, which is not what we need. Now we need bebas new. If we can type
bebas new regular, I believe the font
needs to be 24. Now you can type your name or whatever you
think is correct. Actually, I think the font
should be a bit smaller. Once you're done with the
text, go to the move tool. Now feel free to click and
drag in the rulers and add an additional guide here so we know where
to place our text. And then click, and then
you can move it down. Great, now I don't want
to have to redo the text, so I'm going to duplicate it. I'm going to go alter option and drag and duplicate
it over here. I have two text frames. Now if I double click or
if I go to the type tool, I'll be able to edit the
content and I can type Adobe Photoshop and
go to the move tool. I move this there,
move this there. I'm going to do what
we did right now, exactly the same, but
all over the shop. I'm going to each time duplicate a text layer
that we created. Duplicate one here. Afterwards, we'll be copying
and pasting all the effects. Make sure you're
on the move tool and select Key
Silver, or your name. And click and drag. Make sure you're
on the move tool. Click, hold down the
alter option key until you see the black
and white cursor, and then click and drag. Don't worry, we'll be
changing the content. I'll do the same for here. One more time for
the Adobe Photoshop. We're going to
duplicate it here. We're going to Olen
Dragon. Duplicate it here. Now let's start editing the fonts and
changing them first. Adobe Photoshop, double click. Change the words, Adobe to J, J Photoshop. Now resize this. Highlight your font, your text, and press the upward arrow on your keyboard
to make it bigger. This one is already completed. Moving on to this text, double click and type 27. Enter. Return June. Whoops, my text disappears. So I'm just going to
click and drag and make the frame bigger. If my text is really wide, well, there's a big space, I
just highlight both. Just make sure that here the leading is auto and
that should fix it. Great. Getting there. Now double click
here and type design a poster if it's too big. Again, highlight this and
make the font smaller. And then go to the move tool and then hold down the alter option key and click and drag. Then you feel free to
write my substack website, which is my newsletter, or write your own click and drag Kate Silver substack.com Then one final text
piece of text. Make sure you go back to
the move tool, pop 27, June here and then hold on the alter option key and
duplicate it on this side. Now I'm doing this more
or less by eye now, just because I'm explaining
and doing at the same time, sometimes things are
a bit out of whack. We'll be adjusting this a
little bit better later. Great. Now what we're going to do is we're going to
be lazy and we're going to copy the
effects that we took from either this text or
that or the rectangle. Let's see what will work better. Let's try and select
the neon sign, right click and
copy layer style. We're copying all
these effects and see, I don't know yet how it's
going to look like. Let's see. Then we can select Kate
Silver or your name, right click and
paste layer style. But that actually looks
pretty good, doesn't it? But we might need to
make some adjustments. We're going to select it
and make some adjustments. Double click, and let's
start making the adjustment. First of all, go to
blending options. Let's get rid of this multiply C. Once we get rid of
multiply and we go to normal, it's no longer weird and
transparent in the middle. Great. Now let's
go to inner glow. We might need to
increase the inner glow, even make it pink that there's a little
edge. Make it pink. Click on. Okay. And actually make us choke in a
size smaller because that was way too
big. Very small. Just a tiny bit. Then play with the range that's starting to look very
similar, doesn't it? Obviously, it will never look exactly the same,
like I said before. Yeah. Make necessary
adjustments. I believe you can do it. Try and make it the same as much as you can. Then click on. Okay. And look, we have
some glowy neon text now. We're going to
copy this effects. Right click, copy layer style. And we're going to add it to the silver sub, your website. Right click and
paste layer style. Boom. And you'll see
that slowly, slowly, we're just going to
be copying stuff and paste them all
over the shop, which will be really easy. Now select the party
layer because it's blue. I want to paste it there. I'm going to copy that copy layer style and
select Adobe Photoshop, right click and
paste layer style. That looks not bad. The only thing is I'm going
to get rid of multiply. Remember, so we get the
white in the middle. Double click blending options, blend mode, and select normal. And you'll see the
text being more white. Let's go to inner glow and perhaps make the choke smaller, the size smaller,
and even the range. Once you're happy you
copy this effect, right click, copy layer style. Click on the neon poster, one right click and
paste layer style. Essentially you create
one neon effect once and then you continue copying and pasting it in other spots. Also, the last thing
is 27th of June, we're going to paste a
layer style one last time. Then we're just going to
change everything to orange. Select 27 of June,
paste layer style. Let's change it to orange. Double click on inner glow. Let's pop it here so
we can see her 27. Let's start with outer glow. Double click on the blue and
just choose an orange color. Just slide it down so it's orange and you
can already see. Okay. Do the same
for drop shadow. Drop shadow, Double
click on the blue and slide it down until
you see an orange. And voila, it's
orange. Click on. Okay. And there we go. Cool. Might be a little bit more yellow than orange,
but that's cool. Now you can select 27 June. Copy the layer style from here. Copy all these effects, then select 27 June. Always make sure you're
on the move tool. Right click and
paste layer style. And voila, We created a neon poster and we didn't
have to do too much, we just copied the effects over and over and over
again and made it. I hope you enjoy this. If you wanted to
export this as a Jpeg, let's say, then select the
artboard you want to export. Then you go file artboards
to files over here. You can choose where
to export it to. How it's going to be called
export selected artboards, which means it's only
this artboard that will be exported,
not the others. That's why we had
to select it first. Then you can choose here if you want to save it as a Jpeg, as a Photoshop file, PSD or PDF, and the quality going to
use the high quality. Click on Run and our
Artboard will be saved. I just can't remember
where I saved it to, which is always my issue. Remember where you saved
it to and open it and congratulations on
completing this course and completing all
the exercises. I'm super proud of you,
I hope you enjoyed this.
65. Congrats my friends! What's Next?: Congrats my friends
on completing this mastering Adobe
Photoshop clause. I'm super proud of you. I hope you're proud of
yourself because you will have completed many projects and hopefully have learned
a lot of skills. So your feedback
means a lot to me. I really love hearing from my students and
connecting with them. So please consider
leaving a cluster of you. It would really help me now
for further connections, feel free to follow me on Skillshare and for even
further connections. Feel free to subscribe to my newsletter control and shift. And yes, the pun is
intended because gotta learn those shortcuts it Silver.sobtag.com Now I really believe that Adobe
software is like language. To master a language
practice is essential. Please practice,
practice, practice. And feel free to check out my beginner's
clause because there's lots of exercises available
there for specific tools. As always, it's been
an absolute pleasure teaching you guys
and see you soon.