Tutorial: LiteBrite effect

forums_noreply@adobe.com — Tue, 17 Jan 2012 07:17:54 GMT

A little while ago, someone asked about creating a LiteBrite effect with PSE and the reply was to use another program. Well, I've found a way to do it with PSE.

Here's the effect:

To do this in PSE, you'll need to install the KillWhite plugin (http://mikes3d.com/extra/scripting-plugins/killwhite/). Then, there are two stages to creating the effect:

Create a saved pattern of transparent holes in a black background.
Apply that pattern to an image and use layer effects.

Let's get started!

Creating the patterns

Create a 40px by 40px image with a black background.
In the Layers Palette, double-click the background layer to convert it to a regular layer.
Set the Grid (Edit...Preferences... Guides & Grid) to Gridline every 20 pixels and 4 subdivisions.
Show the Grid.
Set your Foreground colour to white.
Select the Brush tool, using a "Hard Round 19 pixels" brush, and change its diameter to 30 pixels.
Using the grid lines, click the Brush tool in the exact center of the image.
Use the KillWhite plug-in to remove the white areas to transparency:
Use Edit...Define Pattern to save the image, naming it "Holes Grid 30 px".
Repeat steps 1-9, using a 20px by 20px image and a 15px Brush size, naming it "Holes Grid 15 px".
Use Edit...Preset Manager...Preset Type (Patterns) to save the set containing these patterns.

Creating the Effect

Open or create a simple image using a black background.
Colour the image as you wish; the fewer colours, the better.
If your image has more than one layer, merge them:
Create a new layer.
With that new layer selected, use the Paint Bucket tool to fill it with one of your patterns:
With the grid pattern layer still selected, use the Paint Bucket tool to fill in the partially coloured circles with the appropriate colour(s):
Then repeat, using black to fill in the appropriate circles. (Don't worry about the faint remaining circular lines, we'll take care of that next.)
Use "Flatten Image" to merge the layers.
Use Filter...Adjustments...Posterize with a setting of "4" to clean up those faint lines:

You can stop there, or

For some more fun

Use the Magic Wand to select the black area, invert the selection, and use Ctrl+J to copy the coloured circles onto their own layer.
Add a layer style to the circles layer.

Simple Inner Bevel:

Low Inner Shadow:

Both the Inner Shadow and Bevel:

And on and on and on...

Enjoy!

Ken

Adobe Community: Message List - Tutorial: LiteBrite effect

Tutorial: LiteBrite effect