The Sims Creators' Consortium


 
HomePortalCalendarFAQSearchRegisterLog in
Share | 
 

 Adding Thumbnails to Custom Content

View previous topic View next topic Go down 
Go to page : 1, 2  Next
AuthorMessage
k2m1too
Member


Posts: 985
Join date: 2012-02-25
Location: Sunlit Tides

PostSubject: Adding Thumbnails to Custom Content   Sat Aug 17, 2013 2:13 pm

Hard Hat Zone  This tutorial is still under construction!  Your feedback is welcome and appreciated!  Hard Hat Zone 

Imagine - you just spent the day plundering the inter-web for the latest CC-goodies for your Sims.  You install it all into your game, eagerly go into CAS and discover that half of it doesn't have custom thumbnails.  You can't tell which is which or even who made it.  You see that some items do have thumbnails and wonder, "Is there a way to fix this"? Yes, there is.
Getting Started

Who is this tutorial intended for:

This tutorial is suited to an advanced-beginner who can successfully install and use custom content, but doesn't necessarily make it themselves (though there are plenty of cc-makers who could benefit from it too!)  In order to accomplish the steps of this tutorial, you should be familiar with basic photo editing techniques.

What this tutorial will do:

  • Show you how to add a custom thumbnail to an existing piece of custom content.

What this tutorial will not do:

  • Teach you how to install and use custom content.
  • Teach you how to create custom content of any sort.
  • Teach you how to work with photo editing software.
  • Teach you how to use s3pe for any purpose other than the one described herein.
  • Teach you how to save the world from alien domination.

