http vector tutsplus com tutorials tools tips quick tip create a slick golden text effect with adobe...
Post on 03-Jun-2018
249 Views
Preview:
TRANSCRIPT
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
Subscribeme@email.com
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
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 2/29
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.
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 3/29
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+
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 4/29
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.
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 5/29
Step 4Step 4
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 6/29
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 7/29
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.
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 8/29
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.
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 9/29
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.
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 10/29
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 11/29
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.
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 12/29
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 13/29
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.
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 14/29
Step 10Step 10
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 15/29
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.
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 16/29
Step 11Step 11
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 17/29
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.
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 18/29
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.
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 19/29
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 20/29
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%.
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 21/29
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 22/29
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.
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 23/29
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.
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 24/29
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.
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 25/29
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.
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 26/29
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
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 27/29
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
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 28/29
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 vforvectors@yahoo.com 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 ›
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 29/29
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
top related