Jump to content


Photo

[How to] Create a Vista Window Style Sig


  • Please log in to reply
16 replies to this topic

#1 ricktendo

ricktendo

    Group: Banned

  • Global Mods
  • 8,435 posts
  • Location:La Ceiba
  • OS:Windows 8 x64

Posted 15 October 2006 - 03:32 PM

Found this Great Tutorial on JoeJoe.org thought you would like this WolfX2 http://www.joejoe.org/forum/index.php?showtopic=840&hl=

How to create a vista window styled sig



1.Start with any background image *mine below* in a 600x220 image.
*had to remove due to having to many pictures on it.*
2.Using Rounded rectangle tool set to 5px create a shape roughly this size. Then rasterize shape.
Posted Image

3.Lower the fill percentage to 40% and add the following blending options:

Drop Shaddow - Angle - 120, Distance - 10, Size - 8
Outer Glow - Blend Mode - Multiply, Color - Black, Size - 3
Stroke - Size - 1, Color - White, Opacity - 60%

Should now look like *below*
Posted Image

4.Now using these buttons i made for your please paste them into your image and place them about here*below*
**Buttons**
Posted Image
Posted Image

5.Create a new layer (Crtl+Shift+N) and using the rectangular marquee tool select about this much of the layer *below*
Posted Image
And fill that selection in white.

6.In the blending options add a stroke that is color black and 1px size and 50% opacity, then add a outerglow of 4px size that is colour white. You should have something like this *below*
Posted Image

7.Now add in any other details you may to add like an image or username
8.Now the finishing touch fading it out to white.
create a selection on your background image like the one *below*
Posted Image
Right click in the selection and choose feather and make the number as 7px and press ok, now press Crtl+Shift+I to inverse the sleection and hit delete.

At the ends you should now have something looking like this.

Posted Image

If you want to create the ultimate Vista sig look carry on with the next stages.

9.Select around you shape by press Ctrl+Left click on the picture thumbnail of the layer "shape", this will happen*below*
Posted Image

10. Now on the background layer but still with theselection on teh shape but on the background layer go to Filter>Blur>Gaussian Blur>3px *or anything you think is suitable*

You will end us will a great looking signature like this.
Posted Image


Tutorial written by jordygreen™


Edited by ricktendo64, 15 October 2006 - 03:40 PM.


#2 NIM

NIM

    Vigilant

  • Administrator
  • 3,913 posts
  • OS:Windows 8 x64

Posted 15 October 2006 - 05:35 PM

Really nice tut Rick :thumbsup:

#3 WolfX2

WolfX2

    ΙΧΘΥΣ

  • Members
  • PipPipPipPipPip
  • 375 posts
  • Location:Gibbons, Alberta, Canada

Posted 15 October 2006 - 09:46 PM

YAY! great job rick! I'll find a use for this very soon :)

#4 cygnus

cygnus

    Wincert Addict

  • Members
  • PipPipPipPipPipPip
  • 623 posts
  • Location:Canada
  • OS:Windows 7

Posted 06 November 2006 - 02:08 AM

hehehe well i used it ^_^ looks great too btw

#5 MGadAllah

MGadAllah

    Tutorials Geek

  • Members
  • PipPipPipPipPip
  • 313 posts
  • Location:EGYPT - CAIRO
  • OS:Windows 7 x64

Posted 06 November 2006 - 10:33 AM

Thanks
Very Nice!?

#6 NIM

NIM

    Vigilant

  • Administrator
  • 3,913 posts
  • OS:Windows 8 x64

Posted 06 November 2006 - 04:36 PM

hehehe well i used it ^_^ looks great too btw

True, it looks preety good. Seems like a good tut for start of making sigs B)

#7 St.George

St.George

    Member

  • Members
  • PipPip
  • 17 posts
  • OS:Windows XP Home

Posted 27 June 2007 - 08:23 PM

wow, i really like this tut, great work mate. Here is what i got

Posted Image

#8 ricktendo

ricktendo

    Group: Banned

  • Global Mods
  • 8,435 posts
  • Location:La Ceiba
  • OS:Windows 8 x64

