Monthly Archives: April 2011

First Video Tutorial


In light of the confusion faced on my recent tutorial. I came to the decision to make a video (without audio) tutorial to quickly show the steps I used. I plan to reupload a better version with sound.

Sorry, forgot it was blocked at school. Go here to view it.

3-D Billiard Ball Tutorial


This an adaption of the 3-D Peelings tutorial. It uses the same steps and methods. This can be used for both striped/solid colored balls.

What You’ll Be Making:



Tools:

  • Illustrator
  • 3-D Revolve
  • Map Art
  • Symbols

Steps:

1. A. Create a perfect circle using the Ellipse Tool (L).

B. Select its most left/right anchor point.

C. Click delete to remove the anchor point to form a semi-circle.

2. A. With the shape selected, go to Effect>3D>Revolve.

B. An options window show pop up.

C. Since the lightning and coloring is not where we need it, me must change it on our own.

D. Click More Options if you haven’t done so already. Change the surface to Diffuse Shading, the Ambient Light to 30%, and the blend steps to 100. Also add a new light button under the 3-D Sphere widget. Drag the lights all the way diagonally across on the sphere.

3. A. Leave away the circle for now. Draw a grid of 6×12 square grid (this matches the Map Art grid).

B. Draw a rectangle and make it as large ass the grid for a solid colored ball or about 2×12 for a striped-colored ball.

C. Draw a white circle in the center of the rectangle and make it about 1.5×1.5 squares large.

D. Use the type tool to create some numbers and choose a font like Arial. Type out a number and make it start from 9 to 15 for stripes or 1 to 8 for solids.

For stripes, make sure to also draw white rectangles that are as large as the red rectangle. Make sure that combined, they don’t exceed the grid size of 6×12 squares.


4. A. When you have your symbol ready, delete the grid since you don’t need it anymore.

B. Open up your symbol window by going to Window>Symbols. Drag all of your symbol together into the symbol window space. An options window will pop up. Name it anything then click OK.

C. You will now see a new symbol inside the symbol window. Now you’re ready for the next step.


5. A. Select the sphere again and click the 3-D effect inside of the Appearance window so that we can alter it some more. Click the Map Art button when the options window opens up.

B. Click the symbol drop-down menu and select the symbol we’ve previously created. The symbol will automatically be placed dead-center.

C. Click Scale to Fit to fill up all of the grid. This is what we wanted to happen. Make sure to also check the box for shade artwork.


6. A. Take time to drag around the cube (it won’t change the lighting) but will change the position of the symbol graphic.

B. Now click OK to have your new billiard ball 3-d graphic.

I hoped you enjoyed this tutorial and learned something new.

3-D Peelings Tutorial


Today I’ll show you how to create a 3-D peel effect using the built 3-D features in Adobe Illustrator. Sure, you could draw the peel yourself but this alternate method gives more of an accurate visual effect. I will supply the download via Box on the right.

What You’ll Be Making:


Tools:

  • Illustrator
  • 3-D Revolve
  • Map Art
  • Symbols

Steps:

1. Create a shape, preferably a fruit shape.

2. A. With the shape selected, go to Effect>3D>Revolve.

B. Click preview to see the shape revolved so far. Click OK even though it doesn’t look like peelings yet.

2. A. Draw some rectangles with the color of your choice. Clone the shape (by holding and alt/option then dragging the selection and releasing) multiple times and make sure they’re connected.

B. Use the white arrow to shift one side of a rectangle up such that it connects with the side of the rectangle above it. Also shift the other side of our original rectangle down so that it also shares the side of the rectangle below it. Repeat this process for other rectangles or clone the shape to save time.

C. Don’t make too many peelings but do check to see if you something similar to the picture below.


3. A. Open up your symbol window by going to Window>Symbols. With your rectangles selected (all of them), drag them over to the inside of the symbol window. A window should pop up, enter a name then click OK.

B. Now you should see your new symbol inside the symbol window.


4. A. Select your apple again and reopen the 3-D effect by clicking on the 3-D effect in appearance window. With 3-D options window open, click on Map Art.

B. Cycle between the surfaces by click the arrows. Red lines will indicate the surface you’re choosing to place symbols on. Click the arrow in the symbol menu in the Map Art window and select the previously created symbol. It will automatically be placed in the center.



5. A. Click the Scale to Fit button to stretch the symbol across the entire surface. Make sure to also check the boxes on the bottom for both Invisible Geometry and Shade Artwork. Then click OK.

B. Click on the More Options button. Change the surface to Diffuse Shading. Make the blend steps 100 or so for smoother color blends. Then click OK.

6. A. You be getting something similar to this. Continue to edit this if you want.

I hoped you enjoyed this tutorial and learned something new.

Stylish Rope Tutorial


Today I’ll show you how to make a stylized rope using Illustrator.

What You’ll Be Making:


Tools:

  • Illustrator
  • Ellipse Tool
  • Pathfinder/Shape-Builder
  • Rotate Tool

Steps:

1. A. Use the Ellipse Tool to draw a circle (by holding shift).

B. Draw a three circles vertically so they fit in the original circle. Thus each small circle has 33.333% the size of original circle.

C. Use the Shape-Builder Tool/Pathfinder to cut out a C-shape from all the combined shapes.

D. Copy and reflect the shape towards the other shape. Move the shapes as shown below.

2. A. Move several copies (of how many you want) down if such a way the C-Shapes will form an S shape. Lower the opacities of the shapes could help precisely move the C-shapes. Make a copy of some of the shapes for later.

B. Use the Shape-Builder tool to combine shapes into a rope-like structure as pictured below.



3. A. Move over two C-shapes to form an S-shape. Draw some black-filled circles inside the shapes’ “hollow” centers as shown below.

B. Copy a circle over the left circle as show.

C. Select the circle’s left anchor-point and delete it.

D. Select the semi-circle and click Shift+X to quickly switch the stroke and fills of the object so that the black fill will turn into a black stroke.


4. A. Click R to bring up the Rotate Tool. Hold option/alt and select the Rotation Point to be at the center of the left black-filled circle. Make the angle 10° or somewhat close.

B. Click OK then press Cmd/Ctrl+D to transform again. Rotate the black-stroke object several times but stop till one copy is between the two black circles such that it touches both of them. Then rotate about the center of the other circle and make the angle -10° or so.

C. Rotate several times again and stop when the black-stroke object stops intersecting  the S-shape object.

D. Delete the unnecessary parts (circles and s-shape) and group all the black-stroke objects together.

5. A. Copy over all the different parts that comprise the rope structure as pictured below.

B. Copy over and line up the black-stroke group under one other shape and select them both then right click and choose Make Clipping Mask.

C. Continue this clipping mask process for the other rope parts.

D. You should four separate clipped rope parts as seen below.

6. A. Add a black stroke to the rope structure.

B. Move over the clipped objects over to the rope structure. If their behind it (make sure it’s still selected), right-click and choose Arrange>Bring to Front.

C. Continue to move over the clipped objects and rotate/reflect if necessary.

D. When your pieces are all in the right places, make a final color change if needed.


%d bloggers like this: