HOME | DD

chaosLT β€” Interface-Design-Tutorial

Published: 2006-12-06 16:23:18 +0000 UTC; Views: 63186; Favourites: 838; Downloads: 2152
Redirect to original
Description Interface-Design-Tutorial

Hey Everyone,
So finally i finished a tutorial about Interface designing, i started this
tutorial about an half year ago xD. And now i found it and thought, that
i should finish this .

The tutorial doesnt show you how to make an nice orb, or how to create cool wires
I think there are enough Tutorials out there.

I want to show you in this Tutorial the Basic process you might go through to create an interface.
Well iam not sure if this is usefull for anyone, and i became quite sloopy in the end xD, cause
i just wanted to finish this .

I Compressed the Jpeg alot to get a bit smaler file size, but its still quite big :/.

But well,

Please tell me what you think .

// eww, and just because i cant trust deviantart, i uploaded the tutorial here:
[link]
so if the fullview doesnt work, just use that link

A huge thank you to everyone who faved/commented and showing interest for the "interface-art" in general.

I uploaded some PSD-Files which might help you understanding this tutorial better here: [link]
Related content
Comments: 197

Styallz [2012-02-17 03:10:56 +0000 UTC]

What if.. You can't draw o.e

Like, I have no ability to draw an interface (no matter how basic) whatsoever T.T

πŸ‘: 0 ⏩: 1

chaosLT In reply to Styallz [2012-03-15 11:13:51 +0000 UTC]

You Can

πŸ‘: 0 ⏩: 0

christohpera [2011-11-12 18:31:11 +0000 UTC]

When trying to follow the steps, I found it impossible to even yield an orb like yours there...>__<

πŸ‘: 0 ⏩: 0

christohpera [2011-11-07 18:15:42 +0000 UTC]

This could be useful for my project :3

πŸ‘: 0 ⏩: 0

celebzrox [2011-10-19 19:19:15 +0000 UTC]

Thanks a lot.. <3

πŸ‘: 0 ⏩: 0

CelTecDesigns [2011-05-23 19:14:22 +0000 UTC]

Interesting and useful tutorial!

πŸ‘: 0 ⏩: 0

Dwarfcannon [2010-12-25 18:07:22 +0000 UTC]

tought me a little bit, but you sort of skipped the most important part... almost like an A-Team scene, starts from scrap ends up with a supercar. Would want more detail on how you exactly got it from a simply filled flat image to 3d awesomness. (step 3)

πŸ‘: 0 ⏩: 0

yogiganesh [2010-08-21 15:19:24 +0000 UTC]

i like this tuts this is very usfull for mi

πŸ‘: 0 ⏩: 0

HellScreamGraphics [2010-07-21 18:00:00 +0000 UTC]

Are you using a pencile (digital) or a mouse for this because its so damn hard to do the doging and the burning, please answer me!

πŸ‘: 0 ⏩: 1

chaosLT In reply to HellScreamGraphics [2010-07-21 19:49:08 +0000 UTC]

As I wrote the tutorial years ago I was using an ordinary computer moouse.

πŸ‘: 0 ⏩: 1

HellScreamGraphics In reply to chaosLT [2010-07-21 20:22:26 +0000 UTC]

Oh my gosh x.x

πŸ‘: 0 ⏩: 0

mrMargoh [2010-06-10 09:00:30 +0000 UTC]

if i be in home i try to make something ;D
nic tut ;D

πŸ‘: 0 ⏩: 0

S0ULCRYs [2010-05-19 14:26:55 +0000 UTC]

thank you for this tutorial

πŸ‘: 0 ⏩: 0

SargeGFX [2010-04-23 10:25:29 +0000 UTC]

very hard ...
GRRRRRRRRR

πŸ‘: 0 ⏩: 0

evilkitty75 [2009-11-29 21:45:54 +0000 UTC]

this is kool n helpfull thx !!

πŸ‘: 0 ⏩: 0

diva42 [2009-11-13 20:17:27 +0000 UTC]

Thank You

πŸ‘: 0 ⏩: 0

Cat-astrofe [2009-10-25 00:05:11 +0000 UTC]

Wow very good tutorial! Most try ir out very soon

πŸ‘: 0 ⏩: 0

gemini28bd [2009-08-05 04:07:41 +0000 UTC]

wow............

πŸ‘: 0 ⏩: 0

xxBIOxx [2009-07-16 14:43:39 +0000 UTC]

GREAT TUTO!

πŸ‘: 0 ⏩: 0

IamKeLa [2009-02-27 22:53:23 +0000 UTC]

in this moment i fall in love with you XD
thxx you this realy help me

πŸ‘: 0 ⏩: 0

stiFFix-sk [2009-01-17 15:35:06 +0000 UTC]

LOVE THIS TUTORIAL

πŸ‘: 0 ⏩: 0

aktivalux [2008-12-27 11:58:18 +0000 UTC]

Super tut^^
danke!
Ein paar weitere EklΓ€rungen zu den letzten 2 "Schritten" von Stufe 3 wΓ€re ganz nΓΌtzlich
Vllt auch einfach mal ein Video-tut?!
Trotzdem super "teil"

πŸ‘: 0 ⏩: 0

redmanlouk3 [2008-11-22 22:44:58 +0000 UTC]

i dont get how u make that plastic/aqua effect(dont really know what it is)
but nice tut mate

πŸ‘: 0 ⏩: 0

drift-Angel [2008-11-11 16:59:13 +0000 UTC]

can i have permission to post this in sigresource.com? link back to your DA? and credits to you ofcourse?

πŸ‘: 0 ⏩: 1

chaosLT In reply to drift-Angel [2008-11-21 21:05:18 +0000 UTC]

Sure, you may place a link to my tutorial : ).

πŸ‘: 0 ⏩: 0

DerangedStudios [2008-11-08 20:26:29 +0000 UTC]

This helped my designs alot man, thanks for the tutorial!

πŸ‘: 0 ⏩: 0

eMt1337 [2008-07-24 12:07:05 +0000 UTC]

nice tuts :$

πŸ‘: 0 ⏩: 0

JDeVector [2008-06-12 20:30:36 +0000 UTC]

The best interface tut i hav seemed...

πŸ‘: 0 ⏩: 0

leozerosty [2008-06-08 18:15:44 +0000 UTC]

Very Good! Thanks!

πŸ‘: 0 ⏩: 0

Superiorgamer [2008-04-01 01:25:36 +0000 UTC]

Congrats on the daily dev ;D You deserved it!

πŸ‘: 0 ⏩: 0

derboern [2008-03-18 07:50:24 +0000 UTC]

great job. thanks

πŸ‘: 0 ⏩: 0

popcorn-pops [2008-03-13 02:52:14 +0000 UTC]

Amazing tutorial. Great job on it!

πŸ‘: 0 ⏩: 0

Nubry [2008-03-12 09:17:53 +0000 UTC]

Hey sorry to bother you again but I have started to do my tutorial though I need to make it Longer. I am haveing trouble with changeing the hight without effecting the width. How can I do it please help?

πŸ‘: 0 ⏩: 1

Renilicious In reply to Nubry [2008-03-12 10:21:00 +0000 UTC]

If you're using photoshop, go to Image - Canvas Size and change the numbers in height.

πŸ‘: 0 ⏩: 1

Nubry In reply to Renilicious [2008-03-12 10:33:55 +0000 UTC]

Thank you

πŸ‘: 0 ⏩: 0

queenlili888 [2008-03-11 06:15:23 +0000 UTC]

Hey congrats on the DD
I actually referenced this last year lol and its so great to see something I recognize as a DD

Good job man

πŸ‘: 0 ⏩: 0

TibodinJay [2008-03-11 04:49:02 +0000 UTC]

sweet! This is pretty darn cool Thanks for submitting this and congrats on the DD

πŸ‘: 0 ⏩: 0

hikariblaze [2008-03-11 01:01:07 +0000 UTC]

cool!!! I'll save this for later use... like when I actually come in possesion of photoshop 7... or I could use someone's... XD

πŸ‘: 0 ⏩: 0

dbestarchitect [2008-03-10 23:43:26 +0000 UTC]

Sweet! ^^

πŸ‘: 0 ⏩: 0

VoxMartyr [2008-03-10 23:35:15 +0000 UTC]

Awesome tutorial!

πŸ‘: 0 ⏩: 0

Nubry [2008-03-10 22:12:22 +0000 UTC]

Great tutorial just one question. I am thinking of making a tutorial but I dont know what size to make the page b4 I start how do you know how long it should be?

πŸ‘: 0 ⏩: 1

chaosLT In reply to Nubry [2008-03-10 22:28:02 +0000 UTC]

just start with any size , you can always change it.

Great gallery you got btw !!

πŸ‘: 0 ⏩: 1

Nubry In reply to chaosLT [2008-03-11 09:27:14 +0000 UTC]

Hey thank you. Glad you like my work and thanks for the help

πŸ‘: 0 ⏩: 1

chaosLT In reply to Nubry [2009-08-20 21:41:50 +0000 UTC]

I love it

πŸ‘: 0 ⏩: 0

SNeW [2008-03-10 20:34:58 +0000 UTC]

im not very sure whether u wrote this tutorial by ur own.
im pretty sure that this one is not yours!!!
cuz i had this tutorial already 1 year ago on my hard drive...
i can check the tut on my hard drive and if neccessery also show to admin...

πŸ‘: 0 ⏩: 5

SNeW In reply to SNeW [2008-03-12 18:19:01 +0000 UTC]

mhmh was looking for that file but couldnt find...
well im sorry if i made some1 angry or something like this, but better i report it, than some1 copies it.....
and btw: i thought dailydeviation is actual and not from past works -.-"

cya and out

πŸ‘: 0 ⏩: 0

Renilicious In reply to SNeW [2008-03-12 10:21:57 +0000 UTC]

*LMAO* One would think that you would indeed check your file before making accusations.

πŸ‘: 0 ⏩: 0

Drugi In reply to SNeW [2008-03-10 21:59:21 +0000 UTC]

omg , this is his style his tutorial - before accusing someone like this do your research first , you blamed yourself dude ... and yeah just to let you know
Submitted: Dec 6, 2006

πŸ‘: 0 ⏩: 0

xdreamer In reply to SNeW [2008-03-10 21:14:31 +0000 UTC]

I would really think before post something like that.

πŸ‘: 0 ⏩: 0

z-design In reply to SNeW [2008-03-10 21:13:46 +0000 UTC]

Interesting, but also keep in mind that this tutorial was submitted to deviantart in 2006, which is more than 1 year ago. It is entirely possible that you stumbled across this same artist 1 year ago.

πŸ‘: 0 ⏩: 0


| Next =>