Difference between revisions of "How To Make Seamless Tiles"

From The Battle for Wesnoth Wiki
m
(Instructions)
Line 1: Line 1:
I know that everyone doesn't have Photoshop, but I thought it might be helpful to some to see the process I developed. Your mileage with other applications may vary...
 
  
...incompletely transfered from [http://www.wesnoth.org/forum/viewtopic.php?t=7868 our forums]
 
 
== Instructions ==
 
 
1) Download [http://www.wesnoth.org/forum/download.php?id=4387, this file]. It includes 3 "actions" for photoshop as well as a template (with guides to assist in aligning tiles).
 
 
2) Fig. 2 A blank slate.
 
 
http://www.wesnoth.org/forum/files/fig-2_602.png
 
 
 
3) Fig. 3 Lets say I went mad and wanted to add a Polka-dot terrain to the game. I'd begin like this: (Note: I have a layer that I constrain the drawing to so I don't have to worry about going outside the lines.) Warning if using my actions don't delete the "Master Shape" Layer. Otherwise it won't work.
 
 
http://www.wesnoth.org/forum/files/fig-3_328.png
 
 
 
4) Now I take advantage of the wonders of automation. I run the "Fix Edges" action. It duplicates the tile 3 times, rearranges them all so each duplicate takes up 1/3rd of the center and crops away the excess. See Fig. 4.
 
 
http://www.wesnoth.org/forum/files/fig-4_745.png
 
 
 
5) Yikes! My edges didn't line up. But now that the edges are on the
 
inside of the tile i can fix them up, knowing that the outside edges are seamless with each other. I patch it up as in Fig. 5.
 
 
http://www.wesnoth.org/forum/files/fig-5_186.png
 
 
 
6) Now I repeat steps 4 and 5 until there are no more edge glitches. Eventually i'm happy. Note: Running "Fix Edges" three times in a row will reassemble the tile to its original form.
 
 
 
7) Now the edges are smooth, but I want to see how this terrain looks in a big chunk. I could duplicate it 16 times and arrange each piece, or I could run the "Repeat it!" action and get Fig 6. Note: the tile layer must be selected.
 
 
http://www.wesnoth.org/forum/files/fig-6_941.png
 
 
 
8 ) Now to create the basic transitions, I can chop up the "many tiles" layer and send them off to separate files, confident that they will line up with the main tile. As I'm doing this demo, I find I can't get the third action "Trans chop-up" to work. It's been a while since I last did this.
 
 
 
9) And so after all this hard work you get Fig. 7, a beautiful seamless polka-dot terrain.
 
 
http://www.wesnoth.org/forum/files/fig-7-polkadot_598.png
 
 
 
== Actions ==
 
--somebody drop in actions for other apps
 

Revision as of 03:35, 30 October 2005