|
|
Duplicating the brushed metal effect?
|
|
|
|
Registered User
Join Date: Apr 2000
Status:
Offline
|
|
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...
|
|
|
|
|
|
|
|
|
Mac Enthusiast
Join Date: Aug 1999
Location: Calgary, Alberta, Canada
Status:
Offline
|
|
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.
|
|
|
|
|
|
|
|
|
Registered User
Join Date: Apr 2000
Status:
Offline
|
|
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)
|
|
|
|
|
|
|
|
|
Mac Elite
Join Date: Mar 2002
Location: Clogland
Status:
Offline
|
|
|
|
|
|
|
|
|
|
|
Registered User
Join Date: Apr 2000
Status:
Offline
|
|
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...
|
|
|
|
|
|
|
|
|
Clinically Insane
Join Date: Nov 1999
Status:
Offline
|
|
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!
|
|
|
|
|
|
|
|
Registered User
Join Date: Apr 2000
Status:
Offline
|
|
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.
|
|
|
|
|
|
|
|
|
Registered User
Join Date: Apr 2000
Status:
Offline
|
|
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 Rules
|
|
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
|
HTML code is Off
|
|
|
|
|
|
|
|
|
|
|
|