TUTORIAL: Create layerable hair, accessories, and clothing
Goto page 1, 2, 3 ... 16, 17, 18  Next
 
Post new topic   Reply to topic    IMVU Forum Index -> Content Creator General Discussion
View previous topic :: View next topic  
Author Message
Angelskiss2007 VIP Club Member 18+ Age Verified
Moderator
Angelskiss2007 <a href='/vip_club/'><img src='/catalog/web_images/vip_35x18.gif' width='35' height='18' alt='VIP Club Member' /></a><!-- VIP Club Member Icon --> <a href='/age_verify/index/'><img src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 17 Dec 2007
Posts: 3263
Location: USA - IL

PostPosted: Sat Apr 09, 2011 9:33 am    Post subject: TUTORIAL: Create layerable hair, accessories, and clothing Reply with quote

*Please note: This tutorial is now a couple years old. I will do my best to check and see if all of these steps are still current. Until then, please use this tutorial with caution, and do your best to troubleshoot any issues you may come across! It is also important to keep in mind that not EVERY item in the catalog can become layerable. Some meshes are created in a fashion that we can't always manipulate. But you can sure try! Smile -Angel Oct. 29, 2013*



Welcome to my Layerable tutorial, where I will show you how to take an existing mesh and alter parts of it to create a new, layerable product.

In this tutorial, I have three walk-throughs that cover the exact steps to make a layerable product, along with images to help you with the process. All images can be clicked to view a larger image.

Feel free to post if you have any questions!




Table of Contents

Layerable Hair

Layerable Clothing

Layerable Accessories

Frequently Asked Questions (FAQ)
_________________


Last edited by Angelskiss2007 VIP Club Member 18+ Age Verified on Tue Oct 29, 2013 5:10 am; edited 7 times in total
Back to top
View user's profile Send private message  
Angelskiss2007 VIP Club Member 18+ Age Verified
Moderator
Angelskiss2007 <a href='/vip_club/'><img src='/catalog/web_images/vip_35x18.gif' width='35' height='18' alt='VIP Club Member' /></a><!-- VIP Club Member Icon --> <a href='/age_verify/index/'><img src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 17 Dec 2007
Posts: 3263
Location: USA - IL

PostPosted: Sat Apr 09, 2011 9:33 am    Post subject: Reply with quote

Creating Layerable Hair

For this tutorial, I'm going to use Storm Design's Medusa hairstyle as an example, Product ID 2435713. Feel free to follow along with the tutorial if you'd like. All images can be clicked to show a larger version.

Step one is to of course to start a "Derive a New Product" session in Create Mode. Enter 2435713 as your product ID.



