F.M.P- Research

History of Comics 

Stan Lee – “Its no fun reading about a someone that is perfect. you want to read about a character you can identify with because we’ve all got problems and if you can create and write about a character who is flawed but manages to overcome those flaws then I think that pretty good.”

Comic book layouts and design

Grid format-Is the most common used layout in comics in the sliver and golden age of comics even now they show a variety of new layouts that stick with the original concept of traditional comic books. Modern comics have much more complicated layouts created to allow some amazing eye-catching pages. 9-panel grid pages are usually used to give the reader more information and action or not as important scenes.

Manga, however, is read by going right to left instead of the traditional left to right. Skewed grid panels create a high-speed motion effect where the reader is forced to look at the panels quickly creating a dynamic effect that riles up the reader and gets them pumped. Longer panels that are like wide shot images are also done in a comic to create an illusion of time being extended and give it a much more cinematic feel.

Focal Points-Planing where to put your focal points is important as you want to avoid visual confusion horizontally to the next. For example, the horizontal panel should have its focus in one of three locations- in the centre of the panel, to the left of centre or the right of centre. In vertical panel, the focal point should be in the centre, slightly above centre or slightly below centre. the hardest panel to set up a focal point is usually the square. Now you have an option of placing the focal point above, below, left and right of the centre and even the centre itself. This method moves the reader’s eye from left to right and maintains a flow through the page layout.

  • Do Not have competing focal points in adjacent panels
  • Do Not lead the reader’s focus out of the page bounds or into a panel that does not follow the sequence of the story.

As an artist, the poor composition within panels will disrupt a person’s natural reading flow and create confusion.  Once you’ve disrupted the reader’s concentration, they end up losing their immersion in your story, no matter how good it may be. This poor structuring will also negate all the hard work that is put into a script and storyline. If you don’t want your writer to strangle you, pay close attention to how you set up each individual panel, and how those panels interact with one another to create a page.

Line of sight- This method is used to force your reader to follow the direction using a subconsciously. The character’s position and movements, visual cues in the background, and the placement of dialogue bubbles are all placed in such way so that the reader follows everything within the page forcing you to move from left to right along the horizontal axis. Maintaining this method on each page will make sure that the reader keeps reading and doesn’t stop until the end.

Moodboard of a variety of different layouts 


World and Character Building/Backstories

Mephisto- He is a loyal demon to the past demon lord however in these times of war he chooses to search for the anomaly child and recruit him to become the new demon lord against the four great satans that govern hell in the absence of the demon lord as they wish to kill the child. He understands that power is the only thing that is accepted in the world and that this kid has so he deems him worthy of the title demon lord. His wit is infamous in the hell and he has quite an ominous aura to him that makes him a sinister demon even the four great satans have trouble understanding him as for his power it is unknown to all but the demon lord. His wisdom makes him the formidable foe and allies his combination of wit and wisdom makes him a quite terrifying demon but also quite amusing. He wears his pride like his clothes and doesn’t care what others think of him as he only seeks approval from the demon lord.

demonsZuriel- she is the right hand of God and isn’t seen by other angels as she is always fulfilling tasks for god however now that god is gone she has no more tasks so she decides to look into the recent anomaly that has come about. she is a kind and loyal angel that has some of the basic loner type characteristics. she isn’t that social and doesn’t really talk to other besides god and occasionally the archangels when she is told to. besides this she is wise and very humble her knowledge is second to god her will is said to be from God himself and beauty is second to none and holds her faith and morels above everything else.

Zuriel the name means rock or strength of god


Parents- Lucius’s lives far outside the city which means he rarely visits the city but also living outside the city means that he and his family are open to dangerous attacks and more.

Elara- His Mother is part of holy knights of Britannia that fight against any danger that threatens their existence/kingdoms. His mother’s name is Elara she is a beautiful woman that has no rival and can take out the strongest of men and the scariest of beasts. She is a calm and collected but also energetic. She has a high sense of responsibility, dependability, and reliability. Most Pragmatic, observant, often seen as cool and aloof, practical, unpretentious, ready for anything, however, she is also Commanding, visionary, gregarious, argumentative, planner, leader. Elara is loving and kind to civilians and her family beside her serious and loner type personality she very happy and caring character towards others especially those who might struggle or feel down.


Sirius- His Father was part of the magicians guild of the city one the most famous in all of Britannia he had become one of the most powerful sorcerer whom even trained after Merlin, however, he decided it was time to take care of his family and settle down live a quiet life spending time with his son and wife. He would spend most of his time doing house chores as his wife would still lead the knight so most of the work around the house would be left to him and he became a know as a medicinal doctor to the neighbours around the house he lived in, however, there weren’t many people as they lived quite far from the city with only elders producing crops so it was a peaceful area. He is a kind person and domestic which is a natural gift, however, likes spending most of his time raising and educating his kid to be a good man. He is Intuitive, Assertive and quite Judging but considerate if pushed to is limits he can succeed things and will not hesitate to do everything in his power to defend the people how he loves.


Personality– Lucius is an energetic and optimistic boy who has a constant drive to become a knight and to be a great man and make others happy as his childish but yet serious attitude towards life make him quite wise even for a young kid. He is confident in his skills but always pushes himself to reach new limits never giving up and he is always down to fight others in a friendly fight but he understands that if put into the front lines of combat that he must kill to survive even if it is a harsh choice to make. when serious he is able to keep calm and cool no matter the pressure in battle he is able to adapt himself no matter what or who he faces.

