Charles A Upsdell

Website Design

Portfolio: Creating Metallic Images

This describes 1 how to create metallic images, and offers information on 2 creating metallic-like images using gradient palettes.

See Also: a closely related page is Creating Metallic Text.

Note: metallics come in an infinite variety of alloys, which allows an infinite variety of metallic colours; for example, consider the following gradient gold images:

Alloy of gold
White
Gold
Alloy of gold
Antique
Gold
Alloy of gold
Modern
Gold
Alloy of gold
Gold
2019
Alloy of gold
Dark
Gold
Alloy of gold
Gold
Alloy of gold
True
Gold
Alloy of gold
Bright
Gold
Alloy of gold
Old Gold
2019
Alloy of gold
Old Gold

Note: older images were created using older, obsolete techniques, and therefore are considerably cruder and — if only time were available — should and would have been updated.

[go to portfolio’s main graphics page …]

Creating Metallic Images

My techniques for creating metallic images have evolved over time. Now I use a method of creating metallic images with masks; but at one time I had a method of creating metallic images without masks which worked well enough for many images, which is described below for gold, white gold, silver, bronze, and other images.

Note: this assumes the use of PaintShop Pro with 16M-colour images, though the palette size can be reduced after the desired image is created.

Both techniques make extensive use of gradient palettes, many of which are listed in Information About Creating Metallic-Like Images Using Gradient Palettes.

Creating Metallic Images With Masks

The procedure varies somewhat for PaintShop Pro 7 and PaintShop Pro 2019.

Note: the procedures make use of gradient fills, and creating the gradients is often easier when picking colour pairs in these images:

    Colour pairs

    Colour pairs

For example, setting the dark gradient colour to the top leftmost colour, and the light gradient colour to the colour immediately below, results in a gold (Au) gradient; note that some gradients come in several varieties, e.g. 4 varieties of gold.

  • Using PaintShop Pro 7

    To create a metallic-like image using masks:

    1. Create the image in black on white, for example:

      64x64px black on white gear

    2. Invert the colours in the image, for example:

      64x64px black on white gear

    3. Turn the inverted image into a mask, for example using Masks, New, From Image:

      64x64px black on white gear

    4. Create a rectangle of the same size as the mask with the desired gradient pattern, for example:

      64x64px black on white gear

    5. Paste the rectangle over the mask, then click Select None, for example:

      64x64px black on white gear

      Voila!

  • Using PaintShop Pro 2019

    To create a metallic-like image using masks:

    1. Create the image in black on white, for example:

      64x64px black on white gear

    2. Invert the colours in the image to create the mask, for example:

      64x64px black on white gear

    3. Create a rectangle of the same size as the mask with the desired gradient pattern, for example:

      64x64px black on white gear

    4. Create a mask layer from the mask using Layers, New Mask Layer, using the Source Luminance option:

      64x64px black on white gear

      Voila!

Note that the result need not be metallic: it can have any colours within the rectangle created in step 4 (PaintShop Pro 7) or step 3 (Paint​Shop Pro 2019), overlaid on the mask created earlier. For example, here are a mask of a knife, a rectangle with a camouflage pattern, the resulting image of a knife, and an image of the knife after a little editing to remove jaggies:

GWL 18 Utility Knife Mask
Camouflage Pattern
Resulting Knife
Resulting Knife

Creating Metallic Images Without Masks

Following are descriptions for creating metallic images of flags without masks, using an older, less flexible, more difficult technique. Other metallic images can be created by minor adjustments to the techniques.

Note: these assume the use of PaintShop Pro 7.

Creating Gold Images

This is how to create the gold images in flags using PaintShop Pro 7:

  1. Create the image in #ca3 on a white background, sized to fit within the 38×38px white square, e.g.:

    Step 2

  2. Create a new raster layer.

  3. Open one of the 5 gold palettes: e.g., if the width of the image is 32, you will need half that many colours, so you will need the 16–colour palette.

  4. Paste a subset of the chosen gold palette with a sufficient number of colours over the image, twice, mirror flipped on the right, then unflipped on the left:

    Step 5

  5. On the Layer Palette, choose the Lighten option:

    Step 6

  6. Merge the layers, paste the gold image into the flag, then reduce the number of colours (typically to 256), e.g.:

    Gardner Motors Flag

  7. Note that, before or after reducing the number of colours, it may be good to touch up the image, e.g. to produce smoother edges.

Creating White Gold images