(I'm going to add my own textures to this hairstyle for the tutorial, as the original blonde texture is quite hard to see) You should then see your preview and your textures on screen as shown here.






The next step takes a little guess and check with some meshes. You need to figure out which of the Materials controls the section of hair you want to make for your final product. I'm going to make it so that it is ONLY the bangs, since I want to make add-on bangs.

Once you find which material is the bangs, give an opacity of all black to the other materials, so that all you see on your screen is the bangs. For this product, Materials 00 and 01 are the bangs. I added an opacity of black to all of the other materials (02, 03, and 04).




The next step requires you to do some mesh manipulation. Look at the Mesh Asset information. Note the name of the .xmf file that the original creator used. Each name is different, depending on creator. This one says "stormdesign-hairstyle-14.xmf". When you write that down (or can remember it), click remove mesh. Confirm the pop up by saying yes.





Now, everything will have disappeared from the Mesh tab, and if you hit apply changes, your avatar will not have any hair. Hit the +Add button.





In the pop up, Specify Mesh ID, add a large number, i use 80. This makes it so that the mesh will act as an accessory.





You will see everything pop up on your screen again, just like before. All of your assets should be as they were before (so, Opacity Maps will still be where you left them, etc). Under the mesh asset, where you saw Storm's orginal file, use the drop down to reselect the original. (NOTE: If you see the original name there already, its NOT done. From the drop down, select either the empty choice or the IMVU hair. Then, go back into the drop down and select the correct one again. It won't show if you don't do that.)



Preview this, and you'll now see your bangs from the Medusa style over the default avatar hair. This is great news! You've now made your object layerable!




To test this, go to your inventory and add hairstyles to see the effect. Smile Congratuations! You're done! Save your project and upload it as normal for add-on hair pieces!



_________________


Last edited by Angelskiss2007 VIP Club Member 18+ Age Verified on Sat Oct 01, 2011 3:16 pm; edited 5 times in total
Back to top
View user's profile Send private message  
Angelskiss2007 VIP Club Member 18+ Age Verified
Moderator
Angelskiss2007 <a href='/vip_club/'><img src='/catalog/web_images/vip_35x18.gif' width='35' height='18' alt='VIP Club Member' /></a><!-- VIP Club Member Icon --> <a href='/age_verify/index/'><img src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 17 Dec 2007
Posts: 3263
Location: USA - IL

PostPosted: Sat Apr 09, 2011 9:33 am    Post subject: Reply with quote

Creating Layerable Clothing

For this tutorial, I'm going to use Crazydesigner's Red Sweater as an example, Product ID 10599276. Feel free to follow along with the tutorial if you'd like. All images can be clicked to show a larger version.

Step one is to of course to start a "Derive a New Product" session in Create Mode. Enter 10599276 as your product ID. (Or click Derive From Product on the sweater's page).



When you open up this mesh, you will see a red sweater, a white tank top, and a brown fur scarf. These are all integrated into the one mesh. In your Materials, you will see that there are 5 material assets, 00, 01, 02, 03, and 07. The Mesh .xmf file is called top.XMF.



For this tutorial, we are going to create a layerable version of this sweater that does NOT have the tank top nor the scarf. To do this, we will need to create a custom opacity map for Material 01, and then hide all assets that are not being used for our layerable sweater.

If you look at Material 01, you can see in it's image that the tank top, the scarf, and the sweater sleeve all share one texture map. On the product page, you can download the original creator's texture and UV maps (which they provided for us), and you can see this better. You will want to create a new version of the opacity that has the sleeve covered in white, and the rest of the texture in black, like this:



Next, we want to apply all of the necessary opacities to the item. We need: 1 256x256 black opacity, 1 256x256 white opacity, and our custom sleeve opacity. (When I black out textures, I often like to apply the black opacity map to the texture as well, but this is not a necessary step.)

For Materials 00, 03, and 07, apply the black opacity map. (Apply the same map to the texture slot as well, if desired.)

For Material 01, apply the custom opacity map.

For Material 02, apply the white map.



Hit Apply Changes. You will suddenly see your top, scarf, and torso disappear, looking as though you are invisible and only wearing the sweater!



Now its time to make the sweater a layered object. Note the Mesh Asset name (top.XMF), and then click "Remove Mesh". Click "Yes" in the pop up.



Your Mesh info will go away and turn gray. Click "Add", and in the pop up, choose a number larger than 20. I typically use 80. Click "Go".



Your Mesh information will re-appear, just as it was before. If you hit Apply Changes at this moment, you won't see your sweater at all. This is because the most important step is as follows: From the Mesh Asset drop down, re-select top.XMF by clicking another option in the drop down and then re-clicking top.XMF. You MUST click another mesh name before re-clicking top.XMF.



Now hit Apply Changes. You will now see the sweater over top the avatar's default outfit! Your sweater is now layerable. You can test it by trying on other clothing items from your inventory. Congratulations! The end result is this, a layerable version of the original sweater!


_________________


Last edited by Angelskiss2007 VIP Club Member 18+ Age Verified on Sat Oct 01, 2011 3:24 pm; edited 13 times in total
Back to top
View user's profile Send private message  
Angelskiss2007 VIP Club Member 18+ Age Verified
Moderator
Angelskiss2007 <a href='/vip_club/'><img src='/catalog/web_images/vip_35x18.gif' width='35' height='18' alt='VIP Club Member' /></a><!-- VIP Club Member Icon --> <a href='/age_verify/index/'><img src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 17 Dec 2007
Posts: 3263
Location: USA - IL

PostPosted: Sat Apr 09, 2011 9:33 am    Post subject: Reply with quote

Creating Layerable Accessories

**Under construction**
_________________


Last edited by Angelskiss2007 VIP Club Member 18+ Age Verified on Sat Oct 01, 2011 3:58 pm; edited 5 times in total
Back to top
View user's profile Send private message  
Angelskiss2007 VIP Club Member 18+ Age Verified
Moderator
Angelskiss2007 <a href='/vip_club/'><img src='/catalog/web_images/vip_35x18.gif' width='35' height='18' alt='VIP Club Member' /></a><!-- VIP Club Member Icon --> <a href='/age_verify/index/'><img src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 17 Dec 2007
Posts: 3263
Location: USA - IL

PostPosted: Sat Apr 09, 2011 10:08 am    Post subject: Reply with quote

Frequently Asked Questions

I want to make many layerable things to wear at once. Do I do anything differently?

You will want to follow all the same steps, but choose different mesh ids for each piece. You can have only 1 item assigned to a mesh id, so you can make a three part item on ids like 80, 81, and 82.
_________________


Last edited by Angelskiss2007 VIP Club Member 18+ Age Verified on Sun Dec 25, 2011 4:30 pm; edited 7 times in total
Back to top
View user's profile Send private message  
Angelskiss2007 VIP Club Member 18+ Age Verified
Moderator
Angelskiss2007 <a href='/vip_club/'><img src='/catalog/web_images/vip_35x18.gif' width='35' height='18' alt='VIP Club Member' /></a><!-- VIP Club Member Icon --> <a href='/age_verify/index/'><img src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 17 Dec 2007
Posts: 3263
Location: USA - IL

PostPosted: Sat Apr 09, 2011 10:11 am    Post subject: Reply with quote

**Reserved for Future Use**
_________________


Last edited by Angelskiss2007 VIP Club Member 18+ Age Verified on Sat Oct 01, 2011 3:10 pm; edited 3 times in total
Back to top
View user's profile Send private message  
Sup

Sup's page


Joined: 24 Apr 2008
Posts: 1006
Location: Germany

PostPosted: Sat Apr 09, 2011 11:09 am    Post subject: Reply with quote

I removed the mesh, and then added one at 80. After that I applied the changes and it was still gone Confused What happens when you click the original mesh?
Back to top
View user's profile Send private message  
Angelskiss2007 VIP Club Member 18+ Age Verified
Moderator
Angelskiss2007 <a href='/vip_club/'><img src='/catalog/web_images/vip_35x18.gif' width='35' height='18' alt='VIP Club Member' /></a><!-- VIP Club Member Icon --> <a href='/age_verify/index/'><img src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 17 Dec 2007
Posts: 3263
Location: USA - IL

PostPosted: Sat Apr 09, 2011 11:11 am    Post subject: Reply with quote

Did you remember to do the step of re-choosing the mesh xmf file? remember that if you see the name in the assets, you still need to click it again. You can even click the blank option first and then re-click the correct file. This is very important or else it won't show up. Smile
_________________
Back to top
View user's profile Send private message  
ImAaronLover

ImAaronLover's page


Joined: 06 Mar 2009
Posts: 4
Location: Bermuda

PostPosted: Wed Apr 20, 2011 7:57 pm    Post subject: Reply with quote

how you do the textures
Back to top
View user's profile Send private message  
Angelskiss2007 VIP Club Member 18+ Age Verified
Moderator
Angelskiss2007 <a href='/vip_club/'><img src='/catalog/web_images/vip_35x18.gif' width='35' height='18' alt='VIP Club Member' /></a><!-- VIP Club Member Icon --> <a href='/age_verify/index/'><img src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 17 Dec 2007
Posts: 3263
Location: USA - IL

PostPosted: Wed Apr 20, 2011 9:00 pm    Post subject: Reply with quote

I have a hair texture tutorial available in my group, Tutorials for Gimp.

http://www.imvu.com/groups/group/Tutorials%2Bfor%2BGimp/read.php?759690,31450321,page=5
_________________
Back to top
View user's profile Send private message  
MilkD0ll

MilkD0ll's page


Joined: 13 Jul 2010
Posts: 49
Location: Japan

PostPosted: Tue May 31, 2011 10:00 pm    Post subject: Reply with quote

okay -trys not to pull my hair out- okay so i know this is a hair subject but i decided to go on and make a skirt layerable well i did everything in your tut (was a very good tut btw ^_^) and everything was Grate in the client mode it looked good so i saved it and submitted it..that was till i tried it on in my closet..half of my body disapeard T_T idk what happened it looked fine..and it went to hell -throws a fit-
I'm just wondering what went wrong :/ why did it look good in the client then in my closet it changed ..did i miss something x_x
Back to top
View user's profile Send private message  
Angelskiss2007 VIP Club Member 18+ Age Verified
Moderator
Angelskiss2007 <a href='/vip_club/'><img src='/catalog/web_images/vip_35x18.gif' width='35' height='18' alt='VIP Club Member' /></a><!-- VIP Club Member Icon --> <a href='/age_verify/index/'><img src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 17 Dec 2007
Posts: 3263
Location: USA - IL

PostPosted: Tue May 31, 2011 10:11 pm    Post subject: Reply with quote

MilkD0ll wrote:
okay -trys not to pull my hair out- okay so i know this is a hair subject but i decided to go on and make a skirt layerable well i did everything in your tut (was a very good tut btw ^_^) and everything was Grate in the client mode it looked good so i saved it and submitted it..that was till i tried it on in my closet..half of my body disapeard T_T idk what happened it looked fine..and it went to hell -throws a fit-
I'm just wondering what went wrong :/ why did it look good in the client then in my closet it changed ..did i miss something x_x


Yeah, I can show you. ^.^ Give me the product ID? I'll see what I can do for ya. Smile
_________________
Back to top
View user's profile Send private message  
gunzablazen

gunzablazen's page


Joined: 29 Mar 2008
Posts: 1215
Location: Canada

PostPosted: Tue May 31, 2011 10:25 pm    Post subject: Reply with quote

MilkD0ll wrote:
okay -trys not to pull my hair out- okay so i know this is a hair subject but i decided to go on and make a skirt layerable well i did everything in your tut (was a very good tut btw ^_^) and everything was Grate in the client mode it looked good so i saved it and submitted it..that was till i tried it on in my closet..half of my body disapeard T_T idk what happened it looked fine..and it went to hell -throws a fit-
I'm just wondering what went wrong :/ why did it look good in the client then in my closet it changed ..did i miss something x_x


This may help you out...sorry I haven't done up a generic tut yet.

http://www.imvu.com/catalog/modules.php?op=modload&name=phpbb2&file=viewtopic.php&p=9131922
_________________
Back to top
View user's profile Send private message  
Angelskiss2007 VIP Club Member 18+ Age Verified
Moderator
Angelskiss2007 <a href='/vip_club/'><img src='/catalog/web_images/vip_35x18.gif' width='35' height='18' alt='VIP Club Member' /></a><!-- VIP Club Member Icon --> <a href='/age_verify/index/'><img src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 17 Dec 2007
Posts: 3263
Location: USA - IL

PostPosted: Tue May 31, 2011 10:26 pm    Post subject: Reply with quote

Yeah, yours is great. ^.^ I was going to expand on mine too, but that should help for now. Smile
_________________
Back to top
View user's profile Send private message  
MilkD0ll

MilkD0ll's page


Joined: 13 Jul 2010
Posts: 49
Location: Japan

PostPosted: Wed Jun 01, 2011 1:08 am    Post subject: Reply with quote

okay first of all i would like to say thankyou to both of you. 2nd of all it didn't work -sigh- i tried it 3 times to make sure i didn't miss anything and my arm came off >_<
I derived from this:
http://www.imvu.com/shop/product.php?products_id=8324953
i just wanted the skirt i don't care for the rest maybe im missing a step? thankyou both so much for everything so far <3
Back to top
View user's profile Send private message  
Display posts from previous:   


Hide ads? Get VIP!
Post new topic   Reply to topic    IMVU Forum Index -> Content Creator General Discussion All times are GMT - 8 Hours
Goto page 1, 2, 3 ... 16, 17, 18  Next
Page 1 of 18

 
Jump to:  
You can post new topics in this forum
You can reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


 FAQFAQ   UsergroupsUsergroups   RegisterRegister  ProfileProfile   Log in for private messagesLog in for private messages 

Search the forums:


Powered by phpBB