Jump to content


- - - - -

My first tutorial! PS


  • You cannot reply to this topic
6 replies to this topic

#1 Ph0enix

    Young Padawan

  • Members
  • Pip
  • 33 posts

Posted 16 June 2006 - 02:23 PM

Hello, Thanks you for taking the time to look at my first tutorial. Well what we are aiming to do in this tutorial is to create a simple but nice looking sig with a border.

The first thing we need to do is create a pattern. Open a document 3x3 with a transparent background, set your foreground colour to black, and grap the pencil tool. Make a cross on your document like this.
Posted Image
Once you have done this go to Edit, then Define pattern and save it as cross.

Now the Sig..
Ok to start off with open up a new document that is 400x130 with a transparent background.
Pick two colours that you would like the border of the sig to be, for this example i used a nice red and orange. Then use the gradient tool to make a nice colour.
Posted Image

Then select the Polygonal Lasso tool to creat the border of your sig. (If you hold SHIFT you can make straight lines and 45 degree angles, you can get it to look something like this.)
Posted Image

Then press the delete key to clear the section.
And you should get something like this.
Posted Image

Once you have done this apply a stroke to the edge. Make it 2px and make the colour a little darker than the border.
When you have put a stroke, go to gussian blur and set it to 1.3
And you should have something looking like this.
Posted Image

After doing this Create a new layer and fill it with the colour you want your background to be. (Make sure the border layer is on top so you can still see your border.)
Posted Image

(This part is optional)
Select the border layer. Once doing this select the Rectangular Marquee tool, and set it to fixed, 5x5.
Then take out sections in the border to give it a nice look, a bit like this.
Posted Image


After doing this, go to the layer style of the border layer and go to Bevel and Emboss, and but these as the settings.
Posted Image


Then go to pattern overlay and choose the pattern we made earlier and use these settings.
Posted Image


Now That thats done it should look a bit like this.
Posted Image


Now we shall put an image into the sig, if you allready have an image that has a trasparent background then you can skip this part.
For this example i will be using this image
Posted Image
Ok if you want to take the image away from its background do the following.
Open it into a new document.
Click filter then extract.
Then click the edge highlighter tool and go around you image. (Go around on the inside of your image, not on the outside.)
So it looks like this.
Posted Image

Once you have been around your whole image select the Fill tool and fill the picture, the click preveiw.
Posted Image

You will notice that some of the edges are pretty rough and look crap like this.
Posted Image

So just grap the Edge touchup tool. and click and rub across the section that you want to fix, so it then looks like this.
Posted Image

After you have finished with the edge touchup tool, just press ok.
When you have done that select the picture with the rectangular marquee tool and copy it into you sig (making sure it is under the border layer but above the backround layer) and then put it into a suitable position.
Posted Image

Once you have done this, duplicate the picture layer once. then to the picture underneath add a motion blur of 90.
So it would then look like this.
Posted Image

Ok now time to add the text, for this example i used Battlestar text.
Add your text to where ever you want on you background.
Then Go to layer style and click bevel and emboss, use these settings.
Posted Image


Then go down to pattern overlay and use these settings.
Posted Image


This shoud be kind of what it looks like.
Posted Image

Thats about it, obviously you can change some of the settings and add new things.
Just keep tryin different things.

Ph0enix

PS. Could you please give me feedback about my first tutorial, Thanks.

Edited by Ph0enix, 16 June 2006 - 02:28 PM.


#2 lllAE86lll

    Young Padawan

  • Members
  • Pip
  • 112 posts

Posted 16 June 2006 - 03:37 PM

Ermm i consider that as a plain imo >.< Background very empty , Yet nice try ..

#3 MK_LAGI

    Jedi In Training

  • Members
  • PipPip
  • 437 posts
  • Location:Cardiff, Wales
  • Interests:p2l :D

Posted 16 June 2006 - 03:57 PM

I thought this was going to look good at the end, you finished too quick, but for first tutorial, i like :D

#4 oneshot

    Young Padawan

  • Members
  • Pip
  • 42 posts

Posted 11 August 2006 - 12:58 AM

WOOP WOOP nice man

im diggin the whole sig apart from the strait yellow background right there

that aint right its like, such a nice sig ruined by such a STANDARD :) background

fixxxx it ;) :D

#5 Nedyvai

    Young Padawan

  • Members
  • Pip
  • 10 posts

Posted 11 August 2006 - 05:22 AM

i fink next time you will d better :)

Edited by Nedyvai, 11 August 2006 - 05:23 AM.


#6 Dale71

    Jedi In Training

  • Members
  • PipPip
  • 334 posts
  • Location:127.0.0.1
  • Interests:Stuff.

Posted 11 August 2006 - 05:31 AM

Nice 1st tutorial. It's a good tutorial for beginners and people that are starting out but for more advanced people it would be cool if you put a bit more detail, brushing, and somthing to make it not as plain in.

#7 iPacman

    Young Padawan

  • Members
  • Pip
  • 1 posts

Posted 24 December 2007 - 08:48 AM

I agree with dale, good tut, but a bit plain, so i decided to edit it a little :yodasearch:

Posted Image

Edited by iPacman, 24 December 2007 - 08:49 AM.






1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users