Picture of Configuring your MegaEdit Product Front-end for 3D | ME_3D_008

Configuring your MegaEdit Product Front-end for 3D | ME_3D_008

Learn how to configure a MegaEdit product to use the 3D preview capabilities

Tutorial Video Transcript

A transcript of our tutorial video, ensuring you can find exactly what you need, when you need it.

You can search this page to find the relevant time-stamp in the video. Also, this text can be used as part of the tutorial search feature.

00:00:06:22 - 00:00:07:01
Okay.

00:00:07:01 - 00:00:12:12
The final step is configuring, 
your MegaEdit product for 3D preview.

00:00:12:12 - 00:00:15:13
So the front end of things now.

00:00:18:06 - 00:00:22:13
This section will be very familiar
to people who've worked in MegaEdit.

00:00:22:13 - 00:00:25:16
It's a bit we are just configuring
what the default template looks like.

00:00:26:07 - 00:00:30:13
I'm going to start off with our die line
that I've imported.

00:00:31:03 - 00:00:34:09
Now you'll see here that I've imported
two different versions of the die line.

00:00:34:09 - 00:00:35:25
Again, this is just my example.

00:00:35:25 - 00:00:37:22
There's different ways of doing it.

00:00:37:22 - 00:00:41:12
One option is just to import the image
as we have it in blender.

00:00:41:25 - 00:00:44:26
So it will have a static color for the,

00:00:48:02 - 00:00:49:24
the actual cardboard stock itself.

00:00:49:24 - 00:00:53:14
But that would then go into the output
file unless we specified otherwise.

00:00:54:04 - 00:00:58:25
The way I'm going to do it is to utilize
a transparent version of my template.

00:01:01:14 - 00:01:03:05
So I've still got my dieline,

00:01:03:05 - 00:01:06:26
but now my coloring is coming
from the actual canvas underneath.

00:01:07:09 - 00:01:10:09
Again, one of many ways of doing it.

00:01:15:08 - 00:01:15:19
Okay.

00:01:15:19 - 00:01:18:13
We're then going to start
specifying our different fields.

00:01:18:13 - 00:01:21:22
So because I've only done
very specific areas of the canvas,

00:01:22:11 - 00:01:25:19
we don't want to give people free rein
to put things any way

00:01:25:19 - 00:01:28:19
they want on the actual canvas
because it just won't match up.

00:01:28:27 - 00:01:31:27
So because we've only mapped certain
areas, we want to be quite careful.

00:01:32:02 - 00:01:36:01
So if I go and add an image,
I specified something over here.

00:01:36:01 - 00:01:39:07
Now remember that is.

00:01:42:17 - 00:01:45:17
This area here that we specified

00:01:46:06 - 00:01:48:09
now mine's likely not going to match up
very well.

00:01:48:09 - 00:01:50:21
Let me try and make it the same size.

00:01:50:21 - 00:01:51:12
So what happens?

00:01:52:17 - 00:01:55:17
I can do want

00:01:55:19 - 00:01:58:19
here to change the coloring of the.

00:02:01:01 - 00:02:04:01
This section of the box.

00:02:14:10 - 00:02:16:27
And then we had a couple of sections

00:02:16:27 - 00:02:19:27
that the.

00:02:22:25 - 00:02:24:05
Again,
there might be a bit of trial and error

00:02:24:05 - 00:02:27:08
to get these in exactly the right place
and exactly the right configuration.

00:02:27:08 - 00:02:30:08
I'm just being very, very quick.

00:02:40:19 - 00:02:41:04
Okay.

00:02:41:04 - 00:02:44:04
So what we should find if I now

00:02:44:05 - 00:02:47:05
drag in an image, make sure it works.

00:02:51:09 - 00:02:54:08
Go to my preview

00:02:54:08 - 00:02:57:08
and we can see that
the configuration is not quite right.

00:02:58:07 - 00:03:01:26
However we can see that it has actually
started to map one thing to the other.

00:03:02:10 - 00:03:05:02
So the more work to do,
we'd have to go back to blender

00:03:05:02 - 00:03:06:11
and make some changes and make sure

00:03:06:11 - 00:03:09:11
the ratio of those elements is correct
and that kind of thing.

00:03:09:19 - 00:03:13:01
However, we can see that
it has changed the color of our box here.

00:03:13:16 - 00:03:17:11
It has put the logo on there, although albeit slightly differently than we wanted.

00:03:18:14 - 00:03:19:13
It has started putting

00:03:19:13 - 00:03:22:13
the text on,
although it needs to be rotated.

00:03:22:13 - 00:03:25:13
Trial and error process.

00:03:27:04 - 00:03:29:13
We can see we're on our way,

00:03:29:13 - 00:03:32:13
and after a little bit of.

00:03:33:12 - 00:03:36:12
Playing around.

00:03:36:12 - 00:03:40:06
As we saw earlier on, what you should
end up with is something like this.

 

Incomplete
Guide

Configuring your MegaEdit Product for 3D Preview | ME_3D_008

In this tutorial, we'll take a look at preparing the front-end of your product for 3D preview. That is, the editor experience in the MegaEdit editor that your user will experience.

Please note: The example we're showing here is very basic product configuration for demo purposes. As with many things in Infigo and MegaEdit, there are a great deal of customisation capabilities. Take a look at some of the sample 3D products provided in an earlier tutorial for more context on the editor experience that can be achieved in MegaEdit's 3D Preview mode.

Creation Date: Jun 13, 2024
Created By: Sam Webster

1. Starting point

We begin where the previous tutorial left off. We have imported our 3D model into our MegaEdit product via JSON and have set up all of the standard MegaEdit resources such as canvas, stock, output type and cliparts.

Remember, we created a clipart cateory which contains our 2D dieline or template.

Finally, we launched the MegaEdit editor for this product.

Starting point

2. Add your dieline or template to the canvas

Add your dieline or template to the canvas

3. Resize the dieline or template to fit the canvas

Your canvas should have been created to match the sizing of your 2D dieline or template.

Resize the dieline or template to fit the canvas

4. Add variable elements to your canvas

Add elements (either static or variable) to your canvas, positioning them in the same location as the element islands we positioned in Blender.

In this example, we have added a range of variable elements including text, imagery and colour selection boxes.

Add variable elements to your canvas

5. As a reminder, here's how our element islands were configured in Blender

Remember, these were linked to groups of elements on our 3D model.

As a reminder, here's how our element islands were configured in Blender

6. Click on Preview

Click on Preview

7. Preview the 3D model

Review the generated 3D model to confirm everything is working correctly.

We can see mixed results in this example. The coloured sections and text are working correctly, however the logo is incorrectly rotated when transposed onto the 3D model.

In this case, we would need to go back to Blender and rotate the element island. Once done, the JSON would need to be re-exported and added to Infigo once again.

Preview the 3D model