Preserved Topic: Wood Inlay Stuff

Ok, I've got something cooking here that could turn out to be cool. I'm thinking about making kind of a wood inlay weird looking UI for a web site I'm doing. Tell me what you guy's thing on the types of wood and how I can make it look more like it's lnlayed into the background wood.



And if you'd like to play with my PSD here it is. (1.1 meg download)

[edit] I was thinking maybe of putting like 2 or 3 pixels of a silvery like metal around the wood bacuase I think I've seen things inlayed like that but I'm having a hard time getting that to look right...[/edit]

[This message has been edited by Loki (edited 13-12-2000).]

ooh... that is cool, you need someting like a pillow emboss effect.... heh.. i did a really quick one by hand here...

hmm, hacked out a really cheap version with layer effects, and a few layer blends.
This a bit of the idea?
http://salvagion.com/doc_o/side.jpg


Let me know, I can post a psd, or work it more thoroughly.

Peter





ICQ:# 10237808

Loki: It doesn't look embedded in the wood at all. You'll need some kind of shadowing or inner glow to make it look like it's really in the wood.

DG: That's pretty nice looking even though it's some pretty simple techniques.

hats off to ya again DG, thats sweet looking, can actually see that carved in my door here at home <img border=0 align=absmiddle src="http://www.ozones.com/forum/smile.gif">

~Vp~

DG: That's some pretty cool stuff, Yeah, if you could post a PSD I'd dig it. That's pretty much the look I'm after.

What do you guys think about the BG wood? Is it too light? Do you think it takes the attention away from the design?

Yeah, try the pillow emboss with a really low blur setting.

hey, I'm trying the embossing thing, and well I'm getting weird knot things in the wood it's really strange cause I don't see them unless I' emboss it and I can't seem to get rid of them.

[edit] Nevermind I figured it out. [/edit]

[This message has been edited by Loki (edited 13-12-2000).]

Loki:
I uploaded the PSD, it's at http://salvagion.com/doc_o/side.psd

As I said, it's cheap layer effects, and you should go through Doc's tutorials, as well as some stuff over at the GN to understand how to achieve your bevles without them. However, it will at least let you break it down, to understand the lighting, and layers involved.

Hope it helps.

Peter




ICQ:# 10237808

A question??? I don't know what's wrong here, everytime I try to visit the two sites on this post that have PSD files on them, I get the image but my Quicktime player thinks it's a movie??? I can't right click it to download or examine or anything. I don't have any problems with any other files, just PSD. Is there a setting somewhere I can adjust or correct to make my browser know what a PSD file is & not think it's a Quicktime movie??? Thanks in advance & have a good one.....

if your running on windows OS try 'shift-click' on the link <img border=0 align=absmiddle src="http://www.ozones.com/forum/smile.gif">

You have to right-click and choose "save target as".

- Dan -

Thanks for the help guys, I'm running Windows 98 SE, but your suggestions didn't help, because whenever I right or left clicked on anything nothing happened. But alls not lost. I kept digging around the files on my computer & found the files associations preferences hidden deep in my system for Quicktime. After changing them all is well. I don't know how or when my system figured it would use Quicktime to open Photoshop files????? Thanks again & have a good one.....

*slaps forehead* more detailed description coming up....

hold your finger on the shift key

locate your mouse over the link

click your 1st mouse button (or left one if ya only have two)

if that dont werk ya need to upgrade to louvred windows mate! <img border=0 align=absmiddle src="http://www.ozones.com/forum/biggrin.gif">

~VP~

oh ya.. Dan's method work too, cept I think that is IE, in NN try 'save link as'

*walks off grumblin*

[This message has been edited by vogonpoet (edited 14-12-2000).]

Thanks VP.....I already knew about right clicking on a link & saving to, I just couldn't figure out why, once on a web page, I couldn't right or left on an image to download it, Now that I've changed the associations in Quicktime, everything is fine. The last time I slapped myself on the forehead, I missed & broke my glasses, knocked myself down, spilled my beer, threw my back out & couldn't remember who I was for 5 days...be careful. Have a good one.....

[This message has been edited by Kruzr (edited 14-12-2000).]

hehe.. broken glasses I can live with.. but spilling my beer?.. eeeek.... no way!.. <img border=0 align=absmiddle src="http://www.ozones.com/forum/smile.gif">

It doesn't think it's a movie it thinks it's a PSD file. IE doesn't open PSD files so the nice people at Quicktime thought that they'd take the exstension before anyone else got the bright idea, not thinking that PSD is NOT a file type good for web pages. Send a nasty letter to apple and tell them to stop that.

