PDN Fanatics

Paint.Net Fan Site Images, discussion, comments, and more
Home Page Play games in the arcade Home Page Home Page Home Page
  Register
Login 
View unanswered posts View active topics

Delete all board cookies

All times are UTC



Welcome
Welcome to <strong>PDN Fanatics</strong>.

You are currently viewing our boards as a guest, which gives you limited access to view most discussions and access our other features. By joining our free community, you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content, and access many other special features. Registration is fast, simple, and absolutely free, so please, <a href="/profile.php?mode=register">join our community today</a>!


Home Page Home Page  [ 17 posts ]  Go to page
1, 2
 >> Next 
  Print view
Previous topic | Next topic 
Author Message
Offline 
 Post subject: Glassy marbles
PostPosted: Wed Aug 15, 2007 6:27 pm 
User avatar
Site Admin
Site Admin

Joined: Mon Jun 25, 2007 4:27 pm
Posts: 582
Okay. In this tutorial, I'm going to show you how to make the marble in this picture:

Image

To do this tutorial exactly, you'll need the Zoom Blur Deluxe plugin, but it's not strictly necessary. You will also need Shape-3D, which *is* necessary (it's what makes this tutorial fairly simple to repeat). All of the other steps can be accomplished usin the built-in tools and effects in Paint.Net version 3.08 or higher.

Start with a new image, preferably square. I used an 800x800px canvas for this tutorial.

Create a new layer, and add some texture for the interior of the marble. I used clouds, but you could use pretty much any texture you like:

Image

This next step is optional, but it's nice to do if you want a little more realistic-looking marble. Use Zoom Blur Deluxe (or Sine Wave, or Dents...get creative here) to change the texture to suit your taste:

Image

Now it's time for Shape-3D. Use the half-sphere map, and leave the rest at default (except for Anti-Aliasing...AA, as it's called...set that somewhere between 2 and 5):

Image

We now have the beginning of our marble. Lighting is what makes things look glassy, so first, we're going to make what looks like an inner highlight.

Select the four transparent areas at the corners of the images and then invert the selection. That should leave you with just the marble selected:

Image

Create a new layer above the marble texture, and get your colors set for a radial fill. Primary color should be white, and secondary color should be fully transparent (I usually use black, but it doesn't matter). Start your radial gradient in the center of the shadowed area of the marble texture, and end it on the opposite side of the marble a bit closer to the amrble's center:

Image

We don't want the gradient to go all the way to the marble's edge, so use the "move selection" tool (and hold down the "shift" key) to drag the bottom-right selection nub up and to the left...basically shrinking the selection towards the upper-left corner of the canvas:

Image

Invert the selection and press delete to get something like this:

Image

Now, we need to soften this inner highlight a bit. Use the Gaussian Blur tool:

Image

Next, we'll add a new layer above the inner highlight to create a shiny spot at the top-right portion of the marble (hint: if you use the right mouse button, you can rotate a selected area instead of resizing it by dragging the corner nubs):

Image

Fill this area with solid white, then clear the selection ([CTRL]+[D]) and apply a gaussian blur and glow a couple of times to finish the shiny spot:

Image

Now we need to add another highlight at the top of the marble on a new layer. This is going to be in an oval-shaped area centered on the marble's vertical axis and stretching from the top to about 2/3 of the way to the bottom. We are going to fill it with a vertical gradient (again, white fading to transparent) from bottom to top:

Image

Feel free to use gaussian blur at a low setting (or feather) to soften the edges a bit.

This highlight may be a bit harsh, so adjust the layer's opacity settings until it's a fairly subdued highlight:

Image

If your texture was fairly dark, you may not need this next step, but if you have a lighter-colored texture, you'll need to add a bit of shading to get the small highlight to show up and make the marble look good. Set your colors to black and white, and create a new layer above the texture layer (the blue and white layer in this tutorial).

Select the marble's circular texture area (you can go back to the layer with the texture, select the corners, invert the selection and come back to this new layer you just created above it).

Use the linear gradient tool and make your gradient go from the top-left edge to the bottom-right edge:

Image

Change this gradient's mode to "Multiply", and adjust the opacity until it looks good:

Image

After saving, flattening, resizing, adding a background and a shadow, you should be able to get something like this:

Image

Hope you find this useful, and please share your creations with us all.


Image
"Murphy was an optimist"
--O'Toole's commentary on Murphy's Law


Last edited by drakaan on Wed Aug 15, 2007 11:00 pm, edited 1 time in total.

Top
 Profile  
 
Offline 
 Post subject:
PostPosted: Wed Aug 15, 2007 9:51 pm 
User avatar
Site Admin
Site Admin

Joined: Tue Jun 26, 2007 3:07 am
Posts: 567
Location: WI, USA, World, Solar System
Very nicely done! :D I'll post mine later (I'm on my grandma's computer right now)




Top
 Profile  
 
Offline 
 Post subject:
PostPosted: Wed Aug 15, 2007 11:10 pm 
User avatar
Site Admin
Site Admin

Joined: Mon Jun 25, 2007 4:27 pm
Posts: 582
Ben_R_R wrote:
Very nicely done! :D I'll post mine later (I'm on my grandma's computer right now)


Thank you very much...I strive for quality if I'm going to take the time to do a tutorial (and had to fix a picture just now...had the same image in there twice).

Can't wait to see some marbles!


Image
"Murphy was an optimist"
--O'Toole's commentary on Murphy's Law


Top
 Profile  
 
Offline 
 Post subject:
PostPosted: Thu Aug 16, 2007 4:55 am 
User avatar
Site Admin
Site Admin

Joined: Tue Jun 26, 2007 3:07 am
Posts: 567
Location: WI, USA, World, Solar System
Done :D
Image

Yours is better.




Top
 Profile  
 
Offline 
 Post subject:
PostPosted: Thu Aug 16, 2007 1:38 pm 
User avatar
Site Admin
Site Admin

Joined: Mon Jun 25, 2007 4:27 pm
Posts: 582
Ben_R_R wrote:
Done :D
Image

Yours is better.


If you still have the .pdn file for yours, try lowering the opacity on the big oval top highlight and the inner highlight some more and doing a slight gaussian blur on the top oval highlight.

Also, make the top oval highlight extend farther down (it's less than half the height of the marble) and make it a bit wider. Then it'll look as good as mine :)


Image
"Murphy was an optimist"
--O'Toole's commentary on Murphy's Law


Top
 Profile  
 
Offline 
 Post subject:
PostPosted: Tue Sep 04, 2007 5:58 am 
User avatar
Site Admin
Site Admin

Joined: Tue Jun 26, 2007 3:07 am
Posts: 567
Location: WI, USA, World, Solar System
Why hasn't this been sticky'd yet!? :? Wait... Problem solved :P




Top
 Profile  
 
Offline 
 Post subject:
PostPosted: Tue Sep 04, 2007 4:08 pm 
User avatar
Site Admin
Site Admin

Joined: Mon Jun 25, 2007 4:27 pm
Posts: 582
Ben_R_R wrote:
Why hasn't this been sticky'd yet!? :? Wait... Problem solved :P


I don't sticky my own stuff...that'd just be rude :)


Image
"Murphy was an optimist"
--O'Toole's commentary on Murphy's Law


Top
 Profile  
 
Offline 
 Post subject:
PostPosted: Thu Oct 04, 2007 5:54 pm 
User avatar
Utter n00b

Joined: Wed Oct 03, 2007 4:31 pm
Posts: 18
Wow thanks for the tutorial.And can the same effect be done with smoke?Oh and here is my first attempt at it so dont be too harsh please. :D

Image


Top
 Profile  
 
Offline 
 Post subject:
PostPosted: Thu Feb 21, 2008 7:39 am 
User avatar
Utter n00b

Joined: Thu Feb 21, 2008 6:55 am
Posts: 3
Thank you for sharing your tutorial. It's excellent. Here's my first attempt at a marble.

Image


Top
 Profile  
 
Offline 
 Post subject:
PostPosted: Thu Feb 21, 2008 6:46 pm 
User avatar
Grasshopper

Joined: Mon Jan 07, 2008 6:05 pm
Posts: 44
Nice work hubdog. That's tite. I really like the background. Is that a pdn creation?

Here's my attempt. I think I should have used darker colors.

Image


Image
Never memorize anything you can look up.
- Albert Einstein


Top
 Profile  
 
Offline 
 Post subject:
PostPosted: Thu Feb 21, 2008 8:07 pm 
User avatar
Utter n00b

Joined: Thu Feb 21, 2008 6:55 am
Posts: 3
@RenRob

Thanks. Your's is great too. I really like what you did with your avatar. Yes, I did the background in PDN. It started out as a diagonal gradient like yours, then I added a new layer and used the random lines render plugin to draw a bunch of curved lines. Next, I used the glass blocks distort plugin to create the cool effect. Lastly, I merged the layers.

I'm a total noob to pdn, so I'm really just trying every tutorial and plugin I can find to get familiar with it. This one turned out pretty good, but I want to figure out to do orb like the red one in the forum title, and 3D buttons and graphics like Vista has.


Top
 Profile  
 
Offline 
 Post subject:
PostPosted: Thu Feb 21, 2008 10:49 pm 
User avatar
Old Master
Old Master

Joined: Wed Jul 25, 2007 4:49 am
Posts: 685
Highscores: 4
Your orb looks quite 3d already.


Image
All creations Ash + Paint.NET [ Googlepage | deviantArt | Club PDN | PDN Fan ]


Top
 Profile  
 
Offline 
 Post subject:
PostPosted: Fri Feb 22, 2008 12:26 am 
User avatar
Grasshopper

Joined: Mon Jan 07, 2008 6:05 pm
Posts: 44
Image

This is as close as I got on the pdn orb. I made a circular selection and filled it with a black to red radial gradient. Then added highlighting at the top similar to this tutorial (just reversed the gradient). The background isn't quite right. I used the light rays add-in with bright red foreground and added zoom and gradient blurs. That should get you close.


Image
Never memorize anything you can look up.
- Albert Einstein


Top
 Profile  
 
Offline 
 Post subject:
PostPosted: Fri Feb 22, 2008 8:02 pm 
User avatar
Utter n00b

Joined: Thu Feb 21, 2008 6:55 am
Posts: 3
@RenRob

Thanks, that's pretty close. Seems pretty simple. I'll give it a try.


Top
 Profile  
 
Offline 
 Post subject:
PostPosted: Fri Jul 25, 2008 6:07 am 
Utter n00b

Joined: Thu Jul 24, 2008 9:42 am
Posts: 3
I did this a while back and I think it looks pretty cool although I might try adding some light effects to it :D

Image


Top
 Profile  
 
Search for:
Display posts from previous:  Sort by  
Home Page Home Page  [ 17 posts ]  Go to page
1, 2
 >> Next 

All times are UTC


Who is online

Users browsing this forum: No registered users and 0 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum
Jump to:  
cron