What you will need:

  • s3pe or any tool that can search, export and import from package files.  (I'm only familiar with s3spe, so this tutorial will focus on that.)
  • Photo editing software capable of saving files as file type .PNG.  The software you choose is up to you and can be as fancy of simple as you like.

Background

Adding a thumbnail to a piece of custom content is fairly easy and straight forward.  This tutorial is primarily focused on CAS parts, but the same general principle can be applied to buy/build objects as well.  The exercise below will walk you through the process step by step for eye shadow.

Please note that while the basic principle is the same regardless of the type of the item, there are some key differences.   For other types of items, please refer to the Quick Reference section.

Important Notes Before we begin:

  • This process is intended specifically for .package items.  If your item is a .sims3pack, you will have to convert it in order to accomplish this task.  You can do this using Delphy's Sims 3 Pack Multi-Extractor.  However, exact instructions on how to do this are outside the purview of this tutorial.
  • If you are one of those people who combine all of your cc into single files (and there is nothing wrong with that), you will be hating life if you attempt to follow these instructions as-is. It can be done, but my recommendation is to fix the image before you combine your cc into a single file if possible.

Part 1 – Walkthrough

WARNING: DO NOT ATTEMPT TO EDIT INSTALLED CUSTOM CONTENT FILES WHILE THE GAME IS RUNNING.  YOU MUST CLOSE THE GAME BEFORE YOU BEGIN.

Step 1. Select a piece of custom content in need of a thumbnail. Make a backup copy of this item and tuck it in a safe place (other than your mods folder).  For the purposes of this demonstration, I will be using Ephemera's "Drama" eye shadow.

Step 2. Create image(s) to use for your thumbnail(s).  The size of the image, as well as how many are required, varies depending on the type of item.  For the purpose of this exercise (eye shadow), you will need only one image and it must be 256 x 256 pixels. For other types of items, refer to the Quick Reference Guide.  Regardless of the type of item, the image must be a .PNG file.

What is in your image is completely up to you since you are doing this for your own benefit.  The image does not need to be overly fancy.  In fact, given the size, you will probably want to stay with something simple.  Typically you will want an image of the item itself with some sort of identifying tag. Be aware that the game puts its own little icon in the bottom right-hand corner to differentiate store and custom items, so you will want to steer clear of that area.

To the left is a sample that I use. It's quick and dirty but it shows the item in question and gives enough information for me to know what the item is.
Step 3. Startup s3pe and open your .package file. (File-->Open).

Step 4. Before you import your thumbnail, you need to get some information off of the item itself.  For CAS Parts, you need to locate the row with the tag, "CASP".  For skin, you will need to locate the "TONE" record.  For Buy/Build objects you need to locate either the "OBJD" or the "OBJK" record.



Once you locate the appropriate row, double-click on it to bring up the Resource Details window.  DO NOT CHANGE ANYTHING ON THIS FORM.  All you want to do is copy the "Instance" value.  Once you have done that, you can close this window.



Step 5. From the menu, select "Resource"-->"Import"-->"From File" (or CTRL-SHIFT-M).  

[edit: 02/16/2014]

The Import Resources dialog will open.  At the bottom of this dialog, you will see an entry box labeled "File Name" and next to it will be a combobox (highlighted in yellow in the image below). Make sure that this combobox say "All Files (*.*)".  Navigate to where your thumbnail is located (make sure it is .png!), select it and click "Okay".  (Or double click your thumbnail).



The Resource Details window will pop up again.  This time you do want to change the values.

For "Instance", paste in the value you copied in Step 4.  This value must match that of the object you are modifying (CASP or OBJK/OBJD).

The values you enter for "Type" and "Group" will vary depending on the object you are modifying as well as the size of the image.  For this example, we are modifying an eye shadow and the image is 256x256, so  select "THUM 0x626F60CE" for "Type" and leave "Group" at the default value (0x00000000). For other types of objects, refer to the Quick Reference Guide.



Leave all other settings alone and click okay.  Your image will now be attached to your item.  Click on the "THUM" resource, and you should see your image displayed to the right.



Step 6. Save the newly modified .package file ("File"-->"Save").  You can close s3pe now if you like, or you may leave it open if you have more items you want to do.

Step 7. Fire up your game, go into CAS and check your results.  If your item still does not show your custom thumbnail:

  • Exit the game.  Locate the file, "CASThumbnails.package" (or "ObjectThumbnails.package" if it is a Buy/Build object you were working with).  It is in the "..\Electronic Arts\The Sims 3\Thumbnails" subdirectory.  Back it up if you like and then delete it.  Go back in your game. You will need to wait for a while as the game rebuilds the thumbnails.
  • Verify that you made all of the correct settings.  It is very important that you use the right "Type" value for the size of image and type of object. Make sure the instance is set right for your item.  Make sure that the "Instance" value on the image matches that of the object itself.

Part 2 – Replacing an Existing Thumbnail

Sometimes an item will already have a lovely custom thumbnail, but you will want to change it.  Maybe you can't quite make out the text because of the font they creator used, or it's hidden behind EA's custom content icon. Whatever your reason, you can replace them.  

Step 1: Create the replacement image as you would if you were starting from scratch.

Step 2: Open the package file with s3pe and locate the existing row marked with "THUM".  If there is more than one, make sure you are selecting the right one based on the type of object you are editing and the size of file. Select the row to highlight it.

Step 3: From the menu, select "Resource"-->"Replace".  Select the new image file.  You do not need to change any settings (assuming they were correct).  Click "Okay".

Step 4: Save.

Part 3 – Other Considerations

The object has a thumbnail, but it isn't showing in-game

Sometimes you will run across an item that doesn't seem to have a thumbnail in-game, but when you go to edit it you find that there is one there.  Chances are, they simply set the properties incorrectly.  Review the settings on the thumbnail and ensure they match those for an item of that type.  (Refer to the Quick Reference Guide).

What the heck item is this?!

If you are like me, you will probably want to take a picture of the item in game to use on your thumbnail.  The problem is you have a bunch of items that don't have thumbnails and have no idea which package to edit.  What I did was open each .package and determine if it had a thumbnail or not.  For those that did not, I created generic thumbnails that simply had identifying information (e.g. the creator name and which object it was).  When I went back in game I could determine which objects still didn't have thumbnails showing (e.g. the settings are wrong) as well as identify which item I was selecting so I could photograph it.  I then updated the placeholder thumbnail with one that had the image on it.

I like the default image but I want to put a watermark on it.

Yes you can do this too.  It can be tedious depending on the amount of stuff you have.  What you need to do is open the "CASThumbnails.package" (or "ObjectThumbnails.package" for objects) in s3pe.  You will see a whole bunch of "THUM" records.  If you select a row, you will see a nifty little preview on the right-hand side of the screen.  Click through each of them until you find the one you want.  From the menu, select "Resource"-->"Export"-->"To File". Save the file where ever is convenient for you.

Thumbnails and Custom Skin Hard Hat Zone 

I know this process can be done for skintones, as I have some that have watermarks on their color pickers.  However, I have not been able to successfully correct one that does not.  I will update this section once I have learned how to do this correctly.

Thumbnails and Costume Makeup Hard Hat Zone

The process for adding a thumbnail to Costume Makeup is nearly the same as for Eyeshadow or other CAS Parts.  However, because of the way that the game displays the thumbnails in game, you will only see the middle part of the thumbnail.  I do not have an exact measurement of how much is shaved off the edges.  When I have better guidelines for that, I will update this tutorial.

Appendix A: Quick Reference Guide

Object TypeImg Size(s)TypeGroupInstance
Eyebrows *128 x 128THUM 0x626F60CD0x00000001Same as CASP record.
Eye shadow, Eyeliner, Blush, Lipstick256 x 256THUM 0x626F60CE0x00000000Same as CASP record.
Costume Makeup **TBDTBDTBDSame as CASP record.
HairTBDTBDTBDSame as CASP record.
Clothing/Shoes/AccessoriesTBDTBDTBDSame as CASP record.
Skin **TBDTBDTBDSame as TONE record.
Buy/Build Objects ***


(Yes, you need all 3)
32 x 32THUM 0x0580A2B40x00000000Same as OBJK/OBJD record.
64 x 64THUM 0x0580A2B50x00000000
128 x 128THUM 0x0580A2B60x00000000
* Yes, eyebrows have a group value of "0x00000001".  Why it is different, I have no clue.

** These items require special considerations when making their thumbnails.  Please refer to "Part 2 – Other Considerations".

*** I have included the Buy/Build section for ease of reference, but I have not tested these for accuracy.

Appendix B: References

Creating Custom Thumbnails by HugeLunatic : This tutorial was written specifically for Buy/Build objects and does not cover CAS Parts.

"Custom thumbnails for eyebrows?", a thread at ModTheSims :  I gleaned more information about the size and type settings for CAS Parts here.

[url=http://tamosim.blogspot.com/2011/02/how-to-add-thumbnail-to-custom-makeup.html]"How to Add a Thumbnail to Custom Makeup" by Tamo : This tutorial was written in the context of making CC with TSRWorkshop (which I don't do).  However, it had good information on the format for Costume Makeup.

Appendix C: Edit Log

DateChange
02/16/2014Added missing photo and instructions to Part 1, Step #5.


Last edited by k2m1too on Sun Feb 16, 2014 12:27 pm; edited 11 times in total
Back to top Go down
http://www.thesims3.com/userExchange.html?selectedAsstType=all&persona=k2m1too http://simerdown.blogspot.com/
k2m1too
Member


Posts: 985
Join date: 2012-02-25
Location: Sunlit Tides

PostSubject: Re: Adding Thumbnails to Custom Content   Sat Aug 17, 2013 2:15 pm

I am looking for guinea pigs to read through and attempt to follow this tutorial. I am looking for any and all constructive criticism and suggestions.

Is it helpful?

Is it clear?

Is it easy to follow?

Would you recommend it to friends?

(Yes, I realize the images are missing! I am still working on them!)
Back to top Go down
http://www.thesims3.com/userExchange.html?selectedAsstType=all&persona=k2m1too http://simerdown.blogspot.com/
Buttonsginger
Admin


Posts: 7594
Join date: 2012-01-30
Age: 48
Location: USA

PostSubject: Re: Adding Thumbnails to Custom Content   Sat Aug 17, 2013 2:19 pm

HappyTrio AWESOME!!!! HappyTrio

.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:.


Everyone here is our Featured Artists, so lets Showcase our Creations!Click here Remember to post your sims Everyone! thumbs up

“If you never did you should. These things are fun and fun is good.”
― Dr. Seuss

to Patches!
Back to top Go down
http://www.thesims3.com/mypage/BUTTONSGINGER/mystudio http://buttonsginger.wordpress.com/ Online
k2m1too
Member


Posts: 985
Join date: 2012-02-25
Location: Sunlit Tides

PostSubject: Re: Adding Thumbnails to Custom Content   Sat Aug 17, 2013 2:21 pm

Thanks BG. Does that mean you are volunteering?! Wink 
Back to top Go down
http://www.thesims3.com/userExchange.html?selectedAsstType=all&persona=k2m1too http://simerdown.blogspot.com/
Buttonsginger
Admin


Posts: 7594
Join date: 2012-01-30
Age: 48
Location: USA

PostSubject: Re: Adding Thumbnails to Custom Content   Sat Aug 17, 2013 2:23 pm

Yeppers! But it may be a while before I have time to get to it. Whistle 

.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:.


Everyone here is our Featured Artists, so lets Showcase our Creations!Click here Remember to post your sims Everyone! thumbs up

“If you never did you should. These things are fun and fun is good.”
― Dr. Seuss

to Patches!
Back to top Go down
http://www.thesims3.com/mypage/BUTTONSGINGER/mystudio http://buttonsginger.wordpress.com/ Online
k2m1too
Member


Posts: 985
Join date: 2012-02-25
Location: Sunlit Tides

PostSubject: Re: Adding Thumbnails to Custom Content   Sat Aug 17, 2013 2:31 pm

Cool  Sweet! Thanks BG! Take your time.
Back to top Go down
http://www.thesims3.com/userExchange.html?selectedAsstType=all&persona=k2m1too http://simerdown.blogspot.com/
k2m1too
Member


Posts: 985
Join date: 2012-02-25
Location: Sunlit Tides

PostSubject: Re: Adding Thumbnails to Custom Content   Sun Aug 18, 2013 1:05 pm

Okay, finally updated with pictures now. I had to remove the section on custom skin tones for now. I thought I had a working method, but it turns out it didn't. I have posted a question to MTS about it. As soon as I have a working method, I will update again.
Back to top Go down
http://www.thesims3.com/userExchange.html?selectedAsstType=all&persona=k2m1too http://simerdown.blogspot.com/
k2m1too
Member


Posts: 985
Join date: 2012-02-25
Location: Sunlit Tides

PostSubject: Re: Adding Thumbnails to Custom Content   Thu Aug 22, 2013 5:35 pm

hmm  Any other volunteers to evaluate this tutorial? If it's not useful, I don't want to continue on with it...
Back to top Go down
http://www.thesims3.com/userExchange.html?selectedAsstType=all&persona=k2m1too http://simerdown.blogspot.com/
Buttonsginger
Admin


Posts: 7594
Join date: 2012-01-30
Age: 48
Location: USA

PostSubject: Re: Adding Thumbnails to Custom Content   Thu Aug 22, 2013 5:44 pm

I'm sure it is very useful! I will have time to give it a look not this weekend but the next. I am just incredibly busy with work and third grade atm Whistle 

.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:.


Everyone here is our Featured Artists, so lets Showcase our Creations!Click here Remember to post your sims Everyone! thumbs up

“If you never did you should. These things are fun and fun is good.”
― Dr. Seuss

to Patches!
Back to top Go down
http://www.thesims3.com/mypage/BUTTONSGINGER/mystudio http://buttonsginger.wordpress.com/ Online
k2m1too
Member


Posts: 985
Join date: 2012-02-25
Location: Sunlit Tides

PostSubject: Re: Adding Thumbnails to Custom Content   Thu Aug 22, 2013 5:47 pm

Sorry, BG! I wasn't snarking at you! I know you will get to it when you can! I was hoping to get others in addition to you!
Back to top Go down
http://www.thesims3.com/userExchange.html?selectedAsstType=all&persona=k2m1too http://simerdown.blogspot.com/
Buttonsginger
Admin


Posts: 7594
Join date: 2012-01-30
Age: 48
Location: USA

PostSubject: Re: Adding Thumbnails to Custom Content   Thu Aug 22, 2013 7:37 pm

I knew you aren't snarking at me. Wink I really thought I'd have more time to read it through. It actually started pouring this afternoon and I opened my game up and was able to play for a few minutes before RL interrupted and then it stopped raining and dried off, so back to work I went. Still there actually.  Thank goodness for my phone or I'd never get online PlayBall

.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:.


Everyone here is our Featured Artists, so lets Showcase our Creations!Click here Remember to post your sims Everyone! thumbs up

“If you never did you should. These things are fun and fun is good.”
― Dr. Seuss

to Patches!
Back to top Go down
http://www.thesims3.com/mypage/BUTTONSGINGER/mystudio http://buttonsginger.wordpress.com/ Online
Buttonsginger
Admin


Posts: 7594
Join date: 2012-01-30
Age: 48
Location: USA

PostSubject: Re: Adding Thumbnails to Custom Content   Fri Aug 23, 2013 9:46 am

I have read through to the point I am confused. Rolling Eyes  Mind you, I don't have S3pe open nor am I trying to actually change a thumbnail. I am just reading through.  





I am not sure where to copy the instance number from and where to paste it. You might indicate on each image with an arrow or something where we are to copy and past to. Also, are the instructions for each image above or below the image? Did that make sense? I usually place the image then the instructions for the image below the image.......oh wow, did that make sense?

It looks great, very nicely worded and easy to follow. I know I would use this a lot. applause 

.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:.


Everyone here is our Featured Artists, so lets Showcase our Creations!Click here Remember to post your sims Everyone! thumbs up

“If you never did you should. These things are fun and fun is good.”
― Dr. Seuss

to Patches!
Back to top Go down
http://www.thesims3.com/mypage/BUTTONSGINGER/mystudio http://buttonsginger.wordpress.com/ Online
k2m1too
Member


Posts: 985
Join date: 2012-02-25
Location: Sunlit Tides

PostSubject: Re: Adding Thumbnails to Custom Content   Mon Sep 02, 2013 12:02 pm

Okay for some silly reason I never got an email notice that you'd replied. Sorry for ignoring!

I guess the photo above/below is a preference thing. I've always preferred the text first, followed by the image. I suppose putting "Illustrated below" or something in the text might help.

As for what "instance" value... I guess it wasn't clear that I was talking about the entry box on the form labelled "Instance". (In both cases). I'll add some highlights around it.

Does the whole thing just seem overly wordy? I keep feeling like it ought to be edited WAY down....
Back to top Go down
http://www.thesims3.com/userExchange.html?selectedAsstType=all&persona=k2m1too http://simerdown.blogspot.com/
Buttonsginger
Admin


Posts: 7594
Join date: 2012-01-30
Age: 48
Location: USA

PostSubject: Re: Adding Thumbnails to Custom Content   Mon Sep 02, 2013 1:22 pm

No problem!

No I don't think it is at all to wordy!

.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:.


Everyone here is our Featured Artists, so lets Showcase our Creations!Click here Remember to post your sims Everyone! thumbs up

“If you never did you should. These things are fun and fun is good.”
― Dr. Seuss

to Patches!
Back to top Go down
http://www.thesims3.com/mypage/BUTTONSGINGER/mystudio http://buttonsginger.wordpress.com/ Online
Buttonsginger
Admin


Posts: 7594
Join date: 2012-01-30
Age: 48
Location: USA

PostSubject: Re: Adding Thumbnails to Custom Content   Mon Sep 02, 2013 1:24 pm

But then again I need a lot of "slpaining"!

.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:._.:*~*:.


Everyone here is our Featured Artists, so lets Showcase our Creations!Click here Remember to post your sims Everyone! thumbs up

“If you never did you should. These things are fun and fun is good.”
― Dr. Seuss

to Patches!
Back to top Go down
http://www.thesims3.com/mypage/BUTTONSGINGER/mystudio http://buttonsginger.wordpress.com/ Online
 

Adding Thumbnails to Custom Content

View previous topic View next topic Back to top 
Page 1 of 2Go to page : 1, 2  Next

 Similar topics

-
» Adding Black Skin Into Your TOP2 Game (Detailed)
» New content
» About content
» Custom Mode
» Custom Quests

Permissions in this forum:You cannot reply to topics in this forum
The Sims Creators' Consortium :: Sim's Nation with Buttonsginger :: Sim Tutorials-