Foog's sig tutorial - Printable Version

Foog's sig tutorial - Printable Version

+- Blizzard Sector (https://www.blizzsector.co)
+-- Forum: General Community (https://www.blizzsector.co/forum-3.html)
+--- Forum: Graphics and Art (https://www.blizzsector.co/forum-13.html)
+--- Thread: Foog's sig tutorial (/thread-21183.html)

Pages: 1 2 3

Foog's sig tutorial - Foog - 08-17-2005

First off let me say thanks to Neon, who put me up to this, meh. This tut is how I make my grunge/abstract/whatever you call them sigs, and so naturally I pull techniques from lots of people. To name a few, II Nightmare II (he wrote a brilliant tut that I used a lot), El Matt, Anferny, and a few others. So thanks and credit to people who helped me learn how to do this.

To start:

Create a new document of 450x125 pixels, with a transparent background.
[Image: tutorial1.jpg]

Then hit Alt-Backspace to fill the background with black, which ought to be your foreground color.

Find a nice brush set from http://browse.deviantart.com/resources/applications/psbrushes/?view=1&order=5&limit=24 and after making your foreground color white, click around in the background, using different brushes, til you achieve something like this.
[Image: tutorial2.jpg]

Back at deviant art, download metal-cx's sparkle brushes, create a new layer, fill it with black, switch to white, and click around again. Once you've done that, and achieved a pretty bright sparkly layer, lower the opacity to between 60 and 70%.
[Image: tutorial3.jpg]

Next, add Brightness/Contrast and Levels adjustment layers by navigating to Layer-New Adjustment Layer-Brightness/Contrast or Levels. Play with those two layers until you reach something brighter and more contrasted like so:
[Image: tutorial4.jpg]

Now, add a Color Balance adjustment layer (same way as above) and make it red, or whatever base color you want. Once you've found a color, hit okay, reset your colors and go Filter-Render-Clouds. It ought to make the clouds apply to the layer mask, which effectively applies the color to the sig very .. well, cloudy. Make a couple layers of color just like this, using slightly different colors, til you get something like this:
[Image: tutorial5.jpg]

Find a nice render: I used samus. I set it to darken, under my coloration/contrast/levels layers, but above the brushing.
[Image: tutorial6.jpg]

Now, select your render layer, and hit "Q". then click on your gradient tool, make sure you're in this mode ( [Image: tutorial7.jpg]

) and make sure you're on foreground to background on your gradient (black to white) and click and drag from samus's center to the side. see that you have something like this.
[Image: tutorial8.jpg]

Now hit "Q" again, and then hit delete a few times unti lyou have something like this:
[Image: tutorial9.jpg]

Next, create a layer under the coloration and all that, and type whatever word you want in whatever text/font/style you want. Just put it in white, and then set it to linear dodge (learned from el matt) and lower the opacity gradually til you have something like:
[Image: tutorial10.jpg]

To add a nice border, create a new layer and select all with your marquee tool. Four pixel black stroke, and then a three pixel white stroke, and then a one pixel black stroke. Set the whole layer to soft light, put your name somewhere, and YOU'RE DONE!
[Image: tutorial11.jpg]

P.S. If you're a guest and you're reading and liking this tutorial, please register here at Diablo II Sector. As the graphics moderator, I'd really like to see some new graphics designers here. thanks!!

Foog's sig tutorial - Neon - 08-17-2005

Awesome!
It looks very nice, im gonna try it out tomorrow when i wake up.
Im off to bed now, Good night.

Foog's sig tutorial - pt14 - 08-17-2005

very nice tut ill try it out soon

Foog's sig tutorial - A|fzZz - 08-17-2005

Is the gradient thingie stuffs ALL about blending in the render?

Foog's sig tutorial - Neon - 08-18-2005

Well, at least i tried [Image: undecided.gif]

Foog's sig tutorial - Halcyon - 08-18-2005

Ya i tried too..

[Image: salvation7ko.jpg]

Foog's sig tutorial - Mc_Blackzon - 08-18-2005

nice tut, nice tut

Foog's sig tutorial - Foog - 08-18-2005

yeah, the gradient is how i blended that render. that's all i did to blend it...

hey guys, nice work. that's not bad at all.

Foog's sig tutorial - [The Reaper] - 08-18-2005

heh, how do you get it so the squares don't show up in the bground when using the brushes?

Foog's sig tutorial - sXp - 08-18-2005

I gotta try this soon wanna make some sig Smile

U are using Photoshop CS2 right ?

Foog's sig tutorial - pt14 - 08-18-2005

i tried too...heh but my try wasnt so good

Foog's sig tutorial - kijer - 08-18-2005

cover them with a color (he used black)

**Edit**
he covered the squares (transparent) with black than used white brushes over the black

Foog's sig tutorial - Neon - 08-18-2005

pt14, i liked your's. it was pretty good.you'rs to yuzzy

Foog's sig tutorial - [The Reaper] - 08-18-2005

nvm fixed it by pressing new layer from backround, now how do i put the render into the sig? THis is all i have right now by just playing around with the brushes.

[Image: firstsig1rc.jpg]

Foog's sig tutorial - pt14 - 08-18-2005

ok to use the render you first cut it out by using the lasso tool or get a pre-cut one and once you do this you push V and itl bring you to the move tool then you just click on the render and drag it onto the sig but you might have to re-size the render to make it fit the sig so you go to image then imagesize and fix the size....hope that helps you
oh and ty neon yours turned out really good also

Foog's sig tutorial - nujabes - 08-18-2005

pt14 that isnt bad.
very nice foog i will try that

Foog's sig tutorial - Halcyon - 08-18-2005

i tried like 8 different renders, 7 out of the 8 didnt work because the main part of the render was on one side and would fade away too easy. i finally got the auron render that was in the center.

so wat i found was, that its easier to do on a render that the main part of it is in the middle.

Foog's sig tutorial - [The Reaper] - 08-18-2005

Is "blending" hiding the white spots you can't erase? I'm assuming using the eraser is an alternative to the lasso tool. I couldn't find out how to blend. Just picked out random font.

[Image: green3wh.jpg]

Foog's sig tutorial - Foog - 08-20-2005

blending is (after you render it, which means separating the main picture from the background it was originally in) making it fit in more with the sig, not stick out so much. and no, guys, i can blend a render w/ that method no matter where it is located in the render...give me some rendesr and ill make sigs to show you.

Foog's sig tutorial - Halcyon - 08-20-2005

When i tried to blend a render with the main part of one side, it would blend a little too much. How would you fix that?

Use the gradient tool not in the center, but put in on the main focus of the render?