Mobile app version of vmapp.org
Login or Join
Goswami567

: Creating robotic interface I know robotic might be the wrong word to describe it, but I've been looking into how to do this effect for like 5 years now, and haven't bumped into anything yet.

@Goswami567

Posted in: #WebsiteDesign

I know robotic might be the wrong word to describe it, but I've been looking into how to do this effect for like 5 years now, and haven't bumped into anything yet.



If anybody could post a tutorial with even something similar, I could carry on from that.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Goswami567

2 Comments

Sorted by latest first Latest Oldest Best

 

@Cooney243

I've seen this technique done quite alot, it's actually somewhat dated but I've seen some people do it really well. There are a bunch of different techniques to achieve this effect commonly used ones are dodge and burn to give the "metal" material highlights and some strokes on pen curves to generate wires, but for the most part they're drawn(either by hand or in photoshop). These might give you some direction, check these links:

Tutorials:

Interface Design Tutorial

Orb Interface Tutorial

Vent Interface Tutorial

Metal Texture Tutorial

Tech Button Tutorial

Tech Metal Button Tutorial

Some examples of well done interfaces:

Example 1

Example 2

Templates and/or other resources:

PSD

PSD

10% popularity Vote Up Vote Down


 

@Heady304

The examples you showed are essentially paintings. At first I thought they were 3D renderings (something that could produce a similar effect) But they aren't something that can just be duplicated using a tutorial from the web. That being said, here's two I found that might get you started, but very elementary in comparison.
One
Two

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme