Design insights & tutorials.

Tutorial: Killer 3D Poster Design with 3DS Max & Photoshop

gomedia-3D-poster-header

Introduction

Hello again! I was recently asked to do a flyer for a promotions company by the name of  inFamous Productions; a very popular promotion movement in Western NY mainly stationed in Buffalo.

My main objective was to create something unique that would serve as a creative campaign for a nightclub. Long story short, one thing led to another, and I came up with a poster which led to the flyer design. For this tutorial I will be teaching you guys and letting you all get ahold of the process in which I used to create this Galactic Title in Photoshop.

The tutorial will be 80% Photoshop intensive and 20% 3DS Max. Somethings to keep in mind are: 3D letters can be made in any program, be it Adobe Illustrator, 3DS Max, Cinema 4D, Xara 3D, Photoshop, etc. The great thing about this technique is that it can be translated into any 3D generating software.

I will shed light on the basics of lighting, mapping and Render Setup in the robust package that Autodesk has to offer. I don’t want this to predominantly be a 3D tutorial, thus I will not go into extensive detail on everything I do. Feel free to shoot me an email at fmartin9@naz.edu if you have any questions and or concerns. I can also point you into the right direction if you are interested in pursuing a design career in 3D.

Poster_Final Fill

Lets Have At It!

Begin by finding a great font. I like to browse around this site for inspiration and possible font purchases. I find that rounded san-serif texts tend to work well with this technique.

Step 1 – Setup

We can begin by launching 3DS Max and create our preferred slogan. For this, I chose “Stand Up”, since it was the name of the event. Go the Create Tab, marked by red, chose splines, then hit text. Type in what you like and line up the text as shown in the front viewport.

Create Text

2

Step 2 – Extrusion

Perfect. Now with the text spline selected we will go ahead and hover over to the modifier stack and apply a bevel modifier. Follow the settings displayed below.

NOTE The bevel settings will vary between text sizes so don’t depend on solely on mine. Mine are generally smaller because I exported my splines from illustrator. Just scroll down the arrows until you get something that looks like the preview below.

3

4

Step 3 – Mapping

Lets add some materials to this text by hitting the M key on the keyboard to bring out the material editor in Max. I am using VRAY, which is a physical based rendering engine and I HIGHLY ENCOURAGE all to purchase it or at least try it out.

This is definitely one of the best rendering solutions for any platform. Although 3DS Max and many other 3D software come with their own G.I. Solution, in my opinion, VRAY surpasses them all. For this reason, I chose to use this engine for the tutorial. You can get a hold of a demo from here.

Without further ado, lets continue on. Let’s give the text a semi-glossy white material. I absolutely enjoy white text but you can change the color to match your creative ambition.

5

Step 4 – Lighting

Lighting. I promise, this will be easy. Vray is the way my friends. We will simulate a rig for a studio lit scene without using a 3 pt. Lighting system. Find the Vray Lights and click and drag on the viewport to create the rectangular Vray lights. Feel free to experiment with different lights and shadow parameters. Remember, experimentation is key to success when using software.**

6

7

8

Step 5 – Position Text for Renderer and Create Camera

Follow the picture below. After you are done creating the camera, press F10 to bring out the render settings window:

9

Step 6 – Render Setup | Low-res and Hi-res

Rendering—one of the essential parts of finishing a project in any 3D platform. These settings are very critical, as they determine how long a render task will take and how good a quality the engine will put out. It’s always essential to set up test presets so that you can get relatively quick renders without losing too much quality.

After you are done plugging in these settings, save them as a preset. Name the preset ‘Test High’. This will now help you save time when testing out scenes.

Low-Res Setup

10

11

12

13

14

15

This actually looks OK to go ahead and use for a small production. However, I assume you would like to make this project in large prints. Therefore, I will also show you how to set up a great quality render that will probably take up about 1 hr to 45 minutes to render depending upon what hardware you are working with. Sorry—for great quality you always have to pay the price of render times.

If you really hate render times and want to get a great quality realistic looking render with max’s built in scanline render, I suggest you Google “dome light rigs for Max”. This is basically an array of lights in a scene with multiple settings that are used to fake G.I. With an ambient occlusion pass……whoa, I hope I did not lose you there. Nevertheless, the technique is out there—it’s just up to you to fish it out. Now follow the settings:

