Advertise

Write for Us

About

Search...

Tutorials

Articles

Tips

Sessions

Resources

Videos

Tuts+ Premium

Graphics, Vectors and Print

Tutorials \ Tools & Tips \ Rating:

Quick Tip: Create a Slick Golden Text Effect with Adobe Illustrator
Andrei Marius on Nov 9th 2011 with 11 Comments and 0 Reactions

29,433
Twitter Followers

52,893
Fac ebook Fans

4,675
Google+ Followers

Get Email Updates me@email.com

Subscribe via RSS Subscribe

Tutorial Details
Program: Adobe Illustrator CS5 Difficulty: Intermediate Estimated Completion Time: 45 minutes

Tweet

Like

23

Final Product

What You'll Be Creating
advertise advertise here here

Become a Tuts+ Premium member to support this site and get access to more than 750 extra tutorials.

Full-time, Part-time and Contract Jobs
Web Designer at FusionCharts JavaScript Application Developer at FusionCharts Technical Evangelist at FusionCharts WordPress Project Manager at Washington State University UX Designer at Booking.com

In the following tutorial you will learn how to create a slick golden text effect. Although it’s a pretty short tutorial, the sixteen steps cover many techniques and effects that can be used for other projects. The Pen Tool steps may be a bit challenging, but with patience and some basic knowledge you will succeed.

More on Tuts+ Jobs...

Freelance Jobs
Academic Writers Required in Anywhere

Step 1
Create a 700 by 400px, RGB document. First, enable the Grid (View > Show Grid) and the Snap to Grid (View > Snap to Grid). Next, you’ll need a grid every 1px. Go to Edit > Preferences > Guides > Grid, enter 1 in the Gridline every box and 1 in the Subdivisions box. You can also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Do not forget to replace the unit of measurement to pixels from Edit > Preferences > Unit > General. Al these options will significantly increase your work speed.

Expert web developer programmer in Montreal, Qc, Canada Freelance WORDPRESS site (Design + development) in Anywhere Freelance Writer in Homebased Full Time Front End Developer Required in Vancouver, Canada
More Freelance Jobs...

904 people like Vectortuts +. 25 by 1px shapes. . Fac ebook soc ial plugin Step 2 Pick the Rectangle Tool (M) and create seven. Place them as shown below and fill them with the four colors shown in the following image. The Snap to Grid should ease your work for the arrangement part.Facebook Twitter Google+ Find us on Facebook Vectortuts+ Like 52.

A new window should open. Open the fly-out menu and click on New Brush. . Return to the Brushes panel and you will find your new pattern brush. return to your artboard and delete the existing shapes. make sure that the Scale slider is set at 100% and click OK. The Pattern Brush Options window will open. Check the Pattern Brush button and click OK.Step 3 Select the shapes created in the previous step and go to the Brushes (Window > Brushes). Enter "Golden Brush" in the Name box. Now. You won’t need them anymore.

Step 4 .

make sure that the Roundness is set at 100%. Return to the Brushes panel and you will find your new calligraphic brush. open the fly-out menu of the Brushes panel and click on New Brush. drag the Diameter slider at 7pt and click OK. Again.Next. The Calligraphic Brush Options window will open. . Round" in the Name box. you need a new Calligraphic Brush. Enter "7pt. check the Calligraphic Brush button and click OK. This time.

Go to the Layers panel (Window > Layers) and lock this text. Go to the Character panel (Window > Type > Character).Step 5 Now. let’s add the text. the leading at 120 and the tracking at 100. Pick the Type Tool (T). Use the Jellyka Saint-Andrew’s Queen font or any other font that you like. Your final effect will look nicer if you choose a calligraphic font. click on your artboard and add your green text (84 161 63). . set the size at 150pt.

First. Just use it as a reference. Play with this. Pay some extra attention to the ending of your paths. Pick the Pen Tool (P) and draw a path along the first letter from your text. set the fill color at none then select the stroke and click on the Golden Brush from the Brushes panel. . but make sure that you always have a smooth. go to the Appearance panel. Now.Step 6 Disable the Snap to Grid and enable the Smart Guides (View > Smart Guides). The Smart Guide will come in handy for this thing. let’s move to the difficult part. You don’t need to make an exact trace of your text. rounded path. Always bend them and bring the ending point above the existing path. The next three steps might be a bit challenging especially if you’re a beginner.

always remember to bend the ending of your paths. . not to make the text undecipherable. Also. In some cases you will only need a path to draw several letters or an entire word.Step 7 Continue with the Pen Tool and draw some new paths above the green text. Just use your imagination. Be careful.

.

. In the it’s important for you to have a set of smooth and nicely rounded paths.Step 8 Go on with the Pen Tool (P) and draw the remaining text.

.

