Page 1 of 2 1 2 LastLast
Results 1 to 10 of 11

Thread: [TUTORIAL] Making Realistic Metal Layers

  1. #1
    Is bad, really bad SMASH's Avatar
    Join Date
    Nov 2006
    Location
    Chi Town
    Posts
    817

    [TUTORIAL] Making Realistic Metal Layers

    Ok, so in this tutorial you will learn how to make this:



    Part 1: The Base Metal

    Create a new project and make the size 1024x1024 (Ctrl + N for short)

    Select the paint bucket and fill in the canvas with a foreground and background of black and white (doesn't matter which one goes on which)

    Filter->Render->Clouds

    And you should be here:



    If yours doesn't look like this... take 2 weeks and learn the basics better. The cloud filter though IS random so it won't look exactly like this but similar.

    Filter->Artistic->Dry Brush
    • Brush Size - 6
    • Brush Detail - 10
    • Texture - 2



    Filter -> Artistic -> Sponge
    • Brush Size - 0
    • Definition - 1
    • Smoothness - 8
    Image -> Mode -> Brightness/Contrast
    • Brightness - -45
    • Contrast - -64
    Making the metal seamless

    Filter -> Other -> Offset



    As you can see there lines in the middle. Those are the "seams" that would show up if you tiled this.

    Hit OK and select the CLONE tool (looks like a stamp and is right under the band-aid)

    Hold ALT and select an area with out that seam. Then just click along the seam and use other parts to patch over it.

    Then you can offset it back to where it originally was by using the offset tool again with the same input.

    Now that you have your base metal, you can color it to adapt to certain types of metals using this method:

    Image -> Adjustments -> Hue/Saturation
    CHECK THE COLORIZE BOX FIRST
    For a very subtle color effect, set Saturation at 5
    I wouldn't set Saturation more than 50

    Slide the Hue bar to select the color.

    I'm going to go with a light blue:



    Save this as your base metal. All your metals from now on will start with this.

    Part 2 - Adding on...
    Setting up grids:

    Edit -> Preferences -> Guides, Grid & Slices

    Set it to this:

    Hit OK
    To show the grid: View -> Show -> Grid (Ctrl +')


    Your canvas should now look like this.

    Let's make a cool pattern to go over our base metals by using the polygon selector.

    IF YOU FIND THAT THE POLYGON TOOL IS NOT SNAPPING TO THE GRIDS DO THIS: View -> Snap To -> Check Grids

    Select the top two rows of boxes like this:

    Right click the selection and Layer via Copy.

    Double click on the new layer's right hand side to apply a layer style:

    Bevel Emboss
    • Style - Inner Bevel
    • Technique - Chisel Hard
    • Depth - 10%
    • Direction - Up
    • Size - 2
    • Highlight Mode - Screen
    • Opacity - 50%
    Inner Glow
    • Blend Mode - Vivid Light
    • Opacity - 65%
    • Noise - 21%
    • Make the color something that compliments the metal (like a light blue on blue or a dark grey on a light grey).
    • Size - 18
    • Range - 60%
    Drop Shadow
    • Opacity - 20
    • Distance - 14
    • Spread - 19
    • Size - 40
    Change the fill of that layer to 0

    Hit Ctrl+' to hide the grid and preview your work. It should look something like this:



    Since we don't want that one bar all alone we'll select the same on the bottom.

    Select the bottom two rows
    Set the Fill to 0
    Right click on the top bars layer and select "Copy Layer Style" and paste it on the new bar.




    In the end, there's tons of things you can add into these, vents, panels, ect. so the options are endless. I hope you liked this.

    Final:


    Dano's Extension:

    Filters -> Brush Strokes -> Spatter

    Add some shaped layers, and apply blending effects like drop shadow and so on. The shape layers should be grey scale and untextured. When you save it as a diffuse texture, remove the layer textures, and then save the plain greyscale you get as bump.

    With Dano's bump and specular advice I made a quick render in MAX

    Last edited by SMASH; September 13th, 2007 at 04:43 PM.

  2. #2
    Intellektueller Bastinka's Avatar
    Join Date
    Feb 2007
    Location
    Berlin, Deutschland
    Posts
    2,643

    Re: [TUTORIAL] Making Realistic Metal Layers

    That doesn't look like a metal texture at all.. :|

  3. #3
    Banned
    Join Date
    Sep 2006
    Posts
    2,051

    Re: [TUTORIAL] Making Realistic Metal Layers

    like you would know.

    you seem to totally disregard that this is purely a diffuse map. and tadaah!
    oh, look it works FINE as a diffuse map.

    but smash, you dont want to have that dark shadowish stuff at the top.
    leave that to the engine k

  4. #4

    Re: [TUTORIAL] Making Realistic Metal Layers

    No, I think it looks terrible even as a diffuse.

    You can tell this is just a cloud filter with a sponge filter on it.

  5. #5
    Senior Member
    Join Date
    Sep 2006
    Posts
    2,549

    Re: [TUTORIAL] Making Realistic Metal Layers

    cool, but what about realistic scrached up metal layers? how do we do those?

  6. #6

    Re: [TUTORIAL] Making Realistic Metal Layers

    Doesn't look like anything to do with a metal material to me, diffuse map or otherwise. It looks like a Photoshop cloud render with some artistic effects applied.

  7. #7
    Is bad, really bad SMASH's Avatar
    Join Date
    Nov 2006
    Location
    Chi Town
    Posts
    817

    Re: [TUTORIAL] Making Realistic Metal Layers

    :-/. Oh well. I guess it's the effort that counts eh.

  8. #8

    Re: [TUTORIAL] Making Realistic Metal Layers

    Quote Originally Posted by SMASH View Post
    :-/. Oh well. I guess it's the effort that counts eh.
    Maybe if you throw it ingame onto a box or something so we can see what the Engine does with it I'll change my mind >.<

  9. #9
    I R Serious Texra DaneO'Roo's Avatar
    Join Date
    Sep 2006
    Location
    Australia
    Posts
    3,876

    Re: [TUTORIAL] Making Realistic Metal Layers



    do exactly what smash said, but don't stop there. From where he finished, apply a splatter filter, and add some shaped layers, and apply blending effects like drop shadow and so on. The shape layers should be grey scale and untextured. After you save it as a diffuse texture, remove the texture layers, and then save the plain greyscale you get as a bump, and then you can do this:




    My layer layout in Photoshop was this:

    TOP - Edge scratching Layer (set to overlay mode)

    2ND FROM TOP - Shapes Layer (overlay mode, with drop shadow)

    BOTTOM - Background - with my texture on it.


    When saving as a bump, I'd simply whipe the background layer free of all texture.

    To make a specular, you'd simply just greyscale the textured diffuse version, and up the contrast, then fine tune things like scratching and parts that you don't wan't shining.
    Last edited by DaneO'Roo; September 4th, 2007 at 12:06 AM.

  10. #10
    got dam forumers.... SnaFuBAR's Avatar
    Join Date
    Oct 2006
    Posts
    6,159

    Re: [TUTORIAL] Making Realistic Metal Layers

    Smash, that's gotta be the worst metal tutorial I've ever seen.

    hello www.sourceblog.org with the nice metal tutorials.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •