Tuesday, November 29, 2011

HTML Coding

In middle school I had learned the basics of HTML coding, and for some reason they have always stuck with me. I was always fascinated at how much you could control the web pages with hexadecimals, and still am today. I hope to make my web page something easily navigational, but with a interesting theme. I say theme purposefully because I want all of the images, colors, and layouts to be unified throughout my website. This being said, I want a simple colorful background, with an interesting banner that I will probably hand-draw, scan and import. I know I want a sidebar for navigation, to draw the viewers eye central instead of downward. As for colors, I want a teal, yellow, crimson and cream palate, as this is present in most of my artwork. I will, of course, use this opportunity to compile all of my different mediums to showcase all of them!

My flying bird.

I thought that for my own animation, I wanted to make sure I fully understood the concept enough to create something from scratch. I decided I wanted to have my hands open and then a bird fly out. I wasn't so sure where I was going to go from there. I know I wanted the bird to write words at the end, so in between I need to create some more motion. Perhaps I will have it swoop up, and then down through a field of sunflowers. I need to make sure I move the flowers, instead of the bird, because it is staying in the stage for the most part. I think the most difficult part of this will be keyframing everything to make images appear when I want them, and the disappear when I don't. For example, I may want the bird to go back into my hands at the very end of the animation. We shall see!

Digital Animation

Well. I never quite thought I'd spend so much time making a ball bounce across a screen. For me it was very frustrating to understand the concept of keyframes. It seems simple: each keyframe is a point in time that the object is in a specific location, or a specific shape. You can then "tween" to have the object morph or move between keyframes. However, you must make sure that there is enough time for the object to remain in a keyframe for it to look realistic. This means copy and pasting keyframes before and after the initial keyframe to elongate the motion.

Equally frustrating for me was the idea that in order to make the ball look like it was passing a tree, you must move the tree instead of the ball. Once you know this is the case, making an animation is that much easier.