volvoguy.net Just another WordPress weblog

Ubuntu Artwork

These are a few of my experiments using SVG files for background images. While I designed these at a size of 1600 x 1200 pixels, that was mainly to get the proportions right. The images themselves are resolution independent. Also, the actual background colors are for example only - the image backgrounds are transparent. This means that you can set the SVG image as the backround image, and then change the color or gradient to whatever you'd like! The logo will stay the same, and the semi-transparent drop shadow will take on whatever color is behind it. Try them out!

Your web browser can't display these files. To use them on your Ubuntu/Gnome desktop, right-click on a thumbnail and select "save link as". Once saved on your hard drive you can right-click on the desktop, select "change desktop background", and use the add button to add the graphic to the list.

swirls

swirls

stripes

stripes

squares

squares

fade

fade

centered transparent

centered transparent

centered transparent with outline

centered transparent with outline

centered with bevel

centered with bevel

globe with small logo

globe with small logo

arms around the earth

arms around the earth

arms around the earth with shadow

arms around the earth with shadow

Warty branded.

Warty with Ubuntu branding.

This is obviously NOT my handiwork (except for the logo in the corner). Some people think logos on wallpapers are bad. I happen to disagree. I've added this for the other oddballs among us. :)

Comments (2) Trackbacks (1)
  1. “While I designed these at a size of 1600 x 1200 pixels, that was mainly to get the proportions right. The images themselves are resolution independent. Also, the actual background colors are for example only – the image backgrounds are transparent. This means that you can set the SVG image as the backround image, and then change the color or gradient to whatever you’d like! The logo will stay the same, and the semi-transparent drop shadow will take on whatever color is behind it.”
    Where I have been able to read about this?

  2. Googleing is probably the best resource. I made the images in Inkscape (which was inkscape.org last time I checked). Finally, the SVG spec was created (or maintained) by the W3C (the World WIde Web Consortium), and they have a ton of info, though mostly very technical. I just made the images based on my graphic design background – I didn’t read and tutorials or anything – though they’re probably out there somewhere. If you have a specific question, drop me a line and let me know.


Leave a comment