Tutorial: How to make a map with "MS Paint"

Read and write tutorials about becoming a great artist.

Modérateurs : EN - Assistant Moderators, EN - Forum Moderators

Règles du forum

Tutorial: How to make a map with "MS Paint" 

Message par Broocevelt » Jeu Nov 04, 2010 8:12 pm

Creating a Map


There are several ways to create a map. This is the best one, and will be almost as in AA.
We will be using Microsoft Paint.

Let's take an original map:
Spoiler : Original :
Image

As you can see, there are some rules for the maps.

  • No square borders. Round borders only.
  • Windows are represented as a thiner wall.
  • Objects outlines are thiner than the walls.
  • There is a color for inside/outside the buildings.
  • The object outline is the same color as the wall, same for letters.
  • Letters have a white outline.

These are the AA-style rules. But here are some rules that make it more esthetic.

  • The inside of the objects can have a light gray.
  • The doors also can have a light gray.

Here is the color scheme I use.
Spoiler : Clolor scheme :
Image

And for the sizes:
  • Walls: 3 pixels (4 for big walls, 2 for thin ones)
  • Windows: 1 pixel.
  • Objects: 1 pixel.

Anyway, you'll only have to care about the walls. I made the objects for you.

First, create a 256x192 blank image.
You can do that by creating a new file, and then going to "Image / Attributes".

Use the bucket and put the "outside" color.
Take it from the color scheme I showed you before, by using the "Copy Image" tool.

Make the basic rooms.
Start making the rooms you want to show with this tool:
Image
Remember to use a 3px width. To do so, hold "-" (minus) some seconds, and press "+" twice.
Also, remember to be using the brown color from the color scheme.

Fill the rooms with the appropriated color.
Use the bucket to do so, and take the right color from the scheme.

Put the doors between the rooms that are connected.
Use these doors. Use the "copy image" tool. (Right click on the images).
Image - Image
You can rotate the doors obviously as you wish.

Create the windows.
Or more precisely "erase 2 lines of pixels from the wall".
Leave 1 line of pixels in the middle of the wall instead of 3 to represent the window like in the original map.

Put the objects.
I have some objects for you here. You can take them by using the "Copy image" tool.
Couch: Image
Round object: Image
Rectangle object: Image
And of course, you can rotate them as you wish.

Put the Killer, the Victim and eventually a Witness.
Here you have them:
Image
Image
Image

Put the location names.
The font you must use is "Verdana". (It comes with Windows). Size 8, Bold.
And the color is the one from the walls.
Verdana looks like this (Without the color you should put)
Image

Make the white border for the letters.
Now you should do this manually. Make the outline by tourself to make it look like this:
Image

And now you should have your map done!
I used this technique and achieved this:
Spoiler : Result :
Image


You should be able to do something even better with this tutorial.
Post what you managed to do here! :D
Dernière édition par Broocevelt le Ven Avr 06, 2012 3:45 pm, édité 2 fois.
~Holhol is the bestest friend anybody could ask for~
Image

♫ Check my musics! ♫
Avatar de l’utilisateur
Broocevelt
Moderator
 
Message(s) : 7319
Inscription : Ven Sep 11, 2009 6:06 pm
Localisation : Spain
Genre: Masculin
Langues parlées: ES/FR/EN/DE

Re: Tutorial: How to make a map with "MS Paint" 

Message par Blackrune » Jeu Nov 04, 2010 10:47 pm

This is a very nice tutorial.
Exactly what I needed to do a little map for the second case of my series.
You wanted to see the results, so here is mine:
Image
Avatar de l’utilisateur
Blackrune
 
Message(s) : 3772
Inscription : Ven Avr 17, 2009 3:11 am
Localisation : Right behind you
Langues parlées: English, German, Japanese

Re: Tutorial: How to make a map with "MS Paint" 

Message par Broocevelt » Ven Nov 05, 2010 2:11 am

Great! I love to see people getting good results with what I show them :D
It's really well made :)
~Holhol is the bestest friend anybody could ask for~
Image

♫ Check my musics! ♫
Avatar de l’utilisateur
Broocevelt
Moderator
 
Message(s) : 7319
Inscription : Ven Sep 11, 2009 6:06 pm
Localisation : Spain
Genre: Masculin
Langues parlées: ES/FR/EN/DE

