Presentation For Live Action Trailer Pitch

Screen Shot 2018-01-18 at 18.29.54Screen Shot 2018-01-18 at 18.30.03Screen Shot 2018-01-18 at 18.30.12Screen Shot 2018-01-18 at 18.30.21Screen Shot 2018-01-18 at 18.30.30

Advertisements

3D Animation Development

Character Traits 

Types of Character traits;

  • Religious
  • Honest
  • Loyal
  • Devoted
  • Loving
  • Kind
  • Sincere
  • Ambitious
  • Satisfied
  • Happy
  • Faithful
  • Patient
  • Determined
  • Persistent
  • Adventurous
  • Homebody
  • Considerate
  • Cooperative
  • Cheerful
  • Optimistic
  • Pessimistic
  • Funny

Bad character traits

  • Dishonest
  • Disloyal
  • Unkind
  • Mean
  • Rude
  • Disrespectful
  • Inpatient
  • Greedy
  • Angry
  • Pessimistic
  • Repugnant
  • Cruel
  • Unmerciful
  • Wicked
  • Obnoxious
  • Malicious
  • Grumpy
  • Quarrelsome
  • Caustic
  • Selfish
  • Unforgiving

Heroic Traits

  • Dauntless
  • Strong
  • Courageous
  • Reliable
  • Fearless
  • Daring
  • Tough
  • Brave

villainous Traits

  • Ugly
  • Evil
  • Cunning
  • Deceptive
  • Murderous
  • Psychotic

Treatment

Title: Obstacle Course

Medium: 3D Animation

Running time: 1 minute to 2 minute

Synopsis: The detective makes his way through an obstacle course that tests the physical and mental power and skill of detective. Testing is stamina, jumping, balance, agility, sneakiness and determination.

Target Audience: 12 and above fans of video games and 3D animation

Potential Distribution: Youtube

Concept art:

Screen Shot 2018-01-15 at 10.53.00.png

 

 

 

 

Adobe Fuse- 3D Chararter Creation

For this task, I was told to start creating a character that looked identical to myself. Adobe fuse allows users to select from some of many presets and allow me to create a somewhat figure that looks like me, however, I then began to edit the features of the face to make them look as my own facial features.

Screen Shot 2017-11-27 at 10.41.31

Next, I started working on the hair and facial hair and also my natural expression. As you can see in the image I was giving the model an angry but worried look at the same time. for the hair, i just choose the closest thing to ronin style haircut but could only find this edgy type of style which was good.

Screen Shot 2017-11-27 at 10.55.35

I then made sure to keep the skin colour all the same and change the colour of the eyes and hair to black and dark brown giving the figure some further development to look even more like my appearance.

Screen Shot 2018-01-15 at 10.54.42

Here’s my final with some clothes to give him a detective look.

This slideshow requires JavaScript.

 

3D Animation Quick Rig

Quick Rig

Screen Shot 2018-01-15 at 14.37.06

To Star of this task, we had to create a quick rig by using the quick function that was added to Maya more recently. This creates a rig skeleton really quickly and helps animator animate faster movements such as walking, running and jumping.

The quick rig allows you to manipulate where you want the figure to move or change positions for example if you want to make it have a unique type of action like dancing you can animate it by keyframing and manipulating the skeleton.

Screen Shot 2018-01-15 at 11.50.28

After applying the quick rig I then had to start keyframing the rig to have a walking animation using a walk cycle image(seen below) to have a somewhat realistic walk cycle animation. The animation was done using inverse kinematics as changing the place of one leg would also change part of the torso and also making changes to the figure as a whole.

Image result for 3d walk cycle maya

 

Task 1 Media Trailer Ideas

DragonBall FighterZ

Synopsis

Two friends/ rivals both start-up Dragonball fighters z as they start engaging intensely into the game they end up fighting each other in real life and begin to act as the characters they are playing in the game and start charging their attacks of the characters and firing their attacks create a bright flash which ends the trailer with the title of the game.

Story

Two friends both start playing Dragonball fighters z. As they play some matches keeping drawing and getting engaged into the game very intensely win after loss, loss after win they both jump out of their seats beginning to fight one another after a few blocked punches and failed kick they both begin to take their selected characters personas and charge up their final attacks which creates an epic moment of them both intensely charging up and finally releasing their energy as super attack which will end the trailer.

Effects

  • Visual effects on the tv from the gameplay of the game
  • Both characters will look like your average young adults
  • Visual effects of the characters will be added through digital software

Target Audience

  • Dragonball having a huge worldwide audience its guaranteed to get a massive overload of popularity
  • Dragonball will have a mature teenage/adult as it is a fighting game and quite violent
  • Many people who like fighting games and others who have watched the animation

Doki Doki Literature Club

Synopsis

Boy goes to school and one of his friends recommends he join the literature club they attend and then the boy meets 3 new girls which he begins to attend regularly. the boy the starts to hit on one of the girls and from there, a series of events begin.

Story

Boy goes to school and one of his friends recommends he join the literature club they attend and then the boy meets 3 new girls which he begins to attend regularly. the boy the starts to hit on one of the girls due to them being paired into duos he starts regularly hitting on one of the girls and even ends up on going on a date with this individual. One day the club decides its time to plan for an upcoming school event the boy hits on the girl and confesses his love to her as he walks her home. On the day of the event, she isn’t at school and the boy and other club members get worried so the boy goes to her house to check on her and finds her hanged and dead in her room.

Effects

  • Mostly props are needed and locations such as a classroom
  • Characters will need school uniforms
  • The visual effects of a filter which can be added after like monochromatic

Target Audience

  • Due to the dark twist, the trailer would be aimed at very mature audiences such as young adults and older
  • The trailer will also appeal to the audience who have watched or played the game
  • Also, this could appeal to an audience who like romance and dating simulation games

3D Animation Teqniques

Jack-Jack Attack

tumblr_n3y322Vm1m1tox54ao1_500.gif

Lighting 

Keylight 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.

Next, they would use a blue light fill as the blue sky to give the whole scene a general lighting however still keeps 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 reflects the mood of the character, for example, giving the scene a monochromatic look to present that the character is sad and unhappy. unlike when the scene would have more brighter and vibrant colours to create a much more happier mood.

All of these features help communicate a heighten the emotional impact of a scene.

Related imageRelated image

Software

  • Maya
  • Menv
  • prman (Renderman)
  • 2D package Shake

These are just some of the software they use to create animation at Pixar

Layout and Key Animation

Layout helps plan the animation and set the scene to create an initial plan for the animation and where everything should be placed. For example the poses of characters, the timing of shots and position of objects. This allows the animator to manipulate every aspect of the character providing the physical acting for the scene according to the storyboard’s poses and guideline.

 

Surfacing, Set Dressing and Final Layout

Surfacing requires applying finished models that form particular objects and environments. The models are positioned to form the set and the surroundings which helps promote the purpose of a shot, leading the eye or allowing the character to interact with their surroundings

 Simulation
When the characters’ bodies have been animated the motion of their hair and clothes are then added the motion is then based on the movement of the characters creating a simulation of their physics of fabric and hair. 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 ensures that the hair and clothes will move according to goals of the shot that the director wants.

Task 1 – Web Design Research

http://mrjakeparker.com/

Screen Shot 2018-01-03 at 12.09.49Screen Shot 2018-01-03 at 12.13.33

I like the simplistic look of this page looks especially the layout and how it uses a white background to focus on the art pieces keeping the focus on the art pieces.

The homepage is quite nice as it gives the view a broad understanding of what they are going to find on this page this makes the page more relatable to the viewer and identifies the artist/creator.

However, this website good qualities make it kind of bland and very empty not using any of the negative space which isn’t a bad thing, however, this isn’t something I am looking for in a website.

http://malikafavre.com/

Screen Shot 2018-01-03 at 12.09.56Screen Shot 2018-01-03 at 12.13.02

This website has very beautifully designed home page and gallery as when an image is selected it opens up the picture and makes it big and also give it an appropriate background colour which makes it better to see and visually brings out the piece as a whole.

The homepage also brings up a very cluttered look with no negative space being used and all the images which create this illusion that the user has so much work to view. however, it doesn’t make it worse as the clash of colours creates this aesthetically pleasing homepage which is a piece of art in itself.

The interface is also very smooth and easy to assessable which creates a brilliant UX.

http://justinmaller.com/

Screen Shot 2018-01-03 at 12.12.27Screen Shot 2018-01-03 at 12.12.37

This website has a bit of a mixture of the first two websites as it uses both a cluttered look and negative space to create this organized look which helps the viewer look at there work but not overwhelm the viewer.

The black background also brings out the pieces of art as they are quite vibrant and help the page be blinding as for the with the background creating this radiating light that could make the viewer uncomfortable.

The layout is also very organized. once opening an image into it gallery mode it is also categorised for example we see the image of kylo ren, however, we can see Chewbacca underneath of it which shows that its set to the view can look at similar topic images/work.

https://hichamhabchi1.artstation.com/

Screen Shot 2018-01-03 at 12.10.01

This isn’t really a website more of a design of a home page for a user of art station which is a social media site. However, I really liked the layout of this homepage as it has five pieces of work that show off the creators style and a bit of his range of what type of work he creates this also helps the viewer understand that there is some kind of illustrator of some kind. If each image could be clicked on and view in a gallery mode like the others it would create a great UX.

If each image could be clicked on and view in a gallery mode like the others it would create a great UX.

http://www.arashshirazi.co.uk/

Screen Shot 2018-01-03 at 12.10.16Screen Shot 2018-01-03 at 12.10.34

This game designers website is quite basic and keeps its simplistic look to make is thumbnails stand out more and create a kind of similar style to the first two websites I talked about.

However, this website homepage has a slideshow feature that basically creates this automatic show of some of this artists images and works which is very smooth to navigate and enjoyable to use to gain quick access to his work.

