Hi, this is Gary with MacMost.com. Today let me
teach you how to create a shortcut that adds a watermark to an image.
MacMost is brought to you thanks to a great group of more than 1000 supporters.
Go to MacMost.com/patreon. There you can read more about the Patreon Campaign.
Join us and get exclusive content and course discounts.
So I'm going to show you how to use the Shortcuts App in macOS Monterey
to allow you to take an image and apply a watermark to an overlay image that will
appear in a corner. While that may seem like the real goal here the actual goal
is for me to teach you how to do some things in the Shortcut's App.
We're going to look at each action as we add it and why we're adding it and what it does.
So first we're going to start off in a completely different app because we need to make
a watermark. So I'm going to start off here in Pixelmator Pro but you can use any image
editing app you want or grab a graphic off the internet. I'm going to create
a small little graphic. Let's make it 200 pixels wide by 50 pixels high. Create it
and then I'm going to use this as the watermark. I'll add some text in here to make it fit into
the space here and then let's add a shape like a little start and then I'll make that
fit in as well. Then I'll delete the background layer so this is a transparent image here. This
is what we're going to use as our watermark. Okay. So now I'm going to export this in a format that
supports transparency. So I'm going to do png here and I'm just going to save it to the Desktop as
Watermark. Now we can see it right here. If I look in QuickLook I can see how it's transparent
right there. But let's not leave this here cluttering up our Desktop. I'm going to go
into the Documents folder and put it under Miscellaneous here. Just some place where
I can permanently lift since the shortcut is going to be calling on this png all the time.
Now let's run the Shortcut's App and create a new shortcut. Let's call it
Add Watermark. You can customize the color and the icon if you like. The first thing we want
to have is we want to set it so that it's a Quick Action and appears in the Finder.
So it's something where we can select an image and then call on this Quick Action to add a watermark.
This will add Receive Any Input from Quick Actions up here. We don't want ANY. So I'm going to select
that and do Clear. Select it again and do Just Images. If there's no input we could set it
to Ask For so it will ask for, let's ask for a file. So if you just were to run this normally
and not select an image first it would know to ask for a file to perform this action on it.
Now this Shortcut input here is going to be the image.
So all we need to do is overlay something on top of that image. Let's look for overlay
and we could see there's overlay text, overlay image. That's what we want. So I'm going to double
click to add that. It's going to overlay an image on an image. So the On part here is going to be
the Shortcut Input. The overlay part is actually going to be a file. We haven't gotten that file
yet. So let's go and look for an action that has to do with files. We'll do File here and
we'll drag it before this and then I'll click here and it will ask us to select the file. So
now we can go to that Miscellaneous folder. We can put the watermark right in here. We'll select it.
So there's this file. So now overlay what? Well let's click here and say Select Magic Variable.
Click the file that comes out of this action. So overall file on Shortcut Input. Let's click
Show More. Show Image Editor is checked. Let's leave that checked for now and see what we get.
So if I were to Hide Shortcuts and bring up an image, so here's an image on the Desktop,
I'll Control Click on that, right click or two finger click on the trackpad, you could see
under Quick Actions there's Add Watermark. Let's try it. Let's go into Run the Shortcut and since
we have the editor appear it's going to bring up this Editor here. Now we can drag the overlay to
wherever we want. So I can put it here at the bottom right hand corner. I can actually even
use the trackpad to pinch in my fingers to shrink it down, place it just where I want and then I
could set the opacity too if I want it to fade out a bit. When I'm done I can hit Done and that's it.
We didn't Save it anywhere so it do anything. It didn't replace this image. This is still the same.
So one thing we can do here that's really simply is bring up Quick Look. So Quick Look
will take the results of this and we'll see it will say Show Overlay Image in Quick Look. So now
if you were to do the same thing and do the Quick Action here, add a watermark, bring it down here,
shrink it, put it right there, hit Done it's going to bring up the result in Quick Look.
Then we can use the Share button here and we can share it to Mail,
Messages. We can open it in Preview and if we open it up in Preview now we can Save it. So
a lot of times you'll see Shortcuts use this Quick Look action to end things and to give
whoever is using the shortcut the ability to do all sorts of things with the resulting image.
But we want to do better than that. First of all we want to have it automatically
put the watermark there and not bother us with positioning it and scaling it.
Second is we want it to have it automatically saved to a new file at the same place as the
original file, just with a slightly different name. So first let's get right of Show Image
Editor. If I turn that Off there are a bunch of different options like where to position
the overlay. So we want it to position it to the bottom right. So we'll choose this. We're
going to check it out in a minute here to see why that's not quite correct. Then we can make
it semi-transparent if we want. We can rotate it. We can change the width and height if the image is
too big. So now it shouldn't bother us with that editor there. We can use this, Quick Actions,
Add Watermark, it should go right to Quick Look and it does. Unfortunately it doesn't quite work.
It takes a little too long for it to apply the overlay and Quick Look doesn't get the results.
So let's instead of viewing this in Quick Look let's save it as a file. So to do that do Save and
get Save File. So it's going to save the overlay image. We do Show More and Ask Where to Save.
So, let's try this now. I'll do Quick Actions and then Add Watermark
and it's going to ask us where to Save. I'll just choose the Desktop here
and we can see we get the second image here. If we look we can see there's the watermark.
Notice it's at the top right, not the bottom right. Remember I mentioned that before.
Yeah, there seems to be a little bug here. You want to set this to top right for it to be on the
bottom right for some reason. Probably something that will be fixed at some point in the future.
Now what if instead of prompting us where to save the file it just did it! Well, it turns
out that's a little more complex than you would think. But we can do it. First thing is we need
to get the path of the original file and the name of the original file. So let's look at File here
and there's one for Get Parent Directory. We're going to use that. We're going to stick it up
here right at the top. Get Parent Directory what? Well we're going to Control Click here
and say Shortcut Input. So the Parent Directory or Shortcut Input. Great. Now let's also look for
File Details. There's Get Details of Files. Let's put that under here and say well,
let's get the Name of what? Well let's get the name of the Shortcut Input. So we have two things
here. Parent Directory and then Name. Great. So, instead of Ask Where to Save here at the bottom,
let's turn that off, and instead Save Overlay Image To where? Not the Shortcuts Folder,
let's Control Click that and say Magic Variable and then let's go to Parent
Directory of the Shortcut Input. There we go. So save it to the Parent Directory. Now Subpath
is a fancy way of saying the Name of the file but you could include more like subfolders and things.
So what we're going to do is start off here Control Clicking inserting a variable and
we could just select Variable here just to make sure we're grabbing the right thing
and grab the Name. Then we're going to Add a dash new and that will give a name with dash new after
it. We can call it Dash Watermark or whatever we want. Then we could say Override a File exists. So
if we do this a couple of times it's just going to override, it's not going to bother us about that.
So now that we've got this let's try it out. Let's Control Click here. Quick Actions. Add Watermark.
Now it's going to ask for permissions for the Desktop folder only the first time we do this.
Now you can see it created this second file here. If I look at it you could see
it's rainbow-new.jpeg. There is the watermark there at the bottom right.
Now we can very easily add watermarks to files without multiple steps or anything like that.
As a matter of fact if we look in the Finder here and then go to Desktop
and then we bring up the Preview pane by going to View, Show Preview, we could even
set this up as a Quick Action here. If you don't see it as one of the first two you can go to More
and you could see it there or customize to make it one of the first two Quick Actions.
So I could just have this one here, select it and click that. It will create this new version
here that has the watermark applied. Here's the complete thing. Remember that we definitely used
under Show More here No Image Editor. We set it to the top right so it's in the bottom right
and under Save we set the Subpath to the Name dash new and turned on Override if the file exists.
Turned Off Ask where to save. You can continued to build on this. Instead of just doing an overlay
you can have more things. For instance, if you look here under Media you could see that there's
a whole bunch of different things here. Cropping, Flipping, Rotating Images, Resizing Images.
You can convert images if you want. If you have other apps installed you may see even more. For
instance Pixelmator Pro here will add a whole bunch of actions that you could perform on images.
You can certainly add these in in place of the overlay action or in addition to that as well.
I hope you found this shortcut useful or at least as a useful
starting point for creating your own shortcut. Thanks for watching.