Skip to main content

Animating my logo to look like it’s being hand-drawn.


Using the free and open-source graphics program Krita.

Basically, I wanted to create a logo that looks like it’s being drawn.

I took the American Bandito Logo decided to try it in Krita because they just added animation tools.

Krita is a free and open source graphic software program.
https://krita.org/en/

The method I use in the video is:
  • I create a transparent layer under the logo.
  • I’m gonna create my animation on that transparent layer as a color mask.
So I can see what I’m animating I create an automatic selection so the dashed lines will outline the image from the logo. And grow the selection 3px. (Selection > Grow).

On the transparency layer underneath I fill the whole thing with black. Boom! Now it’s hidden.

I use a brush tool to draw the animation. The color needs to be opposite of the fill we did to start showing the areas I’m going to draw. So I use white for the brush.

I’m doing the animation at 12 frames a second and on the twos (every other frame) cuz I like a nice little quick drawing.

I draw each line that starts to reveal the logo so it’ll look like it’s being drawn.

At the end of the animation, I want the text to just pop up as a whole and it goes ‘bloop’! And actually, that’s the noise I’m going to use when I add the sound effect to it in a video editor after I export it when I’m done.

Popular posts from this blog

A good interruption.

Normally we would have been out there working on stuff together. Guess he was hoping I was still keeping that up too.

VMware set up for the band.

We've actually made tons of progress for working remotely using Ubuntu studio and GitHub. But the set up does take time.

The heat.

I actually don't mind the heat.