This was my last full lesson to finish off my project, I added the finishing touches to my work and made sure that everything flowed smoothly. I added text to my 'How a steam engine works' animation so that it was clear what was happening in the animation. I also added a bit more colour to all of my animations so that it would look more appealing.
The finished animation can be seen here
Monday, 18 January 2016
Wednesday, 13 January 2016
Wireframes
Homepage:
After looking at some website for inspiration we were set the task to create Wireframes for our websites. We had to create a 3 desktop wireframes and a smart phone wireframes, this meant we had to be very careful on how we layout our desktop wireframes because there was a chance that it wouldn't work and fit on a smart phone.
After looking at some website for inspiration we were set the task to create Wireframes for our websites. We had to create a 3 desktop wireframes and a smart phone wireframes, this meant we had to be very careful on how we layout our desktop wireframes because there was a chance that it wouldn't work and fit on a smart phone.
For my webpage design I decided to go down the simplistic look, because this is quite a popular theme when it comes to web design and it also shows the audience that the company take promoting their product very seriously and would probably take the product more seriously. I included a lot of images in my webpage, I did this because the audience needs to see the product and the product being used as much as possible before they decide to purchase it, due to the them not being able to actually use it / pick it up. I also decided to use the traditional top nav on my wireframes because people know how to use it properly and it fits well with the rest of my webpage.
My Wireframes can be seen below:
Product page:
Again for my product page I looked at other websites for inspiration to see what worked and what didn't.
It was very obvious that I had to include lots of different photos showcasing the object and include a detailed description on the product. Also giving the customer an options was used quite a lot in other websites so I decided to add a choice of the colour of the pen and the amount of pens that they would like to purchase. I also had to make sure that there was a big buy now button on the product page so it was easy for the customer to buy the pen.
When it came to my my phone design I had to make a swipe feature for my pictures so that they could all be seen at a high quality. I also had to spread things out so that it wasn't too easy to click on another option by accident.
My Wireframes can be seen below:
Product page:
Again for my product page I looked at other websites for inspiration to see what worked and what didn't.
It was very obvious that I had to include lots of different photos showcasing the object and include a detailed description on the product. Also giving the customer an options was used quite a lot in other websites so I decided to add a choice of the colour of the pen and the amount of pens that they would like to purchase. I also had to make sure that there was a big buy now button on the product page so it was easy for the customer to buy the pen.
When it came to my my phone design I had to make a swipe feature for my pictures so that they could all be seen at a high quality. I also had to spread things out so that it wasn't too easy to click on another option by accident.
My Wireframes can be seen below:
Inspiring Websites
Beats
This webpage has quite a neat top nav that is easy to operate and is simple. This is something that I would love to replicate in my work because of how simple and nice it looks. The CTA button with the image behind it is a style that quite a lot of sites use, I think that it works quite well and it is another thing that I could use on my website to make it look more appealing.
Ringly
This page is sell rings, this can be quite a hard thing to do due to people actually wanting to see the rings gloss, reflection ect. However this site does very well at trying to get around this issue by having high quality images of the product that all use light to their advantage. The backgrounds behind the rings are very simple and don't clash with each other, they also fit with the whole colour theme of the website. I would have to make sure that the colour theme for my website fits with the products colour and that the background for my images should not clash with the product its self.
JooJoobs
I like the grid look this website has if I am to use all 4 of my images of my product then I think I would display them in a grid like way because it looks very organised and something that wouldn't turn people away. This website also uses backgrounds to its images that match with the products making it look very appealing.
Tuesday, 12 January 2016
University Trip
On Friday, we went to the University of Gloucester to look at the sort of things Uni's do and the sorts of things they cover. I thought that the trip was very interesting and it gave me a good idea of the sort of things that would go on at Uni and what I could expect if I were to go to the specific Uni.
I thought that it was very interesting with the amount of equipment they had at their disposal and the amount of possibility each different course had. I looked at the; animation, theory and film making workshop, I found these to be very cool, expect for the theory were I found it quite boring and felt like more of a bonding session than anythings else. However the animation workshop was very fun because we actually got to do something that we had never covered before and we had a good feel for what we would be doing if we took that subject. The film making workshop was also very cool, we got to use the equipment that other studios would use in the real world of business and learn how to use them.
I found this to be the most enjoyable workshop. I am still not sure about going to Uni, I like how the day gave us a feel for what we could expect from one but I'm not really sure if it is for me.
I thought that it was very interesting with the amount of equipment they had at their disposal and the amount of possibility each different course had. I looked at the; animation, theory and film making workshop, I found these to be very cool, expect for the theory were I found it quite boring and felt like more of a bonding session than anythings else. However the animation workshop was very fun because we actually got to do something that we had never covered before and we had a good feel for what we would be doing if we took that subject. The film making workshop was also very cool, we got to use the equipment that other studios would use in the real world of business and learn how to use them.
I found this to be the most enjoyable workshop. I am still not sure about going to Uni, I like how the day gave us a feel for what we could expect from one but I'm not really sure if it is for me.
Monday, 11 January 2016
Claymation
For this lesson I was not present however I have looked back at some of my colleges blogs to find out what was covered in the lesson.
Claymation is where a object is made out of clay and is taken a photo of each time it moves to create the illusion that it is moving by itself and is alive.
Examples of the use of claymation:
Morph
Morph was originally created for the TV progress, 'SMart' this show was about creating this and being artistic. Morph was in some of the episodes for the program for short one minute snippets. Morph was created by Aardman Animations who have worked on other popular claymation's including; 'Wallace and Gromit' and 'Pirates'. Two very successful claymations. Morph is about a little plasticine model who came to life when no there was no one around (Quite a childlike theme) this created the illusion that Morph was magical. The little shorts would consist of Morph doing different things. Morph would also interact with items that were not made out of clay, this really added to the artistic desk vibe. I use to watch Morph when I was a child and I use to really enjoy it, it's one of the things that I can remember watching when I was growing up so it differently had a big impact on me because I enjoyed it so much.
Darkness Light Darkness by Jan Scankmajer
This mini film showed a single hand being formed into an entire human using clay. The whole film gives of quite a creeply little vibe and lives you feeling unsettled. The mini film starts with a single hand that finds other body parts through out the film, each time the body part finds another body part we are given a small segment or introduction on how the body part is found. This add suspence in some places where we hear banging on the door and the whole room shakes, leaves the audience wondering who is on the other side of the door. It was a very creative idea and I like the concept I thought that the setting fit well with this as well. The claymation was superbly done and when the hands formed the other body parts it looked very smooth and realistic.
Claymation is where a object is made out of clay and is taken a photo of each time it moves to create the illusion that it is moving by itself and is alive.
Examples of the use of claymation:
Morph
Morph was originally created for the TV progress, 'SMart' this show was about creating this and being artistic. Morph was in some of the episodes for the program for short one minute snippets. Morph was created by Aardman Animations who have worked on other popular claymation's including; 'Wallace and Gromit' and 'Pirates'. Two very successful claymations. Morph is about a little plasticine model who came to life when no there was no one around (Quite a childlike theme) this created the illusion that Morph was magical. The little shorts would consist of Morph doing different things. Morph would also interact with items that were not made out of clay, this really added to the artistic desk vibe. I use to watch Morph when I was a child and I use to really enjoy it, it's one of the things that I can remember watching when I was growing up so it differently had a big impact on me because I enjoyed it so much.
Darkness Light Darkness by Jan Scankmajer
This mini film showed a single hand being formed into an entire human using clay. The whole film gives of quite a creeply little vibe and lives you feeling unsettled. The mini film starts with a single hand that finds other body parts through out the film, each time the body part finds another body part we are given a small segment or introduction on how the body part is found. This add suspence in some places where we hear banging on the door and the whole room shakes, leaves the audience wondering who is on the other side of the door. It was a very creative idea and I like the concept I thought that the setting fit well with this as well. The claymation was superbly done and when the hands formed the other body parts it looked very smooth and realistic.
Sunday, 10 January 2016
Interactive Animation Lesson 1 & 2 & 3
Lesson 1:
We were told what we had to achieve from Steve. This included creating our own miniature animation that was interactive and worked on a android device.
We were told what we had to achieve from Steve. This included creating our own miniature animation that was interactive and worked on a android device.
It had to include 4 scenes the first scene was the hub where the audience could navigate to scene to scene at will. This had to include buttons so that when clicked would preform these actions. The second scene had to show the audience how popcorn pops, and a little description on how it does this. The third and forth scene followed the same type of rule but instead of showing how popcorn popped, they had to show how popcorn is formed and how a train makes steam.
In my first lesson I managed to get the first scene fully cleared and most of the second scene cleared. The animation was finished on the second scene and all of the buttons on the first scene worked correctly. I just had to find out how to set it up so it transitioned to the next scene when clicked on.
Lesson 2:
In this lesson we carried on with our interactive animations, for this lesson I decided to finalize my scene two animation and start my third animation. I got quite far in completing my animation, but Steve decided that we should do something in favor of the holiday season so we looked at different types of skills that were used in the videos that Steve had showed us.
Lesson 3:
This lesson I had a chance to finish off my third animation and add text to all of my scenes. The animation turned out quite well and with the text to the side explaining what was happening I thought that it got the point across very clearly. This was the case with the other animation I had done on scene two also.
Lesson 2:
In this lesson we carried on with our interactive animations, for this lesson I decided to finalize my scene two animation and start my third animation. I got quite far in completing my animation, but Steve decided that we should do something in favor of the holiday season so we looked at different types of skills that were used in the videos that Steve had showed us.
Lesson 3:
This lesson I had a chance to finish off my third animation and add text to all of my scenes. The animation turned out quite well and with the text to the side explaining what was happening I thought that it got the point across very clearly. This was the case with the other animation I had done on scene two also.
PopCorn
So far I have complete 3 out of the 4 parts to my interactive animation.
The 1st scene consists of 3 buttons that take you to the other scenes when clicked on.
The 2nd scene consists of a simple animation of a Kernal turning into a piece of popcorn. With some text to the side explaining how popcorn is formed
The 3rd scene consists of another animation about how popcorn is made with text to the side to give the audience more information on the procedure.
The 4th scene I have yet to start, but I have plans to finish at the end of the next lesson. This scene will consist of a a small animation of a train producing steam a some text on how the steam train does this!
The 4th scene I have yet to start, but I have plans to finish at the end of the next lesson. This scene will consist of a a small animation of a train producing steam a some text on how the steam train does this!
Subscribe to:
Posts (Atom)