Tuesday, January 24, 2012

Advertisement...

We needed to make an advertisement that was somehow related to The Great Gatsby, and mine was to promote prohibition.

Character...

We had to trace a character and make it move...

Monday, October 24, 2011

Button shapes...

(Will add description later due to how far behind the class I am)

Thursday, October 13, 2011

Spotlight add for "Howl's Moving Castle"...

This one was supposed to look like an add for one of my most favorite movies, "Howl's Moving Castle" by Studio Ghibli and Miyazaki Films. I needed to create a mask over top of my BG image and then have the unaltered image underneath that, The on the mask, I created a black motion tween that moved around like a spotlight. I really like this movie, so enjoy this picture :)

Wednesday, October 12, 2011

Experiment...

Here, we were supposed to find a picture and a BG and experiment a bit. I was supposed to have multiple copies of this, but ran out of time and had to move onto the next project so that was sad, but I like how this one turned out so, oh well. :) In this project, I found an outlined spacey-type plane and colored it in Flash, adding shadow and highlights and then turned it into a symbol (like i do with everything) and made it move along the BG.

Tuesday, October 11, 2011

Motion Guides Bee...

With this one, we had to try and make the object of choice (I chose Mr. Bee here) and make it move along a path. This process (the one that make that possible) is related to a certain function in Flash called "Classic Motion Guide." Like Classic tweening (or tweening in general), you must first turn the object into a symbol and then right click that symbol to add the function. After that, I just played around a bit and added a few things ;0

Friday, October 7, 2011

The Traced Bitmap...

In this one, we imported a bitmap image to the stage of Flash, used something called Trace bitmap to make it vector art, scaled it to make it super large, added my own version of a gradient background, and finally exported it as a .png file. Here was the final result, even though I'm not totally happy with the coloring, it works, I guess....

Tuesday, October 4, 2011

Multiple Images - Sasunaru Version...

This was an extension of the last post; we were to use the things we learned last time to make our own "Multiple Images." I used the pictures seen and on the top picture (the one that looks somewhat red) I selected the white parts that are now see-through and deleted them. The I made it a little darker with "Brightness/Contrast" and imported the background picture. In the background picture, I made it to my liking by sizing it up and saving it as a "Fireworks (.png)" file. Lastly, I took it to Flash and made it into a symbol and moved the pictures around, adding alpha and transparency in different picture to present what you see now.

Multiple Images Overlay...

In this post, we made use of a program called "Fireworks" which allows us to edit picture more effectively. In this specific one, I used Fireworks to edit the top picture (the grass land) and got rid of the sky by using the "Magic Wand" selection tool. Then I made the picture brighter by adding a bit of "Brightness/Contrast" and lastly I imported the sky clouds in the background and saved it as a "Fireworks (.png)" file. Finally, to make it move, it was "Imported To Stage" in the Flash program and manipulated. Each picture was made into a symbol and then I move them into the Motion Tweening stages of moving them around, adding Alpha transparencies, Easing in and out, and then editing the timeline around to make it into what you see now.

Monday, October 3, 2011

Made this in class when I was bored...



This one has nothing to do with the class, I was just bored so I played around in Photoshop. Hope you like it ;)

Thursday, September 29, 2011

Importing a Bitmap...

The bitmaps are a little different from the normal vector like my previous posts. A bitmap is a grid (each square on the grid is filled with color) and this makes them unperformed scaling files. A vector however, is lines and colors that are easier to scale without the worry of eventually seeing the grid itself (as in the case of a bitmap). In this specific case, we took pictures from our computers and "Imported To Stage" instead of just opening the files manually. Then, we created our "symbols" and then our Motion Tweens and allowed them to be manipulated and spun. In the end, we added some "Alpha" - the transparency that makes them fade - to the pictures and "Eased" them in and out.

Wednesday, September 28, 2011

Car Moving.swf...

In this .swf, we made use of the "Ease" effect once again as the car slows down, then we had to make something called a "Motion Tween" which creates the in between pictures of a moving object from start to finish. In order to make the car slow down and "ease" to a stop, we used the "Ease - out" function, and the "Ease - in" to make it speed up from a stop. In order to make a Motion Tween, however, we needed to make the base of the car, the wheels in this case, into something called a "Symbol" that allowed us to create copies of it easily without affecting the timeline. Also, it allowed us to make changes to this "Symbol" without affecting the main timeline of the animation. We could go inside the symbol and change it there instead (which is where I drew my car).

Monday, September 26, 2011

Gradient Ball...

This is a gradient ball we had to make that made use of an application called "Ease" which allowed something in flash to have a similar effect of gravity as it slowed down and sped up (Ease - out/in).

Friday, September 23, 2011

The Bird Flies...

This is something I made and posted to my webpage :3 I used site.google.com/whisperedthrive as my webpage and uploaded this file there. Later, I went into the edit html section on the blog post edit page and used an html as an embeded file to allow this flying bird to move on blogger.


Thursday, September 22, 2011

New blog, new class,,,


Made this for my animation class... AND NOW I LOVE THIS BLOG!!! THANK YOU ANIME PICTURES AND PHOTOSHOP!!! XD

The .png file...



This is the .png file I had to upload directly to blogger. .Png files are similar to .jpg files, only a .png file is more easily editable and it if also able to have transparency. Whith .jpg files, the file size is more compressed than a .png file.

Embeding an .swf file...

This is the .swf that I made early on in the year. I had to make a gradient ball movie across the screen while at the same time allowing a shadow to be cast from it. Then we were to find a way to embed it onto this blogger website. That process included creating a sites.Google.com page to upload the files to and then creating a link to that file through my sites.Google.com page through blogger and putting that link into an HTML form and embedding it into a blog post.

This class so far...

My animation class is always so much fun to be in. (Not just saying that either :D) Anyways, learning about Flash and how to animate things like a bird or a frog are things I never dreamed I would be able to do. It sounded so hard to do, but the way Mr. B (the teacher) explained it was easy to understand. Now that i know how to do it, I feel like i could do anything in this class. With what I know now, I can use a tablet, or even just the mouse, to draw a picture in certain select frames and then animate them and make them come to life. Can't wait for the next one!