Help - Search - Members - Calendar
Full Version: My first tutorial! PS
Pixel2Life Forum > Member Tutorials and Requests > Forum Tutorial Archives > Photoshop Tutorials
Ph0enix
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.

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.


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.)


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


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.


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.)


(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.



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



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



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



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

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.


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


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


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.


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.


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.


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.



Then go down to pattern overlay and use these settings.



This shoud be kind of what it looks like.


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.
lllAE86lll
Ermm i consider that as a plain imo >.< Background very empty , Yet nice try ..
MK_LAGI
I thought this was going to look good at the end, you finished too quick, but for first tutorial, i like smile.gif
oneshot
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 sad.gif background

fixxxx it victory.gif victory.gif
Nedyvai
i fink next time you will d better bigwink.gif
Dale71
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.
iPacman
I agree with dale, good tut, but a bit plain, so i decided to edit it a little smile.gif

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.