Arnold The Robot

Screen Shot 2017-11-06 at 11.44.52.png

First step get the robot

Six types of lighting sources

Three-point Lighting

Key lighting: the main source illuminating the object.

Secondary

As I tried to finish the work the file didn’t load

Screen Shot 2018-03-28 at 15.04.10.png

Advertisements

3D Evaluation

I got the idea from when I started playing around with the character model. As I saw more and more I was able to make the character move, I realized there was more I could do with my characters I made body parts move at different speed. My ideas changed the more I created the character.

I am happy with the overall design of my animation. It showed me that I have the potential to create good animation or decent animation. But yes overall I am happy with what I created but there is something I would change. I would make the animation much smoother and if I was able to put my fuse character on Maya. If I did that it would have given it the edge that it needed. If I made each more spaced out at the end of the animation I’m sure it would have looked much smoother.

This was my first real animation and I think I prove a lot to myself during this animation process. I am very happy with the software that I used I found it a bit tricky at first but I got the hang of it afterwards. Next time I’ll definitely be more prepared to animate.

My project did take a long time to make but that’s was because of me. As we as some personal issues. As well as technical issues as well my computer at home would freeze every time I want to play the animation. Other than that it was down to my poor time management skills. Thre is a lot of oi would change to make sure this doesn’t happen next time make a schedule.

The techniques I used to make my animation worked as I was trying to showcase my knowledge and understanding of Maya. The techniques I used to make the animation was adequate. it helped me make the man go through the obstacle course, although it wasn’t as smooth as it could be the concept is there and it is clear what the man is doing within the obstacle course.

Other people have commented on it and I have had many positive reviews, all the negatives about my work are things I knew. but it was given a good review it gave me to confidence to make my next one better.

The animation works it works well. There are things i would make better more than change. One major thing is the speed at the end of the animation. Another thing i would change would be the movement of the hands.  Also, i would make the keyframes more spaced apart to make it more smooth

Bouncing ball

At first, the process of creating the bouncing ball was hard but after researching and going to multiple websites I was able to create a bouncing ball animation. that also helps with my teacher video tutorial. Throughout the whole process, I made sure to make it a habit saving every now and then. First off what I did was makes sure all my settings were to my liking. Then I got a sphere polygon to make the ball. Then I changed the perspective of the view. Secondly, I keyframed from when the ball was at the top. Then I moved the ball down to where I would like to imagine the floor would be. On the way down to the ground, I made the ball stretch. to show the movement. then when it the ground I made the ball squash showing that it has made the impact on the ground

 

Animation Job Roles

Software engineer: A software engineer is a person who applies the principles of software engineering to the design, development, maintenance, testing, and evaluation of the software that make computers or other devices containing software work.

Editors: a person who is in charge of and determines the final content

Artists: an artist is in charge of concept art and the design concepts of the characters, props and environments.

Technical Artists: The Technical Artist acts as a bridge between the artists and Programmers working throughout the animation. They ensure art assets can be easily put into the animation without sacrificing either the overall vision or going beyond the technical limits of the chosen platform.

Lighting artists: a person who is in charge of the light within the environment

Shade artists: an artist that works for hand and hand with the lighting artist. They would be in charge of the darkness within the environment

UI Designer: User Interface Design is the design of websites, computers, appliances, machines, mobile communication devices, and software applications. The designer job is to make the user’s interaction as simple and efficient as possible.

Directors: a person who supervises the actors and other staff in a film, play, or similar production.

Layout artists: A layout artist collects and assembles type styles and images, such as illustrations, photographs and drawings, to create a visual design on a computer or on paper.

Story artists: The artist that come up with the story.

Storyboard artists: A storyboard artist visualizes stories and sketches frames of the story. The digital camera is one of the latest techniques in creating storyboards. They are mostly freelance artists, typically hired by art directors and film directors.

 

Animation Process(Monster Inc)

Lighting 

Lighting plays a very big part in animation, it helps to make the animation look more realistic as well as make things fit into the animated world. And so animators use a process called key light which is a is the starting point of lighting when creating the light in the scene focusing on the main area making it the brightest part of the composition such as the character or setting.

Secondly, they would use a blue light fill as the blue sky to give the whole scene a general lighting but still make the composition quite dark in most areas. then they would add some light bouncing off the light areas onto the darker areas create the final scene.

Lighting also brings out the mood of the character showing whether they are happy or sad. for example if the scene is brighter and there are more colours to create a much more happier atmosphere thus making the character happy. if the all the colours within the scene are dark and gloomy that would then reflect back on the character. As seen in the scene above. Due to the lighting, it has a very much soothing warm vibe to it. Which goes hand and hand with the act boo has done trying to catch food in her mouth

