Welcome to the MacNN Forums.

If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.

You are here: MacNN Forums > Software - Troubleshooting and Discussion > Developer Center > Duplicating the brushed metal effect?

Duplicating the brushed metal effect?
Thread Tools
Sebastien
Registered User
Join Date: Apr 2000
Status: Offline
Reply With Quote
Mar 22, 2005, 09:51 PM
 
Has anyone tried duplicating the brushed metal texture into a graphic?

I'm not just talking about the simple texture itself, I mean the whole thing: texture, the highlight, etc...
     
King Chung Huang
Mac Enthusiast
Join Date: Aug 1999
Location: Calgary, Alberta, Canada
Status: Offline
Reply With Quote
Mar 22, 2005, 10:21 PM
 
Originally posted by Sebastien:
Has anyone tried duplicating the brushed metal texture into a graphic?

I'm not just talking about the simple texture itself, I mean the whole thing: texture, the highlight, etc...
If you have .Mac, look at the Bookmarks feature. All the source files are in there.
     
Sebastien  (op)
Registered User
Join Date: Apr 2000
Status: Offline
Reply With Quote
Mar 22, 2005, 11:01 PM
 
Originally posted by King Chung Huang:
If you have .Mac, look at the Bookmarks feature. All the source files are in there.
I did, but that doesn't have the highlight, and I don't think the texture is even the same (more like the 'old' Quicktime interface one, which was ugly)
     
skalie
Mac Elite
Join Date: Mar 2002
Location: Clogland
Status: Offline
Reply With Quote
Mar 23, 2005, 02:12 AM
 
     
Sebastien  (op)
Registered User
Join Date: Apr 2000
Status: Offline
Reply With Quote
Mar 23, 2005, 03:03 AM
 
Originally posted by skalie:
Got photoshop?
Yeah I noticed that page too, but I wanted the exact same texture as used by the system. I did find it in a resource file, and I'm now trying to replicate the effect on a webpage... I'll post here if I'm successful...
     
Millennium
Clinically Insane
Join Date: Nov 1999
Status: Offline
Reply With Quote
Mar 23, 2005, 10:31 AM
 
Originally posted by Sebastien:
Yeah I noticed that page too, but I wanted the exact same texture as used by the system. I did find it in a resource file, and I'm now trying to replicate the effect on a webpage... I'll post here if I'm successful...
The thing is, the "texture" isn't stored in a single place. The background is an image, but the highlight is applied programmatically. The .mac bookmark image is the same one used in the OS for the background. However, you'll need to use Photoshop or some similar program to apply the highlight on your own. A plain white layer with a gradient in the alpha channel should do the trick.
You are in Soviet Russia. It is dark. Grue is likely to be eaten by YOU!
     
Sebastien  (op)
Registered User
Join Date: Apr 2000
Status: Offline
Reply With Quote
Mar 23, 2005, 11:20 AM
 
Originally posted by Millennium:
The thing is, the "texture" isn't stored in a single place. The background is an image, but the highlight is applied programmatically. The .mac bookmark image is the same one used in the OS for the background. However, you'll need to use Photoshop or some similar program to apply the highlight on your own. A plain white layer with a gradient in the alpha channel should do the trick.
Yes, this is exactly what I'm trying.
     
Sebastien  (op)
Registered User
Join Date: Apr 2000
Status: Offline
Reply With Quote
Apr 24, 2005, 12:41 PM
 
Ooops, forgot to write back. I figured it out:

Assuming you've pulled the texture and gradient out the bundle, the trick to reproduce it in HTML is simple (I'm using this for a small control bar):

<body>
<img style="position:absolute;top:0px;left:0px;width:10 0%; height:100px;z-index:-11" src='Gradient.tiff'>
<img style="position:absolute;top:0px;left:0px;width:10 0%; height:100px;z-index:-10" src='Texture.tiff'>
</body>

The texture doesn't look as 'random' as in a blank textured window, but then that normally is never the case, so it should not be noticable.
     
   
 
Forum Links
Forum Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Top
Privacy Policy
All times are GMT -4. The time now is 01:13 PM.
All contents of these forums © 1995-2017 MacNN. All rights reserved.
Branding + Design: www.gesamtbild.com
vBulletin v.3.8.8 © 2000-2017, Jelsoft Enterprises Ltd.,