The document discusses graphical styles and color theory as they relate to video games. It provides four examples of graphical styles - photorealism, cel shading, abstraction, and exaggeration. For each style, it gives definitions and examples from specific games to illustrate how the styles are implemented. It also covers various aspects of color theory, including primary/secondary/tertiary colors, complementary colors, warm/cool colors, tints and shades, achromatic colors, and color schemes like monochromatic. Diagrams of color wheels and models are included to demonstrate color relationships.
2. Introduction
This Presentation will be about Describing what Graphical Style is and also illustrate
what Colour Theory is as well and the four examples of Graphical Styles.
Additionally I will be talking about Cell shading, Abstract, Photorealism and
Exaggeration.
Furthermore I will be expressing what each of these examples mean and what they are
linked to.
I will also be talking about Colour theory and how it relates to Graphical Styles in
Games.
Also I will be explaining each colour theory examples and how they are related to
Graphical styles in Games.
3. Graphical Style
Graphical Style is is a set of reusable appearance attributes. Graphic styles allow you to
quickly change the look of an object; for example, you can change its fill and stroke color.
Also Graphical Styles You can apply graphic styles to objects, groups, and layers. When you
apply a graphic style to a group or layer, every object in the group or layer takes on the
attributes of the graphic style.
If you apply the graphic style to a layer, all objects in or added to that layer will appear 50%
opaque. However, if you move an object out of the layer.
Graphic Styles allow you to save a collection of effects as a Style so it can be used over and
over again.
4. Photorealism- Example of Graphical Style
Photorealism is the genre of painting based on using cameras and photographs to
gather visual information and then from this creating a painting that appears to be
photographic.
Games which are used in Photorealism are Borderlands 2, Spec Ops: The Line and
Mass Effect
Borderlands 2 is used in Photorealism because they are randomly generated loot, such
as weapons and shields; and character-building elements commonly found in role-
playing video game is in the game.
Also Borderlands 2 is 2 is an action role-playing first-person shooter video game.
Spec Ops: The Line is a 2012 third-person shooter video game.
It also show that Spec Ops: The Line is a third-person shooter with emphasis on cover
and elements of squad-based tactics.
This shows that its photorealism because Various new weapons and equipment
become available as play progresses, some dropped by downed enemies. These
include several different rifles, handguns, and machine guns.
This image represents Photorealism.
5. Another Example of Photorealism
In this example you could say that it is exploiting a realistic lifestyle that
your average player wouldn’t endure.
Also with the burning down city and exploding cars which is brought to
you in this cinematic style gameplay.
This is a screen shot from
Max Payne 3, as you can
see the picture looks like it
was made from a real
human being reference
shot.
6. Cel Shading- Examples of Graphical Style
Cel shading is a type of non-photorealistic rendering designed to make 3-D
computer graphics appear to be flat.
Cel-shading is often used to mimic the style of a comic book or cartoon.
The cel-shading process starts with a typical 3D model.
Cel-shading in interactive media got its start with Jet Set Radio in 2000.
Examples of Cel Shading video games is Bastion, Crackdown and The Darkness II.
These are examples of cel shading because The back faces are drawn with thick
lines and that The object is drawn with a basic texture and it also includes
Shading.
Another outlining technique is to use 2D image-processing.
First, the scene is rendered (with cel-shading) to a screen-
sized color texture:
Then, the scene's depth and world-space surface normal
information are rendered to screen-sized textures:
7. Examples of Cel Shading
This is ‘Naruto Shippuden Ultimate Ninja Storm’ which is not only a
game franchise but a Japanese Manga and Anime.
If you look closely you can see the faint outlines and heavy frown lines
used on the character.
Also the use of bright vibrant colours is another strong stereotype
attached with cel shaded games.
8. Another Example of Cel Shading
Another example of a Cel Shading game is The Legend of Zelda: The Wind Waker
for the Nintendo Gamecube in 2003 really put the technique on the map, and
created an interest that’s endured ever since.
The Wind Waker is a good example: the game world is huge, and far bigger than it
could be if it had used more realistic graphics.
Cel shading also gives The Wind Waker its unforgettable style, and helps the title
stand out against the many other Zelda games.
9. Abstraction
Abstract art styling in games could be defined as the opposite to photo realism, the
style doesn't strive to resemble realism in anyway and often has features that are
very unrealistic and may look different in the different perspectives of different
people seeing them
The style usually makes use of a lot of shapes and lines that don't really resemble
any actually objects in real life
Abstract is not just another name for cartoony or cel-shading it is just like other
abstract art forms which is it does not resemble any sought reality but gives of an
image using random shapes and colours to get the desired effect
The Unfinished Swan would not be able to work with any other art style because
this gives the game its main mechanic which is the key element to this game which
is exploration.
10. Example of a Abstract
Many abstract games make use of vivid colours while some use very subtle
colours that make you feel relaxed E.g. Geometry Wars use a lot of vibrant
neon colours and works at a fast pace.
Whereas games like Flow use subtle colours and the gameplay is relaxed to
match the visual style.
This is ‘Geometry Wars
2′ this is intended not to
look like anything and is
meant to look like it’s
own game
11. Another example of Abstract
The Unfinished Swan is a video game developed by Giant Sparrow for the
PlayStation 3 and which is distributed on the PlayStation Network. The game starts
with a completely white space in which the player, a boy named Monroe, is chasing
after a swan that has escaped a painting
Another example of Abstract is The unfinished swan which is nothing but a white
canvas and you must throw black paint which then makes object visible allowing
you to continue to where you must go.
The Unfinished Swan would not be able to work with any other art style because
this gives the game its main mechanic which is the key element to this game which
is exploration.
12. Exaggeration
Exaggeration is a very sought of playful art style that is used in various games. The art
style concentrates on using very over the top graphics that can really make the game
seem like it its not meant to be taken very serious.
Wario Ware is probably the best example of this using an exaggerated art style that
really compliments its exaggerated gameplay. Anime is also a widely used art style
that is considered exaggerated because of the proportions of things can be much
exaggerated.
The exaggeration art style might have started at attempting to look photo realistic,
but as the art style has developed, character's features have become more over
dramatic or exaggerated when some audiences favoured the style.
13. Examples of Exaggeration
Example of a Exaggeration is Geri's Game which has a lot of exaggeration
because it is used a lot within animation to portray personalities and
emotions more effectively.
Also The body is also reacting with the expression by clutching and
flailing in the air.
In these images, you can see how the character is exaggerating a scene in
order to portray what's going on within this certain part of the plot
14. Another Example of a Exaggeration
A good example of exaggerated graphics is Rocksteady’s Batman Arkham City,
what makes this scene exaggerated is Batmans overly mascular body.
Although he is designed to look like a real human his features are exaggerated
to make him look stronger to fit the stereotypical look of a male.
15. Color Theory
Color theory is a body of practical guidance to color mixing and the visual effects of specific
color combination.
There are also definitions (or categories) of colors based on the color wheel: primary color,
secondary color and tertiary color.
Primary Color are sets of colors that can be combined to make a useful range of colors.
Secondary Colors is a color made by mixing two primary colors in a given color space.
Tertiary Colors is a color made by mixing either one primary color with one secondary color,
or two secondary colors, in a given color space such as RGB.
When most color effects are due to contrasts on three relative attributes that define all
colours:
Lightness (light vs. dark, or white vs. black),
Saturation (intense vs. dull), and
Hue (e.g., red, orange, yellow, green, blue or purple).
Color theory was originally formulated in terms of three "primary" or "primitive" colors—red,
yellow and blue.
This is because these colors were believed capable of mixing all other colors.
16. Complementary colors
Complementary colors are pairs of colors which, when combined in the right
proportions, produce white or black.
When placed next to each other, they create the strongest contrast and reinforce
each other.
The pairs of complementary colors vary depending upon the color model, and
how the color is made.
RGB color model, used to make colors on computer and television displays, red,
green and blue light are combined at various Power to make all the other colors.
The complementary pairs are red–cyan, green–magenta, and blue–yellow.
This image shows the colours of Secondary and
Primary and Tertiary Colors which are
Complementary Colors
17. Cool Colors
A cool color is one that gives a feeling of calm and creates a calming impression.
These colors are not only comforting but they are also nurturing. Blue, green,
white, silver and grey are all cool colors.
The Cool colors associated with a gray or overcast day.
Cool colors are often said to be the hues from blue green through blue violet,
most greys included.
This is a image of Warm
colours and Cool colours . It
also defines what colours are
warm and cool.
18. Warm colors
Warm colors are colors whose relative visual temperature makes them seem
warm. They are based on the red, orange, and yellow and tend to suggest a sense
of sunlight and warmth. The positive attributes of these colors include love,
passion, heat, joy, and power.
Warm colors are often said to be hues from red through yellow, browns and tans.
Warm colors are said to advance or appear more active in a painting.
Warm colors are said to arouse or stimulate the viewer.
This image shows Warm Colors and Cool
Colors. The Warm Colors are on the
right and the Cool Colors(Cold) is on the
left side
19. Tints and shades
In color theory, A Tint is the mixture of a color with white, which increases
Lightness
A Shade is the mixture of a color with black, which reduces Lightness
A Tone is produced either by mixing with grey, or by both tinting and shading
Mixing a color with any neutral color, including black and white, reduces the
chroma, or colorfulness, while the hue remains unchanged.
An extension of the color wheel: the color
sphere. Colours nearest the centre or the
poles are most achromatic. Colours of the
same lightness and saturation are of the
same nuance. Colours of the same hue and
saturation, but of different lightness, are
said to be tints and shades. Colours of the
same hue and lightness, but of varying
saturation, are called tones.
20. Achromatic colors
Also Achromatic color is a color that lacks hues. The colors are white,
black and grey. However, there are many shades of grey, which means
achromatic colors can still be visually stunning.
Black and white have long been known to combine well with almost any
other colors; black decreases the apparent saturation or brightness of
colors paired with it, and white shows off all hues to equal effect.
21. Color Wheel
A color wheel or color circle is an abstract illustrative organization
of color hues around a circle that shows relationships between
primary colors, secondary colors, complementary colors.
Artists typically use red, yellow, and blue primaries (RYB color
model) arranged at three equally spaced points around their
color wheel.
22. Split Priamry Colors
In painting and other visual arts, two-dimensional color wheels or
three-dimensional color solids are used as tools to teach beginners
the essential relationships between colors.
Organization of colors in a particular color model depends on the
purpose of that model: some models show relationships based on
human color.
23. Color Schemes
A color scheme is the choice of colors used in design for a range of
media.
Color schemes are used to create style and appeal
Color schemes can contain different "Monochromatic" shades of a
single color; for example, a color scheme that mixes different shades of
green, ranging from very light (white), to very neutral (gray), to very
dark (black).
Celebration with fireworks
over Miami, Florida, USA on
American Independence Day.
Bank of America Tower is also
lit with the red, white and
blue color scheme
24. Monochromatic
Monochromatic Color Scheme is created by taking any one of the
twelve Hues from the Basic Color Wheel and repeating it in various
Tints, Shades and Tones.
Monochromatic color schemes are Collected from a single base hue
and extended using its shades, tones and tints.
The use of monochromatic color provides a strong sense of visual
Attachment.