Graphic Designs

Here are some example of my recent graphic design works.

First design for KitKat


Second Design for Kit Kat


A Xbox game cover( not an official game, I just made it all up)

Latest Animatic

My latest Animatic including some dialogs and music

How do I paint my Background

My backgrounds were based on hand drawn as well.
The following backgrounds are first hand drawn by pencil and pen, then paint by water color.




After I have shown all these painting to my tutor Adam.C, he think the paintings was nice, but there are lack of consideration in term of the shading and perspective. So he suggested me to repaint the paintings in Photoshop again.

Here is a original painting of mine, then Adam changed it into a nicer one by Photoshop.


I tried to followed the way Adam. C painted in PhotoShop, but he works really fast, I can't remember all the instruction he taught me, so I had to taught myself how to paint.

So here is a original painting of background


First of all I'll turn down the contrast of the whole Painting


Then I'll have to cut out some of the Object, make a copy of the and place them on another different Layer such as the the Grass and the Mountains


Then I also have to cut out some smaller object such as the tree and even the rock on the Path.

The trees has been cut out, and I have changed them into a darker tone


For the Rock on the Path, I make two layer of copies, and put them on the top of the original painting. I put the gray is for the rock to have darker tone, so the rocks can have some shading, and the gold/brown is for the reflection of the sun light.

Put them on the top of the the Painting.

Also the grass has been changed into a better colour


Then gradually adds the other object, and of course they have to be recolored as well.


I also have to give the objects shadings, that wasn't too hard, just make a copy of the object, turn it into completely black, and then use "Gaussian Blur" the Blur them, drag them into the angle I need then it's done.


Behind all these object layer, I have to adjust the sky colors and the Mountains as well.
The following images are the main layers of the sky color and mountain
Considering the perspective level, they have to look a bit more blur because they are far away.


Then I combined three of these images together, this is the main color theme of the background.


Then I put the rest of the objects back on again
Yay, the background is mostly done.

But after that, what I usually do, is to save this images as a JPG first, then reopen it in PhotoShop, and then I will use "Filter-> Artistist" effect on the whole image again as a final touch.

Here are the some of the Backgrounds I have re-paint by PhotoShop.

How do I colour my animation

After I have done drawing my animation, then I'll have to color it. I use Photoshop to color most of my animation.
First of all, I have to scan in the original animation I have done.
Here are some example of my animation, they were all hand drawn by myself, with blue or red pencil.


Then I'll have to open the images in Photoshop, and bring the contrast higher
Most of my classmates will clean up their animation, by using tracing paper on their animation, and then use black pen to draw over it, so their animation can looks nice and tidy. But I've chosen not to do my animation in that way, because I always like to keep those sketch lines and it can save a lot of time. This is really my style to works.


A higher contrast level will be easier for me to use Magic wand tool to cut out the images


After I've cut out the images I need then I'll have too save it as PNG format, the following images are the PNG versions.


Then I open all of the images in photoshop, but in different layers.

Then Use Hue/ Saturation option to make it black and white, that will be much more easier to color.(Now I think the sketching lines look nice when I turned the images into black and white)


Then I started to paint the images with different layer as well, in term of the face, hair, clothes, and hands. (with about 70% to 90% of Opacity and fills)


Then when I am done with coloring one image, I go to the next one, drag the layer of the colored face, hair, clothes on the top of the second images. Then I can adjust the size or edit a bit of the color layer to fit on the second image, so I wouldn't have to spent time painting a whole new image again.


The following images are done with coloring.


And here are a sequence of this colored animation.