Sign in to follow this  
barkbark00

LiteBrite(TM) Effect

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.

apple.jpg~original

Step 2:

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

Step 3:

th_applestep3.png

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:

th_applestep4.png

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.

Pixelate.png~original

Step 5:

th_applestep5.png

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"*

gridmaker-1.png~original

Step 8:

th_applestep8.png

Gaussian Blur Grid layer.

Radius: 5px

blur5.png~original

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.

DuplicateLayer.png~original

MergeLayerDown-1.png~original

 

Step 10:

th_applestep10.png

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:

LiteBriteApplefin2.png~original

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

Edited by Ego Eram Reputo
Fixed broken Photobucket images. Added PDF link

Share this post


Link to post
Share on other sites

Nice!

If you had a few more screenshots of the canvas between step 9 and 14 I would sticky this one.

(people need to know they're on the right track)

Share this post


Link to post
Share on other sites

that is such a cool effect. you are the man by the way because that has helped me figure out something else i was wanting to do. thank you so much.

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

Wow, awesome! I especially like the glassy part most of all. What I did:

th_Rose.png

Umm, it was meant to be a rose -_- But I guess I pixelized it too large? Ah, oh well. :P

Share this post


Link to post
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.

Share this post


Link to post
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... ;)

Share this post


Link to post
Share on other sites

?????!!!!!! Wat do u mean? Are u trying to open it (the plug-in) or put it into a file???? (If u are trying to open it, that's not wat u do. U goto My Computers>C: (Local Disk)>Program Files>Paint.Net>Effects> and put the .dll file in there....

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

U don't click it. The plug-in should be in Paint.Net. If u open up paint.net, and go to effects, it should be there.... screenhunter4bn8.gif

P.S. Don't try looking for it in my menu. I don't have it installed.

Share this post


Link to post
Share on other sites

this is pretty cool...

I made this on Valentine's day for my gf, but the glassy look didn't come out as clear as the apple

heart%20litebrite.jpg

Share this post


Link to post
Share on other sites

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

Nice btw better then what I did.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this