Login

~~gorlab~~ · 05-15-2015, 03:32 AM

Introduction
To begin, I'm not calling myself the god of sigs, but I do think I have improved a lot since my return to the VHL earlier this year. Hopefully, this thread can help out some people struggling to consistently create nice sigs.
Everything in this tutorial was stolen from a VHLer.
#SHL4LIFE *NWO theme song hits* FA-FA-FA LIFEEE.

Composition
The difference between a good sig and a fantastic sig often lies in its composition. That is, its layout of the elements, and its

Rule of Thirds
The rule of thirds states that interesting elements and focal points should be on the intersecting points of a 3x3 grid.
In the following sig, the render's face and logo are on an intersecting point, as well as the text.[/size]
[Image: 4XVEN2F.png]

The main thing to note here is that you shouldn't put stuff in the dead center.

Depth
Depth in a sig is what makes it seem complete. To create depth, you will usually need a combination of stocks and effects.
[Image: PFDoqWZ.png]

In this sig, the foreground is the render and some surrounding area. The background is a bit of the left and the rest of the right. The depth comes from the "bokeh" effect, or simply stated, the blur. An easy way to create depth is to make a layer on top of everything else when you're done, and Gaussian Blur it between 1px and 2px. Erase (or mask) the parts that you want to be in focus, mainly your render and the text.

Stocks
Stocks, put simply, are photographs or digital images of anything that you put in your sig to make it look cool.
This is one of my sigs without the render or text.
[Image: aDpghsU.png]

Some of the stocks in there are splatters, c4ds, or lighting effectsÂ (Click those links to find thousands of examples.)
Other stocks include landscapes, patterns or just cool pictures.
Many often get messed up with the sort of blend modes they're supposed to use for a stock. Best advice here is to experiment, but the most common blend modes are Soft Light, Overlay, Screen/Lighten, Multiply/Darken and occasionally Color Burn/Color Dodge.
A good trick for when a stock is too intense is to play with its Levels instead of its Opacity. Hit Ctrl+L (Cmd+L) when you are on that layer and adjust the middle slider until it looks good. And never be afraid to erase ugly parts!

Text
Text is often the biggest issue for sig makers. Many simply don't put in enough effort, and many don't know what effort to put in. One simple thing to do is give it a background.
[Image: MLSI5qE.png]

This will give the text some substance, and make it easier to read. Don't be scared of hiding some of the text with the render. As long as it is still readable, it can work.
[Image: LmsX9Kk.png]

Never be afraid to spice up the text with some flare. Add a bunch of periods or 'x's. Maybe even some small gibberish that is just for aesthetics.
[Image: mtLKI9c.png]

Final tip for text: always try multiple versions. Do three totally different attempts of text on each sig you do, with different fonts, spacing, effects, colouring etc. This is the number one way to improve your text.

Assorted Techniques

Displacement Maps
Duplicate your render. Go Filter > Distort > Displace. Hit OK or choose some different numbers. Locate an old .psd of yours. This will distort the render into some cool looking formations.
[Image: JwDBEwn.png]

It might look weird here, but if you put it behind your render, it can give a nice effect.

Gradient Maps
Seems pretty obvious for experienced sigmakers but it took me a long time to realize Gradient Map didn't mean use the Gradient tool. Hit the Black and White circle at the bottom of the layers panel and choose Gradient Map or go Layer > New Adjustment Layer > Gradient Map. A Gradient Map will map colors to your sig based on the light.
[Image: Sdu4qQd.png]

The render here has a purple to orange Gradient Map on it set to Soft Light. Mess around with different colors and blend modes to find some interesting effects.

Shapes & Lines
Using polygons and lines is one of my favourite techniques. Draw the shape with the polygonal lasso tool or use the Shape Tool.
[Image: InExCnS.png]

The triangles in this sig were made using the shape tool and various colors.

Color Dodge Dots
Create a new layer and set it to Color Dodge. Choose a soft brush (circular) and set it anywhere from 15px - 100px. Turn on size jitter if you're feeling funky. Choose a color that is on the darker half of the spectrum (halfway down inside the colour picker window). Now just click a few times in spots that need some brightening up.
This
[Image: JvolFLc.png]

To this.

(Also did some blurring to this one).

