Texture tutorial: how to make metal

YamazakiYamazaki Join Date: 2002-01-24 Member: 21Members, NS1 Playtester, Contributor
<div class="IPBDescription">Shiny, scratched, and easy to do</div>This tutorial assumes you have Photoshop 5 or 6.

Create a new 128x128 or 256x256 image.

Find a dark colour that is nearly gray, but not quite. An example would be 80 80 86, which has a slight bit of blue in it.

Fill a layer with this colour.
Use Filter -> Noise -> Add Noise, with a value of 10-20, set to Uniform and Monochromatic.
(This is our base)

Create another layer on top and fill with the same colour.
Apply the same Noise filter also.
Use Filter -> Artistic -> Palette Knife, with a value of Stroke Size 32-48, Stroke Detail 3, and Softness of about 4-6.
Set this layer to Normal blending with an Opacity of 25-35%
(This adds a slightly galvanized look to our metal)

Create another layer on top and fill with the same colour.
Again repeat the same Noise filter.
Use Filter->Pixelate->Mezzotint, with a value of Long Strokes.
Set this layer to Screen blending with an Opacity of 10%
(This adds some nice horizontal scratches)

Create another layer exactly the same, except rotate it 90 degrees.
(This adds vertical scratches)

Create one last layer and give it a darker shade of the same colour.
Use Filter->Render->Clouds. Do this repeatedly until you find a nice mixture of shadows and highlights.
Set the layer to Overlay blending and adjust the Opacity as you see fit.
(This adds the shine to the metal)

You should have something that looks like the metal texture shown below. Now that you have a good basic metal texture you can work with it as a base for more detailed textures. If you look at the Wall_Lab series in the ns.wad you'll see that Cory aka Squeal like a Pig used the same pinkish metal image for each texture in the series.

