TS4 help – Creating custom catalog thumbnails.

Tonight I was asked for help in creating custom thumbnail swatches to go with recoloured picture frames by the very same person who inspired the custom image sharpness post here. Since I’ve been so lazy procrastinating about creating custom thumbnails for my CC (which I’ve only now just gotten around to doing), I figured I may as well post a how-to on the subject. At least that way there’s no excuses for next time (unless I’m still procrastinating which, knowing me, is highly possible…)

This is a stripped-down version of the original guide found at Sims 4 Studio – all credit goes to OrangeMittens, Andrew, Bakie, and the rest of the crew at S4S for this. I just abbreviated it and added my own tips and observations at the end. There’s also instructions on what to do if you’re experiencing transparent swatches in Sims 4 Studio.

==============================================================

  1. Put your .package file in your usual Mods folder.  Load your game.
  2. In the build/buy catalog, look at every swatch entry for your object. This will automatically generate thumbnails in S4S. You’re not placing the object in world, you’re just hovering your mouse cursor over and looking at each recolour from the buy catalog. (If you buy it and place it in-world and then try to change the colours that way, this won’t generate thumbnails). That’s it. Then close your game.
  3. Open your .package file in S4S. 
  4. Click each numbered swatch to see the newly generated thumbnails (they will appear under the Catalog Thumbnail box).
  5. Export thumbnail #1 and save to desktop.
  6. Open thumbnail #1 in Gimp (or other picture editing software).
  7. Add a new layer. Create text in this new layer – anything to identify it as “yours” (This will show up over the top of your thumbnails in the buy catalog – In the example above I chose the text RLH).
  8. Hide or delete the original thumbnail image so only text (or your identifying mark) is showing.
  9. Save (or use the option ‘Export As’ if you’re using Gimp) as a .png. Close Gimp. 
  10. Return to S4S. Click on the Tools tab > Modding > Catalog Thumbnail Overlay.
  11. Navigate to your .png and select it.
  12. You should then see your .png image over the top of all your custom thumbnails for each swatch.
  13. Save .package and return it to your Mods folder. Load game to test.
If successful, this is an example of what you should see in-game.
(Note that I deliberately left my swatch thumbnails as solid colours and didn’t export individual custom swatches
as colours are referenced in the product description).

What to do if your thumbnail swatches are transparent.

The easiest thing you should do is try clearing your Thumbnail Cache – this will force the game to generate new ones (so don’t worry about screwing up your game). To do this, go into S4S > Tools > Clear Thumbnail Cache, or try deleting the file localthumbs.cache from your Documents\Electronic Arts\The Sims 4 folder (both methods do the same thing, they’re just different ways of doing it). Then restart your game.

After loading, repeat steps #1 – 4 listed as above: look at each recolour swatch from the buy catalog in game, and then going back into S4S and see if they show up this time. If they do, repeat the rest of the steps to create custom thumbnails. If they don’t, make sure S4S is looking for them in the right place.

Open S4S > Settings. Next to where it says Sims 4 Documents, make sure the path that follows reads Documents\Electronic Arts\The Sims 4 and NOT Documents\Electronic Arts\The Sims 4 folder\Mods, or anything else.

If you’re still having problems, try this step here. Hopefully that solves it, and you should now have some professional looking thumbnails showing over your recolours in your game.

TIP: Instead of having to recreate the .png overlay for every recolour project (the overlay created in step #9), save it somewhere handy so you can use it again (unless you plan on changing your overlay design). That way for all future recolours you can bypass steps #5 – 9 as you already have an image created. You will still need to do steps #1 – 4, and #10 – 13 (generating thumbnails in game, and applying the overlays respectively) for each project, but applying the same .png will save time as catalog thumbnails are the same size and your .png will fit every project from here on out.

As always, good luck! 🙂

TS4 help – Custom image sharpness.

Probably not the best place for it, but while I’m thinking about it I may as well add it here. Maybe someone might be curious enough to stumble across it and find it useful, who knows?

If you’re reading this I’ll assume you have some idea how to recolour an object using Sims 4 Studio (and if not send me a message and I might do a guide here, but there’s plenty on Google search already). This is a quick step-by-step guide on how to make blurry images appear just that much sharper. Feel free to skip if you already know. This is especially handy for those creating family photos to hang on their Sims walls using screenshots taken in-game. I’m sure there are other ways of doing it, but this is the method that works best for me.

Picture #1.
  1. Open S4S and load the object you wish to recolour. Export your texture (red arrow) to your desktop.
  2. Minimize S4S. Go to your desktop. Open your image (orange arrow) in MS Paint.
  3. Select all (CTRL+A). Resize image to DOUBLE it’s original size. In my example, I’m doing a recolour of the ‘Llamacorn Team photo’ which is 124×256 pixels. I resize it to 256×512 pixels. Then save. Close Paint.
  4. Open your (resized) image in Gimp (or other picture editing software).
  5. Add your recolour/image as you wish. In my example I placed an ultrasound image over the team picture. Save image. Close Gimp. (NOTE: If you are using Gimp you will have to ‘Export As’. Ensure file is .png not .xcf before closing Gimp).
  6. Return to S4S. Import your texture to test. Save as you normally would or continue making recolours*. Drop the .package file in your Mods folder. That’s it!

*If you are creating recolours for more than one colour swatch you will need to repeat the process/resize ALL before you begin recolouring. In my example, my frame is dark brown. Say I wanted to have my ultrasound picture in all 3 colour swatches just like the original object (see Picture #1), I would need to create swatches for those colours and repeat the steps above for each one. (TIP: creating visible layers to hide each recolour/image for one particular frame/swatch will save you time if you use Gimp).

Picture #2.

I know the images don’t align perfectly, but the above shows an example of the difference in clarity you’ll get by simply doubling the original texture size. I don’t know how big you can actually make it, I just know this method has worked for me. It’s simple and I hope that helps, but if you have any questions just ask. I’ll help if I can.

If you’re looking to create custom catalog thumbnails for your new clear recolours, check out this post here.

Good luck! 🙂