Select this group and make a copy in front (Control + C > Control + F). Select all the paths that make up your text and group them (Control + G). Go to the Layers panel. . select the resulting paths and go to Object > Compound Path > Make. unlock your green text and delete it. Go to the Layers panel. locate this fresh copy and make it invisible.Step 9 Disable the Smart Guides. Round). Set its color at R=125 G=203 B=236 and go to Object > Expand Appearance. You’ll need it later. Select the resulting paths and click on the Unite button from the Pathfinder panel (Window > Pathfinder). Again. Select the resulting path and make a copy in front (Control + C > Control + F). Select the paths inside this group and replace the pattern brush with the calligraphic brush created in the fourth step (7pt. Lock the original group then focus on the group copy.

Step 10 .

Select the blue.Go to Edit > Preferences > General and enter 1 in the Keyboard Increment box. Select the resulting group of shapes and go to Object > Compound Path > Make. Select the resulting path and make a copy in front (Control + C > Control + F). Enter a -2pt Offset and click OK. visible path created in the previous step and go to Object > Path > Offset Path. Reselect the two paths created in this step and click on the Minus Front button from the Pathfinder panel. . Fill the resulting path with R=252 G=205 B=10 and change its blending mode to Color Burn. Select this copy and hit the down arrow and the right arrow once (to move it 1px down and to the right).

Step 11 .

Select the resulting path and make a copy in front (Control + C > Control + F). Select this copy and hit the down arrow and the right arrow once. Reselect the two paths created in this step and click on the Minus Front button from the Pathfinder panel. .Reselect the blue. visible path and go to Object > Path > Offset Path. enter a -1pt Offset and click OK. Select the resulting group of shapes and go to Object > Compound Path > Make. Fill the resulting path with white and change its blending mode to Overlay. This time.

Select the resulting group of shapes and go to Object > Compound Path > Make. Reselect this copy along with the original. blue path and click on the Minus Front button from the Pathfinder panel. Fill the resulting path with R=96 G=57 B=19.Step 12 Reselect the blue. . Select this copy and hit the up arrow and the left arrow once. visible path and make a copy in front (Control + C > Control + F).

.

move it 3px down and to the right then lower its opacity to 8%. find the invisible blue shape and make it visible.Step 13 Go to the Layers panel. . Send this path to back (Shift + Control + Left Square Bracket). Replace the blue with black.

.

.Step 14 Return to the Layers panel. select it and go to Effect > Stylize > Drop Shadow. unlock the group. Enter the data shown below and click OK.

this will add a second fill for your shape. Obviously. lower its opacity to 80% and fill it with the radial gradient shown below. First.Step 15 Finally. fill it with white then go to the Appearance panel and click on the Add New Fill button from the bottom of the Appearance pane. Pick the Rectangle Tool (M) and create a shape the size of your artboard. Select it. . let’s add a simple background.

lower its opacity to 25%. This will open a new window with a nice set of built-in pattern. . Go to the Swatches panel.Step 16 For this final step you will need a nice. Select it. open the fly-out menu and go to Open Swatch Library > Patterns > Basic Graphics > Basic Graphics_Textures. Reselect the shape created in the previous step and add a third fill. built-in pattern. change the blending mode to Multiply and use the "USGS 19 Land Inundation" pattern.

Like 23 people like this . . I hope you enjoyed this tut. Experiment with different colors and letters to see what you can come up with.Conclusion Now your work is done. Sign Up to s ee what your friends like. Here is how it should look.

Join Now Sign In 11 comments . Bonus Tutorials & More for all relevant Tuts+ sites in one subscription. Follow us on Twitter or simply recommend us to friends and colleagues! Tweet Like 23 By Andrei Marius Rollover to read this author's bio or click through to see a full list of posts by this author. Premium Members Source Files.Andrei Marius is VforVectors on Tags: Illustrator lettering Tips Typography Enjoyed this Post? Subscribe to our RSS Feed.

.. visible path i guess) and copy selected. Then make it a compound path and giving it the brown color.. hope someone reads my posts and wants to reply because i just passed step 10 and 11 but now i'm stuck on the most important one: 12! Please help me: I've to select the blue. then hit the copy one up and left and then hit the Minus Front button when the original (blue. all just as the tutorial says.. • 6 months ago . visible path and make a copy of it. • 6 months ago Okay. I'm really new to Adobe Illustrator & graphic designing in general… I opened up the Pathfinders panel & click on the "Merge" icon… After that I was able to create the brush… 0 • Reply • Share › J.. What am i doing wrong??! 0 • Reply • Share › Andrei Marius J. conclusion: a brown shadow just like step 10 and 11 instead of a filling brown as the resulting image.11 comments Leave a message. Discussion Community Rob Widmark • 4 months ago 'm stuck on trying to create the pattern brush with the seven objects… :-( I tried using the selection tool then the direct selection tool then went up to the menu >select >all then went up to the menu >select >all on artboard all I keep getting is… 0 • Reply • Share › Rob Widmark Rob Widmark • 4 months ago Share › I'm using CS6 0 • Reply • Rob Widmark Rob Widmark • 4 months ago Okay.

Can somebody please tell me what the hell i'm doing wrong? Spend too much time on this tutorial to give up now. Looks great Andrei. the texture was done so easily :-) Beto Garza — Muchas gracias Miguel :D :D un saludazo de vuelta ! ! ! seguir dibujandole :D :D ! ! ! Comment feed Subscribe via email . Reply • Share › Andrei Marius Ronald L Harris . 0 • • a year ago Very creative design.. Keep the tutorials comin'.. • • Ronald L Harris..com and I'll try to figure it out. Please send me your Ai file at vforvectors@yahoo. • 6 months ago for the 5th time now i get stuck on step 10: the resulting image is a white text with a yellow shadow instead of a blue text with some yellow innerglow.. 0 • Reply • Share › usha 0 • a year ago Reply Share › Not very clear instructions ! I could not get it . Let me know if you have any questions. • • Rajeev Ranjan 0 • • a year ago Share › Nice one Andrei. I'd like to create a logo similar to this. Jr. I'll surelly try this one.Hi J. 0 • Reply • Share › ALSO ON VECTORTUTS How to Create a Detailed Lighter in Adobe Illustrator 9 comments • 4 days ago How to Create a Cute Corn Illustration with Basic Shapes in Illustrator 2 comments • 3 days ago Tino Bøgebjerg Cordes — WOW. • a year ago Thanks a lot. Reply • Danilo 0 • a year ago Reply Share › Amazing tutorial. Jr. 0 • Reply • Share › J..

Vectortuts+ is part of the Tuts+ Network. teaching creative skills to millions worldwide. Advertise · Suggestions · About Us · Terms and Conditions · Privacy Policy · Write for Us Copyright © 2013 Envato .