In this article, I will explain the workflow to use Blender, make a simple model and upload it to STYLY, for people without any experience in modelling.
In the previous article…
In the previous article, I explained basic modelling tasks and basic operations on Blender.
Here is the previous article.↓↓↓
I also explained how to colour the model by Material.
What I will show in this article
OK. You can now colour an object by Texture. But, for example, how can you draw a pattern?
It is Texture that you can use in that case.
This time, I explain how to apply Textures on the model.
The completed object will be a cube with some simple textures on. Although you can make it as you like, what I made is shown below as an example.
Learn how to make this by applying Textures on a basic cube.
Let’s make it
How to unfold UV
You need to unfold the model to put textures on.
Roughly speaking, we are going to apply textures on the model by drawing pictures on the faces of the unfolded model.
It’s called ‘UV mapping’ in the modelling world.
After creating a cube, select the Edit mode, and switch to the edge-selection mode.
Firstly, mark the edges to unwrap. While imagining the cube unfolded, select the edges to unwrap so that you can unfold the cube easily. Cube is an easy example to find them, I think.
After selecting the edges, press Ctrl+E and select ‘Mark Seam‘ (Note that there is ‘Mark Sharp’ in the same menu. Don’t be confused).
Then, the selected edges turn red.
Even after you marked the seams, you can still add more seams by selecting the edges you want to cut and ‘Mark Seams’ again.
After marking the seams, press the A key to select all, and press the U key and select ‘Unwrap’.
You cannot see any change yet. To see the unfolded cube, you need to press the ‘3D view’ icon in the bottom-left corner and select ‘UV/Image Editor’.
It’s unfolded successfully! You can transform and move this UV layout to make your drawing task easier.
This time, it’s just a simple cube so I leave it as it is.
Draw on the UV layout and apply it to the object
Save this UV layout as an image. Select UV > Export UV Layout in the menu at the bottom to save it in your convenient location. It’s exported as a png file.
After saving the image, draw anything you want on it by Illustrator, Photoshop or any other tools.
As I am not good at using this kind of tools well, I just could end up with something shown below. In your case, please put more attractive patterns, texture images or photos such as a wooden surface.
The drawing has been finished. If you export the image at the state shown above, the lines of the UV layout would be visible on the model. So you need to hide the layer with the lines when you export a jpg file (Only jpg file works when you upload the model to STYLY. Png file is OK if you don’t upload to STYLY. By the way, some screenshots following show the case of png file. Ignore them if you upload the model to STYLY).
Go back to Blender. Firstly, assign materials. Please see the previous article to learn how to assign materials.
After assigning materials, click the texture icon next, and press the ‘New’ button.
Check if ‘Image or Movie’ is set for ‘Type’ and press the ‘Open’ button to select the image you created earlier.
Then, the texture has been set and reflected on the cube.
If you can’t see the texture on the cube, check if the Viewport Shading is set to ‘Material’.
If your texture has been applied incorrectly as shown below, set ‘Coordinate’ in the Mapping section to ‘UV’.
All is done now. If you modify the image, you just need to overwrite the image file and reload. So you can draw over and over for finer adjustment.
Do you understand the basic workflow to paste a texture now? That’s all for today.
This time, we used a simple cube as an example, but it will be difficult to create the UV layout for more complicated shape.
When you mark the seams on a human model, it would be easier to break down it part by part (face, body, hands and etc.).
Although it’s difficult to make UV layout, it’s essential for modelling work. So you need to get used to it. Do various modelling works to practise UV layout. Good luck!
Upload model to STYLY
Export the model
Let’s export the model and import it to STYLY!
With the completed cube selected,
Select File > Export > FBX (.fbx) in the top menu.
The export has been completed.
Launch STYLY now.
Upload to STYLY
Access STYLY and open STYLY Editor.
※How to create a new STYLY account: https://styly.cc/manual/styly-account-create/
After opening STYLY Editor, select ‘Assets > 3D Model > Upload’ to upload the model exported earlier.
Here, you need to select the fbx file and the jpg file of the texture to upload (This is why I told earlier that the png file won’t work.).
Otherwise, the texture won’t be reflected on the cube in STYLY. If you export the model as obj file, select the obj, mtl and jpg files to upload. They should work.
When the upload is completed, the ‘Status’ in the Processing Status turns into ‘Completed’.
You can find the 3D character data uploaded in My Models. Click it to place in the space.
※ How to publish the Scene: https://styly.cc/manual/scene-create-tutorial/
Now the Duck Potty got a buddy!
You can visit this space by the URL : ↓↓
You can also see the panda, the panda-ish rabbit and the Duck Potty created in the previous articles.
Terms and shortcuts in this article
・UV layout: 2D image made by unfolding an object to put textures on
・UV/Image Editor: an editor type on Blender to view UV layout
・Ctrl+E→Mark Seam: mark edges to unwrap.
・A: Select All
・U→Unwrap: Unfold an object after marking seams.