Glossy Avatar/Button

[comagoosie]

4- With the lasso select tool select half of the outline.

In the picture it looks as if exactly half has been selected, as in he didn't have to manually go down the halfway mark.

My question is did he use a technique or does he just have a steady hand?

[Theon|804]

Jester- That's my problem. I can't find a way to save just the logo as a file. I went to google for a relicnews logo pic, and they all have backgrounds. I have no way to save just the 'r' and the text.

Comagoosie- I noticed that too. :? I pressed Shift or Ctl while using the lasso to draw that straight of a line, but neither worked. =p

EDIT: *w00t*! =D I asked a guy on another site (RelicNews, the one I found out about Paint.NET on), and he said use the Magic Wand tool. =D It worked wonders. Now I got an awesome avatar.

[jake2k]

4- With the lasso select tool select half of the outline.

In the picture it looks as if exactly half has been selected, as in he didn't have to manually go down the halfway mark.

My question is did he use a technique or does he just have a steady hand?

Start on the outside corner of the outline and go around to the opposite corner, the line down the middle will show up automatically with the lasso tool

[comagoosie]

Start on the outside corner of the outline and go around to the opposite corner, the line down the middle will show up automatically with the lasso tool

ROFL, I can't believe it, I was wondering why I could do it the first time but not the next. I guess I wasn't using my head

Thanks a million for jumpstarting my brain.

Now I am sure I look real cool 8)

[Theon|804]

Oh. XD That's how he did it. Awesome.

I have another question, Sir Jake of Awesome. If you look at my avatar, you'll notice that there are tiny white corners outside each rounded corner of the square. How do I go about making those invisible? I want to use the same technique to modify a signature I made similar to jester's. See how the FireFox logo extends past the top and bottom edges of the box it's above? How did he do that without having big white borders outside the box?

[iKid]

I know I'm not

Sir Jake of Awesome

But viewtopic.php?f=15&t=3172

Theres a Tut on it.

[Theon|804]

XD Hey, thanks much, Sir iKid the Fantastic. I'll be using that technique to its full ability now.

[Scyphrex]

Good tut.. I played around with it a little so mine didnt turn out as well.

[pablo.]

Here's mine:

Cool tut, by the way :]

[yugular]

Thanks for nice tutorial. Looks good and I already tried it. I couldn't figure out how to do the step3 properly, propably because I started using paint.net this week and never done any graphics before and my english is not fluent. So I am kindly asking more specific instructions if its possible. :oops:

1. What is the best way to do the inner outline in step3? ( Is it the white line right next to the black outline?)

2. Also question about step5. Am I right if I say it sort of "removes" part of the white inner outline made in step3?

I will try this on Sunday or Monday and post the result.

[Taco_Mainiac]

Wow this is easy even for me (look at my posts to see how long i've used this...). i'ma go do this now...

[Ocho]

<<<

[St.Jim]

Excellent tutorial! It is well written and easy to follow (Like all your other tutorials )

Here is my try at it:

New! Forget the Windows orb, think Windows square!

[asian_skillz]

Omigoshi, this is a nice tut!!!! I'm gonna use this for my avatar. Thanx!

[Mobst3r]

how do u round the square off?

[Goonfella]

You use the rounded rectangle tool when you first draw it out.

[StZyPaint]

Well here's my try, it doesnt look as good but here it is

(Mouflon is a private server for wc3)

[Ouchy_S]

Thanks for this tutorial! It is awesome!

[JonathanWiki]

It really reminds me of buttons on iPhones/iPod touches. Nice work!

[christiansteele]

MY avatar is the affect from this tut. Great Tutorial! Thanks a bunch. I'm slowly going to start trying to make my own things! ^.^

[HauntingOfTheWicked]

yes ! this an amazing tutorial i used it to make an avatar for a friend

also i did one with a reflection

[sonicwind]

This is really nice. As a nearly-complete newb, I can see how some people find some of the steps hard to follow. For those, I suggest taking plenty of time to look up in the Help starting with the first thing they have trouble following and play with it a bit to get familiar with the terms and Paint.Net features. It just goes with the territory, drawing/painting is like learning a whole new language, and you have to get the basics down before you can even follow intermediate instructions.

Secondly, how would I go about making an "inverted" version of this, the purpose being to create a web button that looks like it is indented, actually pushing down on the button? $20 bucks for a good Paint.Net tutorial that does that?

Also, your button looks a little 3D, like it's got a depth of a couple millimeters, how would one go about making it look a little deeper/taller?

[majicman12]

How do you guys make awesome logos and how do you get it to look like St.Jim's, where it reflects off the bottom?

St.Jim's is a few up on the bottom of the 2nd page.

Edited January 15, 2011 by majicman12

[Tarat]

flatten everything

select the button

copy(Ctrl+C)

paste onto new layer

flip vertical(under the layers tab)

select the object(Ctrl+A) and move it lower than the first button using the "Move selected pixels" tool

Select the "gradient" tool and switch it from "Color mode" to "Transparency mode" This is beside where you choose the gradient shape. Color looks like a color wheel, whereas Transparency looks kinda like a blank canvas.

Make your gradient so that part of the reflection has disappeared and Viola! You could also add a bit of ripple to make it look like water.

[majicman12]

Thanks and how do you make awesome lookn logos? like when people show their finished work I wanna know how they made thier logo