Walking Cycle

My First Character: The Doughnut!

Working with Adobe has taught me many things while working on my walking doughnut, like how I got to work with the scaling and rotation of the different parts of my doughnut. I worked on the secondary motion after I completed the cycle. This included head/body motion and the arms that swayed back and forth to make a more natural walking motion. The sprinkles took a while because I had to alternate colors for every sprinkle, so I used the magic wand to select every little rectangle and tried to use various colors, but it wasn't perfect. Putting the anchor points on my doughnut was very important because that allowed the body parts to move, while still being connected to the main body. I feel that I could have added a little more detail, but I am not extremely artistic.

Color Codes Tutorial

There are many ways to add color to a web page, but how do you know what type to use? 

It is important to use color in websites to complement the information on the page. There are four codes that can be used. Using color will support whatever mood you want the viewer to feel. Color can be the difference between a good website and a bad one.

Color Names

It is possible to simply type what color the specified text will be. To do this, create a color style for whatever contains the text (h1, body, etc.). Then, type a color such as blue or darkred in the color style to change the color of the text.

Hexadecimal

In Hexadecimal code, there are 16 variables that affect how much red, green, and blue are in a color. These variables are 0-9,  and A-F. To set this up, add a div tag and add a color style to it. To specify the color, type in a combination of the 16 variables. 0 represents no color, while F represents full color. There are 6 numbers in the Hexadecimal color code. The first two numbers represent red, the second two, green, and the last two affect blue. The color code is set up like this: #FFFFFF. 

RGB and RGBA

RGB color codes are set up differently than Hexadecimal codes. The format is made up of three numbers within parentheses and separated with commas. The RGB color strength is represented through the numbers 0-255. RGBA color codes are the same as RGB color codes, but RGBA code adds another variable onto the end. The last number has a scale from 0-1 and controls the text/background opacity.

TBL and Hexadecimal Color Sampler

 Tim Berners-Lee is the inventor of the World Wide Web and HTML. The making of this page allowed me to learn how to insert a picture into HTML code, and I found that Berners-Lee is still very involved in creating software that uses the Web to its fullest. He works with the World Wide Consortium to create new uses for HTTP and HTML.

 To create the Hexadecimal Color Codes, I used a combination of the 16 numbers and letters to  represent the range of colors that are possible with the Hexadecimal Color Codes. I experimented with colors to see how different levels of Red, Green, and Blue colors would effect the overall color tone. With F being the maximum amount of color that can be added, and 0 being the lowest, changing all of these variables can make some very distinct shades that can compliment a website.