Re: Tutorial: How to make a map with "MS Paint" 

Message par gotMLK7 » Ven Nov 05, 2010 3:08 am

I think this was a great idea! I made two versions of the Wonder Bar with it, showing two different times in my fanfic chapter, Turnabout Shock.
Spoiler : The Wonder Bar :
Wonder Bar map 1.png
Wonder Bar map 1.png (7.54 Kio) Consulté 6194 fois
Wonder Bar map 2.png
Wonder Bar map 2.png (6.61 Kio) Consulté 6194 fois

The (T) is Trucy, the (K) is the killer, the (V) is Suzan Prize, the victim, the (C) and (W) are my two witnesses, Charles Edwin-Ocscar and Harvey Wallbanger. The (M) is a mannequin, which is extremely important in the case.

Do they look good? (=3)
Image
Image
Image
Image
Hersh/Fiendy has credit for the amazing GiGi pics and enigma has credit for the adorable Kenshin Mega Man sprite!

Image
Avatar de l’utilisateur
gotMLK7
Moderator
 
Message(s) : 5891
Inscription : Mar Juil 13, 2010 12:34 am
Localisation : I could tell you, but then I'd have to KILL YOU...
Genre: Masculin
Langues parlées: English, learning French

Re: Tutorial: How to make a map with "MS Paint" 

Message par paradoxinparticles » Ven Nov 05, 2010 5:33 am

gotMLK7 a écrit :I think this was a great idea! I made two versions of the Wonder Bar with it, showing two different times in my fanfic chapter, Turnabout Shock.
Spoiler : The Wonder Bar :
Wonder Bar map 1.png
Wonder Bar map 2.png

The (T) is Trucy, the (K) is the killer, the (V) is Suzan Prize, the victim, the (C) and (W) are my two witnesses, Charles Edwin-Ocscar and Harvey Wallbanger. The (M) is a mannequin, which is extremely important in the case.

Do they look good? (=3)

I think those look AWESOME.
The only issue I have is that there's way too much green.
Check out this thread: http://www.aceattorney.sparklin.org/forum/viewtopic.php?f=28&t=4090 to see how the witness colours usually work :)
call me Parrie

"I will not fear. Fear is the mind-killer. I will face my fear and will let it pass through me."
-Frank Herbert


I make boxart now
Avatar de l’utilisateur
paradoxinparticles
 
Message(s) : 1593
Inscription : Jeu Juin 24, 2010 12:10 am
Localisation : The middle of nowhere, eh?
Genre: Féminin
Langues parlées: English, French

Re: Tutorial: How to make a map with "MS Paint" 

Message par gotMLK7 » Ven Nov 05, 2010 5:44 am

Better? :sawhit:
Spoiler : :
Wonder Bar map 1.png
Wonder Bar map 1.png (7.55 Kio) Consulté 6183 fois

Wonder Bar map 2.png
Wonder Bar map 2.png (7.36 Kio) Consulté 6183 fois
Image
Image
Image
Image
Hersh/Fiendy has credit for the amazing GiGi pics and enigma has credit for the adorable Kenshin Mega Man sprite!

Image
Avatar de l’utilisateur
gotMLK7
Moderator
 
Message(s) : 5891
Inscription : Mar Juil 13, 2010 12:34 am
Localisation : I could tell you, but then I'd have to KILL YOU...
Genre: Masculin
Langues parlées: English, learning French

Re: Tutorial: How to make a map with "MS Paint" 

Message par paradoxinparticles » Ven Nov 05, 2010 6:27 am

gotMLK7 a écrit :Better? :sawhit:
Spoiler : :
Wonder Bar map 1.png

Wonder Bar map 2.png

Much! That's looks awesome :):):):)
call me Parrie

"I will not fear. Fear is the mind-killer. I will face my fear and will let it pass through me."
-Frank Herbert


I make boxart now
Avatar de l’utilisateur
paradoxinparticles
 
Message(s) : 1593
Inscription : Jeu Juin 24, 2010 12:10 am
Localisation : The middle of nowhere, eh?
Genre: Féminin
Langues parlées: English, French

Re: Tutorial: How to make a map with "MS Paint" 

Message par Broocevelt » Ven Nov 05, 2010 2:59 pm

I'm amazed with what people can do with this :D
~Holhol is the bestest friend anybody could ask for~
Image

