SlideShare a Scribd company logo
1 of 31
How to Create a Folded Text Effect in Adobe
Illustrator
by Andrei Marius6 Mar 2017
v.l , kl,k,,,,,,
,lkllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll,mkDifficulty:BeginnerLength:
ShortLanguages:
Text EffectsAdobe IllustratorVectorVibrant
You'll Be Creating
In the following steps you will learn how to create a folded text effect in Adobe Illustrator. For starters, you will learn how to
create a simple background and how to add some text. Taking full advantage of the Appearance panel, you will learn how to
work with several fills and effects, linear gradients, and basic blending techniques. Finally, you will learn how to copy
Appearance attributes between objects and how to easily adjust them.
For more inspiration on how to adjust or improve your final text effect, you can find plenty of resources on GraphicRiver.
1. How to Create a New Document and Set Up a Grid
Hit Control-N to create a new document. Select Pixels from the Units drop-down menu, enter 850 in the width and height
boxes, and then click that Advanced button. Select RGB for the ColorMode, set theRaster Effects to Screen (72 ppi), and
then click Create Document.
2. How to Create the Background
Pick the Rectangle Tool (M) and focus on your toolbar. Remove the color from the stroke and then select the fill and set its
color to R=241 G=242 B=252. Move to your artboard and simply create an 860 pxsquare. Make sure that it covers your entire
artboard as shown below.
3. How to Create the Text Pieces
Step 1
Pick the Type Tool (T) and open the Character panel (Window > Type > Character). Select the Tw Cen MT Condensed
Extra Bold font (or any bold font that you prefer), and set the size to 200 px and the leading to240 px.
Move to your artboard, click on it, and add your piece of text about as shown below. Make it black.
Step 2
Use the same tool and character attributes to create the first letter of your word. Make it white and place it right above the black
one.
Step 3
Keep adding separate white letters until you cover all your black text. Once you're done, go to the Layerspanel (Window >
Layers) and remove your black text.
4. How to Create the First Text Effect
Step 1
Select one of your letters, focus on the Swatches panel (Window > Swatches) and click that [None]swatch to remove the white
fill. Move to the Appearance panel (Window > Appearance) and add a new fill using the Add New Fill button.
Select the new fill and use the linear gradient shown below (Window > Gradient). Keep in mind that the blue number from
the Gradient image stands for Location percentage. Use the Gradient Tool (G) to adjust the length of your gradient as shown
in the following image.
Step 2
Make sure that your colored letter is still selected, keep focusing on the Appearance panel, select that fill and go to Effect >
Stylize > Drop Shadow. Enter the attributes shown below and then click that OK button.
Step 3
Make sure that your colored letter is still selected, keep focusing on the Appearance panel and add a second fill using that
same Add New Fill button. Select this new fill, add the linear gradient shown below and then go to Effect > Distort &
Transform > Free Distort. Drag those right points about as shown below and then click the OK button.
Step 4
Make sure that your colored letter is still selected, keep focusing on the Appearance panel and add a third fill using that
same Add New Fill button.
Drag this new fill between the existing ones, apply the linear gradient shown below, lower its Opacity to 40% and then go
to Effect > Distort & Transform > Free Distort. Drag those right points about as shown below and then click the OK button.
Keep in mind that the yellow zero from the Gradient image stands for Opacity percentage.
Step 5
Make sure that your colored letter is still selected and keep focusing on the Appearance panel.
Select the middle fill and duplicate it using the Duplicate Selected Item button. Select the newly added fill, lower
its Opacity to 30% and go to Effect > Distort & Transform > Transform. Drag the Move-Horizontal slider to 5 px, click
the OK button, and then go to Effect > Blur > Gaussian Blur. Set the Radiusto 5 px and then click that OK button.
5. How to Create Color Variation in Your Text Effect
Step 1
First, you need to copy the Appearance attributes of your colored letter and paste them onto your second letter. This can be
done pretty easy from the Layers panel. Expand your layer and you'll notice a little circle on the right-hand side of all your
objects—that's a target icon. Hold the Alt key, click on the target icon that stands for your colored letter, and drag onto the circle
that stands for your second letter.
Now, select your newly colored letter, focus on the Appearance panel and replace the two linear gradients with the ones shown
below.
Step 2
Repeat the technique mentioned in the previous step, but replace the linear gradients with the ones shown below.
Advertisement
Step 3
Finally, copy the Appearance attributes to the remaining white letters.
Congratulations! You're Done!

