Designing Image Backgrounds in Moho Pro

In this lesson we will begin the process of texture creation by painting an abstract design that resembles wood.

Following the example from the previous lesson, we will continue to paint textures in Procreate, this time creating a brick wall.

Now we will paint a basic metal texture in Procreate to be used in scene creation.

Now we will create a texture for the sandbags.

In order to make this work, the textures need to be brought over to the computer so they can be imported to Moho. Here is the process.

Once the textures are brought over from Procreate, we will need to compress them so Moho can better handle the load. There are several ways to compress images. This lesson shows how to do it using a free script for Photoshop.

In this lesson we jump into Moho for the time first, create a document and import a sketch for reference.

In this lesson we lay down the 3D floor which will be used as the foundation for the rest of the background.

Next comes the walls. Using a similar technique as the floor, we will construct simple cubes and map textures to them.

In this video we will add a door opening in the event you want to animate the door or have a connecting room.

With a hole in the wall, we will need a door! In this lesson we will build a 3D door, suitable for animation or being embedded into the background.

In this lesson we will add some trimming for the door and walls to add more contrast and style.

In this lesson we build some beat up boxes to be added to our backstage scene.

To add extra dimension to the background, we will build a 3D shelf which can be repurposed in a variety of ways.

A 3D table will be constructed and added to the scene for further variety.

In this lesson we will build some some foreground and background sandbags to add to the environment.

To build clutter and add a light source, we will build a 3D light source using a variety of shapes.

Here we build a simple exit sign to hang over the door.

In this lesson we will import images into the shelving group to help build up more clutter and character.

Here we import the light into the set, duplicate it, and position accordingly.

Here we populate the set with pre-made props to help build up the background.

Here we will set up layer comps to not only prepare for 2D export, but to help with organizing props during the design process.

In this lesson I take a moment to detail what we plan to do in this chapter with the 3D set.

In this lesson we jump back to Procreate to create more texture variety for our scene.

In Moho we will swap out the old textures for new. This is sometimes required when you want to enhance or change things in the scene.

By using Layer Blend Modes, we can enhance the way the light looks in Moho.

Here we learn how to create a quick vignette effect to build atmosphere and add focus.

In this lesson we add an animated character to see how he works within the shot.

Sometimes issues may pop up when mixing 2D and 3D elements. In this video we overview the process of correcting potential problems. Then we export our first scene example!

In this lesson we set up the 3D environment for a 2D export.

With Moho Exporter, we go through the process of exporting out each layer or group as an image to be brought back into Moho.

This lesson is dedicated to bringing the newly exported images into a new Moho document and getting them properly ordered.

By using groups, we can section the background into three areas for easier masking and coloring.

Here we will apply gradients with layer blend modes and mask the three areas, creating a gradual dark effect.

Here we will add an overall filter, plus a light effect, to help polish the main visual assets of this scene.

Here we will apply separate filters to darken the sandbags to help sell the lighting effect.

Here we will add a test animation and play around with some layer settings to help blend.

By taking advantage of depth, we can move items in and out to create a parallax effect with 2D elements.

Here we will compress the background further to help with speed and file size.

We now shift focus to Photoshop and import the PNGs we exported prior.

Like Moho, we will take advantage of gradients to build darkness and atmosphere in Photoshop.

The nice thing about Photoshop is we have Adjustment Layers to make quick changes. Here we will adjust the brightness and contrast in a variety of areas.

Using a gradient again, we can mold a light effect and use blend modes to help with atmosphere.

The sandbags will need to be adjusted separately to create an effective environment.

Here we explore different options for importing your background back into Moho.

In this video we look at how to add more contrast using textures as well as bolster the 3D set with shadows and glows.

Here we look back at the 2D Moho set and add more filters and a shadow to help with the shot.

Here we take a look at how we can improve the PSD background animation using Moho's design and layer tools.

My final thoughts on this course!