Lucius is courageous and even a bit reckless, often putting himself into very dangerous situations that could end up with him dead however he makes up for this with his adaptability and focus in battle and in general.

Nephilim– In the game franchise DMC, Dante and his brother Vergil are both Nephilim which are the offspring of a demon known as Sparda and an angel named Eva. In my story, my main character will also be a Nephilim, however, he is very special as his biological parents are neither demons or angels.


Mother– Claudine, Angelica, Aqua, Joyce, Grace, Flora, Julia, Alice, Athena, Elinor, Elara

Father– Kyros, Zephyros, Dante, Quintin, Talion, Nero, Artrin, Baranor, Sirius

Divine Hierarchy

Screen Shot 2018-03-26 at 14.41.31Screen Shot 2018-03-26 at 14.39.08


Screen Shot 2018-04-23 at 14.23.26.pngArt Style- For my art style I will be going with something realistic, liner I will be looking at things like Sun-ken rock as it has a very realistic and cool art style. other manga artists like Tsugumi Ohba and Takehiko Inoue are the ones that I will look into and try and create something that has similar aspects form these artists.



F.M.P – Pitch


Working Title– Outlier’s Journey

Genre- Action/ Adventure/ fantasy/magic/Drama

Duration- 30 pages

Target audience- 16+ males and females mature

Outline- God has disappeared so has the Demon Emperor as the celestial war rages on between the two clans, The child with the power to change the world is now born both clans have felt his energy in the realm of earth and they begin to look for him. The story starts when the boy named Lucius has grown to the age of 16 his power continues to grow and making it easier to be found as his parents keep him protected it now has reached the point where they cannot hide themselves and their child.

Character Breakdown- Lucius aged 16 male he’s a young boy growing up in a world that isn’t easy however him and his parents get through as farm very far into the countryside.

Character Name Ideas

  • Lucus
  • Lucian
  • Lucius
  • Sol
  • Seth
  • Denzel

Main Character





  • Beautiful
  • wise
  • strong
  • kind
  • knowledgeable
  • proud
  • most are humble
  • strong willed
  • they stick to their faith and morels no matter what



Personalty depends on the type of demon example higher rank will be more noble weaker demons are like scavengers and very unreliable

  • human forms able to transform into a demonic form
  • high-rank demons wise weaker are stupid
  • work on a power-based hierarchy
  • proud
  • sadistic
  • sinister
  • ominous
  • mischievous


Modern: Time, Values and Change

I will Incorporate Modern Change into my final major process by creating a physical copy of the comic and then a digital version which I think is the best way to portray the change form comics being readable as a physical but now on digital devices which I will talk about in my evaluation and research.


  • Adobe Photoshop


  • Saga by Brian K. Vaughan (story)and Fiona Staples (artist)
  • Monstress by Marjorie Liu (Story) and Sana Takeda (Artist)
  • Xena warrior princess by Sam Raimi (Creator)
  • Buffy the vampire slayer by  Joss Whedon(Creator)
  • Berserk by Kentaro Miura (Art and Story)
  • Seven deadly sins by Nakaba Suzuki (Art and Story)
  • Feng Shen Ji by Chi Fai Tang, Cheng, Kin wo (artists) and Zheng Jian he(story)
  • Blue Exorcist by Kazue Katou (Art and story)
  • Black clover by Yuuki Tabata (Art and story)
  • Platinum End by Takeshi Obata(Story) and Tsugumi Ohba (Artist)

Extra research will be added on as I continue with my F.M.P.


Task 2: Design Prototypes for Websites

This is an initial design I have created for my website using photoshop, this my idea of what I want it to look like however, I may change it as I continue to design the website.

the coloured panels are actually not part of the design however they indicate where images will be placed of my own work.

Screen Shot 2018-01-22 at 14.14.59Screen Shot 2018-01-22 at 14.15.29Screen Shot 2018-01-22 at 14.15.59Screen Shot 2018-01-22 at 14.16.11

Colour Palates

Screen Shot 2018-01-25 at 17.20.05Screen Shot 2018-01-25 at 17.21.43Screen Shot 2018-01-25 at 17.19.50


3D Animation Treatment

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


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





Task 1 Media Trailer Ideas

DragonBall FighterZ


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.


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.


  • 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


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.


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.


  • 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



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


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

These are just some of the software they use to create an 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

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.
  • Software engineer
  • UI Designer
  • Research Scientist
  • Editors
  • Artists
  • Lighting artists
  • Shade artists
  • Directors
  • Story artists
  • Technical Artists
  • Layout  artists
  • Storyboard artists

Task 1 – Web Design Research


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.


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.


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.


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.


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.


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.



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;


3D Related Jobs

List of some Jobs

  • 3D Animator
  • Interior Designer
  • Architect
  • Game Designer
  • Skulptor
  • 3D Digital artist
  • 3D Visual artist
  • 3D Engineering
  • Biological and scientific modeling-3D printing: prosthetics, human tissues


scene 4

Interior Designer

The 3D software is used such as sketch up, auto desk 3d max, Autodesk homestyler, Autodesk auto cad, Autodesk Revit. This allows for faster revision of work and changes within that work and client-designer communication which vital when trying to create the perfect home space for the client. Visual planning which allows the designer and the client see what should be the final outcome which helps save time and resources creating the customer’s satisfaction to be extremely high. recycling assets such old customers designs can also be very useful when encountering customers that don’t have their mind set on something and also for advertisement online or in leaflets and shops.



Create a free website or blog at WordPress.com.

Up ↑