Guild Wars 2 Sig

With the new release of Guild Wars 2 coming sometime soon (hopefully), I thought I would make a GW2 sig!

We’re going to use a couple images from their website for this tutorial:

Make a new file with a canvas size of 400x140px. This is a pretty standard size and will work on almost all sites.

Now copy and paste the first image into our new canvas.

Resize it to fit better, using CTRL+T and hold shift as you drag the corners in to reduce its size.

Now copy and paste the other image into our new file as well, resizing it to fit where you want it.

In the Layers window, change the second image’s blending mode from Normal to Linear Dodge. This will make it brighter and kind of transparent.

Now take the Eraser tool with a Soft Round brush, at about 100px in size or more. Go around the edges of the second image to blend it into the background a bit better.

Now, we will brighten up the whole image background. Select the first layer we made. Adjust the Levels of it CTRL+L and play with the three sliders there until you get it to the brightness you want. Slide the right-hand slider down some and the left one up some, and scoot the middle one back and forth to see what it does.

Take the Burn Tool, with an Exposure of about 15%. Use a Soft Round brush with this one too and go around the edges of the bottom image, and then the top image as well. This will darken the overall border of your sig.

Let’s add a 1px black border to our image.

Add a new layer on top of all the other layers. Fill it with whatever color you want. In the Layers window, change the Fill from 100% to 0%. Double-click on the layer to bring up the layer’s options. Add a stroke to it, changing it to black, 1px in width, and from “outside” to “inside”. Hit OK.

Now you can add your name or whatever you want to it in whichever font you like! Be sure there’s enough contrast so you can read it. Make it white if it’s on a dark background or black or a dark color if it’s on a light background.

You can even try adding an Outer Glow to your text, too, to give it just a dash of color. Just double-click on your text layer and add the outer glow. Make it green or some other color from your images.

And there ya go! You can use this one if you want, or make your own.

By Kirin Knapp

Kirin Knapp is a graphic designer for the iEntry Network, publishing company of FlashNewz. A flash animator and illustrator, she is the creator of her home site,

Leave a comment