[ Pobierz całość w formacie PDF ]
.ÿþDesigns By Mark - Photoshop Tips - Interface OverviewInterface Overview (April 98)Its seems that's what everyone is talking about these days,Why? because they look cool and can add nice interactivity toweb pages.I get at least 15 e-mails a day regarding interfacesand how to make them.Most people want me to post tips onthem, but you have to remember, Interfaces aren't really tips,they're "projects" and take tons of time, some can take weeks todo.So what I'm going to do is help you make your own, or atleast point you in the right direction.Getting PreparedIf you have Adobe Photoshop and a good chair to sit in, then your pretty much ready to go.Maybe go grab some radios or walkmans and look at them, or glance over at your printer to seehow the buttons are on it.You don't realize it but interfaces are all around us, its like how we getaround sometimes or control things like in a car , stereo or even your microwave oven has a niftylittle control pad.They can all give you some useful ideas, or just think oneup, but don't go to crazy up there because the way I see ityour only limited by how well you know your paint software,so the more you know how the program works then themuch easier it will be.This is the best way to prepare yourself to make the interface you've always dreamed of.If you don't know Photoshop well, things can become difficult and get frustrating.You need toknow how to get your self out of situations like when your stuck or if you screw up.So if you'renot familiar with Photoshop I suggest you sit down with the Manual and read EVERYTHING youcan with lots of hands on experience , It will pay off in the long run.Starting TipsTry drawing any interface you can think up on paper, then re-draw it in Photoshop.Drawing firstis better because if you mess up on paper its easier and faster to take things out that don't lookright rather then spending a hour on a part in Photoshop and having to erase the whole thingbecause it just doesn't fit.Even if you can't draw well and are lazy like me , Do it anyway, you'llsee a difference.Using add-on filters for starters is not the answer and you'll end up limiting your self and wontlearn a thing about Photoshop.This is all coming from personal experience.Start practicing some tutorials on my site to get familiar with lighting and how gradients makethings look 3D etc.Because "lighting" is the the key to making things look 3D and pop out,something you must study a little bit.Start zeroing in on objects or "anything" in a room and lookfor highlights from a light source.If you can master this, then you're set.Here's a quick overview of my Prototype 9 interface, I could explain it in completedetail but it will take to long, So here's just my basic order from beginning to end.All my frame work was done with Channels in Photoshop, I copied my body/drawing on to thecomputer with the Pen tool in Channels, Then I loaded my channel in RGB mode, Then appliedmy texture and bevel.Next I started my components (buttons, gadgets, wires, pipes etc.) for theinterface.Notice all these were on a back layer behind my frame.This is a quite old interface I did and was an experiment, If you would like to see the full sizeversion, Its in my Gallery.RememberAs with anything, Start at the bottom and work your way up.I've learned that those little tips helpout more then anything when you do enough of them, because you almost use the sametechniques but in an interface type form.When I started, there was really no one to give me this information, So that makes me believethat you "can" figure most things out on your own, and I'm going to try to speedthings up a little.Click here to go back to the tips so you can get started!April 1998file:///C|/Documents and Settings/Mark1/Desktop/Acrobat/nav_ifaceover.html [5/14/2000 1:07:55 AM] [ Pobierz caÅ‚ość w formacie PDF ]