How To Create Simple Yet Attractive Eye Catchy Signature In Photoshop

How To Create Simple Yet Attractive Eye Catchy Signature In Photoshop

var fbShare = {url: ‘http://pcandweb.com/tutorials/how-to-create-simple-yet-attractive-eye-catchy-signature.html’,size:’large’} I have been very slow going these days , due to my work, and today i’m back with a very simple photoshop tutorial, The aim of the tutorial is to create a very very simple signature for advertising yoursite in forums, portals etc and i guarantee it will be [...]

Author : Subhadeep

Author's Website | Articles from Subhadeep

Hello! I started PCANDWEB because i wan't to share what little knowledge i have with the world. You can find me on Twitter!

I have been very slow going these days , due to my work, and today i’m back with a very simple photoshop tutorial, The aim of the tutorial is to create a very very simple signature for advertising yoursite in forums, portals etc and i guarantee it will be more noticable and attactive than other complicated masterpiece signatures. And as a matter of fact the tutorial is easy as hell !!

1) Create a New File in photoshop approximate 500*150px in size. Use rounded rectangle tool (10px radius) to draw a rectangle taking up the most of the space, as the image below.

signature_step1

2) Now we have to add some layer styles, click the fx button in layers panel and select gradient overlay.

signature_step2

Follow the image for the gradient settings.

signature_step3

Next we need to give it a stroke and shadow follow image below.

signature_step4

3) Next we need to add some text over it. USe the text tool to create text and align in the center, give it a gradient and stroke as shown below.

signature_step5

signature_step6

step_6_result

4) Its almost done except for giving it the prespective, create a new group and add all layers except the background layer in it and convert it into a smart object, if you are in older version and doesnt have the option just rasterize all layers except the background layer.

signature_step7

signature_step8

Now Transform the layer (CTRL+T) and pressing ALT and clicking on the nodes transform it to give it any shape yu like and which looks good.

signature_step9

5) This part is about saving the image, first hide the background layer clicking on the eye icon and then go to File > Save For Web And Devices, select PNG24 and makesure transparency is selected. Your Signature is ready !!

Signature

Thanks Hope you enjoyed the tutorial !!

Like this post? Share it!

  • Diggit
  • Delicious
  • Diggit
  • Diggit

Related Posts


User Comments


  1. lawrence77
    Apr 29th

    wow really nice……
    I like the last step transformation! ;)

    lawrence77’s last blog post..Daily Inspiration #2

    Reply


  2. Link added to our directory. Visit us, by click the name.

    DesignerTutorials.net’s last blog post..15 Free Origami Icons

    Reply


  3. huwaw69
    Apr 29th

    This is a good tutorial to make a forum account signature! keep up the good work men! and please do make a tutorial like this with other effects… thanks in advance

    Reply


  4. photo retouching
    Apr 30th

    nice logo result- I also like what you did with your social bookmarks!

    Reply

Leave a Reply

Show Your Last Blog Post
Rss Feeds   Twitter Followers Email Updates

Community Feeds

  • Create a Delicious Type Treat

    If you want to take your 3D typography skills to the next level, then we have an awesome tutorial for you. Learn how to create two tasty type effec…

  • 27 Must-Have Starter Kits For Web Designers

    Starter kits are great timesavers for web designers and they are particularly useful for those who often create mock-ups for project pitching on da…

  • 60+ Awesome Wordpress Tutorials

    Here I have compile a list of “how to create your own WordPress theme” tutorials/articles. I hope this can save your time on searching and pay …

Submit More