How Do I Split One Wrap Design Across Three Separate Mug Smart Objects in Bulk Mockup?

Want one wrap design to show correctly on three mugs? Learn how to use Bulk Mockup’s multiple and nested smart objects to align left, center, and right views.

00:02
Hello,
thanks
for
sending
me
files.
00:04
The
way
I
understand
is
you
want
your
designs,
I
mean
this
is
your
Halloween
design
and
00:10
what
you
want
to
achieve
is
you
want
these
three
parts
of
the
wrap
to
be
depicted
on
the
00:17
three
marks
that
we
have.
00:19
One
is
on
the
left,
on
the
center
should
come
on
the
center
and
the
third
one
should
have
00:25
the
third
or
the
extreme
right
angle
to
be
wrapped
up
right.
00:29
So
this
is
what
you
want,
right.
00:32
So
first
let
us
investigate
how
the
template
is
designed.
00:35
I
mean
you
know,
templates
with
the
mug
position
are
designed
differently,
designed
in
the
00:43
sense
the
way
they
are
created
are
differently
let
us
see
how
that
works.
00:47
And
yeah,
so
if
I
go
to
we
have
this
folder,
right
mug,
middle
mug
and
left
mug.
00:53
So
right
mug
as
far
as
I
understand,
this
is
the
let
us
try
this.
01:04
So
this
is
what
we
expect.
01:08
So
the
right
mug
only
covers
the
right
mug.
01:13
Then
we
have
the
middle
mug
part.
01:15
So
this
is
the
middle
mug
part
which
is
R2.
01:18
And
then
we
have
the
third
mug
type
which
is
R3.
01:32
So
basically
you
know
the
mugs
on
this
templates
are
individual
in
the
sense
like
you
know
01:40
all
of
them
has
different
dust
matte
object
layers.
01:44
So
we
need
to
use
multiple
smut
object
feature
of
bulk
mock
up
which
I
could
show
you.
01:51
But
ideally
what
I
would
expect
to
you
to
do
is
if
I
go
to
let
us
see
how
this
should
02:03
be
handled
if
I
type
this
is
the
styled
mock
up
store
or
something
like
this
styled.
02:16
I
mean
there
are
this
one
styled
product
mockups.
02:21
If
you
go
to
this
store
styled
product
mockups
and
get
any
of
the
mug
templates
you
must
02:29
have
mugs
I
guess.
02:33
This
is
the
mock
template.
02:35
With
the
way
this
template
is
created
is
you
know
you
upload
one
smut
object
layer
as
02:41
it
will
automatically
convert
or
you
know
fill
the
left
side
center
and
the
right
side
of
02:46
the
mug.
02:48
So
that
I
mean
only
one
template
and
one
design
file
or
one
smut
object
covers
all
the
02:53
three
regions.
02:55
So
perhaps
you
could
get
that
template
which
will
be
much
easier
but
for
this
to
achieve
03:00
we
need
to
use
multiple
smut
object
features
and
right
like
you
have
mentioned
we
have
03:08
R3
let
us
not
know
and
add
the
rate
over
here.
03:14
Add
the
rate
is
only
required
for
the
top
of
the
one.
03:19
So
add
the
rate
design
R2
and
then
we
have
R3
folder.
03:23
Let
us
try
a
multiple
smut
object
feature
and
see
how
we
could
achieve
this.
03:28
I
will
take
a
folder
and
I
will
name
this.
03:32
I
will
download.
03:33
I
will
name
this
test.
03:44
We
will
have
a
design
folder
and
another
design
folder
will
have
R2.
03:53
And
then
we
will
have
R3
and
we
will
copy
this
design
over
here
and
over
here.
04:02
So
this
is
how
we
want
this
to
be
achieved.
04:05
Now
just
one
more
problem
I
believe
that
needs
to
be
created
on.
04:10
So
if
you
look
at
the
design
file
that
we
have
over
here
this
is
elongated.
04:17
This
is
quite
big
but
the
smut
object
layer
that
we
have
this
is
not
quite
big.
04:22
So
we
cannot
place
that
design
over
here.
04:25
So
what
we
will
be
doing
is
we
will
create
an
under
smut
object
layer
which
is
called
04:30
a
nested
smut
object
layer.
04:33
So
I
will
delete
this
and
I
will
I
mean
this
is
the
center
part
I
guess
or
wait
a
minute
04:39
a
minute
we
will
let
me
just
go
back.
04:41
Here
this
is
the
right
work.
04:45
So
let
us
first
work
with
design
and
the
rate
design
I
will
delete
the
smut
object
layer
04:50
and
now
I
will
grab
this
one
and
place
it
as
a
smut
object
layer.
04:54
Make
sure
that
when
you
double
click
on
open
this
this
is
background
okay
background
is
04:59
logged.
05:00
We
did
not
want
the
background
log
smut
object
layer.
05:02
So
what
we
will
do
I
will
open
this
design
file
into
Photoshop.
05:09
I
will
link
this.
05:11
We
want
this
to
be
saved
as
a
PNG
file
without
any
flattening
effect.
05:15
To
do
that
though
this
is
PNG
but
it
still
is
flattened.
05:19
To
save
without
being
flattened
we
will
go
to
file
and
select
export
and
export
as
PNG
05:25
file.
05:27
So
format
we
will
write
it
PNG.
05:30
Let
us
size
P
all
good.
05:32
We
will
export
it
and
we
will
export
it
in
the
design
folder.
05:38
We
can
export
it
anywhere
around.
05:40
Basically
this
is
for
the
placeholder
because
if
we
have
a
smut
object
and
if
we
create
a
05:48
smut
object
I
mean
if
we
create
a
design
file
by
flattened
that
will
not
work.
05:53
So
this
is
a
design
which
is
flattened
but
the
one
that
is
saved
over
here
is
not
flattened.
06:01
So
if
I
open
this
in
Photoshop
you
will
see
this
is
not
flattened
and
this
is
what
PNG
06:06
we
need.
06:06
So
I
will
grab
this
one
as
a
placeholder.
06:09
Place
it
onto
here
and
we
will
rename
this
as
add
nested.
06:15
So
when
we
rename
it
to
add
nested,
bulk
mockup
will
go
at
the
red
design
then
it
will
go
06:21
under
it
at
the
red
nested
then
it
will
change
the
design.
06:24
So
I
will
name
this
at
the
red
distance
and
this
is
a
right
part
of
this
smut
object.
06:29
I
mean
mock
so
we
will
have
the
right
part
something
like
this
and
I
will
save
this.
06:40
Similarly
we
will
do
the
same
thing
for
R2
let
me
just
check
if
this
is
the
middle
mock.
06:44
Ok
this
is
the
middle
mock
we
delete
this
and
we
will
have
something
like
this
and
this
is
06:53
the
middle
part
so
we
will
zoom
it
from
the
center
and
bring
this
at
nested.
07:04
Now
we
will
go
to
the
first
one
which
is
the
R3
we
will
delete
this
this
is
the
left
part
07:11
of
the
mock
so
the
grab
it
and
this
is
the
left
part
so
we
should
expand
it
on
the
right
07:19
side
region
and
we
will
rename
this
at
nested.
07:37
So
now
tempered
already
and
3
side
of
this
smut
object
shows
3
different
areas.
07:42
I
will
save
it
and
close
this
and
we
are
ready
to
test
it.
07:46
But
to
test
it
what
we
will
do
is
like
we
have
only
one
design
for
the
test
purpose.
07:52
So
I
will
grab
this
template
and
I
will
name
this
template.
08:02
I
thought
the
design
purpose
let
me
create
few
variations.
08:05
So
what
variations
I
will
create
is
I
will
create
a
black
and
white
version
08:13
and
save
it
as
a
JPD
or
whatever
both
works.
08:19
I
will
create
a
JPD
version.
08:22
Ok
so
next
I
will
create,
we
will
change
the
color
maybe
we
will
create
a
blue
or
08:29
blue
version
and
I
think
and
then
let
us
try
one
more.
08:39
Let
us
have
3
variations
let
us
try
green
variation.
09:12
So
I
will
delete
this
one
we
have
3
variations
I
will
delete
this
one
is
orange
which
we
have
used
09:21
the
placeholder
let
us
try
this
green
so
we
will
copy
and
paste
it
and
paste
it
over
here
as
well.
09:28
Now
we
can
go
to
pulp
mock
up
and
see
how
that
works.
09:35
So
do
not
worry
I
mean
I
have
2
pulp
mock
ups
installed
because
I
am
the
creator
and
this
is
the
new
one
that
I
am
testing
that
we
will
go
releasing
very
soon.
09:51
3
.2
.4
or
maybe
we
will
have
3
.2
.5.
09:55
So
first
is
the
main
tab
we
will
go
to
the
town
loads
template.
10:02
Second
is
the
design
folder.
10:04
We
will
select
the
design
click
on
open
then
we
will
select
the
export
folder.
10:11
So
we
will
get
a
folder
called
export
open
fill
canvas
spreadsheet.
10:17
This
file
will
click
on
process
multiple
smart
object.
10:22
Settings
will
have
jpg
design
layer
is
all
good.
10:27
Yes,
the
template
export
is
all
good
we
want
jpg
settings
is
all
fine.
10:35
Yeah
I
think
we
are
all
good
so
I
will
click
on
starting
writing
let
us
see
how
it
works.
10:43
So
ideally
it
should
work
as
part
of
my
understanding.
10:56
So
it
is
still
working,
read
process.
11:06
So
this
file
being
big
is
taking
some
time
but
hopefully
this
will
resolve
many
times
soon.
11:34
So
I
mean
the
design
file
is
quite
big
and
the
template
is
quite
big
so
it
is
taking
some
time.
11:39
But
yeah
this
is
how
it
should
work.
11:42
Let
us
wait
for
a
few
moments
and
we
will
see
the
first
export.
11:48
We
could
also
say
we
could
compare
this
file.
11:57
So
I
think
this
is
pretty
much
how
we
want
to
write
on
the
right
we
had
the
smiling
face
on
the
left
we
had
the
pumpkin
on
the
left
and
on
the
center
we
had
the
pumpkin
over
here.
12:08
So
this
works
I
mean
this
is
how
you
fix
this.
12:13
But
ideally
what
I
had
wanted
was
to
have
a
template
that
works
with
one
smart
object
layer
and
then
three
smart
object
layer.
12:21
Because
any
way
we
are
just
copying
and
pasting
it
into
three
places
and
it
makes
automation
a
bit
longer
because
we
need
to
go
and
change
the
three
smart
objects.
12:31
So
that
is
concerning.
12:35
So
yeah
at
the
store
that
I
showed
you
can
go
purchase
those
templates
and
you
could
use
only
one
of
them
and
it
will
work.
12:42
So
yeah
that
is
how
to
work
with
these
three
smart
objects.
12:48
Thanks.

Step-by-Step Guide: Using Multiple & Nested Smart Objects for 3-Mug Wraps

In this template, each mug (left, middle, right) is driven by its own smart object. Your goal is to take one long wrap design and show different parts of it on each mug. To do this, you must combine Bulk Mockup’s multiple smart object feature with a nested smart object.

Understand how the template is built

Open the PSD and locate the smart object layers for each mug (for example, folders like right mug, middle mug, left mug / R1, R2, R3).

Each of these controls only one mug, so they must each receive a portion of the wrap.

Prepare the wrap design as a proper PNG

Open your full wrap design in Photoshop. Instead of a flattened background PNG, export it via File → Export → Export As → PNG.

Save this as your clean design placeholder. This version behaves correctly as a smart object when nested inside other smart objects.

Create a nested smart object placeholder

In the mug template, delete the old smart object content for one mug and place the exported PNG as a new smart object. Position and scale it so the correct section of the wrap appears on that mug.

Rename this smart object with the required nested naming (for example, adding @nested) so Bulk Mockup knows it should update this inner object.

Repeat for all three mug smart objects

For the right, middle, and left mug smart objects (R1, R2, R3), replace their content with the same nested smart object placeholder.

For each, reposition the nested smart object so it reveals a different section of the wrap: left part on the left mug, center on the middle mug, right part on the right mug.

