Professional Project Review 1

Star Wars The Old Republic: Sacrifice

Animation

These animations that are made by BioWare (the company that makes the game), are really well done. This is from an online RPG, that is based on the Star Wars trilogies, but a few hundred years before. The story was told from when the two guys were young, to how the story was so far in the game. The two guys are neither Sith nor Jedi, but by the end they choose. The story was told quickly, but I still got the whole point of it, it was told really well with the voice over. 

Apply 

It is hard to tell a whole story in a short amount of time and this animation helped me figure out a better way of telling a story in that amount of time. The company spent a lot of time on their animation, so I don't see any flaws that stick out to me, plus they probably had thousands of people few it before they posted it. They have had many animations that they made that is implemented into the games storyline. I enjoy watching these animations because of the good story that they tell in the short amount of time. They used a lot of special effects like explosions that I will hopefully learn how to do someday.

Maya Castle

Castle Program

This castle was made in Maya, I just started to learn how to do 3-D animation and how to design and model in Maya. Before making this castle I had no prior knowledge of this software. The first picture is the final product and the second one is in the making inside of Maya.

What I learned

Last year I learned the basics on how to use Sketchup, which is a way simpler version of Maya, and I used some of that knowledge to create this but I did learn quite a few things that were different in Maya. I learned how to use the extrude tool, which is the parts that come up on the wall and the top of the tower. I also learned how to add more divisions onto the shapes to add more polygons onto a shape. I learned how to import a texture from the Internet into Maya, it took me a while to figure it out and how to make the texture repeat more on the castle so that it wasn't really big.

Next Project

Each time I do something in this program I learn something new and maybe, later on, I will be modifying it and make it look better. I am learning how to use lighting in Maya and will probably add some lighting to it. There are a few things in the castle that don't look to well, like the texture on the tower does not seam up very well.

Halloween Web Project

Process 

This web page was made in Dreamweaver in favor of Halloween in 2016. The banner at the top is animated, which I made the animation in Photoshop. And the websites that are linked in the web page have an iFrame on them, so that you can view them within the web page. The animated pumpkin next to the banner was also made in Photoshop. I changed all the colors of the heading and the colors of the links so that the background doesn't make the links invisible.

New Things

When in the process of making this project, I did learn more about how to animate, but not only that I  learned how to use Iframe and how it works. This is also the first page the is linked to my index page and is online (Click Web Page in the First Paragraph). I had to go and download the font I used for the title, it was pretty easy to put it into Photoshop. 

Character Story

Character Story Animation:

The Process:

In this project, I had to make an animation with a beginning, middle, and end with a plot. I created the characters in PhotoShop and I created the animation in After Effects. This took me about 1 and a half weeks to create, and not knowing a lot on how to animate I think I did pretty good. Before I even touched the computer to start making the animation, I first made a storyboard over what the animation was going to be about, just that part took about two days. It was a technical animation for me because I had to animate a lot of the parts of the robot, all the body parts were separate, and it got confusing after a while which body parts belonged to each of the robots. I did learn how to do a few things when on After Effects, I learned how to use opacity keyframes and rotation keyframes, like with the laser, it was there the whole time but the opacity was turned down all the way. I could have put more effort into the background, but I just didn't have enough time. In the storyboards, I crossed out a lot of the scenes because I either modified it or did not like the scene when trying to do the animation. The story boards is what I made before making it and I followed it out like a template when making the animation in After Effects.

The Raven Website

Sampler Pages

 TextMate

Hex and Fonts:

These two websites are done in TextMate, it was all done by hand with coding only. This is my first time ever messing around with coding, and is my first time making a website. I used <div> to make the words have color around them with some CSS to add the border and margins. The Core Web Fonts show different fonts with and without serifs. The Hexadecimal Color Sampler page shows different colors and what there hex code is, like black was #000000 and white was #ffffff.

Coding by Hand:

In coding, there is a lot to remember, I had to have notes next to me, to help me do these pages. I think that if I did some research I would be able to do a lot more but I just didn't have time. I think I did pretty good for my first pages with just coding involved. I did not have to put the color around the Core Web Fonts page but I thought it would make the page easier to read with the color and margins around the boxes or <div>. 

Then and Now

YouTube Then

Site Changes

These 3 sites have changed a lot through out the years. Some have changed completely and others just changed the look of the website. YouTube has been open to the web since 2005, there were still videos, but the look changed completely, it has became more easy to navigate through. Amazon has been open to the web since 1998, same thing with YouTube and that only the interface has changed. FaceBook has been open to the web since 1998 too, but at first it was called AboutFace.com, everything was different about FaceBook, the name, the logo, and the interface.     

YouTube Now

Amazon Then

Coding         

The coding on Facebook and Youtube both had partially the same coding except on Facebook the name changed and just the layout coding changed. But, on Amazon, the 2016 coding has quite a bit more coding than the 1998, since there is probably more things to shop for now. The font to the websites have changed ever since that fonts were realeased. After examining the coding more closely, I noticed that in the 2016 versions of coding more of the {Return} function was used more, they made the website easier to navigate through.

Amazon Now

                                                                                                         

FaceBook Then

The Wayback Machine

Https://archive.org/ is the website I am using to find all these pictures. The website isn't only for showing old websites they also hold archives for texts audio, videos, images, and software. The internet archive has over 502 billion pages saved over time, it shows websites from when they were first created to the present, like Google and Yahoo. You can also see the news articles on websites like CNN from the past, it saves all the things that are being sold on online shopping sites and all the news articles on news websites. The website can also go back and compare what they have done before and make changes.

FaceBook Now

                                                                                                                             
















Coding:


YouTube 2016:















YouTube 2005:









FaceBook 2016:











FaceBook 1998:












Amazon 2016:
























Amazon 1998: