Monday, August 2, 2010

3D Vase

3D Vase


final

This tutorial will show you how to create a 3D vase in 5 minutes with the Illustrator CS2 3D Revolve Tool. It is fun and easy!

Download Source File

Required: Illustrator CS2

1. Create a Path

First, create a path like the image shown below with the Pen Tool, go to menu Effect > 3D > Revolve

create a path

3D Revolve Option

The 3D Revolve Option window should pop-up and looks like the image below. Click on More Options if the lower portion window is not showing. You can leave most of the settings as default, but add an additional light spot by clicking on the New Light icon and drag it to the lower left corner as shown. Enter 35 for Blend Steps, maximum Blend Steps is 256, higher Blend Steps will have a better rendering quality but will also increase the file size.

3d revolve options

2. Create the Flower Symbol

Now use the Ellipse Tool, create a flower like the image below. I have a very simply flower illustration here, but you can create anything you like. Drag the flower to the Symbols Library Pallate to create a new symbol. If your Symbols Pallate is not showing, press Ctrl+Shift+F11 or go to Windows > Symbols to show Symbols.

create the flower symbol

3. Create Map Art

With the vase object selected, in Appearance Pallate, double click on the 3D Revolve effect icon(f) to change the 3D Revolve Options.

appearance

When the 3D Revolve Option window pop-up, click on the Map Art button.

map art

Map Art Option

Check Preview option to preview the result. At the top where it says Surface, use the arrow buttons to locate the surface that you want to Map Art. Notice there is a red wireframe on your object which shows you the surface you’ve selected. In this case, it is 4 of 5. From the Symbol drop down, select the symbol that you’ve created in the previous step. You can position and resize the symbol as you want. You can also create multi-surface Map Art by selecting the Surface then the Symbol. Click OK when you are happy with the result.

map art options

Final

That’s it! With just 3 simple steps, I just created a nice 3D Vase with Illustrator 3D Revolve Tool.

final

SOURCE::http://www.ndesign-studio.com/tutorials/3d-vase


read more... Résuméabuiyad

Chinese Bamboo

Chinese Bamboo


final bamboo illustration

Do you like the bamboo scene on my old Flash site? Well, here is a quick tutorial to draw bamboo with the Illustrator Symbol Sprayer and Mesh Tool.

Download Source File

Required: Illustrator 10+

1. Draw the Bamboo Body

Create a path like the image below with the Pen Tool and fill it with the color green. Select the Mesh Tool and click on the lower left corner of the bamboo body (pt. 1) to add a mesh point. Then change it to a lighter tone of green (yellow-green). Now add another Mesh point at the upper left corner of the bamboo(pt. 2). Add another point above pt. 2. Add a final point beside pt. 2 and select a darker green tone for the shadow.

bamboo path

2. Create the Bamboo Stick

