RSS

Tutorial Hunger, Thirst, Sleepsystem Part 1 (Making the HUD) – Advanced Learners

02 Dez
Tutorial Hunger, Thirst, Sleepsystem Part 1 (Making the HUD) – Advanced Learners

ACHTUNG: Für alle die des Englischen nicht so mächtig sind habe ich es hier noch einmal auf Deutsch hochgeladen: http://rpgmakervxace.de/board64-tutorials-ressourcen/board42-tutorials/

——————————————————————————————————————————————————————

Difficulty: Schwierigkeitsgrad3

Hey,

In this Tutorial I’ll show you how to make the HUD for my Hunger, Thirst, Sleepsystem:

For beginners this tutorial could be a bit difficult to understand, because of that you should have used the maker for a while and be familiar with variables, switches and pictures.

You can use this tutorial for each maker from Enterbrain. The event commands are the same or similar.

The first thing you’ll do is open your grafic program (in my case Photoshop) and open a new document with the measurements of one screen of your RPG maker in my case 544 x 418 pixel:

Ashampoo_Snap_2012.12.02_22h06m24s_004_Neu

Then you’ll make a rectangle in the upper left corner and fill it with any colour:

Ashampoo_Snap_2012.12.02_22h08m05s_005_

After that you’ll fill the rectangle with a pattern that you like (right click on the square and choose fill space):

Ashampoo_Snap_2012.12.02_22h08m45s_006_Fläche füllenAshampoo_Snap_2012.12.02_22h10m53s_009_

If you like you can make a relief (right click on the layer and choose Filloptions):

Ashampoo_Snap_2012.12.02_22h09m27s_007_Ebenenstil

Then you’ll take your rubber tool and erase the place for the bars. You can hold Shift for straight lines:

Ashampoo_Snap_2012.12.02_22h10m11s_008_

They should beginn and end at the beginning and ending of the 32 pixel squares of the maker.

Then make a new layer and draw the bars. They should be as long as the places you made before. In my case 5 fields = 160 pixel. That’s important for later.

Ashampoo_Snap_2012.12.02_22h15m06s_015_

Make each bar on a new layer. You can give them beautifull colors with the the gradient in the filloptions (rightclick on the layer):

Ashampoo_Snap_2012.12.02_22h14m25s_014_Ebenenstil

Ashampoo_Snap_2012.12.02_22h11m48s_011_

Make sure that each bar is on a separate layer.

Now you should place some Icons on the HUD. I took them from the custom VX Ace icon set.

Load it in your graphic program and copy and past it on your HUDAshampoo_Snap_2012.12.02_22h13m53s_013_

Now save the HUD, and the three single bars separately as a PNG. You can save it directly in your game’s picture folder.

And that’s it for now, folks! The eventing follows in Part 2

Cleo

Advertisements
 
2 Kommentare

Verfasst von - 2. Dezember 2012 in Tutorials

 

2 Antworten zu “Tutorial Hunger, Thirst, Sleepsystem Part 1 (Making the HUD) – Advanced Learners

  1. Crow

    27. April 2013 at 22:08

    Yeah, uhhh how did you make the rectangle look 3d??? And where’s this „Rubber Tool“? And where is „Fill options???“

     
    • cleo683

      27. April 2013 at 22:32

      Its all written in the tutorial (you get the fill options with an rightclick on the layer you’re working with) Relief makes the „3d effect“ Give it a try

       

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s

 
%d Bloggern gefällt das: