Mapping Tutorial: Inner Town Maps

by Lunarea

Before you start

The first step to mapping is to come up with the function and the overall atmosphere you want to achieve. Is the home a place of business like a shop or an inn? Is it a basic NPC home where the player picks up a quest? Is the occupant rich or poor? Each setting has different considerations.

The next step is to gather your materials. Pick out what colors you will be working with, get your tileset ready and line up the NPCs that will be living and/or working there.

Shape and Layout

Inner mapping begins with a strong layout. Start by sketching out the same shape your building is on the outside. This small detail creates continuity and makes the transition between inner and outer maps feel natural. Note that you don’t have to work on a 1-to-1 scale. In fact, using the same scale for inner maps and outer buildings can lead to some funky-looking maps. You could end up with massive buildings that look awkward against trees and other outer decoration, while the inner maps will feel cozy or cramped. It is enough to keep the same general shape and proportions.

Rooms

The next step is to create sections or rooms. There’s two reasons why we want to do this. First, it is much more difficult to create a lot of detail in a wide, open space. The furniture ends up looking small and this makes the space look even more empty. Or the mapper might try to overcompensate and adds too much clutter. The second reason is that separate rooms are functional and they help us keep organized. Even people who live in studio apartments will sometimes divide their room with curtains, so to keep a sense of privacy or divide sleeping space from entertaining or cooking space.

Furniture

Now it’s time to fill the map with furniture. Start with the basic necessities: a bed, a sink, table or bookshelves. These are staples in every home and it’s believable that most homes will have them. You don’t have to use a lot of variety for the basic furniture, but keep in mind that too much repetition will be noticed by the player. Mix and match pieces and introduce variation in color to make even the basics look interesting.

One big important thing to remember at this point is the sides and the bottom of the screen. When all pieces are on the north wall, it creates an imbalance with the rest of the map, and it may also force you to want to add unnecessary furniture or detail to get the right effect.

Details

Lastly, add the details. This part can be a very fun process, because you can use details to express personality or history for your NPCs – something you may not be able to do otherwise. Surround your writer with books, your romantic with candles and roses or your cat lady with a dozen cats on various surfaces.

How do you achieve this level of detail? You can use some of the tilesets that our community members have provided (just check out Resource Showcase section). Or you can create your own by layering pieces in an art program.

Here is the set used in my screenshot. Use it as a launching point:

Creating Tiles Part 3

Guide to Creating Tiles in RMVX-Ace Style
by Lunarea

Part 3: Shapes, Edges, and Palettes

Tutorials 1 and 2 covered the theory necessary to creating tiles. Part 3 will also be covering some of the basic theory, but will also begin to introduce practice.

Included in this tutorial:

Shapes

  • Understanding basic shapes.
  • Creating top-down perspective with basic shapes

Edges

  • Anti-aliasing edges and transparency
  • Straight edges and right-side RTP edge

Palettes

  • Understanding Contrast and Saturation
  • Creating a palette from RTP.

Read the full tutorial by downloading the PDF here!

Creating Tiles Part 2

Guide to Creating Tiles in RMVX-Ace Style
by Lunarea

Part 2: Perspective

In part 2 of Lunarea’s Creating Tiles tutorial, she is going to tell us all about the perspective used in RPG Maker VX Ace’s tilesets, a common perspective used in video games know as the Top Down Perspective.

Included in this tutorial is:

  • Discussion of what top down perspective is and how it is a combination of two real life perspectives used to create the illusion of depth in a 2D game.
  • How to draw some real life shapes in that perspective.
  • What steps that are needed to “rotate” a tile.

Read the full tutorial by downloading the PDF here!

Creating Tiles Part 1

Guide to Creating Tiles in RMVX-Ace Style
by Lunarea

Part 1: Tools

RMVX-Ace tiles are created through a process of digital painting. This process is different from traditional pixel art, both in terms of technique and in tool requirements.

We will go over the tools you will need to create tiles in this tutorial:

  • Art program with transparent background, brushes and ability to save in .png format (examples: Photoshop, GIMP)
  • A hard round brush and a soft round brush
  • A 32×32 pixel grid, created through art program settings or made manually
  • A mouse or a tablet

Take the time to get used to making fluid and uninterrupted lines with the mouse or tablet. Practice drawing curves as well as straight lines (see PDF for examples of shapes).

Read the full tutorial by downloading the PDF here!

Part 2 will cover RMVX-Ace’s perspective, object depth and object edges/outlines.

Mapping: Engage your brain

by: Lunarea

There are two equally important parts to mapping: the “art” that gives visual appeal and the “science” that makes the map work. As a result, it’s difficult to give a specific list of things to do or avoid. What’s a good rule of thumb for one game can be completely wrong for another. So, how does one get better at mapping?

My advice: Start thinking! Continue reading

Modern Tileset Pack Interview!

Today, we put up the first in a line of Modern Tileset packs created by one of our very wonderful and friendly forum Admins: Lunarea.

This pack includes everything you need to build a city street, and a home interior!

You can head over to the store and pick it up right now!

I took the time to catch up with her and ask her some fun questions about her experience with RPG Maker, Video Games, Art, and creating tiles. So let’s get started! Continue reading