Website About Me

(Besides the blog, of course...)

      In my latest web project I had to create a seamless background, then the teacher kept adding more and more to the project until we made a basic site. So now the project is a bio about us, what our job is, favorite color, what annoys us, etc. In order to make the website look like this we were told several new types of code in order to do it. First we went into photoshop with an image of concrete. Next we needed to make the image seamless so that it would show up as one big image instead of hundreds of small images. Then we were told to change the color, I decided to go green and make it look like grass. After that we took the image into Textmate (the program we have been using for code) and used it for the background. Then we had to make a Div tag which is the semi-transparent box you see around the text. Its main purpose is a way to group certain amounts of content and you can change everything to the same look because of the Div. After that we were told to put a picture of ourselves on the website.

      It was not entirely smooth sailing throughout this project and I did run into a few problems. The first thing was we had been given the project on a Friday and by the time Monday had rolled back around I had forgotten some of the important code I needed, thankfully someone I was sitting next to was very helpful and showed me what to do. Another problem I had was with the font style, for some reason only half of my text would change to the font I wanted and the other half stayed as the default. Eventually the teacher came over and helped me out and things were back on track. I was very pleased with how the picture came out on the website. For that we put the picture of ourselves on to photoshop in order to lighten it up so we didn't look like we had grey skin. For the most part it worked pretty well and I was able to eliminate most of the background.

      One thing that I think still needs work is the color scheme that I put on the website. In class we had talked about C.A.R.P. (Contrast Alignment Repetition Proximity) or the four basic rules of web design. I would like to change it because my colors are all over the place, I have green, orange, blue, black, and white. It just seems a little sporadic to me even though it is pretty good contrast, next time I will probably change it though. I would also like to align my pictures better next time because of the way the second picture is hanging off the edge of the border. It just doesn't seem like very good proximity.

      It was fun though because of the way we made this project, usually there are two types of code in Textmate that we use on the same page: CSS and HTML. HTML is usually more of the basic stuff where you put in the text and all that, CSS is more of the style type of code. In this project instead of using them together we used them seperately and at the very end connected them together by telling the project to follow the rules of the CSS styles. All in all in was a fun project and I am still glad that I chose web design.

Plausible Impossible

Donald Duck Version

The plausible impossible is all of the things that make a cartoon fun. Like having an anvil fall on your head and then walking away without a scratch. Things that can happen in cartoons that make it seem all the more realistic even though it doesn't really happen.




1. It is plausibly impossible for it to sound like a bell when hitting someone on the head.

2. It is plausible impossible for someone to eat a huge sandwich and then have a sandwich shape go down their throat.

3. It is plausibly impossible for peas to follow a trail across a table by someone sucking them up through a straw.

4. It is plausibly impossible for an eaten hot dog to start barking.

5. It is plausibly impossible for someone to leave an exact person shaped hole in the wall just by smashing through it.

Space Animation

Throughout our newest project we had to make multiple layers move together to make it look like a moving scene. Throughout this I learned that when layers move at different speeds they will still look like a single landscape moving. Another thing I learned was that this was the process that Disney used in some of their movies. Lastly I also learned to make a realistic background just by using a single part of a photo and turn it into a different scene.

Statue Man

In this project we had to come up with an original character and then animate then to life. My character is Statueman, I wanted to make a superhero that had a power nobody else had come up with. So, as the name implies he turns into a statue.


















Next, we had to make our character walk across the screen using Adobe After Effects. With the design of my character the only issue I had was that his legs are bent and it looked a little weird while he was walking. The only issue I had with the keyframes themselves was when I first started moving the legs and I made then go backwards instead of going forward. To make the character walk I first had to create a new composition inside the composition(like Inception) where I made the legs move back and forth. Next I had to put in all of the points of where the character's legs were going. After that I had to time the positions correctly so that one legs was moving foreword and one was moving backwards. Lastly I then made the legs attach to the body and made all of it move across the screen.

During this project I learned how to make all of the parts of a body stay together and make it look like an actual person, I also learned how to make one part of the body move while another part needs to move differently, and lastly I learned how to use a composition inside of a composition. If I could redo this project I might actually show that he has super powers. I feel like I did a pretty good job on the animation, there could be some things I could have touched up some things but overall I feel really good about this project.

Here is the finished product after our critique on Friday, the only thing I really changed was fixing the buildings and making him walking on the building look more realistic.

Inchworm

In this project we had to create an inchworm that would move across the screen. We learned to use new tools like the puppet pin tool and the parent function tool, which allowed certain objects to follow certain commands. I really enjoyed this project because it was my first living creature animation and I felt like I did pretty well on it. I did find it difficult to use the puppet pin tool because if the points were not put in specific places, the entire creature looked like it had been squashed. I did find it easy though to actually move the creature because all that I had to do was put one point at the edge of both sides of the screen and let the inchworm just move from one point to the other.

Photoshop Bounce

In this assignment I had to make a ball bounce across the screen. What I first did was make the ball in photoshop where I made it look 3D. In order to make it move I had to create keyframes in each of the arcs of the ball, I found making the frames easy but getting them to flow was very difficult. I had to make the ball curve in every single bounce and every time it hit the ground i had to squash the ball to make it look like it was bouncing. The timing was probably the hardest to do because if the timing was off by one frame it completely messed up the flow of it. We also made small animations in photoshop but it seemed smaller compared to the whole of photoshop. But in Adobe After Effects it was more focused on and more of the main point of the program. this was very fun and I can't wait to do more.

Color-wheel Project

During the color-wheel project i used a new program called adobe illustrator. I found it to be a lot like photoshop except for a difference in some of the tools. Some of the tools I did use in Illustrator was the shape tool in order to make all of the shapes, I also used the text tool so that I could label the colors, and I used the coloring tool so that it would actually look like a color-wheel. It was very helpful that Illustrator had guides to help me line up the shapes on the wheel. It was fun to use something new and I enjoyed doing it too.