Jump to content

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

 

Take responsibility for your own intelligence. ;) -Rick Brewster

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

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 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... ;)

Click to play:
j.pngs.pngd.pnga.pngp.png
Download: BoltBait's Plugin Pack | CodeLab | and how about a Computer Dominos Game

Link to post
Share on other sites
  • 2 weeks later...
  • 3 weeks later...

?????!!!!!! 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....

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

Click to play:
j.pngs.pngd.pnga.pngp.png
Download: BoltBait's Plugin Pack | CodeLab | and how about a Computer Dominos Game

Link to post
Share on other sites
  • 1 month later...

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...