Creating Walls, Floors, and Groundcover in Paint.NET
This part of the tutorial is just if you're using Paint.NET - if you're using Photoshop, skip past this part to the
Homecrafter section.
Wall Texture
1: Open Paint.NET. It should have a shortcut on your Desktop as well as under Start - Programs - Paint.NET and possibly a Quick Start icon as well.
2: Let's start by creating the right size image for a wall texture, so we have a canvas to work with. File - New (or CTRL-N) will bring up options for your new image. Make sure all of your settings are the same as shown, especially the size, 256 x 768.
3: Start another copy of Paint.NET (as it won't let you have two things open in the program at once... a bit of a limitation, but, hey, it's free) and open your background image.
4. We're going to want the background repeated once across each piece of wall, and twice down each piece of wall. Let's resize it so it fits. Image - Resize to bring up the resizing dialog box.
a. In the dialog box, make sure Maintain aspect ratio is unchecked, so we can change the width and height independently, not relative to one another.
b. Then, change the width to '256' to make the image the same width as the wall texture.
c. Change the height to '384' - this will make it a little taller than it was originally, but won't distort it too much. We're using 384 because it's half of 768, so we'll repeat this image twice along the height of the image.
5. Because Paint.NET's resize kinda blurs images, let's sharpen it up a bit. Effects - Sharpen will bring up the sharpen filter dialog box. A value of 2 will return the image to about the same sharpness as before, perhaps a little more sharp, but since we'll be continuing to manipulate the image, a little extra sharpness can't hurt.
6. Now Edit - Select All (or CTRL-A) and then Edit - Copy (or CTRL-C) to copy your resized background image. Then, switch over to the blank wall texture. The Layers window should be at the bottom right of your screen; if it's not, you can bring it up in Windows - Layers or by pressing F7 on your keyboard. Click the New Layer button to give a new layer to work on and then Edit - Paste (or CTRL-V) to paste your background image into the new layer.
7. Click the Move tool so you can move the background image. Use the down arrow on your keyboard to move the new layer down to the bottom of the wall texture. You can hold down CTRL and press the down arrow key to move in larger increments, or just use the down arrow by itself to move it by a single pixel.
a. Use the Zoom tool and click on the image to zoom in to get a closer look at the bottom of the image.
b. Use the Move tool again if you need to fix the background's positioning - it should come right up to the bottom with no white space.
8. Right-click with the Zoom tool to zoom back out. Create a second new layer the same way you did the first, and then paste another copy of the background image into your wall texture document. This second one you shouldn't have to change the positioning of at all; it should be right at the top.
9. The texture as-is would work for a wallpaper, but it's a little bland. Let's add the border to the top. Switch back to the other open copy of Paint.NET (with your background image in it) and open the border image (you don't need to save changes to the background unless you want to for some reason). Again, make sure Maintain aspect ratio is unchecked, and then change the width to '256' (the width of the wall texture). Because this is a rather tall border, I think it'll look better if we make it a little shorter, so I'll take it from 130 pixels down to 100. If it were a little shorter to begin with, I could just leave Maintain aspect ratio checked and change the width to 256, and let it make the height the right number to stay in proportion with the width change.
10. Again, because of the resize it's a little fuzzy, so Effects - Sharpen again (or Repeat Sharpen should be at the top of the Effects menu). Edit - Select All and Edit - Copy to get ready to move the sharper resized border over to the wall texture.
11. Switch back to the wall texture image and create another new layer. Edit - Paste to paste the border into the wall texture. Niftily enough, it'll be right at the top. Isn't that convenient?
12. That looks a lot nicer, but let's do one more little thing to make this a bit more interesting. Switch back to open document with the border. Edit - Deselect to remove the previous selection. Using the Rectangle Select tool, draw a box from outside the image's bottom left corner up and to the right to select just the bottom part of the image as shown. If you mess up and grab too much or too little, Deselect and try again. Edit - Copy to copy the selected part of the border.
13. Switch back to the wall texture. Create another new layer and Edit - Paste to paste that little bit of border into the new layer. Layer - Flip - Vertical will flip the new pasted piece (it'll also pop it down near the bottom). Edit - Select All and then click the Move tool. Now use the arrow keys on your keyboard to move the piece of border to the very bottom. Remember, you can CTRL-down arrow to move in larger increments, and the Zoom tool to make sure you have the piece right at the very bottom.
14. Zoom out and take a look at your wall texture. Everything should be positioned just right. If it's not, select the layer the part is on that you want to change, then select the Move tool, and use the arrow keys on your keyboard to change its positioning (but if you followed the directions above, everything should be fine already).
If you don't already have one, make yourself a 'Sims 2 Projects' folder somewhere you can find it easily (in My Documents or on your Desktop are good places) with a subfolder for Walls. File - Save As and save your image as the default type, .pdn. This will save the document as-is, with all of the layers intact, in case you want to go back and make changes later.
15. Then, File - Save As again and change the Save as type dropdown to Bitmap (BMP). Homecrafter will only import bitmaps, so this is what we want. Save your file as a bitmap, too, in that same Walls folder.
*** Edit: New information discovered June '06! You must first resize your walls to 256x512 before saving as a .bmp (and sharpen them too, in Paint.NET). Walls at 256x768 (or ANY other sizing except 256x512) will show as grey for Mac users, though they'll work fine for PC users. Please resize before saving so your walls work correctly for everyone.
16. When you get a message asking if you would like to flatten the image, say Yes.
Floor Texture
We're going to take a nice floor and change the colour so it matches the walls, and make it a little more carpet-like.
17. You'll want the finished wall texture open in one Paint.NET window, and to have your source image for the floor in another, so you can see them both. If you just finished the wall part of this tutorial, you can use the still-open window with the border image to open your floor image; otherwise open both of them and arrange the windows as shown by un-maximizing them and pulling on their edges and corners. You may need to close some of the windows (like the layers and colours) to see everything.
18. Blue? That certainly doesn't match the wall. The goal is to make that floor a nice, low-saturation light yellow-brown. Layers - Adjustments - Sepia will give you this as a result:
19. Sepia's a lot closer, and evens out the difference in colours in different parts of the pattern (the original was a little more yellowish in places), but it's still too red. Layer - Adjustments - Hue/Saturation will allow you to adjust this more exactly. There's really no trick to getting the settings on this just right; just keep playing with the sliders until you get something that looks right to you.
20. Now that it's pretty close to the wall, you can maximize the window for the floor texture to have a little more area to work on. Image - Resize and change the width to 256 and the height to 256.
21. Again, the image is blurred by doing this, but in this case, that's okay, since we're going to make a carpet and the pattern wouldn't (and shouldn't) be very clear anyway. In fact, let's make it look more carpet-like. Effects - Add Noise. Turn the Color Noise slider down all the way to 0, and then play with the Intensity slider. You want enough noise so that your pattern isn't crisp, like it's stenciled on, but you also don't want so much that you can't easily see the pattern.
22. That looks nice! Let's save it. If you haven't already, make yourself a folder under your Sims 2 Projects folder called Floors. File - Save As and save your floor as a bitmap (.bmp) in the Floors folder. We don't have any separate layers to worry about, so we don't need to save it as a .pdn first, just a .bmp.
Groundcover Texture
23. Because we're making ground cover, it doesn't have to match exactly to the wall texture, but if we were going to use them on the same lot, it might be nice for them to be similar in colour or tone, for a little more unity for the whole lot. So let's open the source for the ground cover, a nice craggy rock texture, and the wall texture we've created, and arrange them as before, so we can see both of them at the same time.
24. Layer - Adjustments - Hue/Saturation. Play with the sliders until you get something nice that coordinates fairly well with the wall texture.
25. Then you can maximize the ground cover window as we won't be needing to compare it to the wall anymore. The result of the Hue/Saturation is nice, but it's a bit boring. Let's make the texture look like there are bits of moss clinging to the stone. Edit - Select All and Edit - Copy to copy the texture as-is. Click 'Add New Layer' on the Layers window and then Edit - Paste to paste the texture into this new layer. You'll now have two layers, both with the same texture on them.
26. Let's get a mossy background colour.
a. Uncheck the box next to Layer 2 to temporarily hide the layer.
b. Click on the Background layer to select it, so our changes will be made to it and not Layer 2.
c. Then do Hue/Saturation again, and play with the sliders to get a nice mossy green.
27. And now we'll combine the moss with the regular texture.
a. Re-check the box next to Layer 2 to make it visible again.
b. Then click on Layer 2 to select it, so our changes will be made to it and not the Background.
c. Click on the Eraser tool.
d. Adjust the tool settings so they match the ones shown in the screenshot.
e. Now use small single-clicks on the image to erase little bits of Layer 2. Don't get too close to any of the edges or you'll have an obvious line where two pieces of ground cover come together. Also, take care not to overdo it - we want a little bit of moss, not overgrown. You can always Edit - Undo if you make a mistake, or use the History window to undo several recent changes at once.
28. Now we'll make the image the right size. Image - Resize and change the width and height both to 256.
29. File - Save As and save your document as a .pdn, so if you'd like to make any changes, you still have the layers separate. Save it in your Sims 2 Projects folder, under folder you'll create called Groundcovers
30. Image - Flatten will combine Layer 2 with the Background so all you have is one layer, the Background. Then Effects - Sharpen again to get rid of the blurriness caused by resizing.
31. File - Save As and save your image as a .bmp in your Sims 2 Projects/Groundcovers folder.