16

17

18

19

20

21

**NOTE** if you are a 3DS and Vray Junkie like myself, I would actually ignore the “X” I put on the Mode settings for each GI engine. If you are a beginner, please follow the pictures exactly. I just don’t want to cause confusion and more complexity; therefore, I chose to ignore those options. However, if you are interested in finding out what they do, Google ‘Vray Mode Settings’ and follow the online instructions. Basically what they do is help avoid flickering and lessen calculation times during animation renders by referring to the same map in every frame.

Step 7 – Saving Files for PSD

No that we have that out of the way, we are going to save out PNG’s—not jpgs, not exr’s, not tiffs, but PNG’s. We will also need to mask out the Face of the type because we are going to add a texture later on. I’m very lazy, and rather than wasting 30 minutes of my time tracing a mask of the text face in Photoshop, why not generate one from 3DS Max? Here’s how:

Step 8 – Finding the Resources

OK—now that we are done with 3DS Max, shut the program off and launch your preferred browser. Let’s look for some stock images. The picture above shows a lot of galactic activity, therefore we want to look for nebula stocks, cosmos brushes and the whole nine yards.

Here is a list of places where you can go to find amazing resources for this tutorial.

Blue Vertigo

Bittbox

iStock

Nebula Stock

SXC

Topaz Adjust

…and the list goes on. However, Google ‘nebula’, or space brushes and try to find high res brushes. I got lucky a while back and got a hold of some amazing, free royalty space brushes. I would love to share with you guys however, I don’t remember where I got them. Also, you will need to watch a brief tutorial in order to create cloud brushes:

We will use them as erasers to get nice dynamic “cosmic” clouds.

Step 9 – Setup

We have everything we need. If you downloaded brushes make sure to install them before you launch Photoshop. Lets setup our document size. I encourage you all to make this a large file because when printed large on a poster, this design really turns heads.

22

Step 10 – Mapping and Coloring

Lets begin by adding a semi dark background. Go to blending options and create a radial gradient:

23

24

25

26

Now snag this stock image and place it behind the text like so, and set the blending mode to screen. Feel free to use the cloud brush (from the tutorial above) and erase off anything you don’t want to keep from the stock. Like I did below:

27

28

So far so good. Now let’s go further. Lets begin to add our texture and color map to the extruded text. First add the Color Map:

29

30

Now we are going to do the same but with a texture map. Snag this texture from bittbox’s Flickr Pool. Lets make all the white ares pop out my bringing up the curve editor and raising the curve. Now set the blend mode to soft light and opacity of 75%. Now give it a clipping mask on top of the gradient map:

31

32

33

With the same texture and following these same steps, lets now do this to the mask layer we generated from 3DS Max:

34

Step 11 – Lighting

As you may see, with this mask layer, we have a lot more control of what we can do to the face of the text. 3DS Max is absolutely the best. Now lets create more cosmic distortion by duplicating the first stock image we used, which is the swirl fractal. Hit Ctrl + U to bring out the Hue/Saturation settings. Now go to Filter > Blur > Motion Blur. We will use this technique to create light streaks. Duplicate this layer and set blend mode to soft light to both:

35

36

37

38

Step 12 – Using Brushes

Now with the space brushes loaded, create an array of new layers. In each layer you will place a different space brush. Trust me, you do not want to go ahead and paint all the different brushes in one individual layer. We want to create a dynamic collage, therefore, we need every element in their own individual layer.

Experiment with different shades of green and yellow to create more harmony. You’ll want to switch from brush to cloud eraser in order to get rid of hard edges  in a non-destructive way. Watch as I do it:

39

40

41

42

43

Step 14 – Adding Lights

Now lets create an array of circles with different hues. Blur them using Gaussian blur with a setting of 97.4:

44

Continue adding lights to the comp. Try differentiating the blur densities.

45

46

Step 15 – Brushing Continued…

Lets keep on brushing more cosmic relief. Now lets add depth by brushing in front of the letters since we have spatial design behind the words. This will create a sense of interaction among the elements and will make the text seem as if it is part of the composition rather than look like it was pasted on. Use your creativity and imagination to determine size and colors of the brushes. Continue brushing:

