Map redesign, Tutorials, Tips, Loading Screens

Guides about mapping and everything Teeworlds related.

Index
User
Posts: 1070
Joined: Mon May 05, 2014 7:30 pm
Player profile: ٭ıƞdex'<3
Mapper profile: ٭ıƞdex'<3
Clan: Eagle

Re: Map redesign, Tutorials, Tips, Loading Screens

Post by Index » Mon Sep 29, 2014 5:05 pm

We love it :3
Although I still like your first TEST map the most, you definitely improve with every new map/animation. The amount of time that you (obviously) invest in such a map is huge and I'm really looking forward to yor next TEST-maps (but you already knew that ^.^)

User avatar
Lady Saavik
Testing Team: Tester
Posts: 1763
Joined: Tue May 13, 2014 4:02 pm
Player profile: Lady Saavik
Mapper profile: Saavik

Re: Map redesign, Tutorials, Tips, Loading Screens

Post by Lady Saavik » Thu Oct 16, 2014 8:09 pm

Since few months I have an idea to help mappers with the backgrounds.
I don't want to make whole background for you, but give tools to do it.
Like few examples for sun, ready animated clouds, some doodads, rain, snow, maybe ideas for matching colors...
I know there are 873456983 styles, tastes and needs so I planned to make both, simple standard and creative strange things.
Maybe not everything will be pretty (for me) but it's not for me.
I don't need any credits if you use it (you can change and improve it if you need). It's free.
I don't have so many things to show yet, but maybe let's start with this and someday I will make and upload more. I will make big collection, but I need some time.
I encourage you to post your work too.
Please read descriptions.
sun1.png
sun1.map
(1.08 KiB) Downloaded 52 times
Simple sun with shiny not rotating rays. Perfect for blue background and grass_main.

sun2.png
sun2.map
(1.29 KiB) Downloaded 44 times
Watch out, it's hot. Good for desert landscape.

sun3.png
sun3.map
(963 Bytes) Downloaded 38 times
Bright sun made only with Quads.

sun4.png
sun4.map
(1.02 KiB) Downloaded 30 times
Orange sun, tiny rays. Looks like M&M's.

sun5.png
sun5.map
(1.2 KiB) Downloaded 29 times
I used to draw suns like that. Unfortunately you can't change the background color.

stars1.png
stars1.map
(4 KiB) Downloaded 60 times
Small area full of stars. Good for smaller maps. Good night!

clouds1.png
clouds1.map
(3.41 KiB) Downloaded 57 times
Big area full of clouds. Flying clouds are boring - mine move, appear and disappear! Just like in real life.


Here few tips how to customize it:
SUNS:
rays can rotate clockwise (360.00) or counter clockwise(-360.00). Just drag the right point up or down (Hold ctrl to be more precise)
rays can rotate faster (less seconds) or slower (more seconds). Just drag the point to the left or right and look at first number
delete Pos. or Color Envelope if you don't need this effects
CLOUDS:
delete Color Envelope to have normal clouds, good animated. I saw many times how cloud just dissapears in the middle of screen
copy them to have moar but look how I placed them (left side)

Download the 'map' and use File -> Append to add it in your map, I deleted unnecessary layers and not used Images. Everything should be ok.
Right click on the group and play with Pos XY and Para XY.
Have fun. Love u all. Wait for more. And get ready for Halloween ;)

RAINBOOOOOW
rainbow.png

User avatar
hi_leute_gll
User
Posts: 2532
Joined: Mon Jul 21, 2014 1:15 am
Player profile: hi_leute_gll
Mapper profile: hi_leute_gll
Clan: iMTG

Re: Map redesign, Tutorials, Tips, Loading Screens

Post by hi_leute_gll » Thu Oct 16, 2014 8:22 pm

Thanks for your work! It will help many mappers!
.hi._.leute._.gll. | iMTGmember

