BLURRED LINES | Concept & Key Art Research

BLURRED LINES CONCEPT ART - KEY VISUALS - WORLD BUILDING

STAFFORDSHIRE UNIVERSITY BSc(Hons) Concept Game Design

DRAGOŞ PĂVĂLOI FX RESEARCH DISSERTATION

CONTENTS

3 INTRODUCTION 4

CONCEPT ART

20 KEY ART 32 COLOUR READABILITY 41 WORLD BUILDING 48 CONCLUSION 49 REFERENCES

Covers and layout design by Dragoş Păvăloi

2

Blurred Lines

ABSTRACT From concept art to world-building, this document is meant to give an overview of the process of image-making in the field of entertainment.

By looking at the fundamental theories and workflows such as brainstorming and art hacking and backing them up with several highquality examples and breakdowns of digital artworks, this dissertation attempts to demystify the process between the image development and the creative mindsets behind them by interpreting the designs through visual communication and perception.

INTRODUCTION Concept art became a crucial stage in the pre-production process of any creative domain searching for fresh ideas; representing the visual development based on iterating alternatives.

It is agreed that concept art can be distinguished in two discrete categories, one helping the technical development by being more physically accurate, followed by one with a more artistic approach, which focuses on establishing moods and emotions.

In the games and film industry, this can be translated by fusing shapes, colours and arrangements to guide and ultimately control the viewer's perception on the screen.

The influence of concept art goes beyond the aim of guiding the production team. Due to its experimental nature, not all the creations ultimately find their way into the final piece. Nevertheless, concepts that best reflect the vision of the art can be further turned into key visuals on which, for example, the marketing campaign is built.

3

Concept Art

CONCEPT ART as inspiration in pre-productiton

From thumbnail sketches to intricate 3D drawings, artists and other design professionals produce all sorts of visuals to stimulate ideas, moods and scenarios. While these drawings can be quite beautiful in their own right, their purpose is twofold. Concept art serves as a point of reference for the rest of the team and is crucial for kickstarting the creative brief. (Manss et al., 2002)

“To create a memorable design you need to start With a thought that’s worth remembering.”

(Thomas Manss, 2002) To flesh out ideas, artists build their own workflow and visual language to iterate compositions or shapes by trying different media and approaches (John Sweeney, 2014). Learning to select and compose is largely a matter of self-discipline, where by training, the artist balances the visual information in order to unify and create a rhythm; to form visual relationships and thus establish visual hierarchy across a design. In 1941, Edgar Payne explains his process in Composition of Outdoor Painting suggesting the importance of value dominance and use of shadow for composition and interesting designs (Edgar A. Payne, 1941). [See Fig. 1]

4

Blurred Lines

[Fig. 1, Edgar Payne, Plein Air, 1941]

5

Concept Art

[Fig. 2, Nicolas Bouvier, Structura 3, Cityscape, 2015]

In the introduction of Structura 2: The Art of Sparth, concept artist and art director Nicolas Bouvier writes about his artistic development and how he conveys emotions and ideas into art using the power of digital software such as Adobe Photoshop: “The options are infinite. A year ago, I started perfecting a custom-shapes technique that I implemented to my workflow. This is a simple technique among many, but painting with complex brushes, or even with clone stamping or smudge tool, can as well bring a tremendous share of enthusiasm and creativity.� (Structura 2, pg. 7, 2012) [See Fig. 2]

6

Blurred Lines

[Fig. 3, Nicolas Bouvier, Structura 3, Shipsketch, 2015]

Often in concept art a piece of work passes from initial idea to completion through various software, in the first part is all about laying the gesture [See Fig. 4] which capture the shape language, motifs and direction (Dening, 2015).

A great example is the Mischief drawing application that is resolution independent, transforming the canvas into an ideas map (Mischief, 2015).

7

Concept Art

[Fig. 4, Adam Wesierski - Alchemy Head Designs, 2010]

8

Blurred Lines

Another great tool for visual brainstorming is Alchemy, a software by Karl D.D. Willis, that works like a digital drawing synthesizer allowing the user to spontaneously explore computer generated shapes without the effort of drawing every single line of a form [See Fig 5.]

(Alchemy, 2008) For example the program explores unusual drawing modules that cause idiosyncratic effects: the user can draw and alter the image with sound, where the device microphone inputs change the line width, another module duplicates the drawing speed of the pointer and enables symmetry making the user to spot new forms, without the undo option. [See Fig 4.]

(Alchemy, 2010) This interaction can be described with a single Japanese word Kansei, that is aligned with the German concept of Ă„sthetik defining the ability of reacting and evaluating external features intuitively (Toho, 2006) (LĂŠvy, & Yamanaka, 2006).

[Fig. 5, Adam Wesierski - Alchemy spaceships, 2010]

9

Concept Art

[Fig. 6, Alex Mandradjiev, No End Tomorrow, 2015]

If it is accepted that concept art stands for intuitive compositing based on a mix of problem solving, then it can be subdivided into two categories: implicit and explicit.

(Kingslien, 2017)

Implicit concept Art is when the artist is providing the team with an appreciation of atmosphere, theme and motifs that evoke a feeling or sense, focusing more on visual storytelling. Illustrators like Alex Mandradjiev or Justin Sweet [See Fig. 6,7] are able to capture the cinematic mood in a frame by having an explorative process whereas explicit concept Art precisely guide the visual elements to be developed. Usually more technical with complex geometric drawings from different angles showing distinct features based on real life objects or materials, used for props and precise models [See Fig. 7] (Hill, 2016).

10

Blurred Lines

[Fig. 7, Justin Sweet, Concept art for Narnia, 2004]

[Fig. 7, Mike Hill - Concept art for Killzone, 2014]

11

Concept Art

[Fig. 8, Mimics Aliens from Edge of Tomorrow, 2014]

For example Scott Robertson designs in a way that can be literally converted into an accurate 3D model [See Fig. 10], while Alex Mandradjiev uses a much more loose style that only suggests a place or theme. If we compare the designs from the future film "Edge of Tomorrow" (2014) [See Fig. 8] to the original concept art [See Fig. 9] we can see that the main elements remaining are the motifs - a frightening alien creature with multiple limbs.

12

Blurred Lines

[Fig. 9, Alex Mandradjiev - Concept art for Edge of Tomorrow, 2014]

[Fig. 10, Scott Robertson, How to Draw Book, 2012]

13

Concept Art

As previously mentioned, often speed and utility are more important than creating wellrealized pieces of art. In mathematics, the beauty principle proves that a simple, elegant formula is more likely to align with the truth (Michael Atiyah, 2008).

In the context of concept art, this could mean that a well-realized and ‘beautiful’ design is more informative and inspirational for the team or external audience. For example, in "Disney’s Tron: Legacy" (2010) [See Fig. 11] a follow-up to the 1982 film "Tron", the art team needed to match a cohesive aesthetic, gathering references from clean, stark, geometrical lines of modern architecture pioneers and designers, searching from scientific, geometrical beauty and simple glossy surfaces to calligraphy and Japanese art; all of this with the fact in mind that the franchise will also sell in toy stores.

(Karlin, 2010) Oftentimes concept art is also featured in art books or other promotional materials to showcase different design decisions together, letting the audience to dissect the style, discover the process and the story behind the franchise to reach more people. For instance, "The Art of Fallout" 4 has over 360 pages loaded with designs and concept art from the game's environments, characters, weapons, and more, along with commentary from the developers themselves (ShoddyCast, 2017).

14

Blurred Lines [Fig. 11, David Simon, Tron: Legacy, 2010]

15

Art Hacking

Art Hacking

Time and Industry Expectations In a studio environment, concept artists are “hacking” their skills and creativity to quickly iterate visual alternatives involving a mix of problem solving by breaking the image making in methodical subcomponents tasks. Because craft and art are interlinked but different, the term "art hacking" gained popularity in the last years among with the other new terms such as “paint-overs”, “photo-bashing” or “3D kitbashing” promoting different approaches in visual development getting the final look by any possible means (Wootha, 2017).

The term photo-bashing is mainly used in digital painting to bring texture or other elements from photos meeting the client requirements, visualizing the ideas faster, (Eaves, 2017) (Wootha, 2017) whereas in Digital Matte Painting using photo elements for composing a scene is crucial and it’s part of the process for achieving the a realistic and believable scenarios. (Myers, 2014)

A design goes through several stages from concept to production, with different people evaluating it to fit all the requirements, limited Predominantly due to time constraints CG by different aspects such as the game engine artists are using “shortcuts” to enhance or time and VFX budget restrictions. speed by stitching multiple references images In an Artstation interview, film concept artist together or using 3D software to generate Karl Simon is writing about pre-production lighting and perspective in a digital painting, collaborative effort and work-flow starting with that traditionally takes more time and practice thumbnails variations for the composition, 3D to master. (Anhut, 2014) block layouts for perspective and light and For instance painting over a 3D render/model then line drawing for clean presentations, all after exploring with the 3D camera different this stages after taking gathering feedback framing, lens or placements of the subjects is from other Art Department people such as: Set far more productive than drawing everything Designers, 3D Modelers, Art Directors or VFX from scratch. [See Fig. 12] Supervisors (Mon, 2017) [See Fig. 13]

16

Blurred Lines

[Fig. 12, Stephane Wootha, Thumbnails, 2017]

[Fig. 13, Karl Simon, Ex-Machina Concept Art, 2015]

17

Art Hacking

[Fig. 14, Art of Sparth - Structura 3, The Bay, 2015]

18

Blurred Lines

[Fig. 15, Raphael Lacoste, Landing Scene, 2016]

“SPEED IS OFTEN MORE IMPORTANT THAN EXECUTION”

- concept art myths

[Fig. 16, Mike Hill, Concept art for Rise, 2016]

19

Key art

Key art and its role in marketing

Key Visuals are produced for merchandising and directing purposes during the design of a film, a work of literature, a television program or a video game (Rikard Rodin, 2015).

The purpose is to incite awareness and generate hype for the franchise that can drive to more sales and attention, at the same time informing the audience or guiding the production team (Justin Sevakis, 2017).

The term relates to "key frames" in animation, usually containing acting poses showing characters in the setting, with the framing of the shot, lighting and props, everything as it will actually appear on the screen in the final film (Maurice Mitchell, 2013).

Ancient Greeks were using the word "Kairos" to describe the decisive, opportune or critical moment when an action is happening (Emma Cocker, 2015). In archery they were using this conception for the sufficient amount of force that it may be needed for the arrow to penetrate the target. Reflecting on the framing of a scene can also rigorously impact the persuasive power of a message (Eric Charles White, 1987).

Key Art is what The Hollywood Reporter defines as "the singular, iconographic image that is the foundation upon which a movie's marketing campaign is built." (Clio Key Art Awards, 2016). This image or design reveals just enough information about the plot, theme, and characters, to provoke interest from a potential audience [See Fig. 17, 18].

20

Blurred Lines [Fig. 17, Wolfenstein: The New Order - B.J. Blazkowicz, Key Art, 2015]

21

Key art

“A good picture is like the first line of a story, the viewer would like to know how the tale continues.�

(Thomas Herbrich, 2002)

[Fig. 16, The Order: 1886 - Sir Galahad, Key Art, 2016]

22

Blurred Lines

In a visually dominated world, modern visual rhetorics represents the effects of analysing the means of visual communication based on Aristotle’s ideas on politics and language persuasion. By staging the process of communication through the use of visuals, layout or even text elements, including font choices people are influenced by what classical rhetoric logics structure as invention, arrangement, style, memory, and delivery (Newbold, 2015), (Arnheim, 2004).

Invention is all about exploring ideas, the process starts with a communication problem. In visual literacy this can resume in generating designs that are appropriately succinct to a particular situation.

Arrangement relies on visual hierarchy, organizing the information and focusing on layout or composition for maximum impact.

Style reveals the designer’s attitude towards the subject matter usually affecting the audience’s emotions. There are differences in expressing the style, depending on the medium or industry, for example commercial business, are always looking to invent new ways to express style through marketing following the trends.

Memory is the ability to recite information, becoming familiar with the message and content by means of practice. In visuals can also refer to the ability of understanding and recall at the first glance an idea or design for example, the famous, Eiffel Tower which is basically a triangle shape with a base arch, or the The well-known Star Wars Tie Fighter - a hexagon and a sphere (Tokarev, 2017).

Delivery is about timing and location, related to style, the outcome is responsible for earning the trust of the audience receiving the message and how clearly is the message. In communication is the power of speech using gestures, pronunciation, and tone of voice.

(Brett & Kate McKay, 2011) (Newbold, 2015) (Arnheim, 2004) (Dillon, 1999)

23

Key art

[Fig. 19, The Order: 1886, Main Key Art, 2016 ]

The presentation of a product must be simple in nature, as too much information overwhelms and confuses the viewer in the process of scanning. By keeping the visual language cohesive, with a limited number of shapes, the audience can focus on the meaningful information "first to attract, create interest and then deliver a message" (Rodin, 2015).

Visual hierarchy creates a centre of interest that attracts the viewer’s attention by revealing a sense of order and balance, establishing a pattern of movement to guide the eyes through a composition (Wroblewski, 2008). Movie posters, magazine spreads, and Newspapers use the perfect example of the design hierarchy.

Headlines are located at the top, while the body text and subheadings fall underneath.

Creating an emotional impact will invite the audience to project their own thoughts and The concept of visual hierarchy is based on the ideas over the graphics which will make the Gestalt laws of grouping: Similarity, Continuity, artwork be memorable (Rodin, 2015).

Closure, Figure/Ground, and Proximity.

This can be achieved through visual storytelling based on both design and art principles, key art, like any other effective image process it’s using visual hierarchy through Gestalt laws of grouping, composition methods to balance and typography to aid information [See Fig. 19]

24

The Gestalt principles is an early 20th-century German theory, demonstrating how the human brain has innate abilities to handle and connect visual input turning “individual elements, shapes or forms into a coherent, organized whole.”

(Jackson, 2008, pg. 63–69) [See Fig. 20]

Blurred Lines [Fig. 20, Gestalt Theory Examples by Dragoş Păvăloi, 2017]

Similarity takes place when elements look alike to one another. People often perceive them as a group or pattern. It is named anomaly when an element can be emphasised if it is dissimilar to the others.

