Printing a Document Video

Project Concept:

Recently we have started a project where we demonstrate the process of printing a document at Olathe Northwest, adding comedic affect to show the confusion some highschoolers might have when first attempting to print a document. The project was completed using Ipads on tripods, and the video editing application known as Adobe Premiere Pro. The project was split into 3 parts, the planning/storyboarding, shooting, and editing. Overall this project took roughly 2 weeks.

Process Behind The Project:

When we first began this project, we brainstormed potential locations and stories with a partner. Once we set the storyboards and scouted an area suitable to film, we grabbed our equipment such as the tripod and Ipad. My partner and I decided to shoot the scenes in the library, which took several takes with us maneuvering the tripod into other locations. One of the major points of this project was to use each of the 6 basic shots and the rule of thirds to draw in the viewer. In all the shots we took I was the actor playing the part of the confused student whereas my partner filmed the scenes. Many parts were trimmed to keep the story short and simple. Background music was added to fit the theme of the story and audio from the video itself was cut to make the video even more simple.

Confusion and Correction:

There are many things that I believe could be changed and made better throughout our video. This was the first time my partner and I used the tripod, leaving us confused on how to properly center the Ipad and keep the shot balanced. If I were to do this project again I would redo the beginning scene since it was wobbly and unbalanced. Also I would trim a few other clips such as the scenes where I move the mouse across the screen. Overall the project was relatively simple, with many of the tasks not requiring much work. Also, I have had experience with filming and video editors before so the project was easily manageable.

Website

My Personal Website

What We Made:

We have just completed a project that involved us making our own personal website in Adobe Dreamweaver. The website featured a personal photo, and multiple pages and links which showed off some our projects as well as a personal description describing ourselves. This project lasted many days and was a great learning experience.

The Process:

We first began by doing the basics, like renaming certain files to make them easily accessible in Adobe Dreamweaver. Afterwards, we took a photo of ourselves and saved all the files into our server folder. Shortly after, we began creating our website in Dreamweaver by added in details such as our "Elevator Pitch" or personal description, our title and name, and our photo we took previously. Next we added link to our blog, school website, and E-communications website. We also created a menu and added another page connected to our current home page, and we made it feature our projects and creations. Then, we made sure to link the projects page to our home page to make it accessible. Once we were done with all the major parts, we began personalizing our web page with different fonts, font colors, and background colors. 

Would I Ever Recreate This Process?

If I was offered a chance to do this project again, I would most likely participate again. This project was actually quite enjoyable and it was astonishing to see the work you put in the code transform into a web page before your very eyes. This project has also expanded my knowledge by quite a bit since I was never really comfortable with designing web related stuff until now. 

 

Sketchup House

The Sketchup Project

We recently began using an application known as "Sketchup" to create 3d models for objects such as chairs and houses. This application is used by many animators and architects to plan out an idea before constructing it. Our project was based on taking pictures and blueprints for real houses, and recreating them in Sketchup. We also took two outside textures and used them in the design of our house. Afterwards we created a video to show a panorama of the whole house, getting dynamic shots of each side along with our 2 favorite features we created.

The Process Behind the Build

The project all in all took roughly a week, with each part of the process taking a couple days. We first began by searching for a house with a minimum of 500 square feet on https://www.houseplans.com, and once I found the one I was looking for, I saved all the pictures and blueprints for the layout. Next we began remaking the foundation and the house itself in Sketchup, using exact measurements to make sure the textures looked relatively the same as in the picture. After that, we began adding features such as doorways, walkways, and windows to make it look like a modern home. Once the layout and design of the house was made, we then added textures to give color to the house and make it look realistic. During this process, I took two outside textures (one for my front door floor mat, and one for my porch since those textures were hard to make in Sketchup) and I transferred them into Sketchup so I could improve the design of my house. Shortly after, we added dynamic lighting and shadows to make your house look as if it was truly there in the landscape. Finally, once we were finished with the house entirely, we made a short video showing the design of our house.

General Thoughts

This project all in all was really enjoyable, with us being able to create our own houses and customize them. But, it was very confusing at first and for the most part it too us a really long time to get started. If I were to do this project again, I would have probably spent more time making the roof and designing it. The roof to me was the hardest part, since you had to get the right shape or else Sketchup would twist and turn it the wrong way. It was also really hard for me to add the hanging sides off the roof that prevent water from simply running down your walls. The rest of the project was smooth sailing though, which resulting in an interesting and relatively fun experience. 

My Video of House: https://youtu.be/2IJDQX7Ab78

The blueprint for the house

The house I chose off of Houseplans.com

The porch texture I chose

The Floor Mat texture I chose

Ball Bounces

This Project:

