Photoshop Tutorial: Forum Signatures

Pages: 1, 2
free web hosting

Read Latest Entries..: (Post #12) by iGuest on Jun 22 2008, 10:46 PM. (Line Breaks Removed)
Nice tutorial Photoshop Tutorial: Forum Signatures Replying to DreamVery nice tutorial, I started to use photoshop yesterday and I did what you have posted there, very easy to understand. Thanks for posting it :)-reply by Lawless
Read the FIRST post of this Topic. - Express your Opinion! Contribute Knowledge :-).

Free Web Hosting > Computers & Tech > How-To's and Tutorials > Graphics and Animation > Photoshop

Photoshop Tutorial: Forum Signatures

Dream
.:OBJECTIVE:.
To create an easy and attractive forum signature without excessive know how of the Photoshop program.

.:DIFFICULTY:.
Medium, must have some rudimentary Photoshop skills and the ability to follow instructions.

.:TOOLS:.
Photoshop 7.0 or above.

.:TUTORIAL:.
1. First of all get this image (image made by me with brushes by silverninja from deviantART). Copy and paste this onto a new sheet in Photoshop.
2. Create a new page (ctrl + N) with a size you feel is appropriate for your creation, I myself prefer 400px by 100px. Now paste (ctrl + V) the image as a background image for your signature, move it around with the move tool (the button on the uppermost right corner of your tool bar) until you are satisfied with its placement.

3. Press ctrl + U to enter the Hue/Colorization box, check both boxes at the bottom and move the three sliders around (hue, saturation, and lightness) until you are satisfied with the color changes on your background.

4. Now comes the difficult part, go on to Google Image Search or Search-22 Image Search and find a character you would like to place upon your signature, I’m just going to use Cloud from Advent Children as an example. Now copy and paste the image onto a new document, resize it until you feel its size is perfect and paste it onto your signature.

5. Now comes the difficult part, you have to blend this image into the background. Take the lasso tool and draw around the edge of your character, it does not have to be perfect, after you make a full circle, right click inside the circle and choose feather and enter 33 into the box that appears. Press ctrl + C then ctrl + V, delete the previous layer thus leaving behind a ghosted image of what you had before. Take the eraser tool, change the hardness to 0 and size to around 20 and brush around the edges to erase the excessive images that was not take out during the feather, be extra careful around things like hair.

6. Go to Image -> Adjustments -> Match Color (for the bottom part select your signature and then the layer the background image is on) and play around with the sliders until the character further blends into the background. Duplicate the character three times, go to the layer pallet and for the top layer set the opacity at 60 for the middle layer set the blending mode to soft light and for the last layer go to Filter -> Blur -> Gaussian Blur. Again, mess around with the slider until you get the effect you want.