Continuation occurs when the eye is compelled to move through a visual element to another one, leading the sight of the viewer.

Closure effect happens when an element or space appears incomplete and the viewer fills the missing information in the mind, de-puzzling the content.

Figure/Ground relationship shows the contrasts between a form and its surrounding area that can create visual hierarchy and context.

Proximity produces groups or isolates elements through space and position. There are four specific types of proximity relationships: close edged, touched, overlapped and combined. This effect can also generate negative space that can draw attention through separation. (Herb ,2012)

25

Key art

Visual elements that carry a certain meaning are called signs. In semiotics a sign is an abstract unit of social meaning. In a very precise sense semiotics studies of meaning-making denote the branch of medical science relating to the interpretation of signs (Bouissac, 2007). To understand the meaning behind a sign, the viewer has to be familiar with the so-called code, which basically means the logic behind it or the translation. In communication, a message can be "encoded" from the sender and then "decoded" by the receiver (Chandler, 2017).

Semiotics can translate a fragments or the whole picture from an image into words. Often the placement, surroundings or context of the sign shows an indication of it’s visual meaning: how does it work, what is the message and how does it relate to our everyday cultural reality. In visual arts most pictures have a double meaning; visual and symbolic, conventional and arbitrary, this meanings behind a sign generally becomes more important or intricate when it is used in conjunction with other signs, forming a contradiction or even opening a dialogue. For example an image with an old woman and a broom it is just a image with an old woman but it can be perceived as an image with an witch. This double meanings are mostly found in advertising, where for establishing the campaign message and direction, a linguistic message comes attached to picture, clearing up the superfluous interpretations (Ferreira, 2007).

"We think Only in signs."

(Charles Sanders Peirce, 1894)

26

Blurred Lines

[Fig. 21, La trahison des images by René Magritte, 1928–29]

“The Treachery of Images” also known as “This Is Not a Pipe” painted

by René Magritte in 1929, unfolds a meta-message, engaging with the viewer at a cognitive level pointing that both the text and the depiction are neither true nor false. Realistic paintings relates on resemblance and resemblance suggest hierarchy [See Fig. 21] (Puschak, 2017).

The surrealist painter pursuits numerous experiments comparing words and images as means of representation, testing how they differ in modes of signifying by "deautomatization" the conventional meaning making the audience more mindful and aware of the processes by which we see and read the world (Ferreira, 2007).

27

Key art

The logician Charles Sanders Peirce (1839–1914) also known as "the father of pragmatism" distinguishes three main categories of signs: symbol, icon and index.

Iconic signs strongly resemble the thing they refer to, simply by imitating, based on direct association. For example, a portrait, a cartoon, sound effects, or a statue.

whereas symbols and icons are usually highly conventional.

(Innis, 1985), (Lanir, 2012).

For a better understanding how the human brain is dissecting information when dealing with a layout that contains both typography and imagery, Jakob Nielson of the Nielson Norman Group conducted a readability study based on 232 users scanning thousands of websites, using eye-tracking technology that depicts through eye tracking software various heat-maps showing how the eyes are reading the information on a layout.

Indexical signs are showing a clear relationship with the thing they refer to without having the same visual appearance. Meaning is given indirectly based on association. An example of this is smoke, from which The Nielson Norman Group results came with Z, F, and E-patterns we derive that there is a fire. that basically describe the eyes The meaning given to symbolic signs movement prioritizing or avoiding is purely based on established rules, information (Pernice, 2017). habits or an agreed-upon meaning.

Therefore, meaning can only be given in an abstract way based on learned knowledge. For example, letters of the alphabet, the number system, punctuation marks, traffic signs, national flags and so forth. However this three types of categorization have various levels of conventionality, predictability and conformity.

Hence in "Understanding Media", published in 1964, Marshall McLuhan introduced the enigmatic paradoxical phrase "The medium is the message" to denote the effect each medium has on the human sensorium creating a symbiotic relationship by which the message is perceived. In other words, the message comes embedded with the medium, creating secondary According to Peirce's writings indexical or tertiary effects in a cascade of signs can also “direct the attention interactions that the audience may to their objects by blind compulsion” not be aware of (Federman, 2004).

28

Blurred Lines

[Fig. 22, Terminus in Halo 4 by Jihoon Kim, 2014]

For composition and harmony it is often stated by professionals in visual field that in order to have a design which is understood and remembered without effort it is imperative to plan out the details placement in the early stages with a strong appreciation for “eye resting areas�. This areas creates negative space around the focal point/s that attracts the eye; and by distributing details from large, medium, and small shapes it will visible separate primary and secondary areas in the artwork guiding the audience where to look.

(Gleb, 2017) (Blevins, 2006) [See Fig. 22, 25] Another fundamental method to aid readability is what the senior 3D artist Jihoon Kim, is describing in his design process by 70:30 ratio, suggesting to separate the visual intensity in larger areas versus smaller areas. Applying this strategy of detail distribution (simple versus complex) to value contrast (e.g. 70% medium value against 30% of a stronger darker value range) in image making, Jihoon Kim is able to create a combination of uniqueness and repetition through forms that emphasize the focal point/s its meanings.

(Kim, 2017)

29

Key art

[Fig. 23, Throne in Halo 5 by Jihoon Kim, 2015]

Known as the Golden Ratio, Rule of Thirds, the Fibonacci Sequence or in some other derivations as Pareto Rule, 80:20 or 70:30, these systems were concluded from an interpretation of how artists intuitively place details within a composition in a more pleasing way, demonstrated in various disciplines as attractive to the human brain. However, creators use these mindsets to guide their process but in reality, the results are achieved without perfect mathematical precision (Meisner, 2014).

Like rhythm in music the patterns make expectation to the focal point and visual hierarchy. For example long shaped structures reinforce the direction of the design to indicating the final destination for the eye that can be a circle or triangle shaped element [See Fig. 22, 23] (Kim, 2015). “Our visual system enjoys grouping objects together into larger more manageable objects. So clumping can make an image more brain-friendly, hence, makes it more aesthetically pleasing." [See Fig. 24,25] (Sinix, 2017)

30

Blurred Lines

[Fig. 24, Daniel Bystedt, Alien Bust, 2017]

[Fig. 25, Gleb Alexandrov, Mech, 2017]

Takeaway: - Dividing large, medium, and small shapes improve readability.

- Composition harmony means that areas of grouped details are balanced by areas of negative space, utilizing one to contrast.

- Composition rules enhance aesthetics but there is no "definite method"

31

Colours and readability

Colours and readability

[Fig. 26, The Munsell color system, Jacob Rus, 2007]

32

Blurred Lines

To enhance further readability in the process of image-making, most of the designers reckon on understanding and application of contrast to create impactful visuals. Contrast is present when two colours have opposite values or meanings and are arranged together in a layout. Values are the range of brightness and darkness within an image, being located at in the middle of the three dimensions of colour (hue, value, saturation) (Harkness, 2006) Berlin, Kay, Hardin, Rosch, Munsell, Favre, Albers and Tufte are a few among many authors that research the colour correspondences with communication efficiency.

