I’ll be teaching you how to create this eye catching bling bling effect in illustrator. You will learn how to create the texture and apply it to any text. So let’s get started…
1. Drawing the Bling Bling Pattern
First, you will need to turn on the grid by pressing Ctrl/Command+’. Also make sure to turn on View>Snap to Grid. This will enable you to snap your graphics to the grid. Let’s start by drawing a triangle using the Pen Tool. Next, apply a gradient from light pink to dark pink. Draw another triangle beside it in facing down. Apply a white gradient to it.
Select both triangles and hold Alt/Option and drag a copy beside it. Press Ctrl/Command+D to automate duplicate more copies until you have a row. Select the whole row and drag a copy down and move it slight to the right as shown.
Select both rows and drag more copies down until you formed a pattern. Using the rectangle tool, draw a square that will determine the area of repetition for the pattern. Make sure the top and bottom will tile properly. Sane goes for both the left and right sides. Randomly select some of the triangles and change the tint to give more variety to the pattern.
Once the pattern is done, select the square and set the Stroke to none. Press Ctrl/Command+shift+[ to send it to the bottom layer. This will determine the repeat area when you create your pattern swatch. Select all the shapes and resize it smaller by pressing Shift. Open up your swatches and drag your pattern to the swatches. Your pattern is now created.
2. Applying the Texture to Text
Type out your text and adjust the kerning to increase the spacing between the letters. Next, fill the text with the glitter pattern.
Open up your Appearance window and click the options at the right corner of the palette. Select Add New Fill to it. Go Effect>Path>Offset Path and offset it by 5px.
Drag the new fill to the bottom so that it sits below the pattern fill. Change the Filll to a gradient as shown. This will create the highlight for the text edge.
3. Adding Special Effects
Select the text and go Stylize>Outer Glow. Use the settings above. to create a glow around the Pinky text.
Next, draw a big rectangle over the Pinky text and create a gradient as shown above. Go to Transparency Palette and change the mode to overlay. Reduce the Opacity to 45.
This is the final effect with the overlay..
We will continue to add glitter to the text. Using your Star Tool, click and drag to draw a star on the canvas. Without releasing the mouse, click the Down Key to reduce the star to 4 corners. Hold Ctrl/Command as you drag to adjust the star radius to get a thin glitter star. Apply a radial gradient to it as shown above. Finally, set the glitter to screen mode from the Transparency Palette.
Drag the glitter on the Pinky text to create the sparkling effect. Duplicate more glitter to create our final effect. Hope the girls like this. Let me know what you think…
To download the source file for this tutorial, you will need to login as a member.
Sign up today to access all exclusive members content!
nice tutorial, I love pink. thanks..
It’s very easy and useful, thank you!
Hi! i don’t understand where say ” Select all the shapes and resize it smaller by pressing Shift. ” in the last part.And then I coulnd`t finish it. Try and try, but the triangles was very big. Can you help me with some indication?
Hi Fly, select all the shapes, there should be a bounding box. Click the corners and drag to resize it. Hold Shift as you resize to make it proportionate.
this one sucks:(
a little help now, so everything goes just fine up to the part that requieres me to do the off set I apply it but nothing happens and I am a bit stressed up, any ideas what I might be doing wrong.
Hi gabriel, make sure fill is selected in the appearance palette. And go Effect>Path>Offset Path and offset it by 5px.
pinky thanks 4 sharring this idea..
Cool. Funny how the stroke makes all the different with adding gradients and sparkle… Awesome job!
It’s very useful, thank you!
Great job with the effect here!
Tony – I love your site – will get all my illustrator students to visit.
Thanks for your support!
Not nearly used enough! Great effect using a pattern within typo! Great post…thanks
This is good, but i’ve got a problem in the part when we have to create the pattern, this crtl + shit + (what symbol key is this?), Thanks if u can help me.
hi,thanks for the tutorial, all looking good so far but i have a pink translucent box covering the txt. you don’t mention where that goes to. please help
Hi Jay, it goes above the text. Make sure the pink box is set to overlay as mentioned.
Could not get swatches to accept my triangle pattern…it went to symbols. Only a gradient was in swatches? What am I doing wrong? Could it be my version Illustrator 10.3?
Exact same problem as Sharon. I’m using CS3 and I cant seem to get it to work for me, only accepts the pattern into symbols :< No posts here in a while but it's a shot anyway x
Problem solved! I wasn’t paying close enough detail to the bounding box.
great tutorial, but when I go to fill the text, I get some holes in the lettering. any direction on what I may be doing wrong? thanks.
You have to make the selection with the square just like he did or you’ll get repeating line patterns. Count the triangles and make sure you divide them exactly the same way he has done.
This is what he meant (I assume) when he wrote the following
“Make sure the top and bottom will tile properly. Sane goes for both the left and right sides.”
I have to convey my passion for your generosity in support of people who really want help with this important issue. Your special commitment to passing the solution all around turned out to be surprisingly good and has truly made those just like me to achieve their desired goals. Your helpful guide indicates so much a person like me and additionally to my peers. Thank you; from each one of us.
wOW SO INSPIRE ME THANKS FOR SHARING THESE.
You need to take part in a competition for one of the
best websites on the web. I am going to recommend this website!
Thanks for another great tutorial, it was really easy to follow and I love the finished effect!
visit
Have you ever considered writing an ebook or guest authoring on other blogs?
I have a blog based upon on the same subjects you discuss and would love to have you share some stories/information.
I know my visitors would enjoy your work.
If you are even remotely interested, feel free to shoot
me an e-mail.
Great goods from you, man. I have understand your stuff previous to and
you’re just extremely wonderful. I actually like what you have acquired here, certainly like what you are saying and the way in which you say it. You make it entertaining and you still care for to keep it smart. I can not wait to read far more from you. This is actually a wonderful web site.