More Related Content

Similar to How to Create a Folded Text Effect in Adobe Illustrator.docx

Sequence describe how a tool works
Sequence describe how a tool worksSequence describe how a tool works
Sequence describe how a tool worksVeronica Valdiri
 
Realistic cast shadow effect in photoshop
Realistic cast shadow effect in photoshopRealistic cast shadow effect in photoshop
Realistic cast shadow effect in photoshopmicah20
 
Paths, Masks And Blend Modes
Paths, Masks And Blend ModesPaths, Masks And Blend Modes
Paths, Masks And Blend ModesShan
 
ProductDesignAd - A Practice Guide to Photoshop
ProductDesignAd - A Practice Guide to PhotoshopProductDesignAd - A Practice Guide to Photoshop
ProductDesignAd - A Practice Guide to Photoshopssuser49eead1
 
How to create watermark effect
How to create watermark effectHow to create watermark effect
How to create watermark effectBán Markus
 
Create a Photo Collage in Photoshop.pdf
Create a Photo Collage in Photoshop.pdfCreate a Photo Collage in Photoshop.pdf
Create a Photo Collage in Photoshop.pdfPinkverge
 
Balloons tutorial by rokas petskevicius visualpelican
Balloons tutorial by rokas petskevicius visualpelicanBalloons tutorial by rokas petskevicius visualpelican
Balloons tutorial by rokas petskevicius visualpelicanRokas Petškevičius
 
Photoshop Tutorial Booklet
Photoshop Tutorial BookletPhotoshop Tutorial Booklet
Photoshop Tutorial BookletGraveney School
 
CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203tutorialsruby
 
CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203tutorialsruby
 
Adobe Illustrator CS5 Part 2 : Vector Graphic Effects
Adobe Illustrator CS5 Part 2 : Vector Graphic EffectsAdobe Illustrator CS5 Part 2 : Vector Graphic Effects
Adobe Illustrator CS5 Part 2 : Vector Graphic Effectscsula its training
 
Complete Tutorial for 3d Text on Photos
Complete Tutorial for 3d Text on PhotosComplete Tutorial for 3d Text on Photos
Complete Tutorial for 3d Text on PhotosPj Dhanoa
 
adobephotoshop_frerking
adobephotoshop_frerking adobephotoshop_frerking
adobephotoshop_frerking Agung Yuwono
 

Similar to How to Create a Folded Text Effect in Adobe Illustrator.docx (20)

Sequence describe how a tool works
Sequence describe how a tool worksSequence describe how a tool works
Sequence describe how a tool works
 
Realistic cast shadow effect in photoshop
Realistic cast shadow effect in photoshopRealistic cast shadow effect in photoshop
Realistic cast shadow effect in photoshop
 
Owl Clock
Owl ClockOwl Clock
Owl Clock
 
Paths, Masks And Blend Modes
Paths, Masks And Blend ModesPaths, Masks And Blend Modes
Paths, Masks And Blend Modes
 
ProductDesignAd - A Practice Guide to Photoshop
ProductDesignAd - A Practice Guide to PhotoshopProductDesignAd - A Practice Guide to Photoshop
ProductDesignAd - A Practice Guide to Photoshop
 
How to create watermark effect
How to create watermark effectHow to create watermark effect
How to create watermark effect
 
Graphics
GraphicsGraphics
Graphics
 
Create a Photo Collage in Photoshop.pdf
Create a Photo Collage in Photoshop.pdfCreate a Photo Collage in Photoshop.pdf
Create a Photo Collage in Photoshop.pdf
 
Balloons tutorial by rokas petskevicius visualpelican
Balloons tutorial by rokas petskevicius visualpelicanBalloons tutorial by rokas petskevicius visualpelican
Balloons tutorial by rokas petskevicius visualpelican
 
3 d effect
3 d effect3 d effect
3 d effect
 
Photoshop Tutorial Booklet
Photoshop Tutorial BookletPhotoshop Tutorial Booklet
Photoshop Tutorial Booklet
 
CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203
 
CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203
 
Presentation1
Presentation1Presentation1
Presentation1
 
Adobe Illustrator CS5 Part 2 : Vector Graphic Effects
Adobe Illustrator CS5 Part 2 : Vector Graphic EffectsAdobe Illustrator CS5 Part 2 : Vector Graphic Effects
Adobe Illustrator CS5 Part 2 : Vector Graphic Effects
 
Editing process
Editing processEditing process
Editing process
 
Complete Tutorial for 3d Text on Photos
Complete Tutorial for 3d Text on PhotosComplete Tutorial for 3d Text on Photos
Complete Tutorial for 3d Text on Photos
 
Edgy Colors
Edgy ColorsEdgy Colors
Edgy Colors
 
adobephotoshop_frerking
adobephotoshop_frerking adobephotoshop_frerking
adobephotoshop_frerking
 
Cours photoshop
Cours photoshopCours photoshop
Cours photoshop
 

Recently uploaded

Russian Call Girls Delhi NCR 9999965857 Call or WhatsApp Anytime
Russian Call Girls Delhi NCR 9999965857 Call or WhatsApp AnytimeRussian Call Girls Delhi NCR 9999965857 Call or WhatsApp Anytime
Russian Call Girls Delhi NCR 9999965857 Call or WhatsApp AnytimeKomal Khan
 
FULL ENJOY - 9953040155 Call Girls in Laxmi Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Laxmi Nagar | DelhiFULL ENJOY - 9953040155 Call Girls in Laxmi Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Laxmi Nagar | DelhiMalviyaNagarCallGirl
 
Russian⚡ Call Girls In Sector 104 Noida✨8375860717⚡Escorts Service
Russian⚡ Call Girls In Sector 104 Noida✨8375860717⚡Escorts ServiceRussian⚡ Call Girls In Sector 104 Noida✨8375860717⚡Escorts Service
Russian⚡ Call Girls In Sector 104 Noida✨8375860717⚡Escorts Servicedoor45step
 
The First Date by Daniel Johnson (Inspired By True Events)
The First Date by Daniel Johnson (Inspired By True Events)The First Date by Daniel Johnson (Inspired By True Events)
The First Date by Daniel Johnson (Inspired By True Events)thephillipta
 
Call Girl Service in Karachi +923081633338 Karachi Call Girls
Call Girl Service in Karachi +923081633338 Karachi Call GirlsCall Girl Service in Karachi +923081633338 Karachi Call Girls
Call Girl Service in Karachi +923081633338 Karachi Call GirlsAyesha Khan
 
Aiims Call Girls : ☎ 8527673949, Low rate Call Girls
Aiims Call Girls : ☎ 8527673949, Low rate Call GirlsAiims Call Girls : ☎ 8527673949, Low rate Call Girls
Aiims Call Girls : ☎ 8527673949, Low rate Call Girlsashishs7044
 
FULL ENJOY - 9953040155 Call Girls in Karol Bagh | Delhi
FULL ENJOY - 9953040155 Call Girls in Karol Bagh | DelhiFULL ENJOY - 9953040155 Call Girls in Karol Bagh | Delhi
FULL ENJOY - 9953040155 Call Girls in Karol Bagh | DelhiMalviyaNagarCallGirl
 
Jagat Puri Call Girls : ☎ 8527673949, Low rate Call Girls
Jagat Puri Call Girls : ☎ 8527673949, Low rate Call GirlsJagat Puri Call Girls : ☎ 8527673949, Low rate Call Girls
Jagat Puri Call Girls : ☎ 8527673949, Low rate Call Girlsashishs7044
 
Mandi House Call Girls : ☎ 8527673949, Low rate Call Girls
Mandi House Call Girls : ☎ 8527673949, Low rate Call GirlsMandi House Call Girls : ☎ 8527673949, Low rate Call Girls
Mandi House Call Girls : ☎ 8527673949, Low rate Call Girlsashishs7044
 
Karol Bagh Call Girls : ☎ 8527673949, Low rate Call Girls
Karol Bagh Call Girls : ☎ 8527673949, Low rate Call GirlsKarol Bagh Call Girls : ☎ 8527673949, Low rate Call Girls
Karol Bagh Call Girls : ☎ 8527673949, Low rate Call Girlsashishs7044
 
FULL ENJOY - 9953040155 Call Girls in Dwarka Mor | Delhi
FULL ENJOY - 9953040155 Call Girls in Dwarka Mor | DelhiFULL ENJOY - 9953040155 Call Girls in Dwarka Mor | Delhi
FULL ENJOY - 9953040155 Call Girls in Dwarka Mor | DelhiMalviyaNagarCallGirl
 
Laxmi Nagar Call Girls : ☎ 8527673949, Low rate Call Girls
Laxmi Nagar Call Girls : ☎ 8527673949, Low rate Call GirlsLaxmi Nagar Call Girls : ☎ 8527673949, Low rate Call Girls
Laxmi Nagar Call Girls : ☎ 8527673949, Low rate Call Girlsashishs7044
 
Zagor VČ OP 055 - Oluja nad Haitijem.pdf
Zagor VČ OP 055 - Oluja nad Haitijem.pdfZagor VČ OP 055 - Oluja nad Haitijem.pdf
Zagor VČ OP 055 - Oluja nad Haitijem.pdfStripovizijacom
 
Bur Dubai Call Girls O58993O4O2 Call Girls in Bur Dubai
Bur Dubai Call Girls O58993O4O2 Call Girls in Bur DubaiBur Dubai Call Girls O58993O4O2 Call Girls in Bur Dubai
Bur Dubai Call Girls O58993O4O2 Call Girls in Bur Dubaidajasot375
 
San Jon Motel, Motel/Residence, San Jon NM
San Jon Motel, Motel/Residence, San Jon NMSan Jon Motel, Motel/Residence, San Jon NM
San Jon Motel, Motel/Residence, San Jon NMroute66connected
 
FULL ENJOY - 9953040155 Call Girls in Mahipalpur | Delhi
FULL ENJOY - 9953040155 Call Girls in Mahipalpur | DelhiFULL ENJOY - 9953040155 Call Girls in Mahipalpur | Delhi
FULL ENJOY - 9953040155 Call Girls in Mahipalpur | DelhiMalviyaNagarCallGirl
 
How Can You Get Dubai Call Girls +971564860409 Call Girls Dubai?
How Can You Get Dubai Call Girls +971564860409 Call Girls Dubai?How Can You Get Dubai Call Girls +971564860409 Call Girls Dubai?
How Can You Get Dubai Call Girls +971564860409 Call Girls Dubai?kexey39068
 
Roadrunner Lodge, Motel/Residence, Tucumcari NM
Roadrunner Lodge, Motel/Residence, Tucumcari NMRoadrunner Lodge, Motel/Residence, Tucumcari NM
Roadrunner Lodge, Motel/Residence, Tucumcari NMroute66connected
 
FULL ENJOY - 9953040155 Call Girls in Uttam Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Uttam Nagar | DelhiFULL ENJOY - 9953040155 Call Girls in Uttam Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Uttam Nagar | DelhiMalviyaNagarCallGirl
 
FULL ENJOY - 9953040155 Call Girls in Paschim Vihar | Delhi
FULL ENJOY - 9953040155 Call Girls in Paschim Vihar | DelhiFULL ENJOY - 9953040155 Call Girls in Paschim Vihar | Delhi
FULL ENJOY - 9953040155 Call Girls in Paschim Vihar | DelhiMalviyaNagarCallGirl
 

Recently uploaded (20)

Russian Call Girls Delhi NCR 9999965857 Call or WhatsApp Anytime
Russian Call Girls Delhi NCR 9999965857 Call or WhatsApp AnytimeRussian Call Girls Delhi NCR 9999965857 Call or WhatsApp Anytime
Russian Call Girls Delhi NCR 9999965857 Call or WhatsApp Anytime
 
FULL ENJOY - 9953040155 Call Girls in Laxmi Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Laxmi Nagar | DelhiFULL ENJOY - 9953040155 Call Girls in Laxmi Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Laxmi Nagar | Delhi
 
Russian⚡ Call Girls In Sector 104 Noida✨8375860717⚡Escorts Service
Russian⚡ Call Girls In Sector 104 Noida✨8375860717⚡Escorts ServiceRussian⚡ Call Girls In Sector 104 Noida✨8375860717⚡Escorts Service
Russian⚡ Call Girls In Sector 104 Noida✨8375860717⚡Escorts Service
 
The First Date by Daniel Johnson (Inspired By True Events)
The First Date by Daniel Johnson (Inspired By True Events)The First Date by Daniel Johnson (Inspired By True Events)
The First Date by Daniel Johnson (Inspired By True Events)
 
Call Girl Service in Karachi +923081633338 Karachi Call Girls
Call Girl Service in Karachi +923081633338 Karachi Call GirlsCall Girl Service in Karachi +923081633338 Karachi Call Girls
Call Girl Service in Karachi +923081633338 Karachi Call Girls
 
Aiims Call Girls : ☎ 8527673949, Low rate Call Girls
Aiims Call Girls : ☎ 8527673949, Low rate Call GirlsAiims Call Girls : ☎ 8527673949, Low rate Call Girls
Aiims Call Girls : ☎ 8527673949, Low rate Call Girls
 
FULL ENJOY - 9953040155 Call Girls in Karol Bagh | Delhi
FULL ENJOY - 9953040155 Call Girls in Karol Bagh | DelhiFULL ENJOY - 9953040155 Call Girls in Karol Bagh | Delhi
FULL ENJOY - 9953040155 Call Girls in Karol Bagh | Delhi
 
Jagat Puri Call Girls : ☎ 8527673949, Low rate Call Girls
Jagat Puri Call Girls : ☎ 8527673949, Low rate Call GirlsJagat Puri Call Girls : ☎ 8527673949, Low rate Call Girls
Jagat Puri Call Girls : ☎ 8527673949, Low rate Call Girls
 
Mandi House Call Girls : ☎ 8527673949, Low rate Call Girls
Mandi House Call Girls : ☎ 8527673949, Low rate Call GirlsMandi House Call Girls : ☎ 8527673949, Low rate Call Girls
Mandi House Call Girls : ☎ 8527673949, Low rate Call Girls
 
Karol Bagh Call Girls : ☎ 8527673949, Low rate Call Girls
Karol Bagh Call Girls : ☎ 8527673949, Low rate Call GirlsKarol Bagh Call Girls : ☎ 8527673949, Low rate Call Girls
Karol Bagh Call Girls : ☎ 8527673949, Low rate Call Girls
 
FULL ENJOY - 9953040155 Call Girls in Dwarka Mor | Delhi
FULL ENJOY - 9953040155 Call Girls in Dwarka Mor | DelhiFULL ENJOY - 9953040155 Call Girls in Dwarka Mor | Delhi
FULL ENJOY - 9953040155 Call Girls in Dwarka Mor | Delhi
 
Laxmi Nagar Call Girls : ☎ 8527673949, Low rate Call Girls
Laxmi Nagar Call Girls : ☎ 8527673949, Low rate Call GirlsLaxmi Nagar Call Girls : ☎ 8527673949, Low rate Call Girls
Laxmi Nagar Call Girls : ☎ 8527673949, Low rate Call Girls
 
Zagor VČ OP 055 - Oluja nad Haitijem.pdf
Zagor VČ OP 055 - Oluja nad Haitijem.pdfZagor VČ OP 055 - Oluja nad Haitijem.pdf
Zagor VČ OP 055 - Oluja nad Haitijem.pdf
 
Bur Dubai Call Girls O58993O4O2 Call Girls in Bur Dubai
Bur Dubai Call Girls O58993O4O2 Call Girls in Bur DubaiBur Dubai Call Girls O58993O4O2 Call Girls in Bur Dubai
Bur Dubai Call Girls O58993O4O2 Call Girls in Bur Dubai
 
San Jon Motel, Motel/Residence, San Jon NM
San Jon Motel, Motel/Residence, San Jon NMSan Jon Motel, Motel/Residence, San Jon NM
San Jon Motel, Motel/Residence, San Jon NM
 
FULL ENJOY - 9953040155 Call Girls in Mahipalpur | Delhi
FULL ENJOY - 9953040155 Call Girls in Mahipalpur | DelhiFULL ENJOY - 9953040155 Call Girls in Mahipalpur | Delhi
FULL ENJOY - 9953040155 Call Girls in Mahipalpur | Delhi
 
How Can You Get Dubai Call Girls +971564860409 Call Girls Dubai?
How Can You Get Dubai Call Girls +971564860409 Call Girls Dubai?How Can You Get Dubai Call Girls +971564860409 Call Girls Dubai?
How Can You Get Dubai Call Girls +971564860409 Call Girls Dubai?
 
Roadrunner Lodge, Motel/Residence, Tucumcari NM
Roadrunner Lodge, Motel/Residence, Tucumcari NMRoadrunner Lodge, Motel/Residence, Tucumcari NM
Roadrunner Lodge, Motel/Residence, Tucumcari NM
 
FULL ENJOY - 9953040155 Call Girls in Uttam Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Uttam Nagar | DelhiFULL ENJOY - 9953040155 Call Girls in Uttam Nagar | Delhi
FULL ENJOY - 9953040155 Call Girls in Uttam Nagar | Delhi
 
FULL ENJOY - 9953040155 Call Girls in Paschim Vihar | Delhi
FULL ENJOY - 9953040155 Call Girls in Paschim Vihar | DelhiFULL ENJOY - 9953040155 Call Girls in Paschim Vihar | Delhi
FULL ENJOY - 9953040155 Call Girls in Paschim Vihar | Delhi
 