the colour white is still quite bland and very basic however on the homepage it works quite well as there is the big panel of the slideshow feature and the white helps bring that out.

https://www.loungelizard.com/

Screen Shot 2018-01-03 at 12.10.13Screen Shot 2018-01-03 at 12.10.58

I like how this website uses giant pictures to show what their skills can achieve and create and also publicizing it. there uses of navigation and sliders also create a very modern website and make it better for a lot of more serious to navigate but most importantly everyone can use and still feel happy about the UX.

The colours used very smartly placed to nicely collide with the image and not ruin the site’s look and appeal.

 

Web-Brower – Functions

Web browsing function consists of rendering HTML which is the code used to design web pages and every time a web page loads up it has to process the HTML which includes text, links and references to images and other items such as cascading style sheets and javascript functions.

internet-web_server_working

 

HTML – Hypertext Markup Language a standardized system for tagging text files to achieve font, colour, graphics, and hyperlink effects on World Wide Web pages.

CSS – Cascading style sheet is a Web page derived from multiple sources with a defined order of precedence where the definitions of any style element conflict.

Javascript – A object-based programming language used to create interactive effects within web browsers

AJAX – is a set web development techniques that which use web technologies

JQuery– JQuery is a fast javascript library that is used to simplify event handling such as HTML client-side scripting and any animations and interaction on a web page.

Bootstrap- Bootstrap refers to the development of faster environments, for example, a very basic text editor and an assembler program.

Database – a database is a set of data held in a computer, for example, SQL Server and MySQL which allow multiple users to work with data at the same time creating advanced security for access to the data.

Client- a desktop computer or workstation that is capable of obtaining information and applications from a server.

Web-server- web server is a computer system that processes requests via HTTP which is the basic network protocol used to distribute info on the world wide web.

FTP- The File Transfer Protocol is the standard network protocol used for the transfer of computer files between a client and server on a computer network.

PHP- is a server-side scripting language designed for web development but also used as a general-purpose programming language.

SQL- Structured Query Language is a domain specific language used in programming and designed for managing data held in a relational database management system, or for stream processing in a relational data stream management system (RDSMS).

MySQL- MySQL is a powerful open source database server built based on a relational database management system (RDBMS) and is capable of handling a large concurrent database connection.

ASP.net- is an open-source server-side web application framework designed for web development to produce dynamic web pages.

Agular- is a JavaScript-based open-source front-end web application framework mainly maintained by Google and by a community of individuals and corporations to address many of the challenges encountered in developing single-page applications.

Parts of a Web-Page

  • Header/ Banner
  • Logo
  • Slider
  • Navigation
  • Gallery
  • Thumbnails
  • Lightbox
  • Footer
  • Images
  • Videos
  • Links
  • Text 
  • Soundtrack/Effects
  • Loader(loading bar)
  • Social media

Iframe – An IFrame (Inline Frame) is an HTML document embedded inside another HTML document on a website

Images were taken from;

https://www.tutorialspoint.com/internet_technologies/web_servers.htm

Unit 45 Task 2 – Target Audience

Coola Cola- a luxury organic Cola

Target Audience: Male/ females that are sporty, health-focused, thirsty, on the go and sugar-free. Age varies on the components of the drink but mostly for younger and Teen/Adults. As a luxury organic cola, it would be aimed at more higher working class and upper classes. the ethnic background would be any all around.

A Persona: 

Rachel- small business owner

  • social media marketing
  • a key decision maker

Demographics

  • Age 30
  • white female
  • $90,000/yr
  • Urban location
  • Master’s degree
  • Married, no kids

Mark- Universty Student

  • takes the initiative
  • lacks organization skills

Demographics

  • Age 18
  • black male
  • major in biology
  • unmarried
  • a town in the UK

Chole- highschool student

  • active student sporty
  • attends many  after-school clubs

Demographics

  • Age 16
  • asian female
  • GCSEs
  • Stockwell highschool

 

A Scenario:

chole might want to get a healthy energy drink that could refresh her for her after school club. the organic cola could be the drink she picks up at her nearest superstore or corner shop.

 

Game Development

Level Background

As soon as I got this brief I began to write down my story ideas. I also began to look at Scott Pilgrim vs the world the game which is a 2d side scroller beat em up. I looked at the game’s background and how the game levels were designed. As I looked at the game I came up with ideas of how I can interpret that in my game and what I should include into my level design.

Artboard 1.png

As I began to design my background level digitally I looked at various forest looking levels in games and looked at what I could take from those designs like a background gradient which give the level a kind of magical but ominous feel to the game.

Sprite Sheet

charactersprite sheet.png

Then I looked at what my main character could look like and how I should make him look like in-game. Even though it took me a long time to create a digital design I created a very simple and cool looking character that I really like the look of the colour scheme as well as the overall design.

Idle

character-Idle.gif

Walking

character-walk-cycle.gif

Attack

character-attack.gif

Death

character-death.gif

Unreal Engine

 

Create a free website or blog at WordPress.com.

Up ↑