Jump to content

LiteBrite(TM) Effect


barkbark00

Recommended Posts

This tutorial is available as a PDF. Click here to view or download it

This is something I thought of while messing with the Grid Maker Plugin which is needed for this tutorial.

Step 1:

Find a simple image with a solid background. I used this.

1

Step 2:

Open image in PdN. I expanded my canvas size to 800x600 to allow for a better quality final result.

Step 3:

2

Go to Layers>Rotate / Zoom and zoom in on image until it fills about 75% of your canvas. At this point we are just trying to make the image big enough to fill most of our canvas. Image quality does not matter, considering we will be using the pixelate effect in the next step.

Step 4:

3

Pixelate to desired size of LiteBrite pegs. I used cell size=15. This is the recommended size if you are using dimensions that are the same as what I have listed so far.

4

Step 5:

5

We want background to be black or another dark color. So we will use the Paint Bucket tool (I used a tolerance level of 50%) and fill your image's background with black.

Step 6:

Create a new layer.

Step 7:

Make sure your Primary color is set to black and you secondary color to transparent. Now, use the Grid Maker effect on the newly created layer. I used the following settings (make sure your grid size matched the pixelation size).

*NOTE: Brush Width should be set to "3"*

6

Step 8:

7

Gaussian Blur Grid layer.

Radius: 5px

8

Step 9:

Duplicate Grid Layer, Then use the "Merge Layer Down"* to combine the two Grid layers. This should make the blurred lines of the grid darker.

9

 

 

Step 10:

3

Use the "Sharpen" effect on Grid layer a total of 3 times.

#1 Amount: 20

#2 Amount: 20

#3 Amount: 20

Step 11:

Using the Magic Wand tool (Tolerance: 0%), hold Ctrl+Shift and select the center of one of the grid cells. Now we have an active selection in the center of all the grid cells.

Step 12:

Switch to the layer with your image (mine is the apple) on it and copy(Ctrl+C) using the above selection.

Step 13:

Create new layer and change the blending mode to "Additive". Then paste(Ctrl+V) what you just copied from the main image(apple) layer onto this new layer.

Step 14:

Gaussian Blur new layer.

Radius: 3px

That's the basic idea. A little more tuning may give you something like this...

My Work:

10

LiteBrite after following advanced steps and other modifications (I don't really remember it all). I also added a stupid little border.

 

Take responsibility for your own intelligence. 😉 -Rick Brewster

Link to comment
Share on other sites

P.S. in a tutorial where you mention a plugin, it helps to provide a link to the plugin so people can find it easily :)

Only plugin used is the grid maker and that is linked at the top.

 

Take responsibility for your own intelligence. 😉 -Rick Brewster

Link to comment
Share on other sites

Here are a few advanced finishing steps to give the pegs a glassy look.

AppleRedux.png~original

Step 1:

Duplicate top layer 3 times.

Step 2:

Emboss the very top layer @ 45 degrees. Then change the blending mode to "Difference".

Step 3:

Move embossed layer down 2px and to the left 2px.

Step 4:

Go back down to the grid layer. Use the Magic Wand selection tool (tolerance set to "0") and select the center of one of the cells. Invert this selection and go back to the embossed layer and hit the Delete key. Now, Gaussian Blur 6px.

Step 6:

Adjust the brightness and contrast.

Brightness: -32

Contrast: 72

Edited by toe_head2001
Fixed broken Photobucket images

 

Take responsibility for your own intelligence. 😉 -Rick Brewster

Link to comment
Share on other sites

  • 3 weeks later...
Step 2:

Emboss the very top layer @ 45 degrees. Then change the blending mode to "Difference".

You must know something I don't, because when I do that it messes the picture up.

Link to comment
Share on other sites

Step 2:

Emboss the very top layer @ 45 degrees. Then change the blending mode to "Difference".

You must know something I don't, because when I do that it messes the picture up.

It is going to look a little weird until you do the rest of the steps. I did however miss a step. I will update the the advanced steps.

 

Take responsibility for your own intelligence. 😉 -Rick Brewster

Link to comment
Share on other sites

Step 2:

Emboss the very top layer @ 45 degrees. Then change the blending mode to "Difference".

You must know something I don't, because when I do that it messes the picture up.

It is going to look a little weird until you do the rest of the steps.

That's where screenshots really help... ;)

Link to comment
Share on other sites

  • 2 weeks later...

something i created

i found it easier to use the image you supplied of an apple, so i could compare it :)

like i expected yours is much better :D

Found out what was wrong, re-doing it

2nd Version (the corrected one)

LiteBrite1.gif

Link to comment
Share on other sites

I've tried downloading the grid plugin but it keeps opening up in photoshop instead of paint.net. Isn't it supposed to open up in paint.net??

Thanks,

Star* :D

Link to comment
Share on other sites

  • 3 weeks later...

Hi, I did just that and saved in that place. Now when I download it into that file-do I need to click on it or would it be all ready for use in paint.net? Because when I click on it then it opens up paint shop.

Thanks,

April

Link to comment
Share on other sites

I've tried downloading the grid plugin but it keeps opening up in photoshop instead of paint.net. Isn't it supposed to open up in paint.net??

Thanks,

Star* :D

Try following the instructions here:

http://paintdotnet.12.forumer.com/viewt ... c&start=26

Link to comment
Share on other sites

  • 1 month later...
Is it just me...Or do the spaces in that heart seem to sparkle faintly a bit?

Just an optical illusion. :wink:

BK_BloodSaw_sig.png

- DO NOT contact me asking for the .pdn of my avatar or the PDN logo. Thank you. Have a nice day.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...