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  [ 1 post ] 
  Print view
Previous topic | Next topic 
Author Message
Offline 
 Post subject: HSAT - Helio-Style Avatar Tutorial (Legacy tut)
PostPosted: Tue Jun 09, 2009 8:01 pm 
User avatar
Site Admin
Site Admin

Joined: Mon Jun 25, 2007 4:27 pm
Posts: 582
(Originally posted Thu Jun 14, 2007 8:19 pm on the official forums...you can find it [url="http://paintdotnet.forumer.com/viewtopic.php?f=15&t=5244]here[/url])

----------------------------------------------------------------------------------

I've been meaning to put this online for a week or so, hopefully it's useful to someone or provides them with some insight.

Helio's avatar just has a really nice look to it, so I thought for a while about how he must have done it and tried to come up with the recipe.

This probably differs slightly from his method, but it's what worked best for me in trying to reproduce it (I'm sure he'll chime in if I get something wrong).

Anyway, we're going to be creating an image like this:

Image

You will need the [url="http://jcljay.free.fr/pdn/GridMaker.zip"]Gridmaker plugin[/url] effect to complete this tutorial.

We start by creating a new image in PDN with dimensions of 200x200px

Pick a primary and secondary color (I recommend using black as the primary and a well-saturated color for the secondary...this is a matter of personal preference, so let your taste guide you), and use the Gridmaker (Effects -&gt; Render -&gt; Grid/Checkerboard Maker) plugin to create a checkerboard pattern on the background layer.
Image


Next, blur the background layer a bit with gaussian blur (Effects -> Blurs -> Gaussian Blur)
Image

Create a new empty layer, and use the circle selection tool to create a circular selection slightly smaller than the background (I kept one square of padding on all four sides)
Image

Change your secondary color to fully transparent, and fill the circle with a linear gradient from top to bottom (black on top fading to transparent at the bottom), then radial blur at about 10 to smooth things out around the edges
Image

Invert the selection (you can use [CRTL] + [I] for that) so that the area *outside* the circle is now selected. Swap your primary and secondary colors (make transparent the primary and black the secondary), and change the fill type to radial gradient (the circular one). Start at the center of the image and adjust things until you get the effect you want
Image


Next, we'll add the glossy highlights around the circle. Create another new layer (leave the outside of the circle selected),change your primary color to white, and draw some lines around the corners of the circle.
Image

Radial blur at 40-50 (or whatever looks best to you) to get your highlights
Image

Now we'll give the circle its &quot;glassy&quot; look. Make a new layer and invert the selection again (should be back to the inside of the circle). Resize the circle until it starts at the top of the original one, comes down about 2/3rds of the way to the bottom, and about 2/3 of the way out to either side. Change the gradient type to linear, and make your primary color white and your secondary color transparent. Then, fill from the top of your new selection area to the bottom
Image

One more highlight to finish this layer off. Make the selection area a bit smaller, and do the same gradient fill again
Image

Okay. Now we have a reasonably good looking place to put our name. Let's make some glowing text and put it where it belongs.


Create a new layer, set your primary color to black, and pick a font. I used 28pt &quot;Space Age&quot; from [url="http://www.dafont.com"]http://www.dafont.com[/url].
Center the text and duplicate the text layer.
Image

Hide the upper text layer, and work on the lower one. From the adjustments menu, click on &quot;Invert Colors&quot; (this should give you your text in white). From the Effects Menu, apply &quot;glow&quot; with the default settings, then duplicate this glowing text layer
Image


Unhide the top (black) text layer
Image

Almost done...we need to put the shine on *top* of the text, so move the layer with the glossy highlights to be the topmost layer
Image

The edges of the shine look a bit ragged, but we made the image oversized on purpose. From the Image menu, click on &quot;resize&quot; and change the dimensions to 100x100px
Image

There you have it. A few simple effects combined in a particular way can give you a good result. As always, these are just guidelines, and you may come up with some interesting new ideas based on this one. Show us what you can do!


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


Top
 Profile  
 
Search for:
Display posts from previous:  Sort by  
Home Page Home Page  [ 1 post ] 

All times are UTC


Who is online

Users browsing this forum: No registered users and 1 guest


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: