3D shapes

 
In this tutoriaal we will learn how to create 3D shapes using Adobe Illustrator and Adobe Photoshop software. The main idea of this tutorial is to explore the Adobe Illustrator's 3d feature and making a design using adjustments in Photoshop.

3D shapes

So here we are in Adobe illustrator CS4. Create a document.

3D shapes

Create a round angled rectangular shape using shape tools. The shape will be filled with blue color.

3D shapes

Go to the Effects>Illustrator effects>3D>Extrude and Bevel.

Watch my settings. In this mini window you can transform illustrator shapes and make them 3D. The good or (for somebody) bad thing is that you will set the Perspective Distortion angle manually all the time. You can also control the light intensity and place lights as well.

3D shapes

So with my settings applied I got this result (the shape on the background).

3D shapes

Of course this is not V.ray render quality for 3d, but still it is a good way if you want to use 3D in your 2D based image.

As you can see I got the other shape waiting to be transformed and 3D distorter in perspective.

And here are my settings on the other shape.

3D shapes

You have maybe noticed that some of the settings are different: for example I've added bevel border and set the lights different. Moreover the light intensity is changed too.

3D shapes

And here we have 2 equal shapes with different 3D perspective distortion, lighting and shared color (the initial color is Blue).

To go a little bit further I suggest you to drop low intense shadow.

3D shapes



3D shapes

To the botch of the objects:

3D shapes



3D shapes

Now I still want to create that 3rd object and to distort is different from these 2.

Here are the settings first:

3D shapes

First thing that is changed here
  
is: is the shading color. Note: how the lights are situated, their intensity.

As a result we get metal (nearly chrome) finished object.

3D shapes

Probably the best thing about this entire 3D thing is that you can make 3D text too. Of course if you have skills in 3d Apps. This is probably too easy for you, but if you are more 2D this is the thing to know.

So let's practice this technique of the text.

3D shapes

Settings:

3D shapes

Result: add a graphic stile - smoother edges.

3D shapes

Now it's time to take this in Photoshop for coloring and adjustments.

Export the file like PSD. The bigger DPI ratio the slower will Photoshop will react to what you are doing.

3D shapes

Photoshop: Here we are in Photoshop. We have our document with transparent background- very good. This means that we can create a layer below all the layers and deal with background without any problems.

3D shapes

I've created a new layer and overlayed it with orange, rounded shape, line gradient (PS standard).

3D shapes

Next step: switch to quick mask mode (Q). Use the same gradient (black) to define the areas to which the further effect will be applied.

3D shapes



3D shapes

Apply radial (zoom) blur.

3D shapes

Apply twirl. I really like to create an abstract background here.

3D shapes

Next step: select the 2 foreground elements - the Metallic one and the blue one. Save the selection.

3D shapes

Create 2 layers and overlay them with orange and 'Asian' orange color from the sides.

3D shapes

These layer stay above the objects layer and that is why we need the selection on the foreground elements, we've made a couple of steps earlier.

Load the selection, switch to the gradient layers and just tap delete. And this is it: we've created some atmosphere that gave us a little of 3D feeling on 2D image.

As a final adjustment I've applied a cutout filter to my merged copy of the finished image and set the top copy to something like 40% opacity so the filter could be seen harder.

3D shapes

   


Popular Tutorials

3D shapesMetal,Chrome and Jelly Text Effectsstained art glass text effectsPhotoshop purple text effectsBubble Text EffectLight gray text effectsColor reflection special effectsPlasma Text Effect

Latest Tutorials

3D shapesBubble Text EffectLight gray text effectsPhotoshop purple text effectsGhost Text Effectstext manipulationColor reflection special effectsMetal,Chrome and Jelly Text Effectsfantasy art

10 Responses to "3D shapes"

 
Juan Rating: ratingfullratingemptyratingemptyratingemptyratingempty Unrated
said this on 01 May 2009 1:42:10 PM MDT
It's not good, sorry..

 
olson mino Rating: ratingfullratingfullratingfullratingfullratingempty Unrated
said this on 02 May 2009 1:46:44 AM MDT
interesting technique, nicely done.

 
GopTun Rating: ratingfullratingemptyratingemptyratingemptyratingempty Unrated
said this on 08 May 2009 10:29:11 AM MDT
Neither the tutorial nor its effect are good or interesting.

 
Minos Rating: ratingfullratingemptyratingemptyratingemptyratingempty Unrated
said this on 22 May 2009 3:33:55 PM MDT
While the idea was good, the execution was poor and the settings selected even more; There is not any concept of flow, lighting or perspective in the final result, and the colors clash against each other, disrupting the image. The background is messy and low quality with rough edges between colors. The technique CAN work, though, when handled correctly, which this tutorial doesn't even come close to.

 
mike Rating: ratingfullratingfullratingemptyratingemptyratingempty Unrated
said this on 28 May 2009 10:09:09 AM MDT
Too complicated and more step by step needed.

 
mfadel Rating: ratingfullratingfullratingfullratingemptyratingempty Unrated
said this on 15 Jun 2009 3:39:12 AM MDT
v good tutorial

 
rama Rating: ratingfullratingemptyratingemptyratingemptyratingempty Unrated
said this on 18 Mar 2010 10:38:05 AM MDT
very badddddddddddddddddddddddddddddddddddddddddd

 
rama Rating: ratingfullratingfullratingfullratingfullratingfull Unrated
said this on 18 Mar 2010 10:42:55 AM MDT
not understandable

 
poeticocean Rating: ratingfullratingfullratingfullratingfullratingempty Unrated
said this on 05 Apr 2010 3:20:09 AM MDT
Thought it was awesome! ...I see why they say the colours clash, but other than that, awesome ;-)

 
642-812 Rating: ratingfullratingfullratingemptyratingemptyratingempty Unrated
said this on 18 Feb 2011 2:27:51 AM MDT
good.




Rate this article and leave a reply:
Rating: * Poor Excellent
Your Name *: Email (private) *: Website:
Please copy the characters from the image below into the text field below. Doing this helps us prevent automated submissions.
Security Code: img






Partner Links

advertise here ...
CSS Gallery