Jump to content


Photo

Faith - Signature Tutorial (Render Sig)


  • Please log in to reply
51 replies to this topic

#1 DarkShock

DarkShock
  • Members
  • 4,202 posts
  • LocationCentral Florida
  • Reputation:1

Posted 06 November 2009 - 02:20 PM

Thanks for checking out my tutorial. I will give you some steps on how to make a signature using some of the skills and techniques I use. Be warned that this tutorial isn't really for beginners. You should try making sigs for a while before you try this one out. I've been making signatures for over 3 years now, so I understand a lot of the necessities and skills for making them.

If you would like to further your knowledge about signatures than you should visit the Ultimate Guide to Tags from TopHATslash. This guide will teach you how to use flow, stocks, renders, etc. For this signature, you will need to download the Custom Brushes Plugin from Simon Brown. I might use other plugins, but they aren't needed if you want to try something a little different with your signature. It would also be a good idea for you to install fonts that you like so that you aren't limited to the default fonts on your computer. Thanks again for visiting my tutorial and I hope you get satisfying results. Ready? Let's get started!

What you need:
C4Ds
Brushes
Custom Brushes Plugin
Render
Paint.NET (duh!)

This will be the end result of my signature:

Posted Image

The Background - To start off this signature, you will have to make a simple background. Your background doesn't have to be all fancy or anything. The background will only be used as color support for the brushes and C4Ds that will be used later on. For this signature, I will make a simple spacescape looking background.

1. I will start out with a 370 by 120 canvas (if you know me, than you know I love 370 by 120). Next, I will fill in my canvas with a gradient. Feel free to use whatever style gradient you want. I will be using a radial gradient. You should use colors that compliment your render. I will use blue and black for this signature. I will set blue as my primary color and black as my secondary.

Posted Image

2. Add a new layer on top of your gradient. Fill in the new layer in all black. Your canvas should now look all black. Go to Effects > Noise > Add Noise and use the following settings: Intensity - 64 (Default), Color Saturation - 0, and Coverage - 100.00 (Default). Your image should now have a black and white static look.

Posted Image

3. While on your noise layer, go to Adjustments > Brightness / Contrast. Use the following settings: Brightness at -40 (negative 40) and Contrast at 20. Now your image should look less busy with all the white pixels.

Posted Image

4. Now set the blending mode of your noise layer to additive. Duplicate your noise layer and set the duplicated layer to multiply. Set that layer's opacity from somewhere around 60 - 100. I will use 80. You should now have three layers. A gradient at the bottom, a noise layer set to additive, and the same noise layer except with the multiply blending mode at 60 - 100 opacity. Now flatten all of your three layers. Name the layer "Stars." (Note: You don't have to name your layers at all, but it will make this tutorial easier to understand. I personally don't name my layers, but I will for this tutorial) Your image should now look like this:

Posted Image

The Render - The render is the most important item in a sig. The render should be what catches your eye the most and it sets the overall tone of your signature. All of the colors used in your sig should also match the render you selected.

5. Add a new layer and place in your render. You should crop and re-size your render so that it will fit nicely in your signature. I will be using Faith from EA and DICE's "Mirror's Edge." I typically like to place my render in the middle of the sig because it brings more focus to it.

Posted Image

6. Now is the time to play around with your render. I will duplicate my render layer twice, creating three layers with the same render. I will set the top render layer to multiply at full opacity, the middle render layer to color dodge at full opacity, and the bottom to normal at 100 opacity. This step isn't needed, but will add a nice shine and lighting effect your render. You don't have to use the exact same blending modes I used. There are other combinations you can try out. I also added a glowing white outline to my bottom render for an extra shine. Keep in mind you don't have to do this. I will name my render layers: Render1, Render2, Render3 respectively.

Posted Image

The Border - A border really isn't important in a signature, but can give it a bit more class. You can use a variety of styles, shapes, and colors in your border to make your sig even more attractive. Feel free to visit my Border Tutorial to learn some border styles.

7. Add a new layer at the very top of your sig. Add whatever kind of border you'd like. It can be a border on all sides of the sig, the top and bottom, or even on just the sides. I will use a color pattern border at the top an bottom of my sig. I won't go into detail how to do it because it's simple and you shouldn't need me to teach you how to drawn lines. I will name my border layer "Border." Simple right?

Posted Image

Brushes - Brushes are very neat and creative ways to add depth and style to your signature. They are excellent to use when making backgrounds and are useful tools when you want your sig to be very artistic. Since Paint.NET doesn't support brushes, you will have to download the Custom Brushes Plugin as mentioned earlier. You will also have to add brushes to your PdN brushes library so that you can use them. I will not go into detail on how to add brushes because I'm focusing on the signature here.

8. Add a new layer on top of your "Stars" layer and launch the Custom Brushes plugin. Once you are in the Custom Brushes interface, pick your brush, color, and size. I will use the color black for this step and pick a size that fits my canvas well. Place your brushes and hit Ok when you are satisfied. The brushes should now be visible with the rest of the sig.

Posted Image

9. Now you should add a new layer on top or bellow the brushes layer you just made(it doesn't matter that much). I will add a layer on top of my first brushes layer. I will set my brushes' color to a shade of blue to match with the sig.

Posted Image

10. Now I will add a third brushes layer over my other two brushes layers. I will make my brushes white in this layer. I will set my brushes to black while in the Custom Brushes interface though because white brushes are difficult to see while adding them on a transparent layer. Once you added the brushes, invert the color so that it changes from black to white.

Posted Image

11. Now feel free to add a couple more brushes layers if you want so you can basically make the stars layer unseen. I will add another layer and put in a few extra black brushes. Change the settings to your brushes layers if you want. You can play around with the blending modes and opacity if you want. I didn't change any blending modes, but I lowered the opacity of some of the brushes layers because they were a bit too strong.

Posted Image

C4Ds - C4Ds are mainly used in signatures for lighting, flow, and effect. Just like brushes, C4Ds add plenty of style to your signature and you should really learn how to use them. There are great sources out there where you can find C4Ds including Planet Renders and deviantART. Sometimes you will find C4Ds that have colors that don't match your sig, but remember you're using an image editing program, so you can always change it.

12. Add a new layer on top of all your brushes layers, but under all of your render layers (it should be between your render and brushes layers). Set the blending mode to screen. Use an appropriate C4D and place it in the new layer.

Posted Image

13. Now add a couple more layers (blending mode set to screen) and add as much C4Ds as you want, but try to not overkill your signature with them. I will place my C4Ds in a way so that they start to give my signature some flow. You will need to find appropriate C4Ds in order to do this. Keep in mind these C4Ds should be under your render layers.

Posted Image

14. For this step, I will add a color effect on my background. Add a new layer on the top of your C4D layers and under you render layers. Fill it in with a color the matches your render. I will use blue. Now pick a blending mode that gives your signature a creative color effect. I chose Overlay and set the opacity to 100.

Posted Image

15. Now I will add some C4Ds on top of my render. Add a new layer over your render layers and under your border layer and start to place some C4Ds again. I will add some C4Ds that add flow, but this time over my render.

Posted Image

Extra Effects - If you feel that your signature can use a bit more effects than by all means, add what you want. Just try to not overkill it. The extra effects I use is adding light and darkening certain parts of my sig.

16. Add a layer right under your border layer. Select the paintbrush tool and set the brush width to around 75. Draw a round border to one of the sides of the layer. Now duplicate that layer, flip it horizontally, and merge it down with the other round border so that they are on the same layer. Now apply a gaussian blur. I set the radius to 50.

Posted Image

17. Now add a layer right on top of your render layers. If you placed C4Ds on top of your render than this layer should be under them. Draw in some white with your paintbrush tool at the bottom and use a gaussian blur on it.

Posted Image

18. Now it is time to add your text. Sometimes you should use a font that compliments your render well. For example, if you have a render of a villain of some sort than you should compliment it with a evil styled font. For this one I will use a simple font, but I will glow it to match with the vibrant styled signature.

Posted Image

19. Now it is time for the hardest step of them all! I have seen people either give up or die trying to attempt this step, so pay very close attention.........flatten your sig, save it, and you're all finished! :wink: :lol:

Thanks again for visiting my tutorial. I worked very hard on this and I hope you all enjoy it. Once again, this tutorial is for advanced sig makers. You can't expect to start making signatures and come out with something advance right away (unless you're lucky), so you should practice for some time before you start this. Give yourself some time to understand all the terms and techniques of sig making and you will improve in no time. As said, you should start of with the Ultimate Guide to Tags from TopHATslash if you want to learn more about sigs and tags.

