|
|
Tiny Buttons |
||
| Download a font You'll need a special kind of font when working with images this small. There's a nice freeware one called Hachipochi. |
||
 |
Set the fill options. File->New, make it 25 pixels wide by 14 pixels high and 16 million colors. Click the flood fill tool  . Set the foreground swatch to a light color and the background swatch to a darker shade of the same color. Here I've used #C2BCB0 and #4E4643. Just below the foreground swatch, click on the drop down to change the fill type to a gradient. Click on the foreground swatch to bring up the Material dialog. Set the gradient to linear and 135 degrees. |
See a screen capture of this step. |
 |
Fill the button Click inside the image to fill the button with the gradient. |
|
 |
Bevel the button. Add a new raster layer, Layers->New Raster Layer. Change the Opacity to 50% and hit OK. Change the foreground swatch back to solid fill. Make the foreground color white and the background color black. Zoom in on the image by a factor of 15 or so, we will be doing pixel level editing. Click on the Paint Brush tool  . Set the options to Size=1, Hardness, Density and Opacity all to 100. Draw a single pixel white line along the left and top edges and a single pixel black line along the left and bottom edges. |
|
|
Add text using a pixel type font such as Hachipochi. Click on the Text Tool  . Create as Vector, Point size 6, Stroke 0 and anti-alias unchecked. Click in the middle of the button and type in your text. Objects->Align->Center in Canvas. Export the button as a .GIF for use on the web or in other applications. |
|
