Welcome Guest [Log In] [Register]
Welcome to the CSPSP forums. We hope you enjoy your visit.


You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
[TUTORIAL] HOW TO CREATE BASIC TILES
Topic Started: Jul 15 2011, 05:05 AM (1,111 Views)
Potor
Member Avatar
xXx member
[ *  *  * ]
HOW TO CREATE BASIC TILES
I noticed that many mapmakers have problems with creating tiles. So I decided to create a mini-tutorial:) I don’t consider myself an expert in this field, so I will show you how to create only basic tiles:)
To create a tile, you can use Paint or GIMP, which also I use when I do need to patch ... My main program to create tiles is TILE STUDIO. It is free and very easy program. Here you can download it.

TILE STUDIO DOWNLOAD

If you already have downloaded the program, let's create a tile!;)

How to create a tile? (for example grass)

1.Start Tile Studio.
2.In the palette on the right, left-click somewhere in the light green area.
Spoiler: click to toggle

3.Now we'll choose a set of colors from this pattern which will be used for the grass. Left-click the shade just left from the center and drag two shades to the right, you'll see that the line above the center becomes an arrow.
Spoiler: click to toggle

4.In the toolbox at the left, select the Filled Rectangle and Smooth Random Fill.
Spoiler: click to toggle

5.Finally, with the left mouse button, draw a rectangle over the entire canvas and that's all!
Spoiler: click to toggle


Simple right?:)

How to create a shadow?

1. First, create a duplicate of tiles which have just created (click CTRL+D)
2. In the toolbox at the left, select the Darken tool.

Spoiler: click to toggle

3. Draw a vertical rectangle (for example, fifteen pixels wide)
Spoiler: click to toggle


You can also rotate the tile (click Ctrl + Backspace]

To save the tile, go to FILE -> SAVE CURRENT TILE AS... or if you have more tiles created, click on Export tiles (IMPORTANT! Deselect Transparent color at the bottom-right corner)
IMPORTANT! You have to save the tile as a type of PNG! IMPORTANT!
Spoiler: click to toggle


And this is an example map created by this tiles:
Spoiler: click to toggle
Edited by Potor, Jul 15 2011, 11:46 AM.
Check My Maps.!
Offline Profile Quote Post Goto Top
 
|EFT|N1GHTH4WK
Member Avatar
MODDER
[ *  *  * ]
AT LAST! I was looking forward of someone would create a tutorial on how to create tiles, Thankyou Potor!


~~N1GHTH4WK~~ :D
Check out my CSPSP 4 DUMMIESAnd NH MOD 3.7!
And Remember to Check out my ~NightH4wK~1337~ website to download PSP & PC Stuff!

Offline Profile Quote Post Goto Top
 
|EFT|N1GHTH4WK
Member Avatar
MODDER
[ *  *  * ]
Can you please tell me how I can make tiles with Map By N1GHTH4WK ?
I really want to credit the map to me as I made it, but i just dont know how to make it, Plz tell. :)
Check out my CSPSP 4 DUMMIESAnd NH MOD 3.7!
And Remember to Check out my ~NightH4wK~1337~ website to download PSP & PC Stuff!

Offline Profile Quote Post Goto Top
 
Takeda
Member Avatar
KillerMachine
[ *  * ]
great tutorial Potor B)
i hope you will make a second tutorial. from basic to expert titles

@ Dark_Angel: do you ever heard about the edit button? stop making double, triple posts.
Posted Image
Posted Image
Posted Image
Offline Profile Quote Post Goto Top
 
SkAzZ
Member Avatar
Who Dat?
[ *  *  * ]
This is pretty basic indeed, but very useful for those new to tiling or that are having difficulties with it (I won't name any). Great job Potor!

Posted Image
CSPSP Map Centralization Topic

Posted Image

Offline Profile Quote Post Goto Top
 
|EFT|N1GHTH4WK
Member Avatar
MODDER
[ *  *  * ]
Takeda
Jul 15 2011, 08:29 AM
great tutorial Potor B)
i hope you will make a second tutorial. from basic to expert titles

@ Dark_Angel: do you ever heard about the edit button? stop making double, triple posts.
...k
Check out my CSPSP 4 DUMMIESAnd NH MOD 3.7!
And Remember to Check out my ~NightH4wK~1337~ website to download PSP & PC Stuff!

Offline Profile Quote Post Goto Top
 
Potor
Member Avatar
xXx member
[ *  *  * ]
Dark_Angel
Jul 15 2011, 05:32 AM
Can you please tell me how I can make tiles with Map By N1GHTH4WK ?
I really want to credit the map to me as I made it, but i just dont know how to make it, Plz tell. :)
How to put the text on the tiles?

1. Save the tile on your desktop.
2. Open a tile in Paint.
Spoiler: click to toggle

