Week 3 of Game Development reflections, Mayhem and Destruction!

We are now done with our Alpha, and we will now start our first week of Beta. This mean that we are one step closer to a finished product guys! Yaaay!! Five weeks into the course, things are going pretty well, at least here on the graphical art side of things. So now I’m once again writing my weekly reflection for a chosen artifact, third in a row. This week’s chosen artifact is destruction and mayhem (more precisely the death/destruction animation for the ship), an important artifact to give a real good indication for the player that they’ve lost. And really it would just look terrible if the game just ended with a Game Over screen.

So this time I’ve decided to go more into the creation process of this artifact. To perhaps help others to create, or use similar effects themselves. Here is the semi finished results so you know how the finished results might look like. I might fix some things later though and there will be different effects added in-engine.
Shup
Just a heads up, I work in Photoshop CC. So all the things I’ll describe might not make sense for earlier versions, or work in a completely different program. But here comes the working process for the destruction of Aquila!

First I had to decided how the ship would get destroyed and how it would start out. I decided that I wanted the ship to crack and then explode in a white blinding light. So I started with drawing out cracks with a red brush. Making some zigzag lines over the ship, but always making sure that it looked like the cracks was moving over a 3D shape (following the shape of the ship). When this was finished I drew in a yellow line inside of it, creating an effect of heat. And then I gave the red line an outline of black and white, creating an illusion of depth. This is the same procedure I used when I created the holes in the ship from last weeks artifact. So now the cracking effect was done.

Cracks

Now I wanted the effect of light seeping through the cracks of the ship, making it look like the ship was exploding from within. Making this was pretty easy in the end, but it was really hard to realize how to make it possible in the first place. But after messing around in filters, I finally found the perfect way to create it. What I did was duplicating the cracks layer, recolor it to a solid orange color and then I used the filter, Radial Blur *100 amount, method Zoom. I then gave the new layer a layer style of Outside Glow, here is the settings I used.

Settings1Light

When exploding, there needs to be some small kind of debris. I created this by duplicating the light layer, erasing a bit and recoloring it white. I then applied a new Outer Glow effect in gray to the layer, which created small dots that looked a lot like debris. Here yet again is the settings I used.

Settings2Debris

Now I had all the layers I needed for the animation, well I also made an extra light layer and two layers of solid color in white and orange (I used these layers to create the effect of the ship exploding in a bright light). Then I just used these layers and faded the different layers in and out in the animation timeline in Photoshop, and messed around until it looked OK. Here is the animation. OBS! The file looks a bit weird here on WP, click on it to see how the animation really looks like.

Exploding

Thanks for reading, and I hope this post might have helped you in some way!

Advertisements

2 thoughts on “Week 3 of Game Development reflections, Mayhem and Destruction!

  1. Hej Amanda!
    Ditt blogginlägg är väldigt bra upplagt och skrivet. Jag förstår precis vad du gör och vad som kommer att hända. Håller med om att det hade varit lite tråkigt om det endast hade varit en game over screen när en dog. Gillar verkligen att du tar upp precis hur du gjorde allting och vart man hittar det i photoshop, det är perfekt ifall andra grafiker undrar hur du gjorde och vill göra samma sak. Bloggen är ju, utöver en dokumentation för spelet, ett sätt för andra speldesigners att se vad andra har gjort och ta inspiration samt få reda på vad som går och inte går så bra. Så det är verkligen jättenice att du tar upp det såhär!

    Något som kanske hade varit kul med denna animation är att du skär ut din artifakt där du har gjort sprickorna och gör en massa småbitar av det. Sedan kan du antingen animera så att bitarna flyger iväg så som du vill eller fråga dina programmerare om de kan göra så att de flyger iväg på något sätt. Tror att det kan göra en större grej av att du sprängs inifrån och ut om skeppet faktiskt är i bitar senare. Gillar annars animationen om hur det lyser upp och så, riktigt nice!

    //Madeleine Fjäll

    Like

    1. Tack så jätte mycket för din feedback ^^ ska tänka på det med bitarna. Tror det redan var planerat men att det var sin egen artefakt 🙂 Får se om vi hinner fixa. Men tack för att du orkade läsa ❤

      Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s