Difference between revisions of "Level Art"

From Frozenbyte Wiki
Jump to: navigation, search
(Created page with "<onlyinclude> <div style="float:right; width:40%; padding-left: 20px;"> '''Related sites''' * Public Level Art * Public Level Art: Color and Lighting * Public Level...")
 
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
This is a series of Wiki pages related to the process of creating level art for Frozenbyte's Trine projects. With these guidelines, you should be able to create a level starting from a simple idea and ending with a finished product - or at least recognize the skills, practices and information needed in the process. The materials included in this Wiki are collected by our AD with the help of level artists and level designers. The methods described are used daily here at Frozenbyte. There is also a similar collection of Wiki pages related to the Trine style [[3D Asset Workflow]]
 +
 +
* '''If you can't find some useful info here, please find it out elsewhere, and add the info here in the proper section'''
 +
* Please keep things organized and '''use similar format as the existing material'''
 +
* '''Images and videos are super helpful'''
 +
* '''The info should be in one place and linked or transcluded''' into another place, no copy & paste duplicates across several pages
 +
 
<onlyinclude>
 
<onlyinclude>
 
<div style="float:right; width:40%; padding-left: 20px;">
 
<div style="float:right; width:40%; padding-left: 20px;">
 
'''Related sites'''
 
'''Related sites'''
* [[Public Level Art]]
+
* [[Level Art]]
* [[Public Level Art: Color and Lighting]]
+
* [[Level Art: Color and Lighting]]
* [[Public Level Art: Composition]]
+
* [[Level Art: Composition]]
* [[Public Level Art: Environmental Storytelling]]
+
* [[Level Art: Environmental Storytelling]]
* [[Public Level Art: Ideas for New Levels]]
+
* [[Level Art: Ideas for New Levels]]
* [[Public Level Art: Level Art Related Gameplay Issues]]
+
* [[Level Art: Level Art Related Gameplay Issues]]
* [[Public Level Art: The Level Art Phases]]
+
* [[Level Art: The Level Art Phases]]
  
 
</div>
 
</div>
Line 56: Line 63:
 
**  In a situation like this, it's best to communicate with the designer to determine whether some areas of the level are already finished. You can create a copy of the level to start your level design work, and when the design is complete, just copy and paste the level art to the actual level.  
 
**  In a situation like this, it's best to communicate with the designer to determine whether some areas of the level are already finished. You can create a copy of the level to start your level design work, and when the design is complete, just copy and paste the level art to the actual level.  
  
--------
+
 
 +
* ''' Links for learning'''
 +
<div class="toccolours mw-collapsible mw-collapsed" style="background-color: #e6f2ff; border-width:2px; border-radius:10px; margin: 5px;">
 +
Some general art fundamentals tips that are useful for any game artist:
 +
<div class="mw-collapsible-content">
 +
 
 +
 
 +
'''Lighting'''
 +
* [http://gurneyjourney.blogspot.com/search/label/Color%20and%20Light%20Book Color theory: James Gurney's blog]
 +
* [http://www.itchy-animation.co.uk/tutorials/light01.htm Lighting Fundamentals for Artists]
 +
* [https://www.youtube.com/watch?v=MVafJfV5xhI Nathan Fowkes 'Better Options for Color Vibrance' ]
 +
 
 +
'''Composition'''
 +
* [http://www.neilblevins.com/art_lessons/areas_of_visual_rest/areas_of_visual_rest.htm Neil Blevis: Areas Of Visual Detail, Areas Of Visual Rest]
 +
* [http://www.neilblevins.com/art_lessons/clumping/clumping.htm Neil Blevis: Clumping and Grouping]
 +
* [http://www.neilblevins.com/art_lessons/compositional_weight/compositional_weight.htm Neil Blevis: Compositional Weight]
 +
* [http://www.neilblevins.com/art_lessons/composition_contrasts/composition_contrasts.htm Neil Blevis: Contrasts In Composition]
 +
* [http://www.neilblevins.com/art_lessons/foreground_midground_background/foreground_midground_background.htm Neil Blevis: Foreground, Midground, Background]
 +
* [http://www.neilblevins.com/art_lessons/layers_of_light_and_dark/layers_of_light_and_dark.htm Neil Blevis: Layers Of Light And Dark]
 +
* [http://www.neilblevins.com/art_lessons/primary_secondary_and_tertiary_shapes/primary_secondary_and_tertiary_shapes.htm Neil Blevis: Primary, Secondary and Tertiary Shapes]
 +
* [http://www.neilblevins.com/art_lessons/details_make_big/details_make_big.htm Neil Blevis: Using Details To Make Something Look Big]
 +
* [http://www.neilblevins.com/art_lessons/tangents/tangents.htm Neil Blevis: What is a Tangent? And How To Solve Them]
 +
 
 +
* [https://www.deviantart.com/lulie/art/The-Secret-to-Composition-272036625 The secret to composition]
 +
* [https://twitter.com/eyecager Composition tips etc by Amber Blade Jones]
 +
* [https://www.youtube.com/watch?v=qMH_J_vcoqE&feature=youtu.be&list=PLa1F2ddGya_9XER0wnFS6Mgnp3T-hgSZO Gleb Alexandrov's presentation about balance and composition of elements in creating appealing works]
 +
* [https://youtu.be/GZ99gAb4T0o The Importance of Nothing: Using Negative Space in Level Design]
 +
 
 +
'''Environmental storytelling'''
 +
* [https://www.youtube.com/watch?v=iemcI0t096I Sam Nielson's lecture about environment design]
 +
* [https://www.youtube.com/watch?v=griCsvvRTQM  Sam Nielson's lecture about atmosphere]
 +
* [https://youtu.be/FeUL-5wfj0U?t=3m29s The Art of Environment Storytelling for Video Games GNOMON]
 +
* [https://vimeo.com/165693758 Mike Hill's lecture about Spielberg's Subtext]
 +
 
 +
'''General creative development'''
 +
* [http://www.neilblevins.com/art_lessons/art_lessons.htm Neil Blevis: Various art tips]
 +
* [https://www.youtube.com/channel/UCbdyjrrJAjDIACjCsjAGFAA Feng Zhu design school videos. All kinds of stuff about painting/design/color etc.]
 +
* [http://wiki.polycount.com/wiki/Polycount Polycount wiki. Basically everything you need to know about game art is found here]
 +
* [https://www.youtube.com/user/McBacon1337/videos Game Maker's Toolkit. Interesting and well-made videos about game mechanics in different games by Mike Brown.]
 +
 
 +
</div>
 +
</div>
  
 
= Building a Level =
 
= Building a Level =
 
== Ideas for New Levels ==
 
== Ideas for New Levels ==
[[Public Level Art: Ideas for New Levels]]<br>
+
[[Level Art: Ideas for New Levels]]<br>
 
[[File:level_art_wiki_header_banner_ideas_for_new_levels.jpg|800px]]
 
[[File:level_art_wiki_header_banner_ideas_for_new_levels.jpg|800px]]
  
 
== The Level Art Phases ==
 
== The Level Art Phases ==
[[Public Level Art: The Level Art Phases]]<br>
+
[[Level Art: The Level Art Phases]]<br>
 
[[File:level_art_wiki_header_banner_level_art_phases.jpg|800px]]
 
[[File:level_art_wiki_header_banner_level_art_phases.jpg|800px]]
  
 
== Environmental Storytelling ==
 
== Environmental Storytelling ==
[[Public Level Art: Environmental Storytelling]]<br>
+
[[Level Art: Environmental Storytelling]]<br>
 
[[File:level_art_wiki_header_banner_environmental_storytelling.jpg|800px]]
 
[[File:level_art_wiki_header_banner_environmental_storytelling.jpg|800px]]
  
 
== Level Art Related Gameplay Issues ==
 
== Level Art Related Gameplay Issues ==
[[Public Level Art: Level Art Related Gameplay Issues]]<br>
+
[[Level Art: Level Art Related Gameplay Issues]]<br>
 
[[File:level_art_wiki_header_banner_gameplay_issues.jpg|800px]]
 
[[File:level_art_wiki_header_banner_gameplay_issues.jpg|800px]]
  
Line 78: Line 126:
  
 
== Composition ==
 
== Composition ==
[[Public Level Art: Composition]]<br>
+
[[Level Art: Composition]]<br>
 
[[File:level_art_wiki_header_banner_composition.jpg|800px]]
 
[[File:level_art_wiki_header_banner_composition.jpg|800px]]
  
 
== Color and Lighting ==
 
== Color and Lighting ==
[[Public Level Art: Color and Lighting]]<br>
+
[[Level Art: Color and Lighting]]<br>
 
[[File:level_art_wiki_header_banner_color_and_lighting.jpg|800px]]
 
[[File:level_art_wiki_header_banner_color_and_lighting.jpg|800px]]
 
 
[[Category:Editor|Level Art]] [[Category:Art|Level Art]] [[Category:Level Art|Level Art]]
 

Latest revision as of 16:43, 23 November 2021

This is a series of Wiki pages related to the process of creating level art for Frozenbyte's Trine projects. With these guidelines, you should be able to create a level starting from a simple idea and ending with a finished product - or at least recognize the skills, practices and information needed in the process. The materials included in this Wiki are collected by our AD with the help of level artists and level designers. The methods described are used daily here at Frozenbyte. There is also a similar collection of Wiki pages related to the Trine style 3D Asset Workflow

  • If you can't find some useful info here, please find it out elsewhere, and add the info here in the proper section
  • Please keep things organized and use similar format as the existing material
  • Images and videos are super helpful
  • The info should be in one place and linked or transcluded into another place, no copy & paste duplicates across several pages


Related sites


Level art workflow steps

Level art wiki header banner process.jpg

  • Level artists create the visible game environment built on the collision block base created by designers.
  • Level artists work with the Frozenbyte in-house engine and editor.


  1. The Idea - a mental image to work towards. The Idea is shaped and refined by reading the script, exploring the concept art and level wiki site and communicating with different team members like the AD, designers, the scriptwriter and/or other artists.
    • Outline meeting can occur before the design work has even started, gathering all the people working on a level to plan and discuss.
    • Collecting reference includes researching the topic by searching inspirational reference images. Pinterest, for example, is a good online source for reference images.
    • Level collision base meeting takes place before the level art phase begins. The AD, level artists, designers and other related people working on the level are involved.
    • Preassembly can happen when a designer works on a level file, making it impossible for a level artist to access the same level. The artist can build level art arrangements to a separate file, requesting feedback from the AD during the preassembly.
  2. Base art - The Base art phase includes establishing a preliminary lighting setup, blocking the level art and building a strong and working base supporting the gameplay. Base art should be kept simple, concentrating only on the big forms and covering all the bare collisions.
    • AD's camera check, done in collaboration with the designers, is followed by a camera fix list. It guides to adjust the cameras so that their positions are optimal for both the gameplay and art.
    • AD's base art check results in a fix list that may include paint-overs advising on how to improve the base art.
    • Base art fix round includes optimizing the camera positions and improving base art according to the feedback of the AD.
    • Lighting adjustments
  3. Detailing - Once the base art meets the requirements, details are added.
    • AD's details check results in a fix list that may include paint-overs advising on how to improve the level art.
    • Details art fix list round has the artist improving the level art based on the AD's feedback.
  4. Polish - Polishing happens at the end of the project when there's spare time. It consists of improving the level art by, for example, adding new 3D assets, documenting significant changes with before and after screenshots and consulting the AD.
    • Polish and optimizing includes general level art polishes, lighting adjustments and optimizing things.
    • Playing the game: should be a daily level artist routine. Only by playing the levels you can evaluate the quality of the level art and make sure the level art supports the gameplay as much as possible. The level artists should play the game together in co-op, as well, to observe level art in a multiplayer mode and share ideas.

Things to consider

  • Working with the level art is an iterative process: Art is created layer by layer, starting from the crude, bigger forms and ending with the detailed, final art.
  • The aim is to keep the whole level at a consistent state at all times and only add finer details once the big forms are satisfactory.
  • Level art is a process of continuous development. Nothing is final after the first round, and sometimes whole level areas might be reworked entirely. Large, creative projects always involve some degree of adjustments and alterations, but there are several reasons why level art can be subjected to a change:
    • All the assets might not be available during the initial level art work, forcing the level artist to use temporary assets. They need to be replaced with new ones later, which can be time-consuming.
    • The design can change, also affecting the level art.
    • A new and better visual idea for a scene might emerge at any point during the development.
    • Technical changes sometimes require level art reworking.

Additional tips about the creating process

  • Play the game It's crucial to play the game as often as possible and during the whole level art process. Only by playing you can confirm that everything works as intended and see how the art looks in the game!
    • The level artist's responsibility is to ensure that the level art supports the gameplay in each part of the level.
    • The player can only see what the in-game cameras are showing, making play testing the level even more important.
  • It's essential to get the scale of the environment right as early as possible. Always have a game character model as a scale reference when you start blocking the level art.
    • Generally, the assets in the background of a level tend to look smaller than you might expect, and you might have to scale up those assets slightly to make them look better in the game. Commonly, in-game assets are bulkier and larger than their real-life counterparts since that helps them stand out in the game. However, you should be careful when scaling assets, as the texel density (texture resolution) and geometry get easily incoherent.
    • How to nail the right scale: Using Details To Make Something Look Big By Neil Blevins
  • Flexible level art work
    • Sometimes you might be in a hurry to finish the level art, but the design is unfinished, leaving you unable to work on the level file.
    • In a situation like this, it's best to communicate with the designer to determine whether some areas of the level are already finished. You can create a copy of the level to start your level design work, and when the design is complete, just copy and paste the level art to the actual level.


  • Links for learning

Building a Level

Ideas for New Levels

Level Art: Ideas for New Levels
Level art wiki header banner ideas for new levels.jpg

The Level Art Phases

Level Art: The Level Art Phases
Level art wiki header banner level art phases.jpg

Environmental Storytelling

Level Art: Environmental Storytelling
Level art wiki header banner environmental storytelling.jpg

Level Art Related Gameplay Issues

Level Art: Level Art Related Gameplay Issues
Level art wiki header banner gameplay issues.jpg

Level Art Fundamentals

Composition

Level Art: Composition
Level art wiki header banner composition.jpg

Color and Lighting

Level Art: Color and Lighting
Level art wiki header banner color and lighting.jpg