[Tedd]

A lot of the times I have come across people not knowing how to do radial gradients, so this is the explanation.

In GDI, it isn't called radial gradient, it is a PATH GRADIENT <- REMEMBER THAT NAME!

1. Define a path with a circle
Now, first of all we need to declare us a new graphics path, like this:

Code

Dim path As New GraphicsPath()

and second, add a new ellipse to it (this is our RADIAL part)

Code

path.AddEllipse(0, 0, 140, 70)

2. Make a brush! (To fill our gradient)
First, we use the path to make our brush.

Code

Dim pthGrBrush As New PathGradientBrush(path)

3. Set your colors!
Now, we set the center color of the gradient

Code

pthGrBrush.CenterColor = Color.White

Now, we set the outside color (this can be as many colors as you want, however the gradient we want only consists of an inside and outside color, so we only make one)

Code

Dim colors As Color() = {Color.Red}
pthGrBrush.SurroundColors = colors

4. Draw the radial gradient!
Now, we use our graphics to fill the ellipse (radial gradient)

Code

e.Graphics.FillEllipse(pthGrBrush, 0, 0, 140, 70)

This will produce something like this:
[img]http://www.blackhax.com/iqa/xBxGpdbtTstRCcNtvbIi.png[/img]

Now, to make it fade out just set your inside color to something, and out outside color to Color.Transparent

Complete Code:

Code

I will not post this complete code because if you want to learn, reading through this will teach you how, if you just copy we will know you are just a noob, and will never be able to code, no hard feelings.

This is a leading example of why you should use MSDN, I found this in little under 5 minutes ( http://msdn.microsoft.com/en-us/library/...brush.aspx )

[Facebook Inc]

Good job Tedd, so proud of you! <3.

[Sapientia]

Nice job tedd, looks pretty cool 🙂

[Tedd]

Nice job tedd, looks pretty cool 🙂

Hey thanks man :)

Good job Tedd, so proud of you! <3.

Thanks really appreciate the comment :)

[6e756c6c]

I actually added radial gradient into 1.5.3 of the theme base! DrawRadial. :)

[Tedd]

I actually added radial gradient into 1.5.3 of the theme base! DrawRadial. :)

Awesome, been waiting on that haha kept having to write it myself :)

[Gh0st-Zer0]

That's actually a very good tutorial!
Also now that AeonHack Added this feature at ThemeBase 1.5.3 its getting better and better!

[SoulZeh]

Nice tutorial Tedd :) glad to see you making the effort again <3

[Penthos]

Nice one tedd, Awesome share and an even better tutorial +10 for not supplying full code, It's much better to teach :)

[Fuffu]

Erhm.. Dont hate me if i ask for something stupid now..!

Is it only possible to do like .red or .green, or is it possible to make a user difined color like in html (black) etc.?

[Tedd]

Erhm.. Dont hate me if i ask for something stupid now..!

Is it only possible to do like .red or .green, or is it possible to make a user difined color like in html (black) etc.?

You may do any of the following:

Code

Color.Red, Color.Blue 'and things like that

Color.FromARGB(255, 255, 255) 'This is RGB

Color.FromARGB(120, 0, 0, 0) 'This is black at 120 opacity

Color.FromARGB(120, Color.Red) 'This is Color.Red at 120 opacity

As far as an actual HTML color code goes, you would have to build a script to convert it to RGB.