(Machin, 2014, pp. 243-244) Just as important as lighting, colour affects both the mood and the feel of a piece, and therefore the viewers interprets the final image alluring attention to the relationship between visual cues. The meaning and symbolism people associate with different colours are influenced by the cultural and societal groups that they identify with and differ from person to person. Because colour has a unique connection to our moods and emotions that affect and induce reactions based on both instincts and associations; the deliberate use of colour psychology can improve visual literacy as a unified whole supporting the message and consequently semiotics mentioned before. (GobĂŠ, 2010) (Machin, 2014) In the entertainment industry, a colour designer's mission is to recognize what the viewer should see first, where the eye should move next and how much time is the viewer's attention is held within each area. This is done through professional colour grading software digitally or using different analogue film formats. The typical colour selection tool interface is based on the Munsell Notation System that dates back to 1905, and it is internationally accepted as the leading colour system.

(Machin, 2014, p. 252) Alber Munsell established a configuration of a three-dimensional model designated as an asymmetrical sphere based on the human visual system’s perception of colour. The colour sphere is segmented into a vertical pole with variations of hue and chroma from left to right. The top pole of the colour sphere is true white and the bottom is black, in between the axis has a graduated scale of neutral greys, which places 50% in the exact centre of the sphere. Outward horizontally (at a right angle) from the neutral grey axis, the colour would become more intense in colour strength, marked in steps of chroma. The hues become lighter as they go upward in value; darker as they go inward toward the neutral axis [See Fig. 26].

(Munsell, 1905)

33

Colours and readability

“Colours trigger very specific responses in the central nervous system and the cerebral cortex. Once they affect the cerebral cortex, colours can activate thoughts, memories, and particular modes of perception�

(GobĂŠ, 2010, p. 77) The first circular diagram of colours was designed by Sir Isaac Newton in 1666, who joined the joined the red and violet ends of the visual spectrum into a circle. Since then, scientists and artists have studied and iterate numerous systems described in three ways: by name, by purity, and by value or lightness, that basically consists in a logically arranged sequence of three primary colours (red, yellow, blue), three secondary colours (colours created when primary colours are mixed: green, orange, purple) and six tertiary colours (colours made from primary and secondary colours, such as blue-green or red-violet). Depending on the implementation and medium (digital screen, print, pigments), the colours behave and look differently. Most of the artists are blending less saturated cool tints to the shadows and increase the temperature of colours in the light in this way avoiding the "black hole" effect when using pure black (Bleicher, 2005), (Feisner, E.A. & Reed, pp. 35-37, 2013).

From the warm side to the cool side the colours correspond also to the value range. High key colour represents the range from mid-tone hues to white, while a low key set of colour spans the gamut from mid-tone to black. In general, the high key range produces upbeat options suitable for cinematic, nature, advertising-related content, while low key colours provide more dramatic expressions (Gage, 2000).

The temperature of a colour is its relative warmth or coolness. Cool colours contain blue or green: blues, greens, violets, and the steps between them. Warm colours are reds, oranges, yellow, and the between them, generally associated with enthusiasm, brightness and action, whereas cool/cold colours are frequently identified with calm, stillness, and serenity [See Fig. 27].

34

Blurred Lines

[Fig. 27, Graphic Springs, Colour Infographics, 2015]

35

Colours and readability

[Fig. 28, Eytan Zana, Glacier, 2015]

Monochromatic colour schemes are based on distinct tones of the of a single hue. Usually, the term is used to describe black and white imagery and it is used by designers to create a decisive appearance regarding the contrast. (Cousins, 2015) Analogous are any three colours that neighbour each other on the colour wheel, regularly one of the three predominates.

Complementary colour schemes are based on colours opposite each other on the colour wheel. When placed to next to each other the colours compete, and "vibrate" becoming more intense, changing the perception of depth.

The split-complementary colour scheme is a variation of the complementary colour scheme - hues opposite on the colour wheels green-purple, yellows and blues, orange in blue, red and blue

36

Blurred Lines

[Fig. 29, Jason Scheier, Light on the lake, 2015]

Triadic colour schemes use three colours equally spaced around the colour wheel, forming an equilateral triangle.

Tetradic/Quadratic colour schemes are formed by picking colours at the corners of a rectangle inscribed in the colour wheel.

(Feisner, E.A. & Reed, 2013) (Itten, 1974) (Scheier, 2017)

37

Colours and readability

The jobs of a concept artists and visual storytellers is to portray the narrative responding to the energy and atmosphere in the best version that serves the plot or brief. Lighting can reveal or hide details from the scene as in classic theatre where, on the stage the characters have spotlights around them following the action, allowing the audience to experience in a dreamlike quality the show and the design.

(Block, 2013). For instance, in the "Screening Wish Theories: Dream Psychologies and Early Cinema", the author Lydia Marinelli establish a correlation between dreams and films affirming “The dream factory has become a household expression for the film industry" (Marinelli, 2006, 87-110).

In animation, the production designers or visual development artists are portraying the separation between the hero characters or background characters by assigning specific colours, coding a sensation. Animations such as "Kung Fu Panda" do apply the colour contrast mentioned before among the character designs; the protagonist Po which is rendered with black, white and grey values indicated by strong round shapes is fighting against other creature antagonists (Furious Five) that use a plethora of colours.

That absence of colour makes PO character an individual that stands out [See Fig. 30].

(Oliver, 2010) (Scheier, 2017) In the historical drama film "Schindler’s List" (1993) directed by Steven Spielberg, the most obvious symbol and metaphor used is the girl in the red coat, simply because her coat is the only coloured object, suggesting the "red flag" in the context of World War II [See Fig. 31].

(Schickel 2012, pp. 161–162)

38

Blurred Lines

“Colours, like features, follow the changes of the emotions” (Pablo Picasso, 1923)

[Fig. 30, Kung Fu Panda, Key Art, 2011]

[Fig. 31, Schindler’s List, Film Still, 1993]

39

Key art [Fig. 32, Ghost In The Shell, Animation Sequence I, 1995]

Takeaway: - Colour and light are the artist's most powerful vehicles for driving a story in mood, tone, and themes. The meaning and symbolism people associate with colour different from person to person.

- Colour was initially used to show the dreamlike quality in cinema and is used to show changing of time, and the inner workings of characters.

- Colour and light will enhance the treatment of symbolism and metaphoric storytelling.

40

- Colour is hue, saturation and value.

Light is Value.

GHOST IN

Blurred Lines

THE SHELL Heterotopias+World Building

41

World building

[Fig. 33, Ghost In The Shell, Animation Sequence II, 1995]

There are 3 minutes and 20 seconds long sequence of 34 mise en scène cuts in the middle of the animated sci-fi action thriller "Ghost In The Shell" (1995) directed by Mamoru Oshii, that does not absolutely qualify as scifi action or thriller. This interlude of detailed atmospheric shots describes a future city in Japan that’s modelled after Hong Kong cityscape. By itself, this interlude performs as a whole in the context of the film (Yuen, 2000).

This montage is full of what Scott McCloud has named spect-to-aspect transitions. In the book, "Understanding Comics: The Invisible Art" he describes the variety of panel to panel transitions that have become popular in different parts of the world. For instance, in American comics, most of the transitions are action-to-action which is appropriate for a goal-oriented culture, interested in telling stories about goal-oriented characters.

(McCloud, 1994) (Kaiens, 2012)

42

