
button examples








3 simple must-read rules
Credit the button(s) I make you with a link back to Buttoness.
Only the first 10 requests will be accepted, meaning there can be no more than 10 people on the waiting list.
Do not request for guilds, apps, about me sites, other button request sites, or any off neo site. The reason for this is that I feel like those sites don't really need a button, and those sites are also usually short-lived.
Be grateful that I'm taking time out of my day to make you a button. When I receive your request, I will inform you. :) To let me know you've read the rules, it is mandatory that you put a little blurb about how animal cruelty in circuses is wrong! (I'm an animal activist. xD)
requesting FAQ
Nope. The rules are there for a reason, and come on, there are only 3 simple rules!
When will my button be finished?
Sometimes my life can be so busy, requests can be a bit slow. Other times, I can get them done the day after. I accept all acceptable requests (People who read the rules when requests are open), and I have no policy on only accepting the first few requests. I feel like everyone who took time to visit my site, read the rules, and request deserves a button.
Will you tell me that you got my request?
Sometimes, I get so many requests, I don't even bother to go through all my requests and tell the owner I received their request. The best thing you can do it check the waiting list, and if your name isn't on it, you can ask me about it.
What's the limit of the number of people on the waiting list?
I onlt accept the first ten requests, then I will close button requests until I finish most of them.
How many buttons can you make for me?
If you want more than one button, just mention it in your form. Please be prepared if I don't make you the amount of buttons you want. Also, please don't request more than you need.
Do you do redos? Do I have to use the button you made me if I don't like it?
Of course, I don't have the right to force you into using my buttons, but I guarantee that your button will not turn out "unusable". If you don't like it, I will sometimes be willing to change or redo it for you when I have the time. For most cases, I am sorry to say that I won't be able to fix you unsatisfied button.
Can I have any text on my button?
Yes! Please refer to rule #2!
form and waiting list
form

* = Optional fields
Be sure the subject of this request is BUTTON REQUEST!
waiting list
1. katbacat2. kat_create_tday
3. msclvr33
4. rainingzomutts

total buttons made: 921
september 1, 2011



august 27, 2011


august 25, 2011



august 24, 2011






august 8, 2011






june 27, 2011




june 26, 2011



june 24, 2011


may 25, 2011






may 14, 2011







Welcome to my little freebies page, where everything is just for YOU. I'm going to be adding random little bits once in a while, but for now, just enjoy what I have so far! If you have any more ideas of resources I could offer here, just click here! You can also find many great resources at Foomanshu.


THIS IS NOT A TUTORIAL TO TEACH YOU HOW TO ADD TEXT, BUT HOW TO MAKE IT LOOK GOOD WITH THE IMAGE. THIS MIGHT NOT BE SUITABLE FOR BEGINNERS WHO DO NOT KNOW HOW TO USE THEIR PROGRAM
White text with colored border
I'm using the button base I created with the previous tutorial.
The text is a very important part of a button. If it is not used correctly, a beautiful button can become a hot mess.
First, choose a pixel font. A pixel font doesn't have soft edges, and it made up of pixels that are all 100% opaque. Here are some suggested pixel fonts you can use:

As you can see, the last two are cuter fonts, and I would only suggest those fonts if you have the space for them on your button.
When adding text, the first thing you do is choose the right font. If possible, try not to cover the focused part of the image. In my case, the focus is on the jetsam.

Next thing you need to know is what the color of the background is where you want to place the text. On this button base, it's mostly a yellowish-orange color, and if my text is longer, I may run into the pinkish-orange rocket part. If I want to save time, I would use 04b_24, because it's skinny. But to show you how I would handle the rocket run-in, I'm going to show you using 04b03, with all letters capitalized.

As you can tell, the color I chose matches really well with the background, until the pink rocket part. I got the color by using the eyedropper (
) tool, and I chose the background color and darkened it.
Right now, I'm going to tell you what you should do to make the text border match the ENTIRE button, not just a specific part. Simply USE A GRADIENT! This is what I got after selecting another color that matched the front of the rocket:

See the difference? Now the text border matches whatever the background is. Also, since only 1/3 of the text goes over the rocket part, I only made the pink gradient go about 1/3 of the rocket part. You can even lower the opacity of the text border to make the border go with the background EVEN MORE, but don't do it if the background is too sharp.
Next thing I'm going to show you how to add a shadow. On Photoshop, you can add a shadow easier, but it's harder to do on GIMP, I think. xD But how to do a shadow is not the point of this tutorial. So, I added a shadow:

See how that looks really ugly? I've seen people actually use black as their shadow color when the color isn't even in the button. Because most of the background is the yellow color, I'm going to use the eyedropper tool again and select the color of the background. Then, darken it a lot.

It looks a little better, but it's still too bold. To fix this, just simply lower the opacity until it's just right. In my case, I lowered the opacity down to 20%. The opacity of the shadow depends on the background image, and your taste. Now see the result:

Tada! You text is officially done! You can take a look at the 2nd part of this tutorial for another nice text style.
colored text with white border
In my opinion, this look is harder to achieve. It usually looks better with lighter images, because it might be too big of a contrast on dark buttons.The color of the text shouldn't be TOO BRIGHT or TOO DARK. Black can be too dark against the white border, and if you chose black because the background is black, then you should go with the white text with colored border style.
For this part, I'm going to use a light button base.

First, you need to decide what color your text should be. For this button base, the choice should be obvious, because it's all purple! So, using the eyedropper (
) tool, select the background color, and darken it. Be sure you don't mistaken darken with brighten, because they are completely different things. When you darken a color, the color should be moving towards the color black. So, this is what it looks like with the text alone:

It's up to you to decide whether it looks good or not. Now, make a white border.

In my opinion, the white is a little too bold. So, I added a slight, white glow and lowered the opacity of the border:

Now look at the difference! It looks much better with this soft and calm button image.
If you want, you can leave it like this (That's what I would do). But if you want to add more effects, you can always use a drop shadow. When you use the drop shadow, do not get rid of the glow. The glow is there to calm down the contrast between the white border and the dark shadow. Create a dropshadow. Use the eyedropper tool again and select the same purple you used earlier, and darken it. If necessary, lower the opacity.

See how the drop shadow doesn't overpower the calming text at all?
This look is complete! as you can see, both styles so far are great, but it depends on your taste, and the button base.
final say
Before you save a button, change the font to see which one looks best! You may be surprised at how much better (or worse) it looks. I changed the font of the purple button to handy00, because that's a very pretty font, and I wanted to find out if it matched on the pretty button.
See? I think it looks even better!
Don't be afraid to explore different styles. I'm just showing you how I do it. :) GOOD LUCK!

THIS TUTORIAL CAN BE USED IN PHOTOSHOP OR GIMP
I'm going to use this image for this tutorial:

Open a 88x31 canvass (transparent or white) and paste your image.
Size it down until you are pleased with the result:

Some people would just stop here and continue to add their text, border, etc. But I believe it's kinda boring to leave it like this. So, I went to swimchick and used some textures from there. I highly suggest you DO NOT use grunge textures, because they can make your button look disastrous. The first texture I used is this:

Light textures are great for buttons because they can make your button look enhanced, with a professional glow. I layered this on top of my image (I moved the the texture so only the bottom part will be used). Then, I changed the mode of the texture to screen. Screen allows you to get rid of the dark parts of the texture. This is the result I got after changing the mode to screen:

As you can see, the texture gave the button a nice pink glow. But I think it's too light and not exactly clear. So, I'm going to choose a darker texture. I chose this:

I especially love this one, because it already has the diagonal lines for you. If you use this texture, you can skip the step of adding translucent diagonal lines to your button. I simply pasted this texture on top of everything, and I changed the mode to overlay. This is what I got:

See how much better that looks? Your button is almost done. The last thing you should do is brighten up the button, and make it sharper or soften it. You can use your current program, or you can even use picnik.com. This is what I got:

I used contrast and I highlighted the image a bit. I also increased the temperature, giving the button a slight vintage look. This is what the original image and the final product looks like next to each other:

Now you are DONE! You can experiment with different textures from different sites. I especially like Nienkju's Textures and swimchick. My biggest tip is to NOT USE GRUNGE TEXTURES. Here are examples of grunge textures:


If you want proof that these will not look good, try it yourself! It will not look good. The only way these textures would look good is if you lowered the opacity of them by at least 70%.

neo-related




































brother site

Trapped Fairytales, owned by the spectacular Pip, is an incredible and magical button request site that offers wonderful service, and most improtantly, gorgeous buttons. Whenever Pip opens his requests, you better get there quick because way too many people will want one of his awesome creations!
affies
want to become an affie
Graphics/premades/fonts/requests
Offer top quality content
Over 1000 page views
At least a week old
Updates at least once a week
You have no more than 30 affies currently
If you think you can qualify, please neomail me your application! Thank you so much!
warning
other stuff!
credits
This layout was designed by ahsomness. The photo was taken by eliseenchanted from DeviantArt.
Images are from Neopets, deviantart, and flickr.
Textures on layout, buttons, and other graphics are from swimchick and Nienkju's Resources.
Brushes on layout are made by me, you can get your own at Foomanshu.
Bullets, open/closed signs, and envelope are made by me, and can also be found at my other site, Foomanshu. Cute "Back" pixels were made by Ferny-Dust. Purple counter base is by Bunnyrawr. Background is from 49 Days.
I would like to thank everyone who helped me with Buttoness and supported me throughout this experience. Thank you everyone! :)
|
|
|

































