Tutorial Time (again)! I just finished a background for my new game and recorded the steps. So if you’re interested to draw things like this (this is a motel room):

Keep on reading

First of all: This is not a tutorial about how to use paint programs, some basic knowledge in whatever application you use is needed.

There’re two common methods to start on low res background – you begin with a hand drawn sketch and scan it. Or you directly start from the scratch – without a template.

For this screen, I made a rough sketch on paper but drew it completely on the computer (no tablet). For the first 2 steps, I’ve used Pro Motion, but shading and anti aliasing has been done in Photoshop 6 (which runs fast enough on this old machine). If you need  8-bit color depth, then keep sticking to ProMotion (or whatever you like), otherwise Photoshop (or Gimp) is a real time saver.

1. Step – Outline the scene

I’ve tried to chose an interesting perspective with lot’s of sloping lines. The blue line’s the horizont, the red dots are the two vanishing points. Because it’s a quite boring to just look in a corner, I’ve added a ledge to the wall (maybe there’s a chimney on the other side or whatever ).

Now I’ve moved the scenery a little and added a ceiling – since this is going to be motel room and not a hallway. There’s also a window with curtains.

Now there’s also a table and a bed. I’ve used flashy colors to see if the composing is good and making painting over it easier.

The next station is a tv and a little detail on the carpet (at this point it also could have been a wooden floor). All the objects I’ve outlined so far are static objects. In the later game you can’t move them aroung, pick them up or anything alse. This is important for the shading because if you would have been able to move the table, you also had to move its shadow.

Step 2 – Basic coloring

Let’s bring some colors to the scene. First I’ve added a lamp to have a primary lightsource. ProMotion is really good in adding old school gradients and so I’ve chosen a goldish yellow and colored the wall. Unfortunately I did it wrong

Note the light on the ledge and the left wall. It’s impossible for the lamp to create that shadow – fortunately this has been fixed on the next image. Finding a color (and a texture) for the carpet gave me a hard time, so I ended up searching google for motel rooms. Most of them had red ones, so I also chose it until I realized that it’s damn ugly – so where the motel rooms btw

So for the next version I’ve used red for the table and a more convenient grayish blue for the carpet. Those color ideas were from an Ikea catalog

I’ve also fixed the gradients on the wall to look more natural and colored the bed and the TV. The bedsheet is actually the one I’ve currently use. As a hint – be creative choosing colors and textures. Here’s how you shouldn’t do it: White wallpaper, brown table, white bed, gray sheets, no curtains at the window and an inconspicuous color for the carpet.

Even if realitiy isn’t that colorful – most of us play games to forget about reality

Those white parts in the image are actually transparent, so the carpet doesn’t get white on the bottom of the screen.

Step 3 – Objects

I’ve added a new layer in ProMotion and added some objects to this quite naked room. Here are the objects without their background.

In case you don’t know what to add in a room, just think. A TV need something so you can watch it – voila: armchair in front of the TV and so on.

So here we have a door, some pictures, a pile of dirt, an armchair and a phone with a clipboard. For those objects I’ve created outlines again, just like in step 1 and some basic coloring.

Step 4 – Details, shading and the finishing touch

Here’s how it looks, if the objects are on the background. I also adjusted the color a little. Since I’m now in Photoshop, this is rather easy.

I’ve now added a slight vignette to draw the attention more to the center of the room. Note that the lamp is now lighter and the corners get darker.

Also the wallpaper looked quite boring, so I’ve decided to add some stripes – it’s never good to have large areas in the same color (search for a “tv lines” tutorial, if you don’t know how to do it).

There’s also glas in the window frame now.

The next part might be the hardest part for some of you – adding shadows. Just look at the light source and try to imagine where the light might hit the ground or where it might be blocked. Adding shadows in photoshop is quite easy (and there are a lot tutorials about it). I’ve used an additional layer, positioned it under the object layer and drew 100% black areas. Then I’ve applied a slight motion blur and set the layer’s opacity to about 30%. For the shadow on the carpet (it gets darker, the more it’s away from the lamp) I’ve used a seperate layer and made it completely black. Then I’ve added a layer mask and added a gradient from black to white on it – done

But as I’ve written above, there are far more better tutorials, covering shadows.

The last thing I did is to add some noise on rough surfaces – like the carpet and the arm chair.