Posted 27 June 2007 - 09:19 PM

Looks like we got another awesome graphix dude to hound for sigs :P

#9 St.George

St.George

    Member

  • Members
  • PipPip
  • 17 posts
  • OS:Windows XP Home

Posted 28 June 2007 - 03:53 AM

Looks like we got another awesome graphix dude to hound for sigs :P


Sure, i can do that. I am having so much fun with this tutorial, its bloody great lol lol. I made a sig for my Playstation forum

Posted Image

#10 JurgenDoe

JurgenDoe

    Digital Artist

  • Members
  • PipPipPipPipPipPip
  • 511 posts
  • Location:Germany / USA
  • OS:Windows 7

Posted 01 July 2007 - 03:19 AM

Sure, i can do that. I am having so much fun with this tutorial, its bloody great lol lol. I made a sig for my Playstation forum

Posted Image


I would like to have a nice signature for me.............PLEASE :thumbsup_anim:

#11 JurgenDoe

JurgenDoe

    Digital Artist

  • Members
  • PipPipPipPipPipPip
  • 511 posts
  • Location:Germany / USA
  • OS:Windows 7

Posted 12 July 2007 - 04:46 AM

Ok I tried my hands on a signature too :thumbsup_anim:

I just changed some settings :icon_rolleyes:

Edited by JurgenDoe, 12 July 2007 - 07:39 AM.


#12 NIM

NIM

    Vigilant

  • Administrator
  • 3,913 posts
  • OS:Windows 8 x64

Posted 12 July 2007 - 05:54 AM

Ok I tried my hands on a signature too :thumbsup_anim:

I just changed some settings :icon_rolleyes:

I'm sorry that no one replied at your request for the sig, seems that Wolf is preety busy now since he'd probably do it. But I must admit that you made a quality sig, hope that your PS skills improved with this small tut :icon_cool:

#13 JurgenDoe

JurgenDoe

    Digital Artist

  • Members
  • PipPipPipPipPipPip
  • 511 posts
  • Location:Germany / USA
  • OS:Windows 7

Posted 12 July 2007 - 07:42 AM

I'm sorry that no one replied at your request for the sig, seems that Wolf is preety busy now since he'd probably do it. But I must admit that you made a quality sig, hope that your PS skills improved with this small tut :icon_cool:


Thanks and yep I did my own sig. from an Image I made. I just changed some setting so the drop shadow is not to much visible :thumb_yello:
Going now to :tumbleweed: some sleep :thumbsup_anim:

Edited by JurgenDoe, 12 July 2007 - 07:47 AM.


#14 windowsguy

windowsguy

    WinCert Friend

  • Members
  • PipPipPipPip
  • 198 posts
  • Location:Pheonix,AZ

Posted 15 July 2007 - 06:20 PM

i made 1....
is there a .psd for it???

#15 Mr.Thunderbird

Mr.Thunderbird

    C# Developer

  • Validating
  • PipPipPipPipPip
  • 355 posts
  • OS:Windows 7

Posted 25 September 2007 - 07:02 PM

Good one there, I might make some signatures with this tut :)

#16 LUZR4LIFE

LUZR4LIFE

    LUZR of the WORLD

  • Addon Maker
  • 1,457 posts
  • Location:Detroit, MI
  • OS:Windows 7

Posted 25 September 2007 - 07:16 PM

Great up. I have been wondering who to make these. I have CS3 but never used it, not sure how and since I found out about creating XP cd's, that's all I have been reading about, though it has me so **** lost, I will figure it out sooner or later.

#17 Sull

Sull

    Se7en

  • Members
  • PipPipPipPipPip
  • 352 posts
  • Location:Canada
  • OS:Windows 7

Posted 04 January 2008 - 09:25 PM

Oh dang :rolleyes: I knew I saw a guide like this when I was attempting mine, funny thing is I could not find it haha, look at that it is at wincert ... time for me to improve hehehe

Thanks for this one

Edited by Sull, 04 January 2008 - 09:25 PM.





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users