--------

Thanks for your help guys. I've moved off of that design but I'm sticking with a similar tecnique. I'll post the finnished page here in the next few days.

[This message has been edited by Loki (edited 14-12-2000).]

of course, the dark garden has done it again...

hey, check out how the beveling is done in the dropplet tut.... written by, Dark Garden!
hrmm... OK, check out how he does the selections on page 2 http://www.gurusnetwork.com/tutorials/photoshop/droplets2.html

Anyone got a tut on pillow embossing/embossing without layer effects? I'll post my new graphic here in a few but I'd like a little better emboss before I do.

Here we go, taking another shot at the stuff, Do you think I need to make my bevels more obvious or does this look good?

http://www.provinsal.com/SH/logo3.gif

Yo, Loki.

I really like the dragon figure you've drawn. I tried to alter it, but I screwed up a bit. Just some effects executed on your nice drawing. Sorry, couldn't help it. <img border=0 align=absmiddle src="http://www.ozones.com/forum/smile.gif">
http://home.soneraplaza.nl/qn/prive/atwigt/side.jpg

Now I have another look at it, I deleted the essence of this picture, the wood and the Chinese colors.

[This message has been edited by ReSistanZ (edited 15-12-2000).]

I think the pillow emboss is a way to go, but tone down the edges severely. It only needs like, an incline of one pixel, (someone posted an example at something like 4 or 5). Maybe even a really sharp black outline, just to sort of give it the groove effect.

Try these settings:

Effects - Pillow Emboss
(top to bottom on pallete):
Highlight, mode-screen
Oppacity-50

Shadow, mode-multiply
Opacity-75
Style - Pillow
Angle - 120
Deapth - 1
Blur - 2

I mean, it's not like it needs anything drastic, just a little kick to see the groove. See if that does if for you, or if your looking for something hella crazy saturated/deep . . .

I just can't seem to get the RR in the middle to look right... The RR currently has PhotoChild's emboss suggestion on it.

I would really like to get away from layer effects so I can have more control. If anyone would like to give me some insight into different bevel/emboss methods I'd appriciate it.

Gif: http://www.provinsal.com/SH/logo7.gif
PSD File: [edit] Server was being crap, and currupting the file so I had to take it down. It's also pretty close to being done so pick it apart people and tell me what's wrong.[edit]

[This message has been edited by Loki (edited 15-12-2000).]

That picture is rad man. I really dig it. The only thing that i see as a problem is that it seems that there is a highlight towards the upper right corner of the background wood. It's partially covered by the darker inlay, but the highlight doesn't transfer onto the inlay. To me atleast, this makes it look as though the darker wood is hovering over the background, not quite connected. I don't really know how to fix that, just something i noticed that could make it a really tight graphic.

You mean the upper left? You think that's whats throwing it off? hummm... I don't know why it is there in hte first place I think DG (in all his phatness) ot me on that idea with my original pic...

edit: Spelling

Like this? http://www.provinsal.com/SH/logo11.gif
Or this? http://www.provinsal.com/SH/logo12.gif


[This message has been edited by Loki (edited 15-12-2000).]

I swear didnt we have like the exact same topic going about a month ago. I think we all got really into it too and started making our own "carved wood" images. Anyway Peter, why are you just awesome?

Loki.....I played with this for a while after dinner, but I don't know if it's what your looking for????? I reduced the layers to about 6, and the PSD file size is a little over 1 meg. Have a good one.....



[This message has been edited by Kruzr (edited 15-12-2000).]

Loki, I am not sure if I am too late to add a bit of imput into this. First off, I was looking at some of the inlay work I have in furniture around the house and actually what you have already done is very close to the proper look, it is meant to be very smooth looking.

But I did take the liberty of mucking around with the file and added a slight bevel and emboss to the images but I reversed the direction of the angle. It helps get rid of some of the puffiness on the pillow emboss.
I have it set to 2pixel depth but actually lowering to 1 makes it just a bit more subtle. http://www.speckywebs.com/Lee/side.psd

good luck btw..and the dragon is awesome

(sorry I tried to link in the picture but it messed up)

[This message has been edited by Deigryn (edited 15-12-2000).]

I`m not sure exactly what you`re looking for, but *inlaid* leaves a smooth, flat surface. * Beveled *has edges sloping up (or down) from the edge. What I see is more like leaded glass beads, rounded and welded looking.
If you want sharper edges, try selecting the logo image(ctrl+click) layer, select the background layer, and hit delete.
Then bevel both layers by a pixel or two.
Play with it..