You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: VisualPinball.Unity/Documentation~/creators-guide/tutorials/realistic-backglass/1-prepare-artwork.md
+12-8Lines changed: 12 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -6,18 +6,22 @@ description: How to edit art in Photoshop
6
6
7
7
# Finding Artwork
8
8
9
-
Perhaps the most challenging aspect to making a working backglass is finding good artwork. The best possible art is a direct scan of the backglass but that is not always possible. There are backglass images that can be found online but it takes a fair amount of time to clean these up and remove any artifact from them. Another possibility is to get artwork online and use that as a basis for a total redraw.
9
+
Perhaps the most challenging aspect to making a working backglass is finding good artwork. The best possible art is a direct scan of the backglass but that is not always possible. There are backglass images that can be found online but it takes a fair amount of time to clean these up and remove any artifact from them. Another possibility is to get artwork online and use that as a basis for a total redraw.
10
10
11
-
# Editing the Colored Layer
11
+
# Create the Color Map
12
12
13
-
Once you have your artwork secured save this as a png file with the name of your choice. Make sure that the areas for the score reels and credit reel set as transparent. Be sure to size the backglass image to the size of the original backlgass, in the case of Grand Tour this is 21" x 22".
13
+
Once you have your artwork secured save this as a PNG file. We'll name it `albedo.png` since it'll become our diffuse, or color map. Make sure that the areas for the score reels and credit reel set as transparent. Also be sure to size the backglass image to the size of the original backglass, in the case of Volley this is 19 ¾" x 22".
14
14
15
-

15
+

16
16
17
-
# Editing the Thickness Mask layer
17
+
# Create the Thickness Mask
18
18
19
-
To block the passage of light through the backglass we need to make a thickness map layer. This layer consists of pure white (255,255,255) for the areas that are opaque and pure black (0,0,0) for the areas that are transparent. If you have a scan of the backglass this is easy to set up. If you don't have a scan then you'll have to find a font that matches the original and layout all of the mask artwork. One way to find fonts is to use an online "what's my font" service. Another option is to hand draw the lettering since all of this artwork was hand drawn to begin with. Once you are done, save this as a png as well
To block the passage of light through the backglass we need to make a thickness map layer. This layer consists of pure white `(255,255,255)` for the areas that are opaque and pure black `(0,0,0)` for the areas that are transparent. If you have physical access to the backglass then you can scan the backside to get this mask. Otherwise, you'll have to trace what's visible on the front, and try to reconstruct elements that aren't.
22
22
23
-
You're now ready to [create a backglass mesh](xref:tutorial_backglass_2).
23
+
Elements that aren't visible are often scores that aren't part of the actual artwork. In this case, your best bet is to find a similar font to the original art and eyeball where it goes. A helpful site is [WhatTheFont](https://www.myfonts.com/WhatTheFont/), which helps you identify the font in an image.
24
+
25
+

26
+
27
+
Save this as a grayscale PNG file without transparency named `thickness.png`. You're now ready to [create a backglass mesh](xref:tutorial_backglass_2).
0 commit comments