PDA

View Full Version : Grunge Tech Signature



Torrent of Flame
02-01-2009, 11:23 AM
Resources You NEED
http://wurklash.deviantart.com/art/Big-Brushes-200-Tech-Brushes-8467384
http://wurklash.deviantart.com/art/BB-200-Tech-Brushes-Vol-2-12589205
http://gangstacj.deviantart.com/art/Gangsta-CJs-Grunge-Brush-Set1-28611709

So This tutorial will help you in procuding a signature like this:

http://i139.photobucket.com/albums/q312/josh075/FinishedProductcopy.png


So First off, make a new canvas by going to File > New. Set the Canvas size to 400 x 150px and then press D to get Photoshop’s Default Colours, Black and White.

Then we have to render some clouds, so go to Filter -> Render -> Clouds.

http://i139.photobucket.com/albums/q312/josh075/Step-1.png

Now with those grunge brushes, brush 1 layer black, 1 layer white for about 6 layers alternating brushes per layer. Don’t over do it though, maybe just two or three brush strokes per layer.

http://i139.photobucket.com/albums/q312/josh075/Step2copy.png

Now, time to get a render, pop over to www.planetrenders.net and look for a Mech render, there are some nice ones. Make an account so you can click on the picture to get is as a .png (so you don’t have to cut it out, loosing quality and loosing perfected edges, etc.) Drag the render onto your sig by simply clicking on it, and dragging it onto your signature canvas. Resize it accordingly, but don’t make it too small! Resize it equally by holding the shift button when you resize it, as in the dimensions go down together so it is not skewed vertically or horizontally.

http://i139.photobucket.com/albums/q312/josh075/Step3copy.png

(My Render is Attatched to this post)

Now blend in the render a little to the background. Press Ctrl + U to get up the Hue/Saturation box and lower the saturation, but not all the way, so you loose some colour but not all of it.

http://i139.photobucket.com/albums/q312/josh075/Step5copy.png

Right, now time to add some colour. Go to Layer -> New Adjustment Layer -> Colour Balance. Pick colours that work well together, I went with a kind of blue colour in this sig, but it really depends on what you feel would go well with your signature. Play about with all 3 settings, Shadows, Midtones and Highlights, until you find something you like.

http://i139.photobucket.com/albums/q312/josh075/Step4copy.png

Now go a layer BELOW the render layer, and take out your ‘Starry Grunge’ brush set, make sure the colour is set to white, as this gives a better effect. Brush 1 or 2 layers of these.

http://i139.photobucket.com/albums/q312/josh075/Step6copy.png

With my signature, I thought that it looked too bright, as you can see above, so I set the Colour Balance layer to ‘Soft Light’ to make the signature darker.

http://i139.photobucket.com/albums/q312/josh075/Step7copy.png

Now we can move onto the tech brushing. The key to this is placement and not overcrowding your signature with them so you can still see the background behind. NEVER brush over your render with them though.

Create a layer below the render and colour balance layers and set your colour to white, and take out a tech brush.
You will want 2 – 5 layers, depending on how good you are at brushing. If you get something that is really good, make a NEW layer, so if you fuck it up, then you fuck it up on a new layer, and still have the nice brushing you had before. This part is the most time consuming of the whole tutorial.

http://i139.photobucket.com/albums/q312/josh075/Step8copy.png

You may say mine is too crowded, but I think not. You have to look at in the way ‘If it looks too crowded, it is too crowded’ so if you think its getting too crowded, it is, so stop.

Set all of your tech layers to Overlay, with a lowered Opacity, depending on what you think looks good.

http://i139.photobucket.com/albums/q312/josh075/Step9.png

You can add some text now if you like; I went with some small pixel text, called Silkscreen, just to tag my signature.

Now it’s just quickly time to add a border. Make a new layer above ALL of your current ones, and fill it white. Set the Fill % (found under Opacity) to 0, then Double click the layer to bring up the blending options panel. Click on stroke and set the Position to “Inside”. Lower the size from 3 to 2 or 1, depending on what you fancy, and change the colour to something that would suit your signature.

http://i139.photobucket.com/albums/q312/josh075/Step9.png

Thus we end up with the finished product!

http://i139.photobucket.com/albums/q312/josh075/FinishedProductcopy.png

Several examples of where you can go with my tutorial (Made by me whilst/after writing this tutorial..)