On the other hand, Japanese comics, have long-drawn pronounced transitions that are very unusually seen in the west, the aspect-to-aspect transition, in which time is implicitly abandoned for the exploration of space that evokes a sense of mood letting the audience enough time to fill the gaps of the story. (McCloud, 1994) What director Mamoru Oshii accomplishes, is to develop and induce attention to the audience’s perception of space in the film - exploring the chaotic multicultural future city scenes congested with people and other elements at the intersections of technology and old structures. The anime was created using a mix of traditional cel work and computer animation. In this respect, the cluttered Hong Kong and the saga anomaly of the Kowloon Walled City (an ungoverned Chineses enclave) (Hung, 2013) matched the ideal city prototype for "Ghost in The Shell" motifs. It is a city layered with histories and cultural memory and the relationship between

Blurred Lines

[Fig. 34, Maciej Kuciara, Ghost In The Shell, Environments and People, 2017]

identities and this kind of environments are constructed to work together with the main theme: the story of a female cyborg police officer, who with her team, hunts down a notorious hacker in a metropolis where dilemmas are played out in the space. These are not utopias, but they don’t have to be imagined as dystopias either.

(Silva, 2016) (Foucault, 1984) (Puschak, 2015) The philosopher Michel Foucault defined spaces like these, heterotopias, places that exist in a dynamic state of layered and changing meanings being based on the concept of utopias. Whereas utopia means a place that actually doesn't truly exists, a heterotopia is a place that represents society, but in a distorted way, involving a multitude of "secondary" worlds. (Stace, 2017) (Foucault, 1984)

just before "Ghost in the Shell 2: Innocence", where abandoned factories and industrial ruins engage with virtual reality technology creating a sense of novelty over the character and plot development (Brown, pp. 132-135, 2016).

Relationships like this signify the blending of man and machine - the three-minute aspectto-aspect interlude in the middle of the "Ghost in The Shell" film suggest a strong break from the rhythm of the plot forcing the viewer to consider the parallels between city and body, network and ghost. Further, the rest of the film is framed with characters set against the city they live in. Spaces are made of humanity, but humanity is made by its spaces, too. It’s a feedback loop that functions like a visual metaphor unfolding the dynamics of space and society changing continuously. (Soja, 1996)

There is a similar meditation in another of The DOP Jess Hall declares in one interview: Mamoru Oshii's films, "Avalon", created in 2001, "The Major has a human brain and a mechanical

43

World building

[Fig. 35, Ghost In The Shell, Animation Sequence II, 1995]

body, so she exists in what I liked to refer to as a third space, outside of each aspect, a theme we carried over from the anime. Since Rupert wanted a purposeful approach to camera movement, I came up with what we called the “GhostCam,” which conveyed this third space.

We liked that the Major was ghosting through the world; revealing an inquisitive purposeful nature that also had classical weight."

(ICG Magazine, 2017)

the space of the two-dimensional screen opens into, literally, another world. (Foucault, 1984) Comparing the original anime to the last version of Ghost in the Shell adapted to live-action in 2017 by Paramount Pictures/DreamWorks studios and directed by Rupert Sanders, is revealing the use of semiotics over the city and the cyberspace setting translated in a photo-real environment, overpopulated and wealthy that almost close the gap between humanity and complete robotization. In one article, the architect Julia Ardabyevskaya states: "The future film explores the city covered in huge holographic images that reminds me of contemporary Hong Kong – a place unimaginable without billboards: they are almost like its second skin". The key visuals from Ghost in the Shell signified to expose the advertising and holograms like a higher force ruling over the inhabitants showing the uniqueness of each structure in neon-lit visuals.

According to Foucault, “The heterotopia is capable of juxtaposing in a single real place several spaces, several sites that are in themselves incompatible”. Moreover, he explains that when one goes to the theatre, the stage becomes “a whole series of places that are foreign to one another”. Likewise, the cinema gets its own space that contains the "third space": “the cinema is a very odd rectangular room, at the end of which, on a twodimensional screen, one sees the projection of a three-dimensional space film function as (Strelka Magazine, 2017) heterotopias in a similar way. Through visuals,

44

Blurred Lines

[Fig. 36, Maciej Kuciara, Ghost in The Shell, ChaBus, 2017]

"No sensible decision can be made any longer without taking into account not only the world as it is, but the world as it will be‌ This, in turn, means that our statesmen, our businessmen, our everyman must take on a science fictional way of thinking." (Issac Asimov, 1978)

45

46

[Fig. 36, Maciej Kuciara, Ghost in the Shell, Gynoid, 2017]

Blurred Lines

[Fig. 38, Maciej Kuciara, Ghost In The Shell, Environments, 2017]

The use of colours matches the typical sophisticated and nuanced colour palette of science-fiction/cyberpunk genre attracting the viewers with saturated neon lights usually contrasting on low key backgrounds keeping the audience in awe with frequently eagle’s eye shots or gigantic holographs on architecture (Christakis, 2017).

The visual effects supervisor Guillaume Rocheron writes: "Our opening GhostCam shot runs about 90 seconds, establishing the city with such detail it also becomes a character. As in Blade Runner, advertising is everywhere. But instead of being 2D, these spots all have volume. We created about 65 of these “solograms,” each running up to 25 seconds, but integrating them into shots flying through the city required we be able to move around them."

and culturally levels affirming that based on the original anime, colour theorists like Josef Albers and Japanese artists like Hiroshige was able to design a palette of 28 LED colours looking for a "simple yet refined color schemes to create a harmonious effect" (ICG Magazine, 2017)

“Colours are the mother-tongue of the subconscious” (Carl Gustav Jung, 1964)

(ICG Magazine, 2017) The cinematographer Jess Hall, who worked as a DOP in the pre-production stage of the film said in an interview about his colour examinations and meanings on both emotional

47

Conclusion We already established that due to time constraints and the fast-paced environment of the entertainment industry, speed and utility are crucial elements a concept artist cannot overlook.

Having a saying in the pre-production phase of a project, we looked at how concept art can further incite awareness and generate hype by being used as key art.

Furthermore, by looking at the fundamental theories and workflows we got a deeper understanding of the thinking that goes behind the creation of an image.

The mathematical-like thinking in the way our brain analyze and interpret images can be used by the concept artist to purposely create meaning. Thus, elements such as similarity, continuation, closure and proximity are only just some of the principles that can reverse engineer the audience's brain to create emotional impact.

Photo-bashing, paint-overs, 3D kit bashing are just some of the several routes an artist can choose when trying to create an art piece.

Real life examples show us that a concept artist's duty often transcends the job role. It's subjective nature and close relationship with the way we associate meaning and create symbols extend the potential sources of inspiration to areas such as industrial design, architecture, philosophy, semiotics and so much more.

There are blurred lines in each examination and experiment in visual development is a short step towards finding solutions, and each might lead, in some modest way, to understanding, training and contributing to effective visual communication.

“To create a memorable design you need to start With a thought that’s worth remembering.�

(Thomas Manss, 2002)

48

Blurred Lines

references 1. (Thomas Manss, 2002) Thoughts on Design.

[Online]. Thomas Manss & Company. Available from: http://www.manss.com/en/About-us/ Thoughts-on-Design. [Accessed: 13 December 2017].

