00:00:12:21 - 00:00:13:27
This short tutorial
00:00:13:27 - 00:00:16:28
is going to show how to create
and utilize a mask
00:00:16:28 - 00:00:21:25
that covers multiple customizable image
fields at once.
00:00:21:25 - 00:00:26:00
So the mask category functionality
that we explained in an earlier tutorial.
00:00:26:00 - 00:00:29:02
So ME_013 applies
00:00:29:02 - 00:00:32:03
to adding a separate mask to each image
field.
00:00:32:23 - 00:00:37:01
Here, we'll learn how we can use
a separate clip for image to mask.
00:00:37:01 - 00:00:40:21
Multiple image fields are once
00:00:42:13 - 00:00:43:24
so. As you can see on the screen here,
00:00:43:24 - 00:00:46:08
I've done a bit of prep work
to get ready for this.
00:00:47:02 - 00:00:51:18
I've just got a MegaEdit
canvas loaded up in the MegaEdit editor
00:00:52:07 - 00:00:56:09
and I've got a couple of empty image
frames which in this case I have pre-sized
00:00:56:09 - 00:00:58:16
So they're in the correct location
for my purpose,
00:00:59:02 - 00:01:00:14
but there's not much else been done.
00:01:00:14 - 00:01:05:06
They are just empty image fields.
00:01:05:06 - 00:01:09:15
What I've also done is uploaded an additional piece of clip art, which is a PNG
00:01:10:27 - 00:01:11:12
and we've
00:01:11:12 - 00:01:14:17
got a transparent center
to that piece of clip art.
00:01:14:17 - 00:01:16:09
So you can see there's two sections
00:01:16:09 - 00:01:20:05
on that little thumbnail there which are
dark blue, same color as the background.
00:01:20:15 - 00:01:25:07
Those are transparent sections
of that piece of clip art.
00:01:25:07 - 00:01:28:23
So what that means
if I drag that clip out onto my canvas,
00:01:29:03 - 00:01:32:03
is that those two sections
I can completely see through them.
00:01:32:16 - 00:01:35:27
And the clip art itself
can then be used as a frame,
00:01:35:27 - 00:01:42:10
as such as a mask in its own right.
00:01:42:10 - 00:01:45:19
So before we start getting into
positioning all of these correctly,
00:01:45:19 - 00:01:47:21
we need to make sure that we've
also configured
00:01:47:21 - 00:01:49:27
the behavior of these correctly.
00:01:49:27 - 00:01:53:07
When these are all in place,
we don't want the user to be able
00:01:53:07 - 00:01:57:09
to interact with the clip at all.
00:01:57:25 - 00:02:01:06
So they should only be able to interact
with the image fields that are behind it.
00:02:02:20 - 00:02:04:02
So as such as we've seen in
00:02:04:02 - 00:02:07:04
previous tutorials,
I'm just going to specify
00:02:07:24 - 00:02:17:12
do not select.
00:02:17:12 - 00:02:21:23
As for the image fields, we may want
to put some restrictions on those as well.
00:02:22:09 - 00:02:26:05
So the same methodology, double click,
go to the details tab
00:02:26:20 - 00:02:32:09
and then we can specify
what the user is allowed to do.
00:02:32:09 - 00:02:34:17
So for example,
I could say that's a fixed position.
00:02:35:17 - 00:02:38:00
They're not allowed to change the size,
00:02:38:00 - 00:02:40:00
they're not allowed to delete.
00:02:40:00 - 00:02:41:14
And then there's other options
we could do,
00:02:41:14 - 00:02:44:18
such as hide the ability
to shadow a mask border.
00:02:45:01 - 00:02:53:02
we could fine tune these capabilities.
00:02:53:02 - 00:02:56:20
I'll do the same for this one.
00:02:58:03 - 00:03:01:01
We also want to make sure
that our Zed order arrangement is correct,
00:03:01:01 - 00:03:05:29
which it does seem to be in this case,
just to make sure that our clip hot mask
00:03:05:29 - 00:03:09:18
that we're generating we're
utilizing is in front of the image fields.
00:03:10:09 - 00:03:14:18
If this wasn't the case by default,
just double click on any of the fields
00:03:14:25 - 00:03:22:00
and then you've got
the arrangement options here.
00:03:22:00 - 00:03:24:11
So I'm just going to move
that clip pop mask into place
00:03:28:09 - 00:03:29:22
and then we're going to go to emulate
00:03:29:22 - 00:03:32:28
user mode
by clicking on menu and emulate user
00:03:33:13 - 00:03:36:20
just to make sure that this is performing
as we expect it to.
00:03:36:20 - 00:03:40:25
So the user is able to interact with this
as we want them to interact with it.
00:03:41:29 - 00:03:44:10
So if I go to emulate user mode,
00:03:44:10 - 00:03:47:19
I can click on there
and see that I can't actually get
00:03:48:26 - 00:03:50:15
the clip art selected.
00:03:50:15 - 00:03:52:11
So that's working as it should be.
00:03:52:11 - 00:03:55:19
I can't move the image frames,
but I can still rotate it,
00:03:55:19 - 00:03:57:17
which might be an additional setting.
00:03:57:17 - 00:03:59:28
We would work in the future
00:04:01:06 - 00:04:02:26
and most importantly,
00:04:02:26 - 00:04:05:06
I can still add images to those frames.
00:04:06:06 - 00:04:09:00
So if we go to the images tab
00:04:09:17 - 00:04:11:29
and start populating the image fields
00:04:11:29 - 00:04:26:15
with images.