http://i139.photobucket.com/albums/q312/josh075/HtFcopy.jpg

http://i139.photobucket.com/albums/q312/josh075/Mechcopy-1.jpg

http://i139.photobucket.com/albums/q312/josh075/SATechcopy.jpg


You can download the .psd here for LEARNING PURPOSES ONLY http://www.easy-share.com/1903469591/Finished Product.psd

thedetro125
02-01-2009, 11:31 AM
First Post!!!

Nice tutorial, the thing i didnt know about sigs is that it takes layer upon layer upon layer, but that way i suppose you can track back on your mistakes pretty easily.

~thed

Bad Processor
02-01-2009, 12:00 PM
I always thought those signatures were done pixel-by-pixel by a pixel artist. Well, I guess I'm wrong.

-- BP

Dervish
02-01-2009, 12:29 PM
I always thought those signatures were done pixel-by-pixel by a pixel artist. Well, I guess I'm wrong.

-- BP

Joking right ? You know HOW DARN MANY PIXELS/HOURS THAT WOULD TAKE ?


Anyways, Sexc tut ;). +Rep ;).

Zyt3x
02-01-2009, 01:38 PM
Joking right ? You know HOW DARN MANY PIXELS/HOURS THAT WOULD TAKE ?


Anyways, Sexc tut ;). +Rep ;).
Actually it wouldnt take an experienced pixel artist more than ... 3 hours?

Dervish
02-01-2009, 01:41 PM
Actually it wouldnt take an experienced pixel artist more than ... 3 hours?

I don't agree, look at all details and stuff...

http://i139.photobucket.com/albums/q312/josh075/FinishedProductcopy.png

For example, that would take FOREVER to make 1 px by 1 px and still look right.

Like ~2 weeks if you're an EXTREMELY ÜBER EXPERIENCED pixel artist.

Zyt3x
02-01-2009, 01:46 PM
I don't agree, look at all details and stuff...

http://i139.photobucket.com/albums/q312/josh075/FinishedProductcopy.png

For example, that would take FOREVER to make 1 px by 1 px and still look right.

Like ~2 weeks if you're an EXTREMELY ÜBER EXPERIENCED pixel artist.
Look what I've done since I read this tutorial: http://img167.imageshack.us/img167/9061/tanksas5.png
And I've never done any pixel-art before.

Torrent of Flame
06-01-2009, 05:29 AM
Look what I've done since I read this tutorial: http://img167.imageshack.us/img167/9061/tanksas5.png
And I've never done any pixel-art before.

Thats niace. I havent replied for missions, but that is reallly nice.

Torrent of Flame
06-02-2009, 03:07 AM
Shit looking imo, nowhere close as the sig obtained from his tut.

That isnt the point. You dont have to produce something that looks the same. Serious you need to get off your fucking high-horse. You've been a prick lately to be honest Dervish. I can see why I was glad you left.

Torrent of Flame
06-03-2009, 10:36 PM
If you read the thread, he kinda said you should be able to obtain the sig you did in photoshop in paint if you were an experienced Pixel Art Painter....

I have read it, and you dont have the be experienced to do 2D pixel art. 3D is alot different, same as isometric pixel art. But 2D, you dont have to be experienced.

And that wasn't what I was getting at, I was saying you can't call it shit, for one, and you galivant around being a moron lately, second.

Dervish
06-04-2009, 02:04 AM
I have read it, and you dont have the be experienced to do 2D pixel art. 3D is alot different, same as isometric pixel art. But 2D, you dont have to be experienced.

And that wasn't what I was getting at, I was saying you can't call it shit, for one, and you galivant around being a moron lately, second.

Maybe, I can't judge for myself wether I'm being mean or so, other people can. So I'll take your word for that.

What's galivant btw ?

I'll delete my post as an excuse...

Sorry Zytex.

Let's stop messing around here shall we ? This is a nice tutorial after all, not a flame war zone.

Torrent of Flame
06-04-2009, 02:34 AM
Maybe, I can't judge for myself wether I'm being mean or so, other people can. So I'll take your word for that.

What's galivant btw ?

I'll delete my post as an excuse...

Sorry Zytex.

Let's stop messing around here shall we ? This is a nice tutorial after all, not a flame war zone.

Galivant is a posh way of saying moving about :P

^_^

And I didnt mean to sound so harsh, eithherr. <33