Create stylish 3D shapes with Adobe Illustrator | Pixelrockit | Graphic Design articles, Adobe Photoshop, Illustrator, Indesign and Flash tutorials.

While not being a 3D application Illustrator has got some neat 3D capabilities. If used properly they can give you pretty spectacular results. Create a few colorful, evenly spaced rectangles, like me. We need to create a symbol from them, so select them all and drag them to the Symbols Panel. Draw a circle and delete one of the anchor points, so you’re left with only half circle. Make it black. In the Revolve options click Map Art and from the drop down menu select the symbol we’ve just created. Adjust the width, height and rotation of the symbol. It is essential to check the “Shade Artwork” option, otherwise the light that we will be setting up in the next step won’t affect the stripes and everything will look awkward. We need to play a little bit with the lighting options. Turn on Plastic Shading, because it gives the best quality renders. Add some more lights, I added only one, but if you need to you can add more. Also important is the “Blend Steps” parameter – the higher the value, the higher the quality. If your image will be small leave it at the default 25, but if you need a bigger graphic I recommend increasing it to the maximum. You can make that kind of pattern by placing a few rows of squares like in the picture below. Use Object>,Transform Each to rotate every square individually. This object was created with diagonal lines pattern which I bent using Effect>,Wrap>,Arc. To make the sphere partially transparent I used “Invisible Geometry” option in Effect>,3D>,Revolve>,Map Art. In this step I mapped a simple linear gradient on my sphere. I also changed shading color in my lighting options to give the sphere a nice red shade. Unfortunately, Illustrators rendering engine can’t create shadows or reflections, so we need to add them manually. Draw two ellipses on the artboard like in the picture below. Make the small one black, the bigger one white. Set the bigger one to 0% opacity. Use the blend tool to connect the two ellipses and set the blend spacing to “Smooth Color” (you can do this by double clicking on the Blend Tool). To create a reflection copy the sphere and paste it in front (ctrl/cmd+F). Select the copy and go to Object>,Expand Appearance. Then flip it vertically and position it below the original sphere. Select the reflected sphere and the rectangle. Go to Transparency panel, from the panel menu select Make Opacity Mask. I presented all my ideas on spheres just because Illustrator renders them the best, but you can apply these techniques to any shape you want. As you can see, with a little bit of creativity and knowledge you can produce interesting 3D objects in Illustrator. Nice dispatch and this enter helped me alot in my college assignement. Say thank you you on your information. Amiable fill someone in on and this fill someone in on helped me alot in my college assignement. Thank you seeking your information. this tutorial is amazinggg… althoug it took a lotta time for illustrator to ”RENDER ARTWORK” i loved the results.. bring it in buddy. This post is excellent. I have been looking for something similar for the past two days and have seen a ton of other tutorials. In all honesty, this is the most straightforward and comprehensive example I have found. (Blows Adobe’s tut out of the water.) One thing I did notice about it was that you don’t use Tags or Categories. If you hadn’t thought about using them, I suggest you do! It helps for “lateral” site navigation. Thank you for your tutorial & advising not to buy the expensive 3D software. I am a new comer here with determined mentality. Its like you read my mind! You appear to understand a lot approximately this, such as you wrote the e book in it or something. I feel that you could do with some percent to power the message house a bit, but instead of that, that is fantastic blog. An excellent read. I’ll definitely be back. XHTML: You can use these tags: <,a href= title=>, <,abbr title=>, <,acronym title=>, <,b>, <,blockquote cite=>, <,cite>, <,code>, <,del datetime=>, <,em>, <,i>, <,q cite=>, <,strike>, <,strong>, Source.


Яндекс.Метрика Рейтинг@Mail.ru Free Web Counter
page counter
Last Modified: April 18, 2016 @ 3:01 pm