The Money Look

If you've happened to swing by the main page at snook.ca, you'll notice a different look than the one the blog has. It's just a basic site for the freelance business. A few of you who have seen it have wondered how the line effect in the header was done. I call it the money look as it reminds me of those fine lines often found on paper money.

screenshot of the line pattern on snook.ca

This is done fairly easily using the blend tool in Illustrator. First, create separate lines and make sure that there is no fill. Clicking on the white box with the red line through it will remove the fill.

two lines and the fill option in the toolbar

After that, select the blend tool as seen in the following diagram.

the blend tool on the toolbar

Double-clicking on the tool will bring up the blend options. Select 'Specified Steps' from the Spacing drop-down and specify a good number of steps. If you're not sure what you want, not to worry, you can always come back to this.

blend options dialog

Now, with the blend tool selected, hover over the first path until you see the X. Click on it and then move on to the other line. This time when you hover over the path, the cursor will feature a plus sign. Click on it and the blend will be created.

selecting the first path

selecting the second path

And voila, our final result. Double-clicking the blend tool will bring up the dialog box and allow you to change any of the settings. If the number of steps you specified was too little, specify a new value and hit okay. The changes will be reflected on the current blended object.

the final result

Feel free to bring this into Photoshop or Fireworks to integrate it into your final design.

Published April 01, 2006 · Updated September 14, 2006
Categorized as Design
Short URL: http://snook.ca/s/566

Conversation

8 Comments · RSS feed
Hatem said on April 02, 2006

Great tutorial, and great design :)

Shawn Grimes said on April 02, 2006

Great tips Mr. Snook. Still being somewhat of an Illustrator noob this will come in quite handy.

Andrew said on April 02, 2006

For people new to Illustrator, the "smoothness" of this Moiré effect greatly depends on how evenly the anchors points in both lines can be averaged together in the blend. If you have, say 5 anchors in the top line and only 3 in the bottom, it might look choppy.

thaisie said on April 04, 2006

Thanx, great tutorial.. I've noticed the tool for a while, but never used it..

Now I think its an great function..

Chris said on April 04, 2006

Freehand too has a blend-tool, which does the same thing, btw.

Dave said on April 05, 2006

Great tip! Thanks a lot

Danny Foo said on April 06, 2006

Awesome. Better bookmark this in case I'll need it on a rainy day. Thanks. :)

And hope the moola starts rolling into the homepage.

Cheers.

joseph paahana said on June 07, 2007

Good logo work
-okto

Sorry, comments are closed for this post. If you have any further questions or comments, feel free to send them to me directly.