♫ Check my musics! ♫
Avatar de l’utilisateur
Broocevelt
Moderator
 
Message(s) : 7319
Inscription : Ven Sep 11, 2009 6:06 pm
Localisation : Spain
Genre: Masculin
Langues parlées: ES/FR/EN/DE

Re: Tutorial: How to make a map with "MS Paint" 

Message par Quadratic » Sam Nov 06, 2010 4:55 am

Should've did it this way instead of the way I did it in my trial... won't bother to change it though. I'll keep this in mind for next case, though~ :D
Finished Trials:
Turnabout Transfer - Day One: http://aceattorney.sparklin.org/jeu.php?id_proces=19354

FABULOUS!
Avatar de l’utilisateur
Quadratic
 
Message(s) : 153
Inscription : Dim Sep 26, 2010 10:52 pm
Genre: Masculin
Langues parlées: English

Re: Tutorial: How to make a map with "MS Paint" 

Message par FenrirDarkWolf » Dim Nov 07, 2010 2:56 am

It's not perfect but...
Image
Avatar de l’utilisateur
FenrirDarkWolf
 
Message(s) : 7521
Inscription : Sam Mai 08, 2010 4:30 pm
Localisation : Following the Arrow
Genre: Masculin
Langues parlées: English

Re: Tutorial: How to make a map with "MS Paint" 

Message par Broocevelt » Dim Nov 07, 2010 8:46 pm

Hey, it's preety neat, don't worry about it ;)
You should just recolor the characters letters to white.
Oh, and BTW, you made the letters outline perfectly! :D
~Holhol is the bestest friend anybody could ask for~
Image

♫ Check my musics! ♫
Avatar de l’utilisateur
Broocevelt
Moderator
 
Message(s) : 7319
Inscription : Ven Sep 11, 2009 6:06 pm
Localisation : Spain
Genre: Masculin
Langues parlées: ES/FR/EN/DE

Re: Tutorial: How to make a map with "MS Paint" 

Message par FenrirDarkWolf » Dim Nov 07, 2010 8:53 pm

Any better?
Image
Avatar de l’utilisateur
FenrirDarkWolf
 
Message(s) : 7521
Inscription : Sam Mai 08, 2010 4:30 pm
Localisation : Following the Arrow
Genre: Masculin
Langues parlées: English

Re: Tutorial: How to make a map with "MS Paint" 

Message par Broocevelt » Dim Nov 07, 2010 8:53 pm

Yes, that's what I meant. Perfect ^^
~Holhol is the bestest friend anybody could ask for~
Image

♫ Check my musics! ♫
Avatar de l’utilisateur
Broocevelt
Moderator
 
Message(s) : 7319
Inscription : Ven Sep 11, 2009 6:06 pm
Localisation : Spain
Genre: Masculin
Langues parlées: ES/FR/EN/DE

Re: Tutorial: How to make a map with "MS Paint" 

Message par FenrirDarkWolf » Dim Nov 07, 2010 9:02 pm

Thanks! (=3)
Avatar de l’utilisateur
FenrirDarkWolf
 
Message(s) : 7521
Inscription : Sam Mai 08, 2010 4:30 pm
Localisation : Following the Arrow
Genre: Masculin
Langues parlées: English

Re: Tutorial: How to make a map with "MS Paint" 

Message par adart » Dim Nov 07, 2010 9:26 pm

This is so helpful!
Here were my outcomes, for the first case in my series;
(I couldn't be bothered to sit and draw the outlines for the text.)
Pièces jointes
Map B.png
Map B.png (4.48 Kio) Consulté 6064 fois
Map A.png
Map A.png (4.12 Kio) Consulté 6064 fois
Mein erster Fall Odell Thurk: Ace Attorney, 0% fertig in der deutschen Sprache. Übersetzung wird getan, wenn englische Version fertig ist. Mein Deutsch braucht ein bisschen Arbeit, aber ich denke, ich kann im deutschen Forum mit Leichtigkeit Post jetzt!
Avatar de l’utilisateur
adart
 
Message(s) : 42
Inscription : Dim Déc 20, 2009 11:15 pm
Localisation : England
Genre: Masculin
Langues parlées: English, Français, Deutsch

Suivant

Retour vers Art Guides

Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 1 invité

cron