47

48

50

50

51

Step 16 – Fades

Next I will show you how to create fading designs:

52 from That Dude on Vimeo.

OK now that I have shown you how to do this. Repeat this step until you are happy with your light streaks.

53

54

Step 17 – Line Design…

Now we are going to create the intricate line pattern behind the letters. As complicated as it may seem, in reality it is fairly easy. Choose the Line shape tool, with an empty path selection as shown in the video below. While holding shift, create continuous lines from left to right. Go to Brushes and create a simple scatter brush by following along with the video below:

56

Step 18 – Background

Now lets add a final texture to the background layer. Google watercolor textures. When you find one that you like, import it into your comp. and set the blending mode to soft light and the opacity to 75%. We are all set!

57

Step 19 – Topaz Filter

Ha….I lied, we are not all set yet. We have one final step. You can skip this if you like, however this will give your final piece more continuity. After you have downloaded the lovely trial version I posted above, go to Filter > Topaz Adjust and scroll down to the presets and click on Portrait drama. Apply the preset and you are finished.

Voila—now instead of doing the various techniques I showed in my previous tutorial, you can now perform them with the click of a button, but at a monetary trade off.

I hope you all enjoyed the tutorial, and hope it wasn’t too complicated. Comment please and let me know what you think before I move on to the next tutorial.

57

58

I am once again providing all of the files used in this tutorial: Stand Up tutorial source files [Go Media]

I hope this tutorial was helpful. Lets see some submissions of this technique in the Go Media User Showcase. Thank you for your support and happy designing.

Also, be sure to check out my portfolio and my previous tutorial.

About the Author, Fernando Martinez

A starving young artist in College pursuing a degree in Graphic Design. Everything I know, I have taught myself by sitting behind a PC for countless hours simply trying to emulate my favorite Graphic Designers. I play baseball and go out to parties every weekend I can. I love to stick my hand out the car while riding in the passenger seat. I love HIP-HOP and R&B....Greatest rapper alive = H.O.V.A. http://fernandodesign.com
Discover More by Fernando Martinez

Discussion

