Register FAQ Forum Wiki Gallery Members List Calendar Search Today's Posts Mark Forums Read

Go Back   FileFront Gaming Forums > General Chit-Chat > The Graphics Department > Tutorials And Questions

Tutorials And Questions Post a tutorial or request one. Spread the knowledge!

Reply
 
LinkBack Thread Tools Rate Thread Display Modes
  #1 (permalink)  
Old June 1st, 2006
NoCoolOnesLeft's Avatar
NoCoolOnesLeft NoCoolOnesLeft is offline
Sing For Absolution
 
Join Date: November 18th, 2003
Location: United Kingdom
Age: 19
Posts: 4,234
Rep Power: 14
NoCoolOnesLeft has disabled reputation
Default NCOL's Newbie Friendly Tutorials

Hey, there's been an influx of new Photoshop users around here so I decided to make a compilation of newbie-friendly tutorials that will improve your first few steps with the Photoshop program.

Also, if you'd like me to make a tutorial on anything else or have any questions feel free to post them here and I'll try and answer them.

1. Basic Border Tutorial

Borders are the simplest of steps forward to making your work look more professional. Whilst they arent complex looking, or anywhere near as time-consuming as some other tricks, they greatly improve the overall look of your work.

In order to create a border, follow these steps:

1. Borders can be put onto existing layers, or they can be a layer themselves. However, for a border to work, they must be the top layer.


To create a border. Go to Layer > New Layer, call it whatever you want, and click ok.



2. With that new layer selected, press CTRL + A and you will see that the edges have a white and black flickering border.



3. Go to Edit > Stroke and you will see a box appear. The Width can be anything you want, but for a basic, popular and professional looking border, keep it set to 1 pixel.

4. Press CTRL + D and the flickering black and white border will dissapear. Done! There's your new border.



TIP: I usually do borders as the last stage of every piece of work, this is to make sure I dont get any blending errors. If you cannot see your border layer, it's probably under one of your other layers, so go to the layers box on the right hand side of the Photoshop window and drag the border layer upwards and over the other layers.

You're done. A very simple border which improves your signature ten-fold!

--------------------------------------------------------------------------------------------------------

2. Basic Grunge Tutorial

This is your very basic grunge tutorial. Never-the-less, it's very effective and improves your work greatly.

1. Make a new document using the below dimensions and settings. I will use 400 Pixel X 150 Pixel which is my standard signature making size, but you can do it any size you want.



2. Go to Filter > Render > Clouds.



Now, using the Burn Tool, set Range to Shadows and Exposure to 70%. Now, select any brush you want, and tap away at your new layer. Keep changing the Brush shapes and Brush sizes so that you get something like what is shown below, with different densities and depth of black:



TIP: More advanced users may want to change the Exposure levels and also the Range to other settings. This adds variety, which is always good. Also, more advanced users familiar with Photoshop will use custom Brushes downloaded off the internet. I am currently using custom brushes, but they are very easy to install (usually the Brushes' .Zip or .RaR files come with the install instructions) and find using Google.

3. Now, with this layer selected, press CTRL + J to make a copy of this layer.

4. With this new layer selected, press CRTL + U to bring up the Hue/Saturation table. Make sure Colourize is selected so that you can see the colour change, and mess about with the settings until you get a colour that you like. For mine, I chose to do a thick, vibrant crimson/red colour.



5. Now, remember our first layer? Click on that, but make sure layer 2 is Hidden (as indicated by the eye symbol). Now, select layer 1 and again press CTRL + U. Make sure Colourize is selected again, and pic a complementary colour to your first chosen colour. As an example I chose a bronzed out yellow.





6. Now, make sure you have your layer 2 selected and visible. Go to your Eraser tool, make sure it is set to Opacity 50% and similar to stage 2, keep changing brushes and tapping away at your layer 2, so that parts of layer 1 become visible.



7. Press CTRL + A to select all, and go to Layer > Fatten Image.

8. Okay. That's the hard part done. All you have to do now is grab your render (see my Transparency tutorial on how to cut out renders as well as how to use pre-made renders), create a new layer over the other two, and place your render onto this layer.



9. Now go to the your Render Layer, and go to Blending Options > Drop Shadow and set Opacity to 80%. You can set the Opacity to any blend mode you see fit, but I chose a high value because I wanted to get a decent shadow on my render.



10. With your background layer selected, go to Eliptical Marquee Tool, make sure feather is set to 10 px and make a circle shape on your piece. Now press CTRL C and then CTRL V. This circular piece will now become a new layer, drag it above your render layer and you will notice that it creates a mist-type haze over the render. Repeat this process but make sure that you have your background layer selected before make a circle or it will not work.







TIP: If the haze is too strong you can always lower its Opacity in Blending Options or delete it and try again.

This is what I've come up with so far:



11. Now to do a border. To do this, follow my Simple Border Tutorial.

Add some text if you want and done! Your Basic Grunge Signature is finished!

-------------------------------------------------------------------------------------------------------

I'll keep adding tutorials as I get new ideas, they may get more complex, but I'll see what the requests are like. For now though, try them out!
__________________
Warning: The above post may contain traces of sarcasm, wit, irony, and worst of all...British humour that to date no other nationality can seem to grasp. Reply at your own risk.
Reply With Quote
  #2 (permalink)  
Old June 2nd, 2006
darkclone's Avatar
darkclone darkclone is offline
Staring At The Carnage
Award
 
Join Date: April 10th, 2006
Location: #welcome
Age: 16
Posts: 1,763
Rep Power: 7
darkclone is known by everybodydarkclone is known by everybodydarkclone is known by everybodydarkclone is known by everybodydarkclone is known by everybodydarkclone is known by everybody
Send a message via MSN to darkclone
Default Re: NCOL's Newbie Friendly Tutorials

Looks easy as pie. Gonna try it. But just one question: Where's the Burn Tool?

Edit: Okay now i found it.
__________________
Reply With Quote
  #3 (permalink)  
Old June 2nd, 2006
darkclone's Avatar
darkclone darkclone is offline
Staring At The Carnage
Award
 
Join Date: April 10th, 2006
Location: #welcome
Age: 16
Posts: 1,763
Rep Power: 7
darkclone is known by everybodydarkclone is known by everybodydarkclone is known by everybodydarkclone is known by everybodydarkclone is known by everybodydarkclone is known by everybody
Send a message via MSN to darkclone
Default Re: NCOL's Newbie Friendly Tutorials

Okay here's my attempt at this. (Sry for double post.)

Last edited by darkclone : June 2nd, 2006 at 12:39 PM.
Reply With Quote
  #4 (permalink)  
Old June 22nd, 2006
cc.'s Avatar
cc. cc. is offline
GRAPHEXtreme.
 
Join Date: May 25th, 2004
Location: Toronto, Canada
Posts: 2,826
Rep Power: 11
cc. is considered a cool person by Pro-Filercc. is considered a cool person by Pro-Filercc. is considered a cool person by Pro-Filer
Send a message via MSN to cc.
Default Re: NCOL's Newbie Friendly Tutorials

Awesome NCOL, that grunge one will help me out, it's different from what I've been doing.

Thanks.
__________________

graphically inclined.

Reply With Quote
  #5 (permalink)  
Old June 23rd, 2006
NoCoolOnesLeft's Avatar
NoCoolOnesLeft NoCoolOnesLeft is offline
Sing For Absolution
 
Join Date: November 18th, 2003
Location: United Kingdom
Age: 19
Posts: 4,234
Rep Power: 14
NoCoolOnesLeft has disabled reputation
Default Re: NCOL's Newbie Friendly Tutorials

Happy to help.

I'll be adding more as I get the time (and as I get some ideas along the way).
__________________
Warning: The above post may contain traces of sarcasm, wit, irony, and worst of all...British humour that to date no other nationality can seem to grasp. Reply at your own risk.
Reply With Quote
  #6 (permalink)  
Old June 23rd, 2006
cc.'s Avatar
cc. cc. is offline
GRAPHEXtreme.
 
Join Date: May 25th, 2004
Location: Toronto, Canada
Posts: 2,826
Rep Power: 11
cc. is considered a cool person by Pro-Filercc. is considered a cool person by Pro-Filercc. is considered a cool person by Pro-Filer
Send a message via MSN to cc.
Default Re: NCOL's Newbie Friendly Tutorials

Could I ask for a tutorial? I'd like to see how people do those strange kinda clear boxes all over their signatures. Look at QuickSilver's if you don't understand what I mean.

Thanks!
__________________

graphically inclined.

Reply With Quote
  #7 (permalink)  
Old June 23rd, 2006
cc.'s Avatar
cc. cc. is offline
GRAPHEXtreme.
 
Join Date: May 25th, 2004
Location: Toronto, Canada
Posts: 2,826
Rep Power: 11
cc. is considered a cool person by Pro-Filercc. is considered a cool person by Pro-Filercc. is considered a cool person by Pro-Filer
Send a message via MSN to cc.
Default Re: NCOL's Newbie Friendly Tutorials

Alright check this out. Using your transparency tut and this one I whipped this up for BF2142. I'm really happy with it.
__________________

graphically inclined.

Reply With Quote
  #8 (permalink)  
Old June 23rd, 2006
Steakboy's Avatar
Steakboy Steakboy is online now
Colonel - cha'Dlch 'aj
 
Join Date: June 26th, 2004
Location: Iowa
Age: 20
Posts: 2,103
Rep Power: 11
Steakboy has a sound reputationSteakboy has a sound reputationSteakboy has a sound reputationSteakboy has a sound reputationSteakboy has a sound reputation
Send a message via AIM to Steakboy Send a message via MSN to Steakboy
Default Re: NCOL's Newbie Friendly Tutorials

methinks that's a brush, but it could be done relatively easy without it. You'd have to ask QuikSilver which brush he uses for that.
__________________
Reply With Quote
  #9 (permalink)  
Old June 23rd, 2006
cc.'s Avatar
cc. cc. is offline
GRAPHEXtreme.
 
Join Date: May 25th, 2004
Location: Toronto, Canada
Posts: 2,826
Rep Power: 11
cc. is considered a cool person by Pro-Filercc. is considered a cool person by Pro-Filercc. is considered a cool person by Pro-Filer
Send a message via MSN to cc.
Default Re: NCOL's Newbie Friendly Tutorials

Might be, I'll PM him or something.
__________________

graphically inclined.

Reply With Quote
  #10 (permalink)  
Old June 24th, 2006
NoCoolOnesLeft's Avatar
NoCoolOnesLeft NoCoolOnesLeft is offline
Sing For Absolution
 
Join Date: November 18th, 2003
Location: United Kingdom
Age: 19
Posts: 4,234
Rep Power: 14
NoCoolOnesLeft has disabled reputation
Default Re: NCOL's Newbie Friendly Tutorials

It's not a brush.

I'll do a tutorial sometime within the next few days. Kinda busy at the moment.
__________________
Warning: The above post may contain traces of sarcasm, wit, irony, and worst of all...British humour that to date no other nationality can seem to grasp. Reply at your own risk.
Reply With Quote
  #11 (permalink)  
Old June 24th, 2006
Muse Syndrome Muse Syndrome is offline
-
 
Join Date: October 28th, 2005
Posts: 1,353
Rep Power: 8
Muse Syndrome has disabled reputation
Default Re: NCOL's Newbie Friendly Tutorials

I think I got it from NCOL anyway...
__________________

Reply With Quote
  #12 (permalink)  
Old June 24th, 2006
NoCoolOnesLeft's Avatar
NoCoolOnesLeft NoCoolOnesLeft is offline
Sing For Absolution
 
Join Date: November 18th, 2003
Location: United Kingdom
Age: 19
Posts: 4,234
Rep Power: 14
NoCoolOnesLeft has disabled reputation
Default Re: NCOL's Newbie Friendly Tutorials

Alright. It's just a quick heads up.

I have a Hell of a lot of Jimi Hendrix & Feeder CD's to put on my iPod. Music first. Rest of world later.

1. Duplicate whatever layer you want to have the squares effect on. Personally I'd flatten all picture images, duplicate it, and leave the border and text as different layers above the duplicate & original layer.

2. Select this layer and go to Filter > Pixelate > Mosaic. Leave Square settings to however you want it. Usually on a 400x150 signature I'd do 30 pixels.

3. Filter > Sharpen > Sharpen. Do this twice.

4. Set Duplicate layer to around 25 - 30% opacity.

5. Done. Go get yourself a Fosters, put on iTunes and give yourself a pat on the back.
__________________
Warning: The above post may contain traces of sarcasm, wit, irony, and worst of all...British humour that to date no other nationality can seem to grasp. Reply at your own risk.
Reply With Quote
  #13 (permalink)  
Old June 24th, 2006
cc.'s Avatar
cc. cc. is offline
GRAPHEXtreme.
 
Join Date: May 25th, 2004
Location: Toronto, Canada
Posts: 2,826
Rep Power: 11
cc. is considered a cool person by Pro-Filercc. is considered a cool person by Pro-Filercc. is considered a cool person by Pro-Filer
Send a message via MSN to cc.
Default Re: NCOL's Newbie Friendly Tutorials

Awesome man! Thanks. I don't need the pictures, I'm pretty PS compitent.

Cheers, I'll show you the results.
__________________

graphically inclined.

Reply With Quote
Reply



Thread Tools
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
NCOL's Photoshop Showcase NoCoolOnesLeft Showcases 24 June 3rd, 2006 12:24 PM
NCOL's Transparency Tutorial NoCoolOnesLeft Tutorials And Questions 7 May 28th, 2006 06:52 PM
NCOL's 'Some Ideas To Consider' Thread NoCoolOnesLeft FH2 Suggestions 27 January 23rd, 2006 11:34 PM
*FH Game Tips, Newbie Friendly* FlyGuy45 FH Off Topic 11 December 2nd, 2005 08:51 PM
US vs UK (friendly match.... I said FRIENDLY) aeroSPACE_engineer The Spam Forum 5 October 22nd, 2005 03:38 PM


Powered by vBulletin® Version 3.6.7
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.

 

Content Relevant URLs by vBSEO 3.0.0