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

Comments