Photoshop Signature Tutorial #1

Sbenny.com is trusted by 1,312,823 happy users since 2014.
Register

Janina

⚔E.L.I.T.E⚔
Member for 5 years
In this tutorial you will learn how to create the following signature
result.jpg

This tutorial will teach you how great render and background selection together with some adjustment layers can create an amazing looking signature!


1. Render and background selection
A big part of your outcome will be determined by the render and background you choose in this step. For the render pic something that has some nice action going on it. Explosions, or special effects in the render is what you are looking for! Cartoonish like renders work great for this type of
signature.
thumbs_render.png

For the background try to pick something in a similar style: If you pick a space render, try to go with something tech like. Since I picked an archer I'm going for some tree/forest like render.

2. Adding the render and background
Create a new document (I used 500px x 280px) and add your render. Go to sharpen > smart sharpen and sharpen the render with 25%.
1.jpg

Now add your background on a layer behind your render.
Duplicate and rotate the background a couple of times and erase / move parts around to fill the entire background.
If the color in the background don't match that of your render (my background was green while my render is blue), recolor the background. To do this first merge all your background layers into one big layer and edit the Hue/Saturation (CTRL+U) so it matches that of your render.
3.jpg


3. Adding color highlights to the background
Create a new layer between the background and your render. Using the bucket tool, fill it with black. After this take out your brush tool and select a soft round brush (size around 50px) and brush in certain area's to create highlights. Set this layer on color dodge (you can also lower the opacity of this layer, I changed it to 75%)
4.jpg

Keep adding layers like this where you brush with color or black to highlight certain parts or make other parts darker. Try various brush sizes and layer blending modes and take your time! A good signature is never made with just a couple of layers, during the rest of the tutorial you will see that every now and than more and more color highlights where added to the sig.
My result after this step:
6.jpg


4. Blending the render with the background
The render still looks like it is on top of the background, and not part of it like it should be.
To blend in the render we are going to add parts of the background on top of the render.
8.jpg

As you can see I once again added more blue highlights on various parts of the background.

5. Adding text and C4D renders
Now we will add some text and C4D renders to the signature. While both of these can really improve your signature, they can also ruin your signature. It takes some practice to really get good at these!
For the text always try to keep it simple and never ever use outer glow or bevel and emboss! Go with easy to read fonts and perhaps a subtle gradient.
Don't tuck away your text in a corner, place it around the main focal point. Our main focal point in the signature is the face, so place the render up/down and left/right of this render. Since there was some nice space left near the bottom right of the focal point, this is where I placed the text.
61.jpg

You can find some great C4D renders in our C4D render gallery. I picked an orange bubble C4D render and added it on top of all other layers, after this I removed parts of the C4D render which I didn't like using the eraser tool.
10.jpg



Post automatically merged:

6. Gradient Maps
Now I added some Gradient Maps using Layer > New adjustment layer > Gradient Map. You can create your own gradient maps, or pick some of the default maps. Pick gradient maps that match the colors in your sig and play around with the blending modes and opacity!
I used three gradient maps:
gradients.jpg

To get the following:
7.jpg


6. Final adjustments
I can't really help you with this step, since it really depends on your signature what kind of final adjustments you need. Here are some things you could try:
  • Various filters (I used the topaz filter, which you can download just google it)
  • Sharpen / blur parts of the signature
  • Color dodge to make parts of the signature lighter.
  • Color burn to make parts of the signature darker.
This is what I did:
final-adjustments.jpg

and here is the signature all finished (I also added a simple border)
result (1).jpg


Conclusion
In this tutorial I showed you how you can make a great looking signature with some basic technique's. Don't forget that the biggest part of your outcome is determined by the render and background you pick!

GL Hadez
 

Attachments

Last edited:
Top