We want to hear what you have to say. Do you agree? Do you have a better way to approach the topic? Let the community know by joining the discussion.

  • JHAY

    Great post! Thanks

  • amatatomba

    I really need 3DS Max. I've been seeing a lot of cool tutorials lately that use it and this is no exception.

  • http://www.arsgrafik.com/ Kendall

    Yup, me too. 3D design just takes everything to a while new level. Really makes it POP!

  • facebook-70202916

    http://usa.autodesk.com/adsk/servlet/pc/index?s

    I agree. Download a free 30 day Trial and explore the possibilities in the 3D Realm.

  • http://toddminerlaw.com/ Orlando personal injury lawyer

    What an Amazing effect! Thanks for the detailed tutorial.

  • ashley3dsoftware

    The text is very easy to do, but the background can have many approaches. If your using Maya, you could use painteffects to create any kind of background you want.

  • indranugraha87

    damn!! itu such a great tutorialss and wonderfull design.. thanks for the tutorials.. helping me to learn photoshop and 3d max… :-)

  • http://www.nextdayflyers.com/ Offset Printing

    Amazing end poster design and tutorial, would look great a a poster print!!!

  • sblgraphics

    Great effect!!

  • http://www.facebook.com/anthonymartino Anthony Martino

    Awesome guide! It's incredibly indepth and really helped me understand how you went about making this poster.

    • http://www.sinemafilmizle.org film izle

      Awesome guide! It’s incredibly indepth and really helped me understand how you went about making this poster.

  • facebook-511264961

    great job on the details. very good tutorial into doing flyers! good job

  • Jorge

    Great guide. Very useful!!

  • coolj

    wow this helped me alot

  • http://twitter.com/SiegeSpitfire Charles Santiago Jr.

    Awesome post!

  • genesis

    wow! awesome flyer…. got major talent!!!

  • Ricky Morales

    tufffff lb! makes me want to learn

  • http://twitter.com/stevisimo Steve Lucin

    u stay holdin it down with these fresh tutorials bro! LOVE IT!

  • B. R

    this is dope!!! def do some more tutorials!! is def helps alot!!!

  • Tito06

    This tutorial is so clutch.. I love it!

    Thanks Im learning little by little because of you.

  • http://www.facebook.com/people/Danny-Rojas/557347843 Danny Rojas

    This is tuff broski ………. Teach me in person

  • joeyorellana

    Its sick bro
    Thanks, I learned a lot…
    -Joey

  • facebook-696816498

    the tutorial was of great assistance…thanx a lot

  • yaboi1982

    Finally a simple tutorial! thanks

  • fervoroso06

    Wow very impressive…simple straight to the point, informative. I can use this to take my skills to the next level!!! Thanks a lot Fernando.

  • Chele

    Good tutorial. Easy to follow. Had no problems.

  • Chele

    Good tutorial. Easy to follow. Had no problems.

  • Pingback: Creative Bookmarks: Best of October 2009 | Tutorial9

  • nilgem

    Hmm thats good buddy keep it up

  • http://startupmeme.com Sardar Mohkim Khan

    Thanks for sharing that – seriously i never found photoshop tips this easy!

  • Botelho

    Good tutorial but the poster looks like a garbage dump.

  • ICE

    Nice! i never knew it befor….
    Nice!

    • Film izle

      Nice! i never knew it befor….
      Nice!

      • http://www.filmizlee.net Film izle

        Nice! i never knew it befor….
        Nice!

  • http://www.printplace.com/printing/poster-printing.aspx Poster Printing

    I would love to see this as a print. I would be great in any size I am thinking but would definitely be great for use in poster printing. The tutorial had lots of helpful hints and the finished design has a sense of motion and activity that invites viewers to join whatever event is being advertised with this technique. Thanks for sharing.

  • http://www.daniloprado.com/ Danilo Prado

    Very very very veeeeeery nice tutorial! Congrats!
    :)

  • Daniel Schwarz

    Amazing! And eays to follow!

  • watch movies online

    amazing work. actually im not familiar with 3D Max but after reading this article i would like to know 3D Max well. more over im exciting photoshop work with 3D text.

  • http://nuthing.com/ reece

    What font have you used?

  • 3dmodels

    Now Free Download Hight Quality 3d models 3d objects for 3DSMAX, Maya, Softimage, Lightwave. (3D Cars, 3D People, 3D Furnitures, etc). For use in all your 3D Animation and multimedia works. animation | art | vr | tutorials | 3d models | 2d | software | plug-ins | textures | materials | scripts | poser and find out new 3d jobs and hot 3d video. http://www.all3dmodels.com

  • Mathew

    die gel

  • Matt

    adasdasdad

  • Matt

    adasdasdad

  • Matt
  • ce!i

    Nice! i never knew it befor….
    dizi izle

  • http://www.clippingimages.com/ Clippingimages

    awesome tutorial…thanks for sharing..

  • http://www.dizihd.com dizi izle

    yeah that was interesting ha ? :)

  • Houston injury lawyer

    injury lawyer-awesome design help. Thanks
    http://www.texastriallawyers.com

  • kürtçe müzik dinle

    nice expression.

  • iPod iPhone Jailbreak

    i love this 3d poster

  • http://www.photoshopclippingpath.us Photoshop Clipping Path

    Great post!

  • Download60s

    Photoshop tutorial, from beginner to advanced. Including Photoshop text effect tutorials, photo manipulation tutorials, give you joomla templates,joomla extensions,wordPress theme,web templates,
    if you think i make a spam please remove this comment.
    thanks.. find more best tutorials here http://download60s.com

  • Download60s

    Photoshop tutorial, from beginner to advanced. Including Photoshop text effect tutorials, photo manipulation tutorials, give you joomla templates,joomla extensions,wordPress theme,web templates,
    if you think i make a spam please remove this comment.
    thanks.. find more best tutorials here http://download60s.com

  • dennis

    nice

  • Supra Shoes UK

    GHD Hair Straighteners are on hot sale in our GHD Hair Straightener online store. Now we know that all the GHD from GHD Australia are of free sihpping and no sale tax. But you should keep an eye on the series like GHD MK4, GHD IV Styler, GHD Purple,, GHD Envy, GHD Dark and GHD Red when buy from the GHD Hair Australia online store as some GHD Iron are provided with fake. Therefore, Fake GHD should be complained if you already have one.
    Now most of the GHD Hair Australia products from GHD Australia shops are likely to offer you the top quality GHD Hair Straightener, like the best seller GHD MK4 and GHD Iron. Other GHD Irons like GHD Purple, GHD Envy, GHD Serenity, GHD Pink, GHD Dark and GHD Red. Just buy your favourite GHD for the coming christmas. Hope you could do happy shopping of GHD Hair Straighteners from an Authentic GHD store.
    Cheap Supra Shoes is another very sutitable product for the coming season as the Supra Shoes would always leave you a feeling of comfort and a sense of dynamic and fashion. Now all the Supra Shoes UK could provide you a variety of Discount Supra Shoes and Cheap Supra Footwear. They also guarantee all the Supra Footwear sold are of top quality and reliable after sales service.What’s more, Supra Footwear UK have followed other brand shoes by providing disount for group shopping to allow more customers to share the perfect Supra Trainers and Supra Skate Shoes. As we know the Cheap Supra Trainers from Supra UK mainly face to the young generation who shows an increasing desire to pursue fashion and dynamic.I would like to suggest Supra Skytop,Supra Muska Skytop, Supra TK Society, Supra Vaider and Supra Skytop II if you want to Buy Supra Shoes now. Furthermore, I want to point out that all Supra Shoes Sale are of free shipping and no sale tax!

  • http://www.webhostingreviewz.com/inmotionhosting-review/ inmotion review

    thanks. good tutorial. i have this issue everyday. i think will solved.

  • http://www.filmizlee.com vizyonfilmizle

    Great guide. Very useful!

  • http://www.securityking.com Craig

    Fantastic 3D poster design and tutorial, very easy to follow, the video was a good addition too, Thanks!

    • http://www.filmizlee.net film izle

      hii

  • http://www.ghdhair-straightener.org GHD Hair Straightener

    Now I need to get my head around weighting taxonomy on stories to get them in a specific order based on term

  • wisnubrata

    what a wonderful…. project..amazing…and very interesting

  • clippingdesign

    Awesome Designing Poster. Thanks for sharing…

  • http://lig-tv-izle.org lig tv izle

    Gread post. Thanks admin..

  • http://www.internetdizi.com internet dizi

    ı am 3dmax usefull, but ı am make photoshop cs5 with 3d poster cmky usefull because ofsett want your sites really beatiful thanks..

  • http://www.internetdizi.com internet dizi

    ı am 3dmax usefull, but ı am make photoshop cs5 with 3d poster cmky usefull because ofsett want your sites really beatiful thanks..

  • http://www.rumahparfum.com parfum

    phiew….. many many steps… but it works.. Thank you

  • poster printing

    Wow, this one is really one of the nice contained post. And the killer 3D poster designs are really looking so cool with 3DS Max. And this tutorial is really looking just informative. Thanks for the sharing your great knowledge and experience.

  • Anonymous

    This one is incredibly awesome. As the existing tutorial of making 3D poster design with 3DS Max is really just exceptional. What a explanation is this !

    digital booklet printing

  • http://www.facebook.com/people/John-Cole/1338956299 John Cole

    Really nice….great tips and nice finished product!!

  • musthafa rahiman k a

    WOWWWWWWWWWW

  • http://www.klavisnurs.com Klavis

    Nice! i never knew it befor….

    Nice!

  • http://www.drmustafaerarslan.org/ panax

    Thanks for sharing this post with us

  • http://www.drmustafaerarslan.org/ panax

    Thanks for the advice, this was a great project with my son

  • http://www.drmustafaerarslan.net/ panax

    Thanks for the detailed tutorial

  • Z3R0 Grfx

    With Max Design 2012 rendering with a standard camera produces a black render, if this is the case for others just switch to a Vray physical camera. This should fix the issue. You may have to fidget around with the iso settings in the camera parameters (i always set mine to 250) and change the exposure to something lower for a more brighter white.