3. Copy the tile, then paste and connect tiles together.
Spoiler: click to toggle

4. Finally, put the text on the tiles.
Spoiler: click to toggle

Check My Maps.!
Offline Profile Quote Post Goto Top
 
|EFT|N1GHTH4WK
Member Avatar
MODDER
[ *  *  * ]
Potor
Jul 15 2011, 12:15 PM
Dark_Angel
Jul 15 2011, 05:32 AM
Can you please tell me how I can make tiles with Map By N1GHTH4WK ?
I really want to credit the map to me as I made it, but i just dont know how to make it, Plz tell. :)
How to put the text on the tiles?

1. Save the tile on your desktop.
2. Open a tile in Paint.
Spoiler: click to toggle

3. Copy the tile, then paste and connect tiles together.
Spoiler: click to toggle

4. Finally, put the text on the tiles.
Spoiler: click to toggle

oh.. Thanks alot potor! Your tutorial is awsome man! Wait for my next map, with my name on it xD

Its not working, how do I copy/paste the tiles together? :(
Edited by |EFT|N1GHTH4WK, Jul 15 2011, 12:42 PM.
Check out my CSPSP 4 DUMMIESAnd NH MOD 3.7!
And Remember to Check out my ~NightH4wK~1337~ website to download PSP & PC Stuff!

Offline Profile Quote Post Goto Top
 
Potor
Member Avatar
xXx member
[ *  *  * ]
Copy one tile, paste, drag tile to the right and join the previous tiles ...:) idk how to better explain xD
Edited by Potor, Jul 15 2011, 01:38 PM.
Check My Maps.!
Offline Profile Quote Post Goto Top
 
|EFT|N1GHTH4WK
Member Avatar
MODDER
[ *  *  * ]
Potor
Jul 15 2011, 01:32 PM
Copy one tile, paste, drag tile to the right and join the previous tiles ...:) idk how to better explain xD
yes exactly, what I did, By the way what is the version of your Paint? I dont have that version. or do you use Vista?
Check out my CSPSP 4 DUMMIESAnd NH MOD 3.7!
And Remember to Check out my ~NightH4wK~1337~ website to download PSP & PC Stuff!

Offline Profile Quote Post Goto Top
 
Potor
Member Avatar
xXx member
[ *  *  * ]
I have windows 7, but the paint not differs too much ... Ok I'll explain again:)
1. Open the tile in Paint
2. Mark the tile
3. Copy the tile (ctrl + c)
4. Paste the tile (ctrl + v)
5. Hold down the left mouse button, then drag a copy of tile to connect it with the original tile:)
Posted Image
6. Finally, create a text (the icon for this option is "A")

Sorry, but I can't explain better xD
Check My Maps.!
Offline Profile Quote Post Goto Top
 
Potor
Member Avatar
xXx member
[ *  *  * ]
How to create a box?

Posted Image


1. Start Studio Tile
2. Open the colors palette and select the background color of the box (I chose gray) and click "OK"
Spoiler: click to toggle

3. Then click the left mouse button on the selected color.
Spoiler: click to toggle

4. Hold down SHIFT and left-click somewhere in the black area.
Spoiler: click to toggle

5. Now select the set of colors which will be used for the background box. Left-click the first shade and drag three shades to the right.
Spoiler: click to toggle

6. In the toolbox at the left, select the Filled Rectangle and Smooth Random Fill.
7. Now the left mouse button, draw a rectangle over the entire canvas.
Spoiler: click to toggle

8. Then choose color of the box border. It's best to use a lighter color than what we used to create a background box. So repeat steps 2, 3, 4 and 5. Open the colors palette and select the lighter color (I chose light gray). Then click the left mouse button on the selected color. Hold down SHIFT and left-click somewhere in the WHITE area. Left-click the first shade and drag three shades to the right.
Spoiler: click to toggle

9. In the toolbox at the left, select the "LINE"
Spoiler: click to toggle

10. Now draw a border (for example, two pixels wide)
Spoiler: click to toggle

11. Finally, draw two diagonals (for example, three pixels wide)
Spoiler: click to toggle


Congratulations! Your box is ready;)

BTW. I would ask the administrator to organize my guide:) Unfortunately, in one post doesn't fit all, cuz there are too many pictures...
Check My Maps.!
Offline Profile Quote Post Goto Top
 
LethaL
Pro Newbie
[ * ]
Excellent tutorial! :D
Offline Profile Quote Post Goto Top
 
MaNnYCat*
The Darkness Shal Rise
[ *  *  * ]
Wow Potor tanx man this was verry usefull ^^ Bump^^ well i hope they PIN this up.
I clearly don't give a shit of what may need to go here, with that thought in mind, bye!
Offline Profile Quote Post Goto Top
 
« Previous Topic · Maps · Next Topic »
Add Reply