Index
User
Posts: 1070
Joined: Mon May 05, 2014 7:30 pm
Player profile: ٭ıƞdex'<3
Mapper profile: ٭ıƞdex'<3
Clan: Eagle

Re: Map redesign, Tutorials, Tips, Loading Screens

Post by Index » Fri Oct 17, 2014 8:20 pm

great work, Saavik :3
A few months ago I created a basic animated sun for my personal use in different maps. So, here it is (basically the same as sun1.map but animated :p)
Attachments
sun.map
(1.42 KiB) Downloaded 9 times

User avatar
Lady Saavik
Testing Team: Tester
Posts: 1763
Joined: Tue May 13, 2014 4:02 pm
Player profile: Lady Saavik
Mapper profile: Saavik

Re: Map redesign, Tutorials, Tips, Loading Screens

Post by Lady Saavik » Sat Nov 15, 2014 6:53 pm

Uhhh it's been 2 weeks since Halloween. Did you have fun?
People on DDNet too :>

I reworked 5 easy, somehow popular maps, it took me about 2 months. It was hard to think about 5 different styles. I didn't want to make everywhere pumpkins and black-red colors. Maps had to be playable. I worked on all maps at the same time: add something here, open other map and change color, bla bla... I had to make new images, edit ddnet-walls and grass_main a bit. It was fun. Mappers and players didn't know about anything. You can't find them on DDNet servers.
So let's start with:

[H]The Shire
[H]The Shire.map
(276.97 KiB) Downloaded 29 times
whole.png
The idea was simple: black and white. I liked the map style so I made fancy background too, wrote something on the map ("Trick or treat?"), just like mappers did. The background was terrible to make:
background.png
I failed like 3 times with copying the stones. I just removed old bg and made everything new and mine. I had to make the bg not disturbing and somehow good visible. I needed few days to draw all the pictures and fill them with random stones. You can see a spider, zombie, 2 bats, spider's web, 2 skulls, big pumpkin and creepy face. Pretty cool.

In my dm1_saavik I animated the emotes so I stole ghost:
ghost.png
As you can see, there is nothing colorful on the map:
hallo.png
But still, I love it.

********************************************************************
[H]Purple Panic aka Pumpkin Panic, like deen said
[H]Purple Panic.map
(490.84 KiB) Downloaded 30 times
whole.png
Actually, it is no more "purple":
colors.png
I decorated the map with spider's webs and dark spikes (don't worry, they don't hurt)
It's my favorite remake. It's just pretty, isn't it?
Background and freeze colors are like swamps. Orange is pumpkin. Red and black - vampire. Pretty halloweenish.

With few layers I made angry, animated sun following you:
sun.png
On the map you can find some hand prints and flying ghosts:
hand.png
batghost.png
I draw 2 bats, because I had place on the map. Here the bigger one, hard to see while playing:
batbig.png
Because the background was so empty, I tried to make something with jungle_midground. But I wanted to make it transparent, so I had to use only 1 layer. What a challenge!
But guess what:
busch.png
I made it! Was it even possible?!

I am so proud of myself.

I will post Kobras halloween versions sometime, maybe this week, all together.
Thanks for reading.
Or only looking at pictures.
Feel free to use everything I made.

Index
User
Posts: 1070
Joined: Mon May 05, 2014 7:30 pm
Player profile: ٭ıƞdex'<3
Mapper profile: ٭ıƞdex'<3
Clan: Eagle

Re: Map redesign, Tutorials, Tips, Loading Screens

Post by Index » Sun Nov 16, 2014 12:04 pm

Upload them again on servers! <3

User avatar
Lady Saavik
Testing Team: Tester
Posts: 1763
Joined: Tue May 13, 2014 4:02 pm
Player profile: Lady Saavik
Mapper profile: Saavik

Re: Map redesign, Tutorials, Tips, Loading Screens

Post by Lady Saavik » Sun Nov 16, 2014 1:19 pm

Next year ^^
I was waiting for your reply <3

