# Animating stuff

**URL:** <https://forum.kirupa.com/t/animating-stuff/24139>\
**Category:** Uncategorized\
**Created:** [June 26, 2003, 1:48pm UTC](https://forum.kirupa.com/t/animating-stuff/24139 "2003-06-26T13:48:28Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kajinku](https://avatars.discourse-cdn.com/v4/letter/k/94ad74/32.png) [@Kajinku](https://forum.kirupa.com/u/Kajinku)\
**Post date:** [June 26, 2003, 1:48pm UTC](https://forum.kirupa.com/t/animating-stuff/24139/1 "2003-06-26T13:48:28Z")

</div>

Small question… big answer I suppose… 🙂

I would like to animate the frog in my new logo, so that it goes from the logo to the white space. You can see the logo here: [www.kajinku.com](http://www.kajinku.com) (the grey one).

How should I start to make it move naturally? Does this envolves ActionScript? I never done animation in Flash before…

Thanks in advance! =)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 26, 2003, 7:01pm UTC](https://forum.kirupa.com/t/animating-stuff/24139/2 "2003-06-26T19:01:43Z")

</div>

14 views, no replies… hm, does this mean I have to use the Search button? 😛

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 26, 2003, 7:07pm UTC](https://forum.kirupa.com/t/animating-stuff/24139/3 "2003-06-26T19:07:04Z")

</div>

Not sure what you mean by animating…

Looking at your website, it appears that you know how to animate.

Do you just want to fade the logo in and out, from white to grey?

TD

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 26, 2003, 7:26pm UTC](https://forum.kirupa.com/t/animating-stuff/24139/4 "2003-06-26T19:26:02Z")

</div>

Well, what I want to create is the movement of the frog, like a real one. I want it to step out of the logo and change colour when it gets to the white space (the rest of the screen). The colour changing thing isn’t really my problem, but I have no idea how to create the _movement_ of the stepping frog… I want it to move its legs like a real frog, I want it to move its body like a real one… how do I start at this? 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 26, 2003, 7:31pm UTC](https://forum.kirupa.com/t/animating-stuff/24139/5 "2003-06-26T19:31:11Z")

</div>

Eehm … Search & observe a frog ? 😛

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 26, 2003, 7:38pm UTC](https://forum.kirupa.com/t/animating-stuff/24139/6 "2003-06-26T19:38:57Z")

</div>

You have 2 options, one will look more natural than the other.

1. The most natural way to do it is to have a video file of an actual frog climping up something and then importing it into flash and tint the entire movie so that you’ll only see the shape of the frog climbing.

2. If you’re a good artist then you can use the pen tool and do a frame by frame animation. You basically would have to manually animate the frog climbing.

To see an example of method #1, go to this site, [www.frosch-studio.com](http://www.frosch-studio.com) and click on the "work section. You’ll see an animated frog in the ice cubes.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 26, 2003, 7:39pm UTC](https://forum.kirupa.com/t/animating-stuff/24139/7 "2003-06-26T19:39:11Z")

</div>

A tree frog actually crawls up things, fully extending its legs as needed. So if you were going to have it move up the screen from its position in the logo, it would probably leap from the logo area to somewhere on the screen (when they leap, there bodies are almost fully extended - and they are very thin) then crawl the rest of the way up.

We catch them all the time where I live.

TD

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 26, 2003, 7:46pm UTC](https://forum.kirupa.com/t/animating-stuff/24139/8 "2003-06-26T19:46:22Z")

</div>

here is a site that provides video

[http://www.junglewalk.com/frames.asp](http://www.junglewalk.com/frames.asp)

TD

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 26, 2003, 9:07pm UTC](https://forum.kirupa.com/t/animating-stuff/24139/9 "2003-06-26T21:07:23Z")

</div>

I’d draw it and animate it all by hand…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 26, 2003, 9:10pm UTC](https://forum.kirupa.com/t/animating-stuff/24139/10 "2003-06-26T21:10:23Z")

</div>

Another option would be to import the video onto a bottom layer, and then trace it by hand. After this you can delete the video.

It should still make it look natural, but will keep the file size down.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 26, 2003, 9:10pm UTC](https://forum.kirupa.com/t/animating-stuff/24139/11 "2003-06-26T21:10:57Z")

</div>

> \*Originally posted by electrongeek \*  
> \*\*You have 2 options, one will look more natural than the other.

1. The most natural way to do it is to have a video file of an actual frog climping up something and then importing it into flash and tint the entire movie so that you’ll only see the shape of the frog climbing.

2. If you’re a good artist then you can use the pen tool and do a frame by frame animation. You basically would have to manually animate the frog climbing.\*\*

You could use both techniques to get exactly what you are looking for…  
Use the video as a reference for the movement and instead of just tinting the video, do as in #2 and trace each frame of the video as silohettes like your logo. That will most likely look best for “real-life” movement.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 27, 2003, 7:38am UTC](https://forum.kirupa.com/t/animating-stuff/24139/12 "2003-06-27T07:38:27Z")

</div>

Thanks for all the replies. And hey! That frosch-studio stole my idea! 😠 Just when I thought I had something original… anyway, that site is awesome, I love the animations and all. Very clever. There’s no way I’ll obtain such cool effects with my site. That’s why I hate them now. 😛

I think I will have to go somewhere where I can film a frog… but that’s the hard part. Besides the zoo, I don’t really know where I could take a closeup shot. I’ll see what I can do.

Animating the whole thing by hand would be more convenient but not easier… I’m not a very good artist, but this could allow me to keep the original logo. Besides, tracing the frog from film will give it another shape than the frog I have now… maybe better, maybe worse…

Thanks again for the replies, let’s try the experiments. 🙂

**EDIT: whoops, read too fast:**

> \*Originally posted by tobydog \*  
> \*\*here is a site that provides video

[http://www.junglewalk.com/frames.asp](http://www.junglewalk.com/frames.asp)  
TD \*\*

Great site, thanks! :thumb:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 27, 2003, 2:48pm UTC](https://forum.kirupa.com/t/animating-stuff/24139/13 "2003-06-27T14:48:19Z")

</div>

Wow, that Frosch Studio site is amazing! How did they do the reflection/water effect under the the buttons and the ice cubes?! And that frog…wow, he looks like a real frog walking around behind those ice cubes. simply amazing.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 27, 2003, 3:27pm UTC](https://forum.kirupa.com/t/animating-stuff/24139/14 "2003-06-27T15:27:52Z")

</div>

> You have 2 options, one will look more natural than the other.

1. The most natural way to do it is to have a video file of an actual frog climping up something and then importing it into flash and tint the entire movie so that you’ll only see the shape of the frog climbing.

IS there a tutorial somewhere to make this then?  
About separating a shape from a movie and making it look so that only the shape is moving and not the background.  
Like that frog 4 example?🔗

:Daisy:P

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 27, 2003, 6:13pm UTC](https://forum.kirupa.com/t/animating-stuff/24139/15 "2003-06-27T18:13:16Z")

</div>

Yes there is 🙂

[http://www.flashkit.com/tutorials/Animation/Vector\_A-Konrad\_M-573/index.php](http://www.flashkit.com/tutorials/Animation/Vector_A-Konrad_M-573/index.php)

Please don’t tell me everybody is going to pick a frog now. :-\

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 27, 2003, 7:52pm UTC](https://forum.kirupa.com/t/animating-stuff/24139/16 "2003-06-27T19:52:23Z")

</div>

no, why? I just want to learn to use it, so in the fututre i will have some knoledge how it works.Don´t be scared:)