Comments

  • YamazakiYamazaki Join Date: 2002-01-24 Member: 21Members, NS1 Playtester, Contributor
    Using this metal I also made this sample texture. It's nothing special, but does show the possibilities.
  • YamazakiYamazaki Join Date: 2002-01-24 Member: 21Members, NS1 Playtester, Contributor
    And finally here is my homage to Cory. I'm sure you can guess what this is. Again, this uses the exact same texture I posted, just with some grooves slapped on.
  • PlaguebearerPlaguebearer Join Date: 2002-03-21 Member: 338Members, NS1 Playtester, Contributor
  • MotherGooseMotherGoose Join Date: 2002-03-12 Member: 308Members, Constellation
    very cool Yama, i never knew it was so easy.

    <i>though you've been doing it for, what? a year now?</i>
  • ComproxComprox *chortle* Canada Join Date: 2002-01-23 Member: 7Members, Super Administrators, Forum Admins, NS1 Playtester, NS2 Developer, Constellation, NS2 Playtester, Reinforced - Shadow, WC 2013 - Silver, Subnautica Developer, Subnautica Playtester, Pistachionauts
    Well, using this, I did my first ever, never to be used texture (The blue would be made transparent, for a window or something, I couldnt make a window yet) <!--emo&:D--><img src="http://www.natural-selection.org/iB_html/non-cgi/emoticons/biggrin.gif" border="0" valign="absmiddle" alt=':D'><!--endemo-->
  • SmokeMastaSmokeMasta Join Date: 2002-04-13 Member: 430Members
  • coilcoil Amateur pirate. Professional monkey. All pance. Join Date: 2002-04-12 Member: 424Members, NS1 Playtester, Contributor
    I'd caution against always doing horiz. and vert. scratches... metal doesn't always scratch at 90 degree angles - and isn't always scratched to begin with.
  • ChromeAngelChromeAngel Join Date: 2002-01-24 Member: 14Members, NS1 Playtester, Contributor
    Shouldn't this be in the artwork forum?  Good stuff Yamazaki.  Now tell me how to do it in paintshop pro <!--emo&;)--><img src="http://www.natural-selection.org/iB_html/non-cgi/emoticons/wink.gif" border="0" valign="absmiddle" alt=';)'><!--endemo-->
  • SonoSono Join Date: 2002-01-26 Member: 105Members
    So for me - the non artist -

    someone please explain how to do the second and third one.
    I can't think about you do the curves and deeps into that.

    @Comprox: How you did the scratches in the black/yellow stripe?
  • Black_WolfBlack_Wolf Join Date: 2002-03-13 Member: 310Members
    hmmm, i had a shot at adding some lighting effects, for no apparent reason. I was trying to make the scratches look more realistic, but in the end decided on just making it look like it was lit from below
  • Black_WolfBlack_Wolf Join Date: 2002-03-13 Member: 310Members
    you can fake cool lighting effects on texture by doing stuff like this, i might try using this texture somewhere in a level (if thats allright by you yama)
  • Squeal_Like_A_PigSqueal_Like_A_Pig Janitor Join Date: 2002-01-25 Member: 66Members, Super Administrators, NS1 Playtester, NS2 Developer, Reinforced - Supporter, WC 2013 - Silver, Subnautica Developer
    Great job, Yama.  Very nice tutorial.  This will really help people to create textures which match the "NS Look".
  • YamazakiYamazaki Join Date: 2002-01-24 Member: 21Members, NS1 Playtester, Contributor
    If you guys really want to use the three sample textures, then go ahead. But the third texture is just individual horizontal lines with a linear gradiant stroke effect, with with the diagonal-horizontal bits having their own similar effect. Nothing special

    Making grooves in a texture is relatively simple, it just involves turning on the grid, set it to 16 units with 2 or 4 subdivisions (So one line every 8 or 4 units), and drawing the lines in black. Then just fiddle with the blending options to give it a gradiant stroke effect for the lighting. For ceiling and floor textures you use a shapeburst gradiant, while walls get a linear gradiant.



    <!--EDIT|Yamazaki|June 04 2002,09:59-->
  • Black_DogBlack_Dog Join Date: 2002-02-10 Member: 190Members
    TNX Yama! a new tutor to add to my collection! <!--emo&:)--><img src="http://www.natural-selection.org/iB_html/non-cgi/emoticons/smile.gif" border="0" valign="absmiddle" alt=':)'><!--endemo-->
  • KassingerKassinger Shades of grey Join Date: 2002-02-20 Member: 229Members, Constellation
    <!--QuoteBegin--ChromeAngel+June 04 2002,10--></span><table border="0" align="center" width="95%" cellpadding="3" cellspacing="1"><tr><td><b>Quote</b> (ChromeAngel @ June 04 2002,10)</td></tr><tr><td id="QUOTE"><!--QuoteEBegin-->Shouldn't this be in the artwork forum?  Good stuff Yamazaki.  Now tell me how to do it in paintshop pro <!--QuoteEnd--></td></tr></table><span id='postcolor'><!--QuoteEEnd-->
    Yeah, it would be great if there were texture artists using psp to explain how it's done in <i>that</i> program. <!--emo&:)--><img src="http://www.natural-selection.org/iB_html/non-cgi/emoticons/smile.gif" border="0" valign="absmiddle" alt=':)'><!--endemo-->

    I guess most artists use photoshop. It's not worth it for me spending so much money on a program like that when I can't make any money out of it, and not having making pictures as a big hobby.
  • InZaneFleaArmyInZaneFleaArmy Join Date: 2002-01-24 Member: 18Members
    My first stab at texturing...changed some lighting, and added a few subtle changes.  Also, I sorta just changed around the color of the streaks....I like it a lot for my first ever texture.
  • InZaneFleaArmyInZaneFleaArmy Join Date: 2002-01-24 Member: 18Members
    Sort of has an out of place type of look with the green streaks...Like something dragged by bleedin n stuff...I dunno...Just looks cool.
  • ParasiteParasite Join Date: 2002-04-13 Member: 431Members
    Sweet! Hey wanna do me a great favor...and basicaly make it easier to rip you off? Can you make that into a PS action file, and insert stops anywhere the user would make adjustments. That would be great for the lazy folks, besides the fact that its 50 times more usefull than actions I find around the net!
  • SonoSono Join Date: 2002-01-26 Member: 105Members
    /me doesn't understand any of the sentences in yamazaki's last post <!--emo&:)--><img src="http://www.natural-selection.org/iB_html/non-cgi/emoticons/smile.gif" border="0" valign="absmiddle" alt=':)'><!--endemo-->
    But well thats not bad, I'm just not an artist.
  • LazysamLazysam Join Date: 2002-01-26 Member: 101Members
    <b><span style='color:red'>***NUKED***</b></span>



    <!--EDIT|Greedo386|June 06 2002,13:12-->
  • GeENiEGeENiE Join Date: 2002-06-09 Member: 740Members, Constellation
    hey thanks for that tutorial ! you know where to get more alike tutorials? i really love what u can do with photoshop..

    heres a logo i made with your tutorial <!--emo&:)--><img src="http://www.natural-selection.org/iB_html/non-cgi/emoticons/smile.gif" border="0" valign="absmiddle" alt=':)'><!--endemo-->

    <img src="http://www.clan187.net/users/geenie/pics/metallogo.jpg" border="0">
  • Trace215Trace215 Join Date: 2002-06-18 Member: 793Members
    Thx for the base. I added sumfings.

    <img src="http://home.attbi.com/~ploc1/215_Metaltut.jpg" border="0">

    thx tutorials kek
  • Pigeon_KickerPigeon_Kicker Join Date: 2002-06-18 Member: 792Members
    Heh. I know how to use PSP!!!
    Kingly tutorial:

    Start of with a grey base which has a suitable midtone like in the Photoshop tutorial.

    Then make another layer and fade onto it an image with lots of different shapes and colours and smudge them around a bit until you get a decent looking sorta texture. It will have highlights and stuff. If you can't be bothered to do that then blend it as an overlay layer or colour.

    Then you can start lightening and darkening different parts to make it complete.

    Note: That is for shiny metal.....

    It also might help if you emboss the image you put on top for the highlights...
Sign In or Register to comment.