Attack of the Yellow Kitten - Creating a Site Logo

One of the first things I wanted for my newbie site was a newbie logo. I used Adobe Photoshop Elements 2.0 to create my logo, using the shape tool to create the iconic kitten logo. I got a ton of shapes from the Adobe Exchange for Custom Shapes (www.adobe.com/cfusion/exchange/). I originally wanted to use a baby for the logo, but I couldn't find a baby shape and I could find a kitten. So, A kitten it was.

I decided to use the existing Drupal bluemarine template for my site, so my logo needed to be 48 pixels wide by 55 pixels high, with a resolution of 72, RGB color mode, and a transparent backgound.

I selected a foreground color for my kitten of FFFF00. I was going to use pink for a baby logo, but a pink kitten looked weird. Then I used the shape tool to select the kitten and centered it. I also used the "simplfy" option, as I think that gives smoother edges. Finally, I flipped the logo, because I wanted the kitten facing right instead of left.

I saved this file using file->save for web, and saved it as a PNG-24 file. I tried the PNG-8 format, but it seems to sometimes create logos with rough edges.

To create the ico file I used www.converticon.com, which is so easy to use to convert a PNG to an ICO file.

Now, because DrupNewb was a new site I had no "files" folder to upload my new logo into. I created this folder on my server and made the file permissions the same as the already existing "themes" folder.

At this point I had created my logo and uploaded it - all that was left was to tell Drupal about it. To set the default theme to bluemarine I went to Administer->Themes, set the bluemarine as the default. (Don't forget to press "save configuration" at the bottom of the page.) Then, go into "configure" for bluemarine.

In configure, I unchecked the "Use default logo" box, and entered "files/drupnewblogo.png" in the "path to custom logo" box. (Don't forget to press "save configuration" at the bottom of the page.)

...and, my logo was the yellow kitten!