Select the bamboo body you’ve created in the previous step, hold down the ALT key, drag it up to make a copy (you can use Copy & Paste if you like). Then resize the new bamboo body horizontally with the Selection Tool. Send this new bamboo body behind the first bamboo body by selecting Object > Arrage > Send Backward or press Ctrl+[. Repeat this step until you get a stack of 5 or 6 bamboo bodies.

bamboo stick

3. Duplicate the Bamboo Stick

After you’ve finished the first bamboo, make a copy of it by ALT drag or Copy & Paste. Select the new bamboo stick, apply Filter > Distort > Twist(Angle=3) so that they don’t look identical.

apply distort filter

4. Draw a Bended Bamboo

We want the bamboo to look natural, so we need to create some bended bamboo. Repeat Step 1 & 2 to create a bended bamboo like the image shown below. Now we 3 different forms of bamboo: straight, bended, and twisted.

create a bended bamboo

5. Duplicate More Bamboo

Make more bamboo by ALT + drag. Flip and resize them around so they don’t look alike.

make more bamboos

6. Create the Bamboo Leaves

Create the basic shape of the bamboo leaves. Use the Mesh Tool to apply a mesh gradient on it.

create bamboo leaves

7. Make a Bamboo Leaves Symbol

Drag the bamboo leaves to the symbol panel to create a new Symbol. If your symbol panel is not visible, go to Window > Symbols or press Ctrl+Shift+F11.

make leaves symbol

8. Symbol Sprayer Tool

Create a new layer and lock the bamboo sticks layer(Layer 1). Select the Symbol Sprayer Tool and pick the bamboo leaves Symbol. Spray it on Layer 2 by dragging the mouse.

symbol sprayer

9. Symbol Sizer Tool

To create various sizes of bamboo leaves: use the Symbol Sizer Tool and randomly click on the bamboo leaves object. Tips: hold down ALT key+click to reduce size.

symbol sizer

10. Symbol Spinner Tool

Use the Symbol Spinner Tool to rotate/spin Symbols.

symbol spinner

11. Symbol Shifter Tool

Use the Symbol Shifter Tool to spread out the bamboo leaves by dragging your mouse around.

symbol shifter

12. Symbol Stainer Tool

Select a lighter green color and use the Symbol Stainer Tool to tint the symbols.

symbol stainer

13. Symbol Screener Tool

Use the Symbol Screener Tool to reduce the opacity of the bamboo leaves. This will result in a transparent effect.

symbol screener

14. Make More Leaves Behind

After you done with the leaves on Layer 2, make a new layer(Layer 3) behind the bamboo stick layer. Lock Layer 1 and Layer 2, use the Symbol Sprayer Tool to create more bamboo leaves(refer to Step 8-13).

make more leaves behind

15. Add More Bamboo Sticks

Duplicate more bamboo sticks. Resize and send them behind the big bamboo sticks.

copy more bamboo sticks

Final

Here is the final image.

final bamboo illustration

SOURCE::http://www.ndesign-studio.com/tutorials/chinese-bamboo


read more... Résuméabuiyad

3D Fruit Bowl

3D Fruit Bowl


final

This tutorial shows you how to create a realistic 3D fruit bowl illustration with the new Adobe Illustrator CS2 feature: 3D Revolve Effect.

Download Source File

Required: Illustrator CS2

1. Create the Bowl

Create a path and fill it with yellow like the image below. Then, select Effect > 3D > Revolve from the menu.

create the bowl

2. Apply 3D Revolve Setting

When the 3D Revolve Option window pop-up, apply the following settings:

  • Click on More Options if the lower portion of the window is not showing.
  • Create a new light by clicking on the New Light icon and drag the two lights as shown.
  • Change Shading Color to orange by: selecting Custom from the drop drop, click on the sample color box to open the Color Picker window, then enter this color values – R=255 B=50 G=0.
  • If you want a smooth blending, increse the Blend Steps (default is 25, max is 256). Note: increase Blend Steps will increase file size and memory usage.

3d revolve setting

3. Create the Apple

Create an oval path with the Ellipse Tool ellipse tool and fill it green. Then select that green path and apply Effect > 3D > Revolve, leave all options in the 3D Revolve Option window as default and click OK. Now, you should get something like the image shown below:

3d revolve

4. Add Drop Shadow

Keep the apple path selected, go to Effect > Stylize > Drop Shadow and apply the setting as shown below.

drop shadow

5. Create New Art Brush

First create a path similar to the image below, fill it with black (k=100), and then create the highlight path and fill it with 80% black (k=80). Drag it to the Brush library window to create a New Art Brush. If your Brush library is not on the screen, go to Window > Brushes or press F5.

new art brush

New Art Brush Options

The Art Brush Option window should pop out, select Tints from the Colorization Method drop down menu, leave everything as default, and click OK.

new art brush setting

6. Draw the Apple’s Stem

Create a stroke path with the Pen Tool and select the Art Brush that you have created in the previous step. Now place it on top of the apple like the image shown below.

apple's basin

7. Duplicate the Apple

Select the apple (with stem), hold down the ‘Alt‘ (or ‘Option‘ key for Mac), drag it to make a copy of it. You may also use Copy & Paste to duplicate the apple. Then, change it to red.

make a copy

8. Adjust 3D Revolve Setting

Select the red apple (oval path only). In the Appearance pallate, double click the 3D Revolve effect icon to adjust the options/setting. If the Appearance window is not showing, go to menu and click on Window > Appearance or press Shift+F6.

appearance pallate

3D Revolve Options

Now the 3D Revolve Option window should pop-out. Enter the following values: X=57, Y=63, Z=-159. You can change the rotation values manually by entering the numbers or by dragging the cube on the left.

adjust 3d revolve

9. Fix the Apple’s Stem

Notice hot the stem’s position is slightly off after you have rotated the apple. Move the stem stroke to the center of the apple by using the Selection Tool or Direct Selection Tool.

adjust apple's basin

10. Add More Apples

Make more apples by repeating Step 7 to 9.

make more apples

11. Put Them Together

Put the apples and the bowl together as shown. Draw an oval shape path, base on the shape of the bowl.

put them together

12. Mask the Apples

Select the the apples and oval path only, go to Clipping Mask > Make or press Ctrl+7

clipping mask

Final

Your illustration should look like the image below:

final

SOURCE::http://www.ndesign-studio.com/tutorials/3d-fruit-bowl


read more... Résuméabuiyad

Christmas Hat

Christmas Hat


final christmas hat

This tutorial will show you how to create a furry Christmas hat with Illustrator roughen effect.

Download Source File

Required: Illustrator 9+

1. Hat

Start your hat by drawing 2 basic paths and filling them with Linear gradient (red to darker-red).

hat paths

2. Shadow

Make a path (shadow path) like the image on the left. Select the top part of the hat, Copy & Paste in Front (Ctrl+F). Now, select the copied path and the shadow path, hold down Alt key and select Intersect shape areas in Pathfinder pallate.

intersect shape areas

Your path should looks like the image on the left. Repeat this step to make another shadow path for the bottom part of the hat. Then fill these 2 shadow paths with Linear gradient (red to darker-red), in your Transparency pallate, select Multiply.

select multiply

3. Fur

With your Pen Tool, roughly draw a path like the image on the left and fill it with grey color. Go to Effect > Distort & Transform > Roughen

apply roughen effect

Roughen Options

In your Roughen window, enter the following setting: Size=8%, Detail=95/in, select Corner points. You may click on the Preview check box to preview your result.

roughen effect options

Make a copy of the grey path by holding down Alt + drag (you may use Copy & Paste if you like) and fill it with white. Scale it down a bit and bring it up slightly above the grey path. Select the top part of the hat and its shadow, bring them to front by Object > Arrange > Bring to Front (Ctrl+Shift+]).

copy fur

Use the Ellipse Tool to make the circle and repeat the previous step to make the furry ball.

furry ball

Final

Your final illustration should looks like the image shown below.

final christmas hat

Have Fun

Now, have fun with your Christmas hat!

have fun with your christmas hat

SOURCE::http://www.ndesign-studio.com/tutorials/christmas-hat


read more... Résuméabuiyad