untung99.homes: How to Create a Graffiti Text Effect in Illustrator
Untung99 menawarkan beragam permainan yang menarik, termasuk slot online, poker, roulette, blackjack, dan taruhan olahraga langsung. Dengan koleksi permainan yang lengkap dan terus diperbarui, pemain memiliki banyak pilihan untuk menjaga kegembiraan mereka. Selain itu, Untung99 juga menyediakan bonus dan promosi menarik yang meningkatkan peluang kemenangan dan memberikan nilai tambah kepada pemain.
Berikut adalah artikel atau berita tentang Harian untung99.homes dengan judul untung99.homes: How to Create a Graffiti Text Effect in Illustrator yang telah tayang di untung99.homes terimakasih telah menyimak. Bila ada masukan atau komplain mengenai artikel berikut silahkan hubungi email kami di koresponden@untung99.homes, Terimakasih.
In this tutorial, you’ll learn how to do graffiti letters in Illustrator using a graffiti text font. You’ll see this graffiti tutorial will give you a fun and totally customizable result. But if you don’t have the time to make graffiti art in Illustrator from scratch, don’t forget to visit Envato Elements.
The subscription-based marketplace offers you unlimited add-ons for Illustrator, premium fonts, and more. Everything’s included for a flat monthly fee. Get a cool graffiti Illustrator vector effect like this one to make graffiti illustrations in seconds:
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2659/posts/35253/image-upload/Instant_Graffiti_Illustrator_Type_intro.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2659/posts/35253/image-upload/Instant_Graffiti_Illustrator_Type_intro.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/35253/image-upload/Instant_Graffiti_Illustrator_Type_intro.jpg)
And if you prefer video tutorials to learn how to make graffiti letters, here’s a new video from the Envato Tuts+ YouTube channel:
What You Will Learn in This Graffiti Tutorial
- How to use a graffiti text font in Illustrator
- How to make text look like graffiti in Illustrator
- How to import and use a graffiti spray brush in Illustrator
- How to import and use a brick wall texture in Illustrator
- How to create graffiti-style text in Illustrator
- How to make a full graffiti design in Adobe Illustrator
What You’ll Need
You’ll need the following resources in order to learn how to do graffiti letters in Illustrator:
1. How to Create a New Document
Step 1
Hit Control-N to create a new document. Select Pixels from the Units drop-down menu, enter 850 in the width box and 890 in the height box, and then click that More Settings button. Select RGB for the Color Mode, set the Raster Effects to Screen (72 ppi), and then click Create Document.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect1.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect1.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect1.jpg)
Step 2
Pick the Type Tool (T) and open the Character panel (Window > Type > Character). Select the Street Hustle graffiti text font and set the size to 150 px.
Click on the artboard, type in your text, and center it.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect2.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect2.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect2.jpg)
2. How to Make Text Look Like Graffiti in Illustrator
Step 1
Select your graffiti style font Illustrator text, focus on the Swatches panel (Window > Swatches), and click that [None] swatch to remove the black text color.
Make sure that your text remains selected and go to the Appearance panel (Window > Appearance). Add a new fill using the Add New Fill button. Select that new fill and set its color to R=50 G=255 B=255.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect3.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect3.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect3.jpg)
Step 2
Make sure that your graffiti text is still selected and keep focusing on the Appearance panel.
Add a second fill and select it. Set the color to R=63 G=0 B=109 and go to Effect > Path > Offset Path. Enter a -2 px Offset, set the Joins to Round, and click OK.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect4.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect4.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect4.jpg)
Step 3
Make sure that your graffiti text stays selected and keep focusing on the Appearance panel.
Add a third fill and select it. Set the color to R=50 G=255 B=255 and go to Effect > Path > Offset Path. Enter a -3 px Offset, set the Joins to Round, and click OK.
Reselect this new fill and go to Effect > Distort & Transform > Transform. Drag both Move sliders to -2 px and then click OK.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect5.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect5.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect5.jpg)
Step 4
Make sure that your text in graffiti stays selected and keep focusing on the Appearance panel.
Add a fourth fill, select it, and drag it below the existing fills. Set its color to R=63 G=0 B=109 and go to Effect > Path > Offset Path. Enter a 5 px Offset, set the Joins to Round, and click OK.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect6.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect6.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect6.jpg)
Step 5
Make sure that your text in graffiti stays selected and keep focusing on the Appearance panel.
Add a fifth fill, select it, and drag it below the existing fills. Set its color to R=63 G=0 B=109 and go to Effect > Distort & Transform > Transform. Drag both Move sliders to 10 px and then click OK.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect7.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect7.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect7.jpg)
Step 6
Make sure that your graffiti text stays selected and keep focusing on the Appearance panel.
Add a sixth fill, select it, and drag it below the existing fills. Set its color to R=148 G=16 B=239 and go to Effect > Path > Offset Path. Enter a 5 px Offset, set the Joins to Round, and click OK.
Reselect this new fill and go to Effect > Distort & Transform > Transform. Drag both Move sliders to 10 px and then click OK.
Focus on the Appearance panel and expand this new fill using the tiny arrow button. Click that Opacity piece of text to open the Transparency fly-out panel and lower the Opacity to 30%.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect8.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect8.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect8.jpg)
Step 7
Make sure that your graffiti text stays selected and keep focusing on the Appearance panel.
Add a seventh fill, select it, and drag it below the existing fills. Set its color to R=250 G=220 B=30 and go to Effect > Path > Offset Path. Enter a 15 px Offset, set the Joins to Round, and click OK.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect9.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect9.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect9.jpg)
Step 8
Make sure that your graffiti text stays selected and keep focusing on the Appearance panel.
Add an eighth fill, select it, and drag it below the existing fills. Set its color to R=250 G=220 B=30 and go to Effect > Path > Offset Path. Enter a 10 px Offset, set the Joins to Round, and click OK.
Reselect this new fill and go to Effect > Distort & Transform > Transform. Drag both Move sliders to 10 px and then click OK.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect10.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect10.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect10.jpg)
3. How to Apply a Graffiti Brush in Illustrator
Step 1
Before you continue learning how to make graffiti text in Illustrator, let’s import the Splatter & Smear Brushes Pack. Open the fly-out menu from the Brushes panel (Window > Brushes) and go to Open Brush Library > Other Library. Now let’s use the first graffiti brush in Illustrator.
Reselect your graffiti text and focus on the Appearance panel. Select the stroke, drag it below the existing fills, and apply the Drip 11 art brush. Set its color to R=232 G=0 B=140 and go to Effect > Path > Offset Path. Enter a 15 px Offset, set the Joins to Round, and click OK. Reselect the stroke and go to Effect > Pathfinder > Add.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect11.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect11.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect11.jpg)
Step 2
Make sure that your graffiti text stays selected, keep focusing on the Appearance panel, and let’s use another graffiti brush in Illustrator.
Add a second stroke using the Add New Stroke button, select it, and drag it below the existing stroke. Apply the Drip 10 art brush, set its color to R=148 G=16 B=239, and go to Effect > Path > Offset Path. Enter a 15 px Offset, set the Joins to Round, and click OK. Reselect this new stroke and go to Effect > Pathfinder > Add.
This will be the fully editable part of your graffiti effect in Illustrator. You can save this graffiti text style using the Graphic Styles panel (Window > Graphic Styles) and simply apply the same appearance attributes to a different graffiti text font.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect12.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect12.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect12.jpg)
Step 3
Now that you know how to make graffiti letters in Illustrator, let’s learn how to add a graffiti spray brush in Illustrator and how to improve the look of this graffiti in Adobe Illustrator.
Pick the Brush Tool (B) and select the Drop 5 scatter brush. Spread some splatters around your graffiti text, as shown in the following image.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect13.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect13.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect13.jpg)
Step 4
Pick the Brush Tool (B) and select the Drop 7 scatter brush. Add some splatters to your graffiti text, as shown in the following image.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect14.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect14.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect14.jpg)
Step 5
Pick the Brush Tool (B) and select the Drop 3 scatter brush. Use this Illustrator graffiti spray brush several times, as shown in the following image.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect15.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect15.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect15.jpg)
Step 6
Pick the Brush Tool (B) and select the Splat/Drop 2 art brush. Add a dripping splatter next to your graffiti text, as shown in the following image.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect16.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect16.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect16.jpg)
Step 7
Pick the Brush Tool (B) and select the Smear 2 art brush. Add a smear path to your graffiti text, as shown in the following image.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect17.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect17.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect17.jpg)
Step 8
Pick the Brush Tool (B) and select the Splat/Drop 4 art brush. Use this Illustrator graffiti spray brush several times, as shown in the following image.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect18.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect18.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect18.jpg)
4. How to Complete Your Graffiti in Adobe Illustrator
Step 1
Pick the Rectangle Tool (M) and create a shape that covers your entire artboard. Set its color to R=34 G=30 B=31 and send it to the back (Shift-Control-[).
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect19.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect19.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect19.jpg)
Step 2
Import the 12th brick wall texture from the Vector Brick Wall textures pack and resize it to fit your artboard, as shown in the following image.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect20.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect20.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect20.jpg)
Step 3
Select your brick wall texture, lower its Opacity to 70%, change the Blending Mode to Soft Light, and then go the Effect > Stylize > Drop Shadow. Enter the attributes shown in the following image and click OK.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect21.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect21.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect21.jpg)
Step 4
Select that dark background rectangle, make a copy in front (Control-C > Control-F), and bring it to the front (Shift-Control-]).
Change the color of this new shape to black (R=0 G=0 B=0), lower its Opacity to 25%, change the Blending Mode to Soft Light, and then go to Effect > Artistic > Film Grain. Enter the attributes shown below and click OK.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect22.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect22.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect22.jpg)
Congratulations! Your Adobe Illustrator Graffiti Tutorial Is Complete!
Here is how your Illustrator graffiti effect should look. I hope you’ve enjoyed this Adobe Illustrator graffiti tutorial and can apply these techniques in your future projects.
Feel free to adjust this Illustrator graffiti effect and make it your own. You can find some great sources of inspiration at GraphicRiver, with interesting solutions to improve your graffiti-style text.
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/158/posts/35253/image/GraffitiTextEffect0.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/158/posts/35253/image/GraffitiTextEffect0.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/158/posts/35253/image/GraffitiTextEffect0.jpg)
5 Top Graffiti Illustrator Resources From Envato Elements
Now that you know how to do graffiti letters, you might be looking for resources to speed up your graffiti letter designs.
Envato Elements has thousands of Illustrator add-ons available with unlimited downloads. Here are just a few of the best to help you create graffiti illustrations:
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2659/posts/35253/image-upload/Instant_Graffiti_Illustrator_Type_Effects.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2659/posts/35253/image-upload/Instant_Graffiti_Illustrator_Type_Effects.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/35253/image-upload/Instant_Graffiti_Illustrator_Type_Effects.jpg)
If you want to make more graffiti art in Illustrator, this graffiti-style text effect for Illustrator is perfect for you. Transform text into graffiti with these nine highly detailed text styles. They’re easy to use: just choose the icons from the graphic styles tab, and that’s it!
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2659/posts/35253/image-upload/Dark_Graffiti.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2659/posts/35253/image-upload/Dark_Graffiti.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/35253/image-upload/Dark_Graffiti.jpg)
Fan of refined or vintage graffiti illustrations? This one is great for your projects. You’ll get one vector graffiti Illustrator effect that instantly transforms any text in graffiti. Learning how to write in graffiti letters has never been easier!
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2659/posts/35253/image-upload/Spray_Paint_33_Graffiti_Brushes_for_Illustrator.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2659/posts/35253/image-upload/Spray_Paint_33_Graffiti_Brushes_for_Illustrator.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/35253/image-upload/Spray_Paint_33_Graffiti_Brushes_for_Illustrator.jpg)
This is the ultimate pack of brushes for graffiti illustration. The download includes 27 unique graffiti brushes for Illustrator, which were made from real-life street art and graffiti strokes.
As a bonus, the kit also includes six paint splatter brushes. This is a perfect set to practice how to make graffiti letters!
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2659/posts/35253/image-upload/Graffiti_Brick.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2659/posts/35253/image-upload/Graffiti_Brick.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/35253/image-upload/Graffiti_Brick.jpg)
If you’re looking for text effects rather than graffiti brushes for Illustrator, this is a great option. The download includes a vector text effect to make cool graffiti letter designs!
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/2659/posts/35253/image-upload/Marker_Illustrator_Brushes.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/2659/posts/35253/image-upload/Marker_Illustrator_Brushes.jpg)
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/2659/posts/35253/image-upload/Marker_Illustrator_Brushes.jpg)
Lastly, here’s a different option to experiment with how to write in graffiti letters. The set includes 25 high-quality digital marker brushes intended for professional designers, illustrators, and artists.
Want to Learn More?
We have loads of tutorials on Envato Tuts+, from beginner to intermediate level. Take a look!