Web Design Challenges.

Web Design Challenges

The challenges we have been assigned in web design have been interesting but most of all, tedious. The one thing that most of the students in our class are figuring out that coding is not challenging but more of a chore to complete. Especially when you have one flaw in your website and you are unable to locate the problem in your code. Ill talk about the 2 latest challenges I have been assigned in this blog.

Challenge No.4/Table Creation

All of our code is created within HTML code and theres a lot of thing you can do with it. One of which is creating tables. We were tasked in this challenge to create a table that contains 10 different HTML acronyms. This was pretty easy and simplistic with the most challenging task being the graph. There was a couple of errors I had including not closing the table and incorrectly listing some objects but thats about it for this one ¯\_(ツ)_/¯.

Challenge No.5/RGB Color 

This one was a real doozy. Quite frankly the most challenging thing about this assignment was managing my sanity. With this website we were tasked with creating a site that described RGB Color Codes. RGB color codes are assignments of numbers and letters given to a color to represent it in code form. This sounds a bit complicated but it really isn't. Its just. Very. Tedious. I finally finished after about a week of on and off working but I thought that the lessons over the RGB color coding were very interesting and I am interested in what else we will learn within web design.

The Very Angry Worm

Animating a Very Angry Worm

This project went much faster compared to the bouncing ball surprisingly. The project went much smoother because of our familiarity with PS and AE; however, we used a different animating technique for the worm. With the bouncing ball we created ball keyframe at the top and bottom at each arch then filled in the space in each arch with extra frames and key frames. We took a different approach when animating the worm.

The Puppet Tool

The puppet tool is much more convenient in terms of effectiveness and ease of use. What the tool does is it creates pins on the layer you want. In each frame you can move them around and simulate motion AKA create an animation. The reason this is so helpful is that you can literally create one group of key frames and copy paste that across the time line and have a very smooth animation. The tool that ties this all together is the "Null Object" (Really weird name and kinda out of context if you ask me but I can let it slide.). This tool is used to make the worm go on a set path. If you were to JUST copy paste the frames then the worm wouldn't go anywhere.

Overall Experience

This project made me realize something about animation. Its a lot more simple and easy then I once thought. I believed that in each animation every person who animated it was an amazing artist that is capable of doing anything with characters, this is still true but not to the degree I thought. My experiences with this project were pretty mixed since I had some trouble with creating the initial cycle but the rest was fine.

 

Bouncing Ball Animation

The Bouncing Ball Animation.

So with school back in session its time to start animation once again. This years first project is almost identical to last years but a little more advanced. The task we were given was to make a bouncing ball using both Photoshop and Adobe After Effects. This was much easier then I had anticipated but still was a challenge. Here is the final product!

What Did We Learn?

This project was not as challenging as it was informative and it was the project that set an example as to how others will go. The process of the animation was different from last years since it included both PS (Photoshop)and AE (Adobe After Effects.). Both of these programs work in tandem with one another since you can create the assets in detail in PS and easily animate in AE. In terms of animation we learned/reviewed squash and stretch mostly, a technique that makes motion seem more realistic. I think I succeeded in executing this technique correctly in the animation.

Why is This Project Important?

This project will be important for my progression in this class on mostly a technical stand point. I was able to practice and use some of my animation skills/knowledge and get additional practice using other adobe programs. I think that this year will really cement what I will be pursuing in my future animation career throughout highschool and beyond and this has helped me further understand the basics of animation.