Tutorial Tuesday: Siggies

1 Comment | Leave a Comment

We had a lot of questions about siggies during our last Siggy Mojo Challenge! Beth suggested putting a tutorial for them here on the blog, and I thought that was a fab idea! So here we go!

Download the PDF – for PS/CC users : for PSE users

Images open in a new window if you need to see them better.

Images open in a new window if you need to see them better.

Start a new 12″ x 5″ canvas. I like to start with a white background (so i can see what I’m doing) and an alpha to spell out my name

Then I build my siggie – saving along the way, so I don’t lose anything

Once my siggie is built, it’s time to save. First, delete the white background (if you have one)

If you are a PS/PS CC user, click on File > Export > Save for Web (Legacy)

If you are a PSE user, click on File > Save for Web

There are a couple of options you can go with here. Whichever option you go with, just make sure your new image size has been changed to fit the forum (usually 800px or 600px wide will do), and that your file size in the lower left corner is under 250k.

You can save with the PNG-8 Preset. This will give you one of the smallest file sizes, however, for this particular siggie, I end up with a white background around all of my shadows in both PS and PSE (note that the dark/black background is in PS and the light/gray background is in PSE)

I can change the colors to 256 and the Matte to none, but then I lose my shadows completely

I’ll need to choose a different setting, but if one of these works for you, click save. Not all siggies will show the white background at the PNG-8 preset

The PNG-24 setting works way better for my siggie – there’s no white background around my shadows, which are still in tact. This is a bigger file setting, though, so I had to bump my image size down to 525 to get it under the 250k mark.

Another option is the JPG preset. Because our forum background is white, using a white background is okay – it won’t show. But if you plan to use your siggie on another site, and the background isn’t white, it’s going to show.
This is also one of the smaller file sizes, too.

This is my siggie saved with the PNG-24 option:

Now that you have it saved, you can upload the siggy to your gallery so you can put it in your forum signature.

Go to the Gallery and click on Add Media

Click on Member’s Gallery

Click on the Upload File button

Add the Title, LINKED credits, then click on the Show link

If your siggie is for a mojo challenge, check the box for Monthly Mojo Gallery, then check any additional boxes for the appropriate designer galleries. Add tags if you’d like, then click save

Now to add it to your forum signature! Right click on your siggie in the gallery and click on Copy image address

Click on your name on the pink menu bar, then click on signature

Click on the Insert Image icon

You’ll get a little popup box for a link, paste your siggie image link that you just copied into that box. You can use CTRL-V or right click in the box and click on Paste

Then click on Insert

Then click on Save

A message will flag at the top of the page that your changes have been saved

If you’d like to save this tutorial, you can download it using these links:

for PS/CC users : for PSE users

It includes everything on this post 🙂

Have fun and have a great Tuesday!

One Comment to “Tutorial Tuesday: Siggies”