2D Game sprite animations

Run-cycle_V2This is my character walk cycle, I have plans to add a Jump Cycle, a swinging animation, at attack cycle, and an idle animation. It is important to have these reference for later on in production and it is also a clear method of showing off my animation cycles.

I don’t really like how this one turned out, the effect looks cool bit it is a bit misplaced, I also would like to add leg movement before I put it in the game.
This is my first attack cycle animation, i have plans to add effects and leg movement.
This is my first attempt at an idle cycle, the character is simply bobbing up and down.
This is the animation i will use in the game, it has a more exaggerated look to it and it involves the arms swinging as well as the legs and torso movement.

Animation Mood Board

Animation Mood Board.png

For my animation mood board I gathered a few images that I think represent animation, I have included Images that show 3d animation, 2d animation, film animation, tv series/anime animation, cgi, animation in games and the 2 animation walk cycle. I also included the Adobe After Effects and the Adobe Animate logos, these are the two animation programs that we have been shown in class, I plan to use Adobe Animate for my animation.

Task 3, Digital Design

Poster 1:

captureistock_000027573137mediumSo for this design I started with an image that I found that looks similar to the sketch that I did:

I then edited the image by moving the shard to the left (lining it up with the rule of three grid) hand side and replacing the buildings with clouds .


capture01I then made a poly design on it using the polygonal lasso tool and an action that blurs the selected area:

I then added a title, the date and the logo.

Final Design

Poster 2

capture2-2capture2-1For the skyline design I started by finding an image of the skyline in Victorian era and one from the Modern era, I then traced over these images in adobe illustrator and imported them to Photoshop.

I put the Victorian Era on the top and the modern on the bottom, I then decided to add a gradient because it would look a lot more pleasing to the eye than a sudden cut off to white.


capturev2-3Then all I had to do was find a font that I thought suited the poster, add the logo and date and it was finished.

The first font I chose because it suits the Victorian style skyline and the second font I chose because it has a more modern look but still retains some curves and style from the first font.

I made sure to add a bleed and a margin so that the printing process would be easier.


Poster 3

capture02andre-chiote-arch-poster-4-macFor my final design I found an image of St Pauls Cathedral online, I then re sized it to fit the shape of a poster. I then created a separate layer and filled the sky in red and the building i filled in with the same colour as the building on the architecture poster. I then highlighted certain areas that were darker or more detailed and filled them in with the brown colour from the windows.


Unfortunately my screenshots from the process were lost so my next progress screenshot is quite far ahead. I added a black bar along the bottom where i plan to put my title, date and logo.

Finally i added the cloud from the original poster in 2 different positions. to make the design a bit fuller.

Old Photo Restoration, Photoshop Task

Today we were asked to restore a photograph that had been creased and damaged over time. We began by using the Spot healing tool to fix up all of the creases and tears. We then used the clone stamp tool for the small parts as the clone tool allows you to select an area to copy and paste instead of just using the colours from the surrounding area to paste. The finished picture looks a lot better and you can hardly notice that it has been edited.


Photoshop, Basic Selections

The very first task we did on photoshop was a basic selections task.

The first thing we did was create a square with the rectangular marquee tool and coloured in the marquee with a colour of our choice, we then inverted the marquee and filled in the outside of the square with the same colour on a separate layer. We then added shapes of a different colour that connected onto the central square and put the square shape layer in front so that it covers up the circles to create a new shape.

On the right hand side you can see the layers that I have used to create this shape, two layers are currently visible. The lower down on the list the layers are the further back they appear on the image.