2. (Edgar E. A. Payne, 1941) Composition of Outdoor Painting. DeRu’s Fine Arts.

3. (Structura 2, pg. 7, 2012) Sparth & Bouvier, N. (2012). Google-Books-ID: 1dXUXwAACAAJ. Structura 2: The Art of Sparth. Design Studio Press.

4. (Ryan Dening, 2015) April 17, D.W.- & 2015 (2015). Concept Art Exploration with Mischief

by Ryan Dening. [Online]. 17 April 2015.

ArtStation Magazine. Available from: https:// magazine.artstation.com/2015/04/ryandening-explores-junk-boat-concepts-mischief/.

[Accessed: 22 November 2017].

[Accessed: 25 Nov. 2017].

11. (Mike Hill, 2016) Designing the Shadow Marshal Stealth Ship. Mike Hill Design.

[Online]. Available from: http://www.mikehill. design/shadow-marshal-stealth-ship/.

[Accessed: 25 November 2017].

12. (Michael Atiyah, 2008) Royal Society Edinburgh (video, 3m14s) The Science of Beauty - Sir Michael Atiyah. [Online Video].

Available from: https://www.youtube.com/ watch?v=sTnKeKSuq2U&ytbChannel=null.

[Accessed: 13 December 2017].

13. (Karlin, 2010) Joseph Kosinki’s Tron: Legacy Builds a Groundbreaking Architecture of Light.

[Online]. 7 December 2010. Fast Company.

Available from: https://www.fastcompany. com/1707732/joseph-kosinkis-tron-legacybuilds-groundbreaking-architecture-light.

[Accessed: 25 November 2017].

5. (Mischief, 2015) Mischief: Navigate Your Ideas. [Online]. Vimeo. Available from: https://vimeo.com/136095736. [Accessed: 22 November 2017].

14. (ShoddyCast, 2017) FALLOUT 4 - Concept Art VS Reality [Online Video]. Available from: https://www.youtube.com/watch?v=H_ aMWh3uclE&ytbChannel=null. [Accessed: 17 November 2017]

6. (Alchemy, 2008) A Quick Way to Create Concept Art Using Alchemy * Creative Shrimp.

Creative Shrimp. [Online]. Available from: http://www.creativeshrimp.com/createconcept-art-alchemy-tutorial.html. [Accessed: 22 November 2017].

15. (Stephane Wootha, 2017) Why Art Hacking is the most fundamental skill.

[Online]. Stephane Wootha Richard. Available from: https://www.wootha.com/the-arthacker/2017/4/5/the-one-reason-art-hackingis-the-most-fundamental-skill. [Accessed: 24 November 2017].

7. (Alchemy, 2010) Alchemy | An open drawing project. [Online]. Available from: http:// al.chemy.org/. [Accessed: 22 November 2017].

8. (Toho, 2006) Toho, M. (2006). What is kansei?

Online]. Available from: https://repin.pjwstk. edu.pl/xmlui/bitstream/handle/186319/173/ Kansei2006_Toho%20-%20What%20is%20 kansei.pdf ?sequence=1 [Accessed: 22 Nov. 2017].

9. (Lévy, & Yamanaka, 2006) TLévy, P. & Yamanaka, T. (2006). Towards a definition of Kansei. In: Design Research Society International Conference, Wonderground 2006.

1 November 2006.

10. (Kingslien, 2017) Ryan Kingslien LIVE with Alex Mandradjiev, Cinematic Illustrator. [Online Video]. Available from: https://www.youtube.com/ watch?v=3ZFCcgSWjb8&ytbChannel=null.

16. (Anjin Anhut, 2014) Let’s Get Real About Concept Art. Howtonotsuckatgamedesign.

[Online]. Available from: http:// howtonotsuckatgamedesign.com/2014/02/letsget-real-concept-art/. [Accessed: 2 November 2017].

17. (Eaves, 2017) Jack Eaves demo -Photobash concept art. Stina Teesaar. [Online]. Available from: https://stinateesaarpdp.wordpress. com/2017/02/02/jack-eaves-demo-photobashconcept-art/. [Accessed: 24 November 2017].

18. (Wootha, 2017) The Art Hacker. [Online].

Stephane Wootha Richard. Available from: https://www.wootha.com/the-art-hacker/.

[Accessed: 24 November 2017].

19. (Myers, 2014) 5 Ways to Improve Your Matte Paintings. [Online]. Design & Illustration

49

References Envato Tuts+. Available from: https://design. tutsplus.com/articles/5-ways-to-improve-yourmatte-paintings--psd-34643. [Accessed: 24 November 2017].

20. (Sierra Mon, 2017) July 17, S.M.- & 2017 (2017). Becoming a Concept Artist for a Hollywood Film. [Online]. 17 July 2017.

ArtStation Magazine. Available from: https:// magazine.artstation.com/2017/07/conceptartist-hollywood-film/. [Acc: 24 Nov 2017].

21. (Rikard Rodin, 2015). Key Art: Creating a Lasting Impression. [Online]. 28 July 2015. ZevenDesign. Available from: https:// zevendesign.com/key-art-creating-lastingimpression/. [Accessed: 13 December 2017].

22. (Justin Sevakis, 2017) Answerman What Is ‘Key Art’ And Why Is It Important?

[Online]. Anime News Network. Available from: https://www.animenewsnetwork.com/ answerman/2017-03-24/.113788. [Accessed: 13 December 2017].

23. (Maurice Mitchell, 2013) FAQ: What is Keyframe Concept Art? [Online]. Available from: http://filmsketchr.blogspot.com/2013/10/ what-is-keyframe-concept-art.html. [Accessed: 17 November 2017].

24. (Emma Cocker, 2015) Kairos Time: - Parse.

[Online]. Available from: http://parsejournal. com/conference/2015-2/draft-timetable/kairostime/. [Accessed: 17 November 2017].

25. (Eric Charles White, 1987) Kaironomia: On the Will to Invent, Cornell University Press.

26. (Clio Key Art Awards, 2016) Clio Key Art is Now Clio Entertainment. [Online]. 30 March 2017. Clios. Available from: http://clios.com/ news/keyart-program-name-change-toentertainment. [Accessed: 13 December 2017].

27. (Thomas Herbrich, Thomas Herbrich – Fotograf | Autor | Entertainer. [Online].

Available from: http://www.herbrich.com/.

[Accessed: 13 December 2017].

28. (Newbold, 2015) How the 5 Rhetorical Canons (Invention, Arrangement, Style, Memory, and Delivery) Will Make You More Persuasive. [Online]. Available from: http:// thevisualcommunicationguy.com/2015/04/06/ how-the-5-rhetorical-canons-will-make-youmore-persuasive/. [Accessed: 5 December 2017].

29. (Arnheim, 2004) Arnheim, R. (2004).

Google-Books-ID: DWmtB9szhFsC. Visual

50

Thinking. University of California Press.

30. (Tokarev, 2017) Environment Done Right: Geometry, Space, Light! [Online]. Available from: https://80.lv/articles/environment-doneright-geometry-space-light/. [Accessed: 26 Nov 2017].

31. (Brett & Kate McKay, 2011) Classical Rhetoric 101: The Five Canons of Rhetoric - Invention. The Art of Manliness. [Online].

Available from: https://www.artofmanliness. com/2011/01/26/classical-rhetoric-101-the-fivecanons-of-rhetoric-invention/. [Accessed: 5 December 2017].

32. (Newbold, 2015) How the 5 Rhetorical Canons (Invention, Arrangement, Style, Memory, and Delivery) Will Make You More Persuasive. The Visual Communication Guy: Designing, Writing, and Communication Tips for the Soul. [Online]. Available from: http:// thevisualcommunicationguy.com/2015/04/06/ how-the-5-rhetorical-canons-will-make-youmore-persuasive/. [Accessed: 5 December 2017] 33. (Arnheim, 2004) Google-Books-ID: DWmtB9szhFsC. Visual Thinking. University of California Press.

34. (Dillon, 1999) Art and the Semiotics of Images. [Online]. Available from: http://faculty. washington.edu/dillon/rhethtml/signifiers/ sigsave.html. [Accessed: 5 December 2017].

35. (Rikard Rodin, 2015) Key Art: Creating a Lasting Impression. [Online]. 28 July 2015. ZevenDesign. Available from: https:// zevendesign.com/key-art-creating-lastingimpression/. [Accessed: 13 December 2017].

36. (Rikard Rodin, 2015) Key Art: Creating a Lasting Impression. [Online]. 28 July 2015. ZevenDesign. Available from: https:// zevendesign.com/key-art-creating-lastingimpression/. [Accessed: 13 December 2017].

37. (Luke Wroblewski, 2008). 2008) Page Hierarchy [Online]. Available from: http://static.lukew.com/pageheirarchy_ lukew_03192008.pdf 38. (Jackson, 2008, pg. 63–69) Gestalt-A Learning Theory for Graphic Design Education.

International Journal of Art & Design Education.

27 (1). p.pp. 63–69.

39. (Herb ,2012) Emergence: The Gestalt Approach to Change [Online]. Available from:

Blurred Lines http://www.clevelandconsultinggroup.com/ articles/emergence-gestalt-approach-tochange.php. [Accessed: 17 November 2017].

40. (Bouissac, 2007) Encyclopedia of Semiotics.

[Online]. Oxford University Press. Available from: http://www.oxfordreference.com/ view/10.1093/acref/9780195120905.001.0001/ acref-9780195120905. [Accessed: 13 December 2017].

41. (Daniel Chandler, 2017) Semiotics for Beginners: Signs. [Online]. Available from: http://visual-memory.co.uk/daniel/Documents/ S4B/sem02.html. [Accessed: 2 December 2017].

42. (Angela Ferreira, 2007) How useful is semiotics as a method for analysing works of art? | Art & Perception. [Online]. Available from: http://artandperception.com/2007/02/ how-useful-is-semiotics-as-a-method-foranalysing-works-of-art.html. [Accessed: 2 December 2017].

43. (Charles Sanders Peirce, 1894). What Is a Sign? by Charles Sanders Peirce. [Online].

Available from: https://www.marxists.org/ reference/subject/philosophy/works/us/ peirce1.htm#7. [Accessed: 3 December 2017].

44. (Evan Puschak, 2017). Nerdwriter1 on Ghost In The Shell: Identity in Space. [Online Video].

Available from: https://www.youtube.com/ watch?annotation_id=annotation_3229810297 &feature=iv&index=2&list=PLwg4AG1KkgLwP 5FuUIiVEy-ILMD23AN1v&src_ 45. (Angela Ferreira, 2007) How useful is semiotics as a method for analysing works of art? | Art & Perception. [Online]. Available from: http://artandperception.com/2007/02/ how-useful-is-semiotics-as-a-method-foranalysing-works-of-art.html. [Accessed: 2 December 2017].

46. (Innis, 1985) Google-Books-ID: Wu2Ld0cQmyIC. Semiotics: An Introductory Anthology. Indiana University Press.

47. (Lesley Lanir, 2012). Peirce’s Symbolic Iconic and Indexical Signs: Semiotics. Decoded Science. [Online]. Available from: https://www. decodedscience.org/charles-sanders-peircesymbolic-iconic-and-indexical-signs/23013.

[Accessed: 3 December 2017].

48. (Pernice, 2017) F-Shaped Pattern of Reading on the Web: Misunderstood, But Still Relevant (Even on Mobile). [Online].

Nielsen Norman Group. Available from: https://www.nngroup.com/articles/f-shapedpattern-reading-web-content/. [Accessed: 17 November 2017].

49. (Federman, 2004). What is the Meaning of the Medium is the Message? Retrieved 05 dec 2017 from http://individual.utoronto.ca/ markfederman/article_mediumisthemessage. htm 50. (Gleb, 2017) ). The Secret of Making HighQuality Art (in Blender and Everywhere) • Creative Shrimp. Creative Shrimp. [Online].

Available from: http://www.creativeshrimp. com/the-secret-of-high-quality-art.html.

[Accessed: 12 December 2017].

51. (Blevins, 2006) CG Education. [Online].

Available from: http://www.neilblevins.com/cg_ education/primary_secondary_and_tertiary_ shapes/primary_secondary_and_tertiary_ shapes.htm. [Accessed: 12 December 2017].

52. (Kim, 2017) Environment Done Right: Geometry, Space, Light! [Online]. Available from: https://80.lv/articles/environment-doneright-geometry-space-light/. [Accessed: 26 November 2017].

53. (Meisner, 2014) Golden Ratio Myth, Math and Misunderstanding (for Debunkers).

[Online]. 16 June 2014. The Golden Ratio: Phi, 1.618. Available from: https://www. goldennumber.net/golden-ratio-myth/.

[Accessed: 12 December 2017].

54. (Kim, 2015) Unreported-halo5, Jihoon Kim. [Online]. ArtStation. Available from: https://www.artstation.com/artwork/r0PyL. [Accessed: 12 December 2017].

55. (Sinix, 2017) Sinix Design. [Online].

YouTube. Available from: https://www.youtube. com/channel/UCUQTqWAaSzhAKRanOpes1nA. [Accessed: 13 December 2017].

56. (Harkness, 2006) The colour wheels of art, perception, science and physiology. Optics & Laser Technology. 38 (4). p.pp. 219–229.

57. (Machin, 2014, pp. 243-244) Visual Communication. [Online]. Berlin/Boston, GERMANY: De Gruyter. Available from: http:// ebookcentral.proquest.com/lib/staffordshire/ detail.action?docID=1727235. [Accessed: 6 December 2017].

58. (Gobé, 2007) Google-Books-ID: NFfjF2sjOBIC. Emotional Branding. Skyhorse

51

Key art Publishing Company, Incorporated.

59. (Machin, D. 2014) Visual Communication.

[Online]. Berlin/Boston, GERMANY: De Gruyter. Available from: http://ebookcentral. proquest.com/lib/staffordshire/detail. action?docID=1727235. [Accessed: 6 December 2017].

60. (Machin, 2014, p. 252). Visual Communication. [Online]. Berlin/Boston, GERMANY: De Gruyter. Available from: http:// ebookcentral.proquest.com/lib/staffordshire/ detail.action?docID=1727235. [Accessed: 6 December 2017].

61. (Munsell, 1905). Google-Books-ID: PgcCAAAAYAAJ. A Color Notation. G. H. Ellis Company.

