PDA

View Full Version : Which pattern would be the easiest to start with?


cheezypuff121P
9th Jun 2009, 1:59 AM
Today I found two geometric patterns that I was getting ready to prep for HP's pattern tutorial. However, I don't know which one would be easier/more suitable for the tutorial, since I'm not really familiar with making patterns.

Which pattern do you suggest I start with? :blink:

http://i288.photobucket.com/albums/ll177/Cheezypuff_2008/The%20Sims%203/FFFCE5232415C11850C15087_136-1.png

http://i288.photobucket.com/albums/ll177/Cheezypuff_2008/The%20Sims%203/Duralee25239OgeeAutumn132-1.jpg

Credit for the patterns go to The Fabric Finder and PatternCooler ;)

EDIT: Re-sized the pictures

Misty_2004
9th Jun 2009, 2:55 AM
I'm rather in the same boat you are, so I was thinking for my first test pattern I just might make a pattern with four squares just so I can make sure I am understanding what needs to be done. Then if I don't manage to have epic fail over that, move onto something a bit trickier.

Creating content for TS2 intimidated me for a long time and I discovered in the end it wasn't worth it. After reading everything I could get my hands on today for creating these patterns gives me the feeling my newfound intimidation is justified.

Having said all that, though, I think the one on the top with the straight lines might be the easiest choice. I'm saying that based on the thoughts of having to trace for vector layering. Straight lines are always easiest for that.

cheezypuff121P
9th Jun 2009, 3:03 AM
I'm rather in the same boat you are, so I was thinking for my first test pattern I just might make a pattern with four squares just so I can make sure I am understanding what needs to be done. Then if I don't manage to have epic fail over that, move onto something a bit trickier.

Creating content for TS2 intimidated me for a long time and I discovered in the end it wasn't worth it. After reading everything I could get my hands on today for creating these patterns gives me the feeling my newfound intimidation is justified.

Having said all that, though, I think the one on the top with the straight lines might be the easiest choice. I'm saying that based on the thoughts of having to trace for vector layering. Straight lines are always easiest for that.

I always felt the same in regards to creating TS2 custom content; it just wasn't worth it. With the release of TS3, though, I felt it would be best to "hone" whatever designing skills I had.

I was thinking the same thing in regards to vector layering. The first one is more basic, which will probably be easier. But meanwhile, the second one is calling my name... :P

Misty_2004
9th Jun 2009, 3:37 AM
Oh, I know what you mean about the second one! I have a bunch of designs I am wanting to convert but I know I had best start at the bottom and work my way up. All of the things I really, really want to do are going to be too complicated for me to start with.

Aww, it was way worth it to me to learn to make TS2 content, especially the few clothes I made because I'm in a minority where taste is concerned and didn't like the photo-skinned stuff and stay away from skank. That doesn't leave a lot of options. :lol: Then I made a few object textures but never did finish everything I wanted to finish. I thought perhaps when I started playing TS3 I would still want to make TS2 stuff and I may, but right now I am really wanting to get in on the ground floor of creating for TS3. I started creating for the original game but I learned so much more after I got into making TS2 things but still didn't learn as much as I could have.

My daughter, who has always been better at making things than me, took one look at HP's tutorial and ran in sheer terror. :lol:

cheezypuff121P
9th Jun 2009, 3:41 AM
Wow! Apparently, the tutorial isn't for the faint of heart. ;)

JaneSamborski
9th Jun 2009, 4:32 AM
Its not nearly so difficult as it sounds. If you want to start with something easy pick a two color pattern. Then just desaturate it and fiddle with the levels until its black and white. You can use that black and white image and a compleatly white layer to make your pattern. Difficulty comes more from the number of colors than from the actual design.

After having done this and retextures for TS2 I would say its much easier to make a TS3 pattern look good. Its just getting your head around the concept. Once you've done that its a breeze.

Misty_2004
9th Jun 2009, 4:54 AM
Thanks, Jane! My problem is going into completely uncharted (for me) territory in Paint Shop Pro when the tutorials are written for PhotoShop and HP's bit about GIMP. I'm reasonably sure I should be able to do this in PSP but just need to figure out how. After reading both tutorials through several times it is starting to make more sense to me. Unfortunately my problem is having absolutely no experience with channels. I tend to learn what I need to know and leave it at that. :lol:

Cheezypuff, I thought she'd look at it and dig into it with relish. I think she's got too much other studying and stuff going on right now and this was apparently just the icing on the cake. :lol:

JaneSamborski
9th Jun 2009, 5:16 AM
I agree that channels seem complicated. Especially when your only experiance of them is in full color images. For TS3 patterns I find it easier to just think of them as a series of alphas (like you would make for a clothing texture in TS2). I think of the channels as simply where I put the alphas so the game understands them.

Snaitf
9th Jun 2009, 5:19 AM
The top one would be easy - First resize image to 256x256, then use the magic wand tool to select all of the parts that are the same color, fill those white, then inverse your selection and fill the rest black. Do this with each of the colors - brown, pink, purple and white. So you should end up with 4 images:

http://thumbs2.modthesims2.com/img/8/1/2/8/1/9/MTS2_Snaitf_931538_1.jpg http://thumbs2.modthesims2.com/img/8/1/2/8/1/9/MTS2_Snaitf_931539_2.jpg http://thumbs2.modthesims2.com/img/8/1/2/8/1/9/MTS2_Snaitf_931540_3.jpg http://thumbs2.modthesims2.com/img/8/1/2/8/1/9/MTS2_Snaitf_931541_4.jpg

Then create a new file (256x256 RGB format), and paste each one of those into a seperate channel, like so:

http://thumbs2.modthesims2.com/img/8/1/2/8/1/9/MTS2_Snaitf_931542_5.jpg

You'll notice that after doing this, the top (RGB) channel is just showing the rest of the channels combined with different colors, showing you each different part of the picture.

Then just save as a DDS, and import using Delphy's wonderful tool.

Misty_2004
9th Jun 2009, 5:21 AM
Thinking of them as alphas has helped me a lot too. And one thing that confused me was that HP's tutorial started with vector layers, but then she ended up turning everything into raster layers anyway. Then I was reading your raster layer tutorial and then I was really shaking my head. I know vector layers will result in a much smoother image in most cases.

I know tomorrow or the next day when I look at this all again I'm going to be wondering what all the fuss was about. While I was in the shower it all became so clear to me, then I started re-reading the tutorials and just muddled my brain again. :lol:

Low and behold, during the afternoon and evening my daughter had been chewing on this whole thing. She came in a few minutes ago and told me to load up PSP and within five minutes I made a multi-colored test texture which worked perfectly. Now we just need to figure out how to get an alpha channel in there so we can have four colors instead of just three. And shoot, it didn't even take me until tomorrow to be wondering what all the fuss is about. :lol: We'll try to write up a tutorial on using PSP and post it later.

~Dee~
10th Jun 2009, 3:26 AM
Looking forward to your tut Misty, I'm using Paint Shop Pro as well and I find HP's tut
very hard to follow.
Thanks so much.

Cocomama
10th Jun 2009, 11:48 AM
Yes please Misty, I'm using Paint Shop Pro as well, and would love to have a tutorial for it!!

cheezypuff121P
10th Jun 2009, 9:19 PM
The top one would be easy - First resize image to 256x256, then use the magic wand tool to select all of the parts that are the same color, fill those white, then inverse your selection and fill the rest black. Do this with each of the colors - brown, pink, purple and white. So you should end up with 4 images:


Then just save as a DDS, and import using Delphy's wonderful tool.

Aaack! Thank you so very much! I was trying to do the pattern last night, and I got extremely frustrated. Turns out I was doing more than I had to!

Again, thanks. You just saved me a lot of grief. :up:

cheezypuff121P
10th Jun 2009, 10:01 PM
Okay, so I tried doing what you told me to, but as you can probably see there are edges in both the alpha file, the blue file, and the green file that I can't seem to get rid of. I tried selecting it based on color and inverting, but it stayed pretty much the same color. I tried filling it with black paint, but it didn't fill the entire thing. Am I doing something wrong? I'm using GIMP

Snaitf
10th Jun 2009, 11:07 PM
Okay, so I tried doing what you told me to, but as you can probably see there are edges in both the alpha file, the blue file, and the green file that I can't seem to get rid of. I tried selecting it based on color and inverting, but it stayed pretty much the same color. I tried filling it with black paint, but it didn't fill the entire thing. Am I doing something wrong? I'm using GIMP

At least in photoshop, selecting by color, and selecting using the magic wand actually yield different results. When you select by color, it selects all pixels withing your color range on the whole image, but some pixels are only PARTIALLY selected, and therfore only get PARTIALLY filled when you select fill. Using the magic wand it starts from where click outward, selecting your color range, but the pixels are all COMPLETELY selected, and therefor they get COMPLETELY filled when selecting fill.

This actually caused (causes) me the most frustions when converting existing patterns to be used in game.

I have noticed tho, that after selecting by color, you can fill multiple times to make it more and more filled, took me a while to realize that.

So, basically, what I try to do is select by color the color I want to start with, fill with white, then inverse and fill with black several times, that will leave you with a mostly white pattern, with some darker white which will give your pattern some nice shaddowing effects, but getting rid of the unwated parts.

Every time I try to convert a new pattern, I have to tackle it slightly different, this is basically a "how to get 90% done" approach, the rest is trial-and-error.

cheezypuff121P
10th Jun 2009, 11:16 PM
Oh, okay. Do you know if Illustrator CS4 has the magic wand? I can't seem to find it, if it does...

Snaitf
11th Jun 2009, 12:02 AM
Oh, okay. Do you know if Illustrator CS4 has the magic wand? I can't seem to find it, if it does...

I've never used Illustrator, but a quick google search of "illustrator cs4 magic wand" and I see that it does, but not sure how to find it, shouldn't be that hard...

cheezypuff121P
11th Jun 2009, 1:49 AM
Thanks so much! My images got pretty close, if I do say so myself!