Clipping Masks
Clipping masks are using in many different ways. You can use them to isolate an adjustment layer to just one layer, blend in splatter effects, create nice backgrounds or make nice text. Here are a few examples.
A clipping mask, in its basic form, has the color of one layer aligned to the shape of another. The color layer is on top of the shape.
[Image: dm3xZQj.png]

In this example, the circle layer is beneath the army pattern layer. To create this, you make the circle layer directly underneath the army pattern layer. Then, right-click on the army pattern layer and select 'Create Clipping Mask'.
In this example, the text has a clipping mask of the render.
[Image: jjymBcA.png]

While in this example, the splatters at the bottom-right and bottom-middle have clipping masks applied to them. The goal of this effect is to have it blend better with the rest of the sig.
[Image: kksZF94.png]

Finally, in this sig the large circle is a clipping mask from the left side of the sig.
[Image: 2CE5uK2.png]

Final Touches to Sigs
There are a few things that I do to nearly every sig I make. These are almost universal to sigs, and should improve many sigs.

Starting point:
[Image: OuSzPOh.png]

Hue Layer
Make a new Gradient Map. Make the first color whatever color suits your sig, and your second color black or white (doesn't matter).
[Image: zvp4VY5.png]

Exposure Layer
Make a new Exposure layer (Layer > New Adjustment Layer > Exposure). My settings are: Exposure: 0, Offset: +0.0164, Gamma Correction: 0.89.
[Image: FVIaAcw.png]

This makes the dark less overpowering.

B/W Layer
Sometimes some colored parts of a sig should grab less attention. An easy way to fix this is making that part black and white. Make a new layer and set it to Color. Brush in black anywhere that is drawing too much attention from it's color.
[Image: SWVi8T8.png]

High Pass
Make a new layer. Select all (Ctrl + A/Cmd + A) then hit Ctrl + Shift + C/Cmd + Shift + C to copy the entire sig. Then, paste it on the new layer (Ctrl + V/Cmd + V). Then go Filter > Other > High Pass and set it anywhere from 10px to 100px. Set this on Soft Light or Overlay and mess around with its Opacity.
[Image: ALuK4d3.png]

Blur
Finally, to create some depth, I again go through the steps of copying the whole sig and pasting it (another way to do this is making a new layer and going Image > Apply Image). Then I go Filter > Blur > Gaussian Blur and set it between 1px and 2px. Erase the render and text and other details that should remain sharp.
[Image: D7a0ROD.png]

Conclusion
Hopefully this helps some people in their sig making. If you have any questions or suggestions, feel free to reply. I will likely add to this later as well. Credit to JACKIM on VHL for making this guide.

701 aka YUNG GUAP GOD · 08-14-2015, 08:12 PM

This never got the love it deserved. Most new members making graphics should look at this.

**.bojo** · 08-14-2015, 08:18 PM

Honestly didn't even know this was here. Cool stuff.

NUCK · 08-14-2015, 08:26 PM

This is sick man, thanks a lot.

Pandar · 08-14-2015, 08:48 PM

Quote:Originally posted by 701 aka YUNG GUAP GOD@Aug 14 2015, 07:12 PM
This never got the love it deserved. Most new members making graphics should look at this.

I just leave this guide open in Chrome as a reference...

701 aka YUNG GUAP GOD · 08-14-2015, 08:51 PM

Quote:Originally posted by Pandar@Aug 14 2015, 06:48 PM

I just leave this guide open in Chrome as a reference...

da bae

BeanSnoodie · 08-14-2015, 09:01 PM

I found this in my first day or two here and wanted to return to it once I got something better than Paint to make sigs. Honestly, the best guide to making sigs I've ever seen.

prettyburn · 08-14-2015, 09:13 PM

I don't remember seeing this the first time around and it looks super helpful! So thanks for resurrecting it.

*Count Chocula* · 08-14-2015, 09:49 PM

I have been waiting for something like this forever and it's been here the whole time smh

***Possum Queen*** · 08-14-2015, 10:29 PM

Not mentioned, but important:

Lighting.

One very good way to blend your render in with the rest of the sig and prevent it from looking out of place is to mess with lighting. Take a huge (~400px) white brush with 0 softness and click once toward the edge of your sig on a new layer, aligning it with the light source on the render. It's a very simple thing, but it helps soften the edges of the render significantly.

Navigation

Extra Menu

About us