ChocoboMonkey's Tile Creation

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" height=95 BGCOLOR="#CC99CC" TEXT="#080000" background="006265f1ezuady.png"> <div> <FONT SIZE="5" COLOR="#000000" FACE="Times New Roman" ><B>Final Fantasy Chronicles News</B></FONT><B>  </B><B> </B><B>|   </B><A HREF="index.htm" TARGET="_top" TITLE="Final Fantasy Chronicles News"><U><B>home</B></U></A></div> <div> <A HREF="id33.htm" TARGET="_top" TITLE="ChocoboMonkeys Art"><U>ChocoboMonkey's Art</U></A>   |   <B>ChocoboMonkey's Tile Creation</B>   |   <A HREF="id35.htm" TARGET="_top" TITLE="CHRs"><U>CHRs</U></A>   |   <A HREF="id36.htm" TARGET="_top" TITLE="CR2s"><U>CR2's</U></A>   |   <A HREF="id37.htm" TARGET="_top" TITLE="CHRs 2"><U>CHRs 2</U></A>   |   <A HREF="id38.htm" TARGET="_top" TITLE="Learning to Draw"><U>Learning to Draw</U></A>   |   <A HREF="id39.htm" TARGET="_top" TITLE="Thesis on Tile Art"><U>Thesis on Tile Art</U></A>   |   <A HREF="id40.htm" TARGET="_top" TITLE="Tile Making with Photoshop 5"><U>Tile Making with Photoshop 5</U></A>   |   <A HREF="id41.htm" TARGET="_top" TITLE="V2 Tutorial"><U>V2 Tutorial</U></A>   |   <A HREF="id42.htm" TARGET="_top" TITLE="Collision Detection"><U>Collision Detection</U></A>   |   <A HREF="id43.htm" TARGET="_top" TITLE="DMA"><U>DMA</U></A>   |   <A HREF="id44.htm" TARGET="_top" TITLE="Working with Bits"><U>Working with Bits</U></A>   |   <A HREF="id45.htm" TARGET="_top" TITLE="Item DAT Files"><U>Item & DAT Files</U></A>   |   <A HREF="id46.htm" TARGET="_top" TITLE="Menu Making"><U>Menu Making</U></A>   |   <A HREF="id47.htm" TARGET="_top" TITLE="Reading From Files"><U>Reading From Files</U></A>   |   <A HREF="id48.htm" TARGET="_top" TITLE="Savegames"><U>Savegames</U></A>   |   <A HREF="id49.htm" TARGET="_top" TITLE="Entity Talking"><U>Entity Talking</U></A>   |   <A HREF="id57.htm" TARGET="_top" TITLE="Mordred Tutorial 1"><U>Mordred Tutorial 1</U></A>   |   <A HREF="id58.htm" TARGET="_top" TITLE="Mordred Tutorial 2"><U>Mordred Tutorial 2</U></A>   |   <A HREF="id59.htm" TARGET="_top" TITLE="Mordred Tutorial 3"><U>Mordred Tutorial 3</U></A>   |   <A HREF="id63.htm" TARGET="_top" TITLE="Hicolor Fades"><U>Hicolor Fades</U></A>   |   <A HREF="id65.htm" TARGET="_top" TITLE="Tiny Tutorial on Multidimentional Arrays"><U>Tiny Tutorial on Multidimentional Arrays</U></A>   |   <A HREF="id67.htm" TARGET="_top" TITLE="V2.7 B10 Python Commands"><U>V2.7 B10 Python Commands</U></A>   |   <A HREF="id80.htm" TARGET="_top" TITLE="Overkills Tutorial 1"><U>Overkill's Tutorial 1</U></A>   |   <A HREF="id81.htm" TARGET="_top" TITLE="Overkills Tutorial 2"><U>Overkill's Tutorial 2</U></A></div> <div> </div> </td> </tr><tr> <td valign="top" height=385 BGCOLOR="#FFFFFF" TEXT="#080000"> <div> <A HREF="id12.htm" TARGET="_top" TITLE="Tutorials"><U>Tutorials</U></A>  |    <FONT SIZE="1" COLOR="#0000BF" FACE="Arial" ><A HREF="index.htm" TARGET="_top" TITLE="Final Fantasy Chronicles News"><U> home</U></A></FONT></div> <div> <A HREF="id33.htm" TARGET="_top" TITLE="ChocoboMonkeys Art"><U>ChocoboMonkey's Art</U></A>   |   <B>ChocoboMonkey's Tile Creation</B>   |   <A HREF="id35.htm" TARGET="_top" TITLE="CHRs"><U>CHRs</U></A>   |   <A HREF="id36.htm" TARGET="_top" TITLE="CR2s"><U>CR2's</U></A>   |   <A HREF="id37.htm" TARGET="_top" TITLE="CHRs 2"><U>CHRs 2</U></A>   |   <A HREF="id38.htm" TARGET="_top" TITLE="Learning to Draw"><U>Learning to Draw</U></A>   |   <A HREF="id39.htm" TARGET="_top" TITLE="Thesis on Tile Art"><U>Thesis on Tile Art</U></A>   |   <A HREF="id40.htm" TARGET="_top" TITLE="Tile Making with Photoshop 5"><U>Tile Making with Photoshop 5</U></A>   |   <A HREF="id41.htm" TARGET="_top" TITLE="V2 Tutorial"><U>V2 Tutorial</U></A>   |   <A HREF="id42.htm" TARGET="_top" TITLE="Collision Detection"><U>Collision Detection</U></A>   |   <A HREF="id43.htm" TARGET="_top" TITLE="DMA"><U>DMA</U></A>   |   <A HREF="id44.htm" TARGET="_top" TITLE="Working with Bits"><U>Working with Bits</U></A>   |   <A HREF="id45.htm" TARGET="_top" TITLE="Item DAT Files"><U>Item & DAT Files</U></A>   |   <A HREF="id46.htm" TARGET="_top" TITLE="Menu Making"><U>Menu Making</U></A>   |   <A HREF="id47.htm" TARGET="_top" TITLE="Reading From Files"><U>Reading From Files</U></A>   |   <A HREF="id48.htm" TARGET="_top" TITLE="Savegames"><U>Savegames</U></A>   |   <A HREF="id49.htm" TARGET="_top" TITLE="Entity Talking"><U>Entity Talking</U></A>   |   <A HREF="id57.htm" TARGET="_top" TITLE="Mordred Tutorial 1"><U>Mordred Tutorial 1</U></A>   |   <A HREF="id58.htm" TARGET="_top" TITLE="Mordred Tutorial 2"><U>Mordred Tutorial 2</U></A>   |   <A HREF="id59.htm" TARGET="_top" TITLE="Mordred Tutorial 3"><U>Mordred Tutorial 3</U></A>   |   <A HREF="id63.htm" TARGET="_top" TITLE="Hicolor Fades"><U>Hicolor Fades</U></A>   |   <A HREF="id65.htm" TARGET="_top" TITLE="Tiny Tutorial on Multidimentional Arrays"><U>Tiny Tutorial on Multidimentional Arrays</U></A>   |   <A HREF="id67.htm" TARGET="_top" TITLE="V2.7 B10 Python Commands"><U>V2.7 B10 Python Commands</U></A>   |   <A HREF="id80.htm" TARGET="_top" TITLE="Overkills Tutorial 1"><U>Overkill's Tutorial 1</U></A>   |   <A HREF="id81.htm" TARGET="_top" TITLE="Overkills Tutorial 2"><U>Overkill's Tutorial 2</U></A></div> <div> ChocoboMonkey's Tile Creation</div> <div> In my last tutorial, I showed you how to draw pretty pictures on paper so you can decorate your refridgerator and make your mommy proud. </div> <bR> <div> We'll just call that preschool.</div> <div> WELL YOUR NOT IN PRESCHOOL ANYMORE YOU LITTLE SCUMBAGS!!!!!</div> <bR> <div> Now it's time to REALLY get you hands dirty and actually break open that crazy little game development program known as Verge. This tutorial will work no matter which version of Verge you are using. Anywhere from 1.0 to 2.5 (If it ever comes out.) this tutorial can help you make some really nice looking tiles. </div> <bR> <div> First, we'll begin by making a really simple cartooney grass tile. Most tiles made using the built in tile editor look cartooney anyway unless you have a really good eye, and a lot of time on your hands. Now go outside and look at the lawn. If you live in a trailer or something and don't have a lawn, look a photo of something with lawn in it. Now squint your eyes until you see nothing but a blank green color instead of lawn. Good, This is your base color. Finally, open Maped, press ctrl, and click edit. Select a blank tile to edit and click on it.</div> <bR> <div> Now your probably thinking (I'm assuming your a newbie of course.) "Woah! What's this? Some kind of alien mind control program?"</div> <bR> <div> Actually, it's a built in program called tiled. It works really good for what you need it for. </div> <bR> <div> Now, remember that when you were laughed at for standing in your front yard with you eyes all squinted, and you were running into stuff because you coulden't see? Well, all of that hard work will finally pay off. Find a green color that was closest to the one you saw when you were squinting. Click on it, and fill in that big black square completely with that color. Yay! You created a plain green tile that you can show to your family and friends. But wait! Let's not get excited yet. Let's add more detail first. </div> <bR> <div> Go back outside and look at the lawn again. This time, keep your eyes open. Try and remember all of the colors you see. Good. Now go back to the computer.</div> <bR> <div> Now we can create an interesting texture using the colors you just remembered. In your mind, seperate the colors into gradients. That's where you start out with the darkest of a color and work your way up to the lightest so the colors look like they fade into each other. Take the greens first. Start with the lightest, and put a bunch of that color all over your tile in single pixels. Now do the same thing with all of the other greens. It should look a little better now. If there were some browns and yellows, do the same thing, only go VEEEEERRRRYYYYYYY sparingley. Congratulations. You have just made a nice looking tile. NOW you can show it to your family and friends. </div> <bR> <div> That gives you the knowledge on making floor tiles. Now let's do wall tiles.</div> <bR> <div> Let's do a simple brick wall. You don't really need to look a a brick wall for this one, You already know how to do that. First, select a blank tile. Now fill it in with the most basic red color you can find. Not dark red, not light red, just red. Now find the most basic gray color you can find. Now draw a line horizontally across the middle of the tile. Make it about two pixels thick. Now, with the same color, draw a vertical line down the middle of your tile, start at the top, and stop when you get to the other gray line. Make it two pixels thick too. </div> <bR> <div> This is the base of your tile. Just like the plain green base you drew earlier. Find one other color of gray that is slightly lighter than the other. Now put little dots all over your gray lines, be careful not to get any in the red. Now find two other colors of red. Do the same thing with both colors all over the red. You now have a brick tile.</div> <div> OK, here's the deal. You know how to use gradients to make tiles now. Good for you. But on my next tutorial I'll explain PHOTOGRAPHIC TILES! (Insert appllaud here.) This is what Sheng Long Gradilla asked for when I wanted to join the shrine. Have fun!!!</div> <bR> </td> </tr></table></body>