jack

Jack's Guide to Making Neat Sigs

Recommended Posts

0.0 - 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.

 

Here we go.

 

 

1.0 - 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 flow. There are a few key things to note in this category, and these things are easy to do.

 

1.1 - 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.

 

4XVEN2F.png

 

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

 

1.2 - Depth

 

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

 

PFDoqWZ.png

 

In this sig, the foreground is the render and the 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 simple 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.

 

 

2.0 - 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.

 

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!

 

 

3.0 - 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.

 

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.

 

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.

 

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.

 

 

4.0 - Assorted Techniques

 

4.1 - 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.

 

JwDBEwn.png

 

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

 

4.2 - Gradient Maps

 

Seems pretty obvious for experienced sigmakers but it took me a long time to realise 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 colours to your sig based on the light. 

 

Sdu4qQd.png

 

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

 

4.3 - 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.

 

InExCnS.png

 

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

 

 

4.4 - 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. 

 

JvolFLc.png

 

To this. 

 

m76xnWL.png

 

(Also did some blurring to this one).

 

4.5 - Clipping Masks

 

Clipping masks are using in many different ways. You can use them to isolate an adjustment layer to just on 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 colour of one layer aligned to the shape of another. The colour layer is on top of the shape.

 

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.

 

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.

 

kksZF94.png

 

 

Finally, in this sig the large circle is a clipping mask from the left side of the sig.

 

2CE5uK2.png

 

 

5.0 - 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:

 

OuSzPOh.png

 

5.1 - Hue Layer

 

Make a new Gradient Map. Make the first colour whatever colour suits your sig, and your second colour black or white (doesn't matter). 

 

zvp4VY5.png

 

5.2 - Exposure Layer

 

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

 

FVIaAcw.png

 

This makes the dark less overpowering.

 

5.3 - B/W Layer

 

Sometimes some coloured 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.

 

SWVi8T8.png

 

5.4 - 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.

 

ALuK4d3.png

 

5.5 - 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.

 

D7a0ROD.png

 

 

6.0 - 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.

Edited by jack

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Recently Browsing   0 members

    No registered users viewing this page.