Futuristic Abstractions


3D model abstraction style was from the second execution of dreaminfinity.com. 3D model abstraction is a style that I developed during the executionn 2 production phase. For the longest time, I wanted to do a super future based layout that heavily relies on typography, lines, and flat shapes. But one of the most important element that this style uses are 3D model shapes and forms that are created using complex 3D modeling programs such as Maya, 3D Studio Max, Cinema 4D, or Lightwave. My program of choice is 3D Studio Max / Cinema 4D at the moment, and it’s a good program to get started with as a beginner and if you are interested in 3D animation. Atmostfearic abstraction is a free form style. There really is no right or wrong and it’s kind of hard to have alot of conceptual idea’s behind these designs. It’s a very fine art based style that focuses alot of movement of the eye, and good flow and organization of shapes and text. In this tutorial, we will focus on how to apply some of my techniques in this particular style.

1. You can make shapes with Photoshop, but I highly recommend using one of the 3D modeling programs I mentioned above. Many 3D programs render different looking objects so you should try multiple programs to see which you like best. First of all, I layout all my 3D model objects in Photoshop. Remember to render multiple different views to get some cool views and angles on your models.

2. Now lets make us a wallpaper! Cut and paste your 3D model image on the wallpaper document. And then repeat it again on the same document but paste an image of your model with a different angle.

3.Now apply the layer effect of “LIGHTEN”. Your 2 images should merge to gether applying a transparent look. And then duplicate the very top layer of your file. Duplicate the layer and apply the layer effect of “COLOR DODGE”. If you need to adjust the brightness and contrast do so by going to IMAGE > ADJUST > BRIGHTNESS AND CONTRAST.

NOTE: Remember that depending on images it all VARIES on the result when u apply a layer effect. If you want the closest look as it does on this tutorial, work with a BLACK BACKGROUND, with triangular shapes that are about 50% translucent.

4. Now apply the layer effect of “LIGHTEN”. Your 2 images should merge to gether applying a transparent look. And then duplicate the very top layer of your file. Duplicate the layer and apply the layer effect of “COLOR DODGE”. If you need to adjust the brightness and contrast do so by going to IMAGE > ADJUST > BRIGHTNESS AND CONTRAST.

5. Now we are going to use some photography on the design. Open a photograph that shows good depth and good lighting if possible. Natural light (i.e sunlight) works out good too. Just make sure that your photograph isn’t TOO flat looking. Apply many types of layer effects to see if it works out. Not all photo’s work out so you have to keep browsing around. Now if the photo doesn’t workout, you can always blur the hell out of it like I am here. Apply a motion blur, and then adjust the hue and saturation if you have to, and apply some layer effects. Again it doesn’t work every time. You have to experiment.

6. I am not going to give out all my secrets. But this is the general technique that I used to develop my splash page on execution 2. It takes alot of playing around with the image. You should play around with applying lots of layer effects, putting different layers in different orders, and applying different saturation, brightness, and contrast. Remember that not all layers also need layer effects. Now at the end of your compositon, make a new layer and apply the whole layer one color. And then apply a layer effect of “MULTIPLY” or “SCREEN”. I also added scanlines to spice things up. Read the part 2 of this tutorial on tips on applying typography.

3 Responses to “Futuristic Abstractions”

  1. macky said:

    cool really nice…

  2. John Doe said:

    You can use Blender for 3d, it’s free for the monetarily challenged.

  3. Enamul Hoq said:

    You have created some extra authentic collection.. its marvelous job keep it up

Leave a Reply - Need an avatar for your posts? Register here for global avatar usage.

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

media temple