User avatar
Soreu
User
Posts: 1375
Joined: Fri Aug 22, 2014 2:47 pm
Location: Poland
Player profile: Soreu
Mapper profile: Soreu
Clan: GSP

Re: Map redesign, Tutorials, Tips, Loading Screens

Post by Soreu » Mon Nov 17, 2014 10:56 am

I want 'em too :P Amazing redesigns, really
It was bit hard to play on them, when i was like:
Image

:P
„Vince te ipsum”

         :3             |     GSP Founder     Honorary iMTGmember
Graphic-guy     |     Website & Forum Team Leader (Ex)     [ToP] Leader (Dead)

Last truly active: Sun Aug 28, 2016 11:13 pm - having great DDNet in both memory and heart

User avatar
Lady Saavik
Testing Team: Tester
Posts: 1763
Joined: Tue May 13, 2014 4:02 pm
Player profile: Lady Saavik
Mapper profile: Saavik

Re: Map redesign, Tutorials, Tips, Loading Screens

Post by Lady Saavik » Sun Nov 23, 2014 1:17 am

And here it is!
[H]Kobra
[H]Kobra.map
(584.91 KiB) Downloaded 24 times
I started to make halloween series with this map. It was obvious.
I spent many hours making the background (original triangular background inspired me). This is only 1 layer:
background1.png
I'm very happy with this, how it looks. Exactly what I wanted. Dracula, ghost, pumpkin and bats. I have to say, sometimes I just find the pictures in Google and draw them in game, but almost always I have to fix them more or less because some parts are ugly and not perfect. I couldn't find any pictures made with triangles so I had to do it on my own :(

Ofcourse I made the colors darker, made the wall red, used halloween doodads and spider's webs:
colors1.png
Everywhere on the map you can meet flying ghosts, which appear only for few seconds. I hope they didn't scare you too much!
ghosts1.png
********************************************************************
[H]Kobra 2
[H]Kobra 2.map
(920.18 KiB) Downloaded 23 times
start2.png
Boah, 920 kB.
Because the map is huge, I worked hard on the background - you can see it all the time.
Winds cause the trees to sway slowly. Pretty cool effect. Maybe it's simple but I had the idea at end.
Whole map is full of blood and bloody handprints (no ghosts). It feels weird when suddenly you see these red or black eyes looking at you and moving with you. But, this is what I wanted.
colors2.png
I think it was also long work to mark all teleports with darker shadows, with one more layer.

********************************************************************
[H]Kobra 3
[H]Kobra 3.map
(738.04 KiB) Downloaded 31 times
just3.png
So here I have to tell a little story.
This was the last map I wanted to make. But I had no more ideas. I just made the background dark violet and started to make clouds, but I didn't like how it looks. Not rly halloweenish. I didn't know what to add, I didn't want to use the same doodads. So the solution was simple - no release, we have enough maps. But hey this is the newest Kobra :( So deen motivated me a bit, I finished the design at last day and tadaa.
just33.png
I had to edit ddnet-walls image, because I needed something special for (un)hook and hookthr. I would say this design is fuzzy, faded, you know... I made the walls a bit transparent, added some subtle smoke everywhere, made left and right sides darker. Ye, I think it is a good combination.
Ah, I stole the clouds from my not finished, not publicated dm8_saavik so I have to make something else there ^^
just333.png
Maybe it's strange, but I tested these maps too. I had to check if eyes and ghosts should appear more often, if things are good visible, if map is playable, how should I change the animations, bla bla. So I spent some time on test server too.
Will I make something like that for Christmas? No.
Can you do whatever you want with these maps? Yes.

User avatar
deen
Retired Administrator
Posts: 3292
Joined: Mon May 05, 2014 2:30 pm
Player profile: deen

Re: Map redesign, Tutorials, Tips, Loading Screens

Post by deen » Sun Nov 23, 2014 1:32 am

Really great work, Lady Saavik. I love the Halloween maps. You can really tell how much work you put into them and they came out so atmospheric thanks to it.

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest