Http Vector Tutsplus Com Tutorials Tools Tips Quick Tip Create a Slick Golden Text Effect With Adobe Illustrator

8/12/2019 Http Vector Tutsplus Com Tutorials Tools Tips Quick Tip Create a Slick Golden Text Effect With Adobe Illustrator

http://slidepdf.com/reader/full/http-vector-tutsplus-com-tutorials-tools-tips-quick-tip-create-a-slick-golden 1/29

29,433Twitter Followers 52,893Facebook Fans 4,675Google+ Followers

[email protected]

advertise hereadvertise here

Become a Tuts+ Premium member toBecome a Tuts+ Premium member tosupport this site and get access to moresupport this site and get access to morethanthan 750750 extra tutorials.extra tutorials.

Tutorial DetailsTutorial DetailsProgram: Adobe Illustrator CS5

Difficulty: Interme diate

Estimated Completion Ti me: 45 minutes

Final Product What You'll Be Creating

Andrei Mariu s on Nov 9th 2011 with 11 Comments and 0 Reaction s

Quick Tip: Create aQuick Tip: Create aSlick Golden TextSlick Golden TextEffect with AdobeEffect with AdobeIllus tratorIllus trator

Tutorials \ Tools & Tips \ Rating:

Tweet

Like 23

Get Email Updates Subscribe via RSS

Search...

TutorialsTutorials ArticlesArticles TipsTips SessionsSessions ResourcesResources VideosVideos Tuts+ Prem iumTuts+ Prem ium Graphics, Vectors and Print

Advertise Write for Us About

http://vector.tutsplus.com/category/tutorials/

http://vector.tutsplus.com/category/articles/


http://vector.tutsplus.com/tag/tips/

http://vector.tutsplus.com/sessions/

http://vector.tutsplus.com/

http://buysellads.com/buy/detail/521/zone/1276229?utm_source=site_521&utm_medium=website&utm_campaign=cpmadhere&utm_content=zone_1276229


http://tutsplus.com/



https://plus.google.com/110123441043259114460

http://facebook.com/vectortuts

http://twitter.com/vectortuts

http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fvector.tutsplus.com%2Ftutorials%2Ftools-tips%2Fquick-tip-create-a-slick-golden-text-effect-with-adobe-illustrator%2F&media=http%3A%2F%2Fdsmy2muqb7t4m.cloudfront.net%2Fqt%2F2011_QT%2Fqt_122_gold_text%2F00.jpg&description=Quick%20Tip:%20Create%20a%20Slick%20Golden%20Text%20Effect%20with%20Adobe%20Illustrator

http://vector.tutsplus.com/author/andrei-marius/

http://void%280%29/

http://void%280%29/

http://void%280%29/

http://void%280%29/

http://void%280%29/

http://vector.tutsplus.com/category/tutorials/tools-tips/


http://graphicriver.net/?WT.mc_id=TutsHeader&ref=VectorPremium

http://tutsplus.com/tutorials/?q=true&filter_topic=15

http://vector.tutsplus.com/tag/videos/

http://vector.tutsplus.com/recommended-resources/

http://vector.tutsplus.com/sessions/




http://vector.tutsplus.com/about/

http://vector.tutsplus.com/about/write-a-tutorial/

http://vector.tutsplus.com/advertise/


http://-/?-



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

More on Tuts+ Jobs...

Freelance Jobs

Academic Writers Required in Anywhere

Expert web developer programmer in Montreal, Qc, Canada

Freelance WORDPRESS site (Design + development) inAnywhere

Freelance Writer in Homebased

Full Time Front End Developer Required in

Vancouver, Canada

More Freelance Jobs...

In the following tutorial you will learn how to create a slick golden text effect. Although it’s a pretty shorttutorial, 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.

Step 1Step 1Create 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 1in 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.


http://jobs.freelanceswitch.com/

http://jobs.freelanceswitch.com/jobs/22020





http://jobs.tutsplus.com/

https://jobs.tutsplus.com/jobs/38-booking-com-ux-designer

https://jobs.tutsplus.com/jobs/42-washington-state-university-wordpress-project-manager

https://jobs.tutsplus.com/jobs/45-fusioncharts-technical-evangelist

https://jobs.tutsplus.com/jobs/46-fusioncharts-javascript-application-developer

https://jobs.tutsplus.com/jobs/47-fusioncharts-web-designer



Find us on Facebook

Vectortuts+

Like

52,904 people like Vectortuts+ .

Facebook social plugin

Step 2Step 2Pick the Rectangle Tool (M) and create seven, 25 by 1px shapes. Place them as shown below and fill them

with the four color s shown in the following image. Th e Snap to Grid should ea se your work for t he

arrangement part.

Facebook Twitter Google+

http://-/?-

http://-/?-



Step 3Step 3Select the shapes created in the previous step and go to the Brushes (Window > Brushes). Open the fly-out

menu and click on New Brush. A new window should open. Check the Pattern Brush button and click OK.

The Pattern Brush Options window will open. Enter "Golden Brush" in the Name box, make sure that theScale slider is set at 100% and click OK. Return to the Brushes panel and you will find your new pattern

brush. Now, return to your artboard and delete the existing shapes. You won’t need them anymore.



Step 4Step 4





Step 5Step 5Now, let’s ad d the text. 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. Pick the Type Tool (T), click on your artboard and add

your green text (84 161 63). Go to the Character panel (Window > Type > Character), set the size at 150pt,the leading at 120 and the tracking at 100. Go to the Layers panel (Window > Layers) and lock this text.

http://www.dafont.com/jellyka-saint-andrews-queen.font



Step 6Step 6Disable the Snap to Grid and enable the Smart Guides (View > Smart Guides). Now, let’s move to the

difficult part. The next three steps might be a bit challenging especially if you’re a beginner. First, go to the

Appearance panel, set the fill color at none then select the stroke and click on the Golden Brush from theBrushes panel. Pick the Pen Tool (P) and draw a path along the first letter from your text. You don’t need to

make an exact trace of your text. Just use it as a reference. Pay some extra attention to the ending of yourpaths. Always bend them and bring the ending point above the existing path. The Smart Guide will come in

handy for this thing. Play with this, but make sure that you always have a smooth, rounded path.



Step 7Step 7Continue with the Pen Tool and draw some new paths above the green text. In some cases you will only

need a path to draw several letters or an entire word. Just use your imagination. Be careful, not to make the

text undecipherable. Also, always remember to bend the ending of your paths.





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

and nicely rounded paths.





Step 9Step 9Disable the Smart Guides. Go to the Layers panel, unlock your green text and delete it. Select all the paths

that make up your text and group them (Control + G). Select this group and make a copy in front (Control +C > Control + F). Lock the original group then focus on the group copy.

Select the paths inside this group and replace the pattern brush with the calligraphic brush created in the

fourth step (7pt. Round). Set its color at R=125 G=203 B=236 and go to Object > Expand Appearance.Select the resulting paths and click on the Unite button from the Pathfinder panel (Window > Pathfinder).

Again, select the resulting paths and go to Object > Compound Path > Make.

Select the resulting path and make a copy in front (Control + C > Control + F). Go to the Layers panel,

locate this fresh copy and make it invisible. You’ll need it later.



Step 10Step 10



Go to Edit > Preferences > General and enter 1 in the Keyboard Increment box. Select the blue, visible pathcreated in the previous step and go to Object > Path > Offset Path. Enter a -2pt Offset and click OK. Select

the resulting path and make a copy in front (Control + C > Control + F). Select this copy and hit the downarrow and the right arrow once (to move it 1px down and to the right). Reselect the two paths created in this

step and click on the Minus Front button from the Pathfinder panel. Select the resulting group of shapesand go to Object > Compound Path > Make. Fill the resulting path with R=252 G=205 B=10 and change its

blending mode to Color Burn.



Step 11Step 11



Reselect the blue, visible path and go to Object > Path > Offset Path. This time, enter a -1pt Offset and clickOK. 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. Select the resulting group of shapes and go to Object > CompoundPath > Make. Fill the resulting path with white and change its blending mode to Overlay.



Step 12Step 12Reselect the blue, visible path and make a copy in front (Control + C > Control + F). Select this copy and hitthe up arrow and the left arrow once. Reselect this copy along with the original, blue path and click on the

Minus Front button from the Pathfinder panel. Select the resulting group of shapes and go to Object >

Compound Path > Make. Fill the resulting path with R=96 G=57 B=19.





Step 13Step 13Go to the Layers panel, find the invisible blue shape and make it visible. Replace the blue with black. Send

this path to back (Shift + Control + Left Square Bracket), move it 3px down and to the right then lower its

opacity to 8%.





Step 14Step 14Return to the Layers panel, unlock the group, select it and go to Effect > Stylize > Drop Shadow. Enter the

data shown below and click OK.



Step 15Step 15Finally, let’s add a simple background. Pick the Rectangle Tool (M) and create a shape the size of your

artboard. First, fill it with white then go to the Appearance panel and click on the Add New Fill button fromthe bottom of the Appearance pane. Obviously, this will add a second fill for your shape. Select it, lower its

opacity to 80% and fill it with the radial gradient shown below.



Step 16Step 16For this final step you will need a nice, built-in pattern. Go to the Swatches panel, open the fly-out menu and

go to Open Swatch Library > Patterns > Basic Graphics > Basic Graphics_Textures. This will open a new window with a nice set of built-in p attern. Re select the sh ape creat ed in the p revious step and add a third fill.

Select it, lower its opacity to 25%, change the blending mode to Multiply and use the "USGS 19 Land

Inundation" pattern.



ConclusionConclusionNow your work is done. Here is how it should look. Experiment with different colors and letters to see what

you can come up with. I hope you enjoyed this tut.

Like 23 people like this. Sign Up to see what your friends like.



Andrei Marius is VforVectors on

Tags: Illustrator lettering Tips Typography

Enjoyed this Post?Enjoyed this Post?

Subscribe to our RSS Feed , Follow us on Twitter

or simply recommend us to friends andcolleagues!

Tweet Like 23

Premium MembersPremium MembersSource Files, Bonus Tutorials & More for all relevant

Tuts+ sites in one subscription. Join Now

Sign In

ByBy Andrei MariusAndrei Marius

Rollover to read this author's bio

or click through to see a full list ofposts by this author.

commen s

http://tutsplus.com/amember/signup.php

http://vector.tutsplus.com/author/andrei-marius/

http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fvector.tutsplus.com%2Ftutorials%2Ftools-tips%2Fquick-tip-create-a-slick-golden-text-effect-with-adobe-illustrator%2F&media=http%3A%2F%2Fdsmy2muqb7t4m.cloudfront.net%2Fqt%2F2011_QT%2Fqt_122_gold_text%2F00.jpg&description=Quick%20Tip:%20Create%20a%20Slick%20Golden%20Text%20Effect%20with%20Adobe%20Illustrator

http://twitter.com/vectortuts

http://feedproxy.google.com/vectortuts

http://vector.tutsplus.com/tag/typography/


http://vector.tutsplus.com/tag/lettering/

http://vector.tutsplus.com/tag/illustrator/

http://graphicriver.net/item/glassy-letters-numbers-and-signs/131634?ref=VectorPremium

http://graphicriver.net/item/wooden-letters-numbers-and-signs/127680?ref=VectorPremium

http://graphicriver.net/?ref=VectorPremium

http://graphicriver.net/user/VforVectors?ref=VectorPremium



commen s

Leave a message...

Discussion Community

• Reply •

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 >se lect >all

then went up to the menu >se lect >all on artboard

all I keep getting is…

0

• Reply •

Rob Widmark • 4 months agoRob Widmark

I'm using CS6 0

• Reply •

Rob Widmark • 4 months agoRob Widmark

Okay, I'm really new to Adobe Illustrator & graphic designing in general…

I opened up the Pathfinders panel & c lick on the "Merge" icon… After that I was able to crea0

• Reply •

J. • 6 months ago

Okay, hope someone reads my posts and wants to reply because i just passe d step 10 and 11 but no

one: 12!

Please help me: I've to select the blue, visible path and make a copy of it, then hit the copy one up and

when the original (blue, visible path i guess) and copy selected. Then make it a compound path and gi

says... conclusion: a brown shadow just like step 10 and 11 instead of a filling brown as the resulting i0

Andrei Marius • 6 months ago J.

Share ›

Share ›

Share ›

Share ›

Hi J Pl d Ai fil f @ h d I'll fi i



ALSO ON VECTORTUTS

How to Create a Detailed Lighter in Adobe Illustrator

Tino Bøgebjerg Cordes — WOW, the texture was done so easily :-)

How to Create a Cute CorIllustrator

Beto Garza — Muchas grseguir dibujandole :D :D !

• Reply •

Hi J. Please send me your Ai file at [email protected] and I'll try to figure it out. 0

• Reply •

J. • 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 ins

innerglow..

Can somebod y please tell me what the hell i'm doing wrong? Spend too much time on this tutorial to gi0

• Reply •

usha • a year ago

Not very clear instructions ! I could not get it . 0

• Reply •

Rajeev Ranjan • a year ago

Nice one Andrei.... 0

• Reply •

Danilo • a year ago

Amazing tutorial, I'll su relly try this one.

0

• Reply •

Ronald L Harris, Jr. • a year ago

Very creative design. I'd like to create a logo similar to this. Looks great Andrei. Keep the tutorials comi 0

• Reply •

Andrei Marius • a year agoRonald L Harris, Jr.

Thanks a lot.

Let me know if you have any questions. 0

9 comments • 4 days ago2 comments • 3 days ago

Share ›

Share ›

Share ›

Share ›

Share ›

Share ›

Share ›



Advertise · Suggestions · About Us · Terms and Conditions · Privacy Policy · Write for Us

Vectortuts+ is part of the Tuts+ Network , teaching creative skills to millions worldwide.

Copyright © 2013 Envato

http://envato.com/


http://vector.tutsplus.com/about/write-a-tutorial/

http://vector.tutsplus.com/about/privacy-policy/

http://vector.tutsplus.com/about/tuts-terms-user-agreement/

http://vector.tutsplus.com/about/

http://www.formstack.com/forms/envato-tuts__contact_form

http://vector.tutsplus.com/advertise/


Documents

Http Vector Tutsplus Com Tutorials Tools Tips Quick Tip Create a Slick Golden Text Effect With Adobe Illustrator