3DModel,

Introduction

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.↓↓↓

An introduction to Blender – Let’s start modelling ~ Part 3

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.

完成モデル

The completion image

 

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.

切れ目をいれたい辺を選択切れ目をいれたい辺を選択

Select the edges you want to cut.

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.

シームが付いた状態

The seams have been marked.

 

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’.

UV/画像エディター

UV/Image Editor

 

展開図

The cube unfolded

 

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.

UV配置をエクスポート

Export the UV Layout.

 

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.

うまくつかえないのでこんな感じ

I ended up with something like this…

 

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.

テクスチャの設定

The setting for texture

 

Check if ‘Image or Movie’ is set for ‘Type’ and press the ‘Open’ button to select the image you created earlier.

画像を選ぶ

Select the image.

 

Then, the texture has been set and reflected on the cube.

テクスチャ貼れました

The texture has been applied.

 

If you can’t see the texture on the cube, check if the Viewport Shading is set to ‘Material’.

3Dビューのシェーディング切り替え

Switch the Viewport Shading to ‘Material’.

 

If your texture has been applied incorrectly as shown below, set ‘Coordinate’ in the Mapping section to ‘UV’.

マッピングの座標をUVに

Switch Mapping’s coordinate 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.

画像のリロード

Reload the image

 

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 window

 

The export has been completed.

Launch STYLY now.

 

Upload to STYLY

STYLYへのアップロード

Upload the model 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/

 

アップロード完了です

The model has been uploaded.

 

Now the Duck Potty got a buddy!

You can visit this space by the URL : ↓↓

http://gallery.styly.cc/Maple/8f5fef37-0fd0-11e8-af2f-fb1a918a0060

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

Terms

・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

 

Shortcuts

Ctrl+E→Mark Seam: mark edges to unwrap.

・A: Select All

U→Unwrap: Unfold an object after marking seams.

めーぷる

1994年生まれ。大阪府出身。 立命館大学 映像学部を卒業後、ビービーメディア株式会社にプログラマーとして入社。アイドルになりたいと思いながら日々XRの制作に携わっています。

Share this article

Shares
Facebook Twitter Google+ Pinterest hatebu

About STYLY

STYLY is a cloud-based service for creating high quality,beautiful VR spaces that doesn’t require any coding. By using STYLY, creators can express their imaginations indefinitely and build a variety of virtual spaces. Through these spaces, we can share experiences that are unachievable in the real world.