Jump to content

jack

Inactive
 View Profile  See their activity

  • Posts

    1,922

  • Joined

  • Last visited

  • Days Won

    3

 Content Type 

Posts posted by jack

    Jack's Guide to Making Neat Sigs

    in Resources & Discussion

    Posted · Edited by jack

    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.

    Jackim's Holy Place of Worship for Badazzes

    in Reviewing Logs

    Claimed:Double me?

    in Archived Career Tasks

    Posted

    Effort: 2/2 - I see it. 

     

    Look: 2.25/3 - text isn't great, the drop shadow on it kind of hurts it. Instead, try to just make a layer underneath it and brush by hand. His face is a bit too bright, and the whole colour of the sig is a bit off-putting, I think it would have been better in blue.

     

    Creativity: 1/1 - yep, cool stock work.

     

    Final: 5/6 -> 10TPE for doubles.

    Claimed:1st Sig

    in Archived Career Tasks

    Posted

    Effort: 2/2 - I can't imagine making a sig in illustrator haha, you're brave. What you could do though is maybe submit things other than sigs. Make secondary logos or vector illustrations of players if you're good in illustrator. Don't force a hammer to drill in a screw.

     

    Look: 1.5/3 - render is out of focus, text isn't great. Nice colours and cool idea though.

     

    Creativity: 1/1 - for sure

     

    Final: 5/6 

    Claimed:double

    in Archived Career Tasks

    Posted

    Effort: 2/2 - it's all there

     

    Look: 2.5/3 - you're getting really good, just a few things off here. text is meh, could use an outline or background behind it. render is too much in the middle, a bit to the left would've helped.

     

    Creativity: 1/1 - love the effect on his back, and nice background

     

    Final: 6/6 -> 12TPE for doubles

    Claimed:First of many

    in Archived Career Tasks

    Posted

    Effort: 2/2 - yep, keep it up

     

    Look: 1.75/3 - lighting on the head isn't great, try using a larger brush and brushing further from his head to make it less intense. render is too dark, but some neat effects

     

    Creativity: 1/1 - try doing something really crazy with the text next time, look around at nice sigs here for inspiration

     

    Final: 5/6 -> 10TPE for doubles

    GRADING ATTENTION THREAD V12!

    in Graders Resort

×
×
  • Create New...