This is how to create white gold images which could be used in flags using PaintShop Pro 7; note that, because white gold images comprise very pale cream colours, they show up very poorly on a white background, hence would look better on a dark background:

  1. Create the image in #ca3 on a white background, sized to fit within the 38×38px white square, e.g.:

    Step 2

  2. Create a new raster layer.

  3. Open one of the 5 white gold palettes: e.g., if the width of the image is 32, you will need half that many colours, so you will need the 16–colour palette.

  4. Paste a subset of the chosen white gold palette with a sufficient number of colours over the image, twice, mirror flipped on the right, then unflipped on the left:

    Step 5

  5. On the Layer Palette, choose the Lighten option:

    Step 6

  6. Merge the layers, paste the white gold image into the flag, then reduce the number of colours (typically to 256), e.g.:

    White Gold Gardner Motors Flag

  7. Note that, before or after reducing the number of colours, it may be good to touch up the image, e.g. to produce smoother edges.

Creating Silver images

This is how to create silver images which could be used in flags using PaintShop Pro 7:

  1. Create the image in #ca3 on a white background, sized to fit within the 38×38px white square, then convert to greyscale, e.g.:

    Step 2

  2. Create a new raster layer.

  3. Open one of the 5 silver palettes: e.g., if the width of the image is 32, you will need half that many colours, so you will need the 16–colour palette..

  4. Paste a subset of the chosen silver palette with a sufficient number of colours over the image, twice, mirror flipped on the right, then unflipped on the left:

    Step 5

  5. On the Layer Palette, choose the Lighten option:

    Step 6

  6. Merge the layers, paste the silver image into the flag, then reduce the number of colours (typically to 256), e.g.:

    Silver Gardner Motors Flag

  7. Note that, before or after reducing the number of colours, it may be good to touch up the image, e.g. to produce smoother edges.

Creating Bronze images

This is how to create bronze images which could be used in flags using PaintShop Pro 7:

  1. Create the image in #ca3 on a white background, sized to fit within the 38×38px white square, e.g.:

    Step 2

  2. Select the non-white part of the image, then do Colors, Adjust Brightness, -40.

    Step 3

  3. Create a new raster layer.

  4. Open one of the 5 bronze palettes: e.g., if the width of the image is 32, you will need half that many colours, so you will need the 16–colour palette..

  5. Paste a subset of the chosen bronze palette with a sufficient number of colours over the image, twice, mirror flipped on the right, then unflipped on the left:

    Step 6

  6. On the Layer Palette, choose the Lighten option:

    Step 7

  7. Merge the layers, paste the bronze image into the flag, then reduce the number of colours (typically to 256), e.g.:

    Bronze Gardner Motors Flag

  8. Note that, before or after reducing the number of colours, it may be good to touch up the image, e.g. to produce smoother edges.

Creating Copper images

This is how to create copper images which could be used in flags using PaintShop Pro 7:

  1. Create the image in #ca3 on a white background, sized to fit within the 38×38px white square, e.g.:

    Step 2

  2. Create a new raster layer.

  3. Open one of the 4 copper palettes: e.g., if the width of the image is 32, you will need half that many colours, so you will need the 16–colour palette..

  4. Paste a subset of the chosen copper palette with a sufficient number of colours over the image, twice, mirror flipped on the right, then unflipped on the left:

    Step 6

  5. On the Layer Palette, choose the Overlay option:

    Step 7

  6. Merge the layers, paste the copper image into the flag, then reduce the number of colours (typically to 256), e.g.:

    Copper Gardner Motors Flag

  7. Note that, before or after reducing the number of colours, it may be good to touch up the image, e.g. to produce smoother edges.

Creating Metallic-Like Images Using Gradient Palettes

Gradient palettes can be used to produce colours with metallic-like sheens, which often look richer or more vibrant, for example these metallic and non-metallic palettes:

Metallic Palettes 

Gold

White Gold
True Gold Gold Gold2019 Peach Royal Topaz Bright Gold
Old Gold Old Gold2019 Antique Gold Modern Gold

Silver/Grey Metals

Platinum Cobalt Bright Silver Silver
Pewter Bright Pewter Bluish Pewter Blue Pewter
Graphite Charcoal

Bronze

Bronze Bronze2019

Copper

Copper Copper2019

Brass

Brass Antique Brass

Non-Metallic Palettes 

Red

Crimson Red Medium Crimson Red Dark Crimson Red Blood Red

Orange

Peach Orange Medium Orange Dark Orange Burnt Orange

Yellow

Pale Ivory Ivory Antique Ivory Topaz Royal Topaz Amber

Green

Mint Green Olive Green

Teal

Teal Green Teal Dull Teal Blue Teal

Blue

Electric Blue Sky Blue Steel Blue Cobalt Blue Royal Blue Midnight Blue

Indigo

Indigo Indigo2019

Violet

Amythest Light Amythest Dark Amythest
Light Royal Amythest Medium Royal Amythest Dark Royal Amythest

Purple

Light Purple Purple Dark Purple

Note: the palettes may be modified from time to time to make them truer or more flexible, and so no longer match images in which older versions of the palettes were used.

Note: all these graphics are protected by copyright law. They may not be used without permission. See Legal Notices.