3D Logo Design Tutorial in Illustrator & Photoshop

Today we are going to make a 3D futuristic logo in Adobe Illustrator & Photoshop. Well use adobe illustrator for the whole shape and color textures and then for finishing touches well use a bit of Photoshop. For this amazing 3D logo, well be needing adobe illustrator (Ive got adobe illustrator CS5, but adobe illustrators 3 and 4 are also fine), adobe Photoshop and a globe brush set. Now weve found everything that we need lets start our tutorial. However, before we plunge into our creative journey lets have a quick glance at the final product!

3d Logo Design

Step 1:- First thing first, start a new layer, go to file and click new, keep the width 600 px and height 400 px.

Step2:- Now select the ellipse tool (L) and make circle with 130mm width, 130 mm height.

Step3:- Now fill the circle with color #564f4f and select the gradient, which will be available in the panel on the right side, (you can also find gradient tool by clicking the window tab). Select the type of the gradient radial.

And adjust the lighter color in the circle to left side by selecting the gradient tool (G) on the left side in menu palette.

Step4:- Now we will apply the drop shadow to our circle, (go to effect, click stylize and click the first option, which is drop shadow). Keep the mode to normal, opacity to 50%, X Offset 2.47mm, Y Offset 2.47mm and blur 1.76mm with color black.

Step5:- Now select the ellipse tool again and draw an oval shape and tilt it a little downward (using selection tool). Make the stroke weight 9pt and stroke color is #58595B.

Step6:- Its time to fill this oval shape, use the grey gradient again, select the type of gradient radial, adjust the angle (-8.4) and aspect ratio (276.74%) as shown in the image below.

Step7:- Now well draw another oval shape a bit smaller than the first using the ellipse tool once again, tilt this shape a little upward. The stroke weight should be 8pt, the color of the stroke is #808285.

Step8:- Fill the 2nd oval shape with the color#27AAE1. You can adjust shades by using the gradient (keep the middle part lighter and sides in darker shade) as shown in the image below.

Step9:- Now arrange all the circles (1st oval in the main circle and 2nd oval in the 1st one).

Step10:- Now we are done with the make shape, its time to create the 3D-atomic circles around the main shape. For the first circle again use the ellipse tool and draw a circle (width 148mm, height 148mm), stroke color is #27AAE1. Keep the fill empty.

Step11:- Now make the 2nd circle (just copy ctrl+C the first circle, paste in place shift+ctrl+v and drag the 2nd circle using right key (on the keyboard) or left click of the mouse.

Step12:- Now to give the 3D effect to our 1st circle, (select the first circle) and tilt it a bit then go to Effect, go to 3D and select the first option (Extrude & Bevel). Check the preview box, so you can see the changes as you go.

Step13:- Make the extrude depth 19pt and select the rounded bevel and its height will be 4pt. Select the surface option as plastic shading.

Step14:- Now click on the more option tab and add 2 more new lights to our circle (as shown in the pic16). Shading color will be black. Keep the other settings of light intensity, ambient light, highlight size and blend step as shown in the image.

Step15:- First circle is done now and now well give 3D effect to 2nd circle. Select the 2nd circle and make it a bit long oval shape.

Step16:-Now go to Effect, go to 3D and select the first option (Extrude & Bevel). Make the changes to the circle as shown in the image.

Step17:- Now arrange both the circles (bring both the circles as shown in picture).

Step18:-Its time to put together the whole image. Bring the metal globe and set it in front of circles.

Step19:- Now lets open photoshop and create a new file. Then fill the background with color # 000000. Now Ill use some grunge brushes to get a nice background for our logo.

Step 20:- Now paste our logo. First select the brush tool with 1px size and # 00fff6 color. And keep the other options same as shown in the image below.

Now select the Pen Tool and create a path along our outer rings. Now right click on it and select stroke path.

Step 21:-Now well create a shadow of our logo. Select the Ellipse Tool and create a small circle. Fill it with # b2aab9. Now click on filter>blur>Gaussian Blur.

Step 22:- Now select the Text Tool and add the text in the middle. Then select the globe brushes mentioned above. And use it in the middle as well with color # ffffff.

Here you go; the 3D futuristic logo is complete lets have a look at our final product.

Hope you guys have enjoyed this tutorial and learned a thing or two. Do try this and share your results.


Now building a website is as easy as 1-2-3!

Please Like, Tweet, Share or Comment on this page if you found this tutorial/resource useful!

No portion of these materials may be reproduced in any manner whatsoever, without the express written consent of Entheos. Any unauthorized use, sharing, reproduction or distribution of these materials by any means, electronic, mechanical, or otherwise is strictly prohibited.



Illustrator Tutorial: 3D Logo - N.Design Studio | Design ...
This tutorial will show you how to make a 3D gradient logo in minutes by using the Warp and 3D effects. It is great for making 3D graphics and icons.

46 Excellent Adobe Illustrator Tutorials for Creative Logo ...
How To Create a Cubist Style Logo Design in Illustrator. In this logo design tutorial, has become a popular trend in the world of logo design. Create a 3D

3D Logo Design Tutorial in Illustrator & Photoshop
Learn how to design a 3D Futuristic Logo. Today we are going to make a 3D futuristic logo in Adobe Illustrator & Photoshop. Well use adobe illustrator for the

3D Logo Design Tutorial In Adobe Illustrator
com/ 3D Logo Design Tutorial In Adobe Illustrator More video tutorials Click. http://graphic-design-blog-tutorials.blogspot.com/ 3D Logo Design

15 Excellent Logo Design Tutorials Using Illustrator
thx for the tutorials :). I have a tutorial 3d logo design Hey, thanks so much for such a comprehensive tutorial on logo design using illustrator..

30 Illustrator Logo Design Tutorials - Speckyboy Web ...
30 Illustrator Logo Design Tutorials. Digg Logo Tutorial. Cuore Glossy 3D. Think CMB Logo Design Tutorial. No related posts. Author: Paul Andrew (587 Posts)

How Create 3D Logo Design | Illustrator Tutorial
//www.dropbox.com/s/xspy5tq6d8rz7df/3d-logo-design-illustrator-photoshop.zip?dl=0 download source file Follow www.facebook.com/aruncreation

60+ Beautiful Logo Design Tutorials And Resources ...
we present some outstanding logo design tutorials to give you a head Illustrator tutorial, net/photoshop/create-a-3d-glossy-box-logo/

40 Useful Adobe Illustrator 3D Tutorials and Techniques
Craft a beautiful 3D logo in this simple but informative Adobe Illustrator logo design tutorial. method for creating a 3D logo using Illustrator.

The World of Design - 100 amazing Adobe Illustrator ...
covering everything from retro graphics to logo design In this Illustrator tutorial, Alex Gill walks through how to combine Illustrator's 3D

Previous
Next Post »