Notice:
It took me 3 hours to make a tutorial on a sig that generally takes me about 15 minutes to make. :P

Edited by DarkShock, 31 March 2011 - 10:41 PM.

Gallery | Sig Tutorial | Animated Rain Tut | Sig Videos |PhotoBucket
FrostV4.png
2009 Signature of the Year Award winner


#2 sokagirl

sokagirl
  • Members
  • 1,679 posts
  • Reputation:2

Posted 06 November 2009 - 02:27 PM

Wow that is amazing .. Fantastic tutorial :mrgreen: :AddNoise: very precise detailing .. I only wished I had brushes :cry: ..

Posted Image

Thanks to Chrisco for this wonderful gift signature


#3 DarkShock

DarkShock
  • Members
  • 4,202 posts
  • LocationCentral Florida
  • Reputation:1

Posted 06 November 2009 - 02:32 PM

Thanks a lot, but you really don't need brushes. You can use a matching background instead if you like. :wink: I just used brushes in this one.

Gallery | Sig Tutorial | Animated Rain Tut | Sig Videos |PhotoBucket
FrostV4.png
2009 Signature of the Year Award winner


#4 yy10

yy10
  • Members
  • 1,124 posts
  • LocationHong Kong
  • Reputation:2

Posted 06 November 2009 - 02:34 PM

Cool! Very in depth discriptions. Nice job!
Only problem is that I don't think the c4d fits the sig. It's knida ruins it... :|


deviantART

sigs n stuff


#5 CNRobinson07

CNRobinson07
  • Members
  • 65 posts
  • Reputation:0

Posted 06 November 2009 - 03:13 PM

Nice tutorial Dark!

Very easy to follow and a nice end sig ;)

Personally I was hoping it was going to be your Taokoka (<- i think that's the right name)
I like that one the best ;)

But overall Amazing :)

#6 burningrock

burningrock
  • Members
  • 165 posts
  • LocationViva 'Olandia
  • Reputation:0

Posted 06 November 2009 - 03:24 PM

I always wonderd how people did that!! I'm gonna try this out!

Posted Image

Burn's awesome dragons, click them.
Posted ImagePosted ImagePosted ImagePosted ImagePosted ImagePosted Image


#7 pipp92

pipp92
  • Members
  • 1,297 posts
  • Reputation:2

Posted 06 November 2009 - 03:39 PM

good tutorial, it will help beginners :P
for me, it was always clear how you did your sigs :D

#8 DarkShock

DarkShock
  • Members
  • 4,202 posts
  • LocationCentral Florida
  • Reputation:1

Posted 06 November 2009 - 04:03 PM

good tutorial, it will help beginners :P
for me, it was always clear how you did your sigs :D

Of course. You've been making sigs for a while (i can tell). :P

Gallery | Sig Tutorial | Animated Rain Tut | Sig Videos |PhotoBucket
FrostV4.png
2009 Signature of the Year Award winner


#9 burningrock

burningrock
  • Members
  • 165 posts
  • LocationViva 'Olandia
  • Reputation:0

Posted 06 November 2009 - 04:15 PM

:( I don't really understand those c4d's thingy.......

Posted Image

Burn's awesome dragons, click them.
Posted ImagePosted ImagePosted ImagePosted ImagePosted ImagePosted Image


#10 burningrock

burningrock
  • Members
  • 165 posts
  • LocationViva 'Olandia
  • Reputation:0

Posted 06 November 2009 - 04:26 PM

I can't believe i could finish this tut :
Posted Image
Fail at C4ds i just searched for cool background and changed opacity lol...

Posted Image

Burn's awesome dragons, click them.
Posted ImagePosted ImagePosted ImagePosted ImagePosted ImagePosted Image


#11 DarkShock

DarkShock
  • Members
  • 4,202 posts
  • LocationCentral Florida
  • Reputation:1

Posted 06 November 2009 - 04:39 PM

It's ok. All that matters is that you gave it a go. :wink:

Gallery | Sig Tutorial | Animated Rain Tut | Sig Videos |PhotoBucket
FrostV4.png
2009 Signature of the Year Award winner


#12 Sharp

Sharp
  • Members
  • 900 posts
  • Locationover there in that one place by that thing
  • Reputation:1

Posted 07 November 2009 - 12:21 AM

You can do step 16 with vignette :P

Cool tut.

#13 Frontcannon

Frontcannon
  • Members
  • 2,302 posts
  • LocationNorth-Rhine Westphalia, Germany
  • Reputation:4

Posted 07 November 2009 - 01:10 AM

Wow, you obviously put a whole lot of work in this, respect!

#14 DarkShock

DarkShock
  • Members
  • 4,202 posts
  • LocationCentral Florida
  • Reputation:1

Posted 07 November 2009 - 01:30 AM

Wow, you obviously put a whole lot of work in this, respect!

Yup! Took three hours to make it when the sig itself originally would have taken me only 15 minute to make. :P

Gallery | Sig Tutorial | Animated Rain Tut | Sig Videos |PhotoBucket
FrostV4.png
2009 Signature of the Year Award winner


#15 theonlychad

theonlychad
  • Members
  • 1,414 posts
  • LocationDestiny
  • Reputation:3

Posted 07 November 2009 - 08:38 AM

very good and in depth tutorial. Great job darkshock :D.


Posted Image
"Clearly it's a very serious and literal meaning. If you're not solving physics equations then get off my lawn!-Rick Brewster Paint.net Lead Developer"


#16 Frontcannon

Frontcannon
  • Members
  • 2,302 posts
  • LocationNorth-Rhine Westphalia, Germany
  • Reputation:4

Posted 07 November 2009 - 07:22 PM

Though I knew all the steps already from watching your videos :D

#17 sokagirl

sokagirl
  • Members
  • 1,679 posts
  • Reputation:2

Posted 08 November 2009 - 12:25 AM

Well , here's my go at it . Although the outcome is different I did learn how to make the background which I love very much so thanks so much for the tutorial :mrgreen: :AddNoise:

Posted Image

Posted Image

Thanks to Chrisco for this wonderful gift signature


#18 Briamoth

Briamoth
  • Validating
  • 283 posts
  • LocationBig Blue Nation
  • Reputation:0

Posted 08 November 2009 - 02:40 AM

Thanks for the awesome tut. I really enjoyed making this. Well, here's what I got.

Posted Image

I love sonic.

#19 007 Nab

007 Nab
  • Members
  • 2,269 posts
  • LocationThe People's Republic of Socialist Romanistan
  • Reputation:0

Posted 08 November 2009 - 02:48 AM

Briamoth: I'd have to say your flow there is spot on - very rare for a beginner :)
You might want to think about your text placement and font - it seems they kind of clash with the overall theme.
Maybe make the text smaller and change up the font.
Otherwise, great job!

You can do step 16 with vignette :P


Vignette gives your a circle, he drew an oval shape.

But yeah, it would come pretty close and not compromise the composition.

_____


Cool tut Shock! Very nice for beginners - plenty of detail in there, good job.

"pyrochild, you're my favorite person ever. We should go snowboarding some time."~ 007 Nab. Ish.
Posted Image
Click signature for stock source. Photograph by William Albert Allard. © National Geographic.
PDN Gallery | I Made a Deviant Art!


#20 Briamoth

Briamoth
  • Validating
  • 283 posts
  • LocationBig Blue Nation
  • Reputation:0

Posted 08 November 2009 - 02:53 AM

Thanks Nab! :D It always feels good to fell you've accomplished something. Just wondering what type of font do you think would go well with the overall design. I couldn't really think of much to put on there.