And that’s it – it might not be perfect and there’s always room for improvements. But try not to dissipate your energies just to one screen. I’m sure, there will be a lot more you have to draw and in my oppinion it’s better to have some mediocre screens but a finished game instead of 2 perfects screens and a canceled project

So long, I hope you liked it!

So richtig viel habe ich ja in der letzten Zeit nicht von mir hören lassen. Hauptschuld – denn es liegt nie an einem selbst – hat heute diese dämliche Personensuche im Internet (wo sonst…?)

Dämlich wie ich war habe ich meine ziemlich personalisiert gmail Adresse im Zusammenhang mit diesem Blog rumliegen lassen. Und Zack – wieder zwei Nervenzellen in der großen, grauen Wolke zusammengeschaltet. Ich = dieses Blog. Da mag man ja nur noch angepasstes Zeug schreiben – und dank der WayBackMachine bleibt das alles noch 50 Jahre erhalten. Da könnte mein Nachwuchs glatt nachlesen, was ich für ein Idiot in 2008 gewesen bin.

Das sind nicht gerade ideale Vorraussetzungen um in seinem virtuellen Zuhause die Sau rauszulassen. Sei es drum….

Offene Punkte:
1. Festival war gut

2. Triathlon war auch gut

So, Nachwelt – dreh mir da mal einen Strick draus!

Die Mutter aller schlechten Adventures ist zurück!

Acht Jahre lang hat es vor sich hin gerostet, doch da isses wieder: “Alles Euro” aus dem Jahre 2000. Für ein Schulprojekt haben 2 Freunde und ich dieses Schmuckstück zusammen gezimmert. Urspünglich für eine “Multimedia Euro Lern CD-Rom” gedacht, ist es leider viel zu früh in der Versenkung verschwunden.

Die Sparkasse wollte nämlich besagte CD nicht als Werbegeschenk haben (wohl eher aufgrund der geklauten Encarta Videos der anderen Teilnehmer )

Jetzt, wo ich das Spiel wieder gespielt habe – vielleicht waren wir auch nicht ganz unschuldig daran. Es ist doch etwas anzüglich und geht mit gesellschaftlichen Randgruppen hart ins Gericht. Aber trotzdem ist’s das erste Spiel, das ich wirklich zu Ende gebracht habe.

Hier ist der Download: alleseuro.zip

Die Readme-Datei ist leider immer noch verschollen – wenn es überhaupt eine gab Und da das Ding eigentlich für DOS entwickelt wurde (bzw. Win95/98), sollte jeder Testwillige sich die Dosbox installieren. Sonst läuft’s leider nicht.

Heuer geht’s los. Daher passiert hier die nächste Woche nichts, danach gibt’s aber bestimmt ne Menge Fotos.

Also, ich freu mich

Jetzt isses fertig, unser eigenes Bierkastenradio.

In ziemlicher Rekordzeit haben Jan und Ich einen Bierkasten etwas umgestaltet, um hoffentlich eine Woche ohne Strom Krach zu machen.

Ausstattungsmerkmale:

• 2x 50 Watt (bestimmt nur PMPO, aber trotzdem)
• MP3 CD Radio
• 4 GB interner Speicher (iPod nano mit KFZ Kit)
• 4 zeiliges Display mit blauer Beleuchtung (alles ist heutzutage blau)
• 3x  7 1/2 Ah Blei Gel Akkus
• ca. 3 A Verbrauch bei voller Lautstärke
• Discokugel

Dazu (nicht abgebildet) haben wir noch einen Krombacher 11er Kasten mit einer 69 Ah Autobatterie. Das sollte eigentlich reichen

Besonders ärgerlich, dass der blöder Typ meine ganzen alten Posts gelöscht hat.

Bloß… wie hat er das fertig bekommen? Ein bisschen alten Kram hab ich aber noch als Backup konserviert, da soller mal gucken, dieser Kacktyp. Naja, dann hab ich wohl erstmal wieder was zu tun…

A propos Hacker-Ethik:

Ich hab ja schon ein gewissen Verständnis dafür, dass man mir auf diese Weise mitteilt: Hey, das gibt schon seit einem Monat ‘ne neue Version von Wordpress und da kann ich das nicht mehr machen.
Auch die ganzen Einstellungen verbiegen.. bitte.