7. Click the text tool, choose a text style you want type out your name, I used Blade 2 and Bitdust from DaFont and did some fancy effect to it (I’ll show you text blending/effects in another tutorial.

8. The final part, create a new layer, now press ctrl + A and go to Edit -> Stroke and choose a 1px black stroke, then make another selection about 2px away from the stroke you just created and do the same thing again, this gives the effect of a transparent border (make sure this layer is the topmost layer).

9. Save this file as a .jpg and host it on ImageShack and update your profile and you are done.

.:FINAL RESULT:.
Final result achieved with more brushing and stuff...
user posted image

.:COMMENTS:.
Feedback welcome and stuff, PM me if you have any problems. I won't put any images up because this tutorial is very much self explanatory, however if you really can't figure it out and HAVE to have pictures to be able to do it, post here, I'll post some pictures.

 

 

 


Reply

redsox58
Really nice tutorial. Very easy and step-by-step instructions. One question: Could you maybe make a tutorial on the process on how to make the background image? Maybe you already made one and I missed it or you know of any good ones on the web please let me know, thanks.

Reply

alis
biggrin.gif Very nice. It very easy to understand. However, if you don't mind, I'd like to suggest something on step five. It works pretty much the same way, but It give you a little more room for making changes. Use the lasso tool with a feather set at ...oh 15 or so and make the selecting roughly around the edges. The click "Add layer mask" It should be at the bottom of the layers floting thing. Right under the layer thumbnail.

Here's a kinda vague example. I made this ages ago and it's kinda ugly, but you get the picture.
user posted image

From there, you can click on the thumbnail on the right. (the black and white one). Use the brush tool set at either black or white and mess around with it. happy.gif




redsox: There really isn't much to it. Just go to DeviantArt.com. Browse>Resources>PS brushes. There are a bunch of really good brushes. Once you have them saved and loaded, open up a big-ish canvas in PS and just start brushing. You kinda need an eye for it. happy.gif Once you have some good brushes, you'll find it easier.

 

 

 


Reply

smoothoperator
good tutorial! You guys have some great ideas

Reply

Kitsune Illusions
Cool tutorial! I really liked the outcome. I will post my result after I have tried it.

Reply

Alegis
It's neat, but please add images between the steps.

That is not only useful for the ones following the tutorials, but other people quickly browsing through tutorials checking it's worth.

In case you sell products, provide programs for download and the likes one will always get more people interested with a quick screenshot. Reading takes so long wink.gif

Definitely neat for sigs. Many try too hard and come up with something ugly and bulky. Its small, slick and finished. Stopped using signatures anyways.

Reply

iGuest
Name: Anonymous
Email:
Opinion/Suggestion * Good tutorial, I'm going to try it right now, thanks for the background image, its a nice one. I'm going to try to make my own with some other brushes.


-Anonymous

Reply

iGuest
Name:Unforgetable
Email:unforgetable.Kid@hotmail.Com
Opinion/Suggestion *:hello, since I don't have Adobe Photoshop 7.0 at the moment can you please upload the same picture with 200x200 pixels? please I need it. The picture is kinda cool.

Reply

iGuest
Blending/Brushing
Photoshop Tutorial: Forum Signatures

Replying to Dream
WOW This is the first time I've used Photoshop for this and I think I did a pretty decent job for a newbie. But I was wondering how I can adjust the opacity of the feather, and also I'm getting a weird error when I try to feather another layer, it says "the amount of pixels selected is more than 50% and you wont be able to see the edges, or something like that. I use Photoshop 7.

P.S how can I upload a picture of it so you guys can see it?

-Crispin

Reply

iGuest
Im confused
Photoshop Tutorial: Forum Signatures

I made one sig but I want to know where to find more backgrounds becuase I want to make more sigs whit more background.So plaease tell me









Thanks



-Wmaster8

Reply

Latest Entries

iGuest
Nice tutorial
Photoshop Tutorial: Forum Signatures

Replying to Dream

Very nice tutorial, I started to use photoshop yesterday and I did what you have posted there, very easy to understand. Thanks for posting it :)

-reply by Lawless

Reply

iGuest
Replying to Feedbacker
When I put it on the forum it comes out in a small image

Reply


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Pages: 1, 2
Recent Queries:-
  1. make forum signatures - 2.32 hr back. (1)
  2. how to make forum signature - 7.72 hr back. (1)
  3. how to make forum sigs - 11.56 hr back. (1)
  4. photoshop forum signatures - 12.40 hr back. (1)
  5. making a forum signature in photoshop - 13.19 hr back. (1)
  6. how to make forum signatures - 3.25 hr back. (12)
  7. make a forum signature - 2.70 hr back. (3)
  8. how to make signatures forum - 29.30 hr back. (1)
  9. how to make a forum signature - 8.28 hr back. (8)
  10. how to make good forum signatures - 29.04 hr back. (3)
  11. forum signature photoshop - 30.50 hr back. (1)
  12. how to create forum signatures - 14.42 hr back. (2)
  13. make forum signature - 31.01 hr back. (1)
  14. making forum sigs - 34.67 hr back. (1)
Similar Topics

Keywords : complete, tutorial, forum, signatures

  1. Photoshop Tutorial: Ghost Portal
    A simple tutorial that gives a nice effect. (0)
  2. Using Mask In Photoshop
    Create a b/w in color image using mask (0)
    Hello , This is a good tutorial about a famous glamour effect used by photoshop editors all over
    the world .. Have you noticed these images for models in black and white with part or more in these
    images in colors ?! There are many ways to cet this type of effect applyed to your images ....
    You can select the parts you want and create a copy from your selection then apply the desaturation
    to the origional , Or you can create a copy layer from the origional and use erase tool to erase the
    parts you want and then apply the desaturation to the origional .. ,,, As yo....
  3. Photoshop: Smudge Signature Tutorial
    (1)
    Note: Here (click) is the render i'm using for this sig. Ok so open up PhotoShop and
    let's begin: 1.) Open up your render and a sig document (new doc any size I use 400x100 for
    smudge) 2.) Bring render over to signature doc and smudge with these settings for the brush:
    This is what I have so far: 3.) Bring your render over again and resize so it fits. Here's
    what I have: 4.) Ok not duplicate it 3 times (control+j) and hide the bottom render layer. 5.)
    Smudge your render and set the layer above it to color dodge and the layer above that to ....
  4. Photoshop Tutorial: Tech Sig
    (0)
    Ok so open up a new doc I use 400x130 px. 1.) Change colors to black and white. 2.) Go to
    Filter>Render>Clouds. 3.) Add some sparkle/nightsky brushes. 4.) Do a new layer and add your render
    and some grunge brushes in this order: White.new layer, black, new layer, white. 5.) Now it's
    time for the tech brushes! Add some tech brushes all around and make sure you right click the
    layers with the tech brushing and set drop shadow. 6.) Now press Cntrl+B for a color balance. Change
    it around until you get a good effect. 7.) You can now choose some of these effects: add ....
  5. Photoshop Signature Tuturiol
    My last ones didnt work right, hopefully this one will (8)
    Well I made this a little bit ago for a site called Gamexe.net, note i put .com on accident but
    other than that it should work just fine. Please do not put this on any other website without my
    permission. If you want to know what brushes I used just ask, I don't feel like figuring out
    right now =P ....
  6. Photoshop Tutorial: Signature
    (3)
    Intro: Ok let's get started. Open up a new 400x130 px document. Play around with any render you
    feel like using. Resize it so that it's a good size for the signature. I will try to edit this
    post with a image version of the sig later* 1.) Choose a radial gradient type from your gradients.
    Pick black and another color. 2.) Click around the middle of the sig and hold it to around half-way
    to the end. Re-try until the middle of your sig has a gradient in it. 3.) Move your render into the
    sig and duplicate it 5 times (control+j) . 4.) Smudge the first one you co....
  7. How To Make Realistic Fire!
    real fire in photoshop (13)
    Hello and welcome to my tutorial, I’m going to teach you how to make realistic
    fire!!!! this is how I figured it out, I was makeing smoke in photoshop one day,
    but i wanted color to be added to it, so I added some color balance to it and ""click"" it hit
    me.... it looked alot like fire. --I would rate this tutorial easy and on a scale from 1 to 10 of
    difficulty, I would say a 3 --this is how I did it. 1. first I started with a blank page.. duh
    it doesn't mater what the size is but I used 400 X 400 pixels 2. Ok, we got our blank document
    now w....
  8. Photoshop Tools Reloaded
    basics of Photoshop (0)
    Info: Did you ever wonder, while working in Photoshop: what does this tool do? Then this brief
    tutorial is for you. You will learn what are the most used tools in Photoshop, their names, what to
    do with chosen tool, and for what purpose. Let's start with the tutorial. NOTE: to
    access tools that are in same icon group as Main tool selected just click and hold to reveal menu
    with other tools inside. Marquee tool It's commonly used for selecting some part of
    opened image, that you want to cut-out, move resize or apply some filter on it. There are ....
  9. Photoshop Tutorial: Cutting Out A Psd
    (note: made with photoshop CS, may or may not work in other versions) (3)
    A PSD is an image, generally of a person (but not always) that has a transparent background around
    the main object. The name comes from that originally these were always saved with a .psd extension.
    I'm going to start with this image: To follow the tutorial, I suggest you copy this image.
    It is an easy image for beginner's because the background is very plain. Start off by selecting
    the polygonal lasso. You may have to click and hold down on the lasso tool so you can select the
    polygonal one. The image that you should select is shown below. After you h....
  10. Photoshop Tutorial: Pencil Sketch
    (3)
    Ola a Todos /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" />
    This tutorial will show you how to convert a photo in to a pencil sketch. Step 1 Open your photo
    in Adobe Photoshop. Step 2 Right click on Background layer and choose "Duplicate layer" Step
    3 Now, lets convert the new layer in to black and white. For this we'll use a shortcut
    CTRL+Shift+U, or just go to image->adjustments->desaturate Step 4 Duplicate a copy of the new
    Background layer, so that the new layer we will work on step 5 is above all others. St....
  11. Photoshop Dashed Border Tutorial
    Ever wanted to make a dashed border? heres your chance! (0)
    QUOTE Dashed Border Click the images to enlarge them Do this first!!! 1)
    Open a new image that is 8x8 pixels 2) Use the pencil tool (Right Click on the brush tool and selet
    Pencil". 3) Now, draw a patern like this: 4) Go to Edit -> Define Patern, and just click OK Now
    do this 1) Create a new image, or open an existing image you wish to put the border on. 2) Hit
    "Ctrl+Shift+N" to create a new layer or Layer -> New -> Layer.... 3) With the new layer selected
    hit "Ctrl+A" or go to Select -> All. 4) Now, go to Edit -> Stroke, and apply the fo....
  12. Photoshop Tutorial: Jungle Style Text Effect
    nice text effect (4)
    simple as they come, its my first, hope you like it /unsure.gif" style="vertical-align:middle"
    emoid=":unsure:" border="0" alt="unsure.gif" /> Tutby: joão mustra ....
  13. Photoshop Tutorial: How To Make A Userbar For Signatures
    (34)
    How to make a userbar by pyost Lately the userbars have become very popular with people. They
    are mostly putting them in their forum signatures, which is very practical. They are small, but can
    be used for linking. A lot of userbars can be found at www.userbars.com and www.userbars.org ,
    but sometimes people can't find exactly what they want. This is why I have decided to make a
    tutorial on how to make you own userbar. The pictures in this tutorial are made in Photoshop 6.0,
    so don't be surprised if you're Photoshop is different. I will be making a....
  14. Photoshop Tutorial: Creating Actions For Batch Processing
    Let Photoshop do all the work. (2)
    For those of you who don't already know, Photoshop has these nifty little features called
    Actions. Now, these actions can be used for many things, including the creation of beautiful and eye
    catching effects, maximizing your productivity, or simply to carry out the tedious and mundane tasks
    that your lazy ass just doesn't feel like doing. I recently had the pleasure of turning
    .diplomat.'s beautiful " Daze " theme for SMF into something of my own, and being the genius
    that I am, I used these wonderful actions and a little thing called Batch Processing. I'....
  15. Photoshop Tutorial: Part 1 - Terminology
    Get familiar with industry terminology (4)
    Key terms and concepts Adobe – software company established in 1982. Invented PostScript and
    later, the Portable document Format (PDF). They are responsible for the popular applications
    Photoshop, Illustrator and InDesign. Many beginners erroneously call Illustrator or Photoshop
    "Adobe" (as in "when I open up Adobe...") Don't make this mistake. Adobe is the company - use
    the name of the software you are working with. Photoshop – raster image manipulation application
    created in 1986 by Thomas Knoll and purchased by Adobe in 1988 to be released in 1990. Version....
  16. Photoshop Tutorial: Great Night Effect
    Please rate the tutorial (11)
    Hi guys, This is the first time I am writing a tutorial so please be patient where ever I go wrong.
    I saw an image at deviantart.com which i liked very much, however I have lost that now, but still
    have that in mind. In this tutorial i have tried to get that similar effect on any photograph.
    Here is the picture i started off with (better if there is no sun): The first step is to
    desaturate it: (ctrl+shift+u) Now we need to have a moon: Use eclipse tool to draw a circle
    (feather=10px) and fill it with white color. Lower down the opacity of it. Thus we have got....
  17. Photoshop Tutorial: Create Neat Little Shape Effect For Sig
    photoshop cs2 (4)
    I am going to show you how to create this neat little shape trick i used in my sig my sig isnt
    the best, but i like the little trick i did with the shape...a lot of people have been asking me
    about it so i decided to write a tut on it. anyways. you want to start out with a blank page, so
    goto File->New (for all the n00bs) and you want your image to be 425 x 125 pixels (doesnt have to be
    but that is the sig size). now you want to use your fill tool, which is on the toolbar (which is on
    the left of your screen) it is a rectangle with a gradient pattern filled in it. ....
  18. Rollover Buton
    im photoshop + imageready (0)
    First of all start with a new document about 150w x 50h, » select a color and then using the
    rounded rectangle function create a rectangular box leaving about 5 pixels per side, » Add text
    then ratersize the text layer and the rectangle layer , » merge the two layers together(Ctrl + E),
    » duplicate the merged layer, » On the duplicated layer click image > adjustments > hue and
    saturation then tick colorise, » Move the hue and saturation bars until satisfied with color , »
    Delete all other layers such as background leaving just the rectangle and the duplicated la....
  19. Photoshop Tutorial: Make The Matrix Letters
    (9)
    I took it upon myself to make visual instructions, its alot easier to understand. ok start out
    with a clean WHITE background you foreground color should be black. and background color should be a
    dark green (I use #14B908, but u can use any NEON GREEN looking color, you want something bright)
    go to FILTER>Texture>GRAIN make sure grain type is VERTICAL intensity=100 contrast=48 next step
    we go to FILTER>artistic>NEON GLOW the GLOW COLOR should be something darker (I use #185403) glow
    size= -11 glow brightness=34 hit OK and SUPRISE...the matrix reveals its secret....
  20. Photoshop Tutorial: Full Grunge Signature
    Using Photoshop 8.0 CS (16)
    Side Notes: I hope you enjoy it. I made this awhile ago, but didn't posted it before. I
    though it was time to be shared, so here it is. ....
  21. Photoshop Tutorial: Awesome Twirl Effect
    I Can't Remember Where I Saw This... (9)
    Sorry I don't have any images for this tutorial, but it's so easy you won't need
    them! Okay, here we go... 1. Start off with a square image, white background. I think 400x400
    works best. 2. Go to Filter>Render>Clouds 3. Go to Filter>Pixelate>Mezzotint: Short Lines 4. Go
    to Filter>Blur>Radial Blur: 100%, Zoom, and Best. 5. Hit Ctrl+F to duplicate the filter 6.
    Duplicate the layer 7. Go to Filter>Distort>Twirl: 75 or -75 (top layer only) 8. Set the top
    layer's blending mode to "Lighten" 9. Now merge the layers and press Ctrl+U to colorize! ....
  22. Photoshop Tutorial: Make A Fireball Effect
    Tutorial to make a fireball in PhotoShop (6)
    First open a new document Fill the layer with a color, start with black Use Filter>Render>Lens
    Flare and choose 50-300mm zoom Apply five lens flare, 1 in the center and 4 in each corner Then
    apply Filter>Sketch>Chrome with detail of 4 and smoothness of 8 Copy the layer and apply
    Filter>Distort>Twirl of 200 Copy that copied layer and apply Filter>Distort>Twirl with -400 Set
    both copied layers blending mode to Lighten and merge all layers Now go to Image>Adjustments>Color
    Balance and choose whatever color, I did red. You can mess around with some of those paramete....
  23. Photoshop Tutorial: Basic Photo Editing
    In Photoshop CS... (0)
    Since this is the Photoshop board let's populate it with a post on the namesake of Photoshop:
    how to do basic editing of photos. Note: This is for both digital photos and film photos that have
    been scanned and turned into digital format. The key here is streamlining workflow. So usually,
    even before you think of opening up the photos in Photoshop. make sure you have deleted the ones
    that are too blur or are not satisfactory. If there is one thing Photoshop can't fix, that's
    overly blur pictures. So you can either open the photos up in ACDSee and see each ph....
  24. Photoshop Tutorial: Sequences In Photoshop
    making a sequenced picture in photoshop (1)
    Alright, heres what you gotta do. 1. you need a camera that has a burst mode, and depending on your
    sequence you'll want at LEAST a 2fps drive mode. 2. set up your shot and shoot the subject,
    besure to get entry shots and run off shots to fill up your picture space. 3. open all of the
    pictures into photoshop and chose the first picture as the "background". have your layer pallet
    open. drag the "background" layer onto the "new layer" button to make a copy of the background.
    delete the original. 4. now, one by one, you'll need to copy each picture one by one a....
  25. Photoshop Tutorial: Abstract Background I
    How to make a random backgrounds (1)
    Firstly, there are varying tutorials like this but this is one way in which you can achieve the
    simple effect. Program: Photoshop Elements or Higher Note: Reset your template colours to B/W
    (press D). Also, instead of screening blend, try Overlay. 1) Create a 500 X 500 pixel picture with
    Transparency 2) Go to Filters -> Render -> Cloud. (Repeat until a desirable cloud is shown) 3) Go to
    Filters -> Render -> Difference Cloud. 4) Invert the picture (Ctrl + I) 5) Make the levels equal.
    (Shift+Ctrl+L) Now comes the fun parts /laugh.gif' border='0' style='vertical-alig....

    1. Looking for complete, tutorial, forum, signatures

Searching Video's for complete, tutorial, forum, signatures
Similar
Photoshop
Tutorial:
Ghost Portal
- A simple
tutorial
that gives a
nice effect.
Using Mask
In Photoshop
- Create a
b/w in color
image using
mask
Photoshop:
Smudge
Signature
Tutorial
Photoshop
Tutorial:
Tech Sig
Photoshop
Signature
Tuturiol -
My last ones
didnt work
right,
hopefully
this one
will
Photoshop
Tutorial:
Signature
How To Make
Realistic
Fire! -
real fire in
photoshop
Photoshop
Tools
Reloaded -
basics of
Photoshop
Photoshop
Tutorial:
Cutting Out
A Psd -
(note: made
with
photoshop
CS, may or
may not work
in other
versions)
Photoshop
Tutorial:
Pencil
Sketch
Photoshop
Dashed
Border
Tutorial -
Ever wanted
to make a
dashed
border?
heres your
chance!
Photoshop
Tutorial:
Jungle Style
Text Effect
- nice text
effect
Photoshop
Tutorial:
How To Make
A Userbar
For
Signatures
Photoshop
Tutorial:
Creating
Actions For
Batch
Processing -
Let
Photoshop do
all the
work.
Photoshop
Tutorial:
Part 1 -
Terminology
- Get
familiar
with
industry
terminology
Photoshop
Tutorial:
Great Night
Effect -
Please rate
the tutorial
Photoshop
Tutorial:
Create Neat
Little Shape
Effect For
Sig -
photoshop
cs2
Rollover
Buton - im
photoshop +
imageready
Photoshop
Tutorial:
Make The
Matrix
Letters
Photoshop
Tutorial:
Full Grunge
Signature -
Using
Photoshop
8.0 CS
Photoshop
Tutorial:
Awesome
Twirl Effect
- I
Can't
Remember
Where I Saw
This...
Photoshop
Tutorial:
Make A
Fireball
Effect -
Tutorial to
make a
fireball in
PhotoShop
Photoshop
Tutorial:
Basic Photo
Editing - In
Photoshop
CS...
Photoshop
Tutorial:
Sequences In
Photoshop -
making a
sequenced
picture in
photoshop
Photoshop
Tutorial:
Abstract
Background I
- How to
make a
random
backgrounds
advertisement




Photoshop Tutorial: Forum Signatures



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE