Illustrator Tutorial: Bling Bling Text Effect |

Illustrator Tutorial: Bling Bling Text Effect

Bling bling pinky text

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!

[The article is for Basic Members only. Login or sign up now to read the whole article.]
[The article is for Premium Members only. Login or sign up now to read the whole article.]

Share and Enjoy:

See the list of all Illustrator tutorials.
Learn 101 Illustrator tips and techniques for free.

About The Author: Tony Soh

Hi. I'm the founder of Vector Diary. Illustrator is my passion and I have written numerous tutorials on illustrator helping people learn illustrator. My most popular tutorial on learn illustrator has been a hit. It makes learning illustrator so easy and has benefited more than 20,000 people worldwide. Also, I've revealed some of my secret techniques in the premium tutorials. So don't forget to check it out!

Read all articles writen by this author

If you have enjoyed reading this post, you may subscribe to our RSS for weekly updates!
Subscribe via RSS »
Subscribe via Email »

About Vectordiary

Vector Diary is a popular blog offering great illustrator tutorials and tips. It was created by Tony Soh, a graphic designer, who has great passion in illustration. Tony has written one of the most popular tutorial to learn illustrator and has helped more than 20,000 people. On top of that, his tutorials and tips has helped designers improve their illustration skills and have received great feedback. So join Vector Diary and start learning today!

Premium Tutorials

joyoge designers' bookmark January 19th

nice tutorial, I love pink. thanks..

Vector Lady January 24th

It’s very easy and useful, thank you!

fly February 4th

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?

Vectordiary February 4th

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.

alyssa February 9th

this one sucks:(

gabriel February 17th

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.

Tony February 17th

Hi gabriel, make sure fill is selected in the appearance palette. And go Effect>Path>Offset Path and offset it by 5px.

Tripti March 5th

pinky thanks 4 sharring this idea..

Large Format Printing April 3rd

Cool. Funny how the stroke makes all the different with adding gradients and sparkle… Awesome job!

Hotel Calvi May 10th

It’s very useful, thank you!

Demonologic May 30th

Great job with the effect here!

Illustrator Training Los Angeles June 19th

Tony – I love your site – will get all my illustrator students to visit.

Tony Soh June 20th

Thanks for your support!

graphic design sussex July 20th

Not nearly used enough! Great effect using a pattern within typo! Great post…thanks

Juan October 9th

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.

jay November 5th

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

Tony Soh November 5th

Hi Jay, it goes above the text. Make sure the pink box is set to overlay as mentioned.

Sharon April 7th

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?

Scott December 14th

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

Scott December 15th

Problem solved! I wasn’t paying close enough detail to the bounding box.

chris March 10th

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.

Ryan December 1st

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.”

Illustrator Tutorial: Bling Bling Text Effect

1. Drawing the Bling Bling Pattern

2. Applying the Texture to Text

3. Adding Special Effects

About The Author: Tony Soh

63 Trackbacks

+Add Comment22 Comments

Add a Comment

Categories

Featured Links

About Vectordiary

Write a Tutorial

Premium Tutorials