Welcome

Greetings, welcome to Whirligig - a graphic, resource, and tutorial site by Caylee. Whirligig was revamped on March 20th, 2012, and has been dedicated to having high quality service and adorable graphics for Neopians. Come inside and explore all that is offered at Whirligig!

Updates

Sunday April 15th, 2012 | 3:30 PM NST

I finished 5 new bokeh textures today! Take a look at the textures HERE.

There are also 5 new PNGs you can use for your site! They are located in the resources section under 'PNGs'.

If you would like me to create a certain premade graphic or a resource for the site, neomail me. I can't make resources/graphics without YOUR opinion (because YOU will be the one using what I make!).

graphics

Rules

Do not edit any of the graphics or resources.

Please link back to Whirligig in your credits specifying which graphics/resources you used.

Do not claim any of the graphics or resources as your own.

Hiatus, Closed, Revamp, & Moved Banners

Banner Bases

Icons

Button Bases (coming soon)

resources

Rules

Do not edit any of the graphics or resources.

Please link back to Whirligig in your credits specifying which graphics/resources you used.

Do not claim any of the graphics or resources as your own.

Bullets

Neomail Envelopes

Button Placeholders

Icon Placeholders

Open/Closed Banners

Textures

Button Textures

PNGs

requests

Occasionally Whirligig will open requests for icons, buttons, and banners. You can check below to see if requests are open or closed.

buttons

Examples:

* = Optional for filling out
Send neomail as Whirligig Button Request to dance_chm12

banners

Examples:

* = Optional for filling out
Send neomail as Whirligig Button Request to dance_chm12

icons

Examples:

* = Optional for filling out
Send neomail as Whirligig Button Request to dance_chm12

tutorials

We have a selection of button and banner tutorials on this page. If you have a suggestion for a tutorial, neomail me!

Helpful Pages

Button Making TIPS

Banner Tutorials (under construction)

Button Making TIPS

Here are some tips to make high-quality buttons! I also use Gimp for my buttons. :)

Fonts

If you have a busy button, use a simple font like '04b03' or 'Skinny'.
Always capitalize your pixel font letters! (ex: WHIRLIGIG)
If you want a cursive font, try 'La Belle Aurore' or 'Never Let Go'.
If you decide to use a cursive font, make the fonts size about 13 pixels to 15 pixels.
Always have a 1 pixel border around your fonts
If you are new to putting text on a button, see our tutorial!

Textures

I use Nienke's Premades for my textures.
You can also use Whirligig's premade button textures for your buttons.
Try to have textures of the same color family (all warm or all cold colors).
Never use more than 3-4 textures on one button or it can get too busy.
I always overlay (layers-mode-overlay in Gimp) my textures and adjust their opacity (beneath layers-mode) until it looks just right.
Blur any textures with lines or sharp corners. This creates a softer hue on the button instead of jagged lines.

Animation

Go with a simple animation; less is always more. :)
For simple letter animations, see Gimp Animation section.
For a sparkle effect or a glow effect, use Whirligig's tutorials.
Try to make the animation as conspicuous as possible (pretend like it isn't even there).
Save the button base before doing any animations on it. You never know how the animation will turn out...
Also, save your animated button as a .gif!

Go Back!

basic button tutorial

Use this button tutorial to create a basic button; no previous button making knowledge needed. To view the images, drag them to your tool bar and drop where you can make a new tab. The button I will be making is below, as well as the border (which you can use in your button if you would like).

If you want to have any animations, view the animations tutorials on the tutorial page.

tutorial: creating text

Use this tutorial to create simple text on a button. To view the images, drag them to your tool bar and drop where you can make a new tab. The button I will be making is below.

Go Back!

animation tutorial: glow effect

Use this animation tutorial to create the glow effect on a button. To view the images, drag them to your tool bar and drop where you can make a new tab. The button I will be making is below.

Some good examples of this animation are the following buttons that I made:

Go Back!

animation tutorial: sparkle effect

Use this animation tutorial to create the sparkle effect on a button. To view the images, drag them to your tool bar and drop where you can make a new tab. The button I will be making is below.

Some good examples of this animation are the following buttons that I made:

Go Back!

Sitely

Here's to everyone who has made the land called Whirligig possible. Thanks a million!

LINK BACK

AFFILIATES

LISTERS

AWARDS

none

CREDITS

*Layout by Caylee.
*Some CSS layout coding by Nienke.
*Header 1 and navigation help from Monky.
*Brushes by Obsidian Dawn.
*Counter base by Bunnyrawr.
*Counter started on March 30th, 2011.
*All buttons, vectors, pixels, banners, etc. are made by me if unlinked!

Copyrighted © Caylee

If I forgot something please notify me and I'll add it right away!

NEOPETS, characters, logos, names and all related indicia are trademarks of Neopets, Inc., © 1999-2011. ® denotes Reg. US Pat. & TM Office. All rights reserved. Use of this site signifies your acceptance of the Terms and Conditions