62. (Gobé, 2010, p. 77) Google-Books-ID: uW8keCfuK9YC. Emotional Branding: The New Paradigm for Connecting Brands to People.

Skyhorse Publishing, Inc. 63. (Bleicher, 2005)Google-Books-ID: YgbI5pPyIsYC. Contemporary Color Theory and Use. Cengage Learning.

64. (Feisner, E.A. & Reed, pp. 35-37, 2013).

Google-Books-ID: 3TIeAwAAQBAJ. Color Studies. A&C Black.

65. (Gage, 2000). Color and Meaning: Art, Science, and Symbolism. 1st edition. Berkeley: University of California Press.

66. (Cousins, 2015) Monochromatic Color: How to Use It Effectively | Design Shack. [Online].

Available from: https://designshack.net/ articles/inspiration/monochromatic-color-howto-use-it-effectively/. [Accessed: 10 Dec 2017].

67. (Feisner, E.A. & Reed, 2013) Google-BooksID: 3TIeAwAAQBAJ. Color Studies. A&C Black.

68. (Itten, 1974) The Art of Color: The Subjective Experience and Objective Rationale of Color.

Revised edition. New York: John Wiley & Sons.

69. (Scheier, 2017) Color & Light for Visual Storytelling Master Class [Online]. Available from: https://www.youtube.com/ 70. (Marinelli, 2006, pp. 87-110) “Screening Wish Theories: Dream Psychologies and Early Cinema,” Science in Context. Cambridge University Press, 19(1), pp. 87–110. doi: 10.1017/ S0269889705000773.

71. (Oliver, 2010) Character and Creature

52

Design Notes [Online]. Available from: http:// characterdesignnotes.blogspot.co.uk/2010/11/ nico-marlet.html 72. (Scheier, 2017) Color & Light for Visual Storytelling Master Class [Online]. Available from: https://www.youtube.com/h?v=v9cUQ8k fYmk&index=7&list=PL5GW9qJwVjoGdZEYjtty BN32zfpPhvRTL. [Accessed: 7 December 2017] .

73. (Schickel 2012, pp. 161–162). GoogleBooks-ID: gL93tgAACAAJ. Steven Spielberg: A Retrospective. Sterling.

74. (Pablo Picasso, 1923) "Picasso Speaks" in The Arts, New York, May 1923, p. 315 75. (Yuen, 2000) )- On the Edge of Spaces: Blade Runner, Ghost in the Shell , and Hong Kong’s Cityscape. [Online]. Available from: https://www.depauw.edu/sfs/backissues/80/ wong80art.htm. [Accessed: 10 December 2017].

76. (McCloud, 1994) Google-Books-ID: tUwqbo48lp4C. Understanding Comics.

HarperCollins.

77. (Kaiens, 2012) Class Exercise 2 – Examine Scott McCloud’s 6 catagories of panel-to-panel transitions. TheSequentialPress. [Online].

Available from: https://thesequentialpress. wordpress.com/2012/01/19/transitions/.

[Accessed: 10 December 2017].

78. (McCloud, 1994) Google-Books-ID: tUwqbo48lp4C. Understanding Comics.

HarperCollins.

79. (Hung, 2013) Kowloon Walled City Heterotopia in a Space of Disappearance. MAS CONTEXT. [Online]. Available from: http:// www.mascontext.com/issues/19-trace-fall-13/ kowloon-walled-city-heterotopia-in-a-spaceof-disappearance/. [Accessed: 10 December 2017].

80. (Silva, 2016) Shots of Awe. Heterotopia: Designing Our Mindscapes. [Online Video].

Available from: https://www.youtube.com/ watch?v=cKxQMyBl22o&ytbChannel=null.

[Accessed: 10 December 2017].

81. (Foucault, 1984) Of Other Spaces: Utopias and Heterotopias [Online]. Available from: http://web.mit.edu/allanmc/www/foucault1. pdf. [Accessed: 10 December 2017].

82. (Puschak, 2015) Nerdwriter1 on Ghost In The Shell: Identity in Space. [Online Video].

Blurred Lines Available from: https://www.youtube.com/ watch?annotation_id=annotation_32298102 97&feature=iv&index=2&list=PLwg4AG1Kkg LwP5FuUIiVEy-ILMD23AN1v&srcvid=7j5pUt RcNX4&v=gXTnl1FVFBw&ytbChannel=null.

[Accessed: 11 Dec 2017].

83. (Stace, 2017) What is a heterotopia?

Slap Happy Larry. [Online]. Available from: http://www.slaphappylarry.com/what-is-aheterotopia/. [Accessed: 10 Dec 2017].

84. (Foucault, 1984) Of Other Spaces, Heterotopias. Architecture, Mouvement, Continuité. 5. p.pp. 46–49.

85. (Brown, pp. 132-135, 2016).Google-BooksID: W_0YDAAAQBAJ. Tokyo Cyberpunk: Posthumanism in Japanese Visual Culture.

Springer.

86. (Soja, 1996) Wiley: Thirdspace: Journeys to Los Angeles and Other Real-and-Imagined Places -. [Online]. Available from: http:// www.wiley.com/WileyCDA/WileyTitle/ productCd-1557866740.html. [Accessed: 10 December 2017].

87. (ICG Magazine, 2017) (ICG Magazine, Kevin H. Martin, 2017). » Silent Runners. [Online].

Available from: http://www.icgmagazine.com/ web/silent-runners/. [Accessed: 11 December 2017].

88. (Foucault, 1984) Of Other Spaces, Heterotopias. Architecture, Mouvement, Continuité. 5. p.pp. 46–49.

89. (Strelka Magazine, 2017) Examining the Constructed World of the Blockbuster

Movie ‘Ghost in the Shell’. [Online]. 3 August 2017. ArchDaily. Available from: http://www. archdaily.com/876735/examining-the-city-ofghost-in-the-shell. [Accessed: 11 December 2017].

90. (Issac Asimov, 1978) "My Own View," The Encyclopedia of Science Fiction, Holdstock, ed., Asimov on Science Fiction, pg 5.

91. (Christakis, 2017) Ghost in the Shell (2017) Review – Hyper Light Up. [Online]. Available from: http://www.hyperlightup.com/ghostin-the-shell-2017-review/. [Accessed: 11 December 2017].

92. (ICG Magazine, 2017) (ICG Magazine, Kevin H. Martin, 2017). » Silent Runners. [Online].

Available from: http://www.icgmagazine.com/ web/silent-runners/. [Accessed: 11 December 2017].

93. (ICG Magazine, 2017) (ICG Magazine, Kevin H. Martin, 2017). » Silent Runners. [Online].

Available from: http://www.icgmagazine.com/ web/silent-runners/. [Accessed: 11 December 2017].

94. (Carl Gustav Jung, 1964) Jung, C.G. & Franz, M.-L. von (1964). Google-Books-ID: EuBOAAAAMAAJ. Man and his symbols.

Doubleday.

95. (Thomas Manss, 2002) Thoughts on Design.

[Online]. Thomas Manss & Company. Available from: http://www.manss.com/en/About-us/ Thoughts-on-Design. [Accessed: 13 December 2017].

53

Key art

BLURRED LINES CONCEPT ART - KEY VISUALS - WORLD BUILDING

54