tumblr_m3s0vhrQ1f1qe3twro1_500.gif

Software

  • 2D package Shake
  • Renderman (Develop by Pixar)
  • Maya

Layout and Key Animation

Layout helps plan the animation and set a draft for the scene giving the animator an idea where everything should be placed. For example the poses of characters, the timing of shots and position of objects. This allows the animator to adjust key parts of the model and showing what they would need to do to give more life to the character, basing their judgment according to the storyboard’s poses and guideline.

Monsters_University_1000c.jpg

 

Surfacing, Set Dressing and Final Layout

So after the layout, we then move onto surfacing what happens now is that the animators will then apply finished models within the layout scene setting it onto particular objects and environments. The models are positioned in place thus ready for the next partMonsters_University_1000d.jpg

Simulation

Finally, we move onto the simulation when the characters’ bodies have been animated the movement of their hair and clothes are then added the movement of the character is based on their unique characteristic, also as this is monster inc the movement on Sully fur is also included. The simulation will also take into account gravity, weight, stretchiness and friction as well as collisions of each garment against itself and its surroundings, which then makes sure that the hair and clothes will move according to goals of the shot that the director wants.
download.jpg
The end results usually wow the audience as it is a Pixar move they rarely fail their fans. As Pixar is a family-friendly movie so it is one of those movies to bring everyone together which generally has a great reception. This animation would be viewed within the cinema, home, train anywhere. technology today has made it possible to view it anywhere.

App Research

Facebook

Wireframes and journey

Facebook-Lite-main-menu-settings-840x494

Aesthetics

The Facebook has an iconic blue which is simplistic design. The app has a very basic list-like structure of buttons that redirects the user to the page. The background of the app uses a full white colour with a blue tab bar that runs along the top of the screen

Purpose/UI and UX

The app is mainly used to share posts that consist of videos, photos, text and Gifs. it is also used to communicate to friends in real time instant messages. The app uses basic mobile patterns such as a tab bar, pull out menu and gesture-based navigation

Snapchat

snapchat-how-to-take-photos-top-bar

Aesthetics

The app consists of simplistic shapes and colours. It also places buttons at bottom right and left of the screen so it doesn’t cram a lot of information on the screen. The app shows a hierarchy through the size of buttons, the photo taking button is the largest on screen which fits the purpose of the app. The smaller buttons lead to other features such as chat, shown as a message icon in the bottom, and the stories page, shown as a three white circles. The main colours used are purple, red, blue and primarily yellow. The first three are associated with video, photo and text and the last with the logo.

Purpose/UI and UX

The app is photo/ video-based social media that utilises funny and weird filters to share or just upload to friends and family. The app also has memories feature that keeps all of your uploaded snaps saved so you can rewatch them later on or repost it. The UI is very fast and simple

Snapchat-1044693301

Whats App Wireframe:

Snapchat-1909834263

Social Apps

Characteristics of successful social media apps (2017):

Bright colours, e.g yellow in sc, green in WhatsApp, blue in FB

Bold typography

In-app gestures
Used to access features. e.g. zoom in camera, swipe between pages, access maps

Authentic photos

Minimalism

Hand drew graphics + icons

Gifs

Snapchat-527419032Snapchat-1938652577Snapchat-2021063471

Basic Wireframe:

Instagram UI

It has a white background section off within 3 parts. There are two banners one at the top and one at the bottom and within the middle its and explore page. Instagram has a digital paint style with its icons. on the top left there is a camera icon, once clicked on the icon the screen will change to your camera. within the centre of the banner, we have the app name. on the top left, there is send icon. Then we have the explore page where the users of Instagram decide to post pictures. Within the last banner, we have 5 different icons starting from the left we have a house icon, which is used to bring the user back to their own personalised home page, next is the magnifying glass icons. This icon takes the user to the explore page. within the middle, there is a square plus icon where the users can add photos. After that is a heart icon which when clicked on shows the users who like their posts. Lastly, we have the icon of a person when this icon is clicked on it beings the user to their own profile.  The background is white so when looking at different posts,

The app was made to availability Instagram_logo.svg.pngig-logo-email.png

Poorly Designed apps

 

Function of a Web-Browser

What is a website well Google defines it as “a set of related web pages located under a single domain name.” Expanding that a bit more it is a collection of data from various sources to discuss the main topic. As well as that it can be about other topics. The process of a website goes as such you type a URL or a phrase within the address bar when you hit enter. Then an HTTP request will be sent to a web server. The web server will then go to a database to collect information to send back to the client. The client will then get a new webpage or an update to the contents of the current browser. Which then the client can sort through the data presented to them and pick and choose the topic relevant to them. thus on them clicking a hyperlink to then cause the same progress to occur again.