ub4of Posted March 1, 2012 Share Posted March 1, 2012 (edited) Quick & Easy Pop Out Sig Tutorial by ub4of Not yet a member? Then why not sign up today. Click! [ame= ] [/ame] Create a new image by going to File >> New and make it 500 pixels by 185 pixels, Making sure Background Contents are set to "Transparent" Now create a background of your choice I used these settings.>> Filter > Render > Clouds. Then i made a Gradient map using the yellow orange yellow and set it as screen mode on 100% opacity. Once you have made your background, go to Image >> Canvas Size, and change the second set of boxes from "percent" to "pixels". Now change the width and height of the image to 550 x 250 and press ok. Now drag in the render of your choice, Im using Pikachu. and then place it wherever you want it. Now click on your background layer and go to > Blending options >> Stroke, making it 1px in size. This gives your signature a Border. Now click on your Render layer and go to > Blending options >> Drop shadow, leaving it as its default settings. The next step is adding the text you want on your sig and giving it any effects that you wish. All you want to do now is trim down some of the Transparency background, by going to > Image > Trim > and then selecting Transparent pixels. Now finally you will want to save the signature as a .PNG, NOT A .JPEG. As the .PNG makes it transparent on the forum. The outcome http://img580.imageshack.us/img580/2633/sigvid.png Edited September 12, 2012 by ub4of Link to comment Share on other sites More sharing options...
Aepriz Posted March 1, 2012 Share Posted March 1, 2012 Nice tutorial, explains it really good without adding a lot of unneeded bullshit. Link to comment Share on other sites More sharing options...
Harry94_ Posted March 1, 2012 Share Posted March 1, 2012 Nice, I wanted to know how to do this. Cheers! Link to comment Share on other sites More sharing options...
Ryukori Posted March 1, 2012 Share Posted March 1, 2012 Nice tutorial! I've never made a pop out signature before, so I'll probably use this when making my first one. Link to comment Share on other sites More sharing options...
ub4of Posted March 2, 2012 Author Share Posted March 2, 2012 Nice tutorial, explains it really good without adding a lot of unneeded bullshit. Nice, I wanted to know how to do this. Cheers! Nice tutorial! I've never made a pop out signature before, so I'll probably use this when making my first one. Cheers fella's. Link to comment Share on other sites More sharing options...
Blaze Naruto Shippuden Posted March 2, 2012 Share Posted March 2, 2012 Awesome pop out tutorial ub4of. Link to comment Share on other sites More sharing options...
ESYLD Posted March 2, 2012 Share Posted March 2, 2012 Apologies for sounding like a total idiot, but what program are you using? I have been wanting to learn how to do these for a while and your guide seems easiest to follow. In addition (this may be beyond the scope of what you intended to do, so please feel free to ignore) how did you create the Pikachu render? Many thanks ... I will now go hide in shame. Link to comment Share on other sites More sharing options...
Harry94_ Posted March 2, 2012 Share Posted March 2, 2012 Apologies for sounding like a total idiot, but what program are you using? I have been wanting to learn how to do these for a while and your guide seems easiest to follow. In addition (this may be beyond the scope of what you intended to do, so please feel free to ignore) how did you create the Pikachu render? Many thanks ... I will now go hide in shame. I can't tell, but I was able to follow it on GIMP ok. It looks like Photoshop but I'm not sure. As for renders, look on planetrenders or just search into google. I just searched 'pikachu render' and the render used here is on the 2nd page Link to comment Share on other sites More sharing options...
ESYLD Posted March 2, 2012 Share Posted March 2, 2012 I can't tell, but I was able to follow it on GIMP ok. It looks like Photoshop but I'm not sure. As for renders, look on planetrenders or just search into google. I just searched 'pikachu render' and the render used here is on the 2nd page Okay thanks a lot! I need to figure out how to use Photoshop better. Link to comment Share on other sites More sharing options...
ub4of Posted March 2, 2012 Author Share Posted March 2, 2012 Apologies for sounding like a total idiot, but what program are you using? I have been wanting to learn how to do these for a while and your guide seems easiest to follow. In addition (this may be beyond the scope of what you intended to do, so please feel free to ignore) how did you create the Pikachu render? Many thanks ... I will now go hide in shame. Harry has answered it for me. And yes it is PS Cs5. Also if you want to know how to render images yourself then check this tut out >> BlindMansGFX - Rendering Images Link to comment Share on other sites More sharing options...
GlennThomas Posted March 2, 2012 Share Posted March 2, 2012 Great tutorial ub4of. No doubt it will be useful for beginners on the site. I may even use it, as I plan on purchasing PhotoShop software soon. I want to start using the program predominately in the future, rather than just Paint.NET and GIMP occasionally. Link to comment Share on other sites More sharing options...
fletchar2 Posted March 2, 2012 Share Posted March 2, 2012 (edited) Thanks for the tutorial here ub, I was starting my first signature yesterday and trying to do pop outs as well just seemed too confusing and I gave up. I'll have another blast at some point over the weekend using this More tutorials are welcomed! Edited March 2, 2012 by fletchar2 Link to comment Share on other sites More sharing options...
ub4of Posted March 26, 2012 Author Share Posted March 26, 2012 Great tutorial ub4of. No doubt it will be useful for beginners on the site. I may even use it, as I plan on purchasing PhotoShop software soon. I want to start using the program predominately in the future, rather than just Paint.NET and GIMP occasionally. Thanks for the tutorial here ub, I was starting my first signature yesterday and trying to do pop outs as well just seemed too confusing and I gave up. I'll have another blast at some point over the weekend using this More tutorials are welcomed! Forgot i done this lol. Cheers for the comments guys. Link to comment Share on other sites More sharing options...
Xx_Progenitor_xX Posted March 26, 2012 Share Posted March 26, 2012 Great work mate!. I'm going to have to use this from time to time, Link to comment Share on other sites More sharing options...
honda hoe Posted April 10, 2012 Share Posted April 10, 2012 nicely done ub Link to comment Share on other sites More sharing options...
ub4of Posted June 2, 2012 Author Share Posted June 2, 2012 Just updated the OP with a quick video of the tutorial. Link to comment Share on other sites More sharing options...
GunBallad Posted June 2, 2012 Share Posted June 2, 2012 Nice guide, can't wait until I get photoshop again to try these. Link to comment Share on other sites More sharing options...
Lukezordz Posted June 20, 2012 Share Posted June 20, 2012 I'll watch this later, will it be able to be done on GIMP? I don't like Photoshop Link to comment Share on other sites More sharing options...
DaFaztFingaz Posted June 20, 2012 Share Posted June 20, 2012 I'll watch this later, will it be able to be done on GIMP? I don't like Photoshop How do you not like Photoshop!? Photoshop is incredible and easy to use once you learn the basics. Great guide ub, should definitely be helpful to beginners. Link to comment Share on other sites More sharing options...
Lukezordz Posted June 21, 2012 Share Posted June 21, 2012 How do you not like Photoshop!? Photoshop is incredible and easy to use once you learn the basics. That's the thing! I never had the time to learn the basics, it's too complex IMO, I've used other programs just because I've bothered to learn them, I'm just too busy to learn yet another program Link to comment Share on other sites More sharing options...
Massive Berry Posted June 26, 2012 Share Posted June 26, 2012 I'm a complete noob. Somebody explain the gradient map for me? I make the background and then when I hit gradient map nothing happens Link to comment Share on other sites More sharing options...
Tigerz_bone_21 Posted June 26, 2012 Share Posted June 26, 2012 I'm a complete noob. Somebody explain the gradient map for me? I make the background and then when I hit gradient map nothing happens Which are you using editing program? ---- It is awesome signature of pop tutorial. My outcome here.... http://i49.tinypic.com/2ymde06.png Link to comment Share on other sites More sharing options...
Massive Berry Posted June 26, 2012 Share Posted June 26, 2012 Which are you using editing program? Gimp a;sdkfj;aldkfj Link to comment Share on other sites More sharing options...
Tigerz_bone_21 Posted June 27, 2012 Share Posted June 27, 2012 Which are you using editing program? Gimp a;sdkfj;aldkfj Gimp gaident map tutorial at [ame=http://www.youtube.com/watch?v=TXXHrNtzTZI][GIMP] Gradient Map Tutorial - YouTube[/ame] Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now