**ATTENTION #2: You can automate almost the entire process and save yourself time in the long run by using Grugsy's scripts found HERE: http://www.mediafire.com/?nu9tzyzclbx5nxh
INSTRUCTIONS INCLUDED INSIDE!
If you have problems, check page 2 for more info.
Step 1: Open up GIMP.
The absolutely first thing you want to do is to set your Grid system. The edges of the grid will be "sticky", making it easier for you to align a picture perfectly.
Follow the instructions in the picture below.
In this example we will make a 32x32 tile, so set the grid to 32.
Then activate the grid by clicking it in this menu.
Step 2: Create a new image.
Even though you want to make a 32x32 texture, you need to make the original image larger at first for what we're going to do.
Step 3: Making the water.
Now we're going to create what will be the very foundation of your water.
Open the Filter Menu, chose Render, chose Lava.
This menu pops up. Click on the funny colors on the menu to select another gradient.
Pick Horizon 2.
You can mess about with the scales if you want, but this was my setting for the example.
Also unclick "Separate layer"
After the image has finished rendering, follow these instructions to shrink it back down to 32 pixels, this is to add more and smoother details than if you had rendered the lava effect on a 32x32 image to start with.
Step 4: Working with layers.
Now we're going to create the workspace which you will be using for the next 30 - 45 minutes or so.
First of all we will enlarge the canvas; that is to say our work area, not the image you created itself.
I like using a 3x3 workspace which allows me to have a good view over what I'm working with, plus allows me to play around more with the image should I feel like it.
So chose 96x96 and click re-size.
Now take a look at the tab on your right side of the screen.
Here are your layers.
Mark your layer. (If you forgot to uncheck Separate layer while using the lava effect and have 2 layer, simply right click the white one and chose delete)
Now right click the layer and chose Duplicate.
On the tab to your left, pick the "Move" tool (Looks like a little cross.)
Use this to align the new layer in one of the grids on your screen. Do not worry if the edges glows green, this is just the software's way of saying "Spot on, mate"
Now repeat the duplication and aligning process until the entire canvas is full of the same texture (9 identical copies, one in each 32x32 grid)
Now follow the instructions on this picture and "Merge" all the layers until there is only one big watery later. To "Merge down" you must have a top layer selected, otherwise you would be merging up, right?
Alright, now that we have one big layer we want to do two things before we can start animating it.
1) Duplicate the layer so that you have 2 huge watery layers.
2) Click each layer and change the opacity of each layer (It's above your layers tab on your right hand side) so they will become more transparent.
You don't have to chose 50% but I did it in this instruction.
Step 5: Animating.
Ok now we're going to do the animation itself, this is the part that takes the most time but it will be a valuable lesson in taking it easy.
You should begin with saving your picture as it is. (CTRL + S) Just in case something happens, power outage, cat, meteors etc. etc.
Now go back to the Grid setup from step 1. Change the grid to 1 pixel in height, because we will be working in small scale now.
If you want to you can click on the little "Chain link" to turn off the forced relative scale such as in this picture, but you don't have to, the only important thing is that the Height is 1 pixel.
Now comes the animating part, animating means moving so we need to manually move the top layer down 1 pixel and then save it image as a unique .PNG EACH TIME WE MOVE A PIXEL.
Remember DO NOT OVERWRITE PREVIOUS FILES.
Repeat this 32 times:
Move 1 pixel down.
Ctrl + Shift + S (Save As)
Chose a unique name, preferably water1, water2, water3, etc.
First of all Switch the Grid back to 32x32 pixels. Very important.
Now mark the middle grid, the square selection tool is on the top of your left hand tool tab.
(It might look a little different on your screen because I did the "hard work" in photoshop as I'm more used to it, but the end result is the same)
And go to the menu and chose "Crop to selection."
Now repeat this with each of your 32 images.
Mark middle grid, crop to selection.
Step 6: Putting it all together.
Now we're going to put our results together into a format that Minecraft can read.
For that we first need to make a new picture. It is going to be 32 pixels wide and 1024 pixels tall.
This is because each "Frame" is 32x32 pixels and so 32 tiles stacked on each other has a total of 1024 pixels height.
You can have a solid or transparent background, it doesn't really matter, I just prefer transparent.
Now what we're going to do is to open up Water1.png or whatever you chose to call your first frame.
Mark it with the selection tool and press Ctrl + C to copy it, then switch to the image you just made and press Ctrl + P to paste it into the image.
Now align it to the top of the image.
Now you open up water2.png and repeat the procedure, aligning it below the first one.
Repeat this for all 32 layers. Make sure they are perfectly aligned so no solid or transparent background can be seen in the "cracks".
Once this is done, I recommend first saving your work as an .XCF which is GIMP's own format with layer support.
Then start flattening the image, merging the layers until there is only one big layer left.
Save this as custom_water_flowing.png and congratulations you have your first original animated water.
In game it will look roughly like this: (I animated it in another program to illustrate for you, don't ask on help how to do it yourself as it's not important to MC texturing :tongue.gif:)
Now that you know what to do, feel free to experiment. Use other colors, make the water darker or lighter, make it green, rainbow colored, whatever you want.
Or if you think the water doesn't flow fast enough, simply remove every 2nd frame/tile, align the remaining layers back again, flatten it, use the select tool to mark them all and then Crop to Selection to remove the unused space. The picture is now 512 pixels tall and the animation twice as fast.
And if you want to make lava, simply follow the same instructions but with these alterations:
You only work with 1 "big" layer, and the opacity should be 100% (Because have you ever seen transparent lava?) and move the entire image down 1 pixel at the time, saving, selecting the middle square, etc. etc. just like with water.
What the guy above me said, but with an extra big VERY!
Extremely well presented tutorial and really nice that you did it using Gimp. Many thanks for taking the trouble to do this. If I get the time, I for one will be putting this to the test. Thanks, mate!
Thanks dude this was a major help as I was totally lost with this water stuff. However I did notice some things you are missing. People might not know you have to use the texture pack patcher (People as in me, so do you?) Anyways,
Thanks for this, although I was working along for a 16x16 texture :tongue.gif:
I hope I didn't mess anything up by not doing 32x32
And how the hell do I get this into Minecraft?
I obviously cant whack this onto terrain.png?