Jump to: navigation, search

Difference between revisions of "Artwork"

(VGA Display)
m (Reverted edits by Delah (talk) to last revision by Jwilson)
 
(8 intermediate revisions by 3 users not shown)
Line 30: Line 30:
  
 
[[Image:multi-color.png]]
 
[[Image:multi-color.png]]
 +
 +
An ''Eight Ball Deluxe'' playfield without the black keyline added yet.  Based on original films, the lines are rough because 30 years ago, the films were cut by hand!  Once printed, the artwork will look crisp and all colors will be properly ''trapped''.
 +
 +
[[Image:no-keyline.png]]
  
 
Here is an example of a ''Funhouse'' playfield that has a black keyline, but also shows a printing error - the black doesn't cover enough to offset the error in the red layer positioning, thus not ''trapping'' the red.  This is most obvious in the top left.  Sometimes these  will make it into final production games!
 
Here is an example of a ''Funhouse'' playfield that has a black keyline, but also shows a printing error - the black doesn't cover enough to offset the error in the red layer positioning, thus not ''trapping'' the red.  This is most obvious in the top left.  Sometimes these  will make it into final production games!
Line 140: Line 144:
 
Typically the cabinet will have the name of the machine, often as a logo.  Sometimes the art is printed with a plain background, or sometimes the entire cabinet is filled with art.  Like playfields, the cabinet can be direct printed or done with an overlay. Stern has been doing overlay for many years now because they can get brighter colors when compared to direct printing.
 
Typically the cabinet will have the name of the machine, often as a logo.  Sometimes the art is printed with a plain background, or sometimes the entire cabinet is filled with art.  Like playfields, the cabinet can be direct printed or done with an overlay. Stern has been doing overlay for many years now because they can get brighter colors when compared to direct printing.
  
==== Stencils ====
+
=== Stencils ===
 
Originally, cabinets were printed using '''Stencils'''.  The cabinets were printed in stages, with each stencil masking the previous layer, similar to screenprinted but done with spraypaint instead of ink through a screen.  Commercial machines were done using cut metal stencils which were laid on the cabinets and spray painted.  The metal stencil would not always lay perfectly flat, resulting in sometimes blurry edges on the artwork.  
 
Originally, cabinets were printed using '''Stencils'''.  The cabinets were printed in stages, with each stencil masking the previous layer, similar to screenprinted but done with spraypaint instead of ink through a screen.  Commercial machines were done using cut metal stencils which were laid on the cabinets and spray painted.  The metal stencil would not always lay perfectly flat, resulting in sometimes blurry edges on the artwork.  
  
However, this process is particularly easy for the garage builder to emulate using paper or mylar sheets, and does present a very striking image.
+
However, this process is particularly easy for the garage builder to emulate using paper or mylar sheets, and does present a very striking image. Some of the things a stencil is useful to do include:
 +
 
 +
* Creating airbrush masks and stencils for playfield painting
 +
* Cutting printed decals with absolutely NO unprinted material
 +
* Creating DIY cabinet stencils
 +
* Creating masks for cabinet touchups
 +
* Creating masks for the  creation of playfield plastics.
 +
 
  
 
