HTMLoveing This Project

The Project

This was our final project in the animation portion of e9.  For our final, we did a web design project.  We had to make our own HTML website.  During this project, I was able to learn about HTML, coding, and web design.

The Technique

When making this project, we first started out using a template.  The, we modified the template.  In the text for out first page, I inserted an elevator pitch that we had done previously.  Next, we had to edit a photo of ourselves.  To create the next page, we copied the home page and edited the content.  For the projects page I added my projects and the text from my other blog posts.  Finally, we recolored the web pages.

What I learned

In doing this project, I learned about HTML, coding, and web design.  I learned how to create links to different web pages and external sites.  I was able to put my knowledge of graphic design to use by picking a color scheme and font themes.  If I were to do this project again, I would use a different color scheme, elaborate on my projects, and set up the web pages differently.  I might also add more web pages.

A-dooring this Project

The Project

For this project, we were working in Sketchup.  We had to create a 3D model of a house we found online.  I was able to learn how to use several new tools.  This project also helped me to get use to working in 3D software.

The Technique

For this project, I used a photo of a house online as my reference.  To make the house, I used the rotate tool, the line tool, the push/pull tool, the color tool, and the shape tools.  I had to measure the shapes I was creating and make sure that they matched the dimensions of the house online.  I had to use the measuring tool in order to check my dimensions and set certain objects an equal distance apart.  I also had to make sure that I was placing the shapes on the correct faces.

What I Learned

This project helped me get used to working in 3D.  I learned how to set the dimension of shapes and navigate my way around the software.  I learned how to move things around and rotate the camera as well.  If I were to do this project again, I would choose a different design for my house.  I would also change the colors.

House Reference: https://www.houseplans.com/plan/800-square-feet-2-bedrooms-1-bathroom-country-house-plans-0-garage-15740

Roof Texture

Siding Texture

House Reference (Back View)

House Floor Plan

House Reference (Front View)

Ball-istic Animation

Bouncing Animation

For this project, we had to create an animation where a ball bounces up and down.  To create this, I had to make a background using the grass textured brush tool.  Then, I made a ball and copied it to several layers, moving it slightly on each layer.  To make it look like the ball was actually bouncing, I used the transform tool to flatten the shape slightly as it hits the ground.  After I created all of my layers, I put all of them into an animation timeline.

Rolling Animation

In this animation, I had to animate a ball bouncing in from off of the screen.  In order to make this animation, I had to learn about arcs of motion.  I used the same background as the one in the previous animation.  I also used the same ball.  First, I drew a guide showing the path that I wanted the ball to travel.  Then, I repeated the same process I previously did by created layers and moving the ball slightly for each new layer.  I then put all of the layers into an animation timeline.

Portal Animation

For this final animation, we got to choose what kind of animation we wanted to make.  Our only requirements were to make the ball bounce in from off the screen and have it do something random before the end of the video.  I chose to make my animation Portal themed.  To make the portals, I made two identical circles and put them on the background layer.  Next, I made the ball.  I made a circle shape and added the details.  I made a motion guide showing me the path I wanted the ball to travel.  I made all of my layers, moving the ball slightly each time, and put them all into an animation timeline. To make it look like the ball was going in and out of the portals, I had to erase small bits of it.

Ten-sational words

The Project

For this project, I had to think of ten words that describe myself and animate them to come onto the screen in four seconds.  The first thing I had to do was think of all ten words.  I included my name.  The words that I chose were responsible, artist, caring, competitive, strategic, consistent, violinist, fencing, workaholic, and empathetic.  After typing all of the words that I chose, I placed them on the work space where I wanted them to end up by the end of the animation.  Next, I created two key frames for each word in the animation timeline.  These key frames were where I wanted the words to start and end.  I had motion tweens or in betweens.  Tweens are frames in the middle of the key frames that show how the words got from start to finish.  In this project, I learned how to use key frames, motion tweens, layers, and the timeline.  If I were to do this project again, I would make some of the transitions smoother.

Going Logo About This Project

The Process

For this project, we started out sketching designs on paper.  This took about three days to do.  After we drew all of our ideas, we chose our top four designs.  We then transferred them into Adobe Illustrator.  First, we had to create black and white versions of our designs.  Then, we made copies of the logos and tried out several different color schemes.  I then chose a color scheme from each logo.  Finally, I chose my favorite design and color scheme as my final logo.

The Reasoning

When choosing the shape and color for my logo design, I had many things to consider. I had to think about what different shapes and colors would say about me and my design.  One idea I had for the color scheme, was different shades of purple.  I chose purple because I wanted my logo to look kind of like an ink blob to represent creativity.  I also chose purple because it has the calming stability of blue and the fierceness of red.  I chose the shapes that I did to look like an ink blob.  Also, I tried to make the ink blob resemble a side ways triangle, because this symbolizes a play button and I am interested in animation.

Mockup Designs of my logo

My Type of Project

The Project

For this project, we were tasked with creating a chart displaying the anatomy of a typeface.  I made this project in Adobe Illustrator.  I learned how to use new tools that will aid me in other projects.  This project helped me learn about the importance of fonts and how to identify a serif font.

My anatomy of typography project.

The Technique

 To complete this project, I had to look at a reference to make sure I had the correct names for the typeface.  I used the line tool, the color palette, and the text tool.  I was able to hold down the shift key to make sure that my lines were straight.  In order to copy and paste quicker, we held down the option key and dragged the objects that we wanted to copy and paste.  

What I Learned

This project helped me to get more comfortable with Adobe Illustrator.  I learned the importance of choosing the correct font in the right scenario, what a baseline is, what a serif is, and how to add arrowheads to a line.  If I were to do the project again, I would change the fonts that I used.  I would also use the whole alphabet so that I could identify all of the anatomy characteristics of typography. 

Logo Color Schemes

Analogous

This logo uses the analogous colors of blue, blue-green, and green.  I think the company chose these colors because they wanted people to think of nature and the environment.  

This logo uses the analogous colors of green, yellow-green, and blue-green.  I think the company chose these colors because they wanted people to think of animals and wildlife.  

Complementary

This logo uses the complementary colors of orange and blue.  I think the company chose these colors because they wanted a logo that would represent their name.

This logo uses the complementary colors of purple and yellow.  I think the company chose these colors because not a lot of other logos have these colors, so it sticks in people's minds.  

Warm

This logo uses the warm colors of yellow, red, and orange.  I think that they chose these colors to be warm and inviting.  

This logo uses the warm colors of red and yellow-orange.  I think they chose these colors to give off a strong and intimidating feel.  

Cool

This logo uses the cool colors of blue and blue green.  I think the company chose these colors to look cool and refreshing.

This logo uses the cool colors of blue.  I think that the company chose this color to give off a calm, relaxed feeling.

Monochromatic

This logo uses the monochromatic color of brown.  I think they chose this color because it is the same color as the sodas that they produce.  

This logo uses the monochromatic color of blue.  I think the company chose this color because they wanted to make their logo to seem logical and calming.

Triad Colors

This logo uses the triad colors of blue, yellow, and red.  I think the company chose these colors to seem appetizing.

This logo uses the triad colors of purple, green, and orange.  I think they chose these colors to stand out from other team logos.

A Colorful Project

The Project

For this project, we were assigned the task of creating a color wheel.  We made this project in Adobe Illustrator.  We used several tools in order to create a symmetrical color wheel.  This project was informational, because it helped us to learn about primary, secondary, and tertiary colors.  It also helped us get used to using Adobe Illustrator, which we will be using a lot this year.

My color wheel that I created in Adobe Illustrator. 

The Technique

This project had multiple steps.  We used the shape tools, color tools, and text tools.  We used the shape tools while holding down shift in order to create a perfectly symmetrical shape.  We also held down the option key and dragged shapes to copy and paste all in one step.  We found where the preset color menu is, and that is how we filled our shapes with color.

What We Learned

This project helped to familiarize us with Adobe Illustrator and the color wheel.  I learned what primary, secondary, and tertiary colors are and how they relate to each other on the color wheel.  I learned how to open and size documents in Adobe Illustrator, navigate the application, and use the tools provided.  If I were to do the project again, I would change the way I scaled the shapes.  I may have made them a bit bigger than they needed to be.  

Chalk it up to e-comm

Howdy!
The past three days have been a blast in e-comm.  We finished our first "project" type activity.  On day one, we were grouped into teams, handed a piece of paper, and told to draw a symbol to represent ourselves.  We looked at symbolism meanings and started brainstorming ideas.  On day two, we started outlining our ideas for our flag/coat of arms.  The other people in my group drew a band hat, a chess piece, and a turtle.  I drew a sword with a reflection of me on it.  I drew this, because I participate in fencing.  On the third day, we finished up our sketches and went out to the courtyard to start drawing.

We used chalk to draw our coat of arms.  We didn't really have a planned color scheme, we just chose colors that went well together.  As a team, we worked well together.  We all pitched in ideas and worked together well.  All in all, it was a great few days.

I can't wait to do more!