I'm ecstatic right now! Again, thanks! :king:

cheezypuff121P
11th Jun 2009, 3:42 AM
$#$ #[email protected]!

Okay, NOW the pattern refuses to show in-game. The swatch is grey and the pattern is nonexistent (aka I get a solid pale violet, not the actual pattern).

Any one have any clue(s) how to fix this?

Snaitf
11th Jun 2009, 4:23 AM
$#$ #[email protected]!

Okay, NOW the pattern refuses to show in-game. The swatch is grey and the pattern is nonexistent (aka I get a solid pale violet, not the actual pattern).

Any one have any clue(s) how to fix this?

Are you making sure that when you save as a DDS your are saving under the 8.8.8.8 ARGB 32 format?

If that doesn't help, post your finished DDS file here and I'll have a look...

cheezypuff121P
11th Jun 2009, 4:25 AM
Are you making sure that when you save as a DDS your are saving under the 8.8.8.8 ARGB 32 format?

HP's tutorial told me to leave the setting on "Default" if I was using GIMP, so that's what I did. If the default setting for GIMP is 8.8.8.8 ARGB 32, then I'm pretty sure I saved the DDS correctly.

I'll try saving it in DDS format again, just in case I did save it the wrong way...

EDIT: The DDS file is in the attachments. Thanks again for sticking with me on this! :)

Snaitf
11th Jun 2009, 4:36 AM
HP's tutorial told me to leave the setting on "Default" if I was using GIMP, so that's what I did. If the default setting for GIMP is 8.8.8.8 ARGB 32, then I'm pretty sure I saved the DDS correctly.

I'll try saving it in DDS format again, just in case I did save it the wrong way...

EDIT: The DDS file is in the attachments. Thanks again for sticking with me on this! :)

Ah, in GIMP you need to save as RG8A8 format, it's one of the drop down boxes that say 'default', find the RG8A8 format and save it as that, HP's tutorial is mistaken about the 'default' part, someone else was having this same problem too...

cheezypuff121P
11th Jun 2009, 4:51 AM
Ah, in GIMP you need to save as RG8A8 format, it's one of the drop down boxes that say 'default', find the RG8A8 format and save it as that, HP's tutorial is mistaken about the 'default' part, someone else was having this same problem too...

Oh, okay. I'll try that.

cheezypuff121P
11th Jun 2009, 5:32 AM
Okay, well, I'm still having a problem.

In CASt, there's only one editable swatch, and it's the "background" swatch. There's no pattern, and editing any of the other swatches will not make a difference. Basically, the game is looking at my pattern as if it were a solid, not an actual pattern.

Can you take a look at my (re-edited) DDS file and tell me what else I did wrong?

Snaitf
11th Jun 2009, 6:43 AM
Okay, well, I'm still having a problem.

In CASt, there's only one editable swatch, and it's the "background" swatch. There's no pattern, and editing any of the other swatches will not make a difference. Basically, the game is looking at my pattern as if it were a solid, not an actual pattern.

Can you take a look at my (re-edited) DDS file and tell me what else I did wrong?

I'll need you post the actual DDS file, not the package file...

cheezypuff121P
11th Jun 2009, 7:06 AM
I'll need you post the actual DDS file, not the package file...

The actual DDS file? Like the picture, not what the PatternPackager made? Oh. Whoops!

Snaitf
11th Jun 2009, 5:16 PM
The actual DDS file? Like the picture, not what the PatternPackager made? Oh. Whoops!

Umm, ok, where to start, I loaded your picture into photoshop, and this is what I'm seeing:
http://thumbs2.modthesims2.com/img/8/1/2/8/1/9/MTS2_Snaitf_933580_1.jpg
And this is what it is should to look like:
http://thumbs2.modthesims2.com/img/8/1/2/8/1/9/MTS2_Snaitf_933581_2.jpg

First - Your RED, GREEN, and BLUE channels are identical, meaning they will blend. If it's just a 1 color pattern that would work, but a 2 or 3 color pattern would give weird results:

1 Channel - Red:
http://thumbs.modthesims.info/getimage.php?thumb=1&file=933588
If you change the color in game, the red parts become whatever color you choose, the rest would stay black.

2 Channel - Red & Green:
http://thumbs.modthesims.info/getimage.php?thumb=1&file=933589
Whatever 2 colors you choose in the game would mix, in this case red + green = yellow.

3 Color - Red, Green & Blue:
http://thumbs.modthesims.info/getimage.php?thumb=1&file=933590
In this case, all 3 colors are combining, red + green + blue = white.

And since your alpha layer is solid white, that would cover the entire pattern, including the background, with a solid color:
http://thumbs.modthesims.info/getimage.php?thumb=1&file=933591

If you want a solid white channel to act as a background, it needs to be in the RED channel. Channels are listed bottom to top: RGBA, red is bottom, next is green, next is blue, top channel is alpha.

cheezypuff121P
11th Jun 2009, 10:23 PM
Oh, okay. I tried to figure out the channels in GIMP on my own, but I never really knew what I was doing. I was just winging it (which is probably why it didn't work)