(Photos from [http://pinballbuilders.com/ Pinball Builders])
 
(Photos from [http://pinballbuilders.com/ Pinball Builders])
 +
  
 
[[Image:stencil-1.png]]
 
[[Image:stencil-1.png]]
Line 202: Line 214:
 
Use the playfield CAD drawing to create the cut template.
 
Use the playfield CAD drawing to create the cut template.
  
== Displays ==
+
=== Animation ===
 
 
The other side of artwork is the game itself, in the form of score displays.
 
 
 
=== Numeric / Alphanumeric ===
 
 
 
Numeric or Alphanumeric score displays are sometimes chosen even today because of the ease of programming - they display simple scores or lines of text only, so no complicated graphics need to be designed or coded.  That means more time to concentrate on gameplay versus interfacing with the player.
 
 
 
==== Gas Plasma ====
 
 
 
The first commercial solid-state displays in common usage were '''Gas Plasma''' displays.  They use high voltage to cause a noble gas like neon to glow.  Shaping the conductive layers into digits allows the display of multiple numbers or letters.
 
 
 
[[Image:gas-plasma.jpg]]
 
 
 
These types of displays are not only dangerous, due to the high voltages required, they are prone to burn-out or out-gassing, and have been obsolete for many years.  Unless re-theming an older game and wanting to re-use existing parts, or trying to maintain a retro look, it is suggested to use '''LED''' replacements.
 
 
 
==== LED Displays ====
 
 
 
[[Image:led-display.jpg]]
 
 
 
The pinball after-market has produced a number of excellent plug-and-play LED display replacements.
 
 
 
* [http://xpinpinball.com/ X-PIN] has 6- and 7-segment displays as well as alphanumerics.
 
* [http://www.pinscore.com/products/pinball-displays Pinscore] has retrofit kits for older machines.
 
* [http://www.pinled.de/shop/index.php PinLED] in Europe has a variety of options available.
 
 
 
 
 
Additionally, there are many generic LED displays to choose from:
 
 
 
* [http://www.adafruit.com/categories/103 Adafruit] offers a number of LED segment displays with instructions on programming them with various microcontrollers.
 
 
 
=== Dot Matrix ===
 
 
 
[[Image:dmd-closeup.png]]
 
 
 
Modern games make use of either a gas plasma or LED '''Dox Matrix Display''' or '''DMD'''.  They work on the same principle as the segment display except they use round pixels in a grid pattern - or ''matrix'' - to display game information.
 
 
 
[[Image:dmd-display.png]]
 
 
 
The complexity with these displays is that the programmer must construct numbers or letters in a graphic format and then push that data to the display.  Rather than program "display 300,000", they must use '''bitmap''' fonts and determine screen placement.
 
 
 
However, many [[Programming#Frameworks|programming frameworks]] currently available offer this functionality built in and are an excellent place to start learning about game graphics.
 
 
 
Other options for matrix displays include:
 
 
 
[[Image:small-dmd.png]]
 
 
 
* [http://shop.evilmadscientist.com/productsmenu/tinykitlist/75-peggy2 Evil Mad Scientist] offers the Peggy 2 DMD kit for exploring DMD programming.
 
* [http://www.adafruit.com/categories/326 Adafruit] has a variety of matrix boards with programming instructions included.
 
 
 
=== LCD Display ===
 
 
 
The trend for modern games is using '''LCD''' screens in place of DMDs or other older display technologies.  Full color with high resolution, the results can be very attractive.  However, at this level a game designer essentially becomes a videogame designer.  A pinball maker has to wear many hats but it is the rare individual who can do both construction ''and'' handle graphics duties.
 
  
There is some discussion of the [http://www.pinballcontrollers.com/forum/index.php?topic=1026.0 technical] side of graphical displays on the pinballcontrollers Forum.
+
Doing animation on DMDs or LCDs requires animation tools.
  
=== Animation ===
+
* [http://www.synfig.org/cms/ Synfig]
 +
* [http://www.pencil-animation.org/ Pencil]
 +
* [https://pinside.com/pinball/forum/topic/acdc-display-and-modify-dot-matrix-images Pinball Browser]

Latest revision as of 15:57, 12 November 2016

Style

When constructing a game at home in a garage, the style of artwork used is not often a priority - the physical creation and development comes first. However, the single most effective draw a game has to bring players in is the backglass, playfield and cabinet artwork.

Screenprinting

Until the early 1990's, the only process used in creating playfield art was screenprinting. Even today, most playfields are screenprinted, including Stern, which uses a four-color process method with added Spot Color on the Limited Edition games.

Screenprinting involves pushing ink through a specially-prepared screen unto a surface - virtually any surface, making it ideal for playfields as it can be done on slightly irregular surfaces, or on non-flexible surfaces.

The basic process is as follows:

1. The screen, which has a special mesh tightly attached to it, is coated in a UV-sensitive material and allowed to dry. Screenprinting.jpg
2. A Photo Positive of the image to be printed is placed on the screen. It is a 'positive' because the areas in black are what is being printed, as opposed to a photo negative which has the open parts being printed.
3. The screen is exposed to UV light for a set period of time. This causes any part of the coating not covered to become hard and water resistant.
4. The exposed screen is washed out with a hose, which removes the unexposed coating but leaves the exposed coating.
5. Ink is placed on the screen and, using a squeegee, is drawn across the screen. Any open areas in the screen allow the ink through unto the printing surface.
6. The final printed surface with the image.


Colors are applied one at a time, generally from lightest color to darkest, with a Black Keyline done last to trap all the colors together in a solid shape with no spaces between them.

Multi-color.png

An Eight Ball Deluxe playfield without the black keyline added yet. Based on original films, the lines are rough because 30 years ago, the films were cut by hand! Once printed, the artwork will look crisp and all colors will be properly trapped.

No-keyline.png

Here is an example of a Funhouse playfield that has a black keyline, but also shows a printing error - the black doesn't cover enough to offset the error in the red layer positioning, thus not trapping the red. This is most obvious in the top left. Sometimes these will make it into final production games!

Funhouse-error.png

Screenprinting also allows the use of specialty inks such as fluorescent, metallic or UV-reactive inks, which are not possible with four color process printing from digital printers or inkjet.

Below are some playfields with special inks - Attack From Mars using fluorescent green, TRON:LE with silver metallic and Viper: Night Driving with UV-reactive ink under blacklight.

Special-inks.png

The drawback for screenprinting is that it requires a lot of specialty equipment, materials and semi-toxic inks to do playfield printing, which will likely be beyond the average garage builder.

Photo-realistic

In the 80's, Gottlieb started doing photo-realistic backglass art to differentiate themselves from other manufacturers. This process was done using Offset Printing but today can be done digitally with equipment available to the garage builder, or from specialty print shops such as sign printers.

Full color is generated using a Halftone process, using cyan, magenta, yellow and black inks to produce various colors and shades.

Halftone.png

These colors are printed at angles from each other to reduce wave patterns, known as Moiré. When the dots are small enough, the human eye can't distinguish them and blends them together, making the image appear solid.

Here is a close-up of a Stern Lord of the Rings showing the four color process dots:

Stern-cabinet.png

This is how the majority of printing is done today. It can be done with Direct Printing whereby a printer will apply ink directly to the surface of the playfield or cabinet, or though Overlay printing, where the image is applied to white vinyl (typically 3mm reflective white or clear for playfields) and then the overlay is applied to the cabinet. Direct printing gives superior results but also requires a printer large enough to print large sizes, which is expensive.

The drawback to this process is that the colors can be muted due to the additive effect of the inks to dull colors, and you cannot print any specialty colors without adding additional inks in the process.

However, for the majority of home builders, digital printing provides the best cost / benefit option available.

Design

Vector vs. Raster

Once the style of artwork has been decided, it is time to design it.

If choosing between Vector or Raster (pixel) art, Vector offers the best quality as it scales without loss of resolution and allows more control over colors, or image correcting, if necessary.

Vector-vs-raster.gif

If working with raster images, like in Photoshop, all artwork should be a minimum of 300dpi, with 1200dpi preferred. This allows for highly detailed printing and is especially important for large-scale printing like playfields or cabinets. Most web images are relatively small and usually only 72dpi which prints very poorly. dpi is short for Dots Per Inch - the more you have, the better quality your final print.

300dpi-vs-1200dpi.png

Scanning Artwork

If re-theming an existing game, or there is a desire to include artwork from non-digital sources, scanning artwork will be required. The best option for pinball use is the HP 4670, which is a see-through scanner allowing easy positioning of the unit.

Hp-scanner.jpg

Unfortunately the unit is discontinued, but many hobbyists find them on eBay new-in-box and the drivers work under Windows 8.

(Photos from Pinball Builder)

Scan-pf.jpg

The scans can be stitched together to make a large format drawing to work from.

Stitched-images.jpg

Printing

All commercial playfields are direct printed, generally using the screenprinting method. This is a shot from the Churchill company printing room where almost all modern playfields are produced, showing their manual one-arm press:

Pf-print.jpg

For garage builders, printing on vinyl or mylar with an adhesive applied is recommended. Either the insert locations are trimmed away, or the artwork is printed on clear media with the insert artwork already included.

Overlay.png

Finding a shop that can print white on clear media is sometimes a challenge but most large cities will have sign printing shops equipped to do this type of printing.

Backglass

Styles

From EMs and carried over to the solid state era, scores were embedded within the art. Some areas are clear for the displays, and some are white and unmasked, allowing light through - such as "Extra Ball" or "Game Over". If doing a re-theme of an older game or a retro-styled game with score displays, most games employed a silvered Block out layer on the backglass to prevent light from coming through, unlike modern games which are fully lit.

Em-backglass.jpg

Towards the mid-80's, the numeric scoring was moved down between the speakers, which eventually became alphanumeric, and then DMD. By this point, the backglass was purely decoration and any game status indicators were moved to the display.

Alpha-backglass.jpg

Separating the scoring from the art simplifies the artwork design - the artist does not need to handle the careful placement of elements around the score displays or account for infomation display positions. Usually the name of the game is included somewhere in the artwork, but not always - games like Whitewater and The Addams Family have backglasses with just artwork and rely on a topper to communicate the game's name.

Addams.png

Mirroring

Many older backglasses include a mirror layer that provides a unique visual effect. This process involved Etching a mirrored glass to remove the mirroring in spots, then printing the glass normally. Unfortunately, this technique is highly toxic and the chemicals involved are difficult to find.

Mirror-paint.png

Using Mirror Effect paint on the backside of glass can replicate the mirror effect close enough for most people. Simply create a template similar to how you would for a cabinet, apply it to the glass, and spray according to the instructions on the can.

(Photos from Pinball Builders)

Mirror-effect-1.jpg

Mirror-effect-2.jpg

Mirror-effect-3.jpg

If using direct printing or decal for the rest of the backglass, the mirror effect can be done last after printing, which should leave blank areas, or applying the decal with the areas to mirror cut out and using a stencil on top of that to position the mirror effect.

Cabinet

Typically the cabinet will have the name of the machine, often as a logo. Sometimes the art is printed with a plain background, or sometimes the entire cabinet is filled with art. Like playfields, the cabinet can be direct printed or done with an overlay. Stern has been doing overlay for many years now because they can get brighter colors when compared to direct printing.

Stencils

Originally, cabinets were printed using Stencils. The cabinets were printed in stages, with each stencil masking the previous layer, similar to screenprinted but done with spraypaint instead of ink through a screen. Commercial machines were done using cut metal stencils which were laid on the cabinets and spray painted. The metal stencil would not always lay perfectly flat, resulting in sometimes blurry edges on the artwork.

However, this process is particularly easy for the garage builder to emulate using paper or mylar sheets, and does present a very striking image. Some of the things a stencil is useful to do include:

  • Creating airbrush masks and stencils for playfield painting
  • Cutting printed decals with absolutely NO unprinted material
  • Creating DIY cabinet stencils
  • Creating masks for cabinet touchups
  • Creating masks for the creation of playfield plastics.


(Photos from Pinball Builders)


Stencil-1.png

Stencil-2.png

Stencil-3.png

Screenprinted

Later games moved to screened artwork, which eventually evolved to the present methods involving direct printing or cabinet overlays.

Early-screened-cab.jpg

Overlay / Decal

Finally, most companies today will do direct printing or overlays which are attached to the cabinet wood, and is the best choice for the garage builder as it can be produced by most sign shops or even on a home printer.

(Photo from pinballcab)

Overlay-cabinet.png

Playfield

The techniques for backglass and cabinet are similar if not exactly the same for playfields, except that the playfield artwork must take the positions of all the playfield devices into mind when designing. The best option is to import your playfield drawings into your graphics program and draw from that reference as the lowest layer.

It is important to note the difference between White and Transparent - if planning to print on a clear surface, or do direct printing, any area that is an insert, or a hole for a device, is clear, while artwork can be white. Many beginner artists are used to working with white paper as the base instead of a clear medium. All commercial quality drawing programs will allow for transparency.

Applying Overlay

If doing an overlay, applying it can be very nerve-wracking as careful positioning is critical.

(Photos from Pinball Builders)

Check the printed overlay for general fit before starting. There is no point in applying an overlay that is not the correct size, has flaws or mistakes in the artwork.

Apply-overlay-1.jpg

Position the overlay.

Apply-overlay-2.jpg

Once positioned, spray the surface of the playfield with some windex to allow re-positioning and movement of the overlay, and begin peeling the backing off and attaching the overlay. Move in 1" increments, using a small squeegee to remove any trapped air bubbles.

When finished, remove any protective coverings and check final fit for air bubbles. If they are small, they can pricked with a pin to release the air and squeegeed down.

Apply-overlay-3.jpg

Polycarbonate

If doing direct printing or an overlay, the artwork can be protected without having to resort to spraying a layer of clear paint over it and risking chemical reactions by having a .010/10mil polycarbonate sheet on top that corresponds to the shape of the playfield and various devices. It should provide a highly durable surface that maintains shine, and is easily replaceable in the future.

(Photo from Pinball Builders)

Polycarb.jpg

Use the playfield CAD drawing to create the cut template.

Animation

Doing animation on DMDs or LCDs requires animation tools.