How to Create a Folded Text Effect in Adobe Illustrator.docx

  • 1. How to Create a Folded Text Effect in Adobe Illustrator by Andrei Marius6 Mar 2017 v.l , kl,k,,,,,, ,lkllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll,mkDifficulty:BeginnerLength: ShortLanguages: Text EffectsAdobe IllustratorVectorVibrant
  • 2.
  • 3. You'll Be Creating In the following steps you will learn how to create a folded text effect in Adobe Illustrator. For starters, you will learn how to create a simple background and how to add some text. Taking full advantage of the Appearance panel, you will learn how to work with several fills and effects, linear gradients, and basic blending techniques. Finally, you will learn how to copy Appearance attributes between objects and how to easily adjust them. For more inspiration on how to adjust or improve your final text effect, you can find plenty of resources on GraphicRiver. 1. How to Create a New Document and Set Up a Grid Hit Control-N to create a new document. Select Pixels from the Units drop-down menu, enter 850 in the width and height boxes, and then click that Advanced button. Select RGB for the ColorMode, set theRaster Effects to Screen (72 ppi), and then click Create Document.
  • 4.
  • 5. 2. How to Create the Background Pick the Rectangle Tool (M) and focus on your toolbar. Remove the color from the stroke and then select the fill and set its color to R=241 G=242 B=252. Move to your artboard and simply create an 860 pxsquare. Make sure that it covers your entire artboard as shown below.
  • 6.
  • 7. 3. How to Create the Text Pieces Step 1 Pick the Type Tool (T) and open the Character panel (Window > Type > Character). Select the Tw Cen MT Condensed Extra Bold font (or any bold font that you prefer), and set the size to 200 px and the leading to240 px. Move to your artboard, click on it, and add your piece of text about as shown below. Make it black.
  • 8.
  • 9. Step 2 Use the same tool and character attributes to create the first letter of your word. Make it white and place it right above the black one.
  • 10.
  • 11. Step 3 Keep adding separate white letters until you cover all your black text. Once you're done, go to the Layerspanel (Window > Layers) and remove your black text.
  • 12.
  • 13. 4. How to Create the First Text Effect Step 1 Select one of your letters, focus on the Swatches panel (Window > Swatches) and click that [None]swatch to remove the white fill. Move to the Appearance panel (Window > Appearance) and add a new fill using the Add New Fill button. Select the new fill and use the linear gradient shown below (Window > Gradient). Keep in mind that the blue number from the Gradient image stands for Location percentage. Use the Gradient Tool (G) to adjust the length of your gradient as shown in the following image.
  • 14.
  • 15. Step 2 Make sure that your colored letter is still selected, keep focusing on the Appearance panel, select that fill and go to Effect > Stylize > Drop Shadow. Enter the attributes shown below and then click that OK button.
  • 16.
  • 17. Step 3 Make sure that your colored letter is still selected, keep focusing on the Appearance panel and add a second fill using that same Add New Fill button. Select this new fill, add the linear gradient shown below and then go to Effect > Distort & Transform > Free Distort. Drag those right points about as shown below and then click the OK button.
  • 18.
  • 19. Step 4 Make sure that your colored letter is still selected, keep focusing on the Appearance panel and add a third fill using that same Add New Fill button. Drag this new fill between the existing ones, apply the linear gradient shown below, lower its Opacity to 40% and then go to Effect > Distort & Transform > Free Distort. Drag those right points about as shown below and then click the OK button. Keep in mind that the yellow zero from the Gradient image stands for Opacity percentage.
  • 20.
  • 21. Step 5 Make sure that your colored letter is still selected and keep focusing on the Appearance panel. Select the middle fill and duplicate it using the Duplicate Selected Item button. Select the newly added fill, lower its Opacity to 30% and go to Effect > Distort & Transform > Transform. Drag the Move-Horizontal slider to 5 px, click the OK button, and then go to Effect > Blur > Gaussian Blur. Set the Radiusto 5 px and then click that OK button.
  • 22.
  • 23. 5. How to Create Color Variation in Your Text Effect Step 1 First, you need to copy the Appearance attributes of your colored letter and paste them onto your second letter. This can be done pretty easy from the Layers panel. Expand your layer and you'll notice a little circle on the right-hand side of all your objects—that's a target icon. Hold the Alt key, click on the target icon that stands for your colored letter, and drag onto the circle that stands for your second letter. Now, select your newly colored letter, focus on the Appearance panel and replace the two linear gradients with the ones shown below.
  • 24.
  • 25. Step 2 Repeat the technique mentioned in the previous step, but replace the linear gradients with the ones shown below.
  • 26.
  • 27.
  • 28.
  • 29. Advertisement Step 3 Finally, copy the Appearance attributes to the remaining white letters.
  • 30.