Set up your design folders for multiple smart objects

In your Bulk Mockup working folder, create a main design folder and subfolders for each mug region (for example, R2, R3).

Copy your different color or style variations into each folder as needed so Bulk Mockup can feed the same design into all three smart object targets.

Run Bulk Mockup with “Process Multiple Smart Objects”

Open the Bulk Mockup, select your mug template, choose the design folder, and set an export folder. Enable Process Multiple Smart Objects, choose your export format (e.g., JPG), and click Start.

Bulk Mockup will update each mug’s nested smart object, generating exports where the left, center, and right views line up correctly.

While a single-smart-object mug template (like those from styled mockup stores) is simpler, this setup lets you keep using your existing 3-mug template while still automating everything in Bulk Mockup.

KEY TAKEAWAY:

Three-mug templates use separate smart objects. By combining multiple smart objects with a nested smart object placeholder, Bulk Mockup can split one long wrap into left, middle, and right mug views.

FAQ

Why doesn’t my single wrap design automatically split across all three mugs?

In this template, each mug is driven by a separate smart object instead of one shared wrap. Bulk Mockup updates each smart object independently, so a single design file is not automatically divided into left, center, and right views unless you configure nested and multiple smart objects.

What is the multiple smart object feature used for in this setup?

The multiple smart object feature allows Bulk Mockup to target several smart objects within a single template during a single run. By organizing your design folder structure to match the smart object names, Bulk Mockup can push the same wrap into three different mug smart objects in one automated process.

Why do I need to export my design as PNG using “Export As” instead of just saving?

Simply saving may create a flattened background, which behaves poorly when nested. Using File → Export → Export As → PNG ensures a clean raster asset without unwanted flattening effects, giving you a reliable placeholder for nested smart objects that Bulk Mockup can update correctly.

What exactly is a nested smart object, and how does it help here?

A nested smart object is a smart object placed inside another smart object. In this workflow, your wrap PNG acts as the nested object, positioned differently inside each mug’s parent smart object. Bulk Mockup replaces the nested object’s content once, and all three mug views update with their respective parts.

Can I avoid managing three smart objects and still get a 3-mug wrap effect?

Yes, if you use a template designed around a single wrap smart object that automatically maps the design to left, center, and right mugs. Many styled product mockup templates work this way, which reduces setup complexity because you only update one smart object per design instead of configuring three.

Accepted payment methods
Copyright © 2024 by Bulkmockup. All rights reserved.