Aber die Hälfte meiner Post mit so’ner billigen Scheiße überschreiben? Nur damit die eigene Seite (oder die des Werbepartners) im Ranking höher kommt? Das ist inaktzeptabel.
Schändlich, wer sich alles “Hacker” schimpft.

Wir nähern uns mit großen Schritten der Festival Saison. Dieses Jahr steht Rock am Ring an und da darf man eigentlich

(und das ist schlimm) Generatoren mitnehmen. Das gängige Geräusch auf dem Campingplatz ist also lautes Knattern, das sich mit undefinierbaren Geschrammel mischt (aus billigen Fernost-Anlagen mit durchgebratenen Boxen). Wir haben keinen Generator und das ist gut.

Beim Roskilde Festival sind die Mistdinger ohnehin verboten und ich glaube, auf dem Hurricane auch. Woher jetzt aber die Beschallung nehmen, die der gewillte Sauf- und Zeltbold verdient?

Die Antwort darauf lautet: Bierkastenradio Man nehme einen Bierkasten (Prohibitionisten nehmen einen Kasten Bionade) , fülle den 12V Blei-Gel Akkus, 2 Boxen aus dem Auto und einem Radio – ebenfalls aus dem Auto. Schon hat man bis zu 5 Tage ruhe vor der Ruhe.

Der Jan bastelt schon ganz fleißig an dieser Offenbarung einer jeden Zeltburg, aber die Idee ist natürlich alles andere als neu. Hier sind einige Links von ähnlichen Projekten:

http://forum.electronicwerkstatt.de/phpBB/topic69107_f34_bxtopic_timexDESC_by1_bz0_bs0.html

http://mfu666.mf.funpic.de/Blaster/Session1/

http://user.hp-w.de/bierkasten/1419/

http://bier-kasten.de/mediac/450_0/media/CIMG1428.JPG

Hui, gestern war’s etwas frisch im Freibad. Bei 13°C im Schatten haben wir uns um halb acht aufgemacht, unsere Bahnen im hiesigen Freibad zu ziehen. Beim Umziehen fragt man sich dann, ob man tatsächlich noch alle Tassen im Schrank hat – Temperaturgefälle Wohnung-Außenwelt: knapp 10 Grad. Und eigentlich lockte auch schon der Fernseher…

Allerdings fühlt man sich nach der Abkühlung wesentlich besser, als vorher. Gut, dass wir uns zu den Wettkämpfen angemeldet haben. Sonst wäre es um das unbequeme Training schlecht bestellt

So richtig Neues gibt’s eigentlich gar nicht. Einmal Schwimmen geschwänzt: es stimmt also, dass man vor dem Schwimmtag keine anderweitige Anstrengung unternehmen sollte. Montag sind wir noch mal 40 km mit dem Rad gefahren und hatten am Dienstag überhaupt keine Ambitionen, uns ins Freibad zu quälen.

Freibad bei schlechtem Wetter ist nebenbei erwähnt, der Hauptgewinn: fast alle Bahnen frei, ausgeglichene Rentner, trotzdem warmes Wasser – was will man mehr? Gut, der Weg von der Dusche zum Beckenrand kostet Überwindung…

Heute soll dann noch mein Rad in die Inspektion, aber das kommt mir ganz gelegen. Vom Radeln hab’ ich erstmal genug.

Da war’s schon wieder eine Woche lang still hier im Blog und die Ausrede lässt nicht lange warten: Faddie hat gesägt.

Letztes Jahr beim Roskilde Unterwasser Festival hatte schon jemand so einen tollen Bollerwagen gezimmert – damals allerdings noch ohne Lenkung. Trotzdem war es sehr praktisch, in einem Rutsch das gesamte Auto zu entladen, der Parkplatz befand sich auch in 5 km Entfernung.

Also hab’ ich die letzte Woche herumgesägt und geschraubt und herausgekommen ist nun das Vehikel auf dem Bild. Fassungsvermögen: 311 Liter (wenn ich rechnen kann, ansonsten wäre das jetzt sehr peinlich )

Trotzdem erstaunlich, was eine Auflagenbox, 3 Dachlatten und Schubkarrenräder kosten können – verrückt . Es wäre wahrscheinlich billiger geworden, einen Gartenwagen zu gekauft und dann die Auflagenbox darauf geschraubt zu haben.