In this tutorial, I’ll explain how to make custom spirals (apart from the default spiral tool), and use them creatively in making rolls of paper. So far, I came to know that the spiral tool does not allow a uniform decay (equal spacing) between each wind of a spiral. In this tutorial, I will expose some basic tricks to do so. Hope you find it interesting.
Final Image Preview
Below is the final image we will be working towards. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Join Vector Plus for just 9$ a month.
Our editor Sean Hodge has created this video tutorial to compliment this text + image tutorial.
Create a new document and enable the Smart Guides (Command + U). With the Ellipse Tool (L), make a circle of 40px by 40px as shown.
Create five more copies of this circle with uniform increment of 10px on each circle (30px by 30px, 40px by 40px, 50px by 50px, and so on). Align them vertically and horizontally center, as shown.
With the Scissors Tool (C), click once on each of the anchor points shown in the red region to cut the joints. This will separate the semi-circles.
With the Selection Tool (V), select the upper bunch of semi-circles and group them (Command + G). Similarly, group the lower bunch of semi-circles, as shown in the figure below.
With the Selection Tool (V), hold the right-most anchor of "Group2" and drag it onto the second-last anchor of "Group1." This will make the rest of the anchors automatically overlap on the anchor points of "Group1." This needs to be done precisely as we will be joining these anchors in the next steps. Make sure the Smart Guides are enabled (Command + U). Smart guides will automatically snap the anchor on the correct position.
Select both groups and Ungroup them (Command + Shift + G).
Now we are left with two spirals that are winding into each other. You may delete any one spiral. Start from the left side, select the outermost arc and delete it. Follow its locus and delete all those arcs that are in its path, as shown in red below.
Now let's join the arcs. With the Direct Selection Tool (A), drag a selection over the junction of anchors (to select two anchors at once) and press (Command + J). Select Smooth and press OK. Follow this steps to join each of the anchors (shown in the red zones).
Now we are left with a clean spiral with uniform decay and spacing. You might be wondering why we did all this instead of using a default Spiral Tool. Apparently, I’ve noticed that the Spiral tool doesn’t allow us to create uniform spacing across each wind. There is lot more we can do with this custom technique.
Select the Spiral and change its stroke color to white with no fill.
With the spiral still selected, go to Effect > 3D > Extrude & Bevel and enter the values as shown in the image below. Try experimenting with different perspectives, light sources, and angles.
Let's work on the orange paper band next. Use the Ellipse tool (L) to draw a circle that is 70px by 70px, then give it a stroke color of orange with no fill.
Next, with the Scissors Tool (C) and Delete Anchor Point Tool (-), chop this circle into a semi-circle as shown.
Select the semi-circle and go to Effect > 3D > Extrude & Bevel. Next, enter the values shown in the image below.
Place the 3-D band on your sheet roll in such a way that its empty part gets covered by the body of roll.
Now we'll create the drop shadow. With the Pen tool (P), draw a trapezium (with fill color 20% K) and send it to the back (Command + Shift + Left Bracket key).
Select the trapezium, go to Effect > Blur > Gaussian Blur and enter 20 for the radius.
We can further play with the look and feel of this result, but the main objective of this tutorial is to show the construction of custom spirals. So I will step towards creating another interesting roll with easy yet tricky steps.
Take the copy of all concentric circles that we made in Step 2. Next, spread them apart from each other as shown. This is done to avoid confusion while we are working on any particular circle.
Now we'll work on chopping quadrants. Start from "Circle 1." With the Scissors Tool (C), click once on each of the anchors shown in red.
With Selection Tool (V), click on the chopped arc and delete it.
Repeat steps 18 and 19 for each circle. Make sure you chop the quadrants in counter-clockwise direction as shown below. The end result should be something like this.
Now we'll work on joining the arcs. With the Selection Tool (V), hold the red anchor of "arc2" and drag it exactly onto the red anchor of "arc1," as shown in the figure below.
With the Direct Selection Tool (A), drag a selection over the junction of these two anchors and press (Command + J). Select Smooth and press OK.
Now hold the red anchor of "arc3" and drag it exactly over the red anchor as shown.
With the Direct Selection Tool (A), drag a selection over the junction of these two anchors and press Command + J. Select Smooth and press OK.
Like we did in the above steps, hold the red anchor of "arc4" and drag it exactly over the red anchor of the resulting figure and join it (Command + J).
Similarly, hold the red anchor of "arc5" and drag it exactly over the red anchor of the result figure and join it (Command + J).
Finally, hold the red anchor of "arc6" and drag it exactly over the red anchor of the result figure and join. The final result will be a non-uniform Spiral, something like a hand-rolled strip.
With the Line Segment Tool (Back Slash), draw a Line of 60px width. Join it with the end point of the Spiral and give a stroke of white color to the resulting figure.
Go to Effect > 3D > Extrude & Bevel and enter the values shown below.
Try playing with different light sources and perspective to obtain the best result. Below are some results that I came up with after various experiments.
The figure below shows the concise steps needed to draw spirals manually, using the procedures shown in this tutorial.
Subscribe to the Vectortuts+ RSS Feed to stay up to date with the latest vector tutorials and articles.
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.Update me weekly
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post