Recently, we have been learning how to create small animations in Adobe Photoshop. We were then tasked with making an animation where a ball bounces, and the rest was up to us. So I decided to go crazy and make a monster attacking the ball. The project was pretty fun and it was great that we got to input our own ideas.

The first and simple ball bounce design

The Process:

My last and most creative design

We first began by making a ball bouncing in an arch shape coming from off the screen then bouncing into grass. We did this by using the brush tool and creating grass, then making a ball using the ellipse tool and making it land in grass. We created a rough outline of where the ball should go in each frame, then frame by frame we moved the ball giving the appearance of movement. After we did the first and simple design, we then repeated this process but then had creative freedom to make the ball do whatever we want after it bounced. I then began to make an Octopus using the brush tool and I made a tentacle appear to grasp and take the ball out of sight. 

What I learned:

I learned that you can make animations using photoshop, and how to make objects appear to bounce frame by frame. I also learned how to make the grass texture used in the background by changed the style of the brush tool.

Personal Logo

Tested logo ideas. Only one made the cut.

Final logo I stuck with from the original artboard.

Personal Logo

Process of making my logo:

We first began by making some crude rough drafts in our art sketchbooks to test shapes and designs that represents us. I made many logo ideas, but only 4 were chosen as a foundation for what we were about to begin in Adobe Illustrator. Once we were ready to begin using Adobe Illustrator, we received some constructive criticism from our teacher on how to incorporate our ideas into the software. Once we began using Adobe Illustrator, we made many variations of one or more logos we decided to stick with. Using color, text, and shapes we made many designs on a single dartboard (as seen above), I decided on my final logo and made its own separate artboard.

Reasons behind the colors, shapes, and text:

I decided to make the character blue to show that I can be dependable or trustworthy. Also, the reason behind the red is to show a supposed rift or fight since red is the color of war or fighting, while the blue dependable person holds everything together. The shapes were put together to make a person, but he looks very friendly since he is completely round and doesn't have any jutting edges. I made the text round and curvy to make it seem as though they are being pulled closer together.

Mockup:

How my logo would appear on the back of a company van

How my logo would appear on company merchandise

How my logo would appear on the inside of the front of a store

Anatomy of Typography

Typography and how it is used in my name. The blue labels describe certain parts of the text, as well as the lines it sits on.

The Project Itself:

The project was based on the anatomy or parts of text that make up the text/font itself. We used Adobe Illustrator to label several parts of text in my name, and we showed the basic lines that text lays on, such as the Caps Height, X-Height, and Base Line. The blue text represents the labels, and I used 10 total separate labels to describe parts of the text in my name.

What I have learned:

I learned that there are many simple yet overlooked parts that complete the text, and all of them are important. I also learned about the existence of the X-height, since before I was only aware of the Base Line and the Caps Height. 

How it went:

The project went smoothly and it was easy to understand, since most of the parts are simple and easy to label using the text and line tools in Adobe Illustrator. I was able to use a reference to help me find certain parts of the text, which made things easier to understand. 

Logo Color Schemes

Analogous 

John Deere's logo

This logo uses the analogous colors of green and yellow. I think this company chose these colors because the green represents fresh food, and the yellow shows how energetic they are.

Subway's Logo

This logo uses the analogous colors of green and yellow. I think this company chose these colors because they resemble the equipment they sell.

Complementary

Visa's logo

This logo uses the complementary colors of orange and blue. I think this company chose these colors because the orange represents their friendly attitude, and the blue shows that they can be trusted.

Fanta's Logo

This logo uses the complementary colors of orange and blue. I think this company chose these colors because the orange represents the attraction to the drink, and the blue shows the their drinks can be trusted.

Warm

McDonald's logo

This logo uses the warm colors of yellow and red. I think this company chose these colors because the red and the yellow mix well together, and they show a simple design.

MasterCard's logo

This logo uses the warm colors of orange and red. I think this company chose these colors because the orange and red merge together well, and these show the similarities that they have.

Cool

Intel's logo

This logo uses the cool color of blue. I think this company chose this color because the blue shows that they are dependable, and that their products are cool rather than warm.

Samsung's logo 

This logo uses the cool color of blue. I think this company chose this color because it shows that their products can be trusted.

Monochromatic

Animal Planet's logo

This logo uses the monochromatic colors of light green, green, and dark green. I think this company chose these colors because it shows that it is all about nature.

A & W's Logo

This logo uses the monochromatic colors of light brown, brown, and dark brown. I think the company chose these colors because the colors look similar to how their drinks look.

Triad Colors

Burger King's logo

This logo uses the triad colors of blue, yellow, and red. I think the company chose these colors because the red they all contrast each other and make one another stand out. Also their colors overall represent love, dependability, and excitement.

Lidl's logo.

This logo uses the triad colors of blue, yellow, and red. I think this company chose these colors because they make the simple logo unique, and the colors give off a "hero" kind of look.