The document summarizes the process of creating pixel art animations for a game. It discusses:
- Creating a walk cycle animation for a character by copy and pasting the character in different positions.
- Elements that will be included in the final product like the walk cycle, character colors and shading.
- Techniques developed like creating a smaller character then upscaling and adding detail, and using the perspective tool to create floorboards.
- The process of creating an isometric game view with a house, tree, and stream animation using tools like the brush and bucket tools.
- Refinements made like adding better shading with 3 main colors and blending them.
2. Process Today I created a rough backdrop and a
character, I then created a walk cycle for
that character, the walk cycle is very rough
and I will add shading to the images once I
import them into my main project.
The tools I used for this were, the brush
tool, the eraser tool, the paint bucket tool
and of course the movement tool. The
process was more or less just copy and
pasting the character, but erasing the arms
and legs and drawing new ones on in
slightly different positions.
4. Reflection
• What elements of your experiments will you include in your final product?
• I will probably include the walk cycle I created and I will also use the colours of the
character as I find them quite visually appealing. I will also include the shading I
used on the character. Another method I came up with, creating a smaller scale
character that’s very simple, then upscaling it a little, this makes the character a
little blurry, but I then work over it and add shading and more detail to make the
character look more well developed I will definitely use this when creating my full
video game as it makes creating models easier and you can then make them a lot
more detailed. One more idea that I will use which I found while trying to create a
floorboard type look was drawing straight lines and then using the perspective tool
to angle the straight lines and creating floor lines.
5. Process
Today I created an aerial view,
Isometric game, For this I used the brush tool
the eraser tool, the paint bucket tool, the
ruler and the rectangular marquee tool. I
made a small plot with a house and a tree on
it to begin with. I shaded these by drawing
them in roughly in one colour first and then
selecting darker and lighter shades of that
colour for example the brown on the tree to
make it look more 3 dimensional. To create
the 3D effect of the house I drew a flat 1pixel
thick line which I then copied and pasted in
order to create a diamond shaped plot. I
then copied and pasted that diamond shape
multiple times moving it up by one pixel
every time to create the houses walls. Once I
had done this and the house was a good size,
I merged the layers. I then used the
rectangular marquee tool to select half of the house I then hit ctrl+j (too duplicate the selected part of the house) and used
the paint bucked tool to fill in the duplicated part of the house with a darker grey. I did the same thing for the block the
house is sat on. Later when were told to add animations, I added a stream with a waterfall, which was a fairly simple
animation of painting different colours of blue using a light blue/white in different shapes as foam. I also added the walk
cycle I created yesterday however I realised that when I was actually using the walk cycle in the animation it looked horrible
so it is something I am going to work on for when I create my actual video game.
(hit the slide show button to play the gif)
6. More detailed
Version that with
better shading and an
extra little cave area
that I created later on
at home.
7. Reflection
• When creating the second more detailed version of the pixel art I created
a cave and used aspects of the fire to cast colour reflections on the sides
of the walls. I thought this looked extremely nice and gave it that extra
little bit of detail. I will include this element in my final product. Anther
thing that I found while creating the latter, more detailed version, was that
to create good/decent shading, it worked best by using 3 main colours,
dark brown, mid brown, light brow. And then bleeding each colour into
each other by drawing over parts of the tree with a different brown just at
a lower opacity. Anything <50% works for this. Of course more colour
tones can be added to give it even more detail but I will always (or try to
always) use at least 3 different shades of colour.
Editor's Notes
Discuss the tools and processes used in your experiments
Discuss the tools and processes used in your experiments