Jump to content

Metal Interface - Photoshop Tutorial

This topic is 6555 days old. Please don't post here. Open a new topic instead.

Recommended Posts

hello Lee!

The file is rather large 2.x Mb so I was not sure if the FMForums had processed it right.

Your can get it at:


The file is designed in 1024 x 768 resolution due to its nature of targetting the 800x600 design.

I am hoeping to implement a few more steps into this tutorial:

-"Carving the interface"

-Slicing up and optimising images and using them

a. in FM desing (along with FM background blending)

b. in Web Design ( masking of tables)

...and so on. Let me know if the "style" is overkill...I really don't know the skill levels of Photoshop as it is not "desing" forum....anyhow, I hope you benifit from it and get inspired to create unique looking designs.

All the best!

Link to comment
Share on other sites

Thanks for the tutorial Leb i Sol, it's brilliant.

I'm not too bad on the program side of creating databases, but my GUI designs do need much improvement.

So, anymore tutorials like this are greatly appreciated! Am looking forward to the next steps!

I have photoshop, illustrator, corel draw, but do not have much experience with the programs, now at least I have an insight into how to start GUI designs in photoshop.

Before now I have been limited to what images/backgrounds I could find on the forums or the web in general or to the basics of what FM can do as far as GUI is concerned

Many thanks for sharing

Best regards


Link to comment
Share on other sites

Hi Eddy!

Thax for the note!

It is funny that you mention this:

"...not too bad on the program side of creating databases, but my GUI designs do need much improvement."

I actually started desinging things 1st...then wanted to "organise my creations".....and got into DB design that I resited for years.(that is why I studied MIS smile.gif )

..I hated the "programming" aspect of it all. I find a LOT of Good programmers are so "exhaused" by their jobs that GUI thends be forgotten. Even on websites you can tell...great progammers have so many good tips...but it is presented in such a manner that people find it hard to read or navigate.

I belive that is worse to "badly copy" someones design than it is to create a "simpler original" on your own. I know that a lot of peeople here do use Photoshop or have it ...why not put it to use!

"nice GUI" makes me want to use the created sytem even more....

Imagine the face of a user who 'logges in' and finds their gui has changed to from dull grey to "Spring Breez" skin just based on a CurretDate wink.gif

Anyhow, I'll keep you posted!

Link to comment
Share on other sites

My pleasure Ugo!

It seem that people like this look....and it can be easily changed to any other look with the same shape.

You are a "Metal Fan"...so we are doing the Metal look wink.gif

oterwise we can .....ooo u'll have to wait until next tutorial laugh.gif

All the best!

Link to comment
Share on other sites

Hey, I have a Bronze and Gold version too Allen, made with AppleWorks. But it seems a bit "pompuous" ro be implemented. May be a jewerly db one day ! grin.gif

Sure Photoshop offers more than Appleworks, I just need to check and compare sizes of both solutions...

Thanks again, waiting for the next version now... wink.gif

Link to comment
Share on other sites

mainly JPGs or stright screenshots pasted on the layout....

For the true "FM layout" I would suggest optimised JPGs or GIFs in transprency, and in container fields....I guess that is another segment that I need to write up. This was a tutoiral for Ugo that I thougt desrves sharing...so my "presentation" of it is not in the "right" way of storing images.

Check back soon, I'll have some more info!

And thanx!

Link to comment
Share on other sites

Actually, Ugo all it would take is "Color OverLay" or Color Fill over the main shape and you got your 'ANY_Color look'...who said that metal need to be "silver" wink.gif


The size of the images involved has significantly increased the .fp5 size of the file....some of don't have the luxury of 5 MB Downloads so here it is:


I appologise for the site condition as it is never-ending project smile.gif refresh this page weekly laugh.gif

Take care!

Link to comment
Share on other sites


  • Create New...

Important Information

By using this site, you agree to our Terms of Use.